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.5.0 (https://getbootstrap.com/)
2331 * Copyright 2011-2020 The Bootstrap Authors
2332 * Copyright 2011-2020 Twitter, Inc.
2333 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/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", 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", 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
; }
2473 text-decoration: none
; }
2474 a:not
([href
]):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
; }
2516 display: inline-block
;
2517 margin-bottom: 0.5rem; }
2523 outline: 1px dotted
;
2524 outline: 5px auto
-webkit-focus-ring-color
; }
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: #212529; }
2803 word-break: normal
; }
2807 overflow-y: scroll
; }
2811 padding-right: 15px;
2814 margin-left: auto
; }
2815 @media
(min-width: 576px) {
2817 max-width: 540px; } }
2818 @media
(min-width: 768px) {
2820 max-width: 720px; } }
2821 @media
(min-width: 992px) {
2823 max-width: 960px; } }
2824 @media
(min-width: 1200px) {
2826 max-width: 1140px; } }
2828 .container-fluid, .container-sm, .container-md, .container-lg, .container-xl {
2830 padding-right: 15px;
2833 margin-left: auto
; }
2835 @media (min-width: 576px) {
2836 .container, .container-sm {
2837 max-width: 540px; } }
2839 @media (min-width: 768px) {
2840 .container, .container-sm, .container-md {
2841 max-width: 720px; } }
2843 @media (min-width: 992px) {
2844 .container, .container-sm, .container-md, .container-lg {
2845 max-width: 960px; } }
2847 @media (min-width: 1200px) {
2848 .container, .container-sm, .container-md, .container-lg, .container-xl {
2849 max-width: 1140px; } }
2854 margin-right: -15px;
2855 margin-left: -15px; }
2861 .no-gutters > [class*="col-"] {
2865 .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
,
2866 .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
,
2867 .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
,
2868 .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
,
2869 .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
,
2873 padding-right: 15px;
2874 padding-left: 15px; }
2891 flex: 0 0 33.3333333333%;
2892 max-width: 33.3333333333%; }
2903 flex: 0 0 16.6666666667%;
2904 max-width: 16.6666666667%; }
2912 flex: 0 0 8.3333333333%;
2913 max-width: 8.3333333333%; }
2916 flex: 0 0 16.6666666667%;
2917 max-width: 16.6666666667%; }
2924 flex: 0 0 33.3333333333%;
2925 max-width: 33.3333333333%; }
2928 flex: 0 0 41.6666666667%;
2929 max-width: 41.6666666667%; }
2936 flex: 0 0 58.3333333333%;
2937 max-width: 58.3333333333%; }
2940 flex: 0 0 66.6666666667%;
2941 max-width: 66.6666666667%; }
2948 flex: 0 0 83.3333333333%;
2949 max-width: 83.3333333333%; }
2952 flex: 0 0 91.6666666667%;
2953 max-width: 91.6666666667%; }
3005 margin-left: 8.3333333333%; }
3008 margin-left: 16.6666666667%; }
3014 margin-left: 33.3333333333%; }
3017 margin-left: 41.6666666667%; }
3023 margin-left: 58.3333333333%; }
3026 margin-left: 66.6666666667%; }
3032 margin-left: 83.3333333333%; }
3035 margin-left: 91.6666666667%; }
3037 @media (min-width: 576px) {
3043 .row-cols-sm-1 > * {
3046 .row-cols-sm-2 > * {
3049 .row-cols-sm-3 > * {
3050 flex: 0 0 33.3333333333%;
3051 max-width: 33.3333333333%; }
3052 .row-cols-sm-4 > * {
3055 .row-cols-sm-5 > * {
3058 .row-cols-sm-6 > * {
3059 flex: 0 0 16.6666666667%;
3060 max-width: 16.6666666667%; }
3066 flex: 0 0 8.3333333333%;
3067 max-width: 8.3333333333%; }
3069 flex: 0 0 16.6666666667%;
3070 max-width: 16.6666666667%; }
3075 flex: 0 0 33.3333333333%;
3076 max-width: 33.3333333333%; }
3078 flex: 0 0 41.6666666667%;
3079 max-width: 41.6666666667%; }
3084 flex: 0 0 58.3333333333%;
3085 max-width: 58.3333333333%; }
3087 flex: 0 0 66.6666666667%;
3088 max-width: 66.6666666667%; }
3093 flex: 0 0 83.3333333333%;
3094 max-width: 83.3333333333%; }
3096 flex: 0 0 91.6666666667%;
3097 max-width: 91.6666666667%; }
3134 margin-left: 8.3333333333%; }
3136 margin-left: 16.6666666667%; }
3140 margin-left: 33.3333333333%; }
3142 margin-left: 41.6666666667%; }
3146 margin-left: 58.3333333333%; }
3148 margin-left: 66.6666666667%; }
3152 margin-left: 83.3333333333%; }
3154 margin-left: 91.6666666667%; } }
3156 @media (min-width: 768px) {
3162 .row-cols-md-1 > * {
3165 .row-cols-md-2 > * {
3168 .row-cols-md-3 > * {
3169 flex: 0 0 33.3333333333%;
3170 max-width: 33.3333333333%; }
3171 .row-cols-md-4 > * {
3174 .row-cols-md-5 > * {
3177 .row-cols-md-6 > * {
3178 flex: 0 0 16.6666666667%;
3179 max-width: 16.6666666667%; }
3185 flex: 0 0 8.3333333333%;
3186 max-width: 8.3333333333%; }
3188 flex: 0 0 16.6666666667%;
3189 max-width: 16.6666666667%; }
3194 flex: 0 0 33.3333333333%;
3195 max-width: 33.3333333333%; }
3197 flex: 0 0 41.6666666667%;
3198 max-width: 41.6666666667%; }
3203 flex: 0 0 58.3333333333%;
3204 max-width: 58.3333333333%; }
3206 flex: 0 0 66.6666666667%;
3207 max-width: 66.6666666667%; }
3212 flex: 0 0 83.3333333333%;
3213 max-width: 83.3333333333%; }
3215 flex: 0 0 91.6666666667%;
3216 max-width: 91.6666666667%; }
3253 margin-left: 8.3333333333%; }
3255 margin-left: 16.6666666667%; }
3259 margin-left: 33.3333333333%; }
3261 margin-left: 41.6666666667%; }
3265 margin-left: 58.3333333333%; }
3267 margin-left: 66.6666666667%; }
3271 margin-left: 83.3333333333%; }
3273 margin-left: 91.6666666667%; } }
3275 @media (min-width: 992px) {
3281 .row-cols-lg-1 > * {
3284 .row-cols-lg-2 > * {
3287 .row-cols-lg-3 > * {
3288 flex: 0 0 33.3333333333%;
3289 max-width: 33.3333333333%; }
3290 .row-cols-lg-4 > * {
3293 .row-cols-lg-5 > * {
3296 .row-cols-lg-6 > * {
3297 flex: 0 0 16.6666666667%;
3298 max-width: 16.6666666667%; }
3304 flex: 0 0 8.3333333333%;
3305 max-width: 8.3333333333%; }
3307 flex: 0 0 16.6666666667%;
3308 max-width: 16.6666666667%; }
3313 flex: 0 0 33.3333333333%;
3314 max-width: 33.3333333333%; }
3316 flex: 0 0 41.6666666667%;
3317 max-width: 41.6666666667%; }
3322 flex: 0 0 58.3333333333%;
3323 max-width: 58.3333333333%; }
3325 flex: 0 0 66.6666666667%;
3326 max-width: 66.6666666667%; }
3331 flex: 0 0 83.3333333333%;
3332 max-width: 83.3333333333%; }
3334 flex: 0 0 91.6666666667%;
3335 max-width: 91.6666666667%; }
3372 margin-left: 8.3333333333%; }
3374 margin-left: 16.6666666667%; }
3378 margin-left: 33.3333333333%; }
3380 margin-left: 41.6666666667%; }
3384 margin-left: 58.3333333333%; }
3386 margin-left: 66.6666666667%; }
3390 margin-left: 83.3333333333%; }
3392 margin-left: 91.6666666667%; } }
3394 @media (min-width: 1200px) {
3400 .row-cols-xl-1 > * {
3403 .row-cols-xl-2 > * {
3406 .row-cols-xl-3 > * {
3407 flex: 0 0 33.3333333333%;
3408 max-width: 33.3333333333%; }
3409 .row-cols-xl-4 > * {
3412 .row-cols-xl-5 > * {
3415 .row-cols-xl-6 > * {
3416 flex: 0 0 16.6666666667%;
3417 max-width: 16.6666666667%; }
3423 flex: 0 0 8.3333333333%;
3424 max-width: 8.3333333333%; }
3426 flex: 0 0 16.6666666667%;
3427 max-width: 16.6666666667%; }
3432 flex: 0 0 33.3333333333%;
3433 max-width: 33.3333333333%; }
3435 flex: 0 0 41.6666666667%;
3436 max-width: 41.6666666667%; }
3441 flex: 0 0 58.3333333333%;
3442 max-width: 58.3333333333%; }
3444 flex: 0 0 66.6666666667%;
3445 max-width: 66.6666666667%; }
3450 flex: 0 0 83.3333333333%;
3451 max-width: 83.3333333333%; }
3453 flex: 0 0 91.6666666667%;
3454 max-width: 91.6666666667%; }
3491 margin-left: 8.3333333333%; }
3493 margin-left: 16.6666666667%; }
3497 margin-left: 33.3333333333%; }
3499 margin-left: 41.6666666667%; }
3503 margin-left: 58.3333333333%; }
3505 margin-left: 66.6666666667%; }
3509 margin-left: 83.3333333333%; }
3511 margin-left: 91.6666666667%; } }
3515 margin-bottom: 1rem;
3520 vertical-align: top
;
3521 border-top: 1px solid
#dee2e6; }
3523 vertical-align: bottom
;
3524 border-bottom: 2px solid
#dee2e6; }
3525 .table tbody + tbody {
3526 border-top: 2px solid
#dee2e6; }
3533 border: 1px solid
#dee2e6; }
3535 .table-bordered td {
3536 border: 1px solid
#dee2e6; }
3537 .table-bordered thead th
,
3538 .table-bordered thead td {
3539 border-bottom-width: 2px; }
3541 .table-borderless th
,
3542 .table-borderless td
,
3543 .table-borderless thead th
,
3544 .table-borderless tbody + tbody {
3547 .table-striped tbody tr:nth-of-type(odd) {
3548 background-color: rgba
(0, 0, 0, 0.05); }
3550 .table-hover tbody tr:hover {
3552 background-color: rgba
(0, 0, 0, 0.075); }
3555 .table-primary
> th
,
3556 .table-primary > td {
3557 background-color: #bcd9f2; }
3561 .table-primary thead th
,
3562 .table-primary tbody + tbody {
3563 border-color: #83b8e7; }
3565 .table-hover .table-primary:hover {
3566 background-color: #a7cdee; }
3567 .table-hover
.table-primary:hover
> td
,
3568 .table-hover .table-primary:hover > th {
3569 background-color: #a7cdee; }
3572 .table-secondary
> th
,
3573 .table-secondary > td {
3574 background-color: #f1f3f5; }
3576 .table-secondary th
,
3577 .table-secondary td
,
3578 .table-secondary thead th
,
3579 .table-secondary tbody + tbody {
3580 border-color: #e6e9ec; }
3582 .table-hover .table-secondary:hover {
3583 background-color: #e2e6ea; }
3584 .table-hover
.table-secondary:hover
> td
,
3585 .table-hover .table-secondary:hover > th {
3586 background-color: #e2e6ea; }
3589 .table-success
> th
,
3590 .table-success > td {
3591 background-color: #c8ddc8; }
3595 .table-success thead th
,
3596 .table-success tbody + tbody {
3597 border-color: #98bf98; }
3599 .table-hover .table-success:hover {
3600 background-color: #b8d3b8; }
3601 .table-hover
.table-success:hover
> td
,
3602 .table-hover .table-success:hover > th {
3603 background-color: #b8d3b8; }
3608 background-color: #d1edf6; }
3612 .table-info thead th
,
3613 .table-info tbody + tbody {
3614 border-color: #aadeee; }
3616 .table-hover .table-info:hover {
3617 background-color: #bce5f2; }
3618 .table-hover
.table-info:hover
> td
,
3619 .table-hover .table-info:hover > th {
3620 background-color: #bce5f2; }
3623 .table-warning
> th
,
3624 .table-warning > td {
3625 background-color: #fbe8cd; }
3629 .table-warning thead th
,
3630 .table-warning tbody + tbody {
3631 border-color: #f7d4a3; }
3633 .table-hover .table-warning:hover {
3634 background-color: #f9ddb5; }
3635 .table-hover
.table-warning:hover
> td
,
3636 .table-hover .table-warning:hover > th {
3637 background-color: #f9ddb5; }
3641 .table-danger > td {
3642 background-color: #f3c9c8; }
3646 .table-danger thead th
,
3647 .table-danger tbody + tbody {
3648 border-color: #e99b99; }
3650 .table-hover .table-danger:hover {
3651 background-color: #eeb4b3; }
3652 .table-hover
.table-danger:hover
> td
,
3653 .table-hover .table-danger:hover > th {
3654 background-color: #eeb4b3; }
3659 background-color: #fdfdfe; }
3663 .table-light thead th
,
3664 .table-light tbody + tbody {
3665 border-color: #fbfcfc; }
3667 .table-hover .table-light:hover {
3668 background-color: #ececf6; }
3669 .table-hover
.table-light:hover
> td
,
3670 .table-hover .table-light:hover > th {
3671 background-color: #ececf6; }
3676 background-color: #c6c8ca; }
3680 .table-dark thead th
,
3681 .table-dark tbody + tbody {
3682 border-color: #95999c; }
3684 .table-hover .table-dark:hover {
3685 background-color: #b9bbbe; }
3686 .table-hover
.table-dark:hover
> td
,
3687 .table-hover .table-dark:hover > th {
3688 background-color: #b9bbbe; }
3692 .table-active > td {
3693 background-color: rgba
(0, 0, 0, 0.075); }
3695 .table-hover .table-active:hover {
3696 background-color: rgba
(0, 0, 0, 0.075); }
3697 .table-hover
.table-active:hover
> td
,
3698 .table-hover .table-active:hover > th {
3699 background-color: rgba
(0, 0, 0, 0.075); }
3701 .table .thead-dark th {
3703 background-color: #343a40;
3704 border-color: #454d55; }
3706 .table .thead-light th {
3708 background-color: #e9ecef;
3709 border-color: #dee2e6; }
3713 background-color: #343a40; }
3716 .table-dark thead th {
3717 border-color: #454d55; }
3718 .table-dark.table-bordered {
3720 .table-dark.table-striped tbody tr:nth-of-type(odd) {
3721 background-color: rgba
(255, 255, 255, 0.05); }
3722 .table-dark.table-hover tbody tr:hover {
3724 background-color: rgba
(255, 255, 255, 0.075); }
3726 @media (max-width: 575.98px) {
3727 .table-responsive-sm {
3731 -webkit-overflow-scrolling: touch
; }
3732 .table-responsive-sm > .table-bordered {
3735 @media (max-width: 767.98px) {
3736 .table-responsive-md {
3740 -webkit-overflow-scrolling: touch
; }
3741 .table-responsive-md > .table-bordered {
3744 @media (max-width: 991.98px) {
3745 .table-responsive-lg {
3749 -webkit-overflow-scrolling: touch
; }
3750 .table-responsive-lg > .table-bordered {
3753 @media (max-width: 1199.98px) {
3754 .table-responsive-xl {
3758 -webkit-overflow-scrolling: touch
; }
3759 .table-responsive-xl > .table-bordered {
3766 -webkit-overflow-scrolling: touch
; }
3767 .table-responsive > .table-bordered {
3773 height: calc
(1.5em + 0.75rem + 2px);
3774 padding: 0.375rem 0.75rem;
3775 font-size: 0.9375rem;
3779 background-color: #fff;
3780 background-clip: padding-box
;
3781 border: 1px solid
#ced4da;
3783 transition: border-color
0.15s ease-in-out
, box-shadow
0.15s ease-in-out
; }
3784 @media
(max-width: 1200px) {
3786 font-size: calc
(0.90375rem + 0.045vw) ; } }
3787 @media
(prefers-reduced-motion: reduce
) {
3789 transition: none
; } }
3790 .form-control::-ms-expand {
3791 background-color: transparent
;
3793 .form-control:-moz-focusring {
3795 text-shadow: 0 0 0 #495057; }
3796 .form-control:focus {
3798 background-color: #fff;
3799 border-color: #6eb5f3;
3801 box-shadow: 0 0 0 0.2rem rgba
(17, 119, 209, 0.75); }
3802 .form-control::placeholder {
3805 .form-control:disabled, .form-control[readonly] {
3806 background-color: #e9ecef;
3809 input
[type
="date"].form-control
,
3810 input
[type
="time"].form-control
,
3811 input
[type
="datetime-local"].form-control
,
3812 input
[type
="month"].form-control
{
3815 select
.form-control:focus::-ms-value
{
3817 background-color: #fff; }
3820 .form-control-range {
3825 padding-top: calc
(0.375rem + 1px);
3826 padding-bottom: calc
(0.375rem + 1px);
3831 .col-form-label-lg {
3832 padding-top: calc
(0.5rem + 1px);
3833 padding-bottom: calc
(0.5rem + 1px);
3834 font-size: 1.171875rem;
3836 @media
(max-width: 1200px) {
3837 .col-form-label-lg {
3838 font-size: calc
(0.9271875rem + 0.32625vw) ; } }
3840 .col-form-label-sm {
3841 padding-top: calc
(0.25rem + 1px);
3842 padding-bottom: calc
(0.25rem + 1px);
3843 font-size: 0.8203125rem;
3846 .form-control-plaintext {
3849 padding: 0.375rem 0;
3851 font-size: 0.9375rem;
3854 background-color: transparent
;
3855 border: solid transparent
;
3856 border-width: 1px 0; }
3857 @media
(max-width: 1200px) {
3858 .form-control-plaintext {
3859 font-size: calc
(0.90375rem + 0.045vw) ; } }
3860 .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
3865 height: calc
(1.5em + 0.5rem + 2px);
3866 padding: 0.25rem 0.5rem;
3867 font-size: 0.8203125rem;
3871 height: calc
(1.5em + 1rem + 2px);
3872 padding: 0.5rem 1rem;
3873 font-size: 1.171875rem;
3875 @media
(max-width: 1200px) {
3877 font-size: calc
(0.9271875rem + 0.32625vw) ; } }
3879 select
.form-control
[size
], select
.form-control
[multiple
] {
3882 textarea
.form-control
{
3886 margin-bottom: 1rem; }
3890 margin-top: 0.25rem; }
3896 margin-left: -5px; }
3898 .form-row > [class*="col-"] {
3900 padding-left: 5px; }
3905 padding-left: 1.25rem; }
3910 margin-left: -1.25rem; }
3911 .form-check-input
[disabled
] ~ .form-check-label
,
3912 .form-check-input:disabled ~ .form-check-label {
3918 .form-check-inline {
3919 display: inline-flex
;
3920 align-items: center
;
3922 margin-right: 0.75rem; }
3923 .form-check-inline .form-check-input {
3926 margin-right: 0.3125rem;
3932 margin-top: 0.25rem;
3942 padding: 0.25rem 0.5rem;
3944 font-size: 0.8203125rem;
3947 background-color: rgba
(57, 132, 57, 0.9); }
3949 .was-validated :valid
~ .valid-feedback
,
3950 .was-validated :valid
~ .valid-tooltip
,
3951 .is-valid
~ .valid-feedback
,
3952 .is-valid ~ .valid-tooltip {
3955 .was-validated .form-control:valid, .form-control.is-valid {
3956 border-color: #398439;
3957 padding-right: calc
(1.5em + 0.75rem);
3958 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='%23398439' 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");
3959 background-repeat: no-repeat
;
3960 background-position: right calc
(0.375em + 0.1875rem) center
;
3961 background-size: calc
(0.75em + 0.375rem) calc
(0.75em + 0.375rem); }
3962 .was-validated .form-control:valid:focus, .form-control.is-valid:focus {
3963 border-color: #398439;
3964 box-shadow: 0 0 0 0.2rem rgba
(57, 132, 57, 0.25); }
3966 .was-validated textarea.form-control:valid, textarea.form-control.is-valid {
3967 padding-right: calc
(1.5em + 0.75rem);
3968 background-position: top calc
(0.375em + 0.1875rem) right calc
(0.375em + 0.1875rem); }
3970 .was-validated .custom-select:valid, .custom-select.is-valid {
3971 border-color: #398439;
3972 padding-right: calc
(0.75em + 2.3125rem);
3973 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") no-repeat right
0.75rem center
/8px 10px, 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='%23398439' 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") #fff no-repeat center right
1.75rem/calc
(0.75em + 0.375rem) calc
(0.75em + 0.375rem); }
3974 .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
3975 border-color: #398439;
3976 box-shadow: 0 0 0 0.2rem rgba
(57, 132, 57, 0.25); }
3978 .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
3981 .was-validated
.form-check-input:valid
~ .valid-feedback
,
3982 .was-validated
.form-check-input:valid
~ .valid-tooltip
, .form-check-input
.is-valid
~ .valid-feedback
,
3983 .form-check-input.is-valid ~ .valid-tooltip {
3986 .was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
3988 .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
3989 border-color: #398439; }
3991 .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
3992 border-color: #48a848;
3993 background-color: #48a848; }
3995 .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
3996 box-shadow: 0 0 0 0.2rem rgba
(57, 132, 57, 0.25); }
3998 .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 {
3999 border-color: #398439; }
4001 .was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
4002 border-color: #398439; }
4004 .was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
4005 border-color: #398439;
4006 box-shadow: 0 0 0 0.2rem rgba
(57, 132, 57, 0.25); }
4011 margin-top: 0.25rem;
4021 padding: 0.25rem 0.5rem;
4023 font-size: 0.8203125rem;
4026 background-color: rgba
(212, 63, 58, 0.9); }
4028 .was-validated :invalid
~ .invalid-feedback
,
4029 .was-validated :invalid
~ .invalid-tooltip
,
4030 .is-invalid
~ .invalid-feedback
,
4031 .is-invalid ~ .invalid-tooltip {
4034 .was-validated .form-control:invalid, .form-control.is-invalid {
4035 border-color: #d43f3a;
4036 padding-right: calc
(1.5em + 0.75rem);
4037 background-image: url
("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23d43f3a' 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='%23d43f3a' stroke='none'/%3e%3c/svg%3e");
4038 background-repeat: no-repeat
;
4039 background-position: right calc
(0.375em + 0.1875rem) center
;
4040 background-size: calc
(0.75em + 0.375rem) calc
(0.75em + 0.375rem); }
4041 .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
4042 border-color: #d43f3a;
4043 box-shadow: 0 0 0 0.2rem rgba
(212, 63, 58, 0.25); }
4045 .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
4046 padding-right: calc
(1.5em + 0.75rem);
4047 background-position: top calc
(0.375em + 0.1875rem) right calc
(0.375em + 0.1875rem); }
4049 .was-validated .custom-select:invalid, .custom-select.is-invalid {
4050 border-color: #d43f3a;
4051 padding-right: calc
(0.75em + 2.3125rem);
4052 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") no-repeat right
0.75rem center
/8px 10px, url
("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23d43f3a' 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='%23d43f3a' stroke='none'/%3e%3c/svg%3e") #fff no-repeat center right
1.75rem/calc
(0.75em + 0.375rem) calc
(0.75em + 0.375rem); }
4053 .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
4054 border-color: #d43f3a;
4055 box-shadow: 0 0 0 0.2rem rgba
(212, 63, 58, 0.25); }
4057 .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
4060 .was-validated
.form-check-input:invalid
~ .invalid-feedback
,
4061 .was-validated
.form-check-input:invalid
~ .invalid-tooltip
, .form-check-input
.is-invalid
~ .invalid-feedback
,
4062 .form-check-input.is-invalid ~ .invalid-tooltip {
4065 .was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
4067 .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
4068 border-color: #d43f3a; }
4070 .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
4071 border-color: #dd6864;
4072 background-color: #dd6864; }
4074 .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
4075 box-shadow: 0 0 0 0.2rem rgba
(212, 63, 58, 0.25); }
4077 .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 {
4078 border-color: #d43f3a; }
4080 .was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
4081 border-color: #d43f3a; }
4083 .was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
4084 border-color: #d43f3a;
4085 box-shadow: 0 0 0 0.2rem rgba
(212, 63, 58, 0.25); }
4089 flex-flow: row wrap
;
4090 align-items: center
; }
4091 .form-inline .form-check {
4093 @media
(min-width: 576px) {
4094 .form-inline label {
4096 align-items: center
;
4097 justify-content: center
;
4099 .form-inline .form-group {
4102 flex-flow: row wrap
;
4103 align-items: center
;
4105 .form-inline .form-control {
4106 display: inline-block
;
4108 vertical-align: middle
; }
4109 .form-inline .form-control-plaintext {
4110 display: inline-block
; }
4111 .form-inline
.input-group
,
4112 .form-inline .custom-select {
4114 .form-inline .form-check {
4116 align-items: center
;
4117 justify-content: center
;
4120 .form-inline .form-check-input {
4124 margin-right: 0.25rem;
4126 .form-inline .custom-control {
4127 align-items: center
;
4128 justify-content: center
; }
4129 .form-inline .custom-control-label {
4130 margin-bottom: 0; } }
4133 display: inline-block
;
4137 vertical-align: middle
;
4139 background-color: transparent
;
4140 border: 1px solid transparent
;
4141 padding: 0.375rem 0.75rem;
4142 font-size: 0.9375rem;
4145 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
; }
4146 @media
(max-width: 1200px) {
4148 font-size: calc
(0.90375rem + 0.045vw) ; } }
4149 @media
(prefers-reduced-motion: reduce
) {
4151 transition: none
; } }
4154 text-decoration: none
; }
4155 .btn:focus, .btn.focus {
4157 box-shadow: 0 0 0 0.2rem rgba
(17, 119, 209, 0.75); }
4158 .btn.disabled, .btn:disabled {
4160 .btn:not(:disabled):not(.disabled) {
4164 fieldset:disabled a
.btn
{
4165 pointer-events: none
; }
4169 background-color: #1177d1;
4170 border-color: #1177d1; }
4171 .btn-primary:hover {
4173 background-color: #0e63ae;
4174 border-color: #0d5ca2; }
4175 .btn-primary:focus, .btn-primary.focus {
4177 background-color: #0e63ae;
4178 border-color: #0d5ca2;
4179 box-shadow: 0 0 0 0.2rem rgba
(53, 139, 216, 0.5); }
4180 .btn-primary.disabled, .btn-primary:disabled {
4182 background-color: #1177d1;
4183 border-color: #1177d1; }
4184 .btn-primary:not
(:disabled
):not
(.disabled
):active
, .btn-primary:not
(:disabled
):not
(.disabled
).active
,
4185 .show > .btn-primary.dropdown-toggle {
4187 background-color: #0d5ca2;
4188 border-color: #0c5596; }
4189 .btn-primary:not
(:disabled
):not
(.disabled
):active:focus
, .btn-primary:not
(:disabled
):not
(.disabled
).active:focus
,
4190 .show > .btn-primary.dropdown-toggle:focus {
4191 box-shadow: 0 0 0 0.2rem rgba
(53, 139, 216, 0.5); }
4195 background-color: #ced4da;
4196 border-color: #ced4da; }
4197 .btn-secondary:hover {
4199 background-color: #b8c1ca;
4200 border-color: #b1bbc4; }
4201 .btn-secondary:focus, .btn-secondary.focus {
4203 background-color: #b8c1ca;
4204 border-color: #b1bbc4;
4205 box-shadow: 0 0 0 0.2rem rgba
(180, 186, 191, 0.5); }
4206 .btn-secondary.disabled, .btn-secondary:disabled {
4208 background-color: #ced4da;
4209 border-color: #ced4da; }
4210 .btn-secondary:not
(:disabled
):not
(.disabled
):active
, .btn-secondary:not
(:disabled
):not
(.disabled
).active
,
4211 .show > .btn-secondary.dropdown-toggle {
4213 background-color: #b1bbc4;
4214 border-color: #aab4bf; }
4215 .btn-secondary:not
(:disabled
):not
(.disabled
):active:focus
, .btn-secondary:not
(:disabled
):not
(.disabled
).active:focus
,
4216 .show > .btn-secondary.dropdown-toggle:focus {
4217 box-shadow: 0 0 0 0.2rem rgba
(180, 186, 191, 0.5); }
4221 background-color: #398439;
4222 border-color: #398439; }
4223 .btn-success:hover {
4225 background-color: #2d692d;
4226 border-color: #2a602a; }
4227 .btn-success:focus, .btn-success.focus {
4229 background-color: #2d692d;
4230 border-color: #2a602a;
4231 box-shadow: 0 0 0 0.2rem rgba
(87, 150, 87, 0.5); }
4232 .btn-success.disabled, .btn-success:disabled {
4234 background-color: #398439;
4235 border-color: #398439; }
4236 .btn-success:not
(:disabled
):not
(.disabled
):active
, .btn-success:not
(:disabled
):not
(.disabled
).active
,
4237 .show > .btn-success.dropdown-toggle {
4239 background-color: #2a602a;
4240 border-color: #265726; }
4241 .btn-success:not
(:disabled
):not
(.disabled
):active:focus
, .btn-success:not
(:disabled
):not
(.disabled
).active:focus
,
4242 .show > .btn-success.dropdown-toggle:focus {
4243 box-shadow: 0 0 0 0.2rem rgba
(87, 150, 87, 0.5); }
4247 background-color: #5bc0de;
4248 border-color: #5bc0de; }
4251 background-color: #3bb4d8;
4252 border-color: #31b0d5; }
4253 .btn-info:focus, .btn-info.focus {
4255 background-color: #3bb4d8;
4256 border-color: #31b0d5;
4257 box-shadow: 0 0 0 0.2rem rgba
(82, 169, 195, 0.5); }
4258 .btn-info.disabled, .btn-info:disabled {
4260 background-color: #5bc0de;
4261 border-color: #5bc0de; }
4262 .btn-info:not
(:disabled
):not
(.disabled
):active
, .btn-info:not
(:disabled
):not
(.disabled
).active
,
4263 .show > .btn-info.dropdown-toggle {
4265 background-color: #31b0d5;
4266 border-color: #2aaacf; }
4267 .btn-info:not
(:disabled
):not
(.disabled
):active:focus
, .btn-info:not
(:disabled
):not
(.disabled
).active:focus
,
4268 .show > .btn-info.dropdown-toggle:focus {
4269 box-shadow: 0 0 0 0.2rem rgba
(82, 169, 195, 0.5); }
4273 background-color: #f0ad4e;
4274 border-color: #f0ad4e; }
4275 .btn-warning:hover {
4277 background-color: #ed9d2b;
4278 border-color: #ec971f; }
4279 .btn-warning:focus, .btn-warning.focus {
4281 background-color: #ed9d2b;
4282 border-color: #ec971f;
4283 box-shadow: 0 0 0 0.2rem rgba
(209, 153, 72, 0.5); }
4284 .btn-warning.disabled, .btn-warning:disabled {
4286 background-color: #f0ad4e;
4287 border-color: #f0ad4e; }
4288 .btn-warning:not
(:disabled
):not
(.disabled
):active
, .btn-warning:not
(:disabled
):not
(.disabled
).active
,
4289 .show > .btn-warning.dropdown-toggle {
4291 background-color: #ec971f;
4292 border-color: #ea9214; }
4293 .btn-warning:not
(:disabled
):not
(.disabled
):active:focus
, .btn-warning:not
(:disabled
):not
(.disabled
).active:focus
,
4294 .show > .btn-warning.dropdown-toggle:focus {
4295 box-shadow: 0 0 0 0.2rem rgba
(209, 153, 72, 0.5); }
4299 background-color: #d43f3a;
4300 border-color: #d43f3a; }
4303 background-color: #be2e2a;
4304 border-color: #b42c27; }
4305 .btn-danger:focus, .btn-danger.focus {
4307 background-color: #be2e2a;
4308 border-color: #b42c27;
4309 box-shadow: 0 0 0 0.2rem rgba
(218, 92, 88, 0.5); }
4310 .btn-danger.disabled, .btn-danger:disabled {
4312 background-color: #d43f3a;
4313 border-color: #d43f3a; }
4314 .btn-danger:not
(:disabled
):not
(.disabled
):active
, .btn-danger:not
(:disabled
):not
(.disabled
).active
,
4315 .show > .btn-danger.dropdown-toggle {
4317 background-color: #b42c27;
4318 border-color: #a92925; }
4319 .btn-danger:not
(:disabled
):not
(.disabled
):active:focus
, .btn-danger:not
(:disabled
):not
(.disabled
).active:focus
,
4320 .show > .btn-danger.dropdown-toggle:focus {
4321 box-shadow: 0 0 0 0.2rem rgba
(218, 92, 88, 0.5); }
4325 background-color: #f8f9fa;
4326 border-color: #f8f9fa; }
4329 background-color: #e2e6ea;
4330 border-color: #dae0e5; }
4331 .btn-light:focus, .btn-light.focus {
4333 background-color: #e2e6ea;
4334 border-color: #dae0e5;
4335 box-shadow: 0 0 0 0.2rem rgba
(216, 217, 219, 0.5); }
4336 .btn-light.disabled, .btn-light:disabled {
4338 background-color: #f8f9fa;
4339 border-color: #f8f9fa; }
4340 .btn-light:not
(:disabled
):not
(.disabled
):active
, .btn-light:not
(:disabled
):not
(.disabled
).active
,
4341 .show > .btn-light.dropdown-toggle {
4343 background-color: #dae0e5;
4344 border-color: #d3d9df; }
4345 .btn-light:not
(:disabled
):not
(.disabled
):active:focus
, .btn-light:not
(:disabled
):not
(.disabled
).active:focus
,
4346 .show > .btn-light.dropdown-toggle:focus {
4347 box-shadow: 0 0 0 0.2rem rgba
(216, 217, 219, 0.5); }
4351 background-color: #343a40;
4352 border-color: #343a40; }
4355 background-color: #23272b;
4356 border-color: #1d2124; }
4357 .btn-dark:focus, .btn-dark.focus {
4359 background-color: #23272b;
4360 border-color: #1d2124;
4361 box-shadow: 0 0 0 0.2rem rgba
(82, 88, 93, 0.5); }
4362 .btn-dark.disabled, .btn-dark:disabled {
4364 background-color: #343a40;
4365 border-color: #343a40; }
4366 .btn-dark:not
(:disabled
):not
(.disabled
):active
, .btn-dark:not
(:disabled
):not
(.disabled
).active
,
4367 .show > .btn-dark.dropdown-toggle {
4369 background-color: #1d2124;
4370 border-color: #171a1d; }
4371 .btn-dark:not
(:disabled
):not
(.disabled
):active:focus
, .btn-dark:not
(:disabled
):not
(.disabled
).active:focus
,
4372 .show > .btn-dark.dropdown-toggle:focus {
4373 box-shadow: 0 0 0 0.2rem rgba
(82, 88, 93, 0.5); }
4375 .btn-outline-primary {
4377 border-color: #1177d1; }
4378 .btn-outline-primary:hover {
4380 background-color: #1177d1;
4381 border-color: #1177d1; }
4382 .btn-outline-primary:focus, .btn-outline-primary.focus {
4383 box-shadow: 0 0 0 0.2rem rgba
(17, 119, 209, 0.5); }
4384 .btn-outline-primary.disabled, .btn-outline-primary:disabled {
4386 background-color: transparent
; }
4387 .btn-outline-primary:not
(:disabled
):not
(.disabled
):active
, .btn-outline-primary:not
(:disabled
):not
(.disabled
).active
,
4388 .show > .btn-outline-primary.dropdown-toggle {
4390 background-color: #1177d1;
4391 border-color: #1177d1; }
4392 .btn-outline-primary:not
(:disabled
):not
(.disabled
):active:focus
, .btn-outline-primary:not
(:disabled
):not
(.disabled
).active:focus
,
4393 .show > .btn-outline-primary.dropdown-toggle:focus {
4394 box-shadow: 0 0 0 0.2rem rgba
(17, 119, 209, 0.5); }
4396 .btn-outline-secondary {
4398 border-color: #ced4da; }
4399 .btn-outline-secondary:hover {
4401 background-color: #ced4da;
4402 border-color: #ced4da; }
4403 .btn-outline-secondary:focus, .btn-outline-secondary.focus {
4404 box-shadow: 0 0 0 0.2rem rgba
(206, 212, 218, 0.5); }
4405 .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
4407 background-color: transparent
; }
4408 .btn-outline-secondary:not
(:disabled
):not
(.disabled
):active
, .btn-outline-secondary:not
(:disabled
):not
(.disabled
).active
,
4409 .show > .btn-outline-secondary.dropdown-toggle {
4411 background-color: #ced4da;
4412 border-color: #ced4da; }
4413 .btn-outline-secondary:not
(:disabled
):not
(.disabled
):active:focus
, .btn-outline-secondary:not
(:disabled
):not
(.disabled
).active:focus
,
4414 .show > .btn-outline-secondary.dropdown-toggle:focus {
4415 box-shadow: 0 0 0 0.2rem rgba
(206, 212, 218, 0.5); }
4417 .btn-outline-success {
4419 border-color: #398439; }
4420 .btn-outline-success:hover {
4422 background-color: #398439;
4423 border-color: #398439; }
4424 .btn-outline-success:focus, .btn-outline-success.focus {
4425 box-shadow: 0 0 0 0.2rem rgba
(57, 132, 57, 0.5); }
4426 .btn-outline-success.disabled, .btn-outline-success:disabled {
4428 background-color: transparent
; }
4429 .btn-outline-success:not
(:disabled
):not
(.disabled
):active
, .btn-outline-success:not
(:disabled
):not
(.disabled
).active
,
4430 .show > .btn-outline-success.dropdown-toggle {
4432 background-color: #398439;
4433 border-color: #398439; }
4434 .btn-outline-success:not
(:disabled
):not
(.disabled
):active:focus
, .btn-outline-success:not
(:disabled
):not
(.disabled
).active:focus
,
4435 .show > .btn-outline-success.dropdown-toggle:focus {
4436 box-shadow: 0 0 0 0.2rem rgba
(57, 132, 57, 0.5); }
4440 border-color: #5bc0de; }
4441 .btn-outline-info:hover {
4443 background-color: #5bc0de;
4444 border-color: #5bc0de; }
4445 .btn-outline-info:focus, .btn-outline-info.focus {
4446 box-shadow: 0 0 0 0.2rem rgba
(91, 192, 222, 0.5); }
4447 .btn-outline-info.disabled, .btn-outline-info:disabled {
4449 background-color: transparent
; }
4450 .btn-outline-info:not
(:disabled
):not
(.disabled
):active
, .btn-outline-info:not
(:disabled
):not
(.disabled
).active
,
4451 .show > .btn-outline-info.dropdown-toggle {
4453 background-color: #5bc0de;
4454 border-color: #5bc0de; }
4455 .btn-outline-info:not
(:disabled
):not
(.disabled
):active:focus
, .btn-outline-info:not
(:disabled
):not
(.disabled
).active:focus
,
4456 .show > .btn-outline-info.dropdown-toggle:focus {
4457 box-shadow: 0 0 0 0.2rem rgba
(91, 192, 222, 0.5); }
4459 .btn-outline-warning {
4461 border-color: #f0ad4e; }
4462 .btn-outline-warning:hover {
4464 background-color: #f0ad4e;
4465 border-color: #f0ad4e; }
4466 .btn-outline-warning:focus, .btn-outline-warning.focus {
4467 box-shadow: 0 0 0 0.2rem rgba
(240, 173, 78, 0.5); }
4468 .btn-outline-warning.disabled, .btn-outline-warning:disabled {
4470 background-color: transparent
; }
4471 .btn-outline-warning:not
(:disabled
):not
(.disabled
):active
, .btn-outline-warning:not
(:disabled
):not
(.disabled
).active
,
4472 .show > .btn-outline-warning.dropdown-toggle {
4474 background-color: #f0ad4e;
4475 border-color: #f0ad4e; }
4476 .btn-outline-warning:not
(:disabled
):not
(.disabled
):active:focus
, .btn-outline-warning:not
(:disabled
):not
(.disabled
).active:focus
,
4477 .show > .btn-outline-warning.dropdown-toggle:focus {
4478 box-shadow: 0 0 0 0.2rem rgba
(240, 173, 78, 0.5); }
4480 .btn-outline-danger {
4482 border-color: #d43f3a; }
4483 .btn-outline-danger:hover {
4485 background-color: #d43f3a;
4486 border-color: #d43f3a; }
4487 .btn-outline-danger:focus, .btn-outline-danger.focus {
4488 box-shadow: 0 0 0 0.2rem rgba
(212, 63, 58, 0.5); }
4489 .btn-outline-danger.disabled, .btn-outline-danger:disabled {
4491 background-color: transparent
; }
4492 .btn-outline-danger:not
(:disabled
):not
(.disabled
):active
, .btn-outline-danger:not
(:disabled
):not
(.disabled
).active
,
4493 .show > .btn-outline-danger.dropdown-toggle {
4495 background-color: #d43f3a;
4496 border-color: #d43f3a; }
4497 .btn-outline-danger:not
(:disabled
):not
(.disabled
):active:focus
, .btn-outline-danger:not
(:disabled
):not
(.disabled
).active:focus
,
4498 .show > .btn-outline-danger.dropdown-toggle:focus {
4499 box-shadow: 0 0 0 0.2rem rgba
(212, 63, 58, 0.5); }
4501 .btn-outline-light {
4503 border-color: #f8f9fa; }
4504 .btn-outline-light:hover {
4506 background-color: #f8f9fa;
4507 border-color: #f8f9fa; }
4508 .btn-outline-light:focus, .btn-outline-light.focus {
4509 box-shadow: 0 0 0 0.2rem rgba
(248, 249, 250, 0.5); }
4510 .btn-outline-light.disabled, .btn-outline-light:disabled {
4512 background-color: transparent
; }
4513 .btn-outline-light:not
(:disabled
):not
(.disabled
):active
, .btn-outline-light:not
(:disabled
):not
(.disabled
).active
,
4514 .show > .btn-outline-light.dropdown-toggle {
4516 background-color: #f8f9fa;
4517 border-color: #f8f9fa; }
4518 .btn-outline-light:not
(:disabled
):not
(.disabled
):active:focus
, .btn-outline-light:not
(:disabled
):not
(.disabled
).active:focus
,
4519 .show > .btn-outline-light.dropdown-toggle:focus {
4520 box-shadow: 0 0 0 0.2rem rgba
(248, 249, 250, 0.5); }
4524 border-color: #343a40; }
4525 .btn-outline-dark:hover {
4527 background-color: #343a40;
4528 border-color: #343a40; }
4529 .btn-outline-dark:focus, .btn-outline-dark.focus {
4530 box-shadow: 0 0 0 0.2rem rgba
(52, 58, 64, 0.5); }
4531 .btn-outline-dark.disabled, .btn-outline-dark:disabled {
4533 background-color: transparent
; }
4534 .btn-outline-dark:not
(:disabled
):not
(.disabled
):active
, .btn-outline-dark:not
(:disabled
):not
(.disabled
).active
,
4535 .show > .btn-outline-dark.dropdown-toggle {
4537 background-color: #343a40;
4538 border-color: #343a40; }
4539 .btn-outline-dark:not
(:disabled
):not
(.disabled
):active:focus
, .btn-outline-dark:not
(:disabled
):not
(.disabled
).active:focus
,
4540 .show > .btn-outline-dark.dropdown-toggle:focus {
4541 box-shadow: 0 0 0 0.2rem rgba
(52, 58, 64, 0.5); }
4546 text-decoration: none
; }
4549 text-decoration: underline
; }
4550 .btn-link:focus, .btn-link.focus {
4551 text-decoration: underline
; }
4552 .btn-link:disabled, .btn-link.disabled {
4554 pointer-events: none
; }
4556 .btn-lg, .btn-group-lg > .btn {
4557 padding: 0.5rem 1rem;
4558 font-size: 1.171875rem;
4561 @media
(max-width: 1200px) {
4562 .btn-lg, .btn-group-lg > .btn {
4563 font-size: calc
(0.9271875rem + 0.32625vw) ; } }
4565 .btn-sm, .btn-group-sm > .btn {
4566 padding: 0.25rem 0.5rem;
4567 font-size: 0.8203125rem;
4574 .btn-block + .btn-block {
4575 margin-top: 0.5rem; }
4577 input
[type
="submit"].btn-block
,
4578 input
[type
="reset"].btn-block
,
4579 input
[type
="button"].btn-block
{
4583 transition: opacity
0.15s linear
; }
4584 @media
(prefers-reduced-motion: reduce
) {
4586 transition: none
; } }
4590 .collapse:not(.show) {
4597 transition: height
0.35s ease
; }
4598 @media
(prefers-reduced-motion: reduce
) {
4600 transition: none
; } }
4606 position: relative
; }
4609 white-space: nowrap
; }
4610 .dropdown-toggle::after {
4611 display: inline-block
;
4612 margin-left: 0.255em;
4613 vertical-align: 0.255em;
4615 border-top: 0.3em solid
;
4616 border-right: 0.3em solid transparent
;
4618 border-left: 0.3em solid transparent
; }
4619 .dropdown-toggle:empty::after {
4631 margin: 0.125rem 0 0;
4632 font-size: 0.9375rem;
4636 background-color: #fff;
4637 background-clip: padding-box
;
4638 border: 1px solid rgba
(0, 0, 0, 0.15); }
4639 @media
(max-width: 1200px) {
4641 font-size: calc
(0.90375rem + 0.045vw) ; } }
4643 .dropdown-menu-left {
4647 .dropdown-menu-right {
4651 @media (min-width: 576px) {
4652 .dropdown-menu-sm-left {
4655 .dropdown-menu-sm-right {
4659 @media (min-width: 768px) {
4660 .dropdown-menu-md-left {
4663 .dropdown-menu-md-right {
4667 @media (min-width: 992px) {
4668 .dropdown-menu-lg-left {
4671 .dropdown-menu-lg-right {
4675 @media (min-width: 1200px) {
4676 .dropdown-menu-xl-left {
4679 .dropdown-menu-xl-right {
4683 .dropup .dropdown-menu {
4687 margin-bottom: 0.125rem; }
4689 .dropup .dropdown-toggle::after {
4690 display: inline-block
;
4691 margin-left: 0.255em;
4692 vertical-align: 0.255em;
4695 border-right: 0.3em solid transparent
;
4696 border-bottom: 0.3em solid
;
4697 border-left: 0.3em solid transparent
; }
4699 .dropup .dropdown-toggle:empty::after {
4702 .dropright .dropdown-menu {
4707 margin-left: 0.125rem; }
4709 .dropright .dropdown-toggle::after {
4710 display: inline-block
;
4711 margin-left: 0.255em;
4712 vertical-align: 0.255em;
4714 border-top: 0.3em solid transparent
;
4716 border-bottom: 0.3em solid transparent
;
4717 border-left: 0.3em solid
; }
4719 .dropright .dropdown-toggle:empty::after {
4722 .dropright .dropdown-toggle::after {
4723 vertical-align: 0; }
4725 .dropleft .dropdown-menu {
4730 margin-right: 0.125rem; }
4732 .dropleft .dropdown-toggle::after {
4733 display: inline-block
;
4734 margin-left: 0.255em;
4735 vertical-align: 0.255em;
4738 .dropleft .dropdown-toggle::after {
4741 .dropleft .dropdown-toggle::before {
4742 display: inline-block
;
4743 margin-right: 0.255em;
4744 vertical-align: 0.255em;
4746 border-top: 0.3em solid transparent
;
4747 border-right: 0.3em solid
;
4748 border-bottom: 0.3em solid transparent
; }
4750 .dropleft .dropdown-toggle:empty::after {
4753 .dropleft .dropdown-toggle::before {
4754 vertical-align: 0; }
4756 .dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] {
4764 border-top: 1px solid
#e9ecef; }
4769 padding: 0.25rem 1.5rem;
4773 text-align: inherit
;
4774 white-space: nowrap
;
4775 background-color: transparent
;
4777 .dropdown-item:hover, .dropdown-item:focus {
4779 text-decoration: none
;
4780 background-color: #f8f9fa; }
4781 .dropdown-item.active, .dropdown-item:active {
4783 text-decoration: none
;
4784 background-color: #1177d1; }
4785 .dropdown-item.disabled, .dropdown-item:disabled {
4787 pointer-events: none
;
4788 background-color: transparent
; }
4790 .dropdown-menu.show {
4795 padding: 0.5rem 1.5rem;
4797 font-size: 0.8203125rem;
4799 white-space: nowrap
; }
4801 .dropdown-item-text {
4803 padding: 0.25rem 1.5rem;
4807 .btn-group-vertical {
4809 display: inline-flex
;
4810 vertical-align: middle
; }
4812 .btn-group-vertical > .btn {
4815 .btn-group
> .btn:hover
,
4816 .btn-group-vertical > .btn:hover {
4818 .btn-group
> .btn:focus
, .btn-group
> .btn:active
, .btn-group
> .btn
.active
,
4819 .btn-group-vertical
> .btn:focus
,
4820 .btn-group-vertical
> .btn:active
,
4821 .btn-group-vertical > .btn.active {
4827 justify-content: flex-start
; }
4828 .btn-toolbar .input-group {
4831 .btn-group
> .btn:not
(:first-child
),
4832 .btn-group > .btn-group:not(:first-child) {
4833 margin-left: -1px; }
4835 .dropdown-toggle-split {
4836 padding-right: 0.5625rem;
4837 padding-left: 0.5625rem; }
4838 .dropdown-toggle-split::after
,
4839 .dropup
.dropdown-toggle-split::after
,
4840 .dropright .dropdown-toggle-split::after {
4842 .dropleft .dropdown-toggle-split::before {
4845 .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
4846 padding-right: 0.375rem;
4847 padding-left: 0.375rem; }
4849 .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
4850 padding-right: 0.75rem;
4851 padding-left: 0.75rem; }
4853 .btn-group-vertical {
4854 flex-direction: column
;
4855 align-items: flex-start
;
4856 justify-content: center
; }
4857 .btn-group-vertical
> .btn
,
4858 .btn-group-vertical > .btn-group {
4860 .btn-group-vertical
> .btn:not
(:first-child
),
4861 .btn-group-vertical > .btn-group:not(:first-child) {
4864 .btn-group-toggle
> .btn
,
4865 .btn-group-toggle > .btn-group > .btn {
4867 .btn-group-toggle
> .btn input
[type
="radio"],
4868 .btn-group-toggle
> .btn input
[type
="checkbox"],
4869 .btn-group-toggle
> .btn-group
> .btn input
[type
="radio"],
4870 .btn-group-toggle > .btn-group > .btn input[type="checkbox"] {
4872 clip: rect
(0, 0, 0, 0);
4873 pointer-events: none
; }
4879 align-items: stretch
;
4881 .input-group
> .form-control
,
4882 .input-group
> .form-control-plaintext
,
4883 .input-group
> .custom-select
,
4884 .input-group > .custom-file {
4890 .input-group
> .form-control
+ .form-control
,
4891 .input-group
> .form-control
+ .custom-select
,
4892 .input-group
> .form-control
+ .custom-file
,
4893 .input-group
> .form-control-plaintext
+ .form-control
,
4894 .input-group
> .form-control-plaintext
+ .custom-select
,
4895 .input-group
> .form-control-plaintext
+ .custom-file
,
4896 .input-group
> .custom-select
+ .form-control
,
4897 .input-group
> .custom-select
+ .custom-select
,
4898 .input-group
> .custom-select
+ .custom-file
,
4899 .input-group
> .custom-file
+ .form-control
,
4900 .input-group
> .custom-file
+ .custom-select
,
4901 .input-group > .custom-file + .custom-file {
4902 margin-left: -1px; }
4903 .input-group
> .form-control:focus
,
4904 .input-group
> .custom-select:focus
,
4905 .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
4907 .input-group > .custom-file .custom-file-input:focus {
4909 .input-group > .custom-file {
4911 align-items: center
; }
4913 .input-group-prepend
,
4914 .input-group-append {
4916 .input-group-prepend
.btn
,
4917 .input-group-append .btn {
4920 .input-group-prepend
.btn:focus
,
4921 .input-group-append .btn:focus {
4923 .input-group-prepend
.btn
+ .btn
,
4924 .input-group-prepend
.btn
+ .input-group-text
,
4925 .input-group-prepend
.input-group-text
+ .input-group-text
,
4926 .input-group-prepend
.input-group-text
+ .btn
,
4927 .input-group-append
.btn
+ .btn
,
4928 .input-group-append
.btn
+ .input-group-text
,
4929 .input-group-append
.input-group-text
+ .input-group-text
,
4930 .input-group-append .input-group-text + .btn {
4931 margin-left: -1px; }
4933 .input-group-prepend {
4934 margin-right: -1px; }
4936 .input-group-append {
4937 margin-left: -1px; }
4941 align-items: center
;
4942 padding: 0.375rem 0.75rem;
4944 font-size: 0.9375rem;
4949 white-space: nowrap
;
4950 background-color: #e9ecef;
4951 border: 1px solid
#ced4da; }
4952 @media
(max-width: 1200px) {
4954 font-size: calc
(0.90375rem + 0.045vw) ; } }
4955 .input-group-text input
[type
="radio"],
4956 .input-group-text input[type="checkbox"] {
4959 .input-group-lg
> .form-control:not
(textarea
),
4960 .input-group-lg > .custom-select {
4961 height: calc
(1.5em + 1rem + 2px); }
4963 .input-group-lg
> .form-control
,
4964 .input-group-lg
> .custom-select
,
4965 .input-group-lg
> .input-group-prepend
> .input-group-text
,
4966 .input-group-lg
> .input-group-append
> .input-group-text
,
4967 .input-group-lg
> .input-group-prepend
> .btn
,
4968 .input-group-lg > .input-group-append > .btn {
4969 padding: 0.5rem 1rem;
4970 font-size: 1.171875rem;
4972 @media
(max-width: 1200px) {
4973 .input-group-lg
> .form-control
,
4974 .input-group-lg
> .custom-select
,
4975 .input-group-lg
> .input-group-prepend
> .input-group-text
,
4976 .input-group-lg
> .input-group-append
> .input-group-text
,
4977 .input-group-lg
> .input-group-prepend
> .btn
,
4978 .input-group-lg > .input-group-append > .btn {
4979 font-size: calc
(0.9271875rem + 0.32625vw) ; } }
4981 .input-group-sm
> .form-control:not
(textarea
),
4982 .input-group-sm > .custom-select {
4983 height: calc
(1.5em + 0.5rem + 2px); }
4985 .input-group-sm
> .form-control
,
4986 .input-group-sm
> .custom-select
,
4987 .input-group-sm
> .input-group-prepend
> .input-group-text
,
4988 .input-group-sm
> .input-group-append
> .input-group-text
,
4989 .input-group-sm
> .input-group-prepend
> .btn
,
4990 .input-group-sm > .input-group-append > .btn {
4991 padding: 0.25rem 0.5rem;
4992 font-size: 0.8203125rem;
4995 .input-group-lg
> .custom-select
,
4996 .input-group-sm > .custom-select {
4997 padding-right: 1.75rem; }
5002 min-height: 1.40625rem;
5003 padding-left: 1.75rem; }
5005 .custom-control-inline {
5006 display: inline-flex
;
5007 margin-right: 1rem; }
5009 .custom-control-input {
5014 height: 1.328125rem;
5016 .custom-control-input:checked ~ .custom-control-label::before {
5018 border-color: #1177d1;
5019 background-color: #1177d1; }
5020 .custom-control-input:focus ~ .custom-control-label::before {
5021 box-shadow: 0 0 0 0.2rem rgba
(17, 119, 209, 0.75); }
5022 .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
5023 border-color: #6eb5f3; }
5024 .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
5026 background-color: #9dcdf7;
5027 border-color: #9dcdf7; }
5028 .custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label {
5030 .custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before {
5031 background-color: #e9ecef; }
5033 .custom-control-label {
5036 vertical-align: top
; }
5037 .custom-control-label::before {
5044 pointer-events: none
;
5046 background-color: #fff;
5047 border: #adb5bd solid
1px; }
5048 .custom-control-label::after {
5056 background: no-repeat
50% / 50% 50%; }
5058 .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
5059 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"); }
5061 .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
5062 border-color: #1177d1;
5063 background-color: #1177d1; }
5065 .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
5066 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"); }
5068 .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
5069 background-color: rgba
(17, 119, 209, 0.5); }
5071 .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
5072 background-color: rgba
(17, 119, 209, 0.5); }
5074 .custom-radio .custom-control-label::before {
5075 border-radius: 50%; }
5077 .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
5078 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"); }
5080 .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
5081 background-color: rgba
(17, 119, 209, 0.5); }
5084 padding-left: 2.6875rem; }
5085 .custom-switch .custom-control-label::before {
5088 pointer-events: all
;
5089 border-radius: 0.625rem; }
5090 .custom-switch .custom-control-label::after {
5091 top: calc
(0.078125rem + 2px);
5092 left: calc
(-2.6875rem + 2px);
5093 width: calc
(1.25rem - 4px);
5094 height: calc
(1.25rem - 4px);
5095 background-color: #adb5bd;
5096 border-radius: 0.625rem;
5097 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
; }
5098 @media
(prefers-reduced-motion: reduce
) {
5099 .custom-switch .custom-control-label::after {
5100 transition: none
; } }
5101 .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
5102 background-color: #fff;
5103 transform: translateX
(0.9375rem); }
5104 .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
5105 background-color: rgba
(17, 119, 209, 0.5); }
5108 display: inline-block
;
5110 height: calc
(1.5em + 0.75rem + 2px);
5111 padding: 0.375rem 1.75rem 0.375rem 0.75rem;
5112 font-size: 0.9375rem;
5116 vertical-align: middle
;
5117 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") no-repeat right
0.75rem center
/8px 10px;
5118 border: 1px solid
#ced4da;
5121 @media
(max-width: 1200px) {
5123 font-size: calc
(0.90375rem + 0.045vw) ; } }
5124 .custom-select:focus {
5125 border-color: #6eb5f3;
5127 box-shadow: 0 0 0 0.2rem rgba
(17, 119, 209, 0.75); }
5128 .custom-select:focus::-ms-value {
5130 background-color: #fff; }
5131 .custom-select[multiple], .custom-select[size]:not([size="1"]) {
5133 padding-right: 0.75rem;
5134 background-image: none
; }
5135 .custom-select:disabled {
5137 background-color: #e9ecef; }
5138 .custom-select::-ms-expand {
5140 .custom-select:-moz-focusring {
5142 text-shadow: 0 0 0 #495057; }
5145 height: calc
(1.5em + 0.5rem + 2px);
5146 padding-top: 0.25rem;
5147 padding-bottom: 0.25rem;
5148 padding-left: 0.5rem;
5149 font-size: 0.8203125rem; }
5152 height: calc
(1.5em + 1rem + 2px);
5153 padding-top: 0.5rem;
5154 padding-bottom: 0.5rem;
5156 font-size: 1.171875rem; }
5157 @media
(max-width: 1200px) {
5159 font-size: calc
(0.9271875rem + 0.32625vw) ; } }
5163 display: inline-block
;
5165 height: calc
(1.5em + 0.75rem + 2px);
5168 .custom-file-input {
5172 height: calc
(1.5em + 0.75rem + 2px);
5175 .custom-file-input:focus ~ .custom-file-label {
5176 border-color: #6eb5f3;
5177 box-shadow: 0 0 0 0.2rem rgba
(17, 119, 209, 0.75); }
5178 .custom-file-input
[disabled
] ~ .custom-file-label
,
5179 .custom-file-input:disabled ~ .custom-file-label {
5180 background-color: #e9ecef; }
5181 .custom-file-input:lang(en) ~ .custom-file-label::after {
5182 content: "Browse"; }
5183 .custom-file-input ~ .custom-file-label[data-browse]::after {
5184 content: attr
(data-browse
); }
5186 .custom-file-label {
5192 height: calc
(1.5em + 0.75rem + 2px);
5193 padding: 0.375rem 0.75rem;
5197 background-color: #fff;
5198 border: 1px solid
#ced4da; }
5199 .custom-file-label::after {
5206 height: calc
(1.5em + 0.75rem);
5207 padding: 0.375rem 0.75rem;
5211 background-color: #e9ecef;
5212 border-left: inherit
; }
5218 background-color: transparent
;
5220 .custom-range:focus {
5222 .custom-range:focus::-webkit-slider-thumb {
5223 box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba
(17, 119, 209, 0.75); }
5224 .custom-range:focus::-moz-range-thumb {
5225 box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba
(17, 119, 209, 0.75); }
5226 .custom-range:focus::-ms-thumb {
5227 box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba
(17, 119, 209, 0.75); }
5228 .custom-range::-moz-focus-outer {
5230 .custom-range::-webkit-slider-thumb {
5233 margin-top: -0.25rem;
5234 background-color: #1177d1;
5236 transition: background-color
0.15s ease-in-out
, border-color
0.15s ease-in-out
, box-shadow
0.15s ease-in-out
;
5238 @media
(prefers-reduced-motion: reduce
) {
5239 .custom-range::-webkit-slider-thumb {
5240 transition: none
; } }
5241 .custom-range::-webkit-slider-thumb:active {
5242 background-color: #9dcdf7; }
5243 .custom-range::-webkit-slider-runnable-track {
5248 background-color: #dee2e6;
5249 border-color: transparent
; }
5250 .custom-range::-moz-range-thumb {
5253 background-color: #1177d1;
5255 transition: background-color
0.15s ease-in-out
, border-color
0.15s ease-in-out
, box-shadow
0.15s ease-in-out
;
5257 @media
(prefers-reduced-motion: reduce
) {
5258 .custom-range::-moz-range-thumb {
5259 transition: none
; } }
5260 .custom-range::-moz-range-thumb:active {
5261 background-color: #9dcdf7; }
5262 .custom-range::-moz-range-track {
5267 background-color: #dee2e6;
5268 border-color: transparent
; }
5269 .custom-range::-ms-thumb {
5273 margin-right: 0.2rem;
5274 margin-left: 0.2rem;
5275 background-color: #1177d1;
5277 transition: background-color
0.15s ease-in-out
, border-color
0.15s ease-in-out
, box-shadow
0.15s ease-in-out
;
5279 @media
(prefers-reduced-motion: reduce
) {
5280 .custom-range::-ms-thumb {
5281 transition: none
; } }
5282 .custom-range::-ms-thumb:active {
5283 background-color: #9dcdf7; }
5284 .custom-range::-ms-track {
5289 background-color: transparent
;
5290 border-color: transparent
;
5291 border-width: 0.5rem; }
5292 .custom-range::-ms-fill-lower {
5293 background-color: #dee2e6; }
5294 .custom-range::-ms-fill-upper {
5296 background-color: #dee2e6; }
5297 .custom-range:disabled::-webkit-slider-thumb {
5298 background-color: #adb5bd; }
5299 .custom-range:disabled::-webkit-slider-runnable-track {
5301 .custom-range:disabled::-moz-range-thumb {
5302 background-color: #adb5bd; }
5303 .custom-range:disabled::-moz-range-track {
5305 .custom-range:disabled::-ms-thumb {
5306 background-color: #adb5bd; }
5308 .custom-control-label::before
,
5311 transition: background-color
0.15s ease-in-out
, border-color
0.15s ease-in-out
, box-shadow
0.15s ease-in-out
; }
5312 @media
(prefers-reduced-motion: reduce
) {
5313 .custom-control-label::before
,
5316 transition: none
; } }
5327 padding: 0.5rem 1rem; }
5328 .nav-link:hover, .nav-link:focus {
5329 text-decoration: none
; }
5330 .nav-link.disabled {
5332 pointer-events: none
;
5336 border-bottom: 1px solid
#dee2e6; }
5337 .nav-tabs .nav-item {
5338 margin-bottom: -1px; }
5339 .nav-tabs .nav-link {
5340 border: 1px solid transparent
; }
5341 .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
5342 border-color: #e9ecef #e9ecef #dee2e6; }
5343 .nav-tabs .nav-link.disabled {
5345 background-color: transparent
;
5346 border-color: transparent
; }
5347 .nav-tabs
.nav-link
.active
,
5348 .nav-tabs .nav-item.show .nav-link {
5350 background-color: #fff;
5351 border-color: #dee2e6 #dee2e6 #fff; }
5352 .nav-tabs .dropdown-menu {
5355 .nav-pills
.nav-link
.active
,
5356 .nav-pills .show > .nav-link {
5358 background-color: #1177d1; }
5360 .nav-fill .nav-item {
5362 text-align: center
; }
5364 .nav-justified .nav-item {
5367 text-align: center
; }
5369 .tab-content > .tab-pane {
5372 .tab-content > .active {
5379 align-items: center
;
5380 justify-content: space-between
;
5381 padding: 0.5rem 1rem; }
5383 .navbar .container-fluid, .navbar .container-sm, .navbar .container-md, .navbar .container-lg, .navbar .container-xl {
5386 align-items: center
;
5387 justify-content: space-between
; }
5390 display: inline-block
;
5391 padding-top: 0.32421875rem;
5392 padding-bottom: 0.32421875rem;
5394 font-size: 1.171875rem;
5395 line-height: inherit
;
5396 white-space: nowrap
; }
5397 @media
(max-width: 1200px) {
5399 font-size: calc
(0.9271875rem + 0.32625vw) ; } }
5400 .navbar-brand:hover, .navbar-brand:focus {
5401 text-decoration: none
; }
5405 flex-direction: column
;
5409 .navbar-nav .nav-link {
5412 .navbar-nav .dropdown-menu {
5417 display: inline-block
;
5418 padding-top: 0.5rem;
5419 padding-bottom: 0.5rem; }
5424 align-items: center
; }
5427 padding: 0.25rem 0.75rem;
5428 font-size: 1.171875rem;
5430 background-color: transparent
;
5431 border: 1px solid transparent
; }
5432 @media
(max-width: 1200px) {
5434 font-size: calc
(0.9271875rem + 0.32625vw) ; } }
5435 .navbar-toggler:hover, .navbar-toggler:focus {
5436 text-decoration: none
; }
5438 .navbar-toggler-icon {
5439 display: inline-block
;
5442 vertical-align: middle
;
5444 background: no-repeat center center
;
5445 background-size: 100% 100%; }
5447 @media (max-width: 575.98px) {
5448 .navbar-expand-sm
> .container
,
5449 .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 {
5451 padding-left: 0; } }
5453 @media (min-width: 576px) {
5455 flex-flow: row nowrap
;
5456 justify-content: flex-start
; }
5457 .navbar-expand-sm .navbar-nav {
5458 flex-direction: row
; }
5459 .navbar-expand-sm .navbar-nav .dropdown-menu {
5460 position: absolute
; }
5461 .navbar-expand-sm .navbar-nav .nav-link {
5462 padding-right: 0.5rem;
5463 padding-left: 0.5rem; }
5464 .navbar-expand-sm
> .container
,
5465 .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 {
5466 flex-wrap: nowrap
; }
5467 .navbar-expand-sm .navbar-collapse {
5468 display: flex
!important
;
5470 .navbar-expand-sm .navbar-toggler {
5473 @media (max-width: 767.98px) {
5474 .navbar-expand-md
> .container
,
5475 .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 {
5477 padding-left: 0; } }
5479 @media (min-width: 768px) {
5481 flex-flow: row nowrap
;
5482 justify-content: flex-start
; }
5483 .navbar-expand-md .navbar-nav {
5484 flex-direction: row
; }
5485 .navbar-expand-md .navbar-nav .dropdown-menu {
5486 position: absolute
; }
5487 .navbar-expand-md .navbar-nav .nav-link {
5488 padding-right: 0.5rem;
5489 padding-left: 0.5rem; }
5490 .navbar-expand-md
> .container
,
5491 .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 {
5492 flex-wrap: nowrap
; }
5493 .navbar-expand-md .navbar-collapse {
5494 display: flex
!important
;
5496 .navbar-expand-md .navbar-toggler {
5499 @media (max-width: 991.98px) {
5500 .navbar-expand-lg
> .container
,
5501 .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 {
5503 padding-left: 0; } }
5505 @media (min-width: 992px) {
5507 flex-flow: row nowrap
;
5508 justify-content: flex-start
; }
5509 .navbar-expand-lg .navbar-nav {
5510 flex-direction: row
; }
5511 .navbar-expand-lg .navbar-nav .dropdown-menu {
5512 position: absolute
; }
5513 .navbar-expand-lg .navbar-nav .nav-link {
5514 padding-right: 0.5rem;
5515 padding-left: 0.5rem; }
5516 .navbar-expand-lg
> .container
,
5517 .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 {
5518 flex-wrap: nowrap
; }
5519 .navbar-expand-lg .navbar-collapse {
5520 display: flex
!important
;
5522 .navbar-expand-lg .navbar-toggler {
5525 @media (max-width: 1199.98px) {
5526 .navbar-expand-xl
> .container
,
5527 .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 {
5529 padding-left: 0; } }
5531 @media (min-width: 1200px) {
5533 flex-flow: row nowrap
;
5534 justify-content: flex-start
; }
5535 .navbar-expand-xl .navbar-nav {
5536 flex-direction: row
; }
5537 .navbar-expand-xl .navbar-nav .dropdown-menu {
5538 position: absolute
; }
5539 .navbar-expand-xl .navbar-nav .nav-link {
5540 padding-right: 0.5rem;
5541 padding-left: 0.5rem; }
5542 .navbar-expand-xl
> .container
,
5543 .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 {
5544 flex-wrap: nowrap
; }
5545 .navbar-expand-xl .navbar-collapse {
5546 display: flex
!important
;
5548 .navbar-expand-xl .navbar-toggler {
5552 flex-flow: row nowrap
;
5553 justify-content: flex-start
; }
5554 .navbar-expand
> .container
,
5555 .navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl {
5558 .navbar-expand .navbar-nav {
5559 flex-direction: row
; }
5560 .navbar-expand .navbar-nav .dropdown-menu {
5561 position: absolute
; }
5562 .navbar-expand .navbar-nav .nav-link {
5563 padding-right: 0.5rem;
5564 padding-left: 0.5rem; }
5565 .navbar-expand
> .container
,
5566 .navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl {
5567 flex-wrap: nowrap
; }
5568 .navbar-expand .navbar-collapse {
5569 display: flex
!important
;
5571 .navbar-expand .navbar-toggler {
5574 .navbar-light .navbar-brand {
5575 color: rgba
(0, 0, 0, 0.9); }
5576 .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
5577 color: rgba
(0, 0, 0, 0.9); }
5579 .navbar-light .navbar-nav .nav-link {
5580 color: rgba
(0, 0, 0, 0.5); }
5581 .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
5582 color: rgba
(0, 0, 0, 0.9); }
5583 .navbar-light .navbar-nav .nav-link.disabled {
5584 color: rgba
(0, 0, 0, 0.3); }
5586 .navbar-light
.navbar-nav
.show
> .nav-link
,
5587 .navbar-light
.navbar-nav
.active
> .nav-link
,
5588 .navbar-light
.navbar-nav
.nav-link
.show
,
5589 .navbar-light .navbar-nav .nav-link.active {
5590 color: rgba
(0, 0, 0, 0.9); }
5592 .navbar-light .navbar-toggler {
5593 color: rgba
(0, 0, 0, 0.5);
5594 border-color: rgba
(0, 0, 0, 0.1); }
5596 .navbar-light .navbar-toggler-icon {
5597 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.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }
5599 .navbar-light .navbar-text {
5600 color: rgba
(0, 0, 0, 0.5); }
5601 .navbar-light .navbar-text a {
5602 color: rgba
(0, 0, 0, 0.9); }
5603 .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
5604 color: rgba
(0, 0, 0, 0.9); }
5606 .navbar-dark .navbar-brand {
5608 .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
5611 .navbar-dark .navbar-nav .nav-link {
5612 color: rgba
(255, 255, 255, 0.5); }
5613 .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
5615 .navbar-dark .navbar-nav .nav-link.disabled {
5616 color: rgba
(255, 255, 255, 0.25); }
5618 .navbar-dark
.navbar-nav
.show
> .nav-link
,
5619 .navbar-dark
.navbar-nav
.active
> .nav-link
,
5620 .navbar-dark
.navbar-nav
.nav-link
.show
,
5621 .navbar-dark .navbar-nav .nav-link.active {
5624 .navbar-dark .navbar-toggler {
5625 color: rgba
(255, 255, 255, 0.5);
5626 border-color: rgba
(255, 255, 255, 0.1); }
5628 .navbar-dark .navbar-toggler-icon {
5629 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"); }
5631 .navbar-dark .navbar-text {
5632 color: rgba
(255, 255, 255, 0.5); }
5633 .navbar-dark .navbar-text a {
5635 .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
5641 flex-direction: column
;
5643 word-wrap: break-word
;
5644 background-color: #fff;
5645 background-clip: border-box
;
5646 border: 1px solid rgba
(0, 0, 0, 0.125); }
5650 .card > .list-group {
5651 border-top: inherit
;
5652 border-bottom: inherit
; }
5653 .card > .list-group:first-child {
5654 border-top-width: 0; }
5655 .card > .list-group:last-child {
5656 border-bottom-width: 0; }
5664 margin-bottom: 0.75rem; }
5667 margin-top: -0.375rem;
5670 .card-text:last-child {
5674 text-decoration: none
; }
5676 .card-link + .card-link {
5677 margin-left: 1.25rem; }
5680 padding: 0.75rem 1.25rem;
5682 background-color: rgba
(0, 0, 0, 0.03);
5683 border-bottom: 1px solid rgba
(0, 0, 0, 0.125); }
5684 .card-header + .list-group .list-group-item:first-child {
5688 padding: 0.75rem 1.25rem;
5689 background-color: rgba
(0, 0, 0, 0.03);
5690 border-top: 1px solid rgba
(0, 0, 0, 0.125); }
5693 margin-right: -0.625rem;
5694 margin-bottom: -0.75rem;
5695 margin-left: -0.625rem;
5698 .card-header-pills {
5699 margin-right: -0.625rem;
5700 margin-left: -0.625rem; }
5717 margin-bottom: 0.25rem; }
5719 @media (min-width: 576px) {
5722 flex-flow: row wrap
;
5723 margin-right: -0.25rem;
5724 margin-left: -0.25rem; }
5727 margin-right: 0.25rem;
5729 margin-left: 0.25rem; } }
5731 .card-group > .card {
5732 margin-bottom: 0.25rem; }
5734 @media (min-width: 576px) {
5737 flex-flow: row wrap
; }
5738 .card-group > .card {
5741 .card-group > .card + .card {
5745 .card-columns .card {
5746 margin-bottom: 0.75rem; }
5748 @media (min-width: 576px) {
5751 column-gap: 1.25rem;
5754 .card-columns .card {
5755 display: inline-block
;
5758 .accordion > .card {
5760 .accordion > .card:not(:last-of-type) {
5762 .accordion > .card > .card-header {
5763 margin-bottom: -1px; }
5771 background-color: transparent
; }
5775 .breadcrumb-item + .breadcrumb-item {
5776 padding-left: 0.5rem; }
5777 .breadcrumb-item + .breadcrumb-item::before {
5778 display: inline-block
;
5779 padding-right: 0.5rem;
5782 .breadcrumb-item + .breadcrumb-item:hover::before {
5783 text-decoration: underline
; }
5784 .breadcrumb-item + .breadcrumb-item:hover::before {
5785 text-decoration: none
; }
5786 .breadcrumb-item.active {
5797 padding: 0.5rem 0.75rem;
5801 background-color: #fff;
5802 border: 1px solid
#dee2e6; }
5806 text-decoration: none
;
5807 background-color: #e9ecef;
5808 border-color: #dee2e6; }
5812 box-shadow: 0 0 0 0.2rem rgba
(17, 119, 209, 0.75); }
5814 .page-item:first-child .page-link {
5817 .page-item.active .page-link {
5820 background-color: #1177d1;
5821 border-color: #1177d1; }
5823 .page-item.disabled .page-link {
5825 pointer-events: none
;
5827 background-color: #fff;
5828 border-color: #dee2e6; }
5830 .pagination-lg .page-link {
5831 padding: 0.75rem 1.5rem;
5832 font-size: 1.171875rem;
5834 @media
(max-width: 1200px) {
5835 .pagination-lg .page-link {
5836 font-size: calc
(0.9271875rem + 0.32625vw) ; } }
5838 .pagination-sm .page-link {
5839 padding: 0.25rem 0.5rem;
5840 font-size: 0.8203125rem;
5844 display: inline-block
;
5845 padding: 0.25em 0.4em;
5850 white-space: nowrap
;
5851 vertical-align: baseline
;
5852 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
; }
5853 @media
(prefers-reduced-motion: reduce
) {
5855 transition: none
; } }
5856 a
.badge:hover
, a
.badge:focus
{
5857 text-decoration: none
; }
5866 padding-right: 0.6em;
5867 padding-left: 0.6em; }
5871 background-color: #1177d1; }
5872 a
.badge-primary:hover
, a
.badge-primary:focus
{
5874 background-color: #0d5ca2; }
5875 a
.badge-primary:focus
, a
.badge-primary
.focus
{
5877 box-shadow: 0 0 0 0.2rem rgba
(17, 119, 209, 0.5); }
5881 background-color: #ced4da; }
5882 a
.badge-secondary:hover
, a
.badge-secondary:focus
{
5884 background-color: #b1bbc4; }
5885 a
.badge-secondary:focus
, a
.badge-secondary
.focus
{
5887 box-shadow: 0 0 0 0.2rem rgba
(206, 212, 218, 0.5); }
5891 background-color: #398439; }
5892 a
.badge-success:hover
, a
.badge-success:focus
{
5894 background-color: #2a602a; }
5895 a
.badge-success:focus
, a
.badge-success
.focus
{
5897 box-shadow: 0 0 0 0.2rem rgba
(57, 132, 57, 0.5); }
5901 background-color: #5bc0de; }
5902 a
.badge-info:hover
, a
.badge-info:focus
{
5904 background-color: #31b0d5; }
5905 a
.badge-info:focus
, a
.badge-info
.focus
{
5907 box-shadow: 0 0 0 0.2rem rgba
(91, 192, 222, 0.5); }
5911 background-color: #f0ad4e; }
5912 a
.badge-warning:hover
, a
.badge-warning:focus
{
5914 background-color: #ec971f; }
5915 a
.badge-warning:focus
, a
.badge-warning
.focus
{
5917 box-shadow: 0 0 0 0.2rem rgba
(240, 173, 78, 0.5); }
5921 background-color: #d43f3a; }
5922 a
.badge-danger:hover
, a
.badge-danger:focus
{
5924 background-color: #b42c27; }
5925 a
.badge-danger:focus
, a
.badge-danger
.focus
{
5927 box-shadow: 0 0 0 0.2rem rgba
(212, 63, 58, 0.5); }
5931 background-color: #f8f9fa; }
5932 a
.badge-light:hover
, a
.badge-light:focus
{
5934 background-color: #dae0e5; }
5935 a
.badge-light:focus
, a
.badge-light
.focus
{
5937 box-shadow: 0 0 0 0.2rem rgba
(248, 249, 250, 0.5); }
5941 background-color: #343a40; }
5942 a
.badge-dark:hover
, a
.badge-dark:focus
{
5944 background-color: #1d2124; }
5945 a
.badge-dark:focus
, a
.badge-dark
.focus
{
5947 box-shadow: 0 0 0 0.2rem rgba
(52, 58, 64, 0.5); }
5951 margin-bottom: 2rem;
5952 background-color: #e9ecef; }
5953 @media
(min-width: 576px) {
5955 padding: 4rem 2rem; } }
5963 padding: 0.75rem 1.25rem;
5964 margin-bottom: 1rem;
5965 border: 0 solid transparent
; }
5973 .alert-dismissible {
5974 padding-right: 3.90625rem; }
5975 .alert-dismissible .close {
5979 padding: 0.75rem 1.25rem;
5984 background-color: #cfe4f6;
5985 border-color: #bcd9f2; }
5987 border-top-color: #a7cdee; }
5988 .alert-primary .alert-link {
5993 background-color: #f5f6f8;
5994 border-color: #f1f3f5; }
5995 .alert-secondary hr {
5996 border-top-color: #e2e6ea; }
5997 .alert-secondary .alert-link {
6002 background-color: #d7e6d7;
6003 border-color: #c8ddc8; }
6005 border-top-color: #b8d3b8; }
6006 .alert-success .alert-link {
6011 background-color: #def2f8;
6012 border-color: #d1edf6; }
6014 border-top-color: #bce5f2; }
6015 .alert-info .alert-link {
6020 background-color: #fcefdc;
6021 border-color: #fbe8cd; }
6023 border-top-color: #f9ddb5; }
6024 .alert-warning .alert-link {
6029 background-color: #f6d9d8;
6030 border-color: #f3c9c8; }
6032 border-top-color: #eeb4b3; }
6033 .alert-danger .alert-link {
6038 background-color: #fefefe;
6039 border-color: #fdfdfe; }
6041 border-top-color: #ececf6; }
6042 .alert-light .alert-link {
6047 background-color: #d6d8d9;
6048 border-color: #c6c8ca; }
6050 border-top-color: #b9bbbe; }
6051 .alert-dark .alert-link {
6054 @keyframes progress-bar-stripes
{
6056 background-position: 1rem 0; }
6058 background-position: 0 0; } }
6065 font-size: 0.703125rem;
6066 background-color: #e9ecef; }
6070 flex-direction: column
;
6071 justify-content: center
;
6075 white-space: nowrap
;
6076 background-color: #1177d1;
6077 transition: width
0.6s ease
; }
6078 @media
(prefers-reduced-motion: reduce
) {
6080 transition: none
; } }
6082 .progress-bar-striped {
6083 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
);
6084 background-size: 1rem 1rem; }
6086 .progress-bar-animated {
6087 animation: progress-bar-stripes
1s linear infinite
; }
6088 @media
(prefers-reduced-motion: reduce
) {
6089 .progress-bar-animated {
6090 animation: none
; } }
6094 align-items: flex-start
; }
6101 flex-direction: column
;
6105 .list-group-item-action {
6108 text-align: inherit
; }
6109 .list-group-item-action:hover, .list-group-item-action:focus {
6112 text-decoration: none
;
6113 background-color: #f8f9fa; }
6114 .list-group-item-action:active {
6116 background-color: #e9ecef; }
6121 padding: 0.75rem 1.25rem;
6122 background-color: #fff;
6123 border: 1px solid rgba
(0, 0, 0, 0.125); }
6124 .list-group-item.disabled, .list-group-item:disabled {
6126 pointer-events: none
;
6127 background-color: #fff; }
6128 .list-group-item.active {
6131 background-color: #1177d1;
6132 border-color: #1177d1; }
6133 .list-group-item + .list-group-item {
6134 border-top-width: 0; }
6135 .list-group-item + .list-group-item.active {
6137 border-top-width: 1px; }
6139 .list-group-horizontal {
6140 flex-direction: row
; }
6141 .list-group-horizontal > .list-group-item.active {
6143 .list-group-horizontal > .list-group-item + .list-group-item {
6144 border-top-width: 1px;
6145 border-left-width: 0; }
6146 .list-group-horizontal > .list-group-item + .list-group-item.active {
6148 border-left-width: 1px; }
6150 @media (min-width: 576px) {
6151 .list-group-horizontal-sm {
6152 flex-direction: row
; }
6153 .list-group-horizontal-sm > .list-group-item.active {
6155 .list-group-horizontal-sm > .list-group-item + .list-group-item {
6156 border-top-width: 1px;
6157 border-left-width: 0; }
6158 .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
6160 border-left-width: 1px; } }
6162 @media (min-width: 768px) {
6163 .list-group-horizontal-md {
6164 flex-direction: row
; }
6165 .list-group-horizontal-md > .list-group-item.active {
6167 .list-group-horizontal-md > .list-group-item + .list-group-item {
6168 border-top-width: 1px;
6169 border-left-width: 0; }
6170 .list-group-horizontal-md > .list-group-item + .list-group-item.active {
6172 border-left-width: 1px; } }
6174 @media (min-width: 992px) {
6175 .list-group-horizontal-lg {
6176 flex-direction: row
; }
6177 .list-group-horizontal-lg > .list-group-item.active {
6179 .list-group-horizontal-lg > .list-group-item + .list-group-item {
6180 border-top-width: 1px;
6181 border-left-width: 0; }
6182 .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
6184 border-left-width: 1px; } }
6186 @media (min-width: 1200px) {
6187 .list-group-horizontal-xl {
6188 flex-direction: row
; }
6189 .list-group-horizontal-xl > .list-group-item.active {
6191 .list-group-horizontal-xl > .list-group-item + .list-group-item {
6192 border-top-width: 1px;
6193 border-left-width: 0; }
6194 .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
6196 border-left-width: 1px; } }
6198 .list-group-flush > .list-group-item {
6199 border-width: 0 0 1px; }
6200 .list-group-flush > .list-group-item:last-child {
6201 border-bottom-width: 0; }
6203 .list-group-item-primary {
6205 background-color: #bcd9f2; }
6206 .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
6208 background-color: #a7cdee; }
6209 .list-group-item-primary.list-group-item-action.active {
6211 background-color: #093e6d;
6212 border-color: #093e6d; }
6214 .list-group-item-secondary {
6216 background-color: #f1f3f5; }
6217 .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
6219 background-color: #e2e6ea; }
6220 .list-group-item-secondary.list-group-item-action.active {
6222 background-color: #6b6e71;
6223 border-color: #6b6e71; }
6225 .list-group-item-success {
6227 background-color: #c8ddc8; }
6228 .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
6230 background-color: #b8d3b8; }
6231 .list-group-item-success.list-group-item-action.active {
6233 background-color: #1e451e;
6234 border-color: #1e451e; }
6236 .list-group-item-info {
6238 background-color: #d1edf6; }
6239 .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
6241 background-color: #bce5f2; }
6242 .list-group-item-info.list-group-item-action.active {
6244 background-color: #2f6473;
6245 border-color: #2f6473; }
6247 .list-group-item-warning {
6249 background-color: #fbe8cd; }
6250 .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
6252 background-color: #f9ddb5; }
6253 .list-group-item-warning.list-group-item-action.active {
6255 background-color: #7d5a29;
6256 border-color: #7d5a29; }
6258 .list-group-item-danger {
6260 background-color: #f3c9c8; }
6261 .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
6263 background-color: #eeb4b3; }
6264 .list-group-item-danger.list-group-item-action.active {
6266 background-color: #6e211e;
6267 border-color: #6e211e; }
6269 .list-group-item-light {
6271 background-color: #fdfdfe; }
6272 .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
6274 background-color: #ececf6; }
6275 .list-group-item-light.list-group-item-action.active {
6277 background-color: #818182;
6278 border-color: #818182; }
6280 .list-group-item-dark {
6282 background-color: #c6c8ca; }
6283 .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
6285 background-color: #b9bbbe; }
6286 .list-group-item-dark.list-group-item-action.active {
6288 background-color: #1b1e21;
6289 border-color: #1b1e21; }
6293 font-size: 1.40625rem;
6297 text-shadow: 0 1px 0 #fff;
6299 @media
(max-width: 1200px) {
6301 font-size: calc
(0.950625rem + 0.6075vw) ; } }
6304 text-decoration: none
; }
6305 .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
6310 background-color: transparent
;
6314 pointer-events: none
; }
6319 font-size: 0.875rem;
6320 background-color: rgba
(255, 255, 255, 0.85);
6321 background-clip: padding-box
;
6322 border: 1px solid rgba
(0, 0, 0, 0.1);
6323 box-shadow: 0 0.25rem 0.75rem rgba
(0, 0, 0, 0.1);
6324 backdrop-filter: blur
(10px);
6326 .toast:not(:last-child) {
6327 margin-bottom: 0.75rem; }
6338 align-items: center
;
6339 padding: 0.25rem 0.75rem;
6341 background-color: rgba
(255, 255, 255, 0.85);
6342 background-clip: padding-box
;
6343 border-bottom: 1px solid rgba
(0, 0, 0, 0.05); }
6350 .modal-open .modal {
6369 pointer-events: none
; }
6370 .modal.fade .modal-dialog {
6371 transition: transform
0.3s ease-out
;
6372 transform: translate
(0, -50px); }
6373 @media
(prefers-reduced-motion: reduce
) {
6374 .modal.fade .modal-dialog {
6375 transition: none
; } }
6376 .modal.show .modal-dialog {
6378 .modal.modal-static .modal-dialog {
6379 transform: scale
(1.02); }
6381 .modal-dialog-scrollable {
6383 max-height: calc
(100% - 1rem); }
6384 .modal-dialog-scrollable .modal-content {
6385 max-height: calc
(100vh - 1rem);
6387 .modal-dialog-scrollable
.modal-header
,
6388 .modal-dialog-scrollable .modal-footer {
6390 .modal-dialog-scrollable .modal-body {
6393 .modal-dialog-centered {
6395 align-items: center
;
6396 min-height: calc
(100% - 1rem); }
6397 .modal-dialog-centered::before {
6399 height: calc
(100vh - 1rem);
6400 height: min-content
;
6402 .modal-dialog-centered.modal-dialog-scrollable {
6403 flex-direction: column
;
6404 justify-content: center
;
6406 .modal-dialog-centered.modal-dialog-scrollable .modal-content {
6408 .modal-dialog-centered.modal-dialog-scrollable::before {
6414 flex-direction: column
;
6416 pointer-events: auto
;
6417 background-color: #fff;
6418 background-clip: padding-box
;
6419 border: 1px solid rgba
(0, 0, 0, 0.2);
6429 background-color: #000; }
6430 .modal-backdrop.fade {
6432 .modal-backdrop.show {
6437 align-items: flex-start
;
6438 justify-content: space-between
;
6440 border-bottom: 1px solid
#dee2e6; }
6441 .modal-header .close {
6443 margin: -1rem -1rem -1rem auto
; }
6457 align-items: center
;
6458 justify-content: flex-end
;
6460 border-top: 1px solid
#dee2e6; }
6464 .modal-scrollbar-measure {
6471 @media (min-width: 576px) {
6474 margin: 1.75rem auto
; }
6475 .modal-dialog-scrollable {
6476 max-height: calc
(100% - 3.5rem); }
6477 .modal-dialog-scrollable .modal-content {
6478 max-height: calc
(100vh - 3.5rem); }
6479 .modal-dialog-centered {
6480 min-height: calc
(100% - 3.5rem); }
6481 .modal-dialog-centered::before {
6482 height: calc
(100vh - 3.5rem);
6483 height: min-content
; }
6485 max-width: 300px; } }
6487 @media (min-width: 992px) {
6490 max-width: 800px; } }
6492 @media (min-width: 1200px) {
6494 max-width: 1140px; } }
6501 font-family: -apple-system
, BlinkMacSystemFont
, "Segoe UI", Roboto
, "Helvetica Neue", Arial
, "Noto Sans", sans-serif
, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
6507 text-decoration: none
;
6509 text-transform: none
;
6510 letter-spacing: normal
;
6512 word-spacing: normal
;
6513 white-space: normal
;
6515 font-size: 0.8203125rem;
6516 word-wrap: break-word
;
6525 .tooltip .arrow::before {
6528 border-color: transparent
;
6529 border-style: solid
; }
6531 .bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] {
6532 padding: 0.4rem 0; }
6533 .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow {
6535 .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
6537 border-width: 0.4rem 0.4rem 0;
6538 border-top-color: #000; }
6540 .bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] {
6541 padding: 0 0.4rem; }
6542 .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow {
6546 .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
6548 border-width: 0.4rem 0.4rem 0.4rem 0;
6549 border-right-color: #000; }
6551 .bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] {
6552 padding: 0.4rem 0; }
6553 .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow {
6555 .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
6557 border-width: 0 0.4rem 0.4rem;
6558 border-bottom-color: #000; }
6560 .bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] {
6561 padding: 0 0.4rem; }
6562 .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow {
6566 .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
6568 border-width: 0.4rem 0 0.4rem 0.4rem;
6569 border-left-color: #000; }
6573 padding: 0.25rem 0.5rem;
6576 background-color: #000; }
6584 font-family: -apple-system
, BlinkMacSystemFont
, "Segoe UI", Roboto
, "Helvetica Neue", Arial
, "Noto Sans", sans-serif
, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
6590 text-decoration: none
;
6592 text-transform: none
;
6593 letter-spacing: normal
;
6595 word-spacing: normal
;
6596 white-space: normal
;
6598 font-size: 0.8203125rem;
6599 word-wrap: break-word
;
6600 background-color: #fff;
6601 background-clip: padding-box
;
6602 border: 1px solid rgba
(0, 0, 0, 0.2); }
6609 .popover .arrow::before, .popover .arrow::after {
6613 border-color: transparent
;
6614 border-style: solid
; }
6616 .bs-popover-top, .bs-popover-auto[x-placement^="top"] {
6617 margin-bottom: 0.5rem; }
6618 .bs-popover-top > .arrow, .bs-popover-auto[x-placement^="top"] > .arrow {
6619 bottom: calc
(-0.5rem - 1px); }
6620 .bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^="top"] > .arrow::before {
6622 border-width: 0.5rem 0.5rem 0;
6623 border-top-color: rgba
(0, 0, 0, 0.25); }
6624 .bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^="top"] > .arrow::after {
6626 border-width: 0.5rem 0.5rem 0;
6627 border-top-color: #fff; }
6629 .bs-popover-right, .bs-popover-auto[x-placement^="right"] {
6630 margin-left: 0.5rem; }
6631 .bs-popover-right > .arrow, .bs-popover-auto[x-placement^="right"] > .arrow {
6632 left: calc
(-0.5rem - 1px);
6636 .bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^="right"] > .arrow::before {
6638 border-width: 0.5rem 0.5rem 0.5rem 0;
6639 border-right-color: rgba
(0, 0, 0, 0.25); }
6640 .bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^="right"] > .arrow::after {
6642 border-width: 0.5rem 0.5rem 0.5rem 0;
6643 border-right-color: #fff; }
6645 .bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] {
6646 margin-top: 0.5rem; }
6647 .bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^="bottom"] > .arrow {
6648 top: calc
(-0.5rem - 1px); }
6649 .bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^="bottom"] > .arrow::before {
6651 border-width: 0 0.5rem 0.5rem 0.5rem;
6652 border-bottom-color: rgba
(0, 0, 0, 0.25); }
6653 .bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^="bottom"] > .arrow::after {
6655 border-width: 0 0.5rem 0.5rem 0.5rem;
6656 border-bottom-color: #fff; }
6657 .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before {
6663 margin-left: -0.5rem;
6665 border-bottom: 1px solid
#f7f7f7; }
6667 .bs-popover-left, .bs-popover-auto[x-placement^="left"] {
6668 margin-right: 0.5rem; }
6669 .bs-popover-left > .arrow, .bs-popover-auto[x-placement^="left"] > .arrow {
6670 right: calc
(-0.5rem - 1px);
6674 .bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^="left"] > .arrow::before {
6676 border-width: 0.5rem 0 0.5rem 0.5rem;
6677 border-left-color: rgba
(0, 0, 0, 0.25); }
6678 .bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^="left"] > .arrow::after {
6680 border-width: 0.5rem 0 0.5rem 0.5rem;
6681 border-left-color: #fff; }
6684 padding: 0.5rem 0.75rem;
6686 font-size: 0.9375rem;
6687 background-color: #f7f7f7;
6688 border-bottom: 1px solid
#ebebeb; }
6689 @media
(max-width: 1200px) {
6691 font-size: calc
(0.90375rem + 0.045vw) ; } }
6692 .popover-header:empty {
6696 padding: 0.5rem 0.75rem;
6700 position: relative
; }
6702 .carousel.pointer-event {
6703 touch-action: pan-y
; }
6709 .carousel-inner::after {
6719 margin-right: -100%;
6720 backface-visibility: hidden
;
6721 transition: transform
0.6s ease-in-out
; }
6722 @media
(prefers-reduced-motion: reduce
) {
6724 transition: none
; } }
6726 .carousel-item
.active
,
6727 .carousel-item-next
,
6728 .carousel-item-prev {
6731 .carousel-item-next:not
(.carousel-item-left
),
6732 .active.carousel-item-right {
6733 transform: translateX
(100%); }
6735 .carousel-item-prev:not
(.carousel-item-right
),
6736 .active.carousel-item-left {
6737 transform: translateX
(-100%); }
6739 .carousel-fade .carousel-item {
6741 transition-property: opacity
;
6744 .carousel-fade
.carousel-item
.active
,
6745 .carousel-fade
.carousel-item-next
.carousel-item-left
,
6746 .carousel-fade .carousel-item-prev.carousel-item-right {
6750 .carousel-fade
.active
.carousel-item-left
,
6751 .carousel-fade .active.carousel-item-right {
6754 transition: opacity
0s 0.6s; }
6755 @media
(prefers-reduced-motion: reduce
) {
6756 .carousel-fade
.active
.carousel-item-left
,
6757 .carousel-fade .active.carousel-item-right {
6758 transition: none
; } }
6760 .carousel-control-prev
,
6761 .carousel-control-next {
6767 align-items: center
;
6768 justify-content: center
;
6773 transition: opacity
0.15s ease
; }
6774 @media
(prefers-reduced-motion: reduce
) {
6775 .carousel-control-prev
,
6776 .carousel-control-next {
6777 transition: none
; } }
6778 .carousel-control-prev:hover
, .carousel-control-prev:focus
,
6779 .carousel-control-next:hover
,
6780 .carousel-control-next:focus {
6782 text-decoration: none
;
6786 .carousel-control-prev {
6789 .carousel-control-next {
6792 .carousel-control-prev-icon
,
6793 .carousel-control-next-icon {
6794 display: inline-block
;
6797 background: no-repeat
50% / 100% 100%; }
6799 .carousel-control-prev-icon {
6800 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"); }
6802 .carousel-control-next-icon {
6803 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"); }
6805 .carousel-indicators {
6812 justify-content: center
;
6817 .carousel-indicators li {
6818 box-sizing: content-box
;
6824 text-indent: -999px;
6826 background-color: #fff;
6827 background-clip: padding-box
;
6828 border-top: 10px solid transparent
;
6829 border-bottom: 10px solid transparent
;
6831 transition: opacity
0.6s ease
; }
6832 @media
(prefers-reduced-motion: reduce
) {
6833 .carousel-indicators li {
6834 transition: none
; } }
6835 .carousel-indicators .active {
6845 padding-bottom: 20px;
6847 text-align: center
; }
6849 @keyframes spinner-border
{
6851 transform: rotate
(360deg); } }
6854 display: inline-block
;
6857 vertical-align: text-bottom
;
6858 border: 0.25em solid currentColor
;
6859 border-right-color: transparent
;
6861 animation: spinner-border
.75s linear infinite
; }
6863 .spinner-border-sm {
6866 border-width: 0.2em; }
6868 @keyframes spinner-grow
{
6870 transform: scale
(0); }
6873 transform: none
; } }
6876 display: inline-block
;
6879 vertical-align: text-bottom
;
6880 background-color: currentColor
;
6883 animation: spinner-grow
.75s linear infinite
; }
6890 vertical-align: baseline
!important
; }
6893 vertical-align: top
!important
; }
6896 vertical-align: middle
!important
; }
6899 vertical-align: bottom
!important
; }
6901 .align-text-bottom {
6902 vertical-align: text-bottom
!important
; }
6905 vertical-align: text-top
!important
; }
6908 background-color: #1177d1 !important
; }
6910 a
.bg-primary:hover
, a
.bg-primary:focus
,
6911 button
.bg-primary:hover
,
6912 button
.bg-primary:focus
{
6913 background-color: #0d5ca2 !important
; }
6916 background-color: #ced4da !important
; }
6918 a
.bg-secondary:hover
, a
.bg-secondary:focus
,
6919 button
.bg-secondary:hover
,
6920 button
.bg-secondary:focus
{
6921 background-color: #b1bbc4 !important
; }
6924 background-color: #398439 !important
; }
6926 a
.bg-success:hover
, a
.bg-success:focus
,
6927 button
.bg-success:hover
,
6928 button
.bg-success:focus
{
6929 background-color: #2a602a !important
; }
6932 background-color: #5bc0de !important
; }
6934 a
.bg-info:hover
, a
.bg-info:focus
,
6935 button
.bg-info:hover
,
6936 button
.bg-info:focus
{
6937 background-color: #31b0d5 !important
; }
6940 background-color: #f0ad4e !important
; }
6942 a
.bg-warning:hover
, a
.bg-warning:focus
,
6943 button
.bg-warning:hover
,
6944 button
.bg-warning:focus
{
6945 background-color: #ec971f !important
; }
6948 background-color: #d43f3a !important
; }
6950 a
.bg-danger:hover
, a
.bg-danger:focus
,
6951 button
.bg-danger:hover
,
6952 button
.bg-danger:focus
{
6953 background-color: #b42c27 !important
; }
6956 background-color: #f8f9fa !important
; }
6958 a
.bg-light:hover
, a
.bg-light:focus
,
6959 button
.bg-light:hover
,
6960 button
.bg-light:focus
{
6961 background-color: #dae0e5 !important
; }
6964 background-color: #343a40 !important
; }
6966 a
.bg-dark:hover
, a
.bg-dark:focus
,
6967 button
.bg-dark:hover
,
6968 button
.bg-dark:focus
{
6969 background-color: #1d2124 !important
; }
6972 background-color: #fff !important
; }
6975 background-color: transparent
!important
; }
6978 border: 1px solid
#dee2e6 !important
; }
6981 border-top: 1px solid
#dee2e6 !important
; }
6984 border-right: 1px solid
#dee2e6 !important
; }
6987 border-bottom: 1px solid
#dee2e6 !important
; }
6990 border-left: 1px solid
#dee2e6 !important
; }
6993 border: 0 !important
; }
6996 border-top: 0 !important
; }
6999 border-right: 0 !important
; }
7002 border-bottom: 0 !important
; }
7005 border-left: 0 !important
; }
7008 border-color: #1177d1 !important
; }
7011 border-color: #ced4da !important
; }
7014 border-color: #398439 !important
; }
7017 border-color: #5bc0de !important
; }
7020 border-color: #f0ad4e !important
; }
7023 border-color: #d43f3a !important
; }
7026 border-color: #f8f9fa !important
; }
7029 border-color: #343a40 !important
; }
7032 border-color: #fff !important
; }
7035 border-radius: 0.2rem !important
; }
7038 border-radius: 0.25rem !important
; }
7041 border-top-left-radius: 0.25rem !important
;
7042 border-top-right-radius: 0.25rem !important
; }
7045 border-top-right-radius: 0.25rem !important
;
7046 border-bottom-right-radius: 0.25rem !important
; }
7049 border-bottom-right-radius: 0.25rem !important
;
7050 border-bottom-left-radius: 0.25rem !important
; }
7053 border-top-left-radius: 0.25rem !important
;
7054 border-bottom-left-radius: 0.25rem !important
; }
7057 border-radius: 0.3rem !important
; }
7060 border-radius: 50% !important
; }
7063 border-radius: 50rem !important
; }
7066 border-radius: 0 !important
; }
7074 display: none
!important
; }
7077 display: inline
!important
; }
7080 display: inline-block
!important
; }
7083 display: block
!important
; }
7086 display: table
!important
; }
7089 display: table-row
!important
; }
7092 display: table-cell
!important
; }
7095 display: flex
!important
; }
7098 display: inline-flex
!important
; }
7100 @media (min-width: 576px) {
7102 display: none
!important
; }
7104 display: inline
!important
; }
7105 .d-sm-inline-block {
7106 display: inline-block
!important
; }
7108 display: block
!important
; }
7110 display: table
!important
; }
7112 display: table-row
!important
; }
7114 display: table-cell
!important
; }
7116 display: flex
!important
; }
7118 display: inline-flex
!important
; } }
7120 @media (min-width: 768px) {
7122 display: none
!important
; }
7124 display: inline
!important
; }
7125 .d-md-inline-block {
7126 display: inline-block
!important
; }
7128 display: block
!important
; }
7130 display: table
!important
; }
7132 display: table-row
!important
; }
7134 display: table-cell
!important
; }
7136 display: flex
!important
; }
7138 display: inline-flex
!important
; } }
7140 @media (min-width: 992px) {
7142 display: none
!important
; }
7144 display: inline
!important
; }
7145 .d-lg-inline-block {
7146 display: inline-block
!important
; }
7148 display: block
!important
; }
7150 display: table
!important
; }
7152 display: table-row
!important
; }
7154 display: table-cell
!important
; }
7156 display: flex
!important
; }
7158 display: inline-flex
!important
; } }
7160 @media (min-width: 1200px) {
7162 display: none
!important
; }
7164 display: inline
!important
; }
7165 .d-xl-inline-block {
7166 display: inline-block
!important
; }
7168 display: block
!important
; }
7170 display: table
!important
; }
7172 display: table-row
!important
; }
7174 display: table-cell
!important
; }
7176 display: flex
!important
; }
7178 display: inline-flex
!important
; } }
7182 display: none
!important
; }
7184 display: inline
!important
; }
7185 .d-print-inline-block {
7186 display: inline-block
!important
; }
7188 display: block
!important
; }
7190 display: table
!important
; }
7191 .d-print-table-row {
7192 display: table-row
!important
; }
7193 .d-print-table-cell {
7194 display: table-cell
!important
; }
7196 display: flex
!important
; }
7197 .d-print-inline-flex {
7198 display: inline-flex
!important
; } }
7206 .embed-responsive::before {
7209 .embed-responsive
.embed-responsive-item
,
7210 .embed-responsive iframe
,
7211 .embed-responsive embed
,
7212 .embed-responsive object
,
7213 .embed-responsive video {
7222 .embed-responsive-21by9::before {
7223 padding-top: 42.8571428571%; }
7225 .embed-responsive-16by9::before {
7226 padding-top: 56.25%; }
7228 .embed-responsive-4by3::before {
7231 .embed-responsive-1by1::before {
7232 padding-top: 100%; }
7235 flex-direction: row
!important
; }
7238 flex-direction: column
!important
; }
7241 flex-direction: row-reverse
!important
; }
7243 .flex-column-reverse {
7244 flex-direction: column-reverse
!important
; }
7247 flex-wrap: wrap
!important
; }
7250 flex-wrap: nowrap
!important
; }
7252 .flex-wrap-reverse {
7253 flex-wrap: wrap-reverse
!important
; }
7256 flex: 1 1 auto
!important
; }
7259 flex-grow: 0 !important
; }
7262 flex-grow: 1 !important
; }
7265 flex-shrink: 0 !important
; }
7268 flex-shrink: 1 !important
; }
7270 .justify-content-start {
7271 justify-content: flex-start
!important
; }
7273 .justify-content-end {
7274 justify-content: flex-end
!important
; }
7276 .justify-content-center {
7277 justify-content: center
!important
; }
7279 .justify-content-between {
7280 justify-content: space-between
!important
; }
7282 .justify-content-around {
7283 justify-content: space-around
!important
; }
7285 .align-items-start {
7286 align-items: flex-start
!important
; }
7289 align-items: flex-end
!important
; }
7291 .align-items-center {
7292 align-items: center
!important
; }
7294 .align-items-baseline {
7295 align-items: baseline
!important
; }
7297 .align-items-stretch {
7298 align-items: stretch
!important
; }
7300 .align-content-start {
7301 align-content: flex-start
!important
; }
7303 .align-content-end {
7304 align-content: flex-end
!important
; }
7306 .align-content-center {
7307 align-content: center
!important
; }
7309 .align-content-between {
7310 align-content: space-between
!important
; }
7312 .align-content-around {
7313 align-content: space-around
!important
; }
7315 .align-content-stretch {
7316 align-content: stretch
!important
; }
7319 align-self: auto
!important
; }
7322 align-self: flex-start
!important
; }
7325 align-self: flex-end
!important
; }
7327 .align-self-center {
7328 align-self: center
!important
; }
7330 .align-self-baseline {
7331 align-self: baseline
!important
; }
7333 .align-self-stretch {
7334 align-self: stretch
!important
; }
7336 @media (min-width: 576px) {
7338 flex-direction: row
!important
; }
7340 flex-direction: column
!important
; }
7341 .flex-sm-row-reverse {
7342 flex-direction: row-reverse
!important
; }
7343 .flex-sm-column-reverse {
7344 flex-direction: column-reverse
!important
; }
7346 flex-wrap: wrap
!important
; }
7348 flex-wrap: nowrap
!important
; }
7349 .flex-sm-wrap-reverse {
7350 flex-wrap: wrap-reverse
!important
; }
7352 flex: 1 1 auto
!important
; }
7354 flex-grow: 0 !important
; }
7356 flex-grow: 1 !important
; }
7358 flex-shrink: 0 !important
; }
7360 flex-shrink: 1 !important
; }
7361 .justify-content-sm-start {
7362 justify-content: flex-start
!important
; }
7363 .justify-content-sm-end {
7364 justify-content: flex-end
!important
; }
7365 .justify-content-sm-center {
7366 justify-content: center
!important
; }
7367 .justify-content-sm-between {
7368 justify-content: space-between
!important
; }
7369 .justify-content-sm-around {
7370 justify-content: space-around
!important
; }
7371 .align-items-sm-start {
7372 align-items: flex-start
!important
; }
7373 .align-items-sm-end {
7374 align-items: flex-end
!important
; }
7375 .align-items-sm-center {
7376 align-items: center
!important
; }
7377 .align-items-sm-baseline {
7378 align-items: baseline
!important
; }
7379 .align-items-sm-stretch {
7380 align-items: stretch
!important
; }
7381 .align-content-sm-start {
7382 align-content: flex-start
!important
; }
7383 .align-content-sm-end {
7384 align-content: flex-end
!important
; }
7385 .align-content-sm-center {
7386 align-content: center
!important
; }
7387 .align-content-sm-between {
7388 align-content: space-between
!important
; }
7389 .align-content-sm-around {
7390 align-content: space-around
!important
; }
7391 .align-content-sm-stretch {
7392 align-content: stretch
!important
; }
7393 .align-self-sm-auto {
7394 align-self: auto
!important
; }
7395 .align-self-sm-start {
7396 align-self: flex-start
!important
; }
7397 .align-self-sm-end {
7398 align-self: flex-end
!important
; }
7399 .align-self-sm-center {
7400 align-self: center
!important
; }
7401 .align-self-sm-baseline {
7402 align-self: baseline
!important
; }
7403 .align-self-sm-stretch {
7404 align-self: stretch
!important
; } }
7406 @media (min-width: 768px) {
7408 flex-direction: row
!important
; }
7410 flex-direction: column
!important
; }
7411 .flex-md-row-reverse {
7412 flex-direction: row-reverse
!important
; }
7413 .flex-md-column-reverse {
7414 flex-direction: column-reverse
!important
; }
7416 flex-wrap: wrap
!important
; }
7418 flex-wrap: nowrap
!important
; }
7419 .flex-md-wrap-reverse {
7420 flex-wrap: wrap-reverse
!important
; }
7422 flex: 1 1 auto
!important
; }
7424 flex-grow: 0 !important
; }
7426 flex-grow: 1 !important
; }
7428 flex-shrink: 0 !important
; }
7430 flex-shrink: 1 !important
; }
7431 .justify-content-md-start {
7432 justify-content: flex-start
!important
; }
7433 .justify-content-md-end {
7434 justify-content: flex-end
!important
; }
7435 .justify-content-md-center {
7436 justify-content: center
!important
; }
7437 .justify-content-md-between {
7438 justify-content: space-between
!important
; }
7439 .justify-content-md-around {
7440 justify-content: space-around
!important
; }
7441 .align-items-md-start {
7442 align-items: flex-start
!important
; }
7443 .align-items-md-end {
7444 align-items: flex-end
!important
; }
7445 .align-items-md-center {
7446 align-items: center
!important
; }
7447 .align-items-md-baseline {
7448 align-items: baseline
!important
; }
7449 .align-items-md-stretch {
7450 align-items: stretch
!important
; }
7451 .align-content-md-start {
7452 align-content: flex-start
!important
; }
7453 .align-content-md-end {
7454 align-content: flex-end
!important
; }
7455 .align-content-md-center {
7456 align-content: center
!important
; }
7457 .align-content-md-between {
7458 align-content: space-between
!important
; }
7459 .align-content-md-around {
7460 align-content: space-around
!important
; }
7461 .align-content-md-stretch {
7462 align-content: stretch
!important
; }
7463 .align-self-md-auto {
7464 align-self: auto
!important
; }
7465 .align-self-md-start {
7466 align-self: flex-start
!important
; }
7467 .align-self-md-end {
7468 align-self: flex-end
!important
; }
7469 .align-self-md-center {
7470 align-self: center
!important
; }
7471 .align-self-md-baseline {
7472 align-self: baseline
!important
; }
7473 .align-self-md-stretch {
7474 align-self: stretch
!important
; } }
7476 @media (min-width: 992px) {
7478 flex-direction: row
!important
; }
7480 flex-direction: column
!important
; }
7481 .flex-lg-row-reverse {
7482 flex-direction: row-reverse
!important
; }
7483 .flex-lg-column-reverse {
7484 flex-direction: column-reverse
!important
; }
7486 flex-wrap: wrap
!important
; }
7488 flex-wrap: nowrap
!important
; }
7489 .flex-lg-wrap-reverse {
7490 flex-wrap: wrap-reverse
!important
; }
7492 flex: 1 1 auto
!important
; }
7494 flex-grow: 0 !important
; }
7496 flex-grow: 1 !important
; }
7498 flex-shrink: 0 !important
; }
7500 flex-shrink: 1 !important
; }
7501 .justify-content-lg-start {
7502 justify-content: flex-start
!important
; }
7503 .justify-content-lg-end {
7504 justify-content: flex-end
!important
; }
7505 .justify-content-lg-center {
7506 justify-content: center
!important
; }
7507 .justify-content-lg-between {
7508 justify-content: space-between
!important
; }
7509 .justify-content-lg-around {
7510 justify-content: space-around
!important
; }
7511 .align-items-lg-start {
7512 align-items: flex-start
!important
; }
7513 .align-items-lg-end {
7514 align-items: flex-end
!important
; }
7515 .align-items-lg-center {
7516 align-items: center
!important
; }
7517 .align-items-lg-baseline {
7518 align-items: baseline
!important
; }
7519 .align-items-lg-stretch {
7520 align-items: stretch
!important
; }
7521 .align-content-lg-start {
7522 align-content: flex-start
!important
; }
7523 .align-content-lg-end {
7524 align-content: flex-end
!important
; }
7525 .align-content-lg-center {
7526 align-content: center
!important
; }
7527 .align-content-lg-between {
7528 align-content: space-between
!important
; }
7529 .align-content-lg-around {
7530 align-content: space-around
!important
; }
7531 .align-content-lg-stretch {
7532 align-content: stretch
!important
; }
7533 .align-self-lg-auto {
7534 align-self: auto
!important
; }
7535 .align-self-lg-start {
7536 align-self: flex-start
!important
; }
7537 .align-self-lg-end {
7538 align-self: flex-end
!important
; }
7539 .align-self-lg-center {
7540 align-self: center
!important
; }
7541 .align-self-lg-baseline {
7542 align-self: baseline
!important
; }
7543 .align-self-lg-stretch {
7544 align-self: stretch
!important
; } }
7546 @media (min-width: 1200px) {
7548 flex-direction: row
!important
; }
7550 flex-direction: column
!important
; }
7551 .flex-xl-row-reverse {
7552 flex-direction: row-reverse
!important
; }
7553 .flex-xl-column-reverse {
7554 flex-direction: column-reverse
!important
; }
7556 flex-wrap: wrap
!important
; }
7558 flex-wrap: nowrap
!important
; }
7559 .flex-xl-wrap-reverse {
7560 flex-wrap: wrap-reverse
!important
; }
7562 flex: 1 1 auto
!important
; }
7564 flex-grow: 0 !important
; }
7566 flex-grow: 1 !important
; }
7568 flex-shrink: 0 !important
; }
7570 flex-shrink: 1 !important
; }
7571 .justify-content-xl-start {
7572 justify-content: flex-start
!important
; }
7573 .justify-content-xl-end {
7574 justify-content: flex-end
!important
; }
7575 .justify-content-xl-center {
7576 justify-content: center
!important
; }
7577 .justify-content-xl-between {
7578 justify-content: space-between
!important
; }
7579 .justify-content-xl-around {
7580 justify-content: space-around
!important
; }
7581 .align-items-xl-start {
7582 align-items: flex-start
!important
; }
7583 .align-items-xl-end {
7584 align-items: flex-end
!important
; }
7585 .align-items-xl-center {
7586 align-items: center
!important
; }
7587 .align-items-xl-baseline {
7588 align-items: baseline
!important
; }
7589 .align-items-xl-stretch {
7590 align-items: stretch
!important
; }
7591 .align-content-xl-start {
7592 align-content: flex-start
!important
; }
7593 .align-content-xl-end {
7594 align-content: flex-end
!important
; }
7595 .align-content-xl-center {
7596 align-content: center
!important
; }
7597 .align-content-xl-between {
7598 align-content: space-between
!important
; }
7599 .align-content-xl-around {
7600 align-content: space-around
!important
; }
7601 .align-content-xl-stretch {
7602 align-content: stretch
!important
; }
7603 .align-self-xl-auto {
7604 align-self: auto
!important
; }
7605 .align-self-xl-start {
7606 align-self: flex-start
!important
; }
7607 .align-self-xl-end {
7608 align-self: flex-end
!important
; }
7609 .align-self-xl-center {
7610 align-self: center
!important
; }
7611 .align-self-xl-baseline {
7612 align-self: baseline
!important
; }
7613 .align-self-xl-stretch {
7614 align-self: stretch
!important
; } }
7617 float: left
!important
; }
7620 float: right
!important
; }
7623 float: none
!important
; }
7625 @media (min-width: 576px) {
7627 float: left
!important
; }
7629 float: right
!important
; }
7631 float: none
!important
; } }
7633 @media (min-width: 768px) {
7635 float: left
!important
; }
7637 float: right
!important
; }
7639 float: none
!important
; } }
7641 @media (min-width: 992px) {
7643 float: left
!important
; }
7645 float: right
!important
; }
7647 float: none
!important
; } }
7649 @media (min-width: 1200px) {
7651 float: left
!important
; }
7653 float: right
!important
; }
7655 float: none
!important
; } }
7658 user-select: all
!important
; }
7661 user-select: auto
!important
; }
7664 user-select: none
!important
; }
7667 overflow: auto
!important
; }
7670 overflow: hidden
!important
; }
7673 position: static
!important
; }
7675 .position-relative {
7676 position: relative
!important
; }
7678 .position-absolute {
7679 position: absolute
!important
; }
7682 position: fixed
!important
; }
7685 position: sticky
!important
; }
7701 @supports (position: sticky
) {
7714 clip: rect
(0, 0, 0, 0);
7715 white-space: nowrap
;
7718 .sr-only-focusable:active, .sr-only-focusable:focus {
7724 white-space: normal
; }
7727 box-shadow: 0 0.125rem 0.25rem rgba
(0, 0, 0, 0.075) !important
; }
7730 box-shadow: 0 0.5rem 1rem rgba
(0, 0, 0, 0.15) !important
; }
7733 box-shadow: 0 1rem 3rem rgba
(0, 0, 0, 0.175) !important
; }
7736 box-shadow: none
!important
; }
7739 width: 25% !important
; }
7742 width: 50% !important
; }
7745 width: 75% !important
; }
7748 width: 100% !important
; }
7751 width: auto
!important
; }
7754 height: 25% !important
; }
7757 height: 50% !important
; }
7760 height: 75% !important
; }
7763 height: 100% !important
; }
7766 height: auto
!important
; }
7769 max-width: 100% !important
; }
7772 max-height: 100% !important
; }
7775 min-width: 100vw !important
; }
7778 min-height: 100vh !important
; }
7781 width: 100vw !important
; }
7784 height: 100vh !important
; }
7787 margin: 0 !important
; }
7791 margin-top: 0 !important
; }
7795 margin-right: 0 !important
; }
7799 margin-bottom: 0 !important
; }
7803 margin-left: 0 !important
; }
7806 margin: 0.25rem !important
; }
7810 margin-top: 0.25rem !important
; }
7814 margin-right: 0.25rem !important
; }
7818 margin-bottom: 0.25rem !important
; }
7822 margin-left: 0.25rem !important
; }
7825 margin: 0.5rem !important
; }
7829 margin-top: 0.5rem !important
; }
7833 margin-right: 0.5rem !important
; }
7837 margin-bottom: 0.5rem !important
; }
7841 margin-left: 0.5rem !important
; }
7844 margin: 1rem !important
; }
7848 margin-top: 1rem !important
; }
7852 margin-right: 1rem !important
; }
7856 margin-bottom: 1rem !important
; }
7860 margin-left: 1rem !important
; }
7863 margin: 1.5rem !important
; }
7867 margin-top: 1.5rem !important
; }
7871 margin-right: 1.5rem !important
; }
7875 margin-bottom: 1.5rem !important
; }
7879 margin-left: 1.5rem !important
; }
7882 margin: 3rem !important
; }
7886 margin-top: 3rem !important
; }
7890 margin-right: 3rem !important
; }
7894 margin-bottom: 3rem !important
; }
7898 margin-left: 3rem !important
; }
7901 padding: 0 !important
; }
7905 padding-top: 0 !important
; }
7909 padding-right: 0 !important
; }
7913 padding-bottom: 0 !important
; }
7917 padding-left: 0 !important
; }
7920 padding: 0.25rem !important
; }
7924 padding-top: 0.25rem !important
; }
7928 padding-right: 0.25rem !important
; }
7932 padding-bottom: 0.25rem !important
; }
7936 padding-left: 0.25rem !important
; }
7939 padding: 0.5rem !important
; }
7943 padding-top: 0.5rem !important
; }
7947 padding-right: 0.5rem !important
; }
7951 padding-bottom: 0.5rem !important
; }
7955 padding-left: 0.5rem !important
; }
7958 padding: 1rem !important
; }
7962 padding-top: 1rem !important
; }
7966 padding-right: 1rem !important
; }
7970 padding-bottom: 1rem !important
; }
7974 padding-left: 1rem !important
; }
7977 padding: 1.5rem !important
; }
7981 padding-top: 1.5rem !important
; }
7985 padding-right: 1.5rem !important
; }
7989 padding-bottom: 1.5rem !important
; }
7993 padding-left: 1.5rem !important
; }
7996 padding: 3rem !important
; }
8000 padding-top: 3rem !important
; }
8004 padding-right: 3rem !important
; }
8008 padding-bottom: 3rem !important
; }
8012 padding-left: 3rem !important
; }
8015 margin: -0.25rem !important
; }
8019 margin-top: -0.25rem !important
; }
8023 margin-right: -0.25rem !important
; }
8027 margin-bottom: -0.25rem !important
; }
8031 margin-left: -0.25rem !important
; }
8034 margin: -0.5rem !important
; }
8038 margin-top: -0.5rem !important
; }
8042 margin-right: -0.5rem !important
; }
8046 margin-bottom: -0.5rem !important
; }
8050 margin-left: -0.5rem !important
; }
8053 margin: -1rem !important
; }
8057 margin-top: -1rem !important
; }
8061 margin-right: -1rem !important
; }
8065 margin-bottom: -1rem !important
; }
8069 margin-left: -1rem !important
; }
8072 margin: -1.5rem !important
; }
8076 margin-top: -1.5rem !important
; }
8080 margin-right: -1.5rem !important
; }
8084 margin-bottom: -1.5rem !important
; }
8088 margin-left: -1.5rem !important
; }
8091 margin: -3rem !important
; }
8095 margin-top: -3rem !important
; }
8099 margin-right: -3rem !important
; }
8103 margin-bottom: -3rem !important
; }
8107 margin-left: -3rem !important
; }
8110 margin: auto
!important
; }
8114 margin-top: auto
!important
; }
8118 margin-right: auto
!important
; }
8122 margin-bottom: auto
!important
; }
8126 margin-left: auto
!important
; }
8128 @media (min-width: 576px) {
8130 margin: 0 !important
; }
8133 margin-top: 0 !important
; }
8136 margin-right: 0 !important
; }
8139 margin-bottom: 0 !important
; }
8142 margin-left: 0 !important
; }
8144 margin: 0.25rem !important
; }
8147 margin-top: 0.25rem !important
; }
8150 margin-right: 0.25rem !important
; }
8153 margin-bottom: 0.25rem !important
; }
8156 margin-left: 0.25rem !important
; }
8158 margin: 0.5rem !important
; }
8161 margin-top: 0.5rem !important
; }
8164 margin-right: 0.5rem !important
; }
8167 margin-bottom: 0.5rem !important
; }
8170 margin-left: 0.5rem !important
; }
8172 margin: 1rem !important
; }
8175 margin-top: 1rem !important
; }
8178 margin-right: 1rem !important
; }
8181 margin-bottom: 1rem !important
; }
8184 margin-left: 1rem !important
; }
8186 margin: 1.5rem !important
; }
8189 margin-top: 1.5rem !important
; }
8192 margin-right: 1.5rem !important
; }
8195 margin-bottom: 1.5rem !important
; }
8198 margin-left: 1.5rem !important
; }
8200 margin: 3rem !important
; }
8203 margin-top: 3rem !important
; }
8206 margin-right: 3rem !important
; }
8209 margin-bottom: 3rem !important
; }
8212 margin-left: 3rem !important
; }
8214 padding: 0 !important
; }
8217 padding-top: 0 !important
; }
8220 padding-right: 0 !important
; }
8223 padding-bottom: 0 !important
; }
8226 padding-left: 0 !important
; }
8228 padding: 0.25rem !important
; }
8231 padding-top: 0.25rem !important
; }
8234 padding-right: 0.25rem !important
; }
8237 padding-bottom: 0.25rem !important
; }
8240 padding-left: 0.25rem !important
; }
8242 padding: 0.5rem !important
; }
8245 padding-top: 0.5rem !important
; }
8248 padding-right: 0.5rem !important
; }
8251 padding-bottom: 0.5rem !important
; }
8254 padding-left: 0.5rem !important
; }
8256 padding: 1rem !important
; }
8259 padding-top: 1rem !important
; }
8262 padding-right: 1rem !important
; }
8265 padding-bottom: 1rem !important
; }
8268 padding-left: 1rem !important
; }
8270 padding: 1.5rem !important
; }
8273 padding-top: 1.5rem !important
; }
8276 padding-right: 1.5rem !important
; }
8279 padding-bottom: 1.5rem !important
; }
8282 padding-left: 1.5rem !important
; }
8284 padding: 3rem !important
; }
8287 padding-top: 3rem !important
; }
8290 padding-right: 3rem !important
; }
8293 padding-bottom: 3rem !important
; }
8296 padding-left: 3rem !important
; }
8298 margin: -0.25rem !important
; }
8301 margin-top: -0.25rem !important
; }
8304 margin-right: -0.25rem !important
; }
8307 margin-bottom: -0.25rem !important
; }
8310 margin-left: -0.25rem !important
; }
8312 margin: -0.5rem !important
; }
8315 margin-top: -0.5rem !important
; }
8318 margin-right: -0.5rem !important
; }
8321 margin-bottom: -0.5rem !important
; }
8324 margin-left: -0.5rem !important
; }
8326 margin: -1rem !important
; }
8329 margin-top: -1rem !important
; }
8332 margin-right: -1rem !important
; }
8335 margin-bottom: -1rem !important
; }
8338 margin-left: -1rem !important
; }
8340 margin: -1.5rem !important
; }
8343 margin-top: -1.5rem !important
; }
8346 margin-right: -1.5rem !important
; }
8349 margin-bottom: -1.5rem !important
; }
8352 margin-left: -1.5rem !important
; }
8354 margin: -3rem !important
; }
8357 margin-top: -3rem !important
; }
8360 margin-right: -3rem !important
; }
8363 margin-bottom: -3rem !important
; }
8366 margin-left: -3rem !important
; }
8368 margin: auto
!important
; }
8371 margin-top: auto
!important
; }
8374 margin-right: auto
!important
; }
8377 margin-bottom: auto
!important
; }
8380 margin-left: auto
!important
; } }
8382 @media (min-width: 768px) {
8384 margin: 0 !important
; }
8387 margin-top: 0 !important
; }
8390 margin-right: 0 !important
; }
8393 margin-bottom: 0 !important
; }
8396 margin-left: 0 !important
; }
8398 margin: 0.25rem !important
; }
8401 margin-top: 0.25rem !important
; }
8404 margin-right: 0.25rem !important
; }
8407 margin-bottom: 0.25rem !important
; }
8410 margin-left: 0.25rem !important
; }
8412 margin: 0.5rem !important
; }
8415 margin-top: 0.5rem !important
; }
8418 margin-right: 0.5rem !important
; }
8421 margin-bottom: 0.5rem !important
; }
8424 margin-left: 0.5rem !important
; }
8426 margin: 1rem !important
; }
8429 margin-top: 1rem !important
; }
8432 margin-right: 1rem !important
; }
8435 margin-bottom: 1rem !important
; }
8438 margin-left: 1rem !important
; }
8440 margin: 1.5rem !important
; }
8443 margin-top: 1.5rem !important
; }
8446 margin-right: 1.5rem !important
; }
8449 margin-bottom: 1.5rem !important
; }
8452 margin-left: 1.5rem !important
; }
8454 margin: 3rem !important
; }
8457 margin-top: 3rem !important
; }
8460 margin-right: 3rem !important
; }
8463 margin-bottom: 3rem !important
; }
8466 margin-left: 3rem !important
; }
8468 padding: 0 !important
; }
8471 padding-top: 0 !important
; }
8474 padding-right: 0 !important
; }
8477 padding-bottom: 0 !important
; }
8480 padding-left: 0 !important
; }
8482 padding: 0.25rem !important
; }
8485 padding-top: 0.25rem !important
; }
8488 padding-right: 0.25rem !important
; }
8491 padding-bottom: 0.25rem !important
; }
8494 padding-left: 0.25rem !important
; }
8496 padding: 0.5rem !important
; }
8499 padding-top: 0.5rem !important
; }
8502 padding-right: 0.5rem !important
; }
8505 padding-bottom: 0.5rem !important
; }
8508 padding-left: 0.5rem !important
; }
8510 padding: 1rem !important
; }
8513 padding-top: 1rem !important
; }
8516 padding-right: 1rem !important
; }
8519 padding-bottom: 1rem !important
; }
8522 padding-left: 1rem !important
; }
8524 padding: 1.5rem !important
; }
8527 padding-top: 1.5rem !important
; }
8530 padding-right: 1.5rem !important
; }
8533 padding-bottom: 1.5rem !important
; }
8536 padding-left: 1.5rem !important
; }
8538 padding: 3rem !important
; }
8541 padding-top: 3rem !important
; }
8544 padding-right: 3rem !important
; }
8547 padding-bottom: 3rem !important
; }
8550 padding-left: 3rem !important
; }
8552 margin: -0.25rem !important
; }
8555 margin-top: -0.25rem !important
; }
8558 margin-right: -0.25rem !important
; }
8561 margin-bottom: -0.25rem !important
; }
8564 margin-left: -0.25rem !important
; }
8566 margin: -0.5rem !important
; }
8569 margin-top: -0.5rem !important
; }
8572 margin-right: -0.5rem !important
; }
8575 margin-bottom: -0.5rem !important
; }
8578 margin-left: -0.5rem !important
; }
8580 margin: -1rem !important
; }
8583 margin-top: -1rem !important
; }
8586 margin-right: -1rem !important
; }
8589 margin-bottom: -1rem !important
; }
8592 margin-left: -1rem !important
; }
8594 margin: -1.5rem !important
; }
8597 margin-top: -1.5rem !important
; }
8600 margin-right: -1.5rem !important
; }
8603 margin-bottom: -1.5rem !important
; }
8606 margin-left: -1.5rem !important
; }
8608 margin: -3rem !important
; }
8611 margin-top: -3rem !important
; }
8614 margin-right: -3rem !important
; }
8617 margin-bottom: -3rem !important
; }
8620 margin-left: -3rem !important
; }
8622 margin: auto
!important
; }
8625 margin-top: auto
!important
; }
8628 margin-right: auto
!important
; }
8631 margin-bottom: auto
!important
; }
8634 margin-left: auto
!important
; } }
8636 @media (min-width: 992px) {
8638 margin: 0 !important
; }
8641 margin-top: 0 !important
; }
8644 margin-right: 0 !important
; }
8647 margin-bottom: 0 !important
; }
8650 margin-left: 0 !important
; }
8652 margin: 0.25rem !important
; }
8655 margin-top: 0.25rem !important
; }
8658 margin-right: 0.25rem !important
; }
8661 margin-bottom: 0.25rem !important
; }
8664 margin-left: 0.25rem !important
; }
8666 margin: 0.5rem !important
; }
8669 margin-top: 0.5rem !important
; }
8672 margin-right: 0.5rem !important
; }
8675 margin-bottom: 0.5rem !important
; }
8678 margin-left: 0.5rem !important
; }
8680 margin: 1rem !important
; }
8683 margin-top: 1rem !important
; }
8686 margin-right: 1rem !important
; }
8689 margin-bottom: 1rem !important
; }
8692 margin-left: 1rem !important
; }
8694 margin: 1.5rem !important
; }
8697 margin-top: 1.5rem !important
; }
8700 margin-right: 1.5rem !important
; }
8703 margin-bottom: 1.5rem !important
; }
8706 margin-left: 1.5rem !important
; }
8708 margin: 3rem !important
; }
8711 margin-top: 3rem !important
; }
8714 margin-right: 3rem !important
; }
8717 margin-bottom: 3rem !important
; }
8720 margin-left: 3rem !important
; }
8722 padding: 0 !important
; }
8725 padding-top: 0 !important
; }
8728 padding-right: 0 !important
; }
8731 padding-bottom: 0 !important
; }
8734 padding-left: 0 !important
; }
8736 padding: 0.25rem !important
; }
8739 padding-top: 0.25rem !important
; }
8742 padding-right: 0.25rem !important
; }
8745 padding-bottom: 0.25rem !important
; }
8748 padding-left: 0.25rem !important
; }
8750 padding: 0.5rem !important
; }
8753 padding-top: 0.5rem !important
; }
8756 padding-right: 0.5rem !important
; }
8759 padding-bottom: 0.5rem !important
; }
8762 padding-left: 0.5rem !important
; }
8764 padding: 1rem !important
; }
8767 padding-top: 1rem !important
; }
8770 padding-right: 1rem !important
; }
8773 padding-bottom: 1rem !important
; }
8776 padding-left: 1rem !important
; }
8778 padding: 1.5rem !important
; }
8781 padding-top: 1.5rem !important
; }
8784 padding-right: 1.5rem !important
; }
8787 padding-bottom: 1.5rem !important
; }
8790 padding-left: 1.5rem !important
; }
8792 padding: 3rem !important
; }
8795 padding-top: 3rem !important
; }
8798 padding-right: 3rem !important
; }
8801 padding-bottom: 3rem !important
; }
8804 padding-left: 3rem !important
; }
8806 margin: -0.25rem !important
; }
8809 margin-top: -0.25rem !important
; }
8812 margin-right: -0.25rem !important
; }
8815 margin-bottom: -0.25rem !important
; }
8818 margin-left: -0.25rem !important
; }
8820 margin: -0.5rem !important
; }
8823 margin-top: -0.5rem !important
; }
8826 margin-right: -0.5rem !important
; }
8829 margin-bottom: -0.5rem !important
; }
8832 margin-left: -0.5rem !important
; }
8834 margin: -1rem !important
; }
8837 margin-top: -1rem !important
; }
8840 margin-right: -1rem !important
; }
8843 margin-bottom: -1rem !important
; }
8846 margin-left: -1rem !important
; }
8848 margin: -1.5rem !important
; }
8851 margin-top: -1.5rem !important
; }
8854 margin-right: -1.5rem !important
; }
8857 margin-bottom: -1.5rem !important
; }
8860 margin-left: -1.5rem !important
; }
8862 margin: -3rem !important
; }
8865 margin-top: -3rem !important
; }
8868 margin-right: -3rem !important
; }
8871 margin-bottom: -3rem !important
; }
8874 margin-left: -3rem !important
; }
8876 margin: auto
!important
; }
8879 margin-top: auto
!important
; }
8882 margin-right: auto
!important
; }
8885 margin-bottom: auto
!important
; }
8888 margin-left: auto
!important
; } }
8890 @media (min-width: 1200px) {
8892 margin: 0 !important
; }
8895 margin-top: 0 !important
; }
8898 margin-right: 0 !important
; }
8901 margin-bottom: 0 !important
; }
8904 margin-left: 0 !important
; }
8906 margin: 0.25rem !important
; }
8909 margin-top: 0.25rem !important
; }
8912 margin-right: 0.25rem !important
; }
8915 margin-bottom: 0.25rem !important
; }
8918 margin-left: 0.25rem !important
; }
8920 margin: 0.5rem !important
; }
8923 margin-top: 0.5rem !important
; }
8926 margin-right: 0.5rem !important
; }
8929 margin-bottom: 0.5rem !important
; }
8932 margin-left: 0.5rem !important
; }
8934 margin: 1rem !important
; }
8937 margin-top: 1rem !important
; }
8940 margin-right: 1rem !important
; }
8943 margin-bottom: 1rem !important
; }
8946 margin-left: 1rem !important
; }
8948 margin: 1.5rem !important
; }
8951 margin-top: 1.5rem !important
; }
8954 margin-right: 1.5rem !important
; }
8957 margin-bottom: 1.5rem !important
; }
8960 margin-left: 1.5rem !important
; }
8962 margin: 3rem !important
; }
8965 margin-top: 3rem !important
; }
8968 margin-right: 3rem !important
; }
8971 margin-bottom: 3rem !important
; }
8974 margin-left: 3rem !important
; }
8976 padding: 0 !important
; }
8979 padding-top: 0 !important
; }
8982 padding-right: 0 !important
; }
8985 padding-bottom: 0 !important
; }
8988 padding-left: 0 !important
; }
8990 padding: 0.25rem !important
; }
8993 padding-top: 0.25rem !important
; }
8996 padding-right: 0.25rem !important
; }
8999 padding-bottom: 0.25rem !important
; }
9002 padding-left: 0.25rem !important
; }
9004 padding: 0.5rem !important
; }
9007 padding-top: 0.5rem !important
; }
9010 padding-right: 0.5rem !important
; }
9013 padding-bottom: 0.5rem !important
; }
9016 padding-left: 0.5rem !important
; }
9018 padding: 1rem !important
; }
9021 padding-top: 1rem !important
; }
9024 padding-right: 1rem !important
; }
9027 padding-bottom: 1rem !important
; }
9030 padding-left: 1rem !important
; }
9032 padding: 1.5rem !important
; }
9035 padding-top: 1.5rem !important
; }
9038 padding-right: 1.5rem !important
; }
9041 padding-bottom: 1.5rem !important
; }
9044 padding-left: 1.5rem !important
; }
9046 padding: 3rem !important
; }
9049 padding-top: 3rem !important
; }
9052 padding-right: 3rem !important
; }
9055 padding-bottom: 3rem !important
; }
9058 padding-left: 3rem !important
; }
9060 margin: -0.25rem !important
; }
9063 margin-top: -0.25rem !important
; }
9066 margin-right: -0.25rem !important
; }
9069 margin-bottom: -0.25rem !important
; }
9072 margin-left: -0.25rem !important
; }
9074 margin: -0.5rem !important
; }
9077 margin-top: -0.5rem !important
; }
9080 margin-right: -0.5rem !important
; }
9083 margin-bottom: -0.5rem !important
; }
9086 margin-left: -0.5rem !important
; }
9088 margin: -1rem !important
; }
9091 margin-top: -1rem !important
; }
9094 margin-right: -1rem !important
; }
9097 margin-bottom: -1rem !important
; }
9100 margin-left: -1rem !important
; }
9102 margin: -1.5rem !important
; }
9105 margin-top: -1.5rem !important
; }
9108 margin-right: -1.5rem !important
; }
9111 margin-bottom: -1.5rem !important
; }
9114 margin-left: -1.5rem !important
; }
9116 margin: -3rem !important
; }
9119 margin-top: -3rem !important
; }
9122 margin-right: -3rem !important
; }
9125 margin-bottom: -3rem !important
; }
9128 margin-left: -3rem !important
; }
9130 margin: auto
!important
; }
9133 margin-top: auto
!important
; }
9136 margin-right: auto
!important
; }
9139 margin-bottom: auto
!important
; }
9142 margin-left: auto
!important
; } }
9144 .stretched-link::after {
9151 pointer-events: auto
;
9153 background-color: rgba
(0, 0, 0, 0); }
9156 font-family: SFMono-Regular
, Menlo
, Monaco
, Consolas
, "Liberation Mono", "Courier New", monospace
!important
; }
9159 text-align: justify
!important
; }
9162 white-space: normal
!important
; }
9165 white-space: nowrap
!important
; }
9169 text-overflow: ellipsis
;
9170 white-space: nowrap
; }
9173 text-align: left
!important
; }
9176 text-align: right
!important
; }
9179 text-align: center
!important
; }
9181 @media (min-width: 576px) {
9183 text-align: left
!important
; }
9185 text-align: right
!important
; }
9187 text-align: center
!important
; } }
9189 @media (min-width: 768px) {
9191 text-align: left
!important
; }
9193 text-align: right
!important
; }
9195 text-align: center
!important
; } }
9197 @media (min-width: 992px) {
9199 text-align: left
!important
; }
9201 text-align: right
!important
; }
9203 text-align: center
!important
; } }
9205 @media (min-width: 1200px) {
9207 text-align: left
!important
; }
9209 text-align: right
!important
; }
9211 text-align: center
!important
; } }
9214 text-transform: lowercase
!important
; }
9217 text-transform: uppercase
!important
; }
9220 text-transform: capitalize
!important
; }
9222 .font-weight-light {
9223 font-weight: 300 !important
; }
9225 .font-weight-lighter {
9226 font-weight: lighter
!important
; }
9228 .font-weight-normal {
9229 font-weight: 400 !important
; }
9232 font-weight: 700 !important
; }
9234 .font-weight-bolder {
9235 font-weight: bolder
!important
; }
9238 font-style: italic
!important
; }
9241 color: #fff !important
; }
9244 color: #1177d1 !important
; }
9246 a
.text-primary:hover
, a
.text-primary:focus
{
9247 color: #0b4f8a !important
; }
9250 color: #ced4da !important
; }
9252 a
.text-secondary:hover
, a
.text-secondary:focus
{
9253 color: #a2aeb9 !important
; }
9256 color: #398439 !important
; }
9258 a
.text-success:hover
, a
.text-success:focus
{
9259 color: #224f22 !important
; }
9262 color: #5bc0de !important
; }
9264 a
.text-info:hover
, a
.text-info:focus
{
9265 color: #28a1c5 !important
; }
9268 color: #f0ad4e !important
; }
9270 a
.text-warning:hover
, a
.text-warning:focus
{
9271 color: #df8a13 !important
; }
9274 color: #d43f3a !important
; }
9276 a
.text-danger:hover
, a
.text-danger:focus
{
9277 color: #9f2723 !important
; }
9280 color: #f8f9fa !important
; }
9282 a
.text-light:hover
, a
.text-light:focus
{
9283 color: #cbd3da !important
; }
9286 color: #343a40 !important
; }
9288 a
.text-dark:hover
, a
.text-dark:focus
{
9289 color: #121416 !important
; }
9292 color: #343a40 !important
; }
9295 color: #6c757d !important
; }
9298 color: rgba
(0, 0, 0, 0.5) !important
; }
9301 color: rgba
(255, 255, 255, 0.5) !important
; }
9307 background-color: transparent
;
9310 .text-decoration-none {
9311 text-decoration: none
!important
; }
9314 word-wrap: break-word
!important
; }
9317 color: inherit
!important
; }
9320 visibility: visible
!important
; }
9323 visibility: hidden
!important
; }
9329 text-shadow: none
!important
;
9330 box-shadow: none
!important
; }
9332 text-decoration: underline
; }
9333 abbr
[title
]::after
{
9334 content: " (" attr
(title
) ")"; }
9336 white-space: pre-wrap
!important
; }
9339 border: 1px solid
#adb5bd;
9340 page-break-inside: avoid
; }
9342 display: table-header-group
; }
9345 page-break-inside: avoid
; }
9353 page-break-after: avoid
; }
9355 min-width: 992px !important
; }
9357 min-width: 992px !important
; }
9361 border: 1px solid
#000; }
9363 border-collapse: collapse
!important
; }
9366 background-color: #fff !important
; }
9368 .table-bordered td {
9369 border: 1px solid
#dee2e6 !important
; }
9374 .table-dark thead th
,
9375 .table-dark tbody + tbody {
9376 border-color: #dee2e6; }
9377 .table .thead-dark th {
9379 border-color: #dee2e6; } }
9381 /* stylelint-disable function-url-scheme-blacklist */
9382 /* stylelint-enable function-url-scheme-blacklist */
9384 display: inline-block
;
9385 padding: 0.25rem 0.4em;
9391 white-space: nowrap
;
9392 vertical-align: baseline
; }
9396 .form-control-success
,
9397 .form-control-warning
,
9398 .form-control-danger {
9399 padding-right: 2.25rem;
9400 background-repeat: no-repeat
;
9401 background-position: center right calc
(1.5em + 0.75rem + 2px)/4;
9402 background-size: calc
(1.5em + 0.75rem + 2px)/2 calc
(1.5em + 0.75rem + 2px)/2; }
9405 background-color: #6c757d; }
9406 .tag-default[href]:hover, .tag-default[href]:focus {
9407 background-color: #545b62; }
9410 background-color: #1177d1; }
9411 .tag-primary[href]:hover, .tag-primary[href]:focus {
9412 background-color: #0d5ca2; }
9415 background-color: #398439; }
9416 .tag-success[href]:hover, .tag-success[href]:focus {
9417 background-color: #2a602a; }
9420 background-color: #5bc0de; }
9421 .tag-info[href]:hover, .tag-info[href]:focus {
9422 background-color: #31b0d5; }
9425 background-color: #f0ad4e; }
9426 .tag-warning[href]:hover, .tag-warning[href]:focus {
9427 background-color: #ec971f; }
9430 background-color: #d43f3a; }
9431 .tag-danger[href]:hover, .tag-danger[href]:focus {
9432 background-color: #b42c27; }
9441 margin: 0 !important
; }
9445 margin-top: 0 !important
; }
9449 margin-right: 0 !important
; }
9453 margin-bottom: 0 !important
; }
9457 margin-left: 0 !important
; }
9460 margin: 1rem !important
; }
9464 margin-top: 1rem !important
; }
9468 margin-right: 1rem !important
; }
9472 margin-bottom: 1rem !important
; }
9476 margin-left: 1rem !important
; }
9479 margin: 2rem !important
; }
9483 margin-top: 2rem !important
; }
9487 margin-right: 2rem !important
; }
9491 margin-bottom: 2rem !important
; }
9495 margin-left: 2rem !important
; }
9498 margin: 3rem !important
; }
9502 margin-top: 3rem !important
; }
9506 margin-right: 3rem !important
; }
9510 margin-bottom: 3rem !important
; }
9514 margin-left: 3rem !important
; }
9517 padding: 0 !important
; }
9521 padding-top: 0 !important
; }
9525 padding-right: 0 !important
; }
9529 padding-bottom: 0 !important
; }
9533 padding-left: 0 !important
; }
9536 padding: 1rem !important
; }
9540 padding-top: 1rem !important
; }
9544 padding-right: 1rem !important
; }
9548 padding-bottom: 1rem !important
; }
9552 padding-left: 1rem !important
; }
9555 padding: 2rem !important
; }
9559 padding-top: 2rem !important
; }
9563 padding-right: 2rem !important
; }
9567 padding-bottom: 2rem !important
; }
9571 padding-left: 2rem !important
; }
9574 padding: 3rem !important
; }
9578 padding-top: 3rem !important
; }
9582 padding-right: 3rem !important
; }
9586 padding-bottom: 3rem !important
; }
9590 padding-left: 3rem !important
; }
9593 cursor: not-allowed
; }
9598 margin-right: -15px;
9599 margin-left: -15px; }
9602 .dropdown-menu-right {
9606 .dropdown-menu-left {
9612 * Bootstrap overrides for RTL
9614 * This file is only for overriding sass from upstream bootstrap, all general rtl fixes for
9615 * moodle scss should be placed immediately after the definition of the ltr rule.
9617 .breadcrumb-item + .breadcrumb-item::before {
9621 /* stylelint-disable-line declaration-block-no-duplicate-properties */ }
9623 .dir-rtl .custom-select {
9624 background-position: 0.75rem center
; }
9636 overflow-y: visible
;
9637 background-color: #fff; }
9639 @media (min-width: 576px) {
9641 border: 1px solid rgba
(0, 0, 0, 0.125);
9642 padding: 1.25rem; } }
9644 @media (min-width: 576px) {
9645 .context-header-settings-menu
,
9646 .region-main-settings-menu {
9652 margin-top: 4px; } }
9654 @media (max-width: 767.98px) {
9655 .context-header-settings-menu
,
9656 .region-main-settings-menu {
9658 justify-content: flex-end
; } }
9663 transition: opacity
.7s ease
0s, visibility
.1s ease
.8s;
9671 transform: translateY
(-100%); }
9673 @media (max-width: 767.98px) {
9677 body
.scrolled #goto-top-link
{
9679 visibility: visible
;
9680 transition: visibility
0s ease
0s, opacity
.7s ease
.1s; }
9682 .context-header-settings-menu
.dropdown-toggle
> .icon
,
9683 #region-main-settings-menu .dropdown-toggle
> .icon
{
9688 /** Prevent user notifications overlapping with region main settings menu */
9689 #user-notifications {
9693 /** Page layout CSS starts **/
9694 .layout-option-noheader #page-header
,
9695 .layout-option-nonavbar #page-navbar
,
9696 .layout-option-nofooter #page-footer
,
9697 .layout-option-nocourseheader
.course-content-header
,
9698 .layout-option-nocoursefooter .course-content-footer {
9701 /** Page layout CSS ends **/
9706 text-align: right
; }
9710 direction: ltr
!important
;
9711 /* stylelint-disable-line declaration-no-important */ }
9717 text-align: center
; }
9724 a
.dimmed_text:visited
,
9727 .dimmed_text
a:link
,
9728 .dimmed_text
a:visited
,
9731 .usersuspended
a:link
,
9732 .usersuspended
a:visited
,
9734 .dimmed_category a {
9737 .aalink
.focus
, .aalink:focus
,
9738 #page-footer a:not
([class
]).focus
,
9739 #page-footer a:not
([class
]):focus
,
9742 a:not
([class
]).focus
,
9743 a:not
([class
]):focus
,
9744 .activityinstance
> a
.focus
,
9745 .activityinstance > a:focus {
9746 outline: 0.2rem solid transparent
;
9748 background-color: #e4f1fd;
9749 box-shadow: 0 -0.2rem #e4f1fd, 0 0.2rem #343a40; }
9751 .aalink:focus:hover
,
9752 #page-footer a:not
([class
]):focus:hover
,
9753 .arrow_link:focus:hover
,
9754 a:not
([class
]):focus:hover
,
9755 .activityinstance > a:focus:hover {
9756 text-decoration: none
; }
9758 .aabtn
.focus
, .aabtn:focus
,
9763 .atto_link_button
.focus
,
9764 .atto_link_button:focus
,
9765 [role
="button"].focus
,
9766 [role
="button"]:focus
,
9767 .list-group-item-action
.focus
,
9768 .list-group-item-action:focus
,
9769 input
[type
="checkbox"].focus
,
9770 input
[type
="checkbox"]:focus
,
9771 input
[type
="radio"].focus
,
9772 input
[type
="radio"]:focus
,
9773 input
[type
="file"].focus
,
9774 input
[type
="file"]:focus
,
9775 input
[type
="image"].focus
,
9776 input
[type
="image"]:focus
,
9777 .sr-only-focusable
.focus
,
9778 .sr-only-focusable:focus
,
9779 a
.dropdown-item
.focus
,
9780 a
.dropdown-item:focus
,
9781 a
.dropdown-toggle
.focus
,
9782 a
.dropdown-toggle:focus
,
9783 .modal-dialog
[tabindex
="0"].focus
,
9784 .modal-dialog
[tabindex
="0"]:focus
,
9785 .moodle-dialogue-base
.closebutton
.focus
,
9786 .moodle-dialogue-base
.closebutton:focus
,
9788 button
.close:focus
{
9790 box-shadow: 0 0 0 0.2rem rgba
(17, 119, 209, 0.75); }
9793 .btn-link:focus:hover
,
9794 .nav-link:focus:hover
,
9795 .atto_link_button:focus:hover
,
9796 [role
="button"]:focus:hover
,
9797 .list-group-item-action:focus:hover
,
9798 input
[type
="checkbox"]:focus:hover
,
9799 input
[type
="radio"]:focus:hover
,
9800 input
[type
="file"]:focus:hover
,
9801 input
[type
="image"]:focus:hover
,
9802 .sr-only-focusable:focus:hover
,
9803 a
.dropdown-item:focus:hover
,
9804 a
.dropdown-toggle:focus:hover
,
9805 .modal-dialog
[tabindex
="0"]:focus:hover
,
9806 .moodle-dialogue-base
.closebutton:focus:hover
,
9807 button
.close:focus:hover
{
9808 text-decoration: none
; }
9810 .safari input
[type
="checkbox"].focus
, .safari input
[type
="checkbox"]:focus
,
9811 .safari input
[type
="radio"].focus
,
9812 .safari input[type="radio"]:focus {
9816 .usermenu a
[role
="button"],
9817 div
.dropdown-item a
,
9818 div
.dropdown-item a
[role
="button"] {
9822 .usermenu:focus-within
,
9823 div
.dropdown-item:focus-within
{
9825 box-shadow: 0 0 0 0.2rem rgba
(17, 119, 209, 0.75); }
9833 .section li
.activity
,
9834 .section li
.movehere
,
9845 font-size: 0.703125rem; }
9862 .fitem.advanced .text-info {
9863 font-weight: bold
; }
9866 text-align: right
; }
9868 a
.autolink
.glossary:hover
{
9871 /* Block which is hidden if javascript enabled, prevents fickering visible when JS from footer used! */
9872 .collapsibleregioncaption {
9873 white-space: nowrap
;
9874 min-height: 1.40625rem; }
9876 .pagelayout-mydashboard.jsenabled .collapsibleregioncaption {
9879 .pagelayout-mydashboard #region-main {
9882 background-color: transparent
;
9885 @media (max-width: 767.98px) {
9886 .pagelayout-mydashboard #region-main-box
,
9887 .pagelayout-login #region-main-box {
9889 padding-right: 0; } }
9891 .collapsibleregioncaption img {
9892 vertical-align: middle
; }
9894 .jsenabled .hiddenifjs {
9900 .jsenabled .visibleifjs {
9903 .jsenabled .collapsibleregion {
9905 box-sizing: content-box
; }
9907 .jsenabled .collapsed .collapsibleregioninner {
9908 visibility: hidden
; }
9910 .collapsible-actions {
9912 text-align: right
; }
9914 .jsenabled .collapsible-actions {
9917 .collapsible-actions .collapseexpand {
9919 background: url
([[pix:t
/collapsed
]]) 2px center no-repeat
; }
9922 .collapsible-actions .collapseexpand {
9923 background: url([[pix:t/collapsed_rtl]]) right center no-repeat;
9926 .collapsible-actions .collapse-all {
9927 background-image: url
([[pix:t
/expanded
]]); }
9929 .yui-overlay .yui-widget-bd {
9930 background-color: #ffee69;
9931 border: 1px solid
#a6982b;
9932 border-top-color: #d4c237;
9941 background: transparent
;
9953 .pagingbar .thispage {
9954 font-weight: bold
; }
9957 margin-right: 0.5rem; }
9963 .action-menu .dropdown-toggle {
9964 text-decoration: none
; }
9967 white-space: nowrap
; }
9977 vertical-align: middle
; }
9980 font-weight: bold
; }
9990 #addmembersform table
{
9992 margin-right: auto
; }
9994 table
.flexible
.emptyrow
{
9998 form
.popupform div
{
10001 .arrow_button input {
10002 overflow: hidden
; }
10007 .no-overflow > .generaltable {
10008 position: relative
;
10010 min-height: 10em; }
10013 position: absolute
;
10019 clip: rect
(0, 0, 0, 0);
10020 white-space: nowrap
;
10030 position: absolute
;
10033 text-decoration: none
; }
10035 a
.skip-block:focus
,
10036 a
.skip-block:active
,
10045 overflow: hidden
; }
10048 text-align: center
; }
10050 .blog_entry .audience {
10052 padding-right: 4px; }
10054 .blog_entry .tags {
10055 margin-top: 15px; }
10057 .blog_entry .content {
10058 margin-left: 43px; }
10061 margin: 1em 0 0 0; }
10068 #doc-contents ul li
{
10069 list-style-type: none
; }
10071 .groupmanagementtable td {
10072 vertical-align: top
; }
10074 .groupmanagementtable #existingcell
,
10075 .groupmanagementtable #potentialcell {
10078 .groupmanagementtable #buttonscell {
10081 .groupmanagementtable #buttonscell p.arrow_button input {
10087 .groupmanagementtable #removeselect_wrapper
,
10088 .groupmanagementtable #addselect_wrapper {
10091 .groupmanagementtable #removeselect_wrapper label
,
10092 .groupmanagementtable #addselect_wrapper label {
10093 font-weight: normal
; }
10095 #group-usersummary {
10100 margin-bottom: 3px;
10101 display: inline-block
; }
10103 .groupselector label {
10104 display: inline-block
; }
10106 .login-page [name="username"] {
10107 margin-bottom: -1px;
10108 border-bottom-right-radius: 0;
10109 border-bottom-left-radius: 0; }
10111 .login-page [type="password"] {
10112 margin-bottom: 10px;
10113 border-top-left-radius: 0;
10114 border-top-right-radius: 0; }
10117 margin-bottom: 1em; }
10119 .notepost .userpicture {
10121 margin-right: 5px; }
10123 .notepost
.content
,
10124 .notepost .footer {
10128 margin-left: 20px; }
10130 .path-my .coursebox {
10133 .path-my .coursebox .overview {
10134 margin: 15px 30px 10px 30px; }
10136 .path-my .coursebox .info {
10160 .comment-area textarea {
10163 .comment-area textarea.fullwidth {
10164 -webkit-box-sizing: border-box
;
10165 -moz-box-sizing: border-box
;
10166 box-sizing: border-box
; }
10168 .comment-area .fd {
10169 text-align: right
; }
10171 .comment-meta span {
10174 .comment-link img {
10175 vertical-align: text-bottom
; }
10187 margin-bottom: 5px;
10190 position: relative
; }
10192 .comment-list li.first {
10196 text-align: center
; }
10198 .comment-paging .pageno {
10201 .comment-paging .curpage {
10202 border: 1px solid
#ccc; }
10204 .comment-message .picture {
10208 .comment-message .text {
10212 .comment-message .text p {
10214 margin: 0 18px 0 0; }
10217 position: absolute
;
10222 .comment-report-selectall {
10228 .jsenabled .comment-link {
10231 .jsenabled .showcommentsnonjs {
10234 .jsenabled .comment-report-selectall {
10238 * Completion progress report
10240 .completion-expired {
10243 .completion-expected {
10244 font-size: 0.703125rem; }
10246 .completion-sortchoice
,
10247 .completion-identifyfield {
10248 font-size: 0.703125rem;
10249 vertical-align: bottom
; }
10251 .completion-progresscell {
10252 text-align: right
; }
10254 .completion-expired .completion-expected {
10255 font-weight: bold
; }
10265 text-align: center
;
10266 margin: 10px auto
; }
10268 .path-tag .tag-index-items .tagarea {
10269 border: 1px solid
#e3e3e3;
10270 border-radius: 4px;
10272 margin-top: 10px; }
10274 .path-tag .tag-index-items .tagarea h3 {
10276 padding: 3px 0 10px 0;
10282 text-shadow: 0 1px 0 rgba
(255, 255, 255, 0.5);
10283 text-transform: uppercase
;
10284 word-wrap: break-word
;
10285 border-bottom: solid
1px #e3e3e3;
10286 margin-bottom: 10px; }
10288 .path-tag
.tagarea
.controls::after
,
10289 .path-tag .tagarea .taggeditems::after {
10294 .path-tag
.tagarea
.controls
,
10295 .path-tag .tag-backtoallitems {
10296 text-align: center
; }
10298 .path-tag .tagarea .controls .gotopage.nextpage {
10301 .path-tag .tagarea .controls .gotopage.prevpage {
10304 .path-tag .tagarea .controls .exclusivemode {
10305 display: inline-block
; }
10307 .path-tag .tagarea .controls.controls-bottom {
10310 .path-tag .tagarea .controls .gotopage.nextpage::after {
10311 padding-right: 5px;
10315 .path-tag .tagarea .controls .gotopage.prevpage::before {
10316 padding-right: 5px;
10322 span
.flagged-tag a
,
10326 .tag-management-table td
,
10327 .tag-management-table th {
10328 vertical-align: middle
;
10331 .tag-management-table .inplaceeditable.inplaceeditingon input {
10334 .path-admin-tag .addstandardtags {
10336 .path-admin-tag .addstandardtags img {
10339 .path-tag .tag-relatedtags {
10340 padding-top: 10px; }
10342 .path-tag .tag-management-box {
10343 text-align: right
; }
10345 .path-tag .tag-index-toc {
10347 text-align: center
; }
10349 .path-tag
.tag-index-toc li
,
10350 .path-tag .tag-management-box li {
10352 margin-right: 5px; }
10354 .path-tag .tag-management-box li a.edittag {
10355 background-image: url
([[pix:moodle|i
/settings
]]); }
10357 .path-tag .tag-management-box li a.flagasinappropriate {
10358 background-image: url
([[pix:moodle|i
/flagged
]]); }
10360 .path-tag .tag-management-box li a.removefrommyinterests {
10361 background-image: url
([[pix:moodle|t
/delete
]]); }
10363 .path-tag .tag-management-box li a.addtomyinterests {
10364 background-image: url
([[pix:moodle|t
/add
]]); }
10366 .path-tag .tag-management-box li a {
10367 background-repeat: no-repeat
;
10368 background-position: left
;
10369 padding-left: 17px; }
10371 .tag_feed.media-list .media .itemimage {
10374 .tag_feed.media-list .media .itemimage img {
10378 .tag_feed.media-list .media .media-body {
10379 padding-right: 10px;
10380 padding-left: 10px; }
10382 .tag_feed .media .muted a {
10386 text-align: center
; }
10388 .tag_cloud .inline-list li {
10389 padding: 0 0.2em; }
10391 .tag_cloud .tag_overflow {
10393 font-style: italic
; }
10396 font-size: 2.7em; }
10399 font-size: 2.6em; }
10402 font-size: 2.5em; }
10405 font-size: 2.4em; }
10408 font-size: 2.3em; }
10411 font-size: 2.2em; }
10414 font-size: 2.1em; }
10420 font-size: 1.9em; }
10423 font-size: 1.8em; }
10426 font-size: 1.7em; }
10429 font-size: 1.6em; }
10432 font-size: 1.5em; }
10435 font-size: 1.4em; }
10438 font-size: 1.3em; }
10441 font-size: 1.2em; }
10444 font-size: 1.1em; }
10450 font-size: 0.9em; }
10453 font-size: 0.8em; }
10456 font-size: 0.7em; }
10461 .tag_list.hideoverlimit .overlimit {
10464 .tag_list .tagmorelink {
10467 .tag_list.hideoverlimit .tagmorelink {
10470 .tag_list.hideoverlimit .taglesslink {
10476 #webservice-doc-generator td
{
10478 border: 0 solid black
; }
10485 border-collapse: collapse
; }
10487 .userenrolment tr {
10488 vertical-align: top
; }
10490 .userenrolment td {
10494 .userenrolment .subfield {
10495 margin-right: 5px; }
10497 .userenrolment .col_userdetails .subfield {
10498 margin-left: 40px; }
10500 .userenrolment .col_userdetails .subfield_picture {
10504 .userenrolment .col_lastseen {
10507 .userenrolment .col_role {
10510 .userenrolment
.col_role
.roles
,
10511 .userenrolment .col_group .groups {
10512 margin-right: 30px; }
10514 .userenrolment .col_role .role {
10516 padding: 0 3px 3px;
10518 white-space: nowrap
; }
10520 .userenrolment .col_group .group {
10524 white-space: nowrap
; }
10526 .userenrolment
.col_role
.role a
,
10527 .userenrolment .col_group .group a {
10531 .userenrolment
.col_role
.addrole
,
10532 .userenrolment .col_group .addgroup {
10536 .userenrolment
.col_role
.addrole
> a:hover
,
10537 .userenrolment .col_group .addgroup > a:hover {
10538 border-bottom: 1px solid
#666; }
10540 .userenrolment
.col_role
.addrole img
,
10541 .userenrolment .col_group .addgroup img {
10542 vertical-align: baseline
; }
10544 .userenrolment .hasAllRoles .col_role .addrole {
10547 .userenrolment .col_enrol .enrolment {
10549 padding: 0 3px 3px;
10550 margin: 0 3px 3px; }
10552 .userenrolment .col_enrol .enrolment a {
10554 margin-left: 3px; }
10557 background-color: #ccc;
10558 position: absolute
;
10563 text-align: center
; }
10565 .corelightbox img {
10570 .mod-indent-outer {
10574 display: table-cell
; }
10576 .label .mod-indent {
10578 padding-top: 20px; }
10580 @media (min-width: 576px) {
10581 /* Creates a series of .mod-indent-# rule declarations based on indent size and number of indent levels. */
10617 /* Audio player size in 'block' mode (can only change width, height is hardcoded in JS) */
10618 .resourcecontent .mediaplugin_mp3 object {
10622 .resourcecontent audio.mediaplugin_html5audio {
10625 /** Large resource images should avoid hidden overflow **/
10629 /* Audio player size in 'inline' mode (can only change width, as above) */
10630 .mediaplugin_mp3 object {
10634 audio
.mediaplugin_html5audio
{
10637 /* TinyMCE moodle media preview frame should not have padding */
10638 .core_media_preview.pagelayout-embedded #content {
10641 .core_media_preview.pagelayout-embedded #maincontent {
10644 body#page-lib-editor-tinymce-plugins-moodlemedia-preview
{
10648 background: none
; }
10650 .path-rating .ratingtable {
10652 margin-bottom: 1em; }
10654 .path-rating .ratingtable th.rating {
10657 .path-rating
.ratingtable td
.rating
,
10658 .path-rating .ratingtable td.time {
10659 white-space: nowrap
;
10660 text-align: center
; }
10662 /* Moodle Dialogue Settings (moodle-core-dialogue) */
10663 .moodle-dialogue-base .moodle-dialogue-lightbox {
10664 background-color: #495057; }
10666 .pagelayout-popup .moodle-dialogue-base .moodle-dialogue-lightbox {
10667 background-color: transparent
; }
10669 .pagelayout-popup .moodle-dialogue-base .moodle-dialogue {
10670 box-shadow: 0 0.25rem 0.5rem rgba
(0, 0, 0, 0.2); }
10672 .moodle-dialogue-base
.hidden
,
10673 .moodle-dialogue-base .moodle-dialogue-hidden {
10677 overflow: hidden
; }
10679 .moodle-dialogue-base .moodle-dialogue-fullscreen {
10686 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
10689 .moodle-dialogue-base .moodle-dialogue-fullscreen .closebutton {
10692 background-size: 100%; }
10694 .moodle-dialogue-base .moodle-dialogue-wrap {
10695 background-color: #fff;
10696 border: 1px solid
#ccc; }
10701 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd {
10703 padding: 1rem 1rem;
10704 border-bottom: 1px solid
#dee2e6; }
10706 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd.yui3-widget-hd {
10709 background: initial
;
10711 line-height: 1.5; }
10713 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd h1 {
10714 font-size: 1.5rem; }
10716 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .yui3-widget-buttons {
10722 position: relative
;
10723 margin-left: auto
; }
10725 .moodle-dialogue-base .closebutton {
10726 padding: 1rem 1rem;
10727 margin: -1rem -1rem -1rem auto
;
10728 position: relative
;
10729 background-color: transparent
;
10731 background-image: none
;
10734 .moodle-dialogue-base .closebutton:hover, .moodle-dialogue-base .closebutton:active {
10736 .moodle-dialogue-base .closebutton::after {
10739 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd {
10741 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd body {
10742 background-color: #fff; }
10744 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
10746 position: absolute
;
10754 .moodle-dialogue-exception .moodle-exception-param label {
10755 font-weight: bold
; }
10757 .moodle-dialogue-exception .param-stacktrace label {
10758 background-color: #eee;
10759 border: 1px solid
#ccc;
10760 border-bottom-width: 0; }
10762 .moodle-dialogue-exception .param-stacktrace pre {
10763 border: 1px solid
#ccc;
10764 background-color: #fff; }
10766 .moodle-dialogue-exception .param-stacktrace .stacktrace-file {
10768 font-size: 0.8203125rem; }
10770 .moodle-dialogue-exception .param-stacktrace .stacktrace-line {
10772 font-size: 0.8203125rem; }
10774 .moodle-dialogue-exception .param-stacktrace .stacktrace-call {
10777 border-bottom: 1px solid
#eee; }
10779 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft:empty {
10782 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft.yui3-widget-ft {
10783 background: initial
; }
10785 .moodle-dialogue-confirm .confirmation-message {
10786 margin: 0.5rem 0; }
10788 .moodle-dialogue-confirm .confirmation-dialogue input {
10791 .moodle-dialogue-exception .moodle-exception-message {
10794 .moodle-dialogue-exception .moodle-exception-param {
10795 margin-bottom: 0.5em; }
10797 .moodle-dialogue-exception .moodle-exception-param label {
10800 .moodle-dialogue-exception .param-stacktrace label {
10803 padding: 4px 1em; }
10805 .moodle-dialogue-exception .param-stacktrace pre {
10810 .moodle-dialogue-exception .param-stacktrace .stacktrace-file {
10811 display: inline-block
;
10814 .moodle-dialogue-exception .param-stacktrace .stacktrace-line {
10815 display: inline-block
;
10819 .moodle-dialogue-exception .param-stacktrace .stacktrace-call {
10820 padding-left: 25px;
10821 margin-bottom: 4px;
10822 padding-bottom: 4px; }
10824 .moodle-dialogue .moodle-dialogue-bd .content-lightbox {
10830 background-color: white
;
10831 text-align: center
;
10834 /* Apply a default max-height on tooltip text */
10835 .moodle-dialogue .tooltiptext {
10836 max-height: 300px; }
10838 .moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip {
10840 .moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip .moodle-dialogue-bd {
10844 * Chooser Dialogues (moodle-core-chooserdialogue)
10846 * This CSS belong to the chooser dialogue which should work both with, and
10847 * without javascript enabled
10849 /* Hide the dialog and it's title */
10850 .chooserdialoguebody
,
10854 .moodle-dialogue.chooserdialogue .moodle-dialogue-content .moodle-dialogue-ft {
10857 .chooserdialogue .moodle-dialogue-wrap .moodle-dialogue-bd {
10859 background: #f2f2f2; }
10861 /* Center the submit buttons within the area */
10862 .choosercontainer #chooseform .submitbuttons {
10864 text-align: right
; }
10866 /* Fixed for safari browser on iPhone4S with ios7@mixin */
10867 @media (max-height: 639px) {
10868 .ios .choosercontainer #chooseform .submitbuttons {
10869 padding: 45px 0; } }
10871 .choosercontainer #chooseform .submitbuttons input {
10875 /* Various settings for the options area */
10876 .choosercontainer #chooseform .options {
10877 position: relative
;
10878 border-bottom: 1px solid
#bbb; }
10880 /* Only set these options if we're showing the js container */
10881 .jschooser .choosercontainer #chooseform .alloptions {
10882 overflow-x: hidden
;
10884 max-width: 240px; }
10885 .jschooser .choosercontainer #chooseform .alloptions .option input[type=radio] {
10886 display: inline-block
; }
10887 .jschooser .choosercontainer #chooseform .alloptions .option .typename {
10888 display: inline-block
;
10891 /* Settings for option rows and option subtypes */
10892 .choosercontainer #chooseform
.moduletypetitle
,
10893 .choosercontainer #chooseform
.option
,
10894 .choosercontainer #chooseform .nonoption {
10896 padding: 0 1.6em 0 1.6em; }
10898 .choosercontainer #chooseform .moduletypetitle {
10899 text-transform: uppercase
;
10900 padding-top: 1.2em;
10901 padding-bottom: 0.4em;
10902 margin-bottom: 0.5rem;
10905 .choosercontainer #chooseform
.option
.typename
,
10906 .choosercontainer #chooseform .nonoption .typename {
10907 padding: 0 0 0 0.5em; }
10909 .choosercontainer #chooseform .modicon + .typename {
10912 .choosercontainer #chooseform
.option input
[type
=radio
],
10913 .choosercontainer #chooseform .option span.typename {
10914 vertical-align: middle
; }
10916 .choosercontainer #chooseform .option label {
10920 border-bottom: 1px solid
#fff; }
10922 .choosercontainer #chooseform .option .icon {
10926 .choosercontainer #chooseform .nonoption {
10927 padding-left: 2.7em;
10928 padding-top: 0.3em;
10929 padding-bottom: 0.1em; }
10931 .choosercontainer #chooseform .subtype {
10933 padding: 0 1.6em 0 3.2em; }
10935 .choosercontainer #chooseform .subtype .typename {
10936 margin: 0 0 0 0.2em; }
10938 /* The instruction/help area */
10939 .jschooser
.choosercontainer #chooseform
.instruction
,
10940 .jschooser .choosercontainer #chooseform .typesummary {
10942 position: absolute
;
10949 background-color: #fff;
10950 overflow-x: hidden
;
10952 line-height: 2em; }
10954 /* Selected option settings */
10955 .jschooser
.choosercontainer #chooseform
.instruction
,
10956 .choosercontainer #chooseform .selected .typesummary {
10959 .choosercontainer #chooseform .selected {
10960 background-color: #fff;
10962 padding-top: 1px; }
10964 @media (max-width: 575.98px) {
10965 .jsenabled .choosercontainer #chooseform .alloptions {
10967 .jsenabled
.choosercontainer #chooseform
.instruction
,
10968 .jsenabled .choosercontainer #chooseform .typesummary {
10969 position: static
; } }
10972 * Module chooser dialogue (moodle-core-chooserdialogue)
10974 * This CSS belong to the chooser dialogue which should work both with, and
10975 * without javascript enabled
10977 .modchooser .modal-body {
10982 flex-direction: column
; }
10983 .modchooser .modal-body .searchresultitemscontainer-wrapper {
10984 min-height: 495px; }
10985 .modchooser .modal-body .carousel-item.active {
10987 .modchooser .modal-body .chooser-container {
10989 flex-direction: column
;
10991 .modchooser .modal-body .loading-icon {
10993 .modchooser .modal-body .loading-icon .icon {
10998 .modchooser .modal-body .carousel-item .loading-icon .icon {
10999 margin: 1em auto
; }
11001 .modchooser .modal-footer {
11003 background: #fff; }
11004 .modchooser .modal-footer .moodlenet-logo .icon {
11007 margin-bottom: .6rem; }
11009 .modchoosercontainer.noscroll {
11010 overflow-y: hidden
; }
11012 .modchooser .searchcontainer .searchbar .input-group-append {
11013 align-items: center
; }
11014 .modchooser .searchcontainer .searchbar .input-group-append i {
11017 vertical-align: middle
;
11022 .modchoosercontainer
.optionscontainer
,
11023 .modchoosercontainer .searchresultitemscontainer {
11024 overflow-x: hidden
; }
11025 .modchoosercontainer
.optionscontainer
.option
,
11026 .modchoosercontainer .searchresultitemscontainer .option {
11027 flex-basis: calc
(50% - 0.5rem); }
11028 .modchoosercontainer
.optionscontainer
.option
.optionactions
.optionaction
,
11029 .modchoosercontainer .searchresultitemscontainer .option .optionactions .optionaction {
11032 .modchoosercontainer
.optionscontainer
.option
.optionactions
.optionaction i
,
11033 .modchoosercontainer .searchresultitemscontainer .option .optionactions .optionaction i {
11035 .modchoosercontainer
.optionscontainer
.option
.optioninfo a
,
11036 .modchoosercontainer .searchresultitemscontainer .option .optioninfo a {
11038 .modchoosercontainer
.optionscontainer
.option
.optioninfo
a:hover
,
11039 .modchoosercontainer .searchresultitemscontainer .option .optioninfo a:hover {
11040 text-decoration: none
; }
11042 .modchooser .modal-body .optionsummary {
11043 background-color: #fff;
11044 overflow-x: hidden
;
11047 .modchooser .modal-body .optionsummary .content {
11048 overflow-y: auto
; }
11049 .modchooser .modal-body .optionsummary .content .heading .icon {
11054 .modchooser .modal-body .optionsummary .actions {
11055 border-top: 1px solid
#dee2e6;
11056 background: #fff; }
11058 @media (max-width: 575.98px) {
11059 .path-course-view
.modal-dialog
.modal-lg
,
11060 .path-course-view
.modal-content
,
11061 .modchooser
.modal-body
,
11062 .modchooser
.modal-body
.carousel
,
11063 .modchooser
.modal-body
.carousel-inner
,
11064 .modchooser
.modal-body
.carousel-item
,
11065 .modchooser
.modal-body
.optionsummary
,
11066 .modchoosercontainer
,
11068 .searchresultitemscontainer {
11071 overflow-y: auto
; }
11072 .path-course-view .modal-dialog.modal-lg {
11074 .modchooser .modal-body .searchresultitemscontainer-wrapper {
11075 min-height: auto
; } }
11077 @media (min-width: 576px) {
11078 .modchoosercontainer
.optionscontainer
.option
,
11079 .modchoosercontainer .searchresultitemscontainer .option {
11080 flex-basis: calc
(33.33% - 0.5rem); } }
11082 @media (min-width: 992px) {
11083 .modchoosercontainer
.optionscontainer
.option
,
11084 .modchoosercontainer .searchresultitemscontainer .option {
11085 flex-basis: calc
(16.66% - 0.5rem); } }
11087 /* Form element: listing */
11088 .formlistingradio {
11089 padding-bottom: 25px;
11090 padding-right: 10px; }
11092 .formlistinginputradio {
11096 min-height: 225px; }
11099 position: relative
;
11101 padding: 1px 19px 14px;
11102 background-color: white
;
11103 border: 1px solid
#ddd; }
11106 position: absolute
;
11113 background-color: whitesmoke
;
11114 border: 1px solid
#ddd;
11123 border-bottom: 1px solid
;
11124 border-color: #e1e1e8;
11125 border-left: 1px solid
#e1e1e8;
11126 border-right: 1px solid
#e1e1e8;
11127 background-color: #f7f7f9;
11135 body
.jsenabled
.formlistingradio
{
11138 body
.jsenabled
.formlisting
{
11141 a
.criteria-action
{
11145 div
.criteria-description
{
11146 padding: 10px 15px;
11148 background: none repeat scroll
0 0 #f9f9f9;
11149 border: 1px solid
#eee; }
11153 list-style: none
; }
11156 position: relative
;
11157 display: inline-block
;
11159 text-align: center
;
11160 vertical-align: top
;
11163 .badges li .badge-name {
11168 position: absolute
; }
11170 .badges li .badge-image {
11177 .badges li .badge-actions {
11178 position: relative
; }
11180 .badges li .expireimage {
11185 position: absolute
;
11190 background-color: transparent
;
11192 position: relative
;
11195 display: inline-block
;
11196 vertical-align: top
;
11198 margin-bottom: 20px; }
11199 #badge-image .expireimage
{
11205 position: absolute
;
11207 #badge-image .singlebutton
{
11210 #badge-image .singlebutton button
{
11211 margin-left: 4px; }
11214 display: inline-block
;
11217 #badge-overview dl
,
11218 #badge-details dl
{
11220 #badge-overview dl dt
,
11221 #badge-overview dl dd
,
11222 #badge-details dl dt
,
11223 #badge-details dl dd
{
11224 vertical-align: top
;
11226 #badge-overview dl dt
,
11227 #badge-details dl dt
{
11229 display: inline-block
;
11231 min-width: 100px; }
11232 #badge-overview dl dd
,
11233 #badge-details dl dd
{
11234 display: inline-block
;
11239 vertical-align: top
; }
11250 #page-badges-award .recipienttable tr td
{
11251 vertical-align: top
; }
11253 #page-badges-award .recipienttable tr td
.actions
.actionbutton
{
11258 #page-badges-award .recipienttable tr td
.existing
,
11259 #page-badges-award .recipienttable tr td
.potential
{
11262 #issued-badge-table .activatebadge
{
11263 display: inline-block
; }
11265 .statusbox.active {
11266 background-color: #d7e6d7; }
11268 .statusbox.inactive {
11269 background-color: #fcefdc; }
11272 text-align: center
;
11273 margin-bottom: 5px;
11276 .statusbox .activatebadge {
11277 display: inline-block
; }
11279 .statusbox .activatebadge input[type=submit] {
11285 vertical-align: middle
; }
11287 img#persona_signin
{
11293 .invisiblefieldset {
11299 #page-header .logo
{
11301 #page-header .logo img
{
11302 max-height: 75px; }
11304 /** Navbar logo. */
11305 nav
.navbar
.logo img
{
11306 max-height: 35px; }
11308 /** Header-bar styles **/
11309 .page-context-header {
11311 padding: 0.25rem; }
11312 .page-context-header
.page-header-image
,
11313 .page-context-header .page-header-headings {
11316 position: relative
; }
11317 .page-context-header .page-header-image {
11319 margin-bottom: 1em; }
11320 .page-context-header .page-header-image > a {
11321 display: inline-block
; }
11322 .page-context-header
.page-header-headings
,
11323 .page-context-header .header-button-group {
11324 position: relative
;
11326 vertical-align: middle
; }
11327 .page-context-header .header-button-group {
11331 ul
.dragdrop-keyboard-drag li
{
11332 list-style-type: none
; }
11336 text-decoration: none
;
11338 font-style: italic
;
11343 overflow: hidden
; }
11345 .progressbar_container {
11349 /* IE10 only fix for calendar titling */
11350 .ie10 .yui3-calendar-header-label {
11351 display: inline-block
; }
11361 .nav-tabs
> .active
> a
[href
],
11362 .nav-tabs
> .active
> a
[href
]:hover
,
11363 .nav-tabs > .active > a[href]:focus {
11366 .inplaceeditable.inplaceeditingon {
11367 position: relative
; }
11368 .inplaceeditable.inplaceeditingon .editinstructions {
11370 font-weight: normal
;
11375 white-space: nowrap
; }
11376 @media
(min-width: 576px) {
11377 .inplaceeditable.inplaceeditingon input {
11379 vertical-align: text-bottom
;
11380 margin-bottom: 0; } }
11381 .inplaceeditable.inplaceeditingon select {
11382 margin-bottom: 0; }
11384 .inplaceeditable .quickediticon img {
11387 .inplaceeditable .quickeditlink {
11389 text-decoration: inherit
; }
11391 .inplaceeditable:hover
.quickeditlink
.quickediticon img
,
11392 .inplaceeditable .quickeditlink:focus .quickediticon img {
11395 .inplaceeditable.inplaceeditable-toggle .quickediticon {
11398 .inplaceeditable.inplaceeditable-autocomplete {
11401 h3
.sectionname
.inplaceeditable
.inplaceeditingon
.editinstructions
{
11402 margin-top: -20px; }
11405 .chart-area .chart-table-data {
11408 .chart-area .chart-table {
11409 /** When accessible, we display the table only. */ }
11410 .chart-area .chart-table .chart-output-htmltable caption {
11411 white-space: nowrap
; }
11412 .chart-area .chart-table.accesshide .chart-table-expand {
11414 .chart-area .chart-table.accesshide .chart-table-data {
11418 padding-left: 1rem; }
11420 /* YUI 2 Tree View */
11440 .ygtvcancel:hover {
11441 background-image: url([[pix:theme|yui2-treeview-sprite-rtl]]);
11444 .hover-tooltip-container {
11445 position: relative
; }
11446 .hover-tooltip-container .hover-tooltip {
11448 visibility: hidden
;
11449 position: absolute
;
11452 top: calc
(-50% - 5px);
11453 transform: translate
(-50%, -50%);
11454 background-color: #fff;
11455 border: 1px solid rgba
(0, 0, 0, 0.2);
11456 border-radius: .3rem;
11457 box-sizing: border-box
;
11459 white-space: nowrap
;
11460 transition: opacity
0.15s, visibility
0.15s;
11462 .hover-tooltip-container .hover-tooltip:before {
11464 display: inline-block
;
11465 border-left: 8px solid transparent
;
11466 border-right: 8px solid transparent
;
11467 border-top: 8px solid rgba
(0, 0, 0, 0.2);
11468 position: absolute
;
11470 left: calc
(50% - 8px); }
11471 .hover-tooltip-container .hover-tooltip:after {
11473 display: inline-block
;
11474 border-left: 7px solid transparent
;
11475 border-right: 7px solid transparent
;
11476 border-top: 7px solid
#fff;
11477 position: absolute
;
11479 left: calc
(50% - 7px);
11481 .hover-tooltip-container:hover .hover-tooltip {
11483 visibility: visible
;
11484 transition: opacity
0.15s 0.5s, visibility
0.15s 0.5s; }
11489 #region-flat-nav .nav
{
11490 margin-right: 15px;
11491 background-color: #fff; }
11492 @media
(max-width: 767.98px) {
11493 #region-flat-nav .nav
{
11495 margin-right: 0; } }
11499 text-decoration: underline
; }
11500 #page-footer a
.icon
{
11502 #page-footer a:focus
.icon
{
11507 text-decoration: underline
; }
11508 .bg-inverse a .icon {
11519 .dropdown-item:active a {
11522 .competency-tree ul {
11523 padding-left: 1.5rem; }
11525 .sr-only-focusable:active, .sr-only-focusable:focus {
11533 [data-drag-type
="move"] {
11535 touch-action: none
; }
11540 .overlay-icon-container {
11541 position: absolute
;
11546 background-color: rgba
(255, 255, 255, 0.6); }
11547 .overlay-icon-container .loading-icon {
11548 position: absolute
;
11551 transform: translate
(-50%, -50%); }
11552 .overlay-icon-container .loading-icon .icon {
11557 .open.atto_menu > .dropdown-menu {
11560 div
.editor_atto_toolbar button
.icon
{
11567 animation: bg-pulse-grey
2s infinite linear
; }
11569 @keyframes bg-pulse-grey
{
11571 background-color: #f8f9fa; }
11573 background-color: #e9ecef; }
11575 background-color: #f8f9fa; } }
11578 line-height: 0 !important
;
11579 /* stylelint-disable-line declaration-no-important */ }
11582 line-height: 0.25rem !important
;
11583 /* stylelint-disable-line declaration-no-important */ }
11586 line-height: 0.5rem !important
;
11587 /* stylelint-disable-line declaration-no-important */ }
11590 line-height: 1rem !important
;
11591 /* stylelint-disable-line declaration-no-important */ }
11594 line-height: 1.5rem !important
;
11595 /* stylelint-disable-line declaration-no-important */ }
11598 line-height: 3rem !important
;
11599 /* stylelint-disable-line declaration-no-important */ }
11601 .dir-rtl .dir-rtl-hide {
11604 .dir-ltr .dir-ltr-hide {
11607 .paged-content-page-container {
11608 min-height: 3.125rem; }
11610 body
.h5p-embed #page-content
{
11611 display: inherit
; }
11613 body
.h5p-embed #maincontent
{
11616 body
.h5p-embed
.h5pmessages
{
11617 min-height: 230px; }
11619 .text-decoration-none {
11620 text-decoration: none
!important
;
11621 /* stylelint-disable-line declaration-no-important */ }
11624 color: inherit
!important
;
11625 /* stylelint-disable-line declaration-no-important */ }
11628 right: 0 !important
;
11629 /* stylelint-disable-line declaration-no-important */ }
11632 overflow: hidden
!important
;
11633 /* stylelint-disable-line declaration-no-important */ }
11636 overflow-wrap: break-word
!important
;
11637 /* stylelint-disable-line declaration-no-important */ }
11640 z-index: 0 !important
;
11641 /* stylelint-disable-line declaration-no-important */ }
11644 z-index: 1 !important
;
11645 /* stylelint-disable-line declaration-no-important */ }
11648 float: left
!important
;
11649 /* stylelint-disable-line declaration-no-important */ }
11652 float: right
!important
;
11653 /* stylelint-disable-line declaration-no-important */ }
11656 display: -webkit-box
;
11657 -webkit-box-orient: vertical
;
11658 -webkit-line-clamp: 2;
11659 overflow: hidden
; }
11662 word-break: break-all
; }
11665 background-color: #b5d9f9;
11672 .emoji-picker .category-button {
11673 padding: .375rem 0;
11675 width: 38.8888888889px;
11678 border-right: none
;
11679 border-bottom: 2px solid transparent
; }
11680 .emoji-picker .category-button.selected {
11681 border-bottom: 2px solid
#1177d1; }
11682 .emoji-picker
.emojis-container
,
11683 .emoji-picker .search-results-container {
11684 min-width: 280px; }
11685 .emoji-picker .picker-row {
11687 .emoji-picker .picker-row .category-name {
11688 line-height: 40px; }
11689 .emoji-picker .picker-row .emoji-button {
11694 overflow: hidden
; }
11695 .emoji-picker .picker-row .emoji-button:hover, .emoji-picker .picker-row .emoji-button:focus {
11697 text-decoration: none
; }
11698 .emoji-picker .emoji-preview {
11701 line-height: 40px; }
11702 .emoji-picker .emoji-short-name {
11703 line-height: 20px; }
11704 @media
(max-width: 575.98px) {
11708 .emoji-auto-complete {
11710 .emoji-auto-complete .btn.btn-link.btn-icon.emoji-button {
11715 .emoji-auto-complete .btn.btn-link.btn-icon.emoji-button.active {
11716 background-color: #e9ecef; }
11722 .toast-wrapper > :first-child {
11723 margin-top: 1rem; }
11728 .alert-secondary a {
11750 font-weight: 700; }
11752 @media (max-width: 767.98px) {
11755 .breadcrumb:not(:empty) {
11757 border: 2px solid
#e9ecef;
11759 margin-bottom: 0.5rem; }
11760 .breadcrumb:not(:empty) .breadcrumb-item {
11761 padding-top: 0.3333333333rem;
11762 padding-bottom: 0.3333333333rem;
11763 display: inline-block
; }
11766 padding-right: 15px;
11767 padding-left: 15px; }
11770 justify-content: center
; }
11774 padding: 0.625rem; }
11775 #page-header .card
{
11777 #page-header .card
.card-body
{
11784 background-color: #e9ecef; }
11785 .nav-tabs
.nav-item
,
11786 .nav-pills .nav-item {
11788 text-align: center
; }
11789 .nav-tabs
.nav-link
,
11790 .nav-pills .nav-link {
11793 margin: 0.125rem; }
11794 .nav-tabs
.nav-link
.active
,
11795 .nav-pills .nav-link.active {
11797 border-color: #6c757d;
11798 border-color: #6c757d; }
11799 .nav-tabs
.nav-link
.active:hover
,
11800 .nav-pills .nav-link.active:hover {
11802 background-color: #6c757d;
11803 border-color: #6c757d; }
11804 .nav-tabs
.nav-link
.active:focus
, .nav-tabs
.nav-link
.active
.focus
,
11805 .nav-pills
.nav-link
.active:focus
,
11806 .nav-pills .nav-link.active.focus {
11807 box-shadow: 0 0 0 0.2rem rgba
(108, 117, 125, 0.5); }
11808 .nav-tabs
.nav-link
.active
.disabled
, .nav-tabs
.nav-link
.active:disabled
,
11809 .nav-pills
.nav-link
.active
.disabled
,
11810 .nav-pills .nav-link.active:disabled {
11812 background-color: transparent
; }
11813 .nav-tabs
.nav-link
.active:not
(:disabled
):not
(.disabled
):active
, .nav-tabs
.nav-link
.active:not
(:disabled
):not
(.disabled
).active
,
11814 .show
> .nav-tabs
.nav-link
.active
.dropdown-toggle
,
11815 .nav-pills
.nav-link
.active:not
(:disabled
):not
(.disabled
):active
,
11816 .nav-pills
.nav-link
.active:not
(:disabled
):not
(.disabled
).active
,
11818 .nav-pills .nav-link.active.dropdown-toggle {
11820 background-color: #6c757d;
11821 border-color: #6c757d; }
11822 .nav-tabs
.nav-link
.active:not
(:disabled
):not
(.disabled
):active:focus
, .nav-tabs
.nav-link
.active:not
(:disabled
):not
(.disabled
).active:focus
,
11823 .show
> .nav-tabs
.nav-link
.active
.dropdown-toggle:focus
,
11824 .nav-pills
.nav-link
.active:not
(:disabled
):not
(.disabled
):active:focus
,
11825 .nav-pills
.nav-link
.active:not
(:disabled
):not
(.disabled
).active:focus
,
11827 .nav-pills .nav-link.active.dropdown-toggle:focus {
11828 box-shadow: 0 0 0 0.2rem rgba
(108, 117, 125, 0.5); } }
11830 @media (max-width: 576px) and
(max-height: 320px) {
11833 .navbar.fixed-top {
11834 position: relative
;
11835 z-index: inherit
; } }
11838 text-decoration: underline
; }
11839 .link-underline:focus {
11840 text-decoration: none
; }
11844 .alert.cta .icon.fa {
11845 border-radius: 50%;
11846 border-style: solid
;
11847 border-width: 0.125rem; }
11855 box-sizing: content-box
;
11856 margin-right: 0.5rem; }
11859 .icon.iconsize-big {
11866 .navbar-dark a .icon {
11867 color: rgba
(255, 255, 255, 0.5) !important
;
11868 /* stylelint-disable-line declaration-no-important */ }
11870 .action-menu-item a:first-of-type > .icon {
11871 margin-left: 0.5rem; }
11874 margin-left: 0 !important
;
11875 /* stylelint-disable-line declaration-no-important */ }
11877 .block_navigation
.tree_item
.icon
,
11878 .block_settings .tree_item .icon {
11881 [data-action
=toggle-drawer
] .icon
{
11884 .icon-no-spacing a > .icon {
11887 .icon-no-margin .icon {
11891 margin-bottom: 0; }
11893 .icon-large > .icon {
11897 .icon-size-0 .icon {
11898 height: 0 !important
;
11899 /* stylelint-disable-line declaration-no-important */
11900 width: 0 !important
;
11901 /* stylelint-disable-line declaration-no-important */
11902 font-size: 0 !important
;
11903 /* stylelint-disable-line declaration-no-important */ }
11905 .icon-size-1 .icon {
11906 height: 4px !important
;
11907 /* stylelint-disable-line declaration-no-important */
11908 width: 4px !important
;
11909 /* stylelint-disable-line declaration-no-important */
11910 font-size: 4px !important
;
11911 /* stylelint-disable-line declaration-no-important */ }
11913 .icon-size-2 .icon {
11914 height: 8px !important
;
11915 /* stylelint-disable-line declaration-no-important */
11916 width: 8px !important
;
11917 /* stylelint-disable-line declaration-no-important */
11918 font-size: 8px !important
;
11919 /* stylelint-disable-line declaration-no-important */ }
11921 .icon-size-3 .icon {
11922 height: 16px !important
;
11923 /* stylelint-disable-line declaration-no-important */
11924 width: 16px !important
;
11925 /* stylelint-disable-line declaration-no-important */
11926 font-size: 16px !important
;
11927 /* stylelint-disable-line declaration-no-important */ }
11929 .icon-size-4 .icon {
11930 height: 24px !important
;
11931 /* stylelint-disable-line declaration-no-important */
11932 width: 24px !important
;
11933 /* stylelint-disable-line declaration-no-important */
11934 font-size: 24px !important
;
11935 /* stylelint-disable-line declaration-no-important */ }
11937 .icon-size-5 .icon {
11938 height: 32px !important
;
11939 /* stylelint-disable-line declaration-no-important */
11940 width: 32px !important
;
11941 /* stylelint-disable-line declaration-no-important */
11942 font-size: 32px !important
;
11943 /* stylelint-disable-line declaration-no-important */ }
11945 .icon-size-6 .icon {
11946 height: 40px !important
;
11947 /* stylelint-disable-line declaration-no-important */
11948 width: 40px !important
;
11949 /* stylelint-disable-line declaration-no-important */
11950 font-size: 40px !important
;
11951 /* stylelint-disable-line declaration-no-important */ }
11953 .icon-size-7 .icon {
11954 height: 48px !important
;
11955 /* stylelint-disable-line declaration-no-important */
11956 width: 48px !important
;
11957 /* stylelint-disable-line declaration-no-important */
11958 font-size: 48px !important
;
11959 /* stylelint-disable-line declaration-no-important */ }
11962 margin-left: 0.5rem; }
11965 .formtable tbody th {
11966 font-weight: normal
;
11967 text-align: right
; }
11969 .path-admin #assignrole {
11972 margin-right: auto
; }
11974 .path-admin .admintable .leftalign {
11975 text-align: left
; }
11977 .environmenttable .warn {
11978 background-color: #fcefdc;
11981 .environmenttable .error {
11982 background-color: #f6d9d8;
11985 .environmenttable .ok {
11986 background-color: #d7e6d7;
11989 .path-admin
.admintable
.environmenttable
.name
,
11990 .path-admin
.admintable
.environmenttable
.info
,
11991 .path-admin #assignrole
.admintable
.role
,
11992 .path-admin #assignrole
.admintable
.userrole
,
11993 .path-admin #assignrole .admintable .roleholder {
11994 white-space: nowrap
; }
11996 .path-admin .incompatibleblockstable td.c0 {
11997 font-weight: bold
; }
11999 #page-admin-course-category .addcategory
{
12002 #page-admin-course-index .editcourse
{
12003 margin: 20px auto
; }
12005 #page-admin-course-index .editcourse th
,
12006 #page-admin-course-index .editcourse td
{
12007 padding-left: 10px;
12008 padding-right: 10px; }
12010 .timewarninghidden {
12013 #page-admin-report-capability-index #capabilitysearch
{
12016 #page-admin-qtypes #qtypes div
,
12017 #page-admin-qtypes #qtypes form
,
12018 #page-admin-qbehaviours #qbehaviours div
,
12019 #page-admin-qbehaviours #qbehaviours form
{
12022 #page-admin-qtypes #qtypes img
.spacer
,
12023 #page-admin-qbehaviours #qbehaviours img
.spacer
{
12026 #page-admin-qbehaviours .cell
.c3
,
12027 #page-admin-qtypes .cell
.c3
{
12028 font-size: 0.8203125rem; }
12030 #page-admin-lang .generalbox
,
12031 #page-admin-course-index .singlebutton
,
12032 #page-admin-course-index .addcategory
,
12033 #page-course-index .buttons
,
12034 #page-course-index-category .buttons
,
12035 #page-admin-course-category .addcategory
,
12036 #page-admin-stickyblocks .generalbox
,
12037 #page-admin-maintenance .buttons
,
12038 #page-admin-course-index .buttons
,
12039 #page-admin-course-category .buttons
,
12040 #page-admin-index .copyright
,
12041 #page-admin-index .copyrightnotice
,
12042 #page-admin-index .adminerror
.singlebutton
,
12043 #page-admin-index .adminwarning
.singlebutton
,
12044 #page-admin-index #layout-table
.singlebutton
{
12045 text-align: center
;
12046 margin-bottom: 1em; }
12048 .path-admin-roles .capabilitysearchui {
12051 margin-right: auto
;
12052 margin-top: 1rem; }
12054 #page-admin-roles-define .topfields
{
12055 margin: 1em 0 2em; }
12057 #page-admin-roles-define .capdefault
{
12058 background-color: rgba
(0, 0, 0, 0.075); }
12060 #page-filter-manage .backlink
,
12061 .path-admin-roles .backlink {
12064 #page-admin-roles-explain #chooseuser h3
,
12065 #page-admin-roles-usersroles .contextname
{
12068 #page-admin-roles-explain #chooseusersubmit
{
12070 text-align: center
; }
12072 #page-admin-roles-usersroles p
{
12075 #page-admin-roles-override .cell
.c1
,
12076 #page-admin-roles-assign .cell
.c3
,
12077 #page-admin-roles-assign .cell
.c1
{
12078 padding-top: 0.75em; }
12080 #page-admin-roles-override .overridenotice
,
12081 #page-admin-roles-define .definenotice
{
12082 margin: 1em 10% 2em 10%;
12083 text-align: left
; }
12085 #page-admin-index .adminwarning
.availableupdatesinfo
.moodleupdateinfo span
{
12088 #page-admin-index .updateplugin div
{
12089 margin-bottom: 0.5em; }
12091 #page-admin-user-user_bulk #users
.fgroup
{
12092 white-space: nowrap
; }
12094 #page-admin-report-stats-index .graph
{
12095 text-align: center
;
12096 margin-bottom: 1em; }
12098 #page-admin-report-courseoverview-index .graph
{
12099 text-align: center
;
12100 margin-bottom: 1em; }
12102 #page-admin-lang .translator
{
12104 border-style: solid
; }
12106 .path-admin .roleassigntable {
12109 .path-admin .roleassigntable td {
12110 vertical-align: top
;
12111 padding: 0.2em 0.3em; }
12113 .path-admin .roleassigntable p {
12117 .path-admin
.roleassigntable #existingcell
,
12118 .path-admin .roleassigntable #potentialcell {
12121 .path-admin
.roleassigntable #existingcell p
> label:first-child
,
12122 .path-admin .roleassigntable #potentialcell p > label:first-child {
12123 font-weight: bold
; }
12125 .path-admin .roleassigntable #buttonscell {
12128 .path-admin .roleassigntable #buttonscell #assignoptions {
12129 font-size: 0.8203125rem; }
12131 .path-admin
.roleassigntable #removeselect_wrapper
,
12132 .path-admin .roleassigntable #addselect_wrapper {
12135 .path-admin table.rolecap tr.rolecap th {
12137 font-weight: normal
; }
12139 .path-admin .rolecap .hiddenrow {
12142 .path-admin
#defineroletable
.rolecap
.inherit
,
12143 .path-admin
#defineroletable
.rolecap
.allow
,
12144 .path-admin
#defineroletable
.rolecap
.prevent
,
12145 .path-admin #defineroletable .rolecap .prohibit {
12146 text-align: center
;
12148 min-width: 3.5em; }
12150 .path-admin
.rolecap
.cap-name
,
12151 .path-admin .rolecap .note {
12153 font-size: 0.8203125rem;
12154 white-space: nowrap
;
12155 font-weight: normal
; }
12157 .path-admin .rolecap label {
12159 text-align: center
;
12163 .plugincheckwrapper {
12169 #mnetconfig table
{
12171 margin-right: auto
; }
12173 .environmenttable .cell {
12174 padding: .15em .5em; }
12176 #trustedhosts .generaltable
{
12178 margin-right: auto
;
12181 #trustedhosts .standard
{
12184 #adminsettings legend
{
12187 #adminsettings fieldset
.error
{
12188 margin: .2em 0 .5em 0; }
12190 #adminsettings fieldset
.error legend
{
12193 #admin-spelllanguagelist textarea
,
12194 #page-admin-setting-editorsettingstinymce .form-textarea textarea
{
12200 /* Styles for flags on admin settings */
12201 .adminsettingsflags {
12204 .adminsettingsflags label {
12205 margin-right: 7px; }
12207 .form-description pre
,
12208 .formsettingheading pre {
12212 .form-item .form-setting .form-htmlarea {
12215 .form-item .form-setting .form-htmlarea .htmlarea {
12219 .form-item .form-setting .form-multicheckbox ul {
12222 margin: 7px 0 0 0; }
12224 .form-item .form-setting .defaultsnext {
12227 .form-item .form-setting .locked-checkbox {
12228 margin-right: 0.2em;
12229 margin-left: 0.5em;
12232 .form-item
.form-setting
.form-password
.unmask
,
12233 .form-item .form-setting .form-defaultinfo {
12234 display: inline-block
; }
12236 .form-item .form-setting .form-defaultinfo {
12238 word-wrap: break-word
; }
12240 #admin-emoticons td input
{
12243 #admin-emoticons td
.c0 input
{
12246 #adminthemeselector .selectedtheme td
.c0
{
12247 border: 1px solid
#d1edf6;
12248 border-right-width: 0; }
12250 #adminthemeselector .selectedtheme td
.c1
{
12251 border: 1px solid
#d1edf6;
12252 border-left-width: 0; }
12254 .admin_colourpicker
,
12255 .admin_colourpicker_preview {
12258 .jsenabled .admin_colourpicker_preview {
12261 @media (min-width: 768px) {
12262 .jsenabled .admin_colourpicker {
12266 margin-bottom: 10px;
12267 box-sizing: content-box
; }
12268 .admin_colourpicker .colourdialogue {
12270 border: 1px solid
#d1edf6; }
12271 .admin_colourpicker .previewcolour {
12272 border: 1px solid
#d1edf6;
12273 margin-left: 301px; }
12274 .admin_colourpicker .currentcolour {
12275 border: 1px solid
#d1edf6;
12276 margin-left: 301px;
12277 border-top-width: 0; } }
12279 @media (max-width: 767.98px) {
12280 .jsenabled .admin_colourpicker {
12282 margin-bottom: 10px;
12284 position: relative
; }
12285 .admin_colourpicker .previewcolour {
12287 .admin_colourpicker .currentcolour {
12288 position: absolute
;
12289 border: 1px solid
#dee2e6;
12293 .admin_colourpicker .loadingicon {
12294 vertical-align: middle
;
12295 margin-left: auto
; }
12297 #page-admin-index #notice
.checkforupdates
{
12298 text-align: center
; }
12300 #page-admin-plugins #plugins-overview-panel
.info
{
12301 display: inline-block
;
12302 margin-right: 1em; }
12304 #page-admin-plugins .checkforupdates
{
12306 #page-admin-plugins .checkforupdates
.singlebutton
{
12309 #page-admin-plugins .checkforupdates
.singlebutton div
,
12310 #page-admin-plugins .checkforupdates
.singlebutton input
{
12311 margin: 0 3px 0 0; }
12313 #page-admin-plugins .updateavailableinstallall
{
12316 #page-admin-plugins .updateavailableinstallall div
,
12317 #page-admin-plugins .updateavailableinstallall input
{
12318 margin: 0 3px 5px 0; }
12320 #page-admin-plugins #plugins-control-panel
.status-missing td
{
12321 background-color: #fcefdc; }
12323 #page-admin-plugins #plugins-control-panel
.pluginname
.componentname
{
12324 font-size: 0.8203125rem;
12326 margin-left: 22px; }
12328 #page-admin-plugins #plugins-control-panel
.version
.versionnumber
{
12329 font-size: 0.8203125rem;
12332 #page-admin-plugins #plugins-control-panel
.uninstall a
{
12335 #page-admin-plugins #plugins-control-panel
.notes
.label
{
12336 margin-right: 3px; }
12338 #page-admin-plugins #plugins-control-panel
.notes
.requiredby
{
12339 font-size: 0.8203125rem;
12342 #plugins-check-page #plugins-check
.status-missing td
,
12343 #plugins-check-page #plugins-check
.status-downgrade td
{
12344 background-color: #f6d9d8; }
12346 #plugins-check-page .pluginupdateinfo
,
12347 #plugins-control-panel .pluginupdateinfo
{
12348 background-color: #def2f8;
12351 #plugins-check-page .pluginupdateinfo
.maturity50
,
12352 #plugins-control-panel .pluginupdateinfo
.maturity50
{
12353 background-color: #f6d9d8; }
12354 #plugins-check-page .pluginupdateinfo
.maturity100
, #plugins-check-page
.pluginupdateinfo
.maturity150
,
12355 #plugins-control-panel .pluginupdateinfo
.maturity100
,
12356 #plugins-control-panel .pluginupdateinfo
.maturity150
{
12357 background-color: #fcefdc; }
12358 #plugins-check-page .pluginupdateinfo
.info
,
12359 #plugins-control-panel .pluginupdateinfo
.info
{
12360 display: inline-block
; }
12361 #plugins-check-page .pluginupdateinfo
.separator:after
,
12362 #plugins-control-panel .pluginupdateinfo
.separator:after
{
12364 #plugins-check-page .pluginupdateinfo
.singlebutton
,
12365 #plugins-control-panel .pluginupdateinfo
.singlebutton
{
12368 #plugins-check-page .pluginupdateinfo
.singlebutton div
,
12369 #plugins-check-page .pluginupdateinfo
.singlebutton input
,
12370 #plugins-control-panel .pluginupdateinfo
.singlebutton div
,
12371 #plugins-control-panel .pluginupdateinfo
.singlebutton input
{
12372 margin: 0 3px 0 0; }
12374 .plugins-management-confirm-buttons > div {
12375 display: inline-block
;
12376 margin: 1em 1em 1em 0; }
12378 .plugins-management-confirm-buttons .continue {
12380 .plugins-management-confirm-buttons
.continue div
,
12381 .plugins-management-confirm-buttons .continue input {
12384 #page-admin-index .upgradepluginsinfo
{
12385 text-align: center
; }
12387 #page-admin-index .adminwarning
.availableupdatesinfo
.moodleupdateinfo
.separator:after
{
12390 /** MNet networking */
12391 #page-admin-mnet-peers .box
.deletedhosts
{
12392 margin-bottom: 1em;
12393 font-size: 0.8203125rem; }
12395 #core-cache-plugin-summaries table
,
12396 #core-cache-store-summaries table
{
12399 #core-cache-lock-summary table
,
12400 #core-cache-definition-summaries table
,
12401 #core-cache-mode-mappings table
{
12404 #core-cache-store-summaries .default-store td
{
12405 font-style: italic
; }
12407 #core-cache-rescan-definitions,
12408 #core-cache-mode-mappings .edit-link
,
12409 #core-cache-lock-summary .new-instance
{
12411 text-align: center
; }
12413 .maintenancewarning {
12420 .modal.modal-in-page {
12423 #page-admin-search .adminpagetitle
{
12425 border-bottom: none
; }
12427 #page-admin-search .adminpagepath
{
12432 margin: 0 0 1.5rem 0; }
12433 #page-admin-search .adminpagepath li
+ li:before
{
12434 padding-right: 0.5rem;
12435 padding-left: 0.5rem;
12438 @media (min-width: 576px) {
12439 #page-admin-search .container
{
12440 overflow-wrap: break-word
; } }
12442 #page-admin-tasklogs .task-class
{
12443 font-size: 0.8203125rem;
12446 .blockmovetarget .accesshide {
12447 position: relative
;
12451 padding-top: 0 !important
;
12452 /* stylelint-disable declaration-no-important */
12453 margin-top: 0 !important
; }
12455 .block_search_forums .searchform {
12456 /* Override plugin's default. */
12457 text-align: left
; }
12459 .block
.block_navigation
.block_tree ul
,
12460 .block_settings .block_tree ul {
12463 .block .block-controls .dropdown-toggle {
12464 /* So that the caret takes the colour of the icon. */
12467 [data-region
="blocks-column"] {
12471 /* We put an absolutely positioned div in a relatively positioned div so it takes up no space */
12472 @media (min-width: 576px) {
12473 #region-main-settings-menu {
12474 position: relative
;
12477 #region-main-settings-menu > div
{
12478 position: absolute
;
12482 .region_main_settings_menu_proxy {
12485 background-color: #fff;
12486 margin-left: 0.625rem;
12487 margin-bottom: 0.625rem;
12488 border-bottom-left-radius: 0.5rem;
12491 @media (max-width: 767.98px) {
12492 #region-main-settings-menu .menubar
{
12493 justify-content: flex-end
; } }
12495 #region-main-settings-menu.has-blocks
,
12496 #region-main.has-blocks
{
12497 display: inline-block
;
12498 width: calc
(100% - 375px); }
12499 @media
(max-width: 1199.98px) {
12500 #region-main-settings-menu.has-blocks
,
12501 #region-main.has-blocks
{
12503 /* MDL-63102 - Remove extra space at bottom.
12504 If modifying make sure block-region is horizontally stacked when in full screen */
12505 display: block
; } }
12507 .header-action #region-main-settings-menu {
12511 .header-action #region-main-settings-menu > div {
12516 @media (max-width: 1199.98px) {
12517 [data-region
="blocks-column"] {
12520 .block .empty-placeholder-image-lg {
12523 .block .block-cards .course-info-container {
12526 .block .block-cards .progress {
12529 .block .block-cards .course-summaryitem {
12530 border: 1px solid
#dee2e6;
12531 background-color: #fff; }
12533 .block .block-cards .icon {
12536 .block .block-cards .card .coursemenubtn {
12537 margin-top: -0.5rem; }
12539 .block
.block-cards a
.coursename
,
12540 .block
.block-cards span
.categoryname
,
12541 .block .block-cards .btn-link {
12544 .block .block-cards .multiline {
12545 white-space: normal
; }
12547 .block .block-cards .btn.btn-link.btn-icon {
12551 border-radius: 50%; }
12552 .block .block-cards .btn.btn-link.btn-icon:hover, .block .block-cards .btn.btn-link.btn-icon:focus {
12553 background-color: #e9ecef; }
12555 .dashboard-card-deck.one-row {
12557 overflow-x: scroll
; }
12562 background-position: center
;
12563 background-size: cover
; }
12565 .dashboard-card-deck .dashboard-card {
12566 margin-bottom: 0.5rem;
12571 .dashboard-card-deck .dashboard-card .dashboard-card-img {
12573 background-position: center
;
12574 background-size: cover
; }
12575 .dashboard-card-deck .dashboard-card .dashboard-card-footer {
12578 .dashboard-card-deck.fixed-width-cards .dashboard-card {
12581 @media (min-width: 576px) {
12582 .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
12583 width: calc
(50% - 0.5rem); } }
12585 @media (min-width: 840px) {
12586 .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
12587 width: calc
(33.33% - 0.5rem); } }
12589 @media (min-width: 1100px) {
12590 .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
12591 width: calc
(25% - 0.5rem); } }
12593 @media (min-width: 1360px) {
12594 .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
12595 width: calc
(20% - 0.5rem); } }
12597 @media (min-width: 1200px) {
12598 #region-main.has-blocks
.dashboard-card-deck:not
(.fixed-width-cards
) .dashboard-card
{
12599 width: calc
(33.33% - 0.5rem); } }
12601 @media (min-width: 1470px) {
12602 #region-main.has-blocks
.dashboard-card-deck:not
(.fixed-width-cards
) .dashboard-card
{
12603 width: calc
(25% - 0.5rem); } }
12605 @media (min-width: 768px) {
12606 body
.drawer-open-left
.dashboard-card-deck:not
(.fixed-width-cards
) .dashboard-card
{
12607 width: calc
(100% - 0.5rem); } }
12609 @media (min-width: 861px) {
12610 body
.drawer-open-left
.dashboard-card-deck:not
(.fixed-width-cards
) .dashboard-card
{
12611 width: calc
(50% - 0.5rem); } }
12613 @media (min-width: 1122px) {
12614 body
.drawer-open-left
.dashboard-card-deck:not
(.fixed-width-cards
) .dashboard-card
{
12615 width: calc
(33.33% - 0.5rem); } }
12617 @media (min-width: 1381px) {
12618 body
.drawer-open-left
.dashboard-card-deck:not
(.fixed-width-cards
) .dashboard-card
{
12619 width: calc
(25% - 0.5rem); } }
12621 @media (min-width: 1200px) {
12622 body
.drawer-open-left #region-main
.has-blocks
.dashboard-card-deck:not
(.fixed-width-cards
) .dashboard-card
{
12623 width: calc
(100% - 0.5rem); } }
12625 @media (min-width: 1236px) {
12626 body
.drawer-open-left #region-main
.has-blocks
.dashboard-card-deck:not
(.fixed-width-cards
) .dashboard-card
{
12627 width: calc
(50% - 0.5rem); } }
12629 @media (min-width: 1497px) {
12630 body
.drawer-open-left #region-main
.has-blocks
.dashboard-card-deck:not
(.fixed-width-cards
) .dashboard-card
{
12631 width: calc
(33.33% - 0.5rem); } }
12633 @media (min-width: 1200px) {
12634 #block-region-side-pre .dashboard-card-deck:not
(.fixed-width-cards
) {
12637 #block-region-side-pre .dashboard-card-deck:not
(.fixed-width-cards
) .dashboard-card
{
12638 width: calc
(100% - 0.5rem) !important
; } }
12640 .block_recentlyaccessedcourses .paging-bar-container {
12641 margin-top: -2.4rem;
12642 justify-content: flex-end
; }
12644 @media (max-width: 575.98px) {
12645 .block_recentlyaccessedcourses .paging-bar-container {
12648 #block-region-side-pre .block_recentlyaccessedcourses
.paging-bar-container
{
12651 .block_recentlyaccesseditems img.icon {
12654 margin-right: 6px; }
12656 .block_myoverview .content {
12657 min-height: 19.35rem; }
12659 .block_myoverview .paged-content-page-container {
12660 min-height: 13rem; }
12662 .block_settings
.block_tree
[aria-expanded
="true"],
12663 .block_settings
.block_tree
[aria-expanded
="true"].emptybranch
,
12664 .block_settings
.block_tree
[aria-expanded
="false"],
12665 .block_navigation
.block_tree
[aria-expanded
="true"],
12666 .block_navigation
.block_tree
[aria-expanded
="true"].emptybranch
,
12667 .block_navigation .block_tree [aria-expanded="false"] {
12668 background-image: none
; }
12670 .block_settings
.block_tree
[aria-expanded
="true"]:before
,
12671 .block_navigation .block_tree [aria-expanded="true"]:before {
12674 display: inline-block
;
12675 font: normal normal normal
14px/1 FontAwesome
;
12676 font-size: inherit
;
12677 text-rendering: auto
;
12678 -webkit-font-smoothing: antialiased
;
12679 -moz-osx-font-smoothing: grayscale
;
12683 .block_settings
.block_tree
[aria-expanded
="false"]:before
,
12684 .block_navigation .block_tree [aria-expanded="false"]:before {
12687 display: inline-block
;
12688 font: normal normal normal
14px/1 FontAwesome
;
12689 font-size: inherit
;
12690 text-rendering: auto
;
12691 -webkit-font-smoothing: antialiased
;
12692 -moz-osx-font-smoothing: grayscale
;
12696 .dir-rtl
.block_settings
.block_tree
[aria-expanded
="false"]:before
,
12697 .dir-rtl .block_navigation .block_tree [aria-expanded="false"]:before {
12700 .block_navigation
.block_tree p
.hasicon
,
12701 .block_settings .block_tree p.hasicon {
12702 text-indent: -3px; }
12703 .block_navigation
.block_tree p
.hasicon
.icon
,
12704 .block_settings .block_tree p.hasicon .icon {
12705 margin-right: 2px; }
12707 .block.invisibleblock .card-title {
12710 @media (max-width: 767.98px) {
12713 border-right: 0; } }
12716 max-height: 50px; }
12718 /* calendar.less */
12719 .calendar_event_category {
12720 background-color: #d8bfd8; }
12722 .calendar_event_course {
12723 background-color: #ffd3bd; }
12725 .calendar_event_site {
12726 background-color: #d6f8cd; }
12728 .calendar_event_group {
12729 background-color: #fee7ae; }
12731 .calendar_event_user {
12732 background-color: #dce7ec; }
12734 .calendar_event_other {
12735 background-color: #ced4da; }
12737 .path-calendar .calendartable {
12739 table-layout: fixed
; }
12740 .path-calendar
.calendartable th
,
12741 .path-calendar .calendartable td {
12743 vertical-align: top
;
12744 text-align: center
;
12747 .path-calendar
.calendar-controls
.previous
,
12748 .path-calendar
.calendar-controls
.next
,
12749 .path-calendar .calendar-controls .current {
12754 .path-calendar .calendar-controls .previous {
12756 border: 1px solid transparent
; }
12758 .path-calendar .calendar-controls .current {
12759 text-align: center
;
12762 .path-calendar .calendar-controls .next {
12764 border: 1px solid transparent
; }
12766 .path-calendar .calendar-controls .drop-target {
12767 box-sizing: border-box
;
12768 border: 1px dashed
#1177d1; }
12770 .path-calendar .filters table {
12771 border-collapse: separate
;
12772 border-spacing: 2px;
12775 .path-calendar .maincalendar {
12776 vertical-align: top
;
12778 .path-calendar .maincalendar .bottom {
12779 text-align: center
;
12780 padding: 5px 0 0 0; }
12781 .path-calendar .maincalendar .heightcontainer {
12783 position: relative
; }
12784 .path-calendar .maincalendar .calendarmonth {
12786 margin: 10px auto
; }
12787 .path-calendar .maincalendar .calendarmonth ul {
12790 .path-calendar .maincalendar .calendarmonth ul li {
12791 list-style-type: none
; }
12792 .path-calendar .maincalendar .calendarmonth ul li > a {
12794 text-overflow: ellipsis
;
12795 white-space: nowrap
;
12797 display: inline-block
; }
12798 .path-calendar .maincalendar .calendarmonth ul li > a:hover {
12799 text-decoration: none
; }
12800 .path-calendar .maincalendar .calendarmonth ul li > a:hover .eventname {
12801 text-decoration: underline
; }
12802 .path-calendar .maincalendar .calendarmonth ul li .icon {
12803 margin-left: 0.25em;
12804 margin-right: 0.25em;
12805 vertical-align: initial
; }
12806 .path-calendar .maincalendar .calendarmonth ul li .badge.badge-circle {
12809 border-radius: 6px;
12810 vertical-align: middle
; }
12811 .path-calendar .maincalendar .calendarmonth ul li .badge.badge-circle.calendar_event_category {
12812 background-color: #d8bfd8; }
12813 .path-calendar .maincalendar .calendarmonth ul li .badge.badge-circle.calendar_event_course {
12814 background-color: #ffd3bd; }
12815 .path-calendar .maincalendar .calendarmonth ul li .badge.badge-circle.calendar_event_site {
12816 background-color: #d6f8cd; }
12817 .path-calendar .maincalendar .calendarmonth ul li .badge.badge-circle.calendar_event_group {
12818 background-color: #fee7ae; }
12819 .path-calendar .maincalendar .calendarmonth ul li .badge.badge-circle.calendar_event_user {
12820 background-color: #dce7ec; }
12821 .path-calendar .maincalendar .calendarmonth ul li .badge.badge-circle.calendar_event_other {
12822 background-color: #ced4da; }
12823 .path-calendar .maincalendar .calendarmonth td {
12825 .path-calendar .maincalendar .calendarmonth .clickable:hover {
12826 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); }
12827 .path-calendar
.maincalendar
.calendar-controls
.previous
,
12828 .path-calendar .maincalendar .calendar-controls .next {
12830 .path-calendar .maincalendar .calendar-controls .current {
12832 .path-calendar .maincalendar .controls {
12834 margin: 10px auto
; }
12835 .path-calendar
.maincalendar
.calendar_event_category:hover a
,
12836 .path-calendar
.maincalendar
.calendar_event_course:hover a
,
12837 .path-calendar
.maincalendar
.calendar_event_site:hover a
,
12838 .path-calendar
.maincalendar
.calendar_event_group:hover a
,
12839 .path-calendar .maincalendar .calendar_event_user:hover a {
12841 text-decoration: underline
; }
12842 .path-calendar .maincalendar .calendar_event_category {
12843 border-color: #d8bfd8; }
12844 .path-calendar .maincalendar .calendar_event_course {
12845 border-color: #ffd3bd; }
12846 .path-calendar .maincalendar .calendar_event_site {
12847 border-color: #d6f8cd; }
12848 .path-calendar .maincalendar .calendar_event_group {
12849 border-color: #fee7ae; }
12850 .path-calendar .maincalendar .calendar_event_user {
12851 border-color: #dce7ec; }
12852 .path-calendar .maincalendar .calendar_event_other {
12853 border-color: #ced4da; }
12854 .path-calendar
.maincalendar
.calendartable td
,
12855 .path-calendar .maincalendar .calendartable li {
12856 padding: 0 4px 4px 4px; }
12857 .path-calendar .maincalendar .calendartable li {
12858 text-align: left
; }
12859 .path-calendar .maincalendar .header {
12860 overflow: hidden
; }
12861 .path-calendar .maincalendar .header .buttons {
12863 .path-calendar .maincalendar .event .card-header img {
12864 vertical-align: baseline
; }
12865 .path-calendar .maincalendar .event .location {
12866 word-break: break-all
;
12867 overflow-wrap: break-word
; }
12869 #page-calendar-export .indent
{
12870 padding-left: 20px; }
12872 .block .minicalendar {
12876 .block
.minicalendar th
,
12877 .block .minicalendar td {
12880 text-align: center
; }
12881 .block .minicalendar td.weekend {
12883 .block .minicalendar td a {
12887 .block .minicalendar td.duration_global {
12888 border-top: 1px solid
#d6f8cd;
12889 border-bottom: 1px solid
#d6f8cd; }
12890 .block .minicalendar td.duration_global.duration_finish {
12891 background-color: #d6f8cd; }
12892 .block .minicalendar td.duration_category {
12893 border-top: 1px solid
#d8bfd8;
12894 border-bottom: 1px solid
#d8bfd8; }
12895 .block .minicalendar td.duration_category.duration_finish {
12896 background-color: #d8bfd8; }
12897 .block .minicalendar td.duration_course {
12898 border-top: 1px solid
#ffd3bd;
12899 border-bottom: 1px solid
#ffd3bd; }
12900 .block .minicalendar td.duration_course.duration_finish {
12901 background-color: #ffd3bd; }
12902 .block .minicalendar td.duration_group {
12903 border-top: 1px solid
#fee7ae;
12904 border-bottom: 1px solid
#fee7ae; }
12905 .block .minicalendar td.duration_group.duration_finish {
12906 background-color: #fee7ae; }
12907 .block .minicalendar td.duration_user {
12908 border-top: 1px solid
#dce7ec;
12909 border-bottom: 1px solid
#dce7ec; }
12910 .block .minicalendar td.duration_user.duration_finish {
12911 background-color: #dce7ec; }
12912 .block .minicalendar td.duration_other {
12913 border-top: 1px solid
#ced4da;
12914 border-bottom: 1px solid
#ced4da; }
12915 .block .minicalendar td.duration_other.duration_finish {
12916 background-color: #ced4da; }
12917 .block .minicalendar caption {
12918 font-size: inherit
;
12919 font-weight: inherit
;
12920 line-height: inherit
;
12921 text-align: center
; }
12923 .block
.calendar-controls
.previous
,
12924 .block
.calendar-controls
.current
,
12925 .block .calendar-controls .next {
12929 .block .calendar-controls .previous {
12933 .block .calendar-controls .current {
12934 text-align: center
;
12937 .block .calendar-controls .next {
12941 .block .calendar_filters ul {
12946 .block .calendar_filters li {
12947 margin-bottom: 0.2em; }
12948 .block .calendar_filters li span img {
12951 .block .calendar_filters li .icon {
12952 vertical-align: initial
;
12953 margin: 0 0.1rem 0 0.4rem; }
12954 .block .calendar_filters li > a:hover {
12955 text-decoration: none
; }
12956 .block .calendar_filters li > a:hover .eventname {
12957 text-decoration: underline
; }
12959 .block .content h3.eventskey {
12960 margin-top: 0.5em; }
12962 /* Display month name above the calendar */
12963 table
.calendartable caption
{
12964 caption-side: top
; }
12966 @media (min-width: 768px) {
12967 #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
{
12968 min-width: 1024px; } }
12971 position: relative
; }
12973 .day-popover-content:empty + .day-popover-alternate {
12976 .location-content {
12977 overflow-wrap: break-word
; }
12979 .description-content {
12980 overflow-wrap: break-word
; }
12981 .description-content > p {
12987 .content-bank-container .cb-content-wrapper {
12994 .content-bank-container .cb-thumbnail {
12997 background-repeat: no-repeat
;
12998 background-position: center
;
12999 background-size: cover
; }
13001 .content-bank-container.view-grid .cb-listitem {
13002 margin-bottom: 0.5rem; }
13004 @media (max-width: 767.98px) {
13005 .content-bank-container.view-grid .cb-listitem {
13006 flex-basis: 50%; } }
13008 @media (min-width: 576px) {
13009 .content-bank-container.view-grid .cb-listitem {
13011 min-width: 120px; } }
13013 .content-bank-container.view-grid .cb-name {
13014 text-align: center
; }
13016 .content-bank-container.view-grid .cb-file {
13019 .content-bank-container.view-grid .cb-thumbnail {
13023 margin-right: auto
;
13024 margin-bottom: 0.5rem; }
13026 .content-bank-container
.view-grid
.cb-heading
,
13027 .content-bank-container
.view-grid
.cb-date
,
13028 .content-bank-container
.view-grid
.cb-size
,
13029 .content-bank-container.view-grid .cb-type {
13032 .content-bank-container.view-list .cb-content-wrapper {
13034 flex-direction: column
;
13035 flex-wrap: nowrap
; }
13037 .content-bank-container.view-list .cb-thumbnail {
13038 margin-right: 0.5rem; }
13040 .content-bank-container
.view-list
.cb-listitem
,
13041 .content-bank-container.view-list .cb-heading {
13045 border-bottom: 1px solid
#dee2e6; }
13047 .content-bank-container.view-list .cb-column {
13049 padding: 0.25rem; }
13051 .content-bank-container.view-list .cb-column {
13052 border-right: 1px solid
#dee2e6; }
13054 @media (max-width: 767.98px) {
13055 .content-bank-container.view-list .cb-column {
13057 max-width: 50%; } }
13059 @media (min-width: 576px) {
13060 .content-bank-container.view-list .cb-heading {
13064 .content-bank-container
.view-list
.cb-file
,
13065 .content-bank-container.view-list .cb-date {
13068 .content-bank-container
.view-list
.cb-size
,
13069 .content-bank-container.view-list .cb-type {
13072 .content-bank-container.view-list .cb-column.last {
13073 border-right: 0; } }
13075 .content-bank-container.view-list .cb-btnsort span {
13078 .content-bank-container
.view-list
.cb-btnsort
.dir-none
.default
,
13079 .content-bank-container
.view-list
.cb-btnsort
.dir-asc
.asc
,
13080 .content-bank-container.view-list .cb-btnsort.dir-desc .desc {
13083 .cb-toolbar-container .dropdown-scrollable {
13085 overflow-y: auto
; }
13088 /* COURSE CONTENT */
13089 .section_add_menus {
13093 .section-modchooser {
13096 .block_tree .tree_item.branch {
13097 margin-left: 8px; }
13099 .section_add_menus
.horizontal div
,
13100 .section_add_menus .horizontal form {
13103 .section_add_menus optgroup {
13104 font-weight: normal
;
13105 font-style: italic
; }
13108 .section_add_menus .urlselect {
13110 margin-left: .4em; }
13113 .section_add_menus .urlselect select {
13114 margin-left: .2em; }
13116 .sitetopic ul.section {
13119 body:not
(.editing
) .sitetopic ul
.section
{
13121 body:not
(.editing
) .sitetopic ul
.section
.label
.mod-indent-outer
{
13124 @media (min-width: 576px) {
13125 .course-content ul.section {
13129 margin-top: 0.5rem; }
13130 .section .side.left {
13132 .section .side.right {
13136 .section .spinner {
13140 .section .activity {
13141 /* The command block for each activity */ }
13142 .section .activity .spinner {
13144 position: absolute
; }
13145 .section .activity .actions {
13146 position: absolute
;
13150 .section
.activity
.contentwithoutlink
,
13151 .section .activity .activityinstance {
13153 display: table-cell
;
13154 padding-right: 4px;
13156 .section
.activity
.contentwithoutlink
> a
,
13157 .section .activity .activityinstance > a {
13158 display: inline-block
;
13159 text-indent: -31px;
13160 padding-left: 31px; }
13161 .section
.activity
.contentwithoutlink
.dimmed
.activityicon
,
13162 .section .activity .activityinstance .dimmed .activityicon {
13164 .section .activity .stealth {
13166 .section
.activity a
.stealth
,
13167 .section .activity a.stealth:hover {
13168 color: #6eb5f3 !important
;
13169 /* stylelint-disable-line declaration-no-important */ }
13171 .section
.label
.contentwithoutlink
,
13172 .section .label .activityinstance {
13173 padding-right: 32px;
13177 @media (min-width: 576px) {
13178 .section .label .mod-indent-outer {
13179 padding-left: 24px;
13180 display: block
; } }
13187 display: inline-block
; }
13189 .section
.activity
.editor_displayed a
.editing_title
,
13190 .section .activity.editor_displayed .moodle-actionmenu {
13193 .section .activity.editor_displayed div.activityinstance {
13194 padding-right: initial
; }
13195 .section .activity.editor_displayed div.activityinstance input {
13196 margin-bottom: initial
;
13197 padding-top: initial
;
13198 padding-bottom: initial
;
13199 vertical-align: text-bottom
; }
13201 .activity img.activityicon {
13203 vertical-align: text-bottom
; }
13205 .section
.activity
.activityinstance
,
13206 .section .activity .activityinstance div {
13207 display: inline-block
; }
13209 .editing
.section
.activity
.contentwithoutlink
,
13210 .editing .section .activity .activityinstance {
13211 padding-right: 200px; }
13213 .editing .section .activity .editing_move {
13214 /* Move the move icon to the start of the line */
13215 position: absolute
;
13219 .editing .section .activity .mod-indent-outer {
13221 * Add appropriate padding such that nothing overlaps the
13222 * absolute positioned move icon.
13224 padding-left: 2rem; }
13226 .editing_show
+ .editing_assign
,
13227 .editing_hide + .editing_assign {
13228 margin-left: 20px; }
13230 .section .activity .commands {
13231 white-space: nowrap
;
13232 display: inline-block
; }
13234 .section .activity.modtype_label.label {
13235 font-weight: normal
;
13238 .section li.activity {
13242 .section .activity .activityinstance .groupinglabel {
13243 padding-left: 30px; }
13245 .section
.activity
.availabilityinfo
,
13246 .section .activity .contentafterlink {
13248 margin-left: 30px; }
13250 .section .activity .contentafterlink p {
13253 .editing
.section
.activity:hover
,
13254 .editing .section .activity.action-menu-shown {
13255 background-color: rgba
(0, 0, 0, 0.05); }
13257 .course-content .current {
13258 position: relative
; }
13260 .course-content .current::before {
13262 border-left: #1177d1 2px solid
;
13263 position: absolute
;
13268 .course-content .section-summary {
13269 border: 1px solid
#dee2e6;
13271 list-style: none
; }
13273 .course-content .section-summary .section-title {
13274 margin: 2px 5px 10px 5px; }
13276 .course-content .section-summary .summarytext {
13277 margin: 2px 5px 2px 5px; }
13279 .course-content .section-summary .section-summary-activities .activity-count {
13281 font-size: 0.8203125rem;
13283 white-space: nowrap
;
13284 display: inline-block
; }
13286 .course-content .section-summary .summary {
13289 .course-content .single-section {
13292 .course-content .single-section .section-navigation {
13295 margin-bottom: -0.5em; }
13297 .course-content .single-section .section-navigation .title {
13302 .course-content .single-section .section-navigation .mdl-left {
13303 font-weight: normal
;
13305 margin-right: 1em; }
13307 .course-content .single-section .section-navigation .mdl-left .larrow {
13308 margin-right: 0.1em; }
13310 .course-content .single-section .section-navigation .mdl-right {
13311 font-weight: normal
;
13313 margin-left: 1em; }
13315 .course-content .single-section .section-navigation .mdl-right .rarrow {
13316 margin-left: 0.1em; }
13318 .course-content .single-section .section-navigation .mdl-bottom {
13321 .course-content ul li.section.main {
13322 border-bottom: 1px solid
#dee2e6;
13324 .course-content ul li.section.main:last-child {
13325 border-bottom: 0; }
13327 .course-content ul li
.section
.hidden
.sectionname
> span
,
13328 .course-content ul li
.section
.hidden
.content
> div
.summary
,
13329 .course-content ul li.section.hidden .activity .activityinstance {
13332 .course-content ul
.topics
,
13333 .course-content ul.weeks {
13336 list-style: none
; }
13337 .course-content ul
.topics li
.section
,
13338 .course-content ul.weeks li.section {
13340 padding-bottom: 1rem; }
13341 .course-content ul
.topics li
.section
.content
,
13342 .course-content ul.weeks li.section .content {
13345 @media
(min-width: 576px) {
13346 .course-content ul
.topics li
.section
.summary
,
13347 .course-content ul
.topics li
.section
.content
> .availabilityinfo
,
13348 .course-content ul
.weeks li
.section
.summary
,
13349 .course-content ul.weeks li.section .content > .availabilityinfo {
13350 margin-left: 25px; } }
13351 .course-content ul
.topics li
.section
.left
,
13352 .course-content ul
.topics li
.section
.right
,
13353 .course-content ul
.weeks li
.section
.left
,
13354 .course-content ul.weeks li.section .right {
13359 @media (max-width: 767.98px) {
13360 body:not
(.editing
) .course-content ul
.topics li
.section
.left
,
13361 body:not
(.editing
) .course-content ul
.topics li
.section
.right
,
13362 body:not
(.editing
) .course-content ul
.weeks li
.section
.left
,
13363 body:not
(.editing
) .course-content ul
.weeks li
.section
.right
{
13369 .course-content .hidden {
13372 @media (max-width: 767.98px) {
13373 .course-content li.section ul {
13374 padding-left: 0; } }
13376 .course-content li.section ul {
13377 list-style: disc
; }
13378 .course-content li.section ul ul {
13379 list-style: circle
; }
13380 .course-content li.section ul ul ul {
13381 list-style: square
; }
13383 .course-content li.section li.activity ul {
13384 list-style: disc
; }
13385 .course-content li.section li.activity ul ul {
13386 list-style: circle
; }
13387 .course-content li.section li.activity ul ul ul {
13388 list-style: square
; }
13390 .course-content li.section .right > .icon:first-child {
13391 /* Remove the spacer icon. */
13394 .path-course-view.editing #region-main > .card-block {
13395 padding-bottom: 13rem; }
13397 .jumpmenu .form-inline {
13400 .path-course-view .completionprogress {
13401 margin-left: 25px; }
13403 .path-course-view .completionprogress {
13407 position: relative
; }
13409 #page-site-index .subscribelink
{
13410 text-align: right
; }
13412 #site-news-forum h2
,
13413 #frontpage-course-list h2
,
13414 #frontpage-category-names h2
,
13415 #frontpage-category-combo h2
{
13416 margin-bottom: 9px; }
13418 .path-course-view a.reduce-sections {
13419 padding-left: 0.2em; }
13421 .path-course-view .subscribelink {
13422 text-align: right
; }
13424 .path-course-view .unread {
13425 margin-left: 30px; }
13427 .path-course-view .block.drag .header {
13430 .path-course-view .completionprogress {
13431 text-align: right
; }
13433 .path-course-view .single-section .completionprogress {
13434 margin-right: 5px; }
13436 .path-site li
.activity
> div
,
13437 .path-course-view li.activity > div {
13438 position: relative
;
13439 padding: 0 16px 0 0;
13440 /* to accommodate the floated completion icon with highlighting */ }
13442 .path-course-view li.activity span.autocompletion img {
13443 vertical-align: text-bottom
;
13446 .path-course-view li.activity form.togglecompletion .btn {
13449 .path-course-view li.activity form.togglecompletion img {
13451 /* The width is 0 so ensure we don't end up with a relative max-width */ }
13453 .path-course-view.editing li.activity span.autocompletion img {
13454 /* Use the same spacing as the filler. */
13455 margin-right: 0.5rem;
13456 margin-left: 0.5rem; }
13458 .path-course-view li.activity form.togglecompletion .ajaxworking {
13461 position: absolute
;
13464 background: url
([[pix:i
/ajaxloader
]]) no-repeat
; }
13466 li
.section
.hidden span
.commands a
.editing_hide
,
13467 li
.section
.hidden span
.commands a
.editing_show
{
13470 .single-section h3.sectionname {
13471 text-align: center
;
13474 input
.titleeditor
{
13476 vertical-align: text-bottom
; }
13478 span
.editinstructions
{
13480 position: absolute
;
13482 position: relative;
13487 font-size: 0.8203125rem;
13488 padding: .1em .4em;
13489 background-color: #def2f8;
13491 text-decoration: none
;
13493 border: 1px solid
#d1edf6; }
13495 /* Course drag and drop upload styles */
13496 #dndupload-status {
13502 border: 1px solid
#d1edf6;
13503 text-align: center
;
13504 background: #def2f8;
13508 .dndupload-preview {
13510 border: 1px dashed
#909090;
13515 .dndupload-hidden {
13518 /* COURSES LISTINGS AND COURSE SUMMARY */
13519 #page-course-pending .singlebutton
,
13520 #page-course-index .singlebutton
,
13521 #page-course-index-category .singlebutton
,
13522 #page-course-editsection .singlebutton
{
13523 text-align: center
; }
13525 #page-admin-course-manage #movecourses td img
{
13527 vertical-align: text-bottom
; }
13531 text-align: left
; }
13533 #page-course-pending .pendingcourserequests
{
13534 margin-bottom: 1em; }
13536 #page-course-pending .pendingcourserequests
.singlebutton
{
13539 #page-course-pending .pendingcourserequests
.cell
{
13542 #page-course-pending .pendingcourserequests
.cell
.c6
{
13543 white-space: nowrap
; }
13548 .coursebox > .info > .coursename a {
13550 background-image: url
([[pix:moodle|i
/course
]]);
13551 background-repeat: no-repeat
;
13552 padding-left: 21px;
13553 background-position: left
0.2em; }
13555 .coursebox
> .info
> .coursename
,
13556 .coursebox
.content
.teachers
,
13557 .coursebox
.content
.courseimage
,
13558 .coursebox
.content
.coursefile
,
13559 .coursebox .content .customfields-container {
13563 .coursebox
.content
.teachers
,
13564 .coursebox
.content
.courseimage
,
13565 .coursebox
.content
.coursefile
,
13566 .coursebox .content .customfields-container {
13569 .coursebox > .info > h3.coursename {
13572 .coursebox > .info > .coursename {
13576 .coursebox .content .teachers li {
13577 list-style-type: none
;
13581 .coursebox
.moreinfo
,
13582 .coursebox .enrolmenticons {
13586 .coursebox .moreinfo img {
13589 .coursebox .content {
13592 .coursebox
.content
.summary
,
13593 .coursebox .content .coursecat {
13597 .coursebox .content .coursecat {
13601 .coursebox.remotecoursebox .remotecourseinfo {
13605 .coursebox .content .courseimage img {
13607 max-height: 100px; }
13609 .coursebox
.content
.coursecat
,
13610 .coursebox
.content
.summary
,
13611 .coursebox
.content
.courseimage
,
13612 .coursebox
.content
.coursefile
,
13613 .coursebox
.content
.teachers
,
13614 .coursebox
.remotecoursebox
.remotecourseinfo
,
13615 .coursebox .content .customfields-container {
13616 margin: 15px 5px 5px;
13619 .coursebox.remotehost > .info > .categoryname a {
13620 background-image: url
([[pix:moodle|i
/mnethost
]]); }
13622 .coursebox.collapsed {
13623 margin-bottom: 0; }
13625 .coursebox.collapsed > .content {
13628 .courses .coursebox.collapsed {
13629 padding-top: 0.5rem;
13630 padding-bottom: 0.5rem; }
13632 .courses .coursebox.even {
13633 background-color: rgba
(0, 0, 0, 0.05); }
13635 .courses > .paging.paging-morelink {
13636 text-align: center
;
13639 .course_category_tree .category .numberofcourse {
13640 font-size: 0.8203125rem; }
13642 .course_category_tree .controls {
13643 visibility: hidden
; }
13645 .course_category_tree .controls div {
13649 .jsenabled .course_category_tree .controls {
13650 visibility: visible
; }
13652 .course_category_tree .controls {
13653 margin-bottom: 5px;
13657 .course_category_tree .controls div {
13658 padding-right: 2em;
13661 .course_category_tree .category > .info > .categoryname {
13662 background-image: url
([[pix:moodle|t
/collapsed_empty
]]);
13663 background-repeat: no-repeat
;
13666 background-position: center left
; }
13669 .course_category_tree .category > .info > .categoryname {
13670 background-image:url([[pix:moodle|t/collapsed_empty_rtl]]);
13673 .course_category_tree .category.with_children > .info > .categoryname {
13674 background-image: url
([[pix:moodle|t
/expanded
]]);
13677 .course_category_tree .category.with_children.collapsed > .info > .categoryname {
13678 background-image: url
([[pix:moodle|t
/collapsed
]]); }
13681 .course_category_tree .category.with_children.collapsed > .info > .categoryname {
13682 background-image:url([[pix:moodle|t/collapsed_rtl]]);
13685 .course_category_tree .category.collapsed > .content {
13688 .course_category_tree .category > .info {
13691 .course_category_tree .category > .content {
13692 padding-left: 16px; }
13694 #page-course-index-category .generalbox
.info
{
13695 margin-bottom: 15px;
13696 border: 1px dotted
#ddd;
13699 #page-course-index-category .categorypicker
{
13700 text-align: center
;
13701 margin: 10px 0 20px; }
13704 * Course management page
13707 * Background (reg) #F5F5F5
13708 * Background (light #fafafa
13709 * Background (highlight) #ddffaa
13712 #course-category-listings {
13714 /** Two column layout */
13715 /** Three column layout */ }
13716 #course-category-listings.columns-2
> #course-listing
> div
{
13717 position: relative
;
13719 #course-category-listings.columns-3
> #course-listing
> div
{
13721 #course-category-listings > div
> div
{
13722 min-height: 300px; }
13723 #course-category-listings > div
> div
> ul
.ml
> li:first-child
> div
{
13725 #course-category-listings h3
{
13727 padding: 0.4rem 0.6rem 0.3rem; }
13728 #course-category-listings h4
{
13730 padding: 0.6rem 1rem 0.5rem; }
13731 #course-category-listings .moodle-actionmenu
{
13732 white-space: nowrap
; }
13733 #course-category-listings .listing-actions
{
13734 text-align: center
; }
13735 #course-category-listings .listing-actions
> .moodle-actionmenu
{
13736 display: inline-block
; }
13737 #course-category-listings ul
.ml
{
13740 #course-category-listings ul
.ml ul
.ml
{
13742 #course-category-listings .listitem
[data-selected
='1'] {
13743 border-left: calc
(1px + 5px) solid
#1177d1;
13744 padding-left: calc
(1.25rem - 5px); }
13745 #course-category-listings .item-actions
{
13747 display: inline-block
; }
13748 #course-category-listings .item-actions
.show
.menu img
{
13751 #course-category-listings .item-actions
.menu-action-text
{
13752 vertical-align: inherit
; }
13753 #course-category-listings .listitem
> div
> .float-left
{
13755 #course-category-listings .listitem
> div
> .float-right
{
13757 text-align: right
; }
13758 #course-category-listings .listitem
> div
.item-actions
.action-show
{
13760 #course-category-listings .listitem
> div
.item-actions
.action-hide
{
13762 #course-category-listings .listitem
> div
.without-actions
{
13764 #course-category-listings .listitem
> div
.idnumber
{
13765 margin-right: 2em; }
13766 #course-category-listings .listitem
[data-visible
="0"] {
13768 #course-category-listings .listitem
[data-visible
="0"] > div
> a
{
13770 #course-category-listings .listitem
[data-visible
="0"] > div
.item-actions
.action-show
{
13772 #course-category-listings .listitem
[data-visible
="0"] > div
.item-actions
.action-hide
{
13774 #course-category-listings .listitem
.highlight
{
13775 background-color: #fff; }
13776 #course-category-listings .listitem
.highlight
> div
,
13777 #course-category-listings .listitem
.highlight
> div:hover
,
13778 #course-category-listings .listitem
.highlight
[data-selected
='1'] > div
{
13779 background-color: rgba
(0, 0, 0, 0.075); }
13780 #course-category-listings #course-listing
.listitem
.categoryname
{
13781 display: inline-block
;
13784 #course-category-listings #course-listing
.listitem
.coursename
{
13785 display: inline-block
; }
13786 #course-category-listings #course-listing
> .firstpage
.listitem:first-child
> div
.item-actions
.action-moveup
,
13787 #course-category-listings #course-listing
> .lastpage
.listitem:last-child
> div
.item-actions
.action-movedown
{
13789 #course-category-listings #course-listing
.bulk-action-checkbox
{
13790 margin: -2px 6px 0 0; }
13791 #course-category-listings #category-listing
.listitem
.collapsed
> ul
.ml
{
13793 #course-category-listings #category-listing
.listitem:first-child
> div
.item-actions
.action-moveup
,
13794 #course-category-listings #category-listing
.listitem:last-child
> div
.item-actions
.action-movedown
{
13796 #course-category-listings #category-listing
.course-count
{
13798 margin-right: 2rem;
13800 display: inline-block
; }
13801 #course-category-listings #category-listing
.bulk-action-checkbox
{
13802 margin-right: -3px; }
13803 #course-category-listings #category-listing
.category-listing
> ul
> .listitem:first-child
{
13804 position: relative
; }
13805 #course-category-listings #category-listing
.category-bulk-actions
{
13806 margin: 0 0.5em 0.5em;
13807 position: relative
; }
13808 #course-category-listings .detail-pair
> * {
13809 display: inline-block
; }
13810 #course-category-listings .detail-pair
.pair-key
{
13812 vertical-align: top
; }
13813 #course-category-listings .detail-pair
.pair-key span
{
13814 margin-right: 1rem;
13816 #course-category-listings .detail-pair
.pair-value select
{
13818 #course-category-listings .bulk-actions
.detail-pair
> * {
13821 #course-category-listings .listing-pagination
{
13822 text-align: center
; }
13823 #course-category-listings .listing-pagination
.yui3-button
{
13825 background-color: #5bc0de;
13826 border-color: #5bc0de;
13828 margin: 0.4rem 0.2rem 0.45rem;
13829 font-size: 10.4px; }
13830 #course-category-listings .listing-pagination
.yui3-button:hover
{
13832 background-color: #3bb4d8;
13833 border-color: #31b0d5; }
13834 #course-category-listings .listing-pagination
.yui3-button:focus
, #course-category-listings
.listing-pagination
.yui3-button
.focus
{
13836 background-color: #3bb4d8;
13837 border-color: #31b0d5;
13838 box-shadow: 0 0 0 0.2rem rgba
(82, 169, 195, 0.5); }
13839 #course-category-listings .listing-pagination
.yui3-button
.disabled
, #course-category-listings
.listing-pagination
.yui3-button:disabled
{
13841 background-color: #5bc0de;
13842 border-color: #5bc0de; }
13843 #course-category-listings .listing-pagination
.yui3-button:not
(:disabled
):not
(.disabled
):active
, #course-category-listings
.listing-pagination
.yui3-button:not
(:disabled
):not
(.disabled
).active
,
13844 .show > #course-category-listings .listing-pagination .yui3-button.dropdown-toggle {
13846 background-color: #31b0d5;
13847 border-color: #2aaacf; }
13848 #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
,
13849 .show > #course-category-listings .listing-pagination .yui3-button.dropdown-toggle:focus {
13850 box-shadow: 0 0 0 0.2rem rgba
(82, 169, 195, 0.5); }
13851 #course-category-listings .listing-pagination
.yui3-button
.active-page
{
13853 background-color: #1177d1;
13854 border-color: #1177d1; }
13855 #course-category-listings .listing-pagination
.yui3-button
.active-page:hover
{
13857 background-color: #0e63ae;
13858 border-color: #0d5ca2; }
13859 #course-category-listings .listing-pagination
.yui3-button
.active-page:focus
, #course-category-listings
.listing-pagination
.yui3-button
.active-page
.focus
{
13861 background-color: #0e63ae;
13862 border-color: #0d5ca2;
13863 box-shadow: 0 0 0 0.2rem rgba
(53, 139, 216, 0.5); }
13864 #course-category-listings .listing-pagination
.yui3-button
.active-page
.disabled
, #course-category-listings
.listing-pagination
.yui3-button
.active-page:disabled
{
13866 background-color: #1177d1;
13867 border-color: #1177d1; }
13868 #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
,
13869 .show > #course-category-listings .listing-pagination .yui3-button.active-page.dropdown-toggle {
13871 background-color: #0d5ca2;
13872 border-color: #0c5596; }
13873 #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
,
13874 .show > #course-category-listings .listing-pagination .yui3-button.active-page.dropdown-toggle:focus {
13875 box-shadow: 0 0 0 0.2rem rgba
(53, 139, 216, 0.5); }
13876 #course-category-listings .listing-pagination-totals
{
13877 text-align: center
; }
13878 #course-category-listings .listing-pagination-totals
.dimmed
{
13880 margin: 0.4rem 1rem 0.45rem; }
13881 #course-category-listings .select-a-category
.notifymessage
,
13882 #course-category-listings .select-a-category
.alert
{
13885 #course-category-listings #course-listing
.listitem
.drag-handle
{
13888 .jsenabled #course-category-listings #course-listing .listitem .drag-handle {
13889 display: inline-block
;
13893 /** Management header styling **/
13894 .coursecat-management-header {
13895 vertical-align: middle
; }
13896 .coursecat-management-header h2 {
13897 display: inline-block
;
13898 text-align: left
; }
13899 .coursecat-management-header > div {
13900 display: inline-block
;
13902 .coursecat-management-header > div > div {
13903 margin: 10px 0 10px 1em;
13904 display: inline-block
; }
13905 .coursecat-management-header select {
13908 padding: 0.4em 0.5em 0.45em 1em;
13909 vertical-align: baseline
;
13910 white-space: nowrap
; }
13911 .coursecat-management-header .view-mode-selector .moodle-actionmenu {
13912 white-space: nowrap
;
13913 display: inline-block
; }
13914 .coursecat-management-header .view-mode-selector .moodle-actionmenu[data-enhanced].show .menu a {
13915 padding-left: 1em; }
13917 .course-being-dragged-proxy {
13920 vertical-align: middle
;
13921 padding: 0 0 0 4em; }
13923 .course-being-dragged {
13928 * Large displays 1200 +
13929 * Default displays 980 1199
13931 * Small tablets and large phones 481 767
13934 @media (min-width: 1200px) and
(max-width: 1600px) {
13935 #course-category-listings.columns-3
{
13936 background-color: #fff;
13938 #course-category-listings.columns-3 #category-listing
,
13939 #course-category-listings.columns-3 #course-listing
{
13941 #course-category-listings.columns-3 #category-listing
> div
,
13942 #course-category-listings.columns-3 #course-listing
> div
,
13943 #course-category-listings.columns-3 #course-detail
> div
{
13944 background-color: #fff; }
13945 #course-category-listings.columns-3 #course-detail
{
13947 margin-top: 1em; } }
13949 @media (max-width: 1199px) {
13950 #course-category-listings.columns-2
,
13951 #course-category-listings.columns-3
{
13953 #course-category-listings.columns-2 #category-listing
,
13954 #course-category-listings.columns-2 #course-listing
,
13955 #course-category-listings.columns-2 #course-detail
,
13956 #course-category-listings.columns-3 #category-listing
,
13957 #course-category-listings.columns-3 #course-listing
,
13958 #course-category-listings.columns-3 #course-detail
{
13960 margin: 0 0 1em; } }
13962 .page-settings-menu .menubar > a > .icon {
13967 .activity-navigation .row {
13968 align-items: center
; }
13970 .activity-navigation #prev-activity-link
,
13971 .activity-navigation #next-activity-link {
13972 white-space: pre-wrap
; }
13974 /* Anchor link offset fix. This makes hash links scroll 60px down to account for the fixed header. */
13979 /* fixed header height*/
13981 /* negative fixed header height */
13983 pointer-events: none
; }
13985 .pagelayout-embedded :target {
13986 padding-top: initial
;
13987 margin-top: initial
; }
13989 #nav-drawer.closed
{
13992 #nav-drawer[aria-hidden
=true
] .list-group-item
{
13995 /* Use a variable for the drawer background colors. */
13996 [data-region
="drawer"] {
14000 height: calc
(100% - 50px);
14002 -webkit-overflow-scrolling: touch
;
14004 background-color: #f2f2f2;
14005 -webkit-transition: right
0.5s ease
, left
0.5s ease
;
14006 -moz-transition: right
0.5s ease
, left
0.5s ease
;
14007 transition: right
0.5s ease
, left
0.5s ease
; }
14009 @media (min-width: 576px) {
14010 [data-region
="drawer"] {
14011 padding: 20px 20px; } }
14016 /* Override the z-indexes defined in bootstrap/_list-group.scss that
14017 lead to side effects on the user tours positioning. */ }
14018 #nav-drawer .list-group-item-action
.active
,
14019 #nav-drawer .list-group-item
.active
{
14020 z-index: inherit
; }
14021 #nav-drawer .list-group-item-action
.active
+ .list-group-item
,
14022 #nav-drawer .list-group-item
.active
+ .list-group-item
{
14023 border-top: none
; }
14024 #nav-drawer .list-group ul
{
14028 #nav-drawer .list-group li
{
14029 margin-bottom: -1px; }
14030 #nav-drawer .list-group
li:last-child
{
14031 margin-bottom: 0; }
14034 margin-top: 50px; }
14036 .pagelayout-embedded #page {
14040 -webkit-transition: margin-left
0.5s ease
, margin-right
0.5s ease
;
14041 -moz-transition: margin-left
0.5s ease
, margin-right
0.5s ease
;
14042 transition: margin-left
0.5s ease
, margin-right
0.5s ease
; }
14044 @media (min-width: 768px) {
14045 body
.drawer-open-left
{
14046 margin-left: 285px; } }
14048 @media (min-width: 768px) {
14049 body
.drawer-open-right
{
14050 margin-right: 285px; } }
14052 [data-region
=right-hand-drawer
] {
14054 flex-direction: column
;
14055 transition: right
0.2s ease-in-out
; }
14056 @media
(prefers-reduced-motion: reduce
) {
14057 [data-region
=right-hand-drawer
] {
14058 transition: none
; } }
14059 [data-region
=right-hand-drawer
].drawer
{
14064 height: calc
(100% - 50px);
14066 box-shadow: -2px 2px 4px rgba
(0, 0, 0, 0.08);
14068 visibility: visible
;
14070 [data-region
=right-hand-drawer
] .closewidget
{
14072 [data-region
=right-hand-drawer
].hidden
{
14075 visibility: hidden
;
14077 transition: right
0.2s ease-in-out
, visibility
0s ease-in-out
0.2s, opacity
0s ease-in-out
0.2s; }
14078 @media
(prefers-reduced-motion: reduce
) {
14079 [data-region
=right-hand-drawer
].hidden
{
14080 transition: none
; } }
14082 @media (max-width: 767.98px) {
14083 [data-region
=right-hand-drawer
].drawer
{
14087 [data-region
=right-hand-drawer
] .closewidget
{
14089 padding: 0 0.2rem; }
14090 body
.drawer-open-left
,
14091 body
.drawer-open-right
{
14092 overflow: hidden
; } }
14094 .dir-rtl [data-region=right-hand-drawer] {
14095 box-shadow: 2px 2px 4px rgba
(0, 0, 0, 0.08); }
14098 background-color: #f7f7f7; }
14100 .fp-content-center {
14103 display: table-cell
;
14104 vertical-align: middle
; }
14106 .fp-content-hidden {
14107 visibility: hidden
; }
14109 .yui3-panel-focused {
14114 padding: 3px 20px 2px 20px;
14115 text-align: center
;
14117 display: inline-block
; }
14119 .filepicker .yui3-widget-content-expanded {
14122 /* The javascript is adding a style="height: 0px;" to this element - we need to set the min-height so the height is ignored. */
14123 .filepicker .moodle-dialogue-bd {
14124 min-height: 520px; }
14126 .file-picker .fp-navbar {
14127 border-bottom: 1px solid
#e5e5e5;
14131 .file-picker .fp-content {
14138 .filepicker.moodle-dialogue-fullscreen .file-picker .fp-content {
14141 .file-picker .fp-content-loading {
14145 text-align: center
; }
14147 .file-picker .fp-content .fp-object-container {
14151 .file-picker .fp-def-search {
14154 .file-picker .fp-list {
14155 list-style-type: none
;
14161 .file-picker .fp-list .fp-repo a {
14163 padding: .5em .7em; }
14165 .file-picker .fp-list .fp-repo.active {
14166 background: #f2f2f2; }
14168 .file-picker .fp-list .fp-repo-icon {
14169 padding: 0 7px 0 5px;
14176 .fp-toolbar.empty {
14179 .fp-toolbar .disabled {
14185 margin-right: 4px; }
14188 vertical-align: -15%;
14189 margin-right: 5px; }
14191 .fp-viewbar:not(.disabled) a.checked {
14192 background-color: #b1bbc4;
14194 border-color: #aab4bf; }
14196 .fp-viewbar.disabled a {
14197 pointer-events: none
;
14200 .file-picker .fp-clear-left {
14203 .fp-pathbar.empty {
14206 .fp-pathbar .fp-path-folder {
14207 background: url
("[[pix:theme|fp/path_folder]]") left
3px no-repeat
;
14208 background-size: 12px 12px;
14210 margin-left: 12px; }
14213 .fp-pathbar .fp-path-folder {
14214 background-image: url('[[pix:theme|fp/path_folder_rtl]]');
14217 .fp-pathbar .fp-path-folder-name {
14218 margin-left: 24px; }
14220 .fp-iconview .fp-file {
14222 text-align: center
;
14223 position: relative
;
14224 margin: 10px 10px 35px; }
14226 .fp-iconview .fp-thumbnail {
14229 line-height: 110px;
14230 text-align: center
;
14231 border: 1px solid
#fff;
14234 .fp-iconview .fp-thumbnail img {
14235 border: 1px solid
#ddd;
14237 vertical-align: middle
; }
14239 .fp-iconview .fp-thumbnail:hover {
14241 border: 1px solid
#ddd; }
14243 .fp-iconview .fp-filename-field {
14246 word-wrap: break-word
;
14248 position: absolute
; }
14250 .fp-iconview
.fp-file:focus
.fp-filename-field
,
14251 .fp-iconview .fp-file:hover .fp-filename-field {
14255 .fp-iconview
.fp-file:focus
.fp-filename
,
14256 .fp-iconview .fp-file:hover .fp-filename {
14258 white-space: normal
;
14259 text-overflow: inherit
; }
14261 .fp-iconview .fp-filename-field .fp-filename {
14264 padding-bottom: 12px;
14265 min-width: 112px; }
14267 .file-picker .yui3-datatable table {
14268 border: 0 solid
#bbb;
14271 .file-picker
.ygtvtn
,
14272 .filemanager .ygtvtn {
14274 background: url
("[[pix:moodle|y/tn]]") 0 0 no-repeat
;
14276 background: url('[[pix:moodle|y/tn_rtl]]') 0 0 no-repeat;
14281 .file-picker
.ygtvtm
,
14282 .filemanager .ygtvtm {
14283 background: url
("[[pix:moodle|y/tm]]") 0 10px no-repeat
;
14285 background-position: 2px 10px;
14291 .file-picker
.ygtvtmh
,
14292 .filemanager .ygtvtmh {
14293 background: url
("[[pix:moodle|y/tm]]") 0 10px no-repeat
;
14295 background-position: 2px 10px;
14301 .file-picker
.ygtvtp
,
14302 .filemanager .ygtvtp {
14304 background: url
("[[pix:moodle|y/tp]]") 0 10px no-repeat
;
14306 background: url('[[pix:moodle|y/tp_rtl]]') 2px 10px no-repeat;
14312 .file-picker
.ygtvtph
,
14313 .filemanager .ygtvtph {
14315 background: url
("[[pix:moodle|y/tp]]") 0 10px no-repeat
;
14317 background: url('[[pix:moodle|y/tp_rtl]]') 2px 10px no-repeat;
14323 .file-picker
.ygtvln
,
14324 .filemanager .ygtvln {
14326 background: url
("[[pix:moodle|y/ln]]") 0 0 no-repeat
;
14328 background: url('[[pix:moodle|y/ln_rtl]]') 0 0 no-repeat;
14333 .file-picker
.ygtvlm
,
14334 .filemanager .ygtvlm {
14335 background: url
("[[pix:moodle|y/lm]]") 0 10px no-repeat
;
14337 background-position: 2px 10px;
14343 .file-picker
.ygtvlmh
,
14344 .filemanager .ygtvlmh {
14345 background: url
("[[pix:moodle|y/lm]]") 0 10px no-repeat
;
14347 background-position: 2px 10px;
14353 .file-picker
.ygtvlp
,
14354 .filemanager .ygtvlp {
14356 background: url
("[[pix:moodle|y/lp]]") 0 10px no-repeat
;
14358 background: url('[[pix:moodle|y/lp_rtl]]') 2px 10px no-repeat;
14364 .file-picker
.ygtvlph
,
14365 .filemanager .ygtvlph {
14367 background: url
("[[pix:moodle|y/lp]]") 0 10px no-repeat
;
14369 background: url('[[pix:moodle|y/lp_rtl]]') 2px 10px no-repeat;
14375 .file-picker
.ygtvloading
,
14376 .filemanager .ygtvloading {
14377 background: transparent url
("[[pix:moodle|y/loading]]") 0 0 no-repeat
;
14381 .file-picker
.ygtvdepthcell
,
14382 .filemanager .ygtvdepthcell {
14383 background: url
("[[pix:moodle|y/vline]]") 0 0 no-repeat
;
14385 background-position: 0 0;
14390 .file-picker
.ygtvblankdepthcell
,
14391 .filemanager .ygtvblankdepthcell {
14395 a
.ygtvspacer:hover
{
14396 color: transparent
;
14397 text-decoration: none
; }
14401 .ygtvlabel:visited
,
14403 background-color: transparent
;
14406 text-decoration: none
; }
14408 .file-picker
.ygtvfocus
,
14409 .filemanager .ygtvfocus {
14410 background-color: #eee; }
14412 .fp-filename-icon {
14415 position: relative
; }
14422 margin-right: 10px;
14423 text-align: center
;
14424 line-height: 24px; }
14429 vertical-align: middle
; }
14432 padding-right: 10px; }
14434 .file-picker .fp-login-form {
14439 .file-picker .fp-upload-form {
14444 .file-picker .fp-upload-form table {
14447 .file-picker.fp-dlg {
14448 text-align: center
; }
14450 .file-picker.fp-dlg .fp-dlg-buttons {
14453 .file-picker.fp-msg {
14454 text-align: center
; }
14456 .file-picker .fp-content-error {
14460 text-align: center
; }
14462 .file-picker .fp-nextpage {
14465 .file-picker .fp-nextpage .fp-nextpage-loading {
14468 .file-picker .fp-nextpage.loading .fp-nextpage-link {
14471 .file-picker .fp-nextpage.loading .fp-nextpage-loading {
14473 text-align: center
;
14475 padding-top: 50px; }
14477 .fp-select .fp-select-loading {
14478 text-align: center
;
14479 margin-top: 20px; }
14482 padding: 0 0 10px; }
14484 .fp-select table .mdl-right {
14487 .fp-select .fp-reflist .mdl-right {
14488 vertical-align: top
; }
14490 .fp-select .fp-select-buttons {
14493 .fp-select .fp-info {
14494 font-size: 0.703125rem; }
14496 .fp-select .fp-thumbnail {
14500 line-height: 110px;
14501 text-align: center
;
14502 margin: 10px 20px 0 0;
14504 border: 1px solid
#ddd; }
14506 .fp-select .fp-thumbnail img {
14507 border: 1px solid
#ddd;
14509 vertical-align: middle
;
14512 .fp-select .fp-fileinfo {
14513 display: inline-block
;
14514 margin-top: 10px; }
14516 .file-picker.fp-select .fp-fileinfo {
14517 max-width: 240px; }
14519 .fp-select .fp-fileinfo div {
14520 padding-bottom: 5px; }
14522 .file-picker.fp-select .uneditable {
14525 .file-picker.fp-select .fp-select-loading {
14528 .file-picker.fp-select.loading .fp-select-loading {
14531 .file-picker.fp-select.loading form {
14534 .fp-select .fp-dimensions.fp-unknown {
14537 .fp-select .fp-size.fp-unknown {
14540 .filemanager-loading {
14543 .jsenabled .filemanager-loading {
14545 margin-top: 100px; }
14547 .filemanager
.fm-loading
.filemanager-toolbar
,
14548 .filemanager
.fm-loading
.fp-pathbar
,
14549 .filemanager
.fm-loading
.filemanager-container
,
14550 .filemanager
.fm-loaded
.filemanager-loading
,
14551 .filemanager
.fm-maxfiles
.fp-btn-add
,
14552 .filemanager
.fm-maxfiles
.dndupload-message
,
14553 .filemanager
.fm-noitems
.fp-btn-download
,
14554 .filemanager
.fm-noitems
.fp-btn-delete
,
14555 .filemanager
.fm-empty-container
,
14556 .filemanager.fm-noitems .filemanager-container .fp-content {
14559 .filemanager .fp-img-downloading {
14561 padding-top: 7px; }
14563 .filemanager .filemanager-updating {
14565 text-align: center
; }
14567 .filemanager.fm-updating .filemanager-updating {
14569 margin-top: 37px; }
14571 .filemanager
.fm-updating
.fm-content-wrapper
,
14572 .filemanager
.fm-nomkdir
.fp-btn-mkdir
,
14573 .fitem
.disabled
.filemanager
.filemanager-toolbar
,
14574 .fitem
.disabled
.filemanager
.fp-pathbar
,
14575 .fitem
.disabled
.filemanager
.fp-restrictions
,
14576 .fitem.disabled .filemanager .fm-content-wrapper {
14579 .filemanager .fp-restrictions {
14580 text-align: right
; }
14582 .filemanager-toolbar {
14584 overflow: hidden
; }
14586 .filemanager .fp-pathbar.empty {
14589 .filepicker-filelist
,
14590 .filemanager-container {
14594 .filemanager .fp-content {
14597 min-height: 157px; }
14599 .filemanager-container
,
14600 .filepicker-filelist {
14601 overflow: hidden
; }
14603 .file-picker .yui3-datatable-header {
14604 background: initial
; }
14606 .fitem
.disabled
.filepicker-filelist
,
14607 .fitem.disabled .filemanager-container {
14608 background-color: #ebebe4; }
14610 .fitem.disabled .fp-btn-choose {
14613 .fitem.disabled .filepicker-filelist .filepicker-filename {
14616 .fp-iconview .fp-reficons1 {
14617 position: absolute
;
14623 .fp-iconview .fp-reficons2 {
14624 position: absolute
;
14630 .fp-iconview .fp-file.fp-hasreferences .fp-reficons1 {
14631 background: url
("[[pix:theme|fp/link]]") no-repeat
;
14633 transform: scaleX(-1);
14636 background-position: bottom right
;
14637 background-size: 16px 16px; }
14639 .fp-iconview .fp-file.fp-isreference .fp-reficons2 {
14640 background: url
("[[pix:theme|fp/alias]]") no-repeat
;
14642 transform: scaleX(-1);
14645 background-position: bottom left
;
14646 background-size: 16px 16px; }
14648 .filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail img {
14651 .filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail {
14652 background: url
([[pix:s
/dead
]]) no-repeat
;
14653 background-position: center center
; }
14655 .filemanager .yui3-datatable table {
14656 border: 0 solid
#bbb;
14659 /* Override YUI default styling */
14660 /* stylelint-disable declaration-no-important */
14661 .filemanager .yui3-datatable-header {
14662 background: #fff !important
;
14663 border-bottom: 1px solid
#ccc !important
;
14664 border-left: 0 solid
#fff !important
;
14665 color: #555 !important
; }
14667 .filemanager .yui3-datatable-odd .yui3-datatable-cell {
14668 background-color: #f6f6f6 !important
;
14669 border-left: 0 solid
#f6f6f6; }
14671 .filemanager .yui3-datatable-even .yui3-datatable-cell {
14672 background-color: #fff !important
;
14673 border-left: 0 solid
#fff; }
14675 /* stylelint-enable */
14676 .filemanager .fp-filename-icon.fp-hasreferences .fp-reficons1 {
14677 background: url
("[[pix:theme|fp/link_sm]]") no-repeat
0 0;
14681 transform: scaleX(-1);
14683 position: absolute
;
14686 background-size: 16px 16px; }
14688 .filemanager .fp-filename-icon.fp-isreference .fp-reficons2 {
14689 background: url
("[[pix:theme|fp/alias_sm]]") no-repeat
0 0;
14693 transform: scaleX(-1);
14695 position: absolute
;
14698 background-size: 16px 16px; }
14700 .filemanager .fp-contextmenu {
14703 .filemanager .fp-iconview .fp-folder.fp-hascontextmenu .fp-contextmenu {
14704 position: absolute
;
14708 align-items: center
;
14709 justify-content: center
; }
14711 .filemanager
.fp-treeview
.fp-folder
.fp-hascontextmenu
.fp-contextmenu
,
14712 .filemanager .fp-tableview .fp-folder.fp-hascontextmenu .fp-contextmenu {
14714 position: absolute
;
14716 margin-right: -20px;
14719 .filepicker-filelist
.filepicker-container
,
14720 .filemanager.fm-noitems .fm-empty-container {
14722 position: absolute
;
14727 border: 2px dashed
#bbb;
14729 text-align: center
; }
14731 .filepicker-filelist
.dndupload-target
,
14732 .filemanager-container .dndupload-target {
14734 position: absolute
;
14739 border: 2px dashed
#fb7979;
14741 text-align: center
; }
14743 .filepicker-filelist
.dndupload-over
.dndupload-target
,
14744 .filemanager-container.dndupload-over .dndupload-target {
14746 position: absolute
;
14751 border: 2px dashed
#6c8cd3;
14753 text-align: center
; }
14755 .dndupload-message {
14758 .dndsupported .dndupload-message {
14761 .dnduploadnotsupported-message {
14764 .dndnotsupported .dnduploadnotsupported-message {
14767 .dndupload-target {
14770 .dndsupported .dndupload-ready .dndupload-target {
14773 .dndupload-uploadinprogress {
14775 text-align: center
; }
14777 .dndupload-uploading .dndupload-uploadinprogress {
14781 background: url
([[pix:theme|fp
/dnd_arrow
]]) center no-repeat
;
14784 position: absolute
;
14787 .fitem
.disabled
.filepicker-container
,
14788 .fitem.disabled .fm-empty-container {
14791 .dndupload-progressbars {
14795 .dndupload-inprogress .dndupload-progressbars {
14798 .dndupload-inprogress .fp-content {
14801 .filemanager.fm-noitems .dndupload-inprogress .fm-empty-container {
14804 .filepicker-filelist.dndupload-inprogress .filepicker-container {
14807 .filepicker-filelist.dndupload-inprogress a {
14810 .filemanager.fp-select .fp-select-loading {
14813 .filemanager.fp-select.loading .fp-select-loading {
14816 .filemanager.fp-select.loading form {
14819 .filemanager
.fp-select
.fp-folder
.fp-license
,
14820 .filemanager
.fp-select
.fp-folder
.fp-author
,
14821 .filemanager
.fp-select
.fp-file
.fp-file-unzip
,
14822 .filemanager
.fp-select
.fp-folder
.fp-file-unzip
,
14823 .filemanager
.fp-select
.fp-file
.fp-file-zip
,
14824 .filemanager.fp-select.fp-zip .fp-file-zip {
14827 .filemanager
.fp-select
.fp-file-setmain
,
14828 .filemanager.fp-select .fp-file-setmain-help {
14831 .filemanager
.fp-select
.fp-cansetmain
.fp-file-setmain
,
14832 .filemanager.fp-select.fp-cansetmain .fp-file-setmain-help {
14833 display: inline-block
; }
14835 .filemanager .fp-mainfile .fp-filename {
14836 font-weight: bold
; }
14838 .filemanager.fp-select.fp-folder .fp-file-download {
14842 font-weight: bold
; }
14844 .filemanager
.fp-select
.fp-original
.fp-unknown
,
14845 .filemanager.fp-select .fp-original .fp-originloading {
14848 .filemanager.fp-select .fp-original.fp-loading .fp-originloading {
14851 .filemanager
.fp-select
.fp-reflist
.fp-unknown
,
14852 .filemanager.fp-select .fp-reflist .fp-reflistloading {
14855 .filemanager.fp-select .fp-reflist.fp-loading .fp-reflistloading {
14858 .filemanager.fp-select .fp-reflist .fp-value {
14859 background: #f9f9f9;
14860 border: 1px solid
#bbb;
14866 .filemanager.fp-select .fp-reflist .fp-value li {
14867 padding-bottom: 7px; }
14869 .filemanager.fp-mkdir-dlg {
14870 text-align: center
; }
14872 .filemanager.fp-mkdir-dlg .fp-mkdir-dlg-text {
14876 .filemanager.fp-dlg {
14877 text-align: center
; }
14879 .file-picker div.bd {
14880 text-align: left
; }
14884 .fp-formset input[type="file"] {
14885 line-height: inherit
; }
14890 .fp-fileinfo .fp-value {
14891 display: inline-block
;
14892 padding-left: 5px; }
14894 /** The message area **/
14898 .preferences-container .container-fluid, .preferences-container .container-sm, .preferences-container .container-md, .preferences-container .container-lg, .preferences-container .container-xl {
14900 .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 {
14901 min-height: 20px; }
14903 .preferences-container .align-bottom {
14904 vertical-align: bottom
; }
14906 .preferences-container .preference-table {
14907 border: 1px solid
#ddd; }
14908 .preferences-container .preference-table thead th {
14909 text-align: center
; }
14910 .preferences-container .preference-table thead th .config-warning {
14912 .preferences-container .preference-table thead th.unconfigured .config-warning {
14913 display: inline-block
; }
14914 .preferences-container .preference-table tr td:not(:first-child) {
14916 text-align: center
; }
14917 .preferences-container .preference-table tr td:nth-child(even) {
14918 background-color: #f7f7f7; }
14919 .preferences-container .preference-table tr th:nth-child(even) {
14920 background-color: #f7f7f7; }
14921 .preferences-container .preference-table .preference-row .hover-tooltip-container {
14922 display: inline-block
; }
14923 .preferences-container .preference-table .preference-row .preference-name {
14924 vertical-align: middle
; }
14925 .preferences-container .preference-table .preference-row .disabled-message {
14926 text-align: center
;
14928 line-height: 30px; }
14929 .preferences-container .preference-table .preference-row .preference-state {
14932 display: inline-block
;
14933 vertical-align: middle
; }
14934 .preferences-container .preference-table .preference-row .preference-state input[type="checkbox"]:checked + .preference-state-status-container {
14935 background-color: #5cb85c; }
14936 .preferences-container .preference-table .preference-row .preference-state input[type="checkbox"]:checked + .preference-state-status-container .on-text {
14937 display: inline-block
; }
14938 .preferences-container .preference-table .preference-row .preference-state input[type="checkbox"]:checked + .preference-state-status-container .off-text {
14940 .preferences-container .preference-table .preference-row .preference-state .preference-state-status-container {
14944 text-align: center
;
14945 border-radius: 4px;
14946 background-color: #d9534f;
14949 .preferences-container .preference-table .preference-row .preference-state .preference-state-status-container .loading-icon {
14951 .preferences-container .preference-table .preference-row .preference-state .preference-state-status-container .on-text {
14953 .preferences-container .preference-table .preference-row .preference-state .preference-state-status-container .off-text {
14954 display: inline-block
; }
14955 .preferences-container
.preference-table
.preference-row
.preference-state
.loading input
[type
="checkbox"]:checked
+ .preference-state-status-container
.on-text
,
14956 .preferences-container .preference-table .preference-row .preference-state.loading input[type="checkbox"]:checked + .preference-state-status-container .off-text {
14958 .preferences-container
.preference-table
.preference-row
.preference-state
.loading
.preference-state-status-container
.on-text
,
14959 .preferences-container .preference-table .preference-row .preference-state.loading .preference-state-status-container .off-text {
14961 .preferences-container .preference-table .preference-row .preference-state.loading .preference-state-status-container .loading-icon {
14963 .preferences-container .preference-table .preference-row.loading .preference-name .loading-icon {
14966 .disabled-message {
14969 .disabled .disabled-message {
14971 .disabled .disabled-message + form {
14974 .general-settings-container .loading-icon {
14977 .general-settings-container .loading .loading-icon {
14978 display: inline-block
; }
14980 .general-settings-container label {
14981 display: inline-block
; }
14983 .processor-container {
14984 position: relative
; }
14985 .processor-container .loading-container {
14987 position: absolute
;
14990 text-align: center
;
14991 background-color: rgba
(255, 255, 255, 0.5); }
14992 .processor-container .loading-container .vertical-align {
14995 display: inline-block
;
14996 vertical-align: middle
; }
14997 .processor-container.loading .loading-container {
15000 .preferences-page-container .checkbox-container {
15002 line-height: 20px; }
15003 .preferences-page-container .checkbox-container input {
15006 .preferences-page-container .checkbox-container .loading-icon {
15008 .preferences-page-container .checkbox-container.loading .loading-icon {
15009 display: inline-block
; }
15011 .notification-area {
15013 box-sizing: border-box
;
15014 border-radius: 4px;
15015 margin-bottom: 30px;
15016 border: 1px solid
#e3e3e3; }
15017 @media
(max-height: 670px) {
15018 .notification-area {
15020 .notification-area .control-area {
15021 box-sizing: border-box
;
15022 display: inline-block
;
15026 -webkit-overflow-scrolling: touch
;
15027 border-right: 1px solid
#e3e3e3; }
15028 .notification-area .control-area .content {
15029 position: relative
; }
15030 .notification-area .control-area .content .content-item-container {
15032 .notification-area .control-area .content:empty + .empty-text {
15034 .notification-area .control-area .loading-icon {
15036 .notification-area .control-area .empty-text {
15038 text-align: center
;
15039 padding-top: 20px; }
15040 .notification-area .control-area.loading .loading-icon {
15042 text-align: center
;
15043 box-sizing: border-box
;
15045 .notification-area .control-area.loading .content:empty + .empty-text {
15047 .notification-area .content-area {
15048 box-sizing: border-box
;
15049 display: inline-block
;
15050 width: calc
(100% - 300px);
15052 .notification-area .content-area .toggle-mode {
15054 .notification-area .content-area .header {
15056 box-sizing: border-box
;
15057 border-bottom: 1px solid
#e3e3e3;
15059 .notification-area .content-area .header .image-container {
15060 display: inline-block
;
15064 .notification-area .content-area .header .subject-container {
15065 display: inline-block
;
15066 max-width: calc
(100% - 24px);
15067 white-space: nowrap
;
15069 text-overflow: ellipsis
;
15072 box-sizing: border-box
; }
15073 .notification-area .content-area .header .timestamp {
15078 margin-left: 30px; }
15079 .notification-area .content-area .header:empty {
15081 .notification-area .content-area > .content {
15083 box-sizing: border-box
;
15085 -webkit-overflow-scrolling: touch
;
15087 @media
(max-height: 670px) {
15088 .notification-area .content-area > .content {
15090 .notification-area .content-area > .content:empty {
15092 .notification-area .content-area > .content:empty + .empty-text {
15094 text-align: center
;
15095 padding-top: 100px; }
15096 .notification-area .content-area .empty-text {
15098 .notification-area .content-area .footer {
15100 box-sizing: border-box
;
15101 text-align: center
; }
15102 .notification-area .content-area .footer a {
15103 line-height: 50px; }
15104 .notification-area .content-area .footer:empty {
15107 @media (max-width: 979px) {
15108 .notification-area {
15109 position: relative
;
15110 overflow: hidden
; }
15111 .notification-area .control-area {
15112 border-right: none
;
15114 position: absolute
;
15118 visibility: visible
;
15119 transition: left
0.25s; }
15120 .notification-area .content-area {
15122 position: absolute
;
15126 visibility: hidden
;
15127 transition: right
0.25s, opacity
0.25s, visibility
0.25s; }
15128 .notification-area .content-area .toggle-mode {
15129 display: inline-block
;
15134 box-sizing: border-box
;
15135 border-right: 1px solid
#e3e3e3;
15136 border-bottom: 1px solid
#e3e3e3; }
15137 .notification-area .content-area .header {
15138 display: inline-block
;
15139 width: calc
(100% - 70px); }
15140 .notification-area.show-content-area .control-area {
15143 visibility: hidden
;
15144 transition: left
0.25s, opacity
0.25s, visibility
0.25s; }
15145 .notification-area.show-content-area .content-area {
15148 visibility: visible
;
15149 transition: right
0.25s; } }
15151 .drawer .message-app {
15153 .drawer .message-app .icon-back-in-app {
15155 .drawer .message-app .icon-back-in-drawer {
15156 display: inherit
; }
15160 flex-direction: column
;
15161 background-color: #eff1f3; }
15162 .message-app .icon-back-in-drawer {
15164 .message-app.main {
15165 min-height: 400px; }
15166 .message-app .header-container {
15168 .message-app .overflow-y {
15169 overflow-y: auto
; }
15170 @media
(max-height: 320px) {
15171 .message-app .header-container [data-region="view-overview"]:not(.hidden) {
15173 align-items: center
; }
15174 .message-app .footer-container [data-region="view-overview"] {
15176 .message-app .overflow-y {
15177 overflow-y: unset
; } }
15178 .message-app .body-container {
15180 overflow: hidden
; }
15181 .message-app .body-container > * {
15182 position: absolute
;
15188 .message-app .footer-container {
15190 .message-app .footer-container textarea {
15192 .message-app .contact-status {
15193 position: absolute
;
15198 border-radius: 50%; }
15199 .message-app .contact-status.online {
15200 border: 1px solid
#fff;
15201 background-color: #398439; }
15202 .message-app .message p {
15204 .message-app .clickable {
15206 .message-app .clickable:hover {
15207 filter: drop-shadow
(2px 2px 2px rgba
(0, 0, 0, 0.3)); }
15209 .message-app .btn-link {
15211 .message-app .btn-link:hover, .message-app .btn-link:focus {
15212 background-color: rgba
(0, 0, 0, 0.035);
15213 text-decoration: none
; }
15214 .message-app .icon {
15216 .message-app .overview-section-toggle .collapsed-icon-container {
15218 .message-app .overview-section-toggle .expanded-icon-container {
15219 display: inline-block
; }
15220 .message-app .overview-section-toggle.collapsed .collapsed-icon-container {
15221 display: inline-block
; }
15222 .message-app .overview-section-toggle.collapsed .expanded-icon-container {
15224 .message-app .btn.btn-link.btn-icon {
15228 border-radius: 50%;
15230 .message-app .btn.btn-link.btn-icon:hover, .message-app .btn.btn-link.btn-icon:focus {
15231 background-color: #e9ecef; }
15232 .message-app .btn.btn-link.btn-icon.icon-size-0 {
15233 height: 20px !important
;
15234 /* stylelint-disable-line declaration-no-important */
15235 width: 20px !important
;
15236 /* stylelint-disable-line declaration-no-important */ }
15237 .message-app .btn.btn-link.btn-icon.icon-size-1 {
15238 height: 24px !important
;
15239 /* stylelint-disable-line declaration-no-important */
15240 width: 24px !important
;
15241 /* stylelint-disable-line declaration-no-important */ }
15242 .message-app .btn.btn-link.btn-icon.icon-size-2 {
15243 height: 28px !important
;
15244 /* stylelint-disable-line declaration-no-important */
15245 width: 28px !important
;
15246 /* stylelint-disable-line declaration-no-important */ }
15247 .message-app .btn.btn-link.btn-icon.icon-size-3 {
15248 height: 36px !important
;
15249 /* stylelint-disable-line declaration-no-important */
15250 width: 36px !important
;
15251 /* stylelint-disable-line declaration-no-important */ }
15252 .message-app .btn.btn-link.btn-icon.icon-size-4 {
15253 height: 44px !important
;
15254 /* stylelint-disable-line declaration-no-important */
15255 width: 44px !important
;
15256 /* stylelint-disable-line declaration-no-important */ }
15257 .message-app .btn.btn-link.btn-icon.icon-size-5 {
15258 height: 52px !important
;
15259 /* stylelint-disable-line declaration-no-important */
15260 width: 52px !important
;
15261 /* stylelint-disable-line declaration-no-important */ }
15262 .message-app .btn.btn-link.btn-icon.icon-size-6 {
15263 height: 60px !important
;
15264 /* stylelint-disable-line declaration-no-important */
15265 width: 60px !important
;
15266 /* stylelint-disable-line declaration-no-important */ }
15267 .message-app .btn.btn-link.btn-icon.icon-size-7 {
15268 height: 68px !important
;
15269 /* stylelint-disable-line declaration-no-important */
15270 width: 68px !important
;
15271 /* stylelint-disable-line declaration-no-important */ }
15272 .message-app .view-overview-body .section {
15274 .message-app .view-overview-body .section.expanded {
15276 .message-app .view-conversation .content-message-container img {
15278 .message-app .list-group .list-group-item {
15281 .message-app .list-group .list-group-item:first-child {
15283 .message-app .list-group .list-group-item:last-child {
15284 border-bottom: 0; }
15285 .message-app .last-message {
15286 min-height: 1.5rem; }
15287 .message-app .section .collapsing {
15288 overflow: hidden
; }
15289 .message-app .message.send {
15290 background-color: #dee2e6;
15292 .message-app .message.send .time {
15294 .message-app .message.send .tail {
15296 margin-right: -0.5rem;
15297 border-bottom-color: #dee2e6; }
15298 .message-app .message.received {
15299 background-color: #fff;
15301 .message-app .message.received .time {
15303 .message-app .message.received .tail {
15305 margin-left: -0.5rem;
15306 border-bottom-color: #fff; }
15307 .message-app .message .tail {
15312 border: 0.5rem solid transparent
;
15313 position: relative
; }
15314 .message-app .day {
15316 .message-app .lazy-load-list {
15317 overflow-y: auto
; }
15319 #page-message-index #region-main
{
15321 #page-message-index #region-main div
[role
="main"] {
15323 #page-message-index #region-main div
[role
="main"] #maincontent
{
15324 margin-top: -1px; }
15325 #page-message-index #region-main div
[role
="main"] .message-app
.main
{
15328 .dir-rtl .message-drawer {
15329 box-shadow: 2px 2px 4px rgba
(0, 0, 0, 0.08); }
15331 .message-app .emoji-picker-container {
15332 position: absolute
;
15335 transform: translateY
(-100%); }
15336 .message-app .emoji-picker-container .emoji-picker .picker-row .emoji-button {
15339 @media
(max-width: 575.98px) {
15340 .message-app .emoji-picker-container {
15341 right: -0.5rem; } }
15343 @media (max-height: 495px) {
15344 .message-app .emoji-picker-container {
15347 transform: none
; } }
15349 .message-app .emoji-auto-complete-container {
15352 transition: max-height
.15s ease-in-out
;
15353 visibility: visible
; }
15354 .message-app .emoji-auto-complete-container.hidden {
15357 visibility: hidden
;
15359 transition: max-height
.15s ease-in-out
, visibility
0s linear
.15s, overflow
0s linear
.15s; }
15365 .questioncategories h3 {
15372 margin: 0 0 0.3em; }
15374 #chooseqtype .instruction
{
15377 #chooseqtype .fakeqtypes
{
15378 border-top: 1px solid silver
; }
15380 #chooseqtype .qtypeoption
{
15381 margin-bottom: 0.5em; }
15383 #chooseqtype label
{
15386 #chooseqtype .qtypename img
{
15387 padding: 0 0.3em; }
15389 #chooseqtype .qtypename
{
15390 display: inline-table
;
15393 #chooseqtype .qtypesummary
{
15397 #chooseqtype .submitbuttons
{
15399 text-align: center
; }
15401 #qtypechoicecontainer {
15404 #qtypechoicecontainer_c.yui-panel-container
.shadow
.underlay
{
15405 background: none
; }
15407 #qtypechoicecontainer.yui-panel
.hd
{
15409 letter-spacing: 1px;
15410 text-shadow: 1px 1px 1px #fff;
15411 border: 1px solid
#ccc;
15412 border-bottom: 1px solid
#bbb;
15413 background-image: linear-gradient
(to bottom
, #fff 0%, #ccc 100%);
15414 background-repeat: repeat-x
; }
15416 #qtypechoicecontainer {
15419 background: #f2f2f2;
15420 border: 1px solid
#ccc;
15421 border-top: 0 none
; }
15423 #qtypechoicecontainer #chooseqtype
{
15426 #chooseqtypehead h3
{
15428 font-weight: normal
; }
15430 #chooseqtype .qtypes
{
15431 position: relative
;
15432 border-bottom: 1px solid
#bbb;
15433 padding: 0.24em 0; }
15435 #chooseqtype .alloptions
{
15436 overflow-x: hidden
;
15438 max-height: calc
(100vh - 15em);
15441 #chooseqtype .qtypeoption
{
15443 padding: 0.3em 0.3em 0.3em 1.6em; }
15445 #chooseqtype .qtypeoption img
{
15446 vertical-align: text-bottom
;
15448 padding-right: 0.5em; }
15450 #chooseqtype .selected
{
15451 background-color: #fff; }
15453 #chooseqtype .instruction
,
15454 #chooseqtype .qtypesummary
{
15456 position: absolute
;
15462 overflow-x: hidden
;
15464 padding: 1.5em 1.6em;
15465 background-color: #fff; }
15467 #chooseqtype .instruction
,
15468 #chooseqtype .selected
.qtypesummary
{
15471 #categoryquestions {
15473 #categoryquestions td
,
15474 #categoryquestions th
{
15475 padding: 0 0.2em; }
15476 #categoryquestions th
{
15478 font-weight: normal
; }
15479 #categoryquestions .checkbox
{
15480 padding-left: 5px; }
15481 #categoryquestions .checkbox input
[type
="checkbox"] {
15484 #categoryquestions .iconcol
{
15486 box-sizing: content-box
; }
15487 #categoryquestions .iconcol
.icon
{
15491 #categoryquestions label
{
15494 #categoryquestions .header
{
15495 text-align: left
; }
15497 #page-mod-quiz-edit div
.questionbankwindow div
.header
{
15500 #page-mod-quiz-edit div
.questionbankwindow
.block
{
15503 .questionbank .singleselect {
15506 /* Question editing form */
15507 #combinedfeedbackhdr div
.fhtmleditor
{
15510 #combinedfeedbackhdr div
.fcheckbox
{
15511 margin-bottom: 1em; }
15513 #multitriesheader div
.fitem_feditor
{
15516 #multitriesheader div
.fitem_fgroup
{
15517 margin-bottom: 1em; }
15519 #multitriesheader div
.fitem_fgroup fieldset
.felement label
{
15520 margin-left: 0.3em;
15521 margin-right: 0.3em; }
15523 body
.path-question-type
{
15524 /* Hacks to display the labels within a form group. */ }
15525 body
.path-question-type
.form-group
.sr-only:not
(legend
) {
15530 margin: 0 0.5rem 0 0;
15539 margin: 0 auto
1.8em auto
; }
15545 margin-bottom: 1.8em;
15546 background-color: #dee2e6;
15547 border: 1px solid
#cad0d7; }
15556 font-weight: bold
; }
15560 margin-top: 0.7em; }
15562 .que .info .questionflag.editable {
15565 .que
.info
.editquestion img
,
15566 .que
.info
.questionflag img
,
15567 .que .info .questionflag input {
15568 vertical-align: bottom
; }
15571 margin: 0 0 0 8.5em; }
15576 position: relative
;
15577 padding: 0.75rem 1.25rem;
15578 margin-bottom: 1rem;
15579 border: 0 solid transparent
; }
15584 background-color: #fcefdc;
15585 border-color: #fbe8cd;
15586 /* stylelint-disable-line max-line-length */ }
15589 border-top-color: #f9ddb5; }
15590 .que
.outcome
.alert-link
,
15591 .que .comment .alert-link {
15594 .que .formulation {
15596 background-color: #def2f8;
15597 border-color: #d1edf6;
15598 /* stylelint-disable-line max-line-length */ }
15599 .que .formulation hr {
15600 border-top-color: #bce5f2; }
15601 .que .formulation .alert-link {
15604 .que
.multichoice
.answer div
.r0
.icon
.fa-check
,
15605 .que
.multichoice
.answer div
.r1
.icon
.fa-check
,
15606 .que
.multichoice
.answer div
.r0
.icon
.fa-remove
,
15607 .que.multichoice .answer div.r1 .icon.fa-remove {
15610 .formulation input
[type
="text"],
15611 .formulation select {
15613 vertical-align: baseline
; }
15615 .que.multianswer .formulation .yui3-widget-positioned {
15616 box-sizing: content-box
; }
15617 .que.multianswer .formulation .yui3-widget-positioned .feedbackspan {
15619 max-width: inherit
; }
15621 .path-mod-quiz input[size] {
15627 background-color: #d7e6d7;
15628 border-color: #c8ddc8;
15629 /* stylelint-disable-line max-line-length */ }
15631 border-top-color: #b8d3b8; }
15632 .que .comment .alert-link {
15636 margin: 0.7em 0 0.3em 0; }
15638 .que .im-controls {
15640 text-align: left
; }
15642 .que
.specificfeedback
,
15643 .que
.generalfeedback
,
15644 .que
.numpartscorrect
.que
.rightanswer
,
15648 margin: 0 0 0.5em; }
15650 .que .correctness.correct {
15651 background-color: #398439; }
15653 .que .correctness.partiallycorrect {
15654 background-color: #f0ad4e; }
15656 .que .correctness.notanswered, .que .correctness.incorrect {
15657 background-color: #d43f3a; }
15660 margin-bottom: 1.5em; }
15662 .que .validationerror {
15669 margin-top: 0.5em; }
15675 .que .history table {
15679 .que .history .current {
15680 font-weight: bold
; }
15682 .que .questioncorrectnessicon {
15683 vertical-align: text-bottom
; }
15685 body
.jsenabled
.questionflag input
[type
=checkbox
] {
15688 .que .questionflagimage {
15689 padding-right: 3px;
15695 border-bottom: 1px solid
#555; }
15697 .mform .que.comment .fitemtitle {
15700 #page-question-preview #techinfo
{
15703 #page-mod-quiz-edit ul
.slots
.activityinstance
> a
{
15706 align-items: center
;
15710 #page-mod-quiz-edit ul
.slots
.activityinstance img
.activityicon
{
15714 padding-right: 4px; }
15716 #page-mod-quiz-edit .activity img
.activityicon
{
15717 vertical-align: text-top
; }
15719 #page-mod-quiz-edit .box
.generalbox
.questionbank
{
15722 #page-mod-quiz-edit .questionbank
.categorypagingbarcontainer
,
15723 #page-mod-quiz-edit .questionbank
.categoryquestionscontainer
,
15724 #page-mod-quiz-edit .questionbank
.choosecategory
{
15727 #page-mod-quiz-edit .questionbank
.choosecategory select
{
15730 #page-mod-quiz-edit div
.questionbank
.categoryquestionscontainer
{
15731 background: transparent
; }
15733 #page-mod-quiz-edit #categoryquestions
> thead
{
15734 background: #fff; }
15736 #page-mod-quiz-edit #categoryquestions
> tbody
> tr:nth-of-type
(even
) {
15737 background: #e4e4e4; }
15739 #page-mod-quiz-edit .questionbankwindow div
.header
{
15742 margin: 0 -10px 0 -10px;
15743 padding: 2px 10px 2px 10px;
15744 background: transparent
;
15745 /* Old browsers */ }
15747 #page-mod-quiz-edit .questionbankwindow div
.header
a:link
,
15748 #page-mod-quiz-edit .questionbankwindow div
.header
a:visited
{
15751 #page-mod-quiz-edit .questionbankwindow div
.header
a:hover
{
15754 #page-mod-quiz-edit .createnewquestion
{
15755 padding: 0.3em 0; }
15756 #page-mod-quiz-edit .createnewquestion div
,
15757 #page-mod-quiz-edit .createnewquestion input
{
15760 #page-mod-quiz-edit .questionbankwindow div
.header
.title
{
15763 #page-mod-quiz-edit div
.container div
.generalbox
{
15764 background-color: transparent
;
15767 #page-mod-quiz-edit .categoryinfo
{
15768 background-color: transparent
;
15769 border-bottom: none
; }
15771 #page-mod-quiz-edit .createnewquestion
.singlebutton input
{
15772 margin-bottom: 0; }
15774 #page-mod-quiz-edit div
.questionbank
.categorysortopotionscontainer
,
15775 #page-mod-quiz-edit div
.questionbank
.categoryselectallcontainer
{
15776 padding: 0 0 1.5em 0; }
15778 #page-mod-quiz-edit div
.questionbank
.categorypagingbarcontainer
{
15779 background-color: transparent
;
15782 border-bottom: 0; }
15783 #page-mod-quiz-edit div
.questionbank
.categorypagingbarcontainer
.paging
{
15784 padding: 0 0.3em; }
15786 #page-mod-quiz-edit div
.question div
.content div
.questioncontrols
{
15787 background-color: #fff; }
15789 #page-mod-quiz-edit div
.question div
.content div
.points
{
15790 margin-top: -0.5em;
15793 background-color: #fff;
15797 margin-right: 60px; }
15799 #page-mod-quiz-edit div
.question div
.content div
.points br
{
15802 #page-mod-quiz-edit div
.question div
.content div
.points label
{
15803 display: inline-block
; }
15805 #page-mod-quiz-edit div
.quizpage
.pagecontent
.pagestatus
{
15806 background-color: #fff; }
15808 #page-mod-quiz-edit .quizpagedelete
,
15809 #page-mod-quiz-edit .quizpagedelete img
{
15810 background-color: transparent
; }
15812 #page-mod-quiz-edit div
.quizpage
.pagecontent
{
15813 border: 1px solid
#ddd;
15814 overflow: hidden
; }
15816 #page-mod-quiz-edit div
.questionbank
.categoryinfo
{
15817 padding: 0.3em 0; }
15819 #page-mod-quiz-edit div
.questionbank
.modulespecificbuttonscontainer
{
15821 #page-mod-quiz-edit div
.questionbank
.modulespecificbuttonscontainer strong
{
15823 #page-mod-quiz-edit div
.questionbank
.modulespecificbuttonscontainer hr
,
15824 #page-mod-quiz-edit div
.questionbank
.modulespecificbuttonscontainer br
{
15826 #page-mod-quiz-edit div
.questionbank
.modulespecificbuttonscontainer strong
{
15827 margin-left: -0.3em; }
15828 #page-mod-quiz-edit div
.questionbank
.modulespecificbuttonscontainer strong label
{
15829 margin-left: 0.3em; }
15830 #page-mod-quiz-edit div
.questionbank
.modulespecificbuttonscontainer input
{
15832 #page-mod-quiz-edit div
.questionbank
.modulespecificbuttonscontainer input
+ input
{
15833 margin-left: 5px; }
15835 .questionbankwindow .module {
15838 .questionbankwindow .form-autocomplete-selection {
15841 #page-mod-quiz-edit div
.editq div
.question div
.content
{
15842 background-color: #fff;
15843 border: 1px solid
#ddd;
15844 overflow: hidden
; }
15846 #page-mod-quiz-edit ul
.slots
.activityinstance img
.activityicon
{
15848 padding-right: 4px; }
15850 .path-mod-quiz .statedetails {
15852 font-size: 0.9em; }
15857 .que.shortanswer .answer {
15863 body
.path-question-type
.mform fieldset
.hidden
{
15865 margin: 0.7em 0 0; }
15868 .que.ddwtos .drop {
15869 box-sizing: content-box
; }
15871 .tag-condition-container {
15872 position: relative
; }
15874 @media (max-width: 767.98px) {
15882 .userprofile .fullprofilelink {
15883 text-align: center
;
15886 .userprofile .page-context-header {
15887 margin-bottom: 10px; }
15889 .userprofile .description {
15891 margin-bottom: 30px; }
15893 .userprofile .profile_tree {
15896 #participantsform .no-overflow
{
15897 overflow: visible
; }
15899 .userprofile dl.list > dd + dt {
15906 text-align: center
;
15910 #page-user-profile .node_category ul
,
15911 .path-user .node_category ul {
15916 #page-user-profile .node_category li
,
15917 .path-user .node_category li {
15920 #page-user-profile .node_category
.editprofile
,
15921 #page-user-profile .node_category
.viewmore
,
15922 .path-user
.node_category
.editprofile
,
15923 .path-user .node_category .viewmore {
15924 text-align: right
; }
15926 .ajax-contact-button {
15927 box-sizing: border-box
;
15928 position: relative
; }
15929 .ajax-contact-button.loading .loading-icon {
15931 .ajax-contact-button .loading-icon {
15933 position: absolute
;
15938 background-color: rgba
(255, 255, 255, 0.7); }
15939 .ajax-contact-button .loading-icon .icon {
15940 position: absolute
;
15943 transform: translate
(-50%, -50%); }
15945 @media (max-width: 480px) {
15946 .userprofile .profile_tree {
15947 /** Display the profile on one column on phones@mixin */
15948 column-count: 1; } }
15950 .userlist #showall {
15953 .userlist .buttons {
15954 text-align: center
; }
15956 .userlist .buttons label {
15959 .userlist table#participants {
15960 text-align: center
; }
15962 .userlist table#participants td {
15965 vertical-align: middle
; }
15967 .userlist table#participants th {
15971 .userlist table.controls {
15973 .userlist table.controls tr {
15974 vertical-align: top
; }
15975 .userlist table.controls .right {
15976 text-align: right
; }
15977 .userlist table.controls .groupselector {
15980 .userlist table.controls .groupselector label {
15986 border-collapse: separate
;
15989 .userinfobox
.left
,
15990 .userinfobox .side {
15992 vertical-align: top
; }
15994 .userinfobox .userpicture {
15998 .userinfobox .content {
15999 vertical-align: top
; }
16001 .userinfobox .links {
16004 vertical-align: bottom
; }
16006 .userinfobox .links a {
16009 .userinfobox .list td {
16012 .userinfobox .username {
16013 padding-bottom: 20px;
16014 font-weight: bold
; }
16016 .userinfobox td.label {
16018 white-space: nowrap
;
16019 vertical-align: top
;
16020 font-weight: bold
; }
16023 position: absolute
;
16025 margin-right: 0.6em; }
16030 margin-right: 1em; }
16031 .group-image .grouppicture {
16032 border-radius: 50%; }
16034 .groupinfobox .left {
16037 vertical-align: top
; }
16039 .course-participation #showall {
16040 text-align: center
;
16043 #user-policy .noticebox
{
16044 text-align: center
;
16046 margin-right: auto
;
16047 margin-bottom: 10px;
16051 #user-policy #policyframe
{
16058 .userselector select {
16061 .userselector div {
16062 margin-top: 0.2em; }
16064 .userselector div label {
16065 margin-right: 0.3em; }
16067 /* Next style does not work in all browsers but looks nicer when it does */
16068 .userselector .userselector-infobelow {
16069 font-size: 0.8em; }
16071 #userselector_options .collapsibleregioncaption
{
16072 font-weight: bold
; }
16074 #userselector_options p
{
16076 text-align: left
; }
16078 /** user full profile */
16079 #page-user-profile .messagebox
{
16080 text-align: center
;
16082 margin-right: auto
; }
16084 /** user course profile */
16085 #page-course-view-weeks .messagebox
{
16086 text-align: center
;
16088 margin-right: auto
; }
16090 .profileeditor > .singleselect {
16091 margin: 0 0.5em 0 0; }
16093 .profileeditor > .singlebutton {
16094 display: inline-block
;
16095 margin: 0 0 0 0.5em; }
16096 .profileeditor
> .singlebutton div
,
16097 .profileeditor > .singlebutton input {
16100 .userlist h3 .action-icon {
16103 #page-enrol-users .popover
{
16106 .user-enroller-panel {
16109 [data-filterverbfor
],
16110 [data-filterregion
="filter"]:last-child
[data-filterregion
="joinadverb"] {
16113 [data-filterverb
="0"] [data-filterverbfor
="0"],
16114 [data-filterverb
="1"] [data-filterverbfor
="1"],
16115 [data-filterverb
="2"] [data-filterverbfor
="2"] {
16118 .search-results .result {
16122 .search-results .result .result-content {
16125 .search-results .result .filename {
16126 font-style: italic
; }
16128 .search-input-wrapper {
16129 margin: 0 1rem 0 0;
16133 transition: width
0.5s ease
, left
0.5s ease
;
16135 padding-bottom: 0; }
16137 .search-input-wrapper > div {
16140 .search-input-wrapper > div .icon {
16142 margin-top: 10px; }
16144 .search-input-wrapper > form {
16147 transition: opacity
0.5s ease-in-out
; }
16149 .search-input-wrapper > form > input {
16152 .search-input-wrapper form.expanded {
16155 .search-input-wrapper.expanded {
16158 @media (max-width: 575.98px) {
16159 .search-input-wrapper {
16160 margin: 0 1rem 0 0; }
16161 .search-input-wrapper > div {
16163 .search-input-wrapper > form {
16166 .search-areas-actions {
16167 margin-bottom: 1rem; }
16169 .search-areas-actions > div {
16170 margin-right: 1rem;
16171 display: inline-block
; }
16173 #core-search-areas .lastcol li
{
16175 text-indent: -24px; }
16177 #core-search-areas .lastcol li
> i
{
16181 * Moodle forms HTML isn't changeable via renderers (yet?) so this
16182 * .less file imports styles from the bootstrap $variables file and
16183 * adds them to the existing Moodle form CSS ids and classes.
16186 .jsenabled .mform .containsadvancedelements .advanced {
16189 .mform .containsadvancedelements .advanced.show {
16192 #adminsettings span
.error
{
16193 display: inline-block
;
16194 border: 1px solid
#f3c9c8;
16195 border-radius: 4px;
16196 background-color: #f6d9d8;
16198 margin-bottom: 4px; }
16200 .mform
.form-inline
.form-control
,
16201 .mform .form-inline .custom-select {
16204 .mform .form-inline .form-group {
16205 margin: 0.1rem 0.25rem 0.1rem 0; }
16207 .mform .form-inline br + label {
16208 justify-content: flex-start
;
16211 .unresponsive
.mform
.form-inline
,
16212 .unresponsive.mform .form-inline label {
16213 display: inline-flex
; }
16215 #jump-to-activity.custom-select
{
16219 margin-bottom: 0.5rem;
16220 border-bottom: 1px solid
#dee2e6; }
16222 @media (min-width: 576px) {
16223 .mform > .form-group {
16224 margin-left: 1.5rem; } }
16226 .editor_atto_content.form-control {
16229 #adminsettings .form-control
[size
] {
16232 .jsenabled .mform .collapsed .fcontainer {
16235 #adminsettings .error
{
16238 .mform ul.file-list {
16241 list-style: none
; }
16244 .mform label .adv {
16248 input#id_externalurl
{
16251 #portfolio-add-button {
16255 .form-label .form-shortname {
16258 .form-label .form-shortname {
16259 font-size: 0.703125rem;
16262 .form-item .form-inline {
16265 .form-inline label:not(.sr-only):not(.accesshide) + select {
16266 margin-left: 0.5rem; }
16268 .formsettingheading .form-horizontal {
16271 .no-felement.fstatic {
16273 padding-top: 5px; }
16275 .no-fitem .fstaticlabel {
16276 font-weight: bold
; }
16278 .form-item .form-setting .defaultsnext > input {
16279 display: inline-block
; }
16281 .form-item .form-setting .form-checkbox.defaultsnext {
16283 display: inline-block
; }
16285 #adminsettings h3
{
16289 margin-bottom: 1.5;
16290 font-size: 1.171875rem;
16293 border-bottom: 1px solid
#e5e5e5; }
16296 .mform
.fitem
.felement input
[name
="email"],
16297 .mform
.fitem
.felement input
[name
="email2"],
16298 .mform
.fitem
.felement input
[name
="url"],
16299 .mform
.fitem
.felement input
[name
="idnumber"],
16300 .mform
.fitem
.felement input
[name
="phone1"],
16301 .mform .fitem .felement input[name="phone2"] {
16305 .que.match .mediaplugin {
16309 #page-admin-grade-edit-scale-edit .error input#id_name
{
16310 margin-right: 170px; }
16312 #page-grade-edit-outcome-course .courseoutcomes
{
16314 margin-right: auto
;
16317 #page-grade-edit-outcome-course .courseoutcomes td
{
16318 text-align: center
; }
16320 /* Install Process' text fields Forms, should always be justified to the left */
16322 #installform #id_wwwroot
,
16323 #installform #id_dirroot
,
16324 #installform #id_dataroot
,
16325 #installform #id_dbhost
,
16326 #installform #id_dbname
,
16327 #installform #id_dbuser
,
16328 #installform #id_dbpass
,
16329 #installform #id_prefix
{
16332 .mdl-right > label {
16333 display: inline-block
; }
16338 .form-item .form-label label {
16339 margin-bottom: 0; }
16341 div#dateselector-calendar-panel
{
16343 /* Set higher than the z-index of the filemanager - see MDL-39047. */ }
16345 fieldset
.coursesearchbox label
{
16349 * Show the labels above text editors and file managers except on wide screens.
16351 /* Section and module editing forms contain special JS components for the
16352 availability system (if enabled). */
16353 #id_availabilityconditionsjson[aria-hidden
=true
],
16354 .availability-field [aria-hidden=true] {
16357 .availability-field label {
16358 display: inline-flex
; }
16360 .availability-field .availability-group label {
16361 vertical-align: top
; }
16363 .availability-eye {
16367 .availability-inner
,
16368 .availability-plugincontrols {
16370 border: 1px solid rgba
(0, 0, 0, 0.125);
16372 margin-top: 0.5rem; }
16374 .availability-plugincontrols
,
16375 .availability-childlist .availability-inner {
16376 margin-left: .625rem; }
16378 .availability-field .availability-plugincontrols .availability-group select {
16379 max-width: 12rem; }
16381 /* Custom styles for autocomplete form element */
16382 /* These styles reserve a standard amount of space in the DOM to avoid flicker when the original select element is replaced */
16383 [data-fieldtype
=autocomplete
] select
,
16384 [data-fieldtype
=tags
] select
,
16385 .form-autocomplete-original-select {
16386 visibility: hidden
;
16393 margin-top: 1.65625rem;
16394 vertical-align: bottom
; }
16396 .form-autocomplete-selection {
16398 min-height: 2.375rem; }
16400 .form-autocomplete-selection [role=listitem] {
16402 white-space: inherit
;
16403 word-break: break-word
;
16405 text-align: left
; }
16407 .form-autocomplete-suggestions {
16408 position: absolute
;
16409 background-color: white
;
16410 border: 2px solid
#dee2e6;
16411 border-radius: 3px;
16420 .form-autocomplete-suggestions li {
16421 list-style-type: none
;
16427 .form-autocomplete-suggestions li:hover {
16428 background-color: #3f9def;
16431 .form-autocomplete-suggestions li[aria-selected=true] {
16432 background-color: #f2f2f2;
16435 .form-autocomplete-downarrow {
16440 .form-autocomplete-downarrow .loading-icon {
16441 position: absolute
;
16444 background-color: #fff; }
16446 .form-autocomplete-selection:focus {
16449 /** Undo some bootstrap things */
16450 .form-autocomplete-selection + input.form-control {
16452 display: inline-block
;
16453 vertical-align: middle
; }
16455 .form-autocomplete-selection [data-active-selection=true] {
16457 font-size: large
; }
16459 /* Non-bootstrap selects with a size show their contents outside of the element.
16460 * Remove when we update to stable bootstrap 4. (MDL-56511) */
16466 overflow: visible
; }
16468 textarea
[data-auto-rows
] {
16469 overflow-x: hidden
;
16472 /** Display elements under labels in vertical forms regardless of the screen size. */
16473 .mform.full-width-labels .fitem.row {
16476 .mform
.full-width-labels
.fitem
.row
> .col-md-3
,
16477 .mform.full-width-labels .fitem.row > .col-md-9 {
16482 .mform.full-width-labels .fitem.row.femptylabel > .col-md-3 {
16485 /** Allow wrapping an mform in a div with the form-inline class to have an inline, responsive form. */
16486 @media (min-width: 768px) {
16487 .form-inline
.col-md-9
,
16488 .form-inline .col-md-3 {
16489 margin-bottom: 1rem;
16491 .form-inline
.col-md-9 label
,
16492 .form-inline .col-md-3 label {
16493 margin-left: 1rem; } }
16495 [data-fieldtype
="modgrade"] .form-group
{
16496 padding-bottom: 0.375rem; }
16498 [data-fieldtype
="modgrade"] {
16499 background-color: #fff;
16500 border: 1px solid rgba
(0, 0, 0, 0.125);
16503 max-width: 30rem; }
16505 /** Atto fields do not have form-control because that would break the layout of the editor.
16506 So they need these extra styles to highlight the editor when there is a validation error. */
16507 .has-danger
.editor_atto_content
.form-control
,
16508 .has-danger .editor_atto_content.form-control-danger {
16509 background-image: url
("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d9534f' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E");
16510 padding-right: 2.25rem;
16511 background-repeat: no-repeat
;
16512 background-position: center right
1rem;
16513 background-size: 1.5rem; }
16514 .has-danger
.editor_atto_content
.form-control
.form-control-feedback
,
16515 .has-danger
.editor_atto_content
.form-control
.form-control-label
,
16516 .has-danger
.editor_atto_content
.form-control
.form-check-label
,
16517 .has-danger
.editor_atto_content
.form-control
.form-check-inline
,
16518 .has-danger
.editor_atto_content
.form-control
.custom-control
,
16519 .has-danger
.editor_atto_content
.form-control-danger
.form-control-feedback
,
16520 .has-danger
.editor_atto_content
.form-control-danger
.form-control-label
,
16521 .has-danger
.editor_atto_content
.form-control-danger
.form-check-label
,
16522 .has-danger
.editor_atto_content
.form-control-danger
.form-check-inline
,
16523 .has-danger .editor_atto_content.form-control-danger .custom-control {
16525 .has-danger
.editor_atto_content
.form-control
.form-control
,
16526 .has-danger .editor_atto_content.form-control-danger .form-control {
16527 border-color: #d43f3a; }
16528 .has-danger
.editor_atto_content
.form-control
.input-group-addon
,
16529 .has-danger .editor_atto_content.form-control-danger .input-group-addon {
16531 border-color: #d43f3a;
16532 background-color: #f9e2e1; }
16533 .has-danger
.editor_atto_content
.form-control
.form-control-feedback
,
16534 .has-danger .editor_atto_content.form-control-danger .form-control-feedback {
16537 [data-filetypesbrowserbody
] [aria-expanded
="false"] > [role
="group"],
16538 [data-filetypesbrowserbody
] [aria-expanded
="false"] [data-filetypesbrowserfeature
="hideifcollapsed"],
16539 [data-filetypesbrowserbody
] [aria-expanded
="true"] [data-filetypesbrowserfeature
="hideifexpanded"] {
16542 .form-inline
[data-fieldtype
="autocomplete"],
16543 .form-inline[data-fieldtype="tags"] {
16546 [data-fieldtype
="editor"] > div
{
16549 @media (min-width: 576px) {
16551 margin-left: 1.5rem; }
16552 .mform fieldset.collapsible legend a.fheader {
16553 padding: 0 5px 0 1.5rem;
16554 margin-left: -1.5rem;
16555 background: url
([[pix:t
/expanded
]]) 0 center no-repeat
; }
16556 .mform fieldset.collapsed legend a.fheader {
16558 background-image: url([[pix:t/collapsed_rtl]]);
16561 background-image: url
([[pix:t
/collapsed
]]); }
16562 .mform .form-inline .fdefaultcustom label {
16563 justify-content: initial
; } }
16565 .input-group.form-inset .form-inset-item {
16566 position: absolute
;
16567 padding-top: calc
(0.375rem + 1px);
16570 .input-group.form-inset.form-inset-left .form-control {
16571 padding-left: 1.5rem; }
16573 .input-group.form-inset.form-inset-right .form-control {
16574 padding-right: 1.5rem; }
16576 .input-group.form-inset.form-inset-right .form-inset-item {
16579 .pagelayout-login .card-title h2 img {
16581 max-height: 100px; }
16583 .pagelayout-login #region-main {
16585 background-color: inherit
; }
16591 .path-mod-choice .horizontal .choices .option {
16592 display: inline-block
; }
16594 .path-mod-choice .choices .option label {
16595 vertical-align: top
; }
16597 .path-mod-feedback .feedback_form .col-form-label {
16598 display: block
!important
;
16599 /* stylelint-disable-line declaration-no-important */ }
16601 .path-mod-feedback .itemactions {
16604 .path-mod-feedback .itemhandle {
16605 position: absolute
;
16608 .path-mod-forum
.forumsearch input
,
16609 .path-mod-forum .forumsearch .helptooltip {
16612 .path-mod-forum
.forumheaderlist
,
16613 .path-mod-forum .forumheaderlist td {
16616 .path-mod-forum
.forumheaderlist thead
.header
,
16617 .path-mod-forum .forumheaderlist tbody .discussion td {
16618 white-space: normal
;
16619 vertical-align: top
;
16620 padding-left: 0.5em;
16621 padding-right: 0.5em; }
16623 .path-mod-forum .forumheaderlist thead .header {
16624 white-space: normal
;
16625 vertical-align: top
; }
16627 .path-mod-forum .forumheaderlist thead .header.replies {
16628 text-align: center
; }
16630 .path-mod-forum .forumheaderlist thead .header.lastpost {
16631 text-align: right
; }
16633 .path-mod-forum
.forumheaderlist thead
.header th
.discussionsubscription
,
16634 .path-mod-forum .forumheaderlist tbody .discussion td.discussionsubscription {
16636 padding-left: 0.5em;
16637 padding-right: 0.5em; }
16639 .path-mod-forum
.forumheaderlist
.discussion
.replies
,
16640 .path-mod-forum .forumheaderlist .discussion .lastpost {
16641 white-space: normal
; }
16643 .path-mod-forum
.forumheaderlist
.discussion
.discussionsubscription
,
16644 .path-mod-forum .forumheaderlist .discussion .replies {
16645 text-align: center
; }
16647 .path-mod-forum
.forumheaderlist
.discussion
.topic
,
16648 .path-mod-forum
.forumheaderlist
.discussion
.discussionsubscription
,
16649 .path-mod-forum
.forumheaderlist
.discussion
.topic
.starter
,
16650 .path-mod-forum
.forumheaderlist
.discussion
.replies
,
16651 .path-mod-forum .forumheaderlist .discussion .lastpost {
16652 vertical-align: top
; }
16654 .path-mod-forum .discussion-list .topic {
16655 font-weight: inherit
; }
16657 .path-mod-forum .subscriptionmode {
16660 .path-mod-forum .activesetting {
16662 font-weight: bold
; }
16664 .discussion-settings-container .custom-select {
16667 .discussion-settings-container input {
16671 border: 1px solid
#dee2e6;
16674 .forumpost .header {
16675 margin-bottom: 3px; }
16676 .forumpost .picture img {
16678 .forumpost .picture img.userpicture {
16680 margin-right: 10px; }
16681 .forumpost .content .posting.fullpost {
16685 .forumpost
.row
.topic
,
16686 .forumpost
.row
.content-mask
,
16687 .forumpost .row .options {
16688 margin-left: 48px; }
16689 .forumpost .row.side {
16692 .forumpost .row .left {
16695 .forumpost .options .commands {
16698 .forumpost .subject {
16699 font-weight: bold
; }
16701 .forumsearch input[type=text] {
16702 margin-bottom: 0; }
16704 #page-mod-forum-view table
.fit-content
{
16706 white-space: nowrap
; }
16708 #page-mod-forum-view table
.limit-width
{
16710 white-space: nowrap
;
16711 text-overflow: ellipsis
;
16712 overflow: hidden
; }
16713 #page-mod-forum-view table
.limit-width
.author-info
{
16714 max-width: calc
(100% - 35px - .5rem); }
16716 #page-mod-forum-discuss .discussioncontrols
{
16719 #page-mod-forum-discuss .discussioncontrols
.form-inline input
{
16720 margin-top: -1px; }
16722 /** Gently highlight the selected post by changing it's background to blue and then fading it out. */
16723 @keyframes background-highlight
{
16725 background-color: rgba
(0, 123, 255, 0.5); }
16727 background-color: inherit
; } }
16729 .path-mod-forum
.nested-v2-display-mode
,
16730 .path-mod-forum.nested-v2-display-mode {
16731 /** Reset the badge styling back to pill style. */
16732 /** Style the ratings like a badge. */
16733 /** Don't show the discussion locked alert in this mode because it's already indicated with a badge. */
16734 /** Fix muted text contrast ratios for accessibility. */
16735 /** Make the tag list text screen reader visible only */ }
16736 .path-mod-forum
.nested-v2-display-mode
.discussionsubscription
,
16737 .path-mod-forum.nested-v2-display-mode .discussionsubscription {
16739 text-align: inherit
;
16740 margin-bottom: 0; }
16741 .path-mod-forum
.nested-v2-display-mode
.preload-subscribe
,
16742 .path-mod-forum
.nested-v2-display-mode
.preload-unsubscribe
,
16743 .path-mod-forum
.nested-v2-display-mode
.preload-subscribe
,
16744 .path-mod-forum.nested-v2-display-mode .preload-unsubscribe {
16746 .path-mod-forum
.nested-v2-display-mode
.post-message
,
16747 .path-mod-forum.nested-v2-display-mode .post-message {
16748 line-height: 1.6; }
16749 .path-mod-forum
.nested-v2-display-mode
.indent
,
16750 .path-mod-forum.nested-v2-display-mode .indent {
16752 .path-mod-forum
.nested-v2-display-mode
.badge
,
16753 .path-mod-forum.nested-v2-display-mode .badge {
16754 font-size: inherit
;
16755 font-weight: inherit
;
16756 padding-left: .5rem;
16757 padding-right: .5rem;
16758 border-radius: 10rem; }
16759 .path-mod-forum
.nested-v2-display-mode
.badge-light
,
16760 .path-mod-forum.nested-v2-display-mode .badge-light {
16761 background-color: #f6f6f6;
16763 .path-mod-forum
.nested-v2-display-mode
.rating-aggregate-container
,
16764 .path-mod-forum.nested-v2-display-mode .rating-aggregate-container {
16765 background-color: #f6f6f6;
16767 padding: .25em .5em;
16769 margin-right: .5rem;
16770 vertical-align: middle
;
16771 border-radius: 10rem;
16772 text-align: center
; }
16773 .path-mod-forum
.nested-v2-display-mode
.ratinginput
,
16774 .path-mod-forum.nested-v2-display-mode .ratinginput {
16775 padding: .25em 1.75rem 0.25em .75em;
16778 border-radius: 10rem; }
16779 @media
(max-width: 767.98px) {
16780 .path-mod-forum
.nested-v2-display-mode
.ratinginput
,
16781 .path-mod-forum.nested-v2-display-mode .ratinginput {
16782 margin-top: .5rem; } }
16783 .path-mod-forum
.nested-v2-display-mode
.group-image
,
16784 .path-mod-forum.nested-v2-display-mode .group-image {
16789 display: inline-block
; }
16790 .path-mod-forum
.nested-v2-display-mode
.alert
.discussionlocked
,
16791 .path-mod-forum.nested-v2-display-mode .alert.discussionlocked {
16792 position: absolute
;
16798 clip: rect
(0, 0, 0, 0);
16799 white-space: nowrap
;
16801 .path-mod-forum
.nested-v2-display-mode
.text-muted
,
16802 .path-mod-forum
.nested-v2-display-mode
.dimmed_text
,
16803 .path-mod-forum
.nested-v2-display-mode
.text-muted
,
16804 .path-mod-forum.nested-v2-display-mode .dimmed_text {
16805 color: #707070 !important
;
16806 /* stylelint-disable-line declaration-no-important */ }
16807 .path-mod-forum
.nested-v2-display-mode
.author-header
,
16808 .path-mod-forum.nested-v2-display-mode .author-header {
16809 font-style: italic
; }
16810 .path-mod-forum
.nested-v2-display-mode
.author-header
.author-name
,
16811 .path-mod-forum.nested-v2-display-mode .author-header .author-name {
16812 font-style: normal
; }
16813 .path-mod-forum
.nested-v2-display-mode
.tag_list
> b
,
16814 .path-mod-forum.nested-v2-display-mode .tag_list > b {
16815 position: absolute
;
16821 clip: rect
(0, 0, 0, 0);
16822 white-space: nowrap
;
16824 .path-mod-forum
.nested-v2-display-mode :target
> .focus-target
,
16825 .path-mod-forum.nested-v2-display-mode :target > .focus-target {
16826 animation-name: background-highlight
;
16827 animation-duration: 1s;
16828 animation-timing-function: ease-in-out
;
16829 animation-iteration-count: 1; }
16830 .path-mod-forum
.nested-v2-display-mode
.forum-post-container
.replies-container
.forum-post-container
,
16831 .path-mod-forum.nested-v2-display-mode .forum-post-container .replies-container .forum-post-container {
16832 border-top: 1px solid
#dee2e6;
16833 padding-top: 1.5rem; }
16834 .path-mod-forum
.nested-v2-display-mode
.forum-post-container
.replies-container
.forum-post-container
.replies-container
.forum-post-container
,
16835 .path-mod-forum.nested-v2-display-mode .forum-post-container .replies-container .forum-post-container .replies-container .forum-post-container {
16838 .path-mod-forum
.nested-v2-display-mode
.forum-post-container
.replies-container
.inline-reply-container
.reply-author
,
16839 .path-mod-forum.nested-v2-display-mode .forum-post-container .replies-container .inline-reply-container .reply-author {
16841 .path-mod-forum
.nested-v2-display-mode
.forum-post-container
.post-message
p:last-of-type
,
16842 .path-mod-forum.nested-v2-display-mode .forum-post-container .post-message p:last-of-type {
16843 margin-bottom: 0; }
16844 .path-mod-forum
.nested-v2-display-mode
.forum-post-container
.author-image-container
,
16845 .path-mod-forum.nested-v2-display-mode .forum-post-container .author-image-container {
16847 margin-right: 24px;
16849 .path-mod-forum
.nested-v2-display-mode
.forum-post-container
.inline-reply-container textarea
,
16850 .path-mod-forum.nested-v2-display-mode .forum-post-container .inline-reply-container textarea {
16853 .path-mod-forum
.nested-v2-display-mode
.forum-post-container
.indent
,
16854 .path-mod-forum.nested-v2-display-mode .forum-post-container .indent {
16856 * The first post and first set of replies have a larger author image so offset the 2nd
16857 * set of replies by the image width + margin to ensure they align.
16859 .path-mod-forum
.nested-v2-display-mode
.forum-post-container
.indent
.indent
,
16860 .path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent {
16861 padding-left: 94px;
16863 * Reduce the size of the the author image for all second level replies (and below).
16866 * Adjust the indentation offset for all 3rd level replies and below for the smaller author image.
16868 .path-mod-forum
.nested-v2-display-mode
.forum-post-container
.indent
.indent
.author-image-container
,
16869 .path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent .author-image-container {
16872 padding-top: 3px; }
16873 .path-mod-forum
.nested-v2-display-mode
.forum-post-container
.indent
.indent
.indent
,
16874 .path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent .indent {
16875 padding-left: 38px;
16877 * Stop indenting the replies after the 5th reply.
16879 .path-mod-forum
.nested-v2-display-mode
.forum-post-container
.indent
.indent
.indent
.indent
.indent
.indent
,
16880 .path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent .indent .indent .indent .indent {
16883 /** Extra small devices (portrait phones, less than 576px). */
16884 @media (max-width: 767.98px) {
16885 #page-mod-forum-discuss.nested-v2-display-mode
.forum-post-container
.author-image-container
{
16887 margin-right: 8px; }
16888 #page-mod-forum-discuss.nested-v2-display-mode
.forum-post-container
.indent
.indent
{
16889 padding-left: 38px; }
16890 #page-mod-forum-discuss.nested-v2-display-mode
.forum-post-container
.indent
.indent
.indent
.indent
{
16892 #page-mod-forum-discuss.nested-v2-display-mode
.group-image
{
16896 .filter-scrollable {
16899 margin-bottom: 1em; }
16901 .filter-dates-popover {
16903 max-width: 41.5em; }
16904 .filter-dates-popover .mform {
16905 margin-left: -3em; }
16907 /* stylelint-disable-line max-line-length */
16908 @keyframes expandSearchButton
{
16912 border-radius: 18px;
16913 background-color: #e9ecef; }
16916 height: calc
(1.5em + 1rem + 2px);
16918 background-color: #fff;
16919 border-color: #ced4da;
16920 padding-left: calc
(0.5rem + 8px);
16921 padding-top: 0.5rem;
16922 padding-bottom: 0.5rem;
16923 font-size: 1.171875rem;
16924 @media
(max-width: 1200px) {
16925 font-size: calc
(0.9271875rem + 0.32625vw) ; }
16929 @keyframes collapseSearchButton
{
16932 height: calc
(1.5em + 1rem + 2px);
16934 background-color: #fff;
16935 border-color: #ced4da;
16936 padding-left: calc
(0.5rem + 8px);
16937 padding-top: 0.5rem;
16938 padding-bottom: 0.5rem;
16939 font-size: 1.171875rem;
16940 @media
(max-width: 1200px) {
16941 font-size: calc
(0.9271875rem + 0.32625vw) ; }
16947 border-radius: 18px;
16948 background-color: #e9ecef; } }
16950 .path-mod-forum .unified-grader .navbar {
16954 .path-mod-forum .unified-grader .body-container.hidden {
16955 display: none
!important
;
16956 /* stylelint-disable-line declaration-no-important */ }
16958 .path-mod-forum .unified-grader .userpicture {
16962 .path-mod-forum .unified-grader .grader-grading-panel {
16963 position: absolute
;
16968 .path-mod-forum .unified-grader .grader-grading-panel.hidden {
16970 .path-mod-forum .unified-grader .grader-grading-panel .grading-icon {
16972 .path-mod-forum .unified-grader .grader-grading-panel .user-picker-container .user-full-name {
16973 max-width: 240px; }
16974 .path-mod-forum .unified-grader .grader-grading-panel .user-picker-container .page-link {
16978 text-align: center
;
16979 align-items: center
;
16980 justify-content: center
; }
16981 .path-mod-forum .unified-grader .grader-grading-panel .header-container {
16983 position: relative
;
16984 overflow: hidden
; }
16985 .path-mod-forum .unified-grader .grader-grading-panel .header-container .info-container {
16986 position: absolute
;
16989 transform: translateY
(-50%);
16993 padding-right: calc
(36px + 0.5rem);
16995 visibility: visible
;
16996 transition: left
0.3s ease-in-out
;
16998 .path-mod-forum .unified-grader .grader-grading-panel .header-container .toggle-search-button.expand {
16999 animation-name: expandSearchButton
;
17000 animation-duration: 0.3s;
17001 animation-timing-function: ease-in-out
; }
17002 .path-mod-forum .unified-grader .grader-grading-panel .header-container .toggle-search-button.collapse {
17004 animation-name: collapseSearchButton
;
17005 animation-duration: 0.3s; }
17006 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container {
17008 position: absolute
;
17011 transform: translateY
(-50%);
17014 height: 100% !important
;
17015 /* stylelint-disable-line declaration-no-important */
17017 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container {
17018 position: relative
;
17020 flex-wrap: nowrap
; }
17021 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container input {
17022 padding-left: calc
(0.5rem + 0.5rem + 34px);
17023 padding-right: calc
(0.5rem + 36px);
17025 visibility: visible
;
17026 transition: opacity
0s linear
0.3s, visibility
0s linear
; }
17027 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .search-icon {
17028 position: absolute
;
17031 transform: translateY
(-50%);
17035 background-color: #fff;
17037 visibility: visible
;
17038 transition: opacity
0s linear
0.3s, visibility
0s linear
0.3s; }
17039 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .toggle-search-button {
17040 position: absolute
;
17043 transform: translateY
(-50%);
17048 transition: right
0s linear
0.3s; }
17049 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .toggle-search-button .expanded-icon {
17051 visibility: visible
;
17054 transition: opacity
0s linear
0.3s, max-height
0s linear
0.3s, max-width
0s linear
0.3s, visibility
0s linear
0.3s; }
17055 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .toggle-search-button .collapsed-icon {
17057 visibility: hidden
;
17061 transition: opacity
0s linear
0.3s, max-height
0s linear
0.3s, max-width
0s linear
0.3s, visibility
0s linear
0.3s; }
17062 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed {
17063 width: calc
(36px + 0.5rem + 0.5rem);
17064 transition: width
0.3s ease-in-out
; }
17065 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container {
17066 flex-wrap: nowrap
; }
17067 .path-mod-forum
.unified-grader
.grader-grading-panel
.header-container
.user-search-container
.collapsed
.search-input-container input
,
17068 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container .search-icon {
17070 visibility: hidden
;
17071 transition: opacity
0s linear
, visibility
0s linear
; }
17072 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container input {
17074 padding-right: 0; }
17075 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container .toggle-search-button .expanded-icon {
17077 visibility: hidden
;
17081 transition: opacity
0s linear
, max-height
0s linear
, max-width
0s linear
, visibility
0s linear
; }
17082 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container .toggle-search-button .collapsed-icon {
17084 visibility: visible
;
17087 transition: opacity
0s linear
, max-height
0s linear
, max-width
0s linear
, visibility
0s linear
; }
17088 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container:not(.collapsed) + .info-container {
17090 visibility: hidden
;
17091 left: calc
(100% * -1);
17092 transition: left
0.3s ease-in-out
, opacity
0s linear
0.3s, visibility
0s linear
0.3s, padding
0s linear
0.3s; }
17094 .path-mod-forum .unified-grader .grader-module-content {
17096 margin-right: 430px;
17097 transition: margin-right
0.2s ease-in-out
; }
17098 @media
(prefers-reduced-motion: reduce
) {
17099 .path-mod-forum .unified-grader .grader-module-content {
17100 transition: none
; } }
17102 .path-mod-forum .unified-grader .drawer-button {
17103 position: relative
; }
17104 .path-mod-forum .unified-grader .drawer-button.active::after {
17106 position: absolute
;
17107 bottom: calc
(-0.5rem - 1px);
17111 background-color: #1177d1; }
17112 .path-mod-forum .unified-grader .drawer-button .icon {
17117 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container:last-of-type > hr {
17120 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container:last-of-type > hr {
17123 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container {
17124 position: relative
; }
17125 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button {
17126 position: absolute
;
17131 padding-left: calc
(1rem + 45px);
17134 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button:not(.collapsed) {
17136 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content {
17138 height: auto
!important
;
17139 /* stylelint-disable-line declaration-no-important */ }
17140 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .header {
17141 transition: margin-bottom
0.3s ease-in-out
; }
17142 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .header div + div {
17144 visibility: visible
;
17146 transition: opacity
0.3s linear
, visibility
0s linear
; }
17147 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .body-content-container {
17149 visibility: visible
;
17151 transition: opacity
0.3s linear
, visibility
0s linear
; }
17152 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .forum-post-core {
17154 visibility: visible
;
17156 transition: opacity
0.3s linear
, visibility
0s linear
; }
17157 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content {
17159 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .header {
17160 margin-bottom: 0 !important
;
17161 /* stylelint-disable-line declaration-no-important */ }
17162 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .header div + div {
17164 visibility: hidden
;
17166 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .body-content-container {
17168 visibility: hidden
;
17170 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .forum-post-core {
17172 visibility: hidden
;
17174 .path-mod-forum
.unified-grader
.grader-module-content-display
.discussion-container
.posts-container
.parent-container
.show-content-button
.collapsed:hover
+ .content
,
17175 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed:focus + .content {
17178 .path-mod-forum .unified-grader .grader-module-content-display .no-post-container .icon {
17183 .path-mod-forum .unified-grader .grader-module-content-display .nested-v2-display-mode .discussion-container .posts-container .parent-container .show-content-button {
17184 padding-left: 94px; }
17186 .path-mod-forum .unified-grader .no-search-results-container .icon {
17191 .path-mod-forum .unified-grader .nested-v2-display-mode .view-context-button {
17193 border-radius: 0.3rem; }
17195 .path-mod-forum .unified-grader .nested-v2-display-mode .parent-container .author-image-container {
17196 position: relative
; }
17197 .path-mod-forum .unified-grader .nested-v2-display-mode .parent-container .author-image-container:after {
17198 position: absolute
;
17199 top: calc
(70px + 0.5rem);
17201 background-color: #e9ecef;
17203 height: calc
(100% - 70px + 0.5rem); }
17205 .path-mod-forum .unified-grader .nested-v2-display-mode .parent-container + .post-container .author-image-container img {
17206 width: 30px !important
;
17207 /* stylelint-disable-line declaration-no-important */ }
17209 .path-mod-forum
.unified-grader
.nested-v2-display-mode
.post-subject
,
17210 .path-mod-forum .modal .nested-v2-display-mode .post-subject {
17213 @media (max-width: 575.98px) {
17214 .path-mod-forum .unified-grader .grader-grading-panel {
17217 .maincalendar
.calendarmonth td
,
17218 .maincalendar .calendarmonth th {
17219 border: 1px dotted
#dee2e6; }
17221 .path-grade-report-grader h1 {
17222 text-align: inherit
; }
17224 #page-mod-chat-gui_basic input#message
{
17227 #page-mod-data-view #singleimage
{
17230 .path-mod-data form {
17231 margin-top: 10px; }
17233 .template_heading {
17234 margin-top: 10px; }
17236 .breadcrumb-button {
17239 .breadcrumb-button .singlebutton {
17241 margin-left: 4px; }
17243 .ie .row-fluid .desktop-first-column {
17250 -ms-touch-action: auto
; }
17255 /** General styles (scope: all of lesson) **/
17256 .path-mod-lesson .invisiblefieldset.fieldsetfix {
17259 .path-mod-lesson .answeroption .checkbox label p {
17262 .path-mod-lesson .form-inline label.form-check-label {
17263 display: inline-block
; }
17265 .path-mod-lesson .slideshow {
17269 #page-mod-lesson-view .branchbuttoncontainer
.singlebutton button
[type
="submit"] {
17270 white-space: normal
; }
17272 #page-mod-lesson-view .vertical
.singlebutton
{
17274 #page-mod-lesson-view .vertical
.singlebutton
+ .singlebutton
{
17276 margin-top: 1rem; }
17278 #page-mod-lesson-view .fitem
.felement
.custom-select
{
17279 align-self: flex-start
; }
17281 .path-mod-lesson .generaltable td {
17282 vertical-align: middle
; }
17283 .path-mod-lesson .generaltable td label {
17284 margin-bottom: 0; }
17285 .path-mod-lesson .generaltable td .highlight {
17286 display: inline-block
;
17287 margin-left: 0.25rem; }
17288 .path-mod-lesson .generaltable td input[type="checkbox"] {
17291 .path-mod-wiki
.wiki_headingtitle
,
17292 .path-mod-wiki
.midpad
,
17293 .path-mod-wiki .wiki_headingtime {
17294 text-align: inherit
; }
17296 .path-mod-wiki .wiki_contentbox {
17299 .path-mod-survey .surveytable > tbody > tr:nth-of-type(even) {
17300 background-color: rgba
(0, 0, 0, 0.05); }
17302 .path-mod-survey .surveytable .rblock label {
17303 text-align: center
; }
17306 margin-left: 4px; }
17313 line-height: 2.25rem; }
17315 .userloggedinas
.usermenu
.usertext
,
17316 .userswitchedrole
.usermenu
.usertext
,
17317 .loginfailures .usermenu .usertext {
17320 margin-right: 0.5rem;
17322 .userloggedinas
.usermenu
.usertext
.meta
,
17323 .userswitchedrole
.usermenu
.usertext
.meta
,
17324 .loginfailures .usermenu .usertext .meta {
17326 font-size: 0.8203125rem; }
17328 .userloggedinas
.usermenu
.avatar img
,
17329 .userswitchedrole
.usermenu
.avatar img
,
17330 .loginfailures .usermenu .avatar img {
17333 .userloggedinas .usermenu .userbutton .avatars {
17334 position: relative
;
17335 display: inline-block
; }
17336 .userloggedinas .usermenu .userbutton .avatars .avatar.current {
17337 display: inline-block
;
17338 position: absolute
;
17343 border-radius: 50%; }
17344 .userloggedinas .usermenu .userbutton .avatars .avatar.current img {
17345 vertical-align: baseline
; }
17346 .userloggedinas .usermenu .userbutton .avatars .avatar img {
17349 .userloggedinas .usermenu .userbutton .avatars .realuser {
17352 display: inline-block
; }
17354 @media (max-width: 767.98px) {
17358 .path-mod-quiz .mod-quiz-edit-content {
17359 margin-bottom: 10rem; }
17361 #page-mod-quiz-mod #id_reviewoptionshdr
.col-md-3
,
17362 #page-mod-quiz-mod #id_reviewoptionshdr
.col-md-9
{
17366 #page-mod-quiz-mod #id_reviewoptionshdr
.form-group
{
17369 display: inline-block
;
17370 min-height: 12rem; }
17372 #page-mod-quiz-mod #id_reviewoptionshdr
.btn-link
{
17374 vertical-align: bottom
; }
17376 #page-mod-quiz-mod #id_reviewoptionshdr
.form-inline
{
17380 #page-mod-quiz-mod #id_reviewoptionshdr
.form-check
{
17383 justify-content: flex-start
; }
17385 .path-mod-quiz #mod_quiz_navblock .qnbutton {
17386 text-decoration: none
;
17389 font-weight: normal
;
17390 background-color: #fff;
17391 background-image: none
;
17394 border-radius: 3px;
17397 margin: 0 6px 6px 0; }
17399 .path-mod-quiz #mod_quiz_navblock span.qnbutton {
17401 background-color: #e9ecef;
17404 .path-mod-quiz #mod_quiz_navblock a
.qnbutton:hover
,
17405 .path-mod-quiz #mod_quiz_navblock a
.qnbutton:active
,
17406 .path-mod-quiz #mod_quiz_navblock a.qnbutton:focus {
17407 text-decoration: underline
; }
17409 .path-mod-quiz #mod_quiz_navblock .qnbutton .thispageholder {
17411 border-radius: 3px;
17414 .path-mod-quiz #mod_quiz_navblock .qnbutton.thispage .thispageholder {
17415 border-width: 3px; }
17417 .path-mod-quiz #mod_quiz_navblock .allquestionsononepage .qnbutton.thispage .thispageholder {
17418 border-width: 1px; }
17420 .path-mod-quiz #mod_quiz_navblock .qnbutton.flagged .thispageholder {
17421 background: transparent url
([[pix:theme|mod
/quiz
/flag-on
]]) 15px 0 no-repeat
; }
17423 .path-mod-quiz #mod_quiz_navblock .qnbutton .trafficlight {
17425 background: #fff none center
/10px no-repeat scroll
;
17428 border-radius: 0 0 3px 3px; }
17430 .path-mod-quiz #mod_quiz_navblock
.qnbutton
.notyetanswered
.trafficlight
,
17431 .path-mod-quiz #mod_quiz_navblock .qnbutton.invalidanswer .trafficlight {
17432 background-color: #fff; }
17434 .path-mod-quiz #mod_quiz_navblock .qnbutton.invalidanswer .trafficlight {
17435 background-image: url
([[pix:theme|mod
/quiz
/warningtriangle
]]); }
17437 .path-mod-quiz #mod_quiz_navblock .qnbutton.correct .trafficlight {
17438 background-image: url
([[pix:theme|mod
/quiz
/checkmark
]]);
17439 background-color: #398439; }
17441 .path-mod-quiz #mod_quiz_navblock .qnbutton.blocked .trafficlight {
17442 background-image: url
([[pix:core|t
/locked
]]);
17443 background-color: #e9ecef; }
17445 .path-mod-quiz #mod_quiz_navblock
.qnbutton
.notanswered
.trafficlight
,
17446 .path-mod-quiz #mod_quiz_navblock .qnbutton.incorrect .trafficlight {
17447 background-color: #d43f3a; }
17449 .path-mod-quiz #mod_quiz_navblock .qnbutton.partiallycorrect .trafficlight {
17450 background-image: url
([[pix:theme|mod
/quiz
/whitecircle
]]);
17451 background-color: #f0ad4e; }
17453 .path-mod-quiz #mod_quiz_navblock
.qnbutton
.complete
.trafficlight
,
17454 .path-mod-quiz #mod_quiz_navblock
.qnbutton
.answersaved
.trafficlight
,
17455 .path-mod-quiz #mod_quiz_navblock .qnbutton.requiresgrading .trafficlight {
17456 background-color: #6c757d; }
17458 #page-mod-quiz-edit ul
.slots li
.section li
.activity
.instancemaxmarkcontainer form input
{
17460 vertical-align: middle
; }
17462 #page-mod-quiz-edit ul
.slots li
.section li
.activity
.instancemaxmarkcontainer
{
17466 .path-mod-assign [data-region="grade-actions-panel"] [data-region="grade-actions"] .collapse-buttons {
17469 .path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fcontainer .fitem.popout .felement {
17470 height: calc
(100% - 4rem); }
17472 .path-mod-assign [data-region="grade-panel"] {
17473 padding-top: 1rem; }
17475 .path-mod-assign
[data-region
="grade-panel"] .fitem
> .col-md-3
,
17476 .path-mod-assign [data-region="grade-panel"] .fitem > .col-md-9 {
17482 .path-mod-assign
[data-region
="grade-panel"] fieldset
,
17483 .path-mod-assign [data-region="grade-panel"] .fitem.row {
17486 .path-mod-assign [data-region="grade-panel"] .mform .fitem.has-popout .felement {
17489 .path-mod-assign [data-region="grade-panel"] .mform .fitem .felement {
17492 .path-mod-assign [data-region="grade-panel"] .popout {
17493 background-color: #fff; }
17495 .path-mod-assign [data-region="grade-panel"] .fitem.has-popout {
17496 background-color: #fff;
17497 border: 1px solid rgba
(0, 0, 0, 0.125);
17499 margin-bottom: 1rem; }
17501 .path-mod-assign [data-region="grade-panel"] .has-popout .col-md-3 {
17502 border-bottom: 1px solid rgba
(0, 0, 0, 0.1);
17503 margin-bottom: 1rem; }
17505 .path-mod-assign [data-region="grade-panel"] .popout > .col-md-3 {
17507 align-items: flex-start
;
17508 justify-content: space-between
;
17509 font-size: 1.40625rem; }
17511 .path-mod-assign [data-region="grade-panel"] .popout [data-region="popout-button"] {
17514 .path-mod-assign [data-region="assignment-info"] {
17515 overflow-y: hidden
; }
17517 .path-mod-assign [data-region="grading-navigation"] {
17520 .path-mod-assign [data-region="grade-actions"] {
17523 .path-mod-assign [data-region="user-info"] .img-rounded {
17526 .path-mod-assign [data-region="grading-navigation-panel"] {
17529 @media (max-width: 767px) {
17530 .path-mod-assign [data-region="grading-navigation-panel"] {
17532 .path-mod-assign [data-region="user-info"] {
17533 margin-top: 1rem; } }
17535 .path-mod-assign [data-region="grading-navigation"] [data-region="input-field"] input {
17537 display: inline-block
; }
17542 .assignfeedback_editpdf_widget * {
17543 box-sizing: content-box
; }
17545 .assignfeedback_editpdf_widget button {
17546 box-sizing: border-box
; }
17548 .assignfeedback_editpdf_widget .commentcolourbutton img {
17551 .assignfeedback_editpdf_widget .label {
17552 position: relative
;
17553 padding: 0.75rem 1.25rem;
17554 margin-bottom: 1rem;
17555 border: 0 solid transparent
;
17557 background-color: #def2f8;
17558 border-color: #d1edf6;
17559 /* stylelint-disable-line max-line-length */ }
17560 .assignfeedback_editpdf_widget .label hr {
17561 border-top-color: #bce5f2; }
17562 .assignfeedback_editpdf_widget .label .alert-link {
17565 .assignfeedback_editpdf_menu {
17568 .path-mod-assign [data-region="grade-panel"] .gradingform_guide .remark .commentchooser {
17571 .path-mod-assign [data-region="grade-panel"] .gradingform_guide .markingguideremark {
17574 .path-mod-assign [data-region="grade-panel"] .mform .fitem .felement[data-fieldtype="grading"] {
17575 padding-left: 1rem;
17576 padding-right: 1rem; }
17578 .path-mod-assign
[data-region
="grade-panel"] .showmarkerdesc
,
17579 .path-mod-assign [data-region="grade-panel"] .showstudentdesc {
17580 background-color: #fff; }
17585 .path-admin-mod-lti
.btn
.loader img
,
17586 .path-admin-mod-lti #tool-list-loader-container .loader img {
17589 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax {
17590 background-color: #fff; }
17591 .yui-skin-sam
.yui-layout
.path-mod-chat-gui_ajax
.yui-layout-unit div
.yui-layout-bd-nohd
,
17592 .yui-skin-sam
.yui-layout
.path-mod-chat-gui_ajax
.yui-layout-unit div
.yui-layout-bd-noft
,
17593 .yui-skin-sam
.yui-layout
.path-mod-chat-gui_ajax
.yui-layout-unit div
.yui-layout-bd
,
17594 .yui-skin-sam
.yui-layout
.path-mod-chat-gui_ajax
.yui-layout-unit-right
,
17595 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-bottom {
17597 .yui-skin-sam
.yui-layout
.path-mod-chat-gui_ajax
.yui-layout-unit-right
,
17598 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-bottom {
17599 border-radius: 0; }
17600 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd {
17601 background-color: transparent
; }
17602 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit.yui-layout-unit-center div.yui-layout-bd {
17603 background-color: #f8f9fa; }
17604 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area.py-3 {
17605 padding: 0 !important
;
17606 /* stylelint-disable-line declaration-no-important */ }
17607 .yui-skin-sam
.yui-layout
.path-mod-chat-gui_ajax #chat-input-area table
.generaltable
,
17608 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.generaltable td.cell {
17611 white-space: nowrap
;
17612 margin-bottom: 0; }
17613 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist {
17614 padding: 10px 5px; }
17615 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list {
17616 border-top: 1px solid
#dee2e6;
17617 border-bottom: 1px solid
#fff; }
17618 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list li {
17619 border-top: 1px solid
#fff;
17620 border-bottom: 1px solid
#dee2e6;
17621 padding: 5px 10px; }
17622 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list img {
17624 border: 1px solid
#ccc;
17625 border-radius: 4px;
17627 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages {
17628 margin: 20px 25px; }
17629 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-event.course-theme {
17630 text-align: center
;
17632 font-size: 0.8203125rem;
17634 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme {
17635 margin-bottom: 0.75rem;
17636 border: 1px solid rgba
(0, 0, 0, 0.125);
17637 padding: 1.25rem; }
17638 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme .time {
17642 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme {
17643 background-color: #fff; }
17644 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme .user {
17645 font-weight: bold
; }
17648 #page-report-participation-index .participationselectform div label
{
17649 display: inline-block
;
17652 #page-report-participation-index .participationselectform div label
[for
=menuinstanceid
] {
17655 .path-backup .mform {
17656 /* These are long labels with checkboxes on the right. */ }
17657 .path-backup .mform .grouped_settings {
17660 /* Use card styles but avoid extend because that brings in too much. */ }
17661 .path-backup .mform .grouped_settings.section_level {
17662 background-color: #fff;
17663 border: 1px solid rgba
(0, 0, 0, 0.125);
17665 margin-bottom: 1.25rem; }
17666 .path-backup .mform .grouped_settings.section_level::after {
17670 .path-backup .mform .include_setting {
17672 display: inline-block
;
17675 .path-backup .mform .normal_setting {
17677 display: inline-block
;
17682 /* Bold section labels */ }
17683 .path-backup .section_level {
17684 font-weight: bold
; }
17685 .path-backup .section_level .activity_level {
17686 font-weight: normal
; }
17687 .path-backup .proceedbutton {
17688 margin-left: auto
; }
17690 /* Override the columns width to leave more room for the labels. */
17691 .path-backup
.mform
.root_setting
,
17692 .path-backup .mform .grouped_settings {
17693 /* Striped rows like a table */ }
17694 .path-backup
.mform
.root_setting:nth-of-type
(odd
),
17695 .path-backup .mform .grouped_settings:nth-of-type(odd) {
17696 background-color: rgba
(0, 0, 0, 0.05); }
17697 .path-backup
.mform
.root_setting:nth-of-type
(even
),
17698 .path-backup .mform .grouped_settings:nth-of-type(even) {
17699 background-color: #fff; }
17700 .path-backup
.mform
.root_setting
.form-group
,
17701 .path-backup .mform .grouped_settings .form-group {
17702 /* These checkboxes with no label on the left. */ }
17703 .path-backup
.mform
.root_setting
.form-group
.col-md-3
.checkbox
,
17704 .path-backup .mform .grouped_settings .form-group .col-md-3.checkbox {
17706 .path-backup
.mform
.root_setting
.form-group
.col-md-9
.checkbox
,
17707 .path-backup .mform .grouped_settings .form-group .col-md-9.checkbox {
17711 /* Detail pair is (usually) some short label with a longer value */
17712 .path-backup .detail-pair .detail-pair-label {
17717 .path-backup .detail-pair .detail-pair-value {
17721 .path-backup .backup-restore .singlebutton {
17724 /* Make these bits full width and work with the detail-pair */
17725 .path-backup .backup-section {
17726 /* Fix for nested table headers */
17727 /* Add card styles to backup sections */
17728 background-color: #fff;
17729 border: 1px solid rgba
(0, 0, 0, 0.125);
17731 margin-bottom: 1.25rem; }
17732 .path-backup
.backup-section
.sub-header
,
17733 .path-backup
.backup-section
.backup-sub-section
,
17734 .path-backup
.backup-section
.singlebutton
,
17735 .path-backup .backup-section .header {
17739 .path-backup .backup-section th.header {
17742 .path-backup .backup-section ::after {
17746 .path-backup .backup-section::after {
17751 .path-backup .notification.dependencies_enforced {
17753 font-weight: bold
; }
17755 .path-backup .backup_progress {
17757 margin-bottom: 1rem; }
17758 .path-backup .backup_progress .backup_stage {
17760 .path-backup .backup_progress .backup_stage.backup_stage_current {
17764 .path-backup .backup_progress span.backup_stage.backup_stage_complete {
17767 #page-backup-restore .filealiasesfailures
{
17768 background-color: #f6d9d8; }
17769 #page-backup-restore .filealiasesfailures
.aliaseslist
{
17770 background-color: #fff; }
17772 .path-backup .wibbler {
17774 margin: 0 auto
10px;
17775 border-bottom: 1px solid black
;
17776 border-right: 1px solid black
;
17777 border-left: 1px solid black
;
17778 position: relative
;
17780 .path-backup .wibbler .wibble {
17781 position: absolute
;
17786 .path-backup .wibbler .state0 {
17787 background: #eee; }
17788 .path-backup .wibbler .state1 {
17789 background: #ddd; }
17790 .path-backup .wibbler .state2 {
17791 background: #ccc; }
17792 .path-backup .wibbler .state3 {
17793 background: #bbb; }
17794 .path-backup .wibbler .state4 {
17795 background: #aaa; }
17796 .path-backup .wibbler .state5 {
17797 background: #999; }
17798 .path-backup .wibbler .state6 {
17799 background: #888; }
17800 .path-backup .wibbler .state7 {
17801 background: #777; }
17802 .path-backup .wibbler .state8 {
17803 background: #666; }
17804 .path-backup .wibbler .state9 {
17805 background: #555; }
17806 .path-backup .wibbler .state10 {
17807 background: #444; }
17808 .path-backup .wibbler .state11 {
17809 background: #333; }
17810 .path-backup .wibbler .state12 {
17811 background: #222; }
17815 margin-bottom: 1rem;
17820 vertical-align: top
;
17821 border-top: 1px solid
#dee2e6; }
17822 .generaltable thead th {
17823 vertical-align: bottom
;
17824 border-bottom: 2px solid
#dee2e6; }
17825 .generaltable tbody + tbody {
17826 border-top: 2px solid
#dee2e6; }
17827 .generaltable tbody tr:nth-of-type(odd) {
17828 background-color: rgba
(0, 0, 0, 0.05); }
17829 .generaltable
.table-sm th
,
17830 .generaltable.table-sm td {
17832 .generaltable tbody tr:hover {
17834 background-color: rgba
(0, 0, 0, 0.075); }
17841 caption-side: top
; }
17843 .table-dynamic .loading-icon {
17844 position: absolute
;
17845 left: calc
(50% - 1.5rem);
17847 .table-dynamic .loading-icon .icon {
17853 display: inline-block
; }
17854 .singlebutton + .singlebutton {
17855 margin-left: 0.5rem; }
17858 text-align: center
; }
17862 text-align: center
; }
17865 margin-top: 11.25rem;
17866 text-align: center
;
17867 margin-bottom: 3em; }
17868 #addcontrols label
{
17871 #addcontrols input
,
17872 #removecontrols input
{
17877 margin: 0 0 10px 5px; }
17885 border-radius: 50%;
17887 .btn.btn-icon:hover, .btn.btn-icon:focus {
17888 background-color: #e9ecef; }
17889 .btn.btn-icon.icon-size-0 {
17890 height: 20px !important
;
17891 /* stylelint-disable-line declaration-no-important */
17892 width: 20px !important
;
17893 /* stylelint-disable-line declaration-no-important */
17894 font-size: 0 !important
;
17895 /* stylelint-disable-line declaration-no-important */
17896 line-height: 0 !important
;
17897 /* stylelint-disable-line declaration-no-important */ }
17898 .btn.btn-icon.icon-size-1 {
17899 height: 24px !important
;
17900 /* stylelint-disable-line declaration-no-important */
17901 width: 24px !important
;
17902 /* stylelint-disable-line declaration-no-important */
17903 font-size: 4px !important
;
17904 /* stylelint-disable-line declaration-no-important */
17905 line-height: 4px !important
;
17906 /* stylelint-disable-line declaration-no-important */ }
17907 .btn.btn-icon.icon-size-2 {
17908 height: 28px !important
;
17909 /* stylelint-disable-line declaration-no-important */
17910 width: 28px !important
;
17911 /* stylelint-disable-line declaration-no-important */
17912 font-size: 8px !important
;
17913 /* stylelint-disable-line declaration-no-important */
17914 line-height: 8px !important
;
17915 /* stylelint-disable-line declaration-no-important */ }
17916 .btn.btn-icon.icon-size-3 {
17917 height: 36px !important
;
17918 /* stylelint-disable-line declaration-no-important */
17919 width: 36px !important
;
17920 /* stylelint-disable-line declaration-no-important */
17921 font-size: 16px !important
;
17922 /* stylelint-disable-line declaration-no-important */
17923 line-height: 16px !important
;
17924 /* stylelint-disable-line declaration-no-important */ }
17925 .btn.btn-icon.icon-size-4 {
17926 height: 44px !important
;
17927 /* stylelint-disable-line declaration-no-important */
17928 width: 44px !important
;
17929 /* stylelint-disable-line declaration-no-important */
17930 font-size: 24px !important
;
17931 /* stylelint-disable-line declaration-no-important */
17932 line-height: 24px !important
;
17933 /* stylelint-disable-line declaration-no-important */ }
17934 .btn.btn-icon.icon-size-5 {
17935 height: 52px !important
;
17936 /* stylelint-disable-line declaration-no-important */
17937 width: 52px !important
;
17938 /* stylelint-disable-line declaration-no-important */
17939 font-size: 32px !important
;
17940 /* stylelint-disable-line declaration-no-important */
17941 line-height: 32px !important
;
17942 /* stylelint-disable-line declaration-no-important */ }
17943 .btn.btn-icon.icon-size-6 {
17944 height: 60px !important
;
17945 /* stylelint-disable-line declaration-no-important */
17946 width: 60px !important
;
17947 /* stylelint-disable-line declaration-no-important */
17948 font-size: 40px !important
;
17949 /* stylelint-disable-line declaration-no-important */
17950 line-height: 40px !important
;
17951 /* stylelint-disable-line declaration-no-important */ }
17952 .btn.btn-icon.icon-size-7 {
17953 height: 68px !important
;
17954 /* stylelint-disable-line declaration-no-important */
17955 width: 68px !important
;
17956 /* stylelint-disable-line declaration-no-important */
17957 font-size: 48px !important
;
17958 /* stylelint-disable-line declaration-no-important */
17959 line-height: 48px !important
;
17960 /* stylelint-disable-line declaration-no-important */ }
17962 .btn-primary:focus, .btn-primary.focus {
17963 outline: 0.2rem solid
#020c14;
17964 box-shadow: inset
0 0 0 2px #fff; }
17966 .btn-secondary:focus, .btn-secondary.focus {
17967 outline: 0.2rem solid
#5f6e7d;
17968 box-shadow: inset
0 0 0 2px #fff; }
17970 .btn-success:focus, .btn-success.focus {
17971 outline: 0.2rem solid black
;
17972 box-shadow: inset
0 0 0 2px #fff; }
17974 .btn-info:focus, .btn-info.focus {
17975 outline: 0.2rem solid
#124a5b;
17976 box-shadow: inset
0 0 0 2px #fff; }
17978 .btn-warning:focus, .btn-warning.focus {
17979 outline: 0.2rem solid
#694109;
17980 box-shadow: inset
0 0 0 2px #fff; }
17982 .btn-danger:focus, .btn-danger.focus {
17983 outline: 0.2rem solid
#360d0c;
17984 box-shadow: inset
0 0 0 2px #fff; }
17986 .btn-light:focus, .btn-light.focus {
17987 outline: 0.2rem solid
#8193a5;
17988 box-shadow: inset
0 0 0 2px #fff; }
17990 .btn-dark:focus, .btn-dark.focus {
17991 outline: 0.2rem solid black
;
17992 box-shadow: inset
0 0 0 2px #fff; }
17994 .btn-outline-primary:focus, .btn-outline-primary.focus {
17995 outline: 0.2rem solid
#020c14;
17996 box-shadow: inset
0 0 0 2px #343a40; }
17998 .btn-outline-secondary:focus, .btn-outline-secondary.focus {
17999 outline: 0.2rem solid
#5f6e7d;
18000 box-shadow: inset
0 0 0 2px #343a40; }
18002 .btn-outline-success:focus, .btn-outline-success.focus {
18003 outline: 0.2rem solid black
;
18004 box-shadow: inset
0 0 0 2px #343a40; }
18006 .btn-outline-info:focus, .btn-outline-info.focus {
18007 outline: 0.2rem solid
#124a5b;
18008 box-shadow: inset
0 0 0 2px #343a40; }
18010 .btn-outline-warning:focus, .btn-outline-warning.focus {
18011 outline: 0.2rem solid
#694109;
18012 box-shadow: inset
0 0 0 2px #343a40; }
18014 .btn-outline-danger:focus, .btn-outline-danger.focus {
18015 outline: 0.2rem solid
#360d0c;
18016 box-shadow: inset
0 0 0 2px #343a40; }
18018 .btn-outline-light:focus, .btn-outline-light.focus {
18019 outline: 0.2rem solid
#8193a5;
18020 box-shadow: inset
0 0 0 2px #343a40; }
18022 .btn-outline-dark:focus, .btn-outline-dark.focus {
18023 outline: 0.2rem solid black
;
18024 box-shadow: inset
0 0 0 2px #343a40; }
18027 font-size: 0.9375rem; }
18029 .gradetreebox th
.cell
,
18030 .gradetreebox input[type=text] {
18033 .gradetreebox input
[type
=text
],
18034 .gradetreebox select {
18035 margin-bottom: 0; }
18037 .core_grades_notices .singlebutton {
18038 display: inline-block
; }
18040 .path-grade-report #maincontent + .urlselect {
18041 position: absolute
;
18044 .path-grade-report-grader #region-main {
18045 overflow-x: visible
;
18048 display: inline-flex
;
18049 flex-direction: column
; }
18050 .path-grade-report-grader #region-main > .card {
18052 overflow-x: initial
; }
18053 .path-grade-report-grader #region-main div[role="main"] {
18056 .path-grade-report-grader [data-region="blocks-column"] {
18060 #page-grade-grading-manage #activemethodselector label
{
18061 display: inline-block
; }
18063 #page-grade-grading-manage #activemethodselector
.helptooltip
{
18064 margin-right: 0.5em; }
18066 #page-grade-grading-manage .actions
{
18068 text-align: center
;
18069 margin-bottom: 1em; }
18070 #page-grade-grading-manage .actions
.action
{
18071 display: inline-block
;
18072 position: relative
;
18073 vertical-align: top
;
18075 text-align: center
;
18079 border: 1px solid
#aaa; }
18080 #page-grade-grading-manage .actions
.action
.action-text
{
18081 position: relative
;
18084 white-space: normal
; }
18086 #page-grade-grading-form-rubric-edit .gradingform_rubric_editform
.status
{
18089 #rubric-rubric.gradingform_rubric #rubric-criteria
{
18090 margin-bottom: 1em; }
18091 #rubric-rubric.gradingform_rubric #rubric-criteria
.criterion
.description
{
18092 vertical-align: top
;
18094 #rubric-rubric.gradingform_rubric #rubric-criteria
.criterion
.description textarea
{
18097 #rubric-rubric.gradingform_rubric #rubric-criteria
.criterion
.definition textarea
{
18099 margin-bottom: 0; }
18100 #rubric-rubric.gradingform_rubric #rubric-criteria
.criterion
.score
{
18101 position: relative
;
18103 margin-right: 28px; }
18104 #rubric-rubric.gradingform_rubric #rubric-criteria
.criterion
.score input
{
18105 margin-bottom: 0; }
18106 #rubric-rubric.gradingform_rubric #rubric-criteria
.criterion
.level
{
18107 vertical-align: top
;
18109 #rubric-rubric.gradingform_rubric #rubric-criteria
.criterion
.level
.delete
{
18110 position: relative
;
18116 #rubric-rubric.gradingform_rubric #rubric-criteria
.criterion
.level
.delete input
{
18118 position: absolute
;
18124 #rubric-rubric.gradingform_rubric #rubric-criteria
.criterion
.level
.delete
input:hover
{
18125 background-color: #ddd; }
18126 #rubric-rubric.gradingform_rubric #rubric-criteria
.criterion
.scorevalue input
{
18129 #rubric-rubric.gradingform_rubric #rubric-criteria
.criterion
.scorevalue input
.hiddenelement
, #rubric-rubric
.gradingform_rubric #rubric-criteria
.criterion
.scorevalue input
.pseudotablink
{
18131 #rubric-rubric.gradingform_rubric #rubric-criteria
.criterion
.addlevel
{
18132 vertical-align: top
;
18133 padding-top: 6px; }
18134 #rubric-rubric.gradingform_rubric #rubric-criteria
.criterion
.addlevel input
{
18136 line-height: 1rem; }
18138 #rubric-rubric.gradingform_rubric
.addcriterion
{
18141 margin-bottom: 1em; }
18142 #rubric-rubric.gradingform_rubric
.addcriterion input
{
18145 text-shadow: inherit
;
18147 line-height: inherit
;
18148 background: transparent url
([[pix:t
/add
]]) no-repeat
7px 8px;
18149 padding-left: 26px; }
18151 #rubric-rubric.gradingform_rubric
.options
{
18153 #rubric-rubric.gradingform_rubric
.options
.option label
{
18156 font-size: inherit
;
18157 font-weight: normal
;
18161 background-color: transparent
; }
18162 #rubric-rubric.gradingform_rubric
.options
.option input
{
18164 margin-right: 12px; }
18166 .grade-display .description {
18169 .criterion .description {
18172 .criterion .criterion-toggle .expanded-icon {
18175 .criterion .criterion-toggle .collapsed-icon {
18178 .criterion .criterion-toggle.collapsed .expanded-icon {
18181 .criterion .criterion-toggle.collapsed .collapsed-icon {
18184 .path-grade-edit-tree .setup-grades h4 {
18187 .path-grade-edit-tree .setup-grades .column-rowspan {
18193 .path-grade-edit-tree .setup-grades .category td.column-name {
18196 .path-grade-edit-tree .setup-grades td.column-name {
18197 padding-left: 24px; }
18199 .path-grade-edit-tree
.setup-grades
.category input
[type
="text"],
18200 .path-grade-edit-tree
.setup-grades
.category
.column-range
,
18201 .path-grade-edit-tree
.setup-grades
.categoryitem
,
18202 .path-grade-edit-tree .setup-grades .courseitem {
18203 font-weight: bold
; }
18205 .path-grade-edit-tree .setup-grades .emptyrow {
18208 .path-grade-edit-tree .setup-grades .gradeitemdescription {
18209 font-weight: normal
;
18210 padding-left: 24px; }
18212 .path-grade-edit-tree .setup-grades .column-weight {
18213 white-space: nowrap
; }
18214 .path-grade-edit-tree .setup-grades .column-weight.level3 {
18215 padding-left: 37px; }
18216 .path-grade-edit-tree .setup-grades .column-weight.level4 {
18217 padding-left: 66px; }
18218 .path-grade-edit-tree .setup-grades .column-weight.level5 {
18219 padding-left: 95px; }
18220 .path-grade-edit-tree .setup-grades .column-weight.level6 {
18221 padding-left: 124px; }
18222 .path-grade-edit-tree .setup-grades .column-weight.level7 {
18223 padding-left: 153px; }
18224 .path-grade-edit-tree .setup-grades .column-weight.level8 {
18225 padding-left: 182px; }
18226 .path-grade-edit-tree .setup-grades .column-weight.level9 {
18227 padding-left: 211px; }
18228 .path-grade-edit-tree .setup-grades .column-weight.level10 {
18229 padding-left: 240px; }
18231 .path-grade-edit-tree .setup-grades .column-range.level2 {
18232 padding-left: 37px; }
18234 .path-grade-edit-tree .setup-grades .column-range.level3 {
18235 padding-left: 66px; }
18237 .path-grade-edit-tree .setup-grades .column-range.level4 {
18238 padding-left: 95px; }
18240 .path-grade-edit-tree .setup-grades .column-range.level5 {
18241 padding-left: 124px; }
18243 .path-grade-edit-tree .setup-grades .column-range.level6 {
18244 padding-left: 153px; }
18246 .path-grade-edit-tree .setup-grades .column-range.level7 {
18247 padding-left: 182px; }
18249 .path-grade-edit-tree .setup-grades .column-range.level8 {
18250 padding-left: 211px; }
18252 .path-grade-edit-tree .setup-grades .column-range.level9 {
18253 padding-left: 240px; }
18255 .path-grade-edit-tree .setup-grades .column-range.level10 {
18256 padding-left: 269px; }
18258 .path-grade-edit-tree .setup-grades.generaltable .levelodd {
18259 background-color: rgba
(0, 0, 0, 0.05); }
18264 .path-grade-report-grader
.gradeparent tr
.cell
,
18265 .path-grade-report-grader .gradeparent .floater .cell {
18266 background-color: #fff; }
18268 .path-grade-report-grader
.gradeparent table
,
18269 .path-grade-report-grader .gradeparent .cell {
18270 border-color: #dee2e6; }
18272 .path-grade-report-grader
.gradeparent
.userrow
.odd
.cell
,
18273 .path-grade-report-grader
.gradeparent
.floater
.cell
.odd
,
18274 .path-grade-report-grader
.gradeparent
.heading
.cell
,
18275 .path-grade-report-grader
.gradeparent
.cell
.category
,
18276 .path-grade-report-grader .gradeparent .avg .cell {
18277 background-color: #f8f9fa; }
18279 .path-grade-report-grader .gradeparent table .clickable {
18285 .path-grade-report-user .user-grade {
18287 .path-grade-report-user .user-grade.generaltable .levelodd {
18288 background-color: rgba
(0, 0, 0, 0.05); }
18293 .path-grade-report-singleview input[name^="finalgrade"] {
18296 .columns-autoflow-1to1to1 {
18299 @media (max-width: 767px) {
18300 .columns-autoflow-1to1to1 {
18301 column-count: 1; } }
18303 /* some very targetted corrections to roll back nameclashes between
18304 * Moodle and Bootstrap like .row, .label, .content, .controls
18306 * Mostly relies on these styles being more specific than the Bootstrap
18307 * ones in order to overule them.
18310 .file-picker td.label {
18311 background: inherit
;
18316 white-space: normal
;
18318 font-size: inherit
;
18319 line-height: inherit
;
18320 text-align: inherit
; }
18322 .file-picker td.label {
18323 display: table-cell
;
18324 text-align: right
; }
18326 .choosercontainer #chooseform .option label {
18329 /* block.invisible vs .invisible
18330 * block.hidden vs .invisible
18332 * uses .invisible where the rest of Moodle uses @mixin dimmed
18333 * fixible in block renderer?
18335 * There's seems to be even more naming confusion here since,
18336 * blocks can be actually 'visible' (or not) to students,
18337 * marked 'visible' but really just dimmed to indicate to editors
18338 * that students can't see them or 'visible' to the user who
18339 * collapses them, 'visible' if you have the right role and in
18340 * different circumstances different sections of a block can
18341 * be 'visible' or not.
18343 * currently worked around in renderers.php function block{}
18344 * by rewriting the class name "invisible" to "dimmed",
18345 * though the blocks don't look particularly different apart
18346 * from their contents disappearing. Maybe try .muted? or
18347 * dimming all the edit icons apart from unhide, might be a
18348 * nice effect, though they'd still be active. Maybe reverse
18354 visibility: visible
;
18359 * very tricky to track down this when it goes wrong,
18360 * since the styles are applied to generated content
18362 * basically if you see things shifted left or right compared
18363 * with where they should be check for a .row
18366 margin-left: 0 !important
;
18367 /* stylelint-disable-line declaration-no-important */ }
18369 .forumpost
.row:before
,
18370 .forumpost .row:after {
18373 /* fieldset.hidden vs .hidden
18375 * Moodle uses fieldset.hidden for mforms, to signify a collection of
18376 * form elements that don't have a box drawn round them. Bootstrap
18377 * uses hidden for stuff that is hidden in various responsive modes.
18379 * Relatedly, there is also fieldset.invisiblefieldset which hides the
18380 * border and sets the display to inline.
18382 * Originally this just set block and visible, but it is used
18383 * in random question dialogue in Quiz,
18384 * that dialogue is hidden and shown, so when hidden the
18385 * above workaround leaves you with a button floating around
18389 visibility: inherit
; }
18391 /* .container vs .container
18393 * bootstrap uses .container to set the width of the layout at 960px or so, Moodle uses it
18394 * in the Quiz to contain the questions to add. If you don't overule the Bootstrap code,
18395 * it becomes near unuseable.
18397 #questionbank + .container
{
18400 body:not
(.jsenabled
) .dropdown:hover
> .dropdown-menu
{
18402 margin-top: -6px; }
18404 body:not
(.jsenabled
) .langmenu:hover
> .dropdown-menu
,
18405 .langmenu.open > .dropdown-menu {
18408 overflow-y: auto
; }
18410 .navbar.fixed-top .dropdown .dropdown-menu {
18411 max-height: calc
(100vh - 50px);
18412 overflow-y: auto
; }
18414 .page-item.active .page-link, .page-item.active .page-link:hover, .page-item.active .page-link:focus {
18415 z-index: inherit
; }
18417 /* Force positioning of popover arrows.
18419 * The Css prefixer used in Moodle does not support complex calc statements used
18420 * in Bootstrap 4 CSS. For example:
18421 * calc((0.5rem + 1px) * -1); is stripped out by lib/php-css-parser/Parser.php.
18422 * See MDL-61879. For now the arrow positions of popovers are fixed until this is resolved.
18424 .bs-popover-right
.arrow
, .bs-popover-auto
[x-placement^
="right"] .arrow
,
18425 .bs-popover-auto[x-placement^="right"] .arrow {
18428 .bs-popover-left
.arrow
, .bs-popover-auto
[x-placement^
="left"] .arrow
,
18429 .bs-popover-auto[x-placement^="left"] .arrow {
18432 .bs-popover-top
.arrow
, .bs-popover-auto
[x-placement^
="top"] .arrow
,
18433 .bs-popover-auto[x-placement^="top"] .arrow {
18436 .bs-popover-bottom
.arrow
, .bs-popover-auto
[x-placement^
="bottom"] .arrow
,
18437 .bs-popover-auto[x-placement^="bottom"] .arrow {
18441 word-wrap: normal
; }
18443 /* Add commented out carousel transistions back in.
18445 * The Css prefixer used in Moodle breaks on @supports syntax, See MDL-61515.
18447 .carousel-item-next
.carousel-item-left
,
18448 .carousel-item-prev.carousel-item-right {
18449 transform: translateX
(0); }
18451 .carousel-item-next
,
18452 .active.carousel-item-right {
18453 transform: translateX
(100%); }
18455 .carousel-item-prev
,
18456 .active.carousel-item-left {
18457 transform: translateX
(-100%); }
18460 * Reset all of the forced style on the page.
18461 * - Remove borders on header and content.
18462 * - Remove most of the vertical padding.
18463 * - Make the content region flex grow so it pushes things like the
18464 * next activity selector to the bottom of the page.
18466 body
.reset-style #page-header
.card
{
18468 body
.reset-style #page-header
.card
.page-header-headings h1
{
18469 margin-bottom: 0; }
18470 @media
(max-width: 767.98px) {
18471 body
.reset-style #page-header
.card
.card-body
{
18473 padding-right: 0; } }
18475 body
.reset-style #page-header
> div
{
18476 padding-top: 0 !important
;
18477 /* stylelint-disable-line declaration-no-important */
18478 padding-bottom: 0 !important
;
18479 /* stylelint-disable-line declaration-no-important */ }
18481 body
.reset-style #page-content
{
18482 padding-bottom: 0 !important
;
18483 /* stylelint-disable-line declaration-no-important */ }
18484 body
.reset-style #page-content #region-main-box #region-main
{
18486 display: inline-flex
;
18487 flex-direction: column
;
18491 padding-left: 1.25rem;
18492 padding-right: 1.25rem;
18493 vertical-align: top
; }
18494 body
.reset-style #page-content #region-main-box #region-main div
[role
="main"] {
18496 body
.reset-style #page-content #region-main-box #region-main
.activity-navigation
{
18497 overflow: hidden
; }
18498 body
.reset-style #page-content #region-main-box #region-main
.has-blocks
{
18499 width: calc
(100% - 375px); }
18500 @media
(max-width: 1199.98px) {
18501 body
.reset-style #page-content #region-main-box #region-main
.has-blocks
{
18503 @media
(max-width: 767.98px) {
18504 body
.reset-style #page-content #region-main-box #region-main
{
18506 padding-right: 0; } }
18507 body
.reset-style #page-content #region-main-box
[data-region
="blocks-column"] {
18508 margin-left: auto
; }
18509 @media
(max-width: 1199.98px) {
18510 body
.reset-style #page-content #region-main-box
{
18512 flex-direction: column
; } }
18514 body
.reset-style select
,
18515 body
.reset-style input
,
18516 body
.reset-style textarea
,
18517 body
.reset-style
.btn:not
(.btn-icon
) {
18518 border-radius: 0.3rem; }
18520 body
.behat-site
.fixed-top
{
18521 position: absolute
; }
18523 body
.behat-site
.dropdown-item
{
18524 margin-top: 4px !important
;
18525 /* stylelint-disable declaration-no-important */ }
18527 body
.behat-site
.drawer-ease
{
18528 -webkit-transition: initial
;
18529 -moz-transition: initial
;
18530 transition: initial
; }
18532 body
.behat-site
[data-region
="drawer"] {
18533 -webkit-transition: initial
;
18534 -moz-transition: initial
;
18535 transition: initial
;
18536 position: absolute
; }
18538 body
.behat-site
.custom-control
,
18539 body
.behat-site
.custom-switch
{
18542 body
.behat-site
.custom-control-input
{
18547 body
.behat-site
.custom-control-label::before
, body
.behat-site
.custom-control-label::after
{
18558 border: 1px solid
#000;
18560 vertical-align: baseline
;
18562 background-color: #ccc; }
18565 background-color: #ccf;
18566 font-weight: bold
; }
18569 background-color: #99c;
18570 font-weight: bold
; }
18573 * This file contains the styles required to make the footer sticky.
18582 flex-direction: column
; }
18583 #page-wrapper #page
{
18586 flex-direction: column
; }
18587 #page-wrapper #page #page-content
{
18589 #page-wrapper #page-footer
{
18593 position: relative
; }
18594 .popover-region.collapsed .popover-region-toggle:before, .popover-region.collapsed .popover-region-toggle:after {
18596 .popover-region.collapsed .popover-region-container {
18598 visibility: hidden
;
18601 transition: height
0.25s, opacity
101ms 0.25s, visibility
101ms 0.25s; }
18603 .popover-region-toggle {
18605 .popover-region-toggle::before {
18607 display: inline-block
;
18608 border-left: 10px solid transparent
;
18609 border-right: 10px solid transparent
;
18610 border-bottom: 10px solid
#ddd;
18611 position: absolute
;
18614 .popover-region-toggle::after {
18616 display: inline-block
;
18617 border-left: 9px solid transparent
;
18618 border-right: 9px solid transparent
;
18619 border-bottom: 9px solid
#fff;
18620 position: absolute
;
18627 border-radius: 2px;
18628 background-color: red
;
18632 position: absolute
;
18636 .popover-region-container {
18638 visibility: visible
;
18639 position: absolute
;
18644 border: 1px solid
#ddd;
18645 transition: height
0.25s;
18646 background-color: #fff;
18649 .popover-region-header-container {
18653 padding-right: 5px;
18654 border-bottom: 1px solid
#ddd;
18655 box-sizing: border-box
; }
18657 .popover-region-footer-container {
18659 text-align: center
;
18660 border-top: 1px solid
#ddd;
18661 background-color: #fff;
18662 padding-top: 3px; }
18664 .popover-region-header-text {
18668 line-height: 25px; }
18670 .popover-region-header-actions {
18672 .popover-region-header-actions > * {
18675 display: inline-block
; }
18676 .popover-region-header-actions .loading-icon {
18680 .popover-region-header-actions .newmessage-link {
18681 margin-right: 10px; }
18682 .popover-region-header-actions label {
18683 display: inline-block
;
18684 text-align: center
;
18685 margin-bottom: 0; }
18687 .popover-region-content-container {
18688 height: calc
(100% - 55px);
18691 -webkit-overflow-scrolling: touch
; }
18692 .popover-region-content-container > .loading-icon {
18694 text-align: center
;
18696 box-sizing: border-box
; }
18697 .popover-region-content-container .empty-message {
18699 text-align: center
;
18701 .popover-region-content-container.loading > .loading-icon {
18703 .popover-region-content-container.loading .empty-message {
18706 .navbar .popover-region {
18708 margin-right: 10px; }
18709 .navbar .popover-region.collapsed .popover-region-container {
18711 visibility: hidden
;
18714 transition: height
0.25s, opacity
101ms 0.25s, visibility
101ms 0.25s; }
18716 .navbar .popover-region-toggle {
18719 .navbar .count-container {
18721 border-radius: 2px;
18722 background-color: red
;
18726 position: absolute
;
18730 .navbar .popover-region-container {
18733 .content-item-container {
18735 border-bottom: 1px solid
#ddd;
18736 box-sizing: border-box
;
18738 position: relative
;
18742 text-decoration: none
; }
18743 .content-item-container:hover {
18745 background-color: #79b5e6; }
18746 .content-item-container:hover .content-item-footer .timestamp {
18748 .content-item-container.unread {
18750 background-color: #f4f4f4; }
18751 .content-item-container.unread:hover {
18753 background-color: #79b5e6; }
18754 .content-item-container.unread .content-item-body .notification-message {
18755 font-weight: 600; }
18756 .content-item-container .context-link {
18758 text-decoration: none
; }
18759 .content-item-container .content-item-body {
18760 box-sizing: border-box
;
18761 margin-bottom: 5px; }
18762 .content-item-container .content-item-footer {
18764 box-sizing: border-box
; }
18765 .content-item-container .content-item-footer .timestamp {
18770 margin-left: 24px; }
18771 .content-item-container .view-more {
18772 position: absolute
;
18776 line-height: 12px; }
18777 .content-item-container.notification .content-item-body .notification-image {
18778 display: inline-block
;
18782 .content-item-container.notification .content-item-body .notification-image img {
18784 .content-item-container.notification .content-item-body .notification-message {
18785 display: inline-block
;
18787 width: calc
(100% - 24px); }
18788 .content-item-container.selected {
18789 background-color: #4f94cd;
18791 border-color: #4f94cd; }
18792 .content-item-container.selected .content-item-footer .timestamp {
18795 .popover-region-notifications .popover-region-header-container .mark-all-read-button .normal-icon {
18796 display: inline-block
; }
18798 .popover-region-notifications .popover-region-header-container .mark-all-read-button.loading .normal-icon {
18801 .popover-region-notifications .popover-region-header-container .mark-all-read-button.loading .loading-icon {
18802 display: inline-block
; }
18804 .popover-region-notifications .all-notifications {
18806 visibility: visible
;
18808 overflow: hidden
; }
18809 .popover-region-notifications .all-notifications:empty + .empty-message {
18812 .popover-region-notifications .notification-image {
18813 display: inline-block
;
18815 vertical-align: top
; }
18816 .popover-region-notifications .notification-image img {
18819 .popover-region-notifications .notification-message {
18820 display: inline-block
;
18823 .popover-region-notifications .popover-region-content-container.loading .all-notifications:empty + .empty-message {
18826 .popover-region-messages .mark-all-read-button .normal-icon {
18827 display: inline-block
; }
18829 .popover-region-messages .mark-all-read-button.loading .normal-icon {
18832 .popover-region-messages .mark-all-read-button.loading .loading-icon {
18833 display: inline-block
; }
18835 .popover-region-messages .popover-region-content-container.loading .popover-region-content .messages:empty + .empty-message {
18838 .popover-region-messages .messages:empty + .empty-message {
18841 .popover-region-messages .content-item-container.unread .content-item-body {
18843 width: calc
(90% - 30px); }
18845 .popover-region-messages .content-item-container.unread .unread-count-container {
18846 display: inline-block
;
18848 text-align: center
;
18851 .popover-region-messages .content-item {
18854 box-sizing: border-box
; }
18856 .popover-region-messages .profile-image-container {
18858 display: inline-block
;
18859 text-align: center
;
18861 .popover-region-messages .profile-image-container img {
18863 display: inline-block
;
18864 vertical-align: middle
;
18865 border-radius: 50%; }
18867 .popover-region-messages .content-item-body {
18868 display: inline-block
;
18869 box-sizing: border-box
;
18870 width: calc
(100% - 30px);
18872 padding-left: 10px;
18873 overflow: hidden
; }
18874 .popover-region-messages .content-item-body h3 {
18879 .popover-region-messages .content-item-body p {
18882 .popover-region-messages .unread-count-container {
18885 @media (max-width: 767px) {
18886 .navbar .popover-region .popover-region-container {
18889 @media (max-width: 480px) {
18890 .navbar .popover-region .popover-region-container {
18900 * Tour step must sit above all other UI components.
18901 * The backdrop is the lowest point in the tour.
18902 * Everything else is in the container, and the target background should be at the same z-index.
18904 * ---- step backdrop
18905 * --- step container
18906 * --- step target background
18908 div
[data-flexitour
="backdrop"] {
18909 background-color: #000;
18913 div
[data-flexitour
="step-background-fader"],
18914 div
[data-flexitour
="step-background"] {
18917 span
[data-flexitour
="container"],
18918 div
[data-flexitour
="step-background-fader"],
18919 [data-flexitour
="step-backdrop"] > td
,
18920 [data-flexitour
="step-backdrop"] {
18923 span
[data-flexitour
="container"] .modal-dialog
{
18925 * Remove all margins to:
18926 * 1) ensure that the arrow touches the target; and
18927 * 2) ensure that the focus border touches the modal.
18931 span
[data-flexitour
="container"] div
[data-role
="arrow"] {
18932 border-width: 11px; }
18934 span
[data-flexitour
="container"] div
[data-role
="arrow"],
18935 span
[data-flexitour
="container"] div
[data-role
="arrow"]:after
{
18936 position: absolute
;
18940 border-color: transparent
;
18941 border-style: solid
;
18942 border-width: 1rem; }
18944 span
[data-flexitour
="container"][x-placement
="top"], span
[data-flexitour
="container"][x-placement
="top-start"] {
18945 margin-bottom: 1rem; }
18946 span
[data-flexitour
="container"][x-placement
="top"] div
[data-role
="arrow"], span
[data-flexitour
="container"][x-placement
="top-start"] div
[data-role
="arrow"] {
18949 margin-left: -11px;
18950 border-bottom-width: 0;
18951 border-top-color: rgba
(0, 0, 0, 0.25); }
18952 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
{
18954 margin-left: -1rem;
18956 border-bottom-width: 0;
18957 border-top-color: #fff; }
18959 span
[data-flexitour
="container"][x-placement
="bottom"], span
[data-flexitour
="container"][x-placement
="bottom-start"] {
18960 margin-top: 1rem; }
18961 span
[data-flexitour
="container"][x-placement
="bottom"] div
[data-role
="arrow"], span
[data-flexitour
="container"][x-placement
="bottom-start"] div
[data-role
="arrow"] {
18964 margin-left: -11px;
18965 border-top-width: 0;
18966 border-bottom-color: rgba
(0, 0, 0, 0.25); }
18967 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
{
18969 margin-left: -1rem;
18971 border-top-width: 0;
18972 border-bottom-color: #fff; }
18974 span
[data-flexitour
="container"][x-placement
="left"], span
[data-flexitour
="container"][x-placement
="left-start"] {
18975 margin-right: 1rem; }
18976 span
[data-flexitour
="container"][x-placement
="left"] div
[data-role
="arrow"], span
[data-flexitour
="container"][x-placement
="left-start"] div
[data-role
="arrow"] {
18980 border-right-width: 0;
18981 border-left-color: rgba
(0, 0, 0, 0.25); }
18982 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
{
18986 border-right-width: 0;
18987 border-left-color: #fff; }
18989 span
[data-flexitour
="container"][x-placement
="right"], span
[data-flexitour
="container"][x-placement
="right-start"] {
18990 margin-left: 1rem; }
18991 span
[data-flexitour
="container"][x-placement
="right"] div
[data-role
="arrow"], span
[data-flexitour
="container"][x-placement
="right-start"] div
[data-role
="arrow"] {
18995 border-left-width: 0;
18996 border-right-color: rgba
(0, 0, 0, 0.25); }
18997 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
{
19001 border-left-width: 0;
19002 border-right-color: #fff; }
19004 [data-region
="drawer"] [data-flexitour
="container"] {
19006 margin-left: -15px;
19010 border: 1px solid
#dee2e6;
19011 padding: 1.25rem; }
19022 background-color: #ced4da;
19023 border-color: #ced4da; }
19024 .btn-default:hover {
19026 background-color: #b8c1ca;
19027 border-color: #b1bbc4; }
19028 .btn-default:focus, .btn-default.focus {
19030 background-color: #b8c1ca;
19031 border-color: #b1bbc4;
19032 box-shadow: 0 0 0 0.2rem rgba
(180, 186, 191, 0.5); }
19033 .btn-default.disabled, .btn-default:disabled {
19035 background-color: #ced4da;
19036 border-color: #ced4da; }
19037 .btn-default:not
(:disabled
):not
(.disabled
):active
, .btn-default:not
(:disabled
):not
(.disabled
).active
,
19038 .show > .btn-default.dropdown-toggle {
19040 background-color: #b1bbc4;
19041 border-color: #aab4bf; }
19042 .btn-default:not
(:disabled
):not
(.disabled
):active:focus
, .btn-default:not
(:disabled
):not
(.disabled
).active:focus
,
19043 .show > .btn-default.dropdown-toggle:focus {
19044 box-shadow: 0 0 0 0.2rem rgba
(180, 186, 191, 0.5); }
19047 display: inline-block
;
19048 padding: 0.25em 0.4em;
19052 text-align: center
;
19053 white-space: nowrap
;
19054 vertical-align: baseline
;
19055 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
;
19057 background-color: #6c757d; }
19058 @media
(prefers-reduced-motion: reduce
) {
19060 transition: none
; } }
19061 a
.label:hover
, a
.label:focus
{
19063 background-color: #545b62; }
19064 a
.label:focus
, a
.label
.focus
{
19066 box-shadow: 0 0 0 0.2rem rgba
(108, 117, 125, 0.5); }
19070 background-color: #398439; }
19071 a
.label-success:hover
, a
.label-success:focus
{
19073 background-color: #2a602a; }
19074 a
.label-success:focus
, a
.label-success
.focus
{
19076 box-shadow: 0 0 0 0.2rem rgba
(57, 132, 57, 0.5); }
19080 background-color: #5bc0de; }
19081 a
.label-info:hover
, a
.label-info:focus
{
19083 background-color: #31b0d5; }
19084 a
.label-info:focus
, a
.label-info
.focus
{
19086 box-shadow: 0 0 0 0.2rem rgba
(91, 192, 222, 0.5); }
19090 background-color: #f0ad4e; }
19091 a
.label-warning:hover
, a
.label-warning:focus
{
19093 background-color: #ec971f; }
19094 a
.label-warning:focus
, a
.label-warning
.focus
{
19096 box-shadow: 0 0 0 0.2rem rgba
(240, 173, 78, 0.5); }
19100 background-color: #d43f3a; }
19101 a
.label-important:hover
, a
.label-important:focus
{
19103 background-color: #b42c27; }
19104 a
.label-important:focus
, a
.label-important
.focus
{
19106 box-shadow: 0 0 0 0.2rem rgba
(212, 63, 58, 0.5); }
19109 float: left
!important
;
19110 /* stylelint-disable-line declaration-no-important */ }
19113 float: right
!important
;
19114 /* stylelint-disable-line declaration-no-important */ }
19117 body
.drawer-open-left
.jsenabled
,
19118 body
.drawer-open-right
.jsenabled
{
19123 .modal .modal-body > .loading-icon {
19125 position: relative
;
19128 .modal .modal-body > .loading-icon .icon {
19129 position: absolute
;
19133 transform: translate
(-50%, -50%); }
19135 .layout.fullscreen {
19145 background-color: #fff; }
19146 .layout.fullscreen > div {
19149 .layout.fullscreen .loading-icon {
19151 margin-right: auto
;
19152 text-align: center
;
19153 display: inline-block
;
19157 .layout.fullscreen .loading-icon .icon {
19163 -webkit-font-smoothing: antialiased
;
19164 -moz-osx-font-smoothing: grayscale
; }
19167 box-shadow: 0 2px 4px rgba
(0, 0, 0, 0.08); }
19170 border-radius: 50%; }
19172 .btn-outline-secondary {
19174 border-color: #6c757d;
19175 border-color: #6c757d; }
19176 .btn-outline-secondary:hover {
19178 background-color: #6c757d;
19179 border-color: #6c757d; }
19180 .btn-outline-secondary:focus, .btn-outline-secondary.focus {
19181 box-shadow: 0 0 0 0.2rem rgba
(108, 117, 125, 0.5); }
19182 .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
19184 background-color: transparent
; }
19185 .btn-outline-secondary:not
(:disabled
):not
(.disabled
):active
, .btn-outline-secondary:not
(:disabled
):not
(.disabled
).active
,
19186 .show > .btn-outline-secondary.dropdown-toggle {
19188 background-color: #6c757d;
19189 border-color: #6c757d; }
19190 .btn-outline-secondary:not
(:disabled
):not
(.disabled
):active:focus
, .btn-outline-secondary:not
(:disabled
):not
(.disabled
).active:focus
,
19191 .show > .btn-outline-secondary.dropdown-toggle:focus {
19192 box-shadow: 0 0 0 0.2rem rgba
(108, 117, 125, 0.5); }
19194 .btn-outline-info {
19196 border-color: #1f7e9a; }
19197 .btn-outline-info:hover {
19199 background-color: #1f7e9a;
19200 border-color: #1f7e9a; }
19201 .btn-outline-info:focus, .btn-outline-info.focus {
19202 box-shadow: 0 0 0 0.2rem rgba
(31, 126, 154, 0.5); }
19203 .btn-outline-info.disabled, .btn-outline-info:disabled {
19205 background-color: transparent
; }
19206 .btn-outline-info:not
(:disabled
):not
(.disabled
):active
, .btn-outline-info:not
(:disabled
):not
(.disabled
).active
,
19207 .show > .btn-outline-info.dropdown-toggle {
19209 background-color: #1f7e9a;
19210 border-color: #1f7e9a; }
19211 .btn-outline-info:not
(:disabled
):not
(.disabled
):active:focus
, .btn-outline-info:not
(:disabled
):not
(.disabled
).active:focus
,
19212 .show > .btn-outline-info.dropdown-toggle:focus {
19213 box-shadow: 0 0 0 0.2rem rgba
(31, 126, 154, 0.5); }
19215 .btn-outline-warning {
19217 border-color: #a6670e; }
19218 .btn-outline-warning:hover {
19220 background-color: #a6670e;
19221 border-color: #a6670e; }
19222 .btn-outline-warning:focus, .btn-outline-warning.focus {
19223 box-shadow: 0 0 0 0.2rem rgba
(166, 103, 14, 0.5); }
19224 .btn-outline-warning.disabled, .btn-outline-warning:disabled {
19226 background-color: transparent
; }
19227 .btn-outline-warning:not
(:disabled
):not
(.disabled
):active
, .btn-outline-warning:not
(:disabled
):not
(.disabled
).active
,
19228 .show > .btn-outline-warning.dropdown-toggle {
19230 background-color: #a6670e;
19231 border-color: #a6670e; }
19232 .btn-outline-warning:not
(:disabled
):not
(.disabled
):active:focus
, .btn-outline-warning:not
(:disabled
):not
(.disabled
).active:focus
,
19233 .show > .btn-outline-warning.dropdown-toggle:focus {
19234 box-shadow: 0 0 0 0.2rem rgba
(166, 103, 14, 0.5); }
19237 background-color: #e9ecef !important
; }
19239 a
.bg-gray:hover
, a
.bg-gray:focus
,
19240 button
.bg-gray:hover
,
19241 button
.bg-gray:focus
{
19242 background-color: #cbd3da !important
; }