Merge branch 'MDL-80396-main' of https://github.com/roland04/moodle
[moodle.git] / theme / classic / style / moodle.css
blobaadf1d6cd01550343dba3d09f71483c5411cf62f
1 @charset "UTF-8";
2 /*!
3 * Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com
4 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
5 * Copyright 2023 Fonticons, Inc.
6 */
7 :root, :host {
8 --fa-style-family-brands: "Font Awesome 6 Brands";
9 --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands";
12 @font-face {
13 font-family: "Font Awesome 6 Brands";
14 font-style: normal;
15 font-weight: 400;
16 font-display: block;
17 src: url("[[font:core|fa-brands-400.woff2]]") format("woff2"), url("[[font:core|fa-brands-400.ttf]]") format("truetype");
19 .fab,
20 .fa-brands {
21 font-weight: 400;
24 .fa-monero:before {
25 content: "\f3d0";
28 .fa-hooli:before {
29 content: "\f427";
32 .fa-yelp:before {
33 content: "\f1e9";
36 .fa-cc-visa:before {
37 content: "\f1f0";
40 .fa-lastfm:before {
41 content: "\f202";
44 .fa-shopware:before {
45 content: "\f5b5";
48 .fa-creative-commons-nc:before {
49 content: "\f4e8";
52 .fa-aws:before {
53 content: "\f375";
56 .fa-redhat:before {
57 content: "\f7bc";
60 .fa-yoast:before {
61 content: "\f2b1";
64 .fa-cloudflare:before {
65 content: "\e07d";
68 .fa-ups:before {
69 content: "\f7e0";
72 .fa-wpexplorer:before {
73 content: "\f2de";
76 .fa-dyalog:before {
77 content: "\f399";
80 .fa-bity:before {
81 content: "\f37a";
84 .fa-stackpath:before {
85 content: "\f842";
88 .fa-buysellads:before {
89 content: "\f20d";
92 .fa-first-order:before {
93 content: "\f2b0";
96 .fa-modx:before {
97 content: "\f285";
100 .fa-guilded:before {
101 content: "\e07e";
104 .fa-vnv:before {
105 content: "\f40b";
108 .fa-square-js:before {
109 content: "\f3b9";
112 .fa-js-square:before {
113 content: "\f3b9";
116 .fa-microsoft:before {
117 content: "\f3ca";
120 .fa-qq:before {
121 content: "\f1d6";
124 .fa-orcid:before {
125 content: "\f8d2";
128 .fa-java:before {
129 content: "\f4e4";
132 .fa-invision:before {
133 content: "\f7b0";
136 .fa-creative-commons-pd-alt:before {
137 content: "\f4ed";
140 .fa-centercode:before {
141 content: "\f380";
144 .fa-glide-g:before {
145 content: "\f2a6";
148 .fa-drupal:before {
149 content: "\f1a9";
152 .fa-hire-a-helper:before {
153 content: "\f3b0";
156 .fa-creative-commons-by:before {
157 content: "\f4e7";
160 .fa-unity:before {
161 content: "\e049";
164 .fa-whmcs:before {
165 content: "\f40d";
168 .fa-rocketchat:before {
169 content: "\f3e8";
172 .fa-vk:before {
173 content: "\f189";
176 .fa-untappd:before {
177 content: "\f405";
180 .fa-mailchimp:before {
181 content: "\f59e";
184 .fa-css3-alt:before {
185 content: "\f38b";
188 .fa-square-reddit:before {
189 content: "\f1a2";
192 .fa-reddit-square:before {
193 content: "\f1a2";
196 .fa-vimeo-v:before {
197 content: "\f27d";
200 .fa-contao:before {
201 content: "\f26d";
204 .fa-square-font-awesome:before {
205 content: "\e5ad";
208 .fa-deskpro:before {
209 content: "\f38f";
212 .fa-sistrix:before {
213 content: "\f3ee";
216 .fa-square-instagram:before {
217 content: "\e055";
220 .fa-instagram-square:before {
221 content: "\e055";
224 .fa-battle-net:before {
225 content: "\f835";
228 .fa-the-red-yeti:before {
229 content: "\f69d";
232 .fa-square-hacker-news:before {
233 content: "\f3af";
236 .fa-hacker-news-square:before {
237 content: "\f3af";
240 .fa-edge:before {
241 content: "\f282";
244 .fa-napster:before {
245 content: "\f3d2";
248 .fa-square-snapchat:before {
249 content: "\f2ad";
252 .fa-snapchat-square:before {
253 content: "\f2ad";
256 .fa-google-plus-g:before {
257 content: "\f0d5";
260 .fa-artstation:before {
261 content: "\f77a";
264 .fa-markdown:before {
265 content: "\f60f";
268 .fa-sourcetree:before {
269 content: "\f7d3";
272 .fa-google-plus:before {
273 content: "\f2b3";
276 .fa-diaspora:before {
277 content: "\f791";
280 .fa-foursquare:before {
281 content: "\f180";
284 .fa-stack-overflow:before {
285 content: "\f16c";
288 .fa-github-alt:before {
289 content: "\f113";
292 .fa-phoenix-squadron:before {
293 content: "\f511";
296 .fa-pagelines:before {
297 content: "\f18c";
300 .fa-algolia:before {
301 content: "\f36c";
304 .fa-red-river:before {
305 content: "\f3e3";
308 .fa-creative-commons-sa:before {
309 content: "\f4ef";
312 .fa-safari:before {
313 content: "\f267";
316 .fa-google:before {
317 content: "\f1a0";
320 .fa-square-font-awesome-stroke:before {
321 content: "\f35c";
324 .fa-font-awesome-alt:before {
325 content: "\f35c";
328 .fa-atlassian:before {
329 content: "\f77b";
332 .fa-linkedin-in:before {
333 content: "\f0e1";
336 .fa-digital-ocean:before {
337 content: "\f391";
340 .fa-nimblr:before {
341 content: "\f5a8";
344 .fa-chromecast:before {
345 content: "\f838";
348 .fa-evernote:before {
349 content: "\f839";
352 .fa-hacker-news:before {
353 content: "\f1d4";
356 .fa-creative-commons-sampling:before {
357 content: "\f4f0";
360 .fa-adversal:before {
361 content: "\f36a";
364 .fa-creative-commons:before {
365 content: "\f25e";
368 .fa-watchman-monitoring:before {
369 content: "\e087";
372 .fa-fonticons:before {
373 content: "\f280";
376 .fa-weixin:before {
377 content: "\f1d7";
380 .fa-shirtsinbulk:before {
381 content: "\f214";
384 .fa-codepen:before {
385 content: "\f1cb";
388 .fa-git-alt:before {
389 content: "\f841";
392 .fa-lyft:before {
393 content: "\f3c3";
396 .fa-rev:before {
397 content: "\f5b2";
400 .fa-windows:before {
401 content: "\f17a";
404 .fa-wizards-of-the-coast:before {
405 content: "\f730";
408 .fa-square-viadeo:before {
409 content: "\f2aa";
412 .fa-viadeo-square:before {
413 content: "\f2aa";
416 .fa-meetup:before {
417 content: "\f2e0";
420 .fa-centos:before {
421 content: "\f789";
424 .fa-adn:before {
425 content: "\f170";
428 .fa-cloudsmith:before {
429 content: "\f384";
432 .fa-pied-piper-alt:before {
433 content: "\f1a8";
436 .fa-square-dribbble:before {
437 content: "\f397";
440 .fa-dribbble-square:before {
441 content: "\f397";
444 .fa-codiepie:before {
445 content: "\f284";
448 .fa-node:before {
449 content: "\f419";
452 .fa-mix:before {
453 content: "\f3cb";
456 .fa-steam:before {
457 content: "\f1b6";
460 .fa-cc-apple-pay:before {
461 content: "\f416";
464 .fa-scribd:before {
465 content: "\f28a";
468 .fa-openid:before {
469 content: "\f19b";
472 .fa-instalod:before {
473 content: "\e081";
476 .fa-expeditedssl:before {
477 content: "\f23e";
480 .fa-sellcast:before {
481 content: "\f2da";
484 .fa-square-twitter:before {
485 content: "\f081";
488 .fa-twitter-square:before {
489 content: "\f081";
492 .fa-r-project:before {
493 content: "\f4f7";
496 .fa-delicious:before {
497 content: "\f1a5";
500 .fa-freebsd:before {
501 content: "\f3a4";
504 .fa-vuejs:before {
505 content: "\f41f";
508 .fa-accusoft:before {
509 content: "\f369";
512 .fa-ioxhost:before {
513 content: "\f208";
516 .fa-fonticons-fi:before {
517 content: "\f3a2";
520 .fa-app-store:before {
521 content: "\f36f";
524 .fa-cc-mastercard:before {
525 content: "\f1f1";
528 .fa-itunes-note:before {
529 content: "\f3b5";
532 .fa-golang:before {
533 content: "\e40f";
536 .fa-kickstarter:before {
537 content: "\f3bb";
540 .fa-grav:before {
541 content: "\f2d6";
544 .fa-weibo:before {
545 content: "\f18a";
548 .fa-uncharted:before {
549 content: "\e084";
552 .fa-firstdraft:before {
553 content: "\f3a1";
556 .fa-square-youtube:before {
557 content: "\f431";
560 .fa-youtube-square:before {
561 content: "\f431";
564 .fa-wikipedia-w:before {
565 content: "\f266";
568 .fa-wpressr:before {
569 content: "\f3e4";
572 .fa-rendact:before {
573 content: "\f3e4";
576 .fa-angellist:before {
577 content: "\f209";
580 .fa-galactic-republic:before {
581 content: "\f50c";
584 .fa-nfc-directional:before {
585 content: "\e530";
588 .fa-skype:before {
589 content: "\f17e";
592 .fa-joget:before {
593 content: "\f3b7";
596 .fa-fedora:before {
597 content: "\f798";
600 .fa-stripe-s:before {
601 content: "\f42a";
604 .fa-meta:before {
605 content: "\e49b";
608 .fa-laravel:before {
609 content: "\f3bd";
612 .fa-hotjar:before {
613 content: "\f3b1";
616 .fa-bluetooth-b:before {
617 content: "\f294";
620 .fa-sticker-mule:before {
621 content: "\f3f7";
624 .fa-creative-commons-zero:before {
625 content: "\f4f3";
628 .fa-hips:before {
629 content: "\f452";
632 .fa-behance:before {
633 content: "\f1b4";
636 .fa-reddit:before {
637 content: "\f1a1";
640 .fa-discord:before {
641 content: "\f392";
644 .fa-chrome:before {
645 content: "\f268";
648 .fa-app-store-ios:before {
649 content: "\f370";
652 .fa-cc-discover:before {
653 content: "\f1f2";
656 .fa-wpbeginner:before {
657 content: "\f297";
660 .fa-confluence:before {
661 content: "\f78d";
664 .fa-mdb:before {
665 content: "\f8ca";
668 .fa-dochub:before {
669 content: "\f394";
672 .fa-accessible-icon:before {
673 content: "\f368";
676 .fa-ebay:before {
677 content: "\f4f4";
680 .fa-amazon:before {
681 content: "\f270";
684 .fa-unsplash:before {
685 content: "\e07c";
688 .fa-yarn:before {
689 content: "\f7e3";
692 .fa-square-steam:before {
693 content: "\f1b7";
696 .fa-steam-square:before {
697 content: "\f1b7";
700 .fa-500px:before {
701 content: "\f26e";
704 .fa-square-vimeo:before {
705 content: "\f194";
708 .fa-vimeo-square:before {
709 content: "\f194";
712 .fa-asymmetrik:before {
713 content: "\f372";
716 .fa-font-awesome:before {
717 content: "\f2b4";
720 .fa-font-awesome-flag:before {
721 content: "\f2b4";
724 .fa-font-awesome-logo-full:before {
725 content: "\f2b4";
728 .fa-gratipay:before {
729 content: "\f184";
732 .fa-apple:before {
733 content: "\f179";
736 .fa-hive:before {
737 content: "\e07f";
740 .fa-gitkraken:before {
741 content: "\f3a6";
744 .fa-keybase:before {
745 content: "\f4f5";
748 .fa-apple-pay:before {
749 content: "\f415";
752 .fa-padlet:before {
753 content: "\e4a0";
756 .fa-amazon-pay:before {
757 content: "\f42c";
760 .fa-square-github:before {
761 content: "\f092";
764 .fa-github-square:before {
765 content: "\f092";
768 .fa-stumbleupon:before {
769 content: "\f1a4";
772 .fa-fedex:before {
773 content: "\f797";
776 .fa-phoenix-framework:before {
777 content: "\f3dc";
780 .fa-shopify:before {
781 content: "\e057";
784 .fa-neos:before {
785 content: "\f612";
788 .fa-hackerrank:before {
789 content: "\f5f7";
792 .fa-researchgate:before {
793 content: "\f4f8";
796 .fa-swift:before {
797 content: "\f8e1";
800 .fa-angular:before {
801 content: "\f420";
804 .fa-speakap:before {
805 content: "\f3f3";
808 .fa-angrycreative:before {
809 content: "\f36e";
812 .fa-y-combinator:before {
813 content: "\f23b";
816 .fa-empire:before {
817 content: "\f1d1";
820 .fa-envira:before {
821 content: "\f299";
824 .fa-square-gitlab:before {
825 content: "\e5ae";
828 .fa-gitlab-square:before {
829 content: "\e5ae";
832 .fa-studiovinari:before {
833 content: "\f3f8";
836 .fa-pied-piper:before {
837 content: "\f2ae";
840 .fa-wordpress:before {
841 content: "\f19a";
844 .fa-product-hunt:before {
845 content: "\f288";
848 .fa-firefox:before {
849 content: "\f269";
852 .fa-linode:before {
853 content: "\f2b8";
856 .fa-goodreads:before {
857 content: "\f3a8";
860 .fa-square-odnoklassniki:before {
861 content: "\f264";
864 .fa-odnoklassniki-square:before {
865 content: "\f264";
868 .fa-jsfiddle:before {
869 content: "\f1cc";
872 .fa-sith:before {
873 content: "\f512";
876 .fa-themeisle:before {
877 content: "\f2b2";
880 .fa-page4:before {
881 content: "\f3d7";
884 .fa-hashnode:before {
885 content: "\e499";
888 .fa-react:before {
889 content: "\f41b";
892 .fa-cc-paypal:before {
893 content: "\f1f4";
896 .fa-squarespace:before {
897 content: "\f5be";
900 .fa-cc-stripe:before {
901 content: "\f1f5";
904 .fa-creative-commons-share:before {
905 content: "\f4f2";
908 .fa-bitcoin:before {
909 content: "\f379";
912 .fa-keycdn:before {
913 content: "\f3ba";
916 .fa-opera:before {
917 content: "\f26a";
920 .fa-itch-io:before {
921 content: "\f83a";
924 .fa-umbraco:before {
925 content: "\f8e8";
928 .fa-galactic-senate:before {
929 content: "\f50d";
932 .fa-ubuntu:before {
933 content: "\f7df";
936 .fa-draft2digital:before {
937 content: "\f396";
940 .fa-stripe:before {
941 content: "\f429";
944 .fa-houzz:before {
945 content: "\f27c";
948 .fa-gg:before {
949 content: "\f260";
952 .fa-dhl:before {
953 content: "\f790";
956 .fa-square-pinterest:before {
957 content: "\f0d3";
960 .fa-pinterest-square:before {
961 content: "\f0d3";
964 .fa-xing:before {
965 content: "\f168";
968 .fa-blackberry:before {
969 content: "\f37b";
972 .fa-creative-commons-pd:before {
973 content: "\f4ec";
976 .fa-playstation:before {
977 content: "\f3df";
980 .fa-quinscape:before {
981 content: "\f459";
984 .fa-less:before {
985 content: "\f41d";
988 .fa-blogger-b:before {
989 content: "\f37d";
992 .fa-opencart:before {
993 content: "\f23d";
996 .fa-vine:before {
997 content: "\f1ca";
1000 .fa-paypal:before {
1001 content: "\f1ed";
1004 .fa-gitlab:before {
1005 content: "\f296";
1008 .fa-typo3:before {
1009 content: "\f42b";
1012 .fa-reddit-alien:before {
1013 content: "\f281";
1016 .fa-yahoo:before {
1017 content: "\f19e";
1020 .fa-dailymotion:before {
1021 content: "\e052";
1024 .fa-affiliatetheme:before {
1025 content: "\f36b";
1028 .fa-pied-piper-pp:before {
1029 content: "\f1a7";
1032 .fa-bootstrap:before {
1033 content: "\f836";
1036 .fa-odnoklassniki:before {
1037 content: "\f263";
1040 .fa-nfc-symbol:before {
1041 content: "\e531";
1044 .fa-ethereum:before {
1045 content: "\f42e";
1048 .fa-speaker-deck:before {
1049 content: "\f83c";
1052 .fa-creative-commons-nc-eu:before {
1053 content: "\f4e9";
1056 .fa-patreon:before {
1057 content: "\f3d9";
1060 .fa-avianex:before {
1061 content: "\f374";
1064 .fa-ello:before {
1065 content: "\f5f1";
1068 .fa-gofore:before {
1069 content: "\f3a7";
1072 .fa-bimobject:before {
1073 content: "\f378";
1076 .fa-facebook-f:before {
1077 content: "\f39e";
1080 .fa-square-google-plus:before {
1081 content: "\f0d4";
1084 .fa-google-plus-square:before {
1085 content: "\f0d4";
1088 .fa-mandalorian:before {
1089 content: "\f50f";
1092 .fa-first-order-alt:before {
1093 content: "\f50a";
1096 .fa-osi:before {
1097 content: "\f41a";
1100 .fa-google-wallet:before {
1101 content: "\f1ee";
1104 .fa-d-and-d-beyond:before {
1105 content: "\f6ca";
1108 .fa-periscope:before {
1109 content: "\f3da";
1112 .fa-fulcrum:before {
1113 content: "\f50b";
1116 .fa-cloudscale:before {
1117 content: "\f383";
1120 .fa-forumbee:before {
1121 content: "\f211";
1124 .fa-mizuni:before {
1125 content: "\f3cc";
1128 .fa-schlix:before {
1129 content: "\f3ea";
1132 .fa-square-xing:before {
1133 content: "\f169";
1136 .fa-xing-square:before {
1137 content: "\f169";
1140 .fa-bandcamp:before {
1141 content: "\f2d5";
1144 .fa-wpforms:before {
1145 content: "\f298";
1148 .fa-cloudversify:before {
1149 content: "\f385";
1152 .fa-usps:before {
1153 content: "\f7e1";
1156 .fa-megaport:before {
1157 content: "\f5a3";
1160 .fa-magento:before {
1161 content: "\f3c4";
1164 .fa-spotify:before {
1165 content: "\f1bc";
1168 .fa-optin-monster:before {
1169 content: "\f23c";
1172 .fa-fly:before {
1173 content: "\f417";
1176 .fa-aviato:before {
1177 content: "\f421";
1180 .fa-itunes:before {
1181 content: "\f3b4";
1184 .fa-cuttlefish:before {
1185 content: "\f38c";
1188 .fa-blogger:before {
1189 content: "\f37c";
1192 .fa-flickr:before {
1193 content: "\f16e";
1196 .fa-viber:before {
1197 content: "\f409";
1200 .fa-soundcloud:before {
1201 content: "\f1be";
1204 .fa-digg:before {
1205 content: "\f1a6";
1208 .fa-tencent-weibo:before {
1209 content: "\f1d5";
1212 .fa-symfony:before {
1213 content: "\f83d";
1216 .fa-maxcdn:before {
1217 content: "\f136";
1220 .fa-etsy:before {
1221 content: "\f2d7";
1224 .fa-facebook-messenger:before {
1225 content: "\f39f";
1228 .fa-audible:before {
1229 content: "\f373";
1232 .fa-think-peaks:before {
1233 content: "\f731";
1236 .fa-bilibili:before {
1237 content: "\e3d9";
1240 .fa-erlang:before {
1241 content: "\f39d";
1244 .fa-cotton-bureau:before {
1245 content: "\f89e";
1248 .fa-dashcube:before {
1249 content: "\f210";
1252 .fa-42-group:before {
1253 content: "\e080";
1256 .fa-innosoft:before {
1257 content: "\e080";
1260 .fa-stack-exchange:before {
1261 content: "\f18d";
1264 .fa-elementor:before {
1265 content: "\f430";
1268 .fa-square-pied-piper:before {
1269 content: "\e01e";
1272 .fa-pied-piper-square:before {
1273 content: "\e01e";
1276 .fa-creative-commons-nd:before {
1277 content: "\f4eb";
1280 .fa-palfed:before {
1281 content: "\f3d8";
1284 .fa-superpowers:before {
1285 content: "\f2dd";
1288 .fa-resolving:before {
1289 content: "\f3e7";
1292 .fa-xbox:before {
1293 content: "\f412";
1296 .fa-searchengin:before {
1297 content: "\f3eb";
1300 .fa-tiktok:before {
1301 content: "\e07b";
1304 .fa-square-facebook:before {
1305 content: "\f082";
1308 .fa-facebook-square:before {
1309 content: "\f082";
1312 .fa-renren:before {
1313 content: "\f18b";
1316 .fa-linux:before {
1317 content: "\f17c";
1320 .fa-glide:before {
1321 content: "\f2a5";
1324 .fa-linkedin:before {
1325 content: "\f08c";
1328 .fa-hubspot:before {
1329 content: "\f3b2";
1332 .fa-deploydog:before {
1333 content: "\f38e";
1336 .fa-twitch:before {
1337 content: "\f1e8";
1340 .fa-ravelry:before {
1341 content: "\f2d9";
1344 .fa-mixer:before {
1345 content: "\e056";
1348 .fa-square-lastfm:before {
1349 content: "\f203";
1352 .fa-lastfm-square:before {
1353 content: "\f203";
1356 .fa-vimeo:before {
1357 content: "\f40a";
1360 .fa-mendeley:before {
1361 content: "\f7b3";
1364 .fa-uniregistry:before {
1365 content: "\f404";
1368 .fa-figma:before {
1369 content: "\f799";
1372 .fa-creative-commons-remix:before {
1373 content: "\f4ee";
1376 .fa-cc-amazon-pay:before {
1377 content: "\f42d";
1380 .fa-dropbox:before {
1381 content: "\f16b";
1384 .fa-instagram:before {
1385 content: "\f16d";
1388 .fa-cmplid:before {
1389 content: "\e360";
1392 .fa-facebook:before {
1393 content: "\f09a";
1396 .fa-gripfire:before {
1397 content: "\f3ac";
1400 .fa-jedi-order:before {
1401 content: "\f50e";
1404 .fa-uikit:before {
1405 content: "\f403";
1408 .fa-fort-awesome-alt:before {
1409 content: "\f3a3";
1412 .fa-phabricator:before {
1413 content: "\f3db";
1416 .fa-ussunnah:before {
1417 content: "\f407";
1420 .fa-earlybirds:before {
1421 content: "\f39a";
1424 .fa-trade-federation:before {
1425 content: "\f513";
1428 .fa-autoprefixer:before {
1429 content: "\f41c";
1432 .fa-whatsapp:before {
1433 content: "\f232";
1436 .fa-slideshare:before {
1437 content: "\f1e7";
1440 .fa-google-play:before {
1441 content: "\f3ab";
1444 .fa-viadeo:before {
1445 content: "\f2a9";
1448 .fa-line:before {
1449 content: "\f3c0";
1452 .fa-google-drive:before {
1453 content: "\f3aa";
1456 .fa-servicestack:before {
1457 content: "\f3ec";
1460 .fa-simplybuilt:before {
1461 content: "\f215";
1464 .fa-bitbucket:before {
1465 content: "\f171";
1468 .fa-imdb:before {
1469 content: "\f2d8";
1472 .fa-deezer:before {
1473 content: "\e077";
1476 .fa-raspberry-pi:before {
1477 content: "\f7bb";
1480 .fa-jira:before {
1481 content: "\f7b1";
1484 .fa-docker:before {
1485 content: "\f395";
1488 .fa-screenpal:before {
1489 content: "\e570";
1492 .fa-bluetooth:before {
1493 content: "\f293";
1496 .fa-gitter:before {
1497 content: "\f426";
1500 .fa-d-and-d:before {
1501 content: "\f38d";
1504 .fa-microblog:before {
1505 content: "\e01a";
1508 .fa-cc-diners-club:before {
1509 content: "\f24c";
1512 .fa-gg-circle:before {
1513 content: "\f261";
1516 .fa-pied-piper-hat:before {
1517 content: "\f4e5";
1520 .fa-kickstarter-k:before {
1521 content: "\f3bc";
1524 .fa-yandex:before {
1525 content: "\f413";
1528 .fa-readme:before {
1529 content: "\f4d5";
1532 .fa-html5:before {
1533 content: "\f13b";
1536 .fa-sellsy:before {
1537 content: "\f213";
1540 .fa-sass:before {
1541 content: "\f41e";
1544 .fa-wirsindhandwerk:before {
1545 content: "\e2d0";
1548 .fa-wsh:before {
1549 content: "\e2d0";
1552 .fa-buromobelexperte:before {
1553 content: "\f37f";
1556 .fa-salesforce:before {
1557 content: "\f83b";
1560 .fa-octopus-deploy:before {
1561 content: "\e082";
1564 .fa-medapps:before {
1565 content: "\f3c6";
1568 .fa-ns8:before {
1569 content: "\f3d5";
1572 .fa-pinterest-p:before {
1573 content: "\f231";
1576 .fa-apper:before {
1577 content: "\f371";
1580 .fa-fort-awesome:before {
1581 content: "\f286";
1584 .fa-waze:before {
1585 content: "\f83f";
1588 .fa-cc-jcb:before {
1589 content: "\f24b";
1592 .fa-snapchat:before {
1593 content: "\f2ab";
1596 .fa-snapchat-ghost:before {
1597 content: "\f2ab";
1600 .fa-fantasy-flight-games:before {
1601 content: "\f6dc";
1604 .fa-rust:before {
1605 content: "\e07a";
1608 .fa-wix:before {
1609 content: "\f5cf";
1612 .fa-square-behance:before {
1613 content: "\f1b5";
1616 .fa-behance-square:before {
1617 content: "\f1b5";
1620 .fa-supple:before {
1621 content: "\f3f9";
1624 .fa-rebel:before {
1625 content: "\f1d0";
1628 .fa-css3:before {
1629 content: "\f13c";
1632 .fa-staylinked:before {
1633 content: "\f3f5";
1636 .fa-kaggle:before {
1637 content: "\f5fa";
1640 .fa-space-awesome:before {
1641 content: "\e5ac";
1644 .fa-deviantart:before {
1645 content: "\f1bd";
1648 .fa-cpanel:before {
1649 content: "\f388";
1652 .fa-goodreads-g:before {
1653 content: "\f3a9";
1656 .fa-square-git:before {
1657 content: "\f1d2";
1660 .fa-git-square:before {
1661 content: "\f1d2";
1664 .fa-square-tumblr:before {
1665 content: "\f174";
1668 .fa-tumblr-square:before {
1669 content: "\f174";
1672 .fa-trello:before {
1673 content: "\f181";
1676 .fa-creative-commons-nc-jp:before {
1677 content: "\f4ea";
1680 .fa-get-pocket:before {
1681 content: "\f265";
1684 .fa-perbyte:before {
1685 content: "\e083";
1688 .fa-grunt:before {
1689 content: "\f3ad";
1692 .fa-weebly:before {
1693 content: "\f5cc";
1696 .fa-connectdevelop:before {
1697 content: "\f20e";
1700 .fa-leanpub:before {
1701 content: "\f212";
1704 .fa-black-tie:before {
1705 content: "\f27e";
1708 .fa-themeco:before {
1709 content: "\f5c6";
1712 .fa-python:before {
1713 content: "\f3e2";
1716 .fa-android:before {
1717 content: "\f17b";
1720 .fa-bots:before {
1721 content: "\e340";
1724 .fa-free-code-camp:before {
1725 content: "\f2c5";
1728 .fa-hornbill:before {
1729 content: "\f592";
1732 .fa-js:before {
1733 content: "\f3b8";
1736 .fa-ideal:before {
1737 content: "\e013";
1740 .fa-git:before {
1741 content: "\f1d3";
1744 .fa-dev:before {
1745 content: "\f6cc";
1748 .fa-sketch:before {
1749 content: "\f7c6";
1752 .fa-yandex-international:before {
1753 content: "\f414";
1756 .fa-cc-amex:before {
1757 content: "\f1f3";
1760 .fa-uber:before {
1761 content: "\f402";
1764 .fa-github:before {
1765 content: "\f09b";
1768 .fa-php:before {
1769 content: "\f457";
1772 .fa-alipay:before {
1773 content: "\f642";
1776 .fa-youtube:before {
1777 content: "\f167";
1780 .fa-skyatlas:before {
1781 content: "\f216";
1784 .fa-firefox-browser:before {
1785 content: "\e007";
1788 .fa-replyd:before {
1789 content: "\f3e6";
1792 .fa-suse:before {
1793 content: "\f7d6";
1796 .fa-jenkins:before {
1797 content: "\f3b6";
1800 .fa-twitter:before {
1801 content: "\f099";
1804 .fa-rockrms:before {
1805 content: "\f3e9";
1808 .fa-pinterest:before {
1809 content: "\f0d2";
1812 .fa-buffer:before {
1813 content: "\f837";
1816 .fa-npm:before {
1817 content: "\f3d4";
1820 .fa-yammer:before {
1821 content: "\f840";
1824 .fa-btc:before {
1825 content: "\f15a";
1828 .fa-dribbble:before {
1829 content: "\f17d";
1832 .fa-stumbleupon-circle:before {
1833 content: "\f1a3";
1836 .fa-internet-explorer:before {
1837 content: "\f26b";
1840 .fa-stubber:before {
1841 content: "\e5c7";
1844 .fa-telegram:before {
1845 content: "\f2c6";
1848 .fa-telegram-plane:before {
1849 content: "\f2c6";
1852 .fa-old-republic:before {
1853 content: "\f510";
1856 .fa-odysee:before {
1857 content: "\e5c6";
1860 .fa-square-whatsapp:before {
1861 content: "\f40c";
1864 .fa-whatsapp-square:before {
1865 content: "\f40c";
1868 .fa-node-js:before {
1869 content: "\f3d3";
1872 .fa-edge-legacy:before {
1873 content: "\e078";
1876 .fa-slack:before {
1877 content: "\f198";
1880 .fa-slack-hash:before {
1881 content: "\f198";
1884 .fa-medrt:before {
1885 content: "\f3c8";
1888 .fa-usb:before {
1889 content: "\f287";
1892 .fa-tumblr:before {
1893 content: "\f173";
1896 .fa-vaadin:before {
1897 content: "\f408";
1900 .fa-quora:before {
1901 content: "\f2c4";
1904 .fa-reacteurope:before {
1905 content: "\f75d";
1908 .fa-medium:before {
1909 content: "\f23a";
1912 .fa-medium-m:before {
1913 content: "\f23a";
1916 .fa-amilia:before {
1917 content: "\f36d";
1920 .fa-mixcloud:before {
1921 content: "\f289";
1924 .fa-flipboard:before {
1925 content: "\f44d";
1928 .fa-viacoin:before {
1929 content: "\f237";
1932 .fa-critical-role:before {
1933 content: "\f6c9";
1936 .fa-sitrox:before {
1937 content: "\e44a";
1940 .fa-discourse:before {
1941 content: "\f393";
1944 .fa-joomla:before {
1945 content: "\f1aa";
1948 .fa-mastodon:before {
1949 content: "\f4f6";
1952 .fa-airbnb:before {
1953 content: "\f834";
1956 .fa-wolf-pack-battalion:before {
1957 content: "\f514";
1960 .fa-buy-n-large:before {
1961 content: "\f8a6";
1964 .fa-gulp:before {
1965 content: "\f3ae";
1968 .fa-creative-commons-sampling-plus:before {
1969 content: "\f4f1";
1972 .fa-strava:before {
1973 content: "\f428";
1976 .fa-ember:before {
1977 content: "\f423";
1980 .fa-canadian-maple-leaf:before {
1981 content: "\f785";
1984 .fa-teamspeak:before {
1985 content: "\f4f9";
1988 .fa-pushed:before {
1989 content: "\f3e1";
1992 .fa-wordpress-simple:before {
1993 content: "\f411";
1996 .fa-nutritionix:before {
1997 content: "\f3d6";
2000 .fa-wodu:before {
2001 content: "\e088";
2004 .fa-google-pay:before {
2005 content: "\e079";
2008 .fa-intercom:before {
2009 content: "\f7af";
2012 .fa-zhihu:before {
2013 content: "\f63f";
2016 .fa-korvue:before {
2017 content: "\f42f";
2020 .fa-pix:before {
2021 content: "\e43a";
2024 .fa-steam-symbol:before {
2025 content: "\f3f6";
2029 * Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com
2030 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
2031 * Copyright 2023 Fonticons, Inc.
2033 :root, :host {
2034 --fa-style-family-classic: "Font Awesome 6 Free";
2035 --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Free";
2038 @font-face {
2039 font-family: "Font Awesome 6 Free";
2040 font-style: normal;
2041 font-weight: 400;
2042 font-display: block;
2043 src: url("[[font:core|fa-regular-400.woff2]]") format("woff2"), url("[[font:core|fa-regular-400.ttf]]") format("truetype");
2045 .far,
2046 .fa-regular,
2047 .content-bank-container.view-grid .cb-unlisted::after {
2048 font-weight: 400;
2052 * Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com
2053 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
2054 * Copyright 2023 Fonticons, Inc.
2056 :root, :host {
2057 --fa-style-family-classic: "Font Awesome 6 Free";
2058 --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free";
2061 @font-face {
2062 font-family: "Font Awesome 6 Free";
2063 font-style: normal;
2064 font-weight: 900;
2065 font-display: block;
2066 src: url("[[font:core|fa-solid-900.woff2]]") format("woff2"), url("[[font:core|fa-solid-900.ttf]]") format("truetype");
2068 .fas,
2069 .fa-solid,
2070 .moremenu .dropdown-item[aria-current=true]:before,
2071 .moremenu .dropdown-item.active:before,
2072 .dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .dropdown-item.carousel-navigation-link::after,
2073 .navbar.fixed-top .usermenu .dropdown-menu .submenu .items .dropdown-item[aria-current=true]::before,
2074 .navbar.fixed-top .usermenu .dropdown-menu .dropdown-item.carousel-navigation-link::after,
2075 .toast.toast-warning .toast-body:before,
2076 .toast.toast-info .toast-body:before,
2077 .toast.toast-danger .toast-body:before,
2078 .toast.toast-success .toast-body:before,
2079 .editing .editinprogress:after,
2080 .dir-rtl .block_settings .block_tree [aria-expanded=false] > p:before,
2081 .dir-rtl .block_navigation .block_tree [aria-expanded=false] > p:before,
2082 .block_settings .block_tree [aria-expanded=false] > p:before,
2083 .block_navigation .block_tree [aria-expanded=false] > p:before,
2084 .block_settings .block_tree [aria-expanded=true] > p:before,
2085 .block_navigation .block_tree [aria-expanded=true] > p:before,
2086 .dropdown-item[aria-current=true]:before,
2087 .dropdown-item[aria-selected=true]:before,
2088 .dir-rtl .action-menu .dropdown-subpanel .dropdown-item::after,
2089 .action-menu .dropdown-subpanel .dropdown-item::after,
2090 .dropup .dropdown-toggle::after,
2091 .dropright .dropdown-toggle::after,
2092 .dropleft .dropdown-toggle::before,
2093 .dropdown-toggle::after {
2094 font-weight: 900;
2098 * Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com
2099 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
2100 * Copyright 2023 Fonticons, Inc.
2102 .fa.fa-glass:before {
2103 content: "\f000";
2106 .fa.fa-envelope-o {
2107 font-family: "Font Awesome 6 Free";
2108 font-weight: 400;
2111 .fa.fa-envelope-o:before {
2112 content: "\f0e0";
2115 .fa.fa-star-o {
2116 font-family: "Font Awesome 6 Free";
2117 font-weight: 400;
2120 .fa.fa-star-o:before {
2121 content: "\f005";
2124 .fa.fa-remove:before {
2125 content: "\f00d";
2128 .fa.fa-close:before {
2129 content: "\f00d";
2132 .fa.fa-gear:before {
2133 content: "\f013";
2136 .fa.fa-trash-o {
2137 font-family: "Font Awesome 6 Free";
2138 font-weight: 400;
2141 .fa.fa-trash-o:before {
2142 content: "\f2ed";
2145 .fa.fa-home:before {
2146 content: "\f015";
2149 .fa.fa-file-o {
2150 font-family: "Font Awesome 6 Free";
2151 font-weight: 400;
2154 .fa.fa-file-o:before {
2155 content: "\f15b";
2158 .fa.fa-clock-o {
2159 font-family: "Font Awesome 6 Free";
2160 font-weight: 400;
2163 .fa.fa-clock-o:before {
2164 content: "\f017";
2167 .fa.fa-arrow-circle-o-down {
2168 font-family: "Font Awesome 6 Free";
2169 font-weight: 400;
2172 .fa.fa-arrow-circle-o-down:before {
2173 content: "\f358";
2176 .fa.fa-arrow-circle-o-up {
2177 font-family: "Font Awesome 6 Free";
2178 font-weight: 400;
2181 .fa.fa-arrow-circle-o-up:before {
2182 content: "\f35b";
2185 .fa.fa-play-circle-o {
2186 font-family: "Font Awesome 6 Free";
2187 font-weight: 400;
2190 .fa.fa-play-circle-o:before {
2191 content: "\f144";
2194 .fa.fa-repeat:before {
2195 content: "\f01e";
2198 .fa.fa-rotate-right:before {
2199 content: "\f01e";
2202 .fa.fa-refresh:before {
2203 content: "\f021";
2206 .fa.fa-list-alt {
2207 font-family: "Font Awesome 6 Free";
2208 font-weight: 400;
2211 .fa.fa-list-alt:before {
2212 content: "\f022";
2215 .fa.fa-dedent:before {
2216 content: "\f03b";
2219 .fa.fa-video-camera:before {
2220 content: "\f03d";
2223 .fa.fa-picture-o {
2224 font-family: "Font Awesome 6 Free";
2225 font-weight: 400;
2228 .fa.fa-picture-o:before {
2229 content: "\f03e";
2232 .fa.fa-photo {
2233 font-family: "Font Awesome 6 Free";
2234 font-weight: 400;
2237 .fa.fa-photo:before {
2238 content: "\f03e";
2241 .fa.fa-image {
2242 font-family: "Font Awesome 6 Free";
2243 font-weight: 400;
2246 .fa.fa-image:before {
2247 content: "\f03e";
2250 .fa.fa-map-marker:before {
2251 content: "\f3c5";
2254 .fa.fa-pencil-square-o {
2255 font-family: "Font Awesome 6 Free";
2256 font-weight: 400;
2259 .fa.fa-pencil-square-o:before {
2260 content: "\f044";
2263 .fa.fa-edit {
2264 font-family: "Font Awesome 6 Free";
2265 font-weight: 400;
2268 .fa.fa-edit:before {
2269 content: "\f044";
2272 .fa.fa-share-square-o:before {
2273 content: "\f14d";
2276 .fa.fa-check-square-o {
2277 font-family: "Font Awesome 6 Free";
2278 font-weight: 400;
2281 .fa.fa-check-square-o:before {
2282 content: "\f14a";
2285 .fa.fa-arrows:before {
2286 content: "\f0b2";
2289 .fa.fa-times-circle-o {
2290 font-family: "Font Awesome 6 Free";
2291 font-weight: 400;
2294 .fa.fa-times-circle-o:before {
2295 content: "\f057";
2298 .fa.fa-check-circle-o {
2299 font-family: "Font Awesome 6 Free";
2300 font-weight: 400;
2303 .fa.fa-check-circle-o:before {
2304 content: "\f058";
2307 .fa.fa-mail-forward:before {
2308 content: "\f064";
2311 .fa.fa-expand:before {
2312 content: "\f424";
2315 .fa.fa-compress:before {
2316 content: "\f422";
2319 .fa.fa-eye {
2320 font-family: "Font Awesome 6 Free";
2321 font-weight: 400;
2324 .fa.fa-eye-slash {
2325 font-family: "Font Awesome 6 Free";
2326 font-weight: 400;
2329 .fa.fa-warning:before {
2330 content: "\f071";
2333 .fa.fa-calendar:before {
2334 content: "\f073";
2337 .fa.fa-arrows-v:before {
2338 content: "\f338";
2341 .fa.fa-arrows-h:before {
2342 content: "\f337";
2345 .fa.fa-bar-chart:before {
2346 content: "\e0e3";
2349 .fa.fa-bar-chart-o:before {
2350 content: "\e0e3";
2353 .fa.fa-twitter-square {
2354 font-family: "Font Awesome 6 Brands";
2355 font-weight: 400;
2358 .fa.fa-twitter-square:before {
2359 content: "\f081";
2362 .fa.fa-facebook-square {
2363 font-family: "Font Awesome 6 Brands";
2364 font-weight: 400;
2367 .fa.fa-facebook-square:before {
2368 content: "\f082";
2371 .fa.fa-gears:before {
2372 content: "\f085";
2375 .fa.fa-thumbs-o-up {
2376 font-family: "Font Awesome 6 Free";
2377 font-weight: 400;
2380 .fa.fa-thumbs-o-up:before {
2381 content: "\f164";
2384 .fa.fa-thumbs-o-down {
2385 font-family: "Font Awesome 6 Free";
2386 font-weight: 400;
2389 .fa.fa-thumbs-o-down:before {
2390 content: "\f165";
2393 .fa.fa-heart-o {
2394 font-family: "Font Awesome 6 Free";
2395 font-weight: 400;
2398 .fa.fa-heart-o:before {
2399 content: "\f004";
2402 .fa.fa-sign-out:before {
2403 content: "\f2f5";
2406 .fa.fa-linkedin-square {
2407 font-family: "Font Awesome 6 Brands";
2408 font-weight: 400;
2411 .fa.fa-linkedin-square:before {
2412 content: "\f08c";
2415 .fa.fa-thumb-tack:before {
2416 content: "\f08d";
2419 .fa.fa-external-link:before {
2420 content: "\f35d";
2423 .fa.fa-sign-in:before {
2424 content: "\f2f6";
2427 .fa.fa-github-square {
2428 font-family: "Font Awesome 6 Brands";
2429 font-weight: 400;
2432 .fa.fa-github-square:before {
2433 content: "\f092";
2436 .fa.fa-lemon-o {
2437 font-family: "Font Awesome 6 Free";
2438 font-weight: 400;
2441 .fa.fa-lemon-o:before {
2442 content: "\f094";
2445 .fa.fa-square-o {
2446 font-family: "Font Awesome 6 Free";
2447 font-weight: 400;
2450 .fa.fa-square-o:before {
2451 content: "\f0c8";
2454 .fa.fa-bookmark-o {
2455 font-family: "Font Awesome 6 Free";
2456 font-weight: 400;
2459 .fa.fa-bookmark-o:before {
2460 content: "\f02e";
2463 .fa.fa-twitter {
2464 font-family: "Font Awesome 6 Brands";
2465 font-weight: 400;
2468 .fa.fa-facebook {
2469 font-family: "Font Awesome 6 Brands";
2470 font-weight: 400;
2473 .fa.fa-facebook:before {
2474 content: "\f39e";
2477 .fa.fa-facebook-f {
2478 font-family: "Font Awesome 6 Brands";
2479 font-weight: 400;
2482 .fa.fa-facebook-f:before {
2483 content: "\f39e";
2486 .fa.fa-github {
2487 font-family: "Font Awesome 6 Brands";
2488 font-weight: 400;
2491 .fa.fa-credit-card {
2492 font-family: "Font Awesome 6 Free";
2493 font-weight: 400;
2496 .fa.fa-feed:before {
2497 content: "\f09e";
2500 .fa.fa-hdd-o {
2501 font-family: "Font Awesome 6 Free";
2502 font-weight: 400;
2505 .fa.fa-hdd-o:before {
2506 content: "\f0a0";
2509 .fa.fa-hand-o-right {
2510 font-family: "Font Awesome 6 Free";
2511 font-weight: 400;
2514 .fa.fa-hand-o-right:before {
2515 content: "\f0a4";
2518 .fa.fa-hand-o-left {
2519 font-family: "Font Awesome 6 Free";
2520 font-weight: 400;
2523 .fa.fa-hand-o-left:before {
2524 content: "\f0a5";
2527 .fa.fa-hand-o-up {
2528 font-family: "Font Awesome 6 Free";
2529 font-weight: 400;
2532 .fa.fa-hand-o-up:before {
2533 content: "\f0a6";
2536 .fa.fa-hand-o-down {
2537 font-family: "Font Awesome 6 Free";
2538 font-weight: 400;
2541 .fa.fa-hand-o-down:before {
2542 content: "\f0a7";
2545 .fa.fa-globe:before {
2546 content: "\f57d";
2549 .fa.fa-tasks:before {
2550 content: "\f828";
2553 .fa.fa-arrows-alt:before {
2554 content: "\f31e";
2557 .fa.fa-group:before {
2558 content: "\f0c0";
2561 .fa.fa-chain:before {
2562 content: "\f0c1";
2565 .fa.fa-cut:before {
2566 content: "\f0c4";
2569 .fa.fa-files-o {
2570 font-family: "Font Awesome 6 Free";
2571 font-weight: 400;
2574 .fa.fa-files-o:before {
2575 content: "\f0c5";
2578 .fa.fa-floppy-o {
2579 font-family: "Font Awesome 6 Free";
2580 font-weight: 400;
2583 .fa.fa-floppy-o:before {
2584 content: "\f0c7";
2587 .fa.fa-save {
2588 font-family: "Font Awesome 6 Free";
2589 font-weight: 400;
2592 .fa.fa-save:before {
2593 content: "\f0c7";
2596 .fa.fa-navicon:before {
2597 content: "\f0c9";
2600 .fa.fa-reorder:before {
2601 content: "\f0c9";
2604 .fa.fa-magic:before {
2605 content: "\e2ca";
2608 .fa.fa-pinterest {
2609 font-family: "Font Awesome 6 Brands";
2610 font-weight: 400;
2613 .fa.fa-pinterest-square {
2614 font-family: "Font Awesome 6 Brands";
2615 font-weight: 400;
2618 .fa.fa-pinterest-square:before {
2619 content: "\f0d3";
2622 .fa.fa-google-plus-square {
2623 font-family: "Font Awesome 6 Brands";
2624 font-weight: 400;
2627 .fa.fa-google-plus-square:before {
2628 content: "\f0d4";
2631 .fa.fa-google-plus {
2632 font-family: "Font Awesome 6 Brands";
2633 font-weight: 400;
2636 .fa.fa-google-plus:before {
2637 content: "\f0d5";
2640 .fa.fa-money:before {
2641 content: "\f3d1";
2644 .fa.fa-unsorted:before {
2645 content: "\f0dc";
2648 .fa.fa-sort-desc:before {
2649 content: "\f0dd";
2652 .fa.fa-sort-asc:before {
2653 content: "\f0de";
2656 .fa.fa-linkedin {
2657 font-family: "Font Awesome 6 Brands";
2658 font-weight: 400;
2661 .fa.fa-linkedin:before {
2662 content: "\f0e1";
2665 .fa.fa-rotate-left:before {
2666 content: "\f0e2";
2669 .fa.fa-legal:before {
2670 content: "\f0e3";
2673 .fa.fa-tachometer:before {
2674 content: "\f625";
2677 .fa.fa-dashboard:before {
2678 content: "\f625";
2681 .fa.fa-comment-o {
2682 font-family: "Font Awesome 6 Free";
2683 font-weight: 400;
2686 .fa.fa-comment-o:before {
2687 content: "\f075";
2690 .fa.fa-comments-o {
2691 font-family: "Font Awesome 6 Free";
2692 font-weight: 400;
2695 .fa.fa-comments-o:before {
2696 content: "\f086";
2699 .fa.fa-flash:before {
2700 content: "\f0e7";
2703 .fa.fa-clipboard:before {
2704 content: "\f0ea";
2707 .fa.fa-lightbulb-o {
2708 font-family: "Font Awesome 6 Free";
2709 font-weight: 400;
2712 .fa.fa-lightbulb-o:before {
2713 content: "\f0eb";
2716 .fa.fa-exchange:before {
2717 content: "\f362";
2720 .fa.fa-cloud-download:before {
2721 content: "\f0ed";
2724 .fa.fa-cloud-upload:before {
2725 content: "\f0ee";
2728 .fa.fa-bell-o {
2729 font-family: "Font Awesome 6 Free";
2730 font-weight: 400;
2733 .fa.fa-bell-o:before {
2734 content: "\f0f3";
2737 .fa.fa-cutlery:before {
2738 content: "\f2e7";
2741 .fa.fa-file-text-o {
2742 font-family: "Font Awesome 6 Free";
2743 font-weight: 400;
2746 .fa.fa-file-text-o:before {
2747 content: "\f15c";
2750 .fa.fa-building-o {
2751 font-family: "Font Awesome 6 Free";
2752 font-weight: 400;
2755 .fa.fa-building-o:before {
2756 content: "\f1ad";
2759 .fa.fa-hospital-o {
2760 font-family: "Font Awesome 6 Free";
2761 font-weight: 400;
2764 .fa.fa-hospital-o:before {
2765 content: "\f0f8";
2768 .fa.fa-tablet:before {
2769 content: "\f3fa";
2772 .fa.fa-mobile:before {
2773 content: "\f3cd";
2776 .fa.fa-mobile-phone:before {
2777 content: "\f3cd";
2780 .fa.fa-circle-o {
2781 font-family: "Font Awesome 6 Free";
2782 font-weight: 400;
2785 .fa.fa-circle-o:before {
2786 content: "\f111";
2789 .fa.fa-mail-reply:before {
2790 content: "\f3e5";
2793 .fa.fa-github-alt {
2794 font-family: "Font Awesome 6 Brands";
2795 font-weight: 400;
2798 .fa.fa-folder-o {
2799 font-family: "Font Awesome 6 Free";
2800 font-weight: 400;
2803 .fa.fa-folder-o:before {
2804 content: "\f07b";
2807 .fa.fa-folder-open-o {
2808 font-family: "Font Awesome 6 Free";
2809 font-weight: 400;
2812 .fa.fa-folder-open-o:before {
2813 content: "\f07c";
2816 .fa.fa-smile-o {
2817 font-family: "Font Awesome 6 Free";
2818 font-weight: 400;
2821 .fa.fa-smile-o:before {
2822 content: "\f118";
2825 .fa.fa-frown-o {
2826 font-family: "Font Awesome 6 Free";
2827 font-weight: 400;
2830 .fa.fa-frown-o:before {
2831 content: "\f119";
2834 .fa.fa-meh-o {
2835 font-family: "Font Awesome 6 Free";
2836 font-weight: 400;
2839 .fa.fa-meh-o:before {
2840 content: "\f11a";
2843 .fa.fa-keyboard-o {
2844 font-family: "Font Awesome 6 Free";
2845 font-weight: 400;
2848 .fa.fa-keyboard-o:before {
2849 content: "\f11c";
2852 .fa.fa-flag-o {
2853 font-family: "Font Awesome 6 Free";
2854 font-weight: 400;
2857 .fa.fa-flag-o:before {
2858 content: "\f024";
2861 .fa.fa-mail-reply-all:before {
2862 content: "\f122";
2865 .fa.fa-star-half-o {
2866 font-family: "Font Awesome 6 Free";
2867 font-weight: 400;
2870 .fa.fa-star-half-o:before {
2871 content: "\f5c0";
2874 .fa.fa-star-half-empty {
2875 font-family: "Font Awesome 6 Free";
2876 font-weight: 400;
2879 .fa.fa-star-half-empty:before {
2880 content: "\f5c0";
2883 .fa.fa-star-half-full {
2884 font-family: "Font Awesome 6 Free";
2885 font-weight: 400;
2888 .fa.fa-star-half-full:before {
2889 content: "\f5c0";
2892 .fa.fa-code-fork:before {
2893 content: "\f126";
2896 .fa.fa-chain-broken:before {
2897 content: "\f127";
2900 .fa.fa-unlink:before {
2901 content: "\f127";
2904 .fa.fa-calendar-o {
2905 font-family: "Font Awesome 6 Free";
2906 font-weight: 400;
2909 .fa.fa-calendar-o:before {
2910 content: "\f133";
2913 .fa.fa-maxcdn {
2914 font-family: "Font Awesome 6 Brands";
2915 font-weight: 400;
2918 .fa.fa-html5 {
2919 font-family: "Font Awesome 6 Brands";
2920 font-weight: 400;
2923 .fa.fa-css3 {
2924 font-family: "Font Awesome 6 Brands";
2925 font-weight: 400;
2928 .fa.fa-unlock-alt:before {
2929 content: "\f09c";
2932 .fa.fa-minus-square-o {
2933 font-family: "Font Awesome 6 Free";
2934 font-weight: 400;
2937 .fa.fa-minus-square-o:before {
2938 content: "\f146";
2941 .fa.fa-level-up:before {
2942 content: "\f3bf";
2945 .fa.fa-level-down:before {
2946 content: "\f3be";
2949 .fa.fa-pencil-square:before {
2950 content: "\f14b";
2953 .fa.fa-external-link-square:before {
2954 content: "\f360";
2957 .fa.fa-compass {
2958 font-family: "Font Awesome 6 Free";
2959 font-weight: 400;
2962 .fa.fa-caret-square-o-down {
2963 font-family: "Font Awesome 6 Free";
2964 font-weight: 400;
2967 .fa.fa-caret-square-o-down:before {
2968 content: "\f150";
2971 .fa.fa-toggle-down {
2972 font-family: "Font Awesome 6 Free";
2973 font-weight: 400;
2976 .fa.fa-toggle-down:before {
2977 content: "\f150";
2980 .fa.fa-caret-square-o-up {
2981 font-family: "Font Awesome 6 Free";
2982 font-weight: 400;
2985 .fa.fa-caret-square-o-up:before {
2986 content: "\f151";
2989 .fa.fa-toggle-up {
2990 font-family: "Font Awesome 6 Free";
2991 font-weight: 400;
2994 .fa.fa-toggle-up:before {
2995 content: "\f151";
2998 .fa.fa-caret-square-o-right {
2999 font-family: "Font Awesome 6 Free";
3000 font-weight: 400;
3003 .fa.fa-caret-square-o-right:before {
3004 content: "\f152";
3007 .fa.fa-toggle-right {
3008 font-family: "Font Awesome 6 Free";
3009 font-weight: 400;
3012 .fa.fa-toggle-right:before {
3013 content: "\f152";
3016 .fa.fa-eur:before {
3017 content: "\f153";
3020 .fa.fa-euro:before {
3021 content: "\f153";
3024 .fa.fa-gbp:before {
3025 content: "\f154";
3028 .fa.fa-usd:before {
3029 content: "\$";
3032 .fa.fa-dollar:before {
3033 content: "\$";
3036 .fa.fa-inr:before {
3037 content: "\e1bc";
3040 .fa.fa-rupee:before {
3041 content: "\e1bc";
3044 .fa.fa-jpy:before {
3045 content: "\f157";
3048 .fa.fa-cny:before {
3049 content: "\f157";
3052 .fa.fa-rmb:before {
3053 content: "\f157";
3056 .fa.fa-yen:before {
3057 content: "\f157";
3060 .fa.fa-rub:before {
3061 content: "\f158";
3064 .fa.fa-ruble:before {
3065 content: "\f158";
3068 .fa.fa-rouble:before {
3069 content: "\f158";
3072 .fa.fa-krw:before {
3073 content: "\f159";
3076 .fa.fa-won:before {
3077 content: "\f159";
3080 .fa.fa-btc {
3081 font-family: "Font Awesome 6 Brands";
3082 font-weight: 400;
3085 .fa.fa-bitcoin {
3086 font-family: "Font Awesome 6 Brands";
3087 font-weight: 400;
3090 .fa.fa-bitcoin:before {
3091 content: "\f15a";
3094 .fa.fa-file-text:before {
3095 content: "\f15c";
3098 .fa.fa-sort-alpha-asc:before {
3099 content: "\f15d";
3102 .fa.fa-sort-alpha-desc:before {
3103 content: "\f881";
3106 .fa.fa-sort-amount-asc:before {
3107 content: "\f884";
3110 .fa.fa-sort-amount-desc:before {
3111 content: "\f160";
3114 .fa.fa-sort-numeric-asc:before {
3115 content: "\f162";
3118 .fa.fa-sort-numeric-desc:before {
3119 content: "\f886";
3122 .fa.fa-youtube-square {
3123 font-family: "Font Awesome 6 Brands";
3124 font-weight: 400;
3127 .fa.fa-youtube-square:before {
3128 content: "\f431";
3131 .fa.fa-youtube {
3132 font-family: "Font Awesome 6 Brands";
3133 font-weight: 400;
3136 .fa.fa-xing {
3137 font-family: "Font Awesome 6 Brands";
3138 font-weight: 400;
3141 .fa.fa-xing-square {
3142 font-family: "Font Awesome 6 Brands";
3143 font-weight: 400;
3146 .fa.fa-xing-square:before {
3147 content: "\f169";
3150 .fa.fa-youtube-play {
3151 font-family: "Font Awesome 6 Brands";
3152 font-weight: 400;
3155 .fa.fa-youtube-play:before {
3156 content: "\f167";
3159 .fa.fa-dropbox {
3160 font-family: "Font Awesome 6 Brands";
3161 font-weight: 400;
3164 .fa.fa-stack-overflow {
3165 font-family: "Font Awesome 6 Brands";
3166 font-weight: 400;
3169 .fa.fa-instagram {
3170 font-family: "Font Awesome 6 Brands";
3171 font-weight: 400;
3174 .fa.fa-flickr {
3175 font-family: "Font Awesome 6 Brands";
3176 font-weight: 400;
3179 .fa.fa-adn {
3180 font-family: "Font Awesome 6 Brands";
3181 font-weight: 400;
3184 .fa.fa-bitbucket {
3185 font-family: "Font Awesome 6 Brands";
3186 font-weight: 400;
3189 .fa.fa-bitbucket-square {
3190 font-family: "Font Awesome 6 Brands";
3191 font-weight: 400;
3194 .fa.fa-bitbucket-square:before {
3195 content: "\f171";
3198 .fa.fa-tumblr {
3199 font-family: "Font Awesome 6 Brands";
3200 font-weight: 400;
3203 .fa.fa-tumblr-square {
3204 font-family: "Font Awesome 6 Brands";
3205 font-weight: 400;
3208 .fa.fa-tumblr-square:before {
3209 content: "\f174";
3212 .fa.fa-long-arrow-down:before {
3213 content: "\f309";
3216 .fa.fa-long-arrow-up:before {
3217 content: "\f30c";
3220 .fa.fa-long-arrow-left:before {
3221 content: "\f30a";
3224 .fa.fa-long-arrow-right:before {
3225 content: "\f30b";
3228 .fa.fa-apple {
3229 font-family: "Font Awesome 6 Brands";
3230 font-weight: 400;
3233 .fa.fa-windows {
3234 font-family: "Font Awesome 6 Brands";
3235 font-weight: 400;
3238 .fa.fa-android {
3239 font-family: "Font Awesome 6 Brands";
3240 font-weight: 400;
3243 .fa.fa-linux {
3244 font-family: "Font Awesome 6 Brands";
3245 font-weight: 400;
3248 .fa.fa-dribbble {
3249 font-family: "Font Awesome 6 Brands";
3250 font-weight: 400;
3253 .fa.fa-skype {
3254 font-family: "Font Awesome 6 Brands";
3255 font-weight: 400;
3258 .fa.fa-foursquare {
3259 font-family: "Font Awesome 6 Brands";
3260 font-weight: 400;
3263 .fa.fa-trello {
3264 font-family: "Font Awesome 6 Brands";
3265 font-weight: 400;
3268 .fa.fa-gratipay {
3269 font-family: "Font Awesome 6 Brands";
3270 font-weight: 400;
3273 .fa.fa-gittip {
3274 font-family: "Font Awesome 6 Brands";
3275 font-weight: 400;
3278 .fa.fa-gittip:before {
3279 content: "\f184";
3282 .fa.fa-sun-o {
3283 font-family: "Font Awesome 6 Free";
3284 font-weight: 400;
3287 .fa.fa-sun-o:before {
3288 content: "\f185";
3291 .fa.fa-moon-o {
3292 font-family: "Font Awesome 6 Free";
3293 font-weight: 400;
3296 .fa.fa-moon-o:before {
3297 content: "\f186";
3300 .fa.fa-vk {
3301 font-family: "Font Awesome 6 Brands";
3302 font-weight: 400;
3305 .fa.fa-weibo {
3306 font-family: "Font Awesome 6 Brands";
3307 font-weight: 400;
3310 .fa.fa-renren {
3311 font-family: "Font Awesome 6 Brands";
3312 font-weight: 400;
3315 .fa.fa-pagelines {
3316 font-family: "Font Awesome 6 Brands";
3317 font-weight: 400;
3320 .fa.fa-stack-exchange {
3321 font-family: "Font Awesome 6 Brands";
3322 font-weight: 400;
3325 .fa.fa-arrow-circle-o-right {
3326 font-family: "Font Awesome 6 Free";
3327 font-weight: 400;
3330 .fa.fa-arrow-circle-o-right:before {
3331 content: "\f35a";
3334 .fa.fa-arrow-circle-o-left {
3335 font-family: "Font Awesome 6 Free";
3336 font-weight: 400;
3339 .fa.fa-arrow-circle-o-left:before {
3340 content: "\f359";
3343 .fa.fa-caret-square-o-left {
3344 font-family: "Font Awesome 6 Free";
3345 font-weight: 400;
3348 .fa.fa-caret-square-o-left:before {
3349 content: "\f191";
3352 .fa.fa-toggle-left {
3353 font-family: "Font Awesome 6 Free";
3354 font-weight: 400;
3357 .fa.fa-toggle-left:before {
3358 content: "\f191";
3361 .fa.fa-dot-circle-o {
3362 font-family: "Font Awesome 6 Free";
3363 font-weight: 400;
3366 .fa.fa-dot-circle-o:before {
3367 content: "\f192";
3370 .fa.fa-vimeo-square {
3371 font-family: "Font Awesome 6 Brands";
3372 font-weight: 400;
3375 .fa.fa-vimeo-square:before {
3376 content: "\f194";
3379 .fa.fa-try:before {
3380 content: "\e2bb";
3383 .fa.fa-turkish-lira:before {
3384 content: "\e2bb";
3387 .fa.fa-plus-square-o {
3388 font-family: "Font Awesome 6 Free";
3389 font-weight: 400;
3392 .fa.fa-plus-square-o:before {
3393 content: "\f0fe";
3396 .fa.fa-slack {
3397 font-family: "Font Awesome 6 Brands";
3398 font-weight: 400;
3401 .fa.fa-wordpress {
3402 font-family: "Font Awesome 6 Brands";
3403 font-weight: 400;
3406 .fa.fa-openid {
3407 font-family: "Font Awesome 6 Brands";
3408 font-weight: 400;
3411 .fa.fa-institution:before {
3412 content: "\f19c";
3415 .fa.fa-bank:before {
3416 content: "\f19c";
3419 .fa.fa-mortar-board:before {
3420 content: "\f19d";
3423 .fa.fa-yahoo {
3424 font-family: "Font Awesome 6 Brands";
3425 font-weight: 400;
3428 .fa.fa-google {
3429 font-family: "Font Awesome 6 Brands";
3430 font-weight: 400;
3433 .fa.fa-reddit {
3434 font-family: "Font Awesome 6 Brands";
3435 font-weight: 400;
3438 .fa.fa-reddit-square {
3439 font-family: "Font Awesome 6 Brands";
3440 font-weight: 400;
3443 .fa.fa-reddit-square:before {
3444 content: "\f1a2";
3447 .fa.fa-stumbleupon-circle {
3448 font-family: "Font Awesome 6 Brands";
3449 font-weight: 400;
3452 .fa.fa-stumbleupon {
3453 font-family: "Font Awesome 6 Brands";
3454 font-weight: 400;
3457 .fa.fa-delicious {
3458 font-family: "Font Awesome 6 Brands";
3459 font-weight: 400;
3462 .fa.fa-digg {
3463 font-family: "Font Awesome 6 Brands";
3464 font-weight: 400;
3467 .fa.fa-pied-piper-pp {
3468 font-family: "Font Awesome 6 Brands";
3469 font-weight: 400;
3472 .fa.fa-pied-piper-alt {
3473 font-family: "Font Awesome 6 Brands";
3474 font-weight: 400;
3477 .fa.fa-drupal {
3478 font-family: "Font Awesome 6 Brands";
3479 font-weight: 400;
3482 .fa.fa-joomla {
3483 font-family: "Font Awesome 6 Brands";
3484 font-weight: 400;
3487 .fa.fa-behance {
3488 font-family: "Font Awesome 6 Brands";
3489 font-weight: 400;
3492 .fa.fa-behance-square {
3493 font-family: "Font Awesome 6 Brands";
3494 font-weight: 400;
3497 .fa.fa-behance-square:before {
3498 content: "\f1b5";
3501 .fa.fa-steam {
3502 font-family: "Font Awesome 6 Brands";
3503 font-weight: 400;
3506 .fa.fa-steam-square {
3507 font-family: "Font Awesome 6 Brands";
3508 font-weight: 400;
3511 .fa.fa-steam-square:before {
3512 content: "\f1b7";
3515 .fa.fa-automobile:before {
3516 content: "\f1b9";
3519 .fa.fa-cab:before {
3520 content: "\f1ba";
3523 .fa.fa-spotify {
3524 font-family: "Font Awesome 6 Brands";
3525 font-weight: 400;
3528 .fa.fa-deviantart {
3529 font-family: "Font Awesome 6 Brands";
3530 font-weight: 400;
3533 .fa.fa-soundcloud {
3534 font-family: "Font Awesome 6 Brands";
3535 font-weight: 400;
3538 .fa.fa-file-pdf-o {
3539 font-family: "Font Awesome 6 Free";
3540 font-weight: 400;
3543 .fa.fa-file-pdf-o:before {
3544 content: "\f1c1";
3547 .fa.fa-file-word-o {
3548 font-family: "Font Awesome 6 Free";
3549 font-weight: 400;
3552 .fa.fa-file-word-o:before {
3553 content: "\f1c2";
3556 .fa.fa-file-excel-o {
3557 font-family: "Font Awesome 6 Free";
3558 font-weight: 400;
3561 .fa.fa-file-excel-o:before {
3562 content: "\f1c3";
3565 .fa.fa-file-powerpoint-o {
3566 font-family: "Font Awesome 6 Free";
3567 font-weight: 400;
3570 .fa.fa-file-powerpoint-o:before {
3571 content: "\f1c4";
3574 .fa.fa-file-image-o {
3575 font-family: "Font Awesome 6 Free";
3576 font-weight: 400;
3579 .fa.fa-file-image-o:before {
3580 content: "\f1c5";
3583 .fa.fa-file-photo-o {
3584 font-family: "Font Awesome 6 Free";
3585 font-weight: 400;
3588 .fa.fa-file-photo-o:before {
3589 content: "\f1c5";
3592 .fa.fa-file-picture-o {
3593 font-family: "Font Awesome 6 Free";
3594 font-weight: 400;
3597 .fa.fa-file-picture-o:before {
3598 content: "\f1c5";
3601 .fa.fa-file-archive-o {
3602 font-family: "Font Awesome 6 Free";
3603 font-weight: 400;
3606 .fa.fa-file-archive-o:before {
3607 content: "\f1c6";
3610 .fa.fa-file-zip-o {
3611 font-family: "Font Awesome 6 Free";
3612 font-weight: 400;
3615 .fa.fa-file-zip-o:before {
3616 content: "\f1c6";
3619 .fa.fa-file-audio-o {
3620 font-family: "Font Awesome 6 Free";
3621 font-weight: 400;
3624 .fa.fa-file-audio-o:before {
3625 content: "\f1c7";
3628 .fa.fa-file-sound-o {
3629 font-family: "Font Awesome 6 Free";
3630 font-weight: 400;
3633 .fa.fa-file-sound-o:before {
3634 content: "\f1c7";
3637 .fa.fa-file-video-o {
3638 font-family: "Font Awesome 6 Free";
3639 font-weight: 400;
3642 .fa.fa-file-video-o:before {
3643 content: "\f1c8";
3646 .fa.fa-file-movie-o {
3647 font-family: "Font Awesome 6 Free";
3648 font-weight: 400;
3651 .fa.fa-file-movie-o:before {
3652 content: "\f1c8";
3655 .fa.fa-file-code-o {
3656 font-family: "Font Awesome 6 Free";
3657 font-weight: 400;
3660 .fa.fa-file-code-o:before {
3661 content: "\f1c9";
3664 .fa.fa-vine {
3665 font-family: "Font Awesome 6 Brands";
3666 font-weight: 400;
3669 .fa.fa-codepen {
3670 font-family: "Font Awesome 6 Brands";
3671 font-weight: 400;
3674 .fa.fa-jsfiddle {
3675 font-family: "Font Awesome 6 Brands";
3676 font-weight: 400;
3679 .fa.fa-life-bouy:before {
3680 content: "\f1cd";
3683 .fa.fa-life-buoy:before {
3684 content: "\f1cd";
3687 .fa.fa-life-saver:before {
3688 content: "\f1cd";
3691 .fa.fa-support:before {
3692 content: "\f1cd";
3695 .fa.fa-circle-o-notch:before {
3696 content: "\f1ce";
3699 .fa.fa-rebel {
3700 font-family: "Font Awesome 6 Brands";
3701 font-weight: 400;
3704 .fa.fa-ra {
3705 font-family: "Font Awesome 6 Brands";
3706 font-weight: 400;
3709 .fa.fa-ra:before {
3710 content: "\f1d0";
3713 .fa.fa-resistance {
3714 font-family: "Font Awesome 6 Brands";
3715 font-weight: 400;
3718 .fa.fa-resistance:before {
3719 content: "\f1d0";
3722 .fa.fa-empire {
3723 font-family: "Font Awesome 6 Brands";
3724 font-weight: 400;
3727 .fa.fa-ge {
3728 font-family: "Font Awesome 6 Brands";
3729 font-weight: 400;
3732 .fa.fa-ge:before {
3733 content: "\f1d1";
3736 .fa.fa-git-square {
3737 font-family: "Font Awesome 6 Brands";
3738 font-weight: 400;
3741 .fa.fa-git-square:before {
3742 content: "\f1d2";
3745 .fa.fa-git {
3746 font-family: "Font Awesome 6 Brands";
3747 font-weight: 400;
3750 .fa.fa-hacker-news {
3751 font-family: "Font Awesome 6 Brands";
3752 font-weight: 400;
3755 .fa.fa-y-combinator-square {
3756 font-family: "Font Awesome 6 Brands";
3757 font-weight: 400;
3760 .fa.fa-y-combinator-square:before {
3761 content: "\f1d4";
3764 .fa.fa-yc-square {
3765 font-family: "Font Awesome 6 Brands";
3766 font-weight: 400;
3769 .fa.fa-yc-square:before {
3770 content: "\f1d4";
3773 .fa.fa-tencent-weibo {
3774 font-family: "Font Awesome 6 Brands";
3775 font-weight: 400;
3778 .fa.fa-qq {
3779 font-family: "Font Awesome 6 Brands";
3780 font-weight: 400;
3783 .fa.fa-weixin {
3784 font-family: "Font Awesome 6 Brands";
3785 font-weight: 400;
3788 .fa.fa-wechat {
3789 font-family: "Font Awesome 6 Brands";
3790 font-weight: 400;
3793 .fa.fa-wechat:before {
3794 content: "\f1d7";
3797 .fa.fa-send:before {
3798 content: "\f1d8";
3801 .fa.fa-paper-plane-o {
3802 font-family: "Font Awesome 6 Free";
3803 font-weight: 400;
3806 .fa.fa-paper-plane-o:before {
3807 content: "\f1d8";
3810 .fa.fa-send-o {
3811 font-family: "Font Awesome 6 Free";
3812 font-weight: 400;
3815 .fa.fa-send-o:before {
3816 content: "\f1d8";
3819 .fa.fa-circle-thin {
3820 font-family: "Font Awesome 6 Free";
3821 font-weight: 400;
3824 .fa.fa-circle-thin:before {
3825 content: "\f111";
3828 .fa.fa-header:before {
3829 content: "\f1dc";
3832 .fa.fa-futbol-o {
3833 font-family: "Font Awesome 6 Free";
3834 font-weight: 400;
3837 .fa.fa-futbol-o:before {
3838 content: "\f1e3";
3841 .fa.fa-soccer-ball-o {
3842 font-family: "Font Awesome 6 Free";
3843 font-weight: 400;
3846 .fa.fa-soccer-ball-o:before {
3847 content: "\f1e3";
3850 .fa.fa-slideshare {
3851 font-family: "Font Awesome 6 Brands";
3852 font-weight: 400;
3855 .fa.fa-twitch {
3856 font-family: "Font Awesome 6 Brands";
3857 font-weight: 400;
3860 .fa.fa-yelp {
3861 font-family: "Font Awesome 6 Brands";
3862 font-weight: 400;
3865 .fa.fa-newspaper-o {
3866 font-family: "Font Awesome 6 Free";
3867 font-weight: 400;
3870 .fa.fa-newspaper-o:before {
3871 content: "\f1ea";
3874 .fa.fa-paypal {
3875 font-family: "Font Awesome 6 Brands";
3876 font-weight: 400;
3879 .fa.fa-google-wallet {
3880 font-family: "Font Awesome 6 Brands";
3881 font-weight: 400;
3884 .fa.fa-cc-visa {
3885 font-family: "Font Awesome 6 Brands";
3886 font-weight: 400;
3889 .fa.fa-cc-mastercard {
3890 font-family: "Font Awesome 6 Brands";
3891 font-weight: 400;
3894 .fa.fa-cc-discover {
3895 font-family: "Font Awesome 6 Brands";
3896 font-weight: 400;
3899 .fa.fa-cc-amex {
3900 font-family: "Font Awesome 6 Brands";
3901 font-weight: 400;
3904 .fa.fa-cc-paypal {
3905 font-family: "Font Awesome 6 Brands";
3906 font-weight: 400;
3909 .fa.fa-cc-stripe {
3910 font-family: "Font Awesome 6 Brands";
3911 font-weight: 400;
3914 .fa.fa-bell-slash-o {
3915 font-family: "Font Awesome 6 Free";
3916 font-weight: 400;
3919 .fa.fa-bell-slash-o:before {
3920 content: "\f1f6";
3923 .fa.fa-trash:before {
3924 content: "\f2ed";
3927 .fa.fa-copyright {
3928 font-family: "Font Awesome 6 Free";
3929 font-weight: 400;
3932 .fa.fa-eyedropper:before {
3933 content: "\f1fb";
3936 .fa.fa-area-chart:before {
3937 content: "\f1fe";
3940 .fa.fa-pie-chart:before {
3941 content: "\f200";
3944 .fa.fa-line-chart:before {
3945 content: "\f201";
3948 .fa.fa-lastfm {
3949 font-family: "Font Awesome 6 Brands";
3950 font-weight: 400;
3953 .fa.fa-lastfm-square {
3954 font-family: "Font Awesome 6 Brands";
3955 font-weight: 400;
3958 .fa.fa-lastfm-square:before {
3959 content: "\f203";
3962 .fa.fa-ioxhost {
3963 font-family: "Font Awesome 6 Brands";
3964 font-weight: 400;
3967 .fa.fa-angellist {
3968 font-family: "Font Awesome 6 Brands";
3969 font-weight: 400;
3972 .fa.fa-cc {
3973 font-family: "Font Awesome 6 Free";
3974 font-weight: 400;
3977 .fa.fa-cc:before {
3978 content: "\f20a";
3981 .fa.fa-ils:before {
3982 content: "\f20b";
3985 .fa.fa-shekel:before {
3986 content: "\f20b";
3989 .fa.fa-sheqel:before {
3990 content: "\f20b";
3993 .fa.fa-buysellads {
3994 font-family: "Font Awesome 6 Brands";
3995 font-weight: 400;
3998 .fa.fa-connectdevelop {
3999 font-family: "Font Awesome 6 Brands";
4000 font-weight: 400;
4003 .fa.fa-dashcube {
4004 font-family: "Font Awesome 6 Brands";
4005 font-weight: 400;
4008 .fa.fa-forumbee {
4009 font-family: "Font Awesome 6 Brands";
4010 font-weight: 400;
4013 .fa.fa-leanpub {
4014 font-family: "Font Awesome 6 Brands";
4015 font-weight: 400;
4018 .fa.fa-sellsy {
4019 font-family: "Font Awesome 6 Brands";
4020 font-weight: 400;
4023 .fa.fa-shirtsinbulk {
4024 font-family: "Font Awesome 6 Brands";
4025 font-weight: 400;
4028 .fa.fa-simplybuilt {
4029 font-family: "Font Awesome 6 Brands";
4030 font-weight: 400;
4033 .fa.fa-skyatlas {
4034 font-family: "Font Awesome 6 Brands";
4035 font-weight: 400;
4038 .fa.fa-diamond {
4039 font-family: "Font Awesome 6 Free";
4040 font-weight: 400;
4043 .fa.fa-diamond:before {
4044 content: "\f3a5";
4047 .fa.fa-transgender:before {
4048 content: "\f224";
4051 .fa.fa-intersex:before {
4052 content: "\f224";
4055 .fa.fa-transgender-alt:before {
4056 content: "\f225";
4059 .fa.fa-facebook-official {
4060 font-family: "Font Awesome 6 Brands";
4061 font-weight: 400;
4064 .fa.fa-facebook-official:before {
4065 content: "\f09a";
4068 .fa.fa-pinterest-p {
4069 font-family: "Font Awesome 6 Brands";
4070 font-weight: 400;
4073 .fa.fa-whatsapp {
4074 font-family: "Font Awesome 6 Brands";
4075 font-weight: 400;
4078 .fa.fa-hotel:before {
4079 content: "\f236";
4082 .fa.fa-viacoin {
4083 font-family: "Font Awesome 6 Brands";
4084 font-weight: 400;
4087 .fa.fa-medium {
4088 font-family: "Font Awesome 6 Brands";
4089 font-weight: 400;
4092 .fa.fa-y-combinator {
4093 font-family: "Font Awesome 6 Brands";
4094 font-weight: 400;
4097 .fa.fa-yc {
4098 font-family: "Font Awesome 6 Brands";
4099 font-weight: 400;
4102 .fa.fa-yc:before {
4103 content: "\f23b";
4106 .fa.fa-optin-monster {
4107 font-family: "Font Awesome 6 Brands";
4108 font-weight: 400;
4111 .fa.fa-opencart {
4112 font-family: "Font Awesome 6 Brands";
4113 font-weight: 400;
4116 .fa.fa-expeditedssl {
4117 font-family: "Font Awesome 6 Brands";
4118 font-weight: 400;
4121 .fa.fa-battery-4:before {
4122 content: "\f240";
4125 .fa.fa-battery:before {
4126 content: "\f240";
4129 .fa.fa-battery-3:before {
4130 content: "\f241";
4133 .fa.fa-battery-2:before {
4134 content: "\f242";
4137 .fa.fa-battery-1:before {
4138 content: "\f243";
4141 .fa.fa-battery-0:before {
4142 content: "\f244";
4145 .fa.fa-object-group {
4146 font-family: "Font Awesome 6 Free";
4147 font-weight: 400;
4150 .fa.fa-object-ungroup {
4151 font-family: "Font Awesome 6 Free";
4152 font-weight: 400;
4155 .fa.fa-sticky-note-o {
4156 font-family: "Font Awesome 6 Free";
4157 font-weight: 400;
4160 .fa.fa-sticky-note-o:before {
4161 content: "\f249";
4164 .fa.fa-cc-jcb {
4165 font-family: "Font Awesome 6 Brands";
4166 font-weight: 400;
4169 .fa.fa-cc-diners-club {
4170 font-family: "Font Awesome 6 Brands";
4171 font-weight: 400;
4174 .fa.fa-clone {
4175 font-family: "Font Awesome 6 Free";
4176 font-weight: 400;
4179 .fa.fa-hourglass-o:before {
4180 content: "\f254";
4183 .fa.fa-hourglass-1:before {
4184 content: "\f251";
4187 .fa.fa-hourglass-2:before {
4188 content: "\f252";
4191 .fa.fa-hourglass-3:before {
4192 content: "\f253";
4195 .fa.fa-hand-rock-o {
4196 font-family: "Font Awesome 6 Free";
4197 font-weight: 400;
4200 .fa.fa-hand-rock-o:before {
4201 content: "\f255";
4204 .fa.fa-hand-grab-o {
4205 font-family: "Font Awesome 6 Free";
4206 font-weight: 400;
4209 .fa.fa-hand-grab-o:before {
4210 content: "\f255";
4213 .fa.fa-hand-paper-o {
4214 font-family: "Font Awesome 6 Free";
4215 font-weight: 400;
4218 .fa.fa-hand-paper-o:before {
4219 content: "\f256";
4222 .fa.fa-hand-stop-o {
4223 font-family: "Font Awesome 6 Free";
4224 font-weight: 400;
4227 .fa.fa-hand-stop-o:before {
4228 content: "\f256";
4231 .fa.fa-hand-scissors-o {
4232 font-family: "Font Awesome 6 Free";
4233 font-weight: 400;
4236 .fa.fa-hand-scissors-o:before {
4237 content: "\f257";
4240 .fa.fa-hand-lizard-o {
4241 font-family: "Font Awesome 6 Free";
4242 font-weight: 400;
4245 .fa.fa-hand-lizard-o:before {
4246 content: "\f258";
4249 .fa.fa-hand-spock-o {
4250 font-family: "Font Awesome 6 Free";
4251 font-weight: 400;
4254 .fa.fa-hand-spock-o:before {
4255 content: "\f259";
4258 .fa.fa-hand-pointer-o {
4259 font-family: "Font Awesome 6 Free";
4260 font-weight: 400;
4263 .fa.fa-hand-pointer-o:before {
4264 content: "\f25a";
4267 .fa.fa-hand-peace-o {
4268 font-family: "Font Awesome 6 Free";
4269 font-weight: 400;
4272 .fa.fa-hand-peace-o:before {
4273 content: "\f25b";
4276 .fa.fa-registered {
4277 font-family: "Font Awesome 6 Free";
4278 font-weight: 400;
4281 .fa.fa-creative-commons {
4282 font-family: "Font Awesome 6 Brands";
4283 font-weight: 400;
4286 .fa.fa-gg {
4287 font-family: "Font Awesome 6 Brands";
4288 font-weight: 400;
4291 .fa.fa-gg-circle {
4292 font-family: "Font Awesome 6 Brands";
4293 font-weight: 400;
4296 .fa.fa-odnoklassniki {
4297 font-family: "Font Awesome 6 Brands";
4298 font-weight: 400;
4301 .fa.fa-odnoklassniki-square {
4302 font-family: "Font Awesome 6 Brands";
4303 font-weight: 400;
4306 .fa.fa-odnoklassniki-square:before {
4307 content: "\f264";
4310 .fa.fa-get-pocket {
4311 font-family: "Font Awesome 6 Brands";
4312 font-weight: 400;
4315 .fa.fa-wikipedia-w {
4316 font-family: "Font Awesome 6 Brands";
4317 font-weight: 400;
4320 .fa.fa-safari {
4321 font-family: "Font Awesome 6 Brands";
4322 font-weight: 400;
4325 .fa.fa-chrome {
4326 font-family: "Font Awesome 6 Brands";
4327 font-weight: 400;
4330 .fa.fa-firefox {
4331 font-family: "Font Awesome 6 Brands";
4332 font-weight: 400;
4335 .fa.fa-opera {
4336 font-family: "Font Awesome 6 Brands";
4337 font-weight: 400;
4340 .fa.fa-internet-explorer {
4341 font-family: "Font Awesome 6 Brands";
4342 font-weight: 400;
4345 .fa.fa-television:before {
4346 content: "\f26c";
4349 .fa.fa-contao {
4350 font-family: "Font Awesome 6 Brands";
4351 font-weight: 400;
4354 .fa.fa-500px {
4355 font-family: "Font Awesome 6 Brands";
4356 font-weight: 400;
4359 .fa.fa-amazon {
4360 font-family: "Font Awesome 6 Brands";
4361 font-weight: 400;
4364 .fa.fa-calendar-plus-o {
4365 font-family: "Font Awesome 6 Free";
4366 font-weight: 400;
4369 .fa.fa-calendar-plus-o:before {
4370 content: "\f271";
4373 .fa.fa-calendar-minus-o {
4374 font-family: "Font Awesome 6 Free";
4375 font-weight: 400;
4378 .fa.fa-calendar-minus-o:before {
4379 content: "\f272";
4382 .fa.fa-calendar-times-o {
4383 font-family: "Font Awesome 6 Free";
4384 font-weight: 400;
4387 .fa.fa-calendar-times-o:before {
4388 content: "\f273";
4391 .fa.fa-calendar-check-o {
4392 font-family: "Font Awesome 6 Free";
4393 font-weight: 400;
4396 .fa.fa-calendar-check-o:before {
4397 content: "\f274";
4400 .fa.fa-map-o {
4401 font-family: "Font Awesome 6 Free";
4402 font-weight: 400;
4405 .fa.fa-map-o:before {
4406 content: "\f279";
4409 .fa.fa-commenting:before {
4410 content: "\f4ad";
4413 .fa.fa-commenting-o {
4414 font-family: "Font Awesome 6 Free";
4415 font-weight: 400;
4418 .fa.fa-commenting-o:before {
4419 content: "\f4ad";
4422 .fa.fa-houzz {
4423 font-family: "Font Awesome 6 Brands";
4424 font-weight: 400;
4427 .fa.fa-vimeo {
4428 font-family: "Font Awesome 6 Brands";
4429 font-weight: 400;
4432 .fa.fa-vimeo:before {
4433 content: "\f27d";
4436 .fa.fa-black-tie {
4437 font-family: "Font Awesome 6 Brands";
4438 font-weight: 400;
4441 .fa.fa-fonticons {
4442 font-family: "Font Awesome 6 Brands";
4443 font-weight: 400;
4446 .fa.fa-reddit-alien {
4447 font-family: "Font Awesome 6 Brands";
4448 font-weight: 400;
4451 .fa.fa-edge {
4452 font-family: "Font Awesome 6 Brands";
4453 font-weight: 400;
4456 .fa.fa-credit-card-alt:before {
4457 content: "\f09d";
4460 .fa.fa-codiepie {
4461 font-family: "Font Awesome 6 Brands";
4462 font-weight: 400;
4465 .fa.fa-modx {
4466 font-family: "Font Awesome 6 Brands";
4467 font-weight: 400;
4470 .fa.fa-fort-awesome {
4471 font-family: "Font Awesome 6 Brands";
4472 font-weight: 400;
4475 .fa.fa-usb {
4476 font-family: "Font Awesome 6 Brands";
4477 font-weight: 400;
4480 .fa.fa-product-hunt {
4481 font-family: "Font Awesome 6 Brands";
4482 font-weight: 400;
4485 .fa.fa-mixcloud {
4486 font-family: "Font Awesome 6 Brands";
4487 font-weight: 400;
4490 .fa.fa-scribd {
4491 font-family: "Font Awesome 6 Brands";
4492 font-weight: 400;
4495 .fa.fa-pause-circle-o {
4496 font-family: "Font Awesome 6 Free";
4497 font-weight: 400;
4500 .fa.fa-pause-circle-o:before {
4501 content: "\f28b";
4504 .fa.fa-stop-circle-o {
4505 font-family: "Font Awesome 6 Free";
4506 font-weight: 400;
4509 .fa.fa-stop-circle-o:before {
4510 content: "\f28d";
4513 .fa.fa-bluetooth {
4514 font-family: "Font Awesome 6 Brands";
4515 font-weight: 400;
4518 .fa.fa-bluetooth-b {
4519 font-family: "Font Awesome 6 Brands";
4520 font-weight: 400;
4523 .fa.fa-gitlab {
4524 font-family: "Font Awesome 6 Brands";
4525 font-weight: 400;
4528 .fa.fa-wpbeginner {
4529 font-family: "Font Awesome 6 Brands";
4530 font-weight: 400;
4533 .fa.fa-wpforms {
4534 font-family: "Font Awesome 6 Brands";
4535 font-weight: 400;
4538 .fa.fa-envira {
4539 font-family: "Font Awesome 6 Brands";
4540 font-weight: 400;
4543 .fa.fa-wheelchair-alt {
4544 font-family: "Font Awesome 6 Brands";
4545 font-weight: 400;
4548 .fa.fa-wheelchair-alt:before {
4549 content: "\f368";
4552 .fa.fa-question-circle-o {
4553 font-family: "Font Awesome 6 Free";
4554 font-weight: 400;
4557 .fa.fa-question-circle-o:before {
4558 content: "\f059";
4561 .fa.fa-volume-control-phone:before {
4562 content: "\f2a0";
4565 .fa.fa-asl-interpreting:before {
4566 content: "\f2a3";
4569 .fa.fa-deafness:before {
4570 content: "\f2a4";
4573 .fa.fa-hard-of-hearing:before {
4574 content: "\f2a4";
4577 .fa.fa-glide {
4578 font-family: "Font Awesome 6 Brands";
4579 font-weight: 400;
4582 .fa.fa-glide-g {
4583 font-family: "Font Awesome 6 Brands";
4584 font-weight: 400;
4587 .fa.fa-signing:before {
4588 content: "\f2a7";
4591 .fa.fa-viadeo {
4592 font-family: "Font Awesome 6 Brands";
4593 font-weight: 400;
4596 .fa.fa-viadeo-square {
4597 font-family: "Font Awesome 6 Brands";
4598 font-weight: 400;
4601 .fa.fa-viadeo-square:before {
4602 content: "\f2aa";
4605 .fa.fa-snapchat {
4606 font-family: "Font Awesome 6 Brands";
4607 font-weight: 400;
4610 .fa.fa-snapchat-ghost {
4611 font-family: "Font Awesome 6 Brands";
4612 font-weight: 400;
4615 .fa.fa-snapchat-ghost:before {
4616 content: "\f2ab";
4619 .fa.fa-snapchat-square {
4620 font-family: "Font Awesome 6 Brands";
4621 font-weight: 400;
4624 .fa.fa-snapchat-square:before {
4625 content: "\f2ad";
4628 .fa.fa-pied-piper {
4629 font-family: "Font Awesome 6 Brands";
4630 font-weight: 400;
4633 .fa.fa-first-order {
4634 font-family: "Font Awesome 6 Brands";
4635 font-weight: 400;
4638 .fa.fa-yoast {
4639 font-family: "Font Awesome 6 Brands";
4640 font-weight: 400;
4643 .fa.fa-themeisle {
4644 font-family: "Font Awesome 6 Brands";
4645 font-weight: 400;
4648 .fa.fa-google-plus-official {
4649 font-family: "Font Awesome 6 Brands";
4650 font-weight: 400;
4653 .fa.fa-google-plus-official:before {
4654 content: "\f2b3";
4657 .fa.fa-google-plus-circle {
4658 font-family: "Font Awesome 6 Brands";
4659 font-weight: 400;
4662 .fa.fa-google-plus-circle:before {
4663 content: "\f2b3";
4666 .fa.fa-font-awesome {
4667 font-family: "Font Awesome 6 Brands";
4668 font-weight: 400;
4671 .fa.fa-fa {
4672 font-family: "Font Awesome 6 Brands";
4673 font-weight: 400;
4676 .fa.fa-fa:before {
4677 content: "\f2b4";
4680 .fa.fa-handshake-o {
4681 font-family: "Font Awesome 6 Free";
4682 font-weight: 400;
4685 .fa.fa-handshake-o:before {
4686 content: "\f2b5";
4689 .fa.fa-envelope-open-o {
4690 font-family: "Font Awesome 6 Free";
4691 font-weight: 400;
4694 .fa.fa-envelope-open-o:before {
4695 content: "\f2b6";
4698 .fa.fa-linode {
4699 font-family: "Font Awesome 6 Brands";
4700 font-weight: 400;
4703 .fa.fa-address-book-o {
4704 font-family: "Font Awesome 6 Free";
4705 font-weight: 400;
4708 .fa.fa-address-book-o:before {
4709 content: "\f2b9";
4712 .fa.fa-vcard:before {
4713 content: "\f2bb";
4716 .fa.fa-address-card-o {
4717 font-family: "Font Awesome 6 Free";
4718 font-weight: 400;
4721 .fa.fa-address-card-o:before {
4722 content: "\f2bb";
4725 .fa.fa-vcard-o {
4726 font-family: "Font Awesome 6 Free";
4727 font-weight: 400;
4730 .fa.fa-vcard-o:before {
4731 content: "\f2bb";
4734 .fa.fa-user-circle-o {
4735 font-family: "Font Awesome 6 Free";
4736 font-weight: 400;
4739 .fa.fa-user-circle-o:before {
4740 content: "\f2bd";
4743 .fa.fa-user-o {
4744 font-family: "Font Awesome 6 Free";
4745 font-weight: 400;
4748 .fa.fa-user-o:before {
4749 content: "\f007";
4752 .fa.fa-id-badge {
4753 font-family: "Font Awesome 6 Free";
4754 font-weight: 400;
4757 .fa.fa-drivers-license:before {
4758 content: "\f2c2";
4761 .fa.fa-id-card-o {
4762 font-family: "Font Awesome 6 Free";
4763 font-weight: 400;
4766 .fa.fa-id-card-o:before {
4767 content: "\f2c2";
4770 .fa.fa-drivers-license-o {
4771 font-family: "Font Awesome 6 Free";
4772 font-weight: 400;
4775 .fa.fa-drivers-license-o:before {
4776 content: "\f2c2";
4779 .fa.fa-quora {
4780 font-family: "Font Awesome 6 Brands";
4781 font-weight: 400;
4784 .fa.fa-free-code-camp {
4785 font-family: "Font Awesome 6 Brands";
4786 font-weight: 400;
4789 .fa.fa-telegram {
4790 font-family: "Font Awesome 6 Brands";
4791 font-weight: 400;
4794 .fa.fa-thermometer-4:before {
4795 content: "\f2c7";
4798 .fa.fa-thermometer:before {
4799 content: "\f2c7";
4802 .fa.fa-thermometer-3:before {
4803 content: "\f2c8";
4806 .fa.fa-thermometer-2:before {
4807 content: "\f2c9";
4810 .fa.fa-thermometer-1:before {
4811 content: "\f2ca";
4814 .fa.fa-thermometer-0:before {
4815 content: "\f2cb";
4818 .fa.fa-bathtub:before {
4819 content: "\f2cd";
4822 .fa.fa-s15:before {
4823 content: "\f2cd";
4826 .fa.fa-window-maximize {
4827 font-family: "Font Awesome 6 Free";
4828 font-weight: 400;
4831 .fa.fa-window-restore {
4832 font-family: "Font Awesome 6 Free";
4833 font-weight: 400;
4836 .fa.fa-times-rectangle:before {
4837 content: "\f410";
4840 .fa.fa-window-close-o {
4841 font-family: "Font Awesome 6 Free";
4842 font-weight: 400;
4845 .fa.fa-window-close-o:before {
4846 content: "\f410";
4849 .fa.fa-times-rectangle-o {
4850 font-family: "Font Awesome 6 Free";
4851 font-weight: 400;
4854 .fa.fa-times-rectangle-o:before {
4855 content: "\f410";
4858 .fa.fa-bandcamp {
4859 font-family: "Font Awesome 6 Brands";
4860 font-weight: 400;
4863 .fa.fa-grav {
4864 font-family: "Font Awesome 6 Brands";
4865 font-weight: 400;
4868 .fa.fa-etsy {
4869 font-family: "Font Awesome 6 Brands";
4870 font-weight: 400;
4873 .fa.fa-imdb {
4874 font-family: "Font Awesome 6 Brands";
4875 font-weight: 400;
4878 .fa.fa-ravelry {
4879 font-family: "Font Awesome 6 Brands";
4880 font-weight: 400;
4883 .fa.fa-eercast {
4884 font-family: "Font Awesome 6 Brands";
4885 font-weight: 400;
4888 .fa.fa-eercast:before {
4889 content: "\f2da";
4892 .fa.fa-snowflake-o {
4893 font-family: "Font Awesome 6 Free";
4894 font-weight: 400;
4897 .fa.fa-snowflake-o:before {
4898 content: "\f2dc";
4901 .fa.fa-superpowers {
4902 font-family: "Font Awesome 6 Brands";
4903 font-weight: 400;
4906 .fa.fa-wpexplorer {
4907 font-family: "Font Awesome 6 Brands";
4908 font-weight: 400;
4911 .fa.fa-meetup {
4912 font-family: "Font Awesome 6 Brands";
4913 font-weight: 400;
4917 * Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com
4918 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
4919 * Copyright 2023 Fonticons, Inc.
4921 .fa {
4922 font-family: var(--fa-style-family, "Font Awesome 6 Free");
4923 font-weight: var(--fa-style, 900);
4926 .fa,
4927 .fa-classic,
4928 .fa-sharp,
4929 .fas,
4930 .fa-solid,
4931 .moremenu .dropdown-item[aria-current=true]:before,
4932 .moremenu .dropdown-item.active:before,
4933 .dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .dropdown-item.carousel-navigation-link::after,
4934 .navbar.fixed-top .usermenu .dropdown-menu .submenu .items .dropdown-item[aria-current=true]::before,
4935 .navbar.fixed-top .usermenu .dropdown-menu .dropdown-item.carousel-navigation-link::after,
4936 .toast.toast-warning .toast-body:before,
4937 .toast.toast-info .toast-body:before,
4938 .toast.toast-danger .toast-body:before,
4939 .toast.toast-success .toast-body:before,
4940 .editing .editinprogress:after,
4941 .dir-rtl .block_settings .block_tree [aria-expanded=false] > p:before,
4942 .dir-rtl .block_navigation .block_tree [aria-expanded=false] > p:before,
4943 .block_settings .block_tree [aria-expanded=false] > p:before,
4944 .block_navigation .block_tree [aria-expanded=false] > p:before,
4945 .block_settings .block_tree [aria-expanded=true] > p:before,
4946 .block_navigation .block_tree [aria-expanded=true] > p:before,
4947 .dropdown-item[aria-current=true]:before,
4948 .dropdown-item[aria-selected=true]:before,
4949 .dir-rtl .action-menu .dropdown-subpanel .dropdown-item::after,
4950 .action-menu .dropdown-subpanel .dropdown-item::after,
4951 .dropup .dropdown-toggle::after,
4952 .dropright .dropdown-toggle::after,
4953 .dropleft .dropdown-toggle::before,
4954 .dropdown-toggle::after,
4955 .far,
4956 .fa-regular,
4957 .content-bank-container.view-grid .cb-unlisted::after,
4958 .fab,
4959 .fa-brands {
4960 -moz-osx-font-smoothing: grayscale;
4961 -webkit-font-smoothing: antialiased;
4962 display: var(--fa-display, inline-block);
4963 font-style: normal;
4964 font-variant: normal;
4965 line-height: 1;
4966 text-rendering: auto;
4969 .fas,
4970 .fa-classic,
4971 .fa-solid,
4972 .moremenu .dropdown-item[aria-current=true]:before,
4973 .moremenu .dropdown-item.active:before,
4974 .dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .dropdown-item.carousel-navigation-link::after,
4975 .navbar.fixed-top .usermenu .dropdown-menu .submenu .items .dropdown-item[aria-current=true]::before,
4976 .navbar.fixed-top .usermenu .dropdown-menu .dropdown-item.carousel-navigation-link::after,
4977 .toast.toast-warning .toast-body:before,
4978 .toast.toast-info .toast-body:before,
4979 .toast.toast-danger .toast-body:before,
4980 .toast.toast-success .toast-body:before,
4981 .editing .editinprogress:after,
4982 .dir-rtl .block_settings .block_tree [aria-expanded=false] > p:before,
4983 .dir-rtl .block_navigation .block_tree [aria-expanded=false] > p:before,
4984 .block_settings .block_tree [aria-expanded=false] > p:before,
4985 .block_navigation .block_tree [aria-expanded=false] > p:before,
4986 .block_settings .block_tree [aria-expanded=true] > p:before,
4987 .block_navigation .block_tree [aria-expanded=true] > p:before,
4988 .dropdown-item[aria-current=true]:before,
4989 .dropdown-item[aria-selected=true]:before,
4990 .dir-rtl .action-menu .dropdown-subpanel .dropdown-item::after,
4991 .action-menu .dropdown-subpanel .dropdown-item::after,
4992 .dropup .dropdown-toggle::after,
4993 .dropright .dropdown-toggle::after,
4994 .dropleft .dropdown-toggle::before,
4995 .dropdown-toggle::after,
4996 .far,
4997 .fa-regular,
4998 .content-bank-container.view-grid .cb-unlisted::after {
4999 font-family: "Font Awesome 6 Free";
5002 .fab,
5003 .fa-brands {
5004 font-family: "Font Awesome 6 Brands";
5007 .fa-1x {
5008 font-size: 1em;
5011 .fa-2x {
5012 font-size: 2em;
5015 .fa-3x {
5016 font-size: 3em;
5019 .fa-4x {
5020 font-size: 4em;
5023 .fa-5x {
5024 font-size: 5em;
5027 .fa-6x {
5028 font-size: 6em;
5031 .fa-7x {
5032 font-size: 7em;
5035 .fa-8x {
5036 font-size: 8em;
5039 .fa-9x {
5040 font-size: 9em;
5043 .fa-10x {
5044 font-size: 10em;
5047 .fa-2xs {
5048 font-size: 0.625em;
5049 line-height: 0.1em;
5050 vertical-align: 0.225em;
5053 .fa-xs {
5054 font-size: 0.75em;
5055 line-height: 0.0833333337em;
5056 vertical-align: 0.125em;
5059 .fa-sm {
5060 font-size: 0.875em;
5061 line-height: 0.0714285718em;
5062 vertical-align: 0.0535714295em;
5065 .fa-lg {
5066 font-size: 1.25em;
5067 line-height: 0.05em;
5068 vertical-align: -0.075em;
5071 .fa-xl {
5072 font-size: 1.5em;
5073 line-height: 0.0416666682em;
5074 vertical-align: -0.125em;
5077 .fa-2xl {
5078 font-size: 2em;
5079 line-height: 0.03125em;
5080 vertical-align: -0.1875em;
5083 .fa-fw {
5084 text-align: center;
5085 width: 1.25em;
5088 .fa-ul {
5089 list-style-type: none;
5090 margin-left: var(--fa-li-margin, 2.5em);
5091 padding-left: 0;
5093 .fa-ul > li {
5094 position: relative;
5097 .fa-li {
5098 left: calc(var(--fa-li-width, 2em) * -1);
5099 position: absolute;
5100 text-align: center;
5101 width: var(--fa-li-width, 2em);
5102 line-height: inherit;
5105 .fa-border {
5106 border-color: var(--fa-border-color, #eee);
5107 border-radius: var(--fa-border-radius, 0.1em);
5108 border-style: var(--fa-border-style, solid);
5109 border-width: var(--fa-border-width, 0.08em);
5110 padding: var(--fa-border-padding, 0.2em 0.25em 0.15em);
5113 .fa-pull-left {
5114 float: left;
5115 margin-right: var(--fa-pull-margin, 0.3em);
5118 .fa-pull-right {
5119 float: right;
5120 margin-left: var(--fa-pull-margin, 0.3em);
5123 .fa-beat {
5124 animation-name: fa-beat;
5125 animation-delay: var(--fa-animation-delay, 0s);
5126 animation-direction: var(--fa-animation-direction, normal);
5127 animation-duration: var(--fa-animation-duration, 1s);
5128 animation-iteration-count: var(--fa-animation-iteration-count, infinite);
5129 animation-timing-function: var(--fa-animation-timing, ease-in-out);
5132 .fa-bounce {
5133 animation-name: fa-bounce;
5134 animation-delay: var(--fa-animation-delay, 0s);
5135 animation-direction: var(--fa-animation-direction, normal);
5136 animation-duration: var(--fa-animation-duration, 1s);
5137 animation-iteration-count: var(--fa-animation-iteration-count, infinite);
5138 animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1));
5141 .fa-fade {
5142 animation-name: fa-fade;
5143 animation-delay: var(--fa-animation-delay, 0s);
5144 animation-direction: var(--fa-animation-direction, normal);
5145 animation-duration: var(--fa-animation-duration, 1s);
5146 animation-iteration-count: var(--fa-animation-iteration-count, infinite);
5147 animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
5150 .fa-beat-fade {
5151 animation-name: fa-beat-fade;
5152 animation-delay: var(--fa-animation-delay, 0s);
5153 animation-direction: var(--fa-animation-direction, normal);
5154 animation-duration: var(--fa-animation-duration, 1s);
5155 animation-iteration-count: var(--fa-animation-iteration-count, infinite);
5156 animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
5159 .fa-flip {
5160 animation-name: fa-flip;
5161 animation-delay: var(--fa-animation-delay, 0s);
5162 animation-direction: var(--fa-animation-direction, normal);
5163 animation-duration: var(--fa-animation-duration, 1s);
5164 animation-iteration-count: var(--fa-animation-iteration-count, infinite);
5165 animation-timing-function: var(--fa-animation-timing, ease-in-out);
5168 .fa-shake {
5169 animation-name: fa-shake;
5170 animation-delay: var(--fa-animation-delay, 0s);
5171 animation-direction: var(--fa-animation-direction, normal);
5172 animation-duration: var(--fa-animation-duration, 1s);
5173 animation-iteration-count: var(--fa-animation-iteration-count, infinite);
5174 animation-timing-function: var(--fa-animation-timing, linear);
5177 .fa-spin {
5178 animation-name: fa-spin;
5179 animation-delay: var(--fa-animation-delay, 0s);
5180 animation-direction: var(--fa-animation-direction, normal);
5181 animation-duration: var(--fa-animation-duration, 2s);
5182 animation-iteration-count: var(--fa-animation-iteration-count, infinite);
5183 animation-timing-function: var(--fa-animation-timing, linear);
5186 .fa-spin-reverse {
5187 --fa-animation-direction: reverse;
5190 .fa-pulse,
5191 .fa-spin-pulse {
5192 animation-name: fa-spin;
5193 animation-direction: var(--fa-animation-direction, normal);
5194 animation-duration: var(--fa-animation-duration, 1s);
5195 animation-iteration-count: var(--fa-animation-iteration-count, infinite);
5196 animation-timing-function: var(--fa-animation-timing, steps(8));
5199 @media (prefers-reduced-motion: reduce) {
5200 .fa-beat,
5201 .fa-bounce,
5202 .fa-fade,
5203 .fa-beat-fade,
5204 .fa-flip,
5205 .fa-pulse,
5206 .fa-shake,
5207 .fa-spin,
5208 .fa-spin-pulse {
5209 animation-delay: -1ms;
5210 animation-duration: 1ms;
5211 animation-iteration-count: 1;
5212 transition-delay: 0s;
5213 transition-duration: 0s;
5216 @keyframes fa-beat {
5217 0%, 90% {
5218 transform: scale(1);
5220 45% {
5221 transform: scale(var(--fa-beat-scale, 1.25));
5224 @keyframes fa-bounce {
5225 0% {
5226 transform: scale(1, 1) translateY(0);
5228 10% {
5229 transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);
5231 30% {
5232 transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em));
5234 50% {
5235 transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);
5237 57% {
5238 transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em));
5240 64% {
5241 transform: scale(1, 1) translateY(0);
5243 100% {
5244 transform: scale(1, 1) translateY(0);
5247 @keyframes fa-fade {
5248 50% {
5249 opacity: var(--fa-fade-opacity, 0.4);
5252 @keyframes fa-beat-fade {
5253 0%, 100% {
5254 opacity: var(--fa-beat-fade-opacity, 0.4);
5255 transform: scale(1);
5257 50% {
5258 opacity: 1;
5259 transform: scale(var(--fa-beat-fade-scale, 1.125));
5262 @keyframes fa-flip {
5263 50% {
5264 transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
5267 @keyframes fa-shake {
5268 0% {
5269 transform: rotate(-15deg);
5271 4% {
5272 transform: rotate(15deg);
5274 8%, 24% {
5275 transform: rotate(-18deg);
5277 12%, 28% {
5278 transform: rotate(18deg);
5280 16% {
5281 transform: rotate(-22deg);
5283 20% {
5284 transform: rotate(22deg);
5286 32% {
5287 transform: rotate(-12deg);
5289 36% {
5290 transform: rotate(12deg);
5292 40%, 100% {
5293 transform: rotate(0deg);
5296 @keyframes fa-spin {
5297 0% {
5298 transform: rotate(0deg);
5300 100% {
5301 transform: rotate(360deg);
5304 .fa-rotate-90 {
5305 transform: rotate(90deg);
5308 .fa-rotate-180 {
5309 transform: rotate(180deg);
5312 .fa-rotate-270 {
5313 transform: rotate(270deg);
5316 .fa-flip-horizontal {
5317 transform: scale(-1, 1);
5320 .fa-flip-vertical {
5321 transform: scale(1, -1);
5324 .fa-flip-both,
5325 .fa-flip-horizontal.fa-flip-vertical {
5326 transform: scale(-1, -1);
5329 .fa-rotate-by {
5330 transform: rotate(var(--fa-rotate-angle, none));
5333 .fa-stack {
5334 display: inline-block;
5335 height: 2em;
5336 line-height: 2em;
5337 position: relative;
5338 vertical-align: middle;
5339 width: 2.5em;
5342 .fa-stack-1x,
5343 .fa-stack-2x {
5344 left: 0;
5345 position: absolute;
5346 text-align: center;
5347 width: 100%;
5348 z-index: var(--fa-stack-z-index, auto);
5351 .fa-stack-1x {
5352 line-height: inherit;
5355 .fa-stack-2x {
5356 font-size: 2em;
5359 .fa-inverse {
5360 color: var(--fa-inverse, #fff);
5363 /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
5364 readers do not read off random characters that represent icons */
5365 .fa-0::before {
5366 content: "\30 ";
5369 .fa-1::before {
5370 content: "\31 ";
5373 .fa-2::before {
5374 content: "\32 ";
5377 .fa-3::before {
5378 content: "\33 ";
5381 .fa-4::before {
5382 content: "\34 ";
5385 .fa-5::before {
5386 content: "\35 ";
5389 .fa-6::before {
5390 content: "\36 ";
5393 .fa-7::before {
5394 content: "\37 ";
5397 .fa-8::before {
5398 content: "\38 ";
5401 .fa-9::before {
5402 content: "\39 ";
5405 .fa-fill-drip::before {
5406 content: "\f576";
5409 .fa-arrows-to-circle::before {
5410 content: "\e4bd";
5413 .fa-circle-chevron-right::before {
5414 content: "\f138";
5417 .fa-chevron-circle-right::before {
5418 content: "\f138";
5421 .fa-at::before {
5422 content: "\@";
5425 .fa-trash-can::before {
5426 content: "\f2ed";
5429 .fa-trash-alt::before {
5430 content: "\f2ed";
5433 .fa-text-height::before {
5434 content: "\f034";
5437 .fa-user-xmark::before {
5438 content: "\f235";
5441 .fa-user-times::before {
5442 content: "\f235";
5445 .fa-stethoscope::before {
5446 content: "\f0f1";
5449 .fa-message::before {
5450 content: "\f27a";
5453 .fa-comment-alt::before {
5454 content: "\f27a";
5457 .fa-info::before {
5458 content: "\f129";
5461 .fa-down-left-and-up-right-to-center::before {
5462 content: "\f422";
5465 .fa-compress-alt::before {
5466 content: "\f422";
5469 .fa-explosion::before {
5470 content: "\e4e9";
5473 .fa-file-lines::before {
5474 content: "\f15c";
5477 .fa-file-alt::before {
5478 content: "\f15c";
5481 .fa-file-text::before {
5482 content: "\f15c";
5485 .fa-wave-square::before {
5486 content: "\f83e";
5489 .fa-ring::before {
5490 content: "\f70b";
5493 .fa-building-un::before {
5494 content: "\e4d9";
5497 .fa-dice-three::before {
5498 content: "\f527";
5501 .fa-calendar-days::before {
5502 content: "\f073";
5505 .fa-calendar-alt::before {
5506 content: "\f073";
5509 .fa-anchor-circle-check::before {
5510 content: "\e4aa";
5513 .fa-building-circle-arrow-right::before {
5514 content: "\e4d1";
5517 .fa-volleyball::before {
5518 content: "\f45f";
5521 .fa-volleyball-ball::before {
5522 content: "\f45f";
5525 .fa-arrows-up-to-line::before {
5526 content: "\e4c2";
5529 .fa-sort-down::before {
5530 content: "\f0dd";
5533 .fa-sort-desc::before {
5534 content: "\f0dd";
5537 .fa-circle-minus::before {
5538 content: "\f056";
5541 .fa-minus-circle::before {
5542 content: "\f056";
5545 .fa-door-open::before {
5546 content: "\f52b";
5549 .fa-right-from-bracket::before {
5550 content: "\f2f5";
5553 .fa-sign-out-alt::before {
5554 content: "\f2f5";
5557 .fa-atom::before {
5558 content: "\f5d2";
5561 .fa-soap::before {
5562 content: "\e06e";
5565 .fa-icons::before {
5566 content: "\f86d";
5569 .fa-heart-music-camera-bolt::before {
5570 content: "\f86d";
5573 .fa-microphone-lines-slash::before {
5574 content: "\f539";
5577 .fa-microphone-alt-slash::before {
5578 content: "\f539";
5581 .fa-bridge-circle-check::before {
5582 content: "\e4c9";
5585 .fa-pump-medical::before {
5586 content: "\e06a";
5589 .fa-fingerprint::before {
5590 content: "\f577";
5593 .fa-hand-point-right::before {
5594 content: "\f0a4";
5597 .fa-magnifying-glass-location::before {
5598 content: "\f689";
5601 .fa-search-location::before {
5602 content: "\f689";
5605 .fa-forward-step::before {
5606 content: "\f051";
5609 .fa-step-forward::before {
5610 content: "\f051";
5613 .fa-face-smile-beam::before {
5614 content: "\f5b8";
5617 .fa-smile-beam::before {
5618 content: "\f5b8";
5621 .fa-flag-checkered::before {
5622 content: "\f11e";
5625 .fa-football::before {
5626 content: "\f44e";
5629 .fa-football-ball::before {
5630 content: "\f44e";
5633 .fa-school-circle-exclamation::before {
5634 content: "\e56c";
5637 .fa-crop::before {
5638 content: "\f125";
5641 .fa-angles-down::before {
5642 content: "\f103";
5645 .fa-angle-double-down::before {
5646 content: "\f103";
5649 .fa-users-rectangle::before {
5650 content: "\e594";
5653 .fa-people-roof::before {
5654 content: "\e537";
5657 .fa-people-line::before {
5658 content: "\e534";
5661 .fa-beer-mug-empty::before {
5662 content: "\f0fc";
5665 .fa-beer::before {
5666 content: "\f0fc";
5669 .fa-diagram-predecessor::before {
5670 content: "\e477";
5673 .fa-arrow-up-long::before {
5674 content: "\f176";
5677 .fa-long-arrow-up::before {
5678 content: "\f176";
5681 .fa-fire-flame-simple::before {
5682 content: "\f46a";
5685 .fa-burn::before {
5686 content: "\f46a";
5689 .fa-person::before {
5690 content: "\f183";
5693 .fa-male::before {
5694 content: "\f183";
5697 .fa-laptop::before {
5698 content: "\f109";
5701 .fa-file-csv::before {
5702 content: "\f6dd";
5705 .fa-menorah::before {
5706 content: "\f676";
5709 .fa-truck-plane::before {
5710 content: "\e58f";
5713 .fa-record-vinyl::before {
5714 content: "\f8d9";
5717 .fa-face-grin-stars::before {
5718 content: "\f587";
5721 .fa-grin-stars::before {
5722 content: "\f587";
5725 .fa-bong::before {
5726 content: "\f55c";
5729 .fa-spaghetti-monster-flying::before {
5730 content: "\f67b";
5733 .fa-pastafarianism::before {
5734 content: "\f67b";
5737 .fa-arrow-down-up-across-line::before {
5738 content: "\e4af";
5741 .fa-spoon::before {
5742 content: "\f2e5";
5745 .fa-utensil-spoon::before {
5746 content: "\f2e5";
5749 .fa-jar-wheat::before {
5750 content: "\e517";
5753 .fa-envelopes-bulk::before {
5754 content: "\f674";
5757 .fa-mail-bulk::before {
5758 content: "\f674";
5761 .fa-file-circle-exclamation::before {
5762 content: "\e4eb";
5765 .fa-circle-h::before {
5766 content: "\f47e";
5769 .fa-hospital-symbol::before {
5770 content: "\f47e";
5773 .fa-pager::before {
5774 content: "\f815";
5777 .fa-address-book::before {
5778 content: "\f2b9";
5781 .fa-contact-book::before {
5782 content: "\f2b9";
5785 .fa-strikethrough::before {
5786 content: "\f0cc";
5789 .fa-k::before {
5790 content: "K";
5793 .fa-landmark-flag::before {
5794 content: "\e51c";
5797 .fa-pencil::before {
5798 content: "\f303";
5801 .fa-pencil-alt::before {
5802 content: "\f303";
5805 .fa-backward::before {
5806 content: "\f04a";
5809 .fa-caret-right::before {
5810 content: "\f0da";
5813 .fa-comments::before {
5814 content: "\f086";
5817 .fa-paste::before {
5818 content: "\f0ea";
5821 .fa-file-clipboard::before {
5822 content: "\f0ea";
5825 .fa-code-pull-request::before {
5826 content: "\e13c";
5829 .fa-clipboard-list::before {
5830 content: "\f46d";
5833 .fa-truck-ramp-box::before {
5834 content: "\f4de";
5837 .fa-truck-loading::before {
5838 content: "\f4de";
5841 .fa-user-check::before {
5842 content: "\f4fc";
5845 .fa-vial-virus::before {
5846 content: "\e597";
5849 .fa-sheet-plastic::before {
5850 content: "\e571";
5853 .fa-blog::before {
5854 content: "\f781";
5857 .fa-user-ninja::before {
5858 content: "\f504";
5861 .fa-person-arrow-up-from-line::before {
5862 content: "\e539";
5865 .fa-scroll-torah::before {
5866 content: "\f6a0";
5869 .fa-torah::before {
5870 content: "\f6a0";
5873 .fa-broom-ball::before {
5874 content: "\f458";
5877 .fa-quidditch::before {
5878 content: "\f458";
5881 .fa-quidditch-broom-ball::before {
5882 content: "\f458";
5885 .fa-toggle-off::before {
5886 content: "\f204";
5889 .fa-box-archive::before {
5890 content: "\f187";
5893 .fa-archive::before {
5894 content: "\f187";
5897 .fa-person-drowning::before {
5898 content: "\e545";
5901 .fa-arrow-down-9-1::before {
5902 content: "\f886";
5905 .fa-sort-numeric-desc::before {
5906 content: "\f886";
5909 .fa-sort-numeric-down-alt::before {
5910 content: "\f886";
5913 .fa-face-grin-tongue-squint::before {
5914 content: "\f58a";
5917 .fa-grin-tongue-squint::before {
5918 content: "\f58a";
5921 .fa-spray-can::before {
5922 content: "\f5bd";
5925 .fa-truck-monster::before {
5926 content: "\f63b";
5929 .fa-w::before {
5930 content: "W";
5933 .fa-earth-africa::before {
5934 content: "\f57c";
5937 .fa-globe-africa::before {
5938 content: "\f57c";
5941 .fa-rainbow::before {
5942 content: "\f75b";
5945 .fa-circle-notch::before {
5946 content: "\f1ce";
5949 .fa-tablet-screen-button::before {
5950 content: "\f3fa";
5953 .fa-tablet-alt::before {
5954 content: "\f3fa";
5957 .fa-paw::before {
5958 content: "\f1b0";
5961 .fa-cloud::before {
5962 content: "\f0c2";
5965 .fa-trowel-bricks::before {
5966 content: "\e58a";
5969 .fa-face-flushed::before {
5970 content: "\f579";
5973 .fa-flushed::before {
5974 content: "\f579";
5977 .fa-hospital-user::before {
5978 content: "\f80d";
5981 .fa-tent-arrow-left-right::before {
5982 content: "\e57f";
5985 .fa-gavel::before {
5986 content: "\f0e3";
5989 .fa-legal::before {
5990 content: "\f0e3";
5993 .fa-binoculars::before {
5994 content: "\f1e5";
5997 .fa-microphone-slash::before {
5998 content: "\f131";
6001 .fa-box-tissue::before {
6002 content: "\e05b";
6005 .fa-motorcycle::before {
6006 content: "\f21c";
6009 .fa-bell-concierge::before {
6010 content: "\f562";
6013 .fa-concierge-bell::before {
6014 content: "\f562";
6017 .fa-pen-ruler::before {
6018 content: "\f5ae";
6021 .fa-pencil-ruler::before {
6022 content: "\f5ae";
6025 .fa-people-arrows::before {
6026 content: "\e068";
6029 .fa-people-arrows-left-right::before {
6030 content: "\e068";
6033 .fa-mars-and-venus-burst::before {
6034 content: "\e523";
6037 .fa-square-caret-right::before {
6038 content: "\f152";
6041 .fa-caret-square-right::before {
6042 content: "\f152";
6045 .fa-scissors::before {
6046 content: "\f0c4";
6049 .fa-cut::before {
6050 content: "\f0c4";
6053 .fa-sun-plant-wilt::before {
6054 content: "\e57a";
6057 .fa-toilets-portable::before {
6058 content: "\e584";
6061 .fa-hockey-puck::before {
6062 content: "\f453";
6065 .fa-table::before {
6066 content: "\f0ce";
6069 .fa-magnifying-glass-arrow-right::before {
6070 content: "\e521";
6073 .fa-tachograph-digital::before {
6074 content: "\f566";
6077 .fa-digital-tachograph::before {
6078 content: "\f566";
6081 .fa-users-slash::before {
6082 content: "\e073";
6085 .fa-clover::before {
6086 content: "\e139";
6089 .fa-reply::before {
6090 content: "\f3e5";
6093 .fa-mail-reply::before {
6094 content: "\f3e5";
6097 .fa-star-and-crescent::before {
6098 content: "\f699";
6101 .fa-house-fire::before {
6102 content: "\e50c";
6105 .fa-square-minus::before {
6106 content: "\f146";
6109 .fa-minus-square::before {
6110 content: "\f146";
6113 .fa-helicopter::before {
6114 content: "\f533";
6117 .fa-compass::before {
6118 content: "\f14e";
6121 .fa-square-caret-down::before {
6122 content: "\f150";
6125 .fa-caret-square-down::before {
6126 content: "\f150";
6129 .fa-file-circle-question::before {
6130 content: "\e4ef";
6133 .fa-laptop-code::before {
6134 content: "\f5fc";
6137 .fa-swatchbook::before {
6138 content: "\f5c3";
6141 .fa-prescription-bottle::before {
6142 content: "\f485";
6145 .fa-bars::before {
6146 content: "\f0c9";
6149 .fa-navicon::before {
6150 content: "\f0c9";
6153 .fa-people-group::before {
6154 content: "\e533";
6157 .fa-hourglass-end::before {
6158 content: "\f253";
6161 .fa-hourglass-3::before {
6162 content: "\f253";
6165 .fa-heart-crack::before {
6166 content: "\f7a9";
6169 .fa-heart-broken::before {
6170 content: "\f7a9";
6173 .fa-square-up-right::before {
6174 content: "\f360";
6177 .fa-external-link-square-alt::before {
6178 content: "\f360";
6181 .fa-face-kiss-beam::before {
6182 content: "\f597";
6185 .fa-kiss-beam::before {
6186 content: "\f597";
6189 .fa-film::before {
6190 content: "\f008";
6193 .fa-ruler-horizontal::before {
6194 content: "\f547";
6197 .fa-people-robbery::before {
6198 content: "\e536";
6201 .fa-lightbulb::before {
6202 content: "\f0eb";
6205 .fa-caret-left::before {
6206 content: "\f0d9";
6209 .fa-circle-exclamation::before {
6210 content: "\f06a";
6213 .fa-exclamation-circle::before {
6214 content: "\f06a";
6217 .fa-school-circle-xmark::before {
6218 content: "\e56d";
6221 .fa-arrow-right-from-bracket::before {
6222 content: "\f08b";
6225 .fa-sign-out::before {
6226 content: "\f08b";
6229 .fa-circle-chevron-down::before {
6230 content: "\f13a";
6233 .fa-chevron-circle-down::before {
6234 content: "\f13a";
6237 .fa-unlock-keyhole::before {
6238 content: "\f13e";
6241 .fa-unlock-alt::before {
6242 content: "\f13e";
6245 .fa-cloud-showers-heavy::before {
6246 content: "\f740";
6249 .fa-headphones-simple::before {
6250 content: "\f58f";
6253 .fa-headphones-alt::before {
6254 content: "\f58f";
6257 .fa-sitemap::before {
6258 content: "\f0e8";
6261 .fa-circle-dollar-to-slot::before {
6262 content: "\f4b9";
6265 .fa-donate::before {
6266 content: "\f4b9";
6269 .fa-memory::before {
6270 content: "\f538";
6273 .fa-road-spikes::before {
6274 content: "\e568";
6277 .fa-fire-burner::before {
6278 content: "\e4f1";
6281 .fa-flag::before {
6282 content: "\f024";
6285 .fa-hanukiah::before {
6286 content: "\f6e6";
6289 .fa-feather::before {
6290 content: "\f52d";
6293 .fa-volume-low::before {
6294 content: "\f027";
6297 .fa-volume-down::before {
6298 content: "\f027";
6301 .fa-comment-slash::before {
6302 content: "\f4b3";
6305 .fa-cloud-sun-rain::before {
6306 content: "\f743";
6309 .fa-compress::before {
6310 content: "\f066";
6313 .fa-wheat-awn::before {
6314 content: "\e2cd";
6317 .fa-wheat-alt::before {
6318 content: "\e2cd";
6321 .fa-ankh::before {
6322 content: "\f644";
6325 .fa-hands-holding-child::before {
6326 content: "\e4fa";
6329 .fa-asterisk::before {
6330 content: "\*";
6333 .fa-square-check::before {
6334 content: "\f14a";
6337 .fa-check-square::before {
6338 content: "\f14a";
6341 .fa-peseta-sign::before {
6342 content: "\e221";
6345 .fa-heading::before {
6346 content: "\f1dc";
6349 .fa-header::before {
6350 content: "\f1dc";
6353 .fa-ghost::before {
6354 content: "\f6e2";
6357 .fa-list::before {
6358 content: "\f03a";
6361 .fa-list-squares::before {
6362 content: "\f03a";
6365 .fa-square-phone-flip::before {
6366 content: "\f87b";
6369 .fa-phone-square-alt::before {
6370 content: "\f87b";
6373 .fa-cart-plus::before {
6374 content: "\f217";
6377 .fa-gamepad::before {
6378 content: "\f11b";
6381 .fa-circle-dot::before {
6382 content: "\f192";
6385 .fa-dot-circle::before {
6386 content: "\f192";
6389 .fa-face-dizzy::before {
6390 content: "\f567";
6393 .fa-dizzy::before {
6394 content: "\f567";
6397 .fa-egg::before {
6398 content: "\f7fb";
6401 .fa-house-medical-circle-xmark::before {
6402 content: "\e513";
6405 .fa-campground::before {
6406 content: "\f6bb";
6409 .fa-folder-plus::before {
6410 content: "\f65e";
6413 .fa-futbol::before {
6414 content: "\f1e3";
6417 .fa-futbol-ball::before {
6418 content: "\f1e3";
6421 .fa-soccer-ball::before {
6422 content: "\f1e3";
6425 .fa-paintbrush::before {
6426 content: "\f1fc";
6429 .fa-paint-brush::before {
6430 content: "\f1fc";
6433 .fa-lock::before {
6434 content: "\f023";
6437 .fa-gas-pump::before {
6438 content: "\f52f";
6441 .fa-hot-tub-person::before {
6442 content: "\f593";
6445 .fa-hot-tub::before {
6446 content: "\f593";
6449 .fa-map-location::before {
6450 content: "\f59f";
6453 .fa-map-marked::before {
6454 content: "\f59f";
6457 .fa-house-flood-water::before {
6458 content: "\e50e";
6461 .fa-tree::before {
6462 content: "\f1bb";
6465 .fa-bridge-lock::before {
6466 content: "\e4cc";
6469 .fa-sack-dollar::before {
6470 content: "\f81d";
6473 .fa-pen-to-square::before {
6474 content: "\f044";
6477 .fa-edit::before {
6478 content: "\f044";
6481 .fa-car-side::before {
6482 content: "\f5e4";
6485 .fa-share-nodes::before {
6486 content: "\f1e0";
6489 .fa-share-alt::before {
6490 content: "\f1e0";
6493 .fa-heart-circle-minus::before {
6494 content: "\e4ff";
6497 .fa-hourglass-half::before {
6498 content: "\f252";
6501 .fa-hourglass-2::before {
6502 content: "\f252";
6505 .fa-microscope::before {
6506 content: "\f610";
6509 .fa-sink::before {
6510 content: "\e06d";
6513 .fa-bag-shopping::before {
6514 content: "\f290";
6517 .fa-shopping-bag::before {
6518 content: "\f290";
6521 .fa-arrow-down-z-a::before {
6522 content: "\f881";
6525 .fa-sort-alpha-desc::before {
6526 content: "\f881";
6529 .fa-sort-alpha-down-alt::before {
6530 content: "\f881";
6533 .fa-mitten::before {
6534 content: "\f7b5";
6537 .fa-person-rays::before {
6538 content: "\e54d";
6541 .fa-users::before {
6542 content: "\f0c0";
6545 .fa-eye-slash::before {
6546 content: "\f070";
6549 .fa-flask-vial::before {
6550 content: "\e4f3";
6553 .fa-hand::before {
6554 content: "\f256";
6557 .fa-hand-paper::before {
6558 content: "\f256";
6561 .fa-om::before {
6562 content: "\f679";
6565 .fa-worm::before {
6566 content: "\e599";
6569 .fa-house-circle-xmark::before {
6570 content: "\e50b";
6573 .fa-plug::before {
6574 content: "\f1e6";
6577 .fa-chevron-up::before {
6578 content: "\f077";
6581 .fa-hand-spock::before {
6582 content: "\f259";
6585 .fa-stopwatch::before {
6586 content: "\f2f2";
6589 .fa-face-kiss::before {
6590 content: "\f596";
6593 .fa-kiss::before {
6594 content: "\f596";
6597 .fa-bridge-circle-xmark::before {
6598 content: "\e4cb";
6601 .fa-face-grin-tongue::before {
6602 content: "\f589";
6605 .fa-grin-tongue::before {
6606 content: "\f589";
6609 .fa-chess-bishop::before {
6610 content: "\f43a";
6613 .fa-face-grin-wink::before {
6614 content: "\f58c";
6617 .fa-grin-wink::before {
6618 content: "\f58c";
6621 .fa-ear-deaf::before {
6622 content: "\f2a4";
6625 .fa-deaf::before {
6626 content: "\f2a4";
6629 .fa-deafness::before {
6630 content: "\f2a4";
6633 .fa-hard-of-hearing::before {
6634 content: "\f2a4";
6637 .fa-road-circle-check::before {
6638 content: "\e564";
6641 .fa-dice-five::before {
6642 content: "\f523";
6645 .fa-square-rss::before {
6646 content: "\f143";
6649 .fa-rss-square::before {
6650 content: "\f143";
6653 .fa-land-mine-on::before {
6654 content: "\e51b";
6657 .fa-i-cursor::before {
6658 content: "\f246";
6661 .fa-stamp::before {
6662 content: "\f5bf";
6665 .fa-stairs::before {
6666 content: "\e289";
6669 .fa-i::before {
6670 content: "I";
6673 .fa-hryvnia-sign::before {
6674 content: "\f6f2";
6677 .fa-hryvnia::before {
6678 content: "\f6f2";
6681 .fa-pills::before {
6682 content: "\f484";
6685 .fa-face-grin-wide::before {
6686 content: "\f581";
6689 .fa-grin-alt::before {
6690 content: "\f581";
6693 .fa-tooth::before {
6694 content: "\f5c9";
6697 .fa-v::before {
6698 content: "V";
6701 .fa-bangladeshi-taka-sign::before {
6702 content: "\e2e6";
6705 .fa-bicycle::before {
6706 content: "\f206";
6709 .fa-staff-snake::before {
6710 content: "\e579";
6713 .fa-rod-asclepius::before {
6714 content: "\e579";
6717 .fa-rod-snake::before {
6718 content: "\e579";
6721 .fa-staff-aesculapius::before {
6722 content: "\e579";
6725 .fa-head-side-cough-slash::before {
6726 content: "\e062";
6729 .fa-truck-medical::before {
6730 content: "\f0f9";
6733 .fa-ambulance::before {
6734 content: "\f0f9";
6737 .fa-wheat-awn-circle-exclamation::before {
6738 content: "\e598";
6741 .fa-snowman::before {
6742 content: "\f7d0";
6745 .fa-mortar-pestle::before {
6746 content: "\f5a7";
6749 .fa-road-barrier::before {
6750 content: "\e562";
6753 .fa-school::before {
6754 content: "\f549";
6757 .fa-igloo::before {
6758 content: "\f7ae";
6761 .fa-joint::before {
6762 content: "\f595";
6765 .fa-angle-right::before {
6766 content: "\f105";
6769 .fa-horse::before {
6770 content: "\f6f0";
6773 .fa-q::before {
6774 content: "Q";
6777 .fa-g::before {
6778 content: "G";
6781 .fa-notes-medical::before {
6782 content: "\f481";
6785 .fa-temperature-half::before {
6786 content: "\f2c9";
6789 .fa-temperature-2::before {
6790 content: "\f2c9";
6793 .fa-thermometer-2::before {
6794 content: "\f2c9";
6797 .fa-thermometer-half::before {
6798 content: "\f2c9";
6801 .fa-dong-sign::before {
6802 content: "\e169";
6805 .fa-capsules::before {
6806 content: "\f46b";
6809 .fa-poo-storm::before {
6810 content: "\f75a";
6813 .fa-poo-bolt::before {
6814 content: "\f75a";
6817 .fa-face-frown-open::before {
6818 content: "\f57a";
6821 .fa-frown-open::before {
6822 content: "\f57a";
6825 .fa-hand-point-up::before {
6826 content: "\f0a6";
6829 .fa-money-bill::before {
6830 content: "\f0d6";
6833 .fa-bookmark::before {
6834 content: "\f02e";
6837 .fa-align-justify::before {
6838 content: "\f039";
6841 .fa-umbrella-beach::before {
6842 content: "\f5ca";
6845 .fa-helmet-un::before {
6846 content: "\e503";
6849 .fa-bullseye::before {
6850 content: "\f140";
6853 .fa-bacon::before {
6854 content: "\f7e5";
6857 .fa-hand-point-down::before {
6858 content: "\f0a7";
6861 .fa-arrow-up-from-bracket::before {
6862 content: "\e09a";
6865 .fa-folder::before {
6866 content: "\f07b";
6869 .fa-folder-blank::before {
6870 content: "\f07b";
6873 .fa-file-waveform::before {
6874 content: "\f478";
6877 .fa-file-medical-alt::before {
6878 content: "\f478";
6881 .fa-radiation::before {
6882 content: "\f7b9";
6885 .fa-chart-simple::before {
6886 content: "\e473";
6889 .fa-mars-stroke::before {
6890 content: "\f229";
6893 .fa-vial::before {
6894 content: "\f492";
6897 .fa-gauge::before {
6898 content: "\f624";
6901 .fa-dashboard::before {
6902 content: "\f624";
6905 .fa-gauge-med::before {
6906 content: "\f624";
6909 .fa-tachometer-alt-average::before {
6910 content: "\f624";
6913 .fa-wand-magic-sparkles::before {
6914 content: "\e2ca";
6917 .fa-magic-wand-sparkles::before {
6918 content: "\e2ca";
6921 .fa-e::before {
6922 content: "E";
6925 .fa-pen-clip::before {
6926 content: "\f305";
6929 .fa-pen-alt::before {
6930 content: "\f305";
6933 .fa-bridge-circle-exclamation::before {
6934 content: "\e4ca";
6937 .fa-user::before {
6938 content: "\f007";
6941 .fa-school-circle-check::before {
6942 content: "\e56b";
6945 .fa-dumpster::before {
6946 content: "\f793";
6949 .fa-van-shuttle::before {
6950 content: "\f5b6";
6953 .fa-shuttle-van::before {
6954 content: "\f5b6";
6957 .fa-building-user::before {
6958 content: "\e4da";
6961 .fa-square-caret-left::before {
6962 content: "\f191";
6965 .fa-caret-square-left::before {
6966 content: "\f191";
6969 .fa-highlighter::before {
6970 content: "\f591";
6973 .fa-key::before {
6974 content: "\f084";
6977 .fa-bullhorn::before {
6978 content: "\f0a1";
6981 .fa-globe::before {
6982 content: "\f0ac";
6985 .fa-synagogue::before {
6986 content: "\f69b";
6989 .fa-person-half-dress::before {
6990 content: "\e548";
6993 .fa-road-bridge::before {
6994 content: "\e563";
6997 .fa-location-arrow::before {
6998 content: "\f124";
7001 .fa-c::before {
7002 content: "C";
7005 .fa-tablet-button::before {
7006 content: "\f10a";
7009 .fa-building-lock::before {
7010 content: "\e4d6";
7013 .fa-pizza-slice::before {
7014 content: "\f818";
7017 .fa-money-bill-wave::before {
7018 content: "\f53a";
7021 .fa-chart-area::before {
7022 content: "\f1fe";
7025 .fa-area-chart::before {
7026 content: "\f1fe";
7029 .fa-house-flag::before {
7030 content: "\e50d";
7033 .fa-person-circle-minus::before {
7034 content: "\e540";
7037 .fa-ban::before {
7038 content: "\f05e";
7041 .fa-cancel::before {
7042 content: "\f05e";
7045 .fa-camera-rotate::before {
7046 content: "\e0d8";
7049 .fa-spray-can-sparkles::before {
7050 content: "\f5d0";
7053 .fa-air-freshener::before {
7054 content: "\f5d0";
7057 .fa-star::before {
7058 content: "\f005";
7061 .fa-repeat::before {
7062 content: "\f363";
7065 .fa-cross::before {
7066 content: "\f654";
7069 .fa-box::before {
7070 content: "\f466";
7073 .fa-venus-mars::before {
7074 content: "\f228";
7077 .fa-arrow-pointer::before {
7078 content: "\f245";
7081 .fa-mouse-pointer::before {
7082 content: "\f245";
7085 .fa-maximize::before {
7086 content: "\f31e";
7089 .fa-expand-arrows-alt::before {
7090 content: "\f31e";
7093 .fa-charging-station::before {
7094 content: "\f5e7";
7097 .fa-shapes::before {
7098 content: "\f61f";
7101 .fa-triangle-circle-square::before {
7102 content: "\f61f";
7105 .fa-shuffle::before {
7106 content: "\f074";
7109 .fa-random::before {
7110 content: "\f074";
7113 .fa-person-running::before {
7114 content: "\f70c";
7117 .fa-running::before {
7118 content: "\f70c";
7121 .fa-mobile-retro::before {
7122 content: "\e527";
7125 .fa-grip-lines-vertical::before {
7126 content: "\f7a5";
7129 .fa-spider::before {
7130 content: "\f717";
7133 .fa-hands-bound::before {
7134 content: "\e4f9";
7137 .fa-file-invoice-dollar::before {
7138 content: "\f571";
7141 .fa-plane-circle-exclamation::before {
7142 content: "\e556";
7145 .fa-x-ray::before {
7146 content: "\f497";
7149 .fa-spell-check::before {
7150 content: "\f891";
7153 .fa-slash::before {
7154 content: "\f715";
7157 .fa-computer-mouse::before {
7158 content: "\f8cc";
7161 .fa-mouse::before {
7162 content: "\f8cc";
7165 .fa-arrow-right-to-bracket::before {
7166 content: "\f090";
7169 .fa-sign-in::before {
7170 content: "\f090";
7173 .fa-shop-slash::before {
7174 content: "\e070";
7177 .fa-store-alt-slash::before {
7178 content: "\e070";
7181 .fa-server::before {
7182 content: "\f233";
7185 .fa-virus-covid-slash::before {
7186 content: "\e4a9";
7189 .fa-shop-lock::before {
7190 content: "\e4a5";
7193 .fa-hourglass-start::before {
7194 content: "\f251";
7197 .fa-hourglass-1::before {
7198 content: "\f251";
7201 .fa-blender-phone::before {
7202 content: "\f6b6";
7205 .fa-building-wheat::before {
7206 content: "\e4db";
7209 .fa-person-breastfeeding::before {
7210 content: "\e53a";
7213 .fa-right-to-bracket::before {
7214 content: "\f2f6";
7217 .fa-sign-in-alt::before {
7218 content: "\f2f6";
7221 .fa-venus::before {
7222 content: "\f221";
7225 .fa-passport::before {
7226 content: "\f5ab";
7229 .fa-heart-pulse::before {
7230 content: "\f21e";
7233 .fa-heartbeat::before {
7234 content: "\f21e";
7237 .fa-people-carry-box::before {
7238 content: "\f4ce";
7241 .fa-people-carry::before {
7242 content: "\f4ce";
7245 .fa-temperature-high::before {
7246 content: "\f769";
7249 .fa-microchip::before {
7250 content: "\f2db";
7253 .fa-crown::before {
7254 content: "\f521";
7257 .fa-weight-hanging::before {
7258 content: "\f5cd";
7261 .fa-xmarks-lines::before {
7262 content: "\e59a";
7265 .fa-file-prescription::before {
7266 content: "\f572";
7269 .fa-weight-scale::before {
7270 content: "\f496";
7273 .fa-weight::before {
7274 content: "\f496";
7277 .fa-user-group::before {
7278 content: "\f500";
7281 .fa-user-friends::before {
7282 content: "\f500";
7285 .fa-arrow-up-a-z::before {
7286 content: "\f15e";
7289 .fa-sort-alpha-up::before {
7290 content: "\f15e";
7293 .fa-chess-knight::before {
7294 content: "\f441";
7297 .fa-face-laugh-squint::before {
7298 content: "\f59b";
7301 .fa-laugh-squint::before {
7302 content: "\f59b";
7305 .fa-wheelchair::before {
7306 content: "\f193";
7309 .fa-circle-arrow-up::before {
7310 content: "\f0aa";
7313 .fa-arrow-circle-up::before {
7314 content: "\f0aa";
7317 .fa-toggle-on::before {
7318 content: "\f205";
7321 .fa-person-walking::before {
7322 content: "\f554";
7325 .fa-walking::before {
7326 content: "\f554";
7329 .fa-l::before {
7330 content: "L";
7333 .fa-fire::before {
7334 content: "\f06d";
7337 .fa-bed-pulse::before {
7338 content: "\f487";
7341 .fa-procedures::before {
7342 content: "\f487";
7345 .fa-shuttle-space::before {
7346 content: "\f197";
7349 .fa-space-shuttle::before {
7350 content: "\f197";
7353 .fa-face-laugh::before {
7354 content: "\f599";
7357 .fa-laugh::before {
7358 content: "\f599";
7361 .fa-folder-open::before {
7362 content: "\f07c";
7365 .fa-heart-circle-plus::before {
7366 content: "\e500";
7369 .fa-code-fork::before {
7370 content: "\e13b";
7373 .fa-city::before {
7374 content: "\f64f";
7377 .fa-microphone-lines::before {
7378 content: "\f3c9";
7381 .fa-microphone-alt::before {
7382 content: "\f3c9";
7385 .fa-pepper-hot::before {
7386 content: "\f816";
7389 .fa-unlock::before {
7390 content: "\f09c";
7393 .fa-colon-sign::before {
7394 content: "\e140";
7397 .fa-headset::before {
7398 content: "\f590";
7401 .fa-store-slash::before {
7402 content: "\e071";
7405 .fa-road-circle-xmark::before {
7406 content: "\e566";
7409 .fa-user-minus::before {
7410 content: "\f503";
7413 .fa-mars-stroke-up::before {
7414 content: "\f22a";
7417 .fa-mars-stroke-v::before {
7418 content: "\f22a";
7421 .fa-champagne-glasses::before {
7422 content: "\f79f";
7425 .fa-glass-cheers::before {
7426 content: "\f79f";
7429 .fa-clipboard::before {
7430 content: "\f328";
7433 .fa-house-circle-exclamation::before {
7434 content: "\e50a";
7437 .fa-file-arrow-up::before {
7438 content: "\f574";
7441 .fa-file-upload::before {
7442 content: "\f574";
7445 .fa-wifi::before {
7446 content: "\f1eb";
7449 .fa-wifi-3::before {
7450 content: "\f1eb";
7453 .fa-wifi-strong::before {
7454 content: "\f1eb";
7457 .fa-bath::before {
7458 content: "\f2cd";
7461 .fa-bathtub::before {
7462 content: "\f2cd";
7465 .fa-underline::before {
7466 content: "\f0cd";
7469 .fa-user-pen::before {
7470 content: "\f4ff";
7473 .fa-user-edit::before {
7474 content: "\f4ff";
7477 .fa-signature::before {
7478 content: "\f5b7";
7481 .fa-stroopwafel::before {
7482 content: "\f551";
7485 .fa-bold::before {
7486 content: "\f032";
7489 .fa-anchor-lock::before {
7490 content: "\e4ad";
7493 .fa-building-ngo::before {
7494 content: "\e4d7";
7497 .fa-manat-sign::before {
7498 content: "\e1d5";
7501 .fa-not-equal::before {
7502 content: "\f53e";
7505 .fa-border-top-left::before {
7506 content: "\f853";
7509 .fa-border-style::before {
7510 content: "\f853";
7513 .fa-map-location-dot::before {
7514 content: "\f5a0";
7517 .fa-map-marked-alt::before {
7518 content: "\f5a0";
7521 .fa-jedi::before {
7522 content: "\f669";
7525 .fa-square-poll-vertical::before {
7526 content: "\f681";
7529 .fa-poll::before {
7530 content: "\f681";
7533 .fa-mug-hot::before {
7534 content: "\f7b6";
7537 .fa-car-battery::before {
7538 content: "\f5df";
7541 .fa-battery-car::before {
7542 content: "\f5df";
7545 .fa-gift::before {
7546 content: "\f06b";
7549 .fa-dice-two::before {
7550 content: "\f528";
7553 .fa-chess-queen::before {
7554 content: "\f445";
7557 .fa-glasses::before {
7558 content: "\f530";
7561 .fa-chess-board::before {
7562 content: "\f43c";
7565 .fa-building-circle-check::before {
7566 content: "\e4d2";
7569 .fa-person-chalkboard::before {
7570 content: "\e53d";
7573 .fa-mars-stroke-right::before {
7574 content: "\f22b";
7577 .fa-mars-stroke-h::before {
7578 content: "\f22b";
7581 .fa-hand-back-fist::before {
7582 content: "\f255";
7585 .fa-hand-rock::before {
7586 content: "\f255";
7589 .fa-square-caret-up::before {
7590 content: "\f151";
7593 .fa-caret-square-up::before {
7594 content: "\f151";
7597 .fa-cloud-showers-water::before {
7598 content: "\e4e4";
7601 .fa-chart-bar::before {
7602 content: "\f080";
7605 .fa-bar-chart::before {
7606 content: "\f080";
7609 .fa-hands-bubbles::before {
7610 content: "\e05e";
7613 .fa-hands-wash::before {
7614 content: "\e05e";
7617 .fa-less-than-equal::before {
7618 content: "\f537";
7621 .fa-train::before {
7622 content: "\f238";
7625 .fa-eye-low-vision::before {
7626 content: "\f2a8";
7629 .fa-low-vision::before {
7630 content: "\f2a8";
7633 .fa-crow::before {
7634 content: "\f520";
7637 .fa-sailboat::before {
7638 content: "\e445";
7641 .fa-window-restore::before {
7642 content: "\f2d2";
7645 .fa-square-plus::before {
7646 content: "\f0fe";
7649 .fa-plus-square::before {
7650 content: "\f0fe";
7653 .fa-torii-gate::before {
7654 content: "\f6a1";
7657 .fa-frog::before {
7658 content: "\f52e";
7661 .fa-bucket::before {
7662 content: "\e4cf";
7665 .fa-image::before {
7666 content: "\f03e";
7669 .fa-microphone::before {
7670 content: "\f130";
7673 .fa-cow::before {
7674 content: "\f6c8";
7677 .fa-caret-up::before {
7678 content: "\f0d8";
7681 .fa-screwdriver::before {
7682 content: "\f54a";
7685 .fa-folder-closed::before {
7686 content: "\e185";
7689 .fa-house-tsunami::before {
7690 content: "\e515";
7693 .fa-square-nfi::before {
7694 content: "\e576";
7697 .fa-arrow-up-from-ground-water::before {
7698 content: "\e4b5";
7701 .fa-martini-glass::before {
7702 content: "\f57b";
7705 .fa-glass-martini-alt::before {
7706 content: "\f57b";
7709 .fa-rotate-left::before {
7710 content: "\f2ea";
7713 .fa-rotate-back::before {
7714 content: "\f2ea";
7717 .fa-rotate-backward::before {
7718 content: "\f2ea";
7721 .fa-undo-alt::before {
7722 content: "\f2ea";
7725 .fa-table-columns::before {
7726 content: "\f0db";
7729 .fa-columns::before {
7730 content: "\f0db";
7733 .fa-lemon::before {
7734 content: "\f094";
7737 .fa-head-side-mask::before {
7738 content: "\e063";
7741 .fa-handshake::before {
7742 content: "\f2b5";
7745 .fa-gem::before {
7746 content: "\f3a5";
7749 .fa-dolly::before {
7750 content: "\f472";
7753 .fa-dolly-box::before {
7754 content: "\f472";
7757 .fa-smoking::before {
7758 content: "\f48d";
7761 .fa-minimize::before {
7762 content: "\f78c";
7765 .fa-compress-arrows-alt::before {
7766 content: "\f78c";
7769 .fa-monument::before {
7770 content: "\f5a6";
7773 .fa-snowplow::before {
7774 content: "\f7d2";
7777 .fa-angles-right::before {
7778 content: "\f101";
7781 .fa-angle-double-right::before {
7782 content: "\f101";
7785 .fa-cannabis::before {
7786 content: "\f55f";
7789 .fa-circle-play::before {
7790 content: "\f144";
7793 .fa-play-circle::before {
7794 content: "\f144";
7797 .fa-tablets::before {
7798 content: "\f490";
7801 .fa-ethernet::before {
7802 content: "\f796";
7805 .fa-euro-sign::before {
7806 content: "\f153";
7809 .fa-eur::before {
7810 content: "\f153";
7813 .fa-euro::before {
7814 content: "\f153";
7817 .fa-chair::before {
7818 content: "\f6c0";
7821 .fa-circle-check::before {
7822 content: "\f058";
7825 .fa-check-circle::before {
7826 content: "\f058";
7829 .fa-circle-stop::before {
7830 content: "\f28d";
7833 .fa-stop-circle::before {
7834 content: "\f28d";
7837 .fa-compass-drafting::before {
7838 content: "\f568";
7841 .fa-drafting-compass::before {
7842 content: "\f568";
7845 .fa-plate-wheat::before {
7846 content: "\e55a";
7849 .fa-icicles::before {
7850 content: "\f7ad";
7853 .fa-person-shelter::before {
7854 content: "\e54f";
7857 .fa-neuter::before {
7858 content: "\f22c";
7861 .fa-id-badge::before {
7862 content: "\f2c1";
7865 .fa-marker::before {
7866 content: "\f5a1";
7869 .fa-face-laugh-beam::before {
7870 content: "\f59a";
7873 .fa-laugh-beam::before {
7874 content: "\f59a";
7877 .fa-helicopter-symbol::before {
7878 content: "\e502";
7881 .fa-universal-access::before {
7882 content: "\f29a";
7885 .fa-circle-chevron-up::before {
7886 content: "\f139";
7889 .fa-chevron-circle-up::before {
7890 content: "\f139";
7893 .fa-lari-sign::before {
7894 content: "\e1c8";
7897 .fa-volcano::before {
7898 content: "\f770";
7901 .fa-person-walking-dashed-line-arrow-right::before {
7902 content: "\e553";
7905 .fa-sterling-sign::before {
7906 content: "\f154";
7909 .fa-gbp::before {
7910 content: "\f154";
7913 .fa-pound-sign::before {
7914 content: "\f154";
7917 .fa-viruses::before {
7918 content: "\e076";
7921 .fa-square-person-confined::before {
7922 content: "\e577";
7925 .fa-user-tie::before {
7926 content: "\f508";
7929 .fa-arrow-down-long::before {
7930 content: "\f175";
7933 .fa-long-arrow-down::before {
7934 content: "\f175";
7937 .fa-tent-arrow-down-to-line::before {
7938 content: "\e57e";
7941 .fa-certificate::before {
7942 content: "\f0a3";
7945 .fa-reply-all::before {
7946 content: "\f122";
7949 .fa-mail-reply-all::before {
7950 content: "\f122";
7953 .fa-suitcase::before {
7954 content: "\f0f2";
7957 .fa-person-skating::before {
7958 content: "\f7c5";
7961 .fa-skating::before {
7962 content: "\f7c5";
7965 .fa-filter-circle-dollar::before {
7966 content: "\f662";
7969 .fa-funnel-dollar::before {
7970 content: "\f662";
7973 .fa-camera-retro::before {
7974 content: "\f083";
7977 .fa-circle-arrow-down::before {
7978 content: "\f0ab";
7981 .fa-arrow-circle-down::before {
7982 content: "\f0ab";
7985 .fa-file-import::before {
7986 content: "\f56f";
7989 .fa-arrow-right-to-file::before {
7990 content: "\f56f";
7993 .fa-square-arrow-up-right::before {
7994 content: "\f14c";
7997 .fa-external-link-square::before {
7998 content: "\f14c";
8001 .fa-box-open::before {
8002 content: "\f49e";
8005 .fa-scroll::before {
8006 content: "\f70e";
8009 .fa-spa::before {
8010 content: "\f5bb";
8013 .fa-location-pin-lock::before {
8014 content: "\e51f";
8017 .fa-pause::before {
8018 content: "\f04c";
8021 .fa-hill-avalanche::before {
8022 content: "\e507";
8025 .fa-temperature-empty::before {
8026 content: "\f2cb";
8029 .fa-temperature-0::before {
8030 content: "\f2cb";
8033 .fa-thermometer-0::before {
8034 content: "\f2cb";
8037 .fa-thermometer-empty::before {
8038 content: "\f2cb";
8041 .fa-bomb::before {
8042 content: "\f1e2";
8045 .fa-registered::before {
8046 content: "\f25d";
8049 .fa-address-card::before {
8050 content: "\f2bb";
8053 .fa-contact-card::before {
8054 content: "\f2bb";
8057 .fa-vcard::before {
8058 content: "\f2bb";
8061 .fa-scale-unbalanced-flip::before {
8062 content: "\f516";
8065 .fa-balance-scale-right::before {
8066 content: "\f516";
8069 .fa-subscript::before {
8070 content: "\f12c";
8073 .fa-diamond-turn-right::before {
8074 content: "\f5eb";
8077 .fa-directions::before {
8078 content: "\f5eb";
8081 .fa-burst::before {
8082 content: "\e4dc";
8085 .fa-house-laptop::before {
8086 content: "\e066";
8089 .fa-laptop-house::before {
8090 content: "\e066";
8093 .fa-face-tired::before {
8094 content: "\f5c8";
8097 .fa-tired::before {
8098 content: "\f5c8";
8101 .fa-money-bills::before {
8102 content: "\e1f3";
8105 .fa-smog::before {
8106 content: "\f75f";
8109 .fa-crutch::before {
8110 content: "\f7f7";
8113 .fa-cloud-arrow-up::before {
8114 content: "\f0ee";
8117 .fa-cloud-upload::before {
8118 content: "\f0ee";
8121 .fa-cloud-upload-alt::before {
8122 content: "\f0ee";
8125 .fa-palette::before {
8126 content: "\f53f";
8129 .fa-arrows-turn-right::before {
8130 content: "\e4c0";
8133 .fa-vest::before {
8134 content: "\e085";
8137 .fa-ferry::before {
8138 content: "\e4ea";
8141 .fa-arrows-down-to-people::before {
8142 content: "\e4b9";
8145 .fa-seedling::before {
8146 content: "\f4d8";
8149 .fa-sprout::before {
8150 content: "\f4d8";
8153 .fa-left-right::before {
8154 content: "\f337";
8157 .fa-arrows-alt-h::before {
8158 content: "\f337";
8161 .fa-boxes-packing::before {
8162 content: "\e4c7";
8165 .fa-circle-arrow-left::before {
8166 content: "\f0a8";
8169 .fa-arrow-circle-left::before {
8170 content: "\f0a8";
8173 .fa-group-arrows-rotate::before {
8174 content: "\e4f6";
8177 .fa-bowl-food::before {
8178 content: "\e4c6";
8181 .fa-candy-cane::before {
8182 content: "\f786";
8185 .fa-arrow-down-wide-short::before {
8186 content: "\f160";
8189 .fa-sort-amount-asc::before {
8190 content: "\f160";
8193 .fa-sort-amount-down::before {
8194 content: "\f160";
8197 .fa-cloud-bolt::before {
8198 content: "\f76c";
8201 .fa-thunderstorm::before {
8202 content: "\f76c";
8205 .fa-text-slash::before {
8206 content: "\f87d";
8209 .fa-remove-format::before {
8210 content: "\f87d";
8213 .fa-face-smile-wink::before {
8214 content: "\f4da";
8217 .fa-smile-wink::before {
8218 content: "\f4da";
8221 .fa-file-word::before {
8222 content: "\f1c2";
8225 .fa-file-powerpoint::before {
8226 content: "\f1c4";
8229 .fa-arrows-left-right::before {
8230 content: "\f07e";
8233 .fa-arrows-h::before {
8234 content: "\f07e";
8237 .fa-house-lock::before {
8238 content: "\e510";
8241 .fa-cloud-arrow-down::before {
8242 content: "\f0ed";
8245 .fa-cloud-download::before {
8246 content: "\f0ed";
8249 .fa-cloud-download-alt::before {
8250 content: "\f0ed";
8253 .fa-children::before {
8254 content: "\e4e1";
8257 .fa-chalkboard::before {
8258 content: "\f51b";
8261 .fa-blackboard::before {
8262 content: "\f51b";
8265 .fa-user-large-slash::before {
8266 content: "\f4fa";
8269 .fa-user-alt-slash::before {
8270 content: "\f4fa";
8273 .fa-envelope-open::before {
8274 content: "\f2b6";
8277 .fa-handshake-simple-slash::before {
8278 content: "\e05f";
8281 .fa-handshake-alt-slash::before {
8282 content: "\e05f";
8285 .fa-mattress-pillow::before {
8286 content: "\e525";
8289 .fa-guarani-sign::before {
8290 content: "\e19a";
8293 .fa-arrows-rotate::before {
8294 content: "\f021";
8297 .fa-refresh::before {
8298 content: "\f021";
8301 .fa-sync::before {
8302 content: "\f021";
8305 .fa-fire-extinguisher::before {
8306 content: "\f134";
8309 .fa-cruzeiro-sign::before {
8310 content: "\e152";
8313 .fa-greater-than-equal::before {
8314 content: "\f532";
8317 .fa-shield-halved::before {
8318 content: "\f3ed";
8321 .fa-shield-alt::before {
8322 content: "\f3ed";
8325 .fa-book-atlas::before {
8326 content: "\f558";
8329 .fa-atlas::before {
8330 content: "\f558";
8333 .fa-virus::before {
8334 content: "\e074";
8337 .fa-envelope-circle-check::before {
8338 content: "\e4e8";
8341 .fa-layer-group::before {
8342 content: "\f5fd";
8345 .fa-arrows-to-dot::before {
8346 content: "\e4be";
8349 .fa-archway::before {
8350 content: "\f557";
8353 .fa-heart-circle-check::before {
8354 content: "\e4fd";
8357 .fa-house-chimney-crack::before {
8358 content: "\f6f1";
8361 .fa-house-damage::before {
8362 content: "\f6f1";
8365 .fa-file-zipper::before {
8366 content: "\f1c6";
8369 .fa-file-archive::before {
8370 content: "\f1c6";
8373 .fa-square::before {
8374 content: "\f0c8";
8377 .fa-martini-glass-empty::before {
8378 content: "\f000";
8381 .fa-glass-martini::before {
8382 content: "\f000";
8385 .fa-couch::before {
8386 content: "\f4b8";
8389 .fa-cedi-sign::before {
8390 content: "\e0df";
8393 .fa-italic::before {
8394 content: "\f033";
8397 .fa-church::before {
8398 content: "\f51d";
8401 .fa-comments-dollar::before {
8402 content: "\f653";
8405 .fa-democrat::before {
8406 content: "\f747";
8409 .fa-z::before {
8410 content: "Z";
8413 .fa-person-skiing::before {
8414 content: "\f7c9";
8417 .fa-skiing::before {
8418 content: "\f7c9";
8421 .fa-road-lock::before {
8422 content: "\e567";
8425 .fa-a::before {
8426 content: "A";
8429 .fa-temperature-arrow-down::before {
8430 content: "\e03f";
8433 .fa-temperature-down::before {
8434 content: "\e03f";
8437 .fa-feather-pointed::before {
8438 content: "\f56b";
8441 .fa-feather-alt::before {
8442 content: "\f56b";
8445 .fa-p::before {
8446 content: "P";
8449 .fa-snowflake::before {
8450 content: "\f2dc";
8453 .fa-newspaper::before {
8454 content: "\f1ea";
8457 .fa-rectangle-ad::before {
8458 content: "\f641";
8461 .fa-ad::before {
8462 content: "\f641";
8465 .fa-circle-arrow-right::before {
8466 content: "\f0a9";
8469 .fa-arrow-circle-right::before {
8470 content: "\f0a9";
8473 .fa-filter-circle-xmark::before {
8474 content: "\e17b";
8477 .fa-locust::before {
8478 content: "\e520";
8481 .fa-sort::before {
8482 content: "\f0dc";
8485 .fa-unsorted::before {
8486 content: "\f0dc";
8489 .fa-list-ol::before {
8490 content: "\f0cb";
8493 .fa-list-1-2::before {
8494 content: "\f0cb";
8497 .fa-list-numeric::before {
8498 content: "\f0cb";
8501 .fa-person-dress-burst::before {
8502 content: "\e544";
8505 .fa-money-check-dollar::before {
8506 content: "\f53d";
8509 .fa-money-check-alt::before {
8510 content: "\f53d";
8513 .fa-vector-square::before {
8514 content: "\f5cb";
8517 .fa-bread-slice::before {
8518 content: "\f7ec";
8521 .fa-language::before {
8522 content: "\f1ab";
8525 .fa-face-kiss-wink-heart::before {
8526 content: "\f598";
8529 .fa-kiss-wink-heart::before {
8530 content: "\f598";
8533 .fa-filter::before {
8534 content: "\f0b0";
8537 .fa-question::before {
8538 content: "\?";
8541 .fa-file-signature::before {
8542 content: "\f573";
8545 .fa-up-down-left-right::before {
8546 content: "\f0b2";
8549 .fa-arrows-alt::before {
8550 content: "\f0b2";
8553 .fa-house-chimney-user::before {
8554 content: "\e065";
8557 .fa-hand-holding-heart::before {
8558 content: "\f4be";
8561 .fa-puzzle-piece::before {
8562 content: "\f12e";
8565 .fa-money-check::before {
8566 content: "\f53c";
8569 .fa-star-half-stroke::before {
8570 content: "\f5c0";
8573 .fa-star-half-alt::before {
8574 content: "\f5c0";
8577 .fa-code::before {
8578 content: "\f121";
8581 .fa-whiskey-glass::before {
8582 content: "\f7a0";
8585 .fa-glass-whiskey::before {
8586 content: "\f7a0";
8589 .fa-building-circle-exclamation::before {
8590 content: "\e4d3";
8593 .fa-magnifying-glass-chart::before {
8594 content: "\e522";
8597 .fa-arrow-up-right-from-square::before {
8598 content: "\f08e";
8601 .fa-external-link::before {
8602 content: "\f08e";
8605 .fa-cubes-stacked::before {
8606 content: "\e4e6";
8609 .fa-won-sign::before {
8610 content: "\f159";
8613 .fa-krw::before {
8614 content: "\f159";
8617 .fa-won::before {
8618 content: "\f159";
8621 .fa-virus-covid::before {
8622 content: "\e4a8";
8625 .fa-austral-sign::before {
8626 content: "\e0a9";
8629 .fa-f::before {
8630 content: "F";
8633 .fa-leaf::before {
8634 content: "\f06c";
8637 .fa-road::before {
8638 content: "\f018";
8641 .fa-taxi::before {
8642 content: "\f1ba";
8645 .fa-cab::before {
8646 content: "\f1ba";
8649 .fa-person-circle-plus::before {
8650 content: "\e541";
8653 .fa-chart-pie::before {
8654 content: "\f200";
8657 .fa-pie-chart::before {
8658 content: "\f200";
8661 .fa-bolt-lightning::before {
8662 content: "\e0b7";
8665 .fa-sack-xmark::before {
8666 content: "\e56a";
8669 .fa-file-excel::before {
8670 content: "\f1c3";
8673 .fa-file-contract::before {
8674 content: "\f56c";
8677 .fa-fish-fins::before {
8678 content: "\e4f2";
8681 .fa-building-flag::before {
8682 content: "\e4d5";
8685 .fa-face-grin-beam::before {
8686 content: "\f582";
8689 .fa-grin-beam::before {
8690 content: "\f582";
8693 .fa-object-ungroup::before {
8694 content: "\f248";
8697 .fa-poop::before {
8698 content: "\f619";
8701 .fa-location-pin::before {
8702 content: "\f041";
8705 .fa-map-marker::before {
8706 content: "\f041";
8709 .fa-kaaba::before {
8710 content: "\f66b";
8713 .fa-toilet-paper::before {
8714 content: "\f71e";
8717 .fa-helmet-safety::before {
8718 content: "\f807";
8721 .fa-hard-hat::before {
8722 content: "\f807";
8725 .fa-hat-hard::before {
8726 content: "\f807";
8729 .fa-eject::before {
8730 content: "\f052";
8733 .fa-circle-right::before {
8734 content: "\f35a";
8737 .fa-arrow-alt-circle-right::before {
8738 content: "\f35a";
8741 .fa-plane-circle-check::before {
8742 content: "\e555";
8745 .fa-face-rolling-eyes::before {
8746 content: "\f5a5";
8749 .fa-meh-rolling-eyes::before {
8750 content: "\f5a5";
8753 .fa-object-group::before {
8754 content: "\f247";
8757 .fa-chart-line::before {
8758 content: "\f201";
8761 .fa-line-chart::before {
8762 content: "\f201";
8765 .fa-mask-ventilator::before {
8766 content: "\e524";
8769 .fa-arrow-right::before {
8770 content: "\f061";
8773 .fa-signs-post::before {
8774 content: "\f277";
8777 .fa-map-signs::before {
8778 content: "\f277";
8781 .fa-cash-register::before {
8782 content: "\f788";
8785 .fa-person-circle-question::before {
8786 content: "\e542";
8789 .fa-h::before {
8790 content: "H";
8793 .fa-tarp::before {
8794 content: "\e57b";
8797 .fa-screwdriver-wrench::before {
8798 content: "\f7d9";
8801 .fa-tools::before {
8802 content: "\f7d9";
8805 .fa-arrows-to-eye::before {
8806 content: "\e4bf";
8809 .fa-plug-circle-bolt::before {
8810 content: "\e55b";
8813 .fa-heart::before {
8814 content: "\f004";
8817 .fa-mars-and-venus::before {
8818 content: "\f224";
8821 .fa-house-user::before {
8822 content: "\e1b0";
8825 .fa-home-user::before {
8826 content: "\e1b0";
8829 .fa-dumpster-fire::before {
8830 content: "\f794";
8833 .fa-house-crack::before {
8834 content: "\e3b1";
8837 .fa-martini-glass-citrus::before {
8838 content: "\f561";
8841 .fa-cocktail::before {
8842 content: "\f561";
8845 .fa-face-surprise::before {
8846 content: "\f5c2";
8849 .fa-surprise::before {
8850 content: "\f5c2";
8853 .fa-bottle-water::before {
8854 content: "\e4c5";
8857 .fa-circle-pause::before {
8858 content: "\f28b";
8861 .fa-pause-circle::before {
8862 content: "\f28b";
8865 .fa-toilet-paper-slash::before {
8866 content: "\e072";
8869 .fa-apple-whole::before {
8870 content: "\f5d1";
8873 .fa-apple-alt::before {
8874 content: "\f5d1";
8877 .fa-kitchen-set::before {
8878 content: "\e51a";
8881 .fa-r::before {
8882 content: "R";
8885 .fa-temperature-quarter::before {
8886 content: "\f2ca";
8889 .fa-temperature-1::before {
8890 content: "\f2ca";
8893 .fa-thermometer-1::before {
8894 content: "\f2ca";
8897 .fa-thermometer-quarter::before {
8898 content: "\f2ca";
8901 .fa-cube::before {
8902 content: "\f1b2";
8905 .fa-bitcoin-sign::before {
8906 content: "\e0b4";
8909 .fa-shield-dog::before {
8910 content: "\e573";
8913 .fa-solar-panel::before {
8914 content: "\f5ba";
8917 .fa-lock-open::before {
8918 content: "\f3c1";
8921 .fa-elevator::before {
8922 content: "\e16d";
8925 .fa-money-bill-transfer::before {
8926 content: "\e528";
8929 .fa-money-bill-trend-up::before {
8930 content: "\e529";
8933 .fa-house-flood-water-circle-arrow-right::before {
8934 content: "\e50f";
8937 .fa-square-poll-horizontal::before {
8938 content: "\f682";
8941 .fa-poll-h::before {
8942 content: "\f682";
8945 .fa-circle::before {
8946 content: "\f111";
8949 .fa-backward-fast::before {
8950 content: "\f049";
8953 .fa-fast-backward::before {
8954 content: "\f049";
8957 .fa-recycle::before {
8958 content: "\f1b8";
8961 .fa-user-astronaut::before {
8962 content: "\f4fb";
8965 .fa-plane-slash::before {
8966 content: "\e069";
8969 .fa-trademark::before {
8970 content: "\f25c";
8973 .fa-basketball::before {
8974 content: "\f434";
8977 .fa-basketball-ball::before {
8978 content: "\f434";
8981 .fa-satellite-dish::before {
8982 content: "\f7c0";
8985 .fa-circle-up::before {
8986 content: "\f35b";
8989 .fa-arrow-alt-circle-up::before {
8990 content: "\f35b";
8993 .fa-mobile-screen-button::before {
8994 content: "\f3cd";
8997 .fa-mobile-alt::before {
8998 content: "\f3cd";
9001 .fa-volume-high::before {
9002 content: "\f028";
9005 .fa-volume-up::before {
9006 content: "\f028";
9009 .fa-users-rays::before {
9010 content: "\e593";
9013 .fa-wallet::before {
9014 content: "\f555";
9017 .fa-clipboard-check::before {
9018 content: "\f46c";
9021 .fa-file-audio::before {
9022 content: "\f1c7";
9025 .fa-burger::before {
9026 content: "\f805";
9029 .fa-hamburger::before {
9030 content: "\f805";
9033 .fa-wrench::before {
9034 content: "\f0ad";
9037 .fa-bugs::before {
9038 content: "\e4d0";
9041 .fa-rupee-sign::before {
9042 content: "\f156";
9045 .fa-rupee::before {
9046 content: "\f156";
9049 .fa-file-image::before {
9050 content: "\f1c5";
9053 .fa-circle-question::before {
9054 content: "\f059";
9057 .fa-question-circle::before {
9058 content: "\f059";
9061 .fa-plane-departure::before {
9062 content: "\f5b0";
9065 .fa-handshake-slash::before {
9066 content: "\e060";
9069 .fa-book-bookmark::before {
9070 content: "\e0bb";
9073 .fa-code-branch::before {
9074 content: "\f126";
9077 .fa-hat-cowboy::before {
9078 content: "\f8c0";
9081 .fa-bridge::before {
9082 content: "\e4c8";
9085 .fa-phone-flip::before {
9086 content: "\f879";
9089 .fa-phone-alt::before {
9090 content: "\f879";
9093 .fa-truck-front::before {
9094 content: "\e2b7";
9097 .fa-cat::before {
9098 content: "\f6be";
9101 .fa-anchor-circle-exclamation::before {
9102 content: "\e4ab";
9105 .fa-truck-field::before {
9106 content: "\e58d";
9109 .fa-route::before {
9110 content: "\f4d7";
9113 .fa-clipboard-question::before {
9114 content: "\e4e3";
9117 .fa-panorama::before {
9118 content: "\e209";
9121 .fa-comment-medical::before {
9122 content: "\f7f5";
9125 .fa-teeth-open::before {
9126 content: "\f62f";
9129 .fa-file-circle-minus::before {
9130 content: "\e4ed";
9133 .fa-tags::before {
9134 content: "\f02c";
9137 .fa-wine-glass::before {
9138 content: "\f4e3";
9141 .fa-forward-fast::before {
9142 content: "\f050";
9145 .fa-fast-forward::before {
9146 content: "\f050";
9149 .fa-face-meh-blank::before {
9150 content: "\f5a4";
9153 .fa-meh-blank::before {
9154 content: "\f5a4";
9157 .fa-square-parking::before {
9158 content: "\f540";
9161 .fa-parking::before {
9162 content: "\f540";
9165 .fa-house-signal::before {
9166 content: "\e012";
9169 .fa-bars-progress::before {
9170 content: "\f828";
9173 .fa-tasks-alt::before {
9174 content: "\f828";
9177 .fa-faucet-drip::before {
9178 content: "\e006";
9181 .fa-cart-flatbed::before {
9182 content: "\f474";
9185 .fa-dolly-flatbed::before {
9186 content: "\f474";
9189 .fa-ban-smoking::before {
9190 content: "\f54d";
9193 .fa-smoking-ban::before {
9194 content: "\f54d";
9197 .fa-terminal::before {
9198 content: "\f120";
9201 .fa-mobile-button::before {
9202 content: "\f10b";
9205 .fa-house-medical-flag::before {
9206 content: "\e514";
9209 .fa-basket-shopping::before {
9210 content: "\f291";
9213 .fa-shopping-basket::before {
9214 content: "\f291";
9217 .fa-tape::before {
9218 content: "\f4db";
9221 .fa-bus-simple::before {
9222 content: "\f55e";
9225 .fa-bus-alt::before {
9226 content: "\f55e";
9229 .fa-eye::before {
9230 content: "\f06e";
9233 .fa-face-sad-cry::before {
9234 content: "\f5b3";
9237 .fa-sad-cry::before {
9238 content: "\f5b3";
9241 .fa-audio-description::before {
9242 content: "\f29e";
9245 .fa-person-military-to-person::before {
9246 content: "\e54c";
9249 .fa-file-shield::before {
9250 content: "\e4f0";
9253 .fa-user-slash::before {
9254 content: "\f506";
9257 .fa-pen::before {
9258 content: "\f304";
9261 .fa-tower-observation::before {
9262 content: "\e586";
9265 .fa-file-code::before {
9266 content: "\f1c9";
9269 .fa-signal::before {
9270 content: "\f012";
9273 .fa-signal-5::before {
9274 content: "\f012";
9277 .fa-signal-perfect::before {
9278 content: "\f012";
9281 .fa-bus::before {
9282 content: "\f207";
9285 .fa-heart-circle-xmark::before {
9286 content: "\e501";
9289 .fa-house-chimney::before {
9290 content: "\e3af";
9293 .fa-home-lg::before {
9294 content: "\e3af";
9297 .fa-window-maximize::before {
9298 content: "\f2d0";
9301 .fa-face-frown::before {
9302 content: "\f119";
9305 .fa-frown::before {
9306 content: "\f119";
9309 .fa-prescription::before {
9310 content: "\f5b1";
9313 .fa-shop::before {
9314 content: "\f54f";
9317 .fa-store-alt::before {
9318 content: "\f54f";
9321 .fa-floppy-disk::before {
9322 content: "\f0c7";
9325 .fa-save::before {
9326 content: "\f0c7";
9329 .fa-vihara::before {
9330 content: "\f6a7";
9333 .fa-scale-unbalanced::before {
9334 content: "\f515";
9337 .fa-balance-scale-left::before {
9338 content: "\f515";
9341 .fa-sort-up::before {
9342 content: "\f0de";
9345 .fa-sort-asc::before {
9346 content: "\f0de";
9349 .fa-comment-dots::before {
9350 content: "\f4ad";
9353 .fa-commenting::before {
9354 content: "\f4ad";
9357 .fa-plant-wilt::before {
9358 content: "\e5aa";
9361 .fa-diamond::before {
9362 content: "\f219";
9365 .fa-face-grin-squint::before {
9366 content: "\f585";
9369 .fa-grin-squint::before {
9370 content: "\f585";
9373 .fa-hand-holding-dollar::before {
9374 content: "\f4c0";
9377 .fa-hand-holding-usd::before {
9378 content: "\f4c0";
9381 .fa-bacterium::before {
9382 content: "\e05a";
9385 .fa-hand-pointer::before {
9386 content: "\f25a";
9389 .fa-drum-steelpan::before {
9390 content: "\f56a";
9393 .fa-hand-scissors::before {
9394 content: "\f257";
9397 .fa-hands-praying::before {
9398 content: "\f684";
9401 .fa-praying-hands::before {
9402 content: "\f684";
9405 .fa-arrow-rotate-right::before {
9406 content: "\f01e";
9409 .fa-arrow-right-rotate::before {
9410 content: "\f01e";
9413 .fa-arrow-rotate-forward::before {
9414 content: "\f01e";
9417 .fa-redo::before {
9418 content: "\f01e";
9421 .fa-biohazard::before {
9422 content: "\f780";
9425 .fa-location-crosshairs::before {
9426 content: "\f601";
9429 .fa-location::before {
9430 content: "\f601";
9433 .fa-mars-double::before {
9434 content: "\f227";
9437 .fa-child-dress::before {
9438 content: "\e59c";
9441 .fa-users-between-lines::before {
9442 content: "\e591";
9445 .fa-lungs-virus::before {
9446 content: "\e067";
9449 .fa-face-grin-tears::before {
9450 content: "\f588";
9453 .fa-grin-tears::before {
9454 content: "\f588";
9457 .fa-phone::before {
9458 content: "\f095";
9461 .fa-calendar-xmark::before {
9462 content: "\f273";
9465 .fa-calendar-times::before {
9466 content: "\f273";
9469 .fa-child-reaching::before {
9470 content: "\e59d";
9473 .fa-head-side-virus::before {
9474 content: "\e064";
9477 .fa-user-gear::before {
9478 content: "\f4fe";
9481 .fa-user-cog::before {
9482 content: "\f4fe";
9485 .fa-arrow-up-1-9::before {
9486 content: "\f163";
9489 .fa-sort-numeric-up::before {
9490 content: "\f163";
9493 .fa-door-closed::before {
9494 content: "\f52a";
9497 .fa-shield-virus::before {
9498 content: "\e06c";
9501 .fa-dice-six::before {
9502 content: "\f526";
9505 .fa-mosquito-net::before {
9506 content: "\e52c";
9509 .fa-bridge-water::before {
9510 content: "\e4ce";
9513 .fa-person-booth::before {
9514 content: "\f756";
9517 .fa-text-width::before {
9518 content: "\f035";
9521 .fa-hat-wizard::before {
9522 content: "\f6e8";
9525 .fa-pen-fancy::before {
9526 content: "\f5ac";
9529 .fa-person-digging::before {
9530 content: "\f85e";
9533 .fa-digging::before {
9534 content: "\f85e";
9537 .fa-trash::before {
9538 content: "\f1f8";
9541 .fa-gauge-simple::before {
9542 content: "\f629";
9545 .fa-gauge-simple-med::before {
9546 content: "\f629";
9549 .fa-tachometer-average::before {
9550 content: "\f629";
9553 .fa-book-medical::before {
9554 content: "\f7e6";
9557 .fa-poo::before {
9558 content: "\f2fe";
9561 .fa-quote-right::before {
9562 content: "\f10e";
9565 .fa-quote-right-alt::before {
9566 content: "\f10e";
9569 .fa-shirt::before {
9570 content: "\f553";
9573 .fa-t-shirt::before {
9574 content: "\f553";
9577 .fa-tshirt::before {
9578 content: "\f553";
9581 .fa-cubes::before {
9582 content: "\f1b3";
9585 .fa-divide::before {
9586 content: "\f529";
9589 .fa-tenge-sign::before {
9590 content: "\f7d7";
9593 .fa-tenge::before {
9594 content: "\f7d7";
9597 .fa-headphones::before {
9598 content: "\f025";
9601 .fa-hands-holding::before {
9602 content: "\f4c2";
9605 .fa-hands-clapping::before {
9606 content: "\e1a8";
9609 .fa-republican::before {
9610 content: "\f75e";
9613 .fa-arrow-left::before {
9614 content: "\f060";
9617 .fa-person-circle-xmark::before {
9618 content: "\e543";
9621 .fa-ruler::before {
9622 content: "\f545";
9625 .fa-align-left::before {
9626 content: "\f036";
9629 .fa-dice-d6::before {
9630 content: "\f6d1";
9633 .fa-restroom::before {
9634 content: "\f7bd";
9637 .fa-j::before {
9638 content: "J";
9641 .fa-users-viewfinder::before {
9642 content: "\e595";
9645 .fa-file-video::before {
9646 content: "\f1c8";
9649 .fa-up-right-from-square::before {
9650 content: "\f35d";
9653 .fa-external-link-alt::before {
9654 content: "\f35d";
9657 .fa-table-cells::before {
9658 content: "\f00a";
9661 .fa-th::before {
9662 content: "\f00a";
9665 .fa-file-pdf::before {
9666 content: "\f1c1";
9669 .fa-book-bible::before {
9670 content: "\f647";
9673 .fa-bible::before {
9674 content: "\f647";
9677 .fa-o::before {
9678 content: "O";
9681 .fa-suitcase-medical::before {
9682 content: "\f0fa";
9685 .fa-medkit::before {
9686 content: "\f0fa";
9689 .fa-user-secret::before {
9690 content: "\f21b";
9693 .fa-otter::before {
9694 content: "\f700";
9697 .fa-person-dress::before {
9698 content: "\f182";
9701 .fa-female::before {
9702 content: "\f182";
9705 .fa-comment-dollar::before {
9706 content: "\f651";
9709 .fa-business-time::before {
9710 content: "\f64a";
9713 .fa-briefcase-clock::before {
9714 content: "\f64a";
9717 .fa-table-cells-large::before {
9718 content: "\f009";
9721 .fa-th-large::before {
9722 content: "\f009";
9725 .fa-book-tanakh::before {
9726 content: "\f827";
9729 .fa-tanakh::before {
9730 content: "\f827";
9733 .fa-phone-volume::before {
9734 content: "\f2a0";
9737 .fa-volume-control-phone::before {
9738 content: "\f2a0";
9741 .fa-hat-cowboy-side::before {
9742 content: "\f8c1";
9745 .fa-clipboard-user::before {
9746 content: "\f7f3";
9749 .fa-child::before {
9750 content: "\f1ae";
9753 .fa-lira-sign::before {
9754 content: "\f195";
9757 .fa-satellite::before {
9758 content: "\f7bf";
9761 .fa-plane-lock::before {
9762 content: "\e558";
9765 .fa-tag::before {
9766 content: "\f02b";
9769 .fa-comment::before {
9770 content: "\f075";
9773 .fa-cake-candles::before {
9774 content: "\f1fd";
9777 .fa-birthday-cake::before {
9778 content: "\f1fd";
9781 .fa-cake::before {
9782 content: "\f1fd";
9785 .fa-envelope::before {
9786 content: "\f0e0";
9789 .fa-angles-up::before {
9790 content: "\f102";
9793 .fa-angle-double-up::before {
9794 content: "\f102";
9797 .fa-paperclip::before {
9798 content: "\f0c6";
9801 .fa-arrow-right-to-city::before {
9802 content: "\e4b3";
9805 .fa-ribbon::before {
9806 content: "\f4d6";
9809 .fa-lungs::before {
9810 content: "\f604";
9813 .fa-arrow-up-9-1::before {
9814 content: "\f887";
9817 .fa-sort-numeric-up-alt::before {
9818 content: "\f887";
9821 .fa-litecoin-sign::before {
9822 content: "\e1d3";
9825 .fa-border-none::before {
9826 content: "\f850";
9829 .fa-circle-nodes::before {
9830 content: "\e4e2";
9833 .fa-parachute-box::before {
9834 content: "\f4cd";
9837 .fa-indent::before {
9838 content: "\f03c";
9841 .fa-truck-field-un::before {
9842 content: "\e58e";
9845 .fa-hourglass::before {
9846 content: "\f254";
9849 .fa-hourglass-empty::before {
9850 content: "\f254";
9853 .fa-mountain::before {
9854 content: "\f6fc";
9857 .fa-user-doctor::before {
9858 content: "\f0f0";
9861 .fa-user-md::before {
9862 content: "\f0f0";
9865 .fa-circle-info::before {
9866 content: "\f05a";
9869 .fa-info-circle::before {
9870 content: "\f05a";
9873 .fa-cloud-meatball::before {
9874 content: "\f73b";
9877 .fa-camera::before {
9878 content: "\f030";
9881 .fa-camera-alt::before {
9882 content: "\f030";
9885 .fa-square-virus::before {
9886 content: "\e578";
9889 .fa-meteor::before {
9890 content: "\f753";
9893 .fa-car-on::before {
9894 content: "\e4dd";
9897 .fa-sleigh::before {
9898 content: "\f7cc";
9901 .fa-arrow-down-1-9::before {
9902 content: "\f162";
9905 .fa-sort-numeric-asc::before {
9906 content: "\f162";
9909 .fa-sort-numeric-down::before {
9910 content: "\f162";
9913 .fa-hand-holding-droplet::before {
9914 content: "\f4c1";
9917 .fa-hand-holding-water::before {
9918 content: "\f4c1";
9921 .fa-water::before {
9922 content: "\f773";
9925 .fa-calendar-check::before {
9926 content: "\f274";
9929 .fa-braille::before {
9930 content: "\f2a1";
9933 .fa-prescription-bottle-medical::before {
9934 content: "\f486";
9937 .fa-prescription-bottle-alt::before {
9938 content: "\f486";
9941 .fa-landmark::before {
9942 content: "\f66f";
9945 .fa-truck::before {
9946 content: "\f0d1";
9949 .fa-crosshairs::before {
9950 content: "\f05b";
9953 .fa-person-cane::before {
9954 content: "\e53c";
9957 .fa-tent::before {
9958 content: "\e57d";
9961 .fa-vest-patches::before {
9962 content: "\e086";
9965 .fa-check-double::before {
9966 content: "\f560";
9969 .fa-arrow-down-a-z::before {
9970 content: "\f15d";
9973 .fa-sort-alpha-asc::before {
9974 content: "\f15d";
9977 .fa-sort-alpha-down::before {
9978 content: "\f15d";
9981 .fa-money-bill-wheat::before {
9982 content: "\e52a";
9985 .fa-cookie::before {
9986 content: "\f563";
9989 .fa-arrow-rotate-left::before {
9990 content: "\f0e2";
9993 .fa-arrow-left-rotate::before {
9994 content: "\f0e2";
9997 .fa-arrow-rotate-back::before {
9998 content: "\f0e2";
10001 .fa-arrow-rotate-backward::before {
10002 content: "\f0e2";
10005 .fa-undo::before {
10006 content: "\f0e2";
10009 .fa-hard-drive::before {
10010 content: "\f0a0";
10013 .fa-hdd::before {
10014 content: "\f0a0";
10017 .fa-face-grin-squint-tears::before {
10018 content: "\f586";
10021 .fa-grin-squint-tears::before {
10022 content: "\f586";
10025 .fa-dumbbell::before {
10026 content: "\f44b";
10029 .fa-rectangle-list::before {
10030 content: "\f022";
10033 .fa-list-alt::before {
10034 content: "\f022";
10037 .fa-tarp-droplet::before {
10038 content: "\e57c";
10041 .fa-house-medical-circle-check::before {
10042 content: "\e511";
10045 .fa-person-skiing-nordic::before {
10046 content: "\f7ca";
10049 .fa-skiing-nordic::before {
10050 content: "\f7ca";
10053 .fa-calendar-plus::before {
10054 content: "\f271";
10057 .fa-plane-arrival::before {
10058 content: "\f5af";
10061 .fa-circle-left::before {
10062 content: "\f359";
10065 .fa-arrow-alt-circle-left::before {
10066 content: "\f359";
10069 .fa-train-subway::before {
10070 content: "\f239";
10073 .fa-subway::before {
10074 content: "\f239";
10077 .fa-chart-gantt::before {
10078 content: "\e0e4";
10081 .fa-indian-rupee-sign::before {
10082 content: "\e1bc";
10085 .fa-indian-rupee::before {
10086 content: "\e1bc";
10089 .fa-inr::before {
10090 content: "\e1bc";
10093 .fa-crop-simple::before {
10094 content: "\f565";
10097 .fa-crop-alt::before {
10098 content: "\f565";
10101 .fa-money-bill-1::before {
10102 content: "\f3d1";
10105 .fa-money-bill-alt::before {
10106 content: "\f3d1";
10109 .fa-left-long::before {
10110 content: "\f30a";
10113 .fa-long-arrow-alt-left::before {
10114 content: "\f30a";
10117 .fa-dna::before {
10118 content: "\f471";
10121 .fa-virus-slash::before {
10122 content: "\e075";
10125 .fa-minus::before {
10126 content: "\f068";
10129 .fa-subtract::before {
10130 content: "\f068";
10133 .fa-chess::before {
10134 content: "\f439";
10137 .fa-arrow-left-long::before {
10138 content: "\f177";
10141 .fa-long-arrow-left::before {
10142 content: "\f177";
10145 .fa-plug-circle-check::before {
10146 content: "\e55c";
10149 .fa-street-view::before {
10150 content: "\f21d";
10153 .fa-franc-sign::before {
10154 content: "\e18f";
10157 .fa-volume-off::before {
10158 content: "\f026";
10161 .fa-hands-asl-interpreting::before {
10162 content: "\f2a3";
10165 .fa-american-sign-language-interpreting::before {
10166 content: "\f2a3";
10169 .fa-asl-interpreting::before {
10170 content: "\f2a3";
10173 .fa-hands-american-sign-language-interpreting::before {
10174 content: "\f2a3";
10177 .fa-gear::before {
10178 content: "\f013";
10181 .fa-cog::before {
10182 content: "\f013";
10185 .fa-droplet-slash::before {
10186 content: "\f5c7";
10189 .fa-tint-slash::before {
10190 content: "\f5c7";
10193 .fa-mosque::before {
10194 content: "\f678";
10197 .fa-mosquito::before {
10198 content: "\e52b";
10201 .fa-star-of-david::before {
10202 content: "\f69a";
10205 .fa-person-military-rifle::before {
10206 content: "\e54b";
10209 .fa-cart-shopping::before {
10210 content: "\f07a";
10213 .fa-shopping-cart::before {
10214 content: "\f07a";
10217 .fa-vials::before {
10218 content: "\f493";
10221 .fa-plug-circle-plus::before {
10222 content: "\e55f";
10225 .fa-place-of-worship::before {
10226 content: "\f67f";
10229 .fa-grip-vertical::before {
10230 content: "\f58e";
10233 .fa-arrow-turn-up::before {
10234 content: "\f148";
10237 .fa-level-up::before {
10238 content: "\f148";
10241 .fa-u::before {
10242 content: "U";
10245 .fa-square-root-variable::before {
10246 content: "\f698";
10249 .fa-square-root-alt::before {
10250 content: "\f698";
10253 .fa-clock::before {
10254 content: "\f017";
10257 .fa-clock-four::before {
10258 content: "\f017";
10261 .fa-backward-step::before {
10262 content: "\f048";
10265 .fa-step-backward::before {
10266 content: "\f048";
10269 .fa-pallet::before {
10270 content: "\f482";
10273 .fa-faucet::before {
10274 content: "\e005";
10277 .fa-baseball-bat-ball::before {
10278 content: "\f432";
10281 .fa-s::before {
10282 content: "S";
10285 .fa-timeline::before {
10286 content: "\e29c";
10289 .fa-keyboard::before {
10290 content: "\f11c";
10293 .fa-caret-down::before {
10294 content: "\f0d7";
10297 .fa-house-chimney-medical::before {
10298 content: "\f7f2";
10301 .fa-clinic-medical::before {
10302 content: "\f7f2";
10305 .fa-temperature-three-quarters::before {
10306 content: "\f2c8";
10309 .fa-temperature-3::before {
10310 content: "\f2c8";
10313 .fa-thermometer-3::before {
10314 content: "\f2c8";
10317 .fa-thermometer-three-quarters::before {
10318 content: "\f2c8";
10321 .fa-mobile-screen::before {
10322 content: "\f3cf";
10325 .fa-mobile-android-alt::before {
10326 content: "\f3cf";
10329 .fa-plane-up::before {
10330 content: "\e22d";
10333 .fa-piggy-bank::before {
10334 content: "\f4d3";
10337 .fa-battery-half::before {
10338 content: "\f242";
10341 .fa-battery-3::before {
10342 content: "\f242";
10345 .fa-mountain-city::before {
10346 content: "\e52e";
10349 .fa-coins::before {
10350 content: "\f51e";
10353 .fa-khanda::before {
10354 content: "\f66d";
10357 .fa-sliders::before {
10358 content: "\f1de";
10361 .fa-sliders-h::before {
10362 content: "\f1de";
10365 .fa-folder-tree::before {
10366 content: "\f802";
10369 .fa-network-wired::before {
10370 content: "\f6ff";
10373 .fa-map-pin::before {
10374 content: "\f276";
10377 .fa-hamsa::before {
10378 content: "\f665";
10381 .fa-cent-sign::before {
10382 content: "\e3f5";
10385 .fa-flask::before {
10386 content: "\f0c3";
10389 .fa-person-pregnant::before {
10390 content: "\e31e";
10393 .fa-wand-sparkles::before {
10394 content: "\f72b";
10397 .fa-ellipsis-vertical::before {
10398 content: "\f142";
10401 .fa-ellipsis-v::before {
10402 content: "\f142";
10405 .fa-ticket::before {
10406 content: "\f145";
10409 .fa-power-off::before {
10410 content: "\f011";
10413 .fa-right-long::before {
10414 content: "\f30b";
10417 .fa-long-arrow-alt-right::before {
10418 content: "\f30b";
10421 .fa-flag-usa::before {
10422 content: "\f74d";
10425 .fa-laptop-file::before {
10426 content: "\e51d";
10429 .fa-tty::before {
10430 content: "\f1e4";
10433 .fa-teletype::before {
10434 content: "\f1e4";
10437 .fa-diagram-next::before {
10438 content: "\e476";
10441 .fa-person-rifle::before {
10442 content: "\e54e";
10445 .fa-house-medical-circle-exclamation::before {
10446 content: "\e512";
10449 .fa-closed-captioning::before {
10450 content: "\f20a";
10453 .fa-person-hiking::before {
10454 content: "\f6ec";
10457 .fa-hiking::before {
10458 content: "\f6ec";
10461 .fa-venus-double::before {
10462 content: "\f226";
10465 .fa-images::before {
10466 content: "\f302";
10469 .fa-calculator::before {
10470 content: "\f1ec";
10473 .fa-people-pulling::before {
10474 content: "\e535";
10477 .fa-n::before {
10478 content: "N";
10481 .fa-cable-car::before {
10482 content: "\f7da";
10485 .fa-tram::before {
10486 content: "\f7da";
10489 .fa-cloud-rain::before {
10490 content: "\f73d";
10493 .fa-building-circle-xmark::before {
10494 content: "\e4d4";
10497 .fa-ship::before {
10498 content: "\f21a";
10501 .fa-arrows-down-to-line::before {
10502 content: "\e4b8";
10505 .fa-download::before {
10506 content: "\f019";
10509 .fa-face-grin::before {
10510 content: "\f580";
10513 .fa-grin::before {
10514 content: "\f580";
10517 .fa-delete-left::before {
10518 content: "\f55a";
10521 .fa-backspace::before {
10522 content: "\f55a";
10525 .fa-eye-dropper::before {
10526 content: "\f1fb";
10529 .fa-eye-dropper-empty::before {
10530 content: "\f1fb";
10533 .fa-eyedropper::before {
10534 content: "\f1fb";
10537 .fa-file-circle-check::before {
10538 content: "\e5a0";
10541 .fa-forward::before {
10542 content: "\f04e";
10545 .fa-mobile::before {
10546 content: "\f3ce";
10549 .fa-mobile-android::before {
10550 content: "\f3ce";
10553 .fa-mobile-phone::before {
10554 content: "\f3ce";
10557 .fa-face-meh::before {
10558 content: "\f11a";
10561 .fa-meh::before {
10562 content: "\f11a";
10565 .fa-align-center::before {
10566 content: "\f037";
10569 .fa-book-skull::before {
10570 content: "\f6b7";
10573 .fa-book-dead::before {
10574 content: "\f6b7";
10577 .fa-id-card::before {
10578 content: "\f2c2";
10581 .fa-drivers-license::before {
10582 content: "\f2c2";
10585 .fa-outdent::before {
10586 content: "\f03b";
10589 .fa-dedent::before {
10590 content: "\f03b";
10593 .fa-heart-circle-exclamation::before {
10594 content: "\e4fe";
10597 .fa-house::before {
10598 content: "\f015";
10601 .fa-home::before {
10602 content: "\f015";
10605 .fa-home-alt::before {
10606 content: "\f015";
10609 .fa-home-lg-alt::before {
10610 content: "\f015";
10613 .fa-calendar-week::before {
10614 content: "\f784";
10617 .fa-laptop-medical::before {
10618 content: "\f812";
10621 .fa-b::before {
10622 content: "B";
10625 .fa-file-medical::before {
10626 content: "\f477";
10629 .fa-dice-one::before {
10630 content: "\f525";
10633 .fa-kiwi-bird::before {
10634 content: "\f535";
10637 .fa-arrow-right-arrow-left::before {
10638 content: "\f0ec";
10641 .fa-exchange::before {
10642 content: "\f0ec";
10645 .fa-rotate-right::before {
10646 content: "\f2f9";
10649 .fa-redo-alt::before {
10650 content: "\f2f9";
10653 .fa-rotate-forward::before {
10654 content: "\f2f9";
10657 .fa-utensils::before {
10658 content: "\f2e7";
10661 .fa-cutlery::before {
10662 content: "\f2e7";
10665 .fa-arrow-up-wide-short::before {
10666 content: "\f161";
10669 .fa-sort-amount-up::before {
10670 content: "\f161";
10673 .fa-mill-sign::before {
10674 content: "\e1ed";
10677 .fa-bowl-rice::before {
10678 content: "\e2eb";
10681 .fa-skull::before {
10682 content: "\f54c";
10685 .fa-tower-broadcast::before {
10686 content: "\f519";
10689 .fa-broadcast-tower::before {
10690 content: "\f519";
10693 .fa-truck-pickup::before {
10694 content: "\f63c";
10697 .fa-up-long::before {
10698 content: "\f30c";
10701 .fa-long-arrow-alt-up::before {
10702 content: "\f30c";
10705 .fa-stop::before {
10706 content: "\f04d";
10709 .fa-code-merge::before {
10710 content: "\f387";
10713 .fa-upload::before {
10714 content: "\f093";
10717 .fa-hurricane::before {
10718 content: "\f751";
10721 .fa-mound::before {
10722 content: "\e52d";
10725 .fa-toilet-portable::before {
10726 content: "\e583";
10729 .fa-compact-disc::before {
10730 content: "\f51f";
10733 .fa-file-arrow-down::before {
10734 content: "\f56d";
10737 .fa-file-download::before {
10738 content: "\f56d";
10741 .fa-caravan::before {
10742 content: "\f8ff";
10745 .fa-shield-cat::before {
10746 content: "\e572";
10749 .fa-bolt::before {
10750 content: "\f0e7";
10753 .fa-zap::before {
10754 content: "\f0e7";
10757 .fa-glass-water::before {
10758 content: "\e4f4";
10761 .fa-oil-well::before {
10762 content: "\e532";
10765 .fa-vault::before {
10766 content: "\e2c5";
10769 .fa-mars::before {
10770 content: "\f222";
10773 .fa-toilet::before {
10774 content: "\f7d8";
10777 .fa-plane-circle-xmark::before {
10778 content: "\e557";
10781 .fa-yen-sign::before {
10782 content: "\f157";
10785 .fa-cny::before {
10786 content: "\f157";
10789 .fa-jpy::before {
10790 content: "\f157";
10793 .fa-rmb::before {
10794 content: "\f157";
10797 .fa-yen::before {
10798 content: "\f157";
10801 .fa-ruble-sign::before {
10802 content: "\f158";
10805 .fa-rouble::before {
10806 content: "\f158";
10809 .fa-rub::before {
10810 content: "\f158";
10813 .fa-ruble::before {
10814 content: "\f158";
10817 .fa-sun::before {
10818 content: "\f185";
10821 .fa-guitar::before {
10822 content: "\f7a6";
10825 .fa-face-laugh-wink::before {
10826 content: "\f59c";
10829 .fa-laugh-wink::before {
10830 content: "\f59c";
10833 .fa-horse-head::before {
10834 content: "\f7ab";
10837 .fa-bore-hole::before {
10838 content: "\e4c3";
10841 .fa-industry::before {
10842 content: "\f275";
10845 .fa-circle-down::before {
10846 content: "\f358";
10849 .fa-arrow-alt-circle-down::before {
10850 content: "\f358";
10853 .fa-arrows-turn-to-dots::before {
10854 content: "\e4c1";
10857 .fa-florin-sign::before {
10858 content: "\e184";
10861 .fa-arrow-down-short-wide::before {
10862 content: "\f884";
10865 .fa-sort-amount-desc::before {
10866 content: "\f884";
10869 .fa-sort-amount-down-alt::before {
10870 content: "\f884";
10873 .fa-less-than::before {
10874 content: "\<";
10877 .fa-angle-down::before {
10878 content: "\f107";
10881 .fa-car-tunnel::before {
10882 content: "\e4de";
10885 .fa-head-side-cough::before {
10886 content: "\e061";
10889 .fa-grip-lines::before {
10890 content: "\f7a4";
10893 .fa-thumbs-down::before {
10894 content: "\f165";
10897 .fa-user-lock::before {
10898 content: "\f502";
10901 .fa-arrow-right-long::before {
10902 content: "\f178";
10905 .fa-long-arrow-right::before {
10906 content: "\f178";
10909 .fa-anchor-circle-xmark::before {
10910 content: "\e4ac";
10913 .fa-ellipsis::before {
10914 content: "\f141";
10917 .fa-ellipsis-h::before {
10918 content: "\f141";
10921 .fa-chess-pawn::before {
10922 content: "\f443";
10925 .fa-kit-medical::before {
10926 content: "\f479";
10929 .fa-first-aid::before {
10930 content: "\f479";
10933 .fa-person-through-window::before {
10934 content: "\e5a9";
10937 .fa-toolbox::before {
10938 content: "\f552";
10941 .fa-hands-holding-circle::before {
10942 content: "\e4fb";
10945 .fa-bug::before {
10946 content: "\f188";
10949 .fa-credit-card::before {
10950 content: "\f09d";
10953 .fa-credit-card-alt::before {
10954 content: "\f09d";
10957 .fa-car::before {
10958 content: "\f1b9";
10961 .fa-automobile::before {
10962 content: "\f1b9";
10965 .fa-hand-holding-hand::before {
10966 content: "\e4f7";
10969 .fa-book-open-reader::before {
10970 content: "\f5da";
10973 .fa-book-reader::before {
10974 content: "\f5da";
10977 .fa-mountain-sun::before {
10978 content: "\e52f";
10981 .fa-arrows-left-right-to-line::before {
10982 content: "\e4ba";
10985 .fa-dice-d20::before {
10986 content: "\f6cf";
10989 .fa-truck-droplet::before {
10990 content: "\e58c";
10993 .fa-file-circle-xmark::before {
10994 content: "\e5a1";
10997 .fa-temperature-arrow-up::before {
10998 content: "\e040";
11001 .fa-temperature-up::before {
11002 content: "\e040";
11005 .fa-medal::before {
11006 content: "\f5a2";
11009 .fa-bed::before {
11010 content: "\f236";
11013 .fa-square-h::before {
11014 content: "\f0fd";
11017 .fa-h-square::before {
11018 content: "\f0fd";
11021 .fa-podcast::before {
11022 content: "\f2ce";
11025 .fa-temperature-full::before {
11026 content: "\f2c7";
11029 .fa-temperature-4::before {
11030 content: "\f2c7";
11033 .fa-thermometer-4::before {
11034 content: "\f2c7";
11037 .fa-thermometer-full::before {
11038 content: "\f2c7";
11041 .fa-bell::before {
11042 content: "\f0f3";
11045 .fa-superscript::before {
11046 content: "\f12b";
11049 .fa-plug-circle-xmark::before {
11050 content: "\e560";
11053 .fa-star-of-life::before {
11054 content: "\f621";
11057 .fa-phone-slash::before {
11058 content: "\f3dd";
11061 .fa-paint-roller::before {
11062 content: "\f5aa";
11065 .fa-handshake-angle::before {
11066 content: "\f4c4";
11069 .fa-hands-helping::before {
11070 content: "\f4c4";
11073 .fa-location-dot::before {
11074 content: "\f3c5";
11077 .fa-map-marker-alt::before {
11078 content: "\f3c5";
11081 .fa-file::before {
11082 content: "\f15b";
11085 .fa-greater-than::before {
11086 content: "\>";
11089 .fa-person-swimming::before {
11090 content: "\f5c4";
11093 .fa-swimmer::before {
11094 content: "\f5c4";
11097 .fa-arrow-down::before {
11098 content: "\f063";
11101 .fa-droplet::before {
11102 content: "\f043";
11105 .fa-tint::before {
11106 content: "\f043";
11109 .fa-eraser::before {
11110 content: "\f12d";
11113 .fa-earth-americas::before {
11114 content: "\f57d";
11117 .fa-earth::before {
11118 content: "\f57d";
11121 .fa-earth-america::before {
11122 content: "\f57d";
11125 .fa-globe-americas::before {
11126 content: "\f57d";
11129 .fa-person-burst::before {
11130 content: "\e53b";
11133 .fa-dove::before {
11134 content: "\f4ba";
11137 .fa-battery-empty::before {
11138 content: "\f244";
11141 .fa-battery-0::before {
11142 content: "\f244";
11145 .fa-socks::before {
11146 content: "\f696";
11149 .fa-inbox::before {
11150 content: "\f01c";
11153 .fa-section::before {
11154 content: "\e447";
11157 .fa-gauge-high::before {
11158 content: "\f625";
11161 .fa-tachometer-alt::before {
11162 content: "\f625";
11165 .fa-tachometer-alt-fast::before {
11166 content: "\f625";
11169 .fa-envelope-open-text::before {
11170 content: "\f658";
11173 .fa-hospital::before {
11174 content: "\f0f8";
11177 .fa-hospital-alt::before {
11178 content: "\f0f8";
11181 .fa-hospital-wide::before {
11182 content: "\f0f8";
11185 .fa-wine-bottle::before {
11186 content: "\f72f";
11189 .fa-chess-rook::before {
11190 content: "\f447";
11193 .fa-bars-staggered::before {
11194 content: "\f550";
11197 .fa-reorder::before {
11198 content: "\f550";
11201 .fa-stream::before {
11202 content: "\f550";
11205 .fa-dharmachakra::before {
11206 content: "\f655";
11209 .fa-hotdog::before {
11210 content: "\f80f";
11213 .fa-person-walking-with-cane::before {
11214 content: "\f29d";
11217 .fa-blind::before {
11218 content: "\f29d";
11221 .fa-drum::before {
11222 content: "\f569";
11225 .fa-ice-cream::before {
11226 content: "\f810";
11229 .fa-heart-circle-bolt::before {
11230 content: "\e4fc";
11233 .fa-fax::before {
11234 content: "\f1ac";
11237 .fa-paragraph::before {
11238 content: "\f1dd";
11241 .fa-check-to-slot::before {
11242 content: "\f772";
11245 .fa-vote-yea::before {
11246 content: "\f772";
11249 .fa-star-half::before {
11250 content: "\f089";
11253 .fa-boxes-stacked::before {
11254 content: "\f468";
11257 .fa-boxes::before {
11258 content: "\f468";
11261 .fa-boxes-alt::before {
11262 content: "\f468";
11265 .fa-link::before {
11266 content: "\f0c1";
11269 .fa-chain::before {
11270 content: "\f0c1";
11273 .fa-ear-listen::before {
11274 content: "\f2a2";
11277 .fa-assistive-listening-systems::before {
11278 content: "\f2a2";
11281 .fa-tree-city::before {
11282 content: "\e587";
11285 .fa-play::before {
11286 content: "\f04b";
11289 .fa-font::before {
11290 content: "\f031";
11293 .fa-rupiah-sign::before {
11294 content: "\e23d";
11297 .fa-magnifying-glass::before {
11298 content: "\f002";
11301 .fa-search::before {
11302 content: "\f002";
11305 .fa-table-tennis-paddle-ball::before {
11306 content: "\f45d";
11309 .fa-ping-pong-paddle-ball::before {
11310 content: "\f45d";
11313 .fa-table-tennis::before {
11314 content: "\f45d";
11317 .fa-person-dots-from-line::before {
11318 content: "\f470";
11321 .fa-diagnoses::before {
11322 content: "\f470";
11325 .fa-trash-can-arrow-up::before {
11326 content: "\f82a";
11329 .fa-trash-restore-alt::before {
11330 content: "\f82a";
11333 .fa-naira-sign::before {
11334 content: "\e1f6";
11337 .fa-cart-arrow-down::before {
11338 content: "\f218";
11341 .fa-walkie-talkie::before {
11342 content: "\f8ef";
11345 .fa-file-pen::before {
11346 content: "\f31c";
11349 .fa-file-edit::before {
11350 content: "\f31c";
11353 .fa-receipt::before {
11354 content: "\f543";
11357 .fa-square-pen::before {
11358 content: "\f14b";
11361 .fa-pen-square::before {
11362 content: "\f14b";
11365 .fa-pencil-square::before {
11366 content: "\f14b";
11369 .fa-suitcase-rolling::before {
11370 content: "\f5c1";
11373 .fa-person-circle-exclamation::before {
11374 content: "\e53f";
11377 .fa-chevron-down::before {
11378 content: "\f078";
11381 .fa-battery-full::before {
11382 content: "\f240";
11385 .fa-battery::before {
11386 content: "\f240";
11389 .fa-battery-5::before {
11390 content: "\f240";
11393 .fa-skull-crossbones::before {
11394 content: "\f714";
11397 .fa-code-compare::before {
11398 content: "\e13a";
11401 .fa-list-ul::before {
11402 content: "\f0ca";
11405 .fa-list-dots::before {
11406 content: "\f0ca";
11409 .fa-school-lock::before {
11410 content: "\e56f";
11413 .fa-tower-cell::before {
11414 content: "\e585";
11417 .fa-down-long::before {
11418 content: "\f309";
11421 .fa-long-arrow-alt-down::before {
11422 content: "\f309";
11425 .fa-ranking-star::before {
11426 content: "\e561";
11429 .fa-chess-king::before {
11430 content: "\f43f";
11433 .fa-person-harassing::before {
11434 content: "\e549";
11437 .fa-brazilian-real-sign::before {
11438 content: "\e46c";
11441 .fa-landmark-dome::before {
11442 content: "\f752";
11445 .fa-landmark-alt::before {
11446 content: "\f752";
11449 .fa-arrow-up::before {
11450 content: "\f062";
11453 .fa-tv::before {
11454 content: "\f26c";
11457 .fa-television::before {
11458 content: "\f26c";
11461 .fa-tv-alt::before {
11462 content: "\f26c";
11465 .fa-shrimp::before {
11466 content: "\e448";
11469 .fa-list-check::before {
11470 content: "\f0ae";
11473 .fa-tasks::before {
11474 content: "\f0ae";
11477 .fa-jug-detergent::before {
11478 content: "\e519";
11481 .fa-circle-user::before {
11482 content: "\f2bd";
11485 .fa-user-circle::before {
11486 content: "\f2bd";
11489 .fa-user-shield::before {
11490 content: "\f505";
11493 .fa-wind::before {
11494 content: "\f72e";
11497 .fa-car-burst::before {
11498 content: "\f5e1";
11501 .fa-car-crash::before {
11502 content: "\f5e1";
11505 .fa-y::before {
11506 content: "Y";
11509 .fa-person-snowboarding::before {
11510 content: "\f7ce";
11513 .fa-snowboarding::before {
11514 content: "\f7ce";
11517 .fa-truck-fast::before {
11518 content: "\f48b";
11521 .fa-shipping-fast::before {
11522 content: "\f48b";
11525 .fa-fish::before {
11526 content: "\f578";
11529 .fa-user-graduate::before {
11530 content: "\f501";
11533 .fa-circle-half-stroke::before {
11534 content: "\f042";
11537 .fa-adjust::before {
11538 content: "\f042";
11541 .fa-clapperboard::before {
11542 content: "\e131";
11545 .fa-circle-radiation::before {
11546 content: "\f7ba";
11549 .fa-radiation-alt::before {
11550 content: "\f7ba";
11553 .fa-baseball::before {
11554 content: "\f433";
11557 .fa-baseball-ball::before {
11558 content: "\f433";
11561 .fa-jet-fighter-up::before {
11562 content: "\e518";
11565 .fa-diagram-project::before {
11566 content: "\f542";
11569 .fa-project-diagram::before {
11570 content: "\f542";
11573 .fa-copy::before {
11574 content: "\f0c5";
11577 .fa-volume-xmark::before {
11578 content: "\f6a9";
11581 .fa-volume-mute::before {
11582 content: "\f6a9";
11585 .fa-volume-times::before {
11586 content: "\f6a9";
11589 .fa-hand-sparkles::before {
11590 content: "\e05d";
11593 .fa-grip::before {
11594 content: "\f58d";
11597 .fa-grip-horizontal::before {
11598 content: "\f58d";
11601 .fa-share-from-square::before {
11602 content: "\f14d";
11605 .fa-share-square::before {
11606 content: "\f14d";
11609 .fa-child-combatant::before {
11610 content: "\e4e0";
11613 .fa-child-rifle::before {
11614 content: "\e4e0";
11617 .fa-gun::before {
11618 content: "\e19b";
11621 .fa-square-phone::before {
11622 content: "\f098";
11625 .fa-phone-square::before {
11626 content: "\f098";
11629 .fa-plus::before {
11630 content: "\+";
11633 .fa-add::before {
11634 content: "\+";
11637 .fa-expand::before {
11638 content: "\f065";
11641 .fa-computer::before {
11642 content: "\e4e5";
11645 .fa-xmark::before {
11646 content: "\f00d";
11649 .fa-close::before {
11650 content: "\f00d";
11653 .fa-multiply::before {
11654 content: "\f00d";
11657 .fa-remove::before {
11658 content: "\f00d";
11661 .fa-times::before {
11662 content: "\f00d";
11665 .fa-arrows-up-down-left-right::before {
11666 content: "\f047";
11669 .fa-arrows::before {
11670 content: "\f047";
11673 .fa-chalkboard-user::before {
11674 content: "\f51c";
11677 .fa-chalkboard-teacher::before {
11678 content: "\f51c";
11681 .fa-peso-sign::before {
11682 content: "\e222";
11685 .fa-building-shield::before {
11686 content: "\e4d8";
11689 .fa-baby::before {
11690 content: "\f77c";
11693 .fa-users-line::before {
11694 content: "\e592";
11697 .fa-quote-left::before {
11698 content: "\f10d";
11701 .fa-quote-left-alt::before {
11702 content: "\f10d";
11705 .fa-tractor::before {
11706 content: "\f722";
11709 .fa-trash-arrow-up::before {
11710 content: "\f829";
11713 .fa-trash-restore::before {
11714 content: "\f829";
11717 .fa-arrow-down-up-lock::before {
11718 content: "\e4b0";
11721 .fa-lines-leaning::before {
11722 content: "\e51e";
11725 .fa-ruler-combined::before {
11726 content: "\f546";
11729 .fa-copyright::before {
11730 content: "\f1f9";
11733 .fa-equals::before {
11734 content: "\=";
11737 .fa-blender::before {
11738 content: "\f517";
11741 .fa-teeth::before {
11742 content: "\f62e";
11745 .fa-shekel-sign::before {
11746 content: "\f20b";
11749 .fa-ils::before {
11750 content: "\f20b";
11753 .fa-shekel::before {
11754 content: "\f20b";
11757 .fa-sheqel::before {
11758 content: "\f20b";
11761 .fa-sheqel-sign::before {
11762 content: "\f20b";
11765 .fa-map::before {
11766 content: "\f279";
11769 .fa-rocket::before {
11770 content: "\f135";
11773 .fa-photo-film::before {
11774 content: "\f87c";
11777 .fa-photo-video::before {
11778 content: "\f87c";
11781 .fa-folder-minus::before {
11782 content: "\f65d";
11785 .fa-store::before {
11786 content: "\f54e";
11789 .fa-arrow-trend-up::before {
11790 content: "\e098";
11793 .fa-plug-circle-minus::before {
11794 content: "\e55e";
11797 .fa-sign-hanging::before {
11798 content: "\f4d9";
11801 .fa-sign::before {
11802 content: "\f4d9";
11805 .fa-bezier-curve::before {
11806 content: "\f55b";
11809 .fa-bell-slash::before {
11810 content: "\f1f6";
11813 .fa-tablet::before {
11814 content: "\f3fb";
11817 .fa-tablet-android::before {
11818 content: "\f3fb";
11821 .fa-school-flag::before {
11822 content: "\e56e";
11825 .fa-fill::before {
11826 content: "\f575";
11829 .fa-angle-up::before {
11830 content: "\f106";
11833 .fa-drumstick-bite::before {
11834 content: "\f6d7";
11837 .fa-holly-berry::before {
11838 content: "\f7aa";
11841 .fa-chevron-left::before {
11842 content: "\f053";
11845 .fa-bacteria::before {
11846 content: "\e059";
11849 .fa-hand-lizard::before {
11850 content: "\f258";
11853 .fa-notdef::before {
11854 content: "\e1fe";
11857 .fa-disease::before {
11858 content: "\f7fa";
11861 .fa-briefcase-medical::before {
11862 content: "\f469";
11865 .fa-genderless::before {
11866 content: "\f22d";
11869 .fa-chevron-right::before {
11870 content: "\f054";
11873 .fa-retweet::before {
11874 content: "\f079";
11877 .fa-car-rear::before {
11878 content: "\f5de";
11881 .fa-car-alt::before {
11882 content: "\f5de";
11885 .fa-pump-soap::before {
11886 content: "\e06b";
11889 .fa-video-slash::before {
11890 content: "\f4e2";
11893 .fa-battery-quarter::before {
11894 content: "\f243";
11897 .fa-battery-2::before {
11898 content: "\f243";
11901 .fa-radio::before {
11902 content: "\f8d7";
11905 .fa-baby-carriage::before {
11906 content: "\f77d";
11909 .fa-carriage-baby::before {
11910 content: "\f77d";
11913 .fa-traffic-light::before {
11914 content: "\f637";
11917 .fa-thermometer::before {
11918 content: "\f491";
11921 .fa-vr-cardboard::before {
11922 content: "\f729";
11925 .fa-hand-middle-finger::before {
11926 content: "\f806";
11929 .fa-percent::before {
11930 content: "\%";
11933 .fa-percentage::before {
11934 content: "\%";
11937 .fa-truck-moving::before {
11938 content: "\f4df";
11941 .fa-glass-water-droplet::before {
11942 content: "\e4f5";
11945 .fa-display::before {
11946 content: "\e163";
11949 .fa-face-smile::before {
11950 content: "\f118";
11953 .fa-smile::before {
11954 content: "\f118";
11957 .fa-thumbtack::before {
11958 content: "\f08d";
11961 .fa-thumb-tack::before {
11962 content: "\f08d";
11965 .fa-trophy::before {
11966 content: "\f091";
11969 .fa-person-praying::before {
11970 content: "\f683";
11973 .fa-pray::before {
11974 content: "\f683";
11977 .fa-hammer::before {
11978 content: "\f6e3";
11981 .fa-hand-peace::before {
11982 content: "\f25b";
11985 .fa-rotate::before {
11986 content: "\f2f1";
11989 .fa-sync-alt::before {
11990 content: "\f2f1";
11993 .fa-spinner::before {
11994 content: "\f110";
11997 .fa-robot::before {
11998 content: "\f544";
12001 .fa-peace::before {
12002 content: "\f67c";
12005 .fa-gears::before {
12006 content: "\f085";
12009 .fa-cogs::before {
12010 content: "\f085";
12013 .fa-warehouse::before {
12014 content: "\f494";
12017 .fa-arrow-up-right-dots::before {
12018 content: "\e4b7";
12021 .fa-splotch::before {
12022 content: "\f5bc";
12025 .fa-face-grin-hearts::before {
12026 content: "\f584";
12029 .fa-grin-hearts::before {
12030 content: "\f584";
12033 .fa-dice-four::before {
12034 content: "\f524";
12037 .fa-sim-card::before {
12038 content: "\f7c4";
12041 .fa-transgender::before {
12042 content: "\f225";
12045 .fa-transgender-alt::before {
12046 content: "\f225";
12049 .fa-mercury::before {
12050 content: "\f223";
12053 .fa-arrow-turn-down::before {
12054 content: "\f149";
12057 .fa-level-down::before {
12058 content: "\f149";
12061 .fa-person-falling-burst::before {
12062 content: "\e547";
12065 .fa-award::before {
12066 content: "\f559";
12069 .fa-ticket-simple::before {
12070 content: "\f3ff";
12073 .fa-ticket-alt::before {
12074 content: "\f3ff";
12077 .fa-building::before {
12078 content: "\f1ad";
12081 .fa-angles-left::before {
12082 content: "\f100";
12085 .fa-angle-double-left::before {
12086 content: "\f100";
12089 .fa-qrcode::before {
12090 content: "\f029";
12093 .fa-clock-rotate-left::before {
12094 content: "\f1da";
12097 .fa-history::before {
12098 content: "\f1da";
12101 .fa-face-grin-beam-sweat::before {
12102 content: "\f583";
12105 .fa-grin-beam-sweat::before {
12106 content: "\f583";
12109 .fa-file-export::before {
12110 content: "\f56e";
12113 .fa-arrow-right-from-file::before {
12114 content: "\f56e";
12117 .fa-shield::before {
12118 content: "\f132";
12121 .fa-shield-blank::before {
12122 content: "\f132";
12125 .fa-arrow-up-short-wide::before {
12126 content: "\f885";
12129 .fa-sort-amount-up-alt::before {
12130 content: "\f885";
12133 .fa-house-medical::before {
12134 content: "\e3b2";
12137 .fa-golf-ball-tee::before {
12138 content: "\f450";
12141 .fa-golf-ball::before {
12142 content: "\f450";
12145 .fa-circle-chevron-left::before {
12146 content: "\f137";
12149 .fa-chevron-circle-left::before {
12150 content: "\f137";
12153 .fa-house-chimney-window::before {
12154 content: "\e00d";
12157 .fa-pen-nib::before {
12158 content: "\f5ad";
12161 .fa-tent-arrow-turn-left::before {
12162 content: "\e580";
12165 .fa-tents::before {
12166 content: "\e582";
12169 .fa-wand-magic::before {
12170 content: "\f0d0";
12173 .fa-magic::before {
12174 content: "\f0d0";
12177 .fa-dog::before {
12178 content: "\f6d3";
12181 .fa-carrot::before {
12182 content: "\f787";
12185 .fa-moon::before {
12186 content: "\f186";
12189 .fa-wine-glass-empty::before {
12190 content: "\f5ce";
12193 .fa-wine-glass-alt::before {
12194 content: "\f5ce";
12197 .fa-cheese::before {
12198 content: "\f7ef";
12201 .fa-yin-yang::before {
12202 content: "\f6ad";
12205 .fa-music::before {
12206 content: "\f001";
12209 .fa-code-commit::before {
12210 content: "\f386";
12213 .fa-temperature-low::before {
12214 content: "\f76b";
12217 .fa-person-biking::before {
12218 content: "\f84a";
12221 .fa-biking::before {
12222 content: "\f84a";
12225 .fa-broom::before {
12226 content: "\f51a";
12229 .fa-shield-heart::before {
12230 content: "\e574";
12233 .fa-gopuram::before {
12234 content: "\f664";
12237 .fa-earth-oceania::before {
12238 content: "\e47b";
12241 .fa-globe-oceania::before {
12242 content: "\e47b";
12245 .fa-square-xmark::before {
12246 content: "\f2d3";
12249 .fa-times-square::before {
12250 content: "\f2d3";
12253 .fa-xmark-square::before {
12254 content: "\f2d3";
12257 .fa-hashtag::before {
12258 content: "\#";
12261 .fa-up-right-and-down-left-from-center::before {
12262 content: "\f424";
12265 .fa-expand-alt::before {
12266 content: "\f424";
12269 .fa-oil-can::before {
12270 content: "\f613";
12273 .fa-t::before {
12274 content: "T";
12277 .fa-hippo::before {
12278 content: "\f6ed";
12281 .fa-chart-column::before {
12282 content: "\e0e3";
12285 .fa-infinity::before {
12286 content: "\f534";
12289 .fa-vial-circle-check::before {
12290 content: "\e596";
12293 .fa-person-arrow-down-to-line::before {
12294 content: "\e538";
12297 .fa-voicemail::before {
12298 content: "\f897";
12301 .fa-fan::before {
12302 content: "\f863";
12305 .fa-person-walking-luggage::before {
12306 content: "\e554";
12309 .fa-up-down::before {
12310 content: "\f338";
12313 .fa-arrows-alt-v::before {
12314 content: "\f338";
12317 .fa-cloud-moon-rain::before {
12318 content: "\f73c";
12321 .fa-calendar::before {
12322 content: "\f133";
12325 .fa-trailer::before {
12326 content: "\e041";
12329 .fa-bahai::before {
12330 content: "\f666";
12333 .fa-haykal::before {
12334 content: "\f666";
12337 .fa-sd-card::before {
12338 content: "\f7c2";
12341 .fa-dragon::before {
12342 content: "\f6d5";
12345 .fa-shoe-prints::before {
12346 content: "\f54b";
12349 .fa-circle-plus::before {
12350 content: "\f055";
12353 .fa-plus-circle::before {
12354 content: "\f055";
12357 .fa-face-grin-tongue-wink::before {
12358 content: "\f58b";
12361 .fa-grin-tongue-wink::before {
12362 content: "\f58b";
12365 .fa-hand-holding::before {
12366 content: "\f4bd";
12369 .fa-plug-circle-exclamation::before {
12370 content: "\e55d";
12373 .fa-link-slash::before {
12374 content: "\f127";
12377 .fa-chain-broken::before {
12378 content: "\f127";
12381 .fa-chain-slash::before {
12382 content: "\f127";
12385 .fa-unlink::before {
12386 content: "\f127";
12389 .fa-clone::before {
12390 content: "\f24d";
12393 .fa-person-walking-arrow-loop-left::before {
12394 content: "\e551";
12397 .fa-arrow-up-z-a::before {
12398 content: "\f882";
12401 .fa-sort-alpha-up-alt::before {
12402 content: "\f882";
12405 .fa-fire-flame-curved::before {
12406 content: "\f7e4";
12409 .fa-fire-alt::before {
12410 content: "\f7e4";
12413 .fa-tornado::before {
12414 content: "\f76f";
12417 .fa-file-circle-plus::before {
12418 content: "\e494";
12421 .fa-book-quran::before {
12422 content: "\f687";
12425 .fa-quran::before {
12426 content: "\f687";
12429 .fa-anchor::before {
12430 content: "\f13d";
12433 .fa-border-all::before {
12434 content: "\f84c";
12437 .fa-face-angry::before {
12438 content: "\f556";
12441 .fa-angry::before {
12442 content: "\f556";
12445 .fa-cookie-bite::before {
12446 content: "\f564";
12449 .fa-arrow-trend-down::before {
12450 content: "\e097";
12453 .fa-rss::before {
12454 content: "\f09e";
12457 .fa-feed::before {
12458 content: "\f09e";
12461 .fa-draw-polygon::before {
12462 content: "\f5ee";
12465 .fa-scale-balanced::before {
12466 content: "\f24e";
12469 .fa-balance-scale::before {
12470 content: "\f24e";
12473 .fa-gauge-simple-high::before {
12474 content: "\f62a";
12477 .fa-tachometer::before {
12478 content: "\f62a";
12481 .fa-tachometer-fast::before {
12482 content: "\f62a";
12485 .fa-shower::before {
12486 content: "\f2cc";
12489 .fa-desktop::before {
12490 content: "\f390";
12493 .fa-desktop-alt::before {
12494 content: "\f390";
12497 .fa-m::before {
12498 content: "M";
12501 .fa-table-list::before {
12502 content: "\f00b";
12505 .fa-th-list::before {
12506 content: "\f00b";
12509 .fa-comment-sms::before {
12510 content: "\f7cd";
12513 .fa-sms::before {
12514 content: "\f7cd";
12517 .fa-book::before {
12518 content: "\f02d";
12521 .fa-user-plus::before {
12522 content: "\f234";
12525 .fa-check::before {
12526 content: "\f00c";
12529 .fa-battery-three-quarters::before {
12530 content: "\f241";
12533 .fa-battery-4::before {
12534 content: "\f241";
12537 .fa-house-circle-check::before {
12538 content: "\e509";
12541 .fa-angle-left::before {
12542 content: "\f104";
12545 .fa-diagram-successor::before {
12546 content: "\e47a";
12549 .fa-truck-arrow-right::before {
12550 content: "\e58b";
12553 .fa-arrows-split-up-and-left::before {
12554 content: "\e4bc";
12557 .fa-hand-fist::before {
12558 content: "\f6de";
12561 .fa-fist-raised::before {
12562 content: "\f6de";
12565 .fa-cloud-moon::before {
12566 content: "\f6c3";
12569 .fa-briefcase::before {
12570 content: "\f0b1";
12573 .fa-person-falling::before {
12574 content: "\e546";
12577 .fa-image-portrait::before {
12578 content: "\f3e0";
12581 .fa-portrait::before {
12582 content: "\f3e0";
12585 .fa-user-tag::before {
12586 content: "\f507";
12589 .fa-rug::before {
12590 content: "\e569";
12593 .fa-earth-europe::before {
12594 content: "\f7a2";
12597 .fa-globe-europe::before {
12598 content: "\f7a2";
12601 .fa-cart-flatbed-suitcase::before {
12602 content: "\f59d";
12605 .fa-luggage-cart::before {
12606 content: "\f59d";
12609 .fa-rectangle-xmark::before {
12610 content: "\f410";
12613 .fa-rectangle-times::before {
12614 content: "\f410";
12617 .fa-times-rectangle::before {
12618 content: "\f410";
12621 .fa-window-close::before {
12622 content: "\f410";
12625 .fa-baht-sign::before {
12626 content: "\e0ac";
12629 .fa-book-open::before {
12630 content: "\f518";
12633 .fa-book-journal-whills::before {
12634 content: "\f66a";
12637 .fa-journal-whills::before {
12638 content: "\f66a";
12641 .fa-handcuffs::before {
12642 content: "\e4f8";
12645 .fa-triangle-exclamation::before {
12646 content: "\f071";
12649 .fa-exclamation-triangle::before {
12650 content: "\f071";
12653 .fa-warning::before {
12654 content: "\f071";
12657 .fa-database::before {
12658 content: "\f1c0";
12661 .fa-share::before {
12662 content: "\f064";
12665 .fa-arrow-turn-right::before {
12666 content: "\f064";
12669 .fa-mail-forward::before {
12670 content: "\f064";
12673 .fa-bottle-droplet::before {
12674 content: "\e4c4";
12677 .fa-mask-face::before {
12678 content: "\e1d7";
12681 .fa-hill-rockslide::before {
12682 content: "\e508";
12685 .fa-right-left::before {
12686 content: "\f362";
12689 .fa-exchange-alt::before {
12690 content: "\f362";
12693 .fa-paper-plane::before {
12694 content: "\f1d8";
12697 .fa-road-circle-exclamation::before {
12698 content: "\e565";
12701 .fa-dungeon::before {
12702 content: "\f6d9";
12705 .fa-align-right::before {
12706 content: "\f038";
12709 .fa-money-bill-1-wave::before {
12710 content: "\f53b";
12713 .fa-money-bill-wave-alt::before {
12714 content: "\f53b";
12717 .fa-life-ring::before {
12718 content: "\f1cd";
12721 .fa-hands::before {
12722 content: "\f2a7";
12725 .fa-sign-language::before {
12726 content: "\f2a7";
12729 .fa-signing::before {
12730 content: "\f2a7";
12733 .fa-calendar-day::before {
12734 content: "\f783";
12737 .fa-water-ladder::before {
12738 content: "\f5c5";
12741 .fa-ladder-water::before {
12742 content: "\f5c5";
12745 .fa-swimming-pool::before {
12746 content: "\f5c5";
12749 .fa-arrows-up-down::before {
12750 content: "\f07d";
12753 .fa-arrows-v::before {
12754 content: "\f07d";
12757 .fa-face-grimace::before {
12758 content: "\f57f";
12761 .fa-grimace::before {
12762 content: "\f57f";
12765 .fa-wheelchair-move::before {
12766 content: "\e2ce";
12769 .fa-wheelchair-alt::before {
12770 content: "\e2ce";
12773 .fa-turn-down::before {
12774 content: "\f3be";
12777 .fa-level-down-alt::before {
12778 content: "\f3be";
12781 .fa-person-walking-arrow-right::before {
12782 content: "\e552";
12785 .fa-square-envelope::before {
12786 content: "\f199";
12789 .fa-envelope-square::before {
12790 content: "\f199";
12793 .fa-dice::before {
12794 content: "\f522";
12797 .fa-bowling-ball::before {
12798 content: "\f436";
12801 .fa-brain::before {
12802 content: "\f5dc";
12805 .fa-bandage::before {
12806 content: "\f462";
12809 .fa-band-aid::before {
12810 content: "\f462";
12813 .fa-calendar-minus::before {
12814 content: "\f272";
12817 .fa-circle-xmark::before {
12818 content: "\f057";
12821 .fa-times-circle::before {
12822 content: "\f057";
12825 .fa-xmark-circle::before {
12826 content: "\f057";
12829 .fa-gifts::before {
12830 content: "\f79c";
12833 .fa-hotel::before {
12834 content: "\f594";
12837 .fa-earth-asia::before {
12838 content: "\f57e";
12841 .fa-globe-asia::before {
12842 content: "\f57e";
12845 .fa-id-card-clip::before {
12846 content: "\f47f";
12849 .fa-id-card-alt::before {
12850 content: "\f47f";
12853 .fa-magnifying-glass-plus::before {
12854 content: "\f00e";
12857 .fa-search-plus::before {
12858 content: "\f00e";
12861 .fa-thumbs-up::before {
12862 content: "\f164";
12865 .fa-user-clock::before {
12866 content: "\f4fd";
12869 .fa-hand-dots::before {
12870 content: "\f461";
12873 .fa-allergies::before {
12874 content: "\f461";
12877 .fa-file-invoice::before {
12878 content: "\f570";
12881 .fa-window-minimize::before {
12882 content: "\f2d1";
12885 .fa-mug-saucer::before {
12886 content: "\f0f4";
12889 .fa-coffee::before {
12890 content: "\f0f4";
12893 .fa-brush::before {
12894 content: "\f55d";
12897 .fa-mask::before {
12898 content: "\f6fa";
12901 .fa-magnifying-glass-minus::before {
12902 content: "\f010";
12905 .fa-search-minus::before {
12906 content: "\f010";
12909 .fa-ruler-vertical::before {
12910 content: "\f548";
12913 .fa-user-large::before {
12914 content: "\f406";
12917 .fa-user-alt::before {
12918 content: "\f406";
12921 .fa-train-tram::before {
12922 content: "\e5b4";
12925 .fa-user-nurse::before {
12926 content: "\f82f";
12929 .fa-syringe::before {
12930 content: "\f48e";
12933 .fa-cloud-sun::before {
12934 content: "\f6c4";
12937 .fa-stopwatch-20::before {
12938 content: "\e06f";
12941 .fa-square-full::before {
12942 content: "\f45c";
12945 .fa-magnet::before {
12946 content: "\f076";
12949 .fa-jar::before {
12950 content: "\e516";
12953 .fa-note-sticky::before {
12954 content: "\f249";
12957 .fa-sticky-note::before {
12958 content: "\f249";
12961 .fa-bug-slash::before {
12962 content: "\e490";
12965 .fa-arrow-up-from-water-pump::before {
12966 content: "\e4b6";
12969 .fa-bone::before {
12970 content: "\f5d7";
12973 .fa-user-injured::before {
12974 content: "\f728";
12977 .fa-face-sad-tear::before {
12978 content: "\f5b4";
12981 .fa-sad-tear::before {
12982 content: "\f5b4";
12985 .fa-plane::before {
12986 content: "\f072";
12989 .fa-tent-arrows-down::before {
12990 content: "\e581";
12993 .fa-exclamation::before {
12994 content: "\!";
12997 .fa-arrows-spin::before {
12998 content: "\e4bb";
13001 .fa-print::before {
13002 content: "\f02f";
13005 .fa-turkish-lira-sign::before {
13006 content: "\e2bb";
13009 .fa-try::before {
13010 content: "\e2bb";
13013 .fa-turkish-lira::before {
13014 content: "\e2bb";
13017 .fa-dollar-sign::before {
13018 content: "\$";
13021 .fa-dollar::before {
13022 content: "\$";
13025 .fa-usd::before {
13026 content: "\$";
13029 .fa-x::before {
13030 content: "X";
13033 .fa-magnifying-glass-dollar::before {
13034 content: "\f688";
13037 .fa-search-dollar::before {
13038 content: "\f688";
13041 .fa-users-gear::before {
13042 content: "\f509";
13045 .fa-users-cog::before {
13046 content: "\f509";
13049 .fa-person-military-pointing::before {
13050 content: "\e54a";
13053 .fa-building-columns::before {
13054 content: "\f19c";
13057 .fa-bank::before {
13058 content: "\f19c";
13061 .fa-institution::before {
13062 content: "\f19c";
13065 .fa-museum::before {
13066 content: "\f19c";
13069 .fa-university::before {
13070 content: "\f19c";
13073 .fa-umbrella::before {
13074 content: "\f0e9";
13077 .fa-trowel::before {
13078 content: "\e589";
13081 .fa-d::before {
13082 content: "D";
13085 .fa-stapler::before {
13086 content: "\e5af";
13089 .fa-masks-theater::before {
13090 content: "\f630";
13093 .fa-theater-masks::before {
13094 content: "\f630";
13097 .fa-kip-sign::before {
13098 content: "\e1c4";
13101 .fa-hand-point-left::before {
13102 content: "\f0a5";
13105 .fa-handshake-simple::before {
13106 content: "\f4c6";
13109 .fa-handshake-alt::before {
13110 content: "\f4c6";
13113 .fa-jet-fighter::before {
13114 content: "\f0fb";
13117 .fa-fighter-jet::before {
13118 content: "\f0fb";
13121 .fa-square-share-nodes::before {
13122 content: "\f1e1";
13125 .fa-share-alt-square::before {
13126 content: "\f1e1";
13129 .fa-barcode::before {
13130 content: "\f02a";
13133 .fa-plus-minus::before {
13134 content: "\e43c";
13137 .fa-video::before {
13138 content: "\f03d";
13141 .fa-video-camera::before {
13142 content: "\f03d";
13145 .fa-graduation-cap::before {
13146 content: "\f19d";
13149 .fa-mortar-board::before {
13150 content: "\f19d";
13153 .fa-hand-holding-medical::before {
13154 content: "\e05c";
13157 .fa-person-circle-check::before {
13158 content: "\e53e";
13161 .fa-turn-up::before {
13162 content: "\f3bf";
13165 .fa-level-up-alt::before {
13166 content: "\f3bf";
13169 .sr-only,
13170 .fa-sr-only {
13171 position: absolute;
13172 width: 1px;
13173 height: 1px;
13174 padding: 0;
13175 margin: -1px;
13176 overflow: hidden;
13177 clip: rect(0, 0, 0, 0);
13178 white-space: nowrap;
13179 border-width: 0;
13182 .sr-only-focusable:not(:focus),
13183 .fa-sr-only-focusable:not(:focus) {
13184 position: absolute;
13185 width: 1px;
13186 height: 1px;
13187 padding: 0;
13188 margin: -1px;
13189 overflow: hidden;
13190 clip: rect(0, 0, 0, 0);
13191 white-space: nowrap;
13192 border-width: 0;
13196 * Bootstrap v4.6.2 (https://getbootstrap.com/)
13197 * Copyright 2011-2022 The Bootstrap Authors
13198 * Copyright 2011-2022 Twitter, Inc.
13199 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
13201 :root {
13202 --blue: #0f6cbf;
13203 --indigo: #6610f2;
13204 --purple: #613d7c;
13205 --pink: #e83e8c;
13206 --red: #ca3120;
13207 --orange: #f0ad4e;
13208 --yellow: #ff7518;
13209 --green: #357a32;
13210 --teal: #20c997;
13211 --cyan: #008196;
13212 --white: #fff;
13213 --gray: #6a737b;
13214 --gray-dark: #343a40;
13215 --primary: #0f6cbf;
13216 --secondary: #ced4da;
13217 --success: #357a32;
13218 --info: #008196;
13219 --warning: #f0ad4e;
13220 --danger: #ca3120;
13221 --light: #f8f9fa;
13222 --dark: #343a40;
13223 --breakpoint-xs: 0;
13224 --breakpoint-sm: 576px;
13225 --breakpoint-md: 768px;
13226 --breakpoint-lg: 992px;
13227 --breakpoint-xl: 1200px;
13228 --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
13229 --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
13233 *::before,
13234 *::after {
13235 box-sizing: border-box;
13238 html {
13239 font-family: sans-serif;
13240 line-height: 1.15;
13241 -webkit-text-size-adjust: 100%;
13242 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
13245 article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
13246 display: block;
13249 body {
13250 margin: 0;
13251 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
13252 font-size: 0.9375rem;
13253 font-weight: 400;
13254 line-height: 1.5;
13255 color: #1d2125;
13256 text-align: left;
13257 background-color: #fff;
13259 @media (max-width: 1200px) {
13260 body {
13261 font-size: calc(0.90375rem + 0.045vw);
13265 [tabindex="-1"]:focus:not(:focus-visible) {
13266 outline: 0 !important;
13269 hr {
13270 box-sizing: content-box;
13271 height: 0;
13272 overflow: visible;
13275 h1, h2, h3, h4, h5, h6 {
13276 margin-top: 0;
13277 margin-bottom: 0.5rem;
13281 margin-top: 0;
13282 margin-bottom: 1rem;
13285 abbr[title],
13286 abbr[data-original-title] {
13287 text-decoration: underline;
13288 text-decoration: underline dotted;
13289 cursor: help;
13290 border-bottom: 0;
13291 text-decoration-skip-ink: none;
13294 address {
13295 margin-bottom: 1rem;
13296 font-style: normal;
13297 line-height: inherit;
13302 dl {
13303 margin-top: 0;
13304 margin-bottom: 1rem;
13307 ol ol,
13308 ul ul,
13309 ol ul,
13310 ul ol {
13311 margin-bottom: 0;
13314 dt {
13315 font-weight: 700;
13318 dd {
13319 margin-bottom: 0.5rem;
13320 margin-left: 0;
13323 blockquote {
13324 margin: 0 0 1rem;
13328 strong {
13329 font-weight: bolder;
13332 small {
13333 font-size: 80%;
13336 sub,
13337 sup {
13338 position: relative;
13339 font-size: 75%;
13340 line-height: 0;
13341 vertical-align: baseline;
13344 sub {
13345 bottom: -0.25em;
13348 sup {
13349 top: -0.5em;
13353 color: #0f6cbf;
13354 text-decoration: none;
13355 background-color: transparent;
13357 a:hover {
13358 color: #094478;
13359 text-decoration: underline;
13362 a:not([href]):not([class]) {
13363 color: inherit;
13364 text-decoration: none;
13366 a:not([href]):not([class]):hover {
13367 color: inherit;
13368 text-decoration: none;
13371 pre,
13372 code,
13373 kbd,
13374 samp {
13375 font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
13376 font-size: 1em;
13379 pre {
13380 margin-top: 0;
13381 margin-bottom: 1rem;
13382 overflow: auto;
13383 -ms-overflow-style: scrollbar;
13386 figure {
13387 margin: 0 0 1rem;
13390 img {
13391 vertical-align: middle;
13392 border-style: none;
13395 svg {
13396 overflow: hidden;
13397 vertical-align: middle;
13400 table {
13401 border-collapse: collapse;
13404 caption {
13405 padding-top: 0.75rem;
13406 padding-bottom: 0.75rem;
13407 color: #6a737b;
13408 text-align: left;
13409 caption-side: bottom;
13412 th {
13413 text-align: inherit;
13414 text-align: -webkit-match-parent;
13417 label {
13418 display: inline-block;
13419 margin-bottom: 0.5rem;
13422 button {
13423 border-radius: 0;
13426 button:focus:not(:focus-visible) {
13427 outline: 0;
13430 input,
13431 button,
13432 select,
13433 optgroup,
13434 textarea {
13435 margin: 0;
13436 font-family: inherit;
13437 font-size: inherit;
13438 line-height: inherit;
13441 button,
13442 input {
13443 overflow: visible;
13446 button,
13447 select {
13448 text-transform: none;
13451 [role=button] {
13452 cursor: pointer;
13455 select {
13456 word-wrap: normal;
13459 button,
13460 [type=button],
13461 [type=reset],
13462 [type=submit] {
13463 -webkit-appearance: button;
13466 button:not(:disabled),
13467 [type=button]:not(:disabled),
13468 [type=reset]:not(:disabled),
13469 [type=submit]:not(:disabled) {
13470 cursor: pointer;
13473 button::-moz-focus-inner,
13474 [type=button]::-moz-focus-inner,
13475 [type=reset]::-moz-focus-inner,
13476 [type=submit]::-moz-focus-inner {
13477 padding: 0;
13478 border-style: none;
13481 input[type=radio],
13482 input[type=checkbox] {
13483 box-sizing: border-box;
13484 padding: 0;
13487 textarea {
13488 overflow: auto;
13489 resize: vertical;
13492 fieldset {
13493 min-width: 0;
13494 padding: 0;
13495 margin: 0;
13496 border: 0;
13499 legend {
13500 display: block;
13501 width: 100%;
13502 max-width: 100%;
13503 padding: 0;
13504 margin-bottom: 0.5rem;
13505 font-size: 1.5rem;
13506 line-height: inherit;
13507 color: inherit;
13508 white-space: normal;
13510 @media (max-width: 1200px) {
13511 legend {
13512 font-size: calc(0.96rem + 0.72vw);
13516 progress {
13517 vertical-align: baseline;
13520 [type=number]::-webkit-inner-spin-button,
13521 [type=number]::-webkit-outer-spin-button {
13522 height: auto;
13525 [type=search] {
13526 outline-offset: -2px;
13527 -webkit-appearance: none;
13530 [type=search]::-webkit-search-decoration {
13531 -webkit-appearance: none;
13534 ::-webkit-file-upload-button {
13535 font: inherit;
13536 -webkit-appearance: button;
13539 output {
13540 display: inline-block;
13543 summary {
13544 display: list-item;
13545 cursor: pointer;
13548 template {
13549 display: none;
13552 [hidden] {
13553 display: none !important;
13556 h1, h2, h3, h4, h5, h6,
13557 .h1, .h2, .h3, .h4, .h5, .h6 {
13558 margin-bottom: 0.5rem;
13559 font-weight: 300;
13560 line-height: 1.2;
13563 h1, .h1 {
13564 font-size: 2.34375rem;
13566 @media (max-width: 1200px) {
13567 h1, .h1 {
13568 font-size: calc(1.044375rem + 1.7325vw);
13572 h2, .h2 {
13573 font-size: 1.875rem;
13575 @media (max-width: 1200px) {
13576 h2, .h2 {
13577 font-size: calc(0.9975rem + 1.17vw);
13581 h3, .h3 {
13582 font-size: 1.640625rem;
13584 @media (max-width: 1200px) {
13585 h3, .h3 {
13586 font-size: calc(0.9740625rem + 0.88875vw);
13590 h4, .h4 {
13591 font-size: 1.40625rem;
13593 @media (max-width: 1200px) {
13594 h4, .h4 {
13595 font-size: calc(0.950625rem + 0.6075vw);
13599 h5, .h5 {
13600 font-size: 1.171875rem;
13602 @media (max-width: 1200px) {
13603 h5, .h5 {
13604 font-size: calc(0.9271875rem + 0.32625vw);
13608 h6, .h6 {
13609 font-size: 0.9375rem;
13611 @media (max-width: 1200px) {
13612 h6, .h6 {
13613 font-size: calc(0.90375rem + 0.045vw);
13617 .lead {
13618 font-size: 1.171875rem;
13619 font-weight: 300;
13621 @media (max-width: 1200px) {
13622 .lead {
13623 font-size: calc(0.9271875rem + 0.32625vw);
13627 .display-1 {
13628 font-size: 6rem;
13629 font-weight: 300;
13630 line-height: 1.2;
13632 @media (max-width: 1200px) {
13633 .display-1 {
13634 font-size: calc(1.41rem + 6.12vw);
13638 .display-2 {
13639 font-size: 5.5rem;
13640 font-weight: 300;
13641 line-height: 1.2;
13643 @media (max-width: 1200px) {
13644 .display-2 {
13645 font-size: calc(1.36rem + 5.52vw);
13649 .display-3 {
13650 font-size: 4.5rem;
13651 font-weight: 300;
13652 line-height: 1.2;
13654 @media (max-width: 1200px) {
13655 .display-3 {
13656 font-size: calc(1.26rem + 4.32vw);
13660 .display-4 {
13661 font-size: 3.5rem;
13662 font-weight: 300;
13663 line-height: 1.2;
13665 @media (max-width: 1200px) {
13666 .display-4 {
13667 font-size: calc(1.16rem + 3.12vw);
13671 hr {
13672 margin-top: 1rem;
13673 margin-bottom: 1rem;
13674 border: 0;
13675 border-top: 1px solid rgba(0, 0, 0, 0.1);
13678 small,
13679 .small {
13680 font-size: 0.875em;
13681 font-weight: 400;
13684 mark,
13685 .mark {
13686 padding: 0.2em;
13687 background-color: #fcf8e3;
13690 .list-unstyled {
13691 padding-left: 0;
13692 list-style: none;
13695 .list-inline {
13696 padding-left: 0;
13697 list-style: none;
13700 .list-inline-item {
13701 display: inline-block;
13703 .list-inline-item:not(:last-child) {
13704 margin-right: 0.5rem;
13707 .initialism {
13708 font-size: 90%;
13709 text-transform: uppercase;
13712 .blockquote {
13713 margin-bottom: 1rem;
13714 font-size: 1.171875rem;
13716 @media (max-width: 1200px) {
13717 .blockquote {
13718 font-size: calc(0.9271875rem + 0.32625vw);
13722 .blockquote-footer {
13723 display: block;
13724 font-size: 0.875em;
13725 color: #6a737b;
13727 .blockquote-footer::before {
13728 content: "— ";
13731 .img-fluid {
13732 max-width: 100%;
13733 height: auto;
13736 .img-thumbnail {
13737 padding: 0.25rem;
13738 background-color: #fff;
13739 border: 1px solid #dee2e6;
13740 border-radius: 0.25rem;
13741 max-width: 100%;
13742 height: auto;
13745 .figure {
13746 display: inline-block;
13749 .figure-img {
13750 margin-bottom: 0.5rem;
13751 line-height: 1;
13754 .figure-caption {
13755 font-size: 90%;
13756 color: #6a737b;
13759 code {
13760 font-size: 87.5%;
13761 color: #e83e8c;
13762 word-wrap: break-word;
13764 a > code {
13765 color: inherit;
13768 kbd {
13769 padding: 0.2rem 0.4rem;
13770 font-size: 87.5%;
13771 color: #fff;
13772 background-color: #1d2125;
13773 border-radius: 0.2rem;
13775 kbd kbd {
13776 padding: 0;
13777 font-size: 100%;
13778 font-weight: 700;
13781 pre {
13782 display: block;
13783 font-size: 87.5%;
13784 color: #1d2125;
13786 pre code {
13787 font-size: inherit;
13788 color: inherit;
13789 word-break: normal;
13792 .pre-scrollable {
13793 max-height: 340px;
13794 overflow-y: scroll;
13797 .container,
13798 .container-fluid,
13799 .container-xl,
13800 .container-lg,
13801 .container-md,
13802 .container-sm {
13803 width: 100%;
13804 padding-right: 15px;
13805 padding-left: 15px;
13806 margin-right: auto;
13807 margin-left: auto;
13810 @media (min-width: 576px) {
13811 .container-sm, .container {
13812 max-width: 540px;
13815 @media (min-width: 768px) {
13816 .container-md, .container-sm, .container {
13817 max-width: 720px;
13820 @media (min-width: 992px) {
13821 .container-lg, .container-md, .container-sm, .container {
13822 max-width: 960px;
13825 @media (min-width: 1200px) {
13826 .container-xl, .container-lg, .container-md, .container-sm, .container {
13827 max-width: 1140px;
13830 .row {
13831 display: flex;
13832 flex-wrap: wrap;
13833 margin-right: -15px;
13834 margin-left: -15px;
13837 .no-gutters {
13838 margin-right: 0;
13839 margin-left: 0;
13841 .no-gutters > .col,
13842 .no-gutters > [class*=col-] {
13843 padding-right: 0;
13844 padding-left: 0;
13847 .col-xl,
13848 .col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg,
13849 .col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md,
13850 .col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm,
13851 .col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col,
13852 .col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
13853 position: relative;
13854 width: 100%;
13855 padding-right: 15px;
13856 padding-left: 15px;
13859 .col {
13860 flex-basis: 0;
13861 flex-grow: 1;
13862 max-width: 100%;
13865 .row-cols-1 > * {
13866 flex: 0 0 100%;
13867 max-width: 100%;
13870 .row-cols-2 > * {
13871 flex: 0 0 50%;
13872 max-width: 50%;
13875 .row-cols-3 > * {
13876 flex: 0 0 33.3333333333%;
13877 max-width: 33.3333333333%;
13880 .row-cols-4 > * {
13881 flex: 0 0 25%;
13882 max-width: 25%;
13885 .row-cols-5 > * {
13886 flex: 0 0 20%;
13887 max-width: 20%;
13890 .row-cols-6 > * {
13891 flex: 0 0 16.6666666667%;
13892 max-width: 16.6666666667%;
13895 .col-auto {
13896 flex: 0 0 auto;
13897 width: auto;
13898 max-width: 100%;
13901 .col-1 {
13902 flex: 0 0 8.33333333%;
13903 max-width: 8.33333333%;
13906 .col-2 {
13907 flex: 0 0 16.66666667%;
13908 max-width: 16.66666667%;
13911 .col-3 {
13912 flex: 0 0 25%;
13913 max-width: 25%;
13916 .col-4 {
13917 flex: 0 0 33.33333333%;
13918 max-width: 33.33333333%;
13921 .col-5 {
13922 flex: 0 0 41.66666667%;
13923 max-width: 41.66666667%;
13926 .col-6 {
13927 flex: 0 0 50%;
13928 max-width: 50%;
13931 .col-7 {
13932 flex: 0 0 58.33333333%;
13933 max-width: 58.33333333%;
13936 .col-8 {
13937 flex: 0 0 66.66666667%;
13938 max-width: 66.66666667%;
13941 .col-9 {
13942 flex: 0 0 75%;
13943 max-width: 75%;
13946 .col-10 {
13947 flex: 0 0 83.33333333%;
13948 max-width: 83.33333333%;
13951 .col-11 {
13952 flex: 0 0 91.66666667%;
13953 max-width: 91.66666667%;
13956 .col-12 {
13957 flex: 0 0 100%;
13958 max-width: 100%;
13961 .order-first {
13962 order: -1;
13965 .order-last {
13966 order: 13;
13969 .order-0 {
13970 order: 0;
13973 .order-1 {
13974 order: 1;
13977 .order-2 {
13978 order: 2;
13981 .order-3 {
13982 order: 3;
13985 .order-4 {
13986 order: 4;
13989 .order-5 {
13990 order: 5;
13993 .order-6 {
13994 order: 6;
13997 .order-7 {
13998 order: 7;
14001 .order-8 {
14002 order: 8;
14005 .order-9 {
14006 order: 9;
14009 .order-10 {
14010 order: 10;
14013 .order-11 {
14014 order: 11;
14017 .order-12 {
14018 order: 12;
14021 .offset-1 {
14022 margin-left: 8.33333333%;
14025 .offset-2 {
14026 margin-left: 16.66666667%;
14029 .offset-3 {
14030 margin-left: 25%;
14033 .offset-4 {
14034 margin-left: 33.33333333%;
14037 .offset-5 {
14038 margin-left: 41.66666667%;
14041 .offset-6 {
14042 margin-left: 50%;
14045 .offset-7 {
14046 margin-left: 58.33333333%;
14049 .offset-8 {
14050 margin-left: 66.66666667%;
14053 .offset-9 {
14054 margin-left: 75%;
14057 .offset-10 {
14058 margin-left: 83.33333333%;
14061 .offset-11 {
14062 margin-left: 91.66666667%;
14065 @media (min-width: 576px) {
14066 .col-sm {
14067 flex-basis: 0;
14068 flex-grow: 1;
14069 max-width: 100%;
14071 .row-cols-sm-1 > * {
14072 flex: 0 0 100%;
14073 max-width: 100%;
14075 .row-cols-sm-2 > * {
14076 flex: 0 0 50%;
14077 max-width: 50%;
14079 .row-cols-sm-3 > * {
14080 flex: 0 0 33.3333333333%;
14081 max-width: 33.3333333333%;
14083 .row-cols-sm-4 > * {
14084 flex: 0 0 25%;
14085 max-width: 25%;
14087 .row-cols-sm-5 > * {
14088 flex: 0 0 20%;
14089 max-width: 20%;
14091 .row-cols-sm-6 > * {
14092 flex: 0 0 16.6666666667%;
14093 max-width: 16.6666666667%;
14095 .col-sm-auto {
14096 flex: 0 0 auto;
14097 width: auto;
14098 max-width: 100%;
14100 .col-sm-1 {
14101 flex: 0 0 8.33333333%;
14102 max-width: 8.33333333%;
14104 .col-sm-2 {
14105 flex: 0 0 16.66666667%;
14106 max-width: 16.66666667%;
14108 .col-sm-3 {
14109 flex: 0 0 25%;
14110 max-width: 25%;
14112 .col-sm-4 {
14113 flex: 0 0 33.33333333%;
14114 max-width: 33.33333333%;
14116 .col-sm-5 {
14117 flex: 0 0 41.66666667%;
14118 max-width: 41.66666667%;
14120 .col-sm-6 {
14121 flex: 0 0 50%;
14122 max-width: 50%;
14124 .col-sm-7 {
14125 flex: 0 0 58.33333333%;
14126 max-width: 58.33333333%;
14128 .col-sm-8 {
14129 flex: 0 0 66.66666667%;
14130 max-width: 66.66666667%;
14132 .col-sm-9 {
14133 flex: 0 0 75%;
14134 max-width: 75%;
14136 .col-sm-10 {
14137 flex: 0 0 83.33333333%;
14138 max-width: 83.33333333%;
14140 .col-sm-11 {
14141 flex: 0 0 91.66666667%;
14142 max-width: 91.66666667%;
14144 .col-sm-12 {
14145 flex: 0 0 100%;
14146 max-width: 100%;
14148 .order-sm-first {
14149 order: -1;
14151 .order-sm-last {
14152 order: 13;
14154 .order-sm-0 {
14155 order: 0;
14157 .order-sm-1 {
14158 order: 1;
14160 .order-sm-2 {
14161 order: 2;
14163 .order-sm-3 {
14164 order: 3;
14166 .order-sm-4 {
14167 order: 4;
14169 .order-sm-5 {
14170 order: 5;
14172 .order-sm-6 {
14173 order: 6;
14175 .order-sm-7 {
14176 order: 7;
14178 .order-sm-8 {
14179 order: 8;
14181 .order-sm-9 {
14182 order: 9;
14184 .order-sm-10 {
14185 order: 10;
14187 .order-sm-11 {
14188 order: 11;
14190 .order-sm-12 {
14191 order: 12;
14193 .offset-sm-0 {
14194 margin-left: 0;
14196 .offset-sm-1 {
14197 margin-left: 8.33333333%;
14199 .offset-sm-2 {
14200 margin-left: 16.66666667%;
14202 .offset-sm-3 {
14203 margin-left: 25%;
14205 .offset-sm-4 {
14206 margin-left: 33.33333333%;
14208 .offset-sm-5 {
14209 margin-left: 41.66666667%;
14211 .offset-sm-6 {
14212 margin-left: 50%;
14214 .offset-sm-7 {
14215 margin-left: 58.33333333%;
14217 .offset-sm-8 {
14218 margin-left: 66.66666667%;
14220 .offset-sm-9 {
14221 margin-left: 75%;
14223 .offset-sm-10 {
14224 margin-left: 83.33333333%;
14226 .offset-sm-11 {
14227 margin-left: 91.66666667%;
14230 @media (min-width: 768px) {
14231 .col-md {
14232 flex-basis: 0;
14233 flex-grow: 1;
14234 max-width: 100%;
14236 .row-cols-md-1 > * {
14237 flex: 0 0 100%;
14238 max-width: 100%;
14240 .row-cols-md-2 > * {
14241 flex: 0 0 50%;
14242 max-width: 50%;
14244 .row-cols-md-3 > * {
14245 flex: 0 0 33.3333333333%;
14246 max-width: 33.3333333333%;
14248 .row-cols-md-4 > * {
14249 flex: 0 0 25%;
14250 max-width: 25%;
14252 .row-cols-md-5 > * {
14253 flex: 0 0 20%;
14254 max-width: 20%;
14256 .row-cols-md-6 > * {
14257 flex: 0 0 16.6666666667%;
14258 max-width: 16.6666666667%;
14260 .col-md-auto {
14261 flex: 0 0 auto;
14262 width: auto;
14263 max-width: 100%;
14265 .col-md-1 {
14266 flex: 0 0 8.33333333%;
14267 max-width: 8.33333333%;
14269 .col-md-2 {
14270 flex: 0 0 16.66666667%;
14271 max-width: 16.66666667%;
14273 .col-md-3 {
14274 flex: 0 0 25%;
14275 max-width: 25%;
14277 .col-md-4 {
14278 flex: 0 0 33.33333333%;
14279 max-width: 33.33333333%;
14281 .col-md-5 {
14282 flex: 0 0 41.66666667%;
14283 max-width: 41.66666667%;
14285 .col-md-6 {
14286 flex: 0 0 50%;
14287 max-width: 50%;
14289 .col-md-7 {
14290 flex: 0 0 58.33333333%;
14291 max-width: 58.33333333%;
14293 .col-md-8 {
14294 flex: 0 0 66.66666667%;
14295 max-width: 66.66666667%;
14297 .col-md-9 {
14298 flex: 0 0 75%;
14299 max-width: 75%;
14301 .col-md-10 {
14302 flex: 0 0 83.33333333%;
14303 max-width: 83.33333333%;
14305 .col-md-11 {
14306 flex: 0 0 91.66666667%;
14307 max-width: 91.66666667%;
14309 .col-md-12 {
14310 flex: 0 0 100%;
14311 max-width: 100%;
14313 .order-md-first {
14314 order: -1;
14316 .order-md-last {
14317 order: 13;
14319 .order-md-0 {
14320 order: 0;
14322 .order-md-1 {
14323 order: 1;
14325 .order-md-2 {
14326 order: 2;
14328 .order-md-3 {
14329 order: 3;
14331 .order-md-4 {
14332 order: 4;
14334 .order-md-5 {
14335 order: 5;
14337 .order-md-6 {
14338 order: 6;
14340 .order-md-7 {
14341 order: 7;
14343 .order-md-8 {
14344 order: 8;
14346 .order-md-9 {
14347 order: 9;
14349 .order-md-10 {
14350 order: 10;
14352 .order-md-11 {
14353 order: 11;
14355 .order-md-12 {
14356 order: 12;
14358 .offset-md-0 {
14359 margin-left: 0;
14361 .offset-md-1 {
14362 margin-left: 8.33333333%;
14364 .offset-md-2 {
14365 margin-left: 16.66666667%;
14367 .offset-md-3 {
14368 margin-left: 25%;
14370 .offset-md-4 {
14371 margin-left: 33.33333333%;
14373 .offset-md-5 {
14374 margin-left: 41.66666667%;
14376 .offset-md-6 {
14377 margin-left: 50%;
14379 .offset-md-7 {
14380 margin-left: 58.33333333%;
14382 .offset-md-8 {
14383 margin-left: 66.66666667%;
14385 .offset-md-9 {
14386 margin-left: 75%;
14388 .offset-md-10 {
14389 margin-left: 83.33333333%;
14391 .offset-md-11 {
14392 margin-left: 91.66666667%;
14395 @media (min-width: 992px) {
14396 .col-lg {
14397 flex-basis: 0;
14398 flex-grow: 1;
14399 max-width: 100%;
14401 .row-cols-lg-1 > * {
14402 flex: 0 0 100%;
14403 max-width: 100%;
14405 .row-cols-lg-2 > * {
14406 flex: 0 0 50%;
14407 max-width: 50%;
14409 .row-cols-lg-3 > * {
14410 flex: 0 0 33.3333333333%;
14411 max-width: 33.3333333333%;
14413 .row-cols-lg-4 > * {
14414 flex: 0 0 25%;
14415 max-width: 25%;
14417 .row-cols-lg-5 > * {
14418 flex: 0 0 20%;
14419 max-width: 20%;
14421 .row-cols-lg-6 > * {
14422 flex: 0 0 16.6666666667%;
14423 max-width: 16.6666666667%;
14425 .col-lg-auto {
14426 flex: 0 0 auto;
14427 width: auto;
14428 max-width: 100%;
14430 .col-lg-1 {
14431 flex: 0 0 8.33333333%;
14432 max-width: 8.33333333%;
14434 .col-lg-2 {
14435 flex: 0 0 16.66666667%;
14436 max-width: 16.66666667%;
14438 .col-lg-3 {
14439 flex: 0 0 25%;
14440 max-width: 25%;
14442 .col-lg-4 {
14443 flex: 0 0 33.33333333%;
14444 max-width: 33.33333333%;
14446 .col-lg-5 {
14447 flex: 0 0 41.66666667%;
14448 max-width: 41.66666667%;
14450 .col-lg-6 {
14451 flex: 0 0 50%;
14452 max-width: 50%;
14454 .col-lg-7 {
14455 flex: 0 0 58.33333333%;
14456 max-width: 58.33333333%;
14458 .col-lg-8 {
14459 flex: 0 0 66.66666667%;
14460 max-width: 66.66666667%;
14462 .col-lg-9 {
14463 flex: 0 0 75%;
14464 max-width: 75%;
14466 .col-lg-10 {
14467 flex: 0 0 83.33333333%;
14468 max-width: 83.33333333%;
14470 .col-lg-11 {
14471 flex: 0 0 91.66666667%;
14472 max-width: 91.66666667%;
14474 .col-lg-12 {
14475 flex: 0 0 100%;
14476 max-width: 100%;
14478 .order-lg-first {
14479 order: -1;
14481 .order-lg-last {
14482 order: 13;
14484 .order-lg-0 {
14485 order: 0;
14487 .order-lg-1 {
14488 order: 1;
14490 .order-lg-2 {
14491 order: 2;
14493 .order-lg-3 {
14494 order: 3;
14496 .order-lg-4 {
14497 order: 4;
14499 .order-lg-5 {
14500 order: 5;
14502 .order-lg-6 {
14503 order: 6;
14505 .order-lg-7 {
14506 order: 7;
14508 .order-lg-8 {
14509 order: 8;
14511 .order-lg-9 {
14512 order: 9;
14514 .order-lg-10 {
14515 order: 10;
14517 .order-lg-11 {
14518 order: 11;
14520 .order-lg-12 {
14521 order: 12;
14523 .offset-lg-0 {
14524 margin-left: 0;
14526 .offset-lg-1 {
14527 margin-left: 8.33333333%;
14529 .offset-lg-2 {
14530 margin-left: 16.66666667%;
14532 .offset-lg-3 {
14533 margin-left: 25%;
14535 .offset-lg-4 {
14536 margin-left: 33.33333333%;
14538 .offset-lg-5 {
14539 margin-left: 41.66666667%;
14541 .offset-lg-6 {
14542 margin-left: 50%;
14544 .offset-lg-7 {
14545 margin-left: 58.33333333%;
14547 .offset-lg-8 {
14548 margin-left: 66.66666667%;
14550 .offset-lg-9 {
14551 margin-left: 75%;
14553 .offset-lg-10 {
14554 margin-left: 83.33333333%;
14556 .offset-lg-11 {
14557 margin-left: 91.66666667%;
14560 @media (min-width: 1200px) {
14561 .col-xl {
14562 flex-basis: 0;
14563 flex-grow: 1;
14564 max-width: 100%;
14566 .row-cols-xl-1 > * {
14567 flex: 0 0 100%;
14568 max-width: 100%;
14570 .row-cols-xl-2 > * {
14571 flex: 0 0 50%;
14572 max-width: 50%;
14574 .row-cols-xl-3 > * {
14575 flex: 0 0 33.3333333333%;
14576 max-width: 33.3333333333%;
14578 .row-cols-xl-4 > * {
14579 flex: 0 0 25%;
14580 max-width: 25%;
14582 .row-cols-xl-5 > * {
14583 flex: 0 0 20%;
14584 max-width: 20%;
14586 .row-cols-xl-6 > * {
14587 flex: 0 0 16.6666666667%;
14588 max-width: 16.6666666667%;
14590 .col-xl-auto {
14591 flex: 0 0 auto;
14592 width: auto;
14593 max-width: 100%;
14595 .col-xl-1 {
14596 flex: 0 0 8.33333333%;
14597 max-width: 8.33333333%;
14599 .col-xl-2 {
14600 flex: 0 0 16.66666667%;
14601 max-width: 16.66666667%;
14603 .col-xl-3 {
14604 flex: 0 0 25%;
14605 max-width: 25%;
14607 .col-xl-4 {
14608 flex: 0 0 33.33333333%;
14609 max-width: 33.33333333%;
14611 .col-xl-5 {
14612 flex: 0 0 41.66666667%;
14613 max-width: 41.66666667%;
14615 .col-xl-6 {
14616 flex: 0 0 50%;
14617 max-width: 50%;
14619 .col-xl-7 {
14620 flex: 0 0 58.33333333%;
14621 max-width: 58.33333333%;
14623 .col-xl-8 {
14624 flex: 0 0 66.66666667%;
14625 max-width: 66.66666667%;
14627 .col-xl-9 {
14628 flex: 0 0 75%;
14629 max-width: 75%;
14631 .col-xl-10 {
14632 flex: 0 0 83.33333333%;
14633 max-width: 83.33333333%;
14635 .col-xl-11 {
14636 flex: 0 0 91.66666667%;
14637 max-width: 91.66666667%;
14639 .col-xl-12 {
14640 flex: 0 0 100%;
14641 max-width: 100%;
14643 .order-xl-first {
14644 order: -1;
14646 .order-xl-last {
14647 order: 13;
14649 .order-xl-0 {
14650 order: 0;
14652 .order-xl-1 {
14653 order: 1;
14655 .order-xl-2 {
14656 order: 2;
14658 .order-xl-3 {
14659 order: 3;
14661 .order-xl-4 {
14662 order: 4;
14664 .order-xl-5 {
14665 order: 5;
14667 .order-xl-6 {
14668 order: 6;
14670 .order-xl-7 {
14671 order: 7;
14673 .order-xl-8 {
14674 order: 8;
14676 .order-xl-9 {
14677 order: 9;
14679 .order-xl-10 {
14680 order: 10;
14682 .order-xl-11 {
14683 order: 11;
14685 .order-xl-12 {
14686 order: 12;
14688 .offset-xl-0 {
14689 margin-left: 0;
14691 .offset-xl-1 {
14692 margin-left: 8.33333333%;
14694 .offset-xl-2 {
14695 margin-left: 16.66666667%;
14697 .offset-xl-3 {
14698 margin-left: 25%;
14700 .offset-xl-4 {
14701 margin-left: 33.33333333%;
14703 .offset-xl-5 {
14704 margin-left: 41.66666667%;
14706 .offset-xl-6 {
14707 margin-left: 50%;
14709 .offset-xl-7 {
14710 margin-left: 58.33333333%;
14712 .offset-xl-8 {
14713 margin-left: 66.66666667%;
14715 .offset-xl-9 {
14716 margin-left: 75%;
14718 .offset-xl-10 {
14719 margin-left: 83.33333333%;
14721 .offset-xl-11 {
14722 margin-left: 91.66666667%;
14725 .table {
14726 width: 100%;
14727 margin-bottom: 1rem;
14728 color: #1d2125;
14730 .table th,
14731 .table td {
14732 padding: 0.75rem;
14733 vertical-align: top;
14734 border-top: 1px solid #dee2e6;
14736 .table thead th {
14737 vertical-align: bottom;
14738 border-bottom: 2px solid #dee2e6;
14740 .table tbody + tbody {
14741 border-top: 2px solid #dee2e6;
14744 .table-sm th,
14745 .table-sm td {
14746 padding: 0.3rem;
14749 .table-bordered {
14750 border: 1px solid #dee2e6;
14752 .table-bordered th,
14753 .table-bordered td {
14754 border: 1px solid #dee2e6;
14756 .table-bordered thead th,
14757 .table-bordered thead td {
14758 border-bottom-width: 2px;
14761 .table-borderless th,
14762 .table-borderless td,
14763 .table-borderless thead th,
14764 .table-borderless tbody + tbody {
14765 border: 0;
14768 .table-striped tbody tr:nth-of-type(odd) {
14769 background-color: rgba(0, 0, 0, 0.03);
14772 .table-hover tbody tr:hover {
14773 color: #1d2125;
14774 background-color: rgba(0, 0, 0, 0.075);
14777 .table-primary,
14778 .table-primary > th,
14779 .table-primary > td {
14780 background-color: #bcd6ed;
14782 .table-primary th,
14783 .table-primary td,
14784 .table-primary thead th,
14785 .table-primary tbody + tbody {
14786 border-color: #82b3de;
14789 .table-hover .table-primary:hover {
14790 background-color: #a8cae8;
14792 .table-hover .table-primary:hover > td,
14793 .table-hover .table-primary:hover > th {
14794 background-color: #a8cae8;
14797 .table-secondary,
14798 .table-secondary > th,
14799 .table-secondary > td {
14800 background-color: #f1f3f5;
14802 .table-secondary th,
14803 .table-secondary td,
14804 .table-secondary thead th,
14805 .table-secondary tbody + tbody {
14806 border-color: #e6e9ec;
14809 .table-hover .table-secondary:hover {
14810 background-color: #e2e6ea;
14812 .table-hover .table-secondary:hover > td,
14813 .table-hover .table-secondary:hover > th {
14814 background-color: #e2e6ea;
14817 .table-success,
14818 .table-success > th,
14819 .table-success > td {
14820 background-color: #c6dac6;
14822 .table-success th,
14823 .table-success td,
14824 .table-success thead th,
14825 .table-success tbody + tbody {
14826 border-color: #96ba94;
14829 .table-hover .table-success:hover {
14830 background-color: #b7d0b7;
14832 .table-hover .table-success:hover > td,
14833 .table-hover .table-success:hover > th {
14834 background-color: #b7d0b7;
14837 .table-info,
14838 .table-info > th,
14839 .table-info > td {
14840 background-color: #b8dce2;
14842 .table-info th,
14843 .table-info td,
14844 .table-info thead th,
14845 .table-info tbody + tbody {
14846 border-color: #7abdc8;
14849 .table-hover .table-info:hover {
14850 background-color: #a6d3db;
14852 .table-hover .table-info:hover > td,
14853 .table-hover .table-info:hover > th {
14854 background-color: #a6d3db;
14857 .table-warning,
14858 .table-warning > th,
14859 .table-warning > td {
14860 background-color: #fbe8cd;
14862 .table-warning th,
14863 .table-warning td,
14864 .table-warning thead th,
14865 .table-warning tbody + tbody {
14866 border-color: #f7d4a3;
14869 .table-hover .table-warning:hover {
14870 background-color: #f9ddb5;
14872 .table-hover .table-warning:hover > td,
14873 .table-hover .table-warning:hover > th {
14874 background-color: #f9ddb5;
14877 .table-danger,
14878 .table-danger > th,
14879 .table-danger > td {
14880 background-color: #f0c5c1;
14882 .table-danger th,
14883 .table-danger td,
14884 .table-danger thead th,
14885 .table-danger tbody + tbody {
14886 border-color: #e3948b;
14889 .table-hover .table-danger:hover {
14890 background-color: #ebb2ac;
14892 .table-hover .table-danger:hover > td,
14893 .table-hover .table-danger:hover > th {
14894 background-color: #ebb2ac;
14897 .table-light,
14898 .table-light > th,
14899 .table-light > td {
14900 background-color: #fdfdfe;
14902 .table-light th,
14903 .table-light td,
14904 .table-light thead th,
14905 .table-light tbody + tbody {
14906 border-color: #fbfcfc;
14909 .table-hover .table-light:hover {
14910 background-color: #ececf6;
14912 .table-hover .table-light:hover > td,
14913 .table-hover .table-light:hover > th {
14914 background-color: #ececf6;
14917 .table-dark,
14918 .table-dark > th,
14919 .table-dark > td {
14920 background-color: #c6c8ca;
14922 .table-dark th,
14923 .table-dark td,
14924 .table-dark thead th,
14925 .table-dark tbody + tbody {
14926 border-color: #95999c;
14929 .table-hover .table-dark:hover {
14930 background-color: #b9bbbe;
14932 .table-hover .table-dark:hover > td,
14933 .table-hover .table-dark:hover > th {
14934 background-color: #b9bbbe;
14937 .table-active,
14938 .table-active > th,
14939 .table-active > td {
14940 background-color: rgba(0, 0, 0, 0.075);
14943 .table-hover .table-active:hover {
14944 background-color: rgba(0, 0, 0, 0.075);
14946 .table-hover .table-active:hover > td,
14947 .table-hover .table-active:hover > th {
14948 background-color: rgba(0, 0, 0, 0.075);
14951 .table .thead-dark th {
14952 color: #fff;
14953 background-color: #343a40;
14954 border-color: #454d55;
14956 .table .thead-light th {
14957 color: #495057;
14958 background-color: #e9ecef;
14959 border-color: #dee2e6;
14962 .table-dark {
14963 color: #fff;
14964 background-color: #343a40;
14966 .table-dark th,
14967 .table-dark td,
14968 .table-dark thead th {
14969 border-color: #454d55;
14971 .table-dark.table-bordered {
14972 border: 0;
14974 .table-dark.table-striped tbody tr:nth-of-type(odd) {
14975 background-color: rgba(255, 255, 255, 0.05);
14977 .table-dark.table-hover tbody tr:hover {
14978 color: #fff;
14979 background-color: rgba(255, 255, 255, 0.075);
14982 @media (max-width: 575.98px) {
14983 .table-responsive-sm {
14984 display: block;
14985 width: 100%;
14986 overflow-x: auto;
14987 -webkit-overflow-scrolling: touch;
14989 .table-responsive-sm > .table-bordered {
14990 border: 0;
14993 @media (max-width: 767.98px) {
14994 .table-responsive-md {
14995 display: block;
14996 width: 100%;
14997 overflow-x: auto;
14998 -webkit-overflow-scrolling: touch;
15000 .table-responsive-md > .table-bordered {
15001 border: 0;
15004 @media (max-width: 991.98px) {
15005 .table-responsive-lg {
15006 display: block;
15007 width: 100%;
15008 overflow-x: auto;
15009 -webkit-overflow-scrolling: touch;
15011 .table-responsive-lg > .table-bordered {
15012 border: 0;
15015 @media (max-width: 1199.98px) {
15016 .table-responsive-xl {
15017 display: block;
15018 width: 100%;
15019 overflow-x: auto;
15020 -webkit-overflow-scrolling: touch;
15022 .table-responsive-xl > .table-bordered {
15023 border: 0;
15026 .table-responsive {
15027 display: block;
15028 width: 100%;
15029 overflow-x: auto;
15030 -webkit-overflow-scrolling: touch;
15032 .table-responsive > .table-bordered {
15033 border: 0;
15036 .form-control {
15037 display: block;
15038 width: 100%;
15039 height: calc(1.5em + 0.75rem + 2px);
15040 padding: 0.375rem 0.75rem;
15041 font-size: 0.9375rem;
15042 font-weight: 400;
15043 line-height: 1.5;
15044 color: #495057;
15045 background-color: #fff;
15046 background-clip: padding-box;
15047 border: 1px solid #8f959e;
15048 border-radius: 0.25rem;
15049 transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
15051 @media (max-width: 1200px) {
15052 .form-control {
15053 font-size: calc(0.90375rem + 0.045vw);
15056 @media (prefers-reduced-motion: reduce) {
15057 .form-control {
15058 transition: none;
15061 .form-control::-ms-expand {
15062 background-color: transparent;
15063 border: 0;
15065 .form-control:focus {
15066 color: #495057;
15067 background-color: #fff;
15068 border-color: #5babf2;
15069 outline: 0;
15070 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
15072 .form-control::placeholder {
15073 color: #6a737b;
15074 opacity: 1;
15076 .form-control:disabled, .form-control[readonly] {
15077 background-color: #e9ecef;
15078 opacity: 1;
15081 input[type=date].form-control,
15082 input[type=time].form-control,
15083 input[type=datetime-local].form-control,
15084 input[type=month].form-control {
15085 appearance: none;
15088 select.form-control:-moz-focusring {
15089 color: transparent;
15090 text-shadow: 0 0 0 #495057;
15092 select.form-control:focus::-ms-value {
15093 color: #495057;
15094 background-color: #fff;
15097 .form-control-file,
15098 .form-control-range {
15099 display: block;
15100 width: 100%;
15103 .col-form-label {
15104 padding-top: calc(0.375rem + 1px);
15105 padding-bottom: calc(0.375rem + 1px);
15106 margin-bottom: 0;
15107 font-size: inherit;
15108 line-height: 1.5;
15111 .col-form-label-lg {
15112 padding-top: calc(0.5rem + 1px);
15113 padding-bottom: calc(0.5rem + 1px);
15114 font-size: 1.171875rem;
15115 line-height: 1.5;
15117 @media (max-width: 1200px) {
15118 .col-form-label-lg {
15119 font-size: calc(0.9271875rem + 0.32625vw);
15123 .col-form-label-sm {
15124 padding-top: calc(0.25rem + 1px);
15125 padding-bottom: calc(0.25rem + 1px);
15126 font-size: 0.8203125rem;
15127 line-height: 1.5;
15130 .form-control-plaintext {
15131 display: block;
15132 width: 100%;
15133 padding: 0.375rem 0;
15134 margin-bottom: 0;
15135 font-size: 0.9375rem;
15136 line-height: 1.5;
15137 color: #1d2125;
15138 background-color: transparent;
15139 border: solid transparent;
15140 border-width: 1px 0;
15142 @media (max-width: 1200px) {
15143 .form-control-plaintext {
15144 font-size: calc(0.90375rem + 0.045vw);
15147 .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
15148 padding-right: 0;
15149 padding-left: 0;
15152 .form-control-sm {
15153 height: calc(1.5em + 0.5rem + 2px);
15154 padding: 0.25rem 0.5rem;
15155 font-size: 0.8203125rem;
15156 line-height: 1.5;
15157 border-radius: 0.2rem;
15160 .form-control-lg {
15161 height: calc(1.5em + 1rem + 2px);
15162 padding: 0.5rem 1rem;
15163 font-size: 1.171875rem;
15164 line-height: 1.5;
15165 border-radius: 0.3rem;
15167 @media (max-width: 1200px) {
15168 .form-control-lg {
15169 font-size: calc(0.9271875rem + 0.32625vw);
15173 select.form-control[size], select.form-control[multiple] {
15174 height: auto;
15177 textarea.form-control {
15178 height: auto;
15181 .form-group {
15182 margin-bottom: 1rem;
15185 .form-text {
15186 display: block;
15187 margin-top: 0.25rem;
15190 .form-row {
15191 display: flex;
15192 flex-wrap: wrap;
15193 margin-right: -5px;
15194 margin-left: -5px;
15196 .form-row > .col,
15197 .form-row > [class*=col-] {
15198 padding-right: 5px;
15199 padding-left: 5px;
15202 .form-check {
15203 position: relative;
15204 display: block;
15205 padding-left: 1.25rem;
15208 .form-check-input {
15209 position: absolute;
15210 margin-top: 0.3rem;
15211 margin-left: -1.25rem;
15213 .form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
15214 color: #6a737b;
15217 .form-check-label {
15218 margin-bottom: 0;
15221 .form-check-inline {
15222 display: inline-flex;
15223 align-items: center;
15224 padding-left: 0;
15225 margin-right: 0.75rem;
15227 .form-check-inline .form-check-input {
15228 position: static;
15229 margin-top: 0;
15230 margin-right: 0.3125rem;
15231 margin-left: 0;
15234 .valid-feedback {
15235 display: none;
15236 width: 100%;
15237 margin-top: 0.25rem;
15238 font-size: 0.875em;
15239 color: #357a32;
15242 .valid-tooltip {
15243 position: absolute;
15244 top: 100%;
15245 left: 0;
15246 z-index: 5;
15247 display: none;
15248 max-width: 100%;
15249 padding: 0.25rem 0.5rem;
15250 margin-top: 0.1rem;
15251 font-size: 0.8203125rem;
15252 line-height: 1.5;
15253 color: #fff;
15254 background-color: rgba(53, 122, 50, 0.9);
15255 border-radius: 0.25rem;
15257 .form-row > .col > .valid-tooltip, .form-row > [class*=col-] > .valid-tooltip {
15258 left: 5px;
15261 .was-validated :valid ~ .valid-feedback,
15262 .was-validated :valid ~ .valid-tooltip,
15263 .is-valid ~ .valid-feedback,
15264 .is-valid ~ .valid-tooltip {
15265 display: block;
15268 .was-validated .form-control:valid, .form-control.is-valid {
15269 border-color: #357a32;
15270 padding-right: calc(1.5em + 0.75rem) !important;
15271 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23357a32' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
15272 background-repeat: no-repeat;
15273 background-position: right calc(0.375em + 0.1875rem) center;
15274 background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
15276 .was-validated .form-control:valid:focus, .form-control.is-valid:focus {
15277 border-color: #357a32;
15278 box-shadow: 0 0 0 0.2rem rgba(53, 122, 50, 0.25);
15281 .was-validated select.form-control:valid, select.form-control.is-valid {
15282 padding-right: 3rem !important;
15283 background-position: right 1.5rem center;
15286 .was-validated textarea.form-control:valid, textarea.form-control.is-valid {
15287 padding-right: calc(1.5em + 0.75rem);
15288 background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
15291 .was-validated .custom-select:valid, .custom-select.is-valid {
15292 border-color: #357a32;
15293 padding-right: calc(0.75em + 2.3125rem) !important;
15294 background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23357a32' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat;
15296 .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
15297 border-color: #357a32;
15298 box-shadow: 0 0 0 0.2rem rgba(53, 122, 50, 0.25);
15301 .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
15302 color: #357a32;
15304 .was-validated .form-check-input:valid ~ .valid-feedback,
15305 .was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback,
15306 .form-check-input.is-valid ~ .valid-tooltip {
15307 display: block;
15310 .was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
15311 color: #357a32;
15313 .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
15314 border-color: #357a32;
15316 .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
15317 border-color: #459e41;
15318 background-color: #459e41;
15320 .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
15321 box-shadow: 0 0 0 0.2rem rgba(53, 122, 50, 0.25);
15323 .was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
15324 border-color: #357a32;
15327 .was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
15328 border-color: #357a32;
15330 .was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
15331 border-color: #357a32;
15332 box-shadow: 0 0 0 0.2rem rgba(53, 122, 50, 0.25);
15335 .invalid-feedback {
15336 display: none;
15337 width: 100%;
15338 margin-top: 0.25rem;
15339 font-size: 0.875em;
15340 color: #ca3120;
15343 .invalid-tooltip {
15344 position: absolute;
15345 top: 100%;
15346 left: 0;
15347 z-index: 5;
15348 display: none;
15349 max-width: 100%;
15350 padding: 0.25rem 0.5rem;
15351 margin-top: 0.1rem;
15352 font-size: 0.8203125rem;
15353 line-height: 1.5;
15354 color: #fff;
15355 background-color: rgba(202, 49, 32, 0.9);
15356 border-radius: 0.25rem;
15358 .form-row > .col > .invalid-tooltip, .form-row > [class*=col-] > .invalid-tooltip {
15359 left: 5px;
15362 .was-validated :invalid ~ .invalid-feedback,
15363 .was-validated :invalid ~ .invalid-tooltip,
15364 .is-invalid ~ .invalid-feedback,
15365 .is-invalid ~ .invalid-tooltip {
15366 display: block;
15369 .was-validated .form-control:invalid, .form-control.is-invalid {
15370 border-color: #ca3120;
15371 padding-right: calc(1.5em + 0.75rem) !important;
15372 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23ca3120' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23ca3120' stroke='none'/%3e%3c/svg%3e");
15373 background-repeat: no-repeat;
15374 background-position: right calc(0.375em + 0.1875rem) center;
15375 background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
15377 .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
15378 border-color: #ca3120;
15379 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.25);
15382 .was-validated select.form-control:invalid, select.form-control.is-invalid {
15383 padding-right: 3rem !important;
15384 background-position: right 1.5rem center;
15387 .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
15388 padding-right: calc(1.5em + 0.75rem);
15389 background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
15392 .was-validated .custom-select:invalid, .custom-select.is-invalid {
15393 border-color: #ca3120;
15394 padding-right: calc(0.75em + 2.3125rem) !important;
15395 background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23ca3120' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23ca3120' stroke='none'/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat;
15397 .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
15398 border-color: #ca3120;
15399 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.25);
15402 .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
15403 color: #ca3120;
15405 .was-validated .form-check-input:invalid ~ .invalid-feedback,
15406 .was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback,
15407 .form-check-input.is-invalid ~ .invalid-tooltip {
15408 display: block;
15411 .was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
15412 color: #ca3120;
15414 .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
15415 border-color: #ca3120;
15417 .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
15418 border-color: #e04d3d;
15419 background-color: #e04d3d;
15421 .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
15422 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.25);
15424 .was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
15425 border-color: #ca3120;
15428 .was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
15429 border-color: #ca3120;
15431 .was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
15432 border-color: #ca3120;
15433 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.25);
15436 .form-inline {
15437 display: flex;
15438 flex-flow: row wrap;
15439 align-items: center;
15441 .form-inline .form-check {
15442 width: 100%;
15444 @media (min-width: 576px) {
15445 .form-inline label {
15446 display: flex;
15447 align-items: center;
15448 justify-content: center;
15449 margin-bottom: 0;
15451 .form-inline .form-group {
15452 display: flex;
15453 flex: 0 0 auto;
15454 flex-flow: row wrap;
15455 align-items: center;
15456 margin-bottom: 0;
15458 .form-inline .form-control {
15459 display: inline-block;
15460 width: auto;
15461 vertical-align: middle;
15463 .form-inline .form-control-plaintext {
15464 display: inline-block;
15466 .form-inline .input-group,
15467 .form-inline .custom-select {
15468 width: auto;
15470 .form-inline .form-check {
15471 display: flex;
15472 align-items: center;
15473 justify-content: center;
15474 width: auto;
15475 padding-left: 0;
15477 .form-inline .form-check-input {
15478 position: relative;
15479 flex-shrink: 0;
15480 margin-top: 0;
15481 margin-right: 0.25rem;
15482 margin-left: 0;
15484 .form-inline .custom-control {
15485 align-items: center;
15486 justify-content: center;
15488 .form-inline .custom-control-label {
15489 margin-bottom: 0;
15493 .btn {
15494 display: inline-block;
15495 font-weight: 400;
15496 color: #1d2125;
15497 text-align: center;
15498 vertical-align: middle;
15499 user-select: none;
15500 background-color: transparent;
15501 border: 1px solid transparent;
15502 padding: 0.375rem 0.75rem;
15503 font-size: 0.9375rem;
15504 line-height: 1.5;
15505 border-radius: 0.25rem;
15506 transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
15508 @media (max-width: 1200px) {
15509 .btn {
15510 font-size: calc(0.90375rem + 0.045vw);
15513 @media (prefers-reduced-motion: reduce) {
15514 .btn {
15515 transition: none;
15518 .btn:hover {
15519 color: #1d2125;
15520 text-decoration: none;
15522 .btn:focus, .btn.focus {
15523 outline: 0;
15524 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
15526 .btn.disabled, .btn:disabled {
15527 opacity: 0.65;
15529 .btn:not(:disabled):not(.disabled) {
15530 cursor: pointer;
15532 a.btn.disabled,
15533 fieldset:disabled a.btn {
15534 pointer-events: none;
15537 .btn-primary {
15538 color: #fff;
15539 background-color: #0f6cbf;
15540 border-color: #0f6cbf;
15542 .btn-primary:hover {
15543 color: #fff;
15544 background-color: #0c589c;
15545 border-color: #0b5190;
15547 .btn-primary:focus, .btn-primary.focus {
15548 color: #fff;
15549 background-color: #0c589c;
15550 border-color: #0b5190;
15551 box-shadow: 0 0 0 0.2rem rgba(51, 130, 201, 0.5);
15553 .btn-primary.disabled, .btn-primary:disabled {
15554 color: #fff;
15555 background-color: #0f6cbf;
15556 border-color: #0f6cbf;
15558 .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
15559 color: #fff;
15560 background-color: #0b5190;
15561 border-color: #0a4b84;
15563 .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
15564 box-shadow: 0 0 0 0.2rem rgba(51, 130, 201, 0.5);
15567 .btn-secondary {
15568 color: #1d2125;
15569 background-color: #ced4da;
15570 border-color: #ced4da;
15572 .btn-secondary:hover {
15573 color: #1d2125;
15574 background-color: #b8c1ca;
15575 border-color: #b1bbc4;
15577 .btn-secondary:focus, .btn-secondary.focus {
15578 color: #1d2125;
15579 background-color: #b8c1ca;
15580 border-color: #b1bbc4;
15581 box-shadow: 0 0 0 0.2rem rgba(179, 185, 191, 0.5);
15583 .btn-secondary.disabled, .btn-secondary:disabled {
15584 color: #1d2125;
15585 background-color: #ced4da;
15586 border-color: #ced4da;
15588 .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {
15589 color: #1d2125;
15590 background-color: #b1bbc4;
15591 border-color: #aab4bf;
15593 .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus {
15594 box-shadow: 0 0 0 0.2rem rgba(179, 185, 191, 0.5);
15597 .btn-success {
15598 color: #fff;
15599 background-color: #357a32;
15600 border-color: #357a32;
15602 .btn-success:hover {
15603 color: #fff;
15604 background-color: #295f27;
15605 border-color: #255623;
15607 .btn-success:focus, .btn-success.focus {
15608 color: #fff;
15609 background-color: #295f27;
15610 border-color: #255623;
15611 box-shadow: 0 0 0 0.2rem rgba(83, 142, 81, 0.5);
15613 .btn-success.disabled, .btn-success:disabled {
15614 color: #fff;
15615 background-color: #357a32;
15616 border-color: #357a32;
15618 .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle {
15619 color: #fff;
15620 background-color: #255623;
15621 border-color: #214d1f;
15623 .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus {
15624 box-shadow: 0 0 0 0.2rem rgba(83, 142, 81, 0.5);
15627 .btn-info {
15628 color: #fff;
15629 background-color: #008196;
15630 border-color: #008196;
15632 .btn-info:hover {
15633 color: #fff;
15634 background-color: #006070;
15635 border-color: #005563;
15637 .btn-info:focus, .btn-info.focus {
15638 color: #fff;
15639 background-color: #006070;
15640 border-color: #005563;
15641 box-shadow: 0 0 0 0.2rem rgba(38, 148, 166, 0.5);
15643 .btn-info.disabled, .btn-info:disabled {
15644 color: #fff;
15645 background-color: #008196;
15646 border-color: #008196;
15648 .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle {
15649 color: #fff;
15650 background-color: #005563;
15651 border-color: #004a56;
15653 .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus {
15654 box-shadow: 0 0 0 0.2rem rgba(38, 148, 166, 0.5);
15657 .btn-warning {
15658 color: #1d2125;
15659 background-color: #f0ad4e;
15660 border-color: #f0ad4e;
15662 .btn-warning:hover {
15663 color: #1d2125;
15664 background-color: #ed9d2b;
15665 border-color: #ec971f;
15667 .btn-warning:focus, .btn-warning.focus {
15668 color: #1d2125;
15669 background-color: #ed9d2b;
15670 border-color: #ec971f;
15671 box-shadow: 0 0 0 0.2rem rgba(208, 152, 72, 0.5);
15673 .btn-warning.disabled, .btn-warning:disabled {
15674 color: #1d2125;
15675 background-color: #f0ad4e;
15676 border-color: #f0ad4e;
15678 .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle {
15679 color: #1d2125;
15680 background-color: #ec971f;
15681 border-color: #ea9214;
15683 .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus {
15684 box-shadow: 0 0 0 0.2rem rgba(208, 152, 72, 0.5);
15687 .btn-danger {
15688 color: #fff;
15689 background-color: #ca3120;
15690 border-color: #ca3120;
15692 .btn-danger:hover {
15693 color: #fff;
15694 background-color: #a9291b;
15695 border-color: #9e2619;
15697 .btn-danger:focus, .btn-danger.focus {
15698 color: #fff;
15699 background-color: #a9291b;
15700 border-color: #9e2619;
15701 box-shadow: 0 0 0 0.2rem rgba(210, 80, 65, 0.5);
15703 .btn-danger.disabled, .btn-danger:disabled {
15704 color: #fff;
15705 background-color: #ca3120;
15706 border-color: #ca3120;
15708 .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle {
15709 color: #fff;
15710 background-color: #9e2619;
15711 border-color: #932417;
15713 .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus {
15714 box-shadow: 0 0 0 0.2rem rgba(210, 80, 65, 0.5);
15717 .btn-light {
15718 color: #1d2125;
15719 background-color: #f8f9fa;
15720 border-color: #f8f9fa;
15722 .btn-light:hover {
15723 color: #1d2125;
15724 background-color: #e2e6ea;
15725 border-color: #dae0e5;
15727 .btn-light:focus, .btn-light.focus {
15728 color: #1d2125;
15729 background-color: #e2e6ea;
15730 border-color: #dae0e5;
15731 box-shadow: 0 0 0 0.2rem rgba(215, 217, 218, 0.5);
15733 .btn-light.disabled, .btn-light:disabled {
15734 color: #1d2125;
15735 background-color: #f8f9fa;
15736 border-color: #f8f9fa;
15738 .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle {
15739 color: #1d2125;
15740 background-color: #dae0e5;
15741 border-color: #d3d9df;
15743 .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus {
15744 box-shadow: 0 0 0 0.2rem rgba(215, 217, 218, 0.5);
15747 .btn-dark {
15748 color: #fff;
15749 background-color: #343a40;
15750 border-color: #343a40;
15752 .btn-dark:hover {
15753 color: #fff;
15754 background-color: #23272b;
15755 border-color: #1d2124;
15757 .btn-dark:focus, .btn-dark.focus {
15758 color: #fff;
15759 background-color: #23272b;
15760 border-color: #1d2124;
15761 box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
15763 .btn-dark.disabled, .btn-dark:disabled {
15764 color: #fff;
15765 background-color: #343a40;
15766 border-color: #343a40;
15768 .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle {
15769 color: #fff;
15770 background-color: #1d2124;
15771 border-color: #171a1d;
15773 .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus {
15774 box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
15777 .btn-outline-primary {
15778 color: #0f6cbf;
15779 border-color: #0f6cbf;
15781 .btn-outline-primary:hover {
15782 color: #fff;
15783 background-color: #0f6cbf;
15784 border-color: #0f6cbf;
15786 .btn-outline-primary:focus, .btn-outline-primary.focus {
15787 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.5);
15789 .btn-outline-primary.disabled, .btn-outline-primary:disabled {
15790 color: #0f6cbf;
15791 background-color: transparent;
15793 .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
15794 color: #fff;
15795 background-color: #0f6cbf;
15796 border-color: #0f6cbf;
15798 .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
15799 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.5);
15802 .btn-outline-secondary {
15803 color: #ced4da;
15804 border-color: #ced4da;
15806 .btn-outline-secondary:hover {
15807 color: #1d2125;
15808 background-color: #ced4da;
15809 border-color: #ced4da;
15811 .btn-outline-secondary:focus, .btn-outline-secondary.focus {
15812 box-shadow: 0 0 0 0.2rem rgba(206, 212, 218, 0.5);
15814 .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
15815 color: #ced4da;
15816 background-color: transparent;
15818 .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle {
15819 color: #1d2125;
15820 background-color: #ced4da;
15821 border-color: #ced4da;
15823 .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus {
15824 box-shadow: 0 0 0 0.2rem rgba(206, 212, 218, 0.5);
15827 .btn-outline-success {
15828 color: #357a32;
15829 border-color: #357a32;
15831 .btn-outline-success:hover {
15832 color: #fff;
15833 background-color: #357a32;
15834 border-color: #357a32;
15836 .btn-outline-success:focus, .btn-outline-success.focus {
15837 box-shadow: 0 0 0 0.2rem rgba(53, 122, 50, 0.5);
15839 .btn-outline-success.disabled, .btn-outline-success:disabled {
15840 color: #357a32;
15841 background-color: transparent;
15843 .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle {
15844 color: #fff;
15845 background-color: #357a32;
15846 border-color: #357a32;
15848 .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus {
15849 box-shadow: 0 0 0 0.2rem rgba(53, 122, 50, 0.5);
15852 .btn-outline-info {
15853 color: #008196;
15854 border-color: #008196;
15856 .btn-outline-info:hover {
15857 color: #fff;
15858 background-color: #008196;
15859 border-color: #008196;
15861 .btn-outline-info:focus, .btn-outline-info.focus {
15862 box-shadow: 0 0 0 0.2rem rgba(0, 129, 150, 0.5);
15864 .btn-outline-info.disabled, .btn-outline-info:disabled {
15865 color: #008196;
15866 background-color: transparent;
15868 .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle {
15869 color: #fff;
15870 background-color: #008196;
15871 border-color: #008196;
15873 .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus {
15874 box-shadow: 0 0 0 0.2rem rgba(0, 129, 150, 0.5);
15877 .btn-outline-warning {
15878 color: #f0ad4e;
15879 border-color: #f0ad4e;
15881 .btn-outline-warning:hover {
15882 color: #1d2125;
15883 background-color: #f0ad4e;
15884 border-color: #f0ad4e;
15886 .btn-outline-warning:focus, .btn-outline-warning.focus {
15887 box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.5);
15889 .btn-outline-warning.disabled, .btn-outline-warning:disabled {
15890 color: #f0ad4e;
15891 background-color: transparent;
15893 .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle {
15894 color: #1d2125;
15895 background-color: #f0ad4e;
15896 border-color: #f0ad4e;
15898 .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus {
15899 box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.5);
15902 .btn-outline-danger {
15903 color: #ca3120;
15904 border-color: #ca3120;
15906 .btn-outline-danger:hover {
15907 color: #fff;
15908 background-color: #ca3120;
15909 border-color: #ca3120;
15911 .btn-outline-danger:focus, .btn-outline-danger.focus {
15912 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.5);
15914 .btn-outline-danger.disabled, .btn-outline-danger:disabled {
15915 color: #ca3120;
15916 background-color: transparent;
15918 .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle {
15919 color: #fff;
15920 background-color: #ca3120;
15921 border-color: #ca3120;
15923 .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus {
15924 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.5);
15927 .btn-outline-light {
15928 color: #f8f9fa;
15929 border-color: #f8f9fa;
15931 .btn-outline-light:hover {
15932 color: #1d2125;
15933 background-color: #f8f9fa;
15934 border-color: #f8f9fa;
15936 .btn-outline-light:focus, .btn-outline-light.focus {
15937 box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
15939 .btn-outline-light.disabled, .btn-outline-light:disabled {
15940 color: #f8f9fa;
15941 background-color: transparent;
15943 .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle {
15944 color: #1d2125;
15945 background-color: #f8f9fa;
15946 border-color: #f8f9fa;
15948 .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus {
15949 box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
15952 .btn-outline-dark {
15953 color: #343a40;
15954 border-color: #343a40;
15956 .btn-outline-dark:hover {
15957 color: #fff;
15958 background-color: #343a40;
15959 border-color: #343a40;
15961 .btn-outline-dark:focus, .btn-outline-dark.focus {
15962 box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
15964 .btn-outline-dark.disabled, .btn-outline-dark:disabled {
15965 color: #343a40;
15966 background-color: transparent;
15968 .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle {
15969 color: #fff;
15970 background-color: #343a40;
15971 border-color: #343a40;
15973 .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus {
15974 box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
15977 .btn-link {
15978 font-weight: 400;
15979 color: #0f6cbf;
15980 text-decoration: none;
15982 .btn-link:hover {
15983 color: #094478;
15984 text-decoration: underline;
15986 .btn-link:focus, .btn-link.focus {
15987 text-decoration: underline;
15989 .btn-link:disabled, .btn-link.disabled {
15990 color: #6a737b;
15991 pointer-events: none;
15994 .btn-lg, .btn-group-lg > .btn {
15995 padding: 0.5rem 1rem;
15996 font-size: 1.171875rem;
15997 line-height: 1.5;
15998 border-radius: 0.3rem;
16000 @media (max-width: 1200px) {
16001 .btn-lg, .btn-group-lg > .btn {
16002 font-size: calc(0.9271875rem + 0.32625vw);
16006 .btn-sm, .btn-group-sm > .btn {
16007 padding: 0.25rem 0.5rem;
16008 font-size: 0.8203125rem;
16009 line-height: 1.5;
16010 border-radius: 0.2rem;
16013 .btn-block {
16014 display: block;
16015 width: 100%;
16017 .btn-block + .btn-block {
16018 margin-top: 0.5rem;
16021 input[type=submit].btn-block,
16022 input[type=reset].btn-block,
16023 input[type=button].btn-block {
16024 width: 100%;
16027 .fade {
16028 transition: opacity 0.15s linear;
16030 @media (prefers-reduced-motion: reduce) {
16031 .fade {
16032 transition: none;
16035 .fade:not(.show) {
16036 opacity: 0;
16039 .collapse:not(.show) {
16040 display: none;
16043 .collapsing {
16044 position: relative;
16045 height: 0;
16046 overflow: hidden;
16047 transition: height 0.35s ease;
16049 @media (prefers-reduced-motion: reduce) {
16050 .collapsing {
16051 transition: none;
16054 .collapsing.width {
16055 width: 0;
16056 height: auto;
16057 transition: width 0.35s ease;
16059 @media (prefers-reduced-motion: reduce) {
16060 .collapsing.width {
16061 transition: none;
16065 .dropup,
16066 .dropright,
16067 .dropdown,
16068 .dropleft {
16069 position: relative;
16072 .dropdown-toggle {
16073 white-space: nowrap;
16075 .dropdown-toggle::after {
16076 display: inline-block;
16077 margin-left: 0.255em;
16078 vertical-align: 0.255em;
16079 content: "";
16080 border-top: 0.3em solid;
16081 border-right: 0.3em solid transparent;
16082 border-bottom: 0;
16083 border-left: 0.3em solid transparent;
16085 .dropdown-toggle:empty::after {
16086 margin-left: 0;
16089 .dropdown-menu {
16090 position: absolute;
16091 top: 100%;
16092 left: 0;
16093 z-index: 1000;
16094 display: none;
16095 float: left;
16096 min-width: 10rem;
16097 padding: 0.5rem 0;
16098 margin: 0.125rem 0 0;
16099 font-size: 0.9375rem;
16100 color: #1d2125;
16101 text-align: left;
16102 list-style: none;
16103 background-color: #fff;
16104 background-clip: padding-box;
16105 border: 1px solid rgba(0, 0, 0, 0.15);
16106 border-radius: 0.25rem;
16108 @media (max-width: 1200px) {
16109 .dropdown-menu {
16110 font-size: calc(0.90375rem + 0.045vw);
16114 .dropdown-menu-left {
16115 right: auto;
16116 left: 0;
16119 .dropdown-menu-right {
16120 right: 0;
16121 left: auto;
16124 @media (min-width: 576px) {
16125 .dropdown-menu-sm-left {
16126 right: auto;
16127 left: 0;
16129 .dropdown-menu-sm-right {
16130 right: 0;
16131 left: auto;
16134 @media (min-width: 768px) {
16135 .dropdown-menu-md-left {
16136 right: auto;
16137 left: 0;
16139 .dropdown-menu-md-right {
16140 right: 0;
16141 left: auto;
16144 @media (min-width: 992px) {
16145 .dropdown-menu-lg-left {
16146 right: auto;
16147 left: 0;
16149 .dropdown-menu-lg-right {
16150 right: 0;
16151 left: auto;
16154 @media (min-width: 1200px) {
16155 .dropdown-menu-xl-left {
16156 right: auto;
16157 left: 0;
16159 .dropdown-menu-xl-right {
16160 right: 0;
16161 left: auto;
16164 .dropup .dropdown-menu {
16165 top: auto;
16166 bottom: 100%;
16167 margin-top: 0;
16168 margin-bottom: 0.125rem;
16170 .dropup .dropdown-toggle::after {
16171 display: inline-block;
16172 margin-left: 0.255em;
16173 vertical-align: 0.255em;
16174 content: "";
16175 border-top: 0;
16176 border-right: 0.3em solid transparent;
16177 border-bottom: 0.3em solid;
16178 border-left: 0.3em solid transparent;
16180 .dropup .dropdown-toggle:empty::after {
16181 margin-left: 0;
16184 .dropright .dropdown-menu {
16185 top: 0;
16186 right: auto;
16187 left: 100%;
16188 margin-top: 0;
16189 margin-left: 0.125rem;
16191 .dropright .dropdown-toggle::after {
16192 display: inline-block;
16193 margin-left: 0.255em;
16194 vertical-align: 0.255em;
16195 content: "";
16196 border-top: 0.3em solid transparent;
16197 border-right: 0;
16198 border-bottom: 0.3em solid transparent;
16199 border-left: 0.3em solid;
16201 .dropright .dropdown-toggle:empty::after {
16202 margin-left: 0;
16204 .dropright .dropdown-toggle::after {
16205 vertical-align: 0;
16208 .dropleft .dropdown-menu {
16209 top: 0;
16210 right: 100%;
16211 left: auto;
16212 margin-top: 0;
16213 margin-right: 0.125rem;
16215 .dropleft .dropdown-toggle::after {
16216 display: inline-block;
16217 margin-left: 0.255em;
16218 vertical-align: 0.255em;
16219 content: "";
16221 .dropleft .dropdown-toggle::after {
16222 display: none;
16224 .dropleft .dropdown-toggle::before {
16225 display: inline-block;
16226 margin-right: 0.255em;
16227 vertical-align: 0.255em;
16228 content: "";
16229 border-top: 0.3em solid transparent;
16230 border-right: 0.3em solid;
16231 border-bottom: 0.3em solid transparent;
16233 .dropleft .dropdown-toggle:empty::after {
16234 margin-left: 0;
16236 .dropleft .dropdown-toggle::before {
16237 vertical-align: 0;
16240 .dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] {
16241 right: auto;
16242 bottom: auto;
16245 .dropdown-divider {
16246 height: 0;
16247 margin: 0.5rem 0;
16248 overflow: hidden;
16249 border-top: 1px solid #e9ecef;
16252 .dropdown-item {
16253 display: block;
16254 width: 100%;
16255 padding: 0.25rem 1.5rem;
16256 clear: both;
16257 font-weight: 400;
16258 color: #1d2125;
16259 text-align: inherit;
16260 white-space: nowrap;
16261 background-color: transparent;
16262 border: 0;
16264 .dropdown-item:hover, .dropdown-item:focus {
16265 color: #fff;
16266 text-decoration: none;
16267 background-color: #0f6cbf;
16269 .dropdown-item.active, .dropdown-item:active {
16270 color: #fff;
16271 text-decoration: none;
16272 background-color: #0f6cbf;
16274 .dropdown-item.disabled, .dropdown-item:disabled {
16275 color: #8f959e;
16276 pointer-events: none;
16277 background-color: transparent;
16280 .dropdown-menu.show {
16281 display: block;
16284 .dropdown-header {
16285 display: block;
16286 padding: 0.5rem 1.5rem;
16287 margin-bottom: 0;
16288 font-size: 0.8203125rem;
16289 color: #6a737b;
16290 white-space: nowrap;
16293 .dropdown-item-text {
16294 display: block;
16295 padding: 0.25rem 1.5rem;
16296 color: #1d2125;
16299 .btn-group,
16300 .btn-group-vertical {
16301 position: relative;
16302 display: inline-flex;
16303 vertical-align: middle;
16305 .btn-group > .btn,
16306 .btn-group-vertical > .btn {
16307 position: relative;
16308 flex: 1 1 auto;
16310 .btn-group > .btn:hover,
16311 .btn-group-vertical > .btn:hover {
16312 z-index: 1;
16314 .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
16315 .btn-group-vertical > .btn:focus,
16316 .btn-group-vertical > .btn:active,
16317 .btn-group-vertical > .btn.active {
16318 z-index: 1;
16321 .btn-toolbar {
16322 display: flex;
16323 flex-wrap: wrap;
16324 justify-content: flex-start;
16326 .btn-toolbar .input-group {
16327 width: auto;
16330 .btn-group > .btn:not(:first-child),
16331 .btn-group > .btn-group:not(:first-child) {
16332 margin-left: -1px;
16334 .btn-group > .btn:not(:last-child):not(.dropdown-toggle),
16335 .btn-group > .btn-group:not(:last-child) > .btn {
16336 border-top-right-radius: 0;
16337 border-bottom-right-radius: 0;
16339 .btn-group > .btn:not(:first-child),
16340 .btn-group > .btn-group:not(:first-child) > .btn {
16341 border-top-left-radius: 0;
16342 border-bottom-left-radius: 0;
16345 .dropdown-toggle-split {
16346 padding-right: 0.5625rem;
16347 padding-left: 0.5625rem;
16349 .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after {
16350 margin-left: 0;
16352 .dropleft .dropdown-toggle-split::before {
16353 margin-right: 0;
16356 .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
16357 padding-right: 0.375rem;
16358 padding-left: 0.375rem;
16361 .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
16362 padding-right: 0.75rem;
16363 padding-left: 0.75rem;
16366 .btn-group-vertical {
16367 flex-direction: column;
16368 align-items: flex-start;
16369 justify-content: center;
16371 .btn-group-vertical > .btn,
16372 .btn-group-vertical > .btn-group {
16373 width: 100%;
16375 .btn-group-vertical > .btn:not(:first-child),
16376 .btn-group-vertical > .btn-group:not(:first-child) {
16377 margin-top: -1px;
16379 .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
16380 .btn-group-vertical > .btn-group:not(:last-child) > .btn {
16381 border-bottom-right-radius: 0;
16382 border-bottom-left-radius: 0;
16384 .btn-group-vertical > .btn:not(:first-child),
16385 .btn-group-vertical > .btn-group:not(:first-child) > .btn {
16386 border-top-left-radius: 0;
16387 border-top-right-radius: 0;
16390 .btn-group-toggle > .btn,
16391 .btn-group-toggle > .btn-group > .btn {
16392 margin-bottom: 0;
16394 .btn-group-toggle > .btn input[type=radio],
16395 .btn-group-toggle > .btn input[type=checkbox],
16396 .btn-group-toggle > .btn-group > .btn input[type=radio],
16397 .btn-group-toggle > .btn-group > .btn input[type=checkbox] {
16398 position: absolute;
16399 clip: rect(0, 0, 0, 0);
16400 pointer-events: none;
16403 .input-group {
16404 position: relative;
16405 display: flex;
16406 flex-wrap: wrap;
16407 align-items: stretch;
16408 width: 100%;
16410 .input-group > .form-control,
16411 .input-group > .form-control-plaintext,
16412 .input-group > .custom-select,
16413 .input-group > .custom-file {
16414 position: relative;
16415 flex: 1 1 auto;
16416 width: 1%;
16417 min-width: 0;
16418 margin-bottom: 0;
16420 .input-group > .form-control + .form-control,
16421 .input-group > .form-control + .custom-select,
16422 .input-group > .form-control + .custom-file,
16423 .input-group > .form-control-plaintext + .form-control,
16424 .input-group > .form-control-plaintext + .custom-select,
16425 .input-group > .form-control-plaintext + .custom-file,
16426 .input-group > .custom-select + .form-control,
16427 .input-group > .custom-select + .custom-select,
16428 .input-group > .custom-select + .custom-file,
16429 .input-group > .custom-file + .form-control,
16430 .input-group > .custom-file + .custom-select,
16431 .input-group > .custom-file + .custom-file {
16432 margin-left: -1px;
16434 .input-group > .form-control:focus,
16435 .input-group > .custom-select:focus,
16436 .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
16437 z-index: 3;
16439 .input-group > .custom-file .custom-file-input:focus {
16440 z-index: 4;
16442 .input-group > .form-control:not(:first-child),
16443 .input-group > .custom-select:not(:first-child) {
16444 border-top-left-radius: 0;
16445 border-bottom-left-radius: 0;
16447 .input-group > .custom-file {
16448 display: flex;
16449 align-items: center;
16451 .input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after {
16452 border-top-right-radius: 0;
16453 border-bottom-right-radius: 0;
16455 .input-group > .custom-file:not(:first-child) .custom-file-label {
16456 border-top-left-radius: 0;
16457 border-bottom-left-radius: 0;
16459 .input-group:not(.has-validation) > .form-control:not(:last-child),
16460 .input-group:not(.has-validation) > .custom-select:not(:last-child),
16461 .input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label,
16462 .input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label::after {
16463 border-top-right-radius: 0;
16464 border-bottom-right-radius: 0;
16466 .input-group.has-validation > .form-control:nth-last-child(n+3),
16467 .input-group.has-validation > .custom-select:nth-last-child(n+3),
16468 .input-group.has-validation > .custom-file:nth-last-child(n+3) .custom-file-label,
16469 .input-group.has-validation > .custom-file:nth-last-child(n+3) .custom-file-label::after {
16470 border-top-right-radius: 0;
16471 border-bottom-right-radius: 0;
16474 .input-group-prepend,
16475 .input-group-append {
16476 display: flex;
16478 .input-group-prepend .btn,
16479 .input-group-append .btn {
16480 position: relative;
16481 z-index: 2;
16483 .input-group-prepend .btn:focus,
16484 .input-group-append .btn:focus {
16485 z-index: 3;
16487 .input-group-prepend .btn + .btn,
16488 .input-group-prepend .btn + .input-group-text,
16489 .input-group-prepend .input-group-text + .input-group-text,
16490 .input-group-prepend .input-group-text + .btn,
16491 .input-group-append .btn + .btn,
16492 .input-group-append .btn + .input-group-text,
16493 .input-group-append .input-group-text + .input-group-text,
16494 .input-group-append .input-group-text + .btn {
16495 margin-left: -1px;
16498 .input-group-prepend {
16499 margin-right: -1px;
16502 .input-group-append {
16503 margin-left: -1px;
16506 .input-group-text {
16507 display: flex;
16508 align-items: center;
16509 padding: 0.375rem 0.75rem;
16510 margin-bottom: 0;
16511 font-size: 0.9375rem;
16512 font-weight: 400;
16513 line-height: 1.5;
16514 color: #495057;
16515 text-align: center;
16516 white-space: nowrap;
16517 background-color: #e9ecef;
16518 border: 1px solid #8f959e;
16519 border-radius: 0.25rem;
16521 @media (max-width: 1200px) {
16522 .input-group-text {
16523 font-size: calc(0.90375rem + 0.045vw);
16526 .input-group-text input[type=radio],
16527 .input-group-text input[type=checkbox] {
16528 margin-top: 0;
16531 .input-group-lg > .form-control:not(textarea),
16532 .input-group-lg > .custom-select {
16533 height: calc(1.5em + 1rem + 2px);
16536 .input-group-lg > .form-control,
16537 .input-group-lg > .custom-select,
16538 .input-group-lg > .input-group-prepend > .input-group-text,
16539 .input-group-lg > .input-group-append > .input-group-text,
16540 .input-group-lg > .input-group-prepend > .btn,
16541 .input-group-lg > .input-group-append > .btn {
16542 padding: 0.5rem 1rem;
16543 font-size: 1.171875rem;
16544 line-height: 1.5;
16545 border-radius: 0.3rem;
16547 @media (max-width: 1200px) {
16548 .input-group-lg > .form-control,
16549 .input-group-lg > .custom-select,
16550 .input-group-lg > .input-group-prepend > .input-group-text,
16551 .input-group-lg > .input-group-append > .input-group-text,
16552 .input-group-lg > .input-group-prepend > .btn,
16553 .input-group-lg > .input-group-append > .btn {
16554 font-size: calc(0.9271875rem + 0.32625vw);
16558 .input-group-sm > .form-control:not(textarea),
16559 .input-group-sm > .custom-select {
16560 height: calc(1.5em + 0.5rem + 2px);
16563 .input-group-sm > .form-control,
16564 .input-group-sm > .custom-select,
16565 .input-group-sm > .input-group-prepend > .input-group-text,
16566 .input-group-sm > .input-group-append > .input-group-text,
16567 .input-group-sm > .input-group-prepend > .btn,
16568 .input-group-sm > .input-group-append > .btn {
16569 padding: 0.25rem 0.5rem;
16570 font-size: 0.8203125rem;
16571 line-height: 1.5;
16572 border-radius: 0.2rem;
16575 .input-group-lg > .custom-select,
16576 .input-group-sm > .custom-select {
16577 padding-right: 1.75rem;
16580 .input-group > .input-group-prepend > .btn,
16581 .input-group > .input-group-prepend > .input-group-text,
16582 .input-group:not(.has-validation) > .input-group-append:not(:last-child) > .btn,
16583 .input-group:not(.has-validation) > .input-group-append:not(:last-child) > .input-group-text,
16584 .input-group.has-validation > .input-group-append:nth-last-child(n+3) > .btn,
16585 .input-group.has-validation > .input-group-append:nth-last-child(n+3) > .input-group-text,
16586 .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
16587 .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
16588 border-top-right-radius: 0;
16589 border-bottom-right-radius: 0;
16592 .input-group > .input-group-append > .btn,
16593 .input-group > .input-group-append > .input-group-text,
16594 .input-group > .input-group-prepend:not(:first-child) > .btn,
16595 .input-group > .input-group-prepend:not(:first-child) > .input-group-text,
16596 .input-group > .input-group-prepend:first-child > .btn:not(:first-child),
16597 .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
16598 border-top-left-radius: 0;
16599 border-bottom-left-radius: 0;
16602 .custom-control {
16603 position: relative;
16604 z-index: 1;
16605 display: block;
16606 min-height: 1.40625rem;
16607 padding-left: 1.5rem;
16608 print-color-adjust: exact;
16611 .custom-control-inline {
16612 display: inline-flex;
16613 margin-right: 1rem;
16616 .custom-control-input {
16617 position: absolute;
16618 left: 0;
16619 z-index: -1;
16620 width: 1rem;
16621 height: 1.203125rem;
16622 opacity: 0;
16624 .custom-control-input:checked ~ .custom-control-label::before {
16625 color: #fff;
16626 border-color: #0f6cbf;
16627 background-color: #0f6cbf;
16629 .custom-control-input:focus ~ .custom-control-label::before {
16630 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
16632 .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
16633 border-color: #5babf2;
16635 .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
16636 color: #fff;
16637 background-color: #8bc3f6;
16638 border-color: #8bc3f6;
16640 .custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label {
16641 color: #6a737b;
16643 .custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before {
16644 background-color: #e9ecef;
16647 .custom-control-label {
16648 position: relative;
16649 margin-bottom: 0;
16650 vertical-align: top;
16652 .custom-control-label::before {
16653 position: absolute;
16654 top: 0.203125rem;
16655 left: -1.5rem;
16656 display: block;
16657 width: 1rem;
16658 height: 1rem;
16659 pointer-events: none;
16660 content: "";
16661 background-color: #fff;
16662 border: 1px solid #8f959e;
16664 .custom-control-label::after {
16665 position: absolute;
16666 top: 0.203125rem;
16667 left: -1.5rem;
16668 display: block;
16669 width: 1rem;
16670 height: 1rem;
16671 content: "";
16672 background: 50%/50% 50% no-repeat;
16675 .custom-checkbox .custom-control-label::before {
16676 border-radius: 0.25rem;
16678 .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
16679 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
16681 .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
16682 border-color: #0f6cbf;
16683 background-color: #0f6cbf;
16685 .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
16686 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e");
16688 .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
16689 background-color: rgba(15, 108, 191, 0.5);
16691 .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
16692 background-color: rgba(15, 108, 191, 0.5);
16695 .custom-radio .custom-control-label::before {
16696 border-radius: 50%;
16698 .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
16699 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
16701 .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
16702 background-color: rgba(15, 108, 191, 0.5);
16705 .custom-switch {
16706 padding-left: 2.25rem;
16708 .custom-switch .custom-control-label::before {
16709 left: -2.25rem;
16710 width: 1.75rem;
16711 pointer-events: all;
16712 border-radius: 0.5rem;
16714 .custom-switch .custom-control-label::after {
16715 top: calc(0.203125rem + 2px);
16716 left: calc(-2.25rem + 2px);
16717 width: calc(1rem - 4px);
16718 height: calc(1rem - 4px);
16719 background-color: #8f959e;
16720 border-radius: 0.5rem;
16721 transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
16723 @media (prefers-reduced-motion: reduce) {
16724 .custom-switch .custom-control-label::after {
16725 transition: none;
16728 .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
16729 background-color: #fff;
16730 transform: translateX(0.75rem);
16732 .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
16733 background-color: rgba(15, 108, 191, 0.5);
16736 .custom-select {
16737 display: inline-block;
16738 width: 100%;
16739 height: calc(1.5em + 0.75rem + 2px);
16740 padding: 0.375rem 1.75rem 0.375rem 0.75rem;
16741 font-size: 0.9375rem;
16742 font-weight: 400;
16743 line-height: 1.5;
16744 color: #495057;
16745 vertical-align: middle;
16746 background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat;
16747 border: 1px solid #8f959e;
16748 border-radius: 0.25rem;
16749 appearance: none;
16751 @media (max-width: 1200px) {
16752 .custom-select {
16753 font-size: calc(0.90375rem + 0.045vw);
16756 .custom-select:focus {
16757 border-color: #5babf2;
16758 outline: 0;
16759 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
16761 .custom-select:focus::-ms-value {
16762 color: #495057;
16763 background-color: #fff;
16765 .custom-select[multiple], .custom-select[size]:not([size="1"]) {
16766 height: auto;
16767 padding-right: 0.75rem;
16768 background-image: none;
16770 .custom-select:disabled {
16771 color: #6a737b;
16772 background-color: #e9ecef;
16774 .custom-select::-ms-expand {
16775 display: none;
16777 .custom-select:-moz-focusring {
16778 color: transparent;
16779 text-shadow: 0 0 0 #495057;
16782 .custom-select-sm {
16783 height: calc(1.5em + 0.5rem + 2px);
16784 padding-top: 0.25rem;
16785 padding-bottom: 0.25rem;
16786 padding-left: 0.5rem;
16787 font-size: 0.8203125rem;
16790 .custom-select-lg {
16791 height: calc(1.5em + 1rem + 2px);
16792 padding-top: 0.5rem;
16793 padding-bottom: 0.5rem;
16794 padding-left: 1rem;
16795 font-size: 1.171875rem;
16797 @media (max-width: 1200px) {
16798 .custom-select-lg {
16799 font-size: calc(0.9271875rem + 0.32625vw);
16803 .custom-file {
16804 position: relative;
16805 display: inline-block;
16806 width: 100%;
16807 height: calc(1.5em + 0.75rem + 2px);
16808 margin-bottom: 0;
16811 .custom-file-input {
16812 position: relative;
16813 z-index: 2;
16814 width: 100%;
16815 height: calc(1.5em + 0.75rem + 2px);
16816 margin: 0;
16817 overflow: hidden;
16818 opacity: 0;
16820 .custom-file-input:focus ~ .custom-file-label {
16821 border-color: #5babf2;
16822 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
16824 .custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label {
16825 background-color: #e9ecef;
16827 .custom-file-input:lang(en) ~ .custom-file-label::after {
16828 content: "Browse";
16830 .custom-file-input ~ .custom-file-label[data-browse]::after {
16831 content: attr(data-browse);
16834 .custom-file-label {
16835 position: absolute;
16836 top: 0;
16837 right: 0;
16838 left: 0;
16839 z-index: 1;
16840 height: calc(1.5em + 0.75rem + 2px);
16841 padding: 0.375rem 0.75rem;
16842 overflow: hidden;
16843 font-weight: 400;
16844 line-height: 1.5;
16845 color: #495057;
16846 background-color: #fff;
16847 border: 1px solid #8f959e;
16848 border-radius: 0.25rem;
16850 .custom-file-label::after {
16851 position: absolute;
16852 top: 0;
16853 right: 0;
16854 bottom: 0;
16855 z-index: 3;
16856 display: block;
16857 height: calc(1.5em + 0.75rem);
16858 padding: 0.375rem 0.75rem;
16859 line-height: 1.5;
16860 color: #495057;
16861 content: "Browse";
16862 background-color: #e9ecef;
16863 border-left: inherit;
16864 border-radius: 0 0.25rem 0.25rem 0;
16867 .custom-range {
16868 width: 100%;
16869 height: 1.4rem;
16870 padding: 0;
16871 background-color: transparent;
16872 appearance: none;
16874 .custom-range:focus {
16875 outline: 0;
16877 .custom-range:focus::-webkit-slider-thumb {
16878 box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
16880 .custom-range:focus::-moz-range-thumb {
16881 box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
16883 .custom-range:focus::-ms-thumb {
16884 box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
16886 .custom-range::-moz-focus-outer {
16887 border: 0;
16889 .custom-range::-webkit-slider-thumb {
16890 width: 1rem;
16891 height: 1rem;
16892 margin-top: -0.25rem;
16893 background-color: #0f6cbf;
16894 border: 0;
16895 border-radius: 1rem;
16896 transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
16897 appearance: none;
16899 @media (prefers-reduced-motion: reduce) {
16900 .custom-range::-webkit-slider-thumb {
16901 transition: none;
16904 .custom-range::-webkit-slider-thumb:active {
16905 background-color: #8bc3f6;
16907 .custom-range::-webkit-slider-runnable-track {
16908 width: 100%;
16909 height: 0.5rem;
16910 color: transparent;
16911 cursor: pointer;
16912 background-color: #dee2e6;
16913 border-color: transparent;
16914 border-radius: 1rem;
16916 .custom-range::-moz-range-thumb {
16917 width: 1rem;
16918 height: 1rem;
16919 background-color: #0f6cbf;
16920 border: 0;
16921 border-radius: 1rem;
16922 transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
16923 appearance: none;
16925 @media (prefers-reduced-motion: reduce) {
16926 .custom-range::-moz-range-thumb {
16927 transition: none;
16930 .custom-range::-moz-range-thumb:active {
16931 background-color: #8bc3f6;
16933 .custom-range::-moz-range-track {
16934 width: 100%;
16935 height: 0.5rem;
16936 color: transparent;
16937 cursor: pointer;
16938 background-color: #dee2e6;
16939 border-color: transparent;
16940 border-radius: 1rem;
16942 .custom-range::-ms-thumb {
16943 width: 1rem;
16944 height: 1rem;
16945 margin-top: 0;
16946 margin-right: 0.2rem;
16947 margin-left: 0.2rem;
16948 background-color: #0f6cbf;
16949 border: 0;
16950 border-radius: 1rem;
16951 transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
16952 appearance: none;
16954 @media (prefers-reduced-motion: reduce) {
16955 .custom-range::-ms-thumb {
16956 transition: none;
16959 .custom-range::-ms-thumb:active {
16960 background-color: #8bc3f6;
16962 .custom-range::-ms-track {
16963 width: 100%;
16964 height: 0.5rem;
16965 color: transparent;
16966 cursor: pointer;
16967 background-color: transparent;
16968 border-color: transparent;
16969 border-width: 0.5rem;
16971 .custom-range::-ms-fill-lower {
16972 background-color: #dee2e6;
16973 border-radius: 1rem;
16975 .custom-range::-ms-fill-upper {
16976 margin-right: 15px;
16977 background-color: #dee2e6;
16978 border-radius: 1rem;
16980 .custom-range:disabled::-webkit-slider-thumb {
16981 background-color: #8f959e;
16983 .custom-range:disabled::-webkit-slider-runnable-track {
16984 cursor: default;
16986 .custom-range:disabled::-moz-range-thumb {
16987 background-color: #8f959e;
16989 .custom-range:disabled::-moz-range-track {
16990 cursor: default;
16992 .custom-range:disabled::-ms-thumb {
16993 background-color: #8f959e;
16996 .custom-control-label::before,
16997 .custom-file-label,
16998 .custom-select {
16999 transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
17001 @media (prefers-reduced-motion: reduce) {
17002 .custom-control-label::before,
17003 .custom-file-label,
17004 .custom-select {
17005 transition: none;
17009 .nav {
17010 display: flex;
17011 flex-wrap: wrap;
17012 padding-left: 0;
17013 margin-bottom: 0;
17014 list-style: none;
17017 .nav-link {
17018 display: block;
17019 padding: 0.5rem 1rem;
17021 .nav-link:hover, .nav-link:focus {
17022 text-decoration: none;
17024 .nav-link.disabled {
17025 color: #6a737b;
17026 pointer-events: none;
17027 cursor: default;
17030 .nav-tabs {
17031 border-bottom: 1px solid #dee2e6;
17033 .nav-tabs .nav-link {
17034 margin-bottom: -1px;
17035 background-color: transparent;
17036 border: 1px solid transparent;
17037 border-top-left-radius: 0.25rem;
17038 border-top-right-radius: 0.25rem;
17040 .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
17041 isolation: isolate;
17042 border-color: #e9ecef #e9ecef #dee2e6;
17044 .nav-tabs .nav-link.disabled {
17045 color: #6a737b;
17046 background-color: transparent;
17047 border-color: transparent;
17049 .nav-tabs .nav-link.active,
17050 .nav-tabs .nav-item.show .nav-link {
17051 color: #495057;
17052 background-color: #fff;
17053 border-color: #dee2e6 #dee2e6 #fff;
17055 .nav-tabs .dropdown-menu {
17056 margin-top: -1px;
17057 border-top-left-radius: 0;
17058 border-top-right-radius: 0;
17061 .nav-pills .nav-link {
17062 background: none;
17063 border: 0;
17064 border-radius: 0.25rem;
17066 .nav-pills .nav-link.active,
17067 .nav-pills .show > .nav-link {
17068 color: #fff;
17069 background-color: #0f6cbf;
17072 .nav-fill > .nav-link,
17073 .nav-fill .nav-item {
17074 flex: 1 1 auto;
17075 text-align: center;
17078 .nav-justified > .nav-link,
17079 .nav-justified .nav-item {
17080 flex-basis: 0;
17081 flex-grow: 1;
17082 text-align: center;
17085 .tab-content > .tab-pane {
17086 display: none;
17088 .tab-content > .active {
17089 display: block;
17092 .navbar {
17093 position: relative;
17094 display: flex;
17095 flex-wrap: wrap;
17096 align-items: center;
17097 justify-content: space-between;
17098 padding: 0.5rem 1rem;
17100 .navbar .container,
17101 .navbar .container-fluid,
17102 .navbar .container-sm,
17103 .navbar .container-md,
17104 .navbar .container-lg,
17105 .navbar .container-xl {
17106 display: flex;
17107 flex-wrap: wrap;
17108 align-items: center;
17109 justify-content: space-between;
17111 .navbar-brand {
17112 display: inline-block;
17113 padding-top: 0.32421875rem;
17114 padding-bottom: 0.32421875rem;
17115 margin-right: 1rem;
17116 font-size: 1.171875rem;
17117 line-height: inherit;
17118 white-space: nowrap;
17120 @media (max-width: 1200px) {
17121 .navbar-brand {
17122 font-size: calc(0.9271875rem + 0.32625vw);
17125 .navbar-brand:hover, .navbar-brand:focus {
17126 text-decoration: none;
17129 .navbar-nav {
17130 display: flex;
17131 flex-direction: column;
17132 padding-left: 0;
17133 margin-bottom: 0;
17134 list-style: none;
17136 .navbar-nav .nav-link {
17137 padding-right: 0;
17138 padding-left: 0;
17140 .navbar-nav .dropdown-menu {
17141 position: static;
17142 float: none;
17145 .navbar-text {
17146 display: inline-block;
17147 padding-top: 0.5rem;
17148 padding-bottom: 0.5rem;
17151 .navbar-collapse {
17152 flex-basis: 100%;
17153 flex-grow: 1;
17154 align-items: center;
17157 .navbar-toggler {
17158 padding: 0.25rem 0.75rem;
17159 font-size: 1.171875rem;
17160 line-height: 1;
17161 background-color: transparent;
17162 border: 1px solid transparent;
17163 border-radius: 0.25rem;
17165 @media (max-width: 1200px) {
17166 .navbar-toggler {
17167 font-size: calc(0.9271875rem + 0.32625vw);
17170 .navbar-toggler:hover, .navbar-toggler:focus {
17171 text-decoration: none;
17174 .navbar-toggler-icon {
17175 display: inline-block;
17176 width: 1.5em;
17177 height: 1.5em;
17178 vertical-align: middle;
17179 content: "";
17180 background: 50%/100% 100% no-repeat;
17183 .navbar-nav-scroll {
17184 max-height: 75vh;
17185 overflow-y: auto;
17188 @media (max-width: 575.98px) {
17189 .navbar-expand-sm > .container,
17190 .navbar-expand-sm > .container-fluid,
17191 .navbar-expand-sm > .container-sm,
17192 .navbar-expand-sm > .container-md,
17193 .navbar-expand-sm > .container-lg,
17194 .navbar-expand-sm > .container-xl {
17195 padding-right: 0;
17196 padding-left: 0;
17199 @media (min-width: 576px) {
17200 .navbar-expand-sm {
17201 flex-flow: row nowrap;
17202 justify-content: flex-start;
17204 .navbar-expand-sm .navbar-nav {
17205 flex-direction: row;
17207 .navbar-expand-sm .navbar-nav .dropdown-menu {
17208 position: absolute;
17210 .navbar-expand-sm .navbar-nav .nav-link {
17211 padding-right: 0.5rem;
17212 padding-left: 0.5rem;
17214 .navbar-expand-sm > .container,
17215 .navbar-expand-sm > .container-fluid,
17216 .navbar-expand-sm > .container-sm,
17217 .navbar-expand-sm > .container-md,
17218 .navbar-expand-sm > .container-lg,
17219 .navbar-expand-sm > .container-xl {
17220 flex-wrap: nowrap;
17222 .navbar-expand-sm .navbar-nav-scroll {
17223 overflow: visible;
17225 .navbar-expand-sm .navbar-collapse {
17226 display: flex !important;
17227 flex-basis: auto;
17229 .navbar-expand-sm .navbar-toggler {
17230 display: none;
17233 @media (max-width: 767.98px) {
17234 .navbar-expand-md > .container,
17235 .navbar-expand-md > .container-fluid,
17236 .navbar-expand-md > .container-sm,
17237 .navbar-expand-md > .container-md,
17238 .navbar-expand-md > .container-lg,
17239 .navbar-expand-md > .container-xl {
17240 padding-right: 0;
17241 padding-left: 0;
17244 @media (min-width: 768px) {
17245 .navbar-expand-md {
17246 flex-flow: row nowrap;
17247 justify-content: flex-start;
17249 .navbar-expand-md .navbar-nav {
17250 flex-direction: row;
17252 .navbar-expand-md .navbar-nav .dropdown-menu {
17253 position: absolute;
17255 .navbar-expand-md .navbar-nav .nav-link {
17256 padding-right: 0.5rem;
17257 padding-left: 0.5rem;
17259 .navbar-expand-md > .container,
17260 .navbar-expand-md > .container-fluid,
17261 .navbar-expand-md > .container-sm,
17262 .navbar-expand-md > .container-md,
17263 .navbar-expand-md > .container-lg,
17264 .navbar-expand-md > .container-xl {
17265 flex-wrap: nowrap;
17267 .navbar-expand-md .navbar-nav-scroll {
17268 overflow: visible;
17270 .navbar-expand-md .navbar-collapse {
17271 display: flex !important;
17272 flex-basis: auto;
17274 .navbar-expand-md .navbar-toggler {
17275 display: none;
17278 @media (max-width: 991.98px) {
17279 .navbar-expand-lg > .container,
17280 .navbar-expand-lg > .container-fluid,
17281 .navbar-expand-lg > .container-sm,
17282 .navbar-expand-lg > .container-md,
17283 .navbar-expand-lg > .container-lg,
17284 .navbar-expand-lg > .container-xl {
17285 padding-right: 0;
17286 padding-left: 0;
17289 @media (min-width: 992px) {
17290 .navbar-expand-lg {
17291 flex-flow: row nowrap;
17292 justify-content: flex-start;
17294 .navbar-expand-lg .navbar-nav {
17295 flex-direction: row;
17297 .navbar-expand-lg .navbar-nav .dropdown-menu {
17298 position: absolute;
17300 .navbar-expand-lg .navbar-nav .nav-link {
17301 padding-right: 0.5rem;
17302 padding-left: 0.5rem;
17304 .navbar-expand-lg > .container,
17305 .navbar-expand-lg > .container-fluid,
17306 .navbar-expand-lg > .container-sm,
17307 .navbar-expand-lg > .container-md,
17308 .navbar-expand-lg > .container-lg,
17309 .navbar-expand-lg > .container-xl {
17310 flex-wrap: nowrap;
17312 .navbar-expand-lg .navbar-nav-scroll {
17313 overflow: visible;
17315 .navbar-expand-lg .navbar-collapse {
17316 display: flex !important;
17317 flex-basis: auto;
17319 .navbar-expand-lg .navbar-toggler {
17320 display: none;
17323 @media (max-width: 1199.98px) {
17324 .navbar-expand-xl > .container,
17325 .navbar-expand-xl > .container-fluid,
17326 .navbar-expand-xl > .container-sm,
17327 .navbar-expand-xl > .container-md,
17328 .navbar-expand-xl > .container-lg,
17329 .navbar-expand-xl > .container-xl {
17330 padding-right: 0;
17331 padding-left: 0;
17334 @media (min-width: 1200px) {
17335 .navbar-expand-xl {
17336 flex-flow: row nowrap;
17337 justify-content: flex-start;
17339 .navbar-expand-xl .navbar-nav {
17340 flex-direction: row;
17342 .navbar-expand-xl .navbar-nav .dropdown-menu {
17343 position: absolute;
17345 .navbar-expand-xl .navbar-nav .nav-link {
17346 padding-right: 0.5rem;
17347 padding-left: 0.5rem;
17349 .navbar-expand-xl > .container,
17350 .navbar-expand-xl > .container-fluid,
17351 .navbar-expand-xl > .container-sm,
17352 .navbar-expand-xl > .container-md,
17353 .navbar-expand-xl > .container-lg,
17354 .navbar-expand-xl > .container-xl {
17355 flex-wrap: nowrap;
17357 .navbar-expand-xl .navbar-nav-scroll {
17358 overflow: visible;
17360 .navbar-expand-xl .navbar-collapse {
17361 display: flex !important;
17362 flex-basis: auto;
17364 .navbar-expand-xl .navbar-toggler {
17365 display: none;
17368 .navbar-expand {
17369 flex-flow: row nowrap;
17370 justify-content: flex-start;
17372 .navbar-expand > .container,
17373 .navbar-expand > .container-fluid,
17374 .navbar-expand > .container-sm,
17375 .navbar-expand > .container-md,
17376 .navbar-expand > .container-lg,
17377 .navbar-expand > .container-xl {
17378 padding-right: 0;
17379 padding-left: 0;
17381 .navbar-expand .navbar-nav {
17382 flex-direction: row;
17384 .navbar-expand .navbar-nav .dropdown-menu {
17385 position: absolute;
17387 .navbar-expand .navbar-nav .nav-link {
17388 padding-right: 0.5rem;
17389 padding-left: 0.5rem;
17391 .navbar-expand > .container,
17392 .navbar-expand > .container-fluid,
17393 .navbar-expand > .container-sm,
17394 .navbar-expand > .container-md,
17395 .navbar-expand > .container-lg,
17396 .navbar-expand > .container-xl {
17397 flex-wrap: nowrap;
17399 .navbar-expand .navbar-nav-scroll {
17400 overflow: visible;
17402 .navbar-expand .navbar-collapse {
17403 display: flex !important;
17404 flex-basis: auto;
17406 .navbar-expand .navbar-toggler {
17407 display: none;
17410 .navbar-light .navbar-brand {
17411 color: rgba(0, 0, 0, 0.9);
17413 .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
17414 color: rgba(0, 0, 0, 0.9);
17416 .navbar-light .navbar-nav .nav-link {
17417 color: rgba(0, 0, 0, 0.6);
17419 .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
17420 color: rgba(0, 0, 0, 0.9);
17422 .navbar-light .navbar-nav .nav-link.disabled {
17423 color: rgba(0, 0, 0, 0.3);
17425 .navbar-light .navbar-nav .show > .nav-link,
17426 .navbar-light .navbar-nav .active > .nav-link,
17427 .navbar-light .navbar-nav .nav-link.show,
17428 .navbar-light .navbar-nav .nav-link.active {
17429 color: rgba(0, 0, 0, 0.9);
17431 .navbar-light .navbar-toggler {
17432 color: rgba(0, 0, 0, 0.6);
17433 border-color: rgba(0, 0, 0, 0.1);
17435 .navbar-light .navbar-toggler-icon {
17436 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.6%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
17438 .navbar-light .navbar-text {
17439 color: rgba(0, 0, 0, 0.6);
17441 .navbar-light .navbar-text a {
17442 color: rgba(0, 0, 0, 0.9);
17444 .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
17445 color: rgba(0, 0, 0, 0.9);
17448 .navbar-dark .navbar-brand {
17449 color: #fff;
17451 .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
17452 color: #fff;
17454 .navbar-dark .navbar-nav .nav-link {
17455 color: rgba(255, 255, 255, 0.5);
17457 .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
17458 color: white;
17460 .navbar-dark .navbar-nav .nav-link.disabled {
17461 color: rgba(255, 255, 255, 0.25);
17463 .navbar-dark .navbar-nav .show > .nav-link,
17464 .navbar-dark .navbar-nav .active > .nav-link,
17465 .navbar-dark .navbar-nav .nav-link.show,
17466 .navbar-dark .navbar-nav .nav-link.active {
17467 color: #fff;
17469 .navbar-dark .navbar-toggler {
17470 color: rgba(255, 255, 255, 0.5);
17471 border-color: rgba(255, 255, 255, 0.1);
17473 .navbar-dark .navbar-toggler-icon {
17474 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
17476 .navbar-dark .navbar-text {
17477 color: rgba(255, 255, 255, 0.5);
17479 .navbar-dark .navbar-text a {
17480 color: #fff;
17482 .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
17483 color: #fff;
17486 .card {
17487 position: relative;
17488 display: flex;
17489 flex-direction: column;
17490 min-width: 0;
17491 word-wrap: break-word;
17492 background-color: #fff;
17493 background-clip: border-box;
17494 border: 1px solid rgba(0, 0, 0, 0.125);
17495 border-radius: 0.25rem;
17497 .card > hr {
17498 margin-right: 0;
17499 margin-left: 0;
17501 .card > .list-group {
17502 border-top: inherit;
17503 border-bottom: inherit;
17505 .card > .list-group:first-child {
17506 border-top-width: 0;
17507 border-top-left-radius: calc(0.25rem - 1px);
17508 border-top-right-radius: calc(0.25rem - 1px);
17510 .card > .list-group:last-child {
17511 border-bottom-width: 0;
17512 border-bottom-right-radius: calc(0.25rem - 1px);
17513 border-bottom-left-radius: calc(0.25rem - 1px);
17515 .card > .card-header + .list-group,
17516 .card > .list-group + .card-footer {
17517 border-top: 0;
17520 .card-body {
17521 flex: 1 1 auto;
17522 min-height: 1px;
17523 padding: 1.25rem;
17526 .card-title {
17527 margin-bottom: 0.75rem;
17530 .card-subtitle {
17531 margin-top: -0.375rem;
17532 margin-bottom: 0;
17535 .card-text:last-child {
17536 margin-bottom: 0;
17539 .card-link:hover {
17540 text-decoration: none;
17542 .card-link + .card-link {
17543 margin-left: 1.25rem;
17546 .card-header {
17547 padding: 0.75rem 1.25rem;
17548 margin-bottom: 0;
17549 background-color: rgba(0, 0, 0, 0.03);
17550 border-bottom: 1px solid rgba(0, 0, 0, 0.125);
17552 .card-header:first-child {
17553 border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
17556 .card-footer {
17557 padding: 0.75rem 1.25rem;
17558 background-color: rgba(0, 0, 0, 0.03);
17559 border-top: 1px solid rgba(0, 0, 0, 0.125);
17561 .card-footer:last-child {
17562 border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
17565 .card-header-tabs {
17566 margin-right: -0.625rem;
17567 margin-bottom: -0.75rem;
17568 margin-left: -0.625rem;
17569 border-bottom: 0;
17572 .card-header-pills {
17573 margin-right: -0.625rem;
17574 margin-left: -0.625rem;
17577 .card-img-overlay {
17578 position: absolute;
17579 top: 0;
17580 right: 0;
17581 bottom: 0;
17582 left: 0;
17583 padding: 1.25rem;
17584 border-radius: calc(0.25rem - 1px);
17587 .card-img,
17588 .card-img-top,
17589 .card-img-bottom {
17590 flex-shrink: 0;
17591 width: 100%;
17594 .card-img,
17595 .card-img-top {
17596 border-top-left-radius: calc(0.25rem - 1px);
17597 border-top-right-radius: calc(0.25rem - 1px);
17600 .card-img,
17601 .card-img-bottom {
17602 border-bottom-right-radius: calc(0.25rem - 1px);
17603 border-bottom-left-radius: calc(0.25rem - 1px);
17606 .card-deck .card {
17607 margin-bottom: 0.25rem;
17609 @media (min-width: 576px) {
17610 .card-deck {
17611 display: flex;
17612 flex-flow: row wrap;
17613 margin-right: -0.25rem;
17614 margin-left: -0.25rem;
17616 .card-deck .card {
17617 flex: 1 0 0%;
17618 margin-right: 0.25rem;
17619 margin-bottom: 0;
17620 margin-left: 0.25rem;
17624 .card-group > .card {
17625 margin-bottom: 0.25rem;
17627 @media (min-width: 576px) {
17628 .card-group {
17629 display: flex;
17630 flex-flow: row wrap;
17632 .card-group > .card {
17633 flex: 1 0 0%;
17634 margin-bottom: 0;
17636 .card-group > .card + .card {
17637 margin-left: 0;
17638 border-left: 0;
17640 .card-group > .card:not(:last-child) {
17641 border-top-right-radius: 0;
17642 border-bottom-right-radius: 0;
17644 .card-group > .card:not(:last-child) .card-img-top,
17645 .card-group > .card:not(:last-child) .card-header {
17646 border-top-right-radius: 0;
17648 .card-group > .card:not(:last-child) .card-img-bottom,
17649 .card-group > .card:not(:last-child) .card-footer {
17650 border-bottom-right-radius: 0;
17652 .card-group > .card:not(:first-child) {
17653 border-top-left-radius: 0;
17654 border-bottom-left-radius: 0;
17656 .card-group > .card:not(:first-child) .card-img-top,
17657 .card-group > .card:not(:first-child) .card-header {
17658 border-top-left-radius: 0;
17660 .card-group > .card:not(:first-child) .card-img-bottom,
17661 .card-group > .card:not(:first-child) .card-footer {
17662 border-bottom-left-radius: 0;
17666 .card-columns .card {
17667 margin-bottom: 0.75rem;
17669 @media (min-width: 576px) {
17670 .card-columns {
17671 column-count: 3;
17672 column-gap: 1.25rem;
17673 orphans: 1;
17674 widows: 1;
17676 .card-columns .card {
17677 display: inline-block;
17678 width: 100%;
17682 .accordion {
17683 overflow-anchor: none;
17685 .accordion > .card {
17686 overflow: hidden;
17688 .accordion > .card:not(:last-of-type) {
17689 border-bottom: 0;
17690 border-bottom-right-radius: 0;
17691 border-bottom-left-radius: 0;
17693 .accordion > .card:not(:first-of-type) {
17694 border-top-left-radius: 0;
17695 border-top-right-radius: 0;
17697 .accordion > .card > .card-header {
17698 border-radius: 0;
17699 margin-bottom: -1px;
17702 .breadcrumb {
17703 display: flex;
17704 flex-wrap: wrap;
17705 padding: 0.25rem 0;
17706 margin-bottom: 0;
17707 list-style: none;
17708 background-color: transparent;
17709 border-radius: 0.25rem;
17712 .breadcrumb-item + .breadcrumb-item {
17713 padding-left: 0.5rem;
17715 .breadcrumb-item + .breadcrumb-item::before {
17716 float: left;
17717 padding-right: 0.5rem;
17718 color: #6a737b;
17719 content: "/";
17721 .breadcrumb-item + .breadcrumb-item:hover::before {
17722 text-decoration: underline;
17724 .breadcrumb-item + .breadcrumb-item:hover::before {
17725 text-decoration: none;
17727 .breadcrumb-item.active {
17728 color: #6a737b;
17731 .pagination {
17732 display: flex;
17733 padding-left: 0;
17734 list-style: none;
17735 border-radius: 0.25rem;
17738 .page-link {
17739 position: relative;
17740 display: block;
17741 padding: 0.5rem 0.75rem;
17742 margin-left: -1px;
17743 line-height: 1.25;
17744 color: #0f6cbf;
17745 background-color: #fff;
17746 border: 1px solid #dee2e6;
17748 .page-link:hover {
17749 z-index: 2;
17750 color: #094478;
17751 text-decoration: none;
17752 background-color: #e9ecef;
17753 border-color: #dee2e6;
17755 .page-link:focus {
17756 z-index: 3;
17757 outline: 0;
17758 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
17761 .page-item:first-child .page-link {
17762 margin-left: 0;
17763 border-top-left-radius: 0.25rem;
17764 border-bottom-left-radius: 0.25rem;
17766 .page-item:last-child .page-link {
17767 border-top-right-radius: 0.25rem;
17768 border-bottom-right-radius: 0.25rem;
17770 .page-item.active .page-link {
17771 z-index: 3;
17772 color: #fff;
17773 background-color: #0f6cbf;
17774 border-color: #0f6cbf;
17776 .page-item.disabled .page-link {
17777 color: #6a737b;
17778 pointer-events: none;
17779 cursor: auto;
17780 background-color: #fff;
17781 border-color: #dee2e6;
17784 .pagination-lg .page-link {
17785 padding: 0.75rem 1.5rem;
17786 font-size: 1.171875rem;
17787 line-height: 1.5;
17789 @media (max-width: 1200px) {
17790 .pagination-lg .page-link {
17791 font-size: calc(0.9271875rem + 0.32625vw);
17794 .pagination-lg .page-item:first-child .page-link {
17795 border-top-left-radius: 0.3rem;
17796 border-bottom-left-radius: 0.3rem;
17798 .pagination-lg .page-item:last-child .page-link {
17799 border-top-right-radius: 0.3rem;
17800 border-bottom-right-radius: 0.3rem;
17803 .pagination-sm .page-link {
17804 padding: 0.25rem 0.5rem;
17805 font-size: 0.8203125rem;
17806 line-height: 1.5;
17808 .pagination-sm .page-item:first-child .page-link {
17809 border-top-left-radius: 0.2rem;
17810 border-bottom-left-radius: 0.2rem;
17812 .pagination-sm .page-item:last-child .page-link {
17813 border-top-right-radius: 0.2rem;
17814 border-bottom-right-radius: 0.2rem;
17817 .badge {
17818 display: inline-block;
17819 padding: 0.25em 0.4em;
17820 font-size: 75%;
17821 font-weight: 700;
17822 line-height: 1;
17823 text-align: center;
17824 white-space: nowrap;
17825 vertical-align: baseline;
17826 border-radius: 0.25rem;
17827 transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
17829 @media (prefers-reduced-motion: reduce) {
17830 .badge {
17831 transition: none;
17834 a.badge:hover, a.badge:focus {
17835 text-decoration: none;
17838 .badge:empty {
17839 display: none;
17842 .btn .badge {
17843 position: relative;
17844 top: -1px;
17847 .badge-pill {
17848 padding-right: 0.6em;
17849 padding-left: 0.6em;
17850 border-radius: 10rem;
17853 .badge-primary {
17854 color: #fff;
17855 background-color: #0f6cbf;
17857 a.badge-primary:hover, a.badge-primary:focus {
17858 color: #fff;
17859 background-color: #0b5190;
17861 a.badge-primary:focus, a.badge-primary.focus {
17862 outline: 0;
17863 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.5);
17866 .badge-secondary {
17867 color: #1d2125;
17868 background-color: #ced4da;
17870 a.badge-secondary:hover, a.badge-secondary:focus {
17871 color: #1d2125;
17872 background-color: #b1bbc4;
17874 a.badge-secondary:focus, a.badge-secondary.focus {
17875 outline: 0;
17876 box-shadow: 0 0 0 0.2rem rgba(206, 212, 218, 0.5);
17879 .badge-success {
17880 color: #fff;
17881 background-color: #357a32;
17883 a.badge-success:hover, a.badge-success:focus {
17884 color: #fff;
17885 background-color: #255623;
17887 a.badge-success:focus, a.badge-success.focus {
17888 outline: 0;
17889 box-shadow: 0 0 0 0.2rem rgba(53, 122, 50, 0.5);
17892 .badge-info {
17893 color: #fff;
17894 background-color: #008196;
17896 a.badge-info:hover, a.badge-info:focus {
17897 color: #fff;
17898 background-color: #005563;
17900 a.badge-info:focus, a.badge-info.focus {
17901 outline: 0;
17902 box-shadow: 0 0 0 0.2rem rgba(0, 129, 150, 0.5);
17905 .badge-warning {
17906 color: #1d2125;
17907 background-color: #f0ad4e;
17909 a.badge-warning:hover, a.badge-warning:focus {
17910 color: #1d2125;
17911 background-color: #ec971f;
17913 a.badge-warning:focus, a.badge-warning.focus {
17914 outline: 0;
17915 box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.5);
17918 .badge-danger {
17919 color: #fff;
17920 background-color: #ca3120;
17922 a.badge-danger:hover, a.badge-danger:focus {
17923 color: #fff;
17924 background-color: #9e2619;
17926 a.badge-danger:focus, a.badge-danger.focus {
17927 outline: 0;
17928 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.5);
17931 .badge-light {
17932 color: #1d2125;
17933 background-color: #f8f9fa;
17935 a.badge-light:hover, a.badge-light:focus {
17936 color: #1d2125;
17937 background-color: #dae0e5;
17939 a.badge-light:focus, a.badge-light.focus {
17940 outline: 0;
17941 box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
17944 .badge-dark {
17945 color: #fff;
17946 background-color: #343a40;
17948 a.badge-dark:hover, a.badge-dark:focus {
17949 color: #fff;
17950 background-color: #1d2124;
17952 a.badge-dark:focus, a.badge-dark.focus {
17953 outline: 0;
17954 box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
17957 .jumbotron {
17958 padding: 2rem 1rem;
17959 margin-bottom: 2rem;
17960 background-color: #e9ecef;
17961 border-radius: 0.3rem;
17963 @media (min-width: 576px) {
17964 .jumbotron {
17965 padding: 4rem 2rem;
17969 .jumbotron-fluid {
17970 padding-right: 0;
17971 padding-left: 0;
17972 border-radius: 0;
17975 .alert {
17976 position: relative;
17977 padding: 0.75rem 1.25rem;
17978 margin-bottom: 1rem;
17979 border: 0 solid transparent;
17980 border-radius: 0.25rem;
17983 .alert-heading {
17984 color: inherit;
17987 .alert-link {
17988 font-weight: 700;
17991 .alert-dismissible {
17992 padding-right: 3.90625rem;
17994 .alert-dismissible .close {
17995 position: absolute;
17996 top: 0;
17997 right: 0;
17998 z-index: 2;
17999 padding: 0.75rem 1.25rem;
18000 color: inherit;
18003 .alert-primary {
18004 color: #083863;
18005 background-color: #cfe2f2;
18006 border-color: #bcd6ed;
18008 .alert-primary hr {
18009 border-top-color: #a8cae8;
18011 .alert-primary .alert-link {
18012 color: #041d34;
18015 .alert-secondary {
18016 color: #6b6e71;
18017 background-color: #f5f6f8;
18018 border-color: #f1f3f5;
18020 .alert-secondary hr {
18021 border-top-color: #e2e6ea;
18023 .alert-secondary .alert-link {
18024 color: #525557;
18027 .alert-success, .environmenttable .ok {
18028 color: #1c3f1a;
18029 background-color: #d7e4d6;
18030 border-color: #c6dac6;
18032 .alert-success hr, .environmenttable .ok hr {
18033 border-top-color: #b7d0b7;
18035 .alert-success .alert-link, .environmenttable .ok .alert-link {
18036 color: #0c1b0b;
18039 .alert-info {
18040 color: #00434e;
18041 background-color: #cce6ea;
18042 border-color: #b8dce2;
18044 .alert-info hr {
18045 border-top-color: #a6d3db;
18047 .alert-info .alert-link {
18048 color: #00171b;
18051 .alert-warning, .environmenttable .warn {
18052 color: #7d5a29;
18053 background-color: #fcefdc;
18054 border-color: #fbe8cd;
18056 .alert-warning hr, .environmenttable .warn hr {
18057 border-top-color: #f9ddb5;
18059 .alert-warning .alert-link, .environmenttable .warn .alert-link {
18060 color: #573e1c;
18063 .alert-danger, .environmenttable .error {
18064 color: #691911;
18065 background-color: #f4d6d2;
18066 border-color: #f0c5c1;
18068 .alert-danger hr, .environmenttable .error hr {
18069 border-top-color: #ebb2ac;
18071 .alert-danger .alert-link, .environmenttable .error .alert-link {
18072 color: #3d0f0a;
18075 .alert-light {
18076 color: #818182;
18077 background-color: #fefefe;
18078 border-color: #fdfdfe;
18080 .alert-light hr {
18081 border-top-color: #ececf6;
18083 .alert-light .alert-link {
18084 color: #686868;
18087 .alert-dark {
18088 color: #1b1e21;
18089 background-color: #d6d8d9;
18090 border-color: #c6c8ca;
18092 .alert-dark hr {
18093 border-top-color: #b9bbbe;
18095 .alert-dark .alert-link {
18096 color: #040505;
18099 @keyframes progress-bar-stripes {
18100 from {
18101 background-position: 1rem 0;
18103 to {
18104 background-position: 0 0;
18107 .progress {
18108 display: flex;
18109 height: 1rem;
18110 overflow: hidden;
18111 line-height: 0;
18112 font-size: 0.703125rem;
18113 background-color: #e9ecef;
18114 border-radius: 0.25rem;
18117 .progress-bar {
18118 display: flex;
18119 flex-direction: column;
18120 justify-content: center;
18121 overflow: hidden;
18122 color: #fff;
18123 text-align: center;
18124 white-space: nowrap;
18125 background-color: #0f6cbf;
18126 transition: width 0.6s ease;
18128 @media (prefers-reduced-motion: reduce) {
18129 .progress-bar {
18130 transition: none;
18134 .progress-bar-striped {
18135 background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
18136 background-size: 1rem 1rem;
18139 .progress-bar-animated {
18140 animation: 1s linear infinite progress-bar-stripes;
18142 @media (prefers-reduced-motion: reduce) {
18143 .progress-bar-animated {
18144 animation: none;
18148 .media {
18149 display: flex;
18150 align-items: flex-start;
18153 .media-body {
18154 flex: 1;
18157 .list-group {
18158 display: flex;
18159 flex-direction: column;
18160 padding-left: 0;
18161 margin-bottom: 0;
18162 border-radius: 0.25rem;
18165 .list-group-item-action {
18166 width: 100%;
18167 color: #495057;
18168 text-align: inherit;
18170 .list-group-item-action:hover, .list-group-item-action:focus {
18171 z-index: 1;
18172 color: #495057;
18173 text-decoration: none;
18174 background-color: #f8f9fa;
18176 .list-group-item-action:active {
18177 color: #1d2125;
18178 background-color: #e9ecef;
18181 .list-group-item {
18182 position: relative;
18183 display: block;
18184 padding: 0.75rem 1.25rem;
18185 background-color: #fff;
18186 border: 1px solid rgba(0, 0, 0, 0.125);
18188 .list-group-item:first-child {
18189 border-top-left-radius: inherit;
18190 border-top-right-radius: inherit;
18192 .list-group-item:last-child {
18193 border-bottom-right-radius: inherit;
18194 border-bottom-left-radius: inherit;
18196 .list-group-item.disabled, .list-group-item:disabled {
18197 color: #6a737b;
18198 pointer-events: none;
18199 background-color: #fff;
18201 .list-group-item.active {
18202 z-index: 2;
18203 color: #fff;
18204 background-color: #0f6cbf;
18205 border-color: #0f6cbf;
18207 .list-group-item + .list-group-item {
18208 border-top-width: 0;
18210 .list-group-item + .list-group-item.active {
18211 margin-top: -1px;
18212 border-top-width: 1px;
18215 .list-group-horizontal {
18216 flex-direction: row;
18218 .list-group-horizontal > .list-group-item:first-child {
18219 border-bottom-left-radius: 0.25rem;
18220 border-top-right-radius: 0;
18222 .list-group-horizontal > .list-group-item:last-child {
18223 border-top-right-radius: 0.25rem;
18224 border-bottom-left-radius: 0;
18226 .list-group-horizontal > .list-group-item.active {
18227 margin-top: 0;
18229 .list-group-horizontal > .list-group-item + .list-group-item {
18230 border-top-width: 1px;
18231 border-left-width: 0;
18233 .list-group-horizontal > .list-group-item + .list-group-item.active {
18234 margin-left: -1px;
18235 border-left-width: 1px;
18238 @media (min-width: 576px) {
18239 .list-group-horizontal-sm {
18240 flex-direction: row;
18242 .list-group-horizontal-sm > .list-group-item:first-child {
18243 border-bottom-left-radius: 0.25rem;
18244 border-top-right-radius: 0;
18246 .list-group-horizontal-sm > .list-group-item:last-child {
18247 border-top-right-radius: 0.25rem;
18248 border-bottom-left-radius: 0;
18250 .list-group-horizontal-sm > .list-group-item.active {
18251 margin-top: 0;
18253 .list-group-horizontal-sm > .list-group-item + .list-group-item {
18254 border-top-width: 1px;
18255 border-left-width: 0;
18257 .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
18258 margin-left: -1px;
18259 border-left-width: 1px;
18262 @media (min-width: 768px) {
18263 .list-group-horizontal-md {
18264 flex-direction: row;
18266 .list-group-horizontal-md > .list-group-item:first-child {
18267 border-bottom-left-radius: 0.25rem;
18268 border-top-right-radius: 0;
18270 .list-group-horizontal-md > .list-group-item:last-child {
18271 border-top-right-radius: 0.25rem;
18272 border-bottom-left-radius: 0;
18274 .list-group-horizontal-md > .list-group-item.active {
18275 margin-top: 0;
18277 .list-group-horizontal-md > .list-group-item + .list-group-item {
18278 border-top-width: 1px;
18279 border-left-width: 0;
18281 .list-group-horizontal-md > .list-group-item + .list-group-item.active {
18282 margin-left: -1px;
18283 border-left-width: 1px;
18286 @media (min-width: 992px) {
18287 .list-group-horizontal-lg {
18288 flex-direction: row;
18290 .list-group-horizontal-lg > .list-group-item:first-child {
18291 border-bottom-left-radius: 0.25rem;
18292 border-top-right-radius: 0;
18294 .list-group-horizontal-lg > .list-group-item:last-child {
18295 border-top-right-radius: 0.25rem;
18296 border-bottom-left-radius: 0;
18298 .list-group-horizontal-lg > .list-group-item.active {
18299 margin-top: 0;
18301 .list-group-horizontal-lg > .list-group-item + .list-group-item {
18302 border-top-width: 1px;
18303 border-left-width: 0;
18305 .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
18306 margin-left: -1px;
18307 border-left-width: 1px;
18310 @media (min-width: 1200px) {
18311 .list-group-horizontal-xl {
18312 flex-direction: row;
18314 .list-group-horizontal-xl > .list-group-item:first-child {
18315 border-bottom-left-radius: 0.25rem;
18316 border-top-right-radius: 0;
18318 .list-group-horizontal-xl > .list-group-item:last-child {
18319 border-top-right-radius: 0.25rem;
18320 border-bottom-left-radius: 0;
18322 .list-group-horizontal-xl > .list-group-item.active {
18323 margin-top: 0;
18325 .list-group-horizontal-xl > .list-group-item + .list-group-item {
18326 border-top-width: 1px;
18327 border-left-width: 0;
18329 .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
18330 margin-left: -1px;
18331 border-left-width: 1px;
18334 .list-group-flush {
18335 border-radius: 0;
18337 .list-group-flush > .list-group-item {
18338 border-width: 0 0 1px;
18340 .list-group-flush > .list-group-item:last-child {
18341 border-bottom-width: 0;
18344 .list-group-item-primary {
18345 color: #083863;
18346 background-color: #bcd6ed;
18348 .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
18349 color: #083863;
18350 background-color: #a8cae8;
18352 .list-group-item-primary.list-group-item-action.active {
18353 color: #fff;
18354 background-color: #083863;
18355 border-color: #083863;
18358 .list-group-item-secondary {
18359 color: #6b6e71;
18360 background-color: #f1f3f5;
18362 .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
18363 color: #6b6e71;
18364 background-color: #e2e6ea;
18366 .list-group-item-secondary.list-group-item-action.active {
18367 color: #fff;
18368 background-color: #6b6e71;
18369 border-color: #6b6e71;
18372 .list-group-item-success {
18373 color: #1c3f1a;
18374 background-color: #c6dac6;
18376 .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
18377 color: #1c3f1a;
18378 background-color: #b7d0b7;
18380 .list-group-item-success.list-group-item-action.active {
18381 color: #fff;
18382 background-color: #1c3f1a;
18383 border-color: #1c3f1a;
18386 .list-group-item-info {
18387 color: #00434e;
18388 background-color: #b8dce2;
18390 .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
18391 color: #00434e;
18392 background-color: #a6d3db;
18394 .list-group-item-info.list-group-item-action.active {
18395 color: #fff;
18396 background-color: #00434e;
18397 border-color: #00434e;
18400 .list-group-item-warning {
18401 color: #7d5a29;
18402 background-color: #fbe8cd;
18404 .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
18405 color: #7d5a29;
18406 background-color: #f9ddb5;
18408 .list-group-item-warning.list-group-item-action.active {
18409 color: #fff;
18410 background-color: #7d5a29;
18411 border-color: #7d5a29;
18414 .list-group-item-danger {
18415 color: #691911;
18416 background-color: #f0c5c1;
18418 .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
18419 color: #691911;
18420 background-color: #ebb2ac;
18422 .list-group-item-danger.list-group-item-action.active {
18423 color: #fff;
18424 background-color: #691911;
18425 border-color: #691911;
18428 .list-group-item-light {
18429 color: #818182;
18430 background-color: #fdfdfe;
18432 .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
18433 color: #818182;
18434 background-color: #ececf6;
18436 .list-group-item-light.list-group-item-action.active {
18437 color: #fff;
18438 background-color: #818182;
18439 border-color: #818182;
18442 .list-group-item-dark {
18443 color: #1b1e21;
18444 background-color: #c6c8ca;
18446 .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
18447 color: #1b1e21;
18448 background-color: #b9bbbe;
18450 .list-group-item-dark.list-group-item-action.active {
18451 color: #fff;
18452 background-color: #1b1e21;
18453 border-color: #1b1e21;
18456 .close {
18457 float: right;
18458 font-size: 1.40625rem;
18459 font-weight: 700;
18460 line-height: 1;
18461 color: #000;
18462 text-shadow: 0 1px 0 #fff;
18463 opacity: 0.5;
18465 @media (max-width: 1200px) {
18466 .close {
18467 font-size: calc(0.950625rem + 0.6075vw);
18470 .close:hover {
18471 color: #000;
18472 text-decoration: none;
18474 .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
18475 opacity: 0.75;
18478 button.close {
18479 padding: 0;
18480 background-color: transparent;
18481 border: 0;
18484 a.close.disabled {
18485 pointer-events: none;
18488 .toast {
18489 flex-basis: 350px;
18490 max-width: 350px;
18491 font-size: 0.875rem;
18492 color: #fff;
18493 background-color: rgba(29, 33, 37, 0.95);
18494 background-clip: padding-box;
18495 border: 1px solid rgba(0, 0, 0, 0.1);
18496 box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
18497 opacity: 0;
18498 border-radius: 0.25rem;
18500 .toast:not(:last-child) {
18501 margin-bottom: 0.75rem;
18503 .toast.showing {
18504 opacity: 1;
18506 .toast.show {
18507 display: block;
18508 opacity: 1;
18510 .toast.hide {
18511 display: none;
18514 .toast-header {
18515 display: flex;
18516 align-items: center;
18517 padding: 0.25rem 0.75rem;
18518 color: #f8f9fa;
18519 background-color: rgba(255, 255, 255, 0.1);
18520 background-clip: padding-box;
18521 border-bottom: 1px solid rgba(0, 0, 0, 0.05);
18522 border-top-left-radius: calc(0.25rem - 1px);
18523 border-top-right-radius: calc(0.25rem - 1px);
18526 .toast-body {
18527 padding: 0.75rem;
18530 .modal-open {
18531 overflow: hidden;
18533 .modal-open .modal {
18534 overflow-x: hidden;
18535 overflow-y: auto;
18538 .modal {
18539 position: fixed;
18540 top: 0;
18541 left: 0;
18542 z-index: 1050;
18543 display: none;
18544 width: 100%;
18545 height: 100%;
18546 overflow: hidden;
18547 outline: 0;
18550 .modal-dialog {
18551 position: relative;
18552 width: auto;
18553 margin: 0.5rem;
18554 pointer-events: none;
18556 .modal.fade .modal-dialog {
18557 transition: transform 0.3s ease-out;
18558 transform: translate(0, -50px);
18560 @media (prefers-reduced-motion: reduce) {
18561 .modal.fade .modal-dialog {
18562 transition: none;
18565 .modal.show .modal-dialog {
18566 transform: none;
18568 .modal.modal-static .modal-dialog {
18569 transform: scale(1.02);
18572 .modal-dialog-scrollable {
18573 display: flex;
18574 max-height: calc(100% - 1rem);
18576 .modal-dialog-scrollable .modal-content {
18577 max-height: calc(100vh - 1rem);
18578 overflow: hidden;
18580 .modal-dialog-scrollable .modal-header,
18581 .modal-dialog-scrollable .modal-footer {
18582 flex-shrink: 0;
18584 .modal-dialog-scrollable .modal-body {
18585 overflow-y: auto;
18588 .modal-dialog-centered {
18589 display: flex;
18590 align-items: center;
18591 min-height: calc(100% - 1rem);
18593 .modal-dialog-centered::before {
18594 display: block;
18595 height: calc(100vh - 1rem);
18596 height: min-content;
18597 content: "";
18599 .modal-dialog-centered.modal-dialog-scrollable {
18600 flex-direction: column;
18601 justify-content: center;
18602 height: 100%;
18604 .modal-dialog-centered.modal-dialog-scrollable .modal-content {
18605 max-height: none;
18607 .modal-dialog-centered.modal-dialog-scrollable::before {
18608 content: none;
18611 .modal-content {
18612 position: relative;
18613 display: flex;
18614 flex-direction: column;
18615 width: 100%;
18616 pointer-events: auto;
18617 background-color: #fff;
18618 background-clip: padding-box;
18619 border: 1px solid rgba(0, 0, 0, 0.2);
18620 border-radius: 0.3rem;
18621 outline: 0;
18624 .modal-backdrop {
18625 position: fixed;
18626 top: 0;
18627 left: 0;
18628 z-index: 1040;
18629 width: 100vw;
18630 height: 100vh;
18631 background-color: #000;
18633 .modal-backdrop.fade {
18634 opacity: 0;
18636 .modal-backdrop.show {
18637 opacity: 0.5;
18640 .modal-header {
18641 display: flex;
18642 align-items: flex-start;
18643 justify-content: space-between;
18644 padding: 1rem 1rem;
18645 border-bottom: 1px solid #dee2e6;
18646 border-top-left-radius: calc(0.3rem - 1px);
18647 border-top-right-radius: calc(0.3rem - 1px);
18649 .modal-header .close {
18650 padding: 1rem 1rem;
18651 margin: -1rem -1rem -1rem auto;
18654 .modal-title {
18655 margin-bottom: 0;
18656 line-height: 1.5;
18659 .modal-body {
18660 position: relative;
18661 flex: 1 1 auto;
18662 padding: 1rem;
18665 .modal-footer {
18666 display: flex;
18667 flex-wrap: wrap;
18668 align-items: center;
18669 justify-content: flex-end;
18670 padding: 0.75rem;
18671 border-top: 1px solid #dee2e6;
18672 border-bottom-right-radius: calc(0.3rem - 1px);
18673 border-bottom-left-radius: calc(0.3rem - 1px);
18675 .modal-footer > * {
18676 margin: 0.25rem;
18679 .modal-scrollbar-measure {
18680 position: absolute;
18681 top: -9999px;
18682 width: 50px;
18683 height: 50px;
18684 overflow: scroll;
18687 @media (min-width: 576px) {
18688 .modal-dialog {
18689 max-width: 500px;
18690 margin: 1.75rem auto;
18692 .modal-dialog-scrollable {
18693 max-height: calc(100% - 3.5rem);
18695 .modal-dialog-scrollable .modal-content {
18696 max-height: calc(100vh - 3.5rem);
18698 .modal-dialog-centered {
18699 min-height: calc(100% - 3.5rem);
18701 .modal-dialog-centered::before {
18702 height: calc(100vh - 3.5rem);
18703 height: min-content;
18705 .modal-sm {
18706 max-width: 300px;
18709 @media (min-width: 992px) {
18710 .modal-lg,
18711 .modal-xl {
18712 max-width: 800px;
18715 @media (min-width: 1200px) {
18716 .modal-xl {
18717 max-width: 1140px;
18720 .tooltip {
18721 position: absolute;
18722 z-index: 1070;
18723 display: block;
18724 margin: 0;
18725 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
18726 font-style: normal;
18727 font-weight: 400;
18728 line-height: 1.5;
18729 text-align: left;
18730 text-align: start;
18731 text-decoration: none;
18732 text-shadow: none;
18733 text-transform: none;
18734 letter-spacing: normal;
18735 word-break: normal;
18736 white-space: normal;
18737 word-spacing: normal;
18738 line-break: auto;
18739 font-size: 0.8203125rem;
18740 word-wrap: break-word;
18741 opacity: 0;
18743 .tooltip.show {
18744 opacity: 0.9;
18746 .tooltip .arrow {
18747 position: absolute;
18748 display: block;
18749 width: 0.8rem;
18750 height: 0.4rem;
18752 .tooltip .arrow::before {
18753 position: absolute;
18754 content: "";
18755 border-color: transparent;
18756 border-style: solid;
18759 .bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] {
18760 padding: 0.4rem 0;
18762 .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow {
18763 bottom: 0;
18765 .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before {
18766 top: 0;
18767 border-width: 0.4rem 0.4rem 0;
18768 border-top-color: #000;
18771 .bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] {
18772 padding: 0 0.4rem;
18774 .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow {
18775 left: 0;
18776 width: 0.4rem;
18777 height: 0.8rem;
18779 .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before {
18780 right: 0;
18781 border-width: 0.4rem 0.4rem 0.4rem 0;
18782 border-right-color: #000;
18785 .bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] {
18786 padding: 0.4rem 0;
18788 .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow {
18789 top: 0;
18791 .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before {
18792 bottom: 0;
18793 border-width: 0 0.4rem 0.4rem;
18794 border-bottom-color: #000;
18797 .bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] {
18798 padding: 0 0.4rem;
18800 .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow {
18801 right: 0;
18802 width: 0.4rem;
18803 height: 0.8rem;
18805 .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before {
18806 left: 0;
18807 border-width: 0.4rem 0 0.4rem 0.4rem;
18808 border-left-color: #000;
18811 .tooltip-inner {
18812 max-width: 200px;
18813 padding: 0.25rem 0.5rem;
18814 color: #fff;
18815 text-align: center;
18816 background-color: #000;
18817 border-radius: 0.25rem;
18820 .popover {
18821 position: absolute;
18822 top: 0;
18823 z-index: 1060;
18824 display: block;
18825 max-width: 276px;
18826 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
18827 font-style: normal;
18828 font-weight: 400;
18829 line-height: 1.5;
18830 text-align: left;
18831 text-align: start;
18832 text-decoration: none;
18833 text-shadow: none;
18834 text-transform: none;
18835 letter-spacing: normal;
18836 word-break: normal;
18837 white-space: normal;
18838 word-spacing: normal;
18839 line-break: auto;
18840 font-size: 0.8203125rem;
18841 word-wrap: break-word;
18842 background-color: #fff;
18843 background-clip: padding-box;
18844 border: 1px solid rgba(0, 0, 0, 0.2);
18845 border-radius: 0.3rem;
18847 .popover .arrow {
18848 position: absolute;
18849 display: block;
18850 width: 1rem;
18851 height: 0.5rem;
18852 margin: 0 0.3rem;
18854 .popover .arrow::before, .popover .arrow::after {
18855 position: absolute;
18856 display: block;
18857 content: "";
18858 border-color: transparent;
18859 border-style: solid;
18862 .bs-popover-top, .bs-popover-auto[x-placement^=top] {
18863 margin-bottom: 0.5rem;
18865 .bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow {
18866 bottom: calc(-0.5rem - 1px);
18868 .bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before {
18869 bottom: 0;
18870 border-width: 0.5rem 0.5rem 0;
18871 border-top-color: rgba(0, 0, 0, 0.25);
18873 .bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after {
18874 bottom: 1px;
18875 border-width: 0.5rem 0.5rem 0;
18876 border-top-color: #fff;
18879 .bs-popover-right, .bs-popover-auto[x-placement^=right] {
18880 margin-left: 0.5rem;
18882 .bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow {
18883 left: calc(-0.5rem - 1px);
18884 width: 0.5rem;
18885 height: 1rem;
18886 margin: 0.3rem 0;
18888 .bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before {
18889 left: 0;
18890 border-width: 0.5rem 0.5rem 0.5rem 0;
18891 border-right-color: rgba(0, 0, 0, 0.25);
18893 .bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after {
18894 left: 1px;
18895 border-width: 0.5rem 0.5rem 0.5rem 0;
18896 border-right-color: #fff;
18899 .bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] {
18900 margin-top: 0.5rem;
18902 .bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow {
18903 top: calc(-0.5rem - 1px);
18905 .bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before {
18906 top: 0;
18907 border-width: 0 0.5rem 0.5rem 0.5rem;
18908 border-bottom-color: rgba(0, 0, 0, 0.25);
18910 .bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after {
18911 top: 1px;
18912 border-width: 0 0.5rem 0.5rem 0.5rem;
18913 border-bottom-color: #fff;
18915 .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before {
18916 position: absolute;
18917 top: 0;
18918 left: 50%;
18919 display: block;
18920 width: 1rem;
18921 margin-left: -0.5rem;
18922 content: "";
18923 border-bottom: 1px solid #f7f7f7;
18926 .bs-popover-left, .bs-popover-auto[x-placement^=left] {
18927 margin-right: 0.5rem;
18929 .bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow {
18930 right: calc(-0.5rem - 1px);
18931 width: 0.5rem;
18932 height: 1rem;
18933 margin: 0.3rem 0;
18935 .bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before {
18936 right: 0;
18937 border-width: 0.5rem 0 0.5rem 0.5rem;
18938 border-left-color: rgba(0, 0, 0, 0.25);
18940 .bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after {
18941 right: 1px;
18942 border-width: 0.5rem 0 0.5rem 0.5rem;
18943 border-left-color: #fff;
18946 .popover-header {
18947 padding: 0.5rem 0.75rem;
18948 margin-bottom: 0;
18949 font-size: 0.9375rem;
18950 background-color: #f7f7f7;
18951 border-bottom: 1px solid #ebebeb;
18952 border-top-left-radius: calc(0.3rem - 1px);
18953 border-top-right-radius: calc(0.3rem - 1px);
18955 @media (max-width: 1200px) {
18956 .popover-header {
18957 font-size: calc(0.90375rem + 0.045vw);
18960 .popover-header:empty {
18961 display: none;
18964 .popover-body {
18965 padding: 0.5rem 0.75rem;
18966 color: #1d2125;
18969 .carousel {
18970 position: relative;
18973 .carousel.pointer-event {
18974 touch-action: pan-y;
18977 .carousel-inner {
18978 position: relative;
18979 width: 100%;
18980 overflow: hidden;
18982 .carousel-inner::after {
18983 display: block;
18984 clear: both;
18985 content: "";
18988 .carousel-item {
18989 position: relative;
18990 display: none;
18991 float: left;
18992 width: 100%;
18993 margin-right: -100%;
18994 backface-visibility: hidden;
18995 transition: transform 0.6s ease-in-out;
18997 @media (prefers-reduced-motion: reduce) {
18998 .carousel-item {
18999 transition: none;
19003 .carousel-item.active,
19004 .carousel-item-next,
19005 .carousel-item-prev {
19006 display: block;
19009 .carousel-item-next:not(.carousel-item-left),
19010 .active.carousel-item-right {
19011 transform: translateX(100%);
19014 .carousel-item-prev:not(.carousel-item-right),
19015 .active.carousel-item-left {
19016 transform: translateX(-100%);
19019 .carousel-fade .carousel-item {
19020 opacity: 0;
19021 transition-property: opacity;
19022 transform: none;
19024 .carousel-fade .carousel-item.active,
19025 .carousel-fade .carousel-item-next.carousel-item-left,
19026 .carousel-fade .carousel-item-prev.carousel-item-right {
19027 z-index: 1;
19028 opacity: 1;
19030 .carousel-fade .active.carousel-item-left,
19031 .carousel-fade .active.carousel-item-right {
19032 z-index: 0;
19033 opacity: 0;
19034 transition: opacity 0s 0.6s;
19036 @media (prefers-reduced-motion: reduce) {
19037 .carousel-fade .active.carousel-item-left,
19038 .carousel-fade .active.carousel-item-right {
19039 transition: none;
19043 .carousel-control-prev,
19044 .carousel-control-next {
19045 position: absolute;
19046 top: 0;
19047 bottom: 0;
19048 z-index: 1;
19049 display: flex;
19050 align-items: center;
19051 justify-content: center;
19052 width: 15%;
19053 padding: 0;
19054 color: #fff;
19055 text-align: center;
19056 background: none;
19057 border: 0;
19058 opacity: 0.5;
19059 transition: opacity 0.15s ease;
19061 @media (prefers-reduced-motion: reduce) {
19062 .carousel-control-prev,
19063 .carousel-control-next {
19064 transition: none;
19067 .carousel-control-prev:hover, .carousel-control-prev:focus,
19068 .carousel-control-next:hover,
19069 .carousel-control-next:focus {
19070 color: #fff;
19071 text-decoration: none;
19072 outline: 0;
19073 opacity: 0.9;
19076 .carousel-control-prev {
19077 left: 0;
19080 .carousel-control-next {
19081 right: 0;
19084 .carousel-control-prev-icon,
19085 .carousel-control-next-icon {
19086 display: inline-block;
19087 width: 20px;
19088 height: 20px;
19089 background: 50%/100% 100% no-repeat;
19092 .carousel-control-prev-icon {
19093 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
19096 .carousel-control-next-icon {
19097 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
19100 .carousel-indicators {
19101 position: absolute;
19102 right: 0;
19103 bottom: 0;
19104 left: 0;
19105 z-index: 15;
19106 display: flex;
19107 justify-content: center;
19108 padding-left: 0;
19109 margin-right: 15%;
19110 margin-left: 15%;
19111 list-style: none;
19113 .carousel-indicators li {
19114 box-sizing: content-box;
19115 flex: 0 1 auto;
19116 width: 30px;
19117 height: 3px;
19118 margin-right: 3px;
19119 margin-left: 3px;
19120 text-indent: -999px;
19121 cursor: pointer;
19122 background-color: #fff;
19123 background-clip: padding-box;
19124 border-top: 10px solid transparent;
19125 border-bottom: 10px solid transparent;
19126 opacity: 0.5;
19127 transition: opacity 0.6s ease;
19129 @media (prefers-reduced-motion: reduce) {
19130 .carousel-indicators li {
19131 transition: none;
19134 .carousel-indicators .active {
19135 opacity: 1;
19138 .carousel-caption {
19139 position: absolute;
19140 right: 15%;
19141 bottom: 20px;
19142 left: 15%;
19143 z-index: 10;
19144 padding-top: 20px;
19145 padding-bottom: 20px;
19146 color: #fff;
19147 text-align: center;
19150 @keyframes spinner-border {
19151 to {
19152 transform: rotate(360deg);
19155 .spinner-border {
19156 display: inline-block;
19157 width: 2rem;
19158 height: 2rem;
19159 vertical-align: -0.125em;
19160 border: 0.25em solid currentcolor;
19161 border-right-color: transparent;
19162 border-radius: 50%;
19163 animation: 0.75s linear infinite spinner-border;
19166 .spinner-border-sm {
19167 width: 1rem;
19168 height: 1rem;
19169 border-width: 0.2em;
19172 @keyframes spinner-grow {
19173 0% {
19174 transform: scale(0);
19176 50% {
19177 opacity: 1;
19178 transform: none;
19181 .spinner-grow {
19182 display: inline-block;
19183 width: 2rem;
19184 height: 2rem;
19185 vertical-align: -0.125em;
19186 background-color: currentcolor;
19187 border-radius: 50%;
19188 opacity: 0;
19189 animation: 0.75s linear infinite spinner-grow;
19192 .spinner-grow-sm {
19193 width: 1rem;
19194 height: 1rem;
19197 @media (prefers-reduced-motion: reduce) {
19198 .spinner-border,
19199 .spinner-grow {
19200 animation-duration: 1.5s;
19203 .align-baseline {
19204 vertical-align: baseline !important;
19207 .align-top, [data-filterregion=value] div:first-of-type {
19208 vertical-align: top !important;
19211 .align-middle, .reportbuilder-table td {
19212 vertical-align: middle !important;
19215 .align-bottom {
19216 vertical-align: bottom !important;
19219 .align-text-bottom {
19220 vertical-align: text-bottom !important;
19223 .align-text-top {
19224 vertical-align: text-top !important;
19227 .bg-primary {
19228 background-color: #0f6cbf !important;
19231 a.bg-primary:hover, a.bg-primary:focus,
19232 button.bg-primary:hover,
19233 button.bg-primary:focus {
19234 background-color: #0b5190 !important;
19237 .bg-secondary {
19238 background-color: #ced4da !important;
19241 a.bg-secondary:hover, a.bg-secondary:focus,
19242 button.bg-secondary:hover,
19243 button.bg-secondary:focus {
19244 background-color: #b1bbc4 !important;
19247 .bg-success {
19248 background-color: #357a32 !important;
19251 a.bg-success:hover, a.bg-success:focus,
19252 button.bg-success:hover,
19253 button.bg-success:focus {
19254 background-color: #255623 !important;
19257 .bg-info {
19258 background-color: #008196 !important;
19261 a.bg-info:hover, a.bg-info:focus,
19262 button.bg-info:hover,
19263 button.bg-info:focus {
19264 background-color: #005563 !important;
19267 .bg-warning {
19268 background-color: #f0ad4e !important;
19271 a.bg-warning:hover, a.bg-warning:focus,
19272 button.bg-warning:hover,
19273 button.bg-warning:focus {
19274 background-color: #ec971f !important;
19277 .bg-danger {
19278 background-color: #ca3120 !important;
19281 a.bg-danger:hover, a.bg-danger:focus,
19282 button.bg-danger:hover,
19283 button.bg-danger:focus {
19284 background-color: #9e2619 !important;
19287 .bg-light {
19288 background-color: #f8f9fa !important;
19291 a.bg-light:hover, a.bg-light:focus,
19292 button.bg-light:hover,
19293 button.bg-light:focus {
19294 background-color: #dae0e5 !important;
19297 .bg-dark {
19298 background-color: #343a40 !important;
19301 a.bg-dark:hover, a.bg-dark:focus,
19302 button.bg-dark:hover,
19303 button.bg-dark:focus {
19304 background-color: #1d2124 !important;
19307 .bg-white {
19308 background-color: #fff !important;
19311 .bg-transparent {
19312 background-color: transparent !important;
19315 .border {
19316 border: 1px solid #dee2e6 !important;
19319 .border-top {
19320 border-top: 1px solid #dee2e6 !important;
19323 .border-right {
19324 border-right: 1px solid #dee2e6 !important;
19327 .border-bottom {
19328 border-bottom: 1px solid #dee2e6 !important;
19331 .border-left {
19332 border-left: 1px solid #dee2e6 !important;
19335 .border-0 {
19336 border: 0 !important;
19339 .border-top-0 {
19340 border-top: 0 !important;
19343 .border-right-0 {
19344 border-right: 0 !important;
19347 .border-bottom-0 {
19348 border-bottom: 0 !important;
19351 .border-left-0 {
19352 border-left: 0 !important;
19355 .border-primary {
19356 border-color: #0f6cbf !important;
19359 .border-secondary {
19360 border-color: #ced4da !important;
19363 .border-success {
19364 border-color: #357a32 !important;
19367 .border-info {
19368 border-color: #008196 !important;
19371 .border-warning {
19372 border-color: #f0ad4e !important;
19375 .border-danger {
19376 border-color: #ca3120 !important;
19379 .border-light {
19380 border-color: #f8f9fa !important;
19383 .border-dark {
19384 border-color: #343a40 !important;
19387 .border-white {
19388 border-color: #fff !important;
19391 .rounded-sm {
19392 border-radius: 0.2rem !important;
19395 .rounded {
19396 border-radius: 0.25rem !important;
19399 .rounded-top {
19400 border-top-left-radius: 0.25rem !important;
19401 border-top-right-radius: 0.25rem !important;
19404 .rounded-right {
19405 border-top-right-radius: 0.25rem !important;
19406 border-bottom-right-radius: 0.25rem !important;
19409 .rounded-bottom {
19410 border-bottom-right-radius: 0.25rem !important;
19411 border-bottom-left-radius: 0.25rem !important;
19414 .rounded-left {
19415 border-top-left-radius: 0.25rem !important;
19416 border-bottom-left-radius: 0.25rem !important;
19419 .rounded-lg {
19420 border-radius: 0.3rem !important;
19423 .rounded-circle {
19424 border-radius: 50% !important;
19427 .rounded-pill {
19428 border-radius: 50rem !important;
19431 .rounded-0 {
19432 border-radius: 0 !important;
19435 .clearfix::after {
19436 display: block;
19437 clear: both;
19438 content: "";
19441 .d-none {
19442 display: none !important;
19445 .d-inline {
19446 display: inline !important;
19449 .d-inline-block {
19450 display: inline-block !important;
19453 .d-block {
19454 display: block !important;
19457 .d-table {
19458 display: table !important;
19461 .d-table-row {
19462 display: table-row !important;
19465 .d-table-cell {
19466 display: table-cell !important;
19469 .d-flex {
19470 display: flex !important;
19473 .d-inline-flex {
19474 display: inline-flex !important;
19477 @media (min-width: 576px) {
19478 .d-sm-none {
19479 display: none !important;
19481 .d-sm-inline {
19482 display: inline !important;
19484 .d-sm-inline-block {
19485 display: inline-block !important;
19487 .d-sm-block {
19488 display: block !important;
19490 .d-sm-table {
19491 display: table !important;
19493 .d-sm-table-row {
19494 display: table-row !important;
19496 .d-sm-table-cell {
19497 display: table-cell !important;
19499 .d-sm-flex {
19500 display: flex !important;
19502 .d-sm-inline-flex {
19503 display: inline-flex !important;
19506 @media (min-width: 768px) {
19507 .d-md-none {
19508 display: none !important;
19510 .d-md-inline {
19511 display: inline !important;
19513 .d-md-inline-block {
19514 display: inline-block !important;
19516 .d-md-block {
19517 display: block !important;
19519 .d-md-table {
19520 display: table !important;
19522 .d-md-table-row {
19523 display: table-row !important;
19525 .d-md-table-cell {
19526 display: table-cell !important;
19528 .d-md-flex {
19529 display: flex !important;
19531 .d-md-inline-flex {
19532 display: inline-flex !important;
19535 @media (min-width: 992px) {
19536 .d-lg-none {
19537 display: none !important;
19539 .d-lg-inline {
19540 display: inline !important;
19542 .d-lg-inline-block {
19543 display: inline-block !important;
19545 .d-lg-block {
19546 display: block !important;
19548 .d-lg-table {
19549 display: table !important;
19551 .d-lg-table-row {
19552 display: table-row !important;
19554 .d-lg-table-cell {
19555 display: table-cell !important;
19557 .d-lg-flex {
19558 display: flex !important;
19560 .d-lg-inline-flex {
19561 display: inline-flex !important;
19564 @media (min-width: 1200px) {
19565 .d-xl-none {
19566 display: none !important;
19568 .d-xl-inline {
19569 display: inline !important;
19571 .d-xl-inline-block {
19572 display: inline-block !important;
19574 .d-xl-block {
19575 display: block !important;
19577 .d-xl-table {
19578 display: table !important;
19580 .d-xl-table-row {
19581 display: table-row !important;
19583 .d-xl-table-cell {
19584 display: table-cell !important;
19586 .d-xl-flex {
19587 display: flex !important;
19589 .d-xl-inline-flex {
19590 display: inline-flex !important;
19593 @media print {
19594 .d-print-none {
19595 display: none !important;
19597 .d-print-inline {
19598 display: inline !important;
19600 .d-print-inline-block {
19601 display: inline-block !important;
19603 .d-print-block {
19604 display: block !important;
19606 .d-print-table {
19607 display: table !important;
19609 .d-print-table-row {
19610 display: table-row !important;
19612 .d-print-table-cell {
19613 display: table-cell !important;
19615 .d-print-flex {
19616 display: flex !important;
19618 .d-print-inline-flex {
19619 display: inline-flex !important;
19622 .embed-responsive {
19623 position: relative;
19624 display: block;
19625 width: 100%;
19626 padding: 0;
19627 overflow: hidden;
19629 .embed-responsive::before {
19630 display: block;
19631 content: "";
19633 .embed-responsive .embed-responsive-item,
19634 .embed-responsive iframe,
19635 .embed-responsive embed,
19636 .embed-responsive object,
19637 .embed-responsive video {
19638 position: absolute;
19639 top: 0;
19640 bottom: 0;
19641 left: 0;
19642 width: 100%;
19643 height: 100%;
19644 border: 0;
19647 .embed-responsive-21by9::before {
19648 padding-top: 42.85714286%;
19651 .embed-responsive-16by9::before {
19652 padding-top: 56.25%;
19655 .embed-responsive-4by3::before {
19656 padding-top: 75%;
19659 .embed-responsive-1by1::before {
19660 padding-top: 100%;
19663 .flex-row {
19664 flex-direction: row !important;
19667 .flex-column {
19668 flex-direction: column !important;
19671 .flex-row-reverse {
19672 flex-direction: row-reverse !important;
19675 .flex-column-reverse {
19676 flex-direction: column-reverse !important;
19679 .flex-wrap {
19680 flex-wrap: wrap !important;
19683 .flex-nowrap {
19684 flex-wrap: nowrap !important;
19687 .flex-wrap-reverse {
19688 flex-wrap: wrap-reverse !important;
19691 .flex-fill, .reportbuilder-report-container {
19692 flex: 1 1 auto !important;
19695 .flex-grow-0 {
19696 flex-grow: 0 !important;
19699 .flex-grow-1 {
19700 flex-grow: 1 !important;
19703 .flex-shrink-0 {
19704 flex-shrink: 0 !important;
19707 .flex-shrink-1 {
19708 flex-shrink: 1 !important;
19711 .justify-content-start {
19712 justify-content: flex-start !important;
19715 .justify-content-end {
19716 justify-content: flex-end !important;
19719 .justify-content-center {
19720 justify-content: center !important;
19723 .justify-content-between {
19724 justify-content: space-between !important;
19727 .justify-content-around {
19728 justify-content: space-around !important;
19731 .align-items-start {
19732 align-items: flex-start !important;
19735 .align-items-end {
19736 align-items: flex-end !important;
19739 .align-items-center {
19740 align-items: center !important;
19743 .align-items-baseline {
19744 align-items: baseline !important;
19747 .align-items-stretch {
19748 align-items: stretch !important;
19751 .align-content-start {
19752 align-content: flex-start !important;
19755 .align-content-end {
19756 align-content: flex-end !important;
19759 .align-content-center {
19760 align-content: center !important;
19763 .align-content-between {
19764 align-content: space-between !important;
19767 .align-content-around {
19768 align-content: space-around !important;
19771 .align-content-stretch {
19772 align-content: stretch !important;
19775 .align-self-auto {
19776 align-self: auto !important;
19779 .align-self-start {
19780 align-self: flex-start !important;
19783 .align-self-end {
19784 align-self: flex-end !important;
19787 .align-self-center {
19788 align-self: center !important;
19791 .align-self-baseline {
19792 align-self: baseline !important;
19795 .align-self-stretch {
19796 align-self: stretch !important;
19799 @media (min-width: 576px) {
19800 .flex-sm-row {
19801 flex-direction: row !important;
19803 .flex-sm-column {
19804 flex-direction: column !important;
19806 .flex-sm-row-reverse {
19807 flex-direction: row-reverse !important;
19809 .flex-sm-column-reverse {
19810 flex-direction: column-reverse !important;
19812 .flex-sm-wrap {
19813 flex-wrap: wrap !important;
19815 .flex-sm-nowrap {
19816 flex-wrap: nowrap !important;
19818 .flex-sm-wrap-reverse {
19819 flex-wrap: wrap-reverse !important;
19821 .flex-sm-fill {
19822 flex: 1 1 auto !important;
19824 .flex-sm-grow-0 {
19825 flex-grow: 0 !important;
19827 .flex-sm-grow-1 {
19828 flex-grow: 1 !important;
19830 .flex-sm-shrink-0 {
19831 flex-shrink: 0 !important;
19833 .flex-sm-shrink-1 {
19834 flex-shrink: 1 !important;
19836 .justify-content-sm-start {
19837 justify-content: flex-start !important;
19839 .justify-content-sm-end {
19840 justify-content: flex-end !important;
19842 .justify-content-sm-center {
19843 justify-content: center !important;
19845 .justify-content-sm-between {
19846 justify-content: space-between !important;
19848 .justify-content-sm-around {
19849 justify-content: space-around !important;
19851 .align-items-sm-start {
19852 align-items: flex-start !important;
19854 .align-items-sm-end {
19855 align-items: flex-end !important;
19857 .align-items-sm-center {
19858 align-items: center !important;
19860 .align-items-sm-baseline {
19861 align-items: baseline !important;
19863 .align-items-sm-stretch {
19864 align-items: stretch !important;
19866 .align-content-sm-start {
19867 align-content: flex-start !important;
19869 .align-content-sm-end {
19870 align-content: flex-end !important;
19872 .align-content-sm-center {
19873 align-content: center !important;
19875 .align-content-sm-between {
19876 align-content: space-between !important;
19878 .align-content-sm-around {
19879 align-content: space-around !important;
19881 .align-content-sm-stretch {
19882 align-content: stretch !important;
19884 .align-self-sm-auto {
19885 align-self: auto !important;
19887 .align-self-sm-start {
19888 align-self: flex-start !important;
19890 .align-self-sm-end {
19891 align-self: flex-end !important;
19893 .align-self-sm-center {
19894 align-self: center !important;
19896 .align-self-sm-baseline {
19897 align-self: baseline !important;
19899 .align-self-sm-stretch {
19900 align-self: stretch !important;
19903 @media (min-width: 768px) {
19904 .flex-md-row {
19905 flex-direction: row !important;
19907 .flex-md-column {
19908 flex-direction: column !important;
19910 .flex-md-row-reverse {
19911 flex-direction: row-reverse !important;
19913 .flex-md-column-reverse {
19914 flex-direction: column-reverse !important;
19916 .flex-md-wrap {
19917 flex-wrap: wrap !important;
19919 .flex-md-nowrap {
19920 flex-wrap: nowrap !important;
19922 .flex-md-wrap-reverse {
19923 flex-wrap: wrap-reverse !important;
19925 .flex-md-fill {
19926 flex: 1 1 auto !important;
19928 .flex-md-grow-0 {
19929 flex-grow: 0 !important;
19931 .flex-md-grow-1 {
19932 flex-grow: 1 !important;
19934 .flex-md-shrink-0 {
19935 flex-shrink: 0 !important;
19937 .flex-md-shrink-1 {
19938 flex-shrink: 1 !important;
19940 .justify-content-md-start {
19941 justify-content: flex-start !important;
19943 .justify-content-md-end {
19944 justify-content: flex-end !important;
19946 .justify-content-md-center {
19947 justify-content: center !important;
19949 .justify-content-md-between {
19950 justify-content: space-between !important;
19952 .justify-content-md-around {
19953 justify-content: space-around !important;
19955 .align-items-md-start {
19956 align-items: flex-start !important;
19958 .align-items-md-end {
19959 align-items: flex-end !important;
19961 .align-items-md-center {
19962 align-items: center !important;
19964 .align-items-md-baseline {
19965 align-items: baseline !important;
19967 .align-items-md-stretch {
19968 align-items: stretch !important;
19970 .align-content-md-start {
19971 align-content: flex-start !important;
19973 .align-content-md-end {
19974 align-content: flex-end !important;
19976 .align-content-md-center {
19977 align-content: center !important;
19979 .align-content-md-between {
19980 align-content: space-between !important;
19982 .align-content-md-around {
19983 align-content: space-around !important;
19985 .align-content-md-stretch {
19986 align-content: stretch !important;
19988 .align-self-md-auto {
19989 align-self: auto !important;
19991 .align-self-md-start {
19992 align-self: flex-start !important;
19994 .align-self-md-end {
19995 align-self: flex-end !important;
19997 .align-self-md-center {
19998 align-self: center !important;
20000 .align-self-md-baseline {
20001 align-self: baseline !important;
20003 .align-self-md-stretch {
20004 align-self: stretch !important;
20007 @media (min-width: 992px) {
20008 .flex-lg-row {
20009 flex-direction: row !important;
20011 .flex-lg-column {
20012 flex-direction: column !important;
20014 .flex-lg-row-reverse {
20015 flex-direction: row-reverse !important;
20017 .flex-lg-column-reverse {
20018 flex-direction: column-reverse !important;
20020 .flex-lg-wrap {
20021 flex-wrap: wrap !important;
20023 .flex-lg-nowrap {
20024 flex-wrap: nowrap !important;
20026 .flex-lg-wrap-reverse {
20027 flex-wrap: wrap-reverse !important;
20029 .flex-lg-fill {
20030 flex: 1 1 auto !important;
20032 .flex-lg-grow-0 {
20033 flex-grow: 0 !important;
20035 .flex-lg-grow-1 {
20036 flex-grow: 1 !important;
20038 .flex-lg-shrink-0 {
20039 flex-shrink: 0 !important;
20041 .flex-lg-shrink-1 {
20042 flex-shrink: 1 !important;
20044 .justify-content-lg-start {
20045 justify-content: flex-start !important;
20047 .justify-content-lg-end {
20048 justify-content: flex-end !important;
20050 .justify-content-lg-center {
20051 justify-content: center !important;
20053 .justify-content-lg-between {
20054 justify-content: space-between !important;
20056 .justify-content-lg-around {
20057 justify-content: space-around !important;
20059 .align-items-lg-start {
20060 align-items: flex-start !important;
20062 .align-items-lg-end {
20063 align-items: flex-end !important;
20065 .align-items-lg-center {
20066 align-items: center !important;
20068 .align-items-lg-baseline {
20069 align-items: baseline !important;
20071 .align-items-lg-stretch {
20072 align-items: stretch !important;
20074 .align-content-lg-start {
20075 align-content: flex-start !important;
20077 .align-content-lg-end {
20078 align-content: flex-end !important;
20080 .align-content-lg-center {
20081 align-content: center !important;
20083 .align-content-lg-between {
20084 align-content: space-between !important;
20086 .align-content-lg-around {
20087 align-content: space-around !important;
20089 .align-content-lg-stretch {
20090 align-content: stretch !important;
20092 .align-self-lg-auto {
20093 align-self: auto !important;
20095 .align-self-lg-start {
20096 align-self: flex-start !important;
20098 .align-self-lg-end {
20099 align-self: flex-end !important;
20101 .align-self-lg-center {
20102 align-self: center !important;
20104 .align-self-lg-baseline {
20105 align-self: baseline !important;
20107 .align-self-lg-stretch {
20108 align-self: stretch !important;
20111 @media (min-width: 1200px) {
20112 .flex-xl-row {
20113 flex-direction: row !important;
20115 .flex-xl-column {
20116 flex-direction: column !important;
20118 .flex-xl-row-reverse {
20119 flex-direction: row-reverse !important;
20121 .flex-xl-column-reverse {
20122 flex-direction: column-reverse !important;
20124 .flex-xl-wrap {
20125 flex-wrap: wrap !important;
20127 .flex-xl-nowrap {
20128 flex-wrap: nowrap !important;
20130 .flex-xl-wrap-reverse {
20131 flex-wrap: wrap-reverse !important;
20133 .flex-xl-fill {
20134 flex: 1 1 auto !important;
20136 .flex-xl-grow-0 {
20137 flex-grow: 0 !important;
20139 .flex-xl-grow-1 {
20140 flex-grow: 1 !important;
20142 .flex-xl-shrink-0 {
20143 flex-shrink: 0 !important;
20145 .flex-xl-shrink-1 {
20146 flex-shrink: 1 !important;
20148 .justify-content-xl-start {
20149 justify-content: flex-start !important;
20151 .justify-content-xl-end {
20152 justify-content: flex-end !important;
20154 .justify-content-xl-center {
20155 justify-content: center !important;
20157 .justify-content-xl-between {
20158 justify-content: space-between !important;
20160 .justify-content-xl-around {
20161 justify-content: space-around !important;
20163 .align-items-xl-start {
20164 align-items: flex-start !important;
20166 .align-items-xl-end {
20167 align-items: flex-end !important;
20169 .align-items-xl-center {
20170 align-items: center !important;
20172 .align-items-xl-baseline {
20173 align-items: baseline !important;
20175 .align-items-xl-stretch {
20176 align-items: stretch !important;
20178 .align-content-xl-start {
20179 align-content: flex-start !important;
20181 .align-content-xl-end {
20182 align-content: flex-end !important;
20184 .align-content-xl-center {
20185 align-content: center !important;
20187 .align-content-xl-between {
20188 align-content: space-between !important;
20190 .align-content-xl-around {
20191 align-content: space-around !important;
20193 .align-content-xl-stretch {
20194 align-content: stretch !important;
20196 .align-self-xl-auto {
20197 align-self: auto !important;
20199 .align-self-xl-start {
20200 align-self: flex-start !important;
20202 .align-self-xl-end {
20203 align-self: flex-end !important;
20205 .align-self-xl-center {
20206 align-self: center !important;
20208 .align-self-xl-baseline {
20209 align-self: baseline !important;
20211 .align-self-xl-stretch {
20212 align-self: stretch !important;
20215 .float-left {
20216 float: left !important;
20219 .float-right {
20220 float: right !important;
20223 .float-none {
20224 float: none !important;
20227 @media (min-width: 576px) {
20228 .float-sm-left {
20229 float: left !important;
20231 .float-sm-right {
20232 float: right !important;
20234 .float-sm-none {
20235 float: none !important;
20238 @media (min-width: 768px) {
20239 .float-md-left {
20240 float: left !important;
20242 .float-md-right {
20243 float: right !important;
20245 .float-md-none {
20246 float: none !important;
20249 @media (min-width: 992px) {
20250 .float-lg-left {
20251 float: left !important;
20253 .float-lg-right {
20254 float: right !important;
20256 .float-lg-none {
20257 float: none !important;
20260 @media (min-width: 1200px) {
20261 .float-xl-left {
20262 float: left !important;
20264 .float-xl-right {
20265 float: right !important;
20267 .float-xl-none {
20268 float: none !important;
20271 .user-select-all {
20272 user-select: all !important;
20275 .user-select-auto {
20276 user-select: auto !important;
20279 .user-select-none {
20280 user-select: none !important;
20283 .overflow-auto {
20284 overflow: auto !important;
20287 .overflow-hidden {
20288 overflow: hidden !important;
20291 .position-static {
20292 position: static !important;
20295 .position-relative {
20296 position: relative !important;
20299 .position-absolute {
20300 position: absolute !important;
20303 .position-fixed {
20304 position: fixed !important;
20307 .position-sticky {
20308 position: sticky !important;
20311 .fixed-top {
20312 position: fixed;
20313 top: 0;
20314 right: 0;
20315 left: 0;
20316 z-index: 1030;
20319 .fixed-bottom {
20320 position: fixed;
20321 right: 0;
20322 bottom: 0;
20323 left: 0;
20324 z-index: 1030;
20327 @supports (position: sticky) {
20328 .sticky-top {
20329 position: sticky;
20330 top: 0;
20331 z-index: 1020;
20335 .sr-only {
20336 position: absolute;
20337 width: 1px;
20338 height: 1px;
20339 padding: 0;
20340 margin: -1px;
20341 overflow: hidden;
20342 clip: rect(0, 0, 0, 0);
20343 white-space: nowrap;
20344 border: 0;
20347 .sr-only-focusable:active, .sr-only-focusable:focus {
20348 position: static;
20349 width: auto;
20350 height: auto;
20351 overflow: visible;
20352 clip: auto;
20353 white-space: normal;
20356 .shadow-sm {
20357 box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
20360 .shadow {
20361 box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
20364 .shadow-lg {
20365 box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
20368 .shadow-none {
20369 box-shadow: none !important;
20372 .w-25 {
20373 width: 25% !important;
20376 .w-50 {
20377 width: 50% !important;
20380 .w-75 {
20381 width: 75% !important;
20384 .w-100 {
20385 width: 100% !important;
20388 .w-auto {
20389 width: auto !important;
20392 .h-25 {
20393 height: 25% !important;
20396 .h-50 {
20397 height: 50% !important;
20400 .h-75 {
20401 height: 75% !important;
20404 .h-100 {
20405 height: 100% !important;
20408 .h-auto {
20409 height: auto !important;
20412 .mw-100 {
20413 max-width: 100% !important;
20416 .mh-100 {
20417 max-height: 100% !important;
20420 .min-vw-100 {
20421 min-width: 100vw !important;
20424 .min-vh-100 {
20425 min-height: 100vh !important;
20428 .vw-100 {
20429 width: 100vw !important;
20432 .vh-100 {
20433 height: 100vh !important;
20436 .m-0 {
20437 margin: 0 !important;
20440 .mt-0,
20441 .my-0 {
20442 margin-top: 0 !important;
20445 .mr-0,
20446 .mx-0 {
20447 margin-right: 0 !important;
20450 .mb-0,
20451 .my-0 {
20452 margin-bottom: 0 !important;
20455 .ml-0,
20456 .mx-0 {
20457 margin-left: 0 !important;
20460 .m-1 {
20461 margin: 0.25rem !important;
20464 .mt-1,
20465 .my-1 {
20466 margin-top: 0.25rem !important;
20469 .mr-1,
20470 .mx-1 {
20471 margin-right: 0.25rem !important;
20474 .mb-1,
20475 .my-1 {
20476 margin-bottom: 0.25rem !important;
20479 .ml-1,
20480 .mx-1 {
20481 margin-left: 0.25rem !important;
20484 .m-2 {
20485 margin: 0.5rem !important;
20488 .mt-2,
20489 .my-2 {
20490 margin-top: 0.5rem !important;
20493 .mr-2,
20494 .mx-2 {
20495 margin-right: 0.5rem !important;
20498 .mb-2,
20499 .my-2 {
20500 margin-bottom: 0.5rem !important;
20503 .ml-2,
20504 .mx-2 {
20505 margin-left: 0.5rem !important;
20508 .m-3 {
20509 margin: 1rem !important;
20512 .mt-3,
20513 .my-3 {
20514 margin-top: 1rem !important;
20517 .mr-3,
20518 .mx-3 {
20519 margin-right: 1rem !important;
20522 .mb-3,
20523 .my-3 {
20524 margin-bottom: 1rem !important;
20527 .ml-3,
20528 .mx-3 {
20529 margin-left: 1rem !important;
20532 .m-4 {
20533 margin: 1.5rem !important;
20536 .mt-4,
20537 .my-4 {
20538 margin-top: 1.5rem !important;
20541 .mr-4,
20542 .mx-4 {
20543 margin-right: 1.5rem !important;
20546 .mb-4,
20547 .my-4 {
20548 margin-bottom: 1.5rem !important;
20551 .ml-4,
20552 .mx-4 {
20553 margin-left: 1.5rem !important;
20556 .m-5 {
20557 margin: 2rem !important;
20560 .mt-5,
20561 .my-5 {
20562 margin-top: 2rem !important;
20565 .mr-5,
20566 .mx-5 {
20567 margin-right: 2rem !important;
20570 .mb-5,
20571 .my-5 {
20572 margin-bottom: 2rem !important;
20575 .ml-5,
20576 .mx-5 {
20577 margin-left: 2rem !important;
20580 .m-6 {
20581 margin: 3rem !important;
20584 .mt-6,
20585 .my-6 {
20586 margin-top: 3rem !important;
20589 .mr-6,
20590 .mx-6 {
20591 margin-right: 3rem !important;
20594 .mb-6,
20595 .my-6 {
20596 margin-bottom: 3rem !important;
20599 .ml-6,
20600 .mx-6 {
20601 margin-left: 3rem !important;
20604 .p-0 {
20605 padding: 0 !important;
20608 .pt-0,
20609 .py-0 {
20610 padding-top: 0 !important;
20613 .pr-0,
20614 .px-0 {
20615 padding-right: 0 !important;
20618 .pb-0,
20619 .py-0 {
20620 padding-bottom: 0 !important;
20623 .pl-0,
20624 .px-0 {
20625 padding-left: 0 !important;
20628 .p-1 {
20629 padding: 0.25rem !important;
20632 .pt-1,
20633 .py-1 {
20634 padding-top: 0.25rem !important;
20637 .pr-1,
20638 .px-1 {
20639 padding-right: 0.25rem !important;
20642 .pb-1,
20643 .py-1 {
20644 padding-bottom: 0.25rem !important;
20647 .pl-1,
20648 .px-1 {
20649 padding-left: 0.25rem !important;
20652 .p-2 {
20653 padding: 0.5rem !important;
20656 .pt-2,
20657 .py-2 {
20658 padding-top: 0.5rem !important;
20661 .pr-2,
20662 .px-2 {
20663 padding-right: 0.5rem !important;
20666 .pb-2,
20667 .py-2 {
20668 padding-bottom: 0.5rem !important;
20671 .pl-2,
20672 .px-2 {
20673 padding-left: 0.5rem !important;
20676 .p-3 {
20677 padding: 1rem !important;
20680 .pt-3,
20681 .py-3 {
20682 padding-top: 1rem !important;
20685 .pr-3,
20686 .px-3 {
20687 padding-right: 1rem !important;
20690 .pb-3,
20691 .py-3 {
20692 padding-bottom: 1rem !important;
20695 .pl-3,
20696 .px-3 {
20697 padding-left: 1rem !important;
20700 .p-4 {
20701 padding: 1.5rem !important;
20704 .pt-4,
20705 .py-4 {
20706 padding-top: 1.5rem !important;
20709 .pr-4,
20710 .px-4 {
20711 padding-right: 1.5rem !important;
20714 .pb-4,
20715 .py-4 {
20716 padding-bottom: 1.5rem !important;
20719 .pl-4,
20720 .px-4 {
20721 padding-left: 1.5rem !important;
20724 .p-5 {
20725 padding: 2rem !important;
20728 .pt-5,
20729 .py-5 {
20730 padding-top: 2rem !important;
20733 .pr-5,
20734 .px-5 {
20735 padding-right: 2rem !important;
20738 .pb-5,
20739 .py-5 {
20740 padding-bottom: 2rem !important;
20743 .pl-5,
20744 .px-5 {
20745 padding-left: 2rem !important;
20748 .p-6 {
20749 padding: 3rem !important;
20752 .pt-6,
20753 .py-6 {
20754 padding-top: 3rem !important;
20757 .pr-6,
20758 .px-6 {
20759 padding-right: 3rem !important;
20762 .pb-6,
20763 .py-6 {
20764 padding-bottom: 3rem !important;
20767 .pl-6,
20768 .px-6 {
20769 padding-left: 3rem !important;
20772 .m-n1 {
20773 margin: -0.25rem !important;
20776 .mt-n1,
20777 .my-n1 {
20778 margin-top: -0.25rem !important;
20781 .mr-n1,
20782 .mx-n1 {
20783 margin-right: -0.25rem !important;
20786 .mb-n1,
20787 .my-n1 {
20788 margin-bottom: -0.25rem !important;
20791 .ml-n1,
20792 .mx-n1 {
20793 margin-left: -0.25rem !important;
20796 .m-n2 {
20797 margin: -0.5rem !important;
20800 .mt-n2,
20801 .my-n2 {
20802 margin-top: -0.5rem !important;
20805 .mr-n2,
20806 .mx-n2 {
20807 margin-right: -0.5rem !important;
20810 .mb-n2,
20811 .my-n2 {
20812 margin-bottom: -0.5rem !important;
20815 .ml-n2,
20816 .mx-n2 {
20817 margin-left: -0.5rem !important;
20820 .m-n3 {
20821 margin: -1rem !important;
20824 .mt-n3,
20825 .my-n3 {
20826 margin-top: -1rem !important;
20829 .mr-n3,
20830 .mx-n3 {
20831 margin-right: -1rem !important;
20834 .mb-n3,
20835 .my-n3 {
20836 margin-bottom: -1rem !important;
20839 .ml-n3,
20840 .mx-n3 {
20841 margin-left: -1rem !important;
20844 .m-n4 {
20845 margin: -1.5rem !important;
20848 .mt-n4,
20849 .my-n4 {
20850 margin-top: -1.5rem !important;
20853 .mr-n4,
20854 .mx-n4 {
20855 margin-right: -1.5rem !important;
20858 .mb-n4,
20859 .my-n4 {
20860 margin-bottom: -1.5rem !important;
20863 .ml-n4,
20864 .mx-n4 {
20865 margin-left: -1.5rem !important;
20868 .m-n5 {
20869 margin: -2rem !important;
20872 .mt-n5,
20873 .my-n5 {
20874 margin-top: -2rem !important;
20877 .mr-n5,
20878 .mx-n5 {
20879 margin-right: -2rem !important;
20882 .mb-n5,
20883 .my-n5 {
20884 margin-bottom: -2rem !important;
20887 .ml-n5,
20888 .mx-n5 {
20889 margin-left: -2rem !important;
20892 .m-n6 {
20893 margin: -3rem !important;
20896 .mt-n6,
20897 .my-n6 {
20898 margin-top: -3rem !important;
20901 .mr-n6,
20902 .mx-n6 {
20903 margin-right: -3rem !important;
20906 .mb-n6,
20907 .my-n6 {
20908 margin-bottom: -3rem !important;
20911 .ml-n6,
20912 .mx-n6 {
20913 margin-left: -3rem !important;
20916 .m-auto {
20917 margin: auto !important;
20920 .mt-auto,
20921 .my-auto {
20922 margin-top: auto !important;
20925 .mr-auto,
20926 .mx-auto {
20927 margin-right: auto !important;
20930 .mb-auto,
20931 .my-auto {
20932 margin-bottom: auto !important;
20935 .ml-auto,
20936 .mx-auto {
20937 margin-left: auto !important;
20940 @media (min-width: 576px) {
20941 .m-sm-0 {
20942 margin: 0 !important;
20944 .mt-sm-0,
20945 .my-sm-0 {
20946 margin-top: 0 !important;
20948 .mr-sm-0,
20949 .mx-sm-0 {
20950 margin-right: 0 !important;
20952 .mb-sm-0,
20953 .my-sm-0 {
20954 margin-bottom: 0 !important;
20956 .ml-sm-0,
20957 .mx-sm-0 {
20958 margin-left: 0 !important;
20960 .m-sm-1 {
20961 margin: 0.25rem !important;
20963 .mt-sm-1,
20964 .my-sm-1 {
20965 margin-top: 0.25rem !important;
20967 .mr-sm-1,
20968 .mx-sm-1 {
20969 margin-right: 0.25rem !important;
20971 .mb-sm-1,
20972 .my-sm-1 {
20973 margin-bottom: 0.25rem !important;
20975 .ml-sm-1,
20976 .mx-sm-1 {
20977 margin-left: 0.25rem !important;
20979 .m-sm-2 {
20980 margin: 0.5rem !important;
20982 .mt-sm-2,
20983 .my-sm-2 {
20984 margin-top: 0.5rem !important;
20986 .mr-sm-2,
20987 .mx-sm-2 {
20988 margin-right: 0.5rem !important;
20990 .mb-sm-2,
20991 .my-sm-2 {
20992 margin-bottom: 0.5rem !important;
20994 .ml-sm-2,
20995 .mx-sm-2 {
20996 margin-left: 0.5rem !important;
20998 .m-sm-3 {
20999 margin: 1rem !important;
21001 .mt-sm-3,
21002 .my-sm-3 {
21003 margin-top: 1rem !important;
21005 .mr-sm-3,
21006 .mx-sm-3 {
21007 margin-right: 1rem !important;
21009 .mb-sm-3,
21010 .my-sm-3 {
21011 margin-bottom: 1rem !important;
21013 .ml-sm-3,
21014 .mx-sm-3 {
21015 margin-left: 1rem !important;
21017 .m-sm-4 {
21018 margin: 1.5rem !important;
21020 .mt-sm-4,
21021 .my-sm-4 {
21022 margin-top: 1.5rem !important;
21024 .mr-sm-4,
21025 .mx-sm-4 {
21026 margin-right: 1.5rem !important;
21028 .mb-sm-4,
21029 .my-sm-4 {
21030 margin-bottom: 1.5rem !important;
21032 .ml-sm-4,
21033 .mx-sm-4 {
21034 margin-left: 1.5rem !important;
21036 .m-sm-5 {
21037 margin: 2rem !important;
21039 .mt-sm-5,
21040 .my-sm-5 {
21041 margin-top: 2rem !important;
21043 .mr-sm-5,
21044 .mx-sm-5 {
21045 margin-right: 2rem !important;
21047 .mb-sm-5,
21048 .my-sm-5 {
21049 margin-bottom: 2rem !important;
21051 .ml-sm-5,
21052 .mx-sm-5 {
21053 margin-left: 2rem !important;
21055 .m-sm-6 {
21056 margin: 3rem !important;
21058 .mt-sm-6,
21059 .my-sm-6 {
21060 margin-top: 3rem !important;
21062 .mr-sm-6,
21063 .mx-sm-6 {
21064 margin-right: 3rem !important;
21066 .mb-sm-6,
21067 .my-sm-6 {
21068 margin-bottom: 3rem !important;
21070 .ml-sm-6,
21071 .mx-sm-6 {
21072 margin-left: 3rem !important;
21074 .p-sm-0 {
21075 padding: 0 !important;
21077 .pt-sm-0,
21078 .py-sm-0 {
21079 padding-top: 0 !important;
21081 .pr-sm-0,
21082 .px-sm-0 {
21083 padding-right: 0 !important;
21085 .pb-sm-0,
21086 .py-sm-0 {
21087 padding-bottom: 0 !important;
21089 .pl-sm-0,
21090 .px-sm-0 {
21091 padding-left: 0 !important;
21093 .p-sm-1 {
21094 padding: 0.25rem !important;
21096 .pt-sm-1,
21097 .py-sm-1 {
21098 padding-top: 0.25rem !important;
21100 .pr-sm-1,
21101 .px-sm-1 {
21102 padding-right: 0.25rem !important;
21104 .pb-sm-1,
21105 .py-sm-1 {
21106 padding-bottom: 0.25rem !important;
21108 .pl-sm-1,
21109 .px-sm-1 {
21110 padding-left: 0.25rem !important;
21112 .p-sm-2 {
21113 padding: 0.5rem !important;
21115 .pt-sm-2,
21116 .py-sm-2 {
21117 padding-top: 0.5rem !important;
21119 .pr-sm-2,
21120 .px-sm-2 {
21121 padding-right: 0.5rem !important;
21123 .pb-sm-2,
21124 .py-sm-2 {
21125 padding-bottom: 0.5rem !important;
21127 .pl-sm-2,
21128 .px-sm-2 {
21129 padding-left: 0.5rem !important;
21131 .p-sm-3 {
21132 padding: 1rem !important;
21134 .pt-sm-3,
21135 .py-sm-3 {
21136 padding-top: 1rem !important;
21138 .pr-sm-3,
21139 .px-sm-3 {
21140 padding-right: 1rem !important;
21142 .pb-sm-3,
21143 .py-sm-3 {
21144 padding-bottom: 1rem !important;
21146 .pl-sm-3,
21147 .px-sm-3 {
21148 padding-left: 1rem !important;
21150 .p-sm-4 {
21151 padding: 1.5rem !important;
21153 .pt-sm-4,
21154 .py-sm-4 {
21155 padding-top: 1.5rem !important;
21157 .pr-sm-4,
21158 .px-sm-4 {
21159 padding-right: 1.5rem !important;
21161 .pb-sm-4,
21162 .py-sm-4 {
21163 padding-bottom: 1.5rem !important;
21165 .pl-sm-4,
21166 .px-sm-4 {
21167 padding-left: 1.5rem !important;
21169 .p-sm-5 {
21170 padding: 2rem !important;
21172 .pt-sm-5,
21173 .py-sm-5 {
21174 padding-top: 2rem !important;
21176 .pr-sm-5,
21177 .px-sm-5 {
21178 padding-right: 2rem !important;
21180 .pb-sm-5,
21181 .py-sm-5 {
21182 padding-bottom: 2rem !important;
21184 .pl-sm-5,
21185 .px-sm-5 {
21186 padding-left: 2rem !important;
21188 .p-sm-6 {
21189 padding: 3rem !important;
21191 .pt-sm-6,
21192 .py-sm-6 {
21193 padding-top: 3rem !important;
21195 .pr-sm-6,
21196 .px-sm-6 {
21197 padding-right: 3rem !important;
21199 .pb-sm-6,
21200 .py-sm-6 {
21201 padding-bottom: 3rem !important;
21203 .pl-sm-6,
21204 .px-sm-6 {
21205 padding-left: 3rem !important;
21207 .m-sm-n1 {
21208 margin: -0.25rem !important;
21210 .mt-sm-n1,
21211 .my-sm-n1 {
21212 margin-top: -0.25rem !important;
21214 .mr-sm-n1,
21215 .mx-sm-n1 {
21216 margin-right: -0.25rem !important;
21218 .mb-sm-n1,
21219 .my-sm-n1 {
21220 margin-bottom: -0.25rem !important;
21222 .ml-sm-n1,
21223 .mx-sm-n1 {
21224 margin-left: -0.25rem !important;
21226 .m-sm-n2 {
21227 margin: -0.5rem !important;
21229 .mt-sm-n2,
21230 .my-sm-n2 {
21231 margin-top: -0.5rem !important;
21233 .mr-sm-n2,
21234 .mx-sm-n2 {
21235 margin-right: -0.5rem !important;
21237 .mb-sm-n2,
21238 .my-sm-n2 {
21239 margin-bottom: -0.5rem !important;
21241 .ml-sm-n2,
21242 .mx-sm-n2 {
21243 margin-left: -0.5rem !important;
21245 .m-sm-n3 {
21246 margin: -1rem !important;
21248 .mt-sm-n3,
21249 .my-sm-n3 {
21250 margin-top: -1rem !important;
21252 .mr-sm-n3,
21253 .mx-sm-n3 {
21254 margin-right: -1rem !important;
21256 .mb-sm-n3,
21257 .my-sm-n3 {
21258 margin-bottom: -1rem !important;
21260 .ml-sm-n3,
21261 .mx-sm-n3 {
21262 margin-left: -1rem !important;
21264 .m-sm-n4 {
21265 margin: -1.5rem !important;
21267 .mt-sm-n4,
21268 .my-sm-n4 {
21269 margin-top: -1.5rem !important;
21271 .mr-sm-n4,
21272 .mx-sm-n4 {
21273 margin-right: -1.5rem !important;
21275 .mb-sm-n4,
21276 .my-sm-n4 {
21277 margin-bottom: -1.5rem !important;
21279 .ml-sm-n4,
21280 .mx-sm-n4 {
21281 margin-left: -1.5rem !important;
21283 .m-sm-n5 {
21284 margin: -2rem !important;
21286 .mt-sm-n5,
21287 .my-sm-n5 {
21288 margin-top: -2rem !important;
21290 .mr-sm-n5,
21291 .mx-sm-n5 {
21292 margin-right: -2rem !important;
21294 .mb-sm-n5,
21295 .my-sm-n5 {
21296 margin-bottom: -2rem !important;
21298 .ml-sm-n5,
21299 .mx-sm-n5 {
21300 margin-left: -2rem !important;
21302 .m-sm-n6 {
21303 margin: -3rem !important;
21305 .mt-sm-n6,
21306 .my-sm-n6 {
21307 margin-top: -3rem !important;
21309 .mr-sm-n6,
21310 .mx-sm-n6 {
21311 margin-right: -3rem !important;
21313 .mb-sm-n6,
21314 .my-sm-n6 {
21315 margin-bottom: -3rem !important;
21317 .ml-sm-n6,
21318 .mx-sm-n6 {
21319 margin-left: -3rem !important;
21321 .m-sm-auto {
21322 margin: auto !important;
21324 .mt-sm-auto,
21325 .my-sm-auto {
21326 margin-top: auto !important;
21328 .mr-sm-auto,
21329 .mx-sm-auto {
21330 margin-right: auto !important;
21332 .mb-sm-auto,
21333 .my-sm-auto {
21334 margin-bottom: auto !important;
21336 .ml-sm-auto,
21337 .mx-sm-auto {
21338 margin-left: auto !important;
21341 @media (min-width: 768px) {
21342 .m-md-0 {
21343 margin: 0 !important;
21345 .mt-md-0,
21346 .my-md-0 {
21347 margin-top: 0 !important;
21349 .mr-md-0,
21350 .mx-md-0 {
21351 margin-right: 0 !important;
21353 .mb-md-0,
21354 .my-md-0 {
21355 margin-bottom: 0 !important;
21357 .ml-md-0,
21358 .mx-md-0 {
21359 margin-left: 0 !important;
21361 .m-md-1 {
21362 margin: 0.25rem !important;
21364 .mt-md-1,
21365 .my-md-1 {
21366 margin-top: 0.25rem !important;
21368 .mr-md-1,
21369 .mx-md-1 {
21370 margin-right: 0.25rem !important;
21372 .mb-md-1,
21373 .my-md-1 {
21374 margin-bottom: 0.25rem !important;
21376 .ml-md-1,
21377 .mx-md-1 {
21378 margin-left: 0.25rem !important;
21380 .m-md-2 {
21381 margin: 0.5rem !important;
21383 .mt-md-2,
21384 .my-md-2 {
21385 margin-top: 0.5rem !important;
21387 .mr-md-2,
21388 .mx-md-2 {
21389 margin-right: 0.5rem !important;
21391 .mb-md-2,
21392 .my-md-2 {
21393 margin-bottom: 0.5rem !important;
21395 .ml-md-2,
21396 .mx-md-2 {
21397 margin-left: 0.5rem !important;
21399 .m-md-3 {
21400 margin: 1rem !important;
21402 .mt-md-3,
21403 .my-md-3 {
21404 margin-top: 1rem !important;
21406 .mr-md-3,
21407 .mx-md-3 {
21408 margin-right: 1rem !important;
21410 .mb-md-3,
21411 .my-md-3 {
21412 margin-bottom: 1rem !important;
21414 .ml-md-3,
21415 .mx-md-3 {
21416 margin-left: 1rem !important;
21418 .m-md-4 {
21419 margin: 1.5rem !important;
21421 .mt-md-4,
21422 .my-md-4 {
21423 margin-top: 1.5rem !important;
21425 .mr-md-4,
21426 .mx-md-4 {
21427 margin-right: 1.5rem !important;
21429 .mb-md-4,
21430 .my-md-4 {
21431 margin-bottom: 1.5rem !important;
21433 .ml-md-4,
21434 .mx-md-4 {
21435 margin-left: 1.5rem !important;
21437 .m-md-5 {
21438 margin: 2rem !important;
21440 .mt-md-5,
21441 .my-md-5 {
21442 margin-top: 2rem !important;
21444 .mr-md-5,
21445 .mx-md-5 {
21446 margin-right: 2rem !important;
21448 .mb-md-5,
21449 .my-md-5 {
21450 margin-bottom: 2rem !important;
21452 .ml-md-5,
21453 .mx-md-5 {
21454 margin-left: 2rem !important;
21456 .m-md-6 {
21457 margin: 3rem !important;
21459 .mt-md-6,
21460 .my-md-6 {
21461 margin-top: 3rem !important;
21463 .mr-md-6,
21464 .mx-md-6 {
21465 margin-right: 3rem !important;
21467 .mb-md-6,
21468 .my-md-6 {
21469 margin-bottom: 3rem !important;
21471 .ml-md-6,
21472 .mx-md-6 {
21473 margin-left: 3rem !important;
21475 .p-md-0 {
21476 padding: 0 !important;
21478 .pt-md-0,
21479 .py-md-0 {
21480 padding-top: 0 !important;
21482 .pr-md-0,
21483 .px-md-0 {
21484 padding-right: 0 !important;
21486 .pb-md-0,
21487 .py-md-0 {
21488 padding-bottom: 0 !important;
21490 .pl-md-0,
21491 .px-md-0 {
21492 padding-left: 0 !important;
21494 .p-md-1 {
21495 padding: 0.25rem !important;
21497 .pt-md-1,
21498 .py-md-1 {
21499 padding-top: 0.25rem !important;
21501 .pr-md-1,
21502 .px-md-1 {
21503 padding-right: 0.25rem !important;
21505 .pb-md-1,
21506 .py-md-1 {
21507 padding-bottom: 0.25rem !important;
21509 .pl-md-1,
21510 .px-md-1 {
21511 padding-left: 0.25rem !important;
21513 .p-md-2 {
21514 padding: 0.5rem !important;
21516 .pt-md-2,
21517 .py-md-2 {
21518 padding-top: 0.5rem !important;
21520 .pr-md-2,
21521 .px-md-2 {
21522 padding-right: 0.5rem !important;
21524 .pb-md-2,
21525 .py-md-2 {
21526 padding-bottom: 0.5rem !important;
21528 .pl-md-2,
21529 .px-md-2 {
21530 padding-left: 0.5rem !important;
21532 .p-md-3 {
21533 padding: 1rem !important;
21535 .pt-md-3,
21536 .py-md-3 {
21537 padding-top: 1rem !important;
21539 .pr-md-3,
21540 .px-md-3 {
21541 padding-right: 1rem !important;
21543 .pb-md-3,
21544 .py-md-3 {
21545 padding-bottom: 1rem !important;
21547 .pl-md-3,
21548 .px-md-3 {
21549 padding-left: 1rem !important;
21551 .p-md-4 {
21552 padding: 1.5rem !important;
21554 .pt-md-4,
21555 .py-md-4 {
21556 padding-top: 1.5rem !important;
21558 .pr-md-4,
21559 .px-md-4 {
21560 padding-right: 1.5rem !important;
21562 .pb-md-4,
21563 .py-md-4 {
21564 padding-bottom: 1.5rem !important;
21566 .pl-md-4,
21567 .px-md-4 {
21568 padding-left: 1.5rem !important;
21570 .p-md-5 {
21571 padding: 2rem !important;
21573 .pt-md-5,
21574 .py-md-5 {
21575 padding-top: 2rem !important;
21577 .pr-md-5,
21578 .px-md-5 {
21579 padding-right: 2rem !important;
21581 .pb-md-5,
21582 .py-md-5 {
21583 padding-bottom: 2rem !important;
21585 .pl-md-5,
21586 .px-md-5 {
21587 padding-left: 2rem !important;
21589 .p-md-6 {
21590 padding: 3rem !important;
21592 .pt-md-6,
21593 .py-md-6 {
21594 padding-top: 3rem !important;
21596 .pr-md-6,
21597 .px-md-6 {
21598 padding-right: 3rem !important;
21600 .pb-md-6,
21601 .py-md-6 {
21602 padding-bottom: 3rem !important;
21604 .pl-md-6,
21605 .px-md-6 {
21606 padding-left: 3rem !important;
21608 .m-md-n1 {
21609 margin: -0.25rem !important;
21611 .mt-md-n1,
21612 .my-md-n1 {
21613 margin-top: -0.25rem !important;
21615 .mr-md-n1,
21616 .mx-md-n1 {
21617 margin-right: -0.25rem !important;
21619 .mb-md-n1,
21620 .my-md-n1 {
21621 margin-bottom: -0.25rem !important;
21623 .ml-md-n1,
21624 .mx-md-n1 {
21625 margin-left: -0.25rem !important;
21627 .m-md-n2 {
21628 margin: -0.5rem !important;
21630 .mt-md-n2,
21631 .my-md-n2 {
21632 margin-top: -0.5rem !important;
21634 .mr-md-n2,
21635 .mx-md-n2 {
21636 margin-right: -0.5rem !important;
21638 .mb-md-n2,
21639 .my-md-n2 {
21640 margin-bottom: -0.5rem !important;
21642 .ml-md-n2,
21643 .mx-md-n2 {
21644 margin-left: -0.5rem !important;
21646 .m-md-n3 {
21647 margin: -1rem !important;
21649 .mt-md-n3,
21650 .my-md-n3 {
21651 margin-top: -1rem !important;
21653 .mr-md-n3,
21654 .mx-md-n3 {
21655 margin-right: -1rem !important;
21657 .mb-md-n3,
21658 .my-md-n3 {
21659 margin-bottom: -1rem !important;
21661 .ml-md-n3,
21662 .mx-md-n3 {
21663 margin-left: -1rem !important;
21665 .m-md-n4 {
21666 margin: -1.5rem !important;
21668 .mt-md-n4,
21669 .my-md-n4 {
21670 margin-top: -1.5rem !important;
21672 .mr-md-n4,
21673 .mx-md-n4 {
21674 margin-right: -1.5rem !important;
21676 .mb-md-n4,
21677 .my-md-n4 {
21678 margin-bottom: -1.5rem !important;
21680 .ml-md-n4,
21681 .mx-md-n4 {
21682 margin-left: -1.5rem !important;
21684 .m-md-n5 {
21685 margin: -2rem !important;
21687 .mt-md-n5,
21688 .my-md-n5 {
21689 margin-top: -2rem !important;
21691 .mr-md-n5,
21692 .mx-md-n5 {
21693 margin-right: -2rem !important;
21695 .mb-md-n5,
21696 .my-md-n5 {
21697 margin-bottom: -2rem !important;
21699 .ml-md-n5,
21700 .mx-md-n5 {
21701 margin-left: -2rem !important;
21703 .m-md-n6 {
21704 margin: -3rem !important;
21706 .mt-md-n6,
21707 .my-md-n6 {
21708 margin-top: -3rem !important;
21710 .mr-md-n6,
21711 .mx-md-n6 {
21712 margin-right: -3rem !important;
21714 .mb-md-n6,
21715 .my-md-n6 {
21716 margin-bottom: -3rem !important;
21718 .ml-md-n6,
21719 .mx-md-n6 {
21720 margin-left: -3rem !important;
21722 .m-md-auto {
21723 margin: auto !important;
21725 .mt-md-auto,
21726 .my-md-auto {
21727 margin-top: auto !important;
21729 .mr-md-auto,
21730 .mx-md-auto {
21731 margin-right: auto !important;
21733 .mb-md-auto,
21734 .my-md-auto {
21735 margin-bottom: auto !important;
21737 .ml-md-auto,
21738 .mx-md-auto {
21739 margin-left: auto !important;
21742 @media (min-width: 992px) {
21743 .m-lg-0 {
21744 margin: 0 !important;
21746 .mt-lg-0,
21747 .my-lg-0 {
21748 margin-top: 0 !important;
21750 .mr-lg-0,
21751 .mx-lg-0 {
21752 margin-right: 0 !important;
21754 .mb-lg-0,
21755 .my-lg-0 {
21756 margin-bottom: 0 !important;
21758 .ml-lg-0,
21759 .mx-lg-0 {
21760 margin-left: 0 !important;
21762 .m-lg-1 {
21763 margin: 0.25rem !important;
21765 .mt-lg-1,
21766 .my-lg-1 {
21767 margin-top: 0.25rem !important;
21769 .mr-lg-1,
21770 .mx-lg-1 {
21771 margin-right: 0.25rem !important;
21773 .mb-lg-1,
21774 .my-lg-1 {
21775 margin-bottom: 0.25rem !important;
21777 .ml-lg-1,
21778 .mx-lg-1 {
21779 margin-left: 0.25rem !important;
21781 .m-lg-2 {
21782 margin: 0.5rem !important;
21784 .mt-lg-2,
21785 .my-lg-2 {
21786 margin-top: 0.5rem !important;
21788 .mr-lg-2,
21789 .mx-lg-2 {
21790 margin-right: 0.5rem !important;
21792 .mb-lg-2,
21793 .my-lg-2 {
21794 margin-bottom: 0.5rem !important;
21796 .ml-lg-2,
21797 .mx-lg-2 {
21798 margin-left: 0.5rem !important;
21800 .m-lg-3 {
21801 margin: 1rem !important;
21803 .mt-lg-3,
21804 .my-lg-3 {
21805 margin-top: 1rem !important;
21807 .mr-lg-3,
21808 .mx-lg-3 {
21809 margin-right: 1rem !important;
21811 .mb-lg-3,
21812 .my-lg-3 {
21813 margin-bottom: 1rem !important;
21815 .ml-lg-3,
21816 .mx-lg-3 {
21817 margin-left: 1rem !important;
21819 .m-lg-4 {
21820 margin: 1.5rem !important;
21822 .mt-lg-4,
21823 .my-lg-4 {
21824 margin-top: 1.5rem !important;
21826 .mr-lg-4,
21827 .mx-lg-4 {
21828 margin-right: 1.5rem !important;
21830 .mb-lg-4,
21831 .my-lg-4 {
21832 margin-bottom: 1.5rem !important;
21834 .ml-lg-4,
21835 .mx-lg-4 {
21836 margin-left: 1.5rem !important;
21838 .m-lg-5 {
21839 margin: 2rem !important;
21841 .mt-lg-5,
21842 .my-lg-5 {
21843 margin-top: 2rem !important;
21845 .mr-lg-5,
21846 .mx-lg-5 {
21847 margin-right: 2rem !important;
21849 .mb-lg-5,
21850 .my-lg-5 {
21851 margin-bottom: 2rem !important;
21853 .ml-lg-5,
21854 .mx-lg-5 {
21855 margin-left: 2rem !important;
21857 .m-lg-6 {
21858 margin: 3rem !important;
21860 .mt-lg-6,
21861 .my-lg-6 {
21862 margin-top: 3rem !important;
21864 .mr-lg-6,
21865 .mx-lg-6 {
21866 margin-right: 3rem !important;
21868 .mb-lg-6,
21869 .my-lg-6 {
21870 margin-bottom: 3rem !important;
21872 .ml-lg-6,
21873 .mx-lg-6 {
21874 margin-left: 3rem !important;
21876 .p-lg-0 {
21877 padding: 0 !important;
21879 .pt-lg-0,
21880 .py-lg-0 {
21881 padding-top: 0 !important;
21883 .pr-lg-0,
21884 .px-lg-0 {
21885 padding-right: 0 !important;
21887 .pb-lg-0,
21888 .py-lg-0 {
21889 padding-bottom: 0 !important;
21891 .pl-lg-0,
21892 .px-lg-0 {
21893 padding-left: 0 !important;
21895 .p-lg-1 {
21896 padding: 0.25rem !important;
21898 .pt-lg-1,
21899 .py-lg-1 {
21900 padding-top: 0.25rem !important;
21902 .pr-lg-1,
21903 .px-lg-1 {
21904 padding-right: 0.25rem !important;
21906 .pb-lg-1,
21907 .py-lg-1 {
21908 padding-bottom: 0.25rem !important;
21910 .pl-lg-1,
21911 .px-lg-1 {
21912 padding-left: 0.25rem !important;
21914 .p-lg-2 {
21915 padding: 0.5rem !important;
21917 .pt-lg-2,
21918 .py-lg-2 {
21919 padding-top: 0.5rem !important;
21921 .pr-lg-2,
21922 .px-lg-2 {
21923 padding-right: 0.5rem !important;
21925 .pb-lg-2,
21926 .py-lg-2 {
21927 padding-bottom: 0.5rem !important;
21929 .pl-lg-2,
21930 .px-lg-2 {
21931 padding-left: 0.5rem !important;
21933 .p-lg-3 {
21934 padding: 1rem !important;
21936 .pt-lg-3,
21937 .py-lg-3 {
21938 padding-top: 1rem !important;
21940 .pr-lg-3,
21941 .px-lg-3 {
21942 padding-right: 1rem !important;
21944 .pb-lg-3,
21945 .py-lg-3 {
21946 padding-bottom: 1rem !important;
21948 .pl-lg-3,
21949 .px-lg-3 {
21950 padding-left: 1rem !important;
21952 .p-lg-4 {
21953 padding: 1.5rem !important;
21955 .pt-lg-4,
21956 .py-lg-4 {
21957 padding-top: 1.5rem !important;
21959 .pr-lg-4,
21960 .px-lg-4 {
21961 padding-right: 1.5rem !important;
21963 .pb-lg-4,
21964 .py-lg-4 {
21965 padding-bottom: 1.5rem !important;
21967 .pl-lg-4,
21968 .px-lg-4 {
21969 padding-left: 1.5rem !important;
21971 .p-lg-5 {
21972 padding: 2rem !important;
21974 .pt-lg-5,
21975 .py-lg-5 {
21976 padding-top: 2rem !important;
21978 .pr-lg-5,
21979 .px-lg-5 {
21980 padding-right: 2rem !important;
21982 .pb-lg-5,
21983 .py-lg-5 {
21984 padding-bottom: 2rem !important;
21986 .pl-lg-5,
21987 .px-lg-5 {
21988 padding-left: 2rem !important;
21990 .p-lg-6 {
21991 padding: 3rem !important;
21993 .pt-lg-6,
21994 .py-lg-6 {
21995 padding-top: 3rem !important;
21997 .pr-lg-6,
21998 .px-lg-6 {
21999 padding-right: 3rem !important;
22001 .pb-lg-6,
22002 .py-lg-6 {
22003 padding-bottom: 3rem !important;
22005 .pl-lg-6,
22006 .px-lg-6 {
22007 padding-left: 3rem !important;
22009 .m-lg-n1 {
22010 margin: -0.25rem !important;
22012 .mt-lg-n1,
22013 .my-lg-n1 {
22014 margin-top: -0.25rem !important;
22016 .mr-lg-n1,
22017 .mx-lg-n1 {
22018 margin-right: -0.25rem !important;
22020 .mb-lg-n1,
22021 .my-lg-n1 {
22022 margin-bottom: -0.25rem !important;
22024 .ml-lg-n1,
22025 .mx-lg-n1 {
22026 margin-left: -0.25rem !important;
22028 .m-lg-n2 {
22029 margin: -0.5rem !important;
22031 .mt-lg-n2,
22032 .my-lg-n2 {
22033 margin-top: -0.5rem !important;
22035 .mr-lg-n2,
22036 .mx-lg-n2 {
22037 margin-right: -0.5rem !important;
22039 .mb-lg-n2,
22040 .my-lg-n2 {
22041 margin-bottom: -0.5rem !important;
22043 .ml-lg-n2,
22044 .mx-lg-n2 {
22045 margin-left: -0.5rem !important;
22047 .m-lg-n3 {
22048 margin: -1rem !important;
22050 .mt-lg-n3,
22051 .my-lg-n3 {
22052 margin-top: -1rem !important;
22054 .mr-lg-n3,
22055 .mx-lg-n3 {
22056 margin-right: -1rem !important;
22058 .mb-lg-n3,
22059 .my-lg-n3 {
22060 margin-bottom: -1rem !important;
22062 .ml-lg-n3,
22063 .mx-lg-n3 {
22064 margin-left: -1rem !important;
22066 .m-lg-n4 {
22067 margin: -1.5rem !important;
22069 .mt-lg-n4,
22070 .my-lg-n4 {
22071 margin-top: -1.5rem !important;
22073 .mr-lg-n4,
22074 .mx-lg-n4 {
22075 margin-right: -1.5rem !important;
22077 .mb-lg-n4,
22078 .my-lg-n4 {
22079 margin-bottom: -1.5rem !important;
22081 .ml-lg-n4,
22082 .mx-lg-n4 {
22083 margin-left: -1.5rem !important;
22085 .m-lg-n5 {
22086 margin: -2rem !important;
22088 .mt-lg-n5,
22089 .my-lg-n5 {
22090 margin-top: -2rem !important;
22092 .mr-lg-n5,
22093 .mx-lg-n5 {
22094 margin-right: -2rem !important;
22096 .mb-lg-n5,
22097 .my-lg-n5 {
22098 margin-bottom: -2rem !important;
22100 .ml-lg-n5,
22101 .mx-lg-n5 {
22102 margin-left: -2rem !important;
22104 .m-lg-n6 {
22105 margin: -3rem !important;
22107 .mt-lg-n6,
22108 .my-lg-n6 {
22109 margin-top: -3rem !important;
22111 .mr-lg-n6,
22112 .mx-lg-n6 {
22113 margin-right: -3rem !important;
22115 .mb-lg-n6,
22116 .my-lg-n6 {
22117 margin-bottom: -3rem !important;
22119 .ml-lg-n6,
22120 .mx-lg-n6 {
22121 margin-left: -3rem !important;
22123 .m-lg-auto {
22124 margin: auto !important;
22126 .mt-lg-auto,
22127 .my-lg-auto {
22128 margin-top: auto !important;
22130 .mr-lg-auto,
22131 .mx-lg-auto {
22132 margin-right: auto !important;
22134 .mb-lg-auto,
22135 .my-lg-auto {
22136 margin-bottom: auto !important;
22138 .ml-lg-auto,
22139 .mx-lg-auto {
22140 margin-left: auto !important;
22143 @media (min-width: 1200px) {
22144 .m-xl-0 {
22145 margin: 0 !important;
22147 .mt-xl-0,
22148 .my-xl-0 {
22149 margin-top: 0 !important;
22151 .mr-xl-0,
22152 .mx-xl-0 {
22153 margin-right: 0 !important;
22155 .mb-xl-0,
22156 .my-xl-0 {
22157 margin-bottom: 0 !important;
22159 .ml-xl-0,
22160 .mx-xl-0 {
22161 margin-left: 0 !important;
22163 .m-xl-1 {
22164 margin: 0.25rem !important;
22166 .mt-xl-1,
22167 .my-xl-1 {
22168 margin-top: 0.25rem !important;
22170 .mr-xl-1,
22171 .mx-xl-1 {
22172 margin-right: 0.25rem !important;
22174 .mb-xl-1,
22175 .my-xl-1 {
22176 margin-bottom: 0.25rem !important;
22178 .ml-xl-1,
22179 .mx-xl-1 {
22180 margin-left: 0.25rem !important;
22182 .m-xl-2 {
22183 margin: 0.5rem !important;
22185 .mt-xl-2,
22186 .my-xl-2 {
22187 margin-top: 0.5rem !important;
22189 .mr-xl-2,
22190 .mx-xl-2 {
22191 margin-right: 0.5rem !important;
22193 .mb-xl-2,
22194 .my-xl-2 {
22195 margin-bottom: 0.5rem !important;
22197 .ml-xl-2,
22198 .mx-xl-2 {
22199 margin-left: 0.5rem !important;
22201 .m-xl-3 {
22202 margin: 1rem !important;
22204 .mt-xl-3,
22205 .my-xl-3 {
22206 margin-top: 1rem !important;
22208 .mr-xl-3,
22209 .mx-xl-3 {
22210 margin-right: 1rem !important;
22212 .mb-xl-3,
22213 .my-xl-3 {
22214 margin-bottom: 1rem !important;
22216 .ml-xl-3,
22217 .mx-xl-3 {
22218 margin-left: 1rem !important;
22220 .m-xl-4 {
22221 margin: 1.5rem !important;
22223 .mt-xl-4,
22224 .my-xl-4 {
22225 margin-top: 1.5rem !important;
22227 .mr-xl-4,
22228 .mx-xl-4 {
22229 margin-right: 1.5rem !important;
22231 .mb-xl-4,
22232 .my-xl-4 {
22233 margin-bottom: 1.5rem !important;
22235 .ml-xl-4,
22236 .mx-xl-4 {
22237 margin-left: 1.5rem !important;
22239 .m-xl-5 {
22240 margin: 2rem !important;
22242 .mt-xl-5,
22243 .my-xl-5 {
22244 margin-top: 2rem !important;
22246 .mr-xl-5,
22247 .mx-xl-5 {
22248 margin-right: 2rem !important;
22250 .mb-xl-5,
22251 .my-xl-5 {
22252 margin-bottom: 2rem !important;
22254 .ml-xl-5,
22255 .mx-xl-5 {
22256 margin-left: 2rem !important;
22258 .m-xl-6 {
22259 margin: 3rem !important;
22261 .mt-xl-6,
22262 .my-xl-6 {
22263 margin-top: 3rem !important;
22265 .mr-xl-6,
22266 .mx-xl-6 {
22267 margin-right: 3rem !important;
22269 .mb-xl-6,
22270 .my-xl-6 {
22271 margin-bottom: 3rem !important;
22273 .ml-xl-6,
22274 .mx-xl-6 {
22275 margin-left: 3rem !important;
22277 .p-xl-0 {
22278 padding: 0 !important;
22280 .pt-xl-0,
22281 .py-xl-0 {
22282 padding-top: 0 !important;
22284 .pr-xl-0,
22285 .px-xl-0 {
22286 padding-right: 0 !important;
22288 .pb-xl-0,
22289 .py-xl-0 {
22290 padding-bottom: 0 !important;
22292 .pl-xl-0,
22293 .px-xl-0 {
22294 padding-left: 0 !important;
22296 .p-xl-1 {
22297 padding: 0.25rem !important;
22299 .pt-xl-1,
22300 .py-xl-1 {
22301 padding-top: 0.25rem !important;
22303 .pr-xl-1,
22304 .px-xl-1 {
22305 padding-right: 0.25rem !important;
22307 .pb-xl-1,
22308 .py-xl-1 {
22309 padding-bottom: 0.25rem !important;
22311 .pl-xl-1,
22312 .px-xl-1 {
22313 padding-left: 0.25rem !important;
22315 .p-xl-2 {
22316 padding: 0.5rem !important;
22318 .pt-xl-2,
22319 .py-xl-2 {
22320 padding-top: 0.5rem !important;
22322 .pr-xl-2,
22323 .px-xl-2 {
22324 padding-right: 0.5rem !important;
22326 .pb-xl-2,
22327 .py-xl-2 {
22328 padding-bottom: 0.5rem !important;
22330 .pl-xl-2,
22331 .px-xl-2 {
22332 padding-left: 0.5rem !important;
22334 .p-xl-3 {
22335 padding: 1rem !important;
22337 .pt-xl-3,
22338 .py-xl-3 {
22339 padding-top: 1rem !important;
22341 .pr-xl-3,
22342 .px-xl-3 {
22343 padding-right: 1rem !important;
22345 .pb-xl-3,
22346 .py-xl-3 {
22347 padding-bottom: 1rem !important;
22349 .pl-xl-3,
22350 .px-xl-3 {
22351 padding-left: 1rem !important;
22353 .p-xl-4 {
22354 padding: 1.5rem !important;
22356 .pt-xl-4,
22357 .py-xl-4 {
22358 padding-top: 1.5rem !important;
22360 .pr-xl-4,
22361 .px-xl-4 {
22362 padding-right: 1.5rem !important;
22364 .pb-xl-4,
22365 .py-xl-4 {
22366 padding-bottom: 1.5rem !important;
22368 .pl-xl-4,
22369 .px-xl-4 {
22370 padding-left: 1.5rem !important;
22372 .p-xl-5 {
22373 padding: 2rem !important;
22375 .pt-xl-5,
22376 .py-xl-5 {
22377 padding-top: 2rem !important;
22379 .pr-xl-5,
22380 .px-xl-5 {
22381 padding-right: 2rem !important;
22383 .pb-xl-5,
22384 .py-xl-5 {
22385 padding-bottom: 2rem !important;
22387 .pl-xl-5,
22388 .px-xl-5 {
22389 padding-left: 2rem !important;
22391 .p-xl-6 {
22392 padding: 3rem !important;
22394 .pt-xl-6,
22395 .py-xl-6 {
22396 padding-top: 3rem !important;
22398 .pr-xl-6,
22399 .px-xl-6 {
22400 padding-right: 3rem !important;
22402 .pb-xl-6,
22403 .py-xl-6 {
22404 padding-bottom: 3rem !important;
22406 .pl-xl-6,
22407 .px-xl-6 {
22408 padding-left: 3rem !important;
22410 .m-xl-n1 {
22411 margin: -0.25rem !important;
22413 .mt-xl-n1,
22414 .my-xl-n1 {
22415 margin-top: -0.25rem !important;
22417 .mr-xl-n1,
22418 .mx-xl-n1 {
22419 margin-right: -0.25rem !important;
22421 .mb-xl-n1,
22422 .my-xl-n1 {
22423 margin-bottom: -0.25rem !important;
22425 .ml-xl-n1,
22426 .mx-xl-n1 {
22427 margin-left: -0.25rem !important;
22429 .m-xl-n2 {
22430 margin: -0.5rem !important;
22432 .mt-xl-n2,
22433 .my-xl-n2 {
22434 margin-top: -0.5rem !important;
22436 .mr-xl-n2,
22437 .mx-xl-n2 {
22438 margin-right: -0.5rem !important;
22440 .mb-xl-n2,
22441 .my-xl-n2 {
22442 margin-bottom: -0.5rem !important;
22444 .ml-xl-n2,
22445 .mx-xl-n2 {
22446 margin-left: -0.5rem !important;
22448 .m-xl-n3 {
22449 margin: -1rem !important;
22451 .mt-xl-n3,
22452 .my-xl-n3 {
22453 margin-top: -1rem !important;
22455 .mr-xl-n3,
22456 .mx-xl-n3 {
22457 margin-right: -1rem !important;
22459 .mb-xl-n3,
22460 .my-xl-n3 {
22461 margin-bottom: -1rem !important;
22463 .ml-xl-n3,
22464 .mx-xl-n3 {
22465 margin-left: -1rem !important;
22467 .m-xl-n4 {
22468 margin: -1.5rem !important;
22470 .mt-xl-n4,
22471 .my-xl-n4 {
22472 margin-top: -1.5rem !important;
22474 .mr-xl-n4,
22475 .mx-xl-n4 {
22476 margin-right: -1.5rem !important;
22478 .mb-xl-n4,
22479 .my-xl-n4 {
22480 margin-bottom: -1.5rem !important;
22482 .ml-xl-n4,
22483 .mx-xl-n4 {
22484 margin-left: -1.5rem !important;
22486 .m-xl-n5 {
22487 margin: -2rem !important;
22489 .mt-xl-n5,
22490 .my-xl-n5 {
22491 margin-top: -2rem !important;
22493 .mr-xl-n5,
22494 .mx-xl-n5 {
22495 margin-right: -2rem !important;
22497 .mb-xl-n5,
22498 .my-xl-n5 {
22499 margin-bottom: -2rem !important;
22501 .ml-xl-n5,
22502 .mx-xl-n5 {
22503 margin-left: -2rem !important;
22505 .m-xl-n6 {
22506 margin: -3rem !important;
22508 .mt-xl-n6,
22509 .my-xl-n6 {
22510 margin-top: -3rem !important;
22512 .mr-xl-n6,
22513 .mx-xl-n6 {
22514 margin-right: -3rem !important;
22516 .mb-xl-n6,
22517 .my-xl-n6 {
22518 margin-bottom: -3rem !important;
22520 .ml-xl-n6,
22521 .mx-xl-n6 {
22522 margin-left: -3rem !important;
22524 .m-xl-auto {
22525 margin: auto !important;
22527 .mt-xl-auto,
22528 .my-xl-auto {
22529 margin-top: auto !important;
22531 .mr-xl-auto,
22532 .mx-xl-auto {
22533 margin-right: auto !important;
22535 .mb-xl-auto,
22536 .my-xl-auto {
22537 margin-bottom: auto !important;
22539 .ml-xl-auto,
22540 .mx-xl-auto {
22541 margin-left: auto !important;
22544 .stretched-link::after {
22545 position: absolute;
22546 top: 0;
22547 right: 0;
22548 bottom: 0;
22549 left: 0;
22550 z-index: 1;
22551 pointer-events: auto;
22552 content: "";
22553 background-color: rgba(0, 0, 0, 0);
22556 .text-monospace {
22557 font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
22560 .text-justify {
22561 text-align: justify !important;
22564 .text-wrap {
22565 white-space: normal !important;
22568 .text-nowrap {
22569 white-space: nowrap !important;
22572 .text-truncate {
22573 overflow: hidden;
22574 text-overflow: ellipsis;
22575 white-space: nowrap;
22578 .text-left {
22579 text-align: left !important;
22582 .text-right {
22583 text-align: right !important;
22586 .text-center {
22587 text-align: center !important;
22590 @media (min-width: 576px) {
22591 .text-sm-left {
22592 text-align: left !important;
22594 .text-sm-right {
22595 text-align: right !important;
22597 .text-sm-center {
22598 text-align: center !important;
22601 @media (min-width: 768px) {
22602 .text-md-left {
22603 text-align: left !important;
22605 .text-md-right {
22606 text-align: right !important;
22608 .text-md-center {
22609 text-align: center !important;
22612 @media (min-width: 992px) {
22613 .text-lg-left {
22614 text-align: left !important;
22616 .text-lg-right {
22617 text-align: right !important;
22619 .text-lg-center {
22620 text-align: center !important;
22623 @media (min-width: 1200px) {
22624 .text-xl-left {
22625 text-align: left !important;
22627 .text-xl-right {
22628 text-align: right !important;
22630 .text-xl-center {
22631 text-align: center !important;
22634 .text-lowercase {
22635 text-transform: lowercase !important;
22638 .text-uppercase {
22639 text-transform: uppercase !important;
22642 .text-capitalize {
22643 text-transform: capitalize !important;
22646 .font-weight-light {
22647 font-weight: 300 !important;
22650 .font-weight-lighter {
22651 font-weight: lighter !important;
22654 .font-weight-normal {
22655 font-weight: 400 !important;
22658 .font-weight-bold {
22659 font-weight: 700 !important;
22662 .font-weight-bolder {
22663 font-weight: bolder !important;
22666 .font-italic {
22667 font-style: italic !important;
22670 .text-white {
22671 color: #fff !important;
22674 .text-primary {
22675 color: #0f6cbf !important;
22678 a.text-primary:hover, a.text-primary:focus {
22679 color: #094478 !important;
22682 .text-secondary {
22683 color: #ced4da !important;
22686 a.text-secondary:hover, a.text-secondary:focus {
22687 color: #a2aeb9 !important;
22690 .text-success {
22691 color: #357a32 !important;
22694 a.text-success:hover, a.text-success:focus {
22695 color: #1d441c !important;
22698 .text-info {
22699 color: #008196 !important;
22702 a.text-info:hover, a.text-info:focus {
22703 color: #003f4a !important;
22706 .text-warning {
22707 color: #f0ad4e !important;
22710 a.text-warning:hover, a.text-warning:focus {
22711 color: #df8a13 !important;
22714 .text-danger {
22715 color: #ca3120 !important;
22718 a.text-danger:hover, a.text-danger:focus {
22719 color: #882116 !important;
22722 .text-light {
22723 color: #f8f9fa !important;
22726 a.text-light:hover, a.text-light:focus {
22727 color: #cbd3da !important;
22730 .text-dark {
22731 color: #343a40 !important;
22734 a.text-dark:hover, a.text-dark:focus {
22735 color: #121416 !important;
22738 .text-body {
22739 color: #1d2125 !important;
22742 .text-muted {
22743 color: #6a737b !important;
22746 .text-black-50 {
22747 color: rgba(0, 0, 0, 0.5) !important;
22750 .text-white-50 {
22751 color: rgba(255, 255, 255, 0.5) !important;
22754 .text-hide {
22755 font: 0/0 a;
22756 color: transparent;
22757 text-shadow: none;
22758 background-color: transparent;
22759 border: 0;
22762 .text-decoration-none {
22763 text-decoration: none !important;
22766 .text-break {
22767 word-break: break-word !important;
22768 word-wrap: break-word !important;
22771 .text-reset {
22772 color: inherit !important;
22775 .visible {
22776 visibility: visible !important;
22779 .invisible {
22780 visibility: hidden !important;
22783 @media print {
22785 *::before,
22786 *::after {
22787 text-shadow: none !important;
22788 box-shadow: none !important;
22790 a:not(.btn) {
22791 text-decoration: underline;
22793 abbr[title]::after {
22794 content: " (" attr(title) ")";
22796 pre {
22797 white-space: pre-wrap !important;
22799 pre,
22800 blockquote {
22801 border: 1px solid #8f959e;
22802 page-break-inside: avoid;
22805 img {
22806 page-break-inside: avoid;
22810 h3 {
22811 orphans: 3;
22812 widows: 3;
22815 h3 {
22816 page-break-after: avoid;
22818 body {
22819 min-width: 992px !important;
22821 .container {
22822 min-width: 992px !important;
22824 .navbar {
22825 display: none;
22827 .badge {
22828 border: 1px solid #000;
22830 .table {
22831 border-collapse: collapse !important;
22833 .table td,
22834 .table th {
22835 background-color: #fff !important;
22837 .table-bordered th,
22838 .table-bordered td {
22839 border: 1px solid #dee2e6 !important;
22841 .table-dark {
22842 color: inherit;
22844 .table-dark th,
22845 .table-dark td,
22846 .table-dark thead th,
22847 .table-dark tbody + tbody {
22848 border-color: #dee2e6;
22850 .table .thead-dark th {
22851 color: inherit;
22852 border-color: #dee2e6;
22856 * Bootstrap overrides for RTL
22858 * This file is only for overriding sass from upstream bootstrap, all general rtl fixes for
22859 * moodle scss should be placed immediately after the definition of the ltr rule.
22861 .breadcrumb-item + .breadcrumb-item::before {
22862 content: "/";
22863 /*rtl:remove*/
22864 content: "/"; /* stylelint-disable-line declaration-block-no-duplicate-properties */
22867 .dir-rtl .custom-select {
22868 background-position: 0.75rem center;
22870 .dir-rtl .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
22871 transform: translateX(-0.75rem);
22873 .dir-rtl .tooltip.bs-tooltip-left .arrow, .dir-rtl .tooltip.bs-tooltip-auto[x-placement^=left] .arrow, .dir-rtl .tooltip.bs-tooltip-right .arrow, .dir-rtl .tooltip.bs-tooltip-auto[x-placement^=right] .arrow {
22874 transform: rotate(180deg);
22876 .dir-rtl .tooltip.bs-tooltip-left .arrow, .dir-rtl .tooltip.bs-tooltip-auto[x-placement^=left] .arrow {
22877 left: auto;
22878 right: 0;
22880 .dir-rtl .tooltip.bs-tooltip-right .arrow, .dir-rtl .tooltip.bs-tooltip-auto[x-placement^=right] .arrow {
22881 left: 0;
22882 right: auto;
22884 .dir-rtl .popover.bs-popover-right, .dir-rtl .popover.bs-popover-auto[x-placement^=right] {
22885 margin-right: 0;
22886 margin-left: 0.5rem;
22888 .dir-rtl .popover.bs-popover-right .arrow, .dir-rtl .popover.bs-popover-auto[x-placement^=right] .arrow {
22889 transform: rotate(180deg);
22890 left: calc(-0.5rem - 1px);
22892 .dir-rtl .popover.bs-popover-left, .dir-rtl .popover.bs-popover-auto[x-placement^=left] {
22893 margin-right: 0.5rem;
22894 margin-left: 0;
22896 .dir-rtl .popover.bs-popover-left .arrow, .dir-rtl .popover.bs-popover-auto[x-placement^=left] .arrow {
22897 transform: rotate(180deg);
22898 right: calc(-0.5rem - 1px);
22902 * Moodle variables
22904 * Variables written for Moodle specific components
22906 * Please do not override any Bootstrap variables here, custom Bootstrap variable should go in
22907 * preset files instead.
22909 /* core.less */
22910 #region-main {
22911 overflow-y: visible;
22912 background-color: #fff;
22915 @media (min-width: 576px) {
22916 .context-header-settings-menu,
22917 .region-main-settings-menu {
22918 float: right;
22919 width: auto;
22920 max-width: 4em;
22921 height: 2em;
22922 display: block;
22923 margin-top: 4px;
22926 @media (max-width: 767.98px) {
22927 .context-header-settings-menu,
22928 .region-main-settings-menu {
22929 display: flex;
22930 justify-content: flex-end;
22933 .context-header-settings-menu .dropdown-toggle > .icon,
22934 #region-main-settings-menu .dropdown-toggle > .icon {
22935 height: 24px;
22936 font-size: 24px;
22937 width: auto;
22940 /** Prevent user notifications overlapping with region main settings menu */
22941 #user-notifications {
22942 display: block;
22943 overflow: hidden;
22946 /** Page layout CSS starts **/
22947 .layout-option-noheader #page-header,
22948 .layout-option-nonavbar #page-navbar,
22949 .layout-option-nofooter #page-footer,
22950 .layout-option-nocourseheader .course-content-header,
22951 .layout-option-nocoursefooter .course-content-footer {
22952 display: none;
22955 /** Page layout CSS ends **/
22956 .mdl-left {
22957 text-align: left;
22960 .mdl-right {
22961 text-align: right;
22964 /*rtl:ignore*/
22965 .text-ltr {
22966 direction: ltr !important; /* stylelint-disable-line declaration-no-important */
22969 #add,
22970 #remove,
22971 .centerpara,
22972 .mdl-align {
22973 text-align: center;
22976 a.dimmed,
22977 a.dimmed:link,
22978 a.dimmed:visited,
22979 a.dimmed_text,
22980 a.dimmed_text:link,
22981 a.dimmed_text:visited,
22982 .dimmed_text,
22983 .dimmed_text a,
22984 .dimmed_text a:link,
22985 .dimmed_text a:visited,
22986 .usersuspended,
22987 .usersuspended a,
22988 .usersuspended a:link,
22989 .usersuspended a:visited,
22990 .dimmed_category,
22991 .dimmed_category a {
22992 color: #6a737b;
22995 .aalink.focus, a.focus.autolink, .aalink:focus, a.autolink:focus,
22996 #page-footer a:not([class]).focus,
22997 #page-footer a:not([class]):focus,
22998 .arrow_link.focus,
22999 .arrow_link:focus,
23000 a:not([class]).focus,
23001 a:not([class]):focus,
23002 .activityinstance > a.focus,
23003 .activityinstance > a:focus {
23004 outline: 0.2rem solid transparent;
23005 color: #1d2125;
23006 background-color: #d2e8fb;
23007 box-shadow: 0 -0.2rem #d2e8fb, 0 0.2rem #343a40;
23009 .aalink:focus:hover, a.autolink:focus:hover,
23010 #page-footer a:not([class]):focus:hover,
23011 .arrow_link:focus:hover,
23012 a:not([class]):focus:hover,
23013 .activityinstance > a:focus:hover {
23014 text-decoration: none;
23017 .aabtn.focus, .aabtn:focus,
23018 .btn-link.focus,
23019 .btn-link:focus,
23020 .nav-link.focus,
23021 .nav-link:focus,
23022 .editor_atto_toolbar button.focus,
23023 .editor_atto_toolbar button:focus,
23024 .editor_atto_toolbar .atto_toolbar_row.focus,
23025 .editor_atto_toolbar .atto_toolbar_row:focus,
23026 [role=button].focus,
23027 [role=button]:focus,
23028 .list-group-item-action.focus,
23029 .list-group-item-action:focus,
23030 input[type=checkbox].focus,
23031 input[type=checkbox]:focus,
23032 input[type=radio].focus,
23033 input[type=radio]:focus,
23034 input[type=file].focus,
23035 input[type=file]:focus,
23036 input[type=image].focus,
23037 input[type=image]:focus,
23038 .sr-only-focusable.focus,
23039 .sr-only-focusable:focus,
23040 a.dropdown-toggle.focus,
23041 a.dropdown-toggle:focus,
23042 .moodle-dialogue-base .closebutton.focus,
23043 .moodle-dialogue-base .closebutton:focus,
23044 button.close.focus,
23045 button.close:focus,
23046 .form-autocomplete-selection.focus,
23047 .form-autocomplete-selection:focus,
23048 [role=treeitem]:not([aria-expanded=true]).focus,
23049 [role=treeitem]:not([aria-expanded=true]):focus {
23050 outline: 0;
23051 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
23053 .aabtn:focus:hover,
23054 .btn-link:focus:hover,
23055 .nav-link:focus:hover,
23056 .editor_atto_toolbar button:focus:hover,
23057 .editor_atto_toolbar .atto_toolbar_row:focus:hover,
23058 [role=button]:focus:hover,
23059 .list-group-item-action:focus:hover,
23060 input[type=checkbox]:focus:hover,
23061 input[type=radio]:focus:hover,
23062 input[type=file]:focus:hover,
23063 input[type=image]:focus:hover,
23064 .sr-only-focusable:focus:hover,
23065 a.dropdown-toggle:focus:hover,
23066 .moodle-dialogue-base .closebutton:focus:hover,
23067 button.close:focus:hover,
23068 .form-autocomplete-selection:focus:hover,
23069 [role=treeitem]:not([aria-expanded=true]):focus:hover {
23070 text-decoration: none;
23073 .modal-dialog[tabindex="0"].focus, .modal-dialog[tabindex="0"]:focus {
23074 outline: 0;
23076 .modal-dialog[tabindex="0"].focus .modal-content, .modal-dialog[tabindex="0"]:focus .modal-content {
23077 outline: 0;
23078 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
23079 border-radius: 0.3rem;
23082 [role=treeitem][aria-expanded=true] {
23083 outline: 0;
23085 [role=treeitem][aria-expanded=true].focus > *:first-child, [role=treeitem][aria-expanded=true]:focus > *:first-child {
23086 outline: 0;
23087 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
23089 [role=treeitem][aria-expanded=true]:focus:hover {
23090 text-decoration: none;
23093 .form-autocomplete-suggestions li[aria-selected=true] {
23094 outline: 0;
23095 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
23098 .safari input[type=checkbox].focus, .safari input[type=checkbox]:focus,
23099 .safari input[type=radio].focus,
23100 .safari input[type=radio]:focus {
23101 outline: auto;
23104 .unlist,
23105 .unlist li,
23106 .inline-list,
23107 .inline-list li,
23108 .block .list,
23109 .block .list li,
23110 .section li.movehere,
23111 .tabtree li {
23112 list-style: none;
23113 margin: 0;
23114 padding: 0;
23117 .section li.movehere a {
23118 display: block;
23119 width: 100%;
23120 height: 2rem;
23121 border: 2px dashed #343a40;
23124 .editing .course-content .hidden.sectionname {
23125 visibility: hidden;
23126 display: initial;
23129 .inline,
23130 .inline-list li {
23131 display: inline;
23134 .notifytiny {
23135 font-size: 0.703125rem;
23138 .notifytiny li,
23139 .notifytiny td {
23140 font-size: 100%;
23143 .red,
23144 .notifyproblem {
23145 color: #f0ad4e;
23148 .green,
23149 .notifysuccess {
23150 color: #357a32;
23153 .highlight {
23154 color: #008196;
23157 .bg-primary-light {
23158 background-color: #f5f9fc;
23161 .fitem.advanced .text-info {
23162 font-weight: bold;
23165 .reportlink {
23166 text-align: right;
23169 a.autolink.glossary:hover {
23170 cursor: help;
23173 /* Block which is hidden if javascript enabled, prevents fickering visible when JS from footer used! */
23174 .collapsibleregioncaption {
23175 white-space: nowrap;
23176 min-height: 1.40625rem;
23179 .pagelayout-mydashboard.jsenabled .collapsibleregioncaption {
23180 cursor: pointer;
23183 .pagelayout-mydashboard #region-main {
23184 border: 0;
23185 padding: 0;
23186 background-color: transparent;
23187 margin-top: -1px;
23190 @media (max-width: 767.98px) {
23191 .pagelayout-mydashboard #region-main-box,
23192 .pagelayout-login #region-main-box {
23193 padding-left: 0;
23194 padding-right: 0;
23197 .collapsibleregioncaption img {
23198 vertical-align: middle;
23201 .jsenabled .hiddenifjs {
23202 display: none;
23205 .visibleifjs {
23206 display: none;
23209 .jsenabled .visibleifjs {
23210 display: inline;
23213 .jsenabled .collapsibleregion {
23214 overflow: hidden;
23215 box-sizing: content-box;
23218 .jsenabled .collapsed .collapsibleregioninner {
23219 visibility: hidden;
23222 .collapsible-actions {
23223 display: none;
23224 text-align: right;
23227 .jsenabled .collapsible-actions {
23228 display: block;
23231 .yui-overlay .yui-widget-bd {
23232 background-color: #ffee69;
23233 border: 1px solid #a6982b;
23234 border-top-color: #d4c237;
23235 color: #000;
23236 left: 0;
23237 padding: 2px 5px;
23238 position: relative;
23239 top: 0;
23240 z-index: 1;
23243 .clearer {
23244 background: transparent;
23245 border-width: 0;
23246 clear: both;
23247 display: block;
23248 height: 1px;
23249 margin: 0;
23250 padding: 0;
23253 .bold,
23254 .warning,
23255 .errorbox .title,
23256 .pagingbar .title,
23257 .pagingbar .thispage {
23258 font-weight: bold;
23261 img.resize {
23262 height: 1em;
23263 width: 1em;
23266 .block img.resize {
23267 height: 0.9em;
23268 width: 0.8em;
23271 /* Icon styles */
23272 img.activityicon {
23273 height: 24px;
23274 width: 24px;
23275 vertical-align: middle;
23278 .headermain {
23279 font-weight: bold;
23282 #maincontent {
23283 display: block;
23284 height: 1px;
23285 overflow: hidden;
23288 img.uihint {
23289 cursor: help;
23292 #addmembersform table {
23293 margin-left: auto;
23294 margin-right: auto;
23297 table.flexible .emptyrow {
23298 display: none;
23301 form.popupform,
23302 form.popupform div {
23303 display: inline;
23306 .arrow_button input {
23307 overflow: hidden;
23310 .no-overflow {
23311 overflow: auto;
23314 .no-overflow > .generaltable {
23315 margin-bottom: 0;
23318 .no-overflow .generaltable .sr-only,
23319 .no-overflow .generaltable .accesshide,
23320 .table-responsive .generaltable .sr-only,
23321 .table-responsive .generaltable .accesshide {
23322 position: relative;
23323 display: block;
23326 .accesshide {
23327 position: absolute;
23328 width: 1px;
23329 height: 1px;
23330 padding: 0;
23331 margin: -1px;
23332 overflow: hidden;
23333 clip: rect(0, 0, 0, 0);
23334 white-space: nowrap;
23335 border: 0;
23338 span.hide,
23339 div.hide,
23340 .hidden {
23341 display: none;
23344 a.skip-block,
23345 a.skip {
23346 position: absolute;
23347 top: -1000em;
23348 font-size: 0.85em;
23349 text-decoration: none;
23352 a.skip-block:focus,
23353 a.skip-block:active,
23354 a.skip:focus,
23355 a.skip:active {
23356 position: static;
23357 display: block;
23360 .skip-block-to {
23361 display: block;
23362 height: 1px;
23363 overflow: hidden;
23366 .addbloglink {
23367 text-align: center;
23370 .blog_entry .audience {
23371 text-align: right;
23372 padding-right: 4px;
23375 .blog_entry .tags {
23376 margin-top: 15px;
23379 .blog_entry .content {
23380 margin-left: 43px;
23383 #doc-contents h1 {
23384 margin: 1em 0 0 0;
23387 #doc-contents ul {
23388 margin: 0;
23389 padding: 0;
23390 width: 90%;
23393 #doc-contents ul li {
23394 list-style-type: none;
23397 .groupmanagementtable td {
23398 vertical-align: top;
23401 .groupmanagementtable #existingcell,
23402 .groupmanagementtable #potentialcell {
23403 width: 42%;
23406 .groupmanagementtable #buttonscell {
23407 width: 16%;
23410 .groupmanagementtable #buttonscell p.arrow_button input {
23411 width: auto;
23412 min-width: 80%;
23413 margin: 0 auto;
23414 display: block;
23417 .groupmanagementtable #removeselect_wrapper,
23418 .groupmanagementtable #addselect_wrapper {
23419 width: 100%;
23422 .groupmanagementtable #removeselect_wrapper label,
23423 .groupmanagementtable #addselect_wrapper label {
23424 font-weight: normal;
23427 #group-usersummary {
23428 width: 14em;
23431 .groupselector {
23432 margin-top: 3px;
23433 margin-bottom: 3px;
23434 display: inline-block;
23437 .groupselector label {
23438 display: inline-block;
23441 .notepost {
23442 margin-bottom: 1em;
23445 .notepost .userpicture {
23446 float: left;
23447 margin-right: 5px;
23450 .notepost .content,
23451 .notepost .footer {
23452 clear: both;
23455 .notesgroup {
23456 margin-left: 20px;
23459 .path-my .coursebox {
23460 margin: 1rem 0;
23461 padding: 0;
23463 .path-my .coursebox .overview {
23464 margin: 15px 30px 10px 30px;
23467 .path-my .coursebox .info {
23468 float: none;
23469 margin: 0;
23472 .mod_introbox {
23473 padding: 10px;
23476 table.mod_index {
23477 width: 100%;
23480 .comment-ctrl {
23481 font-size: 12px;
23482 display: none;
23483 margin: 0;
23484 padding: 0;
23487 .comment-ctrl h5 {
23488 margin: 0;
23489 padding: 5px;
23492 .comment-area {
23493 max-width: 400px;
23494 padding: 5px;
23497 .comment-area textarea {
23498 width: 100%;
23499 overflow: auto;
23501 .comment-area textarea.fullwidth {
23502 -webkit-box-sizing: border-box;
23503 -moz-box-sizing: border-box;
23504 box-sizing: border-box;
23507 .comment-area .fd {
23508 text-align: right;
23511 .comment-meta span {
23512 color: gray;
23515 .comment-link img {
23516 vertical-align: text-bottom;
23519 .comment-list {
23520 font-size: 11px;
23521 overflow: auto;
23522 list-style: none;
23523 padding: 0;
23524 margin: 0;
23527 .comment-list li {
23528 margin: 2px;
23529 list-style: none;
23530 margin-bottom: 5px;
23531 clear: both;
23532 padding: 0.3em;
23533 position: relative;
23536 .comment-list li.first {
23537 display: none;
23540 .comment-paging {
23541 text-align: center;
23544 .comment-paging .pageno {
23545 padding: 2px;
23548 .comment-paging .curpage {
23549 border: 1px solid #ccc;
23552 .comment-message .picture {
23553 float: left;
23554 margin-right: 0.25rem;
23557 .comment-message .text {
23558 margin: 0;
23559 padding: 0;
23562 .comment-message .text p {
23563 padding: 0;
23564 margin: 0 18px 0 0;
23567 .comment-delete {
23568 position: absolute;
23569 top: 0;
23570 right: 0;
23571 margin: 0.3em;
23574 .comment-report-selectall {
23575 display: none;
23578 .comment-link {
23579 display: none;
23582 .jsenabled .comment-link {
23583 display: block;
23586 .jsenabled .showcommentsnonjs {
23587 display: none;
23590 .jsenabled .comment-report-selectall {
23591 display: inline;
23595 * Completion progress report
23597 .completion-expired {
23598 color: #f0ad4e;
23601 .completion-expected {
23602 font-size: 0.703125rem;
23605 .completion-sortchoice,
23606 .completion-identifyfield {
23607 font-size: 0.703125rem;
23608 vertical-align: bottom;
23611 .completion-progresscell {
23612 text-align: right;
23615 .completion-expired .completion-expected {
23616 font-weight: bold;
23620 * Tags
23622 img.user-image {
23623 height: 100px;
23624 width: 100px;
23627 #tag-search-box {
23628 text-align: center;
23629 margin: 10px auto;
23632 .path-tag .tag-index-items .tagarea {
23633 border: 1px solid #e3e3e3;
23634 border-radius: 4px;
23635 padding: 10px;
23636 margin-top: 10px;
23639 .path-tag .tag-index-items .tagarea h3 {
23640 display: block;
23641 padding: 3px 0 10px 0;
23642 margin: 0;
23643 font-size: 1.1em;
23644 font-weight: bold;
23645 line-height: 20px;
23646 color: #999;
23647 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
23648 text-transform: uppercase;
23649 word-wrap: break-word;
23650 border-bottom: solid 1px #e3e3e3;
23651 margin-bottom: 10px;
23654 .path-tag .tagarea .controls::after,
23655 .path-tag .tagarea .taggeditems::after {
23656 display: block;
23657 clear: both;
23658 content: "";
23661 .path-tag .tagarea .controls,
23662 .path-tag .tag-backtoallitems {
23663 text-align: center;
23666 .path-tag .tagarea .controls .gotopage.nextpage {
23667 float: right;
23670 .path-tag .tagarea .controls .gotopage.prevpage {
23671 float: left;
23674 .path-tag .tagarea .controls .exclusivemode {
23675 display: inline-block;
23678 .path-tag .tagarea .controls.controls-bottom {
23679 margin-top: 5px;
23682 .path-tag .tagarea .controls .gotopage.nextpage::after {
23683 padding-right: 5px;
23684 padding-left: 5px;
23685 content: "»";
23688 .path-tag .tagarea .controls .gotopage.prevpage::before {
23689 padding-right: 5px;
23690 padding-left: 5px;
23691 content: "«";
23694 span.flagged-tag,
23695 tr.flagged-tag,
23696 span.flagged-tag a,
23697 tr.flagged-tag a {
23698 color: #f0ad4e;
23701 .tag-management-table td,
23702 .tag-management-table th {
23703 vertical-align: middle;
23704 padding: 4px;
23707 .tag-management-table .inplaceeditable.inplaceeditingon input {
23708 width: 150px;
23711 .path-admin-tag .addstandardtags {
23712 float: right;
23714 .path-admin-tag .addstandardtags img {
23715 margin: 0 5px;
23718 .path-tag .tag-relatedtags {
23719 padding-top: 10px;
23722 .path-tag .tag-management-box {
23723 text-align: right;
23726 .path-tag .tag-index-toc {
23727 padding: 10px;
23728 text-align: center;
23731 .path-tag .tag-index-toc li,
23732 .path-tag .tag-management-box li {
23733 margin-left: 5px;
23734 margin-right: 5px;
23737 .path-tag .tag-management-box li a.edittag {
23738 background-image: url([[pix:moodle|i/settings]]);
23741 .path-tag .tag-management-box li a.flagasinappropriate {
23742 background-image: url([[pix:moodle|i/flagged]]);
23745 .path-tag .tag-management-box li a.removefrommyinterests {
23746 background-image: url([[pix:moodle|t/delete]]);
23749 .path-tag .tag-management-box li a.addtomyinterests {
23750 background-image: url([[pix:moodle|t/add]]);
23753 .path-tag .tag-management-box li a {
23754 background-repeat: no-repeat;
23755 background-position: left;
23756 padding-left: 17px;
23759 .tag_feed img {
23760 max-height: 35px;
23761 max-width: 35px;
23764 .tag_feed .muted a {
23765 color: #6a737b;
23768 .tag_cloud {
23769 text-align: center;
23772 .tag_cloud .inline-list li {
23773 padding: 0 0.2em;
23776 .tag_cloud .tag_overflow {
23777 margin-top: 1em;
23778 font-style: italic;
23781 .tag_cloud .s20 {
23782 font-size: 2.7em;
23785 .tag_cloud .s19 {
23786 font-size: 2.6em;
23789 .tag_cloud .s18 {
23790 font-size: 2.5em;
23793 .tag_cloud .s17 {
23794 font-size: 2.4em;
23797 .tag_cloud .s16 {
23798 font-size: 2.3em;
23801 .tag_cloud .s15 {
23802 font-size: 2.2em;
23805 .tag_cloud .s14 {
23806 font-size: 2.1em;
23809 .tag_cloud .s13 {
23810 font-size: 2em;
23813 .tag_cloud .s12 {
23814 font-size: 1.9em;
23817 .tag_cloud .s11 {
23818 font-size: 1.8em;
23821 .tag_cloud .s10 {
23822 font-size: 1.7em;
23825 .tag_cloud .s9 {
23826 font-size: 1.6em;
23829 .tag_cloud .s8 {
23830 font-size: 1.5em;
23833 .tag_cloud .s7 {
23834 font-size: 1.4em;
23837 .tag_cloud .s6 {
23838 font-size: 1.3em;
23841 .tag_cloud .s5 {
23842 font-size: 1.2em;
23845 .tag_cloud .s4 {
23846 font-size: 1.1em;
23849 .tag_cloud .s3 {
23850 font-size: 1em;
23853 .tag_cloud .s2 {
23854 font-size: 0.9em;
23857 .tag_cloud .s1 {
23858 font-size: 0.8em;
23861 .tag_cloud .s0 {
23862 font-size: 0.7em;
23865 .tag_list ul {
23866 display: inline;
23869 .tag_list.hideoverlimit .overlimit {
23870 display: none;
23873 .tag_list .tagmorelink {
23874 display: none;
23877 .tag_list.hideoverlimit .tagmorelink {
23878 display: inline;
23881 .tag_list.hideoverlimit .taglesslink {
23882 display: none;
23886 * Web Service
23888 #webservice-doc-generator td {
23889 text-align: left;
23890 border: 0 solid #000;
23894 * Enrol
23896 .userenrolment {
23897 width: 100%;
23898 border-collapse: collapse;
23901 .userenrolment tr {
23902 vertical-align: top;
23905 .userenrolment td {
23906 padding: 0;
23907 height: 41px;
23910 .userenrolment .subfield {
23911 margin-right: 5px;
23914 .userenrolment .col_userdetails .subfield {
23915 margin-left: 40px;
23918 .userenrolment .col_userdetails .subfield_picture {
23919 float: left;
23920 margin-left: 0;
23923 .userenrolment .col_lastseen {
23924 width: 150px;
23927 .userenrolment .col_role {
23928 width: 262px;
23931 .userenrolment .col_role .roles,
23932 .userenrolment .col_group .groups {
23933 margin-right: 30px;
23936 .userenrolment .col_role .role {
23937 float: left;
23938 padding: 0 3px 3px;
23939 margin: 0 3px 3px;
23940 white-space: nowrap;
23943 .userenrolment .col_group .group {
23944 float: left;
23945 padding: 3px;
23946 margin: 3px;
23947 white-space: nowrap;
23950 .userenrolment .col_role .role a,
23951 .userenrolment .col_group .group a {
23952 margin-left: 3px;
23953 cursor: pointer;
23956 .userenrolment .col_role .addrole,
23957 .userenrolment .col_group .addgroup {
23958 float: right;
23959 padding: 3px;
23960 margin: 3px;
23962 .userenrolment .col_role .addrole > a:hover,
23963 .userenrolment .col_group .addgroup > a:hover {
23964 border-bottom: 1px solid #666;
23967 .userenrolment .col_role .addrole img,
23968 .userenrolment .col_group .addgroup img {
23969 vertical-align: baseline;
23972 .userenrolment .hasAllRoles .col_role .addrole {
23973 display: none;
23976 .userenrolment .col_enrol .enrolment {
23977 float: left;
23978 padding: 0 3px 3px;
23979 margin: 0 3px 3px;
23982 .userenrolment .col_enrol .enrolment a {
23983 float: right;
23984 margin-left: 3px;
23987 #page-enrol-otherusers .userenrolment .col_role .role {
23988 float: none;
23989 margin: 3px 3px 3px 0;
23990 padding: 3px 3px 3px 0;
23993 .corelightbox {
23994 background-color: #ccc;
23995 position: absolute;
23996 top: 0;
23997 left: 0;
23998 width: 100%;
23999 height: 100%;
24000 text-align: center;
24003 .corelightbox img {
24004 position: fixed;
24005 top: 50%;
24006 left: 50%;
24009 .mod-indent-outer {
24010 display: table;
24013 .mod-indent {
24014 display: table-cell;
24017 .label .mod-indent {
24018 float: left;
24019 padding-top: 20px;
24022 .activity.label.modtype_label .mod-indent {
24023 float: none;
24026 @media (min-width: 576px) {
24027 /* Creates a series of .mod-indent-# rule declarations based on indent size and number of indent levels. */
24028 .mod-indent-1 {
24029 width: 30px;
24031 .mod-indent-2 {
24032 width: 60px;
24034 .mod-indent-3 {
24035 width: 90px;
24037 .mod-indent-4 {
24038 width: 120px;
24040 .mod-indent-5 {
24041 width: 150px;
24043 .mod-indent-6 {
24044 width: 180px;
24046 .mod-indent-7 {
24047 width: 210px;
24049 .mod-indent-8 {
24050 width: 240px;
24052 .mod-indent-9 {
24053 width: 270px;
24055 .mod-indent-10 {
24056 width: 300px;
24058 .mod-indent-11 {
24059 width: 330px;
24061 .mod-indent-12 {
24062 width: 360px;
24064 .mod-indent-13 {
24065 width: 390px;
24067 .mod-indent-14 {
24068 width: 420px;
24070 .mod-indent-15 {
24071 width: 450px;
24073 .mod-indent-16 {
24074 width: 480px;
24076 .mod-indent-huge {
24077 width: 480px;
24080 /* Audio player size in 'block' mode (can only change width, height is hardcoded in JS) */
24081 .resourcecontent .mediaplugin_mp3 object {
24082 height: 25px;
24083 width: 600px;
24086 .resourcecontent audio.mediaplugin_html5audio {
24087 width: 600px;
24090 /** Large resource images should avoid hidden overflow **/
24091 .resourceimage {
24092 max-width: 100%;
24095 /* Audio player size in 'inline' mode (can only change width, as above) */
24096 .mediaplugin_mp3 object {
24097 height: 15px;
24098 width: 300px;
24101 audio.mediaplugin_html5audio {
24102 width: 300px;
24105 .core_media_preview.pagelayout-embedded #maincontent {
24106 height: 0;
24109 .path-rating .ratingtable {
24110 width: 100%;
24111 margin-bottom: 1em;
24114 .path-rating .ratingtable th.rating {
24115 width: 100%;
24118 .path-rating .ratingtable td.rating,
24119 .path-rating .ratingtable td.time {
24120 white-space: nowrap;
24121 text-align: center;
24124 /* Moodle Dialogue Settings (moodle-core-dialogue) */
24125 .moodle-dialogue-base .moodle-dialogue-lightbox {
24126 background-color: #495057;
24129 .pagelayout-popup .moodle-dialogue-base .moodle-dialogue-lightbox {
24130 background-color: transparent;
24132 .pagelayout-popup .moodle-dialogue-base .moodle-dialogue {
24133 box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.2);
24136 .moodle-dialogue-base .hidden,
24137 .moodle-dialogue-base .moodle-dialogue-hidden {
24138 display: none;
24141 .no-scrolling {
24142 overflow: hidden;
24145 .moodle-dialogue-base .moodle-dialogue-fullscreen {
24146 left: 0;
24147 top: 0;
24148 right: 0;
24149 bottom: -50px;
24150 position: fixed;
24153 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
24154 overflow: auto;
24157 .moodle-dialogue-base .moodle-dialogue-wrap {
24158 background-color: #fff;
24159 border: 1px solid #ccc;
24162 .modal.show {
24163 display: block;
24166 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd {
24167 display: flex;
24168 padding: 1rem 1rem;
24169 border-bottom: 1px solid #dee2e6;
24172 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd.yui3-widget-hd {
24173 min-height: 3rem;
24174 color: initial;
24175 background: initial;
24176 font-size: 1.5rem;
24177 line-height: 1.5;
24180 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd h5 {
24181 font-size: 1.5rem;
24182 font-weight: 400;
24183 margin-bottom: 0;
24184 line-height: 1.5;
24187 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .yui3-widget-buttons {
24188 /*rtl:raw:
24189 left: 0;
24190 right: auto;
24192 padding: 0;
24193 position: relative;
24194 margin-left: auto;
24197 .moodle-dialogue-base .closebutton {
24198 padding: 1rem 1rem;
24199 margin: -1rem -1rem -1rem auto;
24200 position: relative;
24201 background-color: transparent;
24202 border: 0;
24203 background-image: none;
24204 box-shadow: none;
24205 opacity: 0.7;
24207 .moodle-dialogue-base .closebutton:hover, .moodle-dialogue-base .closebutton:active {
24208 opacity: 1;
24210 .moodle-dialogue-base .closebutton::after {
24211 content: "×";
24214 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd {
24215 padding: 0.5rem;
24217 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd body {
24218 background-color: #fff;
24221 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
24222 overflow: auto;
24223 position: absolute;
24224 top: 0;
24225 bottom: 50px;
24226 left: 0;
24227 right: 0;
24228 margin: 0;
24229 border: 0;
24232 .moodle-dialogue-exception .moodle-exception-param label {
24233 font-weight: bold;
24236 .moodle-dialogue-exception .param-stacktrace label {
24237 background-color: #eee;
24238 border: 1px solid #ccc;
24239 border-bottom-width: 0;
24242 .moodle-dialogue-exception .param-stacktrace pre {
24243 border: 1px solid #ccc;
24244 background-color: #fff;
24247 .moodle-dialogue-exception .param-stacktrace .stacktrace-file {
24248 color: navy;
24249 font-size: 0.8203125rem;
24252 .moodle-dialogue-exception .param-stacktrace .stacktrace-line {
24253 color: #f0ad4e;
24254 font-size: 0.8203125rem;
24257 .moodle-dialogue-exception .param-stacktrace .stacktrace-call {
24258 color: #333;
24259 font-size: 90%;
24260 border-bottom: 1px solid #eee;
24263 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft:empty {
24264 display: none;
24267 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft.yui3-widget-ft {
24268 background: initial;
24271 .moodle-dialogue-confirm .confirmation-message {
24272 margin: 0.5rem 0;
24275 .moodle-dialogue-confirm .confirmation-dialogue input {
24276 min-width: 80px;
24279 .moodle-dialogue-exception .moodle-exception-message {
24280 margin: 1em;
24283 .moodle-dialogue-exception .moodle-exception-param {
24284 margin-bottom: 0.5em;
24287 .moodle-dialogue-exception .moodle-exception-param label {
24288 width: 150px;
24291 .moodle-dialogue-exception .param-stacktrace label {
24292 display: block;
24293 margin: 0;
24294 padding: 4px 1em;
24297 .moodle-dialogue-exception .param-stacktrace pre {
24298 display: block;
24299 height: 200px;
24300 overflow: auto;
24303 .moodle-dialogue-exception .param-stacktrace .stacktrace-file {
24304 display: inline-block;
24305 margin: 4px 0;
24308 .moodle-dialogue-exception .param-stacktrace .stacktrace-line {
24309 display: inline-block;
24310 width: 50px;
24311 margin: 4px 1em;
24314 .moodle-dialogue-exception .param-stacktrace .stacktrace-call {
24315 padding-left: 25px;
24316 margin-bottom: 4px;
24317 padding-bottom: 4px;
24320 .moodle-dialogue .moodle-dialogue-bd .content-lightbox {
24321 opacity: 0.75;
24322 width: 100%;
24323 height: 100%;
24324 top: 0;
24325 left: 0;
24326 background-color: #fff;
24327 text-align: center;
24328 padding: 10% 0;
24331 /* Apply a default max-height on tooltip text */
24332 .moodle-dialogue .tooltiptext {
24333 max-height: 300px;
24336 .moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip {
24337 z-index: 3001;
24339 .moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip .moodle-dialogue-bd {
24340 overflow: auto;
24344 * Chooser Dialogues (moodle-core-chooserdialogue)
24346 * This CSS belong to the chooser dialogue which should work both with, and
24347 * without javascript enabled
24349 /* Hide the dialog and it's title */
24350 .chooserdialoguebody,
24351 .choosertitle {
24352 display: none;
24355 .moodle-dialogue.chooserdialogue .moodle-dialogue-content .moodle-dialogue-ft {
24356 margin: 0;
24359 .chooserdialogue .moodle-dialogue-wrap .moodle-dialogue-bd {
24360 padding: 0;
24361 background: #f2f2f2;
24362 border-bottom-right-radius: 10px;
24363 border-bottom-left-radius: 10px;
24366 /* Center the submit buttons within the area */
24367 .choosercontainer #chooseform .submitbuttons {
24368 padding: 0.7em 0;
24369 text-align: right;
24372 /* Fixed for safari browser on iPhone4S with ios7@mixin */
24373 @media (max-height: 639px) {
24374 .ios .choosercontainer #chooseform .submitbuttons {
24375 padding: 45px 0;
24378 .choosercontainer #chooseform .submitbuttons input {
24379 min-width: 100px;
24380 margin: 0 0.5em;
24383 /* Various settings for the options area */
24384 .choosercontainer #chooseform .options {
24385 position: relative;
24386 border-bottom: 1px solid #bbb;
24389 /* Only set these options if we're showing the js container */
24390 .jschooser .choosercontainer #chooseform .alloptions {
24391 overflow-x: hidden;
24392 overflow-y: auto;
24393 max-width: 240px;
24395 .jschooser .choosercontainer #chooseform .alloptions .option input[type=radio] {
24396 display: inline-block;
24398 .jschooser .choosercontainer #chooseform .alloptions .option .typename {
24399 display: inline-block;
24400 width: 55%;
24403 /* Settings for option rows and option subtypes */
24404 .choosercontainer #chooseform .moduletypetitle,
24405 .choosercontainer #chooseform .option,
24406 .choosercontainer #chooseform .nonoption {
24407 margin-bottom: 0;
24408 padding: 0 1.6em 0 1.6em;
24411 .choosercontainer #chooseform .moduletypetitle {
24412 text-transform: uppercase;
24413 padding-top: 1.2em;
24414 padding-bottom: 0.4em;
24415 margin-bottom: 0.5rem;
24416 font-size: 100%;
24419 .choosercontainer #chooseform .option .typename,
24420 .choosercontainer #chooseform .nonoption .typename {
24421 padding: 0 0 0 0.5em;
24424 .choosercontainer #chooseform .modicon + .typename {
24425 padding-left: 0;
24428 .choosercontainer #chooseform .option input[type=radio],
24429 .choosercontainer #chooseform .option span.typename {
24430 vertical-align: middle;
24433 .choosercontainer #chooseform .option label {
24434 display: block;
24435 margin: 0;
24436 padding: 0.5rem 0;
24437 border-bottom: 1px solid #fff;
24440 .choosercontainer #chooseform .option .icon {
24441 margin: 0;
24442 padding: 0 1rem;
24445 .choosercontainer #chooseform .nonoption {
24446 padding-left: 2.7em;
24447 padding-top: 0.3em;
24448 padding-bottom: 0.1em;
24451 .choosercontainer #chooseform .subtype {
24452 margin-bottom: 0;
24453 padding: 0 1.6em 0 3.2em;
24456 .choosercontainer #chooseform .subtype .typename {
24457 margin: 0 0 0 0.2em;
24460 /* The instruction/help area */
24461 .jschooser .choosercontainer #chooseform .instruction,
24462 .jschooser .choosercontainer #chooseform .typesummary {
24463 display: none;
24464 position: absolute;
24465 top: 0;
24466 right: 0;
24467 bottom: 0;
24468 left: 240px;
24469 margin: 0;
24470 padding: 1.6em;
24471 background-color: #fff;
24472 overflow-x: hidden;
24473 overflow-y: auto;
24474 line-height: 2em;
24477 /* Selected option settings */
24478 .jschooser .choosercontainer #chooseform .instruction,
24479 .choosercontainer #chooseform .selected .typesummary {
24480 display: block;
24483 .choosercontainer #chooseform .selected {
24484 background-color: #fff;
24485 margin-top: -1px;
24486 padding-top: 1px;
24489 @media (max-width: 575.98px) {
24490 .jsenabled .choosercontainer #chooseform .alloptions {
24491 max-width: 100%;
24493 .jsenabled .choosercontainer #chooseform .instruction,
24494 .jsenabled .choosercontainer #chooseform .typesummary {
24495 position: static;
24499 * Module chooser dialogue (moodle-core-chooserdialogue)
24501 * This CSS belong to the chooser dialogue which should work both with, and
24502 * without javascript enabled
24504 .modchooser .modal-body {
24505 padding: 0;
24506 overflow-y: auto;
24507 min-height: 640px;
24508 display: flex;
24509 flex-direction: column;
24511 .modchooser .modal-body .searchresultitemscontainer-wrapper {
24512 min-height: 495px;
24514 .modchooser .modal-body .carousel-item.active {
24515 display: flex;
24517 .modchooser .modal-body .chooser-container {
24518 display: flex;
24519 flex-direction: column;
24520 flex: 1 1 auto;
24522 .modchooser .modal-body .loading-icon {
24523 opacity: 1;
24525 .modchooser .modal-body .loading-icon .icon {
24526 display: block;
24527 font-size: 3em;
24528 height: 1em;
24529 width: 1em;
24531 .modchooser .modal-body .carousel-item .loading-icon .icon {
24532 margin: 1em auto;
24534 .modchooser .modal-body .searchbar {
24535 width: 100%;
24538 .modchooser .modal-footer {
24539 height: 70px;
24540 background: #fff;
24542 .modchooser .modal-footer .moodlenet-logo .icon {
24543 height: 2.5rem;
24544 width: 6rem;
24545 margin-bottom: 0.6rem;
24548 .modchoosercontainer.noscroll {
24549 overflow-y: hidden;
24552 .modchoosercontainer .optionscontainer,
24553 .modchoosercontainer .searchresultitemscontainer {
24554 overflow-x: hidden;
24556 .modchoosercontainer .optionscontainer .option,
24557 .modchoosercontainer .searchresultitemscontainer .option {
24558 flex-basis: calc(50% - 0.5rem);
24560 .modchoosercontainer .optionscontainer .option .optionactions .optionaction,
24561 .modchoosercontainer .searchresultitemscontainer .option .optionactions .optionaction {
24562 cursor: pointer;
24563 color: #6a737b;
24565 .modchoosercontainer .optionscontainer .option .optionactions .optionaction i,
24566 .modchoosercontainer .searchresultitemscontainer .option .optionactions .optionaction i {
24567 margin: 0;
24569 .modchoosercontainer .optionscontainer .option .optioninfo a,
24570 .modchoosercontainer .searchresultitemscontainer .option .optioninfo a {
24571 color: #495057;
24573 .modchoosercontainer .optionscontainer .option .optioninfo a:hover,
24574 .modchoosercontainer .searchresultitemscontainer .option .optioninfo a:hover {
24575 text-decoration: none;
24578 .modchooser .modal-body .optionsummary {
24579 background-color: #fff;
24580 overflow-x: hidden;
24581 overflow-y: auto;
24582 height: 640px;
24584 .modchooser .modal-body .optionsummary .content {
24585 overflow-y: auto;
24587 .modchooser .modal-body .optionsummary .content .heading .icon {
24588 height: 32px;
24589 width: 32px;
24590 font-size: 32px;
24591 padding: 0;
24593 .modchooser .modal-body .optionsummary .actions {
24594 border-top: 1px solid #dee2e6;
24595 background: #fff;
24598 @media (max-width: 575.98px) {
24599 .path-course-view .modal-dialog.modal-lg,
24600 .path-course-view .modal-content,
24601 .modchooser .modal-body,
24602 .modchooser .modal-body .carousel,
24603 .modchooser .modal-body .carousel-inner,
24604 .modchooser .modal-body .carousel-item,
24605 .modchooser .modal-body .optionsummary,
24606 .modchoosercontainer,
24607 .optionscontainer,
24608 .searchresultitemscontainer {
24609 min-height: auto;
24610 height: 100%;
24611 overflow-y: auto;
24613 .path-course-view .modal-dialog.modal-lg {
24614 margin: 0;
24616 .modchooser .modal-body .searchresultitemscontainer-wrapper {
24617 min-height: auto;
24620 @media (min-width: 576px) {
24621 .modchoosercontainer .optionscontainer .option,
24622 .modchoosercontainer .searchresultitemscontainer .option {
24623 flex-basis: calc(33.33% - 0.5rem);
24626 @media (min-width: 992px) {
24627 .modchoosercontainer .optionscontainer .option,
24628 .modchoosercontainer .searchresultitemscontainer .option {
24629 flex-basis: calc(16.66% - 0.5rem);
24632 /* Form element: listing */
24633 .formlistingradio {
24634 padding-bottom: 25px;
24635 padding-right: 10px;
24638 .formlistinginputradio {
24639 float: left;
24642 .formlistingmain {
24643 min-height: 225px;
24646 .formlisting {
24647 position: relative;
24648 margin: 15px 0;
24649 padding: 1px 19px 14px;
24650 background-color: #fff;
24651 border: 1px solid #ddd;
24652 border-radius: 4px;
24655 .formlistingmore {
24656 position: absolute;
24657 cursor: pointer;
24658 bottom: -1px;
24659 right: -1px;
24660 padding: 3px 7px;
24661 font-size: 12px;
24662 font-weight: bold;
24663 background-color: whitesmoke;
24664 border: 1px solid #ddd;
24665 color: #9da0a4;
24666 border-radius: 4px 0 4px 0;
24669 .formlistingall {
24670 margin: 15px 0;
24671 padding: 0;
24672 border-radius: 4px;
24675 .formlistingrow {
24676 cursor: pointer;
24677 border-bottom: 1px solid;
24678 border-color: #e1e1e8;
24679 border-left: 1px solid #e1e1e8;
24680 border-right: 1px solid #e1e1e8;
24681 background-color: #f7f7f9;
24682 border-radius: 0 0 4px 4px;
24683 padding: 6px;
24684 top: 50%;
24685 left: 50%;
24686 min-height: 34px;
24687 float: left;
24688 width: 150px;
24691 body.jsenabled .formlistingradio {
24692 display: none;
24695 body.jsenabled .formlisting {
24696 display: block;
24699 a.criteria-action {
24700 padding: 0 3px;
24701 float: right;
24704 div.criteria-description {
24705 padding: 10px 15px;
24706 margin: 5px 0;
24707 background: none repeat scroll 0 0 #f9f9f9;
24708 border: 1px solid #eee;
24711 ul.badges {
24712 margin: 0;
24713 list-style: none;
24716 .badges li {
24717 position: relative;
24718 display: inline-block;
24719 padding-top: 1em;
24720 text-align: center;
24721 vertical-align: top;
24722 width: 150px;
24725 .badges li .badge-name {
24726 display: block;
24727 padding: 5px;
24730 .badges li > img {
24731 position: absolute;
24734 .badges li .badge-image {
24735 width: 100px;
24736 height: 100px;
24737 left: 10px;
24738 top: 0;
24739 z-index: 1;
24742 .badges li .badge-actions {
24743 position: relative;
24746 .badges li .expireimage {
24747 background-image: url([[pix:i/expired]]);
24748 background-repeat: no-repeat;
24749 background-size: 100px 100px;
24750 width: 100px;
24751 height: 100px;
24752 left: 25px;
24753 top: 15px;
24754 position: absolute;
24755 z-index: 10;
24756 opacity: 0.85;
24759 #badge-image {
24760 background-color: transparent;
24761 padding: 0;
24762 position: relative;
24763 min-width: 100px;
24764 width: 20%;
24765 display: inline-block;
24766 vertical-align: top;
24767 margin-top: 17px;
24768 margin-bottom: 20px;
24770 #badge-image .expireimage {
24771 background-image: url([[pix:i/expired]]);
24772 background-repeat: no-repeat;
24773 background-size: 100px 100px;
24774 width: 100px;
24775 height: 100px;
24776 left: 0;
24777 top: 0;
24778 opacity: 0.85;
24779 position: absolute;
24780 z-index: 10;
24782 #badge-image .singlebutton {
24783 padding-top: 5px;
24784 display: block;
24786 #badge-image .singlebutton button {
24787 margin-left: 4px;
24790 #badge-details {
24791 display: inline-block;
24792 width: 79%;
24795 #badge-overview dl,
24796 #badge-details dl {
24797 margin: 0;
24799 #badge-overview dl dt,
24800 #badge-overview dl dd,
24801 #badge-details dl dt,
24802 #badge-details dl dd {
24803 vertical-align: top;
24804 padding: 3px 0;
24806 #badge-overview dl dt,
24807 #badge-details dl dt {
24808 clear: both;
24809 display: inline-block;
24810 width: 20%;
24811 min-width: 100px;
24813 #badge-overview dl dd,
24814 #badge-details dl dd {
24815 display: inline-block;
24816 width: 79%;
24817 margin-left: 1%;
24820 #badge-criteria li li {
24821 list-style-type: none;
24824 #badge-image-col {
24825 flex: 0 0 400px;
24828 .badge-profile {
24829 vertical-align: top;
24832 .connected {
24833 color: #357a32;
24836 .notconnected {
24837 color: #ca3120;
24840 .connecting {
24841 color: #f0ad4e;
24844 #page-badges-award .recipienttable tr td {
24845 vertical-align: top;
24848 #page-badges-award .recipienttable tr td.actions .actionbutton {
24849 margin: 0.3em 0;
24850 padding: 0.5em 0;
24851 width: 100%;
24854 #page-badges-award .recipienttable tr td.existing,
24855 #page-badges-award .recipienttable tr td.potential {
24856 width: 42%;
24859 #issued-badge-table .activatebadge {
24860 display: inline-block;
24863 .statusbox.active {
24864 background-color: #d7e4d6;
24867 .statusbox.inactive {
24868 background-color: #fcefdc;
24871 .statusbox {
24872 text-align: center;
24873 margin-bottom: 5px;
24874 padding: 5px;
24877 .statusbox .activatebadge {
24878 display: inline-block;
24881 .statusbox .activatebadge input[type=submit] {
24882 margin: 3px;
24885 .activatebadge {
24886 margin: 0;
24887 text-align: left;
24888 vertical-align: middle;
24891 img#persona_signin {
24892 cursor: pointer;
24895 .addcourse {
24896 float: right;
24899 .invisiblefieldset {
24900 display: inline;
24901 padding: 0;
24902 border-width: 0;
24905 /** Page header */
24906 #page-header h1.h2 {
24907 font-weight: bold;
24909 #page-header .logo {
24910 margin: 1rem 0;
24912 #page-header .logo img {
24913 max-height: 75px;
24916 /** Navbar logo. */
24917 nav.navbar .logo img {
24918 max-height: 35px;
24921 .nav.usernav .nav-item {
24922 display: flex;
24924 .nav.usernav .usermenu .dropdown-toggle {
24925 padding: 0 0.5rem;
24928 /** Header-bar styles **/
24929 .page-context-header {
24930 overflow: hidden;
24931 padding: 0.25rem 0;
24932 display: flex;
24934 .page-context-header .page-header-image > a {
24935 display: inline-block;
24937 .page-context-header .page-header-headings,
24938 .page-context-header .header-button-group {
24939 position: relative;
24940 line-height: 24px;
24941 vertical-align: middle;
24943 .page-context-header .header-button-group {
24944 display: block;
24945 float: left;
24948 ul.dragdrop-keyboard-drag li {
24949 list-style-type: none;
24952 a.disabled:hover,
24953 a.disabled {
24954 text-decoration: none;
24955 cursor: default;
24956 font-style: italic;
24957 color: #6a737b;
24960 body.lockscroll {
24961 height: 100%;
24962 overflow: hidden;
24965 .progressbar_container {
24966 max-width: 500px;
24967 margin: 0 auto;
24970 /* IE10 only fix for calendar titling */
24971 .ie10 .yui3-calendar-header-label {
24972 display: inline-block;
24975 dd:before,
24976 dd:after {
24977 display: block;
24978 content: " ";
24981 dd:after {
24982 clear: both;
24985 .nav-tabs > .active > a[href],
24986 .nav-tabs > .active > a[href]:hover,
24987 .nav-tabs > .active > a[href]:focus {
24988 cursor: pointer;
24991 .inplaceeditable.inplaceeditingon {
24992 position: relative;
24994 .inplaceeditable.inplaceeditingon .editinstructions {
24995 margin-top: -30px;
24996 font-weight: normal;
24997 margin-right: 0;
24998 margin-left: 0;
24999 left: 0;
25000 right: auto;
25001 white-space: nowrap;
25003 @media (min-width: 576px) {
25004 .inplaceeditable.inplaceeditingon input {
25005 width: 330px;
25006 vertical-align: text-bottom;
25007 margin-bottom: 0;
25009 .inplaceeditable.inplaceeditingon input[role=combobox] {
25010 width: auto;
25013 .inplaceeditable.inplaceeditingon select {
25014 margin-bottom: 0;
25016 .inplaceeditable .quickediticon img {
25017 opacity: 0.2;
25019 .inplaceeditable .quickeditlink {
25020 color: inherit;
25021 text-decoration: inherit;
25023 .inplaceeditable:hover .quickeditlink .quickediticon img,
25024 .inplaceeditable .quickeditlink:focus .quickediticon img {
25025 opacity: 1;
25027 .inplaceeditable.inplaceeditable-toggle .quickediticon {
25028 display: none;
25030 .inplaceeditable.inplaceeditable-autocomplete {
25031 display: block;
25034 h3.sectionname .inplaceeditable.inplaceeditingon .editinstructions {
25035 margin-top: -20px;
25038 /** Chart area. */
25039 @media (min-width: 992px) {
25040 .chart-area .chart-image {
25041 position: relative;
25042 margin: auto;
25043 height: 48vh;
25044 width: 46vw;
25047 .chart-area .chart-table-data {
25048 display: none;
25050 .chart-area .chart-table {
25051 /** When accessible, we display the table only. */
25053 .chart-area .chart-table .chart-output-htmltable caption {
25054 white-space: nowrap;
25056 .chart-area .chart-table.accesshide .chart-table-expand {
25057 display: none;
25059 .chart-area .chart-table.accesshide .chart-table-data {
25060 display: block;
25063 /* YUI 2 Tree View */
25064 /*rtl:raw:
25065 .ygtvtn,
25066 .ygtvtm,
25067 .ygtvtmh,
25068 .ygtvtmhh,
25069 .ygtvtp,
25070 .ygtvtph,
25071 .ygtvtphh,
25072 .ygtvln,
25073 .ygtvlm,
25074 .ygtvlmh,
25075 .ygtvlmhh,
25076 .ygtvlp,
25077 .ygtvlph,
25078 .ygtvlphh,
25079 .ygtvdepthcell,
25080 .ygtvok,
25081 .ygtvok:hover,
25082 .ygtvcancel,
25083 .ygtvcancel:hover {
25084 background-image: url([[pix:theme|yui2-treeview-sprite-rtl]]);
25087 .hover-tooltip-container {
25088 position: relative;
25090 .hover-tooltip-container .hover-tooltip {
25091 opacity: 0;
25092 visibility: hidden;
25093 position: absolute;
25094 /*rtl:ignore*/
25095 left: 50%;
25096 top: calc(-50% - 5px);
25097 transform: translate(-50%, -50%);
25098 background-color: #fff;
25099 border: 1px solid rgba(0, 0, 0, 0.2);
25100 border-radius: 0.3rem;
25101 box-sizing: border-box;
25102 padding: 5px;
25103 white-space: nowrap;
25104 transition: opacity 0.15s, visibility 0.15s;
25105 z-index: 1000;
25107 .hover-tooltip-container .hover-tooltip:before {
25108 content: "";
25109 display: inline-block;
25110 border-left: 8px solid transparent;
25111 border-right: 8px solid transparent;
25112 border-top: 8px solid rgba(0, 0, 0, 0.2);
25113 position: absolute;
25114 bottom: -8px;
25115 left: calc(50% - 8px);
25117 .hover-tooltip-container .hover-tooltip:after {
25118 content: "";
25119 display: inline-block;
25120 border-left: 7px solid transparent;
25121 border-right: 7px solid transparent;
25122 border-top: 7px solid #fff;
25123 position: absolute;
25124 bottom: -6px;
25125 left: calc(50% - 7px);
25126 z-index: 2;
25128 .hover-tooltip-container:hover .hover-tooltip {
25129 opacity: 1;
25130 visibility: visible;
25131 transition: opacity 0.15s 0.5s, visibility 0.15s 0.5s;
25134 #region-flat-nav {
25135 padding-right: 0;
25136 padding-left: 0;
25138 #region-flat-nav .nav {
25139 margin-right: 15px;
25140 background-color: #fff;
25142 @media (max-width: 767.98px) {
25143 #region-flat-nav .nav {
25144 margin-top: 30px;
25145 margin-right: 0;
25149 .footer-dark a {
25150 color: #fff;
25151 text-decoration: underline;
25153 .footer-dark a .icon {
25154 color: #fff;
25156 .footer-dark a:focus .icon {
25157 color: #1d2125;
25160 .btn-footer-popover {
25161 display: none;
25162 position: fixed;
25163 bottom: 2rem;
25164 right: 2rem;
25167 .btn-footer-communication {
25168 display: none;
25169 position: fixed;
25170 bottom: 5rem;
25171 right: 2rem;
25174 .hasstickyfooter .btn-footer-popover {
25175 bottom: calc(1rem + max(96px, 0.9375rem * 3));
25178 .hasstickyfooter .btn-footer-communication {
25179 bottom: calc(4rem + max(96px, 0.9375rem * 3));
25182 .popover.footer .popover-body {
25183 padding: 0;
25185 .popover.footer .popover-body .footer-section a {
25186 color: #1d2125;
25187 text-decoration: underline;
25189 .popover.footer .popover-body .footer-section a .icon {
25190 color: #1d2125;
25192 .popover.footer .popover-body .footer-section a:focus {
25193 text-decoration: none;
25196 .footer-support-link {
25197 padding-bottom: 5px;
25200 @media (min-width: 576px) {
25201 .jsenabled #page-footer .footer-content-popover {
25202 display: none;
25204 .jsenabled .btn-footer-popover,
25205 .jsenabled .btn-footer-communication {
25206 display: block;
25207 z-index: 1000;
25210 .bg-inverse a {
25211 color: #fff;
25212 text-decoration: underline;
25214 .bg-inverse a .icon {
25215 color: #fff;
25218 .sitelink img {
25219 width: 112px;
25222 .competency-tree ul {
25223 padding-left: 1.5rem;
25226 .sr-only-focusable:active, .sr-only-focusable:focus {
25227 z-index: 1031;
25228 position: fixed;
25229 background: #fff;
25230 padding: 7px;
25231 left: 0;
25232 top: 0;
25235 [data-drag-type=move] {
25236 cursor: move;
25237 touch-action: none;
25240 .clickable {
25241 cursor: pointer;
25244 .overlay-icon-container {
25245 position: absolute;
25246 top: 0;
25247 left: 0;
25248 width: 100%;
25249 height: 100%;
25250 background-color: rgba(255, 255, 255, 0.6);
25252 .overlay-icon-container .loading-icon {
25253 position: absolute;
25254 top: 50%;
25255 left: 50%;
25256 transform: translate(-50%, -50%);
25258 .overlay-icon-container .loading-icon .icon {
25259 height: 30px;
25260 width: 30px;
25261 font-size: 30px;
25264 .w-auto {
25265 width: auto;
25268 .bg-pulse-grey {
25269 animation: bg-pulse-grey 2s infinite linear;
25272 @keyframes bg-pulse-grey {
25273 0% {
25274 background-color: #f8f9fa;
25276 50% {
25277 background-color: #e9ecef;
25279 100% {
25280 background-color: #f8f9fa;
25283 .line-height-0 {
25284 line-height: 0 !important; /* stylelint-disable-line declaration-no-important */
25287 .line-height-1 {
25288 line-height: 0.25rem !important; /* stylelint-disable-line declaration-no-important */
25291 .line-height-2 {
25292 line-height: 0.5rem !important; /* stylelint-disable-line declaration-no-important */
25295 .line-height-3 {
25296 line-height: 1rem !important; /* stylelint-disable-line declaration-no-important */
25299 .line-height-4 {
25300 line-height: 1.5rem !important; /* stylelint-disable-line declaration-no-important */
25303 .line-height-5 {
25304 line-height: 2rem !important; /* stylelint-disable-line declaration-no-important */
25307 .line-height-6 {
25308 line-height: 3rem !important; /* stylelint-disable-line declaration-no-important */
25311 .dir-rtl .dir-rtl-hide {
25312 display: none;
25315 .dir-ltr .dir-ltr-hide {
25316 display: none;
25319 .paged-content-page-container {
25320 min-height: 3.125rem;
25323 body.h5p-embed #page-content {
25324 display: inherit;
25326 body.h5p-embed #maincontent {
25327 display: none;
25329 body.h5p-embed .h5pmessages {
25330 min-height: 230px;
25333 #h5pcontenttypes td {
25334 vertical-align: middle;
25337 #page.drawers form#h5peditor,
25338 #page.drawers form#coolh5peditor,
25339 #page.drawers .core_contentbank_viewcontent {
25340 max-width: 960px;
25341 margin: 0 auto;
25344 .text-decoration-none {
25345 text-decoration: none !important; /* stylelint-disable-line declaration-no-important */
25348 .colour-inherit {
25349 color: inherit !important; /* stylelint-disable-line declaration-no-important */
25352 .position-right {
25353 right: 0 !important; /* stylelint-disable-line declaration-no-important */
25356 .overflow-hidden {
25357 overflow: hidden !important; /* stylelint-disable-line declaration-no-important */
25360 .text-break {
25361 overflow-wrap: break-word !important; /* stylelint-disable-line declaration-no-important */
25364 .word-break {
25365 word-break: break-word !important; /* stylelint-disable-line declaration-no-important */
25368 .z-index-0 {
25369 z-index: 0 !important; /* stylelint-disable-line declaration-no-important */
25372 .z-index-1 {
25373 z-index: 1 !important; /* stylelint-disable-line declaration-no-important */
25376 .float-left {
25377 float: left !important; /* stylelint-disable-line declaration-no-important */
25380 .float-right {
25381 float: right !important; /* stylelint-disable-line declaration-no-important */
25384 .img-responsive {
25385 max-width: 100%;
25386 height: auto;
25389 input[disabled] {
25390 cursor: not-allowed;
25393 .custom-select {
25394 width: auto;
25395 max-width: 100%;
25398 .fade.in {
25399 opacity: 1;
25402 .clamp-2 {
25403 display: -webkit-box;
25404 -webkit-box-orient: vertical;
25405 -webkit-line-clamp: 2;
25406 overflow: hidden;
25409 .word-break-all {
25410 word-break: break-all;
25413 .matchtext {
25414 background-color: #a2cff8;
25415 color: #1d2125;
25416 height: 1.5rem;
25419 .border-radius {
25420 border-radius: 0.25rem;
25423 .v-hidden {
25424 visibility: hidden;
25427 .dialog-big {
25428 max-width: 500px;
25431 .dialog-small {
25432 max-width: 300px;
25435 @media (min-width: 576px) {
25436 .dialog-big {
25437 width: 500px;
25439 .dialog-small {
25440 width: 300px;
25444 * Helpers to show elements only when a parent element has focus or hover.
25446 .v-parent-focus {
25447 opacity: 0;
25448 visibility: hidden;
25451 .focus-control:focus-within .v-parent-focus,
25452 .focus-control:hover .v-parent-focus {
25453 opacity: 1;
25454 visibility: visible;
25457 .emoji-picker {
25458 width: 350px;
25459 height: 400px;
25461 .emoji-picker .category-button {
25462 padding: 0.375rem 0;
25463 height: 100%;
25464 width: 38.8888888889px;
25465 border-top: none;
25466 border-left: none;
25467 border-right: none;
25468 border-bottom: 2px solid transparent;
25470 .emoji-picker .category-button.selected {
25471 border-bottom: 2px solid #0f6cbf;
25473 .emoji-picker .emojis-container,
25474 .emoji-picker .search-results-container {
25475 min-width: 280px;
25477 .emoji-picker .picker-row {
25478 height: 40px;
25480 .emoji-picker .picker-row .category-name {
25481 line-height: 40px;
25483 .emoji-picker .picker-row .emoji-button {
25484 height: 40px;
25485 width: 40px;
25486 line-height: 40px;
25487 font-size: 24px;
25488 overflow: hidden;
25490 .emoji-picker .picker-row .emoji-button:hover, .emoji-picker .picker-row .emoji-button:focus {
25491 color: inherit;
25492 text-decoration: none;
25494 .emoji-picker .emoji-preview {
25495 height: 40px;
25496 font-size: 40px;
25497 line-height: 40px;
25499 .emoji-picker .emoji-short-name {
25500 line-height: 20px;
25502 @media (max-width: 575.98px) {
25503 .emoji-picker {
25504 width: 320px;
25508 .emoji-auto-complete {
25509 height: 40px;
25511 .emoji-auto-complete .btn.btn-link.btn-icon.emoji-button {
25512 height: 40px;
25513 width: 40px;
25514 line-height: 40px;
25515 font-size: 24px;
25517 .emoji-auto-complete .btn.btn-link.btn-icon.emoji-button.active {
25518 background-color: #e9ecef;
25521 .toast-wrapper {
25522 max-width: 350px;
25523 max-height: 0;
25524 z-index: 1051;
25526 .toast-wrapper > :first-child {
25527 margin-top: 1rem;
25530 .alert-primary a {
25531 color: #041d34;
25533 .alert-primary .close {
25534 color: #000305;
25535 opacity: 0.6;
25538 .alert-secondary a {
25539 color: #525557;
25541 .alert-secondary .close {
25542 color: #393b3d;
25543 opacity: 0.6;
25546 .alert-success a, .environmenttable .ok a {
25547 color: #0c1b0b;
25549 .alert-success .close, .environmenttable .ok .close {
25550 color: black;
25551 opacity: 0.6;
25554 .alert-info a {
25555 color: #00171b;
25557 .alert-info .close {
25558 color: black;
25559 opacity: 0.6;
25562 .alert-warning a, .environmenttable .warn a {
25563 color: #573e1c;
25565 .alert-warning .close, .environmenttable .warn .close {
25566 color: #302310;
25567 opacity: 0.6;
25570 .alert-danger a, .environmenttable .error a {
25571 color: #3d0f0a;
25573 .alert-danger .close, .environmenttable .error .close {
25574 color: #110403;
25575 opacity: 0.6;
25578 .alert-light a {
25579 color: #686868;
25581 .alert-light .close {
25582 color: #4e4e4f;
25583 opacity: 0.6;
25586 .alert-dark a {
25587 color: #040505;
25589 .alert-dark .close {
25590 color: black;
25591 opacity: 0.6;
25594 .alert a {
25595 font-weight: 700;
25598 .breadcrumb:empty {
25599 padding: 0;
25602 @media (max-width: 767.98px) {
25603 #page-navbar {
25604 width: 100%;
25606 .breadcrumb:not(:empty) {
25607 width: 100%;
25608 flex-wrap: nowrap;
25609 margin-bottom: 0.5rem;
25611 .breadcrumb:not(:empty) .breadcrumb-item {
25612 padding-top: 0.33333rem;
25613 padding-bottom: 0.33333rem;
25614 display: inline-flex;
25615 overflow: hidden;
25617 .breadcrumb:not(:empty) .breadcrumb-item a,
25618 .breadcrumb:not(:empty) .breadcrumb-item span {
25619 overflow: hidden;
25620 text-overflow: ellipsis;
25621 white-space: nowrap;
25623 .mform {
25624 width: 100%;
25625 padding-right: 15px;
25626 padding-left: 15px;
25628 .pagination {
25629 flex-wrap: wrap;
25630 justify-content: center;
25632 .custom-select {
25633 max-width: 100%;
25635 .card .card-body {
25636 padding: 0.625rem;
25638 #page-header .card {
25639 border: 0;
25641 #page-header .card .card-body {
25642 padding: 0;
25644 .nav-tabs:not(.more-nav),
25645 .nav-pills {
25646 margin: 0;
25647 border: 0;
25648 padding: 0.125rem;
25649 background-color: #e9ecef;
25651 .nav-tabs:not(.more-nav) .nav-item,
25652 .nav-pills .nav-item {
25653 flex: 1 1 auto;
25654 text-align: center;
25656 .nav-tabs:not(.more-nav) .nav-link,
25657 .nav-pills .nav-link {
25658 background: #fff;
25659 border: 0;
25660 margin: 0.125rem;
25662 .nav-tabs:not(.more-nav) .nav-link.active,
25663 .nav-pills .nav-link.active {
25664 color: #6a737b;
25665 border-color: #6a737b;
25666 border-color: #6a737b;
25668 .nav-tabs:not(.more-nav) .nav-link.active:hover,
25669 .nav-pills .nav-link.active:hover {
25670 color: #fff;
25671 background-color: #6a737b;
25672 border-color: #6a737b;
25674 .nav-tabs:not(.more-nav) .nav-link.active:focus, .nav-tabs:not(.more-nav) .nav-link.active.focus,
25675 .nav-pills .nav-link.active:focus,
25676 .nav-pills .nav-link.active.focus {
25677 box-shadow: 0 0 0 0.2rem rgba(106, 115, 123, 0.5);
25679 .nav-tabs:not(.more-nav) .nav-link.active.disabled, .nav-tabs:not(.more-nav) .nav-link.active:disabled,
25680 .nav-pills .nav-link.active.disabled,
25681 .nav-pills .nav-link.active:disabled {
25682 color: #6a737b;
25683 background-color: transparent;
25685 .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,
25686 .nav-pills .nav-link.active:not(:disabled):not(.disabled):active,
25687 .nav-pills .nav-link.active:not(:disabled):not(.disabled).active,
25688 .show > .nav-pills .nav-link.active.dropdown-toggle {
25689 color: #fff;
25690 background-color: #6a737b;
25691 border-color: #6a737b;
25693 .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,
25694 .nav-pills .nav-link.active:not(:disabled):not(.disabled):active:focus,
25695 .nav-pills .nav-link.active:not(:disabled):not(.disabled).active:focus,
25696 .show > .nav-pills .nav-link.active.dropdown-toggle:focus {
25697 box-shadow: 0 0 0 0.2rem rgba(106, 115, 123, 0.5);
25700 @media (max-width: 576px) and (max-height: 320px) {
25701 div#page {
25702 margin-top: 0;
25704 .navbar.fixed-top {
25705 position: relative;
25706 z-index: inherit;
25709 .link-underline {
25710 text-decoration: underline;
25712 .link-underline:focus {
25713 text-decoration: none;
25716 .alert.cta .cta-icon .icon {
25717 padding: 0.3rem;
25719 .alert.cta .cta-icon .icon.fa {
25720 border-radius: 50%;
25721 border-style: solid;
25722 border-width: 0.125rem;
25725 .core_payment_gateways_modal .custom-control-label::before,
25726 .core_payment_gateways_modal .custom-control-label::after {
25727 top: 45%;
25730 .visual-scroll-x {
25731 scrollbar-width: thin;
25732 scrollbar-color: #0f6cbf #a2cff8;
25733 -ms-overflow-style: -ms-autohiding-scrollbar;
25735 .visual-scroll-x::-webkit-scrollbar {
25736 height: 8px;
25737 -webkit-appearance: none;
25738 appearance: none;
25740 .visual-scroll-x::-webkit-scrollbar-thumb {
25741 background-color: #0f6cbf;
25742 border-right: 1px solid #fff;
25744 .visual-scroll-x::-webkit-scrollbar-track {
25745 background-color: #a2cff8;
25746 border-right: 1px solid #fff;
25749 body.dragging .drop-zone {
25750 border: 1px dashed #1d2125;
25752 body.dragging .drop-up {
25753 border-top: 1px solid #1d2125;
25754 border-top-left-radius: 0;
25755 border-top-right-radius: 0;
25757 body.dragging .drop-down {
25758 border-bottom: 1px solid #1d2125;
25759 border-bottom-left-radius: 0;
25760 border-bottom-right-radius: 0;
25762 body.dragging .dragging {
25763 opacity: 0.6;
25766 .dragicon {
25767 visibility: hidden;
25770 .draggable:hover .dragicon {
25771 visibility: visible;
25772 cursor: move;
25775 .overlay-preview {
25776 background-color: rgba(255, 255, 255, 0.8);
25777 border: 2px dashed #0f6cbf;
25778 position: absolute;
25779 top: 0;
25780 left: 0;
25781 width: 100%;
25782 height: 100%;
25784 .overlay-preview .overlay-preview-wrapper {
25785 position: absolute;
25786 top: 0;
25787 padding: 2rem;
25788 width: 100%;
25790 .overlay-preview .overlay-preview-content {
25791 position: relative;
25792 top: 0;
25793 padding: 1rem;
25794 margin: 0 auto;
25795 width: 100%;
25796 max-width: 600px;
25797 background-color: #0f6cbf;
25798 color: #fff;
25799 text-align: center;
25800 font-size: 1.171875rem;
25801 border-radius: 0.25rem;
25804 .overlay-preview-borders {
25805 outline: 2px dashed #0f6cbf;
25808 .waitstate {
25809 display: none;
25812 .stateready .waitstate {
25813 display: inherit;
25815 .stateready .whilenostate {
25816 display: none;
25819 .collapse-list .collapse-list-item {
25820 padding: 0.5rem 1rem;
25822 .collapse-list .collapse-list-item:hover, .collapse-list .collapse-list-item:focus {
25823 background-color: #e0f0f2;
25824 border-color: #b8dce2;
25826 .collapse-list .collapse-list-item-content .collapse-list-item {
25827 padding-left: calc(1rem * 3);
25830 .drawers .block_myoverview {
25831 border: 0;
25833 .drawers .block_myoverview > .card-body {
25834 padding-top: 0 !important; /* stylelint-disable-line declaration-no-important */
25835 padding-left: 0 !important; /* stylelint-disable-line declaration-no-important */
25836 padding-right: 0 !important; /* stylelint-disable-line declaration-no-important */
25839 .dropdown-toggle::after {
25840 content: "\f078";
25841 margin-right: 0;
25842 margin-left: 4px;
25843 font-size: 9px;
25844 width: 9px;
25845 border: 0;
25848 .dropleft .dropdown-toggle::before {
25849 border: 0;
25850 content: "\f053";
25851 font-size: 9px;
25852 margin-left: 0;
25853 margin-right: 4px;
25854 width: 9px;
25857 .dir-rtl .dropleft .dropdown-toggle::before {
25858 content: "\f054";
25861 .dropright .dropdown-toggle::after {
25862 border: 0;
25863 content: "\f054";
25866 .dir-rtl .dropright .dropdown-toggle::after {
25867 content: "\f053";
25870 .dropup .dropdown-toggle::after {
25871 border: 0;
25872 content: "\f077";
25875 .select-menu li:first-child ul[role=group] {
25876 padding: 0;
25878 .select-menu ul[role=group] {
25879 padding: 0.3rem 0 0 0;
25880 margin: 0;
25882 .select-menu ul[role=group] li:first-child {
25883 cursor: default;
25884 color: #6a737b;
25885 padding: 0.25rem 1.5rem;
25886 display: block;
25888 .select-menu ul[role=group] .dropdown-item {
25889 padding-left: 2.5rem;
25891 .select-menu .dropdown-item[aria-selected=true] {
25892 font-weight: bold;
25895 [role=listbox] [role=option] {
25896 cursor: pointer;
25898 [role=listbox] [role=option][aria-selected=true] {
25899 font-weight: bold;
25902 .initialbargroups ul {
25903 -webkit-margin-start: 0; /* stylelint-disable-line */
25904 margin-right: -1px;
25907 .initialbargroups .page-item:first-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:first-child .page-item:first-child .page-link {
25914 border-top-left-radius: 0.3rem;
25915 border-bottom-left-radius: 0.3rem;
25917 .initialbargroups .pagination-sm:first-child .page-item:first-child .page-link {
25918 border-top-left-radius: 0.2rem;
25919 border-bottom-left-radius: 0.2rem;
25921 .initialbargroups .page-item:last-child .page-link {
25922 border-top-left-radius: 0;
25923 border-bottom-left-radius: 0;
25924 border-top-right-radius: 0;
25925 border-bottom-right-radius: 0;
25927 .initialbargroups .pagination-lg:last-child .page-item:last-child .page-link {
25928 border-top-right-radius: 0.3rem;
25929 border-bottom-right-radius: 0.3rem;
25931 .initialbargroups .pagination-sm:last-child .page-item:last-child .page-link {
25932 border-top-right-radius: 0.2rem;
25933 border-bottom-right-radius: 0.2rem;
25936 blockquote {
25937 margin: 0 0.5rem 1rem;
25938 padding-left: 1rem;
25939 color: #495057;
25940 border-left: 5px solid #ced4da;
25943 /* Prevent long strings exceeding page width */
25944 .page-header-headings:not(.text-truncate),
25945 .coursename:not(.text-truncate),
25946 .categoryname:not(.text-truncate),
25947 .breadcrumb-item:not(.text-truncate) {
25948 word-break: normal;
25949 overflow-wrap: anywhere;
25950 white-space: normal;
25953 /* Showmore component */
25954 .showmore-container.collapsed .collapsed-content {
25955 display: block;
25957 .showmore-container.collapsed .expanded-content {
25958 display: none;
25960 .showmore-container:not(.collapsed) .collapsed-content {
25961 display: none;
25963 .showmore-container:not(.collapsed) .expanded-content {
25964 display: block;
25966 .showmore-container button {
25967 float: right;
25969 .showmore-container button.btn-link {
25970 text-decoration: none;
25972 .showmore-container button .icon {
25973 font-size: 0.8203125rem;
25974 margin: 0;
25977 /* Combobox search dropdowns */
25978 .usersearchdropdown,
25979 .gradesearchdropdown,
25980 .groupsearchdropdown {
25981 max-width: 350px;
25983 .usersearchdropdown .searchresultitemscontainer,
25984 .gradesearchdropdown .searchresultitemscontainer,
25985 .groupsearchdropdown .searchresultitemscontainer {
25986 max-height: 170px;
25987 overflow: auto;
25988 /* stylelint-disable declaration-no-important */
25990 .usersearchdropdown .searchresultitemscontainer img,
25991 .gradesearchdropdown .searchresultitemscontainer img,
25992 .groupsearchdropdown .searchresultitemscontainer img {
25993 height: 48px !important;
25994 width: 48px !important;
25997 /* Bulk actions in sticky footer. */
25998 #sticky-footer [data-type=bulkactions] {
25999 display: flex;
26000 flex: 0 0 100%;
26001 align-items: center;
26004 /* Choice list component. */
26005 .choicelist {
26006 min-width: calc(300px - 25px);
26008 .choicelist i.icon {
26009 vertical-align: middle;
26012 .action-menu .dropdown-toggle {
26013 text-decoration: none;
26014 display: inline-block;
26017 .action-menu {
26018 white-space: nowrap;
26019 display: inline;
26021 .action-menu .dropdown-toggle.no-caret::after {
26022 display: none;
26024 .action-menu .dropdown-toggle.no-caret::before {
26025 display: none;
26027 .action-menu .dropdown.downleft .dropdown-subpanel-content {
26028 right: 0;
26029 left: auto;
26031 .action-menu .dropdown-subpanel.content-displayed {
26032 background-color: #e9ecef;
26034 .action-menu .dropdown-subpanel-content {
26035 max-width: 300px;
26036 box-shadow: 0 0 1rem rgba(0, 0, 0, 0.15);
26038 .action-menu .dropdown-subpanel-content.show {
26039 animation: 0.15s animate-pop;
26041 @media (prefers-reduced-motion: reduce) {
26042 .action-menu .dropdown-subpanel-content.show {
26043 animation: none;
26046 body.behat-site .action-menu .dropdown-subpanel-content.show {
26047 animation: none;
26049 .action-menu .dropdown-subpanel .dropdown-item::after {
26050 border: 0;
26051 content: "\f054";
26053 .action-menu .dropdown-subpanel .dropdown-item::before {
26054 display: none;
26057 @keyframes animate-pop {
26058 0% {
26059 transform: scale(0.9, 0.9);
26061 100% {
26062 transform: scale(1, 1);
26065 .dir-rtl .action-menu .dropdown-subpanel .dropdown-item::after {
26066 border: 0;
26067 content: "\f053";
26069 .dir-rtl .action-menu .dropdown-subpanel .dropdown-item::before {
26070 display: none;
26073 .dropdown-item a {
26074 display: block;
26075 width: 100%;
26076 color: #1d2125;
26078 .dropdown-item.active, .dropdown-item:active, .dropdown-item:hover, .dropdown-item:focus, .dropdown-item:focus-within {
26079 outline: 0;
26080 background-color: #0f6cbf;
26081 color: #fff;
26083 .dropdown-item.active a, .dropdown-item:active a, .dropdown-item:hover a, .dropdown-item:focus a, .dropdown-item:focus-within a {
26084 color: #fff;
26086 .dropdown-item[aria-current=true], .dropdown-item[aria-selected=true] {
26087 position: relative;
26088 display: flex;
26089 align-items: center;
26091 .dropdown-item[aria-current=true]:before, .dropdown-item[aria-selected=true]:before {
26092 content: "\f00c";
26093 position: absolute;
26094 left: 0.4rem;
26095 font-size: 0.7rem;
26098 .dropdown-item-outline:focus, .dropdown-item-outline:focus-within {
26099 outline: solid #0f6cbf;
26101 .dropdown-item-outline a:focus,
26102 .dropdown-item-outline a:focus-visible {
26103 outline: 0;
26106 .icon {
26107 font-size: 16px;
26108 width: 16px;
26109 height: 16px;
26110 margin: 0;
26111 padding: 0;
26112 box-sizing: content-box;
26113 margin-right: 0.5rem;
26115 .icon.spacer {
26116 margin-right: 0;
26118 .icon.iconsize-medium {
26119 font-size: 24px;
26120 width: 24px;
26121 height: 24px;
26123 .icon.iconsize-big {
26124 width: 64px;
26125 height: 64px;
26126 font-size: 64px;
26129 .navbar-dark a .icon {
26130 color: rgba(255, 255, 255, 0.5) !important; /* stylelint-disable-line declaration-no-important */
26133 .action-menu-item a:first-of-type > .icon {
26134 margin-left: 0.5rem;
26137 .ygtvcell .icon {
26138 margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
26141 .block_navigation .tree_item .icon,
26142 .block_settings .tree_item .icon {
26143 margin-left: 0;
26146 [data-action=toggle-drawer] .icon {
26147 margin: 0;
26150 .icon-no-spacing a > .icon {
26151 margin: 0;
26154 .icon-no-margin .icon {
26155 margin-left: 0;
26156 margin-right: 0;
26157 margin-top: 0;
26158 margin-bottom: 0;
26161 .icon-large > .icon {
26162 width: 32px;
26163 height: 32px;
26166 .icon-size-0 .icon {
26167 height: 0 !important; /* stylelint-disable-line declaration-no-important */
26168 width: 0 !important; /* stylelint-disable-line declaration-no-important */
26169 font-size: 0 !important; /* stylelint-disable-line declaration-no-important */
26172 .icon-size-1 .icon {
26173 height: 4px !important; /* stylelint-disable-line declaration-no-important */
26174 width: 4px !important; /* stylelint-disable-line declaration-no-important */
26175 font-size: 4px !important; /* stylelint-disable-line declaration-no-important */
26178 .icon-size-2 .icon {
26179 height: 8px !important; /* stylelint-disable-line declaration-no-important */
26180 width: 8px !important; /* stylelint-disable-line declaration-no-important */
26181 font-size: 8px !important; /* stylelint-disable-line declaration-no-important */
26184 .icon-size-3 .icon {
26185 height: 16px !important; /* stylelint-disable-line declaration-no-important */
26186 width: 16px !important; /* stylelint-disable-line declaration-no-important */
26187 font-size: 16px !important; /* stylelint-disable-line declaration-no-important */
26190 .icon-size-4 .icon {
26191 height: 24px !important; /* stylelint-disable-line declaration-no-important */
26192 width: 24px !important; /* stylelint-disable-line declaration-no-important */
26193 font-size: 24px !important; /* stylelint-disable-line declaration-no-important */
26196 .icon-size-5 .icon {
26197 height: 32px !important; /* stylelint-disable-line declaration-no-important */
26198 width: 32px !important; /* stylelint-disable-line declaration-no-important */
26199 font-size: 32px !important; /* stylelint-disable-line declaration-no-important */
26202 .icon-size-6 .icon {
26203 height: 40px !important; /* stylelint-disable-line declaration-no-important */
26204 width: 40px !important; /* stylelint-disable-line declaration-no-important */
26205 font-size: 40px !important; /* stylelint-disable-line declaration-no-important */
26208 .icon-size-7 .icon {
26209 height: 48px !important; /* stylelint-disable-line declaration-no-important */
26210 width: 48px !important; /* stylelint-disable-line declaration-no-important */
26211 font-size: 48px !important; /* stylelint-disable-line declaration-no-important */
26214 .helplink .icon {
26215 margin-left: 0.5rem;
26218 .icons-collapse-expand {
26219 display: flex;
26220 align-items: center;
26222 .icons-collapse-expand .expanded-icon {
26223 display: flex;
26224 align-items: center;
26226 .icons-collapse-expand .collapsed-icon {
26227 display: none;
26229 .icons-collapse-expand.collapsed .expanded-icon {
26230 display: none;
26232 .icons-collapse-expand.collapsed .collapsed-icon {
26233 display: flex;
26234 align-items: center;
26237 .activityiconcontainer {
26238 width: 52px;
26239 height: 52px;
26240 display: inline-flex;
26241 justify-content: center;
26242 align-items: center;
26243 background-color: #f8f9fa;
26244 border-radius: 4px;
26245 padding: 0.7rem;
26247 .activityiconcontainer .activityicon,
26248 .activityiconcontainer .icon {
26249 margin: 0;
26250 font-size: 24px;
26251 height: 24px;
26252 width: 24px;
26254 .activityiconcontainer.small {
26255 width: 42px;
26256 height: 42px;
26258 .activityiconcontainer.smaller {
26259 width: 32px;
26260 height: 32px;
26262 .activityiconcontainer.smaller .activityicon {
26263 width: 24px;
26264 height: 24px;
26267 .activityiconcontainer.administration {
26268 background-color: #5d63f6;
26270 .activityiconcontainer.administration .activityicon:not(.nofilter),
26271 .activityiconcontainer.administration .icon:not(.nofilter) {
26272 filter: brightness(0) invert(1);
26275 .activityiconcontainer.assessment {
26276 background-color: #eb66a2;
26278 .activityiconcontainer.assessment .activityicon:not(.nofilter),
26279 .activityiconcontainer.assessment .icon:not(.nofilter) {
26280 filter: brightness(0) invert(1);
26283 .activityiconcontainer.collaboration {
26284 background-color: #f7634d;
26286 .activityiconcontainer.collaboration .activityicon:not(.nofilter),
26287 .activityiconcontainer.collaboration .icon:not(.nofilter) {
26288 filter: brightness(0) invert(1);
26291 .activityiconcontainer.communication {
26292 background-color: #11a676;
26294 .activityiconcontainer.communication .activityicon:not(.nofilter),
26295 .activityiconcontainer.communication .icon:not(.nofilter) {
26296 filter: brightness(0) invert(1);
26299 .activityiconcontainer.content {
26300 background-color: #399be2;
26302 .activityiconcontainer.content .activityicon:not(.nofilter),
26303 .activityiconcontainer.content .icon:not(.nofilter) {
26304 filter: brightness(0) invert(1);
26307 .activityiconcontainer.interface {
26308 background-color: #a378ff;
26310 .activityiconcontainer.interface .activityicon:not(.nofilter),
26311 .activityiconcontainer.interface .icon:not(.nofilter) {
26312 filter: brightness(0) invert(1);
26315 .icon-box {
26316 width: 48px;
26317 height: 48px;
26318 display: inline-flex;
26319 justify-content: center;
26320 align-items: center;
26321 background-color: #f8f9fa;
26322 border-radius: 12px;
26323 padding: 0.7rem;
26325 .icon-box .icon {
26326 margin: 0;
26327 height: 24px;
26328 width: 24px;
26331 :root {
26332 --activityadministration: #5d63f6;
26333 --activityassessment: #eb66a2;
26334 --activitycollaboration: #f7634d;
26335 --activitycommunication: #11a676;
26336 --activitycontent: #399be2;
26337 --activityinterface: #a378ff;
26340 /* admin.less */
26341 .formtable tbody th {
26342 font-weight: normal;
26343 text-align: right;
26346 .path-admin #assignrole {
26347 width: 60%;
26348 margin-left: auto;
26349 margin-right: auto;
26352 .path-admin .admintable .leftalign {
26353 text-align: left;
26356 .path-admin .admintable.environmenttable .name,
26357 .path-admin .admintable.environmenttable .info,
26358 .path-admin #assignrole .admintable .role,
26359 .path-admin #assignrole .admintable .userrole,
26360 .path-admin #assignrole .admintable .roleholder {
26361 white-space: nowrap;
26364 .path-admin .incompatibleblockstable td.c0 {
26365 font-weight: bold;
26368 #page-admin-course-category .addcategory {
26369 padding: 10px;
26372 #page-admin-course-index .editcourse {
26373 margin: 20px auto;
26376 #page-admin-course-index .editcourse th,
26377 #page-admin-course-index .editcourse td {
26378 padding-left: 10px;
26379 padding-right: 10px;
26382 .timewarninghidden {
26383 display: none;
26386 #page-admin-qtypes #qtypes div,
26387 #page-admin-qtypes #qtypes form,
26388 #page-admin-qbehaviours #qbehaviours div,
26389 #page-admin-qbehaviours #qbehaviours form {
26390 display: inline;
26393 #page-admin-qtypes #qtypes img.spacer,
26394 #page-admin-qbehaviours #qbehaviours img.spacer {
26395 width: 16px;
26398 #page-admin-qbehaviours .cell.c3,
26399 #page-admin-qtypes .cell.c3 {
26400 font-size: 0.8203125rem;
26403 #page-admin-lang .generalbox,
26404 #page-admin-course-index .singlebutton,
26405 #page-admin-course-index .addcategory,
26406 #page-course-index .buttons,
26407 #page-course-index-category .buttons,
26408 #page-admin-course-category .addcategory,
26409 #page-admin-stickyblocks .generalbox,
26410 #page-admin-maintenance .buttons,
26411 #page-admin-course-index .buttons,
26412 #page-admin-course-category .buttons,
26413 #page-admin-index .copyright,
26414 #page-admin-index .copyrightnotice,
26415 #page-admin-index .adminerror .singlebutton,
26416 #page-admin-index .adminwarning .singlebutton,
26417 #page-admin-index #layout-table .singlebutton {
26418 text-align: center;
26419 margin-bottom: 1em;
26422 .path-admin-roles .capabilitysearchui {
26423 text-align: left;
26424 margin-left: auto;
26425 margin-right: auto;
26426 margin-top: 1rem;
26429 #page-admin-roles-define .topfields {
26430 margin: 1em 0 2em;
26433 #page-admin-roles-override .capcurrent,
26434 #page-admin-roles-define .capdefault {
26435 background-color: rgba(0, 0, 0, 0.075);
26438 #page-filter-manage .backlink,
26439 .path-admin-roles .backlink {
26440 margin-top: 1em;
26443 #page-admin-roles-explain #chooseuser h3,
26444 #page-admin-roles-usersroles .contextname {
26445 margin-top: 0;
26448 #page-admin-roles-explain #chooseusersubmit {
26449 margin-top: 0;
26450 text-align: center;
26453 #page-admin-roles-usersroles p {
26454 margin: 0;
26457 #page-admin-roles-override .cell.c1,
26458 #page-admin-roles-assign .cell.c3,
26459 #page-admin-roles-assign .cell.c1 {
26460 padding-top: 0.75em;
26463 #page-admin-roles-override .overridenotice,
26464 #page-admin-roles-define .definenotice {
26465 margin: 1em 10% 2em 10%;
26466 text-align: left;
26469 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo span {
26470 display: block;
26473 #page-admin-index .updateplugin div {
26474 margin-bottom: 0.5em;
26477 #page-admin-user-user_bulk #users .fgroup {
26478 white-space: nowrap;
26481 #page-admin-report-stats-index .graph {
26482 text-align: center;
26483 margin-bottom: 1em;
26486 #page-admin-report-courseoverview-index .graph {
26487 text-align: center;
26488 margin-bottom: 1em;
26491 #page-admin-lang .translator {
26492 border-width: 1px;
26493 border-style: solid;
26496 .path-admin .roleassigntable {
26497 width: 100%;
26500 .path-admin .roleassigntable td {
26501 vertical-align: top;
26502 padding: 0.2em 0.3em;
26505 .path-admin .roleassigntable p {
26506 text-align: left;
26507 margin: 0.2em 0;
26510 .path-admin .roleassigntable #existingcell,
26511 .path-admin .roleassigntable #potentialcell {
26512 width: 42%;
26515 .path-admin .roleassigntable #existingcell p > label:first-child,
26516 .path-admin .roleassigntable #potentialcell p > label:first-child {
26517 font-weight: bold;
26520 .path-admin .roleassigntable #buttonscell {
26521 width: 16%;
26524 .path-admin .roleassigntable #buttonscell #assignoptions {
26525 font-size: 0.8203125rem;
26528 .path-admin .roleassigntable #removeselect_wrapper,
26529 .path-admin .roleassigntable #addselect_wrapper {
26530 width: 100%;
26533 .path-admin table.rolecap tr.rolecap th {
26534 text-align: left;
26535 font-weight: normal;
26538 .path-admin .rolecap .hiddenrow {
26539 display: none;
26542 .path-admin #defineroletable .rolecap .inherit,
26543 .path-admin #defineroletable .rolecap .allow,
26544 .path-admin #defineroletable .rolecap .prevent,
26545 .path-admin #defineroletable .rolecap .prohibit {
26546 text-align: center;
26547 padding: 0;
26548 min-width: 3.5em;
26551 .path-admin .rolecap .cap-name,
26552 .path-admin .rolecap .note {
26553 display: block;
26554 font-size: 0.8203125rem;
26555 white-space: nowrap;
26556 font-weight: normal;
26559 .path-admin .rolecap label {
26560 display: block;
26561 text-align: center;
26562 padding: 0.5em;
26563 margin: 0;
26566 .path-admin .header-maxwidth,
26567 .path-admin .secondary-navigation .navigation .nav-tabs,
26568 .format-site .header-maxwidth,
26569 .format-site .secondary-navigation .navigation .nav-tabs {
26570 max-width: none;
26573 .path-admin.path-admin-roles:not(.format-site) .header-maxwidth,
26574 .path-admin.path-admin-roles:not(.format-site) .secondary-navigation .navigation .nav-tabs,
26575 .path-admin.path-admin-tool-lp .header-maxwidth,
26576 .path-admin.path-admin-tool-lp .secondary-navigation .navigation .nav-tabs {
26577 max-width: 830px;
26580 .plugincheckwrapper {
26581 width: 100%;
26584 .environmentbox {
26585 margin-top: 1em;
26588 #mnetconfig table {
26589 margin-left: auto;
26590 margin-right: auto;
26593 .environmenttable .cell {
26594 padding: 0.15em 0.5em;
26597 #trustedhosts .generaltable {
26598 margin-left: auto;
26599 margin-right: auto;
26600 width: 500px;
26603 #trustedhosts .standard {
26604 width: auto;
26607 #adminsettings legend {
26608 display: none;
26611 #adminsettings fieldset.error {
26612 margin: 0.2em 0 0.5em 0;
26615 #adminsettings fieldset.error legend {
26616 display: block;
26619 #admin-spelllanguagelist textarea {
26620 /* rtl:ignore */
26621 text-align: left;
26622 /* rtl:ignore */
26623 direction: ltr;
26626 /* Styles for flags on admin settings */
26627 .adminsettingsflags {
26628 float: right;
26631 .adminsettingsflags label {
26632 margin-right: 7px;
26635 .form-description pre,
26636 .formsettingheading pre {
26637 /*rtl:ignore*/
26638 direction: ltr;
26641 .form-item .form-setting .form-htmlarea {
26642 display: inline;
26645 .form-item .form-setting .form-htmlarea .htmlarea {
26646 width: 640px;
26647 display: block;
26650 .form-item .form-setting .form-multicheckbox ul {
26651 list-style: none;
26652 padding: 0;
26653 margin: 7px 0 0 0;
26656 .form-item .form-setting .defaultsnext {
26657 display: inline;
26660 .form-item .form-setting .locked-checkbox {
26661 margin-right: 0.2em;
26662 margin-left: 0.5em;
26663 display: inline;
26666 .form-item .form-setting .form-password .unmask,
26667 .form-item .form-setting .form-defaultinfo {
26668 display: inline-block;
26671 .form-item .form-setting .form-defaultinfo {
26672 max-width: 100%;
26673 word-wrap: break-word;
26676 #admin-emoticons td input {
26677 width: 8em;
26680 #admin-emoticons td.c0 input {
26681 width: 4em;
26684 .admin_colourpicker,
26685 .admin_colourpicker_preview {
26686 display: none;
26689 .jsenabled .admin_colourpicker_preview {
26690 display: inline;
26693 @media (min-width: 768px) {
26694 .jsenabled .admin_colourpicker {
26695 display: block;
26696 height: 102px;
26697 width: 410px;
26698 margin-bottom: 10px;
26699 box-sizing: content-box;
26701 .admin_colourpicker .colourdialogue {
26702 float: left;
26703 border: 1px solid #8f959e;
26705 .admin_colourpicker .previewcolour {
26706 border: 1px solid #8f959e;
26707 margin-left: 301px;
26709 .admin_colourpicker .currentcolour {
26710 border: 1px solid #8f959e;
26711 margin-left: 301px;
26712 border-top-width: 0;
26715 @media (max-width: 767.98px) {
26716 .jsenabled .admin_colourpicker {
26717 height: 150px;
26718 margin-bottom: 10px;
26719 display: block;
26720 position: relative;
26722 .admin_colourpicker .previewcolour {
26723 display: none;
26725 .admin_colourpicker .currentcolour {
26726 position: absolute;
26727 border: 1px solid #dee2e6;
26728 top: 100px;
26729 left: 0;
26732 .admin_colourpicker .loadingicon {
26733 vertical-align: middle;
26734 margin-left: auto;
26737 #page-admin-index #notice .checkforupdates {
26738 text-align: center;
26741 #page-admin-plugins #plugins-overview-panel .info {
26742 display: inline-block;
26743 margin-right: 1em;
26745 #page-admin-plugins .checkforupdates {
26746 margin: 10px 0;
26748 #page-admin-plugins .checkforupdates .singlebutton {
26749 margin: 5px 0;
26750 padding: 0;
26752 #page-admin-plugins .checkforupdates .singlebutton div,
26753 #page-admin-plugins .checkforupdates .singlebutton input {
26754 margin: 0 3px 0 0;
26756 #page-admin-plugins .updateavailableinstallall {
26757 margin: 5px 0;
26758 padding: 0;
26760 #page-admin-plugins .updateavailableinstallall div,
26761 #page-admin-plugins .updateavailableinstallall input {
26762 margin: 0 3px 5px 0;
26764 #page-admin-plugins #plugins-control-panel .status-missing td {
26765 background-color: #fcefdc;
26767 #page-admin-plugins #plugins-control-panel .pluginname .componentname {
26768 font-size: 0.8203125rem;
26769 color: #6a737b;
26770 margin-left: 22px;
26772 #page-admin-plugins #plugins-control-panel .version .versionnumber {
26773 font-size: 0.8203125rem;
26774 color: #6a737b;
26776 #page-admin-plugins #plugins-control-panel .uninstall a {
26777 color: #ca3120;
26779 #page-admin-plugins #plugins-control-panel .notes .label {
26780 margin-right: 3px;
26782 #page-admin-plugins #plugins-control-panel .notes .requiredby {
26783 font-size: 0.8203125rem;
26784 color: #6a737b;
26787 #plugins-check-page #plugins-check .status-missing td,
26788 #plugins-check-page #plugins-check .status-downgrade td {
26789 background-color: #f4d6d2;
26792 #plugins-check-page .pluginupdateinfo,
26793 #plugins-control-panel .pluginupdateinfo {
26794 background-color: #cce6ea;
26795 padding: 5px;
26796 margin: 10px 0;
26797 border-radius: 5px;
26799 #plugins-check-page .pluginupdateinfo.maturity50,
26800 #plugins-control-panel .pluginupdateinfo.maturity50 {
26801 background-color: #f4d6d2;
26803 #plugins-check-page .pluginupdateinfo.maturity100, #plugins-check-page .pluginupdateinfo.maturity150,
26804 #plugins-control-panel .pluginupdateinfo.maturity100,
26805 #plugins-control-panel .pluginupdateinfo.maturity150 {
26806 background-color: #fcefdc;
26808 #plugins-check-page .pluginupdateinfo .info,
26809 #plugins-control-panel .pluginupdateinfo .info {
26810 display: inline-block;
26812 #plugins-check-page .pluginupdateinfo .separator:after,
26813 #plugins-control-panel .pluginupdateinfo .separator:after {
26814 content: " | ";
26816 #plugins-check-page .pluginupdateinfo .singlebutton,
26817 #plugins-control-panel .pluginupdateinfo .singlebutton {
26818 margin: 5px 0;
26819 padding: 0;
26821 #plugins-check-page .pluginupdateinfo .singlebutton div,
26822 #plugins-check-page .pluginupdateinfo .singlebutton input,
26823 #plugins-control-panel .pluginupdateinfo .singlebutton div,
26824 #plugins-control-panel .pluginupdateinfo .singlebutton input {
26825 margin: 0 3px 0 0;
26828 .plugins-management-confirm-buttons > div {
26829 display: inline-block;
26830 margin: 1em 1em 1em 0;
26832 .plugins-management-confirm-buttons .continue {
26833 padding: 0;
26835 .plugins-management-confirm-buttons .continue div,
26836 .plugins-management-confirm-buttons .continue input {
26837 margin: 0;
26840 #page-admin-index .upgradepluginsinfo {
26841 text-align: center;
26844 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo .separator:after {
26845 content: " | ";
26848 /** MNet networking */
26849 #page-admin-mnet-peers .box.deletedhosts {
26850 margin-bottom: 1em;
26851 font-size: 0.8203125rem;
26854 #core-cache-plugin-summaries table,
26855 #core-cache-store-summaries table {
26856 width: 100%;
26859 #core-cache-lock-summary table,
26860 #core-cache-definition-summaries table,
26861 #core-cache-mode-mappings table {
26862 margin: 0 auto;
26865 #core-cache-store-summaries .default-store td {
26866 font-style: italic;
26869 #core-cache-rescan-definitions,
26870 #core-cache-mode-mappings .edit-link,
26871 #core-cache-lock-additional-actions .new-instance {
26872 margin-top: 0.5em;
26873 text-align: center;
26876 .maintenancewarning {
26877 position: fixed;
26878 bottom: 0;
26879 right: 0;
26880 overflow: hidden;
26881 z-index: 1000;
26884 .modal.modal-in-page {
26885 z-index: 0;
26888 #page-admin-search .adminpagetitle {
26889 margin-bottom: 0;
26890 border-bottom: none;
26892 #page-admin-search .adminpagepath {
26893 display: flex;
26894 flex-wrap: wrap;
26895 list-style: none;
26896 padding: 0;
26897 margin: 0 0 1.5rem 0;
26899 #page-admin-search .adminpagepath li + li:before {
26900 padding-right: 0.5rem;
26901 padding-left: 0.5rem;
26902 content: "/";
26904 @media (min-width: 576px) {
26905 #page-admin-search .container {
26906 overflow-wrap: break-word;
26910 #page-admin-tasklogs .task-class {
26911 font-size: 0.8203125rem;
26912 color: #6a737b;
26915 .path-admin-tool-uploaduser .uuwarning {
26916 background-color: #fcefdc;
26918 .path-admin-tool-uploaduser .uuerror {
26919 background-color: #f4d6d2;
26921 .path-admin-tool-uploaduser .uuinfo {
26922 background-color: #d7e4d6;
26925 .blockmovetarget .accesshide {
26926 position: relative;
26927 left: initial;
26930 .block:target {
26931 padding-top: 0 !important; /* stylelint-disable declaration-no-important */
26932 margin-top: 0 !important;
26935 .block_search_forums .searchform {
26936 /* Override plugin's default. */
26937 text-align: left;
26940 .block.block_navigation .block_tree ul,
26941 .block_settings .block_tree ul {
26942 margin-left: 0;
26945 .block .block-controls .dropdown-toggle {
26946 /* So that the caret takes the colour of the icon. */
26947 color: #1d2125;
26950 [data-region=blocks-column] {
26951 width: 360px;
26952 float: right;
26955 /* We put an absolutely positioned div in a relatively positioned div so it takes up no space */
26956 @media (min-width: 576px) {
26957 #region-main-settings-menu {
26958 position: relative;
26959 float: left;
26960 width: 100%;
26962 #region-main-settings-menu > div {
26963 position: absolute;
26964 right: 0;
26965 z-index: 100;
26966 margin: 1rem;
26968 .region_main_settings_menu_proxy {
26969 width: 4rem;
26970 height: 2rem;
26971 background-color: #fff;
26972 margin-left: 0.625rem;
26973 margin-bottom: 0.625rem;
26974 border-bottom-left-radius: 0.5rem;
26975 float: right;
26978 @media (max-width: 767.98px) {
26979 #region-main-settings-menu .menubar {
26980 justify-content: flex-end;
26983 #region-main.has-blocks {
26984 display: inline-block;
26985 width: calc(100% - 375px);
26987 @media (max-width: 1199.98px) {
26988 #region-main.has-blocks {
26989 width: 100%;
26990 /* MDL-63102 - Remove extra space at bottom.
26991 If modifying make sure block-region is horizontally stacked when in full screen */
26992 display: block;
26996 .header-action #region-main-settings-menu {
26997 position: unset;
26998 float: none;
26999 width: auto;
27001 .header-action #region-main-settings-menu > div {
27002 position: unset;
27003 right: auto;
27004 margin: 0;
27007 @media (max-width: 1199.98px) {
27008 [data-region=blocks-column] {
27009 width: 100%;
27013 .block .empty-placeholder-image-lg {
27014 height: 5rem;
27017 .block .searchbar .icon {
27018 margin-right: 0;
27021 .block .block-cards .course-info-container {
27022 padding: 0.8rem;
27024 .block .block-cards .progress {
27025 height: 0.5rem;
27027 .block .block-cards .course-summaryitem {
27028 border: 1px solid #dee2e6;
27029 background-color: #fff;
27031 .block .block-cards .icon {
27032 margin-right: 0;
27034 .block .block-cards .card .coursemenubtn {
27035 margin-top: -0.5rem;
27037 .block .block-cards span.categoryname,
27038 .block .block-cards .btn-link {
27039 color: #1d2125;
27041 .block .block-cards .progress-text {
27042 color: #6a737b;
27044 .block .block-cards .multiline {
27045 white-space: normal;
27047 .block .block-cards .btn.btn-link.btn-icon {
27048 height: 36px;
27049 width: 36px;
27050 padding: 0;
27051 border-radius: 50%;
27053 .block .block-cards .btn.btn-link.btn-icon:hover, .block .block-cards .btn.btn-link.btn-icon:focus {
27054 background-color: #e9ecef;
27057 .dashboard-card-deck.one-row {
27058 flex-flow: nowrap;
27059 overflow-x: scroll;
27062 .summaryimage {
27063 height: 5rem;
27064 width: 5rem;
27065 background-position: center;
27066 background-size: cover;
27069 .dashboard-list-img {
27070 height: 5rem;
27071 width: 20rem;
27072 background-position: center;
27073 background-size: cover;
27075 @media (max-width: 1199.98px) {
27076 .dashboard-list-img {
27077 width: 100%;
27081 .dashboard-card-deck .dashboard-card {
27082 margin-bottom: 0.5rem;
27083 flex-basis: auto;
27084 width: 100%;
27085 flex-grow: 0;
27086 flex-shrink: 0;
27088 .dashboard-card-deck .dashboard-card .dashboard-card-img {
27089 height: 7rem;
27090 background-position: center;
27091 background-size: cover;
27092 border-bottom-left-radius: 0;
27093 border-bottom-right-radius: 0;
27095 .dashboard-card-deck .dashboard-card .dashboard-card-footer {
27096 padding: 0.8rem;
27098 @media (min-width: 576px) {
27099 .dashboard-card-deck.fixed-width-cards .dashboard-card {
27100 width: 300px;
27101 max-width: 100%;
27105 @media (min-width: 576px) {
27106 .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
27107 width: calc(50% - 0.5rem);
27110 @media (min-width: 840px) {
27111 .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
27112 width: calc(33.33% - 0.5rem);
27116 #block-region-side-pre .dashboard-card-deck:not(.fixed-width-cards) {
27117 margin-left: 0;
27118 margin-right: 0;
27120 #block-region-side-pre .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
27121 width: calc(100% - 0.5rem) !important;
27123 @media (max-width: 575.98px) {
27124 #block-region-side-pre .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
27125 width: 100% !important;
27129 .block_recentlyaccessedcourses .paging-bar-container {
27130 margin-top: -2.4rem;
27131 padding-right: 0.5rem;
27132 justify-content: flex-end;
27134 @media (max-width: 575.98px) {
27135 .block_recentlyaccessedcourses .paging-bar-container {
27136 margin-top: 0;
27140 #block-region-side-pre .block_recentlyaccessedcourses .paging-bar-container {
27141 margin-top: 0;
27144 .block_recentlyaccesseditems .activityiconcontainer {
27145 width: 40px;
27146 height: 40px;
27148 aside[id^=block-region-side-] .block_recentlyaccesseditems .dashboard-card-deck.one-row {
27149 flex-flow: wrap;
27150 overflow-x: hidden;
27152 aside[id^=block-region-side-] .block_recentlyaccesseditems .dashboard-card-deck .card:nth-of-type(n+4) {
27153 display: none;
27155 #block-region-content .block_recentlyaccesseditems [data-region=more-items-button-container] {
27156 display: none;
27158 .block_recentlyaccesseditems a.dashboard-card:hover, .block_recentlyaccesseditems a.dashboard-card:focus {
27159 text-decoration: none;
27161 .block_recentlyaccesseditems a.dashboard-card:hover h6, .block_recentlyaccesseditems a.dashboard-card:focus h6 {
27162 text-decoration: underline;
27164 .block_recentlyaccesseditems a.dashboard-card small {
27165 color: #1d2125;
27168 .block_myoverview .content {
27169 min-height: 19.35rem;
27171 .block_myoverview .paged-content-page-container {
27172 min-height: 13rem;
27175 .block_timeline .paged-content-page-container {
27176 background-color: #fff;
27179 .block_timeline .event-action {
27180 padding-left: 5.55em;
27183 .block_settings .block_tree [aria-expanded=true],
27184 .block_settings .block_tree [aria-expanded=true].emptybranch,
27185 .block_settings .block_tree [aria-expanded=false],
27186 .block_navigation .block_tree [aria-expanded=true],
27187 .block_navigation .block_tree [aria-expanded=true].emptybranch,
27188 .block_navigation .block_tree [aria-expanded=false] {
27189 background-image: none;
27192 .block_settings .block_tree [aria-expanded=true] > p:before,
27193 .block_navigation .block_tree [aria-expanded=true] > p:before {
27194 content: "\f107";
27195 margin-right: 0;
27196 font-size: 16px;
27197 width: 16px;
27200 .block_settings .block_tree [aria-expanded=false] > p:before,
27201 .block_navigation .block_tree [aria-expanded=false] > p:before {
27202 content: "\f105";
27203 margin-right: 0;
27204 font-size: 16px;
27205 width: 16px;
27208 .dir-rtl .block_settings .block_tree [aria-expanded=false] > p:before,
27209 .dir-rtl .block_navigation .block_tree [aria-expanded=false] > p:before {
27210 content: "\f104";
27213 .block_navigation .block_tree p.hasicon,
27214 .block_settings .block_tree p.hasicon {
27215 text-indent: -3px;
27217 .block_navigation .block_tree p.hasicon .icon,
27218 .block_settings .block_tree p.hasicon .icon {
27219 margin-right: 2px;
27222 .block.invisibleblock .card-title {
27223 color: #6a737b;
27226 .block_social_activities li a.movehere,
27227 .block_site_main_menu li a.movehere {
27228 display: block;
27229 width: 100%;
27230 height: 2rem;
27231 border: 2px dashed #343a40;
27232 margin: 4px 0;
27235 .pagelayout-embedded .has-fake-blocks {
27236 padding: 1rem;
27237 display: flex;
27239 .pagelayout-embedded .has-fake-blocks .embedded-main {
27240 order: 0;
27241 width: calc(100% - 360px);
27242 margin-right: 1rem;
27244 .pagelayout-embedded .embedded-blocks {
27245 order: 1;
27246 width: 360px;
27248 @media (max-width: 767.98px) {
27249 .pagelayout-embedded .has-fake-blocks {
27250 display: block;
27252 .pagelayout-embedded .has-fake-blocks .embedded-main {
27253 width: 100%;
27255 .pagelayout-embedded .embedded-blocks {
27256 width: 100%;
27260 /* calendar.less */
27261 .calendar_event_category {
27262 background-color: #e0cbe0;
27264 .calendar_event_category .commands a {
27265 color: #0d5ca1;
27268 .calendar_event_course {
27269 background-color: #ffd3bd;
27271 .calendar_event_course .commands a {
27272 color: #0d5ca1;
27275 .calendar_event_site {
27276 background-color: #d6f8cd;
27278 .calendar_event_site .commands a {
27279 color: #0d5ca1;
27282 .calendar_event_group {
27283 background-color: #fee7ae;
27285 .calendar_event_group .commands a {
27286 color: #0d5ca1;
27289 .calendar_event_user {
27290 background-color: #dce7ec;
27292 .calendar_event_user .commands a {
27293 color: #0d5ca1;
27296 .calendar_event_other {
27297 background-color: #ced4da;
27299 .calendar_event_other .commands a {
27300 color: #0d5ca1;
27303 .calendartable {
27304 width: 100%;
27305 table-layout: fixed;
27307 .calendartable th,
27308 .calendartable td {
27309 width: 14%;
27310 vertical-align: top;
27311 text-align: center;
27312 border: 0;
27315 .calendar-controls .previous,
27316 .calendar-controls .next,
27317 .calendar-controls .current {
27318 display: block;
27319 float: left;
27320 width: 12%;
27322 .calendar-controls .previous {
27323 text-align: left;
27324 border: 1px solid transparent;
27325 width: 25%;
27327 .calendar-controls .current {
27328 text-align: center;
27329 width: 50%;
27331 .calendar-controls .next {
27332 text-align: right;
27333 border: 1px solid transparent;
27334 width: 25%;
27336 .calendar-controls .drop-target {
27337 box-sizing: border-box;
27338 border: 1px dashed #0f6cbf;
27341 .filters table {
27342 border-collapse: separate;
27343 border-spacing: 2px;
27344 width: 100%;
27347 #region-main .maincalendar .calendarwrapper td > div {
27348 height: 11.5em;
27349 overflow: hidden;
27352 .maincalendar {
27353 vertical-align: top;
27354 padding: 0;
27356 .maincalendar .bottom {
27357 text-align: left;
27358 width: 98%;
27359 margin: 10px auto;
27361 .maincalendar .bottom span.footer-link:after {
27362 content: "•";
27363 color: #0f6cbf;
27365 .maincalendar .bottom span.footer-link:last-child:after {
27366 content: none;
27368 .maincalendar .heightcontainer {
27369 height: 100%;
27370 position: relative;
27372 .maincalendar .calendarmonth {
27373 width: 98%;
27374 margin: 10px auto;
27376 .maincalendar .calendarmonth ul {
27377 margin: 0;
27378 padding: 0;
27380 .maincalendar .calendarmonth ul li[data-event-folded=true] {
27381 display: none;
27383 .maincalendar .calendarmonth ul li {
27384 list-style-type: none;
27385 line-height: 1.2em;
27387 .maincalendar .calendarmonth ul li > a {
27388 overflow: hidden;
27389 text-overflow: ellipsis;
27390 white-space: nowrap;
27391 max-width: 100%;
27392 display: inline-block;
27394 .maincalendar .calendarmonth ul li > a:hover {
27395 text-decoration: none;
27397 .maincalendar .calendarmonth ul li > a:hover .eventname {
27398 text-decoration: underline;
27400 .maincalendar .calendarmonth ul li a[data-action=view-day-link] {
27401 overflow: hidden;
27402 text-overflow: ellipsis;
27403 white-space: nowrap;
27405 .maincalendar .calendarmonth ul li .icon {
27406 margin-left: 0.25em;
27407 margin-right: 0.25em;
27408 vertical-align: initial;
27410 .maincalendar .calendarmonth ul li .calendar-circle {
27411 width: 12px;
27412 height: 12px;
27413 border-radius: 6px;
27414 vertical-align: middle;
27415 display: inline-block;
27417 .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_category {
27418 background-color: #e0cbe0;
27419 border: 2px solid #9e619f;
27421 .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_course {
27422 background-color: #ffd3bd;
27423 border: 2px solid #d34600;
27425 .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_site {
27426 background-color: #d6f8cd;
27427 border: 2px solid #2b8713;
27429 .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_group {
27430 background-color: #fee7ae;
27431 border: 2px solid #9a6e02;
27433 .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_user {
27434 background-color: #dce7ec;
27435 border: 2px solid #4e7c91;
27437 .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_other {
27438 background-color: #ced4da;
27439 border: 2px solid #687889;
27441 .maincalendar .calendarmonth th {
27442 text-align: left;
27443 padding-left: 16px;
27445 .maincalendar .calendarmonth td a.day:focus {
27446 display: inline-block;
27447 border-radius: 50%;
27448 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
27450 .maincalendar .calendarmonth td .day-number-circle {
27451 display: inline-block;
27452 line-height: 0;
27453 width: 30px;
27454 height: 30px;
27456 .maincalendar .calendarmonth td .day-number-circle .day-number {
27457 display: inline-block;
27458 padding: 50% 4px;
27459 width: 100%;
27460 text-align: center;
27462 .maincalendar .calendarmonth td.today .day-number-circle {
27463 border-radius: 50%;
27464 color: #fff;
27465 background-color: #0f6cbf;
27467 .maincalendar .calendarmonth .clickable:hover {
27468 background-color: #ededed;
27470 .maincalendar .controls {
27471 width: 98%;
27472 margin: 10px auto;
27474 .maincalendar .calendar_event_category:hover a,
27475 .maincalendar .calendar_event_course:hover a,
27476 .maincalendar .calendar_event_site:hover a,
27477 .maincalendar .calendar_event_group:hover a,
27478 .maincalendar .calendar_event_user:hover a {
27479 color: #094478;
27480 text-decoration: underline;
27482 .maincalendar .calendar_event_category {
27483 border-color: #e0cbe0;
27485 .maincalendar .calendar_event_course {
27486 border-color: #ffd3bd;
27488 .maincalendar .calendar_event_site {
27489 border-color: #d6f8cd;
27491 .maincalendar .calendar_event_group {
27492 border-color: #fee7ae;
27494 .maincalendar .calendar_event_user {
27495 border-color: #dce7ec;
27497 .maincalendar .calendar_event_other {
27498 border-color: #ced4da;
27500 .maincalendar .calendartable td,
27501 .maincalendar .calendartable li {
27502 padding: 4px;
27504 .maincalendar .calendartable li {
27505 text-align: left;
27507 .maincalendar .header {
27508 overflow: hidden;
27510 .maincalendar .header .buttons {
27511 float: right;
27513 .maincalendar .event .card-header img {
27514 vertical-align: baseline;
27516 .maincalendar .event .location {
27517 word-break: break-all;
27518 overflow-wrap: break-word;
27520 .maincalendar table#subscription_details_table td {
27521 vertical-align: middle;
27523 .maincalendar table#subscription_details_table td > .btn-group button {
27524 padding-left: 0;
27527 #page-calendar-export .indent {
27528 padding-left: 20px;
27531 .block .bottom {
27532 width: 98%;
27533 margin: 10px auto;
27535 .block .bottom span.footer-link:after {
27536 content: "•";
27537 color: #0f6cbf;
27539 .block .bottom span.footer-link:last-child:after {
27540 content: none;
27542 .block .minicalendar {
27543 max-width: 280px;
27544 margin: 0 auto;
27545 width: 100%;
27547 .block .minicalendar th,
27548 .block .minicalendar td {
27549 padding: 2px;
27550 font-size: 0.8em;
27551 text-align: center;
27553 .block .minicalendar td.weekend {
27554 color: #6a737b;
27556 .block .minicalendar td a {
27557 width: 100%;
27558 height: 100%;
27559 display: block;
27560 color: #0d5ca1;
27562 .block .minicalendar td.duration_global {
27563 border-top: 1px solid #d6f8cd;
27564 border-bottom: 1px solid #d6f8cd;
27566 .block .minicalendar td.duration_global.duration_finish {
27567 background-color: #d6f8cd;
27569 .block .minicalendar td.duration_category {
27570 border-top: 1px solid #e0cbe0;
27571 border-bottom: 1px solid #e0cbe0;
27573 .block .minicalendar td.duration_category.duration_finish {
27574 background-color: #e0cbe0;
27576 .block .minicalendar td.duration_course {
27577 border-top: 1px solid #ffd3bd;
27578 border-bottom: 1px solid #ffd3bd;
27580 .block .minicalendar td.duration_course.duration_finish {
27581 background-color: #ffd3bd;
27583 .block .minicalendar td.duration_group {
27584 border-top: 1px solid #fee7ae;
27585 border-bottom: 1px solid #fee7ae;
27587 .block .minicalendar td.duration_group.duration_finish {
27588 background-color: #fee7ae;
27590 .block .minicalendar td.duration_user {
27591 border-top: 1px solid #dce7ec;
27592 border-bottom: 1px solid #dce7ec;
27594 .block .minicalendar td.duration_user.duration_finish {
27595 background-color: #dce7ec;
27597 .block .minicalendar td.duration_other {
27598 border-top: 1px solid #ced4da;
27599 border-bottom: 1px solid #ced4da;
27601 .block .minicalendar td.duration_other.duration_finish {
27602 background-color: #ced4da;
27604 .block .minicalendar caption {
27605 font-size: inherit;
27606 font-weight: inherit;
27607 line-height: inherit;
27608 text-align: center;
27610 .block .calendar_filters ul {
27611 list-style: none;
27612 margin: 0;
27613 padding: 0;
27615 .block .calendar_filters li {
27616 margin-bottom: 0.2em;
27618 .block .calendar_filters li span.calendar_event_category i {
27619 color: #0d5ca1;
27621 .block .calendar_filters li span.calendar_event_course i {
27622 color: #0d5ca1;
27624 .block .calendar_filters li span.calendar_event_site i {
27625 color: #0d5ca1;
27627 .block .calendar_filters li span.calendar_event_group i {
27628 color: #0d5ca1;
27630 .block .calendar_filters li span.calendar_event_user i {
27631 color: #0d5ca1;
27633 .block .calendar_filters li span.calendar_event_other i {
27634 color: #0d5ca1;
27636 .block .calendar_filters li span img {
27637 padding: 0 0.2em;
27638 margin: 0;
27640 .block .calendar_filters li .icon {
27641 vertical-align: initial;
27642 margin: 0 0.1rem 0 0.4rem;
27644 .block .calendar_filters li > a:hover {
27645 text-decoration: none;
27647 .block .calendar_filters li > a:hover .eventname {
27648 text-decoration: underline;
27650 .block .content h3.eventskey {
27651 margin-top: 0.5em;
27654 .path-course-view .block.block_calendar_month .maincalendar div.header {
27655 visibility: hidden;
27656 height: 0;
27658 .path-course-view .block.block_calendar_month .maincalendar .calendarwrapper .arrow_text {
27659 display: none;
27661 .path-course-view .block.block_calendar_month .footer .bottom .footer-link {
27662 display: block;
27664 .path-course-view .block.block_calendar_month .footer .bottom .footer-link:after {
27665 content: none;
27668 /* Display month name above the calendar */
27669 table.calendartable caption {
27670 caption-side: top;
27673 @media (min-width: 768px) {
27674 #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 {
27675 min-width: 1024px;
27678 @media (min-width: 768px) {
27679 section:not(#region-main) .block.block_calendar_month .maincalendar div.header {
27680 visibility: hidden;
27681 height: 0;
27683 section:not(#region-main) .block.block_calendar_month .maincalendar .calendarwrapper .current {
27684 width: 40%;
27685 font-size: inherit;
27686 line-height: inherit;
27688 section:not(#region-main) .block.block_calendar_month .maincalendar .calendarwrapper .previous,
27689 section:not(#region-main) .block.block_calendar_month .maincalendar .calendarwrapper .next {
27690 width: 30%;
27691 font-size: 0.8em;
27693 section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth th,
27694 section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td {
27695 border: none;
27696 text-align: center !important;
27697 padding: 0;
27699 section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td {
27700 height: auto;
27701 font-size: 0.8em;
27703 section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.hasevent [data-region=day-content] {
27704 display: none;
27706 section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.hasevent .day-number {
27707 display: inline-block;
27708 position: relative;
27710 section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.hasevent .day-number:before {
27711 content: ".";
27712 display: inline-block;
27713 position: absolute;
27714 bottom: 0.4em;
27715 left: 0;
27716 text-align: center;
27717 width: 100%;
27718 font-size: 3em;
27719 color: inherit;
27721 section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td:after {
27722 content: "";
27723 display: block;
27724 margin-top: calc(100% - 26px);
27726 section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.clickable:hover {
27727 background-color: inherit;
27729 section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.clickable:not(.today):hover .day-number-circle {
27730 border-radius: 50%;
27731 background-color: #ededed;
27733 section:not(#region-main) .block.block_calendar_month .bottom {
27734 border-top: 1px solid rgba(0, 0, 0, 0.125);
27735 padding-top: 0.5rem;
27738 @media (max-width: 768px) {
27739 .maincalendar .calendartable.calendarmonth th,
27740 .maincalendar .calendartable.calendarmonth td {
27741 border: none;
27742 text-align: center !important;
27743 padding: 0;
27745 .maincalendar .calendartable.calendarmonth td {
27746 height: auto;
27747 font-size: inherit;
27748 padding: 0;
27750 .maincalendar .calendartable.calendarmonth td.hasevent [data-region=day-content] {
27751 display: none;
27753 .maincalendar .calendartable.calendarmonth td.hasevent .day-number {
27754 display: inline-block;
27755 position: relative;
27757 .maincalendar .calendartable.calendarmonth td.hasevent .day-number:before {
27758 content: ".";
27759 display: inline-block;
27760 position: absolute;
27761 bottom: 0.4em;
27762 left: 0;
27763 text-align: center;
27764 width: 100%;
27765 font-size: 3em;
27766 color: inherit;
27768 .maincalendar .calendartable.calendarmonth td:after {
27769 content: "";
27770 display: block;
27771 margin-top: calc(100% - 26px);
27773 .maincalendar .calendartable.calendarmonth td > div {
27774 height: auto !important;
27777 .calendarwrapper {
27778 position: relative;
27781 .day-popover-content:empty + .day-popover-alternate {
27782 display: block;
27785 .location-content {
27786 overflow-wrap: break-word;
27789 .description-content {
27790 overflow-wrap: break-word;
27792 .description-content > p {
27793 margin: 0;
27796 .cal_courses_flt {
27797 color: #6a737b;
27798 max-width: 75%;
27801 .content-bank-container .cb-content-wrapper {
27802 padding: 0.5rem;
27803 min-height: 140px;
27804 max-height: 500px;
27805 overflow-x: auto;
27806 flex-wrap: wrap;
27808 .content-bank-container .cb-thumbnail {
27809 width: 24px;
27810 height: 24px;
27811 background-repeat: no-repeat;
27812 background-position: center;
27813 background-size: cover;
27815 .content-bank-container.view-grid {
27816 /* Display a centered eye slash on top of unlisted content icons. */
27818 .content-bank-container.view-grid .cb-listitem {
27819 margin-bottom: 0.5rem;
27821 .content-bank-container.view-grid .cb-listitem.cb-unlisted {
27822 position: relative;
27824 @media (max-width: 767.98px) {
27825 .content-bank-container.view-grid .cb-listitem {
27826 flex-basis: 50%;
27829 @media (min-width: 576px) {
27830 .content-bank-container.view-grid .cb-listitem {
27831 max-width: 120px;
27832 min-width: 120px;
27835 .content-bank-container.view-grid .cb-name {
27836 text-align: center;
27838 .content-bank-container.view-grid .cb-file {
27839 padding: 0.5rem;
27841 .content-bank-container.view-grid .cb-thumbnail {
27842 width: 64px;
27843 height: 64px;
27844 margin-left: auto;
27845 margin-right: auto;
27846 margin-bottom: 0.5rem;
27848 .content-bank-container.view-grid .cb-unlisted .cb-thumbnail {
27849 opacity: 0.15;
27851 .content-bank-container.view-grid .cb-unlisted::after {
27852 content: "\f070";
27853 position: absolute;
27854 top: 20px;
27855 left: 0;
27856 width: 100%;
27857 font-size: 26px;
27858 text-align: center;
27859 opacity: 0.9;
27860 text-shadow: 0 0 10px #fff;
27862 .content-bank-container.view-grid .cb-heading,
27863 .content-bank-container.view-grid .cb-uses,
27864 .content-bank-container.view-grid .cb-date,
27865 .content-bank-container.view-grid .cb-size,
27866 .content-bank-container.view-grid .cb-type,
27867 .content-bank-container.view-grid .cb-author {
27868 display: none;
27870 .content-bank-container.view-list .cb-content-wrapper {
27871 padding: 0 0.5rem;
27872 flex-direction: column;
27873 flex-wrap: nowrap;
27875 .content-bank-container.view-list .cb-thumbnail {
27876 margin-right: 0.5rem;
27878 .content-bank-container.view-list .cb-listitem,
27879 .content-bank-container.view-list .cb-heading {
27880 display: flex;
27881 flex-wrap: wrap;
27882 width: 100%;
27883 border-bottom: 1px solid #dee2e6;
27885 .content-bank-container.view-list .cb-column {
27886 display: flex;
27887 padding: 0.25rem;
27889 .content-bank-container.view-list .cb-column {
27890 border-right: 1px solid #dee2e6;
27892 .content-bank-container.view-list .cb-listitem.cb-unlisted .cb-thumbnail {
27893 opacity: 0.3;
27895 .content-bank-container.view-list .cb-listitem.cb-unlisted .cb-column,
27896 .content-bank-container.view-list .cb-listitem.cb-unlisted .cb-column a {
27897 color: #6a737b;
27899 @media (max-width: 767.98px) {
27900 .content-bank-container.view-list .cb-column {
27901 flex: 0 0 50%;
27902 max-width: 50%;
27905 @media (min-width: 576px) {
27906 .content-bank-container.view-list .cb-heading {
27907 position: sticky;
27908 top: 0;
27909 z-index: 1;
27911 .content-bank-container.view-list .cb-file {
27912 flex: 0 0 40%;
27913 max-width: 40%;
27915 .content-bank-container.view-list .cb-uses,
27916 .content-bank-container.view-list .cb-date,
27917 .content-bank-container.view-list .cb-size,
27918 .content-bank-container.view-list .cb-type,
27919 .content-bank-container.view-list .cb-author {
27920 flex: 0 0 12%;
27921 max-width: 12%;
27923 .content-bank-container.view-list .cb-column.last {
27924 border-right: 0;
27927 .content-bank-container.view-list .cb-btnsort span {
27928 display: none;
27930 .content-bank-container.view-list .cb-btnsort .title {
27931 display: inline;
27933 .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 {
27934 display: inline;
27937 .cb-toolbar-container .dropdown-scrollable {
27938 max-height: 190px;
27939 overflow-y: auto;
27942 .cb-navigation-container .singleselect,
27943 .cb-navigation-container .singleselect .custom-select {
27944 width: 100%;
27947 /* course.less */
27948 /* COURSE CONTENT */
27949 .section_add_menus {
27950 text-align: right;
27951 clear: both;
27954 .section-modchooser {
27955 clear: both;
27956 margin-top: 0.25rem;
27959 .block_tree .tree_item.branch {
27960 margin-left: 8px;
27963 .section_add_menus .horizontal div,
27964 .section_add_menus .horizontal form {
27965 display: inline;
27968 .section_add_menus optgroup {
27969 font-weight: normal;
27970 font-style: italic;
27973 /*rtl:ignore*/
27974 .section_add_menus .urlselect {
27975 text-align: left;
27976 margin-left: 0.4em;
27979 /*rtl:ignore*/
27980 .section_add_menus .urlselect select {
27981 margin-left: 0.2em;
27984 .sitetopic ul.section {
27985 margin: 0;
27988 body:not(.editing) .sitetopic ul.section {
27989 padding-left: 0;
27991 body:not(.editing) .sitetopic ul.section .label .mod-indent-outer {
27992 padding-left: 0;
27995 @media (min-width: 576px) {
27996 .course-content ul.section {
27997 margin: 1rem;
28000 .section .side {
28001 margin-top: 0.5rem;
28003 .section .side.left {
28004 float: left;
28006 .section .side.right {
28007 float: right;
28008 clear: right;
28010 .section .spinner {
28011 height: 16px;
28012 width: 16px;
28014 .section .activity {
28015 list-style: none;
28016 padding: 0.25rem 0;
28017 /* The command block for each activity */
28019 .section .activity .spinner {
28020 left: 100%;
28021 position: absolute;
28023 .section .activity .actions {
28024 position: absolute;
28025 right: 0;
28026 top: 0;
28027 display: flex;
28029 .section .activity .contentwithoutlink,
28030 .section .activity .activityinstance {
28031 min-width: 40%;
28033 .section .activity .contentwithoutlink > a,
28034 .section .activity .activityinstance > a {
28035 display: inline-flex;
28036 align-items: center;
28038 .section .activity .contentwithoutlink .dimmed .activityicon,
28039 .section .activity .activityinstance .dimmed .activityicon {
28040 opacity: 0.5;
28042 .section .activity .stealth {
28043 color: #6a737b;
28045 .section .activity a.stealth,
28046 .section .activity a.stealth:hover {
28047 color: #5babf2 !important; /* stylelint-disable-line declaration-no-important */
28049 .section .activity.indented .activity-item {
28050 border: 0;
28051 margin-left: 1rem;
28053 .section .activity.indented + .indented .activity-item {
28054 border-top: 1px solid #dee2e6;
28055 border-radius: unset;
28057 .section .label .contentwithoutlink,
28058 .section .label .activityinstance {
28059 padding-right: 32px;
28060 display: block;
28061 height: inherit;
28063 @media (min-width: 576px) {
28064 .section .label .mod-indent-outer {
28065 padding-left: 24px;
28066 display: block;
28069 .section .filler {
28070 width: 16px;
28071 height: 16px;
28072 padding: 0;
28073 margin: 0 0.5rem;
28074 display: inline-block;
28076 .section .activity.editor_displayed a.editing_title,
28077 .section .activity.editor_displayed .moodle-actionmenu {
28078 display: none;
28080 .section .activity.editor_displayed div.activityinstance {
28081 padding-right: initial;
28083 .section .activity.editor_displayed div.activityinstance input {
28084 margin-bottom: initial;
28085 padding-top: initial;
28086 padding-bottom: initial;
28087 vertical-align: text-bottom;
28090 .section .activity .activityinstance {
28091 display: inline-flex;
28092 align-items: center;
28093 margin-bottom: 1rem;
28096 .editing .section .activity .contentwithoutlink,
28097 .editing .section .activity .activityinstance {
28098 padding-right: 200px;
28100 .editing .section .activity .editing_move {
28101 position: absolute;
28102 display: flex;
28103 left: 5px;
28104 top: 5px;
28106 .editing .section .activity .mod-indent-outer {
28108 * Add appropriate padding such that nothing overlaps the
28109 * absolute positioned move icon.
28111 padding-left: 2rem;
28113 .editing .activity .editing_move_activity {
28114 position: absolute;
28115 display: flex;
28116 left: 5px;
28117 top: 5px;
28119 .editing .course-content .stateready .section .spinner {
28120 display: none;
28122 .editing .editinprogress {
28123 position: relative;
28125 .editing .editinprogress > * {
28126 opacity: 0.4;
28128 .editing .editinprogress .corelightbox,
28129 .editing .editinprogress .lightbox {
28130 display: none;
28132 .editing .editinprogress:after {
28133 position: absolute;
28134 font-size: 20px;
28135 color: #6a737b;
28136 content: "\f110";
28137 display: flex;
28138 justify-content: center;
28139 align-items: center;
28140 width: 30px;
28141 height: 30px;
28142 left: calc(50% - 15px);
28143 top: calc(50% - 15px);
28144 animation: editinprogress-rotation 2s infinite linear;
28146 .editing .editinprogress .editinprogress:after {
28147 display: none;
28150 @keyframes editinprogress-rotation {
28151 0% {
28152 opacity: 0;
28153 transform: rotate(0deg);
28155 50% {
28156 opacity: 1;
28158 100% {
28159 opacity: 0;
28160 transform: rotate(359deg);
28163 .editing_show + .editing_assign,
28164 .editing_hide + .editing_assign {
28165 margin-left: 20px;
28168 .section .activity .commands {
28169 white-space: nowrap;
28170 display: inline-block;
28173 .section .activity.modtype_label.label {
28174 font-weight: normal;
28176 .section .activity.modtype_label.label .contentwithoutlink {
28177 min-height: 0;
28179 .section .activity.modtype_label.label.hasinfo p:last-child,
28180 .section .activity.modtype_label.label.hasinfo i:last-child {
28181 margin-bottom: 0;
28184 .section li.activity:not(.activity-wrapper) {
28185 padding: 0.2em;
28186 clear: both;
28188 .section li.activity:not(.activity-wrapper).hasinfo {
28189 border-bottom: 1px solid #dee2e6;
28190 padding-top: 1rem;
28191 padding-bottom: 1rem;
28193 .section li.activity:not(.activity-wrapper).hasinfo:last-child {
28194 border-bottom: 0;
28195 padding-bottom: 0;
28198 .course-content .section.dropready.main.drop-down {
28199 border-bottom: 1px solid #1d2125;
28201 .course-content .section.dropready .course-section-header.dropready.drop-zone {
28202 margin-top: -2px;
28204 .course-content .section.dropready li.activity.dropready.drop-down {
28205 border-bottom: 1px solid #1d2125;
28206 margin-bottom: -1px;
28208 .course-content .section.dropready li.activity.dropready.drop-up {
28209 border-top: 1px solid #1d2125;
28210 margin-top: -1px;
28213 .section .activity .activityinstance .groupinglabel {
28214 padding-left: 30px;
28217 .section.main:not(.course-section) .activity .availabilityinfo,
28218 .section.main:not(.course-section) .activity .contentafterlink {
28219 margin-top: 0.5em;
28220 margin-left: 30px;
28223 .section .activity .contentafterlink p {
28224 margin: 0.5em 0;
28227 .editing .section.main:not(.course-section) .activity:hover,
28228 .editing .section.main:not(.course-section) .activity.action-menu-shown,
28229 .editing .section.main:not(.course-section) .sectionname:hover {
28230 background-color: rgba(0, 0, 0, 0.03);
28233 .course-content .current {
28234 position: relative;
28237 .course-content .current::before {
28238 border-left: #0f6cbf 3px solid;
28239 bottom: 0;
28240 content: "";
28241 left: -8px;
28242 position: absolute;
28243 top: 0;
28246 .course-content .section-summary {
28247 border: 1px solid #dee2e6;
28248 margin-top: 5px;
28249 list-style: none;
28252 .course-content .section-summary .section-title {
28253 margin: 2px 5px 10px 5px;
28256 .course-content .section-summary .summarytext {
28257 margin: 2px 5px 2px 5px;
28260 .course-content .section-summary .summary {
28261 margin-top: 5px;
28264 .course-content .single-section {
28265 margin-top: 1em;
28268 .course-content .single-section .section-navigation {
28269 display: block;
28270 padding: 0.5em;
28271 margin-bottom: -0.5em;
28274 .course-content .single-section .section-navigation .title {
28275 font-weight: bold;
28276 font-size: 108%;
28277 clear: both;
28280 .course-content .single-section .section-navigation .mdl-left {
28281 font-weight: normal;
28282 float: left;
28283 margin-right: 1em;
28286 .course-content .single-section .section-navigation .mdl-left .larrow {
28287 margin-right: 0.1em;
28290 .course-content .single-section .section-navigation .mdl-right {
28291 font-weight: normal;
28292 float: right;
28293 margin-left: 1em;
28296 .course-content .single-section .section-navigation .mdl-right .rarrow {
28297 margin-left: 0.1em;
28300 .course-content .single-section .section-navigation .mdl-bottom {
28301 margin-top: 0;
28304 .course-content ul li.section.main:not(.course-section) {
28305 border-bottom: 1px solid #dee2e6;
28306 margin-top: 0;
28308 .course-content ul li.section.main:not(.course-section):last-child {
28309 border-bottom: 0;
28312 .course-content ul li.section.hidden:not(.course-section) .sectionname > span,
28313 .course-content ul li.section.hidden:not(.course-section) .content > div.summary,
28314 .course-content ul li.section.hidden:not(.course-section) .activity .activityinstance {
28315 color: #6a737b;
28318 .course-content ul.topics,
28319 .course-content ul.weeks {
28320 padding: 0;
28321 margin: 0;
28322 list-style: none;
28324 .course-content ul.topics li.section,
28325 .course-content ul.weeks li.section {
28326 padding-top: 1rem;
28327 padding-bottom: 1rem;
28329 .course-content ul.topics li.section .content,
28330 .course-content ul.weeks li.section .content {
28331 margin: 0;
28332 padding: 0;
28334 @media (min-width: 576px) {
28335 .course-content ul.topics li.section .summary,
28336 .course-content ul.topics li.section .content > .availabilityinfo,
28337 .course-content ul.weeks li.section .summary,
28338 .course-content ul.weeks li.section .content > .availabilityinfo {
28339 margin-left: 25px;
28342 .course-content ul.topics li.section .left,
28343 .course-content ul.topics li.section .right,
28344 .course-content ul.weeks li.section .left,
28345 .course-content ul.weeks li.section .right {
28346 padding: 0 6px 0;
28347 text-align: right;
28348 width: auto;
28351 @media (max-width: 767.98px) {
28352 body:not(.editing) .course-content ul.topics li.section .left,
28353 body:not(.editing) .course-content ul.topics li.section .right,
28354 body:not(.editing) .course-content ul.weeks li.section .left,
28355 body:not(.editing) .course-content ul.weeks li.section .right {
28356 display: none;
28359 .course-content {
28360 margin-top: 0;
28363 .course-content .hidden {
28364 display: none;
28367 @media (max-width: 767.98px) {
28368 .course-content li.section:not(.course-section) ul {
28369 padding-left: 0;
28372 .course-content li.section:not(.course-section) ul {
28373 list-style: disc;
28375 .course-content li.section:not(.course-section) ul ul {
28376 list-style: circle;
28378 .course-content li.section:not(.course-section) ul ul ul {
28379 list-style: square;
28381 .course-content li.section:not(.course-section) li.activity ul {
28382 list-style: disc;
28384 .course-content li.section:not(.course-section) li.activity ul ul {
28385 list-style: circle;
28387 .course-content li.section:not(.course-section) li.activity ul ul ul {
28388 list-style: square;
28390 .course-content li.section:not(.course-section) .right > .icon:first-child {
28391 /* Remove the spacer icon. */
28392 display: none;
28395 .path-course-view.editing #region-main > .card-block {
28396 padding-bottom: 13rem;
28399 .jumpmenu .form-inline {
28400 display: block;
28403 .path-course-view .completionprogress {
28404 margin-left: 25px;
28407 .path-course-view .completionprogress {
28408 display: block;
28409 float: right;
28410 height: 20px;
28411 position: relative;
28414 #page-site-index .subscribelink {
28415 text-align: right;
28418 #site-news-forum h2,
28419 #frontpage-course-list h2,
28420 #frontpage-category-names h2,
28421 #frontpage-category-combo h2 {
28422 margin-bottom: 9px;
28425 .path-course-view a.reduce-sections {
28426 padding-left: 0.2em;
28429 .path-course-view .subscribelink {
28430 text-align: right;
28433 .path-course-view .unread {
28434 margin-left: 30px;
28437 .path-course-view .block.drag .header {
28438 cursor: move;
28441 .path-course-view .completionprogress {
28442 text-align: right;
28445 .path-course-view .single-section .completionprogress {
28446 margin-right: 5px;
28449 .path-site li.activity > div:not(.activity-item),
28450 .path-course-view li.activity > div:not(.activity-item) {
28451 position: relative;
28452 padding: 0 16px 0 0; /* to accommodate the floated completion icon with highlighting */
28455 .path-course-view li.activity span.autocompletion img {
28456 vertical-align: text-bottom;
28457 margin-left: 0;
28460 .path-course-view.editing li.activity span.autocompletion img {
28461 /* Use the same spacing as the filler. */
28462 margin-right: 0.5rem;
28463 margin-left: 0.5rem;
28466 li.section.hidden span.commands a.editing_hide,
28467 li.section.hidden span.commands a.editing_show {
28468 cursor: default;
28471 .single-section h3.sectionname {
28472 text-align: center;
28473 clear: both;
28476 input.titleeditor {
28477 width: 330px;
28478 vertical-align: text-bottom;
28481 span.editinstructions {
28482 position: absolute;
28483 top: 0;
28484 margin-top: -22px;
28485 margin-left: 30px;
28486 font-size: 0.8203125rem;
28487 padding: 0.1em 0.4em;
28488 text-decoration: none;
28489 z-index: 9999;
28490 border: 0 solid transparent;
28491 color: #00434e;
28492 background-color: #cce6ea;
28493 border-color: #b8dce2;
28495 span.editinstructions hr {
28496 border-top-color: #a6d3db;
28498 span.editinstructions .alert-link {
28499 color: #00171b;
28502 /* COURSES LISTINGS AND COURSE SUMMARY */
28503 #page-course-pending .singlebutton,
28504 #page-course-index .singlebutton,
28505 #page-course-index-category .singlebutton,
28506 #page-course-editsection .singlebutton {
28507 text-align: center;
28510 #page-admin-course-manage #movecourses td img {
28511 margin: 0 0.22em;
28512 vertical-align: text-bottom;
28515 #coursesearch {
28516 margin-top: 1em;
28517 text-align: left;
28520 #page-course-pending .pendingcourserequests {
28521 margin-bottom: 1em;
28524 #page-course-pending .pendingcourserequests .singlebutton {
28525 display: inline;
28528 #page-course-pending .pendingcourserequests .cell {
28529 padding: 0 5px;
28532 #page-course-pending .pendingcourserequests .cell.c6 {
28533 white-space: nowrap;
28536 .coursebox {
28537 display: flex;
28538 flex-direction: column;
28540 .coursebox .info {
28541 display: flex;
28542 align-items: center;
28545 #frontpage-available-course-list,
28546 #frontpage-course-list,
28547 .course-search-result {
28548 margin-top: 0.5rem;
28550 #frontpage-available-course-list .coursebox,
28551 #frontpage-course-list .coursebox,
28552 .course-search-result .coursebox {
28553 padding: 0.5rem;
28554 border: 1px solid #dee2e6;
28555 margin-bottom: 0.5rem;
28556 border-radius: 0.25rem;
28559 .subcategories .coursebox > .info > .coursename a,
28560 #frontpage-category-names .coursebox > .info > .coursename a,
28561 #frontpage-category-combo .coursebox > .info > .coursename a {
28562 display: block;
28563 background-image: url([[pix:moodle|i/course]]);
28564 background-repeat: no-repeat;
28565 padding-left: 21px;
28566 background-position: left 0.2em;
28569 .coursebox > .info > .coursename {
28570 font-size: 0.9375rem;
28571 font-weight: normal;
28572 margin: 5px;
28573 padding: 0;
28576 .coursebox .content .teachers li {
28577 list-style-type: none;
28578 padding: 0;
28579 margin: 0;
28582 .coursebox .customfieldname,
28583 .coursebox .customfieldseparator {
28584 font-weight: 700;
28587 .coursebox .content .coursefile {
28588 max-width: 100px;
28591 .coursebox .content .courseimage img {
28592 max-width: 100px;
28593 max-height: 100px;
28596 .coursebox .content .coursecat,
28597 .coursebox .content .summary,
28598 .coursebox .content .courseimage,
28599 .coursebox .content .coursefile,
28600 .coursebox .content .teachers,
28601 .coursebox.remotecoursebox .remotecourseinfo,
28602 .coursebox .content .customfields-container {
28603 margin: 15px 5px 5px;
28604 padding: 0;
28607 .category-browse .coursebox .content .coursecat,
28608 .category-browse .coursebox .content .summary,
28609 .category-browse .coursebox .content .courseimage,
28610 .category-browse .coursebox .content .coursefile,
28611 .category-browse .coursebox .content .teachers,
28612 .category-browse .coursebox.remotecoursebox .remotecourseinfo,
28613 .category-browse .coursebox .content .customfields-container {
28614 margin-top: 0;
28617 .coursebox.collapsed > .content {
28618 display: none;
28621 .courses > .paging.paging-morelink {
28622 text-align: center;
28623 padding: 1rem;
28626 .course_category_tree .category .numberofcourse {
28627 font-size: 0.8203125rem;
28630 .course_category_tree .category > .info > .categoryname {
28631 margin: 5px;
28632 font-size: 0.9375rem;
28633 font-weight: normal;
28634 padding: 2px 18px;
28637 .course_category_tree .category.with_children > .info > .categoryname {
28638 background-image: url([[pix:moodle|t/expanded]]);
28639 background-repeat: no-repeat;
28640 background-position: center left;
28643 .course_category_tree .category.with_children.collapsed > .info > .categoryname {
28644 background-image: url([[pix:moodle|t/collapsed]]);
28647 /* rtl:raw:
28648 .course_category_tree .category.with_children.collapsed > .info > .categoryname {
28649 background-image:url([[pix:moodle|t/collapsed_rtl]]);
28652 .course_category_tree .category.collapsed > .content {
28653 display: none;
28656 .course_category_tree .category > .content {
28657 padding-left: 16px;
28660 #page-course-index-category .categorypicker {
28661 margin: 10px 0 20px;
28665 * Course management page
28666 * Palette
28668 * Background (reg) #F5F5F5
28669 * Background (light #fafafa
28670 * Background (highlight) #ddffaa
28671 * Borders #e1e1e8
28673 #course-category-listings {
28674 margin-bottom: 0;
28675 /** Two column layout */
28676 /** Three column layout */
28678 #course-category-listings.columns-2 > #course-listing > div {
28679 position: relative;
28680 left: -1px;
28682 #course-category-listings.columns-3 > #course-listing > div {
28683 height: 100%;
28685 #course-category-listings > div > div {
28686 min-height: 300px;
28688 #course-category-listings > div > div > ul.ml > li:first-child > div {
28689 border-top: 0;
28691 #course-category-listings h3 {
28692 margin: 0;
28693 padding: 0.4rem 0.6rem 0.3rem;
28695 #course-category-listings h4 {
28696 margin: 1rem 0 0;
28697 padding: 0.6rem 1rem 0.5rem;
28699 #course-category-listings .moodle-actionmenu {
28700 white-space: nowrap;
28702 #course-category-listings .listing-actions {
28703 text-align: center;
28705 #course-category-listings .listing-actions > .moodle-actionmenu {
28706 display: inline-block;
28708 #course-category-listings ul.ml {
28709 list-style: none;
28710 margin: 1rem 0;
28712 #course-category-listings ul.ml ul.ml {
28713 margin: 0;
28715 #course-category-listings .listitem[data-selected="1"] {
28716 border-left: calc(1px + 5px) solid #0f6cbf;
28717 padding-left: calc(1.25rem - 5px);
28719 #course-category-listings .listitem:hover {
28720 z-index: 2;
28722 #course-category-listings .item-actions {
28723 margin-right: 1em;
28724 display: inline-block;
28726 #course-category-listings .item-actions.show .menu img {
28727 width: 12px;
28728 max-width: none;
28730 #course-category-listings .item-actions .menu-action-text {
28731 vertical-align: inherit;
28733 #course-category-listings .listitem > div > .float-left {
28734 float: left;
28736 #course-category-listings .listitem > div > .float-right {
28737 float: right;
28738 text-align: right;
28740 #course-category-listings .listitem > div .item-actions .action-show {
28741 display: none;
28743 #course-category-listings .listitem > div .item-actions .action-hide {
28744 display: inline;
28746 #course-category-listings .listitem > div .without-actions {
28747 color: #333;
28749 #course-category-listings .listitem > div .idnumber {
28750 margin-right: 2em;
28752 #course-category-listings .listitem[data-visible="0"] {
28753 color: #6a737b;
28755 #course-category-listings .listitem[data-visible="0"] > div > a {
28756 color: #6a737b;
28758 #course-category-listings .listitem[data-visible="0"] > div .item-actions .action-show {
28759 display: inline;
28761 #course-category-listings .listitem[data-visible="0"] > div .item-actions .action-hide {
28762 display: none;
28764 #course-category-listings .listitem.highlight {
28765 background-color: #fff;
28767 #course-category-listings .listitem.highlight > div,
28768 #course-category-listings .listitem.highlight > div:hover, #course-category-listings .listitem.highlight[data-selected="1"] > div {
28769 background-color: rgba(0, 0, 0, 0.075);
28771 #course-category-listings #course-listing .listitem .categoryname {
28772 display: inline-block;
28773 margin-left: 1em;
28774 color: #a1a1a8;
28776 #course-category-listings #course-listing .listitem .coursename {
28777 display: inline-block;
28778 flex-basis: 10rem;
28780 #course-category-listings #course-listing > .firstpage .listitem:first-child > div .item-actions .action-moveup,
28781 #course-category-listings #course-listing > .lastpage .listitem:last-child > div .item-actions .action-movedown {
28782 display: none;
28784 #course-category-listings #course-listing .bulk-action-checkbox {
28785 margin: -2px 6px 0 0;
28787 #course-category-listings #category-listing .listitem.collapsed > ul.ml {
28788 display: none;
28790 #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 {
28791 display: none;
28793 #course-category-listings #category-listing .course-count {
28794 color: #a1a1a8;
28795 margin-right: 2rem;
28796 min-width: 3.5em;
28797 display: inline-block;
28799 #course-category-listings #category-listing .bulk-action-checkbox {
28800 margin-right: -3px;
28802 #course-category-listings #category-listing .category-listing > ul > .listitem:first-child {
28803 position: relative;
28805 #course-category-listings #category-listing .category-bulk-actions {
28806 margin: 0 0.5em 0.5em;
28807 position: relative;
28809 #course-category-listings .detail-pair > * {
28810 display: inline-block;
28812 #course-category-listings .detail-pair .pair-key {
28813 font-weight: bold;
28814 vertical-align: top;
28816 #course-category-listings .detail-pair .pair-key span {
28817 margin-right: 1rem;
28818 display: block;
28820 #course-category-listings .detail-pair .pair-value select {
28821 max-width: 100%;
28823 #course-category-listings .bulk-actions .detail-pair > * {
28824 display: block;
28825 width: 100%;
28827 #course-category-listings .listing-pagination {
28828 text-align: center;
28830 #course-category-listings .listing-pagination .yui3-button {
28831 color: #fff;
28832 background-color: #008196;
28833 border-color: #008196;
28834 border: 0;
28835 margin: 0.4rem 0.2rem 0.45rem;
28836 font-size: 10.4px;
28838 #course-category-listings .listing-pagination .yui3-button:hover {
28839 color: #fff;
28840 background-color: #006070;
28841 border-color: #005563;
28843 #course-category-listings .listing-pagination .yui3-button:focus, #course-category-listings .listing-pagination .yui3-button.focus {
28844 color: #fff;
28845 background-color: #006070;
28846 border-color: #005563;
28847 box-shadow: 0 0 0 0.2rem rgba(38, 148, 166, 0.5);
28849 #course-category-listings .listing-pagination .yui3-button.disabled, #course-category-listings .listing-pagination .yui3-button:disabled {
28850 color: #fff;
28851 background-color: #008196;
28852 border-color: #008196;
28854 #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 {
28855 color: #fff;
28856 background-color: #005563;
28857 border-color: #004a56;
28859 #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 {
28860 box-shadow: 0 0 0 0.2rem rgba(38, 148, 166, 0.5);
28862 #course-category-listings .listing-pagination .yui3-button.active-page {
28863 color: #fff;
28864 background-color: #0f6cbf;
28865 border-color: #0f6cbf;
28867 #course-category-listings .listing-pagination .yui3-button.active-page:hover {
28868 color: #fff;
28869 background-color: #0c589c;
28870 border-color: #0b5190;
28872 #course-category-listings .listing-pagination .yui3-button.active-page:focus, #course-category-listings .listing-pagination .yui3-button.active-page.focus {
28873 color: #fff;
28874 background-color: #0c589c;
28875 border-color: #0b5190;
28876 box-shadow: 0 0 0 0.2rem rgba(51, 130, 201, 0.5);
28878 #course-category-listings .listing-pagination .yui3-button.active-page.disabled, #course-category-listings .listing-pagination .yui3-button.active-page:disabled {
28879 color: #fff;
28880 background-color: #0f6cbf;
28881 border-color: #0f6cbf;
28883 #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 {
28884 color: #fff;
28885 background-color: #0b5190;
28886 border-color: #0a4b84;
28888 #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 {
28889 box-shadow: 0 0 0 0.2rem rgba(51, 130, 201, 0.5);
28891 #course-category-listings .listing-pagination-totals {
28892 text-align: center;
28894 #course-category-listings .listing-pagination-totals.dimmed {
28895 color: #6a737b;
28896 margin: 0.4rem 1rem 0.45rem;
28898 #course-category-listings .select-a-category .notifymessage,
28899 #course-category-listings .select-a-category .alert {
28900 margin: 1em;
28903 #course-category-listings #course-listing .listitem .drag-handle {
28904 display: none;
28907 .jsenabled #course-category-listings #course-listing .listitem .drag-handle {
28908 display: inline-block;
28909 margin: 0 6px 0 0;
28910 cursor: pointer;
28913 /** Management header styling **/
28914 .coursecat-management-header {
28915 vertical-align: middle;
28917 .coursecat-management-header h2 {
28918 display: inline-block;
28919 text-align: left;
28921 .coursecat-management-header > div {
28922 float: right;
28924 .coursecat-management-header > div > div {
28925 margin: 10px 0 10px 1em;
28926 display: inline-block;
28928 .coursecat-management-header select {
28929 max-width: 300px;
28930 cursor: pointer;
28931 padding: 0.4em 0.5em 0.45em 1em;
28932 vertical-align: baseline;
28933 white-space: nowrap;
28935 .coursecat-management-header .view-mode-selector .moodle-actionmenu {
28936 white-space: nowrap;
28937 display: inline-block;
28939 .coursecat-management-header .view-mode-selector .moodle-actionmenu[data-enhanced].show .menu a {
28940 padding-left: 1em;
28943 .course-being-dragged-proxy {
28944 border: 0;
28945 color: #0f6cbf;
28946 vertical-align: middle;
28947 padding: 0 0 0 4em;
28950 .course-being-dragged {
28951 opacity: 0.5;
28955 * Display sizes:
28956 * Large displays 1200 +
28957 * Default displays 980 1199
28958 * Tablets 768 979
28959 * Small tablets and large phones 481 767
28960 * Phones 0 480
28962 @media (min-width: 1200px) and (max-width: 1600px) {
28963 #course-category-listings.columns-3 {
28964 background-color: #fff;
28965 border: 0;
28967 #course-category-listings.columns-3 #category-listing,
28968 #course-category-listings.columns-3 #course-listing {
28969 width: 50%;
28971 #course-category-listings.columns-3 #category-listing > div,
28972 #course-category-listings.columns-3 #course-listing > div,
28973 #course-category-listings.columns-3 #course-detail > div {
28974 background-color: #fff;
28976 #course-category-listings.columns-3 #course-detail {
28977 width: 100%;
28978 margin-top: 1em;
28981 @media (max-width: 1199px) {
28982 #course-category-listings.columns-2,
28983 #course-category-listings.columns-3 {
28984 border: 0;
28986 #course-category-listings.columns-2 #category-listing,
28987 #course-category-listings.columns-2 #course-listing,
28988 #course-category-listings.columns-2 #course-detail,
28989 #course-category-listings.columns-3 #category-listing,
28990 #course-category-listings.columns-3 #course-listing,
28991 #course-category-listings.columns-3 #course-detail {
28992 width: 100%;
28993 margin: 0 0 1em;
28996 .page-settings-menu .menubar > a > .icon {
28997 width: auto;
28998 height: 32px;
28999 font-size: 32px;
29002 .activity-navigation .row {
29003 align-items: center;
29005 .activity-navigation #prev-activity-link,
29006 .activity-navigation #next-activity-link {
29007 white-space: pre-wrap;
29010 .automatic-completion-conditions .badge {
29011 font-size: 100%;
29014 /* Variables definition*/
29015 /* Functions/Mixins definition */
29016 /* Activity & Block 'add' buttons */
29017 .activity-add,
29018 .block-add {
29019 color: #0f6cbf;
29020 background-color: #f5f9fc;
29021 border-color: #3584c9;
29022 border-width: 1px;
29023 width: 100%;
29025 .activity-add hr,
29026 .block-add hr {
29027 border-top-color: #3077b5;
29029 .activity-add .alert-link,
29030 .block-add .alert-link {
29031 color: #0b5190;
29033 .activity-add .pluscontainer,
29034 .block-add .pluscontainer {
29035 border: 1px solid #3584c9;
29036 border-radius: 50%;
29037 width: 32px;
29038 height: 32px;
29040 .activity-add:hover,
29041 .block-add:hover {
29042 cursor: pointer;
29043 background-color: #cfe2f2;
29045 .activity-add:hover .activity-add-text,
29046 .block-add:hover .activity-add-text {
29047 text-decoration: underline;
29050 .block-add {
29051 border-radius: 0.25rem;
29054 .activity-add {
29055 border-radius: 1rem;
29058 /* Add section */
29059 .changenumsections {
29060 border-top: 1px solid #3584c9;
29063 .add-sections .icon {
29064 margin-right: 0.25rem;
29065 font-size: inherit;
29068 /* Section Expand all/Collapse all */
29069 .section-collapsemenu .collapseall {
29070 display: block;
29072 .section-collapsemenu .expandall {
29073 display: none;
29075 .section-collapsemenu.collapsed .collapseall {
29076 display: none;
29078 .section-collapsemenu.collapsed .expandall {
29079 display: block;
29082 /* Course section */
29083 .course-section {
29084 list-style: none;
29085 padding-left: 0;
29086 border-bottom: 1px solid #dee2e6;
29088 .course-section .sectionname > a {
29089 color: #1d2125;
29091 .course-section .sectionname > a:hover {
29092 text-decoration: none;
29094 .course-section:last-child:not(.section-summary) {
29095 border-bottom: 0;
29097 .course-section .sectionbadges .badge {
29098 margin-left: 0.5rem;
29100 .course-section .course-section-header.draggable {
29101 cursor: move;
29103 .course-section .section_action_menu .dropdown-toggle::after {
29104 display: none;
29106 .course-section .summarytext img {
29107 border-radius: 1rem;
29109 .course-section .availabilityinfo {
29110 margin-top: 0.5rem;
29111 padding: 0.25rem 1rem;
29112 background-color: #e9ecef;
29113 font-size: 0.875em;
29114 border-radius: 1rem;
29116 .course-section .availabilityinfo .editavailability a {
29117 border-radius: 0.25rem;
29118 font-weight: bold;
29120 .course-section .availabilityinfo .editavailability a:hover {
29121 background-color: #ced4da;
29123 .course-section .availabilityinfo .editavailability a .icon {
29124 font-size: inherit;
29125 margin-right: 0.25rem;
29127 .course-section.section-summary {
29128 padding-left: 1rem;
29129 padding-right: 1rem;
29130 margin-bottom: 0.5rem;
29131 margin-top: 0.5rem;
29132 border-radius: 0.25rem;
29134 .course-section .section-summary-activities .icon {
29135 width: inherit;
29136 color: #0f6cbf;
29138 .course-section .section-summary-activities + .section {
29139 border-top: 1px solid #dee2e6;
29140 margin-top: 1rem !important;
29141 padding-top: 1rem !important;
29143 .course-section .section_goto .icon {
29144 font-size: 1.171875rem;
29145 color: #0f6cbf;
29148 /* Re-style ordered list in course content */
29149 .course-content .activity-altcontent ul {
29150 list-style: disc;
29152 .course-content .activity-altcontent ul ul {
29153 list-style: circle;
29155 .course-content .activity-altcontent ul ul ul {
29156 list-style: square;
29159 /* Activity cards */
29160 .activity-item {
29161 position: relative;
29162 border-radius: 1rem;
29164 .activity-item:not(.activityinline) {
29165 border: 1px solid #dee2e6;
29166 padding: 1rem;
29168 .activity-item.activityinline {
29169 padding: 1rem 0;
29171 .activity-item.hiddenactivity {
29172 background-color: #f8f9fa;
29174 .activity-item.hiddenactivity .activityiconcontainer,
29175 .activity-item.hiddenactivity .badge {
29176 mix-blend-mode: multiply;
29178 .activity-item .activity-grid {
29179 display: grid;
29180 align-items: center;
29181 grid-template-columns: min-content 1fr min-content min-content min-content;
29182 grid-template-rows: 1fr repeat(5, min-content);
29183 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";
29185 @media (max-width: 575.98px) {
29186 .activity-item .activity-grid {
29187 grid-template-columns: min-content 1fr min-content min-content min-content;
29188 grid-template-rows: 1fr repeat(4, min-content);
29189 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";
29192 .activity-item .activity-grid.noname-grid {
29193 grid-template-columns: min-content min-content 1fr min-content;
29194 grid-template-areas: "visibility groupmode completion actions" "altcontent altcontent altcontent altcontent" "afterlink afterlink afterlink afterlink" "availability availability availability availability";
29196 @media (max-width: 575.98px) {
29197 .activity-item .activity-grid.noname-grid {
29198 grid-template-columns: 1fr min-content;
29199 grid-template-areas: "visibility actions" "altcontent altcontent" "groupmode groupmode" "afterlink afterlink" "completion completion" "availability availability";
29202 .activity-item .activity-actions {
29203 grid-area: actions;
29205 .activity-item .activity-actions .actions {
29206 position: relative;
29208 .activity-item .activity-actions .action-menu .btn.btn-icon {
29209 height: 32px;
29210 width: 32px;
29211 border-radius: 0.25rem;
29213 .activity-item .activity-icon {
29214 grid-area: icon;
29216 .activity-item .activity-dates {
29217 grid-area: dates;
29218 font-size: 0.875em;
29219 color: #495057;
29220 display: flex;
29221 flex-wrap: wrap;
29222 column-gap: 0.75rem;
29224 @media (max-width: 575.98px) {
29225 .activity-item .activity-dates {
29226 margin-top: 0.5rem;
29229 .activity-item .activity-name-area {
29230 grid-area: name;
29232 .activity-item .activity-name-area .activityname .afterlink {
29233 margin-left: 0.5rem;
29235 .activity-item .activity-name-area .activityname .inplaceeditable .quickeditlink {
29236 position: relative;
29237 z-index: 2;
29238 margin-left: 0.5rem;
29240 .activity-item .activity-name-area .activitybadge.badge-none {
29241 font-weight: normal;
29242 font-size: 0.875em;
29243 padding: 0;
29245 .activity-item .activity-completion {
29246 grid-area: completion;
29247 justify-self: end;
29249 .activity-item .activity-completion button.btn,
29250 .activity-item .activity-completion a[role=button].btn {
29251 color: #1d2125;
29252 background-color: #fff;
29253 border-color: #ced4da;
29254 min-height: 32px;
29255 font-weight: bold;
29256 border-radius: 0.25rem;
29258 .activity-item .activity-completion button.btn:hover,
29259 .activity-item .activity-completion a[role=button].btn:hover {
29260 color: #fff;
29261 background-color: #6a737b;
29262 border-color: #b1bbc4;
29264 .activity-item .activity-completion button.btn:focus, .activity-item .activity-completion button.btn.focus,
29265 .activity-item .activity-completion a[role=button].btn:focus,
29266 .activity-item .activity-completion a[role=button].btn.focus {
29267 color: #fff;
29268 background-color: #6a737b;
29269 border-color: #b1bbc4;
29270 box-shadow: 0 0 0 0.2rem rgba(179, 185, 191, 0.5);
29272 .activity-item .activity-completion button.btn.disabled, .activity-item .activity-completion button.btn:disabled,
29273 .activity-item .activity-completion a[role=button].btn.disabled,
29274 .activity-item .activity-completion a[role=button].btn:disabled {
29275 color: #1d2125;
29276 background-color: #fff;
29277 border-color: #ced4da;
29279 .activity-item .activity-completion button.btn:not(:disabled):not(.disabled):active, .activity-item .activity-completion button.btn:not(:disabled):not(.disabled).active, .show > .activity-item .activity-completion button.btn.dropdown-toggle,
29280 .activity-item .activity-completion a[role=button].btn:not(:disabled):not(.disabled):active,
29281 .activity-item .activity-completion a[role=button].btn:not(:disabled):not(.disabled).active,
29282 .show > .activity-item .activity-completion a[role=button].btn.dropdown-toggle {
29283 color: #1d2125;
29284 background-color: #e6e6e6;
29285 border-color: #aab4bf;
29287 .activity-item .activity-completion button.btn:not(:disabled):not(.disabled):active:focus, .activity-item .activity-completion button.btn:not(:disabled):not(.disabled).active:focus, .show > .activity-item .activity-completion button.btn.dropdown-toggle:focus,
29288 .activity-item .activity-completion a[role=button].btn:not(:disabled):not(.disabled):active:focus,
29289 .activity-item .activity-completion a[role=button].btn:not(:disabled):not(.disabled).active:focus,
29290 .show > .activity-item .activity-completion a[role=button].btn.dropdown-toggle:focus {
29291 box-shadow: 0 0 0 0.2rem rgba(179, 185, 191, 0.5);
29293 .activity-item .activity-completion button.btn .icon,
29294 .activity-item .activity-completion a[role=button].btn .icon {
29295 font-size: inherit;
29297 .activity-item .activity-completion button.btn-primary,
29298 .activity-item .activity-completion a[role=button].btn-primary {
29299 color: #1d2125;
29300 background-color: #cfe2f2;
29301 border-color: #cfe2f2;
29302 color: #083863;
29304 .activity-item .activity-completion button.btn-primary:hover,
29305 .activity-item .activity-completion a[role=button].btn-primary:hover {
29306 color: #fff;
29307 background-color: #0f6cbf;
29308 border-color: #a7cae7;
29310 .activity-item .activity-completion button.btn-primary:focus, .activity-item .activity-completion button.btn-primary.focus,
29311 .activity-item .activity-completion a[role=button].btn-primary:focus,
29312 .activity-item .activity-completion a[role=button].btn-primary.focus {
29313 color: #fff;
29314 background-color: #0f6cbf;
29315 border-color: #a7cae7;
29316 box-shadow: 0 0 0 0.2rem rgba(180, 197, 211, 0.5);
29318 .activity-item .activity-completion button.btn-primary.disabled, .activity-item .activity-completion button.btn-primary:disabled,
29319 .activity-item .activity-completion a[role=button].btn-primary.disabled,
29320 .activity-item .activity-completion a[role=button].btn-primary:disabled {
29321 color: #1d2125;
29322 background-color: #cfe2f2;
29323 border-color: #cfe2f2;
29325 .activity-item .activity-completion button.btn-primary:not(:disabled):not(.disabled):active, .activity-item .activity-completion button.btn-primary:not(:disabled):not(.disabled).active, .show > .activity-item .activity-completion button.btn-primary.dropdown-toggle,
29326 .activity-item .activity-completion a[role=button].btn-primary:not(:disabled):not(.disabled):active,
29327 .activity-item .activity-completion a[role=button].btn-primary:not(:disabled):not(.disabled).active,
29328 .show > .activity-item .activity-completion a[role=button].btn-primary.dropdown-toggle {
29329 color: #1d2125;
29330 background-color: #a7cae7;
29331 border-color: #9dc4e4;
29333 .activity-item .activity-completion button.btn-primary:not(:disabled):not(.disabled):active:focus, .activity-item .activity-completion button.btn-primary:not(:disabled):not(.disabled).active:focus, .show > .activity-item .activity-completion button.btn-primary.dropdown-toggle:focus,
29334 .activity-item .activity-completion a[role=button].btn-primary:not(:disabled):not(.disabled):active:focus,
29335 .activity-item .activity-completion a[role=button].btn-primary:not(:disabled):not(.disabled).active:focus,
29336 .show > .activity-item .activity-completion a[role=button].btn-primary.dropdown-toggle:focus {
29337 box-shadow: 0 0 0 0.2rem rgba(180, 197, 211, 0.5);
29339 .activity-item .activity-completion button.btn-primary:hover,
29340 .activity-item .activity-completion a[role=button].btn-primary:hover {
29341 color: #fff;
29343 .activity-item .activity-completion button.btn-secondary,
29344 .activity-item .activity-completion a[role=button].btn-secondary {
29345 color: #1d2125;
29346 background-color: #f5f6f8;
29347 border-color: #f5f6f8;
29348 color: #6b6e71;
29350 .activity-item .activity-completion button.btn-secondary:hover,
29351 .activity-item .activity-completion a[role=button].btn-secondary:hover {
29352 color: #1d2125;
29353 background-color: #ced4da;
29354 border-color: #d7dbe3;
29356 .activity-item .activity-completion button.btn-secondary:focus, .activity-item .activity-completion button.btn-secondary.focus,
29357 .activity-item .activity-completion a[role=button].btn-secondary:focus,
29358 .activity-item .activity-completion a[role=button].btn-secondary.focus {
29359 color: #1d2125;
29360 background-color: #ced4da;
29361 border-color: #d7dbe3;
29362 box-shadow: 0 0 0 0.2rem rgba(213, 214, 216, 0.5);
29364 .activity-item .activity-completion button.btn-secondary.disabled, .activity-item .activity-completion button.btn-secondary:disabled,
29365 .activity-item .activity-completion a[role=button].btn-secondary.disabled,
29366 .activity-item .activity-completion a[role=button].btn-secondary:disabled {
29367 color: #1d2125;
29368 background-color: #f5f6f8;
29369 border-color: #f5f6f8;
29371 .activity-item .activity-completion button.btn-secondary:not(:disabled):not(.disabled):active, .activity-item .activity-completion button.btn-secondary:not(:disabled):not(.disabled).active, .show > .activity-item .activity-completion button.btn-secondary.dropdown-toggle,
29372 .activity-item .activity-completion a[role=button].btn-secondary:not(:disabled):not(.disabled):active,
29373 .activity-item .activity-completion a[role=button].btn-secondary:not(:disabled):not(.disabled).active,
29374 .show > .activity-item .activity-completion a[role=button].btn-secondary.dropdown-toggle {
29375 color: #1d2125;
29376 background-color: #d7dbe3;
29377 border-color: #d0d4de;
29379 .activity-item .activity-completion button.btn-secondary:not(:disabled):not(.disabled):active:focus, .activity-item .activity-completion button.btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .activity-item .activity-completion button.btn-secondary.dropdown-toggle:focus,
29380 .activity-item .activity-completion a[role=button].btn-secondary:not(:disabled):not(.disabled):active:focus,
29381 .activity-item .activity-completion a[role=button].btn-secondary:not(:disabled):not(.disabled).active:focus,
29382 .show > .activity-item .activity-completion a[role=button].btn-secondary.dropdown-toggle:focus {
29383 box-shadow: 0 0 0 0.2rem rgba(213, 214, 216, 0.5);
29385 .activity-item .activity-completion button.btn-secondary:hover,
29386 .activity-item .activity-completion a[role=button].btn-secondary:hover {
29387 color: #1d2125;
29389 .activity-item .activity-completion button.btn-success,
29390 .activity-item .activity-completion a[role=button].btn-success {
29391 color: #1d2125;
29392 background-color: #d7e4d6;
29393 border-color: #d7e4d6;
29394 color: #1c3f1a;
29396 .activity-item .activity-completion button.btn-success:hover,
29397 .activity-item .activity-completion a[role=button].btn-success:hover {
29398 color: #fff;
29399 background-color: #357a32;
29400 border-color: #b9d0b7;
29402 .activity-item .activity-completion button.btn-success:focus, .activity-item .activity-completion button.btn-success.focus,
29403 .activity-item .activity-completion a[role=button].btn-success:focus,
29404 .activity-item .activity-completion a[role=button].btn-success.focus {
29405 color: #fff;
29406 background-color: #357a32;
29407 border-color: #b9d0b7;
29408 box-shadow: 0 0 0 0.2rem rgba(187, 199, 187, 0.5);
29410 .activity-item .activity-completion button.btn-success.disabled, .activity-item .activity-completion button.btn-success:disabled,
29411 .activity-item .activity-completion a[role=button].btn-success.disabled,
29412 .activity-item .activity-completion a[role=button].btn-success:disabled {
29413 color: #1d2125;
29414 background-color: #d7e4d6;
29415 border-color: #d7e4d6;
29417 .activity-item .activity-completion button.btn-success:not(:disabled):not(.disabled):active, .activity-item .activity-completion button.btn-success:not(:disabled):not(.disabled).active, .show > .activity-item .activity-completion button.btn-success.dropdown-toggle,
29418 .activity-item .activity-completion a[role=button].btn-success:not(:disabled):not(.disabled):active,
29419 .activity-item .activity-completion a[role=button].btn-success:not(:disabled):not(.disabled).active,
29420 .show > .activity-item .activity-completion a[role=button].btn-success.dropdown-toggle {
29421 color: #1d2125;
29422 background-color: #b9d0b7;
29423 border-color: #b2cbb0;
29425 .activity-item .activity-completion button.btn-success:not(:disabled):not(.disabled):active:focus, .activity-item .activity-completion button.btn-success:not(:disabled):not(.disabled).active:focus, .show > .activity-item .activity-completion button.btn-success.dropdown-toggle:focus,
29426 .activity-item .activity-completion a[role=button].btn-success:not(:disabled):not(.disabled):active:focus,
29427 .activity-item .activity-completion a[role=button].btn-success:not(:disabled):not(.disabled).active:focus,
29428 .show > .activity-item .activity-completion a[role=button].btn-success.dropdown-toggle:focus {
29429 box-shadow: 0 0 0 0.2rem rgba(187, 199, 187, 0.5);
29431 .activity-item .activity-completion button.btn-success:hover,
29432 .activity-item .activity-completion a[role=button].btn-success:hover {
29433 color: #fff;
29435 .activity-item .activity-completion button.btn-info,
29436 .activity-item .activity-completion a[role=button].btn-info {
29437 color: #1d2125;
29438 background-color: #cce6ea;
29439 border-color: #cce6ea;
29440 color: #00434e;
29442 .activity-item .activity-completion button.btn-info:hover,
29443 .activity-item .activity-completion a[role=button].btn-info:hover {
29444 color: #fff;
29445 background-color: #008196;
29446 border-color: #a8d4db;
29448 .activity-item .activity-completion button.btn-info:focus, .activity-item .activity-completion button.btn-info.focus,
29449 .activity-item .activity-completion a[role=button].btn-info:focus,
29450 .activity-item .activity-completion a[role=button].btn-info.focus {
29451 color: #fff;
29452 background-color: #008196;
29453 border-color: #a8d4db;
29454 box-shadow: 0 0 0 0.2rem rgba(178, 200, 204, 0.5);
29456 .activity-item .activity-completion button.btn-info.disabled, .activity-item .activity-completion button.btn-info:disabled,
29457 .activity-item .activity-completion a[role=button].btn-info.disabled,
29458 .activity-item .activity-completion a[role=button].btn-info:disabled {
29459 color: #1d2125;
29460 background-color: #cce6ea;
29461 border-color: #cce6ea;
29463 .activity-item .activity-completion button.btn-info:not(:disabled):not(.disabled):active, .activity-item .activity-completion button.btn-info:not(:disabled):not(.disabled).active, .show > .activity-item .activity-completion button.btn-info.dropdown-toggle,
29464 .activity-item .activity-completion a[role=button].btn-info:not(:disabled):not(.disabled):active,
29465 .activity-item .activity-completion a[role=button].btn-info:not(:disabled):not(.disabled).active,
29466 .show > .activity-item .activity-completion a[role=button].btn-info.dropdown-toggle {
29467 color: #1d2125;
29468 background-color: #a8d4db;
29469 border-color: #9fd0d7;
29471 .activity-item .activity-completion button.btn-info:not(:disabled):not(.disabled):active:focus, .activity-item .activity-completion button.btn-info:not(:disabled):not(.disabled).active:focus, .show > .activity-item .activity-completion button.btn-info.dropdown-toggle:focus,
29472 .activity-item .activity-completion a[role=button].btn-info:not(:disabled):not(.disabled):active:focus,
29473 .activity-item .activity-completion a[role=button].btn-info:not(:disabled):not(.disabled).active:focus,
29474 .show > .activity-item .activity-completion a[role=button].btn-info.dropdown-toggle:focus {
29475 box-shadow: 0 0 0 0.2rem rgba(178, 200, 204, 0.5);
29477 .activity-item .activity-completion button.btn-info:hover,
29478 .activity-item .activity-completion a[role=button].btn-info:hover {
29479 color: #fff;
29481 .activity-item .activity-completion button.btn-warning,
29482 .activity-item .activity-completion a[role=button].btn-warning {
29483 color: #1d2125;
29484 background-color: #fcefdc;
29485 border-color: #fcefdc;
29486 color: #7d5a29;
29488 .activity-item .activity-completion button.btn-warning:hover,
29489 .activity-item .activity-completion a[role=button].btn-warning:hover {
29490 color: #1d2125;
29491 background-color: #f0ad4e;
29492 border-color: #f8daad;
29494 .activity-item .activity-completion button.btn-warning:focus, .activity-item .activity-completion button.btn-warning.focus,
29495 .activity-item .activity-completion a[role=button].btn-warning:focus,
29496 .activity-item .activity-completion a[role=button].btn-warning.focus {
29497 color: #1d2125;
29498 background-color: #f0ad4e;
29499 border-color: #f8daad;
29500 box-shadow: 0 0 0 0.2rem rgba(219, 208, 193, 0.5);
29502 .activity-item .activity-completion button.btn-warning.disabled, .activity-item .activity-completion button.btn-warning:disabled,
29503 .activity-item .activity-completion a[role=button].btn-warning.disabled,
29504 .activity-item .activity-completion a[role=button].btn-warning:disabled {
29505 color: #1d2125;
29506 background-color: #fcefdc;
29507 border-color: #fcefdc;
29509 .activity-item .activity-completion button.btn-warning:not(:disabled):not(.disabled):active, .activity-item .activity-completion button.btn-warning:not(:disabled):not(.disabled).active, .show > .activity-item .activity-completion button.btn-warning.dropdown-toggle,
29510 .activity-item .activity-completion a[role=button].btn-warning:not(:disabled):not(.disabled):active,
29511 .activity-item .activity-completion a[role=button].btn-warning:not(:disabled):not(.disabled).active,
29512 .show > .activity-item .activity-completion a[role=button].btn-warning.dropdown-toggle {
29513 color: #1d2125;
29514 background-color: #f8daad;
29515 border-color: #f7d4a1;
29517 .activity-item .activity-completion button.btn-warning:not(:disabled):not(.disabled):active:focus, .activity-item .activity-completion button.btn-warning:not(:disabled):not(.disabled).active:focus, .show > .activity-item .activity-completion button.btn-warning.dropdown-toggle:focus,
29518 .activity-item .activity-completion a[role=button].btn-warning:not(:disabled):not(.disabled):active:focus,
29519 .activity-item .activity-completion a[role=button].btn-warning:not(:disabled):not(.disabled).active:focus,
29520 .show > .activity-item .activity-completion a[role=button].btn-warning.dropdown-toggle:focus {
29521 box-shadow: 0 0 0 0.2rem rgba(219, 208, 193, 0.5);
29523 .activity-item .activity-completion button.btn-warning:hover,
29524 .activity-item .activity-completion a[role=button].btn-warning:hover {
29525 color: #1d2125;
29527 .activity-item .activity-completion button.btn-danger,
29528 .activity-item .activity-completion a[role=button].btn-danger {
29529 color: #1d2125;
29530 background-color: #f4d6d2;
29531 border-color: #f4d6d2;
29532 color: #691911;
29534 .activity-item .activity-completion button.btn-danger:hover,
29535 .activity-item .activity-completion a[role=button].btn-danger:hover {
29536 color: #fff;
29537 background-color: #ca3120;
29538 border-color: #eab1a9;
29540 .activity-item .activity-completion button.btn-danger:focus, .activity-item .activity-completion button.btn-danger.focus,
29541 .activity-item .activity-completion a[role=button].btn-danger:focus,
29542 .activity-item .activity-completion a[role=button].btn-danger.focus {
29543 color: #fff;
29544 background-color: #ca3120;
29545 border-color: #eab1a9;
29546 box-shadow: 0 0 0 0.2rem rgba(212, 187, 184, 0.5);
29548 .activity-item .activity-completion button.btn-danger.disabled, .activity-item .activity-completion button.btn-danger:disabled,
29549 .activity-item .activity-completion a[role=button].btn-danger.disabled,
29550 .activity-item .activity-completion a[role=button].btn-danger:disabled {
29551 color: #1d2125;
29552 background-color: #f4d6d2;
29553 border-color: #f4d6d2;
29555 .activity-item .activity-completion button.btn-danger:not(:disabled):not(.disabled):active, .activity-item .activity-completion button.btn-danger:not(:disabled):not(.disabled).active, .show > .activity-item .activity-completion button.btn-danger.dropdown-toggle,
29556 .activity-item .activity-completion a[role=button].btn-danger:not(:disabled):not(.disabled):active,
29557 .activity-item .activity-completion a[role=button].btn-danger:not(:disabled):not(.disabled).active,
29558 .show > .activity-item .activity-completion a[role=button].btn-danger.dropdown-toggle {
29559 color: #1d2125;
29560 background-color: #eab1a9;
29561 border-color: #e7a79f;
29563 .activity-item .activity-completion button.btn-danger:not(:disabled):not(.disabled):active:focus, .activity-item .activity-completion button.btn-danger:not(:disabled):not(.disabled).active:focus, .show > .activity-item .activity-completion button.btn-danger.dropdown-toggle:focus,
29564 .activity-item .activity-completion a[role=button].btn-danger:not(:disabled):not(.disabled):active:focus,
29565 .activity-item .activity-completion a[role=button].btn-danger:not(:disabled):not(.disabled).active:focus,
29566 .show > .activity-item .activity-completion a[role=button].btn-danger.dropdown-toggle:focus {
29567 box-shadow: 0 0 0 0.2rem rgba(212, 187, 184, 0.5);
29569 .activity-item .activity-completion button.btn-danger:hover,
29570 .activity-item .activity-completion a[role=button].btn-danger:hover {
29571 color: #fff;
29573 .activity-item .activity-completion button.btn-light,
29574 .activity-item .activity-completion a[role=button].btn-light {
29575 color: #1d2125;
29576 background-color: #fefefe;
29577 border-color: #fefefe;
29578 color: #818182;
29580 .activity-item .activity-completion button.btn-light:hover,
29581 .activity-item .activity-completion a[role=button].btn-light:hover {
29582 color: #1d2125;
29583 background-color: #f8f9fa;
29584 border-color: #e5e5e5;
29586 .activity-item .activity-completion button.btn-light:focus, .activity-item .activity-completion button.btn-light.focus,
29587 .activity-item .activity-completion a[role=button].btn-light:focus,
29588 .activity-item .activity-completion a[role=button].btn-light.focus {
29589 color: #1d2125;
29590 background-color: #f8f9fa;
29591 border-color: #e5e5e5;
29592 box-shadow: 0 0 0 0.2rem rgba(220, 221, 221, 0.5);
29594 .activity-item .activity-completion button.btn-light.disabled, .activity-item .activity-completion button.btn-light:disabled,
29595 .activity-item .activity-completion a[role=button].btn-light.disabled,
29596 .activity-item .activity-completion a[role=button].btn-light:disabled {
29597 color: #1d2125;
29598 background-color: #fefefe;
29599 border-color: #fefefe;
29601 .activity-item .activity-completion button.btn-light:not(:disabled):not(.disabled):active, .activity-item .activity-completion button.btn-light:not(:disabled):not(.disabled).active, .show > .activity-item .activity-completion button.btn-light.dropdown-toggle,
29602 .activity-item .activity-completion a[role=button].btn-light:not(:disabled):not(.disabled):active,
29603 .activity-item .activity-completion a[role=button].btn-light:not(:disabled):not(.disabled).active,
29604 .show > .activity-item .activity-completion a[role=button].btn-light.dropdown-toggle {
29605 color: #1d2125;
29606 background-color: #e5e5e5;
29607 border-color: #dedede;
29609 .activity-item .activity-completion button.btn-light:not(:disabled):not(.disabled):active:focus, .activity-item .activity-completion button.btn-light:not(:disabled):not(.disabled).active:focus, .show > .activity-item .activity-completion button.btn-light.dropdown-toggle:focus,
29610 .activity-item .activity-completion a[role=button].btn-light:not(:disabled):not(.disabled):active:focus,
29611 .activity-item .activity-completion a[role=button].btn-light:not(:disabled):not(.disabled).active:focus,
29612 .show > .activity-item .activity-completion a[role=button].btn-light.dropdown-toggle:focus {
29613 box-shadow: 0 0 0 0.2rem rgba(220, 221, 221, 0.5);
29615 .activity-item .activity-completion button.btn-light:hover,
29616 .activity-item .activity-completion a[role=button].btn-light:hover {
29617 color: #1d2125;
29619 .activity-item .activity-completion button.btn-dark,
29620 .activity-item .activity-completion a[role=button].btn-dark {
29621 color: #1d2125;
29622 background-color: #d6d8d9;
29623 border-color: #d6d8d9;
29624 color: #1b1e21;
29626 .activity-item .activity-completion button.btn-dark:hover,
29627 .activity-item .activity-completion a[role=button].btn-dark:hover {
29628 color: #fff;
29629 background-color: #343a40;
29630 border-color: #bcbfc0;
29632 .activity-item .activity-completion button.btn-dark:focus, .activity-item .activity-completion button.btn-dark.focus,
29633 .activity-item .activity-completion a[role=button].btn-dark:focus,
29634 .activity-item .activity-completion a[role=button].btn-dark.focus {
29635 color: #fff;
29636 background-color: #343a40;
29637 border-color: #bcbfc0;
29638 box-shadow: 0 0 0 0.2rem rgba(186, 189, 190, 0.5);
29640 .activity-item .activity-completion button.btn-dark.disabled, .activity-item .activity-completion button.btn-dark:disabled,
29641 .activity-item .activity-completion a[role=button].btn-dark.disabled,
29642 .activity-item .activity-completion a[role=button].btn-dark:disabled {
29643 color: #1d2125;
29644 background-color: #d6d8d9;
29645 border-color: #d6d8d9;
29647 .activity-item .activity-completion button.btn-dark:not(:disabled):not(.disabled):active, .activity-item .activity-completion button.btn-dark:not(:disabled):not(.disabled).active, .show > .activity-item .activity-completion button.btn-dark.dropdown-toggle,
29648 .activity-item .activity-completion a[role=button].btn-dark:not(:disabled):not(.disabled):active,
29649 .activity-item .activity-completion a[role=button].btn-dark:not(:disabled):not(.disabled).active,
29650 .show > .activity-item .activity-completion a[role=button].btn-dark.dropdown-toggle {
29651 color: #1d2125;
29652 background-color: #bcbfc0;
29653 border-color: #b5b9ba;
29655 .activity-item .activity-completion button.btn-dark:not(:disabled):not(.disabled):active:focus, .activity-item .activity-completion button.btn-dark:not(:disabled):not(.disabled).active:focus, .show > .activity-item .activity-completion button.btn-dark.dropdown-toggle:focus,
29656 .activity-item .activity-completion a[role=button].btn-dark:not(:disabled):not(.disabled):active:focus,
29657 .activity-item .activity-completion a[role=button].btn-dark:not(:disabled):not(.disabled).active:focus,
29658 .show > .activity-item .activity-completion a[role=button].btn-dark.dropdown-toggle:focus {
29659 box-shadow: 0 0 0 0.2rem rgba(186, 189, 190, 0.5);
29661 .activity-item .activity-completion button.btn-dark:hover,
29662 .activity-item .activity-completion a[role=button].btn-dark:hover {
29663 color: #fff;
29665 @media (max-width: 575.98px) {
29666 .activity-item .activity-completion {
29667 width: 100%;
29668 margin-top: 0.5rem;
29670 .activity-item .activity-completion button {
29671 width: 100%;
29674 .activity-item .activity-completion .completion-dialog {
29675 color: #495057;
29676 font-size: 0.8203125rem;
29677 min-width: 12rem;
29679 .activity-item .activity-completion .completion-dialog .icon {
29680 font-size: 0.8203125rem;
29681 width: 0.8203125rem;
29682 height: 0.8203125rem;
29683 margin-right: 0.25rem;
29685 .activity-item .activity-completion .completion-dialog .editcompletion a {
29686 border-radius: 0.25rem;
29687 color: #495057;
29688 font-weight: bold;
29689 text-decoration: none;
29691 .activity-item .activity-completion .completion-dialog .editcompletion a:hover {
29692 background-color: #e9ecef;
29694 .activity-item .activity-groupmode-info {
29695 grid-area: groupmode;
29696 justify-self: end;
29698 .activity-item .activity-groupmode-info .groupmode-information {
29699 height: 32px;
29700 width: 32px;
29701 border-radius: 0.25rem;
29703 .activity-item .activity-groupmode-info .groupmode-icon-info {
29704 display: none;
29706 @media (max-width: 575.98px) {
29707 .activity-item .activity-groupmode-info {
29708 width: 100%;
29709 margin-top: 0.5rem;
29710 padding-top: 0.5rem;
29711 border-top: 1px solid #dee2e6;
29713 .activity-item .activity-groupmode-info .groupmode-information {
29714 width: auto;
29715 font-size: inherit;
29716 padding: 0 0.5rem;
29718 .activity-item .activity-groupmode-info .groupmode-icon-info {
29719 display: inline;
29721 .activity-item .activity-groupmode-info .v-parent-focus {
29722 opacity: 1;
29723 visibility: visible;
29726 .activity-item .activity-badges {
29727 grid-area: visibility;
29729 .activity-item .activity-badges .badge {
29730 font-weight: normal;
29732 .activity-item .activity-badges .badge .icon {
29733 font-size: 12px;
29734 width: 12px;
29735 height: 12px;
29737 .activity-item .activity-altcontent {
29738 grid-area: altcontent;
29739 margin-top: 0.25rem;
29741 .activity-item .activity-altcontent.activity-description {
29742 margin-top: 0.5rem;
29743 padding-top: 0.5rem;
29744 border-top: 1px solid #dee2e6;
29745 font-size: 0.875em;
29747 .activity-item .activity-altcontent img {
29748 border-radius: 1rem;
29750 .activity-item .activity-availability {
29751 grid-area: availability;
29753 .activity-item .activity-afterlink {
29754 grid-area: afterlink;
29755 margin-top: 0.5rem;
29756 padding-top: 0.5rem;
29757 border-top: 1px solid #dee2e6;
29759 .activity-item .no-overflow {
29760 width: 100%;
29762 @media (min-width: 768px) {
29763 .activity-item:not(.activityinline) {
29764 padding: 1rem;
29768 /* Activity card in editing mode */
29769 .editing .activity-item {
29770 cursor: move;
29772 .editing .activity-item .a {
29773 cursor: pointer;
29775 .editing .activity-item:hover, .editing .activity-item.selected {
29776 color: #1d2125;
29777 background-color: #f5f9fc;
29778 border-color: #3584c9;
29780 .editing .activity-item:hover hr, .editing .activity-item.selected hr {
29781 border-top-color: #3077b5;
29783 .editing .activity-item:hover .alert-link, .editing .activity-item.selected .alert-link {
29784 color: #070808;
29786 .editing .activity-item:hover .activityiconcontainer,
29787 .editing .activity-item:hover .badge, .editing .activity-item.selected .activityiconcontainer,
29788 .editing .activity-item.selected .badge {
29789 mix-blend-mode: multiply;
29792 .section .draggable .activity-item .dragicon {
29793 display: none;
29796 /* Activity divider */
29797 .activity:focus-within + .activity div.divider button,
29798 .course-section-header:focus-within + .content .section .activity:first-child div.divider button,
29799 .content .section .activity:focus-within div.divider button {
29800 visibility: visible;
29803 .activity div.divider {
29804 height: 2rem;
29805 margin-top: -1.25rem;
29806 margin-bottom: -0.75rem;
29807 z-index: 5;
29809 .activity div.divider button {
29810 border-radius: 100%;
29811 width: 2rem;
29812 height: 2rem;
29813 position: relative;
29814 left: 50%;
29815 opacity: 0;
29816 visibility: hidden;
29817 transition: visibility 0.1s;
29818 margin: 0;
29819 padding: 0;
29821 .activity div.divider button i.icon {
29822 height: 1.5rem;
29823 width: 1.5rem;
29824 font-size: 1.5rem;
29825 position: absolute;
29826 left: calc(0.25rem - 1px);
29827 top: calc(0.25rem - 0.5px);
29829 .activity:not(.dragging) div.divider:hover button, .activity:not(.dragging) div.divider:focus button, .activity:not(.dragging) div.divider:focus-within button {
29830 opacity: 1;
29831 visibility: visible;
29834 /* Bulk editing */
29835 .bulkenabled .bulk-hidden {
29836 display: none !important;
29839 .activity-item .bulkselect {
29840 position: absolute;
29841 left: -2rem;
29844 .course-section-header .bulkselect {
29845 left: -2rem;
29846 position: relative;
29847 width: 0;
29850 @media (max-width: 767.98px) {
29851 .bulkenabled .course-content {
29852 margin-left: 2rem;
29855 /* Activity completion */
29856 .defaultactivitycompletion-item a {
29857 color: #000;
29858 text-decoration: none;
29860 .defaultactivitycompletion-item a img {
29861 filter: invert(25%) sepia(86%) saturate(1158%) hue-rotate(189deg) brightness(104%) contrast(92%);
29863 .defaultactivitycompletion-item .activityicon {
29864 width: 32px;
29865 height: 32px;
29868 /* Anchor link offset fix. This makes hash links scroll 60px down to account for the fixed header. */
29869 :target {
29870 scroll-margin-top: 60px;
29873 .pagelayout-embedded :target {
29874 padding-top: initial;
29875 margin-top: initial;
29878 #nav-drawer.closed {
29879 left: -305px;
29882 #nav-drawer[aria-hidden=true] .list-group-item {
29883 display: none;
29886 /* Use a variable for the drawer background colors. */
29887 [data-region=drawer] {
29888 position: fixed;
29889 width: 285px;
29890 top: 50px;
29891 height: calc(100% - 50px);
29892 overflow-y: auto;
29893 -webkit-overflow-scrolling: touch;
29894 z-index: 999;
29895 background-color: #f2f2f2;
29896 transition: right 0.5s ease, left 0.5s ease;
29898 @media (prefers-reduced-motion: reduce) {
29899 [data-region=drawer] {
29900 transition: none;
29904 @media (min-width: 576px) {
29905 [data-region=drawer] {
29906 padding: 20px 20px;
29908 .jsenabled .btn-footer-popover,
29909 .jsenabled .btn-footer-communication {
29910 transition: 0.2s;
29913 @media (min-width: 576px) and (prefers-reduced-motion: reduce) {
29914 .jsenabled .btn-footer-popover,
29915 .jsenabled .btn-footer-communication {
29916 transition: none;
29919 #nav-drawer {
29920 right: auto;
29921 left: 0;
29922 /* Override the z-indexes defined in bootstrap/_list-group.scss that
29923 lead to side effects on the user tours positioning. */
29925 #nav-drawer .list-group-item-action.active,
29926 #nav-drawer .list-group-item.active {
29927 z-index: inherit;
29929 #nav-drawer .list-group-item-action.active + .list-group-item,
29930 #nav-drawer .list-group-item.active + .list-group-item {
29931 border-top: none;
29933 #nav-drawer .list-group ul {
29934 list-style: none;
29935 padding: 0;
29936 margin: 0;
29938 #nav-drawer .list-group li {
29939 margin-bottom: -1px;
29941 #nav-drawer .list-group li:last-child {
29942 margin-bottom: 0;
29945 body.drawer-ease {
29946 transition: margin-left 0.5s ease, margin-right 0.5s ease;
29948 @media (prefers-reduced-motion: reduce) {
29949 body.drawer-ease {
29950 transition: none;
29954 @media (min-width: 768px) {
29955 body:not(.uses-drawers).drawer-open-left {
29956 margin-left: 285px;
29960 @media (min-width: 768px) {
29961 body.drawer-open-left #page.drawers {
29962 margin-left: 285px;
29963 padding-left: 1rem;
29967 @media (min-width: 768px) {
29968 body.drawer-open-right {
29969 margin-right: 315px;
29973 [data-region=right-hand-drawer] {
29974 display: flex;
29975 flex-direction: column;
29976 transition: right 0.2s ease-in-out;
29978 @media (prefers-reduced-motion: reduce) {
29979 [data-region=right-hand-drawer] {
29980 transition: none;
29983 [data-region=right-hand-drawer].drawer {
29984 z-index: 1021;
29985 position: fixed;
29986 top: 50px;
29987 right: 0;
29988 height: calc(100% - 50px);
29989 width: 320px;
29990 box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.25);
29991 padding: 0;
29992 visibility: visible;
29993 opacity: 1;
29995 [data-region=right-hand-drawer].hidden {
29996 display: block;
29997 right: -320px;
29998 visibility: hidden;
29999 opacity: 0;
30000 transition: right 0.2s ease-in-out, visibility 0s ease-in-out 0.2s, opacity 0s ease-in-out 0.2s;
30002 @media (prefers-reduced-motion: reduce) {
30003 [data-region=right-hand-drawer].hidden {
30004 transition: none;
30008 @media (max-width: 767.98px) {
30009 [data-region=right-hand-drawer].drawer {
30010 top: 0;
30011 height: 100%;
30012 z-index: 1031;
30014 body.drawer-open-left,
30015 body.drawer-open-right {
30016 overflow: hidden;
30019 .dir-rtl [data-region=right-hand-drawer] {
30020 box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
30023 .drawer {
30024 background-color: #f8f9fa;
30025 z-index: 1015;
30026 position: fixed;
30027 height: 100vh;
30028 top: 0;
30030 @media (max-width: 991.98px) {
30031 .drawer {
30032 z-index: 1035;
30035 .drawer.not-initialized {
30036 display: none;
30038 .drawer.drawer-right {
30039 transition: right 0.2s ease, top 0.2s ease, bottom 0.2s ease, visibility 0.2s ease, transform 0.5s ease;
30040 width: 315px;
30041 max-width: 315px;
30042 right: calc(-315px + -10px);
30043 visibility: hidden;
30045 @media (prefers-reduced-motion: reduce) {
30046 .drawer.drawer-right {
30047 transition: none;
30050 .drawer.drawer-right.show {
30051 right: 0;
30052 visibility: visible;
30054 .drawer.drawer-right .drawertoggle {
30055 margin-left: auto;
30056 margin-right: 5px;
30058 .drawer.drawer-left {
30059 transition: left 0.2s ease, top 0.2s ease, bottom 0.2s ease, visibility 0.2s ease;
30060 width: 285px;
30061 max-width: 285px;
30062 left: calc(-285px + -10px);
30063 visibility: hidden;
30065 @media (prefers-reduced-motion: reduce) {
30066 .drawer.drawer-left {
30067 transition: none;
30070 .drawer.drawer-left.show {
30071 left: 0;
30072 visibility: visible;
30074 .drawer.drawer-left .drawertoggle {
30075 margin-right: auto;
30076 margin-left: 5px;
30078 .drawer.drawer-bottom {
30079 bottom: -110%;
30081 .drawer.drawer-bottom.show {
30082 bottom: 0;
30084 .drawer.drawer-primary .drawertoggle {
30085 margin-right: 16px;
30086 margin-left: 5px;
30089 @media (min-width: 992px) {
30090 .drawer#theme_boost-drawers-blocks:focus-within {
30091 z-index: 1031;
30093 .drawer.not-initialized {
30094 display: block;
30097 .drawer-md,
30098 .drawer-sm {
30099 display: none;
30102 .drawerheader {
30103 padding: 0;
30104 height: 50px;
30105 display: flex;
30106 align-items: center;
30108 .drawerheader .sitename {
30109 overflow: hidden;
30110 white-space: nowrap;
30111 text-overflow: ellipsis;
30112 margin-right: 16px;
30115 .drawer.scrolled .drawerheader {
30116 box-shadow: 0 8px 11px -7px rgba(0, 0, 0, 0.25);
30119 @media (max-width: 991.98px) {
30120 .drawer-md {
30121 display: block;
30122 background-color: #f8f9fa;
30123 z-index: 1015;
30124 position: fixed;
30125 height: 100vh;
30126 top: 0;
30129 @media (max-width: 991.98px) and (max-width: 991.98px) {
30130 .drawer-md {
30131 z-index: 1035;
30134 @media (max-width: 991.98px) {
30135 .drawer-md.not-initialized {
30136 display: none;
30139 @media (max-width: 991.98px) {
30140 .drawer-md.drawer-right {
30141 transition: right 0.2s ease, top 0.2s ease, bottom 0.2s ease, visibility 0.2s ease, transform 0.5s ease;
30142 width: 315px;
30143 max-width: 315px;
30144 right: calc(-315px + -10px);
30145 visibility: hidden;
30148 @media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
30149 .drawer-md.drawer-right {
30150 transition: none;
30153 @media (max-width: 991.98px) {
30154 .drawer-md.drawer-right.show {
30155 right: 0;
30156 visibility: visible;
30159 @media (max-width: 991.98px) {
30160 .drawer-md.drawer-right .drawertoggle {
30161 margin-left: auto;
30162 margin-right: 5px;
30165 @media (max-width: 991.98px) {
30166 .drawer-md.drawer-left {
30167 transition: left 0.2s ease, top 0.2s ease, bottom 0.2s ease, visibility 0.2s ease;
30168 width: 285px;
30169 max-width: 285px;
30170 left: calc(-285px + -10px);
30171 visibility: hidden;
30174 @media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
30175 .drawer-md.drawer-left {
30176 transition: none;
30179 @media (max-width: 991.98px) {
30180 .drawer-md.drawer-left.show {
30181 left: 0;
30182 visibility: visible;
30185 @media (max-width: 991.98px) {
30186 .drawer-md.drawer-left .drawertoggle {
30187 margin-right: auto;
30188 margin-left: 5px;
30191 @media (max-width: 991.98px) {
30192 .drawer-md.drawer-bottom {
30193 bottom: -110%;
30195 .drawer-md.drawer-bottom.show {
30196 bottom: 0;
30199 @media (max-width: 991.98px) {
30200 .drawer-md.drawer-primary .drawertoggle {
30201 margin-right: 16px;
30202 margin-left: 5px;
30205 @media (max-width: 767.98px) {
30206 .drawer-sm {
30207 display: block;
30208 background-color: #f8f9fa;
30209 z-index: 1015;
30210 position: fixed;
30211 height: 100vh;
30212 top: 0;
30215 @media (max-width: 767.98px) and (max-width: 991.98px) {
30216 .drawer-sm {
30217 z-index: 1035;
30220 @media (max-width: 767.98px) {
30221 .drawer-sm.not-initialized {
30222 display: none;
30225 @media (max-width: 767.98px) {
30226 .drawer-sm.drawer-right {
30227 transition: right 0.2s ease, top 0.2s ease, bottom 0.2s ease, visibility 0.2s ease, transform 0.5s ease;
30228 width: 315px;
30229 max-width: 315px;
30230 right: calc(-315px + -10px);
30231 visibility: hidden;
30234 @media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
30235 .drawer-sm.drawer-right {
30236 transition: none;
30239 @media (max-width: 767.98px) {
30240 .drawer-sm.drawer-right.show {
30241 right: 0;
30242 visibility: visible;
30245 @media (max-width: 767.98px) {
30246 .drawer-sm.drawer-right .drawertoggle {
30247 margin-left: auto;
30248 margin-right: 5px;
30251 @media (max-width: 767.98px) {
30252 .drawer-sm.drawer-left {
30253 transition: left 0.2s ease, top 0.2s ease, bottom 0.2s ease, visibility 0.2s ease;
30254 width: 285px;
30255 max-width: 285px;
30256 left: calc(-285px + -10px);
30257 visibility: hidden;
30260 @media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
30261 .drawer-sm.drawer-left {
30262 transition: none;
30265 @media (max-width: 767.98px) {
30266 .drawer-sm.drawer-left.show {
30267 left: 0;
30268 visibility: visible;
30271 @media (max-width: 767.98px) {
30272 .drawer-sm.drawer-left .drawertoggle {
30273 margin-right: auto;
30274 margin-left: 5px;
30277 @media (max-width: 767.98px) {
30278 .drawer-sm.drawer-bottom {
30279 bottom: -110%;
30281 .drawer-sm.drawer-bottom.show {
30282 bottom: 0;
30285 @media (max-width: 767.98px) {
30286 .drawer-sm.drawer-primary .drawertoggle {
30287 margin-right: 16px;
30288 margin-left: 5px;
30291 .drawercontent {
30292 position: relative;
30293 z-index: -1;
30294 height: calc(100% - 50px);
30295 display: flex;
30296 flex-direction: column;
30297 flex-wrap: nowrap;
30298 overflow-y: auto;
30299 padding: 0.4rem;
30300 scrollbar-width: thin;
30301 scrollbar-color: #6a737b #f8f9fa;
30303 .drawercontent .dropdown-menu .dropdown-item {
30304 width: 220px;
30305 white-space: normal;
30307 .drawercontent::-webkit-scrollbar {
30308 width: 12px;
30310 .drawercontent::-webkit-scrollbar-track {
30311 background: #f8f9fa;
30313 .drawercontent::-webkit-scrollbar-thumb {
30314 background-color: #6a737b;
30315 border-radius: 20px;
30316 border: 3px solid #f8f9fa;
30318 .drawercontent::-webkit-scrollbar-thumb:hover {
30319 background-color: #495057;
30322 .fp-content-center {
30323 height: 100%;
30324 width: 100%;
30325 display: table-cell;
30326 vertical-align: middle;
30329 .fp-content-hidden {
30330 visibility: hidden;
30333 .yui3-panel-focused {
30334 outline: none;
30337 .fp-panel-button {
30338 background: #fff;
30339 padding: 3px 20px 2px 20px;
30340 text-align: center;
30341 margin: 10px;
30342 border-radius: 10px;
30343 display: inline-block;
30346 .filepicker .yui3-widget-content-expanded {
30347 height: auto;
30350 /* The javascript is adding a style="height: 0px;" to this element - we need to set the min-height so the height is ignored. */
30351 .filepicker .moodle-dialogue-bd {
30352 min-height: 520px;
30355 .file-picker .fp-navbar {
30356 min-height: 40px;
30357 padding: 4px;
30360 .fp-navbar {
30361 border-color: #8f959e;
30362 border-bottom: 0;
30363 border-bottom-left-radius: 0;
30364 border-bottom-right-radius: 0;
30367 .file-picker .fp-content {
30368 border-top: 0;
30369 background: #fff;
30370 clear: none;
30371 overflow: auto;
30372 height: 452px;
30375 .filepicker.moodle-dialogue-fullscreen .file-picker .fp-content {
30376 width: 100%;
30379 .file-picker .fp-content-loading {
30380 height: 100%;
30381 width: 100%;
30382 display: table;
30383 text-align: center;
30386 .file-picker .fp-content .fp-object-container {
30387 width: 98%;
30388 height: 98%;
30391 .file-picker .fp-def-search {
30392 margin-top: 0;
30395 .file-picker .fp-list {
30396 list-style-type: none;
30397 padding: 0;
30398 float: left;
30399 width: 100%;
30400 margin: 0;
30403 .file-picker .fp-list .fp-repo a {
30404 display: block;
30405 padding: 0.5em 0.7em;
30408 .file-picker .fp-list .fp-repo.active {
30409 background: #f2f2f2;
30412 .file-picker .fp-list .fp-repo-icon {
30413 padding: 0 7px 0 5px;
30414 width: 16px;
30415 height: 16px;
30418 .fp-toolbar {
30419 float: left;
30422 .fp-toolbar.empty {
30423 display: none;
30426 .fp-toolbar .disabled {
30427 display: none;
30430 .fp-toolbar div {
30431 display: block;
30432 float: left;
30433 margin-right: 4px;
30436 .fp-toolbar img {
30437 vertical-align: -15%;
30438 margin-right: 5px;
30441 .fp-viewbar:not(.disabled) a.checked {
30442 background-color: #b1bbc4;
30443 color: #1d2125;
30444 border-color: #aab4bf;
30447 .fp-viewbar.disabled a {
30448 pointer-events: none;
30449 opacity: 0.65;
30452 .file-picker .fp-clear-left {
30453 clear: left;
30456 .fp-pathbar.empty {
30457 display: none;
30460 .fp-pathbar .fp-path-folder {
30461 background: url("[[pix:theme|fp/path_folder]]") left 3px no-repeat;
30462 background-size: 12px 12px;
30463 height: 12px;
30464 margin-left: 12px;
30467 /*rtl:raw:
30468 .fp-pathbar .fp-path-folder {
30469 background-image: url('[[pix:theme|fp/path_folder_rtl]]');
30472 .fp-pathbar .fp-path-folder-name {
30473 margin-left: 24px;
30476 .fp-iconview .fp-file {
30477 float: left;
30478 text-align: center;
30479 position: relative;
30480 margin: 10px 10px 35px;
30483 .fp-iconview .fp-thumbnail {
30484 min-width: 110px;
30485 min-height: 110px;
30486 line-height: 110px;
30487 text-align: center;
30488 border: 1px solid #fff;
30489 display: block;
30492 .fp-iconview .fp-thumbnail img {
30493 border: 1px solid #ddd;
30494 padding: 3px;
30495 vertical-align: middle;
30498 .fp-iconview .fp-thumbnail:hover {
30499 background: #fff;
30500 border: 1px solid #ddd;
30503 .fp-iconview .fp-filename-field {
30504 height: 33px;
30505 margin-top: 3px;
30506 word-wrap: break-word;
30507 overflow: hidden;
30508 position: absolute;
30511 .fp-iconview .fp-file:focus .fp-filename-field,
30512 .fp-iconview .fp-file:hover .fp-filename-field {
30513 overflow: visible;
30514 z-index: 1000;
30516 .fp-iconview .fp-file:focus .fp-filename,
30517 .fp-iconview .fp-file:hover .fp-filename {
30518 overflow: inherit;
30519 white-space: normal;
30520 text-overflow: inherit;
30523 .fp-iconview .fp-filename-field .fp-filename {
30524 background: #fff;
30525 padding-top: 5px;
30526 padding-bottom: 12px;
30527 min-width: 112px;
30530 .file-picker .yui3-datatable table {
30531 border: 0 solid #bbb;
30532 width: 100%;
30535 .file-picker .ygtvtn,
30536 .filemanager .ygtvtn {
30537 /*rtl:remove*/
30538 background: url("[[pix:moodle|y/tn]]") 0 0 no-repeat;
30539 /*rtl:raw:
30540 background: url('[[pix:moodle|y/tn_rtl]]') 0 0 no-repeat;
30542 width: 19px;
30543 height: 32px;
30546 .file-picker .ygtvtm,
30547 .filemanager .ygtvtm {
30548 background: url("[[pix:moodle|y/tm]]") 0 10px no-repeat;
30549 /*rtl:raw:
30550 background-position: 2px 10px;
30552 width: 13px;
30553 height: 12px;
30554 cursor: pointer;
30557 .file-picker .ygtvtmh,
30558 .filemanager .ygtvtmh {
30559 background: url("[[pix:moodle|y/tm]]") 0 10px no-repeat;
30560 /*rtl:raw:
30561 background-position: 2px 10px;
30563 width: 13px;
30564 height: 12px;
30565 cursor: pointer;
30568 .file-picker .ygtvtp,
30569 .filemanager .ygtvtp {
30570 /*rtl:remove*/
30571 background: url("[[pix:moodle|y/tp]]") 0 10px no-repeat;
30572 /*rtl:raw:
30573 background: url('[[pix:moodle|y/tp_rtl]]') 2px 10px no-repeat;
30575 width: 13px;
30576 height: 12px;
30577 cursor: pointer;
30580 .file-picker .ygtvtph,
30581 .filemanager .ygtvtph {
30582 /*rtl:remove*/
30583 background: url("[[pix:moodle|y/tp]]") 0 10px no-repeat;
30584 /*rtl:raw:
30585 background: url('[[pix:moodle|y/tp_rtl]]') 2px 10px no-repeat;
30587 width: 13px;
30588 height: 22px;
30589 cursor: pointer;
30592 .file-picker .ygtvln,
30593 .filemanager .ygtvln {
30594 /*rtl:remove*/
30595 background: url("[[pix:moodle|y/ln]]") 0 0 no-repeat;
30596 /*rtl:raw:
30597 background: url('[[pix:moodle|y/ln_rtl]]') 0 0 no-repeat;
30599 width: 19px;
30600 height: 32px;
30603 .file-picker .ygtvlm,
30604 .filemanager .ygtvlm {
30605 background: url("[[pix:moodle|y/lm]]") 0 10px no-repeat;
30606 /*rtl:raw:
30607 background-position: 2px 10px;
30609 width: 13px;
30610 height: 12px;
30611 cursor: pointer;
30614 .file-picker .ygtvlmh,
30615 .filemanager .ygtvlmh {
30616 background: url("[[pix:moodle|y/lm]]") 0 10px no-repeat;
30617 /*rtl:raw:
30618 background-position: 2px 10px;
30620 width: 13px;
30621 height: 12px;
30622 cursor: pointer;
30625 .file-picker .ygtvlp,
30626 .filemanager .ygtvlp {
30627 /*rtl:remove*/
30628 background: url("[[pix:moodle|y/lp]]") 0 10px no-repeat;
30629 /*rtl:raw:
30630 background: url('[[pix:moodle|y/lp_rtl]]') 2px 10px no-repeat;
30632 width: 13px;
30633 height: 12px;
30634 cursor: pointer;
30637 .file-picker .ygtvlph,
30638 .filemanager .ygtvlph {
30639 /*rtl:remove*/
30640 background: url("[[pix:moodle|y/lp]]") 0 10px no-repeat;
30641 /*rtl:raw:
30642 background: url('[[pix:moodle|y/lp_rtl]]') 2px 10px no-repeat;
30644 width: 13px;
30645 height: 12px;
30646 cursor: pointer;
30649 .file-picker .ygtvloading,
30650 .filemanager .ygtvloading {
30651 background: transparent url("[[pix:moodle|y/loading]]") 0 0 no-repeat;
30652 width: 16px;
30653 height: 22px;
30656 .file-picker .ygtvdepthcell,
30657 .filemanager .ygtvdepthcell {
30658 background: url("[[pix:moodle|y/vline]]") 0 0 no-repeat;
30659 /*rtl:raw:
30660 background-position: 0 0;
30662 width: 17px;
30663 height: 32px;
30666 .file-picker .ygtvblankdepthcell,
30667 .filemanager .ygtvblankdepthcell {
30668 width: 17px;
30669 height: 22px;
30672 a.ygtvspacer:hover {
30673 color: transparent;
30674 text-decoration: none;
30677 .ygtvlabel,
30678 .ygtvlabel:link,
30679 .ygtvlabel:visited,
30680 .ygtvlabel:hover {
30681 background-color: transparent;
30682 cursor: pointer;
30683 margin-left: 2px;
30684 text-decoration: none;
30687 .file-picker .ygtvfocus,
30688 .filemanager .ygtvfocus {
30689 background-color: #eee;
30692 .fp-filename-icon {
30693 margin-top: 10px;
30694 display: block;
30695 position: relative;
30698 .fp-icon {
30699 float: left;
30700 margin-top: -7px;
30701 width: 24px;
30702 height: 24px;
30703 margin-right: 10px;
30704 text-align: center;
30705 line-height: 24px;
30708 .fp-icon img {
30709 max-height: 24px;
30710 max-width: 24px;
30711 vertical-align: middle;
30714 .fp-filename {
30715 padding-right: 10px;
30718 .file-picker .fp-login-form {
30719 height: 100%;
30720 width: 100%;
30721 display: table;
30724 .file-picker .fp-upload-form {
30725 height: 100%;
30726 width: 100%;
30727 display: table;
30730 .file-picker .fp-upload-form table {
30731 margin: 0 auto;
30734 .file-picker.fp-dlg {
30735 text-align: center;
30738 .file-picker.fp-dlg .fp-dlg-buttons {
30739 margin: 0 20px;
30742 .file-picker.fp-msg {
30743 text-align: center;
30746 .file-picker .fp-content-error {
30747 height: 100%;
30748 width: 100%;
30749 display: table;
30750 text-align: center;
30753 .file-picker .fp-nextpage {
30754 clear: both;
30757 .file-picker .fp-nextpage .fp-nextpage-loading {
30758 display: none;
30761 .file-picker .fp-nextpage.loading .fp-nextpage-link {
30762 display: none;
30765 .file-picker .fp-nextpage.loading .fp-nextpage-loading {
30766 display: block;
30767 text-align: center;
30768 height: 100px;
30769 padding-top: 50px;
30772 .fp-select .fp-select-loading {
30773 text-align: center;
30774 margin-top: 20px;
30777 .fp-select table {
30778 padding: 0 0 10px;
30781 .fp-select table .mdl-right {
30782 min-width: 84px;
30785 .fp-select .fp-reflist .mdl-right {
30786 vertical-align: top;
30789 .fp-select .fp-select-buttons {
30790 float: right;
30793 .fp-select .fp-info {
30794 font-size: 0.703125rem;
30797 .fp-select .fp-thumbnail {
30798 float: left;
30799 min-width: 110px;
30800 min-height: 110px;
30801 line-height: 110px;
30802 text-align: center;
30803 margin: 10px 20px 0 0;
30804 background: #fff;
30805 border: 1px solid #ddd;
30808 .fp-select .fp-thumbnail img {
30809 border: 1px solid #ddd;
30810 padding: 3px;
30811 vertical-align: middle;
30812 margin: 10px;
30815 .fp-select .fp-fileinfo {
30816 display: inline-block;
30817 margin-top: 10px;
30820 .file-picker.fp-select .fp-fileinfo {
30821 max-width: 240px;
30824 .fp-select .fp-fileinfo div {
30825 padding-bottom: 5px;
30828 .file-picker.fp-select .uneditable {
30829 display: none;
30832 .file-picker.fp-select .fp-select-loading {
30833 display: none;
30836 .file-picker.fp-select.loading .fp-select-loading {
30837 display: block;
30840 .file-picker.fp-select.loading form {
30841 display: none;
30844 .fp-select .fp-dimensions.fp-unknown {
30845 display: none;
30848 .fp-select .fp-size.fp-unknown {
30849 display: none;
30852 .filemanager-loading {
30853 display: none;
30856 .jsenabled .filemanager-loading {
30857 display: block;
30858 margin-top: 100px;
30861 .filemanager.fm-loading .filemanager-toolbar,
30862 .filemanager.fm-loading .fp-pathbar,
30863 .filemanager.fm-loading .filemanager-container,
30864 .filemanager.fm-loaded .filemanager-loading,
30865 .filemanager.fm-maxfiles .fp-btn-add,
30866 .filemanager.fm-maxfiles .dndupload-message,
30867 .filemanager.fm-noitems .fp-btn-download,
30868 .filemanager.fm-noitems .fp-btn-delete,
30869 .filemanager .fm-empty-container,
30870 .filemanager.fm-noitems .filemanager-container .fp-content {
30871 display: none;
30874 .filemanager .fp-img-downloading {
30875 display: none;
30876 padding-top: 7px;
30879 .filemanager .filemanager-updating {
30880 display: none;
30881 text-align: center;
30884 .filemanager.fm-updating .filemanager-updating {
30885 display: block;
30886 margin-top: 37px;
30889 .filemanager.fm-updating .fm-content-wrapper,
30890 .filemanager.fm-nomkdir .fp-btn-mkdir,
30891 .fitem.disabled .filemanager .filemanager-toolbar,
30892 .fitem.disabled .filemanager .fp-pathbar,
30893 .fitem.disabled .filemanager .fp-restrictions,
30894 .fitem.disabled .filemanager .fm-content-wrapper {
30895 display: none;
30898 .filemanager .fp-restrictions {
30899 text-align: right;
30902 .filemanager-toolbar {
30903 padding: 4px;
30904 overflow: hidden;
30907 .filemanager .fp-pathbar.empty {
30908 display: none;
30911 .filepicker-filelist,
30912 .filemanager-container {
30913 min-height: 140px;
30914 border: 1px solid #8f959e;
30915 border-radius: 0.25rem;
30918 .filemanager .fp-content {
30919 overflow: auto;
30920 max-height: 472px;
30921 min-height: 157px;
30924 .filemanager-container,
30925 .filepicker-filelist {
30926 overflow: hidden;
30927 border-top-left-radius: 0;
30928 border-top-right-radius: 0;
30931 .file-picker .yui3-datatable-header {
30932 /*rtl:raw:
30933 text-align: right;
30935 background: initial;
30938 .fitem.disabled .filepicker-filelist,
30939 .fitem.disabled .filemanager-container {
30940 background-color: #ebebe4;
30943 .fitem.disabled .fp-btn-choose {
30944 color: #6a737b;
30947 .fitem.disabled .filepicker-filelist .filepicker-filename {
30948 display: none;
30951 .fp-iconview .fp-reficons1 {
30952 position: absolute;
30953 height: 100%;
30954 width: 100%;
30955 top: 0;
30956 left: 0;
30959 .fp-iconview .fp-reficons2 {
30960 position: absolute;
30961 height: 100%;
30962 width: 100%;
30963 top: 0;
30964 left: 0;
30967 .fp-iconview .fp-file.fp-hasreferences .fp-reficons1 {
30968 background: url("[[pix:theme|fp/link]]") no-repeat;
30969 /*rtl:raw:
30970 transform: scaleX(-1);
30972 /*rtl:ignore*/
30973 background-position: bottom right;
30974 background-size: 16px 16px;
30977 .fp-iconview .fp-file.fp-isreference .fp-reficons2 {
30978 background: url("[[pix:theme|fp/alias]]") no-repeat;
30979 /*rtl:raw:
30980 transform: scaleX(-1);
30982 /*rtl:ignore*/
30983 background-position: bottom left;
30984 background-size: 16px 16px;
30987 .filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail img {
30988 display: none;
30991 .filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail {
30992 background: url([[pix:s/dead]]) no-repeat;
30993 background-position: center center;
30996 .filemanager .yui3-datatable table {
30997 border: 0 solid #bbb;
30998 width: 100%;
31001 /* Override YUI default styling */
31002 /* stylelint-disable declaration-no-important */
31003 .filemanager .yui3-datatable-header {
31004 /*rtl:raw:
31005 text-align: right;
31007 background: #fff !important;
31008 border-bottom: 1px solid #ccc !important;
31009 border-left: 0 solid #fff !important;
31010 color: #555 !important;
31012 .filemanager .yui3-datatable-odd .yui3-datatable-cell {
31013 background-color: #f6f6f6 !important;
31014 border-left: 0 solid #f6f6f6;
31016 .filemanager .yui3-datatable-even .yui3-datatable-cell {
31017 background-color: #fff !important;
31018 border-left: 0 solid #fff;
31021 /* stylelint-enable */
31022 .filemanager .fp-filename-icon.fp-hasreferences .fp-reficons1 {
31023 background: url("[[pix:theme|fp/link_sm]]") no-repeat 0 0;
31024 height: 100%;
31025 width: 100%;
31026 /*rtl:raw:
31027 transform: scaleX(-1);
31029 position: absolute;
31030 top: 8px;
31031 left: 17px;
31032 background-size: 16px 16px;
31035 .filemanager .fp-filename-icon.fp-isreference .fp-reficons2 {
31036 background: url("[[pix:theme|fp/alias_sm]]") no-repeat 0 0;
31037 height: 100%;
31038 width: 100%;
31039 /*rtl:raw:
31040 transform: scaleX(-1);
31042 position: absolute;
31043 top: 9px;
31044 left: -6px;
31045 background-size: 16px 16px;
31048 .filemanager .fp-contextmenu {
31049 display: none;
31052 .filemanager .fp-iconview .fp-folder.fp-hascontextmenu .fp-contextmenu {
31053 position: absolute;
31054 right: 0;
31055 bottom: 0;
31056 display: flex;
31057 align-items: center;
31058 justify-content: center;
31061 .filemanager .fp-treeview .fp-folder.fp-hascontextmenu .fp-contextmenu,
31062 .filemanager .fp-tableview .fp-folder.fp-hascontextmenu .fp-contextmenu {
31063 display: inline;
31064 position: absolute;
31065 left: 14px;
31066 margin-right: -20px;
31067 top: 6px;
31070 .filepicker-filelist .filepicker-container,
31071 .filemanager.fm-noitems .fm-empty-container {
31072 display: block;
31073 position: absolute;
31074 top: 10px;
31075 bottom: 10px;
31076 left: 10px;
31077 right: 10px;
31078 border: 2px dashed #bbb;
31079 padding-top: 85px;
31080 text-align: center;
31083 .filepicker-filelist .dndupload-target,
31084 .filemanager-container .dndupload-target {
31085 background: #fff;
31086 position: absolute;
31087 top: 10px;
31088 bottom: 10px;
31089 left: 10px;
31090 right: 10px;
31091 border: 2px dashed #fb7979;
31092 padding-top: 85px;
31093 text-align: center;
31096 .filepicker-filelist.dndupload-over .dndupload-target,
31097 .filemanager-container.dndupload-over .dndupload-target {
31098 background: #fff;
31099 position: absolute;
31100 top: 10px;
31101 bottom: 10px;
31102 left: 10px;
31103 right: 10px;
31104 border: 2px dashed #6c8cd3;
31105 padding-top: 85px;
31106 text-align: center;
31109 .dndupload-message {
31110 display: none;
31113 .dndsupported .dndupload-message {
31114 display: inline;
31117 .dnduploadnotsupported-message {
31118 display: none;
31121 .dndnotsupported .dnduploadnotsupported-message {
31122 display: inline;
31125 .dndupload-target {
31126 display: none;
31129 .dndsupported .dndupload-ready .dndupload-target {
31130 display: block;
31133 .dndupload-uploadinprogress {
31134 display: none;
31135 text-align: center;
31138 .dndupload-uploading .dndupload-uploadinprogress {
31139 display: block;
31142 .dndupload-arrow {
31143 width: 100%;
31144 height: 80px;
31145 position: absolute;
31146 top: 5px;
31147 color: #8f959e;
31150 .fitem.disabled .filepicker-container,
31151 .fitem.disabled .fm-empty-container {
31152 display: none;
31155 .dndupload-progressbars {
31156 padding: 10px;
31157 display: none;
31160 .dndupload-inprogress .dndupload-progressbars {
31161 display: block;
31164 .dndupload-inprogress .fp-content {
31165 display: none;
31168 .filemanager.fm-noitems .dndupload-inprogress .fm-empty-container {
31169 display: none;
31172 .filepicker-filelist.dndupload-inprogress .filepicker-container {
31173 display: none;
31176 .filepicker-filelist.dndupload-inprogress a {
31177 display: none;
31180 .filemanager.fp-select .fp-select-loading {
31181 display: none;
31184 .filemanager.fp-select.loading .fp-select-loading {
31185 display: block;
31188 .filemanager.fp-select.loading form {
31189 display: none;
31192 .filemanager.fp-select.fp-folder .fp-license,
31193 .filemanager.fp-select.fp-folder .fp-author,
31194 .filemanager.fp-select.fp-file .fp-file-unzip,
31195 .filemanager.fp-select.fp-folder .fp-file-unzip,
31196 .filemanager.fp-select.fp-file .fp-file-zip,
31197 .filemanager.fp-select.fp-zip .fp-file-zip {
31198 display: none;
31201 .filemanager.fp-select .fp-file-setmain,
31202 .filemanager.fp-select .fp-file-setmain-help {
31203 display: none;
31206 .filemanager.fp-select.fp-cansetmain .fp-file-setmain,
31207 .filemanager.fp-select.fp-cansetmain .fp-file-setmain-help {
31208 display: inline-block;
31211 .filemanager .fp-mainfile .fp-filename {
31212 font-weight: bold;
31215 .filemanager.fp-select.fp-folder .fp-file-download {
31216 display: none;
31219 .fm-operation {
31220 font-weight: bold;
31223 .filemanager.fp-select .fp-original.fp-unknown,
31224 .filemanager.fp-select .fp-original .fp-originloading {
31225 display: none;
31228 .filemanager.fp-select .fp-original.fp-loading .fp-originloading {
31229 display: inline;
31232 .filemanager.fp-select .fp-reflist.fp-unknown,
31233 .filemanager.fp-select .fp-reflist .fp-reflistloading {
31234 display: none;
31237 .filemanager.fp-select .fp-reflist.fp-loading .fp-reflistloading {
31238 display: inline;
31241 .filemanager.fp-select .fp-reflist .fp-value {
31242 background: #f9f9f9;
31243 border: 1px solid #bbb;
31244 padding: 8px 7px;
31245 margin: 0;
31246 max-height: 75px;
31247 overflow: auto;
31250 .filemanager.fp-select .fp-reflist .fp-value li {
31251 padding-bottom: 7px;
31254 .filemanager.fp-mkdir-dlg {
31255 text-align: center;
31258 .filemanager.fp-mkdir-dlg .fp-mkdir-dlg-text {
31259 text-align: left;
31260 margin: 20px;
31263 .filemanager.fp-dlg {
31264 text-align: center;
31267 .file-picker div.bd {
31268 text-align: left;
31271 .fp-formset {
31272 padding: 10px;
31274 .fp-formset input[type=file] {
31275 line-height: inherit;
31278 .fp-forminset {
31279 padding: 0 10px;
31282 .fp-fileinfo .fp-value {
31283 display: inline-block;
31284 padding-left: 5px;
31287 /** The message area **/
31288 .hidden {
31289 display: none;
31292 .preferences-container .container-fluid, .preferences-container .container-sm, .preferences-container .container-md, .preferences-container .container-lg, .preferences-container .container-xl {
31293 padding: 0;
31295 .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 {
31296 min-height: 20px;
31298 .preferences-container .align-bottom {
31299 vertical-align: bottom;
31301 .preferences-container .preference-table {
31302 border: 1px solid #ddd;
31304 .preferences-container .preference-table thead th {
31305 text-align: center;
31307 .preferences-container .preference-table thead th .config-warning {
31308 display: none;
31310 .preferences-container .preference-table thead th.unconfigured .config-warning {
31311 display: inline-block;
31313 .preferences-container .preference-table tr th {
31314 border-left: 1px solid #dee2e6;
31316 .preferences-container .preference-table tr td:not(:first-child) {
31317 width: 150px;
31318 text-align: center;
31320 .preferences-container .preference-table tr td:nth-child(even) {
31321 border: 1px solid #dee2e6;
31323 .preferences-container .preference-table .preference-row .hover-tooltip-container {
31324 display: inline-block;
31326 .preferences-container .preference-table .preference-row .preference-name {
31327 vertical-align: middle;
31329 .preferences-container .preference-table .preference-row .disabled-message {
31330 text-align: center;
31331 height: 30px;
31332 line-height: 30px;
31334 .preferences-container .preference-table .preference-row.loading .preference-name .loading-icon {
31335 display: block;
31338 .disabled-message {
31339 display: none;
31342 .disabled .disabled-message {
31343 display: block;
31345 .disabled .disabled-message + form {
31346 display: none;
31349 .general-settings-container .loading-icon {
31350 display: none;
31352 .general-settings-container .loading .loading-icon {
31353 display: inline-block;
31355 .general-settings-container label {
31356 display: inline-block;
31359 .processor-container {
31360 position: relative;
31362 .processor-container .loading-container {
31363 display: none;
31364 position: absolute;
31365 width: 100%;
31366 height: 100%;
31367 text-align: center;
31368 background-color: rgba(255, 255, 255, 0.5);
31370 .processor-container .loading-container .vertical-align {
31371 height: 100%;
31372 width: 0%;
31373 display: inline-block;
31374 vertical-align: middle;
31376 .processor-container.loading .loading-container {
31377 display: block;
31380 .preferences-page-container .checkbox-container {
31381 margin: 30px 5px;
31382 line-height: 20px;
31384 .preferences-page-container .checkbox-container input {
31385 line-height: 20px;
31386 margin: 0;
31388 .preferences-page-container .checkbox-container .loading-icon {
31389 display: none;
31391 .preferences-page-container .checkbox-container.loading .loading-icon {
31392 display: inline-block;
31395 .notification-area {
31396 height: 600px;
31397 box-sizing: border-box;
31398 border-radius: 4px;
31399 margin-bottom: 30px;
31400 border: 1px solid #e3e3e3;
31402 @media (max-height: 670px) {
31403 .notification-area {
31404 height: 500px;
31407 .notification-area .control-area {
31408 box-sizing: border-box;
31409 display: inline-block;
31410 width: 300px;
31411 height: 100%;
31412 overflow: auto;
31413 -webkit-overflow-scrolling: touch;
31414 border-right: 1px solid #e3e3e3;
31416 .notification-area .control-area .content {
31417 position: relative;
31419 .notification-area .control-area .content .content-item-container {
31420 cursor: pointer;
31422 .notification-area .control-area .content:empty + .empty-text {
31423 display: block;
31425 .notification-area .control-area .loading-icon {
31426 display: none;
31428 .notification-area .control-area .empty-text {
31429 display: none;
31430 text-align: center;
31431 padding-top: 20px;
31433 .notification-area .control-area.loading .loading-icon {
31434 display: block;
31435 text-align: center;
31436 box-sizing: border-box;
31437 padding: 5px;
31439 .notification-area .control-area.loading .content:empty + .empty-text {
31440 display: none;
31442 .notification-area .content-area {
31443 box-sizing: border-box;
31444 display: inline-block;
31445 width: calc(100% - 300px);
31446 float: right;
31448 .notification-area .content-area .toggle-mode {
31449 display: none;
31451 .notification-area .content-area .header {
31452 height: 50px;
31453 box-sizing: border-box;
31454 border-bottom: 1px solid #e3e3e3;
31455 padding: 5px;
31457 .notification-area .content-area .header .image-container {
31458 display: inline-block;
31459 height: 25px;
31460 width: 24px;
31461 float: left;
31463 .notification-area .content-area .header .subject-container {
31464 display: inline-block;
31465 max-width: calc(100% - 24px);
31466 white-space: nowrap;
31467 overflow: hidden;
31468 text-overflow: ellipsis;
31469 height: 25px;
31470 padding-left: 5px;
31471 box-sizing: border-box;
31473 .notification-area .content-area .header .timestamp {
31474 font-size: 10px;
31475 line-height: 10px;
31476 margin: 0;
31477 color: #666;
31478 margin-left: 30px;
31480 .notification-area .content-area .header:empty {
31481 display: none;
31483 .notification-area .content-area > .content {
31484 height: 500px;
31485 box-sizing: border-box;
31486 overflow: auto;
31487 -webkit-overflow-scrolling: touch;
31488 padding: 15px;
31490 @media (max-height: 670px) {
31491 .notification-area .content-area > .content {
31492 height: 400px;
31495 .notification-area .content-area > .content:empty {
31496 display: none;
31498 .notification-area .content-area > .content:empty + .empty-text {
31499 display: block;
31500 text-align: center;
31501 padding-top: 100px;
31503 .notification-area .content-area .empty-text {
31504 display: none;
31506 .notification-area .content-area .footer {
31507 height: 50px;
31508 box-sizing: border-box;
31509 text-align: center;
31511 .notification-area .content-area .footer a {
31512 line-height: 50px;
31514 .notification-area .content-area .footer:empty {
31515 display: none;
31518 @media (max-width: 979px) {
31519 .notification-area {
31520 position: relative;
31521 overflow: hidden;
31523 .notification-area .control-area {
31524 border-right: none;
31525 width: 100%;
31526 position: absolute;
31527 top: 0;
31528 left: 0;
31529 opacity: 1;
31530 visibility: visible;
31531 transition: left 0.25s;
31533 .notification-area .content-area {
31534 width: 100%;
31535 position: absolute;
31536 top: 0;
31537 right: -100%;
31538 opacity: 0;
31539 visibility: hidden;
31540 transition: right 0.25s, opacity 0.25s, visibility 0.25s;
31542 .notification-area .content-area .toggle-mode {
31543 display: inline-block;
31544 float: left;
31545 width: 70px;
31546 height: 50px;
31547 line-height: 50px;
31548 box-sizing: border-box;
31549 border-right: 1px solid #e3e3e3;
31550 border-bottom: 1px solid #e3e3e3;
31552 .notification-area .content-area .header {
31553 display: inline-block;
31554 width: calc(100% - 70px);
31556 .notification-area.show-content-area .control-area {
31557 left: -100%;
31558 opacity: 0;
31559 visibility: hidden;
31560 transition: left 0.25s, opacity 0.25s, visibility 0.25s;
31562 .notification-area.show-content-area .content-area {
31563 right: 0;
31564 opacity: 1;
31565 visibility: visible;
31566 transition: right 0.25s;
31569 .drawer .message-app {
31570 height: 100%;
31572 .drawer .message-app .icon-back-in-app {
31573 display: none;
31575 .drawer .message-app .icon-back-in-drawer {
31576 display: inherit;
31579 .message-app {
31580 display: flex;
31581 flex-direction: column;
31582 background-color: #eff1f3;
31584 .message-app .icon-back-in-drawer {
31585 display: none;
31587 .message-app.main {
31588 min-height: 400px;
31590 .message-app .header-container {
31591 flex-shrink: 0;
31593 .message-app .overflow-y {
31594 overflow-y: auto;
31596 @media (max-height: 320px) {
31597 .message-app .header-container [data-region=view-overview]:not(.hidden) {
31598 display: flex;
31599 align-items: center;
31601 .message-app .footer-container [data-region=view-overview] {
31602 display: none;
31604 .message-app .overflow-y {
31605 overflow-y: unset;
31608 .message-app .body-container {
31609 flex: 1;
31610 overflow: hidden;
31612 .message-app .body-container > * {
31613 position: absolute;
31614 right: 0;
31615 left: 0;
31616 top: 0;
31617 bottom: 0;
31618 overflow: auto;
31620 .message-app .footer-container {
31621 flex-shrink: 0;
31623 .message-app .footer-container textarea {
31624 direction: ltr;
31626 .message-app .contact-status {
31627 position: absolute;
31628 left: 39px;
31629 top: 39px;
31630 width: 10px;
31631 height: 10px;
31632 border-radius: 50%;
31634 .message-app .contact-status.online {
31635 border: 1px solid #fff;
31636 background-color: #357a32;
31638 .message-app .message p {
31639 margin: 0;
31641 .message-app .clickable {
31642 cursor: pointer;
31644 .message-app .clickable:hover {
31645 filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.3));
31647 .message-app a,
31648 .message-app .btn-link {
31649 color: inherit;
31651 .message-app .btn-link:hover, .message-app .btn-link:focus {
31652 background-color: rgba(0, 0, 0, 0.035);
31653 text-decoration: none;
31655 .message-app .icon {
31656 margin-right: 0;
31658 .message-app .overview-section-toggle .collapsed-icon-container {
31659 display: none;
31661 .message-app .overview-section-toggle .expanded-icon-container {
31662 display: inline-block;
31664 .message-app .overview-section-toggle.collapsed .collapsed-icon-container {
31665 display: inline-block;
31667 .message-app .overview-section-toggle.collapsed .expanded-icon-container {
31668 display: none;
31670 .message-app .btn.btn-link.btn-icon {
31671 height: 16px;
31672 width: 16px;
31673 padding: 0;
31674 border-radius: 50%;
31675 flex-shrink: 0;
31677 .message-app .btn.btn-link.btn-icon:hover, .message-app .btn.btn-link.btn-icon:focus {
31678 background-color: #e9ecef;
31680 .message-app .btn.btn-link.btn-icon.icon-size-0 {
31681 height: 20px !important; /* stylelint-disable-line declaration-no-important */
31682 width: 20px !important; /* stylelint-disable-line declaration-no-important */
31684 .message-app .btn.btn-link.btn-icon.icon-size-1 {
31685 height: 24px !important; /* stylelint-disable-line declaration-no-important */
31686 width: 24px !important; /* stylelint-disable-line declaration-no-important */
31688 .message-app .btn.btn-link.btn-icon.icon-size-2 {
31689 height: 28px !important; /* stylelint-disable-line declaration-no-important */
31690 width: 28px !important; /* stylelint-disable-line declaration-no-important */
31692 .message-app .btn.btn-link.btn-icon.icon-size-3 {
31693 height: 36px !important; /* stylelint-disable-line declaration-no-important */
31694 width: 36px !important; /* stylelint-disable-line declaration-no-important */
31696 .message-app .btn.btn-link.btn-icon.icon-size-4 {
31697 height: 44px !important; /* stylelint-disable-line declaration-no-important */
31698 width: 44px !important; /* stylelint-disable-line declaration-no-important */
31700 .message-app .btn.btn-link.btn-icon.icon-size-5 {
31701 height: 52px !important; /* stylelint-disable-line declaration-no-important */
31702 width: 52px !important; /* stylelint-disable-line declaration-no-important */
31704 .message-app .btn.btn-link.btn-icon.icon-size-6 {
31705 height: 60px !important; /* stylelint-disable-line declaration-no-important */
31706 width: 60px !important; /* stylelint-disable-line declaration-no-important */
31708 .message-app .btn.btn-link.btn-icon.icon-size-7 {
31709 height: 68px !important; /* stylelint-disable-line declaration-no-important */
31710 width: 68px !important; /* stylelint-disable-line declaration-no-important */
31712 .message-app .view-overview-body .section {
31713 display: block;
31715 .message-app .view-overview-body .section.expanded {
31716 display: flex;
31718 .message-app .view-overview-body .section div[data-region=toggle] {
31719 padding: 0.1rem;
31721 .message-app .view-conversation .content-message-container img {
31722 max-width: 100%;
31724 .message-app .list-group {
31725 border-radius: 0;
31727 .message-app .list-group .list-group-item {
31728 border-left: 0;
31729 border-right: 0;
31731 .message-app .list-group .list-group-item:hover {
31732 color: #fff;
31733 background-color: #0f6cbf;
31735 .message-app .list-group .list-group-item:hover .badge-primary {
31736 background-color: #fff;
31737 color: #0f6cbf;
31739 .message-app .list-group .list-group-item:first-child {
31740 border-top: 0;
31742 .message-app .list-group .list-group-item:last-child {
31743 border-bottom: 0;
31745 .message-app .list-group .list-group-item.list-group-item-action {
31746 margin: 0.1rem;
31747 width: auto;
31748 text-align: inherit;
31750 .message-app .last-message {
31751 min-height: 1.5rem;
31753 .message-app .section .collapsing {
31754 overflow: hidden;
31756 .message-app .message.send {
31757 background-color: #dee2e6;
31758 color: #1d2125;
31760 .message-app .message.send .time {
31761 color: #1d2125;
31763 .message-app .message.send .tail {
31764 right: 0;
31765 margin-right: -0.5rem;
31766 border-bottom-color: #dee2e6;
31768 .message-app .message.received {
31769 background-color: #fff;
31770 color: #1d2125;
31772 .message-app .message.received .time {
31773 color: #616466;
31775 .message-app .message.received .tail {
31776 left: 0;
31777 margin-left: -0.5rem;
31778 border-bottom-color: #fff;
31780 .message-app .message .tail {
31781 content: "";
31782 bottom: 0;
31783 width: 0;
31784 height: 0;
31785 border: 0.5rem solid transparent;
31786 position: relative;
31788 .message-app .day {
31789 color: #1d2125;
31791 .message-app .lazy-load-list {
31792 overflow-y: auto;
31795 #page-message-index #page-header {
31796 display: none;
31798 #page-message-index #region-main {
31799 height: 100%;
31800 margin-top: 0;
31802 #page-message-index #region-main .conversationcontainer .section {
31803 max-height: calc(100vh - 50px);
31805 #page-message-index #region-main div[role=main] {
31806 height: 100%;
31808 #page-message-index #region-main div[role=main] #maincontent {
31809 margin-top: -1px;
31811 #page-message-index #region-main div[role=main] .message-app.main {
31812 height: 100%;
31815 .dir-rtl .message-drawer {
31816 box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.08);
31819 .message-app .emoji-picker-container {
31820 position: absolute;
31821 top: -5px;
31822 right: 5px;
31823 transform: translateY(-100%);
31825 .message-app .emoji-picker-container .emoji-picker .picker-row .emoji-button {
31826 height: 40px;
31827 width: 40px;
31829 @media (max-width: 575.98px) {
31830 .message-app .emoji-picker-container {
31831 right: -0.5rem;
31834 @media (max-height: 495px) {
31835 .message-app .emoji-picker-container {
31836 position: fixed;
31837 top: 0;
31838 transform: none;
31841 .message-app .emoji-auto-complete-container {
31842 overflow: auto;
31843 max-height: 90px;
31844 transition: max-height 0.15s ease-in-out;
31845 visibility: visible;
31847 .message-app .emoji-auto-complete-container.hidden {
31848 display: block;
31849 max-height: 0;
31850 visibility: hidden;
31851 overflow: hidden;
31852 transition: max-height 0.15s ease-in-out, visibility 0s linear 0.15s, overflow 0s linear 0.15s;
31855 /* Question */
31856 .questionbank h2 {
31857 margin-top: 0;
31860 .questioncategories h3 {
31861 margin-top: 0;
31864 #chooseqtypebox {
31865 margin-top: 1em;
31868 #chooseqtype h3 {
31869 margin: 0 0 0.3em;
31872 #chooseqtype .instruction {
31873 display: none;
31876 #chooseqtype .fakeqtypes {
31877 border-top: 1px solid silver;
31880 #chooseqtype .qtypeoption {
31881 margin-bottom: 0.5em;
31884 #chooseqtype label {
31885 display: block;
31888 #chooseqtype .qtypename img {
31889 padding: 0 0.3em;
31892 #chooseqtype .qtypename {
31893 display: inline-table;
31894 width: 16em;
31897 #chooseqtype .qtypesummary {
31898 display: block;
31899 margin: 0 2em;
31902 #chooseqtype .submitbuttons {
31903 margin: 0.7em 0;
31904 text-align: center;
31907 #qtypechoicecontainer {
31908 display: none;
31911 #qtypechoicecontainer_c.yui-panel-container.shadow .underlay {
31912 background: none;
31915 #qtypechoicecontainer.yui-panel .hd {
31916 color: #333;
31917 letter-spacing: 1px;
31918 text-shadow: 1px 1px 1px #fff;
31919 border-top-left-radius: 10px;
31920 border-top-right-radius: 10px;
31921 border: 1px solid #ccc;
31922 border-bottom: 1px solid #bbb;
31923 background-image: linear-gradient(to bottom, #fff 0%, #ccc 100%);
31924 background-repeat: repeat-x;
31927 #qtypechoicecontainer {
31928 font-size: 12px;
31929 color: #333;
31930 background: #f2f2f2;
31931 border-radius: 10px;
31932 border: 1px solid #ccc;
31933 border-top: 0 none;
31936 #qtypechoicecontainer #chooseqtype {
31937 width: 40em;
31940 #chooseqtypehead h3 {
31941 margin: 0;
31942 font-weight: normal;
31945 #chooseqtype .qtypes {
31946 position: relative;
31947 border-bottom: 1px solid #bbb;
31948 padding: 0.24em 0;
31951 #chooseqtype .alloptions {
31952 overflow-x: hidden;
31953 overflow-y: auto;
31954 max-height: calc(100vh - 15em);
31955 width: 60%;
31958 #chooseqtype .qtypeoption {
31959 margin-bottom: 0;
31960 padding: 0.3em 0.3em 0.3em 1.6em;
31963 #chooseqtype .qtypeoption img {
31964 vertical-align: text-bottom;
31965 padding-left: 1em;
31966 padding-right: 0.5em;
31969 #chooseqtype .selected {
31970 background-color: #fff;
31973 #chooseqtype .instruction,
31974 #chooseqtype .qtypesummary {
31975 display: none;
31976 position: absolute;
31977 top: 0;
31978 right: 0;
31979 bottom: 0;
31980 left: 60%;
31981 margin: 0;
31982 overflow-x: hidden;
31983 overflow-y: auto;
31984 padding: 1.5em 1.6em;
31985 background-color: #fff;
31988 #chooseqtype .instruction,
31989 #chooseqtype .selected .qtypesummary {
31990 display: block;
31993 table.question-bank-table {
31994 margin: 0;
31995 background-color: #fff;
31996 table-layout: fixed;
31997 overflow-x: scroll;
31998 width: min-content;
32000 table.question-bank-table td,
32001 table.question-bank-table th {
32002 max-width: 40vw;
32003 width: max-content;
32005 table.question-bank-table th {
32006 text-align: left;
32008 table.question-bank-table > tbody > tr.r1 {
32009 background-color: rgba(0, 0, 0, 0.03);
32011 table.question-bank-table > tbody > tr.highlight {
32012 border: 1px solid #008196;
32014 table.question-bank-table .checkbox input[type=checkbox] {
32015 margin-left: 0;
32016 float: none;
32018 table.question-bank-table .iconcol {
32019 padding: 3px;
32020 box-sizing: content-box;
32022 table.question-bank-table .iconcol .icon {
32023 margin: 0;
32024 width: 12px;
32025 height: 12px;
32027 table.question-bank-table label {
32028 margin: 0;
32029 display: block;
32031 table.question-bank-table .header {
32032 text-align: left;
32034 table.question-bank-table .header.sortable-list-current-position {
32035 background-color: #a2cff8;
32037 table.question-bank-table .header.sortable-list-is-dragged {
32038 background-color: #fff;
32039 opacity: 0.85;
32041 table.question-bank-table .header .header-text > div {
32042 display: inline-block;
32044 table.question-bank-table .header .dropdown-toggle::after {
32045 margin-left: 0;
32047 table.question-bank-table .header.checkbox .form-check {
32048 padding-left: 0;
32051 #page-mod-quiz-edit div.questionbankwindow div.header {
32052 margin: 0;
32054 #page-mod-quiz-edit div.questionbankwindow.block {
32055 padding: 0;
32058 .questionbank .singleselect {
32059 margin: 0;
32062 /* Question editing form */
32063 #combinedfeedbackhdr div.fhtmleditor {
32064 padding: 0;
32067 #combinedfeedbackhdr div.fcheckbox {
32068 margin-bottom: 1em;
32071 #multitriesheader div.fitem_feditor {
32072 margin-top: 1em;
32075 #multitriesheader div.fitem_fgroup {
32076 margin-bottom: 1em;
32079 #multitriesheader div.fitem_fgroup fieldset.felement label {
32080 margin-left: 0.3em;
32081 margin-right: 0.3em;
32084 body.path-question-type {
32085 /* Hacks to display the labels within a form group. */
32087 body.path-question-type .form-group .col-form-label.sr-only:not(legend):not([for=id_category]) {
32088 position: static;
32089 width: auto;
32090 height: auto;
32091 padding: 0;
32092 margin: 0 0.5rem 0 0;
32093 overflow: visible;
32094 clip: auto;
32095 clip-path: none;
32096 border: 0;
32099 .que {
32100 clear: left;
32101 text-align: left;
32102 margin: 0 auto 1.8em auto;
32105 .que .info {
32106 float: left;
32107 width: 7em;
32108 padding: 0.5em;
32109 margin-bottom: 1.8em;
32110 background-color: #f8f9fa;
32111 border: 1px solid #cad0d7;
32112 border-radius: 2px;
32115 .que h3.no {
32116 margin: 0;
32117 font-size: 0.8em;
32118 line-height: 1;
32121 .que span.qno {
32122 font-size: 1.5em;
32123 font-weight: bold;
32124 word-break: break-word;
32127 .que .info > div {
32128 font-size: 0.8em;
32129 margin-top: 0.7em;
32132 .que .info .questionflag.editable {
32133 cursor: pointer;
32136 .que .info .editquestion img,
32137 .que .info .questionflag img,
32138 .que .info .questionflag input {
32139 vertical-align: bottom;
32142 .que .content {
32143 margin: 0 0 0 8.5em;
32146 .que .formulation,
32147 .que .outcome,
32148 .que .comment {
32149 position: relative;
32150 padding: 0.75rem 1.25rem;
32151 margin-bottom: 1rem;
32152 border: 0 solid transparent;
32153 border-radius: 0.25rem;
32156 .que .outcome,
32157 .que .comment {
32158 color: #8e662e;
32159 background-color: #fcefdc;
32160 border-color: #fbe8cd;
32161 /* stylelint-disable-line max-line-length */
32163 .que .outcome hr,
32164 .que .comment hr {
32165 border-top-color: #f9ddb5;
32167 .que .outcome .alert-link,
32168 .que .comment .alert-link {
32169 color: #674a22;
32171 .que .outcome a,
32172 .que .comment a {
32173 color: #041c31;
32176 .que .formulation {
32177 color: #001a1e;
32178 background-color: #e7f3f5;
32179 border-color: #b8dce2;
32180 /* stylelint-disable-line max-line-length */
32182 .que .formulation hr {
32183 border-top-color: #a6d3db;
32185 .que .formulation .alert-link {
32186 color: black;
32189 .que.multichoice .answer div.r0 .icon.fa-check,
32190 .que.multichoice .answer div.r1 .icon.fa-check,
32191 .que.multichoice .answer div.r0 .icon.fa-remove,
32192 .que.multichoice .answer div.r1 .icon.fa-remove {
32193 text-indent: 0;
32196 .formulation input[type=text],
32197 .formulation select {
32198 width: auto;
32199 vertical-align: baseline;
32202 .que.multianswer .formulation .yui3-widget-positioned {
32203 box-sizing: content-box;
32205 .que.multianswer .formulation .yui3-widget-positioned .feedbackspan {
32206 width: inherit;
32207 max-width: inherit;
32210 .que input[size],
32211 .que textarea[cols] {
32212 width: auto;
32213 max-width: 100%;
32216 .que .comment {
32217 color: #1c3f1a;
32218 background-color: #d7e4d6;
32219 border-color: #c6dac6;
32220 /* stylelint-disable-line max-line-length */
32222 .que .comment hr {
32223 border-top-color: #b7d0b7;
32225 .que .comment .alert-link {
32226 color: #0c1b0b;
32229 .que .ablock {
32230 margin: 0.7em 0 0.3em 0;
32233 .que .im-controls {
32234 margin-top: 0.5em;
32235 text-align: left;
32238 .que .specificfeedback,
32239 .que .generalfeedback,
32240 .que .numpartscorrect .que .rightanswer,
32241 .que .im-feedback,
32242 .que .feedback,
32243 .que p {
32244 margin: 0 0 0.5em;
32247 .que .correctness.correct {
32248 color: #fff;
32249 background-color: #357a32;
32251 a.que .correctness.correct:hover, a.que .correctness.correct:focus {
32252 color: #fff;
32253 background-color: #255623;
32255 a.que .correctness.correct:focus, a.que .correctness.correct.focus {
32256 outline: 0;
32257 box-shadow: 0 0 0 0.2rem rgba(53, 122, 50, 0.5);
32260 .que .correctness.partiallycorrect {
32261 color: #1d2125;
32262 background-color: #f0ad4e;
32264 a.que .correctness.partiallycorrect:hover, a.que .correctness.partiallycorrect:focus {
32265 color: #1d2125;
32266 background-color: #ec971f;
32268 a.que .correctness.partiallycorrect:focus, a.que .correctness.partiallycorrect.focus {
32269 outline: 0;
32270 box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.5);
32273 .que .correctness.notanswered, .que .correctness.incorrect {
32274 color: #fff;
32275 background-color: #ca3120;
32277 a.que .correctness.notanswered:hover, a.que .correctness.notanswered:focus, .que .correctness.incorrect:hover, .que .correctness.incorrect:focus {
32278 color: #fff;
32279 background-color: #9e2619;
32281 a.que .correctness.notanswered:focus, a.que .correctness.notanswered.focus, .que .correctness.incorrect:focus, .que .correctness.incorrect.focus {
32282 outline: 0;
32283 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.5);
32286 .que .qtext {
32287 margin-bottom: 1.5em;
32290 .que .validationerror {
32291 color: #ca3120;
32294 .que .grading,
32295 .que .comment,
32296 .que .commentlink,
32297 .que .history {
32298 margin-top: 0.5em;
32301 .que .history h3 {
32302 margin: 0 0 0.2em;
32303 font-size: 1em;
32306 .que .history table {
32307 width: 100%;
32308 margin: 0;
32311 .que .history .current {
32312 font-weight: bold;
32315 .que .questioncorrectnessicon {
32316 vertical-align: text-bottom;
32319 body.jsenabled .questionflag input[type=checkbox] {
32320 display: none;
32323 .que .questionflagimage {
32324 padding-right: 3px;
32325 height: 16px;
32326 width: 16px;
32329 .importerror {
32330 margin-top: 10px;
32331 border-bottom: 1px solid #555;
32334 .mform .que.comment .fitemtitle {
32335 width: 20%;
32338 #page-question-preview #techinfo {
32339 margin: 1em 0;
32342 #page-question-preview .collapsibleregion .collapsibleregioncaption,
32343 #page-question-preview .collapsibleregion .collapsibleregionextracontent {
32344 display: inline-block;
32347 #page-mod-quiz-edit ul.slots .activityinstance > a {
32348 display: flex;
32349 max-width: 100%;
32350 align-items: center;
32351 text-indent: 0;
32352 padding-left: 0;
32354 #page-mod-quiz-edit ul.slots .activityinstance img.activityicon {
32355 margin-left: 0;
32356 width: 16px;
32357 height: 16px;
32358 padding-right: 4px;
32361 #page-mod-quiz-edit .activity img.activityicon {
32362 vertical-align: text-top;
32365 #page-mod-quiz-edit .box.generalbox.questionbank {
32366 padding: 0.5em;
32369 #page-mod-quiz-edit .questionbank .categorypagingbarcontainer,
32370 #page-mod-quiz-edit .questionbank .categoryquestionscontainer,
32371 #page-mod-quiz-edit .questionbank .choosecategory {
32372 padding: 0;
32375 #page-mod-quiz-edit .questionbank .choosecategory select {
32376 width: 100%;
32379 #page-mod-quiz-edit div.questionbank .categoryquestionscontainer {
32380 background: transparent;
32383 #page-mod-quiz-edit .questionbankwindow div.header {
32384 color: #444;
32385 text-shadow: none;
32386 border-top-left-radius: 4px;
32387 border-top-right-radius: 4px;
32388 margin: 0 -10px 0 -10px;
32389 padding: 2px 10px 2px 10px;
32390 background: transparent; /* Old browsers */
32393 #page-mod-quiz-edit .questionbankwindow div.header a:link,
32394 #page-mod-quiz-edit .questionbankwindow div.header a:visited {
32395 color: #0f6cbf;
32398 #page-mod-quiz-edit .questionbankwindow div.header a:hover {
32399 color: #094478;
32402 #page-mod-quiz-edit .createnewquestion {
32403 padding: 0.3em 0;
32405 #page-mod-quiz-edit .createnewquestion div,
32406 #page-mod-quiz-edit .createnewquestion input {
32407 margin: 0;
32410 #page-mod-quiz-edit .questionbankwindow div.header .title {
32411 color: #1d2125;
32414 #page-mod-quiz-edit div.container div.generalbox {
32415 background-color: transparent;
32416 padding: 1.5em;
32419 #page-mod-quiz-edit .categoryinfo {
32420 background-color: transparent;
32421 border-bottom: none;
32424 #page-mod-quiz-edit .createnewquestion .singlebutton input {
32425 margin-bottom: 0;
32428 #page-mod-quiz-edit div.questionbank .categorysortopotionscontainer,
32429 #page-mod-quiz-edit div.questionbank .categoryselectallcontainer {
32430 padding: 0 0 1.5em 0;
32433 #page-mod-quiz-edit div.questionbank .categorypagingbarcontainer {
32434 background-color: transparent;
32435 margin: 0;
32436 border-top: 0;
32437 border-bottom: 0;
32439 #page-mod-quiz-edit div.questionbank .categorypagingbarcontainer .paging {
32440 padding: 0 0.3em;
32443 #page-mod-quiz-edit div.question div.content div.questioncontrols {
32444 background-color: #fff;
32447 #page-mod-quiz-edit div.question div.content div.points {
32448 margin-top: -0.5em;
32449 padding-bottom: 0;
32450 border: none;
32451 background-color: #fff;
32452 position: static;
32453 width: 12.1em;
32454 float: right;
32455 margin-right: 60px;
32458 #page-mod-quiz-edit div.question div.content div.points br {
32459 display: none;
32462 #page-mod-quiz-edit div.question div.content div.points label {
32463 display: inline-block;
32466 #page-mod-quiz-edit div.quizpage .pagecontent .pagestatus {
32467 background-color: #fff;
32470 #page-mod-quiz-edit .quizpagedelete,
32471 #page-mod-quiz-edit .quizpagedelete img {
32472 background-color: transparent;
32475 #page-mod-quiz-edit div.quizpage .pagecontent {
32476 border: 1px solid #ddd;
32477 border-radius: 2px;
32478 overflow: hidden;
32481 #page-mod-quiz-edit div.questionbank .categoryinfo {
32482 padding: 0.3em 0;
32485 .questionbankwindow .module {
32486 width: auto;
32489 .questionbankwindow .form-autocomplete-selection {
32490 margin-left: 0;
32493 #page-mod-quiz-edit div.editq div.question div.content {
32494 background-color: #fff;
32495 border: 1px solid #ddd;
32496 border-radius: 2px;
32497 overflow: hidden;
32500 #page-mod-quiz-edit ul.slots .activityinstance img.activityicon {
32501 margin-top: 0;
32502 padding-right: 4px;
32505 .path-mod-quiz .statedetails {
32506 display: block;
32507 font-size: 0.9em;
32510 a#hidebankcmd {
32511 color: #0f6cbf;
32514 .que.shortanswer .answer {
32515 padding: 0;
32518 .que label {
32519 display: inline;
32522 .que .content .answer div[data-region=answer-label] .mediaplugin {
32523 width: 400px;
32526 body.path-question-type .mform fieldset.hidden {
32527 padding: 0;
32528 margin: 0.7em 0 0;
32531 .que.ddwtos,
32532 .que.ddwtos .drop {
32533 box-sizing: content-box;
32536 .tag-condition-container {
32537 position: relative;
32540 @media (max-width: 767.98px) {
32541 .que .info {
32542 float: none;
32543 width: auto;
32545 .que .content {
32546 margin: 0;
32549 @media (max-width: 991.98px) {
32550 .question-bank-table td,
32551 .question-bank-table th {
32552 max-width: 75vw;
32555 /* user.less */
32556 .userprofile .fullprofilelink {
32557 text-align: center;
32558 margin: 10px;
32561 .userprofile .page-context-header {
32562 margin-bottom: 10px;
32563 column-count: 1;
32566 .userprofile .description {
32567 margin-top: 10px;
32568 margin-bottom: 30px;
32571 .userprofile .profile_tree {
32572 column-count: 2;
32575 #participantsform .no-overflow {
32576 overflow: visible;
32579 .userprofile dl.list > dd + dt {
32580 clear: left;
32583 .user-box {
32584 margin: 8px;
32585 width: 115px;
32586 height: 160px;
32587 text-align: center;
32588 float: left;
32589 clear: none;
32592 #page-user-profile .node_category ul,
32593 .path-user .node_category ul {
32594 margin: 0;
32595 list-style: none;
32596 padding-left: 0;
32598 #page-user-profile .node_category li,
32599 .path-user .node_category li {
32600 margin-top: 5px;
32602 #page-user-profile .node_category .editprofile,
32603 #page-user-profile .node_category .viewmore,
32604 .path-user .node_category .editprofile,
32605 .path-user .node_category .viewmore {
32606 text-align: right;
32609 .ajax-contact-button {
32610 box-sizing: border-box;
32611 position: relative;
32613 .ajax-contact-button.loading .loading-icon {
32614 display: block;
32616 .ajax-contact-button .loading-icon {
32617 display: none;
32618 position: absolute;
32619 top: 0;
32620 left: 0;
32621 width: 100%;
32622 height: 100%;
32623 background-color: rgba(255, 255, 255, 0.7);
32625 .ajax-contact-button .loading-icon .icon {
32626 position: absolute;
32627 left: 50%;
32628 top: 50%;
32629 transform: translate(-50%, -50%);
32632 @media (max-width: 480px) {
32633 .userprofile .profile_tree {
32634 /** Display the profile on one column on phones@mixin */
32635 column-count: 1;
32638 .userlist #showall {
32639 margin: 10px 0;
32642 .userlist .buttons {
32643 text-align: center;
32646 .userlist .buttons label {
32647 padding: 0 3px;
32650 .userlist table#participants {
32651 text-align: center;
32654 .userlist table#participants td {
32655 text-align: left;
32656 padding: 4px;
32657 vertical-align: middle;
32660 .userlist table#participants th {
32661 text-align: left;
32662 padding: 4px;
32665 .userlist table.controls {
32666 width: 100%;
32668 .userlist table.controls tr {
32669 vertical-align: top;
32671 .userlist table.controls .right {
32672 text-align: right;
32674 .userlist table.controls .groupselector {
32675 margin-bottom: 0;
32676 margin-top: 0;
32678 .userlist table.controls .groupselector label {
32679 display: block;
32682 .userinfobox {
32683 width: 100%;
32684 border: 1px solid;
32685 border-collapse: separate;
32686 padding: 10px;
32689 .userinfobox .left,
32690 .userinfobox .side {
32691 width: 100px;
32692 vertical-align: top;
32695 .userinfobox .userpicture {
32696 width: 100px;
32697 height: 100px;
32700 .userinfobox .content {
32701 vertical-align: top;
32704 .userinfobox .links {
32705 width: 100px;
32706 padding: 5px;
32707 vertical-align: bottom;
32710 .userinfobox .links a {
32711 display: block;
32714 .userinfobox .list td {
32715 padding: 3px;
32718 .userinfobox .username {
32719 padding-bottom: 20px;
32720 font-weight: bold;
32723 .userinfobox td.label {
32724 text-align: right;
32725 white-space: nowrap;
32726 vertical-align: top;
32727 font-weight: bold;
32730 .group-edit {
32731 position: absolute;
32732 right: 0;
32733 margin-right: 0.6em;
32736 .group-image {
32737 display: block;
32738 float: left;
32739 margin-right: 1em;
32741 .group-image .grouppicture {
32742 border-radius: 50%;
32745 .groupinfobox .left {
32746 padding: 10px;
32747 width: 100px;
32748 vertical-align: top;
32751 .course-participation #showall {
32752 text-align: center;
32753 margin: 10px 0;
32756 #user-policy .noticebox {
32757 text-align: center;
32758 margin-left: auto;
32759 margin-right: auto;
32760 margin-bottom: 10px;
32761 width: 80%;
32762 height: 250px;
32765 #user-policy #policyframe {
32766 width: 100%;
32767 height: 100%;
32770 .iplookup #map {
32771 margin: auto;
32774 .userselector select {
32775 width: 100%;
32778 .userselector div {
32779 margin-top: 0.2em;
32782 .userselector div label {
32783 margin-right: 0.3em;
32786 /* Next style does not work in all browsers but looks nicer when it does */
32787 .userselector .userselector-infobelow {
32788 font-size: 0.8em;
32791 #userselector_options .collapsibleregioncaption {
32792 font-weight: bold;
32795 #userselector_options p {
32796 margin: 0.2em 0;
32797 text-align: left;
32800 /** user full profile */
32801 #page-user-profile .messagebox {
32802 text-align: center;
32803 margin-left: auto;
32804 margin-right: auto;
32807 /** user course profile */
32808 #page-course-view-weeks .messagebox {
32809 text-align: center;
32810 margin-left: auto;
32811 margin-right: auto;
32814 .profileeditor > .singleselect {
32815 margin: 0 0.5em 0 0;
32817 .profileeditor > .singlebutton {
32818 display: inline-block;
32819 margin: 0 0 0 0.5em;
32821 .profileeditor > .singlebutton div,
32822 .profileeditor > .singlebutton input {
32823 margin: 0;
32826 .userlist h3 .action-icon {
32827 display: none;
32830 #page-enrol-users .popover {
32831 max-width: none;
32834 .user-enroller-panel {
32835 width: 600px;
32838 [data-filterverbfor],
32839 [data-filterregion=filter]:last-child [data-filterregion=joinadverb] {
32840 display: none;
32843 [data-filterverb="0"] [data-filterverbfor="0"],
32844 [data-filterverb="1"] [data-filterverbfor="1"],
32845 [data-filterverb="2"] [data-filterverbfor="2"] {
32846 display: block;
32849 #page-user-contactsitesupport .supporticon i {
32850 font-size: 35px;
32853 .search-results .result {
32854 margin-left: 0;
32855 margin-right: 0;
32858 .search-results .result .result-content {
32859 margin: 7px 0;
32862 .search-results .result .filename {
32863 font-style: italic;
32866 .simplesearchform .input-group input.form-control {
32867 border-top-left-radius: 0.25rem;
32868 border-bottom-left-radius: 0.25rem;
32870 .simplesearchform .btn {
32871 padding-left: 0.5rem;
32872 padding-right: 0.5rem;
32874 .simplesearchform .btn .icon {
32875 margin: 0;
32877 .simplesearchform .btn-submit {
32878 border-color: #8f959e;
32879 color: #6a737b;
32881 .simplesearchform .btn-close,
32882 .simplesearchform .btn-clear {
32883 position: absolute;
32884 top: 0;
32885 right: 0;
32886 color: #6a737b;
32887 z-index: 4;
32889 .simplesearchform .btn-close {
32890 right: 2.2rem;
32892 .simplesearchform .btn-submit {
32893 background-color: #f8f9fa;
32895 .simplesearchform .withclear {
32896 padding-right: 2rem;
32898 .simplesearchform .searchinput {
32899 display: flex;
32900 flex: 1 1 auto;
32902 .simplesearchform .collapsing {
32903 height: inherit;
32904 transition: none;
32905 width: inherit;
32908 .simplesearchform .collapse.show,
32909 .simplesearchform .collapsing {
32910 position: absolute;
32911 left: 0;
32912 top: 0;
32913 width: 100%;
32914 display: flex;
32915 background-color: #fff;
32916 z-index: 1060;
32917 height: 50px;
32919 .simplesearchform .collapse.show .form-inline,
32920 .simplesearchform .collapsing .form-inline {
32921 width: auto;
32922 margin-left: auto;
32923 margin-right: auto;
32926 .search-areas-actions {
32927 margin-bottom: 1rem;
32930 .search-areas-actions > div {
32931 margin-right: 1rem;
32932 display: inline-block;
32935 #core-search-areas .lastcol li {
32936 margin-left: 24px;
32937 text-indent: -24px;
32940 #core-search-areas .lastcol li > i {
32941 text-indent: 0;
32945 * Moodle forms HTML isn't changeable via renderers (yet?) so this
32946 * .less file imports styles from the bootstrap $variables file and
32947 * adds them to the existing Moodle form CSS ids and classes.
32950 .jsenabled .mform .containsadvancedelements .advanced {
32951 display: none;
32954 .mform .containsadvancedelements .advanced.show {
32955 display: flex;
32958 #adminsettings span.error {
32959 display: inline-block;
32960 border: 1px solid #f0c5c1;
32961 border-radius: 4px;
32962 background-color: #f4d6d2;
32963 padding: 4px;
32964 margin-bottom: 4px;
32967 .mform .form-inline .form-control,
32968 .mform .form-inline .custom-select {
32969 max-width: 100%;
32971 .mform .form-inline textarea.form-control {
32972 width: 100%;
32974 .mform .form-inline .form-group {
32975 margin: 0.1rem 0.25rem 0.1rem 0;
32977 .mform .form-inline br + label {
32978 justify-content: flex-start;
32979 width: 100%;
32980 margin-right: 0;
32983 .unresponsive.mform .form-inline,
32984 .unresponsive.mform .form-inline label {
32985 display: inline-flex;
32988 #jump-to-activity.custom-select {
32989 width: 100%;
32992 .mform fieldset {
32993 margin-bottom: 0.5rem;
32994 border-bottom: 1px solid #dee2e6;
32997 #adminsettings .form-control[size] {
32998 width: auto;
33001 #adminsettings .error {
33002 color: #ca3120;
33005 .mform ul.file-list {
33006 padding: 0;
33007 margin: 0;
33008 list-style: none;
33011 .mform label .req,
33012 .mform label .adv {
33013 cursor: help;
33016 /*rtl:ignore*/
33017 input#id_externalurl {
33018 direction: ltr;
33021 #portfolio-add-button {
33022 display: inline;
33025 .form-defaultinfo,
33026 .form-label .form-shortname {
33027 color: #6a737b;
33030 .form-label .form-shortname {
33031 font-size: 0.703125rem;
33032 display: block;
33035 .form-item .form-inline {
33036 display: inline;
33039 .form-inline label:not(.sr-only):not(.accesshide) + select {
33040 margin-left: 0.5rem;
33043 .formsettingheading .form-horizontal {
33044 color: #6a737b;
33047 .no-felement.fstatic {
33048 color: #6a737b;
33049 padding-top: 5px;
33052 .no-fitem .fstaticlabel {
33053 font-weight: bold;
33056 .form-item .form-setting .defaultsnext > input {
33057 display: inline-block;
33060 .form-item .form-setting .form-checkbox.defaultsnext {
33061 margin-top: 5px;
33062 display: inline-block;
33065 #adminsettings h3 {
33066 display: block;
33067 width: 100%;
33068 padding: 0;
33069 margin-bottom: 1.5;
33070 font-size: 1.171875rem;
33071 line-height: 3;
33072 border: 0;
33073 border-bottom: 1px solid #e5e5e5;
33076 /* rtl:ignore */
33077 .mform .fitem .felement input[name=email],
33078 .mform .fitem .felement input[name=email2],
33079 .mform .fitem .felement input[name=url],
33080 .mform .fitem .felement input[name=idnumber],
33081 .mform .fitem .felement input[name=phone1],
33082 .mform .fitem .felement input[name=phone2] {
33083 text-align: left;
33084 direction: ltr;
33087 .que.match .mediaplugin {
33088 width: 50vw;
33091 /* rtl:ignore */
33092 #page-admin-grade-edit-scale-edit .error input#id_name {
33093 margin-right: 170px;
33096 #page-grade-edit-outcome-course .courseoutcomes {
33097 margin-left: auto;
33098 margin-right: auto;
33099 width: 100%;
33102 #page-grade-edit-outcome-course .courseoutcomes td {
33103 text-align: center;
33106 /* Install Process' text fields Forms, should always be justified to the left */
33107 /* rtl:ignore */
33108 #installform #id_wwwroot,
33109 #installform #id_dirroot,
33110 #installform #id_dataroot,
33111 #installform #id_dbhost,
33112 #installform #id_dbname,
33113 #installform #id_dbuser,
33114 #installform #id_dbpass,
33115 #installform #id_prefix {
33116 direction: ltr;
33119 .mdl-right > label {
33120 display: inline-block;
33123 .singleselect {
33124 max-width: 100%;
33127 .form-item .form-label label {
33128 margin-bottom: 0;
33131 div#dateselector-calendar-panel {
33132 z-index: 3100; /* Set higher than the z-index of the filemanager - see MDL-39047. */
33135 fieldset.coursesearchbox label {
33136 display: inline;
33140 * Show the labels above text editors and file managers except on wide screens.
33142 /* Section and module editing forms contain special JS components for the
33143 availability system (if enabled). */
33144 #id_availabilityconditionsjson[aria-hidden=true],
33145 .availability-field [aria-hidden=true] {
33146 display: none;
33149 .availability-field label {
33150 display: inline-flex;
33152 .availability-field .availability-group label {
33153 vertical-align: top;
33156 .availability-eye {
33157 clear: left;
33158 float: left;
33161 .availability-inner,
33162 .availability-plugincontrols {
33163 float: left;
33164 border-radius: 0.25rem;
33165 border: 1px solid rgba(0, 0, 0, 0.125);
33166 padding: 1rem;
33167 margin-top: 0.5rem;
33170 .availability-plugincontrols,
33171 .availability-childlist .availability-inner {
33172 margin-left: 0.625rem;
33175 .availability-field .availability-plugincontrols .availability-group select {
33176 max-width: 12rem;
33179 /* Custom styles for autocomplete form element */
33180 /* These styles reserve a standard amount of space in the DOM to avoid flicker when the original select element is replaced */
33181 [data-fieldtype=autocomplete] select,
33182 [data-fieldtype=tags] select,
33183 .form-autocomplete-original-select {
33184 visibility: hidden;
33185 overflow: hidden;
33186 width: 15rem;
33187 height: 44px;
33188 margin: 0;
33189 padding: 0;
33190 border: 0;
33191 margin-top: 1.65625rem;
33192 vertical-align: bottom;
33195 .form-autocomplete-selection {
33196 margin: 0.25rem 0;
33197 min-height: 2.375rem;
33200 .form-autocomplete-selection [role=option] {
33201 cursor: pointer;
33202 white-space: inherit;
33203 word-break: break-word;
33204 line-height: 1.4;
33205 text-align: left;
33208 .form-autocomplete-suggestions {
33209 position: absolute;
33210 background-color: #fff;
33211 border: 1px solid #8f959e;
33212 min-width: 206px;
33213 max-height: 20em;
33214 overflow: auto;
33215 margin: 0.125rem 0 0;
33216 padding: 0.5rem 0;
33217 z-index: 3;
33220 .form-autocomplete-suggestions li {
33221 list-style-type: none;
33222 padding: 0.25rem 1.5rem;
33223 margin: 0;
33224 cursor: pointer;
33225 color: #1d2125;
33227 .form-autocomplete-suggestions li:hover, .form-autocomplete-suggestions li:focus, .form-autocomplete-suggestions li[aria-selected=true] {
33228 background-color: #0f6cbf;
33229 color: #fff;
33231 .form-autocomplete-suggestions li[aria-disabled=true] {
33232 pointer-events: none;
33233 color: #6a737b;
33234 background-color: #e9ecef;
33236 .form-autocomplete-suggestions li.suggestions-heading {
33237 pointer-events: none;
33238 font-weight: bold;
33239 color: #1d2125;
33240 background-color: #fff;
33241 padding-left: calc(1.5rem / 2);
33243 .form-autocomplete-suggestions li::before {
33244 content: "​";
33247 .form-autocomplete-downarrow {
33248 color: #1d2125;
33249 top: 0.2rem;
33250 right: 0.5rem;
33251 cursor: pointer;
33253 .form-autocomplete-downarrow .loading-icon {
33254 position: absolute;
33255 top: 0;
33256 left: 0;
33257 background-color: #fff;
33260 /** Undo some bootstrap things */
33261 .form-autocomplete-selection + input.form-control {
33262 width: auto;
33263 display: inline-block;
33264 vertical-align: middle;
33267 .form-autocomplete-selection [data-active-selection=true] {
33268 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
33271 select.form-control[size], select.form-control[multiple] {
33272 padding-right: 0;
33274 select.form-control[size] option, select.form-control[multiple] option {
33275 width: fit-content;
33278 /* Non-bootstrap selects with a size show their contents outside of the element.
33279 * Remove when we update to stable bootstrap 4. (MDL-56511) */
33280 select[size],
33281 select[multiple] {
33282 overflow: auto;
33285 select[size="1"] {
33286 overflow: visible;
33289 textarea[data-auto-rows] {
33290 overflow-x: hidden;
33291 resize: none;
33294 /** Display elements under labels in vertical forms regardless of the screen size. */
33295 .mform.full-width-labels .fitem.row {
33296 margin-left: 0;
33297 margin-right: 0;
33299 .mform.full-width-labels .fitem.row > .col-md-3, .mform.full-width-labels .fitem.row > .col-md-9 {
33300 flex: 0 0 100%;
33301 max-width: 100%;
33302 width: inherit;
33303 padding-right: 0;
33304 padding-left: 0;
33306 .mform.full-width-labels .fitem.row.femptylabel > .col-md-3 {
33307 display: none;
33309 .mform.full-width-labels .fitem.row .form-control {
33310 width: 100%;
33313 .mform .col-form-label .form-label-addon {
33314 margin-left: 0.25rem;
33317 @media (min-width: 576px) {
33318 .mform:not(.full-width-labels) .col-form-label .form-label-addon {
33319 margin-left: auto;
33322 /** Allow wrapping an mform in a div with the form-inline class to have an inline, responsive form. */
33323 @media (min-width: 768px) {
33324 .form-inline .col-md-9,
33325 .form-inline .col-md-3 {
33326 margin-bottom: 1rem;
33327 width: auto;
33329 .form-inline .col-md-9 label,
33330 .form-inline .col-md-3 label {
33331 margin-left: 1rem;
33335 [data-fieldtype=modgrade] .form-group {
33336 padding-bottom: 0.375rem;
33339 [data-fieldtype=modgrade] {
33340 background-color: #fff;
33341 border-radius: 0.25rem;
33342 border: 1px solid rgba(0, 0, 0, 0.125);
33343 padding: 1.25rem;
33344 margin-left: 15px;
33345 max-width: 30rem;
33348 [data-filetypesbrowserbody] [aria-expanded=false] > [role=group],
33349 [data-filetypesbrowserbody] [aria-expanded=false] [data-filetypesbrowserfeature=hideifcollapsed],
33350 [data-filetypesbrowserbody] [aria-expanded=true] [data-filetypesbrowserfeature=hideifexpanded] {
33351 display: none;
33354 .form-inline[data-fieldtype=autocomplete],
33355 .form-inline[data-fieldtype=tags] {
33356 display: block;
33359 [data-fieldtype=editor] > div {
33360 flex-grow: 1;
33363 @media (min-width: 768px) {
33364 .mform fieldset .fcontainer.collapseable .col-form-label {
33365 padding-left: 2.5rem;
33368 @media (min-width: 576px) {
33369 .mform .form-inline .fdefaultcustom label {
33370 justify-content: initial;
33373 .collapsemenu .collapseall {
33374 display: block;
33376 .collapsemenu .expandall {
33377 display: none;
33379 .collapsemenu.collapsed .collapseall {
33380 display: none;
33382 .collapsemenu.collapsed .expandall {
33383 display: block;
33386 .input-group.form-inset .form-inset-item {
33387 position: absolute;
33388 padding-top: calc(0.375rem + 1px);
33389 z-index: 3;
33391 .input-group.form-inset.form-inset-left .form-control {
33392 padding-left: 1.5rem;
33394 .input-group.form-inset.form-inset-right .form-control {
33395 padding-right: 1.5rem;
33397 .input-group.form-inset.form-inset-right .form-inset-item {
33398 right: 0;
33401 .form-check.left-indented {
33402 padding-left: 0;
33405 .pagelayout-login #region-main {
33406 border: 0;
33407 background-color: inherit;
33410 .pagelayout-login #page {
33411 background: #f8f9fa;
33412 background-image: linear-gradient(to right, #f8f9fa 0%, #dee2e6 100%);
33413 background-repeat: repeat-x;
33415 .pagelayout-login #page div[role=main] {
33416 height: 100%;
33419 .login-wrapper {
33420 display: flex;
33421 align-items: center;
33422 justify-content: center;
33423 height: 100%;
33426 .login-container {
33427 background-color: #fff;
33428 padding: 3rem;
33429 box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
33430 margin-bottom: 2rem;
33432 .login-container .login-languagemenu {
33433 display: flex;
33434 justify-content: flex-start;
33436 .login-container .login-languagemenu .dropdown-menu {
33437 max-height: 300px;
33438 overflow-y: auto;
33440 .login-container .login-logo {
33441 display: flex;
33442 justify-content: center;
33443 margin-bottom: 1rem;
33445 .login-container .login-divider {
33446 margin-top: 1.5rem;
33447 margin-bottom: 1.5rem;
33448 border-top: 1px solid #dee2e6;
33450 .login-container h1.login-heading {
33451 font-size: 1.875rem;
33453 .login-container h2.login-heading {
33454 font-size: 1.40625rem;
33456 .login-container .login-identityproviders .login-identityprovider-btn {
33457 border: 1px solid #dee2e6;
33459 .login-container .divider {
33460 width: 1px;
33461 background-color: #dee2e6;
33462 height: 1.875rem;
33464 .login-container .action-menu-trigger a {
33465 margin: 0.5rem 0;
33468 @media (min-width: 768px) {
33469 .login-container {
33470 width: 500px !important; /* stylelint-disable-line declaration-no-important */
33471 border-radius: 0.25rem;
33474 /* modules.less */
33475 select {
33476 width: auto;
33479 .path-mod .activity-header:not(:empty) {
33480 background-color: #f8f9fa;
33481 margin-bottom: 1rem;
33482 padding-left: 1rem;
33483 padding-right: 1rem;
33484 border-radius: 0.25rem;
33486 .path-mod .activity-header:not(:empty) > div:last-child > div:last-child {
33487 border-bottom: 0;
33489 .path-mod .activity-information .activity-dates {
33490 padding-top: 1rem;
33491 padding-bottom: 1rem;
33492 border-bottom: 1px solid #dee2e6;
33494 .path-mod .activity-information .completion-info {
33495 padding-top: 1rem;
33496 padding-bottom: 1rem;
33497 border-bottom: 1px solid #dee2e6;
33499 .path-mod .activity-description {
33500 padding-top: 1rem;
33501 padding-bottom: 1rem;
33503 .path-mod .activity-description > .box.py-3 {
33504 padding-top: 0 !important; /* stylelint-disable-line declaration-no-important */
33505 padding-bottom: 0 !important; /* stylelint-disable-line declaration-no-important */
33507 .path-mod .activity-description > .box.py-3:empty {
33508 display: none;
33510 .path-mod .automatic-completion-conditions .badge {
33511 font-size: 80%;
33512 padding: 0.5rem;
33513 margin-top: 0.25rem;
33514 mix-blend-mode: multiply;
33516 .path-mod .automatic-completion-conditions .badge.badge-light {
33517 background-color: #e9ecef !important; /* stylelint-disable-line declaration-no-important */
33519 .path-mod .automatic-completion-conditions .badge .icon {
33520 width: 0.7rem;
33521 height: 0.7rem;
33522 font-size: 0.7rem;
33524 .path-mod .automatic-completion-conditions .badge:first-child {
33525 margin-top: 0;
33527 .path-mod .activity-description .no-overflow p:last-child {
33528 padding-bottom: 0;
33529 margin-bottom: 0;
33532 .path-mod-choice .horizontal .choices .option {
33533 display: inline-block;
33536 .path-mod-choice .choices .option label {
33537 vertical-align: top;
33540 .path-mod-forum .forumsearch input,
33541 .path-mod-forum .forumsearch .helptooltip {
33542 margin: 0 3px;
33545 .path-mod-forum .forumheaderlist,
33546 .path-mod-forum .forumheaderlist td {
33547 border: none;
33550 .path-mod-forum .forumheaderlist thead .header,
33551 .path-mod-forum .forumheaderlist tbody .discussion td {
33552 white-space: normal;
33553 vertical-align: top;
33554 padding-left: 0.5em;
33555 padding-right: 0.5em;
33557 .path-mod-forum .forumheaderlist thead .header {
33558 white-space: normal;
33559 vertical-align: top;
33561 .path-mod-forum .forumheaderlist thead .header.replies {
33562 text-align: center;
33564 .path-mod-forum .forumheaderlist thead .header.lastpost {
33565 text-align: right;
33567 .path-mod-forum .forumheaderlist thead .header th.discussionsubscription,
33568 .path-mod-forum .forumheaderlist tbody .discussion td.discussionsubscription {
33569 width: 16px;
33570 padding-left: 0.5em;
33571 padding-right: 0.5em;
33573 .path-mod-forum .forumheaderlist .discussion .replies,
33574 .path-mod-forum .forumheaderlist .discussion .lastpost {
33575 white-space: normal;
33577 .path-mod-forum .forumheaderlist .discussion .discussionsubscription,
33578 .path-mod-forum .forumheaderlist .discussion .replies {
33579 text-align: center;
33581 .path-mod-forum .forumheaderlist .discussion .topic,
33582 .path-mod-forum .forumheaderlist .discussion .discussionsubscription,
33583 .path-mod-forum .forumheaderlist .discussion .topic.starter,
33584 .path-mod-forum .forumheaderlist .discussion .replies,
33585 .path-mod-forum .forumheaderlist .discussion .lastpost {
33586 vertical-align: top;
33588 .path-mod-forum .discussion-list .topic {
33589 font-weight: inherit;
33592 .discussion-settings-container .custom-select {
33593 width: 100%;
33595 .discussion-settings-container input {
33596 max-width: 100%;
33599 .forumpost {
33600 border: 1px solid #dee2e6;
33601 display: block;
33602 padding: 6px;
33604 .forumpost .header {
33605 margin-bottom: 3px;
33607 .forumpost .picture img {
33608 margin: 3px;
33610 .forumpost .picture img.userpicture {
33611 margin-left: 3px;
33612 margin-right: 10px;
33614 .forumpost .content .posting.fullpost {
33615 margin-top: 8px;
33617 .forumpost .row {
33618 display: block;
33620 .forumpost .row .topic,
33621 .forumpost .row .content-mask,
33622 .forumpost .row .options {
33623 margin-left: 48px;
33625 .forumpost .row.side {
33626 clear: both;
33629 .forumpost .row .left {
33630 width: 48px;
33633 .forumpost .options .commands {
33634 margin-left: 0;
33637 .forumpost .subject {
33638 font-weight: bold;
33641 .forumsearch input[type=text] {
33642 margin-bottom: 0;
33645 #page-mod-forum-view table .fit-content {
33646 width: 1px;
33647 white-space: nowrap;
33649 #page-mod-forum-view table .limit-width {
33650 max-width: 200px;
33651 white-space: nowrap;
33652 text-overflow: ellipsis;
33653 overflow: hidden;
33655 #page-mod-forum-view table .limit-width .author-info {
33656 max-width: calc(100% - 35px - 0.5rem);
33659 #page-mod-forum-discuss .discussioncontrols {
33660 width: auto;
33661 margin: 0;
33663 #page-mod-forum-discuss .discussioncontrols .form-inline input {
33664 margin-top: -1px;
33667 /** Gently highlight the selected post by changing it's background to blue and then fading it out. */
33668 @keyframes background-highlight {
33669 from {
33670 background-color: rgba(0, 123, 255, 0.5);
33672 to {
33673 background-color: inherit;
33676 .path-mod-forum .nested-v2-display-mode,
33677 .path-mod-forum.nested-v2-display-mode {
33678 /** Reset the badge styling back to pill style. */
33679 /** Style the ratings like a badge. */
33680 /** Don't show the discussion locked alert in this mode because it's already indicated with a badge. */
33681 /** Fix muted text contrast ratios for accessibility. */
33682 /** Make the tag list text screen reader visible only */
33684 .path-mod-forum .nested-v2-display-mode .discussionsubscription,
33685 .path-mod-forum.nested-v2-display-mode .discussionsubscription {
33686 margin-top: 0;
33687 text-align: inherit;
33688 margin-bottom: 0;
33690 .path-mod-forum .nested-v2-display-mode .preload-subscribe,
33691 .path-mod-forum .nested-v2-display-mode .preload-unsubscribe,
33692 .path-mod-forum.nested-v2-display-mode .preload-subscribe,
33693 .path-mod-forum.nested-v2-display-mode .preload-unsubscribe {
33694 display: none;
33696 .path-mod-forum .nested-v2-display-mode .post-message,
33697 .path-mod-forum.nested-v2-display-mode .post-message {
33698 line-height: 1.6;
33700 .path-mod-forum .nested-v2-display-mode .indent,
33701 .path-mod-forum.nested-v2-display-mode .indent {
33702 margin-left: 0;
33704 .path-mod-forum .nested-v2-display-mode .badge,
33705 .path-mod-forum.nested-v2-display-mode .badge {
33706 font-size: inherit;
33707 font-weight: inherit;
33708 padding-left: 0.5rem;
33709 padding-right: 0.5rem;
33710 border-radius: 10rem;
33712 .path-mod-forum .nested-v2-display-mode .badge-light,
33713 .path-mod-forum.nested-v2-display-mode .badge-light {
33714 background-color: #f6f6f6;
33715 color: #5b5b5b;
33717 .path-mod-forum .nested-v2-display-mode .rating-aggregate-container,
33718 .path-mod-forum.nested-v2-display-mode .rating-aggregate-container {
33719 background-color: #f6f6f6;
33720 color: #5b5b5b;
33721 padding: 0.25em 0.5em;
33722 line-height: 1;
33723 margin-right: 0.5rem;
33724 vertical-align: middle;
33725 border-radius: 10rem;
33726 text-align: center;
33728 .path-mod-forum .nested-v2-display-mode .ratinginput,
33729 .path-mod-forum.nested-v2-display-mode .ratinginput {
33730 padding: 0.25em 1.75rem 0.25em 0.75em;
33731 line-height: 1;
33732 height: auto;
33733 border-radius: 10rem;
33735 @media (max-width: 767.98px) {
33736 .path-mod-forum .nested-v2-display-mode .ratinginput,
33737 .path-mod-forum.nested-v2-display-mode .ratinginput {
33738 margin-top: 0.5rem;
33741 .path-mod-forum .nested-v2-display-mode .group-image,
33742 .path-mod-forum.nested-v2-display-mode .group-image {
33743 width: 35px;
33744 height: 35px;
33745 margin-right: 0;
33746 float: none;
33747 display: inline-block;
33749 .path-mod-forum .nested-v2-display-mode .alert.discussionlocked,
33750 .path-mod-forum.nested-v2-display-mode .alert.discussionlocked {
33751 position: absolute;
33752 width: 1px;
33753 height: 1px;
33754 padding: 0;
33755 margin: -1px;
33756 overflow: hidden;
33757 clip: rect(0, 0, 0, 0);
33758 white-space: nowrap;
33759 border: 0;
33761 .path-mod-forum .nested-v2-display-mode .text-muted,
33762 .path-mod-forum .nested-v2-display-mode .dimmed_text,
33763 .path-mod-forum.nested-v2-display-mode .text-muted,
33764 .path-mod-forum.nested-v2-display-mode .dimmed_text {
33765 color: #707070 !important; /* stylelint-disable-line declaration-no-important */
33767 .path-mod-forum .nested-v2-display-mode .author-header,
33768 .path-mod-forum.nested-v2-display-mode .author-header {
33769 font-style: italic;
33771 .path-mod-forum .nested-v2-display-mode .author-header .author-name,
33772 .path-mod-forum.nested-v2-display-mode .author-header .author-name {
33773 font-style: normal;
33775 .path-mod-forum .nested-v2-display-mode .tag_list > b,
33776 .path-mod-forum.nested-v2-display-mode .tag_list > b {
33777 position: absolute;
33778 width: 1px;
33779 height: 1px;
33780 padding: 0;
33781 margin: -1px;
33782 overflow: hidden;
33783 clip: rect(0, 0, 0, 0);
33784 white-space: nowrap;
33785 border: 0;
33787 .path-mod-forum .nested-v2-display-mode :target > .focus-target,
33788 .path-mod-forum.nested-v2-display-mode :target > .focus-target {
33789 animation-name: background-highlight;
33790 animation-duration: 1s;
33791 animation-timing-function: ease-in-out;
33792 animation-iteration-count: 1;
33794 .path-mod-forum .nested-v2-display-mode .forum-post-container .replies-container .forum-post-container,
33795 .path-mod-forum.nested-v2-display-mode .forum-post-container .replies-container .forum-post-container {
33796 border-top: 1px solid #dee2e6;
33797 padding-top: 1.5rem;
33799 .path-mod-forum .nested-v2-display-mode .forum-post-container .replies-container .forum-post-container .replies-container .forum-post-container,
33800 .path-mod-forum.nested-v2-display-mode .forum-post-container .replies-container .forum-post-container .replies-container .forum-post-container {
33801 border-top: none;
33802 padding-top: 0;
33804 .path-mod-forum .nested-v2-display-mode .forum-post-container .replies-container .inline-reply-container .reply-author,
33805 .path-mod-forum.nested-v2-display-mode .forum-post-container .replies-container .inline-reply-container .reply-author {
33806 display: none;
33808 .path-mod-forum .nested-v2-display-mode .forum-post-container .post-message p:last-of-type,
33809 .path-mod-forum.nested-v2-display-mode .forum-post-container .post-message p:last-of-type {
33810 margin-bottom: 0;
33812 .path-mod-forum .nested-v2-display-mode .forum-post-container .author-image-container,
33813 .path-mod-forum.nested-v2-display-mode .forum-post-container .author-image-container {
33814 width: 70px;
33815 margin-right: 24px;
33816 flex-shrink: 0;
33818 .path-mod-forum .nested-v2-display-mode .forum-post-container .inline-reply-container textarea,
33819 .path-mod-forum.nested-v2-display-mode .forum-post-container .inline-reply-container textarea {
33820 border: 0;
33821 resize: none;
33823 .path-mod-forum .nested-v2-display-mode .forum-post-container .indent,
33824 .path-mod-forum.nested-v2-display-mode .forum-post-container .indent {
33826 * The first post and first set of replies have a larger author image so offset the 2nd
33827 * set of replies by the image width + margin to ensure they align.
33830 .path-mod-forum .nested-v2-display-mode .forum-post-container .indent .indent,
33831 .path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent {
33832 padding-left: 94px;
33834 * Reduce the size of the the author image for all second level replies (and below).
33837 * Adjust the indentation offset for all 3rd level replies and below for the smaller author image.
33840 .path-mod-forum .nested-v2-display-mode .forum-post-container .indent .indent .author-image-container,
33841 .path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent .author-image-container {
33842 width: 30px;
33843 margin-right: 8px;
33844 padding-top: 3px;
33846 .path-mod-forum .nested-v2-display-mode .forum-post-container .indent .indent .indent,
33847 .path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent .indent {
33848 padding-left: 38px;
33850 * Stop indenting the replies after the 5th reply.
33853 .path-mod-forum .nested-v2-display-mode .forum-post-container .indent .indent .indent .indent .indent .indent,
33854 .path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent .indent .indent .indent .indent {
33855 padding-left: 0;
33858 /** Extra small devices (portrait phones, less than 576px). */
33859 @media (max-width: 767.98px) {
33860 #page-mod-forum-discuss.nested-v2-display-mode .forum-post-container .author-image-container {
33861 width: 30px;
33862 margin-right: 8px;
33864 #page-mod-forum-discuss.nested-v2-display-mode .forum-post-container .indent .indent {
33865 padding-left: 38px;
33867 #page-mod-forum-discuss.nested-v2-display-mode .forum-post-container .indent .indent .indent .indent {
33868 padding-left: 0;
33870 #page-mod-forum-discuss.nested-v2-display-mode .group-image {
33871 width: 30px;
33872 height: 30px;
33875 .filter-scrollable {
33876 overflow-y: auto;
33877 max-height: 25em;
33878 margin-bottom: 1em;
33881 .filter-dates-popover {
33882 width: 100%;
33883 max-width: 41.5em;
33886 /* stylelint-disable-line max-line-length */
33887 @keyframes expandSearchButton {
33888 from {
33889 height: 36px;
33890 width: 36px;
33891 border-radius: 18px;
33892 background-color: #e9ecef;
33894 to {
33895 width: 100%;
33896 height: calc(1.5em + 1rem + 2px);
33897 border-radius: 0;
33898 background-color: #fff;
33899 border-color: #8f959e;
33900 padding-left: calc(0.5rem + 8px);
33901 padding-top: 0.5rem;
33902 padding-bottom: 0.5rem;
33903 font-size: 1.171875rem;
33904 @media (max-width: 1200px) {
33905 font-size: calc(0.9271875rem + 0.32625vw);
33907 line-height: 1.5;
33908 right: 0;
33911 @keyframes collapseSearchButton {
33912 from {
33913 width: 100%;
33914 height: calc(1.5em + 1rem + 2px);
33915 border-radius: 0;
33916 background-color: #fff;
33917 border-color: #8f959e;
33918 padding-left: calc(0.5rem + 8px);
33919 padding-top: 0.5rem;
33920 padding-bottom: 0.5rem;
33921 font-size: 1.171875rem;
33922 @media (max-width: 1200px) {
33923 font-size: calc(0.9271875rem + 0.32625vw);
33925 line-height: 1.5;
33926 right: 0;
33928 to {
33929 height: 36px;
33930 width: 36px;
33931 border-radius: 18px;
33932 background-color: #e9ecef;
33935 .path-mod-forum .unified-grader .navbar {
33936 max-height: none;
33937 z-index: 1;
33939 .path-mod-forum .unified-grader .body-container {
33940 overflow: auto;
33942 .path-mod-forum .unified-grader .body-container.hidden {
33943 display: none !important; /* stylelint-disable-line declaration-no-important */
33945 .path-mod-forum .unified-grader .userpicture {
33946 height: 60px;
33947 width: 60px;
33949 .path-mod-forum .unified-grader .grader-grading-panel {
33950 top: 0;
33951 position: absolute;
33952 height: 100%;
33953 z-index: 0;
33954 width: 430px;
33956 .path-mod-forum .unified-grader .grader-grading-panel.hidden {
33957 right: -430px;
33959 .path-mod-forum .unified-grader .grader-grading-panel .grading-icon {
33960 width: 36px;
33962 .path-mod-forum .unified-grader .grader-grading-panel .user-picker-container .user-full-name {
33963 max-width: 240px;
33965 .path-mod-forum .unified-grader .grader-grading-panel .user-picker-container .page-link {
33966 width: 36px;
33967 height: 36px;
33968 display: flex;
33969 text-align: center;
33970 align-items: center;
33971 justify-content: center;
33973 .path-mod-forum .unified-grader .grader-grading-panel .header-container {
33974 height: 65px;
33975 position: relative;
33976 overflow: hidden;
33978 .path-mod-forum .unified-grader .grader-grading-panel .header-container .info-container {
33979 position: absolute;
33980 top: 50%;
33981 left: 0;
33982 transform: translateY(-50%);
33983 width: 100%;
33984 height: 100%;
33985 padding: 0.5rem;
33986 padding-right: calc(36px + 0.5rem);
33987 opacity: 1;
33988 visibility: visible;
33989 transition: left 0.3s ease-in-out;
33990 z-index: 1;
33992 .path-mod-forum .unified-grader .grader-grading-panel .header-container .toggle-search-button.expand {
33993 animation-name: expandSearchButton;
33994 animation-duration: 0.3s;
33995 animation-timing-function: ease-in-out;
33997 .path-mod-forum .unified-grader .grader-grading-panel .header-container .toggle-search-button.collapse {
33998 display: block;
33999 animation-name: collapseSearchButton;
34000 animation-duration: 0.3s;
34002 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container {
34003 overflow: hidden;
34004 position: absolute;
34005 top: 50%;
34006 right: 0;
34007 transform: translateY(-50%);
34008 z-index: 2;
34009 width: 100%;
34010 height: 100% !important; /* stylelint-disable-line declaration-no-important */
34011 padding: 0.5rem;
34013 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container {
34014 position: relative;
34015 overflow: visible;
34016 flex-wrap: nowrap;
34018 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container input {
34019 padding-left: calc(0.5rem + 0.5rem + 34px);
34020 padding-right: calc(0.5rem + 36px);
34021 opacity: 1;
34022 visibility: visible;
34023 transition: opacity 0s linear 0.3s, visibility 0s linear;
34025 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .search-icon {
34026 position: absolute;
34027 top: 50%;
34028 left: 0.5rem;
34029 transform: translateY(-50%);
34030 color: #495057;
34031 height: 36px;
34032 width: 34px;
34033 background-color: #fff;
34034 opacity: 1;
34035 visibility: visible;
34036 transition: opacity 0s linear 0.3s, visibility 0s linear 0.3s;
34038 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .toggle-search-button {
34039 position: absolute;
34040 top: 50%;
34041 right: 0.5rem;
34042 transform: translateY(-50%);
34043 z-index: 1;
34044 color: inherit;
34045 text-align: left;
34046 padding-left: 9px;
34047 transition: right 0s linear 0.3s;
34049 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .toggle-search-button .expanded-icon {
34050 opacity: 1;
34051 visibility: visible;
34052 max-width: 50px;
34053 max-height: 50px;
34054 transition: opacity 0s linear 0.3s, max-height 0s linear 0.3s, max-width 0s linear 0.3s, visibility 0s linear 0.3s;
34056 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .toggle-search-button .collapsed-icon {
34057 opacity: 0;
34058 visibility: hidden;
34059 max-height: 0;
34060 max-width: 0;
34061 overflow: hidden;
34062 transition: opacity 0s linear 0.3s, max-height 0s linear 0.3s, max-width 0s linear 0.3s, visibility 0s linear 0.3s;
34064 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed {
34065 width: calc(36px + 0.5rem + 0.5rem);
34066 transition: width 0.3s ease-in-out;
34068 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container {
34069 flex-wrap: nowrap;
34071 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container input,
34072 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container .search-icon {
34073 opacity: 0;
34074 visibility: hidden;
34075 transition: opacity 0s linear, visibility 0s linear;
34077 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container input {
34078 padding-left: 0;
34079 padding-right: 0;
34081 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container .toggle-search-button .expanded-icon {
34082 opacity: 0;
34083 visibility: hidden;
34084 max-height: 0;
34085 max-width: 0;
34086 overflow: hidden;
34087 transition: opacity 0s linear, max-height 0s linear, max-width 0s linear, visibility 0s linear;
34089 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container .toggle-search-button .collapsed-icon {
34090 opacity: 1;
34091 visibility: visible;
34092 max-width: 50px;
34093 max-height: 50px;
34094 transition: opacity 0s linear, max-height 0s linear, max-width 0s linear, visibility 0s linear;
34096 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container:not(.collapsed) + .info-container {
34097 opacity: 0;
34098 visibility: hidden;
34099 left: -100%;
34100 transition: left 0.3s ease-in-out, opacity 0s linear 0.3s, visibility 0s linear 0.3s, padding 0s linear 0.3s;
34102 .path-mod-forum .unified-grader .grader-module-content {
34103 overflow-y: auto;
34104 margin-right: 430px;
34105 transition: margin-right 0.2s ease-in-out;
34107 @media (prefers-reduced-motion: reduce) {
34108 .path-mod-forum .unified-grader .grader-module-content {
34109 transition: none;
34112 .path-mod-forum .unified-grader .drawer-button {
34113 position: relative;
34115 .path-mod-forum .unified-grader .drawer-button.active::after {
34116 content: "";
34117 position: absolute;
34118 bottom: calc(-0.5rem - 1px);
34119 left: 0;
34120 width: 100%;
34121 height: 3px;
34122 background-color: #0f6cbf;
34124 .path-mod-forum .unified-grader .drawer-button .icon {
34125 font-size: 20px;
34126 height: 20px;
34127 width: 20px;
34129 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container:last-of-type > hr {
34130 display: none;
34132 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container:last-of-type > hr {
34133 display: none;
34135 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container {
34136 position: relative;
34138 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button {
34139 position: absolute;
34140 height: 100%;
34141 width: 100%;
34142 left: 0;
34143 top: 0;
34144 padding-left: calc(1rem + 45px);
34145 text-align: left;
34146 z-index: 1;
34148 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button:not(.collapsed) {
34149 display: none;
34151 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content {
34152 display: block;
34153 height: auto !important; /* stylelint-disable-line declaration-no-important */
34155 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .header {
34156 transition: margin-bottom 0.3s ease-in-out;
34158 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .header div + div {
34159 opacity: 1;
34160 visibility: visible;
34161 max-height: none;
34162 transition: opacity 0.3s linear, visibility 0s linear;
34164 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .body-content-container {
34165 opacity: 1;
34166 visibility: visible;
34167 max-height: none;
34168 transition: opacity 0.3s linear, visibility 0s linear;
34170 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .forum-post-core {
34171 opacity: 1;
34172 visibility: visible;
34173 max-height: none;
34174 transition: opacity 0.3s linear, visibility 0s linear;
34176 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content {
34177 opacity: 0.3;
34179 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .header {
34180 margin-bottom: 0 !important; /* stylelint-disable-line declaration-no-important */
34182 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .header div + div {
34183 opacity: 0;
34184 visibility: hidden;
34185 max-height: 0;
34187 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .body-content-container {
34188 opacity: 0;
34189 visibility: hidden;
34190 max-height: 0;
34192 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .forum-post-core {
34193 opacity: 0;
34194 visibility: hidden;
34195 max-height: 0;
34197 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed:hover + .content,
34198 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed:focus + .content {
34199 opacity: 1;
34201 .path-mod-forum .unified-grader .grader-module-content-display .no-post-container .icon {
34202 height: 250px;
34203 width: 250px;
34204 margin-right: 0;
34206 .path-mod-forum .unified-grader .grader-module-content-display .nested-v2-display-mode .discussion-container .posts-container .parent-container .show-content-button {
34207 padding-left: 94px;
34209 .path-mod-forum .unified-grader .no-search-results-container .icon {
34210 height: 250px;
34211 width: 250px;
34212 margin-right: 0;
34214 .path-mod-forum .unified-grader .nested-v2-display-mode .view-context-button {
34215 margin-left: 94px;
34216 border-radius: 0.3rem;
34218 .path-mod-forum .unified-grader .nested-v2-display-mode .parent-container .author-image-container {
34219 position: relative;
34221 .path-mod-forum .unified-grader .nested-v2-display-mode .parent-container .author-image-container:after {
34222 position: absolute;
34223 top: calc(70px + 0.5rem);
34224 content: "";
34225 background-color: #e9ecef;
34226 width: 2px;
34227 height: calc(100% - 70px + 0.5rem);
34229 .path-mod-forum .unified-grader .nested-v2-display-mode .parent-container + .post-container .author-image-container img {
34230 width: 30px !important; /* stylelint-disable-line declaration-no-important */
34233 .path-mod-forum .unified-grader .nested-v2-display-mode .post-subject,
34234 .path-mod-forum .modal .nested-v2-display-mode .post-subject {
34235 display: none;
34238 @media (max-width: 575.98px) {
34239 .path-mod-forum .unified-grader .grader-grading-panel {
34240 width: 100%;
34241 position: fixed;
34242 height: calc(100vh - 50px);
34243 overflow: scroll;
34244 top: 50px;
34246 .path-mod-forum .unified-grader .body-container {
34247 overflow: visible;
34250 .maincalendar .calendarmonth td,
34251 .maincalendar .calendarmonth th {
34252 border: 1px dotted #dee2e6;
34255 .path-grade-report-grader h1 {
34256 text-align: inherit;
34259 #page-mod-chat-gui_basic input#message {
34260 max-width: 100%;
34263 #page-mod-data-view #singleimage {
34264 width: auto;
34267 .template_heading {
34268 margin-top: 10px;
34271 .breadcrumb-button {
34272 margin-top: 4px;
34275 .breadcrumb-button .singlebutton {
34276 float: left;
34277 margin-left: 4px;
34280 .langmenu form {
34281 margin: 0;
34284 canvas {
34285 -ms-touch-action: auto;
34288 div#dock {
34289 display: none;
34292 /** General styles (scope: all of lesson) **/
34293 .path-mod-lesson .invisiblefieldset.fieldsetfix {
34294 display: block;
34297 .path-mod-lesson .answeroption .checkbox label p {
34298 display: inline;
34301 .path-mod-lesson .form-inline label.form-check-label {
34302 display: inline-block;
34305 .path-mod-lesson .slideshow {
34306 overflow: auto;
34307 padding: 15px;
34310 #page-mod-lesson-view .branchbuttoncontainer .singlebutton button[type=submit] {
34311 white-space: normal;
34314 #page-mod-lesson-view .vertical .singlebutton {
34315 display: block;
34317 #page-mod-lesson-view .vertical .singlebutton + .singlebutton {
34318 margin-left: 0;
34319 margin-top: 1rem;
34321 #page-mod-lesson-view .fitem .felement .custom-select {
34322 align-self: flex-start;
34325 .path-mod-lesson .generaltable td {
34326 vertical-align: middle;
34328 .path-mod-lesson .generaltable td label {
34329 margin-bottom: 0;
34331 .path-mod-lesson .generaltable td .highlight {
34332 display: inline-block;
34333 margin-left: 0.25rem;
34335 .path-mod-lesson .generaltable td input[type=checkbox] {
34336 display: block;
34339 .path-mod-wiki .wiki_headingtitle,
34340 .path-mod-wiki .midpad,
34341 .path-mod-wiki .wiki_headingtime {
34342 text-align: inherit;
34345 .path-mod-wiki .wiki_contentbox {
34346 width: 100%;
34349 .path-mod-survey .surveytable > tbody > tr:nth-of-type(even) {
34350 background-color: rgba(0, 0, 0, 0.03);
34352 .path-mod-survey .surveytable .rblock label {
34353 text-align: center;
34356 .nav .caret {
34357 margin-left: 4px;
34360 .nav .divider {
34361 overflow: hidden;
34362 width: 0;
34365 .userloggedinas .usermenu .usertext,
34366 .userswitchedrole .usermenu .usertext,
34367 .loginfailures .usermenu .usertext {
34368 float: left;
34369 text-align: right;
34370 margin-right: 0.5rem;
34371 height: 35px;
34373 .userloggedinas .usermenu .usertext .meta,
34374 .userswitchedrole .usermenu .usertext .meta,
34375 .loginfailures .usermenu .usertext .meta {
34376 font-size: 0.8203125rem;
34377 align-items: center;
34379 .userloggedinas .usermenu .avatar img,
34380 .userswitchedrole .usermenu .avatar img,
34381 .loginfailures .usermenu .avatar img {
34382 margin: 0;
34385 .userloggedinas .usermenu .userbutton .avatars {
34386 position: relative;
34387 display: inline-block;
34389 .userloggedinas .usermenu .userbutton .avatars .avatar.current {
34390 display: inline-block;
34391 position: absolute;
34392 bottom: 0;
34393 right: 0;
34394 width: 20px;
34395 height: 20px;
34396 border-radius: 50%;
34398 .userloggedinas .usermenu .userbutton .avatars .avatar.current img {
34399 vertical-align: baseline;
34401 .userloggedinas .usermenu .userbutton .avatars .avatar.current .userinitials.size-35 {
34402 width: 20px;
34403 height: 20px;
34404 border: 1px solid #dee2e6;
34405 background-color: #fff;
34406 font-size: 0.5625rem;
34408 .userloggedinas .usermenu .userbutton .avatars .avatar img {
34409 width: inherit;
34410 height: inherit;
34412 .userloggedinas .usermenu .userbutton .avatars .realuser {
34413 width: 35px;
34414 height: 35px;
34415 display: inline-block;
34418 .userinitials {
34419 background-color: #e9ecef;
34420 vertical-align: middle;
34421 display: inline-flex;
34422 align-items: center;
34423 justify-content: center;
34424 border-radius: 50%;
34425 color: #343a40;
34426 font-weight: normal;
34427 margin-right: 0.25rem;
34429 .userinitials.size-16, .userinitials.size-30 {
34430 font-size: 0.7rem;
34431 width: 30px;
34432 height: 30px;
34434 .userinitials.size-35 {
34435 width: 35px;
34436 height: 35px;
34438 .userinitials.size-50 {
34439 width: 50px;
34440 height: 50px;
34442 .userinitials.size-64 {
34443 width: 64px;
34444 height: 64px;
34446 .userinitials.size-100 {
34447 width: 100px;
34448 height: 100px;
34449 font-size: 1.875rem;
34452 img.userpicture {
34453 margin-right: 0.25rem;
34456 @media (max-width: 767.98px) {
34457 .usertext {
34458 display: none;
34461 #page-mod-quiz-mod #id_reviewoptionshdr .col-md-3,
34462 #page-mod-quiz-mod #id_reviewoptionshdr .col-md-9 {
34463 width: auto;
34464 max-width: none;
34467 #page-mod-quiz-mod #id_reviewoptionshdr .form-group {
34468 float: left;
34469 width: 20rem;
34470 display: inline-block;
34471 min-height: 12rem;
34474 #page-mod-quiz-mod #id_reviewoptionshdr .btn-link {
34475 line-height: 1.5;
34476 vertical-align: bottom;
34479 #page-mod-quiz-mod #id_reviewoptionshdr .form-inline {
34480 float: left;
34481 clear: left;
34484 #page-mod-quiz-mod #id_reviewoptionshdr .form-check {
34485 width: auto;
34486 height: 22px;
34487 justify-content: flex-start;
34490 #page-mod-quiz-mod #id_reviewoptionshdr .review_option_item {
34491 width: 90%;
34492 height: 22px;
34495 .path-mod-quiz #mod_quiz_navblock .qnbutton {
34496 text-decoration: none;
34497 font-size: 14px;
34498 line-height: 20px;
34499 font-weight: normal;
34500 background-color: #fff;
34501 background-image: none;
34502 height: 40px;
34503 width: 30px;
34504 border-radius: 3px;
34505 border: 0;
34506 overflow: hidden;
34507 white-space: nowrap;
34508 margin: 0 6px 6px 0;
34510 .path-mod-quiz #mod_quiz_navblock span.qnbutton {
34511 cursor: default;
34512 background-color: #e9ecef;
34513 color: #495057;
34515 .path-mod-quiz #mod_quiz_navblock a.qnbutton:hover,
34516 .path-mod-quiz #mod_quiz_navblock a.qnbutton:active,
34517 .path-mod-quiz #mod_quiz_navblock a.qnbutton:focus {
34518 text-decoration: underline;
34520 .path-mod-quiz #mod_quiz_navblock .qnbutton .thispageholder {
34521 border: 1px solid;
34522 border-radius: 3px;
34523 z-index: 1;
34525 .path-mod-quiz #mod_quiz_navblock .qnbutton.thispage .thispageholder {
34526 border-width: 3px;
34528 .path-mod-quiz #mod_quiz_navblock .allquestionsononepage .qnbutton.thispage .thispageholder {
34529 border-width: 1px;
34531 .path-mod-quiz #mod_quiz_navblock .qnbutton.flagged .thispageholder {
34532 background: transparent url([[pix:theme|mod/quiz/flag-on]]) 15px 0 no-repeat;
34534 .path-mod-quiz #mod_quiz_navblock .qnbutton .trafficlight {
34535 border: 0;
34536 background: #fff none center/10px no-repeat scroll;
34537 height: 20px;
34538 margin-top: 20px;
34539 border-radius: 0 0 3px 3px;
34541 .path-mod-quiz #mod_quiz_navblock .qnbutton.notyetanswered .trafficlight,
34542 .path-mod-quiz #mod_quiz_navblock .qnbutton.invalidanswer .trafficlight {
34543 background-color: #fff;
34545 .path-mod-quiz #mod_quiz_navblock .qnbutton.invalidanswer .trafficlight {
34546 background-image: url([[pix:theme|mod/quiz/warningtriangle]]);
34548 .path-mod-quiz #mod_quiz_navblock .qnbutton.correct .trafficlight {
34549 background-image: url([[pix:theme|mod/quiz/checkmark]]);
34550 background-color: #357a32;
34552 .path-mod-quiz #mod_quiz_navblock .qnbutton.blocked .trafficlight {
34553 background-image: url([[pix:core|t/locked]]);
34554 background-color: #e9ecef;
34556 .path-mod-quiz #mod_quiz_navblock .qnbutton.notanswered .trafficlight,
34557 .path-mod-quiz #mod_quiz_navblock .qnbutton.incorrect .trafficlight {
34558 background-color: #ca3120;
34560 .path-mod-quiz #mod_quiz_navblock .qnbutton.partiallycorrect .trafficlight {
34561 background-image: url([[pix:theme|mod/quiz/whitecircle]]);
34562 background-color: #f0ad4e;
34564 .path-mod-quiz #mod_quiz_navblock .qnbutton.complete .trafficlight,
34565 .path-mod-quiz #mod_quiz_navblock .qnbutton.answersaved .trafficlight,
34566 .path-mod-quiz #mod_quiz_navblock .qnbutton.requiresgrading .trafficlight {
34567 background-color: #6a737b;
34570 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer form input {
34571 height: 1.4em;
34572 vertical-align: middle;
34575 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer {
34576 padding: 0.5em 0 0.5em 0.1em;
34577 margin: 2px;
34580 /* Countdown timer. */
34581 #page-mod-quiz-attempt #region-main {
34582 overflow-x: inherit;
34585 #quiz-timer-wrapper {
34586 display: none;
34587 position: sticky;
34588 justify-content: end;
34589 top: 55px;
34590 z-index: 1020;
34592 #quiz-timer-wrapper #quiz-timer {
34593 border: 1px solid #ca3120;
34594 background-color: #fff;
34597 .pagelayout-embedded #quiz-timer-wrapper {
34598 top: 5px;
34601 #quiz-timer-wrapper #quiz-timer.timeleft0 {
34602 background-color: #ca3120;
34603 color: #fff;
34606 #quiz-timer-wrapper #quiz-timer.timeleft1 {
34607 background-color: #d73422;
34608 color: #fff;
34611 #quiz-timer-wrapper #quiz-timer.timeleft2 {
34612 background-color: #dd3d2b;
34613 color: #fff;
34616 #quiz-timer-wrapper #quiz-timer.timeleft3 {
34617 background-color: #e04938;
34618 color: #fff;
34621 #quiz-timer-wrapper #quiz-timer.timeleft4 {
34622 background-color: #e25546;
34623 color: #fff;
34626 #quiz-timer-wrapper #quiz-timer.timeleft5 {
34627 background-color: #e46153;
34628 color: #fff;
34631 #quiz-timer-wrapper #quiz-timer.timeleft6 {
34632 background-color: #e66d60;
34633 color: #fff;
34636 #quiz-timer-wrapper #quiz-timer.timeleft7 {
34637 background-color: #e8796d;
34638 color: #1d2125;
34641 #quiz-timer-wrapper #quiz-timer.timeleft8 {
34642 background-color: #ea867a;
34643 color: #1d2125;
34646 #quiz-timer-wrapper #quiz-timer.timeleft9 {
34647 background-color: #ec9288;
34648 color: #1d2125;
34651 #quiz-timer-wrapper #quiz-timer.timeleft10 {
34652 background-color: #ee9e95;
34653 color: #1d2125;
34656 #quiz-timer-wrapper #quiz-timer.timeleft11 {
34657 background-color: #f0aaa2;
34658 color: #1d2125;
34661 #quiz-timer-wrapper #quiz-timer.timeleft12 {
34662 background-color: #f2b6af;
34663 color: #1d2125;
34666 #quiz-timer-wrapper #quiz-timer.timeleft13 {
34667 background-color: #f4c2bc;
34668 color: #1d2125;
34671 #quiz-timer-wrapper #quiz-timer.timeleft14 {
34672 background-color: #f7ceca;
34673 color: #1d2125;
34676 #quiz-timer-wrapper #quiz-timer.timeleft15 {
34677 background-color: #f9dad7;
34678 color: #1d2125;
34681 #quiz-timer-wrapper #quiz-timer.timeleft16 {
34682 background-color: #fbe6e4;
34683 color: #1d2125;
34686 .path-mod-assign [data-region=grade-actions-panel] [data-region=grade-actions] .collapse-buttons {
34687 top: auto;
34690 .path-mod-assign #page-content [data-region=grade-panel] .mform:not(.unresponsive) .fcontainer .fitem.popout .felement {
34691 height: calc(100% - 4rem);
34694 .path-mod-assign [data-region=grade-panel] {
34695 padding-top: 1rem;
34698 .path-mod-assign [data-region=grade-panel] .fitem > .col-md-3,
34699 .path-mod-assign [data-region=grade-panel] .fitem > .col-md-9 {
34700 width: 100%;
34701 padding: 0;
34702 max-width: 100%;
34703 flex: none;
34706 .path-mod-assign [data-region=grade-panel] fieldset,
34707 .path-mod-assign [data-region=grade-panel] .fitem.row {
34708 margin: 0;
34711 .path-mod-assign [data-region=grade-panel] .mform .fitem.has-popout .felement {
34712 width: 100%;
34713 overflow: auto;
34714 height: calc(100% - 4rem);
34717 .path-mod-assign [data-region=grade-panel] .mform .fitem .felement {
34718 width: auto;
34721 .path-mod-assign [data-region=grade-panel] .popout {
34722 background-color: #fff;
34725 .path-mod-assign [data-region=grade-panel] .fitem.has-popout {
34726 background-color: #fff;
34727 border-radius: 0.25rem;
34728 border: 1px solid rgba(0, 0, 0, 0.125);
34729 padding: 1.25rem;
34730 margin-bottom: 1rem;
34733 .path-mod-assign [data-region=grade-panel] .has-popout .col-md-3 {
34734 border-bottom: 1px solid rgba(0, 0, 0, 0.1);
34735 margin-bottom: 1rem;
34738 .path-mod-assign [data-region=grade-panel] .popout > .col-md-3 {
34739 display: flex;
34740 align-items: flex-start;
34741 justify-content: space-between;
34742 font-size: 1.40625rem;
34745 .path-mod-assign [data-region=grade-panel] .popout [data-region=popout-button] {
34746 margin-top: 0;
34749 .path-mod-assign [data-region=assignment-info] {
34750 overflow-y: hidden;
34753 .path-mod-assign [data-region=grading-navigation] {
34754 padding: 6px;
34757 .path-mod-assign [data-region=grade-actions] {
34758 padding: 10px;
34761 .path-mod-assign [data-region=user-info] .img-rounded {
34762 margin-top: 0;
34765 .path-mod-assign [data-region=grading-navigation-panel] {
34766 height: 85px;
34769 @media (max-width: 767px) {
34770 .path-mod-assign [data-region=grading-navigation-panel] {
34771 height: auto;
34773 .path-mod-assign [data-region=user-info] {
34774 margin-top: 1rem;
34777 .path-mod-assign [data-region=grading-navigation] [data-region=input-field] input {
34778 width: auto;
34779 display: inline-block;
34783 * Assign feedback.
34785 .assignfeedback_editpdf_widget * {
34786 box-sizing: content-box;
34789 .assignfeedback_editpdf_widget button {
34790 box-sizing: border-box;
34793 .assignfeedback_editpdf_widget .commentcolourbutton img {
34794 border-width: 0;
34797 .assignfeedback_editpdf_widget .label {
34798 position: relative;
34799 padding: 0.75rem 1.25rem;
34800 margin-bottom: 1rem;
34801 border: 0 solid transparent;
34802 border-radius: 0.25rem;
34803 color: #00434e;
34804 background-color: #cce6ea;
34805 border-color: #b8dce2;
34806 /* stylelint-disable-line max-line-length */
34808 .assignfeedback_editpdf_widget .label hr {
34809 border-top-color: #a6d3db;
34811 .assignfeedback_editpdf_widget .label .alert-link {
34812 color: #00171b;
34815 .assignfeedback_editpdf_menu {
34816 padding: 0;
34819 .path-mod-assign [data-region=grade-panel] .gradingform_guide .remark .commentchooser {
34820 float: none;
34823 .path-mod-assign [data-region=grade-panel] .gradingform_guide .markingguideremark {
34824 width: 100%;
34827 .path-mod-assign [data-region=grade-panel] .mform .fitem .felement[data-fieldtype=grading] {
34828 padding-left: 1rem;
34829 padding-right: 1rem;
34832 .path-mod-assign [data-region=grade-panel] .showmarkerdesc,
34833 .path-mod-assign [data-region=grade-panel] .showstudentdesc {
34834 background-color: #fff;
34838 * Mod LTI.
34840 .path-admin-mod-lti .btn .loader img,
34841 .path-admin-mod-lti #tool-list-loader-container .loader img {
34842 height: auto;
34845 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax {
34846 background-color: #fff;
34848 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd-nohd,
34849 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd-noft,
34850 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd,
34851 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-right,
34852 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-bottom {
34853 border: 0;
34855 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-right,
34856 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-bottom {
34857 border-radius: 0;
34859 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd {
34860 background-color: transparent;
34862 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit.yui-layout-unit-center div.yui-layout-bd {
34863 background-color: #f8f9fa;
34865 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area.py-3 {
34866 padding: 0 !important; /* stylelint-disable-line declaration-no-important */
34868 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.generaltable,
34869 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.generaltable td.cell {
34870 border: 0;
34871 padding: 3px 15px;
34872 white-space: nowrap;
34873 margin-bottom: 0;
34875 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist {
34876 padding: 10px 5px;
34878 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list {
34879 border-top: 1px solid #dee2e6;
34880 border-bottom: 1px solid #fff;
34882 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list li {
34883 border-top: 1px solid #fff;
34884 border-bottom: 1px solid #dee2e6;
34885 padding: 5px 10px;
34887 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list img {
34888 margin-right: 8px;
34889 border: 1px solid #ccc;
34890 border-radius: 4px;
34891 max-width: none;
34893 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages {
34894 margin: 20px 25px;
34896 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-event.course-theme {
34897 text-align: center;
34898 margin: 10px 0;
34899 font-size: 0.8203125rem;
34900 color: #495057;
34902 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme {
34903 margin-bottom: 0.75rem;
34904 border-radius: 0.25rem;
34905 border: 1px solid rgba(0, 0, 0, 0.125);
34906 padding: 1.25rem;
34908 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme .time {
34909 float: right;
34910 font-size: 11px;
34911 color: #495057;
34913 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme {
34914 background-color: #fff;
34916 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme .user {
34917 font-weight: bold;
34920 /* reports.less */
34921 #page-report-participation-index .participationselectform div label {
34922 display: inline-block;
34923 margin: 0 5px;
34926 #page-report-participation-index .participationselectform div label[for=menuinstanceid] {
34927 margin-left: 0;
34930 .path-backup .mform {
34931 /* These are long labels with checkboxes on the right. */
34933 .path-backup .mform .grouped_settings {
34934 clear: both;
34935 overflow: hidden;
34936 /* Use card styles but avoid extend because that brings in too much. */
34938 .path-backup .mform .grouped_settings.section_level {
34939 background-color: #fff;
34940 border-radius: 0.25rem;
34941 border: 1px solid rgba(0, 0, 0, 0.125);
34942 padding: 1.25rem;
34943 margin-bottom: 1.25rem;
34945 .path-backup .mform .grouped_settings.section_level::after {
34946 display: block;
34947 clear: both;
34948 content: "";
34950 .path-backup .mform .include_setting {
34951 width: 50%;
34952 display: inline-block;
34953 float: left;
34954 padding: 0.3rem;
34956 .path-backup .mform .normal_setting {
34957 width: 50%;
34958 display: inline-block;
34959 float: left;
34960 padding: 0.3rem;
34963 .path-backup {
34964 /* Bold section labels */
34966 .path-backup .section_level {
34967 font-weight: bold;
34969 .path-backup .section_level .activity_level {
34970 font-weight: normal;
34972 .path-backup .proceedbutton {
34973 margin-left: auto;
34976 /* Override the columns width to leave more room for the labels. */
34977 .path-backup .mform .root_setting,
34978 .path-backup .mform .grouped_settings {
34979 /* Striped rows like a table */
34981 .path-backup .mform .root_setting:nth-of-type(odd),
34982 .path-backup .mform .grouped_settings:nth-of-type(odd) {
34983 background-color: rgba(0, 0, 0, 0.03);
34985 .path-backup .mform .root_setting:nth-of-type(even),
34986 .path-backup .mform .grouped_settings:nth-of-type(even) {
34987 background-color: #fff;
34989 .path-backup .mform .root_setting .form-group,
34990 .path-backup .mform .grouped_settings .form-group {
34991 /* These checkboxes with no label on the left. */
34993 .path-backup .mform .root_setting .form-group .col-md-3.checkbox,
34994 .path-backup .mform .grouped_settings .form-group .col-md-3.checkbox {
34995 width: 0%;
34997 .path-backup .mform .root_setting .form-group .col-md-9.checkbox,
34998 .path-backup .mform .grouped_settings .form-group .col-md-9.checkbox {
34999 width: 100%;
35000 left: 0;
35003 /* Detail pair is (usually) some short label with a longer value */
35004 .path-backup .detail-pair .detail-pair-label {
35005 width: 25%;
35006 float: left;
35007 clear: left;
35009 .path-backup .detail-pair .detail-pair-value {
35010 width: 75%;
35011 float: left;
35014 .path-backup .backup-restore .singlebutton {
35015 float: right;
35018 /* Make these bits full width and work with the detail-pair */
35019 .path-backup .backup-section {
35020 /* Fix for nested table headers */
35021 /* Add card styles to backup sections */
35022 background-color: #fff;
35023 border-radius: 0.25rem;
35024 border: 1px solid rgba(0, 0, 0, 0.125);
35025 padding: 1.25rem;
35026 margin-bottom: 1.25rem;
35028 .path-backup .backup-section .sub-header,
35029 .path-backup .backup-section .backup-sub-section,
35030 .path-backup .backup-section .singlebutton,
35031 .path-backup .backup-section .header {
35032 width: 100%;
35033 float: left;
35034 clear: both;
35036 .path-backup .backup-section th.header {
35037 width: auto;
35038 float: none;
35040 .path-backup .backup-section ::after {
35041 content: "";
35042 display: table;
35043 clear: both;
35045 .path-backup .backup-section::after {
35046 display: block;
35047 clear: both;
35048 content: "";
35051 .path-backup .notification.dependencies_enforced {
35052 color: #ca3120;
35053 font-weight: bold;
35056 .path-backup .backup_progress {
35057 margin-top: 1rem;
35058 margin-bottom: 1rem;
35060 .path-backup .backup_progress .backup_stage {
35061 color: #6a737b;
35063 .path-backup .backup_progress .backup_stage.backup_stage_current {
35064 font-weight: bold;
35065 color: inherit;
35068 .path-backup .backup_progress span.backup_stage.backup_stage_complete {
35069 color: inherit;
35072 #page-backup-restore .filealiasesfailures {
35073 background-color: #f4d6d2;
35075 #page-backup-restore .filealiasesfailures .aliaseslist {
35076 background-color: #fff;
35079 .path-backup .wibbler {
35080 width: 500px;
35081 margin: 0 auto 10px;
35082 border-bottom: 1px solid #000;
35083 border-right: 1px solid #000;
35084 border-left: 1px solid #000;
35085 position: relative;
35086 min-height: 4px;
35088 .path-backup .wibbler .wibble {
35089 position: absolute;
35090 left: 0;
35091 right: 0;
35092 top: 0;
35093 height: 4px;
35095 .path-backup .wibbler .state0 {
35096 background: #eee;
35098 .path-backup .wibbler .state1 {
35099 background: #ddd;
35101 .path-backup .wibbler .state2 {
35102 background: #ccc;
35104 .path-backup .wibbler .state3 {
35105 background: #bbb;
35107 .path-backup .wibbler .state4 {
35108 background: #aaa;
35110 .path-backup .wibbler .state5 {
35111 background: #999;
35113 .path-backup .wibbler .state6 {
35114 background: #888;
35116 .path-backup .wibbler .state7 {
35117 background: #777;
35119 .path-backup .wibbler .state8 {
35120 background: #666;
35122 .path-backup .wibbler .state9 {
35123 background: #555;
35125 .path-backup .wibbler .state10 {
35126 background: #444;
35128 .path-backup .wibbler .state11 {
35129 background: #333;
35131 .path-backup .wibbler .state12 {
35132 background: #222;
35135 .generaltable {
35136 width: 100%;
35137 margin-bottom: 1rem;
35138 color: #1d2125;
35140 .generaltable th,
35141 .generaltable td {
35142 padding: 0.75rem;
35143 vertical-align: top;
35144 border-top: 1px solid #dee2e6;
35146 .generaltable th .form-check,
35147 .generaltable td .form-check {
35148 padding: 0;
35150 .generaltable thead th,
35151 .generaltable thead td {
35152 vertical-align: bottom;
35153 border-bottom: 2px solid #dee2e6;
35155 .generaltable tbody + tbody {
35156 border-top: 2px solid #dee2e6;
35158 .generaltable tbody tr:nth-of-type(odd) {
35159 background-color: rgba(0, 0, 0, 0.03);
35161 .generaltable thead .sticky-column,
35162 .generaltable tbody tr:nth-of-type(even) {
35163 background-color: #fff;
35165 .generaltable tbody tr:nth-of-type(odd) .sticky-column {
35166 background-color: rgba(0, 0, 0, 0.03);
35168 .generaltable.table-sm th,
35169 .generaltable.table-sm td {
35170 padding: 0.3rem;
35172 .generaltable tbody tr:hover {
35173 color: #1d2125;
35174 background-color: rgba(0, 0, 0, 0.075);
35176 .generaltable tbody tr:hover.dimmed_text a:not(.menu-action) {
35177 color: #1d2125;
35179 .generaltable tbody tr:hover td.sticky-column {
35180 background-color: rgba(0, 0, 0, 0.075);
35183 table caption {
35184 font-size: 24px;
35185 font-weight: bold;
35186 line-height: 42px;
35187 text-align: left;
35188 caption-side: top;
35190 table .sticky-column {
35191 position: sticky;
35192 left: 0;
35193 background-color: inherit;
35196 .table-dynamic .loading-icon {
35197 position: absolute;
35198 left: calc(50% - 1.5rem);
35199 top: 200px;
35201 .table-dynamic .loading-icon .icon {
35202 height: 3rem;
35203 width: 3rem;
35204 font-size: 3rem;
35207 .singlebutton {
35208 display: inline-block;
35210 .singlebutton + .singlebutton {
35211 margin-left: 0.5rem;
35214 .continuebutton {
35215 text-align: center;
35218 p.arrow_button {
35219 margin-top: 5em;
35220 text-align: center;
35223 #addcontrols {
35224 margin-top: 11.25rem;
35225 text-align: center;
35226 margin-bottom: 3em;
35228 #addcontrols label {
35229 display: inline;
35232 #addcontrols input,
35233 #removecontrols input {
35234 width: 100%;
35235 margin: auto;
35238 .btn-lineup {
35239 margin: 0 0 10px 5px;
35242 .btn.btn-icon {
35243 height: 36px;
35244 width: 36px;
35245 font-size: 16px;
35246 line-height: 16px;
35247 padding: 0;
35248 border-radius: 50%;
35249 flex-shrink: 0;
35251 .btn.btn-icon:hover, .btn.btn-icon:focus {
35252 background-color: #e9ecef;
35254 .btn.btn-icon.icon-size-0 {
35255 height: 20px !important; /* stylelint-disable-line declaration-no-important */
35256 width: 20px !important; /* stylelint-disable-line declaration-no-important */
35257 font-size: 0 !important; /* stylelint-disable-line declaration-no-important */
35258 line-height: 0 !important; /* stylelint-disable-line declaration-no-important */
35260 .btn.btn-icon.icon-size-1 {
35261 height: 24px !important; /* stylelint-disable-line declaration-no-important */
35262 width: 24px !important; /* stylelint-disable-line declaration-no-important */
35263 font-size: 4px !important; /* stylelint-disable-line declaration-no-important */
35264 line-height: 4px !important; /* stylelint-disable-line declaration-no-important */
35266 .btn.btn-icon.icon-size-2 {
35267 height: 28px !important; /* stylelint-disable-line declaration-no-important */
35268 width: 28px !important; /* stylelint-disable-line declaration-no-important */
35269 font-size: 8px !important; /* stylelint-disable-line declaration-no-important */
35270 line-height: 8px !important; /* stylelint-disable-line declaration-no-important */
35272 .btn.btn-icon.icon-size-3 {
35273 height: 36px !important; /* stylelint-disable-line declaration-no-important */
35274 width: 36px !important; /* stylelint-disable-line declaration-no-important */
35275 font-size: 16px !important; /* stylelint-disable-line declaration-no-important */
35276 line-height: 16px !important; /* stylelint-disable-line declaration-no-important */
35278 .btn.btn-icon.icon-size-4 {
35279 height: 44px !important; /* stylelint-disable-line declaration-no-important */
35280 width: 44px !important; /* stylelint-disable-line declaration-no-important */
35281 font-size: 24px !important; /* stylelint-disable-line declaration-no-important */
35282 line-height: 24px !important; /* stylelint-disable-line declaration-no-important */
35284 .btn.btn-icon.icon-size-5 {
35285 height: 52px !important; /* stylelint-disable-line declaration-no-important */
35286 width: 52px !important; /* stylelint-disable-line declaration-no-important */
35287 font-size: 32px !important; /* stylelint-disable-line declaration-no-important */
35288 line-height: 32px !important; /* stylelint-disable-line declaration-no-important */
35290 .btn.btn-icon.icon-size-6 {
35291 height: 60px !important; /* stylelint-disable-line declaration-no-important */
35292 width: 60px !important; /* stylelint-disable-line declaration-no-important */
35293 font-size: 40px !important; /* stylelint-disable-line declaration-no-important */
35294 line-height: 40px !important; /* stylelint-disable-line declaration-no-important */
35296 .btn.btn-icon.icon-size-7 {
35297 height: 68px !important; /* stylelint-disable-line declaration-no-important */
35298 width: 68px !important; /* stylelint-disable-line declaration-no-important */
35299 font-size: 48px !important; /* stylelint-disable-line declaration-no-important */
35300 line-height: 48px !important; /* stylelint-disable-line declaration-no-important */
35303 .btn-primary:focus, .btn-primary.focus {
35304 outline: 0.2rem solid #000102;
35305 box-shadow: inset 0 0 0 2px #fff;
35308 .btn-secondary:focus, .btn-secondary.focus {
35309 outline: 0.2rem solid #5f6e7d;
35310 box-shadow: inset 0 0 0 2px #fff;
35313 .btn-success:focus, .btn-success.focus {
35314 outline: 0.2rem solid black;
35315 box-shadow: inset 0 0 0 2px #fff;
35318 .btn-info:focus, .btn-info.focus {
35319 outline: 0.2rem solid black;
35320 box-shadow: inset 0 0 0 2px #fff;
35323 .btn-warning:focus, .btn-warning.focus {
35324 outline: 0.2rem solid #694109;
35325 box-shadow: inset 0 0 0 2px #fff;
35328 .btn-danger:focus, .btn-danger.focus {
35329 outline: 0.2rem solid #1a0604;
35330 box-shadow: inset 0 0 0 2px #fff;
35333 .btn-light:focus, .btn-light.focus {
35334 outline: 0.2rem solid #8193a5;
35335 box-shadow: inset 0 0 0 2px #fff;
35338 .btn-dark:focus, .btn-dark.focus {
35339 outline: 0.2rem solid black;
35340 box-shadow: inset 0 0 0 2px #fff;
35343 .btn-outline-primary:focus, .btn-outline-primary.focus {
35344 outline: 0.2rem solid #000102;
35345 box-shadow: inset 0 0 0 2px #343a40;
35348 .btn-outline-secondary:focus, .btn-outline-secondary.focus {
35349 outline: 0.2rem solid #5f6e7d;
35350 box-shadow: inset 0 0 0 2px #343a40;
35353 .btn-outline-success:focus, .btn-outline-success.focus {
35354 outline: 0.2rem solid black;
35355 box-shadow: inset 0 0 0 2px #343a40;
35358 .btn-outline-info:focus, .btn-outline-info.focus {
35359 outline: 0.2rem solid black;
35360 box-shadow: inset 0 0 0 2px #343a40;
35363 .btn-outline-warning:focus, .btn-outline-warning.focus {
35364 outline: 0.2rem solid #694109;
35365 box-shadow: inset 0 0 0 2px #343a40;
35368 .btn-outline-danger:focus, .btn-outline-danger.focus {
35369 outline: 0.2rem solid #1a0604;
35370 box-shadow: inset 0 0 0 2px #343a40;
35373 .btn-outline-light:focus, .btn-outline-light.focus {
35374 outline: 0.2rem solid #8193a5;
35375 box-shadow: inset 0 0 0 2px #343a40;
35378 .btn-outline-dark:focus, .btn-outline-dark.focus {
35379 outline: 0.2rem solid black;
35380 box-shadow: inset 0 0 0 2px #343a40;
35383 .gradetreebox {
35384 margin: 20px 0 30px 0;
35386 .gradetreebox h4 {
35387 font-size: 0.9375rem;
35389 .gradetreebox th.cell,
35390 .gradetreebox input[type=text] {
35391 width: auto;
35393 .gradetreebox input[type=text],
35394 .gradetreebox select {
35395 margin-bottom: 0;
35398 .core_grades_notices .singlebutton {
35399 display: inline-block;
35402 .path-grade-report #maincontent + .urlselect {
35403 position: absolute;
35404 left: 40vw;
35407 .path-grade-report-grader #region-main {
35408 min-width: 100%;
35409 width: auto;
35410 display: flex;
35411 flex-direction: column;
35413 .path-grade-report-grader #region-main > .card {
35414 width: auto;
35415 overflow-x: initial;
35417 .path-grade-report-grader #region-main div[role=main] {
35418 flex: 1 1 auto;
35420 .path-grade-report-grader [data-region=blocks-column] {
35421 width: 100%;
35422 clear: both;
35425 .path-grade-report-grader .gradepass,
35426 .path-grade-report-user .gradepass {
35427 color: #357a32;
35429 .path-grade-report-grader .gradefail,
35430 .path-grade-report-user .gradefail {
35431 color: #ca3120;
35434 .path-grade #region-main {
35435 overflow-x: visible;
35437 .path-grade .user-heading .userinitials {
35438 width: 50px;
35439 height: 50px;
35442 #page-grade-grading-manage #activemethodselector label {
35443 display: inline-block;
35445 #page-grade-grading-manage #activemethodselector .helptooltip {
35446 margin-right: 0.5em;
35448 #page-grade-grading-manage .actions {
35449 display: block;
35450 text-align: center;
35451 margin-bottom: 1em;
35453 #page-grade-grading-manage .actions .action {
35454 display: inline-block;
35455 position: relative;
35456 vertical-align: top;
35457 width: 150px;
35458 text-align: center;
35459 overflow: hidden;
35460 margin: 0.5em;
35461 padding: 1em;
35462 border: 1px solid #aaa;
35464 #page-grade-grading-manage .actions .action .action-text {
35465 position: relative;
35466 top: 0.4em;
35467 font-size: 14px;
35468 white-space: normal;
35471 #page-grade-grading-form-rubric-edit .gradingform_rubric_editform .status {
35472 font-size: 70%;
35475 .gradingform_rubric {
35476 margin-bottom: 1em;
35478 .gradingform_rubric.evaluate .criterion .levels .level:hover, .gradingform_rubric.evaluate .criterion .levels .level.checked {
35479 background: #dff0d8;
35481 .gradingform_rubric.evaluate .criterion .levels .level.checked {
35482 border: none;
35483 border-left: 1px solid #dee2e6;
35485 .gradingform_rubric .criterion .description {
35486 vertical-align: top;
35487 padding: 6px;
35489 .gradingform_rubric .criterion .description textarea {
35490 margin-bottom: 0;
35491 height: 115px;
35493 .gradingform_rubric .criterion .definition textarea {
35494 width: 80%;
35495 margin-bottom: 0;
35497 .gradingform_rubric .criterion .score {
35498 margin-top: 5px;
35499 margin-right: 28px;
35500 font-style: italic;
35501 font-weight: bold;
35502 color: #2d662a;
35504 .gradingform_rubric .criterion .score input {
35505 margin-bottom: 0;
35507 .gradingform_rubric .criterion .level {
35508 vertical-align: top;
35509 padding: 6px;
35511 .gradingform_rubric .criterion .level.currentchecked {
35512 background: #fff0f0;
35514 .gradingform_rubric .criterion .level.checked {
35515 background: #d0ffd0;
35516 border: 1px solid #555;
35518 .gradingform_rubric .criterion .level .delete {
35519 position: relative;
35520 width: 32px;
35521 height: 32px;
35522 margin-top: -32px;
35523 clear: both;
35524 float: right;
35526 .gradingform_rubric .criterion .level .delete input {
35527 display: block;
35528 position: absolute;
35529 right: 0;
35530 bottom: 0;
35531 height: 24px;
35532 width: 24px;
35533 margin: 0;
35535 .gradingform_rubric .criterion .level .delete input:hover {
35536 background-color: #ddd;
35538 .gradingform_rubric .criterion .scorevalue input {
35539 float: none;
35540 width: 2em;
35542 .gradingform_rubric .criterion .scorevalue input.hiddenelement, .gradingform_rubric .criterion .scorevalue input.pseudotablink {
35543 width: 0;
35545 .gradingform_rubric .criterion .addlevel {
35546 vertical-align: top;
35547 padding-top: 6px;
35549 .gradingform_rubric .criterion .addlevel input {
35550 height: 30px;
35551 line-height: 1rem;
35553 .gradingform_rubric .addcriterion {
35554 margin-left: 5px;
35555 padding: 0;
35556 margin-bottom: 1em;
35558 .gradingform_rubric .addcriterion input {
35559 margin: 0;
35560 color: inherit;
35561 text-shadow: inherit;
35562 border: 0 none;
35563 line-height: inherit;
35564 background: transparent url([[pix:t/add]]) no-repeat 7px 8px;
35565 padding-left: 26px;
35567 .gradingform_rubric .options {
35568 clear: both;
35570 .gradingform_rubric .options .option label {
35571 margin: 0;
35572 padding: 0;
35573 font-size: inherit;
35574 font-weight: normal;
35575 line-height: 2em;
35576 color: inherit;
35577 text-shadow: none;
35578 background-color: transparent;
35580 .gradingform_rubric .options .option input {
35581 margin-left: 5px;
35582 margin-right: 12px;
35585 .grade-display .description {
35586 font-size: 1rem;
35589 .criterion .description {
35590 font-size: 1rem;
35592 .criterion .criterion-toggle .expanded-icon {
35593 display: block;
35595 .criterion .criterion-toggle .collapsed-icon {
35596 display: none;
35598 .criterion .criterion-toggle.collapsed .expanded-icon {
35599 display: none;
35601 .criterion .criterion-toggle.collapsed .collapsed-icon {
35602 display: block;
35605 .path-grade-edit-tree .collapse-list .unlist {
35606 padding-left: 2rem;
35608 .path-grade-edit-tree .collapse-list .unlist [data-for=sectionnode]:focus > .collapse-list-item:first-child {
35609 background-color: #e0f0f2;
35610 border-color: #b8dce2;
35612 .path-grade-edit-tree .collapse-list .unlist [data-for=sectionnode][data-selected=true] > .collapse-list-item:first-child {
35613 background-color: #e0f0f2;
35614 border-color: #b8dce2;
35615 color: #0f6cbf;
35617 .path-grade-edit-tree .collapse-list .unlist [data-for=sectionnode] .collapse-list-item-content[aria-hidden=true] {
35618 display: none;
35620 .path-grade-edit-tree .collapse-list .unlist [data-for=sectionnode][aria-expanded=true] > .collapse-list-item .collapsed-icon {
35621 display: none;
35623 .path-grade-edit-tree .collapse-list .unlist [data-for=sectionnode][aria-expanded=false] > .collapse-list-item .expanded-icon {
35624 display: none;
35626 .path-grade-edit-tree .collapse-list .unlist .collapse-list-item {
35627 padding: 0.5rem 1rem;
35628 cursor: pointer;
35630 .path-grade-edit-tree .collapse-list .unlist .collapse-list-item .collapse-list-item-name {
35631 font-weight: bold;
35633 .path-grade-edit-tree .collapse-list .unlist .collapse-list-item .collapse-list-link {
35634 color: #1d2125;
35635 padding: 0 0.2rem;
35636 margin-right: 0.3rem;
35638 .path-grade-edit-tree .collapse-list .unlist .collapse-list-item .collapse-list-link i {
35639 font-size: 12px;
35640 width: 12px;
35641 height: 12px;
35642 margin: 0;
35644 .path-grade-edit-tree .gradetree-wrapper {
35645 padding: 10px 10px;
35646 background-color: #f8f9fa;
35648 .path-grade-edit-tree .gradetree-wrapper .setup-grades h4 {
35649 margin: 0;
35651 .path-grade-edit-tree .gradetree-wrapper .setup-grades .column-rowspan {
35652 padding: 0;
35653 width: 24px;
35654 min-width: 24px;
35655 max-width: 24px;
35657 .path-grade-edit-tree .gradetree-wrapper .setup-grades .emptyrow {
35658 display: none;
35660 .path-grade-edit-tree .gradetree-wrapper .setup-grades .gradeitemdescription {
35661 font-weight: normal;
35662 padding-left: 24px;
35664 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.spacer {
35665 height: 0.5rem;
35667 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr[data-hidden=true] {
35668 display: none;
35670 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr th {
35671 vertical-align: bottom;
35672 border: none;
35673 text-align: left;
35674 background-color: #f8f9fa;
35676 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr th.rowspan {
35677 padding: 0;
35678 width: 24px;
35679 min-width: 24px;
35681 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td {
35682 min-width: 4.5em;
35683 background-color: #f8f9fa;
35684 border: none;
35685 vertical-align: middle;
35687 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.column-name .small {
35688 font-size: 70%;
35690 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.column-name .itemselect {
35691 margin-right: 15px;
35693 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.column-name .itemicon {
35694 font-size: 18px;
35695 width: 18px;
35696 height: 18px;
35698 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.column-weight {
35699 min-width: 15em;
35701 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.column-weight .weightoverride {
35702 margin-right: 5px;
35704 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.column-actions .dropdown-toggle::after {
35705 display: none;
35707 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.movehere {
35708 padding: 0;
35710 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.movehere a.movehere {
35711 display: block;
35712 width: 100%;
35713 margin: 5px 0 5px 0;
35714 padding: 3px 0 3px 0;
35716 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.movehere a.movehere hr {
35717 border-top: 2px dashed #8f959e;
35718 margin: 0;
35720 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.movehere a.movehere:hover hr {
35721 border-top: 2px dashed #0f6cbf;
35723 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td {
35724 background-color: #fff;
35725 border-top: 1px solid #dee2e6;
35726 border-bottom: 1px solid #dee2e6;
35728 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td:first-child {
35729 border-left: 1px solid #dee2e6;
35731 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td:last-child {
35732 border-right: 1px solid #dee2e6;
35734 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td.column-name {
35735 font-weight: bold;
35737 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td.column-name div {
35738 display: flex;
35739 min-height: 30px;
35740 align-items: center;
35742 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td.column-name div .form-check {
35743 padding: 0;
35745 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td.column-name div .form-check .itemselect {
35746 margin-right: 5px;
35748 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td.column-name div a.toggle-category {
35749 height: 24px;
35750 width: 24px;
35751 font-size: 12px;
35752 line-height: 24px;
35753 margin-right: 3px;
35755 .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 {
35756 display: none;
35758 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td.column-name div a.toggle-category i {
35759 font-size: 12px;
35760 width: 12px;
35761 height: 12px;
35762 color: #1d2125;
35763 margin: 0;
35765 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.item td {
35766 background-color: #fff;
35767 border-top: 3px solid #f8f9fa;
35769 .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 {
35770 min-width: 4.5em;
35771 background-color: #f8f9fa;
35772 border: none;
35773 vertical-align: middle;
35775 .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 {
35776 padding-left: 0;
35778 .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) {
35779 font-weight: bold;
35781 .path-grade-edit-tree .gradetree-wrapper .badge-light {
35782 color: #1d2125;
35783 background-color: #ced4da;
35784 margin-right: 0.5em;
35785 margin-bottom: 0.5em;
35789 * Grader report.
35791 .path-grade-report-grader .gradeparent tr .cell,
35792 .path-grade-report-grader .gradeparent .floater .cell {
35793 background-color: #fff;
35795 .path-grade-report-grader .gradeparent tr .cell.gradecell .dropdown-menu.show,
35796 .path-grade-report-grader .gradeparent .floater .cell.gradecell .dropdown-menu.show {
35797 z-index: 1;
35799 .path-grade-report-grader .gradeparent table,
35800 .path-grade-report-grader .gradeparent .cell {
35801 border-color: #dee2e6;
35803 .path-grade-report-grader .gradeparent .heading .cell,
35804 .path-grade-report-grader .gradeparent .cell.category,
35805 .path-grade-report-grader .gradeparent .avg .cell {
35806 background-color: #f8f9fa;
35808 .path-grade-report-grader .gradeparent table .clickable {
35809 cursor: pointer;
35811 .path-grade-report-grader .gradeparent tr.heading {
35812 position: sticky;
35813 top: 50px;
35814 z-index: 4;
35816 .path-grade-report-grader .gradeparent tr.userrow th {
35817 z-index: 2;
35819 .path-grade-report-grader .gradeparent tr.userrow th.actions-menu-active {
35820 z-index: 3;
35822 .path-grade-report-grader .gradeparent tr.lastrow:not(.userrow) {
35823 position: sticky;
35824 bottom: -1px;
35826 .path-grade-report-grader .gradeparent tr.lastrow:not(.userrow).pinned {
35827 z-index: 4;
35829 .path-grade-report-grader .gradeparent tr.lastrow td,
35830 .path-grade-report-grader .gradeparent tr.lastrow th {
35831 border-top: 1px solid #dee2e6;
35833 .path-grade-report-grader .gradeparent th.header {
35834 left: 0;
35835 position: sticky;
35837 .path-grade-report-grader .gradeparent th.header#studentheader {
35838 z-index: 1;
35840 .path-grade-report-grader .gradeparent td.noborder {
35841 border-right: transparent;
35843 .path-grade-report-grader.hasstickyfooter .gradeparent tr.lastrow {
35844 bottom: calc(max(96px, 0.9375rem * 3) - 1px);
35848 * User report.
35850 .path-grade-report-user .user-grade {
35851 border: none;
35853 .path-grade-report-user .user-grade.generaltable .levelodd {
35854 background-color: rgba(0, 0, 0, 0.03);
35856 .path-grade-report-user .user-grade .column-contributiontocoursetotal,
35857 .path-grade-report-user .user-grade .column-range,
35858 .path-grade-report-user .user-grade .column-percentage,
35859 .path-grade-report-user .user-grade .column-weight {
35860 /*rtl:ignore*/
35861 direction: ltr;
35865 * Single view.
35867 .path-grade-report-singleview .reporttable input[name^=finalgrade] {
35868 width: 80px;
35869 display: inline-block;
35871 .path-grade-report-singleview .reporttable .action-menu {
35872 display: inline-block;
35873 margin-left: 0.5rem;
35874 float: right;
35876 .path-grade-report-singleview .reporttable .dropdown-toggle::after {
35877 display: none;
35880 .gradereport-grader-table input[name^=grade] {
35881 width: 80px;
35882 display: inline-block;
35884 .gradereport-grader-table .dropdown-toggle::after {
35885 display: none;
35888 .search-widget .dropdown-menu {
35889 padding: 0.8rem 1.2rem;
35891 .search-widget .dropdown-menu.wide {
35892 width: 350px;
35894 .search-widget .dropdown-menu.narrow {
35895 width: 250px;
35897 .search-widget .dropdown-menu .dropdown-item span.email {
35898 color: #6a737b;
35900 .search-widget .dropdown-menu .dropdown-item:hover span,
35901 .search-widget .dropdown-menu .dropdown-item:active span {
35902 color: #fff;
35904 .search-widget .dropdown-menu .searchresultscontainer {
35905 height: 178px;
35906 font-size: 90%;
35908 .search-widget .dropdown-menu .searchresultscontainer .searchresultitemscontainer {
35909 height: 178px;
35910 max-height: 178px;
35911 overflow: auto;
35913 .search-widget .dropdown-menu .unsearchablecontentcontainer {
35914 border-top: 1px solid #dee2e6;
35915 padding-top: 10px;
35916 font-size: 90%;
35919 #fitem_id_submitbutton {
35920 padding-right: 2em;
35923 .gradestatus {
35924 padding-top: 10px;
35927 .gradestatus .icon {
35928 margin-right: 1rem;
35931 .columns-autoflow-1to1to1 {
35932 column-count: 3;
35935 @media (max-width: 767px) {
35936 .columns-autoflow-1to1to1 {
35937 column-count: 1;
35940 /* some very targetted corrections to roll back nameclashes between
35941 * Moodle and Bootstrap like .row, .label, .content, .controls
35943 * Mostly relies on these styles being more specific than the Bootstrap
35944 * ones in order to overule them.
35946 li.activity.label,
35947 .file-picker td.label {
35948 background: inherit;
35949 color: inherit;
35950 border: inherit;
35951 text-shadow: none;
35952 white-space: normal;
35953 display: block;
35954 font-size: inherit;
35955 line-height: inherit;
35956 text-align: inherit;
35959 .file-picker td.label {
35960 display: table-cell;
35961 text-align: right;
35962 padding: 8px;
35965 .choosercontainer #chooseform .option {
35966 font-size: 12px;
35969 /* block.invisible vs .invisible
35970 * block.hidden vs .invisible
35972 * uses .invisible where the rest of Moodle uses @mixin dimmed
35973 * fixible in block renderer?
35975 * There's seems to be even more naming confusion here since,
35976 * blocks can be actually 'visible' (or not) to students,
35977 * marked 'visible' but really just dimmed to indicate to editors
35978 * that students can't see them or 'visible' to the user who
35979 * collapses them, 'visible' if you have the right role and in
35980 * different circumstances different sections of a block can
35981 * be 'visible' or not.
35983 * currently worked around in renderers.php function block{}
35984 * by rewriting the class name "invisible" to "dimmed",
35985 * though the blocks don't look particularly different apart
35986 * from their contents disappearing. Maybe try .muted? or
35987 * dimming all the edit icons apart from unhide, might be a
35988 * nice effect, though they'd still be active. Maybe reverse
35989 * it to white?
35991 li.section.hidden,
35992 .block.hidden,
35993 .block.invisible {
35994 visibility: visible;
35995 display: block;
35998 /* .row vs .row
36000 * very tricky to track down this when it goes wrong,
36001 * since the styles are applied to generated content
36003 * basically if you see things shifted left or right compared
36004 * with where they should be check for a .row
36006 .forumpost .row {
36007 margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
36010 .forumpost .row:before,
36011 .forumpost .row:after {
36012 content: none;
36015 /* fieldset.hidden vs .hidden
36017 * Moodle uses fieldset.hidden for mforms, to signify a collection of
36018 * form elements that don't have a box drawn round them. Bootstrap
36019 * uses hidden for stuff that is hidden in various responsive modes.
36021 * Relatedly, there is also fieldset.invisiblefieldset which hides the
36022 * border and sets the display to inline.
36024 * Originally this just set block and visible, but it is used
36025 * in random question dialogue in Quiz,
36026 * that dialogue is hidden and shown, so when hidden the
36027 * above workaround leaves you with a button floating around
36029 fieldset.hidden {
36030 display: inherit;
36031 visibility: inherit;
36034 /* .container vs .container
36036 * bootstrap uses .container to set the width of the layout at 960px or so, Moodle uses it
36037 * in the Quiz to contain the questions to add. If you don't overule the Bootstrap code,
36038 * it becomes near unuseable.
36040 #questionbank + .container {
36041 width: auto;
36044 body:not(.jsenabled) .dropdown:hover > .dropdown-menu {
36045 display: block;
36046 margin-top: -6px;
36049 body:not(.jsenabled) .langmenu:hover > .dropdown-menu,
36050 .langmenu.open > .dropdown-menu {
36051 display: block;
36052 max-height: 150px;
36053 overflow-y: auto;
36056 .navbar.fixed-top .dropdown .dropdown-menu {
36057 max-height: calc(100vh - 50px);
36058 overflow-y: auto;
36061 .page-item.active .page-link, .page-item.active .page-link:hover, .page-item.active .page-link:focus {
36062 z-index: inherit;
36065 .custom-select {
36066 word-wrap: normal;
36069 /* Add commented out carousel transistions back in.
36071 * The Css prefixer used in Moodle breaks on @supports syntax, See MDL-61515.
36073 .carousel-item-next.carousel-item-left,
36074 .carousel-item-prev.carousel-item-right {
36075 transform: translateX(0);
36078 .carousel-item-next,
36079 .active.carousel-item-right {
36080 transform: translateX(100%);
36083 .carousel-item-prev,
36084 .active.carousel-item-left {
36085 transform: translateX(-100%);
36089 * Reset all of the forced style on the page.
36090 * - Remove borders on header and content.
36091 * - Remove most of the vertical padding.
36092 * - Make the content region flex grow so it pushes things like the
36093 * next activity selector to the bottom of the page.
36095 body.behat-site .fixed-top {
36096 position: absolute;
36098 body.behat-site.hasstickyfooter .stickyfooter,
36099 body.behat-site .stickyfooter {
36100 position: inherit;
36101 z-index: inherit;
36103 body.behat-site .dropdown-item {
36104 margin-top: 4px !important; /* stylelint-disable declaration-no-important */
36106 body.behat-site.drawer-ease {
36107 -webkit-transition: initial;
36108 -moz-transition: initial;
36109 transition: initial;
36111 body.behat-site [data-region=drawer] {
36112 -webkit-transition: initial;
36113 -moz-transition: initial;
36114 transition: initial;
36115 position: absolute;
36117 body.behat-site .custom-control,
36118 body.behat-site .custom-switch {
36119 padding-left: 0;
36121 body.behat-site .custom-control-input {
36122 position: static;
36123 z-index: 0;
36124 opacity: 1;
36125 width: auto;
36127 body.behat-site .custom-control-label::before, body.behat-site .custom-control-label::after {
36128 content: none;
36130 body.behat-site [data-region=message-drawer] {
36131 padding-right: 10px;
36133 body.behat-site.jsenabled #page-footer .footer-content-popover {
36134 display: block;
36136 body.behat-site.path-grade-report-grader .gradeparent tr.heading,
36137 body.behat-site.path-grade-report-grader .gradeparent tr.lastrow,
36138 body.behat-site.path-grade-report-grader .gradeparent th.header {
36139 position: relative;
36140 left: auto;
36142 body.behat-site.path-grade-report-grader .gradeparent tr.heading {
36143 top: auto;
36146 .phpinfo table,
36147 .phpinfo th,
36148 .phpinfo h2 {
36149 margin: auto;
36152 .phpinfo .e,
36153 .phpinfo .v,
36154 .phpinfo .h {
36155 border: 1px solid #000;
36156 font-size: 0.8em;
36157 vertical-align: baseline;
36158 color: #000;
36159 background-color: #ccc;
36162 .phpinfo .e {
36163 background-color: #ccf;
36164 font-weight: bold;
36167 .phpinfo .h {
36168 background-color: #99c;
36169 font-weight: bold;
36172 body > .debuggingmessage {
36173 margin-top: 50px;
36176 body > .debuggingmessage ~ .debuggingmessage {
36177 margin-top: 0.5rem;
36181 * This file contains the styles required to make the footer sticky.
36183 html,
36184 body {
36185 height: 100%;
36188 .stickyfooter {
36189 position: fixed;
36190 right: 0;
36191 left: 0;
36192 height: max(96px, 0.9375rem * 3);
36193 bottom: calc(max(96px, 0.9375rem * 3) * -1);
36194 transition: bottom 0.5s;
36195 z-index: 1030;
36196 overflow: hidden;
36197 box-shadow: 0 0 1rem rgba(0, 0, 0, 0.15);
36198 font-size: calc(0.9375rem * 1.10);
36201 .hasstickyfooter .stickyfooter {
36202 bottom: 0;
36205 /* Standard components fixes for sticky footer. */
36206 .stickyfooter ul.pagination {
36207 margin-bottom: 0.25rem;
36210 .stickyfooter .btn {
36211 font-size: calc(0.9375rem * 1.10);
36214 /* Breakpoints fixes. */
36215 @media (min-width: 576px) {
36216 #page-wrapper {
36217 height: 100%;
36218 display: flex;
36219 flex-direction: column;
36221 #page-wrapper #page {
36222 display: flex;
36223 flex-direction: column;
36225 #page-wrapper #page:not(.drawers) {
36226 flex: 1 0 auto;
36228 #page-wrapper #page #page-content {
36229 flex: 1 0 auto;
36231 #page-wrapper #page-footer {
36232 flex-shrink: 0;
36235 @media (max-width: 767.98px) {
36236 #page-wrapper {
36237 height: 100%;
36238 display: flex;
36239 flex-direction: column;
36241 #page-wrapper #page {
36242 display: flex;
36243 flex-direction: column;
36245 #page-wrapper #page:not(.drawers) {
36246 flex: 1 0 auto;
36249 .popover-region {
36250 position: relative;
36252 .popover-region.collapsed .popover-region-toggle:before, .popover-region.collapsed .popover-region-toggle:after {
36253 display: none;
36255 .popover-region.collapsed .popover-region-container {
36256 opacity: 0;
36257 visibility: hidden;
36258 height: 0;
36259 overflow: hidden;
36260 transition: height 0.25s, opacity 101ms 0.25s, visibility 101ms 0.25s;
36263 .popover-region-toggle {
36264 cursor: pointer;
36266 .popover-region-toggle::before {
36267 content: "";
36268 display: inline-block;
36269 border-left: 10px solid transparent;
36270 border-right: 10px solid transparent;
36271 border-bottom: 10px solid #ddd;
36272 position: absolute;
36273 bottom: 0;
36274 right: 7px;
36276 .popover-region-toggle::after {
36277 content: "";
36278 display: inline-block;
36279 border-left: 9px solid transparent;
36280 border-right: 9px solid transparent;
36281 border-bottom: 9px solid #fff;
36282 position: absolute;
36283 bottom: -1px;
36284 right: 8px;
36285 z-index: 2;
36288 .count-container {
36289 padding: 2px;
36290 border-radius: 2px;
36291 background-color: #ca3120;
36292 color: #fff;
36293 font-size: 11px;
36294 line-height: 11px;
36295 position: absolute;
36296 top: 5px;
36297 right: 0;
36300 .popover-region-container {
36301 opacity: 1;
36302 visibility: visible;
36303 position: absolute;
36304 right: 0;
36305 top: 0;
36306 height: 500px;
36307 width: 380px;
36308 border: 1px solid #ddd;
36309 transition: height 0.25s;
36310 background-color: #fff;
36311 z-index: 1;
36314 .popover-region-header-container {
36315 height: 25px;
36316 line-height: 25px;
36317 padding-left: 5px;
36318 padding-right: 5px;
36319 border-bottom: 1px solid #ddd;
36320 box-sizing: border-box;
36323 .popover-region-footer-container {
36324 height: 30px;
36325 text-align: center;
36326 border-top: 1px solid #ddd;
36327 background-color: #fff;
36328 padding-top: 3px;
36331 .popover-region-header-text {
36332 float: left;
36333 margin: 0;
36334 font-size: 14px;
36335 line-height: 25px;
36338 .popover-region-header-actions {
36339 float: right;
36341 .popover-region-header-actions > * {
36342 margin-left: 10px;
36343 min-width: 20px;
36344 display: inline-block;
36346 .popover-region-header-actions .loading-icon {
36347 display: none;
36348 height: 12px;
36349 width: 12px;
36351 .popover-region-header-actions .newmessage-link {
36352 margin-right: 10px;
36354 .popover-region-header-actions label {
36355 display: inline-block;
36356 text-align: center;
36357 margin-bottom: 0;
36360 .popover-region-content-container {
36361 height: calc(100% - 55px);
36362 width: 100%;
36363 overflow-y: auto;
36364 -webkit-overflow-scrolling: touch;
36366 .popover-region-content-container > .loading-icon {
36367 display: none;
36368 text-align: center;
36369 padding: 5px;
36370 box-sizing: border-box;
36372 .popover-region-content-container .empty-message {
36373 display: none;
36374 text-align: center;
36375 padding: 10px;
36377 .popover-region-content-container.loading > .loading-icon {
36378 display: block;
36380 .popover-region-content-container.loading .empty-message {
36381 display: none;
36384 .navbar-nav .popover-region .icon {
36385 font-weight: bolder;
36388 .navbar .popover-region.collapsed .popover-region-container {
36389 opacity: 0;
36390 visibility: hidden;
36391 height: 0;
36392 overflow: hidden;
36393 transition: height 0.25s, opacity 101ms 0.25s, visibility 101ms 0.25s;
36395 .navbar .count-container {
36396 padding: 2px;
36397 border-radius: 2px;
36398 background-color: #ca3120;
36399 color: #fff;
36400 font-size: 11px;
36401 line-height: 11px;
36402 position: absolute;
36403 top: 12.5px;
36404 right: 0;
36406 .navbar .popover-region-container {
36407 top: 50px;
36410 .content-item-container {
36411 width: 100%;
36412 border-bottom: 1px solid #ddd;
36413 box-sizing: border-box;
36414 padding: 5px;
36415 position: relative;
36416 margin: 0;
36417 display: block;
36418 color: inherit;
36419 text-decoration: none;
36421 .content-item-container:hover {
36422 color: #fff;
36423 background-color: #0f6cbf;
36425 .content-item-container:hover .content-item-footer .timestamp {
36426 color: #fff;
36428 .content-item-container:hover .view-more {
36429 color: inherit;
36431 .content-item-container.unread {
36432 margin: 0;
36433 background-color: #f4f4f4;
36435 .content-item-container.unread:hover {
36436 color: #fff;
36437 background-color: #0f6cbf;
36439 .content-item-container.unread .content-item-body .notification-message {
36440 font-weight: 600;
36442 .content-item-container .context-link {
36443 color: inherit;
36444 text-decoration: none;
36446 .content-item-container .content-item-body {
36447 box-sizing: border-box;
36448 margin-bottom: 5px;
36450 .content-item-container .content-item-footer {
36451 text-align: left;
36452 box-sizing: border-box;
36454 .content-item-container .content-item-footer .timestamp {
36455 font-size: 10px;
36456 line-height: 10px;
36457 margin: 0;
36458 color: inherit;
36459 margin-left: 24px;
36461 .content-item-container .view-more {
36462 position: absolute;
36463 bottom: 5px;
36464 right: 5px;
36465 font-size: 12px;
36466 line-height: 12px;
36468 .content-item-container .view-more:hover {
36469 color: inherit;
36471 .content-item-container.notification .content-item-body .notification-image {
36472 display: inline-block;
36473 width: 24px;
36474 height: 24px;
36475 float: left;
36477 .content-item-container.notification .content-item-body .notification-image img {
36478 height: 75%;
36480 .content-item-container.notification .content-item-body .notification-message {
36481 display: inline-block;
36482 font-size: 12px;
36483 width: calc(100% - 24px);
36485 .content-item-container.selected {
36486 background-color: #4f94cd;
36487 color: #fff;
36488 border-color: #4f94cd;
36490 .content-item-container.selected .content-item-footer .timestamp {
36491 color: #fff;
36494 .popover-region-notifications .popover-region-header-container .mark-all-read-button .normal-icon {
36495 display: inline-block;
36497 .popover-region-notifications .popover-region-header-container .mark-all-read-button.loading .normal-icon {
36498 display: none;
36500 .popover-region-notifications .popover-region-header-container .mark-all-read-button.loading .loading-icon {
36501 display: inline-block;
36503 .popover-region-notifications .all-notifications {
36504 opacity: 1;
36505 visibility: visible;
36506 height: auto;
36507 overflow: hidden;
36509 .popover-region-notifications .all-notifications:empty + .empty-message {
36510 display: block;
36512 .popover-region-notifications .notification-image {
36513 display: inline-block;
36514 width: 8%;
36515 vertical-align: top;
36517 .popover-region-notifications .notification-image img {
36518 height: 75%;
36520 .popover-region-notifications .notification-message {
36521 display: inline-block;
36522 font-size: 12px;
36524 .popover-region-notifications .popover-region-content-container.loading .all-notifications:empty + .empty-message {
36525 display: none;
36528 .popover-region-messages .mark-all-read-button .normal-icon {
36529 display: inline-block;
36531 .popover-region-messages .mark-all-read-button.loading .normal-icon {
36532 display: none;
36534 .popover-region-messages .mark-all-read-button.loading .loading-icon {
36535 display: inline-block;
36537 .popover-region-messages .popover-region-content-container.loading .popover-region-content .messages:empty + .empty-message {
36538 display: none;
36540 .popover-region-messages .messages:empty + .empty-message {
36541 display: block;
36543 .popover-region-messages .content-item-container.unread .content-item-body {
36544 font-weight: 600;
36545 width: calc(90% - 30px);
36547 .popover-region-messages .content-item-container.unread .unread-count-container {
36548 display: inline-block;
36549 width: 10%;
36550 text-align: center;
36551 float: right;
36553 .popover-region-messages .content-item {
36554 height: 100%;
36555 width: 100%;
36556 box-sizing: border-box;
36558 .popover-region-messages .profile-image-container {
36559 width: 30px;
36560 display: inline-block;
36561 text-align: center;
36562 float: left;
36564 .popover-region-messages .profile-image-container img {
36565 width: 100%;
36566 display: inline-block;
36567 vertical-align: middle;
36568 border-radius: 50%;
36570 .popover-region-messages .content-item-body {
36571 display: inline-block;
36572 box-sizing: border-box;
36573 width: calc(100% - 30px);
36574 font-size: 12px;
36575 padding-left: 10px;
36576 overflow: hidden;
36578 .popover-region-messages .content-item-body h3 {
36579 font-size: 12px;
36580 line-height: 12px;
36581 margin: 0;
36582 width: 100%;
36584 .popover-region-messages .content-item-body p {
36585 margin: 0;
36587 .popover-region-messages .unread-count-container {
36588 display: none;
36591 @media (max-width: 767px) {
36592 .navbar .popover-region .popover-region-container {
36593 right: -70px;
36596 @media (max-width: 480px) {
36597 .navbar .popover-region .popover-region-container {
36598 position: fixed;
36599 top: 46px;
36600 right: 0;
36601 left: 0;
36602 bottom: 0;
36603 width: auto;
36604 height: auto;
36608 * Tour step must sit above all other UI components.
36609 * The backdrop is the lowest point in the tour.
36610 * Everything else is in the container, and the target background should be at the same z-index.
36611 * ----- moodle
36612 * ---- step backdrop
36613 * --- step container
36614 * --- step target background
36616 div[data-flexitour=backdrop] {
36617 background-color: #000;
36618 opacity: 0.5;
36619 z-index: 1040;
36622 div[data-flexitour=step-background-fader],
36623 div[data-flexitour=step-background] {
36624 border-radius: 0.3rem;
36625 padding: 10px;
36626 z-index: 1041;
36629 span[data-flexitour=container],
36630 div[data-flexitour=step-background-fader],
36631 [data-flexitour=step-backdrop] > td,
36632 [data-flexitour=step-backdrop] {
36633 z-index: 1042;
36636 span[data-flexitour=container] .modal-dialog {
36638 * Remove all margins to:
36639 * 1) ensure that the arrow touches the target; and
36640 * 2) ensure that the focus border touches the modal.
36642 margin: 0;
36644 span[data-flexitour=container] div[data-role=arrow] {
36645 border-width: 1rem;
36647 span[data-flexitour=container] div[data-role=arrow],
36648 span[data-flexitour=container] div[data-role=arrow]:after {
36649 position: absolute;
36650 display: block;
36651 width: 0;
36652 height: 0;
36653 border-color: transparent;
36654 border-style: solid;
36655 border-width: 1rem;
36657 span[data-flexitour=container][x-placement=top], span[data-flexitour=container][x-placement=top-start] {
36658 margin-bottom: 1rem;
36660 span[data-flexitour=container][x-placement=top] div[data-role=arrow], span[data-flexitour=container][x-placement=top-start] div[data-role=arrow] {
36661 bottom: -1rem;
36662 left: 50%;
36663 margin-left: -1rem;
36664 border-bottom-width: 0;
36665 border-top-color: rgba(0, 0, 0, 0.25);
36667 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 {
36668 bottom: 1px;
36669 margin-left: -1rem;
36670 content: " ";
36671 border-bottom-width: 0;
36672 border-top-color: #fff;
36674 span[data-flexitour=container][x-placement=bottom], span[data-flexitour=container][x-placement=bottom-start] {
36675 margin-top: 1rem;
36677 span[data-flexitour=container][x-placement=bottom] div[data-role=arrow], span[data-flexitour=container][x-placement=bottom-start] div[data-role=arrow] {
36678 top: -1rem;
36679 left: 50%;
36680 margin-left: -1rem;
36681 border-top-width: 0;
36682 border-bottom-color: rgba(0, 0, 0, 0.25);
36684 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 {
36685 top: 1px;
36686 margin-left: -1rem;
36687 content: " ";
36688 border-top-width: 0;
36689 border-bottom-color: #fff;
36691 span[data-flexitour=container][x-placement=left], span[data-flexitour=container][x-placement=left-start] {
36692 margin-right: 1rem;
36694 span[data-flexitour=container][x-placement=left] div[data-role=arrow], span[data-flexitour=container][x-placement=left-start] div[data-role=arrow] {
36695 right: -1rem;
36696 top: 50%;
36697 margin-top: -1rem;
36698 border-right-width: 0;
36699 border-left-color: rgba(0, 0, 0, 0.25);
36701 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 {
36702 right: 1px;
36703 margin-top: -1rem;
36704 content: " ";
36705 border-right-width: 0;
36706 border-left-color: #fff;
36708 span[data-flexitour=container][x-placement=right], span[data-flexitour=container][x-placement=right-start] {
36709 margin-left: 1rem;
36711 span[data-flexitour=container][x-placement=right] div[data-role=arrow], span[data-flexitour=container][x-placement=right-start] div[data-role=arrow] {
36712 left: -1rem;
36713 top: 50%;
36714 margin-top: -1rem;
36715 border-left-width: 0;
36716 border-right-color: rgba(0, 0, 0, 0.25);
36718 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 {
36719 left: 1px;
36720 margin-top: -1rem;
36721 content: " ";
36722 border-left-width: 0;
36723 border-right-color: #fff;
36725 .dir-rtl span[data-flexitour=container][x-placement^=right] {
36726 margin-left: 1rem;
36728 .dir-rtl span[data-flexitour=container][x-placement^=right] div[data-role=arrow] {
36729 transform: rotate(180deg);
36730 left: -1rem;
36731 right: auto;
36733 .dir-rtl span[data-flexitour=container][x-placement^=left] {
36734 margin-right: 1rem;
36736 .dir-rtl span[data-flexitour=container][x-placement^=left] div[data-role=arrow] {
36737 transform: rotate(180deg);
36738 left: auto;
36739 right: -1rem;
36742 [data-region=drawer] [data-flexitour=container] {
36743 /*rtl:ignore*/
36744 margin-left: -15px;
36745 width: 275px;
36748 @media print {
36749 body.drawer-open-left.jsenabled,
36750 body.drawer-open-right.jsenabled {
36751 margin: 0;
36753 .container {
36754 width: auto;
36757 .modal .modal-body > .loading-icon {
36758 display: block;
36759 position: relative;
36760 width: 100%;
36761 height: 100%;
36763 .modal .modal-body > .loading-icon .icon {
36764 position: absolute;
36765 top: 50%;
36766 /*rtl:ignore*/
36767 left: 50%;
36768 transform: translate(-50%, -50%);
36770 .modal .close {
36771 margin: -0.8rem -0.8rem -0.8rem auto;
36773 .modal .close:not(:disabled):not(.disabled):hover, .modal .close:not(:disabled):not(.disabled):focus {
36774 opacity: inherit;
36777 .layout.fullscreen {
36778 height: 100vh;
36779 position: fixed;
36780 top: 0;
36781 left: 0;
36782 z-index: 1040;
36783 transition: 0.5s;
36784 width: 100vw;
36785 margin: 0;
36786 opacity: 1;
36787 background-color: #fff;
36789 @media (prefers-reduced-motion: reduce) {
36790 .layout.fullscreen {
36791 transition: none;
36794 .layout.fullscreen > div {
36795 height: 100%;
36796 width: 100%;
36798 .layout.fullscreen .loading-icon {
36799 margin-left: auto;
36800 margin-right: auto;
36801 text-align: center;
36802 display: inline-block;
36803 width: 100%;
36804 top: 40%;
36805 position: fixed;
36807 .layout.fullscreen .loading-icon .icon {
36808 width: 1em;
36809 height: 1em;
36810 font-size: 4em;
36813 #page.drawers {
36814 margin-top: 50px;
36815 scrollbar-width: thin;
36816 scrollbar-color: #6a737b #f8f9fa;
36818 #page.drawers::-webkit-scrollbar {
36819 width: 12px;
36821 #page.drawers::-webkit-scrollbar-track {
36822 background: #f8f9fa;
36824 #page.drawers::-webkit-scrollbar-thumb {
36825 background-color: #6a737b;
36826 border-radius: 20px;
36827 border: 3px solid #f8f9fa;
36829 #page.drawers::-webkit-scrollbar-thumb:hover {
36830 background-color: #495057;
36832 #page.drawers .main-inner {
36833 max-width: 100%;
36834 width: 100%;
36835 margin: 0 auto;
36836 border-radius: 0.25rem;
36837 background-color: #fff;
36838 padding: 1.5rem 0.5rem;
36839 margin-top: 0.5rem;
36840 margin-bottom: 3rem;
36841 flex: 1 0 auto;
36843 #page.drawers .activity-header {
36844 margin-left: 15px;
36845 margin-right: 15px;
36848 @media (min-width: 768px) {
36849 .pagelayout-standard #page.drawers .main-inner,
36850 body.limitedwidth #page.drawers .main-inner {
36851 max-width: 830px;
36853 .pagelayout-standard #page.drawers .footer-popover,
36854 body.limitedwidth #page.drawers .footer-popover {
36855 max-width: 830px;
36856 width: 100%;
36857 margin: 0 auto;
36858 border-radius: 0.25rem;
36860 body.mediumwidth #page.drawers .main-inner {
36861 max-width: 1120px;
36863 body.mediumwidth #page.drawers .footer-popover {
36864 max-width: 1120px;
36865 width: 100%;
36866 margin: 0 auto;
36867 border-radius: 0.25rem;
36869 .header-maxwidth {
36870 max-width: 830px;
36871 margin: 0 auto;
36872 padding-left: 15px;
36873 padding-right: 15px;
36875 .header-maxwidth .header-inner {
36876 padding-left: 0;
36877 padding-right: 0;
36880 .drawer-toggles .drawer-toggler {
36881 position: fixed;
36882 top: calc(50px + 0.7rem);
36883 z-index: 2;
36885 .drawer-toggles .drawer-toggler .btn {
36886 border-radius: 200px;
36887 padding: 16px;
36888 background-color: #dee2e6;
36889 box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
36890 transition: padding 200ms;
36892 .drawer-toggles .drawer-toggler .btn .icon {
36893 width: auto;
36894 height: auto;
36896 .drawer-toggles .drawer-toggler .btn:focus {
36897 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
36899 .drawer-toggles .drawer-left-toggle {
36900 left: 0;
36902 .drawer-toggles .drawer-left-toggle .btn {
36903 border-top-left-radius: 0;
36904 border-bottom-left-radius: 0;
36905 padding-right: 14px;
36906 padding-left: 10px;
36908 .drawer-toggles .drawer-left-toggle .btn:hover {
36909 padding-left: 20px;
36911 .drawer-toggles .drawer-right-toggle {
36912 right: 0;
36914 .drawer-toggles .drawer-right-toggle .btn {
36915 border-top-right-radius: 0;
36916 border-bottom-right-radius: 0;
36917 padding-right: 10px;
36918 padding-left: 14px;
36920 .drawer-toggles .drawer-right-toggle .btn:hover {
36921 padding-right: 20px;
36924 #page.drawers.show-drawer-left .drawer-left-toggle {
36925 display: none;
36928 #page.drawers.show-drawer-right .drawer-right-toggle {
36929 display: none;
36932 @media (max-width: 767.98px) {
36933 .drawer-toggles {
36934 z-index: 100;
36936 .drawer-toggles .drawer-right-toggle,
36937 .drawer-toggles .drawer-left-toggle {
36938 top: calc(99vh - (50px * 2.5));
36940 #page.drawers.scroll-down .drawer-right-toggle {
36941 transform: translateX(150%);
36942 pointer-events: auto;
36943 visibility: hidden;
36945 #page.drawers.scroll-down .drawer-left-toggle {
36946 transform: translateX(-150%);
36947 pointer-events: auto;
36948 visibility: hidden;
36951 @media (min-width: 576px) {
36952 #page.drawers .main-inner {
36953 margin-top: 1.5rem;
36956 @media (min-width: 768px) {
36957 #page.drawers {
36958 padding-left: 3rem;
36959 padding-right: 3rem;
36961 #page.drawers .main-inner {
36962 padding: 1.5rem 0.5rem;
36964 #page.drawers div[role=main] {
36965 padding-left: 15px;
36966 padding-right: 15px;
36969 @media (min-width: 992px) {
36970 .drawer-left,
36971 .drawer-right {
36972 top: 50px;
36973 height: calc(100vh - 50px);
36975 .hasstickyfooter .drawer-left,
36976 .hasstickyfooter .drawer-right {
36977 top: 50px;
36978 height: calc(100vh - 50px - max(96px, 0.9375rem * 3));
36980 #page.drawers {
36981 position: relative;
36982 overflow-y: visible;
36983 transition: 0.2s;
36984 left: 0;
36985 right: 0;
36988 @media (min-width: 992px) and (prefers-reduced-motion: reduce) {
36989 #page.drawers {
36990 transition: none;
36993 @media (min-width: 992px) {
36994 #page.drawers.show-drawer-left {
36995 margin-left: 285px;
36996 margin-right: 0;
36997 padding-left: 1rem;
37000 @media (min-width: 992px) {
37001 #page.drawers.show-drawer-right {
37002 margin-left: 0;
37003 margin-right: 315px;
37004 padding-right: 1rem;
37006 .jsenabled #page.drawers.show-drawer-right .btn-footer-popover, .jsenabled #page.drawers.show-drawer-right .btn-footer-communication {
37007 right: calc(315px + 2rem);
37010 @media (min-width: 992px) {
37011 #page.drawers.show-drawer-left.show-drawer-right {
37012 margin-left: 285px;
37013 margin-right: 315px;
37016 @media (min-width: 992px) {
37017 #page.drawers.hasstickyfooter {
37018 margin-bottom: max(96px, 0.9375rem * 3);
37021 .drawercontrolbuttons {
37022 margin-top: 92px;
37024 .drawercontrolbuttons .buttons {
37025 z-index: 1;
37028 .form-control:-ms-input-placeholder {
37029 color: #6a737b;
37032 .custom-select {
37033 -webkit-appearance: none;
37034 -moz-appearance: none;
37037 .custom-range {
37038 -webkit-appearance: none;
37039 -moz-appearance: none;
37041 .custom-range::-webkit-slider-thumb, .custom-range::-moz-range-thumb, .custom-range::-ms-thumb {
37042 -webkit-appearance: none;
37043 -moz-appearance: none;
37046 input[type=date].form-control,
37047 input[type=time].form-control,
37048 input[type=datetime-local].form-control,
37049 input[type=month].form-control {
37050 -webkit-appearance: none;
37051 -moz-appearance: none;
37054 @media (min-width: 576px) {
37055 .card-columns {
37056 -webkit-column-gap: 1.25rem;
37057 -moz-column-gap: 1.25rem;
37061 .carousel-item {
37062 -webkit-backface-visibility: hidden;
37065 .card {
37066 -webkit-background-clip: border-box;
37069 .carousel-indicators li,
37070 .dropdown-menu,
37071 .form-control,
37072 .modal-content,
37073 .popover,
37074 .toast {
37075 -webkit-background-clip: padding-box;
37078 .btn {
37079 -webkit-user-select: none;
37080 -ms-user-select: none;
37083 .user-select-all {
37084 -webkit-user-select: all !important; /* stylelint-disable-line declaration-no-important */
37085 -ms-user-select: none;
37088 .user-select-auto {
37089 -webkit-user-select: auto !important; /* stylelint-disable-line declaration-no-important */
37090 -ms-user-select: none;
37093 .user-select-none {
37094 -webkit-user-select: none !important; /* stylelint-disable-line declaration-no-important */
37095 -ms-user-select: none;
37098 .editor_atto_content_wrap {
37099 background-color: #fff;
37100 color: #333;
37103 .editor_atto_content {
37104 padding: 4px;
37105 resize: vertical;
37106 overflow: auto;
37109 .editor_atto_content_wrap,
37110 .editor_atto + textarea {
37111 width: 100%;
37112 padding: 0;
37115 .editor_atto + textarea {
37116 border-radius: 0;
37117 resize: vertical;
37118 margin-top: -1px;
37121 div.editor_atto_toolbar {
37122 display: block;
37123 background: #f2f2f2;
37124 min-height: 35px;
37125 border: 1px solid #8f959e;
37126 width: 100%;
37127 padding: 0 0 9px 0;
37128 border-top-left-radius: 0.25rem;
37129 border-top-right-radius: 0.25rem;
37132 div.editor_atto_toolbar button {
37133 padding: 4px 9px;
37134 background: none;
37135 border: 0;
37136 margin: 0;
37137 border-radius: 0;
37138 cursor: pointer;
37141 div.editor_atto_toolbar .menuplaceholder {
37142 display: inline-block;
37145 div.editor_atto_toolbar button + button,
37146 div.editor_atto_toolbar .menuplaceholder + button {
37147 border-left: 1px solid #ccc;
37150 div.editor_atto_toolbar button[disabled] {
37151 opacity: 0.45;
37152 background: none;
37153 cursor: default;
37156 .editor_atto_toolbar button:hover {
37157 background-image: radial-gradient(ellipse at center, #fff 60%, #dfdfdf 100%);
37158 background-color: #ebebeb;
37161 .editor_atto_toolbar button:active,
37162 .editor_atto_toolbar button.highlight {
37163 background-image: radial-gradient(ellipse at center, #fff 40%, #dfdfdf 100%);
37164 background-color: #dfdfdf;
37167 /* Make firefox button sizes match other browsers */
37168 div.editor_atto_toolbar button::-moz-focus-inner {
37169 border: 0;
37170 padding: 0;
37173 div.editor_atto_toolbar button .icon {
37174 padding: 0;
37175 margin: 2px 0;
37178 div.editor_atto_toolbar div.atto_group {
37179 display: inline-block;
37180 border: 1px solid #ccc;
37181 border-bottom: 1px solid #b3b3b3;
37182 border-radius: 4px;
37183 margin: 9px 0 0 9px;
37184 background: #fff;
37187 div.editor_atto_toolbar .atto_toolbar_row {
37188 margin: 6px 0 -3px 5px;
37189 display: table;
37191 div.editor_atto_toolbar .atto_toolbar_row div.atto_group {
37192 margin: 3px 5px 3px 4px;
37195 .editor_atto_content img {
37196 resize: both;
37197 overflow: auto;
37200 .atto_hasmenu {
37201 /* IE8 places the images on top of each other if that is not set. */
37202 white-space: nowrap;
37205 .atto_menuentry .icon {
37206 width: 16px;
37207 height: 16px;
37210 .atto_menuentry {
37211 clear: left;
37214 .atto_menuentry h1,
37215 .atto_menuentry h2,
37216 .atto_menuentry p {
37217 margin: 4px;
37220 /*.atto_form label.sameline {
37221 display: inline-block;
37222 min-width: 10em;
37224 .atto_form textarea.fullwidth,
37225 .atto_form input.fullwidth {
37226 width: 100%;
37229 .atto_form {
37230 padding: 0.5rem;
37233 /*.atto_form label {
37234 display: block;
37235 margin: 0 0 5px 0;
37237 .atto_control {
37238 position: absolute;
37239 right: -6px;
37240 bottom: -6px;
37241 display: none;
37242 cursor: pointer;
37245 .atto_control .icon {
37246 background-color: #fff;
37249 div.editor_atto_content:focus .atto_control,
37250 div.editor_atto_content:hover .atto_control {
37251 display: block;
37254 .editor_atto_menu.yui3-menu-hidden {
37255 display: none;
37258 /* Get broken images back in firefox */
37259 .editor_atto_content img:-moz-broken {
37260 -moz-force-broken-image-icon: 1;
37261 min-width: 24px;
37262 min-height: 24px;
37265 /* Atto menu styling */
37266 .moodle-dialogue-base .editor_atto_menu .moodle-dialogue-content .moodle-dialogue-bd {
37267 padding: 0;
37268 z-index: 1000;
37271 .editor_atto_menu .dropdown-menu > li > a {
37272 margin: 3px 14px;
37275 .editor_atto_menu .open ul.dropdown-menu {
37276 padding-top: 5px;
37277 padding-bottom: 5px;
37280 .editor_atto_wrap {
37281 position: relative;
37284 /*rtl:ignore*/
37285 .editor_atto_wrap textarea {
37286 direction: ltr;
37289 .editor_atto_notification {
37290 display: inline-block;
37291 padding: 0.5em;
37292 padding-left: 1em;
37293 padding-right: 1em;
37294 border-bottom-left-radius: 1em;
37295 border-bottom-right-radius: 1em;
37297 .editor_atto_notification .atto_info {
37298 background-color: #f2f2f2;
37300 .editor_atto_notification .atto_warning {
37301 background-color: #ffd700;
37304 .editor_atto_toolbar,
37305 .editor_atto_content_wrap,
37306 .editor_atto + textarea {
37307 box-sizing: border-box;
37310 .editor_atto_content.form-control {
37311 width: 100%;
37312 border-top: 0;
37313 border-top-left-radius: 0;
37314 border-top-right-radius: 0;
37317 /** Atto fields do not have form-control because that would break the layout of the editor.
37318 So they need these extra styles to highlight the editor when there is a validation error. */
37319 .has-danger .editor_atto_content.form-control .invalid-feedback,
37320 .has-danger .editor_atto_content.form-control-danger .invalid-feedback {
37321 display: none;
37322 width: 100%;
37323 margin-top: 0.25rem;
37324 font-size: 0.875em;
37325 color: #ca3120;
37327 .has-danger .editor_atto_content.form-control .invalid-tooltip,
37328 .has-danger .editor_atto_content.form-control-danger .invalid-tooltip {
37329 position: absolute;
37330 top: 100%;
37331 left: 0;
37332 z-index: 5;
37333 display: none;
37334 max-width: 100%;
37335 padding: 0.25rem 0.5rem;
37336 margin-top: 0.1rem;
37337 font-size: 0.8203125rem;
37338 line-height: 1.5;
37339 color: #fff;
37340 background-color: rgba(202, 49, 32, 0.9);
37341 border-radius: 0.25rem;
37343 .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,
37344 .form-row > .col > .has-danger .editor_atto_content.form-control-danger .invalid-tooltip,
37345 .form-row > [class*=col-] > .has-danger .editor_atto_content.form-control-danger .invalid-tooltip {
37346 left: 5px;
37348 .was-validated .has-danger .editor_atto_content.form-control:invalid ~ .invalid-feedback,
37349 .was-validated .has-danger .editor_atto_content.form-control:invalid ~ .invalid-tooltip, .has-danger .editor_atto_content.form-control.is-invalid ~ .invalid-feedback,
37350 .has-danger .editor_atto_content.form-control.is-invalid ~ .invalid-tooltip,
37351 .was-validated .has-danger .editor_atto_content.form-control-danger:invalid ~ .invalid-feedback,
37352 .was-validated .has-danger .editor_atto_content.form-control-danger:invalid ~ .invalid-tooltip,
37353 .has-danger .editor_atto_content.form-control-danger.is-invalid ~ .invalid-feedback,
37354 .has-danger .editor_atto_content.form-control-danger.is-invalid ~ .invalid-tooltip {
37355 display: block;
37357 .was-validated .has-danger .editor_atto_content.form-control .form-control:invalid, .has-danger .editor_atto_content.form-control .form-control.is-invalid,
37358 .was-validated .has-danger .editor_atto_content.form-control-danger .form-control:invalid,
37359 .has-danger .editor_atto_content.form-control-danger .form-control.is-invalid {
37360 border-color: #ca3120;
37361 padding-right: calc(1.5em + 0.75rem) !important;
37362 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");
37363 background-repeat: no-repeat;
37364 background-position: right calc(0.375em + 0.1875rem) center;
37365 background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
37367 .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,
37368 .was-validated .has-danger .editor_atto_content.form-control-danger .form-control:invalid:focus,
37369 .has-danger .editor_atto_content.form-control-danger .form-control.is-invalid:focus {
37370 border-color: #ca3120;
37371 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.25);
37373 .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,
37374 .was-validated .has-danger .editor_atto_content.form-control-danger select.form-control:invalid,
37375 .has-danger .editor_atto_content.form-control-danger select.form-control.is-invalid {
37376 padding-right: 3rem !important;
37377 background-position: right 1.5rem center;
37379 .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,
37380 .was-validated .has-danger .editor_atto_content.form-control-danger textarea.form-control:invalid,
37381 .has-danger .editor_atto_content.form-control-danger textarea.form-control.is-invalid {
37382 padding-right: calc(1.5em + 0.75rem);
37383 background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
37385 .was-validated .has-danger .editor_atto_content.form-control .custom-select:invalid, .has-danger .editor_atto_content.form-control .custom-select.is-invalid,
37386 .was-validated .has-danger .editor_atto_content.form-control-danger .custom-select:invalid,
37387 .has-danger .editor_atto_content.form-control-danger .custom-select.is-invalid {
37388 border-color: #ca3120;
37389 padding-right: calc(0.75em + 2.3125rem) !important;
37390 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;
37392 .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,
37393 .was-validated .has-danger .editor_atto_content.form-control-danger .custom-select:invalid:focus,
37394 .has-danger .editor_atto_content.form-control-danger .custom-select.is-invalid:focus {
37395 border-color: #ca3120;
37396 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.25);
37398 .was-validated .has-danger .editor_atto_content.form-control .form-check-input:invalid ~ .form-check-label, .has-danger .editor_atto_content.form-control .form-check-input.is-invalid ~ .form-check-label,
37399 .was-validated .has-danger .editor_atto_content.form-control-danger .form-check-input:invalid ~ .form-check-label,
37400 .has-danger .editor_atto_content.form-control-danger .form-check-input.is-invalid ~ .form-check-label {
37401 color: #ca3120;
37403 .was-validated .has-danger .editor_atto_content.form-control .form-check-input:invalid ~ .invalid-feedback,
37404 .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,
37405 .has-danger .editor_atto_content.form-control .form-check-input.is-invalid ~ .invalid-tooltip,
37406 .was-validated .has-danger .editor_atto_content.form-control-danger .form-check-input:invalid ~ .invalid-feedback,
37407 .was-validated .has-danger .editor_atto_content.form-control-danger .form-check-input:invalid ~ .invalid-tooltip,
37408 .has-danger .editor_atto_content.form-control-danger .form-check-input.is-invalid ~ .invalid-feedback,
37409 .has-danger .editor_atto_content.form-control-danger .form-check-input.is-invalid ~ .invalid-tooltip {
37410 display: block;
37412 .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,
37413 .was-validated .has-danger .editor_atto_content.form-control-danger .custom-control-input:invalid ~ .custom-control-label,
37414 .has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid ~ .custom-control-label {
37415 color: #ca3120;
37417 .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,
37418 .was-validated .has-danger .editor_atto_content.form-control-danger .custom-control-input:invalid ~ .custom-control-label::before,
37419 .has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid ~ .custom-control-label::before {
37420 border-color: #ca3120;
37422 .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,
37423 .was-validated .has-danger .editor_atto_content.form-control-danger .custom-control-input:invalid:checked ~ .custom-control-label::before,
37424 .has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
37425 border-color: #e04d3d;
37426 background-color: #e04d3d;
37428 .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,
37429 .was-validated .has-danger .editor_atto_content.form-control-danger .custom-control-input:invalid:focus ~ .custom-control-label::before,
37430 .has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
37431 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.25);
37433 .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,
37434 .was-validated .has-danger .editor_atto_content.form-control-danger .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before,
37435 .has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
37436 border-color: #ca3120;
37438 .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,
37439 .was-validated .has-danger .editor_atto_content.form-control-danger .custom-file-input:invalid ~ .custom-file-label,
37440 .has-danger .editor_atto_content.form-control-danger .custom-file-input.is-invalid ~ .custom-file-label {
37441 border-color: #ca3120;
37443 .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,
37444 .was-validated .has-danger .editor_atto_content.form-control-danger .custom-file-input:invalid:focus ~ .custom-file-label,
37445 .has-danger .editor_atto_content.form-control-danger .custom-file-input.is-invalid:focus ~ .custom-file-label {
37446 border-color: #ca3120;
37447 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.25);
37450 .open.atto_menu > .dropdown-menu {
37451 display: block;
37454 div.editor_atto_toolbar button .icon {
37455 color: #495057;
37458 .toast {
37459 border-radius: 0.25rem;
37461 .toast.toast-success {
37462 background-color: rgba(215, 228, 214, 0.95);
37463 color: #1c3f1a;
37465 .toast.toast-success .toast-header {
37466 color: #1c3f1a;
37468 .toast.toast-success .toast-body:before {
37469 margin: 2px 5px 0 0;
37470 content: "\f058";
37472 .toast.toast-danger {
37473 background-color: rgba(244, 214, 210, 0.95);
37474 color: #691911;
37476 .toast.toast-danger .toast-header {
37477 color: #691911;
37479 .toast.toast-danger .toast-body:before {
37480 margin: 2px 5px 0 0;
37481 content: "\f057";
37483 .toast.toast-info {
37484 background-color: rgba(204, 230, 234, 0.95);
37485 color: #00434e;
37487 .toast.toast-info .toast-header {
37488 color: #00434e;
37490 .toast.toast-info .toast-body:before {
37491 margin: 2px 5px 0 0;
37492 content: "\f05a";
37494 .toast.toast-warning {
37495 background-color: rgba(252, 239, 220, 0.95);
37496 color: #7d5a29;
37498 .toast.toast-warning .toast-header {
37499 color: #7d5a29;
37501 .toast.toast-warning .toast-body:before {
37502 margin: 2px 5px 0 0;
37503 content: "\f06a";
37505 .toast .close {
37506 color: inherit;
37509 .navbar.fixed-top {
37510 padding-top: 0;
37511 padding-bottom: 0;
37512 box-shadow: none;
37513 border-bottom: #dee2e6 1px solid;
37514 align-items: stretch;
37515 height: 51px;
37517 .navbar.fixed-top .navbar-brand .logo {
37518 max-height: calc(50px - (0.25rem * 2));
37520 .navbar.fixed-top .nav-link {
37521 height: 100%;
37522 display: flex;
37523 align-items: center;
37524 white-space: nowrap;
37526 .navbar.fixed-top .divider {
37527 width: 1px;
37528 background-color: #dee2e6;
37530 .navbar.fixed-top #usernavigation .nav-link {
37531 padding: 0 0.5rem;
37533 .navbar.fixed-top .login {
37534 display: flex;
37535 align-items: center;
37537 .navbar.fixed-top .usermenu {
37538 display: flex;
37540 .navbar.fixed-top .usermenu .action-menu {
37541 display: flex;
37542 align-items: center;
37544 .navbar.fixed-top .usermenu .dropdown {
37545 display: flex;
37546 align-items: center;
37548 .navbar.fixed-top .usermenu .dropdown .dropdown-toggle {
37549 padding-top: 0;
37550 padding-bottom: 0;
37551 border-radius: 0;
37552 display: flex;
37553 align-items: center;
37554 height: 100%;
37556 .navbar.fixed-top .usermenu .dropdown-menu {
37557 min-width: 235px;
37559 .navbar.fixed-top .usermenu .dropdown-menu .carousel-navigation-link > * {
37560 pointer-events: none;
37562 .navbar.fixed-top .usermenu .dropdown-menu .dropdown-item {
37563 padding: 0.25rem 1.75rem 0.25rem 0.75rem;
37565 .navbar.fixed-top .usermenu .dropdown-menu .dropdown-item.carousel-navigation-link::after {
37566 content: "\f0da";
37567 font-size: 1rem;
37568 right: 0.75rem;
37569 position: absolute;
37571 .navbar.fixed-top .usermenu .dropdown-menu .submenu .header {
37572 padding: 0.25rem 0.75rem;
37573 font-size: 0.975rem;
37575 .navbar.fixed-top .usermenu .dropdown-menu .submenu .header .icon {
37576 font-size: 20px;
37577 height: 20px;
37578 width: 20px;
37579 margin: 0;
37581 .navbar.fixed-top .usermenu .dropdown-menu .submenu .items .dropdown-item[aria-current=true]::before {
37582 content: "\f00c";
37583 font-size: 0.75rem;
37584 padding-left: 0.25rem;
37586 .navbar.fixed-top .usermenu .login {
37587 display: flex;
37588 align-items: center;
37590 .navbar.fixed-top .usermenu .dropdown,
37591 .navbar.fixed-top .langmenu .dropdown {
37592 display: flex;
37593 align-items: center;
37594 height: 100%;
37596 .navbar.fixed-top .usermenu .dropdown .dropdown-toggle,
37597 .navbar.fixed-top .langmenu .dropdown .dropdown-toggle {
37598 padding-top: 0;
37599 padding-bottom: 0;
37600 border-radius: 0;
37601 display: flex;
37602 align-items: center;
37603 height: 100%;
37605 .navbar.fixed-top .langmenu .dropdown-menu .dropdown-item[aria-current=true]::before {
37606 content: "\f00c";
37607 font-size: 0.75rem;
37608 padding-left: 0.25rem;
37610 @media (max-width: 767.98px) {
37611 .navbar.fixed-top .langmenu .langbutton {
37612 display: none;
37615 .navbar.fixed-top .moodle-actionmenu .menubar,
37616 .navbar.fixed-top .action-menu-trigger .dropdown {
37617 height: 100%;
37618 display: flex;
37621 .dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .dropdown-item.carousel-navigation-link::after {
37622 content: "\f0d9";
37624 .dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .carousel .carousel-inner .carousel-item-prev.carousel-item-right,
37625 .dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .carousel .carousel-inner .carousel-item-next.carousel-item-left {
37626 transform: translateX(0);
37628 .dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .carousel .carousel-inner .carousel-item-next,
37629 .dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .carousel .carousel-inner .carousel-item-right.active {
37630 transform: translateX(-100%);
37632 .dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .carousel .carousel-inner .carousel-item-prev,
37633 .dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .carousel .carousel-inner .carousel-item-left.active {
37634 transform: translateX(100%);
37637 #page {
37638 margin-top: 50px;
37641 .pagelayout-embedded #page {
37642 margin-top: 0;
37645 .navbar-bootswatch .navbar-brand {
37646 overflow: hidden;
37647 text-overflow: ellipsis;
37649 .navbar-bootswatch .navbar-brand .sitename {
37650 overflow: hidden;
37651 white-space: nowrap;
37652 text-overflow: ellipsis;
37655 :root {
37656 --navbar-height: 50px;
37660 * Reportbuilder styles.
37662 .reportbuilder-wrapper .btn-outline-secondary[data-toggle=collapse]:not(.collapsed),
37663 .reportbuilder-wrapper .dropdown.show .btn-outline-secondary[data-toggle=dropdown] {
37664 color: #fff;
37665 background-color: #6a737b;
37666 border-color: #6a737b;
37669 .reportbuilder-table .action-menu .menubar {
37670 justify-content: end;
37673 .reportbuilder-wrapper .filters-dropdown {
37674 width: 27rem;
37675 padding: 0 0 4rem 0;
37676 z-index: 1050;
37677 overflow: hidden;
37679 @media (max-width: 767.98px) {
37680 .reportbuilder-wrapper .filters-dropdown {
37681 width: 100%;
37685 .reportbuilder-filters-sidebar {
37686 max-height: 30rem;
37687 overflow-y: auto;
37688 border-bottom: 1px solid rgba(0, 0, 0, 0.15);
37689 scrollbar-width: thin;
37690 scrollbar-color: #6a737b #fff;
37691 background: linear-gradient(#fff 30%, rgba(255, 255, 255, 0)) center top, linear-gradient(rgba(255, 255, 255, 0), #fff 70%) center bottom, radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) center top, radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) center bottom;
37692 background-repeat: no-repeat;
37693 background-size: 100% 1rem, 100% 1rem, 100% calc(1rem / 2), 100% calc(1rem / 2);
37694 background-attachment: local, local, scroll, scroll;
37696 .reportbuilder-filters-sidebar::-webkit-scrollbar {
37697 width: 12px;
37699 .reportbuilder-filters-sidebar::-webkit-scrollbar-track {
37700 background: #fff;
37702 .reportbuilder-filters-sidebar::-webkit-scrollbar-thumb {
37703 background-color: #6a737b;
37704 border-radius: 20px;
37705 border: 3px solid #fff;
37707 .reportbuilder-filters-sidebar::-webkit-scrollbar-thumb:hover {
37708 background-color: #495057;
37710 .reportbuilder-filters-sidebar .filter:not(:nth-last-child(2)) {
37711 border-bottom: 1px solid rgba(0, 0, 0, 0.15);
37713 .reportbuilder-filters-sidebar .filter .filter-name:hover {
37714 white-space: normal;
37715 text-overflow: clip;
37716 word-break: break-all;
37718 .reportbuilder-filters-sidebar .form-group[data-groupname=buttonar] {
37719 position: absolute;
37720 bottom: 0;
37721 height: 4rem;
37722 align-items: center;
37724 .reportbuilder-filters-sidebar .form-group[data-groupname=buttonar] .col-form-label {
37725 display: none !important; /* stylelint-disable-line declaration-no-important */
37728 .reportbuilder-filters-wrapper .mform.full-width-labels .fdate_selector,
37729 .reportbuilder-conditions-list .mform.full-width-labels .fdate_selector {
37730 flex-wrap: wrap;
37732 .reportbuilder-filters-wrapper .mform.full-width-labels .form-group,
37733 .reportbuilder-conditions-list .mform.full-width-labels .form-group {
37734 margin-bottom: 0;
37735 max-width: 100%;
37737 .reportbuilder-filters-wrapper .mform.full-width-labels .form-group:not(.row):last-child,
37738 .reportbuilder-conditions-list .mform.full-width-labels .form-group:not(.row):last-child {
37739 flex: 1;
37740 min-width: 0;
37742 .reportbuilder-filters-wrapper .mform.full-width-labels .form-group:not(.row):last-child span,
37743 .reportbuilder-filters-wrapper .mform.full-width-labels .form-group:not(.row):last-child .custom-select,
37744 .reportbuilder-conditions-list .mform.full-width-labels .form-group:not(.row):last-child span,
37745 .reportbuilder-conditions-list .mform.full-width-labels .form-group:not(.row):last-child .custom-select {
37746 width: 100%;
37749 @media (min-width: 992px) {
37750 .path-admin-reportbuilder.pagelayout-popup.behat-site .fixed-top {
37751 position: fixed;
37753 .path-admin-reportbuilder.pagelayout-popup #region-main {
37754 border: none;
37755 padding: 0;
37757 .path-admin-reportbuilder.pagelayout-popup #maincontent {
37758 visibility: hidden;
37760 .path-admin-reportbuilder.pagelayout-popup .dynamictabs .nav-tabs {
37761 position: fixed;
37762 z-index: 1030;
37763 width: calc(100% - 35px);
37764 padding-top: 1.25rem;
37765 background-color: #fff;
37766 box-shadow: 0 1.25rem 0 #fff;
37768 .path-admin-reportbuilder.pagelayout-popup .dynamictabs .tab-content {
37769 padding-top: 83px;
37771 .path-admin-reportbuilder.pagelayout-popup .reportbuilder-sidebar-menu {
37772 position: fixed;
37774 .path-admin-reportbuilder.pagelayout-popup .reportbuilder-sidebar-menu .reportbuilder-sidebar-menu-cards {
37775 max-height: calc(100vh - 153px - 52px);
37777 .path-admin-reportbuilder.pagelayout-popup .reportbuilder-sidebar-settings {
37778 position: fixed;
37779 right: 30px;
37780 max-height: calc(100vh - 153px);
37782 .path-admin-reportbuilder.pagelayout-popup .reportbuilder-report[data-editing] .reportbuilder-report-container {
37783 max-height: calc(100vh - 153px);
37784 overflow-y: auto;
37785 scrollbar-width: thin;
37786 scrollbar-color: #6a737b #f8f9fa;
37787 margin-left: calc(250px + 1rem);
37788 margin-right: calc(350px + 1rem);
37790 .path-admin-reportbuilder.pagelayout-popup .reportbuilder-report[data-editing] .reportbuilder-report-container::-webkit-scrollbar {
37791 width: 12px;
37793 .path-admin-reportbuilder.pagelayout-popup .reportbuilder-report[data-editing] .reportbuilder-report-container::-webkit-scrollbar-track {
37794 background: #f8f9fa;
37796 .path-admin-reportbuilder.pagelayout-popup .reportbuilder-report[data-editing] .reportbuilder-report-container::-webkit-scrollbar-thumb {
37797 background-color: #6a737b;
37798 border-radius: 20px;
37799 border: 3px solid #f8f9fa;
37801 .path-admin-reportbuilder.pagelayout-popup .reportbuilder-report[data-editing] .reportbuilder-report-container::-webkit-scrollbar-thumb:hover {
37802 background-color: #495057;
37804 .path-admin-reportbuilder.pagelayout-popup .reportbuilder-audiences-container {
37805 margin-left: calc(250px + 1rem);
37808 #page-admin-reportbuilder-edit #page {
37809 overflow-y: auto;
37812 .reportbuilder-report-container {
37813 min-width: 0;
37815 .reportbuilder-report-container button[data-action=toggle-edit-preview] .loading-icon {
37816 margin-left: 0.5rem;
37819 .reportbuilder-editor-table-container {
37820 overflow-x: auto;
37823 .reportbuilder-table th button[data-action=report-remove-column] .icon,
37824 .reportbuilder-table th span[data-drag-type=move] .icon {
37825 width: 12px;
37826 height: 12px;
37827 font-size: 12px;
37828 vertical-align: text-top;
37829 color: #1d2125;
37831 .reportbuilder-table th button[data-action=report-remove-column] .icon {
37832 margin-right: 0;
37835 @media (min-width: 992px) {
37836 .reportbuilder-sidebar-menu {
37837 width: 250px;
37838 flex-shrink: 0;
37841 .reportbuilder-sidebar-menu .card-body .list-group-item {
37842 padding: 0.75rem;
37844 .reportbuilder-sidebar-menu .card-body .list-group-item .icon {
37845 width: 12px;
37846 height: 12px;
37847 font-size: 12px;
37850 .reportbuilder-sidebar-menu-cards {
37851 overflow-y: auto;
37852 scrollbar-width: thin;
37853 scrollbar-color: #6a737b #f8f9fa;
37855 .reportbuilder-sidebar-menu-cards::-webkit-scrollbar {
37856 width: 12px;
37858 .reportbuilder-sidebar-menu-cards::-webkit-scrollbar-track {
37859 background: #f8f9fa;
37861 .reportbuilder-sidebar-menu-cards::-webkit-scrollbar-thumb {
37862 background-color: #6a737b;
37863 border-radius: 20px;
37864 border: 3px solid #f8f9fa;
37866 .reportbuilder-sidebar-menu-cards::-webkit-scrollbar-thumb:hover {
37867 background-color: #495057;
37870 .reportbuilder-sidebar-settings {
37871 overflow-y: auto;
37872 scrollbar-width: thin;
37873 scrollbar-color: #6a737b #f8f9fa;
37875 .reportbuilder-sidebar-settings::-webkit-scrollbar {
37876 width: 12px;
37878 .reportbuilder-sidebar-settings::-webkit-scrollbar-track {
37879 background: #f8f9fa;
37881 .reportbuilder-sidebar-settings::-webkit-scrollbar-thumb {
37882 background-color: #6a737b;
37883 border-radius: 20px;
37884 border: 3px solid #f8f9fa;
37886 .reportbuilder-sidebar-settings::-webkit-scrollbar-thumb:hover {
37887 background-color: #495057;
37889 @media (min-width: 992px) {
37890 .reportbuilder-sidebar-settings {
37891 width: 350px;
37892 flex-shrink: 0;
37895 .reportbuilder-sidebar-settings div[data-region=settings-conditions] .reportbuilder-conditions-select .form-autocomplete-selection,
37896 .reportbuilder-sidebar-settings div[data-region=settings-filters] .reportbuilder-filters-select .form-autocomplete-selection {
37897 display: none;
37899 .reportbuilder-sidebar-settings div[data-region=settings-conditions] .reportbuilder-conditions-select .form-autocomplete-input,
37900 .reportbuilder-sidebar-settings div[data-region=settings-filters] .reportbuilder-filters-select .form-autocomplete-input {
37901 width: 100%;
37903 .reportbuilder-sidebar-settings div[data-region=settings-conditions] .reportbuilder-conditions-select .form-autocomplete-suggestions,
37904 .reportbuilder-sidebar-settings div[data-region=settings-filters] .reportbuilder-filters-select .form-autocomplete-suggestions {
37905 width: calc(100% - 2 * 0.5rem);
37907 .reportbuilder-sidebar-settings .list-group-item {
37908 padding: 0.75rem;
37910 .reportbuilder-sidebar-settings .list-group-item .icon {
37911 width: 12px;
37912 height: 12px;
37913 font-size: 12px;
37914 color: #1d2125;
37916 .reportbuilder-sidebar-settings .list-group-item button[data-action=report-remove-filter] .icon,
37917 .reportbuilder-sidebar-settings .list-group-item button[data-action=report-remove-condition] .icon {
37918 margin-right: 0;
37919 vertical-align: text-top;
37921 .reportbuilder-sidebar-settings .list-group-item span[data-drag-type=move] .icon {
37922 vertical-align: text-top;
37924 .reportbuilder-sidebar-settings div[data-region=settings-sorting] .list-group-item span[data-drag-type=move] .icon {
37925 vertical-align: middle;
37927 .reportbuilder-sidebar-settings div[data-region=settings-cardview] form .col-md-3,
37928 .reportbuilder-sidebar-settings div[data-region=settings-cardview] form .col-md-9 {
37929 flex: 1 1;
37930 max-width: initial;
37932 .reportbuilder-sidebar-settings div[data-region=settings-cardview] form div[data-fieldtype=submit] {
37933 flex-basis: auto;
37935 .reportbuilder-sidebar-settings .inplaceeditable.inplaceeditingon input {
37936 width: 100%;
37939 @keyframes sortable-list-drag-color-reset {
37940 from {
37941 background-color: #a2cff8;
37943 to {
37944 background-color: inherit;
37947 .reportbuilder-sortable-list li.sortable-list-current-position,
37948 .reportbuilder-table th.sortable-list-current-position,
37949 .reportbuilder-conditions-list .condition.sortable-list-current-position {
37950 background-color: #a2cff8;
37952 .reportbuilder-sortable-list li.sortable-list-is-dragged,
37953 .reportbuilder-table th.sortable-list-is-dragged,
37954 .reportbuilder-conditions-list .condition.sortable-list-is-dragged {
37955 background-color: #fff;
37956 opacity: 0.85;
37958 .reportbuilder-sortable-list li.sortable-list-is-dropped,
37959 .reportbuilder-table th.sortable-list-is-dropped,
37960 .reportbuilder-conditions-list .condition.sortable-list-is-dropped {
37961 animation: sortable-list-drag-color-reset 1s ease;
37964 .reportbuilder-toggle-card .card-header {
37965 border-bottom: none;
37967 .reportbuilder-toggle-card .card-body {
37968 border-top: 1px solid rgba(0, 0, 0, 0.125);
37970 .reportbuilder-toggle-card .toggle-card-button i.toggle-card-icon {
37971 color: #6a737b;
37972 font-size: 1.5em;
37973 font-weight: 700;
37975 .reportbuilder-toggle-card .toggle-card-button .collapsed-icon-container {
37976 display: none;
37978 .reportbuilder-toggle-card .toggle-card-button .expanded-icon-container {
37979 display: inline-block;
37981 .reportbuilder-toggle-card .toggle-card-button.collapsed .collapsed-icon-container {
37982 display: inline-block;
37984 .reportbuilder-toggle-card .toggle-card-button.collapsed .expanded-icon-container {
37985 display: none;
37988 .reportbuilder-audiences-container .audience-separator {
37989 text-transform: uppercase;
37991 .reportbuilder-audiences-container .audience-separator::before, .reportbuilder-audiences-container .audience-separator::after {
37992 content: "";
37993 flex: 1;
37994 border-bottom: 1px solid rgba(0, 0, 0, 0.125);
37996 .reportbuilder-audiences-container .audience-separator:not(:empty)::before {
37997 margin-right: 1rem;
37999 .reportbuilder-audiences-container .audience-separator:not(:empty)::after {
38000 margin-left: 1rem;
38002 .reportbuilder-audiences-container .instance-card .card-header i.icon {
38003 margin-right: 0;
38006 @media (max-width: 575.98px) {
38007 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table thead {
38008 display: none;
38010 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr {
38011 display: flex;
38012 flex-direction: column;
38013 margin: 0.5rem 0;
38014 padding: 0.25rem 0.5rem 0 0.5rem;
38015 background-color: #fff !important; /* stylelint-disable-line declaration-no-important */
38016 word-wrap: break-word;
38017 background-clip: border-box;
38018 border: 1px solid rgba(0, 0, 0, 0.125);
38019 border-radius: 0.25rem;
38021 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr:hover {
38022 background-color: #fff !important; /* stylelint-disable-line declaration-no-important */
38024 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr.emptyrow {
38025 display: none;
38027 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr:not(.show) td[data-cardviewhidden] {
38028 display: none;
38030 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr td {
38031 display: block;
38032 min-height: 3.6rem;
38033 padding: 0.5rem 0.25rem;
38034 border: none;
38036 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr td::before {
38037 content: attr(data-cardtitle);
38038 display: block;
38039 text-transform: uppercase;
38040 font-size: 70%;
38041 color: #343a40;
38043 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr td:not([data-cardtitle]) {
38044 min-height: 3rem;
38046 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr td:not(:first-child):not(.card-toggle) {
38047 border-top: 1px solid rgba(0, 0, 0, 0.125);
38049 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr td:first-child {
38050 padding-right: 2rem;
38052 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr td.card-toggle {
38053 display: block !important; /* stylelint-disable-line declaration-no-important */
38054 position: absolute;
38055 right: 10px;
38057 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr td.card-toggle button {
38058 padding: 0 0.5rem;
38059 color: #6a737b;
38061 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr td.card-toggle button i {
38062 font-size: 1.5em;
38063 font-weight: bold;
38066 @media (min-width: 576px) {
38067 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table thead {
38068 display: none;
38070 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr {
38071 display: flex;
38072 flex-direction: column;
38073 margin: 0.5rem 0;
38074 padding: 0.25rem 0.5rem 0 0.5rem;
38075 background-color: #fff !important; /* stylelint-disable-line declaration-no-important */
38076 word-wrap: break-word;
38077 background-clip: border-box;
38078 border: 1px solid rgba(0, 0, 0, 0.125);
38079 border-radius: 0.25rem;
38081 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr:hover {
38082 background-color: #fff !important; /* stylelint-disable-line declaration-no-important */
38084 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr.emptyrow {
38085 display: none;
38087 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr:not(.show) td[data-cardviewhidden] {
38088 display: none;
38090 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr td {
38091 display: block;
38092 min-height: 3.6rem;
38093 padding: 0.5rem 0.25rem;
38094 border: none;
38096 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr td::before {
38097 content: attr(data-cardtitle);
38098 display: block;
38099 text-transform: uppercase;
38100 font-size: 70%;
38101 color: #343a40;
38103 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr td:not([data-cardtitle]) {
38104 min-height: 3rem;
38106 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr td:not(:first-child):not(.card-toggle) {
38107 border-top: 1px solid rgba(0, 0, 0, 0.125);
38109 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr td:first-child {
38110 padding-right: 2rem;
38112 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr td.card-toggle {
38113 display: block !important; /* stylelint-disable-line declaration-no-important */
38114 position: absolute;
38115 right: 10px;
38117 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr td.card-toggle button {
38118 padding: 0 0.5rem;
38119 color: #6a737b;
38121 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr td.card-toggle button i {
38122 font-size: 1.5em;
38123 font-weight: bold;
38127 .courseindex .courseindex-item {
38128 padding: 0.5rem 0.5rem;
38129 border: 1px solid transparent;
38130 border-radius: 0.25rem;
38132 .courseindex .courseindex-item.courseindex-section-title a {
38133 font-weight: bold;
38135 .courseindex .courseindex-item .icons-collapse-expand {
38136 padding-right: 4px;
38138 .courseindex .courseindex-item .courseindex-link,
38139 .courseindex .courseindex-item .courseindex-chevron {
38140 color: #495057;
38142 .courseindex .courseindex-item .courseindex-link:hover, .courseindex .courseindex-item .courseindex-link:focus,
38143 .courseindex .courseindex-item .courseindex-chevron:hover,
38144 .courseindex .courseindex-item .courseindex-chevron:focus {
38145 color: black;
38146 text-decoration: none;
38148 .courseindex .courseindex-item:hover, .courseindex .courseindex-item:focus {
38149 color: black;
38151 .courseindex .courseindex-item:hover .courseindex-link,
38152 .courseindex .courseindex-item:hover .courseindex-chevron, .courseindex .courseindex-item:focus .courseindex-link,
38153 .courseindex .courseindex-item:focus .courseindex-chevron {
38154 color: black;
38155 cursor: pointer;
38157 .courseindex .courseindex-item:hover.dimmed, .courseindex .courseindex-item:focus.dimmed {
38158 color: black;
38160 .courseindex .courseindex-item:hover.dimmed .courseindex-link,
38161 .courseindex .courseindex-item:hover.dimmed .courseindex-chevron, .courseindex .courseindex-item:focus.dimmed .courseindex-link,
38162 .courseindex .courseindex-item:focus.dimmed .courseindex-chevron {
38163 color: black;
38165 .courseindex .courseindex-item:hover.draggable, .courseindex .courseindex-item:focus.draggable {
38166 cursor: pointer;
38168 .courseindex .courseindex-item.dragging {
38169 border: 1px solid #b8dce2;
38170 background-color: #e0f0f2;
38172 .courseindex .courseindex-item.active {
38173 background-color: #f8f9fa;
38174 border-color: #dee2e6;
38176 .courseindex .courseindex-item.dimmed {
38177 color: #6a737b;
38179 .courseindex .courseindex-item.dimmed .courseindex-link,
38180 .courseindex .courseindex-item.dimmed .courseindex-chevron {
38181 color: #6a737b;
38183 .courseindex .courseindex-item.dimmed.pageitem {
38184 color: #fff;
38186 .courseindex .courseindex-item.dimmed.pageitem a {
38187 color: #fff;
38189 .courseindex .courseindex-item .courseindex-locked {
38190 display: none;
38192 .courseindex .courseindex-item.restrictions .courseindex-locked {
38193 display: block;
38195 .courseindex .courseindex-item.pageitem {
38196 background-color: #0f6cbf;
38197 color: #fff;
38198 scroll-margin: 6rem;
38200 .courseindex .courseindex-item.pageitem a {
38201 color: #fff;
38203 .courseindex .courseindex-item.pageitem:hover, .courseindex .courseindex-item.pageitem:focus {
38204 background-color: #0c589c;
38205 color: #e6e6e6;
38207 .courseindex .courseindex-item.pageitem:hover .courseindex-link,
38208 .courseindex .courseindex-item.pageitem:hover .courseindex-chevron, .courseindex .courseindex-item.pageitem:focus .courseindex-link,
38209 .courseindex .courseindex-item.pageitem:focus .courseindex-chevron {
38210 color: #e6e6e6;
38212 .courseindex .courseindex-item .completioninfo {
38213 min-width: 24px;
38215 .courseindex .courseindex-item .completioninfo.completion_complete {
38216 color: #357a32;
38218 .courseindex .courseindex-item .completioninfo.completion_fail {
38219 color: #ca3120;
38221 .courseindex .courseindex-item.indented {
38222 margin-left: 1rem;
38224 .courseindex .courseindex-section {
38225 border-left: solid 3px transparent;
38227 .courseindex .courseindex-section.dragging {
38228 border: 1px solid #b8dce2;
38229 background-color: #e0f0f2;
38231 .courseindex .courseindex-section .current-badge {
38232 line-height: 1.5;
38233 display: none;
38235 .courseindex .courseindex-section.current {
38236 border-left: solid 3px #0f6cbf;
38238 .courseindex .courseindex-section.current .current-badge {
38239 display: inline-block;
38241 .courseindex .courseindex-section.dropready .courseindex-item-content {
38242 /* Extra dropzone space */
38243 padding-bottom: 1em;
38245 .courseindex .courseindex-section .courseindex-sectioncontent .courseindex-item {
38246 padding-left: 0.5rem;
38248 .courseindex .icon {
38249 font-size: 12px;
38251 .courseindex .d-flex-noedit {
38252 display: none;
38254 .courseindex.editing .d-flex-noedit {
38255 display: flex;
38257 .courseindex .placeholders .rounded-circle {
38258 height: 1rem;
38259 width: 1rem;
38261 .courseindex .placeholders .w-100 {
38262 height: 1rem;
38263 margin: 0.5rem 0;
38266 .moremenu {
38267 opacity: 0;
38268 height: 50px;
38270 .moremenu.observed {
38271 opacity: 1;
38273 .moremenu .nav-link {
38274 height: 50px;
38275 display: flex;
38276 align-items: center;
38277 border-right: none;
38278 border-bottom: solid 3px transparent;
38279 border-left: none;
38280 border-top: none;
38282 .moremenu .nav-link:hover, .moremenu .nav-link:focus {
38283 border-color: transparent;
38284 background-color: #f8f9fa;
38286 .moremenu .nav-link.active {
38287 background-color: #f8f9fa;
38288 border-color: transparent;
38289 border-bottom-color: #0f6cbf;
38291 .moremenu .nav-link.active:focus, .moremenu .nav-link.active:hover {
38292 background-color: #f8f9fa;
38293 border-bottom-color: #0f6cbf;
38295 .moremenu .nav-link.focus, .moremenu .nav-link:focus {
38296 position: relative;
38298 .moremenu .nav-link[data-toggle=tab] {
38299 display: inline-flex;
38300 flex-direction: column;
38301 align-items: center;
38302 justify-content: center;
38304 .moremenu .nav-link[data-toggle=tab]::after {
38305 content: attr(data-text)/"";
38306 height: 0;
38307 visibility: hidden;
38308 overflow: hidden;
38309 user-select: none;
38310 pointer-events: none;
38311 font-weight: bold;
38313 @media speech {
38314 .moremenu .nav-link[data-toggle=tab]::after {
38315 display: none;
38318 .moremenu .nav-tabs {
38319 margin-left: 0;
38320 background-color: #fff;
38322 .moremenu .show > .nav-link,
38323 .moremenu .active > .nav-link,
38324 .moremenu .nav-link.show,
38325 .moremenu .nav-link.active {
38326 background: transparent;
38328 .moremenu .dropdownmoremenu > .dropdown-menu > .dropdown-item {
38329 padding: 0;
38331 .moremenu .dropdownmoremenu > .dropdown-menu .dropdown-menu {
38332 position: static;
38333 padding: 0;
38334 border: 0;
38336 .moremenu .dropdownmoremenu > .dropdown-menu .dropdown-menu.show {
38337 display: block;
38339 .moremenu .dropdownmoremenu > .dropdown-menu .dropdown-menu .dropdown-item {
38340 background-color: #f8f9fa;
38342 .moremenu .dropdownmoremenu > .dropdown-menu .dropdown-menu .dropdown-item:hover, .moremenu .dropdownmoremenu > .dropdown-menu .dropdown-menu .dropdown-item:focus {
38343 color: #fff;
38344 background-color: #0f6cbf;
38346 .moremenu .dropdownmoremenu > .dropdown-menu .dropdown-menu .dropdown-divider {
38347 display: none;
38349 .moremenu .dropdown-item[aria-current=true],
38350 .moremenu .dropdown-item.active {
38351 background-color: transparent;
38352 color: #1d2125;
38354 .moremenu .dropdown-item[aria-current=true]:focus-within, .moremenu .dropdown-item[aria-current=true]:hover,
38355 .moremenu .dropdown-item.active:focus-within,
38356 .moremenu .dropdown-item.active:hover {
38357 background-color: #0f6cbf;
38358 color: #fff;
38360 .moremenu .dropdown-item[aria-current=true]:focus-within a, .moremenu .dropdown-item[aria-current=true]:hover a,
38361 .moremenu .dropdown-item.active:focus-within a,
38362 .moremenu .dropdown-item.active:hover a {
38363 color: #fff;
38365 .moremenu .dropdown-item[aria-current=true]:before,
38366 .moremenu .dropdown-item.active:before {
38367 content: "\f00c";
38370 .primary-navigation .navigation {
38371 height: 50px;
38373 .primary-navigation .navigation .nav-link {
38374 height: 50px;
38375 color: #1d2125;
38376 border-top: 3px solid transparent;
38379 @media (max-width: 767.98px) {
38380 .primary-navigation {
38381 display: none;
38383 .editmode-switch-form label {
38384 position: absolute;
38385 width: 1px;
38386 height: 1px;
38387 padding: 0;
38388 margin: -1px;
38389 overflow: hidden;
38390 clip: rect(0, 0, 0, 0);
38391 white-space: nowrap;
38392 border: 0;
38395 .editmode-switch-form .custom-control-input {
38396 width: 100%;
38397 z-index: 1;
38400 .drawer-primary .drawercontent {
38401 padding: 0;
38403 .drawer-primary .drawercontent .list-group {
38404 border-radius: 0;
38405 margin-top: -1px;
38407 .drawer-primary .drawercontent .list-group .list-group-item {
38408 border-left: 0;
38409 border-right: 0;
38412 .secondary-navigation {
38413 padding-bottom: 15px;
38415 .secondary-navigation .navigation {
38416 border-bottom: 1px solid #dee2e6;
38417 background-color: #fff;
38418 margin: 0 -0.5rem;
38419 padding: 0 0.5rem;
38421 .secondary-navigation .navigation .nav-tabs {
38422 border: none;
38423 max-width: 830px;
38424 margin: 0 auto;
38426 .secondary-navigation .navigation .nav-tabs .nav-link {
38427 border-radius: initial;
38430 @media (min-width: 768px) {
38431 .secondary-navigation .navigation {
38432 padding: 0 calc(0.5rem + 15px);
38435 .tertiary-navigation {
38436 padding-top: 10px;
38438 .tertiary-navigation.full-width-bottom-border {
38439 width: calc(100% + 1rem + 30px);
38440 margin-left: calc(-0.5rem - 15px);
38441 margin-right: calc(-0.5rem - 15px);
38442 border-bottom: 1px solid #dee2e6;
38443 margin-bottom: 25px;
38445 @media (max-width: 767.98px) {
38446 .tertiary-navigation.full-width-bottom-border {
38447 width: calc(100% + 1rem);
38448 margin-left: -0.5rem;
38449 margin-right: -0.5rem;
38452 .tertiary-navigation.full-width-bottom-border .row {
38453 margin: 0;
38454 padding-left: 0.5rem;
38455 padding-right: 0.5rem;
38457 .tertiary-navigation .navitem,
38458 .tertiary-navigation .navitem-divider {
38459 display: flex;
38460 margin-bottom: 25px;
38462 .tertiary-navigation .navitem-divider {
38463 width: 1px;
38464 background-color: #dee2e6;
38466 .tertiary-navigation > a.btn, .tertiary-navigation > div.urlselect {
38467 margin-bottom: 25px;
38469 .tertiary-navigation .row {
38470 column-gap: 10px;
38472 .tertiary-navigation .tertiary-navigation-selector .dropdown-toggle {
38473 padding: 0;
38474 font-size: 1.4rem;
38475 font-weight: bold;
38477 .tertiary-navigation .navitem:not(:last-child),
38478 .tertiary-navigation .navitem-divider:not(:last-child) {
38479 margin-right: 20px;
38481 .tertiary-navigation .btn > div {
38482 max-width: 200px;
38485 @media (max-width: 767.98px) {
38486 .tertiary-navigation .mform {
38487 padding-left: initial;
38490 @media (max-width: 575.98px) {
38491 .tertiary-navigation .page-toggler > p {
38492 font-size: 80%;
38495 @media print {
38496 .tertiary-navigation {
38497 display: none;
38500 .popover-process-monitor {
38501 position: fixed;
38502 right: 2rem;
38503 bottom: 5rem;
38504 width: 350px;
38505 background-color: #fff;
38506 border-radius: 0.25rem;
38507 border: 1px solid #dee2e6;
38509 .popover-process-monitor .process-list {
38510 max-height: 30vh;
38511 overflow: auto;
38512 scrollbar-width: thin;
38513 scrollbar-color: #6a737b #f8f9fa;
38515 .popover-process-monitor .process-list::-webkit-scrollbar {
38516 width: 12px;
38518 .popover-process-monitor .process-list::-webkit-scrollbar-track {
38519 background: #f8f9fa;
38521 .popover-process-monitor .process-list::-webkit-scrollbar-thumb {
38522 background-color: #6a737b;
38523 border-radius: 20px;
38524 border: 3px solid #f8f9fa;
38526 .popover-process-monitor .process-list::-webkit-scrollbar-thumb:hover {
38527 background-color: #495057;
38529 .popover-process-monitor .queue-process {
38530 border-bottom: 1px solid #e9ecef;
38532 .popover-process-monitor .queue-process:last-child {
38533 border-bottom: 0;
38536 .moodlenet-share-dialog {
38537 min-height: 500px;
38539 .moodlenet-share-dialog .modal-header .moodlenet-share-moodlenetinfo {
38540 align-items: baseline;
38542 .moodlenet-share-dialog .modal-header .moodlenet-share-moodlenetinfo .moodlenet-logo {
38543 display: flex;
38545 .moodlenet-share-dialog .modal-header .moodlenet-share-moodlenetinfo .moodlenet-logo .icon {
38546 width: auto;
38547 height: 1.3rem;
38549 .moodlenet-share-dialog .modal-header .moodlenet-share-moodlenetinfo .moodlenet-title {
38550 display: flex;
38551 padding-left: 0.5em;
38553 .moodlenet-share-dialog .modal-header.no-border {
38554 border-bottom: none;
38556 .moodlenet-share-dialog .modal-header.no-header-text .moodlenet-share-moodlenetinfo .moodlenet-title {
38557 display: none;
38559 .moodlenet-share-dialog .modal-body .moodlenet-share-activity-info {
38560 border-radius: 0.25rem;
38561 color: #1d2125;
38562 background-color: #f5f9fc;
38563 border-color: #3584c9;
38564 border-width: 1px;
38565 border-style: solid;
38566 padding: 0.6em 1.5em;
38567 margin-bottom: 1rem;
38569 .moodlenet-share-dialog .modal-body .moodlenet-share-activity-info hr {
38570 border-top-color: #3077b5;
38572 .moodlenet-share-dialog .modal-body .moodlenet-share-activity-info .alert-link {
38573 color: #070808;
38575 .moodlenet-share-dialog .modal-body .moodlenet-share-activity-info .moodlenet-share-activity-info-hr {
38576 border-bottom: 1px solid #dee2e6;
38578 .moodlenet-share-dialog .modal-body .moodlenet-share-activity-info .moodlenet-activity-type,
38579 .moodlenet-share-dialog .modal-body .moodlenet-share-activity-info .moodlenet-activity-name {
38580 display: block;
38582 .moodlenet-share-dialog .modal-body .moodlenet-share-notice {
38583 background-color: #f8f9fa;
38584 padding: 1rem;
38586 .moodlenet-share-dialog .modal-body .moodlenet-share-modal-content .loading-icon .icon {
38587 width: 60px;
38588 height: 60px;
38589 font-size: 60px;
38591 .moodlenet-share-dialog .modal-body .moodlenet-share-modal-content .moodlenet-circle-status {
38592 height: 18rem;
38593 margin: auto;
38595 .moodlenet-share-dialog .modal-body .moodlenet-share-modal-content .moodlenet-circle-status.success {
38596 background: radial-gradient(circle, rgba(25, 143, 81, 0.1) 9rem, transparent 9rem);
38598 .moodlenet-share-dialog .modal-body .moodlenet-share-modal-content .moodlenet-circle-status.fail {
38599 background: radial-gradient(circle, rgba(202, 49, 32, 0.1) 9rem, transparent 9rem);
38601 .moodlenet-share-dialog .modal-body .moodlenet-share-modal-content .moodlenet-circle-status span {
38602 display: block;
38603 margin: auto;
38605 .moodlenet-share-dialog .modal-body .moodlenet-share-modal-content .moodlenet-circle-status span.status-icon .icon {
38606 font-size: 8rem;
38607 width: auto;
38608 margin: 0;
38610 .moodlenet-share-dialog .modal-footer .moodlenet-share-to {
38611 margin-right: auto;
38615 * Dropdown menu Moodle specific styles.
38617 .dropdown-item a {
38618 display: block;
38619 width: 100%;
38620 color: #1d2125;
38622 .dropdown-item.active, .dropdown-item:active, .dropdown-item:hover, .dropdown-item:focus, .dropdown-item:focus-within {
38623 outline: 0;
38624 background-color: #0f6cbf;
38625 color: #fff;
38627 .dropdown-item.active a, .dropdown-item:active a, .dropdown-item:hover a, .dropdown-item:focus a, .dropdown-item:focus-within a {
38628 color: #fff;
38630 .dropdown-item[aria-current=true], .dropdown-item[aria-selected=true] {
38631 position: relative;
38632 display: flex;
38633 align-items: center;
38635 .dropdown-item[aria-current=true]:before, .dropdown-item[aria-selected=true]:before {
38636 content: "\f00c";
38637 position: absolute;
38638 left: 0.4rem;
38639 font-size: 0.7rem;
38642 .dropdown-menu {
38643 width: fit-content;
38646 .dropdown-item.text-primary {
38647 color: #0f6cbf;
38649 .dropdown-item.text-primary:hover {
38650 color: #fff !important; /* stylelint-disable-line declaration-no-important */
38653 .dropdown-item.text-secondary {
38654 color: #ced4da;
38656 .dropdown-item.text-secondary:hover {
38657 color: #fff !important; /* stylelint-disable-line declaration-no-important */
38660 .dropdown-item.text-success {
38661 color: #357a32;
38663 .dropdown-item.text-success:hover {
38664 color: #fff !important; /* stylelint-disable-line declaration-no-important */
38667 .dropdown-item.text-info {
38668 color: #008196;
38670 .dropdown-item.text-info:hover {
38671 color: #fff !important; /* stylelint-disable-line declaration-no-important */
38674 .dropdown-item.text-warning {
38675 color: #f0ad4e;
38677 .dropdown-item.text-warning:hover {
38678 color: #fff !important; /* stylelint-disable-line declaration-no-important */
38681 .dropdown-item.text-danger {
38682 color: #ca3120;
38684 .dropdown-item.text-danger:hover {
38685 color: #fff !important; /* stylelint-disable-line declaration-no-important */
38688 .dropdown-item.text-light {
38689 color: #f8f9fa;
38691 .dropdown-item.text-light:hover {
38692 color: #fff !important; /* stylelint-disable-line declaration-no-important */
38695 .dropdown-item.text-dark {
38696 color: #343a40;
38698 .dropdown-item.text-dark:hover {
38699 color: #fff !important; /* stylelint-disable-line declaration-no-important */
38703 Deprecations
38705 .path-course-view li.activity form.togglecompletion {
38706 /* stylelint-disable declaration-no-important */
38707 /* stylelint-enable */
38709 body.behat-site .path-course-view li.activity form.togglecompletion,
38710 .path-course-view li.activity form.togglecompletion body.behat-site.path-course-view li.activity form.togglecompletion, body.themedesignermode .path-course-view li.activity form.togglecompletion,
38711 .path-course-view li.activity form.togglecompletion body.themedesignermode.path-course-view li.activity form.togglecompletion {
38712 outline: 3px dotted #ca3120 !important;
38713 background-color: #fceeed !important;
38715 body.behat-site .path-course-view li.activity form.togglecompletion::before,
38716 .path-course-view li.activity form.togglecompletion body.behat-site.path-course-view li.activity form.togglecompletion::before, body.themedesignermode .path-course-view li.activity form.togglecompletion::before,
38717 .path-course-view li.activity form.togglecompletion body.themedesignermode.path-course-view li.activity form.togglecompletion::before {
38718 content: "Deprecated style in use" !important;
38719 color: #ca3120 !important;
38720 font-size: smaller !important;
38723 .path-course-view li.activity form.togglecompletion .ajaxworking {
38724 width: 16px;
38725 height: 16px;
38726 position: absolute;
38727 right: 22px;
38728 top: 3px;
38729 background: url([[pix:i/ajaxloader]]) no-repeat;
38732 .path-course-view li.activity form.togglecompletion .btn {
38733 padding: 0;
38736 .path-course-view li.activity form.togglecompletion img {
38737 max-width: none; /* The width is 0 so ensure we don't end up with a relative max-width */
38740 body {
38741 -webkit-font-smoothing: antialiased;
38742 -moz-osx-font-smoothing: grayscale;
38745 .navbar {
38746 box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
38749 .userpicture {
38750 border-radius: 50%;
38753 .block {
38754 background-color: #f8f9fa;
38757 #page-my-index {
38758 background-color: #fff;
38761 .btn-outline-secondary {
38762 color: #6a737b;
38763 border-color: #6a737b;
38764 border-color: #6a737b;
38766 .btn-outline-secondary:hover {
38767 color: #fff;
38768 background-color: #6a737b;
38769 border-color: #6a737b;
38771 .btn-outline-secondary:focus, .btn-outline-secondary.focus {
38772 box-shadow: 0 0 0 0.2rem rgba(106, 115, 123, 0.5);
38774 .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
38775 color: #6a737b;
38776 background-color: transparent;
38778 .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle {
38779 color: #fff;
38780 background-color: #6a737b;
38781 border-color: #6a737b;
38783 .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 {
38784 box-shadow: 0 0 0 0.2rem rgba(106, 115, 123, 0.5);
38787 .btn-outline-info {
38788 color: #1f7e9a;
38789 border-color: #1f7e9a;
38791 .btn-outline-info:hover {
38792 color: #fff;
38793 background-color: #1f7e9a;
38794 border-color: #1f7e9a;
38796 .btn-outline-info:focus, .btn-outline-info.focus {
38797 box-shadow: 0 0 0 0.2rem rgba(31, 126, 154, 0.5);
38799 .btn-outline-info.disabled, .btn-outline-info:disabled {
38800 color: #1f7e9a;
38801 background-color: transparent;
38803 .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle {
38804 color: #fff;
38805 background-color: #1f7e9a;
38806 border-color: #1f7e9a;
38808 .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 {
38809 box-shadow: 0 0 0 0.2rem rgba(31, 126, 154, 0.5);
38812 .btn-outline-warning {
38813 color: #a6670e;
38814 border-color: #a6670e;
38816 .btn-outline-warning:hover {
38817 color: #fff;
38818 background-color: #a6670e;
38819 border-color: #a6670e;
38821 .btn-outline-warning:focus, .btn-outline-warning.focus {
38822 box-shadow: 0 0 0 0.2rem rgba(166, 103, 14, 0.5);
38824 .btn-outline-warning.disabled, .btn-outline-warning:disabled {
38825 color: #a6670e;
38826 background-color: transparent;
38828 .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle {
38829 color: #fff;
38830 background-color: #a6670e;
38831 border-color: #a6670e;
38833 .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 {
38834 box-shadow: 0 0 0 0.2rem rgba(166, 103, 14, 0.5);
38837 .path-grade-report-grader .gradeparent tr.heading {
38838 top: 50px;
38840 .path-grade-report-grader .gradeparent th.header {
38841 left: 0;
38844 @media (max-width: 767.98px) {
38845 .blockcolumn,
38846 .region-main {
38847 flex: 0 0 100%;
38848 max-width: 100%;
38849 padding: 0 1rem;
38850 margin-bottom: 1rem;
38853 @media (min-width: 768px) {
38854 #page-content {
38855 display: flex;
38857 #page-content .region-main {
38858 flex: 0 0 100%;
38859 padding: 0 1rem;
38860 max-width: 100%;
38862 #page-content.blocks-pre .columnleft {
38863 flex: 0 0 32%;
38864 order: -1;
38865 padding: 0 1rem;
38866 max-width: 32%;
38868 #page-content.blocks-pre .region-main {
38869 flex: 0 0 68%;
38870 max-width: 68%;
38871 padding: 0 1rem 0 0;
38873 #page-content.blocks-pre .region-main #region-main {
38874 border: 1px solid rgba(0, 0, 0, 0.125);
38875 padding: 1.25rem;
38876 border-radius: 0.25rem;
38878 #page-content.blocks-post .region-main {
38879 flex: 0 0 68%;
38880 max-width: 68%;
38881 padding: 0 0 0 1rem;
38883 #page-content.blocks-post .columnright {
38884 flex: 0 0 32%;
38885 padding: 0 1rem;
38886 max-width: 32%;
38888 #page-content.blocks-pre.blocks-post .region-main {
38889 flex: 0 0 36%;
38890 max-width: 36%;
38891 padding: 0;
38893 #page-content [data-region=blocks-column] {
38894 width: 100%;
38896 .empty-region-side-pre.used-region-side-post #page-content .region-main {
38897 flex: 0 0 68%;
38898 max-width: 68%;
38899 padding-left: 1rem;
38901 .empty-region-side-pre.used-region-side-post #page-content .columnright {
38902 flex: 0 0 32%;
38903 padding: 0 1rem;
38904 max-width: 32%;
38906 .empty-region-side-post.used-region-side-pre #page-content .region-main {
38907 flex: 0 0 68%;
38908 max-width: 68%;
38909 padding-right: 1rem;
38911 .empty-region-side-post.used-region-side-pre #page-content .columnleft {
38912 flex: 0 0 32%;
38913 order: -1;
38914 padding: 0 1rem;
38915 max-width: 32%;
38917 .used-region-side-post.used-region-side-pre #page-content .region-main {
38918 flex: 0 0 36%;
38919 max-width: 36%;
38920 padding: 0;
38922 .used-region-side-post.used-region-side-pre #page-content .columnleft {
38923 flex: 0 0 32%;
38924 order: -1;
38925 padding: 0 1rem;
38926 max-width: 32%;
38928 .used-region-side-post.used-region-side-pre #page-content .columnright {
38929 flex: 0 0 32%;
38930 padding: 0 1rem;
38931 max-width: 32%;
38934 @media (min-width: 992px) {
38935 #page-content {
38936 display: flex;
38938 #page-content .region-main {
38939 flex: 0 0 100%;
38940 padding: 0 1rem;
38941 max-width: 100%;
38943 #page-content.blocks-pre .columnleft {
38944 flex: 0 0 25%;
38945 order: -1;
38946 padding: 0 1rem;
38947 max-width: 25%;
38949 #page-content.blocks-pre .region-main {
38950 flex: 0 0 75%;
38951 max-width: 75%;
38952 padding: 0 1rem 0 0;
38954 #page-content.blocks-pre .region-main #region-main {
38955 border: 1px solid rgba(0, 0, 0, 0.125);
38956 padding: 1.25rem;
38957 border-radius: 0.25rem;
38959 #page-content.blocks-post .region-main {
38960 flex: 0 0 75%;
38961 max-width: 75%;
38962 padding: 0 0 0 1rem;
38964 #page-content.blocks-post .columnright {
38965 flex: 0 0 25%;
38966 padding: 0 1rem;
38967 max-width: 25%;
38969 #page-content.blocks-pre.blocks-post .region-main {
38970 flex: 0 0 50%;
38971 max-width: 50%;
38972 padding: 0;
38974 #page-content [data-region=blocks-column] {
38975 width: 100%;
38977 .empty-region-side-pre.used-region-side-post #page-content .region-main {
38978 flex: 0 0 75%;
38979 max-width: 75%;
38980 padding-left: 1rem;
38982 .empty-region-side-pre.used-region-side-post #page-content .columnright {
38983 flex: 0 0 25%;
38984 padding: 0 1rem;
38985 max-width: 25%;
38987 .empty-region-side-post.used-region-side-pre #page-content .region-main {
38988 flex: 0 0 75%;
38989 max-width: 75%;
38990 padding-right: 1rem;
38992 .empty-region-side-post.used-region-side-pre #page-content .columnleft {
38993 flex: 0 0 25%;
38994 order: -1;
38995 padding: 0 1rem;
38996 max-width: 25%;
38998 .used-region-side-post.used-region-side-pre #page-content .region-main {
38999 flex: 0 0 50%;
39000 max-width: 50%;
39001 padding: 0;
39003 .used-region-side-post.used-region-side-pre #page-content .columnleft {
39004 flex: 0 0 25%;
39005 order: -1;
39006 padding: 0 1rem;
39007 max-width: 25%;
39009 .used-region-side-post.used-region-side-pre #page-content .columnright {
39010 flex: 0 0 25%;
39011 padding: 0 1rem;
39012 max-width: 25%;
39015 @media (min-width: 1200px) {
39016 #page-content {
39017 display: flex;
39019 #page-content .region-main {
39020 flex: 0 0 100%;
39021 padding: 0 1rem;
39022 max-width: 100%;
39024 #page-content.blocks-pre .columnleft {
39025 flex: 0 0 20%;
39026 order: -1;
39027 padding: 0 1rem;
39028 max-width: 20%;
39030 #page-content.blocks-pre .region-main {
39031 flex: 0 0 80%;
39032 max-width: 80%;
39033 padding: 0 1rem 0 0;
39035 #page-content.blocks-pre .region-main #region-main {
39036 border: 1px solid rgba(0, 0, 0, 0.125);
39037 padding: 1.25rem;
39038 border-radius: 0.25rem;
39040 #page-content.blocks-post .region-main {
39041 flex: 0 0 80%;
39042 max-width: 80%;
39043 padding: 0 0 0 1rem;
39045 #page-content.blocks-post .columnright {
39046 flex: 0 0 20%;
39047 padding: 0 1rem;
39048 max-width: 20%;
39050 #page-content.blocks-pre.blocks-post .region-main {
39051 flex: 0 0 60%;
39052 max-width: 60%;
39053 padding: 0;
39055 #page-content [data-region=blocks-column] {
39056 width: 100%;
39058 .empty-region-side-pre.used-region-side-post #page-content .region-main {
39059 flex: 0 0 80%;
39060 max-width: 80%;
39061 padding-left: 1rem;
39063 .empty-region-side-pre.used-region-side-post #page-content .columnright {
39064 flex: 0 0 20%;
39065 padding: 0 1rem;
39066 max-width: 20%;
39068 .empty-region-side-post.used-region-side-pre #page-content .region-main {
39069 flex: 0 0 80%;
39070 max-width: 80%;
39071 padding-right: 1rem;
39073 .empty-region-side-post.used-region-side-pre #page-content .columnleft {
39074 flex: 0 0 20%;
39075 order: -1;
39076 padding: 0 1rem;
39077 max-width: 20%;
39079 .used-region-side-post.used-region-side-pre #page-content .region-main {
39080 flex: 0 0 60%;
39081 max-width: 60%;
39082 padding: 0;
39084 .used-region-side-post.used-region-side-pre #page-content .columnleft {
39085 flex: 0 0 20%;
39086 order: -1;
39087 padding: 0 1rem;
39088 max-width: 20%;
39090 .used-region-side-post.used-region-side-pre #page-content .columnright {
39091 flex: 0 0 20%;
39092 padding: 0 1rem;
39093 max-width: 20%;
39096 @media print {
39097 #page-content .region-main {
39098 max-width: 100% !important; /* stylelint-disable-line declaration-no-important */
39099 flex: 0 0 100% !important; /* stylelint-disable-line declaration-no-important */
39100 padding: 0 1rem 0 !important; /* stylelint-disable-line declaration-no-important */
39103 @media (min-width: 576px) {
39104 .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
39105 width: calc(50% - 0.5rem);
39108 @media (min-width: 768px) {
39109 .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
39110 width: calc(50% - 0.5rem);
39112 .blocks-post .dashboard-card-deck .dashboard-card,
39113 .blocks-pre .dashboard-card-deck .dashboard-card {
39114 width: calc(100% - 0.5rem);
39117 @media (min-width: 992px) {
39118 .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
39119 width: calc(33.33% - 0.5rem);
39121 .blocks-post .dashboard-card-deck .dashboard-card,
39122 .blocks-pre .dashboard-card-deck .dashboard-card {
39123 width: calc(50% - 0.5rem);
39126 @media (min-width: 1200px) {
39127 .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
39128 width: calc(25% - 0.5rem);
39130 .blocks-post .dashboard-card-deck .dashboard-card,
39131 .blocks-pre .dashboard-card-deck .dashboard-card {
39132 width: calc(33.33% - 0.5rem);
39135 @media (min-width: 1360px) {
39136 .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
39137 width: calc(20% - 0.5rem);
39139 .blocks-post .dashboard-card-deck .dashboard-card,
39140 .blocks-pre .dashboard-card-deck .dashboard-card {
39141 width: calc(25% - 0.5rem);
39144 @media (min-width: 768px) {
39145 .blockcolumn .dashboard-card-deck {
39146 margin-left: 0;
39147 margin-right: 0;
39149 .blockcolumn .dashboard-card-deck .dashboard-card {
39150 width: calc(100% - 0.5rem) !important; /* stylelint-disable-line declaration-no-important */
39153 .block_navigation .block_tree.list > li > ul,
39154 .block_settings .block_tree.list > li > ul {
39155 padding-left: 0;
39157 .block_navigation .block_tree .tree_item.branch,
39158 .block_settings .block_tree .tree_item.branch {
39159 margin-left: 5px;
39160 padding-left: 0.75rem;
39162 .block_navigation .block_tree p.hasicon,
39163 .block_settings .block_tree p.hasicon {
39164 text-indent: 0;
39165 padding-left: 0.75rem;
39167 .block_navigation .block_tree ul,
39168 .block_settings .block_tree ul {
39169 margin-left: 0.25rem;
39170 padding-left: 1rem;
39173 .block_navigation .block_tree p.hasicon .icon,
39174 .block_settings .block_tree p.hasicon .icon {
39175 margin-right: 5px;
39178 .root_node,
39179 .navigation_node {
39180 margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
39181 padding-left: 0 !important; /* stylelint-disable-line declaration-no-important */
39184 .block.block_settings #settingsnav {
39185 padding-top: 0 !important; /* stylelint-disable-line declaration-no-important */
39188 #page-footer {
39189 padding-top: 0.5rem;
39190 padding-bottom: 0.5rem;
39193 body.hasstickyfooter #page-footer {
39194 padding-bottom: calc(1rem * .5 + max(96px, 0.9375rem * 3));