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: #212529;
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: #bcd7ef; }
3544 .table-primary thead th
,
3545 .table-primary tbody + tbody {
3546 border-color: #82b4e1; }
3548 .table-hover .table-primary:hover {
3549 background-color: #a7cbea; }
3550 .table-hover
.table-primary:hover
> td
,
3551 .table-hover .table-primary:hover > th {
3552 background-color: #a7cbea; }
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: #61aef3;
3784 box-shadow: 0 0 0 0.2rem rgba
(15, 111, 197, 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, 111, 197, 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: #0f6fc5;
4165 border-color: #0f6fc5; }
4166 .btn-primary:hover {
4168 background-color: #0c5ba1;
4169 border-color: #0b5496; }
4170 .btn-primary:focus, .btn-primary.focus {
4172 background-color: #0c5ba1;
4173 border-color: #0b5496;
4174 box-shadow: 0 0 0 0.2rem rgba
(51, 133, 206, 0.5); }
4175 .btn-primary.disabled, .btn-primary:disabled {
4177 background-color: #0f6fc5;
4178 border-color: #0f6fc5; }
4179 .btn-primary:not
(:disabled
):not
(.disabled
):active
, .btn-primary:not
(:disabled
):not
(.disabled
).active
,
4180 .show > .btn-primary.dropdown-toggle {
4182 background-color: #0b5496;
4183 border-color: #0a4e8a; }
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, 133, 206, 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
(180, 186, 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
(180, 186, 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
(209, 153, 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
(209, 153, 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
(216, 217, 219, 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
(216, 217, 219, 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: #0f6fc5; }
4373 .btn-outline-primary:hover {
4375 background-color: #0f6fc5;
4376 border-color: #0f6fc5; }
4377 .btn-outline-primary:focus, .btn-outline-primary.focus {
4378 box-shadow: 0 0 0 0.2rem rgba
(15, 111, 197, 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: #0f6fc5;
4386 border-color: #0f6fc5; }
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, 111, 197, 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: #0f6fc5; }
4777 .dropdown-item.active, .dropdown-item:active {
4779 text-decoration: none
;
4780 background-color: #0f6fc5; }
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: #0f6fc5;
5076 background-color: #0f6fc5; }
5077 .custom-control-input:focus ~ .custom-control-label::before {
5078 box-shadow: 0 0 0 0.2rem rgba
(15, 111, 197, 0.75); }
5079 .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
5080 border-color: #61aef3; }
5081 .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
5083 background-color: #90c6f7;
5084 border-color: #90c6f7; }
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: #0f6fc5;
5123 background-color: #0f6fc5; }
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, 111, 197, 0.5); }
5131 .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
5132 background-color: rgba
(15, 111, 197, 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, 111, 197, 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, 111, 197, 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: #61aef3;
5187 box-shadow: 0 0 0 0.2rem rgba
(15, 111, 197, 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: #61aef3;
5238 box-shadow: 0 0 0 0.2rem rgba
(15, 111, 197, 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, 111, 197, 0.75); }
5288 .custom-range:focus::-moz-range-thumb {
5289 box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba
(15, 111, 197, 0.75); }
5290 .custom-range:focus::-ms-thumb {
5291 box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba
(15, 111, 197, 0.75); }
5292 .custom-range::-moz-focus-outer {
5294 .custom-range::-webkit-slider-thumb {
5297 margin-top: -0.25rem;
5298 background-color: #0f6fc5;
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: #90c6f7; }
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: #0f6fc5;
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: #90c6f7; }
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: #0f6fc5;
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: #90c6f7; }
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: #0f6fc5; }
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, 111, 197, 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: #0f6fc5;
5970 border-color: #0f6fc5; }
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: #0f6fc5; }
6039 a
.badge-primary:hover
, a
.badge-primary:focus
{
6041 background-color: #0b5496; }
6042 a
.badge-primary:focus
, a
.badge-primary
.focus
{
6044 box-shadow: 0 0 0 0.2rem rgba
(15, 111, 197, 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: #cfe2f3;
6156 border-color: #bcd7ef; }
6158 border-top-color: #a7cbea; }
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: #0f6fc5;
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: #0f6fc5;
6311 border-color: #0f6fc5; }
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: #bcd7ef; }
6417 .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
6419 background-color: #a7cbea; }
6420 .list-group-item-primary.list-group-item-action.active {
6422 background-color: #083a66;
6423 border-color: #083a66; }
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
(33, 37, 41, 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
; }
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: #0f6fc5 !important
; }
7138 a
.bg-primary:hover
, a
.bg-primary:focus
,
7139 button
.bg-primary:hover
,
7140 button
.bg-primary:focus
{
7141 background-color: #0b5496 !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: #0f6fc5 !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
; }
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: #0f6fc5 !important
; }
9699 a
.text-primary:hover
, a
.text-primary:focus
{
9700 color: #0a477e !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: #212529 !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
; }
9857 .dir-rtl .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
9858 transform: translateX
(-0.75rem); }
9863 * Variables written for Moodle specific components
9865 * Please do not override any Bootstrap variables here, custom Bootstrap variable should go in
9866 * preset files instead.
9871 overflow-y: visible
;
9872 background-color: #fff; }
9874 @media (min-width: 576px) {
9876 border: 1px solid rgba
(0, 0, 0, 0.125);
9877 border-radius: 0.25rem;
9878 padding: 1.25rem; } }
9880 @media (min-width: 576px) {
9881 .context-header-settings-menu
,
9882 .region-main-settings-menu {
9888 margin-top: 4px; } }
9890 @media (max-width: 767.98px) {
9891 .context-header-settings-menu
,
9892 .region-main-settings-menu {
9894 justify-content: flex-end
; } }
9899 transition: opacity
.7s ease
0s, visibility
.1s ease
.8s;
9907 transform: translateY
(-100%); }
9909 @media (max-width: 767.98px) {
9913 body
.scrolled #goto-top-link
{
9915 visibility: visible
;
9916 transition: visibility
0s ease
0s, opacity
.7s ease
.1s; }
9918 .context-header-settings-menu
.dropdown-toggle
> .icon
,
9919 #region-main-settings-menu .dropdown-toggle
> .icon
{
9924 /** Prevent user notifications overlapping with region main settings menu */
9925 #user-notifications {
9929 /** Page layout CSS starts **/
9930 .layout-option-noheader #page-header
,
9931 .layout-option-nonavbar #page-navbar
,
9932 .layout-option-nofooter #page-footer
,
9933 .layout-option-nocourseheader
.course-content-header
,
9934 .layout-option-nocoursefooter .course-content-footer {
9937 /** Page layout CSS ends **/
9942 text-align: right
; }
9946 direction: ltr
!important
;
9947 /* stylelint-disable-line declaration-no-important */ }
9953 text-align: center
; }
9960 a
.dimmed_text:visited
,
9963 .dimmed_text
a:link
,
9964 .dimmed_text
a:visited
,
9967 .usersuspended
a:link
,
9968 .usersuspended
a:visited
,
9970 .dimmed_category a {
9973 .aalink
.focus
, .aalink:focus
,
9974 #page-footer a:not
([class
]).focus
,
9975 #page-footer a:not
([class
]):focus
,
9978 a:not
([class
]).focus
,
9979 a:not
([class
]):focus
,
9980 .activityinstance
> a
.focus
,
9981 .activityinstance > a:focus {
9982 outline: 0.2rem solid transparent
;
9984 background-color: #d7ebfc;
9985 box-shadow: 0 -0.2rem #d7ebfc, 0 0.2rem #343a40; }
9987 .aalink:focus:hover
,
9988 #page-footer a:not
([class
]):focus:hover
,
9989 .arrow_link:focus:hover
,
9990 a:not
([class
]):focus:hover
,
9991 .activityinstance > a:focus:hover {
9992 text-decoration: none
; }
9994 .aabtn
.focus
, .aabtn:focus
,
9999 .editor_atto_toolbar button
.focus
,
10000 .editor_atto_toolbar
button:focus
,
10001 [role
="button"].focus
,
10002 [role
="button"]:focus
,
10003 .list-group-item-action
.focus
,
10004 .list-group-item-action:focus
,
10005 input
[type
="checkbox"].focus
,
10006 input
[type
="checkbox"]:focus
,
10007 input
[type
="radio"].focus
,
10008 input
[type
="radio"]:focus
,
10009 input
[type
="file"].focus
,
10010 input
[type
="file"]:focus
,
10011 input
[type
="image"].focus
,
10012 input
[type
="image"]:focus
,
10013 .sr-only-focusable
.focus
,
10014 .sr-only-focusable:focus
,
10015 a
.dropdown-toggle
.focus
,
10016 a
.dropdown-toggle:focus
,
10017 .modal-dialog
[tabindex
="0"].focus
,
10018 .modal-dialog
[tabindex
="0"]:focus
,
10019 .moodle-dialogue-base
.closebutton
.focus
,
10020 .moodle-dialogue-base
.closebutton:focus
,
10021 button
.close
.focus
,
10022 button
.close:focus
,
10023 .form-autocomplete-selection
.focus
,
10024 .form-autocomplete-selection:focus {
10026 box-shadow: 0 0 0 0.2rem rgba
(15, 111, 197, 0.75); }
10028 .aabtn:focus:hover
,
10029 .btn-link:focus:hover
,
10030 .nav-link:focus:hover
,
10031 .editor_atto_toolbar
button:focus:hover
,
10032 [role
="button"]:focus:hover
,
10033 .list-group-item-action:focus:hover
,
10034 input
[type
="checkbox"]:focus:hover
,
10035 input
[type
="radio"]:focus:hover
,
10036 input
[type
="file"]:focus:hover
,
10037 input
[type
="image"]:focus:hover
,
10038 .sr-only-focusable:focus:hover
,
10039 a
.dropdown-toggle:focus:hover
,
10040 .modal-dialog
[tabindex
="0"]:focus:hover
,
10041 .moodle-dialogue-base
.closebutton:focus:hover
,
10042 button
.close:focus:hover
,
10043 .form-autocomplete-selection:focus:hover {
10044 text-decoration: none
; }
10046 .form-autocomplete-suggestions li[aria-selected=true] {
10048 box-shadow: 0 0 0 0.2rem rgba
(15, 111, 197, 0.75); }
10050 .safari input
[type
="checkbox"].focus
, .safari input
[type
="checkbox"]:focus
,
10051 .safari input
[type
="radio"].focus
,
10052 .safari input[type="radio"]:focus {
10061 .section li
.activity
,
10062 .section li
.movehere
,
10068 .section li.movehere a {
10072 border: 2px dashed
#343a40; }
10074 .editing .course-content .hidden.sectionname {
10075 visibility: hidden
;
10076 display: initial
; }
10083 font-size: 0.703125rem; }
10100 .fitem.advanced .text-info {
10101 font-weight: bold
; }
10104 text-align: right
; }
10106 a
.autolink
.glossary:hover
{
10109 /* Block which is hidden if javascript enabled, prevents fickering visible when JS from footer used! */
10110 .collapsibleregioncaption {
10111 white-space: nowrap
;
10112 min-height: 1.40625rem; }
10114 .pagelayout-mydashboard.jsenabled .collapsibleregioncaption {
10117 .pagelayout-mydashboard #region-main {
10120 background-color: transparent
;
10121 margin-top: -1px; }
10123 @media (max-width: 767.98px) {
10124 .pagelayout-mydashboard #region-main-box
,
10125 .pagelayout-login #region-main-box {
10127 padding-right: 0; } }
10129 .collapsibleregioncaption img {
10130 vertical-align: middle
; }
10132 .jsenabled .hiddenifjs {
10138 .jsenabled .visibleifjs {
10141 .jsenabled .collapsibleregion {
10143 box-sizing: content-box
; }
10145 .jsenabled .collapsed .collapsibleregioninner {
10146 visibility: hidden
; }
10148 .collapsible-actions {
10150 text-align: right
; }
10152 .jsenabled .collapsible-actions {
10155 .collapsible-actions .collapseexpand {
10156 padding-left: 20px;
10157 background: url
([[pix:t
/collapsed
]]) 2px center no-repeat
; }
10160 .collapsible-actions .collapseexpand {
10161 background: url([[pix:t/collapsed_rtl]]) right center no-repeat;
10164 .collapsible-actions .collapse-all {
10165 background-image: url
([[pix:t
/expanded
]]); }
10167 .yui-overlay .yui-widget-bd {
10168 background-color: #ffee69;
10169 border: 1px solid
#a6982b;
10170 border-top-color: #d4c237;
10174 position: relative
;
10179 background: transparent
;
10191 .pagingbar .thispage {
10192 font-weight: bold
; }
10195 margin-right: 0.5rem; }
10201 .action-menu .dropdown-toggle {
10202 text-decoration: none
; }
10205 white-space: nowrap
; }
10207 .block img.resize {
10215 vertical-align: middle
; }
10218 font-weight: bold
; }
10223 overflow: hidden
; }
10228 #addmembersform table
{
10230 margin-right: auto
; }
10232 table
.flexible
.emptyrow
{
10236 form
.popupform div
{
10239 .arrow_button input {
10240 overflow: hidden
; }
10245 .no-overflow > .generaltable {
10246 position: relative
;
10247 margin-bottom: 0; }
10250 position: absolute
;
10256 clip: rect
(0, 0, 0, 0);
10257 white-space: nowrap
;
10267 position: absolute
;
10270 text-decoration: none
; }
10272 a
.skip-block:focus
,
10273 a
.skip-block:active
,
10282 overflow: hidden
; }
10285 text-align: center
; }
10287 .blog_entry .audience {
10289 padding-right: 4px; }
10291 .blog_entry .tags {
10292 margin-top: 15px; }
10294 .blog_entry .content {
10295 margin-left: 43px; }
10298 margin: 1em 0 0 0; }
10305 #doc-contents ul li
{
10306 list-style-type: none
; }
10308 .groupmanagementtable td {
10309 vertical-align: top
; }
10311 .groupmanagementtable #existingcell
,
10312 .groupmanagementtable #potentialcell {
10315 .groupmanagementtable #buttonscell {
10318 .groupmanagementtable #buttonscell p.arrow_button input {
10324 .groupmanagementtable #removeselect_wrapper
,
10325 .groupmanagementtable #addselect_wrapper {
10328 .groupmanagementtable #removeselect_wrapper label
,
10329 .groupmanagementtable #addselect_wrapper label {
10330 font-weight: normal
; }
10332 #group-usersummary {
10337 margin-bottom: 3px;
10338 display: inline-block
; }
10340 .groupselector label {
10341 display: inline-block
; }
10343 .login-page [name="username"] {
10344 margin-bottom: -1px;
10345 border-bottom-right-radius: 0;
10346 border-bottom-left-radius: 0; }
10348 .login-page [type="password"] {
10349 margin-bottom: 10px;
10350 border-top-left-radius: 0;
10351 border-top-right-radius: 0; }
10354 margin-bottom: 1em; }
10356 .notepost .userpicture {
10358 margin-right: 5px; }
10360 .notepost
.content
,
10361 .notepost .footer {
10365 margin-left: 20px; }
10367 .path-my .coursebox {
10370 .path-my .coursebox .overview {
10371 margin: 15px 30px 10px 30px; }
10373 .path-my .coursebox .info {
10397 .comment-area textarea {
10400 .comment-area textarea.fullwidth {
10401 -webkit-box-sizing: border-box
;
10402 -moz-box-sizing: border-box
;
10403 box-sizing: border-box
; }
10405 .comment-area .fd {
10406 text-align: right
; }
10408 .comment-meta span {
10411 .comment-link img {
10412 vertical-align: text-bottom
; }
10424 margin-bottom: 5px;
10427 position: relative
; }
10429 .comment-list li.first {
10433 text-align: center
; }
10435 .comment-paging .pageno {
10438 .comment-paging .curpage {
10439 border: 1px solid
#ccc; }
10441 .comment-message .picture {
10445 .comment-message .text {
10449 .comment-message .text p {
10451 margin: 0 18px 0 0; }
10454 position: absolute
;
10459 .comment-report-selectall {
10465 .jsenabled .comment-link {
10468 .jsenabled .showcommentsnonjs {
10471 .jsenabled .comment-report-selectall {
10475 * Completion progress report
10477 .completion-expired {
10480 .completion-expected {
10481 font-size: 0.703125rem; }
10483 .completion-sortchoice
,
10484 .completion-identifyfield {
10485 font-size: 0.703125rem;
10486 vertical-align: bottom
; }
10488 .completion-progresscell {
10489 text-align: right
; }
10491 .completion-expired .completion-expected {
10492 font-weight: bold
; }
10502 text-align: center
;
10503 margin: 10px auto
; }
10505 .path-tag .tag-index-items .tagarea {
10506 border: 1px solid
#e3e3e3;
10507 border-radius: 4px;
10509 margin-top: 10px; }
10511 .path-tag .tag-index-items .tagarea h3 {
10513 padding: 3px 0 10px 0;
10519 text-shadow: 0 1px 0 rgba
(255, 255, 255, 0.5);
10520 text-transform: uppercase
;
10521 word-wrap: break-word
;
10522 border-bottom: solid
1px #e3e3e3;
10523 margin-bottom: 10px; }
10525 .path-tag
.tagarea
.controls::after
,
10526 .path-tag .tagarea .taggeditems::after {
10531 .path-tag
.tagarea
.controls
,
10532 .path-tag .tag-backtoallitems {
10533 text-align: center
; }
10535 .path-tag .tagarea .controls .gotopage.nextpage {
10538 .path-tag .tagarea .controls .gotopage.prevpage {
10541 .path-tag .tagarea .controls .exclusivemode {
10542 display: inline-block
; }
10544 .path-tag .tagarea .controls.controls-bottom {
10547 .path-tag .tagarea .controls .gotopage.nextpage::after {
10548 padding-right: 5px;
10552 .path-tag .tagarea .controls .gotopage.prevpage::before {
10553 padding-right: 5px;
10559 span
.flagged-tag a
,
10563 .tag-management-table td
,
10564 .tag-management-table th {
10565 vertical-align: middle
;
10568 .tag-management-table .inplaceeditable.inplaceeditingon input {
10571 .path-admin-tag .addstandardtags {
10573 .path-admin-tag .addstandardtags img {
10576 .path-tag .tag-relatedtags {
10577 padding-top: 10px; }
10579 .path-tag .tag-management-box {
10580 text-align: right
; }
10582 .path-tag .tag-index-toc {
10584 text-align: center
; }
10586 .path-tag
.tag-index-toc li
,
10587 .path-tag .tag-management-box li {
10589 margin-right: 5px; }
10591 .path-tag .tag-management-box li a.edittag {
10592 background-image: url
([[pix:moodle|i
/settings
]]); }
10594 .path-tag .tag-management-box li a.flagasinappropriate {
10595 background-image: url
([[pix:moodle|i
/flagged
]]); }
10597 .path-tag .tag-management-box li a.removefrommyinterests {
10598 background-image: url
([[pix:moodle|t
/delete
]]); }
10600 .path-tag .tag-management-box li a.addtomyinterests {
10601 background-image: url
([[pix:moodle|t
/add
]]); }
10603 .path-tag .tag-management-box li a {
10604 background-repeat: no-repeat
;
10605 background-position: left
;
10606 padding-left: 17px; }
10608 .tag_feed.media-list .media .itemimage {
10611 .tag_feed.media-list .media .itemimage img {
10615 .tag_feed.media-list .media .media-body {
10616 padding-right: 10px;
10617 padding-left: 10px; }
10619 .tag_feed .media .muted a {
10623 text-align: center
; }
10625 .tag_cloud .inline-list li {
10626 padding: 0 0.2em; }
10628 .tag_cloud .tag_overflow {
10630 font-style: italic
; }
10633 font-size: 2.7em; }
10636 font-size: 2.6em; }
10639 font-size: 2.5em; }
10642 font-size: 2.4em; }
10645 font-size: 2.3em; }
10648 font-size: 2.2em; }
10651 font-size: 2.1em; }
10657 font-size: 1.9em; }
10660 font-size: 1.8em; }
10663 font-size: 1.7em; }
10666 font-size: 1.6em; }
10669 font-size: 1.5em; }
10672 font-size: 1.4em; }
10675 font-size: 1.3em; }
10678 font-size: 1.2em; }
10681 font-size: 1.1em; }
10687 font-size: 0.9em; }
10690 font-size: 0.8em; }
10693 font-size: 0.7em; }
10698 .tag_list.hideoverlimit .overlimit {
10701 .tag_list .tagmorelink {
10704 .tag_list.hideoverlimit .tagmorelink {
10707 .tag_list.hideoverlimit .taglesslink {
10713 #webservice-doc-generator td
{
10715 border: 0 solid black
; }
10722 border-collapse: collapse
; }
10724 .userenrolment tr {
10725 vertical-align: top
; }
10727 .userenrolment td {
10731 .userenrolment .subfield {
10732 margin-right: 5px; }
10734 .userenrolment .col_userdetails .subfield {
10735 margin-left: 40px; }
10737 .userenrolment .col_userdetails .subfield_picture {
10741 .userenrolment .col_lastseen {
10744 .userenrolment .col_role {
10747 .userenrolment
.col_role
.roles
,
10748 .userenrolment .col_group .groups {
10749 margin-right: 30px; }
10751 .userenrolment .col_role .role {
10753 padding: 0 3px 3px;
10755 white-space: nowrap
; }
10757 .userenrolment .col_group .group {
10761 white-space: nowrap
; }
10763 .userenrolment
.col_role
.role a
,
10764 .userenrolment .col_group .group a {
10768 .userenrolment
.col_role
.addrole
,
10769 .userenrolment .col_group .addgroup {
10773 .userenrolment
.col_role
.addrole
> a:hover
,
10774 .userenrolment .col_group .addgroup > a:hover {
10775 border-bottom: 1px solid
#666; }
10777 .userenrolment
.col_role
.addrole img
,
10778 .userenrolment .col_group .addgroup img {
10779 vertical-align: baseline
; }
10781 .userenrolment .hasAllRoles .col_role .addrole {
10784 .userenrolment .col_enrol .enrolment {
10786 padding: 0 3px 3px;
10787 margin: 0 3px 3px; }
10789 .userenrolment .col_enrol .enrolment a {
10791 margin-left: 3px; }
10794 background-color: #ccc;
10795 position: absolute
;
10800 text-align: center
; }
10802 .corelightbox img {
10807 .mod-indent-outer {
10811 display: table-cell
; }
10813 .label .mod-indent {
10815 padding-top: 20px; }
10817 @media (min-width: 576px) {
10818 /* Creates a series of .mod-indent-# rule declarations based on indent size and number of indent levels. */
10854 /* Audio player size in 'block' mode (can only change width, height is hardcoded in JS) */
10855 .resourcecontent .mediaplugin_mp3 object {
10859 .resourcecontent audio.mediaplugin_html5audio {
10862 /** Large resource images should avoid hidden overflow **/
10866 /* Audio player size in 'inline' mode (can only change width, as above) */
10867 .mediaplugin_mp3 object {
10871 audio
.mediaplugin_html5audio
{
10874 /* TinyMCE moodle media preview frame should not have padding */
10875 .core_media_preview.pagelayout-embedded #content {
10878 .core_media_preview.pagelayout-embedded #maincontent {
10881 body#page-lib-editor-tinymce-plugins-moodlemedia-preview
{
10885 background: none
; }
10887 .path-rating .ratingtable {
10889 margin-bottom: 1em; }
10891 .path-rating .ratingtable th.rating {
10894 .path-rating
.ratingtable td
.rating
,
10895 .path-rating .ratingtable td.time {
10896 white-space: nowrap
;
10897 text-align: center
; }
10899 /* Moodle Dialogue Settings (moodle-core-dialogue) */
10900 .moodle-dialogue-base .moodle-dialogue-lightbox {
10901 background-color: #495057; }
10903 .pagelayout-popup .moodle-dialogue-base .moodle-dialogue-lightbox {
10904 background-color: transparent
; }
10906 .pagelayout-popup .moodle-dialogue-base .moodle-dialogue {
10907 box-shadow: 0 0.25rem 0.5rem rgba
(0, 0, 0, 0.2); }
10909 .moodle-dialogue-base
.hidden
,
10910 .moodle-dialogue-base .moodle-dialogue-hidden {
10914 overflow: hidden
; }
10916 .moodle-dialogue-base .moodle-dialogue-fullscreen {
10923 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
10926 .moodle-dialogue-base .moodle-dialogue-wrap {
10927 background-color: #fff;
10928 border: 1px solid
#ccc; }
10933 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd {
10935 padding: 1rem 1rem;
10936 border-bottom: 1px solid
#dee2e6; }
10938 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd.yui3-widget-hd {
10941 background: initial
;
10943 line-height: 1.5; }
10945 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd h5 {
10949 line-height: 1.5; }
10951 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .yui3-widget-buttons {
10957 position: relative
;
10958 margin-left: auto
; }
10960 .moodle-dialogue-base .closebutton {
10961 padding: 1rem 1rem;
10962 margin: -1rem -1rem -1rem auto
;
10963 position: relative
;
10964 background-color: transparent
;
10966 background-image: none
;
10969 .moodle-dialogue-base .closebutton:hover, .moodle-dialogue-base .closebutton:active {
10971 .moodle-dialogue-base .closebutton::after {
10974 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd {
10976 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd body {
10977 background-color: #fff; }
10979 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
10981 position: absolute
;
10989 .moodle-dialogue-exception .moodle-exception-param label {
10990 font-weight: bold
; }
10992 .moodle-dialogue-exception .param-stacktrace label {
10993 background-color: #eee;
10994 border: 1px solid
#ccc;
10995 border-bottom-width: 0; }
10997 .moodle-dialogue-exception .param-stacktrace pre {
10998 border: 1px solid
#ccc;
10999 background-color: #fff; }
11001 .moodle-dialogue-exception .param-stacktrace .stacktrace-file {
11003 font-size: 0.8203125rem; }
11005 .moodle-dialogue-exception .param-stacktrace .stacktrace-line {
11007 font-size: 0.8203125rem; }
11009 .moodle-dialogue-exception .param-stacktrace .stacktrace-call {
11012 border-bottom: 1px solid
#eee; }
11014 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft:empty {
11017 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft.yui3-widget-ft {
11018 background: initial
; }
11020 .moodle-dialogue-confirm .confirmation-message {
11021 margin: 0.5rem 0; }
11023 .moodle-dialogue-confirm .confirmation-dialogue input {
11026 .moodle-dialogue-exception .moodle-exception-message {
11029 .moodle-dialogue-exception .moodle-exception-param {
11030 margin-bottom: 0.5em; }
11032 .moodle-dialogue-exception .moodle-exception-param label {
11035 .moodle-dialogue-exception .param-stacktrace label {
11038 padding: 4px 1em; }
11040 .moodle-dialogue-exception .param-stacktrace pre {
11045 .moodle-dialogue-exception .param-stacktrace .stacktrace-file {
11046 display: inline-block
;
11049 .moodle-dialogue-exception .param-stacktrace .stacktrace-line {
11050 display: inline-block
;
11054 .moodle-dialogue-exception .param-stacktrace .stacktrace-call {
11055 padding-left: 25px;
11056 margin-bottom: 4px;
11057 padding-bottom: 4px; }
11059 .moodle-dialogue .moodle-dialogue-bd .content-lightbox {
11065 background-color: white
;
11066 text-align: center
;
11069 /* Apply a default max-height on tooltip text */
11070 .moodle-dialogue .tooltiptext {
11071 max-height: 300px; }
11073 .moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip {
11075 .moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip .moodle-dialogue-bd {
11079 * Chooser Dialogues (moodle-core-chooserdialogue)
11081 * This CSS belong to the chooser dialogue which should work both with, and
11082 * without javascript enabled
11084 /* Hide the dialog and it's title */
11085 .chooserdialoguebody
,
11089 .moodle-dialogue.chooserdialogue .moodle-dialogue-content .moodle-dialogue-ft {
11092 .chooserdialogue .moodle-dialogue-wrap .moodle-dialogue-bd {
11094 background: #f2f2f2;
11095 border-bottom-right-radius: 10px;
11096 border-bottom-left-radius: 10px; }
11098 /* Center the submit buttons within the area */
11099 .choosercontainer #chooseform .submitbuttons {
11101 text-align: right
; }
11103 /* Fixed for safari browser on iPhone4S with ios7@mixin */
11104 @media (max-height: 639px) {
11105 .ios .choosercontainer #chooseform .submitbuttons {
11106 padding: 45px 0; } }
11108 .choosercontainer #chooseform .submitbuttons input {
11112 /* Various settings for the options area */
11113 .choosercontainer #chooseform .options {
11114 position: relative
;
11115 border-bottom: 1px solid
#bbb; }
11117 /* Only set these options if we're showing the js container */
11118 .jschooser .choosercontainer #chooseform .alloptions {
11119 overflow-x: hidden
;
11121 max-width: 240px; }
11122 .jschooser .choosercontainer #chooseform .alloptions .option input[type=radio] {
11123 display: inline-block
; }
11124 .jschooser .choosercontainer #chooseform .alloptions .option .typename {
11125 display: inline-block
;
11128 /* Settings for option rows and option subtypes */
11129 .choosercontainer #chooseform
.moduletypetitle
,
11130 .choosercontainer #chooseform
.option
,
11131 .choosercontainer #chooseform .nonoption {
11133 padding: 0 1.6em 0 1.6em; }
11135 .choosercontainer #chooseform .moduletypetitle {
11136 text-transform: uppercase
;
11137 padding-top: 1.2em;
11138 padding-bottom: 0.4em;
11139 margin-bottom: 0.5rem;
11142 .choosercontainer #chooseform
.option
.typename
,
11143 .choosercontainer #chooseform .nonoption .typename {
11144 padding: 0 0 0 0.5em; }
11146 .choosercontainer #chooseform .modicon + .typename {
11149 .choosercontainer #chooseform
.option input
[type
=radio
],
11150 .choosercontainer #chooseform .option span.typename {
11151 vertical-align: middle
; }
11153 .choosercontainer #chooseform .option label {
11157 border-bottom: 1px solid
#fff; }
11159 .choosercontainer #chooseform .option .icon {
11163 .choosercontainer #chooseform .nonoption {
11164 padding-left: 2.7em;
11165 padding-top: 0.3em;
11166 padding-bottom: 0.1em; }
11168 .choosercontainer #chooseform .subtype {
11170 padding: 0 1.6em 0 3.2em; }
11172 .choosercontainer #chooseform .subtype .typename {
11173 margin: 0 0 0 0.2em; }
11175 /* The instruction/help area */
11176 .jschooser
.choosercontainer #chooseform
.instruction
,
11177 .jschooser .choosercontainer #chooseform .typesummary {
11179 position: absolute
;
11186 background-color: #fff;
11187 overflow-x: hidden
;
11189 line-height: 2em; }
11191 /* Selected option settings */
11192 .jschooser
.choosercontainer #chooseform
.instruction
,
11193 .choosercontainer #chooseform .selected .typesummary {
11196 .choosercontainer #chooseform .selected {
11197 background-color: #fff;
11199 padding-top: 1px; }
11201 @media (max-width: 575.98px) {
11202 .jsenabled .choosercontainer #chooseform .alloptions {
11204 .jsenabled
.choosercontainer #chooseform
.instruction
,
11205 .jsenabled .choosercontainer #chooseform .typesummary {
11206 position: static
; } }
11209 * Module chooser dialogue (moodle-core-chooserdialogue)
11211 * This CSS belong to the chooser dialogue which should work both with, and
11212 * without javascript enabled
11214 .modchooser .modal-body {
11219 flex-direction: column
; }
11220 .modchooser .modal-body .searchresultitemscontainer-wrapper {
11221 min-height: 495px; }
11222 .modchooser .modal-body .carousel-item.active {
11224 .modchooser .modal-body .chooser-container {
11226 flex-direction: column
;
11228 .modchooser .modal-body .loading-icon {
11230 .modchooser .modal-body .loading-icon .icon {
11235 .modchooser .modal-body .carousel-item .loading-icon .icon {
11236 margin: 1em auto
; }
11237 .modchooser .modal-body .searchbar {
11240 .modchooser .modal-footer {
11242 background: #fff; }
11243 .modchooser .modal-footer .moodlenet-logo .icon {
11246 margin-bottom: .6rem; }
11248 .modchoosercontainer.noscroll {
11249 overflow-y: hidden
; }
11251 .modchoosercontainer
.optionscontainer
,
11252 .modchoosercontainer .searchresultitemscontainer {
11253 overflow-x: hidden
; }
11254 .modchoosercontainer
.optionscontainer
.option
,
11255 .modchoosercontainer .searchresultitemscontainer .option {
11256 flex-basis: calc
(50% - 0.5rem); }
11257 .modchoosercontainer
.optionscontainer
.option
.optionactions
.optionaction
,
11258 .modchoosercontainer .searchresultitemscontainer .option .optionactions .optionaction {
11261 .modchoosercontainer
.optionscontainer
.option
.optionactions
.optionaction i
,
11262 .modchoosercontainer .searchresultitemscontainer .option .optionactions .optionaction i {
11264 .modchoosercontainer
.optionscontainer
.option
.optioninfo a
,
11265 .modchoosercontainer .searchresultitemscontainer .option .optioninfo a {
11267 .modchoosercontainer
.optionscontainer
.option
.optioninfo
a:hover
,
11268 .modchoosercontainer .searchresultitemscontainer .option .optioninfo a:hover {
11269 text-decoration: none
; }
11271 .modchooser .modal-body .optionsummary {
11272 background-color: #fff;
11273 overflow-x: hidden
;
11276 .modchooser .modal-body .optionsummary .content {
11277 overflow-y: auto
; }
11278 .modchooser .modal-body .optionsummary .content .heading .icon {
11283 .modchooser .modal-body .optionsummary .actions {
11284 border-top: 1px solid
#dee2e6;
11285 background: #fff; }
11287 @media (max-width: 575.98px) {
11288 .path-course-view
.modal-dialog
.modal-lg
,
11289 .path-course-view
.modal-content
,
11290 .modchooser
.modal-body
,
11291 .modchooser
.modal-body
.carousel
,
11292 .modchooser
.modal-body
.carousel-inner
,
11293 .modchooser
.modal-body
.carousel-item
,
11294 .modchooser
.modal-body
.optionsummary
,
11295 .modchoosercontainer
,
11297 .searchresultitemscontainer {
11300 overflow-y: auto
; }
11301 .path-course-view .modal-dialog.modal-lg {
11303 .modchooser .modal-body .searchresultitemscontainer-wrapper {
11304 min-height: auto
; } }
11306 @media (min-width: 576px) {
11307 .modchoosercontainer
.optionscontainer
.option
,
11308 .modchoosercontainer .searchresultitemscontainer .option {
11309 flex-basis: calc
(33.33% - 0.5rem); } }
11311 @media (min-width: 992px) {
11312 .modchoosercontainer
.optionscontainer
.option
,
11313 .modchoosercontainer .searchresultitemscontainer .option {
11314 flex-basis: calc
(16.66% - 0.5rem); } }
11316 /* Form element: listing */
11317 .formlistingradio {
11318 padding-bottom: 25px;
11319 padding-right: 10px; }
11321 .formlistinginputradio {
11325 min-height: 225px; }
11328 position: relative
;
11330 padding: 1px 19px 14px;
11331 background-color: white
;
11332 border: 1px solid
#ddd;
11333 border-radius: 4px; }
11336 position: absolute
;
11343 background-color: whitesmoke
;
11344 border: 1px solid
#ddd;
11346 border-radius: 4px 0 4px 0; }
11351 border-radius: 4px; }
11355 border-bottom: 1px solid
;
11356 border-color: #e1e1e8;
11357 border-left: 1px solid
#e1e1e8;
11358 border-right: 1px solid
#e1e1e8;
11359 background-color: #f7f7f9;
11360 border-radius: 0 0 4px 4px;
11368 body
.jsenabled
.formlistingradio
{
11371 body
.jsenabled
.formlisting
{
11374 a
.criteria-action
{
11378 div
.criteria-description
{
11379 padding: 10px 15px;
11381 background: none repeat scroll
0 0 #f9f9f9;
11382 border: 1px solid
#eee; }
11386 list-style: none
; }
11389 position: relative
;
11390 display: inline-block
;
11392 text-align: center
;
11393 vertical-align: top
;
11396 .badges li .badge-name {
11401 position: absolute
; }
11403 .badges li .badge-image {
11410 .badges li .badge-actions {
11411 position: relative
; }
11413 .badges li .expireimage {
11414 background-image: url
([[pix:i
/expired
]]);
11415 background-repeat: no-repeat
;
11416 background-size: 100px 100px;
11421 position: absolute
;
11426 background-color: transparent
;
11428 position: relative
;
11431 display: inline-block
;
11432 vertical-align: top
;
11434 margin-bottom: 20px; }
11435 #badge-image .expireimage
{
11436 background-image: url
([[pix:i
/expired
]]);
11437 background-repeat: no-repeat
;
11438 background-size: 100px 100px;
11444 position: absolute
;
11446 #badge-image .singlebutton
{
11449 #badge-image .singlebutton button
{
11450 margin-left: 4px; }
11453 display: inline-block
;
11456 #badge-overview dl
,
11457 #badge-details dl
{
11459 #badge-overview dl dt
,
11460 #badge-overview dl dd
,
11461 #badge-details dl dt
,
11462 #badge-details dl dd
{
11463 vertical-align: top
;
11465 #badge-overview dl dt
,
11466 #badge-details dl dt
{
11468 display: inline-block
;
11470 min-width: 100px; }
11471 #badge-overview dl dd
,
11472 #badge-details dl dd
{
11473 display: inline-block
;
11478 vertical-align: top
; }
11489 #page-badges-award .recipienttable tr td
{
11490 vertical-align: top
; }
11492 #page-badges-award .recipienttable tr td
.actions
.actionbutton
{
11497 #page-badges-award .recipienttable tr td
.existing
,
11498 #page-badges-award .recipienttable tr td
.potential
{
11501 #issued-badge-table .activatebadge
{
11502 display: inline-block
; }
11504 .statusbox.active {
11505 background-color: #d7e4d6; }
11507 .statusbox.inactive {
11508 background-color: #fcefdc; }
11511 text-align: center
;
11512 margin-bottom: 5px;
11515 .statusbox .activatebadge {
11516 display: inline-block
; }
11518 .statusbox .activatebadge input[type=submit] {
11524 vertical-align: middle
; }
11526 img#persona_signin
{
11532 .invisiblefieldset {
11538 #page-header .logo
{
11540 #page-header .logo img
{
11541 max-height: 75px; }
11543 /** Navbar logo. */
11544 nav
.navbar
.logo img
{
11545 max-height: 35px; }
11547 .nav.usernav .nav-item {
11550 .nav.usernav .usermenu .dropdown-toggle {
11551 padding: 0 0.5rem; }
11553 /** Header-bar styles **/
11554 .page-context-header {
11556 padding: 0.25rem; }
11557 .page-context-header
.page-header-image
,
11558 .page-context-header .page-header-headings {
11561 position: relative
; }
11562 .page-context-header .page-header-image {
11564 margin-bottom: 1em; }
11565 .page-context-header .page-header-image > a {
11566 display: inline-block
; }
11567 .page-context-header
.page-header-headings
,
11568 .page-context-header .header-button-group {
11569 position: relative
;
11571 vertical-align: middle
; }
11572 .page-context-header .header-button-group {
11576 ul
.dragdrop-keyboard-drag li
{
11577 list-style-type: none
; }
11581 text-decoration: none
;
11583 font-style: italic
;
11588 overflow: hidden
; }
11590 .progressbar_container {
11594 /* IE10 only fix for calendar titling */
11595 .ie10 .yui3-calendar-header-label {
11596 display: inline-block
; }
11606 .nav-tabs
> .active
> a
[href
],
11607 .nav-tabs
> .active
> a
[href
]:hover
,
11608 .nav-tabs > .active > a[href]:focus {
11611 .inplaceeditable.inplaceeditingon {
11612 position: relative
; }
11613 .inplaceeditable.inplaceeditingon .editinstructions {
11615 font-weight: normal
;
11620 white-space: nowrap
; }
11621 @media
(min-width: 576px) {
11622 .inplaceeditable.inplaceeditingon input {
11624 vertical-align: text-bottom
;
11625 margin-bottom: 0; } }
11626 .inplaceeditable.inplaceeditingon select {
11627 margin-bottom: 0; }
11629 .inplaceeditable .quickediticon img {
11632 .inplaceeditable .quickeditlink {
11634 text-decoration: inherit
; }
11636 .inplaceeditable:hover
.quickeditlink
.quickediticon img
,
11637 .inplaceeditable .quickeditlink:focus .quickediticon img {
11640 .inplaceeditable.inplaceeditable-toggle .quickediticon {
11643 .inplaceeditable.inplaceeditable-autocomplete {
11646 h3
.sectionname
.inplaceeditable
.inplaceeditingon
.editinstructions
{
11647 margin-top: -20px; }
11650 .chart-area .chart-table-data {
11653 .chart-area .chart-table {
11654 /** When accessible, we display the table only. */ }
11655 .chart-area .chart-table .chart-output-htmltable caption {
11656 white-space: nowrap
; }
11657 .chart-area .chart-table.accesshide .chart-table-expand {
11659 .chart-area .chart-table.accesshide .chart-table-data {
11663 padding-left: 1rem;
11664 -webkit-margin-start: 0.2rem;
11665 /* stylelint-disable-line */ }
11667 /* YUI 2 Tree View */
11687 .ygtvcancel:hover {
11688 background-image: url([[pix:theme|yui2-treeview-sprite-rtl]]);
11691 .hover-tooltip-container {
11692 position: relative
; }
11693 .hover-tooltip-container .hover-tooltip {
11695 visibility: hidden
;
11696 position: absolute
;
11699 top: calc
(-50% - 5px);
11700 transform: translate
(-50%, -50%);
11701 background-color: #fff;
11702 border: 1px solid rgba
(0, 0, 0, 0.2);
11703 border-radius: .3rem;
11704 box-sizing: border-box
;
11706 white-space: nowrap
;
11707 transition: opacity
0.15s, visibility
0.15s;
11709 .hover-tooltip-container .hover-tooltip:before {
11711 display: inline-block
;
11712 border-left: 8px solid transparent
;
11713 border-right: 8px solid transparent
;
11714 border-top: 8px solid rgba
(0, 0, 0, 0.2);
11715 position: absolute
;
11717 left: calc
(50% - 8px); }
11718 .hover-tooltip-container .hover-tooltip:after {
11720 display: inline-block
;
11721 border-left: 7px solid transparent
;
11722 border-right: 7px solid transparent
;
11723 border-top: 7px solid
#fff;
11724 position: absolute
;
11726 left: calc
(50% - 7px);
11728 .hover-tooltip-container:hover .hover-tooltip {
11730 visibility: visible
;
11731 transition: opacity
0.15s 0.5s, visibility
0.15s 0.5s; }
11736 #region-flat-nav .nav
{
11737 margin-right: 15px;
11738 background-color: #fff; }
11739 @media
(max-width: 767.98px) {
11740 #region-flat-nav .nav
{
11742 margin-right: 0; } }
11746 text-decoration: underline
; }
11747 #page-footer a
.icon
{
11749 #page-footer a:focus
.icon
{
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: #0f6fc5;
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 .text-decoration-none {
11888 text-decoration: none
!important
;
11889 /* stylelint-disable-line declaration-no-important */ }
11892 color: inherit
!important
;
11893 /* stylelint-disable-line declaration-no-important */ }
11896 right: 0 !important
;
11897 /* stylelint-disable-line declaration-no-important */ }
11900 overflow: hidden
!important
;
11901 /* stylelint-disable-line declaration-no-important */ }
11904 overflow-wrap: break-word
!important
;
11905 /* stylelint-disable-line declaration-no-important */ }
11908 word-break: break-word
!important
;
11909 /* stylelint-disable-line declaration-no-important */ }
11912 z-index: 0 !important
;
11913 /* stylelint-disable-line declaration-no-important */ }
11916 z-index: 1 !important
;
11917 /* stylelint-disable-line declaration-no-important */ }
11920 float: left
!important
;
11921 /* stylelint-disable-line declaration-no-important */ }
11924 float: right
!important
;
11925 /* stylelint-disable-line declaration-no-important */ }
11932 cursor: not-allowed
; }
11941 display: -webkit-box
;
11942 -webkit-box-orient: vertical
;
11943 -webkit-line-clamp: 2;
11944 overflow: hidden
; }
11947 word-break: break-all
; }
11950 background-color: #a8d2f8;
11955 border-radius: 0.25rem; }
11960 .emoji-picker .category-button {
11961 padding: .375rem 0;
11963 width: 38.8888888889px;
11966 border-right: none
;
11967 border-bottom: 2px solid transparent
; }
11968 .emoji-picker .category-button.selected {
11969 border-bottom: 2px solid
#0f6fc5; }
11970 .emoji-picker
.emojis-container
,
11971 .emoji-picker .search-results-container {
11972 min-width: 280px; }
11973 .emoji-picker .picker-row {
11975 .emoji-picker .picker-row .category-name {
11976 line-height: 40px; }
11977 .emoji-picker .picker-row .emoji-button {
11982 overflow: hidden
; }
11983 .emoji-picker .picker-row .emoji-button:hover, .emoji-picker .picker-row .emoji-button:focus {
11985 text-decoration: none
; }
11986 .emoji-picker .emoji-preview {
11989 line-height: 40px; }
11990 .emoji-picker .emoji-short-name {
11991 line-height: 20px; }
11992 @media
(max-width: 575.98px) {
11996 .emoji-auto-complete {
11998 .emoji-auto-complete .btn.btn-link.btn-icon.emoji-button {
12003 .emoji-auto-complete .btn.btn-link.btn-icon.emoji-button.active {
12004 background-color: #e9ecef; }
12010 .toast-wrapper > :first-child {
12011 margin-top: 1rem; }
12016 .alert-secondary a {
12019 .alert-success a, .environmenttable .ok a {
12025 .alert-warning a, .environmenttable .warn a {
12028 .alert-danger a, .environmenttable .error a {
12038 font-weight: 700; }
12040 @media (max-width: 767.98px) {
12043 .breadcrumb:not(:empty) {
12045 border: 2px solid
#e9ecef;
12047 margin-bottom: 0.5rem; }
12048 .breadcrumb:not(:empty) .breadcrumb-item {
12049 padding-top: 0.3333333333rem;
12050 padding-bottom: 0.3333333333rem;
12051 display: inline-block
; }
12054 padding-right: 15px;
12055 padding-left: 15px; }
12058 justify-content: center
; }
12062 padding: 0.625rem; }
12063 #page-header .card
{
12065 #page-header .card
.card-body
{
12072 background-color: #e9ecef; }
12073 .nav-tabs
.nav-item
,
12074 .nav-pills .nav-item {
12076 text-align: center
; }
12077 .nav-tabs
.nav-link
,
12078 .nav-pills .nav-link {
12081 margin: 0.125rem; }
12082 .nav-tabs
.nav-link
.active
,
12083 .nav-pills .nav-link.active {
12085 border-color: #6a737b;
12086 border-color: #6a737b; }
12087 .nav-tabs
.nav-link
.active:hover
,
12088 .nav-pills .nav-link.active:hover {
12090 background-color: #6a737b;
12091 border-color: #6a737b; }
12092 .nav-tabs
.nav-link
.active:focus
, .nav-tabs
.nav-link
.active
.focus
,
12093 .nav-pills
.nav-link
.active:focus
,
12094 .nav-pills .nav-link.active.focus {
12095 box-shadow: 0 0 0 0.2rem rgba
(106, 115, 123, 0.5); }
12096 .nav-tabs
.nav-link
.active
.disabled
, .nav-tabs
.nav-link
.active:disabled
,
12097 .nav-pills
.nav-link
.active
.disabled
,
12098 .nav-pills .nav-link.active:disabled {
12100 background-color: transparent
; }
12101 .nav-tabs
.nav-link
.active:not
(:disabled
):not
(.disabled
):active
, .nav-tabs
.nav-link
.active:not
(:disabled
):not
(.disabled
).active
,
12102 .show
> .nav-tabs
.nav-link
.active
.dropdown-toggle
,
12103 .nav-pills
.nav-link
.active:not
(:disabled
):not
(.disabled
):active
,
12104 .nav-pills
.nav-link
.active:not
(:disabled
):not
(.disabled
).active
,
12106 .nav-pills .nav-link.active.dropdown-toggle {
12108 background-color: #6a737b;
12109 border-color: #6a737b; }
12110 .nav-tabs
.nav-link
.active:not
(:disabled
):not
(.disabled
):active:focus
, .nav-tabs
.nav-link
.active:not
(:disabled
):not
(.disabled
).active:focus
,
12111 .show
> .nav-tabs
.nav-link
.active
.dropdown-toggle:focus
,
12112 .nav-pills
.nav-link
.active:not
(:disabled
):not
(.disabled
):active:focus
,
12113 .nav-pills
.nav-link
.active:not
(:disabled
):not
(.disabled
).active:focus
,
12115 .nav-pills .nav-link.active.dropdown-toggle:focus {
12116 box-shadow: 0 0 0 0.2rem rgba
(106, 115, 123, 0.5); } }
12118 @media (max-width: 576px) and
(max-height: 320px) {
12121 .navbar.fixed-top {
12122 position: relative
;
12123 z-index: inherit
; } }
12126 text-decoration: underline
; }
12127 .link-underline:focus {
12128 text-decoration: none
; }
12130 .alert.cta .cta-icon .icon {
12132 .alert.cta .cta-icon .icon.fa {
12133 border-radius: 50%;
12134 border-style: solid
;
12135 border-width: 0.125rem; }
12137 .core_payment_gateways_modal
.custom-control-label::before
,
12138 .core_payment_gateways_modal .custom-control-label::after {
12142 scrollbar-width: thin
;
12143 scrollbar-color: #0f6fc5 #a8d2f8;
12144 -ms-overflow-style: -ms-autohiding-scrollbar
; }
12145 .visual-scroll-x::-webkit-scrollbar {
12147 -webkit-appearance: none
;
12148 appearance: none
; }
12149 .visual-scroll-x::-webkit-scrollbar-thumb {
12150 background-color: #0f6fc5;
12151 border-right: 1px solid
#fff; }
12152 .visual-scroll-x::-webkit-scrollbar-track {
12153 background-color: #a8d2f8;
12154 border-right: 1px solid
#fff; }
12162 box-sizing: content-box
;
12163 margin-right: 0.5rem; }
12166 .icon.iconsize-big {
12171 .navbar-dark a .icon {
12172 color: rgba
(255, 255, 255, 0.5) !important
;
12173 /* stylelint-disable-line declaration-no-important */ }
12175 .action-menu-item a:first-of-type > .icon {
12176 margin-left: 0.5rem; }
12179 margin-left: 0 !important
;
12180 /* stylelint-disable-line declaration-no-important */ }
12182 .block_navigation
.tree_item
.icon
,
12183 .block_settings .tree_item .icon {
12186 [data-action
=toggle-drawer
] .icon
{
12189 .icon-no-spacing a > .icon {
12192 .icon-no-margin .icon {
12196 margin-bottom: 0; }
12198 .icon-large > .icon {
12202 .icon-size-0 .icon {
12203 height: 0 !important
;
12204 /* stylelint-disable-line declaration-no-important */
12205 width: 0 !important
;
12206 /* stylelint-disable-line declaration-no-important */
12207 font-size: 0 !important
;
12208 /* stylelint-disable-line declaration-no-important */ }
12210 .icon-size-1 .icon {
12211 height: 4px !important
;
12212 /* stylelint-disable-line declaration-no-important */
12213 width: 4px !important
;
12214 /* stylelint-disable-line declaration-no-important */
12215 font-size: 4px !important
;
12216 /* stylelint-disable-line declaration-no-important */ }
12218 .icon-size-2 .icon {
12219 height: 8px !important
;
12220 /* stylelint-disable-line declaration-no-important */
12221 width: 8px !important
;
12222 /* stylelint-disable-line declaration-no-important */
12223 font-size: 8px !important
;
12224 /* stylelint-disable-line declaration-no-important */ }
12226 .icon-size-3 .icon {
12227 height: 16px !important
;
12228 /* stylelint-disable-line declaration-no-important */
12229 width: 16px !important
;
12230 /* stylelint-disable-line declaration-no-important */
12231 font-size: 16px !important
;
12232 /* stylelint-disable-line declaration-no-important */ }
12234 .icon-size-4 .icon {
12235 height: 24px !important
;
12236 /* stylelint-disable-line declaration-no-important */
12237 width: 24px !important
;
12238 /* stylelint-disable-line declaration-no-important */
12239 font-size: 24px !important
;
12240 /* stylelint-disable-line declaration-no-important */ }
12242 .icon-size-5 .icon {
12243 height: 32px !important
;
12244 /* stylelint-disable-line declaration-no-important */
12245 width: 32px !important
;
12246 /* stylelint-disable-line declaration-no-important */
12247 font-size: 32px !important
;
12248 /* stylelint-disable-line declaration-no-important */ }
12250 .icon-size-6 .icon {
12251 height: 40px !important
;
12252 /* stylelint-disable-line declaration-no-important */
12253 width: 40px !important
;
12254 /* stylelint-disable-line declaration-no-important */
12255 font-size: 40px !important
;
12256 /* stylelint-disable-line declaration-no-important */ }
12258 .icon-size-7 .icon {
12259 height: 48px !important
;
12260 /* stylelint-disable-line declaration-no-important */
12261 width: 48px !important
;
12262 /* stylelint-disable-line declaration-no-important */
12263 font-size: 48px !important
;
12264 /* stylelint-disable-line declaration-no-important */ }
12267 margin-left: 0.5rem; }
12270 .formtable tbody th {
12271 font-weight: normal
;
12272 text-align: right
; }
12274 .path-admin #assignrole {
12277 margin-right: auto
; }
12279 .path-admin .admintable .leftalign {
12280 text-align: left
; }
12282 .path-admin
.admintable
.environmenttable
.name
,
12283 .path-admin
.admintable
.environmenttable
.info
,
12284 .path-admin #assignrole
.admintable
.role
,
12285 .path-admin #assignrole
.admintable
.userrole
,
12286 .path-admin #assignrole .admintable .roleholder {
12287 white-space: nowrap
; }
12289 .path-admin .incompatibleblockstable td.c0 {
12290 font-weight: bold
; }
12292 #page-admin-course-category .addcategory
{
12295 #page-admin-course-index .editcourse
{
12296 margin: 20px auto
; }
12298 #page-admin-course-index .editcourse th
,
12299 #page-admin-course-index .editcourse td
{
12300 padding-left: 10px;
12301 padding-right: 10px; }
12303 .timewarninghidden {
12306 #page-admin-report-capability-index #capabilitysearch
{
12309 #page-admin-qtypes #qtypes div
,
12310 #page-admin-qtypes #qtypes form
,
12311 #page-admin-qbehaviours #qbehaviours div
,
12312 #page-admin-qbehaviours #qbehaviours form
{
12315 #page-admin-qtypes #qtypes img
.spacer
,
12316 #page-admin-qbehaviours #qbehaviours img
.spacer
{
12319 #page-admin-qbehaviours .cell
.c3
,
12320 #page-admin-qtypes .cell
.c3
{
12321 font-size: 0.8203125rem; }
12323 #page-admin-lang .generalbox
,
12324 #page-admin-course-index .singlebutton
,
12325 #page-admin-course-index .addcategory
,
12326 #page-course-index .buttons
,
12327 #page-course-index-category .buttons
,
12328 #page-admin-course-category .addcategory
,
12329 #page-admin-stickyblocks .generalbox
,
12330 #page-admin-maintenance .buttons
,
12331 #page-admin-course-index .buttons
,
12332 #page-admin-course-category .buttons
,
12333 #page-admin-index .copyright
,
12334 #page-admin-index .copyrightnotice
,
12335 #page-admin-index .adminerror
.singlebutton
,
12336 #page-admin-index .adminwarning
.singlebutton
,
12337 #page-admin-index #layout-table
.singlebutton
{
12338 text-align: center
;
12339 margin-bottom: 1em; }
12341 .path-admin-roles .capabilitysearchui {
12344 margin-right: auto
;
12345 margin-top: 1rem; }
12347 #page-admin-roles-define .topfields
{
12348 margin: 1em 0 2em; }
12350 #page-admin-roles-define .capdefault
{
12351 background-color: rgba
(0, 0, 0, 0.075); }
12353 #page-filter-manage .backlink
,
12354 .path-admin-roles .backlink {
12357 #page-admin-roles-explain #chooseuser h3
,
12358 #page-admin-roles-usersroles .contextname
{
12361 #page-admin-roles-explain #chooseusersubmit
{
12363 text-align: center
; }
12365 #page-admin-roles-usersroles p
{
12368 #page-admin-roles-override .cell
.c1
,
12369 #page-admin-roles-assign .cell
.c3
,
12370 #page-admin-roles-assign .cell
.c1
{
12371 padding-top: 0.75em; }
12373 #page-admin-roles-override .overridenotice
,
12374 #page-admin-roles-define .definenotice
{
12375 margin: 1em 10% 2em 10%;
12376 text-align: left
; }
12378 #page-admin-index .adminwarning
.availableupdatesinfo
.moodleupdateinfo span
{
12381 #page-admin-index .updateplugin div
{
12382 margin-bottom: 0.5em; }
12384 #page-admin-user-user_bulk #users
.fgroup
{
12385 white-space: nowrap
; }
12387 #page-admin-report-stats-index .graph
{
12388 text-align: center
;
12389 margin-bottom: 1em; }
12391 #page-admin-report-courseoverview-index .graph
{
12392 text-align: center
;
12393 margin-bottom: 1em; }
12395 #page-admin-lang .translator
{
12397 border-style: solid
; }
12399 .path-admin .roleassigntable {
12402 .path-admin .roleassigntable td {
12403 vertical-align: top
;
12404 padding: 0.2em 0.3em; }
12406 .path-admin .roleassigntable p {
12410 .path-admin
.roleassigntable #existingcell
,
12411 .path-admin .roleassigntable #potentialcell {
12414 .path-admin
.roleassigntable #existingcell p
> label:first-child
,
12415 .path-admin .roleassigntable #potentialcell p > label:first-child {
12416 font-weight: bold
; }
12418 .path-admin .roleassigntable #buttonscell {
12421 .path-admin .roleassigntable #buttonscell #assignoptions {
12422 font-size: 0.8203125rem; }
12424 .path-admin
.roleassigntable #removeselect_wrapper
,
12425 .path-admin .roleassigntable #addselect_wrapper {
12428 .path-admin table.rolecap tr.rolecap th {
12430 font-weight: normal
; }
12432 .path-admin .rolecap .hiddenrow {
12435 .path-admin
#defineroletable
.rolecap
.inherit
,
12436 .path-admin
#defineroletable
.rolecap
.allow
,
12437 .path-admin
#defineroletable
.rolecap
.prevent
,
12438 .path-admin #defineroletable .rolecap .prohibit {
12439 text-align: center
;
12441 min-width: 3.5em; }
12443 .path-admin
.rolecap
.cap-name
,
12444 .path-admin .rolecap .note {
12446 font-size: 0.8203125rem;
12447 white-space: nowrap
;
12448 font-weight: normal
; }
12450 .path-admin .rolecap label {
12452 text-align: center
;
12456 .plugincheckwrapper {
12462 #mnetconfig table
{
12464 margin-right: auto
; }
12466 .environmenttable .cell {
12467 padding: .15em .5em; }
12469 #trustedhosts .generaltable
{
12471 margin-right: auto
;
12474 #trustedhosts .standard
{
12477 #adminsettings legend
{
12480 #adminsettings fieldset
.error
{
12481 margin: .2em 0 .5em 0; }
12483 #adminsettings fieldset
.error legend
{
12486 #admin-spelllanguagelist textarea
,
12487 #page-admin-setting-editorsettingstinymce .form-textarea textarea
{
12493 /* Styles for flags on admin settings */
12494 .adminsettingsflags {
12497 .adminsettingsflags label {
12498 margin-right: 7px; }
12500 .form-description pre
,
12501 .formsettingheading pre {
12505 .form-item .form-setting .form-htmlarea {
12508 .form-item .form-setting .form-htmlarea .htmlarea {
12512 .form-item .form-setting .form-multicheckbox ul {
12515 margin: 7px 0 0 0; }
12517 .form-item .form-setting .defaultsnext {
12520 .form-item .form-setting .locked-checkbox {
12521 margin-right: 0.2em;
12522 margin-left: 0.5em;
12525 .form-item
.form-setting
.form-password
.unmask
,
12526 .form-item .form-setting .form-defaultinfo {
12527 display: inline-block
; }
12529 .form-item .form-setting .form-defaultinfo {
12531 word-wrap: break-word
; }
12533 #admin-emoticons td input
{
12536 #admin-emoticons td
.c0 input
{
12539 #adminthemeselector .selectedtheme td
.c0
{
12540 border: 1px solid
#b8dce2;
12541 border-right-width: 0; }
12543 #adminthemeselector .selectedtheme td
.c1
{
12544 border: 1px solid
#b8dce2;
12545 border-left-width: 0; }
12547 .admin_colourpicker
,
12548 .admin_colourpicker_preview {
12551 .jsenabled .admin_colourpicker_preview {
12554 @media (min-width: 768px) {
12555 .jsenabled .admin_colourpicker {
12559 margin-bottom: 10px;
12560 box-sizing: content-box
; }
12561 .admin_colourpicker .colourdialogue {
12563 border: 1px solid
#8f959e; }
12564 .admin_colourpicker .previewcolour {
12565 border: 1px solid
#8f959e;
12566 margin-left: 301px; }
12567 .admin_colourpicker .currentcolour {
12568 border: 1px solid
#8f959e;
12569 margin-left: 301px;
12570 border-top-width: 0; } }
12572 @media (max-width: 767.98px) {
12573 .jsenabled .admin_colourpicker {
12575 margin-bottom: 10px;
12577 position: relative
; }
12578 .admin_colourpicker .previewcolour {
12580 .admin_colourpicker .currentcolour {
12581 position: absolute
;
12582 border: 1px solid
#dee2e6;
12586 .admin_colourpicker .loadingicon {
12587 vertical-align: middle
;
12588 margin-left: auto
; }
12590 #page-admin-index #notice
.checkforupdates
{
12591 text-align: center
; }
12593 #page-admin-plugins #plugins-overview-panel
.info
{
12594 display: inline-block
;
12595 margin-right: 1em; }
12597 #page-admin-plugins .checkforupdates
{
12599 #page-admin-plugins .checkforupdates
.singlebutton
{
12602 #page-admin-plugins .checkforupdates
.singlebutton div
,
12603 #page-admin-plugins .checkforupdates
.singlebutton input
{
12604 margin: 0 3px 0 0; }
12606 #page-admin-plugins .updateavailableinstallall
{
12609 #page-admin-plugins .updateavailableinstallall div
,
12610 #page-admin-plugins .updateavailableinstallall input
{
12611 margin: 0 3px 5px 0; }
12613 #page-admin-plugins #plugins-control-panel
.status-missing td
{
12614 background-color: #fcefdc; }
12616 #page-admin-plugins #plugins-control-panel
.pluginname
.componentname
{
12617 font-size: 0.8203125rem;
12619 margin-left: 22px; }
12621 #page-admin-plugins #plugins-control-panel
.version
.versionnumber
{
12622 font-size: 0.8203125rem;
12625 #page-admin-plugins #plugins-control-panel
.uninstall a
{
12628 #page-admin-plugins #plugins-control-panel
.notes
.label
{
12629 margin-right: 3px; }
12631 #page-admin-plugins #plugins-control-panel
.notes
.requiredby
{
12632 font-size: 0.8203125rem;
12635 #plugins-check-page #plugins-check
.status-missing td
,
12636 #plugins-check-page #plugins-check
.status-downgrade td
{
12637 background-color: #f4d6d2; }
12639 #plugins-check-page .pluginupdateinfo
,
12640 #plugins-control-panel .pluginupdateinfo
{
12641 background-color: #cce6ea;
12644 border-radius: 5px; }
12645 #plugins-check-page .pluginupdateinfo
.maturity50
,
12646 #plugins-control-panel .pluginupdateinfo
.maturity50
{
12647 background-color: #f4d6d2; }
12648 #plugins-check-page .pluginupdateinfo
.maturity100
, #plugins-check-page
.pluginupdateinfo
.maturity150
,
12649 #plugins-control-panel .pluginupdateinfo
.maturity100
,
12650 #plugins-control-panel .pluginupdateinfo
.maturity150
{
12651 background-color: #fcefdc; }
12652 #plugins-check-page .pluginupdateinfo
.info
,
12653 #plugins-control-panel .pluginupdateinfo
.info
{
12654 display: inline-block
; }
12655 #plugins-check-page .pluginupdateinfo
.separator:after
,
12656 #plugins-control-panel .pluginupdateinfo
.separator:after
{
12658 #plugins-check-page .pluginupdateinfo
.singlebutton
,
12659 #plugins-control-panel .pluginupdateinfo
.singlebutton
{
12662 #plugins-check-page .pluginupdateinfo
.singlebutton div
,
12663 #plugins-check-page .pluginupdateinfo
.singlebutton input
,
12664 #plugins-control-panel .pluginupdateinfo
.singlebutton div
,
12665 #plugins-control-panel .pluginupdateinfo
.singlebutton input
{
12666 margin: 0 3px 0 0; }
12668 .plugins-management-confirm-buttons > div {
12669 display: inline-block
;
12670 margin: 1em 1em 1em 0; }
12672 .plugins-management-confirm-buttons .continue {
12674 .plugins-management-confirm-buttons
.continue div
,
12675 .plugins-management-confirm-buttons .continue input {
12678 #page-admin-index .upgradepluginsinfo
{
12679 text-align: center
; }
12681 #page-admin-index .adminwarning
.availableupdatesinfo
.moodleupdateinfo
.separator:after
{
12684 /** MNet networking */
12685 #page-admin-mnet-peers .box
.deletedhosts
{
12686 margin-bottom: 1em;
12687 font-size: 0.8203125rem; }
12689 #core-cache-plugin-summaries table
,
12690 #core-cache-store-summaries table
{
12693 #core-cache-lock-summary table
,
12694 #core-cache-definition-summaries table
,
12695 #core-cache-mode-mappings table
{
12698 #core-cache-store-summaries .default-store td
{
12699 font-style: italic
; }
12701 #core-cache-rescan-definitions,
12702 #core-cache-mode-mappings .edit-link
,
12703 #core-cache-lock-additional-actions .new-instance
{
12705 text-align: center
; }
12707 .maintenancewarning {
12714 .modal.modal-in-page {
12717 #page-admin-search .adminpagetitle
{
12719 border-bottom: none
; }
12721 #page-admin-search .adminpagepath
{
12726 margin: 0 0 1.5rem 0; }
12727 #page-admin-search .adminpagepath li
+ li:before
{
12728 padding-right: 0.5rem;
12729 padding-left: 0.5rem;
12732 @media (min-width: 576px) {
12733 #page-admin-search .container
{
12734 overflow-wrap: break-word
; } }
12736 #page-admin-tasklogs .task-class
{
12737 font-size: 0.8203125rem;
12740 .path-admin-tool-uploaduser .uuwarning {
12741 background-color: #fcefdc; }
12743 .path-admin-tool-uploaduser .uuerror {
12744 background-color: #f4d6d2; }
12746 .path-admin-tool-uploaduser .uuinfo {
12747 background-color: #d7e4d6; }
12749 .blockmovetarget .accesshide {
12750 position: relative
;
12754 padding-top: 0 !important
;
12755 /* stylelint-disable declaration-no-important */
12756 margin-top: 0 !important
; }
12758 .block_search_forums .searchform {
12759 /* Override plugin's default. */
12760 text-align: left
; }
12762 .block
.block_navigation
.block_tree ul
,
12763 .block_settings .block_tree ul {
12766 .block .block-controls .dropdown-toggle {
12767 /* So that the caret takes the colour of the icon. */
12770 [data-region
="blocks-column"] {
12774 /* We put an absolutely positioned div in a relatively positioned div so it takes up no space */
12775 @media (min-width: 576px) {
12776 #region-main-settings-menu {
12777 position: relative
;
12780 #region-main-settings-menu > div
{
12781 position: absolute
;
12785 .region_main_settings_menu_proxy {
12788 background-color: #fff;
12789 margin-left: 0.625rem;
12790 margin-bottom: 0.625rem;
12791 border-bottom-left-radius: 0.5rem;
12794 @media (max-width: 767.98px) {
12795 #region-main-settings-menu .menubar
{
12796 justify-content: flex-end
; } }
12798 #region-main-settings-menu.has-blocks
,
12799 #region-main.has-blocks
{
12800 display: inline-block
;
12801 width: calc
(100% - 375px); }
12802 @media
(max-width: 1199.98px) {
12803 #region-main-settings-menu.has-blocks
,
12804 #region-main.has-blocks
{
12806 /* MDL-63102 - Remove extra space at bottom.
12807 If modifying make sure block-region is horizontally stacked when in full screen */
12808 display: block
; } }
12810 .header-action #region-main-settings-menu {
12814 .header-action #region-main-settings-menu > div {
12819 @media (max-width: 1199.98px) {
12820 [data-region
="blocks-column"] {
12823 .block .empty-placeholder-image-lg {
12826 .block .block-cards .course-info-container {
12829 .block .block-cards .progress {
12832 .block .block-cards .course-summaryitem {
12833 border: 1px solid
#dee2e6;
12834 background-color: #fff; }
12836 .block .block-cards .icon {
12839 .block .block-cards .card .coursemenubtn {
12840 margin-top: -0.5rem; }
12842 .block
.block-cards a
.coursename
,
12843 .block
.block-cards span
.categoryname
,
12844 .block .block-cards .btn-link {
12847 .block .block-cards .multiline {
12848 white-space: normal
; }
12850 .block .block-cards .btn.btn-link.btn-icon {
12854 border-radius: 50%; }
12855 .block .block-cards .btn.btn-link.btn-icon:hover, .block .block-cards .btn.btn-link.btn-icon:focus {
12856 background-color: #e9ecef; }
12858 .dashboard-card-deck.one-row {
12860 overflow-x: scroll
; }
12865 background-position: center
;
12866 background-size: cover
; }
12868 .dashboard-card-deck .dashboard-card {
12869 margin-bottom: 0.5rem;
12874 .dashboard-card-deck .dashboard-card .dashboard-card-img {
12876 background-position: center
;
12877 background-size: cover
; }
12878 .dashboard-card-deck .dashboard-card .dashboard-card-footer {
12881 @media (min-width: 576px) {
12882 .dashboard-card-deck.fixed-width-cards .dashboard-card {
12884 max-width: 100%; } }
12886 @media (min-width: 576px) {
12887 .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
12888 width: calc
(50% - 0.5rem); } }
12890 @media (min-width: 840px) {
12891 .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
12892 width: calc
(33.33% - 0.5rem); } }
12894 @media (min-width: 1100px) {
12895 .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
12896 width: calc
(25% - 0.5rem); } }
12898 @media (min-width: 1360px) {
12899 .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
12900 width: calc
(20% - 0.5rem); } }
12902 @media (min-width: 1200px) {
12903 #region-main.has-blocks
.dashboard-card-deck:not
(.fixed-width-cards
) .dashboard-card
{
12904 width: calc
(33.33% - 0.5rem); } }
12906 @media (min-width: 1470px) {
12907 #region-main.has-blocks
.dashboard-card-deck:not
(.fixed-width-cards
) .dashboard-card
{
12908 width: calc
(25% - 0.5rem); } }
12910 @media (min-width: 768px) {
12911 body
.drawer-open-left
.dashboard-card-deck:not
(.fixed-width-cards
) .dashboard-card
{
12912 width: calc
(100% - 0.5rem); } }
12914 @media (min-width: 861px) {
12915 body
.drawer-open-left
.dashboard-card-deck:not
(.fixed-width-cards
) .dashboard-card
{
12916 width: calc
(50% - 0.5rem); } }
12918 @media (min-width: 1122px) {
12919 body
.drawer-open-left
.dashboard-card-deck:not
(.fixed-width-cards
) .dashboard-card
{
12920 width: calc
(33.33% - 0.5rem); } }
12922 @media (min-width: 1381px) {
12923 body
.drawer-open-left
.dashboard-card-deck:not
(.fixed-width-cards
) .dashboard-card
{
12924 width: calc
(25% - 0.5rem); } }
12926 @media (min-width: 1200px) {
12927 body
.drawer-open-left #region-main
.has-blocks
.dashboard-card-deck:not
(.fixed-width-cards
) .dashboard-card
{
12928 width: calc
(100% - 0.5rem); } }
12930 @media (min-width: 1236px) {
12931 body
.drawer-open-left #region-main
.has-blocks
.dashboard-card-deck:not
(.fixed-width-cards
) .dashboard-card
{
12932 width: calc
(50% - 0.5rem); } }
12934 @media (min-width: 1497px) {
12935 body
.drawer-open-left #region-main
.has-blocks
.dashboard-card-deck:not
(.fixed-width-cards
) .dashboard-card
{
12936 width: calc
(33.33% - 0.5rem); } }
12938 @media (min-width: 1200px) {
12939 #block-region-side-pre .dashboard-card-deck:not
(.fixed-width-cards
) {
12942 #block-region-side-pre .dashboard-card-deck:not
(.fixed-width-cards
) .dashboard-card
{
12943 width: calc
(100% - 0.5rem) !important
; } }
12945 .block_recentlyaccessedcourses .paging-bar-container {
12946 margin-top: -2.4rem;
12947 justify-content: flex-end
; }
12949 @media (max-width: 575.98px) {
12950 .block_recentlyaccessedcourses .paging-bar-container {
12953 #block-region-side-pre .block_recentlyaccessedcourses
.paging-bar-container
{
12956 .block_recentlyaccesseditems img.icon {
12959 margin-right: 6px; }
12961 .block_myoverview .content {
12962 min-height: 19.35rem; }
12964 .block_myoverview .paged-content-page-container {
12965 min-height: 13rem; }
12967 .block_settings
.block_tree
[aria-expanded
="true"],
12968 .block_settings
.block_tree
[aria-expanded
="true"].emptybranch
,
12969 .block_settings
.block_tree
[aria-expanded
="false"],
12970 .block_navigation
.block_tree
[aria-expanded
="true"],
12971 .block_navigation
.block_tree
[aria-expanded
="true"].emptybranch
,
12972 .block_navigation .block_tree [aria-expanded="false"] {
12973 background-image: none
; }
12975 .block_settings
.block_tree
[aria-expanded
="true"] > p:before
,
12976 .block_navigation .block_tree [aria-expanded="true"] > p:before {
12979 display: inline-block
;
12980 font: normal normal normal
14px/1 FontAwesome
;
12981 font-size: inherit
;
12982 text-rendering: auto
;
12983 -webkit-font-smoothing: antialiased
;
12984 -moz-osx-font-smoothing: grayscale
;
12988 .block_settings
.block_tree
[aria-expanded
="false"] > p:before
,
12989 .block_navigation .block_tree [aria-expanded="false"] > p:before {
12992 display: inline-block
;
12993 font: normal normal normal
14px/1 FontAwesome
;
12994 font-size: inherit
;
12995 text-rendering: auto
;
12996 -webkit-font-smoothing: antialiased
;
12997 -moz-osx-font-smoothing: grayscale
;
13001 .dir-rtl
.block_settings
.block_tree
[aria-expanded
="false"] > p:before
,
13002 .dir-rtl .block_navigation .block_tree [aria-expanded="false"] > p:before {
13005 .block_navigation
.block_tree p
.hasicon
,
13006 .block_settings .block_tree p.hasicon {
13007 text-indent: -3px; }
13008 .block_navigation
.block_tree p
.hasicon
.icon
,
13009 .block_settings .block_tree p.hasicon .icon {
13010 margin-right: 2px; }
13012 .block.invisibleblock .card-title {
13015 @media (max-width: 767.98px) {
13018 border-right: 0; } }
13020 .block_social_activities li a
.movehere
,
13021 .block_site_main_menu li a.movehere {
13025 border: 2px dashed
#343a40;
13028 .pagelayout-embedded .has-fake-blocks {
13032 .pagelayout-embedded .has-fake-blocks .embedded-main {
13034 width: calc
(100% - 360px);
13035 margin-right: 1rem; }
13037 .pagelayout-embedded .embedded-blocks {
13041 @media (max-width: 767.98px) {
13042 .pagelayout-embedded .has-fake-blocks {
13044 .pagelayout-embedded .has-fake-blocks .embedded-main {
13046 .pagelayout-embedded .embedded-blocks {
13050 max-height: 50px; }
13052 /* calendar.less */
13053 .calendar_event_category {
13054 background-color: #e0cbe0; }
13055 .calendar_event_category .commands a {
13058 .calendar_event_course {
13059 background-color: #ffd3bd; }
13060 .calendar_event_course .commands a {
13063 .calendar_event_site {
13064 background-color: #d6f8cd; }
13065 .calendar_event_site .commands a {
13068 .calendar_event_group {
13069 background-color: #fee7ae; }
13070 .calendar_event_group .commands a {
13073 .calendar_event_user {
13074 background-color: #dce7ec; }
13075 .calendar_event_user .commands a {
13078 .calendar_event_other {
13079 background-color: #ced4da; }
13080 .calendar_event_other .commands a {
13083 .path-calendar .calendartable {
13085 table-layout: fixed
; }
13086 .path-calendar
.calendartable th
,
13087 .path-calendar .calendartable td {
13089 vertical-align: top
;
13090 text-align: center
;
13093 .path-calendar
.calendar-controls
.previous
,
13094 .path-calendar
.calendar-controls
.next
,
13095 .path-calendar .calendar-controls .current {
13100 .path-calendar .calendar-controls .previous {
13102 border: 1px solid transparent
; }
13104 .path-calendar .calendar-controls .current {
13105 text-align: center
;
13108 .path-calendar .calendar-controls .next {
13110 border: 1px solid transparent
; }
13112 .path-calendar .calendar-controls .drop-target {
13113 box-sizing: border-box
;
13114 border: 1px dashed
#0f6fc5; }
13116 .path-calendar .filters table {
13117 border-collapse: separate
;
13118 border-spacing: 2px;
13121 .path-calendar .maincalendar {
13122 vertical-align: top
;
13124 .path-calendar .maincalendar .bottom {
13125 text-align: center
;
13126 padding: 5px 0 0 0; }
13127 .path-calendar .maincalendar .heightcontainer {
13129 position: relative
; }
13130 .path-calendar .maincalendar .calendarmonth {
13132 margin: 10px auto
; }
13133 .path-calendar .maincalendar .calendarmonth ul {
13136 .path-calendar .maincalendar .calendarmonth ul li {
13137 list-style-type: none
; }
13138 .path-calendar .maincalendar .calendarmonth ul li > a {
13140 text-overflow: ellipsis
;
13141 white-space: nowrap
;
13143 display: inline-block
; }
13144 .path-calendar .maincalendar .calendarmonth ul li > a:hover {
13145 text-decoration: none
; }
13146 .path-calendar .maincalendar .calendarmonth ul li > a:hover .eventname {
13147 text-decoration: underline
; }
13148 .path-calendar .maincalendar .calendarmonth ul li .icon {
13149 margin-left: 0.25em;
13150 margin-right: 0.25em;
13151 vertical-align: initial
; }
13152 .path-calendar .maincalendar .calendarmonth ul li .calendar-circle {
13155 border-radius: 6px;
13156 vertical-align: middle
;
13157 display: inline-block
; }
13158 .path-calendar .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_category {
13159 background-color: #e0cbe0;
13160 border: 2px solid
#9e619f; }
13161 .path-calendar .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_course {
13162 background-color: #ffd3bd;
13163 border: 2px solid
#d34600; }
13164 .path-calendar .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_site {
13165 background-color: #d6f8cd;
13166 border: 2px solid
#2b8713; }
13167 .path-calendar .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_group {
13168 background-color: #fee7ae;
13169 border: 2px solid
#9a6e02; }
13170 .path-calendar .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_user {
13171 background-color: #dce7ec;
13172 border: 2px solid
#4e7c91; }
13173 .path-calendar .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_other {
13174 background-color: #ced4da;
13175 border: 2px solid
#687889; }
13176 .path-calendar .maincalendar .calendarmonth td {
13178 .path-calendar .maincalendar .calendarmonth .clickable:hover {
13179 box-shadow: 0 2px 2px 0 rgba
(0, 0, 0, 0.14), 0 3px 1px -2px rgba
(0, 0, 0, 0.2), 0 1px 5px 0 rgba
(0, 0, 0, 0.12); }
13180 .path-calendar
.maincalendar
.calendar-controls
.previous
,
13181 .path-calendar .maincalendar .calendar-controls .next {
13183 .path-calendar .maincalendar .calendar-controls .current {
13185 .path-calendar .maincalendar .controls {
13187 margin: 10px auto
; }
13188 .path-calendar
.maincalendar
.calendar_event_category:hover a
,
13189 .path-calendar
.maincalendar
.calendar_event_course:hover a
,
13190 .path-calendar
.maincalendar
.calendar_event_site:hover a
,
13191 .path-calendar
.maincalendar
.calendar_event_group:hover a
,
13192 .path-calendar .maincalendar .calendar_event_user:hover a {
13194 text-decoration: underline
; }
13195 .path-calendar .maincalendar .calendar_event_category {
13196 border-color: #e0cbe0; }
13197 .path-calendar .maincalendar .calendar_event_course {
13198 border-color: #ffd3bd; }
13199 .path-calendar .maincalendar .calendar_event_site {
13200 border-color: #d6f8cd; }
13201 .path-calendar .maincalendar .calendar_event_group {
13202 border-color: #fee7ae; }
13203 .path-calendar .maincalendar .calendar_event_user {
13204 border-color: #dce7ec; }
13205 .path-calendar .maincalendar .calendar_event_other {
13206 border-color: #ced4da; }
13207 .path-calendar
.maincalendar
.calendartable td
,
13208 .path-calendar .maincalendar .calendartable li {
13209 padding: 0 4px 4px 4px; }
13210 .path-calendar .maincalendar .calendartable li {
13211 text-align: left
; }
13212 .path-calendar .maincalendar .header {
13213 overflow: hidden
; }
13214 .path-calendar .maincalendar .header .buttons {
13216 .path-calendar .maincalendar .event .card-header img {
13217 vertical-align: baseline
; }
13218 .path-calendar .maincalendar .event .location {
13219 word-break: break-all
;
13220 overflow-wrap: break-word
; }
13222 #page-calendar-export .indent
{
13223 padding-left: 20px; }
13225 .block .minicalendar {
13229 .block
.minicalendar th
,
13230 .block .minicalendar td {
13233 text-align: center
; }
13234 .block .minicalendar td.weekend {
13236 .block .minicalendar td a {
13241 .block .minicalendar td.duration_global {
13242 border-top: 1px solid
#d6f8cd;
13243 border-bottom: 1px solid
#d6f8cd; }
13244 .block .minicalendar td.duration_global.duration_finish {
13245 background-color: #d6f8cd; }
13246 .block .minicalendar td.duration_category {
13247 border-top: 1px solid
#e0cbe0;
13248 border-bottom: 1px solid
#e0cbe0; }
13249 .block .minicalendar td.duration_category.duration_finish {
13250 background-color: #e0cbe0; }
13251 .block .minicalendar td.duration_course {
13252 border-top: 1px solid
#ffd3bd;
13253 border-bottom: 1px solid
#ffd3bd; }
13254 .block .minicalendar td.duration_course.duration_finish {
13255 background-color: #ffd3bd; }
13256 .block .minicalendar td.duration_group {
13257 border-top: 1px solid
#fee7ae;
13258 border-bottom: 1px solid
#fee7ae; }
13259 .block .minicalendar td.duration_group.duration_finish {
13260 background-color: #fee7ae; }
13261 .block .minicalendar td.duration_user {
13262 border-top: 1px solid
#dce7ec;
13263 border-bottom: 1px solid
#dce7ec; }
13264 .block .minicalendar td.duration_user.duration_finish {
13265 background-color: #dce7ec; }
13266 .block .minicalendar td.duration_other {
13267 border-top: 1px solid
#ced4da;
13268 border-bottom: 1px solid
#ced4da; }
13269 .block .minicalendar td.duration_other.duration_finish {
13270 background-color: #ced4da; }
13271 .block .minicalendar caption {
13272 font-size: inherit
;
13273 font-weight: inherit
;
13274 line-height: inherit
;
13275 text-align: center
; }
13277 .block
.calendar-controls
.previous
,
13278 .block
.calendar-controls
.current
,
13279 .block .calendar-controls .next {
13283 .block .calendar-controls .previous {
13287 .block .calendar-controls .current {
13288 text-align: center
;
13291 .block .calendar-controls .next {
13295 .block .calendar_filters ul {
13300 .block .calendar_filters li {
13301 margin-bottom: 0.2em; }
13302 .block .calendar_filters li span.calendar_event_category i {
13304 .block .calendar_filters li span.calendar_event_course i {
13306 .block .calendar_filters li span.calendar_event_site i {
13308 .block .calendar_filters li span.calendar_event_group i {
13310 .block .calendar_filters li span.calendar_event_user i {
13312 .block .calendar_filters li span.calendar_event_other i {
13314 .block .calendar_filters li span img {
13317 .block .calendar_filters li .icon {
13318 vertical-align: initial
;
13319 margin: 0 0.1rem 0 0.4rem; }
13320 .block .calendar_filters li > a:hover {
13321 text-decoration: none
; }
13322 .block .calendar_filters li > a:hover .eventname {
13323 text-decoration: underline
; }
13325 .block .content h3.eventskey {
13326 margin-top: 0.5em; }
13328 /* Display month name above the calendar */
13329 table
.calendartable caption
{
13330 caption-side: top
; }
13332 @media (min-width: 768px) {
13333 #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
{
13334 min-width: 1024px; } }
13337 position: relative
; }
13339 .day-popover-content:empty + .day-popover-alternate {
13342 .location-content {
13343 overflow-wrap: break-word
; }
13345 .description-content {
13346 overflow-wrap: break-word
; }
13347 .description-content > p {
13353 .content-bank-container .cb-content-wrapper {
13360 .content-bank-container .cb-thumbnail {
13363 background-repeat: no-repeat
;
13364 background-position: center
;
13365 background-size: cover
; }
13367 .content-bank-container.view-grid {
13368 /* Display a centered eye slash on top of unlisted content icons. */ }
13369 .content-bank-container.view-grid .cb-listitem {
13370 margin-bottom: 0.5rem; }
13371 .content-bank-container.view-grid .cb-listitem.cb-unlisted {
13372 position: relative
; }
13373 @media
(max-width: 767.98px) {
13374 .content-bank-container.view-grid .cb-listitem {
13375 flex-basis: 50%; } }
13376 @media
(min-width: 576px) {
13377 .content-bank-container.view-grid .cb-listitem {
13379 min-width: 120px; } }
13380 .content-bank-container.view-grid .cb-name {
13381 text-align: center
; }
13382 .content-bank-container.view-grid .cb-file {
13384 .content-bank-container.view-grid .cb-thumbnail {
13388 margin-right: auto
;
13389 margin-bottom: 0.5rem; }
13390 .content-bank-container.view-grid .cb-unlisted .cb-thumbnail {
13392 .content-bank-container.view-grid .cb-unlisted::after {
13393 position: absolute
;
13398 font-family: FontAwesome
;
13400 text-align: center
;
13402 text-shadow: 0 0 10px #fff; }
13403 .content-bank-container
.view-grid
.cb-heading
,
13404 .content-bank-container
.view-grid
.cb-uses
,
13405 .content-bank-container
.view-grid
.cb-date
,
13406 .content-bank-container
.view-grid
.cb-size
,
13407 .content-bank-container
.view-grid
.cb-type
,
13408 .content-bank-container.view-grid .cb-author {
13411 .content-bank-container.view-list .cb-content-wrapper {
13413 flex-direction: column
;
13414 flex-wrap: nowrap
; }
13416 .content-bank-container.view-list .cb-thumbnail {
13417 margin-right: 0.5rem; }
13419 .content-bank-container
.view-list
.cb-listitem
,
13420 .content-bank-container.view-list .cb-heading {
13424 border-bottom: 1px solid
#dee2e6; }
13426 .content-bank-container.view-list .cb-column {
13428 padding: 0.25rem; }
13430 .content-bank-container.view-list .cb-column {
13431 border-right: 1px solid
#dee2e6; }
13433 .content-bank-container.view-list .cb-listitem.cb-unlisted .cb-thumbnail {
13436 .content-bank-container
.view-list
.cb-listitem
.cb-unlisted
.cb-column
,
13437 .content-bank-container.view-list .cb-listitem.cb-unlisted .cb-column a {
13440 @media (max-width: 767.98px) {
13441 .content-bank-container.view-list .cb-column {
13443 max-width: 50%; } }
13445 @media (min-width: 576px) {
13446 .content-bank-container.view-list .cb-heading {
13450 .content-bank-container.view-list .cb-file {
13453 .content-bank-container
.view-list
.cb-uses
,
13454 .content-bank-container
.view-list
.cb-date
,
13455 .content-bank-container
.view-list
.cb-size
,
13456 .content-bank-container
.view-list
.cb-type
,
13457 .content-bank-container.view-list .cb-author {
13460 .content-bank-container.view-list .cb-column.last {
13461 border-right: 0; } }
13463 .content-bank-container.view-list .cb-btnsort span {
13466 .content-bank-container.view-list .cb-btnsort .title {
13469 .content-bank-container
.view-list
.cb-btnsort
.dir-none
.default
,
13470 .content-bank-container
.view-list
.cb-btnsort
.dir-asc
.asc
,
13471 .content-bank-container.view-list .cb-btnsort.dir-desc .desc {
13474 .cb-toolbar-container .dropdown-scrollable {
13476 overflow-y: auto
; }
13479 /* COURSE CONTENT */
13480 .section_add_menus {
13484 .section-modchooser {
13487 .block_tree .tree_item.branch {
13488 margin-left: 8px; }
13490 .section_add_menus
.horizontal div
,
13491 .section_add_menus .horizontal form {
13494 .section_add_menus optgroup {
13495 font-weight: normal
;
13496 font-style: italic
; }
13499 .section_add_menus .urlselect {
13501 margin-left: .4em; }
13504 .section_add_menus .urlselect select {
13505 margin-left: .2em; }
13507 .sitetopic ul.section {
13510 body:not
(.editing
) .sitetopic ul
.section
{
13512 body:not
(.editing
) .sitetopic ul
.section
.label
.mod-indent-outer
{
13515 @media (min-width: 576px) {
13516 .course-content ul.section {
13520 margin-top: 0.5rem; }
13521 .section .side.left {
13523 .section .side.right {
13527 .section .spinner {
13531 .section .activity {
13532 /* The command block for each activity */ }
13533 .section .activity .spinner {
13535 position: absolute
; }
13536 .section .activity .actions {
13537 position: absolute
;
13541 .section
.activity
.contentwithoutlink
,
13542 .section .activity .activityinstance {
13544 display: table-cell
;
13545 padding-right: 4px;
13547 .section
.activity
.contentwithoutlink
> a
,
13548 .section .activity .activityinstance > a {
13549 display: inline-block
;
13550 text-indent: -31px;
13551 padding-left: 31px; }
13552 .section
.activity
.contentwithoutlink
.dimmed
.activityicon
,
13553 .section .activity .activityinstance .dimmed .activityicon {
13555 .section .activity .stealth {
13557 .section
.activity a
.stealth
,
13558 .section .activity a.stealth:hover {
13559 color: #61aef3 !important
;
13560 /* stylelint-disable-line declaration-no-important */ }
13562 .section
.label
.contentwithoutlink
,
13563 .section .label .activityinstance {
13564 padding-right: 32px;
13568 @media (min-width: 576px) {
13569 .section .label .mod-indent-outer {
13570 padding-left: 24px;
13571 display: block
; } }
13578 display: inline-block
; }
13580 .section
.activity
.editor_displayed a
.editing_title
,
13581 .section .activity.editor_displayed .moodle-actionmenu {
13584 .section .activity.editor_displayed div.activityinstance {
13585 padding-right: initial
; }
13586 .section .activity.editor_displayed div.activityinstance input {
13587 margin-bottom: initial
;
13588 padding-top: initial
;
13589 padding-bottom: initial
;
13590 vertical-align: text-bottom
; }
13592 .activity img.activityicon {
13594 vertical-align: text-bottom
; }
13596 .section
.activity
.activityinstance
,
13597 .section .activity .activityinstance div {
13598 display: inline-block
; }
13600 .editing
.section
.activity
.contentwithoutlink
,
13601 .editing .section .activity .activityinstance {
13602 padding-right: 200px; }
13604 .editing .section .activity .editing_move {
13605 /* Move the move icon to the start of the line */
13606 position: absolute
;
13610 .editing .section .activity .mod-indent-outer {
13612 * Add appropriate padding such that nothing overlaps the
13613 * absolute positioned move icon.
13615 padding-left: 2rem; }
13617 .editing_show
+ .editing_assign
,
13618 .editing_hide + .editing_assign {
13619 margin-left: 20px; }
13621 .section .activity .commands {
13622 white-space: nowrap
;
13623 display: inline-block
; }
13625 .section .activity.modtype_label.label {
13626 font-weight: normal
; }
13627 .section .activity.modtype_label.label .contentwithoutlink {
13629 .section
.activity
.modtype_label
.label
.hasinfo
p:last-child
,
13630 .section .activity.modtype_label.label.hasinfo i:last-child {
13631 margin-bottom: 0; }
13633 .section li.activity {
13636 .section li.activity.hasinfo {
13637 border-bottom: 1px solid
#dee2e6;
13639 padding-bottom: 1rem; }
13640 .section li.activity.hasinfo:last-child {
13642 padding-bottom: 0; }
13644 .section .activity .activityinstance .groupinglabel {
13645 padding-left: 30px; }
13647 .section
.activity
.availabilityinfo
,
13648 .section .activity .contentafterlink {
13650 margin-left: 30px; }
13652 .section .activity .contentafterlink p {
13655 .editing
.section
.activity:hover
,
13656 .editing .section .activity.action-menu-shown {
13657 background-color: rgba
(0, 0, 0, 0.03); }
13659 .course-content .current {
13660 position: relative
; }
13662 .course-content .current::before {
13664 border-left: #0f6fc5 2px solid
;
13665 position: absolute
;
13670 .course-content .section-summary {
13671 border: 1px solid
#dee2e6;
13673 list-style: none
; }
13675 .course-content .section-summary .section-title {
13676 margin: 2px 5px 10px 5px; }
13678 .course-content .section-summary .summarytext {
13679 margin: 2px 5px 2px 5px; }
13681 .course-content .section-summary .section-summary-activities .activity-count {
13683 font-size: 0.8203125rem;
13685 white-space: nowrap
;
13686 display: inline-block
; }
13688 .course-content .section-summary .summary {
13691 .course-content .single-section {
13694 .course-content .single-section .section-navigation {
13697 margin-bottom: -0.5em; }
13699 .course-content .single-section .section-navigation .title {
13704 .course-content .single-section .section-navigation .mdl-left {
13705 font-weight: normal
;
13707 margin-right: 1em; }
13709 .course-content .single-section .section-navigation .mdl-left .larrow {
13710 margin-right: 0.1em; }
13712 .course-content .single-section .section-navigation .mdl-right {
13713 font-weight: normal
;
13715 margin-left: 1em; }
13717 .course-content .single-section .section-navigation .mdl-right .rarrow {
13718 margin-left: 0.1em; }
13720 .course-content .single-section .section-navigation .mdl-bottom {
13723 .course-content ul li.section.main {
13724 border-bottom: 1px solid
#dee2e6;
13726 .course-content ul li.section.main:last-child {
13727 border-bottom: 0; }
13729 .course-content ul li
.section
.hidden
.sectionname
> span
,
13730 .course-content ul li
.section
.hidden
.content
> div
.summary
,
13731 .course-content ul li.section.hidden .activity .activityinstance {
13734 .course-content ul
.topics
,
13735 .course-content ul.weeks {
13738 list-style: none
; }
13739 .course-content ul
.topics li
.section
,
13740 .course-content ul.weeks li.section {
13742 padding-bottom: 1rem; }
13743 .course-content ul
.topics li
.section
.content
,
13744 .course-content ul.weeks li.section .content {
13747 @media
(min-width: 576px) {
13748 .course-content ul
.topics li
.section
.summary
,
13749 .course-content ul
.topics li
.section
.content
> .availabilityinfo
,
13750 .course-content ul
.weeks li
.section
.summary
,
13751 .course-content ul.weeks li.section .content > .availabilityinfo {
13752 margin-left: 25px; } }
13753 .course-content ul
.topics li
.section
.left
,
13754 .course-content ul
.topics li
.section
.right
,
13755 .course-content ul
.weeks li
.section
.left
,
13756 .course-content ul.weeks li.section .right {
13761 @media (max-width: 767.98px) {
13762 body:not
(.editing
) .course-content ul
.topics li
.section
.left
,
13763 body:not
(.editing
) .course-content ul
.topics li
.section
.right
,
13764 body:not
(.editing
) .course-content ul
.weeks li
.section
.left
,
13765 body:not
(.editing
) .course-content ul
.weeks li
.section
.right
{
13771 .course-content .hidden {
13774 @media (max-width: 767.98px) {
13775 .course-content li.section ul {
13776 padding-left: 0; } }
13778 .course-content li.section ul {
13779 list-style: disc
; }
13780 .course-content li.section ul ul {
13781 list-style: circle
; }
13782 .course-content li.section ul ul ul {
13783 list-style: square
; }
13785 .course-content li.section li.activity ul {
13786 list-style: disc
; }
13787 .course-content li.section li.activity ul ul {
13788 list-style: circle
; }
13789 .course-content li.section li.activity ul ul ul {
13790 list-style: square
; }
13792 .course-content li.section .right > .icon:first-child {
13793 /* Remove the spacer icon. */
13796 .path-course-view.editing #region-main > .card-block {
13797 padding-bottom: 13rem; }
13799 .jumpmenu .form-inline {
13802 .path-course-view .completionprogress {
13803 margin-left: 25px; }
13805 .path-course-view .completionprogress {
13809 position: relative
; }
13811 #page-site-index .subscribelink
{
13812 text-align: right
; }
13814 #site-news-forum h2
,
13815 #frontpage-course-list h2
,
13816 #frontpage-category-names h2
,
13817 #frontpage-category-combo h2
{
13818 margin-bottom: 9px; }
13820 .path-course-view a.reduce-sections {
13821 padding-left: 0.2em; }
13823 .path-course-view .subscribelink {
13824 text-align: right
; }
13826 .path-course-view .unread {
13827 margin-left: 30px; }
13829 .path-course-view .block.drag .header {
13832 .path-course-view .completionprogress {
13833 text-align: right
; }
13835 .path-course-view .single-section .completionprogress {
13836 margin-right: 5px; }
13838 .path-site li
.activity
> div
,
13839 .path-course-view li.activity > div {
13840 position: relative
;
13841 padding: 0 16px 0 0;
13842 /* to accommodate the floated completion icon with highlighting */ }
13844 .path-course-view li.activity span.autocompletion img {
13845 vertical-align: text-bottom
;
13848 .path-course-view li.activity form.togglecompletion .btn {
13851 .path-course-view li.activity form.togglecompletion img {
13853 /* The width is 0 so ensure we don't end up with a relative max-width */ }
13855 .path-course-view.editing li.activity span.autocompletion img {
13856 /* Use the same spacing as the filler. */
13857 margin-right: 0.5rem;
13858 margin-left: 0.5rem; }
13860 .path-course-view li.activity form.togglecompletion .ajaxworking {
13863 position: absolute
;
13866 background: url
([[pix:i
/ajaxloader
]]) no-repeat
; }
13868 li
.section
.hidden span
.commands a
.editing_hide
,
13869 li
.section
.hidden span
.commands a
.editing_show
{
13872 .single-section h3.sectionname {
13873 text-align: center
;
13876 input
.titleeditor
{
13878 vertical-align: text-bottom
; }
13880 span
.editinstructions
{
13882 position: absolute
;
13884 position: relative;
13889 font-size: 0.8203125rem;
13890 padding: .1em .4em;
13891 text-decoration: none
;
13893 border: 0 solid transparent
;
13895 background-color: #cce6ea;
13896 border-color: #b8dce2; }
13897 span
.editinstructions hr
{
13898 border-top-color: #a6d3db; }
13899 span
.editinstructions
.alert-link
{
13902 /* Course drag and drop upload styles */
13903 #dndupload-status {
13909 text-align: center
;
13911 border: 0 solid transparent
;
13913 background-color: #cce6ea;
13914 border-color: #b8dce2; }
13915 #dndupload-status hr
{
13916 border-top-color: #a6d3db; }
13917 #dndupload-status .alert-link
{
13920 .dndupload-preview {
13922 border: 1px dashed
#909090;
13927 .dndupload-hidden {
13930 /* COURSES LISTINGS AND COURSE SUMMARY */
13931 #page-course-pending .singlebutton
,
13932 #page-course-index .singlebutton
,
13933 #page-course-index-category .singlebutton
,
13934 #page-course-editsection .singlebutton
{
13935 text-align: center
; }
13937 #page-admin-course-manage #movecourses td img
{
13939 vertical-align: text-bottom
; }
13943 text-align: left
; }
13945 #page-course-pending .pendingcourserequests
{
13946 margin-bottom: 1em; }
13948 #page-course-pending .pendingcourserequests
.singlebutton
{
13951 #page-course-pending .pendingcourserequests
.cell
{
13954 #page-course-pending .pendingcourserequests
.cell
.c6
{
13955 white-space: nowrap
; }
13960 .coursebox > .info > .coursename a {
13962 background-image: url
([[pix:moodle|i
/course
]]);
13963 background-repeat: no-repeat
;
13964 padding-left: 21px;
13965 background-position: left
0.2em; }
13967 .coursebox
> .info
> .coursename
,
13968 .coursebox
.content
.teachers
,
13969 .coursebox
.content
.courseimage
,
13970 .coursebox
.content
.coursefile
,
13971 .coursebox .content .customfields-container {
13975 .coursebox
.content
.teachers
,
13976 .coursebox
.content
.courseimage
,
13977 .coursebox
.content
.coursefile
,
13978 .coursebox .content .customfields-container {
13981 .coursebox > .info > h3.coursename {
13984 .coursebox > .info > .coursename {
13988 .coursebox .content .teachers li {
13989 list-style-type: none
;
13993 .coursebox
.moreinfo
,
13994 .coursebox .enrolmenticons {
13998 .coursebox .moreinfo img {
14001 .coursebox .content {
14004 .coursebox
.content
.summary
,
14005 .coursebox .content .coursecat {
14009 .coursebox .content .coursecat {
14013 .coursebox.remotecoursebox .remotecourseinfo {
14017 .coursebox .content .courseimage img {
14019 max-height: 100px; }
14021 .coursebox
.content
.coursecat
,
14022 .coursebox
.content
.summary
,
14023 .coursebox
.content
.courseimage
,
14024 .coursebox
.content
.coursefile
,
14025 .coursebox
.content
.teachers
,
14026 .coursebox
.remotecoursebox
.remotecourseinfo
,
14027 .coursebox .content .customfields-container {
14028 margin: 15px 5px 5px;
14031 .coursebox.remotehost > .info > .categoryname a {
14032 background-image: url
([[pix:moodle|i
/mnethost
]]); }
14034 .coursebox.collapsed {
14035 margin-bottom: 0; }
14037 .coursebox.collapsed > .content {
14040 .courses .coursebox.collapsed {
14041 padding-top: 0.5rem;
14042 padding-bottom: 0.5rem; }
14044 .courses .coursebox.even {
14045 background-color: rgba
(0, 0, 0, 0.03); }
14047 .courses > .paging.paging-morelink {
14048 text-align: center
;
14051 .course_category_tree .category .numberofcourse {
14052 font-size: 0.8203125rem; }
14054 .course_category_tree .controls {
14055 visibility: hidden
; }
14057 .course_category_tree .controls div {
14061 .jsenabled .course_category_tree .controls {
14062 visibility: visible
; }
14064 .course_category_tree .controls {
14065 margin-bottom: 5px;
14069 .course_category_tree .controls div {
14070 padding-right: 2em;
14073 .course_category_tree .category > .info > .categoryname {
14074 background-image: url
([[pix:moodle|t
/collapsed_empty
]]);
14075 background-repeat: no-repeat
;
14078 background-position: center left
; }
14081 .course_category_tree .category > .info > .categoryname {
14082 background-image:url([[pix:moodle|t/collapsed_empty_rtl]]);
14085 .course_category_tree .category.with_children > .info > .categoryname {
14086 background-image: url
([[pix:moodle|t
/expanded
]]);
14089 .course_category_tree .category.with_children.collapsed > .info > .categoryname {
14090 background-image: url
([[pix:moodle|t
/collapsed
]]); }
14093 .course_category_tree .category.with_children.collapsed > .info > .categoryname {
14094 background-image:url([[pix:moodle|t/collapsed_rtl]]);
14097 .course_category_tree .category.collapsed > .content {
14100 .course_category_tree .category > .info {
14103 .course_category_tree .category > .content {
14104 padding-left: 16px; }
14106 #page-course-index-category .generalbox
.info
{
14107 margin-bottom: 15px;
14108 border: 1px dotted
#ddd;
14109 border-radius: 4px;
14112 #page-course-index-category .categorypicker
{
14113 text-align: center
;
14114 margin: 10px 0 20px; }
14117 * Course management page
14120 * Background (reg) #F5F5F5
14121 * Background (light #fafafa
14122 * Background (highlight) #ddffaa
14125 #course-category-listings {
14127 /** Two column layout */
14128 /** Three column layout */ }
14129 #course-category-listings.columns-2
> #course-listing
> div
{
14130 position: relative
;
14132 #course-category-listings.columns-3
> #course-listing
> div
{
14134 #course-category-listings > div
> div
{
14135 min-height: 300px; }
14136 #course-category-listings > div
> div
> ul
.ml
> li:first-child
> div
{
14138 #course-category-listings h3
{
14140 padding: 0.4rem 0.6rem 0.3rem; }
14141 #course-category-listings h4
{
14143 padding: 0.6rem 1rem 0.5rem; }
14144 #course-category-listings .moodle-actionmenu
{
14145 white-space: nowrap
; }
14146 #course-category-listings .listing-actions
{
14147 text-align: center
; }
14148 #course-category-listings .listing-actions
> .moodle-actionmenu
{
14149 display: inline-block
; }
14150 #course-category-listings ul
.ml
{
14153 #course-category-listings ul
.ml ul
.ml
{
14155 #course-category-listings .listitem
[data-selected
='1'] {
14156 border-left: calc
(1px + 5px) solid
#0f6fc5;
14157 padding-left: calc
(1.25rem - 5px); }
14158 #course-category-listings .item-actions
{
14160 display: inline-block
; }
14161 #course-category-listings .item-actions
.show
.menu img
{
14164 #course-category-listings .item-actions
.menu-action-text
{
14165 vertical-align: inherit
; }
14166 #course-category-listings .listitem
> div
> .float-left
{
14168 #course-category-listings .listitem
> div
> .float-right
{
14170 text-align: right
; }
14171 #course-category-listings .listitem
> div
.item-actions
.action-show
{
14173 #course-category-listings .listitem
> div
.item-actions
.action-hide
{
14175 #course-category-listings .listitem
> div
.without-actions
{
14177 #course-category-listings .listitem
> div
.idnumber
{
14178 margin-right: 2em; }
14179 #course-category-listings .listitem
[data-visible
="0"] {
14181 #course-category-listings .listitem
[data-visible
="0"] > div
> a
{
14183 #course-category-listings .listitem
[data-visible
="0"] > div
.item-actions
.action-show
{
14185 #course-category-listings .listitem
[data-visible
="0"] > div
.item-actions
.action-hide
{
14187 #course-category-listings .listitem
.highlight
{
14188 background-color: #fff; }
14189 #course-category-listings .listitem
.highlight
> div
,
14190 #course-category-listings .listitem
.highlight
> div:hover
,
14191 #course-category-listings .listitem
.highlight
[data-selected
='1'] > div
{
14192 background-color: rgba
(0, 0, 0, 0.075); }
14193 #course-category-listings #course-listing
.listitem
.categoryname
{
14194 display: inline-block
;
14197 #course-category-listings #course-listing
.listitem
.coursename
{
14198 display: inline-block
; }
14199 #course-category-listings #course-listing
> .firstpage
.listitem:first-child
> div
.item-actions
.action-moveup
,
14200 #course-category-listings #course-listing
> .lastpage
.listitem:last-child
> div
.item-actions
.action-movedown
{
14202 #course-category-listings #course-listing
.bulk-action-checkbox
{
14203 margin: -2px 6px 0 0; }
14204 #course-category-listings #category-listing
.listitem
.collapsed
> ul
.ml
{
14206 #course-category-listings #category-listing
.listitem:first-child
> div
.item-actions
.action-moveup
,
14207 #course-category-listings #category-listing
.listitem:last-child
> div
.item-actions
.action-movedown
{
14209 #course-category-listings #category-listing
.course-count
{
14211 margin-right: 2rem;
14213 display: inline-block
; }
14214 #course-category-listings #category-listing
.bulk-action-checkbox
{
14215 margin-right: -3px; }
14216 #course-category-listings #category-listing
.category-listing
> ul
> .listitem:first-child
{
14217 position: relative
; }
14218 #course-category-listings #category-listing
.category-bulk-actions
{
14219 margin: 0 0.5em 0.5em;
14220 position: relative
; }
14221 #course-category-listings .detail-pair
> * {
14222 display: inline-block
; }
14223 #course-category-listings .detail-pair
.pair-key
{
14225 vertical-align: top
; }
14226 #course-category-listings .detail-pair
.pair-key span
{
14227 margin-right: 1rem;
14229 #course-category-listings .detail-pair
.pair-value select
{
14231 #course-category-listings .bulk-actions
.detail-pair
> * {
14234 #course-category-listings .listing-pagination
{
14235 text-align: center
; }
14236 #course-category-listings .listing-pagination
.yui3-button
{
14238 background-color: #008196;
14239 border-color: #008196;
14241 margin: 0.4rem 0.2rem 0.45rem;
14242 font-size: 10.4px; }
14243 #course-category-listings .listing-pagination
.yui3-button:hover
{
14245 background-color: #006070;
14246 border-color: #005563; }
14247 #course-category-listings .listing-pagination
.yui3-button:focus
, #course-category-listings
.listing-pagination
.yui3-button
.focus
{
14249 background-color: #006070;
14250 border-color: #005563;
14251 box-shadow: 0 0 0 0.2rem rgba
(38, 148, 166, 0.5); }
14252 #course-category-listings .listing-pagination
.yui3-button
.disabled
, #course-category-listings
.listing-pagination
.yui3-button:disabled
{
14254 background-color: #008196;
14255 border-color: #008196; }
14256 #course-category-listings .listing-pagination
.yui3-button:not
(:disabled
):not
(.disabled
):active
, #course-category-listings
.listing-pagination
.yui3-button:not
(:disabled
):not
(.disabled
).active
,
14257 .show > #course-category-listings .listing-pagination .yui3-button.dropdown-toggle {
14259 background-color: #005563;
14260 border-color: #004a56; }
14261 #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
,
14262 .show > #course-category-listings .listing-pagination .yui3-button.dropdown-toggle:focus {
14263 box-shadow: 0 0 0 0.2rem rgba
(38, 148, 166, 0.5); }
14264 #course-category-listings .listing-pagination
.yui3-button
.active-page
{
14266 background-color: #0f6fc5;
14267 border-color: #0f6fc5; }
14268 #course-category-listings .listing-pagination
.yui3-button
.active-page:hover
{
14270 background-color: #0c5ba1;
14271 border-color: #0b5496; }
14272 #course-category-listings .listing-pagination
.yui3-button
.active-page:focus
, #course-category-listings
.listing-pagination
.yui3-button
.active-page
.focus
{
14274 background-color: #0c5ba1;
14275 border-color: #0b5496;
14276 box-shadow: 0 0 0 0.2rem rgba
(51, 133, 206, 0.5); }
14277 #course-category-listings .listing-pagination
.yui3-button
.active-page
.disabled
, #course-category-listings
.listing-pagination
.yui3-button
.active-page:disabled
{
14279 background-color: #0f6fc5;
14280 border-color: #0f6fc5; }
14281 #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
,
14282 .show > #course-category-listings .listing-pagination .yui3-button.active-page.dropdown-toggle {
14284 background-color: #0b5496;
14285 border-color: #0a4e8a; }
14286 #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
,
14287 .show > #course-category-listings .listing-pagination .yui3-button.active-page.dropdown-toggle:focus {
14288 box-shadow: 0 0 0 0.2rem rgba
(51, 133, 206, 0.5); }
14289 #course-category-listings .listing-pagination-totals
{
14290 text-align: center
; }
14291 #course-category-listings .listing-pagination-totals
.dimmed
{
14293 margin: 0.4rem 1rem 0.45rem; }
14294 #course-category-listings .select-a-category
.notifymessage
,
14295 #course-category-listings .select-a-category
.alert
{
14298 #course-category-listings #course-listing
.listitem
.drag-handle
{
14301 .jsenabled #course-category-listings #course-listing .listitem .drag-handle {
14302 display: inline-block
;
14306 /** Management header styling **/
14307 .coursecat-management-header {
14308 vertical-align: middle
; }
14309 .coursecat-management-header h2 {
14310 display: inline-block
;
14311 text-align: left
; }
14312 .coursecat-management-header > div {
14313 display: inline-block
;
14315 .coursecat-management-header > div > div {
14316 margin: 10px 0 10px 1em;
14317 display: inline-block
; }
14318 .coursecat-management-header select {
14321 padding: 0.4em 0.5em 0.45em 1em;
14322 vertical-align: baseline
;
14323 white-space: nowrap
; }
14324 .coursecat-management-header .view-mode-selector .moodle-actionmenu {
14325 white-space: nowrap
;
14326 display: inline-block
; }
14327 .coursecat-management-header .view-mode-selector .moodle-actionmenu[data-enhanced].show .menu a {
14328 padding-left: 1em; }
14330 .course-being-dragged-proxy {
14333 vertical-align: middle
;
14334 padding: 0 0 0 4em; }
14336 .course-being-dragged {
14341 * Large displays 1200 +
14342 * Default displays 980 1199
14344 * Small tablets and large phones 481 767
14347 @media (min-width: 1200px) and
(max-width: 1600px) {
14348 #course-category-listings.columns-3
{
14349 background-color: #fff;
14351 #course-category-listings.columns-3 #category-listing
,
14352 #course-category-listings.columns-3 #course-listing
{
14354 #course-category-listings.columns-3 #category-listing
> div
,
14355 #course-category-listings.columns-3 #course-listing
> div
,
14356 #course-category-listings.columns-3 #course-detail
> div
{
14357 background-color: #fff; }
14358 #course-category-listings.columns-3 #course-detail
{
14360 margin-top: 1em; } }
14362 @media (max-width: 1199px) {
14363 #course-category-listings.columns-2
,
14364 #course-category-listings.columns-3
{
14366 #course-category-listings.columns-2 #category-listing
,
14367 #course-category-listings.columns-2 #course-listing
,
14368 #course-category-listings.columns-2 #course-detail
,
14369 #course-category-listings.columns-3 #category-listing
,
14370 #course-category-listings.columns-3 #course-listing
,
14371 #course-category-listings.columns-3 #course-detail
{
14373 margin: 0 0 1em; } }
14375 .page-settings-menu .menubar > a > .icon {
14380 .activity-navigation .row {
14381 align-items: center
; }
14383 .activity-navigation #prev-activity-link
,
14384 .activity-navigation #next-activity-link {
14385 white-space: pre-wrap
; }
14387 .automatic-completion-conditions .badge {
14390 /* Anchor link offset fix. This makes hash links scroll 60px down to account for the fixed header. */
14392 scroll-margin-top: 60px; }
14394 .pagelayout-embedded :target {
14395 padding-top: initial
;
14396 margin-top: initial
; }
14398 #nav-drawer.closed
{
14401 #nav-drawer[aria-hidden
=true
] .list-group-item
{
14404 /* Use a variable for the drawer background colors. */
14405 [data-region
="drawer"] {
14409 height: calc
(100% - 50px);
14411 -webkit-overflow-scrolling: touch
;
14413 background-color: #f2f2f2;
14414 -webkit-transition: right
0.5s ease
, left
0.5s ease
;
14415 -moz-transition: right
0.5s ease
, left
0.5s ease
;
14416 transition: right
0.5s ease
, left
0.5s ease
; }
14418 @media (min-width: 576px) {
14419 [data-region
="drawer"] {
14420 padding: 20px 20px; } }
14425 /* Override the z-indexes defined in bootstrap/_list-group.scss that
14426 lead to side effects on the user tours positioning. */ }
14427 #nav-drawer .list-group-item-action
.active
,
14428 #nav-drawer .list-group-item
.active
{
14429 z-index: inherit
; }
14430 #nav-drawer .list-group-item-action
.active
+ .list-group-item
,
14431 #nav-drawer .list-group-item
.active
+ .list-group-item
{
14432 border-top: none
; }
14433 #nav-drawer .list-group ul
{
14437 #nav-drawer .list-group li
{
14438 margin-bottom: -1px; }
14439 #nav-drawer .list-group
li:last-child
{
14440 margin-bottom: 0; }
14443 margin-top: 50px; }
14445 .pagelayout-embedded #page {
14449 -webkit-transition: margin-left
0.5s ease
, margin-right
0.5s ease
;
14450 -moz-transition: margin-left
0.5s ease
, margin-right
0.5s ease
;
14451 transition: margin-left
0.5s ease
, margin-right
0.5s ease
; }
14453 @media (min-width: 768px) {
14454 body
.drawer-open-left
{
14455 margin-left: 285px; } }
14457 @media (min-width: 768px) {
14458 body
.drawer-open-right
{
14459 margin-right: 285px; } }
14461 [data-region
=right-hand-drawer
] {
14463 flex-direction: column
;
14464 transition: right
0.2s ease-in-out
; }
14465 @media
(prefers-reduced-motion: reduce
) {
14466 [data-region
=right-hand-drawer
] {
14467 transition: none
; } }
14468 [data-region
=right-hand-drawer
].drawer
{
14473 height: calc
(100% - 50px);
14475 box-shadow: -2px 2px 4px rgba
(0, 0, 0, 0.08);
14477 visibility: visible
;
14479 [data-region
=right-hand-drawer
].hidden
{
14482 visibility: hidden
;
14484 transition: right
0.2s ease-in-out
, visibility
0s ease-in-out
0.2s, opacity
0s ease-in-out
0.2s; }
14485 @media
(prefers-reduced-motion: reduce
) {
14486 [data-region
=right-hand-drawer
].hidden
{
14487 transition: none
; } }
14489 @media (max-width: 767.98px) {
14490 [data-region
=right-hand-drawer
].drawer
{
14494 body
.drawer-open-left
,
14495 body
.drawer-open-right
{
14496 overflow: hidden
; } }
14498 .dir-rtl [data-region=right-hand-drawer] {
14499 box-shadow: 2px 2px 4px rgba
(0, 0, 0, 0.08); }
14502 background-color: #f7f7f7; }
14504 .fp-content-center {
14507 display: table-cell
;
14508 vertical-align: middle
; }
14510 .fp-content-hidden {
14511 visibility: hidden
; }
14513 .yui3-panel-focused {
14518 padding: 3px 20px 2px 20px;
14519 text-align: center
;
14521 border-radius: 10px;
14522 display: inline-block
; }
14524 .filepicker .yui3-widget-content-expanded {
14527 /* The javascript is adding a style="height: 0px;" to this element - we need to set the min-height so the height is ignored. */
14528 .filepicker .moodle-dialogue-bd {
14529 min-height: 520px; }
14531 .file-picker .fp-navbar {
14536 border-color: #8f959e;
14537 border-bottom: 0; }
14539 .file-picker .fp-content {
14546 .filepicker.moodle-dialogue-fullscreen .file-picker .fp-content {
14549 .file-picker .fp-content-loading {
14553 text-align: center
; }
14555 .file-picker .fp-content .fp-object-container {
14559 .file-picker .fp-def-search {
14562 .file-picker .fp-list {
14563 list-style-type: none
;
14569 .file-picker .fp-list .fp-repo a {
14571 padding: .5em .7em; }
14573 .file-picker .fp-list .fp-repo.active {
14574 background: #f2f2f2; }
14576 .file-picker .fp-list .fp-repo-icon {
14577 padding: 0 7px 0 5px;
14584 .fp-toolbar.empty {
14587 .fp-toolbar .disabled {
14593 margin-right: 4px; }
14596 vertical-align: -15%;
14597 margin-right: 5px; }
14599 .fp-viewbar:not(.disabled) a.checked {
14600 background-color: #b1bbc4;
14602 border-color: #aab4bf; }
14604 .fp-viewbar.disabled a {
14605 pointer-events: none
;
14608 .file-picker .fp-clear-left {
14611 .fp-pathbar.empty {
14614 .fp-pathbar .fp-path-folder {
14615 background: url
("[[pix:theme|fp/path_folder]]") left
3px no-repeat
;
14616 background-size: 12px 12px;
14618 margin-left: 12px; }
14621 .fp-pathbar .fp-path-folder {
14622 background-image: url('[[pix:theme|fp/path_folder_rtl]]');
14625 .fp-pathbar .fp-path-folder-name {
14626 margin-left: 24px; }
14628 .fp-iconview .fp-file {
14630 text-align: center
;
14631 position: relative
;
14632 margin: 10px 10px 35px; }
14634 .fp-iconview .fp-thumbnail {
14637 line-height: 110px;
14638 text-align: center
;
14639 border: 1px solid
#fff;
14642 .fp-iconview .fp-thumbnail img {
14643 border: 1px solid
#ddd;
14645 vertical-align: middle
; }
14647 .fp-iconview .fp-thumbnail:hover {
14649 border: 1px solid
#ddd; }
14651 .fp-iconview .fp-filename-field {
14654 word-wrap: break-word
;
14656 position: absolute
; }
14658 .fp-iconview
.fp-file:focus
.fp-filename-field
,
14659 .fp-iconview .fp-file:hover .fp-filename-field {
14663 .fp-iconview
.fp-file:focus
.fp-filename
,
14664 .fp-iconview .fp-file:hover .fp-filename {
14666 white-space: normal
;
14667 text-overflow: inherit
; }
14669 .fp-iconview .fp-filename-field .fp-filename {
14672 padding-bottom: 12px;
14673 min-width: 112px; }
14675 .file-picker .yui3-datatable table {
14676 border: 0 solid
#bbb;
14679 .file-picker
.ygtvtn
,
14680 .filemanager .ygtvtn {
14682 background: url
("[[pix:moodle|y/tn]]") 0 0 no-repeat
;
14684 background: url('[[pix:moodle|y/tn_rtl]]') 0 0 no-repeat;
14689 .file-picker
.ygtvtm
,
14690 .filemanager .ygtvtm {
14691 background: url
("[[pix:moodle|y/tm]]") 0 10px no-repeat
;
14693 background-position: 2px 10px;
14699 .file-picker
.ygtvtmh
,
14700 .filemanager .ygtvtmh {
14701 background: url
("[[pix:moodle|y/tm]]") 0 10px no-repeat
;
14703 background-position: 2px 10px;
14709 .file-picker
.ygtvtp
,
14710 .filemanager .ygtvtp {
14712 background: url
("[[pix:moodle|y/tp]]") 0 10px no-repeat
;
14714 background: url('[[pix:moodle|y/tp_rtl]]') 2px 10px no-repeat;
14720 .file-picker
.ygtvtph
,
14721 .filemanager .ygtvtph {
14723 background: url
("[[pix:moodle|y/tp]]") 0 10px no-repeat
;
14725 background: url('[[pix:moodle|y/tp_rtl]]') 2px 10px no-repeat;
14731 .file-picker
.ygtvln
,
14732 .filemanager .ygtvln {
14734 background: url
("[[pix:moodle|y/ln]]") 0 0 no-repeat
;
14736 background: url('[[pix:moodle|y/ln_rtl]]') 0 0 no-repeat;
14741 .file-picker
.ygtvlm
,
14742 .filemanager .ygtvlm {
14743 background: url
("[[pix:moodle|y/lm]]") 0 10px no-repeat
;
14745 background-position: 2px 10px;
14751 .file-picker
.ygtvlmh
,
14752 .filemanager .ygtvlmh {
14753 background: url
("[[pix:moodle|y/lm]]") 0 10px no-repeat
;
14755 background-position: 2px 10px;
14761 .file-picker
.ygtvlp
,
14762 .filemanager .ygtvlp {
14764 background: url
("[[pix:moodle|y/lp]]") 0 10px no-repeat
;
14766 background: url('[[pix:moodle|y/lp_rtl]]') 2px 10px no-repeat;
14772 .file-picker
.ygtvlph
,
14773 .filemanager .ygtvlph {
14775 background: url
("[[pix:moodle|y/lp]]") 0 10px no-repeat
;
14777 background: url('[[pix:moodle|y/lp_rtl]]') 2px 10px no-repeat;
14783 .file-picker
.ygtvloading
,
14784 .filemanager .ygtvloading {
14785 background: transparent url
("[[pix:moodle|y/loading]]") 0 0 no-repeat
;
14789 .file-picker
.ygtvdepthcell
,
14790 .filemanager .ygtvdepthcell {
14791 background: url
("[[pix:moodle|y/vline]]") 0 0 no-repeat
;
14793 background-position: 0 0;
14798 .file-picker
.ygtvblankdepthcell
,
14799 .filemanager .ygtvblankdepthcell {
14803 a
.ygtvspacer:hover
{
14804 color: transparent
;
14805 text-decoration: none
; }
14809 .ygtvlabel:visited
,
14811 background-color: transparent
;
14814 text-decoration: none
; }
14816 .file-picker
.ygtvfocus
,
14817 .filemanager .ygtvfocus {
14818 background-color: #eee; }
14820 .fp-filename-icon {
14823 position: relative
; }
14830 margin-right: 10px;
14831 text-align: center
;
14832 line-height: 24px; }
14837 vertical-align: middle
; }
14840 padding-right: 10px; }
14842 .file-picker .fp-login-form {
14847 .file-picker .fp-upload-form {
14852 .file-picker .fp-upload-form table {
14855 .file-picker.fp-dlg {
14856 text-align: center
; }
14858 .file-picker.fp-dlg .fp-dlg-buttons {
14861 .file-picker.fp-msg {
14862 text-align: center
; }
14864 .file-picker .fp-content-error {
14868 text-align: center
; }
14870 .file-picker .fp-nextpage {
14873 .file-picker .fp-nextpage .fp-nextpage-loading {
14876 .file-picker .fp-nextpage.loading .fp-nextpage-link {
14879 .file-picker .fp-nextpage.loading .fp-nextpage-loading {
14881 text-align: center
;
14883 padding-top: 50px; }
14885 .fp-select .fp-select-loading {
14886 text-align: center
;
14887 margin-top: 20px; }
14890 padding: 0 0 10px; }
14892 .fp-select table .mdl-right {
14895 .fp-select .fp-reflist .mdl-right {
14896 vertical-align: top
; }
14898 .fp-select .fp-select-buttons {
14901 .fp-select .fp-info {
14902 font-size: 0.703125rem; }
14904 .fp-select .fp-thumbnail {
14908 line-height: 110px;
14909 text-align: center
;
14910 margin: 10px 20px 0 0;
14912 border: 1px solid
#ddd; }
14914 .fp-select .fp-thumbnail img {
14915 border: 1px solid
#ddd;
14917 vertical-align: middle
;
14920 .fp-select .fp-fileinfo {
14921 display: inline-block
;
14922 margin-top: 10px; }
14924 .file-picker.fp-select .fp-fileinfo {
14925 max-width: 240px; }
14927 .fp-select .fp-fileinfo div {
14928 padding-bottom: 5px; }
14930 .file-picker.fp-select .uneditable {
14933 .file-picker.fp-select .fp-select-loading {
14936 .file-picker.fp-select.loading .fp-select-loading {
14939 .file-picker.fp-select.loading form {
14942 .fp-select .fp-dimensions.fp-unknown {
14945 .fp-select .fp-size.fp-unknown {
14948 .filemanager-loading {
14951 .jsenabled .filemanager-loading {
14953 margin-top: 100px; }
14955 .filemanager
.fm-loading
.filemanager-toolbar
,
14956 .filemanager
.fm-loading
.fp-pathbar
,
14957 .filemanager
.fm-loading
.filemanager-container
,
14958 .filemanager
.fm-loaded
.filemanager-loading
,
14959 .filemanager
.fm-maxfiles
.fp-btn-add
,
14960 .filemanager
.fm-maxfiles
.dndupload-message
,
14961 .filemanager
.fm-noitems
.fp-btn-download
,
14962 .filemanager
.fm-noitems
.fp-btn-delete
,
14963 .filemanager
.fm-empty-container
,
14964 .filemanager.fm-noitems .filemanager-container .fp-content {
14967 .filemanager .fp-img-downloading {
14969 padding-top: 7px; }
14971 .filemanager .filemanager-updating {
14973 text-align: center
; }
14975 .filemanager.fm-updating .filemanager-updating {
14977 margin-top: 37px; }
14979 .filemanager
.fm-updating
.fm-content-wrapper
,
14980 .filemanager
.fm-nomkdir
.fp-btn-mkdir
,
14981 .fitem
.disabled
.filemanager
.filemanager-toolbar
,
14982 .fitem
.disabled
.filemanager
.fp-pathbar
,
14983 .fitem
.disabled
.filemanager
.fp-restrictions
,
14984 .fitem.disabled .filemanager .fm-content-wrapper {
14987 .filemanager .fp-restrictions {
14988 text-align: right
; }
14990 .filemanager-toolbar {
14992 overflow: hidden
; }
14994 .filemanager .fp-pathbar.empty {
14997 .filepicker-filelist
,
14998 .filemanager-container {
15000 border: 1px solid
#8f959e; }
15002 .filemanager .fp-content {
15005 min-height: 157px; }
15007 .filemanager-container
,
15008 .filepicker-filelist {
15009 overflow: hidden
; }
15011 .file-picker .yui3-datatable-header {
15015 background: initial
; }
15017 .fitem
.disabled
.filepicker-filelist
,
15018 .fitem.disabled .filemanager-container {
15019 background-color: #ebebe4; }
15021 .fitem.disabled .fp-btn-choose {
15024 .fitem.disabled .filepicker-filelist .filepicker-filename {
15027 .fp-iconview .fp-reficons1 {
15028 position: absolute
;
15034 .fp-iconview .fp-reficons2 {
15035 position: absolute
;
15041 .fp-iconview .fp-file.fp-hasreferences .fp-reficons1 {
15042 background: url
("[[pix:theme|fp/link]]") no-repeat
;
15044 transform: scaleX(-1);
15047 background-position: bottom right
;
15048 background-size: 16px 16px; }
15050 .fp-iconview .fp-file.fp-isreference .fp-reficons2 {
15051 background: url
("[[pix:theme|fp/alias]]") no-repeat
;
15053 transform: scaleX(-1);
15056 background-position: bottom left
;
15057 background-size: 16px 16px; }
15059 .filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail img {
15062 .filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail {
15063 background: url
([[pix:s
/dead
]]) no-repeat
;
15064 background-position: center center
; }
15066 .filemanager .yui3-datatable table {
15067 border: 0 solid
#bbb;
15070 /* Override YUI default styling */
15071 /* stylelint-disable declaration-no-important */
15072 .filemanager .yui3-datatable-header {
15076 background: #fff !important
;
15077 border-bottom: 1px solid
#ccc !important
;
15078 border-left: 0 solid
#fff !important
;
15079 color: #555 !important
; }
15081 .filemanager .yui3-datatable-odd .yui3-datatable-cell {
15082 background-color: #f6f6f6 !important
;
15083 border-left: 0 solid
#f6f6f6; }
15085 .filemanager .yui3-datatable-even .yui3-datatable-cell {
15086 background-color: #fff !important
;
15087 border-left: 0 solid
#fff; }
15089 /* stylelint-enable */
15090 .filemanager .fp-filename-icon.fp-hasreferences .fp-reficons1 {
15091 background: url
("[[pix:theme|fp/link_sm]]") no-repeat
0 0;
15095 transform: scaleX(-1);
15097 position: absolute
;
15100 background-size: 16px 16px; }
15102 .filemanager .fp-filename-icon.fp-isreference .fp-reficons2 {
15103 background: url
("[[pix:theme|fp/alias_sm]]") no-repeat
0 0;
15107 transform: scaleX(-1);
15109 position: absolute
;
15112 background-size: 16px 16px; }
15114 .filemanager .fp-contextmenu {
15117 .filemanager .fp-iconview .fp-folder.fp-hascontextmenu .fp-contextmenu {
15118 position: absolute
;
15122 align-items: center
;
15123 justify-content: center
; }
15125 .filemanager
.fp-treeview
.fp-folder
.fp-hascontextmenu
.fp-contextmenu
,
15126 .filemanager .fp-tableview .fp-folder.fp-hascontextmenu .fp-contextmenu {
15128 position: absolute
;
15130 margin-right: -20px;
15133 .filepicker-filelist
.filepicker-container
,
15134 .filemanager.fm-noitems .fm-empty-container {
15136 position: absolute
;
15141 border: 2px dashed
#bbb;
15143 text-align: center
; }
15145 .filepicker-filelist
.dndupload-target
,
15146 .filemanager-container .dndupload-target {
15148 position: absolute
;
15153 border: 2px dashed
#fb7979;
15155 text-align: center
; }
15157 .filepicker-filelist
.dndupload-over
.dndupload-target
,
15158 .filemanager-container.dndupload-over .dndupload-target {
15160 position: absolute
;
15165 border: 2px dashed
#6c8cd3;
15167 text-align: center
; }
15169 .dndupload-message {
15172 .dndsupported .dndupload-message {
15175 .dnduploadnotsupported-message {
15178 .dndnotsupported .dnduploadnotsupported-message {
15181 .dndupload-target {
15184 .dndsupported .dndupload-ready .dndupload-target {
15187 .dndupload-uploadinprogress {
15189 text-align: center
; }
15191 .dndupload-uploading .dndupload-uploadinprogress {
15195 background: url
([[pix:theme|fp
/dnd_arrow
]]) center no-repeat
;
15198 position: absolute
;
15201 .fitem
.disabled
.filepicker-container
,
15202 .fitem.disabled .fm-empty-container {
15205 .dndupload-progressbars {
15209 .dndupload-inprogress .dndupload-progressbars {
15212 .dndupload-inprogress .fp-content {
15215 .filemanager.fm-noitems .dndupload-inprogress .fm-empty-container {
15218 .filepicker-filelist.dndupload-inprogress .filepicker-container {
15221 .filepicker-filelist.dndupload-inprogress a {
15224 .filemanager.fp-select .fp-select-loading {
15227 .filemanager.fp-select.loading .fp-select-loading {
15230 .filemanager.fp-select.loading form {
15233 .filemanager
.fp-select
.fp-folder
.fp-license
,
15234 .filemanager
.fp-select
.fp-folder
.fp-author
,
15235 .filemanager
.fp-select
.fp-file
.fp-file-unzip
,
15236 .filemanager
.fp-select
.fp-folder
.fp-file-unzip
,
15237 .filemanager
.fp-select
.fp-file
.fp-file-zip
,
15238 .filemanager.fp-select.fp-zip .fp-file-zip {
15241 .filemanager
.fp-select
.fp-file-setmain
,
15242 .filemanager.fp-select .fp-file-setmain-help {
15245 .filemanager
.fp-select
.fp-cansetmain
.fp-file-setmain
,
15246 .filemanager.fp-select.fp-cansetmain .fp-file-setmain-help {
15247 display: inline-block
; }
15249 .filemanager .fp-mainfile .fp-filename {
15250 font-weight: bold
; }
15252 .filemanager.fp-select.fp-folder .fp-file-download {
15256 font-weight: bold
; }
15258 .filemanager
.fp-select
.fp-original
.fp-unknown
,
15259 .filemanager.fp-select .fp-original .fp-originloading {
15262 .filemanager.fp-select .fp-original.fp-loading .fp-originloading {
15265 .filemanager
.fp-select
.fp-reflist
.fp-unknown
,
15266 .filemanager.fp-select .fp-reflist .fp-reflistloading {
15269 .filemanager.fp-select .fp-reflist.fp-loading .fp-reflistloading {
15272 .filemanager.fp-select .fp-reflist .fp-value {
15273 background: #f9f9f9;
15274 border: 1px solid
#bbb;
15280 .filemanager.fp-select .fp-reflist .fp-value li {
15281 padding-bottom: 7px; }
15283 .filemanager.fp-mkdir-dlg {
15284 text-align: center
; }
15286 .filemanager.fp-mkdir-dlg .fp-mkdir-dlg-text {
15290 .filemanager.fp-dlg {
15291 text-align: center
; }
15293 .file-picker div.bd {
15294 text-align: left
; }
15298 .fp-formset input[type="file"] {
15299 line-height: inherit
; }
15304 .fp-fileinfo .fp-value {
15305 display: inline-block
;
15306 padding-left: 5px; }
15308 /** The message area **/
15312 .preferences-container .container-fluid, .preferences-container .container-sm, .preferences-container .container-md, .preferences-container .container-lg, .preferences-container .container-xl {
15314 .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 {
15315 min-height: 20px; }
15317 .preferences-container .align-bottom {
15318 vertical-align: bottom
; }
15320 .preferences-container .preference-table {
15321 border: 1px solid
#ddd; }
15322 .preferences-container .preference-table thead th {
15323 text-align: center
; }
15324 .preferences-container .preference-table thead th .config-warning {
15326 .preferences-container .preference-table thead th.unconfigured .config-warning {
15327 display: inline-block
; }
15328 .preferences-container .preference-table tr th {
15329 border-left: 1px solid
#dee2e6; }
15330 .preferences-container .preference-table tr td:not(:first-child) {
15332 text-align: center
; }
15333 .preferences-container .preference-table tr td:nth-child(even) {
15334 border: 1px solid
#dee2e6; }
15335 .preferences-container .preference-table .preference-row .hover-tooltip-container {
15336 display: inline-block
; }
15337 .preferences-container .preference-table .preference-row .preference-name {
15338 vertical-align: middle
; }
15339 .preferences-container .preference-table .preference-row .disabled-message {
15340 text-align: center
;
15342 line-height: 30px; }
15343 .preferences-container .preference-table .preference-row.loading .preference-name .loading-icon {
15346 .disabled-message {
15349 .disabled .disabled-message {
15351 .disabled .disabled-message + form {
15354 .general-settings-container .loading-icon {
15357 .general-settings-container .loading .loading-icon {
15358 display: inline-block
; }
15360 .general-settings-container label {
15361 display: inline-block
; }
15363 .processor-container {
15364 position: relative
; }
15365 .processor-container .loading-container {
15367 position: absolute
;
15370 text-align: center
;
15371 background-color: rgba
(255, 255, 255, 0.5); }
15372 .processor-container .loading-container .vertical-align {
15375 display: inline-block
;
15376 vertical-align: middle
; }
15377 .processor-container.loading .loading-container {
15380 .preferences-page-container .checkbox-container {
15382 line-height: 20px; }
15383 .preferences-page-container .checkbox-container input {
15386 .preferences-page-container .checkbox-container .loading-icon {
15388 .preferences-page-container .checkbox-container.loading .loading-icon {
15389 display: inline-block
; }
15391 .notification-area {
15393 box-sizing: border-box
;
15394 border-radius: 4px;
15395 margin-bottom: 30px;
15396 border: 1px solid
#e3e3e3; }
15397 @media
(max-height: 670px) {
15398 .notification-area {
15400 .notification-area .control-area {
15401 box-sizing: border-box
;
15402 display: inline-block
;
15406 -webkit-overflow-scrolling: touch
;
15407 border-right: 1px solid
#e3e3e3; }
15408 .notification-area .control-area .content {
15409 position: relative
; }
15410 .notification-area .control-area .content .content-item-container {
15412 .notification-area .control-area .content:empty + .empty-text {
15414 .notification-area .control-area .loading-icon {
15416 .notification-area .control-area .empty-text {
15418 text-align: center
;
15419 padding-top: 20px; }
15420 .notification-area .control-area.loading .loading-icon {
15422 text-align: center
;
15423 box-sizing: border-box
;
15425 .notification-area .control-area.loading .content:empty + .empty-text {
15427 .notification-area .content-area {
15428 box-sizing: border-box
;
15429 display: inline-block
;
15430 width: calc
(100% - 300px);
15432 .notification-area .content-area .toggle-mode {
15434 .notification-area .content-area .header {
15436 box-sizing: border-box
;
15437 border-bottom: 1px solid
#e3e3e3;
15439 .notification-area .content-area .header .image-container {
15440 display: inline-block
;
15444 .notification-area .content-area .header .subject-container {
15445 display: inline-block
;
15446 max-width: calc
(100% - 24px);
15447 white-space: nowrap
;
15449 text-overflow: ellipsis
;
15452 box-sizing: border-box
; }
15453 .notification-area .content-area .header .timestamp {
15458 margin-left: 30px; }
15459 .notification-area .content-area .header:empty {
15461 .notification-area .content-area > .content {
15463 box-sizing: border-box
;
15465 -webkit-overflow-scrolling: touch
;
15467 @media
(max-height: 670px) {
15468 .notification-area .content-area > .content {
15470 .notification-area .content-area > .content:empty {
15472 .notification-area .content-area > .content:empty + .empty-text {
15474 text-align: center
;
15475 padding-top: 100px; }
15476 .notification-area .content-area .empty-text {
15478 .notification-area .content-area .footer {
15480 box-sizing: border-box
;
15481 text-align: center
; }
15482 .notification-area .content-area .footer a {
15483 line-height: 50px; }
15484 .notification-area .content-area .footer:empty {
15487 @media (max-width: 979px) {
15488 .notification-area {
15489 position: relative
;
15490 overflow: hidden
; }
15491 .notification-area .control-area {
15492 border-right: none
;
15494 position: absolute
;
15498 visibility: visible
;
15499 transition: left
0.25s; }
15500 .notification-area .content-area {
15502 position: absolute
;
15506 visibility: hidden
;
15507 transition: right
0.25s, opacity
0.25s, visibility
0.25s; }
15508 .notification-area .content-area .toggle-mode {
15509 display: inline-block
;
15514 box-sizing: border-box
;
15515 border-right: 1px solid
#e3e3e3;
15516 border-bottom: 1px solid
#e3e3e3; }
15517 .notification-area .content-area .header {
15518 display: inline-block
;
15519 width: calc
(100% - 70px); }
15520 .notification-area.show-content-area .control-area {
15523 visibility: hidden
;
15524 transition: left
0.25s, opacity
0.25s, visibility
0.25s; }
15525 .notification-area.show-content-area .content-area {
15528 visibility: visible
;
15529 transition: right
0.25s; } }
15531 .drawer .message-app {
15533 .drawer .message-app .icon-back-in-app {
15535 .drawer .message-app .icon-back-in-drawer {
15536 display: inherit
; }
15540 flex-direction: column
;
15541 background-color: #eff1f3; }
15542 .message-app .icon-back-in-drawer {
15544 .message-app.main {
15545 min-height: 400px; }
15546 .message-app .header-container {
15548 .message-app .overflow-y {
15549 overflow-y: auto
; }
15550 @media
(max-height: 320px) {
15551 .message-app .header-container [data-region="view-overview"]:not(.hidden) {
15553 align-items: center
; }
15554 .message-app .footer-container [data-region="view-overview"] {
15556 .message-app .overflow-y {
15557 overflow-y: unset
; } }
15558 .message-app .body-container {
15560 overflow: hidden
; }
15561 .message-app .body-container > * {
15562 position: absolute
;
15568 .message-app .footer-container {
15570 .message-app .footer-container textarea {
15572 .message-app .contact-status {
15573 position: absolute
;
15578 border-radius: 50%; }
15579 .message-app .contact-status.online {
15580 border: 1px solid
#fff;
15581 background-color: #357a32; }
15582 .message-app .message p {
15584 .message-app .clickable {
15586 .message-app .clickable:hover {
15587 filter: drop-shadow
(2px 2px 2px rgba
(0, 0, 0, 0.3)); }
15589 .message-app .btn-link {
15591 .message-app .btn-link:hover, .message-app .btn-link:focus {
15592 background-color: rgba
(0, 0, 0, 0.035);
15593 text-decoration: none
; }
15594 .message-app .icon {
15596 .message-app .overview-section-toggle .collapsed-icon-container {
15598 .message-app .overview-section-toggle .expanded-icon-container {
15599 display: inline-block
; }
15600 .message-app .overview-section-toggle.collapsed .collapsed-icon-container {
15601 display: inline-block
; }
15602 .message-app .overview-section-toggle.collapsed .expanded-icon-container {
15604 .message-app .btn.btn-link.btn-icon {
15608 border-radius: 50%;
15610 .message-app .btn.btn-link.btn-icon:hover, .message-app .btn.btn-link.btn-icon:focus {
15611 background-color: #e9ecef; }
15612 .message-app .btn.btn-link.btn-icon.icon-size-0 {
15613 height: 20px !important
;
15614 /* stylelint-disable-line declaration-no-important */
15615 width: 20px !important
;
15616 /* stylelint-disable-line declaration-no-important */ }
15617 .message-app .btn.btn-link.btn-icon.icon-size-1 {
15618 height: 24px !important
;
15619 /* stylelint-disable-line declaration-no-important */
15620 width: 24px !important
;
15621 /* stylelint-disable-line declaration-no-important */ }
15622 .message-app .btn.btn-link.btn-icon.icon-size-2 {
15623 height: 28px !important
;
15624 /* stylelint-disable-line declaration-no-important */
15625 width: 28px !important
;
15626 /* stylelint-disable-line declaration-no-important */ }
15627 .message-app .btn.btn-link.btn-icon.icon-size-3 {
15628 height: 36px !important
;
15629 /* stylelint-disable-line declaration-no-important */
15630 width: 36px !important
;
15631 /* stylelint-disable-line declaration-no-important */ }
15632 .message-app .btn.btn-link.btn-icon.icon-size-4 {
15633 height: 44px !important
;
15634 /* stylelint-disable-line declaration-no-important */
15635 width: 44px !important
;
15636 /* stylelint-disable-line declaration-no-important */ }
15637 .message-app .btn.btn-link.btn-icon.icon-size-5 {
15638 height: 52px !important
;
15639 /* stylelint-disable-line declaration-no-important */
15640 width: 52px !important
;
15641 /* stylelint-disable-line declaration-no-important */ }
15642 .message-app .btn.btn-link.btn-icon.icon-size-6 {
15643 height: 60px !important
;
15644 /* stylelint-disable-line declaration-no-important */
15645 width: 60px !important
;
15646 /* stylelint-disable-line declaration-no-important */ }
15647 .message-app .btn.btn-link.btn-icon.icon-size-7 {
15648 height: 68px !important
;
15649 /* stylelint-disable-line declaration-no-important */
15650 width: 68px !important
;
15651 /* stylelint-disable-line declaration-no-important */ }
15652 .message-app .view-overview-body .section {
15654 .message-app .view-overview-body .section.expanded {
15656 .message-app .view-conversation .content-message-container img {
15658 .message-app .list-group .list-group-item {
15661 .message-app .list-group .list-group-item:first-child {
15663 .message-app .list-group .list-group-item:last-child {
15664 border-bottom: 0; }
15665 .message-app .last-message {
15666 min-height: 1.5rem; }
15667 .message-app .section .collapsing {
15668 overflow: hidden
; }
15669 .message-app .message.send {
15670 background-color: #dee2e6;
15672 .message-app .message.send .time {
15674 .message-app .message.send .tail {
15676 margin-right: -0.5rem;
15677 border-bottom-color: #dee2e6; }
15678 .message-app .message.received {
15679 background-color: #fff;
15681 .message-app .message.received .time {
15683 .message-app .message.received .tail {
15685 margin-left: -0.5rem;
15686 border-bottom-color: #fff; }
15687 .message-app .message .tail {
15692 border: 0.5rem solid transparent
;
15693 position: relative
; }
15694 .message-app .day {
15696 .message-app .lazy-load-list {
15697 overflow-y: auto
; }
15699 #page-message-index #page-header
{
15702 #page-message-index #region-main
{
15705 #page-message-index #region-main
.conversationcontainer
.section
{
15706 max-height: calc
(100vh - 50px); }
15707 #page-message-index #region-main div
[role
="main"] {
15709 #page-message-index #region-main div
[role
="main"] #maincontent
{
15710 margin-top: -1px; }
15711 #page-message-index #region-main div
[role
="main"] .message-app
.main
{
15714 .dir-rtl .message-drawer {
15715 box-shadow: 2px 2px 4px rgba
(0, 0, 0, 0.08); }
15717 .message-app .emoji-picker-container {
15718 position: absolute
;
15721 transform: translateY
(-100%); }
15722 .message-app .emoji-picker-container .emoji-picker .picker-row .emoji-button {
15725 @media
(max-width: 575.98px) {
15726 .message-app .emoji-picker-container {
15727 right: -0.5rem; } }
15729 @media (max-height: 495px) {
15730 .message-app .emoji-picker-container {
15733 transform: none
; } }
15735 .message-app .emoji-auto-complete-container {
15738 transition: max-height
.15s ease-in-out
;
15739 visibility: visible
; }
15740 .message-app .emoji-auto-complete-container.hidden {
15743 visibility: hidden
;
15745 transition: max-height
.15s ease-in-out
, visibility
0s linear
.15s, overflow
0s linear
.15s; }
15751 .questioncategories h3 {
15758 margin: 0 0 0.3em; }
15760 #chooseqtype .instruction
{
15763 #chooseqtype .fakeqtypes
{
15764 border-top: 1px solid silver
; }
15766 #chooseqtype .qtypeoption
{
15767 margin-bottom: 0.5em; }
15769 #chooseqtype label
{
15772 #chooseqtype .qtypename img
{
15773 padding: 0 0.3em; }
15775 #chooseqtype .qtypename
{
15776 display: inline-table
;
15779 #chooseqtype .qtypesummary
{
15783 #chooseqtype .submitbuttons
{
15785 text-align: center
; }
15787 #qtypechoicecontainer {
15790 #qtypechoicecontainer_c.yui-panel-container
.shadow
.underlay
{
15791 background: none
; }
15793 #qtypechoicecontainer.yui-panel
.hd
{
15795 letter-spacing: 1px;
15796 text-shadow: 1px 1px 1px #fff;
15797 border-top-left-radius: 10px;
15798 border-top-right-radius: 10px;
15799 border: 1px solid
#ccc;
15800 border-bottom: 1px solid
#bbb;
15801 background-image: linear-gradient
(to bottom
, #fff 0%, #ccc 100%);
15802 background-repeat: repeat-x
; }
15804 #qtypechoicecontainer {
15807 background: #f2f2f2;
15808 border-radius: 10px;
15809 border: 1px solid
#ccc;
15810 border-top: 0 none
; }
15812 #qtypechoicecontainer #chooseqtype
{
15815 #chooseqtypehead h3
{
15817 font-weight: normal
; }
15819 #chooseqtype .qtypes
{
15820 position: relative
;
15821 border-bottom: 1px solid
#bbb;
15822 padding: 0.24em 0; }
15824 #chooseqtype .alloptions
{
15825 overflow-x: hidden
;
15827 max-height: calc
(100vh - 15em);
15830 #chooseqtype .qtypeoption
{
15832 padding: 0.3em 0.3em 0.3em 1.6em; }
15834 #chooseqtype .qtypeoption img
{
15835 vertical-align: text-bottom
;
15837 padding-right: 0.5em; }
15839 #chooseqtype .selected
{
15840 background-color: #fff; }
15842 #chooseqtype .instruction
,
15843 #chooseqtype .qtypesummary
{
15845 position: absolute
;
15851 overflow-x: hidden
;
15853 padding: 1.5em 1.6em;
15854 background-color: #fff; }
15856 #chooseqtype .instruction
,
15857 #chooseqtype .selected
.qtypesummary
{
15860 #categoryquestions {
15862 #categoryquestions td
,
15863 #categoryquestions th
{
15864 padding: 0 0.2em; }
15865 #categoryquestions th
{
15867 font-weight: normal
; }
15868 #categoryquestions > tbody
> tr
.r1
{
15869 background-color: rgba
(0, 0, 0, 0.03); }
15870 #categoryquestions > tbody
> tr
.highlight
{
15871 border: 1px solid
#008196; }
15872 #categoryquestions .checkbox
{
15873 padding-left: 5px; }
15874 #categoryquestions .checkbox input
[type
="checkbox"] {
15877 #categoryquestions .iconcol
{
15879 box-sizing: content-box
; }
15880 #categoryquestions .iconcol
.icon
{
15884 #categoryquestions label
{
15887 #categoryquestions .header
{
15888 text-align: left
; }
15890 #page-mod-quiz-edit div
.questionbankwindow div
.header
{
15893 #page-mod-quiz-edit div
.questionbankwindow
.block
{
15896 .questionbank .singleselect {
15899 /* Question editing form */
15900 #combinedfeedbackhdr div
.fhtmleditor
{
15903 #combinedfeedbackhdr div
.fcheckbox
{
15904 margin-bottom: 1em; }
15906 #multitriesheader div
.fitem_feditor
{
15909 #multitriesheader div
.fitem_fgroup
{
15910 margin-bottom: 1em; }
15912 #multitriesheader div
.fitem_fgroup fieldset
.felement label
{
15913 margin-left: 0.3em;
15914 margin-right: 0.3em; }
15916 body
.path-question-type
{
15917 /* Hacks to display the labels within a form group. */ }
15918 body
.path-question-type
.form-group
.sr-only:not
(legend
):not
([for
="id_category"]) {
15923 margin: 0 0.5rem 0 0;
15932 margin: 0 auto
1.8em auto
; }
15938 margin-bottom: 1.8em;
15939 background-color: #f8f9fa;
15940 border: 1px solid
#cad0d7;
15941 border-radius: 2px; }
15950 font-weight: bold
; }
15954 margin-top: 0.7em; }
15956 .que .info .questionflag.editable {
15959 .que
.info
.editquestion img
,
15960 .que
.info
.questionflag img
,
15961 .que .info .questionflag input {
15962 vertical-align: bottom
; }
15965 margin: 0 0 0 8.5em; }
15970 position: relative
;
15971 padding: 0.75rem 1.25rem;
15972 margin-bottom: 1rem;
15973 border: 0 solid transparent
;
15974 border-radius: 0.25rem; }
15979 background-color: #fcefdc;
15980 border-color: #fbe8cd;
15981 /* stylelint-disable-line max-line-length */ }
15984 border-top-color: #f9ddb5; }
15985 .que
.outcome
.alert-link
,
15986 .que .comment .alert-link {
15992 .que .formulation {
15994 background-color: #e7f3f5;
15995 border-color: #b8dce2;
15996 /* stylelint-disable-line max-line-length */ }
15997 .que .formulation hr {
15998 border-top-color: #a6d3db; }
15999 .que .formulation .alert-link {
16002 .que
.multichoice
.answer div
.r0
.icon
.fa-check
,
16003 .que
.multichoice
.answer div
.r1
.icon
.fa-check
,
16004 .que
.multichoice
.answer div
.r0
.icon
.fa-remove
,
16005 .que.multichoice .answer div.r1 .icon.fa-remove {
16008 .formulation input
[type
="text"],
16009 .formulation select {
16011 vertical-align: baseline
; }
16013 .que.multianswer .formulation .yui3-widget-positioned {
16014 box-sizing: content-box
; }
16015 .que.multianswer .formulation .yui3-widget-positioned .feedbackspan {
16017 max-width: inherit
; }
16019 .path-mod-quiz input[size] {
16025 background-color: #d7e4d6;
16026 border-color: #c6dac6;
16027 /* stylelint-disable-line max-line-length */ }
16029 border-top-color: #b7d0b7; }
16030 .que .comment .alert-link {
16034 margin: 0.7em 0 0.3em 0; }
16036 .que .im-controls {
16038 text-align: left
; }
16040 .que
.specificfeedback
,
16041 .que
.generalfeedback
,
16042 .que
.numpartscorrect
.que
.rightanswer
,
16046 margin: 0 0 0.5em; }
16048 .que .correctness.correct {
16050 background-color: #357a32; }
16051 a
.que
.correctness
.correct:hover
, a
.que
.correctness
.correct:focus
{
16053 background-color: #255623; }
16054 a
.que
.correctness
.correct:focus
, a
.que
.correctness
.correct
.focus
{
16056 box-shadow: 0 0 0 0.2rem rgba
(53, 122, 50, 0.5); }
16058 .que .correctness.partiallycorrect {
16060 background-color: #f0ad4e; }
16061 a
.que
.correctness
.partiallycorrect:hover
, a
.que
.correctness
.partiallycorrect:focus
{
16063 background-color: #ec971f; }
16064 a
.que
.correctness
.partiallycorrect:focus
, a
.que
.correctness
.partiallycorrect
.focus
{
16066 box-shadow: 0 0 0 0.2rem rgba
(240, 173, 78, 0.5); }
16068 .que .correctness.notanswered, .que .correctness.incorrect {
16070 background-color: #ca3120; }
16071 a
.que
.correctness
.notanswered:hover
, a
.que
.correctness
.notanswered:focus
, .que
.correctness
.incorrect:hover
, .que
.correctness
.incorrect:focus
{
16073 background-color: #9e2619; }
16074 a
.que
.correctness
.notanswered:focus
, a
.que
.correctness
.notanswered
.focus
, .que
.correctness
.incorrect:focus
, .que
.correctness
.incorrect
.focus
{
16076 box-shadow: 0 0 0 0.2rem rgba
(202, 49, 32, 0.5); }
16079 margin-bottom: 1.5em; }
16081 .que .validationerror {
16088 margin-top: 0.5em; }
16094 .que .history table {
16098 .que .history .current {
16099 font-weight: bold
; }
16101 .que .questioncorrectnessicon {
16102 vertical-align: text-bottom
; }
16104 body
.jsenabled
.questionflag input
[type
=checkbox
] {
16107 .que .questionflagimage {
16108 padding-right: 3px;
16114 border-bottom: 1px solid
#555; }
16116 .mform .que.comment .fitemtitle {
16119 #page-question-preview #techinfo
{
16122 #page-question-preview .collapsibleregion
.collapsibleregioncaption
,
16123 #page-question-preview .collapsibleregion
.collapsibleregionextracontent
{
16124 display: inline-block
; }
16126 #page-mod-quiz-edit ul
.slots
.activityinstance
> a
{
16129 align-items: center
;
16133 #page-mod-quiz-edit ul
.slots
.activityinstance img
.activityicon
{
16137 padding-right: 4px; }
16139 #page-mod-quiz-edit .activity img
.activityicon
{
16140 vertical-align: text-top
; }
16142 #page-mod-quiz-edit .box
.generalbox
.questionbank
{
16145 #page-mod-quiz-edit .questionbank
.categorypagingbarcontainer
,
16146 #page-mod-quiz-edit .questionbank
.categoryquestionscontainer
,
16147 #page-mod-quiz-edit .questionbank
.choosecategory
{
16150 #page-mod-quiz-edit .questionbank
.choosecategory select
{
16153 #page-mod-quiz-edit div
.questionbank
.categoryquestionscontainer
{
16154 background: transparent
; }
16156 #page-mod-quiz-edit .questionbankwindow div
.header
{
16159 border-top-left-radius: 4px;
16160 border-top-right-radius: 4px;
16161 margin: 0 -10px 0 -10px;
16162 padding: 2px 10px 2px 10px;
16163 background: transparent
;
16164 /* Old browsers */ }
16166 #page-mod-quiz-edit .questionbankwindow div
.header
a:link
,
16167 #page-mod-quiz-edit .questionbankwindow div
.header
a:visited
{
16170 #page-mod-quiz-edit .questionbankwindow div
.header
a:hover
{
16173 #page-mod-quiz-edit .createnewquestion
{
16174 padding: 0.3em 0; }
16175 #page-mod-quiz-edit .createnewquestion div
,
16176 #page-mod-quiz-edit .createnewquestion input
{
16179 #page-mod-quiz-edit .questionbankwindow div
.header
.title
{
16182 #page-mod-quiz-edit div
.container div
.generalbox
{
16183 background-color: transparent
;
16186 #page-mod-quiz-edit .categoryinfo
{
16187 background-color: transparent
;
16188 border-bottom: none
; }
16190 #page-mod-quiz-edit .createnewquestion
.singlebutton input
{
16191 margin-bottom: 0; }
16193 #page-mod-quiz-edit div
.questionbank
.categorysortopotionscontainer
,
16194 #page-mod-quiz-edit div
.questionbank
.categoryselectallcontainer
{
16195 padding: 0 0 1.5em 0; }
16197 #page-mod-quiz-edit div
.questionbank
.categorypagingbarcontainer
{
16198 background-color: transparent
;
16201 border-bottom: 0; }
16202 #page-mod-quiz-edit div
.questionbank
.categorypagingbarcontainer
.paging
{
16203 padding: 0 0.3em; }
16205 #page-mod-quiz-edit div
.question div
.content div
.questioncontrols
{
16206 background-color: #fff; }
16208 #page-mod-quiz-edit div
.question div
.content div
.points
{
16209 margin-top: -0.5em;
16212 background-color: #fff;
16216 margin-right: 60px; }
16218 #page-mod-quiz-edit div
.question div
.content div
.points br
{
16221 #page-mod-quiz-edit div
.question div
.content div
.points label
{
16222 display: inline-block
; }
16224 #page-mod-quiz-edit div
.quizpage
.pagecontent
.pagestatus
{
16225 background-color: #fff; }
16227 #page-mod-quiz-edit .quizpagedelete
,
16228 #page-mod-quiz-edit .quizpagedelete img
{
16229 background-color: transparent
; }
16231 #page-mod-quiz-edit div
.quizpage
.pagecontent
{
16232 border: 1px solid
#ddd;
16233 border-radius: 2px;
16234 overflow: hidden
; }
16236 #page-mod-quiz-edit div
.questionbank
.categoryinfo
{
16237 padding: 0.3em 0; }
16239 #page-mod-quiz-edit div
.questionbank
.modulespecificbuttonscontainer
{
16241 #page-mod-quiz-edit div
.questionbank
.modulespecificbuttonscontainer strong
{
16243 #page-mod-quiz-edit div
.questionbank
.modulespecificbuttonscontainer hr
,
16244 #page-mod-quiz-edit div
.questionbank
.modulespecificbuttonscontainer br
{
16246 #page-mod-quiz-edit div
.questionbank
.modulespecificbuttonscontainer strong
{
16247 margin-left: -0.3em; }
16248 #page-mod-quiz-edit div
.questionbank
.modulespecificbuttonscontainer strong label
{
16249 margin-left: 0.3em; }
16250 #page-mod-quiz-edit div
.questionbank
.modulespecificbuttonscontainer input
{
16252 #page-mod-quiz-edit div
.questionbank
.modulespecificbuttonscontainer input
+ input
{
16253 margin-left: 5px; }
16255 .questionbankwindow .module {
16258 .questionbankwindow .form-autocomplete-selection {
16261 #page-mod-quiz-edit div
.editq div
.question div
.content
{
16262 background-color: #fff;
16263 border: 1px solid
#ddd;
16264 border-radius: 2px;
16265 overflow: hidden
; }
16267 #page-mod-quiz-edit ul
.slots
.activityinstance img
.activityicon
{
16269 padding-right: 4px; }
16271 .path-mod-quiz .statedetails {
16273 font-size: 0.9em; }
16278 .que.shortanswer .answer {
16284 .que .content .answer div[data-region="answer-label"] .mediaplugin {
16287 body
.path-question-type
.mform fieldset
.hidden
{
16289 margin: 0.7em 0 0; }
16292 .que.ddwtos .drop {
16293 box-sizing: content-box
; }
16295 .tag-condition-container {
16296 position: relative
; }
16298 @media (max-width: 767.98px) {
16306 .userprofile .fullprofilelink {
16307 text-align: center
;
16310 .userprofile .page-context-header {
16311 margin-bottom: 10px; }
16313 .userprofile .description {
16315 margin-bottom: 30px; }
16317 .userprofile .profile_tree {
16320 #participantsform .no-overflow
{
16321 overflow: visible
; }
16323 .userprofile dl.list > dd + dt {
16330 text-align: center
;
16334 #page-user-profile .node_category ul
,
16335 .path-user .node_category ul {
16340 #page-user-profile .node_category li
,
16341 .path-user .node_category li {
16344 #page-user-profile .node_category
.editprofile
,
16345 #page-user-profile .node_category
.viewmore
,
16346 .path-user
.node_category
.editprofile
,
16347 .path-user .node_category .viewmore {
16348 text-align: right
; }
16350 .ajax-contact-button {
16351 box-sizing: border-box
;
16352 position: relative
; }
16353 .ajax-contact-button.loading .loading-icon {
16355 .ajax-contact-button .loading-icon {
16357 position: absolute
;
16362 background-color: rgba
(255, 255, 255, 0.7); }
16363 .ajax-contact-button .loading-icon .icon {
16364 position: absolute
;
16367 transform: translate
(-50%, -50%); }
16369 @media (max-width: 480px) {
16370 .userprofile .profile_tree {
16371 /** Display the profile on one column on phones@mixin */
16372 column-count: 1; } }
16374 .userlist #showall {
16377 .userlist .buttons {
16378 text-align: center
; }
16380 .userlist .buttons label {
16383 .userlist table#participants {
16384 text-align: center
; }
16386 .userlist table#participants td {
16389 vertical-align: middle
; }
16391 .userlist table#participants th {
16395 .userlist table.controls {
16397 .userlist table.controls tr {
16398 vertical-align: top
; }
16399 .userlist table.controls .right {
16400 text-align: right
; }
16401 .userlist table.controls .groupselector {
16404 .userlist table.controls .groupselector label {
16410 border-collapse: separate
;
16413 .userinfobox
.left
,
16414 .userinfobox .side {
16416 vertical-align: top
; }
16418 .userinfobox .userpicture {
16422 .userinfobox .content {
16423 vertical-align: top
; }
16425 .userinfobox .links {
16428 vertical-align: bottom
; }
16430 .userinfobox .links a {
16433 .userinfobox .list td {
16436 .userinfobox .username {
16437 padding-bottom: 20px;
16438 font-weight: bold
; }
16440 .userinfobox td.label {
16442 white-space: nowrap
;
16443 vertical-align: top
;
16444 font-weight: bold
; }
16447 position: absolute
;
16449 margin-right: 0.6em; }
16454 margin-right: 1em; }
16455 .group-image .grouppicture {
16456 border-radius: 50%; }
16458 .groupinfobox .left {
16461 vertical-align: top
; }
16463 .course-participation #showall {
16464 text-align: center
;
16467 #user-policy .noticebox
{
16468 text-align: center
;
16470 margin-right: auto
;
16471 margin-bottom: 10px;
16475 #user-policy #policyframe
{
16482 .userselector select {
16485 .userselector div {
16486 margin-top: 0.2em; }
16488 .userselector div label {
16489 margin-right: 0.3em; }
16491 /* Next style does not work in all browsers but looks nicer when it does */
16492 .userselector .userselector-infobelow {
16493 font-size: 0.8em; }
16495 #userselector_options .collapsibleregioncaption
{
16496 font-weight: bold
; }
16498 #userselector_options p
{
16500 text-align: left
; }
16502 /** user full profile */
16503 #page-user-profile .messagebox
{
16504 text-align: center
;
16506 margin-right: auto
; }
16508 /** user course profile */
16509 #page-course-view-weeks .messagebox
{
16510 text-align: center
;
16512 margin-right: auto
; }
16514 .profileeditor > .singleselect {
16515 margin: 0 0.5em 0 0; }
16517 .profileeditor > .singlebutton {
16518 display: inline-block
;
16519 margin: 0 0 0 0.5em; }
16520 .profileeditor
> .singlebutton div
,
16521 .profileeditor > .singlebutton input {
16524 .userlist h3 .action-icon {
16527 #page-enrol-users .popover
{
16530 .user-enroller-panel {
16533 [data-filterverbfor
],
16534 [data-filterregion
="filter"]:last-child
[data-filterregion
="joinadverb"] {
16537 [data-filterverb
="0"] [data-filterverbfor
="0"],
16538 [data-filterverb
="1"] [data-filterverbfor
="1"],
16539 [data-filterverb
="2"] [data-filterverbfor
="2"] {
16542 .search-results .result {
16546 .search-results .result .result-content {
16549 .search-results .result .filename {
16550 font-style: italic
; }
16552 .simplesearchform .btn {
16553 padding-left: 0.5rem;
16554 padding-right: 0.5rem; }
16556 .simplesearchform .btn .icon {
16559 .simplesearchform .btn-submit {
16560 border-color: #8f959e;
16563 .simplesearchform
.btn-close
,
16564 .simplesearchform .btn-clear {
16565 position: absolute
;
16571 .simplesearchform .btn-close {
16574 .simplesearchform .btn-submit {
16575 background-color: #f8f9fa; }
16577 .simplesearchform .withclear {
16578 padding-right: 2rem; }
16580 .simplesearchform .searchinput {
16584 .simplesearchform .collapsing {
16589 @media (max-width: 991.98px) {
16590 .simplesearchform
.collapse
.show
,
16591 .simplesearchform .collapsing {
16592 position: absolute
;
16597 background-color: #fff;
16600 .simplesearchform
.collapse
.show
.form-inline
,
16601 .simplesearchform .collapsing .form-inline {
16604 margin-right: auto
; } }
16606 .navbar.navbar-light .simplesearchform .btn-open {
16607 color: rgba
(0, 0, 0, 0.6); }
16608 .navbar.navbar-light .simplesearchform .btn-open:hover {
16609 color: rgba
(0, 0, 0, 0.9); }
16611 .search-areas-actions {
16612 margin-bottom: 1rem; }
16614 .search-areas-actions > div {
16615 margin-right: 1rem;
16616 display: inline-block
; }
16618 #core-search-areas .lastcol li
{
16620 text-indent: -24px; }
16622 #core-search-areas .lastcol li
> i
{
16626 * Moodle forms HTML isn't changeable via renderers (yet?) so this
16627 * .less file imports styles from the bootstrap $variables file and
16628 * adds them to the existing Moodle form CSS ids and classes.
16631 .jsenabled .mform .containsadvancedelements .advanced {
16634 .mform .containsadvancedelements .advanced.show {
16637 #adminsettings span
.error
{
16638 display: inline-block
;
16639 border: 1px solid
#f0c5c1;
16640 border-radius: 4px;
16641 background-color: #f4d6d2;
16643 margin-bottom: 4px; }
16645 .mform
.form-inline
.form-control
,
16646 .mform .form-inline .custom-select {
16649 .mform .form-inline .form-group {
16650 margin: 0.1rem 0.25rem 0.1rem 0; }
16652 .mform .form-inline br + label {
16653 justify-content: flex-start
;
16657 .unresponsive
.mform
.form-inline
,
16658 .unresponsive.mform .form-inline label {
16659 display: inline-flex
; }
16661 #jump-to-activity.custom-select
{
16665 margin-bottom: 0.5rem;
16666 border-bottom: 1px solid
#dee2e6; }
16668 @media (min-width: 576px) {
16669 .mform > .form-group {
16670 margin-left: 1.5rem; } }
16672 #adminsettings .form-control
[size
] {
16675 .jsenabled .mform .collapsed .fcontainer {
16678 #adminsettings .error
{
16681 .mform ul.file-list {
16684 list-style: none
; }
16687 .mform label .adv {
16691 input#id_externalurl
{
16694 #portfolio-add-button {
16698 .form-label .form-shortname {
16701 .form-label .form-shortname {
16702 font-size: 0.703125rem;
16705 .form-item .form-inline {
16708 .form-inline label:not(.sr-only):not(.accesshide) + select {
16709 margin-left: 0.5rem; }
16711 .formsettingheading .form-horizontal {
16714 .no-felement.fstatic {
16716 padding-top: 5px; }
16718 .no-fitem .fstaticlabel {
16719 font-weight: bold
; }
16721 .form-item .form-setting .defaultsnext > input {
16722 display: inline-block
; }
16724 .form-item .form-setting .form-checkbox.defaultsnext {
16726 display: inline-block
; }
16728 #adminsettings h3
{
16732 margin-bottom: 1.5;
16733 font-size: 1.171875rem;
16736 border-bottom: 1px solid
#e5e5e5; }
16739 .mform
.fitem
.felement input
[name
="email"],
16740 .mform
.fitem
.felement input
[name
="email2"],
16741 .mform
.fitem
.felement input
[name
="url"],
16742 .mform
.fitem
.felement input
[name
="idnumber"],
16743 .mform
.fitem
.felement input
[name
="phone1"],
16744 .mform .fitem .felement input[name="phone2"] {
16748 .que.match .mediaplugin {
16752 #page-admin-grade-edit-scale-edit .error input#id_name
{
16753 margin-right: 170px; }
16755 #page-grade-edit-outcome-course .courseoutcomes
{
16757 margin-right: auto
;
16760 #page-grade-edit-outcome-course .courseoutcomes td
{
16761 text-align: center
; }
16763 /* Install Process' text fields Forms, should always be justified to the left */
16765 #installform #id_wwwroot
,
16766 #installform #id_dirroot
,
16767 #installform #id_dataroot
,
16768 #installform #id_dbhost
,
16769 #installform #id_dbname
,
16770 #installform #id_dbuser
,
16771 #installform #id_dbpass
,
16772 #installform #id_prefix
{
16775 .mdl-right > label {
16776 display: inline-block
; }
16781 .form-item .form-label label {
16782 margin-bottom: 0; }
16784 div#dateselector-calendar-panel
{
16786 /* Set higher than the z-index of the filemanager - see MDL-39047. */ }
16788 fieldset
.coursesearchbox label
{
16792 * Show the labels above text editors and file managers except on wide screens.
16794 /* Section and module editing forms contain special JS components for the
16795 availability system (if enabled). */
16796 #id_availabilityconditionsjson[aria-hidden
=true
],
16797 .availability-field [aria-hidden=true] {
16800 .availability-field label {
16801 display: inline-flex
; }
16803 .availability-field .availability-group label {
16804 vertical-align: top
; }
16806 .availability-eye {
16810 .availability-inner
,
16811 .availability-plugincontrols {
16813 border-radius: 0.25rem;
16814 border: 1px solid rgba
(0, 0, 0, 0.125);
16816 margin-top: 0.5rem; }
16818 .availability-plugincontrols
,
16819 .availability-childlist .availability-inner {
16820 margin-left: .625rem; }
16822 .availability-field .availability-plugincontrols .availability-group select {
16823 max-width: 12rem; }
16825 /* Custom styles for autocomplete form element */
16826 /* These styles reserve a standard amount of space in the DOM to avoid flicker when the original select element is replaced */
16827 [data-fieldtype
=autocomplete
] select
,
16828 [data-fieldtype
=tags
] select
,
16829 .form-autocomplete-original-select {
16830 visibility: hidden
;
16837 margin-top: 1.65625rem;
16838 vertical-align: bottom
; }
16840 .form-autocomplete-selection {
16842 min-height: 2.375rem; }
16844 .form-autocomplete-selection [role=option] {
16846 white-space: inherit
;
16847 word-break: break-word
;
16849 text-align: left
; }
16851 .form-autocomplete-suggestions {
16852 position: absolute
;
16853 background-color: white
;
16854 border: 1px solid
#8f959e;
16858 margin: 0.125rem 0 0;
16862 .form-autocomplete-suggestions li {
16863 list-style-type: none
;
16864 padding: 0.25rem 1.5rem;
16868 .form-autocomplete-suggestions li:hover, .form-autocomplete-suggestions li:focus, .form-autocomplete-suggestions li[aria-selected="true"] {
16869 background-color: #0f6fc5;
16871 .form-autocomplete-suggestions li::before {
16872 content: "\200B"; }
16874 .form-autocomplete-downarrow {
16879 .form-autocomplete-downarrow .loading-icon {
16880 position: absolute
;
16883 background-color: #fff; }
16885 /** Undo some bootstrap things */
16886 .form-autocomplete-selection + input.form-control {
16888 display: inline-block
;
16889 vertical-align: middle
; }
16891 .form-autocomplete-selection [data-active-selection=true] {
16893 font-size: large
; }
16895 select
.form-control
[size
], select
.form-control
[multiple
] {
16896 padding-right: 0; }
16897 select
.form-control
[size
] option
, select
.form-control
[multiple
] option
{
16898 width: fit-content
; }
16900 /* Non-bootstrap selects with a size show their contents outside of the element.
16901 * Remove when we update to stable bootstrap 4. (MDL-56511) */
16907 overflow: visible
; }
16909 textarea
[data-auto-rows
] {
16910 overflow-x: hidden
;
16913 /** Display elements under labels in vertical forms regardless of the screen size. */
16914 .mform.full-width-labels .fitem.row {
16917 .mform
.full-width-labels
.fitem
.row
> .col-md-3
,
16918 .mform.full-width-labels .fitem.row > .col-md-9 {
16924 .mform.full-width-labels .fitem.row.femptylabel > .col-md-3 {
16926 .mform.full-width-labels .fitem.row .form-control {
16929 .mform .col-form-label .form-label-addon {
16930 margin-left: 0.25rem; }
16932 @media (min-width: 576px) {
16933 .mform:not(.full-width-labels) .col-form-label .form-label-addon {
16934 margin-left: auto
; } }
16936 /** Allow wrapping an mform in a div with the form-inline class to have an inline, responsive form. */
16937 @media (min-width: 768px) {
16938 .form-inline
.col-md-9
,
16939 .form-inline .col-md-3 {
16940 margin-bottom: 1rem;
16942 .form-inline
.col-md-9 label
,
16943 .form-inline .col-md-3 label {
16944 margin-left: 1rem; } }
16946 [data-fieldtype
="modgrade"] .form-group
{
16947 padding-bottom: 0.375rem; }
16949 [data-fieldtype
="modgrade"] {
16950 background-color: #fff;
16951 border-radius: 0.25rem;
16952 border: 1px solid rgba
(0, 0, 0, 0.125);
16955 max-width: 30rem; }
16957 [data-filetypesbrowserbody
] [aria-expanded
="false"] > [role
="group"],
16958 [data-filetypesbrowserbody
] [aria-expanded
="false"] [data-filetypesbrowserfeature
="hideifcollapsed"],
16959 [data-filetypesbrowserbody
] [aria-expanded
="true"] [data-filetypesbrowserfeature
="hideifexpanded"] {
16962 .form-inline
[data-fieldtype
="autocomplete"],
16963 .form-inline[data-fieldtype="tags"] {
16966 [data-fieldtype
="editor"] > div
{
16969 @media (min-width: 576px) {
16971 margin-left: 1.5rem; }
16972 .mform fieldset.collapsible legend a.fheader {
16973 padding: 0 5px 0 1.5rem;
16974 margin-left: -1.5rem;
16975 background: url
([[pix:t
/expanded
]]) 0 center no-repeat
; }
16976 .mform fieldset.collapsed legend a.fheader {
16978 background-image: url([[pix:t/collapsed_rtl]]);
16981 background-image: url
([[pix:t
/collapsed
]]); }
16982 .mform .form-inline .fdefaultcustom label {
16983 justify-content: initial
; } }
16985 .input-group.form-inset .form-inset-item {
16986 position: absolute
;
16987 padding-top: calc
(0.375rem + 1px);
16990 .input-group.form-inset.form-inset-left .form-control {
16991 padding-left: 1.5rem; }
16993 .input-group.form-inset.form-inset-right .form-control {
16994 padding-right: 1.5rem; }
16996 .input-group.form-inset.form-inset-right .form-inset-item {
16999 .pagelayout-login .card-title h2 img {
17001 max-height: 100px; }
17003 .pagelayout-login #region-main {
17005 background-color: inherit
; }
17011 .path-mod div.activity-information {
17012 border-bottom: 1px solid
#dee2e6;
17013 padding-top: 0.5rem;
17014 padding-bottom: 1rem;
17015 margin-bottom: 0.5rem; }
17017 .path-mod-choice .horizontal .choices .option {
17018 display: inline-block
; }
17020 .path-mod-choice .choices .option label {
17021 vertical-align: top
; }
17023 .path-mod-feedback .feedback_form .col-form-label {
17024 display: block
!important
;
17025 /* stylelint-disable-line declaration-no-important */ }
17027 .path-mod-feedback .itemactions {
17030 .path-mod-feedback .itemhandle {
17031 position: absolute
;
17034 .path-mod-forum
.forumsearch input
,
17035 .path-mod-forum .forumsearch .helptooltip {
17038 .path-mod-forum
.forumheaderlist
,
17039 .path-mod-forum .forumheaderlist td {
17042 .path-mod-forum
.forumheaderlist thead
.header
,
17043 .path-mod-forum .forumheaderlist tbody .discussion td {
17044 white-space: normal
;
17045 vertical-align: top
;
17046 padding-left: 0.5em;
17047 padding-right: 0.5em; }
17049 .path-mod-forum .forumheaderlist thead .header {
17050 white-space: normal
;
17051 vertical-align: top
; }
17053 .path-mod-forum .forumheaderlist thead .header.replies {
17054 text-align: center
; }
17056 .path-mod-forum .forumheaderlist thead .header.lastpost {
17057 text-align: right
; }
17059 .path-mod-forum
.forumheaderlist thead
.header th
.discussionsubscription
,
17060 .path-mod-forum .forumheaderlist tbody .discussion td.discussionsubscription {
17062 padding-left: 0.5em;
17063 padding-right: 0.5em; }
17065 .path-mod-forum
.forumheaderlist
.discussion
.replies
,
17066 .path-mod-forum .forumheaderlist .discussion .lastpost {
17067 white-space: normal
; }
17069 .path-mod-forum
.forumheaderlist
.discussion
.discussionsubscription
,
17070 .path-mod-forum .forumheaderlist .discussion .replies {
17071 text-align: center
; }
17073 .path-mod-forum
.forumheaderlist
.discussion
.topic
,
17074 .path-mod-forum
.forumheaderlist
.discussion
.discussionsubscription
,
17075 .path-mod-forum
.forumheaderlist
.discussion
.topic
.starter
,
17076 .path-mod-forum
.forumheaderlist
.discussion
.replies
,
17077 .path-mod-forum .forumheaderlist .discussion .lastpost {
17078 vertical-align: top
; }
17080 .path-mod-forum .discussion-list .topic {
17081 font-weight: inherit
; }
17083 .path-mod-forum .subscriptionmode {
17086 .path-mod-forum .activesetting {
17088 font-weight: bold
; }
17090 .discussion-settings-container .custom-select {
17093 .discussion-settings-container input {
17097 border: 1px solid
#dee2e6;
17100 .forumpost .header {
17101 margin-bottom: 3px; }
17102 .forumpost .picture img {
17104 .forumpost .picture img.userpicture {
17106 margin-right: 10px; }
17107 .forumpost .content .posting.fullpost {
17111 .forumpost
.row
.topic
,
17112 .forumpost
.row
.content-mask
,
17113 .forumpost .row .options {
17114 margin-left: 48px; }
17115 .forumpost .row.side {
17118 .forumpost .row .left {
17121 .forumpost .options .commands {
17124 .forumpost .subject {
17125 font-weight: bold
; }
17127 .forumsearch input[type=text] {
17128 margin-bottom: 0; }
17130 #page-mod-forum-view table
.fit-content
{
17132 white-space: nowrap
; }
17134 #page-mod-forum-view table
.limit-width
{
17136 white-space: nowrap
;
17137 text-overflow: ellipsis
;
17138 overflow: hidden
; }
17139 #page-mod-forum-view table
.limit-width
.author-info
{
17140 max-width: calc
(100% - 35px - .5rem); }
17142 #page-mod-forum-discuss .discussioncontrols
{
17145 #page-mod-forum-discuss .discussioncontrols
.form-inline input
{
17146 margin-top: -1px; }
17148 /** Gently highlight the selected post by changing it's background to blue and then fading it out. */
17149 @keyframes background-highlight
{
17151 background-color: rgba
(0, 123, 255, 0.5); }
17153 background-color: inherit
; } }
17155 .path-mod-forum
.nested-v2-display-mode
,
17156 .path-mod-forum.nested-v2-display-mode {
17157 /** Reset the badge styling back to pill style. */
17158 /** Style the ratings like a badge. */
17159 /** Don't show the discussion locked alert in this mode because it's already indicated with a badge. */
17160 /** Fix muted text contrast ratios for accessibility. */
17161 /** Make the tag list text screen reader visible only */ }
17162 .path-mod-forum
.nested-v2-display-mode
.discussionsubscription
,
17163 .path-mod-forum.nested-v2-display-mode .discussionsubscription {
17165 text-align: inherit
;
17166 margin-bottom: 0; }
17167 .path-mod-forum
.nested-v2-display-mode
.preload-subscribe
,
17168 .path-mod-forum
.nested-v2-display-mode
.preload-unsubscribe
,
17169 .path-mod-forum
.nested-v2-display-mode
.preload-subscribe
,
17170 .path-mod-forum.nested-v2-display-mode .preload-unsubscribe {
17172 .path-mod-forum
.nested-v2-display-mode
.post-message
,
17173 .path-mod-forum.nested-v2-display-mode .post-message {
17174 line-height: 1.6; }
17175 .path-mod-forum
.nested-v2-display-mode
.indent
,
17176 .path-mod-forum.nested-v2-display-mode .indent {
17178 .path-mod-forum
.nested-v2-display-mode
.badge
,
17179 .path-mod-forum.nested-v2-display-mode .badge {
17180 font-size: inherit
;
17181 font-weight: inherit
;
17182 padding-left: .5rem;
17183 padding-right: .5rem;
17184 border-radius: 10rem; }
17185 .path-mod-forum
.nested-v2-display-mode
.badge-light
,
17186 .path-mod-forum.nested-v2-display-mode .badge-light {
17187 background-color: #f6f6f6;
17189 .path-mod-forum
.nested-v2-display-mode
.rating-aggregate-container
,
17190 .path-mod-forum.nested-v2-display-mode .rating-aggregate-container {
17191 background-color: #f6f6f6;
17193 padding: .25em .5em;
17195 margin-right: .5rem;
17196 vertical-align: middle
;
17197 border-radius: 10rem;
17198 text-align: center
; }
17199 .path-mod-forum
.nested-v2-display-mode
.ratinginput
,
17200 .path-mod-forum.nested-v2-display-mode .ratinginput {
17201 padding: .25em 1.75rem 0.25em .75em;
17204 border-radius: 10rem; }
17205 @media
(max-width: 767.98px) {
17206 .path-mod-forum
.nested-v2-display-mode
.ratinginput
,
17207 .path-mod-forum.nested-v2-display-mode .ratinginput {
17208 margin-top: .5rem; } }
17209 .path-mod-forum
.nested-v2-display-mode
.group-image
,
17210 .path-mod-forum.nested-v2-display-mode .group-image {
17215 display: inline-block
; }
17216 .path-mod-forum
.nested-v2-display-mode
.alert
.discussionlocked
,
17217 .path-mod-forum.nested-v2-display-mode .alert.discussionlocked {
17218 position: absolute
;
17224 clip: rect
(0, 0, 0, 0);
17225 white-space: nowrap
;
17227 .path-mod-forum
.nested-v2-display-mode
.text-muted
,
17228 .path-mod-forum
.nested-v2-display-mode
.dimmed_text
,
17229 .path-mod-forum
.nested-v2-display-mode
.text-muted
,
17230 .path-mod-forum.nested-v2-display-mode .dimmed_text {
17231 color: #707070 !important
;
17232 /* stylelint-disable-line declaration-no-important */ }
17233 .path-mod-forum
.nested-v2-display-mode
.author-header
,
17234 .path-mod-forum.nested-v2-display-mode .author-header {
17235 font-style: italic
; }
17236 .path-mod-forum
.nested-v2-display-mode
.author-header
.author-name
,
17237 .path-mod-forum.nested-v2-display-mode .author-header .author-name {
17238 font-style: normal
; }
17239 .path-mod-forum
.nested-v2-display-mode
.tag_list
> b
,
17240 .path-mod-forum.nested-v2-display-mode .tag_list > b {
17241 position: absolute
;
17247 clip: rect
(0, 0, 0, 0);
17248 white-space: nowrap
;
17250 .path-mod-forum
.nested-v2-display-mode :target
> .focus-target
,
17251 .path-mod-forum.nested-v2-display-mode :target > .focus-target {
17252 animation-name: background-highlight
;
17253 animation-duration: 1s;
17254 animation-timing-function: ease-in-out
;
17255 animation-iteration-count: 1; }
17256 .path-mod-forum
.nested-v2-display-mode
.forum-post-container
.replies-container
.forum-post-container
,
17257 .path-mod-forum.nested-v2-display-mode .forum-post-container .replies-container .forum-post-container {
17258 border-top: 1px solid
#dee2e6;
17259 padding-top: 1.5rem; }
17260 .path-mod-forum
.nested-v2-display-mode
.forum-post-container
.replies-container
.forum-post-container
.replies-container
.forum-post-container
,
17261 .path-mod-forum.nested-v2-display-mode .forum-post-container .replies-container .forum-post-container .replies-container .forum-post-container {
17264 .path-mod-forum
.nested-v2-display-mode
.forum-post-container
.replies-container
.inline-reply-container
.reply-author
,
17265 .path-mod-forum.nested-v2-display-mode .forum-post-container .replies-container .inline-reply-container .reply-author {
17267 .path-mod-forum
.nested-v2-display-mode
.forum-post-container
.post-message
p:last-of-type
,
17268 .path-mod-forum.nested-v2-display-mode .forum-post-container .post-message p:last-of-type {
17269 margin-bottom: 0; }
17270 .path-mod-forum
.nested-v2-display-mode
.forum-post-container
.author-image-container
,
17271 .path-mod-forum.nested-v2-display-mode .forum-post-container .author-image-container {
17273 margin-right: 24px;
17275 .path-mod-forum
.nested-v2-display-mode
.forum-post-container
.inline-reply-container textarea
,
17276 .path-mod-forum.nested-v2-display-mode .forum-post-container .inline-reply-container textarea {
17279 .path-mod-forum
.nested-v2-display-mode
.forum-post-container
.indent
,
17280 .path-mod-forum.nested-v2-display-mode .forum-post-container .indent {
17282 * The first post and first set of replies have a larger author image so offset the 2nd
17283 * set of replies by the image width + margin to ensure they align.
17285 .path-mod-forum
.nested-v2-display-mode
.forum-post-container
.indent
.indent
,
17286 .path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent {
17287 padding-left: 94px;
17289 * Reduce the size of the the author image for all second level replies (and below).
17292 * Adjust the indentation offset for all 3rd level replies and below for the smaller author image.
17294 .path-mod-forum
.nested-v2-display-mode
.forum-post-container
.indent
.indent
.author-image-container
,
17295 .path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent .author-image-container {
17298 padding-top: 3px; }
17299 .path-mod-forum
.nested-v2-display-mode
.forum-post-container
.indent
.indent
.indent
,
17300 .path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent .indent {
17301 padding-left: 38px;
17303 * Stop indenting the replies after the 5th reply.
17305 .path-mod-forum
.nested-v2-display-mode
.forum-post-container
.indent
.indent
.indent
.indent
.indent
.indent
,
17306 .path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent .indent .indent .indent .indent {
17309 /** Extra small devices (portrait phones, less than 576px). */
17310 @media (max-width: 767.98px) {
17311 #page-mod-forum-discuss.nested-v2-display-mode
.forum-post-container
.author-image-container
{
17313 margin-right: 8px; }
17314 #page-mod-forum-discuss.nested-v2-display-mode
.forum-post-container
.indent
.indent
{
17315 padding-left: 38px; }
17316 #page-mod-forum-discuss.nested-v2-display-mode
.forum-post-container
.indent
.indent
.indent
.indent
{
17318 #page-mod-forum-discuss.nested-v2-display-mode
.group-image
{
17322 .filter-scrollable {
17325 margin-bottom: 1em; }
17327 .filter-dates-popover {
17329 max-width: 41.5em; }
17330 .filter-dates-popover .mform {
17331 margin-left: -3em; }
17333 /* stylelint-disable-line max-line-length */
17334 @keyframes expandSearchButton
{
17338 border-radius: 18px;
17339 background-color: #e9ecef; }
17342 height: calc
(1.5em + 1rem + 2px);
17344 background-color: #fff;
17345 border-color: #8f959e;
17346 padding-left: calc
(0.5rem + 8px);
17347 padding-top: 0.5rem;
17348 padding-bottom: 0.5rem;
17349 font-size: 1.171875rem;
17350 @media
(max-width: 1200px) {
17351 font-size: calc
(0.9271875rem + 0.32625vw) ; }
17355 @keyframes collapseSearchButton
{
17358 height: calc
(1.5em + 1rem + 2px);
17360 background-color: #fff;
17361 border-color: #8f959e;
17362 padding-left: calc
(0.5rem + 8px);
17363 padding-top: 0.5rem;
17364 padding-bottom: 0.5rem;
17365 font-size: 1.171875rem;
17366 @media
(max-width: 1200px) {
17367 font-size: calc
(0.9271875rem + 0.32625vw) ; }
17373 border-radius: 18px;
17374 background-color: #e9ecef; } }
17376 .path-mod-forum .unified-grader .navbar {
17380 .path-mod-forum .unified-grader .body-container {
17382 .path-mod-forum .unified-grader .body-container.hidden {
17383 display: none
!important
;
17384 /* stylelint-disable-line declaration-no-important */ }
17386 .path-mod-forum .unified-grader .userpicture {
17390 .path-mod-forum .unified-grader .grader-grading-panel {
17392 position: absolute
;
17396 .path-mod-forum .unified-grader .grader-grading-panel.hidden {
17398 .path-mod-forum .unified-grader .grader-grading-panel .grading-icon {
17400 .path-mod-forum .unified-grader .grader-grading-panel .user-picker-container .user-full-name {
17401 max-width: 240px; }
17402 .path-mod-forum .unified-grader .grader-grading-panel .user-picker-container .page-link {
17406 text-align: center
;
17407 align-items: center
;
17408 justify-content: center
; }
17409 .path-mod-forum .unified-grader .grader-grading-panel .header-container {
17411 position: relative
;
17412 overflow: hidden
; }
17413 .path-mod-forum .unified-grader .grader-grading-panel .header-container .info-container {
17414 position: absolute
;
17417 transform: translateY
(-50%);
17421 padding-right: calc
(36px + 0.5rem);
17423 visibility: visible
;
17424 transition: left
0.3s ease-in-out
;
17426 .path-mod-forum .unified-grader .grader-grading-panel .header-container .toggle-search-button.expand {
17427 animation-name: expandSearchButton
;
17428 animation-duration: 0.3s;
17429 animation-timing-function: ease-in-out
; }
17430 .path-mod-forum .unified-grader .grader-grading-panel .header-container .toggle-search-button.collapse {
17432 animation-name: collapseSearchButton
;
17433 animation-duration: 0.3s; }
17434 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container {
17436 position: absolute
;
17439 transform: translateY
(-50%);
17442 height: 100% !important
;
17443 /* stylelint-disable-line declaration-no-important */
17445 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container {
17446 position: relative
;
17448 flex-wrap: nowrap
; }
17449 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container input {
17450 padding-left: calc
(0.5rem + 0.5rem + 34px);
17451 padding-right: calc
(0.5rem + 36px);
17453 visibility: visible
;
17454 transition: opacity
0s linear
0.3s, visibility
0s linear
; }
17455 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .search-icon {
17456 position: absolute
;
17459 transform: translateY
(-50%);
17463 background-color: #fff;
17465 visibility: visible
;
17466 transition: opacity
0s linear
0.3s, visibility
0s linear
0.3s; }
17467 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .toggle-search-button {
17468 position: absolute
;
17471 transform: translateY
(-50%);
17476 transition: right
0s linear
0.3s; }
17477 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .toggle-search-button .expanded-icon {
17479 visibility: visible
;
17482 transition: opacity
0s linear
0.3s, max-height
0s linear
0.3s, max-width
0s linear
0.3s, visibility
0s linear
0.3s; }
17483 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .toggle-search-button .collapsed-icon {
17485 visibility: hidden
;
17489 transition: opacity
0s linear
0.3s, max-height
0s linear
0.3s, max-width
0s linear
0.3s, visibility
0s linear
0.3s; }
17490 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed {
17491 width: calc
(36px + 0.5rem + 0.5rem);
17492 transition: width
0.3s ease-in-out
; }
17493 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container {
17494 flex-wrap: nowrap
; }
17495 .path-mod-forum
.unified-grader
.grader-grading-panel
.header-container
.user-search-container
.collapsed
.search-input-container input
,
17496 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container .search-icon {
17498 visibility: hidden
;
17499 transition: opacity
0s linear
, visibility
0s linear
; }
17500 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container input {
17502 padding-right: 0; }
17503 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container .toggle-search-button .expanded-icon {
17505 visibility: hidden
;
17509 transition: opacity
0s linear
, max-height
0s linear
, max-width
0s linear
, visibility
0s linear
; }
17510 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container .toggle-search-button .collapsed-icon {
17512 visibility: visible
;
17515 transition: opacity
0s linear
, max-height
0s linear
, max-width
0s linear
, visibility
0s linear
; }
17516 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container:not(.collapsed) + .info-container {
17518 visibility: hidden
;
17519 left: calc
(100% * -1);
17520 transition: left
0.3s ease-in-out
, opacity
0s linear
0.3s, visibility
0s linear
0.3s, padding
0s linear
0.3s; }
17522 .path-mod-forum .unified-grader .grader-module-content {
17524 margin-right: 430px;
17525 transition: margin-right
0.2s ease-in-out
; }
17526 @media
(prefers-reduced-motion: reduce
) {
17527 .path-mod-forum .unified-grader .grader-module-content {
17528 transition: none
; } }
17530 .path-mod-forum .unified-grader .drawer-button {
17531 position: relative
; }
17532 .path-mod-forum .unified-grader .drawer-button.active::after {
17534 position: absolute
;
17535 bottom: calc
(-0.5rem - 1px);
17539 background-color: #0f6fc5; }
17540 .path-mod-forum .unified-grader .drawer-button .icon {
17545 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container:last-of-type > hr {
17548 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container:last-of-type > hr {
17551 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container {
17552 position: relative
; }
17553 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button {
17554 position: absolute
;
17559 padding-left: calc
(1rem + 45px);
17562 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button:not(.collapsed) {
17564 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content {
17566 height: auto
!important
;
17567 /* stylelint-disable-line declaration-no-important */ }
17568 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .header {
17569 transition: margin-bottom
0.3s ease-in-out
; }
17570 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .header div + div {
17572 visibility: visible
;
17574 transition: opacity
0.3s linear
, visibility
0s linear
; }
17575 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .body-content-container {
17577 visibility: visible
;
17579 transition: opacity
0.3s linear
, visibility
0s linear
; }
17580 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .forum-post-core {
17582 visibility: visible
;
17584 transition: opacity
0.3s linear
, visibility
0s linear
; }
17585 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content {
17587 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .header {
17588 margin-bottom: 0 !important
;
17589 /* stylelint-disable-line declaration-no-important */ }
17590 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .header div + div {
17592 visibility: hidden
;
17594 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .body-content-container {
17596 visibility: hidden
;
17598 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .forum-post-core {
17600 visibility: hidden
;
17602 .path-mod-forum
.unified-grader
.grader-module-content-display
.discussion-container
.posts-container
.parent-container
.show-content-button
.collapsed:hover
+ .content
,
17603 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed:focus + .content {
17606 .path-mod-forum .unified-grader .grader-module-content-display .no-post-container .icon {
17611 .path-mod-forum .unified-grader .grader-module-content-display .nested-v2-display-mode .discussion-container .posts-container .parent-container .show-content-button {
17612 padding-left: 94px; }
17614 .path-mod-forum .unified-grader .no-search-results-container .icon {
17619 .path-mod-forum .unified-grader .nested-v2-display-mode .view-context-button {
17621 border-radius: 0.3rem; }
17623 .path-mod-forum .unified-grader .nested-v2-display-mode .parent-container .author-image-container {
17624 position: relative
; }
17625 .path-mod-forum .unified-grader .nested-v2-display-mode .parent-container .author-image-container:after {
17626 position: absolute
;
17627 top: calc
(70px + 0.5rem);
17629 background-color: #e9ecef;
17631 height: calc
(100% - 70px + 0.5rem); }
17633 .path-mod-forum .unified-grader .nested-v2-display-mode .parent-container + .post-container .author-image-container img {
17634 width: 30px !important
;
17635 /* stylelint-disable-line declaration-no-important */ }
17637 .path-mod-forum
.unified-grader
.nested-v2-display-mode
.post-subject
,
17638 .path-mod-forum .modal .nested-v2-display-mode .post-subject {
17641 @media (max-width: 575.98px) {
17642 .path-mod-forum .unified-grader .grader-grading-panel {
17645 height: calc
(100vh - 50px);
17648 .path-mod-forum .unified-grader .body-container {
17649 overflow: visible
; } }
17651 .maincalendar
.calendarmonth td
,
17652 .maincalendar .calendarmonth th {
17653 border: 1px dotted
#dee2e6; }
17655 .path-grade-report-grader h1 {
17656 text-align: inherit
; }
17658 #page-mod-chat-gui_basic input#message
{
17661 #page-mod-data-view #singleimage
{
17664 .path-mod-data form {
17665 margin-top: 10px; }
17667 .template_heading {
17668 margin-top: 10px; }
17670 .breadcrumb-button {
17673 .breadcrumb-button .singlebutton {
17675 margin-left: 4px; }
17681 -ms-touch-action: auto
; }
17686 /** General styles (scope: all of lesson) **/
17687 .path-mod-lesson .invisiblefieldset.fieldsetfix {
17690 .path-mod-lesson .answeroption .checkbox label p {
17693 .path-mod-lesson .form-inline label.form-check-label {
17694 display: inline-block
; }
17696 .path-mod-lesson .slideshow {
17700 #page-mod-lesson-view .branchbuttoncontainer
.singlebutton button
[type
="submit"] {
17701 white-space: normal
; }
17703 #page-mod-lesson-view .vertical
.singlebutton
{
17705 #page-mod-lesson-view .vertical
.singlebutton
+ .singlebutton
{
17707 margin-top: 1rem; }
17709 #page-mod-lesson-view .fitem
.felement
.custom-select
{
17710 align-self: flex-start
; }
17712 .path-mod-lesson .generaltable td {
17713 vertical-align: middle
; }
17714 .path-mod-lesson .generaltable td label {
17715 margin-bottom: 0; }
17716 .path-mod-lesson .generaltable td .highlight {
17717 display: inline-block
;
17718 margin-left: 0.25rem; }
17719 .path-mod-lesson .generaltable td input[type="checkbox"] {
17722 .path-mod-wiki
.wiki_headingtitle
,
17723 .path-mod-wiki
.midpad
,
17724 .path-mod-wiki .wiki_headingtime {
17725 text-align: inherit
; }
17727 .path-mod-wiki .wiki_contentbox {
17730 .path-mod-survey .surveytable > tbody > tr:nth-of-type(even) {
17731 background-color: rgba
(0, 0, 0, 0.03); }
17733 .path-mod-survey .surveytable .rblock label {
17734 text-align: center
; }
17737 margin-left: 4px; }
17744 line-height: 2.25rem; }
17746 .userloggedinas
.usermenu
.usertext
,
17747 .userswitchedrole
.usermenu
.usertext
,
17748 .loginfailures .usermenu .usertext {
17751 margin-right: 0.5rem;
17753 .userloggedinas
.usermenu
.usertext
.meta
,
17754 .userswitchedrole
.usermenu
.usertext
.meta
,
17755 .loginfailures .usermenu .usertext .meta {
17757 font-size: 0.8203125rem; }
17759 .userloggedinas
.usermenu
.avatar img
,
17760 .userswitchedrole
.usermenu
.avatar img
,
17761 .loginfailures .usermenu .avatar img {
17764 .userloggedinas .usermenu .userbutton .avatars {
17765 position: relative
;
17766 display: inline-block
; }
17767 .userloggedinas .usermenu .userbutton .avatars .avatar.current {
17768 display: inline-block
;
17769 position: absolute
;
17774 border-radius: 50%; }
17775 .userloggedinas .usermenu .userbutton .avatars .avatar.current img {
17776 vertical-align: baseline
; }
17777 .userloggedinas .usermenu .userbutton .avatars .avatar img {
17780 .userloggedinas .usermenu .userbutton .avatars .realuser {
17783 display: inline-block
; }
17785 @media (max-width: 767.98px) {
17789 .path-mod-quiz .mod-quiz-edit-content {
17790 margin-bottom: 10rem; }
17792 #page-mod-quiz-mod #id_reviewoptionshdr
.col-md-3
,
17793 #page-mod-quiz-mod #id_reviewoptionshdr
.col-md-9
{
17797 #page-mod-quiz-mod #id_reviewoptionshdr
.form-group
{
17800 display: inline-block
;
17801 min-height: 12rem; }
17803 #page-mod-quiz-mod #id_reviewoptionshdr
.btn-link
{
17805 vertical-align: bottom
; }
17807 #page-mod-quiz-mod #id_reviewoptionshdr
.form-inline
{
17811 #page-mod-quiz-mod #id_reviewoptionshdr
.form-check
{
17814 justify-content: flex-start
; }
17816 #page-mod-quiz-mod #id_reviewoptionshdr
.review_option_item
{
17820 .path-mod-quiz #mod_quiz_navblock .qnbutton {
17821 text-decoration: none
;
17824 font-weight: normal
;
17825 background-color: #fff;
17826 background-image: none
;
17829 border-radius: 3px;
17832 margin: 0 6px 6px 0; }
17834 .path-mod-quiz #mod_quiz_navblock span.qnbutton {
17836 background-color: #e9ecef;
17839 .path-mod-quiz #mod_quiz_navblock a
.qnbutton:hover
,
17840 .path-mod-quiz #mod_quiz_navblock a
.qnbutton:active
,
17841 .path-mod-quiz #mod_quiz_navblock a.qnbutton:focus {
17842 text-decoration: underline
; }
17844 .path-mod-quiz #mod_quiz_navblock .qnbutton .thispageholder {
17846 border-radius: 3px;
17849 .path-mod-quiz #mod_quiz_navblock .qnbutton.thispage .thispageholder {
17850 border-width: 3px; }
17852 .path-mod-quiz #mod_quiz_navblock .allquestionsononepage .qnbutton.thispage .thispageholder {
17853 border-width: 1px; }
17855 .path-mod-quiz #mod_quiz_navblock .qnbutton.flagged .thispageholder {
17856 background: transparent url
([[pix:theme|mod
/quiz
/flag-on
]]) 15px 0 no-repeat
; }
17858 .path-mod-quiz #mod_quiz_navblock .qnbutton .trafficlight {
17860 background: #fff none center
/10px no-repeat scroll
;
17863 border-radius: 0 0 3px 3px; }
17865 .path-mod-quiz #mod_quiz_navblock
.qnbutton
.notyetanswered
.trafficlight
,
17866 .path-mod-quiz #mod_quiz_navblock .qnbutton.invalidanswer .trafficlight {
17867 background-color: #fff; }
17869 .path-mod-quiz #mod_quiz_navblock .qnbutton.invalidanswer .trafficlight {
17870 background-image: url
([[pix:theme|mod
/quiz
/warningtriangle
]]); }
17872 .path-mod-quiz #mod_quiz_navblock .qnbutton.correct .trafficlight {
17873 background-image: url
([[pix:theme|mod
/quiz
/checkmark
]]);
17874 background-color: #357a32; }
17876 .path-mod-quiz #mod_quiz_navblock .qnbutton.blocked .trafficlight {
17877 background-image: url
([[pix:core|t
/locked
]]);
17878 background-color: #e9ecef; }
17880 .path-mod-quiz #mod_quiz_navblock
.qnbutton
.notanswered
.trafficlight
,
17881 .path-mod-quiz #mod_quiz_navblock .qnbutton.incorrect .trafficlight {
17882 background-color: #ca3120; }
17884 .path-mod-quiz #mod_quiz_navblock .qnbutton.partiallycorrect .trafficlight {
17885 background-image: url
([[pix:theme|mod
/quiz
/whitecircle
]]);
17886 background-color: #f0ad4e; }
17888 .path-mod-quiz #mod_quiz_navblock
.qnbutton
.complete
.trafficlight
,
17889 .path-mod-quiz #mod_quiz_navblock
.qnbutton
.answersaved
.trafficlight
,
17890 .path-mod-quiz #mod_quiz_navblock .qnbutton.requiresgrading .trafficlight {
17891 background-color: #6a737b; }
17893 #page-mod-quiz-edit ul
.slots li
.section li
.activity
.instancemaxmarkcontainer form input
{
17895 vertical-align: middle
; }
17897 #page-mod-quiz-edit ul
.slots li
.section li
.activity
.instancemaxmarkcontainer
{
17901 /* Countdown timer. */
17902 #page-mod-quiz-attempt #region-main
{
17903 overflow-x: inherit
; }
17905 #quiz-timer-wrapper {
17908 justify-content: end
;
17911 #quiz-timer-wrapper #quiz-timer
{
17912 border: 1px solid
#ca3120;
17913 background-color: #fff; }
17915 .pagelayout-embedded #quiz-timer-wrapper {
17918 #quiz-timer-wrapper #quiz-timer
.timeleft0
{
17919 background-color: #ca3120;
17922 #quiz-timer-wrapper #quiz-timer
.timeleft1
{
17923 background-color: #d73422;
17926 #quiz-timer-wrapper #quiz-timer
.timeleft2
{
17927 background-color: #dd3d2b;
17930 #quiz-timer-wrapper #quiz-timer
.timeleft3
{
17931 background-color: #e04938;
17934 #quiz-timer-wrapper #quiz-timer
.timeleft4
{
17935 background-color: #e25546;
17938 #quiz-timer-wrapper #quiz-timer
.timeleft5
{
17939 background-color: #e46153;
17942 #quiz-timer-wrapper #quiz-timer
.timeleft6
{
17943 background-color: #e66d60;
17946 #quiz-timer-wrapper #quiz-timer
.timeleft7
{
17947 background-color: #e8796d;
17950 #quiz-timer-wrapper #quiz-timer
.timeleft8
{
17951 background-color: #ea867a;
17954 #quiz-timer-wrapper #quiz-timer
.timeleft9
{
17955 background-color: #ec9288;
17958 #quiz-timer-wrapper #quiz-timer
.timeleft10
{
17959 background-color: #ee9e95;
17962 #quiz-timer-wrapper #quiz-timer
.timeleft11
{
17963 background-color: #f0aaa2;
17966 #quiz-timer-wrapper #quiz-timer
.timeleft12
{
17967 background-color: #f2b6af;
17970 #quiz-timer-wrapper #quiz-timer
.timeleft13
{
17971 background-color: #f4c2bc;
17974 #quiz-timer-wrapper #quiz-timer
.timeleft14
{
17975 background-color: #f7ceca;
17978 #quiz-timer-wrapper #quiz-timer
.timeleft15
{
17979 background-color: #f9dad7;
17982 #quiz-timer-wrapper #quiz-timer
.timeleft16
{
17983 background-color: #fbe6e4;
17986 .path-mod-assign [data-region="grade-actions-panel"] [data-region="grade-actions"] .collapse-buttons {
17989 .path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fcontainer .fitem.popout .felement {
17990 height: calc
(100% - 4rem); }
17992 .path-mod-assign [data-region="grade-panel"] {
17993 padding-top: 1rem; }
17995 .path-mod-assign
[data-region
="grade-panel"] .fitem
> .col-md-3
,
17996 .path-mod-assign [data-region="grade-panel"] .fitem > .col-md-9 {
18002 .path-mod-assign
[data-region
="grade-panel"] fieldset
,
18003 .path-mod-assign [data-region="grade-panel"] .fitem.row {
18006 .path-mod-assign [data-region="grade-panel"] .mform .fitem.has-popout .felement {
18009 .path-mod-assign [data-region="grade-panel"] .mform .fitem .felement {
18012 .path-mod-assign [data-region="grade-panel"] .popout {
18013 background-color: #fff; }
18015 .path-mod-assign [data-region="grade-panel"] .fitem.has-popout {
18016 background-color: #fff;
18017 border-radius: 0.25rem;
18018 border: 1px solid rgba
(0, 0, 0, 0.125);
18020 margin-bottom: 1rem; }
18022 .path-mod-assign [data-region="grade-panel"] .has-popout .col-md-3 {
18023 border-bottom: 1px solid rgba
(0, 0, 0, 0.1);
18024 margin-bottom: 1rem; }
18026 .path-mod-assign [data-region="grade-panel"] .popout > .col-md-3 {
18028 align-items: flex-start
;
18029 justify-content: space-between
;
18030 font-size: 1.40625rem; }
18032 .path-mod-assign [data-region="grade-panel"] .popout [data-region="popout-button"] {
18035 .path-mod-assign [data-region="assignment-info"] {
18036 overflow-y: hidden
; }
18038 .path-mod-assign [data-region="grading-navigation"] {
18041 .path-mod-assign [data-region="grade-actions"] {
18044 .path-mod-assign [data-region="user-info"] .img-rounded {
18047 .path-mod-assign [data-region="grading-navigation-panel"] {
18050 @media (max-width: 767px) {
18051 .path-mod-assign [data-region="grading-navigation-panel"] {
18053 .path-mod-assign [data-region="user-info"] {
18054 margin-top: 1rem; } }
18056 .path-mod-assign [data-region="grading-navigation"] [data-region="input-field"] input {
18058 display: inline-block
; }
18063 .assignfeedback_editpdf_widget * {
18064 box-sizing: content-box
; }
18066 .assignfeedback_editpdf_widget button {
18067 box-sizing: border-box
; }
18069 .assignfeedback_editpdf_widget .commentcolourbutton img {
18072 .assignfeedback_editpdf_widget .label {
18073 position: relative
;
18074 padding: 0.75rem 1.25rem;
18075 margin-bottom: 1rem;
18076 border: 0 solid transparent
;
18077 border-radius: 0.25rem;
18079 background-color: #cce6ea;
18080 border-color: #b8dce2;
18081 /* stylelint-disable-line max-line-length */ }
18082 .assignfeedback_editpdf_widget .label hr {
18083 border-top-color: #a6d3db; }
18084 .assignfeedback_editpdf_widget .label .alert-link {
18087 .assignfeedback_editpdf_menu {
18090 .path-mod-assign [data-region="grade-panel"] .gradingform_guide .remark .commentchooser {
18093 .path-mod-assign [data-region="grade-panel"] .gradingform_guide .markingguideremark {
18096 .path-mod-assign [data-region="grade-panel"] .mform .fitem .felement[data-fieldtype="grading"] {
18097 padding-left: 1rem;
18098 padding-right: 1rem; }
18100 .path-mod-assign
[data-region
="grade-panel"] .showmarkerdesc
,
18101 .path-mod-assign [data-region="grade-panel"] .showstudentdesc {
18102 background-color: #fff; }
18107 .path-admin-mod-lti
.btn
.loader img
,
18108 .path-admin-mod-lti #tool-list-loader-container .loader img {
18111 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax {
18112 background-color: #fff; }
18113 .yui-skin-sam
.yui-layout
.path-mod-chat-gui_ajax
.yui-layout-unit div
.yui-layout-bd-nohd
,
18114 .yui-skin-sam
.yui-layout
.path-mod-chat-gui_ajax
.yui-layout-unit div
.yui-layout-bd-noft
,
18115 .yui-skin-sam
.yui-layout
.path-mod-chat-gui_ajax
.yui-layout-unit div
.yui-layout-bd
,
18116 .yui-skin-sam
.yui-layout
.path-mod-chat-gui_ajax
.yui-layout-unit-right
,
18117 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-bottom {
18119 .yui-skin-sam
.yui-layout
.path-mod-chat-gui_ajax
.yui-layout-unit-right
,
18120 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-bottom {
18121 border-radius: 0; }
18122 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd {
18123 background-color: transparent
; }
18124 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit.yui-layout-unit-center div.yui-layout-bd {
18125 background-color: #f8f9fa; }
18126 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area.py-3 {
18127 padding: 0 !important
;
18128 /* stylelint-disable-line declaration-no-important */ }
18129 .yui-skin-sam
.yui-layout
.path-mod-chat-gui_ajax #chat-input-area table
.generaltable
,
18130 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.generaltable td.cell {
18133 white-space: nowrap
;
18134 margin-bottom: 0; }
18135 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist {
18136 padding: 10px 5px; }
18137 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list {
18138 border-top: 1px solid
#dee2e6;
18139 border-bottom: 1px solid
#fff; }
18140 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list li {
18141 border-top: 1px solid
#fff;
18142 border-bottom: 1px solid
#dee2e6;
18143 padding: 5px 10px; }
18144 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list img {
18146 border: 1px solid
#ccc;
18147 border-radius: 4px;
18149 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages {
18150 margin: 20px 25px; }
18151 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-event.course-theme {
18152 text-align: center
;
18154 font-size: 0.8203125rem;
18156 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme {
18157 margin-bottom: 0.75rem;
18158 border-radius: 0.25rem;
18159 border: 1px solid rgba
(0, 0, 0, 0.125);
18160 padding: 1.25rem; }
18161 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme .time {
18165 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme {
18166 background-color: #fff; }
18167 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme .user {
18168 font-weight: bold
; }
18171 #page-report-participation-index .participationselectform div label
{
18172 display: inline-block
;
18175 #page-report-participation-index .participationselectform div label
[for
=menuinstanceid
] {
18178 .path-backup .mform {
18179 /* These are long labels with checkboxes on the right. */ }
18180 .path-backup .mform .grouped_settings {
18183 /* Use card styles but avoid extend because that brings in too much. */ }
18184 .path-backup .mform .grouped_settings.section_level {
18185 background-color: #fff;
18186 border-radius: 0.25rem;
18187 border: 1px solid rgba
(0, 0, 0, 0.125);
18189 margin-bottom: 1.25rem; }
18190 .path-backup .mform .grouped_settings.section_level::after {
18194 .path-backup .mform .include_setting {
18196 display: inline-block
;
18199 .path-backup .mform .normal_setting {
18201 display: inline-block
;
18206 /* Bold section labels */ }
18207 .path-backup .section_level {
18208 font-weight: bold
; }
18209 .path-backup .section_level .activity_level {
18210 font-weight: normal
; }
18211 .path-backup .proceedbutton {
18212 margin-left: auto
; }
18214 /* Override the columns width to leave more room for the labels. */
18215 .path-backup
.mform
.root_setting
,
18216 .path-backup .mform .grouped_settings {
18217 /* Striped rows like a table */ }
18218 .path-backup
.mform
.root_setting:nth-of-type
(odd
),
18219 .path-backup .mform .grouped_settings:nth-of-type(odd) {
18220 background-color: rgba
(0, 0, 0, 0.03); }
18221 .path-backup
.mform
.root_setting:nth-of-type
(even
),
18222 .path-backup .mform .grouped_settings:nth-of-type(even) {
18223 background-color: #fff; }
18224 .path-backup
.mform
.root_setting
.form-group
,
18225 .path-backup .mform .grouped_settings .form-group {
18226 /* These checkboxes with no label on the left. */ }
18227 .path-backup
.mform
.root_setting
.form-group
.col-md-3
.checkbox
,
18228 .path-backup .mform .grouped_settings .form-group .col-md-3.checkbox {
18230 .path-backup
.mform
.root_setting
.form-group
.col-md-9
.checkbox
,
18231 .path-backup .mform .grouped_settings .form-group .col-md-9.checkbox {
18235 /* Detail pair is (usually) some short label with a longer value */
18236 .path-backup .detail-pair .detail-pair-label {
18241 .path-backup .detail-pair .detail-pair-value {
18245 .path-backup .backup-restore .singlebutton {
18248 /* Make these bits full width and work with the detail-pair */
18249 .path-backup .backup-section {
18250 /* Fix for nested table headers */
18251 /* Add card styles to backup sections */
18252 background-color: #fff;
18253 border-radius: 0.25rem;
18254 border: 1px solid rgba
(0, 0, 0, 0.125);
18256 margin-bottom: 1.25rem; }
18257 .path-backup
.backup-section
.sub-header
,
18258 .path-backup
.backup-section
.backup-sub-section
,
18259 .path-backup
.backup-section
.singlebutton
,
18260 .path-backup .backup-section .header {
18264 .path-backup .backup-section th.header {
18267 .path-backup .backup-section ::after {
18271 .path-backup .backup-section::after {
18276 .path-backup .notification.dependencies_enforced {
18278 font-weight: bold
; }
18280 .path-backup .backup_progress {
18282 margin-bottom: 1rem; }
18283 .path-backup .backup_progress .backup_stage {
18285 .path-backup .backup_progress .backup_stage.backup_stage_current {
18289 .path-backup .backup_progress span.backup_stage.backup_stage_complete {
18292 #page-backup-restore .filealiasesfailures
{
18293 background-color: #f4d6d2; }
18294 #page-backup-restore .filealiasesfailures
.aliaseslist
{
18295 background-color: #fff; }
18297 .path-backup .wibbler {
18299 margin: 0 auto
10px;
18300 border-bottom: 1px solid black
;
18301 border-right: 1px solid black
;
18302 border-left: 1px solid black
;
18303 position: relative
;
18305 .path-backup .wibbler .wibble {
18306 position: absolute
;
18311 .path-backup .wibbler .state0 {
18312 background: #eee; }
18313 .path-backup .wibbler .state1 {
18314 background: #ddd; }
18315 .path-backup .wibbler .state2 {
18316 background: #ccc; }
18317 .path-backup .wibbler .state3 {
18318 background: #bbb; }
18319 .path-backup .wibbler .state4 {
18320 background: #aaa; }
18321 .path-backup .wibbler .state5 {
18322 background: #999; }
18323 .path-backup .wibbler .state6 {
18324 background: #888; }
18325 .path-backup .wibbler .state7 {
18326 background: #777; }
18327 .path-backup .wibbler .state8 {
18328 background: #666; }
18329 .path-backup .wibbler .state9 {
18330 background: #555; }
18331 .path-backup .wibbler .state10 {
18332 background: #444; }
18333 .path-backup .wibbler .state11 {
18334 background: #333; }
18335 .path-backup .wibbler .state12 {
18336 background: #222; }
18340 margin-bottom: 1rem;
18345 vertical-align: top
;
18346 border-top: 1px solid
#dee2e6; }
18347 .generaltable thead th {
18348 vertical-align: bottom
;
18349 border-bottom: 2px solid
#dee2e6; }
18350 .generaltable tbody + tbody {
18351 border-top: 2px solid
#dee2e6; }
18352 .generaltable tbody tr:nth-of-type(odd) {
18353 background-color: rgba
(0, 0, 0, 0.03); }
18354 .generaltable
.table-sm th
,
18355 .generaltable.table-sm td {
18357 .generaltable tbody tr:hover {
18359 background-color: rgba
(0, 0, 0, 0.075); }
18360 .generaltable tbody tr:hover.dimmed_text a:not(.menu-action) {
18368 caption-side: top
; }
18370 .table-dynamic .loading-icon {
18371 position: absolute
;
18372 left: calc
(50% - 1.5rem);
18374 .table-dynamic .loading-icon .icon {
18380 display: inline-block
; }
18381 .singlebutton + .singlebutton {
18382 margin-left: 0.5rem; }
18385 text-align: center
; }
18389 text-align: center
; }
18392 margin-top: 11.25rem;
18393 text-align: center
;
18394 margin-bottom: 3em; }
18395 #addcontrols label
{
18398 #addcontrols input
,
18399 #removecontrols input
{
18404 margin: 0 0 10px 5px; }
18412 border-radius: 50%;
18414 .btn.btn-icon:hover, .btn.btn-icon:focus {
18415 background-color: #e9ecef; }
18416 .btn.btn-icon.icon-size-0 {
18417 height: 20px !important
;
18418 /* stylelint-disable-line declaration-no-important */
18419 width: 20px !important
;
18420 /* stylelint-disable-line declaration-no-important */
18421 font-size: 0 !important
;
18422 /* stylelint-disable-line declaration-no-important */
18423 line-height: 0 !important
;
18424 /* stylelint-disable-line declaration-no-important */ }
18425 .btn.btn-icon.icon-size-1 {
18426 height: 24px !important
;
18427 /* stylelint-disable-line declaration-no-important */
18428 width: 24px !important
;
18429 /* stylelint-disable-line declaration-no-important */
18430 font-size: 4px !important
;
18431 /* stylelint-disable-line declaration-no-important */
18432 line-height: 4px !important
;
18433 /* stylelint-disable-line declaration-no-important */ }
18434 .btn.btn-icon.icon-size-2 {
18435 height: 28px !important
;
18436 /* stylelint-disable-line declaration-no-important */
18437 width: 28px !important
;
18438 /* stylelint-disable-line declaration-no-important */
18439 font-size: 8px !important
;
18440 /* stylelint-disable-line declaration-no-important */
18441 line-height: 8px !important
;
18442 /* stylelint-disable-line declaration-no-important */ }
18443 .btn.btn-icon.icon-size-3 {
18444 height: 36px !important
;
18445 /* stylelint-disable-line declaration-no-important */
18446 width: 36px !important
;
18447 /* stylelint-disable-line declaration-no-important */
18448 font-size: 16px !important
;
18449 /* stylelint-disable-line declaration-no-important */
18450 line-height: 16px !important
;
18451 /* stylelint-disable-line declaration-no-important */ }
18452 .btn.btn-icon.icon-size-4 {
18453 height: 44px !important
;
18454 /* stylelint-disable-line declaration-no-important */
18455 width: 44px !important
;
18456 /* stylelint-disable-line declaration-no-important */
18457 font-size: 24px !important
;
18458 /* stylelint-disable-line declaration-no-important */
18459 line-height: 24px !important
;
18460 /* stylelint-disable-line declaration-no-important */ }
18461 .btn.btn-icon.icon-size-5 {
18462 height: 52px !important
;
18463 /* stylelint-disable-line declaration-no-important */
18464 width: 52px !important
;
18465 /* stylelint-disable-line declaration-no-important */
18466 font-size: 32px !important
;
18467 /* stylelint-disable-line declaration-no-important */
18468 line-height: 32px !important
;
18469 /* stylelint-disable-line declaration-no-important */ }
18470 .btn.btn-icon.icon-size-6 {
18471 height: 60px !important
;
18472 /* stylelint-disable-line declaration-no-important */
18473 width: 60px !important
;
18474 /* stylelint-disable-line declaration-no-important */
18475 font-size: 40px !important
;
18476 /* stylelint-disable-line declaration-no-important */
18477 line-height: 40px !important
;
18478 /* stylelint-disable-line declaration-no-important */ }
18479 .btn.btn-icon.icon-size-7 {
18480 height: 68px !important
;
18481 /* stylelint-disable-line declaration-no-important */
18482 width: 68px !important
;
18483 /* stylelint-disable-line declaration-no-important */
18484 font-size: 48px !important
;
18485 /* stylelint-disable-line declaration-no-important */
18486 line-height: 48px !important
;
18487 /* stylelint-disable-line declaration-no-important */ }
18489 .btn-primary:focus, .btn-primary.focus {
18490 outline: 0.2rem solid
#010407;
18491 box-shadow: inset
0 0 0 2px #fff; }
18493 .btn-secondary:focus, .btn-secondary.focus {
18494 outline: 0.2rem solid
#5f6e7d;
18495 box-shadow: inset
0 0 0 2px #fff; }
18497 .btn-success:focus, .btn-success.focus {
18498 outline: 0.2rem solid black
;
18499 box-shadow: inset
0 0 0 2px #fff; }
18501 .btn-info:focus, .btn-info.focus {
18502 outline: 0.2rem solid black
;
18503 box-shadow: inset
0 0 0 2px #fff; }
18505 .btn-warning:focus, .btn-warning.focus {
18506 outline: 0.2rem solid
#694109;
18507 box-shadow: inset
0 0 0 2px #fff; }
18509 .btn-danger:focus, .btn-danger.focus {
18510 outline: 0.2rem solid
#1a0604;
18511 box-shadow: inset
0 0 0 2px #fff; }
18513 .btn-light:focus, .btn-light.focus {
18514 outline: 0.2rem solid
#8193a5;
18515 box-shadow: inset
0 0 0 2px #fff; }
18517 .btn-dark:focus, .btn-dark.focus {
18518 outline: 0.2rem solid black
;
18519 box-shadow: inset
0 0 0 2px #fff; }
18521 .btn-outline-primary:focus, .btn-outline-primary.focus {
18522 outline: 0.2rem solid
#010407;
18523 box-shadow: inset
0 0 0 2px #343a40; }
18525 .btn-outline-secondary:focus, .btn-outline-secondary.focus {
18526 outline: 0.2rem solid
#5f6e7d;
18527 box-shadow: inset
0 0 0 2px #343a40; }
18529 .btn-outline-success:focus, .btn-outline-success.focus {
18530 outline: 0.2rem solid black
;
18531 box-shadow: inset
0 0 0 2px #343a40; }
18533 .btn-outline-info:focus, .btn-outline-info.focus {
18534 outline: 0.2rem solid black
;
18535 box-shadow: inset
0 0 0 2px #343a40; }
18537 .btn-outline-warning:focus, .btn-outline-warning.focus {
18538 outline: 0.2rem solid
#694109;
18539 box-shadow: inset
0 0 0 2px #343a40; }
18541 .btn-outline-danger:focus, .btn-outline-danger.focus {
18542 outline: 0.2rem solid
#1a0604;
18543 box-shadow: inset
0 0 0 2px #343a40; }
18545 .btn-outline-light:focus, .btn-outline-light.focus {
18546 outline: 0.2rem solid
#8193a5;
18547 box-shadow: inset
0 0 0 2px #343a40; }
18549 .btn-outline-dark:focus, .btn-outline-dark.focus {
18550 outline: 0.2rem solid black
;
18551 box-shadow: inset
0 0 0 2px #343a40; }
18554 font-size: 0.9375rem; }
18556 .gradetreebox th
.cell
,
18557 .gradetreebox input[type=text] {
18560 .gradetreebox input
[type
=text
],
18561 .gradetreebox select {
18562 margin-bottom: 0; }
18564 .core_grades_notices .singlebutton {
18565 display: inline-block
; }
18567 .path-grade-report #maincontent + .urlselect {
18568 position: absolute
;
18571 .path-grade-report-grader #region-main {
18572 overflow-x: visible
;
18575 display: inline-flex
;
18576 flex-direction: column
; }
18577 .path-grade-report-grader #region-main > .card {
18579 overflow-x: initial
; }
18580 .path-grade-report-grader #region-main div[role="main"] {
18583 .path-grade-report-grader [data-region="blocks-column"] {
18587 .path-grade-report-grader span.gradepass {
18590 .path-grade-report-grader span.gradefail {
18593 #page-grade-grading-manage #activemethodselector label
{
18594 display: inline-block
; }
18596 #page-grade-grading-manage #activemethodselector
.helptooltip
{
18597 margin-right: 0.5em; }
18599 #page-grade-grading-manage .actions
{
18601 text-align: center
;
18602 margin-bottom: 1em; }
18603 #page-grade-grading-manage .actions
.action
{
18604 display: inline-block
;
18605 position: relative
;
18606 vertical-align: top
;
18608 text-align: center
;
18612 border: 1px solid
#aaa; }
18613 #page-grade-grading-manage .actions
.action
.action-text
{
18614 position: relative
;
18617 white-space: normal
; }
18619 #page-grade-grading-form-rubric-edit .gradingform_rubric_editform
.status
{
18622 #rubric-rubric.gradingform_rubric #rubric-criteria
{
18623 margin-bottom: 1em; }
18624 #rubric-rubric.gradingform_rubric #rubric-criteria
.criterion
.description
{
18625 vertical-align: top
;
18627 #rubric-rubric.gradingform_rubric #rubric-criteria
.criterion
.description textarea
{
18630 #rubric-rubric.gradingform_rubric #rubric-criteria
.criterion
.definition textarea
{
18632 margin-bottom: 0; }
18633 #rubric-rubric.gradingform_rubric #rubric-criteria
.criterion
.score
{
18634 position: relative
;
18636 margin-right: 28px; }
18637 #rubric-rubric.gradingform_rubric #rubric-criteria
.criterion
.score input
{
18638 margin-bottom: 0; }
18639 #rubric-rubric.gradingform_rubric #rubric-criteria
.criterion
.level
{
18640 vertical-align: top
;
18642 #rubric-rubric.gradingform_rubric #rubric-criteria
.criterion
.level
.delete
{
18643 position: relative
;
18649 #rubric-rubric.gradingform_rubric #rubric-criteria
.criterion
.level
.delete input
{
18651 position: absolute
;
18657 #rubric-rubric.gradingform_rubric #rubric-criteria
.criterion
.level
.delete
input:hover
{
18658 background-color: #ddd; }
18659 #rubric-rubric.gradingform_rubric #rubric-criteria
.criterion
.scorevalue input
{
18662 #rubric-rubric.gradingform_rubric #rubric-criteria
.criterion
.scorevalue input
.hiddenelement
, #rubric-rubric
.gradingform_rubric #rubric-criteria
.criterion
.scorevalue input
.pseudotablink
{
18664 #rubric-rubric.gradingform_rubric #rubric-criteria
.criterion
.addlevel
{
18665 vertical-align: top
;
18666 padding-top: 6px; }
18667 #rubric-rubric.gradingform_rubric #rubric-criteria
.criterion
.addlevel input
{
18669 line-height: 1rem; }
18671 #rubric-rubric.gradingform_rubric
.addcriterion
{
18674 margin-bottom: 1em; }
18675 #rubric-rubric.gradingform_rubric
.addcriterion input
{
18678 text-shadow: inherit
;
18680 line-height: inherit
;
18681 background: transparent url
([[pix:t
/add
]]) no-repeat
7px 8px;
18682 padding-left: 26px; }
18684 #rubric-rubric.gradingform_rubric
.options
{
18686 #rubric-rubric.gradingform_rubric
.options
.option label
{
18689 font-size: inherit
;
18690 font-weight: normal
;
18694 background-color: transparent
; }
18695 #rubric-rubric.gradingform_rubric
.options
.option input
{
18697 margin-right: 12px; }
18699 .grade-display .description {
18702 .criterion .description {
18705 .criterion .criterion-toggle .expanded-icon {
18708 .criterion .criterion-toggle .collapsed-icon {
18711 .criterion .criterion-toggle.collapsed .expanded-icon {
18714 .criterion .criterion-toggle.collapsed .collapsed-icon {
18717 .path-grade-edit-tree .setup-grades h4 {
18720 .path-grade-edit-tree .setup-grades .column-rowspan {
18726 .path-grade-edit-tree .setup-grades .category td.column-name {
18729 .path-grade-edit-tree .setup-grades td.column-name {
18730 padding-left: 24px; }
18732 .path-grade-edit-tree .setup-grades td.movehere {
18735 .path-grade-edit-tree .setup-grades td.movehere a.movehere {
18739 border: 2px dashed
#343a40; }
18741 .path-grade-edit-tree
.setup-grades
.category input
[type
="text"],
18742 .path-grade-edit-tree
.setup-grades
.category
.column-range
,
18743 .path-grade-edit-tree
.setup-grades
.categoryitem
,
18744 .path-grade-edit-tree .setup-grades .courseitem {
18745 font-weight: bold
; }
18747 .path-grade-edit-tree .setup-grades .emptyrow {
18750 .path-grade-edit-tree .setup-grades .gradeitemdescription {
18751 font-weight: normal
;
18752 padding-left: 24px; }
18754 .path-grade-edit-tree .setup-grades .column-weight {
18755 white-space: nowrap
; }
18756 .path-grade-edit-tree .setup-grades .column-weight.level3 {
18757 padding-left: 37px; }
18758 .path-grade-edit-tree .setup-grades .column-weight.level4 {
18759 padding-left: 66px; }
18760 .path-grade-edit-tree .setup-grades .column-weight.level5 {
18761 padding-left: 95px; }
18762 .path-grade-edit-tree .setup-grades .column-weight.level6 {
18763 padding-left: 124px; }
18764 .path-grade-edit-tree .setup-grades .column-weight.level7 {
18765 padding-left: 153px; }
18766 .path-grade-edit-tree .setup-grades .column-weight.level8 {
18767 padding-left: 182px; }
18768 .path-grade-edit-tree .setup-grades .column-weight.level9 {
18769 padding-left: 211px; }
18770 .path-grade-edit-tree .setup-grades .column-weight.level10 {
18771 padding-left: 240px; }
18773 .path-grade-edit-tree .setup-grades .column-range.level2 {
18774 padding-left: 37px; }
18776 .path-grade-edit-tree .setup-grades .column-range.level3 {
18777 padding-left: 66px; }
18779 .path-grade-edit-tree .setup-grades .column-range.level4 {
18780 padding-left: 95px; }
18782 .path-grade-edit-tree .setup-grades .column-range.level5 {
18783 padding-left: 124px; }
18785 .path-grade-edit-tree .setup-grades .column-range.level6 {
18786 padding-left: 153px; }
18788 .path-grade-edit-tree .setup-grades .column-range.level7 {
18789 padding-left: 182px; }
18791 .path-grade-edit-tree .setup-grades .column-range.level8 {
18792 padding-left: 211px; }
18794 .path-grade-edit-tree .setup-grades .column-range.level9 {
18795 padding-left: 240px; }
18797 .path-grade-edit-tree .setup-grades .column-range.level10 {
18798 padding-left: 269px; }
18800 .path-grade-edit-tree .setup-grades.generaltable .levelodd {
18801 background-color: rgba
(0, 0, 0, 0.03); }
18806 .path-grade-report-grader .gradeparent table {
18807 border-radius: 0.25rem; }
18809 .path-grade-report-grader
.gradeparent tr
.cell
,
18810 .path-grade-report-grader .gradeparent .floater .cell {
18811 background-color: #fff; }
18813 .path-grade-report-grader
.gradeparent table
,
18814 .path-grade-report-grader .gradeparent .cell {
18815 border-color: #dee2e6; }
18817 .path-grade-report-grader
.gradeparent
.userrow
.odd
.cell
,
18818 .path-grade-report-grader
.gradeparent
.floater
.cell
.odd
,
18819 .path-grade-report-grader
.gradeparent
.heading
.cell
,
18820 .path-grade-report-grader
.gradeparent
.cell
.category
,
18821 .path-grade-report-grader .gradeparent .avg .cell {
18822 background-color: #f8f9fa; }
18824 .path-grade-report-grader .gradeparent table .clickable {
18830 .path-grade-report-user .user-grade {
18832 .path-grade-report-user .user-grade.generaltable .levelodd {
18833 background-color: rgba
(0, 0, 0, 0.03); }
18834 .path-grade-report-user
.user-grade
.column-contributiontocoursetotal
,
18835 .path-grade-report-user
.user-grade
.column-range
,
18836 .path-grade-report-user
.user-grade
.column-percentage
,
18837 .path-grade-report-user .user-grade .column-weight {
18844 .path-grade-report-singleview input[name^="finalgrade"] {
18847 .columns-autoflow-1to1to1 {
18850 @media (max-width: 767px) {
18851 .columns-autoflow-1to1to1 {
18852 column-count: 1; } }
18854 /* some very targetted corrections to roll back nameclashes between
18855 * Moodle and Bootstrap like .row, .label, .content, .controls
18857 * Mostly relies on these styles being more specific than the Bootstrap
18858 * ones in order to overule them.
18861 .file-picker td.label {
18862 background: inherit
;
18866 white-space: normal
;
18868 font-size: inherit
;
18869 line-height: inherit
;
18870 text-align: inherit
; }
18872 .file-picker td.label {
18873 display: table-cell
;
18877 .choosercontainer #chooseform .option label {
18880 /* block.invisible vs .invisible
18881 * block.hidden vs .invisible
18883 * uses .invisible where the rest of Moodle uses @mixin dimmed
18884 * fixible in block renderer?
18886 * There's seems to be even more naming confusion here since,
18887 * blocks can be actually 'visible' (or not) to students,
18888 * marked 'visible' but really just dimmed to indicate to editors
18889 * that students can't see them or 'visible' to the user who
18890 * collapses them, 'visible' if you have the right role and in
18891 * different circumstances different sections of a block can
18892 * be 'visible' or not.
18894 * currently worked around in renderers.php function block{}
18895 * by rewriting the class name "invisible" to "dimmed",
18896 * though the blocks don't look particularly different apart
18897 * from their contents disappearing. Maybe try .muted? or
18898 * dimming all the edit icons apart from unhide, might be a
18899 * nice effect, though they'd still be active. Maybe reverse
18905 visibility: visible
;
18910 * very tricky to track down this when it goes wrong,
18911 * since the styles are applied to generated content
18913 * basically if you see things shifted left or right compared
18914 * with where they should be check for a .row
18917 margin-left: 0 !important
;
18918 /* stylelint-disable-line declaration-no-important */ }
18920 .forumpost
.row:before
,
18921 .forumpost .row:after {
18924 /* fieldset.hidden vs .hidden
18926 * Moodle uses fieldset.hidden for mforms, to signify a collection of
18927 * form elements that don't have a box drawn round them. Bootstrap
18928 * uses hidden for stuff that is hidden in various responsive modes.
18930 * Relatedly, there is also fieldset.invisiblefieldset which hides the
18931 * border and sets the display to inline.
18933 * Originally this just set block and visible, but it is used
18934 * in random question dialogue in Quiz,
18935 * that dialogue is hidden and shown, so when hidden the
18936 * above workaround leaves you with a button floating around
18940 visibility: inherit
; }
18942 /* .container vs .container
18944 * bootstrap uses .container to set the width of the layout at 960px or so, Moodle uses it
18945 * in the Quiz to contain the questions to add. If you don't overule the Bootstrap code,
18946 * it becomes near unuseable.
18948 #questionbank + .container
{
18951 body:not
(.jsenabled
) .dropdown:hover
> .dropdown-menu
{
18953 margin-top: -6px; }
18955 body:not
(.jsenabled
) .langmenu:hover
> .dropdown-menu
,
18956 .langmenu.open > .dropdown-menu {
18959 overflow-y: auto
; }
18961 .navbar.fixed-top .dropdown .dropdown-menu {
18962 max-height: calc
(100vh - 50px);
18963 overflow-y: auto
; }
18965 .page-item.active .page-link, .page-item.active .page-link:hover, .page-item.active .page-link:focus {
18966 z-index: inherit
; }
18968 /* Force positioning of popover arrows.
18970 * The Css prefixer used in Moodle does not support complex calc statements used
18971 * in Bootstrap 4 CSS. For example:
18972 * calc((0.5rem + 1px) * -1); is stripped out by lib/php-css-parser/Parser.php.
18973 * See MDL-61879. For now the arrow positions of popovers are fixed until this is resolved.
18975 .bs-popover-right
.arrow
, .bs-popover-auto
[x-placement^
="right"] .arrow
,
18976 .bs-popover-auto[x-placement^="right"] .arrow {
18979 .bs-popover-left
.arrow
, .bs-popover-auto
[x-placement^
="left"] .arrow
,
18980 .bs-popover-auto[x-placement^="left"] .arrow {
18983 .bs-popover-top
.arrow
, .bs-popover-auto
[x-placement^
="top"] .arrow
,
18984 .bs-popover-auto[x-placement^="top"] .arrow {
18987 .bs-popover-bottom
.arrow
, .bs-popover-auto
[x-placement^
="bottom"] .arrow
,
18988 .bs-popover-auto[x-placement^="bottom"] .arrow {
18992 word-wrap: normal
; }
18994 /* Add commented out carousel transistions back in.
18996 * The Css prefixer used in Moodle breaks on @supports syntax, See MDL-61515.
18998 .carousel-item-next
.carousel-item-left
,
18999 .carousel-item-prev.carousel-item-right {
19000 transform: translateX
(0); }
19002 .carousel-item-next
,
19003 .active.carousel-item-right {
19004 transform: translateX
(100%); }
19006 .carousel-item-prev
,
19007 .active.carousel-item-left {
19008 transform: translateX
(-100%); }
19011 * Reset all of the forced style on the page.
19012 * - Remove borders on header and content.
19013 * - Remove most of the vertical padding.
19014 * - Make the content region flex grow so it pushes things like the
19015 * next activity selector to the bottom of the page.
19017 body
.behat-site
.fixed-top
{
19018 position: absolute
; }
19020 body
.behat-site
.dropdown-item
{
19021 margin-top: 4px !important
;
19022 /* stylelint-disable declaration-no-important */ }
19024 body
.behat-site
.drawer-ease
{
19025 -webkit-transition: initial
;
19026 -moz-transition: initial
;
19027 transition: initial
; }
19029 body
.behat-site
[data-region
="drawer"] {
19030 -webkit-transition: initial
;
19031 -moz-transition: initial
;
19032 transition: initial
;
19033 position: absolute
; }
19035 body
.behat-site
.custom-control
,
19036 body
.behat-site
.custom-switch
{
19039 body
.behat-site
.custom-control-input
{
19044 body
.behat-site
.custom-control-label::before
, body
.behat-site
.custom-control-label::after
{
19047 body
.behat-site
[data-region
="message-drawer"] {
19048 padding-right: 10px; }
19058 border: 1px solid
#000;
19060 vertical-align: baseline
;
19062 background-color: #ccc; }
19065 background-color: #ccf;
19066 font-weight: bold
; }
19069 background-color: #99c;
19070 font-weight: bold
; }
19073 * This file contains the styles required to make the footer sticky.
19082 flex-direction: column
; }
19083 #page-wrapper #page
{
19086 flex-direction: column
; }
19087 #page-wrapper #page #page-content
{
19089 #page-wrapper #page-footer
{
19093 position: relative
; }
19094 .popover-region.collapsed .popover-region-toggle:before, .popover-region.collapsed .popover-region-toggle:after {
19096 .popover-region.collapsed .popover-region-container {
19098 visibility: hidden
;
19101 transition: height
0.25s, opacity
101ms 0.25s, visibility
101ms 0.25s; }
19103 .popover-region-toggle {
19105 .popover-region-toggle::before {
19107 display: inline-block
;
19108 border-left: 10px solid transparent
;
19109 border-right: 10px solid transparent
;
19110 border-bottom: 10px solid
#ddd;
19111 position: absolute
;
19114 .popover-region-toggle::after {
19116 display: inline-block
;
19117 border-left: 9px solid transparent
;
19118 border-right: 9px solid transparent
;
19119 border-bottom: 9px solid
#fff;
19120 position: absolute
;
19127 border-radius: 2px;
19128 background-color: #ca3120;
19132 position: absolute
;
19136 .popover-region-container {
19138 visibility: visible
;
19139 position: absolute
;
19144 border: 1px solid
#ddd;
19145 transition: height
0.25s;
19146 background-color: #fff;
19149 .popover-region-header-container {
19153 padding-right: 5px;
19154 border-bottom: 1px solid
#ddd;
19155 box-sizing: border-box
; }
19157 .popover-region-footer-container {
19159 text-align: center
;
19160 border-top: 1px solid
#ddd;
19161 background-color: #fff;
19162 padding-top: 3px; }
19164 .popover-region-header-text {
19168 line-height: 25px; }
19170 .popover-region-header-actions {
19172 .popover-region-header-actions > * {
19175 display: inline-block
; }
19176 .popover-region-header-actions .loading-icon {
19180 .popover-region-header-actions .newmessage-link {
19181 margin-right: 10px; }
19182 .popover-region-header-actions label {
19183 display: inline-block
;
19184 text-align: center
;
19185 margin-bottom: 0; }
19187 .popover-region-content-container {
19188 height: calc
(100% - 55px);
19191 -webkit-overflow-scrolling: touch
; }
19192 .popover-region-content-container > .loading-icon {
19194 text-align: center
;
19196 box-sizing: border-box
; }
19197 .popover-region-content-container .empty-message {
19199 text-align: center
;
19201 .popover-region-content-container.loading > .loading-icon {
19203 .popover-region-content-container.loading .empty-message {
19206 .navbar .popover-region.collapsed .popover-region-container {
19208 visibility: hidden
;
19211 transition: height
0.25s, opacity
101ms 0.25s, visibility
101ms 0.25s; }
19213 .navbar .count-container {
19215 border-radius: 2px;
19216 background-color: #ca3120;
19220 position: absolute
;
19224 .navbar .popover-region-container {
19227 .content-item-container {
19229 border-bottom: 1px solid
#ddd;
19230 box-sizing: border-box
;
19232 position: relative
;
19236 text-decoration: none
; }
19237 .content-item-container:hover {
19239 background-color: #79b5e6; }
19240 .content-item-container:hover .content-item-footer .timestamp {
19242 .content-item-container.unread {
19244 background-color: #f4f4f4; }
19245 .content-item-container.unread:hover {
19247 background-color: #79b5e6; }
19248 .content-item-container.unread .content-item-body .notification-message {
19249 font-weight: 600; }
19250 .content-item-container .context-link {
19252 text-decoration: none
; }
19253 .content-item-container .content-item-body {
19254 box-sizing: border-box
;
19255 margin-bottom: 5px; }
19256 .content-item-container .content-item-footer {
19258 box-sizing: border-box
; }
19259 .content-item-container .content-item-footer .timestamp {
19264 margin-left: 24px; }
19265 .content-item-container .view-more {
19266 position: absolute
;
19270 line-height: 12px; }
19271 .content-item-container.notification .content-item-body .notification-image {
19272 display: inline-block
;
19276 .content-item-container.notification .content-item-body .notification-image img {
19278 .content-item-container.notification .content-item-body .notification-message {
19279 display: inline-block
;
19281 width: calc
(100% - 24px); }
19282 .content-item-container.selected {
19283 background-color: #4f94cd;
19285 border-color: #4f94cd; }
19286 .content-item-container.selected .content-item-footer .timestamp {
19289 .popover-region-notifications .popover-region-header-container .mark-all-read-button .normal-icon {
19290 display: inline-block
; }
19292 .popover-region-notifications .popover-region-header-container .mark-all-read-button.loading .normal-icon {
19295 .popover-region-notifications .popover-region-header-container .mark-all-read-button.loading .loading-icon {
19296 display: inline-block
; }
19298 .popover-region-notifications .all-notifications {
19300 visibility: visible
;
19302 overflow: hidden
; }
19303 .popover-region-notifications .all-notifications:empty + .empty-message {
19306 .popover-region-notifications .notification-image {
19307 display: inline-block
;
19309 vertical-align: top
; }
19310 .popover-region-notifications .notification-image img {
19313 .popover-region-notifications .notification-message {
19314 display: inline-block
;
19317 .popover-region-notifications .popover-region-content-container.loading .all-notifications:empty + .empty-message {
19320 .popover-region-messages .mark-all-read-button .normal-icon {
19321 display: inline-block
; }
19323 .popover-region-messages .mark-all-read-button.loading .normal-icon {
19326 .popover-region-messages .mark-all-read-button.loading .loading-icon {
19327 display: inline-block
; }
19329 .popover-region-messages .popover-region-content-container.loading .popover-region-content .messages:empty + .empty-message {
19332 .popover-region-messages .messages:empty + .empty-message {
19335 .popover-region-messages .content-item-container.unread .content-item-body {
19337 width: calc
(90% - 30px); }
19339 .popover-region-messages .content-item-container.unread .unread-count-container {
19340 display: inline-block
;
19342 text-align: center
;
19345 .popover-region-messages .content-item {
19348 box-sizing: border-box
; }
19350 .popover-region-messages .profile-image-container {
19352 display: inline-block
;
19353 text-align: center
;
19355 .popover-region-messages .profile-image-container img {
19357 display: inline-block
;
19358 vertical-align: middle
;
19359 border-radius: 50%; }
19361 .popover-region-messages .content-item-body {
19362 display: inline-block
;
19363 box-sizing: border-box
;
19364 width: calc
(100% - 30px);
19366 padding-left: 10px;
19367 overflow: hidden
; }
19368 .popover-region-messages .content-item-body h3 {
19373 .popover-region-messages .content-item-body p {
19376 .popover-region-messages .unread-count-container {
19379 @media (max-width: 767px) {
19380 .navbar .popover-region .popover-region-container {
19383 @media (max-width: 480px) {
19384 .navbar .popover-region .popover-region-container {
19394 * Tour step must sit above all other UI components.
19395 * The backdrop is the lowest point in the tour.
19396 * Everything else is in the container, and the target background should be at the same z-index.
19398 * ---- step backdrop
19399 * --- step container
19400 * --- step target background
19402 div
[data-flexitour
="backdrop"] {
19403 background-color: #000;
19407 div
[data-flexitour
="step-background-fader"],
19408 div
[data-flexitour
="step-background"] {
19409 border-radius: 0.3rem;
19412 span
[data-flexitour
="container"],
19413 div
[data-flexitour
="step-background-fader"],
19414 [data-flexitour
="step-backdrop"] > td
,
19415 [data-flexitour
="step-backdrop"] {
19418 span
[data-flexitour
="container"] .modal-dialog
{
19420 * Remove all margins to:
19421 * 1) ensure that the arrow touches the target; and
19422 * 2) ensure that the focus border touches the modal.
19426 span
[data-flexitour
="container"] div
[data-role
="arrow"] {
19427 border-width: 1rem; }
19429 span
[data-flexitour
="container"] div
[data-role
="arrow"],
19430 span
[data-flexitour
="container"] div
[data-role
="arrow"]:after
{
19431 position: absolute
;
19435 border-color: transparent
;
19436 border-style: solid
;
19437 border-width: 1rem; }
19439 span
[data-flexitour
="container"][x-placement
="top"], span
[data-flexitour
="container"][x-placement
="top-start"] {
19440 margin-bottom: 1rem; }
19441 span
[data-flexitour
="container"][x-placement
="top"] div
[data-role
="arrow"], span
[data-flexitour
="container"][x-placement
="top-start"] div
[data-role
="arrow"] {
19444 margin-left: -1rem;
19445 border-bottom-width: 0;
19446 border-top-color: rgba
(0, 0, 0, 0.25); }
19447 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
{
19449 margin-left: -1rem;
19451 border-bottom-width: 0;
19452 border-top-color: #fff; }
19454 span
[data-flexitour
="container"][x-placement
="bottom"], span
[data-flexitour
="container"][x-placement
="bottom-start"] {
19455 margin-top: 1rem; }
19456 span
[data-flexitour
="container"][x-placement
="bottom"] div
[data-role
="arrow"], span
[data-flexitour
="container"][x-placement
="bottom-start"] div
[data-role
="arrow"] {
19459 margin-left: -1rem;
19460 border-top-width: 0;
19461 border-bottom-color: rgba
(0, 0, 0, 0.25); }
19462 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
{
19464 margin-left: -1rem;
19466 border-top-width: 0;
19467 border-bottom-color: #fff; }
19469 span
[data-flexitour
="container"][x-placement
="left"], span
[data-flexitour
="container"][x-placement
="left-start"] {
19470 margin-right: 1rem; }
19471 span
[data-flexitour
="container"][x-placement
="left"] div
[data-role
="arrow"], span
[data-flexitour
="container"][x-placement
="left-start"] div
[data-role
="arrow"] {
19475 border-right-width: 0;
19476 border-left-color: rgba
(0, 0, 0, 0.25); }
19477 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
{
19481 border-right-width: 0;
19482 border-left-color: #fff; }
19484 span
[data-flexitour
="container"][x-placement
="right"], span
[data-flexitour
="container"][x-placement
="right-start"] {
19485 margin-left: 1rem; }
19486 span
[data-flexitour
="container"][x-placement
="right"] div
[data-role
="arrow"], span
[data-flexitour
="container"][x-placement
="right-start"] div
[data-role
="arrow"] {
19490 border-left-width: 0;
19491 border-right-color: rgba
(0, 0, 0, 0.25); }
19492 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
{
19496 border-left-width: 0;
19497 border-right-color: #fff; }
19499 [data-region
="drawer"] [data-flexitour
="container"] {
19501 margin-left: -15px;
19505 body
.drawer-open-left
.jsenabled
,
19506 body
.drawer-open-right
.jsenabled
{
19511 .modal .modal-body > .loading-icon {
19513 position: relative
;
19516 .modal .modal-body > .loading-icon .icon {
19517 position: absolute
;
19521 transform: translate
(-50%, -50%); }
19523 .layout.fullscreen {
19533 background-color: #fff; }
19534 .layout.fullscreen > div {
19537 .layout.fullscreen .loading-icon {
19539 margin-right: auto
;
19540 text-align: center
;
19541 display: inline-block
;
19545 .layout.fullscreen .loading-icon .icon {
19550 .form-control:-ms-input-placeholder {
19554 -webkit-appearance: none
;
19555 -moz-appearance: none
; }
19558 -webkit-appearance: none
;
19559 -moz-appearance: none
; }
19560 .custom-range::-webkit-slider-thumb, .custom-range::-moz-range-thumb, .custom-range::-ms-thumb {
19561 -webkit-appearance: none
;
19562 -moz-appearance: none
; }
19564 input
[type
="date"].form-control
,
19565 input
[type
="time"].form-control
,
19566 input
[type
="datetime-local"].form-control
,
19567 input
[type
="month"].form-control
{
19568 -webkit-appearance: none
;
19569 -moz-appearance: none
; }
19571 @media (min-width: 576px) {
19573 -webkit-column-gap: 1.25rem;
19574 -moz-column-gap: 1.25rem; } }
19577 -webkit-backface-visibility: hidden
; }
19580 -webkit-background-clip: border-box
; }
19582 .carousel-indicators li
,
19588 -webkit-background-clip: padding-box
; }
19591 -webkit-user-select: none
;
19592 -ms-user-select: none
; }
19595 -webkit-user-select: all
!important
;
19596 /* stylelint-disable-line declaration-no-important */
19597 -ms-user-select: none
; }
19599 .user-select-auto {
19600 -webkit-user-select: auto
!important
;
19601 /* stylelint-disable-line declaration-no-important */
19602 -ms-user-select: none
; }
19604 .user-select-none {
19605 -webkit-user-select: none
!important
;
19606 /* stylelint-disable-line declaration-no-important */
19607 -ms-user-select: none
; }
19609 .editor_atto_content_wrap {
19610 background-color: white
;
19613 .editor_atto_content {
19618 .editor_atto_content_wrap
,
19619 .editor_atto + textarea {
19623 .editor_atto + textarea {
19626 margin-top: -1px; }
19628 div
.editor_atto_toolbar
{
19630 background: #f2f2f2;
19632 border: 1px solid
#8f959e;
19634 padding: 0 0 9px 0; }
19636 div
.editor_atto_toolbar button
{
19644 div
.editor_atto_toolbar button
+ button
{
19645 border-left: 1px solid
#ccc; }
19647 div
.editor_atto_toolbar button
[disabled
] {
19652 .editor_atto_toolbar button:hover {
19653 background-image: radial-gradient
(ellipse at center
, #fff 60%, #dfdfdf 100%);
19654 background-color: #ebebeb; }
19656 .editor_atto_toolbar
button:active
,
19657 .editor_atto_toolbar button.highlight {
19658 background-image: radial-gradient
(ellipse at center
, #fff 40%, #dfdfdf 100%);
19659 background-color: #dfdfdf; }
19661 /* Make firefox button sizes match other browsers */
19662 div
.editor_atto_toolbar
button::-moz-focus-inner
{
19666 div
.editor_atto_toolbar button
.icon
{
19670 div
.editor_atto_toolbar div
.atto_group
{
19671 display: inline-block
;
19672 border: 1px solid
#ccc;
19673 border-bottom: 1px solid
#b3b3b3;
19674 border-radius: 4px;
19675 margin: 9px 0 0 9px;
19676 background: #fff; }
19678 .editor_atto_content img {
19683 /* IE8 places the images on top of each other if that is not set. */
19684 white-space: nowrap
; }
19686 .atto_menuentry .icon {
19693 .atto_menuentry h1
,
19694 .atto_menuentry h2
,
19695 .atto_menuentry p {
19698 /*.atto_form label.sameline {
19699 display: inline-block;
19702 .atto_form textarea
.fullwidth
,
19703 .atto_form input.fullwidth {
19709 /*.atto_form label {
19714 position: absolute
;
19720 .atto_control .icon {
19721 background-color: white
; }
19723 div
.editor_atto_content:focus
.atto_control
,
19724 div
.editor_atto_content:hover
.atto_control
{
19727 .editor_atto_menu.yui3-menu-hidden {
19730 /* Get broken images back in firefox */
19731 .editor_atto_content img:-moz-broken {
19732 -moz-force-broken-image-icon: 1;
19734 min-height: 24px; }
19736 /* Atto menu styling */
19737 .moodle-dialogue-base .editor_atto_menu .moodle-dialogue-content .moodle-dialogue-bd {
19741 .editor_atto_menu .dropdown-menu > li > a {
19742 margin: 3px 14px; }
19744 .editor_atto_menu .open ul.dropdown-menu {
19746 padding-bottom: 5px; }
19748 .editor_atto_wrap {
19749 position: relative
; }
19752 .editor_atto_wrap textarea {
19755 .editor_atto_notification
.atto_info
,
19756 .editor_atto_notification .atto_warning {
19757 display: inline-block
;
19758 background-color: #f2f2f2;
19761 padding-right: 1em;
19762 border-bottom-left-radius: 1em;
19763 border-bottom-right-radius: 1em; }
19765 .editor_atto_notification .atto_info {
19766 background-color: #f2f2f2; }
19768 .editor_atto_notification .atto_warning {
19769 background-color: #ffd700; }
19771 .editor_atto_toolbar
,
19772 .editor_atto_content_wrap
,
19773 .editor_atto + textarea {
19774 box-sizing: border-box
; }
19776 .editor_atto_content.form-control {
19780 /** Atto fields do not have form-control because that would break the layout of the editor.
19781 So they need these extra styles to highlight the editor when there is a validation error. */
19782 .has-danger
.editor_atto_content
.form-control
.invalid-feedback
,
19783 .has-danger .editor_atto_content.form-control-danger .invalid-feedback {
19786 margin-top: 0.25rem;
19790 .has-danger
.editor_atto_content
.form-control
.invalid-tooltip
,
19791 .has-danger .editor_atto_content.form-control-danger .invalid-tooltip {
19792 position: absolute
;
19798 padding: 0.25rem 0.5rem;
19800 font-size: 0.8203125rem;
19803 background-color: rgba
(202, 49, 32, 0.9);
19804 border-radius: 0.25rem; }
19805 .form-row
> .col
> .has-danger
.editor_atto_content
.form-control
.invalid-tooltip
,
19806 .form-row
> [class
*="col-"] > .has-danger
.editor_atto_content
.form-control
.invalid-tooltip
, .form-row
> .col
>
19807 .has-danger
.editor_atto_content
.form-control-danger
.invalid-tooltip
,
19808 .form-row
> [class
*="col-"] >
19809 .has-danger .editor_atto_content.form-control-danger .invalid-tooltip {
19812 .was-validated
.has-danger
.editor_atto_content
.form-control:invalid
~ .invalid-feedback
,
19813 .was-validated
.has-danger
.editor_atto_content
.form-control:invalid
~ .invalid-tooltip
, .has-danger
.editor_atto_content
.form-control
.is-invalid
~ .invalid-feedback
,
19814 .has-danger
.editor_atto_content
.form-control
.is-invalid
~ .invalid-tooltip
, .was-validated
19815 .has-danger
.editor_atto_content
.form-control-danger:invalid
~ .invalid-feedback
,
19817 .has-danger
.editor_atto_content
.form-control-danger:invalid
~ .invalid-tooltip
,
19818 .has-danger
.editor_atto_content
.form-control-danger
.is-invalid
~ .invalid-feedback
,
19819 .has-danger .editor_atto_content.form-control-danger.is-invalid ~ .invalid-tooltip {
19822 .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
19823 .has-danger
.editor_atto_content
.form-control-danger
.form-control:invalid
,
19824 .has-danger .editor_atto_content.form-control-danger .form-control.is-invalid {
19825 border-color: #ca3120;
19826 padding-right: calc
(1.5em + 0.75rem);
19827 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");
19828 background-repeat: no-repeat
;
19829 background-position: right calc
(0.375em + 0.1875rem) center
;
19830 background-size: calc
(0.75em + 0.375rem) calc
(0.75em + 0.375rem); }
19831 .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
19832 .has-danger
.editor_atto_content
.form-control-danger
.form-control:invalid:focus
,
19833 .has-danger .editor_atto_content.form-control-danger .form-control.is-invalid:focus {
19834 border-color: #ca3120;
19835 box-shadow: 0 0 0 0.2rem rgba
(202, 49, 32, 0.25); }
19837 .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
19838 .has-danger
.editor_atto_content
.form-control-danger textarea
.form-control:invalid
,
19839 .has-danger .editor_atto_content.form-control-danger textarea.form-control.is-invalid {
19840 padding-right: calc
(1.5em + 0.75rem);
19841 background-position: top calc
(0.375em + 0.1875rem) right calc
(0.375em + 0.1875rem); }
19843 .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
19844 .has-danger
.editor_atto_content
.form-control-danger
.custom-select:invalid
,
19845 .has-danger .editor_atto_content.form-control-danger .custom-select.is-invalid {
19846 border-color: #ca3120;
19847 padding-right: calc
(0.75em + 2.3125rem);
19848 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
; }
19849 .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
19850 .has-danger
.editor_atto_content
.form-control-danger
.custom-select:invalid:focus
,
19851 .has-danger .editor_atto_content.form-control-danger .custom-select.is-invalid:focus {
19852 border-color: #ca3120;
19853 box-shadow: 0 0 0 0.2rem rgba
(202, 49, 32, 0.25); }
19855 .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
19856 .has-danger
.editor_atto_content
.form-control-danger
.form-check-input:invalid
~ .form-check-label
,
19857 .has-danger .editor_atto_content.form-control-danger .form-check-input.is-invalid ~ .form-check-label {
19860 .was-validated
.has-danger
.editor_atto_content
.form-control
.form-check-input:invalid
~ .invalid-feedback
,
19861 .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
,
19862 .has-danger
.editor_atto_content
.form-control
.form-check-input
.is-invalid
~ .invalid-tooltip
, .was-validated
19863 .has-danger
.editor_atto_content
.form-control-danger
.form-check-input:invalid
~ .invalid-feedback
,
19865 .has-danger
.editor_atto_content
.form-control-danger
.form-check-input:invalid
~ .invalid-tooltip
,
19866 .has-danger
.editor_atto_content
.form-control-danger
.form-check-input
.is-invalid
~ .invalid-feedback
,
19867 .has-danger .editor_atto_content.form-control-danger .form-check-input.is-invalid ~ .invalid-tooltip {
19870 .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
19871 .has-danger
.editor_atto_content
.form-control-danger
.custom-control-input:invalid
~ .custom-control-label
,
19872 .has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid ~ .custom-control-label {
19874 .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
19875 .has-danger
.editor_atto_content
.form-control-danger
.custom-control-input:invalid
~ .custom-control-label::before
,
19876 .has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid ~ .custom-control-label::before {
19877 border-color: #ca3120; }
19879 .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
19880 .has-danger
.editor_atto_content
.form-control-danger
.custom-control-input:invalid:checked
~ .custom-control-label::before
,
19881 .has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
19882 border-color: #e04d3d;
19883 background-color: #e04d3d; }
19885 .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
19886 .has-danger
.editor_atto_content
.form-control-danger
.custom-control-input:invalid:focus
~ .custom-control-label::before
,
19887 .has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
19888 box-shadow: 0 0 0 0.2rem rgba
(202, 49, 32, 0.25); }
19890 .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
19891 .has-danger
.editor_atto_content
.form-control-danger
.custom-control-input:invalid:focus:not
(:checked
) ~ .custom-control-label::before
,
19892 .has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
19893 border-color: #ca3120; }
19895 .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
19896 .has-danger
.editor_atto_content
.form-control-danger
.custom-file-input:invalid
~ .custom-file-label
,
19897 .has-danger .editor_atto_content.form-control-danger .custom-file-input.is-invalid ~ .custom-file-label {
19898 border-color: #ca3120; }
19900 .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
19901 .has-danger
.editor_atto_content
.form-control-danger
.custom-file-input:invalid:focus
~ .custom-file-label
,
19902 .has-danger .editor_atto_content.form-control-danger .custom-file-input.is-invalid:focus ~ .custom-file-label {
19903 border-color: #ca3120;
19904 box-shadow: 0 0 0 0.2rem rgba
(202, 49, 32, 0.25); }
19906 .open.atto_menu > .dropdown-menu {
19909 div
.editor_atto_toolbar button
.icon
{
19913 border-radius: 0.25rem; }
19914 .toast.toast-success {
19915 background-color: rgba
(215, 228, 214, 0.95);
19917 .toast.toast-success .toast-header {
19919 .toast.toast-success .toast-body:before {
19920 display: inline-block
;
19921 font: normal normal normal
14px/1 FontAwesome
;
19922 font-size: inherit
;
19923 text-rendering: auto
;
19924 -webkit-font-smoothing: antialiased
;
19925 -moz-osx-font-smoothing: grayscale
;
19926 margin: 2px 5px 0 0;
19928 .toast.toast-danger {
19929 background-color: rgba
(244, 214, 210, 0.95);
19931 .toast.toast-danger .toast-header {
19933 .toast.toast-danger .toast-body:before {
19934 display: inline-block
;
19935 font: normal normal normal
14px/1 FontAwesome
;
19936 font-size: inherit
;
19937 text-rendering: auto
;
19938 -webkit-font-smoothing: antialiased
;
19939 -moz-osx-font-smoothing: grayscale
;
19940 margin: 2px 5px 0 0;
19942 .toast.toast-info {
19943 background-color: rgba
(204, 230, 234, 0.95);
19945 .toast.toast-info .toast-header {
19947 .toast.toast-info .toast-body:before {
19948 display: inline-block
;
19949 font: normal normal normal
14px/1 FontAwesome
;
19950 font-size: inherit
;
19951 text-rendering: auto
;
19952 -webkit-font-smoothing: antialiased
;
19953 -moz-osx-font-smoothing: grayscale
;
19954 margin: 2px 5px 0 0;
19956 .toast.toast-warning {
19957 background-color: rgba
(252, 239, 220, 0.95);
19959 .toast.toast-warning .toast-header {
19961 .toast.toast-warning .toast-body:before {
19962 display: inline-block
;
19963 font: normal normal normal
14px/1 FontAwesome
;
19964 font-size: inherit
;
19965 text-rendering: auto
;
19966 -webkit-font-smoothing: antialiased
;
19967 -moz-osx-font-smoothing: grayscale
;
19968 margin: 2px 5px 0 0;
19974 -webkit-font-smoothing: antialiased
;
19975 -moz-osx-font-smoothing: grayscale
; }
19978 box-shadow: 0 2px 4px rgba
(0, 0, 0, 0.08); }
19981 border-radius: 50%; }
19984 background-color: #f8f9fa; }
19987 background-color: #fff; }
19989 .btn-outline-secondary {
19991 border-color: #6a737b;
19992 border-color: #6a737b; }
19993 .btn-outline-secondary:hover {
19995 background-color: #6a737b;
19996 border-color: #6a737b; }
19997 .btn-outline-secondary:focus, .btn-outline-secondary.focus {
19998 box-shadow: 0 0 0 0.2rem rgba
(106, 115, 123, 0.5); }
19999 .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
20001 background-color: transparent
; }
20002 .btn-outline-secondary:not
(:disabled
):not
(.disabled
):active
, .btn-outline-secondary:not
(:disabled
):not
(.disabled
).active
,
20003 .show > .btn-outline-secondary.dropdown-toggle {
20005 background-color: #6a737b;
20006 border-color: #6a737b; }
20007 .btn-outline-secondary:not
(:disabled
):not
(.disabled
):active:focus
, .btn-outline-secondary:not
(:disabled
):not
(.disabled
).active:focus
,
20008 .show > .btn-outline-secondary.dropdown-toggle:focus {
20009 box-shadow: 0 0 0 0.2rem rgba
(106, 115, 123, 0.5); }
20011 .btn-outline-info {
20013 border-color: #1f7e9a; }
20014 .btn-outline-info:hover {
20016 background-color: #1f7e9a;
20017 border-color: #1f7e9a; }
20018 .btn-outline-info:focus, .btn-outline-info.focus {
20019 box-shadow: 0 0 0 0.2rem rgba
(31, 126, 154, 0.5); }
20020 .btn-outline-info.disabled, .btn-outline-info:disabled {
20022 background-color: transparent
; }
20023 .btn-outline-info:not
(:disabled
):not
(.disabled
):active
, .btn-outline-info:not
(:disabled
):not
(.disabled
).active
,
20024 .show > .btn-outline-info.dropdown-toggle {
20026 background-color: #1f7e9a;
20027 border-color: #1f7e9a; }
20028 .btn-outline-info:not
(:disabled
):not
(.disabled
):active:focus
, .btn-outline-info:not
(:disabled
):not
(.disabled
).active:focus
,
20029 .show > .btn-outline-info.dropdown-toggle:focus {
20030 box-shadow: 0 0 0 0.2rem rgba
(31, 126, 154, 0.5); }
20032 .btn-outline-warning {
20034 border-color: #a6670e; }
20035 .btn-outline-warning:hover {
20037 background-color: #a6670e;
20038 border-color: #a6670e; }
20039 .btn-outline-warning:focus, .btn-outline-warning.focus {
20040 box-shadow: 0 0 0 0.2rem rgba
(166, 103, 14, 0.5); }
20041 .btn-outline-warning.disabled, .btn-outline-warning:disabled {
20043 background-color: transparent
; }
20044 .btn-outline-warning:not
(:disabled
):not
(.disabled
):active
, .btn-outline-warning:not
(:disabled
):not
(.disabled
).active
,
20045 .show > .btn-outline-warning.dropdown-toggle {
20047 background-color: #a6670e;
20048 border-color: #a6670e; }
20049 .btn-outline-warning:not
(:disabled
):not
(.disabled
):active:focus
, .btn-outline-warning:not
(:disabled
):not
(.disabled
).active:focus
,
20050 .show > .btn-outline-warning.dropdown-toggle:focus {
20051 box-shadow: 0 0 0 0.2rem rgba
(166, 103, 14, 0.5); }
20053 @media (max-width: 767.98px) {
20059 margin-bottom: 1rem; } }
20061 @media (min-width: 768px) {
20064 #page-content .region-main
{
20068 #page-content.blocks-pre
.columnleft
{
20073 #page-content.blocks-pre
.region-main
{
20076 padding: 0 1rem 0 0; }
20077 #page-content.blocks-post
.region-main
{
20080 padding: 0 0 0 1rem; }
20081 #page-content.blocks-post
.columnright
{
20085 #page-content.blocks-pre
.blocks-post
.region-main
{
20089 #page-content [data-region
="blocks-column"] {
20091 .empty-region-side-pre.used-region-side-post #page-content .region-main {
20094 padding-left: 1rem; }
20095 .empty-region-side-pre.used-region-side-post #page-content .columnright {
20099 .empty-region-side-post.used-region-side-pre #page-content .region-main {
20102 padding-right: 1rem; }
20103 .empty-region-side-post.used-region-side-pre #page-content .columnleft {
20108 .used-region-side-post.used-region-side-pre #page-content .region-main {
20112 .used-region-side-post.used-region-side-pre #page-content .columnleft {
20117 .used-region-side-post.used-region-side-pre #page-content .columnright {
20120 max-width: 32%; } }
20122 @media (min-width: 992px) {
20125 #page-content .region-main
{
20129 #page-content.blocks-pre
.columnleft
{
20134 #page-content.blocks-pre
.region-main
{
20137 padding: 0 1rem 0 0; }
20138 #page-content.blocks-post
.region-main
{
20141 padding: 0 0 0 1rem; }
20142 #page-content.blocks-post
.columnright
{
20146 #page-content.blocks-pre
.blocks-post
.region-main
{
20150 #page-content [data-region
="blocks-column"] {
20152 .empty-region-side-pre.used-region-side-post #page-content .region-main {
20155 padding-left: 1rem; }
20156 .empty-region-side-pre.used-region-side-post #page-content .columnright {
20160 .empty-region-side-post.used-region-side-pre #page-content .region-main {
20163 padding-right: 1rem; }
20164 .empty-region-side-post.used-region-side-pre #page-content .columnleft {
20169 .used-region-side-post.used-region-side-pre #page-content .region-main {
20173 .used-region-side-post.used-region-side-pre #page-content .columnleft {
20178 .used-region-side-post.used-region-side-pre #page-content .columnright {
20181 max-width: 25%; } }
20183 @media (min-width: 1200px) {
20186 #page-content .region-main
{
20190 #page-content.blocks-pre
.columnleft
{
20195 #page-content.blocks-pre
.region-main
{
20198 padding: 0 1rem 0 0; }
20199 #page-content.blocks-post
.region-main
{
20202 padding: 0 0 0 1rem; }
20203 #page-content.blocks-post
.columnright
{
20207 #page-content.blocks-pre
.blocks-post
.region-main
{
20211 #page-content [data-region
="blocks-column"] {
20213 .empty-region-side-pre.used-region-side-post #page-content .region-main {
20216 padding-left: 1rem; }
20217 .empty-region-side-pre.used-region-side-post #page-content .columnright {
20221 .empty-region-side-post.used-region-side-pre #page-content .region-main {
20224 padding-right: 1rem; }
20225 .empty-region-side-post.used-region-side-pre #page-content .columnleft {
20230 .used-region-side-post.used-region-side-pre #page-content .region-main {
20234 .used-region-side-post.used-region-side-pre #page-content .columnleft {
20239 .used-region-side-post.used-region-side-pre #page-content .columnright {
20242 max-width: 20%; } }
20245 #page-content .region-main
{
20246 max-width: 100% !important
;
20247 /* stylelint-disable-line declaration-no-important */
20248 flex: 0 0 100% !important
;
20249 /* stylelint-disable-line declaration-no-important */
20250 padding: 0 1rem 0 !important
;
20251 /* stylelint-disable-line declaration-no-important */ } }
20253 @media (min-width: 576px) {
20254 .dashboard-card-deck .dashboard-card {
20255 width: calc
(50% - 0.5rem); } }
20257 @media (min-width: 768px) {
20258 .dashboard-card-deck .dashboard-card {
20259 width: calc
(50% - 0.5rem); }
20260 .blocks-post
.dashboard-card-deck
.dashboard-card
,
20261 .blocks-pre .dashboard-card-deck .dashboard-card {
20262 width: calc
(100% - 0.5rem); } }
20264 @media (min-width: 992px) {
20265 .dashboard-card-deck .dashboard-card {
20266 width: calc
(33.33% - 0.5rem); }
20267 .blocks-post
.dashboard-card-deck
.dashboard-card
,
20268 .blocks-pre .dashboard-card-deck .dashboard-card {
20269 width: calc
(50% - 0.5rem); } }
20271 @media (min-width: 1200px) {
20272 .dashboard-card-deck .dashboard-card {
20273 width: calc
(25% - 0.5rem); }
20274 .blocks-post
.dashboard-card-deck
.dashboard-card
,
20275 .blocks-pre .dashboard-card-deck .dashboard-card {
20276 width: calc
(33.33% - 0.5rem); } }
20278 @media (min-width: 768px) {
20279 .blockcolumn .dashboard-card-deck {
20282 .blockcolumn .dashboard-card-deck .dashboard-card {
20283 width: calc
(100% - 0.5rem) !important
;
20284 /* stylelint-disable-line declaration-no-important */ } }
20286 .block_navigation
.block_tree
.list
> li
> ul
,
20287 .block_settings .block_tree.list > li > ul {
20290 .block_navigation
.block_tree
.tree_item
.branch
,
20291 .block_settings .block_tree .tree_item.branch {
20293 padding-left: 0.75rem; }
20295 .block_navigation
.block_tree p
.hasicon
,
20296 .block_settings .block_tree p.hasicon {
20298 padding-left: 0.75rem; }
20300 .block_navigation
.block_tree ul
,
20301 .block_settings .block_tree ul {
20302 margin-left: 0.25rem;
20303 padding-left: 1rem; }
20305 .block_navigation
.block_tree p
.hasicon
.icon
,
20306 .block_settings .block_tree p.hasicon .icon {
20307 margin-right: 5px; }
20311 margin-left: 0 !important
;
20312 /* stylelint-disable-line declaration-no-important */
20313 padding-left: 0 !important
;
20314 /* stylelint-disable-line declaration-no-important */ }
20316 .block.block_settings #settingsnav {
20317 padding-top: 0 !important
;
20318 /* stylelint-disable-line declaration-no-important */ }