3 font-family: 'FontAwesome';
4 src: url
("[[font:core|fontawesome-webfont.eot]]?v=4.7.0");
5 src: url
("[[font:core|fontawesome-webfont.eot]]?#iefix&v=4.7.0") format
("embedded-opentype"), url
("[[font:core|fontawesome-webfont.woff2]]?v=4.7.0") format
("woff2"), url
("[[font:core|fontawesome-webfont.woff]]?v=4.7.0") format
("woff"), url
("[[font:core|fontawesome-webfont.ttf]]?v=4.7.0") format
("truetype"), url
("[[font:core|fontawesome-webfont.svg]]?v=4.7.0#fontawesomeregular") format
("svg");
10 * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
11 * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
14 display: inline-block
;
15 font: normal normal normal
14px/1 FontAwesome
;
18 -webkit-font-smoothing: antialiased
;
19 -moz-osx-font-smoothing: grayscale
; }
21 /* makes the font 33% larger relative to the icon container */
23 font-size: 1.3333333333em;
25 vertical-align: -15%; }
40 width: 1.2857142857em;
45 margin-left: 2.1428571429em;
46 list-style-type: none
; }
52 left: -2.1428571429em;
53 width: 2.1428571429em;
57 left: -1.8571428571em; }
60 padding: .2em .25em .15em;
61 border: solid
0.08em #eee;
62 border-radius: .1em; }
76 /* Deprecated as of 4.4.0 */
90 -webkit-animation: fa-spin
2s infinite linear
;
91 animation: fa-spin
2s infinite linear
; }
94 -webkit-animation: fa-spin
1s infinite steps
(8);
95 animation: fa-spin
1s infinite steps
(8); }
97 @-webkit-keyframes fa-spin
{
99 -webkit-transform: rotate
(0deg);
100 transform: rotate
(0deg); }
102 -webkit-transform: rotate
(359deg);
103 transform: rotate
(359deg); } }
107 -webkit-transform: rotate
(0deg);
108 transform: rotate
(0deg); }
110 -webkit-transform: rotate
(359deg);
111 transform: rotate
(359deg); } }
114 -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
115 -webkit-transform: rotate
(90deg);
116 -ms-transform: rotate
(90deg);
117 transform: rotate
(90deg); }
120 -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
121 -webkit-transform: rotate
(180deg);
122 -ms-transform: rotate
(180deg);
123 transform: rotate
(180deg); }
126 -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
127 -webkit-transform: rotate
(270deg);
128 -ms-transform: rotate
(270deg);
129 transform: rotate
(270deg); }
131 .fa-flip-horizontal {
132 -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
133 -webkit-transform: scale
(-1, 1);
134 -ms-transform: scale
(-1, 1);
135 transform: scale
(-1, 1); }
138 -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
139 -webkit-transform: scale
(1, -1);
140 -ms-transform: scale
(1, -1);
141 transform: scale
(1, -1); }
144 :root
.fa-rotate-180
,
145 :root
.fa-rotate-270
,
146 :root
.fa-flip-horizontal
,
147 :root
.fa-flip-vertical
{
152 display: inline-block
;
156 vertical-align: middle
; }
158 .fa-stack-1x, .fa-stack-2x {
162 text-align: center
; }
165 line-height: inherit
; }
173 /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
174 readers do not read off random characters that represent icons */
184 .fa-envelope-o:before {
202 .fa-th-large:before {
219 .fa-search-plus:before {
222 .fa-search-minus:before {
225 .fa-power-off:before {
250 .fa-download:before {
253 .fa-arrow-circle-o-down:before {
256 .fa-arrow-circle-o-up:before {
262 .fa-play-circle-o:before {
265 .fa-rotate-right:before
,
272 .fa-list-alt:before {
281 .fa-headphones:before {
284 .fa-volume-off:before {
287 .fa-volume-down:before {
290 .fa-volume-up:before {
308 .fa-bookmark:before {
326 .fa-text-height:before {
329 .fa-text-width:before {
332 .fa-align-left:before {
335 .fa-align-center:before {
338 .fa-align-right:before {
341 .fa-align-justify:before {
354 .fa-video-camera:before {
359 .fa-picture-o:before {
365 .fa-map-marker:before {
375 .fa-pencil-square-o:before {
378 .fa-share-square-o:before {
381 .fa-check-square-o:before {
387 .fa-step-backward:before {
390 .fa-fast-backward:before {
393 .fa-backward:before {
408 .fa-fast-forward:before {
411 .fa-step-forward:before {
417 .fa-chevron-left:before {
420 .fa-chevron-right:before {
423 .fa-plus-circle:before {
426 .fa-minus-circle:before {
429 .fa-times-circle:before {
432 .fa-check-circle:before {
435 .fa-question-circle:before {
438 .fa-info-circle:before {
441 .fa-crosshairs:before {
444 .fa-times-circle-o:before {
447 .fa-check-circle-o:before {
453 .fa-arrow-left:before {
456 .fa-arrow-right:before {
459 .fa-arrow-up:before {
462 .fa-arrow-down:before {
465 .fa-mail-forward:before
,
472 .fa-compress:before {
481 .fa-asterisk:before {
484 .fa-exclamation-circle:before {
499 .fa-eye-slash:before {
503 .fa-exclamation-triangle:before {
509 .fa-calendar:before {
521 .fa-chevron-up:before {
524 .fa-chevron-down:before {
530 .fa-shopping-cart:before {
536 .fa-folder-open:before {
539 .fa-arrows-v:before {
542 .fa-arrows-h:before {
545 .fa-bar-chart-o:before
,
546 .fa-bar-chart:before {
549 .fa-twitter-square:before {
552 .fa-facebook-square:before {
555 .fa-camera-retro:before {
565 .fa-comments:before {
568 .fa-thumbs-o-up:before {
571 .fa-thumbs-o-down:before {
574 .fa-star-half:before {
580 .fa-sign-out:before {
583 .fa-linkedin-square:before {
586 .fa-thumb-tack:before {
589 .fa-external-link:before {
598 .fa-github-square:before {
610 .fa-square-o:before {
613 .fa-bookmark-o:before {
616 .fa-phone-square:before {
622 .fa-facebook-f:before
,
623 .fa-facebook:before {
632 .fa-credit-card:before {
642 .fa-bullhorn:before {
648 .fa-certificate:before {
651 .fa-hand-o-right:before {
654 .fa-hand-o-left:before {
657 .fa-hand-o-up:before {
660 .fa-hand-o-down:before {
663 .fa-arrow-circle-left:before {
666 .fa-arrow-circle-right:before {
669 .fa-arrow-circle-up:before {
672 .fa-arrow-circle-down:before {
687 .fa-briefcase:before {
690 .fa-arrows-alt:before {
708 .fa-scissors:before {
715 .fa-paperclip:before {
719 .fa-floppy-o:before {
736 .fa-strikethrough:before {
739 .fa-underline:before {
751 .fa-pinterest:before {
754 .fa-pinterest-square:before {
757 .fa-google-plus-square:before {
760 .fa-google-plus:before {
766 .fa-caret-down:before {
769 .fa-caret-up:before {
772 .fa-caret-left:before {
775 .fa-caret-right:before {
785 .fa-sort-down:before
,
786 .fa-sort-desc:before {
790 .fa-sort-asc:before {
793 .fa-envelope:before {
796 .fa-linkedin:before {
799 .fa-rotate-left:before
,
807 .fa-dashboard:before
,
808 .fa-tachometer:before {
811 .fa-comment-o:before {
814 .fa-comments-o:before {
824 .fa-umbrella:before {
828 .fa-clipboard:before {
831 .fa-lightbulb-o:before {
834 .fa-exchange:before {
837 .fa-cloud-download:before {
840 .fa-cloud-upload:before {
846 .fa-stethoscope:before {
849 .fa-suitcase:before {
861 .fa-file-text-o:before {
864 .fa-building-o:before {
867 .fa-hospital-o:before {
870 .fa-ambulance:before {
876 .fa-fighter-jet:before {
882 .fa-h-square:before {
885 .fa-plus-square:before {
888 .fa-angle-double-left:before {
891 .fa-angle-double-right:before {
894 .fa-angle-double-up:before {
897 .fa-angle-double-down:before {
900 .fa-angle-left:before {
903 .fa-angle-right:before {
906 .fa-angle-up:before {
909 .fa-angle-down:before {
921 .fa-mobile-phone:before
,
925 .fa-circle-o:before {
928 .fa-quote-left:before {
931 .fa-quote-right:before {
940 .fa-mail-reply:before
,
944 .fa-github-alt:before {
947 .fa-folder-o:before {
950 .fa-folder-open-o:before {
965 .fa-keyboard-o:before {
971 .fa-flag-checkered:before {
974 .fa-terminal:before {
980 .fa-mail-reply-all:before
,
981 .fa-reply-all:before {
984 .fa-star-half-empty:before
,
985 .fa-star-half-full:before
,
986 .fa-star-half-o:before {
989 .fa-location-arrow:before {
995 .fa-code-fork:before {
999 .fa-chain-broken:before {
1002 .fa-question:before {
1008 .fa-exclamation:before {
1011 .fa-superscript:before {
1014 .fa-subscript:before {
1020 .fa-puzzle-piece:before {
1023 .fa-microphone:before {
1026 .fa-microphone-slash:before {
1032 .fa-calendar-o:before {
1035 .fa-fire-extinguisher:before {
1044 .fa-chevron-circle-left:before {
1047 .fa-chevron-circle-right:before {
1050 .fa-chevron-circle-up:before {
1053 .fa-chevron-circle-down:before {
1065 .fa-unlock-alt:before {
1068 .fa-bullseye:before {
1071 .fa-ellipsis-h:before {
1074 .fa-ellipsis-v:before {
1077 .fa-rss-square:before {
1080 .fa-play-circle:before {
1086 .fa-minus-square:before {
1089 .fa-minus-square-o:before {
1092 .fa-level-up:before {
1095 .fa-level-down:before {
1098 .fa-check-square:before {
1101 .fa-pencil-square:before {
1104 .fa-external-link-square:before {
1107 .fa-share-square:before {
1110 .fa-compass:before {
1113 .fa-toggle-down:before
,
1114 .fa-caret-square-o-down:before {
1117 .fa-toggle-up:before
,
1118 .fa-caret-square-o-up:before {
1121 .fa-toggle-right:before
,
1122 .fa-caret-square-o-right:before {
1162 .fa-file-text:before {
1165 .fa-sort-alpha-asc:before {
1168 .fa-sort-alpha-desc:before {
1171 .fa-sort-amount-asc:before {
1174 .fa-sort-amount-desc:before {
1177 .fa-sort-numeric-asc:before {
1180 .fa-sort-numeric-desc:before {
1183 .fa-thumbs-up:before {
1186 .fa-thumbs-down:before {
1189 .fa-youtube-square:before {
1192 .fa-youtube:before {
1198 .fa-xing-square:before {
1201 .fa-youtube-play:before {
1204 .fa-dropbox:before {
1207 .fa-stack-overflow:before {
1210 .fa-instagram:before {
1219 .fa-bitbucket:before {
1222 .fa-bitbucket-square:before {
1228 .fa-tumblr-square:before {
1231 .fa-long-arrow-down:before {
1234 .fa-long-arrow-up:before {
1237 .fa-long-arrow-left:before {
1240 .fa-long-arrow-right:before {
1246 .fa-windows:before {
1249 .fa-android:before {
1255 .fa-dribbble:before {
1261 .fa-foursquare:before {
1274 .fa-gratipay:before {
1283 .fa-archive:before {
1298 .fa-pagelines:before {
1301 .fa-stack-exchange:before {
1304 .fa-arrow-circle-o-right:before {
1307 .fa-arrow-circle-o-left:before {
1310 .fa-toggle-left:before
,
1311 .fa-caret-square-o-left:before {
1314 .fa-dot-circle-o:before {
1317 .fa-wheelchair:before {
1320 .fa-vimeo-square:before {
1323 .fa-turkish-lira:before
,
1327 .fa-plus-square-o:before {
1330 .fa-space-shuttle:before {
1336 .fa-envelope-square:before {
1339 .fa-wordpress:before {
1345 .fa-institution:before
,
1347 .fa-university:before {
1350 .fa-mortar-board:before
,
1351 .fa-graduation-cap:before {
1363 .fa-reddit-square:before {
1366 .fa-stumbleupon-circle:before {
1369 .fa-stumbleupon:before {
1372 .fa-delicious:before {
1378 .fa-pied-piper-pp:before {
1381 .fa-pied-piper-alt:before {
1390 .fa-language:before {
1396 .fa-building:before {
1414 .fa-behance:before {
1417 .fa-behance-square:before {
1423 .fa-steam-square:before {
1426 .fa-recycle:before {
1429 .fa-automobile:before
,
1440 .fa-spotify:before {
1443 .fa-deviantart:before {
1446 .fa-soundcloud:before {
1449 .fa-database:before {
1452 .fa-file-pdf-o:before {
1455 .fa-file-word-o:before {
1458 .fa-file-excel-o:before {
1461 .fa-file-powerpoint-o:before {
1464 .fa-file-photo-o:before
,
1465 .fa-file-picture-o:before
,
1466 .fa-file-image-o:before {
1469 .fa-file-zip-o:before
,
1470 .fa-file-archive-o:before {
1473 .fa-file-sound-o:before
,
1474 .fa-file-audio-o:before {
1477 .fa-file-movie-o:before
,
1478 .fa-file-video-o:before {
1481 .fa-file-code-o:before {
1487 .fa-codepen:before {
1490 .fa-jsfiddle:before {
1493 .fa-life-bouy:before
,
1494 .fa-life-buoy:before
,
1495 .fa-life-saver:before
,
1497 .fa-life-ring:before {
1500 .fa-circle-o-notch:before {
1504 .fa-resistance:before
,
1512 .fa-git-square:before {
1518 .fa-y-combinator-square:before
,
1519 .fa-yc-square:before
,
1520 .fa-hacker-news:before {
1523 .fa-tencent-weibo:before {
1534 .fa-paper-plane:before {
1538 .fa-paper-plane-o:before {
1541 .fa-history:before {
1544 .fa-circle-thin:before {
1550 .fa-paragraph:before {
1553 .fa-sliders:before {
1556 .fa-share-alt:before {
1559 .fa-share-alt-square:before {
1565 .fa-soccer-ball-o:before
,
1566 .fa-futbol-o:before {
1572 .fa-binoculars:before {
1578 .fa-slideshare:before {
1587 .fa-newspaper-o:before {
1593 .fa-calculator:before {
1599 .fa-google-wallet:before {
1602 .fa-cc-visa:before {
1605 .fa-cc-mastercard:before {
1608 .fa-cc-discover:before {
1611 .fa-cc-amex:before {
1614 .fa-cc-paypal:before {
1617 .fa-cc-stripe:before {
1620 .fa-bell-slash:before {
1623 .fa-bell-slash-o:before {
1629 .fa-copyright:before {
1635 .fa-eyedropper:before {
1638 .fa-paint-brush:before {
1641 .fa-birthday-cake:before {
1644 .fa-area-chart:before {
1647 .fa-pie-chart:before {
1650 .fa-line-chart:before {
1656 .fa-lastfm-square:before {
1659 .fa-toggle-off:before {
1662 .fa-toggle-on:before {
1665 .fa-bicycle:before {
1671 .fa-ioxhost:before {
1674 .fa-angellist:before {
1685 .fa-meanpath:before {
1688 .fa-buysellads:before {
1691 .fa-connectdevelop:before {
1694 .fa-dashcube:before {
1697 .fa-forumbee:before {
1700 .fa-leanpub:before {
1706 .fa-shirtsinbulk:before {
1709 .fa-simplybuilt:before {
1712 .fa-skyatlas:before {
1715 .fa-cart-plus:before {
1718 .fa-cart-arrow-down:before {
1721 .fa-diamond:before {
1727 .fa-user-secret:before {
1730 .fa-motorcycle:before {
1733 .fa-street-view:before {
1736 .fa-heartbeat:before {
1745 .fa-mercury:before {
1748 .fa-intersex:before
,
1749 .fa-transgender:before {
1752 .fa-transgender-alt:before {
1755 .fa-venus-double:before {
1758 .fa-mars-double:before {
1761 .fa-venus-mars:before {
1764 .fa-mars-stroke:before {
1767 .fa-mars-stroke-v:before {
1770 .fa-mars-stroke-h:before {
1776 .fa-genderless:before {
1779 .fa-facebook-official:before {
1782 .fa-pinterest-p:before {
1785 .fa-whatsapp:before {
1791 .fa-user-plus:before {
1794 .fa-user-times:before {
1801 .fa-viacoin:before {
1814 .fa-y-combinator:before {
1817 .fa-optin-monster:before {
1820 .fa-opencart:before {
1823 .fa-expeditedssl:before {
1826 .fa-battery-4:before
,
1828 .fa-battery-full:before {
1831 .fa-battery-3:before
,
1832 .fa-battery-three-quarters:before {
1835 .fa-battery-2:before
,
1836 .fa-battery-half:before {
1839 .fa-battery-1:before
,
1840 .fa-battery-quarter:before {
1843 .fa-battery-0:before
,
1844 .fa-battery-empty:before {
1847 .fa-mouse-pointer:before {
1850 .fa-i-cursor:before {
1853 .fa-object-group:before {
1856 .fa-object-ungroup:before {
1859 .fa-sticky-note:before {
1862 .fa-sticky-note-o:before {
1868 .fa-cc-diners-club:before {
1874 .fa-balance-scale:before {
1877 .fa-hourglass-o:before {
1880 .fa-hourglass-1:before
,
1881 .fa-hourglass-start:before {
1884 .fa-hourglass-2:before
,
1885 .fa-hourglass-half:before {
1888 .fa-hourglass-3:before
,
1889 .fa-hourglass-end:before {
1892 .fa-hourglass:before {
1895 .fa-hand-grab-o:before
,
1896 .fa-hand-rock-o:before {
1899 .fa-hand-stop-o:before
,
1900 .fa-hand-paper-o:before {
1903 .fa-hand-scissors-o:before {
1906 .fa-hand-lizard-o:before {
1909 .fa-hand-spock-o:before {
1912 .fa-hand-pointer-o:before {
1915 .fa-hand-peace-o:before {
1918 .fa-trademark:before {
1921 .fa-registered:before {
1924 .fa-creative-commons:before {
1930 .fa-gg-circle:before {
1933 .fa-tripadvisor:before {
1936 .fa-odnoklassniki:before {
1939 .fa-odnoklassniki-square:before {
1942 .fa-get-pocket:before {
1945 .fa-wikipedia-w:before {
1954 .fa-firefox:before {
1960 .fa-internet-explorer:before {
1964 .fa-television:before {
1976 .fa-calendar-plus-o:before {
1979 .fa-calendar-minus-o:before {
1982 .fa-calendar-times-o:before {
1985 .fa-calendar-check-o:before {
1988 .fa-industry:before {
1991 .fa-map-pin:before {
1994 .fa-map-signs:before {
2003 .fa-commenting:before {
2006 .fa-commenting-o:before {
2015 .fa-black-tie:before {
2018 .fa-fonticons:before {
2021 .fa-reddit-alien:before {
2027 .fa-credit-card-alt:before {
2030 .fa-codiepie:before {
2036 .fa-fort-awesome:before {
2042 .fa-product-hunt:before {
2045 .fa-mixcloud:before {
2051 .fa-pause-circle:before {
2054 .fa-pause-circle-o:before {
2057 .fa-stop-circle:before {
2060 .fa-stop-circle-o:before {
2063 .fa-shopping-bag:before {
2066 .fa-shopping-basket:before {
2069 .fa-hashtag:before {
2072 .fa-bluetooth:before {
2075 .fa-bluetooth-b:before {
2078 .fa-percent:before {
2084 .fa-wpbeginner:before {
2087 .fa-wpforms:before {
2093 .fa-universal-access:before {
2096 .fa-wheelchair-alt:before {
2099 .fa-question-circle-o:before {
2105 .fa-audio-description:before {
2108 .fa-volume-control-phone:before {
2111 .fa-braille:before {
2114 .fa-assistive-listening-systems:before {
2117 .fa-asl-interpreting:before
,
2118 .fa-american-sign-language-interpreting:before {
2121 .fa-deafness:before
,
2122 .fa-hard-of-hearing:before
,
2129 .fa-glide-g:before {
2133 .fa-sign-language:before {
2136 .fa-low-vision:before {
2142 .fa-viadeo-square:before {
2145 .fa-snapchat:before {
2148 .fa-snapchat-ghost:before {
2151 .fa-snapchat-square:before {
2154 .fa-pied-piper:before {
2157 .fa-first-order:before {
2163 .fa-themeisle:before {
2166 .fa-google-plus-circle:before
,
2167 .fa-google-plus-official:before {
2171 .fa-font-awesome:before {
2174 .fa-handshake-o:before {
2177 .fa-envelope-open:before {
2180 .fa-envelope-open-o:before {
2186 .fa-address-book:before {
2189 .fa-address-book-o:before {
2193 .fa-address-card:before {
2197 .fa-address-card-o:before {
2200 .fa-user-circle:before {
2203 .fa-user-circle-o:before {
2209 .fa-id-badge:before {
2212 .fa-drivers-license:before
,
2213 .fa-id-card:before {
2216 .fa-drivers-license-o:before
,
2217 .fa-id-card-o:before {
2223 .fa-free-code-camp:before {
2226 .fa-telegram:before {
2229 .fa-thermometer-4:before
,
2230 .fa-thermometer:before
,
2231 .fa-thermometer-full:before {
2234 .fa-thermometer-3:before
,
2235 .fa-thermometer-three-quarters:before {
2238 .fa-thermometer-2:before
,
2239 .fa-thermometer-half:before {
2242 .fa-thermometer-1:before
,
2243 .fa-thermometer-quarter:before {
2246 .fa-thermometer-0:before
,
2247 .fa-thermometer-empty:before {
2258 .fa-podcast:before {
2261 .fa-window-maximize:before {
2264 .fa-window-minimize:before {
2267 .fa-window-restore:before {
2270 .fa-times-rectangle:before
,
2271 .fa-window-close:before {
2274 .fa-times-rectangle-o:before
,
2275 .fa-window-close-o:before {
2278 .fa-bandcamp:before {
2290 .fa-ravelry:before {
2293 .fa-eercast:before {
2296 .fa-microchip:before {
2299 .fa-snowflake-o:before {
2302 .fa-superpowers:before {
2305 .fa-wpexplorer:before {
2318 clip: rect
(0, 0, 0, 0);
2321 .sr-only-focusable:active, .sr-only-focusable:focus {
2330 * Bootstrap v4.6.0 (https://getbootstrap.com/)
2331 * Copyright 2011-2021 The Bootstrap Authors
2332 * Copyright 2011-2021 Twitter, Inc.
2333 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
2348 --gray-dark: #343a40;
2350 --secondary: #ced4da;
2358 --breakpoint-sm: 576px;
2359 --breakpoint-md: 768px;
2360 --breakpoint-lg: 992px;
2361 --breakpoint-xl: 1200px;
2362 --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";
2363 --font-family-monospace: SFMono-Regular
, Menlo
, Monaco
, Consolas
, "Liberation Mono", "Courier New", monospace
; }
2368 box-sizing: border-box
; }
2371 font-family: sans-serif
;
2373 -webkit-text-size-adjust: 100%;
2374 -webkit-tap-highlight-color: rgba
(0, 0, 0, 0); }
2376 article
, aside
, figcaption
, figure
, footer
, header
, hgroup
, main
, nav
, section
{
2381 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";
2382 font-size: 0.9375rem;
2387 background-color: #fff; }
2388 @media
(max-width: 1200px) {
2390 font-size: calc
(0.90375rem + 0.045vw) ; } }
2392 [tabindex
="-1"]:focus:not
(:focus-visible
) {
2393 outline: 0 !important
; }
2396 box-sizing: content-box
;
2398 overflow: visible
; }
2400 h1
, h2
, h3
, h4
, h5
, h6
{
2402 margin-bottom: 0.5rem; }
2406 margin-bottom: 1rem; }
2409 abbr
[data-original-title
] {
2410 text-decoration: underline
;
2411 text-decoration: underline dotted
;
2414 text-decoration-skip-ink: none
; }
2417 margin-bottom: 1rem;
2419 line-height: inherit
; }
2425 margin-bottom: 1rem; }
2437 margin-bottom: .5rem;
2445 font-weight: bolder
; }
2455 vertical-align: baseline
; }
2465 text-decoration: none
;
2466 background-color: transparent
; }
2469 text-decoration: underline
; }
2471 a:not
([href
]):not
([class
]) {
2473 text-decoration: none
; }
2474 a:not
([href
]):not
([class
]):hover
{
2476 text-decoration: none
; }
2482 font-family: SFMono-Regular
, Menlo
, Monaco
, Consolas
, "Liberation Mono", "Courier New", monospace
;
2487 margin-bottom: 1rem;
2489 -ms-overflow-style: scrollbar
; }
2495 vertical-align: middle
;
2496 border-style: none
; }
2500 vertical-align: middle
; }
2503 border-collapse: collapse
; }
2506 padding-top: 0.75rem;
2507 padding-bottom: 0.75rem;
2510 caption-side: bottom
; }
2513 text-align: inherit
;
2514 text-align: -webkit-match-parent
; }
2517 display: inline-block
;
2518 margin-bottom: 0.5rem; }
2523 button:focus:not
(:focus-visible
) {
2532 font-family: inherit
;
2534 line-height: inherit
; }
2538 overflow: visible
; }
2542 text-transform: none
; }
2548 word-wrap: normal
; }
2554 -webkit-appearance: button
; }
2556 button:not
(:disabled
),
2557 [type
="button"]:not
(:disabled
),
2558 [type
="reset"]:not
(:disabled
),
2559 [type
="submit"]:not
(:disabled
) {
2562 button::-moz-focus-inner
,
2563 [type
="button"]::-moz-focus-inner
,
2564 [type
="reset"]::-moz-focus-inner
,
2565 [type
="submit"]::-moz-focus-inner
{
2567 border-style: none
; }
2569 input
[type
="radio"],
2570 input
[type
="checkbox"] {
2571 box-sizing: border-box
;
2589 margin-bottom: .5rem;
2591 line-height: inherit
;
2593 white-space: normal
; }
2594 @media
(max-width: 1200px) {
2596 font-size: calc
(0.96rem + 0.72vw) ; } }
2599 vertical-align: baseline
; }
2601 [type
="number"]::-webkit-inner-spin-button
,
2602 [type
="number"]::-webkit-outer-spin-button
{
2606 outline-offset: -2px;
2607 -webkit-appearance: none
; }
2609 [type
="search"]::-webkit-search-decoration
{
2610 -webkit-appearance: none
; }
2612 ::-webkit-file-upload-button
{
2614 -webkit-appearance: button
; }
2617 display: inline-block
; }
2627 display: none
!important
; }
2629 h1
, h2
, h3
, h4
, h5
, h6
,
2630 .h1, .h2, .h3, .h4, .h5, .h6 {
2631 margin-bottom: 0.5rem;
2636 font-size: 2.34375rem; }
2637 @media
(max-width: 1200px) {
2639 font-size: calc
(1.044375rem + 1.7325vw) ; } }
2642 font-size: 1.875rem; }
2643 @media
(max-width: 1200px) {
2645 font-size: calc
(0.9975rem + 1.17vw) ; } }
2648 font-size: 1.640625rem; }
2649 @media
(max-width: 1200px) {
2651 font-size: calc
(0.9740625rem + 0.88875vw) ; } }
2654 font-size: 1.40625rem; }
2655 @media
(max-width: 1200px) {
2657 font-size: calc
(0.950625rem + 0.6075vw) ; } }
2660 font-size: 1.171875rem; }
2661 @media
(max-width: 1200px) {
2663 font-size: calc
(0.9271875rem + 0.32625vw) ; } }
2666 font-size: 0.9375rem; }
2667 @media
(max-width: 1200px) {
2669 font-size: calc
(0.90375rem + 0.045vw) ; } }
2672 font-size: 1.171875rem;
2674 @media
(max-width: 1200px) {
2676 font-size: calc
(0.9271875rem + 0.32625vw) ; } }
2682 @media
(max-width: 1200px) {
2684 font-size: calc
(1.41rem + 6.12vw) ; } }
2690 @media
(max-width: 1200px) {
2692 font-size: calc
(1.36rem + 5.52vw) ; } }
2698 @media
(max-width: 1200px) {
2700 font-size: calc
(1.26rem + 4.32vw) ; } }
2706 @media
(max-width: 1200px) {
2708 font-size: calc
(1.16rem + 3.12vw) ; } }
2712 margin-bottom: 1rem;
2714 border-top: 1px solid rgba
(0, 0, 0, 0.1); }
2724 background-color: #fcf8e3; }
2735 display: inline-block
; }
2736 .list-inline-item:not(:last-child) {
2737 margin-right: 0.5rem; }
2741 text-transform: uppercase
; }
2744 margin-bottom: 1rem;
2745 font-size: 1.171875rem; }
2746 @media
(max-width: 1200px) {
2748 font-size: calc
(0.9271875rem + 0.32625vw) ; } }
2750 .blockquote-footer {
2754 .blockquote-footer::before {
2755 content: "\2014\00A0"; }
2763 background-color: #fff;
2764 border: 1px solid
#dee2e6;
2765 border-radius: 0.25rem;
2770 display: inline-block
; }
2773 margin-bottom: 0.5rem;
2783 word-wrap: break-word
; }
2788 padding: 0.2rem 0.4rem;
2791 background-color: #1d2125;
2792 border-radius: 0.2rem; }
2805 word-break: normal
; }
2809 overflow-y: scroll
; }
2818 padding-right: 15px;
2821 margin-left: auto
; }
2823 @media (min-width: 576px) {
2824 .container, .container-sm {
2825 max-width: 540px; } }
2827 @media (min-width: 768px) {
2828 .container, .container-sm, .container-md {
2829 max-width: 720px; } }
2831 @media (min-width: 992px) {
2832 .container, .container-sm, .container-md, .container-lg {
2833 max-width: 960px; } }
2835 @media (min-width: 1200px) {
2836 .container, .container-sm, .container-md, .container-lg, .container-xl {
2837 max-width: 1140px; } }
2842 margin-right: -15px;
2843 margin-left: -15px; }
2849 .no-gutters > [class*="col-"] {
2853 .col-1
, .col-2
, .col-3
, .col-4
, .col-5
, .col-6
, .col-7
, .col-8
, .col-9
, .col-10
, .col-11
, .col-12
, .col
,
2854 .col-auto
, .col-sm-1
, .col-sm-2
, .col-sm-3
, .col-sm-4
, .col-sm-5
, .col-sm-6
, .col-sm-7
, .col-sm-8
, .col-sm-9
, .col-sm-10
, .col-sm-11
, .col-sm-12
, .col-sm
,
2855 .col-sm-auto
, .col-md-1
, .col-md-2
, .col-md-3
, .col-md-4
, .col-md-5
, .col-md-6
, .col-md-7
, .col-md-8
, .col-md-9
, .col-md-10
, .col-md-11
, .col-md-12
, .col-md
,
2856 .col-md-auto
, .col-lg-1
, .col-lg-2
, .col-lg-3
, .col-lg-4
, .col-lg-5
, .col-lg-6
, .col-lg-7
, .col-lg-8
, .col-lg-9
, .col-lg-10
, .col-lg-11
, .col-lg-12
, .col-lg
,
2857 .col-lg-auto
, .col-xl-1
, .col-xl-2
, .col-xl-3
, .col-xl-4
, .col-xl-5
, .col-xl-6
, .col-xl-7
, .col-xl-8
, .col-xl-9
, .col-xl-10
, .col-xl-11
, .col-xl-12
, .col-xl
,
2861 padding-right: 15px;
2862 padding-left: 15px; }
2878 flex: 0 0 33.3333333333%;
2879 max-width: 33.3333333333%; }
2890 flex: 0 0 16.6666666667%;
2891 max-width: 16.6666666667%; }
2899 flex: 0 0 8.3333333333%;
2900 max-width: 8.3333333333%; }
2903 flex: 0 0 16.6666666667%;
2904 max-width: 16.6666666667%; }
2911 flex: 0 0 33.3333333333%;
2912 max-width: 33.3333333333%; }
2915 flex: 0 0 41.6666666667%;
2916 max-width: 41.6666666667%; }
2923 flex: 0 0 58.3333333333%;
2924 max-width: 58.3333333333%; }
2927 flex: 0 0 66.6666666667%;
2928 max-width: 66.6666666667%; }
2935 flex: 0 0 83.3333333333%;
2936 max-width: 83.3333333333%; }
2939 flex: 0 0 91.6666666667%;
2940 max-width: 91.6666666667%; }
2992 margin-left: 8.3333333333%; }
2995 margin-left: 16.6666666667%; }
3001 margin-left: 33.3333333333%; }
3004 margin-left: 41.6666666667%; }
3010 margin-left: 58.3333333333%; }
3013 margin-left: 66.6666666667%; }
3019 margin-left: 83.3333333333%; }
3022 margin-left: 91.6666666667%; }
3024 @media (min-width: 576px) {
3029 .row-cols-sm-1 > * {
3032 .row-cols-sm-2 > * {
3035 .row-cols-sm-3 > * {
3036 flex: 0 0 33.3333333333%;
3037 max-width: 33.3333333333%; }
3038 .row-cols-sm-4 > * {
3041 .row-cols-sm-5 > * {
3044 .row-cols-sm-6 > * {
3045 flex: 0 0 16.6666666667%;
3046 max-width: 16.6666666667%; }
3052 flex: 0 0 8.3333333333%;
3053 max-width: 8.3333333333%; }
3055 flex: 0 0 16.6666666667%;
3056 max-width: 16.6666666667%; }
3061 flex: 0 0 33.3333333333%;
3062 max-width: 33.3333333333%; }
3064 flex: 0 0 41.6666666667%;
3065 max-width: 41.6666666667%; }
3070 flex: 0 0 58.3333333333%;
3071 max-width: 58.3333333333%; }
3073 flex: 0 0 66.6666666667%;
3074 max-width: 66.6666666667%; }
3079 flex: 0 0 83.3333333333%;
3080 max-width: 83.3333333333%; }
3082 flex: 0 0 91.6666666667%;
3083 max-width: 91.6666666667%; }
3120 margin-left: 8.3333333333%; }
3122 margin-left: 16.6666666667%; }
3126 margin-left: 33.3333333333%; }
3128 margin-left: 41.6666666667%; }
3132 margin-left: 58.3333333333%; }
3134 margin-left: 66.6666666667%; }
3138 margin-left: 83.3333333333%; }
3140 margin-left: 91.6666666667%; } }
3142 @media (min-width: 768px) {
3147 .row-cols-md-1 > * {
3150 .row-cols-md-2 > * {
3153 .row-cols-md-3 > * {
3154 flex: 0 0 33.3333333333%;
3155 max-width: 33.3333333333%; }
3156 .row-cols-md-4 > * {
3159 .row-cols-md-5 > * {
3162 .row-cols-md-6 > * {
3163 flex: 0 0 16.6666666667%;
3164 max-width: 16.6666666667%; }
3170 flex: 0 0 8.3333333333%;
3171 max-width: 8.3333333333%; }
3173 flex: 0 0 16.6666666667%;
3174 max-width: 16.6666666667%; }
3179 flex: 0 0 33.3333333333%;
3180 max-width: 33.3333333333%; }
3182 flex: 0 0 41.6666666667%;
3183 max-width: 41.6666666667%; }
3188 flex: 0 0 58.3333333333%;
3189 max-width: 58.3333333333%; }
3191 flex: 0 0 66.6666666667%;
3192 max-width: 66.6666666667%; }
3197 flex: 0 0 83.3333333333%;
3198 max-width: 83.3333333333%; }
3200 flex: 0 0 91.6666666667%;
3201 max-width: 91.6666666667%; }
3238 margin-left: 8.3333333333%; }
3240 margin-left: 16.6666666667%; }
3244 margin-left: 33.3333333333%; }
3246 margin-left: 41.6666666667%; }
3250 margin-left: 58.3333333333%; }
3252 margin-left: 66.6666666667%; }
3256 margin-left: 83.3333333333%; }
3258 margin-left: 91.6666666667%; } }
3260 @media (min-width: 992px) {
3265 .row-cols-lg-1 > * {
3268 .row-cols-lg-2 > * {
3271 .row-cols-lg-3 > * {
3272 flex: 0 0 33.3333333333%;
3273 max-width: 33.3333333333%; }
3274 .row-cols-lg-4 > * {
3277 .row-cols-lg-5 > * {
3280 .row-cols-lg-6 > * {
3281 flex: 0 0 16.6666666667%;
3282 max-width: 16.6666666667%; }
3288 flex: 0 0 8.3333333333%;
3289 max-width: 8.3333333333%; }
3291 flex: 0 0 16.6666666667%;
3292 max-width: 16.6666666667%; }
3297 flex: 0 0 33.3333333333%;
3298 max-width: 33.3333333333%; }
3300 flex: 0 0 41.6666666667%;
3301 max-width: 41.6666666667%; }
3306 flex: 0 0 58.3333333333%;
3307 max-width: 58.3333333333%; }
3309 flex: 0 0 66.6666666667%;
3310 max-width: 66.6666666667%; }
3315 flex: 0 0 83.3333333333%;
3316 max-width: 83.3333333333%; }
3318 flex: 0 0 91.6666666667%;
3319 max-width: 91.6666666667%; }
3356 margin-left: 8.3333333333%; }
3358 margin-left: 16.6666666667%; }
3362 margin-left: 33.3333333333%; }
3364 margin-left: 41.6666666667%; }
3368 margin-left: 58.3333333333%; }
3370 margin-left: 66.6666666667%; }
3374 margin-left: 83.3333333333%; }
3376 margin-left: 91.6666666667%; } }
3378 @media (min-width: 1200px) {
3383 .row-cols-xl-1 > * {
3386 .row-cols-xl-2 > * {
3389 .row-cols-xl-3 > * {
3390 flex: 0 0 33.3333333333%;
3391 max-width: 33.3333333333%; }
3392 .row-cols-xl-4 > * {
3395 .row-cols-xl-5 > * {
3398 .row-cols-xl-6 > * {
3399 flex: 0 0 16.6666666667%;
3400 max-width: 16.6666666667%; }
3406 flex: 0 0 8.3333333333%;
3407 max-width: 8.3333333333%; }
3409 flex: 0 0 16.6666666667%;
3410 max-width: 16.6666666667%; }
3415 flex: 0 0 33.3333333333%;
3416 max-width: 33.3333333333%; }
3418 flex: 0 0 41.6666666667%;
3419 max-width: 41.6666666667%; }
3424 flex: 0 0 58.3333333333%;
3425 max-width: 58.3333333333%; }
3427 flex: 0 0 66.6666666667%;
3428 max-width: 66.6666666667%; }
3433 flex: 0 0 83.3333333333%;
3434 max-width: 83.3333333333%; }
3436 flex: 0 0 91.6666666667%;
3437 max-width: 91.6666666667%; }
3474 margin-left: 8.3333333333%; }
3476 margin-left: 16.6666666667%; }
3480 margin-left: 33.3333333333%; }
3482 margin-left: 41.6666666667%; }
3486 margin-left: 58.3333333333%; }
3488 margin-left: 66.6666666667%; }
3492 margin-left: 83.3333333333%; }
3494 margin-left: 91.6666666667%; } }
3498 margin-bottom: 1rem;
3503 vertical-align: top
;
3504 border-top: 1px solid
#dee2e6; }
3506 vertical-align: bottom
;
3507 border-bottom: 2px solid
#dee2e6; }
3508 .table tbody + tbody {
3509 border-top: 2px solid
#dee2e6; }
3516 border: 1px solid
#dee2e6; }
3518 .table-bordered td {
3519 border: 1px solid
#dee2e6; }
3520 .table-bordered thead th
,
3521 .table-bordered thead td {
3522 border-bottom-width: 2px; }
3524 .table-borderless th
,
3525 .table-borderless td
,
3526 .table-borderless thead th
,
3527 .table-borderless tbody + tbody {
3530 .table-striped tbody tr:nth-of-type(odd) {
3531 background-color: rgba
(0, 0, 0, 0.03); }
3533 .table-hover tbody tr:hover {
3535 background-color: rgba
(0, 0, 0, 0.075); }
3538 .table-primary
> th
,
3539 .table-primary > td {
3540 background-color: #bcd6ed; }
3544 .table-primary thead th
,
3545 .table-primary tbody + tbody {
3546 border-color: #82b3de; }
3548 .table-hover .table-primary:hover {
3549 background-color: #a8cae8; }
3550 .table-hover
.table-primary:hover
> td
,
3551 .table-hover .table-primary:hover > th {
3552 background-color: #a8cae8; }
3555 .table-secondary
> th
,
3556 .table-secondary > td {
3557 background-color: #f1f3f5; }
3559 .table-secondary th
,
3560 .table-secondary td
,
3561 .table-secondary thead th
,
3562 .table-secondary tbody + tbody {
3563 border-color: #e6e9ec; }
3565 .table-hover .table-secondary:hover {
3566 background-color: #e2e6ea; }
3567 .table-hover
.table-secondary:hover
> td
,
3568 .table-hover .table-secondary:hover > th {
3569 background-color: #e2e6ea; }
3572 .table-success
> th
,
3573 .table-success > td {
3574 background-color: #c6dac6; }
3578 .table-success thead th
,
3579 .table-success tbody + tbody {
3580 border-color: #96ba94; }
3582 .table-hover .table-success:hover {
3583 background-color: #b7d0b7; }
3584 .table-hover
.table-success:hover
> td
,
3585 .table-hover .table-success:hover > th {
3586 background-color: #b7d0b7; }
3591 background-color: #b8dce2; }
3595 .table-info thead th
,
3596 .table-info tbody + tbody {
3597 border-color: #7abdc8; }
3599 .table-hover .table-info:hover {
3600 background-color: #a6d3db; }
3601 .table-hover
.table-info:hover
> td
,
3602 .table-hover .table-info:hover > th {
3603 background-color: #a6d3db; }
3606 .table-warning
> th
,
3607 .table-warning > td {
3608 background-color: #fbe8cd; }
3612 .table-warning thead th
,
3613 .table-warning tbody + tbody {
3614 border-color: #f7d4a3; }
3616 .table-hover .table-warning:hover {
3617 background-color: #f9ddb5; }
3618 .table-hover
.table-warning:hover
> td
,
3619 .table-hover .table-warning:hover > th {
3620 background-color: #f9ddb5; }
3624 .table-danger > td {
3625 background-color: #f0c5c1; }
3629 .table-danger thead th
,
3630 .table-danger tbody + tbody {
3631 border-color: #e3948b; }
3633 .table-hover .table-danger:hover {
3634 background-color: #ebb2ac; }
3635 .table-hover
.table-danger:hover
> td
,
3636 .table-hover .table-danger:hover > th {
3637 background-color: #ebb2ac; }
3642 background-color: #fdfdfe; }
3646 .table-light thead th
,
3647 .table-light tbody + tbody {
3648 border-color: #fbfcfc; }
3650 .table-hover .table-light:hover {
3651 background-color: #ececf6; }
3652 .table-hover
.table-light:hover
> td
,
3653 .table-hover .table-light:hover > th {
3654 background-color: #ececf6; }
3659 background-color: #c6c8ca; }
3663 .table-dark thead th
,
3664 .table-dark tbody + tbody {
3665 border-color: #95999c; }
3667 .table-hover .table-dark:hover {
3668 background-color: #b9bbbe; }
3669 .table-hover
.table-dark:hover
> td
,
3670 .table-hover .table-dark:hover > th {
3671 background-color: #b9bbbe; }
3675 .table-active > td {
3676 background-color: rgba
(0, 0, 0, 0.075); }
3678 .table-hover .table-active:hover {
3679 background-color: rgba
(0, 0, 0, 0.075); }
3680 .table-hover
.table-active:hover
> td
,
3681 .table-hover .table-active:hover > th {
3682 background-color: rgba
(0, 0, 0, 0.075); }
3684 .table .thead-dark th {
3686 background-color: #343a40;
3687 border-color: #454d55; }
3689 .table .thead-light th {
3691 background-color: #e9ecef;
3692 border-color: #dee2e6; }
3696 background-color: #343a40; }
3699 .table-dark thead th {
3700 border-color: #454d55; }
3701 .table-dark.table-bordered {
3703 .table-dark.table-striped tbody tr:nth-of-type(odd) {
3704 background-color: rgba
(255, 255, 255, 0.05); }
3705 .table-dark.table-hover tbody tr:hover {
3707 background-color: rgba
(255, 255, 255, 0.075); }
3709 @media (max-width: 575.98px) {
3710 .table-responsive-sm {
3714 -webkit-overflow-scrolling: touch
; }
3715 .table-responsive-sm > .table-bordered {
3718 @media (max-width: 767.98px) {
3719 .table-responsive-md {
3723 -webkit-overflow-scrolling: touch
; }
3724 .table-responsive-md > .table-bordered {
3727 @media (max-width: 991.98px) {
3728 .table-responsive-lg {
3732 -webkit-overflow-scrolling: touch
; }
3733 .table-responsive-lg > .table-bordered {
3736 @media (max-width: 1199.98px) {
3737 .table-responsive-xl {
3741 -webkit-overflow-scrolling: touch
; }
3742 .table-responsive-xl > .table-bordered {
3749 -webkit-overflow-scrolling: touch
; }
3750 .table-responsive > .table-bordered {
3756 height: calc
(1.5em + 0.75rem + 2px);
3757 padding: 0.375rem 0.75rem;
3758 font-size: 0.9375rem;
3762 background-color: #fff;
3763 background-clip: padding-box
;
3764 border: 1px solid
#8f959e;
3765 border-radius: 0.25rem;
3766 transition: border-color
0.15s ease-in-out
, box-shadow
0.15s ease-in-out
; }
3767 @media
(max-width: 1200px) {
3769 font-size: calc
(0.90375rem + 0.045vw) ; } }
3770 @media
(prefers-reduced-motion: reduce
) {
3772 transition: none
; } }
3773 .form-control::-ms-expand {
3774 background-color: transparent
;
3776 .form-control:-moz-focusring {
3778 text-shadow: 0 0 0 #495057; }
3779 .form-control:focus {
3781 background-color: #fff;
3782 border-color: #5babf2;
3784 box-shadow: 0 0 0 0.2rem rgba
(15, 108, 191, 0.75); }
3785 .form-control::placeholder {
3788 .form-control:disabled, .form-control[readonly] {
3789 background-color: #e9ecef;
3792 input
[type
="date"].form-control
,
3793 input
[type
="time"].form-control
,
3794 input
[type
="datetime-local"].form-control
,
3795 input
[type
="month"].form-control
{
3798 select
.form-control:focus::-ms-value
{
3800 background-color: #fff; }
3803 .form-control-range {
3808 padding-top: calc
(0.375rem + 1px);
3809 padding-bottom: calc
(0.375rem + 1px);
3814 .col-form-label-lg {
3815 padding-top: calc
(0.5rem + 1px);
3816 padding-bottom: calc
(0.5rem + 1px);
3817 font-size: 1.171875rem;
3819 @media
(max-width: 1200px) {
3820 .col-form-label-lg {
3821 font-size: calc
(0.9271875rem + 0.32625vw) ; } }
3823 .col-form-label-sm {
3824 padding-top: calc
(0.25rem + 1px);
3825 padding-bottom: calc
(0.25rem + 1px);
3826 font-size: 0.8203125rem;
3829 .form-control-plaintext {
3832 padding: 0.375rem 0;
3834 font-size: 0.9375rem;
3837 background-color: transparent
;
3838 border: solid transparent
;
3839 border-width: 1px 0; }
3840 @media
(max-width: 1200px) {
3841 .form-control-plaintext {
3842 font-size: calc
(0.90375rem + 0.045vw) ; } }
3843 .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
3848 height: calc
(1.5em + 0.5rem + 2px);
3849 padding: 0.25rem 0.5rem;
3850 font-size: 0.8203125rem;
3852 border-radius: 0.2rem; }
3855 height: calc
(1.5em + 1rem + 2px);
3856 padding: 0.5rem 1rem;
3857 font-size: 1.171875rem;
3859 border-radius: 0.3rem; }
3860 @media
(max-width: 1200px) {
3862 font-size: calc
(0.9271875rem + 0.32625vw) ; } }
3864 select
.form-control
[size
], select
.form-control
[multiple
] {
3867 textarea
.form-control
{
3871 margin-bottom: 1rem; }
3875 margin-top: 0.25rem; }
3881 margin-left: -5px; }
3883 .form-row > [class*="col-"] {
3885 padding-left: 5px; }
3890 padding-left: 1.25rem; }
3895 margin-left: -1.25rem; }
3896 .form-check-input
[disabled
] ~ .form-check-label
,
3897 .form-check-input:disabled ~ .form-check-label {
3903 .form-check-inline {
3904 display: inline-flex
;
3905 align-items: center
;
3907 margin-right: 0.75rem; }
3908 .form-check-inline .form-check-input {
3911 margin-right: 0.3125rem;
3917 margin-top: 0.25rem;
3928 padding: 0.25rem 0.5rem;
3930 font-size: 0.8203125rem;
3933 background-color: rgba
(53, 122, 50, 0.9);
3934 border-radius: 0.25rem; }
3935 .form-row
> .col
> .valid-tooltip
,
3936 .form-row > [class*="col-"] > .valid-tooltip {
3939 .was-validated :valid
~ .valid-feedback
,
3940 .was-validated :valid
~ .valid-tooltip
,
3941 .is-valid
~ .valid-feedback
,
3942 .is-valid ~ .valid-tooltip {
3945 .was-validated .form-control:valid, .form-control.is-valid {
3946 border-color: #357a32;
3947 padding-right: calc
(1.5em + 0.75rem);
3948 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");
3949 background-repeat: no-repeat
;
3950 background-position: right calc
(0.375em + 0.1875rem) center
;
3951 background-size: calc
(0.75em + 0.375rem) calc
(0.75em + 0.375rem); }
3952 .was-validated .form-control:valid:focus, .form-control.is-valid:focus {
3953 border-color: #357a32;
3954 box-shadow: 0 0 0 0.2rem rgba
(53, 122, 50, 0.25); }
3956 .was-validated textarea.form-control:valid, textarea.form-control.is-valid {
3957 padding-right: calc
(1.5em + 0.75rem);
3958 background-position: top calc
(0.375em + 0.1875rem) right calc
(0.375em + 0.1875rem); }
3960 .was-validated .custom-select:valid, .custom-select.is-valid {
3961 border-color: #357a32;
3962 padding-right: calc
(0.75em + 2.3125rem);
3963 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
; }
3964 .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
3965 border-color: #357a32;
3966 box-shadow: 0 0 0 0.2rem rgba
(53, 122, 50, 0.25); }
3968 .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
3971 .was-validated
.form-check-input:valid
~ .valid-feedback
,
3972 .was-validated
.form-check-input:valid
~ .valid-tooltip
, .form-check-input
.is-valid
~ .valid-feedback
,
3973 .form-check-input.is-valid ~ .valid-tooltip {
3976 .was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
3978 .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
3979 border-color: #357a32; }
3981 .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
3982 border-color: #459e41;
3983 background-color: #459e41; }
3985 .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
3986 box-shadow: 0 0 0 0.2rem rgba
(53, 122, 50, 0.25); }
3988 .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 {
3989 border-color: #357a32; }
3991 .was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
3992 border-color: #357a32; }
3994 .was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
3995 border-color: #357a32;
3996 box-shadow: 0 0 0 0.2rem rgba
(53, 122, 50, 0.25); }
4001 margin-top: 0.25rem;
4012 padding: 0.25rem 0.5rem;
4014 font-size: 0.8203125rem;
4017 background-color: rgba
(202, 49, 32, 0.9);
4018 border-radius: 0.25rem; }
4019 .form-row
> .col
> .invalid-tooltip
,
4020 .form-row > [class*="col-"] > .invalid-tooltip {
4023 .was-validated :invalid
~ .invalid-feedback
,
4024 .was-validated :invalid
~ .invalid-tooltip
,
4025 .is-invalid
~ .invalid-feedback
,
4026 .is-invalid ~ .invalid-tooltip {
4029 .was-validated .form-control:invalid, .form-control.is-invalid {
4030 border-color: #ca3120;
4031 padding-right: calc
(1.5em + 0.75rem);
4032 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");
4033 background-repeat: no-repeat
;
4034 background-position: right calc
(0.375em + 0.1875rem) center
;
4035 background-size: calc
(0.75em + 0.375rem) calc
(0.75em + 0.375rem); }
4036 .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
4037 border-color: #ca3120;
4038 box-shadow: 0 0 0 0.2rem rgba
(202, 49, 32, 0.25); }
4040 .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
4041 padding-right: calc
(1.5em + 0.75rem);
4042 background-position: top calc
(0.375em + 0.1875rem) right calc
(0.375em + 0.1875rem); }
4044 .was-validated .custom-select:invalid, .custom-select.is-invalid {
4045 border-color: #ca3120;
4046 padding-right: calc
(0.75em + 2.3125rem);
4047 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
; }
4048 .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
4049 border-color: #ca3120;
4050 box-shadow: 0 0 0 0.2rem rgba
(202, 49, 32, 0.25); }
4052 .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
4055 .was-validated
.form-check-input:invalid
~ .invalid-feedback
,
4056 .was-validated
.form-check-input:invalid
~ .invalid-tooltip
, .form-check-input
.is-invalid
~ .invalid-feedback
,
4057 .form-check-input.is-invalid ~ .invalid-tooltip {
4060 .was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
4062 .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
4063 border-color: #ca3120; }
4065 .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
4066 border-color: #e04d3d;
4067 background-color: #e04d3d; }
4069 .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
4070 box-shadow: 0 0 0 0.2rem rgba
(202, 49, 32, 0.25); }
4072 .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 {
4073 border-color: #ca3120; }
4075 .was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
4076 border-color: #ca3120; }
4078 .was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
4079 border-color: #ca3120;
4080 box-shadow: 0 0 0 0.2rem rgba
(202, 49, 32, 0.25); }
4084 flex-flow: row wrap
;
4085 align-items: center
; }
4086 .form-inline .form-check {
4088 @media
(min-width: 576px) {
4089 .form-inline label {
4091 align-items: center
;
4092 justify-content: center
;
4094 .form-inline .form-group {
4097 flex-flow: row wrap
;
4098 align-items: center
;
4100 .form-inline .form-control {
4101 display: inline-block
;
4103 vertical-align: middle
; }
4104 .form-inline .form-control-plaintext {
4105 display: inline-block
; }
4106 .form-inline
.input-group
,
4107 .form-inline .custom-select {
4109 .form-inline .form-check {
4111 align-items: center
;
4112 justify-content: center
;
4115 .form-inline .form-check-input {
4119 margin-right: 0.25rem;
4121 .form-inline .custom-control {
4122 align-items: center
;
4123 justify-content: center
; }
4124 .form-inline .custom-control-label {
4125 margin-bottom: 0; } }
4128 display: inline-block
;
4132 vertical-align: middle
;
4134 background-color: transparent
;
4135 border: 1px solid transparent
;
4136 padding: 0.375rem 0.75rem;
4137 font-size: 0.9375rem;
4139 border-radius: 0.25rem;
4140 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
; }
4141 @media
(max-width: 1200px) {
4143 font-size: calc
(0.90375rem + 0.045vw) ; } }
4144 @media
(prefers-reduced-motion: reduce
) {
4146 transition: none
; } }
4149 text-decoration: none
; }
4150 .btn:focus, .btn.focus {
4152 box-shadow: 0 0 0 0.2rem rgba
(15, 108, 191, 0.75); }
4153 .btn.disabled, .btn:disabled {
4155 .btn:not(:disabled):not(.disabled) {
4159 fieldset:disabled a
.btn
{
4160 pointer-events: none
; }
4164 background-color: #0f6cbf;
4165 border-color: #0f6cbf; }
4166 .btn-primary:hover {
4168 background-color: #0c589c;
4169 border-color: #0b5190; }
4170 .btn-primary:focus, .btn-primary.focus {
4172 background-color: #0c589c;
4173 border-color: #0b5190;
4174 box-shadow: 0 0 0 0.2rem rgba
(51, 130, 201, 0.5); }
4175 .btn-primary.disabled, .btn-primary:disabled {
4177 background-color: #0f6cbf;
4178 border-color: #0f6cbf; }
4179 .btn-primary:not
(:disabled
):not
(.disabled
):active
, .btn-primary:not
(:disabled
):not
(.disabled
).active
,
4180 .show > .btn-primary.dropdown-toggle {
4182 background-color: #0b5190;
4183 border-color: #0a4b84; }
4184 .btn-primary:not
(:disabled
):not
(.disabled
):active:focus
, .btn-primary:not
(:disabled
):not
(.disabled
).active:focus
,
4185 .show > .btn-primary.dropdown-toggle:focus {
4186 box-shadow: 0 0 0 0.2rem rgba
(51, 130, 201, 0.5); }
4190 background-color: #ced4da;
4191 border-color: #ced4da; }
4192 .btn-secondary:hover {
4194 background-color: #b8c1ca;
4195 border-color: #b1bbc4; }
4196 .btn-secondary:focus, .btn-secondary.focus {
4198 background-color: #b8c1ca;
4199 border-color: #b1bbc4;
4200 box-shadow: 0 0 0 0.2rem rgba
(179, 185, 191, 0.5); }
4201 .btn-secondary.disabled, .btn-secondary:disabled {
4203 background-color: #ced4da;
4204 border-color: #ced4da; }
4205 .btn-secondary:not
(:disabled
):not
(.disabled
):active
, .btn-secondary:not
(:disabled
):not
(.disabled
).active
,
4206 .show > .btn-secondary.dropdown-toggle {
4208 background-color: #b1bbc4;
4209 border-color: #aab4bf; }
4210 .btn-secondary:not
(:disabled
):not
(.disabled
):active:focus
, .btn-secondary:not
(:disabled
):not
(.disabled
).active:focus
,
4211 .show > .btn-secondary.dropdown-toggle:focus {
4212 box-shadow: 0 0 0 0.2rem rgba
(179, 185, 191, 0.5); }
4216 background-color: #357a32;
4217 border-color: #357a32; }
4218 .btn-success:hover {
4220 background-color: #295f27;
4221 border-color: #255623; }
4222 .btn-success:focus, .btn-success.focus {
4224 background-color: #295f27;
4225 border-color: #255623;
4226 box-shadow: 0 0 0 0.2rem rgba
(83, 142, 81, 0.5); }
4227 .btn-success.disabled, .btn-success:disabled {
4229 background-color: #357a32;
4230 border-color: #357a32; }
4231 .btn-success:not
(:disabled
):not
(.disabled
):active
, .btn-success:not
(:disabled
):not
(.disabled
).active
,
4232 .show > .btn-success.dropdown-toggle {
4234 background-color: #255623;
4235 border-color: #214d1f; }
4236 .btn-success:not
(:disabled
):not
(.disabled
):active:focus
, .btn-success:not
(:disabled
):not
(.disabled
).active:focus
,
4237 .show > .btn-success.dropdown-toggle:focus {
4238 box-shadow: 0 0 0 0.2rem rgba
(83, 142, 81, 0.5); }
4242 background-color: #008196;
4243 border-color: #008196; }
4246 background-color: #006070;
4247 border-color: #005563; }
4248 .btn-info:focus, .btn-info.focus {
4250 background-color: #006070;
4251 border-color: #005563;
4252 box-shadow: 0 0 0 0.2rem rgba
(38, 148, 166, 0.5); }
4253 .btn-info.disabled, .btn-info:disabled {
4255 background-color: #008196;
4256 border-color: #008196; }
4257 .btn-info:not
(:disabled
):not
(.disabled
):active
, .btn-info:not
(:disabled
):not
(.disabled
).active
,
4258 .show > .btn-info.dropdown-toggle {
4260 background-color: #005563;
4261 border-color: #004a56; }
4262 .btn-info:not
(:disabled
):not
(.disabled
):active:focus
, .btn-info:not
(:disabled
):not
(.disabled
).active:focus
,
4263 .show > .btn-info.dropdown-toggle:focus {
4264 box-shadow: 0 0 0 0.2rem rgba
(38, 148, 166, 0.5); }
4268 background-color: #f0ad4e;
4269 border-color: #f0ad4e; }
4270 .btn-warning:hover {
4272 background-color: #ed9d2b;
4273 border-color: #ec971f; }
4274 .btn-warning:focus, .btn-warning.focus {
4276 background-color: #ed9d2b;
4277 border-color: #ec971f;
4278 box-shadow: 0 0 0 0.2rem rgba
(208, 152, 72, 0.5); }
4279 .btn-warning.disabled, .btn-warning:disabled {
4281 background-color: #f0ad4e;
4282 border-color: #f0ad4e; }
4283 .btn-warning:not
(:disabled
):not
(.disabled
):active
, .btn-warning:not
(:disabled
):not
(.disabled
).active
,
4284 .show > .btn-warning.dropdown-toggle {
4286 background-color: #ec971f;
4287 border-color: #ea9214; }
4288 .btn-warning:not
(:disabled
):not
(.disabled
):active:focus
, .btn-warning:not
(:disabled
):not
(.disabled
).active:focus
,
4289 .show > .btn-warning.dropdown-toggle:focus {
4290 box-shadow: 0 0 0 0.2rem rgba
(208, 152, 72, 0.5); }
4294 background-color: #ca3120;
4295 border-color: #ca3120; }
4298 background-color: #a9291b;
4299 border-color: #9e2619; }
4300 .btn-danger:focus, .btn-danger.focus {
4302 background-color: #a9291b;
4303 border-color: #9e2619;
4304 box-shadow: 0 0 0 0.2rem rgba
(210, 80, 65, 0.5); }
4305 .btn-danger.disabled, .btn-danger:disabled {
4307 background-color: #ca3120;
4308 border-color: #ca3120; }
4309 .btn-danger:not
(:disabled
):not
(.disabled
):active
, .btn-danger:not
(:disabled
):not
(.disabled
).active
,
4310 .show > .btn-danger.dropdown-toggle {
4312 background-color: #9e2619;
4313 border-color: #932417; }
4314 .btn-danger:not
(:disabled
):not
(.disabled
):active:focus
, .btn-danger:not
(:disabled
):not
(.disabled
).active:focus
,
4315 .show > .btn-danger.dropdown-toggle:focus {
4316 box-shadow: 0 0 0 0.2rem rgba
(210, 80, 65, 0.5); }
4320 background-color: #f8f9fa;
4321 border-color: #f8f9fa; }
4324 background-color: #e2e6ea;
4325 border-color: #dae0e5; }
4326 .btn-light:focus, .btn-light.focus {
4328 background-color: #e2e6ea;
4329 border-color: #dae0e5;
4330 box-shadow: 0 0 0 0.2rem rgba
(215, 217, 218, 0.5); }
4331 .btn-light.disabled, .btn-light:disabled {
4333 background-color: #f8f9fa;
4334 border-color: #f8f9fa; }
4335 .btn-light:not
(:disabled
):not
(.disabled
):active
, .btn-light:not
(:disabled
):not
(.disabled
).active
,
4336 .show > .btn-light.dropdown-toggle {
4338 background-color: #dae0e5;
4339 border-color: #d3d9df; }
4340 .btn-light:not
(:disabled
):not
(.disabled
):active:focus
, .btn-light:not
(:disabled
):not
(.disabled
).active:focus
,
4341 .show > .btn-light.dropdown-toggle:focus {
4342 box-shadow: 0 0 0 0.2rem rgba
(215, 217, 218, 0.5); }
4346 background-color: #343a40;
4347 border-color: #343a40; }
4350 background-color: #23272b;
4351 border-color: #1d2124; }
4352 .btn-dark:focus, .btn-dark.focus {
4354 background-color: #23272b;
4355 border-color: #1d2124;
4356 box-shadow: 0 0 0 0.2rem rgba
(82, 88, 93, 0.5); }
4357 .btn-dark.disabled, .btn-dark:disabled {
4359 background-color: #343a40;
4360 border-color: #343a40; }
4361 .btn-dark:not
(:disabled
):not
(.disabled
):active
, .btn-dark:not
(:disabled
):not
(.disabled
).active
,
4362 .show > .btn-dark.dropdown-toggle {
4364 background-color: #1d2124;
4365 border-color: #171a1d; }
4366 .btn-dark:not
(:disabled
):not
(.disabled
):active:focus
, .btn-dark:not
(:disabled
):not
(.disabled
).active:focus
,
4367 .show > .btn-dark.dropdown-toggle:focus {
4368 box-shadow: 0 0 0 0.2rem rgba
(82, 88, 93, 0.5); }
4370 .btn-outline-primary {
4372 border-color: #0f6cbf; }
4373 .btn-outline-primary:hover {
4375 background-color: #0f6cbf;
4376 border-color: #0f6cbf; }
4377 .btn-outline-primary:focus, .btn-outline-primary.focus {
4378 box-shadow: 0 0 0 0.2rem rgba
(15, 108, 191, 0.5); }
4379 .btn-outline-primary.disabled, .btn-outline-primary:disabled {
4381 background-color: transparent
; }
4382 .btn-outline-primary:not
(:disabled
):not
(.disabled
):active
, .btn-outline-primary:not
(:disabled
):not
(.disabled
).active
,
4383 .show > .btn-outline-primary.dropdown-toggle {
4385 background-color: #0f6cbf;
4386 border-color: #0f6cbf; }
4387 .btn-outline-primary:not
(:disabled
):not
(.disabled
):active:focus
, .btn-outline-primary:not
(:disabled
):not
(.disabled
).active:focus
,
4388 .show > .btn-outline-primary.dropdown-toggle:focus {
4389 box-shadow: 0 0 0 0.2rem rgba
(15, 108, 191, 0.5); }
4391 .btn-outline-secondary {
4393 border-color: #ced4da; }
4394 .btn-outline-secondary:hover {
4396 background-color: #ced4da;
4397 border-color: #ced4da; }
4398 .btn-outline-secondary:focus, .btn-outline-secondary.focus {
4399 box-shadow: 0 0 0 0.2rem rgba
(206, 212, 218, 0.5); }
4400 .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
4402 background-color: transparent
; }
4403 .btn-outline-secondary:not
(:disabled
):not
(.disabled
):active
, .btn-outline-secondary:not
(:disabled
):not
(.disabled
).active
,
4404 .show > .btn-outline-secondary.dropdown-toggle {
4406 background-color: #ced4da;
4407 border-color: #ced4da; }
4408 .btn-outline-secondary:not
(:disabled
):not
(.disabled
):active:focus
, .btn-outline-secondary:not
(:disabled
):not
(.disabled
).active:focus
,
4409 .show > .btn-outline-secondary.dropdown-toggle:focus {
4410 box-shadow: 0 0 0 0.2rem rgba
(206, 212, 218, 0.5); }
4412 .btn-outline-success {
4414 border-color: #357a32; }
4415 .btn-outline-success:hover {
4417 background-color: #357a32;
4418 border-color: #357a32; }
4419 .btn-outline-success:focus, .btn-outline-success.focus {
4420 box-shadow: 0 0 0 0.2rem rgba
(53, 122, 50, 0.5); }
4421 .btn-outline-success.disabled, .btn-outline-success:disabled {
4423 background-color: transparent
; }
4424 .btn-outline-success:not
(:disabled
):not
(.disabled
):active
, .btn-outline-success:not
(:disabled
):not
(.disabled
).active
,
4425 .show > .btn-outline-success.dropdown-toggle {
4427 background-color: #357a32;
4428 border-color: #357a32; }
4429 .btn-outline-success:not
(:disabled
):not
(.disabled
):active:focus
, .btn-outline-success:not
(:disabled
):not
(.disabled
).active:focus
,
4430 .show > .btn-outline-success.dropdown-toggle:focus {
4431 box-shadow: 0 0 0 0.2rem rgba
(53, 122, 50, 0.5); }
4435 border-color: #008196; }
4436 .btn-outline-info:hover {
4438 background-color: #008196;
4439 border-color: #008196; }
4440 .btn-outline-info:focus, .btn-outline-info.focus {
4441 box-shadow: 0 0 0 0.2rem rgba
(0, 129, 150, 0.5); }
4442 .btn-outline-info.disabled, .btn-outline-info:disabled {
4444 background-color: transparent
; }
4445 .btn-outline-info:not
(:disabled
):not
(.disabled
):active
, .btn-outline-info:not
(:disabled
):not
(.disabled
).active
,
4446 .show > .btn-outline-info.dropdown-toggle {
4448 background-color: #008196;
4449 border-color: #008196; }
4450 .btn-outline-info:not
(:disabled
):not
(.disabled
):active:focus
, .btn-outline-info:not
(:disabled
):not
(.disabled
).active:focus
,
4451 .show > .btn-outline-info.dropdown-toggle:focus {
4452 box-shadow: 0 0 0 0.2rem rgba
(0, 129, 150, 0.5); }
4454 .btn-outline-warning {
4456 border-color: #f0ad4e; }
4457 .btn-outline-warning:hover {
4459 background-color: #f0ad4e;
4460 border-color: #f0ad4e; }
4461 .btn-outline-warning:focus, .btn-outline-warning.focus {
4462 box-shadow: 0 0 0 0.2rem rgba
(240, 173, 78, 0.5); }
4463 .btn-outline-warning.disabled, .btn-outline-warning:disabled {
4465 background-color: transparent
; }
4466 .btn-outline-warning:not
(:disabled
):not
(.disabled
):active
, .btn-outline-warning:not
(:disabled
):not
(.disabled
).active
,
4467 .show > .btn-outline-warning.dropdown-toggle {
4469 background-color: #f0ad4e;
4470 border-color: #f0ad4e; }
4471 .btn-outline-warning:not
(:disabled
):not
(.disabled
):active:focus
, .btn-outline-warning:not
(:disabled
):not
(.disabled
).active:focus
,
4472 .show > .btn-outline-warning.dropdown-toggle:focus {
4473 box-shadow: 0 0 0 0.2rem rgba
(240, 173, 78, 0.5); }
4475 .btn-outline-danger {
4477 border-color: #ca3120; }
4478 .btn-outline-danger:hover {
4480 background-color: #ca3120;
4481 border-color: #ca3120; }
4482 .btn-outline-danger:focus, .btn-outline-danger.focus {
4483 box-shadow: 0 0 0 0.2rem rgba
(202, 49, 32, 0.5); }
4484 .btn-outline-danger.disabled, .btn-outline-danger:disabled {
4486 background-color: transparent
; }
4487 .btn-outline-danger:not
(:disabled
):not
(.disabled
):active
, .btn-outline-danger:not
(:disabled
):not
(.disabled
).active
,
4488 .show > .btn-outline-danger.dropdown-toggle {
4490 background-color: #ca3120;
4491 border-color: #ca3120; }
4492 .btn-outline-danger:not
(:disabled
):not
(.disabled
):active:focus
, .btn-outline-danger:not
(:disabled
):not
(.disabled
).active:focus
,
4493 .show > .btn-outline-danger.dropdown-toggle:focus {
4494 box-shadow: 0 0 0 0.2rem rgba
(202, 49, 32, 0.5); }
4496 .btn-outline-light {
4498 border-color: #f8f9fa; }
4499 .btn-outline-light:hover {
4501 background-color: #f8f9fa;
4502 border-color: #f8f9fa; }
4503 .btn-outline-light:focus, .btn-outline-light.focus {
4504 box-shadow: 0 0 0 0.2rem rgba
(248, 249, 250, 0.5); }
4505 .btn-outline-light.disabled, .btn-outline-light:disabled {
4507 background-color: transparent
; }
4508 .btn-outline-light:not
(:disabled
):not
(.disabled
):active
, .btn-outline-light:not
(:disabled
):not
(.disabled
).active
,
4509 .show > .btn-outline-light.dropdown-toggle {
4511 background-color: #f8f9fa;
4512 border-color: #f8f9fa; }
4513 .btn-outline-light:not
(:disabled
):not
(.disabled
):active:focus
, .btn-outline-light:not
(:disabled
):not
(.disabled
).active:focus
,
4514 .show > .btn-outline-light.dropdown-toggle:focus {
4515 box-shadow: 0 0 0 0.2rem rgba
(248, 249, 250, 0.5); }
4519 border-color: #343a40; }
4520 .btn-outline-dark:hover {
4522 background-color: #343a40;
4523 border-color: #343a40; }
4524 .btn-outline-dark:focus, .btn-outline-dark.focus {
4525 box-shadow: 0 0 0 0.2rem rgba
(52, 58, 64, 0.5); }
4526 .btn-outline-dark.disabled, .btn-outline-dark:disabled {
4528 background-color: transparent
; }
4529 .btn-outline-dark:not
(:disabled
):not
(.disabled
):active
, .btn-outline-dark:not
(:disabled
):not
(.disabled
).active
,
4530 .show > .btn-outline-dark.dropdown-toggle {
4532 background-color: #343a40;
4533 border-color: #343a40; }
4534 .btn-outline-dark:not
(:disabled
):not
(.disabled
):active:focus
, .btn-outline-dark:not
(:disabled
):not
(.disabled
).active:focus
,
4535 .show > .btn-outline-dark.dropdown-toggle:focus {
4536 box-shadow: 0 0 0 0.2rem rgba
(52, 58, 64, 0.5); }
4541 text-decoration: none
; }
4544 text-decoration: underline
; }
4545 .btn-link:focus, .btn-link.focus {
4546 text-decoration: underline
; }
4547 .btn-link:disabled, .btn-link.disabled {
4549 pointer-events: none
; }
4551 .btn-lg, .btn-group-lg > .btn {
4552 padding: 0.5rem 1rem;
4553 font-size: 1.171875rem;
4555 border-radius: 0.3rem; }
4556 @media
(max-width: 1200px) {
4557 .btn-lg, .btn-group-lg > .btn {
4558 font-size: calc
(0.9271875rem + 0.32625vw) ; } }
4560 .btn-sm, .btn-group-sm > .btn {
4561 padding: 0.25rem 0.5rem;
4562 font-size: 0.8203125rem;
4564 border-radius: 0.2rem; }
4569 .btn-block + .btn-block {
4570 margin-top: 0.5rem; }
4572 input
[type
="submit"].btn-block
,
4573 input
[type
="reset"].btn-block
,
4574 input
[type
="button"].btn-block
{
4578 transition: opacity
0.15s linear
; }
4579 @media
(prefers-reduced-motion: reduce
) {
4581 transition: none
; } }
4585 .collapse:not(.show) {
4592 transition: height
0.35s ease
; }
4593 @media
(prefers-reduced-motion: reduce
) {
4595 transition: none
; } }
4601 position: relative
; }
4604 white-space: nowrap
; }
4605 .dropdown-toggle::after {
4606 display: inline-block
;
4607 margin-left: 0.255em;
4608 vertical-align: 0.255em;
4610 border-top: 0.3em solid
;
4611 border-right: 0.3em solid transparent
;
4613 border-left: 0.3em solid transparent
; }
4614 .dropdown-toggle:empty::after {
4626 margin: 0.125rem 0 0;
4627 font-size: 0.9375rem;
4631 background-color: #fff;
4632 background-clip: padding-box
;
4633 border: 1px solid rgba
(0, 0, 0, 0.15);
4634 border-radius: 0.25rem; }
4635 @media
(max-width: 1200px) {
4637 font-size: calc
(0.90375rem + 0.045vw) ; } }
4639 .dropdown-menu-left {
4643 .dropdown-menu-right {
4647 @media (min-width: 576px) {
4648 .dropdown-menu-sm-left {
4651 .dropdown-menu-sm-right {
4655 @media (min-width: 768px) {
4656 .dropdown-menu-md-left {
4659 .dropdown-menu-md-right {
4663 @media (min-width: 992px) {
4664 .dropdown-menu-lg-left {
4667 .dropdown-menu-lg-right {
4671 @media (min-width: 1200px) {
4672 .dropdown-menu-xl-left {
4675 .dropdown-menu-xl-right {
4679 .dropup .dropdown-menu {
4683 margin-bottom: 0.125rem; }
4685 .dropup .dropdown-toggle::after {
4686 display: inline-block
;
4687 margin-left: 0.255em;
4688 vertical-align: 0.255em;
4691 border-right: 0.3em solid transparent
;
4692 border-bottom: 0.3em solid
;
4693 border-left: 0.3em solid transparent
; }
4695 .dropup .dropdown-toggle:empty::after {
4698 .dropright .dropdown-menu {
4703 margin-left: 0.125rem; }
4705 .dropright .dropdown-toggle::after {
4706 display: inline-block
;
4707 margin-left: 0.255em;
4708 vertical-align: 0.255em;
4710 border-top: 0.3em solid transparent
;
4712 border-bottom: 0.3em solid transparent
;
4713 border-left: 0.3em solid
; }
4715 .dropright .dropdown-toggle:empty::after {
4718 .dropright .dropdown-toggle::after {
4719 vertical-align: 0; }
4721 .dropleft .dropdown-menu {
4726 margin-right: 0.125rem; }
4728 .dropleft .dropdown-toggle::after {
4729 display: inline-block
;
4730 margin-left: 0.255em;
4731 vertical-align: 0.255em;
4734 .dropleft .dropdown-toggle::after {
4737 .dropleft .dropdown-toggle::before {
4738 display: inline-block
;
4739 margin-right: 0.255em;
4740 vertical-align: 0.255em;
4742 border-top: 0.3em solid transparent
;
4743 border-right: 0.3em solid
;
4744 border-bottom: 0.3em solid transparent
; }
4746 .dropleft .dropdown-toggle:empty::after {
4749 .dropleft .dropdown-toggle::before {
4750 vertical-align: 0; }
4752 .dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] {
4760 border-top: 1px solid
#e9ecef; }
4765 padding: 0.25rem 1.5rem;
4769 text-align: inherit
;
4770 white-space: nowrap
;
4771 background-color: transparent
;
4773 .dropdown-item:hover, .dropdown-item:focus {
4775 text-decoration: none
;
4776 background-color: #0f6cbf; }
4777 .dropdown-item.active, .dropdown-item:active {
4779 text-decoration: none
;
4780 background-color: #0f6cbf; }
4781 .dropdown-item.disabled, .dropdown-item:disabled {
4783 pointer-events: none
;
4784 background-color: transparent
; }
4786 .dropdown-menu.show {
4791 padding: 0.5rem 1.5rem;
4793 font-size: 0.8203125rem;
4795 white-space: nowrap
; }
4797 .dropdown-item-text {
4799 padding: 0.25rem 1.5rem;
4803 .btn-group-vertical {
4805 display: inline-flex
;
4806 vertical-align: middle
; }
4808 .btn-group-vertical > .btn {
4811 .btn-group
> .btn:hover
,
4812 .btn-group-vertical > .btn:hover {
4814 .btn-group
> .btn:focus
, .btn-group
> .btn:active
, .btn-group
> .btn
.active
,
4815 .btn-group-vertical
> .btn:focus
,
4816 .btn-group-vertical
> .btn:active
,
4817 .btn-group-vertical > .btn.active {
4823 justify-content: flex-start
; }
4824 .btn-toolbar .input-group {
4827 .btn-group
> .btn:not
(:first-child
),
4828 .btn-group > .btn-group:not(:first-child) {
4829 margin-left: -1px; }
4831 .btn-group
> .btn:not
(:last-child
):not
(.dropdown-toggle
),
4832 .btn-group > .btn-group:not(:last-child) > .btn {
4833 border-top-right-radius: 0;
4834 border-bottom-right-radius: 0; }
4836 .btn-group
> .btn:not
(:first-child
),
4837 .btn-group > .btn-group:not(:first-child) > .btn {
4838 border-top-left-radius: 0;
4839 border-bottom-left-radius: 0; }
4841 .dropdown-toggle-split {
4842 padding-right: 0.5625rem;
4843 padding-left: 0.5625rem; }
4844 .dropdown-toggle-split::after
,
4845 .dropup
.dropdown-toggle-split::after
,
4846 .dropright .dropdown-toggle-split::after {
4848 .dropleft .dropdown-toggle-split::before {
4851 .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
4852 padding-right: 0.375rem;
4853 padding-left: 0.375rem; }
4855 .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
4856 padding-right: 0.75rem;
4857 padding-left: 0.75rem; }
4859 .btn-group-vertical {
4860 flex-direction: column
;
4861 align-items: flex-start
;
4862 justify-content: center
; }
4863 .btn-group-vertical
> .btn
,
4864 .btn-group-vertical > .btn-group {
4866 .btn-group-vertical
> .btn:not
(:first-child
),
4867 .btn-group-vertical > .btn-group:not(:first-child) {
4869 .btn-group-vertical
> .btn:not
(:last-child
):not
(.dropdown-toggle
),
4870 .btn-group-vertical > .btn-group:not(:last-child) > .btn {
4871 border-bottom-right-radius: 0;
4872 border-bottom-left-radius: 0; }
4873 .btn-group-vertical
> .btn:not
(:first-child
),
4874 .btn-group-vertical > .btn-group:not(:first-child) > .btn {
4875 border-top-left-radius: 0;
4876 border-top-right-radius: 0; }
4878 .btn-group-toggle
> .btn
,
4879 .btn-group-toggle > .btn-group > .btn {
4881 .btn-group-toggle
> .btn input
[type
="radio"],
4882 .btn-group-toggle
> .btn input
[type
="checkbox"],
4883 .btn-group-toggle
> .btn-group
> .btn input
[type
="radio"],
4884 .btn-group-toggle > .btn-group > .btn input[type="checkbox"] {
4886 clip: rect
(0, 0, 0, 0);
4887 pointer-events: none
; }
4893 align-items: stretch
;
4895 .input-group
> .form-control
,
4896 .input-group
> .form-control-plaintext
,
4897 .input-group
> .custom-select
,
4898 .input-group > .custom-file {
4904 .input-group
> .form-control
+ .form-control
,
4905 .input-group
> .form-control
+ .custom-select
,
4906 .input-group
> .form-control
+ .custom-file
,
4907 .input-group
> .form-control-plaintext
+ .form-control
,
4908 .input-group
> .form-control-plaintext
+ .custom-select
,
4909 .input-group
> .form-control-plaintext
+ .custom-file
,
4910 .input-group
> .custom-select
+ .form-control
,
4911 .input-group
> .custom-select
+ .custom-select
,
4912 .input-group
> .custom-select
+ .custom-file
,
4913 .input-group
> .custom-file
+ .form-control
,
4914 .input-group
> .custom-file
+ .custom-select
,
4915 .input-group > .custom-file + .custom-file {
4916 margin-left: -1px; }
4917 .input-group
> .form-control:focus
,
4918 .input-group
> .custom-select:focus
,
4919 .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
4921 .input-group > .custom-file .custom-file-input:focus {
4923 .input-group
> .form-control:not
(:first-child
),
4924 .input-group > .custom-select:not(:first-child) {
4925 border-top-left-radius: 0;
4926 border-bottom-left-radius: 0; }
4927 .input-group > .custom-file {
4929 align-items: center
; }
4930 .input-group
> .custom-file:not
(:last-child
) .custom-file-label
,
4931 .input-group > .custom-file:not(:first-child) .custom-file-label {
4932 border-top-left-radius: 0;
4933 border-bottom-left-radius: 0; }
4934 .input-group:not
(.has-validation
) > .form-control:not
(:last-child
),
4935 .input-group:not
(.has-validation
) > .custom-select:not
(:last-child
),
4936 .input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label::after {
4937 border-top-right-radius: 0;
4938 border-bottom-right-radius: 0; }
4939 .input-group
.has-validation
> .form-control:nth-last-child
(n
+ 3),
4940 .input-group
.has-validation
> .custom-select:nth-last-child
(n
+ 3),
4941 .input-group.has-validation > .custom-file:nth-last-child(n + 3) .custom-file-label::after {
4942 border-top-right-radius: 0;
4943 border-bottom-right-radius: 0; }
4945 .input-group-prepend
,
4946 .input-group-append {
4948 .input-group-prepend
.btn
,
4949 .input-group-append .btn {
4952 .input-group-prepend
.btn:focus
,
4953 .input-group-append .btn:focus {
4955 .input-group-prepend
.btn
+ .btn
,
4956 .input-group-prepend
.btn
+ .input-group-text
,
4957 .input-group-prepend
.input-group-text
+ .input-group-text
,
4958 .input-group-prepend
.input-group-text
+ .btn
,
4959 .input-group-append
.btn
+ .btn
,
4960 .input-group-append
.btn
+ .input-group-text
,
4961 .input-group-append
.input-group-text
+ .input-group-text
,
4962 .input-group-append .input-group-text + .btn {
4963 margin-left: -1px; }
4965 .input-group-prepend {
4966 margin-right: -1px; }
4968 .input-group-append {
4969 margin-left: -1px; }
4973 align-items: center
;
4974 padding: 0.375rem 0.75rem;
4976 font-size: 0.9375rem;
4981 white-space: nowrap
;
4982 background-color: #e9ecef;
4983 border: 1px solid
#8f959e;
4984 border-radius: 0.25rem; }
4985 @media
(max-width: 1200px) {
4987 font-size: calc
(0.90375rem + 0.045vw) ; } }
4988 .input-group-text input
[type
="radio"],
4989 .input-group-text input[type="checkbox"] {
4992 .input-group-lg
> .form-control:not
(textarea
),
4993 .input-group-lg > .custom-select {
4994 height: calc
(1.5em + 1rem + 2px); }
4996 .input-group-lg
> .form-control
,
4997 .input-group-lg
> .custom-select
,
4998 .input-group-lg
> .input-group-prepend
> .input-group-text
,
4999 .input-group-lg
> .input-group-append
> .input-group-text
,
5000 .input-group-lg
> .input-group-prepend
> .btn
,
5001 .input-group-lg > .input-group-append > .btn {
5002 padding: 0.5rem 1rem;
5003 font-size: 1.171875rem;
5005 border-radius: 0.3rem; }
5006 @media
(max-width: 1200px) {
5007 .input-group-lg
> .form-control
,
5008 .input-group-lg
> .custom-select
,
5009 .input-group-lg
> .input-group-prepend
> .input-group-text
,
5010 .input-group-lg
> .input-group-append
> .input-group-text
,
5011 .input-group-lg
> .input-group-prepend
> .btn
,
5012 .input-group-lg > .input-group-append > .btn {
5013 font-size: calc
(0.9271875rem + 0.32625vw) ; } }
5015 .input-group-sm
> .form-control:not
(textarea
),
5016 .input-group-sm > .custom-select {
5017 height: calc
(1.5em + 0.5rem + 2px); }
5019 .input-group-sm
> .form-control
,
5020 .input-group-sm
> .custom-select
,
5021 .input-group-sm
> .input-group-prepend
> .input-group-text
,
5022 .input-group-sm
> .input-group-append
> .input-group-text
,
5023 .input-group-sm
> .input-group-prepend
> .btn
,
5024 .input-group-sm > .input-group-append > .btn {
5025 padding: 0.25rem 0.5rem;
5026 font-size: 0.8203125rem;
5028 border-radius: 0.2rem; }
5030 .input-group-lg
> .custom-select
,
5031 .input-group-sm > .custom-select {
5032 padding-right: 1.75rem; }
5034 .input-group
> .input-group-prepend
> .btn
,
5035 .input-group
> .input-group-prepend
> .input-group-text
,
5036 .input-group:not
(.has-validation
) > .input-group-append:not
(:last-child
) > .btn
,
5037 .input-group:not
(.has-validation
) > .input-group-append:not
(:last-child
) > .input-group-text
,
5038 .input-group
.has-validation
> .input-group-append:nth-last-child
(n
+ 3) > .btn
,
5039 .input-group
.has-validation
> .input-group-append:nth-last-child
(n
+ 3) > .input-group-text
,
5040 .input-group
> .input-group-append:last-child
> .btn:not
(:last-child
):not
(.dropdown-toggle
),
5041 .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
5042 border-top-right-radius: 0;
5043 border-bottom-right-radius: 0; }
5045 .input-group
> .input-group-append
> .btn
,
5046 .input-group
> .input-group-append
> .input-group-text
,
5047 .input-group
> .input-group-prepend:not
(:first-child
) > .btn
,
5048 .input-group
> .input-group-prepend:not
(:first-child
) > .input-group-text
,
5049 .input-group
> .input-group-prepend:first-child
> .btn:not
(:first-child
),
5050 .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
5051 border-top-left-radius: 0;
5052 border-bottom-left-radius: 0; }
5058 min-height: 1.40625rem;
5059 padding-left: 1.5rem;
5060 color-adjust: exact
; }
5062 .custom-control-inline {
5063 display: inline-flex
;
5064 margin-right: 1rem; }
5066 .custom-control-input {
5071 height: 1.203125rem;
5073 .custom-control-input:checked ~ .custom-control-label::before {
5075 border-color: #0f6cbf;
5076 background-color: #0f6cbf; }
5077 .custom-control-input:focus ~ .custom-control-label::before {
5078 box-shadow: 0 0 0 0.2rem rgba
(15, 108, 191, 0.75); }
5079 .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
5080 border-color: #5babf2; }
5081 .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
5083 background-color: #8bc3f6;
5084 border-color: #8bc3f6; }
5085 .custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label {
5087 .custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before {
5088 background-color: #e9ecef; }
5090 .custom-control-label {
5093 vertical-align: top
; }
5094 .custom-control-label::before {
5101 pointer-events: none
;
5103 background-color: #fff;
5104 border: #8f959e solid
1px; }
5105 .custom-control-label::after {
5113 background: 50% / 50% 50% no-repeat
; }
5115 .custom-checkbox .custom-control-label::before {
5116 border-radius: 0.25rem; }
5118 .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
5119 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"); }
5121 .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
5122 border-color: #0f6cbf;
5123 background-color: #0f6cbf; }
5125 .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
5126 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"); }
5128 .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
5129 background-color: rgba
(15, 108, 191, 0.5); }
5131 .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
5132 background-color: rgba
(15, 108, 191, 0.5); }
5134 .custom-radio .custom-control-label::before {
5135 border-radius: 50%; }
5137 .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
5138 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"); }
5140 .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
5141 background-color: rgba
(15, 108, 191, 0.5); }
5144 padding-left: 2.25rem; }
5145 .custom-switch .custom-control-label::before {
5148 pointer-events: all
;
5149 border-radius: 0.5rem; }
5150 .custom-switch .custom-control-label::after {
5151 top: calc
(0.203125rem + 2px);
5152 left: calc
(-2.25rem + 2px);
5153 width: calc
(1rem - 4px);
5154 height: calc
(1rem - 4px);
5155 background-color: #8f959e;
5156 border-radius: 0.5rem;
5157 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
; }
5158 @media
(prefers-reduced-motion: reduce
) {
5159 .custom-switch .custom-control-label::after {
5160 transition: none
; } }
5161 .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
5162 background-color: #fff;
5163 transform: translateX
(0.75rem); }
5164 .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
5165 background-color: rgba
(15, 108, 191, 0.5); }
5168 display: inline-block
;
5170 height: calc
(1.5em + 0.75rem + 2px);
5171 padding: 0.375rem 1.75rem 0.375rem 0.75rem;
5172 font-size: 0.9375rem;
5176 vertical-align: middle
;
5177 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
;
5178 border: 1px solid
#8f959e;
5179 border-radius: 0.25rem;
5181 @media
(max-width: 1200px) {
5183 font-size: calc
(0.90375rem + 0.045vw) ; } }
5184 .custom-select:focus {
5185 border-color: #5babf2;
5187 box-shadow: 0 0 0 0.2rem rgba
(15, 108, 191, 0.75); }
5188 .custom-select:focus::-ms-value {
5190 background-color: #fff; }
5191 .custom-select[multiple], .custom-select[size]:not([size="1"]) {
5193 padding-right: 0.75rem;
5194 background-image: none
; }
5195 .custom-select:disabled {
5197 background-color: #e9ecef; }
5198 .custom-select::-ms-expand {
5200 .custom-select:-moz-focusring {
5202 text-shadow: 0 0 0 #495057; }
5205 height: calc
(1.5em + 0.5rem + 2px);
5206 padding-top: 0.25rem;
5207 padding-bottom: 0.25rem;
5208 padding-left: 0.5rem;
5209 font-size: 0.8203125rem; }
5212 height: calc
(1.5em + 1rem + 2px);
5213 padding-top: 0.5rem;
5214 padding-bottom: 0.5rem;
5216 font-size: 1.171875rem; }
5217 @media
(max-width: 1200px) {
5219 font-size: calc
(0.9271875rem + 0.32625vw) ; } }
5223 display: inline-block
;
5225 height: calc
(1.5em + 0.75rem + 2px);
5228 .custom-file-input {
5232 height: calc
(1.5em + 0.75rem + 2px);
5236 .custom-file-input:focus ~ .custom-file-label {
5237 border-color: #5babf2;
5238 box-shadow: 0 0 0 0.2rem rgba
(15, 108, 191, 0.75); }
5239 .custom-file-input
[disabled
] ~ .custom-file-label
,
5240 .custom-file-input:disabled ~ .custom-file-label {
5241 background-color: #e9ecef; }
5242 .custom-file-input:lang(en) ~ .custom-file-label::after {
5243 content: "Browse"; }
5244 .custom-file-input ~ .custom-file-label[data-browse]::after {
5245 content: attr
(data-browse
); }
5247 .custom-file-label {
5253 height: calc
(1.5em + 0.75rem + 2px);
5254 padding: 0.375rem 0.75rem;
5259 background-color: #fff;
5260 border: 1px solid
#8f959e;
5261 border-radius: 0.25rem; }
5262 .custom-file-label::after {
5269 height: calc
(1.5em + 0.75rem);
5270 padding: 0.375rem 0.75rem;
5274 background-color: #e9ecef;
5275 border-left: inherit
;
5276 border-radius: 0 0.25rem 0.25rem 0; }
5282 background-color: transparent
;
5284 .custom-range:focus {
5286 .custom-range:focus::-webkit-slider-thumb {
5287 box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba
(15, 108, 191, 0.75); }
5288 .custom-range:focus::-moz-range-thumb {
5289 box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba
(15, 108, 191, 0.75); }
5290 .custom-range:focus::-ms-thumb {
5291 box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba
(15, 108, 191, 0.75); }
5292 .custom-range::-moz-focus-outer {
5294 .custom-range::-webkit-slider-thumb {
5297 margin-top: -0.25rem;
5298 background-color: #0f6cbf;
5300 border-radius: 1rem;
5301 transition: background-color
0.15s ease-in-out
, border-color
0.15s ease-in-out
, box-shadow
0.15s ease-in-out
;
5303 @media
(prefers-reduced-motion: reduce
) {
5304 .custom-range::-webkit-slider-thumb {
5305 transition: none
; } }
5306 .custom-range::-webkit-slider-thumb:active {
5307 background-color: #8bc3f6; }
5308 .custom-range::-webkit-slider-runnable-track {
5313 background-color: #dee2e6;
5314 border-color: transparent
;
5315 border-radius: 1rem; }
5316 .custom-range::-moz-range-thumb {
5319 background-color: #0f6cbf;
5321 border-radius: 1rem;
5322 transition: background-color
0.15s ease-in-out
, border-color
0.15s ease-in-out
, box-shadow
0.15s ease-in-out
;
5324 @media
(prefers-reduced-motion: reduce
) {
5325 .custom-range::-moz-range-thumb {
5326 transition: none
; } }
5327 .custom-range::-moz-range-thumb:active {
5328 background-color: #8bc3f6; }
5329 .custom-range::-moz-range-track {
5334 background-color: #dee2e6;
5335 border-color: transparent
;
5336 border-radius: 1rem; }
5337 .custom-range::-ms-thumb {
5341 margin-right: 0.2rem;
5342 margin-left: 0.2rem;
5343 background-color: #0f6cbf;
5345 border-radius: 1rem;
5346 transition: background-color
0.15s ease-in-out
, border-color
0.15s ease-in-out
, box-shadow
0.15s ease-in-out
;
5348 @media
(prefers-reduced-motion: reduce
) {
5349 .custom-range::-ms-thumb {
5350 transition: none
; } }
5351 .custom-range::-ms-thumb:active {
5352 background-color: #8bc3f6; }
5353 .custom-range::-ms-track {
5358 background-color: transparent
;
5359 border-color: transparent
;
5360 border-width: 0.5rem; }
5361 .custom-range::-ms-fill-lower {
5362 background-color: #dee2e6;
5363 border-radius: 1rem; }
5364 .custom-range::-ms-fill-upper {
5366 background-color: #dee2e6;
5367 border-radius: 1rem; }
5368 .custom-range:disabled::-webkit-slider-thumb {
5369 background-color: #8f959e; }
5370 .custom-range:disabled::-webkit-slider-runnable-track {
5372 .custom-range:disabled::-moz-range-thumb {
5373 background-color: #8f959e; }
5374 .custom-range:disabled::-moz-range-track {
5376 .custom-range:disabled::-ms-thumb {
5377 background-color: #8f959e; }
5379 .custom-control-label::before
,
5382 transition: background-color
0.15s ease-in-out
, border-color
0.15s ease-in-out
, box-shadow
0.15s ease-in-out
; }
5383 @media
(prefers-reduced-motion: reduce
) {
5384 .custom-control-label::before
,
5387 transition: none
; } }
5398 padding: 0.5rem 1rem; }
5399 .nav-link:hover, .nav-link:focus {
5400 text-decoration: none
; }
5401 .nav-link.disabled {
5403 pointer-events: none
;
5407 border-bottom: 1px solid
#dee2e6; }
5408 .nav-tabs .nav-link {
5409 margin-bottom: -1px;
5410 border: 1px solid transparent
;
5411 border-top-left-radius: 0.25rem;
5412 border-top-right-radius: 0.25rem; }
5413 .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
5414 border-color: #e9ecef #e9ecef #dee2e6; }
5415 .nav-tabs .nav-link.disabled {
5417 background-color: transparent
;
5418 border-color: transparent
; }
5419 .nav-tabs
.nav-link
.active
,
5420 .nav-tabs .nav-item.show .nav-link {
5422 background-color: #fff;
5423 border-color: #dee2e6 #dee2e6 #fff; }
5424 .nav-tabs .dropdown-menu {
5426 border-top-left-radius: 0;
5427 border-top-right-radius: 0; }
5429 .nav-pills .nav-link {
5430 border-radius: 0.25rem; }
5432 .nav-pills
.nav-link
.active
,
5433 .nav-pills .show > .nav-link {
5435 background-color: #0f6cbf; }
5437 .nav-fill
> .nav-link
,
5438 .nav-fill .nav-item {
5440 text-align: center
; }
5442 .nav-justified
> .nav-link
,
5443 .nav-justified .nav-item {
5446 text-align: center
; }
5448 .tab-content > .tab-pane {
5451 .tab-content > .active {
5458 align-items: center
;
5459 justify-content: space-between
;
5460 padding: 0.5rem 1rem; }
5462 .navbar .container-fluid, .navbar .container-sm, .navbar .container-md, .navbar .container-lg, .navbar .container-xl {
5465 align-items: center
;
5466 justify-content: space-between
; }
5469 display: inline-block
;
5470 padding-top: 0.32421875rem;
5471 padding-bottom: 0.32421875rem;
5473 font-size: 1.171875rem;
5474 line-height: inherit
;
5475 white-space: nowrap
; }
5476 @media
(max-width: 1200px) {
5478 font-size: calc
(0.9271875rem + 0.32625vw) ; } }
5479 .navbar-brand:hover, .navbar-brand:focus {
5480 text-decoration: none
; }
5484 flex-direction: column
;
5488 .navbar-nav .nav-link {
5491 .navbar-nav .dropdown-menu {
5496 display: inline-block
;
5497 padding-top: 0.5rem;
5498 padding-bottom: 0.5rem; }
5503 align-items: center
; }
5506 padding: 0.25rem 0.75rem;
5507 font-size: 1.171875rem;
5509 background-color: transparent
;
5510 border: 1px solid transparent
;
5511 border-radius: 0.25rem; }
5512 @media
(max-width: 1200px) {
5514 font-size: calc
(0.9271875rem + 0.32625vw) ; } }
5515 .navbar-toggler:hover, .navbar-toggler:focus {
5516 text-decoration: none
; }
5518 .navbar-toggler-icon {
5519 display: inline-block
;
5522 vertical-align: middle
;
5524 background: 50% / 100% 100% no-repeat
; }
5526 .navbar-nav-scroll {
5530 @media (max-width: 575.98px) {
5531 .navbar-expand-sm
> .container
,
5532 .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl {
5534 padding-left: 0; } }
5536 @media (min-width: 576px) {
5538 flex-flow: row nowrap
;
5539 justify-content: flex-start
; }
5540 .navbar-expand-sm .navbar-nav {
5541 flex-direction: row
; }
5542 .navbar-expand-sm .navbar-nav .dropdown-menu {
5543 position: absolute
; }
5544 .navbar-expand-sm .navbar-nav .nav-link {
5545 padding-right: 0.5rem;
5546 padding-left: 0.5rem; }
5547 .navbar-expand-sm
> .container
,
5548 .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl {
5549 flex-wrap: nowrap
; }
5550 .navbar-expand-sm .navbar-nav-scroll {
5551 overflow: visible
; }
5552 .navbar-expand-sm .navbar-collapse {
5553 display: flex
!important
;
5555 .navbar-expand-sm .navbar-toggler {
5558 @media (max-width: 767.98px) {
5559 .navbar-expand-md
> .container
,
5560 .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl {
5562 padding-left: 0; } }
5564 @media (min-width: 768px) {
5566 flex-flow: row nowrap
;
5567 justify-content: flex-start
; }
5568 .navbar-expand-md .navbar-nav {
5569 flex-direction: row
; }
5570 .navbar-expand-md .navbar-nav .dropdown-menu {
5571 position: absolute
; }
5572 .navbar-expand-md .navbar-nav .nav-link {
5573 padding-right: 0.5rem;
5574 padding-left: 0.5rem; }
5575 .navbar-expand-md
> .container
,
5576 .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl {
5577 flex-wrap: nowrap
; }
5578 .navbar-expand-md .navbar-nav-scroll {
5579 overflow: visible
; }
5580 .navbar-expand-md .navbar-collapse {
5581 display: flex
!important
;
5583 .navbar-expand-md .navbar-toggler {
5586 @media (max-width: 991.98px) {
5587 .navbar-expand-lg
> .container
,
5588 .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl {
5590 padding-left: 0; } }
5592 @media (min-width: 992px) {
5594 flex-flow: row nowrap
;
5595 justify-content: flex-start
; }
5596 .navbar-expand-lg .navbar-nav {
5597 flex-direction: row
; }
5598 .navbar-expand-lg .navbar-nav .dropdown-menu {
5599 position: absolute
; }
5600 .navbar-expand-lg .navbar-nav .nav-link {
5601 padding-right: 0.5rem;
5602 padding-left: 0.5rem; }
5603 .navbar-expand-lg
> .container
,
5604 .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl {
5605 flex-wrap: nowrap
; }
5606 .navbar-expand-lg .navbar-nav-scroll {
5607 overflow: visible
; }
5608 .navbar-expand-lg .navbar-collapse {
5609 display: flex
!important
;
5611 .navbar-expand-lg .navbar-toggler {
5614 @media (max-width: 1199.98px) {
5615 .navbar-expand-xl
> .container
,
5616 .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl {
5618 padding-left: 0; } }
5620 @media (min-width: 1200px) {
5622 flex-flow: row nowrap
;
5623 justify-content: flex-start
; }
5624 .navbar-expand-xl .navbar-nav {
5625 flex-direction: row
; }
5626 .navbar-expand-xl .navbar-nav .dropdown-menu {
5627 position: absolute
; }
5628 .navbar-expand-xl .navbar-nav .nav-link {
5629 padding-right: 0.5rem;
5630 padding-left: 0.5rem; }
5631 .navbar-expand-xl
> .container
,
5632 .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl {
5633 flex-wrap: nowrap
; }
5634 .navbar-expand-xl .navbar-nav-scroll {
5635 overflow: visible
; }
5636 .navbar-expand-xl .navbar-collapse {
5637 display: flex
!important
;
5639 .navbar-expand-xl .navbar-toggler {
5643 flex-flow: row nowrap
;
5644 justify-content: flex-start
; }
5645 .navbar-expand
> .container
,
5646 .navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl {
5649 .navbar-expand .navbar-nav {
5650 flex-direction: row
; }
5651 .navbar-expand .navbar-nav .dropdown-menu {
5652 position: absolute
; }
5653 .navbar-expand .navbar-nav .nav-link {
5654 padding-right: 0.5rem;
5655 padding-left: 0.5rem; }
5656 .navbar-expand
> .container
,
5657 .navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl {
5658 flex-wrap: nowrap
; }
5659 .navbar-expand .navbar-nav-scroll {
5660 overflow: visible
; }
5661 .navbar-expand .navbar-collapse {
5662 display: flex
!important
;
5664 .navbar-expand .navbar-toggler {
5667 .navbar-light .navbar-brand {
5668 color: rgba
(0, 0, 0, 0.9); }
5669 .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
5670 color: rgba
(0, 0, 0, 0.9); }
5672 .navbar-light .navbar-nav .nav-link {
5673 color: rgba
(0, 0, 0, 0.6); }
5674 .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
5675 color: rgba
(0, 0, 0, 0.9); }
5676 .navbar-light .navbar-nav .nav-link.disabled {
5677 color: rgba
(0, 0, 0, 0.3); }
5679 .navbar-light
.navbar-nav
.show
> .nav-link
,
5680 .navbar-light
.navbar-nav
.active
> .nav-link
,
5681 .navbar-light
.navbar-nav
.nav-link
.show
,
5682 .navbar-light .navbar-nav .nav-link.active {
5683 color: rgba
(0, 0, 0, 0.9); }
5685 .navbar-light .navbar-toggler {
5686 color: rgba
(0, 0, 0, 0.6);
5687 border-color: rgba
(0, 0, 0, 0.1); }
5689 .navbar-light .navbar-toggler-icon {
5690 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"); }
5692 .navbar-light .navbar-text {
5693 color: rgba
(0, 0, 0, 0.6); }
5694 .navbar-light .navbar-text a {
5695 color: rgba
(0, 0, 0, 0.9); }
5696 .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
5697 color: rgba
(0, 0, 0, 0.9); }
5699 .navbar-dark .navbar-brand {
5701 .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
5704 .navbar-dark .navbar-nav .nav-link {
5705 color: rgba
(255, 255, 255, 0.5); }
5706 .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
5708 .navbar-dark .navbar-nav .nav-link.disabled {
5709 color: rgba
(255, 255, 255, 0.25); }
5711 .navbar-dark
.navbar-nav
.show
> .nav-link
,
5712 .navbar-dark
.navbar-nav
.active
> .nav-link
,
5713 .navbar-dark
.navbar-nav
.nav-link
.show
,
5714 .navbar-dark .navbar-nav .nav-link.active {
5717 .navbar-dark .navbar-toggler {
5718 color: rgba
(255, 255, 255, 0.5);
5719 border-color: rgba
(255, 255, 255, 0.1); }
5721 .navbar-dark .navbar-toggler-icon {
5722 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"); }
5724 .navbar-dark .navbar-text {
5725 color: rgba
(255, 255, 255, 0.5); }
5726 .navbar-dark .navbar-text a {
5728 .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
5734 flex-direction: column
;
5736 word-wrap: break-word
;
5737 background-color: #fff;
5738 background-clip: border-box
;
5739 border: 1px solid rgba
(0, 0, 0, 0.125);
5740 border-radius: 0.25rem; }
5744 .card > .list-group {
5745 border-top: inherit
;
5746 border-bottom: inherit
; }
5747 .card > .list-group:first-child {
5748 border-top-width: 0;
5749 border-top-left-radius: calc
(0.25rem - 1px);
5750 border-top-right-radius: calc
(0.25rem - 1px); }
5751 .card > .list-group:last-child {
5752 border-bottom-width: 0;
5753 border-bottom-right-radius: calc
(0.25rem - 1px);
5754 border-bottom-left-radius: calc
(0.25rem - 1px); }
5755 .card
> .card-header
+ .list-group
,
5756 .card > .list-group + .card-footer {
5765 margin-bottom: 0.75rem; }
5768 margin-top: -0.375rem;
5771 .card-text:last-child {
5775 text-decoration: none
; }
5777 .card-link + .card-link {
5778 margin-left: 1.25rem; }
5781 padding: 0.75rem 1.25rem;
5783 background-color: rgba
(0, 0, 0, 0.03);
5784 border-bottom: 1px solid rgba
(0, 0, 0, 0.125); }
5785 .card-header:first-child {
5786 border-radius: calc
(0.25rem - 1px) calc
(0.25rem - 1px) 0 0; }
5789 padding: 0.75rem 1.25rem;
5790 background-color: rgba
(0, 0, 0, 0.03);
5791 border-top: 1px solid rgba
(0, 0, 0, 0.125); }
5792 .card-footer:last-child {
5793 border-radius: 0 0 calc
(0.25rem - 1px) calc
(0.25rem - 1px); }
5796 margin-right: -0.625rem;
5797 margin-bottom: -0.75rem;
5798 margin-left: -0.625rem;
5801 .card-header-pills {
5802 margin-right: -0.625rem;
5803 margin-left: -0.625rem; }
5812 border-radius: calc
(0.25rem - 1px); }
5822 border-top-left-radius: calc
(0.25rem - 1px);
5823 border-top-right-radius: calc
(0.25rem - 1px); }
5827 border-bottom-right-radius: calc
(0.25rem - 1px);
5828 border-bottom-left-radius: calc
(0.25rem - 1px); }
5831 margin-bottom: 0.25rem; }
5833 @media (min-width: 576px) {
5836 flex-flow: row wrap
;
5837 margin-right: -0.25rem;
5838 margin-left: -0.25rem; }
5841 margin-right: 0.25rem;
5843 margin-left: 0.25rem; } }
5845 .card-group > .card {
5846 margin-bottom: 0.25rem; }
5848 @media (min-width: 576px) {
5851 flex-flow: row wrap
; }
5852 .card-group > .card {
5855 .card-group > .card + .card {
5858 .card-group > .card:not(:last-child) {
5859 border-top-right-radius: 0;
5860 border-bottom-right-radius: 0; }
5861 .card-group
> .card:not
(:last-child
) .card-img-top
,
5862 .card-group > .card:not(:last-child) .card-header {
5863 border-top-right-radius: 0; }
5864 .card-group
> .card:not
(:last-child
) .card-img-bottom
,
5865 .card-group > .card:not(:last-child) .card-footer {
5866 border-bottom-right-radius: 0; }
5867 .card-group > .card:not(:first-child) {
5868 border-top-left-radius: 0;
5869 border-bottom-left-radius: 0; }
5870 .card-group
> .card:not
(:first-child
) .card-img-top
,
5871 .card-group > .card:not(:first-child) .card-header {
5872 border-top-left-radius: 0; }
5873 .card-group
> .card:not
(:first-child
) .card-img-bottom
,
5874 .card-group > .card:not(:first-child) .card-footer {
5875 border-bottom-left-radius: 0; } }
5877 .card-columns .card {
5878 margin-bottom: 0.75rem; }
5880 @media (min-width: 576px) {
5883 column-gap: 1.25rem;
5886 .card-columns .card {
5887 display: inline-block
;
5891 overflow-anchor: none
; }
5892 .accordion > .card {
5894 .accordion > .card:not(:last-of-type) {
5896 border-bottom-right-radius: 0;
5897 border-bottom-left-radius: 0; }
5898 .accordion > .card:not(:first-of-type) {
5899 border-top-left-radius: 0;
5900 border-top-right-radius: 0; }
5901 .accordion > .card > .card-header {
5903 margin-bottom: -1px; }
5911 background-color: transparent
;
5912 border-radius: 0.25rem; }
5914 .breadcrumb-item + .breadcrumb-item {
5915 padding-left: 0.5rem; }
5916 .breadcrumb-item + .breadcrumb-item::before {
5918 padding-right: 0.5rem;
5922 .breadcrumb-item + .breadcrumb-item:hover::before {
5923 text-decoration: underline
; }
5925 .breadcrumb-item + .breadcrumb-item:hover::before {
5926 text-decoration: none
; }
5928 .breadcrumb-item.active {
5935 border-radius: 0.25rem; }
5940 padding: 0.5rem 0.75rem;
5944 background-color: #fff;
5945 border: 1px solid
#dee2e6; }
5949 text-decoration: none
;
5950 background-color: #e9ecef;
5951 border-color: #dee2e6; }
5955 box-shadow: 0 0 0 0.2rem rgba
(15, 108, 191, 0.75); }
5957 .page-item:first-child .page-link {
5959 border-top-left-radius: 0.25rem;
5960 border-bottom-left-radius: 0.25rem; }
5962 .page-item:last-child .page-link {
5963 border-top-right-radius: 0.25rem;
5964 border-bottom-right-radius: 0.25rem; }
5966 .page-item.active .page-link {
5969 background-color: #0f6cbf;
5970 border-color: #0f6cbf; }
5972 .page-item.disabled .page-link {
5974 pointer-events: none
;
5976 background-color: #fff;
5977 border-color: #dee2e6; }
5979 .pagination-lg .page-link {
5980 padding: 0.75rem 1.5rem;
5981 font-size: 1.171875rem;
5983 @media
(max-width: 1200px) {
5984 .pagination-lg .page-link {
5985 font-size: calc
(0.9271875rem + 0.32625vw) ; } }
5987 .pagination-lg .page-item:first-child .page-link {
5988 border-top-left-radius: 0.3rem;
5989 border-bottom-left-radius: 0.3rem; }
5991 .pagination-lg .page-item:last-child .page-link {
5992 border-top-right-radius: 0.3rem;
5993 border-bottom-right-radius: 0.3rem; }
5995 .pagination-sm .page-link {
5996 padding: 0.25rem 0.5rem;
5997 font-size: 0.8203125rem;
6000 .pagination-sm .page-item:first-child .page-link {
6001 border-top-left-radius: 0.2rem;
6002 border-bottom-left-radius: 0.2rem; }
6004 .pagination-sm .page-item:last-child .page-link {
6005 border-top-right-radius: 0.2rem;
6006 border-bottom-right-radius: 0.2rem; }
6009 display: inline-block
;
6010 padding: 0.25em 0.4em;
6015 white-space: nowrap
;
6016 vertical-align: baseline
;
6017 border-radius: 0.25rem;
6018 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
; }
6019 @media
(prefers-reduced-motion: reduce
) {
6021 transition: none
; } }
6022 a
.badge:hover
, a
.badge:focus
{
6023 text-decoration: none
; }
6032 padding-right: 0.6em;
6033 padding-left: 0.6em;
6034 border-radius: 10rem; }
6038 background-color: #0f6cbf; }
6039 a
.badge-primary:hover
, a
.badge-primary:focus
{
6041 background-color: #0b5190; }
6042 a
.badge-primary:focus
, a
.badge-primary
.focus
{
6044 box-shadow: 0 0 0 0.2rem rgba
(15, 108, 191, 0.5); }
6048 background-color: #ced4da; }
6049 a
.badge-secondary:hover
, a
.badge-secondary:focus
{
6051 background-color: #b1bbc4; }
6052 a
.badge-secondary:focus
, a
.badge-secondary
.focus
{
6054 box-shadow: 0 0 0 0.2rem rgba
(206, 212, 218, 0.5); }
6058 background-color: #357a32; }
6059 a
.badge-success:hover
, a
.badge-success:focus
{
6061 background-color: #255623; }
6062 a
.badge-success:focus
, a
.badge-success
.focus
{
6064 box-shadow: 0 0 0 0.2rem rgba
(53, 122, 50, 0.5); }
6068 background-color: #008196; }
6069 a
.badge-info:hover
, a
.badge-info:focus
{
6071 background-color: #005563; }
6072 a
.badge-info:focus
, a
.badge-info
.focus
{
6074 box-shadow: 0 0 0 0.2rem rgba
(0, 129, 150, 0.5); }
6078 background-color: #f0ad4e; }
6079 a
.badge-warning:hover
, a
.badge-warning:focus
{
6081 background-color: #ec971f; }
6082 a
.badge-warning:focus
, a
.badge-warning
.focus
{
6084 box-shadow: 0 0 0 0.2rem rgba
(240, 173, 78, 0.5); }
6088 background-color: #ca3120; }
6089 a
.badge-danger:hover
, a
.badge-danger:focus
{
6091 background-color: #9e2619; }
6092 a
.badge-danger:focus
, a
.badge-danger
.focus
{
6094 box-shadow: 0 0 0 0.2rem rgba
(202, 49, 32, 0.5); }
6098 background-color: #f8f9fa; }
6099 a
.badge-light:hover
, a
.badge-light:focus
{
6101 background-color: #dae0e5; }
6102 a
.badge-light:focus
, a
.badge-light
.focus
{
6104 box-shadow: 0 0 0 0.2rem rgba
(248, 249, 250, 0.5); }
6108 background-color: #343a40; }
6109 a
.badge-dark:hover
, a
.badge-dark:focus
{
6111 background-color: #1d2124; }
6112 a
.badge-dark:focus
, a
.badge-dark
.focus
{
6114 box-shadow: 0 0 0 0.2rem rgba
(52, 58, 64, 0.5); }
6118 margin-bottom: 2rem;
6119 background-color: #e9ecef;
6120 border-radius: 0.3rem; }
6121 @media
(min-width: 576px) {
6123 padding: 4rem 2rem; } }
6132 padding: 0.75rem 1.25rem;
6133 margin-bottom: 1rem;
6134 border: 0 solid transparent
;
6135 border-radius: 0.25rem; }
6143 .alert-dismissible {
6144 padding-right: 3.90625rem; }
6145 .alert-dismissible .close {
6150 padding: 0.75rem 1.25rem;
6155 background-color: #cfe2f2;
6156 border-color: #bcd6ed; }
6158 border-top-color: #a8cae8; }
6159 .alert-primary .alert-link {
6164 background-color: #f5f6f8;
6165 border-color: #f1f3f5; }
6166 .alert-secondary hr {
6167 border-top-color: #e2e6ea; }
6168 .alert-secondary .alert-link {
6171 .alert-success, .environmenttable .ok {
6173 background-color: #d7e4d6;
6174 border-color: #c6dac6; }
6175 .alert-success hr, .environmenttable .ok hr {
6176 border-top-color: #b7d0b7; }
6177 .alert-success .alert-link, .environmenttable .ok .alert-link {
6182 background-color: #cce6ea;
6183 border-color: #b8dce2; }
6185 border-top-color: #a6d3db; }
6186 .alert-info .alert-link {
6189 .alert-warning, .environmenttable .warn {
6191 background-color: #fcefdc;
6192 border-color: #fbe8cd; }
6193 .alert-warning hr, .environmenttable .warn hr {
6194 border-top-color: #f9ddb5; }
6195 .alert-warning .alert-link, .environmenttable .warn .alert-link {
6198 .alert-danger, .environmenttable .error {
6200 background-color: #f4d6d2;
6201 border-color: #f0c5c1; }
6202 .alert-danger hr, .environmenttable .error hr {
6203 border-top-color: #ebb2ac; }
6204 .alert-danger .alert-link, .environmenttable .error .alert-link {
6209 background-color: #fefefe;
6210 border-color: #fdfdfe; }
6212 border-top-color: #ececf6; }
6213 .alert-light .alert-link {
6218 background-color: #d6d8d9;
6219 border-color: #c6c8ca; }
6221 border-top-color: #b9bbbe; }
6222 .alert-dark .alert-link {
6225 @keyframes progress-bar-stripes
{
6227 background-position: 1rem 0; }
6229 background-position: 0 0; } }
6236 font-size: 0.703125rem;
6237 background-color: #e9ecef;
6238 border-radius: 0.25rem; }
6242 flex-direction: column
;
6243 justify-content: center
;
6247 white-space: nowrap
;
6248 background-color: #0f6cbf;
6249 transition: width
0.6s ease
; }
6250 @media
(prefers-reduced-motion: reduce
) {
6252 transition: none
; } }
6254 .progress-bar-striped {
6255 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
);
6256 background-size: 1rem 1rem; }
6258 .progress-bar-animated {
6259 animation: 1s linear infinite progress-bar-stripes
; }
6260 @media
(prefers-reduced-motion: reduce
) {
6261 .progress-bar-animated {
6262 animation: none
; } }
6266 align-items: flex-start
; }
6273 flex-direction: column
;
6276 border-radius: 0.25rem; }
6278 .list-group-item-action {
6281 text-align: inherit
; }
6282 .list-group-item-action:hover, .list-group-item-action:focus {
6285 text-decoration: none
;
6286 background-color: #f8f9fa; }
6287 .list-group-item-action:active {
6289 background-color: #e9ecef; }
6294 padding: 0.75rem 1.25rem;
6295 background-color: #fff;
6296 border: 1px solid rgba
(0, 0, 0, 0.125); }
6297 .list-group-item:first-child {
6298 border-top-left-radius: inherit
;
6299 border-top-right-radius: inherit
; }
6300 .list-group-item:last-child {
6301 border-bottom-right-radius: inherit
;
6302 border-bottom-left-radius: inherit
; }
6303 .list-group-item.disabled, .list-group-item:disabled {
6305 pointer-events: none
;
6306 background-color: #fff; }
6307 .list-group-item.active {
6310 background-color: #0f6cbf;
6311 border-color: #0f6cbf; }
6312 .list-group-item + .list-group-item {
6313 border-top-width: 0; }
6314 .list-group-item + .list-group-item.active {
6316 border-top-width: 1px; }
6318 .list-group-horizontal {
6319 flex-direction: row
; }
6320 .list-group-horizontal > .list-group-item:first-child {
6321 border-bottom-left-radius: 0.25rem;
6322 border-top-right-radius: 0; }
6323 .list-group-horizontal > .list-group-item:last-child {
6324 border-top-right-radius: 0.25rem;
6325 border-bottom-left-radius: 0; }
6326 .list-group-horizontal > .list-group-item.active {
6328 .list-group-horizontal > .list-group-item + .list-group-item {
6329 border-top-width: 1px;
6330 border-left-width: 0; }
6331 .list-group-horizontal > .list-group-item + .list-group-item.active {
6333 border-left-width: 1px; }
6335 @media (min-width: 576px) {
6336 .list-group-horizontal-sm {
6337 flex-direction: row
; }
6338 .list-group-horizontal-sm > .list-group-item:first-child {
6339 border-bottom-left-radius: 0.25rem;
6340 border-top-right-radius: 0; }
6341 .list-group-horizontal-sm > .list-group-item:last-child {
6342 border-top-right-radius: 0.25rem;
6343 border-bottom-left-radius: 0; }
6344 .list-group-horizontal-sm > .list-group-item.active {
6346 .list-group-horizontal-sm > .list-group-item + .list-group-item {
6347 border-top-width: 1px;
6348 border-left-width: 0; }
6349 .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
6351 border-left-width: 1px; } }
6353 @media (min-width: 768px) {
6354 .list-group-horizontal-md {
6355 flex-direction: row
; }
6356 .list-group-horizontal-md > .list-group-item:first-child {
6357 border-bottom-left-radius: 0.25rem;
6358 border-top-right-radius: 0; }
6359 .list-group-horizontal-md > .list-group-item:last-child {
6360 border-top-right-radius: 0.25rem;
6361 border-bottom-left-radius: 0; }
6362 .list-group-horizontal-md > .list-group-item.active {
6364 .list-group-horizontal-md > .list-group-item + .list-group-item {
6365 border-top-width: 1px;
6366 border-left-width: 0; }
6367 .list-group-horizontal-md > .list-group-item + .list-group-item.active {
6369 border-left-width: 1px; } }
6371 @media (min-width: 992px) {
6372 .list-group-horizontal-lg {
6373 flex-direction: row
; }
6374 .list-group-horizontal-lg > .list-group-item:first-child {
6375 border-bottom-left-radius: 0.25rem;
6376 border-top-right-radius: 0; }
6377 .list-group-horizontal-lg > .list-group-item:last-child {
6378 border-top-right-radius: 0.25rem;
6379 border-bottom-left-radius: 0; }
6380 .list-group-horizontal-lg > .list-group-item.active {
6382 .list-group-horizontal-lg > .list-group-item + .list-group-item {
6383 border-top-width: 1px;
6384 border-left-width: 0; }
6385 .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
6387 border-left-width: 1px; } }
6389 @media (min-width: 1200px) {
6390 .list-group-horizontal-xl {
6391 flex-direction: row
; }
6392 .list-group-horizontal-xl > .list-group-item:first-child {
6393 border-bottom-left-radius: 0.25rem;
6394 border-top-right-radius: 0; }
6395 .list-group-horizontal-xl > .list-group-item:last-child {
6396 border-top-right-radius: 0.25rem;
6397 border-bottom-left-radius: 0; }
6398 .list-group-horizontal-xl > .list-group-item.active {
6400 .list-group-horizontal-xl > .list-group-item + .list-group-item {
6401 border-top-width: 1px;
6402 border-left-width: 0; }
6403 .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
6405 border-left-width: 1px; } }
6409 .list-group-flush > .list-group-item {
6410 border-width: 0 0 1px; }
6411 .list-group-flush > .list-group-item:last-child {
6412 border-bottom-width: 0; }
6414 .list-group-item-primary {
6416 background-color: #bcd6ed; }
6417 .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
6419 background-color: #a8cae8; }
6420 .list-group-item-primary.list-group-item-action.active {
6422 background-color: #083863;
6423 border-color: #083863; }
6425 .list-group-item-secondary {
6427 background-color: #f1f3f5; }
6428 .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
6430 background-color: #e2e6ea; }
6431 .list-group-item-secondary.list-group-item-action.active {
6433 background-color: #6b6e71;
6434 border-color: #6b6e71; }
6436 .list-group-item-success {
6438 background-color: #c6dac6; }
6439 .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
6441 background-color: #b7d0b7; }
6442 .list-group-item-success.list-group-item-action.active {
6444 background-color: #1c3f1a;
6445 border-color: #1c3f1a; }
6447 .list-group-item-info {
6449 background-color: #b8dce2; }
6450 .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
6452 background-color: #a6d3db; }
6453 .list-group-item-info.list-group-item-action.active {
6455 background-color: #00434e;
6456 border-color: #00434e; }
6458 .list-group-item-warning {
6460 background-color: #fbe8cd; }
6461 .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
6463 background-color: #f9ddb5; }
6464 .list-group-item-warning.list-group-item-action.active {
6466 background-color: #7d5a29;
6467 border-color: #7d5a29; }
6469 .list-group-item-danger {
6471 background-color: #f0c5c1; }
6472 .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
6474 background-color: #ebb2ac; }
6475 .list-group-item-danger.list-group-item-action.active {
6477 background-color: #691911;
6478 border-color: #691911; }
6480 .list-group-item-light {
6482 background-color: #fdfdfe; }
6483 .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
6485 background-color: #ececf6; }
6486 .list-group-item-light.list-group-item-action.active {
6488 background-color: #818182;
6489 border-color: #818182; }
6491 .list-group-item-dark {
6493 background-color: #c6c8ca; }
6494 .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
6496 background-color: #b9bbbe; }
6497 .list-group-item-dark.list-group-item-action.active {
6499 background-color: #1b1e21;
6500 border-color: #1b1e21; }
6504 font-size: 1.40625rem;
6508 text-shadow: 0 1px 0 #fff;
6510 @media
(max-width: 1200px) {
6512 font-size: calc
(0.950625rem + 0.6075vw) ; } }
6515 text-decoration: none
; }
6516 .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
6521 background-color: transparent
;
6525 pointer-events: none
; }
6530 font-size: 0.875rem;
6532 background-color: rgba
(29, 33, 37, 0.95);
6533 background-clip: padding-box
;
6534 border: 1px solid rgba
(0, 0, 0, 0.1);
6535 box-shadow: 0 0.25rem 0.75rem rgba
(0, 0, 0, 0.1);
6537 border-radius: 0.25rem; }
6538 .toast:not(:last-child) {
6539 margin-bottom: 0.75rem; }
6550 align-items: center
;
6551 padding: 0.25rem 0.75rem;
6553 background-color: rgba
(255, 255, 255, 0.1);
6554 background-clip: padding-box
;
6555 border-bottom: 1px solid rgba
(0, 0, 0, 0.05);
6556 border-top-left-radius: calc
(0.25rem - 1px);
6557 border-top-right-radius: calc
(0.25rem - 1px); }
6564 .modal-open .modal {
6583 pointer-events: none
; }
6584 .modal.fade .modal-dialog {
6585 transition: transform
0.3s ease-out
;
6586 transform: translate
(0, -50px); }
6587 @media
(prefers-reduced-motion: reduce
) {
6588 .modal.fade .modal-dialog {
6589 transition: none
; } }
6590 .modal.show .modal-dialog {
6592 .modal.modal-static .modal-dialog {
6593 transform: scale
(1.02); }
6595 .modal-dialog-scrollable {
6597 max-height: calc
(100% - 1rem); }
6598 .modal-dialog-scrollable .modal-content {
6599 max-height: calc
(100vh - 1rem);
6601 .modal-dialog-scrollable
.modal-header
,
6602 .modal-dialog-scrollable .modal-footer {
6604 .modal-dialog-scrollable .modal-body {
6607 .modal-dialog-centered {
6609 align-items: center
;
6610 min-height: calc
(100% - 1rem); }
6611 .modal-dialog-centered::before {
6613 height: calc
(100vh - 1rem);
6614 height: min-content
;
6616 .modal-dialog-centered.modal-dialog-scrollable {
6617 flex-direction: column
;
6618 justify-content: center
;
6620 .modal-dialog-centered.modal-dialog-scrollable .modal-content {
6622 .modal-dialog-centered.modal-dialog-scrollable::before {
6628 flex-direction: column
;
6630 pointer-events: auto
;
6631 background-color: #fff;
6632 background-clip: padding-box
;
6633 border: 1px solid rgba
(0, 0, 0, 0.2);
6634 border-radius: 0.3rem;
6644 background-color: #000; }
6645 .modal-backdrop.fade {
6647 .modal-backdrop.show {
6652 align-items: flex-start
;
6653 justify-content: space-between
;
6655 border-bottom: 1px solid
#dee2e6;
6656 border-top-left-radius: calc
(0.3rem - 1px);
6657 border-top-right-radius: calc
(0.3rem - 1px); }
6658 .modal-header .close {
6660 margin: -1rem -1rem -1rem auto
; }
6674 align-items: center
;
6675 justify-content: flex-end
;
6677 border-top: 1px solid
#dee2e6;
6678 border-bottom-right-radius: calc
(0.3rem - 1px);
6679 border-bottom-left-radius: calc
(0.3rem - 1px); }
6683 .modal-scrollbar-measure {
6690 @media (min-width: 576px) {
6693 margin: 1.75rem auto
; }
6694 .modal-dialog-scrollable {
6695 max-height: calc
(100% - 3.5rem); }
6696 .modal-dialog-scrollable .modal-content {
6697 max-height: calc
(100vh - 3.5rem); }
6698 .modal-dialog-centered {
6699 min-height: calc
(100% - 3.5rem); }
6700 .modal-dialog-centered::before {
6701 height: calc
(100vh - 3.5rem);
6702 height: min-content
; }
6704 max-width: 300px; } }
6706 @media (min-width: 992px) {
6709 max-width: 800px; } }
6711 @media (min-width: 1200px) {
6713 max-width: 1140px; } }
6720 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";
6726 text-decoration: none
;
6728 text-transform: none
;
6729 letter-spacing: normal
;
6731 word-spacing: normal
;
6732 white-space: normal
;
6734 font-size: 0.8203125rem;
6735 word-wrap: break-word
;
6744 .tooltip .arrow::before {
6747 border-color: transparent
;
6748 border-style: solid
; }
6750 .bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] {
6751 padding: 0.4rem 0; }
6752 .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow {
6754 .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
6756 border-width: 0.4rem 0.4rem 0;
6757 border-top-color: #000; }
6759 .bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] {
6760 padding: 0 0.4rem; }
6761 .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow {
6765 .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
6767 border-width: 0.4rem 0.4rem 0.4rem 0;
6768 border-right-color: #000; }
6770 .bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] {
6771 padding: 0.4rem 0; }
6772 .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow {
6774 .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
6776 border-width: 0 0.4rem 0.4rem;
6777 border-bottom-color: #000; }
6779 .bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] {
6780 padding: 0 0.4rem; }
6781 .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow {
6785 .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
6787 border-width: 0.4rem 0 0.4rem 0.4rem;
6788 border-left-color: #000; }
6792 padding: 0.25rem 0.5rem;
6795 background-color: #000;
6796 border-radius: 0.25rem; }
6804 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";
6810 text-decoration: none
;
6812 text-transform: none
;
6813 letter-spacing: normal
;
6815 word-spacing: normal
;
6816 white-space: normal
;
6818 font-size: 0.8203125rem;
6819 word-wrap: break-word
;
6820 background-color: #fff;
6821 background-clip: padding-box
;
6822 border: 1px solid rgba
(0, 0, 0, 0.2);
6823 border-radius: 0.3rem; }
6830 .popover .arrow::before, .popover .arrow::after {
6834 border-color: transparent
;
6835 border-style: solid
; }
6837 .bs-popover-top, .bs-popover-auto[x-placement^="top"] {
6838 margin-bottom: 0.5rem; }
6839 .bs-popover-top > .arrow, .bs-popover-auto[x-placement^="top"] > .arrow {
6840 bottom: calc
(-0.5rem - 1px); }
6841 .bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^="top"] > .arrow::before {
6843 border-width: 0.5rem 0.5rem 0;
6844 border-top-color: rgba
(0, 0, 0, 0.25); }
6845 .bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^="top"] > .arrow::after {
6847 border-width: 0.5rem 0.5rem 0;
6848 border-top-color: #fff; }
6850 .bs-popover-right, .bs-popover-auto[x-placement^="right"] {
6851 margin-left: 0.5rem; }
6852 .bs-popover-right > .arrow, .bs-popover-auto[x-placement^="right"] > .arrow {
6853 left: calc
(-0.5rem - 1px);
6857 .bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^="right"] > .arrow::before {
6859 border-width: 0.5rem 0.5rem 0.5rem 0;
6860 border-right-color: rgba
(0, 0, 0, 0.25); }
6861 .bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^="right"] > .arrow::after {
6863 border-width: 0.5rem 0.5rem 0.5rem 0;
6864 border-right-color: #fff; }
6866 .bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] {
6867 margin-top: 0.5rem; }
6868 .bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^="bottom"] > .arrow {
6869 top: calc
(-0.5rem - 1px); }
6870 .bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^="bottom"] > .arrow::before {
6872 border-width: 0 0.5rem 0.5rem 0.5rem;
6873 border-bottom-color: rgba
(0, 0, 0, 0.25); }
6874 .bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^="bottom"] > .arrow::after {
6876 border-width: 0 0.5rem 0.5rem 0.5rem;
6877 border-bottom-color: #fff; }
6878 .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before {
6884 margin-left: -0.5rem;
6886 border-bottom: 1px solid
#f7f7f7; }
6888 .bs-popover-left, .bs-popover-auto[x-placement^="left"] {
6889 margin-right: 0.5rem; }
6890 .bs-popover-left > .arrow, .bs-popover-auto[x-placement^="left"] > .arrow {
6891 right: calc
(-0.5rem - 1px);
6895 .bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^="left"] > .arrow::before {
6897 border-width: 0.5rem 0 0.5rem 0.5rem;
6898 border-left-color: rgba
(0, 0, 0, 0.25); }
6899 .bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^="left"] > .arrow::after {
6901 border-width: 0.5rem 0 0.5rem 0.5rem;
6902 border-left-color: #fff; }
6905 padding: 0.5rem 0.75rem;
6907 font-size: 0.9375rem;
6908 background-color: #f7f7f7;
6909 border-bottom: 1px solid
#ebebeb;
6910 border-top-left-radius: calc
(0.3rem - 1px);
6911 border-top-right-radius: calc
(0.3rem - 1px); }
6912 @media
(max-width: 1200px) {
6914 font-size: calc
(0.90375rem + 0.045vw) ; } }
6915 .popover-header:empty {
6919 padding: 0.5rem 0.75rem;
6923 position: relative
; }
6925 .carousel.pointer-event {
6926 touch-action: pan-y
; }
6932 .carousel-inner::after {
6942 margin-right: -100%;
6943 backface-visibility: hidden
;
6944 transition: transform
0.6s ease-in-out
; }
6945 @media
(prefers-reduced-motion: reduce
) {
6947 transition: none
; } }
6949 .carousel-item
.active
,
6950 .carousel-item-next
,
6951 .carousel-item-prev {
6954 .carousel-item-next:not
(.carousel-item-left
),
6955 .active.carousel-item-right {
6956 transform: translateX
(100%); }
6958 .carousel-item-prev:not
(.carousel-item-right
),
6959 .active.carousel-item-left {
6960 transform: translateX
(-100%); }
6962 .carousel-fade .carousel-item {
6964 transition-property: opacity
;
6967 .carousel-fade
.carousel-item
.active
,
6968 .carousel-fade
.carousel-item-next
.carousel-item-left
,
6969 .carousel-fade .carousel-item-prev.carousel-item-right {
6973 .carousel-fade
.active
.carousel-item-left
,
6974 .carousel-fade .active.carousel-item-right {
6977 transition: opacity
0s 0.6s; }
6978 @media
(prefers-reduced-motion: reduce
) {
6979 .carousel-fade
.active
.carousel-item-left
,
6980 .carousel-fade .active.carousel-item-right {
6981 transition: none
; } }
6983 .carousel-control-prev
,
6984 .carousel-control-next {
6990 align-items: center
;
6991 justify-content: center
;
6996 transition: opacity
0.15s ease
; }
6997 @media
(prefers-reduced-motion: reduce
) {
6998 .carousel-control-prev
,
6999 .carousel-control-next {
7000 transition: none
; } }
7001 .carousel-control-prev:hover
, .carousel-control-prev:focus
,
7002 .carousel-control-next:hover
,
7003 .carousel-control-next:focus {
7005 text-decoration: none
;
7009 .carousel-control-prev {
7012 .carousel-control-next {
7015 .carousel-control-prev-icon
,
7016 .carousel-control-next-icon {
7017 display: inline-block
;
7020 background: 50% / 100% 100% no-repeat
; }
7022 .carousel-control-prev-icon {
7023 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"); }
7025 .carousel-control-next-icon {
7026 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"); }
7028 .carousel-indicators {
7035 justify-content: center
;
7040 .carousel-indicators li {
7041 box-sizing: content-box
;
7047 text-indent: -999px;
7049 background-color: #fff;
7050 background-clip: padding-box
;
7051 border-top: 10px solid transparent
;
7052 border-bottom: 10px solid transparent
;
7054 transition: opacity
0.6s ease
; }
7055 @media
(prefers-reduced-motion: reduce
) {
7056 .carousel-indicators li {
7057 transition: none
; } }
7058 .carousel-indicators .active {
7068 padding-bottom: 20px;
7070 text-align: center
; }
7072 @keyframes spinner-border
{
7074 transform: rotate
(360deg); } }
7077 display: inline-block
;
7080 vertical-align: text-bottom
;
7081 border: 0.25em solid currentColor
;
7082 border-right-color: transparent
;
7084 animation: .75s linear infinite spinner-border
; }
7086 .spinner-border-sm {
7089 border-width: 0.2em; }
7091 @keyframes spinner-grow
{
7093 transform: scale
(0); }
7096 transform: none
; } }
7099 display: inline-block
;
7102 vertical-align: text-bottom
;
7103 background-color: currentColor
;
7106 animation: .75s linear infinite spinner-grow
; }
7112 @media (prefers-reduced-motion: reduce
) {
7115 animation-duration: 1.5s; } }
7118 vertical-align: baseline
!important
; }
7120 .align-top, [data-filterregion="value"] div:first-of-type {
7121 vertical-align: top
!important
; }
7123 .align-middle, .reportbuilder-table td {
7124 vertical-align: middle
!important
; }
7127 vertical-align: bottom
!important
; }
7129 .align-text-bottom {
7130 vertical-align: text-bottom
!important
; }
7133 vertical-align: text-top
!important
; }
7136 background-color: #0f6cbf !important
; }
7138 a
.bg-primary:hover
, a
.bg-primary:focus
,
7139 button
.bg-primary:hover
,
7140 button
.bg-primary:focus
{
7141 background-color: #0b5190 !important
; }
7144 background-color: #ced4da !important
; }
7146 a
.bg-secondary:hover
, a
.bg-secondary:focus
,
7147 button
.bg-secondary:hover
,
7148 button
.bg-secondary:focus
{
7149 background-color: #b1bbc4 !important
; }
7152 background-color: #357a32 !important
; }
7154 a
.bg-success:hover
, a
.bg-success:focus
,
7155 button
.bg-success:hover
,
7156 button
.bg-success:focus
{
7157 background-color: #255623 !important
; }
7160 background-color: #008196 !important
; }
7162 a
.bg-info:hover
, a
.bg-info:focus
,
7163 button
.bg-info:hover
,
7164 button
.bg-info:focus
{
7165 background-color: #005563 !important
; }
7168 background-color: #f0ad4e !important
; }
7170 a
.bg-warning:hover
, a
.bg-warning:focus
,
7171 button
.bg-warning:hover
,
7172 button
.bg-warning:focus
{
7173 background-color: #ec971f !important
; }
7176 background-color: #ca3120 !important
; }
7178 a
.bg-danger:hover
, a
.bg-danger:focus
,
7179 button
.bg-danger:hover
,
7180 button
.bg-danger:focus
{
7181 background-color: #9e2619 !important
; }
7184 background-color: #f8f9fa !important
; }
7186 a
.bg-light:hover
, a
.bg-light:focus
,
7187 button
.bg-light:hover
,
7188 button
.bg-light:focus
{
7189 background-color: #dae0e5 !important
; }
7192 background-color: #343a40 !important
; }
7194 a
.bg-dark:hover
, a
.bg-dark:focus
,
7195 button
.bg-dark:hover
,
7196 button
.bg-dark:focus
{
7197 background-color: #1d2124 !important
; }
7200 background-color: #fff !important
; }
7203 background-color: transparent
!important
; }
7206 border: 1px solid
#dee2e6 !important
; }
7209 border-top: 1px solid
#dee2e6 !important
; }
7212 border-right: 1px solid
#dee2e6 !important
; }
7215 border-bottom: 1px solid
#dee2e6 !important
; }
7218 border-left: 1px solid
#dee2e6 !important
; }
7221 border: 0 !important
; }
7224 border-top: 0 !important
; }
7227 border-right: 0 !important
; }
7230 border-bottom: 0 !important
; }
7233 border-left: 0 !important
; }
7236 border-color: #0f6cbf !important
; }
7239 border-color: #ced4da !important
; }
7242 border-color: #357a32 !important
; }
7245 border-color: #008196 !important
; }
7248 border-color: #f0ad4e !important
; }
7251 border-color: #ca3120 !important
; }
7254 border-color: #f8f9fa !important
; }
7257 border-color: #343a40 !important
; }
7260 border-color: #fff !important
; }
7263 border-radius: 0.2rem !important
; }
7266 border-radius: 0.25rem !important
; }
7269 border-top-left-radius: 0.25rem !important
;
7270 border-top-right-radius: 0.25rem !important
; }
7273 border-top-right-radius: 0.25rem !important
;
7274 border-bottom-right-radius: 0.25rem !important
; }
7277 border-bottom-right-radius: 0.25rem !important
;
7278 border-bottom-left-radius: 0.25rem !important
; }
7281 border-top-left-radius: 0.25rem !important
;
7282 border-bottom-left-radius: 0.25rem !important
; }
7285 border-radius: 0.3rem !important
; }
7288 border-radius: 50% !important
; }
7291 border-radius: 50rem !important
; }
7294 border-radius: 0 !important
; }
7302 display: none
!important
; }
7305 display: inline
!important
; }
7308 display: inline-block
!important
; }
7311 display: block
!important
; }
7314 display: table
!important
; }
7317 display: table-row
!important
; }
7320 display: table-cell
!important
; }
7323 display: flex
!important
; }
7326 display: inline-flex
!important
; }
7328 @media (min-width: 576px) {
7330 display: none
!important
; }
7332 display: inline
!important
; }
7333 .d-sm-inline-block {
7334 display: inline-block
!important
; }
7336 display: block
!important
; }
7338 display: table
!important
; }
7340 display: table-row
!important
; }
7342 display: table-cell
!important
; }
7344 display: flex
!important
; }
7346 display: inline-flex
!important
; } }
7348 @media (min-width: 768px) {
7350 display: none
!important
; }
7352 display: inline
!important
; }
7353 .d-md-inline-block {
7354 display: inline-block
!important
; }
7356 display: block
!important
; }
7358 display: table
!important
; }
7360 display: table-row
!important
; }
7362 display: table-cell
!important
; }
7364 display: flex
!important
; }
7366 display: inline-flex
!important
; } }
7368 @media (min-width: 992px) {
7370 display: none
!important
; }
7372 display: inline
!important
; }
7373 .d-lg-inline-block {
7374 display: inline-block
!important
; }
7376 display: block
!important
; }
7378 display: table
!important
; }
7380 display: table-row
!important
; }
7382 display: table-cell
!important
; }
7384 display: flex
!important
; }
7386 display: inline-flex
!important
; } }
7388 @media (min-width: 1200px) {
7390 display: none
!important
; }
7392 display: inline
!important
; }
7393 .d-xl-inline-block {
7394 display: inline-block
!important
; }
7396 display: block
!important
; }
7398 display: table
!important
; }
7400 display: table-row
!important
; }
7402 display: table-cell
!important
; }
7404 display: flex
!important
; }
7406 display: inline-flex
!important
; } }
7410 display: none
!important
; }
7412 display: inline
!important
; }
7413 .d-print-inline-block {
7414 display: inline-block
!important
; }
7416 display: block
!important
; }
7418 display: table
!important
; }
7419 .d-print-table-row {
7420 display: table-row
!important
; }
7421 .d-print-table-cell {
7422 display: table-cell
!important
; }
7424 display: flex
!important
; }
7425 .d-print-inline-flex {
7426 display: inline-flex
!important
; } }
7434 .embed-responsive::before {
7437 .embed-responsive
.embed-responsive-item
,
7438 .embed-responsive iframe
,
7439 .embed-responsive embed
,
7440 .embed-responsive object
,
7441 .embed-responsive video {
7450 .embed-responsive-21by9::before {
7451 padding-top: 42.8571428571%; }
7453 .embed-responsive-16by9::before {
7454 padding-top: 56.25%; }
7456 .embed-responsive-4by3::before {
7459 .embed-responsive-1by1::before {
7460 padding-top: 100%; }
7463 flex-direction: row
!important
; }
7466 flex-direction: column
!important
; }
7469 flex-direction: row-reverse
!important
; }
7471 .flex-column-reverse {
7472 flex-direction: column-reverse
!important
; }
7475 flex-wrap: wrap
!important
; }
7478 flex-wrap: nowrap
!important
; }
7480 .flex-wrap-reverse {
7481 flex-wrap: wrap-reverse
!important
; }
7483 .flex-fill, .reportbuilder-report-container {
7484 flex: 1 1 auto
!important
; }
7487 flex-grow: 0 !important
; }
7490 flex-grow: 1 !important
; }
7493 flex-shrink: 0 !important
; }
7496 flex-shrink: 1 !important
; }
7498 .justify-content-start {
7499 justify-content: flex-start
!important
; }
7501 .justify-content-end {
7502 justify-content: flex-end
!important
; }
7504 .justify-content-center {
7505 justify-content: center
!important
; }
7507 .justify-content-between {
7508 justify-content: space-between
!important
; }
7510 .justify-content-around {
7511 justify-content: space-around
!important
; }
7513 .align-items-start {
7514 align-items: flex-start
!important
; }
7517 align-items: flex-end
!important
; }
7519 .align-items-center {
7520 align-items: center
!important
; }
7522 .align-items-baseline {
7523 align-items: baseline
!important
; }
7525 .align-items-stretch {
7526 align-items: stretch
!important
; }
7528 .align-content-start {
7529 align-content: flex-start
!important
; }
7531 .align-content-end {
7532 align-content: flex-end
!important
; }
7534 .align-content-center {
7535 align-content: center
!important
; }
7537 .align-content-between {
7538 align-content: space-between
!important
; }
7540 .align-content-around {
7541 align-content: space-around
!important
; }
7543 .align-content-stretch {
7544 align-content: stretch
!important
; }
7547 align-self: auto
!important
; }
7550 align-self: flex-start
!important
; }
7553 align-self: flex-end
!important
; }
7555 .align-self-center {
7556 align-self: center
!important
; }
7558 .align-self-baseline {
7559 align-self: baseline
!important
; }
7561 .align-self-stretch {
7562 align-self: stretch
!important
; }
7564 @media (min-width: 576px) {
7566 flex-direction: row
!important
; }
7568 flex-direction: column
!important
; }
7569 .flex-sm-row-reverse {
7570 flex-direction: row-reverse
!important
; }
7571 .flex-sm-column-reverse {
7572 flex-direction: column-reverse
!important
; }
7574 flex-wrap: wrap
!important
; }
7576 flex-wrap: nowrap
!important
; }
7577 .flex-sm-wrap-reverse {
7578 flex-wrap: wrap-reverse
!important
; }
7580 flex: 1 1 auto
!important
; }
7582 flex-grow: 0 !important
; }
7584 flex-grow: 1 !important
; }
7586 flex-shrink: 0 !important
; }
7588 flex-shrink: 1 !important
; }
7589 .justify-content-sm-start {
7590 justify-content: flex-start
!important
; }
7591 .justify-content-sm-end {
7592 justify-content: flex-end
!important
; }
7593 .justify-content-sm-center {
7594 justify-content: center
!important
; }
7595 .justify-content-sm-between {
7596 justify-content: space-between
!important
; }
7597 .justify-content-sm-around {
7598 justify-content: space-around
!important
; }
7599 .align-items-sm-start {
7600 align-items: flex-start
!important
; }
7601 .align-items-sm-end {
7602 align-items: flex-end
!important
; }
7603 .align-items-sm-center {
7604 align-items: center
!important
; }
7605 .align-items-sm-baseline {
7606 align-items: baseline
!important
; }
7607 .align-items-sm-stretch {
7608 align-items: stretch
!important
; }
7609 .align-content-sm-start {
7610 align-content: flex-start
!important
; }
7611 .align-content-sm-end {
7612 align-content: flex-end
!important
; }
7613 .align-content-sm-center {
7614 align-content: center
!important
; }
7615 .align-content-sm-between {
7616 align-content: space-between
!important
; }
7617 .align-content-sm-around {
7618 align-content: space-around
!important
; }
7619 .align-content-sm-stretch {
7620 align-content: stretch
!important
; }
7621 .align-self-sm-auto {
7622 align-self: auto
!important
; }
7623 .align-self-sm-start {
7624 align-self: flex-start
!important
; }
7625 .align-self-sm-end {
7626 align-self: flex-end
!important
; }
7627 .align-self-sm-center {
7628 align-self: center
!important
; }
7629 .align-self-sm-baseline {
7630 align-self: baseline
!important
; }
7631 .align-self-sm-stretch {
7632 align-self: stretch
!important
; } }
7634 @media (min-width: 768px) {
7636 flex-direction: row
!important
; }
7638 flex-direction: column
!important
; }
7639 .flex-md-row-reverse {
7640 flex-direction: row-reverse
!important
; }
7641 .flex-md-column-reverse {
7642 flex-direction: column-reverse
!important
; }
7644 flex-wrap: wrap
!important
; }
7646 flex-wrap: nowrap
!important
; }
7647 .flex-md-wrap-reverse {
7648 flex-wrap: wrap-reverse
!important
; }
7650 flex: 1 1 auto
!important
; }
7652 flex-grow: 0 !important
; }
7654 flex-grow: 1 !important
; }
7656 flex-shrink: 0 !important
; }
7658 flex-shrink: 1 !important
; }
7659 .justify-content-md-start {
7660 justify-content: flex-start
!important
; }
7661 .justify-content-md-end {
7662 justify-content: flex-end
!important
; }
7663 .justify-content-md-center {
7664 justify-content: center
!important
; }
7665 .justify-content-md-between {
7666 justify-content: space-between
!important
; }
7667 .justify-content-md-around {
7668 justify-content: space-around
!important
; }
7669 .align-items-md-start {
7670 align-items: flex-start
!important
; }
7671 .align-items-md-end {
7672 align-items: flex-end
!important
; }
7673 .align-items-md-center {
7674 align-items: center
!important
; }
7675 .align-items-md-baseline {
7676 align-items: baseline
!important
; }
7677 .align-items-md-stretch {
7678 align-items: stretch
!important
; }
7679 .align-content-md-start {
7680 align-content: flex-start
!important
; }
7681 .align-content-md-end {
7682 align-content: flex-end
!important
; }
7683 .align-content-md-center {
7684 align-content: center
!important
; }
7685 .align-content-md-between {
7686 align-content: space-between
!important
; }
7687 .align-content-md-around {
7688 align-content: space-around
!important
; }
7689 .align-content-md-stretch {
7690 align-content: stretch
!important
; }
7691 .align-self-md-auto {
7692 align-self: auto
!important
; }
7693 .align-self-md-start {
7694 align-self: flex-start
!important
; }
7695 .align-self-md-end {
7696 align-self: flex-end
!important
; }
7697 .align-self-md-center {
7698 align-self: center
!important
; }
7699 .align-self-md-baseline {
7700 align-self: baseline
!important
; }
7701 .align-self-md-stretch {
7702 align-self: stretch
!important
; } }
7704 @media (min-width: 992px) {
7706 flex-direction: row
!important
; }
7708 flex-direction: column
!important
; }
7709 .flex-lg-row-reverse {
7710 flex-direction: row-reverse
!important
; }
7711 .flex-lg-column-reverse {
7712 flex-direction: column-reverse
!important
; }
7714 flex-wrap: wrap
!important
; }
7716 flex-wrap: nowrap
!important
; }
7717 .flex-lg-wrap-reverse {
7718 flex-wrap: wrap-reverse
!important
; }
7720 flex: 1 1 auto
!important
; }
7722 flex-grow: 0 !important
; }
7724 flex-grow: 1 !important
; }
7726 flex-shrink: 0 !important
; }
7728 flex-shrink: 1 !important
; }
7729 .justify-content-lg-start {
7730 justify-content: flex-start
!important
; }
7731 .justify-content-lg-end {
7732 justify-content: flex-end
!important
; }
7733 .justify-content-lg-center {
7734 justify-content: center
!important
; }
7735 .justify-content-lg-between {
7736 justify-content: space-between
!important
; }
7737 .justify-content-lg-around {
7738 justify-content: space-around
!important
; }
7739 .align-items-lg-start {
7740 align-items: flex-start
!important
; }
7741 .align-items-lg-end {
7742 align-items: flex-end
!important
; }
7743 .align-items-lg-center {
7744 align-items: center
!important
; }
7745 .align-items-lg-baseline {
7746 align-items: baseline
!important
; }
7747 .align-items-lg-stretch {
7748 align-items: stretch
!important
; }
7749 .align-content-lg-start {
7750 align-content: flex-start
!important
; }
7751 .align-content-lg-end {
7752 align-content: flex-end
!important
; }
7753 .align-content-lg-center {
7754 align-content: center
!important
; }
7755 .align-content-lg-between {
7756 align-content: space-between
!important
; }
7757 .align-content-lg-around {
7758 align-content: space-around
!important
; }
7759 .align-content-lg-stretch {
7760 align-content: stretch
!important
; }
7761 .align-self-lg-auto {
7762 align-self: auto
!important
; }
7763 .align-self-lg-start {
7764 align-self: flex-start
!important
; }
7765 .align-self-lg-end {
7766 align-self: flex-end
!important
; }
7767 .align-self-lg-center {
7768 align-self: center
!important
; }
7769 .align-self-lg-baseline {
7770 align-self: baseline
!important
; }
7771 .align-self-lg-stretch {
7772 align-self: stretch
!important
; } }
7774 @media (min-width: 1200px) {
7776 flex-direction: row
!important
; }
7778 flex-direction: column
!important
; }
7779 .flex-xl-row-reverse {
7780 flex-direction: row-reverse
!important
; }
7781 .flex-xl-column-reverse {
7782 flex-direction: column-reverse
!important
; }
7784 flex-wrap: wrap
!important
; }
7786 flex-wrap: nowrap
!important
; }
7787 .flex-xl-wrap-reverse {
7788 flex-wrap: wrap-reverse
!important
; }
7790 flex: 1 1 auto
!important
; }
7792 flex-grow: 0 !important
; }
7794 flex-grow: 1 !important
; }
7796 flex-shrink: 0 !important
; }
7798 flex-shrink: 1 !important
; }
7799 .justify-content-xl-start {
7800 justify-content: flex-start
!important
; }
7801 .justify-content-xl-end {
7802 justify-content: flex-end
!important
; }
7803 .justify-content-xl-center {
7804 justify-content: center
!important
; }
7805 .justify-content-xl-between {
7806 justify-content: space-between
!important
; }
7807 .justify-content-xl-around {
7808 justify-content: space-around
!important
; }
7809 .align-items-xl-start {
7810 align-items: flex-start
!important
; }
7811 .align-items-xl-end {
7812 align-items: flex-end
!important
; }
7813 .align-items-xl-center {
7814 align-items: center
!important
; }
7815 .align-items-xl-baseline {
7816 align-items: baseline
!important
; }
7817 .align-items-xl-stretch {
7818 align-items: stretch
!important
; }
7819 .align-content-xl-start {
7820 align-content: flex-start
!important
; }
7821 .align-content-xl-end {
7822 align-content: flex-end
!important
; }
7823 .align-content-xl-center {
7824 align-content: center
!important
; }
7825 .align-content-xl-between {
7826 align-content: space-between
!important
; }
7827 .align-content-xl-around {
7828 align-content: space-around
!important
; }
7829 .align-content-xl-stretch {
7830 align-content: stretch
!important
; }
7831 .align-self-xl-auto {
7832 align-self: auto
!important
; }
7833 .align-self-xl-start {
7834 align-self: flex-start
!important
; }
7835 .align-self-xl-end {
7836 align-self: flex-end
!important
; }
7837 .align-self-xl-center {
7838 align-self: center
!important
; }
7839 .align-self-xl-baseline {
7840 align-self: baseline
!important
; }
7841 .align-self-xl-stretch {
7842 align-self: stretch
!important
; } }
7845 float: left
!important
; }
7848 float: right
!important
; }
7851 float: none
!important
; }
7853 @media (min-width: 576px) {
7855 float: left
!important
; }
7857 float: right
!important
; }
7859 float: none
!important
; } }
7861 @media (min-width: 768px) {
7863 float: left
!important
; }
7865 float: right
!important
; }
7867 float: none
!important
; } }
7869 @media (min-width: 992px) {
7871 float: left
!important
; }
7873 float: right
!important
; }
7875 float: none
!important
; } }
7877 @media (min-width: 1200px) {
7879 float: left
!important
; }
7881 float: right
!important
; }
7883 float: none
!important
; } }
7886 user-select: all
!important
; }
7889 user-select: auto
!important
; }
7892 user-select: none
!important
; }
7895 overflow: auto
!important
; }
7898 overflow: hidden
!important
; }
7901 position: static
!important
; }
7903 .position-relative {
7904 position: relative
!important
; }
7906 .position-absolute {
7907 position: absolute
!important
; }
7910 position: fixed
!important
; }
7913 position: sticky
!important
; }
7929 @supports (position: sticky
) {
7942 clip: rect
(0, 0, 0, 0);
7943 white-space: nowrap
;
7946 .sr-only-focusable:active, .sr-only-focusable:focus {
7952 white-space: normal
; }
7955 box-shadow: 0 0.125rem 0.25rem rgba
(0, 0, 0, 0.075) !important
; }
7958 box-shadow: 0 0.5rem 1rem rgba
(0, 0, 0, 0.15) !important
; }
7961 box-shadow: 0 1rem 3rem rgba
(0, 0, 0, 0.175) !important
; }
7964 box-shadow: none
!important
; }
7967 width: 25% !important
; }
7970 width: 50% !important
; }
7973 width: 75% !important
; }
7976 width: 100% !important
; }
7979 width: auto
!important
; }
7982 height: 25% !important
; }
7985 height: 50% !important
; }
7988 height: 75% !important
; }
7991 height: 100% !important
; }
7994 height: auto
!important
; }
7997 max-width: 100% !important
; }
8000 max-height: 100% !important
; }
8003 min-width: 100vw !important
; }
8006 min-height: 100vh !important
; }
8009 width: 100vw !important
; }
8012 height: 100vh !important
; }
8015 margin: 0 !important
; }
8019 margin-top: 0 !important
; }
8023 margin-right: 0 !important
; }
8027 margin-bottom: 0 !important
; }
8031 margin-left: 0 !important
; }
8034 margin: 0.25rem !important
; }
8038 margin-top: 0.25rem !important
; }
8042 margin-right: 0.25rem !important
; }
8046 margin-bottom: 0.25rem !important
; }
8050 margin-left: 0.25rem !important
; }
8053 margin: 0.5rem !important
; }
8057 margin-top: 0.5rem !important
; }
8061 margin-right: 0.5rem !important
; }
8065 margin-bottom: 0.5rem !important
; }
8069 margin-left: 0.5rem !important
; }
8072 margin: 1rem !important
; }
8076 margin-top: 1rem !important
; }
8080 margin-right: 1rem !important
; }
8084 margin-bottom: 1rem !important
; }
8088 margin-left: 1rem !important
; }
8091 margin: 1.5rem !important
; }
8095 margin-top: 1.5rem !important
; }
8099 margin-right: 1.5rem !important
; }
8103 margin-bottom: 1.5rem !important
; }
8107 margin-left: 1.5rem !important
; }
8110 margin: 2rem !important
; }
8114 margin-top: 2rem !important
; }
8118 margin-right: 2rem !important
; }
8122 margin-bottom: 2rem !important
; }
8126 margin-left: 2rem !important
; }
8129 margin: 3rem !important
; }
8133 margin-top: 3rem !important
; }
8137 margin-right: 3rem !important
; }
8141 margin-bottom: 3rem !important
; }
8145 margin-left: 3rem !important
; }
8148 padding: 0 !important
; }
8152 padding-top: 0 !important
; }
8156 padding-right: 0 !important
; }
8160 padding-bottom: 0 !important
; }
8164 padding-left: 0 !important
; }
8167 padding: 0.25rem !important
; }
8171 padding-top: 0.25rem !important
; }
8175 padding-right: 0.25rem !important
; }
8179 padding-bottom: 0.25rem !important
; }
8183 padding-left: 0.25rem !important
; }
8186 padding: 0.5rem !important
; }
8190 padding-top: 0.5rem !important
; }
8194 padding-right: 0.5rem !important
; }
8198 padding-bottom: 0.5rem !important
; }
8202 padding-left: 0.5rem !important
; }
8205 padding: 1rem !important
; }
8209 padding-top: 1rem !important
; }
8213 padding-right: 1rem !important
; }
8217 padding-bottom: 1rem !important
; }
8221 padding-left: 1rem !important
; }
8224 padding: 1.5rem !important
; }
8228 padding-top: 1.5rem !important
; }
8232 padding-right: 1.5rem !important
; }
8236 padding-bottom: 1.5rem !important
; }
8240 padding-left: 1.5rem !important
; }
8243 padding: 2rem !important
; }
8247 padding-top: 2rem !important
; }
8251 padding-right: 2rem !important
; }
8255 padding-bottom: 2rem !important
; }
8259 padding-left: 2rem !important
; }
8262 padding: 3rem !important
; }
8266 padding-top: 3rem !important
; }
8270 padding-right: 3rem !important
; }
8274 padding-bottom: 3rem !important
; }
8278 padding-left: 3rem !important
; }
8281 margin: -0.25rem !important
; }
8285 margin-top: -0.25rem !important
; }
8289 margin-right: -0.25rem !important
; }
8293 margin-bottom: -0.25rem !important
; }
8297 margin-left: -0.25rem !important
; }
8300 margin: -0.5rem !important
; }
8304 margin-top: -0.5rem !important
; }
8308 margin-right: -0.5rem !important
; }
8312 margin-bottom: -0.5rem !important
; }
8316 margin-left: -0.5rem !important
; }
8319 margin: -1rem !important
; }
8323 margin-top: -1rem !important
; }
8327 margin-right: -1rem !important
; }
8331 margin-bottom: -1rem !important
; }
8335 margin-left: -1rem !important
; }
8338 margin: -1.5rem !important
; }
8342 margin-top: -1.5rem !important
; }
8346 margin-right: -1.5rem !important
; }
8350 margin-bottom: -1.5rem !important
; }
8354 margin-left: -1.5rem !important
; }
8357 margin: -2rem !important
; }
8361 margin-top: -2rem !important
; }
8365 margin-right: -2rem !important
; }
8369 margin-bottom: -2rem !important
; }
8373 margin-left: -2rem !important
; }
8376 margin: -3rem !important
; }
8380 margin-top: -3rem !important
; }
8384 margin-right: -3rem !important
; }
8388 margin-bottom: -3rem !important
; }
8392 margin-left: -3rem !important
; }
8395 margin: auto
!important
; }
8399 margin-top: auto
!important
; }
8403 margin-right: auto
!important
; }
8407 margin-bottom: auto
!important
; }
8411 margin-left: auto
!important
; }
8413 @media (min-width: 576px) {
8415 margin: 0 !important
; }
8418 margin-top: 0 !important
; }
8421 margin-right: 0 !important
; }
8424 margin-bottom: 0 !important
; }
8427 margin-left: 0 !important
; }
8429 margin: 0.25rem !important
; }
8432 margin-top: 0.25rem !important
; }
8435 margin-right: 0.25rem !important
; }
8438 margin-bottom: 0.25rem !important
; }
8441 margin-left: 0.25rem !important
; }
8443 margin: 0.5rem !important
; }
8446 margin-top: 0.5rem !important
; }
8449 margin-right: 0.5rem !important
; }
8452 margin-bottom: 0.5rem !important
; }
8455 margin-left: 0.5rem !important
; }
8457 margin: 1rem !important
; }
8460 margin-top: 1rem !important
; }
8463 margin-right: 1rem !important
; }
8466 margin-bottom: 1rem !important
; }
8469 margin-left: 1rem !important
; }
8471 margin: 1.5rem !important
; }
8474 margin-top: 1.5rem !important
; }
8477 margin-right: 1.5rem !important
; }
8480 margin-bottom: 1.5rem !important
; }
8483 margin-left: 1.5rem !important
; }
8485 margin: 2rem !important
; }
8488 margin-top: 2rem !important
; }
8491 margin-right: 2rem !important
; }
8494 margin-bottom: 2rem !important
; }
8497 margin-left: 2rem !important
; }
8499 margin: 3rem !important
; }
8502 margin-top: 3rem !important
; }
8505 margin-right: 3rem !important
; }
8508 margin-bottom: 3rem !important
; }
8511 margin-left: 3rem !important
; }
8513 padding: 0 !important
; }
8516 padding-top: 0 !important
; }
8519 padding-right: 0 !important
; }
8522 padding-bottom: 0 !important
; }
8525 padding-left: 0 !important
; }
8527 padding: 0.25rem !important
; }
8530 padding-top: 0.25rem !important
; }
8533 padding-right: 0.25rem !important
; }
8536 padding-bottom: 0.25rem !important
; }
8539 padding-left: 0.25rem !important
; }
8541 padding: 0.5rem !important
; }
8544 padding-top: 0.5rem !important
; }
8547 padding-right: 0.5rem !important
; }
8550 padding-bottom: 0.5rem !important
; }
8553 padding-left: 0.5rem !important
; }
8555 padding: 1rem !important
; }
8558 padding-top: 1rem !important
; }
8561 padding-right: 1rem !important
; }
8564 padding-bottom: 1rem !important
; }
8567 padding-left: 1rem !important
; }
8569 padding: 1.5rem !important
; }
8572 padding-top: 1.5rem !important
; }
8575 padding-right: 1.5rem !important
; }
8578 padding-bottom: 1.5rem !important
; }
8581 padding-left: 1.5rem !important
; }
8583 padding: 2rem !important
; }
8586 padding-top: 2rem !important
; }
8589 padding-right: 2rem !important
; }
8592 padding-bottom: 2rem !important
; }
8595 padding-left: 2rem !important
; }
8597 padding: 3rem !important
; }
8600 padding-top: 3rem !important
; }
8603 padding-right: 3rem !important
; }
8606 padding-bottom: 3rem !important
; }
8609 padding-left: 3rem !important
; }
8611 margin: -0.25rem !important
; }
8614 margin-top: -0.25rem !important
; }
8617 margin-right: -0.25rem !important
; }
8620 margin-bottom: -0.25rem !important
; }
8623 margin-left: -0.25rem !important
; }
8625 margin: -0.5rem !important
; }
8628 margin-top: -0.5rem !important
; }
8631 margin-right: -0.5rem !important
; }
8634 margin-bottom: -0.5rem !important
; }
8637 margin-left: -0.5rem !important
; }
8639 margin: -1rem !important
; }
8642 margin-top: -1rem !important
; }
8645 margin-right: -1rem !important
; }
8648 margin-bottom: -1rem !important
; }
8651 margin-left: -1rem !important
; }
8653 margin: -1.5rem !important
; }
8656 margin-top: -1.5rem !important
; }
8659 margin-right: -1.5rem !important
; }
8662 margin-bottom: -1.5rem !important
; }
8665 margin-left: -1.5rem !important
; }
8667 margin: -2rem !important
; }
8670 margin-top: -2rem !important
; }
8673 margin-right: -2rem !important
; }
8676 margin-bottom: -2rem !important
; }
8679 margin-left: -2rem !important
; }
8681 margin: -3rem !important
; }
8684 margin-top: -3rem !important
; }
8687 margin-right: -3rem !important
; }
8690 margin-bottom: -3rem !important
; }
8693 margin-left: -3rem !important
; }
8695 margin: auto
!important
; }
8698 margin-top: auto
!important
; }
8701 margin-right: auto
!important
; }
8704 margin-bottom: auto
!important
; }
8707 margin-left: auto
!important
; } }
8709 @media (min-width: 768px) {
8711 margin: 0 !important
; }
8714 margin-top: 0 !important
; }
8717 margin-right: 0 !important
; }
8720 margin-bottom: 0 !important
; }
8723 margin-left: 0 !important
; }
8725 margin: 0.25rem !important
; }
8728 margin-top: 0.25rem !important
; }
8731 margin-right: 0.25rem !important
; }
8734 margin-bottom: 0.25rem !important
; }
8737 margin-left: 0.25rem !important
; }
8739 margin: 0.5rem !important
; }
8742 margin-top: 0.5rem !important
; }
8745 margin-right: 0.5rem !important
; }
8748 margin-bottom: 0.5rem !important
; }
8751 margin-left: 0.5rem !important
; }
8753 margin: 1rem !important
; }
8756 margin-top: 1rem !important
; }
8759 margin-right: 1rem !important
; }
8762 margin-bottom: 1rem !important
; }
8765 margin-left: 1rem !important
; }
8767 margin: 1.5rem !important
; }
8770 margin-top: 1.5rem !important
; }
8773 margin-right: 1.5rem !important
; }
8776 margin-bottom: 1.5rem !important
; }
8779 margin-left: 1.5rem !important
; }
8781 margin: 2rem !important
; }
8784 margin-top: 2rem !important
; }
8787 margin-right: 2rem !important
; }
8790 margin-bottom: 2rem !important
; }
8793 margin-left: 2rem !important
; }
8795 margin: 3rem !important
; }
8798 margin-top: 3rem !important
; }
8801 margin-right: 3rem !important
; }
8804 margin-bottom: 3rem !important
; }
8807 margin-left: 3rem !important
; }
8809 padding: 0 !important
; }
8812 padding-top: 0 !important
; }
8815 padding-right: 0 !important
; }
8818 padding-bottom: 0 !important
; }
8821 padding-left: 0 !important
; }
8823 padding: 0.25rem !important
; }
8826 padding-top: 0.25rem !important
; }
8829 padding-right: 0.25rem !important
; }
8832 padding-bottom: 0.25rem !important
; }
8835 padding-left: 0.25rem !important
; }
8837 padding: 0.5rem !important
; }
8840 padding-top: 0.5rem !important
; }
8843 padding-right: 0.5rem !important
; }
8846 padding-bottom: 0.5rem !important
; }
8849 padding-left: 0.5rem !important
; }
8851 padding: 1rem !important
; }
8854 padding-top: 1rem !important
; }
8857 padding-right: 1rem !important
; }
8860 padding-bottom: 1rem !important
; }
8863 padding-left: 1rem !important
; }
8865 padding: 1.5rem !important
; }
8868 padding-top: 1.5rem !important
; }
8871 padding-right: 1.5rem !important
; }
8874 padding-bottom: 1.5rem !important
; }
8877 padding-left: 1.5rem !important
; }
8879 padding: 2rem !important
; }
8882 padding-top: 2rem !important
; }
8885 padding-right: 2rem !important
; }
8888 padding-bottom: 2rem !important
; }
8891 padding-left: 2rem !important
; }
8893 padding: 3rem !important
; }
8896 padding-top: 3rem !important
; }
8899 padding-right: 3rem !important
; }
8902 padding-bottom: 3rem !important
; }
8905 padding-left: 3rem !important
; }
8907 margin: -0.25rem !important
; }
8910 margin-top: -0.25rem !important
; }
8913 margin-right: -0.25rem !important
; }
8916 margin-bottom: -0.25rem !important
; }
8919 margin-left: -0.25rem !important
; }
8921 margin: -0.5rem !important
; }
8924 margin-top: -0.5rem !important
; }
8927 margin-right: -0.5rem !important
; }
8930 margin-bottom: -0.5rem !important
; }
8933 margin-left: -0.5rem !important
; }
8935 margin: -1rem !important
; }
8938 margin-top: -1rem !important
; }
8941 margin-right: -1rem !important
; }
8944 margin-bottom: -1rem !important
; }
8947 margin-left: -1rem !important
; }
8949 margin: -1.5rem !important
; }
8952 margin-top: -1.5rem !important
; }
8955 margin-right: -1.5rem !important
; }
8958 margin-bottom: -1.5rem !important
; }
8961 margin-left: -1.5rem !important
; }
8963 margin: -2rem !important
; }
8966 margin-top: -2rem !important
; }
8969 margin-right: -2rem !important
; }
8972 margin-bottom: -2rem !important
; }
8975 margin-left: -2rem !important
; }
8977 margin: -3rem !important
; }
8980 margin-top: -3rem !important
; }
8983 margin-right: -3rem !important
; }
8986 margin-bottom: -3rem !important
; }
8989 margin-left: -3rem !important
; }
8991 margin: auto
!important
; }
8994 margin-top: auto
!important
; }
8997 margin-right: auto
!important
; }
9000 margin-bottom: auto
!important
; }
9003 margin-left: auto
!important
; } }
9005 @media (min-width: 992px) {
9007 margin: 0 !important
; }
9010 margin-top: 0 !important
; }
9013 margin-right: 0 !important
; }
9016 margin-bottom: 0 !important
; }
9019 margin-left: 0 !important
; }
9021 margin: 0.25rem !important
; }
9024 margin-top: 0.25rem !important
; }
9027 margin-right: 0.25rem !important
; }
9030 margin-bottom: 0.25rem !important
; }
9033 margin-left: 0.25rem !important
; }
9035 margin: 0.5rem !important
; }
9038 margin-top: 0.5rem !important
; }
9041 margin-right: 0.5rem !important
; }
9044 margin-bottom: 0.5rem !important
; }
9047 margin-left: 0.5rem !important
; }
9049 margin: 1rem !important
; }
9052 margin-top: 1rem !important
; }
9055 margin-right: 1rem !important
; }
9058 margin-bottom: 1rem !important
; }
9061 margin-left: 1rem !important
; }
9063 margin: 1.5rem !important
; }
9066 margin-top: 1.5rem !important
; }
9069 margin-right: 1.5rem !important
; }
9072 margin-bottom: 1.5rem !important
; }
9075 margin-left: 1.5rem !important
; }
9077 margin: 2rem !important
; }
9080 margin-top: 2rem !important
; }
9083 margin-right: 2rem !important
; }
9086 margin-bottom: 2rem !important
; }
9089 margin-left: 2rem !important
; }
9091 margin: 3rem !important
; }
9094 margin-top: 3rem !important
; }
9097 margin-right: 3rem !important
; }
9100 margin-bottom: 3rem !important
; }
9103 margin-left: 3rem !important
; }
9105 padding: 0 !important
; }
9108 padding-top: 0 !important
; }
9111 padding-right: 0 !important
; }
9114 padding-bottom: 0 !important
; }
9117 padding-left: 0 !important
; }
9119 padding: 0.25rem !important
; }
9122 padding-top: 0.25rem !important
; }
9125 padding-right: 0.25rem !important
; }
9128 padding-bottom: 0.25rem !important
; }
9131 padding-left: 0.25rem !important
; }
9133 padding: 0.5rem !important
; }
9136 padding-top: 0.5rem !important
; }
9139 padding-right: 0.5rem !important
; }
9142 padding-bottom: 0.5rem !important
; }
9145 padding-left: 0.5rem !important
; }
9147 padding: 1rem !important
; }
9150 padding-top: 1rem !important
; }
9153 padding-right: 1rem !important
; }
9156 padding-bottom: 1rem !important
; }
9159 padding-left: 1rem !important
; }
9161 padding: 1.5rem !important
; }
9164 padding-top: 1.5rem !important
; }
9167 padding-right: 1.5rem !important
; }
9170 padding-bottom: 1.5rem !important
; }
9173 padding-left: 1.5rem !important
; }
9175 padding: 2rem !important
; }
9178 padding-top: 2rem !important
; }
9181 padding-right: 2rem !important
; }
9184 padding-bottom: 2rem !important
; }
9187 padding-left: 2rem !important
; }
9189 padding: 3rem !important
; }
9192 padding-top: 3rem !important
; }
9195 padding-right: 3rem !important
; }
9198 padding-bottom: 3rem !important
; }
9201 padding-left: 3rem !important
; }
9203 margin: -0.25rem !important
; }
9206 margin-top: -0.25rem !important
; }
9209 margin-right: -0.25rem !important
; }
9212 margin-bottom: -0.25rem !important
; }
9215 margin-left: -0.25rem !important
; }
9217 margin: -0.5rem !important
; }
9220 margin-top: -0.5rem !important
; }
9223 margin-right: -0.5rem !important
; }
9226 margin-bottom: -0.5rem !important
; }
9229 margin-left: -0.5rem !important
; }
9231 margin: -1rem !important
; }
9234 margin-top: -1rem !important
; }
9237 margin-right: -1rem !important
; }
9240 margin-bottom: -1rem !important
; }
9243 margin-left: -1rem !important
; }
9245 margin: -1.5rem !important
; }
9248 margin-top: -1.5rem !important
; }
9251 margin-right: -1.5rem !important
; }
9254 margin-bottom: -1.5rem !important
; }
9257 margin-left: -1.5rem !important
; }
9259 margin: -2rem !important
; }
9262 margin-top: -2rem !important
; }
9265 margin-right: -2rem !important
; }
9268 margin-bottom: -2rem !important
; }
9271 margin-left: -2rem !important
; }
9273 margin: -3rem !important
; }
9276 margin-top: -3rem !important
; }
9279 margin-right: -3rem !important
; }
9282 margin-bottom: -3rem !important
; }
9285 margin-left: -3rem !important
; }
9287 margin: auto
!important
; }
9290 margin-top: auto
!important
; }
9293 margin-right: auto
!important
; }
9296 margin-bottom: auto
!important
; }
9299 margin-left: auto
!important
; } }
9301 @media (min-width: 1200px) {
9303 margin: 0 !important
; }
9306 margin-top: 0 !important
; }
9309 margin-right: 0 !important
; }
9312 margin-bottom: 0 !important
; }
9315 margin-left: 0 !important
; }
9317 margin: 0.25rem !important
; }
9320 margin-top: 0.25rem !important
; }
9323 margin-right: 0.25rem !important
; }
9326 margin-bottom: 0.25rem !important
; }
9329 margin-left: 0.25rem !important
; }
9331 margin: 0.5rem !important
; }
9334 margin-top: 0.5rem !important
; }
9337 margin-right: 0.5rem !important
; }
9340 margin-bottom: 0.5rem !important
; }
9343 margin-left: 0.5rem !important
; }
9345 margin: 1rem !important
; }
9348 margin-top: 1rem !important
; }
9351 margin-right: 1rem !important
; }
9354 margin-bottom: 1rem !important
; }
9357 margin-left: 1rem !important
; }
9359 margin: 1.5rem !important
; }
9362 margin-top: 1.5rem !important
; }
9365 margin-right: 1.5rem !important
; }
9368 margin-bottom: 1.5rem !important
; }
9371 margin-left: 1.5rem !important
; }
9373 margin: 2rem !important
; }
9376 margin-top: 2rem !important
; }
9379 margin-right: 2rem !important
; }
9382 margin-bottom: 2rem !important
; }
9385 margin-left: 2rem !important
; }
9387 margin: 3rem !important
; }
9390 margin-top: 3rem !important
; }
9393 margin-right: 3rem !important
; }
9396 margin-bottom: 3rem !important
; }
9399 margin-left: 3rem !important
; }
9401 padding: 0 !important
; }
9404 padding-top: 0 !important
; }
9407 padding-right: 0 !important
; }
9410 padding-bottom: 0 !important
; }
9413 padding-left: 0 !important
; }
9415 padding: 0.25rem !important
; }
9418 padding-top: 0.25rem !important
; }
9421 padding-right: 0.25rem !important
; }
9424 padding-bottom: 0.25rem !important
; }
9427 padding-left: 0.25rem !important
; }
9429 padding: 0.5rem !important
; }
9432 padding-top: 0.5rem !important
; }
9435 padding-right: 0.5rem !important
; }
9438 padding-bottom: 0.5rem !important
; }
9441 padding-left: 0.5rem !important
; }
9443 padding: 1rem !important
; }
9446 padding-top: 1rem !important
; }
9449 padding-right: 1rem !important
; }
9452 padding-bottom: 1rem !important
; }
9455 padding-left: 1rem !important
; }
9457 padding: 1.5rem !important
; }
9460 padding-top: 1.5rem !important
; }
9463 padding-right: 1.5rem !important
; }
9466 padding-bottom: 1.5rem !important
; }
9469 padding-left: 1.5rem !important
; }
9471 padding: 2rem !important
; }
9474 padding-top: 2rem !important
; }
9477 padding-right: 2rem !important
; }
9480 padding-bottom: 2rem !important
; }
9483 padding-left: 2rem !important
; }
9485 padding: 3rem !important
; }
9488 padding-top: 3rem !important
; }
9491 padding-right: 3rem !important
; }
9494 padding-bottom: 3rem !important
; }
9497 padding-left: 3rem !important
; }
9499 margin: -0.25rem !important
; }
9502 margin-top: -0.25rem !important
; }
9505 margin-right: -0.25rem !important
; }
9508 margin-bottom: -0.25rem !important
; }
9511 margin-left: -0.25rem !important
; }
9513 margin: -0.5rem !important
; }
9516 margin-top: -0.5rem !important
; }
9519 margin-right: -0.5rem !important
; }
9522 margin-bottom: -0.5rem !important
; }
9525 margin-left: -0.5rem !important
; }
9527 margin: -1rem !important
; }
9530 margin-top: -1rem !important
; }
9533 margin-right: -1rem !important
; }
9536 margin-bottom: -1rem !important
; }
9539 margin-left: -1rem !important
; }
9541 margin: -1.5rem !important
; }
9544 margin-top: -1.5rem !important
; }
9547 margin-right: -1.5rem !important
; }
9550 margin-bottom: -1.5rem !important
; }
9553 margin-left: -1.5rem !important
; }
9555 margin: -2rem !important
; }
9558 margin-top: -2rem !important
; }
9561 margin-right: -2rem !important
; }
9564 margin-bottom: -2rem !important
; }
9567 margin-left: -2rem !important
; }
9569 margin: -3rem !important
; }
9572 margin-top: -3rem !important
; }
9575 margin-right: -3rem !important
; }
9578 margin-bottom: -3rem !important
; }
9581 margin-left: -3rem !important
; }
9583 margin: auto
!important
; }
9586 margin-top: auto
!important
; }
9589 margin-right: auto
!important
; }
9592 margin-bottom: auto
!important
; }
9595 margin-left: auto
!important
; } }
9597 .stretched-link::after {
9604 pointer-events: auto
;
9606 background-color: rgba
(0, 0, 0, 0); }
9609 font-family: SFMono-Regular
, Menlo
, Monaco
, Consolas
, "Liberation Mono", "Courier New", monospace
!important
; }
9612 text-align: justify
!important
; }
9615 white-space: normal
!important
; }
9618 white-space: nowrap
!important
; }
9622 text-overflow: ellipsis
;
9623 white-space: nowrap
; }
9626 text-align: left
!important
; }
9629 text-align: right
!important
; }
9632 text-align: center
!important
; }
9634 @media (min-width: 576px) {
9636 text-align: left
!important
; }
9638 text-align: right
!important
; }
9640 text-align: center
!important
; } }
9642 @media (min-width: 768px) {
9644 text-align: left
!important
; }
9646 text-align: right
!important
; }
9648 text-align: center
!important
; } }
9650 @media (min-width: 992px) {
9652 text-align: left
!important
; }
9654 text-align: right
!important
; }
9656 text-align: center
!important
; } }
9658 @media (min-width: 1200px) {
9660 text-align: left
!important
; }
9662 text-align: right
!important
; }
9664 text-align: center
!important
; } }
9667 text-transform: lowercase
!important
; }
9670 text-transform: uppercase
!important
; }
9673 text-transform: capitalize
!important
; }
9675 .font-weight-light {
9676 font-weight: 300 !important
; }
9678 .font-weight-lighter {
9679 font-weight: lighter
!important
; }
9681 .font-weight-normal {
9682 font-weight: 400 !important
; }
9685 font-weight: 700 !important
; }
9687 .font-weight-bolder {
9688 font-weight: bolder
!important
; }
9691 font-style: italic
!important
; }
9694 color: #fff !important
; }
9697 color: #0f6cbf !important
; }
9699 a
.text-primary:hover
, a
.text-primary:focus
{
9700 color: #094478 !important
; }
9703 color: #ced4da !important
; }
9705 a
.text-secondary:hover
, a
.text-secondary:focus
{
9706 color: #a2aeb9 !important
; }
9709 color: #357a32 !important
; }
9711 a
.text-success:hover
, a
.text-success:focus
{
9712 color: #1d441c !important
; }
9715 color: #008196 !important
; }
9717 a
.text-info:hover
, a
.text-info:focus
{
9718 color: #003f4a !important
; }
9721 color: #f0ad4e !important
; }
9723 a
.text-warning:hover
, a
.text-warning:focus
{
9724 color: #df8a13 !important
; }
9727 color: #ca3120 !important
; }
9729 a
.text-danger:hover
, a
.text-danger:focus
{
9730 color: #882116 !important
; }
9733 color: #f8f9fa !important
; }
9735 a
.text-light:hover
, a
.text-light:focus
{
9736 color: #cbd3da !important
; }
9739 color: #343a40 !important
; }
9741 a
.text-dark:hover
, a
.text-dark:focus
{
9742 color: #121416 !important
; }
9745 color: #1d2125 !important
; }
9748 color: #6a737b !important
; }
9751 color: rgba
(0, 0, 0, 0.5) !important
; }
9754 color: rgba
(255, 255, 255, 0.5) !important
; }
9760 background-color: transparent
;
9763 .text-decoration-none {
9764 text-decoration: none
!important
; }
9767 word-break: break-word
!important
;
9768 word-wrap: break-word
!important
; }
9771 color: inherit
!important
; }
9774 visibility: visible
!important
; }
9777 visibility: hidden
!important
; }
9783 text-shadow: none
!important
;
9784 box-shadow: none
!important
; }
9786 text-decoration: underline
; }
9787 abbr
[title
]::after
{
9788 content: " (" attr
(title
) ")"; }
9790 white-space: pre-wrap
!important
; }
9793 border: 1px solid
#8f959e;
9794 page-break-inside: avoid
; }
9796 display: table-header-group
; }
9799 page-break-inside: avoid
; }
9807 page-break-after: avoid
; }
9809 min-width: 992px !important
; }
9811 min-width: 992px !important
; }
9815 border: 1px solid
#000; }
9817 border-collapse: collapse
!important
; }
9820 background-color: #fff !important
; }
9822 .table-bordered td {
9823 border: 1px solid
#dee2e6 !important
; }
9828 .table-dark thead th
,
9829 .table-dark tbody + tbody {
9830 border-color: #dee2e6; }
9831 .table .thead-dark th {
9833 border-color: #dee2e6; } }
9836 * Bootstrap overrides for RTL
9838 * This file is only for overriding sass from upstream bootstrap, all general rtl fixes for
9839 * moodle scss should be placed immediately after the definition of the ltr rule.
9841 .breadcrumb-item + .breadcrumb-item::before {
9845 /* stylelint-disable-line declaration-block-no-duplicate-properties */ }
9847 .dir-rtl .custom-select {
9848 background-position: 0.75rem center
; }
9850 .dir-rtl .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
9851 transform: translateX
(-0.75rem); }
9856 * Variables written for Moodle specific components
9858 * Please do not override any Bootstrap variables here, custom Bootstrap variable should go in
9859 * preset files instead.
9864 overflow-y: visible
;
9865 background-color: #fff; }
9867 @media (min-width: 576px) {
9868 .context-header-settings-menu
,
9869 .region-main-settings-menu {
9875 margin-top: 4px; } }
9877 @media (max-width: 767.98px) {
9878 .context-header-settings-menu
,
9879 .region-main-settings-menu {
9881 justify-content: flex-end
; } }
9883 .context-header-settings-menu
.dropdown-toggle
> .icon
,
9884 #region-main-settings-menu .dropdown-toggle
> .icon
{
9889 /** Prevent user notifications overlapping with region main settings menu */
9890 #user-notifications {
9894 /** Page layout CSS starts **/
9895 .layout-option-noheader #page-header
,
9896 .layout-option-nonavbar #page-navbar
,
9897 .layout-option-nofooter #page-footer
,
9898 .layout-option-nocourseheader
.course-content-header
,
9899 .layout-option-nocoursefooter .course-content-footer {
9902 /** Page layout CSS ends **/
9907 text-align: right
; }
9911 direction: ltr
!important
;
9912 /* stylelint-disable-line declaration-no-important */ }
9918 text-align: center
; }
9925 a
.dimmed_text:visited
,
9928 .dimmed_text
a:link
,
9929 .dimmed_text
a:visited
,
9932 .usersuspended
a:link
,
9933 .usersuspended
a:visited
,
9935 .dimmed_category a {
9938 .aalink
.focus
, a
.focus
.autolink
, .aalink:focus
, a
.autolink:focus
,
9939 #page-footer a:not
([class
]).focus
,
9940 #page-footer a:not
([class
]):focus
,
9943 a:not
([class
]).focus
,
9944 a:not
([class
]):focus
,
9945 .activityinstance
> a
.focus
,
9946 .activityinstance > a:focus {
9947 outline: 0.2rem solid transparent
;
9949 background-color: #d2e8fb;
9950 box-shadow: 0 -0.2rem #d2e8fb, 0 0.2rem #343a40; }
9952 .aalink:focus:hover
, a
.autolink:focus:hover
,
9953 #page-footer a:not
([class
]):focus:hover
,
9954 .arrow_link:focus:hover
,
9955 a:not
([class
]):focus:hover
,
9956 .activityinstance > a:focus:hover {
9957 text-decoration: none
; }
9959 .aabtn
.focus
, .aabtn:focus
,
9964 .editor_atto_toolbar button
.focus
,
9965 .editor_atto_toolbar
button:focus
,
9966 .editor_atto_toolbar
.atto_toolbar_row
.focus
,
9967 .editor_atto_toolbar
.atto_toolbar_row:focus
,
9968 [role
="button"].focus
,
9969 [role
="button"]:focus
,
9970 .list-group-item-action
.focus
,
9971 .list-group-item-action:focus
,
9972 input
[type
="checkbox"].focus
,
9973 input
[type
="checkbox"]:focus
,
9974 input
[type
="radio"].focus
,
9975 input
[type
="radio"]:focus
,
9976 input
[type
="file"].focus
,
9977 input
[type
="file"]:focus
,
9978 input
[type
="image"].focus
,
9979 input
[type
="image"]:focus
,
9980 .sr-only-focusable
.focus
,
9981 .sr-only-focusable:focus
,
9982 a
.dropdown-toggle
.focus
,
9983 a
.dropdown-toggle:focus
,
9984 .modal-dialog
[tabindex
="0"].focus
,
9985 .modal-dialog
[tabindex
="0"]:focus
,
9986 .moodle-dialogue-base
.closebutton
.focus
,
9987 .moodle-dialogue-base
.closebutton:focus
,
9990 .form-autocomplete-selection
.focus
,
9991 .form-autocomplete-selection:focus
,
9992 [role
="treeitem"]:not
([aria-expanded
="true"]).focus
,
9993 [role
="treeitem"]:not
([aria-expanded
="true"]):focus
{
9995 box-shadow: 0 0 0 0.2rem rgba
(15, 108, 191, 0.75); }
9998 .btn-link:focus:hover
,
9999 .nav-link:focus:hover
,
10000 .editor_atto_toolbar
button:focus:hover
,
10001 .editor_atto_toolbar
.atto_toolbar_row:focus:hover
,
10002 [role
="button"]:focus:hover
,
10003 .list-group-item-action:focus:hover
,
10004 input
[type
="checkbox"]:focus:hover
,
10005 input
[type
="radio"]:focus:hover
,
10006 input
[type
="file"]:focus:hover
,
10007 input
[type
="image"]:focus:hover
,
10008 .sr-only-focusable:focus:hover
,
10009 a
.dropdown-toggle:focus:hover
,
10010 .modal-dialog
[tabindex
="0"]:focus:hover
,
10011 .moodle-dialogue-base
.closebutton:focus:hover
,
10012 button
.close:focus:hover
,
10013 .form-autocomplete-selection:focus:hover
,
10014 [role
="treeitem"]:not
([aria-expanded
="true"]):focus:hover
{
10015 text-decoration: none
; }
10017 .modal-dialog[tabindex="0"].focus, .modal-dialog[tabindex="0"]:focus {
10018 border-radius: 0.3rem; }
10020 [role
="treeitem"][aria-expanded
="true"] {
10022 [role
="treeitem"][aria-expanded
="true"].focus
> *:first-child
, [role
="treeitem"][aria-expanded
="true"]:focus
> *:first-child
{
10024 box-shadow: 0 0 0 0.2rem rgba
(15, 108, 191, 0.75); }
10025 [role
="treeitem"][aria-expanded
="true"]:focus:hover
{
10026 text-decoration: none
; }
10028 .form-autocomplete-suggestions li[aria-selected=true] {
10030 box-shadow: 0 0 0 0.2rem rgba
(15, 108, 191, 0.75); }
10032 .safari input
[type
="checkbox"].focus
, .safari input
[type
="checkbox"]:focus
,
10033 .safari input
[type
="radio"].focus
,
10034 .safari input[type="radio"]:focus {
10043 .section li
.movehere
,
10049 .section li.movehere a {
10053 border: 2px dashed
#343a40; }
10055 .editing .course-content .hidden.sectionname {
10056 visibility: hidden
;
10057 display: initial
; }
10064 font-size: 0.703125rem; }
10081 .fitem.advanced .text-info {
10082 font-weight: bold
; }
10085 text-align: right
; }
10087 a
.autolink
.glossary:hover
{
10090 /* Block which is hidden if javascript enabled, prevents fickering visible when JS from footer used! */
10091 .collapsibleregioncaption {
10092 white-space: nowrap
;
10093 min-height: 1.40625rem; }
10095 .pagelayout-mydashboard.jsenabled .collapsibleregioncaption {
10098 .pagelayout-mydashboard #region-main {
10101 background-color: transparent
;
10102 margin-top: -1px; }
10104 @media (max-width: 767.98px) {
10105 .pagelayout-mydashboard #region-main-box
,
10106 .pagelayout-login #region-main-box {
10108 padding-right: 0; } }
10110 .collapsibleregioncaption img {
10111 vertical-align: middle
; }
10113 .jsenabled .hiddenifjs {
10119 .jsenabled .visibleifjs {
10122 .jsenabled .collapsibleregion {
10124 box-sizing: content-box
; }
10126 .jsenabled .collapsed .collapsibleregioninner {
10127 visibility: hidden
; }
10129 .collapsible-actions {
10131 text-align: right
; }
10133 .jsenabled .collapsible-actions {
10136 .yui-overlay .yui-widget-bd {
10137 background-color: #ffee69;
10138 border: 1px solid
#a6982b;
10139 border-top-color: #d4c237;
10143 position: relative
;
10148 background: transparent
;
10160 .pagingbar .thispage {
10161 font-weight: bold
; }
10167 .action-menu .dropdown-toggle {
10168 text-decoration: none
;
10169 display: inline-block
; }
10172 white-space: nowrap
;
10175 .block img.resize {
10183 vertical-align: middle
; }
10186 font-weight: bold
; }
10191 overflow: hidden
; }
10196 #addmembersform table
{
10198 margin-right: auto
; }
10200 table
.flexible
.emptyrow
{
10204 form
.popupform div
{
10207 .arrow_button input {
10208 overflow: hidden
; }
10213 .no-overflow > .generaltable {
10214 position: relative
;
10215 margin-bottom: 0; }
10218 position: absolute
;
10224 clip: rect
(0, 0, 0, 0);
10225 white-space: nowrap
;
10235 position: absolute
;
10238 text-decoration: none
; }
10240 a
.skip-block:focus
,
10241 a
.skip-block:active
,
10250 overflow: hidden
; }
10253 text-align: center
; }
10255 .blog_entry .audience {
10257 padding-right: 4px; }
10259 .blog_entry .tags {
10260 margin-top: 15px; }
10262 .blog_entry .content {
10263 margin-left: 43px; }
10266 margin: 1em 0 0 0; }
10273 #doc-contents ul li
{
10274 list-style-type: none
; }
10276 .groupmanagementtable td {
10277 vertical-align: top
; }
10279 .groupmanagementtable #existingcell
,
10280 .groupmanagementtable #potentialcell {
10283 .groupmanagementtable #buttonscell {
10286 .groupmanagementtable #buttonscell p.arrow_button input {
10292 .groupmanagementtable #removeselect_wrapper
,
10293 .groupmanagementtable #addselect_wrapper {
10296 .groupmanagementtable #removeselect_wrapper label
,
10297 .groupmanagementtable #addselect_wrapper label {
10298 font-weight: normal
; }
10300 #group-usersummary {
10305 margin-bottom: 3px;
10306 display: inline-block
; }
10308 .groupselector label {
10309 display: inline-block
; }
10312 margin-bottom: 1em; }
10314 .notepost .userpicture {
10316 margin-right: 5px; }
10318 .notepost
.content
,
10319 .notepost .footer {
10323 margin-left: 20px; }
10325 .path-my .coursebox {
10328 .path-my .coursebox .overview {
10329 margin: 15px 30px 10px 30px; }
10331 .path-my .coursebox .info {
10355 .comment-area textarea {
10358 .comment-area textarea.fullwidth {
10359 -webkit-box-sizing: border-box
;
10360 -moz-box-sizing: border-box
;
10361 box-sizing: border-box
; }
10363 .comment-area .fd {
10364 text-align: right
; }
10366 .comment-meta span {
10369 .comment-link img {
10370 vertical-align: text-bottom
; }
10382 margin-bottom: 5px;
10385 position: relative
; }
10387 .comment-list li.first {
10391 text-align: center
; }
10393 .comment-paging .pageno {
10396 .comment-paging .curpage {
10397 border: 1px solid
#ccc; }
10399 .comment-message .picture {
10401 margin-right: 0.25rem; }
10403 .comment-message .text {
10407 .comment-message .text p {
10409 margin: 0 18px 0 0; }
10412 position: absolute
;
10417 .comment-report-selectall {
10423 .jsenabled .comment-link {
10426 .jsenabled .showcommentsnonjs {
10429 .jsenabled .comment-report-selectall {
10433 * Completion progress report
10435 .completion-expired {
10438 .completion-expected {
10439 font-size: 0.703125rem; }
10441 .completion-sortchoice
,
10442 .completion-identifyfield {
10443 font-size: 0.703125rem;
10444 vertical-align: bottom
; }
10446 .completion-progresscell {
10447 text-align: right
; }
10449 .completion-expired .completion-expected {
10450 font-weight: bold
; }
10460 text-align: center
;
10461 margin: 10px auto
; }
10463 .path-tag .tag-index-items .tagarea {
10464 border: 1px solid
#e3e3e3;
10465 border-radius: 4px;
10467 margin-top: 10px; }
10469 .path-tag .tag-index-items .tagarea h3 {
10471 padding: 3px 0 10px 0;
10477 text-shadow: 0 1px 0 rgba
(255, 255, 255, 0.5);
10478 text-transform: uppercase
;
10479 word-wrap: break-word
;
10480 border-bottom: solid
1px #e3e3e3;
10481 margin-bottom: 10px; }
10483 .path-tag
.tagarea
.controls::after
,
10484 .path-tag .tagarea .taggeditems::after {
10489 .path-tag
.tagarea
.controls
,
10490 .path-tag .tag-backtoallitems {
10491 text-align: center
; }
10493 .path-tag .tagarea .controls .gotopage.nextpage {
10496 .path-tag .tagarea .controls .gotopage.prevpage {
10499 .path-tag .tagarea .controls .exclusivemode {
10500 display: inline-block
; }
10502 .path-tag .tagarea .controls.controls-bottom {
10505 .path-tag .tagarea .controls .gotopage.nextpage::after {
10506 padding-right: 5px;
10510 .path-tag .tagarea .controls .gotopage.prevpage::before {
10511 padding-right: 5px;
10517 span
.flagged-tag a
,
10521 .tag-management-table td
,
10522 .tag-management-table th {
10523 vertical-align: middle
;
10526 .tag-management-table .inplaceeditable.inplaceeditingon input {
10529 .path-admin-tag .addstandardtags {
10531 .path-admin-tag .addstandardtags img {
10534 .path-tag .tag-relatedtags {
10535 padding-top: 10px; }
10537 .path-tag .tag-management-box {
10538 text-align: right
; }
10540 .path-tag .tag-index-toc {
10542 text-align: center
; }
10544 .path-tag
.tag-index-toc li
,
10545 .path-tag .tag-management-box li {
10547 margin-right: 5px; }
10549 .path-tag .tag-management-box li a.edittag {
10550 background-image: url
([[pix:moodle|i
/settings
]]); }
10552 .path-tag .tag-management-box li a.flagasinappropriate {
10553 background-image: url
([[pix:moodle|i
/flagged
]]); }
10555 .path-tag .tag-management-box li a.removefrommyinterests {
10556 background-image: url
([[pix:moodle|t
/delete
]]); }
10558 .path-tag .tag-management-box li a.addtomyinterests {
10559 background-image: url
([[pix:moodle|t
/add
]]); }
10561 .path-tag .tag-management-box li a {
10562 background-repeat: no-repeat
;
10563 background-position: left
;
10564 padding-left: 17px; }
10566 .tag_feed.media-list .media .itemimage {
10569 .tag_feed.media-list .media .itemimage img {
10573 .tag_feed.media-list .media .media-body {
10574 padding-right: 10px;
10575 padding-left: 10px; }
10577 .tag_feed .media .muted a {
10581 text-align: center
; }
10583 .tag_cloud .inline-list li {
10584 padding: 0 0.2em; }
10586 .tag_cloud .tag_overflow {
10588 font-style: italic
; }
10591 font-size: 2.7em; }
10594 font-size: 2.6em; }
10597 font-size: 2.5em; }
10600 font-size: 2.4em; }
10603 font-size: 2.3em; }
10606 font-size: 2.2em; }
10609 font-size: 2.1em; }
10615 font-size: 1.9em; }
10618 font-size: 1.8em; }
10621 font-size: 1.7em; }
10624 font-size: 1.6em; }
10627 font-size: 1.5em; }
10630 font-size: 1.4em; }
10633 font-size: 1.3em; }
10636 font-size: 1.2em; }
10639 font-size: 1.1em; }
10645 font-size: 0.9em; }
10648 font-size: 0.8em; }
10651 font-size: 0.7em; }
10656 .tag_list.hideoverlimit .overlimit {
10659 .tag_list .tagmorelink {
10662 .tag_list.hideoverlimit .tagmorelink {
10665 .tag_list.hideoverlimit .taglesslink {
10671 #webservice-doc-generator td
{
10673 border: 0 solid black
; }
10680 border-collapse: collapse
; }
10682 .userenrolment tr {
10683 vertical-align: top
; }
10685 .userenrolment td {
10689 .userenrolment .subfield {
10690 margin-right: 5px; }
10692 .userenrolment .col_userdetails .subfield {
10693 margin-left: 40px; }
10695 .userenrolment .col_userdetails .subfield_picture {
10699 .userenrolment .col_lastseen {
10702 .userenrolment .col_role {
10705 .userenrolment
.col_role
.roles
,
10706 .userenrolment .col_group .groups {
10707 margin-right: 30px; }
10709 .userenrolment .col_role .role {
10711 padding: 0 3px 3px;
10713 white-space: nowrap
; }
10715 .userenrolment .col_group .group {
10719 white-space: nowrap
; }
10721 .userenrolment
.col_role
.role a
,
10722 .userenrolment .col_group .group a {
10726 .userenrolment
.col_role
.addrole
,
10727 .userenrolment .col_group .addgroup {
10731 .userenrolment
.col_role
.addrole
> a:hover
,
10732 .userenrolment .col_group .addgroup > a:hover {
10733 border-bottom: 1px solid
#666; }
10735 .userenrolment
.col_role
.addrole img
,
10736 .userenrolment .col_group .addgroup img {
10737 vertical-align: baseline
; }
10739 .userenrolment .hasAllRoles .col_role .addrole {
10742 .userenrolment .col_enrol .enrolment {
10744 padding: 0 3px 3px;
10745 margin: 0 3px 3px; }
10747 .userenrolment .col_enrol .enrolment a {
10749 margin-left: 3px; }
10751 #page-enrol-otherusers .userenrolment
.col_role
.role
{
10753 margin: 3px 3px 3px 0;
10754 padding: 3px 3px 3px 0; }
10757 background-color: #ccc;
10758 position: absolute
;
10763 text-align: center
; }
10765 .corelightbox img {
10770 .mod-indent-outer {
10774 display: table-cell
; }
10776 .label .mod-indent {
10778 padding-top: 20px; }
10780 @media (min-width: 576px) {
10781 /* Creates a series of .mod-indent-# rule declarations based on indent size and number of indent levels. */
10817 /* Audio player size in 'block' mode (can only change width, height is hardcoded in JS) */
10818 .resourcecontent .mediaplugin_mp3 object {
10822 .resourcecontent audio.mediaplugin_html5audio {
10825 /** Large resource images should avoid hidden overflow **/
10829 /* Audio player size in 'inline' mode (can only change width, as above) */
10830 .mediaplugin_mp3 object {
10834 audio
.mediaplugin_html5audio
{
10837 /* TinyMCE moodle media preview frame should not have padding */
10838 .core_media_preview.pagelayout-embedded #content {
10841 .core_media_preview.pagelayout-embedded #maincontent {
10844 body#page-lib-editor-tinymce-plugins-moodlemedia-preview
{
10848 background: none
; }
10850 .path-rating .ratingtable {
10852 margin-bottom: 1em; }
10854 .path-rating .ratingtable th.rating {
10857 .path-rating
.ratingtable td
.rating
,
10858 .path-rating .ratingtable td.time {
10859 white-space: nowrap
;
10860 text-align: center
; }
10862 /* Moodle Dialogue Settings (moodle-core-dialogue) */
10863 .moodle-dialogue-base .moodle-dialogue-lightbox {
10864 background-color: #495057; }
10866 .pagelayout-popup .moodle-dialogue-base .moodle-dialogue-lightbox {
10867 background-color: transparent
; }
10869 .pagelayout-popup .moodle-dialogue-base .moodle-dialogue {
10870 box-shadow: 0 0.25rem 0.5rem rgba
(0, 0, 0, 0.2); }
10872 .moodle-dialogue-base
.hidden
,
10873 .moodle-dialogue-base .moodle-dialogue-hidden {
10877 overflow: hidden
; }
10879 .moodle-dialogue-base .moodle-dialogue-fullscreen {
10886 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
10889 .moodle-dialogue-base .moodle-dialogue-wrap {
10890 background-color: #fff;
10891 border: 1px solid
#ccc; }
10896 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd {
10898 padding: 1rem 1rem;
10899 border-bottom: 1px solid
#dee2e6; }
10901 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd.yui3-widget-hd {
10904 background: initial
;
10906 line-height: 1.5; }
10908 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd h5 {
10912 line-height: 1.5; }
10914 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .yui3-widget-buttons {
10920 position: relative
;
10921 margin-left: auto
; }
10923 .moodle-dialogue-base .closebutton {
10924 padding: 1rem 1rem;
10925 margin: -1rem -1rem -1rem auto
;
10926 position: relative
;
10927 background-color: transparent
;
10929 background-image: none
;
10932 .moodle-dialogue-base .closebutton:hover, .moodle-dialogue-base .closebutton:active {
10934 .moodle-dialogue-base .closebutton::after {
10937 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd {
10939 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd body {
10940 background-color: #fff; }
10942 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
10944 position: absolute
;
10952 .moodle-dialogue-exception .moodle-exception-param label {
10953 font-weight: bold
; }
10955 .moodle-dialogue-exception .param-stacktrace label {
10956 background-color: #eee;
10957 border: 1px solid
#ccc;
10958 border-bottom-width: 0; }
10960 .moodle-dialogue-exception .param-stacktrace pre {
10961 border: 1px solid
#ccc;
10962 background-color: #fff; }
10964 .moodle-dialogue-exception .param-stacktrace .stacktrace-file {
10966 font-size: 0.8203125rem; }
10968 .moodle-dialogue-exception .param-stacktrace .stacktrace-line {
10970 font-size: 0.8203125rem; }
10972 .moodle-dialogue-exception .param-stacktrace .stacktrace-call {
10975 border-bottom: 1px solid
#eee; }
10977 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft:empty {
10980 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft.yui3-widget-ft {
10981 background: initial
; }
10983 .moodle-dialogue-confirm .confirmation-message {
10984 margin: 0.5rem 0; }
10986 .moodle-dialogue-confirm .confirmation-dialogue input {
10989 .moodle-dialogue-exception .moodle-exception-message {
10992 .moodle-dialogue-exception .moodle-exception-param {
10993 margin-bottom: 0.5em; }
10995 .moodle-dialogue-exception .moodle-exception-param label {
10998 .moodle-dialogue-exception .param-stacktrace label {
11001 padding: 4px 1em; }
11003 .moodle-dialogue-exception .param-stacktrace pre {
11008 .moodle-dialogue-exception .param-stacktrace .stacktrace-file {
11009 display: inline-block
;
11012 .moodle-dialogue-exception .param-stacktrace .stacktrace-line {
11013 display: inline-block
;
11017 .moodle-dialogue-exception .param-stacktrace .stacktrace-call {
11018 padding-left: 25px;
11019 margin-bottom: 4px;
11020 padding-bottom: 4px; }
11022 .moodle-dialogue .moodle-dialogue-bd .content-lightbox {
11028 background-color: white
;
11029 text-align: center
;
11032 /* Apply a default max-height on tooltip text */
11033 .moodle-dialogue .tooltiptext {
11034 max-height: 300px; }
11036 .moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip {
11038 .moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip .moodle-dialogue-bd {
11042 * Chooser Dialogues (moodle-core-chooserdialogue)
11044 * This CSS belong to the chooser dialogue which should work both with, and
11045 * without javascript enabled
11047 /* Hide the dialog and it's title */
11048 .chooserdialoguebody
,
11052 .moodle-dialogue.chooserdialogue .moodle-dialogue-content .moodle-dialogue-ft {
11055 .chooserdialogue .moodle-dialogue-wrap .moodle-dialogue-bd {
11057 background: #f2f2f2;
11058 border-bottom-right-radius: 10px;
11059 border-bottom-left-radius: 10px; }
11061 /* Center the submit buttons within the area */
11062 .choosercontainer #chooseform .submitbuttons {
11064 text-align: right
; }
11066 /* Fixed for safari browser on iPhone4S with ios7@mixin */
11067 @media (max-height: 639px) {
11068 .ios .choosercontainer #chooseform .submitbuttons {
11069 padding: 45px 0; } }
11071 .choosercontainer #chooseform .submitbuttons input {
11075 /* Various settings for the options area */
11076 .choosercontainer #chooseform .options {
11077 position: relative
;
11078 border-bottom: 1px solid
#bbb; }
11080 /* Only set these options if we're showing the js container */
11081 .jschooser .choosercontainer #chooseform .alloptions {
11082 overflow-x: hidden
;
11084 max-width: 240px; }
11085 .jschooser .choosercontainer #chooseform .alloptions .option input[type=radio] {
11086 display: inline-block
; }
11087 .jschooser .choosercontainer #chooseform .alloptions .option .typename {
11088 display: inline-block
;
11091 /* Settings for option rows and option subtypes */
11092 .choosercontainer #chooseform
.moduletypetitle
,
11093 .choosercontainer #chooseform
.option
,
11094 .choosercontainer #chooseform .nonoption {
11096 padding: 0 1.6em 0 1.6em; }
11098 .choosercontainer #chooseform .moduletypetitle {
11099 text-transform: uppercase
;
11100 padding-top: 1.2em;
11101 padding-bottom: 0.4em;
11102 margin-bottom: 0.5rem;
11105 .choosercontainer #chooseform
.option
.typename
,
11106 .choosercontainer #chooseform .nonoption .typename {
11107 padding: 0 0 0 0.5em; }
11109 .choosercontainer #chooseform .modicon + .typename {
11112 .choosercontainer #chooseform
.option input
[type
=radio
],
11113 .choosercontainer #chooseform .option span.typename {
11114 vertical-align: middle
; }
11116 .choosercontainer #chooseform .option label {
11120 border-bottom: 1px solid
#fff; }
11122 .choosercontainer #chooseform .option .icon {
11126 .choosercontainer #chooseform .nonoption {
11127 padding-left: 2.7em;
11128 padding-top: 0.3em;
11129 padding-bottom: 0.1em; }
11131 .choosercontainer #chooseform .subtype {
11133 padding: 0 1.6em 0 3.2em; }
11135 .choosercontainer #chooseform .subtype .typename {
11136 margin: 0 0 0 0.2em; }
11138 /* The instruction/help area */
11139 .jschooser
.choosercontainer #chooseform
.instruction
,
11140 .jschooser .choosercontainer #chooseform .typesummary {
11142 position: absolute
;
11149 background-color: #fff;
11150 overflow-x: hidden
;
11152 line-height: 2em; }
11154 /* Selected option settings */
11155 .jschooser
.choosercontainer #chooseform
.instruction
,
11156 .choosercontainer #chooseform .selected .typesummary {
11159 .choosercontainer #chooseform .selected {
11160 background-color: #fff;
11162 padding-top: 1px; }
11164 @media (max-width: 575.98px) {
11165 .jsenabled .choosercontainer #chooseform .alloptions {
11167 .jsenabled
.choosercontainer #chooseform
.instruction
,
11168 .jsenabled .choosercontainer #chooseform .typesummary {
11169 position: static
; } }
11172 * Module chooser dialogue (moodle-core-chooserdialogue)
11174 * This CSS belong to the chooser dialogue which should work both with, and
11175 * without javascript enabled
11177 .modchooser .modal-body {
11182 flex-direction: column
; }
11183 .modchooser .modal-body .searchresultitemscontainer-wrapper {
11184 min-height: 495px; }
11185 .modchooser .modal-body .carousel-item.active {
11187 .modchooser .modal-body .chooser-container {
11189 flex-direction: column
;
11191 .modchooser .modal-body .loading-icon {
11193 .modchooser .modal-body .loading-icon .icon {
11198 .modchooser .modal-body .carousel-item .loading-icon .icon {
11199 margin: 1em auto
; }
11200 .modchooser .modal-body .searchbar {
11203 .modchooser .modal-footer {
11205 background: #fff; }
11206 .modchooser .modal-footer .moodlenet-logo .icon {
11209 margin-bottom: .6rem; }
11211 .modchoosercontainer.noscroll {
11212 overflow-y: hidden
; }
11214 .modchoosercontainer
.optionscontainer
,
11215 .modchoosercontainer .searchresultitemscontainer {
11216 overflow-x: hidden
; }
11217 .modchoosercontainer
.optionscontainer
.option
,
11218 .modchoosercontainer .searchresultitemscontainer .option {
11219 flex-basis: calc
(50% - 0.5rem); }
11220 .modchoosercontainer
.optionscontainer
.option
.optionactions
.optionaction
,
11221 .modchoosercontainer .searchresultitemscontainer .option .optionactions .optionaction {
11224 .modchoosercontainer
.optionscontainer
.option
.optionactions
.optionaction i
,
11225 .modchoosercontainer .searchresultitemscontainer .option .optionactions .optionaction i {
11227 .modchoosercontainer
.optionscontainer
.option
.optioninfo a
,
11228 .modchoosercontainer .searchresultitemscontainer .option .optioninfo a {
11230 .modchoosercontainer
.optionscontainer
.option
.optioninfo
a:hover
,
11231 .modchoosercontainer .searchresultitemscontainer .option .optioninfo a:hover {
11232 text-decoration: none
; }
11234 .modchooser .modal-body .optionsummary {
11235 background-color: #fff;
11236 overflow-x: hidden
;
11239 .modchooser .modal-body .optionsummary .content {
11240 overflow-y: auto
; }
11241 .modchooser .modal-body .optionsummary .content .heading .icon {
11246 .modchooser .modal-body .optionsummary .actions {
11247 border-top: 1px solid
#dee2e6;
11248 background: #fff; }
11250 @media (max-width: 575.98px) {
11251 .path-course-view
.modal-dialog
.modal-lg
,
11252 .path-course-view
.modal-content
,
11253 .modchooser
.modal-body
,
11254 .modchooser
.modal-body
.carousel
,
11255 .modchooser
.modal-body
.carousel-inner
,
11256 .modchooser
.modal-body
.carousel-item
,
11257 .modchooser
.modal-body
.optionsummary
,
11258 .modchoosercontainer
,
11260 .searchresultitemscontainer {
11263 overflow-y: auto
; }
11264 .path-course-view .modal-dialog.modal-lg {
11266 .modchooser .modal-body .searchresultitemscontainer-wrapper {
11267 min-height: auto
; } }
11269 @media (min-width: 576px) {
11270 .modchoosercontainer
.optionscontainer
.option
,
11271 .modchoosercontainer .searchresultitemscontainer .option {
11272 flex-basis: calc
(33.33% - 0.5rem); } }
11274 @media (min-width: 992px) {
11275 .modchoosercontainer
.optionscontainer
.option
,
11276 .modchoosercontainer .searchresultitemscontainer .option {
11277 flex-basis: calc
(16.66% - 0.5rem); } }
11279 /* Form element: listing */
11280 .formlistingradio {
11281 padding-bottom: 25px;
11282 padding-right: 10px; }
11284 .formlistinginputradio {
11288 min-height: 225px; }
11291 position: relative
;
11293 padding: 1px 19px 14px;
11294 background-color: white
;
11295 border: 1px solid
#ddd;
11296 border-radius: 4px; }
11299 position: absolute
;
11306 background-color: whitesmoke
;
11307 border: 1px solid
#ddd;
11309 border-radius: 4px 0 4px 0; }
11314 border-radius: 4px; }
11318 border-bottom: 1px solid
;
11319 border-color: #e1e1e8;
11320 border-left: 1px solid
#e1e1e8;
11321 border-right: 1px solid
#e1e1e8;
11322 background-color: #f7f7f9;
11323 border-radius: 0 0 4px 4px;
11331 body
.jsenabled
.formlistingradio
{
11334 body
.jsenabled
.formlisting
{
11337 a
.criteria-action
{
11341 div
.criteria-description
{
11342 padding: 10px 15px;
11344 background: none repeat scroll
0 0 #f9f9f9;
11345 border: 1px solid
#eee; }
11349 list-style: none
; }
11352 position: relative
;
11353 display: inline-block
;
11355 text-align: center
;
11356 vertical-align: top
;
11359 .badges li .badge-name {
11364 position: absolute
; }
11366 .badges li .badge-image {
11373 .badges li .badge-actions {
11374 position: relative
; }
11376 .badges li .expireimage {
11377 background-image: url
([[pix:i
/expired
]]);
11378 background-repeat: no-repeat
;
11379 background-size: 100px 100px;
11384 position: absolute
;
11389 background-color: transparent
;
11391 position: relative
;
11394 display: inline-block
;
11395 vertical-align: top
;
11397 margin-bottom: 20px; }
11398 #badge-image .expireimage
{
11399 background-image: url
([[pix:i
/expired
]]);
11400 background-repeat: no-repeat
;
11401 background-size: 100px 100px;
11407 position: absolute
;
11409 #badge-image .singlebutton
{
11412 #badge-image .singlebutton button
{
11413 margin-left: 4px; }
11416 display: inline-block
;
11419 #badge-overview dl
,
11420 #badge-details dl
{
11422 #badge-overview dl dt
,
11423 #badge-overview dl dd
,
11424 #badge-details dl dt
,
11425 #badge-details dl dd
{
11426 vertical-align: top
;
11428 #badge-overview dl dt
,
11429 #badge-details dl dt
{
11431 display: inline-block
;
11433 min-width: 100px; }
11434 #badge-overview dl dd
,
11435 #badge-details dl dd
{
11436 display: inline-block
;
11440 #badge-criteria li li
{
11441 list-style-type: none
; }
11447 vertical-align: top
; }
11458 #page-badges-award .recipienttable tr td
{
11459 vertical-align: top
; }
11461 #page-badges-award .recipienttable tr td
.actions
.actionbutton
{
11466 #page-badges-award .recipienttable tr td
.existing
,
11467 #page-badges-award .recipienttable tr td
.potential
{
11470 #issued-badge-table .activatebadge
{
11471 display: inline-block
; }
11473 .statusbox.active {
11474 background-color: #d7e4d6; }
11476 .statusbox.inactive {
11477 background-color: #fcefdc; }
11480 text-align: center
;
11481 margin-bottom: 5px;
11484 .statusbox .activatebadge {
11485 display: inline-block
; }
11487 .statusbox .activatebadge input[type=submit] {
11493 vertical-align: middle
; }
11495 img#persona_signin
{
11501 .invisiblefieldset {
11507 #page-header h1
.h2
{
11508 font-weight: bold
; }
11510 #page-header .logo
{
11512 #page-header .logo img
{
11513 max-height: 75px; }
11515 /** Navbar logo. */
11516 nav
.navbar
.logo img
{
11517 max-height: 35px; }
11519 .nav.usernav .nav-item {
11522 .nav.usernav .usermenu .dropdown-toggle {
11523 padding: 0 0.5rem; }
11525 /** Header-bar styles **/
11526 .page-context-header {
11528 padding: 0.25rem 0;
11530 .page-context-header .page-header-image > a {
11531 display: inline-block
; }
11532 .page-context-header
.page-header-headings
,
11533 .page-context-header .header-button-group {
11534 position: relative
;
11536 vertical-align: middle
; }
11537 .page-context-header .header-button-group {
11541 ul
.dragdrop-keyboard-drag li
{
11542 list-style-type: none
; }
11546 text-decoration: none
;
11548 font-style: italic
;
11553 overflow: hidden
; }
11555 .progressbar_container {
11559 /* IE10 only fix for calendar titling */
11560 .ie10 .yui3-calendar-header-label {
11561 display: inline-block
; }
11571 .nav-tabs
> .active
> a
[href
],
11572 .nav-tabs
> .active
> a
[href
]:hover
,
11573 .nav-tabs > .active > a[href]:focus {
11576 .inplaceeditable.inplaceeditingon {
11577 position: relative
; }
11578 .inplaceeditable.inplaceeditingon .editinstructions {
11580 font-weight: normal
;
11585 white-space: nowrap
; }
11586 @media
(min-width: 576px) {
11587 .inplaceeditable.inplaceeditingon input {
11589 vertical-align: text-bottom
;
11590 margin-bottom: 0; } }
11591 .inplaceeditable.inplaceeditingon select {
11592 margin-bottom: 0; }
11594 .inplaceeditable .quickediticon img {
11597 .inplaceeditable .quickeditlink {
11599 text-decoration: inherit
; }
11601 .inplaceeditable:hover
.quickeditlink
.quickediticon img
,
11602 .inplaceeditable .quickeditlink:focus .quickediticon img {
11605 .inplaceeditable.inplaceeditable-toggle .quickediticon {
11608 .inplaceeditable.inplaceeditable-autocomplete {
11611 h3
.sectionname
.inplaceeditable
.inplaceeditingon
.editinstructions
{
11612 margin-top: -20px; }
11615 @media (min-width: 992px) {
11616 .chart-area .chart-image {
11617 position: relative
;
11622 .chart-area .chart-table-data {
11625 .chart-area .chart-table {
11626 /** When accessible, we display the table only. */ }
11627 .chart-area .chart-table .chart-output-htmltable caption {
11628 white-space: nowrap
; }
11629 .chart-area .chart-table.accesshide .chart-table-expand {
11631 .chart-area .chart-table.accesshide .chart-table-data {
11635 padding-left: 1rem;
11636 -webkit-margin-start: 0.2rem;
11637 /* stylelint-disable-line */ }
11639 /* YUI 2 Tree View */
11659 .ygtvcancel:hover {
11660 background-image: url([[pix:theme|yui2-treeview-sprite-rtl]]);
11663 .hover-tooltip-container {
11664 position: relative
; }
11665 .hover-tooltip-container .hover-tooltip {
11667 visibility: hidden
;
11668 position: absolute
;
11671 top: calc
(-50% - 5px);
11672 transform: translate
(-50%, -50%);
11673 background-color: #fff;
11674 border: 1px solid rgba
(0, 0, 0, 0.2);
11675 border-radius: .3rem;
11676 box-sizing: border-box
;
11678 white-space: nowrap
;
11679 transition: opacity
0.15s, visibility
0.15s;
11681 .hover-tooltip-container .hover-tooltip:before {
11683 display: inline-block
;
11684 border-left: 8px solid transparent
;
11685 border-right: 8px solid transparent
;
11686 border-top: 8px solid rgba
(0, 0, 0, 0.2);
11687 position: absolute
;
11689 left: calc
(50% - 8px); }
11690 .hover-tooltip-container .hover-tooltip:after {
11692 display: inline-block
;
11693 border-left: 7px solid transparent
;
11694 border-right: 7px solid transparent
;
11695 border-top: 7px solid
#fff;
11696 position: absolute
;
11698 left: calc
(50% - 7px);
11700 .hover-tooltip-container:hover .hover-tooltip {
11702 visibility: visible
;
11703 transition: opacity
0.15s 0.5s, visibility
0.15s 0.5s; }
11708 #region-flat-nav .nav
{
11709 margin-right: 15px;
11710 background-color: #fff; }
11711 @media
(max-width: 767.98px) {
11712 #region-flat-nav .nav
{
11714 margin-right: 0; } }
11718 text-decoration: underline
; }
11719 .footer-dark a .icon {
11721 .footer-dark a:focus .icon {
11724 .btn-footer-popover {
11730 .popover.footer .popover-body {
11732 .popover.footer .popover-body .footer-section a {
11734 text-decoration: underline
; }
11735 .popover.footer .popover-body .footer-section a .icon {
11737 .popover.footer .popover-body .footer-section a:focus {
11738 text-decoration: none
; }
11740 @media (min-width: 576px) {
11741 .jsenabled #page-footer .footer-content-popover {
11743 .jsenabled .btn-footer-popover {
11749 text-decoration: underline
; }
11750 .bg-inverse a .icon {
11761 .dropdown-item:active, .dropdown-item:hover, .dropdown-item:focus, .dropdown-item:focus-within {
11763 background-color: #0f6cbf;
11765 .dropdown-item:active a, .dropdown-item:hover a, .dropdown-item:focus a, .dropdown-item:focus-within a {
11768 .dropdown-item[aria-current="true"] {
11769 position: relative
;
11771 align-items: center
; }
11772 .dropdown-item[aria-current="true"]:before {
11773 display: inline-block
;
11774 font: normal normal normal
14px/1 FontAwesome
;
11775 font-size: inherit
;
11776 text-rendering: auto
;
11777 -webkit-font-smoothing: antialiased
;
11778 -moz-osx-font-smoothing: grayscale
;
11780 position: absolute
;
11782 font-size: 0.7rem; }
11784 .competency-tree ul {
11785 padding-left: 1.5rem; }
11787 .sr-only-focusable:active, .sr-only-focusable:focus {
11795 [data-drag-type
="move"] {
11797 touch-action: none
; }
11802 .overlay-icon-container {
11803 position: absolute
;
11808 background-color: rgba
(255, 255, 255, 0.6); }
11809 .overlay-icon-container .loading-icon {
11810 position: absolute
;
11813 transform: translate
(-50%, -50%); }
11814 .overlay-icon-container .loading-icon .icon {
11823 animation: bg-pulse-grey
2s infinite linear
; }
11825 @keyframes bg-pulse-grey
{
11827 background-color: #f8f9fa; }
11829 background-color: #e9ecef; }
11831 background-color: #f8f9fa; } }
11834 line-height: 0 !important
;
11835 /* stylelint-disable-line declaration-no-important */ }
11838 line-height: 0.25rem !important
;
11839 /* stylelint-disable-line declaration-no-important */ }
11842 line-height: 0.5rem !important
;
11843 /* stylelint-disable-line declaration-no-important */ }
11846 line-height: 1rem !important
;
11847 /* stylelint-disable-line declaration-no-important */ }
11850 line-height: 1.5rem !important
;
11851 /* stylelint-disable-line declaration-no-important */ }
11854 line-height: 2rem !important
;
11855 /* stylelint-disable-line declaration-no-important */ }
11858 line-height: 3rem !important
;
11859 /* stylelint-disable-line declaration-no-important */ }
11861 .dir-rtl .dir-rtl-hide {
11864 .dir-ltr .dir-ltr-hide {
11867 .paged-content-page-container {
11868 min-height: 3.125rem; }
11870 body
.h5p-embed #page-content
{
11871 display: inherit
; }
11873 body
.h5p-embed #maincontent
{
11876 body
.h5p-embed
.h5pmessages
{
11877 min-height: 230px; }
11879 #h5pcontenttypes td
{
11880 vertical-align: middle
; }
11882 #page.drawers form#h5peditor
,
11883 #page.drawers form#coolh5peditor
,
11884 #page.drawers
.core_contentbank_viewcontent
{
11888 .text-decoration-none {
11889 text-decoration: none
!important
;
11890 /* stylelint-disable-line declaration-no-important */ }
11893 color: inherit
!important
;
11894 /* stylelint-disable-line declaration-no-important */ }
11897 right: 0 !important
;
11898 /* stylelint-disable-line declaration-no-important */ }
11901 overflow: hidden
!important
;
11902 /* stylelint-disable-line declaration-no-important */ }
11905 overflow-wrap: break-word
!important
;
11906 /* stylelint-disable-line declaration-no-important */ }
11909 word-break: break-word
!important
;
11910 /* stylelint-disable-line declaration-no-important */ }
11913 z-index: 0 !important
;
11914 /* stylelint-disable-line declaration-no-important */ }
11917 z-index: 1 !important
;
11918 /* stylelint-disable-line declaration-no-important */ }
11921 float: left
!important
;
11922 /* stylelint-disable-line declaration-no-important */ }
11925 float: right
!important
;
11926 /* stylelint-disable-line declaration-no-important */ }
11933 cursor: not-allowed
; }
11942 display: -webkit-box
;
11943 -webkit-box-orient: vertical
;
11944 -webkit-line-clamp: 2;
11945 overflow: hidden
; }
11948 word-break: break-all
; }
11951 background-color: #a2cff8;
11956 border-radius: 0.25rem; }
11961 .emoji-picker .category-button {
11962 padding: .375rem 0;
11964 width: 38.8888888889px;
11967 border-right: none
;
11968 border-bottom: 2px solid transparent
; }
11969 .emoji-picker .category-button.selected {
11970 border-bottom: 2px solid
#0f6cbf; }
11971 .emoji-picker
.emojis-container
,
11972 .emoji-picker .search-results-container {
11973 min-width: 280px; }
11974 .emoji-picker .picker-row {
11976 .emoji-picker .picker-row .category-name {
11977 line-height: 40px; }
11978 .emoji-picker .picker-row .emoji-button {
11983 overflow: hidden
; }
11984 .emoji-picker .picker-row .emoji-button:hover, .emoji-picker .picker-row .emoji-button:focus {
11986 text-decoration: none
; }
11987 .emoji-picker .emoji-preview {
11990 line-height: 40px; }
11991 .emoji-picker .emoji-short-name {
11992 line-height: 20px; }
11993 @media
(max-width: 575.98px) {
11997 .emoji-auto-complete {
11999 .emoji-auto-complete .btn.btn-link.btn-icon.emoji-button {
12004 .emoji-auto-complete .btn.btn-link.btn-icon.emoji-button.active {
12005 background-color: #e9ecef; }
12011 .toast-wrapper > :first-child {
12012 margin-top: 1rem; }
12017 .alert-primary .close {
12021 .alert-secondary a {
12024 .alert-secondary .close {
12028 .alert-success a, .environmenttable .ok a {
12031 .alert-success .close, .environmenttable .ok .close {
12038 .alert-info .close {
12042 .alert-warning a, .environmenttable .warn a {
12045 .alert-warning .close, .environmenttable .warn .close {
12049 .alert-danger a, .environmenttable .error a {
12052 .alert-danger .close, .environmenttable .error .close {
12059 .alert-light .close {
12066 .alert-dark .close {
12071 font-weight: 700; }
12073 .breadcrumb:empty {
12076 @media (max-width: 767.98px) {
12079 .breadcrumb:not(:empty) {
12082 margin-bottom: 0.5rem; }
12083 .breadcrumb:not(:empty) .breadcrumb-item {
12084 padding-top: 0.3333333333rem;
12085 padding-bottom: 0.3333333333rem;
12086 display: inline-flex
;
12089 .breadcrumb:not
(:empty
) .breadcrumb-item a
,
12090 .breadcrumb:not(:empty) .breadcrumb-item span {
12092 text-overflow: ellipsis
;
12093 white-space: nowrap
; }
12096 padding-right: 15px;
12097 padding-left: 15px; }
12100 justify-content: center
; }
12104 padding: 0.625rem; }
12105 #page-header .card
{
12107 #page-header .card
.card-body
{
12109 .nav-tabs:not
(.more-nav
),
12114 background-color: #e9ecef; }
12115 .nav-tabs:not
(.more-nav
) .nav-item
,
12116 .nav-pills .nav-item {
12118 text-align: center
; }
12119 .nav-tabs:not
(.more-nav
) .nav-link
,
12120 .nav-pills .nav-link {
12123 margin: 0.125rem; }
12124 .nav-tabs:not
(.more-nav
) .nav-link
.active
,
12125 .nav-pills .nav-link.active {
12127 border-color: #6a737b;
12128 border-color: #6a737b; }
12129 .nav-tabs:not
(.more-nav
) .nav-link
.active:hover
,
12130 .nav-pills .nav-link.active:hover {
12132 background-color: #6a737b;
12133 border-color: #6a737b; }
12134 .nav-tabs:not
(.more-nav
) .nav-link
.active:focus
, .nav-tabs:not
(.more-nav
) .nav-link
.active
.focus
,
12135 .nav-pills
.nav-link
.active:focus
,
12136 .nav-pills .nav-link.active.focus {
12137 box-shadow: 0 0 0 0.2rem rgba
(106, 115, 123, 0.5); }
12138 .nav-tabs:not
(.more-nav
) .nav-link
.active
.disabled
, .nav-tabs:not
(.more-nav
) .nav-link
.active:disabled
,
12139 .nav-pills
.nav-link
.active
.disabled
,
12140 .nav-pills .nav-link.active:disabled {
12142 background-color: transparent
; }
12143 .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
,
12144 .show
> .nav-tabs:not
(.more-nav
) .nav-link
.active
.dropdown-toggle
,
12145 .nav-pills
.nav-link
.active:not
(:disabled
):not
(.disabled
):active
,
12146 .nav-pills
.nav-link
.active:not
(:disabled
):not
(.disabled
).active
,
12148 .nav-pills .nav-link.active.dropdown-toggle {
12150 background-color: #6a737b;
12151 border-color: #6a737b; }
12152 .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
,
12153 .show
> .nav-tabs:not
(.more-nav
) .nav-link
.active
.dropdown-toggle:focus
,
12154 .nav-pills
.nav-link
.active:not
(:disabled
):not
(.disabled
):active:focus
,
12155 .nav-pills
.nav-link
.active:not
(:disabled
):not
(.disabled
).active:focus
,
12157 .nav-pills .nav-link.active.dropdown-toggle:focus {
12158 box-shadow: 0 0 0 0.2rem rgba
(106, 115, 123, 0.5); } }
12160 @media (max-width: 576px) and
(max-height: 320px) {
12163 .navbar.fixed-top {
12164 position: relative
;
12165 z-index: inherit
; } }
12168 text-decoration: underline
; }
12169 .link-underline:focus {
12170 text-decoration: none
; }
12172 .alert.cta .cta-icon .icon {
12174 .alert.cta .cta-icon .icon.fa {
12175 border-radius: 50%;
12176 border-style: solid
;
12177 border-width: 0.125rem; }
12179 .core_payment_gateways_modal
.custom-control-label::before
,
12180 .core_payment_gateways_modal .custom-control-label::after {
12184 scrollbar-width: thin
;
12185 scrollbar-color: #0f6cbf #a2cff8;
12186 -ms-overflow-style: -ms-autohiding-scrollbar
; }
12187 .visual-scroll-x::-webkit-scrollbar {
12189 -webkit-appearance: none
;
12190 appearance: none
; }
12191 .visual-scroll-x::-webkit-scrollbar-thumb {
12192 background-color: #0f6cbf;
12193 border-right: 1px solid
#fff; }
12194 .visual-scroll-x::-webkit-scrollbar-track {
12195 background-color: #a2cff8;
12196 border-right: 1px solid
#fff; }
12198 body
.dragging
.drop-zone
{
12199 border: 1px dashed
#1d2125; }
12201 body
.dragging
.drop-up
{
12202 border-top: 1px solid
#1d2125;
12203 border-top-left-radius: 0;
12204 border-top-right-radius: 0; }
12206 body
.dragging
.drop-down
{
12207 border-bottom: 1px solid
#1d2125;
12208 border-bottom-left-radius: 0;
12209 border-bottom-right-radius: 0; }
12211 body
.dragging
.dragging
{
12215 visibility: hidden
; }
12217 .draggable:hover .dragicon {
12218 visibility: visible
;
12224 .stateready .waitstate {
12225 display: inherit
; }
12227 .stateready .whilenostate {
12230 .collapse-list .collapse-list-item {
12231 padding: 0.5rem 1rem; }
12232 .collapse-list .collapse-list-item:hover, .collapse-list .collapse-list-item:focus {
12233 background-color: #e0f0f2;
12234 border-color: #b8dce2; }
12236 .collapse-list .collapse-list-item-content .collapse-list-item {
12237 padding-left: calc
(1rem * 3); }
12239 .drawers .block_myoverview {
12241 .drawers .block_myoverview > .card-body {
12242 padding-top: 0 !important
;
12243 /* stylelint-disable-line declaration-no-important */
12244 padding-left: 0 !important
;
12245 /* stylelint-disable-line declaration-no-important */
12246 padding-right: 0 !important
;
12247 /* stylelint-disable-line declaration-no-important */ }
12249 .dropdown-toggle::after {
12253 display: inline-block
;
12254 font: normal normal normal
14px/1 FontAwesome
;
12255 font-size: inherit
;
12256 text-rendering: auto
;
12257 -webkit-font-smoothing: antialiased
;
12258 -moz-osx-font-smoothing: grayscale
;
12269 box-sizing: content-box
;
12270 margin-right: 0.5rem; }
12273 .icon.iconsize-big {
12278 .navbar-dark a .icon {
12279 color: rgba
(255, 255, 255, 0.5) !important
;
12280 /* stylelint-disable-line declaration-no-important */ }
12282 .action-menu-item a:first-of-type > .icon {
12283 margin-left: 0.5rem; }
12286 margin-left: 0 !important
;
12287 /* stylelint-disable-line declaration-no-important */ }
12289 .block_navigation
.tree_item
.icon
,
12290 .block_settings .tree_item .icon {
12293 [data-action
=toggle-drawer
] .icon
{
12296 .icon-no-spacing a > .icon {
12299 .icon-no-margin .icon {
12303 margin-bottom: 0; }
12305 .icon-large > .icon {
12309 .icon-size-0 .icon {
12310 height: 0 !important
;
12311 /* stylelint-disable-line declaration-no-important */
12312 width: 0 !important
;
12313 /* stylelint-disable-line declaration-no-important */
12314 font-size: 0 !important
;
12315 /* stylelint-disable-line declaration-no-important */ }
12317 .icon-size-1 .icon {
12318 height: 4px !important
;
12319 /* stylelint-disable-line declaration-no-important */
12320 width: 4px !important
;
12321 /* stylelint-disable-line declaration-no-important */
12322 font-size: 4px !important
;
12323 /* stylelint-disable-line declaration-no-important */ }
12325 .icon-size-2 .icon {
12326 height: 8px !important
;
12327 /* stylelint-disable-line declaration-no-important */
12328 width: 8px !important
;
12329 /* stylelint-disable-line declaration-no-important */
12330 font-size: 8px !important
;
12331 /* stylelint-disable-line declaration-no-important */ }
12333 .icon-size-3 .icon {
12334 height: 16px !important
;
12335 /* stylelint-disable-line declaration-no-important */
12336 width: 16px !important
;
12337 /* stylelint-disable-line declaration-no-important */
12338 font-size: 16px !important
;
12339 /* stylelint-disable-line declaration-no-important */ }
12341 .icon-size-4 .icon {
12342 height: 24px !important
;
12343 /* stylelint-disable-line declaration-no-important */
12344 width: 24px !important
;
12345 /* stylelint-disable-line declaration-no-important */
12346 font-size: 24px !important
;
12347 /* stylelint-disable-line declaration-no-important */ }
12349 .icon-size-5 .icon {
12350 height: 32px !important
;
12351 /* stylelint-disable-line declaration-no-important */
12352 width: 32px !important
;
12353 /* stylelint-disable-line declaration-no-important */
12354 font-size: 32px !important
;
12355 /* stylelint-disable-line declaration-no-important */ }
12357 .icon-size-6 .icon {
12358 height: 40px !important
;
12359 /* stylelint-disable-line declaration-no-important */
12360 width: 40px !important
;
12361 /* stylelint-disable-line declaration-no-important */
12362 font-size: 40px !important
;
12363 /* stylelint-disable-line declaration-no-important */ }
12365 .icon-size-7 .icon {
12366 height: 48px !important
;
12367 /* stylelint-disable-line declaration-no-important */
12368 width: 48px !important
;
12369 /* stylelint-disable-line declaration-no-important */
12370 font-size: 48px !important
;
12371 /* stylelint-disable-line declaration-no-important */ }
12374 margin-left: 0.5rem; }
12376 .icons-collapse-expand {
12378 align-items: center
; }
12379 .icons-collapse-expand .expanded-icon {
12381 align-items: center
; }
12382 .icons-collapse-expand .collapsed-icon {
12384 .icons-collapse-expand.collapsed .expanded-icon {
12386 .icons-collapse-expand.collapsed .collapsed-icon {
12388 align-items: center
; }
12390 .activityiconcontainer {
12393 display: inline-flex
;
12394 justify-content: center
;
12395 align-items: center
;
12396 background-color: #f8f9fa;
12397 border-radius: 4px;
12399 .activityiconcontainer
.activityicon
,
12400 .activityiconcontainer .icon {
12404 .activityiconcontainer.small {
12408 .activityiconcontainer.administration {
12409 background-color: #5d63f6; }
12410 .activityiconcontainer
.administration
.activityicon
,
12411 .activityiconcontainer.administration .icon {
12412 filter: brightness
(0) invert
(1); }
12414 .activityiconcontainer.assessment {
12415 background-color: #eb66a2; }
12416 .activityiconcontainer
.assessment
.activityicon
,
12417 .activityiconcontainer.assessment .icon {
12418 filter: brightness
(0) invert
(1); }
12420 .activityiconcontainer.collaboration {
12421 background-color: #f7634d; }
12422 .activityiconcontainer
.collaboration
.activityicon
,
12423 .activityiconcontainer.collaboration .icon {
12424 filter: brightness
(0) invert
(1); }
12426 .activityiconcontainer.communication {
12427 background-color: #11a676; }
12428 .activityiconcontainer
.communication
.activityicon
,
12429 .activityiconcontainer.communication .icon {
12430 filter: brightness
(0) invert
(1); }
12432 .activityiconcontainer.content {
12433 background-color: #399be2; }
12434 .activityiconcontainer
.content
.activityicon
,
12435 .activityiconcontainer.content .icon {
12436 filter: brightness
(0) invert
(1); }
12438 .activityiconcontainer.interface {
12439 background-color: #a378ff; }
12440 .activityiconcontainer
.interface
.activityicon
,
12441 .activityiconcontainer.interface .icon {
12442 filter: brightness
(0) invert
(1); }
12445 --activityadministration: #5d63f6;
12446 --activityassessment: #eb66a2;
12447 --activitycollaboration: #f7634d;
12448 --activitycommunication: #11a676;
12449 --activitycontent: #399be2;
12450 --activityinterface: #a378ff; }
12453 .formtable tbody th {
12454 font-weight: normal
;
12455 text-align: right
; }
12457 .path-admin #assignrole {
12460 margin-right: auto
; }
12462 .path-admin .admintable .leftalign {
12463 text-align: left
; }
12465 .path-admin
.admintable
.environmenttable
.name
,
12466 .path-admin
.admintable
.environmenttable
.info
,
12467 .path-admin #assignrole
.admintable
.role
,
12468 .path-admin #assignrole
.admintable
.userrole
,
12469 .path-admin #assignrole .admintable .roleholder {
12470 white-space: nowrap
; }
12472 .path-admin .incompatibleblockstable td.c0 {
12473 font-weight: bold
; }
12475 #page-admin-course-category .addcategory
{
12478 #page-admin-course-index .editcourse
{
12479 margin: 20px auto
; }
12481 #page-admin-course-index .editcourse th
,
12482 #page-admin-course-index .editcourse td
{
12483 padding-left: 10px;
12484 padding-right: 10px; }
12486 .timewarninghidden {
12489 #page-admin-report-capability-index #capabilitysearch
{
12492 #page-admin-qtypes #qtypes div
,
12493 #page-admin-qtypes #qtypes form
,
12494 #page-admin-qbehaviours #qbehaviours div
,
12495 #page-admin-qbehaviours #qbehaviours form
{
12498 #page-admin-qtypes #qtypes img
.spacer
,
12499 #page-admin-qbehaviours #qbehaviours img
.spacer
{
12502 #page-admin-qbehaviours .cell
.c3
,
12503 #page-admin-qtypes .cell
.c3
{
12504 font-size: 0.8203125rem; }
12506 #page-admin-lang .generalbox
,
12507 #page-admin-course-index .singlebutton
,
12508 #page-admin-course-index .addcategory
,
12509 #page-course-index .buttons
,
12510 #page-course-index-category .buttons
,
12511 #page-admin-course-category .addcategory
,
12512 #page-admin-stickyblocks .generalbox
,
12513 #page-admin-maintenance .buttons
,
12514 #page-admin-course-index .buttons
,
12515 #page-admin-course-category .buttons
,
12516 #page-admin-index .copyright
,
12517 #page-admin-index .copyrightnotice
,
12518 #page-admin-index .adminerror
.singlebutton
,
12519 #page-admin-index .adminwarning
.singlebutton
,
12520 #page-admin-index #layout-table
.singlebutton
{
12521 text-align: center
;
12522 margin-bottom: 1em; }
12524 .path-admin-roles .capabilitysearchui {
12527 margin-right: auto
;
12528 margin-top: 1rem; }
12530 #page-admin-roles-define .topfields
{
12531 margin: 1em 0 2em; }
12533 #page-admin-roles-define .capdefault
{
12534 background-color: rgba
(0, 0, 0, 0.075); }
12536 #page-filter-manage .backlink
,
12537 .path-admin-roles .backlink {
12540 #page-admin-roles-explain #chooseuser h3
,
12541 #page-admin-roles-usersroles .contextname
{
12544 #page-admin-roles-explain #chooseusersubmit
{
12546 text-align: center
; }
12548 #page-admin-roles-usersroles p
{
12551 #page-admin-roles-override .cell
.c1
,
12552 #page-admin-roles-assign .cell
.c3
,
12553 #page-admin-roles-assign .cell
.c1
{
12554 padding-top: 0.75em; }
12556 #page-admin-roles-override .overridenotice
,
12557 #page-admin-roles-define .definenotice
{
12558 margin: 1em 10% 2em 10%;
12559 text-align: left
; }
12561 #page-admin-index .adminwarning
.availableupdatesinfo
.moodleupdateinfo span
{
12564 #page-admin-index .updateplugin div
{
12565 margin-bottom: 0.5em; }
12567 #page-admin-user-user_bulk #users
.fgroup
{
12568 white-space: nowrap
; }
12570 #page-admin-report-stats-index .graph
{
12571 text-align: center
;
12572 margin-bottom: 1em; }
12574 #page-admin-report-courseoverview-index .graph
{
12575 text-align: center
;
12576 margin-bottom: 1em; }
12578 #page-admin-lang .translator
{
12580 border-style: solid
; }
12582 .path-admin .roleassigntable {
12585 .path-admin .roleassigntable td {
12586 vertical-align: top
;
12587 padding: 0.2em 0.3em; }
12589 .path-admin .roleassigntable p {
12593 .path-admin
.roleassigntable #existingcell
,
12594 .path-admin .roleassigntable #potentialcell {
12597 .path-admin
.roleassigntable #existingcell p
> label:first-child
,
12598 .path-admin .roleassigntable #potentialcell p > label:first-child {
12599 font-weight: bold
; }
12601 .path-admin .roleassigntable #buttonscell {
12604 .path-admin .roleassigntable #buttonscell #assignoptions {
12605 font-size: 0.8203125rem; }
12607 .path-admin
.roleassigntable #removeselect_wrapper
,
12608 .path-admin .roleassigntable #addselect_wrapper {
12611 .path-admin table.rolecap tr.rolecap th {
12613 font-weight: normal
; }
12615 .path-admin .rolecap .hiddenrow {
12618 .path-admin
#defineroletable
.rolecap
.inherit
,
12619 .path-admin
#defineroletable
.rolecap
.allow
,
12620 .path-admin
#defineroletable
.rolecap
.prevent
,
12621 .path-admin #defineroletable .rolecap .prohibit {
12622 text-align: center
;
12624 min-width: 3.5em; }
12626 .path-admin
.rolecap
.cap-name
,
12627 .path-admin .rolecap .note {
12629 font-size: 0.8203125rem;
12630 white-space: nowrap
;
12631 font-weight: normal
; }
12633 .path-admin .rolecap label {
12635 text-align: center
;
12639 .path-admin
.header-maxwidth
,
12640 .path-admin
.secondary-navigation
,
12641 .format-site
.header-maxwidth
,
12642 .format-site .secondary-navigation {
12645 .path-admin
.path-admin-roles:not
(.format-site
) .header-maxwidth
,
12646 .path-admin
.path-admin-roles:not
(.format-site
) .secondary-navigation
,
12647 .path-admin
.path-admin-tool-lp
.header-maxwidth
,
12648 .path-admin.path-admin-tool-lp .secondary-navigation {
12649 max-width: 830px; }
12651 .plugincheckwrapper {
12657 #mnetconfig table
{
12659 margin-right: auto
; }
12661 .environmenttable .cell {
12662 padding: .15em .5em; }
12664 #trustedhosts .generaltable
{
12666 margin-right: auto
;
12669 #trustedhosts .standard
{
12672 #adminsettings legend
{
12675 #adminsettings fieldset
.error
{
12676 margin: .2em 0 .5em 0; }
12678 #adminsettings fieldset
.error legend
{
12681 #admin-spelllanguagelist textarea
,
12682 #page-admin-setting-editorsettingstinymce .form-textarea textarea
{
12688 /* Styles for flags on admin settings */
12689 .adminsettingsflags {
12692 .adminsettingsflags label {
12693 margin-right: 7px; }
12695 .form-description pre
,
12696 .formsettingheading pre {
12700 .form-item .form-setting .form-htmlarea {
12703 .form-item .form-setting .form-htmlarea .htmlarea {
12707 .form-item .form-setting .form-multicheckbox ul {
12710 margin: 7px 0 0 0; }
12712 .form-item .form-setting .defaultsnext {
12715 .form-item .form-setting .locked-checkbox {
12716 margin-right: 0.2em;
12717 margin-left: 0.5em;
12720 .form-item
.form-setting
.form-password
.unmask
,
12721 .form-item .form-setting .form-defaultinfo {
12722 display: inline-block
; }
12724 .form-item .form-setting .form-defaultinfo {
12726 word-wrap: break-word
; }
12728 #admin-emoticons td input
{
12731 #admin-emoticons td
.c0 input
{
12734 #adminthemeselector .selectedtheme td
.c0
{
12735 border: 1px solid
#b8dce2;
12736 border-right-width: 0; }
12738 #adminthemeselector .selectedtheme td
.c1
{
12739 border: 1px solid
#b8dce2;
12740 border-left-width: 0; }
12742 .admin_colourpicker
,
12743 .admin_colourpicker_preview {
12746 .jsenabled .admin_colourpicker_preview {
12749 @media (min-width: 768px) {
12750 .jsenabled .admin_colourpicker {
12754 margin-bottom: 10px;
12755 box-sizing: content-box
; }
12756 .admin_colourpicker .colourdialogue {
12758 border: 1px solid
#8f959e; }
12759 .admin_colourpicker .previewcolour {
12760 border: 1px solid
#8f959e;
12761 margin-left: 301px; }
12762 .admin_colourpicker .currentcolour {
12763 border: 1px solid
#8f959e;
12764 margin-left: 301px;
12765 border-top-width: 0; } }
12767 @media (max-width: 767.98px) {
12768 .jsenabled .admin_colourpicker {
12770 margin-bottom: 10px;
12772 position: relative
; }
12773 .admin_colourpicker .previewcolour {
12775 .admin_colourpicker .currentcolour {
12776 position: absolute
;
12777 border: 1px solid
#dee2e6;
12781 .admin_colourpicker .loadingicon {
12782 vertical-align: middle
;
12783 margin-left: auto
; }
12785 #page-admin-index #notice
.checkforupdates
{
12786 text-align: center
; }
12788 #page-admin-plugins #plugins-overview-panel
.info
{
12789 display: inline-block
;
12790 margin-right: 1em; }
12792 #page-admin-plugins .checkforupdates
{
12794 #page-admin-plugins .checkforupdates
.singlebutton
{
12797 #page-admin-plugins .checkforupdates
.singlebutton div
,
12798 #page-admin-plugins .checkforupdates
.singlebutton input
{
12799 margin: 0 3px 0 0; }
12801 #page-admin-plugins .updateavailableinstallall
{
12804 #page-admin-plugins .updateavailableinstallall div
,
12805 #page-admin-plugins .updateavailableinstallall input
{
12806 margin: 0 3px 5px 0; }
12808 #page-admin-plugins #plugins-control-panel
.status-missing td
{
12809 background-color: #fcefdc; }
12811 #page-admin-plugins #plugins-control-panel
.pluginname
.componentname
{
12812 font-size: 0.8203125rem;
12814 margin-left: 22px; }
12816 #page-admin-plugins #plugins-control-panel
.version
.versionnumber
{
12817 font-size: 0.8203125rem;
12820 #page-admin-plugins #plugins-control-panel
.uninstall a
{
12823 #page-admin-plugins #plugins-control-panel
.notes
.label
{
12824 margin-right: 3px; }
12826 #page-admin-plugins #plugins-control-panel
.notes
.requiredby
{
12827 font-size: 0.8203125rem;
12830 #plugins-check-page #plugins-check
.status-missing td
,
12831 #plugins-check-page #plugins-check
.status-downgrade td
{
12832 background-color: #f4d6d2; }
12834 #plugins-check-page .pluginupdateinfo
,
12835 #plugins-control-panel .pluginupdateinfo
{
12836 background-color: #cce6ea;
12839 border-radius: 5px; }
12840 #plugins-check-page .pluginupdateinfo
.maturity50
,
12841 #plugins-control-panel .pluginupdateinfo
.maturity50
{
12842 background-color: #f4d6d2; }
12843 #plugins-check-page .pluginupdateinfo
.maturity100
, #plugins-check-page
.pluginupdateinfo
.maturity150
,
12844 #plugins-control-panel .pluginupdateinfo
.maturity100
,
12845 #plugins-control-panel .pluginupdateinfo
.maturity150
{
12846 background-color: #fcefdc; }
12847 #plugins-check-page .pluginupdateinfo
.info
,
12848 #plugins-control-panel .pluginupdateinfo
.info
{
12849 display: inline-block
; }
12850 #plugins-check-page .pluginupdateinfo
.separator:after
,
12851 #plugins-control-panel .pluginupdateinfo
.separator:after
{
12853 #plugins-check-page .pluginupdateinfo
.singlebutton
,
12854 #plugins-control-panel .pluginupdateinfo
.singlebutton
{
12857 #plugins-check-page .pluginupdateinfo
.singlebutton div
,
12858 #plugins-check-page .pluginupdateinfo
.singlebutton input
,
12859 #plugins-control-panel .pluginupdateinfo
.singlebutton div
,
12860 #plugins-control-panel .pluginupdateinfo
.singlebutton input
{
12861 margin: 0 3px 0 0; }
12863 .plugins-management-confirm-buttons > div {
12864 display: inline-block
;
12865 margin: 1em 1em 1em 0; }
12867 .plugins-management-confirm-buttons .continue {
12869 .plugins-management-confirm-buttons
.continue div
,
12870 .plugins-management-confirm-buttons .continue input {
12873 #page-admin-index .upgradepluginsinfo
{
12874 text-align: center
; }
12876 #page-admin-index .adminwarning
.availableupdatesinfo
.moodleupdateinfo
.separator:after
{
12879 /** MNet networking */
12880 #page-admin-mnet-peers .box
.deletedhosts
{
12881 margin-bottom: 1em;
12882 font-size: 0.8203125rem; }
12884 #core-cache-plugin-summaries table
,
12885 #core-cache-store-summaries table
{
12888 #core-cache-lock-summary table
,
12889 #core-cache-definition-summaries table
,
12890 #core-cache-mode-mappings table
{
12893 #core-cache-store-summaries .default-store td
{
12894 font-style: italic
; }
12896 #core-cache-rescan-definitions,
12897 #core-cache-mode-mappings .edit-link
,
12898 #core-cache-lock-additional-actions .new-instance
{
12900 text-align: center
; }
12902 .maintenancewarning {
12909 .modal.modal-in-page {
12912 #page-admin-search .adminpagetitle
{
12914 border-bottom: none
; }
12916 #page-admin-search .adminpagepath
{
12921 margin: 0 0 1.5rem 0; }
12922 #page-admin-search .adminpagepath li
+ li:before
{
12923 padding-right: 0.5rem;
12924 padding-left: 0.5rem;
12927 @media (min-width: 576px) {
12928 #page-admin-search .container
{
12929 overflow-wrap: break-word
; } }
12931 #page-admin-tasklogs .task-class
{
12932 font-size: 0.8203125rem;
12935 .path-admin-tool-uploaduser .uuwarning {
12936 background-color: #fcefdc; }
12938 .path-admin-tool-uploaduser .uuerror {
12939 background-color: #f4d6d2; }
12941 .path-admin-tool-uploaduser .uuinfo {
12942 background-color: #d7e4d6; }
12944 .blockmovetarget .accesshide {
12945 position: relative
;
12949 padding-top: 0 !important
;
12950 /* stylelint-disable declaration-no-important */
12951 margin-top: 0 !important
; }
12953 .block_search_forums .searchform {
12954 /* Override plugin's default. */
12955 text-align: left
; }
12957 .block
.block_navigation
.block_tree ul
,
12958 .block_settings .block_tree ul {
12961 .block .block-controls .dropdown-toggle {
12962 /* So that the caret takes the colour of the icon. */
12965 [data-region
="blocks-column"] {
12969 /* We put an absolutely positioned div in a relatively positioned div so it takes up no space */
12970 @media (min-width: 576px) {
12971 #region-main-settings-menu {
12972 position: relative
;
12975 #region-main-settings-menu > div
{
12976 position: absolute
;
12980 .region_main_settings_menu_proxy {
12983 background-color: #fff;
12984 margin-left: 0.625rem;
12985 margin-bottom: 0.625rem;
12986 border-bottom-left-radius: 0.5rem;
12989 @media (max-width: 767.98px) {
12990 #region-main-settings-menu .menubar
{
12991 justify-content: flex-end
; } }
12993 #region-main.has-blocks
{
12994 display: inline-block
;
12995 width: calc
(100% - 375px); }
12996 @media
(max-width: 1199.98px) {
12997 #region-main.has-blocks
{
12999 /* MDL-63102 - Remove extra space at bottom.
13000 If modifying make sure block-region is horizontally stacked when in full screen */
13001 display: block
; } }
13003 .header-action #region-main-settings-menu {
13007 .header-action #region-main-settings-menu > div {
13012 @media (max-width: 1199.98px) {
13013 [data-region
="blocks-column"] {
13016 .block .empty-placeholder-image-lg {
13019 .block .searchbar .icon {
13022 .block .block-cards .course-info-container {
13025 .block .block-cards .progress {
13028 .block .block-cards .course-summaryitem {
13029 border: 1px solid
#dee2e6;
13030 background-color: #fff; }
13032 .block .block-cards .icon {
13035 .block .block-cards .card .coursemenubtn {
13036 margin-top: -0.5rem; }
13038 .block
.block-cards span
.categoryname
,
13039 .block .block-cards .btn-link {
13042 .block .block-cards .progress-text {
13045 .block .block-cards .dashboard-card-footer.menu {
13048 .block .block-cards .dashboard-card:hover .dashboard-card-footer.menu, .block .block-cards .dashboard-card:focus .dashboard-card-footer.menu {
13051 .block .block-cards .multiline {
13052 white-space: normal
; }
13054 .block .block-cards .btn.btn-link.btn-icon {
13058 border-radius: 50%; }
13059 .block .block-cards .btn.btn-link.btn-icon:hover, .block .block-cards .btn.btn-link.btn-icon:focus {
13060 background-color: #e9ecef; }
13062 .dashboard-card-deck.one-row {
13064 overflow-x: scroll
; }
13069 background-position: center
;
13070 background-size: cover
; }
13072 .dashboard-list-img {
13075 background-position: center
;
13076 background-size: cover
; }
13077 @media
(max-width: 1199.98px) {
13078 .dashboard-list-img {
13081 .course-listitem .menu {
13084 .course-listitem:hover .menu, .course-listitem:focus .menu {
13087 .dashboard-card-deck .dashboard-card {
13088 margin-bottom: 0.5rem;
13093 .dashboard-card-deck .dashboard-card .dashboard-card-img {
13095 background-position: center
;
13096 background-size: cover
;
13097 border-bottom-left-radius: 0;
13098 border-bottom-right-radius: 0; }
13099 .dashboard-card-deck .dashboard-card .dashboard-card-footer {
13102 @media (min-width: 576px) {
13103 .dashboard-card-deck.fixed-width-cards .dashboard-card {
13105 max-width: 100%; } }
13107 @media (min-width: 576px) {
13108 .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
13109 width: calc
(50% - 0.5rem); } }
13111 @media (min-width: 840px) {
13112 .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
13113 width: calc
(33.33% - 0.5rem); } }
13115 #block-region-side-pre .dashboard-card-deck:not
(.fixed-width-cards
) {
13118 #block-region-side-pre .dashboard-card-deck:not
(.fixed-width-cards
) .dashboard-card
{
13119 width: calc
(100% - 0.5rem) !important
; }
13121 .block_recentlyaccessedcourses .paging-bar-container {
13122 margin-top: -2.4rem;
13123 padding-right: 0.5rem;
13124 justify-content: flex-end
; }
13126 @media (max-width: 575.98px) {
13127 .block_recentlyaccessedcourses .paging-bar-container {
13130 #block-region-side-pre .block_recentlyaccessedcourses
.paging-bar-container
{
13133 .block_recentlyaccesseditems .activityiconcontainer {
13137 aside
[id^
="block-region-side-"] .block_recentlyaccesseditems
.dashboard-card-deck
.one-row
{
13139 overflow-x: hidden
; }
13141 aside
[id^
="block-region-side-"] .block_recentlyaccesseditems
.dashboard-card-deck
.card:nth-of-type
(n
+4) {
13144 #block-region-content .block_recentlyaccesseditems
[data-region
="more-items-button-container"] {
13147 .block_recentlyaccesseditems a.dashboard-card:hover, .block_recentlyaccesseditems a.dashboard-card:focus {
13148 text-decoration: none
; }
13149 .block_recentlyaccesseditems a.dashboard-card:hover h6, .block_recentlyaccesseditems a.dashboard-card:focus h6 {
13150 text-decoration: underline
; }
13152 .block_recentlyaccesseditems a.dashboard-card small {
13155 .block_myoverview .content {
13156 min-height: 19.35rem; }
13158 .block_myoverview .paged-content-page-container {
13159 min-height: 13rem; }
13161 .block_timeline .paged-content-page-container {
13162 background-color: #fff; }
13164 .block_timeline .event-action {
13165 padding-left: 5.55em; }
13167 .block_settings
.block_tree
[aria-expanded
="true"],
13168 .block_settings
.block_tree
[aria-expanded
="true"].emptybranch
,
13169 .block_settings
.block_tree
[aria-expanded
="false"],
13170 .block_navigation
.block_tree
[aria-expanded
="true"],
13171 .block_navigation
.block_tree
[aria-expanded
="true"].emptybranch
,
13172 .block_navigation .block_tree [aria-expanded="false"] {
13173 background-image: none
; }
13175 .block_settings
.block_tree
[aria-expanded
="true"] > p:before
,
13176 .block_navigation .block_tree [aria-expanded="true"] > p:before {
13179 display: inline-block
;
13180 font: normal normal normal
14px/1 FontAwesome
;
13181 font-size: inherit
;
13182 text-rendering: auto
;
13183 -webkit-font-smoothing: antialiased
;
13184 -moz-osx-font-smoothing: grayscale
;
13188 .block_settings
.block_tree
[aria-expanded
="false"] > p:before
,
13189 .block_navigation .block_tree [aria-expanded="false"] > p:before {
13192 display: inline-block
;
13193 font: normal normal normal
14px/1 FontAwesome
;
13194 font-size: inherit
;
13195 text-rendering: auto
;
13196 -webkit-font-smoothing: antialiased
;
13197 -moz-osx-font-smoothing: grayscale
;
13201 .dir-rtl
.block_settings
.block_tree
[aria-expanded
="false"] > p:before
,
13202 .dir-rtl .block_navigation .block_tree [aria-expanded="false"] > p:before {
13205 .block_navigation
.block_tree p
.hasicon
,
13206 .block_settings .block_tree p.hasicon {
13207 text-indent: -3px; }
13208 .block_navigation
.block_tree p
.hasicon
.icon
,
13209 .block_settings .block_tree p.hasicon .icon {
13210 margin-right: 2px; }
13212 .block.invisibleblock .card-title {
13215 @media (max-width: 767.98px) {
13218 border-right: 0; } }
13220 .block_social_activities li a
.movehere
,
13221 .block_site_main_menu li a.movehere {
13225 border: 2px dashed
#343a40;
13228 .pagelayout-embedded .has-fake-blocks {
13232 .pagelayout-embedded .has-fake-blocks .embedded-main {
13234 width: calc
(100% - 360px);
13235 margin-right: 1rem; }
13237 .pagelayout-embedded .embedded-blocks {
13241 @media (max-width: 767.98px) {
13242 .pagelayout-embedded .has-fake-blocks {
13244 .pagelayout-embedded .has-fake-blocks .embedded-main {
13246 .pagelayout-embedded .embedded-blocks {
13249 /* calendar.less */
13250 .calendar_event_category {
13251 background-color: #e0cbe0; }
13252 .calendar_event_category .commands a {
13255 .calendar_event_course {
13256 background-color: #ffd3bd; }
13257 .calendar_event_course .commands a {
13260 .calendar_event_site {
13261 background-color: #d6f8cd; }
13262 .calendar_event_site .commands a {
13265 .calendar_event_group {
13266 background-color: #fee7ae; }
13267 .calendar_event_group .commands a {
13270 .calendar_event_user {
13271 background-color: #dce7ec; }
13272 .calendar_event_user .commands a {
13275 .calendar_event_other {
13276 background-color: #ced4da; }
13277 .calendar_event_other .commands a {
13282 table-layout: fixed
; }
13284 .calendartable td {
13286 vertical-align: top
;
13287 text-align: center
;
13290 .calendar-controls
.previous
,
13291 .calendar-controls
.next
,
13292 .calendar-controls .current {
13297 .calendar-controls .previous {
13299 border: 1px solid transparent
;
13302 .calendar-controls .current {
13303 text-align: center
;
13306 .calendar-controls .next {
13308 border: 1px solid transparent
;
13311 .calendar-controls .drop-target {
13312 box-sizing: border-box
;
13313 border: 1px dashed
#0f6cbf; }
13316 border-collapse: separate
;
13317 border-spacing: 2px;
13320 #region-main .maincalendar
.calendarwrapper td
> div
{
13322 overflow: hidden
; }
13325 vertical-align: top
;
13327 .maincalendar .bottom {
13330 margin: 10px auto
; }
13331 .maincalendar .bottom span.footer-link:after {
13334 .maincalendar .bottom span.footer-link:last-child:after {
13336 .maincalendar .heightcontainer {
13338 position: relative
; }
13339 .maincalendar .calendarmonth {
13341 margin: 10px auto
; }
13342 .maincalendar .calendarmonth ul {
13345 .maincalendar .calendarmonth ul li[data-event-folded="true"] {
13347 .maincalendar .calendarmonth ul li {
13348 list-style-type: none
;
13349 line-height: 1.2em; }
13350 .maincalendar .calendarmonth ul li > a {
13352 text-overflow: ellipsis
;
13353 white-space: nowrap
;
13355 display: inline-block
; }
13356 .maincalendar .calendarmonth ul li > a:hover {
13357 text-decoration: none
; }
13358 .maincalendar .calendarmonth ul li > a:hover .eventname {
13359 text-decoration: underline
; }
13360 .maincalendar .calendarmonth ul li a[data-action="view-day-link"] {
13362 text-overflow: ellipsis
;
13363 white-space: nowrap
; }
13364 .maincalendar .calendarmonth ul li .icon {
13365 margin-left: 0.25em;
13366 margin-right: 0.25em;
13367 vertical-align: initial
; }
13368 .maincalendar .calendarmonth ul li .calendar-circle {
13371 border-radius: 6px;
13372 vertical-align: middle
;
13373 display: inline-block
; }
13374 .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_category {
13375 background-color: #e0cbe0;
13376 border: 2px solid
#9e619f; }
13377 .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_course {
13378 background-color: #ffd3bd;
13379 border: 2px solid
#d34600; }
13380 .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_site {
13381 background-color: #d6f8cd;
13382 border: 2px solid
#2b8713; }
13383 .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_group {
13384 background-color: #fee7ae;
13385 border: 2px solid
#9a6e02; }
13386 .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_user {
13387 background-color: #dce7ec;
13388 border: 2px solid
#4e7c91; }
13389 .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_other {
13390 background-color: #ced4da;
13391 border: 2px solid
#687889; }
13392 .maincalendar .calendarmonth th {
13394 padding-left: 16px; }
13395 .maincalendar .calendarmonth td a.day:focus {
13396 display: inline-block
;
13397 border-radius: 50%;
13398 box-shadow: 0 0 0 0.2rem rgba
(15, 108, 191, 0.75); }
13399 .maincalendar .calendarmonth td .day-number-circle {
13400 display: inline-block
;
13404 .maincalendar .calendarmonth td .day-number-circle .day-number {
13405 display: inline-block
;
13408 text-align: center
; }
13409 .maincalendar .calendarmonth td.today .day-number-circle {
13410 border-radius: 50%;
13412 background-color: #0f6cbf; }
13413 .maincalendar .calendarmonth .clickable:hover {
13414 background-color: #ededed; }
13415 .maincalendar .controls {
13417 margin: 10px auto
; }
13418 .maincalendar
.calendar_event_category:hover a
,
13419 .maincalendar
.calendar_event_course:hover a
,
13420 .maincalendar
.calendar_event_site:hover a
,
13421 .maincalendar
.calendar_event_group:hover a
,
13422 .maincalendar .calendar_event_user:hover a {
13424 text-decoration: underline
; }
13425 .maincalendar .calendar_event_category {
13426 border-color: #e0cbe0; }
13427 .maincalendar .calendar_event_course {
13428 border-color: #ffd3bd; }
13429 .maincalendar .calendar_event_site {
13430 border-color: #d6f8cd; }
13431 .maincalendar .calendar_event_group {
13432 border-color: #fee7ae; }
13433 .maincalendar .calendar_event_user {
13434 border-color: #dce7ec; }
13435 .maincalendar .calendar_event_other {
13436 border-color: #ced4da; }
13437 .maincalendar
.calendartable td
,
13438 .maincalendar .calendartable li {
13440 .maincalendar .calendartable li {
13441 text-align: left
; }
13442 .maincalendar .header {
13443 overflow: hidden
; }
13444 .maincalendar .header .buttons {
13446 .maincalendar .event .card-header img {
13447 vertical-align: baseline
; }
13448 .maincalendar .event .location {
13449 word-break: break-all
;
13450 overflow-wrap: break-word
; }
13451 .maincalendar table#subscription_details_table td {
13452 vertical-align: middle
; }
13453 .maincalendar table#subscription_details_table td > .btn-group button {
13456 #page-calendar-export .indent
{
13457 padding-left: 20px; }
13461 margin: 10px auto
; }
13462 .block .bottom span.footer-link:after {
13465 .block .bottom span.footer-link:last-child:after {
13468 .block .minicalendar {
13472 .block
.minicalendar th
,
13473 .block .minicalendar td {
13476 text-align: center
; }
13477 .block .minicalendar td.weekend {
13479 .block .minicalendar td a {
13484 .block .minicalendar td.duration_global {
13485 border-top: 1px solid
#d6f8cd;
13486 border-bottom: 1px solid
#d6f8cd; }
13487 .block .minicalendar td.duration_global.duration_finish {
13488 background-color: #d6f8cd; }
13489 .block .minicalendar td.duration_category {
13490 border-top: 1px solid
#e0cbe0;
13491 border-bottom: 1px solid
#e0cbe0; }
13492 .block .minicalendar td.duration_category.duration_finish {
13493 background-color: #e0cbe0; }
13494 .block .minicalendar td.duration_course {
13495 border-top: 1px solid
#ffd3bd;
13496 border-bottom: 1px solid
#ffd3bd; }
13497 .block .minicalendar td.duration_course.duration_finish {
13498 background-color: #ffd3bd; }
13499 .block .minicalendar td.duration_group {
13500 border-top: 1px solid
#fee7ae;
13501 border-bottom: 1px solid
#fee7ae; }
13502 .block .minicalendar td.duration_group.duration_finish {
13503 background-color: #fee7ae; }
13504 .block .minicalendar td.duration_user {
13505 border-top: 1px solid
#dce7ec;
13506 border-bottom: 1px solid
#dce7ec; }
13507 .block .minicalendar td.duration_user.duration_finish {
13508 background-color: #dce7ec; }
13509 .block .minicalendar td.duration_other {
13510 border-top: 1px solid
#ced4da;
13511 border-bottom: 1px solid
#ced4da; }
13512 .block .minicalendar td.duration_other.duration_finish {
13513 background-color: #ced4da; }
13514 .block .minicalendar caption {
13515 font-size: inherit
;
13516 font-weight: inherit
;
13517 line-height: inherit
;
13518 text-align: center
; }
13520 .block .calendar_filters ul {
13525 .block .calendar_filters li {
13526 margin-bottom: 0.2em; }
13527 .block .calendar_filters li span.calendar_event_category i {
13529 .block .calendar_filters li span.calendar_event_course i {
13531 .block .calendar_filters li span.calendar_event_site i {
13533 .block .calendar_filters li span.calendar_event_group i {
13535 .block .calendar_filters li span.calendar_event_user i {
13537 .block .calendar_filters li span.calendar_event_other i {
13539 .block .calendar_filters li span img {
13542 .block .calendar_filters li .icon {
13543 vertical-align: initial
;
13544 margin: 0 0.1rem 0 0.4rem; }
13545 .block .calendar_filters li > a:hover {
13546 text-decoration: none
; }
13547 .block .calendar_filters li > a:hover .eventname {
13548 text-decoration: underline
; }
13550 .block .content h3.eventskey {
13551 margin-top: 0.5em; }
13553 .path-course-view .block.block_calendar_month .maincalendar div.header {
13554 visibility: hidden
;
13557 .path-course-view .block.block_calendar_month .maincalendar .calendarwrapper .arrow_text {
13560 .path-course-view .block.block_calendar_month .footer .bottom .footer-link {
13563 .path-course-view .block.block_calendar_month .footer .bottom .footer-link:after {
13566 /* Display month name above the calendar */
13567 table
.calendartable caption
{
13568 caption-side: top
; }
13570 @media (min-width: 768px) {
13571 #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
{
13572 min-width: 1024px; } }
13574 @media (min-width: 768px) {
13575 section:not
(#region-main
) .block
.block_calendar_month
.maincalendar div
.header
{
13576 visibility: hidden
;
13578 section:not
(#region-main
) .block
.block_calendar_month
.maincalendar
.calendarwrapper
.current
{
13580 font-size: inherit
;
13581 line-height: inherit
; }
13582 section:not
(#region-main
) .block
.block_calendar_month
.maincalendar
.calendarwrapper
.previous
,
13583 section:not
(#region-main
) .block
.block_calendar_month
.maincalendar
.calendarwrapper
.next
{
13585 font-size: 0.8em; }
13586 section:not
(#region-main
) .block
.block_calendar_month
.maincalendar
.calendartable
.calendarmonth th
,
13587 section:not
(#region-main
) .block
.block_calendar_month
.maincalendar
.calendartable
.calendarmonth td
{
13589 text-align: center
!important
;
13591 section:not
(#region-main
) .block
.block_calendar_month
.maincalendar
.calendartable
.calendarmonth td
{
13593 font-size: 0.8em; }
13594 section:not
(#region-main
) .block
.block_calendar_month
.maincalendar
.calendartable
.calendarmonth td
.hasevent
[data-region
="day-content"] {
13596 section:not
(#region-main
) .block
.block_calendar_month
.maincalendar
.calendartable
.calendarmonth td
.hasevent
.day-number
{
13597 display: inline-block
;
13598 position: relative
; }
13599 section:not
(#region-main
) .block
.block_calendar_month
.maincalendar
.calendartable
.calendarmonth td
.hasevent
.day-number:before
{
13601 display: inline-block
;
13602 position: absolute
;
13605 text-align: center
;
13609 section:not
(#region-main
) .block
.block_calendar_month
.maincalendar
.calendartable
.calendarmonth
td:after
{
13612 margin-top: calc
(100% - 26px); }
13613 section:not
(#region-main
) .block
.block_calendar_month
.maincalendar
.calendartable
.calendarmonth td
.clickable:hover
{
13614 background-color: inherit
; }
13615 section:not
(#region-main
) .block
.block_calendar_month
.maincalendar
.calendartable
.calendarmonth td
.clickable:not
(.today
):hover
.day-number-circle
{
13616 border-radius: 50%;
13617 background-color: #ededed; }
13618 section:not
(#region-main
) .block
.block_calendar_month
.bottom
{
13619 border-top: 1px solid rgba
(0, 0, 0, 0.125);
13620 padding-top: 0.5rem; } }
13622 @media (max-width: 768px) {
13623 .maincalendar
.calendartable
.calendarmonth th
,
13624 .maincalendar .calendartable.calendarmonth td {
13626 text-align: center
!important
;
13628 .maincalendar .calendartable.calendarmonth td {
13630 font-size: inherit
;
13632 .maincalendar .calendartable.calendarmonth td.hasevent [data-region="day-content"] {
13634 .maincalendar .calendartable.calendarmonth td.hasevent .day-number {
13635 display: inline-block
;
13636 position: relative
; }
13637 .maincalendar .calendartable.calendarmonth td.hasevent .day-number:before {
13639 display: inline-block
;
13640 position: absolute
;
13643 text-align: center
;
13647 .maincalendar .calendartable.calendarmonth td:after {
13650 margin-top: calc
(100% - 26px); }
13651 .maincalendar .calendartable.calendarmonth td > div {
13652 height: auto
!important
; } }
13655 position: relative
; }
13657 .day-popover-content:empty + .day-popover-alternate {
13660 .location-content {
13661 overflow-wrap: break-word
; }
13663 .description-content {
13664 overflow-wrap: break-word
; }
13665 .description-content > p {
13671 .content-bank-container .cb-content-wrapper {
13678 .content-bank-container .cb-thumbnail {
13681 background-repeat: no-repeat
;
13682 background-position: center
;
13683 background-size: cover
; }
13685 .content-bank-container.view-grid {
13686 /* Display a centered eye slash on top of unlisted content icons. */ }
13687 .content-bank-container.view-grid .cb-listitem {
13688 margin-bottom: 0.5rem; }
13689 .content-bank-container.view-grid .cb-listitem.cb-unlisted {
13690 position: relative
; }
13691 @media
(max-width: 767.98px) {
13692 .content-bank-container.view-grid .cb-listitem {
13693 flex-basis: 50%; } }
13694 @media
(min-width: 576px) {
13695 .content-bank-container.view-grid .cb-listitem {
13697 min-width: 120px; } }
13698 .content-bank-container.view-grid .cb-name {
13699 text-align: center
; }
13700 .content-bank-container.view-grid .cb-file {
13702 .content-bank-container.view-grid .cb-thumbnail {
13706 margin-right: auto
;
13707 margin-bottom: 0.5rem; }
13708 .content-bank-container.view-grid .cb-unlisted .cb-thumbnail {
13710 .content-bank-container.view-grid .cb-unlisted::after {
13711 position: absolute
;
13716 font-family: FontAwesome
;
13718 text-align: center
;
13720 text-shadow: 0 0 10px #fff; }
13721 .content-bank-container
.view-grid
.cb-heading
,
13722 .content-bank-container
.view-grid
.cb-uses
,
13723 .content-bank-container
.view-grid
.cb-date
,
13724 .content-bank-container
.view-grid
.cb-size
,
13725 .content-bank-container
.view-grid
.cb-type
,
13726 .content-bank-container.view-grid .cb-author {
13729 .content-bank-container.view-list .cb-content-wrapper {
13731 flex-direction: column
;
13732 flex-wrap: nowrap
; }
13734 .content-bank-container.view-list .cb-thumbnail {
13735 margin-right: 0.5rem; }
13737 .content-bank-container
.view-list
.cb-listitem
,
13738 .content-bank-container.view-list .cb-heading {
13742 border-bottom: 1px solid
#dee2e6; }
13744 .content-bank-container.view-list .cb-column {
13746 padding: 0.25rem; }
13748 .content-bank-container.view-list .cb-column {
13749 border-right: 1px solid
#dee2e6; }
13751 .content-bank-container.view-list .cb-listitem.cb-unlisted .cb-thumbnail {
13754 .content-bank-container
.view-list
.cb-listitem
.cb-unlisted
.cb-column
,
13755 .content-bank-container.view-list .cb-listitem.cb-unlisted .cb-column a {
13758 @media (max-width: 767.98px) {
13759 .content-bank-container.view-list .cb-column {
13761 max-width: 50%; } }
13763 @media (min-width: 576px) {
13764 .content-bank-container.view-list .cb-heading {
13768 .content-bank-container.view-list .cb-file {
13771 .content-bank-container
.view-list
.cb-uses
,
13772 .content-bank-container
.view-list
.cb-date
,
13773 .content-bank-container
.view-list
.cb-size
,
13774 .content-bank-container
.view-list
.cb-type
,
13775 .content-bank-container.view-list .cb-author {
13778 .content-bank-container.view-list .cb-column.last {
13779 border-right: 0; } }
13781 .content-bank-container.view-list .cb-btnsort span {
13784 .content-bank-container.view-list .cb-btnsort .title {
13787 .content-bank-container
.view-list
.cb-btnsort
.dir-none
.default
,
13788 .content-bank-container
.view-list
.cb-btnsort
.dir-asc
.asc
,
13789 .content-bank-container.view-list .cb-btnsort.dir-desc .desc {
13792 .cb-toolbar-container .dropdown-scrollable {
13794 overflow-y: auto
; }
13796 .cb-navigation-container
.singleselect
,
13797 .cb-navigation-container .singleselect .custom-select {
13801 /* COURSE CONTENT */
13802 .section_add_menus {
13806 .section-modchooser {
13808 margin-top: 0.25rem; }
13810 .block_tree .tree_item.branch {
13811 margin-left: 8px; }
13813 .section_add_menus
.horizontal div
,
13814 .section_add_menus .horizontal form {
13817 .section_add_menus optgroup {
13818 font-weight: normal
;
13819 font-style: italic
; }
13822 .section_add_menus .urlselect {
13824 margin-left: .4em; }
13827 .section_add_menus .urlselect select {
13828 margin-left: .2em; }
13830 .sitetopic ul.section {
13833 body:not
(.editing
) .sitetopic ul
.section
{
13835 body:not
(.editing
) .sitetopic ul
.section
.label
.mod-indent-outer
{
13838 @media (min-width: 576px) {
13839 .course-content ul.section {
13843 margin-top: 0.5rem; }
13844 .section .side.left {
13846 .section .side.right {
13850 .section .spinner {
13854 .section .activity {
13856 padding: 0.25rem 0;
13857 /* The command block for each activity */ }
13858 .section .activity .spinner {
13860 position: absolute
; }
13861 .section .activity .actions {
13862 position: absolute
;
13866 .section
.activity
.contentwithoutlink
,
13867 .section .activity .activityinstance {
13869 .section
.activity
.contentwithoutlink
> a
,
13870 .section .activity .activityinstance > a {
13871 display: inline-flex
;
13872 align-items: center
; }
13873 .section
.activity
.contentwithoutlink
.dimmed
.activityicon
,
13874 .section .activity .activityinstance .dimmed .activityicon {
13876 .section .activity .stealth {
13878 .section
.activity a
.stealth
,
13879 .section .activity a.stealth:hover {
13880 color: #5babf2 !important
;
13881 /* stylelint-disable-line declaration-no-important */ }
13883 .section
.label
.contentwithoutlink
,
13884 .section .label .activityinstance {
13885 padding-right: 32px;
13889 @media (min-width: 576px) {
13890 .section .label .mod-indent-outer {
13891 padding-left: 24px;
13892 display: block
; } }
13899 display: inline-block
; }
13901 .section
.activity
.editor_displayed a
.editing_title
,
13902 .section .activity.editor_displayed .moodle-actionmenu {
13905 .section .activity.editor_displayed div.activityinstance {
13906 padding-right: initial
; }
13907 .section .activity.editor_displayed div.activityinstance input {
13908 margin-bottom: initial
;
13909 padding-top: initial
;
13910 padding-bottom: initial
;
13911 vertical-align: text-bottom
; }
13913 .section .activity .activityinstance {
13914 display: inline-flex
;
13915 align-items: center
;
13916 margin-bottom: 1rem; }
13918 .editing
.section
.activity
.contentwithoutlink
,
13919 .editing .section .activity .activityinstance {
13920 padding-right: 200px; }
13922 .editing .section .activity .editing_move {
13923 position: absolute
;
13928 .editing .section .activity .mod-indent-outer {
13930 * Add appropriate padding such that nothing overlaps the
13931 * absolute positioned move icon.
13933 padding-left: 2rem; }
13935 .editing .activity .editing_move_activity {
13936 position: absolute
;
13941 .editing .course-content .stateready .section .spinner {
13944 .editing .editinprogress {
13945 position: relative
; }
13946 .editing .editinprogress > * {
13948 .editing
.editinprogress
.corelightbox
,
13949 .editing .editinprogress .lightbox {
13951 .editing .editinprogress:after {
13952 position: absolute
;
13953 font-family: "FontAwesome";
13958 justify-content: center
;
13959 align-items: center
;
13962 left: calc
(50% - 15px);
13963 top: calc
(50% - 15px);
13964 animation: editinprogress-rotation
2s infinite linear
; }
13965 .editing .editinprogress .editinprogress:after {
13968 @keyframes editinprogress-rotation
{
13971 transform: rotate
(0deg); }
13976 transform: rotate
(359deg); } }
13978 .editing_show
+ .editing_assign
,
13979 .editing_hide + .editing_assign {
13980 margin-left: 20px; }
13982 .section .activity .commands {
13983 white-space: nowrap
;
13984 display: inline-block
; }
13986 .section .activity.modtype_label.label {
13987 font-weight: normal
; }
13988 .section .activity.modtype_label.label .contentwithoutlink {
13990 .section
.activity
.modtype_label
.label
.hasinfo
p:last-child
,
13991 .section .activity.modtype_label.label.hasinfo i:last-child {
13992 margin-bottom: 0; }
13994 .section li.activity:not(.activity-wrapper) {
13997 .section li.activity:not(.activity-wrapper).hasinfo {
13998 border-bottom: 1px solid
#dee2e6;
14000 padding-bottom: 1rem; }
14001 .section li.activity:not(.activity-wrapper).hasinfo:last-child {
14003 padding-bottom: 0; }
14005 .course-content .section.dropready.main.drop-down {
14006 border-bottom: 1px solid
#1d2125; }
14008 .course-content .section.dropready .course-section-header.dropready.drop-zone {
14009 margin-top: -2px; }
14011 .course-content .section.dropready li.activity.dropready.drop-down {
14012 border-bottom: 1px solid
#1d2125;
14013 margin-bottom: -1px; }
14015 .course-content .section.dropready li.activity.dropready.drop-up {
14016 border-top: 1px solid
#1d2125;
14017 margin-top: -1px; }
14019 .section .activity .activityinstance .groupinglabel {
14020 padding-left: 30px; }
14022 .section
.main:not
(.course-section
) .activity
.availabilityinfo
,
14023 .section.main:not(.course-section) .activity .contentafterlink {
14025 margin-left: 30px; }
14027 .section .activity .contentafterlink p {
14030 .editing
.section
.main:not
(.course-section
) .activity:hover
,
14031 .editing
.section
.main:not
(.course-section
) .activity
.action-menu-shown
,
14032 .editing .section.main:not(.course-section) .sectionname:hover {
14033 background-color: rgba
(0, 0, 0, 0.03); }
14035 .course-content .current {
14036 position: relative
; }
14038 .course-content .current::before {
14039 border-left: #0f6cbf 3px solid
;
14043 position: absolute
;
14046 .course-content .section-summary {
14047 border: 1px solid
#dee2e6;
14049 list-style: none
; }
14051 .course-content .section-summary .section-title {
14052 margin: 2px 5px 10px 5px; }
14054 .course-content .section-summary .summarytext {
14055 margin: 2px 5px 2px 5px; }
14057 .course-content .section-summary .section-summary-activities .activity-count {
14059 font-size: 0.8203125rem;
14061 white-space: nowrap
;
14062 display: inline-block
; }
14064 .course-content .section-summary .summary {
14067 .course-content .single-section {
14070 .course-content .single-section .section-navigation {
14073 margin-bottom: -0.5em; }
14075 .course-content .single-section .section-navigation .title {
14080 .course-content .single-section .section-navigation .mdl-left {
14081 font-weight: normal
;
14083 margin-right: 1em; }
14085 .course-content .single-section .section-navigation .mdl-left .larrow {
14086 margin-right: 0.1em; }
14088 .course-content .single-section .section-navigation .mdl-right {
14089 font-weight: normal
;
14091 margin-left: 1em; }
14093 .course-content .single-section .section-navigation .mdl-right .rarrow {
14094 margin-left: 0.1em; }
14096 .course-content .single-section .section-navigation .mdl-bottom {
14099 .course-content ul li.section.main:not(.course-section) {
14100 border-bottom: 1px solid
#dee2e6;
14102 .course-content ul li.section.main:not(.course-section):last-child {
14103 border-bottom: 0; }
14105 .course-content ul li
.section
.hidden:not
(.course-section
) .sectionname
> span
,
14106 .course-content ul li
.section
.hidden:not
(.course-section
) .content
> div
.summary
,
14107 .course-content ul li.section.hidden:not(.course-section) .activity .activityinstance {
14110 .course-content ul
.topics
,
14111 .course-content ul.weeks {
14114 list-style: none
; }
14115 .course-content ul
.topics li
.section
,
14116 .course-content ul.weeks li.section {
14118 padding-bottom: 1rem; }
14119 .course-content ul
.topics li
.section
.content
,
14120 .course-content ul.weeks li.section .content {
14123 @media
(min-width: 576px) {
14124 .course-content ul
.topics li
.section
.summary
,
14125 .course-content ul
.topics li
.section
.content
> .availabilityinfo
,
14126 .course-content ul
.weeks li
.section
.summary
,
14127 .course-content ul.weeks li.section .content > .availabilityinfo {
14128 margin-left: 25px; } }
14129 .course-content ul
.topics li
.section
.left
,
14130 .course-content ul
.topics li
.section
.right
,
14131 .course-content ul
.weeks li
.section
.left
,
14132 .course-content ul.weeks li.section .right {
14137 @media (max-width: 767.98px) {
14138 body:not
(.editing
) .course-content ul
.topics li
.section
.left
,
14139 body:not
(.editing
) .course-content ul
.topics li
.section
.right
,
14140 body:not
(.editing
) .course-content ul
.weeks li
.section
.left
,
14141 body:not
(.editing
) .course-content ul
.weeks li
.section
.right
{
14147 .course-content .hidden {
14150 @media (max-width: 767.98px) {
14151 .course-content li.section:not(.course-section) ul {
14152 padding-left: 0; } }
14154 .course-content li.section:not(.course-section) ul {
14155 list-style: disc
; }
14156 .course-content li.section:not(.course-section) ul ul {
14157 list-style: circle
; }
14158 .course-content li.section:not(.course-section) ul ul ul {
14159 list-style: square
; }
14161 .course-content li.section:not(.course-section) li.activity ul {
14162 list-style: disc
; }
14163 .course-content li.section:not(.course-section) li.activity ul ul {
14164 list-style: circle
; }
14165 .course-content li.section:not(.course-section) li.activity ul ul ul {
14166 list-style: square
; }
14168 .course-content li.section:not(.course-section) .right > .icon:first-child {
14169 /* Remove the spacer icon. */
14172 .path-course-view.editing #region-main > .card-block {
14173 padding-bottom: 13rem; }
14175 .jumpmenu .form-inline {
14178 .path-course-view .completionprogress {
14179 margin-left: 25px; }
14181 .path-course-view .completionprogress {
14185 position: relative
; }
14187 #page-site-index .subscribelink
{
14188 text-align: right
; }
14190 #site-news-forum h2
,
14191 #frontpage-course-list h2
,
14192 #frontpage-category-names h2
,
14193 #frontpage-category-combo h2
{
14194 margin-bottom: 9px; }
14196 .path-course-view a.reduce-sections {
14197 padding-left: 0.2em; }
14199 .path-course-view .subscribelink {
14200 text-align: right
; }
14202 .path-course-view .unread {
14203 margin-left: 30px; }
14205 .path-course-view .block.drag .header {
14208 .path-course-view .completionprogress {
14209 text-align: right
; }
14211 .path-course-view .single-section .completionprogress {
14212 margin-right: 5px; }
14214 .path-site li
.activity
> div:not
(.activity-item
),
14215 .path-course-view li.activity > div:not(.activity-item) {
14216 position: relative
;
14217 padding: 0 16px 0 0;
14218 /* to accommodate the floated completion icon with highlighting */ }
14220 .path-course-view li.activity span.autocompletion img {
14221 vertical-align: text-bottom
;
14224 .path-course-view li.activity form.togglecompletion .btn {
14227 .path-course-view li.activity form.togglecompletion img {
14229 /* The width is 0 so ensure we don't end up with a relative max-width */ }
14231 .path-course-view.editing li.activity span.autocompletion img {
14232 /* Use the same spacing as the filler. */
14233 margin-right: 0.5rem;
14234 margin-left: 0.5rem; }
14236 .path-course-view li.activity form.togglecompletion .ajaxworking {
14239 position: absolute
;
14242 background: url
([[pix:i
/ajaxloader
]]) no-repeat
; }
14244 li
.section
.hidden span
.commands a
.editing_hide
,
14245 li
.section
.hidden span
.commands a
.editing_show
{
14248 .single-section h3.sectionname {
14249 text-align: center
;
14252 input
.titleeditor
{
14254 vertical-align: text-bottom
; }
14256 span
.editinstructions
{
14257 position: absolute
;
14261 font-size: 0.8203125rem;
14262 padding: .1em .4em;
14263 text-decoration: none
;
14265 border: 0 solid transparent
;
14267 background-color: #cce6ea;
14268 border-color: #b8dce2; }
14269 span
.editinstructions hr
{
14270 border-top-color: #a6d3db; }
14271 span
.editinstructions
.alert-link
{
14274 /* Course drag and drop upload styles */
14275 #dndupload-status {
14281 text-align: center
;
14283 border: 0 solid transparent
;
14285 background-color: #cce6ea;
14286 border-color: #b8dce2; }
14287 #dndupload-status hr
{
14288 border-top-color: #a6d3db; }
14289 #dndupload-status .alert-link
{
14292 .dndupload-preview {
14294 background-color: #0f6cbf;
14296 text-align: center
;
14297 font-size: 1.171875rem;
14300 border-radius: 0.25rem; }
14302 .dndupload-hidden {
14305 /* COURSES LISTINGS AND COURSE SUMMARY */
14306 #page-course-pending .singlebutton
,
14307 #page-course-index .singlebutton
,
14308 #page-course-index-category .singlebutton
,
14309 #page-course-editsection .singlebutton
{
14310 text-align: center
; }
14312 #page-admin-course-manage #movecourses td img
{
14314 vertical-align: text-bottom
; }
14318 text-align: left
; }
14320 #page-course-pending .pendingcourserequests
{
14321 margin-bottom: 1em; }
14323 #page-course-pending .pendingcourserequests
.singlebutton
{
14326 #page-course-pending .pendingcourserequests
.cell
{
14329 #page-course-pending .pendingcourserequests
.cell
.c6
{
14330 white-space: nowrap
; }
14334 flex-direction: column
; }
14337 align-items: center
; }
14339 #frontpage-available-course-list,
14340 #frontpage-course-list,
14341 .course-search-result {
14342 margin-top: 0.5rem; }
14343 #frontpage-available-course-list .coursebox
,
14344 #frontpage-course-list .coursebox
,
14345 .course-search-result .coursebox {
14347 border: 1px solid
#dee2e6;
14348 margin-bottom: 0.5rem;
14349 border-radius: 0.25rem; }
14351 .subcategories
.coursebox
> .info
> .coursename a
,
14352 #frontpage-category-names .coursebox
> .info
> .coursename a
,
14353 #frontpage-category-combo .coursebox
> .info
> .coursename a
{
14355 background-image: url
([[pix:moodle|i
/course
]]);
14356 background-repeat: no-repeat
;
14357 padding-left: 21px;
14358 background-position: left
0.2em; }
14360 .coursebox > .info > .coursename {
14361 font-size: 0.9375rem;
14362 font-weight: normal
;
14366 .coursebox .content .teachers li {
14367 list-style-type: none
;
14371 .coursebox
.customfieldname
,
14372 .coursebox .customfieldseparator {
14373 font-weight: 700; }
14375 .coursebox .content .courseimage img {
14377 max-height: 100px; }
14379 .coursebox
.content
.coursecat
,
14380 .coursebox
.content
.summary
,
14381 .coursebox
.content
.courseimage
,
14382 .coursebox
.content
.coursefile
,
14383 .coursebox
.content
.teachers
,
14384 .coursebox
.remotecoursebox
.remotecourseinfo
,
14385 .coursebox .content .customfields-container {
14386 margin: 15px 5px 5px;
14389 .category-browse
.coursebox
.content
.coursecat
,
14390 .category-browse
.coursebox
.content
.summary
,
14391 .category-browse
.coursebox
.content
.courseimage
,
14392 .category-browse
.coursebox
.content
.coursefile
,
14393 .category-browse
.coursebox
.content
.teachers
,
14394 .category-browse
.coursebox
.remotecoursebox
.remotecourseinfo
,
14395 .category-browse .coursebox .content .customfields-container {
14398 .coursebox.collapsed > .content {
14401 .courses > .paging.paging-morelink {
14402 text-align: center
;
14405 .course_category_tree .category .numberofcourse {
14406 font-size: 0.8203125rem; }
14408 .course_category_tree .category > .info > .categoryname {
14410 font-size: 0.9375rem;
14411 font-weight: normal
;
14412 padding: 2px 18px; }
14414 .course_category_tree .category.with_children > .info > .categoryname {
14415 background-image: url
([[pix:moodle|t
/expanded
]]);
14416 background-repeat: no-repeat
;
14417 background-position: center left
; }
14419 .course_category_tree .category.with_children.collapsed > .info > .categoryname {
14420 background-image: url
([[pix:moodle|t
/collapsed
]]); }
14423 .course_category_tree .category.with_children.collapsed > .info > .categoryname {
14424 background-image:url([[pix:moodle|t/collapsed_rtl]]);
14427 .course_category_tree .category.collapsed > .content {
14430 .course_category_tree .category > .content {
14431 padding-left: 16px; }
14433 #page-course-index-category .categorypicker
{
14434 margin: 10px 0 20px; }
14437 * Course management page
14440 * Background (reg) #F5F5F5
14441 * Background (light #fafafa
14442 * Background (highlight) #ddffaa
14445 #course-category-listings {
14447 /** Two column layout */
14448 /** Three column layout */ }
14449 #course-category-listings.columns-2
> #course-listing
> div
{
14450 position: relative
;
14452 #course-category-listings.columns-3
> #course-listing
> div
{
14454 #course-category-listings > div
> div
{
14455 min-height: 300px; }
14456 #course-category-listings > div
> div
> ul
.ml
> li:first-child
> div
{
14458 #course-category-listings h3
{
14460 padding: 0.4rem 0.6rem 0.3rem; }
14461 #course-category-listings h4
{
14463 padding: 0.6rem 1rem 0.5rem; }
14464 #course-category-listings .moodle-actionmenu
{
14465 white-space: nowrap
; }
14466 #course-category-listings .listing-actions
{
14467 text-align: center
; }
14468 #course-category-listings .listing-actions
> .moodle-actionmenu
{
14469 display: inline-block
; }
14470 #course-category-listings ul
.ml
{
14473 #course-category-listings ul
.ml ul
.ml
{
14475 #course-category-listings .listitem
[data-selected
='1'] {
14476 border-left: calc
(1px + 5px) solid
#0f6cbf;
14477 padding-left: calc
(1.25rem - 5px); }
14478 #course-category-listings .item-actions
{
14480 display: inline-block
; }
14481 #course-category-listings .item-actions
.show
.menu img
{
14484 #course-category-listings .item-actions
.menu-action-text
{
14485 vertical-align: inherit
; }
14486 #course-category-listings .listitem
> div
> .float-left
{
14488 #course-category-listings .listitem
> div
> .float-right
{
14490 text-align: right
; }
14491 #course-category-listings .listitem
> div
.item-actions
.action-show
{
14493 #course-category-listings .listitem
> div
.item-actions
.action-hide
{
14495 #course-category-listings .listitem
> div
.without-actions
{
14497 #course-category-listings .listitem
> div
.idnumber
{
14498 margin-right: 2em; }
14499 #course-category-listings .listitem
[data-visible
="0"] {
14501 #course-category-listings .listitem
[data-visible
="0"] > div
> a
{
14503 #course-category-listings .listitem
[data-visible
="0"] > div
.item-actions
.action-show
{
14505 #course-category-listings .listitem
[data-visible
="0"] > div
.item-actions
.action-hide
{
14507 #course-category-listings .listitem
.highlight
{
14508 background-color: #fff; }
14509 #course-category-listings .listitem
.highlight
> div
,
14510 #course-category-listings .listitem
.highlight
> div:hover
,
14511 #course-category-listings .listitem
.highlight
[data-selected
='1'] > div
{
14512 background-color: rgba
(0, 0, 0, 0.075); }
14513 #course-category-listings #course-listing
.listitem
.categoryname
{
14514 display: inline-block
;
14517 #course-category-listings #course-listing
.listitem
.coursename
{
14518 display: inline-block
; }
14519 #course-category-listings #course-listing
> .firstpage
.listitem:first-child
> div
.item-actions
.action-moveup
,
14520 #course-category-listings #course-listing
> .lastpage
.listitem:last-child
> div
.item-actions
.action-movedown
{
14522 #course-category-listings #course-listing
.bulk-action-checkbox
{
14523 margin: -2px 6px 0 0; }
14524 #course-category-listings #category-listing
.listitem
.collapsed
> ul
.ml
{
14526 #course-category-listings #category-listing
.listitem:first-child
> div
.item-actions
.action-moveup
,
14527 #course-category-listings #category-listing
.listitem:last-child
> div
.item-actions
.action-movedown
{
14529 #course-category-listings #category-listing
.course-count
{
14531 margin-right: 2rem;
14533 display: inline-block
; }
14534 #course-category-listings #category-listing
.bulk-action-checkbox
{
14535 margin-right: -3px; }
14536 #course-category-listings #category-listing
.category-listing
> ul
> .listitem:first-child
{
14537 position: relative
; }
14538 #course-category-listings #category-listing
.category-bulk-actions
{
14539 margin: 0 0.5em 0.5em;
14540 position: relative
; }
14541 #course-category-listings .detail-pair
> * {
14542 display: inline-block
; }
14543 #course-category-listings .detail-pair
.pair-key
{
14545 vertical-align: top
; }
14546 #course-category-listings .detail-pair
.pair-key span
{
14547 margin-right: 1rem;
14549 #course-category-listings .detail-pair
.pair-value select
{
14551 #course-category-listings .bulk-actions
.detail-pair
> * {
14554 #course-category-listings .listing-pagination
{
14555 text-align: center
; }
14556 #course-category-listings .listing-pagination
.yui3-button
{
14558 background-color: #008196;
14559 border-color: #008196;
14561 margin: 0.4rem 0.2rem 0.45rem;
14562 font-size: 10.4px; }
14563 #course-category-listings .listing-pagination
.yui3-button:hover
{
14565 background-color: #006070;
14566 border-color: #005563; }
14567 #course-category-listings .listing-pagination
.yui3-button:focus
, #course-category-listings
.listing-pagination
.yui3-button
.focus
{
14569 background-color: #006070;
14570 border-color: #005563;
14571 box-shadow: 0 0 0 0.2rem rgba
(38, 148, 166, 0.5); }
14572 #course-category-listings .listing-pagination
.yui3-button
.disabled
, #course-category-listings
.listing-pagination
.yui3-button:disabled
{
14574 background-color: #008196;
14575 border-color: #008196; }
14576 #course-category-listings .listing-pagination
.yui3-button:not
(:disabled
):not
(.disabled
):active
, #course-category-listings
.listing-pagination
.yui3-button:not
(:disabled
):not
(.disabled
).active
,
14577 .show > #course-category-listings .listing-pagination .yui3-button.dropdown-toggle {
14579 background-color: #005563;
14580 border-color: #004a56; }
14581 #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
,
14582 .show > #course-category-listings .listing-pagination .yui3-button.dropdown-toggle:focus {
14583 box-shadow: 0 0 0 0.2rem rgba
(38, 148, 166, 0.5); }
14584 #course-category-listings .listing-pagination
.yui3-button
.active-page
{
14586 background-color: #0f6cbf;
14587 border-color: #0f6cbf; }
14588 #course-category-listings .listing-pagination
.yui3-button
.active-page:hover
{
14590 background-color: #0c589c;
14591 border-color: #0b5190; }
14592 #course-category-listings .listing-pagination
.yui3-button
.active-page:focus
, #course-category-listings
.listing-pagination
.yui3-button
.active-page
.focus
{
14594 background-color: #0c589c;
14595 border-color: #0b5190;
14596 box-shadow: 0 0 0 0.2rem rgba
(51, 130, 201, 0.5); }
14597 #course-category-listings .listing-pagination
.yui3-button
.active-page
.disabled
, #course-category-listings
.listing-pagination
.yui3-button
.active-page:disabled
{
14599 background-color: #0f6cbf;
14600 border-color: #0f6cbf; }
14601 #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
,
14602 .show > #course-category-listings .listing-pagination .yui3-button.active-page.dropdown-toggle {
14604 background-color: #0b5190;
14605 border-color: #0a4b84; }
14606 #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
,
14607 .show > #course-category-listings .listing-pagination .yui3-button.active-page.dropdown-toggle:focus {
14608 box-shadow: 0 0 0 0.2rem rgba
(51, 130, 201, 0.5); }
14609 #course-category-listings .listing-pagination-totals
{
14610 text-align: center
; }
14611 #course-category-listings .listing-pagination-totals
.dimmed
{
14613 margin: 0.4rem 1rem 0.45rem; }
14614 #course-category-listings .select-a-category
.notifymessage
,
14615 #course-category-listings .select-a-category
.alert
{
14618 #course-category-listings #course-listing
.listitem
.drag-handle
{
14621 .jsenabled #course-category-listings #course-listing .listitem .drag-handle {
14622 display: inline-block
;
14626 /** Management header styling **/
14627 .coursecat-management-header {
14628 vertical-align: middle
; }
14629 .coursecat-management-header h2 {
14630 display: inline-block
;
14631 text-align: left
; }
14632 .coursecat-management-header > div {
14634 .coursecat-management-header > div > div {
14635 margin: 10px 0 10px 1em;
14636 display: inline-block
; }
14637 .coursecat-management-header select {
14640 padding: 0.4em 0.5em 0.45em 1em;
14641 vertical-align: baseline
;
14642 white-space: nowrap
; }
14643 .coursecat-management-header .view-mode-selector .moodle-actionmenu {
14644 white-space: nowrap
;
14645 display: inline-block
; }
14646 .coursecat-management-header .view-mode-selector .moodle-actionmenu[data-enhanced].show .menu a {
14647 padding-left: 1em; }
14649 .course-being-dragged-proxy {
14652 vertical-align: middle
;
14653 padding: 0 0 0 4em; }
14655 .course-being-dragged {
14660 * Large displays 1200 +
14661 * Default displays 980 1199
14663 * Small tablets and large phones 481 767
14666 @media (min-width: 1200px) and
(max-width: 1600px) {
14667 #course-category-listings.columns-3
{
14668 background-color: #fff;
14670 #course-category-listings.columns-3 #category-listing
,
14671 #course-category-listings.columns-3 #course-listing
{
14673 #course-category-listings.columns-3 #category-listing
> div
,
14674 #course-category-listings.columns-3 #course-listing
> div
,
14675 #course-category-listings.columns-3 #course-detail
> div
{
14676 background-color: #fff; }
14677 #course-category-listings.columns-3 #course-detail
{
14679 margin-top: 1em; } }
14681 @media (max-width: 1199px) {
14682 #course-category-listings.columns-2
,
14683 #course-category-listings.columns-3
{
14685 #course-category-listings.columns-2 #category-listing
,
14686 #course-category-listings.columns-2 #course-listing
,
14687 #course-category-listings.columns-2 #course-detail
,
14688 #course-category-listings.columns-3 #category-listing
,
14689 #course-category-listings.columns-3 #course-listing
,
14690 #course-category-listings.columns-3 #course-detail
{
14692 margin: 0 0 1em; } }
14694 .page-settings-menu .menubar > a > .icon {
14699 .activity-navigation .row {
14700 align-items: center
; }
14702 .activity-navigation #prev-activity-link
,
14703 .activity-navigation #next-activity-link {
14704 white-space: pre-wrap
; }
14706 .automatic-completion-conditions .badge {
14711 border-radius: 0.25rem;
14713 background-color: #f5f9fc;
14714 border-color: #3584c9;
14719 border-top-color: #3077b5; }
14720 .activity-add
.alert-link
,
14721 .block-add .alert-link {
14723 .activity-add
.pluscontainer
,
14724 .block-add .pluscontainer {
14725 border: 1px solid
#3584c9; }
14726 .activity-add:hover
,
14729 background-color: #cfe2f2; }
14730 .activity-add:hover
.activity-add-text
,
14731 .block-add:hover .activity-add-text {
14732 text-decoration: underline
; }
14734 #changenumsections {
14735 border-top: 1px solid
#3584c9; }
14737 .section-collapsemenu .collapseall {
14740 .section-collapsemenu .expandall {
14743 .section-collapsemenu.collapsed .collapseall {
14746 .section-collapsemenu.collapsed .expandall {
14752 border-bottom: 1px solid
#dee2e6; }
14753 .course-section:last-child:not(.section-summary) {
14754 border-bottom: 0; }
14755 .course-section .sectionbadges .badge {
14756 margin-left: 0.5rem; }
14757 .course-section .course-section-header.draggable {
14759 .course-section .section_action_menu .dropdown-toggle::after {
14761 .course-section .inplaceeditable {
14763 align-items: center
; }
14764 .course-section.section-summary {
14765 padding-left: 1rem;
14766 padding-right: 1rem;
14767 margin-bottom: 0.5rem;
14768 margin-top: 0.5rem;
14769 border-radius: 0.25rem; }
14770 .course-section .section-summary-activities .activity-count {
14772 font-size: 0.8203125rem;
14774 white-space: nowrap
;
14775 display: inline-block
; }
14776 .course-section.dndupload-dropzone {
14777 border: 2px dashed
#0f6cbf;
14779 padding-right: 2px;
14780 position: relative
; }
14781 .course-section.dndupload-dropzone .dndupload-preview-overlay {
14782 background-color: #fff;
14784 position: absolute
;
14789 .course-section.dndupload-dropzone .dndupload-preview-wrapper {
14790 position: absolute
;
14795 .description .course-description-item {
14797 background-color: #f8f9fa;
14798 padding-left: 1rem;
14799 padding-right: 1rem; }
14800 .description .course-description-item .description-inner {
14801 padding-bottom: 0.5rem;
14802 padding-top: 0.5rem;
14803 border-bottom: 1px solid
#dee2e6; }
14804 .description .course-description-item .description-inner p:last-child {
14806 margin-bottom: 0; }
14807 .description .course-description-item:first-child {
14810 border-top-left-radius: 0.25rem;
14811 border-top-right-radius: 0.25rem; }
14812 .description .course-description-item:first-child .description-inner {
14814 .description .course-description-item:last-child {
14815 padding-bottom: 1rem;
14816 border-bottom-left-radius: 0.25rem;
14817 border-bottom-right-radius: 0.25rem; }
14818 .description .course-description-item:last-child .description-inner {
14820 border-bottom: 0; }
14823 position: relative
;
14824 border-radius: 0.25rem; }
14825 .activity-item:not(.activityinline) {
14826 border: 1px solid
#dee2e6;
14828 .activity-item.activityinline {
14830 .activity-item.hiddenactivity {
14831 background-color: #f8f9fa; }
14832 .activity-item
.hiddenactivity
.description
.course-description-item
,
14833 .activity-item
.hiddenactivity
.activityiconcontainer
,
14834 .activity-item.hiddenactivity .badge {
14835 mix-blend-mode: multiply
; }
14836 .activity-item .activity-actions .actions {
14837 position: relative
; }
14838 .activity-item .activity-actions .dropdown-toggle::after {
14840 .activity-item .inplaceeditable {
14844 .activity-item
.inplaceeditable
.quickeditlink
,
14845 .activity-item .afterlink {
14846 margin: 1.5rem 0 0.2rem 0.5rem; }
14847 .activity-item .action-menu-item {
14849 align-items: center
; }
14850 .activity-item .action-menu-item .filler {
14852 .activity-item .no-overflow {
14854 @media
(max-width: 767.98px) {
14855 .activity-item .badge {
14856 white-space: normal
;
14857 text-align: left
; } }
14858 @media
(min-width: 768px) {
14859 .activity-item .automatic-completion-conditions {
14861 flex-direction: column
;
14862 align-items: flex-end
; }
14863 .activity-item:not(.activityinline) {
14865 .activity-item
.activity-info
,
14866 .activity-item .activity-actions {
14868 padding-left: 0.5rem;
14871 flex-direction: column
;
14872 justify-content: center
; } }
14874 .editing .activity-item {
14876 .editing .activity-item .a {
14878 .editing .activity-item:hover {
14880 background-color: #f5f9fc;
14881 border-color: #3584c9; }
14882 .editing .activity-item:hover hr {
14883 border-top-color: #3077b5; }
14884 .editing .activity-item:hover .alert-link {
14886 .editing
.activity-item:hover
.description
.course-description-item
,
14887 .editing
.activity-item:hover
.activityiconcontainer
,
14888 .editing .activity-item:hover .badge {
14889 mix-blend-mode: multiply
; }
14891 .section .draggable .activity-item .dragicon {
14894 .automatic-completion-conditions .badge {
14897 margin-top: 0.25rem; }
14898 .automatic-completion-conditions .badge .icon {
14901 font-size: 0.7rem; }
14902 .automatic-completion-conditions .badge:first-child {
14905 /* Anchor link offset fix. This makes hash links scroll 60px down to account for the fixed header. */
14907 scroll-margin-top: 60px; }
14909 .pagelayout-embedded :target {
14910 padding-top: initial
;
14911 margin-top: initial
; }
14913 #nav-drawer.closed
{
14916 #nav-drawer[aria-hidden
=true
] .list-group-item
{
14919 /* Use a variable for the drawer background colors. */
14920 [data-region
="drawer"] {
14924 height: calc
(100% - 50px);
14926 -webkit-overflow-scrolling: touch
;
14928 background-color: #f2f2f2;
14929 transition: right
0.5s ease
, left
0.5s ease
; }
14930 @media
(prefers-reduced-motion: reduce
) {
14931 [data-region
="drawer"] {
14932 transition: none
; } }
14934 @media (min-width: 576px) {
14935 [data-region
="drawer"] {
14936 padding: 20px 20px; }
14937 .jsenabled .btn-footer-popover {
14938 transition: 0.2s; } }
14939 @media
(min-width: 576px) and
(prefers-reduced-motion: reduce
) {
14940 .jsenabled .btn-footer-popover {
14941 transition: none
; } }
14946 /* Override the z-indexes defined in bootstrap/_list-group.scss that
14947 lead to side effects on the user tours positioning. */ }
14948 #nav-drawer .list-group-item-action
.active
,
14949 #nav-drawer .list-group-item
.active
{
14950 z-index: inherit
; }
14951 #nav-drawer .list-group-item-action
.active
+ .list-group-item
,
14952 #nav-drawer .list-group-item
.active
+ .list-group-item
{
14953 border-top: none
; }
14954 #nav-drawer .list-group ul
{
14958 #nav-drawer .list-group li
{
14959 margin-bottom: -1px; }
14960 #nav-drawer .list-group
li:last-child
{
14961 margin-bottom: 0; }
14964 transition: margin-left
0.5s ease
, margin-right
0.5s ease
; }
14965 @media
(prefers-reduced-motion: reduce
) {
14967 transition: none
; } }
14969 @media (min-width: 768px) {
14970 body:not
(.uses-drawers
).drawer-open-left
{
14971 margin-left: 285px; } }
14973 @media (min-width: 768px) {
14974 body
.drawer-open-left #page
.drawers
{
14975 margin-left: 285px;
14976 padding-left: 1rem; } }
14978 @media (min-width: 768px) {
14979 body
.drawer-open-right
{
14980 margin-right: 315px; } }
14982 [data-region
=right-hand-drawer
] {
14984 flex-direction: column
;
14985 transition: right
0.2s ease-in-out
; }
14986 @media
(prefers-reduced-motion: reduce
) {
14987 [data-region
=right-hand-drawer
] {
14988 transition: none
; } }
14989 [data-region
=right-hand-drawer
].drawer
{
14994 height: calc
(100% - 50px);
14996 box-shadow: -2px 2px 4px rgba
(0, 0, 0, 0.25);
14998 visibility: visible
;
15000 [data-region
=right-hand-drawer
].hidden
{
15003 visibility: hidden
;
15005 transition: right
0.2s ease-in-out
, visibility
0s ease-in-out
0.2s, opacity
0s ease-in-out
0.2s; }
15006 @media
(prefers-reduced-motion: reduce
) {
15007 [data-region
=right-hand-drawer
].hidden
{
15008 transition: none
; } }
15010 @media (max-width: 767.98px) {
15011 [data-region
=right-hand-drawer
].drawer
{
15015 body
.drawer-open-left
,
15016 body
.drawer-open-right
{
15017 overflow: hidden
; } }
15019 .dir-rtl [data-region=right-hand-drawer] {
15020 box-shadow: 2px 2px 4px rgba
(0, 0, 0, 0.25); }
15023 transition: left
0.2s ease
, right
0.2s ease
, top
0.2s ease
, bottom
0.2s ease
, visibility
0.2s ease
;
15024 background-color: #f8f9fa;
15029 @media
(prefers-reduced-motion: reduce
) {
15031 transition: none
; } }
15032 .drawer.not-initialized {
15034 .drawer.drawer-right {
15037 right: calc
(-315px + -10px);
15038 visibility: hidden
; }
15039 .drawer.drawer-right.show {
15041 visibility: visible
; }
15042 .drawer.drawer-right .drawertoggle {
15044 margin-right: 5px; }
15045 .drawer.drawer-left {
15048 left: calc
(-285px + -10px);
15049 visibility: hidden
; }
15050 .drawer.drawer-left.show {
15052 visibility: visible
; }
15053 .drawer.drawer-left .drawertoggle {
15054 margin-right: auto
;
15055 margin-left: 5px; }
15056 .drawer.drawer-bottom {
15058 .drawer.drawer-bottom.show {
15061 @media (min-width: 992px) {
15063 z-index: inherit
; }
15064 .drawer.not-initialized {
15065 display: block
; } }
15075 align-items: center
; }
15077 .drawer.scrolled .drawerheader {
15078 box-shadow: 0 8px 11px -7px rgba
(0, 0, 0, 0.25); }
15080 @media (max-width: 991.98px) {
15083 transition: left
0.2s ease
, right
0.2s ease
, top
0.2s ease
, bottom
0.2s ease
, visibility
0.2s ease
;
15084 background-color: #f8f9fa;
15089 @media
(max-width: 991.98px) and
(prefers-reduced-motion: reduce
) {
15091 transition: none
; } }
15093 @media (max-width: 991.98px) {
15094 .drawer-md.not-initialized {
15096 .drawer-md.drawer-right {
15099 right: calc
(-315px + -10px);
15100 visibility: hidden
; }
15101 .drawer-md.drawer-right.show {
15103 visibility: visible
; }
15104 .drawer-md.drawer-right .drawertoggle {
15106 margin-right: 5px; }
15107 .drawer-md.drawer-left {
15110 left: calc
(-285px + -10px);
15111 visibility: hidden
; }
15112 .drawer-md.drawer-left.show {
15114 visibility: visible
; }
15115 .drawer-md.drawer-left .drawertoggle {
15116 margin-right: auto
;
15117 margin-left: 5px; }
15118 .drawer-md.drawer-bottom {
15120 .drawer-md.drawer-bottom.show {
15123 @media (max-width: 767.98px) {
15126 transition: left
0.2s ease
, right
0.2s ease
, top
0.2s ease
, bottom
0.2s ease
, visibility
0.2s ease
;
15127 background-color: #f8f9fa;
15132 @media
(max-width: 767.98px) and
(prefers-reduced-motion: reduce
) {
15134 transition: none
; } }
15136 @media (max-width: 767.98px) {
15137 .drawer-sm.not-initialized {
15139 .drawer-sm.drawer-right {
15142 right: calc
(-315px + -10px);
15143 visibility: hidden
; }
15144 .drawer-sm.drawer-right.show {
15146 visibility: visible
; }
15147 .drawer-sm.drawer-right .drawertoggle {
15149 margin-right: 5px; }
15150 .drawer-sm.drawer-left {
15153 left: calc
(-285px + -10px);
15154 visibility: hidden
; }
15155 .drawer-sm.drawer-left.show {
15157 visibility: visible
; }
15158 .drawer-sm.drawer-left .drawertoggle {
15159 margin-right: auto
;
15160 margin-left: 5px; }
15161 .drawer-sm.drawer-bottom {
15163 .drawer-sm.drawer-bottom.show {
15167 position: relative
;
15169 height: calc
(100% - 50px);
15171 flex-direction: column
;
15175 scrollbar-width: thin
;
15176 scrollbar-color: #6a737b #f8f9fa; }
15177 .drawercontent .dropdown-menu .dropdown-item {
15179 white-space: normal
; }
15180 .drawercontent::-webkit-scrollbar {
15182 .drawercontent::-webkit-scrollbar-track {
15183 background: #f8f9fa; }
15184 .drawercontent::-webkit-scrollbar-thumb {
15185 background-color: #6a737b;
15186 border-radius: 20px;
15187 border: 3px solid
#f8f9fa; }
15188 .drawercontent::-webkit-scrollbar-thumb:hover {
15189 background-color: #495057; }
15191 .fp-content-center {
15194 display: table-cell
;
15195 vertical-align: middle
; }
15197 .fp-content-hidden {
15198 visibility: hidden
; }
15200 .yui3-panel-focused {
15205 padding: 3px 20px 2px 20px;
15206 text-align: center
;
15208 border-radius: 10px;
15209 display: inline-block
; }
15211 .filepicker .yui3-widget-content-expanded {
15214 /* The javascript is adding a style="height: 0px;" to this element - we need to set the min-height so the height is ignored. */
15215 .filepicker .moodle-dialogue-bd {
15216 min-height: 520px; }
15218 .file-picker .fp-navbar {
15223 border-color: #8f959e;
15225 border-bottom-left-radius: 0;
15226 border-bottom-right-radius: 0; }
15228 .file-picker .fp-content {
15235 .filepicker.moodle-dialogue-fullscreen .file-picker .fp-content {
15238 .file-picker .fp-content-loading {
15242 text-align: center
; }
15244 .file-picker .fp-content .fp-object-container {
15248 .file-picker .fp-def-search {
15251 .file-picker .fp-list {
15252 list-style-type: none
;
15258 .file-picker .fp-list .fp-repo a {
15260 padding: .5em .7em; }
15262 .file-picker .fp-list .fp-repo.active {
15263 background: #f2f2f2; }
15265 .file-picker .fp-list .fp-repo-icon {
15266 padding: 0 7px 0 5px;
15273 .fp-toolbar.empty {
15276 .fp-toolbar .disabled {
15282 margin-right: 4px; }
15285 vertical-align: -15%;
15286 margin-right: 5px; }
15288 .fp-viewbar:not(.disabled) a.checked {
15289 background-color: #b1bbc4;
15291 border-color: #aab4bf; }
15293 .fp-viewbar.disabled a {
15294 pointer-events: none
;
15297 .file-picker .fp-clear-left {
15300 .fp-pathbar.empty {
15303 .fp-pathbar .fp-path-folder {
15304 background: url
("[[pix:theme|fp/path_folder]]") left
3px no-repeat
;
15305 background-size: 12px 12px;
15307 margin-left: 12px; }
15310 .fp-pathbar .fp-path-folder {
15311 background-image: url('[[pix:theme|fp/path_folder_rtl]]');
15314 .fp-pathbar .fp-path-folder-name {
15315 margin-left: 24px; }
15317 .fp-iconview .fp-file {
15319 text-align: center
;
15320 position: relative
;
15321 margin: 10px 10px 35px; }
15323 .fp-iconview .fp-thumbnail {
15326 line-height: 110px;
15327 text-align: center
;
15328 border: 1px solid
#fff;
15331 .fp-iconview .fp-thumbnail img {
15332 border: 1px solid
#ddd;
15334 vertical-align: middle
; }
15336 .fp-iconview .fp-thumbnail:hover {
15338 border: 1px solid
#ddd; }
15340 .fp-iconview .fp-filename-field {
15343 word-wrap: break-word
;
15345 position: absolute
; }
15347 .fp-iconview
.fp-file:focus
.fp-filename-field
,
15348 .fp-iconview .fp-file:hover .fp-filename-field {
15352 .fp-iconview
.fp-file:focus
.fp-filename
,
15353 .fp-iconview .fp-file:hover .fp-filename {
15355 white-space: normal
;
15356 text-overflow: inherit
; }
15358 .fp-iconview .fp-filename-field .fp-filename {
15361 padding-bottom: 12px;
15362 min-width: 112px; }
15364 .file-picker .yui3-datatable table {
15365 border: 0 solid
#bbb;
15368 .file-picker
.ygtvtn
,
15369 .filemanager .ygtvtn {
15371 background: url
("[[pix:moodle|y/tn]]") 0 0 no-repeat
;
15373 background: url('[[pix:moodle|y/tn_rtl]]') 0 0 no-repeat;
15378 .file-picker
.ygtvtm
,
15379 .filemanager .ygtvtm {
15380 background: url
("[[pix:moodle|y/tm]]") 0 10px no-repeat
;
15382 background-position: 2px 10px;
15388 .file-picker
.ygtvtmh
,
15389 .filemanager .ygtvtmh {
15390 background: url
("[[pix:moodle|y/tm]]") 0 10px no-repeat
;
15392 background-position: 2px 10px;
15398 .file-picker
.ygtvtp
,
15399 .filemanager .ygtvtp {
15401 background: url
("[[pix:moodle|y/tp]]") 0 10px no-repeat
;
15403 background: url('[[pix:moodle|y/tp_rtl]]') 2px 10px no-repeat;
15409 .file-picker
.ygtvtph
,
15410 .filemanager .ygtvtph {
15412 background: url
("[[pix:moodle|y/tp]]") 0 10px no-repeat
;
15414 background: url('[[pix:moodle|y/tp_rtl]]') 2px 10px no-repeat;
15420 .file-picker
.ygtvln
,
15421 .filemanager .ygtvln {
15423 background: url
("[[pix:moodle|y/ln]]") 0 0 no-repeat
;
15425 background: url('[[pix:moodle|y/ln_rtl]]') 0 0 no-repeat;
15430 .file-picker
.ygtvlm
,
15431 .filemanager .ygtvlm {
15432 background: url
("[[pix:moodle|y/lm]]") 0 10px no-repeat
;
15434 background-position: 2px 10px;
15440 .file-picker
.ygtvlmh
,
15441 .filemanager .ygtvlmh {
15442 background: url
("[[pix:moodle|y/lm]]") 0 10px no-repeat
;
15444 background-position: 2px 10px;
15450 .file-picker
.ygtvlp
,
15451 .filemanager .ygtvlp {
15453 background: url
("[[pix:moodle|y/lp]]") 0 10px no-repeat
;
15455 background: url('[[pix:moodle|y/lp_rtl]]') 2px 10px no-repeat;
15461 .file-picker
.ygtvlph
,
15462 .filemanager .ygtvlph {
15464 background: url
("[[pix:moodle|y/lp]]") 0 10px no-repeat
;
15466 background: url('[[pix:moodle|y/lp_rtl]]') 2px 10px no-repeat;
15472 .file-picker
.ygtvloading
,
15473 .filemanager .ygtvloading {
15474 background: transparent url
("[[pix:moodle|y/loading]]") 0 0 no-repeat
;
15478 .file-picker
.ygtvdepthcell
,
15479 .filemanager .ygtvdepthcell {
15480 background: url
("[[pix:moodle|y/vline]]") 0 0 no-repeat
;
15482 background-position: 0 0;
15487 .file-picker
.ygtvblankdepthcell
,
15488 .filemanager .ygtvblankdepthcell {
15492 a
.ygtvspacer:hover
{
15493 color: transparent
;
15494 text-decoration: none
; }
15498 .ygtvlabel:visited
,
15500 background-color: transparent
;
15503 text-decoration: none
; }
15505 .file-picker
.ygtvfocus
,
15506 .filemanager .ygtvfocus {
15507 background-color: #eee; }
15509 .fp-filename-icon {
15512 position: relative
; }
15519 margin-right: 10px;
15520 text-align: center
;
15521 line-height: 24px; }
15526 vertical-align: middle
; }
15529 padding-right: 10px; }
15531 .file-picker .fp-login-form {
15536 .file-picker .fp-upload-form {
15541 .file-picker .fp-upload-form table {
15544 .file-picker.fp-dlg {
15545 text-align: center
; }
15547 .file-picker.fp-dlg .fp-dlg-buttons {
15550 .file-picker.fp-msg {
15551 text-align: center
; }
15553 .file-picker .fp-content-error {
15557 text-align: center
; }
15559 .file-picker .fp-nextpage {
15562 .file-picker .fp-nextpage .fp-nextpage-loading {
15565 .file-picker .fp-nextpage.loading .fp-nextpage-link {
15568 .file-picker .fp-nextpage.loading .fp-nextpage-loading {
15570 text-align: center
;
15572 padding-top: 50px; }
15574 .fp-select .fp-select-loading {
15575 text-align: center
;
15576 margin-top: 20px; }
15579 padding: 0 0 10px; }
15581 .fp-select table .mdl-right {
15584 .fp-select .fp-reflist .mdl-right {
15585 vertical-align: top
; }
15587 .fp-select .fp-select-buttons {
15590 .fp-select .fp-info {
15591 font-size: 0.703125rem; }
15593 .fp-select .fp-thumbnail {
15597 line-height: 110px;
15598 text-align: center
;
15599 margin: 10px 20px 0 0;
15601 border: 1px solid
#ddd; }
15603 .fp-select .fp-thumbnail img {
15604 border: 1px solid
#ddd;
15606 vertical-align: middle
;
15609 .fp-select .fp-fileinfo {
15610 display: inline-block
;
15611 margin-top: 10px; }
15613 .file-picker.fp-select .fp-fileinfo {
15614 max-width: 240px; }
15616 .fp-select .fp-fileinfo div {
15617 padding-bottom: 5px; }
15619 .file-picker.fp-select .uneditable {
15622 .file-picker.fp-select .fp-select-loading {
15625 .file-picker.fp-select.loading .fp-select-loading {
15628 .file-picker.fp-select.loading form {
15631 .fp-select .fp-dimensions.fp-unknown {
15634 .fp-select .fp-size.fp-unknown {
15637 .filemanager-loading {
15640 .jsenabled .filemanager-loading {
15642 margin-top: 100px; }
15644 .filemanager
.fm-loading
.filemanager-toolbar
,
15645 .filemanager
.fm-loading
.fp-pathbar
,
15646 .filemanager
.fm-loading
.filemanager-container
,
15647 .filemanager
.fm-loaded
.filemanager-loading
,
15648 .filemanager
.fm-maxfiles
.fp-btn-add
,
15649 .filemanager
.fm-maxfiles
.dndupload-message
,
15650 .filemanager
.fm-noitems
.fp-btn-download
,
15651 .filemanager
.fm-noitems
.fp-btn-delete
,
15652 .filemanager
.fm-empty-container
,
15653 .filemanager.fm-noitems .filemanager-container .fp-content {
15656 .filemanager .fp-img-downloading {
15658 padding-top: 7px; }
15660 .filemanager .filemanager-updating {
15662 text-align: center
; }
15664 .filemanager.fm-updating .filemanager-updating {
15666 margin-top: 37px; }
15668 .filemanager
.fm-updating
.fm-content-wrapper
,
15669 .filemanager
.fm-nomkdir
.fp-btn-mkdir
,
15670 .fitem
.disabled
.filemanager
.filemanager-toolbar
,
15671 .fitem
.disabled
.filemanager
.fp-pathbar
,
15672 .fitem
.disabled
.filemanager
.fp-restrictions
,
15673 .fitem.disabled .filemanager .fm-content-wrapper {
15676 .filemanager .fp-restrictions {
15677 text-align: right
; }
15679 .filemanager-toolbar {
15681 overflow: hidden
; }
15683 .filemanager .fp-pathbar.empty {
15686 .filepicker-filelist
,
15687 .filemanager-container {
15689 border: 1px solid
#8f959e;
15690 border-radius: 0.25rem; }
15692 .filemanager .fp-content {
15695 min-height: 157px; }
15697 .filemanager-container
,
15698 .filepicker-filelist {
15700 border-top-left-radius: 0;
15701 border-top-right-radius: 0; }
15703 .file-picker .yui3-datatable-header {
15707 background: initial
; }
15709 .fitem
.disabled
.filepicker-filelist
,
15710 .fitem.disabled .filemanager-container {
15711 background-color: #ebebe4; }
15713 .fitem.disabled .fp-btn-choose {
15716 .fitem.disabled .filepicker-filelist .filepicker-filename {
15719 .fp-iconview .fp-reficons1 {
15720 position: absolute
;
15726 .fp-iconview .fp-reficons2 {
15727 position: absolute
;
15733 .fp-iconview .fp-file.fp-hasreferences .fp-reficons1 {
15734 background: url
("[[pix:theme|fp/link]]") no-repeat
;
15736 transform: scaleX(-1);
15739 background-position: bottom right
;
15740 background-size: 16px 16px; }
15742 .fp-iconview .fp-file.fp-isreference .fp-reficons2 {
15743 background: url
("[[pix:theme|fp/alias]]") no-repeat
;
15745 transform: scaleX(-1);
15748 background-position: bottom left
;
15749 background-size: 16px 16px; }
15751 .filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail img {
15754 .filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail {
15755 background: url
([[pix:s
/dead
]]) no-repeat
;
15756 background-position: center center
; }
15758 .filemanager .yui3-datatable table {
15759 border: 0 solid
#bbb;
15762 /* Override YUI default styling */
15763 /* stylelint-disable declaration-no-important */
15764 .filemanager .yui3-datatable-header {
15768 background: #fff !important
;
15769 border-bottom: 1px solid
#ccc !important
;
15770 border-left: 0 solid
#fff !important
;
15771 color: #555 !important
; }
15773 .filemanager .yui3-datatable-odd .yui3-datatable-cell {
15774 background-color: #f6f6f6 !important
;
15775 border-left: 0 solid
#f6f6f6; }
15777 .filemanager .yui3-datatable-even .yui3-datatable-cell {
15778 background-color: #fff !important
;
15779 border-left: 0 solid
#fff; }
15781 /* stylelint-enable */
15782 .filemanager .fp-filename-icon.fp-hasreferences .fp-reficons1 {
15783 background: url
("[[pix:theme|fp/link_sm]]") no-repeat
0 0;
15787 transform: scaleX(-1);
15789 position: absolute
;
15792 background-size: 16px 16px; }
15794 .filemanager .fp-filename-icon.fp-isreference .fp-reficons2 {
15795 background: url
("[[pix:theme|fp/alias_sm]]") no-repeat
0 0;
15799 transform: scaleX(-1);
15801 position: absolute
;
15804 background-size: 16px 16px; }
15806 .filemanager .fp-contextmenu {
15809 .filemanager .fp-iconview .fp-folder.fp-hascontextmenu .fp-contextmenu {
15810 position: absolute
;
15814 align-items: center
;
15815 justify-content: center
; }
15817 .filemanager
.fp-treeview
.fp-folder
.fp-hascontextmenu
.fp-contextmenu
,
15818 .filemanager .fp-tableview .fp-folder.fp-hascontextmenu .fp-contextmenu {
15820 position: absolute
;
15822 margin-right: -20px;
15825 .filepicker-filelist
.filepicker-container
,
15826 .filemanager.fm-noitems .fm-empty-container {
15828 position: absolute
;
15833 border: 2px dashed
#bbb;
15835 text-align: center
; }
15837 .filepicker-filelist
.dndupload-target
,
15838 .filemanager-container .dndupload-target {
15840 position: absolute
;
15845 border: 2px dashed
#fb7979;
15847 text-align: center
; }
15849 .filepicker-filelist
.dndupload-over
.dndupload-target
,
15850 .filemanager-container.dndupload-over .dndupload-target {
15852 position: absolute
;
15857 border: 2px dashed
#6c8cd3;
15859 text-align: center
; }
15861 .dndupload-message {
15864 .dndsupported .dndupload-message {
15867 .dnduploadnotsupported-message {
15870 .dndnotsupported .dnduploadnotsupported-message {
15873 .dndupload-target {
15876 .dndsupported .dndupload-ready .dndupload-target {
15879 .dndupload-uploadinprogress {
15881 text-align: center
; }
15883 .dndupload-uploading .dndupload-uploadinprogress {
15889 position: absolute
;
15893 .fitem
.disabled
.filepicker-container
,
15894 .fitem.disabled .fm-empty-container {
15897 .dndupload-progressbars {
15901 .dndupload-inprogress .dndupload-progressbars {
15904 .dndupload-inprogress .fp-content {
15907 .filemanager.fm-noitems .dndupload-inprogress .fm-empty-container {
15910 .filepicker-filelist.dndupload-inprogress .filepicker-container {
15913 .filepicker-filelist.dndupload-inprogress a {
15916 .filemanager.fp-select .fp-select-loading {
15919 .filemanager.fp-select.loading .fp-select-loading {
15922 .filemanager.fp-select.loading form {
15925 .filemanager
.fp-select
.fp-folder
.fp-license
,
15926 .filemanager
.fp-select
.fp-folder
.fp-author
,
15927 .filemanager
.fp-select
.fp-file
.fp-file-unzip
,
15928 .filemanager
.fp-select
.fp-folder
.fp-file-unzip
,
15929 .filemanager
.fp-select
.fp-file
.fp-file-zip
,
15930 .filemanager.fp-select.fp-zip .fp-file-zip {
15933 .filemanager
.fp-select
.fp-file-setmain
,
15934 .filemanager.fp-select .fp-file-setmain-help {
15937 .filemanager
.fp-select
.fp-cansetmain
.fp-file-setmain
,
15938 .filemanager.fp-select.fp-cansetmain .fp-file-setmain-help {
15939 display: inline-block
; }
15941 .filemanager .fp-mainfile .fp-filename {
15942 font-weight: bold
; }
15944 .filemanager.fp-select.fp-folder .fp-file-download {
15948 font-weight: bold
; }
15950 .filemanager
.fp-select
.fp-original
.fp-unknown
,
15951 .filemanager.fp-select .fp-original .fp-originloading {
15954 .filemanager.fp-select .fp-original.fp-loading .fp-originloading {
15957 .filemanager
.fp-select
.fp-reflist
.fp-unknown
,
15958 .filemanager.fp-select .fp-reflist .fp-reflistloading {
15961 .filemanager.fp-select .fp-reflist.fp-loading .fp-reflistloading {
15964 .filemanager.fp-select .fp-reflist .fp-value {
15965 background: #f9f9f9;
15966 border: 1px solid
#bbb;
15972 .filemanager.fp-select .fp-reflist .fp-value li {
15973 padding-bottom: 7px; }
15975 .filemanager.fp-mkdir-dlg {
15976 text-align: center
; }
15978 .filemanager.fp-mkdir-dlg .fp-mkdir-dlg-text {
15982 .filemanager.fp-dlg {
15983 text-align: center
; }
15985 .file-picker div.bd {
15986 text-align: left
; }
15990 .fp-formset input[type="file"] {
15991 line-height: inherit
; }
15996 .fp-fileinfo .fp-value {
15997 display: inline-block
;
15998 padding-left: 5px; }
16000 /** The message area **/
16004 .preferences-container .container-fluid, .preferences-container .container-sm, .preferences-container .container-md, .preferences-container .container-lg, .preferences-container .container-xl {
16006 .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 {
16007 min-height: 20px; }
16009 .preferences-container .align-bottom {
16010 vertical-align: bottom
; }
16012 .preferences-container .preference-table {
16013 border: 1px solid
#ddd; }
16014 .preferences-container .preference-table thead th {
16015 text-align: center
; }
16016 .preferences-container .preference-table thead th .config-warning {
16018 .preferences-container .preference-table thead th.unconfigured .config-warning {
16019 display: inline-block
; }
16020 .preferences-container .preference-table tr th {
16021 border-left: 1px solid
#dee2e6; }
16022 .preferences-container .preference-table tr td:not(:first-child) {
16024 text-align: center
; }
16025 .preferences-container .preference-table tr td:nth-child(even) {
16026 border: 1px solid
#dee2e6; }
16027 .preferences-container .preference-table .preference-row .hover-tooltip-container {
16028 display: inline-block
; }
16029 .preferences-container .preference-table .preference-row .preference-name {
16030 vertical-align: middle
; }
16031 .preferences-container .preference-table .preference-row .disabled-message {
16032 text-align: center
;
16034 line-height: 30px; }
16035 .preferences-container .preference-table .preference-row.loading .preference-name .loading-icon {
16038 .disabled-message {
16041 .disabled .disabled-message {
16043 .disabled .disabled-message + form {
16046 .general-settings-container .loading-icon {
16049 .general-settings-container .loading .loading-icon {
16050 display: inline-block
; }
16052 .general-settings-container label {
16053 display: inline-block
; }
16055 .processor-container {
16056 position: relative
; }
16057 .processor-container .loading-container {
16059 position: absolute
;
16062 text-align: center
;
16063 background-color: rgba
(255, 255, 255, 0.5); }
16064 .processor-container .loading-container .vertical-align {
16067 display: inline-block
;
16068 vertical-align: middle
; }
16069 .processor-container.loading .loading-container {
16072 .preferences-page-container .checkbox-container {
16074 line-height: 20px; }
16075 .preferences-page-container .checkbox-container input {
16078 .preferences-page-container .checkbox-container .loading-icon {
16080 .preferences-page-container .checkbox-container.loading .loading-icon {
16081 display: inline-block
; }
16083 .notification-area {
16085 box-sizing: border-box
;
16086 border-radius: 4px;
16087 margin-bottom: 30px;
16088 border: 1px solid
#e3e3e3; }
16089 @media
(max-height: 670px) {
16090 .notification-area {
16092 .notification-area .control-area {
16093 box-sizing: border-box
;
16094 display: inline-block
;
16098 -webkit-overflow-scrolling: touch
;
16099 border-right: 1px solid
#e3e3e3; }
16100 .notification-area .control-area .content {
16101 position: relative
; }
16102 .notification-area .control-area .content .content-item-container {
16104 .notification-area .control-area .content:empty + .empty-text {
16106 .notification-area .control-area .loading-icon {
16108 .notification-area .control-area .empty-text {
16110 text-align: center
;
16111 padding-top: 20px; }
16112 .notification-area .control-area.loading .loading-icon {
16114 text-align: center
;
16115 box-sizing: border-box
;
16117 .notification-area .control-area.loading .content:empty + .empty-text {
16119 .notification-area .content-area {
16120 box-sizing: border-box
;
16121 display: inline-block
;
16122 width: calc
(100% - 300px);
16124 .notification-area .content-area .toggle-mode {
16126 .notification-area .content-area .header {
16128 box-sizing: border-box
;
16129 border-bottom: 1px solid
#e3e3e3;
16131 .notification-area .content-area .header .image-container {
16132 display: inline-block
;
16136 .notification-area .content-area .header .subject-container {
16137 display: inline-block
;
16138 max-width: calc
(100% - 24px);
16139 white-space: nowrap
;
16141 text-overflow: ellipsis
;
16144 box-sizing: border-box
; }
16145 .notification-area .content-area .header .timestamp {
16150 margin-left: 30px; }
16151 .notification-area .content-area .header:empty {
16153 .notification-area .content-area > .content {
16155 box-sizing: border-box
;
16157 -webkit-overflow-scrolling: touch
;
16159 @media
(max-height: 670px) {
16160 .notification-area .content-area > .content {
16162 .notification-area .content-area > .content:empty {
16164 .notification-area .content-area > .content:empty + .empty-text {
16166 text-align: center
;
16167 padding-top: 100px; }
16168 .notification-area .content-area .empty-text {
16170 .notification-area .content-area .footer {
16172 box-sizing: border-box
;
16173 text-align: center
; }
16174 .notification-area .content-area .footer a {
16175 line-height: 50px; }
16176 .notification-area .content-area .footer:empty {
16179 @media (max-width: 979px) {
16180 .notification-area {
16181 position: relative
;
16182 overflow: hidden
; }
16183 .notification-area .control-area {
16184 border-right: none
;
16186 position: absolute
;
16190 visibility: visible
;
16191 transition: left
0.25s; }
16192 .notification-area .content-area {
16194 position: absolute
;
16198 visibility: hidden
;
16199 transition: right
0.25s, opacity
0.25s, visibility
0.25s; }
16200 .notification-area .content-area .toggle-mode {
16201 display: inline-block
;
16206 box-sizing: border-box
;
16207 border-right: 1px solid
#e3e3e3;
16208 border-bottom: 1px solid
#e3e3e3; }
16209 .notification-area .content-area .header {
16210 display: inline-block
;
16211 width: calc
(100% - 70px); }
16212 .notification-area.show-content-area .control-area {
16215 visibility: hidden
;
16216 transition: left
0.25s, opacity
0.25s, visibility
0.25s; }
16217 .notification-area.show-content-area .content-area {
16220 visibility: visible
;
16221 transition: right
0.25s; } }
16223 .drawer .message-app {
16225 .drawer .message-app .icon-back-in-app {
16227 .drawer .message-app .icon-back-in-drawer {
16228 display: inherit
; }
16232 flex-direction: column
;
16233 background-color: #eff1f3; }
16234 .message-app .icon-back-in-drawer {
16236 .message-app.main {
16237 min-height: 400px; }
16238 .message-app .header-container {
16240 .message-app .overflow-y {
16241 overflow-y: auto
; }
16242 @media
(max-height: 320px) {
16243 .message-app .header-container [data-region="view-overview"]:not(.hidden) {
16245 align-items: center
; }
16246 .message-app .footer-container [data-region="view-overview"] {
16248 .message-app .overflow-y {
16249 overflow-y: unset
; } }
16250 .message-app .body-container {
16252 overflow: hidden
; }
16253 .message-app .body-container > * {
16254 position: absolute
;
16260 .message-app .footer-container {
16262 .message-app .footer-container textarea {
16264 .message-app .contact-status {
16265 position: absolute
;
16270 border-radius: 50%; }
16271 .message-app .contact-status.online {
16272 border: 1px solid
#fff;
16273 background-color: #357a32; }
16274 .message-app .message p {
16276 .message-app .clickable {
16278 .message-app .clickable:hover {
16279 filter: drop-shadow
(2px 2px 2px rgba
(0, 0, 0, 0.3)); }
16281 .message-app .btn-link {
16283 .message-app .btn-link:hover, .message-app .btn-link:focus {
16284 background-color: rgba
(0, 0, 0, 0.035);
16285 text-decoration: none
; }
16286 .message-app .icon {
16288 .message-app .overview-section-toggle .collapsed-icon-container {
16290 .message-app .overview-section-toggle .expanded-icon-container {
16291 display: inline-block
; }
16292 .message-app .overview-section-toggle.collapsed .collapsed-icon-container {
16293 display: inline-block
; }
16294 .message-app .overview-section-toggle.collapsed .expanded-icon-container {
16296 .message-app .btn.btn-link.btn-icon {
16300 border-radius: 50%;
16302 .message-app .btn.btn-link.btn-icon:hover, .message-app .btn.btn-link.btn-icon:focus {
16303 background-color: #e9ecef; }
16304 .message-app .btn.btn-link.btn-icon.icon-size-0 {
16305 height: 20px !important
;
16306 /* stylelint-disable-line declaration-no-important */
16307 width: 20px !important
;
16308 /* stylelint-disable-line declaration-no-important */ }
16309 .message-app .btn.btn-link.btn-icon.icon-size-1 {
16310 height: 24px !important
;
16311 /* stylelint-disable-line declaration-no-important */
16312 width: 24px !important
;
16313 /* stylelint-disable-line declaration-no-important */ }
16314 .message-app .btn.btn-link.btn-icon.icon-size-2 {
16315 height: 28px !important
;
16316 /* stylelint-disable-line declaration-no-important */
16317 width: 28px !important
;
16318 /* stylelint-disable-line declaration-no-important */ }
16319 .message-app .btn.btn-link.btn-icon.icon-size-3 {
16320 height: 36px !important
;
16321 /* stylelint-disable-line declaration-no-important */
16322 width: 36px !important
;
16323 /* stylelint-disable-line declaration-no-important */ }
16324 .message-app .btn.btn-link.btn-icon.icon-size-4 {
16325 height: 44px !important
;
16326 /* stylelint-disable-line declaration-no-important */
16327 width: 44px !important
;
16328 /* stylelint-disable-line declaration-no-important */ }
16329 .message-app .btn.btn-link.btn-icon.icon-size-5 {
16330 height: 52px !important
;
16331 /* stylelint-disable-line declaration-no-important */
16332 width: 52px !important
;
16333 /* stylelint-disable-line declaration-no-important */ }
16334 .message-app .btn.btn-link.btn-icon.icon-size-6 {
16335 height: 60px !important
;
16336 /* stylelint-disable-line declaration-no-important */
16337 width: 60px !important
;
16338 /* stylelint-disable-line declaration-no-important */ }
16339 .message-app .btn.btn-link.btn-icon.icon-size-7 {
16340 height: 68px !important
;
16341 /* stylelint-disable-line declaration-no-important */
16342 width: 68px !important
;
16343 /* stylelint-disable-line declaration-no-important */ }
16344 .message-app .view-overview-body .section {
16346 .message-app .view-overview-body .section.expanded {
16348 .message-app .view-overview-body .section div[data-region="toggle"] {
16350 .message-app .view-conversation .content-message-container img {
16352 .message-app .list-group {
16353 border-radius: 0; }
16354 .message-app .list-group .list-group-item {
16357 .message-app .list-group .list-group-item:hover {
16359 background-color: #0f6cbf; }
16360 .message-app .list-group .list-group-item:hover .badge-primary {
16361 background-color: #fff;
16363 .message-app .list-group .list-group-item:first-child {
16365 .message-app .list-group .list-group-item:last-child {
16366 border-bottom: 0; }
16367 .message-app .list-group .list-group-item.list-group-item-action {
16370 text-align: inherit
; }
16371 .message-app .last-message {
16372 min-height: 1.5rem; }
16373 .message-app .section .collapsing {
16374 overflow: hidden
; }
16375 .message-app .message.send {
16376 background-color: #dee2e6;
16378 .message-app .message.send .time {
16380 .message-app .message.send .tail {
16382 margin-right: -0.5rem;
16383 border-bottom-color: #dee2e6; }
16384 .message-app .message.received {
16385 background-color: #fff;
16387 .message-app .message.received .time {
16389 .message-app .message.received .tail {
16391 margin-left: -0.5rem;
16392 border-bottom-color: #fff; }
16393 .message-app .message .tail {
16398 border: 0.5rem solid transparent
;
16399 position: relative
; }
16400 .message-app .day {
16402 .message-app .lazy-load-list {
16403 overflow-y: auto
; }
16405 #page-message-index #page-header
{
16408 #page-message-index #region-main
{
16411 #page-message-index #region-main
.conversationcontainer
.section
{
16412 max-height: calc
(100vh - 50px); }
16413 #page-message-index #region-main div
[role
="main"] {
16415 #page-message-index #region-main div
[role
="main"] #maincontent
{
16416 margin-top: -1px; }
16417 #page-message-index #region-main div
[role
="main"] .message-app
.main
{
16420 .dir-rtl .message-drawer {
16421 box-shadow: 2px 2px 4px rgba
(0, 0, 0, 0.08); }
16423 .message-app .emoji-picker-container {
16424 position: absolute
;
16427 transform: translateY
(-100%); }
16428 .message-app .emoji-picker-container .emoji-picker .picker-row .emoji-button {
16431 @media
(max-width: 575.98px) {
16432 .message-app .emoji-picker-container {
16433 right: -0.5rem; } }
16435 @media (max-height: 495px) {
16436 .message-app .emoji-picker-container {
16439 transform: none
; } }
16441 .message-app .emoji-auto-complete-container {
16444 transition: max-height
.15s ease-in-out
;
16445 visibility: visible
; }
16446 .message-app .emoji-auto-complete-container.hidden {
16449 visibility: hidden
;
16451 transition: max-height
.15s ease-in-out
, visibility
0s linear
.15s, overflow
0s linear
.15s; }
16457 .questioncategories h3 {
16464 margin: 0 0 0.3em; }
16466 #chooseqtype .instruction
{
16469 #chooseqtype .fakeqtypes
{
16470 border-top: 1px solid silver
; }
16472 #chooseqtype .qtypeoption
{
16473 margin-bottom: 0.5em; }
16475 #chooseqtype label
{
16478 #chooseqtype .qtypename img
{
16479 padding: 0 0.3em; }
16481 #chooseqtype .qtypename
{
16482 display: inline-table
;
16485 #chooseqtype .qtypesummary
{
16489 #chooseqtype .submitbuttons
{
16491 text-align: center
; }
16493 #qtypechoicecontainer {
16496 #qtypechoicecontainer_c.yui-panel-container
.shadow
.underlay
{
16497 background: none
; }
16499 #qtypechoicecontainer.yui-panel
.hd
{
16501 letter-spacing: 1px;
16502 text-shadow: 1px 1px 1px #fff;
16503 border-top-left-radius: 10px;
16504 border-top-right-radius: 10px;
16505 border: 1px solid
#ccc;
16506 border-bottom: 1px solid
#bbb;
16507 background-image: linear-gradient
(to bottom
, #fff 0%, #ccc 100%);
16508 background-repeat: repeat-x
; }
16510 #qtypechoicecontainer {
16513 background: #f2f2f2;
16514 border-radius: 10px;
16515 border: 1px solid
#ccc;
16516 border-top: 0 none
; }
16518 #qtypechoicecontainer #chooseqtype
{
16521 #chooseqtypehead h3
{
16523 font-weight: normal
; }
16525 #chooseqtype .qtypes
{
16526 position: relative
;
16527 border-bottom: 1px solid
#bbb;
16528 padding: 0.24em 0; }
16530 #chooseqtype .alloptions
{
16531 overflow-x: hidden
;
16533 max-height: calc
(100vh - 15em);
16536 #chooseqtype .qtypeoption
{
16538 padding: 0.3em 0.3em 0.3em 1.6em; }
16540 #chooseqtype .qtypeoption img
{
16541 vertical-align: text-bottom
;
16543 padding-right: 0.5em; }
16545 #chooseqtype .selected
{
16546 background-color: #fff; }
16548 #chooseqtype .instruction
,
16549 #chooseqtype .qtypesummary
{
16551 position: absolute
;
16557 overflow-x: hidden
;
16559 padding: 1.5em 1.6em;
16560 background-color: #fff; }
16562 #chooseqtype .instruction
,
16563 #chooseqtype .selected
.qtypesummary
{
16566 #categoryquestions {
16568 #categoryquestions td
,
16569 #categoryquestions th
{
16572 #categoryquestions th
{
16574 font-weight: normal
; }
16575 #categoryquestions > tbody
> tr
.r1
{
16576 background-color: rgba
(0, 0, 0, 0.03); }
16577 #categoryquestions > tbody
> tr
.highlight
{
16578 border: 1px solid
#008196; }
16579 #categoryquestions .checkbox
{
16580 padding-left: 5px; }
16581 #categoryquestions .checkbox input
[type
="checkbox"] {
16584 #categoryquestions .iconcol
{
16586 box-sizing: content-box
; }
16587 #categoryquestions .iconcol
.icon
{
16591 #categoryquestions label
{
16594 #categoryquestions .header
{
16595 text-align: left
; }
16597 #page-mod-quiz-edit div
.questionbankwindow div
.header
{
16600 #page-mod-quiz-edit div
.questionbankwindow
.block
{
16603 .questionbank .singleselect {
16606 /* Question editing form */
16607 #combinedfeedbackhdr div
.fhtmleditor
{
16610 #combinedfeedbackhdr div
.fcheckbox
{
16611 margin-bottom: 1em; }
16613 #multitriesheader div
.fitem_feditor
{
16616 #multitriesheader div
.fitem_fgroup
{
16617 margin-bottom: 1em; }
16619 #multitriesheader div
.fitem_fgroup fieldset
.felement label
{
16620 margin-left: 0.3em;
16621 margin-right: 0.3em; }
16623 body
.path-question-type
{
16624 /* Hacks to display the labels within a form group. */ }
16625 body
.path-question-type
.form-group
.col-form-label
.sr-only:not
(legend
):not
([for
="id_category"]) {
16630 margin: 0 0.5rem 0 0;
16639 margin: 0 auto
1.8em auto
; }
16645 margin-bottom: 1.8em;
16646 background-color: #f8f9fa;
16647 border: 1px solid
#cad0d7;
16648 border-radius: 2px; }
16657 font-weight: bold
; }
16661 margin-top: 0.7em; }
16663 .que .info .questionflag.editable {
16666 .que
.info
.editquestion img
,
16667 .que
.info
.questionflag img
,
16668 .que .info .questionflag input {
16669 vertical-align: bottom
; }
16672 margin: 0 0 0 8.5em; }
16677 position: relative
;
16678 padding: 0.75rem 1.25rem;
16679 margin-bottom: 1rem;
16680 border: 0 solid transparent
;
16681 border-radius: 0.25rem; }
16686 background-color: #fcefdc;
16687 border-color: #fbe8cd;
16688 /* stylelint-disable-line max-line-length */ }
16691 border-top-color: #f9ddb5; }
16692 .que
.outcome
.alert-link
,
16693 .que .comment .alert-link {
16699 .que .formulation {
16701 background-color: #e7f3f5;
16702 border-color: #b8dce2;
16703 /* stylelint-disable-line max-line-length */ }
16704 .que .formulation hr {
16705 border-top-color: #a6d3db; }
16706 .que .formulation .alert-link {
16709 .que
.multichoice
.answer div
.r0
.icon
.fa-check
,
16710 .que
.multichoice
.answer div
.r1
.icon
.fa-check
,
16711 .que
.multichoice
.answer div
.r0
.icon
.fa-remove
,
16712 .que.multichoice .answer div.r1 .icon.fa-remove {
16715 .formulation input
[type
="text"],
16716 .formulation select {
16718 vertical-align: baseline
; }
16720 .que.multianswer .formulation .yui3-widget-positioned {
16721 box-sizing: content-box
; }
16722 .que.multianswer .formulation .yui3-widget-positioned .feedbackspan {
16724 max-width: inherit
; }
16726 .path-mod-quiz input[size] {
16732 background-color: #d7e4d6;
16733 border-color: #c6dac6;
16734 /* stylelint-disable-line max-line-length */ }
16736 border-top-color: #b7d0b7; }
16737 .que .comment .alert-link {
16741 margin: 0.7em 0 0.3em 0; }
16743 .que .im-controls {
16745 text-align: left
; }
16747 .que
.specificfeedback
,
16748 .que
.generalfeedback
,
16749 .que
.numpartscorrect
.que
.rightanswer
,
16753 margin: 0 0 0.5em; }
16755 .que .correctness.correct {
16757 background-color: #357a32; }
16758 a
.que
.correctness
.correct:hover
, a
.que
.correctness
.correct:focus
{
16760 background-color: #255623; }
16761 a
.que
.correctness
.correct:focus
, a
.que
.correctness
.correct
.focus
{
16763 box-shadow: 0 0 0 0.2rem rgba
(53, 122, 50, 0.5); }
16765 .que .correctness.partiallycorrect {
16767 background-color: #f0ad4e; }
16768 a
.que
.correctness
.partiallycorrect:hover
, a
.que
.correctness
.partiallycorrect:focus
{
16770 background-color: #ec971f; }
16771 a
.que
.correctness
.partiallycorrect:focus
, a
.que
.correctness
.partiallycorrect
.focus
{
16773 box-shadow: 0 0 0 0.2rem rgba
(240, 173, 78, 0.5); }
16775 .que .correctness.notanswered, .que .correctness.incorrect {
16777 background-color: #ca3120; }
16778 a
.que
.correctness
.notanswered:hover
, a
.que
.correctness
.notanswered:focus
, .que
.correctness
.incorrect:hover
, .que
.correctness
.incorrect:focus
{
16780 background-color: #9e2619; }
16781 a
.que
.correctness
.notanswered:focus
, a
.que
.correctness
.notanswered
.focus
, .que
.correctness
.incorrect:focus
, .que
.correctness
.incorrect
.focus
{
16783 box-shadow: 0 0 0 0.2rem rgba
(202, 49, 32, 0.5); }
16786 margin-bottom: 1.5em; }
16788 .que .validationerror {
16795 margin-top: 0.5em; }
16801 .que .history table {
16805 .que .history .current {
16806 font-weight: bold
; }
16808 .que .questioncorrectnessicon {
16809 vertical-align: text-bottom
; }
16811 body
.jsenabled
.questionflag input
[type
=checkbox
] {
16814 .que .questionflagimage {
16815 padding-right: 3px;
16821 border-bottom: 1px solid
#555; }
16823 .mform .que.comment .fitemtitle {
16826 #page-question-preview #techinfo
{
16829 #page-question-preview .collapsibleregion
.collapsibleregioncaption
,
16830 #page-question-preview .collapsibleregion
.collapsibleregionextracontent
{
16831 display: inline-block
; }
16833 #page-mod-quiz-edit ul
.slots
.activityinstance
> a
{
16836 align-items: center
;
16840 #page-mod-quiz-edit ul
.slots
.activityinstance img
.activityicon
{
16844 padding-right: 4px; }
16846 #page-mod-quiz-edit .activity img
.activityicon
{
16847 vertical-align: text-top
; }
16849 #page-mod-quiz-edit .box
.generalbox
.questionbank
{
16852 #page-mod-quiz-edit .questionbank
.categorypagingbarcontainer
,
16853 #page-mod-quiz-edit .questionbank
.categoryquestionscontainer
,
16854 #page-mod-quiz-edit .questionbank
.choosecategory
{
16857 #page-mod-quiz-edit .questionbank
.choosecategory select
{
16860 #page-mod-quiz-edit div
.questionbank
.categoryquestionscontainer
{
16861 background: transparent
; }
16863 #page-mod-quiz-edit .questionbankwindow div
.header
{
16866 border-top-left-radius: 4px;
16867 border-top-right-radius: 4px;
16868 margin: 0 -10px 0 -10px;
16869 padding: 2px 10px 2px 10px;
16870 background: transparent
;
16871 /* Old browsers */ }
16873 #page-mod-quiz-edit .questionbankwindow div
.header
a:link
,
16874 #page-mod-quiz-edit .questionbankwindow div
.header
a:visited
{
16877 #page-mod-quiz-edit .questionbankwindow div
.header
a:hover
{
16880 #page-mod-quiz-edit .createnewquestion
{
16881 padding: 0.3em 0; }
16882 #page-mod-quiz-edit .createnewquestion div
,
16883 #page-mod-quiz-edit .createnewquestion input
{
16886 #page-mod-quiz-edit .questionbankwindow div
.header
.title
{
16889 #page-mod-quiz-edit div
.container div
.generalbox
{
16890 background-color: transparent
;
16893 #page-mod-quiz-edit .categoryinfo
{
16894 background-color: transparent
;
16895 border-bottom: none
; }
16897 #page-mod-quiz-edit .createnewquestion
.singlebutton input
{
16898 margin-bottom: 0; }
16900 #page-mod-quiz-edit div
.questionbank
.categorysortopotionscontainer
,
16901 #page-mod-quiz-edit div
.questionbank
.categoryselectallcontainer
{
16902 padding: 0 0 1.5em 0; }
16904 #page-mod-quiz-edit div
.questionbank
.categorypagingbarcontainer
{
16905 background-color: transparent
;
16908 border-bottom: 0; }
16909 #page-mod-quiz-edit div
.questionbank
.categorypagingbarcontainer
.paging
{
16910 padding: 0 0.3em; }
16912 #page-mod-quiz-edit div
.question div
.content div
.questioncontrols
{
16913 background-color: #fff; }
16915 #page-mod-quiz-edit div
.question div
.content div
.points
{
16916 margin-top: -0.5em;
16919 background-color: #fff;
16923 margin-right: 60px; }
16925 #page-mod-quiz-edit div
.question div
.content div
.points br
{
16928 #page-mod-quiz-edit div
.question div
.content div
.points label
{
16929 display: inline-block
; }
16931 #page-mod-quiz-edit div
.quizpage
.pagecontent
.pagestatus
{
16932 background-color: #fff; }
16934 #page-mod-quiz-edit .quizpagedelete
,
16935 #page-mod-quiz-edit .quizpagedelete img
{
16936 background-color: transparent
; }
16938 #page-mod-quiz-edit div
.quizpage
.pagecontent
{
16939 border: 1px solid
#ddd;
16940 border-radius: 2px;
16941 overflow: hidden
; }
16943 #page-mod-quiz-edit div
.questionbank
.categoryinfo
{
16944 padding: 0.3em 0; }
16946 .questionbankwindow .module {
16949 .questionbankwindow .form-autocomplete-selection {
16952 #page-mod-quiz-edit div
.editq div
.question div
.content
{
16953 background-color: #fff;
16954 border: 1px solid
#ddd;
16955 border-radius: 2px;
16956 overflow: hidden
; }
16958 #page-mod-quiz-edit ul
.slots
.activityinstance img
.activityicon
{
16960 padding-right: 4px; }
16962 .path-mod-quiz .statedetails {
16964 font-size: 0.9em; }
16969 .que.shortanswer .answer {
16975 .que .content .answer div[data-region="answer-label"] .mediaplugin {
16978 body
.path-question-type
.mform fieldset
.hidden
{
16980 margin: 0.7em 0 0; }
16983 .que.ddwtos .drop {
16984 box-sizing: content-box
; }
16986 .tag-condition-container {
16987 position: relative
; }
16989 @media (max-width: 767.98px) {
16996 @media (max-width: 991.98px) {
16997 #categoryquestions td
,
16998 #categoryquestions th
{
16999 max-width: 75vw; } }
17002 .userprofile .fullprofilelink {
17003 text-align: center
;
17006 .userprofile .page-context-header {
17007 margin-bottom: 10px;
17010 .userprofile .description {
17012 margin-bottom: 30px; }
17014 .userprofile .profile_tree {
17017 #participantsform .no-overflow
{
17018 overflow: visible
; }
17020 .userprofile dl.list > dd + dt {
17027 text-align: center
;
17031 #page-user-profile .node_category ul
,
17032 .path-user .node_category ul {
17037 #page-user-profile .node_category li
,
17038 .path-user .node_category li {
17041 #page-user-profile .node_category
.editprofile
,
17042 #page-user-profile .node_category
.viewmore
,
17043 .path-user
.node_category
.editprofile
,
17044 .path-user .node_category .viewmore {
17045 text-align: right
; }
17047 .ajax-contact-button {
17048 box-sizing: border-box
;
17049 position: relative
; }
17050 .ajax-contact-button.loading .loading-icon {
17052 .ajax-contact-button .loading-icon {
17054 position: absolute
;
17059 background-color: rgba
(255, 255, 255, 0.7); }
17060 .ajax-contact-button .loading-icon .icon {
17061 position: absolute
;
17064 transform: translate
(-50%, -50%); }
17066 @media (max-width: 480px) {
17067 .userprofile .profile_tree {
17068 /** Display the profile on one column on phones@mixin */
17069 column-count: 1; } }
17071 .userlist #showall {
17074 .userlist .buttons {
17075 text-align: center
; }
17077 .userlist .buttons label {
17080 .userlist table#participants {
17081 text-align: center
; }
17083 .userlist table#participants td {
17086 vertical-align: middle
; }
17088 .userlist table#participants th {
17092 .userlist table.controls {
17094 .userlist table.controls tr {
17095 vertical-align: top
; }
17096 .userlist table.controls .right {
17097 text-align: right
; }
17098 .userlist table.controls .groupselector {
17101 .userlist table.controls .groupselector label {
17107 border-collapse: separate
;
17110 .userinfobox
.left
,
17111 .userinfobox .side {
17113 vertical-align: top
; }
17115 .userinfobox .userpicture {
17119 .userinfobox .content {
17120 vertical-align: top
; }
17122 .userinfobox .links {
17125 vertical-align: bottom
; }
17127 .userinfobox .links a {
17130 .userinfobox .list td {
17133 .userinfobox .username {
17134 padding-bottom: 20px;
17135 font-weight: bold
; }
17137 .userinfobox td.label {
17139 white-space: nowrap
;
17140 vertical-align: top
;
17141 font-weight: bold
; }
17144 position: absolute
;
17146 margin-right: 0.6em; }
17151 margin-right: 1em; }
17152 .group-image .grouppicture {
17153 border-radius: 50%; }
17155 .groupinfobox .left {
17158 vertical-align: top
; }
17160 .course-participation #showall {
17161 text-align: center
;
17164 #user-policy .noticebox
{
17165 text-align: center
;
17167 margin-right: auto
;
17168 margin-bottom: 10px;
17172 #user-policy #policyframe
{
17179 .userselector select {
17182 .userselector div {
17183 margin-top: 0.2em; }
17185 .userselector div label {
17186 margin-right: 0.3em; }
17188 /* Next style does not work in all browsers but looks nicer when it does */
17189 .userselector .userselector-infobelow {
17190 font-size: 0.8em; }
17192 #userselector_options .collapsibleregioncaption
{
17193 font-weight: bold
; }
17195 #userselector_options p
{
17197 text-align: left
; }
17199 /** user full profile */
17200 #page-user-profile .messagebox
{
17201 text-align: center
;
17203 margin-right: auto
; }
17205 /** user course profile */
17206 #page-course-view-weeks .messagebox
{
17207 text-align: center
;
17209 margin-right: auto
; }
17211 .profileeditor > .singleselect {
17212 margin: 0 0.5em 0 0; }
17214 .profileeditor > .singlebutton {
17215 display: inline-block
;
17216 margin: 0 0 0 0.5em; }
17217 .profileeditor
> .singlebutton div
,
17218 .profileeditor > .singlebutton input {
17221 .userlist h3 .action-icon {
17224 #page-enrol-users .popover
{
17227 .user-enroller-panel {
17230 [data-filterverbfor
],
17231 [data-filterregion
="filter"]:last-child
[data-filterregion
="joinadverb"] {
17234 [data-filterverb
="0"] [data-filterverbfor
="0"],
17235 [data-filterverb
="1"] [data-filterverbfor
="1"],
17236 [data-filterverb
="2"] [data-filterverbfor
="2"] {
17239 #page-user-contactsitesupport .supporticon i
{
17242 .search-results .result {
17246 .search-results .result .result-content {
17249 .search-results .result .filename {
17250 font-style: italic
; }
17252 .simplesearchform .input-group input.form-control {
17253 border-top-left-radius: 0.25rem;
17254 border-bottom-left-radius: 0.25rem; }
17256 .simplesearchform .btn {
17257 padding-left: 0.5rem;
17258 padding-right: 0.5rem; }
17260 .simplesearchform .btn .icon {
17263 .simplesearchform .btn-submit {
17264 border-color: #8f959e;
17267 .simplesearchform
.btn-close
,
17268 .simplesearchform .btn-clear {
17269 position: absolute
;
17275 .simplesearchform .btn-close {
17278 .simplesearchform .btn-submit {
17279 background-color: #f8f9fa; }
17281 .simplesearchform .withclear {
17282 padding-right: 2rem; }
17284 .simplesearchform .searchinput {
17288 .simplesearchform .collapsing {
17293 .simplesearchform
.collapse
.show
,
17294 .simplesearchform .collapsing {
17295 position: absolute
;
17300 background-color: #fff;
17303 .simplesearchform
.collapse
.show
.form-inline
,
17304 .simplesearchform .collapsing .form-inline {
17307 margin-right: auto
; }
17309 .search-areas-actions {
17310 margin-bottom: 1rem; }
17312 .search-areas-actions > div {
17313 margin-right: 1rem;
17314 display: inline-block
; }
17316 #core-search-areas .lastcol li
{
17318 text-indent: -24px; }
17320 #core-search-areas .lastcol li
> i
{
17324 * Moodle forms HTML isn't changeable via renderers (yet?) so this
17325 * .less file imports styles from the bootstrap $variables file and
17326 * adds them to the existing Moodle form CSS ids and classes.
17329 .jsenabled .mform .containsadvancedelements .advanced {
17332 .mform .containsadvancedelements .advanced.show {
17335 #adminsettings span
.error
{
17336 display: inline-block
;
17337 border: 1px solid
#f0c5c1;
17338 border-radius: 4px;
17339 background-color: #f4d6d2;
17341 margin-bottom: 4px; }
17343 .mform
.form-inline
.form-control
,
17344 .mform .form-inline .custom-select {
17347 .mform .form-inline textarea.form-control {
17350 .mform .form-inline .form-group {
17351 margin: 0.1rem 0.25rem 0.1rem 0; }
17353 .mform .form-inline br + label {
17354 justify-content: flex-start
;
17358 .unresponsive
.mform
.form-inline
,
17359 .unresponsive.mform .form-inline label {
17360 display: inline-flex
; }
17362 #jump-to-activity.custom-select
{
17366 margin-bottom: 0.5rem;
17367 border-bottom: 1px solid
#dee2e6; }
17369 #adminsettings .form-control
[size
] {
17372 #adminsettings .error
{
17375 .mform ul.file-list {
17378 list-style: none
; }
17381 .mform label .adv {
17385 input#id_externalurl
{
17388 #portfolio-add-button {
17392 .form-label .form-shortname {
17395 .form-label .form-shortname {
17396 font-size: 0.703125rem;
17399 .form-item .form-inline {
17402 .form-inline label:not(.sr-only):not(.accesshide) + select {
17403 margin-left: 0.5rem; }
17405 .formsettingheading .form-horizontal {
17408 .no-felement.fstatic {
17410 padding-top: 5px; }
17412 .no-fitem .fstaticlabel {
17413 font-weight: bold
; }
17415 .form-item .form-setting .defaultsnext > input {
17416 display: inline-block
; }
17418 .form-item .form-setting .form-checkbox.defaultsnext {
17420 display: inline-block
; }
17422 #adminsettings h3
{
17426 margin-bottom: 1.5;
17427 font-size: 1.171875rem;
17430 border-bottom: 1px solid
#e5e5e5; }
17433 .mform
.fitem
.felement input
[name
="email"],
17434 .mform
.fitem
.felement input
[name
="email2"],
17435 .mform
.fitem
.felement input
[name
="url"],
17436 .mform
.fitem
.felement input
[name
="idnumber"],
17437 .mform
.fitem
.felement input
[name
="phone1"],
17438 .mform .fitem .felement input[name="phone2"] {
17442 .que.match .mediaplugin {
17446 #page-admin-grade-edit-scale-edit .error input#id_name
{
17447 margin-right: 170px; }
17449 #page-grade-edit-outcome-course .courseoutcomes
{
17451 margin-right: auto
;
17454 #page-grade-edit-outcome-course .courseoutcomes td
{
17455 text-align: center
; }
17457 /* Install Process' text fields Forms, should always be justified to the left */
17459 #installform #id_wwwroot
,
17460 #installform #id_dirroot
,
17461 #installform #id_dataroot
,
17462 #installform #id_dbhost
,
17463 #installform #id_dbname
,
17464 #installform #id_dbuser
,
17465 #installform #id_dbpass
,
17466 #installform #id_prefix
{
17469 .mdl-right > label {
17470 display: inline-block
; }
17475 .form-item .form-label label {
17476 margin-bottom: 0; }
17478 div#dateselector-calendar-panel
{
17480 /* Set higher than the z-index of the filemanager - see MDL-39047. */ }
17482 fieldset
.coursesearchbox label
{
17486 * Show the labels above text editors and file managers except on wide screens.
17488 /* Section and module editing forms contain special JS components for the
17489 availability system (if enabled). */
17490 #id_availabilityconditionsjson[aria-hidden
=true
],
17491 .availability-field [aria-hidden=true] {
17494 .availability-field label {
17495 display: inline-flex
; }
17497 .availability-field .availability-group label {
17498 vertical-align: top
; }
17500 .availability-eye {
17504 .availability-inner
,
17505 .availability-plugincontrols {
17507 border-radius: 0.25rem;
17508 border: 1px solid rgba
(0, 0, 0, 0.125);
17510 margin-top: 0.5rem; }
17512 .availability-plugincontrols
,
17513 .availability-childlist .availability-inner {
17514 margin-left: .625rem; }
17516 .availability-field .availability-plugincontrols .availability-group select {
17517 max-width: 12rem; }
17519 /* Custom styles for autocomplete form element */
17520 /* These styles reserve a standard amount of space in the DOM to avoid flicker when the original select element is replaced */
17521 [data-fieldtype
=autocomplete
] select
,
17522 [data-fieldtype
=tags
] select
,
17523 .form-autocomplete-original-select {
17524 visibility: hidden
;
17531 margin-top: 1.65625rem;
17532 vertical-align: bottom
; }
17534 .form-autocomplete-selection {
17536 min-height: 2.375rem; }
17538 .form-autocomplete-selection [role=option] {
17540 white-space: inherit
;
17541 word-break: break-word
;
17543 text-align: left
; }
17545 .form-autocomplete-suggestions {
17546 position: absolute
;
17547 background-color: white
;
17548 border: 1px solid
#8f959e;
17552 margin: 0.125rem 0 0;
17556 .form-autocomplete-suggestions li {
17557 list-style-type: none
;
17558 padding: 0.25rem 1.5rem;
17562 .form-autocomplete-suggestions li:hover, .form-autocomplete-suggestions li:focus, .form-autocomplete-suggestions li[aria-selected="true"] {
17563 background-color: #0f6cbf;
17565 .form-autocomplete-suggestions li::before {
17566 content: "\200B"; }
17568 .form-autocomplete-downarrow {
17573 .form-autocomplete-downarrow .loading-icon {
17574 position: absolute
;
17577 background-color: #fff; }
17579 /** Undo some bootstrap things */
17580 .form-autocomplete-selection + input.form-control {
17582 display: inline-block
;
17583 vertical-align: middle
; }
17585 .form-autocomplete-selection [data-active-selection=true] {
17587 font-size: large
; }
17589 select
.form-control
[size
], select
.form-control
[multiple
] {
17590 padding-right: 0; }
17591 select
.form-control
[size
] option
, select
.form-control
[multiple
] option
{
17592 width: fit-content
; }
17594 /* Non-bootstrap selects with a size show their contents outside of the element.
17595 * Remove when we update to stable bootstrap 4. (MDL-56511) */
17601 overflow: visible
; }
17603 textarea
[data-auto-rows
] {
17604 overflow-x: hidden
;
17607 /** Display elements under labels in vertical forms regardless of the screen size. */
17608 .mform.full-width-labels .fitem.row {
17611 .mform
.full-width-labels
.fitem
.row
> .col-md-3
,
17612 .mform.full-width-labels .fitem.row > .col-md-9 {
17618 .mform.full-width-labels .fitem.row.femptylabel > .col-md-3 {
17620 .mform.full-width-labels .fitem.row .form-control {
17623 .mform .col-form-label .form-label-addon {
17624 margin-left: 0.25rem; }
17626 @media (min-width: 576px) {
17627 .mform:not(.full-width-labels) .col-form-label .form-label-addon {
17628 margin-left: auto
; } }
17630 /** Allow wrapping an mform in a div with the form-inline class to have an inline, responsive form. */
17631 @media (min-width: 768px) {
17632 .form-inline
.col-md-9
,
17633 .form-inline .col-md-3 {
17634 margin-bottom: 1rem;
17636 .form-inline
.col-md-9 label
,
17637 .form-inline .col-md-3 label {
17638 margin-left: 1rem; } }
17640 [data-fieldtype
="modgrade"] .form-group
{
17641 padding-bottom: 0.375rem; }
17643 [data-fieldtype
="modgrade"] {
17644 background-color: #fff;
17645 border-radius: 0.25rem;
17646 border: 1px solid rgba
(0, 0, 0, 0.125);
17649 max-width: 30rem; }
17651 [data-filetypesbrowserbody
] [aria-expanded
="false"] > [role
="group"],
17652 [data-filetypesbrowserbody
] [aria-expanded
="false"] [data-filetypesbrowserfeature
="hideifcollapsed"],
17653 [data-filetypesbrowserbody
] [aria-expanded
="true"] [data-filetypesbrowserfeature
="hideifexpanded"] {
17656 .form-inline
[data-fieldtype
="autocomplete"],
17657 .form-inline[data-fieldtype="tags"] {
17660 [data-fieldtype
="editor"] > div
{
17663 @media (min-width: 768px) {
17664 .mform fieldset .fcontainer.collapseable .col-form-label {
17665 padding-left: 2.5rem; } }
17667 @media (min-width: 576px) {
17668 .mform .form-inline .fdefaultcustom label {
17669 justify-content: initial
; } }
17671 .collapsemenu .collapseall {
17674 .collapsemenu .expandall {
17677 .collapsemenu.collapsed .collapseall {
17680 .collapsemenu.collapsed .expandall {
17683 .input-group.form-inset .form-inset-item {
17684 position: absolute
;
17685 padding-top: calc
(0.375rem + 1px);
17688 .input-group.form-inset.form-inset-left .form-control {
17689 padding-left: 1.5rem; }
17691 .input-group.form-inset.form-inset-right .form-control {
17692 padding-right: 1.5rem; }
17694 .input-group.form-inset.form-inset-right .form-inset-item {
17697 .pagelayout-login #region-main {
17699 background-color: inherit
; }
17701 .pagelayout-login #page {
17702 background: #f8f9fa;
17703 background-image: linear-gradient
(to right
, #f8f9fa 0%, #dee2e6 100%);
17704 background-repeat: repeat-x
; }
17705 .pagelayout-login #page div[role="main"] {
17710 align-items: center
;
17711 justify-content: center
;
17715 background-color: #fff;
17717 box-shadow: 0 0.5rem 1rem rgba
(0, 0, 0, 0.15);
17718 margin-bottom: 2rem; }
17719 .login-container .login-languagemenu {
17721 justify-content: flex-start
; }
17722 .login-container .login-languagemenu .dropdown-menu {
17724 overflow-y: auto
; }
17725 .login-container .login-logo {
17727 justify-content: center
;
17728 margin-bottom: 1rem; }
17729 .login-container .login-divider {
17730 margin-top: 1.5rem;
17731 margin-bottom: 1.5rem;
17732 border-top: 1px solid
#dee2e6; }
17733 .login-container h1.login-heading {
17734 font-size: 1.875rem; }
17735 .login-container h2.login-heading {
17736 font-size: 1.40625rem; }
17737 .login-container .login-identityproviders .login-identityprovider-btn {
17738 border: 1px solid
#dee2e6; }
17739 .login-container .divider {
17741 background-color: #dee2e6;
17742 height: 1.875rem; }
17743 .login-container .action-menu-trigger a {
17744 margin: 0.5rem 0; }
17746 @media (min-width: 768px) {
17749 border-radius: 0.25rem; } }
17755 .path-mod .activity-header:not(:empty) {
17756 background-color: #f8f9fa;
17757 margin-bottom: 1rem;
17758 padding-left: 1rem;
17759 padding-right: 1rem;
17760 border-radius: 0.25rem; }
17761 .path-mod .activity-header:not(:empty) > div:last-child > div:last-child {
17762 border-bottom: 0; }
17764 .path-mod .activity-information .activity-dates {
17766 padding-bottom: 1rem;
17767 border-bottom: 1px solid
#dee2e6; }
17769 .path-mod .activity-information .completion-info {
17771 padding-bottom: 1rem;
17772 border-bottom: 1px solid
#dee2e6; }
17774 .path-mod .activity-description {
17776 padding-bottom: 1rem; }
17777 .path-mod .activity-description > .box.py-3 {
17778 padding-top: 0 !important
;
17779 /* stylelint-disable-line declaration-no-important */
17780 padding-bottom: 0 !important
;
17781 /* stylelint-disable-line declaration-no-important */ }
17782 .path-mod .activity-description > .box.py-3:empty {
17785 .path-mod .automatic-completion-conditions .badge {
17788 margin-top: 0.25rem;
17789 mix-blend-mode: multiply
; }
17790 .path-mod .automatic-completion-conditions .badge.badge-light {
17791 background-color: #e9ecef !important
;
17792 /* stylelint-disable-line declaration-no-important */ }
17793 .path-mod .automatic-completion-conditions .badge .icon {
17796 font-size: 0.7rem; }
17797 .path-mod .automatic-completion-conditions .badge:first-child {
17800 .path-mod .activity-description .no-overflow p:last-child {
17802 margin-bottom: 0; }
17804 .path-mod-choice .horizontal .choices .option {
17805 display: inline-block
; }
17807 .path-mod-choice .choices .option label {
17808 vertical-align: top
; }
17810 .path-mod-forum
.forumsearch input
,
17811 .path-mod-forum .forumsearch .helptooltip {
17814 .path-mod-forum
.forumheaderlist
,
17815 .path-mod-forum .forumheaderlist td {
17818 .path-mod-forum
.forumheaderlist thead
.header
,
17819 .path-mod-forum .forumheaderlist tbody .discussion td {
17820 white-space: normal
;
17821 vertical-align: top
;
17822 padding-left: 0.5em;
17823 padding-right: 0.5em; }
17825 .path-mod-forum .forumheaderlist thead .header {
17826 white-space: normal
;
17827 vertical-align: top
; }
17829 .path-mod-forum .forumheaderlist thead .header.replies {
17830 text-align: center
; }
17832 .path-mod-forum .forumheaderlist thead .header.lastpost {
17833 text-align: right
; }
17835 .path-mod-forum
.forumheaderlist thead
.header th
.discussionsubscription
,
17836 .path-mod-forum .forumheaderlist tbody .discussion td.discussionsubscription {
17838 padding-left: 0.5em;
17839 padding-right: 0.5em; }
17841 .path-mod-forum
.forumheaderlist
.discussion
.replies
,
17842 .path-mod-forum .forumheaderlist .discussion .lastpost {
17843 white-space: normal
; }
17845 .path-mod-forum
.forumheaderlist
.discussion
.discussionsubscription
,
17846 .path-mod-forum .forumheaderlist .discussion .replies {
17847 text-align: center
; }
17849 .path-mod-forum
.forumheaderlist
.discussion
.topic
,
17850 .path-mod-forum
.forumheaderlist
.discussion
.discussionsubscription
,
17851 .path-mod-forum
.forumheaderlist
.discussion
.topic
.starter
,
17852 .path-mod-forum
.forumheaderlist
.discussion
.replies
,
17853 .path-mod-forum .forumheaderlist .discussion .lastpost {
17854 vertical-align: top
; }
17856 .path-mod-forum .discussion-list .topic {
17857 font-weight: inherit
; }
17859 .discussion-settings-container .custom-select {
17862 .discussion-settings-container input {
17866 border: 1px solid
#dee2e6;
17869 .forumpost .header {
17870 margin-bottom: 3px; }
17871 .forumpost .picture img {
17873 .forumpost .picture img.userpicture {
17875 margin-right: 10px; }
17876 .forumpost .content .posting.fullpost {
17880 .forumpost
.row
.topic
,
17881 .forumpost
.row
.content-mask
,
17882 .forumpost .row .options {
17883 margin-left: 48px; }
17884 .forumpost .row.side {
17887 .forumpost .row .left {
17890 .forumpost .options .commands {
17893 .forumpost .subject {
17894 font-weight: bold
; }
17896 .forumsearch input[type=text] {
17897 margin-bottom: 0; }
17899 #page-mod-forum-view table
.fit-content
{
17901 white-space: nowrap
; }
17903 #page-mod-forum-view table
.limit-width
{
17905 white-space: nowrap
;
17906 text-overflow: ellipsis
;
17907 overflow: hidden
; }
17908 #page-mod-forum-view table
.limit-width
.author-info
{
17909 max-width: calc
(100% - 35px - .5rem); }
17911 #page-mod-forum-discuss .discussioncontrols
{
17914 #page-mod-forum-discuss .discussioncontrols
.form-inline input
{
17915 margin-top: -1px; }
17917 /** Gently highlight the selected post by changing it's background to blue and then fading it out. */
17918 @keyframes background-highlight
{
17920 background-color: rgba
(0, 123, 255, 0.5); }
17922 background-color: inherit
; } }
17924 .path-mod-forum
.nested-v2-display-mode
,
17925 .path-mod-forum.nested-v2-display-mode {
17926 /** Reset the badge styling back to pill style. */
17927 /** Style the ratings like a badge. */
17928 /** Don't show the discussion locked alert in this mode because it's already indicated with a badge. */
17929 /** Fix muted text contrast ratios for accessibility. */
17930 /** Make the tag list text screen reader visible only */ }
17931 .path-mod-forum
.nested-v2-display-mode
.discussionsubscription
,
17932 .path-mod-forum.nested-v2-display-mode .discussionsubscription {
17934 text-align: inherit
;
17935 margin-bottom: 0; }
17936 .path-mod-forum
.nested-v2-display-mode
.preload-subscribe
,
17937 .path-mod-forum
.nested-v2-display-mode
.preload-unsubscribe
,
17938 .path-mod-forum
.nested-v2-display-mode
.preload-subscribe
,
17939 .path-mod-forum.nested-v2-display-mode .preload-unsubscribe {
17941 .path-mod-forum
.nested-v2-display-mode
.post-message
,
17942 .path-mod-forum.nested-v2-display-mode .post-message {
17943 line-height: 1.6; }
17944 .path-mod-forum
.nested-v2-display-mode
.indent
,
17945 .path-mod-forum.nested-v2-display-mode .indent {
17947 .path-mod-forum
.nested-v2-display-mode
.badge
,
17948 .path-mod-forum.nested-v2-display-mode .badge {
17949 font-size: inherit
;
17950 font-weight: inherit
;
17951 padding-left: .5rem;
17952 padding-right: .5rem;
17953 border-radius: 10rem; }
17954 .path-mod-forum
.nested-v2-display-mode
.badge-light
,
17955 .path-mod-forum.nested-v2-display-mode .badge-light {
17956 background-color: #f6f6f6;
17958 .path-mod-forum
.nested-v2-display-mode
.rating-aggregate-container
,
17959 .path-mod-forum.nested-v2-display-mode .rating-aggregate-container {
17960 background-color: #f6f6f6;
17962 padding: .25em .5em;
17964 margin-right: .5rem;
17965 vertical-align: middle
;
17966 border-radius: 10rem;
17967 text-align: center
; }
17968 .path-mod-forum
.nested-v2-display-mode
.ratinginput
,
17969 .path-mod-forum.nested-v2-display-mode .ratinginput {
17970 padding: .25em 1.75rem 0.25em .75em;
17973 border-radius: 10rem; }
17974 @media
(max-width: 767.98px) {
17975 .path-mod-forum
.nested-v2-display-mode
.ratinginput
,
17976 .path-mod-forum.nested-v2-display-mode .ratinginput {
17977 margin-top: .5rem; } }
17978 .path-mod-forum
.nested-v2-display-mode
.group-image
,
17979 .path-mod-forum.nested-v2-display-mode .group-image {
17984 display: inline-block
; }
17985 .path-mod-forum
.nested-v2-display-mode
.alert
.discussionlocked
,
17986 .path-mod-forum.nested-v2-display-mode .alert.discussionlocked {
17987 position: absolute
;
17993 clip: rect
(0, 0, 0, 0);
17994 white-space: nowrap
;
17996 .path-mod-forum
.nested-v2-display-mode
.text-muted
,
17997 .path-mod-forum
.nested-v2-display-mode
.dimmed_text
,
17998 .path-mod-forum
.nested-v2-display-mode
.text-muted
,
17999 .path-mod-forum.nested-v2-display-mode .dimmed_text {
18000 color: #707070 !important
;
18001 /* stylelint-disable-line declaration-no-important */ }
18002 .path-mod-forum
.nested-v2-display-mode
.author-header
,
18003 .path-mod-forum.nested-v2-display-mode .author-header {
18004 font-style: italic
; }
18005 .path-mod-forum
.nested-v2-display-mode
.author-header
.author-name
,
18006 .path-mod-forum.nested-v2-display-mode .author-header .author-name {
18007 font-style: normal
; }
18008 .path-mod-forum
.nested-v2-display-mode
.tag_list
> b
,
18009 .path-mod-forum.nested-v2-display-mode .tag_list > b {
18010 position: absolute
;
18016 clip: rect
(0, 0, 0, 0);
18017 white-space: nowrap
;
18019 .path-mod-forum
.nested-v2-display-mode :target
> .focus-target
,
18020 .path-mod-forum.nested-v2-display-mode :target > .focus-target {
18021 animation-name: background-highlight
;
18022 animation-duration: 1s;
18023 animation-timing-function: ease-in-out
;
18024 animation-iteration-count: 1; }
18025 .path-mod-forum
.nested-v2-display-mode
.forum-post-container
.replies-container
.forum-post-container
,
18026 .path-mod-forum.nested-v2-display-mode .forum-post-container .replies-container .forum-post-container {
18027 border-top: 1px solid
#dee2e6;
18028 padding-top: 1.5rem; }
18029 .path-mod-forum
.nested-v2-display-mode
.forum-post-container
.replies-container
.forum-post-container
.replies-container
.forum-post-container
,
18030 .path-mod-forum.nested-v2-display-mode .forum-post-container .replies-container .forum-post-container .replies-container .forum-post-container {
18033 .path-mod-forum
.nested-v2-display-mode
.forum-post-container
.replies-container
.inline-reply-container
.reply-author
,
18034 .path-mod-forum.nested-v2-display-mode .forum-post-container .replies-container .inline-reply-container .reply-author {
18036 .path-mod-forum
.nested-v2-display-mode
.forum-post-container
.post-message
p:last-of-type
,
18037 .path-mod-forum.nested-v2-display-mode .forum-post-container .post-message p:last-of-type {
18038 margin-bottom: 0; }
18039 .path-mod-forum
.nested-v2-display-mode
.forum-post-container
.author-image-container
,
18040 .path-mod-forum.nested-v2-display-mode .forum-post-container .author-image-container {
18042 margin-right: 24px;
18044 .path-mod-forum
.nested-v2-display-mode
.forum-post-container
.inline-reply-container textarea
,
18045 .path-mod-forum.nested-v2-display-mode .forum-post-container .inline-reply-container textarea {
18048 .path-mod-forum
.nested-v2-display-mode
.forum-post-container
.indent
,
18049 .path-mod-forum.nested-v2-display-mode .forum-post-container .indent {
18051 * The first post and first set of replies have a larger author image so offset the 2nd
18052 * set of replies by the image width + margin to ensure they align.
18054 .path-mod-forum
.nested-v2-display-mode
.forum-post-container
.indent
.indent
,
18055 .path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent {
18056 padding-left: 94px;
18058 * Reduce the size of the the author image for all second level replies (and below).
18061 * Adjust the indentation offset for all 3rd level replies and below for the smaller author image.
18063 .path-mod-forum
.nested-v2-display-mode
.forum-post-container
.indent
.indent
.author-image-container
,
18064 .path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent .author-image-container {
18067 padding-top: 3px; }
18068 .path-mod-forum
.nested-v2-display-mode
.forum-post-container
.indent
.indent
.indent
,
18069 .path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent .indent {
18070 padding-left: 38px;
18072 * Stop indenting the replies after the 5th reply.
18074 .path-mod-forum
.nested-v2-display-mode
.forum-post-container
.indent
.indent
.indent
.indent
.indent
.indent
,
18075 .path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent .indent .indent .indent .indent {
18078 /** Extra small devices (portrait phones, less than 576px). */
18079 @media (max-width: 767.98px) {
18080 #page-mod-forum-discuss.nested-v2-display-mode
.forum-post-container
.author-image-container
{
18082 margin-right: 8px; }
18083 #page-mod-forum-discuss.nested-v2-display-mode
.forum-post-container
.indent
.indent
{
18084 padding-left: 38px; }
18085 #page-mod-forum-discuss.nested-v2-display-mode
.forum-post-container
.indent
.indent
.indent
.indent
{
18087 #page-mod-forum-discuss.nested-v2-display-mode
.group-image
{
18091 .filter-scrollable {
18094 margin-bottom: 1em; }
18096 .filter-dates-popover {
18098 max-width: 41.5em; }
18100 /* stylelint-disable-line max-line-length */
18101 @keyframes expandSearchButton
{
18105 border-radius: 18px;
18106 background-color: #e9ecef; }
18109 height: calc
(1.5em + 1rem + 2px);
18111 background-color: #fff;
18112 border-color: #8f959e;
18113 padding-left: calc
(0.5rem + 8px);
18114 padding-top: 0.5rem;
18115 padding-bottom: 0.5rem;
18116 font-size: 1.171875rem;
18117 @media
(max-width: 1200px) {
18118 font-size: calc
(0.9271875rem + 0.32625vw) ; }
18122 @keyframes collapseSearchButton
{
18125 height: calc
(1.5em + 1rem + 2px);
18127 background-color: #fff;
18128 border-color: #8f959e;
18129 padding-left: calc
(0.5rem + 8px);
18130 padding-top: 0.5rem;
18131 padding-bottom: 0.5rem;
18132 font-size: 1.171875rem;
18133 @media
(max-width: 1200px) {
18134 font-size: calc
(0.9271875rem + 0.32625vw) ; }
18140 border-radius: 18px;
18141 background-color: #e9ecef; } }
18143 .path-mod-forum .unified-grader .navbar {
18147 .path-mod-forum .unified-grader .body-container {
18149 .path-mod-forum .unified-grader .body-container.hidden {
18150 display: none
!important
;
18151 /* stylelint-disable-line declaration-no-important */ }
18153 .path-mod-forum .unified-grader .userpicture {
18157 .path-mod-forum .unified-grader .grader-grading-panel {
18159 position: absolute
;
18163 .path-mod-forum .unified-grader .grader-grading-panel.hidden {
18165 .path-mod-forum .unified-grader .grader-grading-panel .grading-icon {
18167 .path-mod-forum .unified-grader .grader-grading-panel .user-picker-container .user-full-name {
18168 max-width: 240px; }
18169 .path-mod-forum .unified-grader .grader-grading-panel .user-picker-container .page-link {
18173 text-align: center
;
18174 align-items: center
;
18175 justify-content: center
; }
18176 .path-mod-forum .unified-grader .grader-grading-panel .header-container {
18178 position: relative
;
18179 overflow: hidden
; }
18180 .path-mod-forum .unified-grader .grader-grading-panel .header-container .info-container {
18181 position: absolute
;
18184 transform: translateY
(-50%);
18188 padding-right: calc
(36px + 0.5rem);
18190 visibility: visible
;
18191 transition: left
0.3s ease-in-out
;
18193 .path-mod-forum .unified-grader .grader-grading-panel .header-container .toggle-search-button.expand {
18194 animation-name: expandSearchButton
;
18195 animation-duration: 0.3s;
18196 animation-timing-function: ease-in-out
; }
18197 .path-mod-forum .unified-grader .grader-grading-panel .header-container .toggle-search-button.collapse {
18199 animation-name: collapseSearchButton
;
18200 animation-duration: 0.3s; }
18201 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container {
18203 position: absolute
;
18206 transform: translateY
(-50%);
18209 height: 100% !important
;
18210 /* stylelint-disable-line declaration-no-important */
18212 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container {
18213 position: relative
;
18215 flex-wrap: nowrap
; }
18216 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container input {
18217 padding-left: calc
(0.5rem + 0.5rem + 34px);
18218 padding-right: calc
(0.5rem + 36px);
18220 visibility: visible
;
18221 transition: opacity
0s linear
0.3s, visibility
0s linear
; }
18222 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .search-icon {
18223 position: absolute
;
18226 transform: translateY
(-50%);
18230 background-color: #fff;
18232 visibility: visible
;
18233 transition: opacity
0s linear
0.3s, visibility
0s linear
0.3s; }
18234 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .toggle-search-button {
18235 position: absolute
;
18238 transform: translateY
(-50%);
18243 transition: right
0s linear
0.3s; }
18244 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .toggle-search-button .expanded-icon {
18246 visibility: visible
;
18249 transition: opacity
0s linear
0.3s, max-height
0s linear
0.3s, max-width
0s linear
0.3s, visibility
0s linear
0.3s; }
18250 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .toggle-search-button .collapsed-icon {
18252 visibility: hidden
;
18256 transition: opacity
0s linear
0.3s, max-height
0s linear
0.3s, max-width
0s linear
0.3s, visibility
0s linear
0.3s; }
18257 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed {
18258 width: calc
(36px + 0.5rem + 0.5rem);
18259 transition: width
0.3s ease-in-out
; }
18260 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container {
18261 flex-wrap: nowrap
; }
18262 .path-mod-forum
.unified-grader
.grader-grading-panel
.header-container
.user-search-container
.collapsed
.search-input-container input
,
18263 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container .search-icon {
18265 visibility: hidden
;
18266 transition: opacity
0s linear
, visibility
0s linear
; }
18267 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container input {
18269 padding-right: 0; }
18270 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container .toggle-search-button .expanded-icon {
18272 visibility: hidden
;
18276 transition: opacity
0s linear
, max-height
0s linear
, max-width
0s linear
, visibility
0s linear
; }
18277 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container .toggle-search-button .collapsed-icon {
18279 visibility: visible
;
18282 transition: opacity
0s linear
, max-height
0s linear
, max-width
0s linear
, visibility
0s linear
; }
18283 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container:not(.collapsed) + .info-container {
18285 visibility: hidden
;
18286 left: calc
(100% * -1);
18287 transition: left
0.3s ease-in-out
, opacity
0s linear
0.3s, visibility
0s linear
0.3s, padding
0s linear
0.3s; }
18289 .path-mod-forum .unified-grader .grader-module-content {
18291 margin-right: 430px;
18292 transition: margin-right
0.2s ease-in-out
; }
18293 @media
(prefers-reduced-motion: reduce
) {
18294 .path-mod-forum .unified-grader .grader-module-content {
18295 transition: none
; } }
18297 .path-mod-forum .unified-grader .drawer-button {
18298 position: relative
; }
18299 .path-mod-forum .unified-grader .drawer-button.active::after {
18301 position: absolute
;
18302 bottom: calc
(-0.5rem - 1px);
18306 background-color: #0f6cbf; }
18307 .path-mod-forum .unified-grader .drawer-button .icon {
18312 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container:last-of-type > hr {
18315 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container:last-of-type > hr {
18318 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container {
18319 position: relative
; }
18320 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button {
18321 position: absolute
;
18326 padding-left: calc
(1rem + 45px);
18329 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button:not(.collapsed) {
18331 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content {
18333 height: auto
!important
;
18334 /* stylelint-disable-line declaration-no-important */ }
18335 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .header {
18336 transition: margin-bottom
0.3s ease-in-out
; }
18337 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .header div + div {
18339 visibility: visible
;
18341 transition: opacity
0.3s linear
, visibility
0s linear
; }
18342 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .body-content-container {
18344 visibility: visible
;
18346 transition: opacity
0.3s linear
, visibility
0s linear
; }
18347 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .forum-post-core {
18349 visibility: visible
;
18351 transition: opacity
0.3s linear
, visibility
0s linear
; }
18352 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content {
18354 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .header {
18355 margin-bottom: 0 !important
;
18356 /* stylelint-disable-line declaration-no-important */ }
18357 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .header div + div {
18359 visibility: hidden
;
18361 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .body-content-container {
18363 visibility: hidden
;
18365 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .forum-post-core {
18367 visibility: hidden
;
18369 .path-mod-forum
.unified-grader
.grader-module-content-display
.discussion-container
.posts-container
.parent-container
.show-content-button
.collapsed:hover
+ .content
,
18370 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed:focus + .content {
18373 .path-mod-forum .unified-grader .grader-module-content-display .no-post-container .icon {
18378 .path-mod-forum .unified-grader .grader-module-content-display .nested-v2-display-mode .discussion-container .posts-container .parent-container .show-content-button {
18379 padding-left: 94px; }
18381 .path-mod-forum .unified-grader .no-search-results-container .icon {
18386 .path-mod-forum .unified-grader .nested-v2-display-mode .view-context-button {
18388 border-radius: 0.3rem; }
18390 .path-mod-forum .unified-grader .nested-v2-display-mode .parent-container .author-image-container {
18391 position: relative
; }
18392 .path-mod-forum .unified-grader .nested-v2-display-mode .parent-container .author-image-container:after {
18393 position: absolute
;
18394 top: calc
(70px + 0.5rem);
18396 background-color: #e9ecef;
18398 height: calc
(100% - 70px + 0.5rem); }
18400 .path-mod-forum .unified-grader .nested-v2-display-mode .parent-container + .post-container .author-image-container img {
18401 width: 30px !important
;
18402 /* stylelint-disable-line declaration-no-important */ }
18404 .path-mod-forum
.unified-grader
.nested-v2-display-mode
.post-subject
,
18405 .path-mod-forum .modal .nested-v2-display-mode .post-subject {
18408 @media (max-width: 575.98px) {
18409 .path-mod-forum .unified-grader .grader-grading-panel {
18412 height: calc
(100vh - 50px);
18415 .path-mod-forum .unified-grader .body-container {
18416 overflow: visible
; } }
18418 .maincalendar
.calendarmonth td
,
18419 .maincalendar .calendarmonth th {
18420 border: 1px dotted
#dee2e6; }
18422 .path-grade-report-grader h1 {
18423 text-align: inherit
; }
18425 #page-mod-chat-gui_basic input#message
{
18428 #page-mod-data-view #singleimage
{
18431 .template_heading {
18432 margin-top: 10px; }
18434 .breadcrumb-button {
18437 .breadcrumb-button .singlebutton {
18439 margin-left: 4px; }
18445 -ms-touch-action: auto
; }
18450 /** General styles (scope: all of lesson) **/
18451 .path-mod-lesson .invisiblefieldset.fieldsetfix {
18454 .path-mod-lesson .answeroption .checkbox label p {
18457 .path-mod-lesson .form-inline label.form-check-label {
18458 display: inline-block
; }
18460 .path-mod-lesson .slideshow {
18464 #page-mod-lesson-view .branchbuttoncontainer
.singlebutton button
[type
="submit"] {
18465 white-space: normal
; }
18467 #page-mod-lesson-view .vertical
.singlebutton
{
18469 #page-mod-lesson-view .vertical
.singlebutton
+ .singlebutton
{
18471 margin-top: 1rem; }
18473 #page-mod-lesson-view .fitem
.felement
.custom-select
{
18474 align-self: flex-start
; }
18476 .path-mod-lesson .generaltable td {
18477 vertical-align: middle
; }
18478 .path-mod-lesson .generaltable td label {
18479 margin-bottom: 0; }
18480 .path-mod-lesson .generaltable td .highlight {
18481 display: inline-block
;
18482 margin-left: 0.25rem; }
18483 .path-mod-lesson .generaltable td input[type="checkbox"] {
18486 .path-mod-wiki
.wiki_headingtitle
,
18487 .path-mod-wiki
.midpad
,
18488 .path-mod-wiki .wiki_headingtime {
18489 text-align: inherit
; }
18491 .path-mod-wiki .wiki_contentbox {
18494 .path-mod-survey .surveytable > tbody > tr:nth-of-type(even) {
18495 background-color: rgba
(0, 0, 0, 0.03); }
18497 .path-mod-survey .surveytable .rblock label {
18498 text-align: center
; }
18501 margin-left: 4px; }
18507 .userloggedinas
.usermenu
.usertext
,
18508 .userswitchedrole
.usermenu
.usertext
,
18509 .loginfailures .usermenu .usertext {
18512 margin-right: 0.5rem;
18514 .userloggedinas
.usermenu
.usertext
.meta
,
18515 .userswitchedrole
.usermenu
.usertext
.meta
,
18516 .loginfailures .usermenu .usertext .meta {
18517 font-size: 0.8203125rem;
18518 align-items: center
; }
18520 .userloggedinas
.usermenu
.avatar img
,
18521 .userswitchedrole
.usermenu
.avatar img
,
18522 .loginfailures .usermenu .avatar img {
18525 .userloggedinas .usermenu .userbutton .avatars {
18526 position: relative
;
18527 display: inline-block
; }
18528 .userloggedinas .usermenu .userbutton .avatars .avatar.current {
18529 display: inline-block
;
18530 position: absolute
;
18535 border-radius: 50%; }
18536 .userloggedinas .usermenu .userbutton .avatars .avatar.current img {
18537 vertical-align: baseline
; }
18538 .userloggedinas .usermenu .userbutton .avatars .avatar.current .userinitials.size-35 {
18541 border: 1px solid
#dee2e6;
18542 background-color: #fff;
18543 font-size: 0.5625rem; }
18544 .userloggedinas .usermenu .userbutton .avatars .avatar img {
18547 .userloggedinas .usermenu .userbutton .avatars .realuser {
18550 display: inline-block
; }
18553 background-color: #e9ecef;
18554 vertical-align: middle
;
18555 display: inline-flex
;
18556 align-items: center
;
18557 justify-content: center
;
18558 border-radius: 50%;
18560 font-weight: normal
;
18561 margin-right: 0.25rem; }
18562 .userinitials.size-16, .userinitials.size-30 {
18566 .userinitials.size-35 {
18569 .userinitials.size-100 {
18572 font-size: 1.875rem; }
18575 margin-right: 0.25rem; }
18577 @media (max-width: 767.98px) {
18581 .path-mod-quiz .mod-quiz-edit-content {
18582 margin-bottom: 10rem; }
18584 #page-mod-quiz-mod #id_reviewoptionshdr
.col-md-3
,
18585 #page-mod-quiz-mod #id_reviewoptionshdr
.col-md-9
{
18589 #page-mod-quiz-mod #id_reviewoptionshdr
.form-group
{
18592 display: inline-block
;
18593 min-height: 12rem; }
18595 #page-mod-quiz-mod #id_reviewoptionshdr
.btn-link
{
18597 vertical-align: bottom
; }
18599 #page-mod-quiz-mod #id_reviewoptionshdr
.form-inline
{
18603 #page-mod-quiz-mod #id_reviewoptionshdr
.form-check
{
18606 justify-content: flex-start
; }
18608 #page-mod-quiz-mod #id_reviewoptionshdr
.review_option_item
{
18612 .path-mod-quiz #mod_quiz_navblock .qnbutton {
18613 text-decoration: none
;
18616 font-weight: normal
;
18617 background-color: #fff;
18618 background-image: none
;
18621 border-radius: 3px;
18624 margin: 0 6px 6px 0; }
18626 .path-mod-quiz #mod_quiz_navblock span.qnbutton {
18628 background-color: #e9ecef;
18631 .path-mod-quiz #mod_quiz_navblock a
.qnbutton:hover
,
18632 .path-mod-quiz #mod_quiz_navblock a
.qnbutton:active
,
18633 .path-mod-quiz #mod_quiz_navblock a.qnbutton:focus {
18634 text-decoration: underline
; }
18636 .path-mod-quiz #mod_quiz_navblock .qnbutton .thispageholder {
18638 border-radius: 3px;
18641 .path-mod-quiz #mod_quiz_navblock .qnbutton.thispage .thispageholder {
18642 border-width: 3px; }
18644 .path-mod-quiz #mod_quiz_navblock .allquestionsononepage .qnbutton.thispage .thispageholder {
18645 border-width: 1px; }
18647 .path-mod-quiz #mod_quiz_navblock .qnbutton.flagged .thispageholder {
18648 background: transparent url
([[pix:theme|mod
/quiz
/flag-on
]]) 15px 0 no-repeat
; }
18650 .path-mod-quiz #mod_quiz_navblock .qnbutton .trafficlight {
18652 background: #fff none center
/10px no-repeat scroll
;
18655 border-radius: 0 0 3px 3px; }
18657 .path-mod-quiz #mod_quiz_navblock
.qnbutton
.notyetanswered
.trafficlight
,
18658 .path-mod-quiz #mod_quiz_navblock .qnbutton.invalidanswer .trafficlight {
18659 background-color: #fff; }
18661 .path-mod-quiz #mod_quiz_navblock .qnbutton.invalidanswer .trafficlight {
18662 background-image: url
([[pix:theme|mod
/quiz
/warningtriangle
]]); }
18664 .path-mod-quiz #mod_quiz_navblock .qnbutton.correct .trafficlight {
18665 background-image: url
([[pix:theme|mod
/quiz
/checkmark
]]);
18666 background-color: #357a32; }
18668 .path-mod-quiz #mod_quiz_navblock .qnbutton.blocked .trafficlight {
18669 background-image: url
([[pix:core|t
/locked
]]);
18670 background-color: #e9ecef; }
18672 .path-mod-quiz #mod_quiz_navblock
.qnbutton
.notanswered
.trafficlight
,
18673 .path-mod-quiz #mod_quiz_navblock .qnbutton.incorrect .trafficlight {
18674 background-color: #ca3120; }
18676 .path-mod-quiz #mod_quiz_navblock .qnbutton.partiallycorrect .trafficlight {
18677 background-image: url
([[pix:theme|mod
/quiz
/whitecircle
]]);
18678 background-color: #f0ad4e; }
18680 .path-mod-quiz #mod_quiz_navblock
.qnbutton
.complete
.trafficlight
,
18681 .path-mod-quiz #mod_quiz_navblock
.qnbutton
.answersaved
.trafficlight
,
18682 .path-mod-quiz #mod_quiz_navblock .qnbutton.requiresgrading .trafficlight {
18683 background-color: #6a737b; }
18685 #page-mod-quiz-edit ul
.slots li
.section li
.activity
.instancemaxmarkcontainer form input
{
18687 vertical-align: middle
; }
18689 #page-mod-quiz-edit ul
.slots li
.section li
.activity
.instancemaxmarkcontainer
{
18693 /* Countdown timer. */
18694 #page-mod-quiz-attempt #region-main
{
18695 overflow-x: inherit
; }
18697 #quiz-timer-wrapper {
18700 justify-content: end
;
18703 #quiz-timer-wrapper #quiz-timer
{
18704 border: 1px solid
#ca3120;
18705 background-color: #fff; }
18707 .pagelayout-embedded #quiz-timer-wrapper {
18710 #quiz-timer-wrapper #quiz-timer
.timeleft0
{
18711 background-color: #ca3120;
18714 #quiz-timer-wrapper #quiz-timer
.timeleft1
{
18715 background-color: #d73422;
18718 #quiz-timer-wrapper #quiz-timer
.timeleft2
{
18719 background-color: #dd3d2b;
18722 #quiz-timer-wrapper #quiz-timer
.timeleft3
{
18723 background-color: #e04938;
18726 #quiz-timer-wrapper #quiz-timer
.timeleft4
{
18727 background-color: #e25546;
18730 #quiz-timer-wrapper #quiz-timer
.timeleft5
{
18731 background-color: #e46153;
18734 #quiz-timer-wrapper #quiz-timer
.timeleft6
{
18735 background-color: #e66d60;
18738 #quiz-timer-wrapper #quiz-timer
.timeleft7
{
18739 background-color: #e8796d;
18742 #quiz-timer-wrapper #quiz-timer
.timeleft8
{
18743 background-color: #ea867a;
18746 #quiz-timer-wrapper #quiz-timer
.timeleft9
{
18747 background-color: #ec9288;
18750 #quiz-timer-wrapper #quiz-timer
.timeleft10
{
18751 background-color: #ee9e95;
18754 #quiz-timer-wrapper #quiz-timer
.timeleft11
{
18755 background-color: #f0aaa2;
18758 #quiz-timer-wrapper #quiz-timer
.timeleft12
{
18759 background-color: #f2b6af;
18762 #quiz-timer-wrapper #quiz-timer
.timeleft13
{
18763 background-color: #f4c2bc;
18766 #quiz-timer-wrapper #quiz-timer
.timeleft14
{
18767 background-color: #f7ceca;
18770 #quiz-timer-wrapper #quiz-timer
.timeleft15
{
18771 background-color: #f9dad7;
18774 #quiz-timer-wrapper #quiz-timer
.timeleft16
{
18775 background-color: #fbe6e4;
18778 .path-mod-assign [data-region="grade-actions-panel"] [data-region="grade-actions"] .collapse-buttons {
18781 .path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fcontainer .fitem.popout .felement {
18782 height: calc
(100% - 4rem); }
18784 .path-mod-assign [data-region="grade-panel"] {
18785 padding-top: 1rem; }
18787 .path-mod-assign
[data-region
="grade-panel"] .fitem
> .col-md-3
,
18788 .path-mod-assign [data-region="grade-panel"] .fitem > .col-md-9 {
18794 .path-mod-assign
[data-region
="grade-panel"] fieldset
,
18795 .path-mod-assign [data-region="grade-panel"] .fitem.row {
18798 .path-mod-assign [data-region="grade-panel"] .mform .fitem.has-popout .felement {
18801 .path-mod-assign [data-region="grade-panel"] .mform .fitem .felement {
18804 .path-mod-assign [data-region="grade-panel"] .popout {
18805 background-color: #fff; }
18807 .path-mod-assign [data-region="grade-panel"] .fitem.has-popout {
18808 background-color: #fff;
18809 border-radius: 0.25rem;
18810 border: 1px solid rgba
(0, 0, 0, 0.125);
18812 margin-bottom: 1rem; }
18814 .path-mod-assign [data-region="grade-panel"] .has-popout .col-md-3 {
18815 border-bottom: 1px solid rgba
(0, 0, 0, 0.1);
18816 margin-bottom: 1rem; }
18818 .path-mod-assign [data-region="grade-panel"] .popout > .col-md-3 {
18820 align-items: flex-start
;
18821 justify-content: space-between
;
18822 font-size: 1.40625rem; }
18824 .path-mod-assign [data-region="grade-panel"] .popout [data-region="popout-button"] {
18827 .path-mod-assign [data-region="assignment-info"] {
18828 overflow-y: hidden
; }
18830 .path-mod-assign [data-region="grading-navigation"] {
18833 .path-mod-assign [data-region="grade-actions"] {
18836 .path-mod-assign [data-region="user-info"] .img-rounded {
18839 .path-mod-assign [data-region="grading-navigation-panel"] {
18842 @media (max-width: 767px) {
18843 .path-mod-assign [data-region="grading-navigation-panel"] {
18845 .path-mod-assign [data-region="user-info"] {
18846 margin-top: 1rem; } }
18848 .path-mod-assign [data-region="grading-navigation"] [data-region="input-field"] input {
18850 display: inline-block
; }
18855 .assignfeedback_editpdf_widget * {
18856 box-sizing: content-box
; }
18858 .assignfeedback_editpdf_widget button {
18859 box-sizing: border-box
; }
18861 .assignfeedback_editpdf_widget .commentcolourbutton img {
18864 .assignfeedback_editpdf_widget .label {
18865 position: relative
;
18866 padding: 0.75rem 1.25rem;
18867 margin-bottom: 1rem;
18868 border: 0 solid transparent
;
18869 border-radius: 0.25rem;
18871 background-color: #cce6ea;
18872 border-color: #b8dce2;
18873 /* stylelint-disable-line max-line-length */ }
18874 .assignfeedback_editpdf_widget .label hr {
18875 border-top-color: #a6d3db; }
18876 .assignfeedback_editpdf_widget .label .alert-link {
18879 .assignfeedback_editpdf_menu {
18882 .path-mod-assign [data-region="grade-panel"] .gradingform_guide .remark .commentchooser {
18885 .path-mod-assign [data-region="grade-panel"] .gradingform_guide .markingguideremark {
18888 .path-mod-assign [data-region="grade-panel"] .mform .fitem .felement[data-fieldtype="grading"] {
18889 padding-left: 1rem;
18890 padding-right: 1rem; }
18892 .path-mod-assign
[data-region
="grade-panel"] .showmarkerdesc
,
18893 .path-mod-assign [data-region="grade-panel"] .showstudentdesc {
18894 background-color: #fff; }
18899 .path-admin-mod-lti
.btn
.loader img
,
18900 .path-admin-mod-lti #tool-list-loader-container .loader img {
18903 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax {
18904 background-color: #fff; }
18905 .yui-skin-sam
.yui-layout
.path-mod-chat-gui_ajax
.yui-layout-unit div
.yui-layout-bd-nohd
,
18906 .yui-skin-sam
.yui-layout
.path-mod-chat-gui_ajax
.yui-layout-unit div
.yui-layout-bd-noft
,
18907 .yui-skin-sam
.yui-layout
.path-mod-chat-gui_ajax
.yui-layout-unit div
.yui-layout-bd
,
18908 .yui-skin-sam
.yui-layout
.path-mod-chat-gui_ajax
.yui-layout-unit-right
,
18909 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-bottom {
18911 .yui-skin-sam
.yui-layout
.path-mod-chat-gui_ajax
.yui-layout-unit-right
,
18912 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-bottom {
18913 border-radius: 0; }
18914 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd {
18915 background-color: transparent
; }
18916 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit.yui-layout-unit-center div.yui-layout-bd {
18917 background-color: #f8f9fa; }
18918 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area.py-3 {
18919 padding: 0 !important
;
18920 /* stylelint-disable-line declaration-no-important */ }
18921 .yui-skin-sam
.yui-layout
.path-mod-chat-gui_ajax #chat-input-area table
.generaltable
,
18922 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.generaltable td.cell {
18925 white-space: nowrap
;
18926 margin-bottom: 0; }
18927 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist {
18928 padding: 10px 5px; }
18929 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list {
18930 border-top: 1px solid
#dee2e6;
18931 border-bottom: 1px solid
#fff; }
18932 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list li {
18933 border-top: 1px solid
#fff;
18934 border-bottom: 1px solid
#dee2e6;
18935 padding: 5px 10px; }
18936 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list img {
18938 border: 1px solid
#ccc;
18939 border-radius: 4px;
18941 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages {
18942 margin: 20px 25px; }
18943 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-event.course-theme {
18944 text-align: center
;
18946 font-size: 0.8203125rem;
18948 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme {
18949 margin-bottom: 0.75rem;
18950 border-radius: 0.25rem;
18951 border: 1px solid rgba
(0, 0, 0, 0.125);
18952 padding: 1.25rem; }
18953 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme .time {
18957 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme {
18958 background-color: #fff; }
18959 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme .user {
18960 font-weight: bold
; }
18963 #page-report-participation-index .participationselectform div label
{
18964 display: inline-block
;
18967 #page-report-participation-index .participationselectform div label
[for
=menuinstanceid
] {
18970 .path-backup .mform {
18971 /* These are long labels with checkboxes on the right. */ }
18972 .path-backup .mform .grouped_settings {
18975 /* Use card styles but avoid extend because that brings in too much. */ }
18976 .path-backup .mform .grouped_settings.section_level {
18977 background-color: #fff;
18978 border-radius: 0.25rem;
18979 border: 1px solid rgba
(0, 0, 0, 0.125);
18981 margin-bottom: 1.25rem; }
18982 .path-backup .mform .grouped_settings.section_level::after {
18986 .path-backup .mform .include_setting {
18988 display: inline-block
;
18991 .path-backup .mform .normal_setting {
18993 display: inline-block
;
18998 /* Bold section labels */ }
18999 .path-backup .section_level {
19000 font-weight: bold
; }
19001 .path-backup .section_level .activity_level {
19002 font-weight: normal
; }
19003 .path-backup .proceedbutton {
19004 margin-left: auto
; }
19006 /* Override the columns width to leave more room for the labels. */
19007 .path-backup
.mform
.root_setting
,
19008 .path-backup .mform .grouped_settings {
19009 /* Striped rows like a table */ }
19010 .path-backup
.mform
.root_setting:nth-of-type
(odd
),
19011 .path-backup .mform .grouped_settings:nth-of-type(odd) {
19012 background-color: rgba
(0, 0, 0, 0.03); }
19013 .path-backup
.mform
.root_setting:nth-of-type
(even
),
19014 .path-backup .mform .grouped_settings:nth-of-type(even) {
19015 background-color: #fff; }
19016 .path-backup
.mform
.root_setting
.form-group
,
19017 .path-backup .mform .grouped_settings .form-group {
19018 /* These checkboxes with no label on the left. */ }
19019 .path-backup
.mform
.root_setting
.form-group
.col-md-3
.checkbox
,
19020 .path-backup .mform .grouped_settings .form-group .col-md-3.checkbox {
19022 .path-backup
.mform
.root_setting
.form-group
.col-md-9
.checkbox
,
19023 .path-backup .mform .grouped_settings .form-group .col-md-9.checkbox {
19027 /* Detail pair is (usually) some short label with a longer value */
19028 .path-backup .detail-pair .detail-pair-label {
19033 .path-backup .detail-pair .detail-pair-value {
19037 .path-backup .backup-restore .singlebutton {
19040 /* Make these bits full width and work with the detail-pair */
19041 .path-backup .backup-section {
19042 /* Fix for nested table headers */
19043 /* Add card styles to backup sections */
19044 background-color: #fff;
19045 border-radius: 0.25rem;
19046 border: 1px solid rgba
(0, 0, 0, 0.125);
19048 margin-bottom: 1.25rem; }
19049 .path-backup
.backup-section
.sub-header
,
19050 .path-backup
.backup-section
.backup-sub-section
,
19051 .path-backup
.backup-section
.singlebutton
,
19052 .path-backup .backup-section .header {
19056 .path-backup .backup-section th.header {
19059 .path-backup .backup-section ::after {
19063 .path-backup .backup-section::after {
19068 .path-backup .notification.dependencies_enforced {
19070 font-weight: bold
; }
19072 .path-backup .backup_progress {
19074 margin-bottom: 1rem; }
19075 .path-backup .backup_progress .backup_stage {
19077 .path-backup .backup_progress .backup_stage.backup_stage_current {
19081 .path-backup .backup_progress span.backup_stage.backup_stage_complete {
19084 #page-backup-restore .filealiasesfailures
{
19085 background-color: #f4d6d2; }
19086 #page-backup-restore .filealiasesfailures
.aliaseslist
{
19087 background-color: #fff; }
19089 .path-backup .wibbler {
19091 margin: 0 auto
10px;
19092 border-bottom: 1px solid black
;
19093 border-right: 1px solid black
;
19094 border-left: 1px solid black
;
19095 position: relative
;
19097 .path-backup .wibbler .wibble {
19098 position: absolute
;
19103 .path-backup .wibbler .state0 {
19104 background: #eee; }
19105 .path-backup .wibbler .state1 {
19106 background: #ddd; }
19107 .path-backup .wibbler .state2 {
19108 background: #ccc; }
19109 .path-backup .wibbler .state3 {
19110 background: #bbb; }
19111 .path-backup .wibbler .state4 {
19112 background: #aaa; }
19113 .path-backup .wibbler .state5 {
19114 background: #999; }
19115 .path-backup .wibbler .state6 {
19116 background: #888; }
19117 .path-backup .wibbler .state7 {
19118 background: #777; }
19119 .path-backup .wibbler .state8 {
19120 background: #666; }
19121 .path-backup .wibbler .state9 {
19122 background: #555; }
19123 .path-backup .wibbler .state10 {
19124 background: #444; }
19125 .path-backup .wibbler .state11 {
19126 background: #333; }
19127 .path-backup .wibbler .state12 {
19128 background: #222; }
19132 margin-bottom: 1rem;
19137 vertical-align: top
;
19138 border-top: 1px solid
#dee2e6; }
19139 .generaltable thead th {
19140 vertical-align: bottom
;
19141 border-bottom: 2px solid
#dee2e6; }
19142 .generaltable tbody + tbody {
19143 border-top: 2px solid
#dee2e6; }
19144 .generaltable tbody tr:nth-of-type(odd) {
19145 background-color: rgba
(0, 0, 0, 0.03); }
19146 .generaltable
.table-sm th
,
19147 .generaltable.table-sm td {
19149 .generaltable tbody tr:hover {
19151 background-color: rgba
(0, 0, 0, 0.075); }
19152 .generaltable tbody tr:hover.dimmed_text a:not(.menu-action) {
19160 caption-side: top
; }
19162 .table-dynamic .loading-icon {
19163 position: absolute
;
19164 left: calc
(50% - 1.5rem);
19166 .table-dynamic .loading-icon .icon {
19172 display: inline-block
; }
19173 .singlebutton + .singlebutton {
19174 margin-left: 0.5rem; }
19177 text-align: center
; }
19181 text-align: center
; }
19184 margin-top: 11.25rem;
19185 text-align: center
;
19186 margin-bottom: 3em; }
19187 #addcontrols label
{
19190 #addcontrols input
,
19191 #removecontrols input
{
19196 margin: 0 0 10px 5px; }
19204 border-radius: 50%;
19206 .btn.btn-icon:hover, .btn.btn-icon:focus {
19207 background-color: #e9ecef; }
19208 .btn.btn-icon.icon-size-0 {
19209 height: 20px !important
;
19210 /* stylelint-disable-line declaration-no-important */
19211 width: 20px !important
;
19212 /* stylelint-disable-line declaration-no-important */
19213 font-size: 0 !important
;
19214 /* stylelint-disable-line declaration-no-important */
19215 line-height: 0 !important
;
19216 /* stylelint-disable-line declaration-no-important */ }
19217 .btn.btn-icon.icon-size-1 {
19218 height: 24px !important
;
19219 /* stylelint-disable-line declaration-no-important */
19220 width: 24px !important
;
19221 /* stylelint-disable-line declaration-no-important */
19222 font-size: 4px !important
;
19223 /* stylelint-disable-line declaration-no-important */
19224 line-height: 4px !important
;
19225 /* stylelint-disable-line declaration-no-important */ }
19226 .btn.btn-icon.icon-size-2 {
19227 height: 28px !important
;
19228 /* stylelint-disable-line declaration-no-important */
19229 width: 28px !important
;
19230 /* stylelint-disable-line declaration-no-important */
19231 font-size: 8px !important
;
19232 /* stylelint-disable-line declaration-no-important */
19233 line-height: 8px !important
;
19234 /* stylelint-disable-line declaration-no-important */ }
19235 .btn.btn-icon.icon-size-3 {
19236 height: 36px !important
;
19237 /* stylelint-disable-line declaration-no-important */
19238 width: 36px !important
;
19239 /* stylelint-disable-line declaration-no-important */
19240 font-size: 16px !important
;
19241 /* stylelint-disable-line declaration-no-important */
19242 line-height: 16px !important
;
19243 /* stylelint-disable-line declaration-no-important */ }
19244 .btn.btn-icon.icon-size-4 {
19245 height: 44px !important
;
19246 /* stylelint-disable-line declaration-no-important */
19247 width: 44px !important
;
19248 /* stylelint-disable-line declaration-no-important */
19249 font-size: 24px !important
;
19250 /* stylelint-disable-line declaration-no-important */
19251 line-height: 24px !important
;
19252 /* stylelint-disable-line declaration-no-important */ }
19253 .btn.btn-icon.icon-size-5 {
19254 height: 52px !important
;
19255 /* stylelint-disable-line declaration-no-important */
19256 width: 52px !important
;
19257 /* stylelint-disable-line declaration-no-important */
19258 font-size: 32px !important
;
19259 /* stylelint-disable-line declaration-no-important */
19260 line-height: 32px !important
;
19261 /* stylelint-disable-line declaration-no-important */ }
19262 .btn.btn-icon.icon-size-6 {
19263 height: 60px !important
;
19264 /* stylelint-disable-line declaration-no-important */
19265 width: 60px !important
;
19266 /* stylelint-disable-line declaration-no-important */
19267 font-size: 40px !important
;
19268 /* stylelint-disable-line declaration-no-important */
19269 line-height: 40px !important
;
19270 /* stylelint-disable-line declaration-no-important */ }
19271 .btn.btn-icon.icon-size-7 {
19272 height: 68px !important
;
19273 /* stylelint-disable-line declaration-no-important */
19274 width: 68px !important
;
19275 /* stylelint-disable-line declaration-no-important */
19276 font-size: 48px !important
;
19277 /* stylelint-disable-line declaration-no-important */
19278 line-height: 48px !important
;
19279 /* stylelint-disable-line declaration-no-important */ }
19281 .btn-primary:focus, .btn-primary.focus {
19282 outline: 0.2rem solid
#000102;
19283 box-shadow: inset
0 0 0 2px #fff; }
19285 .btn-secondary:focus, .btn-secondary.focus {
19286 outline: 0.2rem solid
#5f6e7d;
19287 box-shadow: inset
0 0 0 2px #fff; }
19289 .btn-success:focus, .btn-success.focus {
19290 outline: 0.2rem solid black
;
19291 box-shadow: inset
0 0 0 2px #fff; }
19293 .btn-info:focus, .btn-info.focus {
19294 outline: 0.2rem solid black
;
19295 box-shadow: inset
0 0 0 2px #fff; }
19297 .btn-warning:focus, .btn-warning.focus {
19298 outline: 0.2rem solid
#694109;
19299 box-shadow: inset
0 0 0 2px #fff; }
19301 .btn-danger:focus, .btn-danger.focus {
19302 outline: 0.2rem solid
#1a0604;
19303 box-shadow: inset
0 0 0 2px #fff; }
19305 .btn-light:focus, .btn-light.focus {
19306 outline: 0.2rem solid
#8193a5;
19307 box-shadow: inset
0 0 0 2px #fff; }
19309 .btn-dark:focus, .btn-dark.focus {
19310 outline: 0.2rem solid black
;
19311 box-shadow: inset
0 0 0 2px #fff; }
19313 .btn-outline-primary:focus, .btn-outline-primary.focus {
19314 outline: 0.2rem solid
#000102;
19315 box-shadow: inset
0 0 0 2px #343a40; }
19317 .btn-outline-secondary:focus, .btn-outline-secondary.focus {
19318 outline: 0.2rem solid
#5f6e7d;
19319 box-shadow: inset
0 0 0 2px #343a40; }
19321 .btn-outline-success:focus, .btn-outline-success.focus {
19322 outline: 0.2rem solid black
;
19323 box-shadow: inset
0 0 0 2px #343a40; }
19325 .btn-outline-info:focus, .btn-outline-info.focus {
19326 outline: 0.2rem solid black
;
19327 box-shadow: inset
0 0 0 2px #343a40; }
19329 .btn-outline-warning:focus, .btn-outline-warning.focus {
19330 outline: 0.2rem solid
#694109;
19331 box-shadow: inset
0 0 0 2px #343a40; }
19333 .btn-outline-danger:focus, .btn-outline-danger.focus {
19334 outline: 0.2rem solid
#1a0604;
19335 box-shadow: inset
0 0 0 2px #343a40; }
19337 .btn-outline-light:focus, .btn-outline-light.focus {
19338 outline: 0.2rem solid
#8193a5;
19339 box-shadow: inset
0 0 0 2px #343a40; }
19341 .btn-outline-dark:focus, .btn-outline-dark.focus {
19342 outline: 0.2rem solid black
;
19343 box-shadow: inset
0 0 0 2px #343a40; }
19346 font-size: 0.9375rem; }
19348 .gradetreebox th
.cell
,
19349 .gradetreebox input[type=text] {
19352 .gradetreebox input
[type
=text
],
19353 .gradetreebox select {
19354 margin-bottom: 0; }
19356 .core_grades_notices .singlebutton {
19357 display: inline-block
; }
19359 .path-grade-report #maincontent + .urlselect {
19360 position: absolute
;
19363 .path-grade-report-grader #region-main {
19364 overflow-x: visible
;
19368 flex-direction: column
; }
19369 .path-grade-report-grader #region-main > .card {
19371 overflow-x: initial
; }
19372 .path-grade-report-grader #region-main div[role="main"] {
19375 .path-grade-report-grader [data-region="blocks-column"] {
19379 .path-grade-report-grader
.gradepass
,
19380 .path-grade-report-user .gradepass {
19383 .path-grade-report-grader
.gradefail
,
19384 .path-grade-report-user .gradefail {
19387 #page-grade-grading-manage #activemethodselector label
{
19388 display: inline-block
; }
19390 #page-grade-grading-manage #activemethodselector
.helptooltip
{
19391 margin-right: 0.5em; }
19393 #page-grade-grading-manage .actions
{
19395 text-align: center
;
19396 margin-bottom: 1em; }
19397 #page-grade-grading-manage .actions
.action
{
19398 display: inline-block
;
19399 position: relative
;
19400 vertical-align: top
;
19402 text-align: center
;
19406 border: 1px solid
#aaa; }
19407 #page-grade-grading-manage .actions
.action
.action-text
{
19408 position: relative
;
19411 white-space: normal
; }
19413 #page-grade-grading-form-rubric-edit .gradingform_rubric_editform
.status
{
19416 .gradingform_rubric {
19417 margin-bottom: 1em; }
19418 .gradingform_rubric.evaluate .criterion .levels .level:hover, .gradingform_rubric.evaluate .criterion .levels .level.checked {
19419 background: #dff0d8; }
19420 .gradingform_rubric.evaluate .criterion .levels .level.checked {
19422 border-left: 1px solid
#dee2e6; }
19423 .gradingform_rubric .criterion .description {
19424 vertical-align: top
;
19426 .gradingform_rubric .criterion .description textarea {
19429 .gradingform_rubric .criterion .definition textarea {
19431 margin-bottom: 0; }
19432 .gradingform_rubric .criterion .score {
19434 margin-right: 28px;
19435 font-style: italic
;
19438 .gradingform_rubric .criterion .score input {
19439 margin-bottom: 0; }
19440 .gradingform_rubric .criterion .level {
19441 vertical-align: top
;
19443 .gradingform_rubric .criterion .level.currentchecked {
19444 background: #fff0f0; }
19445 .gradingform_rubric .criterion .level.checked {
19446 background: #d0ffd0;
19447 border: 1px solid
#555; }
19448 .gradingform_rubric .criterion .level .delete {
19449 position: relative
;
19455 .gradingform_rubric .criterion .level .delete input {
19457 position: absolute
;
19463 .gradingform_rubric .criterion .level .delete input:hover {
19464 background-color: #ddd; }
19465 .gradingform_rubric .criterion .scorevalue input {
19468 .gradingform_rubric .criterion .scorevalue input.hiddenelement, .gradingform_rubric .criterion .scorevalue input.pseudotablink {
19470 .gradingform_rubric .criterion .addlevel {
19471 vertical-align: top
;
19472 padding-top: 6px; }
19473 .gradingform_rubric .criterion .addlevel input {
19475 line-height: 1rem; }
19476 .gradingform_rubric .addcriterion {
19479 margin-bottom: 1em; }
19480 .gradingform_rubric .addcriterion input {
19483 text-shadow: inherit
;
19485 line-height: inherit
;
19486 background: transparent url
([[pix:t
/add
]]) no-repeat
7px 8px;
19487 padding-left: 26px; }
19488 .gradingform_rubric .options {
19490 .gradingform_rubric .options .option label {
19493 font-size: inherit
;
19494 font-weight: normal
;
19498 background-color: transparent
; }
19499 .gradingform_rubric .options .option input {
19501 margin-right: 12px; }
19503 .grade-display .description {
19506 .criterion .description {
19509 .criterion .criterion-toggle .expanded-icon {
19512 .criterion .criterion-toggle .collapsed-icon {
19515 .criterion .criterion-toggle.collapsed .expanded-icon {
19518 .criterion .criterion-toggle.collapsed .collapsed-icon {
19521 .path-grade-edit-tree .setup-grades h4 {
19524 .path-grade-edit-tree .setup-grades .column-rowspan {
19530 .path-grade-edit-tree .setup-grades .category td.column-name {
19533 .path-grade-edit-tree .setup-grades td.column-name {
19534 padding-left: 24px; }
19536 .path-grade-edit-tree .setup-grades td.movehere {
19539 .path-grade-edit-tree .setup-grades td.movehere a.movehere {
19543 border: 2px dashed
#343a40; }
19545 .path-grade-edit-tree
.setup-grades
.category input
[type
="text"],
19546 .path-grade-edit-tree
.setup-grades
.category
.column-range
,
19547 .path-grade-edit-tree
.setup-grades
.categoryitem
,
19548 .path-grade-edit-tree .setup-grades .courseitem {
19549 font-weight: bold
; }
19551 .path-grade-edit-tree .setup-grades .emptyrow {
19554 .path-grade-edit-tree .setup-grades .gradeitemdescription {
19555 font-weight: normal
;
19556 padding-left: 24px; }
19558 .path-grade-edit-tree .setup-grades .column-weight {
19559 white-space: nowrap
; }
19560 .path-grade-edit-tree .setup-grades .column-weight.level3 {
19561 padding-left: 37px; }
19562 .path-grade-edit-tree .setup-grades .column-weight.level4 {
19563 padding-left: 66px; }
19564 .path-grade-edit-tree .setup-grades .column-weight.level5 {
19565 padding-left: 95px; }
19566 .path-grade-edit-tree .setup-grades .column-weight.level6 {
19567 padding-left: 124px; }
19568 .path-grade-edit-tree .setup-grades .column-weight.level7 {
19569 padding-left: 153px; }
19570 .path-grade-edit-tree .setup-grades .column-weight.level8 {
19571 padding-left: 182px; }
19572 .path-grade-edit-tree .setup-grades .column-weight.level9 {
19573 padding-left: 211px; }
19574 .path-grade-edit-tree .setup-grades .column-weight.level10 {
19575 padding-left: 240px; }
19577 .path-grade-edit-tree .setup-grades .column-range.level2 {
19578 padding-left: 37px; }
19580 .path-grade-edit-tree .setup-grades .column-range.level3 {
19581 padding-left: 66px; }
19583 .path-grade-edit-tree .setup-grades .column-range.level4 {
19584 padding-left: 95px; }
19586 .path-grade-edit-tree .setup-grades .column-range.level5 {
19587 padding-left: 124px; }
19589 .path-grade-edit-tree .setup-grades .column-range.level6 {
19590 padding-left: 153px; }
19592 .path-grade-edit-tree .setup-grades .column-range.level7 {
19593 padding-left: 182px; }
19595 .path-grade-edit-tree .setup-grades .column-range.level8 {
19596 padding-left: 211px; }
19598 .path-grade-edit-tree .setup-grades .column-range.level9 {
19599 padding-left: 240px; }
19601 .path-grade-edit-tree .setup-grades .column-range.level10 {
19602 padding-left: 269px; }
19604 .path-grade-edit-tree .setup-grades.generaltable .levelodd {
19605 background-color: rgba
(0, 0, 0, 0.03); }
19610 .path-grade-report-grader
.gradeparent tr
.cell
,
19611 .path-grade-report-grader .gradeparent .floater .cell {
19612 background-color: #fff; }
19614 .path-grade-report-grader
.gradeparent table
,
19615 .path-grade-report-grader .gradeparent .cell {
19616 border-color: #dee2e6; }
19618 .path-grade-report-grader
.gradeparent
.userrow
.odd
.cell
,
19619 .path-grade-report-grader
.gradeparent
.floater
.cell
.odd
,
19620 .path-grade-report-grader
.gradeparent
.heading
.cell
,
19621 .path-grade-report-grader
.gradeparent
.cell
.category
,
19622 .path-grade-report-grader .gradeparent .avg .cell {
19623 background-color: #f8f9fa; }
19625 .path-grade-report-grader .gradeparent table .clickable {
19628 .path-grade-report-grader .gradeparent tr.heading {
19633 .path-grade-report-grader .gradeparent tr.lastrow {
19637 .path-grade-report-grader
.gradeparent tr
.lastrow td
,
19638 .path-grade-report-grader .gradeparent tr.lastrow th {
19639 border-top: 1px solid
#dee2e6; }
19641 .path-grade-report-grader .gradeparent th.header {
19645 .path-grade-report-grader .gradeparent td.noborder {
19646 border-right: transparent
; }
19648 .path-grade-report-grader .show-drawer-left .gradeparent th.header {
19654 .path-grade-report-user .user-grade {
19656 .path-grade-report-user .user-grade.generaltable .levelodd {
19657 background-color: rgba
(0, 0, 0, 0.03); }
19658 .path-grade-report-user
.user-grade
.column-contributiontocoursetotal
,
19659 .path-grade-report-user
.user-grade
.column-range
,
19660 .path-grade-report-user
.user-grade
.column-percentage
,
19661 .path-grade-report-user .user-grade .column-weight {
19668 .path-grade-report-singleview input[name^="finalgrade"] {
19671 .columns-autoflow-1to1to1 {
19674 @media (max-width: 767px) {
19675 .columns-autoflow-1to1to1 {
19676 column-count: 1; } }
19678 /* some very targetted corrections to roll back nameclashes between
19679 * Moodle and Bootstrap like .row, .label, .content, .controls
19681 * Mostly relies on these styles being more specific than the Bootstrap
19682 * ones in order to overule them.
19685 .file-picker td.label {
19686 background: inherit
;
19690 white-space: normal
;
19692 font-size: inherit
;
19693 line-height: inherit
;
19694 text-align: inherit
; }
19696 .file-picker td.label {
19697 display: table-cell
;
19701 .choosercontainer #chooseform .option {
19704 /* block.invisible vs .invisible
19705 * block.hidden vs .invisible
19707 * uses .invisible where the rest of Moodle uses @mixin dimmed
19708 * fixible in block renderer?
19710 * There's seems to be even more naming confusion here since,
19711 * blocks can be actually 'visible' (or not) to students,
19712 * marked 'visible' but really just dimmed to indicate to editors
19713 * that students can't see them or 'visible' to the user who
19714 * collapses them, 'visible' if you have the right role and in
19715 * different circumstances different sections of a block can
19716 * be 'visible' or not.
19718 * currently worked around in renderers.php function block{}
19719 * by rewriting the class name "invisible" to "dimmed",
19720 * though the blocks don't look particularly different apart
19721 * from their contents disappearing. Maybe try .muted? or
19722 * dimming all the edit icons apart from unhide, might be a
19723 * nice effect, though they'd still be active. Maybe reverse
19729 visibility: visible
;
19734 * very tricky to track down this when it goes wrong,
19735 * since the styles are applied to generated content
19737 * basically if you see things shifted left or right compared
19738 * with where they should be check for a .row
19741 margin-left: 0 !important
;
19742 /* stylelint-disable-line declaration-no-important */ }
19744 .forumpost
.row:before
,
19745 .forumpost .row:after {
19748 /* fieldset.hidden vs .hidden
19750 * Moodle uses fieldset.hidden for mforms, to signify a collection of
19751 * form elements that don't have a box drawn round them. Bootstrap
19752 * uses hidden for stuff that is hidden in various responsive modes.
19754 * Relatedly, there is also fieldset.invisiblefieldset which hides the
19755 * border and sets the display to inline.
19757 * Originally this just set block and visible, but it is used
19758 * in random question dialogue in Quiz,
19759 * that dialogue is hidden and shown, so when hidden the
19760 * above workaround leaves you with a button floating around
19764 visibility: inherit
; }
19766 /* .container vs .container
19768 * bootstrap uses .container to set the width of the layout at 960px or so, Moodle uses it
19769 * in the Quiz to contain the questions to add. If you don't overule the Bootstrap code,
19770 * it becomes near unuseable.
19772 #questionbank + .container
{
19775 body:not
(.jsenabled
) .dropdown:hover
> .dropdown-menu
{
19777 margin-top: -6px; }
19779 body:not
(.jsenabled
) .langmenu:hover
> .dropdown-menu
,
19780 .langmenu.open > .dropdown-menu {
19783 overflow-y: auto
; }
19785 .navbar.fixed-top .dropdown .dropdown-menu {
19786 max-height: calc
(100vh - 50px);
19787 overflow-y: auto
; }
19789 .page-item.active .page-link, .page-item.active .page-link:hover, .page-item.active .page-link:focus {
19790 z-index: inherit
; }
19792 /* Force positioning of popover arrows.
19794 * The Css prefixer used in Moodle does not support complex calc statements used
19795 * in Bootstrap 4 CSS. For example:
19796 * calc((0.5rem + 1px) * -1); is stripped out by lib/php-css-parser/Parser.php.
19797 * See MDL-61879. For now the arrow positions of popovers are fixed until this is resolved.
19799 .bs-popover-right
.arrow
, .bs-popover-auto
[x-placement^
="right"] .arrow
,
19800 .bs-popover-auto[x-placement^="right"] .arrow {
19803 .bs-popover-left
.arrow
, .bs-popover-auto
[x-placement^
="left"] .arrow
,
19804 .bs-popover-auto[x-placement^="left"] .arrow {
19807 .bs-popover-top
.arrow
, .bs-popover-auto
[x-placement^
="top"] .arrow
,
19808 .bs-popover-auto[x-placement^="top"] .arrow {
19811 .bs-popover-bottom
.arrow
, .bs-popover-auto
[x-placement^
="bottom"] .arrow
,
19812 .bs-popover-auto[x-placement^="bottom"] .arrow {
19816 word-wrap: normal
; }
19818 /* Add commented out carousel transistions back in.
19820 * The Css prefixer used in Moodle breaks on @supports syntax, See MDL-61515.
19822 .carousel-item-next
.carousel-item-left
,
19823 .carousel-item-prev.carousel-item-right {
19824 transform: translateX
(0); }
19826 .carousel-item-next
,
19827 .active.carousel-item-right {
19828 transform: translateX
(100%); }
19830 .carousel-item-prev
,
19831 .active.carousel-item-left {
19832 transform: translateX
(-100%); }
19835 * Reset all of the forced style on the page.
19836 * - Remove borders on header and content.
19837 * - Remove most of the vertical padding.
19838 * - Make the content region flex grow so it pushes things like the
19839 * next activity selector to the bottom of the page.
19841 body
.behat-site
.fixed-top
{
19842 position: absolute
; }
19844 body
.behat-site
.dropdown-item
{
19845 margin-top: 4px !important
;
19846 /* stylelint-disable declaration-no-important */ }
19848 body
.behat-site
.drawer-ease
{
19849 -webkit-transition: initial
;
19850 -moz-transition: initial
;
19851 transition: initial
; }
19853 body
.behat-site
[data-region
="drawer"] {
19854 -webkit-transition: initial
;
19855 -moz-transition: initial
;
19856 transition: initial
;
19857 position: absolute
; }
19859 body
.behat-site
.custom-control
,
19860 body
.behat-site
.custom-switch
{
19863 body
.behat-site
.custom-control-input
{
19869 body
.behat-site
.custom-control-label::before
, body
.behat-site
.custom-control-label::after
{
19872 body
.behat-site
[data-region
="message-drawer"] {
19873 padding-right: 10px; }
19875 body
.behat-site
.jsenabled #page-footer
.footer-content-popover
{
19878 body
.behat-site
.path-grade-report-grader
.gradeparent tr
.heading
,
19879 body
.behat-site
.path-grade-report-grader
.gradeparent tr
.lastrow
,
19880 body
.behat-site
.path-grade-report-grader
.gradeparent th
.header
{
19881 position: relative
;
19884 body
.behat-site
.path-grade-report-grader
.gradeparent tr
.heading
{
19895 border: 1px solid
#000;
19897 vertical-align: baseline
;
19899 background-color: #ccc; }
19902 background-color: #ccf;
19903 font-weight: bold
; }
19906 background-color: #99c;
19907 font-weight: bold
; }
19909 body
> .debuggingmessage
{
19910 margin-top: 50px; }
19912 body
> .debuggingmessage
~ .debuggingmessage
{
19913 margin-top: .5rem; }
19916 * This file contains the styles required to make the footer sticky.
19922 @media (min-width: 576px) {
19926 flex-direction: column
; }
19927 #page-wrapper #page
{
19929 flex-direction: column
; }
19930 #page-wrapper #
page:not
(.drawers
) {
19932 #page-wrapper #page #page-content
{
19934 #page-wrapper #page-footer
{
19935 flex-shrink: 0; } }
19937 @media (max-width: 767.98px) {
19941 flex-direction: column
; }
19942 #page-wrapper #page
{
19944 flex-direction: column
; }
19945 #page-wrapper #
page:not
(.drawers
) {
19946 flex: 1 0 auto
; } }
19949 position: relative
; }
19950 .popover-region.collapsed .popover-region-toggle:before, .popover-region.collapsed .popover-region-toggle:after {
19952 .popover-region.collapsed .popover-region-container {
19954 visibility: hidden
;
19957 transition: height
0.25s, opacity
101ms 0.25s, visibility
101ms 0.25s; }
19959 .popover-region-toggle {
19961 .popover-region-toggle::before {
19963 display: inline-block
;
19964 border-left: 10px solid transparent
;
19965 border-right: 10px solid transparent
;
19966 border-bottom: 10px solid
#ddd;
19967 position: absolute
;
19970 .popover-region-toggle::after {
19972 display: inline-block
;
19973 border-left: 9px solid transparent
;
19974 border-right: 9px solid transparent
;
19975 border-bottom: 9px solid
#fff;
19976 position: absolute
;
19983 border-radius: 2px;
19984 background-color: #ca3120;
19988 position: absolute
;
19992 .popover-region-container {
19994 visibility: visible
;
19995 position: absolute
;
20000 border: 1px solid
#ddd;
20001 transition: height
0.25s;
20002 background-color: #fff;
20005 .popover-region-header-container {
20009 padding-right: 5px;
20010 border-bottom: 1px solid
#ddd;
20011 box-sizing: border-box
; }
20013 .popover-region-footer-container {
20015 text-align: center
;
20016 border-top: 1px solid
#ddd;
20017 background-color: #fff;
20018 padding-top: 3px; }
20020 .popover-region-header-text {
20024 line-height: 25px; }
20026 .popover-region-header-actions {
20028 .popover-region-header-actions > * {
20031 display: inline-block
; }
20032 .popover-region-header-actions .loading-icon {
20036 .popover-region-header-actions .newmessage-link {
20037 margin-right: 10px; }
20038 .popover-region-header-actions label {
20039 display: inline-block
;
20040 text-align: center
;
20041 margin-bottom: 0; }
20043 .popover-region-content-container {
20044 height: calc
(100% - 55px);
20047 -webkit-overflow-scrolling: touch
; }
20048 .popover-region-content-container > .loading-icon {
20050 text-align: center
;
20052 box-sizing: border-box
; }
20053 .popover-region-content-container .empty-message {
20055 text-align: center
;
20057 .popover-region-content-container.loading > .loading-icon {
20059 .popover-region-content-container.loading .empty-message {
20062 .navbar-nav .popover-region .icon {
20063 font-weight: bolder
; }
20065 .navbar .popover-region.collapsed .popover-region-container {
20067 visibility: hidden
;
20070 transition: height
0.25s, opacity
101ms 0.25s, visibility
101ms 0.25s; }
20072 .navbar .count-container {
20074 border-radius: 2px;
20075 background-color: #ca3120;
20079 position: absolute
;
20083 .navbar .popover-region-container {
20086 .content-item-container {
20088 border-bottom: 1px solid
#ddd;
20089 box-sizing: border-box
;
20091 position: relative
;
20095 text-decoration: none
; }
20096 .content-item-container:hover {
20098 background-color: #0f6cbf; }
20099 .content-item-container:hover .content-item-footer .timestamp {
20101 .content-item-container:hover .view-more {
20103 .content-item-container.unread {
20105 background-color: #f4f4f4; }
20106 .content-item-container.unread:hover {
20108 background-color: #0f6cbf; }
20109 .content-item-container.unread .content-item-body .notification-message {
20110 font-weight: 600; }
20111 .content-item-container .context-link {
20113 text-decoration: none
; }
20114 .content-item-container .content-item-body {
20115 box-sizing: border-box
;
20116 margin-bottom: 5px; }
20117 .content-item-container .content-item-footer {
20119 box-sizing: border-box
; }
20120 .content-item-container .content-item-footer .timestamp {
20125 margin-left: 24px; }
20126 .content-item-container .view-more {
20127 position: absolute
;
20131 line-height: 12px; }
20132 .content-item-container .view-more:hover {
20134 .content-item-container.notification .content-item-body .notification-image {
20135 display: inline-block
;
20139 .content-item-container.notification .content-item-body .notification-image img {
20141 .content-item-container.notification .content-item-body .notification-message {
20142 display: inline-block
;
20144 width: calc
(100% - 24px); }
20145 .content-item-container.selected {
20146 background-color: #4f94cd;
20148 border-color: #4f94cd; }
20149 .content-item-container.selected .content-item-footer .timestamp {
20152 .popover-region-notifications .popover-region-header-container .mark-all-read-button .normal-icon {
20153 display: inline-block
; }
20155 .popover-region-notifications .popover-region-header-container .mark-all-read-button.loading .normal-icon {
20158 .popover-region-notifications .popover-region-header-container .mark-all-read-button.loading .loading-icon {
20159 display: inline-block
; }
20161 .popover-region-notifications .all-notifications {
20163 visibility: visible
;
20165 overflow: hidden
; }
20166 .popover-region-notifications .all-notifications:empty + .empty-message {
20169 .popover-region-notifications .notification-image {
20170 display: inline-block
;
20172 vertical-align: top
; }
20173 .popover-region-notifications .notification-image img {
20176 .popover-region-notifications .notification-message {
20177 display: inline-block
;
20180 .popover-region-notifications .popover-region-content-container.loading .all-notifications:empty + .empty-message {
20183 .popover-region-messages .mark-all-read-button .normal-icon {
20184 display: inline-block
; }
20186 .popover-region-messages .mark-all-read-button.loading .normal-icon {
20189 .popover-region-messages .mark-all-read-button.loading .loading-icon {
20190 display: inline-block
; }
20192 .popover-region-messages .popover-region-content-container.loading .popover-region-content .messages:empty + .empty-message {
20195 .popover-region-messages .messages:empty + .empty-message {
20198 .popover-region-messages .content-item-container.unread .content-item-body {
20200 width: calc
(90% - 30px); }
20202 .popover-region-messages .content-item-container.unread .unread-count-container {
20203 display: inline-block
;
20205 text-align: center
;
20208 .popover-region-messages .content-item {
20211 box-sizing: border-box
; }
20213 .popover-region-messages .profile-image-container {
20215 display: inline-block
;
20216 text-align: center
;
20218 .popover-region-messages .profile-image-container img {
20220 display: inline-block
;
20221 vertical-align: middle
;
20222 border-radius: 50%; }
20224 .popover-region-messages .content-item-body {
20225 display: inline-block
;
20226 box-sizing: border-box
;
20227 width: calc
(100% - 30px);
20229 padding-left: 10px;
20230 overflow: hidden
; }
20231 .popover-region-messages .content-item-body h3 {
20236 .popover-region-messages .content-item-body p {
20239 .popover-region-messages .unread-count-container {
20242 @media (max-width: 767px) {
20243 .navbar .popover-region .popover-region-container {
20246 @media (max-width: 480px) {
20247 .navbar .popover-region .popover-region-container {
20257 * Tour step must sit above all other UI components.
20258 * The backdrop is the lowest point in the tour.
20259 * Everything else is in the container, and the target background should be at the same z-index.
20261 * ---- step backdrop
20262 * --- step container
20263 * --- step target background
20265 div
[data-flexitour
="backdrop"] {
20266 background-color: #000;
20270 div
[data-flexitour
="step-background-fader"],
20271 div
[data-flexitour
="step-background"] {
20272 border-radius: 0.3rem;
20276 span
[data-flexitour
="container"],
20277 div
[data-flexitour
="step-background-fader"],
20278 [data-flexitour
="step-backdrop"] > td
,
20279 [data-flexitour
="step-backdrop"] {
20282 span
[data-flexitour
="container"] .modal-dialog
{
20284 * Remove all margins to:
20285 * 1) ensure that the arrow touches the target; and
20286 * 2) ensure that the focus border touches the modal.
20290 span
[data-flexitour
="container"] div
[data-role
="arrow"] {
20291 border-width: 1rem; }
20293 span
[data-flexitour
="container"] div
[data-role
="arrow"],
20294 span
[data-flexitour
="container"] div
[data-role
="arrow"]:after
{
20295 position: absolute
;
20299 border-color: transparent
;
20300 border-style: solid
;
20301 border-width: 1rem; }
20303 span
[data-flexitour
="container"][x-placement
="top"], span
[data-flexitour
="container"][x-placement
="top-start"] {
20304 margin-bottom: 1rem; }
20305 span
[data-flexitour
="container"][x-placement
="top"] div
[data-role
="arrow"], span
[data-flexitour
="container"][x-placement
="top-start"] div
[data-role
="arrow"] {
20308 margin-left: -1rem;
20309 border-bottom-width: 0;
20310 border-top-color: rgba
(0, 0, 0, 0.25); }
20311 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
{
20313 margin-left: -1rem;
20315 border-bottom-width: 0;
20316 border-top-color: #fff; }
20318 span
[data-flexitour
="container"][x-placement
="bottom"], span
[data-flexitour
="container"][x-placement
="bottom-start"] {
20319 margin-top: 1rem; }
20320 span
[data-flexitour
="container"][x-placement
="bottom"] div
[data-role
="arrow"], span
[data-flexitour
="container"][x-placement
="bottom-start"] div
[data-role
="arrow"] {
20323 margin-left: -1rem;
20324 border-top-width: 0;
20325 border-bottom-color: rgba
(0, 0, 0, 0.25); }
20326 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
{
20328 margin-left: -1rem;
20330 border-top-width: 0;
20331 border-bottom-color: #fff; }
20333 span
[data-flexitour
="container"][x-placement
="left"], span
[data-flexitour
="container"][x-placement
="left-start"] {
20334 margin-right: 1rem; }
20335 span
[data-flexitour
="container"][x-placement
="left"] div
[data-role
="arrow"], span
[data-flexitour
="container"][x-placement
="left-start"] div
[data-role
="arrow"] {
20339 border-right-width: 0;
20340 border-left-color: rgba
(0, 0, 0, 0.25); }
20341 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
{
20345 border-right-width: 0;
20346 border-left-color: #fff; }
20348 span
[data-flexitour
="container"][x-placement
="right"], span
[data-flexitour
="container"][x-placement
="right-start"] {
20349 margin-left: 1rem; }
20350 span
[data-flexitour
="container"][x-placement
="right"] div
[data-role
="arrow"], span
[data-flexitour
="container"][x-placement
="right-start"] div
[data-role
="arrow"] {
20354 border-left-width: 0;
20355 border-right-color: rgba
(0, 0, 0, 0.25); }
20356 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
{
20360 border-left-width: 0;
20361 border-right-color: #fff; }
20363 [data-region
="drawer"] [data-flexitour
="container"] {
20365 margin-left: -15px;
20369 body
.drawer-open-left
.jsenabled
,
20370 body
.drawer-open-right
.jsenabled
{
20375 .modal .modal-body > .loading-icon {
20377 position: relative
;
20380 .modal .modal-body > .loading-icon .icon {
20381 position: absolute
;
20385 transform: translate
(-50%, -50%); }
20388 margin: -0.8rem -0.8rem -0.8rem auto
; }
20389 .modal .close:not(:disabled):not(.disabled):hover, .modal .close:not(:disabled):not(.disabled):focus {
20390 opacity: inherit
; }
20392 .layout.fullscreen {
20402 background-color: #fff; }
20403 @media
(prefers-reduced-motion: reduce
) {
20404 .layout.fullscreen {
20405 transition: none
; } }
20406 .layout.fullscreen > div {
20409 .layout.fullscreen .loading-icon {
20411 margin-right: auto
;
20412 text-align: center
;
20413 display: inline-block
;
20417 .layout.fullscreen .loading-icon .icon {
20424 scrollbar-width: thin
;
20425 scrollbar-color: #6a737b #f8f9fa; }
20426 #page.drawers::-webkit-scrollbar
{
20428 #page.drawers::-webkit-scrollbar-track
{
20429 background: #f8f9fa; }
20430 #page.drawers::-webkit-scrollbar-thumb
{
20431 background-color: #6a737b;
20432 border-radius: 20px;
20433 border: 3px solid
#f8f9fa; }
20434 #page.drawers::-webkit-scrollbar-thumb:hover
{
20435 background-color: #495057; }
20436 #page.drawers
.main-inner
{
20440 border-radius: 0.25rem;
20441 background-color: #fff;
20442 padding: 1.5rem 0.5rem;
20443 margin-top: 0.5rem;
20444 margin-bottom: 3rem;
20446 #page.drawers
.activity-header
{
20448 margin-right: 15px; }
20450 @media (min-width: 768px) {
20451 .pagelayout-standard #page
.drawers
.main-inner
,
20452 body
.limitedwidth #page
.drawers
.main-inner
{
20453 max-width: 830px; }
20454 .pagelayout-standard #page
.drawers
.footer-popover
,
20455 body
.limitedwidth #page
.drawers
.footer-popover
{
20459 border-radius: 0.25rem; }
20463 padding-left: 15px;
20464 padding-right: 15px; }
20465 .header-maxwidth .header-inner {
20467 padding-right: 0; } }
20469 .drawer-toggles .drawer-toggler {
20471 top: calc
(50px + 0.7rem);
20473 .drawer-toggles .drawer-toggler .btn {
20474 border-radius: 200px;
20476 background-color: #dee2e6;
20477 box-shadow: 0 0.125rem 0.25rem rgba
(0, 0, 0, 0.075);
20478 transition: padding
200ms; }
20479 .drawer-toggles .drawer-toggler .btn .icon {
20482 .drawer-toggles .drawer-toggler .btn:focus {
20483 box-shadow: 0 0 0 0.2rem rgba
(15, 108, 191, 0.75); }
20485 .drawer-toggles .drawer-left-toggle {
20487 .drawer-toggles .drawer-left-toggle .btn {
20488 border-top-left-radius: 0;
20489 border-bottom-left-radius: 0;
20490 padding-right: 14px;
20491 padding-left: 10px; }
20492 .drawer-toggles .drawer-left-toggle .btn:hover {
20493 padding-left: 20px; }
20495 .drawer-toggles .drawer-right-toggle {
20497 .drawer-toggles .drawer-right-toggle .btn {
20498 border-top-right-radius: 0;
20499 border-bottom-right-radius: 0;
20500 padding-right: 10px;
20501 padding-left: 14px; }
20502 .drawer-toggles .drawer-right-toggle .btn:hover {
20503 padding-right: 20px; }
20505 #page.drawers
.show-drawer-left
.drawer-left-toggle
{
20508 #page.drawers
.show-drawer-right
.drawer-right-toggle
{
20511 @media (max-width: 767.98px) {
20514 .drawer-toggles
.drawer-right-toggle
,
20515 .drawer-toggles .drawer-left-toggle {
20516 top: calc
(99vh - (50px * 2.5)); }
20517 #page.drawers
.scroll-down
.drawer-right-toggle
{
20518 transform: translateX
(150%);
20519 pointer-events: auto
;
20520 visibility: hidden
; }
20521 #page.drawers
.scroll-down
.drawer-left-toggle
{
20522 transform: translateX
(-150%);
20523 pointer-events: auto
;
20524 visibility: hidden
; } }
20526 @media (min-width: 576px) {
20527 #page.drawers
.main-inner
{
20528 margin-top: 1.5rem; } }
20530 @media (min-width: 768px) {
20532 padding-left: 3rem;
20533 padding-right: 3rem; }
20534 #page.drawers
.main-inner
{
20535 padding: 1.5rem 0.5rem; }
20536 #page.drawers div
[role
="main"] {
20537 padding-left: 15px;
20538 padding-right: 15px; } }
20540 @media (min-width: 992px) {
20544 height: calc
(100vh - 50px); }
20546 position: relative
;
20549 height: calc
(100vh - 50px);
20552 @media
(min-width: 992px) and
(prefers-reduced-motion: reduce
) {
20554 transition: none
; } }
20556 @media (min-width: 992px) {
20557 #page.drawers
.show-drawer-left
{
20558 margin-left: 285px;
20560 padding-left: 1rem; }
20561 #page.drawers
.show-drawer-right
{
20563 margin-right: 315px;
20564 padding-right: 1rem; }
20565 .jsenabled #page.drawers.show-drawer-right .btn-footer-popover {
20566 right: calc
(315px + 2rem); }
20567 #page.drawers
.show-drawer-left
.show-drawer-right
{
20568 margin-left: 285px;
20569 margin-right: 315px; } }
20571 .drawercontrolbuttons {
20572 margin-top: 92px; }
20573 .drawercontrolbuttons .buttons {
20576 .form-control:-ms-input-placeholder {
20580 -webkit-appearance: none
;
20581 -moz-appearance: none
; }
20584 -webkit-appearance: none
;
20585 -moz-appearance: none
; }
20586 .custom-range::-webkit-slider-thumb, .custom-range::-moz-range-thumb, .custom-range::-ms-thumb {
20587 -webkit-appearance: none
;
20588 -moz-appearance: none
; }
20590 input
[type
="date"].form-control
,
20591 input
[type
="time"].form-control
,
20592 input
[type
="datetime-local"].form-control
,
20593 input
[type
="month"].form-control
{
20594 -webkit-appearance: none
;
20595 -moz-appearance: none
; }
20597 @media (min-width: 576px) {
20599 -webkit-column-gap: 1.25rem;
20600 -moz-column-gap: 1.25rem; } }
20603 -webkit-backface-visibility: hidden
; }
20606 -webkit-background-clip: border-box
; }
20608 .carousel-indicators li
,
20614 -webkit-background-clip: padding-box
; }
20617 -webkit-user-select: none
;
20618 -ms-user-select: none
; }
20621 -webkit-user-select: all
!important
;
20622 /* stylelint-disable-line declaration-no-important */
20623 -ms-user-select: none
; }
20625 .user-select-auto {
20626 -webkit-user-select: auto
!important
;
20627 /* stylelint-disable-line declaration-no-important */
20628 -ms-user-select: none
; }
20630 .user-select-none {
20631 -webkit-user-select: none
!important
;
20632 /* stylelint-disable-line declaration-no-important */
20633 -ms-user-select: none
; }
20635 .editor_atto_content_wrap {
20636 background-color: white
;
20639 .editor_atto_content {
20644 .editor_atto_content_wrap
,
20645 .editor_atto + textarea {
20649 .editor_atto + textarea {
20652 margin-top: -1px; }
20654 div
.editor_atto_toolbar
{
20656 background: #f2f2f2;
20658 border: 1px solid
#8f959e;
20660 padding: 0 0 9px 0;
20661 border-top-left-radius: 0.25rem;
20662 border-top-right-radius: 0.25rem; }
20664 div
.editor_atto_toolbar button
{
20672 div
.editor_atto_toolbar
.menuplaceholder
{
20673 display: inline-block
; }
20675 div
.editor_atto_toolbar button
+ button
,
20676 div
.editor_atto_toolbar
.menuplaceholder
+ button
{
20677 border-left: 1px solid
#ccc; }
20679 div
.editor_atto_toolbar button
[disabled
] {
20684 .editor_atto_toolbar button:hover {
20685 background-image: radial-gradient
(ellipse at center
, #fff 60%, #dfdfdf 100%);
20686 background-color: #ebebeb; }
20688 .editor_atto_toolbar
button:active
,
20689 .editor_atto_toolbar button.highlight {
20690 background-image: radial-gradient
(ellipse at center
, #fff 40%, #dfdfdf 100%);
20691 background-color: #dfdfdf; }
20693 /* Make firefox button sizes match other browsers */
20694 div
.editor_atto_toolbar
button::-moz-focus-inner
{
20698 div
.editor_atto_toolbar button
.icon
{
20702 div
.editor_atto_toolbar div
.atto_group
{
20703 display: inline-block
;
20704 border: 1px solid
#ccc;
20705 border-bottom: 1px solid
#b3b3b3;
20706 border-radius: 4px;
20707 margin: 9px 0 0 9px;
20708 background: #fff; }
20710 div
.editor_atto_toolbar
.atto_toolbar_row
{
20711 margin: 6px 0 -3px 5px;
20713 div
.editor_atto_toolbar
.atto_toolbar_row div
.atto_group
{
20714 margin: 3px 5px 3px 4px; }
20716 .editor_atto_content img {
20721 /* IE8 places the images on top of each other if that is not set. */
20722 white-space: nowrap
; }
20724 .atto_menuentry .icon {
20731 .atto_menuentry h1
,
20732 .atto_menuentry h2
,
20733 .atto_menuentry p {
20736 /*.atto_form label.sameline {
20737 display: inline-block;
20740 .atto_form textarea
.fullwidth
,
20741 .atto_form input.fullwidth {
20747 /*.atto_form label {
20752 position: absolute
;
20758 .atto_control .icon {
20759 background-color: white
; }
20761 div
.editor_atto_content:focus
.atto_control
,
20762 div
.editor_atto_content:hover
.atto_control
{
20765 .editor_atto_menu.yui3-menu-hidden {
20768 /* Get broken images back in firefox */
20769 .editor_atto_content img:-moz-broken {
20770 -moz-force-broken-image-icon: 1;
20772 min-height: 24px; }
20774 /* Atto menu styling */
20775 .moodle-dialogue-base .editor_atto_menu .moodle-dialogue-content .moodle-dialogue-bd {
20779 .editor_atto_menu .dropdown-menu > li > a {
20780 margin: 3px 14px; }
20782 .editor_atto_menu .open ul.dropdown-menu {
20784 padding-bottom: 5px; }
20786 .editor_atto_wrap {
20787 position: relative
; }
20790 .editor_atto_wrap textarea {
20793 .editor_atto_notification
.atto_info
,
20794 .editor_atto_notification .atto_warning {
20795 display: inline-block
;
20796 background-color: #f2f2f2;
20799 padding-right: 1em;
20800 border-bottom-left-radius: 1em;
20801 border-bottom-right-radius: 1em; }
20803 .editor_atto_notification .atto_info {
20804 background-color: #f2f2f2; }
20806 .editor_atto_notification .atto_warning {
20807 background-color: #ffd700; }
20809 .editor_atto_toolbar
,
20810 .editor_atto_content_wrap
,
20811 .editor_atto + textarea {
20812 box-sizing: border-box
; }
20814 .editor_atto_content.form-control {
20817 border-top-left-radius: 0;
20818 border-top-right-radius: 0; }
20820 /** Atto fields do not have form-control because that would break the layout of the editor.
20821 So they need these extra styles to highlight the editor when there is a validation error. */
20822 .has-danger
.editor_atto_content
.form-control
.invalid-feedback
,
20823 .has-danger .editor_atto_content.form-control-danger .invalid-feedback {
20826 margin-top: 0.25rem;
20830 .has-danger
.editor_atto_content
.form-control
.invalid-tooltip
,
20831 .has-danger .editor_atto_content.form-control-danger .invalid-tooltip {
20832 position: absolute
;
20838 padding: 0.25rem 0.5rem;
20840 font-size: 0.8203125rem;
20843 background-color: rgba
(202, 49, 32, 0.9);
20844 border-radius: 0.25rem; }
20845 .form-row
> .col
> .has-danger
.editor_atto_content
.form-control
.invalid-tooltip
,
20846 .form-row
> [class
*="col-"] > .has-danger
.editor_atto_content
.form-control
.invalid-tooltip
, .form-row
> .col
>
20847 .has-danger
.editor_atto_content
.form-control-danger
.invalid-tooltip
,
20848 .form-row
> [class
*="col-"] >
20849 .has-danger .editor_atto_content.form-control-danger .invalid-tooltip {
20852 .was-validated
.has-danger
.editor_atto_content
.form-control:invalid
~ .invalid-feedback
,
20853 .was-validated
.has-danger
.editor_atto_content
.form-control:invalid
~ .invalid-tooltip
, .has-danger
.editor_atto_content
.form-control
.is-invalid
~ .invalid-feedback
,
20854 .has-danger
.editor_atto_content
.form-control
.is-invalid
~ .invalid-tooltip
, .was-validated
20855 .has-danger
.editor_atto_content
.form-control-danger:invalid
~ .invalid-feedback
,
20857 .has-danger
.editor_atto_content
.form-control-danger:invalid
~ .invalid-tooltip
,
20858 .has-danger
.editor_atto_content
.form-control-danger
.is-invalid
~ .invalid-feedback
,
20859 .has-danger .editor_atto_content.form-control-danger.is-invalid ~ .invalid-tooltip {
20862 .was-validated
.has-danger
.editor_atto_content
.form-control
.form-control:invalid
, .has-danger
.editor_atto_content
.form-control
.form-control
.is-invalid
, .was-validated
20863 .has-danger
.editor_atto_content
.form-control-danger
.form-control:invalid
,
20864 .has-danger .editor_atto_content.form-control-danger .form-control.is-invalid {
20865 border-color: #ca3120;
20866 padding-right: calc
(1.5em + 0.75rem);
20867 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");
20868 background-repeat: no-repeat
;
20869 background-position: right calc
(0.375em + 0.1875rem) center
;
20870 background-size: calc
(0.75em + 0.375rem) calc
(0.75em + 0.375rem); }
20871 .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
, .was-validated
20872 .has-danger
.editor_atto_content
.form-control-danger
.form-control:invalid:focus
,
20873 .has-danger .editor_atto_content.form-control-danger .form-control.is-invalid:focus {
20874 border-color: #ca3120;
20875 box-shadow: 0 0 0 0.2rem rgba
(202, 49, 32, 0.25); }
20877 .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
, .was-validated
20878 .has-danger
.editor_atto_content
.form-control-danger textarea
.form-control:invalid
,
20879 .has-danger .editor_atto_content.form-control-danger textarea.form-control.is-invalid {
20880 padding-right: calc
(1.5em + 0.75rem);
20881 background-position: top calc
(0.375em + 0.1875rem) right calc
(0.375em + 0.1875rem); }
20883 .was-validated
.has-danger
.editor_atto_content
.form-control
.custom-select:invalid
, .has-danger
.editor_atto_content
.form-control
.custom-select
.is-invalid
, .was-validated
20884 .has-danger
.editor_atto_content
.form-control-danger
.custom-select:invalid
,
20885 .has-danger .editor_atto_content.form-control-danger .custom-select.is-invalid {
20886 border-color: #ca3120;
20887 padding-right: calc
(0.75em + 2.3125rem);
20888 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
; }
20889 .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
, .was-validated
20890 .has-danger
.editor_atto_content
.form-control-danger
.custom-select:invalid:focus
,
20891 .has-danger .editor_atto_content.form-control-danger .custom-select.is-invalid:focus {
20892 border-color: #ca3120;
20893 box-shadow: 0 0 0 0.2rem rgba
(202, 49, 32, 0.25); }
20895 .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
, .was-validated
20896 .has-danger
.editor_atto_content
.form-control-danger
.form-check-input:invalid
~ .form-check-label
,
20897 .has-danger .editor_atto_content.form-control-danger .form-check-input.is-invalid ~ .form-check-label {
20900 .was-validated
.has-danger
.editor_atto_content
.form-control
.form-check-input:invalid
~ .invalid-feedback
,
20901 .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
,
20902 .has-danger
.editor_atto_content
.form-control
.form-check-input
.is-invalid
~ .invalid-tooltip
, .was-validated
20903 .has-danger
.editor_atto_content
.form-control-danger
.form-check-input:invalid
~ .invalid-feedback
,
20905 .has-danger
.editor_atto_content
.form-control-danger
.form-check-input:invalid
~ .invalid-tooltip
,
20906 .has-danger
.editor_atto_content
.form-control-danger
.form-check-input
.is-invalid
~ .invalid-feedback
,
20907 .has-danger .editor_atto_content.form-control-danger .form-check-input.is-invalid ~ .invalid-tooltip {
20910 .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
, .was-validated
20911 .has-danger
.editor_atto_content
.form-control-danger
.custom-control-input:invalid
~ .custom-control-label
,
20912 .has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid ~ .custom-control-label {
20914 .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
, .was-validated
20915 .has-danger
.editor_atto_content
.form-control-danger
.custom-control-input:invalid
~ .custom-control-label::before
,
20916 .has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid ~ .custom-control-label::before {
20917 border-color: #ca3120; }
20919 .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
, .was-validated
20920 .has-danger
.editor_atto_content
.form-control-danger
.custom-control-input:invalid:checked
~ .custom-control-label::before
,
20921 .has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
20922 border-color: #e04d3d;
20923 background-color: #e04d3d; }
20925 .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
, .was-validated
20926 .has-danger
.editor_atto_content
.form-control-danger
.custom-control-input:invalid:focus
~ .custom-control-label::before
,
20927 .has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
20928 box-shadow: 0 0 0 0.2rem rgba
(202, 49, 32, 0.25); }
20930 .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
, .was-validated
20931 .has-danger
.editor_atto_content
.form-control-danger
.custom-control-input:invalid:focus:not
(:checked
) ~ .custom-control-label::before
,
20932 .has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
20933 border-color: #ca3120; }
20935 .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
, .was-validated
20936 .has-danger
.editor_atto_content
.form-control-danger
.custom-file-input:invalid
~ .custom-file-label
,
20937 .has-danger .editor_atto_content.form-control-danger .custom-file-input.is-invalid ~ .custom-file-label {
20938 border-color: #ca3120; }
20940 .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
, .was-validated
20941 .has-danger
.editor_atto_content
.form-control-danger
.custom-file-input:invalid:focus
~ .custom-file-label
,
20942 .has-danger .editor_atto_content.form-control-danger .custom-file-input.is-invalid:focus ~ .custom-file-label {
20943 border-color: #ca3120;
20944 box-shadow: 0 0 0 0.2rem rgba
(202, 49, 32, 0.25); }
20946 .open.atto_menu > .dropdown-menu {
20949 div
.editor_atto_toolbar button
.icon
{
20953 border-radius: 0.25rem; }
20954 .toast.toast-success {
20955 background-color: rgba
(215, 228, 214, 0.95);
20957 .toast.toast-success .toast-header {
20959 .toast.toast-success .toast-body:before {
20960 display: inline-block
;
20961 font: normal normal normal
14px/1 FontAwesome
;
20962 font-size: inherit
;
20963 text-rendering: auto
;
20964 -webkit-font-smoothing: antialiased
;
20965 -moz-osx-font-smoothing: grayscale
;
20966 margin: 2px 5px 0 0;
20968 .toast.toast-danger {
20969 background-color: rgba
(244, 214, 210, 0.95);
20971 .toast.toast-danger .toast-header {
20973 .toast.toast-danger .toast-body:before {
20974 display: inline-block
;
20975 font: normal normal normal
14px/1 FontAwesome
;
20976 font-size: inherit
;
20977 text-rendering: auto
;
20978 -webkit-font-smoothing: antialiased
;
20979 -moz-osx-font-smoothing: grayscale
;
20980 margin: 2px 5px 0 0;
20982 .toast.toast-info {
20983 background-color: rgba
(204, 230, 234, 0.95);
20985 .toast.toast-info .toast-header {
20987 .toast.toast-info .toast-body:before {
20988 display: inline-block
;
20989 font: normal normal normal
14px/1 FontAwesome
;
20990 font-size: inherit
;
20991 text-rendering: auto
;
20992 -webkit-font-smoothing: antialiased
;
20993 -moz-osx-font-smoothing: grayscale
;
20994 margin: 2px 5px 0 0;
20996 .toast.toast-warning {
20997 background-color: rgba
(252, 239, 220, 0.95);
20999 .toast.toast-warning .toast-header {
21001 .toast.toast-warning .toast-body:before {
21002 display: inline-block
;
21003 font: normal normal normal
14px/1 FontAwesome
;
21004 font-size: inherit
;
21005 text-rendering: auto
;
21006 -webkit-font-smoothing: antialiased
;
21007 -moz-osx-font-smoothing: grayscale
;
21008 margin: 2px 5px 0 0;
21013 .navbar.fixed-top {
21017 border-bottom: #dee2e6 1px solid
;
21018 align-items: stretch
;
21020 .navbar.fixed-top .navbar-brand .logo {
21021 max-height: calc
(50px - (0.25rem * 2)); }
21022 .navbar.fixed-top .nav-link {
21025 align-items: center
;
21026 white-space: nowrap
; }
21027 .navbar.fixed-top .divider {
21029 background-color: #dee2e6; }
21030 .navbar.fixed-top #usernavigation .nav-link {
21031 padding: 0 0.5rem; }
21032 .navbar.fixed-top .login {
21034 align-items: center
; }
21035 .navbar.fixed-top .usermenu {
21037 .navbar.fixed-top .usermenu .action-menu {
21039 align-items: center
; }
21040 .navbar.fixed-top .usermenu .dropdown {
21042 align-items: center
; }
21043 .navbar.fixed-top .usermenu .dropdown .dropdown-toggle {
21048 align-items: center
;
21050 .navbar.fixed-top .usermenu .dropdown-menu {
21051 min-width: 235px; }
21052 .navbar.fixed-top .usermenu .dropdown-menu .carousel-navigation-link > * {
21053 pointer-events: none
; }
21054 .navbar.fixed-top .usermenu .dropdown-menu .dropdown-item {
21055 padding: .25rem 1.75rem .25rem .75rem; }
21056 .navbar.fixed-top .usermenu .dropdown-menu .dropdown-item.carousel-navigation-link::after {
21057 font-family: FontAwesome
;
21061 position: absolute
; }
21062 .navbar.fixed-top .usermenu .dropdown-menu .submenu .header {
21063 padding: .25rem .75rem;
21064 font-size: .975rem; }
21065 .navbar.fixed-top .usermenu .dropdown-menu .submenu .header .icon {
21070 .navbar.fixed-top .usermenu .dropdown-menu .submenu .items .dropdown-item[aria-current="true"]::before {
21071 font-family: FontAwesome
;
21073 font-size: 0.75rem;
21074 padding-left: .25rem; }
21075 .navbar.fixed-top .usermenu .login {
21077 align-items: center
; }
21078 .navbar
.fixed-top
.usermenu
.dropdown
,
21079 .navbar.fixed-top .langmenu .dropdown {
21081 align-items: center
;
21083 .navbar
.fixed-top
.usermenu
.dropdown
.dropdown-toggle
,
21084 .navbar.fixed-top .langmenu .dropdown .dropdown-toggle {
21089 align-items: center
;
21091 .navbar.fixed-top .langmenu .dropdown-menu .dropdown-item[aria-current="true"]::before {
21093 font-size: 0.75rem;
21094 padding-left: .25rem; }
21095 @media
(max-width: 767.98px) {
21096 .navbar.fixed-top .langmenu .langbutton {
21098 .navbar
.fixed-top
.moodle-actionmenu
.menubar
,
21099 .navbar.fixed-top .action-menu-trigger .dropdown {
21103 .dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .dropdown-item.carousel-navigation-link::after {
21106 .dir-rtl
.navbar
.fixed-top
.usermenu
.dropdown-menu
.carousel
.carousel-inner
.carousel-item-prev
.carousel-item-right
,
21107 .dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .carousel .carousel-inner .carousel-item-next.carousel-item-left {
21108 transform: translateX
(0); }
21110 .dir-rtl
.navbar
.fixed-top
.usermenu
.dropdown-menu
.carousel
.carousel-inner
.carousel-item-next
,
21111 .dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .carousel .carousel-inner .carousel-item-right.active {
21112 transform: translateX
(-100%); }
21114 .dir-rtl
.navbar
.fixed-top
.usermenu
.dropdown-menu
.carousel
.carousel-inner
.carousel-item-prev
,
21115 .dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .carousel .carousel-inner .carousel-item-left.active {
21116 transform: translateX
(100%); }
21119 margin-top: 50px; }
21121 .pagelayout-embedded #page {
21128 .reportbuilder-table .action-menu .menubar {
21129 justify-content: end
; }
21132 .reportbuilder-wrapper .filters-dropdown {
21135 @media
(max-width: 767.98px) {
21136 .reportbuilder-wrapper .filters-dropdown {
21139 .reportbuilder-wrapper
.reportbuilder-filters-wrapper
.mform
.full-width-labels
.fitem
.row
> .col-md-3
,
21140 .reportbuilder-wrapper
.reportbuilder-filters-wrapper
.mform
.full-width-labels
.fitem
.row
> .col-md-9
,
21141 .reportbuilder-wrapper
.reportbuilder-conditions-list
.mform
.full-width-labels
.fitem
.row
> .col-md-3
,
21142 .reportbuilder-wrapper .reportbuilder-conditions-list .mform.full-width-labels .fitem.row > .col-md-9 {
21146 .reportbuilder-wrapper
.reportbuilder-filters-wrapper
.mform
.full-width-labels
.fitem
.row
.fdate_selector
,
21147 .reportbuilder-wrapper .reportbuilder-conditions-list .mform.full-width-labels .fitem.row .fdate_selector {
21150 .reportbuilder-wrapper
.reportbuilder-filters-wrapper
.mform
.form-group
,
21151 .reportbuilder-wrapper .reportbuilder-conditions-list .mform .form-group {
21154 .reportbuilder-wrapper
.reportbuilder-filters-wrapper
.mform
.form-group
> span
,
21155 .reportbuilder-wrapper .reportbuilder-conditions-list .mform .form-group > span {
21158 .reportbuilder-wrapper
.reportbuilder-filters-wrapper
.filter
.filter-header
,
21159 .reportbuilder-wrapper .reportbuilder-conditions-list .filter .filter-header {
21160 font-size: 1.171875rem; }
21161 .reportbuilder-wrapper
.reportbuilder-filters-wrapper
.filter
.filter-header
.filter-name
,
21162 .reportbuilder-wrapper .reportbuilder-conditions-list .filter .filter-header .filter-name {
21164 white-space: nowrap
;
21166 text-overflow: ellipsis
;
21167 padding-right: 1rem; }
21168 .reportbuilder-wrapper
.reportbuilder-filters-wrapper
.filter
.filter-header
.filter-name:hover
,
21169 .reportbuilder-wrapper .reportbuilder-conditions-list .filter .filter-header .filter-name:hover {
21170 white-space: normal
;
21171 text-overflow: clip
;
21172 word-break: break-all
; }
21175 * Styled scrollbar with left padding for webkit browsers.
21180 .reportbuilder-report-container {
21183 .reportbuilder-editor-table-container {
21184 overflow-x: auto
; }
21186 /* Custom table headers */
21187 .reportbuilder-table th button
[data-action
="report-remove-column"] .icon
,
21188 .reportbuilder-table th span[data-drag-type="move"] .icon {
21192 vertical-align: text-top
;
21195 .reportbuilder-table th button[data-action="report-remove-column"] .icon {
21199 @media (min-width: 992px) {
21200 .reportbuilder-sidebar-menu {
21202 flex-shrink: 0; } }
21204 .reportbuilder-sidebar-menu .card-body .list-group-item {
21206 .reportbuilder-sidebar-menu .card-body .list-group-item .icon {
21211 .reportbuilder-sidebar-menu-cards {
21212 overflow-y: auto
; }
21213 .reportbuilder-sidebar-menu-cards::-webkit-scrollbar {
21214 -webkit-appearance: none
;
21215 appearance: none
; }
21216 .reportbuilder-sidebar-menu-cards::-webkit-scrollbar-thumb {
21217 background-color: #ced4da;
21218 border-left: 5px solid
#fff; }
21219 .reportbuilder-sidebar-menu-cards::-webkit-scrollbar-track {
21220 background-color: white
;
21221 border-left: 5px solid
#fff; }
21223 /* Settings sidebar */
21224 .reportbuilder-sidebar-settings {
21225 overflow-y: auto
; }
21226 .reportbuilder-sidebar-settings::-webkit-scrollbar {
21227 -webkit-appearance: none
;
21228 appearance: none
; }
21229 .reportbuilder-sidebar-settings::-webkit-scrollbar-thumb {
21230 background-color: #ced4da;
21231 border-left: 5px solid
#fff; }
21232 .reportbuilder-sidebar-settings::-webkit-scrollbar-track {
21233 background-color: white
;
21234 border-left: 5px solid
#fff; }
21235 @media
(min-width: 992px) {
21236 .reportbuilder-sidebar-settings {
21238 flex-shrink: 0; } }
21239 .reportbuilder-sidebar-settings .list-group-item {
21241 .reportbuilder-sidebar-settings .list-group-item .icon {
21246 .reportbuilder-sidebar-settings
.list-group-item button
[data-action
="report-remove-filter"] .icon
,
21247 .reportbuilder-sidebar-settings .list-group-item button[data-action="report-remove-condition"] .icon {
21249 vertical-align: text-top
; }
21250 .reportbuilder-sidebar-settings .list-group-item span[data-drag-type="move"] .icon {
21251 vertical-align: text-top
; }
21252 .reportbuilder-sidebar-settings div[data-region="settings-sorting"] .list-group-item span[data-drag-type="move"] .icon {
21253 vertical-align: middle
; }
21254 .reportbuilder-sidebar-settings div
[data-region
="settings-cardview"] form
.col-md-3
,
21255 .reportbuilder-sidebar-settings div[data-region="settings-cardview"] form .col-md-9 {
21257 max-width: initial
; }
21258 .reportbuilder-sidebar-settings div[data-region="settings-cardview"] form div[data-fieldtype="submit"] {
21259 flex-basis: auto
; }
21260 .reportbuilder-sidebar-settings .inplaceeditable.inplaceeditingon input {
21263 /* Add button styles when a toggle button is active. */
21264 .reportbuilder-wrapper button
.btn-outline-secondary
[data-toggle
="collapse"]:not
(.collapsed
),
21265 .reportbuilder-wrapper .dropdown.show button.btn-outline-secondary[data-toggle="dropdown"] {
21267 background-color: #6a737b;
21268 border-color: #6a737b; }
21270 /* Drag&drop styles. */
21271 .reportbuilder-sortable-list li
.sortable-list-current-position
,
21272 .reportbuilder-table th
.sortable-list-current-position
,
21273 .reportbuilder-conditions-list .condition.sortable-list-current-position {
21274 background-color: #a2cff8; }
21276 .reportbuilder-sortable-list li
.sortable-list-is-dragged
,
21277 .reportbuilder-table th
.sortable-list-is-dragged
,
21278 .reportbuilder-conditions-list .condition.sortable-list-is-dragged {
21279 background-color: #fff;
21282 /* Reportbuilder full page styles. */
21283 @media (min-width: 992px) {
21284 .path-admin-reportbuilder.pagelayout-popup.behat-site .fixed-top {
21286 .path-admin-reportbuilder.pagelayout-popup #region-main {
21289 .path-admin-reportbuilder.pagelayout-popup #maincontent {
21290 visibility: hidden
; }
21291 .path-admin-reportbuilder.pagelayout-popup .dynamictabs .nav-tabs {
21294 width: calc
(100% - 35px);
21295 padding-top: 1.25rem;
21296 background-color: #fff;
21297 box-shadow: 0 1.25rem 0 #fff; }
21298 .path-admin-reportbuilder.pagelayout-popup .dynamictabs .tab-content {
21299 padding-top: 83px; }
21300 .path-admin-reportbuilder.pagelayout-popup .reportbuilder-sidebar-menu {
21302 .path-admin-reportbuilder.pagelayout-popup .reportbuilder-sidebar-menu .reportbuilder-sidebar-menu-cards {
21303 max-height: calc
(100vh - 153px - 52px); }
21304 .path-admin-reportbuilder.pagelayout-popup .reportbuilder-sidebar-settings {
21307 max-height: calc
(100vh - 153px); }
21308 .path-admin-reportbuilder.pagelayout-popup .reportbuilder-report[data-editing] .reportbuilder-report-container {
21309 max-height: calc
(100vh - 153px);
21311 margin-left: calc
(250px + 1rem);
21312 margin-right: calc
(350px + 1rem); }
21313 .path-admin-reportbuilder.pagelayout-popup .reportbuilder-report[data-editing] .reportbuilder-report-container::-webkit-scrollbar {
21314 -webkit-appearance: none
;
21315 appearance: none
; }
21316 .path-admin-reportbuilder.pagelayout-popup .reportbuilder-report[data-editing] .reportbuilder-report-container::-webkit-scrollbar-thumb {
21317 background-color: #ced4da;
21318 border-left: 5px solid
#fff; }
21319 .path-admin-reportbuilder.pagelayout-popup .reportbuilder-report[data-editing] .reportbuilder-report-container::-webkit-scrollbar-track {
21320 background-color: white
;
21321 border-left: 5px solid
#fff; }
21322 .path-admin-reportbuilder.pagelayout-popup .reportbuilder-audiences-container {
21323 margin-left: calc
(250px + 1rem); } }
21325 /* Toggle cards. */
21326 .reportbuilder-toggle-card .card-header {
21327 border-bottom: none
; }
21329 .reportbuilder-toggle-card .card-body {
21330 border-top: 1px solid rgba
(0, 0, 0, 0.125); }
21332 .reportbuilder-toggle-card .toggle-card-button i.toggle-card-icon {
21335 font-weight: 700; }
21337 .reportbuilder-toggle-card .toggle-card-button .collapsed-icon-container {
21340 .reportbuilder-toggle-card .toggle-card-button .expanded-icon-container {
21341 display: inline-block
; }
21343 .reportbuilder-toggle-card .toggle-card-button.collapsed .collapsed-icon-container {
21344 display: inline-block
; }
21346 .reportbuilder-toggle-card .toggle-card-button.collapsed .expanded-icon-container {
21352 .reportbuilder-audiences-container {
21353 /* 'OR' separator. */
21354 /* Card action icons. */ }
21355 .reportbuilder-audiences-container .audience-separator {
21356 text-transform: uppercase
; }
21357 .reportbuilder-audiences-container .audience-separator::before, .reportbuilder-audiences-container .audience-separator::after {
21360 border-bottom: 1px solid rgba
(0, 0, 0, 0.125); }
21361 .reportbuilder-audiences-container .audience-separator:not(:empty)::before {
21362 margin-right: 1rem; }
21363 .reportbuilder-audiences-container .audience-separator:not(:empty)::after {
21364 margin-left: 1rem; }
21365 .reportbuilder-audiences-container .instance-card .card-header i.icon {
21368 /* Report table card view styles */
21369 /* Report table card view for small screens */
21370 @media (max-width: 575.98px) {
21371 .reportbuilder-report[data-report-type="0"]:not([data-editing]) table.reportbuilder-table thead {
21373 .reportbuilder-report[data-report-type="0"]:not([data-editing]) table.reportbuilder-table tr {
21375 flex-direction: column
;
21377 padding: .25rem .5rem 0 .5rem;
21378 background-color: #fff !important
;
21379 /* stylelint-disable-line declaration-no-important */
21380 word-wrap: break-word
;
21381 background-clip: border-box
;
21382 border: 1px solid rgba
(0, 0, 0, 0.125);
21383 border-radius: 0.25rem; }
21384 .reportbuilder-report[data-report-type="0"]:not([data-editing]) table.reportbuilder-table tr:hover {
21385 background-color: #fff !important
;
21386 /* stylelint-disable-line declaration-no-important */ }
21387 .reportbuilder-report[data-report-type="0"]:not([data-editing]) table.reportbuilder-table tr.emptyrow {
21389 .reportbuilder-report[data-report-type="0"]:not([data-editing]) table.reportbuilder-table tr:not(.show) td[data-cardviewhidden] {
21391 .reportbuilder-report[data-report-type="0"]:not([data-editing]) table.reportbuilder-table tr td {
21393 min-height: 3.6rem;
21394 padding: .5rem .25rem;
21396 .reportbuilder-report[data-report-type="0"]:not([data-editing]) table.reportbuilder-table tr td::before {
21397 content: attr
(data-cardtitle
);
21399 text-transform: uppercase
;
21402 .reportbuilder-report[data-report-type="0"]:not([data-editing]) table.reportbuilder-table tr td:not([data-cardtitle]) {
21403 min-height: 3rem; }
21404 .reportbuilder-report[data-report-type="0"]:not([data-editing]) table.reportbuilder-table tr td:not(:first-child):not(.card-toggle) {
21405 border-top: 1px solid rgba
(0, 0, 0, 0.125); }
21406 .reportbuilder-report[data-report-type="0"]:not([data-editing]) table.reportbuilder-table tr td:first-child {
21407 padding-right: 2rem; }
21408 .reportbuilder-report[data-report-type="0"]:not([data-editing]) table.reportbuilder-table tr td.card-toggle {
21409 display: block
!important
;
21410 /* stylelint-disable-line declaration-no-important */
21411 position: absolute
;
21413 .reportbuilder-report[data-report-type="0"]:not([data-editing]) table.reportbuilder-table tr td.card-toggle button {
21416 .reportbuilder-report[data-report-type="0"]:not([data-editing]) table.reportbuilder-table tr td.card-toggle button i {
21418 font-weight: bold
; } }
21420 .courseindex .courseindex-item {
21421 padding: 0.5rem 0.5rem;
21422 border: 1px solid transparent
;
21423 border-radius: 0.25rem; }
21424 .courseindex .courseindex-item.courseindex-section-title a {
21425 font-weight: bold
; }
21426 .courseindex .courseindex-item .icons-collapse-expand {
21427 padding-right: 4px; }
21428 .courseindex
.courseindex-item
.courseindex-link
,
21429 .courseindex .courseindex-item .courseindex-chevron {
21431 .courseindex
.courseindex-item
.courseindex-link:hover
, .courseindex
.courseindex-item
.courseindex-link:focus
,
21432 .courseindex
.courseindex-item
.courseindex-chevron:hover
,
21433 .courseindex .courseindex-item .courseindex-chevron:focus {
21435 text-decoration: none
; }
21436 .courseindex .courseindex-item:hover, .courseindex .courseindex-item:focus {
21438 .courseindex
.courseindex-item:hover
.courseindex-link
,
21439 .courseindex
.courseindex-item:hover
.courseindex-chevron
, .courseindex
.courseindex-item:focus
.courseindex-link
,
21440 .courseindex .courseindex-item:focus .courseindex-chevron {
21443 .courseindex .courseindex-item:hover.dimmed, .courseindex .courseindex-item:focus.dimmed {
21445 .courseindex
.courseindex-item:hover
.dimmed
.courseindex-link
,
21446 .courseindex
.courseindex-item:hover
.dimmed
.courseindex-chevron
, .courseindex
.courseindex-item:focus
.dimmed
.courseindex-link
,
21447 .courseindex .courseindex-item:focus.dimmed .courseindex-chevron {
21449 .courseindex .courseindex-item:hover.draggable, .courseindex .courseindex-item:focus.draggable {
21451 .courseindex .courseindex-item.dragging {
21452 border: 1px solid
#b8dce2;
21453 background-color: #e0f0f2; }
21454 .courseindex .courseindex-item.active {
21455 background-color: #f8f9fa;
21456 border-color: #dee2e6; }
21457 .courseindex .courseindex-item.dimmed {
21459 .courseindex
.courseindex-item
.dimmed
.courseindex-link
,
21460 .courseindex .courseindex-item.dimmed .courseindex-chevron {
21462 .courseindex .courseindex-item.dimmed.pageitem {
21464 .courseindex .courseindex-item.dimmed.pageitem a {
21466 .courseindex .courseindex-item .courseindex-locked {
21468 .courseindex .courseindex-item.restrictions .courseindex-locked {
21470 .courseindex .courseindex-item.pageitem {
21471 background-color: #0f6cbf;
21473 scroll-margin: 6rem; }
21474 .courseindex .courseindex-item.pageitem a {
21476 .courseindex .courseindex-item.pageitem:hover, .courseindex .courseindex-item.pageitem:focus {
21477 background-color: #0c589c;
21479 .courseindex
.courseindex-item
.pageitem:hover
.courseindex-link
,
21480 .courseindex
.courseindex-item
.pageitem:hover
.courseindex-chevron
, .courseindex
.courseindex-item
.pageitem:focus
.courseindex-link
,
21481 .courseindex .courseindex-item.pageitem:focus .courseindex-chevron {
21483 .courseindex .courseindex-item .completioninfo {
21485 .courseindex .courseindex-item .completioninfo.completion_complete {
21487 .courseindex .courseindex-item .completioninfo.completion_fail {
21490 .courseindex .courseindex-section {
21491 border-left: solid
3px transparent
; }
21492 .courseindex .courseindex-section.dragging {
21493 border: 1px solid
#b8dce2;
21494 background-color: #e0f0f2; }
21495 .courseindex .courseindex-section .current-badge {
21498 .courseindex .courseindex-section.current {
21499 border-left: solid
3px #0f6cbf; }
21500 .courseindex .courseindex-section.current .current-badge {
21501 display: inline-block
; }
21502 .courseindex .courseindex-section.dropready .courseindex-item-content {
21503 /* Extra dropzone space */
21504 padding-bottom: 1em; }
21505 .courseindex .courseindex-section .courseindex-sectioncontent .courseindex-item {
21506 padding-left: 0.5rem; }
21508 .courseindex .icon {
21511 .courseindex .d-flex-noedit {
21514 .courseindex.editing .d-flex-noedit {
21517 .courseindex .media-list .rounded-circle {
21521 .courseindex .media-list .w-100 {
21523 margin: 0.5rem 0; }
21528 .moremenu.observed {
21530 .moremenu .nav-link {
21533 align-items: center
;
21534 border-right: none
;
21535 border-bottom: solid
3px transparent
;
21537 border-top: none
; }
21538 .moremenu .nav-link:hover, .moremenu .nav-link:focus {
21539 border-color: transparent
;
21540 background-color: #f8f9fa; }
21541 .moremenu .nav-link.active {
21542 background-color: #f8f9fa;
21543 border-color: transparent
;
21544 border-bottom-color: #0f6cbf; }
21545 .moremenu .nav-link.active:focus, .moremenu .nav-link.active:hover {
21546 background-color: #f8f9fa;
21547 border-bottom-color: #0f6cbf; }
21548 .moremenu .nav-link.focus, .moremenu .nav-link:focus {
21549 position: relative
; }
21550 .moremenu .nav-link[data-toggle="tab"] {
21551 display: inline-flex
;
21552 flex-direction: column
;
21553 align-items: center
;
21554 justify-content: center
; }
21555 .moremenu .nav-link[data-toggle="tab"]::after {
21556 content: attr
(data-text
)/"";
21558 visibility: hidden
;
21561 pointer-events: none
;
21562 font-weight: bold
; }
21564 .moremenu .nav-link[data-toggle="tab"]::after {
21566 .moremenu .nav-tabs {
21568 background-color: #fff; }
21569 .moremenu
.show
> .nav-link
,
21570 .moremenu
.active
> .nav-link
,
21571 .moremenu
.nav-link
.show
,
21572 .moremenu .nav-link.active {
21573 background: transparent
; }
21574 .moremenu .dropdownmoremenu > .dropdown-menu > .dropdown-item {
21576 .moremenu .dropdownmoremenu > .dropdown-menu .dropdown-menu {
21580 .moremenu .dropdownmoremenu > .dropdown-menu .dropdown-menu.show {
21582 .moremenu .dropdownmoremenu > .dropdown-menu .dropdown-menu .dropdown-item {
21583 background-color: #f8f9fa; }
21584 .moremenu .dropdownmoremenu > .dropdown-menu .dropdown-menu .dropdown-item:hover, .moremenu .dropdownmoremenu > .dropdown-menu .dropdown-menu .dropdown-item:focus {
21586 background-color: #0f6cbf; }
21587 .moremenu .dropdownmoremenu > .dropdown-menu .dropdown-menu .dropdown-divider {
21589 .moremenu
.dropdown-item
[aria-current
="true"],
21590 .moremenu .dropdown-item.active {
21591 background-color: transparent
;
21593 .moremenu
.dropdown-item
[aria-current
="true"]:focus-within
, .moremenu
.dropdown-item
[aria-current
="true"]:hover
,
21594 .moremenu
.dropdown-item
.active:focus-within
,
21595 .moremenu .dropdown-item.active:hover {
21596 background-color: #0f6cbf;
21598 .moremenu
.dropdown-item
[aria-current
="true"]:focus-within a
, .moremenu
.dropdown-item
[aria-current
="true"]:hover a
,
21599 .moremenu
.dropdown-item
.active:focus-within a
,
21600 .moremenu .dropdown-item.active:hover a {
21602 .moremenu
.dropdown-item
[aria-current
="true"]:before
,
21603 .moremenu .dropdown-item.active:before {
21606 .primary-navigation .navigation {
21608 .primary-navigation .navigation .nav-link {
21611 border-top: 3px solid transparent
; }
21613 @media (max-width: 767.98px) {
21614 .primary-navigation {
21616 .editmode-switch-form label {
21617 position: absolute
;
21623 clip: rect
(0, 0, 0, 0);
21624 white-space: nowrap
;
21627 .editmode-switch-form .custom-control-input {
21631 .drawer-primary .drawercontent {
21633 .drawer-primary .drawercontent .list-group {
21635 margin-top: -1px; }
21636 .drawer-primary .drawercontent .list-group .list-group-item {
21640 .secondary-navigation {
21643 padding-bottom: 15px; }
21644 .secondary-navigation .navigation {
21645 border-top: 1px solid
#dee2e6;
21646 border-bottom: 1px solid
#dee2e6;
21647 height: calc
(50px + 2px);
21648 background-color: #fff; }
21649 .secondary-navigation .navigation .nav-tabs {
21651 .secondary-navigation .navigation .nav-tabs .nav-link {
21652 border-radius: initial
; }
21654 @media (min-width: 768px) {
21655 .secondary-navigation {
21656 padding: 0 15px 15px; } }
21658 .tertiary-navigation {
21659 padding-top: 10px; }
21660 .tertiary-navigation .navitem {
21662 margin-bottom: 25px; }
21663 .tertiary-navigation
> a
.btn
,
21664 .tertiary-navigation > div.urlselect {
21665 margin-bottom: 25px; }
21666 .tertiary-navigation .navitem:not(:last-child) {
21667 margin-right: 20px; }
21670 .tertiary-navigation {
21674 -webkit-font-smoothing: antialiased
;
21675 -moz-osx-font-smoothing: grayscale
; }
21678 box-shadow: 0 2px 4px rgba
(0, 0, 0, 0.08); }
21681 border-radius: 50%; }
21684 background-color: #f8f9fa; }
21687 background-color: #fff; }
21689 .btn-outline-secondary {
21691 border-color: #6a737b;
21692 border-color: #6a737b; }
21693 .btn-outline-secondary:hover {
21695 background-color: #6a737b;
21696 border-color: #6a737b; }
21697 .btn-outline-secondary:focus, .btn-outline-secondary.focus {
21698 box-shadow: 0 0 0 0.2rem rgba
(106, 115, 123, 0.5); }
21699 .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
21701 background-color: transparent
; }
21702 .btn-outline-secondary:not
(:disabled
):not
(.disabled
):active
, .btn-outline-secondary:not
(:disabled
):not
(.disabled
).active
,
21703 .show > .btn-outline-secondary.dropdown-toggle {
21705 background-color: #6a737b;
21706 border-color: #6a737b; }
21707 .btn-outline-secondary:not
(:disabled
):not
(.disabled
):active:focus
, .btn-outline-secondary:not
(:disabled
):not
(.disabled
).active:focus
,
21708 .show > .btn-outline-secondary.dropdown-toggle:focus {
21709 box-shadow: 0 0 0 0.2rem rgba
(106, 115, 123, 0.5); }
21711 .btn-outline-info {
21713 border-color: #1f7e9a; }
21714 .btn-outline-info:hover {
21716 background-color: #1f7e9a;
21717 border-color: #1f7e9a; }
21718 .btn-outline-info:focus, .btn-outline-info.focus {
21719 box-shadow: 0 0 0 0.2rem rgba
(31, 126, 154, 0.5); }
21720 .btn-outline-info.disabled, .btn-outline-info:disabled {
21722 background-color: transparent
; }
21723 .btn-outline-info:not
(:disabled
):not
(.disabled
):active
, .btn-outline-info:not
(:disabled
):not
(.disabled
).active
,
21724 .show > .btn-outline-info.dropdown-toggle {
21726 background-color: #1f7e9a;
21727 border-color: #1f7e9a; }
21728 .btn-outline-info:not
(:disabled
):not
(.disabled
):active:focus
, .btn-outline-info:not
(:disabled
):not
(.disabled
).active:focus
,
21729 .show > .btn-outline-info.dropdown-toggle:focus {
21730 box-shadow: 0 0 0 0.2rem rgba
(31, 126, 154, 0.5); }
21732 .btn-outline-warning {
21734 border-color: #a6670e; }
21735 .btn-outline-warning:hover {
21737 background-color: #a6670e;
21738 border-color: #a6670e; }
21739 .btn-outline-warning:focus, .btn-outline-warning.focus {
21740 box-shadow: 0 0 0 0.2rem rgba
(166, 103, 14, 0.5); }
21741 .btn-outline-warning.disabled, .btn-outline-warning:disabled {
21743 background-color: transparent
; }
21744 .btn-outline-warning:not
(:disabled
):not
(.disabled
):active
, .btn-outline-warning:not
(:disabled
):not
(.disabled
).active
,
21745 .show > .btn-outline-warning.dropdown-toggle {
21747 background-color: #a6670e;
21748 border-color: #a6670e; }
21749 .btn-outline-warning:not
(:disabled
):not
(.disabled
):active:focus
, .btn-outline-warning:not
(:disabled
):not
(.disabled
).active:focus
,
21750 .show > .btn-outline-warning.dropdown-toggle:focus {
21751 box-shadow: 0 0 0 0.2rem rgba
(166, 103, 14, 0.5); }
21753 .path-grade-report-grader .gradeparent tr.heading {
21756 .path-grade-report-grader .gradeparent th.header {
21759 @media (max-width: 767.98px) {
21765 margin-bottom: 1rem; } }
21767 @media (min-width: 768px) {
21770 #page-content .region-main
{
21774 #page-content.blocks-pre
.columnleft
{
21779 #page-content.blocks-pre
.region-main
{
21782 padding: 0 1rem 0 0; }
21783 #page-content.blocks-pre
.region-main #region-main
{
21784 border: 1px solid rgba
(0, 0, 0, 0.125);
21786 border-radius: 0.25rem; }
21787 #page-content.blocks-post
.region-main
{
21790 padding: 0 0 0 1rem; }
21791 #page-content.blocks-post
.columnright
{
21795 #page-content.blocks-pre
.blocks-post
.region-main
{
21799 #page-content [data-region
="blocks-column"] {
21801 .empty-region-side-pre.used-region-side-post #page-content .region-main {
21804 padding-left: 1rem; }
21805 .empty-region-side-pre.used-region-side-post #page-content .columnright {
21809 .empty-region-side-post.used-region-side-pre #page-content .region-main {
21812 padding-right: 1rem; }
21813 .empty-region-side-post.used-region-side-pre #page-content .columnleft {
21818 .used-region-side-post.used-region-side-pre #page-content .region-main {
21822 .used-region-side-post.used-region-side-pre #page-content .columnleft {
21827 .used-region-side-post.used-region-side-pre #page-content .columnright {
21830 max-width: 32%; } }
21832 @media (min-width: 992px) {
21835 #page-content .region-main
{
21839 #page-content.blocks-pre
.columnleft
{
21844 #page-content.blocks-pre
.region-main
{
21847 padding: 0 1rem 0 0; }
21848 #page-content.blocks-pre
.region-main #region-main
{
21849 border: 1px solid rgba
(0, 0, 0, 0.125);
21851 border-radius: 0.25rem; }
21852 #page-content.blocks-post
.region-main
{
21855 padding: 0 0 0 1rem; }
21856 #page-content.blocks-post
.columnright
{
21860 #page-content.blocks-pre
.blocks-post
.region-main
{
21864 #page-content [data-region
="blocks-column"] {
21866 .empty-region-side-pre.used-region-side-post #page-content .region-main {
21869 padding-left: 1rem; }
21870 .empty-region-side-pre.used-region-side-post #page-content .columnright {
21874 .empty-region-side-post.used-region-side-pre #page-content .region-main {
21877 padding-right: 1rem; }
21878 .empty-region-side-post.used-region-side-pre #page-content .columnleft {
21883 .used-region-side-post.used-region-side-pre #page-content .region-main {
21887 .used-region-side-post.used-region-side-pre #page-content .columnleft {
21892 .used-region-side-post.used-region-side-pre #page-content .columnright {
21895 max-width: 25%; } }
21897 @media (min-width: 1200px) {
21900 #page-content .region-main
{
21904 #page-content.blocks-pre
.columnleft
{
21909 #page-content.blocks-pre
.region-main
{
21912 padding: 0 1rem 0 0; }
21913 #page-content.blocks-pre
.region-main #region-main
{
21914 border: 1px solid rgba
(0, 0, 0, 0.125);
21916 border-radius: 0.25rem; }
21917 #page-content.blocks-post
.region-main
{
21920 padding: 0 0 0 1rem; }
21921 #page-content.blocks-post
.columnright
{
21925 #page-content.blocks-pre
.blocks-post
.region-main
{
21929 #page-content [data-region
="blocks-column"] {
21931 .empty-region-side-pre.used-region-side-post #page-content .region-main {
21934 padding-left: 1rem; }
21935 .empty-region-side-pre.used-region-side-post #page-content .columnright {
21939 .empty-region-side-post.used-region-side-pre #page-content .region-main {
21942 padding-right: 1rem; }
21943 .empty-region-side-post.used-region-side-pre #page-content .columnleft {
21948 .used-region-side-post.used-region-side-pre #page-content .region-main {
21952 .used-region-side-post.used-region-side-pre #page-content .columnleft {
21957 .used-region-side-post.used-region-side-pre #page-content .columnright {
21960 max-width: 20%; } }
21963 #page-content .region-main
{
21964 max-width: 100% !important
;
21965 /* stylelint-disable-line declaration-no-important */
21966 flex: 0 0 100% !important
;
21967 /* stylelint-disable-line declaration-no-important */
21968 padding: 0 1rem 0 !important
;
21969 /* stylelint-disable-line declaration-no-important */ } }
21971 @media (min-width: 576px) {
21972 .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
21973 width: calc
(50% - 0.5rem); } }
21975 @media (min-width: 768px) {
21976 .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
21977 width: calc
(50% - 0.5rem); }
21978 .blocks-post
.dashboard-card-deck
.dashboard-card
,
21979 .blocks-pre .dashboard-card-deck .dashboard-card {
21980 width: calc
(100% - 0.5rem); } }
21982 @media (min-width: 992px) {
21983 .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
21984 width: calc
(33.33% - 0.5rem); }
21985 .blocks-post
.dashboard-card-deck
.dashboard-card
,
21986 .blocks-pre .dashboard-card-deck .dashboard-card {
21987 width: calc
(50% - 0.5rem); } }
21989 @media (min-width: 1200px) {
21990 .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
21991 width: calc
(25% - 0.5rem); }
21992 .blocks-post
.dashboard-card-deck
.dashboard-card
,
21993 .blocks-pre .dashboard-card-deck .dashboard-card {
21994 width: calc
(33.33% - 0.5rem); } }
21996 @media (min-width: 1360px) {
21997 .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
21998 width: calc
(20% - 0.5rem); }
21999 .blocks-post
.dashboard-card-deck
.dashboard-card
,
22000 .blocks-pre .dashboard-card-deck .dashboard-card {
22001 width: calc
(25% - 0.5rem); } }
22003 @media (min-width: 768px) {
22004 .blockcolumn .dashboard-card-deck {
22007 .blockcolumn .dashboard-card-deck .dashboard-card {
22008 width: calc
(100% - 0.5rem) !important
;
22009 /* stylelint-disable-line declaration-no-important */ } }
22011 .block_navigation
.block_tree
.list
> li
> ul
,
22012 .block_settings .block_tree.list > li > ul {
22015 .block_navigation
.block_tree
.tree_item
.branch
,
22016 .block_settings .block_tree .tree_item.branch {
22018 padding-left: 0.75rem; }
22020 .block_navigation
.block_tree p
.hasicon
,
22021 .block_settings .block_tree p.hasicon {
22023 padding-left: 0.75rem; }
22025 .block_navigation
.block_tree ul
,
22026 .block_settings .block_tree ul {
22027 margin-left: 0.25rem;
22028 padding-left: 1rem; }
22030 .block_navigation
.block_tree p
.hasicon
.icon
,
22031 .block_settings .block_tree p.hasicon .icon {
22032 margin-right: 5px; }
22036 margin-left: 0 !important
;
22037 /* stylelint-disable-line declaration-no-important */
22038 padding-left: 0 !important
;
22039 /* stylelint-disable-line declaration-no-important */ }
22041 .block.block_settings #settingsnav {
22042 padding-top: 0 !important
;
22043 /* stylelint-disable-line declaration-no-important */ }