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
, .aalink: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
,
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 .collapsible-actions .collapseexpand {
10137 padding-left: 20px;
10138 background: url
([[pix:t
/collapsed
]]) 2px center no-repeat
; }
10141 .collapsible-actions .collapseexpand {
10142 background: url([[pix:t/collapsed_rtl]]) right center no-repeat;
10145 .collapsible-actions .collapse-all {
10146 background-image: url
([[pix:t
/expanded
]]); }
10148 .yui-overlay .yui-widget-bd {
10149 background-color: #ffee69;
10150 border: 1px solid
#a6982b;
10151 border-top-color: #d4c237;
10155 position: relative
;
10160 background: transparent
;
10172 .pagingbar .thispage {
10173 font-weight: bold
; }
10179 .action-menu .dropdown-toggle {
10180 text-decoration: none
;
10181 display: inline-block
; }
10184 white-space: nowrap
;
10187 .block img.resize {
10195 vertical-align: middle
; }
10198 font-weight: bold
; }
10203 overflow: hidden
; }
10208 #addmembersform table
{
10210 margin-right: auto
; }
10212 table
.flexible
.emptyrow
{
10216 form
.popupform div
{
10219 .arrow_button input {
10220 overflow: hidden
; }
10225 .no-overflow > .generaltable {
10226 position: relative
;
10227 margin-bottom: 0; }
10230 position: absolute
;
10236 clip: rect
(0, 0, 0, 0);
10237 white-space: nowrap
;
10247 position: absolute
;
10250 text-decoration: none
; }
10252 a
.skip-block:focus
,
10253 a
.skip-block:active
,
10262 overflow: hidden
; }
10265 text-align: center
; }
10267 .blog_entry .audience {
10269 padding-right: 4px; }
10271 .blog_entry .tags {
10272 margin-top: 15px; }
10274 .blog_entry .content {
10275 margin-left: 43px; }
10278 margin: 1em 0 0 0; }
10285 #doc-contents ul li
{
10286 list-style-type: none
; }
10288 .groupmanagementtable td {
10289 vertical-align: top
; }
10291 .groupmanagementtable #existingcell
,
10292 .groupmanagementtable #potentialcell {
10295 .groupmanagementtable #buttonscell {
10298 .groupmanagementtable #buttonscell p.arrow_button input {
10304 .groupmanagementtable #removeselect_wrapper
,
10305 .groupmanagementtable #addselect_wrapper {
10308 .groupmanagementtable #removeselect_wrapper label
,
10309 .groupmanagementtable #addselect_wrapper label {
10310 font-weight: normal
; }
10312 #group-usersummary {
10317 margin-bottom: 3px;
10318 display: inline-block
; }
10320 .groupselector label {
10321 display: inline-block
; }
10324 margin-bottom: 1em; }
10326 .notepost .userpicture {
10328 margin-right: 5px; }
10330 .notepost
.content
,
10331 .notepost .footer {
10335 margin-left: 20px; }
10337 .path-my .coursebox {
10340 .path-my .coursebox .overview {
10341 margin: 15px 30px 10px 30px; }
10343 .path-my .coursebox .info {
10367 .comment-area textarea {
10370 .comment-area textarea.fullwidth {
10371 -webkit-box-sizing: border-box
;
10372 -moz-box-sizing: border-box
;
10373 box-sizing: border-box
; }
10375 .comment-area .fd {
10376 text-align: right
; }
10378 .comment-meta span {
10381 .comment-link img {
10382 vertical-align: text-bottom
; }
10394 margin-bottom: 5px;
10397 position: relative
; }
10399 .comment-list li.first {
10403 text-align: center
; }
10405 .comment-paging .pageno {
10408 .comment-paging .curpage {
10409 border: 1px solid
#ccc; }
10411 .comment-message .picture {
10413 margin-right: 0.25rem; }
10415 .comment-message .text {
10419 .comment-message .text p {
10421 margin: 0 18px 0 0; }
10424 position: absolute
;
10429 .comment-report-selectall {
10435 .jsenabled .comment-link {
10438 .jsenabled .showcommentsnonjs {
10441 .jsenabled .comment-report-selectall {
10445 * Completion progress report
10447 .completion-expired {
10450 .completion-expected {
10451 font-size: 0.703125rem; }
10453 .completion-sortchoice
,
10454 .completion-identifyfield {
10455 font-size: 0.703125rem;
10456 vertical-align: bottom
; }
10458 .completion-progresscell {
10459 text-align: right
; }
10461 .completion-expired .completion-expected {
10462 font-weight: bold
; }
10472 text-align: center
;
10473 margin: 10px auto
; }
10475 .path-tag .tag-index-items .tagarea {
10476 border: 1px solid
#e3e3e3;
10477 border-radius: 4px;
10479 margin-top: 10px; }
10481 .path-tag .tag-index-items .tagarea h3 {
10483 padding: 3px 0 10px 0;
10489 text-shadow: 0 1px 0 rgba
(255, 255, 255, 0.5);
10490 text-transform: uppercase
;
10491 word-wrap: break-word
;
10492 border-bottom: solid
1px #e3e3e3;
10493 margin-bottom: 10px; }
10495 .path-tag
.tagarea
.controls::after
,
10496 .path-tag .tagarea .taggeditems::after {
10501 .path-tag
.tagarea
.controls
,
10502 .path-tag .tag-backtoallitems {
10503 text-align: center
; }
10505 .path-tag .tagarea .controls .gotopage.nextpage {
10508 .path-tag .tagarea .controls .gotopage.prevpage {
10511 .path-tag .tagarea .controls .exclusivemode {
10512 display: inline-block
; }
10514 .path-tag .tagarea .controls.controls-bottom {
10517 .path-tag .tagarea .controls .gotopage.nextpage::after {
10518 padding-right: 5px;
10522 .path-tag .tagarea .controls .gotopage.prevpage::before {
10523 padding-right: 5px;
10529 span
.flagged-tag a
,
10533 .tag-management-table td
,
10534 .tag-management-table th {
10535 vertical-align: middle
;
10538 .tag-management-table .inplaceeditable.inplaceeditingon input {
10541 .path-admin-tag .addstandardtags {
10543 .path-admin-tag .addstandardtags img {
10546 .path-tag .tag-relatedtags {
10547 padding-top: 10px; }
10549 .path-tag .tag-management-box {
10550 text-align: right
; }
10552 .path-tag .tag-index-toc {
10554 text-align: center
; }
10556 .path-tag
.tag-index-toc li
,
10557 .path-tag .tag-management-box li {
10559 margin-right: 5px; }
10561 .path-tag .tag-management-box li a.edittag {
10562 background-image: url
([[pix:moodle|i
/settings
]]); }
10564 .path-tag .tag-management-box li a.flagasinappropriate {
10565 background-image: url
([[pix:moodle|i
/flagged
]]); }
10567 .path-tag .tag-management-box li a.removefrommyinterests {
10568 background-image: url
([[pix:moodle|t
/delete
]]); }
10570 .path-tag .tag-management-box li a.addtomyinterests {
10571 background-image: url
([[pix:moodle|t
/add
]]); }
10573 .path-tag .tag-management-box li a {
10574 background-repeat: no-repeat
;
10575 background-position: left
;
10576 padding-left: 17px; }
10578 .tag_feed.media-list .media .itemimage {
10581 .tag_feed.media-list .media .itemimage img {
10585 .tag_feed.media-list .media .media-body {
10586 padding-right: 10px;
10587 padding-left: 10px; }
10589 .tag_feed .media .muted a {
10593 text-align: center
; }
10595 .tag_cloud .inline-list li {
10596 padding: 0 0.2em; }
10598 .tag_cloud .tag_overflow {
10600 font-style: italic
; }
10603 font-size: 2.7em; }
10606 font-size: 2.6em; }
10609 font-size: 2.5em; }
10612 font-size: 2.4em; }
10615 font-size: 2.3em; }
10618 font-size: 2.2em; }
10621 font-size: 2.1em; }
10627 font-size: 1.9em; }
10630 font-size: 1.8em; }
10633 font-size: 1.7em; }
10636 font-size: 1.6em; }
10639 font-size: 1.5em; }
10642 font-size: 1.4em; }
10645 font-size: 1.3em; }
10648 font-size: 1.2em; }
10651 font-size: 1.1em; }
10657 font-size: 0.9em; }
10660 font-size: 0.8em; }
10663 font-size: 0.7em; }
10668 .tag_list.hideoverlimit .overlimit {
10671 .tag_list .tagmorelink {
10674 .tag_list.hideoverlimit .tagmorelink {
10677 .tag_list.hideoverlimit .taglesslink {
10683 #webservice-doc-generator td
{
10685 border: 0 solid black
; }
10692 border-collapse: collapse
; }
10694 .userenrolment tr {
10695 vertical-align: top
; }
10697 .userenrolment td {
10701 .userenrolment .subfield {
10702 margin-right: 5px; }
10704 .userenrolment .col_userdetails .subfield {
10705 margin-left: 40px; }
10707 .userenrolment .col_userdetails .subfield_picture {
10711 .userenrolment .col_lastseen {
10714 .userenrolment .col_role {
10717 .userenrolment
.col_role
.roles
,
10718 .userenrolment .col_group .groups {
10719 margin-right: 30px; }
10721 .userenrolment .col_role .role {
10723 padding: 0 3px 3px;
10725 white-space: nowrap
; }
10727 .userenrolment .col_group .group {
10731 white-space: nowrap
; }
10733 .userenrolment
.col_role
.role a
,
10734 .userenrolment .col_group .group a {
10738 .userenrolment
.col_role
.addrole
,
10739 .userenrolment .col_group .addgroup {
10743 .userenrolment
.col_role
.addrole
> a:hover
,
10744 .userenrolment .col_group .addgroup > a:hover {
10745 border-bottom: 1px solid
#666; }
10747 .userenrolment
.col_role
.addrole img
,
10748 .userenrolment .col_group .addgroup img {
10749 vertical-align: baseline
; }
10751 .userenrolment .hasAllRoles .col_role .addrole {
10754 .userenrolment .col_enrol .enrolment {
10756 padding: 0 3px 3px;
10757 margin: 0 3px 3px; }
10759 .userenrolment .col_enrol .enrolment a {
10761 margin-left: 3px; }
10763 #page-enrol-otherusers .userenrolment
.col_role
.role
{
10765 margin: 3px 3px 3px 0;
10766 padding: 3px 3px 3px 0; }
10769 background-color: #ccc;
10770 position: absolute
;
10775 text-align: center
; }
10777 .corelightbox img {
10782 .mod-indent-outer {
10786 display: table-cell
; }
10788 .label .mod-indent {
10790 padding-top: 20px; }
10792 @media (min-width: 576px) {
10793 /* Creates a series of .mod-indent-# rule declarations based on indent size and number of indent levels. */
10829 /* Audio player size in 'block' mode (can only change width, height is hardcoded in JS) */
10830 .resourcecontent .mediaplugin_mp3 object {
10834 .resourcecontent audio.mediaplugin_html5audio {
10837 /** Large resource images should avoid hidden overflow **/
10841 /* Audio player size in 'inline' mode (can only change width, as above) */
10842 .mediaplugin_mp3 object {
10846 audio
.mediaplugin_html5audio
{
10849 /* TinyMCE moodle media preview frame should not have padding */
10850 .core_media_preview.pagelayout-embedded #content {
10853 .core_media_preview.pagelayout-embedded #maincontent {
10856 body#page-lib-editor-tinymce-plugins-moodlemedia-preview
{
10860 background: none
; }
10862 .path-rating .ratingtable {
10864 margin-bottom: 1em; }
10866 .path-rating .ratingtable th.rating {
10869 .path-rating
.ratingtable td
.rating
,
10870 .path-rating .ratingtable td.time {
10871 white-space: nowrap
;
10872 text-align: center
; }
10874 /* Moodle Dialogue Settings (moodle-core-dialogue) */
10875 .moodle-dialogue-base .moodle-dialogue-lightbox {
10876 background-color: #495057; }
10878 .pagelayout-popup .moodle-dialogue-base .moodle-dialogue-lightbox {
10879 background-color: transparent
; }
10881 .pagelayout-popup .moodle-dialogue-base .moodle-dialogue {
10882 box-shadow: 0 0.25rem 0.5rem rgba
(0, 0, 0, 0.2); }
10884 .moodle-dialogue-base
.hidden
,
10885 .moodle-dialogue-base .moodle-dialogue-hidden {
10889 overflow: hidden
; }
10891 .moodle-dialogue-base .moodle-dialogue-fullscreen {
10898 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
10901 .moodle-dialogue-base .moodle-dialogue-wrap {
10902 background-color: #fff;
10903 border: 1px solid
#ccc; }
10908 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd {
10910 padding: 1rem 1rem;
10911 border-bottom: 1px solid
#dee2e6; }
10913 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd.yui3-widget-hd {
10916 background: initial
;
10918 line-height: 1.5; }
10920 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd h5 {
10924 line-height: 1.5; }
10926 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .yui3-widget-buttons {
10932 position: relative
;
10933 margin-left: auto
; }
10935 .moodle-dialogue-base .closebutton {
10936 padding: 1rem 1rem;
10937 margin: -1rem -1rem -1rem auto
;
10938 position: relative
;
10939 background-color: transparent
;
10941 background-image: none
;
10944 .moodle-dialogue-base .closebutton:hover, .moodle-dialogue-base .closebutton:active {
10946 .moodle-dialogue-base .closebutton::after {
10949 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd {
10951 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd body {
10952 background-color: #fff; }
10954 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
10956 position: absolute
;
10964 .moodle-dialogue-exception .moodle-exception-param label {
10965 font-weight: bold
; }
10967 .moodle-dialogue-exception .param-stacktrace label {
10968 background-color: #eee;
10969 border: 1px solid
#ccc;
10970 border-bottom-width: 0; }
10972 .moodle-dialogue-exception .param-stacktrace pre {
10973 border: 1px solid
#ccc;
10974 background-color: #fff; }
10976 .moodle-dialogue-exception .param-stacktrace .stacktrace-file {
10978 font-size: 0.8203125rem; }
10980 .moodle-dialogue-exception .param-stacktrace .stacktrace-line {
10982 font-size: 0.8203125rem; }
10984 .moodle-dialogue-exception .param-stacktrace .stacktrace-call {
10987 border-bottom: 1px solid
#eee; }
10989 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft:empty {
10992 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft.yui3-widget-ft {
10993 background: initial
; }
10995 .moodle-dialogue-confirm .confirmation-message {
10996 margin: 0.5rem 0; }
10998 .moodle-dialogue-confirm .confirmation-dialogue input {
11001 .moodle-dialogue-exception .moodle-exception-message {
11004 .moodle-dialogue-exception .moodle-exception-param {
11005 margin-bottom: 0.5em; }
11007 .moodle-dialogue-exception .moodle-exception-param label {
11010 .moodle-dialogue-exception .param-stacktrace label {
11013 padding: 4px 1em; }
11015 .moodle-dialogue-exception .param-stacktrace pre {
11020 .moodle-dialogue-exception .param-stacktrace .stacktrace-file {
11021 display: inline-block
;
11024 .moodle-dialogue-exception .param-stacktrace .stacktrace-line {
11025 display: inline-block
;
11029 .moodle-dialogue-exception .param-stacktrace .stacktrace-call {
11030 padding-left: 25px;
11031 margin-bottom: 4px;
11032 padding-bottom: 4px; }
11034 .moodle-dialogue .moodle-dialogue-bd .content-lightbox {
11040 background-color: white
;
11041 text-align: center
;
11044 /* Apply a default max-height on tooltip text */
11045 .moodle-dialogue .tooltiptext {
11046 max-height: 300px; }
11048 .moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip {
11050 .moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip .moodle-dialogue-bd {
11054 * Chooser Dialogues (moodle-core-chooserdialogue)
11056 * This CSS belong to the chooser dialogue which should work both with, and
11057 * without javascript enabled
11059 /* Hide the dialog and it's title */
11060 .chooserdialoguebody
,
11064 .moodle-dialogue.chooserdialogue .moodle-dialogue-content .moodle-dialogue-ft {
11067 .chooserdialogue .moodle-dialogue-wrap .moodle-dialogue-bd {
11069 background: #f2f2f2;
11070 border-bottom-right-radius: 10px;
11071 border-bottom-left-radius: 10px; }
11073 /* Center the submit buttons within the area */
11074 .choosercontainer #chooseform .submitbuttons {
11076 text-align: right
; }
11078 /* Fixed for safari browser on iPhone4S with ios7@mixin */
11079 @media (max-height: 639px) {
11080 .ios .choosercontainer #chooseform .submitbuttons {
11081 padding: 45px 0; } }
11083 .choosercontainer #chooseform .submitbuttons input {
11087 /* Various settings for the options area */
11088 .choosercontainer #chooseform .options {
11089 position: relative
;
11090 border-bottom: 1px solid
#bbb; }
11092 /* Only set these options if we're showing the js container */
11093 .jschooser .choosercontainer #chooseform .alloptions {
11094 overflow-x: hidden
;
11096 max-width: 240px; }
11097 .jschooser .choosercontainer #chooseform .alloptions .option input[type=radio] {
11098 display: inline-block
; }
11099 .jschooser .choosercontainer #chooseform .alloptions .option .typename {
11100 display: inline-block
;
11103 /* Settings for option rows and option subtypes */
11104 .choosercontainer #chooseform
.moduletypetitle
,
11105 .choosercontainer #chooseform
.option
,
11106 .choosercontainer #chooseform .nonoption {
11108 padding: 0 1.6em 0 1.6em; }
11110 .choosercontainer #chooseform .moduletypetitle {
11111 text-transform: uppercase
;
11112 padding-top: 1.2em;
11113 padding-bottom: 0.4em;
11114 margin-bottom: 0.5rem;
11117 .choosercontainer #chooseform
.option
.typename
,
11118 .choosercontainer #chooseform .nonoption .typename {
11119 padding: 0 0 0 0.5em; }
11121 .choosercontainer #chooseform .modicon + .typename {
11124 .choosercontainer #chooseform
.option input
[type
=radio
],
11125 .choosercontainer #chooseform .option span.typename {
11126 vertical-align: middle
; }
11128 .choosercontainer #chooseform .option label {
11132 border-bottom: 1px solid
#fff; }
11134 .choosercontainer #chooseform .option .icon {
11138 .choosercontainer #chooseform .nonoption {
11139 padding-left: 2.7em;
11140 padding-top: 0.3em;
11141 padding-bottom: 0.1em; }
11143 .choosercontainer #chooseform .subtype {
11145 padding: 0 1.6em 0 3.2em; }
11147 .choosercontainer #chooseform .subtype .typename {
11148 margin: 0 0 0 0.2em; }
11150 /* The instruction/help area */
11151 .jschooser
.choosercontainer #chooseform
.instruction
,
11152 .jschooser .choosercontainer #chooseform .typesummary {
11154 position: absolute
;
11161 background-color: #fff;
11162 overflow-x: hidden
;
11164 line-height: 2em; }
11166 /* Selected option settings */
11167 .jschooser
.choosercontainer #chooseform
.instruction
,
11168 .choosercontainer #chooseform .selected .typesummary {
11171 .choosercontainer #chooseform .selected {
11172 background-color: #fff;
11174 padding-top: 1px; }
11176 @media (max-width: 575.98px) {
11177 .jsenabled .choosercontainer #chooseform .alloptions {
11179 .jsenabled
.choosercontainer #chooseform
.instruction
,
11180 .jsenabled .choosercontainer #chooseform .typesummary {
11181 position: static
; } }
11184 * Module chooser dialogue (moodle-core-chooserdialogue)
11186 * This CSS belong to the chooser dialogue which should work both with, and
11187 * without javascript enabled
11189 .modchooser .modal-body {
11194 flex-direction: column
; }
11195 .modchooser .modal-body .searchresultitemscontainer-wrapper {
11196 min-height: 495px; }
11197 .modchooser .modal-body .carousel-item.active {
11199 .modchooser .modal-body .chooser-container {
11201 flex-direction: column
;
11203 .modchooser .modal-body .loading-icon {
11205 .modchooser .modal-body .loading-icon .icon {
11210 .modchooser .modal-body .carousel-item .loading-icon .icon {
11211 margin: 1em auto
; }
11212 .modchooser .modal-body .searchbar {
11215 .modchooser .modal-footer {
11217 background: #fff; }
11218 .modchooser .modal-footer .moodlenet-logo .icon {
11221 margin-bottom: .6rem; }
11223 .modchoosercontainer.noscroll {
11224 overflow-y: hidden
; }
11226 .modchoosercontainer
.optionscontainer
,
11227 .modchoosercontainer .searchresultitemscontainer {
11228 overflow-x: hidden
; }
11229 .modchoosercontainer
.optionscontainer
.option
,
11230 .modchoosercontainer .searchresultitemscontainer .option {
11231 flex-basis: calc
(50% - 0.5rem); }
11232 .modchoosercontainer
.optionscontainer
.option
.optionactions
.optionaction
,
11233 .modchoosercontainer .searchresultitemscontainer .option .optionactions .optionaction {
11236 .modchoosercontainer
.optionscontainer
.option
.optionactions
.optionaction i
,
11237 .modchoosercontainer .searchresultitemscontainer .option .optionactions .optionaction i {
11239 .modchoosercontainer
.optionscontainer
.option
.optioninfo a
,
11240 .modchoosercontainer .searchresultitemscontainer .option .optioninfo a {
11242 .modchoosercontainer
.optionscontainer
.option
.optioninfo
a:hover
,
11243 .modchoosercontainer .searchresultitemscontainer .option .optioninfo a:hover {
11244 text-decoration: none
; }
11246 .modchooser .modal-body .optionsummary {
11247 background-color: #fff;
11248 overflow-x: hidden
;
11251 .modchooser .modal-body .optionsummary .content {
11252 overflow-y: auto
; }
11253 .modchooser .modal-body .optionsummary .content .heading .icon {
11258 .modchooser .modal-body .optionsummary .actions {
11259 border-top: 1px solid
#dee2e6;
11260 background: #fff; }
11262 @media (max-width: 575.98px) {
11263 .path-course-view
.modal-dialog
.modal-lg
,
11264 .path-course-view
.modal-content
,
11265 .modchooser
.modal-body
,
11266 .modchooser
.modal-body
.carousel
,
11267 .modchooser
.modal-body
.carousel-inner
,
11268 .modchooser
.modal-body
.carousel-item
,
11269 .modchooser
.modal-body
.optionsummary
,
11270 .modchoosercontainer
,
11272 .searchresultitemscontainer {
11275 overflow-y: auto
; }
11276 .path-course-view .modal-dialog.modal-lg {
11278 .modchooser .modal-body .searchresultitemscontainer-wrapper {
11279 min-height: auto
; } }
11281 @media (min-width: 576px) {
11282 .modchoosercontainer
.optionscontainer
.option
,
11283 .modchoosercontainer .searchresultitemscontainer .option {
11284 flex-basis: calc
(33.33% - 0.5rem); } }
11286 @media (min-width: 992px) {
11287 .modchoosercontainer
.optionscontainer
.option
,
11288 .modchoosercontainer .searchresultitemscontainer .option {
11289 flex-basis: calc
(16.66% - 0.5rem); } }
11291 /* Form element: listing */
11292 .formlistingradio {
11293 padding-bottom: 25px;
11294 padding-right: 10px; }
11296 .formlistinginputradio {
11300 min-height: 225px; }
11303 position: relative
;
11305 padding: 1px 19px 14px;
11306 background-color: white
;
11307 border: 1px solid
#ddd;
11308 border-radius: 4px; }
11311 position: absolute
;
11318 background-color: whitesmoke
;
11319 border: 1px solid
#ddd;
11321 border-radius: 4px 0 4px 0; }
11326 border-radius: 4px; }
11330 border-bottom: 1px solid
;
11331 border-color: #e1e1e8;
11332 border-left: 1px solid
#e1e1e8;
11333 border-right: 1px solid
#e1e1e8;
11334 background-color: #f7f7f9;
11335 border-radius: 0 0 4px 4px;
11343 body
.jsenabled
.formlistingradio
{
11346 body
.jsenabled
.formlisting
{
11349 a
.criteria-action
{
11353 div
.criteria-description
{
11354 padding: 10px 15px;
11356 background: none repeat scroll
0 0 #f9f9f9;
11357 border: 1px solid
#eee; }
11361 list-style: none
; }
11364 position: relative
;
11365 display: inline-block
;
11367 text-align: center
;
11368 vertical-align: top
;
11371 .badges li .badge-name {
11376 position: absolute
; }
11378 .badges li .badge-image {
11385 .badges li .badge-actions {
11386 position: relative
; }
11388 .badges li .expireimage {
11389 background-image: url
([[pix:i
/expired
]]);
11390 background-repeat: no-repeat
;
11391 background-size: 100px 100px;
11396 position: absolute
;
11401 background-color: transparent
;
11403 position: relative
;
11406 display: inline-block
;
11407 vertical-align: top
;
11409 margin-bottom: 20px; }
11410 #badge-image .expireimage
{
11411 background-image: url
([[pix:i
/expired
]]);
11412 background-repeat: no-repeat
;
11413 background-size: 100px 100px;
11419 position: absolute
;
11421 #badge-image .singlebutton
{
11424 #badge-image .singlebutton button
{
11425 margin-left: 4px; }
11428 display: inline-block
;
11431 #badge-overview dl
,
11432 #badge-details dl
{
11434 #badge-overview dl dt
,
11435 #badge-overview dl dd
,
11436 #badge-details dl dt
,
11437 #badge-details dl dd
{
11438 vertical-align: top
;
11440 #badge-overview dl dt
,
11441 #badge-details dl dt
{
11443 display: inline-block
;
11445 min-width: 100px; }
11446 #badge-overview dl dd
,
11447 #badge-details dl dd
{
11448 display: inline-block
;
11452 #badge-criteria li li
{
11453 list-style-type: none
; }
11459 vertical-align: top
; }
11470 #page-badges-award .recipienttable tr td
{
11471 vertical-align: top
; }
11473 #page-badges-award .recipienttable tr td
.actions
.actionbutton
{
11478 #page-badges-award .recipienttable tr td
.existing
,
11479 #page-badges-award .recipienttable tr td
.potential
{
11482 #issued-badge-table .activatebadge
{
11483 display: inline-block
; }
11485 .statusbox.active {
11486 background-color: #d7e4d6; }
11488 .statusbox.inactive {
11489 background-color: #fcefdc; }
11492 text-align: center
;
11493 margin-bottom: 5px;
11496 .statusbox .activatebadge {
11497 display: inline-block
; }
11499 .statusbox .activatebadge input[type=submit] {
11505 vertical-align: middle
; }
11507 img#persona_signin
{
11513 .invisiblefieldset {
11519 #page-header h1
.h2
{
11520 font-weight: bold
; }
11522 #page-header .logo
{
11524 #page-header .logo img
{
11525 max-height: 75px; }
11527 /** Navbar logo. */
11528 nav
.navbar
.logo img
{
11529 max-height: 35px; }
11531 .nav.usernav .nav-item {
11534 .nav.usernav .usermenu .dropdown-toggle {
11535 padding: 0 0.5rem; }
11537 /** Header-bar styles **/
11538 .page-context-header {
11540 padding: 0.25rem 0;
11542 .page-context-header .page-header-image > a {
11543 display: inline-block
; }
11544 .page-context-header
.page-header-headings
,
11545 .page-context-header .header-button-group {
11546 position: relative
;
11548 vertical-align: middle
; }
11549 .page-context-header .header-button-group {
11553 ul
.dragdrop-keyboard-drag li
{
11554 list-style-type: none
; }
11558 text-decoration: none
;
11560 font-style: italic
;
11565 overflow: hidden
; }
11567 .progressbar_container {
11571 /* IE10 only fix for calendar titling */
11572 .ie10 .yui3-calendar-header-label {
11573 display: inline-block
; }
11583 .nav-tabs
> .active
> a
[href
],
11584 .nav-tabs
> .active
> a
[href
]:hover
,
11585 .nav-tabs > .active > a[href]:focus {
11588 .inplaceeditable.inplaceeditingon {
11589 position: relative
; }
11590 .inplaceeditable.inplaceeditingon .editinstructions {
11592 font-weight: normal
;
11597 white-space: nowrap
; }
11598 @media
(min-width: 576px) {
11599 .inplaceeditable.inplaceeditingon input {
11601 vertical-align: text-bottom
;
11602 margin-bottom: 0; } }
11603 .inplaceeditable.inplaceeditingon select {
11604 margin-bottom: 0; }
11606 .inplaceeditable .quickediticon img {
11609 .inplaceeditable .quickeditlink {
11611 text-decoration: inherit
; }
11613 .inplaceeditable:hover
.quickeditlink
.quickediticon img
,
11614 .inplaceeditable .quickeditlink:focus .quickediticon img {
11617 .inplaceeditable.inplaceeditable-toggle .quickediticon {
11620 .inplaceeditable.inplaceeditable-autocomplete {
11623 h3
.sectionname
.inplaceeditable
.inplaceeditingon
.editinstructions
{
11624 margin-top: -20px; }
11627 .chart-area .chart-table-data {
11630 .chart-area .chart-table {
11631 /** When accessible, we display the table only. */ }
11632 .chart-area .chart-table .chart-output-htmltable caption {
11633 white-space: nowrap
; }
11634 .chart-area .chart-table.accesshide .chart-table-expand {
11636 .chart-area .chart-table.accesshide .chart-table-data {
11640 padding-left: 1rem;
11641 -webkit-margin-start: 0.2rem;
11642 /* stylelint-disable-line */ }
11644 /* YUI 2 Tree View */
11664 .ygtvcancel:hover {
11665 background-image: url([[pix:theme|yui2-treeview-sprite-rtl]]);
11668 .hover-tooltip-container {
11669 position: relative
; }
11670 .hover-tooltip-container .hover-tooltip {
11672 visibility: hidden
;
11673 position: absolute
;
11676 top: calc
(-50% - 5px);
11677 transform: translate
(-50%, -50%);
11678 background-color: #fff;
11679 border: 1px solid rgba
(0, 0, 0, 0.2);
11680 border-radius: .3rem;
11681 box-sizing: border-box
;
11683 white-space: nowrap
;
11684 transition: opacity
0.15s, visibility
0.15s;
11686 .hover-tooltip-container .hover-tooltip:before {
11688 display: inline-block
;
11689 border-left: 8px solid transparent
;
11690 border-right: 8px solid transparent
;
11691 border-top: 8px solid rgba
(0, 0, 0, 0.2);
11692 position: absolute
;
11694 left: calc
(50% - 8px); }
11695 .hover-tooltip-container .hover-tooltip:after {
11697 display: inline-block
;
11698 border-left: 7px solid transparent
;
11699 border-right: 7px solid transparent
;
11700 border-top: 7px solid
#fff;
11701 position: absolute
;
11703 left: calc
(50% - 7px);
11705 .hover-tooltip-container:hover .hover-tooltip {
11707 visibility: visible
;
11708 transition: opacity
0.15s 0.5s, visibility
0.15s 0.5s; }
11713 #region-flat-nav .nav
{
11714 margin-right: 15px;
11715 background-color: #fff; }
11716 @media
(max-width: 767.98px) {
11717 #region-flat-nav .nav
{
11719 margin-right: 0; } }
11723 text-decoration: underline
; }
11724 .footer-dark a .icon {
11726 .footer-dark a:focus .icon {
11729 .btn-footer-popover {
11735 .popover.footer .popover-body {
11737 .popover.footer .popover-body .footer-section a {
11739 text-decoration: underline
; }
11740 .popover.footer .popover-body .footer-section a .icon {
11742 .popover.footer .popover-body .footer-section a:focus {
11743 text-decoration: none
; }
11745 @media (min-width: 576px) {
11746 .jsenabled #page-footer .footer-content-popover {
11748 .jsenabled .btn-footer-popover {
11754 text-decoration: underline
; }
11755 .bg-inverse a .icon {
11766 .dropdown-item:active, .dropdown-item:hover, .dropdown-item:focus, .dropdown-item:focus-within {
11768 background-color: #0f6cbf;
11770 .dropdown-item:active a, .dropdown-item:hover a, .dropdown-item:focus a, .dropdown-item:focus-within a {
11773 .dropdown-item[aria-current="true"] {
11774 position: relative
;
11776 align-items: center
; }
11777 .dropdown-item[aria-current="true"]:before {
11778 display: inline-block
;
11779 font: normal normal normal
14px/1 FontAwesome
;
11780 font-size: inherit
;
11781 text-rendering: auto
;
11782 -webkit-font-smoothing: antialiased
;
11783 -moz-osx-font-smoothing: grayscale
;
11785 position: absolute
;
11787 font-size: 0.7rem; }
11789 .competency-tree ul {
11790 padding-left: 1.5rem; }
11792 .sr-only-focusable:active, .sr-only-focusable:focus {
11800 [data-drag-type
="move"] {
11802 touch-action: none
; }
11807 .overlay-icon-container {
11808 position: absolute
;
11813 background-color: rgba
(255, 255, 255, 0.6); }
11814 .overlay-icon-container .loading-icon {
11815 position: absolute
;
11818 transform: translate
(-50%, -50%); }
11819 .overlay-icon-container .loading-icon .icon {
11828 animation: bg-pulse-grey
2s infinite linear
; }
11830 @keyframes bg-pulse-grey
{
11832 background-color: #f8f9fa; }
11834 background-color: #e9ecef; }
11836 background-color: #f8f9fa; } }
11839 line-height: 0 !important
;
11840 /* stylelint-disable-line declaration-no-important */ }
11843 line-height: 0.25rem !important
;
11844 /* stylelint-disable-line declaration-no-important */ }
11847 line-height: 0.5rem !important
;
11848 /* stylelint-disable-line declaration-no-important */ }
11851 line-height: 1rem !important
;
11852 /* stylelint-disable-line declaration-no-important */ }
11855 line-height: 1.5rem !important
;
11856 /* stylelint-disable-line declaration-no-important */ }
11859 line-height: 2rem !important
;
11860 /* stylelint-disable-line declaration-no-important */ }
11863 line-height: 3rem !important
;
11864 /* stylelint-disable-line declaration-no-important */ }
11866 .dir-rtl .dir-rtl-hide {
11869 .dir-ltr .dir-ltr-hide {
11872 .paged-content-page-container {
11873 min-height: 3.125rem; }
11875 body
.h5p-embed #page-content
{
11876 display: inherit
; }
11878 body
.h5p-embed #maincontent
{
11881 body
.h5p-embed
.h5pmessages
{
11882 min-height: 230px; }
11884 #h5pcontenttypes td
{
11885 vertical-align: middle
; }
11887 #page.drawers form#h5peditor
,
11888 #page.drawers form#coolh5peditor
,
11889 #page.drawers
.core_contentbank_viewcontent
{
11893 .text-decoration-none {
11894 text-decoration: none
!important
;
11895 /* stylelint-disable-line declaration-no-important */ }
11898 color: inherit
!important
;
11899 /* stylelint-disable-line declaration-no-important */ }
11902 right: 0 !important
;
11903 /* stylelint-disable-line declaration-no-important */ }
11906 overflow: hidden
!important
;
11907 /* stylelint-disable-line declaration-no-important */ }
11910 overflow-wrap: break-word
!important
;
11911 /* stylelint-disable-line declaration-no-important */ }
11914 word-break: break-word
!important
;
11915 /* stylelint-disable-line declaration-no-important */ }
11918 z-index: 0 !important
;
11919 /* stylelint-disable-line declaration-no-important */ }
11922 z-index: 1 !important
;
11923 /* stylelint-disable-line declaration-no-important */ }
11926 float: left
!important
;
11927 /* stylelint-disable-line declaration-no-important */ }
11930 float: right
!important
;
11931 /* stylelint-disable-line declaration-no-important */ }
11938 cursor: not-allowed
; }
11947 display: -webkit-box
;
11948 -webkit-box-orient: vertical
;
11949 -webkit-line-clamp: 2;
11950 overflow: hidden
; }
11953 word-break: break-all
; }
11956 background-color: #a2cff8;
11961 border-radius: 0.25rem; }
11966 .emoji-picker .category-button {
11967 padding: .375rem 0;
11969 width: 38.8888888889px;
11972 border-right: none
;
11973 border-bottom: 2px solid transparent
; }
11974 .emoji-picker .category-button.selected {
11975 border-bottom: 2px solid
#0f6cbf; }
11976 .emoji-picker
.emojis-container
,
11977 .emoji-picker .search-results-container {
11978 min-width: 280px; }
11979 .emoji-picker .picker-row {
11981 .emoji-picker .picker-row .category-name {
11982 line-height: 40px; }
11983 .emoji-picker .picker-row .emoji-button {
11988 overflow: hidden
; }
11989 .emoji-picker .picker-row .emoji-button:hover, .emoji-picker .picker-row .emoji-button:focus {
11991 text-decoration: none
; }
11992 .emoji-picker .emoji-preview {
11995 line-height: 40px; }
11996 .emoji-picker .emoji-short-name {
11997 line-height: 20px; }
11998 @media
(max-width: 575.98px) {
12002 .emoji-auto-complete {
12004 .emoji-auto-complete .btn.btn-link.btn-icon.emoji-button {
12009 .emoji-auto-complete .btn.btn-link.btn-icon.emoji-button.active {
12010 background-color: #e9ecef; }
12016 .toast-wrapper > :first-child {
12017 margin-top: 1rem; }
12022 .alert-secondary a {
12025 .alert-success a, .environmenttable .ok a {
12031 .alert-warning a, .environmenttable .warn a {
12034 .alert-danger a, .environmenttable .error a {
12044 font-weight: 700; }
12046 @media (max-width: 767.98px) {
12049 .breadcrumb:not(:empty) {
12051 border: 2px solid
#e9ecef;
12053 margin-bottom: 0.5rem; }
12054 .breadcrumb:not(:empty) .breadcrumb-item {
12055 padding-top: 0.3333333333rem;
12056 padding-bottom: 0.3333333333rem;
12057 display: inline-block
; }
12060 padding-right: 15px;
12061 padding-left: 15px; }
12064 justify-content: center
; }
12068 padding: 0.625rem; }
12069 #page-header .card
{
12071 #page-header .card
.card-body
{
12073 .nav-tabs:not
(.more-nav
),
12078 background-color: #e9ecef; }
12079 .nav-tabs:not
(.more-nav
) .nav-item
,
12080 .nav-pills .nav-item {
12082 text-align: center
; }
12083 .nav-tabs:not
(.more-nav
) .nav-link
,
12084 .nav-pills .nav-link {
12087 margin: 0.125rem; }
12088 .nav-tabs:not
(.more-nav
) .nav-link
.active
,
12089 .nav-pills .nav-link.active {
12091 border-color: #6a737b;
12092 border-color: #6a737b; }
12093 .nav-tabs:not
(.more-nav
) .nav-link
.active:hover
,
12094 .nav-pills .nav-link.active:hover {
12096 background-color: #6a737b;
12097 border-color: #6a737b; }
12098 .nav-tabs:not
(.more-nav
) .nav-link
.active:focus
, .nav-tabs:not
(.more-nav
) .nav-link
.active
.focus
,
12099 .nav-pills
.nav-link
.active:focus
,
12100 .nav-pills .nav-link.active.focus {
12101 box-shadow: 0 0 0 0.2rem rgba
(106, 115, 123, 0.5); }
12102 .nav-tabs:not
(.more-nav
) .nav-link
.active
.disabled
, .nav-tabs:not
(.more-nav
) .nav-link
.active:disabled
,
12103 .nav-pills
.nav-link
.active
.disabled
,
12104 .nav-pills .nav-link.active:disabled {
12106 background-color: transparent
; }
12107 .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
,
12108 .show
> .nav-tabs:not
(.more-nav
) .nav-link
.active
.dropdown-toggle
,
12109 .nav-pills
.nav-link
.active:not
(:disabled
):not
(.disabled
):active
,
12110 .nav-pills
.nav-link
.active:not
(:disabled
):not
(.disabled
).active
,
12112 .nav-pills .nav-link.active.dropdown-toggle {
12114 background-color: #6a737b;
12115 border-color: #6a737b; }
12116 .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
,
12117 .show
> .nav-tabs:not
(.more-nav
) .nav-link
.active
.dropdown-toggle:focus
,
12118 .nav-pills
.nav-link
.active:not
(:disabled
):not
(.disabled
):active:focus
,
12119 .nav-pills
.nav-link
.active:not
(:disabled
):not
(.disabled
).active:focus
,
12121 .nav-pills .nav-link.active.dropdown-toggle:focus {
12122 box-shadow: 0 0 0 0.2rem rgba
(106, 115, 123, 0.5); } }
12124 @media (max-width: 576px) and
(max-height: 320px) {
12127 .navbar.fixed-top {
12128 position: relative
;
12129 z-index: inherit
; } }
12132 text-decoration: underline
; }
12133 .link-underline:focus {
12134 text-decoration: none
; }
12136 .alert.cta .cta-icon .icon {
12138 .alert.cta .cta-icon .icon.fa {
12139 border-radius: 50%;
12140 border-style: solid
;
12141 border-width: 0.125rem; }
12143 .core_payment_gateways_modal
.custom-control-label::before
,
12144 .core_payment_gateways_modal .custom-control-label::after {
12148 scrollbar-width: thin
;
12149 scrollbar-color: #0f6cbf #a2cff8;
12150 -ms-overflow-style: -ms-autohiding-scrollbar
; }
12151 .visual-scroll-x::-webkit-scrollbar {
12153 -webkit-appearance: none
;
12154 appearance: none
; }
12155 .visual-scroll-x::-webkit-scrollbar-thumb {
12156 background-color: #0f6cbf;
12157 border-right: 1px solid
#fff; }
12158 .visual-scroll-x::-webkit-scrollbar-track {
12159 background-color: #a2cff8;
12160 border-right: 1px solid
#fff; }
12162 body
.dragging
.drop-zone
{
12163 border: 1px dashed
#1d2125; }
12165 body
.dragging
.drop-up
{
12166 border-top: 1px solid
#1d2125;
12167 border-top-left-radius: 0;
12168 border-top-right-radius: 0; }
12170 body
.dragging
.drop-down
{
12171 border-bottom: 1px solid
#1d2125;
12172 border-bottom-left-radius: 0;
12173 border-bottom-right-radius: 0; }
12175 body
.dragging
.dragging
{
12179 visibility: hidden
; }
12181 .draggable:hover .dragicon {
12182 visibility: visible
;
12188 .stateready .waitstate {
12189 display: inherit
; }
12191 .stateready .whilenostate {
12194 .collapse-list .collapse-list-item {
12195 padding: 0.5rem 1rem; }
12196 .collapse-list .collapse-list-item:hover, .collapse-list .collapse-list-item:focus {
12197 background-color: #e0f0f2;
12198 border-color: #b8dce2; }
12200 .collapse-list .collapse-list-item-content .collapse-list-item {
12201 padding-left: calc
(1rem * 3); }
12203 .drawers .block_myoverview {
12205 .drawers .block_myoverview > .card-body {
12206 padding-top: 0 !important
;
12207 /* stylelint-disable-line declaration-no-important */
12208 padding-left: 0 !important
;
12209 /* stylelint-disable-line declaration-no-important */
12210 padding-right: 0 !important
;
12211 /* stylelint-disable-line declaration-no-important */ }
12213 .dropdown-toggle::after {
12217 display: inline-block
;
12218 font: normal normal normal
14px/1 FontAwesome
;
12219 font-size: inherit
;
12220 text-rendering: auto
;
12221 -webkit-font-smoothing: antialiased
;
12222 -moz-osx-font-smoothing: grayscale
;
12233 box-sizing: content-box
;
12234 margin-right: 0.5rem; }
12237 .icon.iconsize-big {
12242 .navbar-dark a .icon {
12243 color: rgba
(255, 255, 255, 0.5) !important
;
12244 /* stylelint-disable-line declaration-no-important */ }
12246 .action-menu-item a:first-of-type > .icon {
12247 margin-left: 0.5rem; }
12250 margin-left: 0 !important
;
12251 /* stylelint-disable-line declaration-no-important */ }
12253 .block_navigation
.tree_item
.icon
,
12254 .block_settings .tree_item .icon {
12257 [data-action
=toggle-drawer
] .icon
{
12260 .icon-no-spacing a > .icon {
12263 .icon-no-margin .icon {
12267 margin-bottom: 0; }
12269 .icon-large > .icon {
12273 .icon-size-0 .icon {
12274 height: 0 !important
;
12275 /* stylelint-disable-line declaration-no-important */
12276 width: 0 !important
;
12277 /* stylelint-disable-line declaration-no-important */
12278 font-size: 0 !important
;
12279 /* stylelint-disable-line declaration-no-important */ }
12281 .icon-size-1 .icon {
12282 height: 4px !important
;
12283 /* stylelint-disable-line declaration-no-important */
12284 width: 4px !important
;
12285 /* stylelint-disable-line declaration-no-important */
12286 font-size: 4px !important
;
12287 /* stylelint-disable-line declaration-no-important */ }
12289 .icon-size-2 .icon {
12290 height: 8px !important
;
12291 /* stylelint-disable-line declaration-no-important */
12292 width: 8px !important
;
12293 /* stylelint-disable-line declaration-no-important */
12294 font-size: 8px !important
;
12295 /* stylelint-disable-line declaration-no-important */ }
12297 .icon-size-3 .icon {
12298 height: 16px !important
;
12299 /* stylelint-disable-line declaration-no-important */
12300 width: 16px !important
;
12301 /* stylelint-disable-line declaration-no-important */
12302 font-size: 16px !important
;
12303 /* stylelint-disable-line declaration-no-important */ }
12305 .icon-size-4 .icon {
12306 height: 24px !important
;
12307 /* stylelint-disable-line declaration-no-important */
12308 width: 24px !important
;
12309 /* stylelint-disable-line declaration-no-important */
12310 font-size: 24px !important
;
12311 /* stylelint-disable-line declaration-no-important */ }
12313 .icon-size-5 .icon {
12314 height: 32px !important
;
12315 /* stylelint-disable-line declaration-no-important */
12316 width: 32px !important
;
12317 /* stylelint-disable-line declaration-no-important */
12318 font-size: 32px !important
;
12319 /* stylelint-disable-line declaration-no-important */ }
12321 .icon-size-6 .icon {
12322 height: 40px !important
;
12323 /* stylelint-disable-line declaration-no-important */
12324 width: 40px !important
;
12325 /* stylelint-disable-line declaration-no-important */
12326 font-size: 40px !important
;
12327 /* stylelint-disable-line declaration-no-important */ }
12329 .icon-size-7 .icon {
12330 height: 48px !important
;
12331 /* stylelint-disable-line declaration-no-important */
12332 width: 48px !important
;
12333 /* stylelint-disable-line declaration-no-important */
12334 font-size: 48px !important
;
12335 /* stylelint-disable-line declaration-no-important */ }
12338 margin-left: 0.5rem; }
12340 .icons-collapse-expand {
12342 align-items: center
; }
12343 .icons-collapse-expand .expanded-icon {
12345 align-items: center
; }
12346 .icons-collapse-expand .collapsed-icon {
12348 .icons-collapse-expand.collapsed .expanded-icon {
12350 .icons-collapse-expand.collapsed .collapsed-icon {
12352 align-items: center
; }
12354 .activityiconcontainer {
12357 display: inline-flex
;
12358 justify-content: center
;
12359 align-items: center
;
12360 background-color: #f8f9fa;
12361 border-radius: 4px;
12363 .activityiconcontainer
.activityicon
,
12364 .activityiconcontainer .icon {
12369 .activityiconcontainer.administration {
12370 background-color: #5d63f6; }
12371 .activityiconcontainer
.administration
.activityicon
,
12372 .activityiconcontainer.administration .icon {
12373 filter: brightness
(0) invert
(1); }
12375 .activityiconcontainer.assessment {
12376 background-color: #eb66a2; }
12377 .activityiconcontainer
.assessment
.activityicon
,
12378 .activityiconcontainer.assessment .icon {
12379 filter: brightness
(0) invert
(1); }
12381 .activityiconcontainer.collaboration {
12382 background-color: #f7634d; }
12383 .activityiconcontainer
.collaboration
.activityicon
,
12384 .activityiconcontainer.collaboration .icon {
12385 filter: brightness
(0) invert
(1); }
12387 .activityiconcontainer.communication {
12388 background-color: #11a676; }
12389 .activityiconcontainer
.communication
.activityicon
,
12390 .activityiconcontainer.communication .icon {
12391 filter: brightness
(0) invert
(1); }
12393 .activityiconcontainer.content {
12394 background-color: #399be2; }
12395 .activityiconcontainer
.content
.activityicon
,
12396 .activityiconcontainer.content .icon {
12397 filter: brightness
(0) invert
(1); }
12399 .activityiconcontainer.interface {
12400 background-color: #a378ff; }
12401 .activityiconcontainer
.interface
.activityicon
,
12402 .activityiconcontainer.interface .icon {
12403 filter: brightness
(0) invert
(1); }
12406 --activityadministration: #5d63f6;
12407 --activityassessment: #eb66a2;
12408 --activitycollaboration: #f7634d;
12409 --activitycommunication: #11a676;
12410 --activitycontent: #399be2;
12411 --activityinterface: #a378ff; }
12414 .formtable tbody th {
12415 font-weight: normal
;
12416 text-align: right
; }
12418 .path-admin #assignrole {
12421 margin-right: auto
; }
12423 .path-admin .admintable .leftalign {
12424 text-align: left
; }
12426 .path-admin
.admintable
.environmenttable
.name
,
12427 .path-admin
.admintable
.environmenttable
.info
,
12428 .path-admin #assignrole
.admintable
.role
,
12429 .path-admin #assignrole
.admintable
.userrole
,
12430 .path-admin #assignrole .admintable .roleholder {
12431 white-space: nowrap
; }
12433 .path-admin .incompatibleblockstable td.c0 {
12434 font-weight: bold
; }
12436 #page-admin-course-category .addcategory
{
12439 #page-admin-course-index .editcourse
{
12440 margin: 20px auto
; }
12442 #page-admin-course-index .editcourse th
,
12443 #page-admin-course-index .editcourse td
{
12444 padding-left: 10px;
12445 padding-right: 10px; }
12447 .timewarninghidden {
12450 #page-admin-report-capability-index #capabilitysearch
{
12453 #page-admin-qtypes #qtypes div
,
12454 #page-admin-qtypes #qtypes form
,
12455 #page-admin-qbehaviours #qbehaviours div
,
12456 #page-admin-qbehaviours #qbehaviours form
{
12459 #page-admin-qtypes #qtypes img
.spacer
,
12460 #page-admin-qbehaviours #qbehaviours img
.spacer
{
12463 #page-admin-qbehaviours .cell
.c3
,
12464 #page-admin-qtypes .cell
.c3
{
12465 font-size: 0.8203125rem; }
12467 #page-admin-lang .generalbox
,
12468 #page-admin-course-index .singlebutton
,
12469 #page-admin-course-index .addcategory
,
12470 #page-course-index .buttons
,
12471 #page-course-index-category .buttons
,
12472 #page-admin-course-category .addcategory
,
12473 #page-admin-stickyblocks .generalbox
,
12474 #page-admin-maintenance .buttons
,
12475 #page-admin-course-index .buttons
,
12476 #page-admin-course-category .buttons
,
12477 #page-admin-index .copyright
,
12478 #page-admin-index .copyrightnotice
,
12479 #page-admin-index .adminerror
.singlebutton
,
12480 #page-admin-index .adminwarning
.singlebutton
,
12481 #page-admin-index #layout-table
.singlebutton
{
12482 text-align: center
;
12483 margin-bottom: 1em; }
12485 .path-admin-roles .capabilitysearchui {
12488 margin-right: auto
;
12489 margin-top: 1rem; }
12491 #page-admin-roles-define .topfields
{
12492 margin: 1em 0 2em; }
12494 #page-admin-roles-define .capdefault
{
12495 background-color: rgba
(0, 0, 0, 0.075); }
12497 #page-filter-manage .backlink
,
12498 .path-admin-roles .backlink {
12501 #page-admin-roles-explain #chooseuser h3
,
12502 #page-admin-roles-usersroles .contextname
{
12505 #page-admin-roles-explain #chooseusersubmit
{
12507 text-align: center
; }
12509 #page-admin-roles-usersroles p
{
12512 #page-admin-roles-override .cell
.c1
,
12513 #page-admin-roles-assign .cell
.c3
,
12514 #page-admin-roles-assign .cell
.c1
{
12515 padding-top: 0.75em; }
12517 #page-admin-roles-override .overridenotice
,
12518 #page-admin-roles-define .definenotice
{
12519 margin: 1em 10% 2em 10%;
12520 text-align: left
; }
12522 #page-admin-index .adminwarning
.availableupdatesinfo
.moodleupdateinfo span
{
12525 #page-admin-index .updateplugin div
{
12526 margin-bottom: 0.5em; }
12528 #page-admin-user-user_bulk #users
.fgroup
{
12529 white-space: nowrap
; }
12531 #page-admin-report-stats-index .graph
{
12532 text-align: center
;
12533 margin-bottom: 1em; }
12535 #page-admin-report-courseoverview-index .graph
{
12536 text-align: center
;
12537 margin-bottom: 1em; }
12539 #page-admin-lang .translator
{
12541 border-style: solid
; }
12543 .path-admin .roleassigntable {
12546 .path-admin .roleassigntable td {
12547 vertical-align: top
;
12548 padding: 0.2em 0.3em; }
12550 .path-admin .roleassigntable p {
12554 .path-admin
.roleassigntable #existingcell
,
12555 .path-admin .roleassigntable #potentialcell {
12558 .path-admin
.roleassigntable #existingcell p
> label:first-child
,
12559 .path-admin .roleassigntable #potentialcell p > label:first-child {
12560 font-weight: bold
; }
12562 .path-admin .roleassigntable #buttonscell {
12565 .path-admin .roleassigntable #buttonscell #assignoptions {
12566 font-size: 0.8203125rem; }
12568 .path-admin
.roleassigntable #removeselect_wrapper
,
12569 .path-admin .roleassigntable #addselect_wrapper {
12572 .path-admin table.rolecap tr.rolecap th {
12574 font-weight: normal
; }
12576 .path-admin .rolecap .hiddenrow {
12579 .path-admin
#defineroletable
.rolecap
.inherit
,
12580 .path-admin
#defineroletable
.rolecap
.allow
,
12581 .path-admin
#defineroletable
.rolecap
.prevent
,
12582 .path-admin #defineroletable .rolecap .prohibit {
12583 text-align: center
;
12585 min-width: 3.5em; }
12587 .path-admin
.rolecap
.cap-name
,
12588 .path-admin .rolecap .note {
12590 font-size: 0.8203125rem;
12591 white-space: nowrap
;
12592 font-weight: normal
; }
12594 .path-admin .rolecap label {
12596 text-align: center
;
12600 .path-admin
.header-maxwidth
,
12601 .path-admin .secondary-navigation {
12604 .plugincheckwrapper {
12610 #mnetconfig table
{
12612 margin-right: auto
; }
12614 .environmenttable .cell {
12615 padding: .15em .5em; }
12617 #trustedhosts .generaltable
{
12619 margin-right: auto
;
12622 #trustedhosts .standard
{
12625 #adminsettings legend
{
12628 #adminsettings fieldset
.error
{
12629 margin: .2em 0 .5em 0; }
12631 #adminsettings fieldset
.error legend
{
12634 #admin-spelllanguagelist textarea
,
12635 #page-admin-setting-editorsettingstinymce .form-textarea textarea
{
12641 /* Styles for flags on admin settings */
12642 .adminsettingsflags {
12645 .adminsettingsflags label {
12646 margin-right: 7px; }
12648 .form-description pre
,
12649 .formsettingheading pre {
12653 .form-item .form-setting .form-htmlarea {
12656 .form-item .form-setting .form-htmlarea .htmlarea {
12660 .form-item .form-setting .form-multicheckbox ul {
12663 margin: 7px 0 0 0; }
12665 .form-item .form-setting .defaultsnext {
12668 .form-item .form-setting .locked-checkbox {
12669 margin-right: 0.2em;
12670 margin-left: 0.5em;
12673 .form-item
.form-setting
.form-password
.unmask
,
12674 .form-item .form-setting .form-defaultinfo {
12675 display: inline-block
; }
12677 .form-item .form-setting .form-defaultinfo {
12679 word-wrap: break-word
; }
12681 #admin-emoticons td input
{
12684 #admin-emoticons td
.c0 input
{
12687 #adminthemeselector .selectedtheme td
.c0
{
12688 border: 1px solid
#b8dce2;
12689 border-right-width: 0; }
12691 #adminthemeselector .selectedtheme td
.c1
{
12692 border: 1px solid
#b8dce2;
12693 border-left-width: 0; }
12695 .admin_colourpicker
,
12696 .admin_colourpicker_preview {
12699 .jsenabled .admin_colourpicker_preview {
12702 @media (min-width: 768px) {
12703 .jsenabled .admin_colourpicker {
12707 margin-bottom: 10px;
12708 box-sizing: content-box
; }
12709 .admin_colourpicker .colourdialogue {
12711 border: 1px solid
#8f959e; }
12712 .admin_colourpicker .previewcolour {
12713 border: 1px solid
#8f959e;
12714 margin-left: 301px; }
12715 .admin_colourpicker .currentcolour {
12716 border: 1px solid
#8f959e;
12717 margin-left: 301px;
12718 border-top-width: 0; } }
12720 @media (max-width: 767.98px) {
12721 .jsenabled .admin_colourpicker {
12723 margin-bottom: 10px;
12725 position: relative
; }
12726 .admin_colourpicker .previewcolour {
12728 .admin_colourpicker .currentcolour {
12729 position: absolute
;
12730 border: 1px solid
#dee2e6;
12734 .admin_colourpicker .loadingicon {
12735 vertical-align: middle
;
12736 margin-left: auto
; }
12738 #page-admin-index #notice
.checkforupdates
{
12739 text-align: center
; }
12741 #page-admin-plugins #plugins-overview-panel
.info
{
12742 display: inline-block
;
12743 margin-right: 1em; }
12745 #page-admin-plugins .checkforupdates
{
12747 #page-admin-plugins .checkforupdates
.singlebutton
{
12750 #page-admin-plugins .checkforupdates
.singlebutton div
,
12751 #page-admin-plugins .checkforupdates
.singlebutton input
{
12752 margin: 0 3px 0 0; }
12754 #page-admin-plugins .updateavailableinstallall
{
12757 #page-admin-plugins .updateavailableinstallall div
,
12758 #page-admin-plugins .updateavailableinstallall input
{
12759 margin: 0 3px 5px 0; }
12761 #page-admin-plugins #plugins-control-panel
.status-missing td
{
12762 background-color: #fcefdc; }
12764 #page-admin-plugins #plugins-control-panel
.pluginname
.componentname
{
12765 font-size: 0.8203125rem;
12767 margin-left: 22px; }
12769 #page-admin-plugins #plugins-control-panel
.version
.versionnumber
{
12770 font-size: 0.8203125rem;
12773 #page-admin-plugins #plugins-control-panel
.uninstall a
{
12776 #page-admin-plugins #plugins-control-panel
.notes
.label
{
12777 margin-right: 3px; }
12779 #page-admin-plugins #plugins-control-panel
.notes
.requiredby
{
12780 font-size: 0.8203125rem;
12783 #plugins-check-page #plugins-check
.status-missing td
,
12784 #plugins-check-page #plugins-check
.status-downgrade td
{
12785 background-color: #f4d6d2; }
12787 #plugins-check-page .pluginupdateinfo
,
12788 #plugins-control-panel .pluginupdateinfo
{
12789 background-color: #cce6ea;
12792 border-radius: 5px; }
12793 #plugins-check-page .pluginupdateinfo
.maturity50
,
12794 #plugins-control-panel .pluginupdateinfo
.maturity50
{
12795 background-color: #f4d6d2; }
12796 #plugins-check-page .pluginupdateinfo
.maturity100
, #plugins-check-page
.pluginupdateinfo
.maturity150
,
12797 #plugins-control-panel .pluginupdateinfo
.maturity100
,
12798 #plugins-control-panel .pluginupdateinfo
.maturity150
{
12799 background-color: #fcefdc; }
12800 #plugins-check-page .pluginupdateinfo
.info
,
12801 #plugins-control-panel .pluginupdateinfo
.info
{
12802 display: inline-block
; }
12803 #plugins-check-page .pluginupdateinfo
.separator:after
,
12804 #plugins-control-panel .pluginupdateinfo
.separator:after
{
12806 #plugins-check-page .pluginupdateinfo
.singlebutton
,
12807 #plugins-control-panel .pluginupdateinfo
.singlebutton
{
12810 #plugins-check-page .pluginupdateinfo
.singlebutton div
,
12811 #plugins-check-page .pluginupdateinfo
.singlebutton input
,
12812 #plugins-control-panel .pluginupdateinfo
.singlebutton div
,
12813 #plugins-control-panel .pluginupdateinfo
.singlebutton input
{
12814 margin: 0 3px 0 0; }
12816 .plugins-management-confirm-buttons > div {
12817 display: inline-block
;
12818 margin: 1em 1em 1em 0; }
12820 .plugins-management-confirm-buttons .continue {
12822 .plugins-management-confirm-buttons
.continue div
,
12823 .plugins-management-confirm-buttons .continue input {
12826 #page-admin-index .upgradepluginsinfo
{
12827 text-align: center
; }
12829 #page-admin-index .adminwarning
.availableupdatesinfo
.moodleupdateinfo
.separator:after
{
12832 /** MNet networking */
12833 #page-admin-mnet-peers .box
.deletedhosts
{
12834 margin-bottom: 1em;
12835 font-size: 0.8203125rem; }
12837 #core-cache-plugin-summaries table
,
12838 #core-cache-store-summaries table
{
12841 #core-cache-lock-summary table
,
12842 #core-cache-definition-summaries table
,
12843 #core-cache-mode-mappings table
{
12846 #core-cache-store-summaries .default-store td
{
12847 font-style: italic
; }
12849 #core-cache-rescan-definitions,
12850 #core-cache-mode-mappings .edit-link
,
12851 #core-cache-lock-additional-actions .new-instance
{
12853 text-align: center
; }
12855 .maintenancewarning {
12862 .modal.modal-in-page {
12865 #page-admin-search .adminpagetitle
{
12867 border-bottom: none
; }
12869 #page-admin-search .adminpagepath
{
12874 margin: 0 0 1.5rem 0; }
12875 #page-admin-search .adminpagepath li
+ li:before
{
12876 padding-right: 0.5rem;
12877 padding-left: 0.5rem;
12880 @media (min-width: 576px) {
12881 #page-admin-search .container
{
12882 overflow-wrap: break-word
; } }
12884 #page-admin-tasklogs .task-class
{
12885 font-size: 0.8203125rem;
12888 .path-admin-tool-uploaduser .uuwarning {
12889 background-color: #fcefdc; }
12891 .path-admin-tool-uploaduser .uuerror {
12892 background-color: #f4d6d2; }
12894 .path-admin-tool-uploaduser .uuinfo {
12895 background-color: #d7e4d6; }
12897 .blockmovetarget .accesshide {
12898 position: relative
;
12902 padding-top: 0 !important
;
12903 /* stylelint-disable declaration-no-important */
12904 margin-top: 0 !important
; }
12906 .block_search_forums .searchform {
12907 /* Override plugin's default. */
12908 text-align: left
; }
12910 .block
.block_navigation
.block_tree ul
,
12911 .block_settings .block_tree ul {
12914 .block .block-controls .dropdown-toggle {
12915 /* So that the caret takes the colour of the icon. */
12918 [data-region
="blocks-column"] {
12922 /* We put an absolutely positioned div in a relatively positioned div so it takes up no space */
12923 @media (min-width: 576px) {
12924 #region-main-settings-menu {
12925 position: relative
;
12928 #region-main-settings-menu > div
{
12929 position: absolute
;
12933 .region_main_settings_menu_proxy {
12936 background-color: #fff;
12937 margin-left: 0.625rem;
12938 margin-bottom: 0.625rem;
12939 border-bottom-left-radius: 0.5rem;
12942 @media (max-width: 767.98px) {
12943 #region-main-settings-menu .menubar
{
12944 justify-content: flex-end
; } }
12946 #region-main.has-blocks
{
12947 display: inline-block
;
12948 width: calc
(100% - 375px); }
12949 @media
(max-width: 1199.98px) {
12950 #region-main.has-blocks
{
12952 /* MDL-63102 - Remove extra space at bottom.
12953 If modifying make sure block-region is horizontally stacked when in full screen */
12954 display: block
; } }
12956 .header-action #region-main-settings-menu {
12960 .header-action #region-main-settings-menu > div {
12965 @media (max-width: 1199.98px) {
12966 [data-region
="blocks-column"] {
12969 .block .empty-placeholder-image-lg {
12972 .block .searchbar .icon {
12975 .block .block-cards .course-info-container {
12978 .block .block-cards .progress {
12981 .block .block-cards .course-summaryitem {
12982 border: 1px solid
#dee2e6;
12983 background-color: #fff; }
12985 .block .block-cards .icon {
12988 .block .block-cards .card .coursemenubtn {
12989 margin-top: -0.5rem; }
12991 .block
.block-cards span
.categoryname
,
12992 .block .block-cards .btn-link {
12995 .block .block-cards .progress-text {
12998 .block .block-cards .dashboard-card-footer.menu {
13001 .block .block-cards .dashboard-card:hover .dashboard-card-footer.menu, .block .block-cards .dashboard-card:focus .dashboard-card-footer.menu {
13004 .block .block-cards .multiline {
13005 white-space: normal
; }
13007 .block .block-cards .btn.btn-link.btn-icon {
13011 border-radius: 50%; }
13012 .block .block-cards .btn.btn-link.btn-icon:hover, .block .block-cards .btn.btn-link.btn-icon:focus {
13013 background-color: #e9ecef; }
13015 .dashboard-card-deck.one-row {
13017 overflow-x: scroll
; }
13022 background-position: center
;
13023 background-size: cover
; }
13025 .dashboard-list-img {
13028 background-position: center
;
13029 background-size: cover
; }
13030 @media
(max-width: 1199.98px) {
13031 .dashboard-list-img {
13034 .course-listitem .menu {
13037 .course-listitem:hover .menu, .course-listitem:focus .menu {
13040 .dashboard-card-deck .dashboard-card {
13041 margin-bottom: 0.5rem;
13046 .dashboard-card-deck .dashboard-card .dashboard-card-img {
13048 background-position: center
;
13049 background-size: cover
;
13050 border-bottom-left-radius: 0;
13051 border-bottom-right-radius: 0; }
13052 .dashboard-card-deck .dashboard-card .dashboard-card-footer {
13055 @media (min-width: 576px) {
13056 .dashboard-card-deck.fixed-width-cards .dashboard-card {
13058 max-width: 100%; } }
13060 @media (min-width: 576px) {
13061 .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
13062 width: calc
(50% - 0.5rem); } }
13064 @media (min-width: 840px) {
13065 .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
13066 width: calc
(33.33% - 0.5rem); } }
13068 @media (min-width: 1200px) {
13069 #block-region-side-pre .dashboard-card-deck:not
(.fixed-width-cards
) {
13072 #block-region-side-pre .dashboard-card-deck:not
(.fixed-width-cards
) .dashboard-card
{
13073 width: calc
(100% - 0.5rem) !important
; } }
13075 .block_recentlyaccessedcourses .paging-bar-container {
13076 margin-top: -2.4rem;
13077 padding-right: 0.5rem;
13078 justify-content: flex-end
; }
13080 @media (max-width: 575.98px) {
13081 .block_recentlyaccessedcourses .paging-bar-container {
13084 #block-region-side-pre .block_recentlyaccessedcourses
.paging-bar-container
{
13087 .block_recentlyaccesseditems img.icon {
13090 margin-right: 6px; }
13092 .block_myoverview .content {
13093 min-height: 19.35rem; }
13095 .block_myoverview .paged-content-page-container {
13096 min-height: 13rem; }
13098 .block_timeline .paged-content-page-container {
13099 background-color: #fff; }
13101 .block_timeline .event-action {
13102 padding-left: 5.55em; }
13104 .block_settings
.block_tree
[aria-expanded
="true"],
13105 .block_settings
.block_tree
[aria-expanded
="true"].emptybranch
,
13106 .block_settings
.block_tree
[aria-expanded
="false"],
13107 .block_navigation
.block_tree
[aria-expanded
="true"],
13108 .block_navigation
.block_tree
[aria-expanded
="true"].emptybranch
,
13109 .block_navigation .block_tree [aria-expanded="false"] {
13110 background-image: none
; }
13112 .block_settings
.block_tree
[aria-expanded
="true"] > p:before
,
13113 .block_navigation .block_tree [aria-expanded="true"] > p:before {
13116 display: inline-block
;
13117 font: normal normal normal
14px/1 FontAwesome
;
13118 font-size: inherit
;
13119 text-rendering: auto
;
13120 -webkit-font-smoothing: antialiased
;
13121 -moz-osx-font-smoothing: grayscale
;
13125 .block_settings
.block_tree
[aria-expanded
="false"] > p:before
,
13126 .block_navigation .block_tree [aria-expanded="false"] > p:before {
13129 display: inline-block
;
13130 font: normal normal normal
14px/1 FontAwesome
;
13131 font-size: inherit
;
13132 text-rendering: auto
;
13133 -webkit-font-smoothing: antialiased
;
13134 -moz-osx-font-smoothing: grayscale
;
13138 .dir-rtl
.block_settings
.block_tree
[aria-expanded
="false"] > p:before
,
13139 .dir-rtl .block_navigation .block_tree [aria-expanded="false"] > p:before {
13142 .block_navigation
.block_tree p
.hasicon
,
13143 .block_settings .block_tree p.hasicon {
13144 text-indent: -3px; }
13145 .block_navigation
.block_tree p
.hasicon
.icon
,
13146 .block_settings .block_tree p.hasicon .icon {
13147 margin-right: 2px; }
13149 .block.invisibleblock .card-title {
13152 @media (max-width: 767.98px) {
13155 border-right: 0; } }
13157 .block_social_activities li a
.movehere
,
13158 .block_site_main_menu li a.movehere {
13162 border: 2px dashed
#343a40;
13165 .pagelayout-embedded .has-fake-blocks {
13169 .pagelayout-embedded .has-fake-blocks .embedded-main {
13171 width: calc
(100% - 360px);
13172 margin-right: 1rem; }
13174 .pagelayout-embedded .embedded-blocks {
13178 @media (max-width: 767.98px) {
13179 .pagelayout-embedded .has-fake-blocks {
13181 .pagelayout-embedded .has-fake-blocks .embedded-main {
13183 .pagelayout-embedded .embedded-blocks {
13186 /* calendar.less */
13187 .calendar_event_category {
13188 background-color: #e0cbe0; }
13189 .calendar_event_category .commands a {
13192 .calendar_event_course {
13193 background-color: #ffd3bd; }
13194 .calendar_event_course .commands a {
13197 .calendar_event_site {
13198 background-color: #d6f8cd; }
13199 .calendar_event_site .commands a {
13202 .calendar_event_group {
13203 background-color: #fee7ae; }
13204 .calendar_event_group .commands a {
13207 .calendar_event_user {
13208 background-color: #dce7ec; }
13209 .calendar_event_user .commands a {
13212 .calendar_event_other {
13213 background-color: #ced4da; }
13214 .calendar_event_other .commands a {
13219 table-layout: fixed
; }
13221 .calendartable td {
13223 vertical-align: top
;
13224 text-align: center
;
13227 .calendar-controls
.previous
,
13228 .calendar-controls
.next
,
13229 .calendar-controls .current {
13234 .calendar-controls .previous {
13236 border: 1px solid transparent
;
13239 .calendar-controls .current {
13240 text-align: center
;
13243 .calendar-controls .next {
13245 border: 1px solid transparent
;
13248 .calendar-controls .drop-target {
13249 box-sizing: border-box
;
13250 border: 1px dashed
#0f6cbf; }
13253 border-collapse: separate
;
13254 border-spacing: 2px;
13257 #region-main .maincalendar
.calendarwrapper td
> div
{
13259 overflow: hidden
; }
13262 vertical-align: top
;
13264 .maincalendar .bottom {
13267 margin: 10px auto
; }
13268 .maincalendar .bottom span.footer-link:after {
13271 .maincalendar .bottom span.footer-link:last-child:after {
13273 .maincalendar .heightcontainer {
13275 position: relative
; }
13276 .maincalendar .calendarmonth {
13278 margin: 10px auto
; }
13279 .maincalendar .calendarmonth ul {
13282 .maincalendar .calendarmonth ul li[data-event-folded="true"] {
13284 .maincalendar .calendarmonth ul li {
13285 list-style-type: none
;
13286 line-height: 1.2em; }
13287 .maincalendar .calendarmonth ul li > a {
13289 text-overflow: ellipsis
;
13290 white-space: nowrap
;
13292 display: inline-block
; }
13293 .maincalendar .calendarmonth ul li > a:hover {
13294 text-decoration: none
; }
13295 .maincalendar .calendarmonth ul li > a:hover .eventname {
13296 text-decoration: underline
; }
13297 .maincalendar .calendarmonth ul li a[data-action="view-day-link"] {
13299 text-overflow: ellipsis
;
13300 white-space: nowrap
; }
13301 .maincalendar .calendarmonth ul li .icon {
13302 margin-left: 0.25em;
13303 margin-right: 0.25em;
13304 vertical-align: initial
; }
13305 .maincalendar .calendarmonth ul li .calendar-circle {
13308 border-radius: 6px;
13309 vertical-align: middle
;
13310 display: inline-block
; }
13311 .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_category {
13312 background-color: #e0cbe0;
13313 border: 2px solid
#9e619f; }
13314 .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_course {
13315 background-color: #ffd3bd;
13316 border: 2px solid
#d34600; }
13317 .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_site {
13318 background-color: #d6f8cd;
13319 border: 2px solid
#2b8713; }
13320 .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_group {
13321 background-color: #fee7ae;
13322 border: 2px solid
#9a6e02; }
13323 .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_user {
13324 background-color: #dce7ec;
13325 border: 2px solid
#4e7c91; }
13326 .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_other {
13327 background-color: #ced4da;
13328 border: 2px solid
#687889; }
13329 .maincalendar .calendarmonth th {
13331 padding-left: 16px; }
13332 .maincalendar .calendarmonth td a.day:focus {
13333 display: inline-block
;
13334 border-radius: 50%;
13335 box-shadow: 0 0 0 0.2rem rgba
(15, 108, 191, 0.75); }
13336 .maincalendar .calendarmonth td .day-number-circle {
13337 display: inline-block
;
13341 .maincalendar .calendarmonth td .day-number-circle .day-number {
13342 display: inline-block
;
13345 text-align: center
; }
13346 .maincalendar .calendarmonth td.today .day-number-circle {
13347 border-radius: 50%;
13349 background-color: #0f6cbf; }
13350 .maincalendar .calendarmonth .clickable:hover {
13351 background-color: #ededed; }
13352 .maincalendar .controls {
13354 margin: 10px auto
; }
13355 .maincalendar
.calendar_event_category:hover a
,
13356 .maincalendar
.calendar_event_course:hover a
,
13357 .maincalendar
.calendar_event_site:hover a
,
13358 .maincalendar
.calendar_event_group:hover a
,
13359 .maincalendar .calendar_event_user:hover a {
13361 text-decoration: underline
; }
13362 .maincalendar .calendar_event_category {
13363 border-color: #e0cbe0; }
13364 .maincalendar .calendar_event_course {
13365 border-color: #ffd3bd; }
13366 .maincalendar .calendar_event_site {
13367 border-color: #d6f8cd; }
13368 .maincalendar .calendar_event_group {
13369 border-color: #fee7ae; }
13370 .maincalendar .calendar_event_user {
13371 border-color: #dce7ec; }
13372 .maincalendar .calendar_event_other {
13373 border-color: #ced4da; }
13374 .maincalendar
.calendartable td
,
13375 .maincalendar .calendartable li {
13377 .maincalendar .calendartable li {
13378 text-align: left
; }
13379 .maincalendar .header {
13380 overflow: hidden
; }
13381 .maincalendar .header .buttons {
13383 .maincalendar .event .card-header img {
13384 vertical-align: baseline
; }
13385 .maincalendar .event .location {
13386 word-break: break-all
;
13387 overflow-wrap: break-word
; }
13388 .maincalendar table#subscription_details_table td {
13389 vertical-align: middle
; }
13390 .maincalendar table#subscription_details_table td > .btn-group button {
13393 #page-calendar-export .indent
{
13394 padding-left: 20px; }
13398 margin: 10px auto
; }
13399 .block .bottom span.footer-link:after {
13402 .block .bottom span.footer-link:last-child:after {
13405 .block .minicalendar {
13409 .block
.minicalendar th
,
13410 .block .minicalendar td {
13413 text-align: center
; }
13414 .block .minicalendar td.weekend {
13416 .block .minicalendar td a {
13421 .block .minicalendar td.duration_global {
13422 border-top: 1px solid
#d6f8cd;
13423 border-bottom: 1px solid
#d6f8cd; }
13424 .block .minicalendar td.duration_global.duration_finish {
13425 background-color: #d6f8cd; }
13426 .block .minicalendar td.duration_category {
13427 border-top: 1px solid
#e0cbe0;
13428 border-bottom: 1px solid
#e0cbe0; }
13429 .block .minicalendar td.duration_category.duration_finish {
13430 background-color: #e0cbe0; }
13431 .block .minicalendar td.duration_course {
13432 border-top: 1px solid
#ffd3bd;
13433 border-bottom: 1px solid
#ffd3bd; }
13434 .block .minicalendar td.duration_course.duration_finish {
13435 background-color: #ffd3bd; }
13436 .block .minicalendar td.duration_group {
13437 border-top: 1px solid
#fee7ae;
13438 border-bottom: 1px solid
#fee7ae; }
13439 .block .minicalendar td.duration_group.duration_finish {
13440 background-color: #fee7ae; }
13441 .block .minicalendar td.duration_user {
13442 border-top: 1px solid
#dce7ec;
13443 border-bottom: 1px solid
#dce7ec; }
13444 .block .minicalendar td.duration_user.duration_finish {
13445 background-color: #dce7ec; }
13446 .block .minicalendar td.duration_other {
13447 border-top: 1px solid
#ced4da;
13448 border-bottom: 1px solid
#ced4da; }
13449 .block .minicalendar td.duration_other.duration_finish {
13450 background-color: #ced4da; }
13451 .block .minicalendar caption {
13452 font-size: inherit
;
13453 font-weight: inherit
;
13454 line-height: inherit
;
13455 text-align: center
; }
13457 .block .calendar_filters ul {
13462 .block .calendar_filters li {
13463 margin-bottom: 0.2em; }
13464 .block .calendar_filters li span.calendar_event_category i {
13466 .block .calendar_filters li span.calendar_event_course i {
13468 .block .calendar_filters li span.calendar_event_site i {
13470 .block .calendar_filters li span.calendar_event_group i {
13472 .block .calendar_filters li span.calendar_event_user i {
13474 .block .calendar_filters li span.calendar_event_other i {
13476 .block .calendar_filters li span img {
13479 .block .calendar_filters li .icon {
13480 vertical-align: initial
;
13481 margin: 0 0.1rem 0 0.4rem; }
13482 .block .calendar_filters li > a:hover {
13483 text-decoration: none
; }
13484 .block .calendar_filters li > a:hover .eventname {
13485 text-decoration: underline
; }
13487 .block .content h3.eventskey {
13488 margin-top: 0.5em; }
13490 .path-course-view .block.block_calendar_month .maincalendar div.header {
13491 visibility: hidden
;
13494 .path-course-view .block.block_calendar_month .maincalendar .calendarwrapper .arrow_text {
13497 .path-course-view .block.block_calendar_month .footer .bottom .footer-link {
13500 .path-course-view .block.block_calendar_month .footer .bottom .footer-link:after {
13503 /* Display month name above the calendar */
13504 table
.calendartable caption
{
13505 caption-side: top
; }
13507 @media (min-width: 768px) {
13508 #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
{
13509 min-width: 1024px; } }
13511 @media (min-width: 768px) {
13512 section:not
(#region-main
) .block
.block_calendar_month
.maincalendar div
.header
{
13513 visibility: hidden
;
13515 section:not
(#region-main
) .block
.block_calendar_month
.maincalendar
.calendarwrapper
.current
{
13517 font-size: inherit
;
13518 line-height: inherit
; }
13519 section:not
(#region-main
) .block
.block_calendar_month
.maincalendar
.calendarwrapper
.previous
,
13520 section:not
(#region-main
) .block
.block_calendar_month
.maincalendar
.calendarwrapper
.next
{
13522 font-size: 0.8em; }
13523 section:not
(#region-main
) .block
.block_calendar_month
.maincalendar
.calendartable
.calendarmonth th
,
13524 section:not
(#region-main
) .block
.block_calendar_month
.maincalendar
.calendartable
.calendarmonth td
{
13526 text-align: center
!important
;
13528 section:not
(#region-main
) .block
.block_calendar_month
.maincalendar
.calendartable
.calendarmonth td
{
13530 font-size: 0.8em; }
13531 section:not
(#region-main
) .block
.block_calendar_month
.maincalendar
.calendartable
.calendarmonth td
.hasevent
[data-region
="day-content"] {
13533 section:not
(#region-main
) .block
.block_calendar_month
.maincalendar
.calendartable
.calendarmonth td
.hasevent
.day-number
{
13534 display: inline-block
;
13535 position: relative
; }
13536 section:not
(#region-main
) .block
.block_calendar_month
.maincalendar
.calendartable
.calendarmonth td
.hasevent
.day-number:before
{
13538 display: inline-block
;
13539 position: absolute
;
13542 text-align: center
;
13546 section:not
(#region-main
) .block
.block_calendar_month
.maincalendar
.calendartable
.calendarmonth
td:after
{
13549 margin-top: calc
(100% - 26px); }
13550 section:not
(#region-main
) .block
.block_calendar_month
.maincalendar
.calendartable
.calendarmonth td
.clickable:hover
{
13551 background-color: inherit
; }
13552 section:not
(#region-main
) .block
.block_calendar_month
.maincalendar
.calendartable
.calendarmonth td
.clickable:not
(.today
):hover
.day-number-circle
{
13553 border-radius: 50%;
13554 background-color: #ededed; }
13555 section:not
(#region-main
) .block
.block_calendar_month
.bottom
{
13556 border-top: 1px solid rgba
(0, 0, 0, 0.125);
13557 padding-top: 0.5rem; } }
13559 @media (max-width: 768px) {
13560 .maincalendar
.calendartable
.calendarmonth th
,
13561 .maincalendar .calendartable.calendarmonth td {
13563 text-align: center
!important
;
13565 .maincalendar .calendartable.calendarmonth td {
13567 font-size: inherit
;
13569 .maincalendar .calendartable.calendarmonth td.hasevent [data-region="day-content"] {
13571 .maincalendar .calendartable.calendarmonth td.hasevent .day-number {
13572 display: inline-block
;
13573 position: relative
; }
13574 .maincalendar .calendartable.calendarmonth td.hasevent .day-number:before {
13576 display: inline-block
;
13577 position: absolute
;
13580 text-align: center
;
13584 .maincalendar .calendartable.calendarmonth td:after {
13587 margin-top: calc
(100% - 26px); }
13588 .maincalendar .calendartable.calendarmonth td > div {
13589 height: auto
!important
; } }
13592 position: relative
; }
13594 .day-popover-content:empty + .day-popover-alternate {
13597 .location-content {
13598 overflow-wrap: break-word
; }
13600 .description-content {
13601 overflow-wrap: break-word
; }
13602 .description-content > p {
13608 .content-bank-container .cb-content-wrapper {
13615 .content-bank-container .cb-thumbnail {
13618 background-repeat: no-repeat
;
13619 background-position: center
;
13620 background-size: cover
; }
13622 .content-bank-container.view-grid {
13623 /* Display a centered eye slash on top of unlisted content icons. */ }
13624 .content-bank-container.view-grid .cb-listitem {
13625 margin-bottom: 0.5rem; }
13626 .content-bank-container.view-grid .cb-listitem.cb-unlisted {
13627 position: relative
; }
13628 @media
(max-width: 767.98px) {
13629 .content-bank-container.view-grid .cb-listitem {
13630 flex-basis: 50%; } }
13631 @media
(min-width: 576px) {
13632 .content-bank-container.view-grid .cb-listitem {
13634 min-width: 120px; } }
13635 .content-bank-container.view-grid .cb-name {
13636 text-align: center
; }
13637 .content-bank-container.view-grid .cb-file {
13639 .content-bank-container.view-grid .cb-thumbnail {
13643 margin-right: auto
;
13644 margin-bottom: 0.5rem; }
13645 .content-bank-container.view-grid .cb-unlisted .cb-thumbnail {
13647 .content-bank-container.view-grid .cb-unlisted::after {
13648 position: absolute
;
13653 font-family: FontAwesome
;
13655 text-align: center
;
13657 text-shadow: 0 0 10px #fff; }
13658 .content-bank-container
.view-grid
.cb-heading
,
13659 .content-bank-container
.view-grid
.cb-uses
,
13660 .content-bank-container
.view-grid
.cb-date
,
13661 .content-bank-container
.view-grid
.cb-size
,
13662 .content-bank-container
.view-grid
.cb-type
,
13663 .content-bank-container.view-grid .cb-author {
13666 .content-bank-container.view-list .cb-content-wrapper {
13668 flex-direction: column
;
13669 flex-wrap: nowrap
; }
13671 .content-bank-container.view-list .cb-thumbnail {
13672 margin-right: 0.5rem; }
13674 .content-bank-container
.view-list
.cb-listitem
,
13675 .content-bank-container.view-list .cb-heading {
13679 border-bottom: 1px solid
#dee2e6; }
13681 .content-bank-container.view-list .cb-column {
13683 padding: 0.25rem; }
13685 .content-bank-container.view-list .cb-column {
13686 border-right: 1px solid
#dee2e6; }
13688 .content-bank-container.view-list .cb-listitem.cb-unlisted .cb-thumbnail {
13691 .content-bank-container
.view-list
.cb-listitem
.cb-unlisted
.cb-column
,
13692 .content-bank-container.view-list .cb-listitem.cb-unlisted .cb-column a {
13695 @media (max-width: 767.98px) {
13696 .content-bank-container.view-list .cb-column {
13698 max-width: 50%; } }
13700 @media (min-width: 576px) {
13701 .content-bank-container.view-list .cb-heading {
13705 .content-bank-container.view-list .cb-file {
13708 .content-bank-container
.view-list
.cb-uses
,
13709 .content-bank-container
.view-list
.cb-date
,
13710 .content-bank-container
.view-list
.cb-size
,
13711 .content-bank-container
.view-list
.cb-type
,
13712 .content-bank-container.view-list .cb-author {
13715 .content-bank-container.view-list .cb-column.last {
13716 border-right: 0; } }
13718 .content-bank-container.view-list .cb-btnsort span {
13721 .content-bank-container.view-list .cb-btnsort .title {
13724 .content-bank-container
.view-list
.cb-btnsort
.dir-none
.default
,
13725 .content-bank-container
.view-list
.cb-btnsort
.dir-asc
.asc
,
13726 .content-bank-container.view-list .cb-btnsort.dir-desc .desc {
13729 .cb-toolbar-container .dropdown-scrollable {
13731 overflow-y: auto
; }
13733 .cb-navigation-container
.singleselect
,
13734 .cb-navigation-container .singleselect .custom-select {
13738 /* COURSE CONTENT */
13739 .section_add_menus {
13743 .section-modchooser {
13745 margin-top: 0.25rem; }
13747 .block_tree .tree_item.branch {
13748 margin-left: 8px; }
13750 .section_add_menus
.horizontal div
,
13751 .section_add_menus .horizontal form {
13754 .section_add_menus optgroup {
13755 font-weight: normal
;
13756 font-style: italic
; }
13759 .section_add_menus .urlselect {
13761 margin-left: .4em; }
13764 .section_add_menus .urlselect select {
13765 margin-left: .2em; }
13767 .sitetopic ul.section {
13770 body:not
(.editing
) .sitetopic ul
.section
{
13772 body:not
(.editing
) .sitetopic ul
.section
.label
.mod-indent-outer
{
13775 @media (min-width: 576px) {
13776 .course-content ul.section {
13780 margin-top: 0.5rem; }
13781 .section .side.left {
13783 .section .side.right {
13787 .section .spinner {
13791 .section .activity {
13793 padding: 0.25rem 0;
13794 /* The command block for each activity */ }
13795 .section .activity .spinner {
13797 position: absolute
; }
13798 .section .activity .actions {
13799 position: absolute
;
13803 .section
.activity
.contentwithoutlink
,
13804 .section .activity .activityinstance {
13806 .section
.activity
.contentwithoutlink
> a
,
13807 .section .activity .activityinstance > a {
13808 display: inline-flex
;
13809 align-items: center
; }
13810 .section
.activity
.contentwithoutlink
.dimmed
.activityicon
,
13811 .section .activity .activityinstance .dimmed .activityicon {
13813 .section .activity .stealth {
13815 .section
.activity a
.stealth
,
13816 .section .activity a.stealth:hover {
13817 color: #5babf2 !important
;
13818 /* stylelint-disable-line declaration-no-important */ }
13820 .section
.label
.contentwithoutlink
,
13821 .section .label .activityinstance {
13822 padding-right: 32px;
13826 @media (min-width: 576px) {
13827 .section .label .mod-indent-outer {
13828 padding-left: 24px;
13829 display: block
; } }
13836 display: inline-block
; }
13838 .section
.activity
.editor_displayed a
.editing_title
,
13839 .section .activity.editor_displayed .moodle-actionmenu {
13842 .section .activity.editor_displayed div.activityinstance {
13843 padding-right: initial
; }
13844 .section .activity.editor_displayed div.activityinstance input {
13845 margin-bottom: initial
;
13846 padding-top: initial
;
13847 padding-bottom: initial
;
13848 vertical-align: text-bottom
; }
13850 .section .activity .activityinstance {
13851 display: inline-flex
;
13852 align-items: center
;
13853 margin-bottom: 1rem; }
13855 .editing
.section
.activity
.contentwithoutlink
,
13856 .editing .section .activity .activityinstance {
13857 padding-right: 200px; }
13859 .editing .section .activity .editing_move {
13860 position: absolute
;
13865 .editing .section .activity .mod-indent-outer {
13867 * Add appropriate padding such that nothing overlaps the
13868 * absolute positioned move icon.
13870 padding-left: 2rem; }
13872 .editing .activity .editing_move_activity {
13873 position: absolute
;
13878 .editing .course-content .stateready .section .spinner {
13881 .editing .editinprogress {
13882 position: relative
; }
13883 .editing .editinprogress > * {
13885 .editing
.editinprogress
.corelightbox
,
13886 .editing .editinprogress .lightbox {
13888 .editing .editinprogress:after {
13889 position: absolute
;
13890 font-family: "FontAwesome";
13895 justify-content: center
;
13896 align-items: center
;
13899 left: calc
(50% - 15px);
13900 top: calc
(50% - 15px);
13901 animation: editinprogress-rotation
2s infinite linear
; }
13902 .editing .editinprogress .editinprogress:after {
13905 @keyframes editinprogress-rotation
{
13908 transform: rotate
(0deg); }
13913 transform: rotate
(359deg); } }
13915 .editing_show
+ .editing_assign
,
13916 .editing_hide + .editing_assign {
13917 margin-left: 20px; }
13919 .section .activity .commands {
13920 white-space: nowrap
;
13921 display: inline-block
; }
13923 .section .activity.modtype_label.label {
13924 font-weight: normal
; }
13925 .section .activity.modtype_label.label .contentwithoutlink {
13927 .section
.activity
.modtype_label
.label
.hasinfo
p:last-child
,
13928 .section .activity.modtype_label.label.hasinfo i:last-child {
13929 margin-bottom: 0; }
13931 .section li.activity:not(.activity-wrapper) {
13934 .section li.activity:not(.activity-wrapper).hasinfo {
13935 border-bottom: 1px solid
#dee2e6;
13937 padding-bottom: 1rem; }
13938 .section li.activity:not(.activity-wrapper).hasinfo:last-child {
13940 padding-bottom: 0; }
13942 .course-content .section.dropready.main.drop-down {
13943 border-bottom: 1px solid
#1d2125; }
13945 .course-content .section.dropready .course-section-header.dropready.drop-zone {
13946 margin-top: -2px; }
13948 .course-content .section.dropready li.activity.dropready.drop-down {
13949 border-bottom: 1px solid
#1d2125;
13950 margin-bottom: -1px; }
13952 .course-content .section.dropready li.activity.dropready.drop-up {
13953 border-top: 1px solid
#1d2125;
13954 margin-top: -1px; }
13956 .section .activity .activityinstance .groupinglabel {
13957 padding-left: 30px; }
13959 .section
.main:not
(.course-section
) .activity
.availabilityinfo
,
13960 .section.main:not(.course-section) .activity .contentafterlink {
13962 margin-left: 30px; }
13964 .section .activity .contentafterlink p {
13967 .editing
.section
.main:not
(.course-section
) .activity:hover
,
13968 .editing
.section
.main:not
(.course-section
) .activity
.action-menu-shown
,
13969 .editing .section.main:not(.course-section) .sectionname:hover {
13970 background-color: rgba
(0, 0, 0, 0.03); }
13972 .course-content .current {
13973 position: relative
; }
13975 .course-content .current::before {
13977 border-left: #0f6cbf 2px solid
;
13978 position: absolute
;
13983 .course-content .section-summary {
13984 border: 1px solid
#dee2e6;
13986 list-style: none
; }
13988 .course-content .section-summary .section-title {
13989 margin: 2px 5px 10px 5px; }
13991 .course-content .section-summary .summarytext {
13992 margin: 2px 5px 2px 5px; }
13994 .course-content .section-summary .section-summary-activities .activity-count {
13996 font-size: 0.8203125rem;
13998 white-space: nowrap
;
13999 display: inline-block
; }
14001 .course-content .section-summary .summary {
14004 .course-content .single-section {
14007 .course-content .single-section .section-navigation {
14010 margin-bottom: -0.5em; }
14012 .course-content .single-section .section-navigation .title {
14017 .course-content .single-section .section-navigation .mdl-left {
14018 font-weight: normal
;
14020 margin-right: 1em; }
14022 .course-content .single-section .section-navigation .mdl-left .larrow {
14023 margin-right: 0.1em; }
14025 .course-content .single-section .section-navigation .mdl-right {
14026 font-weight: normal
;
14028 margin-left: 1em; }
14030 .course-content .single-section .section-navigation .mdl-right .rarrow {
14031 margin-left: 0.1em; }
14033 .course-content .single-section .section-navigation .mdl-bottom {
14036 .course-content ul li.section.main:not(.course-section) {
14037 border-bottom: 1px solid
#dee2e6;
14039 .course-content ul li.section.main:not(.course-section):last-child {
14040 border-bottom: 0; }
14042 .course-content ul li
.section
.hidden:not
(.course-section
) .sectionname
> span
,
14043 .course-content ul li
.section
.hidden:not
(.course-section
) .content
> div
.summary
,
14044 .course-content ul li.section.hidden:not(.course-section) .activity .activityinstance {
14047 .course-content ul
.topics
,
14048 .course-content ul.weeks {
14051 list-style: none
; }
14052 .course-content ul
.topics li
.section
,
14053 .course-content ul.weeks li.section {
14055 padding-bottom: 1rem; }
14056 .course-content ul
.topics li
.section
.content
,
14057 .course-content ul.weeks li.section .content {
14060 @media
(min-width: 576px) {
14061 .course-content ul
.topics li
.section
.summary
,
14062 .course-content ul
.topics li
.section
.content
> .availabilityinfo
,
14063 .course-content ul
.weeks li
.section
.summary
,
14064 .course-content ul.weeks li.section .content > .availabilityinfo {
14065 margin-left: 25px; } }
14066 .course-content ul
.topics li
.section
.left
,
14067 .course-content ul
.topics li
.section
.right
,
14068 .course-content ul
.weeks li
.section
.left
,
14069 .course-content ul.weeks li.section .right {
14074 @media (max-width: 767.98px) {
14075 body:not
(.editing
) .course-content ul
.topics li
.section
.left
,
14076 body:not
(.editing
) .course-content ul
.topics li
.section
.right
,
14077 body:not
(.editing
) .course-content ul
.weeks li
.section
.left
,
14078 body:not
(.editing
) .course-content ul
.weeks li
.section
.right
{
14084 .course-content .hidden {
14087 @media (max-width: 767.98px) {
14088 .course-content li.section:not(.course-section) ul {
14089 padding-left: 0; } }
14091 .course-content li.section:not(.course-section) ul {
14092 list-style: disc
; }
14093 .course-content li.section:not(.course-section) ul ul {
14094 list-style: circle
; }
14095 .course-content li.section:not(.course-section) ul ul ul {
14096 list-style: square
; }
14098 .course-content li.section:not(.course-section) li.activity ul {
14099 list-style: disc
; }
14100 .course-content li.section:not(.course-section) li.activity ul ul {
14101 list-style: circle
; }
14102 .course-content li.section:not(.course-section) li.activity ul ul ul {
14103 list-style: square
; }
14105 .course-content li.section:not(.course-section) .right > .icon:first-child {
14106 /* Remove the spacer icon. */
14109 .path-course-view.editing #region-main > .card-block {
14110 padding-bottom: 13rem; }
14112 .jumpmenu .form-inline {
14115 .path-course-view .completionprogress {
14116 margin-left: 25px; }
14118 .path-course-view .completionprogress {
14122 position: relative
; }
14124 #page-site-index .subscribelink
{
14125 text-align: right
; }
14127 #site-news-forum h2
,
14128 #frontpage-course-list h2
,
14129 #frontpage-category-names h2
,
14130 #frontpage-category-combo h2
{
14131 margin-bottom: 9px; }
14133 .path-course-view a.reduce-sections {
14134 padding-left: 0.2em; }
14136 .path-course-view .subscribelink {
14137 text-align: right
; }
14139 .path-course-view .unread {
14140 margin-left: 30px; }
14142 .path-course-view .block.drag .header {
14145 .path-course-view .completionprogress {
14146 text-align: right
; }
14148 .path-course-view .single-section .completionprogress {
14149 margin-right: 5px; }
14151 .path-site li
.activity
> div:not
(.activity-item
),
14152 .path-course-view li.activity > div:not(.activity-item) {
14153 position: relative
;
14154 padding: 0 16px 0 0;
14155 /* to accommodate the floated completion icon with highlighting */ }
14157 .path-course-view li.activity span.autocompletion img {
14158 vertical-align: text-bottom
;
14161 .path-course-view li.activity form.togglecompletion .btn {
14164 .path-course-view li.activity form.togglecompletion img {
14166 /* The width is 0 so ensure we don't end up with a relative max-width */ }
14168 .path-course-view.editing li.activity span.autocompletion img {
14169 /* Use the same spacing as the filler. */
14170 margin-right: 0.5rem;
14171 margin-left: 0.5rem; }
14173 .path-course-view li.activity form.togglecompletion .ajaxworking {
14176 position: absolute
;
14179 background: url
([[pix:i
/ajaxloader
]]) no-repeat
; }
14181 li
.section
.hidden span
.commands a
.editing_hide
,
14182 li
.section
.hidden span
.commands a
.editing_show
{
14185 .single-section h3.sectionname {
14186 text-align: center
;
14189 input
.titleeditor
{
14191 vertical-align: text-bottom
; }
14193 span
.editinstructions
{
14195 position: absolute
;
14197 position: relative;
14202 font-size: 0.8203125rem;
14203 padding: .1em .4em;
14204 text-decoration: none
;
14206 border: 0 solid transparent
;
14208 background-color: #cce6ea;
14209 border-color: #b8dce2; }
14210 span
.editinstructions hr
{
14211 border-top-color: #a6d3db; }
14212 span
.editinstructions
.alert-link
{
14215 /* Course drag and drop upload styles */
14216 #dndupload-status {
14222 text-align: center
;
14224 border: 0 solid transparent
;
14226 background-color: #cce6ea;
14227 border-color: #b8dce2; }
14228 #dndupload-status hr
{
14229 border-top-color: #a6d3db; }
14230 #dndupload-status .alert-link
{
14233 .dndupload-preview {
14235 border: 1px dashed
#909090;
14240 .dndupload-hidden {
14243 /* COURSES LISTINGS AND COURSE SUMMARY */
14244 #page-course-pending .singlebutton
,
14245 #page-course-index .singlebutton
,
14246 #page-course-index-category .singlebutton
,
14247 #page-course-editsection .singlebutton
{
14248 text-align: center
; }
14250 #page-admin-course-manage #movecourses td img
{
14252 vertical-align: text-bottom
; }
14256 text-align: left
; }
14258 #page-course-pending .pendingcourserequests
{
14259 margin-bottom: 1em; }
14261 #page-course-pending .pendingcourserequests
.singlebutton
{
14264 #page-course-pending .pendingcourserequests
.cell
{
14267 #page-course-pending .pendingcourserequests
.cell
.c6
{
14268 white-space: nowrap
; }
14272 flex-direction: column
; }
14275 align-items: center
; }
14277 #frontpage-available-course-list,
14278 #frontpage-course-list,
14279 .course-search-result {
14280 margin-top: 0.5rem; }
14281 #frontpage-available-course-list .coursebox
,
14282 #frontpage-course-list .coursebox
,
14283 .course-search-result .coursebox {
14285 border: 1px solid
#dee2e6;
14286 margin-bottom: 0.5rem;
14287 border-radius: 0.25rem; }
14289 .subcategories
.coursebox
> .info
> .coursename a
,
14290 #frontpage-category-names .coursebox
> .info
> .coursename a
,
14291 #frontpage-category-combo .coursebox
> .info
> .coursename a
{
14293 background-image: url
([[pix:moodle|i
/course
]]);
14294 background-repeat: no-repeat
;
14295 padding-left: 21px;
14296 background-position: left
0.2em; }
14298 .coursebox > .info > .coursename {
14299 font-size: 0.9375rem;
14300 font-weight: normal
;
14304 .coursebox .content .teachers li {
14305 list-style-type: none
;
14309 .coursebox
.customfieldname
,
14310 .coursebox .customfieldseparator {
14311 font-weight: 700; }
14313 .coursebox .content .courseimage img {
14315 max-height: 100px; }
14317 .coursebox
.content
.coursecat
,
14318 .coursebox
.content
.summary
,
14319 .coursebox
.content
.courseimage
,
14320 .coursebox
.content
.coursefile
,
14321 .coursebox
.content
.teachers
,
14322 .coursebox
.remotecoursebox
.remotecourseinfo
,
14323 .coursebox .content .customfields-container {
14324 margin: 15px 5px 5px;
14327 .category-browse
.coursebox
.content
.coursecat
,
14328 .category-browse
.coursebox
.content
.summary
,
14329 .category-browse
.coursebox
.content
.courseimage
,
14330 .category-browse
.coursebox
.content
.coursefile
,
14331 .category-browse
.coursebox
.content
.teachers
,
14332 .category-browse
.coursebox
.remotecoursebox
.remotecourseinfo
,
14333 .category-browse .coursebox .content .customfields-container {
14336 .coursebox.collapsed > .content {
14339 .courses > .paging.paging-morelink {
14340 text-align: center
;
14343 .course_category_tree .category .numberofcourse {
14344 font-size: 0.8203125rem; }
14346 .course_category_tree .category > .info > .categoryname {
14348 font-size: 0.9375rem;
14349 font-weight: normal
;
14350 padding: 2px 18px; }
14353 .course_category_tree .category > .info > .categoryname {
14354 background-image:url([[pix:moodle|t/collapsed_empty_rtl]]);
14357 .course_category_tree .category.with_children > .info > .categoryname {
14358 background-image: url
([[pix:moodle|t
/expanded
]]);
14359 background-repeat: no-repeat
;
14360 background-position: center left
; }
14362 .course_category_tree .category.with_children.collapsed > .info > .categoryname {
14363 background-image: url
([[pix:moodle|t
/collapsed
]]); }
14366 .course_category_tree .category.with_children.collapsed > .info > .categoryname {
14367 background-image:url([[pix:moodle|t/collapsed_rtl]]);
14370 .course_category_tree .category.collapsed > .content {
14373 .course_category_tree .category > .content {
14374 padding-left: 16px; }
14376 #page-course-index-category .categorypicker
{
14377 margin: 10px 0 20px; }
14380 * Course management page
14383 * Background (reg) #F5F5F5
14384 * Background (light #fafafa
14385 * Background (highlight) #ddffaa
14388 #course-category-listings {
14390 /** Two column layout */
14391 /** Three column layout */ }
14392 #course-category-listings.columns-2
> #course-listing
> div
{
14393 position: relative
;
14395 #course-category-listings.columns-3
> #course-listing
> div
{
14397 #course-category-listings > div
> div
{
14398 min-height: 300px; }
14399 #course-category-listings > div
> div
> ul
.ml
> li:first-child
> div
{
14401 #course-category-listings h3
{
14403 padding: 0.4rem 0.6rem 0.3rem; }
14404 #course-category-listings h4
{
14406 padding: 0.6rem 1rem 0.5rem; }
14407 #course-category-listings .moodle-actionmenu
{
14408 white-space: nowrap
; }
14409 #course-category-listings .listing-actions
{
14410 text-align: center
; }
14411 #course-category-listings .listing-actions
> .moodle-actionmenu
{
14412 display: inline-block
; }
14413 #course-category-listings ul
.ml
{
14416 #course-category-listings ul
.ml ul
.ml
{
14418 #course-category-listings .listitem
[data-selected
='1'] {
14419 border-left: calc
(1px + 5px) solid
#0f6cbf;
14420 padding-left: calc
(1.25rem - 5px); }
14421 #course-category-listings .item-actions
{
14423 display: inline-block
; }
14424 #course-category-listings .item-actions
.show
.menu img
{
14427 #course-category-listings .item-actions
.menu-action-text
{
14428 vertical-align: inherit
; }
14429 #course-category-listings .listitem
> div
> .float-left
{
14431 #course-category-listings .listitem
> div
> .float-right
{
14433 text-align: right
; }
14434 #course-category-listings .listitem
> div
.item-actions
.action-show
{
14436 #course-category-listings .listitem
> div
.item-actions
.action-hide
{
14438 #course-category-listings .listitem
> div
.without-actions
{
14440 #course-category-listings .listitem
> div
.idnumber
{
14441 margin-right: 2em; }
14442 #course-category-listings .listitem
[data-visible
="0"] {
14444 #course-category-listings .listitem
[data-visible
="0"] > div
> a
{
14446 #course-category-listings .listitem
[data-visible
="0"] > div
.item-actions
.action-show
{
14448 #course-category-listings .listitem
[data-visible
="0"] > div
.item-actions
.action-hide
{
14450 #course-category-listings .listitem
.highlight
{
14451 background-color: #fff; }
14452 #course-category-listings .listitem
.highlight
> div
,
14453 #course-category-listings .listitem
.highlight
> div:hover
,
14454 #course-category-listings .listitem
.highlight
[data-selected
='1'] > div
{
14455 background-color: rgba
(0, 0, 0, 0.075); }
14456 #course-category-listings #course-listing
.listitem
.categoryname
{
14457 display: inline-block
;
14460 #course-category-listings #course-listing
.listitem
.coursename
{
14461 display: inline-block
; }
14462 #course-category-listings #course-listing
> .firstpage
.listitem:first-child
> div
.item-actions
.action-moveup
,
14463 #course-category-listings #course-listing
> .lastpage
.listitem:last-child
> div
.item-actions
.action-movedown
{
14465 #course-category-listings #course-listing
.bulk-action-checkbox
{
14466 margin: -2px 6px 0 0; }
14467 #course-category-listings #category-listing
.listitem
.collapsed
> ul
.ml
{
14469 #course-category-listings #category-listing
.listitem:first-child
> div
.item-actions
.action-moveup
,
14470 #course-category-listings #category-listing
.listitem:last-child
> div
.item-actions
.action-movedown
{
14472 #course-category-listings #category-listing
.course-count
{
14474 margin-right: 2rem;
14476 display: inline-block
; }
14477 #course-category-listings #category-listing
.bulk-action-checkbox
{
14478 margin-right: -3px; }
14479 #course-category-listings #category-listing
.category-listing
> ul
> .listitem:first-child
{
14480 position: relative
; }
14481 #course-category-listings #category-listing
.category-bulk-actions
{
14482 margin: 0 0.5em 0.5em;
14483 position: relative
; }
14484 #course-category-listings .detail-pair
> * {
14485 display: inline-block
; }
14486 #course-category-listings .detail-pair
.pair-key
{
14488 vertical-align: top
; }
14489 #course-category-listings .detail-pair
.pair-key span
{
14490 margin-right: 1rem;
14492 #course-category-listings .detail-pair
.pair-value select
{
14494 #course-category-listings .bulk-actions
.detail-pair
> * {
14497 #course-category-listings .listing-pagination
{
14498 text-align: center
; }
14499 #course-category-listings .listing-pagination
.yui3-button
{
14501 background-color: #008196;
14502 border-color: #008196;
14504 margin: 0.4rem 0.2rem 0.45rem;
14505 font-size: 10.4px; }
14506 #course-category-listings .listing-pagination
.yui3-button:hover
{
14508 background-color: #006070;
14509 border-color: #005563; }
14510 #course-category-listings .listing-pagination
.yui3-button:focus
, #course-category-listings
.listing-pagination
.yui3-button
.focus
{
14512 background-color: #006070;
14513 border-color: #005563;
14514 box-shadow: 0 0 0 0.2rem rgba
(38, 148, 166, 0.5); }
14515 #course-category-listings .listing-pagination
.yui3-button
.disabled
, #course-category-listings
.listing-pagination
.yui3-button:disabled
{
14517 background-color: #008196;
14518 border-color: #008196; }
14519 #course-category-listings .listing-pagination
.yui3-button:not
(:disabled
):not
(.disabled
):active
, #course-category-listings
.listing-pagination
.yui3-button:not
(:disabled
):not
(.disabled
).active
,
14520 .show > #course-category-listings .listing-pagination .yui3-button.dropdown-toggle {
14522 background-color: #005563;
14523 border-color: #004a56; }
14524 #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
,
14525 .show > #course-category-listings .listing-pagination .yui3-button.dropdown-toggle:focus {
14526 box-shadow: 0 0 0 0.2rem rgba
(38, 148, 166, 0.5); }
14527 #course-category-listings .listing-pagination
.yui3-button
.active-page
{
14529 background-color: #0f6cbf;
14530 border-color: #0f6cbf; }
14531 #course-category-listings .listing-pagination
.yui3-button
.active-page:hover
{
14533 background-color: #0c589c;
14534 border-color: #0b5190; }
14535 #course-category-listings .listing-pagination
.yui3-button
.active-page:focus
, #course-category-listings
.listing-pagination
.yui3-button
.active-page
.focus
{
14537 background-color: #0c589c;
14538 border-color: #0b5190;
14539 box-shadow: 0 0 0 0.2rem rgba
(51, 130, 201, 0.5); }
14540 #course-category-listings .listing-pagination
.yui3-button
.active-page
.disabled
, #course-category-listings
.listing-pagination
.yui3-button
.active-page:disabled
{
14542 background-color: #0f6cbf;
14543 border-color: #0f6cbf; }
14544 #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
,
14545 .show > #course-category-listings .listing-pagination .yui3-button.active-page.dropdown-toggle {
14547 background-color: #0b5190;
14548 border-color: #0a4b84; }
14549 #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
,
14550 .show > #course-category-listings .listing-pagination .yui3-button.active-page.dropdown-toggle:focus {
14551 box-shadow: 0 0 0 0.2rem rgba
(51, 130, 201, 0.5); }
14552 #course-category-listings .listing-pagination-totals
{
14553 text-align: center
; }
14554 #course-category-listings .listing-pagination-totals
.dimmed
{
14556 margin: 0.4rem 1rem 0.45rem; }
14557 #course-category-listings .select-a-category
.notifymessage
,
14558 #course-category-listings .select-a-category
.alert
{
14561 #course-category-listings #course-listing
.listitem
.drag-handle
{
14564 .jsenabled #course-category-listings #course-listing .listitem .drag-handle {
14565 display: inline-block
;
14569 /** Management header styling **/
14570 .coursecat-management-header {
14571 vertical-align: middle
; }
14572 .coursecat-management-header h2 {
14573 display: inline-block
;
14574 text-align: left
; }
14575 .coursecat-management-header > div {
14576 display: inline-block
;
14578 .coursecat-management-header > div > div {
14579 margin: 10px 0 10px 1em;
14580 display: inline-block
; }
14581 .coursecat-management-header select {
14584 padding: 0.4em 0.5em 0.45em 1em;
14585 vertical-align: baseline
;
14586 white-space: nowrap
; }
14587 .coursecat-management-header .view-mode-selector .moodle-actionmenu {
14588 white-space: nowrap
;
14589 display: inline-block
; }
14590 .coursecat-management-header .view-mode-selector .moodle-actionmenu[data-enhanced].show .menu a {
14591 padding-left: 1em; }
14593 .course-being-dragged-proxy {
14596 vertical-align: middle
;
14597 padding: 0 0 0 4em; }
14599 .course-being-dragged {
14604 * Large displays 1200 +
14605 * Default displays 980 1199
14607 * Small tablets and large phones 481 767
14610 @media (min-width: 1200px) and
(max-width: 1600px) {
14611 #course-category-listings.columns-3
{
14612 background-color: #fff;
14614 #course-category-listings.columns-3 #category-listing
,
14615 #course-category-listings.columns-3 #course-listing
{
14617 #course-category-listings.columns-3 #category-listing
> div
,
14618 #course-category-listings.columns-3 #course-listing
> div
,
14619 #course-category-listings.columns-3 #course-detail
> div
{
14620 background-color: #fff; }
14621 #course-category-listings.columns-3 #course-detail
{
14623 margin-top: 1em; } }
14625 @media (max-width: 1199px) {
14626 #course-category-listings.columns-2
,
14627 #course-category-listings.columns-3
{
14629 #course-category-listings.columns-2 #category-listing
,
14630 #course-category-listings.columns-2 #course-listing
,
14631 #course-category-listings.columns-2 #course-detail
,
14632 #course-category-listings.columns-3 #category-listing
,
14633 #course-category-listings.columns-3 #course-listing
,
14634 #course-category-listings.columns-3 #course-detail
{
14636 margin: 0 0 1em; } }
14638 .page-settings-menu .menubar > a > .icon {
14643 .activity-navigation .row {
14644 align-items: center
; }
14646 .activity-navigation #prev-activity-link
,
14647 .activity-navigation #next-activity-link {
14648 white-space: pre-wrap
; }
14650 .automatic-completion-conditions .badge {
14655 border-radius: 0.25rem;
14657 background-color: #f5f9fc;
14658 border-color: #3584c9;
14663 border-top-color: #3077b5; }
14664 .activity-add
.alert-link
,
14665 .block-add .alert-link {
14667 .activity-add
.pluscontainer
,
14668 .block-add .pluscontainer {
14669 border: 1px solid
#3584c9; }
14670 .activity-add:hover
,
14673 background-color: #cfe2f2; }
14674 .activity-add:hover
.activity-add-text
,
14675 .block-add:hover .activity-add-text {
14676 text-decoration: underline
; }
14678 #changenumsections {
14679 border-top: 1px solid
#3584c9; }
14681 .section-collapsemenu .collapseall {
14684 .section-collapsemenu .expandall {
14687 .section-collapsemenu.collapsed .collapseall {
14690 .section-collapsemenu.collapsed .expandall {
14696 border-bottom: 1px solid
#dee2e6; }
14697 .course-section:last-child {
14698 border-bottom: 0; }
14699 .course-section .sectionbadges .badge {
14700 margin-left: 0.5rem; }
14701 .course-section .course-section-header.draggable {
14703 .course-section .section_action_menu .dropdown-toggle::after {
14705 .course-section .inplaceeditable {
14707 align-items: center
; }
14708 .course-section.section-summary {
14709 padding-left: 1rem;
14710 padding-right: 1rem;
14711 margin-bottom: 0.5rem;
14712 margin-top: 0.5rem;
14713 border-radius: 0.25rem; }
14714 .course-section .section-summary-activities .activity-count {
14716 font-size: 0.8203125rem;
14718 white-space: nowrap
;
14719 display: inline-block
; }
14721 .description .course-description-item {
14722 background-color: #f8f9fa;
14723 padding-left: 1rem;
14724 padding-right: 1rem; }
14725 .description .course-description-item .description-inner {
14726 padding-bottom: 0.5rem;
14727 padding-top: 0.5rem;
14728 border-bottom: 1px solid
#dee2e6; }
14729 .description .course-description-item .description-inner p:last-child {
14731 margin-bottom: 0; }
14732 .description .course-description-item:first-child {
14735 border-top-left-radius: 0.25rem;
14736 border-top-right-radius: 0.25rem; }
14737 .description .course-description-item:first-child .description-inner {
14739 .description .course-description-item:last-child {
14740 padding-bottom: 1rem;
14741 border-bottom-left-radius: 0.25rem;
14742 border-bottom-right-radius: 0.25rem; }
14743 .description .course-description-item:last-child .description-inner {
14745 border-bottom: 0; }
14748 position: relative
;
14749 border-radius: 0.25rem; }
14750 .activity-item:not(.activityinline) {
14751 border: 1px solid
#dee2e6;
14753 .activity-item.activityinline {
14755 .activity-item.hiddenactivity {
14756 background-color: #f8f9fa; }
14757 .activity-item
.hiddenactivity
.description
.course-description-item
,
14758 .activity-item
.hiddenactivity
.activityiconcontainer
,
14759 .activity-item.hiddenactivity .badge {
14760 mix-blend-mode: multiply
; }
14761 .activity-item .activity-actions .actions {
14762 position: relative
; }
14763 .activity-item .activity-actions .dropdown-toggle::after {
14765 .activity-item .inplaceeditable {
14769 .activity-item
.inplaceeditable
.quickeditlink
,
14770 .activity-item .afterlink {
14771 margin: 1.5rem 0 0.2rem 0.5rem; }
14772 .activity-item .action-menu-item {
14774 align-items: center
; }
14775 .activity-item .action-menu-item .filler {
14777 .activity-item .no-overflow {
14779 @media
(max-width: 767.98px) {
14780 .activity-item .badge {
14781 white-space: normal
;
14782 text-align: left
; } }
14783 @media
(min-width: 768px) {
14784 .activity-item .automatic-completion-conditions {
14786 flex-direction: column
;
14787 align-items: flex-end
; }
14788 .activity-item:not(.activityinline) {
14790 .activity-item
.activity-info
,
14791 .activity-item .activity-actions {
14793 padding-left: 0.5rem;
14796 flex-direction: column
;
14797 justify-content: center
; } }
14799 .editing .activity-item {
14801 .editing .activity-item .a {
14803 .editing .activity-item:hover {
14805 background-color: #f5f9fc;
14806 border-color: #3584c9; }
14807 .editing .activity-item:hover hr {
14808 border-top-color: #3077b5; }
14809 .editing .activity-item:hover .alert-link {
14811 .editing
.activity-item:hover
.description
.course-description-item
,
14812 .editing
.activity-item:hover
.activityiconcontainer
,
14813 .editing .activity-item:hover .badge {
14814 mix-blend-mode: multiply
; }
14816 .section .draggable .activity-item .dragicon {
14819 .automatic-completion-conditions .badge {
14822 margin-top: 0.25rem; }
14823 .automatic-completion-conditions .badge .icon {
14826 font-size: 0.7rem; }
14827 .automatic-completion-conditions .badge:first-child {
14830 /* Anchor link offset fix. This makes hash links scroll 60px down to account for the fixed header. */
14832 scroll-margin-top: 60px; }
14834 .pagelayout-embedded :target {
14835 padding-top: initial
;
14836 margin-top: initial
; }
14838 #nav-drawer.closed
{
14841 #nav-drawer[aria-hidden
=true
] .list-group-item
{
14844 /* Use a variable for the drawer background colors. */
14845 [data-region
="drawer"] {
14849 height: calc
(100% - 50px);
14851 -webkit-overflow-scrolling: touch
;
14853 background-color: #f2f2f2;
14854 transition: right
0.5s ease
, left
0.5s ease
; }
14855 @media
(prefers-reduced-motion: reduce
) {
14856 [data-region
="drawer"] {
14857 transition: none
; } }
14859 @media (min-width: 576px) {
14860 [data-region
="drawer"] {
14861 padding: 20px 20px; }
14862 .jsenabled .btn-footer-popover {
14863 transition: left
0.2s ease
, right
0.2s ease
, top
0.2s ease
, bottom
0.2s ease
; } }
14864 @media
(min-width: 576px) and
(prefers-reduced-motion: reduce
) {
14865 .jsenabled .btn-footer-popover {
14866 transition: none
; } }
14871 /* Override the z-indexes defined in bootstrap/_list-group.scss that
14872 lead to side effects on the user tours positioning. */ }
14873 #nav-drawer .list-group-item-action
.active
,
14874 #nav-drawer .list-group-item
.active
{
14875 z-index: inherit
; }
14876 #nav-drawer .list-group-item-action
.active
+ .list-group-item
,
14877 #nav-drawer .list-group-item
.active
+ .list-group-item
{
14878 border-top: none
; }
14879 #nav-drawer .list-group ul
{
14883 #nav-drawer .list-group li
{
14884 margin-bottom: -1px; }
14885 #nav-drawer .list-group
li:last-child
{
14886 margin-bottom: 0; }
14889 margin-top: 50px; }
14891 .pagelayout-embedded #page {
14895 transition: margin-left
0.5s ease
, margin-right
0.5s ease
; }
14896 @media
(prefers-reduced-motion: reduce
) {
14898 transition: none
; } }
14900 @media (min-width: 768px) {
14901 body:not
(.uses-drawers
).drawer-open-left
{
14902 margin-left: 285px; } }
14904 @media (min-width: 768px) {
14905 body
.drawer-open-left #page
.drawers
{
14906 margin-left: 285px;
14907 padding-left: 1rem; } }
14909 @media (min-width: 768px) {
14910 body
.drawer-open-right
{
14911 margin-right: 315px; } }
14913 [data-region
=right-hand-drawer
] {
14915 flex-direction: column
;
14916 transition: right
0.2s ease-in-out
; }
14917 @media
(prefers-reduced-motion: reduce
) {
14918 [data-region
=right-hand-drawer
] {
14919 transition: none
; } }
14920 [data-region
=right-hand-drawer
].drawer
{
14925 height: calc
(100% - 50px);
14927 box-shadow: -2px 2px 4px rgba
(0, 0, 0, 0.25);
14929 visibility: visible
;
14931 [data-region
=right-hand-drawer
].hidden
{
14934 visibility: hidden
;
14936 transition: right
0.2s ease-in-out
, visibility
0s ease-in-out
0.2s, opacity
0s ease-in-out
0.2s; }
14937 @media
(prefers-reduced-motion: reduce
) {
14938 [data-region
=right-hand-drawer
].hidden
{
14939 transition: none
; } }
14941 @media (max-width: 767.98px) {
14942 [data-region
=right-hand-drawer
].drawer
{
14946 body
.drawer-open-left
,
14947 body
.drawer-open-right
{
14948 overflow: hidden
; } }
14950 .dir-rtl [data-region=right-hand-drawer] {
14951 box-shadow: 2px 2px 4px rgba
(0, 0, 0, 0.25); }
14954 transition: left
0.2s ease
, right
0.2s ease
, top
0.2s ease
, bottom
0.2s ease
;
14955 background-color: #f8f9fa;
14960 @media
(prefers-reduced-motion: reduce
) {
14962 transition: none
; } }
14963 .drawer.not-initialized {
14965 .drawer.drawer-right {
14968 right: calc
(-315px + -10px); }
14969 .drawer.drawer-right.show {
14971 .drawer.drawer-right .drawertoggle {
14973 margin-right: 5px; }
14974 .drawer.drawer-left {
14977 left: calc
(-285px + -10px); }
14978 .drawer.drawer-left.show {
14980 .drawer.drawer-left .drawertoggle {
14981 margin-right: auto
;
14982 margin-left: 5px; }
14983 .drawer.drawer-bottom {
14985 .drawer.drawer-bottom.show {
14988 @media (min-width: 992px) {
14990 z-index: inherit
; }
14991 .drawer.not-initialized {
14992 display: block
; } }
15002 align-items: center
; }
15004 .drawer.scrolled .drawerheader {
15005 box-shadow: 0 8px 11px -7px rgba
(0, 0, 0, 0.25); }
15007 @media (max-width: 991.98px) {
15010 transition: left
0.2s ease
, right
0.2s ease
, top
0.2s ease
, bottom
0.2s ease
;
15011 background-color: #f8f9fa;
15016 @media
(max-width: 991.98px) and
(prefers-reduced-motion: reduce
) {
15018 transition: none
; } }
15020 @media (max-width: 991.98px) {
15021 .drawer-md.not-initialized {
15023 .drawer-md.drawer-right {
15026 right: calc
(-315px + -10px); }
15027 .drawer-md.drawer-right.show {
15029 .drawer-md.drawer-right .drawertoggle {
15031 margin-right: 5px; }
15032 .drawer-md.drawer-left {
15035 left: calc
(-285px + -10px); }
15036 .drawer-md.drawer-left.show {
15038 .drawer-md.drawer-left .drawertoggle {
15039 margin-right: auto
;
15040 margin-left: 5px; }
15041 .drawer-md.drawer-bottom {
15043 .drawer-md.drawer-bottom.show {
15046 @media (max-width: 767.98px) {
15049 transition: left
0.2s ease
, right
0.2s ease
, top
0.2s ease
, bottom
0.2s ease
;
15050 background-color: #f8f9fa;
15055 @media
(max-width: 767.98px) and
(prefers-reduced-motion: reduce
) {
15057 transition: none
; } }
15059 @media (max-width: 767.98px) {
15060 .drawer-sm.not-initialized {
15062 .drawer-sm.drawer-right {
15065 right: calc
(-315px + -10px); }
15066 .drawer-sm.drawer-right.show {
15068 .drawer-sm.drawer-right .drawertoggle {
15070 margin-right: 5px; }
15071 .drawer-sm.drawer-left {
15074 left: calc
(-285px + -10px); }
15075 .drawer-sm.drawer-left.show {
15077 .drawer-sm.drawer-left .drawertoggle {
15078 margin-right: auto
;
15079 margin-left: 5px; }
15080 .drawer-sm.drawer-bottom {
15082 .drawer-sm.drawer-bottom.show {
15086 position: relative
;
15088 height: calc
(100% - 50px);
15090 flex-direction: column
;
15094 scrollbar-width: thin
;
15095 scrollbar-color: #6a737b #f8f9fa; }
15096 .drawercontent .dropdown-menu .dropdown-item {
15098 white-space: normal
; }
15099 .drawercontent::-webkit-scrollbar {
15101 .drawercontent::-webkit-scrollbar-track {
15102 background: #f8f9fa; }
15103 .drawercontent::-webkit-scrollbar-thumb {
15104 background-color: #6a737b;
15105 border-radius: 20px;
15106 border: 3px solid
#f8f9fa; }
15107 .drawercontent::-webkit-scrollbar-thumb:hover {
15108 background-color: #495057; }
15110 .fp-content-center {
15113 display: table-cell
;
15114 vertical-align: middle
; }
15116 .fp-content-hidden {
15117 visibility: hidden
; }
15119 .yui3-panel-focused {
15124 padding: 3px 20px 2px 20px;
15125 text-align: center
;
15127 border-radius: 10px;
15128 display: inline-block
; }
15130 .filepicker .yui3-widget-content-expanded {
15133 /* The javascript is adding a style="height: 0px;" to this element - we need to set the min-height so the height is ignored. */
15134 .filepicker .moodle-dialogue-bd {
15135 min-height: 520px; }
15137 .file-picker .fp-navbar {
15142 border-color: #8f959e;
15144 border-bottom-left-radius: 0;
15145 border-bottom-right-radius: 0; }
15147 .file-picker .fp-content {
15154 .filepicker.moodle-dialogue-fullscreen .file-picker .fp-content {
15157 .file-picker .fp-content-loading {
15161 text-align: center
; }
15163 .file-picker .fp-content .fp-object-container {
15167 .file-picker .fp-def-search {
15170 .file-picker .fp-list {
15171 list-style-type: none
;
15177 .file-picker .fp-list .fp-repo a {
15179 padding: .5em .7em; }
15181 .file-picker .fp-list .fp-repo.active {
15182 background: #f2f2f2; }
15184 .file-picker .fp-list .fp-repo-icon {
15185 padding: 0 7px 0 5px;
15192 .fp-toolbar.empty {
15195 .fp-toolbar .disabled {
15201 margin-right: 4px; }
15204 vertical-align: -15%;
15205 margin-right: 5px; }
15207 .fp-viewbar:not(.disabled) a.checked {
15208 background-color: #b1bbc4;
15210 border-color: #aab4bf; }
15212 .fp-viewbar.disabled a {
15213 pointer-events: none
;
15216 .file-picker .fp-clear-left {
15219 .fp-pathbar.empty {
15222 .fp-pathbar .fp-path-folder {
15223 background: url
("[[pix:theme|fp/path_folder]]") left
3px no-repeat
;
15224 background-size: 12px 12px;
15226 margin-left: 12px; }
15229 .fp-pathbar .fp-path-folder {
15230 background-image: url('[[pix:theme|fp/path_folder_rtl]]');
15233 .fp-pathbar .fp-path-folder-name {
15234 margin-left: 24px; }
15236 .fp-iconview .fp-file {
15238 text-align: center
;
15239 position: relative
;
15240 margin: 10px 10px 35px; }
15242 .fp-iconview .fp-thumbnail {
15245 line-height: 110px;
15246 text-align: center
;
15247 border: 1px solid
#fff;
15250 .fp-iconview .fp-thumbnail img {
15251 border: 1px solid
#ddd;
15253 vertical-align: middle
; }
15255 .fp-iconview .fp-thumbnail:hover {
15257 border: 1px solid
#ddd; }
15259 .fp-iconview .fp-filename-field {
15262 word-wrap: break-word
;
15264 position: absolute
; }
15266 .fp-iconview
.fp-file:focus
.fp-filename-field
,
15267 .fp-iconview .fp-file:hover .fp-filename-field {
15271 .fp-iconview
.fp-file:focus
.fp-filename
,
15272 .fp-iconview .fp-file:hover .fp-filename {
15274 white-space: normal
;
15275 text-overflow: inherit
; }
15277 .fp-iconview .fp-filename-field .fp-filename {
15280 padding-bottom: 12px;
15281 min-width: 112px; }
15283 .file-picker .yui3-datatable table {
15284 border: 0 solid
#bbb;
15287 .file-picker
.ygtvtn
,
15288 .filemanager .ygtvtn {
15290 background: url
("[[pix:moodle|y/tn]]") 0 0 no-repeat
;
15292 background: url('[[pix:moodle|y/tn_rtl]]') 0 0 no-repeat;
15297 .file-picker
.ygtvtm
,
15298 .filemanager .ygtvtm {
15299 background: url
("[[pix:moodle|y/tm]]") 0 10px no-repeat
;
15301 background-position: 2px 10px;
15307 .file-picker
.ygtvtmh
,
15308 .filemanager .ygtvtmh {
15309 background: url
("[[pix:moodle|y/tm]]") 0 10px no-repeat
;
15311 background-position: 2px 10px;
15317 .file-picker
.ygtvtp
,
15318 .filemanager .ygtvtp {
15320 background: url
("[[pix:moodle|y/tp]]") 0 10px no-repeat
;
15322 background: url('[[pix:moodle|y/tp_rtl]]') 2px 10px no-repeat;
15328 .file-picker
.ygtvtph
,
15329 .filemanager .ygtvtph {
15331 background: url
("[[pix:moodle|y/tp]]") 0 10px no-repeat
;
15333 background: url('[[pix:moodle|y/tp_rtl]]') 2px 10px no-repeat;
15339 .file-picker
.ygtvln
,
15340 .filemanager .ygtvln {
15342 background: url
("[[pix:moodle|y/ln]]") 0 0 no-repeat
;
15344 background: url('[[pix:moodle|y/ln_rtl]]') 0 0 no-repeat;
15349 .file-picker
.ygtvlm
,
15350 .filemanager .ygtvlm {
15351 background: url
("[[pix:moodle|y/lm]]") 0 10px no-repeat
;
15353 background-position: 2px 10px;
15359 .file-picker
.ygtvlmh
,
15360 .filemanager .ygtvlmh {
15361 background: url
("[[pix:moodle|y/lm]]") 0 10px no-repeat
;
15363 background-position: 2px 10px;
15369 .file-picker
.ygtvlp
,
15370 .filemanager .ygtvlp {
15372 background: url
("[[pix:moodle|y/lp]]") 0 10px no-repeat
;
15374 background: url('[[pix:moodle|y/lp_rtl]]') 2px 10px no-repeat;
15380 .file-picker
.ygtvlph
,
15381 .filemanager .ygtvlph {
15383 background: url
("[[pix:moodle|y/lp]]") 0 10px no-repeat
;
15385 background: url('[[pix:moodle|y/lp_rtl]]') 2px 10px no-repeat;
15391 .file-picker
.ygtvloading
,
15392 .filemanager .ygtvloading {
15393 background: transparent url
("[[pix:moodle|y/loading]]") 0 0 no-repeat
;
15397 .file-picker
.ygtvdepthcell
,
15398 .filemanager .ygtvdepthcell {
15399 background: url
("[[pix:moodle|y/vline]]") 0 0 no-repeat
;
15401 background-position: 0 0;
15406 .file-picker
.ygtvblankdepthcell
,
15407 .filemanager .ygtvblankdepthcell {
15411 a
.ygtvspacer:hover
{
15412 color: transparent
;
15413 text-decoration: none
; }
15417 .ygtvlabel:visited
,
15419 background-color: transparent
;
15422 text-decoration: none
; }
15424 .file-picker
.ygtvfocus
,
15425 .filemanager .ygtvfocus {
15426 background-color: #eee; }
15428 .fp-filename-icon {
15431 position: relative
; }
15438 margin-right: 10px;
15439 text-align: center
;
15440 line-height: 24px; }
15445 vertical-align: middle
; }
15448 padding-right: 10px; }
15450 .file-picker .fp-login-form {
15455 .file-picker .fp-upload-form {
15460 .file-picker .fp-upload-form table {
15463 .file-picker.fp-dlg {
15464 text-align: center
; }
15466 .file-picker.fp-dlg .fp-dlg-buttons {
15469 .file-picker.fp-msg {
15470 text-align: center
; }
15472 .file-picker .fp-content-error {
15476 text-align: center
; }
15478 .file-picker .fp-nextpage {
15481 .file-picker .fp-nextpage .fp-nextpage-loading {
15484 .file-picker .fp-nextpage.loading .fp-nextpage-link {
15487 .file-picker .fp-nextpage.loading .fp-nextpage-loading {
15489 text-align: center
;
15491 padding-top: 50px; }
15493 .fp-select .fp-select-loading {
15494 text-align: center
;
15495 margin-top: 20px; }
15498 padding: 0 0 10px; }
15500 .fp-select table .mdl-right {
15503 .fp-select .fp-reflist .mdl-right {
15504 vertical-align: top
; }
15506 .fp-select .fp-select-buttons {
15509 .fp-select .fp-info {
15510 font-size: 0.703125rem; }
15512 .fp-select .fp-thumbnail {
15516 line-height: 110px;
15517 text-align: center
;
15518 margin: 10px 20px 0 0;
15520 border: 1px solid
#ddd; }
15522 .fp-select .fp-thumbnail img {
15523 border: 1px solid
#ddd;
15525 vertical-align: middle
;
15528 .fp-select .fp-fileinfo {
15529 display: inline-block
;
15530 margin-top: 10px; }
15532 .file-picker.fp-select .fp-fileinfo {
15533 max-width: 240px; }
15535 .fp-select .fp-fileinfo div {
15536 padding-bottom: 5px; }
15538 .file-picker.fp-select .uneditable {
15541 .file-picker.fp-select .fp-select-loading {
15544 .file-picker.fp-select.loading .fp-select-loading {
15547 .file-picker.fp-select.loading form {
15550 .fp-select .fp-dimensions.fp-unknown {
15553 .fp-select .fp-size.fp-unknown {
15556 .filemanager-loading {
15559 .jsenabled .filemanager-loading {
15561 margin-top: 100px; }
15563 .filemanager
.fm-loading
.filemanager-toolbar
,
15564 .filemanager
.fm-loading
.fp-pathbar
,
15565 .filemanager
.fm-loading
.filemanager-container
,
15566 .filemanager
.fm-loaded
.filemanager-loading
,
15567 .filemanager
.fm-maxfiles
.fp-btn-add
,
15568 .filemanager
.fm-maxfiles
.dndupload-message
,
15569 .filemanager
.fm-noitems
.fp-btn-download
,
15570 .filemanager
.fm-noitems
.fp-btn-delete
,
15571 .filemanager
.fm-empty-container
,
15572 .filemanager.fm-noitems .filemanager-container .fp-content {
15575 .filemanager .fp-img-downloading {
15577 padding-top: 7px; }
15579 .filemanager .filemanager-updating {
15581 text-align: center
; }
15583 .filemanager.fm-updating .filemanager-updating {
15585 margin-top: 37px; }
15587 .filemanager
.fm-updating
.fm-content-wrapper
,
15588 .filemanager
.fm-nomkdir
.fp-btn-mkdir
,
15589 .fitem
.disabled
.filemanager
.filemanager-toolbar
,
15590 .fitem
.disabled
.filemanager
.fp-pathbar
,
15591 .fitem
.disabled
.filemanager
.fp-restrictions
,
15592 .fitem.disabled .filemanager .fm-content-wrapper {
15595 .filemanager .fp-restrictions {
15596 text-align: right
; }
15598 .filemanager-toolbar {
15600 overflow: hidden
; }
15602 .filemanager .fp-pathbar.empty {
15605 .filepicker-filelist
,
15606 .filemanager-container {
15608 border: 1px solid
#8f959e;
15609 border-radius: 0.25rem; }
15611 .filemanager .fp-content {
15614 min-height: 157px; }
15616 .filemanager-container
,
15617 .filepicker-filelist {
15619 border-top-left-radius: 0;
15620 border-top-right-radius: 0; }
15622 .file-picker .yui3-datatable-header {
15626 background: initial
; }
15628 .fitem
.disabled
.filepicker-filelist
,
15629 .fitem.disabled .filemanager-container {
15630 background-color: #ebebe4; }
15632 .fitem.disabled .fp-btn-choose {
15635 .fitem.disabled .filepicker-filelist .filepicker-filename {
15638 .fp-iconview .fp-reficons1 {
15639 position: absolute
;
15645 .fp-iconview .fp-reficons2 {
15646 position: absolute
;
15652 .fp-iconview .fp-file.fp-hasreferences .fp-reficons1 {
15653 background: url
("[[pix:theme|fp/link]]") no-repeat
;
15655 transform: scaleX(-1);
15658 background-position: bottom right
;
15659 background-size: 16px 16px; }
15661 .fp-iconview .fp-file.fp-isreference .fp-reficons2 {
15662 background: url
("[[pix:theme|fp/alias]]") no-repeat
;
15664 transform: scaleX(-1);
15667 background-position: bottom left
;
15668 background-size: 16px 16px; }
15670 .filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail img {
15673 .filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail {
15674 background: url
([[pix:s
/dead
]]) no-repeat
;
15675 background-position: center center
; }
15677 .filemanager .yui3-datatable table {
15678 border: 0 solid
#bbb;
15681 /* Override YUI default styling */
15682 /* stylelint-disable declaration-no-important */
15683 .filemanager .yui3-datatable-header {
15687 background: #fff !important
;
15688 border-bottom: 1px solid
#ccc !important
;
15689 border-left: 0 solid
#fff !important
;
15690 color: #555 !important
; }
15692 .filemanager .yui3-datatable-odd .yui3-datatable-cell {
15693 background-color: #f6f6f6 !important
;
15694 border-left: 0 solid
#f6f6f6; }
15696 .filemanager .yui3-datatable-even .yui3-datatable-cell {
15697 background-color: #fff !important
;
15698 border-left: 0 solid
#fff; }
15700 /* stylelint-enable */
15701 .filemanager .fp-filename-icon.fp-hasreferences .fp-reficons1 {
15702 background: url
("[[pix:theme|fp/link_sm]]") no-repeat
0 0;
15706 transform: scaleX(-1);
15708 position: absolute
;
15711 background-size: 16px 16px; }
15713 .filemanager .fp-filename-icon.fp-isreference .fp-reficons2 {
15714 background: url
("[[pix:theme|fp/alias_sm]]") no-repeat
0 0;
15718 transform: scaleX(-1);
15720 position: absolute
;
15723 background-size: 16px 16px; }
15725 .filemanager .fp-contextmenu {
15728 .filemanager .fp-iconview .fp-folder.fp-hascontextmenu .fp-contextmenu {
15729 position: absolute
;
15733 align-items: center
;
15734 justify-content: center
; }
15736 .filemanager
.fp-treeview
.fp-folder
.fp-hascontextmenu
.fp-contextmenu
,
15737 .filemanager .fp-tableview .fp-folder.fp-hascontextmenu .fp-contextmenu {
15739 position: absolute
;
15741 margin-right: -20px;
15744 .filepicker-filelist
.filepicker-container
,
15745 .filemanager.fm-noitems .fm-empty-container {
15747 position: absolute
;
15752 border: 2px dashed
#bbb;
15754 text-align: center
; }
15756 .filepicker-filelist
.dndupload-target
,
15757 .filemanager-container .dndupload-target {
15759 position: absolute
;
15764 border: 2px dashed
#fb7979;
15766 text-align: center
; }
15768 .filepicker-filelist
.dndupload-over
.dndupload-target
,
15769 .filemanager-container.dndupload-over .dndupload-target {
15771 position: absolute
;
15776 border: 2px dashed
#6c8cd3;
15778 text-align: center
; }
15780 .dndupload-message {
15783 .dndsupported .dndupload-message {
15786 .dnduploadnotsupported-message {
15789 .dndnotsupported .dnduploadnotsupported-message {
15792 .dndupload-target {
15795 .dndsupported .dndupload-ready .dndupload-target {
15798 .dndupload-uploadinprogress {
15800 text-align: center
; }
15802 .dndupload-uploading .dndupload-uploadinprogress {
15806 background: url
([[pix:theme|fp
/dnd_arrow
]]) center no-repeat
;
15809 position: absolute
;
15812 .fitem
.disabled
.filepicker-container
,
15813 .fitem.disabled .fm-empty-container {
15816 .dndupload-progressbars {
15820 .dndupload-inprogress .dndupload-progressbars {
15823 .dndupload-inprogress .fp-content {
15826 .filemanager.fm-noitems .dndupload-inprogress .fm-empty-container {
15829 .filepicker-filelist.dndupload-inprogress .filepicker-container {
15832 .filepicker-filelist.dndupload-inprogress a {
15835 .filemanager.fp-select .fp-select-loading {
15838 .filemanager.fp-select.loading .fp-select-loading {
15841 .filemanager.fp-select.loading form {
15844 .filemanager
.fp-select
.fp-folder
.fp-license
,
15845 .filemanager
.fp-select
.fp-folder
.fp-author
,
15846 .filemanager
.fp-select
.fp-file
.fp-file-unzip
,
15847 .filemanager
.fp-select
.fp-folder
.fp-file-unzip
,
15848 .filemanager
.fp-select
.fp-file
.fp-file-zip
,
15849 .filemanager.fp-select.fp-zip .fp-file-zip {
15852 .filemanager
.fp-select
.fp-file-setmain
,
15853 .filemanager.fp-select .fp-file-setmain-help {
15856 .filemanager
.fp-select
.fp-cansetmain
.fp-file-setmain
,
15857 .filemanager.fp-select.fp-cansetmain .fp-file-setmain-help {
15858 display: inline-block
; }
15860 .filemanager .fp-mainfile .fp-filename {
15861 font-weight: bold
; }
15863 .filemanager.fp-select.fp-folder .fp-file-download {
15867 font-weight: bold
; }
15869 .filemanager
.fp-select
.fp-original
.fp-unknown
,
15870 .filemanager.fp-select .fp-original .fp-originloading {
15873 .filemanager.fp-select .fp-original.fp-loading .fp-originloading {
15876 .filemanager
.fp-select
.fp-reflist
.fp-unknown
,
15877 .filemanager.fp-select .fp-reflist .fp-reflistloading {
15880 .filemanager.fp-select .fp-reflist.fp-loading .fp-reflistloading {
15883 .filemanager.fp-select .fp-reflist .fp-value {
15884 background: #f9f9f9;
15885 border: 1px solid
#bbb;
15891 .filemanager.fp-select .fp-reflist .fp-value li {
15892 padding-bottom: 7px; }
15894 .filemanager.fp-mkdir-dlg {
15895 text-align: center
; }
15897 .filemanager.fp-mkdir-dlg .fp-mkdir-dlg-text {
15901 .filemanager.fp-dlg {
15902 text-align: center
; }
15904 .file-picker div.bd {
15905 text-align: left
; }
15909 .fp-formset input[type="file"] {
15910 line-height: inherit
; }
15915 .fp-fileinfo .fp-value {
15916 display: inline-block
;
15917 padding-left: 5px; }
15919 /** The message area **/
15923 .preferences-container .container-fluid, .preferences-container .container-sm, .preferences-container .container-md, .preferences-container .container-lg, .preferences-container .container-xl {
15925 .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 {
15926 min-height: 20px; }
15928 .preferences-container .align-bottom {
15929 vertical-align: bottom
; }
15931 .preferences-container .preference-table {
15932 border: 1px solid
#ddd; }
15933 .preferences-container .preference-table thead th {
15934 text-align: center
; }
15935 .preferences-container .preference-table thead th .config-warning {
15937 .preferences-container .preference-table thead th.unconfigured .config-warning {
15938 display: inline-block
; }
15939 .preferences-container .preference-table tr th {
15940 border-left: 1px solid
#dee2e6; }
15941 .preferences-container .preference-table tr td:not(:first-child) {
15943 text-align: center
; }
15944 .preferences-container .preference-table tr td:nth-child(even) {
15945 border: 1px solid
#dee2e6; }
15946 .preferences-container .preference-table .preference-row .hover-tooltip-container {
15947 display: inline-block
; }
15948 .preferences-container .preference-table .preference-row .preference-name {
15949 vertical-align: middle
; }
15950 .preferences-container .preference-table .preference-row .disabled-message {
15951 text-align: center
;
15953 line-height: 30px; }
15954 .preferences-container .preference-table .preference-row.loading .preference-name .loading-icon {
15957 .disabled-message {
15960 .disabled .disabled-message {
15962 .disabled .disabled-message + form {
15965 .general-settings-container .loading-icon {
15968 .general-settings-container .loading .loading-icon {
15969 display: inline-block
; }
15971 .general-settings-container label {
15972 display: inline-block
; }
15974 .processor-container {
15975 position: relative
; }
15976 .processor-container .loading-container {
15978 position: absolute
;
15981 text-align: center
;
15982 background-color: rgba
(255, 255, 255, 0.5); }
15983 .processor-container .loading-container .vertical-align {
15986 display: inline-block
;
15987 vertical-align: middle
; }
15988 .processor-container.loading .loading-container {
15991 .preferences-page-container .checkbox-container {
15993 line-height: 20px; }
15994 .preferences-page-container .checkbox-container input {
15997 .preferences-page-container .checkbox-container .loading-icon {
15999 .preferences-page-container .checkbox-container.loading .loading-icon {
16000 display: inline-block
; }
16002 .notification-area {
16004 box-sizing: border-box
;
16005 border-radius: 4px;
16006 margin-bottom: 30px;
16007 border: 1px solid
#e3e3e3; }
16008 @media
(max-height: 670px) {
16009 .notification-area {
16011 .notification-area .control-area {
16012 box-sizing: border-box
;
16013 display: inline-block
;
16017 -webkit-overflow-scrolling: touch
;
16018 border-right: 1px solid
#e3e3e3; }
16019 .notification-area .control-area .content {
16020 position: relative
; }
16021 .notification-area .control-area .content .content-item-container {
16023 .notification-area .control-area .content:empty + .empty-text {
16025 .notification-area .control-area .loading-icon {
16027 .notification-area .control-area .empty-text {
16029 text-align: center
;
16030 padding-top: 20px; }
16031 .notification-area .control-area.loading .loading-icon {
16033 text-align: center
;
16034 box-sizing: border-box
;
16036 .notification-area .control-area.loading .content:empty + .empty-text {
16038 .notification-area .content-area {
16039 box-sizing: border-box
;
16040 display: inline-block
;
16041 width: calc
(100% - 300px);
16043 .notification-area .content-area .toggle-mode {
16045 .notification-area .content-area .header {
16047 box-sizing: border-box
;
16048 border-bottom: 1px solid
#e3e3e3;
16050 .notification-area .content-area .header .image-container {
16051 display: inline-block
;
16055 .notification-area .content-area .header .subject-container {
16056 display: inline-block
;
16057 max-width: calc
(100% - 24px);
16058 white-space: nowrap
;
16060 text-overflow: ellipsis
;
16063 box-sizing: border-box
; }
16064 .notification-area .content-area .header .timestamp {
16069 margin-left: 30px; }
16070 .notification-area .content-area .header:empty {
16072 .notification-area .content-area > .content {
16074 box-sizing: border-box
;
16076 -webkit-overflow-scrolling: touch
;
16078 @media
(max-height: 670px) {
16079 .notification-area .content-area > .content {
16081 .notification-area .content-area > .content:empty {
16083 .notification-area .content-area > .content:empty + .empty-text {
16085 text-align: center
;
16086 padding-top: 100px; }
16087 .notification-area .content-area .empty-text {
16089 .notification-area .content-area .footer {
16091 box-sizing: border-box
;
16092 text-align: center
; }
16093 .notification-area .content-area .footer a {
16094 line-height: 50px; }
16095 .notification-area .content-area .footer:empty {
16098 @media (max-width: 979px) {
16099 .notification-area {
16100 position: relative
;
16101 overflow: hidden
; }
16102 .notification-area .control-area {
16103 border-right: none
;
16105 position: absolute
;
16109 visibility: visible
;
16110 transition: left
0.25s; }
16111 .notification-area .content-area {
16113 position: absolute
;
16117 visibility: hidden
;
16118 transition: right
0.25s, opacity
0.25s, visibility
0.25s; }
16119 .notification-area .content-area .toggle-mode {
16120 display: inline-block
;
16125 box-sizing: border-box
;
16126 border-right: 1px solid
#e3e3e3;
16127 border-bottom: 1px solid
#e3e3e3; }
16128 .notification-area .content-area .header {
16129 display: inline-block
;
16130 width: calc
(100% - 70px); }
16131 .notification-area.show-content-area .control-area {
16134 visibility: hidden
;
16135 transition: left
0.25s, opacity
0.25s, visibility
0.25s; }
16136 .notification-area.show-content-area .content-area {
16139 visibility: visible
;
16140 transition: right
0.25s; } }
16142 .drawer .message-app {
16144 .drawer .message-app .icon-back-in-app {
16146 .drawer .message-app .icon-back-in-drawer {
16147 display: inherit
; }
16151 flex-direction: column
;
16152 background-color: #eff1f3; }
16153 .message-app .icon-back-in-drawer {
16155 .message-app.main {
16156 min-height: 400px; }
16157 .message-app .header-container {
16159 .message-app .overflow-y {
16160 overflow-y: auto
; }
16161 @media
(max-height: 320px) {
16162 .message-app .header-container [data-region="view-overview"]:not(.hidden) {
16164 align-items: center
; }
16165 .message-app .footer-container [data-region="view-overview"] {
16167 .message-app .overflow-y {
16168 overflow-y: unset
; } }
16169 .message-app .body-container {
16171 overflow: hidden
; }
16172 .message-app .body-container > * {
16173 position: absolute
;
16179 .message-app .footer-container {
16181 .message-app .footer-container textarea {
16183 .message-app .contact-status {
16184 position: absolute
;
16189 border-radius: 50%; }
16190 .message-app .contact-status.online {
16191 border: 1px solid
#fff;
16192 background-color: #357a32; }
16193 .message-app .message p {
16195 .message-app .clickable {
16197 .message-app .clickable:hover {
16198 filter: drop-shadow
(2px 2px 2px rgba
(0, 0, 0, 0.3)); }
16200 .message-app .btn-link {
16202 .message-app .btn-link:hover, .message-app .btn-link:focus {
16203 background-color: rgba
(0, 0, 0, 0.035);
16204 text-decoration: none
; }
16205 .message-app .icon {
16207 .message-app .overview-section-toggle .collapsed-icon-container {
16209 .message-app .overview-section-toggle .expanded-icon-container {
16210 display: inline-block
; }
16211 .message-app .overview-section-toggle.collapsed .collapsed-icon-container {
16212 display: inline-block
; }
16213 .message-app .overview-section-toggle.collapsed .expanded-icon-container {
16215 .message-app .btn.btn-link.btn-icon {
16219 border-radius: 50%;
16221 .message-app .btn.btn-link.btn-icon:hover, .message-app .btn.btn-link.btn-icon:focus {
16222 background-color: #e9ecef; }
16223 .message-app .btn.btn-link.btn-icon.icon-size-0 {
16224 height: 20px !important
;
16225 /* stylelint-disable-line declaration-no-important */
16226 width: 20px !important
;
16227 /* stylelint-disable-line declaration-no-important */ }
16228 .message-app .btn.btn-link.btn-icon.icon-size-1 {
16229 height: 24px !important
;
16230 /* stylelint-disable-line declaration-no-important */
16231 width: 24px !important
;
16232 /* stylelint-disable-line declaration-no-important */ }
16233 .message-app .btn.btn-link.btn-icon.icon-size-2 {
16234 height: 28px !important
;
16235 /* stylelint-disable-line declaration-no-important */
16236 width: 28px !important
;
16237 /* stylelint-disable-line declaration-no-important */ }
16238 .message-app .btn.btn-link.btn-icon.icon-size-3 {
16239 height: 36px !important
;
16240 /* stylelint-disable-line declaration-no-important */
16241 width: 36px !important
;
16242 /* stylelint-disable-line declaration-no-important */ }
16243 .message-app .btn.btn-link.btn-icon.icon-size-4 {
16244 height: 44px !important
;
16245 /* stylelint-disable-line declaration-no-important */
16246 width: 44px !important
;
16247 /* stylelint-disable-line declaration-no-important */ }
16248 .message-app .btn.btn-link.btn-icon.icon-size-5 {
16249 height: 52px !important
;
16250 /* stylelint-disable-line declaration-no-important */
16251 width: 52px !important
;
16252 /* stylelint-disable-line declaration-no-important */ }
16253 .message-app .btn.btn-link.btn-icon.icon-size-6 {
16254 height: 60px !important
;
16255 /* stylelint-disable-line declaration-no-important */
16256 width: 60px !important
;
16257 /* stylelint-disable-line declaration-no-important */ }
16258 .message-app .btn.btn-link.btn-icon.icon-size-7 {
16259 height: 68px !important
;
16260 /* stylelint-disable-line declaration-no-important */
16261 width: 68px !important
;
16262 /* stylelint-disable-line declaration-no-important */ }
16263 .message-app .view-overview-body .section {
16265 .message-app .view-overview-body .section.expanded {
16267 .message-app .view-overview-body .section div[data-region="toggle"] {
16269 .message-app .view-conversation .content-message-container img {
16271 .message-app .list-group {
16272 border-radius: 0; }
16273 .message-app .list-group .list-group-item {
16276 .message-app .list-group .list-group-item:hover {
16278 background-color: #0f6cbf; }
16279 .message-app .list-group .list-group-item:hover .badge-primary {
16280 background-color: #fff;
16282 .message-app .list-group .list-group-item:first-child {
16284 .message-app .list-group .list-group-item:last-child {
16285 border-bottom: 0; }
16286 .message-app .list-group .list-group-item.list-group-item-action {
16289 text-align: inherit
; }
16290 .message-app .last-message {
16291 min-height: 1.5rem; }
16292 .message-app .section .collapsing {
16293 overflow: hidden
; }
16294 .message-app .message.send {
16295 background-color: #dee2e6;
16297 .message-app .message.send .time {
16299 .message-app .message.send .tail {
16301 margin-right: -0.5rem;
16302 border-bottom-color: #dee2e6; }
16303 .message-app .message.received {
16304 background-color: #fff;
16306 .message-app .message.received .time {
16308 .message-app .message.received .tail {
16310 margin-left: -0.5rem;
16311 border-bottom-color: #fff; }
16312 .message-app .message .tail {
16317 border: 0.5rem solid transparent
;
16318 position: relative
; }
16319 .message-app .day {
16321 .message-app .lazy-load-list {
16322 overflow-y: auto
; }
16324 #page-message-index #page-header
{
16327 #page-message-index #region-main
{
16330 #page-message-index #region-main
.conversationcontainer
.section
{
16331 max-height: calc
(100vh - 50px); }
16332 #page-message-index #region-main div
[role
="main"] {
16334 #page-message-index #region-main div
[role
="main"] #maincontent
{
16335 margin-top: -1px; }
16336 #page-message-index #region-main div
[role
="main"] .message-app
.main
{
16339 .dir-rtl .message-drawer {
16340 box-shadow: 2px 2px 4px rgba
(0, 0, 0, 0.08); }
16342 .message-app .emoji-picker-container {
16343 position: absolute
;
16346 transform: translateY
(-100%); }
16347 .message-app .emoji-picker-container .emoji-picker .picker-row .emoji-button {
16350 @media
(max-width: 575.98px) {
16351 .message-app .emoji-picker-container {
16352 right: -0.5rem; } }
16354 @media (max-height: 495px) {
16355 .message-app .emoji-picker-container {
16358 transform: none
; } }
16360 .message-app .emoji-auto-complete-container {
16363 transition: max-height
.15s ease-in-out
;
16364 visibility: visible
; }
16365 .message-app .emoji-auto-complete-container.hidden {
16368 visibility: hidden
;
16370 transition: max-height
.15s ease-in-out
, visibility
0s linear
.15s, overflow
0s linear
.15s; }
16376 .questioncategories h3 {
16383 margin: 0 0 0.3em; }
16385 #chooseqtype .instruction
{
16388 #chooseqtype .fakeqtypes
{
16389 border-top: 1px solid silver
; }
16391 #chooseqtype .qtypeoption
{
16392 margin-bottom: 0.5em; }
16394 #chooseqtype label
{
16397 #chooseqtype .qtypename img
{
16398 padding: 0 0.3em; }
16400 #chooseqtype .qtypename
{
16401 display: inline-table
;
16404 #chooseqtype .qtypesummary
{
16408 #chooseqtype .submitbuttons
{
16410 text-align: center
; }
16412 #qtypechoicecontainer {
16415 #qtypechoicecontainer_c.yui-panel-container
.shadow
.underlay
{
16416 background: none
; }
16418 #qtypechoicecontainer.yui-panel
.hd
{
16420 letter-spacing: 1px;
16421 text-shadow: 1px 1px 1px #fff;
16422 border-top-left-radius: 10px;
16423 border-top-right-radius: 10px;
16424 border: 1px solid
#ccc;
16425 border-bottom: 1px solid
#bbb;
16426 background-image: linear-gradient
(to bottom
, #fff 0%, #ccc 100%);
16427 background-repeat: repeat-x
; }
16429 #qtypechoicecontainer {
16432 background: #f2f2f2;
16433 border-radius: 10px;
16434 border: 1px solid
#ccc;
16435 border-top: 0 none
; }
16437 #qtypechoicecontainer #chooseqtype
{
16440 #chooseqtypehead h3
{
16442 font-weight: normal
; }
16444 #chooseqtype .qtypes
{
16445 position: relative
;
16446 border-bottom: 1px solid
#bbb;
16447 padding: 0.24em 0; }
16449 #chooseqtype .alloptions
{
16450 overflow-x: hidden
;
16452 max-height: calc
(100vh - 15em);
16455 #chooseqtype .qtypeoption
{
16457 padding: 0.3em 0.3em 0.3em 1.6em; }
16459 #chooseqtype .qtypeoption img
{
16460 vertical-align: text-bottom
;
16462 padding-right: 0.5em; }
16464 #chooseqtype .selected
{
16465 background-color: #fff; }
16467 #chooseqtype .instruction
,
16468 #chooseqtype .qtypesummary
{
16470 position: absolute
;
16476 overflow-x: hidden
;
16478 padding: 1.5em 1.6em;
16479 background-color: #fff; }
16481 #chooseqtype .instruction
,
16482 #chooseqtype .selected
.qtypesummary
{
16485 #categoryquestions {
16487 #categoryquestions td
,
16488 #categoryquestions th
{
16489 padding: 0 0.2em; }
16490 #categoryquestions th
{
16492 font-weight: normal
; }
16493 #categoryquestions > tbody
> tr
.r1
{
16494 background-color: rgba
(0, 0, 0, 0.03); }
16495 #categoryquestions > tbody
> tr
.highlight
{
16496 border: 1px solid
#008196; }
16497 #categoryquestions .checkbox
{
16498 padding-left: 5px; }
16499 #categoryquestions .checkbox input
[type
="checkbox"] {
16502 #categoryquestions .iconcol
{
16504 box-sizing: content-box
; }
16505 #categoryquestions .iconcol
.icon
{
16509 #categoryquestions label
{
16512 #categoryquestions .header
{
16513 text-align: left
; }
16515 #page-mod-quiz-edit div
.questionbankwindow div
.header
{
16518 #page-mod-quiz-edit div
.questionbankwindow
.block
{
16521 .questionbank .singleselect {
16524 /* Question editing form */
16525 #combinedfeedbackhdr div
.fhtmleditor
{
16528 #combinedfeedbackhdr div
.fcheckbox
{
16529 margin-bottom: 1em; }
16531 #multitriesheader div
.fitem_feditor
{
16534 #multitriesheader div
.fitem_fgroup
{
16535 margin-bottom: 1em; }
16537 #multitriesheader div
.fitem_fgroup fieldset
.felement label
{
16538 margin-left: 0.3em;
16539 margin-right: 0.3em; }
16541 body
.path-question-type
{
16542 /* Hacks to display the labels within a form group. */ }
16543 body
.path-question-type
.form-group
.col-form-label
.sr-only:not
(legend
):not
([for
="id_category"]) {
16548 margin: 0 0.5rem 0 0;
16557 margin: 0 auto
1.8em auto
; }
16563 margin-bottom: 1.8em;
16564 background-color: #f8f9fa;
16565 border: 1px solid
#cad0d7;
16566 border-radius: 2px; }
16575 font-weight: bold
; }
16579 margin-top: 0.7em; }
16581 .que .info .questionflag.editable {
16584 .que
.info
.editquestion img
,
16585 .que
.info
.questionflag img
,
16586 .que .info .questionflag input {
16587 vertical-align: bottom
; }
16590 margin: 0 0 0 8.5em; }
16595 position: relative
;
16596 padding: 0.75rem 1.25rem;
16597 margin-bottom: 1rem;
16598 border: 0 solid transparent
;
16599 border-radius: 0.25rem; }
16604 background-color: #fcefdc;
16605 border-color: #fbe8cd;
16606 /* stylelint-disable-line max-line-length */ }
16609 border-top-color: #f9ddb5; }
16610 .que
.outcome
.alert-link
,
16611 .que .comment .alert-link {
16617 .que .formulation {
16619 background-color: #e7f3f5;
16620 border-color: #b8dce2;
16621 /* stylelint-disable-line max-line-length */ }
16622 .que .formulation hr {
16623 border-top-color: #a6d3db; }
16624 .que .formulation .alert-link {
16627 .que
.multichoice
.answer div
.r0
.icon
.fa-check
,
16628 .que
.multichoice
.answer div
.r1
.icon
.fa-check
,
16629 .que
.multichoice
.answer div
.r0
.icon
.fa-remove
,
16630 .que.multichoice .answer div.r1 .icon.fa-remove {
16633 .formulation input
[type
="text"],
16634 .formulation select {
16636 vertical-align: baseline
; }
16638 .que.multianswer .formulation .yui3-widget-positioned {
16639 box-sizing: content-box
; }
16640 .que.multianswer .formulation .yui3-widget-positioned .feedbackspan {
16642 max-width: inherit
; }
16644 .path-mod-quiz input[size] {
16650 background-color: #d7e4d6;
16651 border-color: #c6dac6;
16652 /* stylelint-disable-line max-line-length */ }
16654 border-top-color: #b7d0b7; }
16655 .que .comment .alert-link {
16659 margin: 0.7em 0 0.3em 0; }
16661 .que .im-controls {
16663 text-align: left
; }
16665 .que
.specificfeedback
,
16666 .que
.generalfeedback
,
16667 .que
.numpartscorrect
.que
.rightanswer
,
16671 margin: 0 0 0.5em; }
16673 .que .correctness.correct {
16675 background-color: #357a32; }
16676 a
.que
.correctness
.correct:hover
, a
.que
.correctness
.correct:focus
{
16678 background-color: #255623; }
16679 a
.que
.correctness
.correct:focus
, a
.que
.correctness
.correct
.focus
{
16681 box-shadow: 0 0 0 0.2rem rgba
(53, 122, 50, 0.5); }
16683 .que .correctness.partiallycorrect {
16685 background-color: #f0ad4e; }
16686 a
.que
.correctness
.partiallycorrect:hover
, a
.que
.correctness
.partiallycorrect:focus
{
16688 background-color: #ec971f; }
16689 a
.que
.correctness
.partiallycorrect:focus
, a
.que
.correctness
.partiallycorrect
.focus
{
16691 box-shadow: 0 0 0 0.2rem rgba
(240, 173, 78, 0.5); }
16693 .que .correctness.notanswered, .que .correctness.incorrect {
16695 background-color: #ca3120; }
16696 a
.que
.correctness
.notanswered:hover
, a
.que
.correctness
.notanswered:focus
, .que
.correctness
.incorrect:hover
, .que
.correctness
.incorrect:focus
{
16698 background-color: #9e2619; }
16699 a
.que
.correctness
.notanswered:focus
, a
.que
.correctness
.notanswered
.focus
, .que
.correctness
.incorrect:focus
, .que
.correctness
.incorrect
.focus
{
16701 box-shadow: 0 0 0 0.2rem rgba
(202, 49, 32, 0.5); }
16704 margin-bottom: 1.5em; }
16706 .que .validationerror {
16713 margin-top: 0.5em; }
16719 .que .history table {
16723 .que .history .current {
16724 font-weight: bold
; }
16726 .que .questioncorrectnessicon {
16727 vertical-align: text-bottom
; }
16729 body
.jsenabled
.questionflag input
[type
=checkbox
] {
16732 .que .questionflagimage {
16733 padding-right: 3px;
16739 border-bottom: 1px solid
#555; }
16741 .mform .que.comment .fitemtitle {
16744 #page-question-preview #techinfo
{
16747 #page-question-preview .collapsibleregion
.collapsibleregioncaption
,
16748 #page-question-preview .collapsibleregion
.collapsibleregionextracontent
{
16749 display: inline-block
; }
16751 #page-mod-quiz-edit ul
.slots
.activityinstance
> a
{
16754 align-items: center
;
16758 #page-mod-quiz-edit ul
.slots
.activityinstance img
.activityicon
{
16762 padding-right: 4px; }
16764 #page-mod-quiz-edit .activity img
.activityicon
{
16765 vertical-align: text-top
; }
16767 #page-mod-quiz-edit .box
.generalbox
.questionbank
{
16770 #page-mod-quiz-edit .questionbank
.categorypagingbarcontainer
,
16771 #page-mod-quiz-edit .questionbank
.categoryquestionscontainer
,
16772 #page-mod-quiz-edit .questionbank
.choosecategory
{
16775 #page-mod-quiz-edit .questionbank
.choosecategory select
{
16778 #page-mod-quiz-edit div
.questionbank
.categoryquestionscontainer
{
16779 background: transparent
; }
16781 #page-mod-quiz-edit .questionbankwindow div
.header
{
16784 border-top-left-radius: 4px;
16785 border-top-right-radius: 4px;
16786 margin: 0 -10px 0 -10px;
16787 padding: 2px 10px 2px 10px;
16788 background: transparent
;
16789 /* Old browsers */ }
16791 #page-mod-quiz-edit .questionbankwindow div
.header
a:link
,
16792 #page-mod-quiz-edit .questionbankwindow div
.header
a:visited
{
16795 #page-mod-quiz-edit .questionbankwindow div
.header
a:hover
{
16798 #page-mod-quiz-edit .createnewquestion
{
16799 padding: 0.3em 0; }
16800 #page-mod-quiz-edit .createnewquestion div
,
16801 #page-mod-quiz-edit .createnewquestion input
{
16804 #page-mod-quiz-edit .questionbankwindow div
.header
.title
{
16807 #page-mod-quiz-edit div
.container div
.generalbox
{
16808 background-color: transparent
;
16811 #page-mod-quiz-edit .categoryinfo
{
16812 background-color: transparent
;
16813 border-bottom: none
; }
16815 #page-mod-quiz-edit .createnewquestion
.singlebutton input
{
16816 margin-bottom: 0; }
16818 #page-mod-quiz-edit div
.questionbank
.categorysortopotionscontainer
,
16819 #page-mod-quiz-edit div
.questionbank
.categoryselectallcontainer
{
16820 padding: 0 0 1.5em 0; }
16822 #page-mod-quiz-edit div
.questionbank
.categorypagingbarcontainer
{
16823 background-color: transparent
;
16826 border-bottom: 0; }
16827 #page-mod-quiz-edit div
.questionbank
.categorypagingbarcontainer
.paging
{
16828 padding: 0 0.3em; }
16830 #page-mod-quiz-edit div
.question div
.content div
.questioncontrols
{
16831 background-color: #fff; }
16833 #page-mod-quiz-edit div
.question div
.content div
.points
{
16834 margin-top: -0.5em;
16837 background-color: #fff;
16841 margin-right: 60px; }
16843 #page-mod-quiz-edit div
.question div
.content div
.points br
{
16846 #page-mod-quiz-edit div
.question div
.content div
.points label
{
16847 display: inline-block
; }
16849 #page-mod-quiz-edit div
.quizpage
.pagecontent
.pagestatus
{
16850 background-color: #fff; }
16852 #page-mod-quiz-edit .quizpagedelete
,
16853 #page-mod-quiz-edit .quizpagedelete img
{
16854 background-color: transparent
; }
16856 #page-mod-quiz-edit div
.quizpage
.pagecontent
{
16857 border: 1px solid
#ddd;
16858 border-radius: 2px;
16859 overflow: hidden
; }
16861 #page-mod-quiz-edit div
.questionbank
.categoryinfo
{
16862 padding: 0.3em 0; }
16864 .questionbankwindow .module {
16867 .questionbankwindow .form-autocomplete-selection {
16870 #page-mod-quiz-edit div
.editq div
.question div
.content
{
16871 background-color: #fff;
16872 border: 1px solid
#ddd;
16873 border-radius: 2px;
16874 overflow: hidden
; }
16876 #page-mod-quiz-edit ul
.slots
.activityinstance img
.activityicon
{
16878 padding-right: 4px; }
16880 .path-mod-quiz .statedetails {
16882 font-size: 0.9em; }
16887 .que.shortanswer .answer {
16893 .que .content .answer div[data-region="answer-label"] .mediaplugin {
16896 body
.path-question-type
.mform fieldset
.hidden
{
16898 margin: 0.7em 0 0; }
16901 .que.ddwtos .drop {
16902 box-sizing: content-box
; }
16904 .tag-condition-container {
16905 position: relative
; }
16907 @media (max-width: 767.98px) {
16915 .userprofile .fullprofilelink {
16916 text-align: center
;
16919 .userprofile .page-context-header {
16920 margin-bottom: 10px;
16923 .userprofile .description {
16925 margin-bottom: 30px; }
16927 .userprofile .profile_tree {
16930 #participantsform .no-overflow
{
16931 overflow: visible
; }
16933 .userprofile dl.list > dd + dt {
16940 text-align: center
;
16944 #page-user-profile .node_category ul
,
16945 .path-user .node_category ul {
16950 #page-user-profile .node_category li
,
16951 .path-user .node_category li {
16954 #page-user-profile .node_category
.editprofile
,
16955 #page-user-profile .node_category
.viewmore
,
16956 .path-user
.node_category
.editprofile
,
16957 .path-user .node_category .viewmore {
16958 text-align: right
; }
16960 .ajax-contact-button {
16961 box-sizing: border-box
;
16962 position: relative
; }
16963 .ajax-contact-button.loading .loading-icon {
16965 .ajax-contact-button .loading-icon {
16967 position: absolute
;
16972 background-color: rgba
(255, 255, 255, 0.7); }
16973 .ajax-contact-button .loading-icon .icon {
16974 position: absolute
;
16977 transform: translate
(-50%, -50%); }
16979 @media (max-width: 480px) {
16980 .userprofile .profile_tree {
16981 /** Display the profile on one column on phones@mixin */
16982 column-count: 1; } }
16984 .userlist #showall {
16987 .userlist .buttons {
16988 text-align: center
; }
16990 .userlist .buttons label {
16993 .userlist table#participants {
16994 text-align: center
; }
16996 .userlist table#participants td {
16999 vertical-align: middle
; }
17001 .userlist table#participants th {
17005 .userlist table.controls {
17007 .userlist table.controls tr {
17008 vertical-align: top
; }
17009 .userlist table.controls .right {
17010 text-align: right
; }
17011 .userlist table.controls .groupselector {
17014 .userlist table.controls .groupselector label {
17020 border-collapse: separate
;
17023 .userinfobox
.left
,
17024 .userinfobox .side {
17026 vertical-align: top
; }
17028 .userinfobox .userpicture {
17032 .userinfobox .content {
17033 vertical-align: top
; }
17035 .userinfobox .links {
17038 vertical-align: bottom
; }
17040 .userinfobox .links a {
17043 .userinfobox .list td {
17046 .userinfobox .username {
17047 padding-bottom: 20px;
17048 font-weight: bold
; }
17050 .userinfobox td.label {
17052 white-space: nowrap
;
17053 vertical-align: top
;
17054 font-weight: bold
; }
17057 position: absolute
;
17059 margin-right: 0.6em; }
17064 margin-right: 1em; }
17065 .group-image .grouppicture {
17066 border-radius: 50%; }
17068 .groupinfobox .left {
17071 vertical-align: top
; }
17073 .course-participation #showall {
17074 text-align: center
;
17077 #user-policy .noticebox
{
17078 text-align: center
;
17080 margin-right: auto
;
17081 margin-bottom: 10px;
17085 #user-policy #policyframe
{
17092 .userselector select {
17095 .userselector div {
17096 margin-top: 0.2em; }
17098 .userselector div label {
17099 margin-right: 0.3em; }
17101 /* Next style does not work in all browsers but looks nicer when it does */
17102 .userselector .userselector-infobelow {
17103 font-size: 0.8em; }
17105 #userselector_options .collapsibleregioncaption
{
17106 font-weight: bold
; }
17108 #userselector_options p
{
17110 text-align: left
; }
17112 /** user full profile */
17113 #page-user-profile .messagebox
{
17114 text-align: center
;
17116 margin-right: auto
; }
17118 /** user course profile */
17119 #page-course-view-weeks .messagebox
{
17120 text-align: center
;
17122 margin-right: auto
; }
17124 .profileeditor > .singleselect {
17125 margin: 0 0.5em 0 0; }
17127 .profileeditor > .singlebutton {
17128 display: inline-block
;
17129 margin: 0 0 0 0.5em; }
17130 .profileeditor
> .singlebutton div
,
17131 .profileeditor > .singlebutton input {
17134 .userlist h3 .action-icon {
17137 #page-enrol-users .popover
{
17140 .user-enroller-panel {
17143 [data-filterverbfor
],
17144 [data-filterregion
="filter"]:last-child
[data-filterregion
="joinadverb"] {
17147 [data-filterverb
="0"] [data-filterverbfor
="0"],
17148 [data-filterverb
="1"] [data-filterverbfor
="1"],
17149 [data-filterverb
="2"] [data-filterverbfor
="2"] {
17152 #page-user-contactsitesupport .supporticon i
{
17155 .search-results .result {
17159 .search-results .result .result-content {
17162 .search-results .result .filename {
17163 font-style: italic
; }
17165 .simplesearchform .input-group input.form-control {
17166 border-top-left-radius: 0.25rem;
17167 border-bottom-left-radius: 0.25rem; }
17169 .simplesearchform .btn {
17170 padding-left: 0.5rem;
17171 padding-right: 0.5rem; }
17173 .simplesearchform .btn .icon {
17176 .simplesearchform .btn-submit {
17177 border-color: #8f959e;
17180 .simplesearchform
.btn-close
,
17181 .simplesearchform .btn-clear {
17182 position: absolute
;
17188 .simplesearchform .btn-close {
17191 .simplesearchform .btn-submit {
17192 background-color: #f8f9fa; }
17194 .simplesearchform .withclear {
17195 padding-right: 2rem; }
17197 .simplesearchform .searchinput {
17201 .simplesearchform .collapsing {
17206 .simplesearchform
.collapse
.show
,
17207 .simplesearchform .collapsing {
17208 position: absolute
;
17213 background-color: #fff;
17216 .simplesearchform
.collapse
.show
.form-inline
,
17217 .simplesearchform .collapsing .form-inline {
17220 margin-right: auto
; }
17222 .search-areas-actions {
17223 margin-bottom: 1rem; }
17225 .search-areas-actions > div {
17226 margin-right: 1rem;
17227 display: inline-block
; }
17229 #core-search-areas .lastcol li
{
17231 text-indent: -24px; }
17233 #core-search-areas .lastcol li
> i
{
17237 * Moodle forms HTML isn't changeable via renderers (yet?) so this
17238 * .less file imports styles from the bootstrap $variables file and
17239 * adds them to the existing Moodle form CSS ids and classes.
17242 .jsenabled .mform .containsadvancedelements .advanced {
17245 .mform .containsadvancedelements .advanced.show {
17248 #adminsettings span
.error
{
17249 display: inline-block
;
17250 border: 1px solid
#f0c5c1;
17251 border-radius: 4px;
17252 background-color: #f4d6d2;
17254 margin-bottom: 4px; }
17256 .mform
.form-inline
.form-control
,
17257 .mform .form-inline .custom-select {
17260 .mform .form-inline textarea.form-control {
17263 .mform .form-inline .form-group {
17264 margin: 0.1rem 0.25rem 0.1rem 0; }
17266 .mform .form-inline br + label {
17267 justify-content: flex-start
;
17271 .unresponsive
.mform
.form-inline
,
17272 .unresponsive.mform .form-inline label {
17273 display: inline-flex
; }
17275 #jump-to-activity.custom-select
{
17279 margin-bottom: 0.5rem;
17280 border-bottom: 1px solid
#dee2e6; }
17282 #adminsettings .form-control
[size
] {
17285 .jsenabled .mform .collapsed .fcontainer {
17288 #adminsettings .error
{
17291 .mform ul.file-list {
17294 list-style: none
; }
17297 .mform label .adv {
17301 input#id_externalurl
{
17304 #portfolio-add-button {
17308 .form-label .form-shortname {
17311 .form-label .form-shortname {
17312 font-size: 0.703125rem;
17315 .form-item .form-inline {
17318 .form-inline label:not(.sr-only):not(.accesshide) + select {
17319 margin-left: 0.5rem; }
17321 .formsettingheading .form-horizontal {
17324 .no-felement.fstatic {
17326 padding-top: 5px; }
17328 .no-fitem .fstaticlabel {
17329 font-weight: bold
; }
17331 .form-item .form-setting .defaultsnext > input {
17332 display: inline-block
; }
17334 .form-item .form-setting .form-checkbox.defaultsnext {
17336 display: inline-block
; }
17338 #adminsettings h3
{
17342 margin-bottom: 1.5;
17343 font-size: 1.171875rem;
17346 border-bottom: 1px solid
#e5e5e5; }
17349 .mform
.fitem
.felement input
[name
="email"],
17350 .mform
.fitem
.felement input
[name
="email2"],
17351 .mform
.fitem
.felement input
[name
="url"],
17352 .mform
.fitem
.felement input
[name
="idnumber"],
17353 .mform
.fitem
.felement input
[name
="phone1"],
17354 .mform .fitem .felement input[name="phone2"] {
17358 .que.match .mediaplugin {
17362 #page-admin-grade-edit-scale-edit .error input#id_name
{
17363 margin-right: 170px; }
17365 #page-grade-edit-outcome-course .courseoutcomes
{
17367 margin-right: auto
;
17370 #page-grade-edit-outcome-course .courseoutcomes td
{
17371 text-align: center
; }
17373 /* Install Process' text fields Forms, should always be justified to the left */
17375 #installform #id_wwwroot
,
17376 #installform #id_dirroot
,
17377 #installform #id_dataroot
,
17378 #installform #id_dbhost
,
17379 #installform #id_dbname
,
17380 #installform #id_dbuser
,
17381 #installform #id_dbpass
,
17382 #installform #id_prefix
{
17385 .mdl-right > label {
17386 display: inline-block
; }
17391 .form-item .form-label label {
17392 margin-bottom: 0; }
17394 div#dateselector-calendar-panel
{
17396 /* Set higher than the z-index of the filemanager - see MDL-39047. */ }
17398 fieldset
.coursesearchbox label
{
17402 * Show the labels above text editors and file managers except on wide screens.
17404 /* Section and module editing forms contain special JS components for the
17405 availability system (if enabled). */
17406 #id_availabilityconditionsjson[aria-hidden
=true
],
17407 .availability-field [aria-hidden=true] {
17410 .availability-field label {
17411 display: inline-flex
; }
17413 .availability-field .availability-group label {
17414 vertical-align: top
; }
17416 .availability-eye {
17420 .availability-inner
,
17421 .availability-plugincontrols {
17423 border-radius: 0.25rem;
17424 border: 1px solid rgba
(0, 0, 0, 0.125);
17426 margin-top: 0.5rem; }
17428 .availability-plugincontrols
,
17429 .availability-childlist .availability-inner {
17430 margin-left: .625rem; }
17432 .availability-field .availability-plugincontrols .availability-group select {
17433 max-width: 12rem; }
17435 /* Custom styles for autocomplete form element */
17436 /* These styles reserve a standard amount of space in the DOM to avoid flicker when the original select element is replaced */
17437 [data-fieldtype
=autocomplete
] select
,
17438 [data-fieldtype
=tags
] select
,
17439 .form-autocomplete-original-select {
17440 visibility: hidden
;
17447 margin-top: 1.65625rem;
17448 vertical-align: bottom
; }
17450 .form-autocomplete-selection {
17452 min-height: 2.375rem; }
17454 .form-autocomplete-selection [role=option] {
17456 white-space: inherit
;
17457 word-break: break-word
;
17459 text-align: left
; }
17461 .form-autocomplete-suggestions {
17462 position: absolute
;
17463 background-color: white
;
17464 border: 1px solid
#8f959e;
17468 margin: 0.125rem 0 0;
17472 .form-autocomplete-suggestions li {
17473 list-style-type: none
;
17474 padding: 0.25rem 1.5rem;
17478 .form-autocomplete-suggestions li:hover, .form-autocomplete-suggestions li:focus, .form-autocomplete-suggestions li[aria-selected="true"] {
17479 background-color: #0f6cbf;
17481 .form-autocomplete-suggestions li::before {
17482 content: "\200B"; }
17484 .form-autocomplete-downarrow {
17489 .form-autocomplete-downarrow .loading-icon {
17490 position: absolute
;
17493 background-color: #fff; }
17495 /** Undo some bootstrap things */
17496 .form-autocomplete-selection + input.form-control {
17498 display: inline-block
;
17499 vertical-align: middle
; }
17501 .form-autocomplete-selection [data-active-selection=true] {
17503 font-size: large
; }
17505 select
.form-control
[size
], select
.form-control
[multiple
] {
17506 padding-right: 0; }
17507 select
.form-control
[size
] option
, select
.form-control
[multiple
] option
{
17508 width: fit-content
; }
17510 /* Non-bootstrap selects with a size show their contents outside of the element.
17511 * Remove when we update to stable bootstrap 4. (MDL-56511) */
17517 overflow: visible
; }
17519 textarea
[data-auto-rows
] {
17520 overflow-x: hidden
;
17523 /** Display elements under labels in vertical forms regardless of the screen size. */
17524 .mform.full-width-labels .fitem.row {
17527 .mform
.full-width-labels
.fitem
.row
> .col-md-3
,
17528 .mform.full-width-labels .fitem.row > .col-md-9 {
17534 .mform.full-width-labels .fitem.row.femptylabel > .col-md-3 {
17536 .mform.full-width-labels .fitem.row .form-control {
17539 .mform .col-form-label .form-label-addon {
17540 margin-left: 0.25rem; }
17542 @media (min-width: 576px) {
17543 .mform:not(.full-width-labels) .col-form-label .form-label-addon {
17544 margin-left: auto
; } }
17546 /** Allow wrapping an mform in a div with the form-inline class to have an inline, responsive form. */
17547 @media (min-width: 768px) {
17548 .form-inline
.col-md-9
,
17549 .form-inline .col-md-3 {
17550 margin-bottom: 1rem;
17552 .form-inline
.col-md-9 label
,
17553 .form-inline .col-md-3 label {
17554 margin-left: 1rem; } }
17556 [data-fieldtype
="modgrade"] .form-group
{
17557 padding-bottom: 0.375rem; }
17559 [data-fieldtype
="modgrade"] {
17560 background-color: #fff;
17561 border-radius: 0.25rem;
17562 border: 1px solid rgba
(0, 0, 0, 0.125);
17565 max-width: 30rem; }
17567 [data-filetypesbrowserbody
] [aria-expanded
="false"] > [role
="group"],
17568 [data-filetypesbrowserbody
] [aria-expanded
="false"] [data-filetypesbrowserfeature
="hideifcollapsed"],
17569 [data-filetypesbrowserbody
] [aria-expanded
="true"] [data-filetypesbrowserfeature
="hideifexpanded"] {
17572 .form-inline
[data-fieldtype
="autocomplete"],
17573 .form-inline[data-fieldtype="tags"] {
17576 [data-fieldtype
="editor"] > div
{
17579 @media (min-width: 576px) {
17580 .mform fieldset.collapsible legend a.fheader {
17581 padding: 0 5px 0 1.5rem;
17582 background: url
([[pix:t
/expanded
]]) 0 center no-repeat
; }
17583 .mform fieldset.collapsed legend a.fheader {
17585 background-image: url([[pix:t/collapsed_rtl]]);
17588 background-image: url
([[pix:t
/collapsed
]]); }
17589 .mform fieldset.collapsible .col-form-label {
17590 padding-left: 2.5rem; }
17591 .mform .form-inline .fdefaultcustom label {
17592 justify-content: initial
; } }
17594 .input-group.form-inset .form-inset-item {
17595 position: absolute
;
17596 padding-top: calc
(0.375rem + 1px);
17599 .input-group.form-inset.form-inset-left .form-control {
17600 padding-left: 1.5rem; }
17602 .input-group.form-inset.form-inset-right .form-control {
17603 padding-right: 1.5rem; }
17605 .input-group.form-inset.form-inset-right .form-inset-item {
17608 .pagelayout-login #region-main {
17610 background-color: inherit
; }
17612 .pagelayout-login #page {
17613 background: #f8f9fa;
17614 background-image: linear-gradient
(to right
, #f8f9fa 0%, #dee2e6 100%);
17615 background-repeat: repeat-x
; }
17616 .pagelayout-login #page div[role="main"] {
17621 align-items: center
;
17622 justify-content: center
;
17626 background-color: #fff;
17628 box-shadow: 0 0.5rem 1rem rgba
(0, 0, 0, 0.15);
17629 margin-bottom: 2rem; }
17630 .login-container .login-languagemenu {
17632 justify-content: flex-start
; }
17633 .login-container .login-logo {
17635 justify-content: center
;
17636 margin-bottom: 1rem; }
17637 .login-container .login-divider {
17638 margin-top: 1.5rem;
17639 margin-bottom: 1.5rem;
17640 border-top: 1px solid
#dee2e6; }
17641 .login-container h1.login-heading {
17642 font-size: 1.875rem; }
17643 .login-container h2.login-heading {
17644 font-size: 1.40625rem; }
17645 .login-container .login-identityproviders .login-identityprovider-btn {
17646 border: 1px solid
#dee2e6; }
17647 .login-container .divider {
17649 background-color: #dee2e6;
17650 height: 1.875rem; }
17651 .login-container .action-menu-trigger a {
17652 margin: 0.5rem 0; }
17654 @media (min-width: 768px) {
17657 border-radius: 0.25rem; } }
17663 .path-mod .activity-header {
17664 background-color: #f8f9fa;
17665 margin-bottom: 1rem;
17666 padding-left: 1rem;
17667 padding-right: 1rem;
17668 border-radius: 0.25rem; }
17669 .path-mod .activity-header > div:last-child > div:last-child {
17670 border-bottom: 0; }
17672 .path-mod .activity-information .activity-dates {
17674 padding-bottom: 1rem;
17675 border-bottom: 1px solid
#dee2e6; }
17677 .path-mod .activity-information .completion-info {
17679 padding-bottom: 1rem;
17680 border-bottom: 1px solid
#dee2e6; }
17682 .path-mod .activity-description {
17684 padding-bottom: 1rem; }
17685 .path-mod .activity-description > .box.py-3 {
17686 padding-top: 0 !important
;
17687 /* stylelint-disable-line declaration-no-important */
17688 padding-bottom: 0 !important
;
17689 /* stylelint-disable-line declaration-no-important */ }
17690 .path-mod .activity-description > .box.py-3:empty {
17693 .path-mod .automatic-completion-conditions .badge {
17696 margin-top: 0.25rem;
17697 mix-blend-mode: multiply
; }
17698 .path-mod .automatic-completion-conditions .badge.badge-light {
17699 background-color: #e9ecef !important
;
17700 /* stylelint-disable-line declaration-no-important */ }
17701 .path-mod .automatic-completion-conditions .badge .icon {
17704 font-size: 0.7rem; }
17705 .path-mod .automatic-completion-conditions .badge:first-child {
17708 .path-mod .activity-description .no-overflow p:last-child {
17710 margin-bottom: 0; }
17712 .path-mod-choice .horizontal .choices .option {
17713 display: inline-block
; }
17715 .path-mod-choice .choices .option label {
17716 vertical-align: top
; }
17718 .path-mod-forum
.forumsearch input
,
17719 .path-mod-forum .forumsearch .helptooltip {
17722 .path-mod-forum
.forumheaderlist
,
17723 .path-mod-forum .forumheaderlist td {
17726 .path-mod-forum
.forumheaderlist thead
.header
,
17727 .path-mod-forum .forumheaderlist tbody .discussion td {
17728 white-space: normal
;
17729 vertical-align: top
;
17730 padding-left: 0.5em;
17731 padding-right: 0.5em; }
17733 .path-mod-forum .forumheaderlist thead .header {
17734 white-space: normal
;
17735 vertical-align: top
; }
17737 .path-mod-forum .forumheaderlist thead .header.replies {
17738 text-align: center
; }
17740 .path-mod-forum .forumheaderlist thead .header.lastpost {
17741 text-align: right
; }
17743 .path-mod-forum
.forumheaderlist thead
.header th
.discussionsubscription
,
17744 .path-mod-forum .forumheaderlist tbody .discussion td.discussionsubscription {
17746 padding-left: 0.5em;
17747 padding-right: 0.5em; }
17749 .path-mod-forum
.forumheaderlist
.discussion
.replies
,
17750 .path-mod-forum .forumheaderlist .discussion .lastpost {
17751 white-space: normal
; }
17753 .path-mod-forum
.forumheaderlist
.discussion
.discussionsubscription
,
17754 .path-mod-forum .forumheaderlist .discussion .replies {
17755 text-align: center
; }
17757 .path-mod-forum
.forumheaderlist
.discussion
.topic
,
17758 .path-mod-forum
.forumheaderlist
.discussion
.discussionsubscription
,
17759 .path-mod-forum
.forumheaderlist
.discussion
.topic
.starter
,
17760 .path-mod-forum
.forumheaderlist
.discussion
.replies
,
17761 .path-mod-forum .forumheaderlist .discussion .lastpost {
17762 vertical-align: top
; }
17764 .path-mod-forum .discussion-list .topic {
17765 font-weight: inherit
; }
17767 .discussion-settings-container .custom-select {
17770 .discussion-settings-container input {
17774 border: 1px solid
#dee2e6;
17777 .forumpost .header {
17778 margin-bottom: 3px; }
17779 .forumpost .picture img {
17781 .forumpost .picture img.userpicture {
17783 margin-right: 10px; }
17784 .forumpost .content .posting.fullpost {
17788 .forumpost
.row
.topic
,
17789 .forumpost
.row
.content-mask
,
17790 .forumpost .row .options {
17791 margin-left: 48px; }
17792 .forumpost .row.side {
17795 .forumpost .row .left {
17798 .forumpost .options .commands {
17801 .forumpost .subject {
17802 font-weight: bold
; }
17804 .forumsearch input[type=text] {
17805 margin-bottom: 0; }
17807 #page-mod-forum-view table
.fit-content
{
17809 white-space: nowrap
; }
17811 #page-mod-forum-view table
.limit-width
{
17813 white-space: nowrap
;
17814 text-overflow: ellipsis
;
17815 overflow: hidden
; }
17816 #page-mod-forum-view table
.limit-width
.author-info
{
17817 max-width: calc
(100% - 35px - .5rem); }
17819 #page-mod-forum-discuss .discussioncontrols
{
17822 #page-mod-forum-discuss .discussioncontrols
.form-inline input
{
17823 margin-top: -1px; }
17825 /** Gently highlight the selected post by changing it's background to blue and then fading it out. */
17826 @keyframes background-highlight
{
17828 background-color: rgba
(0, 123, 255, 0.5); }
17830 background-color: inherit
; } }
17832 .path-mod-forum
.nested-v2-display-mode
,
17833 .path-mod-forum.nested-v2-display-mode {
17834 /** Reset the badge styling back to pill style. */
17835 /** Style the ratings like a badge. */
17836 /** Don't show the discussion locked alert in this mode because it's already indicated with a badge. */
17837 /** Fix muted text contrast ratios for accessibility. */
17838 /** Make the tag list text screen reader visible only */ }
17839 .path-mod-forum
.nested-v2-display-mode
.discussionsubscription
,
17840 .path-mod-forum.nested-v2-display-mode .discussionsubscription {
17842 text-align: inherit
;
17843 margin-bottom: 0; }
17844 .path-mod-forum
.nested-v2-display-mode
.preload-subscribe
,
17845 .path-mod-forum
.nested-v2-display-mode
.preload-unsubscribe
,
17846 .path-mod-forum
.nested-v2-display-mode
.preload-subscribe
,
17847 .path-mod-forum.nested-v2-display-mode .preload-unsubscribe {
17849 .path-mod-forum
.nested-v2-display-mode
.post-message
,
17850 .path-mod-forum.nested-v2-display-mode .post-message {
17851 line-height: 1.6; }
17852 .path-mod-forum
.nested-v2-display-mode
.indent
,
17853 .path-mod-forum.nested-v2-display-mode .indent {
17855 .path-mod-forum
.nested-v2-display-mode
.badge
,
17856 .path-mod-forum.nested-v2-display-mode .badge {
17857 font-size: inherit
;
17858 font-weight: inherit
;
17859 padding-left: .5rem;
17860 padding-right: .5rem;
17861 border-radius: 10rem; }
17862 .path-mod-forum
.nested-v2-display-mode
.badge-light
,
17863 .path-mod-forum.nested-v2-display-mode .badge-light {
17864 background-color: #f6f6f6;
17866 .path-mod-forum
.nested-v2-display-mode
.rating-aggregate-container
,
17867 .path-mod-forum.nested-v2-display-mode .rating-aggregate-container {
17868 background-color: #f6f6f6;
17870 padding: .25em .5em;
17872 margin-right: .5rem;
17873 vertical-align: middle
;
17874 border-radius: 10rem;
17875 text-align: center
; }
17876 .path-mod-forum
.nested-v2-display-mode
.ratinginput
,
17877 .path-mod-forum.nested-v2-display-mode .ratinginput {
17878 padding: .25em 1.75rem 0.25em .75em;
17881 border-radius: 10rem; }
17882 @media
(max-width: 767.98px) {
17883 .path-mod-forum
.nested-v2-display-mode
.ratinginput
,
17884 .path-mod-forum.nested-v2-display-mode .ratinginput {
17885 margin-top: .5rem; } }
17886 .path-mod-forum
.nested-v2-display-mode
.group-image
,
17887 .path-mod-forum.nested-v2-display-mode .group-image {
17892 display: inline-block
; }
17893 .path-mod-forum
.nested-v2-display-mode
.alert
.discussionlocked
,
17894 .path-mod-forum.nested-v2-display-mode .alert.discussionlocked {
17895 position: absolute
;
17901 clip: rect
(0, 0, 0, 0);
17902 white-space: nowrap
;
17904 .path-mod-forum
.nested-v2-display-mode
.text-muted
,
17905 .path-mod-forum
.nested-v2-display-mode
.dimmed_text
,
17906 .path-mod-forum
.nested-v2-display-mode
.text-muted
,
17907 .path-mod-forum.nested-v2-display-mode .dimmed_text {
17908 color: #707070 !important
;
17909 /* stylelint-disable-line declaration-no-important */ }
17910 .path-mod-forum
.nested-v2-display-mode
.author-header
,
17911 .path-mod-forum.nested-v2-display-mode .author-header {
17912 font-style: italic
; }
17913 .path-mod-forum
.nested-v2-display-mode
.author-header
.author-name
,
17914 .path-mod-forum.nested-v2-display-mode .author-header .author-name {
17915 font-style: normal
; }
17916 .path-mod-forum
.nested-v2-display-mode
.tag_list
> b
,
17917 .path-mod-forum.nested-v2-display-mode .tag_list > b {
17918 position: absolute
;
17924 clip: rect
(0, 0, 0, 0);
17925 white-space: nowrap
;
17927 .path-mod-forum
.nested-v2-display-mode :target
> .focus-target
,
17928 .path-mod-forum.nested-v2-display-mode :target > .focus-target {
17929 animation-name: background-highlight
;
17930 animation-duration: 1s;
17931 animation-timing-function: ease-in-out
;
17932 animation-iteration-count: 1; }
17933 .path-mod-forum
.nested-v2-display-mode
.forum-post-container
.replies-container
.forum-post-container
,
17934 .path-mod-forum.nested-v2-display-mode .forum-post-container .replies-container .forum-post-container {
17935 border-top: 1px solid
#dee2e6;
17936 padding-top: 1.5rem; }
17937 .path-mod-forum
.nested-v2-display-mode
.forum-post-container
.replies-container
.forum-post-container
.replies-container
.forum-post-container
,
17938 .path-mod-forum.nested-v2-display-mode .forum-post-container .replies-container .forum-post-container .replies-container .forum-post-container {
17941 .path-mod-forum
.nested-v2-display-mode
.forum-post-container
.replies-container
.inline-reply-container
.reply-author
,
17942 .path-mod-forum.nested-v2-display-mode .forum-post-container .replies-container .inline-reply-container .reply-author {
17944 .path-mod-forum
.nested-v2-display-mode
.forum-post-container
.post-message
p:last-of-type
,
17945 .path-mod-forum.nested-v2-display-mode .forum-post-container .post-message p:last-of-type {
17946 margin-bottom: 0; }
17947 .path-mod-forum
.nested-v2-display-mode
.forum-post-container
.author-image-container
,
17948 .path-mod-forum.nested-v2-display-mode .forum-post-container .author-image-container {
17950 margin-right: 24px;
17952 .path-mod-forum
.nested-v2-display-mode
.forum-post-container
.inline-reply-container textarea
,
17953 .path-mod-forum.nested-v2-display-mode .forum-post-container .inline-reply-container textarea {
17956 .path-mod-forum
.nested-v2-display-mode
.forum-post-container
.indent
,
17957 .path-mod-forum.nested-v2-display-mode .forum-post-container .indent {
17959 * The first post and first set of replies have a larger author image so offset the 2nd
17960 * set of replies by the image width + margin to ensure they align.
17962 .path-mod-forum
.nested-v2-display-mode
.forum-post-container
.indent
.indent
,
17963 .path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent {
17964 padding-left: 94px;
17966 * Reduce the size of the the author image for all second level replies (and below).
17969 * Adjust the indentation offset for all 3rd level replies and below for the smaller author image.
17971 .path-mod-forum
.nested-v2-display-mode
.forum-post-container
.indent
.indent
.author-image-container
,
17972 .path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent .author-image-container {
17975 padding-top: 3px; }
17976 .path-mod-forum
.nested-v2-display-mode
.forum-post-container
.indent
.indent
.indent
,
17977 .path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent .indent {
17978 padding-left: 38px;
17980 * Stop indenting the replies after the 5th reply.
17982 .path-mod-forum
.nested-v2-display-mode
.forum-post-container
.indent
.indent
.indent
.indent
.indent
.indent
,
17983 .path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent .indent .indent .indent .indent {
17986 /** Extra small devices (portrait phones, less than 576px). */
17987 @media (max-width: 767.98px) {
17988 #page-mod-forum-discuss.nested-v2-display-mode
.forum-post-container
.author-image-container
{
17990 margin-right: 8px; }
17991 #page-mod-forum-discuss.nested-v2-display-mode
.forum-post-container
.indent
.indent
{
17992 padding-left: 38px; }
17993 #page-mod-forum-discuss.nested-v2-display-mode
.forum-post-container
.indent
.indent
.indent
.indent
{
17995 #page-mod-forum-discuss.nested-v2-display-mode
.group-image
{
17999 .filter-scrollable {
18002 margin-bottom: 1em; }
18004 .filter-dates-popover {
18006 max-width: 41.5em; }
18007 .filter-dates-popover .mform {
18008 margin-left: -3em; }
18010 /* stylelint-disable-line max-line-length */
18011 @keyframes expandSearchButton
{
18015 border-radius: 18px;
18016 background-color: #e9ecef; }
18019 height: calc
(1.5em + 1rem + 2px);
18021 background-color: #fff;
18022 border-color: #8f959e;
18023 padding-left: calc
(0.5rem + 8px);
18024 padding-top: 0.5rem;
18025 padding-bottom: 0.5rem;
18026 font-size: 1.171875rem;
18027 @media
(max-width: 1200px) {
18028 font-size: calc
(0.9271875rem + 0.32625vw) ; }
18032 @keyframes collapseSearchButton
{
18035 height: calc
(1.5em + 1rem + 2px);
18037 background-color: #fff;
18038 border-color: #8f959e;
18039 padding-left: calc
(0.5rem + 8px);
18040 padding-top: 0.5rem;
18041 padding-bottom: 0.5rem;
18042 font-size: 1.171875rem;
18043 @media
(max-width: 1200px) {
18044 font-size: calc
(0.9271875rem + 0.32625vw) ; }
18050 border-radius: 18px;
18051 background-color: #e9ecef; } }
18053 .path-mod-forum .unified-grader .navbar {
18057 .path-mod-forum .unified-grader .body-container {
18059 .path-mod-forum .unified-grader .body-container.hidden {
18060 display: none
!important
;
18061 /* stylelint-disable-line declaration-no-important */ }
18063 .path-mod-forum .unified-grader .userpicture {
18067 .path-mod-forum .unified-grader .grader-grading-panel {
18069 position: absolute
;
18073 .path-mod-forum .unified-grader .grader-grading-panel.hidden {
18075 .path-mod-forum .unified-grader .grader-grading-panel .grading-icon {
18077 .path-mod-forum .unified-grader .grader-grading-panel .user-picker-container .user-full-name {
18078 max-width: 240px; }
18079 .path-mod-forum .unified-grader .grader-grading-panel .user-picker-container .page-link {
18083 text-align: center
;
18084 align-items: center
;
18085 justify-content: center
; }
18086 .path-mod-forum .unified-grader .grader-grading-panel .header-container {
18088 position: relative
;
18089 overflow: hidden
; }
18090 .path-mod-forum .unified-grader .grader-grading-panel .header-container .info-container {
18091 position: absolute
;
18094 transform: translateY
(-50%);
18098 padding-right: calc
(36px + 0.5rem);
18100 visibility: visible
;
18101 transition: left
0.3s ease-in-out
;
18103 .path-mod-forum .unified-grader .grader-grading-panel .header-container .toggle-search-button.expand {
18104 animation-name: expandSearchButton
;
18105 animation-duration: 0.3s;
18106 animation-timing-function: ease-in-out
; }
18107 .path-mod-forum .unified-grader .grader-grading-panel .header-container .toggle-search-button.collapse {
18109 animation-name: collapseSearchButton
;
18110 animation-duration: 0.3s; }
18111 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container {
18113 position: absolute
;
18116 transform: translateY
(-50%);
18119 height: 100% !important
;
18120 /* stylelint-disable-line declaration-no-important */
18122 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container {
18123 position: relative
;
18125 flex-wrap: nowrap
; }
18126 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container input {
18127 padding-left: calc
(0.5rem + 0.5rem + 34px);
18128 padding-right: calc
(0.5rem + 36px);
18130 visibility: visible
;
18131 transition: opacity
0s linear
0.3s, visibility
0s linear
; }
18132 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .search-icon {
18133 position: absolute
;
18136 transform: translateY
(-50%);
18140 background-color: #fff;
18142 visibility: visible
;
18143 transition: opacity
0s linear
0.3s, visibility
0s linear
0.3s; }
18144 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .toggle-search-button {
18145 position: absolute
;
18148 transform: translateY
(-50%);
18153 transition: right
0s linear
0.3s; }
18154 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .toggle-search-button .expanded-icon {
18156 visibility: visible
;
18159 transition: opacity
0s linear
0.3s, max-height
0s linear
0.3s, max-width
0s linear
0.3s, visibility
0s linear
0.3s; }
18160 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .toggle-search-button .collapsed-icon {
18162 visibility: hidden
;
18166 transition: opacity
0s linear
0.3s, max-height
0s linear
0.3s, max-width
0s linear
0.3s, visibility
0s linear
0.3s; }
18167 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed {
18168 width: calc
(36px + 0.5rem + 0.5rem);
18169 transition: width
0.3s ease-in-out
; }
18170 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container {
18171 flex-wrap: nowrap
; }
18172 .path-mod-forum
.unified-grader
.grader-grading-panel
.header-container
.user-search-container
.collapsed
.search-input-container input
,
18173 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container .search-icon {
18175 visibility: hidden
;
18176 transition: opacity
0s linear
, visibility
0s linear
; }
18177 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container input {
18179 padding-right: 0; }
18180 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container .toggle-search-button .expanded-icon {
18182 visibility: hidden
;
18186 transition: opacity
0s linear
, max-height
0s linear
, max-width
0s linear
, visibility
0s linear
; }
18187 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container .toggle-search-button .collapsed-icon {
18189 visibility: visible
;
18192 transition: opacity
0s linear
, max-height
0s linear
, max-width
0s linear
, visibility
0s linear
; }
18193 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container:not(.collapsed) + .info-container {
18195 visibility: hidden
;
18196 left: calc
(100% * -1);
18197 transition: left
0.3s ease-in-out
, opacity
0s linear
0.3s, visibility
0s linear
0.3s, padding
0s linear
0.3s; }
18199 .path-mod-forum .unified-grader .grader-module-content {
18201 margin-right: 430px;
18202 transition: margin-right
0.2s ease-in-out
; }
18203 @media
(prefers-reduced-motion: reduce
) {
18204 .path-mod-forum .unified-grader .grader-module-content {
18205 transition: none
; } }
18207 .path-mod-forum .unified-grader .drawer-button {
18208 position: relative
; }
18209 .path-mod-forum .unified-grader .drawer-button.active::after {
18211 position: absolute
;
18212 bottom: calc
(-0.5rem - 1px);
18216 background-color: #0f6cbf; }
18217 .path-mod-forum .unified-grader .drawer-button .icon {
18222 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container:last-of-type > hr {
18225 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container:last-of-type > hr {
18228 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container {
18229 position: relative
; }
18230 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button {
18231 position: absolute
;
18236 padding-left: calc
(1rem + 45px);
18239 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button:not(.collapsed) {
18241 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content {
18243 height: auto
!important
;
18244 /* stylelint-disable-line declaration-no-important */ }
18245 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .header {
18246 transition: margin-bottom
0.3s ease-in-out
; }
18247 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .header div + div {
18249 visibility: visible
;
18251 transition: opacity
0.3s linear
, visibility
0s linear
; }
18252 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .body-content-container {
18254 visibility: visible
;
18256 transition: opacity
0.3s linear
, visibility
0s linear
; }
18257 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .forum-post-core {
18259 visibility: visible
;
18261 transition: opacity
0.3s linear
, visibility
0s linear
; }
18262 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content {
18264 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .header {
18265 margin-bottom: 0 !important
;
18266 /* stylelint-disable-line declaration-no-important */ }
18267 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .header div + div {
18269 visibility: hidden
;
18271 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .body-content-container {
18273 visibility: hidden
;
18275 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .forum-post-core {
18277 visibility: hidden
;
18279 .path-mod-forum
.unified-grader
.grader-module-content-display
.discussion-container
.posts-container
.parent-container
.show-content-button
.collapsed:hover
+ .content
,
18280 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed:focus + .content {
18283 .path-mod-forum .unified-grader .grader-module-content-display .no-post-container .icon {
18288 .path-mod-forum .unified-grader .grader-module-content-display .nested-v2-display-mode .discussion-container .posts-container .parent-container .show-content-button {
18289 padding-left: 94px; }
18291 .path-mod-forum .unified-grader .no-search-results-container .icon {
18296 .path-mod-forum .unified-grader .nested-v2-display-mode .view-context-button {
18298 border-radius: 0.3rem; }
18300 .path-mod-forum .unified-grader .nested-v2-display-mode .parent-container .author-image-container {
18301 position: relative
; }
18302 .path-mod-forum .unified-grader .nested-v2-display-mode .parent-container .author-image-container:after {
18303 position: absolute
;
18304 top: calc
(70px + 0.5rem);
18306 background-color: #e9ecef;
18308 height: calc
(100% - 70px + 0.5rem); }
18310 .path-mod-forum .unified-grader .nested-v2-display-mode .parent-container + .post-container .author-image-container img {
18311 width: 30px !important
;
18312 /* stylelint-disable-line declaration-no-important */ }
18314 .path-mod-forum
.unified-grader
.nested-v2-display-mode
.post-subject
,
18315 .path-mod-forum .modal .nested-v2-display-mode .post-subject {
18318 @media (max-width: 575.98px) {
18319 .path-mod-forum .unified-grader .grader-grading-panel {
18322 height: calc
(100vh - 50px);
18325 .path-mod-forum .unified-grader .body-container {
18326 overflow: visible
; } }
18328 .maincalendar
.calendarmonth td
,
18329 .maincalendar .calendarmonth th {
18330 border: 1px dotted
#dee2e6; }
18332 .path-grade-report-grader h1 {
18333 text-align: inherit
; }
18335 #page-mod-chat-gui_basic input#message
{
18338 #page-mod-data-view #singleimage
{
18341 .template_heading {
18342 margin-top: 10px; }
18344 .breadcrumb-button {
18347 .breadcrumb-button .singlebutton {
18349 margin-left: 4px; }
18355 -ms-touch-action: auto
; }
18360 /** General styles (scope: all of lesson) **/
18361 .path-mod-lesson .invisiblefieldset.fieldsetfix {
18364 .path-mod-lesson .answeroption .checkbox label p {
18367 .path-mod-lesson .form-inline label.form-check-label {
18368 display: inline-block
; }
18370 .path-mod-lesson .slideshow {
18374 #page-mod-lesson-view .branchbuttoncontainer
.singlebutton button
[type
="submit"] {
18375 white-space: normal
; }
18377 #page-mod-lesson-view .vertical
.singlebutton
{
18379 #page-mod-lesson-view .vertical
.singlebutton
+ .singlebutton
{
18381 margin-top: 1rem; }
18383 #page-mod-lesson-view .fitem
.felement
.custom-select
{
18384 align-self: flex-start
; }
18386 .path-mod-lesson .generaltable td {
18387 vertical-align: middle
; }
18388 .path-mod-lesson .generaltable td label {
18389 margin-bottom: 0; }
18390 .path-mod-lesson .generaltable td .highlight {
18391 display: inline-block
;
18392 margin-left: 0.25rem; }
18393 .path-mod-lesson .generaltable td input[type="checkbox"] {
18396 .path-mod-wiki
.wiki_headingtitle
,
18397 .path-mod-wiki
.midpad
,
18398 .path-mod-wiki .wiki_headingtime {
18399 text-align: inherit
; }
18401 .path-mod-wiki .wiki_contentbox {
18404 .path-mod-survey .surveytable > tbody > tr:nth-of-type(even) {
18405 background-color: rgba
(0, 0, 0, 0.03); }
18407 .path-mod-survey .surveytable .rblock label {
18408 text-align: center
; }
18411 margin-left: 4px; }
18417 .userloggedinas
.usermenu
.usertext
,
18418 .userswitchedrole
.usermenu
.usertext
,
18419 .loginfailures .usermenu .usertext {
18422 margin-right: 0.5rem;
18424 .userloggedinas
.usermenu
.usertext
.meta
,
18425 .userswitchedrole
.usermenu
.usertext
.meta
,
18426 .loginfailures .usermenu .usertext .meta {
18427 font-size: 0.8203125rem;
18428 align-items: center
; }
18430 .userloggedinas
.usermenu
.avatar img
,
18431 .userswitchedrole
.usermenu
.avatar img
,
18432 .loginfailures .usermenu .avatar img {
18435 .userloggedinas .usermenu .userbutton .avatars {
18436 position: relative
;
18437 display: inline-block
; }
18438 .userloggedinas .usermenu .userbutton .avatars .avatar.current {
18439 display: inline-block
;
18440 position: absolute
;
18445 border-radius: 50%; }
18446 .userloggedinas .usermenu .userbutton .avatars .avatar.current img {
18447 vertical-align: baseline
; }
18448 .userloggedinas .usermenu .userbutton .avatars .avatar.current .userinitials.size-35 {
18451 border: 1px solid
#dee2e6;
18452 background-color: #fff;
18453 font-size: 0.5625rem; }
18454 .userloggedinas .usermenu .userbutton .avatars .avatar img {
18457 .userloggedinas .usermenu .userbutton .avatars .realuser {
18460 display: inline-block
; }
18463 background-color: #e9ecef;
18464 vertical-align: middle
;
18465 display: inline-flex
;
18466 align-items: center
;
18467 justify-content: center
;
18468 border-radius: 50%;
18470 font-weight: normal
;
18471 margin-right: 0.25rem; }
18472 .userinitials.size-16, .userinitials.size-30 {
18476 .userinitials.size-35 {
18479 .userinitials.size-100 {
18482 font-size: 1.875rem; }
18485 margin-right: 0.25rem; }
18487 @media (max-width: 767.98px) {
18491 .path-mod-quiz .mod-quiz-edit-content {
18492 margin-bottom: 10rem; }
18494 #page-mod-quiz-mod #id_reviewoptionshdr
.col-md-3
,
18495 #page-mod-quiz-mod #id_reviewoptionshdr
.col-md-9
{
18499 #page-mod-quiz-mod #id_reviewoptionshdr
.form-group
{
18502 display: inline-block
;
18503 min-height: 12rem; }
18505 #page-mod-quiz-mod #id_reviewoptionshdr
.btn-link
{
18507 vertical-align: bottom
; }
18509 #page-mod-quiz-mod #id_reviewoptionshdr
.form-inline
{
18513 #page-mod-quiz-mod #id_reviewoptionshdr
.form-check
{
18516 justify-content: flex-start
; }
18518 #page-mod-quiz-mod #id_reviewoptionshdr
.review_option_item
{
18522 .path-mod-quiz #mod_quiz_navblock .qnbutton {
18523 text-decoration: none
;
18526 font-weight: normal
;
18527 background-color: #fff;
18528 background-image: none
;
18531 border-radius: 3px;
18534 margin: 0 6px 6px 0; }
18536 .path-mod-quiz #mod_quiz_navblock span.qnbutton {
18538 background-color: #e9ecef;
18541 .path-mod-quiz #mod_quiz_navblock a
.qnbutton:hover
,
18542 .path-mod-quiz #mod_quiz_navblock a
.qnbutton:active
,
18543 .path-mod-quiz #mod_quiz_navblock a.qnbutton:focus {
18544 text-decoration: underline
; }
18546 .path-mod-quiz #mod_quiz_navblock .qnbutton .thispageholder {
18548 border-radius: 3px;
18551 .path-mod-quiz #mod_quiz_navblock .qnbutton.thispage .thispageholder {
18552 border-width: 3px; }
18554 .path-mod-quiz #mod_quiz_navblock .allquestionsononepage .qnbutton.thispage .thispageholder {
18555 border-width: 1px; }
18557 .path-mod-quiz #mod_quiz_navblock .qnbutton.flagged .thispageholder {
18558 background: transparent url
([[pix:theme|mod
/quiz
/flag-on
]]) 15px 0 no-repeat
; }
18560 .path-mod-quiz #mod_quiz_navblock .qnbutton .trafficlight {
18562 background: #fff none center
/10px no-repeat scroll
;
18565 border-radius: 0 0 3px 3px; }
18567 .path-mod-quiz #mod_quiz_navblock
.qnbutton
.notyetanswered
.trafficlight
,
18568 .path-mod-quiz #mod_quiz_navblock .qnbutton.invalidanswer .trafficlight {
18569 background-color: #fff; }
18571 .path-mod-quiz #mod_quiz_navblock .qnbutton.invalidanswer .trafficlight {
18572 background-image: url
([[pix:theme|mod
/quiz
/warningtriangle
]]); }
18574 .path-mod-quiz #mod_quiz_navblock .qnbutton.correct .trafficlight {
18575 background-image: url
([[pix:theme|mod
/quiz
/checkmark
]]);
18576 background-color: #357a32; }
18578 .path-mod-quiz #mod_quiz_navblock .qnbutton.blocked .trafficlight {
18579 background-image: url
([[pix:core|t
/locked
]]);
18580 background-color: #e9ecef; }
18582 .path-mod-quiz #mod_quiz_navblock
.qnbutton
.notanswered
.trafficlight
,
18583 .path-mod-quiz #mod_quiz_navblock .qnbutton.incorrect .trafficlight {
18584 background-color: #ca3120; }
18586 .path-mod-quiz #mod_quiz_navblock .qnbutton.partiallycorrect .trafficlight {
18587 background-image: url
([[pix:theme|mod
/quiz
/whitecircle
]]);
18588 background-color: #f0ad4e; }
18590 .path-mod-quiz #mod_quiz_navblock
.qnbutton
.complete
.trafficlight
,
18591 .path-mod-quiz #mod_quiz_navblock
.qnbutton
.answersaved
.trafficlight
,
18592 .path-mod-quiz #mod_quiz_navblock .qnbutton.requiresgrading .trafficlight {
18593 background-color: #6a737b; }
18595 #page-mod-quiz-edit ul
.slots li
.section li
.activity
.instancemaxmarkcontainer form input
{
18597 vertical-align: middle
; }
18599 #page-mod-quiz-edit ul
.slots li
.section li
.activity
.instancemaxmarkcontainer
{
18603 /* Countdown timer. */
18604 #page-mod-quiz-attempt #region-main
{
18605 overflow-x: inherit
; }
18607 #quiz-timer-wrapper {
18610 justify-content: end
;
18613 #quiz-timer-wrapper #quiz-timer
{
18614 border: 1px solid
#ca3120;
18615 background-color: #fff; }
18617 .pagelayout-embedded #quiz-timer-wrapper {
18620 #quiz-timer-wrapper #quiz-timer
.timeleft0
{
18621 background-color: #ca3120;
18624 #quiz-timer-wrapper #quiz-timer
.timeleft1
{
18625 background-color: #d73422;
18628 #quiz-timer-wrapper #quiz-timer
.timeleft2
{
18629 background-color: #dd3d2b;
18632 #quiz-timer-wrapper #quiz-timer
.timeleft3
{
18633 background-color: #e04938;
18636 #quiz-timer-wrapper #quiz-timer
.timeleft4
{
18637 background-color: #e25546;
18640 #quiz-timer-wrapper #quiz-timer
.timeleft5
{
18641 background-color: #e46153;
18644 #quiz-timer-wrapper #quiz-timer
.timeleft6
{
18645 background-color: #e66d60;
18648 #quiz-timer-wrapper #quiz-timer
.timeleft7
{
18649 background-color: #e8796d;
18652 #quiz-timer-wrapper #quiz-timer
.timeleft8
{
18653 background-color: #ea867a;
18656 #quiz-timer-wrapper #quiz-timer
.timeleft9
{
18657 background-color: #ec9288;
18660 #quiz-timer-wrapper #quiz-timer
.timeleft10
{
18661 background-color: #ee9e95;
18664 #quiz-timer-wrapper #quiz-timer
.timeleft11
{
18665 background-color: #f0aaa2;
18668 #quiz-timer-wrapper #quiz-timer
.timeleft12
{
18669 background-color: #f2b6af;
18672 #quiz-timer-wrapper #quiz-timer
.timeleft13
{
18673 background-color: #f4c2bc;
18676 #quiz-timer-wrapper #quiz-timer
.timeleft14
{
18677 background-color: #f7ceca;
18680 #quiz-timer-wrapper #quiz-timer
.timeleft15
{
18681 background-color: #f9dad7;
18684 #quiz-timer-wrapper #quiz-timer
.timeleft16
{
18685 background-color: #fbe6e4;
18688 .path-mod-assign [data-region="grade-actions-panel"] [data-region="grade-actions"] .collapse-buttons {
18691 .path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fcontainer .fitem.popout .felement {
18692 height: calc
(100% - 4rem); }
18694 .path-mod-assign [data-region="grade-panel"] {
18695 padding-top: 1rem; }
18697 .path-mod-assign
[data-region
="grade-panel"] .fitem
> .col-md-3
,
18698 .path-mod-assign [data-region="grade-panel"] .fitem > .col-md-9 {
18704 .path-mod-assign
[data-region
="grade-panel"] fieldset
,
18705 .path-mod-assign [data-region="grade-panel"] .fitem.row {
18708 .path-mod-assign [data-region="grade-panel"] .mform .fitem.has-popout .felement {
18711 .path-mod-assign [data-region="grade-panel"] .mform .fitem .felement {
18714 .path-mod-assign [data-region="grade-panel"] .popout {
18715 background-color: #fff; }
18717 .path-mod-assign [data-region="grade-panel"] .fitem.has-popout {
18718 background-color: #fff;
18719 border-radius: 0.25rem;
18720 border: 1px solid rgba
(0, 0, 0, 0.125);
18722 margin-bottom: 1rem; }
18724 .path-mod-assign [data-region="grade-panel"] .has-popout .col-md-3 {
18725 border-bottom: 1px solid rgba
(0, 0, 0, 0.1);
18726 margin-bottom: 1rem; }
18728 .path-mod-assign [data-region="grade-panel"] .popout > .col-md-3 {
18730 align-items: flex-start
;
18731 justify-content: space-between
;
18732 font-size: 1.40625rem; }
18734 .path-mod-assign [data-region="grade-panel"] .popout [data-region="popout-button"] {
18737 .path-mod-assign [data-region="assignment-info"] {
18738 overflow-y: hidden
; }
18740 .path-mod-assign [data-region="grading-navigation"] {
18743 .path-mod-assign [data-region="grade-actions"] {
18746 .path-mod-assign [data-region="user-info"] .img-rounded {
18749 .path-mod-assign [data-region="grading-navigation-panel"] {
18752 @media (max-width: 767px) {
18753 .path-mod-assign [data-region="grading-navigation-panel"] {
18755 .path-mod-assign [data-region="user-info"] {
18756 margin-top: 1rem; } }
18758 .path-mod-assign [data-region="grading-navigation"] [data-region="input-field"] input {
18760 display: inline-block
; }
18765 .assignfeedback_editpdf_widget * {
18766 box-sizing: content-box
; }
18768 .assignfeedback_editpdf_widget button {
18769 box-sizing: border-box
; }
18771 .assignfeedback_editpdf_widget .commentcolourbutton img {
18774 .assignfeedback_editpdf_widget .label {
18775 position: relative
;
18776 padding: 0.75rem 1.25rem;
18777 margin-bottom: 1rem;
18778 border: 0 solid transparent
;
18779 border-radius: 0.25rem;
18781 background-color: #cce6ea;
18782 border-color: #b8dce2;
18783 /* stylelint-disable-line max-line-length */ }
18784 .assignfeedback_editpdf_widget .label hr {
18785 border-top-color: #a6d3db; }
18786 .assignfeedback_editpdf_widget .label .alert-link {
18789 .assignfeedback_editpdf_menu {
18792 .path-mod-assign [data-region="grade-panel"] .gradingform_guide .remark .commentchooser {
18795 .path-mod-assign [data-region="grade-panel"] .gradingform_guide .markingguideremark {
18798 .path-mod-assign [data-region="grade-panel"] .mform .fitem .felement[data-fieldtype="grading"] {
18799 padding-left: 1rem;
18800 padding-right: 1rem; }
18802 .path-mod-assign
[data-region
="grade-panel"] .showmarkerdesc
,
18803 .path-mod-assign [data-region="grade-panel"] .showstudentdesc {
18804 background-color: #fff; }
18809 .path-admin-mod-lti
.btn
.loader img
,
18810 .path-admin-mod-lti #tool-list-loader-container .loader img {
18813 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax {
18814 background-color: #fff; }
18815 .yui-skin-sam
.yui-layout
.path-mod-chat-gui_ajax
.yui-layout-unit div
.yui-layout-bd-nohd
,
18816 .yui-skin-sam
.yui-layout
.path-mod-chat-gui_ajax
.yui-layout-unit div
.yui-layout-bd-noft
,
18817 .yui-skin-sam
.yui-layout
.path-mod-chat-gui_ajax
.yui-layout-unit div
.yui-layout-bd
,
18818 .yui-skin-sam
.yui-layout
.path-mod-chat-gui_ajax
.yui-layout-unit-right
,
18819 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-bottom {
18821 .yui-skin-sam
.yui-layout
.path-mod-chat-gui_ajax
.yui-layout-unit-right
,
18822 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-bottom {
18823 border-radius: 0; }
18824 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd {
18825 background-color: transparent
; }
18826 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit.yui-layout-unit-center div.yui-layout-bd {
18827 background-color: #f8f9fa; }
18828 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area.py-3 {
18829 padding: 0 !important
;
18830 /* stylelint-disable-line declaration-no-important */ }
18831 .yui-skin-sam
.yui-layout
.path-mod-chat-gui_ajax #chat-input-area table
.generaltable
,
18832 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.generaltable td.cell {
18835 white-space: nowrap
;
18836 margin-bottom: 0; }
18837 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist {
18838 padding: 10px 5px; }
18839 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list {
18840 border-top: 1px solid
#dee2e6;
18841 border-bottom: 1px solid
#fff; }
18842 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list li {
18843 border-top: 1px solid
#fff;
18844 border-bottom: 1px solid
#dee2e6;
18845 padding: 5px 10px; }
18846 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list img {
18848 border: 1px solid
#ccc;
18849 border-radius: 4px;
18851 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages {
18852 margin: 20px 25px; }
18853 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-event.course-theme {
18854 text-align: center
;
18856 font-size: 0.8203125rem;
18858 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme {
18859 margin-bottom: 0.75rem;
18860 border-radius: 0.25rem;
18861 border: 1px solid rgba
(0, 0, 0, 0.125);
18862 padding: 1.25rem; }
18863 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme .time {
18867 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme {
18868 background-color: #fff; }
18869 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme .user {
18870 font-weight: bold
; }
18873 #page-report-participation-index .participationselectform div label
{
18874 display: inline-block
;
18877 #page-report-participation-index .participationselectform div label
[for
=menuinstanceid
] {
18880 .path-backup .mform {
18881 /* These are long labels with checkboxes on the right. */ }
18882 .path-backup .mform .grouped_settings {
18885 /* Use card styles but avoid extend because that brings in too much. */ }
18886 .path-backup .mform .grouped_settings.section_level {
18887 background-color: #fff;
18888 border-radius: 0.25rem;
18889 border: 1px solid rgba
(0, 0, 0, 0.125);
18891 margin-bottom: 1.25rem; }
18892 .path-backup .mform .grouped_settings.section_level::after {
18896 .path-backup .mform .include_setting {
18898 display: inline-block
;
18901 .path-backup .mform .normal_setting {
18903 display: inline-block
;
18908 /* Bold section labels */ }
18909 .path-backup .section_level {
18910 font-weight: bold
; }
18911 .path-backup .section_level .activity_level {
18912 font-weight: normal
; }
18913 .path-backup .proceedbutton {
18914 margin-left: auto
; }
18916 /* Override the columns width to leave more room for the labels. */
18917 .path-backup
.mform
.root_setting
,
18918 .path-backup .mform .grouped_settings {
18919 /* Striped rows like a table */ }
18920 .path-backup
.mform
.root_setting:nth-of-type
(odd
),
18921 .path-backup .mform .grouped_settings:nth-of-type(odd) {
18922 background-color: rgba
(0, 0, 0, 0.03); }
18923 .path-backup
.mform
.root_setting:nth-of-type
(even
),
18924 .path-backup .mform .grouped_settings:nth-of-type(even) {
18925 background-color: #fff; }
18926 .path-backup
.mform
.root_setting
.form-group
,
18927 .path-backup .mform .grouped_settings .form-group {
18928 /* These checkboxes with no label on the left. */ }
18929 .path-backup
.mform
.root_setting
.form-group
.col-md-3
.checkbox
,
18930 .path-backup .mform .grouped_settings .form-group .col-md-3.checkbox {
18932 .path-backup
.mform
.root_setting
.form-group
.col-md-9
.checkbox
,
18933 .path-backup .mform .grouped_settings .form-group .col-md-9.checkbox {
18937 /* Detail pair is (usually) some short label with a longer value */
18938 .path-backup .detail-pair .detail-pair-label {
18943 .path-backup .detail-pair .detail-pair-value {
18947 .path-backup .backup-restore .singlebutton {
18950 /* Make these bits full width and work with the detail-pair */
18951 .path-backup .backup-section {
18952 /* Fix for nested table headers */
18953 /* Add card styles to backup sections */
18954 background-color: #fff;
18955 border-radius: 0.25rem;
18956 border: 1px solid rgba
(0, 0, 0, 0.125);
18958 margin-bottom: 1.25rem; }
18959 .path-backup
.backup-section
.sub-header
,
18960 .path-backup
.backup-section
.backup-sub-section
,
18961 .path-backup
.backup-section
.singlebutton
,
18962 .path-backup .backup-section .header {
18966 .path-backup .backup-section th.header {
18969 .path-backup .backup-section ::after {
18973 .path-backup .backup-section::after {
18978 .path-backup .notification.dependencies_enforced {
18980 font-weight: bold
; }
18982 .path-backup .backup_progress {
18984 margin-bottom: 1rem; }
18985 .path-backup .backup_progress .backup_stage {
18987 .path-backup .backup_progress .backup_stage.backup_stage_current {
18991 .path-backup .backup_progress span.backup_stage.backup_stage_complete {
18994 #page-backup-restore .filealiasesfailures
{
18995 background-color: #f4d6d2; }
18996 #page-backup-restore .filealiasesfailures
.aliaseslist
{
18997 background-color: #fff; }
18999 .path-backup .wibbler {
19001 margin: 0 auto
10px;
19002 border-bottom: 1px solid black
;
19003 border-right: 1px solid black
;
19004 border-left: 1px solid black
;
19005 position: relative
;
19007 .path-backup .wibbler .wibble {
19008 position: absolute
;
19013 .path-backup .wibbler .state0 {
19014 background: #eee; }
19015 .path-backup .wibbler .state1 {
19016 background: #ddd; }
19017 .path-backup .wibbler .state2 {
19018 background: #ccc; }
19019 .path-backup .wibbler .state3 {
19020 background: #bbb; }
19021 .path-backup .wibbler .state4 {
19022 background: #aaa; }
19023 .path-backup .wibbler .state5 {
19024 background: #999; }
19025 .path-backup .wibbler .state6 {
19026 background: #888; }
19027 .path-backup .wibbler .state7 {
19028 background: #777; }
19029 .path-backup .wibbler .state8 {
19030 background: #666; }
19031 .path-backup .wibbler .state9 {
19032 background: #555; }
19033 .path-backup .wibbler .state10 {
19034 background: #444; }
19035 .path-backup .wibbler .state11 {
19036 background: #333; }
19037 .path-backup .wibbler .state12 {
19038 background: #222; }
19042 margin-bottom: 1rem;
19047 vertical-align: top
;
19048 border-top: 1px solid
#dee2e6; }
19049 .generaltable thead th {
19050 vertical-align: bottom
;
19051 border-bottom: 2px solid
#dee2e6; }
19052 .generaltable tbody + tbody {
19053 border-top: 2px solid
#dee2e6; }
19054 .generaltable tbody tr:nth-of-type(odd) {
19055 background-color: rgba
(0, 0, 0, 0.03); }
19056 .generaltable
.table-sm th
,
19057 .generaltable.table-sm td {
19059 .generaltable tbody tr:hover {
19061 background-color: rgba
(0, 0, 0, 0.075); }
19062 .generaltable tbody tr:hover.dimmed_text a:not(.menu-action) {
19070 caption-side: top
; }
19072 .table-dynamic .loading-icon {
19073 position: absolute
;
19074 left: calc
(50% - 1.5rem);
19076 .table-dynamic .loading-icon .icon {
19082 display: inline-block
; }
19083 .singlebutton + .singlebutton {
19084 margin-left: 0.5rem; }
19087 text-align: center
; }
19091 text-align: center
; }
19094 margin-top: 11.25rem;
19095 text-align: center
;
19096 margin-bottom: 3em; }
19097 #addcontrols label
{
19100 #addcontrols input
,
19101 #removecontrols input
{
19106 margin: 0 0 10px 5px; }
19114 border-radius: 50%;
19116 .btn.btn-icon:hover, .btn.btn-icon:focus {
19117 background-color: #e9ecef; }
19118 .btn.btn-icon.icon-size-0 {
19119 height: 20px !important
;
19120 /* stylelint-disable-line declaration-no-important */
19121 width: 20px !important
;
19122 /* stylelint-disable-line declaration-no-important */
19123 font-size: 0 !important
;
19124 /* stylelint-disable-line declaration-no-important */
19125 line-height: 0 !important
;
19126 /* stylelint-disable-line declaration-no-important */ }
19127 .btn.btn-icon.icon-size-1 {
19128 height: 24px !important
;
19129 /* stylelint-disable-line declaration-no-important */
19130 width: 24px !important
;
19131 /* stylelint-disable-line declaration-no-important */
19132 font-size: 4px !important
;
19133 /* stylelint-disable-line declaration-no-important */
19134 line-height: 4px !important
;
19135 /* stylelint-disable-line declaration-no-important */ }
19136 .btn.btn-icon.icon-size-2 {
19137 height: 28px !important
;
19138 /* stylelint-disable-line declaration-no-important */
19139 width: 28px !important
;
19140 /* stylelint-disable-line declaration-no-important */
19141 font-size: 8px !important
;
19142 /* stylelint-disable-line declaration-no-important */
19143 line-height: 8px !important
;
19144 /* stylelint-disable-line declaration-no-important */ }
19145 .btn.btn-icon.icon-size-3 {
19146 height: 36px !important
;
19147 /* stylelint-disable-line declaration-no-important */
19148 width: 36px !important
;
19149 /* stylelint-disable-line declaration-no-important */
19150 font-size: 16px !important
;
19151 /* stylelint-disable-line declaration-no-important */
19152 line-height: 16px !important
;
19153 /* stylelint-disable-line declaration-no-important */ }
19154 .btn.btn-icon.icon-size-4 {
19155 height: 44px !important
;
19156 /* stylelint-disable-line declaration-no-important */
19157 width: 44px !important
;
19158 /* stylelint-disable-line declaration-no-important */
19159 font-size: 24px !important
;
19160 /* stylelint-disable-line declaration-no-important */
19161 line-height: 24px !important
;
19162 /* stylelint-disable-line declaration-no-important */ }
19163 .btn.btn-icon.icon-size-5 {
19164 height: 52px !important
;
19165 /* stylelint-disable-line declaration-no-important */
19166 width: 52px !important
;
19167 /* stylelint-disable-line declaration-no-important */
19168 font-size: 32px !important
;
19169 /* stylelint-disable-line declaration-no-important */
19170 line-height: 32px !important
;
19171 /* stylelint-disable-line declaration-no-important */ }
19172 .btn.btn-icon.icon-size-6 {
19173 height: 60px !important
;
19174 /* stylelint-disable-line declaration-no-important */
19175 width: 60px !important
;
19176 /* stylelint-disable-line declaration-no-important */
19177 font-size: 40px !important
;
19178 /* stylelint-disable-line declaration-no-important */
19179 line-height: 40px !important
;
19180 /* stylelint-disable-line declaration-no-important */ }
19181 .btn.btn-icon.icon-size-7 {
19182 height: 68px !important
;
19183 /* stylelint-disable-line declaration-no-important */
19184 width: 68px !important
;
19185 /* stylelint-disable-line declaration-no-important */
19186 font-size: 48px !important
;
19187 /* stylelint-disable-line declaration-no-important */
19188 line-height: 48px !important
;
19189 /* stylelint-disable-line declaration-no-important */ }
19191 .btn-primary:focus, .btn-primary.focus {
19192 outline: 0.2rem solid
#000102;
19193 box-shadow: inset
0 0 0 2px #fff; }
19195 .btn-secondary:focus, .btn-secondary.focus {
19196 outline: 0.2rem solid
#5f6e7d;
19197 box-shadow: inset
0 0 0 2px #fff; }
19199 .btn-success:focus, .btn-success.focus {
19200 outline: 0.2rem solid black
;
19201 box-shadow: inset
0 0 0 2px #fff; }
19203 .btn-info:focus, .btn-info.focus {
19204 outline: 0.2rem solid black
;
19205 box-shadow: inset
0 0 0 2px #fff; }
19207 .btn-warning:focus, .btn-warning.focus {
19208 outline: 0.2rem solid
#694109;
19209 box-shadow: inset
0 0 0 2px #fff; }
19211 .btn-danger:focus, .btn-danger.focus {
19212 outline: 0.2rem solid
#1a0604;
19213 box-shadow: inset
0 0 0 2px #fff; }
19215 .btn-light:focus, .btn-light.focus {
19216 outline: 0.2rem solid
#8193a5;
19217 box-shadow: inset
0 0 0 2px #fff; }
19219 .btn-dark:focus, .btn-dark.focus {
19220 outline: 0.2rem solid black
;
19221 box-shadow: inset
0 0 0 2px #fff; }
19223 .btn-outline-primary:focus, .btn-outline-primary.focus {
19224 outline: 0.2rem solid
#000102;
19225 box-shadow: inset
0 0 0 2px #343a40; }
19227 .btn-outline-secondary:focus, .btn-outline-secondary.focus {
19228 outline: 0.2rem solid
#5f6e7d;
19229 box-shadow: inset
0 0 0 2px #343a40; }
19231 .btn-outline-success:focus, .btn-outline-success.focus {
19232 outline: 0.2rem solid black
;
19233 box-shadow: inset
0 0 0 2px #343a40; }
19235 .btn-outline-info:focus, .btn-outline-info.focus {
19236 outline: 0.2rem solid black
;
19237 box-shadow: inset
0 0 0 2px #343a40; }
19239 .btn-outline-warning:focus, .btn-outline-warning.focus {
19240 outline: 0.2rem solid
#694109;
19241 box-shadow: inset
0 0 0 2px #343a40; }
19243 .btn-outline-danger:focus, .btn-outline-danger.focus {
19244 outline: 0.2rem solid
#1a0604;
19245 box-shadow: inset
0 0 0 2px #343a40; }
19247 .btn-outline-light:focus, .btn-outline-light.focus {
19248 outline: 0.2rem solid
#8193a5;
19249 box-shadow: inset
0 0 0 2px #343a40; }
19251 .btn-outline-dark:focus, .btn-outline-dark.focus {
19252 outline: 0.2rem solid black
;
19253 box-shadow: inset
0 0 0 2px #343a40; }
19256 font-size: 0.9375rem; }
19258 .gradetreebox th
.cell
,
19259 .gradetreebox input[type=text] {
19262 .gradetreebox input
[type
=text
],
19263 .gradetreebox select {
19264 margin-bottom: 0; }
19266 .core_grades_notices .singlebutton {
19267 display: inline-block
; }
19269 .path-grade-report #maincontent + .urlselect {
19270 position: absolute
;
19273 .path-grade-report-grader #region-main {
19274 overflow-x: visible
;
19277 display: inline-flex
;
19278 flex-direction: column
; }
19279 .path-grade-report-grader #region-main > .card {
19281 overflow-x: initial
; }
19282 .path-grade-report-grader #region-main div[role="main"] {
19285 .path-grade-report-grader [data-region="blocks-column"] {
19289 .path-grade-report-grader
.gradepass
,
19290 .path-grade-report-user .gradepass {
19293 .path-grade-report-grader
.gradefail
,
19294 .path-grade-report-user .gradefail {
19297 #page-grade-grading-manage #activemethodselector label
{
19298 display: inline-block
; }
19300 #page-grade-grading-manage #activemethodselector
.helptooltip
{
19301 margin-right: 0.5em; }
19303 #page-grade-grading-manage .actions
{
19305 text-align: center
;
19306 margin-bottom: 1em; }
19307 #page-grade-grading-manage .actions
.action
{
19308 display: inline-block
;
19309 position: relative
;
19310 vertical-align: top
;
19312 text-align: center
;
19316 border: 1px solid
#aaa; }
19317 #page-grade-grading-manage .actions
.action
.action-text
{
19318 position: relative
;
19321 white-space: normal
; }
19323 #page-grade-grading-form-rubric-edit .gradingform_rubric_editform
.status
{
19326 #rubric-rubric.gradingform_rubric #rubric-criteria
{
19327 margin-bottom: 1em; }
19328 #rubric-rubric.gradingform_rubric #rubric-criteria
.criterion
.description
{
19329 vertical-align: top
;
19331 #rubric-rubric.gradingform_rubric #rubric-criteria
.criterion
.description textarea
{
19334 #rubric-rubric.gradingform_rubric #rubric-criteria
.criterion
.definition textarea
{
19336 margin-bottom: 0; }
19337 #rubric-rubric.gradingform_rubric #rubric-criteria
.criterion
.score
{
19338 position: relative
;
19340 margin-right: 28px; }
19341 #rubric-rubric.gradingform_rubric #rubric-criteria
.criterion
.score input
{
19342 margin-bottom: 0; }
19343 #rubric-rubric.gradingform_rubric #rubric-criteria
.criterion
.level
{
19344 vertical-align: top
;
19346 #rubric-rubric.gradingform_rubric #rubric-criteria
.criterion
.level
.delete
{
19347 position: relative
;
19353 #rubric-rubric.gradingform_rubric #rubric-criteria
.criterion
.level
.delete input
{
19355 position: absolute
;
19361 #rubric-rubric.gradingform_rubric #rubric-criteria
.criterion
.level
.delete
input:hover
{
19362 background-color: #ddd; }
19363 #rubric-rubric.gradingform_rubric #rubric-criteria
.criterion
.scorevalue input
{
19366 #rubric-rubric.gradingform_rubric #rubric-criteria
.criterion
.scorevalue input
.hiddenelement
, #rubric-rubric
.gradingform_rubric #rubric-criteria
.criterion
.scorevalue input
.pseudotablink
{
19368 #rubric-rubric.gradingform_rubric #rubric-criteria
.criterion
.addlevel
{
19369 vertical-align: top
;
19370 padding-top: 6px; }
19371 #rubric-rubric.gradingform_rubric #rubric-criteria
.criterion
.addlevel input
{
19373 line-height: 1rem; }
19375 #rubric-rubric.gradingform_rubric
.addcriterion
{
19378 margin-bottom: 1em; }
19379 #rubric-rubric.gradingform_rubric
.addcriterion input
{
19382 text-shadow: inherit
;
19384 line-height: inherit
;
19385 background: transparent url
([[pix:t
/add
]]) no-repeat
7px 8px;
19386 padding-left: 26px; }
19388 #rubric-rubric.gradingform_rubric
.options
{
19390 #rubric-rubric.gradingform_rubric
.options
.option label
{
19393 font-size: inherit
;
19394 font-weight: normal
;
19398 background-color: transparent
; }
19399 #rubric-rubric.gradingform_rubric
.options
.option input
{
19401 margin-right: 12px; }
19403 .grade-display .description {
19406 .criterion .description {
19409 .criterion .criterion-toggle .expanded-icon {
19412 .criterion .criterion-toggle .collapsed-icon {
19415 .criterion .criterion-toggle.collapsed .expanded-icon {
19418 .criterion .criterion-toggle.collapsed .collapsed-icon {
19421 .path-grade-edit-tree .setup-grades h4 {
19424 .path-grade-edit-tree .setup-grades .column-rowspan {
19430 .path-grade-edit-tree .setup-grades .category td.column-name {
19433 .path-grade-edit-tree .setup-grades td.column-name {
19434 padding-left: 24px; }
19436 .path-grade-edit-tree .setup-grades td.movehere {
19439 .path-grade-edit-tree .setup-grades td.movehere a.movehere {
19443 border: 2px dashed
#343a40; }
19445 .path-grade-edit-tree
.setup-grades
.category input
[type
="text"],
19446 .path-grade-edit-tree
.setup-grades
.category
.column-range
,
19447 .path-grade-edit-tree
.setup-grades
.categoryitem
,
19448 .path-grade-edit-tree .setup-grades .courseitem {
19449 font-weight: bold
; }
19451 .path-grade-edit-tree .setup-grades .emptyrow {
19454 .path-grade-edit-tree .setup-grades .gradeitemdescription {
19455 font-weight: normal
;
19456 padding-left: 24px; }
19458 .path-grade-edit-tree .setup-grades .column-weight {
19459 white-space: nowrap
; }
19460 .path-grade-edit-tree .setup-grades .column-weight.level3 {
19461 padding-left: 37px; }
19462 .path-grade-edit-tree .setup-grades .column-weight.level4 {
19463 padding-left: 66px; }
19464 .path-grade-edit-tree .setup-grades .column-weight.level5 {
19465 padding-left: 95px; }
19466 .path-grade-edit-tree .setup-grades .column-weight.level6 {
19467 padding-left: 124px; }
19468 .path-grade-edit-tree .setup-grades .column-weight.level7 {
19469 padding-left: 153px; }
19470 .path-grade-edit-tree .setup-grades .column-weight.level8 {
19471 padding-left: 182px; }
19472 .path-grade-edit-tree .setup-grades .column-weight.level9 {
19473 padding-left: 211px; }
19474 .path-grade-edit-tree .setup-grades .column-weight.level10 {
19475 padding-left: 240px; }
19477 .path-grade-edit-tree .setup-grades .column-range.level2 {
19478 padding-left: 37px; }
19480 .path-grade-edit-tree .setup-grades .column-range.level3 {
19481 padding-left: 66px; }
19483 .path-grade-edit-tree .setup-grades .column-range.level4 {
19484 padding-left: 95px; }
19486 .path-grade-edit-tree .setup-grades .column-range.level5 {
19487 padding-left: 124px; }
19489 .path-grade-edit-tree .setup-grades .column-range.level6 {
19490 padding-left: 153px; }
19492 .path-grade-edit-tree .setup-grades .column-range.level7 {
19493 padding-left: 182px; }
19495 .path-grade-edit-tree .setup-grades .column-range.level8 {
19496 padding-left: 211px; }
19498 .path-grade-edit-tree .setup-grades .column-range.level9 {
19499 padding-left: 240px; }
19501 .path-grade-edit-tree .setup-grades .column-range.level10 {
19502 padding-left: 269px; }
19504 .path-grade-edit-tree .setup-grades.generaltable .levelodd {
19505 background-color: rgba
(0, 0, 0, 0.03); }
19510 .path-grade-report-grader
.gradeparent tr
.cell
,
19511 .path-grade-report-grader .gradeparent .floater .cell {
19512 background-color: #fff; }
19514 .path-grade-report-grader
.gradeparent table
,
19515 .path-grade-report-grader .gradeparent .cell {
19516 border-color: #dee2e6; }
19518 .path-grade-report-grader
.gradeparent
.userrow
.odd
.cell
,
19519 .path-grade-report-grader
.gradeparent
.floater
.cell
.odd
,
19520 .path-grade-report-grader
.gradeparent
.heading
.cell
,
19521 .path-grade-report-grader
.gradeparent
.cell
.category
,
19522 .path-grade-report-grader .gradeparent .avg .cell {
19523 background-color: #f8f9fa; }
19525 .path-grade-report-grader .gradeparent table .clickable {
19528 .path-grade-report-grader .gradeparent tr.heading {
19533 .path-grade-report-grader .gradeparent tr.lastrow {
19537 .path-grade-report-grader
.gradeparent tr
.lastrow td
,
19538 .path-grade-report-grader .gradeparent tr.lastrow th {
19539 border-top: 1px solid
#dee2e6; }
19541 .path-grade-report-grader .gradeparent th.header {
19545 .path-grade-report-grader .gradeparent td.noborder {
19546 border-right: transparent
; }
19548 .path-grade-report-grader .show-drawer-left .gradeparent th.header {
19554 .path-grade-report-user .user-grade {
19556 .path-grade-report-user .user-grade.generaltable .levelodd {
19557 background-color: rgba
(0, 0, 0, 0.03); }
19558 .path-grade-report-user
.user-grade
.column-contributiontocoursetotal
,
19559 .path-grade-report-user
.user-grade
.column-range
,
19560 .path-grade-report-user
.user-grade
.column-percentage
,
19561 .path-grade-report-user .user-grade .column-weight {
19568 .path-grade-report-singleview input[name^="finalgrade"] {
19571 .columns-autoflow-1to1to1 {
19574 @media (max-width: 767px) {
19575 .columns-autoflow-1to1to1 {
19576 column-count: 1; } }
19578 /* some very targetted corrections to roll back nameclashes between
19579 * Moodle and Bootstrap like .row, .label, .content, .controls
19581 * Mostly relies on these styles being more specific than the Bootstrap
19582 * ones in order to overule them.
19585 .file-picker td.label {
19586 background: inherit
;
19590 white-space: normal
;
19592 font-size: inherit
;
19593 line-height: inherit
;
19594 text-align: inherit
; }
19596 .file-picker td.label {
19597 display: table-cell
;
19601 .choosercontainer #chooseform .option label {
19604 /* block.invisible vs .invisible
19605 * block.hidden vs .invisible
19607 * uses .invisible where the rest of Moodle uses @mixin dimmed
19608 * fixible in block renderer?
19610 * There's seems to be even more naming confusion here since,
19611 * blocks can be actually 'visible' (or not) to students,
19612 * marked 'visible' but really just dimmed to indicate to editors
19613 * that students can't see them or 'visible' to the user who
19614 * collapses them, 'visible' if you have the right role and in
19615 * different circumstances different sections of a block can
19616 * be 'visible' or not.
19618 * currently worked around in renderers.php function block{}
19619 * by rewriting the class name "invisible" to "dimmed",
19620 * though the blocks don't look particularly different apart
19621 * from their contents disappearing. Maybe try .muted? or
19622 * dimming all the edit icons apart from unhide, might be a
19623 * nice effect, though they'd still be active. Maybe reverse
19629 visibility: visible
;
19634 * very tricky to track down this when it goes wrong,
19635 * since the styles are applied to generated content
19637 * basically if you see things shifted left or right compared
19638 * with where they should be check for a .row
19641 margin-left: 0 !important
;
19642 /* stylelint-disable-line declaration-no-important */ }
19644 .forumpost
.row:before
,
19645 .forumpost .row:after {
19648 /* fieldset.hidden vs .hidden
19650 * Moodle uses fieldset.hidden for mforms, to signify a collection of
19651 * form elements that don't have a box drawn round them. Bootstrap
19652 * uses hidden for stuff that is hidden in various responsive modes.
19654 * Relatedly, there is also fieldset.invisiblefieldset which hides the
19655 * border and sets the display to inline.
19657 * Originally this just set block and visible, but it is used
19658 * in random question dialogue in Quiz,
19659 * that dialogue is hidden and shown, so when hidden the
19660 * above workaround leaves you with a button floating around
19664 visibility: inherit
; }
19666 /* .container vs .container
19668 * bootstrap uses .container to set the width of the layout at 960px or so, Moodle uses it
19669 * in the Quiz to contain the questions to add. If you don't overule the Bootstrap code,
19670 * it becomes near unuseable.
19672 #questionbank + .container
{
19675 body:not
(.jsenabled
) .dropdown:hover
> .dropdown-menu
{
19677 margin-top: -6px; }
19679 body:not
(.jsenabled
) .langmenu:hover
> .dropdown-menu
,
19680 .langmenu.open > .dropdown-menu {
19683 overflow-y: auto
; }
19685 .navbar.fixed-top .dropdown .dropdown-menu {
19686 max-height: calc
(100vh - 50px);
19687 overflow-y: auto
; }
19689 .page-item.active .page-link, .page-item.active .page-link:hover, .page-item.active .page-link:focus {
19690 z-index: inherit
; }
19692 /* Force positioning of popover arrows.
19694 * The Css prefixer used in Moodle does not support complex calc statements used
19695 * in Bootstrap 4 CSS. For example:
19696 * calc((0.5rem + 1px) * -1); is stripped out by lib/php-css-parser/Parser.php.
19697 * See MDL-61879. For now the arrow positions of popovers are fixed until this is resolved.
19699 .bs-popover-right
.arrow
, .bs-popover-auto
[x-placement^
="right"] .arrow
,
19700 .bs-popover-auto[x-placement^="right"] .arrow {
19703 .bs-popover-left
.arrow
, .bs-popover-auto
[x-placement^
="left"] .arrow
,
19704 .bs-popover-auto[x-placement^="left"] .arrow {
19707 .bs-popover-top
.arrow
, .bs-popover-auto
[x-placement^
="top"] .arrow
,
19708 .bs-popover-auto[x-placement^="top"] .arrow {
19711 .bs-popover-bottom
.arrow
, .bs-popover-auto
[x-placement^
="bottom"] .arrow
,
19712 .bs-popover-auto[x-placement^="bottom"] .arrow {
19716 word-wrap: normal
; }
19718 /* Add commented out carousel transistions back in.
19720 * The Css prefixer used in Moodle breaks on @supports syntax, See MDL-61515.
19722 .carousel-item-next
.carousel-item-left
,
19723 .carousel-item-prev.carousel-item-right {
19724 transform: translateX
(0); }
19726 .carousel-item-next
,
19727 .active.carousel-item-right {
19728 transform: translateX
(100%); }
19730 .carousel-item-prev
,
19731 .active.carousel-item-left {
19732 transform: translateX
(-100%); }
19735 * Reset all of the forced style on the page.
19736 * - Remove borders on header and content.
19737 * - Remove most of the vertical padding.
19738 * - Make the content region flex grow so it pushes things like the
19739 * next activity selector to the bottom of the page.
19741 body
.behat-site
.fixed-top
{
19742 position: absolute
; }
19744 body
.behat-site
.dropdown-item
{
19745 margin-top: 4px !important
;
19746 /* stylelint-disable declaration-no-important */ }
19748 body
.behat-site
.drawer-ease
{
19749 -webkit-transition: initial
;
19750 -moz-transition: initial
;
19751 transition: initial
; }
19753 body
.behat-site
[data-region
="drawer"] {
19754 -webkit-transition: initial
;
19755 -moz-transition: initial
;
19756 transition: initial
;
19757 position: absolute
; }
19759 body
.behat-site
.custom-control
,
19760 body
.behat-site
.custom-switch
{
19763 body
.behat-site
.custom-control-input
{
19769 body
.behat-site
.custom-control-label::before
, body
.behat-site
.custom-control-label::after
{
19772 body
.behat-site
[data-region
="message-drawer"] {
19773 padding-right: 10px; }
19775 body
.behat-site
.jsenabled #page-footer
.footer-content-popover
{
19778 body
.behat-site
.path-grade-report-grader
.gradeparent tr
.heading
,
19779 body
.behat-site
.path-grade-report-grader
.gradeparent tr
.lastrow
,
19780 body
.behat-site
.path-grade-report-grader
.gradeparent th
.header
{
19781 position: relative
;
19784 body
.behat-site
.path-grade-report-grader
.gradeparent tr
.heading
{
19795 border: 1px solid
#000;
19797 vertical-align: baseline
;
19799 background-color: #ccc; }
19802 background-color: #ccf;
19803 font-weight: bold
; }
19806 background-color: #99c;
19807 font-weight: bold
; }
19810 * This file contains the styles required to make the footer sticky.
19819 flex-direction: column
; }
19820 #page-wrapper #page
{
19823 flex-direction: column
; }
19824 #page-wrapper #page #page-content
{
19826 #page-wrapper #page-footer
{
19830 position: relative
; }
19831 .popover-region.collapsed .popover-region-toggle:before, .popover-region.collapsed .popover-region-toggle:after {
19833 .popover-region.collapsed .popover-region-container {
19835 visibility: hidden
;
19838 transition: height
0.25s, opacity
101ms 0.25s, visibility
101ms 0.25s; }
19840 .popover-region-toggle {
19842 .popover-region-toggle::before {
19844 display: inline-block
;
19845 border-left: 10px solid transparent
;
19846 border-right: 10px solid transparent
;
19847 border-bottom: 10px solid
#ddd;
19848 position: absolute
;
19851 .popover-region-toggle::after {
19853 display: inline-block
;
19854 border-left: 9px solid transparent
;
19855 border-right: 9px solid transparent
;
19856 border-bottom: 9px solid
#fff;
19857 position: absolute
;
19864 border-radius: 2px;
19865 background-color: #ca3120;
19869 position: absolute
;
19873 .popover-region-container {
19875 visibility: visible
;
19876 position: absolute
;
19881 border: 1px solid
#ddd;
19882 transition: height
0.25s;
19883 background-color: #fff;
19886 .popover-region-header-container {
19890 padding-right: 5px;
19891 border-bottom: 1px solid
#ddd;
19892 box-sizing: border-box
; }
19894 .popover-region-footer-container {
19896 text-align: center
;
19897 border-top: 1px solid
#ddd;
19898 background-color: #fff;
19899 padding-top: 3px; }
19901 .popover-region-header-text {
19905 line-height: 25px; }
19907 .popover-region-header-actions {
19909 .popover-region-header-actions > * {
19912 display: inline-block
; }
19913 .popover-region-header-actions .loading-icon {
19917 .popover-region-header-actions .newmessage-link {
19918 margin-right: 10px; }
19919 .popover-region-header-actions label {
19920 display: inline-block
;
19921 text-align: center
;
19922 margin-bottom: 0; }
19924 .popover-region-content-container {
19925 height: calc
(100% - 55px);
19928 -webkit-overflow-scrolling: touch
; }
19929 .popover-region-content-container > .loading-icon {
19931 text-align: center
;
19933 box-sizing: border-box
; }
19934 .popover-region-content-container .empty-message {
19936 text-align: center
;
19938 .popover-region-content-container.loading > .loading-icon {
19940 .popover-region-content-container.loading .empty-message {
19943 .navbar-nav .popover-region .icon {
19944 font-weight: bolder
; }
19946 .navbar .popover-region.collapsed .popover-region-container {
19948 visibility: hidden
;
19951 transition: height
0.25s, opacity
101ms 0.25s, visibility
101ms 0.25s; }
19953 .navbar .count-container {
19955 border-radius: 2px;
19956 background-color: #ca3120;
19960 position: absolute
;
19964 .navbar .popover-region-container {
19967 .content-item-container {
19969 border-bottom: 1px solid
#ddd;
19970 box-sizing: border-box
;
19972 position: relative
;
19976 text-decoration: none
; }
19977 .content-item-container:hover {
19979 background-color: #0f6cbf; }
19980 .content-item-container:hover .content-item-footer .timestamp {
19982 .content-item-container:hover .view-more {
19984 .content-item-container.unread {
19986 background-color: #f4f4f4; }
19987 .content-item-container.unread:hover {
19989 background-color: #0f6cbf; }
19990 .content-item-container.unread .content-item-body .notification-message {
19991 font-weight: 600; }
19992 .content-item-container .context-link {
19994 text-decoration: none
; }
19995 .content-item-container .content-item-body {
19996 box-sizing: border-box
;
19997 margin-bottom: 5px; }
19998 .content-item-container .content-item-footer {
20000 box-sizing: border-box
; }
20001 .content-item-container .content-item-footer .timestamp {
20006 margin-left: 24px; }
20007 .content-item-container .view-more {
20008 position: absolute
;
20012 line-height: 12px; }
20013 .content-item-container .view-more:hover {
20015 .content-item-container.notification .content-item-body .notification-image {
20016 display: inline-block
;
20020 .content-item-container.notification .content-item-body .notification-image img {
20022 .content-item-container.notification .content-item-body .notification-message {
20023 display: inline-block
;
20025 width: calc
(100% - 24px); }
20026 .content-item-container.selected {
20027 background-color: #4f94cd;
20029 border-color: #4f94cd; }
20030 .content-item-container.selected .content-item-footer .timestamp {
20033 .popover-region-notifications .popover-region-header-container .mark-all-read-button .normal-icon {
20034 display: inline-block
; }
20036 .popover-region-notifications .popover-region-header-container .mark-all-read-button.loading .normal-icon {
20039 .popover-region-notifications .popover-region-header-container .mark-all-read-button.loading .loading-icon {
20040 display: inline-block
; }
20042 .popover-region-notifications .all-notifications {
20044 visibility: visible
;
20046 overflow: hidden
; }
20047 .popover-region-notifications .all-notifications:empty + .empty-message {
20050 .popover-region-notifications .notification-image {
20051 display: inline-block
;
20053 vertical-align: top
; }
20054 .popover-region-notifications .notification-image img {
20057 .popover-region-notifications .notification-message {
20058 display: inline-block
;
20061 .popover-region-notifications .popover-region-content-container.loading .all-notifications:empty + .empty-message {
20064 .popover-region-messages .mark-all-read-button .normal-icon {
20065 display: inline-block
; }
20067 .popover-region-messages .mark-all-read-button.loading .normal-icon {
20070 .popover-region-messages .mark-all-read-button.loading .loading-icon {
20071 display: inline-block
; }
20073 .popover-region-messages .popover-region-content-container.loading .popover-region-content .messages:empty + .empty-message {
20076 .popover-region-messages .messages:empty + .empty-message {
20079 .popover-region-messages .content-item-container.unread .content-item-body {
20081 width: calc
(90% - 30px); }
20083 .popover-region-messages .content-item-container.unread .unread-count-container {
20084 display: inline-block
;
20086 text-align: center
;
20089 .popover-region-messages .content-item {
20092 box-sizing: border-box
; }
20094 .popover-region-messages .profile-image-container {
20096 display: inline-block
;
20097 text-align: center
;
20099 .popover-region-messages .profile-image-container img {
20101 display: inline-block
;
20102 vertical-align: middle
;
20103 border-radius: 50%; }
20105 .popover-region-messages .content-item-body {
20106 display: inline-block
;
20107 box-sizing: border-box
;
20108 width: calc
(100% - 30px);
20110 padding-left: 10px;
20111 overflow: hidden
; }
20112 .popover-region-messages .content-item-body h3 {
20117 .popover-region-messages .content-item-body p {
20120 .popover-region-messages .unread-count-container {
20123 @media (max-width: 767px) {
20124 .navbar .popover-region .popover-region-container {
20127 @media (max-width: 480px) {
20128 .navbar .popover-region .popover-region-container {
20138 * Tour step must sit above all other UI components.
20139 * The backdrop is the lowest point in the tour.
20140 * Everything else is in the container, and the target background should be at the same z-index.
20142 * ---- step backdrop
20143 * --- step container
20144 * --- step target background
20146 div
[data-flexitour
="backdrop"] {
20147 background-color: #000;
20151 div
[data-flexitour
="step-background-fader"],
20152 div
[data-flexitour
="step-background"] {
20153 border-radius: 0.3rem;
20157 span
[data-flexitour
="container"],
20158 div
[data-flexitour
="step-background-fader"],
20159 [data-flexitour
="step-backdrop"] > td
,
20160 [data-flexitour
="step-backdrop"] {
20163 span
[data-flexitour
="container"] .modal-dialog
{
20165 * Remove all margins to:
20166 * 1) ensure that the arrow touches the target; and
20167 * 2) ensure that the focus border touches the modal.
20171 span
[data-flexitour
="container"] div
[data-role
="arrow"] {
20172 border-width: 1rem; }
20174 span
[data-flexitour
="container"] div
[data-role
="arrow"],
20175 span
[data-flexitour
="container"] div
[data-role
="arrow"]:after
{
20176 position: absolute
;
20180 border-color: transparent
;
20181 border-style: solid
;
20182 border-width: 1rem; }
20184 span
[data-flexitour
="container"][x-placement
="top"], span
[data-flexitour
="container"][x-placement
="top-start"] {
20185 margin-bottom: 1rem; }
20186 span
[data-flexitour
="container"][x-placement
="top"] div
[data-role
="arrow"], span
[data-flexitour
="container"][x-placement
="top-start"] div
[data-role
="arrow"] {
20189 margin-left: -1rem;
20190 border-bottom-width: 0;
20191 border-top-color: rgba
(0, 0, 0, 0.25); }
20192 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
{
20194 margin-left: -1rem;
20196 border-bottom-width: 0;
20197 border-top-color: #fff; }
20199 span
[data-flexitour
="container"][x-placement
="bottom"], span
[data-flexitour
="container"][x-placement
="bottom-start"] {
20200 margin-top: 1rem; }
20201 span
[data-flexitour
="container"][x-placement
="bottom"] div
[data-role
="arrow"], span
[data-flexitour
="container"][x-placement
="bottom-start"] div
[data-role
="arrow"] {
20204 margin-left: -1rem;
20205 border-top-width: 0;
20206 border-bottom-color: rgba
(0, 0, 0, 0.25); }
20207 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
{
20209 margin-left: -1rem;
20211 border-top-width: 0;
20212 border-bottom-color: #fff; }
20214 span
[data-flexitour
="container"][x-placement
="left"], span
[data-flexitour
="container"][x-placement
="left-start"] {
20215 margin-right: 1rem; }
20216 span
[data-flexitour
="container"][x-placement
="left"] div
[data-role
="arrow"], span
[data-flexitour
="container"][x-placement
="left-start"] div
[data-role
="arrow"] {
20220 border-right-width: 0;
20221 border-left-color: rgba
(0, 0, 0, 0.25); }
20222 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
{
20226 border-right-width: 0;
20227 border-left-color: #fff; }
20229 span
[data-flexitour
="container"][x-placement
="right"], span
[data-flexitour
="container"][x-placement
="right-start"] {
20230 margin-left: 1rem; }
20231 span
[data-flexitour
="container"][x-placement
="right"] div
[data-role
="arrow"], span
[data-flexitour
="container"][x-placement
="right-start"] div
[data-role
="arrow"] {
20235 border-left-width: 0;
20236 border-right-color: rgba
(0, 0, 0, 0.25); }
20237 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
{
20241 border-left-width: 0;
20242 border-right-color: #fff; }
20244 [data-region
="drawer"] [data-flexitour
="container"] {
20246 margin-left: -15px;
20250 body
.drawer-open-left
.jsenabled
,
20251 body
.drawer-open-right
.jsenabled
{
20256 .modal .modal-body > .loading-icon {
20258 position: relative
;
20261 .modal .modal-body > .loading-icon .icon {
20262 position: absolute
;
20266 transform: translate
(-50%, -50%); }
20269 margin: -0.8rem -0.8rem -0.8rem auto
; }
20270 .modal .close:not(:disabled):not(.disabled):hover, .modal .close:not(:disabled):not(.disabled):focus {
20271 opacity: inherit
; }
20273 .layout.fullscreen {
20283 background-color: #fff; }
20284 @media
(prefers-reduced-motion: reduce
) {
20285 .layout.fullscreen {
20286 transition: none
; } }
20287 .layout.fullscreen > div {
20290 .layout.fullscreen .loading-icon {
20292 margin-right: auto
;
20293 text-align: center
;
20294 display: inline-block
;
20298 .layout.fullscreen .loading-icon .icon {
20304 margin-top: calc
(50px + 2rem);
20305 padding-left: 15px;
20306 padding-right: 15px;
20307 scrollbar-width: thin
;
20308 scrollbar-color: #6a737b #f8f9fa; }
20309 #page.drawers::-webkit-scrollbar
{
20311 #page.drawers::-webkit-scrollbar-track
{
20312 background: #f8f9fa; }
20313 #page.drawers::-webkit-scrollbar-thumb
{
20314 background-color: #6a737b;
20315 border-radius: 20px;
20316 border: 3px solid
#f8f9fa; }
20317 #page.drawers::-webkit-scrollbar-thumb:hover
{
20318 background-color: #495057; }
20319 #page.drawers
.main-inner
{
20323 border-radius: 0.25rem;
20324 background-color: #fff;
20325 padding: 1.5rem 0.5rem;
20327 margin-bottom: 3rem;
20329 #page.drawers div
[role
="main"] {
20330 padding-left: 15px;
20331 padding-right: 15px; }
20332 #page.drawers
.activity-header
{
20334 margin-right: 15px; }
20336 @media (min-width: 768px) {
20337 .pagelayout-standard #page
.drawers
.main-inner
,
20338 body
.limitedwidth #page
.drawers
.main-inner
{
20339 max-width: 830px; }
20340 .pagelayout-standard #page
.drawers
.footer-popover
,
20341 body
.limitedwidth #page
.drawers
.footer-popover
{
20345 border-radius: 0.25rem; }
20349 padding-left: 15px;
20350 padding-right: 15px; }
20351 .header-maxwidth .header-inner {
20353 padding-right: 0; } }
20355 .drawer-toggles .drawer-toggler {
20357 top: calc
(50px + 0.7rem);
20359 .drawer-toggles .drawer-toggler .btn {
20360 border-radius: 200px;
20362 background-color: #dee2e6;
20363 box-shadow: 0 0.125rem 0.25rem rgba
(0, 0, 0, 0.075);
20364 transition: padding
200ms; }
20365 .drawer-toggles .drawer-toggler .btn .icon {
20368 .drawer-toggles .drawer-toggler .btn:focus {
20369 box-shadow: 0 0 0 0.2rem rgba
(15, 108, 191, 0.75); }
20371 .drawer-toggles .drawer-left-toggle {
20373 .drawer-toggles .drawer-left-toggle .btn {
20374 border-top-left-radius: 0;
20375 border-bottom-left-radius: 0;
20376 padding-right: 14px;
20377 padding-left: 10px; }
20378 .drawer-toggles .drawer-left-toggle .btn:hover {
20379 padding-left: 20px; }
20381 .drawer-toggles .drawer-right-toggle {
20383 .drawer-toggles .drawer-right-toggle .btn {
20384 border-top-right-radius: 0;
20385 border-bottom-right-radius: 0;
20386 padding-right: 10px;
20387 padding-left: 14px; }
20388 .drawer-toggles .drawer-right-toggle .btn:hover {
20389 padding-right: 20px; }
20391 #page.drawers
.show-drawer-left
.drawer-left-toggle
{
20394 #page.drawers
.show-drawer-right
.drawer-right-toggle
{
20397 @media (max-width: 767.98px) {
20400 .drawer-toggles
.drawer-right-toggle
,
20401 .drawer-toggles .drawer-left-toggle {
20402 top: calc
(99vh - (50px * 2)); }
20403 #page.drawers
.scroll-down
.drawer-right-toggle
{
20404 transform: translateX
(150%);
20405 pointer-events: auto
;
20406 visibility: hidden
; }
20407 #page.drawers
.scroll-down
.drawer-left-toggle
{
20408 transform: translateX
(-150%);
20409 pointer-events: auto
;
20410 visibility: hidden
; } }
20412 @media (min-width: 768px) {
20415 padding-left: 3rem;
20416 padding-right: 3rem; } }
20418 @media (min-width: 992px) {
20422 height: calc
(100vh - 50px); }
20424 position: relative
;
20427 height: calc
(100vh - 50px);
20431 @media
(min-width: 992px) and
(prefers-reduced-motion: reduce
) {
20433 transition: none
; } }
20435 @media (min-width: 992px) {
20436 #page.drawers
.show-drawer-left
{
20437 margin-left: 285px;
20439 padding-left: 1rem; }
20440 #page.drawers
.show-drawer-right
{
20442 margin-right: 315px;
20443 padding-right: 1rem; }
20444 .jsenabled #page.drawers.show-drawer-right .btn-footer-popover {
20445 right: calc
(315px + 2rem); }
20446 #page.drawers
.show-drawer-left
.show-drawer-right
{
20447 margin-left: 285px;
20448 margin-right: 315px; } }
20450 .drawercontrolbuttons {
20451 margin-top: 92px; }
20452 .drawercontrolbuttons .buttons {
20455 .form-control:-ms-input-placeholder {
20459 -webkit-appearance: none
;
20460 -moz-appearance: none
; }
20463 -webkit-appearance: none
;
20464 -moz-appearance: none
; }
20465 .custom-range::-webkit-slider-thumb, .custom-range::-moz-range-thumb, .custom-range::-ms-thumb {
20466 -webkit-appearance: none
;
20467 -moz-appearance: none
; }
20469 input
[type
="date"].form-control
,
20470 input
[type
="time"].form-control
,
20471 input
[type
="datetime-local"].form-control
,
20472 input
[type
="month"].form-control
{
20473 -webkit-appearance: none
;
20474 -moz-appearance: none
; }
20476 @media (min-width: 576px) {
20478 -webkit-column-gap: 1.25rem;
20479 -moz-column-gap: 1.25rem; } }
20482 -webkit-backface-visibility: hidden
; }
20485 -webkit-background-clip: border-box
; }
20487 .carousel-indicators li
,
20493 -webkit-background-clip: padding-box
; }
20496 -webkit-user-select: none
;
20497 -ms-user-select: none
; }
20500 -webkit-user-select: all
!important
;
20501 /* stylelint-disable-line declaration-no-important */
20502 -ms-user-select: none
; }
20504 .user-select-auto {
20505 -webkit-user-select: auto
!important
;
20506 /* stylelint-disable-line declaration-no-important */
20507 -ms-user-select: none
; }
20509 .user-select-none {
20510 -webkit-user-select: none
!important
;
20511 /* stylelint-disable-line declaration-no-important */
20512 -ms-user-select: none
; }
20514 .editor_atto_content_wrap {
20515 background-color: white
;
20518 .editor_atto_content {
20523 .editor_atto_content_wrap
,
20524 .editor_atto + textarea {
20528 .editor_atto + textarea {
20531 margin-top: -1px; }
20533 div
.editor_atto_toolbar
{
20535 background: #f2f2f2;
20537 border: 1px solid
#8f959e;
20539 padding: 0 0 9px 0;
20540 border-top-left-radius: 0.25rem;
20541 border-top-right-radius: 0.25rem; }
20543 div
.editor_atto_toolbar button
{
20551 div
.editor_atto_toolbar
.menuplaceholder
{
20552 display: inline-block
; }
20554 div
.editor_atto_toolbar button
+ button
,
20555 div
.editor_atto_toolbar
.menuplaceholder
+ button
{
20556 border-left: 1px solid
#ccc; }
20558 div
.editor_atto_toolbar button
[disabled
] {
20563 .editor_atto_toolbar button:hover {
20564 background-image: radial-gradient
(ellipse at center
, #fff 60%, #dfdfdf 100%);
20565 background-color: #ebebeb; }
20567 .editor_atto_toolbar
button:active
,
20568 .editor_atto_toolbar button.highlight {
20569 background-image: radial-gradient
(ellipse at center
, #fff 40%, #dfdfdf 100%);
20570 background-color: #dfdfdf; }
20572 /* Make firefox button sizes match other browsers */
20573 div
.editor_atto_toolbar
button::-moz-focus-inner
{
20577 div
.editor_atto_toolbar button
.icon
{
20581 div
.editor_atto_toolbar div
.atto_group
{
20582 display: inline-block
;
20583 border: 1px solid
#ccc;
20584 border-bottom: 1px solid
#b3b3b3;
20585 border-radius: 4px;
20586 margin: 9px 0 0 9px;
20587 background: #fff; }
20589 div
.editor_atto_toolbar
.atto_toolbar_row
{
20590 margin: 6px 0 -3px 5px;
20592 div
.editor_atto_toolbar
.atto_toolbar_row div
.atto_group
{
20593 margin: 3px 5px 3px 4px; }
20595 .editor_atto_content img {
20600 /* IE8 places the images on top of each other if that is not set. */
20601 white-space: nowrap
; }
20603 .atto_menuentry .icon {
20610 .atto_menuentry h1
,
20611 .atto_menuentry h2
,
20612 .atto_menuentry p {
20615 /*.atto_form label.sameline {
20616 display: inline-block;
20619 .atto_form textarea
.fullwidth
,
20620 .atto_form input.fullwidth {
20626 /*.atto_form label {
20631 position: absolute
;
20637 .atto_control .icon {
20638 background-color: white
; }
20640 div
.editor_atto_content:focus
.atto_control
,
20641 div
.editor_atto_content:hover
.atto_control
{
20644 .editor_atto_menu.yui3-menu-hidden {
20647 /* Get broken images back in firefox */
20648 .editor_atto_content img:-moz-broken {
20649 -moz-force-broken-image-icon: 1;
20651 min-height: 24px; }
20653 /* Atto menu styling */
20654 .moodle-dialogue-base .editor_atto_menu .moodle-dialogue-content .moodle-dialogue-bd {
20658 .editor_atto_menu .dropdown-menu > li > a {
20659 margin: 3px 14px; }
20661 .editor_atto_menu .open ul.dropdown-menu {
20663 padding-bottom: 5px; }
20665 .editor_atto_wrap {
20666 position: relative
; }
20669 .editor_atto_wrap textarea {
20672 .editor_atto_notification
.atto_info
,
20673 .editor_atto_notification .atto_warning {
20674 display: inline-block
;
20675 background-color: #f2f2f2;
20678 padding-right: 1em;
20679 border-bottom-left-radius: 1em;
20680 border-bottom-right-radius: 1em; }
20682 .editor_atto_notification .atto_info {
20683 background-color: #f2f2f2; }
20685 .editor_atto_notification .atto_warning {
20686 background-color: #ffd700; }
20688 .editor_atto_toolbar
,
20689 .editor_atto_content_wrap
,
20690 .editor_atto + textarea {
20691 box-sizing: border-box
; }
20693 .editor_atto_content.form-control {
20696 border-top-left-radius: 0;
20697 border-top-right-radius: 0; }
20699 /** Atto fields do not have form-control because that would break the layout of the editor.
20700 So they need these extra styles to highlight the editor when there is a validation error. */
20701 .has-danger
.editor_atto_content
.form-control
.invalid-feedback
,
20702 .has-danger .editor_atto_content.form-control-danger .invalid-feedback {
20705 margin-top: 0.25rem;
20709 .has-danger
.editor_atto_content
.form-control
.invalid-tooltip
,
20710 .has-danger .editor_atto_content.form-control-danger .invalid-tooltip {
20711 position: absolute
;
20717 padding: 0.25rem 0.5rem;
20719 font-size: 0.8203125rem;
20722 background-color: rgba
(202, 49, 32, 0.9);
20723 border-radius: 0.25rem; }
20724 .form-row
> .col
> .has-danger
.editor_atto_content
.form-control
.invalid-tooltip
,
20725 .form-row
> [class
*="col-"] > .has-danger
.editor_atto_content
.form-control
.invalid-tooltip
, .form-row
> .col
>
20726 .has-danger
.editor_atto_content
.form-control-danger
.invalid-tooltip
,
20727 .form-row
> [class
*="col-"] >
20728 .has-danger .editor_atto_content.form-control-danger .invalid-tooltip {
20731 .was-validated
.has-danger
.editor_atto_content
.form-control:invalid
~ .invalid-feedback
,
20732 .was-validated
.has-danger
.editor_atto_content
.form-control:invalid
~ .invalid-tooltip
, .has-danger
.editor_atto_content
.form-control
.is-invalid
~ .invalid-feedback
,
20733 .has-danger
.editor_atto_content
.form-control
.is-invalid
~ .invalid-tooltip
, .was-validated
20734 .has-danger
.editor_atto_content
.form-control-danger:invalid
~ .invalid-feedback
,
20736 .has-danger
.editor_atto_content
.form-control-danger:invalid
~ .invalid-tooltip
,
20737 .has-danger
.editor_atto_content
.form-control-danger
.is-invalid
~ .invalid-feedback
,
20738 .has-danger .editor_atto_content.form-control-danger.is-invalid ~ .invalid-tooltip {
20741 .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
20742 .has-danger
.editor_atto_content
.form-control-danger
.form-control:invalid
,
20743 .has-danger .editor_atto_content.form-control-danger .form-control.is-invalid {
20744 border-color: #ca3120;
20745 padding-right: calc
(1.5em + 0.75rem);
20746 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");
20747 background-repeat: no-repeat
;
20748 background-position: right calc
(0.375em + 0.1875rem) center
;
20749 background-size: calc
(0.75em + 0.375rem) calc
(0.75em + 0.375rem); }
20750 .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
20751 .has-danger
.editor_atto_content
.form-control-danger
.form-control:invalid:focus
,
20752 .has-danger .editor_atto_content.form-control-danger .form-control.is-invalid:focus {
20753 border-color: #ca3120;
20754 box-shadow: 0 0 0 0.2rem rgba
(202, 49, 32, 0.25); }
20756 .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
20757 .has-danger
.editor_atto_content
.form-control-danger textarea
.form-control:invalid
,
20758 .has-danger .editor_atto_content.form-control-danger textarea.form-control.is-invalid {
20759 padding-right: calc
(1.5em + 0.75rem);
20760 background-position: top calc
(0.375em + 0.1875rem) right calc
(0.375em + 0.1875rem); }
20762 .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
20763 .has-danger
.editor_atto_content
.form-control-danger
.custom-select:invalid
,
20764 .has-danger .editor_atto_content.form-control-danger .custom-select.is-invalid {
20765 border-color: #ca3120;
20766 padding-right: calc
(0.75em + 2.3125rem);
20767 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
; }
20768 .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
20769 .has-danger
.editor_atto_content
.form-control-danger
.custom-select:invalid:focus
,
20770 .has-danger .editor_atto_content.form-control-danger .custom-select.is-invalid:focus {
20771 border-color: #ca3120;
20772 box-shadow: 0 0 0 0.2rem rgba
(202, 49, 32, 0.25); }
20774 .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
20775 .has-danger
.editor_atto_content
.form-control-danger
.form-check-input:invalid
~ .form-check-label
,
20776 .has-danger .editor_atto_content.form-control-danger .form-check-input.is-invalid ~ .form-check-label {
20779 .was-validated
.has-danger
.editor_atto_content
.form-control
.form-check-input:invalid
~ .invalid-feedback
,
20780 .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
,
20781 .has-danger
.editor_atto_content
.form-control
.form-check-input
.is-invalid
~ .invalid-tooltip
, .was-validated
20782 .has-danger
.editor_atto_content
.form-control-danger
.form-check-input:invalid
~ .invalid-feedback
,
20784 .has-danger
.editor_atto_content
.form-control-danger
.form-check-input:invalid
~ .invalid-tooltip
,
20785 .has-danger
.editor_atto_content
.form-control-danger
.form-check-input
.is-invalid
~ .invalid-feedback
,
20786 .has-danger .editor_atto_content.form-control-danger .form-check-input.is-invalid ~ .invalid-tooltip {
20789 .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
20790 .has-danger
.editor_atto_content
.form-control-danger
.custom-control-input:invalid
~ .custom-control-label
,
20791 .has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid ~ .custom-control-label {
20793 .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
20794 .has-danger
.editor_atto_content
.form-control-danger
.custom-control-input:invalid
~ .custom-control-label::before
,
20795 .has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid ~ .custom-control-label::before {
20796 border-color: #ca3120; }
20798 .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
20799 .has-danger
.editor_atto_content
.form-control-danger
.custom-control-input:invalid:checked
~ .custom-control-label::before
,
20800 .has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
20801 border-color: #e04d3d;
20802 background-color: #e04d3d; }
20804 .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
20805 .has-danger
.editor_atto_content
.form-control-danger
.custom-control-input:invalid:focus
~ .custom-control-label::before
,
20806 .has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
20807 box-shadow: 0 0 0 0.2rem rgba
(202, 49, 32, 0.25); }
20809 .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
20810 .has-danger
.editor_atto_content
.form-control-danger
.custom-control-input:invalid:focus:not
(:checked
) ~ .custom-control-label::before
,
20811 .has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
20812 border-color: #ca3120; }
20814 .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
20815 .has-danger
.editor_atto_content
.form-control-danger
.custom-file-input:invalid
~ .custom-file-label
,
20816 .has-danger .editor_atto_content.form-control-danger .custom-file-input.is-invalid ~ .custom-file-label {
20817 border-color: #ca3120; }
20819 .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
20820 .has-danger
.editor_atto_content
.form-control-danger
.custom-file-input:invalid:focus
~ .custom-file-label
,
20821 .has-danger .editor_atto_content.form-control-danger .custom-file-input.is-invalid:focus ~ .custom-file-label {
20822 border-color: #ca3120;
20823 box-shadow: 0 0 0 0.2rem rgba
(202, 49, 32, 0.25); }
20825 .open.atto_menu > .dropdown-menu {
20828 div
.editor_atto_toolbar button
.icon
{
20832 border-radius: 0.25rem; }
20833 .toast.toast-success {
20834 background-color: rgba
(215, 228, 214, 0.95);
20836 .toast.toast-success .toast-header {
20838 .toast.toast-success .toast-body:before {
20839 display: inline-block
;
20840 font: normal normal normal
14px/1 FontAwesome
;
20841 font-size: inherit
;
20842 text-rendering: auto
;
20843 -webkit-font-smoothing: antialiased
;
20844 -moz-osx-font-smoothing: grayscale
;
20845 margin: 2px 5px 0 0;
20847 .toast.toast-danger {
20848 background-color: rgba
(244, 214, 210, 0.95);
20850 .toast.toast-danger .toast-header {
20852 .toast.toast-danger .toast-body:before {
20853 display: inline-block
;
20854 font: normal normal normal
14px/1 FontAwesome
;
20855 font-size: inherit
;
20856 text-rendering: auto
;
20857 -webkit-font-smoothing: antialiased
;
20858 -moz-osx-font-smoothing: grayscale
;
20859 margin: 2px 5px 0 0;
20861 .toast.toast-info {
20862 background-color: rgba
(204, 230, 234, 0.95);
20864 .toast.toast-info .toast-header {
20866 .toast.toast-info .toast-body:before {
20867 display: inline-block
;
20868 font: normal normal normal
14px/1 FontAwesome
;
20869 font-size: inherit
;
20870 text-rendering: auto
;
20871 -webkit-font-smoothing: antialiased
;
20872 -moz-osx-font-smoothing: grayscale
;
20873 margin: 2px 5px 0 0;
20875 .toast.toast-warning {
20876 background-color: rgba
(252, 239, 220, 0.95);
20878 .toast.toast-warning .toast-header {
20880 .toast.toast-warning .toast-body:before {
20881 display: inline-block
;
20882 font: normal normal normal
14px/1 FontAwesome
;
20883 font-size: inherit
;
20884 text-rendering: auto
;
20885 -webkit-font-smoothing: antialiased
;
20886 -moz-osx-font-smoothing: grayscale
;
20887 margin: 2px 5px 0 0;
20892 .navbar.fixed-top {
20896 border-bottom: #dee2e6 1px solid
;
20897 align-items: stretch
;
20899 .navbar.fixed-top .navbar-brand .logo {
20900 max-height: calc
(50px - (0.25rem * 2)); }
20901 .navbar.fixed-top .nav-link {
20904 align-items: center
;
20905 white-space: nowrap
; }
20906 .navbar.fixed-top .divider {
20908 background-color: #dee2e6; }
20909 .navbar.fixed-top #usernavigation .nav-link {
20910 padding: 0 0.5rem; }
20911 .navbar.fixed-top .login {
20913 align-items: center
; }
20914 .navbar.fixed-top .usermenu {
20916 .navbar.fixed-top .usermenu .action-menu {
20918 align-items: center
; }
20919 .navbar.fixed-top .usermenu .dropdown {
20921 align-items: center
; }
20922 .navbar.fixed-top .usermenu .dropdown .dropdown-toggle {
20927 align-items: center
;
20929 .navbar.fixed-top .usermenu .dropdown-menu {
20930 min-width: 235px; }
20931 .navbar.fixed-top .usermenu .dropdown-menu .carousel-navigation-link > * {
20932 pointer-events: none
; }
20933 .navbar.fixed-top .usermenu .dropdown-menu .dropdown-item {
20934 padding: .25rem 1.75rem .25rem .75rem; }
20935 .navbar.fixed-top .usermenu .dropdown-menu .dropdown-item.carousel-navigation-link::after {
20936 font-family: FontAwesome
;
20940 position: absolute
; }
20941 .navbar.fixed-top .usermenu .dropdown-menu .submenu .header {
20942 padding: .25rem .75rem;
20943 font-size: .975rem; }
20944 .navbar.fixed-top .usermenu .dropdown-menu .submenu .header .icon {
20949 .navbar.fixed-top .usermenu .dropdown-menu .submenu .items .dropdown-item[aria-current="true"]::before {
20950 font-family: FontAwesome
;
20952 font-size: 0.75rem;
20953 padding-left: .25rem; }
20954 .navbar.fixed-top .usermenu .login {
20956 align-items: center
; }
20957 .navbar
.fixed-top
.usermenu
.dropdown
,
20958 .navbar.fixed-top .langmenu .dropdown {
20960 align-items: center
;
20962 .navbar
.fixed-top
.usermenu
.dropdown
.dropdown-toggle
,
20963 .navbar.fixed-top .langmenu .dropdown .dropdown-toggle {
20968 align-items: center
;
20970 .navbar.fixed-top .langmenu .dropdown-menu .dropdown-item[aria-current="true"]::before {
20972 font-size: 0.75rem;
20973 padding-left: .25rem; }
20974 @media
(max-width: 767.98px) {
20975 .navbar.fixed-top .langmenu .langbutton {
20977 .navbar
.fixed-top
.moodle-actionmenu
.menubar
,
20978 .navbar.fixed-top .action-menu-trigger .dropdown {
20982 .dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .dropdown-item.carousel-navigation-link::after {
20985 .dir-rtl
.navbar
.fixed-top
.usermenu
.dropdown-menu
.carousel
.carousel-inner
.carousel-item-prev
.carousel-item-right
,
20986 .dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .carousel .carousel-inner .carousel-item-next.carousel-item-left {
20987 transform: translateX
(0); }
20989 .dir-rtl
.navbar
.fixed-top
.usermenu
.dropdown-menu
.carousel
.carousel-inner
.carousel-item-next
,
20990 .dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .carousel .carousel-inner .carousel-item-right.active {
20991 transform: translateX
(-100%); }
20993 .dir-rtl
.navbar
.fixed-top
.usermenu
.dropdown-menu
.carousel
.carousel-inner
.carousel-item-prev
,
20994 .dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .carousel .carousel-inner .carousel-item-left.active {
20995 transform: translateX
(100%); }
20998 margin-top: 50px; }
21005 .reportbuilder-wrapper .filters-dropdown {
21008 @media
(max-width: 767.98px) {
21009 .reportbuilder-wrapper .filters-dropdown {
21012 .reportbuilder-wrapper
.reportbuilder-filters-wrapper
.mform
.full-width-labels
.fitem
.row
> .col-md-3
,
21013 .reportbuilder-wrapper
.reportbuilder-filters-wrapper
.mform
.full-width-labels
.fitem
.row
> .col-md-9
,
21014 .reportbuilder-wrapper
.reportbuilder-conditions-list
.mform
.full-width-labels
.fitem
.row
> .col-md-3
,
21015 .reportbuilder-wrapper .reportbuilder-conditions-list .mform.full-width-labels .fitem.row > .col-md-9 {
21019 .reportbuilder-wrapper
.reportbuilder-filters-wrapper
.mform
.full-width-labels
.fitem
.row
.fdate_selector
,
21020 .reportbuilder-wrapper .reportbuilder-conditions-list .mform.full-width-labels .fitem.row .fdate_selector {
21023 .reportbuilder-wrapper
.reportbuilder-filters-wrapper
.mform
.form-group
,
21024 .reportbuilder-wrapper .reportbuilder-conditions-list .mform .form-group {
21027 .reportbuilder-wrapper
.reportbuilder-filters-wrapper
.mform
.form-group
> span
,
21028 .reportbuilder-wrapper .reportbuilder-conditions-list .mform .form-group > span {
21031 .reportbuilder-wrapper
.reportbuilder-filters-wrapper
.filter
.filter-header
,
21032 .reportbuilder-wrapper .reportbuilder-conditions-list .filter .filter-header {
21033 font-size: 1.171875rem; }
21034 .reportbuilder-wrapper
.reportbuilder-filters-wrapper
.filter
.filter-header
.filter-name
,
21035 .reportbuilder-wrapper .reportbuilder-conditions-list .filter .filter-header .filter-name {
21037 white-space: nowrap
;
21039 text-overflow: ellipsis
;
21040 padding-right: 1rem; }
21041 .reportbuilder-wrapper
.reportbuilder-filters-wrapper
.filter
.filter-header
.filter-name:hover
,
21042 .reportbuilder-wrapper .reportbuilder-conditions-list .filter .filter-header .filter-name:hover {
21043 white-space: normal
;
21044 text-overflow: clip
;
21045 word-break: break-all
; }
21048 * Styled scrollbar with left padding for webkit browsers.
21053 .reportbuilder-report-container {
21056 /* Custom table headers */
21057 .reportbuilder-table th button
[data-action
="report-remove-column"] .icon
,
21058 .reportbuilder-table th span[data-drag-type="move"] .icon {
21062 vertical-align: text-top
;
21065 .reportbuilder-table th button[data-action="report-remove-column"] .icon {
21069 @media (min-width: 992px) {
21070 .reportbuilder-sidebar-menu {
21072 flex-shrink: 0; } }
21074 .reportbuilder-sidebar-menu .card-body .list-group-item {
21076 .reportbuilder-sidebar-menu .card-body .list-group-item .icon {
21081 .reportbuilder-sidebar-menu-cards {
21082 overflow-y: auto
; }
21083 .reportbuilder-sidebar-menu-cards::-webkit-scrollbar {
21084 -webkit-appearance: none
;
21085 appearance: none
; }
21086 .reportbuilder-sidebar-menu-cards::-webkit-scrollbar-thumb {
21087 background-color: #ced4da;
21088 border-left: 5px solid
#fff; }
21089 .reportbuilder-sidebar-menu-cards::-webkit-scrollbar-track {
21090 background-color: white
;
21091 border-left: 5px solid
#fff; }
21093 /* Settings sidebar */
21094 .reportbuilder-sidebar-settings {
21095 overflow-y: auto
; }
21096 .reportbuilder-sidebar-settings::-webkit-scrollbar {
21097 -webkit-appearance: none
;
21098 appearance: none
; }
21099 .reportbuilder-sidebar-settings::-webkit-scrollbar-thumb {
21100 background-color: #ced4da;
21101 border-left: 5px solid
#fff; }
21102 .reportbuilder-sidebar-settings::-webkit-scrollbar-track {
21103 background-color: white
;
21104 border-left: 5px solid
#fff; }
21105 @media
(min-width: 992px) {
21106 .reportbuilder-sidebar-settings {
21108 flex-shrink: 0; } }
21109 .reportbuilder-sidebar-settings .list-group-item {
21111 .reportbuilder-sidebar-settings .list-group-item .icon {
21116 .reportbuilder-sidebar-settings
.list-group-item button
[data-action
="report-remove-filter"] .icon
,
21117 .reportbuilder-sidebar-settings .list-group-item button[data-action="report-remove-condition"] .icon {
21119 vertical-align: text-top
; }
21120 .reportbuilder-sidebar-settings .list-group-item span[data-drag-type="move"] .icon {
21121 vertical-align: text-top
; }
21122 .reportbuilder-sidebar-settings div[data-region="settings-sorting"] .list-group-item span[data-drag-type="move"] .icon {
21123 vertical-align: middle
; }
21124 .reportbuilder-sidebar-settings div
[data-region
="settings-cardview"] form
.col-md-3
,
21125 .reportbuilder-sidebar-settings div[data-region="settings-cardview"] form .col-md-9 {
21127 max-width: initial
; }
21128 .reportbuilder-sidebar-settings div[data-region="settings-cardview"] form div[data-fieldtype="submit"] {
21129 flex-basis: auto
; }
21130 .reportbuilder-sidebar-settings .inplaceeditable.inplaceeditingon input {
21133 /* Add button styles when a toggle button is active. */
21134 .reportbuilder-wrapper button
.btn-outline-secondary
[data-toggle
="collapse"]:not
(.collapsed
),
21135 .reportbuilder-wrapper .dropdown.show button.btn-outline-secondary[data-toggle="dropdown"] {
21137 background-color: #6a737b;
21138 border-color: #6a737b; }
21140 /* Drag&drop styles. */
21141 .reportbuilder-sortable-list li
.sortable-list-current-position
,
21142 .reportbuilder-table th
.sortable-list-current-position
,
21143 .reportbuilder-conditions-list .condition.sortable-list-current-position {
21144 background-color: #a2cff8; }
21146 .reportbuilder-sortable-list li
.sortable-list-is-dragged
,
21147 .reportbuilder-table th
.sortable-list-is-dragged
,
21148 .reportbuilder-conditions-list .condition.sortable-list-is-dragged {
21149 background-color: #fff;
21152 /* Reportbuilder full page styles. */
21153 @media (min-width: 992px) {
21154 .path-admin-reportbuilder.pagelayout-popup.behat-site .fixed-top {
21156 .path-admin-reportbuilder.pagelayout-popup #region-main {
21159 .path-admin-reportbuilder.pagelayout-popup #maincontent {
21160 visibility: hidden
; }
21161 .path-admin-reportbuilder.pagelayout-popup .dynamictabs .nav-tabs {
21164 width: calc
(100% - 35px);
21165 padding-top: 1.25rem;
21166 background-color: #fff;
21167 box-shadow: 0 1.25rem 0 #fff; }
21168 .path-admin-reportbuilder.pagelayout-popup .dynamictabs .tab-content {
21169 padding-top: 83px; }
21170 .path-admin-reportbuilder.pagelayout-popup .reportbuilder-sidebar-menu {
21172 .path-admin-reportbuilder.pagelayout-popup .reportbuilder-sidebar-menu .reportbuilder-sidebar-menu-cards {
21173 max-height: calc
(100vh - 153px - 52px); }
21174 .path-admin-reportbuilder.pagelayout-popup .reportbuilder-sidebar-settings {
21177 max-height: calc
(100vh - 153px); }
21178 .path-admin-reportbuilder.pagelayout-popup .reportbuilder-report[data-editing] .reportbuilder-report-container {
21179 max-height: calc
(100vh - 153px);
21181 margin-left: calc
(250px + 1rem);
21182 margin-right: calc
(350px + 1rem); }
21183 .path-admin-reportbuilder.pagelayout-popup .reportbuilder-report[data-editing] .reportbuilder-report-container::-webkit-scrollbar {
21184 -webkit-appearance: none
;
21185 appearance: none
; }
21186 .path-admin-reportbuilder.pagelayout-popup .reportbuilder-report[data-editing] .reportbuilder-report-container::-webkit-scrollbar-thumb {
21187 background-color: #ced4da;
21188 border-left: 5px solid
#fff; }
21189 .path-admin-reportbuilder.pagelayout-popup .reportbuilder-report[data-editing] .reportbuilder-report-container::-webkit-scrollbar-track {
21190 background-color: white
;
21191 border-left: 5px solid
#fff; }
21192 .path-admin-reportbuilder.pagelayout-popup .reportbuilder-audiences-container {
21193 margin-left: calc
(250px + 1rem); } }
21195 /* Toggle cards. */
21196 .reportbuilder-toggle-card .card-header {
21197 border-bottom: none
; }
21199 .reportbuilder-toggle-card .card-body {
21200 border-top: 1px solid rgba
(0, 0, 0, 0.125); }
21202 .reportbuilder-toggle-card .toggle-card-button i.toggle-card-icon {
21205 font-weight: 700; }
21207 .reportbuilder-toggle-card .toggle-card-button .collapsed-icon-container {
21210 .reportbuilder-toggle-card .toggle-card-button .expanded-icon-container {
21211 display: inline-block
; }
21213 .reportbuilder-toggle-card .toggle-card-button.collapsed .collapsed-icon-container {
21214 display: inline-block
; }
21216 .reportbuilder-toggle-card .toggle-card-button.collapsed .expanded-icon-container {
21222 .reportbuilder-audiences-container {
21223 /* 'OR' separator. */
21224 /* Card action icons. */ }
21225 .reportbuilder-audiences-container .audience-separator {
21226 text-transform: uppercase
; }
21227 .reportbuilder-audiences-container .audience-separator::before, .reportbuilder-audiences-container .audience-separator::after {
21230 border-bottom: 1px solid rgba
(0, 0, 0, 0.125); }
21231 .reportbuilder-audiences-container .audience-separator:not(:empty)::before {
21232 margin-right: 1rem; }
21233 .reportbuilder-audiences-container .audience-separator:not(:empty)::after {
21234 margin-left: 1rem; }
21235 .reportbuilder-audiences-container .instance-card .card-header i.icon {
21238 /* Report table card view styles */
21239 /* Report table card view for small screens */
21240 @media (max-width: 575.98px) {
21241 .reportbuilder-report[data-report-type="0"]:not([data-editing]) table.reportbuilder-table thead {
21243 .reportbuilder-report[data-report-type="0"]:not([data-editing]) table.reportbuilder-table tr {
21245 flex-direction: column
;
21247 padding: .25rem .5rem 0 .5rem;
21248 background-color: #fff !important
;
21249 /* stylelint-disable-line declaration-no-important */
21250 word-wrap: break-word
;
21251 background-clip: border-box
;
21252 border: 1px solid rgba
(0, 0, 0, 0.125);
21253 border-radius: 0.25rem; }
21254 .reportbuilder-report[data-report-type="0"]:not([data-editing]) table.reportbuilder-table tr:hover {
21255 background-color: #fff !important
;
21256 /* stylelint-disable-line declaration-no-important */ }
21257 .reportbuilder-report[data-report-type="0"]:not([data-editing]) table.reportbuilder-table tr.emptyrow {
21259 .reportbuilder-report[data-report-type="0"]:not([data-editing]) table.reportbuilder-table tr:not(.show) td[data-cardviewhidden] {
21261 .reportbuilder-report[data-report-type="0"]:not([data-editing]) table.reportbuilder-table tr td {
21263 min-height: 3.6rem;
21264 padding: .5rem .25rem;
21266 .reportbuilder-report[data-report-type="0"]:not([data-editing]) table.reportbuilder-table tr td::before {
21267 content: attr
(data-cardtitle
);
21269 text-transform: uppercase
;
21272 .reportbuilder-report[data-report-type="0"]:not([data-editing]) table.reportbuilder-table tr td:not([data-cardtitle]) {
21273 min-height: 3rem; }
21274 .reportbuilder-report[data-report-type="0"]:not([data-editing]) table.reportbuilder-table tr td:not(:first-child):not(.card-toggle) {
21275 border-top: 1px solid rgba
(0, 0, 0, 0.125); }
21276 .reportbuilder-report[data-report-type="0"]:not([data-editing]) table.reportbuilder-table tr td:first-child {
21277 padding-right: 2rem; }
21278 .reportbuilder-report[data-report-type="0"]:not([data-editing]) table.reportbuilder-table tr td.card-toggle {
21279 display: block
!important
;
21280 /* stylelint-disable-line declaration-no-important */
21281 position: absolute
;
21283 .reportbuilder-report[data-report-type="0"]:not([data-editing]) table.reportbuilder-table tr td.card-toggle button {
21286 .reportbuilder-report[data-report-type="0"]:not([data-editing]) table.reportbuilder-table tr td.card-toggle button i {
21288 font-weight: bold
; } }
21290 .courseindex .courseindex-item {
21291 padding: 0.5rem 0.5rem;
21292 border: 1px solid transparent
;
21293 border-radius: 0.25rem; }
21294 .courseindex .courseindex-item.courseindex-section-title a {
21295 font-weight: bold
; }
21296 .courseindex .courseindex-item .icons-collapse-expand {
21297 padding-right: 4px; }
21298 .courseindex
.courseindex-item
.courseindex-link
,
21299 .courseindex .courseindex-item .courseindex-chevron {
21301 .courseindex
.courseindex-item
.courseindex-link:hover
, .courseindex
.courseindex-item
.courseindex-link:focus
,
21302 .courseindex
.courseindex-item
.courseindex-chevron:hover
,
21303 .courseindex .courseindex-item .courseindex-chevron:focus {
21305 text-decoration: none
; }
21306 .courseindex .courseindex-item:hover, .courseindex .courseindex-item:focus {
21308 .courseindex
.courseindex-item:hover
.courseindex-link
,
21309 .courseindex
.courseindex-item:hover
.courseindex-chevron
, .courseindex
.courseindex-item:focus
.courseindex-link
,
21310 .courseindex .courseindex-item:focus .courseindex-chevron {
21313 .courseindex .courseindex-item:hover.dimmed, .courseindex .courseindex-item:focus.dimmed {
21315 .courseindex
.courseindex-item:hover
.dimmed
.courseindex-link
,
21316 .courseindex
.courseindex-item:hover
.dimmed
.courseindex-chevron
, .courseindex
.courseindex-item:focus
.dimmed
.courseindex-link
,
21317 .courseindex .courseindex-item:focus.dimmed .courseindex-chevron {
21319 .courseindex .courseindex-item:hover.draggable, .courseindex .courseindex-item:focus.draggable {
21321 .courseindex .courseindex-item.dragging {
21322 border: 1px solid
#b8dce2;
21323 background-color: #e0f0f2; }
21324 .courseindex .courseindex-item.active {
21325 background-color: #f8f9fa;
21326 border-color: #dee2e6; }
21327 .courseindex .courseindex-item.dimmed {
21329 .courseindex
.courseindex-item
.dimmed
.courseindex-link
,
21330 .courseindex .courseindex-item.dimmed .courseindex-chevron {
21332 .courseindex .courseindex-item.dimmed.pageitem {
21334 .courseindex .courseindex-item.dimmed.pageitem a {
21336 .courseindex .courseindex-item .courseindex-locked {
21338 .courseindex .courseindex-item.restrictions .courseindex-locked {
21340 .courseindex .courseindex-item.pageitem {
21341 background-color: #0f6cbf;
21343 scroll-margin: 6rem; }
21344 .courseindex .courseindex-item.pageitem a {
21346 .courseindex .courseindex-item.pageitem:hover, .courseindex .courseindex-item.pageitem:focus {
21347 background-color: #0c589c;
21349 .courseindex
.courseindex-item
.pageitem:hover
.courseindex-link
,
21350 .courseindex
.courseindex-item
.pageitem:hover
.courseindex-chevron
, .courseindex
.courseindex-item
.pageitem:focus
.courseindex-link
,
21351 .courseindex .courseindex-item.pageitem:focus .courseindex-chevron {
21353 .courseindex .courseindex-item .completioninfo {
21355 .courseindex .courseindex-item .completioninfo.completion_complete {
21357 .courseindex .courseindex-item .completioninfo.completion_fail {
21360 .courseindex .courseindex-section {
21361 border-left: solid
3px transparent
; }
21362 .courseindex .courseindex-section.dragging {
21363 border: 1px solid
#b8dce2;
21364 background-color: #e0f0f2; }
21365 .courseindex .courseindex-section .current-badge {
21368 .courseindex .courseindex-section.current {
21369 border-left: solid
3px #0f6cbf; }
21370 .courseindex .courseindex-section.current .current-badge {
21371 display: inline-block
; }
21372 .courseindex .courseindex-section.dropready .courseindex-item-content {
21373 /* Extra dropzone space */
21374 padding-bottom: 1em; }
21375 .courseindex .courseindex-section .courseindex-sectioncontent .courseindex-item {
21376 padding-left: 0.5rem; }
21378 .courseindex .icon {
21381 .courseindex .d-flex-noedit {
21384 .courseindex.editing .d-flex-noedit {
21387 .courseindex .media-list .rounded-circle {
21391 .courseindex .media-list .w-100 {
21393 margin: 0.5rem 0; }
21398 /* TODO: MDL-72481: Update this style to also apply to aria-selected. */ }
21399 .moremenu.observed {
21401 .moremenu .nav-link {
21404 align-items: center
;
21405 border-right: none
;
21406 border-bottom: solid
3px transparent
;
21408 border-top: none
; }
21409 .moremenu .nav-link:hover, .moremenu .nav-link:focus {
21410 border-color: transparent
;
21411 background-color: #f8f9fa; }
21412 .moremenu .nav-link.active {
21413 background-color: #f8f9fa;
21414 border-color: transparent
;
21415 border-bottom-color: #0f6cbf; }
21416 .moremenu .nav-link.active:focus, .moremenu .nav-link.active:hover {
21417 background-color: #f8f9fa;
21418 border-bottom-color: #0f6cbf; }
21419 .moremenu .nav-link.focus, .moremenu .nav-link:focus {
21420 position: relative
; }
21421 .moremenu .nav-link[data-toggle="tab"] {
21422 display: inline-flex
;
21423 flex-direction: column
;
21424 align-items: center
;
21425 justify-content: center
; }
21426 .moremenu .nav-link[data-toggle="tab"]::after {
21427 content: attr
(data-text
)/"";
21429 visibility: hidden
;
21432 pointer-events: none
;
21433 font-weight: bold
; }
21435 .moremenu .nav-link[data-toggle="tab"]::after {
21437 .moremenu .nav-tabs {
21439 background-color: #fff; }
21440 .moremenu
.show
> .nav-link
,
21441 .moremenu
.active
> .nav-link
,
21442 .moremenu
.nav-link
.show
,
21443 .moremenu .nav-link.active {
21444 background: transparent
; }
21445 .moremenu .dropdownmoremenu > .dropdown-menu > .dropdown-item {
21447 .moremenu .dropdownmoremenu > .dropdown-menu .dropdown-menu {
21451 .moremenu .dropdownmoremenu > .dropdown-menu .dropdown-menu.show {
21453 .moremenu .dropdownmoremenu > .dropdown-menu .dropdown-menu .dropdown-item {
21454 background-color: #f8f9fa; }
21455 .moremenu .dropdownmoremenu > .dropdown-menu .dropdown-menu .dropdown-item:hover, .moremenu .dropdownmoremenu > .dropdown-menu .dropdown-menu .dropdown-item:focus {
21457 background-color: #0f6cbf; }
21458 .moremenu .dropdownmoremenu > .dropdown-menu .dropdown-menu .dropdown-divider {
21460 .moremenu
.dropdown-item
[aria-current
="true"],
21461 .moremenu .dropdown-item.active {
21462 background-color: transparent
;
21464 .moremenu
.dropdown-item
[aria-current
="true"]:focus-within
,
21465 .moremenu .dropdown-item.active:focus-within {
21466 background-color: #0f6cbf;
21468 .moremenu
.dropdown-item
[aria-current
="true"]:focus-within a
,
21469 .moremenu .dropdown-item.active:focus-within a {
21471 .moremenu
.dropdown-item
[aria-current
="true"]:before
,
21472 .moremenu .dropdown-item.active:before {
21475 .primary-navigation .navigation {
21477 .primary-navigation .navigation .nav-link {
21480 border-top: 3px solid transparent
; }
21482 @media (max-width: 767.98px) {
21483 .primary-navigation {
21485 .editmode-switch-form label {
21486 position: absolute
;
21492 clip: rect
(0, 0, 0, 0);
21493 white-space: nowrap
;
21496 .editmode-switch-form .custom-control-input {
21500 .drawer-primary .drawercontent {
21502 .drawer-primary .drawercontent .list-group {
21504 margin-top: -1px; }
21505 .drawer-primary .drawercontent .list-group .list-group-item {
21509 .secondary-navigation {
21512 padding: 0 15px 15px; }
21513 .secondary-navigation .navigation {
21514 border-top: 1px solid
#dee2e6;
21515 border-bottom: 1px solid
#dee2e6;
21516 height: calc
(50px + 2px);
21517 background-color: #fff; }
21518 .secondary-navigation .navigation .nav-tabs {
21520 .secondary-navigation .navigation .nav-tabs .nav-link {
21521 border-radius: initial
; }
21524 -webkit-font-smoothing: antialiased
;
21525 -moz-osx-font-smoothing: grayscale
; }
21528 box-shadow: 0 2px 4px rgba
(0, 0, 0, 0.08); }
21531 border-radius: 50%; }
21534 background-color: #f8f9fa; }
21537 background-color: #fff; }
21539 .btn-outline-secondary {
21541 border-color: #6a737b;
21542 border-color: #6a737b; }
21543 .btn-outline-secondary:hover {
21545 background-color: #6a737b;
21546 border-color: #6a737b; }
21547 .btn-outline-secondary:focus, .btn-outline-secondary.focus {
21548 box-shadow: 0 0 0 0.2rem rgba
(106, 115, 123, 0.5); }
21549 .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
21551 background-color: transparent
; }
21552 .btn-outline-secondary:not
(:disabled
):not
(.disabled
):active
, .btn-outline-secondary:not
(:disabled
):not
(.disabled
).active
,
21553 .show > .btn-outline-secondary.dropdown-toggle {
21555 background-color: #6a737b;
21556 border-color: #6a737b; }
21557 .btn-outline-secondary:not
(:disabled
):not
(.disabled
):active:focus
, .btn-outline-secondary:not
(:disabled
):not
(.disabled
).active:focus
,
21558 .show > .btn-outline-secondary.dropdown-toggle:focus {
21559 box-shadow: 0 0 0 0.2rem rgba
(106, 115, 123, 0.5); }
21561 .btn-outline-info {
21563 border-color: #1f7e9a; }
21564 .btn-outline-info:hover {
21566 background-color: #1f7e9a;
21567 border-color: #1f7e9a; }
21568 .btn-outline-info:focus, .btn-outline-info.focus {
21569 box-shadow: 0 0 0 0.2rem rgba
(31, 126, 154, 0.5); }
21570 .btn-outline-info.disabled, .btn-outline-info:disabled {
21572 background-color: transparent
; }
21573 .btn-outline-info:not
(:disabled
):not
(.disabled
):active
, .btn-outline-info:not
(:disabled
):not
(.disabled
).active
,
21574 .show > .btn-outline-info.dropdown-toggle {
21576 background-color: #1f7e9a;
21577 border-color: #1f7e9a; }
21578 .btn-outline-info:not
(:disabled
):not
(.disabled
):active:focus
, .btn-outline-info:not
(:disabled
):not
(.disabled
).active:focus
,
21579 .show > .btn-outline-info.dropdown-toggle:focus {
21580 box-shadow: 0 0 0 0.2rem rgba
(31, 126, 154, 0.5); }
21582 .btn-outline-warning {
21584 border-color: #a6670e; }
21585 .btn-outline-warning:hover {
21587 background-color: #a6670e;
21588 border-color: #a6670e; }
21589 .btn-outline-warning:focus, .btn-outline-warning.focus {
21590 box-shadow: 0 0 0 0.2rem rgba
(166, 103, 14, 0.5); }
21591 .btn-outline-warning.disabled, .btn-outline-warning:disabled {
21593 background-color: transparent
; }
21594 .btn-outline-warning:not
(:disabled
):not
(.disabled
):active
, .btn-outline-warning:not
(:disabled
):not
(.disabled
).active
,
21595 .show > .btn-outline-warning.dropdown-toggle {
21597 background-color: #a6670e;
21598 border-color: #a6670e; }
21599 .btn-outline-warning:not
(:disabled
):not
(.disabled
):active:focus
, .btn-outline-warning:not
(:disabled
):not
(.disabled
).active:focus
,
21600 .show > .btn-outline-warning.dropdown-toggle:focus {
21601 box-shadow: 0 0 0 0.2rem rgba
(166, 103, 14, 0.5); }
21603 .path-grade-report-grader .gradeparent tr.heading {
21606 .path-grade-report-grader .gradeparent th.header {
21609 @media (max-width: 767.98px) {
21615 margin-bottom: 1rem; } }
21617 @media (min-width: 768px) {
21620 #page-content .region-main
{
21624 #page-content.blocks-pre
.columnleft
{
21629 #page-content.blocks-pre
.region-main
{
21632 padding: 0 1rem 0 0; }
21633 #page-content.blocks-pre
.region-main #region-main
{
21634 border: 1px solid rgba
(0, 0, 0, 0.125);
21636 border-radius: 0.25rem; }
21637 #page-content.blocks-post
.region-main
{
21640 padding: 0 0 0 1rem; }
21641 #page-content.blocks-post
.columnright
{
21645 #page-content.blocks-pre
.blocks-post
.region-main
{
21649 #page-content [data-region
="blocks-column"] {
21651 .empty-region-side-pre.used-region-side-post #page-content .region-main {
21654 padding-left: 1rem; }
21655 .empty-region-side-pre.used-region-side-post #page-content .columnright {
21659 .empty-region-side-post.used-region-side-pre #page-content .region-main {
21662 padding-right: 1rem; }
21663 .empty-region-side-post.used-region-side-pre #page-content .columnleft {
21668 .used-region-side-post.used-region-side-pre #page-content .region-main {
21672 .used-region-side-post.used-region-side-pre #page-content .columnleft {
21677 .used-region-side-post.used-region-side-pre #page-content .columnright {
21680 max-width: 32%; } }
21682 @media (min-width: 992px) {
21685 #page-content .region-main
{
21689 #page-content.blocks-pre
.columnleft
{
21694 #page-content.blocks-pre
.region-main
{
21697 padding: 0 1rem 0 0; }
21698 #page-content.blocks-pre
.region-main #region-main
{
21699 border: 1px solid rgba
(0, 0, 0, 0.125);
21701 border-radius: 0.25rem; }
21702 #page-content.blocks-post
.region-main
{
21705 padding: 0 0 0 1rem; }
21706 #page-content.blocks-post
.columnright
{
21710 #page-content.blocks-pre
.blocks-post
.region-main
{
21714 #page-content [data-region
="blocks-column"] {
21716 .empty-region-side-pre.used-region-side-post #page-content .region-main {
21719 padding-left: 1rem; }
21720 .empty-region-side-pre.used-region-side-post #page-content .columnright {
21724 .empty-region-side-post.used-region-side-pre #page-content .region-main {
21727 padding-right: 1rem; }
21728 .empty-region-side-post.used-region-side-pre #page-content .columnleft {
21733 .used-region-side-post.used-region-side-pre #page-content .region-main {
21737 .used-region-side-post.used-region-side-pre #page-content .columnleft {
21742 .used-region-side-post.used-region-side-pre #page-content .columnright {
21745 max-width: 25%; } }
21747 @media (min-width: 1200px) {
21750 #page-content .region-main
{
21754 #page-content.blocks-pre
.columnleft
{
21759 #page-content.blocks-pre
.region-main
{
21762 padding: 0 1rem 0 0; }
21763 #page-content.blocks-pre
.region-main #region-main
{
21764 border: 1px solid rgba
(0, 0, 0, 0.125);
21766 border-radius: 0.25rem; }
21767 #page-content.blocks-post
.region-main
{
21770 padding: 0 0 0 1rem; }
21771 #page-content.blocks-post
.columnright
{
21775 #page-content.blocks-pre
.blocks-post
.region-main
{
21779 #page-content [data-region
="blocks-column"] {
21781 .empty-region-side-pre.used-region-side-post #page-content .region-main {
21784 padding-left: 1rem; }
21785 .empty-region-side-pre.used-region-side-post #page-content .columnright {
21789 .empty-region-side-post.used-region-side-pre #page-content .region-main {
21792 padding-right: 1rem; }
21793 .empty-region-side-post.used-region-side-pre #page-content .columnleft {
21798 .used-region-side-post.used-region-side-pre #page-content .region-main {
21802 .used-region-side-post.used-region-side-pre #page-content .columnleft {
21807 .used-region-side-post.used-region-side-pre #page-content .columnright {
21810 max-width: 20%; } }
21813 #page-content .region-main
{
21814 max-width: 100% !important
;
21815 /* stylelint-disable-line declaration-no-important */
21816 flex: 0 0 100% !important
;
21817 /* stylelint-disable-line declaration-no-important */
21818 padding: 0 1rem 0 !important
;
21819 /* stylelint-disable-line declaration-no-important */ } }
21821 @media (min-width: 576px) {
21822 .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
21823 width: calc
(50% - 0.5rem); } }
21825 @media (min-width: 768px) {
21826 .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
21827 width: calc
(50% - 0.5rem); }
21828 .blocks-post
.dashboard-card-deck
.dashboard-card
,
21829 .blocks-pre .dashboard-card-deck .dashboard-card {
21830 width: calc
(100% - 0.5rem); } }
21832 @media (min-width: 992px) {
21833 .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
21834 width: calc
(33.33% - 0.5rem); }
21835 .blocks-post
.dashboard-card-deck
.dashboard-card
,
21836 .blocks-pre .dashboard-card-deck .dashboard-card {
21837 width: calc
(50% - 0.5rem); } }
21839 @media (min-width: 1200px) {
21840 .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
21841 width: calc
(25% - 0.5rem); }
21842 .blocks-post
.dashboard-card-deck
.dashboard-card
,
21843 .blocks-pre .dashboard-card-deck .dashboard-card {
21844 width: calc
(33.33% - 0.5rem); } }
21846 @media (min-width: 1360px) {
21847 .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
21848 width: calc
(20% - 0.5rem); }
21849 .blocks-post
.dashboard-card-deck
.dashboard-card
,
21850 .blocks-pre .dashboard-card-deck .dashboard-card {
21851 width: calc
(25% - 0.5rem); } }
21853 @media (min-width: 768px) {
21854 .blockcolumn .dashboard-card-deck {
21857 .blockcolumn .dashboard-card-deck .dashboard-card {
21858 width: calc
(100% - 0.5rem) !important
;
21859 /* stylelint-disable-line declaration-no-important */ } }
21861 .block_navigation
.block_tree
.list
> li
> ul
,
21862 .block_settings .block_tree.list > li > ul {
21865 .block_navigation
.block_tree
.tree_item
.branch
,
21866 .block_settings .block_tree .tree_item.branch {
21868 padding-left: 0.75rem; }
21870 .block_navigation
.block_tree p
.hasicon
,
21871 .block_settings .block_tree p.hasicon {
21873 padding-left: 0.75rem; }
21875 .block_navigation
.block_tree ul
,
21876 .block_settings .block_tree ul {
21877 margin-left: 0.25rem;
21878 padding-left: 1rem; }
21880 .block_navigation
.block_tree p
.hasicon
.icon
,
21881 .block_settings .block_tree p.hasicon .icon {
21882 margin-right: 5px; }
21886 margin-left: 0 !important
;
21887 /* stylelint-disable-line declaration-no-important */
21888 padding-left: 0 !important
;
21889 /* stylelint-disable-line declaration-no-important */ }
21891 .block.block_settings #settingsnav {
21892 padding-top: 0 !important
;
21893 /* stylelint-disable-line declaration-no-important */ }