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;
2769 display: inline-block
; }
2772 margin-bottom: 0.5rem;
2782 word-wrap: break-word
; }
2787 padding: 0.2rem 0.4rem;
2790 background-color: #1d2125; }
2803 word-break: normal
; }
2807 overflow-y: scroll
; }
2816 padding-right: 15px;
2819 margin-left: auto
; }
2821 @media (min-width: 576px) {
2822 .container, .container-sm {
2823 max-width: 540px; } }
2825 @media (min-width: 768px) {
2826 .container, .container-sm, .container-md {
2827 max-width: 720px; } }
2829 @media (min-width: 992px) {
2830 .container, .container-sm, .container-md, .container-lg {
2831 max-width: 960px; } }
2833 @media (min-width: 1200px) {
2834 .container, .container-sm, .container-md, .container-lg, .container-xl {
2835 max-width: 1140px; } }
2840 margin-right: -15px;
2841 margin-left: -15px; }
2847 .no-gutters > [class*="col-"] {
2851 .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
,
2852 .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
,
2853 .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
,
2854 .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
,
2855 .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
,
2859 padding-right: 15px;
2860 padding-left: 15px; }
2876 flex: 0 0 33.3333333333%;
2877 max-width: 33.3333333333%; }
2888 flex: 0 0 16.6666666667%;
2889 max-width: 16.6666666667%; }
2897 flex: 0 0 8.3333333333%;
2898 max-width: 8.3333333333%; }
2901 flex: 0 0 16.6666666667%;
2902 max-width: 16.6666666667%; }
2909 flex: 0 0 33.3333333333%;
2910 max-width: 33.3333333333%; }
2913 flex: 0 0 41.6666666667%;
2914 max-width: 41.6666666667%; }
2921 flex: 0 0 58.3333333333%;
2922 max-width: 58.3333333333%; }
2925 flex: 0 0 66.6666666667%;
2926 max-width: 66.6666666667%; }
2933 flex: 0 0 83.3333333333%;
2934 max-width: 83.3333333333%; }
2937 flex: 0 0 91.6666666667%;
2938 max-width: 91.6666666667%; }
2990 margin-left: 8.3333333333%; }
2993 margin-left: 16.6666666667%; }
2999 margin-left: 33.3333333333%; }
3002 margin-left: 41.6666666667%; }
3008 margin-left: 58.3333333333%; }
3011 margin-left: 66.6666666667%; }
3017 margin-left: 83.3333333333%; }
3020 margin-left: 91.6666666667%; }
3022 @media (min-width: 576px) {
3027 .row-cols-sm-1 > * {
3030 .row-cols-sm-2 > * {
3033 .row-cols-sm-3 > * {
3034 flex: 0 0 33.3333333333%;
3035 max-width: 33.3333333333%; }
3036 .row-cols-sm-4 > * {
3039 .row-cols-sm-5 > * {
3042 .row-cols-sm-6 > * {
3043 flex: 0 0 16.6666666667%;
3044 max-width: 16.6666666667%; }
3050 flex: 0 0 8.3333333333%;
3051 max-width: 8.3333333333%; }
3053 flex: 0 0 16.6666666667%;
3054 max-width: 16.6666666667%; }
3059 flex: 0 0 33.3333333333%;
3060 max-width: 33.3333333333%; }
3062 flex: 0 0 41.6666666667%;
3063 max-width: 41.6666666667%; }
3068 flex: 0 0 58.3333333333%;
3069 max-width: 58.3333333333%; }
3071 flex: 0 0 66.6666666667%;
3072 max-width: 66.6666666667%; }
3077 flex: 0 0 83.3333333333%;
3078 max-width: 83.3333333333%; }
3080 flex: 0 0 91.6666666667%;
3081 max-width: 91.6666666667%; }
3118 margin-left: 8.3333333333%; }
3120 margin-left: 16.6666666667%; }
3124 margin-left: 33.3333333333%; }
3126 margin-left: 41.6666666667%; }
3130 margin-left: 58.3333333333%; }
3132 margin-left: 66.6666666667%; }
3136 margin-left: 83.3333333333%; }
3138 margin-left: 91.6666666667%; } }
3140 @media (min-width: 768px) {
3145 .row-cols-md-1 > * {
3148 .row-cols-md-2 > * {
3151 .row-cols-md-3 > * {
3152 flex: 0 0 33.3333333333%;
3153 max-width: 33.3333333333%; }
3154 .row-cols-md-4 > * {
3157 .row-cols-md-5 > * {
3160 .row-cols-md-6 > * {
3161 flex: 0 0 16.6666666667%;
3162 max-width: 16.6666666667%; }
3168 flex: 0 0 8.3333333333%;
3169 max-width: 8.3333333333%; }
3171 flex: 0 0 16.6666666667%;
3172 max-width: 16.6666666667%; }
3177 flex: 0 0 33.3333333333%;
3178 max-width: 33.3333333333%; }
3180 flex: 0 0 41.6666666667%;
3181 max-width: 41.6666666667%; }
3186 flex: 0 0 58.3333333333%;
3187 max-width: 58.3333333333%; }
3189 flex: 0 0 66.6666666667%;
3190 max-width: 66.6666666667%; }
3195 flex: 0 0 83.3333333333%;
3196 max-width: 83.3333333333%; }
3198 flex: 0 0 91.6666666667%;
3199 max-width: 91.6666666667%; }
3236 margin-left: 8.3333333333%; }
3238 margin-left: 16.6666666667%; }
3242 margin-left: 33.3333333333%; }
3244 margin-left: 41.6666666667%; }
3248 margin-left: 58.3333333333%; }
3250 margin-left: 66.6666666667%; }
3254 margin-left: 83.3333333333%; }
3256 margin-left: 91.6666666667%; } }
3258 @media (min-width: 992px) {
3263 .row-cols-lg-1 > * {
3266 .row-cols-lg-2 > * {
3269 .row-cols-lg-3 > * {
3270 flex: 0 0 33.3333333333%;
3271 max-width: 33.3333333333%; }
3272 .row-cols-lg-4 > * {
3275 .row-cols-lg-5 > * {
3278 .row-cols-lg-6 > * {
3279 flex: 0 0 16.6666666667%;
3280 max-width: 16.6666666667%; }
3286 flex: 0 0 8.3333333333%;
3287 max-width: 8.3333333333%; }
3289 flex: 0 0 16.6666666667%;
3290 max-width: 16.6666666667%; }
3295 flex: 0 0 33.3333333333%;
3296 max-width: 33.3333333333%; }
3298 flex: 0 0 41.6666666667%;
3299 max-width: 41.6666666667%; }
3304 flex: 0 0 58.3333333333%;
3305 max-width: 58.3333333333%; }
3307 flex: 0 0 66.6666666667%;
3308 max-width: 66.6666666667%; }
3313 flex: 0 0 83.3333333333%;
3314 max-width: 83.3333333333%; }
3316 flex: 0 0 91.6666666667%;
3317 max-width: 91.6666666667%; }
3354 margin-left: 8.3333333333%; }
3356 margin-left: 16.6666666667%; }
3360 margin-left: 33.3333333333%; }
3362 margin-left: 41.6666666667%; }
3366 margin-left: 58.3333333333%; }
3368 margin-left: 66.6666666667%; }
3372 margin-left: 83.3333333333%; }
3374 margin-left: 91.6666666667%; } }
3376 @media (min-width: 1200px) {
3381 .row-cols-xl-1 > * {
3384 .row-cols-xl-2 > * {
3387 .row-cols-xl-3 > * {
3388 flex: 0 0 33.3333333333%;
3389 max-width: 33.3333333333%; }
3390 .row-cols-xl-4 > * {
3393 .row-cols-xl-5 > * {
3396 .row-cols-xl-6 > * {
3397 flex: 0 0 16.6666666667%;
3398 max-width: 16.6666666667%; }
3404 flex: 0 0 8.3333333333%;
3405 max-width: 8.3333333333%; }
3407 flex: 0 0 16.6666666667%;
3408 max-width: 16.6666666667%; }
3413 flex: 0 0 33.3333333333%;
3414 max-width: 33.3333333333%; }
3416 flex: 0 0 41.6666666667%;
3417 max-width: 41.6666666667%; }
3422 flex: 0 0 58.3333333333%;
3423 max-width: 58.3333333333%; }
3425 flex: 0 0 66.6666666667%;
3426 max-width: 66.6666666667%; }
3431 flex: 0 0 83.3333333333%;
3432 max-width: 83.3333333333%; }
3434 flex: 0 0 91.6666666667%;
3435 max-width: 91.6666666667%; }
3472 margin-left: 8.3333333333%; }
3474 margin-left: 16.6666666667%; }
3478 margin-left: 33.3333333333%; }
3480 margin-left: 41.6666666667%; }
3484 margin-left: 58.3333333333%; }
3486 margin-left: 66.6666666667%; }
3490 margin-left: 83.3333333333%; }
3492 margin-left: 91.6666666667%; } }
3496 margin-bottom: 1rem;
3501 vertical-align: top
;
3502 border-top: 1px solid
#dee2e6; }
3504 vertical-align: bottom
;
3505 border-bottom: 2px solid
#dee2e6; }
3506 .table tbody + tbody {
3507 border-top: 2px solid
#dee2e6; }
3514 border: 1px solid
#dee2e6; }
3516 .table-bordered td {
3517 border: 1px solid
#dee2e6; }
3518 .table-bordered thead th
,
3519 .table-bordered thead td {
3520 border-bottom-width: 2px; }
3522 .table-borderless th
,
3523 .table-borderless td
,
3524 .table-borderless thead th
,
3525 .table-borderless tbody + tbody {
3528 .table-striped tbody tr:nth-of-type(odd) {
3529 background-color: rgba
(0, 0, 0, 0.03); }
3531 .table-hover tbody tr:hover {
3533 background-color: rgba
(0, 0, 0, 0.075); }
3536 .table-primary
> th
,
3537 .table-primary > td {
3538 background-color: #bcd6ed; }
3542 .table-primary thead th
,
3543 .table-primary tbody + tbody {
3544 border-color: #82b3de; }
3546 .table-hover .table-primary:hover {
3547 background-color: #a8cae8; }
3548 .table-hover
.table-primary:hover
> td
,
3549 .table-hover .table-primary:hover > th {
3550 background-color: #a8cae8; }
3553 .table-secondary
> th
,
3554 .table-secondary > td {
3555 background-color: #f1f3f5; }
3557 .table-secondary th
,
3558 .table-secondary td
,
3559 .table-secondary thead th
,
3560 .table-secondary tbody + tbody {
3561 border-color: #e6e9ec; }
3563 .table-hover .table-secondary:hover {
3564 background-color: #e2e6ea; }
3565 .table-hover
.table-secondary:hover
> td
,
3566 .table-hover .table-secondary:hover > th {
3567 background-color: #e2e6ea; }
3570 .table-success
> th
,
3571 .table-success > td {
3572 background-color: #c6dac6; }
3576 .table-success thead th
,
3577 .table-success tbody + tbody {
3578 border-color: #96ba94; }
3580 .table-hover .table-success:hover {
3581 background-color: #b7d0b7; }
3582 .table-hover
.table-success:hover
> td
,
3583 .table-hover .table-success:hover > th {
3584 background-color: #b7d0b7; }
3589 background-color: #b8dce2; }
3593 .table-info thead th
,
3594 .table-info tbody + tbody {
3595 border-color: #7abdc8; }
3597 .table-hover .table-info:hover {
3598 background-color: #a6d3db; }
3599 .table-hover
.table-info:hover
> td
,
3600 .table-hover .table-info:hover > th {
3601 background-color: #a6d3db; }
3604 .table-warning
> th
,
3605 .table-warning > td {
3606 background-color: #fbe8cd; }
3610 .table-warning thead th
,
3611 .table-warning tbody + tbody {
3612 border-color: #f7d4a3; }
3614 .table-hover .table-warning:hover {
3615 background-color: #f9ddb5; }
3616 .table-hover
.table-warning:hover
> td
,
3617 .table-hover .table-warning:hover > th {
3618 background-color: #f9ddb5; }
3622 .table-danger > td {
3623 background-color: #f0c5c1; }
3627 .table-danger thead th
,
3628 .table-danger tbody + tbody {
3629 border-color: #e3948b; }
3631 .table-hover .table-danger:hover {
3632 background-color: #ebb2ac; }
3633 .table-hover
.table-danger:hover
> td
,
3634 .table-hover .table-danger:hover > th {
3635 background-color: #ebb2ac; }
3640 background-color: #fdfdfe; }
3644 .table-light thead th
,
3645 .table-light tbody + tbody {
3646 border-color: #fbfcfc; }
3648 .table-hover .table-light:hover {
3649 background-color: #ececf6; }
3650 .table-hover
.table-light:hover
> td
,
3651 .table-hover .table-light:hover > th {
3652 background-color: #ececf6; }
3657 background-color: #c6c8ca; }
3661 .table-dark thead th
,
3662 .table-dark tbody + tbody {
3663 border-color: #95999c; }
3665 .table-hover .table-dark:hover {
3666 background-color: #b9bbbe; }
3667 .table-hover
.table-dark:hover
> td
,
3668 .table-hover .table-dark:hover > th {
3669 background-color: #b9bbbe; }
3673 .table-active > td {
3674 background-color: rgba
(0, 0, 0, 0.075); }
3676 .table-hover .table-active:hover {
3677 background-color: rgba
(0, 0, 0, 0.075); }
3678 .table-hover
.table-active:hover
> td
,
3679 .table-hover .table-active:hover > th {
3680 background-color: rgba
(0, 0, 0, 0.075); }
3682 .table .thead-dark th {
3684 background-color: #343a40;
3685 border-color: #454d55; }
3687 .table .thead-light th {
3689 background-color: #e9ecef;
3690 border-color: #dee2e6; }
3694 background-color: #343a40; }
3697 .table-dark thead th {
3698 border-color: #454d55; }
3699 .table-dark.table-bordered {
3701 .table-dark.table-striped tbody tr:nth-of-type(odd) {
3702 background-color: rgba
(255, 255, 255, 0.05); }
3703 .table-dark.table-hover tbody tr:hover {
3705 background-color: rgba
(255, 255, 255, 0.075); }
3707 @media (max-width: 575.98px) {
3708 .table-responsive-sm {
3712 -webkit-overflow-scrolling: touch
; }
3713 .table-responsive-sm > .table-bordered {
3716 @media (max-width: 767.98px) {
3717 .table-responsive-md {
3721 -webkit-overflow-scrolling: touch
; }
3722 .table-responsive-md > .table-bordered {
3725 @media (max-width: 991.98px) {
3726 .table-responsive-lg {
3730 -webkit-overflow-scrolling: touch
; }
3731 .table-responsive-lg > .table-bordered {
3734 @media (max-width: 1199.98px) {
3735 .table-responsive-xl {
3739 -webkit-overflow-scrolling: touch
; }
3740 .table-responsive-xl > .table-bordered {
3747 -webkit-overflow-scrolling: touch
; }
3748 .table-responsive > .table-bordered {
3754 height: calc
(1.5em + 0.75rem + 2px);
3755 padding: 0.375rem 0.75rem;
3756 font-size: 0.9375rem;
3760 background-color: #fff;
3761 background-clip: padding-box
;
3762 border: 1px solid
#8f959e;
3764 transition: border-color
0.15s ease-in-out
, box-shadow
0.15s ease-in-out
; }
3765 @media
(max-width: 1200px) {
3767 font-size: calc
(0.90375rem + 0.045vw) ; } }
3768 @media
(prefers-reduced-motion: reduce
) {
3770 transition: none
; } }
3771 .form-control::-ms-expand {
3772 background-color: transparent
;
3774 .form-control:-moz-focusring {
3776 text-shadow: 0 0 0 #495057; }
3777 .form-control:focus {
3779 background-color: #fff;
3780 border-color: #5babf2;
3782 box-shadow: 0 0 0 0.2rem rgba
(15, 108, 191, 0.75); }
3783 .form-control::placeholder {
3786 .form-control:disabled, .form-control[readonly] {
3787 background-color: #e9ecef;
3790 input
[type
="date"].form-control
,
3791 input
[type
="time"].form-control
,
3792 input
[type
="datetime-local"].form-control
,
3793 input
[type
="month"].form-control
{
3796 select
.form-control:focus::-ms-value
{
3798 background-color: #fff; }
3801 .form-control-range {
3806 padding-top: calc
(0.375rem + 1px);
3807 padding-bottom: calc
(0.375rem + 1px);
3812 .col-form-label-lg {
3813 padding-top: calc
(0.5rem + 1px);
3814 padding-bottom: calc
(0.5rem + 1px);
3815 font-size: 1.171875rem;
3817 @media
(max-width: 1200px) {
3818 .col-form-label-lg {
3819 font-size: calc
(0.9271875rem + 0.32625vw) ; } }
3821 .col-form-label-sm {
3822 padding-top: calc
(0.25rem + 1px);
3823 padding-bottom: calc
(0.25rem + 1px);
3824 font-size: 0.8203125rem;
3827 .form-control-plaintext {
3830 padding: 0.375rem 0;
3832 font-size: 0.9375rem;
3835 background-color: transparent
;
3836 border: solid transparent
;
3837 border-width: 1px 0; }
3838 @media
(max-width: 1200px) {
3839 .form-control-plaintext {
3840 font-size: calc
(0.90375rem + 0.045vw) ; } }
3841 .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
3846 height: calc
(1.5em + 0.5rem + 2px);
3847 padding: 0.25rem 0.5rem;
3848 font-size: 0.8203125rem;
3852 height: calc
(1.5em + 1rem + 2px);
3853 padding: 0.5rem 1rem;
3854 font-size: 1.171875rem;
3856 @media
(max-width: 1200px) {
3858 font-size: calc
(0.9271875rem + 0.32625vw) ; } }
3860 select
.form-control
[size
], select
.form-control
[multiple
] {
3863 textarea
.form-control
{
3867 margin-bottom: 1rem; }
3871 margin-top: 0.25rem; }
3877 margin-left: -5px; }
3879 .form-row > [class*="col-"] {
3881 padding-left: 5px; }
3886 padding-left: 1.25rem; }
3891 margin-left: -1.25rem; }
3892 .form-check-input
[disabled
] ~ .form-check-label
,
3893 .form-check-input:disabled ~ .form-check-label {
3899 .form-check-inline {
3900 display: inline-flex
;
3901 align-items: center
;
3903 margin-right: 0.75rem; }
3904 .form-check-inline .form-check-input {
3907 margin-right: 0.3125rem;
3913 margin-top: 0.25rem;
3924 padding: 0.25rem 0.5rem;
3926 font-size: 0.8203125rem;
3929 background-color: rgba
(53, 122, 50, 0.9); }
3930 .form-row
> .col
> .valid-tooltip
,
3931 .form-row > [class*="col-"] > .valid-tooltip {
3934 .was-validated :valid
~ .valid-feedback
,
3935 .was-validated :valid
~ .valid-tooltip
,
3936 .is-valid
~ .valid-feedback
,
3937 .is-valid ~ .valid-tooltip {
3940 .was-validated .form-control:valid, .form-control.is-valid {
3941 border-color: #357a32;
3942 padding-right: calc
(1.5em + 0.75rem);
3943 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");
3944 background-repeat: no-repeat
;
3945 background-position: right calc
(0.375em + 0.1875rem) center
;
3946 background-size: calc
(0.75em + 0.375rem) calc
(0.75em + 0.375rem); }
3947 .was-validated .form-control:valid:focus, .form-control.is-valid:focus {
3948 border-color: #357a32;
3949 box-shadow: 0 0 0 0.2rem rgba
(53, 122, 50, 0.25); }
3951 .was-validated textarea.form-control:valid, textarea.form-control.is-valid {
3952 padding-right: calc
(1.5em + 0.75rem);
3953 background-position: top calc
(0.375em + 0.1875rem) right calc
(0.375em + 0.1875rem); }
3955 .was-validated .custom-select:valid, .custom-select.is-valid {
3956 border-color: #357a32;
3957 padding-right: calc
(0.75em + 2.3125rem);
3958 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
; }
3959 .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
3960 border-color: #357a32;
3961 box-shadow: 0 0 0 0.2rem rgba
(53, 122, 50, 0.25); }
3963 .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
3966 .was-validated
.form-check-input:valid
~ .valid-feedback
,
3967 .was-validated
.form-check-input:valid
~ .valid-tooltip
, .form-check-input
.is-valid
~ .valid-feedback
,
3968 .form-check-input.is-valid ~ .valid-tooltip {
3971 .was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
3973 .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
3974 border-color: #357a32; }
3976 .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
3977 border-color: #459e41;
3978 background-color: #459e41; }
3980 .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
3981 box-shadow: 0 0 0 0.2rem rgba
(53, 122, 50, 0.25); }
3983 .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 {
3984 border-color: #357a32; }
3986 .was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
3987 border-color: #357a32; }
3989 .was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
3990 border-color: #357a32;
3991 box-shadow: 0 0 0 0.2rem rgba
(53, 122, 50, 0.25); }
3996 margin-top: 0.25rem;
4007 padding: 0.25rem 0.5rem;
4009 font-size: 0.8203125rem;
4012 background-color: rgba
(202, 49, 32, 0.9); }
4013 .form-row
> .col
> .invalid-tooltip
,
4014 .form-row > [class*="col-"] > .invalid-tooltip {
4017 .was-validated :invalid
~ .invalid-feedback
,
4018 .was-validated :invalid
~ .invalid-tooltip
,
4019 .is-invalid
~ .invalid-feedback
,
4020 .is-invalid ~ .invalid-tooltip {
4023 .was-validated .form-control:invalid, .form-control.is-invalid {
4024 border-color: #ca3120;
4025 padding-right: calc
(1.5em + 0.75rem);
4026 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");
4027 background-repeat: no-repeat
;
4028 background-position: right calc
(0.375em + 0.1875rem) center
;
4029 background-size: calc
(0.75em + 0.375rem) calc
(0.75em + 0.375rem); }
4030 .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
4031 border-color: #ca3120;
4032 box-shadow: 0 0 0 0.2rem rgba
(202, 49, 32, 0.25); }
4034 .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
4035 padding-right: calc
(1.5em + 0.75rem);
4036 background-position: top calc
(0.375em + 0.1875rem) right calc
(0.375em + 0.1875rem); }
4038 .was-validated .custom-select:invalid, .custom-select.is-invalid {
4039 border-color: #ca3120;
4040 padding-right: calc
(0.75em + 2.3125rem);
4041 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
; }
4042 .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
4043 border-color: #ca3120;
4044 box-shadow: 0 0 0 0.2rem rgba
(202, 49, 32, 0.25); }
4046 .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
4049 .was-validated
.form-check-input:invalid
~ .invalid-feedback
,
4050 .was-validated
.form-check-input:invalid
~ .invalid-tooltip
, .form-check-input
.is-invalid
~ .invalid-feedback
,
4051 .form-check-input.is-invalid ~ .invalid-tooltip {
4054 .was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
4056 .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
4057 border-color: #ca3120; }
4059 .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
4060 border-color: #e04d3d;
4061 background-color: #e04d3d; }
4063 .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
4064 box-shadow: 0 0 0 0.2rem rgba
(202, 49, 32, 0.25); }
4066 .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 {
4067 border-color: #ca3120; }
4069 .was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
4070 border-color: #ca3120; }
4072 .was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
4073 border-color: #ca3120;
4074 box-shadow: 0 0 0 0.2rem rgba
(202, 49, 32, 0.25); }
4078 flex-flow: row wrap
;
4079 align-items: center
; }
4080 .form-inline .form-check {
4082 @media
(min-width: 576px) {
4083 .form-inline label {
4085 align-items: center
;
4086 justify-content: center
;
4088 .form-inline .form-group {
4091 flex-flow: row wrap
;
4092 align-items: center
;
4094 .form-inline .form-control {
4095 display: inline-block
;
4097 vertical-align: middle
; }
4098 .form-inline .form-control-plaintext {
4099 display: inline-block
; }
4100 .form-inline
.input-group
,
4101 .form-inline .custom-select {
4103 .form-inline .form-check {
4105 align-items: center
;
4106 justify-content: center
;
4109 .form-inline .form-check-input {
4113 margin-right: 0.25rem;
4115 .form-inline .custom-control {
4116 align-items: center
;
4117 justify-content: center
; }
4118 .form-inline .custom-control-label {
4119 margin-bottom: 0; } }
4122 display: inline-block
;
4126 vertical-align: middle
;
4128 background-color: transparent
;
4129 border: 1px solid transparent
;
4130 padding: 0.375rem 0.75rem;
4131 font-size: 0.9375rem;
4134 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
; }
4135 @media
(max-width: 1200px) {
4137 font-size: calc
(0.90375rem + 0.045vw) ; } }
4138 @media
(prefers-reduced-motion: reduce
) {
4140 transition: none
; } }
4143 text-decoration: none
; }
4144 .btn:focus, .btn.focus {
4146 box-shadow: 0 0 0 0.2rem rgba
(15, 108, 191, 0.75); }
4147 .btn.disabled, .btn:disabled {
4149 .btn:not(:disabled):not(.disabled) {
4153 fieldset:disabled a
.btn
{
4154 pointer-events: none
; }
4158 background-color: #0f6cbf;
4159 border-color: #0f6cbf; }
4160 .btn-primary:hover {
4162 background-color: #0c589c;
4163 border-color: #0b5190; }
4164 .btn-primary:focus, .btn-primary.focus {
4166 background-color: #0c589c;
4167 border-color: #0b5190;
4168 box-shadow: 0 0 0 0.2rem rgba
(51, 130, 201, 0.5); }
4169 .btn-primary.disabled, .btn-primary:disabled {
4171 background-color: #0f6cbf;
4172 border-color: #0f6cbf; }
4173 .btn-primary:not
(:disabled
):not
(.disabled
):active
, .btn-primary:not
(:disabled
):not
(.disabled
).active
,
4174 .show > .btn-primary.dropdown-toggle {
4176 background-color: #0b5190;
4177 border-color: #0a4b84; }
4178 .btn-primary:not
(:disabled
):not
(.disabled
):active:focus
, .btn-primary:not
(:disabled
):not
(.disabled
).active:focus
,
4179 .show > .btn-primary.dropdown-toggle:focus {
4180 box-shadow: 0 0 0 0.2rem rgba
(51, 130, 201, 0.5); }
4184 background-color: #ced4da;
4185 border-color: #ced4da; }
4186 .btn-secondary:hover {
4188 background-color: #b8c1ca;
4189 border-color: #b1bbc4; }
4190 .btn-secondary:focus, .btn-secondary.focus {
4192 background-color: #b8c1ca;
4193 border-color: #b1bbc4;
4194 box-shadow: 0 0 0 0.2rem rgba
(179, 185, 191, 0.5); }
4195 .btn-secondary.disabled, .btn-secondary:disabled {
4197 background-color: #ced4da;
4198 border-color: #ced4da; }
4199 .btn-secondary:not
(:disabled
):not
(.disabled
):active
, .btn-secondary:not
(:disabled
):not
(.disabled
).active
,
4200 .show > .btn-secondary.dropdown-toggle {
4202 background-color: #b1bbc4;
4203 border-color: #aab4bf; }
4204 .btn-secondary:not
(:disabled
):not
(.disabled
):active:focus
, .btn-secondary:not
(:disabled
):not
(.disabled
).active:focus
,
4205 .show > .btn-secondary.dropdown-toggle:focus {
4206 box-shadow: 0 0 0 0.2rem rgba
(179, 185, 191, 0.5); }
4210 background-color: #357a32;
4211 border-color: #357a32; }
4212 .btn-success:hover {
4214 background-color: #295f27;
4215 border-color: #255623; }
4216 .btn-success:focus, .btn-success.focus {
4218 background-color: #295f27;
4219 border-color: #255623;
4220 box-shadow: 0 0 0 0.2rem rgba
(83, 142, 81, 0.5); }
4221 .btn-success.disabled, .btn-success:disabled {
4223 background-color: #357a32;
4224 border-color: #357a32; }
4225 .btn-success:not
(:disabled
):not
(.disabled
):active
, .btn-success:not
(:disabled
):not
(.disabled
).active
,
4226 .show > .btn-success.dropdown-toggle {
4228 background-color: #255623;
4229 border-color: #214d1f; }
4230 .btn-success:not
(:disabled
):not
(.disabled
):active:focus
, .btn-success:not
(:disabled
):not
(.disabled
).active:focus
,
4231 .show > .btn-success.dropdown-toggle:focus {
4232 box-shadow: 0 0 0 0.2rem rgba
(83, 142, 81, 0.5); }
4236 background-color: #008196;
4237 border-color: #008196; }
4240 background-color: #006070;
4241 border-color: #005563; }
4242 .btn-info:focus, .btn-info.focus {
4244 background-color: #006070;
4245 border-color: #005563;
4246 box-shadow: 0 0 0 0.2rem rgba
(38, 148, 166, 0.5); }
4247 .btn-info.disabled, .btn-info:disabled {
4249 background-color: #008196;
4250 border-color: #008196; }
4251 .btn-info:not
(:disabled
):not
(.disabled
):active
, .btn-info:not
(:disabled
):not
(.disabled
).active
,
4252 .show > .btn-info.dropdown-toggle {
4254 background-color: #005563;
4255 border-color: #004a56; }
4256 .btn-info:not
(:disabled
):not
(.disabled
):active:focus
, .btn-info:not
(:disabled
):not
(.disabled
).active:focus
,
4257 .show > .btn-info.dropdown-toggle:focus {
4258 box-shadow: 0 0 0 0.2rem rgba
(38, 148, 166, 0.5); }
4262 background-color: #f0ad4e;
4263 border-color: #f0ad4e; }
4264 .btn-warning:hover {
4266 background-color: #ed9d2b;
4267 border-color: #ec971f; }
4268 .btn-warning:focus, .btn-warning.focus {
4270 background-color: #ed9d2b;
4271 border-color: #ec971f;
4272 box-shadow: 0 0 0 0.2rem rgba
(208, 152, 72, 0.5); }
4273 .btn-warning.disabled, .btn-warning:disabled {
4275 background-color: #f0ad4e;
4276 border-color: #f0ad4e; }
4277 .btn-warning:not
(:disabled
):not
(.disabled
):active
, .btn-warning:not
(:disabled
):not
(.disabled
).active
,
4278 .show > .btn-warning.dropdown-toggle {
4280 background-color: #ec971f;
4281 border-color: #ea9214; }
4282 .btn-warning:not
(:disabled
):not
(.disabled
):active:focus
, .btn-warning:not
(:disabled
):not
(.disabled
).active:focus
,
4283 .show > .btn-warning.dropdown-toggle:focus {
4284 box-shadow: 0 0 0 0.2rem rgba
(208, 152, 72, 0.5); }
4288 background-color: #ca3120;
4289 border-color: #ca3120; }
4292 background-color: #a9291b;
4293 border-color: #9e2619; }
4294 .btn-danger:focus, .btn-danger.focus {
4296 background-color: #a9291b;
4297 border-color: #9e2619;
4298 box-shadow: 0 0 0 0.2rem rgba
(210, 80, 65, 0.5); }
4299 .btn-danger.disabled, .btn-danger:disabled {
4301 background-color: #ca3120;
4302 border-color: #ca3120; }
4303 .btn-danger:not
(:disabled
):not
(.disabled
):active
, .btn-danger:not
(:disabled
):not
(.disabled
).active
,
4304 .show > .btn-danger.dropdown-toggle {
4306 background-color: #9e2619;
4307 border-color: #932417; }
4308 .btn-danger:not
(:disabled
):not
(.disabled
):active:focus
, .btn-danger:not
(:disabled
):not
(.disabled
).active:focus
,
4309 .show > .btn-danger.dropdown-toggle:focus {
4310 box-shadow: 0 0 0 0.2rem rgba
(210, 80, 65, 0.5); }
4314 background-color: #f8f9fa;
4315 border-color: #f8f9fa; }
4318 background-color: #e2e6ea;
4319 border-color: #dae0e5; }
4320 .btn-light:focus, .btn-light.focus {
4322 background-color: #e2e6ea;
4323 border-color: #dae0e5;
4324 box-shadow: 0 0 0 0.2rem rgba
(215, 217, 218, 0.5); }
4325 .btn-light.disabled, .btn-light:disabled {
4327 background-color: #f8f9fa;
4328 border-color: #f8f9fa; }
4329 .btn-light:not
(:disabled
):not
(.disabled
):active
, .btn-light:not
(:disabled
):not
(.disabled
).active
,
4330 .show > .btn-light.dropdown-toggle {
4332 background-color: #dae0e5;
4333 border-color: #d3d9df; }
4334 .btn-light:not
(:disabled
):not
(.disabled
):active:focus
, .btn-light:not
(:disabled
):not
(.disabled
).active:focus
,
4335 .show > .btn-light.dropdown-toggle:focus {
4336 box-shadow: 0 0 0 0.2rem rgba
(215, 217, 218, 0.5); }
4340 background-color: #343a40;
4341 border-color: #343a40; }
4344 background-color: #23272b;
4345 border-color: #1d2124; }
4346 .btn-dark:focus, .btn-dark.focus {
4348 background-color: #23272b;
4349 border-color: #1d2124;
4350 box-shadow: 0 0 0 0.2rem rgba
(82, 88, 93, 0.5); }
4351 .btn-dark.disabled, .btn-dark:disabled {
4353 background-color: #343a40;
4354 border-color: #343a40; }
4355 .btn-dark:not
(:disabled
):not
(.disabled
):active
, .btn-dark:not
(:disabled
):not
(.disabled
).active
,
4356 .show > .btn-dark.dropdown-toggle {
4358 background-color: #1d2124;
4359 border-color: #171a1d; }
4360 .btn-dark:not
(:disabled
):not
(.disabled
):active:focus
, .btn-dark:not
(:disabled
):not
(.disabled
).active:focus
,
4361 .show > .btn-dark.dropdown-toggle:focus {
4362 box-shadow: 0 0 0 0.2rem rgba
(82, 88, 93, 0.5); }
4364 .btn-outline-primary {
4366 border-color: #0f6cbf; }
4367 .btn-outline-primary:hover {
4369 background-color: #0f6cbf;
4370 border-color: #0f6cbf; }
4371 .btn-outline-primary:focus, .btn-outline-primary.focus {
4372 box-shadow: 0 0 0 0.2rem rgba
(15, 108, 191, 0.5); }
4373 .btn-outline-primary.disabled, .btn-outline-primary:disabled {
4375 background-color: transparent
; }
4376 .btn-outline-primary:not
(:disabled
):not
(.disabled
):active
, .btn-outline-primary:not
(:disabled
):not
(.disabled
).active
,
4377 .show > .btn-outline-primary.dropdown-toggle {
4379 background-color: #0f6cbf;
4380 border-color: #0f6cbf; }
4381 .btn-outline-primary:not
(:disabled
):not
(.disabled
):active:focus
, .btn-outline-primary:not
(:disabled
):not
(.disabled
).active:focus
,
4382 .show > .btn-outline-primary.dropdown-toggle:focus {
4383 box-shadow: 0 0 0 0.2rem rgba
(15, 108, 191, 0.5); }
4385 .btn-outline-secondary {
4387 border-color: #ced4da; }
4388 .btn-outline-secondary:hover {
4390 background-color: #ced4da;
4391 border-color: #ced4da; }
4392 .btn-outline-secondary:focus, .btn-outline-secondary.focus {
4393 box-shadow: 0 0 0 0.2rem rgba
(206, 212, 218, 0.5); }
4394 .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
4396 background-color: transparent
; }
4397 .btn-outline-secondary:not
(:disabled
):not
(.disabled
):active
, .btn-outline-secondary:not
(:disabled
):not
(.disabled
).active
,
4398 .show > .btn-outline-secondary.dropdown-toggle {
4400 background-color: #ced4da;
4401 border-color: #ced4da; }
4402 .btn-outline-secondary:not
(:disabled
):not
(.disabled
):active:focus
, .btn-outline-secondary:not
(:disabled
):not
(.disabled
).active:focus
,
4403 .show > .btn-outline-secondary.dropdown-toggle:focus {
4404 box-shadow: 0 0 0 0.2rem rgba
(206, 212, 218, 0.5); }
4406 .btn-outline-success {
4408 border-color: #357a32; }
4409 .btn-outline-success:hover {
4411 background-color: #357a32;
4412 border-color: #357a32; }
4413 .btn-outline-success:focus, .btn-outline-success.focus {
4414 box-shadow: 0 0 0 0.2rem rgba
(53, 122, 50, 0.5); }
4415 .btn-outline-success.disabled, .btn-outline-success:disabled {
4417 background-color: transparent
; }
4418 .btn-outline-success:not
(:disabled
):not
(.disabled
):active
, .btn-outline-success:not
(:disabled
):not
(.disabled
).active
,
4419 .show > .btn-outline-success.dropdown-toggle {
4421 background-color: #357a32;
4422 border-color: #357a32; }
4423 .btn-outline-success:not
(:disabled
):not
(.disabled
):active:focus
, .btn-outline-success:not
(:disabled
):not
(.disabled
).active:focus
,
4424 .show > .btn-outline-success.dropdown-toggle:focus {
4425 box-shadow: 0 0 0 0.2rem rgba
(53, 122, 50, 0.5); }
4429 border-color: #008196; }
4430 .btn-outline-info:hover {
4432 background-color: #008196;
4433 border-color: #008196; }
4434 .btn-outline-info:focus, .btn-outline-info.focus {
4435 box-shadow: 0 0 0 0.2rem rgba
(0, 129, 150, 0.5); }
4436 .btn-outline-info.disabled, .btn-outline-info:disabled {
4438 background-color: transparent
; }
4439 .btn-outline-info:not
(:disabled
):not
(.disabled
):active
, .btn-outline-info:not
(:disabled
):not
(.disabled
).active
,
4440 .show > .btn-outline-info.dropdown-toggle {
4442 background-color: #008196;
4443 border-color: #008196; }
4444 .btn-outline-info:not
(:disabled
):not
(.disabled
):active:focus
, .btn-outline-info:not
(:disabled
):not
(.disabled
).active:focus
,
4445 .show > .btn-outline-info.dropdown-toggle:focus {
4446 box-shadow: 0 0 0 0.2rem rgba
(0, 129, 150, 0.5); }
4448 .btn-outline-warning {
4450 border-color: #f0ad4e; }
4451 .btn-outline-warning:hover {
4453 background-color: #f0ad4e;
4454 border-color: #f0ad4e; }
4455 .btn-outline-warning:focus, .btn-outline-warning.focus {
4456 box-shadow: 0 0 0 0.2rem rgba
(240, 173, 78, 0.5); }
4457 .btn-outline-warning.disabled, .btn-outline-warning:disabled {
4459 background-color: transparent
; }
4460 .btn-outline-warning:not
(:disabled
):not
(.disabled
):active
, .btn-outline-warning:not
(:disabled
):not
(.disabled
).active
,
4461 .show > .btn-outline-warning.dropdown-toggle {
4463 background-color: #f0ad4e;
4464 border-color: #f0ad4e; }
4465 .btn-outline-warning:not
(:disabled
):not
(.disabled
):active:focus
, .btn-outline-warning:not
(:disabled
):not
(.disabled
).active:focus
,
4466 .show > .btn-outline-warning.dropdown-toggle:focus {
4467 box-shadow: 0 0 0 0.2rem rgba
(240, 173, 78, 0.5); }
4469 .btn-outline-danger {
4471 border-color: #ca3120; }
4472 .btn-outline-danger:hover {
4474 background-color: #ca3120;
4475 border-color: #ca3120; }
4476 .btn-outline-danger:focus, .btn-outline-danger.focus {
4477 box-shadow: 0 0 0 0.2rem rgba
(202, 49, 32, 0.5); }
4478 .btn-outline-danger.disabled, .btn-outline-danger:disabled {
4480 background-color: transparent
; }
4481 .btn-outline-danger:not
(:disabled
):not
(.disabled
):active
, .btn-outline-danger:not
(:disabled
):not
(.disabled
).active
,
4482 .show > .btn-outline-danger.dropdown-toggle {
4484 background-color: #ca3120;
4485 border-color: #ca3120; }
4486 .btn-outline-danger:not
(:disabled
):not
(.disabled
):active:focus
, .btn-outline-danger:not
(:disabled
):not
(.disabled
).active:focus
,
4487 .show > .btn-outline-danger.dropdown-toggle:focus {
4488 box-shadow: 0 0 0 0.2rem rgba
(202, 49, 32, 0.5); }
4490 .btn-outline-light {
4492 border-color: #f8f9fa; }
4493 .btn-outline-light:hover {
4495 background-color: #f8f9fa;
4496 border-color: #f8f9fa; }
4497 .btn-outline-light:focus, .btn-outline-light.focus {
4498 box-shadow: 0 0 0 0.2rem rgba
(248, 249, 250, 0.5); }
4499 .btn-outline-light.disabled, .btn-outline-light:disabled {
4501 background-color: transparent
; }
4502 .btn-outline-light:not
(:disabled
):not
(.disabled
):active
, .btn-outline-light:not
(:disabled
):not
(.disabled
).active
,
4503 .show > .btn-outline-light.dropdown-toggle {
4505 background-color: #f8f9fa;
4506 border-color: #f8f9fa; }
4507 .btn-outline-light:not
(:disabled
):not
(.disabled
):active:focus
, .btn-outline-light:not
(:disabled
):not
(.disabled
).active:focus
,
4508 .show > .btn-outline-light.dropdown-toggle:focus {
4509 box-shadow: 0 0 0 0.2rem rgba
(248, 249, 250, 0.5); }
4513 border-color: #343a40; }
4514 .btn-outline-dark:hover {
4516 background-color: #343a40;
4517 border-color: #343a40; }
4518 .btn-outline-dark:focus, .btn-outline-dark.focus {
4519 box-shadow: 0 0 0 0.2rem rgba
(52, 58, 64, 0.5); }
4520 .btn-outline-dark.disabled, .btn-outline-dark:disabled {
4522 background-color: transparent
; }
4523 .btn-outline-dark:not
(:disabled
):not
(.disabled
):active
, .btn-outline-dark:not
(:disabled
):not
(.disabled
).active
,
4524 .show > .btn-outline-dark.dropdown-toggle {
4526 background-color: #343a40;
4527 border-color: #343a40; }
4528 .btn-outline-dark:not
(:disabled
):not
(.disabled
):active:focus
, .btn-outline-dark:not
(:disabled
):not
(.disabled
).active:focus
,
4529 .show > .btn-outline-dark.dropdown-toggle:focus {
4530 box-shadow: 0 0 0 0.2rem rgba
(52, 58, 64, 0.5); }
4535 text-decoration: none
; }
4538 text-decoration: underline
; }
4539 .btn-link:focus, .btn-link.focus {
4540 text-decoration: underline
; }
4541 .btn-link:disabled, .btn-link.disabled {
4543 pointer-events: none
; }
4545 .btn-lg, .btn-group-lg > .btn {
4546 padding: 0.5rem 1rem;
4547 font-size: 1.171875rem;
4550 @media
(max-width: 1200px) {
4551 .btn-lg, .btn-group-lg > .btn {
4552 font-size: calc
(0.9271875rem + 0.32625vw) ; } }
4554 .btn-sm, .btn-group-sm > .btn {
4555 padding: 0.25rem 0.5rem;
4556 font-size: 0.8203125rem;
4563 .btn-block + .btn-block {
4564 margin-top: 0.5rem; }
4566 input
[type
="submit"].btn-block
,
4567 input
[type
="reset"].btn-block
,
4568 input
[type
="button"].btn-block
{
4572 transition: opacity
0.15s linear
; }
4573 @media
(prefers-reduced-motion: reduce
) {
4575 transition: none
; } }
4579 .collapse:not(.show) {
4586 transition: height
0.35s ease
; }
4587 @media
(prefers-reduced-motion: reduce
) {
4589 transition: none
; } }
4595 position: relative
; }
4598 white-space: nowrap
; }
4599 .dropdown-toggle::after {
4600 display: inline-block
;
4601 margin-left: 0.255em;
4602 vertical-align: 0.255em;
4604 border-top: 0.3em solid
;
4605 border-right: 0.3em solid transparent
;
4607 border-left: 0.3em solid transparent
; }
4608 .dropdown-toggle:empty::after {
4620 margin: 0.125rem 0 0;
4621 font-size: 0.9375rem;
4625 background-color: #fff;
4626 background-clip: padding-box
;
4627 border: 1px solid rgba
(0, 0, 0, 0.15); }
4628 @media
(max-width: 1200px) {
4630 font-size: calc
(0.90375rem + 0.045vw) ; } }
4632 .dropdown-menu-left {
4636 .dropdown-menu-right {
4640 @media (min-width: 576px) {
4641 .dropdown-menu-sm-left {
4644 .dropdown-menu-sm-right {
4648 @media (min-width: 768px) {
4649 .dropdown-menu-md-left {
4652 .dropdown-menu-md-right {
4656 @media (min-width: 992px) {
4657 .dropdown-menu-lg-left {
4660 .dropdown-menu-lg-right {
4664 @media (min-width: 1200px) {
4665 .dropdown-menu-xl-left {
4668 .dropdown-menu-xl-right {
4672 .dropup .dropdown-menu {
4676 margin-bottom: 0.125rem; }
4678 .dropup .dropdown-toggle::after {
4679 display: inline-block
;
4680 margin-left: 0.255em;
4681 vertical-align: 0.255em;
4684 border-right: 0.3em solid transparent
;
4685 border-bottom: 0.3em solid
;
4686 border-left: 0.3em solid transparent
; }
4688 .dropup .dropdown-toggle:empty::after {
4691 .dropright .dropdown-menu {
4696 margin-left: 0.125rem; }
4698 .dropright .dropdown-toggle::after {
4699 display: inline-block
;
4700 margin-left: 0.255em;
4701 vertical-align: 0.255em;
4703 border-top: 0.3em solid transparent
;
4705 border-bottom: 0.3em solid transparent
;
4706 border-left: 0.3em solid
; }
4708 .dropright .dropdown-toggle:empty::after {
4711 .dropright .dropdown-toggle::after {
4712 vertical-align: 0; }
4714 .dropleft .dropdown-menu {
4719 margin-right: 0.125rem; }
4721 .dropleft .dropdown-toggle::after {
4722 display: inline-block
;
4723 margin-left: 0.255em;
4724 vertical-align: 0.255em;
4727 .dropleft .dropdown-toggle::after {
4730 .dropleft .dropdown-toggle::before {
4731 display: inline-block
;
4732 margin-right: 0.255em;
4733 vertical-align: 0.255em;
4735 border-top: 0.3em solid transparent
;
4736 border-right: 0.3em solid
;
4737 border-bottom: 0.3em solid transparent
; }
4739 .dropleft .dropdown-toggle:empty::after {
4742 .dropleft .dropdown-toggle::before {
4743 vertical-align: 0; }
4745 .dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] {
4753 border-top: 1px solid
#e9ecef; }
4758 padding: 0.25rem 1.5rem;
4762 text-align: inherit
;
4763 white-space: nowrap
;
4764 background-color: transparent
;
4766 .dropdown-item:hover, .dropdown-item:focus {
4768 text-decoration: none
;
4769 background-color: #0f6cbf; }
4770 .dropdown-item.active, .dropdown-item:active {
4772 text-decoration: none
;
4773 background-color: #0f6cbf; }
4774 .dropdown-item.disabled, .dropdown-item:disabled {
4776 pointer-events: none
;
4777 background-color: transparent
; }
4779 .dropdown-menu.show {
4784 padding: 0.5rem 1.5rem;
4786 font-size: 0.8203125rem;
4788 white-space: nowrap
; }
4790 .dropdown-item-text {
4792 padding: 0.25rem 1.5rem;
4796 .btn-group-vertical {
4798 display: inline-flex
;
4799 vertical-align: middle
; }
4801 .btn-group-vertical > .btn {
4804 .btn-group
> .btn:hover
,
4805 .btn-group-vertical > .btn:hover {
4807 .btn-group
> .btn:focus
, .btn-group
> .btn:active
, .btn-group
> .btn
.active
,
4808 .btn-group-vertical
> .btn:focus
,
4809 .btn-group-vertical
> .btn:active
,
4810 .btn-group-vertical > .btn.active {
4816 justify-content: flex-start
; }
4817 .btn-toolbar .input-group {
4820 .btn-group
> .btn:not
(:first-child
),
4821 .btn-group > .btn-group:not(:first-child) {
4822 margin-left: -1px; }
4824 .dropdown-toggle-split {
4825 padding-right: 0.5625rem;
4826 padding-left: 0.5625rem; }
4827 .dropdown-toggle-split::after
,
4828 .dropup
.dropdown-toggle-split::after
,
4829 .dropright .dropdown-toggle-split::after {
4831 .dropleft .dropdown-toggle-split::before {
4834 .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
4835 padding-right: 0.375rem;
4836 padding-left: 0.375rem; }
4838 .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
4839 padding-right: 0.75rem;
4840 padding-left: 0.75rem; }
4842 .btn-group-vertical {
4843 flex-direction: column
;
4844 align-items: flex-start
;
4845 justify-content: center
; }
4846 .btn-group-vertical
> .btn
,
4847 .btn-group-vertical > .btn-group {
4849 .btn-group-vertical
> .btn:not
(:first-child
),
4850 .btn-group-vertical > .btn-group:not(:first-child) {
4853 .btn-group-toggle
> .btn
,
4854 .btn-group-toggle > .btn-group > .btn {
4856 .btn-group-toggle
> .btn input
[type
="radio"],
4857 .btn-group-toggle
> .btn input
[type
="checkbox"],
4858 .btn-group-toggle
> .btn-group
> .btn input
[type
="radio"],
4859 .btn-group-toggle > .btn-group > .btn input[type="checkbox"] {
4861 clip: rect
(0, 0, 0, 0);
4862 pointer-events: none
; }
4868 align-items: stretch
;
4870 .input-group
> .form-control
,
4871 .input-group
> .form-control-plaintext
,
4872 .input-group
> .custom-select
,
4873 .input-group > .custom-file {
4879 .input-group
> .form-control
+ .form-control
,
4880 .input-group
> .form-control
+ .custom-select
,
4881 .input-group
> .form-control
+ .custom-file
,
4882 .input-group
> .form-control-plaintext
+ .form-control
,
4883 .input-group
> .form-control-plaintext
+ .custom-select
,
4884 .input-group
> .form-control-plaintext
+ .custom-file
,
4885 .input-group
> .custom-select
+ .form-control
,
4886 .input-group
> .custom-select
+ .custom-select
,
4887 .input-group
> .custom-select
+ .custom-file
,
4888 .input-group
> .custom-file
+ .form-control
,
4889 .input-group
> .custom-file
+ .custom-select
,
4890 .input-group > .custom-file + .custom-file {
4891 margin-left: -1px; }
4892 .input-group
> .form-control:focus
,
4893 .input-group
> .custom-select:focus
,
4894 .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
4896 .input-group > .custom-file .custom-file-input:focus {
4898 .input-group > .custom-file {
4900 align-items: center
; }
4902 .input-group-prepend
,
4903 .input-group-append {
4905 .input-group-prepend
.btn
,
4906 .input-group-append .btn {
4909 .input-group-prepend
.btn:focus
,
4910 .input-group-append .btn:focus {
4912 .input-group-prepend
.btn
+ .btn
,
4913 .input-group-prepend
.btn
+ .input-group-text
,
4914 .input-group-prepend
.input-group-text
+ .input-group-text
,
4915 .input-group-prepend
.input-group-text
+ .btn
,
4916 .input-group-append
.btn
+ .btn
,
4917 .input-group-append
.btn
+ .input-group-text
,
4918 .input-group-append
.input-group-text
+ .input-group-text
,
4919 .input-group-append .input-group-text + .btn {
4920 margin-left: -1px; }
4922 .input-group-prepend {
4923 margin-right: -1px; }
4925 .input-group-append {
4926 margin-left: -1px; }
4930 align-items: center
;
4931 padding: 0.375rem 0.75rem;
4933 font-size: 0.9375rem;
4938 white-space: nowrap
;
4939 background-color: #e9ecef;
4940 border: 1px solid
#8f959e; }
4941 @media
(max-width: 1200px) {
4943 font-size: calc
(0.90375rem + 0.045vw) ; } }
4944 .input-group-text input
[type
="radio"],
4945 .input-group-text input[type="checkbox"] {
4948 .input-group-lg
> .form-control:not
(textarea
),
4949 .input-group-lg > .custom-select {
4950 height: calc
(1.5em + 1rem + 2px); }
4952 .input-group-lg
> .form-control
,
4953 .input-group-lg
> .custom-select
,
4954 .input-group-lg
> .input-group-prepend
> .input-group-text
,
4955 .input-group-lg
> .input-group-append
> .input-group-text
,
4956 .input-group-lg
> .input-group-prepend
> .btn
,
4957 .input-group-lg > .input-group-append > .btn {
4958 padding: 0.5rem 1rem;
4959 font-size: 1.171875rem;
4961 @media
(max-width: 1200px) {
4962 .input-group-lg
> .form-control
,
4963 .input-group-lg
> .custom-select
,
4964 .input-group-lg
> .input-group-prepend
> .input-group-text
,
4965 .input-group-lg
> .input-group-append
> .input-group-text
,
4966 .input-group-lg
> .input-group-prepend
> .btn
,
4967 .input-group-lg > .input-group-append > .btn {
4968 font-size: calc
(0.9271875rem + 0.32625vw) ; } }
4970 .input-group-sm
> .form-control:not
(textarea
),
4971 .input-group-sm > .custom-select {
4972 height: calc
(1.5em + 0.5rem + 2px); }
4974 .input-group-sm
> .form-control
,
4975 .input-group-sm
> .custom-select
,
4976 .input-group-sm
> .input-group-prepend
> .input-group-text
,
4977 .input-group-sm
> .input-group-append
> .input-group-text
,
4978 .input-group-sm
> .input-group-prepend
> .btn
,
4979 .input-group-sm > .input-group-append > .btn {
4980 padding: 0.25rem 0.5rem;
4981 font-size: 0.8203125rem;
4984 .input-group-lg
> .custom-select
,
4985 .input-group-sm > .custom-select {
4986 padding-right: 1.75rem; }
4992 min-height: 1.40625rem;
4993 padding-left: 1.75rem;
4994 color-adjust: exact
; }
4996 .custom-control-inline {
4997 display: inline-flex
;
4998 margin-right: 1rem; }
5000 .custom-control-input {
5005 height: 1.328125rem;
5007 .custom-control-input:checked ~ .custom-control-label::before {
5009 border-color: #0f6cbf;
5010 background-color: #0f6cbf; }
5011 .custom-control-input:focus ~ .custom-control-label::before {
5012 box-shadow: 0 0 0 0.2rem rgba
(15, 108, 191, 0.75); }
5013 .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
5014 border-color: #5babf2; }
5015 .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
5017 background-color: #8bc3f6;
5018 border-color: #8bc3f6; }
5019 .custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label {
5021 .custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before {
5022 background-color: #e9ecef; }
5024 .custom-control-label {
5027 vertical-align: top
; }
5028 .custom-control-label::before {
5035 pointer-events: none
;
5037 background-color: #fff;
5038 border: #8f959e solid
1px; }
5039 .custom-control-label::after {
5047 background: 50% / 50% 50% no-repeat
; }
5049 .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
5050 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"); }
5052 .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
5053 border-color: #0f6cbf;
5054 background-color: #0f6cbf; }
5056 .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
5057 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"); }
5059 .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
5060 background-color: rgba
(15, 108, 191, 0.5); }
5062 .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
5063 background-color: rgba
(15, 108, 191, 0.5); }
5065 .custom-radio .custom-control-label::before {
5066 border-radius: 50%; }
5068 .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
5069 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"); }
5071 .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
5072 background-color: rgba
(15, 108, 191, 0.5); }
5075 padding-left: 2.6875rem; }
5076 .custom-switch .custom-control-label::before {
5079 pointer-events: all
;
5080 border-radius: 0.625rem; }
5081 .custom-switch .custom-control-label::after {
5082 top: calc
(0.078125rem + 2px);
5083 left: calc
(-2.6875rem + 2px);
5084 width: calc
(1.25rem - 4px);
5085 height: calc
(1.25rem - 4px);
5086 background-color: #8f959e;
5087 border-radius: 0.625rem;
5088 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
; }
5089 @media
(prefers-reduced-motion: reduce
) {
5090 .custom-switch .custom-control-label::after {
5091 transition: none
; } }
5092 .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
5093 background-color: #fff;
5094 transform: translateX
(0.9375rem); }
5095 .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
5096 background-color: rgba
(15, 108, 191, 0.5); }
5099 display: inline-block
;
5101 height: calc
(1.5em + 0.75rem + 2px);
5102 padding: 0.375rem 1.75rem 0.375rem 0.75rem;
5103 font-size: 0.9375rem;
5107 vertical-align: middle
;
5108 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
;
5109 border: 1px solid
#8f959e;
5112 @media
(max-width: 1200px) {
5114 font-size: calc
(0.90375rem + 0.045vw) ; } }
5115 .custom-select:focus {
5116 border-color: #5babf2;
5118 box-shadow: 0 0 0 0.2rem rgba
(15, 108, 191, 0.75); }
5119 .custom-select:focus::-ms-value {
5121 background-color: #fff; }
5122 .custom-select[multiple], .custom-select[size]:not([size="1"]) {
5124 padding-right: 0.75rem;
5125 background-image: none
; }
5126 .custom-select:disabled {
5128 background-color: #e9ecef; }
5129 .custom-select::-ms-expand {
5131 .custom-select:-moz-focusring {
5133 text-shadow: 0 0 0 #495057; }
5136 height: calc
(1.5em + 0.5rem + 2px);
5137 padding-top: 0.25rem;
5138 padding-bottom: 0.25rem;
5139 padding-left: 0.5rem;
5140 font-size: 0.8203125rem; }
5143 height: calc
(1.5em + 1rem + 2px);
5144 padding-top: 0.5rem;
5145 padding-bottom: 0.5rem;
5147 font-size: 1.171875rem; }
5148 @media
(max-width: 1200px) {
5150 font-size: calc
(0.9271875rem + 0.32625vw) ; } }
5154 display: inline-block
;
5156 height: calc
(1.5em + 0.75rem + 2px);
5159 .custom-file-input {
5163 height: calc
(1.5em + 0.75rem + 2px);
5167 .custom-file-input:focus ~ .custom-file-label {
5168 border-color: #5babf2;
5169 box-shadow: 0 0 0 0.2rem rgba
(15, 108, 191, 0.75); }
5170 .custom-file-input
[disabled
] ~ .custom-file-label
,
5171 .custom-file-input:disabled ~ .custom-file-label {
5172 background-color: #e9ecef; }
5173 .custom-file-input:lang(en) ~ .custom-file-label::after {
5174 content: "Browse"; }
5175 .custom-file-input ~ .custom-file-label[data-browse]::after {
5176 content: attr
(data-browse
); }
5178 .custom-file-label {
5184 height: calc
(1.5em + 0.75rem + 2px);
5185 padding: 0.375rem 0.75rem;
5190 background-color: #fff;
5191 border: 1px solid
#8f959e; }
5192 .custom-file-label::after {
5199 height: calc
(1.5em + 0.75rem);
5200 padding: 0.375rem 0.75rem;
5204 background-color: #e9ecef;
5205 border-left: inherit
; }
5211 background-color: transparent
;
5213 .custom-range:focus {
5215 .custom-range:focus::-webkit-slider-thumb {
5216 box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba
(15, 108, 191, 0.75); }
5217 .custom-range:focus::-moz-range-thumb {
5218 box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba
(15, 108, 191, 0.75); }
5219 .custom-range:focus::-ms-thumb {
5220 box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba
(15, 108, 191, 0.75); }
5221 .custom-range::-moz-focus-outer {
5223 .custom-range::-webkit-slider-thumb {
5226 margin-top: -0.25rem;
5227 background-color: #0f6cbf;
5229 transition: background-color
0.15s ease-in-out
, border-color
0.15s ease-in-out
, box-shadow
0.15s ease-in-out
;
5231 @media
(prefers-reduced-motion: reduce
) {
5232 .custom-range::-webkit-slider-thumb {
5233 transition: none
; } }
5234 .custom-range::-webkit-slider-thumb:active {
5235 background-color: #8bc3f6; }
5236 .custom-range::-webkit-slider-runnable-track {
5241 background-color: #dee2e6;
5242 border-color: transparent
; }
5243 .custom-range::-moz-range-thumb {
5246 background-color: #0f6cbf;
5248 transition: background-color
0.15s ease-in-out
, border-color
0.15s ease-in-out
, box-shadow
0.15s ease-in-out
;
5250 @media
(prefers-reduced-motion: reduce
) {
5251 .custom-range::-moz-range-thumb {
5252 transition: none
; } }
5253 .custom-range::-moz-range-thumb:active {
5254 background-color: #8bc3f6; }
5255 .custom-range::-moz-range-track {
5260 background-color: #dee2e6;
5261 border-color: transparent
; }
5262 .custom-range::-ms-thumb {
5266 margin-right: 0.2rem;
5267 margin-left: 0.2rem;
5268 background-color: #0f6cbf;
5270 transition: background-color
0.15s ease-in-out
, border-color
0.15s ease-in-out
, box-shadow
0.15s ease-in-out
;
5272 @media
(prefers-reduced-motion: reduce
) {
5273 .custom-range::-ms-thumb {
5274 transition: none
; } }
5275 .custom-range::-ms-thumb:active {
5276 background-color: #8bc3f6; }
5277 .custom-range::-ms-track {
5282 background-color: transparent
;
5283 border-color: transparent
;
5284 border-width: 0.5rem; }
5285 .custom-range::-ms-fill-lower {
5286 background-color: #dee2e6; }
5287 .custom-range::-ms-fill-upper {
5289 background-color: #dee2e6; }
5290 .custom-range:disabled::-webkit-slider-thumb {
5291 background-color: #8f959e; }
5292 .custom-range:disabled::-webkit-slider-runnable-track {
5294 .custom-range:disabled::-moz-range-thumb {
5295 background-color: #8f959e; }
5296 .custom-range:disabled::-moz-range-track {
5298 .custom-range:disabled::-ms-thumb {
5299 background-color: #8f959e; }
5301 .custom-control-label::before
,
5304 transition: background-color
0.15s ease-in-out
, border-color
0.15s ease-in-out
, box-shadow
0.15s ease-in-out
; }
5305 @media
(prefers-reduced-motion: reduce
) {
5306 .custom-control-label::before
,
5309 transition: none
; } }
5320 padding: 0.5rem 1rem; }
5321 .nav-link:hover, .nav-link:focus {
5322 text-decoration: none
; }
5323 .nav-link.disabled {
5325 pointer-events: none
;
5329 border-bottom: 1px solid
#dee2e6; }
5330 .nav-tabs .nav-link {
5331 margin-bottom: -1px;
5332 border: 1px solid transparent
; }
5333 .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
5334 border-color: #e9ecef #e9ecef #dee2e6; }
5335 .nav-tabs .nav-link.disabled {
5337 background-color: transparent
;
5338 border-color: transparent
; }
5339 .nav-tabs
.nav-link
.active
,
5340 .nav-tabs .nav-item.show .nav-link {
5342 background-color: #fff;
5343 border-color: #dee2e6 #dee2e6 #fff; }
5344 .nav-tabs .dropdown-menu {
5347 .nav-pills
.nav-link
.active
,
5348 .nav-pills .show > .nav-link {
5350 background-color: #0f6cbf; }
5352 .nav-fill
> .nav-link
,
5353 .nav-fill .nav-item {
5355 text-align: center
; }
5357 .nav-justified
> .nav-link
,
5358 .nav-justified .nav-item {
5361 text-align: center
; }
5363 .tab-content > .tab-pane {
5366 .tab-content > .active {
5373 align-items: center
;
5374 justify-content: space-between
;
5375 padding: 0.5rem 1rem; }
5377 .navbar .container-fluid, .navbar .container-sm, .navbar .container-md, .navbar .container-lg, .navbar .container-xl {
5380 align-items: center
;
5381 justify-content: space-between
; }
5384 display: inline-block
;
5385 padding-top: 0.32421875rem;
5386 padding-bottom: 0.32421875rem;
5388 font-size: 1.171875rem;
5389 line-height: inherit
;
5390 white-space: nowrap
; }
5391 @media
(max-width: 1200px) {
5393 font-size: calc
(0.9271875rem + 0.32625vw) ; } }
5394 .navbar-brand:hover, .navbar-brand:focus {
5395 text-decoration: none
; }
5399 flex-direction: column
;
5403 .navbar-nav .nav-link {
5406 .navbar-nav .dropdown-menu {
5411 display: inline-block
;
5412 padding-top: 0.5rem;
5413 padding-bottom: 0.5rem; }
5418 align-items: center
; }
5421 padding: 0.25rem 0.75rem;
5422 font-size: 1.171875rem;
5424 background-color: transparent
;
5425 border: 1px solid transparent
; }
5426 @media
(max-width: 1200px) {
5428 font-size: calc
(0.9271875rem + 0.32625vw) ; } }
5429 .navbar-toggler:hover, .navbar-toggler:focus {
5430 text-decoration: none
; }
5432 .navbar-toggler-icon {
5433 display: inline-block
;
5436 vertical-align: middle
;
5438 background: 50% / 100% 100% no-repeat
; }
5440 .navbar-nav-scroll {
5444 @media (max-width: 575.98px) {
5445 .navbar-expand-sm
> .container
,
5446 .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 {
5448 padding-left: 0; } }
5450 @media (min-width: 576px) {
5452 flex-flow: row nowrap
;
5453 justify-content: flex-start
; }
5454 .navbar-expand-sm .navbar-nav {
5455 flex-direction: row
; }
5456 .navbar-expand-sm .navbar-nav .dropdown-menu {
5457 position: absolute
; }
5458 .navbar-expand-sm .navbar-nav .nav-link {
5459 padding-right: 0.5rem;
5460 padding-left: 0.5rem; }
5461 .navbar-expand-sm
> .container
,
5462 .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 {
5463 flex-wrap: nowrap
; }
5464 .navbar-expand-sm .navbar-nav-scroll {
5465 overflow: visible
; }
5466 .navbar-expand-sm .navbar-collapse {
5467 display: flex
!important
;
5469 .navbar-expand-sm .navbar-toggler {
5472 @media (max-width: 767.98px) {
5473 .navbar-expand-md
> .container
,
5474 .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 {
5476 padding-left: 0; } }
5478 @media (min-width: 768px) {
5480 flex-flow: row nowrap
;
5481 justify-content: flex-start
; }
5482 .navbar-expand-md .navbar-nav {
5483 flex-direction: row
; }
5484 .navbar-expand-md .navbar-nav .dropdown-menu {
5485 position: absolute
; }
5486 .navbar-expand-md .navbar-nav .nav-link {
5487 padding-right: 0.5rem;
5488 padding-left: 0.5rem; }
5489 .navbar-expand-md
> .container
,
5490 .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 {
5491 flex-wrap: nowrap
; }
5492 .navbar-expand-md .navbar-nav-scroll {
5493 overflow: visible
; }
5494 .navbar-expand-md .navbar-collapse {
5495 display: flex
!important
;
5497 .navbar-expand-md .navbar-toggler {
5500 @media (max-width: 991.98px) {
5501 .navbar-expand-lg
> .container
,
5502 .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 {
5504 padding-left: 0; } }
5506 @media (min-width: 992px) {
5508 flex-flow: row nowrap
;
5509 justify-content: flex-start
; }
5510 .navbar-expand-lg .navbar-nav {
5511 flex-direction: row
; }
5512 .navbar-expand-lg .navbar-nav .dropdown-menu {
5513 position: absolute
; }
5514 .navbar-expand-lg .navbar-nav .nav-link {
5515 padding-right: 0.5rem;
5516 padding-left: 0.5rem; }
5517 .navbar-expand-lg
> .container
,
5518 .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 {
5519 flex-wrap: nowrap
; }
5520 .navbar-expand-lg .navbar-nav-scroll {
5521 overflow: visible
; }
5522 .navbar-expand-lg .navbar-collapse {
5523 display: flex
!important
;
5525 .navbar-expand-lg .navbar-toggler {
5528 @media (max-width: 1199.98px) {
5529 .navbar-expand-xl
> .container
,
5530 .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 {
5532 padding-left: 0; } }
5534 @media (min-width: 1200px) {
5536 flex-flow: row nowrap
;
5537 justify-content: flex-start
; }
5538 .navbar-expand-xl .navbar-nav {
5539 flex-direction: row
; }
5540 .navbar-expand-xl .navbar-nav .dropdown-menu {
5541 position: absolute
; }
5542 .navbar-expand-xl .navbar-nav .nav-link {
5543 padding-right: 0.5rem;
5544 padding-left: 0.5rem; }
5545 .navbar-expand-xl
> .container
,
5546 .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 {
5547 flex-wrap: nowrap
; }
5548 .navbar-expand-xl .navbar-nav-scroll {
5549 overflow: visible
; }
5550 .navbar-expand-xl .navbar-collapse {
5551 display: flex
!important
;
5553 .navbar-expand-xl .navbar-toggler {
5557 flex-flow: row nowrap
;
5558 justify-content: flex-start
; }
5559 .navbar-expand
> .container
,
5560 .navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl {
5563 .navbar-expand .navbar-nav {
5564 flex-direction: row
; }
5565 .navbar-expand .navbar-nav .dropdown-menu {
5566 position: absolute
; }
5567 .navbar-expand .navbar-nav .nav-link {
5568 padding-right: 0.5rem;
5569 padding-left: 0.5rem; }
5570 .navbar-expand
> .container
,
5571 .navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl {
5572 flex-wrap: nowrap
; }
5573 .navbar-expand .navbar-nav-scroll {
5574 overflow: visible
; }
5575 .navbar-expand .navbar-collapse {
5576 display: flex
!important
;
5578 .navbar-expand .navbar-toggler {
5581 .navbar-light .navbar-brand {
5582 color: rgba
(0, 0, 0, 0.9); }
5583 .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
5584 color: rgba
(0, 0, 0, 0.9); }
5586 .navbar-light .navbar-nav .nav-link {
5587 color: rgba
(0, 0, 0, 0.6); }
5588 .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
5589 color: rgba
(0, 0, 0, 0.9); }
5590 .navbar-light .navbar-nav .nav-link.disabled {
5591 color: rgba
(0, 0, 0, 0.3); }
5593 .navbar-light
.navbar-nav
.show
> .nav-link
,
5594 .navbar-light
.navbar-nav
.active
> .nav-link
,
5595 .navbar-light
.navbar-nav
.nav-link
.show
,
5596 .navbar-light .navbar-nav .nav-link.active {
5597 color: rgba
(0, 0, 0, 0.9); }
5599 .navbar-light .navbar-toggler {
5600 color: rgba
(0, 0, 0, 0.6);
5601 border-color: rgba
(0, 0, 0, 0.1); }
5603 .navbar-light .navbar-toggler-icon {
5604 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"); }
5606 .navbar-light .navbar-text {
5607 color: rgba
(0, 0, 0, 0.6); }
5608 .navbar-light .navbar-text a {
5609 color: rgba
(0, 0, 0, 0.9); }
5610 .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
5611 color: rgba
(0, 0, 0, 0.9); }
5613 .navbar-dark .navbar-brand {
5615 .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
5618 .navbar-dark .navbar-nav .nav-link {
5619 color: rgba
(255, 255, 255, 0.5); }
5620 .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
5622 .navbar-dark .navbar-nav .nav-link.disabled {
5623 color: rgba
(255, 255, 255, 0.25); }
5625 .navbar-dark
.navbar-nav
.show
> .nav-link
,
5626 .navbar-dark
.navbar-nav
.active
> .nav-link
,
5627 .navbar-dark
.navbar-nav
.nav-link
.show
,
5628 .navbar-dark .navbar-nav .nav-link.active {
5631 .navbar-dark .navbar-toggler {
5632 color: rgba
(255, 255, 255, 0.5);
5633 border-color: rgba
(255, 255, 255, 0.1); }
5635 .navbar-dark .navbar-toggler-icon {
5636 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"); }
5638 .navbar-dark .navbar-text {
5639 color: rgba
(255, 255, 255, 0.5); }
5640 .navbar-dark .navbar-text a {
5642 .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
5648 flex-direction: column
;
5650 word-wrap: break-word
;
5651 background-color: #fff;
5652 background-clip: border-box
;
5653 border: 1px solid rgba
(0, 0, 0, 0.125); }
5657 .card > .list-group {
5658 border-top: inherit
;
5659 border-bottom: inherit
; }
5660 .card > .list-group:first-child {
5661 border-top-width: 0; }
5662 .card > .list-group:last-child {
5663 border-bottom-width: 0; }
5664 .card
> .card-header
+ .list-group
,
5665 .card > .list-group + .card-footer {
5674 margin-bottom: 0.75rem; }
5677 margin-top: -0.375rem;
5680 .card-text:last-child {
5684 text-decoration: none
; }
5686 .card-link + .card-link {
5687 margin-left: 1.25rem; }
5690 padding: 0.75rem 1.25rem;
5692 background-color: rgba
(0, 0, 0, 0.03);
5693 border-bottom: 1px solid rgba
(0, 0, 0, 0.125); }
5696 padding: 0.75rem 1.25rem;
5697 background-color: rgba
(0, 0, 0, 0.03);
5698 border-top: 1px solid rgba
(0, 0, 0, 0.125); }
5701 margin-right: -0.625rem;
5702 margin-bottom: -0.75rem;
5703 margin-left: -0.625rem;
5706 .card-header-pills {
5707 margin-right: -0.625rem;
5708 margin-left: -0.625rem; }
5725 margin-bottom: 0.25rem; }
5727 @media (min-width: 576px) {
5730 flex-flow: row wrap
;
5731 margin-right: -0.25rem;
5732 margin-left: -0.25rem; }
5735 margin-right: 0.25rem;
5737 margin-left: 0.25rem; } }
5739 .card-group > .card {
5740 margin-bottom: 0.25rem; }
5742 @media (min-width: 576px) {
5745 flex-flow: row wrap
; }
5746 .card-group > .card {
5749 .card-group > .card + .card {
5753 .card-columns .card {
5754 margin-bottom: 0.75rem; }
5756 @media (min-width: 576px) {
5759 column-gap: 1.25rem;
5762 .card-columns .card {
5763 display: inline-block
;
5767 overflow-anchor: none
; }
5768 .accordion > .card {
5770 .accordion > .card:not(:last-of-type) {
5772 .accordion > .card > .card-header {
5773 margin-bottom: -1px; }
5781 background-color: transparent
; }
5783 .breadcrumb-item + .breadcrumb-item {
5784 padding-left: 0.5rem; }
5785 .breadcrumb-item + .breadcrumb-item::before {
5787 padding-right: 0.5rem;
5791 .breadcrumb-item + .breadcrumb-item:hover::before {
5792 text-decoration: underline
; }
5794 .breadcrumb-item + .breadcrumb-item:hover::before {
5795 text-decoration: none
; }
5797 .breadcrumb-item.active {
5808 padding: 0.5rem 0.75rem;
5812 background-color: #fff;
5813 border: 1px solid
#dee2e6; }
5817 text-decoration: none
;
5818 background-color: #e9ecef;
5819 border-color: #dee2e6; }
5823 box-shadow: 0 0 0 0.2rem rgba
(15, 108, 191, 0.75); }
5825 .page-item:first-child .page-link {
5828 .page-item.active .page-link {
5831 background-color: #0f6cbf;
5832 border-color: #0f6cbf; }
5834 .page-item.disabled .page-link {
5836 pointer-events: none
;
5838 background-color: #fff;
5839 border-color: #dee2e6; }
5841 .pagination-lg .page-link {
5842 padding: 0.75rem 1.5rem;
5843 font-size: 1.171875rem;
5845 @media
(max-width: 1200px) {
5846 .pagination-lg .page-link {
5847 font-size: calc
(0.9271875rem + 0.32625vw) ; } }
5849 .pagination-sm .page-link {
5850 padding: 0.25rem 0.5rem;
5851 font-size: 0.8203125rem;
5855 display: inline-block
;
5856 padding: 0.25em 0.4em;
5861 white-space: nowrap
;
5862 vertical-align: baseline
;
5863 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
; }
5864 @media
(prefers-reduced-motion: reduce
) {
5866 transition: none
; } }
5867 a
.badge:hover
, a
.badge:focus
{
5868 text-decoration: none
; }
5877 padding-right: 0.6em;
5878 padding-left: 0.6em; }
5882 background-color: #0f6cbf; }
5883 a
.badge-primary:hover
, a
.badge-primary:focus
{
5885 background-color: #0b5190; }
5886 a
.badge-primary:focus
, a
.badge-primary
.focus
{
5888 box-shadow: 0 0 0 0.2rem rgba
(15, 108, 191, 0.5); }
5892 background-color: #ced4da; }
5893 a
.badge-secondary:hover
, a
.badge-secondary:focus
{
5895 background-color: #b1bbc4; }
5896 a
.badge-secondary:focus
, a
.badge-secondary
.focus
{
5898 box-shadow: 0 0 0 0.2rem rgba
(206, 212, 218, 0.5); }
5902 background-color: #357a32; }
5903 a
.badge-success:hover
, a
.badge-success:focus
{
5905 background-color: #255623; }
5906 a
.badge-success:focus
, a
.badge-success
.focus
{
5908 box-shadow: 0 0 0 0.2rem rgba
(53, 122, 50, 0.5); }
5912 background-color: #008196; }
5913 a
.badge-info:hover
, a
.badge-info:focus
{
5915 background-color: #005563; }
5916 a
.badge-info:focus
, a
.badge-info
.focus
{
5918 box-shadow: 0 0 0 0.2rem rgba
(0, 129, 150, 0.5); }
5922 background-color: #f0ad4e; }
5923 a
.badge-warning:hover
, a
.badge-warning:focus
{
5925 background-color: #ec971f; }
5926 a
.badge-warning:focus
, a
.badge-warning
.focus
{
5928 box-shadow: 0 0 0 0.2rem rgba
(240, 173, 78, 0.5); }
5932 background-color: #ca3120; }
5933 a
.badge-danger:hover
, a
.badge-danger:focus
{
5935 background-color: #9e2619; }
5936 a
.badge-danger:focus
, a
.badge-danger
.focus
{
5938 box-shadow: 0 0 0 0.2rem rgba
(202, 49, 32, 0.5); }
5942 background-color: #f8f9fa; }
5943 a
.badge-light:hover
, a
.badge-light:focus
{
5945 background-color: #dae0e5; }
5946 a
.badge-light:focus
, a
.badge-light
.focus
{
5948 box-shadow: 0 0 0 0.2rem rgba
(248, 249, 250, 0.5); }
5952 background-color: #343a40; }
5953 a
.badge-dark:hover
, a
.badge-dark:focus
{
5955 background-color: #1d2124; }
5956 a
.badge-dark:focus
, a
.badge-dark
.focus
{
5958 box-shadow: 0 0 0 0.2rem rgba
(52, 58, 64, 0.5); }
5962 margin-bottom: 2rem;
5963 background-color: #e9ecef; }
5964 @media
(min-width: 576px) {
5966 padding: 4rem 2rem; } }
5974 padding: 0.75rem 1.25rem;
5975 margin-bottom: 1rem;
5976 border: 0 solid transparent
; }
5984 .alert-dismissible {
5985 padding-right: 3.90625rem; }
5986 .alert-dismissible .close {
5991 padding: 0.75rem 1.25rem;
5996 background-color: #cfe2f2;
5997 border-color: #bcd6ed; }
5999 border-top-color: #a8cae8; }
6000 .alert-primary .alert-link {
6005 background-color: #f5f6f8;
6006 border-color: #f1f3f5; }
6007 .alert-secondary hr {
6008 border-top-color: #e2e6ea; }
6009 .alert-secondary .alert-link {
6012 .alert-success, .environmenttable .ok {
6014 background-color: #d7e4d6;
6015 border-color: #c6dac6; }
6016 .alert-success hr, .environmenttable .ok hr {
6017 border-top-color: #b7d0b7; }
6018 .alert-success .alert-link, .environmenttable .ok .alert-link {
6023 background-color: #cce6ea;
6024 border-color: #b8dce2; }
6026 border-top-color: #a6d3db; }
6027 .alert-info .alert-link {
6030 .alert-warning, .environmenttable .warn {
6032 background-color: #fcefdc;
6033 border-color: #fbe8cd; }
6034 .alert-warning hr, .environmenttable .warn hr {
6035 border-top-color: #f9ddb5; }
6036 .alert-warning .alert-link, .environmenttable .warn .alert-link {
6039 .alert-danger, .environmenttable .error {
6041 background-color: #f4d6d2;
6042 border-color: #f0c5c1; }
6043 .alert-danger hr, .environmenttable .error hr {
6044 border-top-color: #ebb2ac; }
6045 .alert-danger .alert-link, .environmenttable .error .alert-link {
6050 background-color: #fefefe;
6051 border-color: #fdfdfe; }
6053 border-top-color: #ececf6; }
6054 .alert-light .alert-link {
6059 background-color: #d6d8d9;
6060 border-color: #c6c8ca; }
6062 border-top-color: #b9bbbe; }
6063 .alert-dark .alert-link {
6066 @keyframes progress-bar-stripes
{
6068 background-position: 1rem 0; }
6070 background-position: 0 0; } }
6077 font-size: 0.703125rem;
6078 background-color: #e9ecef; }
6082 flex-direction: column
;
6083 justify-content: center
;
6087 white-space: nowrap
;
6088 background-color: #0f6cbf;
6089 transition: width
0.6s ease
; }
6090 @media
(prefers-reduced-motion: reduce
) {
6092 transition: none
; } }
6094 .progress-bar-striped {
6095 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
);
6096 background-size: 1rem 1rem; }
6098 .progress-bar-animated {
6099 animation: 1s linear infinite progress-bar-stripes
; }
6100 @media
(prefers-reduced-motion: reduce
) {
6101 .progress-bar-animated {
6102 animation: none
; } }
6106 align-items: flex-start
; }
6113 flex-direction: column
;
6117 .list-group-item-action {
6120 text-align: inherit
; }
6121 .list-group-item-action:hover, .list-group-item-action:focus {
6124 text-decoration: none
;
6125 background-color: #f8f9fa; }
6126 .list-group-item-action:active {
6128 background-color: #e9ecef; }
6133 padding: 0.75rem 1.25rem;
6134 background-color: #fff;
6135 border: 1px solid rgba
(0, 0, 0, 0.125); }
6136 .list-group-item.disabled, .list-group-item:disabled {
6138 pointer-events: none
;
6139 background-color: #fff; }
6140 .list-group-item.active {
6143 background-color: #0f6cbf;
6144 border-color: #0f6cbf; }
6145 .list-group-item + .list-group-item {
6146 border-top-width: 0; }
6147 .list-group-item + .list-group-item.active {
6149 border-top-width: 1px; }
6151 .list-group-horizontal {
6152 flex-direction: row
; }
6153 .list-group-horizontal > .list-group-item.active {
6155 .list-group-horizontal > .list-group-item + .list-group-item {
6156 border-top-width: 1px;
6157 border-left-width: 0; }
6158 .list-group-horizontal > .list-group-item + .list-group-item.active {
6160 border-left-width: 1px; }
6162 @media (min-width: 576px) {
6163 .list-group-horizontal-sm {
6164 flex-direction: row
; }
6165 .list-group-horizontal-sm > .list-group-item.active {
6167 .list-group-horizontal-sm > .list-group-item + .list-group-item {
6168 border-top-width: 1px;
6169 border-left-width: 0; }
6170 .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
6172 border-left-width: 1px; } }
6174 @media (min-width: 768px) {
6175 .list-group-horizontal-md {
6176 flex-direction: row
; }
6177 .list-group-horizontal-md > .list-group-item.active {
6179 .list-group-horizontal-md > .list-group-item + .list-group-item {
6180 border-top-width: 1px;
6181 border-left-width: 0; }
6182 .list-group-horizontal-md > .list-group-item + .list-group-item.active {
6184 border-left-width: 1px; } }
6186 @media (min-width: 992px) {
6187 .list-group-horizontal-lg {
6188 flex-direction: row
; }
6189 .list-group-horizontal-lg > .list-group-item.active {
6191 .list-group-horizontal-lg > .list-group-item + .list-group-item {
6192 border-top-width: 1px;
6193 border-left-width: 0; }
6194 .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
6196 border-left-width: 1px; } }
6198 @media (min-width: 1200px) {
6199 .list-group-horizontal-xl {
6200 flex-direction: row
; }
6201 .list-group-horizontal-xl > .list-group-item.active {
6203 .list-group-horizontal-xl > .list-group-item + .list-group-item {
6204 border-top-width: 1px;
6205 border-left-width: 0; }
6206 .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
6208 border-left-width: 1px; } }
6210 .list-group-flush > .list-group-item {
6211 border-width: 0 0 1px; }
6212 .list-group-flush > .list-group-item:last-child {
6213 border-bottom-width: 0; }
6215 .list-group-item-primary {
6217 background-color: #bcd6ed; }
6218 .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
6220 background-color: #a8cae8; }
6221 .list-group-item-primary.list-group-item-action.active {
6223 background-color: #083863;
6224 border-color: #083863; }
6226 .list-group-item-secondary {
6228 background-color: #f1f3f5; }
6229 .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
6231 background-color: #e2e6ea; }
6232 .list-group-item-secondary.list-group-item-action.active {
6234 background-color: #6b6e71;
6235 border-color: #6b6e71; }
6237 .list-group-item-success {
6239 background-color: #c6dac6; }
6240 .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
6242 background-color: #b7d0b7; }
6243 .list-group-item-success.list-group-item-action.active {
6245 background-color: #1c3f1a;
6246 border-color: #1c3f1a; }
6248 .list-group-item-info {
6250 background-color: #b8dce2; }
6251 .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
6253 background-color: #a6d3db; }
6254 .list-group-item-info.list-group-item-action.active {
6256 background-color: #00434e;
6257 border-color: #00434e; }
6259 .list-group-item-warning {
6261 background-color: #fbe8cd; }
6262 .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
6264 background-color: #f9ddb5; }
6265 .list-group-item-warning.list-group-item-action.active {
6267 background-color: #7d5a29;
6268 border-color: #7d5a29; }
6270 .list-group-item-danger {
6272 background-color: #f0c5c1; }
6273 .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
6275 background-color: #ebb2ac; }
6276 .list-group-item-danger.list-group-item-action.active {
6278 background-color: #691911;
6279 border-color: #691911; }
6281 .list-group-item-light {
6283 background-color: #fdfdfe; }
6284 .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
6286 background-color: #ececf6; }
6287 .list-group-item-light.list-group-item-action.active {
6289 background-color: #818182;
6290 border-color: #818182; }
6292 .list-group-item-dark {
6294 background-color: #c6c8ca; }
6295 .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
6297 background-color: #b9bbbe; }
6298 .list-group-item-dark.list-group-item-action.active {
6300 background-color: #1b1e21;
6301 border-color: #1b1e21; }
6305 font-size: 1.40625rem;
6309 text-shadow: 0 1px 0 #fff;
6311 @media
(max-width: 1200px) {
6313 font-size: calc
(0.950625rem + 0.6075vw) ; } }
6316 text-decoration: none
; }
6317 .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
6322 background-color: transparent
;
6326 pointer-events: none
; }
6331 font-size: 0.875rem;
6333 background-color: rgba
(29, 33, 37, 0.95);
6334 background-clip: padding-box
;
6335 border: 1px solid rgba
(0, 0, 0, 0.1);
6336 box-shadow: 0 0.25rem 0.75rem rgba
(0, 0, 0, 0.1);
6338 .toast:not(:last-child) {
6339 margin-bottom: 0.75rem; }
6350 align-items: center
;
6351 padding: 0.25rem 0.75rem;
6353 background-color: rgba
(255, 255, 255, 0.1);
6354 background-clip: padding-box
;
6355 border-bottom: 1px solid rgba
(0, 0, 0, 0.05); }
6362 .modal-open .modal {
6381 pointer-events: none
; }
6382 .modal.fade .modal-dialog {
6383 transition: transform
0.3s ease-out
;
6384 transform: translate
(0, -50px); }
6385 @media
(prefers-reduced-motion: reduce
) {
6386 .modal.fade .modal-dialog {
6387 transition: none
; } }
6388 .modal.show .modal-dialog {
6390 .modal.modal-static .modal-dialog {
6391 transform: scale
(1.02); }
6393 .modal-dialog-scrollable {
6395 max-height: calc
(100% - 1rem); }
6396 .modal-dialog-scrollable .modal-content {
6397 max-height: calc
(100vh - 1rem);
6399 .modal-dialog-scrollable
.modal-header
,
6400 .modal-dialog-scrollable .modal-footer {
6402 .modal-dialog-scrollable .modal-body {
6405 .modal-dialog-centered {
6407 align-items: center
;
6408 min-height: calc
(100% - 1rem); }
6409 .modal-dialog-centered::before {
6411 height: calc
(100vh - 1rem);
6412 height: min-content
;
6414 .modal-dialog-centered.modal-dialog-scrollable {
6415 flex-direction: column
;
6416 justify-content: center
;
6418 .modal-dialog-centered.modal-dialog-scrollable .modal-content {
6420 .modal-dialog-centered.modal-dialog-scrollable::before {
6426 flex-direction: column
;
6428 pointer-events: auto
;
6429 background-color: #fff;
6430 background-clip: padding-box
;
6431 border: 1px solid rgba
(0, 0, 0, 0.2);
6441 background-color: #000; }
6442 .modal-backdrop.fade {
6444 .modal-backdrop.show {
6449 align-items: flex-start
;
6450 justify-content: space-between
;
6452 border-bottom: 1px solid
#dee2e6; }
6453 .modal-header .close {
6455 margin: -1rem -1rem -1rem auto
; }
6469 align-items: center
;
6470 justify-content: flex-end
;
6472 border-top: 1px solid
#dee2e6; }
6476 .modal-scrollbar-measure {
6483 @media (min-width: 576px) {
6486 margin: 1.75rem auto
; }
6487 .modal-dialog-scrollable {
6488 max-height: calc
(100% - 3.5rem); }
6489 .modal-dialog-scrollable .modal-content {
6490 max-height: calc
(100vh - 3.5rem); }
6491 .modal-dialog-centered {
6492 min-height: calc
(100% - 3.5rem); }
6493 .modal-dialog-centered::before {
6494 height: calc
(100vh - 3.5rem);
6495 height: min-content
; }
6497 max-width: 300px; } }
6499 @media (min-width: 992px) {
6502 max-width: 800px; } }
6504 @media (min-width: 1200px) {
6506 max-width: 1140px; } }
6513 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";
6519 text-decoration: none
;
6521 text-transform: none
;
6522 letter-spacing: normal
;
6524 word-spacing: normal
;
6525 white-space: normal
;
6527 font-size: 0.8203125rem;
6528 word-wrap: break-word
;
6537 .tooltip .arrow::before {
6540 border-color: transparent
;
6541 border-style: solid
; }
6543 .bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] {
6544 padding: 0.4rem 0; }
6545 .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow {
6547 .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
6549 border-width: 0.4rem 0.4rem 0;
6550 border-top-color: #000; }
6552 .bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] {
6553 padding: 0 0.4rem; }
6554 .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow {
6558 .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
6560 border-width: 0.4rem 0.4rem 0.4rem 0;
6561 border-right-color: #000; }
6563 .bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] {
6564 padding: 0.4rem 0; }
6565 .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow {
6567 .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
6569 border-width: 0 0.4rem 0.4rem;
6570 border-bottom-color: #000; }
6572 .bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] {
6573 padding: 0 0.4rem; }
6574 .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow {
6578 .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
6580 border-width: 0.4rem 0 0.4rem 0.4rem;
6581 border-left-color: #000; }
6585 padding: 0.25rem 0.5rem;
6588 background-color: #000; }
6596 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";
6602 text-decoration: none
;
6604 text-transform: none
;
6605 letter-spacing: normal
;
6607 word-spacing: normal
;
6608 white-space: normal
;
6610 font-size: 0.8203125rem;
6611 word-wrap: break-word
;
6612 background-color: #fff;
6613 background-clip: padding-box
;
6614 border: 1px solid rgba
(0, 0, 0, 0.2); }
6621 .popover .arrow::before, .popover .arrow::after {
6625 border-color: transparent
;
6626 border-style: solid
; }
6628 .bs-popover-top, .bs-popover-auto[x-placement^="top"] {
6629 margin-bottom: 0.5rem; }
6630 .bs-popover-top > .arrow, .bs-popover-auto[x-placement^="top"] > .arrow {
6631 bottom: calc
(-0.5rem - 1px); }
6632 .bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^="top"] > .arrow::before {
6634 border-width: 0.5rem 0.5rem 0;
6635 border-top-color: rgba
(0, 0, 0, 0.25); }
6636 .bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^="top"] > .arrow::after {
6638 border-width: 0.5rem 0.5rem 0;
6639 border-top-color: #fff; }
6641 .bs-popover-right, .bs-popover-auto[x-placement^="right"] {
6642 margin-left: 0.5rem; }
6643 .bs-popover-right > .arrow, .bs-popover-auto[x-placement^="right"] > .arrow {
6644 left: calc
(-0.5rem - 1px);
6648 .bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^="right"] > .arrow::before {
6650 border-width: 0.5rem 0.5rem 0.5rem 0;
6651 border-right-color: rgba
(0, 0, 0, 0.25); }
6652 .bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^="right"] > .arrow::after {
6654 border-width: 0.5rem 0.5rem 0.5rem 0;
6655 border-right-color: #fff; }
6657 .bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] {
6658 margin-top: 0.5rem; }
6659 .bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^="bottom"] > .arrow {
6660 top: calc
(-0.5rem - 1px); }
6661 .bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^="bottom"] > .arrow::before {
6663 border-width: 0 0.5rem 0.5rem 0.5rem;
6664 border-bottom-color: rgba
(0, 0, 0, 0.25); }
6665 .bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^="bottom"] > .arrow::after {
6667 border-width: 0 0.5rem 0.5rem 0.5rem;
6668 border-bottom-color: #fff; }
6669 .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before {
6675 margin-left: -0.5rem;
6677 border-bottom: 1px solid
#f7f7f7; }
6679 .bs-popover-left, .bs-popover-auto[x-placement^="left"] {
6680 margin-right: 0.5rem; }
6681 .bs-popover-left > .arrow, .bs-popover-auto[x-placement^="left"] > .arrow {
6682 right: calc
(-0.5rem - 1px);
6686 .bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^="left"] > .arrow::before {
6688 border-width: 0.5rem 0 0.5rem 0.5rem;
6689 border-left-color: rgba
(0, 0, 0, 0.25); }
6690 .bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^="left"] > .arrow::after {
6692 border-width: 0.5rem 0 0.5rem 0.5rem;
6693 border-left-color: #fff; }
6696 padding: 0.5rem 0.75rem;
6698 font-size: 0.9375rem;
6699 background-color: #f7f7f7;
6700 border-bottom: 1px solid
#ebebeb; }
6701 @media
(max-width: 1200px) {
6703 font-size: calc
(0.90375rem + 0.045vw) ; } }
6704 .popover-header:empty {
6708 padding: 0.5rem 0.75rem;
6712 position: relative
; }
6714 .carousel.pointer-event {
6715 touch-action: pan-y
; }
6721 .carousel-inner::after {
6731 margin-right: -100%;
6732 backface-visibility: hidden
;
6733 transition: transform
0.6s ease-in-out
; }
6734 @media
(prefers-reduced-motion: reduce
) {
6736 transition: none
; } }
6738 .carousel-item
.active
,
6739 .carousel-item-next
,
6740 .carousel-item-prev {
6743 .carousel-item-next:not
(.carousel-item-left
),
6744 .active.carousel-item-right {
6745 transform: translateX
(100%); }
6747 .carousel-item-prev:not
(.carousel-item-right
),
6748 .active.carousel-item-left {
6749 transform: translateX
(-100%); }
6751 .carousel-fade .carousel-item {
6753 transition-property: opacity
;
6756 .carousel-fade
.carousel-item
.active
,
6757 .carousel-fade
.carousel-item-next
.carousel-item-left
,
6758 .carousel-fade .carousel-item-prev.carousel-item-right {
6762 .carousel-fade
.active
.carousel-item-left
,
6763 .carousel-fade .active.carousel-item-right {
6766 transition: opacity
0s 0.6s; }
6767 @media
(prefers-reduced-motion: reduce
) {
6768 .carousel-fade
.active
.carousel-item-left
,
6769 .carousel-fade .active.carousel-item-right {
6770 transition: none
; } }
6772 .carousel-control-prev
,
6773 .carousel-control-next {
6779 align-items: center
;
6780 justify-content: center
;
6785 transition: opacity
0.15s ease
; }
6786 @media
(prefers-reduced-motion: reduce
) {
6787 .carousel-control-prev
,
6788 .carousel-control-next {
6789 transition: none
; } }
6790 .carousel-control-prev:hover
, .carousel-control-prev:focus
,
6791 .carousel-control-next:hover
,
6792 .carousel-control-next:focus {
6794 text-decoration: none
;
6798 .carousel-control-prev {
6801 .carousel-control-next {
6804 .carousel-control-prev-icon
,
6805 .carousel-control-next-icon {
6806 display: inline-block
;
6809 background: 50% / 100% 100% no-repeat
; }
6811 .carousel-control-prev-icon {
6812 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"); }
6814 .carousel-control-next-icon {
6815 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"); }
6817 .carousel-indicators {
6824 justify-content: center
;
6829 .carousel-indicators li {
6830 box-sizing: content-box
;
6836 text-indent: -999px;
6838 background-color: #fff;
6839 background-clip: padding-box
;
6840 border-top: 10px solid transparent
;
6841 border-bottom: 10px solid transparent
;
6843 transition: opacity
0.6s ease
; }
6844 @media
(prefers-reduced-motion: reduce
) {
6845 .carousel-indicators li {
6846 transition: none
; } }
6847 .carousel-indicators .active {
6857 padding-bottom: 20px;
6859 text-align: center
; }
6861 @keyframes spinner-border
{
6863 transform: rotate
(360deg); } }
6866 display: inline-block
;
6869 vertical-align: text-bottom
;
6870 border: 0.25em solid currentColor
;
6871 border-right-color: transparent
;
6873 animation: .75s linear infinite spinner-border
; }
6875 .spinner-border-sm {
6878 border-width: 0.2em; }
6880 @keyframes spinner-grow
{
6882 transform: scale
(0); }
6885 transform: none
; } }
6888 display: inline-block
;
6891 vertical-align: text-bottom
;
6892 background-color: currentColor
;
6895 animation: .75s linear infinite spinner-grow
; }
6901 @media (prefers-reduced-motion: reduce
) {
6904 animation-duration: 1.5s; } }
6907 vertical-align: baseline
!important
; }
6909 .align-top, [data-filterregion="value"] div:first-of-type {
6910 vertical-align: top
!important
; }
6913 vertical-align: middle
!important
; }
6916 vertical-align: bottom
!important
; }
6918 .align-text-bottom {
6919 vertical-align: text-bottom
!important
; }
6922 vertical-align: text-top
!important
; }
6925 background-color: #0f6cbf !important
; }
6927 a
.bg-primary:hover
, a
.bg-primary:focus
,
6928 button
.bg-primary:hover
,
6929 button
.bg-primary:focus
{
6930 background-color: #0b5190 !important
; }
6933 background-color: #ced4da !important
; }
6935 a
.bg-secondary:hover
, a
.bg-secondary:focus
,
6936 button
.bg-secondary:hover
,
6937 button
.bg-secondary:focus
{
6938 background-color: #b1bbc4 !important
; }
6941 background-color: #357a32 !important
; }
6943 a
.bg-success:hover
, a
.bg-success:focus
,
6944 button
.bg-success:hover
,
6945 button
.bg-success:focus
{
6946 background-color: #255623 !important
; }
6949 background-color: #008196 !important
; }
6951 a
.bg-info:hover
, a
.bg-info:focus
,
6952 button
.bg-info:hover
,
6953 button
.bg-info:focus
{
6954 background-color: #005563 !important
; }
6957 background-color: #f0ad4e !important
; }
6959 a
.bg-warning:hover
, a
.bg-warning:focus
,
6960 button
.bg-warning:hover
,
6961 button
.bg-warning:focus
{
6962 background-color: #ec971f !important
; }
6965 background-color: #ca3120 !important
; }
6967 a
.bg-danger:hover
, a
.bg-danger:focus
,
6968 button
.bg-danger:hover
,
6969 button
.bg-danger:focus
{
6970 background-color: #9e2619 !important
; }
6973 background-color: #f8f9fa !important
; }
6975 a
.bg-light:hover
, a
.bg-light:focus
,
6976 button
.bg-light:hover
,
6977 button
.bg-light:focus
{
6978 background-color: #dae0e5 !important
; }
6981 background-color: #343a40 !important
; }
6983 a
.bg-dark:hover
, a
.bg-dark:focus
,
6984 button
.bg-dark:hover
,
6985 button
.bg-dark:focus
{
6986 background-color: #1d2124 !important
; }
6989 background-color: #fff !important
; }
6992 background-color: transparent
!important
; }
6995 border: 1px solid
#dee2e6 !important
; }
6998 border-top: 1px solid
#dee2e6 !important
; }
7001 border-right: 1px solid
#dee2e6 !important
; }
7004 border-bottom: 1px solid
#dee2e6 !important
; }
7007 border-left: 1px solid
#dee2e6 !important
; }
7010 border: 0 !important
; }
7013 border-top: 0 !important
; }
7016 border-right: 0 !important
; }
7019 border-bottom: 0 !important
; }
7022 border-left: 0 !important
; }
7025 border-color: #0f6cbf !important
; }
7028 border-color: #ced4da !important
; }
7031 border-color: #357a32 !important
; }
7034 border-color: #008196 !important
; }
7037 border-color: #f0ad4e !important
; }
7040 border-color: #ca3120 !important
; }
7043 border-color: #f8f9fa !important
; }
7046 border-color: #343a40 !important
; }
7049 border-color: #fff !important
; }
7052 border-radius: 0.2rem !important
; }
7055 border-radius: 0.25rem !important
; }
7058 border-top-left-radius: 0.25rem !important
;
7059 border-top-right-radius: 0.25rem !important
; }
7062 border-top-right-radius: 0.25rem !important
;
7063 border-bottom-right-radius: 0.25rem !important
; }
7066 border-bottom-right-radius: 0.25rem !important
;
7067 border-bottom-left-radius: 0.25rem !important
; }
7070 border-top-left-radius: 0.25rem !important
;
7071 border-bottom-left-radius: 0.25rem !important
; }
7074 border-radius: 0.3rem !important
; }
7077 border-radius: 50% !important
; }
7080 border-radius: 50rem !important
; }
7083 border-radius: 0 !important
; }
7091 display: none
!important
; }
7094 display: inline
!important
; }
7097 display: inline-block
!important
; }
7100 display: block
!important
; }
7103 display: table
!important
; }
7106 display: table-row
!important
; }
7109 display: table-cell
!important
; }
7112 display: flex
!important
; }
7115 display: inline-flex
!important
; }
7117 @media (min-width: 576px) {
7119 display: none
!important
; }
7121 display: inline
!important
; }
7122 .d-sm-inline-block {
7123 display: inline-block
!important
; }
7125 display: block
!important
; }
7127 display: table
!important
; }
7129 display: table-row
!important
; }
7131 display: table-cell
!important
; }
7133 display: flex
!important
; }
7135 display: inline-flex
!important
; } }
7137 @media (min-width: 768px) {
7139 display: none
!important
; }
7141 display: inline
!important
; }
7142 .d-md-inline-block {
7143 display: inline-block
!important
; }
7145 display: block
!important
; }
7147 display: table
!important
; }
7149 display: table-row
!important
; }
7151 display: table-cell
!important
; }
7153 display: flex
!important
; }
7155 display: inline-flex
!important
; } }
7157 @media (min-width: 992px) {
7159 display: none
!important
; }
7161 display: inline
!important
; }
7162 .d-lg-inline-block {
7163 display: inline-block
!important
; }
7165 display: block
!important
; }
7167 display: table
!important
; }
7169 display: table-row
!important
; }
7171 display: table-cell
!important
; }
7173 display: flex
!important
; }
7175 display: inline-flex
!important
; } }
7177 @media (min-width: 1200px) {
7179 display: none
!important
; }
7181 display: inline
!important
; }
7182 .d-xl-inline-block {
7183 display: inline-block
!important
; }
7185 display: block
!important
; }
7187 display: table
!important
; }
7189 display: table-row
!important
; }
7191 display: table-cell
!important
; }
7193 display: flex
!important
; }
7195 display: inline-flex
!important
; } }
7199 display: none
!important
; }
7201 display: inline
!important
; }
7202 .d-print-inline-block {
7203 display: inline-block
!important
; }
7205 display: block
!important
; }
7207 display: table
!important
; }
7208 .d-print-table-row {
7209 display: table-row
!important
; }
7210 .d-print-table-cell {
7211 display: table-cell
!important
; }
7213 display: flex
!important
; }
7214 .d-print-inline-flex {
7215 display: inline-flex
!important
; } }
7223 .embed-responsive::before {
7226 .embed-responsive
.embed-responsive-item
,
7227 .embed-responsive iframe
,
7228 .embed-responsive embed
,
7229 .embed-responsive object
,
7230 .embed-responsive video {
7239 .embed-responsive-21by9::before {
7240 padding-top: 42.8571428571%; }
7242 .embed-responsive-16by9::before {
7243 padding-top: 56.25%; }
7245 .embed-responsive-4by3::before {
7248 .embed-responsive-1by1::before {
7249 padding-top: 100%; }
7252 flex-direction: row
!important
; }
7255 flex-direction: column
!important
; }
7258 flex-direction: row-reverse
!important
; }
7260 .flex-column-reverse {
7261 flex-direction: column-reverse
!important
; }
7264 flex-wrap: wrap
!important
; }
7267 flex-wrap: nowrap
!important
; }
7269 .flex-wrap-reverse {
7270 flex-wrap: wrap-reverse
!important
; }
7273 flex: 1 1 auto
!important
; }
7276 flex-grow: 0 !important
; }
7279 flex-grow: 1 !important
; }
7282 flex-shrink: 0 !important
; }
7285 flex-shrink: 1 !important
; }
7287 .justify-content-start {
7288 justify-content: flex-start
!important
; }
7290 .justify-content-end {
7291 justify-content: flex-end
!important
; }
7293 .justify-content-center {
7294 justify-content: center
!important
; }
7296 .justify-content-between {
7297 justify-content: space-between
!important
; }
7299 .justify-content-around {
7300 justify-content: space-around
!important
; }
7302 .align-items-start {
7303 align-items: flex-start
!important
; }
7306 align-items: flex-end
!important
; }
7308 .align-items-center {
7309 align-items: center
!important
; }
7311 .align-items-baseline {
7312 align-items: baseline
!important
; }
7314 .align-items-stretch {
7315 align-items: stretch
!important
; }
7317 .align-content-start {
7318 align-content: flex-start
!important
; }
7320 .align-content-end {
7321 align-content: flex-end
!important
; }
7323 .align-content-center {
7324 align-content: center
!important
; }
7326 .align-content-between {
7327 align-content: space-between
!important
; }
7329 .align-content-around {
7330 align-content: space-around
!important
; }
7332 .align-content-stretch {
7333 align-content: stretch
!important
; }
7336 align-self: auto
!important
; }
7339 align-self: flex-start
!important
; }
7342 align-self: flex-end
!important
; }
7344 .align-self-center {
7345 align-self: center
!important
; }
7347 .align-self-baseline {
7348 align-self: baseline
!important
; }
7350 .align-self-stretch {
7351 align-self: stretch
!important
; }
7353 @media (min-width: 576px) {
7355 flex-direction: row
!important
; }
7357 flex-direction: column
!important
; }
7358 .flex-sm-row-reverse {
7359 flex-direction: row-reverse
!important
; }
7360 .flex-sm-column-reverse {
7361 flex-direction: column-reverse
!important
; }
7363 flex-wrap: wrap
!important
; }
7365 flex-wrap: nowrap
!important
; }
7366 .flex-sm-wrap-reverse {
7367 flex-wrap: wrap-reverse
!important
; }
7369 flex: 1 1 auto
!important
; }
7371 flex-grow: 0 !important
; }
7373 flex-grow: 1 !important
; }
7375 flex-shrink: 0 !important
; }
7377 flex-shrink: 1 !important
; }
7378 .justify-content-sm-start {
7379 justify-content: flex-start
!important
; }
7380 .justify-content-sm-end {
7381 justify-content: flex-end
!important
; }
7382 .justify-content-sm-center {
7383 justify-content: center
!important
; }
7384 .justify-content-sm-between {
7385 justify-content: space-between
!important
; }
7386 .justify-content-sm-around {
7387 justify-content: space-around
!important
; }
7388 .align-items-sm-start {
7389 align-items: flex-start
!important
; }
7390 .align-items-sm-end {
7391 align-items: flex-end
!important
; }
7392 .align-items-sm-center {
7393 align-items: center
!important
; }
7394 .align-items-sm-baseline {
7395 align-items: baseline
!important
; }
7396 .align-items-sm-stretch {
7397 align-items: stretch
!important
; }
7398 .align-content-sm-start {
7399 align-content: flex-start
!important
; }
7400 .align-content-sm-end {
7401 align-content: flex-end
!important
; }
7402 .align-content-sm-center {
7403 align-content: center
!important
; }
7404 .align-content-sm-between {
7405 align-content: space-between
!important
; }
7406 .align-content-sm-around {
7407 align-content: space-around
!important
; }
7408 .align-content-sm-stretch {
7409 align-content: stretch
!important
; }
7410 .align-self-sm-auto {
7411 align-self: auto
!important
; }
7412 .align-self-sm-start {
7413 align-self: flex-start
!important
; }
7414 .align-self-sm-end {
7415 align-self: flex-end
!important
; }
7416 .align-self-sm-center {
7417 align-self: center
!important
; }
7418 .align-self-sm-baseline {
7419 align-self: baseline
!important
; }
7420 .align-self-sm-stretch {
7421 align-self: stretch
!important
; } }
7423 @media (min-width: 768px) {
7425 flex-direction: row
!important
; }
7427 flex-direction: column
!important
; }
7428 .flex-md-row-reverse {
7429 flex-direction: row-reverse
!important
; }
7430 .flex-md-column-reverse {
7431 flex-direction: column-reverse
!important
; }
7433 flex-wrap: wrap
!important
; }
7435 flex-wrap: nowrap
!important
; }
7436 .flex-md-wrap-reverse {
7437 flex-wrap: wrap-reverse
!important
; }
7439 flex: 1 1 auto
!important
; }
7441 flex-grow: 0 !important
; }
7443 flex-grow: 1 !important
; }
7445 flex-shrink: 0 !important
; }
7447 flex-shrink: 1 !important
; }
7448 .justify-content-md-start {
7449 justify-content: flex-start
!important
; }
7450 .justify-content-md-end {
7451 justify-content: flex-end
!important
; }
7452 .justify-content-md-center {
7453 justify-content: center
!important
; }
7454 .justify-content-md-between {
7455 justify-content: space-between
!important
; }
7456 .justify-content-md-around {
7457 justify-content: space-around
!important
; }
7458 .align-items-md-start {
7459 align-items: flex-start
!important
; }
7460 .align-items-md-end {
7461 align-items: flex-end
!important
; }
7462 .align-items-md-center {
7463 align-items: center
!important
; }
7464 .align-items-md-baseline {
7465 align-items: baseline
!important
; }
7466 .align-items-md-stretch {
7467 align-items: stretch
!important
; }
7468 .align-content-md-start {
7469 align-content: flex-start
!important
; }
7470 .align-content-md-end {
7471 align-content: flex-end
!important
; }
7472 .align-content-md-center {
7473 align-content: center
!important
; }
7474 .align-content-md-between {
7475 align-content: space-between
!important
; }
7476 .align-content-md-around {
7477 align-content: space-around
!important
; }
7478 .align-content-md-stretch {
7479 align-content: stretch
!important
; }
7480 .align-self-md-auto {
7481 align-self: auto
!important
; }
7482 .align-self-md-start {
7483 align-self: flex-start
!important
; }
7484 .align-self-md-end {
7485 align-self: flex-end
!important
; }
7486 .align-self-md-center {
7487 align-self: center
!important
; }
7488 .align-self-md-baseline {
7489 align-self: baseline
!important
; }
7490 .align-self-md-stretch {
7491 align-self: stretch
!important
; } }
7493 @media (min-width: 992px) {
7495 flex-direction: row
!important
; }
7497 flex-direction: column
!important
; }
7498 .flex-lg-row-reverse {
7499 flex-direction: row-reverse
!important
; }
7500 .flex-lg-column-reverse {
7501 flex-direction: column-reverse
!important
; }
7503 flex-wrap: wrap
!important
; }
7505 flex-wrap: nowrap
!important
; }
7506 .flex-lg-wrap-reverse {
7507 flex-wrap: wrap-reverse
!important
; }
7509 flex: 1 1 auto
!important
; }
7511 flex-grow: 0 !important
; }
7513 flex-grow: 1 !important
; }
7515 flex-shrink: 0 !important
; }
7517 flex-shrink: 1 !important
; }
7518 .justify-content-lg-start {
7519 justify-content: flex-start
!important
; }
7520 .justify-content-lg-end {
7521 justify-content: flex-end
!important
; }
7522 .justify-content-lg-center {
7523 justify-content: center
!important
; }
7524 .justify-content-lg-between {
7525 justify-content: space-between
!important
; }
7526 .justify-content-lg-around {
7527 justify-content: space-around
!important
; }
7528 .align-items-lg-start {
7529 align-items: flex-start
!important
; }
7530 .align-items-lg-end {
7531 align-items: flex-end
!important
; }
7532 .align-items-lg-center {
7533 align-items: center
!important
; }
7534 .align-items-lg-baseline {
7535 align-items: baseline
!important
; }
7536 .align-items-lg-stretch {
7537 align-items: stretch
!important
; }
7538 .align-content-lg-start {
7539 align-content: flex-start
!important
; }
7540 .align-content-lg-end {
7541 align-content: flex-end
!important
; }
7542 .align-content-lg-center {
7543 align-content: center
!important
; }
7544 .align-content-lg-between {
7545 align-content: space-between
!important
; }
7546 .align-content-lg-around {
7547 align-content: space-around
!important
; }
7548 .align-content-lg-stretch {
7549 align-content: stretch
!important
; }
7550 .align-self-lg-auto {
7551 align-self: auto
!important
; }
7552 .align-self-lg-start {
7553 align-self: flex-start
!important
; }
7554 .align-self-lg-end {
7555 align-self: flex-end
!important
; }
7556 .align-self-lg-center {
7557 align-self: center
!important
; }
7558 .align-self-lg-baseline {
7559 align-self: baseline
!important
; }
7560 .align-self-lg-stretch {
7561 align-self: stretch
!important
; } }
7563 @media (min-width: 1200px) {
7565 flex-direction: row
!important
; }
7567 flex-direction: column
!important
; }
7568 .flex-xl-row-reverse {
7569 flex-direction: row-reverse
!important
; }
7570 .flex-xl-column-reverse {
7571 flex-direction: column-reverse
!important
; }
7573 flex-wrap: wrap
!important
; }
7575 flex-wrap: nowrap
!important
; }
7576 .flex-xl-wrap-reverse {
7577 flex-wrap: wrap-reverse
!important
; }
7579 flex: 1 1 auto
!important
; }
7581 flex-grow: 0 !important
; }
7583 flex-grow: 1 !important
; }
7585 flex-shrink: 0 !important
; }
7587 flex-shrink: 1 !important
; }
7588 .justify-content-xl-start {
7589 justify-content: flex-start
!important
; }
7590 .justify-content-xl-end {
7591 justify-content: flex-end
!important
; }
7592 .justify-content-xl-center {
7593 justify-content: center
!important
; }
7594 .justify-content-xl-between {
7595 justify-content: space-between
!important
; }
7596 .justify-content-xl-around {
7597 justify-content: space-around
!important
; }
7598 .align-items-xl-start {
7599 align-items: flex-start
!important
; }
7600 .align-items-xl-end {
7601 align-items: flex-end
!important
; }
7602 .align-items-xl-center {
7603 align-items: center
!important
; }
7604 .align-items-xl-baseline {
7605 align-items: baseline
!important
; }
7606 .align-items-xl-stretch {
7607 align-items: stretch
!important
; }
7608 .align-content-xl-start {
7609 align-content: flex-start
!important
; }
7610 .align-content-xl-end {
7611 align-content: flex-end
!important
; }
7612 .align-content-xl-center {
7613 align-content: center
!important
; }
7614 .align-content-xl-between {
7615 align-content: space-between
!important
; }
7616 .align-content-xl-around {
7617 align-content: space-around
!important
; }
7618 .align-content-xl-stretch {
7619 align-content: stretch
!important
; }
7620 .align-self-xl-auto {
7621 align-self: auto
!important
; }
7622 .align-self-xl-start {
7623 align-self: flex-start
!important
; }
7624 .align-self-xl-end {
7625 align-self: flex-end
!important
; }
7626 .align-self-xl-center {
7627 align-self: center
!important
; }
7628 .align-self-xl-baseline {
7629 align-self: baseline
!important
; }
7630 .align-self-xl-stretch {
7631 align-self: stretch
!important
; } }
7634 float: left
!important
; }
7637 float: right
!important
; }
7640 float: none
!important
; }
7642 @media (min-width: 576px) {
7644 float: left
!important
; }
7646 float: right
!important
; }
7648 float: none
!important
; } }
7650 @media (min-width: 768px) {
7652 float: left
!important
; }
7654 float: right
!important
; }
7656 float: none
!important
; } }
7658 @media (min-width: 992px) {
7660 float: left
!important
; }
7662 float: right
!important
; }
7664 float: none
!important
; } }
7666 @media (min-width: 1200px) {
7668 float: left
!important
; }
7670 float: right
!important
; }
7672 float: none
!important
; } }
7675 user-select: all
!important
; }
7678 user-select: auto
!important
; }
7681 user-select: none
!important
; }
7684 overflow: auto
!important
; }
7687 overflow: hidden
!important
; }
7690 position: static
!important
; }
7692 .position-relative {
7693 position: relative
!important
; }
7695 .position-absolute {
7696 position: absolute
!important
; }
7699 position: fixed
!important
; }
7702 position: sticky
!important
; }
7718 @supports (position: sticky
) {
7731 clip: rect
(0, 0, 0, 0);
7732 white-space: nowrap
;
7735 .sr-only-focusable:active, .sr-only-focusable:focus {
7741 white-space: normal
; }
7744 box-shadow: 0 0.125rem 0.25rem rgba
(0, 0, 0, 0.075) !important
; }
7747 box-shadow: 0 0.5rem 1rem rgba
(0, 0, 0, 0.15) !important
; }
7750 box-shadow: 0 1rem 3rem rgba
(0, 0, 0, 0.175) !important
; }
7753 box-shadow: none
!important
; }
7756 width: 25% !important
; }
7759 width: 50% !important
; }
7762 width: 75% !important
; }
7765 width: 100% !important
; }
7768 width: auto
!important
; }
7771 height: 25% !important
; }
7774 height: 50% !important
; }
7777 height: 75% !important
; }
7780 height: 100% !important
; }
7783 height: auto
!important
; }
7786 max-width: 100% !important
; }
7789 max-height: 100% !important
; }
7792 min-width: 100vw !important
; }
7795 min-height: 100vh !important
; }
7798 width: 100vw !important
; }
7801 height: 100vh !important
; }
7804 margin: 0 !important
; }
7808 margin-top: 0 !important
; }
7812 margin-right: 0 !important
; }
7816 margin-bottom: 0 !important
; }
7820 margin-left: 0 !important
; }
7823 margin: 0.25rem !important
; }
7827 margin-top: 0.25rem !important
; }
7831 margin-right: 0.25rem !important
; }
7835 margin-bottom: 0.25rem !important
; }
7839 margin-left: 0.25rem !important
; }
7842 margin: 0.5rem !important
; }
7846 margin-top: 0.5rem !important
; }
7850 margin-right: 0.5rem !important
; }
7854 margin-bottom: 0.5rem !important
; }
7858 margin-left: 0.5rem !important
; }
7861 margin: 1rem !important
; }
7865 margin-top: 1rem !important
; }
7869 margin-right: 1rem !important
; }
7873 margin-bottom: 1rem !important
; }
7877 margin-left: 1rem !important
; }
7880 margin: 1.5rem !important
; }
7884 margin-top: 1.5rem !important
; }
7888 margin-right: 1.5rem !important
; }
7892 margin-bottom: 1.5rem !important
; }
7896 margin-left: 1.5rem !important
; }
7899 margin: 2rem !important
; }
7903 margin-top: 2rem !important
; }
7907 margin-right: 2rem !important
; }
7911 margin-bottom: 2rem !important
; }
7915 margin-left: 2rem !important
; }
7918 margin: 3rem !important
; }
7922 margin-top: 3rem !important
; }
7926 margin-right: 3rem !important
; }
7930 margin-bottom: 3rem !important
; }
7934 margin-left: 3rem !important
; }
7937 padding: 0 !important
; }
7941 padding-top: 0 !important
; }
7945 padding-right: 0 !important
; }
7949 padding-bottom: 0 !important
; }
7953 padding-left: 0 !important
; }
7956 padding: 0.25rem !important
; }
7960 padding-top: 0.25rem !important
; }
7964 padding-right: 0.25rem !important
; }
7968 padding-bottom: 0.25rem !important
; }
7972 padding-left: 0.25rem !important
; }
7975 padding: 0.5rem !important
; }
7979 padding-top: 0.5rem !important
; }
7983 padding-right: 0.5rem !important
; }
7987 padding-bottom: 0.5rem !important
; }
7991 padding-left: 0.5rem !important
; }
7994 padding: 1rem !important
; }
7998 padding-top: 1rem !important
; }
8002 padding-right: 1rem !important
; }
8006 padding-bottom: 1rem !important
; }
8010 padding-left: 1rem !important
; }
8013 padding: 1.5rem !important
; }
8017 padding-top: 1.5rem !important
; }
8021 padding-right: 1.5rem !important
; }
8025 padding-bottom: 1.5rem !important
; }
8029 padding-left: 1.5rem !important
; }
8032 padding: 2rem !important
; }
8036 padding-top: 2rem !important
; }
8040 padding-right: 2rem !important
; }
8044 padding-bottom: 2rem !important
; }
8048 padding-left: 2rem !important
; }
8051 padding: 3rem !important
; }
8055 padding-top: 3rem !important
; }
8059 padding-right: 3rem !important
; }
8063 padding-bottom: 3rem !important
; }
8067 padding-left: 3rem !important
; }
8070 margin: -0.25rem !important
; }
8074 margin-top: -0.25rem !important
; }
8078 margin-right: -0.25rem !important
; }
8082 margin-bottom: -0.25rem !important
; }
8086 margin-left: -0.25rem !important
; }
8089 margin: -0.5rem !important
; }
8093 margin-top: -0.5rem !important
; }
8097 margin-right: -0.5rem !important
; }
8101 margin-bottom: -0.5rem !important
; }
8105 margin-left: -0.5rem !important
; }
8108 margin: -1rem !important
; }
8112 margin-top: -1rem !important
; }
8116 margin-right: -1rem !important
; }
8120 margin-bottom: -1rem !important
; }
8124 margin-left: -1rem !important
; }
8127 margin: -1.5rem !important
; }
8131 margin-top: -1.5rem !important
; }
8135 margin-right: -1.5rem !important
; }
8139 margin-bottom: -1.5rem !important
; }
8143 margin-left: -1.5rem !important
; }
8146 margin: -2rem !important
; }
8150 margin-top: -2rem !important
; }
8154 margin-right: -2rem !important
; }
8158 margin-bottom: -2rem !important
; }
8162 margin-left: -2rem !important
; }
8165 margin: -3rem !important
; }
8169 margin-top: -3rem !important
; }
8173 margin-right: -3rem !important
; }
8177 margin-bottom: -3rem !important
; }
8181 margin-left: -3rem !important
; }
8184 margin: auto
!important
; }
8188 margin-top: auto
!important
; }
8192 margin-right: auto
!important
; }
8196 margin-bottom: auto
!important
; }
8200 margin-left: auto
!important
; }
8202 @media (min-width: 576px) {
8204 margin: 0 !important
; }
8207 margin-top: 0 !important
; }
8210 margin-right: 0 !important
; }
8213 margin-bottom: 0 !important
; }
8216 margin-left: 0 !important
; }
8218 margin: 0.25rem !important
; }
8221 margin-top: 0.25rem !important
; }
8224 margin-right: 0.25rem !important
; }
8227 margin-bottom: 0.25rem !important
; }
8230 margin-left: 0.25rem !important
; }
8232 margin: 0.5rem !important
; }
8235 margin-top: 0.5rem !important
; }
8238 margin-right: 0.5rem !important
; }
8241 margin-bottom: 0.5rem !important
; }
8244 margin-left: 0.5rem !important
; }
8246 margin: 1rem !important
; }
8249 margin-top: 1rem !important
; }
8252 margin-right: 1rem !important
; }
8255 margin-bottom: 1rem !important
; }
8258 margin-left: 1rem !important
; }
8260 margin: 1.5rem !important
; }
8263 margin-top: 1.5rem !important
; }
8266 margin-right: 1.5rem !important
; }
8269 margin-bottom: 1.5rem !important
; }
8272 margin-left: 1.5rem !important
; }
8274 margin: 2rem !important
; }
8277 margin-top: 2rem !important
; }
8280 margin-right: 2rem !important
; }
8283 margin-bottom: 2rem !important
; }
8286 margin-left: 2rem !important
; }
8288 margin: 3rem !important
; }
8291 margin-top: 3rem !important
; }
8294 margin-right: 3rem !important
; }
8297 margin-bottom: 3rem !important
; }
8300 margin-left: 3rem !important
; }
8302 padding: 0 !important
; }
8305 padding-top: 0 !important
; }
8308 padding-right: 0 !important
; }
8311 padding-bottom: 0 !important
; }
8314 padding-left: 0 !important
; }
8316 padding: 0.25rem !important
; }
8319 padding-top: 0.25rem !important
; }
8322 padding-right: 0.25rem !important
; }
8325 padding-bottom: 0.25rem !important
; }
8328 padding-left: 0.25rem !important
; }
8330 padding: 0.5rem !important
; }
8333 padding-top: 0.5rem !important
; }
8336 padding-right: 0.5rem !important
; }
8339 padding-bottom: 0.5rem !important
; }
8342 padding-left: 0.5rem !important
; }
8344 padding: 1rem !important
; }
8347 padding-top: 1rem !important
; }
8350 padding-right: 1rem !important
; }
8353 padding-bottom: 1rem !important
; }
8356 padding-left: 1rem !important
; }
8358 padding: 1.5rem !important
; }
8361 padding-top: 1.5rem !important
; }
8364 padding-right: 1.5rem !important
; }
8367 padding-bottom: 1.5rem !important
; }
8370 padding-left: 1.5rem !important
; }
8372 padding: 2rem !important
; }
8375 padding-top: 2rem !important
; }
8378 padding-right: 2rem !important
; }
8381 padding-bottom: 2rem !important
; }
8384 padding-left: 2rem !important
; }
8386 padding: 3rem !important
; }
8389 padding-top: 3rem !important
; }
8392 padding-right: 3rem !important
; }
8395 padding-bottom: 3rem !important
; }
8398 padding-left: 3rem !important
; }
8400 margin: -0.25rem !important
; }
8403 margin-top: -0.25rem !important
; }
8406 margin-right: -0.25rem !important
; }
8409 margin-bottom: -0.25rem !important
; }
8412 margin-left: -0.25rem !important
; }
8414 margin: -0.5rem !important
; }
8417 margin-top: -0.5rem !important
; }
8420 margin-right: -0.5rem !important
; }
8423 margin-bottom: -0.5rem !important
; }
8426 margin-left: -0.5rem !important
; }
8428 margin: -1rem !important
; }
8431 margin-top: -1rem !important
; }
8434 margin-right: -1rem !important
; }
8437 margin-bottom: -1rem !important
; }
8440 margin-left: -1rem !important
; }
8442 margin: -1.5rem !important
; }
8445 margin-top: -1.5rem !important
; }
8448 margin-right: -1.5rem !important
; }
8451 margin-bottom: -1.5rem !important
; }
8454 margin-left: -1.5rem !important
; }
8456 margin: -2rem !important
; }
8459 margin-top: -2rem !important
; }
8462 margin-right: -2rem !important
; }
8465 margin-bottom: -2rem !important
; }
8468 margin-left: -2rem !important
; }
8470 margin: -3rem !important
; }
8473 margin-top: -3rem !important
; }
8476 margin-right: -3rem !important
; }
8479 margin-bottom: -3rem !important
; }
8482 margin-left: -3rem !important
; }
8484 margin: auto
!important
; }
8487 margin-top: auto
!important
; }
8490 margin-right: auto
!important
; }
8493 margin-bottom: auto
!important
; }
8496 margin-left: auto
!important
; } }
8498 @media (min-width: 768px) {
8500 margin: 0 !important
; }
8503 margin-top: 0 !important
; }
8506 margin-right: 0 !important
; }
8509 margin-bottom: 0 !important
; }
8512 margin-left: 0 !important
; }
8514 margin: 0.25rem !important
; }
8517 margin-top: 0.25rem !important
; }
8520 margin-right: 0.25rem !important
; }
8523 margin-bottom: 0.25rem !important
; }
8526 margin-left: 0.25rem !important
; }
8528 margin: 0.5rem !important
; }
8531 margin-top: 0.5rem !important
; }
8534 margin-right: 0.5rem !important
; }
8537 margin-bottom: 0.5rem !important
; }
8540 margin-left: 0.5rem !important
; }
8542 margin: 1rem !important
; }
8545 margin-top: 1rem !important
; }
8548 margin-right: 1rem !important
; }
8551 margin-bottom: 1rem !important
; }
8554 margin-left: 1rem !important
; }
8556 margin: 1.5rem !important
; }
8559 margin-top: 1.5rem !important
; }
8562 margin-right: 1.5rem !important
; }
8565 margin-bottom: 1.5rem !important
; }
8568 margin-left: 1.5rem !important
; }
8570 margin: 2rem !important
; }
8573 margin-top: 2rem !important
; }
8576 margin-right: 2rem !important
; }
8579 margin-bottom: 2rem !important
; }
8582 margin-left: 2rem !important
; }
8584 margin: 3rem !important
; }
8587 margin-top: 3rem !important
; }
8590 margin-right: 3rem !important
; }
8593 margin-bottom: 3rem !important
; }
8596 margin-left: 3rem !important
; }
8598 padding: 0 !important
; }
8601 padding-top: 0 !important
; }
8604 padding-right: 0 !important
; }
8607 padding-bottom: 0 !important
; }
8610 padding-left: 0 !important
; }
8612 padding: 0.25rem !important
; }
8615 padding-top: 0.25rem !important
; }
8618 padding-right: 0.25rem !important
; }
8621 padding-bottom: 0.25rem !important
; }
8624 padding-left: 0.25rem !important
; }
8626 padding: 0.5rem !important
; }
8629 padding-top: 0.5rem !important
; }
8632 padding-right: 0.5rem !important
; }
8635 padding-bottom: 0.5rem !important
; }
8638 padding-left: 0.5rem !important
; }
8640 padding: 1rem !important
; }
8643 padding-top: 1rem !important
; }
8646 padding-right: 1rem !important
; }
8649 padding-bottom: 1rem !important
; }
8652 padding-left: 1rem !important
; }
8654 padding: 1.5rem !important
; }
8657 padding-top: 1.5rem !important
; }
8660 padding-right: 1.5rem !important
; }
8663 padding-bottom: 1.5rem !important
; }
8666 padding-left: 1.5rem !important
; }
8668 padding: 2rem !important
; }
8671 padding-top: 2rem !important
; }
8674 padding-right: 2rem !important
; }
8677 padding-bottom: 2rem !important
; }
8680 padding-left: 2rem !important
; }
8682 padding: 3rem !important
; }
8685 padding-top: 3rem !important
; }
8688 padding-right: 3rem !important
; }
8691 padding-bottom: 3rem !important
; }
8694 padding-left: 3rem !important
; }
8696 margin: -0.25rem !important
; }
8699 margin-top: -0.25rem !important
; }
8702 margin-right: -0.25rem !important
; }
8705 margin-bottom: -0.25rem !important
; }
8708 margin-left: -0.25rem !important
; }
8710 margin: -0.5rem !important
; }
8713 margin-top: -0.5rem !important
; }
8716 margin-right: -0.5rem !important
; }
8719 margin-bottom: -0.5rem !important
; }
8722 margin-left: -0.5rem !important
; }
8724 margin: -1rem !important
; }
8727 margin-top: -1rem !important
; }
8730 margin-right: -1rem !important
; }
8733 margin-bottom: -1rem !important
; }
8736 margin-left: -1rem !important
; }
8738 margin: -1.5rem !important
; }
8741 margin-top: -1.5rem !important
; }
8744 margin-right: -1.5rem !important
; }
8747 margin-bottom: -1.5rem !important
; }
8750 margin-left: -1.5rem !important
; }
8752 margin: -2rem !important
; }
8755 margin-top: -2rem !important
; }
8758 margin-right: -2rem !important
; }
8761 margin-bottom: -2rem !important
; }
8764 margin-left: -2rem !important
; }
8766 margin: -3rem !important
; }
8769 margin-top: -3rem !important
; }
8772 margin-right: -3rem !important
; }
8775 margin-bottom: -3rem !important
; }
8778 margin-left: -3rem !important
; }
8780 margin: auto
!important
; }
8783 margin-top: auto
!important
; }
8786 margin-right: auto
!important
; }
8789 margin-bottom: auto
!important
; }
8792 margin-left: auto
!important
; } }
8794 @media (min-width: 992px) {
8796 margin: 0 !important
; }
8799 margin-top: 0 !important
; }
8802 margin-right: 0 !important
; }
8805 margin-bottom: 0 !important
; }
8808 margin-left: 0 !important
; }
8810 margin: 0.25rem !important
; }
8813 margin-top: 0.25rem !important
; }
8816 margin-right: 0.25rem !important
; }
8819 margin-bottom: 0.25rem !important
; }
8822 margin-left: 0.25rem !important
; }
8824 margin: 0.5rem !important
; }
8827 margin-top: 0.5rem !important
; }
8830 margin-right: 0.5rem !important
; }
8833 margin-bottom: 0.5rem !important
; }
8836 margin-left: 0.5rem !important
; }
8838 margin: 1rem !important
; }
8841 margin-top: 1rem !important
; }
8844 margin-right: 1rem !important
; }
8847 margin-bottom: 1rem !important
; }
8850 margin-left: 1rem !important
; }
8852 margin: 1.5rem !important
; }
8855 margin-top: 1.5rem !important
; }
8858 margin-right: 1.5rem !important
; }
8861 margin-bottom: 1.5rem !important
; }
8864 margin-left: 1.5rem !important
; }
8866 margin: 2rem !important
; }
8869 margin-top: 2rem !important
; }
8872 margin-right: 2rem !important
; }
8875 margin-bottom: 2rem !important
; }
8878 margin-left: 2rem !important
; }
8880 margin: 3rem !important
; }
8883 margin-top: 3rem !important
; }
8886 margin-right: 3rem !important
; }
8889 margin-bottom: 3rem !important
; }
8892 margin-left: 3rem !important
; }
8894 padding: 0 !important
; }
8897 padding-top: 0 !important
; }
8900 padding-right: 0 !important
; }
8903 padding-bottom: 0 !important
; }
8906 padding-left: 0 !important
; }
8908 padding: 0.25rem !important
; }
8911 padding-top: 0.25rem !important
; }
8914 padding-right: 0.25rem !important
; }
8917 padding-bottom: 0.25rem !important
; }
8920 padding-left: 0.25rem !important
; }
8922 padding: 0.5rem !important
; }
8925 padding-top: 0.5rem !important
; }
8928 padding-right: 0.5rem !important
; }
8931 padding-bottom: 0.5rem !important
; }
8934 padding-left: 0.5rem !important
; }
8936 padding: 1rem !important
; }
8939 padding-top: 1rem !important
; }
8942 padding-right: 1rem !important
; }
8945 padding-bottom: 1rem !important
; }
8948 padding-left: 1rem !important
; }
8950 padding: 1.5rem !important
; }
8953 padding-top: 1.5rem !important
; }
8956 padding-right: 1.5rem !important
; }
8959 padding-bottom: 1.5rem !important
; }
8962 padding-left: 1.5rem !important
; }
8964 padding: 2rem !important
; }
8967 padding-top: 2rem !important
; }
8970 padding-right: 2rem !important
; }
8973 padding-bottom: 2rem !important
; }
8976 padding-left: 2rem !important
; }
8978 padding: 3rem !important
; }
8981 padding-top: 3rem !important
; }
8984 padding-right: 3rem !important
; }
8987 padding-bottom: 3rem !important
; }
8990 padding-left: 3rem !important
; }
8992 margin: -0.25rem !important
; }
8995 margin-top: -0.25rem !important
; }
8998 margin-right: -0.25rem !important
; }
9001 margin-bottom: -0.25rem !important
; }
9004 margin-left: -0.25rem !important
; }
9006 margin: -0.5rem !important
; }
9009 margin-top: -0.5rem !important
; }
9012 margin-right: -0.5rem !important
; }
9015 margin-bottom: -0.5rem !important
; }
9018 margin-left: -0.5rem !important
; }
9020 margin: -1rem !important
; }
9023 margin-top: -1rem !important
; }
9026 margin-right: -1rem !important
; }
9029 margin-bottom: -1rem !important
; }
9032 margin-left: -1rem !important
; }
9034 margin: -1.5rem !important
; }
9037 margin-top: -1.5rem !important
; }
9040 margin-right: -1.5rem !important
; }
9043 margin-bottom: -1.5rem !important
; }
9046 margin-left: -1.5rem !important
; }
9048 margin: -2rem !important
; }
9051 margin-top: -2rem !important
; }
9054 margin-right: -2rem !important
; }
9057 margin-bottom: -2rem !important
; }
9060 margin-left: -2rem !important
; }
9062 margin: -3rem !important
; }
9065 margin-top: -3rem !important
; }
9068 margin-right: -3rem !important
; }
9071 margin-bottom: -3rem !important
; }
9074 margin-left: -3rem !important
; }
9076 margin: auto
!important
; }
9079 margin-top: auto
!important
; }
9082 margin-right: auto
!important
; }
9085 margin-bottom: auto
!important
; }
9088 margin-left: auto
!important
; } }
9090 @media (min-width: 1200px) {
9092 margin: 0 !important
; }
9095 margin-top: 0 !important
; }
9098 margin-right: 0 !important
; }
9101 margin-bottom: 0 !important
; }
9104 margin-left: 0 !important
; }
9106 margin: 0.25rem !important
; }
9109 margin-top: 0.25rem !important
; }
9112 margin-right: 0.25rem !important
; }
9115 margin-bottom: 0.25rem !important
; }
9118 margin-left: 0.25rem !important
; }
9120 margin: 0.5rem !important
; }
9123 margin-top: 0.5rem !important
; }
9126 margin-right: 0.5rem !important
; }
9129 margin-bottom: 0.5rem !important
; }
9132 margin-left: 0.5rem !important
; }
9134 margin: 1rem !important
; }
9137 margin-top: 1rem !important
; }
9140 margin-right: 1rem !important
; }
9143 margin-bottom: 1rem !important
; }
9146 margin-left: 1rem !important
; }
9148 margin: 1.5rem !important
; }
9151 margin-top: 1.5rem !important
; }
9154 margin-right: 1.5rem !important
; }
9157 margin-bottom: 1.5rem !important
; }
9160 margin-left: 1.5rem !important
; }
9162 margin: 2rem !important
; }
9165 margin-top: 2rem !important
; }
9168 margin-right: 2rem !important
; }
9171 margin-bottom: 2rem !important
; }
9174 margin-left: 2rem !important
; }
9176 margin: 3rem !important
; }
9179 margin-top: 3rem !important
; }
9182 margin-right: 3rem !important
; }
9185 margin-bottom: 3rem !important
; }
9188 margin-left: 3rem !important
; }
9190 padding: 0 !important
; }
9193 padding-top: 0 !important
; }
9196 padding-right: 0 !important
; }
9199 padding-bottom: 0 !important
; }
9202 padding-left: 0 !important
; }
9204 padding: 0.25rem !important
; }
9207 padding-top: 0.25rem !important
; }
9210 padding-right: 0.25rem !important
; }
9213 padding-bottom: 0.25rem !important
; }
9216 padding-left: 0.25rem !important
; }
9218 padding: 0.5rem !important
; }
9221 padding-top: 0.5rem !important
; }
9224 padding-right: 0.5rem !important
; }
9227 padding-bottom: 0.5rem !important
; }
9230 padding-left: 0.5rem !important
; }
9232 padding: 1rem !important
; }
9235 padding-top: 1rem !important
; }
9238 padding-right: 1rem !important
; }
9241 padding-bottom: 1rem !important
; }
9244 padding-left: 1rem !important
; }
9246 padding: 1.5rem !important
; }
9249 padding-top: 1.5rem !important
; }
9252 padding-right: 1.5rem !important
; }
9255 padding-bottom: 1.5rem !important
; }
9258 padding-left: 1.5rem !important
; }
9260 padding: 2rem !important
; }
9263 padding-top: 2rem !important
; }
9266 padding-right: 2rem !important
; }
9269 padding-bottom: 2rem !important
; }
9272 padding-left: 2rem !important
; }
9274 padding: 3rem !important
; }
9277 padding-top: 3rem !important
; }
9280 padding-right: 3rem !important
; }
9283 padding-bottom: 3rem !important
; }
9286 padding-left: 3rem !important
; }
9288 margin: -0.25rem !important
; }
9291 margin-top: -0.25rem !important
; }
9294 margin-right: -0.25rem !important
; }
9297 margin-bottom: -0.25rem !important
; }
9300 margin-left: -0.25rem !important
; }
9302 margin: -0.5rem !important
; }
9305 margin-top: -0.5rem !important
; }
9308 margin-right: -0.5rem !important
; }
9311 margin-bottom: -0.5rem !important
; }
9314 margin-left: -0.5rem !important
; }
9316 margin: -1rem !important
; }
9319 margin-top: -1rem !important
; }
9322 margin-right: -1rem !important
; }
9325 margin-bottom: -1rem !important
; }
9328 margin-left: -1rem !important
; }
9330 margin: -1.5rem !important
; }
9333 margin-top: -1.5rem !important
; }
9336 margin-right: -1.5rem !important
; }
9339 margin-bottom: -1.5rem !important
; }
9342 margin-left: -1.5rem !important
; }
9344 margin: -2rem !important
; }
9347 margin-top: -2rem !important
; }
9350 margin-right: -2rem !important
; }
9353 margin-bottom: -2rem !important
; }
9356 margin-left: -2rem !important
; }
9358 margin: -3rem !important
; }
9361 margin-top: -3rem !important
; }
9364 margin-right: -3rem !important
; }
9367 margin-bottom: -3rem !important
; }
9370 margin-left: -3rem !important
; }
9372 margin: auto
!important
; }
9375 margin-top: auto
!important
; }
9378 margin-right: auto
!important
; }
9381 margin-bottom: auto
!important
; }
9384 margin-left: auto
!important
; } }
9386 .stretched-link::after {
9393 pointer-events: auto
;
9395 background-color: rgba
(0, 0, 0, 0); }
9398 font-family: SFMono-Regular
, Menlo
, Monaco
, Consolas
, "Liberation Mono", "Courier New", monospace
!important
; }
9401 text-align: justify
!important
; }
9404 white-space: normal
!important
; }
9407 white-space: nowrap
!important
; }
9411 text-overflow: ellipsis
;
9412 white-space: nowrap
; }
9415 text-align: left
!important
; }
9418 text-align: right
!important
; }
9421 text-align: center
!important
; }
9423 @media (min-width: 576px) {
9425 text-align: left
!important
; }
9427 text-align: right
!important
; }
9429 text-align: center
!important
; } }
9431 @media (min-width: 768px) {
9433 text-align: left
!important
; }
9435 text-align: right
!important
; }
9437 text-align: center
!important
; } }
9439 @media (min-width: 992px) {
9441 text-align: left
!important
; }
9443 text-align: right
!important
; }
9445 text-align: center
!important
; } }
9447 @media (min-width: 1200px) {
9449 text-align: left
!important
; }
9451 text-align: right
!important
; }
9453 text-align: center
!important
; } }
9456 text-transform: lowercase
!important
; }
9459 text-transform: uppercase
!important
; }
9462 text-transform: capitalize
!important
; }
9464 .font-weight-light {
9465 font-weight: 300 !important
; }
9467 .font-weight-lighter {
9468 font-weight: lighter
!important
; }
9470 .font-weight-normal {
9471 font-weight: 400 !important
; }
9474 font-weight: 700 !important
; }
9476 .font-weight-bolder {
9477 font-weight: bolder
!important
; }
9480 font-style: italic
!important
; }
9483 color: #fff !important
; }
9486 color: #0f6cbf !important
; }
9488 a
.text-primary:hover
, a
.text-primary:focus
{
9489 color: #094478 !important
; }
9492 color: #ced4da !important
; }
9494 a
.text-secondary:hover
, a
.text-secondary:focus
{
9495 color: #a2aeb9 !important
; }
9498 color: #357a32 !important
; }
9500 a
.text-success:hover
, a
.text-success:focus
{
9501 color: #1d441c !important
; }
9504 color: #008196 !important
; }
9506 a
.text-info:hover
, a
.text-info:focus
{
9507 color: #003f4a !important
; }
9510 color: #f0ad4e !important
; }
9512 a
.text-warning:hover
, a
.text-warning:focus
{
9513 color: #df8a13 !important
; }
9516 color: #ca3120 !important
; }
9518 a
.text-danger:hover
, a
.text-danger:focus
{
9519 color: #882116 !important
; }
9522 color: #f8f9fa !important
; }
9524 a
.text-light:hover
, a
.text-light:focus
{
9525 color: #cbd3da !important
; }
9528 color: #343a40 !important
; }
9530 a
.text-dark:hover
, a
.text-dark:focus
{
9531 color: #121416 !important
; }
9534 color: #1d2125 !important
; }
9537 color: #6a737b !important
; }
9540 color: rgba
(0, 0, 0, 0.5) !important
; }
9543 color: rgba
(255, 255, 255, 0.5) !important
; }
9549 background-color: transparent
;
9552 .text-decoration-none {
9553 text-decoration: none
!important
; }
9556 word-break: break-word
!important
;
9557 word-wrap: break-word
!important
; }
9560 color: inherit
!important
; }
9563 visibility: visible
!important
; }
9566 visibility: hidden
!important
; }
9572 text-shadow: none
!important
;
9573 box-shadow: none
!important
; }
9575 text-decoration: underline
; }
9576 abbr
[title
]::after
{
9577 content: " (" attr
(title
) ")"; }
9579 white-space: pre-wrap
!important
; }
9582 border: 1px solid
#8f959e;
9583 page-break-inside: avoid
; }
9585 display: table-header-group
; }
9588 page-break-inside: avoid
; }
9596 page-break-after: avoid
; }
9598 min-width: 992px !important
; }
9600 min-width: 992px !important
; }
9604 border: 1px solid
#000; }
9606 border-collapse: collapse
!important
; }
9609 background-color: #fff !important
; }
9611 .table-bordered td {
9612 border: 1px solid
#dee2e6 !important
; }
9617 .table-dark thead th
,
9618 .table-dark tbody + tbody {
9619 border-color: #dee2e6; }
9620 .table .thead-dark th {
9622 border-color: #dee2e6; } }
9625 * Bootstrap overrides for RTL
9627 * This file is only for overriding sass from upstream bootstrap, all general rtl fixes for
9628 * moodle scss should be placed immediately after the definition of the ltr rule.
9630 .breadcrumb-item + .breadcrumb-item::before {
9634 /* stylelint-disable-line declaration-block-no-duplicate-properties */ }
9636 .dir-rtl .custom-select {
9637 background-position: 0.75rem center
; }
9646 .dir-rtl .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
9647 transform: translateX
(-0.9375rem); }
9652 * Variables written for Moodle specific components
9654 * Please do not override any Bootstrap variables here, custom Bootstrap variable should go in
9655 * preset files instead.
9660 overflow-y: visible
;
9661 background-color: #fff; }
9663 @media (min-width: 576px) {
9665 border: 1px solid rgba
(0, 0, 0, 0.125);
9666 padding: 1.25rem; } }
9668 @media (min-width: 576px) {
9669 .context-header-settings-menu
,
9670 .region-main-settings-menu {
9676 margin-top: 4px; } }
9678 @media (max-width: 767.98px) {
9679 .context-header-settings-menu
,
9680 .region-main-settings-menu {
9682 justify-content: flex-end
; } }
9687 transition: opacity
.7s ease
0s, visibility
.1s ease
.8s;
9695 transform: translateY
(-100%); }
9697 @media (max-width: 767.98px) {
9701 body
.scrolled #goto-top-link
{
9703 visibility: visible
;
9704 transition: visibility
0s ease
0s, opacity
.7s ease
.1s; }
9706 .context-header-settings-menu
.dropdown-toggle
> .icon
,
9707 #region-main-settings-menu .dropdown-toggle
> .icon
{
9712 /** Prevent user notifications overlapping with region main settings menu */
9713 #user-notifications {
9717 /** Page layout CSS starts **/
9718 .layout-option-noheader #page-header
,
9719 .layout-option-nonavbar #page-navbar
,
9720 .layout-option-nofooter #page-footer
,
9721 .layout-option-nocourseheader
.course-content-header
,
9722 .layout-option-nocoursefooter .course-content-footer {
9725 /** Page layout CSS ends **/
9730 text-align: right
; }
9734 direction: ltr
!important
;
9735 /* stylelint-disable-line declaration-no-important */ }
9741 text-align: center
; }
9748 a
.dimmed_text:visited
,
9751 .dimmed_text
a:link
,
9752 .dimmed_text
a:visited
,
9755 .usersuspended
a:link
,
9756 .usersuspended
a:visited
,
9758 .dimmed_category a {
9761 .aalink
.focus
, a
.focus
.autolink
, .aalink:focus
, a
.autolink:focus
,
9762 #page-footer a:not
([class
]).focus
,
9763 #page-footer a:not
([class
]):focus
,
9766 a:not
([class
]).focus
,
9767 a:not
([class
]):focus
,
9768 .activityinstance
> a
.focus
,
9769 .activityinstance > a:focus {
9770 outline: 0.2rem solid transparent
;
9772 background-color: #d2e8fb;
9773 box-shadow: 0 -0.2rem #d2e8fb, 0 0.2rem #343a40; }
9775 .aalink:focus:hover
, a
.autolink:focus:hover
,
9776 #page-footer a:not
([class
]):focus:hover
,
9777 .arrow_link:focus:hover
,
9778 a:not
([class
]):focus:hover
,
9779 .activityinstance > a:focus:hover {
9780 text-decoration: none
; }
9782 .aabtn
.focus
, .aabtn:focus
,
9787 .editor_atto_toolbar button
.focus
,
9788 .editor_atto_toolbar
button:focus
,
9789 [role
="button"].focus
,
9790 [role
="button"]:focus
,
9791 .list-group-item-action
.focus
,
9792 .list-group-item-action:focus
,
9793 input
[type
="checkbox"].focus
,
9794 input
[type
="checkbox"]:focus
,
9795 input
[type
="radio"].focus
,
9796 input
[type
="radio"]:focus
,
9797 input
[type
="file"].focus
,
9798 input
[type
="file"]:focus
,
9799 input
[type
="image"].focus
,
9800 input
[type
="image"]:focus
,
9801 .sr-only-focusable
.focus
,
9802 .sr-only-focusable:focus
,
9803 a
.dropdown-toggle
.focus
,
9804 a
.dropdown-toggle:focus
,
9805 .modal-dialog
[tabindex
="0"].focus
,
9806 .modal-dialog
[tabindex
="0"]:focus
,
9807 .moodle-dialogue-base
.closebutton
.focus
,
9808 .moodle-dialogue-base
.closebutton:focus
,
9811 .form-autocomplete-selection
.focus
,
9812 .form-autocomplete-selection:focus
,
9813 [role
="treeitem"]:not
([aria-expanded
="true"]).focus
,
9814 [role
="treeitem"]:not
([aria-expanded
="true"]):focus
{
9816 box-shadow: 0 0 0 0.2rem rgba
(15, 108, 191, 0.75); }
9819 .btn-link:focus:hover
,
9820 .nav-link:focus:hover
,
9821 .editor_atto_toolbar
button:focus:hover
,
9822 [role
="button"]:focus:hover
,
9823 .list-group-item-action:focus:hover
,
9824 input
[type
="checkbox"]:focus:hover
,
9825 input
[type
="radio"]:focus:hover
,
9826 input
[type
="file"]:focus:hover
,
9827 input
[type
="image"]:focus:hover
,
9828 .sr-only-focusable:focus:hover
,
9829 a
.dropdown-toggle:focus:hover
,
9830 .modal-dialog
[tabindex
="0"]:focus:hover
,
9831 .moodle-dialogue-base
.closebutton:focus:hover
,
9832 button
.close:focus:hover
,
9833 .form-autocomplete-selection:focus:hover
,
9834 [role
="treeitem"]:not
([aria-expanded
="true"]):focus:hover
{
9835 text-decoration: none
; }
9837 [role
="treeitem"][aria-expanded
="true"] {
9839 [role
="treeitem"][aria-expanded
="true"].focus
> *:first-child
, [role
="treeitem"][aria-expanded
="true"]:focus
> *:first-child
{
9841 box-shadow: 0 0 0 0.2rem rgba
(15, 108, 191, 0.75); }
9842 [role
="treeitem"][aria-expanded
="true"]:focus:hover
{
9843 text-decoration: none
; }
9845 .form-autocomplete-suggestions li[aria-selected=true] {
9847 box-shadow: 0 0 0 0.2rem rgba
(15, 108, 191, 0.75); }
9849 .safari input
[type
="checkbox"].focus
, .safari input
[type
="checkbox"]:focus
,
9850 .safari input
[type
="radio"].focus
,
9851 .safari input[type="radio"]:focus {
9860 .section li
.activity
,
9861 .section li
.movehere
,
9867 .section li.movehere a {
9871 border: 2px dashed
#343a40; }
9873 .editing .course-content .hidden.sectionname {
9882 font-size: 0.703125rem; }
9899 .fitem.advanced .text-info {
9900 font-weight: bold
; }
9903 text-align: right
; }
9905 a
.autolink
.glossary:hover
{
9908 /* Block which is hidden if javascript enabled, prevents fickering visible when JS from footer used! */
9909 .collapsibleregioncaption {
9910 white-space: nowrap
;
9911 min-height: 1.40625rem; }
9913 .pagelayout-mydashboard.jsenabled .collapsibleregioncaption {
9916 .pagelayout-mydashboard #region-main {
9919 background-color: transparent
;
9922 @media (max-width: 767.98px) {
9923 .pagelayout-mydashboard #region-main-box
,
9924 .pagelayout-login #region-main-box {
9926 padding-right: 0; } }
9928 .collapsibleregioncaption img {
9929 vertical-align: middle
; }
9931 .jsenabled .hiddenifjs {
9937 .jsenabled .visibleifjs {
9940 .jsenabled .collapsibleregion {
9942 box-sizing: content-box
; }
9944 .jsenabled .collapsed .collapsibleregioninner {
9945 visibility: hidden
; }
9947 .collapsible-actions {
9949 text-align: right
; }
9951 .jsenabled .collapsible-actions {
9954 .collapsible-actions .collapseexpand {
9956 background: url
([[pix:t
/collapsed
]]) 2px center no-repeat
; }
9959 .collapsible-actions .collapseexpand {
9960 background: url([[pix:t/collapsed_rtl]]) right center no-repeat;
9963 .collapsible-actions .collapse-all {
9964 background-image: url
([[pix:t
/expanded
]]); }
9966 .yui-overlay .yui-widget-bd {
9967 background-color: #ffee69;
9968 border: 1px solid
#a6982b;
9969 border-top-color: #d4c237;
9978 background: transparent
;
9990 .pagingbar .thispage {
9991 font-weight: bold
; }
9994 margin-right: 0.5rem; }
10000 .action-menu .dropdown-toggle {
10001 text-decoration: none
; }
10004 white-space: nowrap
; }
10006 .block img.resize {
10014 vertical-align: middle
; }
10017 font-weight: bold
; }
10022 overflow: hidden
; }
10027 #addmembersform table
{
10029 margin-right: auto
; }
10031 table
.flexible
.emptyrow
{
10035 form
.popupform div
{
10038 .arrow_button input {
10039 overflow: hidden
; }
10044 .no-overflow > .generaltable {
10045 position: relative
;
10046 margin-bottom: 0; }
10049 position: absolute
;
10055 clip: rect
(0, 0, 0, 0);
10056 white-space: nowrap
;
10066 position: absolute
;
10069 text-decoration: none
; }
10071 a
.skip-block:focus
,
10072 a
.skip-block:active
,
10081 overflow: hidden
; }
10084 text-align: center
; }
10086 .blog_entry .audience {
10088 padding-right: 4px; }
10090 .blog_entry .tags {
10091 margin-top: 15px; }
10093 .blog_entry .content {
10094 margin-left: 43px; }
10097 margin: 1em 0 0 0; }
10104 #doc-contents ul li
{
10105 list-style-type: none
; }
10107 .groupmanagementtable td {
10108 vertical-align: top
; }
10110 .groupmanagementtable #existingcell
,
10111 .groupmanagementtable #potentialcell {
10114 .groupmanagementtable #buttonscell {
10117 .groupmanagementtable #buttonscell p.arrow_button input {
10123 .groupmanagementtable #removeselect_wrapper
,
10124 .groupmanagementtable #addselect_wrapper {
10127 .groupmanagementtable #removeselect_wrapper label
,
10128 .groupmanagementtable #addselect_wrapper label {
10129 font-weight: normal
; }
10131 #group-usersummary {
10136 margin-bottom: 3px;
10137 display: inline-block
; }
10139 .groupselector label {
10140 display: inline-block
; }
10142 .login-page [name="username"] {
10143 margin-bottom: -1px;
10144 border-bottom-right-radius: 0;
10145 border-bottom-left-radius: 0; }
10147 .login-page [type="password"] {
10148 margin-bottom: 10px;
10149 border-top-left-radius: 0;
10150 border-top-right-radius: 0; }
10153 margin-bottom: 1em; }
10155 .notepost .userpicture {
10157 margin-right: 5px; }
10159 .notepost
.content
,
10160 .notepost .footer {
10164 margin-left: 20px; }
10166 .path-my .coursebox {
10169 .path-my .coursebox .overview {
10170 margin: 15px 30px 10px 30px; }
10172 .path-my .coursebox .info {
10196 .comment-area textarea {
10199 .comment-area textarea.fullwidth {
10200 -webkit-box-sizing: border-box
;
10201 -moz-box-sizing: border-box
;
10202 box-sizing: border-box
; }
10204 .comment-area .fd {
10205 text-align: right
; }
10207 .comment-meta span {
10210 .comment-link img {
10211 vertical-align: text-bottom
; }
10223 margin-bottom: 5px;
10226 position: relative
; }
10228 .comment-list li.first {
10232 text-align: center
; }
10234 .comment-paging .pageno {
10237 .comment-paging .curpage {
10238 border: 1px solid
#ccc; }
10240 .comment-message .picture {
10244 .comment-message .text {
10248 .comment-message .text p {
10250 margin: 0 18px 0 0; }
10253 position: absolute
;
10258 .comment-report-selectall {
10264 .jsenabled .comment-link {
10267 .jsenabled .showcommentsnonjs {
10270 .jsenabled .comment-report-selectall {
10274 * Completion progress report
10276 .completion-expired {
10279 .completion-expected {
10280 font-size: 0.703125rem; }
10282 .completion-sortchoice
,
10283 .completion-identifyfield {
10284 font-size: 0.703125rem;
10285 vertical-align: bottom
; }
10287 .completion-progresscell {
10288 text-align: right
; }
10290 .completion-expired .completion-expected {
10291 font-weight: bold
; }
10301 text-align: center
;
10302 margin: 10px auto
; }
10304 .path-tag .tag-index-items .tagarea {
10305 border: 1px solid
#e3e3e3;
10306 border-radius: 4px;
10308 margin-top: 10px; }
10310 .path-tag .tag-index-items .tagarea h3 {
10312 padding: 3px 0 10px 0;
10318 text-shadow: 0 1px 0 rgba
(255, 255, 255, 0.5);
10319 text-transform: uppercase
;
10320 word-wrap: break-word
;
10321 border-bottom: solid
1px #e3e3e3;
10322 margin-bottom: 10px; }
10324 .path-tag
.tagarea
.controls::after
,
10325 .path-tag .tagarea .taggeditems::after {
10330 .path-tag
.tagarea
.controls
,
10331 .path-tag .tag-backtoallitems {
10332 text-align: center
; }
10334 .path-tag .tagarea .controls .gotopage.nextpage {
10337 .path-tag .tagarea .controls .gotopage.prevpage {
10340 .path-tag .tagarea .controls .exclusivemode {
10341 display: inline-block
; }
10343 .path-tag .tagarea .controls.controls-bottom {
10346 .path-tag .tagarea .controls .gotopage.nextpage::after {
10347 padding-right: 5px;
10351 .path-tag .tagarea .controls .gotopage.prevpage::before {
10352 padding-right: 5px;
10358 span
.flagged-tag a
,
10362 .tag-management-table td
,
10363 .tag-management-table th {
10364 vertical-align: middle
;
10367 .tag-management-table .inplaceeditable.inplaceeditingon input {
10370 .path-admin-tag .addstandardtags {
10372 .path-admin-tag .addstandardtags img {
10375 .path-tag .tag-relatedtags {
10376 padding-top: 10px; }
10378 .path-tag .tag-management-box {
10379 text-align: right
; }
10381 .path-tag .tag-index-toc {
10383 text-align: center
; }
10385 .path-tag
.tag-index-toc li
,
10386 .path-tag .tag-management-box li {
10388 margin-right: 5px; }
10390 .path-tag .tag-management-box li a.edittag {
10391 background-image: url
([[pix:moodle|i
/settings
]]); }
10393 .path-tag .tag-management-box li a.flagasinappropriate {
10394 background-image: url
([[pix:moodle|i
/flagged
]]); }
10396 .path-tag .tag-management-box li a.removefrommyinterests {
10397 background-image: url
([[pix:moodle|t
/delete
]]); }
10399 .path-tag .tag-management-box li a.addtomyinterests {
10400 background-image: url
([[pix:moodle|t
/add
]]); }
10402 .path-tag .tag-management-box li a {
10403 background-repeat: no-repeat
;
10404 background-position: left
;
10405 padding-left: 17px; }
10407 .tag_feed.media-list .media .itemimage {
10410 .tag_feed.media-list .media .itemimage img {
10414 .tag_feed.media-list .media .media-body {
10415 padding-right: 10px;
10416 padding-left: 10px; }
10418 .tag_feed .media .muted a {
10422 text-align: center
; }
10424 .tag_cloud .inline-list li {
10425 padding: 0 0.2em; }
10427 .tag_cloud .tag_overflow {
10429 font-style: italic
; }
10432 font-size: 2.7em; }
10435 font-size: 2.6em; }
10438 font-size: 2.5em; }
10441 font-size: 2.4em; }
10444 font-size: 2.3em; }
10447 font-size: 2.2em; }
10450 font-size: 2.1em; }
10456 font-size: 1.9em; }
10459 font-size: 1.8em; }
10462 font-size: 1.7em; }
10465 font-size: 1.6em; }
10468 font-size: 1.5em; }
10471 font-size: 1.4em; }
10474 font-size: 1.3em; }
10477 font-size: 1.2em; }
10480 font-size: 1.1em; }
10486 font-size: 0.9em; }
10489 font-size: 0.8em; }
10492 font-size: 0.7em; }
10497 .tag_list.hideoverlimit .overlimit {
10500 .tag_list .tagmorelink {
10503 .tag_list.hideoverlimit .tagmorelink {
10506 .tag_list.hideoverlimit .taglesslink {
10512 #webservice-doc-generator td
{
10514 border: 0 solid black
; }
10521 border-collapse: collapse
; }
10523 .userenrolment tr {
10524 vertical-align: top
; }
10526 .userenrolment td {
10530 .userenrolment .subfield {
10531 margin-right: 5px; }
10533 .userenrolment .col_userdetails .subfield {
10534 margin-left: 40px; }
10536 .userenrolment .col_userdetails .subfield_picture {
10540 .userenrolment .col_lastseen {
10543 .userenrolment .col_role {
10546 .userenrolment
.col_role
.roles
,
10547 .userenrolment .col_group .groups {
10548 margin-right: 30px; }
10550 .userenrolment .col_role .role {
10552 padding: 0 3px 3px;
10554 white-space: nowrap
; }
10556 .userenrolment .col_group .group {
10560 white-space: nowrap
; }
10562 .userenrolment
.col_role
.role a
,
10563 .userenrolment .col_group .group a {
10567 .userenrolment
.col_role
.addrole
,
10568 .userenrolment .col_group .addgroup {
10572 .userenrolment
.col_role
.addrole
> a:hover
,
10573 .userenrolment .col_group .addgroup > a:hover {
10574 border-bottom: 1px solid
#666; }
10576 .userenrolment
.col_role
.addrole img
,
10577 .userenrolment .col_group .addgroup img {
10578 vertical-align: baseline
; }
10580 .userenrolment .hasAllRoles .col_role .addrole {
10583 .userenrolment .col_enrol .enrolment {
10585 padding: 0 3px 3px;
10586 margin: 0 3px 3px; }
10588 .userenrolment .col_enrol .enrolment a {
10590 margin-left: 3px; }
10592 #page-enrol-otherusers .userenrolment
.col_role
.role
{
10594 margin: 3px 3px 3px 0;
10595 padding: 3px 3px 3px 0; }
10598 background-color: #ccc;
10599 position: absolute
;
10604 text-align: center
; }
10606 .corelightbox img {
10611 .mod-indent-outer {
10615 display: table-cell
; }
10617 .label .mod-indent {
10619 padding-top: 20px; }
10621 @media (min-width: 576px) {
10622 /* Creates a series of .mod-indent-# rule declarations based on indent size and number of indent levels. */
10658 /* Audio player size in 'block' mode (can only change width, height is hardcoded in JS) */
10659 .resourcecontent .mediaplugin_mp3 object {
10663 .resourcecontent audio.mediaplugin_html5audio {
10666 /** Large resource images should avoid hidden overflow **/
10670 /* Audio player size in 'inline' mode (can only change width, as above) */
10671 .mediaplugin_mp3 object {
10675 audio
.mediaplugin_html5audio
{
10678 /* TinyMCE moodle media preview frame should not have padding */
10679 .core_media_preview.pagelayout-embedded #content {
10682 .core_media_preview.pagelayout-embedded #maincontent {
10685 body#page-lib-editor-tinymce-plugins-moodlemedia-preview
{
10689 background: none
; }
10691 .path-rating .ratingtable {
10693 margin-bottom: 1em; }
10695 .path-rating .ratingtable th.rating {
10698 .path-rating
.ratingtable td
.rating
,
10699 .path-rating .ratingtable td.time {
10700 white-space: nowrap
;
10701 text-align: center
; }
10703 /* Moodle Dialogue Settings (moodle-core-dialogue) */
10704 .moodle-dialogue-base .moodle-dialogue-lightbox {
10705 background-color: #495057; }
10707 .pagelayout-popup .moodle-dialogue-base .moodle-dialogue-lightbox {
10708 background-color: transparent
; }
10710 .pagelayout-popup .moodle-dialogue-base .moodle-dialogue {
10711 box-shadow: 0 0.25rem 0.5rem rgba
(0, 0, 0, 0.2); }
10713 .moodle-dialogue-base
.hidden
,
10714 .moodle-dialogue-base .moodle-dialogue-hidden {
10718 overflow: hidden
; }
10720 .moodle-dialogue-base .moodle-dialogue-fullscreen {
10727 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
10730 .moodle-dialogue-base .moodle-dialogue-wrap {
10731 background-color: #fff;
10732 border: 1px solid
#ccc; }
10737 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd {
10739 padding: 1rem 1rem;
10740 border-bottom: 1px solid
#dee2e6; }
10742 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd.yui3-widget-hd {
10745 background: initial
;
10747 line-height: 1.5; }
10749 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd h5 {
10753 line-height: 1.5; }
10755 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .yui3-widget-buttons {
10761 position: relative
;
10762 margin-left: auto
; }
10764 .moodle-dialogue-base .closebutton {
10765 padding: 1rem 1rem;
10766 margin: -1rem -1rem -1rem auto
;
10767 position: relative
;
10768 background-color: transparent
;
10770 background-image: none
;
10773 .moodle-dialogue-base .closebutton:hover, .moodle-dialogue-base .closebutton:active {
10775 .moodle-dialogue-base .closebutton::after {
10778 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd {
10780 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd body {
10781 background-color: #fff; }
10783 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
10785 position: absolute
;
10793 .moodle-dialogue-exception .moodle-exception-param label {
10794 font-weight: bold
; }
10796 .moodle-dialogue-exception .param-stacktrace label {
10797 background-color: #eee;
10798 border: 1px solid
#ccc;
10799 border-bottom-width: 0; }
10801 .moodle-dialogue-exception .param-stacktrace pre {
10802 border: 1px solid
#ccc;
10803 background-color: #fff; }
10805 .moodle-dialogue-exception .param-stacktrace .stacktrace-file {
10807 font-size: 0.8203125rem; }
10809 .moodle-dialogue-exception .param-stacktrace .stacktrace-line {
10811 font-size: 0.8203125rem; }
10813 .moodle-dialogue-exception .param-stacktrace .stacktrace-call {
10816 border-bottom: 1px solid
#eee; }
10818 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft:empty {
10821 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft.yui3-widget-ft {
10822 background: initial
; }
10824 .moodle-dialogue-confirm .confirmation-message {
10825 margin: 0.5rem 0; }
10827 .moodle-dialogue-confirm .confirmation-dialogue input {
10830 .moodle-dialogue-exception .moodle-exception-message {
10833 .moodle-dialogue-exception .moodle-exception-param {
10834 margin-bottom: 0.5em; }
10836 .moodle-dialogue-exception .moodle-exception-param label {
10839 .moodle-dialogue-exception .param-stacktrace label {
10842 padding: 4px 1em; }
10844 .moodle-dialogue-exception .param-stacktrace pre {
10849 .moodle-dialogue-exception .param-stacktrace .stacktrace-file {
10850 display: inline-block
;
10853 .moodle-dialogue-exception .param-stacktrace .stacktrace-line {
10854 display: inline-block
;
10858 .moodle-dialogue-exception .param-stacktrace .stacktrace-call {
10859 padding-left: 25px;
10860 margin-bottom: 4px;
10861 padding-bottom: 4px; }
10863 .moodle-dialogue .moodle-dialogue-bd .content-lightbox {
10869 background-color: white
;
10870 text-align: center
;
10873 /* Apply a default max-height on tooltip text */
10874 .moodle-dialogue .tooltiptext {
10875 max-height: 300px; }
10877 .moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip {
10879 .moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip .moodle-dialogue-bd {
10883 * Chooser Dialogues (moodle-core-chooserdialogue)
10885 * This CSS belong to the chooser dialogue which should work both with, and
10886 * without javascript enabled
10888 /* Hide the dialog and it's title */
10889 .chooserdialoguebody
,
10893 .moodle-dialogue.chooserdialogue .moodle-dialogue-content .moodle-dialogue-ft {
10896 .chooserdialogue .moodle-dialogue-wrap .moodle-dialogue-bd {
10898 background: #f2f2f2; }
10900 /* Center the submit buttons within the area */
10901 .choosercontainer #chooseform .submitbuttons {
10903 text-align: right
; }
10905 /* Fixed for safari browser on iPhone4S with ios7@mixin */
10906 @media (max-height: 639px) {
10907 .ios .choosercontainer #chooseform .submitbuttons {
10908 padding: 45px 0; } }
10910 .choosercontainer #chooseform .submitbuttons input {
10914 /* Various settings for the options area */
10915 .choosercontainer #chooseform .options {
10916 position: relative
;
10917 border-bottom: 1px solid
#bbb; }
10919 /* Only set these options if we're showing the js container */
10920 .jschooser .choosercontainer #chooseform .alloptions {
10921 overflow-x: hidden
;
10923 max-width: 240px; }
10924 .jschooser .choosercontainer #chooseform .alloptions .option input[type=radio] {
10925 display: inline-block
; }
10926 .jschooser .choosercontainer #chooseform .alloptions .option .typename {
10927 display: inline-block
;
10930 /* Settings for option rows and option subtypes */
10931 .choosercontainer #chooseform
.moduletypetitle
,
10932 .choosercontainer #chooseform
.option
,
10933 .choosercontainer #chooseform .nonoption {
10935 padding: 0 1.6em 0 1.6em; }
10937 .choosercontainer #chooseform .moduletypetitle {
10938 text-transform: uppercase
;
10939 padding-top: 1.2em;
10940 padding-bottom: 0.4em;
10941 margin-bottom: 0.5rem;
10944 .choosercontainer #chooseform
.option
.typename
,
10945 .choosercontainer #chooseform .nonoption .typename {
10946 padding: 0 0 0 0.5em; }
10948 .choosercontainer #chooseform .modicon + .typename {
10951 .choosercontainer #chooseform
.option input
[type
=radio
],
10952 .choosercontainer #chooseform .option span.typename {
10953 vertical-align: middle
; }
10955 .choosercontainer #chooseform .option label {
10959 border-bottom: 1px solid
#fff; }
10961 .choosercontainer #chooseform .option .icon {
10965 .choosercontainer #chooseform .nonoption {
10966 padding-left: 2.7em;
10967 padding-top: 0.3em;
10968 padding-bottom: 0.1em; }
10970 .choosercontainer #chooseform .subtype {
10972 padding: 0 1.6em 0 3.2em; }
10974 .choosercontainer #chooseform .subtype .typename {
10975 margin: 0 0 0 0.2em; }
10977 /* The instruction/help area */
10978 .jschooser
.choosercontainer #chooseform
.instruction
,
10979 .jschooser .choosercontainer #chooseform .typesummary {
10981 position: absolute
;
10988 background-color: #fff;
10989 overflow-x: hidden
;
10991 line-height: 2em; }
10993 /* Selected option settings */
10994 .jschooser
.choosercontainer #chooseform
.instruction
,
10995 .choosercontainer #chooseform .selected .typesummary {
10998 .choosercontainer #chooseform .selected {
10999 background-color: #fff;
11001 padding-top: 1px; }
11003 @media (max-width: 575.98px) {
11004 .jsenabled .choosercontainer #chooseform .alloptions {
11006 .jsenabled
.choosercontainer #chooseform
.instruction
,
11007 .jsenabled .choosercontainer #chooseform .typesummary {
11008 position: static
; } }
11011 * Module chooser dialogue (moodle-core-chooserdialogue)
11013 * This CSS belong to the chooser dialogue which should work both with, and
11014 * without javascript enabled
11016 .modchooser .modal-body {
11021 flex-direction: column
; }
11022 .modchooser .modal-body .searchresultitemscontainer-wrapper {
11023 min-height: 495px; }
11024 .modchooser .modal-body .carousel-item.active {
11026 .modchooser .modal-body .chooser-container {
11028 flex-direction: column
;
11030 .modchooser .modal-body .loading-icon {
11032 .modchooser .modal-body .loading-icon .icon {
11037 .modchooser .modal-body .carousel-item .loading-icon .icon {
11038 margin: 1em auto
; }
11039 .modchooser .modal-body .searchbar {
11042 .modchooser .modal-footer {
11044 background: #fff; }
11045 .modchooser .modal-footer .moodlenet-logo .icon {
11048 margin-bottom: .6rem; }
11050 .modchoosercontainer.noscroll {
11051 overflow-y: hidden
; }
11053 .modchoosercontainer
.optionscontainer
,
11054 .modchoosercontainer .searchresultitemscontainer {
11055 overflow-x: hidden
; }
11056 .modchoosercontainer
.optionscontainer
.option
,
11057 .modchoosercontainer .searchresultitemscontainer .option {
11058 flex-basis: calc
(50% - 0.5rem); }
11059 .modchoosercontainer
.optionscontainer
.option
.optionactions
.optionaction
,
11060 .modchoosercontainer .searchresultitemscontainer .option .optionactions .optionaction {
11063 .modchoosercontainer
.optionscontainer
.option
.optionactions
.optionaction i
,
11064 .modchoosercontainer .searchresultitemscontainer .option .optionactions .optionaction i {
11066 .modchoosercontainer
.optionscontainer
.option
.optioninfo a
,
11067 .modchoosercontainer .searchresultitemscontainer .option .optioninfo a {
11069 .modchoosercontainer
.optionscontainer
.option
.optioninfo
a:hover
,
11070 .modchoosercontainer .searchresultitemscontainer .option .optioninfo a:hover {
11071 text-decoration: none
; }
11073 .modchooser .modal-body .optionsummary {
11074 background-color: #fff;
11075 overflow-x: hidden
;
11078 .modchooser .modal-body .optionsummary .content {
11079 overflow-y: auto
; }
11080 .modchooser .modal-body .optionsummary .content .heading .icon {
11085 .modchooser .modal-body .optionsummary .actions {
11086 border-top: 1px solid
#dee2e6;
11087 background: #fff; }
11089 @media (max-width: 575.98px) {
11090 .path-course-view
.modal-dialog
.modal-lg
,
11091 .path-course-view
.modal-content
,
11092 .modchooser
.modal-body
,
11093 .modchooser
.modal-body
.carousel
,
11094 .modchooser
.modal-body
.carousel-inner
,
11095 .modchooser
.modal-body
.carousel-item
,
11096 .modchooser
.modal-body
.optionsummary
,
11097 .modchoosercontainer
,
11099 .searchresultitemscontainer {
11102 overflow-y: auto
; }
11103 .path-course-view .modal-dialog.modal-lg {
11105 .modchooser .modal-body .searchresultitemscontainer-wrapper {
11106 min-height: auto
; } }
11108 @media (min-width: 576px) {
11109 .modchoosercontainer
.optionscontainer
.option
,
11110 .modchoosercontainer .searchresultitemscontainer .option {
11111 flex-basis: calc
(33.33% - 0.5rem); } }
11113 @media (min-width: 992px) {
11114 .modchoosercontainer
.optionscontainer
.option
,
11115 .modchoosercontainer .searchresultitemscontainer .option {
11116 flex-basis: calc
(16.66% - 0.5rem); } }
11118 /* Form element: listing */
11119 .formlistingradio {
11120 padding-bottom: 25px;
11121 padding-right: 10px; }
11123 .formlistinginputradio {
11127 min-height: 225px; }
11130 position: relative
;
11132 padding: 1px 19px 14px;
11133 background-color: white
;
11134 border: 1px solid
#ddd; }
11137 position: absolute
;
11144 background-color: whitesmoke
;
11145 border: 1px solid
#ddd;
11154 border-bottom: 1px solid
;
11155 border-color: #e1e1e8;
11156 border-left: 1px solid
#e1e1e8;
11157 border-right: 1px solid
#e1e1e8;
11158 background-color: #f7f7f9;
11166 body
.jsenabled
.formlistingradio
{
11169 body
.jsenabled
.formlisting
{
11172 a
.criteria-action
{
11176 div
.criteria-description
{
11177 padding: 10px 15px;
11179 background: none repeat scroll
0 0 #f9f9f9;
11180 border: 1px solid
#eee; }
11184 list-style: none
; }
11187 position: relative
;
11188 display: inline-block
;
11190 text-align: center
;
11191 vertical-align: top
;
11194 .badges li .badge-name {
11199 position: absolute
; }
11201 .badges li .badge-image {
11208 .badges li .badge-actions {
11209 position: relative
; }
11211 .badges li .expireimage {
11212 background-image: url
([[pix:i
/expired
]]);
11213 background-repeat: no-repeat
;
11214 background-size: 100px 100px;
11219 position: absolute
;
11224 background-color: transparent
;
11226 position: relative
;
11229 display: inline-block
;
11230 vertical-align: top
;
11232 margin-bottom: 20px; }
11233 #badge-image .expireimage
{
11234 background-image: url
([[pix:i
/expired
]]);
11235 background-repeat: no-repeat
;
11236 background-size: 100px 100px;
11242 position: absolute
;
11244 #badge-image .singlebutton
{
11247 #badge-image .singlebutton button
{
11248 margin-left: 4px; }
11251 display: inline-block
;
11254 #badge-overview dl
,
11255 #badge-details dl
{
11257 #badge-overview dl dt
,
11258 #badge-overview dl dd
,
11259 #badge-details dl dt
,
11260 #badge-details dl dd
{
11261 vertical-align: top
;
11263 #badge-overview dl dt
,
11264 #badge-details dl dt
{
11266 display: inline-block
;
11268 min-width: 100px; }
11269 #badge-overview dl dd
,
11270 #badge-details dl dd
{
11271 display: inline-block
;
11275 #badge-criteria li li
{
11276 list-style-type: none
; }
11282 vertical-align: top
; }
11293 #page-badges-award .recipienttable tr td
{
11294 vertical-align: top
; }
11296 #page-badges-award .recipienttable tr td
.actions
.actionbutton
{
11301 #page-badges-award .recipienttable tr td
.existing
,
11302 #page-badges-award .recipienttable tr td
.potential
{
11305 #issued-badge-table .activatebadge
{
11306 display: inline-block
; }
11308 .statusbox.active {
11309 background-color: #d7e4d6; }
11311 .statusbox.inactive {
11312 background-color: #fcefdc; }
11315 text-align: center
;
11316 margin-bottom: 5px;
11319 .statusbox .activatebadge {
11320 display: inline-block
; }
11322 .statusbox .activatebadge input[type=submit] {
11328 vertical-align: middle
; }
11330 img#persona_signin
{
11336 .invisiblefieldset {
11342 #page-header .logo
{
11344 #page-header .logo img
{
11345 max-height: 75px; }
11347 /** Navbar logo. */
11348 nav
.navbar
.logo img
{
11349 max-height: 35px; }
11351 .nav.usernav .nav-item {
11354 .nav.usernav .usermenu .dropdown-toggle {
11355 padding: 0 0.5rem; }
11357 /** Header-bar styles **/
11358 .page-context-header {
11360 padding: 0.25rem; }
11361 .page-context-header
.page-header-image
,
11362 .page-context-header .page-header-headings {
11365 position: relative
; }
11366 .page-context-header .page-header-image {
11368 margin-bottom: 1em; }
11369 .page-context-header .page-header-image > a {
11370 display: inline-block
; }
11371 .page-context-header
.page-header-headings
,
11372 .page-context-header .header-button-group {
11373 position: relative
;
11375 vertical-align: middle
; }
11376 .page-context-header .header-button-group {
11380 ul
.dragdrop-keyboard-drag li
{
11381 list-style-type: none
; }
11385 text-decoration: none
;
11387 font-style: italic
;
11392 overflow: hidden
; }
11394 .progressbar_container {
11398 /* IE10 only fix for calendar titling */
11399 .ie10 .yui3-calendar-header-label {
11400 display: inline-block
; }
11410 .nav-tabs
> .active
> a
[href
],
11411 .nav-tabs
> .active
> a
[href
]:hover
,
11412 .nav-tabs > .active > a[href]:focus {
11415 .inplaceeditable.inplaceeditingon {
11416 position: relative
; }
11417 .inplaceeditable.inplaceeditingon .editinstructions {
11419 font-weight: normal
;
11424 white-space: nowrap
; }
11425 @media
(min-width: 576px) {
11426 .inplaceeditable.inplaceeditingon input {
11428 vertical-align: text-bottom
;
11429 margin-bottom: 0; } }
11430 .inplaceeditable.inplaceeditingon select {
11431 margin-bottom: 0; }
11433 .inplaceeditable .quickediticon img {
11436 .inplaceeditable .quickeditlink {
11438 text-decoration: inherit
; }
11440 .inplaceeditable:hover
.quickeditlink
.quickediticon img
,
11441 .inplaceeditable .quickeditlink:focus .quickediticon img {
11444 .inplaceeditable.inplaceeditable-toggle .quickediticon {
11447 .inplaceeditable.inplaceeditable-autocomplete {
11450 h3
.sectionname
.inplaceeditable
.inplaceeditingon
.editinstructions
{
11451 margin-top: -20px; }
11454 .chart-area .chart-table-data {
11457 .chart-area .chart-table {
11458 /** When accessible, we display the table only. */ }
11459 .chart-area .chart-table .chart-output-htmltable caption {
11460 white-space: nowrap
; }
11461 .chart-area .chart-table.accesshide .chart-table-expand {
11463 .chart-area .chart-table.accesshide .chart-table-data {
11467 padding-left: 1rem;
11468 -webkit-margin-start: 0.2rem;
11469 /* stylelint-disable-line */ }
11471 /* YUI 2 Tree View */
11491 .ygtvcancel:hover {
11492 background-image: url([[pix:theme|yui2-treeview-sprite-rtl]]);
11495 .hover-tooltip-container {
11496 position: relative
; }
11497 .hover-tooltip-container .hover-tooltip {
11499 visibility: hidden
;
11500 position: absolute
;
11503 top: calc
(-50% - 5px);
11504 transform: translate
(-50%, -50%);
11505 background-color: #fff;
11506 border: 1px solid rgba
(0, 0, 0, 0.2);
11507 border-radius: .3rem;
11508 box-sizing: border-box
;
11510 white-space: nowrap
;
11511 transition: opacity
0.15s, visibility
0.15s;
11513 .hover-tooltip-container .hover-tooltip:before {
11515 display: inline-block
;
11516 border-left: 8px solid transparent
;
11517 border-right: 8px solid transparent
;
11518 border-top: 8px solid rgba
(0, 0, 0, 0.2);
11519 position: absolute
;
11521 left: calc
(50% - 8px); }
11522 .hover-tooltip-container .hover-tooltip:after {
11524 display: inline-block
;
11525 border-left: 7px solid transparent
;
11526 border-right: 7px solid transparent
;
11527 border-top: 7px solid
#fff;
11528 position: absolute
;
11530 left: calc
(50% - 7px);
11532 .hover-tooltip-container:hover .hover-tooltip {
11534 visibility: visible
;
11535 transition: opacity
0.15s 0.5s, visibility
0.15s 0.5s; }
11540 #region-flat-nav .nav
{
11541 margin-right: 15px;
11542 background-color: #fff; }
11543 @media
(max-width: 767.98px) {
11544 #region-flat-nav .nav
{
11546 margin-right: 0; } }
11550 text-decoration: underline
; }
11551 #page-footer a
.icon
{
11553 #page-footer a:focus
.icon
{
11558 text-decoration: underline
; }
11559 .bg-inverse a .icon {
11569 .dropdown-item a:focus-visible {
11572 .dropdown-item:active, .dropdown-item:hover, .dropdown-item:focus, .dropdown-item:focus-within {
11574 background-color: #0f6cbf;
11576 .dropdown-item:active a, .dropdown-item:hover a, .dropdown-item:focus a, .dropdown-item:focus-within a {
11579 .dropdown-item[aria-current="true"] {
11580 position: relative
;
11582 align-items: center
; }
11583 .dropdown-item[aria-current="true"]:before {
11584 display: inline-block
;
11585 font: normal normal normal
14px/1 FontAwesome
;
11586 font-size: inherit
;
11587 text-rendering: auto
;
11588 -webkit-font-smoothing: antialiased
;
11589 -moz-osx-font-smoothing: grayscale
;
11591 position: absolute
;
11593 font-size: 0.7rem; }
11595 .competency-tree ul {
11596 padding-left: 1.5rem; }
11598 .sr-only-focusable:active, .sr-only-focusable:focus {
11606 [data-drag-type
="move"] {
11608 touch-action: none
; }
11613 .overlay-icon-container {
11614 position: absolute
;
11619 background-color: rgba
(255, 255, 255, 0.6); }
11620 .overlay-icon-container .loading-icon {
11621 position: absolute
;
11624 transform: translate
(-50%, -50%); }
11625 .overlay-icon-container .loading-icon .icon {
11634 animation: bg-pulse-grey
2s infinite linear
; }
11636 @keyframes bg-pulse-grey
{
11638 background-color: #f8f9fa; }
11640 background-color: #e9ecef; }
11642 background-color: #f8f9fa; } }
11645 line-height: 0 !important
;
11646 /* stylelint-disable-line declaration-no-important */ }
11649 line-height: 0.25rem !important
;
11650 /* stylelint-disable-line declaration-no-important */ }
11653 line-height: 0.5rem !important
;
11654 /* stylelint-disable-line declaration-no-important */ }
11657 line-height: 1rem !important
;
11658 /* stylelint-disable-line declaration-no-important */ }
11661 line-height: 1.5rem !important
;
11662 /* stylelint-disable-line declaration-no-important */ }
11665 line-height: 2rem !important
;
11666 /* stylelint-disable-line declaration-no-important */ }
11669 line-height: 3rem !important
;
11670 /* stylelint-disable-line declaration-no-important */ }
11672 .dir-rtl .dir-rtl-hide {
11675 .dir-ltr .dir-ltr-hide {
11678 .paged-content-page-container {
11679 min-height: 3.125rem; }
11681 body
.h5p-embed #page-content
{
11682 display: inherit
; }
11684 body
.h5p-embed #maincontent
{
11687 body
.h5p-embed
.h5pmessages
{
11688 min-height: 230px; }
11690 #h5pcontenttypes td
{
11691 vertical-align: middle
; }
11693 .text-decoration-none {
11694 text-decoration: none
!important
;
11695 /* stylelint-disable-line declaration-no-important */ }
11698 color: inherit
!important
;
11699 /* stylelint-disable-line declaration-no-important */ }
11702 right: 0 !important
;
11703 /* stylelint-disable-line declaration-no-important */ }
11706 overflow: hidden
!important
;
11707 /* stylelint-disable-line declaration-no-important */ }
11710 overflow-wrap: break-word
!important
;
11711 /* stylelint-disable-line declaration-no-important */ }
11714 word-break: break-word
!important
;
11715 /* stylelint-disable-line declaration-no-important */ }
11718 z-index: 0 !important
;
11719 /* stylelint-disable-line declaration-no-important */ }
11722 z-index: 1 !important
;
11723 /* stylelint-disable-line declaration-no-important */ }
11726 float: left
!important
;
11727 /* stylelint-disable-line declaration-no-important */ }
11730 float: right
!important
;
11731 /* stylelint-disable-line declaration-no-important */ }
11738 cursor: not-allowed
; }
11747 display: -webkit-box
;
11748 -webkit-box-orient: vertical
;
11749 -webkit-line-clamp: 2;
11750 overflow: hidden
; }
11753 word-break: break-all
; }
11756 background-color: #a2cff8;
11763 .emoji-picker .category-button {
11764 padding: .375rem 0;
11766 width: 38.8888888889px;
11769 border-right: none
;
11770 border-bottom: 2px solid transparent
; }
11771 .emoji-picker .category-button.selected {
11772 border-bottom: 2px solid
#0f6cbf; }
11773 .emoji-picker
.emojis-container
,
11774 .emoji-picker .search-results-container {
11775 min-width: 280px; }
11776 .emoji-picker .picker-row {
11778 .emoji-picker .picker-row .category-name {
11779 line-height: 40px; }
11780 .emoji-picker .picker-row .emoji-button {
11785 overflow: hidden
; }
11786 .emoji-picker .picker-row .emoji-button:hover, .emoji-picker .picker-row .emoji-button:focus {
11788 text-decoration: none
; }
11789 .emoji-picker .emoji-preview {
11792 line-height: 40px; }
11793 .emoji-picker .emoji-short-name {
11794 line-height: 20px; }
11795 @media
(max-width: 575.98px) {
11799 .emoji-auto-complete {
11801 .emoji-auto-complete .btn.btn-link.btn-icon.emoji-button {
11806 .emoji-auto-complete .btn.btn-link.btn-icon.emoji-button.active {
11807 background-color: #e9ecef; }
11813 .toast-wrapper > :first-child {
11814 margin-top: 1rem; }
11819 .alert-primary .close {
11823 .alert-secondary a {
11826 .alert-secondary .close {
11830 .alert-success a, .environmenttable .ok a {
11833 .alert-success .close, .environmenttable .ok .close {
11840 .alert-info .close {
11844 .alert-warning a, .environmenttable .warn a {
11847 .alert-warning .close, .environmenttable .warn .close {
11851 .alert-danger a, .environmenttable .error a {
11854 .alert-danger .close, .environmenttable .error .close {
11861 .alert-light .close {
11868 .alert-dark .close {
11873 font-weight: 700; }
11875 @media (max-width: 767.98px) {
11878 .breadcrumb:not(:empty) {
11880 border: 2px solid
#e9ecef;
11882 margin-bottom: 0.5rem; }
11883 .breadcrumb:not(:empty) .breadcrumb-item {
11884 padding-top: 0.3333333333rem;
11885 padding-bottom: 0.3333333333rem;
11886 display: inline-block
; }
11889 padding-right: 15px;
11890 padding-left: 15px; }
11893 justify-content: center
; }
11897 padding: 0.625rem; }
11898 #page-header .card
{
11900 #page-header .card
.card-body
{
11907 background-color: #e9ecef; }
11908 .nav-tabs
.nav-item
,
11909 .nav-pills .nav-item {
11911 text-align: center
; }
11912 .nav-tabs
.nav-link
,
11913 .nav-pills .nav-link {
11916 margin: 0.125rem; }
11917 .nav-tabs
.nav-link
.active
,
11918 .nav-pills .nav-link.active {
11920 border-color: #6a737b;
11921 border-color: #6a737b; }
11922 .nav-tabs
.nav-link
.active:hover
,
11923 .nav-pills .nav-link.active:hover {
11925 background-color: #6a737b;
11926 border-color: #6a737b; }
11927 .nav-tabs
.nav-link
.active:focus
, .nav-tabs
.nav-link
.active
.focus
,
11928 .nav-pills
.nav-link
.active:focus
,
11929 .nav-pills .nav-link.active.focus {
11930 box-shadow: 0 0 0 0.2rem rgba
(106, 115, 123, 0.5); }
11931 .nav-tabs
.nav-link
.active
.disabled
, .nav-tabs
.nav-link
.active:disabled
,
11932 .nav-pills
.nav-link
.active
.disabled
,
11933 .nav-pills .nav-link.active:disabled {
11935 background-color: transparent
; }
11936 .nav-tabs
.nav-link
.active:not
(:disabled
):not
(.disabled
):active
, .nav-tabs
.nav-link
.active:not
(:disabled
):not
(.disabled
).active
,
11937 .show
> .nav-tabs
.nav-link
.active
.dropdown-toggle
,
11938 .nav-pills
.nav-link
.active:not
(:disabled
):not
(.disabled
):active
,
11939 .nav-pills
.nav-link
.active:not
(:disabled
):not
(.disabled
).active
,
11941 .nav-pills .nav-link.active.dropdown-toggle {
11943 background-color: #6a737b;
11944 border-color: #6a737b; }
11945 .nav-tabs
.nav-link
.active:not
(:disabled
):not
(.disabled
):active:focus
, .nav-tabs
.nav-link
.active:not
(:disabled
):not
(.disabled
).active:focus
,
11946 .show
> .nav-tabs
.nav-link
.active
.dropdown-toggle:focus
,
11947 .nav-pills
.nav-link
.active:not
(:disabled
):not
(.disabled
):active:focus
,
11948 .nav-pills
.nav-link
.active:not
(:disabled
):not
(.disabled
).active:focus
,
11950 .nav-pills .nav-link.active.dropdown-toggle:focus {
11951 box-shadow: 0 0 0 0.2rem rgba
(106, 115, 123, 0.5); } }
11953 @media (max-width: 576px) and
(max-height: 320px) {
11956 .navbar.fixed-top {
11957 position: relative
;
11958 z-index: inherit
; } }
11961 text-decoration: underline
; }
11962 .link-underline:focus {
11963 text-decoration: none
; }
11965 .alert.cta .cta-icon .icon {
11967 .alert.cta .cta-icon .icon.fa {
11968 border-radius: 50%;
11969 border-style: solid
;
11970 border-width: 0.125rem; }
11972 .core_payment_gateways_modal
.custom-control-label::before
,
11973 .core_payment_gateways_modal .custom-control-label::after {
11977 scrollbar-width: thin
;
11978 scrollbar-color: #0f6cbf #a2cff8;
11979 -ms-overflow-style: -ms-autohiding-scrollbar
; }
11980 .visual-scroll-x::-webkit-scrollbar {
11982 -webkit-appearance: none
;
11983 appearance: none
; }
11984 .visual-scroll-x::-webkit-scrollbar-thumb {
11985 background-color: #0f6cbf;
11986 border-right: 1px solid
#fff; }
11987 .visual-scroll-x::-webkit-scrollbar-track {
11988 background-color: #a2cff8;
11989 border-right: 1px solid
#fff; }
11997 box-sizing: content-box
;
11998 margin-right: 0.5rem; }
12001 .icon.iconsize-big {
12006 .navbar-dark a .icon {
12007 color: rgba
(255, 255, 255, 0.5) !important
;
12008 /* stylelint-disable-line declaration-no-important */ }
12010 .action-menu-item a:first-of-type > .icon {
12011 margin-left: 0.5rem; }
12014 margin-left: 0 !important
;
12015 /* stylelint-disable-line declaration-no-important */ }
12017 .block_navigation
.tree_item
.icon
,
12018 .block_settings .tree_item .icon {
12021 [data-action
=toggle-drawer
] .icon
{
12024 .icon-no-spacing a > .icon {
12027 .icon-no-margin .icon {
12031 margin-bottom: 0; }
12033 .icon-large > .icon {
12037 .icon-size-0 .icon {
12038 height: 0 !important
;
12039 /* stylelint-disable-line declaration-no-important */
12040 width: 0 !important
;
12041 /* stylelint-disable-line declaration-no-important */
12042 font-size: 0 !important
;
12043 /* stylelint-disable-line declaration-no-important */ }
12045 .icon-size-1 .icon {
12046 height: 4px !important
;
12047 /* stylelint-disable-line declaration-no-important */
12048 width: 4px !important
;
12049 /* stylelint-disable-line declaration-no-important */
12050 font-size: 4px !important
;
12051 /* stylelint-disable-line declaration-no-important */ }
12053 .icon-size-2 .icon {
12054 height: 8px !important
;
12055 /* stylelint-disable-line declaration-no-important */
12056 width: 8px !important
;
12057 /* stylelint-disable-line declaration-no-important */
12058 font-size: 8px !important
;
12059 /* stylelint-disable-line declaration-no-important */ }
12061 .icon-size-3 .icon {
12062 height: 16px !important
;
12063 /* stylelint-disable-line declaration-no-important */
12064 width: 16px !important
;
12065 /* stylelint-disable-line declaration-no-important */
12066 font-size: 16px !important
;
12067 /* stylelint-disable-line declaration-no-important */ }
12069 .icon-size-4 .icon {
12070 height: 24px !important
;
12071 /* stylelint-disable-line declaration-no-important */
12072 width: 24px !important
;
12073 /* stylelint-disable-line declaration-no-important */
12074 font-size: 24px !important
;
12075 /* stylelint-disable-line declaration-no-important */ }
12077 .icon-size-5 .icon {
12078 height: 32px !important
;
12079 /* stylelint-disable-line declaration-no-important */
12080 width: 32px !important
;
12081 /* stylelint-disable-line declaration-no-important */
12082 font-size: 32px !important
;
12083 /* stylelint-disable-line declaration-no-important */ }
12085 .icon-size-6 .icon {
12086 height: 40px !important
;
12087 /* stylelint-disable-line declaration-no-important */
12088 width: 40px !important
;
12089 /* stylelint-disable-line declaration-no-important */
12090 font-size: 40px !important
;
12091 /* stylelint-disable-line declaration-no-important */ }
12093 .icon-size-7 .icon {
12094 height: 48px !important
;
12095 /* stylelint-disable-line declaration-no-important */
12096 width: 48px !important
;
12097 /* stylelint-disable-line declaration-no-important */
12098 font-size: 48px !important
;
12099 /* stylelint-disable-line declaration-no-important */ }
12102 margin-left: 0.5rem; }
12105 .formtable tbody th {
12106 font-weight: normal
;
12107 text-align: right
; }
12109 .path-admin #assignrole {
12112 margin-right: auto
; }
12114 .path-admin .admintable .leftalign {
12115 text-align: left
; }
12117 .path-admin
.admintable
.environmenttable
.name
,
12118 .path-admin
.admintable
.environmenttable
.info
,
12119 .path-admin #assignrole
.admintable
.role
,
12120 .path-admin #assignrole
.admintable
.userrole
,
12121 .path-admin #assignrole .admintable .roleholder {
12122 white-space: nowrap
; }
12124 .path-admin .incompatibleblockstable td.c0 {
12125 font-weight: bold
; }
12127 #page-admin-course-category .addcategory
{
12130 #page-admin-course-index .editcourse
{
12131 margin: 20px auto
; }
12133 #page-admin-course-index .editcourse th
,
12134 #page-admin-course-index .editcourse td
{
12135 padding-left: 10px;
12136 padding-right: 10px; }
12138 .timewarninghidden {
12141 #page-admin-report-capability-index #capabilitysearch
{
12144 #page-admin-qtypes #qtypes div
,
12145 #page-admin-qtypes #qtypes form
,
12146 #page-admin-qbehaviours #qbehaviours div
,
12147 #page-admin-qbehaviours #qbehaviours form
{
12150 #page-admin-qtypes #qtypes img
.spacer
,
12151 #page-admin-qbehaviours #qbehaviours img
.spacer
{
12154 #page-admin-qbehaviours .cell
.c3
,
12155 #page-admin-qtypes .cell
.c3
{
12156 font-size: 0.8203125rem; }
12158 #page-admin-lang .generalbox
,
12159 #page-admin-course-index .singlebutton
,
12160 #page-admin-course-index .addcategory
,
12161 #page-course-index .buttons
,
12162 #page-course-index-category .buttons
,
12163 #page-admin-course-category .addcategory
,
12164 #page-admin-stickyblocks .generalbox
,
12165 #page-admin-maintenance .buttons
,
12166 #page-admin-course-index .buttons
,
12167 #page-admin-course-category .buttons
,
12168 #page-admin-index .copyright
,
12169 #page-admin-index .copyrightnotice
,
12170 #page-admin-index .adminerror
.singlebutton
,
12171 #page-admin-index .adminwarning
.singlebutton
,
12172 #page-admin-index #layout-table
.singlebutton
{
12173 text-align: center
;
12174 margin-bottom: 1em; }
12176 .path-admin-roles .capabilitysearchui {
12179 margin-right: auto
;
12180 margin-top: 1rem; }
12182 #page-admin-roles-define .topfields
{
12183 margin: 1em 0 2em; }
12185 #page-admin-roles-define .capdefault
{
12186 background-color: rgba
(0, 0, 0, 0.075); }
12188 #page-filter-manage .backlink
,
12189 .path-admin-roles .backlink {
12192 #page-admin-roles-explain #chooseuser h3
,
12193 #page-admin-roles-usersroles .contextname
{
12196 #page-admin-roles-explain #chooseusersubmit
{
12198 text-align: center
; }
12200 #page-admin-roles-usersroles p
{
12203 #page-admin-roles-override .cell
.c1
,
12204 #page-admin-roles-assign .cell
.c3
,
12205 #page-admin-roles-assign .cell
.c1
{
12206 padding-top: 0.75em; }
12208 #page-admin-roles-override .overridenotice
,
12209 #page-admin-roles-define .definenotice
{
12210 margin: 1em 10% 2em 10%;
12211 text-align: left
; }
12213 #page-admin-index .adminwarning
.availableupdatesinfo
.moodleupdateinfo span
{
12216 #page-admin-index .updateplugin div
{
12217 margin-bottom: 0.5em; }
12219 #page-admin-user-user_bulk #users
.fgroup
{
12220 white-space: nowrap
; }
12222 #page-admin-report-stats-index .graph
{
12223 text-align: center
;
12224 margin-bottom: 1em; }
12226 #page-admin-report-courseoverview-index .graph
{
12227 text-align: center
;
12228 margin-bottom: 1em; }
12230 #page-admin-lang .translator
{
12232 border-style: solid
; }
12234 .path-admin .roleassigntable {
12237 .path-admin .roleassigntable td {
12238 vertical-align: top
;
12239 padding: 0.2em 0.3em; }
12241 .path-admin .roleassigntable p {
12245 .path-admin
.roleassigntable #existingcell
,
12246 .path-admin .roleassigntable #potentialcell {
12249 .path-admin
.roleassigntable #existingcell p
> label:first-child
,
12250 .path-admin .roleassigntable #potentialcell p > label:first-child {
12251 font-weight: bold
; }
12253 .path-admin .roleassigntable #buttonscell {
12256 .path-admin .roleassigntable #buttonscell #assignoptions {
12257 font-size: 0.8203125rem; }
12259 .path-admin
.roleassigntable #removeselect_wrapper
,
12260 .path-admin .roleassigntable #addselect_wrapper {
12263 .path-admin table.rolecap tr.rolecap th {
12265 font-weight: normal
; }
12267 .path-admin .rolecap .hiddenrow {
12270 .path-admin
#defineroletable
.rolecap
.inherit
,
12271 .path-admin
#defineroletable
.rolecap
.allow
,
12272 .path-admin
#defineroletable
.rolecap
.prevent
,
12273 .path-admin #defineroletable .rolecap .prohibit {
12274 text-align: center
;
12276 min-width: 3.5em; }
12278 .path-admin
.rolecap
.cap-name
,
12279 .path-admin .rolecap .note {
12281 font-size: 0.8203125rem;
12282 white-space: nowrap
;
12283 font-weight: normal
; }
12285 .path-admin .rolecap label {
12287 text-align: center
;
12291 .plugincheckwrapper {
12297 #mnetconfig table
{
12299 margin-right: auto
; }
12301 .environmenttable .cell {
12302 padding: .15em .5em; }
12304 #trustedhosts .generaltable
{
12306 margin-right: auto
;
12309 #trustedhosts .standard
{
12312 #adminsettings legend
{
12315 #adminsettings fieldset
.error
{
12316 margin: .2em 0 .5em 0; }
12318 #adminsettings fieldset
.error legend
{
12321 #admin-spelllanguagelist textarea
,
12322 #page-admin-setting-editorsettingstinymce .form-textarea textarea
{
12328 /* Styles for flags on admin settings */
12329 .adminsettingsflags {
12332 .adminsettingsflags label {
12333 margin-right: 7px; }
12335 .form-description pre
,
12336 .formsettingheading pre {
12340 .form-item .form-setting .form-htmlarea {
12343 .form-item .form-setting .form-htmlarea .htmlarea {
12347 .form-item .form-setting .form-multicheckbox ul {
12350 margin: 7px 0 0 0; }
12352 .form-item .form-setting .defaultsnext {
12355 .form-item .form-setting .locked-checkbox {
12356 margin-right: 0.2em;
12357 margin-left: 0.5em;
12360 .form-item
.form-setting
.form-password
.unmask
,
12361 .form-item .form-setting .form-defaultinfo {
12362 display: inline-block
; }
12364 .form-item .form-setting .form-defaultinfo {
12366 word-wrap: break-word
; }
12368 #admin-emoticons td input
{
12371 #admin-emoticons td
.c0 input
{
12374 #adminthemeselector .selectedtheme td
.c0
{
12375 border: 1px solid
#b8dce2;
12376 border-right-width: 0; }
12378 #adminthemeselector .selectedtheme td
.c1
{
12379 border: 1px solid
#b8dce2;
12380 border-left-width: 0; }
12382 .admin_colourpicker
,
12383 .admin_colourpicker_preview {
12386 .jsenabled .admin_colourpicker_preview {
12389 @media (min-width: 768px) {
12390 .jsenabled .admin_colourpicker {
12394 margin-bottom: 10px;
12395 box-sizing: content-box
; }
12396 .admin_colourpicker .colourdialogue {
12398 border: 1px solid
#8f959e; }
12399 .admin_colourpicker .previewcolour {
12400 border: 1px solid
#8f959e;
12401 margin-left: 301px; }
12402 .admin_colourpicker .currentcolour {
12403 border: 1px solid
#8f959e;
12404 margin-left: 301px;
12405 border-top-width: 0; } }
12407 @media (max-width: 767.98px) {
12408 .jsenabled .admin_colourpicker {
12410 margin-bottom: 10px;
12412 position: relative
; }
12413 .admin_colourpicker .previewcolour {
12415 .admin_colourpicker .currentcolour {
12416 position: absolute
;
12417 border: 1px solid
#dee2e6;
12421 .admin_colourpicker .loadingicon {
12422 vertical-align: middle
;
12423 margin-left: auto
; }
12425 #page-admin-index #notice
.checkforupdates
{
12426 text-align: center
; }
12428 #page-admin-plugins #plugins-overview-panel
.info
{
12429 display: inline-block
;
12430 margin-right: 1em; }
12432 #page-admin-plugins .checkforupdates
{
12434 #page-admin-plugins .checkforupdates
.singlebutton
{
12437 #page-admin-plugins .checkforupdates
.singlebutton div
,
12438 #page-admin-plugins .checkforupdates
.singlebutton input
{
12439 margin: 0 3px 0 0; }
12441 #page-admin-plugins .updateavailableinstallall
{
12444 #page-admin-plugins .updateavailableinstallall div
,
12445 #page-admin-plugins .updateavailableinstallall input
{
12446 margin: 0 3px 5px 0; }
12448 #page-admin-plugins #plugins-control-panel
.status-missing td
{
12449 background-color: #fcefdc; }
12451 #page-admin-plugins #plugins-control-panel
.pluginname
.componentname
{
12452 font-size: 0.8203125rem;
12454 margin-left: 22px; }
12456 #page-admin-plugins #plugins-control-panel
.version
.versionnumber
{
12457 font-size: 0.8203125rem;
12460 #page-admin-plugins #plugins-control-panel
.uninstall a
{
12463 #page-admin-plugins #plugins-control-panel
.notes
.label
{
12464 margin-right: 3px; }
12466 #page-admin-plugins #plugins-control-panel
.notes
.requiredby
{
12467 font-size: 0.8203125rem;
12470 #plugins-check-page #plugins-check
.status-missing td
,
12471 #plugins-check-page #plugins-check
.status-downgrade td
{
12472 background-color: #f4d6d2; }
12474 #plugins-check-page .pluginupdateinfo
,
12475 #plugins-control-panel .pluginupdateinfo
{
12476 background-color: #cce6ea;
12479 #plugins-check-page .pluginupdateinfo
.maturity50
,
12480 #plugins-control-panel .pluginupdateinfo
.maturity50
{
12481 background-color: #f4d6d2; }
12482 #plugins-check-page .pluginupdateinfo
.maturity100
, #plugins-check-page
.pluginupdateinfo
.maturity150
,
12483 #plugins-control-panel .pluginupdateinfo
.maturity100
,
12484 #plugins-control-panel .pluginupdateinfo
.maturity150
{
12485 background-color: #fcefdc; }
12486 #plugins-check-page .pluginupdateinfo
.info
,
12487 #plugins-control-panel .pluginupdateinfo
.info
{
12488 display: inline-block
; }
12489 #plugins-check-page .pluginupdateinfo
.separator:after
,
12490 #plugins-control-panel .pluginupdateinfo
.separator:after
{
12492 #plugins-check-page .pluginupdateinfo
.singlebutton
,
12493 #plugins-control-panel .pluginupdateinfo
.singlebutton
{
12496 #plugins-check-page .pluginupdateinfo
.singlebutton div
,
12497 #plugins-check-page .pluginupdateinfo
.singlebutton input
,
12498 #plugins-control-panel .pluginupdateinfo
.singlebutton div
,
12499 #plugins-control-panel .pluginupdateinfo
.singlebutton input
{
12500 margin: 0 3px 0 0; }
12502 .plugins-management-confirm-buttons > div {
12503 display: inline-block
;
12504 margin: 1em 1em 1em 0; }
12506 .plugins-management-confirm-buttons .continue {
12508 .plugins-management-confirm-buttons
.continue div
,
12509 .plugins-management-confirm-buttons .continue input {
12512 #page-admin-index .upgradepluginsinfo
{
12513 text-align: center
; }
12515 #page-admin-index .adminwarning
.availableupdatesinfo
.moodleupdateinfo
.separator:after
{
12518 /** MNet networking */
12519 #page-admin-mnet-peers .box
.deletedhosts
{
12520 margin-bottom: 1em;
12521 font-size: 0.8203125rem; }
12523 #core-cache-plugin-summaries table
,
12524 #core-cache-store-summaries table
{
12527 #core-cache-lock-summary table
,
12528 #core-cache-definition-summaries table
,
12529 #core-cache-mode-mappings table
{
12532 #core-cache-store-summaries .default-store td
{
12533 font-style: italic
; }
12535 #core-cache-rescan-definitions,
12536 #core-cache-mode-mappings .edit-link
,
12537 #core-cache-lock-additional-actions .new-instance
{
12539 text-align: center
; }
12541 .maintenancewarning {
12548 .modal.modal-in-page {
12551 #page-admin-search .adminpagetitle
{
12553 border-bottom: none
; }
12555 #page-admin-search .adminpagepath
{
12560 margin: 0 0 1.5rem 0; }
12561 #page-admin-search .adminpagepath li
+ li:before
{
12562 padding-right: 0.5rem;
12563 padding-left: 0.5rem;
12566 @media (min-width: 576px) {
12567 #page-admin-search .container
{
12568 overflow-wrap: break-word
; } }
12570 #page-admin-tasklogs .task-class
{
12571 font-size: 0.8203125rem;
12574 .path-admin-tool-uploaduser .uuwarning {
12575 background-color: #fcefdc; }
12577 .path-admin-tool-uploaduser .uuerror {
12578 background-color: #f4d6d2; }
12580 .path-admin-tool-uploaduser .uuinfo {
12581 background-color: #d7e4d6; }
12583 .blockmovetarget .accesshide {
12584 position: relative
;
12588 padding-top: 0 !important
;
12589 /* stylelint-disable declaration-no-important */
12590 margin-top: 0 !important
; }
12592 .block_search_forums .searchform {
12593 /* Override plugin's default. */
12594 text-align: left
; }
12596 .block
.block_navigation
.block_tree ul
,
12597 .block_settings .block_tree ul {
12600 .block .block-controls .dropdown-toggle {
12601 /* So that the caret takes the colour of the icon. */
12604 [data-region
="blocks-column"] {
12608 /* We put an absolutely positioned div in a relatively positioned div so it takes up no space */
12609 @media (min-width: 576px) {
12610 #region-main-settings-menu {
12611 position: relative
;
12614 #region-main-settings-menu > div
{
12615 position: absolute
;
12619 .region_main_settings_menu_proxy {
12622 background-color: #fff;
12623 margin-left: 0.625rem;
12624 margin-bottom: 0.625rem;
12625 border-bottom-left-radius: 0.5rem;
12628 @media (max-width: 767.98px) {
12629 #region-main-settings-menu .menubar
{
12630 justify-content: flex-end
; } }
12632 #region-main-settings-menu.has-blocks
,
12633 #region-main.has-blocks
{
12634 display: inline-block
;
12635 width: calc
(100% - 375px); }
12636 @media
(max-width: 1199.98px) {
12637 #region-main-settings-menu.has-blocks
,
12638 #region-main.has-blocks
{
12640 /* MDL-63102 - Remove extra space at bottom.
12641 If modifying make sure block-region is horizontally stacked when in full screen */
12642 display: block
; } }
12644 .header-action #region-main-settings-menu {
12648 .header-action #region-main-settings-menu > div {
12653 @media (max-width: 1199.98px) {
12654 [data-region
="blocks-column"] {
12657 .block .empty-placeholder-image-lg {
12660 .block .block-cards .course-info-container {
12663 .block .block-cards .progress {
12666 .block .block-cards .course-summaryitem {
12667 border: 1px solid
#dee2e6;
12668 background-color: #fff; }
12670 .block .block-cards .icon {
12673 .block .block-cards .card .coursemenubtn {
12674 margin-top: -0.5rem; }
12676 .block
.block-cards a
.coursename
,
12677 .block
.block-cards span
.categoryname
,
12678 .block .block-cards .btn-link {
12681 .block .block-cards .multiline {
12682 white-space: normal
; }
12684 .block .block-cards .btn.btn-link.btn-icon {
12688 border-radius: 50%; }
12689 .block .block-cards .btn.btn-link.btn-icon:hover, .block .block-cards .btn.btn-link.btn-icon:focus {
12690 background-color: #e9ecef; }
12692 .dashboard-card-deck.one-row {
12694 overflow-x: scroll
; }
12699 background-position: center
;
12700 background-size: cover
; }
12702 .dashboard-card-deck .dashboard-card {
12703 margin-bottom: 0.5rem;
12708 .dashboard-card-deck .dashboard-card .dashboard-card-img {
12710 background-position: center
;
12711 background-size: cover
; }
12712 .dashboard-card-deck .dashboard-card .dashboard-card-footer {
12715 @media (min-width: 576px) {
12716 .dashboard-card-deck.fixed-width-cards .dashboard-card {
12718 max-width: 100%; } }
12720 @media (min-width: 576px) {
12721 .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
12722 width: calc
(50% - 0.5rem); } }
12724 @media (min-width: 840px) {
12725 .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
12726 width: calc
(33.33% - 0.5rem); } }
12728 @media (min-width: 1100px) {
12729 .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
12730 width: calc
(25% - 0.5rem); } }
12732 @media (min-width: 1360px) {
12733 .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
12734 width: calc
(20% - 0.5rem); } }
12736 @media (min-width: 1200px) {
12737 #region-main.has-blocks
.dashboard-card-deck:not
(.fixed-width-cards
) .dashboard-card
{
12738 width: calc
(33.33% - 0.5rem); } }
12740 @media (min-width: 1470px) {
12741 #region-main.has-blocks
.dashboard-card-deck:not
(.fixed-width-cards
) .dashboard-card
{
12742 width: calc
(25% - 0.5rem); } }
12744 @media (min-width: 768px) {
12745 body
.drawer-open-left
.dashboard-card-deck:not
(.fixed-width-cards
) .dashboard-card
{
12746 width: calc
(100% - 0.5rem); } }
12748 @media (min-width: 861px) {
12749 body
.drawer-open-left
.dashboard-card-deck:not
(.fixed-width-cards
) .dashboard-card
{
12750 width: calc
(50% - 0.5rem); } }
12752 @media (min-width: 1122px) {
12753 body
.drawer-open-left
.dashboard-card-deck:not
(.fixed-width-cards
) .dashboard-card
{
12754 width: calc
(33.33% - 0.5rem); } }
12756 @media (min-width: 1381px) {
12757 body
.drawer-open-left
.dashboard-card-deck:not
(.fixed-width-cards
) .dashboard-card
{
12758 width: calc
(25% - 0.5rem); } }
12760 @media (min-width: 1200px) {
12761 body
.drawer-open-left #region-main
.has-blocks
.dashboard-card-deck:not
(.fixed-width-cards
) .dashboard-card
{
12762 width: calc
(100% - 0.5rem); } }
12764 @media (min-width: 1236px) {
12765 body
.drawer-open-left #region-main
.has-blocks
.dashboard-card-deck:not
(.fixed-width-cards
) .dashboard-card
{
12766 width: calc
(50% - 0.5rem); } }
12768 @media (min-width: 1497px) {
12769 body
.drawer-open-left #region-main
.has-blocks
.dashboard-card-deck:not
(.fixed-width-cards
) .dashboard-card
{
12770 width: calc
(33.33% - 0.5rem); } }
12772 @media (min-width: 1200px) {
12773 #block-region-side-pre .dashboard-card-deck:not
(.fixed-width-cards
) {
12776 #block-region-side-pre .dashboard-card-deck:not
(.fixed-width-cards
) .dashboard-card
{
12777 width: calc
(100% - 0.5rem) !important
; } }
12779 .block_recentlyaccessedcourses .paging-bar-container {
12780 margin-top: -2.4rem;
12781 padding-right: 0.5rem;
12782 justify-content: flex-end
; }
12784 @media (max-width: 575.98px) {
12785 .block_recentlyaccessedcourses .paging-bar-container {
12788 #block-region-side-pre .block_recentlyaccessedcourses
.paging-bar-container
{
12791 .block_recentlyaccesseditems img.icon {
12794 margin-right: 6px; }
12796 .block_myoverview .content {
12797 min-height: 19.35rem; }
12799 .block_myoverview .paged-content-page-container {
12800 min-height: 13rem; }
12802 .block_settings
.block_tree
[aria-expanded
="true"],
12803 .block_settings
.block_tree
[aria-expanded
="true"].emptybranch
,
12804 .block_settings
.block_tree
[aria-expanded
="false"],
12805 .block_navigation
.block_tree
[aria-expanded
="true"],
12806 .block_navigation
.block_tree
[aria-expanded
="true"].emptybranch
,
12807 .block_navigation .block_tree [aria-expanded="false"] {
12808 background-image: none
; }
12810 .block_settings
.block_tree
[aria-expanded
="true"] > p:before
,
12811 .block_navigation .block_tree [aria-expanded="true"] > p:before {
12814 display: inline-block
;
12815 font: normal normal normal
14px/1 FontAwesome
;
12816 font-size: inherit
;
12817 text-rendering: auto
;
12818 -webkit-font-smoothing: antialiased
;
12819 -moz-osx-font-smoothing: grayscale
;
12823 .block_settings
.block_tree
[aria-expanded
="false"] > p:before
,
12824 .block_navigation .block_tree [aria-expanded="false"] > p:before {
12827 display: inline-block
;
12828 font: normal normal normal
14px/1 FontAwesome
;
12829 font-size: inherit
;
12830 text-rendering: auto
;
12831 -webkit-font-smoothing: antialiased
;
12832 -moz-osx-font-smoothing: grayscale
;
12836 .dir-rtl
.block_settings
.block_tree
[aria-expanded
="false"] > p:before
,
12837 .dir-rtl .block_navigation .block_tree [aria-expanded="false"] > p:before {
12840 .block_navigation
.block_tree p
.hasicon
,
12841 .block_settings .block_tree p.hasicon {
12842 text-indent: -3px; }
12843 .block_navigation
.block_tree p
.hasicon
.icon
,
12844 .block_settings .block_tree p.hasicon .icon {
12845 margin-right: 2px; }
12847 .block.invisibleblock .card-title {
12850 @media (max-width: 767.98px) {
12853 border-right: 0; } }
12855 .block_social_activities li a
.movehere
,
12856 .block_site_main_menu li a.movehere {
12860 border: 2px dashed
#343a40;
12863 .pagelayout-embedded .has-fake-blocks {
12867 .pagelayout-embedded .has-fake-blocks .embedded-main {
12869 width: calc
(100% - 360px);
12870 margin-right: 1rem; }
12872 .pagelayout-embedded .embedded-blocks {
12876 @media (max-width: 767.98px) {
12877 .pagelayout-embedded .has-fake-blocks {
12879 .pagelayout-embedded .has-fake-blocks .embedded-main {
12881 .pagelayout-embedded .embedded-blocks {
12885 max-height: 50px; }
12887 /* calendar.less */
12888 .calendar_event_category {
12889 background-color: #e0cbe0; }
12890 .calendar_event_category .commands a {
12893 .calendar_event_course {
12894 background-color: #ffd3bd; }
12895 .calendar_event_course .commands a {
12898 .calendar_event_site {
12899 background-color: #d6f8cd; }
12900 .calendar_event_site .commands a {
12903 .calendar_event_group {
12904 background-color: #fee7ae; }
12905 .calendar_event_group .commands a {
12908 .calendar_event_user {
12909 background-color: #dce7ec; }
12910 .calendar_event_user .commands a {
12913 .calendar_event_other {
12914 background-color: #ced4da; }
12915 .calendar_event_other .commands a {
12918 .path-calendar .calendartable {
12920 table-layout: fixed
; }
12921 .path-calendar
.calendartable th
,
12922 .path-calendar .calendartable td {
12924 vertical-align: top
;
12925 text-align: center
;
12928 .path-calendar
.calendar-controls
.previous
,
12929 .path-calendar
.calendar-controls
.next
,
12930 .path-calendar .calendar-controls .current {
12935 .path-calendar .calendar-controls .previous {
12937 border: 1px solid transparent
; }
12939 .path-calendar .calendar-controls .current {
12940 text-align: center
;
12943 .path-calendar .calendar-controls .next {
12945 border: 1px solid transparent
; }
12947 .path-calendar .calendar-controls .drop-target {
12948 box-sizing: border-box
;
12949 border: 1px dashed
#0f6cbf; }
12951 .path-calendar .filters table {
12952 border-collapse: separate
;
12953 border-spacing: 2px;
12956 .path-calendar .maincalendar {
12957 vertical-align: top
;
12959 .path-calendar .maincalendar .bottom {
12960 text-align: center
;
12961 padding: 5px 0 0 0; }
12962 .path-calendar .maincalendar .heightcontainer {
12964 position: relative
; }
12965 .path-calendar .maincalendar .calendarmonth {
12967 margin: 10px auto
; }
12968 .path-calendar .maincalendar .calendarmonth ul {
12971 .path-calendar .maincalendar .calendarmonth ul li {
12972 list-style-type: none
; }
12973 .path-calendar .maincalendar .calendarmonth ul li > a {
12975 text-overflow: ellipsis
;
12976 white-space: nowrap
;
12978 display: inline-block
; }
12979 .path-calendar .maincalendar .calendarmonth ul li > a:hover {
12980 text-decoration: none
; }
12981 .path-calendar .maincalendar .calendarmonth ul li > a:hover .eventname {
12982 text-decoration: underline
; }
12983 .path-calendar .maincalendar .calendarmonth ul li .icon {
12984 margin-left: 0.25em;
12985 margin-right: 0.25em;
12986 vertical-align: initial
; }
12987 .path-calendar .maincalendar .calendarmonth ul li .calendar-circle {
12990 border-radius: 6px;
12991 vertical-align: middle
;
12992 display: inline-block
; }
12993 .path-calendar .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_category {
12994 background-color: #e0cbe0;
12995 border: 2px solid
#9e619f; }
12996 .path-calendar .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_course {
12997 background-color: #ffd3bd;
12998 border: 2px solid
#d34600; }
12999 .path-calendar .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_site {
13000 background-color: #d6f8cd;
13001 border: 2px solid
#2b8713; }
13002 .path-calendar .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_group {
13003 background-color: #fee7ae;
13004 border: 2px solid
#9a6e02; }
13005 .path-calendar .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_user {
13006 background-color: #dce7ec;
13007 border: 2px solid
#4e7c91; }
13008 .path-calendar .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_other {
13009 background-color: #ced4da;
13010 border: 2px solid
#687889; }
13011 .path-calendar .maincalendar .calendarmonth td {
13013 .path-calendar .maincalendar .calendarmonth .clickable:hover {
13014 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); }
13015 .path-calendar
.maincalendar
.calendar-controls
.previous
,
13016 .path-calendar .maincalendar .calendar-controls .next {
13018 .path-calendar .maincalendar .calendar-controls .current {
13020 .path-calendar .maincalendar .controls {
13022 margin: 10px auto
; }
13023 .path-calendar
.maincalendar
.calendar_event_category:hover a
,
13024 .path-calendar
.maincalendar
.calendar_event_course:hover a
,
13025 .path-calendar
.maincalendar
.calendar_event_site:hover a
,
13026 .path-calendar
.maincalendar
.calendar_event_group:hover a
,
13027 .path-calendar .maincalendar .calendar_event_user:hover a {
13029 text-decoration: underline
; }
13030 .path-calendar .maincalendar .calendar_event_category {
13031 border-color: #e0cbe0; }
13032 .path-calendar .maincalendar .calendar_event_course {
13033 border-color: #ffd3bd; }
13034 .path-calendar .maincalendar .calendar_event_site {
13035 border-color: #d6f8cd; }
13036 .path-calendar .maincalendar .calendar_event_group {
13037 border-color: #fee7ae; }
13038 .path-calendar .maincalendar .calendar_event_user {
13039 border-color: #dce7ec; }
13040 .path-calendar .maincalendar .calendar_event_other {
13041 border-color: #ced4da; }
13042 .path-calendar
.maincalendar
.calendartable td
,
13043 .path-calendar .maincalendar .calendartable li {
13044 padding: 0 4px 4px 4px; }
13045 .path-calendar .maincalendar .calendartable li {
13046 text-align: left
; }
13047 .path-calendar .maincalendar .header {
13048 overflow: hidden
; }
13049 .path-calendar .maincalendar .header .buttons {
13051 .path-calendar .maincalendar .event .card-header img {
13052 vertical-align: baseline
; }
13053 .path-calendar .maincalendar .event .location {
13054 word-break: break-all
;
13055 overflow-wrap: break-word
; }
13057 #page-calendar-export .indent
{
13058 padding-left: 20px; }
13060 .block .minicalendar {
13064 .block
.minicalendar th
,
13065 .block .minicalendar td {
13068 text-align: center
; }
13069 .block .minicalendar td.weekend {
13071 .block .minicalendar td a {
13076 .block .minicalendar td.duration_global {
13077 border-top: 1px solid
#d6f8cd;
13078 border-bottom: 1px solid
#d6f8cd; }
13079 .block .minicalendar td.duration_global.duration_finish {
13080 background-color: #d6f8cd; }
13081 .block .minicalendar td.duration_category {
13082 border-top: 1px solid
#e0cbe0;
13083 border-bottom: 1px solid
#e0cbe0; }
13084 .block .minicalendar td.duration_category.duration_finish {
13085 background-color: #e0cbe0; }
13086 .block .minicalendar td.duration_course {
13087 border-top: 1px solid
#ffd3bd;
13088 border-bottom: 1px solid
#ffd3bd; }
13089 .block .minicalendar td.duration_course.duration_finish {
13090 background-color: #ffd3bd; }
13091 .block .minicalendar td.duration_group {
13092 border-top: 1px solid
#fee7ae;
13093 border-bottom: 1px solid
#fee7ae; }
13094 .block .minicalendar td.duration_group.duration_finish {
13095 background-color: #fee7ae; }
13096 .block .minicalendar td.duration_user {
13097 border-top: 1px solid
#dce7ec;
13098 border-bottom: 1px solid
#dce7ec; }
13099 .block .minicalendar td.duration_user.duration_finish {
13100 background-color: #dce7ec; }
13101 .block .minicalendar td.duration_other {
13102 border-top: 1px solid
#ced4da;
13103 border-bottom: 1px solid
#ced4da; }
13104 .block .minicalendar td.duration_other.duration_finish {
13105 background-color: #ced4da; }
13106 .block .minicalendar caption {
13107 font-size: inherit
;
13108 font-weight: inherit
;
13109 line-height: inherit
;
13110 text-align: center
; }
13112 .block
.calendar-controls
.previous
,
13113 .block
.calendar-controls
.current
,
13114 .block .calendar-controls .next {
13118 .block .calendar-controls .previous {
13122 .block .calendar-controls .current {
13123 text-align: center
;
13126 .block .calendar-controls .next {
13130 .block .calendar_filters ul {
13135 .block .calendar_filters li {
13136 margin-bottom: 0.2em; }
13137 .block .calendar_filters li span.calendar_event_category i {
13139 .block .calendar_filters li span.calendar_event_course i {
13141 .block .calendar_filters li span.calendar_event_site i {
13143 .block .calendar_filters li span.calendar_event_group i {
13145 .block .calendar_filters li span.calendar_event_user i {
13147 .block .calendar_filters li span.calendar_event_other i {
13149 .block .calendar_filters li span img {
13152 .block .calendar_filters li .icon {
13153 vertical-align: initial
;
13154 margin: 0 0.1rem 0 0.4rem; }
13155 .block .calendar_filters li > a:hover {
13156 text-decoration: none
; }
13157 .block .calendar_filters li > a:hover .eventname {
13158 text-decoration: underline
; }
13160 .block .content h3.eventskey {
13161 margin-top: 0.5em; }
13163 /* Display month name above the calendar */
13164 table
.calendartable caption
{
13165 caption-side: top
; }
13167 @media (min-width: 768px) {
13168 #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
{
13169 min-width: 1024px; } }
13172 position: relative
; }
13174 .day-popover-content:empty + .day-popover-alternate {
13177 .location-content {
13178 overflow-wrap: break-word
; }
13180 .description-content {
13181 overflow-wrap: break-word
; }
13182 .description-content > p {
13188 .content-bank-container .cb-content-wrapper {
13195 .content-bank-container .cb-thumbnail {
13198 background-repeat: no-repeat
;
13199 background-position: center
;
13200 background-size: cover
; }
13202 .content-bank-container.view-grid {
13203 /* Display a centered eye slash on top of unlisted content icons. */ }
13204 .content-bank-container.view-grid .cb-listitem {
13205 margin-bottom: 0.5rem; }
13206 .content-bank-container.view-grid .cb-listitem.cb-unlisted {
13207 position: relative
; }
13208 @media
(max-width: 767.98px) {
13209 .content-bank-container.view-grid .cb-listitem {
13210 flex-basis: 50%; } }
13211 @media
(min-width: 576px) {
13212 .content-bank-container.view-grid .cb-listitem {
13214 min-width: 120px; } }
13215 .content-bank-container.view-grid .cb-name {
13216 text-align: center
; }
13217 .content-bank-container.view-grid .cb-file {
13219 .content-bank-container.view-grid .cb-thumbnail {
13223 margin-right: auto
;
13224 margin-bottom: 0.5rem; }
13225 .content-bank-container.view-grid .cb-unlisted .cb-thumbnail {
13227 .content-bank-container.view-grid .cb-unlisted::after {
13228 position: absolute
;
13233 font-family: FontAwesome
;
13235 text-align: center
;
13237 text-shadow: 0 0 10px #fff; }
13238 .content-bank-container
.view-grid
.cb-heading
,
13239 .content-bank-container
.view-grid
.cb-uses
,
13240 .content-bank-container
.view-grid
.cb-date
,
13241 .content-bank-container
.view-grid
.cb-size
,
13242 .content-bank-container
.view-grid
.cb-type
,
13243 .content-bank-container.view-grid .cb-author {
13246 .content-bank-container.view-list .cb-content-wrapper {
13248 flex-direction: column
;
13249 flex-wrap: nowrap
; }
13251 .content-bank-container.view-list .cb-thumbnail {
13252 margin-right: 0.5rem; }
13254 .content-bank-container
.view-list
.cb-listitem
,
13255 .content-bank-container.view-list .cb-heading {
13259 border-bottom: 1px solid
#dee2e6; }
13261 .content-bank-container.view-list .cb-column {
13263 padding: 0.25rem; }
13265 .content-bank-container.view-list .cb-column {
13266 border-right: 1px solid
#dee2e6; }
13268 .content-bank-container.view-list .cb-listitem.cb-unlisted .cb-thumbnail {
13271 .content-bank-container
.view-list
.cb-listitem
.cb-unlisted
.cb-column
,
13272 .content-bank-container.view-list .cb-listitem.cb-unlisted .cb-column a {
13275 @media (max-width: 767.98px) {
13276 .content-bank-container.view-list .cb-column {
13278 max-width: 50%; } }
13280 @media (min-width: 576px) {
13281 .content-bank-container.view-list .cb-heading {
13285 .content-bank-container.view-list .cb-file {
13288 .content-bank-container
.view-list
.cb-uses
,
13289 .content-bank-container
.view-list
.cb-date
,
13290 .content-bank-container
.view-list
.cb-size
,
13291 .content-bank-container
.view-list
.cb-type
,
13292 .content-bank-container.view-list .cb-author {
13295 .content-bank-container.view-list .cb-column.last {
13296 border-right: 0; } }
13298 .content-bank-container.view-list .cb-btnsort span {
13301 .content-bank-container.view-list .cb-btnsort .title {
13304 .content-bank-container
.view-list
.cb-btnsort
.dir-none
.default
,
13305 .content-bank-container
.view-list
.cb-btnsort
.dir-asc
.asc
,
13306 .content-bank-container.view-list .cb-btnsort.dir-desc .desc {
13309 .cb-toolbar-container .dropdown-scrollable {
13311 overflow-y: auto
; }
13314 /* COURSE CONTENT */
13315 .section_add_menus {
13319 .section-modchooser {
13322 .block_tree .tree_item.branch {
13323 margin-left: 8px; }
13325 .section_add_menus
.horizontal div
,
13326 .section_add_menus .horizontal form {
13329 .section_add_menus optgroup {
13330 font-weight: normal
;
13331 font-style: italic
; }
13334 .section_add_menus .urlselect {
13336 margin-left: .4em; }
13339 .section_add_menus .urlselect select {
13340 margin-left: .2em; }
13342 .sitetopic ul.section {
13345 body:not
(.editing
) .sitetopic ul
.section
{
13347 body:not
(.editing
) .sitetopic ul
.section
.label
.mod-indent-outer
{
13350 @media (min-width: 576px) {
13351 .course-content ul.section {
13355 margin-top: 0.5rem; }
13356 .section .side.left {
13358 .section .side.right {
13362 .section .spinner {
13366 .section .activity {
13367 /* The command block for each activity */ }
13368 .section .activity .spinner {
13370 position: absolute
; }
13371 .section .activity .actions {
13372 position: absolute
;
13376 .section
.activity
.contentwithoutlink
,
13377 .section .activity .activityinstance {
13379 display: table-cell
;
13380 padding-right: 4px;
13382 .section
.activity
.contentwithoutlink
> a
,
13383 .section .activity .activityinstance > a {
13384 display: inline-block
;
13385 text-indent: -31px;
13386 padding-left: 31px; }
13387 .section
.activity
.contentwithoutlink
.dimmed
.activityicon
,
13388 .section .activity .activityinstance .dimmed .activityicon {
13390 .section .activity .stealth {
13392 .section
.activity a
.stealth
,
13393 .section .activity a.stealth:hover {
13394 color: #5babf2 !important
;
13395 /* stylelint-disable-line declaration-no-important */ }
13397 .section
.label
.contentwithoutlink
,
13398 .section .label .activityinstance {
13399 padding-right: 32px;
13403 @media (min-width: 576px) {
13404 .section .label .mod-indent-outer {
13405 padding-left: 24px;
13406 display: block
; } }
13413 display: inline-block
; }
13415 .section
.activity
.editor_displayed a
.editing_title
,
13416 .section .activity.editor_displayed .moodle-actionmenu {
13419 .section .activity.editor_displayed div.activityinstance {
13420 padding-right: initial
; }
13421 .section .activity.editor_displayed div.activityinstance input {
13422 margin-bottom: initial
;
13423 padding-top: initial
;
13424 padding-bottom: initial
;
13425 vertical-align: text-bottom
; }
13427 .activity img.activityicon {
13429 vertical-align: text-bottom
; }
13431 .section
.activity
.activityinstance
,
13432 .section .activity .activityinstance div {
13433 display: inline-block
; }
13435 .editing
.section
.activity
.contentwithoutlink
,
13436 .editing .section .activity .activityinstance {
13437 padding-right: 200px; }
13439 .editing .section .activity .editing_move {
13440 /* Move the move icon to the start of the line */
13441 position: absolute
;
13445 .editing .section .activity .mod-indent-outer {
13447 * Add appropriate padding such that nothing overlaps the
13448 * absolute positioned move icon.
13450 padding-left: 2rem; }
13452 .editing_show
+ .editing_assign
,
13453 .editing_hide + .editing_assign {
13454 margin-left: 20px; }
13456 .section .activity .commands {
13457 white-space: nowrap
;
13458 display: inline-block
; }
13460 .section .activity.modtype_label.label {
13461 font-weight: normal
; }
13462 .section .activity.modtype_label.label .contentwithoutlink {
13464 .section
.activity
.modtype_label
.label
.hasinfo
p:last-child
,
13465 .section .activity.modtype_label.label.hasinfo i:last-child {
13466 margin-bottom: 0; }
13468 .section li.activity {
13471 .section li.activity.hasinfo {
13472 border-bottom: 1px solid
#dee2e6;
13474 padding-bottom: 1rem; }
13475 .section li.activity.hasinfo:last-child {
13477 padding-bottom: 0; }
13479 .section .activity .activityinstance .groupinglabel {
13480 padding-left: 30px; }
13482 .section
.activity
.availabilityinfo
,
13483 .section .activity .contentafterlink {
13485 margin-left: 30px; }
13487 .section .activity .contentafterlink p {
13490 .editing
.section
.activity:hover
,
13491 .editing .section .activity.action-menu-shown {
13492 background-color: rgba
(0, 0, 0, 0.03); }
13494 .course-content .current {
13495 position: relative
; }
13497 .course-content .current::before {
13499 border-left: #0f6cbf 2px solid
;
13500 position: absolute
;
13505 .course-content .section-summary {
13506 border: 1px solid
#dee2e6;
13508 list-style: none
; }
13510 .course-content .section-summary .section-title {
13511 margin: 2px 5px 10px 5px; }
13513 .course-content .section-summary .summarytext {
13514 margin: 2px 5px 2px 5px; }
13516 .course-content .section-summary .section-summary-activities .activity-count {
13518 font-size: 0.8203125rem;
13520 white-space: nowrap
;
13521 display: inline-block
; }
13523 .course-content .section-summary .summary {
13526 .course-content .single-section {
13529 .course-content .single-section .section-navigation {
13532 margin-bottom: -0.5em; }
13534 .course-content .single-section .section-navigation .title {
13539 .course-content .single-section .section-navigation .mdl-left {
13540 font-weight: normal
;
13542 margin-right: 1em; }
13544 .course-content .single-section .section-navigation .mdl-left .larrow {
13545 margin-right: 0.1em; }
13547 .course-content .single-section .section-navigation .mdl-right {
13548 font-weight: normal
;
13550 margin-left: 1em; }
13552 .course-content .single-section .section-navigation .mdl-right .rarrow {
13553 margin-left: 0.1em; }
13555 .course-content .single-section .section-navigation .mdl-bottom {
13558 .course-content ul li.section.main {
13559 border-bottom: 1px solid
#dee2e6;
13561 .course-content ul li.section.main:last-child {
13562 border-bottom: 0; }
13564 .course-content ul li
.section
.hidden
.sectionname
> span
,
13565 .course-content ul li
.section
.hidden
.content
> div
.summary
,
13566 .course-content ul li.section.hidden .activity .activityinstance {
13569 .course-content ul
.topics
,
13570 .course-content ul.weeks {
13573 list-style: none
; }
13574 .course-content ul
.topics li
.section
,
13575 .course-content ul.weeks li.section {
13577 padding-bottom: 1rem; }
13578 .course-content ul
.topics li
.section
.content
,
13579 .course-content ul.weeks li.section .content {
13582 @media
(min-width: 576px) {
13583 .course-content ul
.topics li
.section
.summary
,
13584 .course-content ul
.topics li
.section
.content
> .availabilityinfo
,
13585 .course-content ul
.weeks li
.section
.summary
,
13586 .course-content ul.weeks li.section .content > .availabilityinfo {
13587 margin-left: 25px; } }
13588 .course-content ul
.topics li
.section
.left
,
13589 .course-content ul
.topics li
.section
.right
,
13590 .course-content ul
.weeks li
.section
.left
,
13591 .course-content ul.weeks li.section .right {
13596 @media (max-width: 767.98px) {
13597 body:not
(.editing
) .course-content ul
.topics li
.section
.left
,
13598 body:not
(.editing
) .course-content ul
.topics li
.section
.right
,
13599 body:not
(.editing
) .course-content ul
.weeks li
.section
.left
,
13600 body:not
(.editing
) .course-content ul
.weeks li
.section
.right
{
13606 .course-content .hidden {
13609 @media (max-width: 767.98px) {
13610 .course-content li.section ul {
13611 padding-left: 0; } }
13613 .course-content li.section ul {
13614 list-style: disc
; }
13615 .course-content li.section ul ul {
13616 list-style: circle
; }
13617 .course-content li.section ul ul ul {
13618 list-style: square
; }
13620 .course-content li.section li.activity ul {
13621 list-style: disc
; }
13622 .course-content li.section li.activity ul ul {
13623 list-style: circle
; }
13624 .course-content li.section li.activity ul ul ul {
13625 list-style: square
; }
13627 .course-content li.section .right > .icon:first-child {
13628 /* Remove the spacer icon. */
13631 .path-course-view.editing #region-main > .card-block {
13632 padding-bottom: 13rem; }
13634 .jumpmenu .form-inline {
13637 .path-course-view .completionprogress {
13638 margin-left: 25px; }
13640 .path-course-view .completionprogress {
13644 position: relative
; }
13646 #page-site-index .subscribelink
{
13647 text-align: right
; }
13649 #site-news-forum h2
,
13650 #frontpage-course-list h2
,
13651 #frontpage-category-names h2
,
13652 #frontpage-category-combo h2
{
13653 margin-bottom: 9px; }
13655 .path-course-view a.reduce-sections {
13656 padding-left: 0.2em; }
13658 .path-course-view .subscribelink {
13659 text-align: right
; }
13661 .path-course-view .unread {
13662 margin-left: 30px; }
13664 .path-course-view .block.drag .header {
13667 .path-course-view .completionprogress {
13668 text-align: right
; }
13670 .path-course-view .single-section .completionprogress {
13671 margin-right: 5px; }
13673 .path-site li
.activity
> div
,
13674 .path-course-view li.activity > div {
13675 position: relative
;
13676 padding: 0 16px 0 0;
13677 /* to accommodate the floated completion icon with highlighting */ }
13679 .path-course-view li.activity span.autocompletion img {
13680 vertical-align: text-bottom
;
13683 .path-course-view li.activity form.togglecompletion .btn {
13686 .path-course-view li.activity form.togglecompletion img {
13688 /* The width is 0 so ensure we don't end up with a relative max-width */ }
13690 .path-course-view.editing li.activity span.autocompletion img {
13691 /* Use the same spacing as the filler. */
13692 margin-right: 0.5rem;
13693 margin-left: 0.5rem; }
13695 .path-course-view li.activity form.togglecompletion .ajaxworking {
13698 position: absolute
;
13701 background: url
([[pix:i
/ajaxloader
]]) no-repeat
; }
13703 li
.section
.hidden span
.commands a
.editing_hide
,
13704 li
.section
.hidden span
.commands a
.editing_show
{
13707 .single-section h3.sectionname {
13708 text-align: center
;
13711 input
.titleeditor
{
13713 vertical-align: text-bottom
; }
13715 span
.editinstructions
{
13717 position: absolute
;
13719 position: relative;
13724 font-size: 0.8203125rem;
13725 padding: .1em .4em;
13726 text-decoration: none
;
13728 border: 0 solid transparent
;
13730 background-color: #cce6ea;
13731 border-color: #b8dce2; }
13732 span
.editinstructions hr
{
13733 border-top-color: #a6d3db; }
13734 span
.editinstructions
.alert-link
{
13737 /* Course drag and drop upload styles */
13738 #dndupload-status {
13744 text-align: center
;
13746 border: 0 solid transparent
;
13748 background-color: #cce6ea;
13749 border-color: #b8dce2; }
13750 #dndupload-status hr
{
13751 border-top-color: #a6d3db; }
13752 #dndupload-status .alert-link
{
13755 .dndupload-preview {
13757 border: 1px dashed
#909090;
13762 .dndupload-hidden {
13765 /* COURSES LISTINGS AND COURSE SUMMARY */
13766 #page-course-pending .singlebutton
,
13767 #page-course-index .singlebutton
,
13768 #page-course-index-category .singlebutton
,
13769 #page-course-editsection .singlebutton
{
13770 text-align: center
; }
13772 #page-admin-course-manage #movecourses td img
{
13774 vertical-align: text-bottom
; }
13778 text-align: left
; }
13780 #page-course-pending .pendingcourserequests
{
13781 margin-bottom: 1em; }
13783 #page-course-pending .pendingcourserequests
.singlebutton
{
13786 #page-course-pending .pendingcourserequests
.cell
{
13789 #page-course-pending .pendingcourserequests
.cell
.c6
{
13790 white-space: nowrap
; }
13795 .coursebox > .info > .coursename a {
13797 background-image: url
([[pix:moodle|i
/course
]]);
13798 background-repeat: no-repeat
;
13799 padding-left: 21px;
13800 background-position: left
0.2em; }
13802 .coursebox
> .info
> .coursename
,
13803 .coursebox
.content
.teachers
,
13804 .coursebox
.content
.courseimage
,
13805 .coursebox
.content
.coursefile
,
13806 .coursebox .content .customfields-container {
13810 .coursebox
.content
.teachers
,
13811 .coursebox
.content
.courseimage
,
13812 .coursebox
.content
.coursefile
,
13813 .coursebox .content .customfields-container {
13816 .coursebox > .info > h3.coursename {
13819 .coursebox > .info > .coursename {
13823 .coursebox .content .teachers li {
13824 list-style-type: none
;
13828 .coursebox
.moreinfo
,
13829 .coursebox .enrolmenticons {
13833 .coursebox .moreinfo img {
13836 .coursebox .content {
13839 .coursebox
.content
.summary
,
13840 .coursebox .content .coursecat {
13844 .coursebox .content .coursecat {
13848 .coursebox.remotecoursebox .remotecourseinfo {
13852 .coursebox .content .courseimage img {
13854 max-height: 100px; }
13856 .coursebox
.content
.coursecat
,
13857 .coursebox
.content
.summary
,
13858 .coursebox
.content
.courseimage
,
13859 .coursebox
.content
.coursefile
,
13860 .coursebox
.content
.teachers
,
13861 .coursebox
.remotecoursebox
.remotecourseinfo
,
13862 .coursebox .content .customfields-container {
13863 margin: 15px 5px 5px;
13866 .coursebox.remotehost > .info > .categoryname a {
13867 background-image: url
([[pix:moodle|i
/mnethost
]]); }
13869 .coursebox.collapsed {
13870 margin-bottom: 0; }
13872 .coursebox.collapsed > .content {
13875 .courses .coursebox.collapsed {
13876 padding-top: 0.5rem;
13877 padding-bottom: 0.5rem; }
13879 .courses .coursebox.even {
13880 background-color: rgba
(0, 0, 0, 0.03); }
13882 .courses > .paging.paging-morelink {
13883 text-align: center
;
13886 .course_category_tree .category .numberofcourse {
13887 font-size: 0.8203125rem; }
13889 .course_category_tree .controls {
13890 visibility: hidden
; }
13892 .course_category_tree .controls div {
13896 .jsenabled .course_category_tree .controls {
13897 visibility: visible
; }
13899 .course_category_tree .controls {
13900 margin-bottom: 5px;
13904 .course_category_tree .controls div {
13905 padding-right: 2em;
13908 .course_category_tree .category > .info > .categoryname {
13909 background-image: url
([[pix:moodle|t
/collapsed_empty
]]);
13910 background-repeat: no-repeat
;
13913 background-position: center left
; }
13916 .course_category_tree .category > .info > .categoryname {
13917 background-image:url([[pix:moodle|t/collapsed_empty_rtl]]);
13920 .course_category_tree .category.with_children > .info > .categoryname {
13921 background-image: url
([[pix:moodle|t
/expanded
]]);
13924 .course_category_tree .category.with_children.collapsed > .info > .categoryname {
13925 background-image: url
([[pix:moodle|t
/collapsed
]]); }
13928 .course_category_tree .category.with_children.collapsed > .info > .categoryname {
13929 background-image:url([[pix:moodle|t/collapsed_rtl]]);
13932 .course_category_tree .category.collapsed > .content {
13935 .course_category_tree .category > .info {
13938 .course_category_tree .category > .content {
13939 padding-left: 16px; }
13941 #page-course-index-category .generalbox
.info
{
13942 margin-bottom: 15px;
13943 border: 1px dotted
#ddd;
13946 #page-course-index-category .categorypicker
{
13947 text-align: center
;
13948 margin: 10px 0 20px; }
13951 * Course management page
13954 * Background (reg) #F5F5F5
13955 * Background (light #fafafa
13956 * Background (highlight) #ddffaa
13959 #course-category-listings {
13961 /** Two column layout */
13962 /** Three column layout */ }
13963 #course-category-listings.columns-2
> #course-listing
> div
{
13964 position: relative
;
13966 #course-category-listings.columns-3
> #course-listing
> div
{
13968 #course-category-listings > div
> div
{
13969 min-height: 300px; }
13970 #course-category-listings > div
> div
> ul
.ml
> li:first-child
> div
{
13972 #course-category-listings h3
{
13974 padding: 0.4rem 0.6rem 0.3rem; }
13975 #course-category-listings h4
{
13977 padding: 0.6rem 1rem 0.5rem; }
13978 #course-category-listings .moodle-actionmenu
{
13979 white-space: nowrap
; }
13980 #course-category-listings .listing-actions
{
13981 text-align: center
; }
13982 #course-category-listings .listing-actions
> .moodle-actionmenu
{
13983 display: inline-block
; }
13984 #course-category-listings ul
.ml
{
13987 #course-category-listings ul
.ml ul
.ml
{
13989 #course-category-listings .listitem
[data-selected
='1'] {
13990 border-left: calc
(1px + 5px) solid
#0f6cbf;
13991 padding-left: calc
(1.25rem - 5px); }
13992 #course-category-listings .item-actions
{
13994 display: inline-block
; }
13995 #course-category-listings .item-actions
.show
.menu img
{
13998 #course-category-listings .item-actions
.menu-action-text
{
13999 vertical-align: inherit
; }
14000 #course-category-listings .listitem
> div
> .float-left
{
14002 #course-category-listings .listitem
> div
> .float-right
{
14004 text-align: right
; }
14005 #course-category-listings .listitem
> div
.item-actions
.action-show
{
14007 #course-category-listings .listitem
> div
.item-actions
.action-hide
{
14009 #course-category-listings .listitem
> div
.without-actions
{
14011 #course-category-listings .listitem
> div
.idnumber
{
14012 margin-right: 2em; }
14013 #course-category-listings .listitem
[data-visible
="0"] {
14015 #course-category-listings .listitem
[data-visible
="0"] > div
> a
{
14017 #course-category-listings .listitem
[data-visible
="0"] > div
.item-actions
.action-show
{
14019 #course-category-listings .listitem
[data-visible
="0"] > div
.item-actions
.action-hide
{
14021 #course-category-listings .listitem
.highlight
{
14022 background-color: #fff; }
14023 #course-category-listings .listitem
.highlight
> div
,
14024 #course-category-listings .listitem
.highlight
> div:hover
,
14025 #course-category-listings .listitem
.highlight
[data-selected
='1'] > div
{
14026 background-color: rgba
(0, 0, 0, 0.075); }
14027 #course-category-listings #course-listing
.listitem
.categoryname
{
14028 display: inline-block
;
14031 #course-category-listings #course-listing
.listitem
.coursename
{
14032 display: inline-block
; }
14033 #course-category-listings #course-listing
> .firstpage
.listitem:first-child
> div
.item-actions
.action-moveup
,
14034 #course-category-listings #course-listing
> .lastpage
.listitem:last-child
> div
.item-actions
.action-movedown
{
14036 #course-category-listings #course-listing
.bulk-action-checkbox
{
14037 margin: -2px 6px 0 0; }
14038 #course-category-listings #category-listing
.listitem
.collapsed
> ul
.ml
{
14040 #course-category-listings #category-listing
.listitem:first-child
> div
.item-actions
.action-moveup
,
14041 #course-category-listings #category-listing
.listitem:last-child
> div
.item-actions
.action-movedown
{
14043 #course-category-listings #category-listing
.course-count
{
14045 margin-right: 2rem;
14047 display: inline-block
; }
14048 #course-category-listings #category-listing
.bulk-action-checkbox
{
14049 margin-right: -3px; }
14050 #course-category-listings #category-listing
.category-listing
> ul
> .listitem:first-child
{
14051 position: relative
; }
14052 #course-category-listings #category-listing
.category-bulk-actions
{
14053 margin: 0 0.5em 0.5em;
14054 position: relative
; }
14055 #course-category-listings .detail-pair
> * {
14056 display: inline-block
; }
14057 #course-category-listings .detail-pair
.pair-key
{
14059 vertical-align: top
; }
14060 #course-category-listings .detail-pair
.pair-key span
{
14061 margin-right: 1rem;
14063 #course-category-listings .detail-pair
.pair-value select
{
14065 #course-category-listings .bulk-actions
.detail-pair
> * {
14068 #course-category-listings .listing-pagination
{
14069 text-align: center
; }
14070 #course-category-listings .listing-pagination
.yui3-button
{
14072 background-color: #008196;
14073 border-color: #008196;
14075 margin: 0.4rem 0.2rem 0.45rem;
14076 font-size: 10.4px; }
14077 #course-category-listings .listing-pagination
.yui3-button:hover
{
14079 background-color: #006070;
14080 border-color: #005563; }
14081 #course-category-listings .listing-pagination
.yui3-button:focus
, #course-category-listings
.listing-pagination
.yui3-button
.focus
{
14083 background-color: #006070;
14084 border-color: #005563;
14085 box-shadow: 0 0 0 0.2rem rgba
(38, 148, 166, 0.5); }
14086 #course-category-listings .listing-pagination
.yui3-button
.disabled
, #course-category-listings
.listing-pagination
.yui3-button:disabled
{
14088 background-color: #008196;
14089 border-color: #008196; }
14090 #course-category-listings .listing-pagination
.yui3-button:not
(:disabled
):not
(.disabled
):active
, #course-category-listings
.listing-pagination
.yui3-button:not
(:disabled
):not
(.disabled
).active
,
14091 .show > #course-category-listings .listing-pagination .yui3-button.dropdown-toggle {
14093 background-color: #005563;
14094 border-color: #004a56; }
14095 #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
,
14096 .show > #course-category-listings .listing-pagination .yui3-button.dropdown-toggle:focus {
14097 box-shadow: 0 0 0 0.2rem rgba
(38, 148, 166, 0.5); }
14098 #course-category-listings .listing-pagination
.yui3-button
.active-page
{
14100 background-color: #0f6cbf;
14101 border-color: #0f6cbf; }
14102 #course-category-listings .listing-pagination
.yui3-button
.active-page:hover
{
14104 background-color: #0c589c;
14105 border-color: #0b5190; }
14106 #course-category-listings .listing-pagination
.yui3-button
.active-page:focus
, #course-category-listings
.listing-pagination
.yui3-button
.active-page
.focus
{
14108 background-color: #0c589c;
14109 border-color: #0b5190;
14110 box-shadow: 0 0 0 0.2rem rgba
(51, 130, 201, 0.5); }
14111 #course-category-listings .listing-pagination
.yui3-button
.active-page
.disabled
, #course-category-listings
.listing-pagination
.yui3-button
.active-page:disabled
{
14113 background-color: #0f6cbf;
14114 border-color: #0f6cbf; }
14115 #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
,
14116 .show > #course-category-listings .listing-pagination .yui3-button.active-page.dropdown-toggle {
14118 background-color: #0b5190;
14119 border-color: #0a4b84; }
14120 #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
,
14121 .show > #course-category-listings .listing-pagination .yui3-button.active-page.dropdown-toggle:focus {
14122 box-shadow: 0 0 0 0.2rem rgba
(51, 130, 201, 0.5); }
14123 #course-category-listings .listing-pagination-totals
{
14124 text-align: center
; }
14125 #course-category-listings .listing-pagination-totals
.dimmed
{
14127 margin: 0.4rem 1rem 0.45rem; }
14128 #course-category-listings .select-a-category
.notifymessage
,
14129 #course-category-listings .select-a-category
.alert
{
14132 #course-category-listings #course-listing
.listitem
.drag-handle
{
14135 .jsenabled #course-category-listings #course-listing .listitem .drag-handle {
14136 display: inline-block
;
14140 /** Management header styling **/
14141 .coursecat-management-header {
14142 vertical-align: middle
; }
14143 .coursecat-management-header h2 {
14144 display: inline-block
;
14145 text-align: left
; }
14146 .coursecat-management-header > div {
14147 display: inline-block
;
14149 .coursecat-management-header > div > div {
14150 margin: 10px 0 10px 1em;
14151 display: inline-block
; }
14152 .coursecat-management-header select {
14155 padding: 0.4em 0.5em 0.45em 1em;
14156 vertical-align: baseline
;
14157 white-space: nowrap
; }
14158 .coursecat-management-header .view-mode-selector .moodle-actionmenu {
14159 white-space: nowrap
;
14160 display: inline-block
; }
14161 .coursecat-management-header .view-mode-selector .moodle-actionmenu[data-enhanced].show .menu a {
14162 padding-left: 1em; }
14164 .course-being-dragged-proxy {
14167 vertical-align: middle
;
14168 padding: 0 0 0 4em; }
14170 .course-being-dragged {
14175 * Large displays 1200 +
14176 * Default displays 980 1199
14178 * Small tablets and large phones 481 767
14181 @media (min-width: 1200px) and
(max-width: 1600px) {
14182 #course-category-listings.columns-3
{
14183 background-color: #fff;
14185 #course-category-listings.columns-3 #category-listing
,
14186 #course-category-listings.columns-3 #course-listing
{
14188 #course-category-listings.columns-3 #category-listing
> div
,
14189 #course-category-listings.columns-3 #course-listing
> div
,
14190 #course-category-listings.columns-3 #course-detail
> div
{
14191 background-color: #fff; }
14192 #course-category-listings.columns-3 #course-detail
{
14194 margin-top: 1em; } }
14196 @media (max-width: 1199px) {
14197 #course-category-listings.columns-2
,
14198 #course-category-listings.columns-3
{
14200 #course-category-listings.columns-2 #category-listing
,
14201 #course-category-listings.columns-2 #course-listing
,
14202 #course-category-listings.columns-2 #course-detail
,
14203 #course-category-listings.columns-3 #category-listing
,
14204 #course-category-listings.columns-3 #course-listing
,
14205 #course-category-listings.columns-3 #course-detail
{
14207 margin: 0 0 1em; } }
14209 .page-settings-menu .menubar > a > .icon {
14214 .activity-navigation .row {
14215 align-items: center
; }
14217 .activity-navigation #prev-activity-link
,
14218 .activity-navigation #next-activity-link {
14219 white-space: pre-wrap
; }
14221 .automatic-completion-conditions .badge {
14224 /* Anchor link offset fix. This makes hash links scroll 60px down to account for the fixed header. */
14226 scroll-margin-top: 60px; }
14228 .pagelayout-embedded :target {
14229 padding-top: initial
;
14230 margin-top: initial
; }
14232 #nav-drawer.closed
{
14235 #nav-drawer[aria-hidden
=true
] .list-group-item
{
14238 /* Use a variable for the drawer background colors. */
14239 [data-region
="drawer"] {
14243 height: calc
(100% - 50px);
14245 -webkit-overflow-scrolling: touch
;
14247 background-color: #f2f2f2;
14248 -webkit-transition: right
0.5s ease
, left
0.5s ease
;
14249 -moz-transition: right
0.5s ease
, left
0.5s ease
;
14250 transition: right
0.5s ease
, left
0.5s ease
; }
14252 @media (min-width: 576px) {
14253 [data-region
="drawer"] {
14254 padding: 20px 20px; } }
14259 /* Override the z-indexes defined in bootstrap/_list-group.scss that
14260 lead to side effects on the user tours positioning. */ }
14261 #nav-drawer .list-group-item-action
.active
,
14262 #nav-drawer .list-group-item
.active
{
14263 z-index: inherit
; }
14264 #nav-drawer .list-group-item-action
.active
+ .list-group-item
,
14265 #nav-drawer .list-group-item
.active
+ .list-group-item
{
14266 border-top: none
; }
14267 #nav-drawer .list-group ul
{
14271 #nav-drawer .list-group li
{
14272 margin-bottom: -1px; }
14273 #nav-drawer .list-group
li:last-child
{
14274 margin-bottom: 0; }
14277 margin-top: 50px; }
14279 .pagelayout-embedded #page {
14283 -webkit-transition: margin-left
0.5s ease
, margin-right
0.5s ease
;
14284 -moz-transition: margin-left
0.5s ease
, margin-right
0.5s ease
;
14285 transition: margin-left
0.5s ease
, margin-right
0.5s ease
; }
14287 @media (min-width: 768px) {
14288 body
.drawer-open-left
{
14289 margin-left: 285px; } }
14291 @media (min-width: 768px) {
14292 body
.drawer-open-right
{
14293 margin-right: 285px; } }
14295 [data-region
=right-hand-drawer
] {
14297 flex-direction: column
;
14298 transition: right
0.2s ease-in-out
; }
14299 @media
(prefers-reduced-motion: reduce
) {
14300 [data-region
=right-hand-drawer
] {
14301 transition: none
; } }
14302 [data-region
=right-hand-drawer
].drawer
{
14307 height: calc
(100% - 50px);
14309 box-shadow: -2px 2px 4px rgba
(0, 0, 0, 0.08);
14311 visibility: visible
;
14313 [data-region
=right-hand-drawer
].hidden
{
14316 visibility: hidden
;
14318 transition: right
0.2s ease-in-out
, visibility
0s ease-in-out
0.2s, opacity
0s ease-in-out
0.2s; }
14319 @media
(prefers-reduced-motion: reduce
) {
14320 [data-region
=right-hand-drawer
].hidden
{
14321 transition: none
; } }
14323 @media (max-width: 767.98px) {
14324 [data-region
=right-hand-drawer
].drawer
{
14328 body
.drawer-open-left
,
14329 body
.drawer-open-right
{
14330 overflow: hidden
; } }
14332 .dir-rtl [data-region=right-hand-drawer] {
14333 box-shadow: 2px 2px 4px rgba
(0, 0, 0, 0.08); }
14336 background-color: #f7f7f7; }
14338 .fp-content-center {
14341 display: table-cell
;
14342 vertical-align: middle
; }
14344 .fp-content-hidden {
14345 visibility: hidden
; }
14347 .yui3-panel-focused {
14352 padding: 3px 20px 2px 20px;
14353 text-align: center
;
14355 display: inline-block
; }
14357 .filepicker .yui3-widget-content-expanded {
14360 /* The javascript is adding a style="height: 0px;" to this element - we need to set the min-height so the height is ignored. */
14361 .filepicker .moodle-dialogue-bd {
14362 min-height: 520px; }
14364 .file-picker .fp-navbar {
14369 border-color: #8f959e;
14370 border-bottom: 0; }
14372 .file-picker .fp-content {
14379 .filepicker.moodle-dialogue-fullscreen .file-picker .fp-content {
14382 .file-picker .fp-content-loading {
14386 text-align: center
; }
14388 .file-picker .fp-content .fp-object-container {
14392 .file-picker .fp-def-search {
14395 .file-picker .fp-list {
14396 list-style-type: none
;
14402 .file-picker .fp-list .fp-repo a {
14404 padding: .5em .7em; }
14406 .file-picker .fp-list .fp-repo.active {
14407 background: #f2f2f2; }
14409 .file-picker .fp-list .fp-repo-icon {
14410 padding: 0 7px 0 5px;
14417 .fp-toolbar.empty {
14420 .fp-toolbar .disabled {
14426 margin-right: 4px; }
14429 vertical-align: -15%;
14430 margin-right: 5px; }
14432 .fp-viewbar:not(.disabled) a.checked {
14433 background-color: #b1bbc4;
14435 border-color: #aab4bf; }
14437 .fp-viewbar.disabled a {
14438 pointer-events: none
;
14441 .file-picker .fp-clear-left {
14444 .fp-pathbar.empty {
14447 .fp-pathbar .fp-path-folder {
14448 background: url
("[[pix:theme|fp/path_folder]]") left
3px no-repeat
;
14449 background-size: 12px 12px;
14451 margin-left: 12px; }
14454 .fp-pathbar .fp-path-folder {
14455 background-image: url('[[pix:theme|fp/path_folder_rtl]]');
14458 .fp-pathbar .fp-path-folder-name {
14459 margin-left: 24px; }
14461 .fp-iconview .fp-file {
14463 text-align: center
;
14464 position: relative
;
14465 margin: 10px 10px 35px; }
14467 .fp-iconview .fp-thumbnail {
14470 line-height: 110px;
14471 text-align: center
;
14472 border: 1px solid
#fff;
14475 .fp-iconview .fp-thumbnail img {
14476 border: 1px solid
#ddd;
14478 vertical-align: middle
; }
14480 .fp-iconview .fp-thumbnail:hover {
14482 border: 1px solid
#ddd; }
14484 .fp-iconview .fp-filename-field {
14487 word-wrap: break-word
;
14489 position: absolute
; }
14491 .fp-iconview
.fp-file:focus
.fp-filename-field
,
14492 .fp-iconview .fp-file:hover .fp-filename-field {
14496 .fp-iconview
.fp-file:focus
.fp-filename
,
14497 .fp-iconview .fp-file:hover .fp-filename {
14499 white-space: normal
;
14500 text-overflow: inherit
; }
14502 .fp-iconview .fp-filename-field .fp-filename {
14505 padding-bottom: 12px;
14506 min-width: 112px; }
14508 .file-picker .yui3-datatable table {
14509 border: 0 solid
#bbb;
14512 .file-picker
.ygtvtn
,
14513 .filemanager .ygtvtn {
14515 background: url
("[[pix:moodle|y/tn]]") 0 0 no-repeat
;
14517 background: url('[[pix:moodle|y/tn_rtl]]') 0 0 no-repeat;
14522 .file-picker
.ygtvtm
,
14523 .filemanager .ygtvtm {
14524 background: url
("[[pix:moodle|y/tm]]") 0 10px no-repeat
;
14526 background-position: 2px 10px;
14532 .file-picker
.ygtvtmh
,
14533 .filemanager .ygtvtmh {
14534 background: url
("[[pix:moodle|y/tm]]") 0 10px no-repeat
;
14536 background-position: 2px 10px;
14542 .file-picker
.ygtvtp
,
14543 .filemanager .ygtvtp {
14545 background: url
("[[pix:moodle|y/tp]]") 0 10px no-repeat
;
14547 background: url('[[pix:moodle|y/tp_rtl]]') 2px 10px no-repeat;
14553 .file-picker
.ygtvtph
,
14554 .filemanager .ygtvtph {
14556 background: url
("[[pix:moodle|y/tp]]") 0 10px no-repeat
;
14558 background: url('[[pix:moodle|y/tp_rtl]]') 2px 10px no-repeat;
14564 .file-picker
.ygtvln
,
14565 .filemanager .ygtvln {
14567 background: url
("[[pix:moodle|y/ln]]") 0 0 no-repeat
;
14569 background: url('[[pix:moodle|y/ln_rtl]]') 0 0 no-repeat;
14574 .file-picker
.ygtvlm
,
14575 .filemanager .ygtvlm {
14576 background: url
("[[pix:moodle|y/lm]]") 0 10px no-repeat
;
14578 background-position: 2px 10px;
14584 .file-picker
.ygtvlmh
,
14585 .filemanager .ygtvlmh {
14586 background: url
("[[pix:moodle|y/lm]]") 0 10px no-repeat
;
14588 background-position: 2px 10px;
14594 .file-picker
.ygtvlp
,
14595 .filemanager .ygtvlp {
14597 background: url
("[[pix:moodle|y/lp]]") 0 10px no-repeat
;
14599 background: url('[[pix:moodle|y/lp_rtl]]') 2px 10px no-repeat;
14605 .file-picker
.ygtvlph
,
14606 .filemanager .ygtvlph {
14608 background: url
("[[pix:moodle|y/lp]]") 0 10px no-repeat
;
14610 background: url('[[pix:moodle|y/lp_rtl]]') 2px 10px no-repeat;
14616 .file-picker
.ygtvloading
,
14617 .filemanager .ygtvloading {
14618 background: transparent url
("[[pix:moodle|y/loading]]") 0 0 no-repeat
;
14622 .file-picker
.ygtvdepthcell
,
14623 .filemanager .ygtvdepthcell {
14624 background: url
("[[pix:moodle|y/vline]]") 0 0 no-repeat
;
14626 background-position: 0 0;
14631 .file-picker
.ygtvblankdepthcell
,
14632 .filemanager .ygtvblankdepthcell {
14636 a
.ygtvspacer:hover
{
14637 color: transparent
;
14638 text-decoration: none
; }
14642 .ygtvlabel:visited
,
14644 background-color: transparent
;
14647 text-decoration: none
; }
14649 .file-picker
.ygtvfocus
,
14650 .filemanager .ygtvfocus {
14651 background-color: #eee; }
14653 .fp-filename-icon {
14656 position: relative
; }
14663 margin-right: 10px;
14664 text-align: center
;
14665 line-height: 24px; }
14670 vertical-align: middle
; }
14673 padding-right: 10px; }
14675 .file-picker .fp-login-form {
14680 .file-picker .fp-upload-form {
14685 .file-picker .fp-upload-form table {
14688 .file-picker.fp-dlg {
14689 text-align: center
; }
14691 .file-picker.fp-dlg .fp-dlg-buttons {
14694 .file-picker.fp-msg {
14695 text-align: center
; }
14697 .file-picker .fp-content-error {
14701 text-align: center
; }
14703 .file-picker .fp-nextpage {
14706 .file-picker .fp-nextpage .fp-nextpage-loading {
14709 .file-picker .fp-nextpage.loading .fp-nextpage-link {
14712 .file-picker .fp-nextpage.loading .fp-nextpage-loading {
14714 text-align: center
;
14716 padding-top: 50px; }
14718 .fp-select .fp-select-loading {
14719 text-align: center
;
14720 margin-top: 20px; }
14723 padding: 0 0 10px; }
14725 .fp-select table .mdl-right {
14728 .fp-select .fp-reflist .mdl-right {
14729 vertical-align: top
; }
14731 .fp-select .fp-select-buttons {
14734 .fp-select .fp-info {
14735 font-size: 0.703125rem; }
14737 .fp-select .fp-thumbnail {
14741 line-height: 110px;
14742 text-align: center
;
14743 margin: 10px 20px 0 0;
14745 border: 1px solid
#ddd; }
14747 .fp-select .fp-thumbnail img {
14748 border: 1px solid
#ddd;
14750 vertical-align: middle
;
14753 .fp-select .fp-fileinfo {
14754 display: inline-block
;
14755 margin-top: 10px; }
14757 .file-picker.fp-select .fp-fileinfo {
14758 max-width: 240px; }
14760 .fp-select .fp-fileinfo div {
14761 padding-bottom: 5px; }
14763 .file-picker.fp-select .uneditable {
14766 .file-picker.fp-select .fp-select-loading {
14769 .file-picker.fp-select.loading .fp-select-loading {
14772 .file-picker.fp-select.loading form {
14775 .fp-select .fp-dimensions.fp-unknown {
14778 .fp-select .fp-size.fp-unknown {
14781 .filemanager-loading {
14784 .jsenabled .filemanager-loading {
14786 margin-top: 100px; }
14788 .filemanager
.fm-loading
.filemanager-toolbar
,
14789 .filemanager
.fm-loading
.fp-pathbar
,
14790 .filemanager
.fm-loading
.filemanager-container
,
14791 .filemanager
.fm-loaded
.filemanager-loading
,
14792 .filemanager
.fm-maxfiles
.fp-btn-add
,
14793 .filemanager
.fm-maxfiles
.dndupload-message
,
14794 .filemanager
.fm-noitems
.fp-btn-download
,
14795 .filemanager
.fm-noitems
.fp-btn-delete
,
14796 .filemanager
.fm-empty-container
,
14797 .filemanager.fm-noitems .filemanager-container .fp-content {
14800 .filemanager .fp-img-downloading {
14802 padding-top: 7px; }
14804 .filemanager .filemanager-updating {
14806 text-align: center
; }
14808 .filemanager.fm-updating .filemanager-updating {
14810 margin-top: 37px; }
14812 .filemanager
.fm-updating
.fm-content-wrapper
,
14813 .filemanager
.fm-nomkdir
.fp-btn-mkdir
,
14814 .fitem
.disabled
.filemanager
.filemanager-toolbar
,
14815 .fitem
.disabled
.filemanager
.fp-pathbar
,
14816 .fitem
.disabled
.filemanager
.fp-restrictions
,
14817 .fitem.disabled .filemanager .fm-content-wrapper {
14820 .filemanager .fp-restrictions {
14821 text-align: right
; }
14823 .filemanager-toolbar {
14825 overflow: hidden
; }
14827 .filemanager .fp-pathbar.empty {
14830 .filepicker-filelist
,
14831 .filemanager-container {
14833 border: 1px solid
#8f959e; }
14835 .filemanager .fp-content {
14838 min-height: 157px; }
14840 .filemanager-container
,
14841 .filepicker-filelist {
14842 overflow: hidden
; }
14844 .file-picker .yui3-datatable-header {
14848 background: initial
; }
14850 .fitem
.disabled
.filepicker-filelist
,
14851 .fitem.disabled .filemanager-container {
14852 background-color: #ebebe4; }
14854 .fitem.disabled .fp-btn-choose {
14857 .fitem.disabled .filepicker-filelist .filepicker-filename {
14860 .fp-iconview .fp-reficons1 {
14861 position: absolute
;
14867 .fp-iconview .fp-reficons2 {
14868 position: absolute
;
14874 .fp-iconview .fp-file.fp-hasreferences .fp-reficons1 {
14875 background: url
("[[pix:theme|fp/link]]") no-repeat
;
14877 transform: scaleX(-1);
14880 background-position: bottom right
;
14881 background-size: 16px 16px; }
14883 .fp-iconview .fp-file.fp-isreference .fp-reficons2 {
14884 background: url
("[[pix:theme|fp/alias]]") no-repeat
;
14886 transform: scaleX(-1);
14889 background-position: bottom left
;
14890 background-size: 16px 16px; }
14892 .filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail img {
14895 .filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail {
14896 background: url
([[pix:s
/dead
]]) no-repeat
;
14897 background-position: center center
; }
14899 .filemanager .yui3-datatable table {
14900 border: 0 solid
#bbb;
14903 /* Override YUI default styling */
14904 /* stylelint-disable declaration-no-important */
14905 .filemanager .yui3-datatable-header {
14909 background: #fff !important
;
14910 border-bottom: 1px solid
#ccc !important
;
14911 border-left: 0 solid
#fff !important
;
14912 color: #555 !important
; }
14914 .filemanager .yui3-datatable-odd .yui3-datatable-cell {
14915 background-color: #f6f6f6 !important
;
14916 border-left: 0 solid
#f6f6f6; }
14918 .filemanager .yui3-datatable-even .yui3-datatable-cell {
14919 background-color: #fff !important
;
14920 border-left: 0 solid
#fff; }
14922 /* stylelint-enable */
14923 .filemanager .fp-filename-icon.fp-hasreferences .fp-reficons1 {
14924 background: url
("[[pix:theme|fp/link_sm]]") no-repeat
0 0;
14928 transform: scaleX(-1);
14930 position: absolute
;
14933 background-size: 16px 16px; }
14935 .filemanager .fp-filename-icon.fp-isreference .fp-reficons2 {
14936 background: url
("[[pix:theme|fp/alias_sm]]") no-repeat
0 0;
14940 transform: scaleX(-1);
14942 position: absolute
;
14945 background-size: 16px 16px; }
14947 .filemanager .fp-contextmenu {
14950 .filemanager .fp-iconview .fp-folder.fp-hascontextmenu .fp-contextmenu {
14951 position: absolute
;
14955 align-items: center
;
14956 justify-content: center
; }
14958 .filemanager
.fp-treeview
.fp-folder
.fp-hascontextmenu
.fp-contextmenu
,
14959 .filemanager .fp-tableview .fp-folder.fp-hascontextmenu .fp-contextmenu {
14961 position: absolute
;
14963 margin-right: -20px;
14966 .filepicker-filelist
.filepicker-container
,
14967 .filemanager.fm-noitems .fm-empty-container {
14969 position: absolute
;
14974 border: 2px dashed
#bbb;
14976 text-align: center
; }
14978 .filepicker-filelist
.dndupload-target
,
14979 .filemanager-container .dndupload-target {
14981 position: absolute
;
14986 border: 2px dashed
#fb7979;
14988 text-align: center
; }
14990 .filepicker-filelist
.dndupload-over
.dndupload-target
,
14991 .filemanager-container.dndupload-over .dndupload-target {
14993 position: absolute
;
14998 border: 2px dashed
#6c8cd3;
15000 text-align: center
; }
15002 .dndupload-message {
15005 .dndsupported .dndupload-message {
15008 .dnduploadnotsupported-message {
15011 .dndnotsupported .dnduploadnotsupported-message {
15014 .dndupload-target {
15017 .dndsupported .dndupload-ready .dndupload-target {
15020 .dndupload-uploadinprogress {
15022 text-align: center
; }
15024 .dndupload-uploading .dndupload-uploadinprogress {
15028 background: url
([[pix:theme|fp
/dnd_arrow
]]) center no-repeat
;
15031 position: absolute
;
15034 .fitem
.disabled
.filepicker-container
,
15035 .fitem.disabled .fm-empty-container {
15038 .dndupload-progressbars {
15042 .dndupload-inprogress .dndupload-progressbars {
15045 .dndupload-inprogress .fp-content {
15048 .filemanager.fm-noitems .dndupload-inprogress .fm-empty-container {
15051 .filepicker-filelist.dndupload-inprogress .filepicker-container {
15054 .filepicker-filelist.dndupload-inprogress a {
15057 .filemanager.fp-select .fp-select-loading {
15060 .filemanager.fp-select.loading .fp-select-loading {
15063 .filemanager.fp-select.loading form {
15066 .filemanager
.fp-select
.fp-folder
.fp-license
,
15067 .filemanager
.fp-select
.fp-folder
.fp-author
,
15068 .filemanager
.fp-select
.fp-file
.fp-file-unzip
,
15069 .filemanager
.fp-select
.fp-folder
.fp-file-unzip
,
15070 .filemanager
.fp-select
.fp-file
.fp-file-zip
,
15071 .filemanager.fp-select.fp-zip .fp-file-zip {
15074 .filemanager
.fp-select
.fp-file-setmain
,
15075 .filemanager.fp-select .fp-file-setmain-help {
15078 .filemanager
.fp-select
.fp-cansetmain
.fp-file-setmain
,
15079 .filemanager.fp-select.fp-cansetmain .fp-file-setmain-help {
15080 display: inline-block
; }
15082 .filemanager .fp-mainfile .fp-filename {
15083 font-weight: bold
; }
15085 .filemanager.fp-select.fp-folder .fp-file-download {
15089 font-weight: bold
; }
15091 .filemanager
.fp-select
.fp-original
.fp-unknown
,
15092 .filemanager.fp-select .fp-original .fp-originloading {
15095 .filemanager.fp-select .fp-original.fp-loading .fp-originloading {
15098 .filemanager
.fp-select
.fp-reflist
.fp-unknown
,
15099 .filemanager.fp-select .fp-reflist .fp-reflistloading {
15102 .filemanager.fp-select .fp-reflist.fp-loading .fp-reflistloading {
15105 .filemanager.fp-select .fp-reflist .fp-value {
15106 background: #f9f9f9;
15107 border: 1px solid
#bbb;
15113 .filemanager.fp-select .fp-reflist .fp-value li {
15114 padding-bottom: 7px; }
15116 .filemanager.fp-mkdir-dlg {
15117 text-align: center
; }
15119 .filemanager.fp-mkdir-dlg .fp-mkdir-dlg-text {
15123 .filemanager.fp-dlg {
15124 text-align: center
; }
15126 .file-picker div.bd {
15127 text-align: left
; }
15131 .fp-formset input[type="file"] {
15132 line-height: inherit
; }
15137 .fp-fileinfo .fp-value {
15138 display: inline-block
;
15139 padding-left: 5px; }
15141 /** The message area **/
15145 .preferences-container .container-fluid, .preferences-container .container-sm, .preferences-container .container-md, .preferences-container .container-lg, .preferences-container .container-xl {
15147 .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 {
15148 min-height: 20px; }
15150 .preferences-container .align-bottom {
15151 vertical-align: bottom
; }
15153 .preferences-container .preference-table {
15154 border: 1px solid
#ddd; }
15155 .preferences-container .preference-table thead th {
15156 text-align: center
; }
15157 .preferences-container .preference-table thead th .config-warning {
15159 .preferences-container .preference-table thead th.unconfigured .config-warning {
15160 display: inline-block
; }
15161 .preferences-container .preference-table tr th {
15162 border-left: 1px solid
#dee2e6; }
15163 .preferences-container .preference-table tr td:not(:first-child) {
15165 text-align: center
; }
15166 .preferences-container .preference-table tr td:nth-child(even) {
15167 border: 1px solid
#dee2e6; }
15168 .preferences-container .preference-table .preference-row .hover-tooltip-container {
15169 display: inline-block
; }
15170 .preferences-container .preference-table .preference-row .preference-name {
15171 vertical-align: middle
; }
15172 .preferences-container .preference-table .preference-row .disabled-message {
15173 text-align: center
;
15175 line-height: 30px; }
15176 .preferences-container .preference-table .preference-row.loading .preference-name .loading-icon {
15179 .disabled-message {
15182 .disabled .disabled-message {
15184 .disabled .disabled-message + form {
15187 .general-settings-container .loading-icon {
15190 .general-settings-container .loading .loading-icon {
15191 display: inline-block
; }
15193 .general-settings-container label {
15194 display: inline-block
; }
15196 .processor-container {
15197 position: relative
; }
15198 .processor-container .loading-container {
15200 position: absolute
;
15203 text-align: center
;
15204 background-color: rgba
(255, 255, 255, 0.5); }
15205 .processor-container .loading-container .vertical-align {
15208 display: inline-block
;
15209 vertical-align: middle
; }
15210 .processor-container.loading .loading-container {
15213 .preferences-page-container .checkbox-container {
15215 line-height: 20px; }
15216 .preferences-page-container .checkbox-container input {
15219 .preferences-page-container .checkbox-container .loading-icon {
15221 .preferences-page-container .checkbox-container.loading .loading-icon {
15222 display: inline-block
; }
15224 .notification-area {
15226 box-sizing: border-box
;
15227 border-radius: 4px;
15228 margin-bottom: 30px;
15229 border: 1px solid
#e3e3e3; }
15230 @media
(max-height: 670px) {
15231 .notification-area {
15233 .notification-area .control-area {
15234 box-sizing: border-box
;
15235 display: inline-block
;
15239 -webkit-overflow-scrolling: touch
;
15240 border-right: 1px solid
#e3e3e3; }
15241 .notification-area .control-area .content {
15242 position: relative
; }
15243 .notification-area .control-area .content .content-item-container {
15245 .notification-area .control-area .content:empty + .empty-text {
15247 .notification-area .control-area .loading-icon {
15249 .notification-area .control-area .empty-text {
15251 text-align: center
;
15252 padding-top: 20px; }
15253 .notification-area .control-area.loading .loading-icon {
15255 text-align: center
;
15256 box-sizing: border-box
;
15258 .notification-area .control-area.loading .content:empty + .empty-text {
15260 .notification-area .content-area {
15261 box-sizing: border-box
;
15262 display: inline-block
;
15263 width: calc
(100% - 300px);
15265 .notification-area .content-area .toggle-mode {
15267 .notification-area .content-area .header {
15269 box-sizing: border-box
;
15270 border-bottom: 1px solid
#e3e3e3;
15272 .notification-area .content-area .header .image-container {
15273 display: inline-block
;
15277 .notification-area .content-area .header .subject-container {
15278 display: inline-block
;
15279 max-width: calc
(100% - 24px);
15280 white-space: nowrap
;
15282 text-overflow: ellipsis
;
15285 box-sizing: border-box
; }
15286 .notification-area .content-area .header .timestamp {
15291 margin-left: 30px; }
15292 .notification-area .content-area .header:empty {
15294 .notification-area .content-area > .content {
15296 box-sizing: border-box
;
15298 -webkit-overflow-scrolling: touch
;
15300 @media
(max-height: 670px) {
15301 .notification-area .content-area > .content {
15303 .notification-area .content-area > .content:empty {
15305 .notification-area .content-area > .content:empty + .empty-text {
15307 text-align: center
;
15308 padding-top: 100px; }
15309 .notification-area .content-area .empty-text {
15311 .notification-area .content-area .footer {
15313 box-sizing: border-box
;
15314 text-align: center
; }
15315 .notification-area .content-area .footer a {
15316 line-height: 50px; }
15317 .notification-area .content-area .footer:empty {
15320 @media (max-width: 979px) {
15321 .notification-area {
15322 position: relative
;
15323 overflow: hidden
; }
15324 .notification-area .control-area {
15325 border-right: none
;
15327 position: absolute
;
15331 visibility: visible
;
15332 transition: left
0.25s; }
15333 .notification-area .content-area {
15335 position: absolute
;
15339 visibility: hidden
;
15340 transition: right
0.25s, opacity
0.25s, visibility
0.25s; }
15341 .notification-area .content-area .toggle-mode {
15342 display: inline-block
;
15347 box-sizing: border-box
;
15348 border-right: 1px solid
#e3e3e3;
15349 border-bottom: 1px solid
#e3e3e3; }
15350 .notification-area .content-area .header {
15351 display: inline-block
;
15352 width: calc
(100% - 70px); }
15353 .notification-area.show-content-area .control-area {
15356 visibility: hidden
;
15357 transition: left
0.25s, opacity
0.25s, visibility
0.25s; }
15358 .notification-area.show-content-area .content-area {
15361 visibility: visible
;
15362 transition: right
0.25s; } }
15364 .drawer .message-app {
15366 .drawer .message-app .icon-back-in-app {
15368 .drawer .message-app .icon-back-in-drawer {
15369 display: inherit
; }
15373 flex-direction: column
;
15374 background-color: #eff1f3; }
15375 .message-app .icon-back-in-drawer {
15377 .message-app.main {
15378 min-height: 400px; }
15379 .message-app .header-container {
15381 .message-app .overflow-y {
15382 overflow-y: auto
; }
15383 @media
(max-height: 320px) {
15384 .message-app .header-container [data-region="view-overview"]:not(.hidden) {
15386 align-items: center
; }
15387 .message-app .footer-container [data-region="view-overview"] {
15389 .message-app .overflow-y {
15390 overflow-y: unset
; } }
15391 .message-app .body-container {
15393 overflow: hidden
; }
15394 .message-app .body-container > * {
15395 position: absolute
;
15401 .message-app .footer-container {
15403 .message-app .footer-container textarea {
15405 .message-app .contact-status {
15406 position: absolute
;
15411 border-radius: 50%; }
15412 .message-app .contact-status.online {
15413 border: 1px solid
#fff;
15414 background-color: #357a32; }
15415 .message-app .message p {
15417 .message-app .clickable {
15419 .message-app .clickable:hover {
15420 filter: drop-shadow
(2px 2px 2px rgba
(0, 0, 0, 0.3)); }
15422 .message-app .btn-link {
15424 .message-app .btn-link:hover, .message-app .btn-link:focus {
15425 background-color: rgba
(0, 0, 0, 0.035);
15426 text-decoration: none
; }
15427 .message-app .icon {
15429 .message-app .overview-section-toggle .collapsed-icon-container {
15431 .message-app .overview-section-toggle .expanded-icon-container {
15432 display: inline-block
; }
15433 .message-app .overview-section-toggle.collapsed .collapsed-icon-container {
15434 display: inline-block
; }
15435 .message-app .overview-section-toggle.collapsed .expanded-icon-container {
15437 .message-app .btn.btn-link.btn-icon {
15441 border-radius: 50%;
15443 .message-app .btn.btn-link.btn-icon:hover, .message-app .btn.btn-link.btn-icon:focus {
15444 background-color: #e9ecef; }
15445 .message-app .btn.btn-link.btn-icon.icon-size-0 {
15446 height: 20px !important
;
15447 /* stylelint-disable-line declaration-no-important */
15448 width: 20px !important
;
15449 /* stylelint-disable-line declaration-no-important */ }
15450 .message-app .btn.btn-link.btn-icon.icon-size-1 {
15451 height: 24px !important
;
15452 /* stylelint-disable-line declaration-no-important */
15453 width: 24px !important
;
15454 /* stylelint-disable-line declaration-no-important */ }
15455 .message-app .btn.btn-link.btn-icon.icon-size-2 {
15456 height: 28px !important
;
15457 /* stylelint-disable-line declaration-no-important */
15458 width: 28px !important
;
15459 /* stylelint-disable-line declaration-no-important */ }
15460 .message-app .btn.btn-link.btn-icon.icon-size-3 {
15461 height: 36px !important
;
15462 /* stylelint-disable-line declaration-no-important */
15463 width: 36px !important
;
15464 /* stylelint-disable-line declaration-no-important */ }
15465 .message-app .btn.btn-link.btn-icon.icon-size-4 {
15466 height: 44px !important
;
15467 /* stylelint-disable-line declaration-no-important */
15468 width: 44px !important
;
15469 /* stylelint-disable-line declaration-no-important */ }
15470 .message-app .btn.btn-link.btn-icon.icon-size-5 {
15471 height: 52px !important
;
15472 /* stylelint-disable-line declaration-no-important */
15473 width: 52px !important
;
15474 /* stylelint-disable-line declaration-no-important */ }
15475 .message-app .btn.btn-link.btn-icon.icon-size-6 {
15476 height: 60px !important
;
15477 /* stylelint-disable-line declaration-no-important */
15478 width: 60px !important
;
15479 /* stylelint-disable-line declaration-no-important */ }
15480 .message-app .btn.btn-link.btn-icon.icon-size-7 {
15481 height: 68px !important
;
15482 /* stylelint-disable-line declaration-no-important */
15483 width: 68px !important
;
15484 /* stylelint-disable-line declaration-no-important */ }
15485 .message-app .view-overview-body .section {
15487 .message-app .view-overview-body .section.expanded {
15489 .message-app .view-overview-body .section div[data-region="toggle"] {
15491 .message-app .view-conversation .content-message-container img {
15493 .message-app .list-group .list-group-item {
15496 .message-app .list-group .list-group-item:hover {
15498 background-color: #0f6cbf; }
15499 .message-app .list-group .list-group-item:hover .badge-primary {
15500 background-color: #fff;
15502 .message-app .list-group .list-group-item:first-child {
15504 .message-app .list-group .list-group-item:last-child {
15505 border-bottom: 0; }
15506 .message-app .list-group .list-group-item.list-group-item-action {
15509 text-align: inherit
; }
15510 .message-app .last-message {
15511 min-height: 1.5rem; }
15512 .message-app .section .collapsing {
15513 overflow: hidden
; }
15514 .message-app .message.send {
15515 background-color: #dee2e6;
15517 .message-app .message.send .time {
15519 .message-app .message.send .tail {
15521 margin-right: -0.5rem;
15522 border-bottom-color: #dee2e6; }
15523 .message-app .message.received {
15524 background-color: #fff;
15526 .message-app .message.received .time {
15528 .message-app .message.received .tail {
15530 margin-left: -0.5rem;
15531 border-bottom-color: #fff; }
15532 .message-app .message .tail {
15537 border: 0.5rem solid transparent
;
15538 position: relative
; }
15539 .message-app .day {
15541 .message-app .lazy-load-list {
15542 overflow-y: auto
; }
15544 #page-message-index #page-header
{
15547 #page-message-index #region-main
{
15550 #page-message-index #region-main
.conversationcontainer
.section
{
15551 max-height: calc
(100vh - 50px); }
15552 #page-message-index #region-main div
[role
="main"] {
15554 #page-message-index #region-main div
[role
="main"] #maincontent
{
15555 margin-top: -1px; }
15556 #page-message-index #region-main div
[role
="main"] .message-app
.main
{
15559 .dir-rtl .message-drawer {
15560 box-shadow: 2px 2px 4px rgba
(0, 0, 0, 0.08); }
15562 .message-app .emoji-picker-container {
15563 position: absolute
;
15566 transform: translateY
(-100%); }
15567 .message-app .emoji-picker-container .emoji-picker .picker-row .emoji-button {
15570 @media
(max-width: 575.98px) {
15571 .message-app .emoji-picker-container {
15572 right: -0.5rem; } }
15574 @media (max-height: 495px) {
15575 .message-app .emoji-picker-container {
15578 transform: none
; } }
15580 .message-app .emoji-auto-complete-container {
15583 transition: max-height
.15s ease-in-out
;
15584 visibility: visible
; }
15585 .message-app .emoji-auto-complete-container.hidden {
15588 visibility: hidden
;
15590 transition: max-height
.15s ease-in-out
, visibility
0s linear
.15s, overflow
0s linear
.15s; }
15596 .questioncategories h3 {
15603 margin: 0 0 0.3em; }
15605 #chooseqtype .instruction
{
15608 #chooseqtype .fakeqtypes
{
15609 border-top: 1px solid silver
; }
15611 #chooseqtype .qtypeoption
{
15612 margin-bottom: 0.5em; }
15614 #chooseqtype label
{
15617 #chooseqtype .qtypename img
{
15618 padding: 0 0.3em; }
15620 #chooseqtype .qtypename
{
15621 display: inline-table
;
15624 #chooseqtype .qtypesummary
{
15628 #chooseqtype .submitbuttons
{
15630 text-align: center
; }
15632 #qtypechoicecontainer {
15635 #qtypechoicecontainer_c.yui-panel-container
.shadow
.underlay
{
15636 background: none
; }
15638 #qtypechoicecontainer.yui-panel
.hd
{
15640 letter-spacing: 1px;
15641 text-shadow: 1px 1px 1px #fff;
15642 border: 1px solid
#ccc;
15643 border-bottom: 1px solid
#bbb;
15644 background-image: linear-gradient
(to bottom
, #fff 0%, #ccc 100%);
15645 background-repeat: repeat-x
; }
15647 #qtypechoicecontainer {
15650 background: #f2f2f2;
15651 border: 1px solid
#ccc;
15652 border-top: 0 none
; }
15654 #qtypechoicecontainer #chooseqtype
{
15657 #chooseqtypehead h3
{
15659 font-weight: normal
; }
15661 #chooseqtype .qtypes
{
15662 position: relative
;
15663 border-bottom: 1px solid
#bbb;
15664 padding: 0.24em 0; }
15666 #chooseqtype .alloptions
{
15667 overflow-x: hidden
;
15669 max-height: calc
(100vh - 15em);
15672 #chooseqtype .qtypeoption
{
15674 padding: 0.3em 0.3em 0.3em 1.6em; }
15676 #chooseqtype .qtypeoption img
{
15677 vertical-align: text-bottom
;
15679 padding-right: 0.5em; }
15681 #chooseqtype .selected
{
15682 background-color: #fff; }
15684 #chooseqtype .instruction
,
15685 #chooseqtype .qtypesummary
{
15687 position: absolute
;
15693 overflow-x: hidden
;
15695 padding: 1.5em 1.6em;
15696 background-color: #fff; }
15698 #chooseqtype .instruction
,
15699 #chooseqtype .selected
.qtypesummary
{
15702 #categoryquestions {
15704 #categoryquestions td
,
15705 #categoryquestions th
{
15706 padding: 0 0.2em; }
15707 #categoryquestions th
{
15709 font-weight: normal
; }
15710 #categoryquestions > tbody
> tr
.r1
{
15711 background-color: rgba
(0, 0, 0, 0.03); }
15712 #categoryquestions > tbody
> tr
.highlight
{
15713 border: 1px solid
#008196; }
15714 #categoryquestions .checkbox
{
15715 padding-left: 5px; }
15716 #categoryquestions .checkbox input
[type
="checkbox"] {
15719 #categoryquestions .iconcol
{
15721 box-sizing: content-box
; }
15722 #categoryquestions .iconcol
.icon
{
15726 #categoryquestions label
{
15729 #categoryquestions .header
{
15730 text-align: left
; }
15732 #page-mod-quiz-edit div
.questionbankwindow div
.header
{
15735 #page-mod-quiz-edit div
.questionbankwindow
.block
{
15738 .questionbank .singleselect {
15741 /* Question editing form */
15742 #combinedfeedbackhdr div
.fhtmleditor
{
15745 #combinedfeedbackhdr div
.fcheckbox
{
15746 margin-bottom: 1em; }
15748 #multitriesheader div
.fitem_feditor
{
15751 #multitriesheader div
.fitem_fgroup
{
15752 margin-bottom: 1em; }
15754 #multitriesheader div
.fitem_fgroup fieldset
.felement label
{
15755 margin-left: 0.3em;
15756 margin-right: 0.3em; }
15758 body
.path-question-type
{
15759 /* Hacks to display the labels within a form group. */ }
15760 body
.path-question-type
.form-group
.sr-only:not
(legend
):not
([for
="id_category"]) {
15765 margin: 0 0.5rem 0 0;
15774 margin: 0 auto
1.8em auto
; }
15780 margin-bottom: 1.8em;
15781 background-color: #f8f9fa;
15782 border: 1px solid
#cad0d7; }
15791 font-weight: bold
; }
15795 margin-top: 0.7em; }
15797 .que .info .questionflag.editable {
15800 .que
.info
.editquestion img
,
15801 .que
.info
.questionflag img
,
15802 .que .info .questionflag input {
15803 vertical-align: bottom
; }
15806 margin: 0 0 0 8.5em; }
15811 position: relative
;
15812 padding: 0.75rem 1.25rem;
15813 margin-bottom: 1rem;
15814 border: 0 solid transparent
; }
15819 background-color: #fcefdc;
15820 border-color: #fbe8cd;
15821 /* stylelint-disable-line max-line-length */ }
15824 border-top-color: #f9ddb5; }
15825 .que
.outcome
.alert-link
,
15826 .que .comment .alert-link {
15832 .que .formulation {
15834 background-color: #e7f3f5;
15835 border-color: #b8dce2;
15836 /* stylelint-disable-line max-line-length */ }
15837 .que .formulation hr {
15838 border-top-color: #a6d3db; }
15839 .que .formulation .alert-link {
15842 .que
.multichoice
.answer div
.r0
.icon
.fa-check
,
15843 .que
.multichoice
.answer div
.r1
.icon
.fa-check
,
15844 .que
.multichoice
.answer div
.r0
.icon
.fa-remove
,
15845 .que.multichoice .answer div.r1 .icon.fa-remove {
15848 .formulation input
[type
="text"],
15849 .formulation select {
15851 vertical-align: baseline
; }
15853 .que.multianswer .formulation .yui3-widget-positioned {
15854 box-sizing: content-box
; }
15855 .que.multianswer .formulation .yui3-widget-positioned .feedbackspan {
15857 max-width: inherit
; }
15859 .path-mod-quiz input[size] {
15865 background-color: #d7e4d6;
15866 border-color: #c6dac6;
15867 /* stylelint-disable-line max-line-length */ }
15869 border-top-color: #b7d0b7; }
15870 .que .comment .alert-link {
15874 margin: 0.7em 0 0.3em 0; }
15876 .que .im-controls {
15878 text-align: left
; }
15880 .que
.specificfeedback
,
15881 .que
.generalfeedback
,
15882 .que
.numpartscorrect
.que
.rightanswer
,
15886 margin: 0 0 0.5em; }
15888 .que .correctness.correct {
15890 background-color: #357a32; }
15891 a
.que
.correctness
.correct:hover
, a
.que
.correctness
.correct:focus
{
15893 background-color: #255623; }
15894 a
.que
.correctness
.correct:focus
, a
.que
.correctness
.correct
.focus
{
15896 box-shadow: 0 0 0 0.2rem rgba
(53, 122, 50, 0.5); }
15898 .que .correctness.partiallycorrect {
15900 background-color: #f0ad4e; }
15901 a
.que
.correctness
.partiallycorrect:hover
, a
.que
.correctness
.partiallycorrect:focus
{
15903 background-color: #ec971f; }
15904 a
.que
.correctness
.partiallycorrect:focus
, a
.que
.correctness
.partiallycorrect
.focus
{
15906 box-shadow: 0 0 0 0.2rem rgba
(240, 173, 78, 0.5); }
15908 .que .correctness.notanswered, .que .correctness.incorrect {
15910 background-color: #ca3120; }
15911 a
.que
.correctness
.notanswered:hover
, a
.que
.correctness
.notanswered:focus
, .que
.correctness
.incorrect:hover
, .que
.correctness
.incorrect:focus
{
15913 background-color: #9e2619; }
15914 a
.que
.correctness
.notanswered:focus
, a
.que
.correctness
.notanswered
.focus
, .que
.correctness
.incorrect:focus
, .que
.correctness
.incorrect
.focus
{
15916 box-shadow: 0 0 0 0.2rem rgba
(202, 49, 32, 0.5); }
15919 margin-bottom: 1.5em; }
15921 .que .validationerror {
15928 margin-top: 0.5em; }
15934 .que .history table {
15938 .que .history .current {
15939 font-weight: bold
; }
15941 .que .questioncorrectnessicon {
15942 vertical-align: text-bottom
; }
15944 body
.jsenabled
.questionflag input
[type
=checkbox
] {
15947 .que .questionflagimage {
15948 padding-right: 3px;
15954 border-bottom: 1px solid
#555; }
15956 .mform .que.comment .fitemtitle {
15959 #page-question-preview #techinfo
{
15962 #page-question-preview .collapsibleregion
.collapsibleregioncaption
,
15963 #page-question-preview .collapsibleregion
.collapsibleregionextracontent
{
15964 display: inline-block
; }
15966 #page-mod-quiz-edit ul
.slots
.activityinstance
> a
{
15969 align-items: center
;
15973 #page-mod-quiz-edit ul
.slots
.activityinstance img
.activityicon
{
15977 padding-right: 4px; }
15979 #page-mod-quiz-edit .activity img
.activityicon
{
15980 vertical-align: text-top
; }
15982 #page-mod-quiz-edit .box
.generalbox
.questionbank
{
15985 #page-mod-quiz-edit .questionbank
.categorypagingbarcontainer
,
15986 #page-mod-quiz-edit .questionbank
.categoryquestionscontainer
,
15987 #page-mod-quiz-edit .questionbank
.choosecategory
{
15990 #page-mod-quiz-edit .questionbank
.choosecategory select
{
15993 #page-mod-quiz-edit div
.questionbank
.categoryquestionscontainer
{
15994 background: transparent
; }
15996 #page-mod-quiz-edit .questionbankwindow div
.header
{
15999 margin: 0 -10px 0 -10px;
16000 padding: 2px 10px 2px 10px;
16001 background: transparent
;
16002 /* Old browsers */ }
16004 #page-mod-quiz-edit .questionbankwindow div
.header
a:link
,
16005 #page-mod-quiz-edit .questionbankwindow div
.header
a:visited
{
16008 #page-mod-quiz-edit .questionbankwindow div
.header
a:hover
{
16011 #page-mod-quiz-edit .createnewquestion
{
16012 padding: 0.3em 0; }
16013 #page-mod-quiz-edit .createnewquestion div
,
16014 #page-mod-quiz-edit .createnewquestion input
{
16017 #page-mod-quiz-edit .questionbankwindow div
.header
.title
{
16020 #page-mod-quiz-edit div
.container div
.generalbox
{
16021 background-color: transparent
;
16024 #page-mod-quiz-edit .categoryinfo
{
16025 background-color: transparent
;
16026 border-bottom: none
; }
16028 #page-mod-quiz-edit .createnewquestion
.singlebutton input
{
16029 margin-bottom: 0; }
16031 #page-mod-quiz-edit div
.questionbank
.categorysortopotionscontainer
,
16032 #page-mod-quiz-edit div
.questionbank
.categoryselectallcontainer
{
16033 padding: 0 0 1.5em 0; }
16035 #page-mod-quiz-edit div
.questionbank
.categorypagingbarcontainer
{
16036 background-color: transparent
;
16039 border-bottom: 0; }
16040 #page-mod-quiz-edit div
.questionbank
.categorypagingbarcontainer
.paging
{
16041 padding: 0 0.3em; }
16043 #page-mod-quiz-edit div
.question div
.content div
.questioncontrols
{
16044 background-color: #fff; }
16046 #page-mod-quiz-edit div
.question div
.content div
.points
{
16047 margin-top: -0.5em;
16050 background-color: #fff;
16054 margin-right: 60px; }
16056 #page-mod-quiz-edit div
.question div
.content div
.points br
{
16059 #page-mod-quiz-edit div
.question div
.content div
.points label
{
16060 display: inline-block
; }
16062 #page-mod-quiz-edit div
.quizpage
.pagecontent
.pagestatus
{
16063 background-color: #fff; }
16065 #page-mod-quiz-edit .quizpagedelete
,
16066 #page-mod-quiz-edit .quizpagedelete img
{
16067 background-color: transparent
; }
16069 #page-mod-quiz-edit div
.quizpage
.pagecontent
{
16070 border: 1px solid
#ddd;
16071 overflow: hidden
; }
16073 #page-mod-quiz-edit div
.questionbank
.categoryinfo
{
16074 padding: 0.3em 0; }
16076 #page-mod-quiz-edit div
.questionbank
.modulespecificbuttonscontainer
{
16078 #page-mod-quiz-edit div
.questionbank
.modulespecificbuttonscontainer strong
{
16080 #page-mod-quiz-edit div
.questionbank
.modulespecificbuttonscontainer hr
,
16081 #page-mod-quiz-edit div
.questionbank
.modulespecificbuttonscontainer br
{
16083 #page-mod-quiz-edit div
.questionbank
.modulespecificbuttonscontainer strong
{
16084 margin-left: -0.3em; }
16085 #page-mod-quiz-edit div
.questionbank
.modulespecificbuttonscontainer strong label
{
16086 margin-left: 0.3em; }
16087 #page-mod-quiz-edit div
.questionbank
.modulespecificbuttonscontainer input
{
16089 #page-mod-quiz-edit div
.questionbank
.modulespecificbuttonscontainer input
+ input
{
16090 margin-left: 5px; }
16092 .questionbankwindow .module {
16095 .questionbankwindow .form-autocomplete-selection {
16098 #page-mod-quiz-edit div
.editq div
.question div
.content
{
16099 background-color: #fff;
16100 border: 1px solid
#ddd;
16101 overflow: hidden
; }
16103 #page-mod-quiz-edit ul
.slots
.activityinstance img
.activityicon
{
16105 padding-right: 4px; }
16107 .path-mod-quiz .statedetails {
16109 font-size: 0.9em; }
16114 .que.shortanswer .answer {
16120 .que .content .answer div[data-region="answer-label"] .mediaplugin {
16123 body
.path-question-type
.mform fieldset
.hidden
{
16125 margin: 0.7em 0 0; }
16128 .que.ddwtos .drop {
16129 box-sizing: content-box
; }
16131 .tag-condition-container {
16132 position: relative
; }
16134 @media (max-width: 767.98px) {
16142 .userprofile .fullprofilelink {
16143 text-align: center
;
16146 .userprofile .page-context-header {
16147 margin-bottom: 10px; }
16149 .userprofile .description {
16151 margin-bottom: 30px; }
16153 .userprofile .profile_tree {
16156 #participantsform .no-overflow
{
16157 overflow: visible
; }
16159 .userprofile dl.list > dd + dt {
16166 text-align: center
;
16170 #page-user-profile .node_category ul
,
16171 .path-user .node_category ul {
16176 #page-user-profile .node_category li
,
16177 .path-user .node_category li {
16180 #page-user-profile .node_category
.editprofile
,
16181 #page-user-profile .node_category
.viewmore
,
16182 .path-user
.node_category
.editprofile
,
16183 .path-user .node_category .viewmore {
16184 text-align: right
; }
16186 .ajax-contact-button {
16187 box-sizing: border-box
;
16188 position: relative
; }
16189 .ajax-contact-button.loading .loading-icon {
16191 .ajax-contact-button .loading-icon {
16193 position: absolute
;
16198 background-color: rgba
(255, 255, 255, 0.7); }
16199 .ajax-contact-button .loading-icon .icon {
16200 position: absolute
;
16203 transform: translate
(-50%, -50%); }
16205 @media (max-width: 480px) {
16206 .userprofile .profile_tree {
16207 /** Display the profile on one column on phones@mixin */
16208 column-count: 1; } }
16210 .userlist #showall {
16213 .userlist .buttons {
16214 text-align: center
; }
16216 .userlist .buttons label {
16219 .userlist table#participants {
16220 text-align: center
; }
16222 .userlist table#participants td {
16225 vertical-align: middle
; }
16227 .userlist table#participants th {
16231 .userlist table.controls {
16233 .userlist table.controls tr {
16234 vertical-align: top
; }
16235 .userlist table.controls .right {
16236 text-align: right
; }
16237 .userlist table.controls .groupselector {
16240 .userlist table.controls .groupselector label {
16246 border-collapse: separate
;
16249 .userinfobox
.left
,
16250 .userinfobox .side {
16252 vertical-align: top
; }
16254 .userinfobox .userpicture {
16258 .userinfobox .content {
16259 vertical-align: top
; }
16261 .userinfobox .links {
16264 vertical-align: bottom
; }
16266 .userinfobox .links a {
16269 .userinfobox .list td {
16272 .userinfobox .username {
16273 padding-bottom: 20px;
16274 font-weight: bold
; }
16276 .userinfobox td.label {
16278 white-space: nowrap
;
16279 vertical-align: top
;
16280 font-weight: bold
; }
16283 position: absolute
;
16285 margin-right: 0.6em; }
16290 margin-right: 1em; }
16291 .group-image .grouppicture {
16292 border-radius: 50%; }
16294 .groupinfobox .left {
16297 vertical-align: top
; }
16299 .course-participation #showall {
16300 text-align: center
;
16303 #user-policy .noticebox
{
16304 text-align: center
;
16306 margin-right: auto
;
16307 margin-bottom: 10px;
16311 #user-policy #policyframe
{
16318 .userselector select {
16321 .userselector div {
16322 margin-top: 0.2em; }
16324 .userselector div label {
16325 margin-right: 0.3em; }
16327 /* Next style does not work in all browsers but looks nicer when it does */
16328 .userselector .userselector-infobelow {
16329 font-size: 0.8em; }
16331 #userselector_options .collapsibleregioncaption
{
16332 font-weight: bold
; }
16334 #userselector_options p
{
16336 text-align: left
; }
16338 /** user full profile */
16339 #page-user-profile .messagebox
{
16340 text-align: center
;
16342 margin-right: auto
; }
16344 /** user course profile */
16345 #page-course-view-weeks .messagebox
{
16346 text-align: center
;
16348 margin-right: auto
; }
16350 .profileeditor > .singleselect {
16351 margin: 0 0.5em 0 0; }
16353 .profileeditor > .singlebutton {
16354 display: inline-block
;
16355 margin: 0 0 0 0.5em; }
16356 .profileeditor
> .singlebutton div
,
16357 .profileeditor > .singlebutton input {
16360 .userlist h3 .action-icon {
16363 #page-enrol-users .popover
{
16366 .user-enroller-panel {
16369 [data-filterverbfor
],
16370 [data-filterregion
="filter"]:last-child
[data-filterregion
="joinadverb"] {
16373 [data-filterverb
="0"] [data-filterverbfor
="0"],
16374 [data-filterverb
="1"] [data-filterverbfor
="1"],
16375 [data-filterverb
="2"] [data-filterverbfor
="2"] {
16378 .search-results .result {
16382 .search-results .result .result-content {
16385 .search-results .result .filename {
16386 font-style: italic
; }
16388 .simplesearchform .btn {
16389 padding-left: 0.5rem;
16390 padding-right: 0.5rem; }
16392 .simplesearchform .btn .icon {
16395 .simplesearchform .btn-submit {
16396 border-color: #8f959e;
16399 .simplesearchform
.btn-close
,
16400 .simplesearchform .btn-clear {
16401 position: absolute
;
16407 .simplesearchform .btn-close {
16410 .simplesearchform .btn-submit {
16411 background-color: #f8f9fa; }
16413 .simplesearchform .withclear {
16414 padding-right: 2rem; }
16416 .simplesearchform .searchinput {
16420 .simplesearchform .collapsing {
16425 @media (max-width: 991.98px) {
16426 .simplesearchform
.collapse
.show
,
16427 .simplesearchform .collapsing {
16428 position: absolute
;
16433 background-color: #fff;
16436 .simplesearchform
.collapse
.show
.form-inline
,
16437 .simplesearchform .collapsing .form-inline {
16440 margin-right: auto
; } }
16442 .navbar.navbar-light .simplesearchform .btn-open {
16443 color: rgba
(0, 0, 0, 0.6); }
16444 .navbar.navbar-light .simplesearchform .btn-open:hover {
16445 color: rgba
(0, 0, 0, 0.9); }
16447 .search-areas-actions {
16448 margin-bottom: 1rem; }
16450 .search-areas-actions > div {
16451 margin-right: 1rem;
16452 display: inline-block
; }
16454 #core-search-areas .lastcol li
{
16456 text-indent: -24px; }
16458 #core-search-areas .lastcol li
> i
{
16462 * Moodle forms HTML isn't changeable via renderers (yet?) so this
16463 * .less file imports styles from the bootstrap $variables file and
16464 * adds them to the existing Moodle form CSS ids and classes.
16467 .jsenabled .mform .containsadvancedelements .advanced {
16470 .mform .containsadvancedelements .advanced.show {
16473 #adminsettings span
.error
{
16474 display: inline-block
;
16475 border: 1px solid
#f0c5c1;
16476 border-radius: 4px;
16477 background-color: #f4d6d2;
16479 margin-bottom: 4px; }
16481 .mform
.form-inline
.form-control
,
16482 .mform .form-inline .custom-select {
16485 .mform .form-inline .form-group {
16486 margin: 0.1rem 0.25rem 0.1rem 0; }
16488 .mform .form-inline br + label {
16489 justify-content: flex-start
;
16493 .unresponsive
.mform
.form-inline
,
16494 .unresponsive.mform .form-inline label {
16495 display: inline-flex
; }
16497 #jump-to-activity.custom-select
{
16501 margin-bottom: 0.5rem;
16502 border-bottom: 1px solid
#dee2e6; }
16504 @media (min-width: 576px) {
16505 .mform > .form-group {
16506 margin-left: 1.5rem; } }
16508 #adminsettings .form-control
[size
] {
16511 .jsenabled .mform .collapsed .fcontainer {
16514 #adminsettings .error
{
16517 .mform ul.file-list {
16520 list-style: none
; }
16523 .mform label .adv {
16527 input#id_externalurl
{
16530 #portfolio-add-button {
16534 .form-label .form-shortname {
16537 .form-label .form-shortname {
16538 font-size: 0.703125rem;
16541 .form-item .form-inline {
16544 .form-inline label:not(.sr-only):not(.accesshide) + select {
16545 margin-left: 0.5rem; }
16547 .formsettingheading .form-horizontal {
16550 .no-felement.fstatic {
16552 padding-top: 5px; }
16554 .no-fitem .fstaticlabel {
16555 font-weight: bold
; }
16557 .form-item .form-setting .defaultsnext > input {
16558 display: inline-block
; }
16560 .form-item .form-setting .form-checkbox.defaultsnext {
16562 display: inline-block
; }
16564 #adminsettings h3
{
16568 margin-bottom: 1.5;
16569 font-size: 1.171875rem;
16572 border-bottom: 1px solid
#e5e5e5; }
16575 .mform
.fitem
.felement input
[name
="email"],
16576 .mform
.fitem
.felement input
[name
="email2"],
16577 .mform
.fitem
.felement input
[name
="url"],
16578 .mform
.fitem
.felement input
[name
="idnumber"],
16579 .mform
.fitem
.felement input
[name
="phone1"],
16580 .mform .fitem .felement input[name="phone2"] {
16584 .que.match .mediaplugin {
16588 #page-admin-grade-edit-scale-edit .error input#id_name
{
16589 margin-right: 170px; }
16591 #page-grade-edit-outcome-course .courseoutcomes
{
16593 margin-right: auto
;
16596 #page-grade-edit-outcome-course .courseoutcomes td
{
16597 text-align: center
; }
16599 /* Install Process' text fields Forms, should always be justified to the left */
16601 #installform #id_wwwroot
,
16602 #installform #id_dirroot
,
16603 #installform #id_dataroot
,
16604 #installform #id_dbhost
,
16605 #installform #id_dbname
,
16606 #installform #id_dbuser
,
16607 #installform #id_dbpass
,
16608 #installform #id_prefix
{
16611 .mdl-right > label {
16612 display: inline-block
; }
16617 .form-item .form-label label {
16618 margin-bottom: 0; }
16620 div#dateselector-calendar-panel
{
16622 /* Set higher than the z-index of the filemanager - see MDL-39047. */ }
16624 fieldset
.coursesearchbox label
{
16628 * Show the labels above text editors and file managers except on wide screens.
16630 /* Section and module editing forms contain special JS components for the
16631 availability system (if enabled). */
16632 #id_availabilityconditionsjson[aria-hidden
=true
],
16633 .availability-field [aria-hidden=true] {
16636 .availability-field label {
16637 display: inline-flex
; }
16639 .availability-field .availability-group label {
16640 vertical-align: top
; }
16642 .availability-eye {
16646 .availability-inner
,
16647 .availability-plugincontrols {
16649 border: 1px solid rgba
(0, 0, 0, 0.125);
16651 margin-top: 0.5rem; }
16653 .availability-plugincontrols
,
16654 .availability-childlist .availability-inner {
16655 margin-left: .625rem; }
16657 .availability-field .availability-plugincontrols .availability-group select {
16658 max-width: 12rem; }
16660 /* Custom styles for autocomplete form element */
16661 /* These styles reserve a standard amount of space in the DOM to avoid flicker when the original select element is replaced */
16662 [data-fieldtype
=autocomplete
] select
,
16663 [data-fieldtype
=tags
] select
,
16664 .form-autocomplete-original-select {
16665 visibility: hidden
;
16672 margin-top: 1.65625rem;
16673 vertical-align: bottom
; }
16675 .form-autocomplete-selection {
16677 min-height: 2.375rem; }
16679 .form-autocomplete-selection [role=option] {
16681 white-space: inherit
;
16682 word-break: break-word
;
16684 text-align: left
; }
16686 .form-autocomplete-suggestions {
16687 position: absolute
;
16688 background-color: white
;
16689 border: 1px solid
#8f959e;
16693 margin: 0.125rem 0 0;
16697 .form-autocomplete-suggestions li {
16698 list-style-type: none
;
16699 padding: 0.25rem 1.5rem;
16703 .form-autocomplete-suggestions li:hover, .form-autocomplete-suggestions li:focus, .form-autocomplete-suggestions li[aria-selected="true"] {
16704 background-color: #0f6cbf;
16706 .form-autocomplete-suggestions li::before {
16707 content: "\200B"; }
16709 .form-autocomplete-downarrow {
16714 .form-autocomplete-downarrow .loading-icon {
16715 position: absolute
;
16718 background-color: #fff; }
16720 /** Undo some bootstrap things */
16721 .form-autocomplete-selection + input.form-control {
16723 display: inline-block
;
16724 vertical-align: middle
; }
16726 .form-autocomplete-selection [data-active-selection=true] {
16728 font-size: large
; }
16730 select
.form-control
[size
], select
.form-control
[multiple
] {
16731 padding-right: 0; }
16732 select
.form-control
[size
] option
, select
.form-control
[multiple
] option
{
16733 width: fit-content
; }
16735 /* Non-bootstrap selects with a size show their contents outside of the element.
16736 * Remove when we update to stable bootstrap 4. (MDL-56511) */
16742 overflow: visible
; }
16744 textarea
[data-auto-rows
] {
16745 overflow-x: hidden
;
16748 /** Display elements under labels in vertical forms regardless of the screen size. */
16749 .mform.full-width-labels .fitem.row {
16752 .mform
.full-width-labels
.fitem
.row
> .col-md-3
,
16753 .mform.full-width-labels .fitem.row > .col-md-9 {
16759 .mform.full-width-labels .fitem.row.femptylabel > .col-md-3 {
16761 .mform.full-width-labels .fitem.row .form-control {
16764 .mform .col-form-label .form-label-addon {
16765 margin-left: 0.25rem; }
16767 @media (min-width: 576px) {
16768 .mform:not(.full-width-labels) .col-form-label .form-label-addon {
16769 margin-left: auto
; } }
16771 /** Allow wrapping an mform in a div with the form-inline class to have an inline, responsive form. */
16772 @media (min-width: 768px) {
16773 .form-inline
.col-md-9
,
16774 .form-inline .col-md-3 {
16775 margin-bottom: 1rem;
16777 .form-inline
.col-md-9 label
,
16778 .form-inline .col-md-3 label {
16779 margin-left: 1rem; } }
16781 [data-fieldtype
="modgrade"] .form-group
{
16782 padding-bottom: 0.375rem; }
16784 [data-fieldtype
="modgrade"] {
16785 background-color: #fff;
16786 border: 1px solid rgba
(0, 0, 0, 0.125);
16789 max-width: 30rem; }
16791 [data-filetypesbrowserbody
] [aria-expanded
="false"] > [role
="group"],
16792 [data-filetypesbrowserbody
] [aria-expanded
="false"] [data-filetypesbrowserfeature
="hideifcollapsed"],
16793 [data-filetypesbrowserbody
] [aria-expanded
="true"] [data-filetypesbrowserfeature
="hideifexpanded"] {
16796 .form-inline
[data-fieldtype
="autocomplete"],
16797 .form-inline[data-fieldtype="tags"] {
16800 [data-fieldtype
="editor"] > div
{
16803 @media (min-width: 576px) {
16805 margin-left: 1.5rem; }
16806 .mform fieldset.collapsible legend a.fheader {
16807 padding: 0 5px 0 1.5rem;
16808 margin-left: -1.5rem;
16809 background: url
([[pix:t
/expanded
]]) 0 center no-repeat
; }
16810 .mform fieldset.collapsed legend a.fheader {
16812 background-image: url([[pix:t/collapsed_rtl]]);
16815 background-image: url
([[pix:t
/collapsed
]]); }
16816 .mform .form-inline .fdefaultcustom label {
16817 justify-content: initial
; } }
16819 .input-group.form-inset .form-inset-item {
16820 position: absolute
;
16821 padding-top: calc
(0.375rem + 1px);
16824 .input-group.form-inset.form-inset-left .form-control {
16825 padding-left: 1.5rem; }
16827 .input-group.form-inset.form-inset-right .form-control {
16828 padding-right: 1.5rem; }
16830 .input-group.form-inset.form-inset-right .form-inset-item {
16833 .pagelayout-login .card-title h2 img {
16835 max-height: 100px; }
16837 .pagelayout-login #region-main {
16839 background-color: inherit
; }
16845 .path-mod div.activity-information {
16846 border-bottom: 1px solid
#dee2e6;
16847 padding-top: 0.5rem;
16848 padding-bottom: 1rem;
16849 margin-bottom: 0.5rem; }
16851 .path-mod-choice .horizontal .choices .option {
16852 display: inline-block
; }
16854 .path-mod-choice .choices .option label {
16855 vertical-align: top
; }
16857 .path-mod-feedback .feedback_form .col-form-label {
16858 display: block
!important
;
16859 /* stylelint-disable-line declaration-no-important */ }
16861 .path-mod-feedback .itemactions {
16864 .path-mod-feedback .itemhandle {
16865 position: absolute
;
16868 .path-mod-forum
.forumsearch input
,
16869 .path-mod-forum .forumsearch .helptooltip {
16872 .path-mod-forum
.forumheaderlist
,
16873 .path-mod-forum .forumheaderlist td {
16876 .path-mod-forum
.forumheaderlist thead
.header
,
16877 .path-mod-forum .forumheaderlist tbody .discussion td {
16878 white-space: normal
;
16879 vertical-align: top
;
16880 padding-left: 0.5em;
16881 padding-right: 0.5em; }
16883 .path-mod-forum .forumheaderlist thead .header {
16884 white-space: normal
;
16885 vertical-align: top
; }
16887 .path-mod-forum .forumheaderlist thead .header.replies {
16888 text-align: center
; }
16890 .path-mod-forum .forumheaderlist thead .header.lastpost {
16891 text-align: right
; }
16893 .path-mod-forum
.forumheaderlist thead
.header th
.discussionsubscription
,
16894 .path-mod-forum .forumheaderlist tbody .discussion td.discussionsubscription {
16896 padding-left: 0.5em;
16897 padding-right: 0.5em; }
16899 .path-mod-forum
.forumheaderlist
.discussion
.replies
,
16900 .path-mod-forum .forumheaderlist .discussion .lastpost {
16901 white-space: normal
; }
16903 .path-mod-forum
.forumheaderlist
.discussion
.discussionsubscription
,
16904 .path-mod-forum .forumheaderlist .discussion .replies {
16905 text-align: center
; }
16907 .path-mod-forum
.forumheaderlist
.discussion
.topic
,
16908 .path-mod-forum
.forumheaderlist
.discussion
.discussionsubscription
,
16909 .path-mod-forum
.forumheaderlist
.discussion
.topic
.starter
,
16910 .path-mod-forum
.forumheaderlist
.discussion
.replies
,
16911 .path-mod-forum .forumheaderlist .discussion .lastpost {
16912 vertical-align: top
; }
16914 .path-mod-forum .discussion-list .topic {
16915 font-weight: inherit
; }
16917 .path-mod-forum .subscriptionmode {
16920 .path-mod-forum .activesetting {
16922 font-weight: bold
; }
16924 .discussion-settings-container .custom-select {
16927 .discussion-settings-container input {
16931 border: 1px solid
#dee2e6;
16934 .forumpost .header {
16935 margin-bottom: 3px; }
16936 .forumpost .picture img {
16938 .forumpost .picture img.userpicture {
16940 margin-right: 10px; }
16941 .forumpost .content .posting.fullpost {
16945 .forumpost
.row
.topic
,
16946 .forumpost
.row
.content-mask
,
16947 .forumpost .row .options {
16948 margin-left: 48px; }
16949 .forumpost .row.side {
16952 .forumpost .row .left {
16955 .forumpost .options .commands {
16958 .forumpost .subject {
16959 font-weight: bold
; }
16961 .forumsearch input[type=text] {
16962 margin-bottom: 0; }
16964 #page-mod-forum-view table
.fit-content
{
16966 white-space: nowrap
; }
16968 #page-mod-forum-view table
.limit-width
{
16970 white-space: nowrap
;
16971 text-overflow: ellipsis
;
16972 overflow: hidden
; }
16973 #page-mod-forum-view table
.limit-width
.author-info
{
16974 max-width: calc
(100% - 35px - .5rem); }
16976 #page-mod-forum-discuss .discussioncontrols
{
16979 #page-mod-forum-discuss .discussioncontrols
.form-inline input
{
16980 margin-top: -1px; }
16982 /** Gently highlight the selected post by changing it's background to blue and then fading it out. */
16983 @keyframes background-highlight
{
16985 background-color: rgba
(0, 123, 255, 0.5); }
16987 background-color: inherit
; } }
16989 .path-mod-forum
.nested-v2-display-mode
,
16990 .path-mod-forum.nested-v2-display-mode {
16991 /** Reset the badge styling back to pill style. */
16992 /** Style the ratings like a badge. */
16993 /** Don't show the discussion locked alert in this mode because it's already indicated with a badge. */
16994 /** Fix muted text contrast ratios for accessibility. */
16995 /** Make the tag list text screen reader visible only */ }
16996 .path-mod-forum
.nested-v2-display-mode
.discussionsubscription
,
16997 .path-mod-forum.nested-v2-display-mode .discussionsubscription {
16999 text-align: inherit
;
17000 margin-bottom: 0; }
17001 .path-mod-forum
.nested-v2-display-mode
.preload-subscribe
,
17002 .path-mod-forum
.nested-v2-display-mode
.preload-unsubscribe
,
17003 .path-mod-forum
.nested-v2-display-mode
.preload-subscribe
,
17004 .path-mod-forum.nested-v2-display-mode .preload-unsubscribe {
17006 .path-mod-forum
.nested-v2-display-mode
.post-message
,
17007 .path-mod-forum.nested-v2-display-mode .post-message {
17008 line-height: 1.6; }
17009 .path-mod-forum
.nested-v2-display-mode
.indent
,
17010 .path-mod-forum.nested-v2-display-mode .indent {
17012 .path-mod-forum
.nested-v2-display-mode
.badge
,
17013 .path-mod-forum.nested-v2-display-mode .badge {
17014 font-size: inherit
;
17015 font-weight: inherit
;
17016 padding-left: .5rem;
17017 padding-right: .5rem;
17018 border-radius: 10rem; }
17019 .path-mod-forum
.nested-v2-display-mode
.badge-light
,
17020 .path-mod-forum.nested-v2-display-mode .badge-light {
17021 background-color: #f6f6f6;
17023 .path-mod-forum
.nested-v2-display-mode
.rating-aggregate-container
,
17024 .path-mod-forum.nested-v2-display-mode .rating-aggregate-container {
17025 background-color: #f6f6f6;
17027 padding: .25em .5em;
17029 margin-right: .5rem;
17030 vertical-align: middle
;
17031 border-radius: 10rem;
17032 text-align: center
; }
17033 .path-mod-forum
.nested-v2-display-mode
.ratinginput
,
17034 .path-mod-forum.nested-v2-display-mode .ratinginput {
17035 padding: .25em 1.75rem 0.25em .75em;
17038 border-radius: 10rem; }
17039 @media
(max-width: 767.98px) {
17040 .path-mod-forum
.nested-v2-display-mode
.ratinginput
,
17041 .path-mod-forum.nested-v2-display-mode .ratinginput {
17042 margin-top: .5rem; } }
17043 .path-mod-forum
.nested-v2-display-mode
.group-image
,
17044 .path-mod-forum.nested-v2-display-mode .group-image {
17049 display: inline-block
; }
17050 .path-mod-forum
.nested-v2-display-mode
.alert
.discussionlocked
,
17051 .path-mod-forum.nested-v2-display-mode .alert.discussionlocked {
17052 position: absolute
;
17058 clip: rect
(0, 0, 0, 0);
17059 white-space: nowrap
;
17061 .path-mod-forum
.nested-v2-display-mode
.text-muted
,
17062 .path-mod-forum
.nested-v2-display-mode
.dimmed_text
,
17063 .path-mod-forum
.nested-v2-display-mode
.text-muted
,
17064 .path-mod-forum.nested-v2-display-mode .dimmed_text {
17065 color: #707070 !important
;
17066 /* stylelint-disable-line declaration-no-important */ }
17067 .path-mod-forum
.nested-v2-display-mode
.author-header
,
17068 .path-mod-forum.nested-v2-display-mode .author-header {
17069 font-style: italic
; }
17070 .path-mod-forum
.nested-v2-display-mode
.author-header
.author-name
,
17071 .path-mod-forum.nested-v2-display-mode .author-header .author-name {
17072 font-style: normal
; }
17073 .path-mod-forum
.nested-v2-display-mode
.tag_list
> b
,
17074 .path-mod-forum.nested-v2-display-mode .tag_list > b {
17075 position: absolute
;
17081 clip: rect
(0, 0, 0, 0);
17082 white-space: nowrap
;
17084 .path-mod-forum
.nested-v2-display-mode :target
> .focus-target
,
17085 .path-mod-forum.nested-v2-display-mode :target > .focus-target {
17086 animation-name: background-highlight
;
17087 animation-duration: 1s;
17088 animation-timing-function: ease-in-out
;
17089 animation-iteration-count: 1; }
17090 .path-mod-forum
.nested-v2-display-mode
.forum-post-container
.replies-container
.forum-post-container
,
17091 .path-mod-forum.nested-v2-display-mode .forum-post-container .replies-container .forum-post-container {
17092 border-top: 1px solid
#dee2e6;
17093 padding-top: 1.5rem; }
17094 .path-mod-forum
.nested-v2-display-mode
.forum-post-container
.replies-container
.forum-post-container
.replies-container
.forum-post-container
,
17095 .path-mod-forum.nested-v2-display-mode .forum-post-container .replies-container .forum-post-container .replies-container .forum-post-container {
17098 .path-mod-forum
.nested-v2-display-mode
.forum-post-container
.replies-container
.inline-reply-container
.reply-author
,
17099 .path-mod-forum.nested-v2-display-mode .forum-post-container .replies-container .inline-reply-container .reply-author {
17101 .path-mod-forum
.nested-v2-display-mode
.forum-post-container
.post-message
p:last-of-type
,
17102 .path-mod-forum.nested-v2-display-mode .forum-post-container .post-message p:last-of-type {
17103 margin-bottom: 0; }
17104 .path-mod-forum
.nested-v2-display-mode
.forum-post-container
.author-image-container
,
17105 .path-mod-forum.nested-v2-display-mode .forum-post-container .author-image-container {
17107 margin-right: 24px;
17109 .path-mod-forum
.nested-v2-display-mode
.forum-post-container
.inline-reply-container textarea
,
17110 .path-mod-forum.nested-v2-display-mode .forum-post-container .inline-reply-container textarea {
17113 .path-mod-forum
.nested-v2-display-mode
.forum-post-container
.indent
,
17114 .path-mod-forum.nested-v2-display-mode .forum-post-container .indent {
17116 * The first post and first set of replies have a larger author image so offset the 2nd
17117 * set of replies by the image width + margin to ensure they align.
17119 .path-mod-forum
.nested-v2-display-mode
.forum-post-container
.indent
.indent
,
17120 .path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent {
17121 padding-left: 94px;
17123 * Reduce the size of the the author image for all second level replies (and below).
17126 * Adjust the indentation offset for all 3rd level replies and below for the smaller author image.
17128 .path-mod-forum
.nested-v2-display-mode
.forum-post-container
.indent
.indent
.author-image-container
,
17129 .path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent .author-image-container {
17132 padding-top: 3px; }
17133 .path-mod-forum
.nested-v2-display-mode
.forum-post-container
.indent
.indent
.indent
,
17134 .path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent .indent {
17135 padding-left: 38px;
17137 * Stop indenting the replies after the 5th reply.
17139 .path-mod-forum
.nested-v2-display-mode
.forum-post-container
.indent
.indent
.indent
.indent
.indent
.indent
,
17140 .path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent .indent .indent .indent .indent {
17143 /** Extra small devices (portrait phones, less than 576px). */
17144 @media (max-width: 767.98px) {
17145 #page-mod-forum-discuss.nested-v2-display-mode
.forum-post-container
.author-image-container
{
17147 margin-right: 8px; }
17148 #page-mod-forum-discuss.nested-v2-display-mode
.forum-post-container
.indent
.indent
{
17149 padding-left: 38px; }
17150 #page-mod-forum-discuss.nested-v2-display-mode
.forum-post-container
.indent
.indent
.indent
.indent
{
17152 #page-mod-forum-discuss.nested-v2-display-mode
.group-image
{
17156 .filter-scrollable {
17159 margin-bottom: 1em; }
17161 .filter-dates-popover {
17163 max-width: 41.5em; }
17164 .filter-dates-popover .mform {
17165 margin-left: -3em; }
17167 /* stylelint-disable-line max-line-length */
17168 @keyframes expandSearchButton
{
17172 border-radius: 18px;
17173 background-color: #e9ecef; }
17176 height: calc
(1.5em + 1rem + 2px);
17178 background-color: #fff;
17179 border-color: #8f959e;
17180 padding-left: calc
(0.5rem + 8px);
17181 padding-top: 0.5rem;
17182 padding-bottom: 0.5rem;
17183 font-size: 1.171875rem;
17184 @media
(max-width: 1200px) {
17185 font-size: calc
(0.9271875rem + 0.32625vw) ; }
17189 @keyframes collapseSearchButton
{
17192 height: calc
(1.5em + 1rem + 2px);
17194 background-color: #fff;
17195 border-color: #8f959e;
17196 padding-left: calc
(0.5rem + 8px);
17197 padding-top: 0.5rem;
17198 padding-bottom: 0.5rem;
17199 font-size: 1.171875rem;
17200 @media
(max-width: 1200px) {
17201 font-size: calc
(0.9271875rem + 0.32625vw) ; }
17207 border-radius: 18px;
17208 background-color: #e9ecef; } }
17210 .path-mod-forum .unified-grader .navbar {
17214 .path-mod-forum .unified-grader .body-container {
17216 .path-mod-forum .unified-grader .body-container.hidden {
17217 display: none
!important
;
17218 /* stylelint-disable-line declaration-no-important */ }
17220 .path-mod-forum .unified-grader .userpicture {
17224 .path-mod-forum .unified-grader .grader-grading-panel {
17226 position: absolute
;
17230 .path-mod-forum .unified-grader .grader-grading-panel.hidden {
17232 .path-mod-forum .unified-grader .grader-grading-panel .grading-icon {
17234 .path-mod-forum .unified-grader .grader-grading-panel .user-picker-container .user-full-name {
17235 max-width: 240px; }
17236 .path-mod-forum .unified-grader .grader-grading-panel .user-picker-container .page-link {
17240 text-align: center
;
17241 align-items: center
;
17242 justify-content: center
; }
17243 .path-mod-forum .unified-grader .grader-grading-panel .header-container {
17245 position: relative
;
17246 overflow: hidden
; }
17247 .path-mod-forum .unified-grader .grader-grading-panel .header-container .info-container {
17248 position: absolute
;
17251 transform: translateY
(-50%);
17255 padding-right: calc
(36px + 0.5rem);
17257 visibility: visible
;
17258 transition: left
0.3s ease-in-out
;
17260 .path-mod-forum .unified-grader .grader-grading-panel .header-container .toggle-search-button.expand {
17261 animation-name: expandSearchButton
;
17262 animation-duration: 0.3s;
17263 animation-timing-function: ease-in-out
; }
17264 .path-mod-forum .unified-grader .grader-grading-panel .header-container .toggle-search-button.collapse {
17266 animation-name: collapseSearchButton
;
17267 animation-duration: 0.3s; }
17268 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container {
17270 position: absolute
;
17273 transform: translateY
(-50%);
17276 height: 100% !important
;
17277 /* stylelint-disable-line declaration-no-important */
17279 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container {
17280 position: relative
;
17282 flex-wrap: nowrap
; }
17283 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container input {
17284 padding-left: calc
(0.5rem + 0.5rem + 34px);
17285 padding-right: calc
(0.5rem + 36px);
17287 visibility: visible
;
17288 transition: opacity
0s linear
0.3s, visibility
0s linear
; }
17289 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .search-icon {
17290 position: absolute
;
17293 transform: translateY
(-50%);
17297 background-color: #fff;
17299 visibility: visible
;
17300 transition: opacity
0s linear
0.3s, visibility
0s linear
0.3s; }
17301 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .toggle-search-button {
17302 position: absolute
;
17305 transform: translateY
(-50%);
17310 transition: right
0s linear
0.3s; }
17311 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .toggle-search-button .expanded-icon {
17313 visibility: visible
;
17316 transition: opacity
0s linear
0.3s, max-height
0s linear
0.3s, max-width
0s linear
0.3s, visibility
0s linear
0.3s; }
17317 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .toggle-search-button .collapsed-icon {
17319 visibility: hidden
;
17323 transition: opacity
0s linear
0.3s, max-height
0s linear
0.3s, max-width
0s linear
0.3s, visibility
0s linear
0.3s; }
17324 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed {
17325 width: calc
(36px + 0.5rem + 0.5rem);
17326 transition: width
0.3s ease-in-out
; }
17327 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container {
17328 flex-wrap: nowrap
; }
17329 .path-mod-forum
.unified-grader
.grader-grading-panel
.header-container
.user-search-container
.collapsed
.search-input-container input
,
17330 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container .search-icon {
17332 visibility: hidden
;
17333 transition: opacity
0s linear
, visibility
0s linear
; }
17334 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container input {
17336 padding-right: 0; }
17337 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container .toggle-search-button .expanded-icon {
17339 visibility: hidden
;
17343 transition: opacity
0s linear
, max-height
0s linear
, max-width
0s linear
, visibility
0s linear
; }
17344 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container .toggle-search-button .collapsed-icon {
17346 visibility: visible
;
17349 transition: opacity
0s linear
, max-height
0s linear
, max-width
0s linear
, visibility
0s linear
; }
17350 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container:not(.collapsed) + .info-container {
17352 visibility: hidden
;
17353 left: calc
(100% * -1);
17354 transition: left
0.3s ease-in-out
, opacity
0s linear
0.3s, visibility
0s linear
0.3s, padding
0s linear
0.3s; }
17356 .path-mod-forum .unified-grader .grader-module-content {
17358 margin-right: 430px;
17359 transition: margin-right
0.2s ease-in-out
; }
17360 @media
(prefers-reduced-motion: reduce
) {
17361 .path-mod-forum .unified-grader .grader-module-content {
17362 transition: none
; } }
17364 .path-mod-forum .unified-grader .drawer-button {
17365 position: relative
; }
17366 .path-mod-forum .unified-grader .drawer-button.active::after {
17368 position: absolute
;
17369 bottom: calc
(-0.5rem - 1px);
17373 background-color: #0f6cbf; }
17374 .path-mod-forum .unified-grader .drawer-button .icon {
17379 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container:last-of-type > hr {
17382 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container:last-of-type > hr {
17385 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container {
17386 position: relative
; }
17387 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button {
17388 position: absolute
;
17393 padding-left: calc
(1rem + 45px);
17396 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button:not(.collapsed) {
17398 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content {
17400 height: auto
!important
;
17401 /* stylelint-disable-line declaration-no-important */ }
17402 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .header {
17403 transition: margin-bottom
0.3s ease-in-out
; }
17404 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .header div + div {
17406 visibility: visible
;
17408 transition: opacity
0.3s linear
, visibility
0s linear
; }
17409 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .body-content-container {
17411 visibility: visible
;
17413 transition: opacity
0.3s linear
, visibility
0s linear
; }
17414 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .forum-post-core {
17416 visibility: visible
;
17418 transition: opacity
0.3s linear
, visibility
0s linear
; }
17419 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content {
17421 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .header {
17422 margin-bottom: 0 !important
;
17423 /* stylelint-disable-line declaration-no-important */ }
17424 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .header div + div {
17426 visibility: hidden
;
17428 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .body-content-container {
17430 visibility: hidden
;
17432 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .forum-post-core {
17434 visibility: hidden
;
17436 .path-mod-forum
.unified-grader
.grader-module-content-display
.discussion-container
.posts-container
.parent-container
.show-content-button
.collapsed:hover
+ .content
,
17437 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed:focus + .content {
17440 .path-mod-forum .unified-grader .grader-module-content-display .no-post-container .icon {
17445 .path-mod-forum .unified-grader .grader-module-content-display .nested-v2-display-mode .discussion-container .posts-container .parent-container .show-content-button {
17446 padding-left: 94px; }
17448 .path-mod-forum .unified-grader .no-search-results-container .icon {
17453 .path-mod-forum .unified-grader .nested-v2-display-mode .view-context-button {
17455 border-radius: 0.3rem; }
17457 .path-mod-forum .unified-grader .nested-v2-display-mode .parent-container .author-image-container {
17458 position: relative
; }
17459 .path-mod-forum .unified-grader .nested-v2-display-mode .parent-container .author-image-container:after {
17460 position: absolute
;
17461 top: calc
(70px + 0.5rem);
17463 background-color: #e9ecef;
17465 height: calc
(100% - 70px + 0.5rem); }
17467 .path-mod-forum .unified-grader .nested-v2-display-mode .parent-container + .post-container .author-image-container img {
17468 width: 30px !important
;
17469 /* stylelint-disable-line declaration-no-important */ }
17471 .path-mod-forum
.unified-grader
.nested-v2-display-mode
.post-subject
,
17472 .path-mod-forum .modal .nested-v2-display-mode .post-subject {
17475 @media (max-width: 575.98px) {
17476 .path-mod-forum .unified-grader .grader-grading-panel {
17479 height: calc
(100vh - 50px);
17482 .path-mod-forum .unified-grader .body-container {
17483 overflow: visible
; } }
17485 .maincalendar
.calendarmonth td
,
17486 .maincalendar .calendarmonth th {
17487 border: 1px dotted
#dee2e6; }
17489 .path-grade-report-grader h1 {
17490 text-align: inherit
; }
17492 #page-mod-chat-gui_basic input#message
{
17495 #page-mod-data-view #singleimage
{
17498 .path-mod-data form {
17499 margin-top: 10px; }
17501 .template_heading {
17502 margin-top: 10px; }
17504 .breadcrumb-button {
17507 .breadcrumb-button .singlebutton {
17509 margin-left: 4px; }
17515 -ms-touch-action: auto
; }
17520 /** General styles (scope: all of lesson) **/
17521 .path-mod-lesson .invisiblefieldset.fieldsetfix {
17524 .path-mod-lesson .answeroption .checkbox label p {
17527 .path-mod-lesson .form-inline label.form-check-label {
17528 display: inline-block
; }
17530 .path-mod-lesson .slideshow {
17534 #page-mod-lesson-view .branchbuttoncontainer
.singlebutton button
[type
="submit"] {
17535 white-space: normal
; }
17537 #page-mod-lesson-view .vertical
.singlebutton
{
17539 #page-mod-lesson-view .vertical
.singlebutton
+ .singlebutton
{
17541 margin-top: 1rem; }
17543 #page-mod-lesson-view .fitem
.felement
.custom-select
{
17544 align-self: flex-start
; }
17546 .path-mod-lesson .generaltable td {
17547 vertical-align: middle
; }
17548 .path-mod-lesson .generaltable td label {
17549 margin-bottom: 0; }
17550 .path-mod-lesson .generaltable td .highlight {
17551 display: inline-block
;
17552 margin-left: 0.25rem; }
17553 .path-mod-lesson .generaltable td input[type="checkbox"] {
17556 .path-mod-wiki
.wiki_headingtitle
,
17557 .path-mod-wiki
.midpad
,
17558 .path-mod-wiki .wiki_headingtime {
17559 text-align: inherit
; }
17561 .path-mod-wiki .wiki_contentbox {
17564 .path-mod-survey .surveytable > tbody > tr:nth-of-type(even) {
17565 background-color: rgba
(0, 0, 0, 0.03); }
17567 .path-mod-survey .surveytable .rblock label {
17568 text-align: center
; }
17571 margin-left: 4px; }
17578 line-height: 2.25rem; }
17580 .userloggedinas
.usermenu
.usertext
,
17581 .userswitchedrole
.usermenu
.usertext
,
17582 .loginfailures .usermenu .usertext {
17585 margin-right: 0.5rem;
17587 .userloggedinas
.usermenu
.usertext
.meta
,
17588 .userswitchedrole
.usermenu
.usertext
.meta
,
17589 .loginfailures .usermenu .usertext .meta {
17591 font-size: 0.8203125rem; }
17593 .userloggedinas
.usermenu
.avatar img
,
17594 .userswitchedrole
.usermenu
.avatar img
,
17595 .loginfailures .usermenu .avatar img {
17598 .userloggedinas .usermenu .userbutton .avatars {
17599 position: relative
;
17600 display: inline-block
; }
17601 .userloggedinas .usermenu .userbutton .avatars .avatar.current {
17602 display: inline-block
;
17603 position: absolute
;
17608 border-radius: 50%; }
17609 .userloggedinas .usermenu .userbutton .avatars .avatar.current img {
17610 vertical-align: baseline
; }
17611 .userloggedinas .usermenu .userbutton .avatars .avatar img {
17614 .userloggedinas .usermenu .userbutton .avatars .realuser {
17617 display: inline-block
; }
17619 @media (max-width: 767.98px) {
17623 .path-mod-quiz .mod-quiz-edit-content {
17624 margin-bottom: 10rem; }
17626 #page-mod-quiz-mod #id_reviewoptionshdr
.col-md-3
,
17627 #page-mod-quiz-mod #id_reviewoptionshdr
.col-md-9
{
17631 #page-mod-quiz-mod #id_reviewoptionshdr
.form-group
{
17634 display: inline-block
;
17635 min-height: 12rem; }
17637 #page-mod-quiz-mod #id_reviewoptionshdr
.btn-link
{
17639 vertical-align: bottom
; }
17641 #page-mod-quiz-mod #id_reviewoptionshdr
.form-inline
{
17645 #page-mod-quiz-mod #id_reviewoptionshdr
.form-check
{
17648 justify-content: flex-start
; }
17650 #page-mod-quiz-mod #id_reviewoptionshdr
.review_option_item
{
17654 .path-mod-quiz #mod_quiz_navblock .qnbutton {
17655 text-decoration: none
;
17658 font-weight: normal
;
17659 background-color: #fff;
17660 background-image: none
;
17663 border-radius: 3px;
17666 margin: 0 6px 6px 0; }
17668 .path-mod-quiz #mod_quiz_navblock span.qnbutton {
17670 background-color: #e9ecef;
17673 .path-mod-quiz #mod_quiz_navblock a
.qnbutton:hover
,
17674 .path-mod-quiz #mod_quiz_navblock a
.qnbutton:active
,
17675 .path-mod-quiz #mod_quiz_navblock a.qnbutton:focus {
17676 text-decoration: underline
; }
17678 .path-mod-quiz #mod_quiz_navblock .qnbutton .thispageholder {
17680 border-radius: 3px;
17683 .path-mod-quiz #mod_quiz_navblock .qnbutton.thispage .thispageholder {
17684 border-width: 3px; }
17686 .path-mod-quiz #mod_quiz_navblock .allquestionsononepage .qnbutton.thispage .thispageholder {
17687 border-width: 1px; }
17689 .path-mod-quiz #mod_quiz_navblock .qnbutton.flagged .thispageholder {
17690 background: transparent url
([[pix:theme|mod
/quiz
/flag-on
]]) 15px 0 no-repeat
; }
17692 .path-mod-quiz #mod_quiz_navblock .qnbutton .trafficlight {
17694 background: #fff none center
/10px no-repeat scroll
;
17697 border-radius: 0 0 3px 3px; }
17699 .path-mod-quiz #mod_quiz_navblock
.qnbutton
.notyetanswered
.trafficlight
,
17700 .path-mod-quiz #mod_quiz_navblock .qnbutton.invalidanswer .trafficlight {
17701 background-color: #fff; }
17703 .path-mod-quiz #mod_quiz_navblock .qnbutton.invalidanswer .trafficlight {
17704 background-image: url
([[pix:theme|mod
/quiz
/warningtriangle
]]); }
17706 .path-mod-quiz #mod_quiz_navblock .qnbutton.correct .trafficlight {
17707 background-image: url
([[pix:theme|mod
/quiz
/checkmark
]]);
17708 background-color: #357a32; }
17710 .path-mod-quiz #mod_quiz_navblock .qnbutton.blocked .trafficlight {
17711 background-image: url
([[pix:core|t
/locked
]]);
17712 background-color: #e9ecef; }
17714 .path-mod-quiz #mod_quiz_navblock
.qnbutton
.notanswered
.trafficlight
,
17715 .path-mod-quiz #mod_quiz_navblock .qnbutton.incorrect .trafficlight {
17716 background-color: #ca3120; }
17718 .path-mod-quiz #mod_quiz_navblock .qnbutton.partiallycorrect .trafficlight {
17719 background-image: url
([[pix:theme|mod
/quiz
/whitecircle
]]);
17720 background-color: #f0ad4e; }
17722 .path-mod-quiz #mod_quiz_navblock
.qnbutton
.complete
.trafficlight
,
17723 .path-mod-quiz #mod_quiz_navblock
.qnbutton
.answersaved
.trafficlight
,
17724 .path-mod-quiz #mod_quiz_navblock .qnbutton.requiresgrading .trafficlight {
17725 background-color: #6a737b; }
17727 #page-mod-quiz-edit ul
.slots li
.section li
.activity
.instancemaxmarkcontainer form input
{
17729 vertical-align: middle
; }
17731 #page-mod-quiz-edit ul
.slots li
.section li
.activity
.instancemaxmarkcontainer
{
17735 /* Countdown timer. */
17736 #page-mod-quiz-attempt #region-main
{
17737 overflow-x: inherit
; }
17739 #quiz-timer-wrapper {
17742 justify-content: end
;
17745 #quiz-timer-wrapper #quiz-timer
{
17746 border: 1px solid
#ca3120;
17747 background-color: #fff; }
17749 .pagelayout-embedded #quiz-timer-wrapper {
17752 #quiz-timer-wrapper #quiz-timer
.timeleft0
{
17753 background-color: #ca3120;
17756 #quiz-timer-wrapper #quiz-timer
.timeleft1
{
17757 background-color: #d73422;
17760 #quiz-timer-wrapper #quiz-timer
.timeleft2
{
17761 background-color: #dd3d2b;
17764 #quiz-timer-wrapper #quiz-timer
.timeleft3
{
17765 background-color: #e04938;
17768 #quiz-timer-wrapper #quiz-timer
.timeleft4
{
17769 background-color: #e25546;
17772 #quiz-timer-wrapper #quiz-timer
.timeleft5
{
17773 background-color: #e46153;
17776 #quiz-timer-wrapper #quiz-timer
.timeleft6
{
17777 background-color: #e66d60;
17780 #quiz-timer-wrapper #quiz-timer
.timeleft7
{
17781 background-color: #e8796d;
17784 #quiz-timer-wrapper #quiz-timer
.timeleft8
{
17785 background-color: #ea867a;
17788 #quiz-timer-wrapper #quiz-timer
.timeleft9
{
17789 background-color: #ec9288;
17792 #quiz-timer-wrapper #quiz-timer
.timeleft10
{
17793 background-color: #ee9e95;
17796 #quiz-timer-wrapper #quiz-timer
.timeleft11
{
17797 background-color: #f0aaa2;
17800 #quiz-timer-wrapper #quiz-timer
.timeleft12
{
17801 background-color: #f2b6af;
17804 #quiz-timer-wrapper #quiz-timer
.timeleft13
{
17805 background-color: #f4c2bc;
17808 #quiz-timer-wrapper #quiz-timer
.timeleft14
{
17809 background-color: #f7ceca;
17812 #quiz-timer-wrapper #quiz-timer
.timeleft15
{
17813 background-color: #f9dad7;
17816 #quiz-timer-wrapper #quiz-timer
.timeleft16
{
17817 background-color: #fbe6e4;
17820 .path-mod-assign [data-region="grade-actions-panel"] [data-region="grade-actions"] .collapse-buttons {
17823 .path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fcontainer .fitem.popout .felement {
17824 height: calc
(100% - 4rem); }
17826 .path-mod-assign [data-region="grade-panel"] {
17827 padding-top: 1rem; }
17829 .path-mod-assign
[data-region
="grade-panel"] .fitem
> .col-md-3
,
17830 .path-mod-assign [data-region="grade-panel"] .fitem > .col-md-9 {
17836 .path-mod-assign
[data-region
="grade-panel"] fieldset
,
17837 .path-mod-assign [data-region="grade-panel"] .fitem.row {
17840 .path-mod-assign [data-region="grade-panel"] .mform .fitem.has-popout .felement {
17843 .path-mod-assign [data-region="grade-panel"] .mform .fitem .felement {
17846 .path-mod-assign [data-region="grade-panel"] .popout {
17847 background-color: #fff; }
17849 .path-mod-assign [data-region="grade-panel"] .fitem.has-popout {
17850 background-color: #fff;
17851 border: 1px solid rgba
(0, 0, 0, 0.125);
17853 margin-bottom: 1rem; }
17855 .path-mod-assign [data-region="grade-panel"] .has-popout .col-md-3 {
17856 border-bottom: 1px solid rgba
(0, 0, 0, 0.1);
17857 margin-bottom: 1rem; }
17859 .path-mod-assign [data-region="grade-panel"] .popout > .col-md-3 {
17861 align-items: flex-start
;
17862 justify-content: space-between
;
17863 font-size: 1.40625rem; }
17865 .path-mod-assign [data-region="grade-panel"] .popout [data-region="popout-button"] {
17868 .path-mod-assign [data-region="assignment-info"] {
17869 overflow-y: hidden
; }
17871 .path-mod-assign [data-region="grading-navigation"] {
17874 .path-mod-assign [data-region="grade-actions"] {
17877 .path-mod-assign [data-region="user-info"] .img-rounded {
17880 .path-mod-assign [data-region="grading-navigation-panel"] {
17883 @media (max-width: 767px) {
17884 .path-mod-assign [data-region="grading-navigation-panel"] {
17886 .path-mod-assign [data-region="user-info"] {
17887 margin-top: 1rem; } }
17889 .path-mod-assign [data-region="grading-navigation"] [data-region="input-field"] input {
17891 display: inline-block
; }
17896 .assignfeedback_editpdf_widget * {
17897 box-sizing: content-box
; }
17899 .assignfeedback_editpdf_widget button {
17900 box-sizing: border-box
; }
17902 .assignfeedback_editpdf_widget .commentcolourbutton img {
17905 .assignfeedback_editpdf_widget .label {
17906 position: relative
;
17907 padding: 0.75rem 1.25rem;
17908 margin-bottom: 1rem;
17909 border: 0 solid transparent
;
17911 background-color: #cce6ea;
17912 border-color: #b8dce2;
17913 /* stylelint-disable-line max-line-length */ }
17914 .assignfeedback_editpdf_widget .label hr {
17915 border-top-color: #a6d3db; }
17916 .assignfeedback_editpdf_widget .label .alert-link {
17919 .assignfeedback_editpdf_menu {
17922 .path-mod-assign [data-region="grade-panel"] .gradingform_guide .remark .commentchooser {
17925 .path-mod-assign [data-region="grade-panel"] .gradingform_guide .markingguideremark {
17928 .path-mod-assign [data-region="grade-panel"] .mform .fitem .felement[data-fieldtype="grading"] {
17929 padding-left: 1rem;
17930 padding-right: 1rem; }
17932 .path-mod-assign
[data-region
="grade-panel"] .showmarkerdesc
,
17933 .path-mod-assign [data-region="grade-panel"] .showstudentdesc {
17934 background-color: #fff; }
17939 .path-admin-mod-lti
.btn
.loader img
,
17940 .path-admin-mod-lti #tool-list-loader-container .loader img {
17943 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax {
17944 background-color: #fff; }
17945 .yui-skin-sam
.yui-layout
.path-mod-chat-gui_ajax
.yui-layout-unit div
.yui-layout-bd-nohd
,
17946 .yui-skin-sam
.yui-layout
.path-mod-chat-gui_ajax
.yui-layout-unit div
.yui-layout-bd-noft
,
17947 .yui-skin-sam
.yui-layout
.path-mod-chat-gui_ajax
.yui-layout-unit div
.yui-layout-bd
,
17948 .yui-skin-sam
.yui-layout
.path-mod-chat-gui_ajax
.yui-layout-unit-right
,
17949 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-bottom {
17951 .yui-skin-sam
.yui-layout
.path-mod-chat-gui_ajax
.yui-layout-unit-right
,
17952 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-bottom {
17953 border-radius: 0; }
17954 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd {
17955 background-color: transparent
; }
17956 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit.yui-layout-unit-center div.yui-layout-bd {
17957 background-color: #f8f9fa; }
17958 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area.py-3 {
17959 padding: 0 !important
;
17960 /* stylelint-disable-line declaration-no-important */ }
17961 .yui-skin-sam
.yui-layout
.path-mod-chat-gui_ajax #chat-input-area table
.generaltable
,
17962 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.generaltable td.cell {
17965 white-space: nowrap
;
17966 margin-bottom: 0; }
17967 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist {
17968 padding: 10px 5px; }
17969 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list {
17970 border-top: 1px solid
#dee2e6;
17971 border-bottom: 1px solid
#fff; }
17972 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list li {
17973 border-top: 1px solid
#fff;
17974 border-bottom: 1px solid
#dee2e6;
17975 padding: 5px 10px; }
17976 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list img {
17978 border: 1px solid
#ccc;
17979 border-radius: 4px;
17981 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages {
17982 margin: 20px 25px; }
17983 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-event.course-theme {
17984 text-align: center
;
17986 font-size: 0.8203125rem;
17988 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme {
17989 margin-bottom: 0.75rem;
17990 border: 1px solid rgba
(0, 0, 0, 0.125);
17991 padding: 1.25rem; }
17992 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme .time {
17996 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme {
17997 background-color: #fff; }
17998 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme .user {
17999 font-weight: bold
; }
18002 #page-report-participation-index .participationselectform div label
{
18003 display: inline-block
;
18006 #page-report-participation-index .participationselectform div label
[for
=menuinstanceid
] {
18009 .path-backup .mform {
18010 /* These are long labels with checkboxes on the right. */ }
18011 .path-backup .mform .grouped_settings {
18014 /* Use card styles but avoid extend because that brings in too much. */ }
18015 .path-backup .mform .grouped_settings.section_level {
18016 background-color: #fff;
18017 border: 1px solid rgba
(0, 0, 0, 0.125);
18019 margin-bottom: 1.25rem; }
18020 .path-backup .mform .grouped_settings.section_level::after {
18024 .path-backup .mform .include_setting {
18026 display: inline-block
;
18029 .path-backup .mform .normal_setting {
18031 display: inline-block
;
18036 /* Bold section labels */ }
18037 .path-backup .section_level {
18038 font-weight: bold
; }
18039 .path-backup .section_level .activity_level {
18040 font-weight: normal
; }
18041 .path-backup .proceedbutton {
18042 margin-left: auto
; }
18044 /* Override the columns width to leave more room for the labels. */
18045 .path-backup
.mform
.root_setting
,
18046 .path-backup .mform .grouped_settings {
18047 /* Striped rows like a table */ }
18048 .path-backup
.mform
.root_setting:nth-of-type
(odd
),
18049 .path-backup .mform .grouped_settings:nth-of-type(odd) {
18050 background-color: rgba
(0, 0, 0, 0.03); }
18051 .path-backup
.mform
.root_setting:nth-of-type
(even
),
18052 .path-backup .mform .grouped_settings:nth-of-type(even) {
18053 background-color: #fff; }
18054 .path-backup
.mform
.root_setting
.form-group
,
18055 .path-backup .mform .grouped_settings .form-group {
18056 /* These checkboxes with no label on the left. */ }
18057 .path-backup
.mform
.root_setting
.form-group
.col-md-3
.checkbox
,
18058 .path-backup .mform .grouped_settings .form-group .col-md-3.checkbox {
18060 .path-backup
.mform
.root_setting
.form-group
.col-md-9
.checkbox
,
18061 .path-backup .mform .grouped_settings .form-group .col-md-9.checkbox {
18065 /* Detail pair is (usually) some short label with a longer value */
18066 .path-backup .detail-pair .detail-pair-label {
18071 .path-backup .detail-pair .detail-pair-value {
18075 .path-backup .backup-restore .singlebutton {
18078 /* Make these bits full width and work with the detail-pair */
18079 .path-backup .backup-section {
18080 /* Fix for nested table headers */
18081 /* Add card styles to backup sections */
18082 background-color: #fff;
18083 border: 1px solid rgba
(0, 0, 0, 0.125);
18085 margin-bottom: 1.25rem; }
18086 .path-backup
.backup-section
.sub-header
,
18087 .path-backup
.backup-section
.backup-sub-section
,
18088 .path-backup
.backup-section
.singlebutton
,
18089 .path-backup .backup-section .header {
18093 .path-backup .backup-section th.header {
18096 .path-backup .backup-section ::after {
18100 .path-backup .backup-section::after {
18105 .path-backup .notification.dependencies_enforced {
18107 font-weight: bold
; }
18109 .path-backup .backup_progress {
18111 margin-bottom: 1rem; }
18112 .path-backup .backup_progress .backup_stage {
18114 .path-backup .backup_progress .backup_stage.backup_stage_current {
18118 .path-backup .backup_progress span.backup_stage.backup_stage_complete {
18121 #page-backup-restore .filealiasesfailures
{
18122 background-color: #f4d6d2; }
18123 #page-backup-restore .filealiasesfailures
.aliaseslist
{
18124 background-color: #fff; }
18126 .path-backup .wibbler {
18128 margin: 0 auto
10px;
18129 border-bottom: 1px solid black
;
18130 border-right: 1px solid black
;
18131 border-left: 1px solid black
;
18132 position: relative
;
18134 .path-backup .wibbler .wibble {
18135 position: absolute
;
18140 .path-backup .wibbler .state0 {
18141 background: #eee; }
18142 .path-backup .wibbler .state1 {
18143 background: #ddd; }
18144 .path-backup .wibbler .state2 {
18145 background: #ccc; }
18146 .path-backup .wibbler .state3 {
18147 background: #bbb; }
18148 .path-backup .wibbler .state4 {
18149 background: #aaa; }
18150 .path-backup .wibbler .state5 {
18151 background: #999; }
18152 .path-backup .wibbler .state6 {
18153 background: #888; }
18154 .path-backup .wibbler .state7 {
18155 background: #777; }
18156 .path-backup .wibbler .state8 {
18157 background: #666; }
18158 .path-backup .wibbler .state9 {
18159 background: #555; }
18160 .path-backup .wibbler .state10 {
18161 background: #444; }
18162 .path-backup .wibbler .state11 {
18163 background: #333; }
18164 .path-backup .wibbler .state12 {
18165 background: #222; }
18169 margin-bottom: 1rem;
18174 vertical-align: top
;
18175 border-top: 1px solid
#dee2e6; }
18176 .generaltable thead th {
18177 vertical-align: bottom
;
18178 border-bottom: 2px solid
#dee2e6; }
18179 .generaltable tbody + tbody {
18180 border-top: 2px solid
#dee2e6; }
18181 .generaltable tbody tr:nth-of-type(odd) {
18182 background-color: rgba
(0, 0, 0, 0.03); }
18183 .generaltable
.table-sm th
,
18184 .generaltable.table-sm td {
18186 .generaltable tbody tr:hover {
18188 background-color: rgba
(0, 0, 0, 0.075); }
18189 .generaltable tbody tr:hover.dimmed_text a:not(.menu-action) {
18197 caption-side: top
; }
18199 .table-dynamic .loading-icon {
18200 position: absolute
;
18201 left: calc
(50% - 1.5rem);
18203 .table-dynamic .loading-icon .icon {
18209 display: inline-block
; }
18210 .singlebutton + .singlebutton {
18211 margin-left: 0.5rem; }
18214 text-align: center
; }
18218 text-align: center
; }
18221 margin-top: 11.25rem;
18222 text-align: center
;
18223 margin-bottom: 3em; }
18224 #addcontrols label
{
18227 #addcontrols input
,
18228 #removecontrols input
{
18233 margin: 0 0 10px 5px; }
18241 border-radius: 50%;
18243 .btn.btn-icon:hover, .btn.btn-icon:focus {
18244 background-color: #e9ecef; }
18245 .btn.btn-icon.icon-size-0 {
18246 height: 20px !important
;
18247 /* stylelint-disable-line declaration-no-important */
18248 width: 20px !important
;
18249 /* stylelint-disable-line declaration-no-important */
18250 font-size: 0 !important
;
18251 /* stylelint-disable-line declaration-no-important */
18252 line-height: 0 !important
;
18253 /* stylelint-disable-line declaration-no-important */ }
18254 .btn.btn-icon.icon-size-1 {
18255 height: 24px !important
;
18256 /* stylelint-disable-line declaration-no-important */
18257 width: 24px !important
;
18258 /* stylelint-disable-line declaration-no-important */
18259 font-size: 4px !important
;
18260 /* stylelint-disable-line declaration-no-important */
18261 line-height: 4px !important
;
18262 /* stylelint-disable-line declaration-no-important */ }
18263 .btn.btn-icon.icon-size-2 {
18264 height: 28px !important
;
18265 /* stylelint-disable-line declaration-no-important */
18266 width: 28px !important
;
18267 /* stylelint-disable-line declaration-no-important */
18268 font-size: 8px !important
;
18269 /* stylelint-disable-line declaration-no-important */
18270 line-height: 8px !important
;
18271 /* stylelint-disable-line declaration-no-important */ }
18272 .btn.btn-icon.icon-size-3 {
18273 height: 36px !important
;
18274 /* stylelint-disable-line declaration-no-important */
18275 width: 36px !important
;
18276 /* stylelint-disable-line declaration-no-important */
18277 font-size: 16px !important
;
18278 /* stylelint-disable-line declaration-no-important */
18279 line-height: 16px !important
;
18280 /* stylelint-disable-line declaration-no-important */ }
18281 .btn.btn-icon.icon-size-4 {
18282 height: 44px !important
;
18283 /* stylelint-disable-line declaration-no-important */
18284 width: 44px !important
;
18285 /* stylelint-disable-line declaration-no-important */
18286 font-size: 24px !important
;
18287 /* stylelint-disable-line declaration-no-important */
18288 line-height: 24px !important
;
18289 /* stylelint-disable-line declaration-no-important */ }
18290 .btn.btn-icon.icon-size-5 {
18291 height: 52px !important
;
18292 /* stylelint-disable-line declaration-no-important */
18293 width: 52px !important
;
18294 /* stylelint-disable-line declaration-no-important */
18295 font-size: 32px !important
;
18296 /* stylelint-disable-line declaration-no-important */
18297 line-height: 32px !important
;
18298 /* stylelint-disable-line declaration-no-important */ }
18299 .btn.btn-icon.icon-size-6 {
18300 height: 60px !important
;
18301 /* stylelint-disable-line declaration-no-important */
18302 width: 60px !important
;
18303 /* stylelint-disable-line declaration-no-important */
18304 font-size: 40px !important
;
18305 /* stylelint-disable-line declaration-no-important */
18306 line-height: 40px !important
;
18307 /* stylelint-disable-line declaration-no-important */ }
18308 .btn.btn-icon.icon-size-7 {
18309 height: 68px !important
;
18310 /* stylelint-disable-line declaration-no-important */
18311 width: 68px !important
;
18312 /* stylelint-disable-line declaration-no-important */
18313 font-size: 48px !important
;
18314 /* stylelint-disable-line declaration-no-important */
18315 line-height: 48px !important
;
18316 /* stylelint-disable-line declaration-no-important */ }
18318 .btn-primary:focus, .btn-primary.focus {
18319 outline: 0.2rem solid
#000102;
18320 box-shadow: inset
0 0 0 2px #fff; }
18322 .btn-secondary:focus, .btn-secondary.focus {
18323 outline: 0.2rem solid
#5f6e7d;
18324 box-shadow: inset
0 0 0 2px #fff; }
18326 .btn-success:focus, .btn-success.focus {
18327 outline: 0.2rem solid black
;
18328 box-shadow: inset
0 0 0 2px #fff; }
18330 .btn-info:focus, .btn-info.focus {
18331 outline: 0.2rem solid black
;
18332 box-shadow: inset
0 0 0 2px #fff; }
18334 .btn-warning:focus, .btn-warning.focus {
18335 outline: 0.2rem solid
#694109;
18336 box-shadow: inset
0 0 0 2px #fff; }
18338 .btn-danger:focus, .btn-danger.focus {
18339 outline: 0.2rem solid
#1a0604;
18340 box-shadow: inset
0 0 0 2px #fff; }
18342 .btn-light:focus, .btn-light.focus {
18343 outline: 0.2rem solid
#8193a5;
18344 box-shadow: inset
0 0 0 2px #fff; }
18346 .btn-dark:focus, .btn-dark.focus {
18347 outline: 0.2rem solid black
;
18348 box-shadow: inset
0 0 0 2px #fff; }
18350 .btn-outline-primary:focus, .btn-outline-primary.focus {
18351 outline: 0.2rem solid
#000102;
18352 box-shadow: inset
0 0 0 2px #343a40; }
18354 .btn-outline-secondary:focus, .btn-outline-secondary.focus {
18355 outline: 0.2rem solid
#5f6e7d;
18356 box-shadow: inset
0 0 0 2px #343a40; }
18358 .btn-outline-success:focus, .btn-outline-success.focus {
18359 outline: 0.2rem solid black
;
18360 box-shadow: inset
0 0 0 2px #343a40; }
18362 .btn-outline-info:focus, .btn-outline-info.focus {
18363 outline: 0.2rem solid black
;
18364 box-shadow: inset
0 0 0 2px #343a40; }
18366 .btn-outline-warning:focus, .btn-outline-warning.focus {
18367 outline: 0.2rem solid
#694109;
18368 box-shadow: inset
0 0 0 2px #343a40; }
18370 .btn-outline-danger:focus, .btn-outline-danger.focus {
18371 outline: 0.2rem solid
#1a0604;
18372 box-shadow: inset
0 0 0 2px #343a40; }
18374 .btn-outline-light:focus, .btn-outline-light.focus {
18375 outline: 0.2rem solid
#8193a5;
18376 box-shadow: inset
0 0 0 2px #343a40; }
18378 .btn-outline-dark:focus, .btn-outline-dark.focus {
18379 outline: 0.2rem solid black
;
18380 box-shadow: inset
0 0 0 2px #343a40; }
18383 font-size: 0.9375rem; }
18385 .gradetreebox th
.cell
,
18386 .gradetreebox input[type=text] {
18389 .gradetreebox input
[type
=text
],
18390 .gradetreebox select {
18391 margin-bottom: 0; }
18393 .core_grades_notices .singlebutton {
18394 display: inline-block
; }
18396 .path-grade-report #maincontent + .urlselect {
18397 position: absolute
;
18400 .path-grade-report-grader #region-main {
18401 overflow-x: visible
;
18404 display: inline-flex
;
18405 flex-direction: column
; }
18406 .path-grade-report-grader #region-main > .card {
18408 overflow-x: initial
; }
18409 .path-grade-report-grader #region-main div[role="main"] {
18412 .path-grade-report-grader [data-region="blocks-column"] {
18416 .path-grade-report-grader span.gradepass {
18419 .path-grade-report-grader span.gradefail {
18422 #page-grade-grading-manage #activemethodselector label
{
18423 display: inline-block
; }
18425 #page-grade-grading-manage #activemethodselector
.helptooltip
{
18426 margin-right: 0.5em; }
18428 #page-grade-grading-manage .actions
{
18430 text-align: center
;
18431 margin-bottom: 1em; }
18432 #page-grade-grading-manage .actions
.action
{
18433 display: inline-block
;
18434 position: relative
;
18435 vertical-align: top
;
18437 text-align: center
;
18441 border: 1px solid
#aaa; }
18442 #page-grade-grading-manage .actions
.action
.action-text
{
18443 position: relative
;
18446 white-space: normal
; }
18448 #page-grade-grading-form-rubric-edit .gradingform_rubric_editform
.status
{
18451 .gradingform_rubric {
18452 margin-bottom: 1em; }
18453 .gradingform_rubric.evaluate .criterion .levels .level:hover, .gradingform_rubric.evaluate .criterion .levels .level.checked {
18454 background: #dff0d8; }
18455 .gradingform_rubric.evaluate .criterion .levels .level.checked {
18457 border-left: 1px solid
#dee2e6; }
18458 .gradingform_rubric .criterion .description {
18459 vertical-align: top
;
18461 .gradingform_rubric .criterion .description textarea {
18464 .gradingform_rubric .criterion .definition textarea {
18466 margin-bottom: 0; }
18467 .gradingform_rubric .criterion .score {
18469 margin-right: 28px;
18470 font-style: italic
;
18473 .gradingform_rubric .criterion .score input {
18474 margin-bottom: 0; }
18475 .gradingform_rubric .criterion .level {
18476 vertical-align: top
;
18478 .gradingform_rubric .criterion .level.currentchecked {
18479 background: #fff0f0; }
18480 .gradingform_rubric .criterion .level.checked {
18481 background: #d0ffd0;
18482 border: 1px solid
#555; }
18483 .gradingform_rubric .criterion .level .delete {
18484 position: relative
;
18490 .gradingform_rubric .criterion .level .delete input {
18492 position: absolute
;
18498 .gradingform_rubric .criterion .level .delete input:hover {
18499 background-color: #ddd; }
18500 .gradingform_rubric .criterion .scorevalue input {
18503 .gradingform_rubric .criterion .scorevalue input.hiddenelement, .gradingform_rubric .criterion .scorevalue input.pseudotablink {
18505 .gradingform_rubric .criterion .addlevel {
18506 vertical-align: top
;
18507 padding-top: 6px; }
18508 .gradingform_rubric .criterion .addlevel input {
18510 line-height: 1rem; }
18511 .gradingform_rubric .addcriterion {
18514 margin-bottom: 1em; }
18515 .gradingform_rubric .addcriterion input {
18518 text-shadow: inherit
;
18520 line-height: inherit
;
18521 background: transparent url
([[pix:t
/add
]]) no-repeat
7px 8px;
18522 padding-left: 26px; }
18523 .gradingform_rubric .options {
18525 .gradingform_rubric .options .option label {
18528 font-size: inherit
;
18529 font-weight: normal
;
18533 background-color: transparent
; }
18534 .gradingform_rubric .options .option input {
18536 margin-right: 12px; }
18538 .grade-display .description {
18541 .criterion .description {
18544 .criterion .criterion-toggle .expanded-icon {
18547 .criterion .criterion-toggle .collapsed-icon {
18550 .criterion .criterion-toggle.collapsed .expanded-icon {
18553 .criterion .criterion-toggle.collapsed .collapsed-icon {
18556 .path-grade-edit-tree .setup-grades h4 {
18559 .path-grade-edit-tree .setup-grades .column-rowspan {
18565 .path-grade-edit-tree .setup-grades .category td.column-name {
18568 .path-grade-edit-tree .setup-grades td.column-name {
18569 padding-left: 24px; }
18571 .path-grade-edit-tree .setup-grades td.movehere {
18574 .path-grade-edit-tree .setup-grades td.movehere a.movehere {
18578 border: 2px dashed
#343a40; }
18580 .path-grade-edit-tree
.setup-grades
.category input
[type
="text"],
18581 .path-grade-edit-tree
.setup-grades
.category
.column-range
,
18582 .path-grade-edit-tree
.setup-grades
.categoryitem
,
18583 .path-grade-edit-tree .setup-grades .courseitem {
18584 font-weight: bold
; }
18586 .path-grade-edit-tree .setup-grades .emptyrow {
18589 .path-grade-edit-tree .setup-grades .gradeitemdescription {
18590 font-weight: normal
;
18591 padding-left: 24px; }
18593 .path-grade-edit-tree .setup-grades .column-weight {
18594 white-space: nowrap
; }
18595 .path-grade-edit-tree .setup-grades .column-weight.level3 {
18596 padding-left: 37px; }
18597 .path-grade-edit-tree .setup-grades .column-weight.level4 {
18598 padding-left: 66px; }
18599 .path-grade-edit-tree .setup-grades .column-weight.level5 {
18600 padding-left: 95px; }
18601 .path-grade-edit-tree .setup-grades .column-weight.level6 {
18602 padding-left: 124px; }
18603 .path-grade-edit-tree .setup-grades .column-weight.level7 {
18604 padding-left: 153px; }
18605 .path-grade-edit-tree .setup-grades .column-weight.level8 {
18606 padding-left: 182px; }
18607 .path-grade-edit-tree .setup-grades .column-weight.level9 {
18608 padding-left: 211px; }
18609 .path-grade-edit-tree .setup-grades .column-weight.level10 {
18610 padding-left: 240px; }
18612 .path-grade-edit-tree .setup-grades .column-range.level2 {
18613 padding-left: 37px; }
18615 .path-grade-edit-tree .setup-grades .column-range.level3 {
18616 padding-left: 66px; }
18618 .path-grade-edit-tree .setup-grades .column-range.level4 {
18619 padding-left: 95px; }
18621 .path-grade-edit-tree .setup-grades .column-range.level5 {
18622 padding-left: 124px; }
18624 .path-grade-edit-tree .setup-grades .column-range.level6 {
18625 padding-left: 153px; }
18627 .path-grade-edit-tree .setup-grades .column-range.level7 {
18628 padding-left: 182px; }
18630 .path-grade-edit-tree .setup-grades .column-range.level8 {
18631 padding-left: 211px; }
18633 .path-grade-edit-tree .setup-grades .column-range.level9 {
18634 padding-left: 240px; }
18636 .path-grade-edit-tree .setup-grades .column-range.level10 {
18637 padding-left: 269px; }
18639 .path-grade-edit-tree .setup-grades.generaltable .levelodd {
18640 background-color: rgba
(0, 0, 0, 0.03); }
18645 .path-grade-report-grader
.gradeparent tr
.cell
,
18646 .path-grade-report-grader .gradeparent .floater .cell {
18647 background-color: #fff; }
18649 .path-grade-report-grader
.gradeparent table
,
18650 .path-grade-report-grader .gradeparent .cell {
18651 border-color: #dee2e6; }
18653 .path-grade-report-grader
.gradeparent
.userrow
.odd
.cell
,
18654 .path-grade-report-grader
.gradeparent
.floater
.cell
.odd
,
18655 .path-grade-report-grader
.gradeparent
.heading
.cell
,
18656 .path-grade-report-grader
.gradeparent
.cell
.category
,
18657 .path-grade-report-grader .gradeparent .avg .cell {
18658 background-color: #f8f9fa; }
18660 .path-grade-report-grader .gradeparent table .clickable {
18666 .path-grade-report-user .user-grade {
18668 .path-grade-report-user .user-grade.generaltable .levelodd {
18669 background-color: rgba
(0, 0, 0, 0.03); }
18670 .path-grade-report-user
.user-grade
.column-contributiontocoursetotal
,
18671 .path-grade-report-user
.user-grade
.column-range
,
18672 .path-grade-report-user
.user-grade
.column-percentage
,
18673 .path-grade-report-user .user-grade .column-weight {
18680 .path-grade-report-singleview input[name^="finalgrade"] {
18683 .columns-autoflow-1to1to1 {
18686 @media (max-width: 767px) {
18687 .columns-autoflow-1to1to1 {
18688 column-count: 1; } }
18690 /* some very targetted corrections to roll back nameclashes between
18691 * Moodle and Bootstrap like .row, .label, .content, .controls
18693 * Mostly relies on these styles being more specific than the Bootstrap
18694 * ones in order to overule them.
18697 .file-picker td.label {
18698 background: inherit
;
18702 white-space: normal
;
18704 font-size: inherit
;
18705 line-height: inherit
;
18706 text-align: inherit
; }
18708 .file-picker td.label {
18709 display: table-cell
;
18713 .choosercontainer #chooseform .option label {
18716 /* block.invisible vs .invisible
18717 * block.hidden vs .invisible
18719 * uses .invisible where the rest of Moodle uses @mixin dimmed
18720 * fixible in block renderer?
18722 * There's seems to be even more naming confusion here since,
18723 * blocks can be actually 'visible' (or not) to students,
18724 * marked 'visible' but really just dimmed to indicate to editors
18725 * that students can't see them or 'visible' to the user who
18726 * collapses them, 'visible' if you have the right role and in
18727 * different circumstances different sections of a block can
18728 * be 'visible' or not.
18730 * currently worked around in renderers.php function block{}
18731 * by rewriting the class name "invisible" to "dimmed",
18732 * though the blocks don't look particularly different apart
18733 * from their contents disappearing. Maybe try .muted? or
18734 * dimming all the edit icons apart from unhide, might be a
18735 * nice effect, though they'd still be active. Maybe reverse
18741 visibility: visible
;
18746 * very tricky to track down this when it goes wrong,
18747 * since the styles are applied to generated content
18749 * basically if you see things shifted left or right compared
18750 * with where they should be check for a .row
18753 margin-left: 0 !important
;
18754 /* stylelint-disable-line declaration-no-important */ }
18756 .forumpost
.row:before
,
18757 .forumpost .row:after {
18760 /* fieldset.hidden vs .hidden
18762 * Moodle uses fieldset.hidden for mforms, to signify a collection of
18763 * form elements that don't have a box drawn round them. Bootstrap
18764 * uses hidden for stuff that is hidden in various responsive modes.
18766 * Relatedly, there is also fieldset.invisiblefieldset which hides the
18767 * border and sets the display to inline.
18769 * Originally this just set block and visible, but it is used
18770 * in random question dialogue in Quiz,
18771 * that dialogue is hidden and shown, so when hidden the
18772 * above workaround leaves you with a button floating around
18776 visibility: inherit
; }
18778 /* .container vs .container
18780 * bootstrap uses .container to set the width of the layout at 960px or so, Moodle uses it
18781 * in the Quiz to contain the questions to add. If you don't overule the Bootstrap code,
18782 * it becomes near unuseable.
18784 #questionbank + .container
{
18787 body:not
(.jsenabled
) .dropdown:hover
> .dropdown-menu
{
18789 margin-top: -6px; }
18791 body:not
(.jsenabled
) .langmenu:hover
> .dropdown-menu
,
18792 .langmenu.open > .dropdown-menu {
18795 overflow-y: auto
; }
18797 .navbar.fixed-top .dropdown .dropdown-menu {
18798 max-height: calc
(100vh - 50px);
18799 overflow-y: auto
; }
18801 .page-item.active .page-link, .page-item.active .page-link:hover, .page-item.active .page-link:focus {
18802 z-index: inherit
; }
18804 /* Force positioning of popover arrows.
18806 * The Css prefixer used in Moodle does not support complex calc statements used
18807 * in Bootstrap 4 CSS. For example:
18808 * calc((0.5rem + 1px) * -1); is stripped out by lib/php-css-parser/Parser.php.
18809 * See MDL-61879. For now the arrow positions of popovers are fixed until this is resolved.
18811 .bs-popover-right
.arrow
, .bs-popover-auto
[x-placement^
="right"] .arrow
,
18812 .bs-popover-auto[x-placement^="right"] .arrow {
18815 .bs-popover-left
.arrow
, .bs-popover-auto
[x-placement^
="left"] .arrow
,
18816 .bs-popover-auto[x-placement^="left"] .arrow {
18819 .bs-popover-top
.arrow
, .bs-popover-auto
[x-placement^
="top"] .arrow
,
18820 .bs-popover-auto[x-placement^="top"] .arrow {
18823 .bs-popover-bottom
.arrow
, .bs-popover-auto
[x-placement^
="bottom"] .arrow
,
18824 .bs-popover-auto[x-placement^="bottom"] .arrow {
18828 word-wrap: normal
; }
18830 /* Add commented out carousel transistions back in.
18832 * The Css prefixer used in Moodle breaks on @supports syntax, See MDL-61515.
18834 .carousel-item-next
.carousel-item-left
,
18835 .carousel-item-prev.carousel-item-right {
18836 transform: translateX
(0); }
18838 .carousel-item-next
,
18839 .active.carousel-item-right {
18840 transform: translateX
(100%); }
18842 .carousel-item-prev
,
18843 .active.carousel-item-left {
18844 transform: translateX
(-100%); }
18847 * Reset all of the forced style on the page.
18848 * - Remove borders on header and content.
18849 * - Remove most of the vertical padding.
18850 * - Make the content region flex grow so it pushes things like the
18851 * next activity selector to the bottom of the page.
18853 body
.reset-style #page-header
.card
{
18855 body
.reset-style #page-header
.card
.page-header-headings h1
{
18856 margin-bottom: 0; }
18857 @media
(max-width: 767.98px) {
18858 body
.reset-style #page-header
.card
.card-body
{
18860 padding-right: 0; } }
18862 body
.reset-style #page-header
> div
{
18863 padding-top: 0 !important
;
18864 /* stylelint-disable-line declaration-no-important */
18865 padding-bottom: 0 !important
;
18866 /* stylelint-disable-line declaration-no-important */ }
18868 body
.reset-style #page-content
{
18869 padding-bottom: 0 !important
;
18870 /* stylelint-disable-line declaration-no-important */ }
18871 body
.reset-style #page-content #region-main-box #region-main
{
18873 display: inline-flex
;
18874 flex-direction: column
;
18878 padding-left: 1.25rem;
18879 padding-right: 1.25rem;
18880 vertical-align: top
; }
18881 body
.reset-style #page-content #region-main-box #region-main div
[role
="main"] {
18883 body
.reset-style #page-content #region-main-box #region-main
.activity-navigation
{
18884 overflow: hidden
; }
18885 body
.reset-style #page-content #region-main-box #region-main
.has-blocks
{
18886 width: calc
(100% - 375px); }
18887 @media
(max-width: 1199.98px) {
18888 body
.reset-style #page-content #region-main-box #region-main
.has-blocks
{
18890 @media
(max-width: 767.98px) {
18891 body
.reset-style #page-content #region-main-box #region-main
{
18893 padding-right: 0; } }
18894 body
.reset-style #page-content #region-main-box
[data-region
="blocks-column"] {
18895 margin-left: auto
; }
18896 @media
(max-width: 1199.98px) {
18897 body
.reset-style #page-content #region-main-box
{
18899 flex-direction: column
; } }
18901 body
.reset-style select
,
18902 body
.reset-style input
,
18903 body
.reset-style textarea
,
18904 body
.reset-style
.btn:not
(.btn-icon
) {
18905 border-radius: 0.3rem; }
18907 body
.behat-site
.fixed-top
{
18908 position: absolute
; }
18910 body
.behat-site
.dropdown-item
{
18911 margin-top: 4px !important
;
18912 /* stylelint-disable declaration-no-important */ }
18914 body
.behat-site
.drawer-ease
{
18915 -webkit-transition: initial
;
18916 -moz-transition: initial
;
18917 transition: initial
; }
18919 body
.behat-site
[data-region
="drawer"] {
18920 -webkit-transition: initial
;
18921 -moz-transition: initial
;
18922 transition: initial
;
18923 position: absolute
; }
18925 body
.behat-site
.custom-control
,
18926 body
.behat-site
.custom-switch
{
18929 body
.behat-site
.custom-control-input
{
18934 body
.behat-site
.custom-control-label::before
, body
.behat-site
.custom-control-label::after
{
18937 body
.behat-site
[data-region
="message-drawer"] {
18938 padding-right: 10px; }
18948 border: 1px solid
#000;
18950 vertical-align: baseline
;
18952 background-color: #ccc; }
18955 background-color: #ccf;
18956 font-weight: bold
; }
18959 background-color: #99c;
18960 font-weight: bold
; }
18962 body
> .debuggingmessage
{
18963 margin-top: 50px; }
18965 body
> .debuggingmessage
~ .debuggingmessage
{
18966 margin-top: .5rem; }
18969 * This file contains the styles required to make the footer sticky.
18978 flex-direction: column
; }
18979 #page-wrapper #page
{
18982 flex-direction: column
; }
18983 #page-wrapper #page #page-content
{
18985 #page-wrapper #page-footer
{
18989 position: relative
; }
18990 .popover-region.collapsed .popover-region-toggle:before, .popover-region.collapsed .popover-region-toggle:after {
18992 .popover-region.collapsed .popover-region-container {
18994 visibility: hidden
;
18997 transition: height
0.25s, opacity
101ms 0.25s, visibility
101ms 0.25s; }
18999 .popover-region-toggle {
19001 .popover-region-toggle::before {
19003 display: inline-block
;
19004 border-left: 10px solid transparent
;
19005 border-right: 10px solid transparent
;
19006 border-bottom: 10px solid
#ddd;
19007 position: absolute
;
19010 .popover-region-toggle::after {
19012 display: inline-block
;
19013 border-left: 9px solid transparent
;
19014 border-right: 9px solid transparent
;
19015 border-bottom: 9px solid
#fff;
19016 position: absolute
;
19023 border-radius: 2px;
19024 background-color: #ca3120;
19028 position: absolute
;
19032 .popover-region-container {
19034 visibility: visible
;
19035 position: absolute
;
19040 border: 1px solid
#ddd;
19041 transition: height
0.25s;
19042 background-color: #fff;
19045 .popover-region-header-container {
19049 padding-right: 5px;
19050 border-bottom: 1px solid
#ddd;
19051 box-sizing: border-box
; }
19053 .popover-region-footer-container {
19055 text-align: center
;
19056 border-top: 1px solid
#ddd;
19057 background-color: #fff;
19058 padding-top: 3px; }
19060 .popover-region-header-text {
19064 line-height: 25px; }
19066 .popover-region-header-actions {
19068 .popover-region-header-actions > * {
19071 display: inline-block
; }
19072 .popover-region-header-actions .loading-icon {
19076 .popover-region-header-actions .newmessage-link {
19077 margin-right: 10px; }
19078 .popover-region-header-actions label {
19079 display: inline-block
;
19080 text-align: center
;
19081 margin-bottom: 0; }
19083 .popover-region-content-container {
19084 height: calc
(100% - 55px);
19087 -webkit-overflow-scrolling: touch
; }
19088 .popover-region-content-container > .loading-icon {
19090 text-align: center
;
19092 box-sizing: border-box
; }
19093 .popover-region-content-container .empty-message {
19095 text-align: center
;
19097 .popover-region-content-container.loading > .loading-icon {
19099 .popover-region-content-container.loading .empty-message {
19102 .navbar .popover-region.collapsed .popover-region-container {
19104 visibility: hidden
;
19107 transition: height
0.25s, opacity
101ms 0.25s, visibility
101ms 0.25s; }
19109 .navbar .count-container {
19111 border-radius: 2px;
19112 background-color: #ca3120;
19116 position: absolute
;
19120 .navbar .popover-region-container {
19123 .content-item-container {
19125 border-bottom: 1px solid
#ddd;
19126 box-sizing: border-box
;
19128 position: relative
;
19132 text-decoration: none
; }
19133 .content-item-container:hover {
19135 background-color: #0f6cbf; }
19136 .content-item-container:hover .content-item-footer .timestamp {
19138 .content-item-container:hover .view-more {
19140 .content-item-container.unread {
19142 background-color: #f4f4f4; }
19143 .content-item-container.unread:hover {
19145 background-color: #0f6cbf; }
19146 .content-item-container.unread .content-item-body .notification-message {
19147 font-weight: 600; }
19148 .content-item-container .context-link {
19150 text-decoration: none
; }
19151 .content-item-container .content-item-body {
19152 box-sizing: border-box
;
19153 margin-bottom: 5px; }
19154 .content-item-container .content-item-footer {
19156 box-sizing: border-box
; }
19157 .content-item-container .content-item-footer .timestamp {
19162 margin-left: 24px; }
19163 .content-item-container .view-more {
19164 position: absolute
;
19168 line-height: 12px; }
19169 .content-item-container .view-more:hover {
19171 .content-item-container.notification .content-item-body .notification-image {
19172 display: inline-block
;
19176 .content-item-container.notification .content-item-body .notification-image img {
19178 .content-item-container.notification .content-item-body .notification-message {
19179 display: inline-block
;
19181 width: calc
(100% - 24px); }
19182 .content-item-container.selected {
19183 background-color: #4f94cd;
19185 border-color: #4f94cd; }
19186 .content-item-container.selected .content-item-footer .timestamp {
19189 .popover-region-notifications .popover-region-header-container .mark-all-read-button .normal-icon {
19190 display: inline-block
; }
19192 .popover-region-notifications .popover-region-header-container .mark-all-read-button.loading .normal-icon {
19195 .popover-region-notifications .popover-region-header-container .mark-all-read-button.loading .loading-icon {
19196 display: inline-block
; }
19198 .popover-region-notifications .all-notifications {
19200 visibility: visible
;
19202 overflow: hidden
; }
19203 .popover-region-notifications .all-notifications:empty + .empty-message {
19206 .popover-region-notifications .notification-image {
19207 display: inline-block
;
19209 vertical-align: top
; }
19210 .popover-region-notifications .notification-image img {
19213 .popover-region-notifications .notification-message {
19214 display: inline-block
;
19217 .popover-region-notifications .popover-region-content-container.loading .all-notifications:empty + .empty-message {
19220 .popover-region-messages .mark-all-read-button .normal-icon {
19221 display: inline-block
; }
19223 .popover-region-messages .mark-all-read-button.loading .normal-icon {
19226 .popover-region-messages .mark-all-read-button.loading .loading-icon {
19227 display: inline-block
; }
19229 .popover-region-messages .popover-region-content-container.loading .popover-region-content .messages:empty + .empty-message {
19232 .popover-region-messages .messages:empty + .empty-message {
19235 .popover-region-messages .content-item-container.unread .content-item-body {
19237 width: calc
(90% - 30px); }
19239 .popover-region-messages .content-item-container.unread .unread-count-container {
19240 display: inline-block
;
19242 text-align: center
;
19245 .popover-region-messages .content-item {
19248 box-sizing: border-box
; }
19250 .popover-region-messages .profile-image-container {
19252 display: inline-block
;
19253 text-align: center
;
19255 .popover-region-messages .profile-image-container img {
19257 display: inline-block
;
19258 vertical-align: middle
;
19259 border-radius: 50%; }
19261 .popover-region-messages .content-item-body {
19262 display: inline-block
;
19263 box-sizing: border-box
;
19264 width: calc
(100% - 30px);
19266 padding-left: 10px;
19267 overflow: hidden
; }
19268 .popover-region-messages .content-item-body h3 {
19273 .popover-region-messages .content-item-body p {
19276 .popover-region-messages .unread-count-container {
19279 @media (max-width: 767px) {
19280 .navbar .popover-region .popover-region-container {
19283 @media (max-width: 480px) {
19284 .navbar .popover-region .popover-region-container {
19294 * Tour step must sit above all other UI components.
19295 * The backdrop is the lowest point in the tour.
19296 * Everything else is in the container, and the target background should be at the same z-index.
19298 * ---- step backdrop
19299 * --- step container
19300 * --- step target background
19302 div
[data-flexitour
="backdrop"] {
19303 background-color: #000;
19307 div
[data-flexitour
="step-background-fader"],
19308 div
[data-flexitour
="step-background"] {
19311 span
[data-flexitour
="container"],
19312 div
[data-flexitour
="step-background-fader"],
19313 [data-flexitour
="step-backdrop"] > td
,
19314 [data-flexitour
="step-backdrop"] {
19317 span
[data-flexitour
="container"] .modal-dialog
{
19319 * Remove all margins to:
19320 * 1) ensure that the arrow touches the target; and
19321 * 2) ensure that the focus border touches the modal.
19325 span
[data-flexitour
="container"] div
[data-role
="arrow"] {
19326 border-width: 1rem; }
19328 span
[data-flexitour
="container"] div
[data-role
="arrow"],
19329 span
[data-flexitour
="container"] div
[data-role
="arrow"]:after
{
19330 position: absolute
;
19334 border-color: transparent
;
19335 border-style: solid
;
19336 border-width: 1rem; }
19338 span
[data-flexitour
="container"][x-placement
="top"], span
[data-flexitour
="container"][x-placement
="top-start"] {
19339 margin-bottom: 1rem; }
19340 span
[data-flexitour
="container"][x-placement
="top"] div
[data-role
="arrow"], span
[data-flexitour
="container"][x-placement
="top-start"] div
[data-role
="arrow"] {
19343 margin-left: -1rem;
19344 border-bottom-width: 0;
19345 border-top-color: rgba
(0, 0, 0, 0.25); }
19346 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
{
19348 margin-left: -1rem;
19350 border-bottom-width: 0;
19351 border-top-color: #fff; }
19353 span
[data-flexitour
="container"][x-placement
="bottom"], span
[data-flexitour
="container"][x-placement
="bottom-start"] {
19354 margin-top: 1rem; }
19355 span
[data-flexitour
="container"][x-placement
="bottom"] div
[data-role
="arrow"], span
[data-flexitour
="container"][x-placement
="bottom-start"] div
[data-role
="arrow"] {
19358 margin-left: -1rem;
19359 border-top-width: 0;
19360 border-bottom-color: rgba
(0, 0, 0, 0.25); }
19361 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
{
19363 margin-left: -1rem;
19365 border-top-width: 0;
19366 border-bottom-color: #fff; }
19368 span
[data-flexitour
="container"][x-placement
="left"], span
[data-flexitour
="container"][x-placement
="left-start"] {
19369 margin-right: 1rem; }
19370 span
[data-flexitour
="container"][x-placement
="left"] div
[data-role
="arrow"], span
[data-flexitour
="container"][x-placement
="left-start"] div
[data-role
="arrow"] {
19374 border-right-width: 0;
19375 border-left-color: rgba
(0, 0, 0, 0.25); }
19376 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
{
19380 border-right-width: 0;
19381 border-left-color: #fff; }
19383 span
[data-flexitour
="container"][x-placement
="right"], span
[data-flexitour
="container"][x-placement
="right-start"] {
19384 margin-left: 1rem; }
19385 span
[data-flexitour
="container"][x-placement
="right"] div
[data-role
="arrow"], span
[data-flexitour
="container"][x-placement
="right-start"] div
[data-role
="arrow"] {
19389 border-left-width: 0;
19390 border-right-color: rgba
(0, 0, 0, 0.25); }
19391 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
{
19395 border-left-width: 0;
19396 border-right-color: #fff; }
19398 [data-region
="drawer"] [data-flexitour
="container"] {
19400 margin-left: -15px;
19404 body
.drawer-open-left
.jsenabled
,
19405 body
.drawer-open-right
.jsenabled
{
19410 .modal .modal-body > .loading-icon {
19412 position: relative
;
19415 .modal .modal-body > .loading-icon .icon {
19416 position: absolute
;
19420 transform: translate
(-50%, -50%); }
19423 margin: -0.8rem -0.8rem -0.8rem auto
; }
19424 .modal .close:not(:disabled):not(.disabled):hover, .modal .close:not(:disabled):not(.disabled):focus {
19425 opacity: inherit
; }
19427 .layout.fullscreen {
19437 background-color: #fff; }
19438 .layout.fullscreen > div {
19441 .layout.fullscreen .loading-icon {
19443 margin-right: auto
;
19444 text-align: center
;
19445 display: inline-block
;
19449 .layout.fullscreen .loading-icon .icon {
19454 .form-control:-ms-input-placeholder {
19458 -webkit-appearance: none
;
19459 -moz-appearance: none
; }
19462 -webkit-appearance: none
;
19463 -moz-appearance: none
; }
19464 .custom-range::-webkit-slider-thumb, .custom-range::-moz-range-thumb, .custom-range::-ms-thumb {
19465 -webkit-appearance: none
;
19466 -moz-appearance: none
; }
19468 input
[type
="date"].form-control
,
19469 input
[type
="time"].form-control
,
19470 input
[type
="datetime-local"].form-control
,
19471 input
[type
="month"].form-control
{
19472 -webkit-appearance: none
;
19473 -moz-appearance: none
; }
19475 @media (min-width: 576px) {
19477 -webkit-column-gap: 1.25rem;
19478 -moz-column-gap: 1.25rem; } }
19481 -webkit-backface-visibility: hidden
; }
19484 -webkit-background-clip: border-box
; }
19486 .carousel-indicators li
,
19492 -webkit-background-clip: padding-box
; }
19495 -webkit-user-select: none
;
19496 -ms-user-select: none
; }
19499 -webkit-user-select: all
!important
;
19500 /* stylelint-disable-line declaration-no-important */
19501 -ms-user-select: none
; }
19503 .user-select-auto {
19504 -webkit-user-select: auto
!important
;
19505 /* stylelint-disable-line declaration-no-important */
19506 -ms-user-select: none
; }
19508 .user-select-none {
19509 -webkit-user-select: none
!important
;
19510 /* stylelint-disable-line declaration-no-important */
19511 -ms-user-select: none
; }
19513 .editor_atto_content_wrap {
19514 background-color: white
;
19517 .editor_atto_content {
19522 .editor_atto_content_wrap
,
19523 .editor_atto + textarea {
19527 .editor_atto + textarea {
19530 margin-top: -1px; }
19532 div
.editor_atto_toolbar
{
19534 background: #f2f2f2;
19536 border: 1px solid
#8f959e;
19538 padding: 0 0 9px 0; }
19540 div
.editor_atto_toolbar button
{
19548 div
.editor_atto_toolbar button
+ button
{
19549 border-left: 1px solid
#ccc; }
19551 div
.editor_atto_toolbar button
[disabled
] {
19556 .editor_atto_toolbar button:hover {
19557 background-image: radial-gradient
(ellipse at center
, #fff 60%, #dfdfdf 100%);
19558 background-color: #ebebeb; }
19560 .editor_atto_toolbar
button:active
,
19561 .editor_atto_toolbar button.highlight {
19562 background-image: radial-gradient
(ellipse at center
, #fff 40%, #dfdfdf 100%);
19563 background-color: #dfdfdf; }
19565 /* Make firefox button sizes match other browsers */
19566 div
.editor_atto_toolbar
button::-moz-focus-inner
{
19570 div
.editor_atto_toolbar button
.icon
{
19574 div
.editor_atto_toolbar div
.atto_group
{
19575 display: inline-block
;
19576 border: 1px solid
#ccc;
19577 border-bottom: 1px solid
#b3b3b3;
19578 border-radius: 4px;
19579 margin: 9px 0 0 9px;
19580 background: #fff; }
19582 .editor_atto_content img {
19587 /* IE8 places the images on top of each other if that is not set. */
19588 white-space: nowrap
; }
19590 .atto_menuentry .icon {
19597 .atto_menuentry h1
,
19598 .atto_menuentry h2
,
19599 .atto_menuentry p {
19602 /*.atto_form label.sameline {
19603 display: inline-block;
19606 .atto_form textarea
.fullwidth
,
19607 .atto_form input.fullwidth {
19613 /*.atto_form label {
19618 position: absolute
;
19624 .atto_control .icon {
19625 background-color: white
; }
19627 div
.editor_atto_content:focus
.atto_control
,
19628 div
.editor_atto_content:hover
.atto_control
{
19631 .editor_atto_menu.yui3-menu-hidden {
19634 /* Get broken images back in firefox */
19635 .editor_atto_content img:-moz-broken {
19636 -moz-force-broken-image-icon: 1;
19638 min-height: 24px; }
19640 /* Atto menu styling */
19641 .moodle-dialogue-base .editor_atto_menu .moodle-dialogue-content .moodle-dialogue-bd {
19645 .editor_atto_menu .dropdown-menu > li > a {
19646 margin: 3px 14px; }
19648 .editor_atto_menu .open ul.dropdown-menu {
19650 padding-bottom: 5px; }
19652 .editor_atto_wrap {
19653 position: relative
; }
19656 .editor_atto_wrap textarea {
19659 .editor_atto_notification
.atto_info
,
19660 .editor_atto_notification .atto_warning {
19661 display: inline-block
;
19662 background-color: #f2f2f2;
19665 padding-right: 1em;
19666 border-bottom-left-radius: 1em;
19667 border-bottom-right-radius: 1em; }
19669 .editor_atto_notification .atto_info {
19670 background-color: #f2f2f2; }
19672 .editor_atto_notification .atto_warning {
19673 background-color: #ffd700; }
19675 .editor_atto_toolbar
,
19676 .editor_atto_content_wrap
,
19677 .editor_atto + textarea {
19678 box-sizing: border-box
; }
19680 .editor_atto_content.form-control {
19684 /** Atto fields do not have form-control because that would break the layout of the editor.
19685 So they need these extra styles to highlight the editor when there is a validation error. */
19686 .has-danger
.editor_atto_content
.form-control
.invalid-feedback
,
19687 .has-danger .editor_atto_content.form-control-danger .invalid-feedback {
19690 margin-top: 0.25rem;
19694 .has-danger
.editor_atto_content
.form-control
.invalid-tooltip
,
19695 .has-danger .editor_atto_content.form-control-danger .invalid-tooltip {
19696 position: absolute
;
19702 padding: 0.25rem 0.5rem;
19704 font-size: 0.8203125rem;
19707 background-color: rgba
(202, 49, 32, 0.9); }
19708 .form-row
> .col
> .has-danger
.editor_atto_content
.form-control
.invalid-tooltip
,
19709 .form-row
> [class
*="col-"] > .has-danger
.editor_atto_content
.form-control
.invalid-tooltip
, .form-row
> .col
>
19710 .has-danger
.editor_atto_content
.form-control-danger
.invalid-tooltip
,
19711 .form-row
> [class
*="col-"] >
19712 .has-danger .editor_atto_content.form-control-danger .invalid-tooltip {
19715 .was-validated
.has-danger
.editor_atto_content
.form-control:invalid
~ .invalid-feedback
,
19716 .was-validated
.has-danger
.editor_atto_content
.form-control:invalid
~ .invalid-tooltip
, .has-danger
.editor_atto_content
.form-control
.is-invalid
~ .invalid-feedback
,
19717 .has-danger
.editor_atto_content
.form-control
.is-invalid
~ .invalid-tooltip
, .was-validated
19718 .has-danger
.editor_atto_content
.form-control-danger:invalid
~ .invalid-feedback
,
19720 .has-danger
.editor_atto_content
.form-control-danger:invalid
~ .invalid-tooltip
,
19721 .has-danger
.editor_atto_content
.form-control-danger
.is-invalid
~ .invalid-feedback
,
19722 .has-danger .editor_atto_content.form-control-danger.is-invalid ~ .invalid-tooltip {
19725 .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
19726 .has-danger
.editor_atto_content
.form-control-danger
.form-control:invalid
,
19727 .has-danger .editor_atto_content.form-control-danger .form-control.is-invalid {
19728 border-color: #ca3120;
19729 padding-right: calc
(1.5em + 0.75rem);
19730 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");
19731 background-repeat: no-repeat
;
19732 background-position: right calc
(0.375em + 0.1875rem) center
;
19733 background-size: calc
(0.75em + 0.375rem) calc
(0.75em + 0.375rem); }
19734 .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
19735 .has-danger
.editor_atto_content
.form-control-danger
.form-control:invalid:focus
,
19736 .has-danger .editor_atto_content.form-control-danger .form-control.is-invalid:focus {
19737 border-color: #ca3120;
19738 box-shadow: 0 0 0 0.2rem rgba
(202, 49, 32, 0.25); }
19740 .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
19741 .has-danger
.editor_atto_content
.form-control-danger textarea
.form-control:invalid
,
19742 .has-danger .editor_atto_content.form-control-danger textarea.form-control.is-invalid {
19743 padding-right: calc
(1.5em + 0.75rem);
19744 background-position: top calc
(0.375em + 0.1875rem) right calc
(0.375em + 0.1875rem); }
19746 .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
19747 .has-danger
.editor_atto_content
.form-control-danger
.custom-select:invalid
,
19748 .has-danger .editor_atto_content.form-control-danger .custom-select.is-invalid {
19749 border-color: #ca3120;
19750 padding-right: calc
(0.75em + 2.3125rem);
19751 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
; }
19752 .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
19753 .has-danger
.editor_atto_content
.form-control-danger
.custom-select:invalid:focus
,
19754 .has-danger .editor_atto_content.form-control-danger .custom-select.is-invalid:focus {
19755 border-color: #ca3120;
19756 box-shadow: 0 0 0 0.2rem rgba
(202, 49, 32, 0.25); }
19758 .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
19759 .has-danger
.editor_atto_content
.form-control-danger
.form-check-input:invalid
~ .form-check-label
,
19760 .has-danger .editor_atto_content.form-control-danger .form-check-input.is-invalid ~ .form-check-label {
19763 .was-validated
.has-danger
.editor_atto_content
.form-control
.form-check-input:invalid
~ .invalid-feedback
,
19764 .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
,
19765 .has-danger
.editor_atto_content
.form-control
.form-check-input
.is-invalid
~ .invalid-tooltip
, .was-validated
19766 .has-danger
.editor_atto_content
.form-control-danger
.form-check-input:invalid
~ .invalid-feedback
,
19768 .has-danger
.editor_atto_content
.form-control-danger
.form-check-input:invalid
~ .invalid-tooltip
,
19769 .has-danger
.editor_atto_content
.form-control-danger
.form-check-input
.is-invalid
~ .invalid-feedback
,
19770 .has-danger .editor_atto_content.form-control-danger .form-check-input.is-invalid ~ .invalid-tooltip {
19773 .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
19774 .has-danger
.editor_atto_content
.form-control-danger
.custom-control-input:invalid
~ .custom-control-label
,
19775 .has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid ~ .custom-control-label {
19777 .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
19778 .has-danger
.editor_atto_content
.form-control-danger
.custom-control-input:invalid
~ .custom-control-label::before
,
19779 .has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid ~ .custom-control-label::before {
19780 border-color: #ca3120; }
19782 .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
19783 .has-danger
.editor_atto_content
.form-control-danger
.custom-control-input:invalid:checked
~ .custom-control-label::before
,
19784 .has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
19785 border-color: #e04d3d;
19786 background-color: #e04d3d; }
19788 .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
19789 .has-danger
.editor_atto_content
.form-control-danger
.custom-control-input:invalid:focus
~ .custom-control-label::before
,
19790 .has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
19791 box-shadow: 0 0 0 0.2rem rgba
(202, 49, 32, 0.25); }
19793 .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
19794 .has-danger
.editor_atto_content
.form-control-danger
.custom-control-input:invalid:focus:not
(:checked
) ~ .custom-control-label::before
,
19795 .has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
19796 border-color: #ca3120; }
19798 .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
19799 .has-danger
.editor_atto_content
.form-control-danger
.custom-file-input:invalid
~ .custom-file-label
,
19800 .has-danger .editor_atto_content.form-control-danger .custom-file-input.is-invalid ~ .custom-file-label {
19801 border-color: #ca3120; }
19803 .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
19804 .has-danger
.editor_atto_content
.form-control-danger
.custom-file-input:invalid:focus
~ .custom-file-label
,
19805 .has-danger .editor_atto_content.form-control-danger .custom-file-input.is-invalid:focus ~ .custom-file-label {
19806 border-color: #ca3120;
19807 box-shadow: 0 0 0 0.2rem rgba
(202, 49, 32, 0.25); }
19809 .open.atto_menu > .dropdown-menu {
19812 div
.editor_atto_toolbar button
.icon
{
19816 border-radius: 0.25rem; }
19817 .toast.toast-success {
19818 background-color: rgba
(215, 228, 214, 0.95);
19820 .toast.toast-success .toast-header {
19822 .toast.toast-success .toast-body:before {
19823 display: inline-block
;
19824 font: normal normal normal
14px/1 FontAwesome
;
19825 font-size: inherit
;
19826 text-rendering: auto
;
19827 -webkit-font-smoothing: antialiased
;
19828 -moz-osx-font-smoothing: grayscale
;
19829 margin: 2px 5px 0 0;
19831 .toast.toast-danger {
19832 background-color: rgba
(244, 214, 210, 0.95);
19834 .toast.toast-danger .toast-header {
19836 .toast.toast-danger .toast-body:before {
19837 display: inline-block
;
19838 font: normal normal normal
14px/1 FontAwesome
;
19839 font-size: inherit
;
19840 text-rendering: auto
;
19841 -webkit-font-smoothing: antialiased
;
19842 -moz-osx-font-smoothing: grayscale
;
19843 margin: 2px 5px 0 0;
19845 .toast.toast-info {
19846 background-color: rgba
(204, 230, 234, 0.95);
19848 .toast.toast-info .toast-header {
19850 .toast.toast-info .toast-body:before {
19851 display: inline-block
;
19852 font: normal normal normal
14px/1 FontAwesome
;
19853 font-size: inherit
;
19854 text-rendering: auto
;
19855 -webkit-font-smoothing: antialiased
;
19856 -moz-osx-font-smoothing: grayscale
;
19857 margin: 2px 5px 0 0;
19859 .toast.toast-warning {
19860 background-color: rgba
(252, 239, 220, 0.95);
19862 .toast.toast-warning .toast-header {
19864 .toast.toast-warning .toast-body:before {
19865 display: inline-block
;
19866 font: normal normal normal
14px/1 FontAwesome
;
19867 font-size: inherit
;
19868 text-rendering: auto
;
19869 -webkit-font-smoothing: antialiased
;
19870 -moz-osx-font-smoothing: grayscale
;
19871 margin: 2px 5px 0 0;
19877 -webkit-font-smoothing: antialiased
;
19878 -moz-osx-font-smoothing: grayscale
; }
19881 box-shadow: 0 2px 4px rgba
(0, 0, 0, 0.08); }
19884 border-radius: 50%; }
19886 .btn-outline-secondary {
19888 border-color: #6a737b;
19889 border-color: #6a737b; }
19890 .btn-outline-secondary:hover {
19892 background-color: #6a737b;
19893 border-color: #6a737b; }
19894 .btn-outline-secondary:focus, .btn-outline-secondary.focus {
19895 box-shadow: 0 0 0 0.2rem rgba
(106, 115, 123, 0.5); }
19896 .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
19898 background-color: transparent
; }
19899 .btn-outline-secondary:not
(:disabled
):not
(.disabled
):active
, .btn-outline-secondary:not
(:disabled
):not
(.disabled
).active
,
19900 .show > .btn-outline-secondary.dropdown-toggle {
19902 background-color: #6a737b;
19903 border-color: #6a737b; }
19904 .btn-outline-secondary:not
(:disabled
):not
(.disabled
):active:focus
, .btn-outline-secondary:not
(:disabled
):not
(.disabled
).active:focus
,
19905 .show > .btn-outline-secondary.dropdown-toggle:focus {
19906 box-shadow: 0 0 0 0.2rem rgba
(106, 115, 123, 0.5); }
19908 .btn-outline-info {
19910 border-color: #1f7e9a; }
19911 .btn-outline-info:hover {
19913 background-color: #1f7e9a;
19914 border-color: #1f7e9a; }
19915 .btn-outline-info:focus, .btn-outline-info.focus {
19916 box-shadow: 0 0 0 0.2rem rgba
(31, 126, 154, 0.5); }
19917 .btn-outline-info.disabled, .btn-outline-info:disabled {
19919 background-color: transparent
; }
19920 .btn-outline-info:not
(:disabled
):not
(.disabled
):active
, .btn-outline-info:not
(:disabled
):not
(.disabled
).active
,
19921 .show > .btn-outline-info.dropdown-toggle {
19923 background-color: #1f7e9a;
19924 border-color: #1f7e9a; }
19925 .btn-outline-info:not
(:disabled
):not
(.disabled
):active:focus
, .btn-outline-info:not
(:disabled
):not
(.disabled
).active:focus
,
19926 .show > .btn-outline-info.dropdown-toggle:focus {
19927 box-shadow: 0 0 0 0.2rem rgba
(31, 126, 154, 0.5); }
19929 .btn-outline-warning {
19931 border-color: #a6670e; }
19932 .btn-outline-warning:hover {
19934 background-color: #a6670e;
19935 border-color: #a6670e; }
19936 .btn-outline-warning:focus, .btn-outline-warning.focus {
19937 box-shadow: 0 0 0 0.2rem rgba
(166, 103, 14, 0.5); }
19938 .btn-outline-warning.disabled, .btn-outline-warning:disabled {
19940 background-color: transparent
; }
19941 .btn-outline-warning:not
(:disabled
):not
(.disabled
):active
, .btn-outline-warning:not
(:disabled
):not
(.disabled
).active
,
19942 .show > .btn-outline-warning.dropdown-toggle {
19944 background-color: #a6670e;
19945 border-color: #a6670e; }
19946 .btn-outline-warning:not
(:disabled
):not
(.disabled
):active:focus
, .btn-outline-warning:not
(:disabled
):not
(.disabled
).active:focus
,
19947 .show > .btn-outline-warning.dropdown-toggle:focus {
19948 box-shadow: 0 0 0 0.2rem rgba
(166, 103, 14, 0.5); }
19951 background-color: #e9ecef !important
; }
19953 a
.bg-gray:hover
, a
.bg-gray:focus
,
19954 button
.bg-gray:hover
,
19955 button
.bg-gray:focus
{
19956 background-color: #cbd3da !important
; }