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;
2765 border-radius: 0.25rem;
2770 display: inline-block
; }
2773 margin-bottom: 0.5rem;
2783 word-wrap: break-word
; }
2788 padding: 0.2rem 0.4rem;
2791 background-color: #212529;
2792 border-radius: 0.2rem; }
2805 word-break: normal
; }
2809 overflow-y: scroll
; }
2813 padding-right: 15px;
2816 margin-left: auto
; }
2817 @media
(min-width: 576px) {
2819 max-width: 540px; } }
2820 @media
(min-width: 768px) {
2822 max-width: 720px; } }
2823 @media
(min-width: 992px) {
2825 max-width: 960px; } }
2826 @media
(min-width: 1200px) {
2828 max-width: 1140px; } }
2830 .container-fluid, .container-sm, .container-md, .container-lg, .container-xl {
2832 padding-right: 15px;
2835 margin-left: auto
; }
2837 @media (min-width: 576px) {
2838 .container, .container-sm {
2839 max-width: 540px; } }
2841 @media (min-width: 768px) {
2842 .container, .container-sm, .container-md {
2843 max-width: 720px; } }
2845 @media (min-width: 992px) {
2846 .container, .container-sm, .container-md, .container-lg {
2847 max-width: 960px; } }
2849 @media (min-width: 1200px) {
2850 .container, .container-sm, .container-md, .container-lg, .container-xl {
2851 max-width: 1140px; } }
2856 margin-right: -15px;
2857 margin-left: -15px; }
2863 .no-gutters > [class*="col-"] {
2867 .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
,
2868 .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
,
2869 .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
,
2870 .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
,
2871 .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
,
2875 padding-right: 15px;
2876 padding-left: 15px; }
2893 flex: 0 0 33.3333333333%;
2894 max-width: 33.3333333333%; }
2905 flex: 0 0 16.6666666667%;
2906 max-width: 16.6666666667%; }
2914 flex: 0 0 8.3333333333%;
2915 max-width: 8.3333333333%; }
2918 flex: 0 0 16.6666666667%;
2919 max-width: 16.6666666667%; }
2926 flex: 0 0 33.3333333333%;
2927 max-width: 33.3333333333%; }
2930 flex: 0 0 41.6666666667%;
2931 max-width: 41.6666666667%; }
2938 flex: 0 0 58.3333333333%;
2939 max-width: 58.3333333333%; }
2942 flex: 0 0 66.6666666667%;
2943 max-width: 66.6666666667%; }
2950 flex: 0 0 83.3333333333%;
2951 max-width: 83.3333333333%; }
2954 flex: 0 0 91.6666666667%;
2955 max-width: 91.6666666667%; }
3007 margin-left: 8.3333333333%; }
3010 margin-left: 16.6666666667%; }
3016 margin-left: 33.3333333333%; }
3019 margin-left: 41.6666666667%; }
3025 margin-left: 58.3333333333%; }
3028 margin-left: 66.6666666667%; }
3034 margin-left: 83.3333333333%; }
3037 margin-left: 91.6666666667%; }
3039 @media (min-width: 576px) {
3045 .row-cols-sm-1 > * {
3048 .row-cols-sm-2 > * {
3051 .row-cols-sm-3 > * {
3052 flex: 0 0 33.3333333333%;
3053 max-width: 33.3333333333%; }
3054 .row-cols-sm-4 > * {
3057 .row-cols-sm-5 > * {
3060 .row-cols-sm-6 > * {
3061 flex: 0 0 16.6666666667%;
3062 max-width: 16.6666666667%; }
3068 flex: 0 0 8.3333333333%;
3069 max-width: 8.3333333333%; }
3071 flex: 0 0 16.6666666667%;
3072 max-width: 16.6666666667%; }
3077 flex: 0 0 33.3333333333%;
3078 max-width: 33.3333333333%; }
3080 flex: 0 0 41.6666666667%;
3081 max-width: 41.6666666667%; }
3086 flex: 0 0 58.3333333333%;
3087 max-width: 58.3333333333%; }
3089 flex: 0 0 66.6666666667%;
3090 max-width: 66.6666666667%; }
3095 flex: 0 0 83.3333333333%;
3096 max-width: 83.3333333333%; }
3098 flex: 0 0 91.6666666667%;
3099 max-width: 91.6666666667%; }
3136 margin-left: 8.3333333333%; }
3138 margin-left: 16.6666666667%; }
3142 margin-left: 33.3333333333%; }
3144 margin-left: 41.6666666667%; }
3148 margin-left: 58.3333333333%; }
3150 margin-left: 66.6666666667%; }
3154 margin-left: 83.3333333333%; }
3156 margin-left: 91.6666666667%; } }
3158 @media (min-width: 768px) {
3164 .row-cols-md-1 > * {
3167 .row-cols-md-2 > * {
3170 .row-cols-md-3 > * {
3171 flex: 0 0 33.3333333333%;
3172 max-width: 33.3333333333%; }
3173 .row-cols-md-4 > * {
3176 .row-cols-md-5 > * {
3179 .row-cols-md-6 > * {
3180 flex: 0 0 16.6666666667%;
3181 max-width: 16.6666666667%; }
3187 flex: 0 0 8.3333333333%;
3188 max-width: 8.3333333333%; }
3190 flex: 0 0 16.6666666667%;
3191 max-width: 16.6666666667%; }
3196 flex: 0 0 33.3333333333%;
3197 max-width: 33.3333333333%; }
3199 flex: 0 0 41.6666666667%;
3200 max-width: 41.6666666667%; }
3205 flex: 0 0 58.3333333333%;
3206 max-width: 58.3333333333%; }
3208 flex: 0 0 66.6666666667%;
3209 max-width: 66.6666666667%; }
3214 flex: 0 0 83.3333333333%;
3215 max-width: 83.3333333333%; }
3217 flex: 0 0 91.6666666667%;
3218 max-width: 91.6666666667%; }
3255 margin-left: 8.3333333333%; }
3257 margin-left: 16.6666666667%; }
3261 margin-left: 33.3333333333%; }
3263 margin-left: 41.6666666667%; }
3267 margin-left: 58.3333333333%; }
3269 margin-left: 66.6666666667%; }
3273 margin-left: 83.3333333333%; }
3275 margin-left: 91.6666666667%; } }
3277 @media (min-width: 992px) {
3283 .row-cols-lg-1 > * {
3286 .row-cols-lg-2 > * {
3289 .row-cols-lg-3 > * {
3290 flex: 0 0 33.3333333333%;
3291 max-width: 33.3333333333%; }
3292 .row-cols-lg-4 > * {
3295 .row-cols-lg-5 > * {
3298 .row-cols-lg-6 > * {
3299 flex: 0 0 16.6666666667%;
3300 max-width: 16.6666666667%; }
3306 flex: 0 0 8.3333333333%;
3307 max-width: 8.3333333333%; }
3309 flex: 0 0 16.6666666667%;
3310 max-width: 16.6666666667%; }
3315 flex: 0 0 33.3333333333%;
3316 max-width: 33.3333333333%; }
3318 flex: 0 0 41.6666666667%;
3319 max-width: 41.6666666667%; }
3324 flex: 0 0 58.3333333333%;
3325 max-width: 58.3333333333%; }
3327 flex: 0 0 66.6666666667%;
3328 max-width: 66.6666666667%; }
3333 flex: 0 0 83.3333333333%;
3334 max-width: 83.3333333333%; }
3336 flex: 0 0 91.6666666667%;
3337 max-width: 91.6666666667%; }
3374 margin-left: 8.3333333333%; }
3376 margin-left: 16.6666666667%; }
3380 margin-left: 33.3333333333%; }
3382 margin-left: 41.6666666667%; }
3386 margin-left: 58.3333333333%; }
3388 margin-left: 66.6666666667%; }
3392 margin-left: 83.3333333333%; }
3394 margin-left: 91.6666666667%; } }
3396 @media (min-width: 1200px) {
3402 .row-cols-xl-1 > * {
3405 .row-cols-xl-2 > * {
3408 .row-cols-xl-3 > * {
3409 flex: 0 0 33.3333333333%;
3410 max-width: 33.3333333333%; }
3411 .row-cols-xl-4 > * {
3414 .row-cols-xl-5 > * {
3417 .row-cols-xl-6 > * {
3418 flex: 0 0 16.6666666667%;
3419 max-width: 16.6666666667%; }
3425 flex: 0 0 8.3333333333%;
3426 max-width: 8.3333333333%; }
3428 flex: 0 0 16.6666666667%;
3429 max-width: 16.6666666667%; }
3434 flex: 0 0 33.3333333333%;
3435 max-width: 33.3333333333%; }
3437 flex: 0 0 41.6666666667%;
3438 max-width: 41.6666666667%; }
3443 flex: 0 0 58.3333333333%;
3444 max-width: 58.3333333333%; }
3446 flex: 0 0 66.6666666667%;
3447 max-width: 66.6666666667%; }
3452 flex: 0 0 83.3333333333%;
3453 max-width: 83.3333333333%; }
3455 flex: 0 0 91.6666666667%;
3456 max-width: 91.6666666667%; }
3493 margin-left: 8.3333333333%; }
3495 margin-left: 16.6666666667%; }
3499 margin-left: 33.3333333333%; }
3501 margin-left: 41.6666666667%; }
3505 margin-left: 58.3333333333%; }
3507 margin-left: 66.6666666667%; }
3511 margin-left: 83.3333333333%; }
3513 margin-left: 91.6666666667%; } }
3517 margin-bottom: 1rem;
3522 vertical-align: top
;
3523 border-top: 1px solid
#dee2e6; }
3525 vertical-align: bottom
;
3526 border-bottom: 2px solid
#dee2e6; }
3527 .table tbody + tbody {
3528 border-top: 2px solid
#dee2e6; }
3535 border: 1px solid
#dee2e6; }
3537 .table-bordered td {
3538 border: 1px solid
#dee2e6; }
3539 .table-bordered thead th
,
3540 .table-bordered thead td {
3541 border-bottom-width: 2px; }
3543 .table-borderless th
,
3544 .table-borderless td
,
3545 .table-borderless thead th
,
3546 .table-borderless tbody + tbody {
3549 .table-striped tbody tr:nth-of-type(odd) {
3550 background-color: rgba
(0, 0, 0, 0.05); }
3552 .table-hover tbody tr:hover {
3554 background-color: rgba
(0, 0, 0, 0.075); }
3557 .table-primary
> th
,
3558 .table-primary > td {
3559 background-color: #bcd7ef; }
3563 .table-primary thead th
,
3564 .table-primary tbody + tbody {
3565 border-color: #82b4e1; }
3567 .table-hover .table-primary:hover {
3568 background-color: #a7cbea; }
3569 .table-hover
.table-primary:hover
> td
,
3570 .table-hover .table-primary:hover > th {
3571 background-color: #a7cbea; }
3574 .table-secondary
> th
,
3575 .table-secondary > td {
3576 background-color: #f1f3f5; }
3578 .table-secondary th
,
3579 .table-secondary td
,
3580 .table-secondary thead th
,
3581 .table-secondary tbody + tbody {
3582 border-color: #e6e9ec; }
3584 .table-hover .table-secondary:hover {
3585 background-color: #e2e6ea; }
3586 .table-hover
.table-secondary:hover
> td
,
3587 .table-hover .table-secondary:hover > th {
3588 background-color: #e2e6ea; }
3591 .table-success
> th
,
3592 .table-success > td {
3593 background-color: #c6dac6; }
3597 .table-success thead th
,
3598 .table-success tbody + tbody {
3599 border-color: #96ba94; }
3601 .table-hover .table-success:hover {
3602 background-color: #b7d0b7; }
3603 .table-hover
.table-success:hover
> td
,
3604 .table-hover .table-success:hover > th {
3605 background-color: #b7d0b7; }
3610 background-color: #b8dce2; }
3614 .table-info thead th
,
3615 .table-info tbody + tbody {
3616 border-color: #7abdc8; }
3618 .table-hover .table-info:hover {
3619 background-color: #a6d3db; }
3620 .table-hover
.table-info:hover
> td
,
3621 .table-hover .table-info:hover > th {
3622 background-color: #a6d3db; }
3625 .table-warning
> th
,
3626 .table-warning > td {
3627 background-color: #fbe8cd; }
3631 .table-warning thead th
,
3632 .table-warning tbody + tbody {
3633 border-color: #f7d4a3; }
3635 .table-hover .table-warning:hover {
3636 background-color: #f9ddb5; }
3637 .table-hover
.table-warning:hover
> td
,
3638 .table-hover .table-warning:hover > th {
3639 background-color: #f9ddb5; }
3643 .table-danger > td {
3644 background-color: #f0c5c1; }
3648 .table-danger thead th
,
3649 .table-danger tbody + tbody {
3650 border-color: #e3948b; }
3652 .table-hover .table-danger:hover {
3653 background-color: #ebb2ac; }
3654 .table-hover
.table-danger:hover
> td
,
3655 .table-hover .table-danger:hover > th {
3656 background-color: #ebb2ac; }
3661 background-color: #fdfdfe; }
3665 .table-light thead th
,
3666 .table-light tbody + tbody {
3667 border-color: #fbfcfc; }
3669 .table-hover .table-light:hover {
3670 background-color: #ececf6; }
3671 .table-hover
.table-light:hover
> td
,
3672 .table-hover .table-light:hover > th {
3673 background-color: #ececf6; }
3678 background-color: #c6c8ca; }
3682 .table-dark thead th
,
3683 .table-dark tbody + tbody {
3684 border-color: #95999c; }
3686 .table-hover .table-dark:hover {
3687 background-color: #b9bbbe; }
3688 .table-hover
.table-dark:hover
> td
,
3689 .table-hover .table-dark:hover > th {
3690 background-color: #b9bbbe; }
3694 .table-active > td {
3695 background-color: rgba
(0, 0, 0, 0.075); }
3697 .table-hover .table-active:hover {
3698 background-color: rgba
(0, 0, 0, 0.075); }
3699 .table-hover
.table-active:hover
> td
,
3700 .table-hover .table-active:hover > th {
3701 background-color: rgba
(0, 0, 0, 0.075); }
3703 .table .thead-dark th {
3705 background-color: #343a40;
3706 border-color: #454d55; }
3708 .table .thead-light th {
3710 background-color: #e9ecef;
3711 border-color: #dee2e6; }
3715 background-color: #343a40; }
3718 .table-dark thead th {
3719 border-color: #454d55; }
3720 .table-dark.table-bordered {
3722 .table-dark.table-striped tbody tr:nth-of-type(odd) {
3723 background-color: rgba
(255, 255, 255, 0.05); }
3724 .table-dark.table-hover tbody tr:hover {
3726 background-color: rgba
(255, 255, 255, 0.075); }
3728 @media (max-width: 575.98px) {
3729 .table-responsive-sm {
3733 -webkit-overflow-scrolling: touch
; }
3734 .table-responsive-sm > .table-bordered {
3737 @media (max-width: 767.98px) {
3738 .table-responsive-md {
3742 -webkit-overflow-scrolling: touch
; }
3743 .table-responsive-md > .table-bordered {
3746 @media (max-width: 991.98px) {
3747 .table-responsive-lg {
3751 -webkit-overflow-scrolling: touch
; }
3752 .table-responsive-lg > .table-bordered {
3755 @media (max-width: 1199.98px) {
3756 .table-responsive-xl {
3760 -webkit-overflow-scrolling: touch
; }
3761 .table-responsive-xl > .table-bordered {
3768 -webkit-overflow-scrolling: touch
; }
3769 .table-responsive > .table-bordered {
3775 height: calc
(1.5em + 0.75rem + 2px);
3776 padding: 0.375rem 0.75rem;
3777 font-size: 0.9375rem;
3781 background-color: #fff;
3782 background-clip: padding-box
;
3783 border: 1px solid
#8f959e;
3784 border-radius: 0.25rem;
3785 transition: border-color
0.15s ease-in-out
, box-shadow
0.15s ease-in-out
; }
3786 @media
(max-width: 1200px) {
3788 font-size: calc
(0.90375rem + 0.045vw) ; } }
3789 @media
(prefers-reduced-motion: reduce
) {
3791 transition: none
; } }
3792 .form-control::-ms-expand {
3793 background-color: transparent
;
3795 .form-control:-moz-focusring {
3797 text-shadow: 0 0 0 #495057; }
3798 .form-control:focus {
3800 background-color: #fff;
3801 border-color: #61aef3;
3803 box-shadow: 0 0 0 0.2rem rgba
(15, 111, 197, 0.75); }
3804 .form-control::placeholder {
3807 .form-control:disabled, .form-control[readonly] {
3808 background-color: #e9ecef;
3811 input
[type
="date"].form-control
,
3812 input
[type
="time"].form-control
,
3813 input
[type
="datetime-local"].form-control
,
3814 input
[type
="month"].form-control
{
3817 select
.form-control:focus::-ms-value
{
3819 background-color: #fff; }
3822 .form-control-range {
3827 padding-top: calc
(0.375rem + 1px);
3828 padding-bottom: calc
(0.375rem + 1px);
3833 .col-form-label-lg {
3834 padding-top: calc
(0.5rem + 1px);
3835 padding-bottom: calc
(0.5rem + 1px);
3836 font-size: 1.171875rem;
3838 @media
(max-width: 1200px) {
3839 .col-form-label-lg {
3840 font-size: calc
(0.9271875rem + 0.32625vw) ; } }
3842 .col-form-label-sm {
3843 padding-top: calc
(0.25rem + 1px);
3844 padding-bottom: calc
(0.25rem + 1px);
3845 font-size: 0.8203125rem;
3848 .form-control-plaintext {
3851 padding: 0.375rem 0;
3853 font-size: 0.9375rem;
3856 background-color: transparent
;
3857 border: solid transparent
;
3858 border-width: 1px 0; }
3859 @media
(max-width: 1200px) {
3860 .form-control-plaintext {
3861 font-size: calc
(0.90375rem + 0.045vw) ; } }
3862 .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
3867 height: calc
(1.5em + 0.5rem + 2px);
3868 padding: 0.25rem 0.5rem;
3869 font-size: 0.8203125rem;
3871 border-radius: 0.2rem; }
3874 height: calc
(1.5em + 1rem + 2px);
3875 padding: 0.5rem 1rem;
3876 font-size: 1.171875rem;
3878 border-radius: 0.3rem; }
3879 @media
(max-width: 1200px) {
3881 font-size: calc
(0.9271875rem + 0.32625vw) ; } }
3883 select
.form-control
[size
], select
.form-control
[multiple
] {
3886 textarea
.form-control
{
3890 margin-bottom: 1rem; }
3894 margin-top: 0.25rem; }
3900 margin-left: -5px; }
3902 .form-row > [class*="col-"] {
3904 padding-left: 5px; }
3909 padding-left: 1.25rem; }
3914 margin-left: -1.25rem; }
3915 .form-check-input
[disabled
] ~ .form-check-label
,
3916 .form-check-input:disabled ~ .form-check-label {
3922 .form-check-inline {
3923 display: inline-flex
;
3924 align-items: center
;
3926 margin-right: 0.75rem; }
3927 .form-check-inline .form-check-input {
3930 margin-right: 0.3125rem;
3936 margin-top: 0.25rem;
3946 padding: 0.25rem 0.5rem;
3948 font-size: 0.8203125rem;
3951 background-color: rgba
(53, 122, 50, 0.9);
3952 border-radius: 0.25rem; }
3954 .was-validated :valid
~ .valid-feedback
,
3955 .was-validated :valid
~ .valid-tooltip
,
3956 .is-valid
~ .valid-feedback
,
3957 .is-valid ~ .valid-tooltip {
3960 .was-validated .form-control:valid, .form-control.is-valid {
3961 border-color: #357a32;
3962 padding-right: calc
(1.5em + 0.75rem);
3963 background-image: url
("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23357a32' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
3964 background-repeat: no-repeat
;
3965 background-position: right calc
(0.375em + 0.1875rem) center
;
3966 background-size: calc
(0.75em + 0.375rem) calc
(0.75em + 0.375rem); }
3967 .was-validated .form-control:valid:focus, .form-control.is-valid:focus {
3968 border-color: #357a32;
3969 box-shadow: 0 0 0 0.2rem rgba
(53, 122, 50, 0.25); }
3971 .was-validated textarea.form-control:valid, textarea.form-control.is-valid {
3972 padding-right: calc
(1.5em + 0.75rem);
3973 background-position: top calc
(0.375em + 0.1875rem) right calc
(0.375em + 0.1875rem); }
3975 .was-validated .custom-select:valid, .custom-select.is-valid {
3976 border-color: #357a32;
3977 padding-right: calc
(0.75em + 2.3125rem);
3978 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='%23357a32' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right
1.75rem/calc
(0.75em + 0.375rem) calc
(0.75em + 0.375rem); }
3979 .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
3980 border-color: #357a32;
3981 box-shadow: 0 0 0 0.2rem rgba
(53, 122, 50, 0.25); }
3983 .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
3986 .was-validated
.form-check-input:valid
~ .valid-feedback
,
3987 .was-validated
.form-check-input:valid
~ .valid-tooltip
, .form-check-input
.is-valid
~ .valid-feedback
,
3988 .form-check-input.is-valid ~ .valid-tooltip {
3991 .was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
3993 .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
3994 border-color: #357a32; }
3996 .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
3997 border-color: #459e41;
3998 background-color: #459e41; }
4000 .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
4001 box-shadow: 0 0 0 0.2rem rgba
(53, 122, 50, 0.25); }
4003 .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 {
4004 border-color: #357a32; }
4006 .was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
4007 border-color: #357a32; }
4009 .was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
4010 border-color: #357a32;
4011 box-shadow: 0 0 0 0.2rem rgba
(53, 122, 50, 0.25); }
4016 margin-top: 0.25rem;
4026 padding: 0.25rem 0.5rem;
4028 font-size: 0.8203125rem;
4031 background-color: rgba
(202, 49, 32, 0.9);
4032 border-radius: 0.25rem; }
4034 .was-validated :invalid
~ .invalid-feedback
,
4035 .was-validated :invalid
~ .invalid-tooltip
,
4036 .is-invalid
~ .invalid-feedback
,
4037 .is-invalid ~ .invalid-tooltip {
4040 .was-validated .form-control:invalid, .form-control.is-invalid {
4041 border-color: #ca3120;
4042 padding-right: calc
(1.5em + 0.75rem);
4043 background-image: url
("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23ca3120' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23ca3120' stroke='none'/%3e%3c/svg%3e");
4044 background-repeat: no-repeat
;
4045 background-position: right calc
(0.375em + 0.1875rem) center
;
4046 background-size: calc
(0.75em + 0.375rem) calc
(0.75em + 0.375rem); }
4047 .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
4048 border-color: #ca3120;
4049 box-shadow: 0 0 0 0.2rem rgba
(202, 49, 32, 0.25); }
4051 .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
4052 padding-right: calc
(1.5em + 0.75rem);
4053 background-position: top calc
(0.375em + 0.1875rem) right calc
(0.375em + 0.1875rem); }
4055 .was-validated .custom-select:invalid, .custom-select.is-invalid {
4056 border-color: #ca3120;
4057 padding-right: calc
(0.75em + 2.3125rem);
4058 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='%23ca3120' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23ca3120' stroke='none'/%3e%3c/svg%3e") #fff no-repeat center right
1.75rem/calc
(0.75em + 0.375rem) calc
(0.75em + 0.375rem); }
4059 .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
4060 border-color: #ca3120;
4061 box-shadow: 0 0 0 0.2rem rgba
(202, 49, 32, 0.25); }
4063 .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
4066 .was-validated
.form-check-input:invalid
~ .invalid-feedback
,
4067 .was-validated
.form-check-input:invalid
~ .invalid-tooltip
, .form-check-input
.is-invalid
~ .invalid-feedback
,
4068 .form-check-input.is-invalid ~ .invalid-tooltip {
4071 .was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
4073 .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
4074 border-color: #ca3120; }
4076 .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
4077 border-color: #e04d3d;
4078 background-color: #e04d3d; }
4080 .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
4081 box-shadow: 0 0 0 0.2rem rgba
(202, 49, 32, 0.25); }
4083 .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 {
4084 border-color: #ca3120; }
4086 .was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
4087 border-color: #ca3120; }
4089 .was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
4090 border-color: #ca3120;
4091 box-shadow: 0 0 0 0.2rem rgba
(202, 49, 32, 0.25); }
4095 flex-flow: row wrap
;
4096 align-items: center
; }
4097 .form-inline .form-check {
4099 @media
(min-width: 576px) {
4100 .form-inline label {
4102 align-items: center
;
4103 justify-content: center
;
4105 .form-inline .form-group {
4108 flex-flow: row wrap
;
4109 align-items: center
;
4111 .form-inline .form-control {
4112 display: inline-block
;
4114 vertical-align: middle
; }
4115 .form-inline .form-control-plaintext {
4116 display: inline-block
; }
4117 .form-inline
.input-group
,
4118 .form-inline .custom-select {
4120 .form-inline .form-check {
4122 align-items: center
;
4123 justify-content: center
;
4126 .form-inline .form-check-input {
4130 margin-right: 0.25rem;
4132 .form-inline .custom-control {
4133 align-items: center
;
4134 justify-content: center
; }
4135 .form-inline .custom-control-label {
4136 margin-bottom: 0; } }
4139 display: inline-block
;
4143 vertical-align: middle
;
4145 background-color: transparent
;
4146 border: 1px solid transparent
;
4147 padding: 0.375rem 0.75rem;
4148 font-size: 0.9375rem;
4150 border-radius: 0.25rem;
4151 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
; }
4152 @media
(max-width: 1200px) {
4154 font-size: calc
(0.90375rem + 0.045vw) ; } }
4155 @media
(prefers-reduced-motion: reduce
) {
4157 transition: none
; } }
4160 text-decoration: none
; }
4161 .btn:focus, .btn.focus {
4163 box-shadow: 0 0 0 0.2rem rgba
(15, 111, 197, 0.75); }
4164 .btn.disabled, .btn:disabled {
4166 .btn:not(:disabled):not(.disabled) {
4170 fieldset:disabled a
.btn
{
4171 pointer-events: none
; }
4175 background-color: #0f6fc5;
4176 border-color: #0f6fc5; }
4177 .btn-primary:hover {
4179 background-color: #0c5ba1;
4180 border-color: #0b5496; }
4181 .btn-primary:focus, .btn-primary.focus {
4183 background-color: #0c5ba1;
4184 border-color: #0b5496;
4185 box-shadow: 0 0 0 0.2rem rgba
(51, 133, 206, 0.5); }
4186 .btn-primary.disabled, .btn-primary:disabled {
4188 background-color: #0f6fc5;
4189 border-color: #0f6fc5; }
4190 .btn-primary:not
(:disabled
):not
(.disabled
):active
, .btn-primary:not
(:disabled
):not
(.disabled
).active
,
4191 .show > .btn-primary.dropdown-toggle {
4193 background-color: #0b5496;
4194 border-color: #0a4e8a; }
4195 .btn-primary:not
(:disabled
):not
(.disabled
):active:focus
, .btn-primary:not
(:disabled
):not
(.disabled
).active:focus
,
4196 .show > .btn-primary.dropdown-toggle:focus {
4197 box-shadow: 0 0 0 0.2rem rgba
(51, 133, 206, 0.5); }
4201 background-color: #ced4da;
4202 border-color: #ced4da; }
4203 .btn-secondary:hover {
4205 background-color: #b8c1ca;
4206 border-color: #b1bbc4; }
4207 .btn-secondary:focus, .btn-secondary.focus {
4209 background-color: #b8c1ca;
4210 border-color: #b1bbc4;
4211 box-shadow: 0 0 0 0.2rem rgba
(180, 186, 191, 0.5); }
4212 .btn-secondary.disabled, .btn-secondary:disabled {
4214 background-color: #ced4da;
4215 border-color: #ced4da; }
4216 .btn-secondary:not
(:disabled
):not
(.disabled
):active
, .btn-secondary:not
(:disabled
):not
(.disabled
).active
,
4217 .show > .btn-secondary.dropdown-toggle {
4219 background-color: #b1bbc4;
4220 border-color: #aab4bf; }
4221 .btn-secondary:not
(:disabled
):not
(.disabled
):active:focus
, .btn-secondary:not
(:disabled
):not
(.disabled
).active:focus
,
4222 .show > .btn-secondary.dropdown-toggle:focus {
4223 box-shadow: 0 0 0 0.2rem rgba
(180, 186, 191, 0.5); }
4227 background-color: #357a32;
4228 border-color: #357a32; }
4229 .btn-success:hover {
4231 background-color: #295f27;
4232 border-color: #255623; }
4233 .btn-success:focus, .btn-success.focus {
4235 background-color: #295f27;
4236 border-color: #255623;
4237 box-shadow: 0 0 0 0.2rem rgba
(83, 142, 81, 0.5); }
4238 .btn-success.disabled, .btn-success:disabled {
4240 background-color: #357a32;
4241 border-color: #357a32; }
4242 .btn-success:not
(:disabled
):not
(.disabled
):active
, .btn-success:not
(:disabled
):not
(.disabled
).active
,
4243 .show > .btn-success.dropdown-toggle {
4245 background-color: #255623;
4246 border-color: #214d1f; }
4247 .btn-success:not
(:disabled
):not
(.disabled
):active:focus
, .btn-success:not
(:disabled
):not
(.disabled
).active:focus
,
4248 .show > .btn-success.dropdown-toggle:focus {
4249 box-shadow: 0 0 0 0.2rem rgba
(83, 142, 81, 0.5); }
4253 background-color: #008196;
4254 border-color: #008196; }
4257 background-color: #006070;
4258 border-color: #005563; }
4259 .btn-info:focus, .btn-info.focus {
4261 background-color: #006070;
4262 border-color: #005563;
4263 box-shadow: 0 0 0 0.2rem rgba
(38, 148, 166, 0.5); }
4264 .btn-info.disabled, .btn-info:disabled {
4266 background-color: #008196;
4267 border-color: #008196; }
4268 .btn-info:not
(:disabled
):not
(.disabled
):active
, .btn-info:not
(:disabled
):not
(.disabled
).active
,
4269 .show > .btn-info.dropdown-toggle {
4271 background-color: #005563;
4272 border-color: #004a56; }
4273 .btn-info:not
(:disabled
):not
(.disabled
):active:focus
, .btn-info:not
(:disabled
):not
(.disabled
).active:focus
,
4274 .show > .btn-info.dropdown-toggle:focus {
4275 box-shadow: 0 0 0 0.2rem rgba
(38, 148, 166, 0.5); }
4279 background-color: #f0ad4e;
4280 border-color: #f0ad4e; }
4281 .btn-warning:hover {
4283 background-color: #ed9d2b;
4284 border-color: #ec971f; }
4285 .btn-warning:focus, .btn-warning.focus {
4287 background-color: #ed9d2b;
4288 border-color: #ec971f;
4289 box-shadow: 0 0 0 0.2rem rgba
(209, 153, 72, 0.5); }
4290 .btn-warning.disabled, .btn-warning:disabled {
4292 background-color: #f0ad4e;
4293 border-color: #f0ad4e; }
4294 .btn-warning:not
(:disabled
):not
(.disabled
):active
, .btn-warning:not
(:disabled
):not
(.disabled
).active
,
4295 .show > .btn-warning.dropdown-toggle {
4297 background-color: #ec971f;
4298 border-color: #ea9214; }
4299 .btn-warning:not
(:disabled
):not
(.disabled
):active:focus
, .btn-warning:not
(:disabled
):not
(.disabled
).active:focus
,
4300 .show > .btn-warning.dropdown-toggle:focus {
4301 box-shadow: 0 0 0 0.2rem rgba
(209, 153, 72, 0.5); }
4305 background-color: #ca3120;
4306 border-color: #ca3120; }
4309 background-color: #a9291b;
4310 border-color: #9e2619; }
4311 .btn-danger:focus, .btn-danger.focus {
4313 background-color: #a9291b;
4314 border-color: #9e2619;
4315 box-shadow: 0 0 0 0.2rem rgba
(210, 80, 65, 0.5); }
4316 .btn-danger.disabled, .btn-danger:disabled {
4318 background-color: #ca3120;
4319 border-color: #ca3120; }
4320 .btn-danger:not
(:disabled
):not
(.disabled
):active
, .btn-danger:not
(:disabled
):not
(.disabled
).active
,
4321 .show > .btn-danger.dropdown-toggle {
4323 background-color: #9e2619;
4324 border-color: #932417; }
4325 .btn-danger:not
(:disabled
):not
(.disabled
):active:focus
, .btn-danger:not
(:disabled
):not
(.disabled
).active:focus
,
4326 .show > .btn-danger.dropdown-toggle:focus {
4327 box-shadow: 0 0 0 0.2rem rgba
(210, 80, 65, 0.5); }
4331 background-color: #f8f9fa;
4332 border-color: #f8f9fa; }
4335 background-color: #e2e6ea;
4336 border-color: #dae0e5; }
4337 .btn-light:focus, .btn-light.focus {
4339 background-color: #e2e6ea;
4340 border-color: #dae0e5;
4341 box-shadow: 0 0 0 0.2rem rgba
(216, 217, 219, 0.5); }
4342 .btn-light.disabled, .btn-light:disabled {
4344 background-color: #f8f9fa;
4345 border-color: #f8f9fa; }
4346 .btn-light:not
(:disabled
):not
(.disabled
):active
, .btn-light:not
(:disabled
):not
(.disabled
).active
,
4347 .show > .btn-light.dropdown-toggle {
4349 background-color: #dae0e5;
4350 border-color: #d3d9df; }
4351 .btn-light:not
(:disabled
):not
(.disabled
):active:focus
, .btn-light:not
(:disabled
):not
(.disabled
).active:focus
,
4352 .show > .btn-light.dropdown-toggle:focus {
4353 box-shadow: 0 0 0 0.2rem rgba
(216, 217, 219, 0.5); }
4357 background-color: #343a40;
4358 border-color: #343a40; }
4361 background-color: #23272b;
4362 border-color: #1d2124; }
4363 .btn-dark:focus, .btn-dark.focus {
4365 background-color: #23272b;
4366 border-color: #1d2124;
4367 box-shadow: 0 0 0 0.2rem rgba
(82, 88, 93, 0.5); }
4368 .btn-dark.disabled, .btn-dark:disabled {
4370 background-color: #343a40;
4371 border-color: #343a40; }
4372 .btn-dark:not
(:disabled
):not
(.disabled
):active
, .btn-dark:not
(:disabled
):not
(.disabled
).active
,
4373 .show > .btn-dark.dropdown-toggle {
4375 background-color: #1d2124;
4376 border-color: #171a1d; }
4377 .btn-dark:not
(:disabled
):not
(.disabled
):active:focus
, .btn-dark:not
(:disabled
):not
(.disabled
).active:focus
,
4378 .show > .btn-dark.dropdown-toggle:focus {
4379 box-shadow: 0 0 0 0.2rem rgba
(82, 88, 93, 0.5); }
4381 .btn-outline-primary {
4383 border-color: #0f6fc5; }
4384 .btn-outline-primary:hover {
4386 background-color: #0f6fc5;
4387 border-color: #0f6fc5; }
4388 .btn-outline-primary:focus, .btn-outline-primary.focus {
4389 box-shadow: 0 0 0 0.2rem rgba
(15, 111, 197, 0.5); }
4390 .btn-outline-primary.disabled, .btn-outline-primary:disabled {
4392 background-color: transparent
; }
4393 .btn-outline-primary:not
(:disabled
):not
(.disabled
):active
, .btn-outline-primary:not
(:disabled
):not
(.disabled
).active
,
4394 .show > .btn-outline-primary.dropdown-toggle {
4396 background-color: #0f6fc5;
4397 border-color: #0f6fc5; }
4398 .btn-outline-primary:not
(:disabled
):not
(.disabled
):active:focus
, .btn-outline-primary:not
(:disabled
):not
(.disabled
).active:focus
,
4399 .show > .btn-outline-primary.dropdown-toggle:focus {
4400 box-shadow: 0 0 0 0.2rem rgba
(15, 111, 197, 0.5); }
4402 .btn-outline-secondary {
4404 border-color: #ced4da; }
4405 .btn-outline-secondary:hover {
4407 background-color: #ced4da;
4408 border-color: #ced4da; }
4409 .btn-outline-secondary:focus, .btn-outline-secondary.focus {
4410 box-shadow: 0 0 0 0.2rem rgba
(206, 212, 218, 0.5); }
4411 .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
4413 background-color: transparent
; }
4414 .btn-outline-secondary:not
(:disabled
):not
(.disabled
):active
, .btn-outline-secondary:not
(:disabled
):not
(.disabled
).active
,
4415 .show > .btn-outline-secondary.dropdown-toggle {
4417 background-color: #ced4da;
4418 border-color: #ced4da; }
4419 .btn-outline-secondary:not
(:disabled
):not
(.disabled
):active:focus
, .btn-outline-secondary:not
(:disabled
):not
(.disabled
).active:focus
,
4420 .show > .btn-outline-secondary.dropdown-toggle:focus {
4421 box-shadow: 0 0 0 0.2rem rgba
(206, 212, 218, 0.5); }
4423 .btn-outline-success {
4425 border-color: #357a32; }
4426 .btn-outline-success:hover {
4428 background-color: #357a32;
4429 border-color: #357a32; }
4430 .btn-outline-success:focus, .btn-outline-success.focus {
4431 box-shadow: 0 0 0 0.2rem rgba
(53, 122, 50, 0.5); }
4432 .btn-outline-success.disabled, .btn-outline-success:disabled {
4434 background-color: transparent
; }
4435 .btn-outline-success:not
(:disabled
):not
(.disabled
):active
, .btn-outline-success:not
(:disabled
):not
(.disabled
).active
,
4436 .show > .btn-outline-success.dropdown-toggle {
4438 background-color: #357a32;
4439 border-color: #357a32; }
4440 .btn-outline-success:not
(:disabled
):not
(.disabled
):active:focus
, .btn-outline-success:not
(:disabled
):not
(.disabled
).active:focus
,
4441 .show > .btn-outline-success.dropdown-toggle:focus {
4442 box-shadow: 0 0 0 0.2rem rgba
(53, 122, 50, 0.5); }
4446 border-color: #008196; }
4447 .btn-outline-info:hover {
4449 background-color: #008196;
4450 border-color: #008196; }
4451 .btn-outline-info:focus, .btn-outline-info.focus {
4452 box-shadow: 0 0 0 0.2rem rgba
(0, 129, 150, 0.5); }
4453 .btn-outline-info.disabled, .btn-outline-info:disabled {
4455 background-color: transparent
; }
4456 .btn-outline-info:not
(:disabled
):not
(.disabled
):active
, .btn-outline-info:not
(:disabled
):not
(.disabled
).active
,
4457 .show > .btn-outline-info.dropdown-toggle {
4459 background-color: #008196;
4460 border-color: #008196; }
4461 .btn-outline-info:not
(:disabled
):not
(.disabled
):active:focus
, .btn-outline-info:not
(:disabled
):not
(.disabled
).active:focus
,
4462 .show > .btn-outline-info.dropdown-toggle:focus {
4463 box-shadow: 0 0 0 0.2rem rgba
(0, 129, 150, 0.5); }
4465 .btn-outline-warning {
4467 border-color: #f0ad4e; }
4468 .btn-outline-warning:hover {
4470 background-color: #f0ad4e;
4471 border-color: #f0ad4e; }
4472 .btn-outline-warning:focus, .btn-outline-warning.focus {
4473 box-shadow: 0 0 0 0.2rem rgba
(240, 173, 78, 0.5); }
4474 .btn-outline-warning.disabled, .btn-outline-warning:disabled {
4476 background-color: transparent
; }
4477 .btn-outline-warning:not
(:disabled
):not
(.disabled
):active
, .btn-outline-warning:not
(:disabled
):not
(.disabled
).active
,
4478 .show > .btn-outline-warning.dropdown-toggle {
4480 background-color: #f0ad4e;
4481 border-color: #f0ad4e; }
4482 .btn-outline-warning:not
(:disabled
):not
(.disabled
):active:focus
, .btn-outline-warning:not
(:disabled
):not
(.disabled
).active:focus
,
4483 .show > .btn-outline-warning.dropdown-toggle:focus {
4484 box-shadow: 0 0 0 0.2rem rgba
(240, 173, 78, 0.5); }
4486 .btn-outline-danger {
4488 border-color: #ca3120; }
4489 .btn-outline-danger:hover {
4491 background-color: #ca3120;
4492 border-color: #ca3120; }
4493 .btn-outline-danger:focus, .btn-outline-danger.focus {
4494 box-shadow: 0 0 0 0.2rem rgba
(202, 49, 32, 0.5); }
4495 .btn-outline-danger.disabled, .btn-outline-danger:disabled {
4497 background-color: transparent
; }
4498 .btn-outline-danger:not
(:disabled
):not
(.disabled
):active
, .btn-outline-danger:not
(:disabled
):not
(.disabled
).active
,
4499 .show > .btn-outline-danger.dropdown-toggle {
4501 background-color: #ca3120;
4502 border-color: #ca3120; }
4503 .btn-outline-danger:not
(:disabled
):not
(.disabled
):active:focus
, .btn-outline-danger:not
(:disabled
):not
(.disabled
).active:focus
,
4504 .show > .btn-outline-danger.dropdown-toggle:focus {
4505 box-shadow: 0 0 0 0.2rem rgba
(202, 49, 32, 0.5); }
4507 .btn-outline-light {
4509 border-color: #f8f9fa; }
4510 .btn-outline-light:hover {
4512 background-color: #f8f9fa;
4513 border-color: #f8f9fa; }
4514 .btn-outline-light:focus, .btn-outline-light.focus {
4515 box-shadow: 0 0 0 0.2rem rgba
(248, 249, 250, 0.5); }
4516 .btn-outline-light.disabled, .btn-outline-light:disabled {
4518 background-color: transparent
; }
4519 .btn-outline-light:not
(:disabled
):not
(.disabled
):active
, .btn-outline-light:not
(:disabled
):not
(.disabled
).active
,
4520 .show > .btn-outline-light.dropdown-toggle {
4522 background-color: #f8f9fa;
4523 border-color: #f8f9fa; }
4524 .btn-outline-light:not
(:disabled
):not
(.disabled
):active:focus
, .btn-outline-light:not
(:disabled
):not
(.disabled
).active:focus
,
4525 .show > .btn-outline-light.dropdown-toggle:focus {
4526 box-shadow: 0 0 0 0.2rem rgba
(248, 249, 250, 0.5); }
4530 border-color: #343a40; }
4531 .btn-outline-dark:hover {
4533 background-color: #343a40;
4534 border-color: #343a40; }
4535 .btn-outline-dark:focus, .btn-outline-dark.focus {
4536 box-shadow: 0 0 0 0.2rem rgba
(52, 58, 64, 0.5); }
4537 .btn-outline-dark.disabled, .btn-outline-dark:disabled {
4539 background-color: transparent
; }
4540 .btn-outline-dark:not
(:disabled
):not
(.disabled
):active
, .btn-outline-dark:not
(:disabled
):not
(.disabled
).active
,
4541 .show > .btn-outline-dark.dropdown-toggle {
4543 background-color: #343a40;
4544 border-color: #343a40; }
4545 .btn-outline-dark:not
(:disabled
):not
(.disabled
):active:focus
, .btn-outline-dark:not
(:disabled
):not
(.disabled
).active:focus
,
4546 .show > .btn-outline-dark.dropdown-toggle:focus {
4547 box-shadow: 0 0 0 0.2rem rgba
(52, 58, 64, 0.5); }
4552 text-decoration: none
; }
4555 text-decoration: underline
; }
4556 .btn-link:focus, .btn-link.focus {
4557 text-decoration: underline
; }
4558 .btn-link:disabled, .btn-link.disabled {
4560 pointer-events: none
; }
4562 .btn-lg, .btn-group-lg > .btn {
4563 padding: 0.5rem 1rem;
4564 font-size: 1.171875rem;
4566 border-radius: 0.3rem; }
4567 @media
(max-width: 1200px) {
4568 .btn-lg, .btn-group-lg > .btn {
4569 font-size: calc
(0.9271875rem + 0.32625vw) ; } }
4571 .btn-sm, .btn-group-sm > .btn {
4572 padding: 0.25rem 0.5rem;
4573 font-size: 0.8203125rem;
4575 border-radius: 0.2rem; }
4580 .btn-block + .btn-block {
4581 margin-top: 0.5rem; }
4583 input
[type
="submit"].btn-block
,
4584 input
[type
="reset"].btn-block
,
4585 input
[type
="button"].btn-block
{
4589 transition: opacity
0.15s linear
; }
4590 @media
(prefers-reduced-motion: reduce
) {
4592 transition: none
; } }
4596 .collapse:not(.show) {
4603 transition: height
0.35s ease
; }
4604 @media
(prefers-reduced-motion: reduce
) {
4606 transition: none
; } }
4612 position: relative
; }
4615 white-space: nowrap
; }
4616 .dropdown-toggle::after {
4617 display: inline-block
;
4618 margin-left: 0.255em;
4619 vertical-align: 0.255em;
4621 border-top: 0.3em solid
;
4622 border-right: 0.3em solid transparent
;
4624 border-left: 0.3em solid transparent
; }
4625 .dropdown-toggle:empty::after {
4637 margin: 0.125rem 0 0;
4638 font-size: 0.9375rem;
4642 background-color: #fff;
4643 background-clip: padding-box
;
4644 border: 1px solid rgba
(0, 0, 0, 0.15);
4645 border-radius: 0.25rem; }
4646 @media
(max-width: 1200px) {
4648 font-size: calc
(0.90375rem + 0.045vw) ; } }
4650 .dropdown-menu-left {
4654 .dropdown-menu-right {
4658 @media (min-width: 576px) {
4659 .dropdown-menu-sm-left {
4662 .dropdown-menu-sm-right {
4666 @media (min-width: 768px) {
4667 .dropdown-menu-md-left {
4670 .dropdown-menu-md-right {
4674 @media (min-width: 992px) {
4675 .dropdown-menu-lg-left {
4678 .dropdown-menu-lg-right {
4682 @media (min-width: 1200px) {
4683 .dropdown-menu-xl-left {
4686 .dropdown-menu-xl-right {
4690 .dropup .dropdown-menu {
4694 margin-bottom: 0.125rem; }
4696 .dropup .dropdown-toggle::after {
4697 display: inline-block
;
4698 margin-left: 0.255em;
4699 vertical-align: 0.255em;
4702 border-right: 0.3em solid transparent
;
4703 border-bottom: 0.3em solid
;
4704 border-left: 0.3em solid transparent
; }
4706 .dropup .dropdown-toggle:empty::after {
4709 .dropright .dropdown-menu {
4714 margin-left: 0.125rem; }
4716 .dropright .dropdown-toggle::after {
4717 display: inline-block
;
4718 margin-left: 0.255em;
4719 vertical-align: 0.255em;
4721 border-top: 0.3em solid transparent
;
4723 border-bottom: 0.3em solid transparent
;
4724 border-left: 0.3em solid
; }
4726 .dropright .dropdown-toggle:empty::after {
4729 .dropright .dropdown-toggle::after {
4730 vertical-align: 0; }
4732 .dropleft .dropdown-menu {
4737 margin-right: 0.125rem; }
4739 .dropleft .dropdown-toggle::after {
4740 display: inline-block
;
4741 margin-left: 0.255em;
4742 vertical-align: 0.255em;
4745 .dropleft .dropdown-toggle::after {
4748 .dropleft .dropdown-toggle::before {
4749 display: inline-block
;
4750 margin-right: 0.255em;
4751 vertical-align: 0.255em;
4753 border-top: 0.3em solid transparent
;
4754 border-right: 0.3em solid
;
4755 border-bottom: 0.3em solid transparent
; }
4757 .dropleft .dropdown-toggle:empty::after {
4760 .dropleft .dropdown-toggle::before {
4761 vertical-align: 0; }
4763 .dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] {
4771 border-top: 1px solid
#e9ecef; }
4776 padding: 0.25rem 1.5rem;
4780 text-align: inherit
;
4781 white-space: nowrap
;
4782 background-color: transparent
;
4784 .dropdown-item:hover, .dropdown-item:focus {
4786 text-decoration: none
;
4787 background-color: #0f6fc5; }
4788 .dropdown-item.active, .dropdown-item:active {
4790 text-decoration: none
;
4791 background-color: #0f6fc5; }
4792 .dropdown-item.disabled, .dropdown-item:disabled {
4794 pointer-events: none
;
4795 background-color: transparent
; }
4797 .dropdown-menu.show {
4802 padding: 0.5rem 1.5rem;
4804 font-size: 0.8203125rem;
4806 white-space: nowrap
; }
4808 .dropdown-item-text {
4810 padding: 0.25rem 1.5rem;
4814 .btn-group-vertical {
4816 display: inline-flex
;
4817 vertical-align: middle
; }
4819 .btn-group-vertical > .btn {
4822 .btn-group
> .btn:hover
,
4823 .btn-group-vertical > .btn:hover {
4825 .btn-group
> .btn:focus
, .btn-group
> .btn:active
, .btn-group
> .btn
.active
,
4826 .btn-group-vertical
> .btn:focus
,
4827 .btn-group-vertical
> .btn:active
,
4828 .btn-group-vertical > .btn.active {
4834 justify-content: flex-start
; }
4835 .btn-toolbar .input-group {
4838 .btn-group
> .btn:not
(:first-child
),
4839 .btn-group > .btn-group:not(:first-child) {
4840 margin-left: -1px; }
4842 .btn-group
> .btn:not
(:last-child
):not
(.dropdown-toggle
),
4843 .btn-group > .btn-group:not(:last-child) > .btn {
4844 border-top-right-radius: 0;
4845 border-bottom-right-radius: 0; }
4847 .btn-group
> .btn:not
(:first-child
),
4848 .btn-group > .btn-group:not(:first-child) > .btn {
4849 border-top-left-radius: 0;
4850 border-bottom-left-radius: 0; }
4852 .dropdown-toggle-split {
4853 padding-right: 0.5625rem;
4854 padding-left: 0.5625rem; }
4855 .dropdown-toggle-split::after
,
4856 .dropup
.dropdown-toggle-split::after
,
4857 .dropright .dropdown-toggle-split::after {
4859 .dropleft .dropdown-toggle-split::before {
4862 .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
4863 padding-right: 0.375rem;
4864 padding-left: 0.375rem; }
4866 .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
4867 padding-right: 0.75rem;
4868 padding-left: 0.75rem; }
4870 .btn-group-vertical {
4871 flex-direction: column
;
4872 align-items: flex-start
;
4873 justify-content: center
; }
4874 .btn-group-vertical
> .btn
,
4875 .btn-group-vertical > .btn-group {
4877 .btn-group-vertical
> .btn:not
(:first-child
),
4878 .btn-group-vertical > .btn-group:not(:first-child) {
4880 .btn-group-vertical
> .btn:not
(:last-child
):not
(.dropdown-toggle
),
4881 .btn-group-vertical > .btn-group:not(:last-child) > .btn {
4882 border-bottom-right-radius: 0;
4883 border-bottom-left-radius: 0; }
4884 .btn-group-vertical
> .btn:not
(:first-child
),
4885 .btn-group-vertical > .btn-group:not(:first-child) > .btn {
4886 border-top-left-radius: 0;
4887 border-top-right-radius: 0; }
4889 .btn-group-toggle
> .btn
,
4890 .btn-group-toggle > .btn-group > .btn {
4892 .btn-group-toggle
> .btn input
[type
="radio"],
4893 .btn-group-toggle
> .btn input
[type
="checkbox"],
4894 .btn-group-toggle
> .btn-group
> .btn input
[type
="radio"],
4895 .btn-group-toggle > .btn-group > .btn input[type="checkbox"] {
4897 clip: rect
(0, 0, 0, 0);
4898 pointer-events: none
; }
4904 align-items: stretch
;
4906 .input-group
> .form-control
,
4907 .input-group
> .form-control-plaintext
,
4908 .input-group
> .custom-select
,
4909 .input-group > .custom-file {
4915 .input-group
> .form-control
+ .form-control
,
4916 .input-group
> .form-control
+ .custom-select
,
4917 .input-group
> .form-control
+ .custom-file
,
4918 .input-group
> .form-control-plaintext
+ .form-control
,
4919 .input-group
> .form-control-plaintext
+ .custom-select
,
4920 .input-group
> .form-control-plaintext
+ .custom-file
,
4921 .input-group
> .custom-select
+ .form-control
,
4922 .input-group
> .custom-select
+ .custom-select
,
4923 .input-group
> .custom-select
+ .custom-file
,
4924 .input-group
> .custom-file
+ .form-control
,
4925 .input-group
> .custom-file
+ .custom-select
,
4926 .input-group > .custom-file + .custom-file {
4927 margin-left: -1px; }
4928 .input-group
> .form-control:focus
,
4929 .input-group
> .custom-select:focus
,
4930 .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
4932 .input-group > .custom-file .custom-file-input:focus {
4934 .input-group
> .form-control:not
(:last-child
),
4935 .input-group > .custom-select:not(:last-child) {
4936 border-top-right-radius: 0;
4937 border-bottom-right-radius: 0; }
4938 .input-group
> .form-control:not
(:first-child
),
4939 .input-group > .custom-select:not(:first-child) {
4940 border-top-left-radius: 0;
4941 border-bottom-left-radius: 0; }
4942 .input-group > .custom-file {
4944 align-items: center
; }
4945 .input-group
> .custom-file:not
(:last-child
) .custom-file-label
,
4946 .input-group > .custom-file:not(:last-child) .custom-file-label::after {
4947 border-top-right-radius: 0;
4948 border-bottom-right-radius: 0; }
4949 .input-group > .custom-file:not(:first-child) .custom-file-label {
4950 border-top-left-radius: 0;
4951 border-bottom-left-radius: 0; }
4953 .input-group-prepend
,
4954 .input-group-append {
4956 .input-group-prepend
.btn
,
4957 .input-group-append .btn {
4960 .input-group-prepend
.btn:focus
,
4961 .input-group-append .btn:focus {
4963 .input-group-prepend
.btn
+ .btn
,
4964 .input-group-prepend
.btn
+ .input-group-text
,
4965 .input-group-prepend
.input-group-text
+ .input-group-text
,
4966 .input-group-prepend
.input-group-text
+ .btn
,
4967 .input-group-append
.btn
+ .btn
,
4968 .input-group-append
.btn
+ .input-group-text
,
4969 .input-group-append
.input-group-text
+ .input-group-text
,
4970 .input-group-append .input-group-text + .btn {
4971 margin-left: -1px; }
4973 .input-group-prepend {
4974 margin-right: -1px; }
4976 .input-group-append {
4977 margin-left: -1px; }
4981 align-items: center
;
4982 padding: 0.375rem 0.75rem;
4984 font-size: 0.9375rem;
4989 white-space: nowrap
;
4990 background-color: #e9ecef;
4991 border: 1px solid
#8f959e;
4992 border-radius: 0.25rem; }
4993 @media
(max-width: 1200px) {
4995 font-size: calc
(0.90375rem + 0.045vw) ; } }
4996 .input-group-text input
[type
="radio"],
4997 .input-group-text input[type="checkbox"] {
5000 .input-group-lg
> .form-control:not
(textarea
),
5001 .input-group-lg > .custom-select {
5002 height: calc
(1.5em + 1rem + 2px); }
5004 .input-group-lg
> .form-control
,
5005 .input-group-lg
> .custom-select
,
5006 .input-group-lg
> .input-group-prepend
> .input-group-text
,
5007 .input-group-lg
> .input-group-append
> .input-group-text
,
5008 .input-group-lg
> .input-group-prepend
> .btn
,
5009 .input-group-lg > .input-group-append > .btn {
5010 padding: 0.5rem 1rem;
5011 font-size: 1.171875rem;
5013 border-radius: 0.3rem; }
5014 @media
(max-width: 1200px) {
5015 .input-group-lg
> .form-control
,
5016 .input-group-lg
> .custom-select
,
5017 .input-group-lg
> .input-group-prepend
> .input-group-text
,
5018 .input-group-lg
> .input-group-append
> .input-group-text
,
5019 .input-group-lg
> .input-group-prepend
> .btn
,
5020 .input-group-lg > .input-group-append > .btn {
5021 font-size: calc
(0.9271875rem + 0.32625vw) ; } }
5023 .input-group-sm
> .form-control:not
(textarea
),
5024 .input-group-sm > .custom-select {
5025 height: calc
(1.5em + 0.5rem + 2px); }
5027 .input-group-sm
> .form-control
,
5028 .input-group-sm
> .custom-select
,
5029 .input-group-sm
> .input-group-prepend
> .input-group-text
,
5030 .input-group-sm
> .input-group-append
> .input-group-text
,
5031 .input-group-sm
> .input-group-prepend
> .btn
,
5032 .input-group-sm > .input-group-append > .btn {
5033 padding: 0.25rem 0.5rem;
5034 font-size: 0.8203125rem;
5036 border-radius: 0.2rem; }
5038 .input-group-lg
> .custom-select
,
5039 .input-group-sm > .custom-select {
5040 padding-right: 1.75rem; }
5042 .input-group
> .input-group-prepend
> .btn
,
5043 .input-group
> .input-group-prepend
> .input-group-text
,
5044 .input-group
> .input-group-append:not
(:last-child
) > .btn
,
5045 .input-group
> .input-group-append:not
(:last-child
) > .input-group-text
,
5046 .input-group
> .input-group-append:last-child
> .btn:not
(:last-child
):not
(.dropdown-toggle
),
5047 .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
5048 border-top-right-radius: 0;
5049 border-bottom-right-radius: 0; }
5051 .input-group
> .input-group-append
> .btn
,
5052 .input-group
> .input-group-append
> .input-group-text
,
5053 .input-group
> .input-group-prepend:not
(:first-child
) > .btn
,
5054 .input-group
> .input-group-prepend:not
(:first-child
) > .input-group-text
,
5055 .input-group
> .input-group-prepend:first-child
> .btn:not
(:first-child
),
5056 .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
5057 border-top-left-radius: 0;
5058 border-bottom-left-radius: 0; }
5063 min-height: 1.40625rem;
5064 padding-left: 1.5rem; }
5066 .custom-control-inline {
5067 display: inline-flex
;
5068 margin-right: 1rem; }
5070 .custom-control-input {
5075 height: 1.203125rem;
5077 .custom-control-input:checked ~ .custom-control-label::before {
5079 border-color: #0f6fc5;
5080 background-color: #0f6fc5; }
5081 .custom-control-input:focus ~ .custom-control-label::before {
5082 box-shadow: 0 0 0 0.2rem rgba
(15, 111, 197, 0.75); }
5083 .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
5084 border-color: #61aef3; }
5085 .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
5087 background-color: #90c6f7;
5088 border-color: #90c6f7; }
5089 .custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label {
5091 .custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before {
5092 background-color: #e9ecef; }
5094 .custom-control-label {
5097 vertical-align: top
; }
5098 .custom-control-label::before {
5105 pointer-events: none
;
5107 background-color: #fff;
5108 border: #8f959e solid
1px; }
5109 .custom-control-label::after {
5117 background: no-repeat
50% / 50% 50%; }
5119 .custom-checkbox .custom-control-label::before {
5120 border-radius: 0.25rem; }
5122 .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
5123 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"); }
5125 .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
5126 border-color: #0f6fc5;
5127 background-color: #0f6fc5; }
5129 .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
5130 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"); }
5132 .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
5133 background-color: rgba
(15, 111, 197, 0.5); }
5135 .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
5136 background-color: rgba
(15, 111, 197, 0.5); }
5138 .custom-radio .custom-control-label::before {
5139 border-radius: 50%; }
5141 .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
5142 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"); }
5144 .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
5145 background-color: rgba
(15, 111, 197, 0.5); }
5148 padding-left: 2.25rem; }
5149 .custom-switch .custom-control-label::before {
5152 pointer-events: all
;
5153 border-radius: 0.5rem; }
5154 .custom-switch .custom-control-label::after {
5155 top: calc
(0.203125rem + 2px);
5156 left: calc
(-2.25rem + 2px);
5157 width: calc
(1rem - 4px);
5158 height: calc
(1rem - 4px);
5159 background-color: #8f959e;
5160 border-radius: 0.5rem;
5161 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
; }
5162 @media
(prefers-reduced-motion: reduce
) {
5163 .custom-switch .custom-control-label::after {
5164 transition: none
; } }
5165 .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
5166 background-color: #fff;
5167 transform: translateX
(0.75rem); }
5168 .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
5169 background-color: rgba
(15, 111, 197, 0.5); }
5172 display: inline-block
;
5174 height: calc
(1.5em + 0.75rem + 2px);
5175 padding: 0.375rem 1.75rem 0.375rem 0.75rem;
5176 font-size: 0.9375rem;
5180 vertical-align: middle
;
5181 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;
5182 border: 1px solid
#8f959e;
5183 border-radius: 0.25rem;
5185 @media
(max-width: 1200px) {
5187 font-size: calc
(0.90375rem + 0.045vw) ; } }
5188 .custom-select:focus {
5189 border-color: #61aef3;
5191 box-shadow: 0 0 0 0.2rem rgba
(15, 111, 197, 0.75); }
5192 .custom-select:focus::-ms-value {
5194 background-color: #fff; }
5195 .custom-select[multiple], .custom-select[size]:not([size="1"]) {
5197 padding-right: 0.75rem;
5198 background-image: none
; }
5199 .custom-select:disabled {
5201 background-color: #e9ecef; }
5202 .custom-select::-ms-expand {
5204 .custom-select:-moz-focusring {
5206 text-shadow: 0 0 0 #495057; }
5209 height: calc
(1.5em + 0.5rem + 2px);
5210 padding-top: 0.25rem;
5211 padding-bottom: 0.25rem;
5212 padding-left: 0.5rem;
5213 font-size: 0.8203125rem; }
5216 height: calc
(1.5em + 1rem + 2px);
5217 padding-top: 0.5rem;
5218 padding-bottom: 0.5rem;
5220 font-size: 1.171875rem; }
5221 @media
(max-width: 1200px) {
5223 font-size: calc
(0.9271875rem + 0.32625vw) ; } }
5227 display: inline-block
;
5229 height: calc
(1.5em + 0.75rem + 2px);
5232 .custom-file-input {
5236 height: calc
(1.5em + 0.75rem + 2px);
5239 .custom-file-input:focus ~ .custom-file-label {
5240 border-color: #61aef3;
5241 box-shadow: 0 0 0 0.2rem rgba
(15, 111, 197, 0.75); }
5242 .custom-file-input
[disabled
] ~ .custom-file-label
,
5243 .custom-file-input:disabled ~ .custom-file-label {
5244 background-color: #e9ecef; }
5245 .custom-file-input:lang(en) ~ .custom-file-label::after {
5246 content: "Browse"; }
5247 .custom-file-input ~ .custom-file-label[data-browse]::after {
5248 content: attr
(data-browse
); }
5250 .custom-file-label {
5256 height: calc
(1.5em + 0.75rem + 2px);
5257 padding: 0.375rem 0.75rem;
5261 background-color: #fff;
5262 border: 1px solid
#8f959e;
5263 border-radius: 0.25rem; }
5264 .custom-file-label::after {
5271 height: calc
(1.5em + 0.75rem);
5272 padding: 0.375rem 0.75rem;
5276 background-color: #e9ecef;
5277 border-left: inherit
;
5278 border-radius: 0 0.25rem 0.25rem 0; }
5284 background-color: transparent
;
5286 .custom-range:focus {
5288 .custom-range:focus::-webkit-slider-thumb {
5289 box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba
(15, 111, 197, 0.75); }
5290 .custom-range:focus::-moz-range-thumb {
5291 box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba
(15, 111, 197, 0.75); }
5292 .custom-range:focus::-ms-thumb {
5293 box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba
(15, 111, 197, 0.75); }
5294 .custom-range::-moz-focus-outer {
5296 .custom-range::-webkit-slider-thumb {
5299 margin-top: -0.25rem;
5300 background-color: #0f6fc5;
5302 border-radius: 1rem;
5303 transition: background-color
0.15s ease-in-out
, border-color
0.15s ease-in-out
, box-shadow
0.15s ease-in-out
;
5305 @media
(prefers-reduced-motion: reduce
) {
5306 .custom-range::-webkit-slider-thumb {
5307 transition: none
; } }
5308 .custom-range::-webkit-slider-thumb:active {
5309 background-color: #90c6f7; }
5310 .custom-range::-webkit-slider-runnable-track {
5315 background-color: #dee2e6;
5316 border-color: transparent
;
5317 border-radius: 1rem; }
5318 .custom-range::-moz-range-thumb {
5321 background-color: #0f6fc5;
5323 border-radius: 1rem;
5324 transition: background-color
0.15s ease-in-out
, border-color
0.15s ease-in-out
, box-shadow
0.15s ease-in-out
;
5326 @media
(prefers-reduced-motion: reduce
) {
5327 .custom-range::-moz-range-thumb {
5328 transition: none
; } }
5329 .custom-range::-moz-range-thumb:active {
5330 background-color: #90c6f7; }
5331 .custom-range::-moz-range-track {
5336 background-color: #dee2e6;
5337 border-color: transparent
;
5338 border-radius: 1rem; }
5339 .custom-range::-ms-thumb {
5343 margin-right: 0.2rem;
5344 margin-left: 0.2rem;
5345 background-color: #0f6fc5;
5347 border-radius: 1rem;
5348 transition: background-color
0.15s ease-in-out
, border-color
0.15s ease-in-out
, box-shadow
0.15s ease-in-out
;
5350 @media
(prefers-reduced-motion: reduce
) {
5351 .custom-range::-ms-thumb {
5352 transition: none
; } }
5353 .custom-range::-ms-thumb:active {
5354 background-color: #90c6f7; }
5355 .custom-range::-ms-track {
5360 background-color: transparent
;
5361 border-color: transparent
;
5362 border-width: 0.5rem; }
5363 .custom-range::-ms-fill-lower {
5364 background-color: #dee2e6;
5365 border-radius: 1rem; }
5366 .custom-range::-ms-fill-upper {
5368 background-color: #dee2e6;
5369 border-radius: 1rem; }
5370 .custom-range:disabled::-webkit-slider-thumb {
5371 background-color: #8f959e; }
5372 .custom-range:disabled::-webkit-slider-runnable-track {
5374 .custom-range:disabled::-moz-range-thumb {
5375 background-color: #8f959e; }
5376 .custom-range:disabled::-moz-range-track {
5378 .custom-range:disabled::-ms-thumb {
5379 background-color: #8f959e; }
5381 .custom-control-label::before
,
5384 transition: background-color
0.15s ease-in-out
, border-color
0.15s ease-in-out
, box-shadow
0.15s ease-in-out
; }
5385 @media
(prefers-reduced-motion: reduce
) {
5386 .custom-control-label::before
,
5389 transition: none
; } }
5400 padding: 0.5rem 1rem; }
5401 .nav-link:hover, .nav-link:focus {
5402 text-decoration: none
; }
5403 .nav-link.disabled {
5405 pointer-events: none
;
5409 border-bottom: 1px solid
#dee2e6; }
5410 .nav-tabs .nav-item {
5411 margin-bottom: -1px; }
5412 .nav-tabs .nav-link {
5413 border: 1px solid transparent
;
5414 border-top-left-radius: 0.25rem;
5415 border-top-right-radius: 0.25rem; }
5416 .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
5417 border-color: #e9ecef #e9ecef #dee2e6; }
5418 .nav-tabs .nav-link.disabled {
5420 background-color: transparent
;
5421 border-color: transparent
; }
5422 .nav-tabs
.nav-link
.active
,
5423 .nav-tabs .nav-item.show .nav-link {
5425 background-color: #fff;
5426 border-color: #dee2e6 #dee2e6 #fff; }
5427 .nav-tabs .dropdown-menu {
5429 border-top-left-radius: 0;
5430 border-top-right-radius: 0; }
5432 .nav-pills .nav-link {
5433 border-radius: 0.25rem; }
5435 .nav-pills
.nav-link
.active
,
5436 .nav-pills .show > .nav-link {
5438 background-color: #0f6fc5; }
5440 .nav-fill .nav-item {
5442 text-align: center
; }
5444 .nav-justified .nav-item {
5447 text-align: center
; }
5449 .tab-content > .tab-pane {
5452 .tab-content > .active {
5459 align-items: center
;
5460 justify-content: space-between
;
5461 padding: 0.5rem 1rem; }
5463 .navbar .container-fluid, .navbar .container-sm, .navbar .container-md, .navbar .container-lg, .navbar .container-xl {
5466 align-items: center
;
5467 justify-content: space-between
; }
5470 display: inline-block
;
5471 padding-top: 0.32421875rem;
5472 padding-bottom: 0.32421875rem;
5474 font-size: 1.171875rem;
5475 line-height: inherit
;
5476 white-space: nowrap
; }
5477 @media
(max-width: 1200px) {
5479 font-size: calc
(0.9271875rem + 0.32625vw) ; } }
5480 .navbar-brand:hover, .navbar-brand:focus {
5481 text-decoration: none
; }
5485 flex-direction: column
;
5489 .navbar-nav .nav-link {
5492 .navbar-nav .dropdown-menu {
5497 display: inline-block
;
5498 padding-top: 0.5rem;
5499 padding-bottom: 0.5rem; }
5504 align-items: center
; }
5507 padding: 0.25rem 0.75rem;
5508 font-size: 1.171875rem;
5510 background-color: transparent
;
5511 border: 1px solid transparent
;
5512 border-radius: 0.25rem; }
5513 @media
(max-width: 1200px) {
5515 font-size: calc
(0.9271875rem + 0.32625vw) ; } }
5516 .navbar-toggler:hover, .navbar-toggler:focus {
5517 text-decoration: none
; }
5519 .navbar-toggler-icon {
5520 display: inline-block
;
5523 vertical-align: middle
;
5525 background: no-repeat center center
;
5526 background-size: 100% 100%; }
5528 @media (max-width: 575.98px) {
5529 .navbar-expand-sm
> .container
,
5530 .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 {
5532 padding-left: 0; } }
5534 @media (min-width: 576px) {
5536 flex-flow: row nowrap
;
5537 justify-content: flex-start
; }
5538 .navbar-expand-sm .navbar-nav {
5539 flex-direction: row
; }
5540 .navbar-expand-sm .navbar-nav .dropdown-menu {
5541 position: absolute
; }
5542 .navbar-expand-sm .navbar-nav .nav-link {
5543 padding-right: 0.5rem;
5544 padding-left: 0.5rem; }
5545 .navbar-expand-sm
> .container
,
5546 .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 {
5547 flex-wrap: nowrap
; }
5548 .navbar-expand-sm .navbar-collapse {
5549 display: flex
!important
;
5551 .navbar-expand-sm .navbar-toggler {
5554 @media (max-width: 767.98px) {
5555 .navbar-expand-md
> .container
,
5556 .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 {
5558 padding-left: 0; } }
5560 @media (min-width: 768px) {
5562 flex-flow: row nowrap
;
5563 justify-content: flex-start
; }
5564 .navbar-expand-md .navbar-nav {
5565 flex-direction: row
; }
5566 .navbar-expand-md .navbar-nav .dropdown-menu {
5567 position: absolute
; }
5568 .navbar-expand-md .navbar-nav .nav-link {
5569 padding-right: 0.5rem;
5570 padding-left: 0.5rem; }
5571 .navbar-expand-md
> .container
,
5572 .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 {
5573 flex-wrap: nowrap
; }
5574 .navbar-expand-md .navbar-collapse {
5575 display: flex
!important
;
5577 .navbar-expand-md .navbar-toggler {
5580 @media (max-width: 991.98px) {
5581 .navbar-expand-lg
> .container
,
5582 .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 {
5584 padding-left: 0; } }
5586 @media (min-width: 992px) {
5588 flex-flow: row nowrap
;
5589 justify-content: flex-start
; }
5590 .navbar-expand-lg .navbar-nav {
5591 flex-direction: row
; }
5592 .navbar-expand-lg .navbar-nav .dropdown-menu {
5593 position: absolute
; }
5594 .navbar-expand-lg .navbar-nav .nav-link {
5595 padding-right: 0.5rem;
5596 padding-left: 0.5rem; }
5597 .navbar-expand-lg
> .container
,
5598 .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 {
5599 flex-wrap: nowrap
; }
5600 .navbar-expand-lg .navbar-collapse {
5601 display: flex
!important
;
5603 .navbar-expand-lg .navbar-toggler {
5606 @media (max-width: 1199.98px) {
5607 .navbar-expand-xl
> .container
,
5608 .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 {
5610 padding-left: 0; } }
5612 @media (min-width: 1200px) {
5614 flex-flow: row nowrap
;
5615 justify-content: flex-start
; }
5616 .navbar-expand-xl .navbar-nav {
5617 flex-direction: row
; }
5618 .navbar-expand-xl .navbar-nav .dropdown-menu {
5619 position: absolute
; }
5620 .navbar-expand-xl .navbar-nav .nav-link {
5621 padding-right: 0.5rem;
5622 padding-left: 0.5rem; }
5623 .navbar-expand-xl
> .container
,
5624 .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 {
5625 flex-wrap: nowrap
; }
5626 .navbar-expand-xl .navbar-collapse {
5627 display: flex
!important
;
5629 .navbar-expand-xl .navbar-toggler {
5633 flex-flow: row nowrap
;
5634 justify-content: flex-start
; }
5635 .navbar-expand
> .container
,
5636 .navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl {
5639 .navbar-expand .navbar-nav {
5640 flex-direction: row
; }
5641 .navbar-expand .navbar-nav .dropdown-menu {
5642 position: absolute
; }
5643 .navbar-expand .navbar-nav .nav-link {
5644 padding-right: 0.5rem;
5645 padding-left: 0.5rem; }
5646 .navbar-expand
> .container
,
5647 .navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl {
5648 flex-wrap: nowrap
; }
5649 .navbar-expand .navbar-collapse {
5650 display: flex
!important
;
5652 .navbar-expand .navbar-toggler {
5655 .navbar-light .navbar-brand {
5656 color: rgba
(0, 0, 0, 0.9); }
5657 .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
5658 color: rgba
(0, 0, 0, 0.9); }
5660 .navbar-light .navbar-nav .nav-link {
5661 color: rgba
(0, 0, 0, 0.6); }
5662 .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
5663 color: rgba
(0, 0, 0, 0.9); }
5664 .navbar-light .navbar-nav .nav-link.disabled {
5665 color: rgba
(0, 0, 0, 0.3); }
5667 .navbar-light
.navbar-nav
.show
> .nav-link
,
5668 .navbar-light
.navbar-nav
.active
> .nav-link
,
5669 .navbar-light
.navbar-nav
.nav-link
.show
,
5670 .navbar-light .navbar-nav .nav-link.active {
5671 color: rgba
(0, 0, 0, 0.9); }
5673 .navbar-light .navbar-toggler {
5674 color: rgba
(0, 0, 0, 0.6);
5675 border-color: rgba
(0, 0, 0, 0.1); }
5677 .navbar-light .navbar-toggler-icon {
5678 background-image: url
("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.6%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }
5680 .navbar-light .navbar-text {
5681 color: rgba
(0, 0, 0, 0.6); }
5682 .navbar-light .navbar-text a {
5683 color: rgba
(0, 0, 0, 0.9); }
5684 .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
5685 color: rgba
(0, 0, 0, 0.9); }
5687 .navbar-dark .navbar-brand {
5689 .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
5692 .navbar-dark .navbar-nav .nav-link {
5693 color: rgba
(255, 255, 255, 0.5); }
5694 .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
5696 .navbar-dark .navbar-nav .nav-link.disabled {
5697 color: rgba
(255, 255, 255, 0.25); }
5699 .navbar-dark
.navbar-nav
.show
> .nav-link
,
5700 .navbar-dark
.navbar-nav
.active
> .nav-link
,
5701 .navbar-dark
.navbar-nav
.nav-link
.show
,
5702 .navbar-dark .navbar-nav .nav-link.active {
5705 .navbar-dark .navbar-toggler {
5706 color: rgba
(255, 255, 255, 0.5);
5707 border-color: rgba
(255, 255, 255, 0.1); }
5709 .navbar-dark .navbar-toggler-icon {
5710 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"); }
5712 .navbar-dark .navbar-text {
5713 color: rgba
(255, 255, 255, 0.5); }
5714 .navbar-dark .navbar-text a {
5716 .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
5722 flex-direction: column
;
5724 word-wrap: break-word
;
5725 background-color: #fff;
5726 background-clip: border-box
;
5727 border: 1px solid rgba
(0, 0, 0, 0.125);
5728 border-radius: 0.25rem; }
5732 .card > .list-group {
5733 border-top: inherit
;
5734 border-bottom: inherit
; }
5735 .card > .list-group:first-child {
5736 border-top-width: 0;
5737 border-top-left-radius: calc
(0.25rem - 1px);
5738 border-top-right-radius: calc
(0.25rem - 1px); }
5739 .card > .list-group:last-child {
5740 border-bottom-width: 0;
5741 border-bottom-right-radius: calc
(0.25rem - 1px);
5742 border-bottom-left-radius: calc
(0.25rem - 1px); }
5750 margin-bottom: 0.75rem; }
5753 margin-top: -0.375rem;
5756 .card-text:last-child {
5760 text-decoration: none
; }
5762 .card-link + .card-link {
5763 margin-left: 1.25rem; }
5766 padding: 0.75rem 1.25rem;
5768 background-color: rgba
(0, 0, 0, 0.03);
5769 border-bottom: 1px solid rgba
(0, 0, 0, 0.125); }
5770 .card-header:first-child {
5771 border-radius: calc
(0.25rem - 1px) calc
(0.25rem - 1px) 0 0; }
5772 .card-header + .list-group .list-group-item:first-child {
5776 padding: 0.75rem 1.25rem;
5777 background-color: rgba
(0, 0, 0, 0.03);
5778 border-top: 1px solid rgba
(0, 0, 0, 0.125); }
5779 .card-footer:last-child {
5780 border-radius: 0 0 calc
(0.25rem - 1px) calc
(0.25rem - 1px); }
5783 margin-right: -0.625rem;
5784 margin-bottom: -0.75rem;
5785 margin-left: -0.625rem;
5788 .card-header-pills {
5789 margin-right: -0.625rem;
5790 margin-left: -0.625rem; }
5808 border-top-left-radius: calc
(0.25rem - 1px);
5809 border-top-right-radius: calc
(0.25rem - 1px); }
5813 border-bottom-right-radius: calc
(0.25rem - 1px);
5814 border-bottom-left-radius: calc
(0.25rem - 1px); }
5817 margin-bottom: 0.25rem; }
5819 @media (min-width: 576px) {
5822 flex-flow: row wrap
;
5823 margin-right: -0.25rem;
5824 margin-left: -0.25rem; }
5827 margin-right: 0.25rem;
5829 margin-left: 0.25rem; } }
5831 .card-group > .card {
5832 margin-bottom: 0.25rem; }
5834 @media (min-width: 576px) {
5837 flex-flow: row wrap
; }
5838 .card-group > .card {
5841 .card-group > .card + .card {
5844 .card-group > .card:not(:last-child) {
5845 border-top-right-radius: 0;
5846 border-bottom-right-radius: 0; }
5847 .card-group
> .card:not
(:last-child
) .card-img-top
,
5848 .card-group > .card:not(:last-child) .card-header {
5849 border-top-right-radius: 0; }
5850 .card-group
> .card:not
(:last-child
) .card-img-bottom
,
5851 .card-group > .card:not(:last-child) .card-footer {
5852 border-bottom-right-radius: 0; }
5853 .card-group > .card:not(:first-child) {
5854 border-top-left-radius: 0;
5855 border-bottom-left-radius: 0; }
5856 .card-group
> .card:not
(:first-child
) .card-img-top
,
5857 .card-group > .card:not(:first-child) .card-header {
5858 border-top-left-radius: 0; }
5859 .card-group
> .card:not
(:first-child
) .card-img-bottom
,
5860 .card-group > .card:not(:first-child) .card-footer {
5861 border-bottom-left-radius: 0; } }
5863 .card-columns .card {
5864 margin-bottom: 0.75rem; }
5866 @media (min-width: 576px) {
5869 column-gap: 1.25rem;
5872 .card-columns .card {
5873 display: inline-block
;
5876 .accordion > .card {
5878 .accordion > .card:not(:last-of-type) {
5880 border-bottom-right-radius: 0;
5881 border-bottom-left-radius: 0; }
5882 .accordion > .card:not(:first-of-type) {
5883 border-top-left-radius: 0;
5884 border-top-right-radius: 0; }
5885 .accordion > .card > .card-header {
5887 margin-bottom: -1px; }
5895 background-color: transparent
;
5896 border-radius: 0.25rem; }
5900 .breadcrumb-item + .breadcrumb-item {
5901 padding-left: 0.5rem; }
5902 .breadcrumb-item + .breadcrumb-item::before {
5903 display: inline-block
;
5904 padding-right: 0.5rem;
5907 .breadcrumb-item + .breadcrumb-item:hover::before {
5908 text-decoration: underline
; }
5909 .breadcrumb-item + .breadcrumb-item:hover::before {
5910 text-decoration: none
; }
5911 .breadcrumb-item.active {
5918 border-radius: 0.25rem; }
5923 padding: 0.5rem 0.75rem;
5927 background-color: #fff;
5928 border: 1px solid
#dee2e6; }
5932 text-decoration: none
;
5933 background-color: #e9ecef;
5934 border-color: #dee2e6; }
5938 box-shadow: 0 0 0 0.2rem rgba
(15, 111, 197, 0.75); }
5940 .page-item:first-child .page-link {
5942 border-top-left-radius: 0.25rem;
5943 border-bottom-left-radius: 0.25rem; }
5945 .page-item:last-child .page-link {
5946 border-top-right-radius: 0.25rem;
5947 border-bottom-right-radius: 0.25rem; }
5949 .page-item.active .page-link {
5952 background-color: #0f6fc5;
5953 border-color: #0f6fc5; }
5955 .page-item.disabled .page-link {
5957 pointer-events: none
;
5959 background-color: #fff;
5960 border-color: #dee2e6; }
5962 .pagination-lg .page-link {
5963 padding: 0.75rem 1.5rem;
5964 font-size: 1.171875rem;
5966 @media
(max-width: 1200px) {
5967 .pagination-lg .page-link {
5968 font-size: calc
(0.9271875rem + 0.32625vw) ; } }
5970 .pagination-lg .page-item:first-child .page-link {
5971 border-top-left-radius: 0.3rem;
5972 border-bottom-left-radius: 0.3rem; }
5974 .pagination-lg .page-item:last-child .page-link {
5975 border-top-right-radius: 0.3rem;
5976 border-bottom-right-radius: 0.3rem; }
5978 .pagination-sm .page-link {
5979 padding: 0.25rem 0.5rem;
5980 font-size: 0.8203125rem;
5983 .pagination-sm .page-item:first-child .page-link {
5984 border-top-left-radius: 0.2rem;
5985 border-bottom-left-radius: 0.2rem; }
5987 .pagination-sm .page-item:last-child .page-link {
5988 border-top-right-radius: 0.2rem;
5989 border-bottom-right-radius: 0.2rem; }
5992 display: inline-block
;
5993 padding: 0.25em 0.4em;
5998 white-space: nowrap
;
5999 vertical-align: baseline
;
6000 border-radius: 0.25rem;
6001 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
; }
6002 @media
(prefers-reduced-motion: reduce
) {
6004 transition: none
; } }
6005 a
.badge:hover
, a
.badge:focus
{
6006 text-decoration: none
; }
6015 padding-right: 0.6em;
6016 padding-left: 0.6em;
6017 border-radius: 10rem; }
6021 background-color: #0f6fc5; }
6022 a
.badge-primary:hover
, a
.badge-primary:focus
{
6024 background-color: #0b5496; }
6025 a
.badge-primary:focus
, a
.badge-primary
.focus
{
6027 box-shadow: 0 0 0 0.2rem rgba
(15, 111, 197, 0.5); }
6031 background-color: #ced4da; }
6032 a
.badge-secondary:hover
, a
.badge-secondary:focus
{
6034 background-color: #b1bbc4; }
6035 a
.badge-secondary:focus
, a
.badge-secondary
.focus
{
6037 box-shadow: 0 0 0 0.2rem rgba
(206, 212, 218, 0.5); }
6041 background-color: #357a32; }
6042 a
.badge-success:hover
, a
.badge-success:focus
{
6044 background-color: #255623; }
6045 a
.badge-success:focus
, a
.badge-success
.focus
{
6047 box-shadow: 0 0 0 0.2rem rgba
(53, 122, 50, 0.5); }
6051 background-color: #008196; }
6052 a
.badge-info:hover
, a
.badge-info:focus
{
6054 background-color: #005563; }
6055 a
.badge-info:focus
, a
.badge-info
.focus
{
6057 box-shadow: 0 0 0 0.2rem rgba
(0, 129, 150, 0.5); }
6061 background-color: #f0ad4e; }
6062 a
.badge-warning:hover
, a
.badge-warning:focus
{
6064 background-color: #ec971f; }
6065 a
.badge-warning:focus
, a
.badge-warning
.focus
{
6067 box-shadow: 0 0 0 0.2rem rgba
(240, 173, 78, 0.5); }
6071 background-color: #ca3120; }
6072 a
.badge-danger:hover
, a
.badge-danger:focus
{
6074 background-color: #9e2619; }
6075 a
.badge-danger:focus
, a
.badge-danger
.focus
{
6077 box-shadow: 0 0 0 0.2rem rgba
(202, 49, 32, 0.5); }
6081 background-color: #f8f9fa; }
6082 a
.badge-light:hover
, a
.badge-light:focus
{
6084 background-color: #dae0e5; }
6085 a
.badge-light:focus
, a
.badge-light
.focus
{
6087 box-shadow: 0 0 0 0.2rem rgba
(248, 249, 250, 0.5); }
6091 background-color: #343a40; }
6092 a
.badge-dark:hover
, a
.badge-dark:focus
{
6094 background-color: #1d2124; }
6095 a
.badge-dark:focus
, a
.badge-dark
.focus
{
6097 box-shadow: 0 0 0 0.2rem rgba
(52, 58, 64, 0.5); }
6101 margin-bottom: 2rem;
6102 background-color: #e9ecef;
6103 border-radius: 0.3rem; }
6104 @media
(min-width: 576px) {
6106 padding: 4rem 2rem; } }
6115 padding: 0.75rem 1.25rem;
6116 margin-bottom: 1rem;
6117 border: 0 solid transparent
;
6118 border-radius: 0.25rem; }
6126 .alert-dismissible {
6127 padding-right: 3.90625rem; }
6128 .alert-dismissible .close {
6132 padding: 0.75rem 1.25rem;
6137 background-color: #cfe2f3;
6138 border-color: #bcd7ef; }
6140 border-top-color: #a7cbea; }
6141 .alert-primary .alert-link {
6146 background-color: #f5f6f8;
6147 border-color: #f1f3f5; }
6148 .alert-secondary hr {
6149 border-top-color: #e2e6ea; }
6150 .alert-secondary .alert-link {
6155 background-color: #d7e4d6;
6156 border-color: #c6dac6; }
6158 border-top-color: #b7d0b7; }
6159 .alert-success .alert-link {
6164 background-color: #cce6ea;
6165 border-color: #b8dce2; }
6167 border-top-color: #a6d3db; }
6168 .alert-info .alert-link {
6173 background-color: #fcefdc;
6174 border-color: #fbe8cd; }
6176 border-top-color: #f9ddb5; }
6177 .alert-warning .alert-link {
6182 background-color: #f4d6d2;
6183 border-color: #f0c5c1; }
6185 border-top-color: #ebb2ac; }
6186 .alert-danger .alert-link {
6191 background-color: #fefefe;
6192 border-color: #fdfdfe; }
6194 border-top-color: #ececf6; }
6195 .alert-light .alert-link {
6200 background-color: #d6d8d9;
6201 border-color: #c6c8ca; }
6203 border-top-color: #b9bbbe; }
6204 .alert-dark .alert-link {
6207 @keyframes progress-bar-stripes
{
6209 background-position: 1rem 0; }
6211 background-position: 0 0; } }
6218 font-size: 0.703125rem;
6219 background-color: #e9ecef;
6220 border-radius: 0.25rem; }
6224 flex-direction: column
;
6225 justify-content: center
;
6229 white-space: nowrap
;
6230 background-color: #0f6fc5;
6231 transition: width
0.6s ease
; }
6232 @media
(prefers-reduced-motion: reduce
) {
6234 transition: none
; } }
6236 .progress-bar-striped {
6237 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
);
6238 background-size: 1rem 1rem; }
6240 .progress-bar-animated {
6241 animation: progress-bar-stripes
1s linear infinite
; }
6242 @media
(prefers-reduced-motion: reduce
) {
6243 .progress-bar-animated {
6244 animation: none
; } }
6248 align-items: flex-start
; }
6255 flex-direction: column
;
6258 border-radius: 0.25rem; }
6260 .list-group-item-action {
6263 text-align: inherit
; }
6264 .list-group-item-action:hover, .list-group-item-action:focus {
6267 text-decoration: none
;
6268 background-color: #f8f9fa; }
6269 .list-group-item-action:active {
6271 background-color: #e9ecef; }
6276 padding: 0.75rem 1.25rem;
6277 background-color: #fff;
6278 border: 1px solid rgba
(0, 0, 0, 0.125); }
6279 .list-group-item:first-child {
6280 border-top-left-radius: inherit
;
6281 border-top-right-radius: inherit
; }
6282 .list-group-item:last-child {
6283 border-bottom-right-radius: inherit
;
6284 border-bottom-left-radius: inherit
; }
6285 .list-group-item.disabled, .list-group-item:disabled {
6287 pointer-events: none
;
6288 background-color: #fff; }
6289 .list-group-item.active {
6292 background-color: #0f6fc5;
6293 border-color: #0f6fc5; }
6294 .list-group-item + .list-group-item {
6295 border-top-width: 0; }
6296 .list-group-item + .list-group-item.active {
6298 border-top-width: 1px; }
6300 .list-group-horizontal {
6301 flex-direction: row
; }
6302 .list-group-horizontal > .list-group-item:first-child {
6303 border-bottom-left-radius: 0.25rem;
6304 border-top-right-radius: 0; }
6305 .list-group-horizontal > .list-group-item:last-child {
6306 border-top-right-radius: 0.25rem;
6307 border-bottom-left-radius: 0; }
6308 .list-group-horizontal > .list-group-item.active {
6310 .list-group-horizontal > .list-group-item + .list-group-item {
6311 border-top-width: 1px;
6312 border-left-width: 0; }
6313 .list-group-horizontal > .list-group-item + .list-group-item.active {
6315 border-left-width: 1px; }
6317 @media (min-width: 576px) {
6318 .list-group-horizontal-sm {
6319 flex-direction: row
; }
6320 .list-group-horizontal-sm > .list-group-item:first-child {
6321 border-bottom-left-radius: 0.25rem;
6322 border-top-right-radius: 0; }
6323 .list-group-horizontal-sm > .list-group-item:last-child {
6324 border-top-right-radius: 0.25rem;
6325 border-bottom-left-radius: 0; }
6326 .list-group-horizontal-sm > .list-group-item.active {
6328 .list-group-horizontal-sm > .list-group-item + .list-group-item {
6329 border-top-width: 1px;
6330 border-left-width: 0; }
6331 .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
6333 border-left-width: 1px; } }
6335 @media (min-width: 768px) {
6336 .list-group-horizontal-md {
6337 flex-direction: row
; }
6338 .list-group-horizontal-md > .list-group-item:first-child {
6339 border-bottom-left-radius: 0.25rem;
6340 border-top-right-radius: 0; }
6341 .list-group-horizontal-md > .list-group-item:last-child {
6342 border-top-right-radius: 0.25rem;
6343 border-bottom-left-radius: 0; }
6344 .list-group-horizontal-md > .list-group-item.active {
6346 .list-group-horizontal-md > .list-group-item + .list-group-item {
6347 border-top-width: 1px;
6348 border-left-width: 0; }
6349 .list-group-horizontal-md > .list-group-item + .list-group-item.active {
6351 border-left-width: 1px; } }
6353 @media (min-width: 992px) {
6354 .list-group-horizontal-lg {
6355 flex-direction: row
; }
6356 .list-group-horizontal-lg > .list-group-item:first-child {
6357 border-bottom-left-radius: 0.25rem;
6358 border-top-right-radius: 0; }
6359 .list-group-horizontal-lg > .list-group-item:last-child {
6360 border-top-right-radius: 0.25rem;
6361 border-bottom-left-radius: 0; }
6362 .list-group-horizontal-lg > .list-group-item.active {
6364 .list-group-horizontal-lg > .list-group-item + .list-group-item {
6365 border-top-width: 1px;
6366 border-left-width: 0; }
6367 .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
6369 border-left-width: 1px; } }
6371 @media (min-width: 1200px) {
6372 .list-group-horizontal-xl {
6373 flex-direction: row
; }
6374 .list-group-horizontal-xl > .list-group-item:first-child {
6375 border-bottom-left-radius: 0.25rem;
6376 border-top-right-radius: 0; }
6377 .list-group-horizontal-xl > .list-group-item:last-child {
6378 border-top-right-radius: 0.25rem;
6379 border-bottom-left-radius: 0; }
6380 .list-group-horizontal-xl > .list-group-item.active {
6382 .list-group-horizontal-xl > .list-group-item + .list-group-item {
6383 border-top-width: 1px;
6384 border-left-width: 0; }
6385 .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
6387 border-left-width: 1px; } }
6391 .list-group-flush > .list-group-item {
6392 border-width: 0 0 1px; }
6393 .list-group-flush > .list-group-item:last-child {
6394 border-bottom-width: 0; }
6396 .list-group-item-primary {
6398 background-color: #bcd7ef; }
6399 .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
6401 background-color: #a7cbea; }
6402 .list-group-item-primary.list-group-item-action.active {
6404 background-color: #083a66;
6405 border-color: #083a66; }
6407 .list-group-item-secondary {
6409 background-color: #f1f3f5; }
6410 .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
6412 background-color: #e2e6ea; }
6413 .list-group-item-secondary.list-group-item-action.active {
6415 background-color: #6b6e71;
6416 border-color: #6b6e71; }
6418 .list-group-item-success {
6420 background-color: #c6dac6; }
6421 .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
6423 background-color: #b7d0b7; }
6424 .list-group-item-success.list-group-item-action.active {
6426 background-color: #1c3f1a;
6427 border-color: #1c3f1a; }
6429 .list-group-item-info {
6431 background-color: #b8dce2; }
6432 .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
6434 background-color: #a6d3db; }
6435 .list-group-item-info.list-group-item-action.active {
6437 background-color: #00434e;
6438 border-color: #00434e; }
6440 .list-group-item-warning {
6442 background-color: #fbe8cd; }
6443 .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
6445 background-color: #f9ddb5; }
6446 .list-group-item-warning.list-group-item-action.active {
6448 background-color: #7d5a29;
6449 border-color: #7d5a29; }
6451 .list-group-item-danger {
6453 background-color: #f0c5c1; }
6454 .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
6456 background-color: #ebb2ac; }
6457 .list-group-item-danger.list-group-item-action.active {
6459 background-color: #691911;
6460 border-color: #691911; }
6462 .list-group-item-light {
6464 background-color: #fdfdfe; }
6465 .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
6467 background-color: #ececf6; }
6468 .list-group-item-light.list-group-item-action.active {
6470 background-color: #818182;
6471 border-color: #818182; }
6473 .list-group-item-dark {
6475 background-color: #c6c8ca; }
6476 .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
6478 background-color: #b9bbbe; }
6479 .list-group-item-dark.list-group-item-action.active {
6481 background-color: #1b1e21;
6482 border-color: #1b1e21; }
6486 font-size: 1.40625rem;
6490 text-shadow: 0 1px 0 #fff;
6492 @media
(max-width: 1200px) {
6494 font-size: calc
(0.950625rem + 0.6075vw) ; } }
6497 text-decoration: none
; }
6498 .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
6503 background-color: transparent
;
6507 pointer-events: none
; }
6512 font-size: 0.875rem;
6513 background-color: rgba
(255, 255, 255, 0.85);
6514 background-clip: padding-box
;
6515 border: 1px solid rgba
(0, 0, 0, 0.1);
6516 box-shadow: 0 0.25rem 0.75rem rgba
(0, 0, 0, 0.1);
6517 backdrop-filter: blur
(10px);
6519 border-radius: 0.25rem; }
6520 .toast:not(:last-child) {
6521 margin-bottom: 0.75rem; }
6532 align-items: center
;
6533 padding: 0.25rem 0.75rem;
6535 background-color: rgba
(255, 255, 255, 0.85);
6536 background-clip: padding-box
;
6537 border-bottom: 1px solid rgba
(0, 0, 0, 0.05); }
6544 .modal-open .modal {
6563 pointer-events: none
; }
6564 .modal.fade .modal-dialog {
6565 transition: transform
0.3s ease-out
;
6566 transform: translate
(0, -50px); }
6567 @media
(prefers-reduced-motion: reduce
) {
6568 .modal.fade .modal-dialog {
6569 transition: none
; } }
6570 .modal.show .modal-dialog {
6572 .modal.modal-static .modal-dialog {
6573 transform: scale
(1.02); }
6575 .modal-dialog-scrollable {
6577 max-height: calc
(100% - 1rem); }
6578 .modal-dialog-scrollable .modal-content {
6579 max-height: calc
(100vh - 1rem);
6581 .modal-dialog-scrollable
.modal-header
,
6582 .modal-dialog-scrollable .modal-footer {
6584 .modal-dialog-scrollable .modal-body {
6587 .modal-dialog-centered {
6589 align-items: center
;
6590 min-height: calc
(100% - 1rem); }
6591 .modal-dialog-centered::before {
6593 height: calc
(100vh - 1rem);
6594 height: min-content
;
6596 .modal-dialog-centered.modal-dialog-scrollable {
6597 flex-direction: column
;
6598 justify-content: center
;
6600 .modal-dialog-centered.modal-dialog-scrollable .modal-content {
6602 .modal-dialog-centered.modal-dialog-scrollable::before {
6608 flex-direction: column
;
6610 pointer-events: auto
;
6611 background-color: #fff;
6612 background-clip: padding-box
;
6613 border: 1px solid rgba
(0, 0, 0, 0.2);
6614 border-radius: 0.3rem;
6624 background-color: #000; }
6625 .modal-backdrop.fade {
6627 .modal-backdrop.show {
6632 align-items: flex-start
;
6633 justify-content: space-between
;
6635 border-bottom: 1px solid
#dee2e6;
6636 border-top-left-radius: calc
(0.3rem - 1px);
6637 border-top-right-radius: calc
(0.3rem - 1px); }
6638 .modal-header .close {
6640 margin: -1rem -1rem -1rem auto
; }
6654 align-items: center
;
6655 justify-content: flex-end
;
6657 border-top: 1px solid
#dee2e6;
6658 border-bottom-right-radius: calc
(0.3rem - 1px);
6659 border-bottom-left-radius: calc
(0.3rem - 1px); }
6663 .modal-scrollbar-measure {
6670 @media (min-width: 576px) {
6673 margin: 1.75rem auto
; }
6674 .modal-dialog-scrollable {
6675 max-height: calc
(100% - 3.5rem); }
6676 .modal-dialog-scrollable .modal-content {
6677 max-height: calc
(100vh - 3.5rem); }
6678 .modal-dialog-centered {
6679 min-height: calc
(100% - 3.5rem); }
6680 .modal-dialog-centered::before {
6681 height: calc
(100vh - 3.5rem);
6682 height: min-content
; }
6684 max-width: 300px; } }
6686 @media (min-width: 992px) {
6689 max-width: 800px; } }
6691 @media (min-width: 1200px) {
6693 max-width: 1140px; } }
6700 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";
6706 text-decoration: none
;
6708 text-transform: none
;
6709 letter-spacing: normal
;
6711 word-spacing: normal
;
6712 white-space: normal
;
6714 font-size: 0.8203125rem;
6715 word-wrap: break-word
;
6724 .tooltip .arrow::before {
6727 border-color: transparent
;
6728 border-style: solid
; }
6730 .bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] {
6731 padding: 0.4rem 0; }
6732 .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow {
6734 .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
6736 border-width: 0.4rem 0.4rem 0;
6737 border-top-color: #000; }
6739 .bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] {
6740 padding: 0 0.4rem; }
6741 .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow {
6745 .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
6747 border-width: 0.4rem 0.4rem 0.4rem 0;
6748 border-right-color: #000; }
6750 .bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] {
6751 padding: 0.4rem 0; }
6752 .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow {
6754 .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
6756 border-width: 0 0.4rem 0.4rem;
6757 border-bottom-color: #000; }
6759 .bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] {
6760 padding: 0 0.4rem; }
6761 .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow {
6765 .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
6767 border-width: 0.4rem 0 0.4rem 0.4rem;
6768 border-left-color: #000; }
6772 padding: 0.25rem 0.5rem;
6775 background-color: #000;
6776 border-radius: 0.25rem; }
6784 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";
6790 text-decoration: none
;
6792 text-transform: none
;
6793 letter-spacing: normal
;
6795 word-spacing: normal
;
6796 white-space: normal
;
6798 font-size: 0.8203125rem;
6799 word-wrap: break-word
;
6800 background-color: #fff;
6801 background-clip: padding-box
;
6802 border: 1px solid rgba
(0, 0, 0, 0.2);
6803 border-radius: 0.3rem; }
6810 .popover .arrow::before, .popover .arrow::after {
6814 border-color: transparent
;
6815 border-style: solid
; }
6817 .bs-popover-top, .bs-popover-auto[x-placement^="top"] {
6818 margin-bottom: 0.5rem; }
6819 .bs-popover-top > .arrow, .bs-popover-auto[x-placement^="top"] > .arrow {
6820 bottom: calc
(-0.5rem - 1px); }
6821 .bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^="top"] > .arrow::before {
6823 border-width: 0.5rem 0.5rem 0;
6824 border-top-color: rgba
(0, 0, 0, 0.25); }
6825 .bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^="top"] > .arrow::after {
6827 border-width: 0.5rem 0.5rem 0;
6828 border-top-color: #fff; }
6830 .bs-popover-right, .bs-popover-auto[x-placement^="right"] {
6831 margin-left: 0.5rem; }
6832 .bs-popover-right > .arrow, .bs-popover-auto[x-placement^="right"] > .arrow {
6833 left: calc
(-0.5rem - 1px);
6837 .bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^="right"] > .arrow::before {
6839 border-width: 0.5rem 0.5rem 0.5rem 0;
6840 border-right-color: rgba
(0, 0, 0, 0.25); }
6841 .bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^="right"] > .arrow::after {
6843 border-width: 0.5rem 0.5rem 0.5rem 0;
6844 border-right-color: #fff; }
6846 .bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] {
6847 margin-top: 0.5rem; }
6848 .bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^="bottom"] > .arrow {
6849 top: calc
(-0.5rem - 1px); }
6850 .bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^="bottom"] > .arrow::before {
6852 border-width: 0 0.5rem 0.5rem 0.5rem;
6853 border-bottom-color: rgba
(0, 0, 0, 0.25); }
6854 .bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^="bottom"] > .arrow::after {
6856 border-width: 0 0.5rem 0.5rem 0.5rem;
6857 border-bottom-color: #fff; }
6858 .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before {
6864 margin-left: -0.5rem;
6866 border-bottom: 1px solid
#f7f7f7; }
6868 .bs-popover-left, .bs-popover-auto[x-placement^="left"] {
6869 margin-right: 0.5rem; }
6870 .bs-popover-left > .arrow, .bs-popover-auto[x-placement^="left"] > .arrow {
6871 right: calc
(-0.5rem - 1px);
6875 .bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^="left"] > .arrow::before {
6877 border-width: 0.5rem 0 0.5rem 0.5rem;
6878 border-left-color: rgba
(0, 0, 0, 0.25); }
6879 .bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^="left"] > .arrow::after {
6881 border-width: 0.5rem 0 0.5rem 0.5rem;
6882 border-left-color: #fff; }
6885 padding: 0.5rem 0.75rem;
6887 font-size: 0.9375rem;
6888 background-color: #f7f7f7;
6889 border-bottom: 1px solid
#ebebeb;
6890 border-top-left-radius: calc
(0.3rem - 1px);
6891 border-top-right-radius: calc
(0.3rem - 1px); }
6892 @media
(max-width: 1200px) {
6894 font-size: calc
(0.90375rem + 0.045vw) ; } }
6895 .popover-header:empty {
6899 padding: 0.5rem 0.75rem;
6903 position: relative
; }
6905 .carousel.pointer-event {
6906 touch-action: pan-y
; }
6912 .carousel-inner::after {
6922 margin-right: -100%;
6923 backface-visibility: hidden
;
6924 transition: transform
0.6s ease-in-out
; }
6925 @media
(prefers-reduced-motion: reduce
) {
6927 transition: none
; } }
6929 .carousel-item
.active
,
6930 .carousel-item-next
,
6931 .carousel-item-prev {
6934 .carousel-item-next:not
(.carousel-item-left
),
6935 .active.carousel-item-right {
6936 transform: translateX
(100%); }
6938 .carousel-item-prev:not
(.carousel-item-right
),
6939 .active.carousel-item-left {
6940 transform: translateX
(-100%); }
6942 .carousel-fade .carousel-item {
6944 transition-property: opacity
;
6947 .carousel-fade
.carousel-item
.active
,
6948 .carousel-fade
.carousel-item-next
.carousel-item-left
,
6949 .carousel-fade .carousel-item-prev.carousel-item-right {
6953 .carousel-fade
.active
.carousel-item-left
,
6954 .carousel-fade .active.carousel-item-right {
6957 transition: opacity
0s 0.6s; }
6958 @media
(prefers-reduced-motion: reduce
) {
6959 .carousel-fade
.active
.carousel-item-left
,
6960 .carousel-fade .active.carousel-item-right {
6961 transition: none
; } }
6963 .carousel-control-prev
,
6964 .carousel-control-next {
6970 align-items: center
;
6971 justify-content: center
;
6976 transition: opacity
0.15s ease
; }
6977 @media
(prefers-reduced-motion: reduce
) {
6978 .carousel-control-prev
,
6979 .carousel-control-next {
6980 transition: none
; } }
6981 .carousel-control-prev:hover
, .carousel-control-prev:focus
,
6982 .carousel-control-next:hover
,
6983 .carousel-control-next:focus {
6985 text-decoration: none
;
6989 .carousel-control-prev {
6992 .carousel-control-next {
6995 .carousel-control-prev-icon
,
6996 .carousel-control-next-icon {
6997 display: inline-block
;
7000 background: no-repeat
50% / 100% 100%; }
7002 .carousel-control-prev-icon {
7003 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"); }
7005 .carousel-control-next-icon {
7006 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"); }
7008 .carousel-indicators {
7015 justify-content: center
;
7020 .carousel-indicators li {
7021 box-sizing: content-box
;
7027 text-indent: -999px;
7029 background-color: #fff;
7030 background-clip: padding-box
;
7031 border-top: 10px solid transparent
;
7032 border-bottom: 10px solid transparent
;
7034 transition: opacity
0.6s ease
; }
7035 @media
(prefers-reduced-motion: reduce
) {
7036 .carousel-indicators li {
7037 transition: none
; } }
7038 .carousel-indicators .active {
7048 padding-bottom: 20px;
7050 text-align: center
; }
7052 @keyframes spinner-border
{
7054 transform: rotate
(360deg); } }
7057 display: inline-block
;
7060 vertical-align: text-bottom
;
7061 border: 0.25em solid currentColor
;
7062 border-right-color: transparent
;
7064 animation: spinner-border
.75s linear infinite
; }
7066 .spinner-border-sm {
7069 border-width: 0.2em; }
7071 @keyframes spinner-grow
{
7073 transform: scale
(0); }
7076 transform: none
; } }
7079 display: inline-block
;
7082 vertical-align: text-bottom
;
7083 background-color: currentColor
;
7086 animation: spinner-grow
.75s linear infinite
; }
7093 vertical-align: baseline
!important
; }
7096 vertical-align: top
!important
; }
7099 vertical-align: middle
!important
; }
7102 vertical-align: bottom
!important
; }
7104 .align-text-bottom {
7105 vertical-align: text-bottom
!important
; }
7108 vertical-align: text-top
!important
; }
7111 background-color: #0f6fc5 !important
; }
7113 a
.bg-primary:hover
, a
.bg-primary:focus
,
7114 button
.bg-primary:hover
,
7115 button
.bg-primary:focus
{
7116 background-color: #0b5496 !important
; }
7119 background-color: #ced4da !important
; }
7121 a
.bg-secondary:hover
, a
.bg-secondary:focus
,
7122 button
.bg-secondary:hover
,
7123 button
.bg-secondary:focus
{
7124 background-color: #b1bbc4 !important
; }
7127 background-color: #357a32 !important
; }
7129 a
.bg-success:hover
, a
.bg-success:focus
,
7130 button
.bg-success:hover
,
7131 button
.bg-success:focus
{
7132 background-color: #255623 !important
; }
7135 background-color: #008196 !important
; }
7137 a
.bg-info:hover
, a
.bg-info:focus
,
7138 button
.bg-info:hover
,
7139 button
.bg-info:focus
{
7140 background-color: #005563 !important
; }
7143 background-color: #f0ad4e !important
; }
7145 a
.bg-warning:hover
, a
.bg-warning:focus
,
7146 button
.bg-warning:hover
,
7147 button
.bg-warning:focus
{
7148 background-color: #ec971f !important
; }
7151 background-color: #ca3120 !important
; }
7153 a
.bg-danger:hover
, a
.bg-danger:focus
,
7154 button
.bg-danger:hover
,
7155 button
.bg-danger:focus
{
7156 background-color: #9e2619 !important
; }
7159 background-color: #f8f9fa !important
; }
7161 a
.bg-light:hover
, a
.bg-light:focus
,
7162 button
.bg-light:hover
,
7163 button
.bg-light:focus
{
7164 background-color: #dae0e5 !important
; }
7167 background-color: #343a40 !important
; }
7169 a
.bg-dark:hover
, a
.bg-dark:focus
,
7170 button
.bg-dark:hover
,
7171 button
.bg-dark:focus
{
7172 background-color: #1d2124 !important
; }
7175 background-color: #fff !important
; }
7178 background-color: transparent
!important
; }
7181 border: 1px solid
#dee2e6 !important
; }
7184 border-top: 1px solid
#dee2e6 !important
; }
7187 border-right: 1px solid
#dee2e6 !important
; }
7190 border-bottom: 1px solid
#dee2e6 !important
; }
7193 border-left: 1px solid
#dee2e6 !important
; }
7196 border: 0 !important
; }
7199 border-top: 0 !important
; }
7202 border-right: 0 !important
; }
7205 border-bottom: 0 !important
; }
7208 border-left: 0 !important
; }
7211 border-color: #0f6fc5 !important
; }
7214 border-color: #ced4da !important
; }
7217 border-color: #357a32 !important
; }
7220 border-color: #008196 !important
; }
7223 border-color: #f0ad4e !important
; }
7226 border-color: #ca3120 !important
; }
7229 border-color: #f8f9fa !important
; }
7232 border-color: #343a40 !important
; }
7235 border-color: #fff !important
; }
7238 border-radius: 0.2rem !important
; }
7241 border-radius: 0.25rem !important
; }
7244 border-top-left-radius: 0.25rem !important
;
7245 border-top-right-radius: 0.25rem !important
; }
7248 border-top-right-radius: 0.25rem !important
;
7249 border-bottom-right-radius: 0.25rem !important
; }
7252 border-bottom-right-radius: 0.25rem !important
;
7253 border-bottom-left-radius: 0.25rem !important
; }
7256 border-top-left-radius: 0.25rem !important
;
7257 border-bottom-left-radius: 0.25rem !important
; }
7260 border-radius: 0.3rem !important
; }
7263 border-radius: 50% !important
; }
7266 border-radius: 50rem !important
; }
7269 border-radius: 0 !important
; }
7277 display: none
!important
; }
7280 display: inline
!important
; }
7283 display: inline-block
!important
; }
7286 display: block
!important
; }
7289 display: table
!important
; }
7292 display: table-row
!important
; }
7295 display: table-cell
!important
; }
7298 display: flex
!important
; }
7301 display: inline-flex
!important
; }
7303 @media (min-width: 576px) {
7305 display: none
!important
; }
7307 display: inline
!important
; }
7308 .d-sm-inline-block {
7309 display: inline-block
!important
; }
7311 display: block
!important
; }
7313 display: table
!important
; }
7315 display: table-row
!important
; }
7317 display: table-cell
!important
; }
7319 display: flex
!important
; }
7321 display: inline-flex
!important
; } }
7323 @media (min-width: 768px) {
7325 display: none
!important
; }
7327 display: inline
!important
; }
7328 .d-md-inline-block {
7329 display: inline-block
!important
; }
7331 display: block
!important
; }
7333 display: table
!important
; }
7335 display: table-row
!important
; }
7337 display: table-cell
!important
; }
7339 display: flex
!important
; }
7341 display: inline-flex
!important
; } }
7343 @media (min-width: 992px) {
7345 display: none
!important
; }
7347 display: inline
!important
; }
7348 .d-lg-inline-block {
7349 display: inline-block
!important
; }
7351 display: block
!important
; }
7353 display: table
!important
; }
7355 display: table-row
!important
; }
7357 display: table-cell
!important
; }
7359 display: flex
!important
; }
7361 display: inline-flex
!important
; } }
7363 @media (min-width: 1200px) {
7365 display: none
!important
; }
7367 display: inline
!important
; }
7368 .d-xl-inline-block {
7369 display: inline-block
!important
; }
7371 display: block
!important
; }
7373 display: table
!important
; }
7375 display: table-row
!important
; }
7377 display: table-cell
!important
; }
7379 display: flex
!important
; }
7381 display: inline-flex
!important
; } }
7385 display: none
!important
; }
7387 display: inline
!important
; }
7388 .d-print-inline-block {
7389 display: inline-block
!important
; }
7391 display: block
!important
; }
7393 display: table
!important
; }
7394 .d-print-table-row {
7395 display: table-row
!important
; }
7396 .d-print-table-cell {
7397 display: table-cell
!important
; }
7399 display: flex
!important
; }
7400 .d-print-inline-flex {
7401 display: inline-flex
!important
; } }
7409 .embed-responsive::before {
7412 .embed-responsive
.embed-responsive-item
,
7413 .embed-responsive iframe
,
7414 .embed-responsive embed
,
7415 .embed-responsive object
,
7416 .embed-responsive video {
7425 .embed-responsive-21by9::before {
7426 padding-top: 42.8571428571%; }
7428 .embed-responsive-16by9::before {
7429 padding-top: 56.25%; }
7431 .embed-responsive-4by3::before {
7434 .embed-responsive-1by1::before {
7435 padding-top: 100%; }
7438 flex-direction: row
!important
; }
7441 flex-direction: column
!important
; }
7444 flex-direction: row-reverse
!important
; }
7446 .flex-column-reverse {
7447 flex-direction: column-reverse
!important
; }
7450 flex-wrap: wrap
!important
; }
7453 flex-wrap: nowrap
!important
; }
7455 .flex-wrap-reverse {
7456 flex-wrap: wrap-reverse
!important
; }
7459 flex: 1 1 auto
!important
; }
7462 flex-grow: 0 !important
; }
7465 flex-grow: 1 !important
; }
7468 flex-shrink: 0 !important
; }
7471 flex-shrink: 1 !important
; }
7473 .justify-content-start {
7474 justify-content: flex-start
!important
; }
7476 .justify-content-end {
7477 justify-content: flex-end
!important
; }
7479 .justify-content-center {
7480 justify-content: center
!important
; }
7482 .justify-content-between {
7483 justify-content: space-between
!important
; }
7485 .justify-content-around {
7486 justify-content: space-around
!important
; }
7488 .align-items-start {
7489 align-items: flex-start
!important
; }
7492 align-items: flex-end
!important
; }
7494 .align-items-center {
7495 align-items: center
!important
; }
7497 .align-items-baseline {
7498 align-items: baseline
!important
; }
7500 .align-items-stretch {
7501 align-items: stretch
!important
; }
7503 .align-content-start {
7504 align-content: flex-start
!important
; }
7506 .align-content-end {
7507 align-content: flex-end
!important
; }
7509 .align-content-center {
7510 align-content: center
!important
; }
7512 .align-content-between {
7513 align-content: space-between
!important
; }
7515 .align-content-around {
7516 align-content: space-around
!important
; }
7518 .align-content-stretch {
7519 align-content: stretch
!important
; }
7522 align-self: auto
!important
; }
7525 align-self: flex-start
!important
; }
7528 align-self: flex-end
!important
; }
7530 .align-self-center {
7531 align-self: center
!important
; }
7533 .align-self-baseline {
7534 align-self: baseline
!important
; }
7536 .align-self-stretch {
7537 align-self: stretch
!important
; }
7539 @media (min-width: 576px) {
7541 flex-direction: row
!important
; }
7543 flex-direction: column
!important
; }
7544 .flex-sm-row-reverse {
7545 flex-direction: row-reverse
!important
; }
7546 .flex-sm-column-reverse {
7547 flex-direction: column-reverse
!important
; }
7549 flex-wrap: wrap
!important
; }
7551 flex-wrap: nowrap
!important
; }
7552 .flex-sm-wrap-reverse {
7553 flex-wrap: wrap-reverse
!important
; }
7555 flex: 1 1 auto
!important
; }
7557 flex-grow: 0 !important
; }
7559 flex-grow: 1 !important
; }
7561 flex-shrink: 0 !important
; }
7563 flex-shrink: 1 !important
; }
7564 .justify-content-sm-start {
7565 justify-content: flex-start
!important
; }
7566 .justify-content-sm-end {
7567 justify-content: flex-end
!important
; }
7568 .justify-content-sm-center {
7569 justify-content: center
!important
; }
7570 .justify-content-sm-between {
7571 justify-content: space-between
!important
; }
7572 .justify-content-sm-around {
7573 justify-content: space-around
!important
; }
7574 .align-items-sm-start {
7575 align-items: flex-start
!important
; }
7576 .align-items-sm-end {
7577 align-items: flex-end
!important
; }
7578 .align-items-sm-center {
7579 align-items: center
!important
; }
7580 .align-items-sm-baseline {
7581 align-items: baseline
!important
; }
7582 .align-items-sm-stretch {
7583 align-items: stretch
!important
; }
7584 .align-content-sm-start {
7585 align-content: flex-start
!important
; }
7586 .align-content-sm-end {
7587 align-content: flex-end
!important
; }
7588 .align-content-sm-center {
7589 align-content: center
!important
; }
7590 .align-content-sm-between {
7591 align-content: space-between
!important
; }
7592 .align-content-sm-around {
7593 align-content: space-around
!important
; }
7594 .align-content-sm-stretch {
7595 align-content: stretch
!important
; }
7596 .align-self-sm-auto {
7597 align-self: auto
!important
; }
7598 .align-self-sm-start {
7599 align-self: flex-start
!important
; }
7600 .align-self-sm-end {
7601 align-self: flex-end
!important
; }
7602 .align-self-sm-center {
7603 align-self: center
!important
; }
7604 .align-self-sm-baseline {
7605 align-self: baseline
!important
; }
7606 .align-self-sm-stretch {
7607 align-self: stretch
!important
; } }
7609 @media (min-width: 768px) {
7611 flex-direction: row
!important
; }
7613 flex-direction: column
!important
; }
7614 .flex-md-row-reverse {
7615 flex-direction: row-reverse
!important
; }
7616 .flex-md-column-reverse {
7617 flex-direction: column-reverse
!important
; }
7619 flex-wrap: wrap
!important
; }
7621 flex-wrap: nowrap
!important
; }
7622 .flex-md-wrap-reverse {
7623 flex-wrap: wrap-reverse
!important
; }
7625 flex: 1 1 auto
!important
; }
7627 flex-grow: 0 !important
; }
7629 flex-grow: 1 !important
; }
7631 flex-shrink: 0 !important
; }
7633 flex-shrink: 1 !important
; }
7634 .justify-content-md-start {
7635 justify-content: flex-start
!important
; }
7636 .justify-content-md-end {
7637 justify-content: flex-end
!important
; }
7638 .justify-content-md-center {
7639 justify-content: center
!important
; }
7640 .justify-content-md-between {
7641 justify-content: space-between
!important
; }
7642 .justify-content-md-around {
7643 justify-content: space-around
!important
; }
7644 .align-items-md-start {
7645 align-items: flex-start
!important
; }
7646 .align-items-md-end {
7647 align-items: flex-end
!important
; }
7648 .align-items-md-center {
7649 align-items: center
!important
; }
7650 .align-items-md-baseline {
7651 align-items: baseline
!important
; }
7652 .align-items-md-stretch {
7653 align-items: stretch
!important
; }
7654 .align-content-md-start {
7655 align-content: flex-start
!important
; }
7656 .align-content-md-end {
7657 align-content: flex-end
!important
; }
7658 .align-content-md-center {
7659 align-content: center
!important
; }
7660 .align-content-md-between {
7661 align-content: space-between
!important
; }
7662 .align-content-md-around {
7663 align-content: space-around
!important
; }
7664 .align-content-md-stretch {
7665 align-content: stretch
!important
; }
7666 .align-self-md-auto {
7667 align-self: auto
!important
; }
7668 .align-self-md-start {
7669 align-self: flex-start
!important
; }
7670 .align-self-md-end {
7671 align-self: flex-end
!important
; }
7672 .align-self-md-center {
7673 align-self: center
!important
; }
7674 .align-self-md-baseline {
7675 align-self: baseline
!important
; }
7676 .align-self-md-stretch {
7677 align-self: stretch
!important
; } }
7679 @media (min-width: 992px) {
7681 flex-direction: row
!important
; }
7683 flex-direction: column
!important
; }
7684 .flex-lg-row-reverse {
7685 flex-direction: row-reverse
!important
; }
7686 .flex-lg-column-reverse {
7687 flex-direction: column-reverse
!important
; }
7689 flex-wrap: wrap
!important
; }
7691 flex-wrap: nowrap
!important
; }
7692 .flex-lg-wrap-reverse {
7693 flex-wrap: wrap-reverse
!important
; }
7695 flex: 1 1 auto
!important
; }
7697 flex-grow: 0 !important
; }
7699 flex-grow: 1 !important
; }
7701 flex-shrink: 0 !important
; }
7703 flex-shrink: 1 !important
; }
7704 .justify-content-lg-start {
7705 justify-content: flex-start
!important
; }
7706 .justify-content-lg-end {
7707 justify-content: flex-end
!important
; }
7708 .justify-content-lg-center {
7709 justify-content: center
!important
; }
7710 .justify-content-lg-between {
7711 justify-content: space-between
!important
; }
7712 .justify-content-lg-around {
7713 justify-content: space-around
!important
; }
7714 .align-items-lg-start {
7715 align-items: flex-start
!important
; }
7716 .align-items-lg-end {
7717 align-items: flex-end
!important
; }
7718 .align-items-lg-center {
7719 align-items: center
!important
; }
7720 .align-items-lg-baseline {
7721 align-items: baseline
!important
; }
7722 .align-items-lg-stretch {
7723 align-items: stretch
!important
; }
7724 .align-content-lg-start {
7725 align-content: flex-start
!important
; }
7726 .align-content-lg-end {
7727 align-content: flex-end
!important
; }
7728 .align-content-lg-center {
7729 align-content: center
!important
; }
7730 .align-content-lg-between {
7731 align-content: space-between
!important
; }
7732 .align-content-lg-around {
7733 align-content: space-around
!important
; }
7734 .align-content-lg-stretch {
7735 align-content: stretch
!important
; }
7736 .align-self-lg-auto {
7737 align-self: auto
!important
; }
7738 .align-self-lg-start {
7739 align-self: flex-start
!important
; }
7740 .align-self-lg-end {
7741 align-self: flex-end
!important
; }
7742 .align-self-lg-center {
7743 align-self: center
!important
; }
7744 .align-self-lg-baseline {
7745 align-self: baseline
!important
; }
7746 .align-self-lg-stretch {
7747 align-self: stretch
!important
; } }
7749 @media (min-width: 1200px) {
7751 flex-direction: row
!important
; }
7753 flex-direction: column
!important
; }
7754 .flex-xl-row-reverse {
7755 flex-direction: row-reverse
!important
; }
7756 .flex-xl-column-reverse {
7757 flex-direction: column-reverse
!important
; }
7759 flex-wrap: wrap
!important
; }
7761 flex-wrap: nowrap
!important
; }
7762 .flex-xl-wrap-reverse {
7763 flex-wrap: wrap-reverse
!important
; }
7765 flex: 1 1 auto
!important
; }
7767 flex-grow: 0 !important
; }
7769 flex-grow: 1 !important
; }
7771 flex-shrink: 0 !important
; }
7773 flex-shrink: 1 !important
; }
7774 .justify-content-xl-start {
7775 justify-content: flex-start
!important
; }
7776 .justify-content-xl-end {
7777 justify-content: flex-end
!important
; }
7778 .justify-content-xl-center {
7779 justify-content: center
!important
; }
7780 .justify-content-xl-between {
7781 justify-content: space-between
!important
; }
7782 .justify-content-xl-around {
7783 justify-content: space-around
!important
; }
7784 .align-items-xl-start {
7785 align-items: flex-start
!important
; }
7786 .align-items-xl-end {
7787 align-items: flex-end
!important
; }
7788 .align-items-xl-center {
7789 align-items: center
!important
; }
7790 .align-items-xl-baseline {
7791 align-items: baseline
!important
; }
7792 .align-items-xl-stretch {
7793 align-items: stretch
!important
; }
7794 .align-content-xl-start {
7795 align-content: flex-start
!important
; }
7796 .align-content-xl-end {
7797 align-content: flex-end
!important
; }
7798 .align-content-xl-center {
7799 align-content: center
!important
; }
7800 .align-content-xl-between {
7801 align-content: space-between
!important
; }
7802 .align-content-xl-around {
7803 align-content: space-around
!important
; }
7804 .align-content-xl-stretch {
7805 align-content: stretch
!important
; }
7806 .align-self-xl-auto {
7807 align-self: auto
!important
; }
7808 .align-self-xl-start {
7809 align-self: flex-start
!important
; }
7810 .align-self-xl-end {
7811 align-self: flex-end
!important
; }
7812 .align-self-xl-center {
7813 align-self: center
!important
; }
7814 .align-self-xl-baseline {
7815 align-self: baseline
!important
; }
7816 .align-self-xl-stretch {
7817 align-self: stretch
!important
; } }
7820 float: left
!important
; }
7823 float: right
!important
; }
7826 float: none
!important
; }
7828 @media (min-width: 576px) {
7830 float: left
!important
; }
7832 float: right
!important
; }
7834 float: none
!important
; } }
7836 @media (min-width: 768px) {
7838 float: left
!important
; }
7840 float: right
!important
; }
7842 float: none
!important
; } }
7844 @media (min-width: 992px) {
7846 float: left
!important
; }
7848 float: right
!important
; }
7850 float: none
!important
; } }
7852 @media (min-width: 1200px) {
7854 float: left
!important
; }
7856 float: right
!important
; }
7858 float: none
!important
; } }
7861 user-select: all
!important
; }
7864 user-select: auto
!important
; }
7867 user-select: none
!important
; }
7870 overflow: auto
!important
; }
7873 overflow: hidden
!important
; }
7876 position: static
!important
; }
7878 .position-relative {
7879 position: relative
!important
; }
7881 .position-absolute {
7882 position: absolute
!important
; }
7885 position: fixed
!important
; }
7888 position: sticky
!important
; }
7904 @supports (position: sticky
) {
7917 clip: rect
(0, 0, 0, 0);
7918 white-space: nowrap
;
7921 .sr-only-focusable:active, .sr-only-focusable:focus {
7927 white-space: normal
; }
7930 box-shadow: 0 0.125rem 0.25rem rgba
(0, 0, 0, 0.075) !important
; }
7933 box-shadow: 0 0.5rem 1rem rgba
(0, 0, 0, 0.15) !important
; }
7936 box-shadow: 0 1rem 3rem rgba
(0, 0, 0, 0.175) !important
; }
7939 box-shadow: none
!important
; }
7942 width: 25% !important
; }
7945 width: 50% !important
; }
7948 width: 75% !important
; }
7951 width: 100% !important
; }
7954 width: auto
!important
; }
7957 height: 25% !important
; }
7960 height: 50% !important
; }
7963 height: 75% !important
; }
7966 height: 100% !important
; }
7969 height: auto
!important
; }
7972 max-width: 100% !important
; }
7975 max-height: 100% !important
; }
7978 min-width: 100vw !important
; }
7981 min-height: 100vh !important
; }
7984 width: 100vw !important
; }
7987 height: 100vh !important
; }
7990 margin: 0 !important
; }
7994 margin-top: 0 !important
; }
7998 margin-right: 0 !important
; }
8002 margin-bottom: 0 !important
; }
8006 margin-left: 0 !important
; }
8009 margin: 0.25rem !important
; }
8013 margin-top: 0.25rem !important
; }
8017 margin-right: 0.25rem !important
; }
8021 margin-bottom: 0.25rem !important
; }
8025 margin-left: 0.25rem !important
; }
8028 margin: 0.5rem !important
; }
8032 margin-top: 0.5rem !important
; }
8036 margin-right: 0.5rem !important
; }
8040 margin-bottom: 0.5rem !important
; }
8044 margin-left: 0.5rem !important
; }
8047 margin: 1rem !important
; }
8051 margin-top: 1rem !important
; }
8055 margin-right: 1rem !important
; }
8059 margin-bottom: 1rem !important
; }
8063 margin-left: 1rem !important
; }
8066 margin: 1.5rem !important
; }
8070 margin-top: 1.5rem !important
; }
8074 margin-right: 1.5rem !important
; }
8078 margin-bottom: 1.5rem !important
; }
8082 margin-left: 1.5rem !important
; }
8085 margin: 2rem !important
; }
8089 margin-top: 2rem !important
; }
8093 margin-right: 2rem !important
; }
8097 margin-bottom: 2rem !important
; }
8101 margin-left: 2rem !important
; }
8104 margin: 3rem !important
; }
8108 margin-top: 3rem !important
; }
8112 margin-right: 3rem !important
; }
8116 margin-bottom: 3rem !important
; }
8120 margin-left: 3rem !important
; }
8123 padding: 0 !important
; }
8127 padding-top: 0 !important
; }
8131 padding-right: 0 !important
; }
8135 padding-bottom: 0 !important
; }
8139 padding-left: 0 !important
; }
8142 padding: 0.25rem !important
; }
8146 padding-top: 0.25rem !important
; }
8150 padding-right: 0.25rem !important
; }
8154 padding-bottom: 0.25rem !important
; }
8158 padding-left: 0.25rem !important
; }
8161 padding: 0.5rem !important
; }
8165 padding-top: 0.5rem !important
; }
8169 padding-right: 0.5rem !important
; }
8173 padding-bottom: 0.5rem !important
; }
8177 padding-left: 0.5rem !important
; }
8180 padding: 1rem !important
; }
8184 padding-top: 1rem !important
; }
8188 padding-right: 1rem !important
; }
8192 padding-bottom: 1rem !important
; }
8196 padding-left: 1rem !important
; }
8199 padding: 1.5rem !important
; }
8203 padding-top: 1.5rem !important
; }
8207 padding-right: 1.5rem !important
; }
8211 padding-bottom: 1.5rem !important
; }
8215 padding-left: 1.5rem !important
; }
8218 padding: 2rem !important
; }
8222 padding-top: 2rem !important
; }
8226 padding-right: 2rem !important
; }
8230 padding-bottom: 2rem !important
; }
8234 padding-left: 2rem !important
; }
8237 padding: 3rem !important
; }
8241 padding-top: 3rem !important
; }
8245 padding-right: 3rem !important
; }
8249 padding-bottom: 3rem !important
; }
8253 padding-left: 3rem !important
; }
8256 margin: -0.25rem !important
; }
8260 margin-top: -0.25rem !important
; }
8264 margin-right: -0.25rem !important
; }
8268 margin-bottom: -0.25rem !important
; }
8272 margin-left: -0.25rem !important
; }
8275 margin: -0.5rem !important
; }
8279 margin-top: -0.5rem !important
; }
8283 margin-right: -0.5rem !important
; }
8287 margin-bottom: -0.5rem !important
; }
8291 margin-left: -0.5rem !important
; }
8294 margin: -1rem !important
; }
8298 margin-top: -1rem !important
; }
8302 margin-right: -1rem !important
; }
8306 margin-bottom: -1rem !important
; }
8310 margin-left: -1rem !important
; }
8313 margin: -1.5rem !important
; }
8317 margin-top: -1.5rem !important
; }
8321 margin-right: -1.5rem !important
; }
8325 margin-bottom: -1.5rem !important
; }
8329 margin-left: -1.5rem !important
; }
8332 margin: -2rem !important
; }
8336 margin-top: -2rem !important
; }
8340 margin-right: -2rem !important
; }
8344 margin-bottom: -2rem !important
; }
8348 margin-left: -2rem !important
; }
8351 margin: -3rem !important
; }
8355 margin-top: -3rem !important
; }
8359 margin-right: -3rem !important
; }
8363 margin-bottom: -3rem !important
; }
8367 margin-left: -3rem !important
; }
8370 margin: auto
!important
; }
8374 margin-top: auto
!important
; }
8378 margin-right: auto
!important
; }
8382 margin-bottom: auto
!important
; }
8386 margin-left: auto
!important
; }
8388 @media (min-width: 576px) {
8390 margin: 0 !important
; }
8393 margin-top: 0 !important
; }
8396 margin-right: 0 !important
; }
8399 margin-bottom: 0 !important
; }
8402 margin-left: 0 !important
; }
8404 margin: 0.25rem !important
; }
8407 margin-top: 0.25rem !important
; }
8410 margin-right: 0.25rem !important
; }
8413 margin-bottom: 0.25rem !important
; }
8416 margin-left: 0.25rem !important
; }
8418 margin: 0.5rem !important
; }
8421 margin-top: 0.5rem !important
; }
8424 margin-right: 0.5rem !important
; }
8427 margin-bottom: 0.5rem !important
; }
8430 margin-left: 0.5rem !important
; }
8432 margin: 1rem !important
; }
8435 margin-top: 1rem !important
; }
8438 margin-right: 1rem !important
; }
8441 margin-bottom: 1rem !important
; }
8444 margin-left: 1rem !important
; }
8446 margin: 1.5rem !important
; }
8449 margin-top: 1.5rem !important
; }
8452 margin-right: 1.5rem !important
; }
8455 margin-bottom: 1.5rem !important
; }
8458 margin-left: 1.5rem !important
; }
8460 margin: 2rem !important
; }
8463 margin-top: 2rem !important
; }
8466 margin-right: 2rem !important
; }
8469 margin-bottom: 2rem !important
; }
8472 margin-left: 2rem !important
; }
8474 margin: 3rem !important
; }
8477 margin-top: 3rem !important
; }
8480 margin-right: 3rem !important
; }
8483 margin-bottom: 3rem !important
; }
8486 margin-left: 3rem !important
; }
8488 padding: 0 !important
; }
8491 padding-top: 0 !important
; }
8494 padding-right: 0 !important
; }
8497 padding-bottom: 0 !important
; }
8500 padding-left: 0 !important
; }
8502 padding: 0.25rem !important
; }
8505 padding-top: 0.25rem !important
; }
8508 padding-right: 0.25rem !important
; }
8511 padding-bottom: 0.25rem !important
; }
8514 padding-left: 0.25rem !important
; }
8516 padding: 0.5rem !important
; }
8519 padding-top: 0.5rem !important
; }
8522 padding-right: 0.5rem !important
; }
8525 padding-bottom: 0.5rem !important
; }
8528 padding-left: 0.5rem !important
; }
8530 padding: 1rem !important
; }
8533 padding-top: 1rem !important
; }
8536 padding-right: 1rem !important
; }
8539 padding-bottom: 1rem !important
; }
8542 padding-left: 1rem !important
; }
8544 padding: 1.5rem !important
; }
8547 padding-top: 1.5rem !important
; }
8550 padding-right: 1.5rem !important
; }
8553 padding-bottom: 1.5rem !important
; }
8556 padding-left: 1.5rem !important
; }
8558 padding: 2rem !important
; }
8561 padding-top: 2rem !important
; }
8564 padding-right: 2rem !important
; }
8567 padding-bottom: 2rem !important
; }
8570 padding-left: 2rem !important
; }
8572 padding: 3rem !important
; }
8575 padding-top: 3rem !important
; }
8578 padding-right: 3rem !important
; }
8581 padding-bottom: 3rem !important
; }
8584 padding-left: 3rem !important
; }
8586 margin: -0.25rem !important
; }
8589 margin-top: -0.25rem !important
; }
8592 margin-right: -0.25rem !important
; }
8595 margin-bottom: -0.25rem !important
; }
8598 margin-left: -0.25rem !important
; }
8600 margin: -0.5rem !important
; }
8603 margin-top: -0.5rem !important
; }
8606 margin-right: -0.5rem !important
; }
8609 margin-bottom: -0.5rem !important
; }
8612 margin-left: -0.5rem !important
; }
8614 margin: -1rem !important
; }
8617 margin-top: -1rem !important
; }
8620 margin-right: -1rem !important
; }
8623 margin-bottom: -1rem !important
; }
8626 margin-left: -1rem !important
; }
8628 margin: -1.5rem !important
; }
8631 margin-top: -1.5rem !important
; }
8634 margin-right: -1.5rem !important
; }
8637 margin-bottom: -1.5rem !important
; }
8640 margin-left: -1.5rem !important
; }
8642 margin: -2rem !important
; }
8645 margin-top: -2rem !important
; }
8648 margin-right: -2rem !important
; }
8651 margin-bottom: -2rem !important
; }
8654 margin-left: -2rem !important
; }
8656 margin: -3rem !important
; }
8659 margin-top: -3rem !important
; }
8662 margin-right: -3rem !important
; }
8665 margin-bottom: -3rem !important
; }
8668 margin-left: -3rem !important
; }
8670 margin: auto
!important
; }
8673 margin-top: auto
!important
; }
8676 margin-right: auto
!important
; }
8679 margin-bottom: auto
!important
; }
8682 margin-left: auto
!important
; } }
8684 @media (min-width: 768px) {
8686 margin: 0 !important
; }
8689 margin-top: 0 !important
; }
8692 margin-right: 0 !important
; }
8695 margin-bottom: 0 !important
; }
8698 margin-left: 0 !important
; }
8700 margin: 0.25rem !important
; }
8703 margin-top: 0.25rem !important
; }
8706 margin-right: 0.25rem !important
; }
8709 margin-bottom: 0.25rem !important
; }
8712 margin-left: 0.25rem !important
; }
8714 margin: 0.5rem !important
; }
8717 margin-top: 0.5rem !important
; }
8720 margin-right: 0.5rem !important
; }
8723 margin-bottom: 0.5rem !important
; }
8726 margin-left: 0.5rem !important
; }
8728 margin: 1rem !important
; }
8731 margin-top: 1rem !important
; }
8734 margin-right: 1rem !important
; }
8737 margin-bottom: 1rem !important
; }
8740 margin-left: 1rem !important
; }
8742 margin: 1.5rem !important
; }
8745 margin-top: 1.5rem !important
; }
8748 margin-right: 1.5rem !important
; }
8751 margin-bottom: 1.5rem !important
; }
8754 margin-left: 1.5rem !important
; }
8756 margin: 2rem !important
; }
8759 margin-top: 2rem !important
; }
8762 margin-right: 2rem !important
; }
8765 margin-bottom: 2rem !important
; }
8768 margin-left: 2rem !important
; }
8770 margin: 3rem !important
; }
8773 margin-top: 3rem !important
; }
8776 margin-right: 3rem !important
; }
8779 margin-bottom: 3rem !important
; }
8782 margin-left: 3rem !important
; }
8784 padding: 0 !important
; }
8787 padding-top: 0 !important
; }
8790 padding-right: 0 !important
; }
8793 padding-bottom: 0 !important
; }
8796 padding-left: 0 !important
; }
8798 padding: 0.25rem !important
; }
8801 padding-top: 0.25rem !important
; }
8804 padding-right: 0.25rem !important
; }
8807 padding-bottom: 0.25rem !important
; }
8810 padding-left: 0.25rem !important
; }
8812 padding: 0.5rem !important
; }
8815 padding-top: 0.5rem !important
; }
8818 padding-right: 0.5rem !important
; }
8821 padding-bottom: 0.5rem !important
; }
8824 padding-left: 0.5rem !important
; }
8826 padding: 1rem !important
; }
8829 padding-top: 1rem !important
; }
8832 padding-right: 1rem !important
; }
8835 padding-bottom: 1rem !important
; }
8838 padding-left: 1rem !important
; }
8840 padding: 1.5rem !important
; }
8843 padding-top: 1.5rem !important
; }
8846 padding-right: 1.5rem !important
; }
8849 padding-bottom: 1.5rem !important
; }
8852 padding-left: 1.5rem !important
; }
8854 padding: 2rem !important
; }
8857 padding-top: 2rem !important
; }
8860 padding-right: 2rem !important
; }
8863 padding-bottom: 2rem !important
; }
8866 padding-left: 2rem !important
; }
8868 padding: 3rem !important
; }
8871 padding-top: 3rem !important
; }
8874 padding-right: 3rem !important
; }
8877 padding-bottom: 3rem !important
; }
8880 padding-left: 3rem !important
; }
8882 margin: -0.25rem !important
; }
8885 margin-top: -0.25rem !important
; }
8888 margin-right: -0.25rem !important
; }
8891 margin-bottom: -0.25rem !important
; }
8894 margin-left: -0.25rem !important
; }
8896 margin: -0.5rem !important
; }
8899 margin-top: -0.5rem !important
; }
8902 margin-right: -0.5rem !important
; }
8905 margin-bottom: -0.5rem !important
; }
8908 margin-left: -0.5rem !important
; }
8910 margin: -1rem !important
; }
8913 margin-top: -1rem !important
; }
8916 margin-right: -1rem !important
; }
8919 margin-bottom: -1rem !important
; }
8922 margin-left: -1rem !important
; }
8924 margin: -1.5rem !important
; }
8927 margin-top: -1.5rem !important
; }
8930 margin-right: -1.5rem !important
; }
8933 margin-bottom: -1.5rem !important
; }
8936 margin-left: -1.5rem !important
; }
8938 margin: -2rem !important
; }
8941 margin-top: -2rem !important
; }
8944 margin-right: -2rem !important
; }
8947 margin-bottom: -2rem !important
; }
8950 margin-left: -2rem !important
; }
8952 margin: -3rem !important
; }
8955 margin-top: -3rem !important
; }
8958 margin-right: -3rem !important
; }
8961 margin-bottom: -3rem !important
; }
8964 margin-left: -3rem !important
; }
8966 margin: auto
!important
; }
8969 margin-top: auto
!important
; }
8972 margin-right: auto
!important
; }
8975 margin-bottom: auto
!important
; }
8978 margin-left: auto
!important
; } }
8980 @media (min-width: 992px) {
8982 margin: 0 !important
; }
8985 margin-top: 0 !important
; }
8988 margin-right: 0 !important
; }
8991 margin-bottom: 0 !important
; }
8994 margin-left: 0 !important
; }
8996 margin: 0.25rem !important
; }
8999 margin-top: 0.25rem !important
; }
9002 margin-right: 0.25rem !important
; }
9005 margin-bottom: 0.25rem !important
; }
9008 margin-left: 0.25rem !important
; }
9010 margin: 0.5rem !important
; }
9013 margin-top: 0.5rem !important
; }
9016 margin-right: 0.5rem !important
; }
9019 margin-bottom: 0.5rem !important
; }
9022 margin-left: 0.5rem !important
; }
9024 margin: 1rem !important
; }
9027 margin-top: 1rem !important
; }
9030 margin-right: 1rem !important
; }
9033 margin-bottom: 1rem !important
; }
9036 margin-left: 1rem !important
; }
9038 margin: 1.5rem !important
; }
9041 margin-top: 1.5rem !important
; }
9044 margin-right: 1.5rem !important
; }
9047 margin-bottom: 1.5rem !important
; }
9050 margin-left: 1.5rem !important
; }
9052 margin: 2rem !important
; }
9055 margin-top: 2rem !important
; }
9058 margin-right: 2rem !important
; }
9061 margin-bottom: 2rem !important
; }
9064 margin-left: 2rem !important
; }
9066 margin: 3rem !important
; }
9069 margin-top: 3rem !important
; }
9072 margin-right: 3rem !important
; }
9075 margin-bottom: 3rem !important
; }
9078 margin-left: 3rem !important
; }
9080 padding: 0 !important
; }
9083 padding-top: 0 !important
; }
9086 padding-right: 0 !important
; }
9089 padding-bottom: 0 !important
; }
9092 padding-left: 0 !important
; }
9094 padding: 0.25rem !important
; }
9097 padding-top: 0.25rem !important
; }
9100 padding-right: 0.25rem !important
; }
9103 padding-bottom: 0.25rem !important
; }
9106 padding-left: 0.25rem !important
; }
9108 padding: 0.5rem !important
; }
9111 padding-top: 0.5rem !important
; }
9114 padding-right: 0.5rem !important
; }
9117 padding-bottom: 0.5rem !important
; }
9120 padding-left: 0.5rem !important
; }
9122 padding: 1rem !important
; }
9125 padding-top: 1rem !important
; }
9128 padding-right: 1rem !important
; }
9131 padding-bottom: 1rem !important
; }
9134 padding-left: 1rem !important
; }
9136 padding: 1.5rem !important
; }
9139 padding-top: 1.5rem !important
; }
9142 padding-right: 1.5rem !important
; }
9145 padding-bottom: 1.5rem !important
; }
9148 padding-left: 1.5rem !important
; }
9150 padding: 2rem !important
; }
9153 padding-top: 2rem !important
; }
9156 padding-right: 2rem !important
; }
9159 padding-bottom: 2rem !important
; }
9162 padding-left: 2rem !important
; }
9164 padding: 3rem !important
; }
9167 padding-top: 3rem !important
; }
9170 padding-right: 3rem !important
; }
9173 padding-bottom: 3rem !important
; }
9176 padding-left: 3rem !important
; }
9178 margin: -0.25rem !important
; }
9181 margin-top: -0.25rem !important
; }
9184 margin-right: -0.25rem !important
; }
9187 margin-bottom: -0.25rem !important
; }
9190 margin-left: -0.25rem !important
; }
9192 margin: -0.5rem !important
; }
9195 margin-top: -0.5rem !important
; }
9198 margin-right: -0.5rem !important
; }
9201 margin-bottom: -0.5rem !important
; }
9204 margin-left: -0.5rem !important
; }
9206 margin: -1rem !important
; }
9209 margin-top: -1rem !important
; }
9212 margin-right: -1rem !important
; }
9215 margin-bottom: -1rem !important
; }
9218 margin-left: -1rem !important
; }
9220 margin: -1.5rem !important
; }
9223 margin-top: -1.5rem !important
; }
9226 margin-right: -1.5rem !important
; }
9229 margin-bottom: -1.5rem !important
; }
9232 margin-left: -1.5rem !important
; }
9234 margin: -2rem !important
; }
9237 margin-top: -2rem !important
; }
9240 margin-right: -2rem !important
; }
9243 margin-bottom: -2rem !important
; }
9246 margin-left: -2rem !important
; }
9248 margin: -3rem !important
; }
9251 margin-top: -3rem !important
; }
9254 margin-right: -3rem !important
; }
9257 margin-bottom: -3rem !important
; }
9260 margin-left: -3rem !important
; }
9262 margin: auto
!important
; }
9265 margin-top: auto
!important
; }
9268 margin-right: auto
!important
; }
9271 margin-bottom: auto
!important
; }
9274 margin-left: auto
!important
; } }
9276 @media (min-width: 1200px) {
9278 margin: 0 !important
; }
9281 margin-top: 0 !important
; }
9284 margin-right: 0 !important
; }
9287 margin-bottom: 0 !important
; }
9290 margin-left: 0 !important
; }
9292 margin: 0.25rem !important
; }
9295 margin-top: 0.25rem !important
; }
9298 margin-right: 0.25rem !important
; }
9301 margin-bottom: 0.25rem !important
; }
9304 margin-left: 0.25rem !important
; }
9306 margin: 0.5rem !important
; }
9309 margin-top: 0.5rem !important
; }
9312 margin-right: 0.5rem !important
; }
9315 margin-bottom: 0.5rem !important
; }
9318 margin-left: 0.5rem !important
; }
9320 margin: 1rem !important
; }
9323 margin-top: 1rem !important
; }
9326 margin-right: 1rem !important
; }
9329 margin-bottom: 1rem !important
; }
9332 margin-left: 1rem !important
; }
9334 margin: 1.5rem !important
; }
9337 margin-top: 1.5rem !important
; }
9340 margin-right: 1.5rem !important
; }
9343 margin-bottom: 1.5rem !important
; }
9346 margin-left: 1.5rem !important
; }
9348 margin: 2rem !important
; }
9351 margin-top: 2rem !important
; }
9354 margin-right: 2rem !important
; }
9357 margin-bottom: 2rem !important
; }
9360 margin-left: 2rem !important
; }
9362 margin: 3rem !important
; }
9365 margin-top: 3rem !important
; }
9368 margin-right: 3rem !important
; }
9371 margin-bottom: 3rem !important
; }
9374 margin-left: 3rem !important
; }
9376 padding: 0 !important
; }
9379 padding-top: 0 !important
; }
9382 padding-right: 0 !important
; }
9385 padding-bottom: 0 !important
; }
9388 padding-left: 0 !important
; }
9390 padding: 0.25rem !important
; }
9393 padding-top: 0.25rem !important
; }
9396 padding-right: 0.25rem !important
; }
9399 padding-bottom: 0.25rem !important
; }
9402 padding-left: 0.25rem !important
; }
9404 padding: 0.5rem !important
; }
9407 padding-top: 0.5rem !important
; }
9410 padding-right: 0.5rem !important
; }
9413 padding-bottom: 0.5rem !important
; }
9416 padding-left: 0.5rem !important
; }
9418 padding: 1rem !important
; }
9421 padding-top: 1rem !important
; }
9424 padding-right: 1rem !important
; }
9427 padding-bottom: 1rem !important
; }
9430 padding-left: 1rem !important
; }
9432 padding: 1.5rem !important
; }
9435 padding-top: 1.5rem !important
; }
9438 padding-right: 1.5rem !important
; }
9441 padding-bottom: 1.5rem !important
; }
9444 padding-left: 1.5rem !important
; }
9446 padding: 2rem !important
; }
9449 padding-top: 2rem !important
; }
9452 padding-right: 2rem !important
; }
9455 padding-bottom: 2rem !important
; }
9458 padding-left: 2rem !important
; }
9460 padding: 3rem !important
; }
9463 padding-top: 3rem !important
; }
9466 padding-right: 3rem !important
; }
9469 padding-bottom: 3rem !important
; }
9472 padding-left: 3rem !important
; }
9474 margin: -0.25rem !important
; }
9477 margin-top: -0.25rem !important
; }
9480 margin-right: -0.25rem !important
; }
9483 margin-bottom: -0.25rem !important
; }
9486 margin-left: -0.25rem !important
; }
9488 margin: -0.5rem !important
; }
9491 margin-top: -0.5rem !important
; }
9494 margin-right: -0.5rem !important
; }
9497 margin-bottom: -0.5rem !important
; }
9500 margin-left: -0.5rem !important
; }
9502 margin: -1rem !important
; }
9505 margin-top: -1rem !important
; }
9508 margin-right: -1rem !important
; }
9511 margin-bottom: -1rem !important
; }
9514 margin-left: -1rem !important
; }
9516 margin: -1.5rem !important
; }
9519 margin-top: -1.5rem !important
; }
9522 margin-right: -1.5rem !important
; }
9525 margin-bottom: -1.5rem !important
; }
9528 margin-left: -1.5rem !important
; }
9530 margin: -2rem !important
; }
9533 margin-top: -2rem !important
; }
9536 margin-right: -2rem !important
; }
9539 margin-bottom: -2rem !important
; }
9542 margin-left: -2rem !important
; }
9544 margin: -3rem !important
; }
9547 margin-top: -3rem !important
; }
9550 margin-right: -3rem !important
; }
9553 margin-bottom: -3rem !important
; }
9556 margin-left: -3rem !important
; }
9558 margin: auto
!important
; }
9561 margin-top: auto
!important
; }
9564 margin-right: auto
!important
; }
9567 margin-bottom: auto
!important
; }
9570 margin-left: auto
!important
; } }
9572 .stretched-link::after {
9579 pointer-events: auto
;
9581 background-color: rgba
(0, 0, 0, 0); }
9584 font-family: SFMono-Regular
, Menlo
, Monaco
, Consolas
, "Liberation Mono", "Courier New", monospace
!important
; }
9587 text-align: justify
!important
; }
9590 white-space: normal
!important
; }
9593 white-space: nowrap
!important
; }
9597 text-overflow: ellipsis
;
9598 white-space: nowrap
; }
9601 text-align: left
!important
; }
9604 text-align: right
!important
; }
9607 text-align: center
!important
; }
9609 @media (min-width: 576px) {
9611 text-align: left
!important
; }
9613 text-align: right
!important
; }
9615 text-align: center
!important
; } }
9617 @media (min-width: 768px) {
9619 text-align: left
!important
; }
9621 text-align: right
!important
; }
9623 text-align: center
!important
; } }
9625 @media (min-width: 992px) {
9627 text-align: left
!important
; }
9629 text-align: right
!important
; }
9631 text-align: center
!important
; } }
9633 @media (min-width: 1200px) {
9635 text-align: left
!important
; }
9637 text-align: right
!important
; }
9639 text-align: center
!important
; } }
9642 text-transform: lowercase
!important
; }
9645 text-transform: uppercase
!important
; }
9648 text-transform: capitalize
!important
; }
9650 .font-weight-light {
9651 font-weight: 300 !important
; }
9653 .font-weight-lighter {
9654 font-weight: lighter
!important
; }
9656 .font-weight-normal {
9657 font-weight: 400 !important
; }
9660 font-weight: 700 !important
; }
9662 .font-weight-bolder {
9663 font-weight: bolder
!important
; }
9666 font-style: italic
!important
; }
9669 color: #fff !important
; }
9672 color: #0f6fc5 !important
; }
9674 a
.text-primary:hover
, a
.text-primary:focus
{
9675 color: #0a477e !important
; }
9678 color: #ced4da !important
; }
9680 a
.text-secondary:hover
, a
.text-secondary:focus
{
9681 color: #a2aeb9 !important
; }
9684 color: #357a32 !important
; }
9686 a
.text-success:hover
, a
.text-success:focus
{
9687 color: #1d441c !important
; }
9690 color: #008196 !important
; }
9692 a
.text-info:hover
, a
.text-info:focus
{
9693 color: #003f4a !important
; }
9696 color: #f0ad4e !important
; }
9698 a
.text-warning:hover
, a
.text-warning:focus
{
9699 color: #df8a13 !important
; }
9702 color: #ca3120 !important
; }
9704 a
.text-danger:hover
, a
.text-danger:focus
{
9705 color: #882116 !important
; }
9708 color: #f8f9fa !important
; }
9710 a
.text-light:hover
, a
.text-light:focus
{
9711 color: #cbd3da !important
; }
9714 color: #343a40 !important
; }
9716 a
.text-dark:hover
, a
.text-dark:focus
{
9717 color: #121416 !important
; }
9720 color: #212529 !important
; }
9723 color: #6c757d !important
; }
9726 color: rgba
(0, 0, 0, 0.5) !important
; }
9729 color: rgba
(255, 255, 255, 0.5) !important
; }
9735 background-color: transparent
;
9738 .text-decoration-none {
9739 text-decoration: none
!important
; }
9742 word-wrap: break-word
!important
; }
9745 color: inherit
!important
; }
9748 visibility: visible
!important
; }
9751 visibility: hidden
!important
; }
9757 text-shadow: none
!important
;
9758 box-shadow: none
!important
; }
9760 text-decoration: underline
; }
9761 abbr
[title
]::after
{
9762 content: " (" attr
(title
) ")"; }
9764 white-space: pre-wrap
!important
; }
9767 border: 1px solid
#8f959e;
9768 page-break-inside: avoid
; }
9770 display: table-header-group
; }
9773 page-break-inside: avoid
; }
9781 page-break-after: avoid
; }
9783 min-width: 992px !important
; }
9785 min-width: 992px !important
; }
9789 border: 1px solid
#000; }
9791 border-collapse: collapse
!important
; }
9794 background-color: #fff !important
; }
9796 .table-bordered td {
9797 border: 1px solid
#dee2e6 !important
; }
9802 .table-dark thead th
,
9803 .table-dark tbody + tbody {
9804 border-color: #dee2e6; }
9805 .table .thead-dark th {
9807 border-color: #dee2e6; } }
9810 * Bootstrap overrides for RTL
9812 * This file is only for overriding sass from upstream bootstrap, all general rtl fixes for
9813 * moodle scss should be placed immediately after the definition of the ltr rule.
9815 .breadcrumb-item + .breadcrumb-item::before {
9819 /* stylelint-disable-line declaration-block-no-duplicate-properties */ }
9821 .dir-rtl .custom-select {
9822 background-position: 0.75rem center
; }
9831 .dir-rtl .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
9832 transform: translateX
(-0.75rem); }
9837 * Variables written for Moodle specific components
9839 * Please do not override any Bootstrap variables here, custom Bootstrap variable should go in
9840 * preset files instead.
9845 overflow-y: visible
;
9846 background-color: #fff; }
9848 @media (min-width: 576px) {
9850 border: 1px solid rgba
(0, 0, 0, 0.125);
9851 border-radius: 0.25rem;
9852 padding: 1.25rem; } }
9854 @media (min-width: 576px) {
9855 .context-header-settings-menu
,
9856 .region-main-settings-menu {
9862 margin-top: 4px; } }
9864 @media (max-width: 767.98px) {
9865 .context-header-settings-menu
,
9866 .region-main-settings-menu {
9868 justify-content: flex-end
; } }
9873 transition: opacity
.7s ease
0s, visibility
.1s ease
.8s;
9881 transform: translateY
(-100%); }
9883 @media (max-width: 767.98px) {
9887 body
.scrolled #goto-top-link
{
9889 visibility: visible
;
9890 transition: visibility
0s ease
0s, opacity
.7s ease
.1s; }
9892 .context-header-settings-menu
.dropdown-toggle
> .icon
,
9893 #region-main-settings-menu .dropdown-toggle
> .icon
{
9898 /** Prevent user notifications overlapping with region main settings menu */
9899 #user-notifications {
9903 /** Page layout CSS starts **/
9904 .layout-option-noheader #page-header
,
9905 .layout-option-nonavbar #page-navbar
,
9906 .layout-option-nofooter #page-footer
,
9907 .layout-option-nocourseheader
.course-content-header
,
9908 .layout-option-nocoursefooter .course-content-footer {
9911 /** Page layout CSS ends **/
9916 text-align: right
; }
9920 direction: ltr
!important
;
9921 /* stylelint-disable-line declaration-no-important */ }
9927 text-align: center
; }
9934 a
.dimmed_text:visited
,
9937 .dimmed_text
a:link
,
9938 .dimmed_text
a:visited
,
9941 .usersuspended
a:link
,
9942 .usersuspended
a:visited
,
9944 .dimmed_category a {
9947 .aalink
.focus
, .aalink:focus
,
9948 #page-footer a:not
([class
]).focus
,
9949 #page-footer a:not
([class
]):focus
,
9952 a:not
([class
]).focus
,
9953 a:not
([class
]):focus
,
9954 .activityinstance
> a
.focus
,
9955 .activityinstance > a:focus {
9956 outline: 0.2rem solid transparent
;
9958 background-color: #d7ebfc;
9959 box-shadow: 0 -0.2rem #d7ebfc, 0 0.2rem #343a40; }
9961 .aalink:focus:hover
,
9962 #page-footer a:not
([class
]):focus:hover
,
9963 .arrow_link:focus:hover
,
9964 a:not
([class
]):focus:hover
,
9965 .activityinstance > a:focus:hover {
9966 text-decoration: none
; }
9968 .aabtn
.focus
, .aabtn:focus
,
9973 .atto_link_button
.focus
,
9974 .atto_link_button:focus
,
9975 [role
="button"].focus
,
9976 [role
="button"]:focus
,
9977 .list-group-item-action
.focus
,
9978 .list-group-item-action:focus
,
9979 input
[type
="checkbox"].focus
,
9980 input
[type
="checkbox"]:focus
,
9981 input
[type
="radio"].focus
,
9982 input
[type
="radio"]:focus
,
9983 input
[type
="file"].focus
,
9984 input
[type
="file"]:focus
,
9985 input
[type
="image"].focus
,
9986 input
[type
="image"]:focus
,
9987 .sr-only-focusable
.focus
,
9988 .sr-only-focusable:focus
,
9989 a
.dropdown-toggle
.focus
,
9990 a
.dropdown-toggle:focus
,
9991 .modal-dialog
[tabindex
="0"].focus
,
9992 .modal-dialog
[tabindex
="0"]:focus
,
9993 .moodle-dialogue-base
.closebutton
.focus
,
9994 .moodle-dialogue-base
.closebutton:focus
,
9997 .form-autocomplete-selection
.focus
,
9998 .form-autocomplete-selection:focus {
10000 box-shadow: 0 0 0 0.2rem rgba
(15, 111, 197, 0.75); }
10002 .aabtn:focus:hover
,
10003 .btn-link:focus:hover
,
10004 .nav-link:focus:hover
,
10005 .atto_link_button:focus:hover
,
10006 [role
="button"]:focus:hover
,
10007 .list-group-item-action:focus:hover
,
10008 input
[type
="checkbox"]:focus:hover
,
10009 input
[type
="radio"]:focus:hover
,
10010 input
[type
="file"]:focus:hover
,
10011 input
[type
="image"]:focus:hover
,
10012 .sr-only-focusable:focus:hover
,
10013 a
.dropdown-toggle:focus:hover
,
10014 .modal-dialog
[tabindex
="0"]:focus:hover
,
10015 .moodle-dialogue-base
.closebutton:focus:hover
,
10016 button
.close:focus:hover
,
10017 .form-autocomplete-selection:focus:hover {
10018 text-decoration: none
; }
10020 .form-autocomplete-suggestions li[aria-selected=true] {
10022 box-shadow: 0 0 0 0.2rem rgba
(15, 111, 197, 0.75); }
10024 .safari input
[type
="checkbox"].focus
, .safari input
[type
="checkbox"]:focus
,
10025 .safari input
[type
="radio"].focus
,
10026 .safari input[type="radio"]:focus {
10035 .section li
.activity
,
10036 .section li
.movehere
,
10042 .section li.movehere a {
10046 border: 2px dashed
#343a40; }
10048 .editing .course-content .hidden.sectionname {
10049 visibility: hidden
;
10050 display: initial
; }
10057 font-size: 0.703125rem; }
10074 .fitem.advanced .text-info {
10075 font-weight: bold
; }
10078 text-align: right
; }
10080 a
.autolink
.glossary:hover
{
10083 /* Block which is hidden if javascript enabled, prevents fickering visible when JS from footer used! */
10084 .collapsibleregioncaption {
10085 white-space: nowrap
;
10086 min-height: 1.40625rem; }
10088 .pagelayout-mydashboard.jsenabled .collapsibleregioncaption {
10091 .pagelayout-mydashboard #region-main {
10094 background-color: transparent
;
10095 margin-top: -1px; }
10097 @media (max-width: 767.98px) {
10098 .pagelayout-mydashboard #region-main-box
,
10099 .pagelayout-login #region-main-box {
10101 padding-right: 0; } }
10103 .collapsibleregioncaption img {
10104 vertical-align: middle
; }
10106 .jsenabled .hiddenifjs {
10112 .jsenabled .visibleifjs {
10115 .jsenabled .collapsibleregion {
10117 box-sizing: content-box
; }
10119 .jsenabled .collapsed .collapsibleregioninner {
10120 visibility: hidden
; }
10122 .collapsible-actions {
10124 text-align: right
; }
10126 .jsenabled .collapsible-actions {
10129 .collapsible-actions .collapseexpand {
10130 padding-left: 20px;
10131 background: url
([[pix:t
/collapsed
]]) 2px center no-repeat
; }
10134 .collapsible-actions .collapseexpand {
10135 background: url([[pix:t/collapsed_rtl]]) right center no-repeat;
10138 .collapsible-actions .collapse-all {
10139 background-image: url
([[pix:t
/expanded
]]); }
10141 .yui-overlay .yui-widget-bd {
10142 background-color: #ffee69;
10143 border: 1px solid
#a6982b;
10144 border-top-color: #d4c237;
10148 position: relative
;
10153 background: transparent
;
10165 .pagingbar .thispage {
10166 font-weight: bold
; }
10169 margin-right: 0.5rem; }
10175 .action-menu .dropdown-toggle {
10176 text-decoration: none
; }
10179 white-space: nowrap
; }
10181 .block img.resize {
10189 vertical-align: middle
; }
10192 font-weight: bold
; }
10197 overflow: hidden
; }
10202 #addmembersform table
{
10204 margin-right: auto
; }
10206 table
.flexible
.emptyrow
{
10210 form
.popupform div
{
10213 .arrow_button input {
10214 overflow: hidden
; }
10219 .no-overflow > .generaltable {
10220 position: relative
;
10222 min-height: 10em; }
10225 position: absolute
;
10231 clip: rect
(0, 0, 0, 0);
10232 white-space: nowrap
;
10242 position: absolute
;
10245 text-decoration: none
; }
10247 a
.skip-block:focus
,
10248 a
.skip-block:active
,
10257 overflow: hidden
; }
10260 text-align: center
; }
10262 .blog_entry .audience {
10264 padding-right: 4px; }
10266 .blog_entry .tags {
10267 margin-top: 15px; }
10269 .blog_entry .content {
10270 margin-left: 43px; }
10273 margin: 1em 0 0 0; }
10280 #doc-contents ul li
{
10281 list-style-type: none
; }
10283 .groupmanagementtable td {
10284 vertical-align: top
; }
10286 .groupmanagementtable #existingcell
,
10287 .groupmanagementtable #potentialcell {
10290 .groupmanagementtable #buttonscell {
10293 .groupmanagementtable #buttonscell p.arrow_button input {
10299 .groupmanagementtable #removeselect_wrapper
,
10300 .groupmanagementtable #addselect_wrapper {
10303 .groupmanagementtable #removeselect_wrapper label
,
10304 .groupmanagementtable #addselect_wrapper label {
10305 font-weight: normal
; }
10307 #group-usersummary {
10312 margin-bottom: 3px;
10313 display: inline-block
; }
10315 .groupselector label {
10316 display: inline-block
; }
10318 .login-page [name="username"] {
10319 margin-bottom: -1px;
10320 border-bottom-right-radius: 0;
10321 border-bottom-left-radius: 0; }
10323 .login-page [type="password"] {
10324 margin-bottom: 10px;
10325 border-top-left-radius: 0;
10326 border-top-right-radius: 0; }
10329 margin-bottom: 1em; }
10331 .notepost .userpicture {
10333 margin-right: 5px; }
10335 .notepost
.content
,
10336 .notepost .footer {
10340 margin-left: 20px; }
10342 .path-my .coursebox {
10345 .path-my .coursebox .overview {
10346 margin: 15px 30px 10px 30px; }
10348 .path-my .coursebox .info {
10372 .comment-area textarea {
10375 .comment-area textarea.fullwidth {
10376 -webkit-box-sizing: border-box
;
10377 -moz-box-sizing: border-box
;
10378 box-sizing: border-box
; }
10380 .comment-area .fd {
10381 text-align: right
; }
10383 .comment-meta span {
10386 .comment-link img {
10387 vertical-align: text-bottom
; }
10399 margin-bottom: 5px;
10402 position: relative
; }
10404 .comment-list li.first {
10408 text-align: center
; }
10410 .comment-paging .pageno {
10413 .comment-paging .curpage {
10414 border: 1px solid
#ccc; }
10416 .comment-message .picture {
10420 .comment-message .text {
10424 .comment-message .text p {
10426 margin: 0 18px 0 0; }
10429 position: absolute
;
10434 .comment-report-selectall {
10440 .jsenabled .comment-link {
10443 .jsenabled .showcommentsnonjs {
10446 .jsenabled .comment-report-selectall {
10450 * Completion progress report
10452 .completion-expired {
10455 .completion-expected {
10456 font-size: 0.703125rem; }
10458 .completion-sortchoice
,
10459 .completion-identifyfield {
10460 font-size: 0.703125rem;
10461 vertical-align: bottom
; }
10463 .completion-progresscell {
10464 text-align: right
; }
10466 .completion-expired .completion-expected {
10467 font-weight: bold
; }
10477 text-align: center
;
10478 margin: 10px auto
; }
10480 .path-tag .tag-index-items .tagarea {
10481 border: 1px solid
#e3e3e3;
10482 border-radius: 4px;
10484 margin-top: 10px; }
10486 .path-tag .tag-index-items .tagarea h3 {
10488 padding: 3px 0 10px 0;
10494 text-shadow: 0 1px 0 rgba
(255, 255, 255, 0.5);
10495 text-transform: uppercase
;
10496 word-wrap: break-word
;
10497 border-bottom: solid
1px #e3e3e3;
10498 margin-bottom: 10px; }
10500 .path-tag
.tagarea
.controls::after
,
10501 .path-tag .tagarea .taggeditems::after {
10506 .path-tag
.tagarea
.controls
,
10507 .path-tag .tag-backtoallitems {
10508 text-align: center
; }
10510 .path-tag .tagarea .controls .gotopage.nextpage {
10513 .path-tag .tagarea .controls .gotopage.prevpage {
10516 .path-tag .tagarea .controls .exclusivemode {
10517 display: inline-block
; }
10519 .path-tag .tagarea .controls.controls-bottom {
10522 .path-tag .tagarea .controls .gotopage.nextpage::after {
10523 padding-right: 5px;
10527 .path-tag .tagarea .controls .gotopage.prevpage::before {
10528 padding-right: 5px;
10534 span
.flagged-tag a
,
10538 .tag-management-table td
,
10539 .tag-management-table th {
10540 vertical-align: middle
;
10543 .tag-management-table .inplaceeditable.inplaceeditingon input {
10546 .path-admin-tag .addstandardtags {
10548 .path-admin-tag .addstandardtags img {
10551 .path-tag .tag-relatedtags {
10552 padding-top: 10px; }
10554 .path-tag .tag-management-box {
10555 text-align: right
; }
10557 .path-tag .tag-index-toc {
10559 text-align: center
; }
10561 .path-tag
.tag-index-toc li
,
10562 .path-tag .tag-management-box li {
10564 margin-right: 5px; }
10566 .path-tag .tag-management-box li a.edittag {
10567 background-image: url
([[pix:moodle|i
/settings
]]); }
10569 .path-tag .tag-management-box li a.flagasinappropriate {
10570 background-image: url
([[pix:moodle|i
/flagged
]]); }
10572 .path-tag .tag-management-box li a.removefrommyinterests {
10573 background-image: url
([[pix:moodle|t
/delete
]]); }
10575 .path-tag .tag-management-box li a.addtomyinterests {
10576 background-image: url
([[pix:moodle|t
/add
]]); }
10578 .path-tag .tag-management-box li a {
10579 background-repeat: no-repeat
;
10580 background-position: left
;
10581 padding-left: 17px; }
10583 .tag_feed.media-list .media .itemimage {
10586 .tag_feed.media-list .media .itemimage img {
10590 .tag_feed.media-list .media .media-body {
10591 padding-right: 10px;
10592 padding-left: 10px; }
10594 .tag_feed .media .muted a {
10598 text-align: center
; }
10600 .tag_cloud .inline-list li {
10601 padding: 0 0.2em; }
10603 .tag_cloud .tag_overflow {
10605 font-style: italic
; }
10608 font-size: 2.7em; }
10611 font-size: 2.6em; }
10614 font-size: 2.5em; }
10617 font-size: 2.4em; }
10620 font-size: 2.3em; }
10623 font-size: 2.2em; }
10626 font-size: 2.1em; }
10632 font-size: 1.9em; }
10635 font-size: 1.8em; }
10638 font-size: 1.7em; }
10641 font-size: 1.6em; }
10644 font-size: 1.5em; }
10647 font-size: 1.4em; }
10650 font-size: 1.3em; }
10653 font-size: 1.2em; }
10656 font-size: 1.1em; }
10662 font-size: 0.9em; }
10665 font-size: 0.8em; }
10668 font-size: 0.7em; }
10673 .tag_list.hideoverlimit .overlimit {
10676 .tag_list .tagmorelink {
10679 .tag_list.hideoverlimit .tagmorelink {
10682 .tag_list.hideoverlimit .taglesslink {
10688 #webservice-doc-generator td
{
10690 border: 0 solid black
; }
10697 border-collapse: collapse
; }
10699 .userenrolment tr {
10700 vertical-align: top
; }
10702 .userenrolment td {
10706 .userenrolment .subfield {
10707 margin-right: 5px; }
10709 .userenrolment .col_userdetails .subfield {
10710 margin-left: 40px; }
10712 .userenrolment .col_userdetails .subfield_picture {
10716 .userenrolment .col_lastseen {
10719 .userenrolment .col_role {
10722 .userenrolment
.col_role
.roles
,
10723 .userenrolment .col_group .groups {
10724 margin-right: 30px; }
10726 .userenrolment .col_role .role {
10728 padding: 0 3px 3px;
10730 white-space: nowrap
; }
10732 .userenrolment .col_group .group {
10736 white-space: nowrap
; }
10738 .userenrolment
.col_role
.role a
,
10739 .userenrolment .col_group .group a {
10743 .userenrolment
.col_role
.addrole
,
10744 .userenrolment .col_group .addgroup {
10748 .userenrolment
.col_role
.addrole
> a:hover
,
10749 .userenrolment .col_group .addgroup > a:hover {
10750 border-bottom: 1px solid
#666; }
10752 .userenrolment
.col_role
.addrole img
,
10753 .userenrolment .col_group .addgroup img {
10754 vertical-align: baseline
; }
10756 .userenrolment .hasAllRoles .col_role .addrole {
10759 .userenrolment .col_enrol .enrolment {
10761 padding: 0 3px 3px;
10762 margin: 0 3px 3px; }
10764 .userenrolment .col_enrol .enrolment a {
10766 margin-left: 3px; }
10769 background-color: #ccc;
10770 position: absolute
;
10775 text-align: center
; }
10777 .corelightbox img {
10782 .mod-indent-outer {
10786 display: table-cell
; }
10788 .label .mod-indent {
10790 padding-top: 20px; }
10792 @media (min-width: 576px) {
10793 /* Creates a series of .mod-indent-# rule declarations based on indent size and number of indent levels. */
10829 /* Audio player size in 'block' mode (can only change width, height is hardcoded in JS) */
10830 .resourcecontent .mediaplugin_mp3 object {
10834 .resourcecontent audio.mediaplugin_html5audio {
10837 /** Large resource images should avoid hidden overflow **/
10841 /* Audio player size in 'inline' mode (can only change width, as above) */
10842 .mediaplugin_mp3 object {
10846 audio
.mediaplugin_html5audio
{
10849 /* TinyMCE moodle media preview frame should not have padding */
10850 .core_media_preview.pagelayout-embedded #content {
10853 .core_media_preview.pagelayout-embedded #maincontent {
10856 body#page-lib-editor-tinymce-plugins-moodlemedia-preview
{
10860 background: none
; }
10862 .path-rating .ratingtable {
10864 margin-bottom: 1em; }
10866 .path-rating .ratingtable th.rating {
10869 .path-rating
.ratingtable td
.rating
,
10870 .path-rating .ratingtable td.time {
10871 white-space: nowrap
;
10872 text-align: center
; }
10874 /* Moodle Dialogue Settings (moodle-core-dialogue) */
10875 .moodle-dialogue-base .moodle-dialogue-lightbox {
10876 background-color: #495057; }
10878 .pagelayout-popup .moodle-dialogue-base .moodle-dialogue-lightbox {
10879 background-color: transparent
; }
10881 .pagelayout-popup .moodle-dialogue-base .moodle-dialogue {
10882 box-shadow: 0 0.25rem 0.5rem rgba
(0, 0, 0, 0.2); }
10884 .moodle-dialogue-base
.hidden
,
10885 .moodle-dialogue-base .moodle-dialogue-hidden {
10889 overflow: hidden
; }
10891 .moodle-dialogue-base .moodle-dialogue-fullscreen {
10898 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
10901 .moodle-dialogue-base .moodle-dialogue-fullscreen .closebutton {
10904 background-size: 100%; }
10906 .moodle-dialogue-base .moodle-dialogue-wrap {
10907 background-color: #fff;
10908 border: 1px solid
#ccc; }
10913 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd {
10915 padding: 1rem 1rem;
10916 border-bottom: 1px solid
#dee2e6; }
10918 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd.yui3-widget-hd {
10921 background: initial
;
10923 line-height: 1.5; }
10925 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd h1 {
10926 font-size: 1.5rem; }
10928 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .yui3-widget-buttons {
10934 position: relative
;
10935 margin-left: auto
; }
10937 .moodle-dialogue-base .closebutton {
10938 padding: 1rem 1rem;
10939 margin: -1rem -1rem -1rem auto
;
10940 position: relative
;
10941 background-color: transparent
;
10943 background-image: none
;
10946 .moodle-dialogue-base .closebutton:hover, .moodle-dialogue-base .closebutton:active {
10948 .moodle-dialogue-base .closebutton::after {
10951 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd {
10953 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd body {
10954 background-color: #fff; }
10956 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
10958 position: absolute
;
10966 .moodle-dialogue-exception .moodle-exception-param label {
10967 font-weight: bold
; }
10969 .moodle-dialogue-exception .param-stacktrace label {
10970 background-color: #eee;
10971 border: 1px solid
#ccc;
10972 border-bottom-width: 0; }
10974 .moodle-dialogue-exception .param-stacktrace pre {
10975 border: 1px solid
#ccc;
10976 background-color: #fff; }
10978 .moodle-dialogue-exception .param-stacktrace .stacktrace-file {
10980 font-size: 0.8203125rem; }
10982 .moodle-dialogue-exception .param-stacktrace .stacktrace-line {
10984 font-size: 0.8203125rem; }
10986 .moodle-dialogue-exception .param-stacktrace .stacktrace-call {
10989 border-bottom: 1px solid
#eee; }
10991 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft:empty {
10994 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft.yui3-widget-ft {
10995 background: initial
; }
10997 .moodle-dialogue-confirm .confirmation-message {
10998 margin: 0.5rem 0; }
11000 .moodle-dialogue-confirm .confirmation-dialogue input {
11003 .moodle-dialogue-exception .moodle-exception-message {
11006 .moodle-dialogue-exception .moodle-exception-param {
11007 margin-bottom: 0.5em; }
11009 .moodle-dialogue-exception .moodle-exception-param label {
11012 .moodle-dialogue-exception .param-stacktrace label {
11015 padding: 4px 1em; }
11017 .moodle-dialogue-exception .param-stacktrace pre {
11022 .moodle-dialogue-exception .param-stacktrace .stacktrace-file {
11023 display: inline-block
;
11026 .moodle-dialogue-exception .param-stacktrace .stacktrace-line {
11027 display: inline-block
;
11031 .moodle-dialogue-exception .param-stacktrace .stacktrace-call {
11032 padding-left: 25px;
11033 margin-bottom: 4px;
11034 padding-bottom: 4px; }
11036 .moodle-dialogue .moodle-dialogue-bd .content-lightbox {
11042 background-color: white
;
11043 text-align: center
;
11046 /* Apply a default max-height on tooltip text */
11047 .moodle-dialogue .tooltiptext {
11048 max-height: 300px; }
11050 .moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip {
11052 .moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip .moodle-dialogue-bd {
11056 * Chooser Dialogues (moodle-core-chooserdialogue)
11058 * This CSS belong to the chooser dialogue which should work both with, and
11059 * without javascript enabled
11061 /* Hide the dialog and it's title */
11062 .chooserdialoguebody
,
11066 .moodle-dialogue.chooserdialogue .moodle-dialogue-content .moodle-dialogue-ft {
11069 .chooserdialogue .moodle-dialogue-wrap .moodle-dialogue-bd {
11071 background: #f2f2f2;
11072 border-bottom-right-radius: 10px;
11073 border-bottom-left-radius: 10px; }
11075 /* Center the submit buttons within the area */
11076 .choosercontainer #chooseform .submitbuttons {
11078 text-align: right
; }
11080 /* Fixed for safari browser on iPhone4S with ios7@mixin */
11081 @media (max-height: 639px) {
11082 .ios .choosercontainer #chooseform .submitbuttons {
11083 padding: 45px 0; } }
11085 .choosercontainer #chooseform .submitbuttons input {
11089 /* Various settings for the options area */
11090 .choosercontainer #chooseform .options {
11091 position: relative
;
11092 border-bottom: 1px solid
#bbb; }
11094 /* Only set these options if we're showing the js container */
11095 .jschooser .choosercontainer #chooseform .alloptions {
11096 overflow-x: hidden
;
11098 max-width: 240px; }
11099 .jschooser .choosercontainer #chooseform .alloptions .option input[type=radio] {
11100 display: inline-block
; }
11101 .jschooser .choosercontainer #chooseform .alloptions .option .typename {
11102 display: inline-block
;
11105 /* Settings for option rows and option subtypes */
11106 .choosercontainer #chooseform
.moduletypetitle
,
11107 .choosercontainer #chooseform
.option
,
11108 .choosercontainer #chooseform .nonoption {
11110 padding: 0 1.6em 0 1.6em; }
11112 .choosercontainer #chooseform .moduletypetitle {
11113 text-transform: uppercase
;
11114 padding-top: 1.2em;
11115 padding-bottom: 0.4em;
11116 margin-bottom: 0.5rem;
11119 .choosercontainer #chooseform
.option
.typename
,
11120 .choosercontainer #chooseform .nonoption .typename {
11121 padding: 0 0 0 0.5em; }
11123 .choosercontainer #chooseform .modicon + .typename {
11126 .choosercontainer #chooseform
.option input
[type
=radio
],
11127 .choosercontainer #chooseform .option span.typename {
11128 vertical-align: middle
; }
11130 .choosercontainer #chooseform .option label {
11134 border-bottom: 1px solid
#fff; }
11136 .choosercontainer #chooseform .option .icon {
11140 .choosercontainer #chooseform .nonoption {
11141 padding-left: 2.7em;
11142 padding-top: 0.3em;
11143 padding-bottom: 0.1em; }
11145 .choosercontainer #chooseform .subtype {
11147 padding: 0 1.6em 0 3.2em; }
11149 .choosercontainer #chooseform .subtype .typename {
11150 margin: 0 0 0 0.2em; }
11152 /* The instruction/help area */
11153 .jschooser
.choosercontainer #chooseform
.instruction
,
11154 .jschooser .choosercontainer #chooseform .typesummary {
11156 position: absolute
;
11163 background-color: #fff;
11164 overflow-x: hidden
;
11166 line-height: 2em; }
11168 /* Selected option settings */
11169 .jschooser
.choosercontainer #chooseform
.instruction
,
11170 .choosercontainer #chooseform .selected .typesummary {
11173 .choosercontainer #chooseform .selected {
11174 background-color: #fff;
11176 padding-top: 1px; }
11178 @media (max-width: 575.98px) {
11179 .jsenabled .choosercontainer #chooseform .alloptions {
11181 .jsenabled
.choosercontainer #chooseform
.instruction
,
11182 .jsenabled .choosercontainer #chooseform .typesummary {
11183 position: static
; } }
11186 * Module chooser dialogue (moodle-core-chooserdialogue)
11188 * This CSS belong to the chooser dialogue which should work both with, and
11189 * without javascript enabled
11191 .modchooser .modal-body {
11196 flex-direction: column
; }
11197 .modchooser .modal-body .searchresultitemscontainer-wrapper {
11198 min-height: 495px; }
11199 .modchooser .modal-body .carousel-item.active {
11201 .modchooser .modal-body .chooser-container {
11203 flex-direction: column
;
11205 .modchooser .modal-body .loading-icon {
11207 .modchooser .modal-body .loading-icon .icon {
11212 .modchooser .modal-body .carousel-item .loading-icon .icon {
11213 margin: 1em auto
; }
11214 .modchooser .modal-body .searchbar {
11217 .modchooser .modal-footer {
11219 background: #fff; }
11220 .modchooser .modal-footer .moodlenet-logo .icon {
11223 margin-bottom: .6rem; }
11225 .modchoosercontainer.noscroll {
11226 overflow-y: hidden
; }
11228 .modchoosercontainer
.optionscontainer
,
11229 .modchoosercontainer .searchresultitemscontainer {
11230 overflow-x: hidden
; }
11231 .modchoosercontainer
.optionscontainer
.option
,
11232 .modchoosercontainer .searchresultitemscontainer .option {
11233 flex-basis: calc
(50% - 0.5rem); }
11234 .modchoosercontainer
.optionscontainer
.option
.optionactions
.optionaction
,
11235 .modchoosercontainer .searchresultitemscontainer .option .optionactions .optionaction {
11238 .modchoosercontainer
.optionscontainer
.option
.optionactions
.optionaction i
,
11239 .modchoosercontainer .searchresultitemscontainer .option .optionactions .optionaction i {
11241 .modchoosercontainer
.optionscontainer
.option
.optioninfo a
,
11242 .modchoosercontainer .searchresultitemscontainer .option .optioninfo a {
11244 .modchoosercontainer
.optionscontainer
.option
.optioninfo
a:hover
,
11245 .modchoosercontainer .searchresultitemscontainer .option .optioninfo a:hover {
11246 text-decoration: none
; }
11248 .modchooser .modal-body .optionsummary {
11249 background-color: #fff;
11250 overflow-x: hidden
;
11253 .modchooser .modal-body .optionsummary .content {
11254 overflow-y: auto
; }
11255 .modchooser .modal-body .optionsummary .content .heading .icon {
11260 .modchooser .modal-body .optionsummary .actions {
11261 border-top: 1px solid
#dee2e6;
11262 background: #fff; }
11264 @media (max-width: 575.98px) {
11265 .path-course-view
.modal-dialog
.modal-lg
,
11266 .path-course-view
.modal-content
,
11267 .modchooser
.modal-body
,
11268 .modchooser
.modal-body
.carousel
,
11269 .modchooser
.modal-body
.carousel-inner
,
11270 .modchooser
.modal-body
.carousel-item
,
11271 .modchooser
.modal-body
.optionsummary
,
11272 .modchoosercontainer
,
11274 .searchresultitemscontainer {
11277 overflow-y: auto
; }
11278 .path-course-view .modal-dialog.modal-lg {
11280 .modchooser .modal-body .searchresultitemscontainer-wrapper {
11281 min-height: auto
; } }
11283 @media (min-width: 576px) {
11284 .modchoosercontainer
.optionscontainer
.option
,
11285 .modchoosercontainer .searchresultitemscontainer .option {
11286 flex-basis: calc
(33.33% - 0.5rem); } }
11288 @media (min-width: 992px) {
11289 .modchoosercontainer
.optionscontainer
.option
,
11290 .modchoosercontainer .searchresultitemscontainer .option {
11291 flex-basis: calc
(16.66% - 0.5rem); } }
11293 /* Form element: listing */
11294 .formlistingradio {
11295 padding-bottom: 25px;
11296 padding-right: 10px; }
11298 .formlistinginputradio {
11302 min-height: 225px; }
11305 position: relative
;
11307 padding: 1px 19px 14px;
11308 background-color: white
;
11309 border: 1px solid
#ddd;
11310 border-radius: 4px; }
11313 position: absolute
;
11320 background-color: whitesmoke
;
11321 border: 1px solid
#ddd;
11323 border-radius: 4px 0 4px 0; }
11328 border-radius: 4px; }
11332 border-bottom: 1px solid
;
11333 border-color: #e1e1e8;
11334 border-left: 1px solid
#e1e1e8;
11335 border-right: 1px solid
#e1e1e8;
11336 background-color: #f7f7f9;
11337 border-radius: 0 0 4px 4px;
11345 body
.jsenabled
.formlistingradio
{
11348 body
.jsenabled
.formlisting
{
11351 a
.criteria-action
{
11355 div
.criteria-description
{
11356 padding: 10px 15px;
11358 background: none repeat scroll
0 0 #f9f9f9;
11359 border: 1px solid
#eee; }
11363 list-style: none
; }
11366 position: relative
;
11367 display: inline-block
;
11369 text-align: center
;
11370 vertical-align: top
;
11373 .badges li .badge-name {
11378 position: absolute
; }
11380 .badges li .badge-image {
11387 .badges li .badge-actions {
11388 position: relative
; }
11390 .badges li .expireimage {
11395 position: absolute
;
11400 background-color: transparent
;
11402 position: relative
;
11405 display: inline-block
;
11406 vertical-align: top
;
11408 margin-bottom: 20px; }
11409 #badge-image .expireimage
{
11415 position: absolute
;
11417 #badge-image .singlebutton
{
11420 #badge-image .singlebutton button
{
11421 margin-left: 4px; }
11424 display: inline-block
;
11427 #badge-overview dl
,
11428 #badge-details dl
{
11430 #badge-overview dl dt
,
11431 #badge-overview dl dd
,
11432 #badge-details dl dt
,
11433 #badge-details dl dd
{
11434 vertical-align: top
;
11436 #badge-overview dl dt
,
11437 #badge-details dl dt
{
11439 display: inline-block
;
11441 min-width: 100px; }
11442 #badge-overview dl dd
,
11443 #badge-details dl dd
{
11444 display: inline-block
;
11449 vertical-align: top
; }
11460 #page-badges-award .recipienttable tr td
{
11461 vertical-align: top
; }
11463 #page-badges-award .recipienttable tr td
.actions
.actionbutton
{
11468 #page-badges-award .recipienttable tr td
.existing
,
11469 #page-badges-award .recipienttable tr td
.potential
{
11472 #issued-badge-table .activatebadge
{
11473 display: inline-block
; }
11475 .statusbox.active {
11476 background-color: #d7e4d6; }
11478 .statusbox.inactive {
11479 background-color: #fcefdc; }
11482 text-align: center
;
11483 margin-bottom: 5px;
11486 .statusbox .activatebadge {
11487 display: inline-block
; }
11489 .statusbox .activatebadge input[type=submit] {
11495 vertical-align: middle
; }
11497 img#persona_signin
{
11503 .invisiblefieldset {
11509 #page-header .logo
{
11511 #page-header .logo img
{
11512 max-height: 75px; }
11514 /** Navbar logo. */
11515 nav
.navbar
.logo img
{
11516 max-height: 35px; }
11518 .nav.usernav .nav-item {
11521 .nav.usernav .usermenu .dropdown-toggle {
11522 padding: 0 0.5rem; }
11524 /** Header-bar styles **/
11525 .page-context-header {
11527 padding: 0.25rem; }
11528 .page-context-header
.page-header-image
,
11529 .page-context-header .page-header-headings {
11532 position: relative
; }
11533 .page-context-header .page-header-image {
11535 margin-bottom: 1em; }
11536 .page-context-header .page-header-image > a {
11537 display: inline-block
; }
11538 .page-context-header
.page-header-headings
,
11539 .page-context-header .header-button-group {
11540 position: relative
;
11542 vertical-align: middle
; }
11543 .page-context-header .header-button-group {
11547 ul
.dragdrop-keyboard-drag li
{
11548 list-style-type: none
; }
11552 text-decoration: none
;
11554 font-style: italic
;
11559 overflow: hidden
; }
11561 .progressbar_container {
11565 /* IE10 only fix for calendar titling */
11566 .ie10 .yui3-calendar-header-label {
11567 display: inline-block
; }
11577 .nav-tabs
> .active
> a
[href
],
11578 .nav-tabs
> .active
> a
[href
]:hover
,
11579 .nav-tabs > .active > a[href]:focus {
11582 .inplaceeditable.inplaceeditingon {
11583 position: relative
; }
11584 .inplaceeditable.inplaceeditingon .editinstructions {
11586 font-weight: normal
;
11591 white-space: nowrap
; }
11592 @media
(min-width: 576px) {
11593 .inplaceeditable.inplaceeditingon input {
11595 vertical-align: text-bottom
;
11596 margin-bottom: 0; } }
11597 .inplaceeditable.inplaceeditingon select {
11598 margin-bottom: 0; }
11600 .inplaceeditable .quickediticon img {
11603 .inplaceeditable .quickeditlink {
11605 text-decoration: inherit
; }
11607 .inplaceeditable:hover
.quickeditlink
.quickediticon img
,
11608 .inplaceeditable .quickeditlink:focus .quickediticon img {
11611 .inplaceeditable.inplaceeditable-toggle .quickediticon {
11614 .inplaceeditable.inplaceeditable-autocomplete {
11617 h3
.sectionname
.inplaceeditable
.inplaceeditingon
.editinstructions
{
11618 margin-top: -20px; }
11621 .chart-area .chart-table-data {
11624 .chart-area .chart-table {
11625 /** When accessible, we display the table only. */ }
11626 .chart-area .chart-table .chart-output-htmltable caption {
11627 white-space: nowrap
; }
11628 .chart-area .chart-table.accesshide .chart-table-expand {
11630 .chart-area .chart-table.accesshide .chart-table-data {
11634 padding-left: 1rem;
11635 -webkit-margin-start: 0.2rem;
11636 /* stylelint-disable-line */ }
11638 /* YUI 2 Tree View */
11658 .ygtvcancel:hover {
11659 background-image: url([[pix:theme|yui2-treeview-sprite-rtl]]);
11662 .hover-tooltip-container {
11663 position: relative
; }
11664 .hover-tooltip-container .hover-tooltip {
11666 visibility: hidden
;
11667 position: absolute
;
11670 top: calc
(-50% - 5px);
11671 transform: translate
(-50%, -50%);
11672 background-color: #fff;
11673 border: 1px solid rgba
(0, 0, 0, 0.2);
11674 border-radius: .3rem;
11675 box-sizing: border-box
;
11677 white-space: nowrap
;
11678 transition: opacity
0.15s, visibility
0.15s;
11680 .hover-tooltip-container .hover-tooltip:before {
11682 display: inline-block
;
11683 border-left: 8px solid transparent
;
11684 border-right: 8px solid transparent
;
11685 border-top: 8px solid rgba
(0, 0, 0, 0.2);
11686 position: absolute
;
11688 left: calc
(50% - 8px); }
11689 .hover-tooltip-container .hover-tooltip:after {
11691 display: inline-block
;
11692 border-left: 7px solid transparent
;
11693 border-right: 7px solid transparent
;
11694 border-top: 7px solid
#fff;
11695 position: absolute
;
11697 left: calc
(50% - 7px);
11699 .hover-tooltip-container:hover .hover-tooltip {
11701 visibility: visible
;
11702 transition: opacity
0.15s 0.5s, visibility
0.15s 0.5s; }
11707 #region-flat-nav .nav
{
11708 margin-right: 15px;
11709 background-color: #fff; }
11710 @media
(max-width: 767.98px) {
11711 #region-flat-nav .nav
{
11713 margin-right: 0; } }
11717 text-decoration: underline
; }
11718 #page-footer a
.icon
{
11720 #page-footer a:focus
.icon
{
11725 text-decoration: underline
; }
11726 .bg-inverse a .icon {
11737 .dropdown-item:active, .dropdown-item:hover, .dropdown-item:focus, .dropdown-item:focus-within {
11739 background-color: #0f6fc5; }
11740 .dropdown-item:active a, .dropdown-item:hover a, .dropdown-item:focus a, .dropdown-item:focus-within a {
11743 .dropdown-item[aria-current="true"] {
11744 position: relative
;
11746 align-items: center
; }
11747 .dropdown-item[aria-current="true"]:before {
11748 display: inline-block
;
11749 font: normal normal normal
14px/1 FontAwesome
;
11750 font-size: inherit
;
11751 text-rendering: auto
;
11752 -webkit-font-smoothing: antialiased
;
11753 -moz-osx-font-smoothing: grayscale
;
11755 position: absolute
;
11757 font-size: 0.7rem; }
11759 .competency-tree ul {
11760 padding-left: 1.5rem; }
11762 .sr-only-focusable:active, .sr-only-focusable:focus {
11770 [data-drag-type
="move"] {
11772 touch-action: none
; }
11777 .overlay-icon-container {
11778 position: absolute
;
11783 background-color: rgba
(255, 255, 255, 0.6); }
11784 .overlay-icon-container .loading-icon {
11785 position: absolute
;
11788 transform: translate
(-50%, -50%); }
11789 .overlay-icon-container .loading-icon .icon {
11798 animation: bg-pulse-grey
2s infinite linear
; }
11800 @keyframes bg-pulse-grey
{
11802 background-color: #f8f9fa; }
11804 background-color: #e9ecef; }
11806 background-color: #f8f9fa; } }
11809 line-height: 0 !important
;
11810 /* stylelint-disable-line declaration-no-important */ }
11813 line-height: 0.25rem !important
;
11814 /* stylelint-disable-line declaration-no-important */ }
11817 line-height: 0.5rem !important
;
11818 /* stylelint-disable-line declaration-no-important */ }
11821 line-height: 1rem !important
;
11822 /* stylelint-disable-line declaration-no-important */ }
11825 line-height: 1.5rem !important
;
11826 /* stylelint-disable-line declaration-no-important */ }
11829 line-height: 2rem !important
;
11830 /* stylelint-disable-line declaration-no-important */ }
11833 line-height: 3rem !important
;
11834 /* stylelint-disable-line declaration-no-important */ }
11836 .dir-rtl .dir-rtl-hide {
11839 .dir-ltr .dir-ltr-hide {
11842 .paged-content-page-container {
11843 min-height: 3.125rem; }
11845 body
.h5p-embed #page-content
{
11846 display: inherit
; }
11848 body
.h5p-embed #maincontent
{
11851 body
.h5p-embed
.h5pmessages
{
11852 min-height: 230px; }
11854 .text-decoration-none {
11855 text-decoration: none
!important
;
11856 /* stylelint-disable-line declaration-no-important */ }
11859 color: inherit
!important
;
11860 /* stylelint-disable-line declaration-no-important */ }
11863 right: 0 !important
;
11864 /* stylelint-disable-line declaration-no-important */ }
11867 overflow: hidden
!important
;
11868 /* stylelint-disable-line declaration-no-important */ }
11871 overflow-wrap: break-word
!important
;
11872 /* stylelint-disable-line declaration-no-important */ }
11875 word-break: break-word
!important
;
11876 /* stylelint-disable-line declaration-no-important */ }
11879 z-index: 0 !important
;
11880 /* stylelint-disable-line declaration-no-important */ }
11883 z-index: 1 !important
;
11884 /* stylelint-disable-line declaration-no-important */ }
11887 float: left
!important
;
11888 /* stylelint-disable-line declaration-no-important */ }
11891 float: right
!important
;
11892 /* stylelint-disable-line declaration-no-important */ }
11899 cursor: not-allowed
; }
11908 display: -webkit-box
;
11909 -webkit-box-orient: vertical
;
11910 -webkit-line-clamp: 2;
11911 overflow: hidden
; }
11914 word-break: break-all
; }
11917 background-color: #a8d2f8;
11922 border-radius: 0.25rem; }
11927 .emoji-picker .category-button {
11928 padding: .375rem 0;
11930 width: 38.8888888889px;
11933 border-right: none
;
11934 border-bottom: 2px solid transparent
; }
11935 .emoji-picker .category-button.selected {
11936 border-bottom: 2px solid
#0f6fc5; }
11937 .emoji-picker
.emojis-container
,
11938 .emoji-picker .search-results-container {
11939 min-width: 280px; }
11940 .emoji-picker .picker-row {
11942 .emoji-picker .picker-row .category-name {
11943 line-height: 40px; }
11944 .emoji-picker .picker-row .emoji-button {
11949 overflow: hidden
; }
11950 .emoji-picker .picker-row .emoji-button:hover, .emoji-picker .picker-row .emoji-button:focus {
11952 text-decoration: none
; }
11953 .emoji-picker .emoji-preview {
11956 line-height: 40px; }
11957 .emoji-picker .emoji-short-name {
11958 line-height: 20px; }
11959 @media
(max-width: 575.98px) {
11963 .emoji-auto-complete {
11965 .emoji-auto-complete .btn.btn-link.btn-icon.emoji-button {
11970 .emoji-auto-complete .btn.btn-link.btn-icon.emoji-button.active {
11971 background-color: #e9ecef; }
11977 .toast-wrapper > :first-child {
11978 margin-top: 1rem; }
11983 .alert-secondary a {
12005 font-weight: 700; }
12007 @media (max-width: 767.98px) {
12010 .breadcrumb:not(:empty) {
12012 border: 2px solid
#e9ecef;
12014 margin-bottom: 0.5rem; }
12015 .breadcrumb:not(:empty) .breadcrumb-item {
12016 padding-top: 0.3333333333rem;
12017 padding-bottom: 0.3333333333rem;
12018 display: inline-block
; }
12021 padding-right: 15px;
12022 padding-left: 15px; }
12025 justify-content: center
; }
12029 padding: 0.625rem; }
12030 #page-header .card
{
12032 #page-header .card
.card-body
{
12039 background-color: #e9ecef; }
12040 .nav-tabs
.nav-item
,
12041 .nav-pills .nav-item {
12043 text-align: center
; }
12044 .nav-tabs
.nav-link
,
12045 .nav-pills .nav-link {
12048 margin: 0.125rem; }
12049 .nav-tabs
.nav-link
.active
,
12050 .nav-pills .nav-link.active {
12052 border-color: #6c757d;
12053 border-color: #6c757d; }
12054 .nav-tabs
.nav-link
.active:hover
,
12055 .nav-pills .nav-link.active:hover {
12057 background-color: #6c757d;
12058 border-color: #6c757d; }
12059 .nav-tabs
.nav-link
.active:focus
, .nav-tabs
.nav-link
.active
.focus
,
12060 .nav-pills
.nav-link
.active:focus
,
12061 .nav-pills .nav-link.active.focus {
12062 box-shadow: 0 0 0 0.2rem rgba
(108, 117, 125, 0.5); }
12063 .nav-tabs
.nav-link
.active
.disabled
, .nav-tabs
.nav-link
.active:disabled
,
12064 .nav-pills
.nav-link
.active
.disabled
,
12065 .nav-pills .nav-link.active:disabled {
12067 background-color: transparent
; }
12068 .nav-tabs
.nav-link
.active:not
(:disabled
):not
(.disabled
):active
, .nav-tabs
.nav-link
.active:not
(:disabled
):not
(.disabled
).active
,
12069 .show
> .nav-tabs
.nav-link
.active
.dropdown-toggle
,
12070 .nav-pills
.nav-link
.active:not
(:disabled
):not
(.disabled
):active
,
12071 .nav-pills
.nav-link
.active:not
(:disabled
):not
(.disabled
).active
,
12073 .nav-pills .nav-link.active.dropdown-toggle {
12075 background-color: #6c757d;
12076 border-color: #6c757d; }
12077 .nav-tabs
.nav-link
.active:not
(:disabled
):not
(.disabled
):active:focus
, .nav-tabs
.nav-link
.active:not
(:disabled
):not
(.disabled
).active:focus
,
12078 .show
> .nav-tabs
.nav-link
.active
.dropdown-toggle:focus
,
12079 .nav-pills
.nav-link
.active:not
(:disabled
):not
(.disabled
):active:focus
,
12080 .nav-pills
.nav-link
.active:not
(:disabled
):not
(.disabled
).active:focus
,
12082 .nav-pills .nav-link.active.dropdown-toggle:focus {
12083 box-shadow: 0 0 0 0.2rem rgba
(108, 117, 125, 0.5); } }
12085 @media (max-width: 576px) and
(max-height: 320px) {
12088 .navbar.fixed-top {
12089 position: relative
;
12090 z-index: inherit
; } }
12093 text-decoration: underline
; }
12094 .link-underline:focus {
12095 text-decoration: none
; }
12099 .alert.cta .icon.fa {
12100 border-radius: 50%;
12101 border-style: solid
;
12102 border-width: 0.125rem; }
12104 .core_payment_gateways_modal
.custom-control-label::before
,
12105 .core_payment_gateways_modal .custom-control-label::after {
12114 box-sizing: content-box
;
12115 margin-right: 0.5rem; }
12118 .icon.iconsize-big {
12123 .navbar-dark a .icon {
12124 color: rgba
(255, 255, 255, 0.5) !important
;
12125 /* stylelint-disable-line declaration-no-important */ }
12127 .action-menu-item a:first-of-type > .icon {
12128 margin-left: 0.5rem; }
12131 margin-left: 0 !important
;
12132 /* stylelint-disable-line declaration-no-important */ }
12134 .block_navigation
.tree_item
.icon
,
12135 .block_settings .tree_item .icon {
12138 [data-action
=toggle-drawer
] .icon
{
12141 .icon-no-spacing a > .icon {
12144 .icon-no-margin .icon {
12148 margin-bottom: 0; }
12150 .icon-large > .icon {
12154 .icon-size-0 .icon {
12155 height: 0 !important
;
12156 /* stylelint-disable-line declaration-no-important */
12157 width: 0 !important
;
12158 /* stylelint-disable-line declaration-no-important */
12159 font-size: 0 !important
;
12160 /* stylelint-disable-line declaration-no-important */ }
12162 .icon-size-1 .icon {
12163 height: 4px !important
;
12164 /* stylelint-disable-line declaration-no-important */
12165 width: 4px !important
;
12166 /* stylelint-disable-line declaration-no-important */
12167 font-size: 4px !important
;
12168 /* stylelint-disable-line declaration-no-important */ }
12170 .icon-size-2 .icon {
12171 height: 8px !important
;
12172 /* stylelint-disable-line declaration-no-important */
12173 width: 8px !important
;
12174 /* stylelint-disable-line declaration-no-important */
12175 font-size: 8px !important
;
12176 /* stylelint-disable-line declaration-no-important */ }
12178 .icon-size-3 .icon {
12179 height: 16px !important
;
12180 /* stylelint-disable-line declaration-no-important */
12181 width: 16px !important
;
12182 /* stylelint-disable-line declaration-no-important */
12183 font-size: 16px !important
;
12184 /* stylelint-disable-line declaration-no-important */ }
12186 .icon-size-4 .icon {
12187 height: 24px !important
;
12188 /* stylelint-disable-line declaration-no-important */
12189 width: 24px !important
;
12190 /* stylelint-disable-line declaration-no-important */
12191 font-size: 24px !important
;
12192 /* stylelint-disable-line declaration-no-important */ }
12194 .icon-size-5 .icon {
12195 height: 32px !important
;
12196 /* stylelint-disable-line declaration-no-important */
12197 width: 32px !important
;
12198 /* stylelint-disable-line declaration-no-important */
12199 font-size: 32px !important
;
12200 /* stylelint-disable-line declaration-no-important */ }
12202 .icon-size-6 .icon {
12203 height: 40px !important
;
12204 /* stylelint-disable-line declaration-no-important */
12205 width: 40px !important
;
12206 /* stylelint-disable-line declaration-no-important */
12207 font-size: 40px !important
;
12208 /* stylelint-disable-line declaration-no-important */ }
12210 .icon-size-7 .icon {
12211 height: 48px !important
;
12212 /* stylelint-disable-line declaration-no-important */
12213 width: 48px !important
;
12214 /* stylelint-disable-line declaration-no-important */
12215 font-size: 48px !important
;
12216 /* stylelint-disable-line declaration-no-important */ }
12219 margin-left: 0.5rem; }
12222 .formtable tbody th {
12223 font-weight: normal
;
12224 text-align: right
; }
12226 .path-admin #assignrole {
12229 margin-right: auto
; }
12231 .path-admin .admintable .leftalign {
12232 text-align: left
; }
12234 .environmenttable .warn {
12235 background-color: #fcefdc;
12238 .environmenttable .error {
12239 background-color: #f4d6d2;
12242 .environmenttable .ok {
12243 background-color: #d7e4d6;
12246 .path-admin
.admintable
.environmenttable
.name
,
12247 .path-admin
.admintable
.environmenttable
.info
,
12248 .path-admin #assignrole
.admintable
.role
,
12249 .path-admin #assignrole
.admintable
.userrole
,
12250 .path-admin #assignrole .admintable .roleholder {
12251 white-space: nowrap
; }
12253 .path-admin .incompatibleblockstable td.c0 {
12254 font-weight: bold
; }
12256 #page-admin-course-category .addcategory
{
12259 #page-admin-course-index .editcourse
{
12260 margin: 20px auto
; }
12262 #page-admin-course-index .editcourse th
,
12263 #page-admin-course-index .editcourse td
{
12264 padding-left: 10px;
12265 padding-right: 10px; }
12267 .timewarninghidden {
12270 #page-admin-report-capability-index #capabilitysearch
{
12273 #page-admin-qtypes #qtypes div
,
12274 #page-admin-qtypes #qtypes form
,
12275 #page-admin-qbehaviours #qbehaviours div
,
12276 #page-admin-qbehaviours #qbehaviours form
{
12279 #page-admin-qtypes #qtypes img
.spacer
,
12280 #page-admin-qbehaviours #qbehaviours img
.spacer
{
12283 #page-admin-qbehaviours .cell
.c3
,
12284 #page-admin-qtypes .cell
.c3
{
12285 font-size: 0.8203125rem; }
12287 #page-admin-lang .generalbox
,
12288 #page-admin-course-index .singlebutton
,
12289 #page-admin-course-index .addcategory
,
12290 #page-course-index .buttons
,
12291 #page-course-index-category .buttons
,
12292 #page-admin-course-category .addcategory
,
12293 #page-admin-stickyblocks .generalbox
,
12294 #page-admin-maintenance .buttons
,
12295 #page-admin-course-index .buttons
,
12296 #page-admin-course-category .buttons
,
12297 #page-admin-index .copyright
,
12298 #page-admin-index .copyrightnotice
,
12299 #page-admin-index .adminerror
.singlebutton
,
12300 #page-admin-index .adminwarning
.singlebutton
,
12301 #page-admin-index #layout-table
.singlebutton
{
12302 text-align: center
;
12303 margin-bottom: 1em; }
12305 .path-admin-roles .capabilitysearchui {
12308 margin-right: auto
;
12309 margin-top: 1rem; }
12311 #page-admin-roles-define .topfields
{
12312 margin: 1em 0 2em; }
12314 #page-admin-roles-define .capdefault
{
12315 background-color: rgba
(0, 0, 0, 0.075); }
12317 #page-filter-manage .backlink
,
12318 .path-admin-roles .backlink {
12321 #page-admin-roles-explain #chooseuser h3
,
12322 #page-admin-roles-usersroles .contextname
{
12325 #page-admin-roles-explain #chooseusersubmit
{
12327 text-align: center
; }
12329 #page-admin-roles-usersroles p
{
12332 #page-admin-roles-override .cell
.c1
,
12333 #page-admin-roles-assign .cell
.c3
,
12334 #page-admin-roles-assign .cell
.c1
{
12335 padding-top: 0.75em; }
12337 #page-admin-roles-override .overridenotice
,
12338 #page-admin-roles-define .definenotice
{
12339 margin: 1em 10% 2em 10%;
12340 text-align: left
; }
12342 #page-admin-index .adminwarning
.availableupdatesinfo
.moodleupdateinfo span
{
12345 #page-admin-index .updateplugin div
{
12346 margin-bottom: 0.5em; }
12348 #page-admin-user-user_bulk #users
.fgroup
{
12349 white-space: nowrap
; }
12351 #page-admin-report-stats-index .graph
{
12352 text-align: center
;
12353 margin-bottom: 1em; }
12355 #page-admin-report-courseoverview-index .graph
{
12356 text-align: center
;
12357 margin-bottom: 1em; }
12359 #page-admin-lang .translator
{
12361 border-style: solid
; }
12363 .path-admin .roleassigntable {
12366 .path-admin .roleassigntable td {
12367 vertical-align: top
;
12368 padding: 0.2em 0.3em; }
12370 .path-admin .roleassigntable p {
12374 .path-admin
.roleassigntable #existingcell
,
12375 .path-admin .roleassigntable #potentialcell {
12378 .path-admin
.roleassigntable #existingcell p
> label:first-child
,
12379 .path-admin .roleassigntable #potentialcell p > label:first-child {
12380 font-weight: bold
; }
12382 .path-admin .roleassigntable #buttonscell {
12385 .path-admin .roleassigntable #buttonscell #assignoptions {
12386 font-size: 0.8203125rem; }
12388 .path-admin
.roleassigntable #removeselect_wrapper
,
12389 .path-admin .roleassigntable #addselect_wrapper {
12392 .path-admin table.rolecap tr.rolecap th {
12394 font-weight: normal
; }
12396 .path-admin .rolecap .hiddenrow {
12399 .path-admin
#defineroletable
.rolecap
.inherit
,
12400 .path-admin
#defineroletable
.rolecap
.allow
,
12401 .path-admin
#defineroletable
.rolecap
.prevent
,
12402 .path-admin #defineroletable .rolecap .prohibit {
12403 text-align: center
;
12405 min-width: 3.5em; }
12407 .path-admin
.rolecap
.cap-name
,
12408 .path-admin .rolecap .note {
12410 font-size: 0.8203125rem;
12411 white-space: nowrap
;
12412 font-weight: normal
; }
12414 .path-admin .rolecap label {
12416 text-align: center
;
12420 .plugincheckwrapper {
12426 #mnetconfig table
{
12428 margin-right: auto
; }
12430 .environmenttable .cell {
12431 padding: .15em .5em; }
12433 #trustedhosts .generaltable
{
12435 margin-right: auto
;
12438 #trustedhosts .standard
{
12441 #adminsettings legend
{
12444 #adminsettings fieldset
.error
{
12445 margin: .2em 0 .5em 0; }
12447 #adminsettings fieldset
.error legend
{
12450 #admin-spelllanguagelist textarea
,
12451 #page-admin-setting-editorsettingstinymce .form-textarea textarea
{
12457 /* Styles for flags on admin settings */
12458 .adminsettingsflags {
12461 .adminsettingsflags label {
12462 margin-right: 7px; }
12464 .form-description pre
,
12465 .formsettingheading pre {
12469 .form-item .form-setting .form-htmlarea {
12472 .form-item .form-setting .form-htmlarea .htmlarea {
12476 .form-item .form-setting .form-multicheckbox ul {
12479 margin: 7px 0 0 0; }
12481 .form-item .form-setting .defaultsnext {
12484 .form-item .form-setting .locked-checkbox {
12485 margin-right: 0.2em;
12486 margin-left: 0.5em;
12489 .form-item
.form-setting
.form-password
.unmask
,
12490 .form-item .form-setting .form-defaultinfo {
12491 display: inline-block
; }
12493 .form-item .form-setting .form-defaultinfo {
12495 word-wrap: break-word
; }
12497 #admin-emoticons td input
{
12500 #admin-emoticons td
.c0 input
{
12503 #adminthemeselector .selectedtheme td
.c0
{
12504 border: 1px solid
#b8dce2;
12505 border-right-width: 0; }
12507 #adminthemeselector .selectedtheme td
.c1
{
12508 border: 1px solid
#b8dce2;
12509 border-left-width: 0; }
12511 .admin_colourpicker
,
12512 .admin_colourpicker_preview {
12515 .jsenabled .admin_colourpicker_preview {
12518 @media (min-width: 768px) {
12519 .jsenabled .admin_colourpicker {
12523 margin-bottom: 10px;
12524 box-sizing: content-box
; }
12525 .admin_colourpicker .colourdialogue {
12527 border: 1px solid
#8f959e; }
12528 .admin_colourpicker .previewcolour {
12529 border: 1px solid
#8f959e;
12530 margin-left: 301px; }
12531 .admin_colourpicker .currentcolour {
12532 border: 1px solid
#8f959e;
12533 margin-left: 301px;
12534 border-top-width: 0; } }
12536 @media (max-width: 767.98px) {
12537 .jsenabled .admin_colourpicker {
12539 margin-bottom: 10px;
12541 position: relative
; }
12542 .admin_colourpicker .previewcolour {
12544 .admin_colourpicker .currentcolour {
12545 position: absolute
;
12546 border: 1px solid
#dee2e6;
12550 .admin_colourpicker .loadingicon {
12551 vertical-align: middle
;
12552 margin-left: auto
; }
12554 #page-admin-index #notice
.checkforupdates
{
12555 text-align: center
; }
12557 #page-admin-plugins #plugins-overview-panel
.info
{
12558 display: inline-block
;
12559 margin-right: 1em; }
12561 #page-admin-plugins .checkforupdates
{
12563 #page-admin-plugins .checkforupdates
.singlebutton
{
12566 #page-admin-plugins .checkforupdates
.singlebutton div
,
12567 #page-admin-plugins .checkforupdates
.singlebutton input
{
12568 margin: 0 3px 0 0; }
12570 #page-admin-plugins .updateavailableinstallall
{
12573 #page-admin-plugins .updateavailableinstallall div
,
12574 #page-admin-plugins .updateavailableinstallall input
{
12575 margin: 0 3px 5px 0; }
12577 #page-admin-plugins #plugins-control-panel
.status-missing td
{
12578 background-color: #fcefdc; }
12580 #page-admin-plugins #plugins-control-panel
.pluginname
.componentname
{
12581 font-size: 0.8203125rem;
12583 margin-left: 22px; }
12585 #page-admin-plugins #plugins-control-panel
.version
.versionnumber
{
12586 font-size: 0.8203125rem;
12589 #page-admin-plugins #plugins-control-panel
.uninstall a
{
12592 #page-admin-plugins #plugins-control-panel
.notes
.label
{
12593 margin-right: 3px; }
12595 #page-admin-plugins #plugins-control-panel
.notes
.requiredby
{
12596 font-size: 0.8203125rem;
12599 #plugins-check-page #plugins-check
.status-missing td
,
12600 #plugins-check-page #plugins-check
.status-downgrade td
{
12601 background-color: #f4d6d2; }
12603 #plugins-check-page .pluginupdateinfo
,
12604 #plugins-control-panel .pluginupdateinfo
{
12605 background-color: #cce6ea;
12608 border-radius: 5px; }
12609 #plugins-check-page .pluginupdateinfo
.maturity50
,
12610 #plugins-control-panel .pluginupdateinfo
.maturity50
{
12611 background-color: #f4d6d2; }
12612 #plugins-check-page .pluginupdateinfo
.maturity100
, #plugins-check-page
.pluginupdateinfo
.maturity150
,
12613 #plugins-control-panel .pluginupdateinfo
.maturity100
,
12614 #plugins-control-panel .pluginupdateinfo
.maturity150
{
12615 background-color: #fcefdc; }
12616 #plugins-check-page .pluginupdateinfo
.info
,
12617 #plugins-control-panel .pluginupdateinfo
.info
{
12618 display: inline-block
; }
12619 #plugins-check-page .pluginupdateinfo
.separator:after
,
12620 #plugins-control-panel .pluginupdateinfo
.separator:after
{
12622 #plugins-check-page .pluginupdateinfo
.singlebutton
,
12623 #plugins-control-panel .pluginupdateinfo
.singlebutton
{
12626 #plugins-check-page .pluginupdateinfo
.singlebutton div
,
12627 #plugins-check-page .pluginupdateinfo
.singlebutton input
,
12628 #plugins-control-panel .pluginupdateinfo
.singlebutton div
,
12629 #plugins-control-panel .pluginupdateinfo
.singlebutton input
{
12630 margin: 0 3px 0 0; }
12632 .plugins-management-confirm-buttons > div {
12633 display: inline-block
;
12634 margin: 1em 1em 1em 0; }
12636 .plugins-management-confirm-buttons .continue {
12638 .plugins-management-confirm-buttons
.continue div
,
12639 .plugins-management-confirm-buttons .continue input {
12642 #page-admin-index .upgradepluginsinfo
{
12643 text-align: center
; }
12645 #page-admin-index .adminwarning
.availableupdatesinfo
.moodleupdateinfo
.separator:after
{
12648 /** MNet networking */
12649 #page-admin-mnet-peers .box
.deletedhosts
{
12650 margin-bottom: 1em;
12651 font-size: 0.8203125rem; }
12653 #core-cache-plugin-summaries table
,
12654 #core-cache-store-summaries table
{
12657 #core-cache-lock-summary table
,
12658 #core-cache-definition-summaries table
,
12659 #core-cache-mode-mappings table
{
12662 #core-cache-store-summaries .default-store td
{
12663 font-style: italic
; }
12665 #core-cache-rescan-definitions,
12666 #core-cache-mode-mappings .edit-link
,
12667 #core-cache-lock-additional-actions .new-instance
{
12669 text-align: center
; }
12671 .maintenancewarning {
12678 .modal.modal-in-page {
12681 #page-admin-search .adminpagetitle
{
12683 border-bottom: none
; }
12685 #page-admin-search .adminpagepath
{
12690 margin: 0 0 1.5rem 0; }
12691 #page-admin-search .adminpagepath li
+ li:before
{
12692 padding-right: 0.5rem;
12693 padding-left: 0.5rem;
12696 @media (min-width: 576px) {
12697 #page-admin-search .container
{
12698 overflow-wrap: break-word
; } }
12700 #page-admin-tasklogs .task-class
{
12701 font-size: 0.8203125rem;
12704 .path-admin-tool-uploaduser .uuwarning {
12705 background-color: #fcefdc; }
12707 .path-admin-tool-uploaduser .uuerror {
12708 background-color: #f4d6d2; }
12710 .path-admin-tool-uploaduser .uuinfo {
12711 background-color: #d7e4d6; }
12713 .blockmovetarget .accesshide {
12714 position: relative
;
12718 padding-top: 0 !important
;
12719 /* stylelint-disable declaration-no-important */
12720 margin-top: 0 !important
; }
12722 .block_search_forums .searchform {
12723 /* Override plugin's default. */
12724 text-align: left
; }
12726 .block
.block_navigation
.block_tree ul
,
12727 .block_settings .block_tree ul {
12730 .block .block-controls .dropdown-toggle {
12731 /* So that the caret takes the colour of the icon. */
12734 [data-region
="blocks-column"] {
12738 /* We put an absolutely positioned div in a relatively positioned div so it takes up no space */
12739 @media (min-width: 576px) {
12740 #region-main-settings-menu {
12741 position: relative
;
12744 #region-main-settings-menu > div
{
12745 position: absolute
;
12749 .region_main_settings_menu_proxy {
12752 background-color: #fff;
12753 margin-left: 0.625rem;
12754 margin-bottom: 0.625rem;
12755 border-bottom-left-radius: 0.5rem;
12758 @media (max-width: 767.98px) {
12759 #region-main-settings-menu .menubar
{
12760 justify-content: flex-end
; } }
12762 #region-main-settings-menu.has-blocks
,
12763 #region-main.has-blocks
{
12764 display: inline-block
;
12765 width: calc
(100% - 375px); }
12766 @media
(max-width: 1199.98px) {
12767 #region-main-settings-menu.has-blocks
,
12768 #region-main.has-blocks
{
12770 /* MDL-63102 - Remove extra space at bottom.
12771 If modifying make sure block-region is horizontally stacked when in full screen */
12772 display: block
; } }
12774 .header-action #region-main-settings-menu {
12778 .header-action #region-main-settings-menu > div {
12783 @media (max-width: 1199.98px) {
12784 [data-region
="blocks-column"] {
12787 .block .empty-placeholder-image-lg {
12790 .block .block-cards .course-info-container {
12793 .block .block-cards .progress {
12796 .block .block-cards .course-summaryitem {
12797 border: 1px solid
#dee2e6;
12798 background-color: #fff; }
12800 .block .block-cards .icon {
12803 .block .block-cards .card .coursemenubtn {
12804 margin-top: -0.5rem; }
12806 .block
.block-cards a
.coursename
,
12807 .block
.block-cards span
.categoryname
,
12808 .block .block-cards .btn-link {
12811 .block .block-cards .multiline {
12812 white-space: normal
; }
12814 .block .block-cards .btn.btn-link.btn-icon {
12818 border-radius: 50%; }
12819 .block .block-cards .btn.btn-link.btn-icon:hover, .block .block-cards .btn.btn-link.btn-icon:focus {
12820 background-color: #e9ecef; }
12822 .dashboard-card-deck.one-row {
12824 overflow-x: scroll
; }
12829 background-position: center
;
12830 background-size: cover
; }
12832 .dashboard-card-deck .dashboard-card {
12833 margin-bottom: 0.5rem;
12838 .dashboard-card-deck .dashboard-card .dashboard-card-img {
12840 background-position: center
;
12841 background-size: cover
; }
12842 .dashboard-card-deck .dashboard-card .dashboard-card-footer {
12845 @media (min-width: 576px) {
12846 .dashboard-card-deck.fixed-width-cards .dashboard-card {
12848 max-width: 100%; } }
12850 @media (min-width: 576px) {
12851 .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
12852 width: calc
(50% - 0.5rem); } }
12854 @media (min-width: 840px) {
12855 .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
12856 width: calc
(33.33% - 0.5rem); } }
12858 @media (min-width: 1100px) {
12859 .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
12860 width: calc
(25% - 0.5rem); } }
12862 @media (min-width: 1360px) {
12863 .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
12864 width: calc
(20% - 0.5rem); } }
12866 @media (min-width: 1200px) {
12867 #region-main.has-blocks
.dashboard-card-deck:not
(.fixed-width-cards
) .dashboard-card
{
12868 width: calc
(33.33% - 0.5rem); } }
12870 @media (min-width: 1470px) {
12871 #region-main.has-blocks
.dashboard-card-deck:not
(.fixed-width-cards
) .dashboard-card
{
12872 width: calc
(25% - 0.5rem); } }
12874 @media (min-width: 768px) {
12875 body
.drawer-open-left
.dashboard-card-deck:not
(.fixed-width-cards
) .dashboard-card
{
12876 width: calc
(100% - 0.5rem); } }
12878 @media (min-width: 861px) {
12879 body
.drawer-open-left
.dashboard-card-deck:not
(.fixed-width-cards
) .dashboard-card
{
12880 width: calc
(50% - 0.5rem); } }
12882 @media (min-width: 1122px) {
12883 body
.drawer-open-left
.dashboard-card-deck:not
(.fixed-width-cards
) .dashboard-card
{
12884 width: calc
(33.33% - 0.5rem); } }
12886 @media (min-width: 1381px) {
12887 body
.drawer-open-left
.dashboard-card-deck:not
(.fixed-width-cards
) .dashboard-card
{
12888 width: calc
(25% - 0.5rem); } }
12890 @media (min-width: 1200px) {
12891 body
.drawer-open-left #region-main
.has-blocks
.dashboard-card-deck:not
(.fixed-width-cards
) .dashboard-card
{
12892 width: calc
(100% - 0.5rem); } }
12894 @media (min-width: 1236px) {
12895 body
.drawer-open-left #region-main
.has-blocks
.dashboard-card-deck:not
(.fixed-width-cards
) .dashboard-card
{
12896 width: calc
(50% - 0.5rem); } }
12898 @media (min-width: 1497px) {
12899 body
.drawer-open-left #region-main
.has-blocks
.dashboard-card-deck:not
(.fixed-width-cards
) .dashboard-card
{
12900 width: calc
(33.33% - 0.5rem); } }
12902 @media (min-width: 1200px) {
12903 #block-region-side-pre .dashboard-card-deck:not
(.fixed-width-cards
) {
12906 #block-region-side-pre .dashboard-card-deck:not
(.fixed-width-cards
) .dashboard-card
{
12907 width: calc
(100% - 0.5rem) !important
; } }
12909 .block_recentlyaccessedcourses .paging-bar-container {
12910 margin-top: -2.4rem;
12911 justify-content: flex-end
; }
12913 @media (max-width: 575.98px) {
12914 .block_recentlyaccessedcourses .paging-bar-container {
12917 #block-region-side-pre .block_recentlyaccessedcourses
.paging-bar-container
{
12920 .block_recentlyaccesseditems img.icon {
12923 margin-right: 6px; }
12925 .block_myoverview .content {
12926 min-height: 19.35rem; }
12928 .block_myoverview .paged-content-page-container {
12929 min-height: 13rem; }
12931 .block_settings
.block_tree
[aria-expanded
="true"],
12932 .block_settings
.block_tree
[aria-expanded
="true"].emptybranch
,
12933 .block_settings
.block_tree
[aria-expanded
="false"],
12934 .block_navigation
.block_tree
[aria-expanded
="true"],
12935 .block_navigation
.block_tree
[aria-expanded
="true"].emptybranch
,
12936 .block_navigation .block_tree [aria-expanded="false"] {
12937 background-image: none
; }
12939 .block_settings
.block_tree
[aria-expanded
="true"]:before
,
12940 .block_navigation .block_tree [aria-expanded="true"]:before {
12943 display: inline-block
;
12944 font: normal normal normal
14px/1 FontAwesome
;
12945 font-size: inherit
;
12946 text-rendering: auto
;
12947 -webkit-font-smoothing: antialiased
;
12948 -moz-osx-font-smoothing: grayscale
;
12952 .block_settings
.block_tree
[aria-expanded
="false"]:before
,
12953 .block_navigation .block_tree [aria-expanded="false"]:before {
12956 display: inline-block
;
12957 font: normal normal normal
14px/1 FontAwesome
;
12958 font-size: inherit
;
12959 text-rendering: auto
;
12960 -webkit-font-smoothing: antialiased
;
12961 -moz-osx-font-smoothing: grayscale
;
12965 .dir-rtl
.block_settings
.block_tree
[aria-expanded
="false"]:before
,
12966 .dir-rtl .block_navigation .block_tree [aria-expanded="false"]:before {
12969 .block_navigation
.block_tree p
.hasicon
,
12970 .block_settings .block_tree p.hasicon {
12971 text-indent: -3px; }
12972 .block_navigation
.block_tree p
.hasicon
.icon
,
12973 .block_settings .block_tree p.hasicon .icon {
12974 margin-right: 2px; }
12976 .block.invisibleblock .card-title {
12979 @media (max-width: 767.98px) {
12982 border-right: 0; } }
12984 .block_social_activities li a
.movehere
,
12985 .block_site_main_menu li a.movehere {
12989 border: 2px dashed
#343a40;
12993 max-height: 50px; }
12995 /* calendar.less */
12996 .calendar_event_category {
12997 background-color: #e0cbe0; }
12998 .calendar_event_category .commands a {
13001 .calendar_event_course {
13002 background-color: #ffd3bd; }
13003 .calendar_event_course .commands a {
13006 .calendar_event_site {
13007 background-color: #d6f8cd; }
13008 .calendar_event_site .commands a {
13011 .calendar_event_group {
13012 background-color: #fee7ae; }
13013 .calendar_event_group .commands a {
13016 .calendar_event_user {
13017 background-color: #dce7ec; }
13018 .calendar_event_user .commands a {
13021 .calendar_event_other {
13022 background-color: #ced4da; }
13023 .calendar_event_other .commands a {
13026 .path-calendar .calendartable {
13028 table-layout: fixed
; }
13029 .path-calendar
.calendartable th
,
13030 .path-calendar .calendartable td {
13032 vertical-align: top
;
13033 text-align: center
;
13036 .path-calendar
.calendar-controls
.previous
,
13037 .path-calendar
.calendar-controls
.next
,
13038 .path-calendar .calendar-controls .current {
13043 .path-calendar .calendar-controls .previous {
13045 border: 1px solid transparent
; }
13047 .path-calendar .calendar-controls .current {
13048 text-align: center
;
13051 .path-calendar .calendar-controls .next {
13053 border: 1px solid transparent
; }
13055 .path-calendar .calendar-controls .drop-target {
13056 box-sizing: border-box
;
13057 border: 1px dashed
#0f6fc5; }
13059 .path-calendar .filters table {
13060 border-collapse: separate
;
13061 border-spacing: 2px;
13064 .path-calendar .maincalendar {
13065 vertical-align: top
;
13067 .path-calendar .maincalendar .bottom {
13068 text-align: center
;
13069 padding: 5px 0 0 0; }
13070 .path-calendar .maincalendar .heightcontainer {
13072 position: relative
; }
13073 .path-calendar .maincalendar .calendarmonth {
13075 margin: 10px auto
; }
13076 .path-calendar .maincalendar .calendarmonth ul {
13079 .path-calendar .maincalendar .calendarmonth ul li {
13080 list-style-type: none
; }
13081 .path-calendar .maincalendar .calendarmonth ul li > a {
13083 text-overflow: ellipsis
;
13084 white-space: nowrap
;
13086 display: inline-block
; }
13087 .path-calendar .maincalendar .calendarmonth ul li > a:hover {
13088 text-decoration: none
; }
13089 .path-calendar .maincalendar .calendarmonth ul li > a:hover .eventname {
13090 text-decoration: underline
; }
13091 .path-calendar .maincalendar .calendarmonth ul li .icon {
13092 margin-left: 0.25em;
13093 margin-right: 0.25em;
13094 vertical-align: initial
; }
13095 .path-calendar .maincalendar .calendarmonth ul li .calendar-circle {
13098 border-radius: 6px;
13099 vertical-align: middle
;
13100 display: inline-block
; }
13101 .path-calendar .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_category {
13102 background-color: #e0cbe0;
13103 border: 2px solid
#9e619f; }
13104 .path-calendar .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_course {
13105 background-color: #ffd3bd;
13106 border: 2px solid
#d34600; }
13107 .path-calendar .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_site {
13108 background-color: #d6f8cd;
13109 border: 2px solid
#2b8713; }
13110 .path-calendar .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_group {
13111 background-color: #fee7ae;
13112 border: 2px solid
#9a6e02; }
13113 .path-calendar .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_user {
13114 background-color: #dce7ec;
13115 border: 2px solid
#4e7c91; }
13116 .path-calendar .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_other {
13117 background-color: #ced4da;
13118 border: 2px solid
#687889; }
13119 .path-calendar .maincalendar .calendarmonth td {
13121 .path-calendar .maincalendar .calendarmonth .clickable:hover {
13122 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); }
13123 .path-calendar
.maincalendar
.calendar-controls
.previous
,
13124 .path-calendar .maincalendar .calendar-controls .next {
13126 .path-calendar .maincalendar .calendar-controls .current {
13128 .path-calendar .maincalendar .controls {
13130 margin: 10px auto
; }
13131 .path-calendar
.maincalendar
.calendar_event_category:hover a
,
13132 .path-calendar
.maincalendar
.calendar_event_course:hover a
,
13133 .path-calendar
.maincalendar
.calendar_event_site:hover a
,
13134 .path-calendar
.maincalendar
.calendar_event_group:hover a
,
13135 .path-calendar .maincalendar .calendar_event_user:hover a {
13137 text-decoration: underline
; }
13138 .path-calendar .maincalendar .calendar_event_category {
13139 border-color: #e0cbe0; }
13140 .path-calendar .maincalendar .calendar_event_course {
13141 border-color: #ffd3bd; }
13142 .path-calendar .maincalendar .calendar_event_site {
13143 border-color: #d6f8cd; }
13144 .path-calendar .maincalendar .calendar_event_group {
13145 border-color: #fee7ae; }
13146 .path-calendar .maincalendar .calendar_event_user {
13147 border-color: #dce7ec; }
13148 .path-calendar .maincalendar .calendar_event_other {
13149 border-color: #ced4da; }
13150 .path-calendar
.maincalendar
.calendartable td
,
13151 .path-calendar .maincalendar .calendartable li {
13152 padding: 0 4px 4px 4px; }
13153 .path-calendar .maincalendar .calendartable li {
13154 text-align: left
; }
13155 .path-calendar .maincalendar .header {
13156 overflow: hidden
; }
13157 .path-calendar .maincalendar .header .buttons {
13159 .path-calendar .maincalendar .event .card-header img {
13160 vertical-align: baseline
; }
13161 .path-calendar .maincalendar .event .location {
13162 word-break: break-all
;
13163 overflow-wrap: break-word
; }
13165 #page-calendar-export .indent
{
13166 padding-left: 20px; }
13168 .block .minicalendar {
13172 .block
.minicalendar th
,
13173 .block .minicalendar td {
13176 text-align: center
; }
13177 .block .minicalendar td.weekend {
13179 .block .minicalendar td a {
13184 .block .minicalendar td.duration_global {
13185 border-top: 1px solid
#d6f8cd;
13186 border-bottom: 1px solid
#d6f8cd; }
13187 .block .minicalendar td.duration_global.duration_finish {
13188 background-color: #d6f8cd; }
13189 .block .minicalendar td.duration_category {
13190 border-top: 1px solid
#e0cbe0;
13191 border-bottom: 1px solid
#e0cbe0; }
13192 .block .minicalendar td.duration_category.duration_finish {
13193 background-color: #e0cbe0; }
13194 .block .minicalendar td.duration_course {
13195 border-top: 1px solid
#ffd3bd;
13196 border-bottom: 1px solid
#ffd3bd; }
13197 .block .minicalendar td.duration_course.duration_finish {
13198 background-color: #ffd3bd; }
13199 .block .minicalendar td.duration_group {
13200 border-top: 1px solid
#fee7ae;
13201 border-bottom: 1px solid
#fee7ae; }
13202 .block .minicalendar td.duration_group.duration_finish {
13203 background-color: #fee7ae; }
13204 .block .minicalendar td.duration_user {
13205 border-top: 1px solid
#dce7ec;
13206 border-bottom: 1px solid
#dce7ec; }
13207 .block .minicalendar td.duration_user.duration_finish {
13208 background-color: #dce7ec; }
13209 .block .minicalendar td.duration_other {
13210 border-top: 1px solid
#ced4da;
13211 border-bottom: 1px solid
#ced4da; }
13212 .block .minicalendar td.duration_other.duration_finish {
13213 background-color: #ced4da; }
13214 .block .minicalendar caption {
13215 font-size: inherit
;
13216 font-weight: inherit
;
13217 line-height: inherit
;
13218 text-align: center
; }
13220 .block
.calendar-controls
.previous
,
13221 .block
.calendar-controls
.current
,
13222 .block .calendar-controls .next {
13226 .block .calendar-controls .previous {
13230 .block .calendar-controls .current {
13231 text-align: center
;
13234 .block .calendar-controls .next {
13238 .block .calendar_filters ul {
13243 .block .calendar_filters li {
13244 margin-bottom: 0.2em; }
13245 .block .calendar_filters li span.calendar_event_category i {
13247 .block .calendar_filters li span.calendar_event_course i {
13249 .block .calendar_filters li span.calendar_event_site i {
13251 .block .calendar_filters li span.calendar_event_group i {
13253 .block .calendar_filters li span.calendar_event_user i {
13255 .block .calendar_filters li span.calendar_event_other i {
13257 .block .calendar_filters li span img {
13260 .block .calendar_filters li .icon {
13261 vertical-align: initial
;
13262 margin: 0 0.1rem 0 0.4rem; }
13263 .block .calendar_filters li > a:hover {
13264 text-decoration: none
; }
13265 .block .calendar_filters li > a:hover .eventname {
13266 text-decoration: underline
; }
13268 .block .content h3.eventskey {
13269 margin-top: 0.5em; }
13271 /* Display month name above the calendar */
13272 table
.calendartable caption
{
13273 caption-side: top
; }
13275 @media (min-width: 768px) {
13276 #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
{
13277 min-width: 1024px; } }
13280 position: relative
; }
13282 .day-popover-content:empty + .day-popover-alternate {
13285 .location-content {
13286 overflow-wrap: break-word
; }
13288 .description-content {
13289 overflow-wrap: break-word
; }
13290 .description-content > p {
13296 .content-bank-container .cb-content-wrapper {
13303 .content-bank-container .cb-thumbnail {
13306 background-repeat: no-repeat
;
13307 background-position: center
;
13308 background-size: cover
; }
13310 .content-bank-container.view-grid .cb-listitem {
13311 margin-bottom: 0.5rem; }
13313 @media (max-width: 767.98px) {
13314 .content-bank-container.view-grid .cb-listitem {
13315 flex-basis: 50%; } }
13317 @media (min-width: 576px) {
13318 .content-bank-container.view-grid .cb-listitem {
13320 min-width: 120px; } }
13322 .content-bank-container.view-grid .cb-name {
13323 text-align: center
; }
13325 .content-bank-container.view-grid .cb-file {
13328 .content-bank-container.view-grid .cb-thumbnail {
13332 margin-right: auto
;
13333 margin-bottom: 0.5rem; }
13335 .content-bank-container
.view-grid
.cb-heading
,
13336 .content-bank-container
.view-grid
.cb-date
,
13337 .content-bank-container
.view-grid
.cb-size
,
13338 .content-bank-container
.view-grid
.cb-type
,
13339 .content-bank-container.view-grid .cb-author {
13342 .content-bank-container.view-list .cb-content-wrapper {
13344 flex-direction: column
;
13345 flex-wrap: nowrap
; }
13347 .content-bank-container.view-list .cb-thumbnail {
13348 margin-right: 0.5rem; }
13350 .content-bank-container
.view-list
.cb-listitem
,
13351 .content-bank-container.view-list .cb-heading {
13355 border-bottom: 1px solid
#dee2e6; }
13357 .content-bank-container.view-list .cb-column {
13359 padding: 0.25rem; }
13361 .content-bank-container.view-list .cb-column {
13362 border-right: 1px solid
#dee2e6; }
13364 @media (max-width: 767.98px) {
13365 .content-bank-container.view-list .cb-column {
13367 max-width: 50%; } }
13369 @media (min-width: 576px) {
13370 .content-bank-container.view-list .cb-heading {
13374 .content-bank-container.view-list .cb-file {
13377 .content-bank-container
.view-list
.cb-date
,
13378 .content-bank-container
.view-list
.cb-size
,
13379 .content-bank-container
.view-list
.cb-type
,
13380 .content-bank-container.view-list .cb-author {
13383 .content-bank-container.view-list .cb-column.last {
13384 border-right: 0; } }
13386 .content-bank-container.view-list .cb-btnsort span {
13389 .content-bank-container
.view-list
.cb-btnsort
.dir-none
.default
,
13390 .content-bank-container
.view-list
.cb-btnsort
.dir-asc
.asc
,
13391 .content-bank-container.view-list .cb-btnsort.dir-desc .desc {
13394 .cb-toolbar-container .dropdown-scrollable {
13396 overflow-y: auto
; }
13399 /* COURSE CONTENT */
13400 .section_add_menus {
13404 .section-modchooser {
13407 .block_tree .tree_item.branch {
13408 margin-left: 8px; }
13410 .section_add_menus
.horizontal div
,
13411 .section_add_menus .horizontal form {
13414 .section_add_menus optgroup {
13415 font-weight: normal
;
13416 font-style: italic
; }
13419 .section_add_menus .urlselect {
13421 margin-left: .4em; }
13424 .section_add_menus .urlselect select {
13425 margin-left: .2em; }
13427 .sitetopic ul.section {
13430 body:not
(.editing
) .sitetopic ul
.section
{
13432 body:not
(.editing
) .sitetopic ul
.section
.label
.mod-indent-outer
{
13435 @media (min-width: 576px) {
13436 .course-content ul.section {
13440 margin-top: 0.5rem; }
13441 .section .side.left {
13443 .section .side.right {
13447 .section .spinner {
13451 .section .activity {
13452 /* The command block for each activity */ }
13453 .section .activity .spinner {
13455 position: absolute
; }
13456 .section .activity .actions {
13457 position: absolute
;
13461 .section
.activity
.contentwithoutlink
,
13462 .section .activity .activityinstance {
13464 display: table-cell
;
13465 padding-right: 4px;
13467 .section
.activity
.contentwithoutlink
> a
,
13468 .section .activity .activityinstance > a {
13469 display: inline-block
;
13470 text-indent: -31px;
13471 padding-left: 31px; }
13472 .section
.activity
.contentwithoutlink
.dimmed
.activityicon
,
13473 .section .activity .activityinstance .dimmed .activityicon {
13475 .section .activity .stealth {
13477 .section
.activity a
.stealth
,
13478 .section .activity a.stealth:hover {
13479 color: #61aef3 !important
;
13480 /* stylelint-disable-line declaration-no-important */ }
13482 .section
.label
.contentwithoutlink
,
13483 .section .label .activityinstance {
13484 padding-right: 32px;
13488 @media (min-width: 576px) {
13489 .section .label .mod-indent-outer {
13490 padding-left: 24px;
13491 display: block
; } }
13498 display: inline-block
; }
13500 .section
.activity
.editor_displayed a
.editing_title
,
13501 .section .activity.editor_displayed .moodle-actionmenu {
13504 .section .activity.editor_displayed div.activityinstance {
13505 padding-right: initial
; }
13506 .section .activity.editor_displayed div.activityinstance input {
13507 margin-bottom: initial
;
13508 padding-top: initial
;
13509 padding-bottom: initial
;
13510 vertical-align: text-bottom
; }
13512 .activity img.activityicon {
13514 vertical-align: text-bottom
; }
13516 .section
.activity
.activityinstance
,
13517 .section .activity .activityinstance div {
13518 display: inline-block
; }
13520 .editing
.section
.activity
.contentwithoutlink
,
13521 .editing .section .activity .activityinstance {
13522 padding-right: 200px; }
13524 .editing .section .activity .editing_move {
13525 /* Move the move icon to the start of the line */
13526 position: absolute
;
13530 .editing .section .activity .mod-indent-outer {
13532 * Add appropriate padding such that nothing overlaps the
13533 * absolute positioned move icon.
13535 padding-left: 2rem; }
13537 .editing_show
+ .editing_assign
,
13538 .editing_hide + .editing_assign {
13539 margin-left: 20px; }
13541 .section .activity .commands {
13542 white-space: nowrap
;
13543 display: inline-block
; }
13545 .section .activity.modtype_label.label {
13546 font-weight: normal
;
13549 .section li.activity {
13553 .section .activity .activityinstance .groupinglabel {
13554 padding-left: 30px; }
13556 .section
.activity
.availabilityinfo
,
13557 .section .activity .contentafterlink {
13559 margin-left: 30px; }
13561 .section .activity .contentafterlink p {
13564 .editing
.section
.activity:hover
,
13565 .editing .section .activity.action-menu-shown {
13566 background-color: rgba
(0, 0, 0, 0.05); }
13568 .course-content .current {
13569 position: relative
; }
13571 .course-content .current::before {
13573 border-left: #0f6fc5 2px solid
;
13574 position: absolute
;
13579 .course-content .section-summary {
13580 border: 1px solid
#dee2e6;
13582 list-style: none
; }
13584 .course-content .section-summary .section-title {
13585 margin: 2px 5px 10px 5px; }
13587 .course-content .section-summary .summarytext {
13588 margin: 2px 5px 2px 5px; }
13590 .course-content .section-summary .section-summary-activities .activity-count {
13592 font-size: 0.8203125rem;
13594 white-space: nowrap
;
13595 display: inline-block
; }
13597 .course-content .section-summary .summary {
13600 .course-content .single-section {
13603 .course-content .single-section .section-navigation {
13606 margin-bottom: -0.5em; }
13608 .course-content .single-section .section-navigation .title {
13613 .course-content .single-section .section-navigation .mdl-left {
13614 font-weight: normal
;
13616 margin-right: 1em; }
13618 .course-content .single-section .section-navigation .mdl-left .larrow {
13619 margin-right: 0.1em; }
13621 .course-content .single-section .section-navigation .mdl-right {
13622 font-weight: normal
;
13624 margin-left: 1em; }
13626 .course-content .single-section .section-navigation .mdl-right .rarrow {
13627 margin-left: 0.1em; }
13629 .course-content .single-section .section-navigation .mdl-bottom {
13632 .course-content ul li.section.main {
13633 border-bottom: 1px solid
#dee2e6;
13635 .course-content ul li.section.main:last-child {
13636 border-bottom: 0; }
13638 .course-content ul li
.section
.hidden
.sectionname
> span
,
13639 .course-content ul li
.section
.hidden
.content
> div
.summary
,
13640 .course-content ul li.section.hidden .activity .activityinstance {
13643 .course-content ul
.topics
,
13644 .course-content ul.weeks {
13647 list-style: none
; }
13648 .course-content ul
.topics li
.section
,
13649 .course-content ul.weeks li.section {
13651 padding-bottom: 1rem; }
13652 .course-content ul
.topics li
.section
.content
,
13653 .course-content ul.weeks li.section .content {
13656 @media
(min-width: 576px) {
13657 .course-content ul
.topics li
.section
.summary
,
13658 .course-content ul
.topics li
.section
.content
> .availabilityinfo
,
13659 .course-content ul
.weeks li
.section
.summary
,
13660 .course-content ul.weeks li.section .content > .availabilityinfo {
13661 margin-left: 25px; } }
13662 .course-content ul
.topics li
.section
.left
,
13663 .course-content ul
.topics li
.section
.right
,
13664 .course-content ul
.weeks li
.section
.left
,
13665 .course-content ul.weeks li.section .right {
13670 @media (max-width: 767.98px) {
13671 body:not
(.editing
) .course-content ul
.topics li
.section
.left
,
13672 body:not
(.editing
) .course-content ul
.topics li
.section
.right
,
13673 body:not
(.editing
) .course-content ul
.weeks li
.section
.left
,
13674 body:not
(.editing
) .course-content ul
.weeks li
.section
.right
{
13680 .course-content .hidden {
13683 @media (max-width: 767.98px) {
13684 .course-content li.section ul {
13685 padding-left: 0; } }
13687 .course-content li.section ul {
13688 list-style: disc
; }
13689 .course-content li.section ul ul {
13690 list-style: circle
; }
13691 .course-content li.section ul ul ul {
13692 list-style: square
; }
13694 .course-content li.section li.activity ul {
13695 list-style: disc
; }
13696 .course-content li.section li.activity ul ul {
13697 list-style: circle
; }
13698 .course-content li.section li.activity ul ul ul {
13699 list-style: square
; }
13701 .course-content li.section .right > .icon:first-child {
13702 /* Remove the spacer icon. */
13705 .path-course-view.editing #region-main > .card-block {
13706 padding-bottom: 13rem; }
13708 .jumpmenu .form-inline {
13711 .path-course-view .completionprogress {
13712 margin-left: 25px; }
13714 .path-course-view .completionprogress {
13718 position: relative
; }
13720 #page-site-index .subscribelink
{
13721 text-align: right
; }
13723 #site-news-forum h2
,
13724 #frontpage-course-list h2
,
13725 #frontpage-category-names h2
,
13726 #frontpage-category-combo h2
{
13727 margin-bottom: 9px; }
13729 .path-course-view a.reduce-sections {
13730 padding-left: 0.2em; }
13732 .path-course-view .subscribelink {
13733 text-align: right
; }
13735 .path-course-view .unread {
13736 margin-left: 30px; }
13738 .path-course-view .block.drag .header {
13741 .path-course-view .completionprogress {
13742 text-align: right
; }
13744 .path-course-view .single-section .completionprogress {
13745 margin-right: 5px; }
13747 .path-site li
.activity
> div
,
13748 .path-course-view li.activity > div {
13749 position: relative
;
13750 padding: 0 16px 0 0;
13751 /* to accommodate the floated completion icon with highlighting */ }
13753 .path-course-view li.activity span.autocompletion img {
13754 vertical-align: text-bottom
;
13757 .path-course-view li.activity form.togglecompletion .btn {
13760 .path-course-view li.activity form.togglecompletion img {
13762 /* The width is 0 so ensure we don't end up with a relative max-width */ }
13764 .path-course-view.editing li.activity span.autocompletion img {
13765 /* Use the same spacing as the filler. */
13766 margin-right: 0.5rem;
13767 margin-left: 0.5rem; }
13769 .path-course-view li.activity form.togglecompletion .ajaxworking {
13772 position: absolute
;
13775 background: url
([[pix:i
/ajaxloader
]]) no-repeat
; }
13777 li
.section
.hidden span
.commands a
.editing_hide
,
13778 li
.section
.hidden span
.commands a
.editing_show
{
13781 .single-section h3.sectionname {
13782 text-align: center
;
13785 input
.titleeditor
{
13787 vertical-align: text-bottom
; }
13789 span
.editinstructions
{
13791 position: absolute
;
13793 position: relative;
13798 font-size: 0.8203125rem;
13799 padding: .1em .4em;
13800 text-decoration: none
;
13802 border: 0 solid transparent
;
13804 background-color: #cce6ea;
13805 border-color: #b8dce2; }
13806 span
.editinstructions hr
{
13807 border-top-color: #a6d3db; }
13808 span
.editinstructions
.alert-link
{
13811 /* Course drag and drop upload styles */
13812 #dndupload-status {
13818 text-align: center
;
13820 border: 0 solid transparent
;
13822 background-color: #cce6ea;
13823 border-color: #b8dce2; }
13824 #dndupload-status hr
{
13825 border-top-color: #a6d3db; }
13826 #dndupload-status .alert-link
{
13829 .dndupload-preview {
13831 border: 1px dashed
#909090;
13836 .dndupload-hidden {
13839 /* COURSES LISTINGS AND COURSE SUMMARY */
13840 #page-course-pending .singlebutton
,
13841 #page-course-index .singlebutton
,
13842 #page-course-index-category .singlebutton
,
13843 #page-course-editsection .singlebutton
{
13844 text-align: center
; }
13846 #page-admin-course-manage #movecourses td img
{
13848 vertical-align: text-bottom
; }
13852 text-align: left
; }
13854 #page-course-pending .pendingcourserequests
{
13855 margin-bottom: 1em; }
13857 #page-course-pending .pendingcourserequests
.singlebutton
{
13860 #page-course-pending .pendingcourserequests
.cell
{
13863 #page-course-pending .pendingcourserequests
.cell
.c6
{
13864 white-space: nowrap
; }
13869 .coursebox > .info > .coursename a {
13871 background-image: url
([[pix:moodle|i
/course
]]);
13872 background-repeat: no-repeat
;
13873 padding-left: 21px;
13874 background-position: left
0.2em; }
13876 .coursebox
> .info
> .coursename
,
13877 .coursebox
.content
.teachers
,
13878 .coursebox
.content
.courseimage
,
13879 .coursebox
.content
.coursefile
,
13880 .coursebox .content .customfields-container {
13884 .coursebox
.content
.teachers
,
13885 .coursebox
.content
.courseimage
,
13886 .coursebox
.content
.coursefile
,
13887 .coursebox .content .customfields-container {
13890 .coursebox > .info > h3.coursename {
13893 .coursebox > .info > .coursename {
13897 .coursebox .content .teachers li {
13898 list-style-type: none
;
13902 .coursebox
.moreinfo
,
13903 .coursebox .enrolmenticons {
13907 .coursebox .moreinfo img {
13910 .coursebox .content {
13913 .coursebox
.content
.summary
,
13914 .coursebox .content .coursecat {
13918 .coursebox .content .coursecat {
13922 .coursebox.remotecoursebox .remotecourseinfo {
13926 .coursebox .content .courseimage img {
13928 max-height: 100px; }
13930 .coursebox
.content
.coursecat
,
13931 .coursebox
.content
.summary
,
13932 .coursebox
.content
.courseimage
,
13933 .coursebox
.content
.coursefile
,
13934 .coursebox
.content
.teachers
,
13935 .coursebox
.remotecoursebox
.remotecourseinfo
,
13936 .coursebox .content .customfields-container {
13937 margin: 15px 5px 5px;
13940 .coursebox.remotehost > .info > .categoryname a {
13941 background-image: url
([[pix:moodle|i
/mnethost
]]); }
13943 .coursebox.collapsed {
13944 margin-bottom: 0; }
13946 .coursebox.collapsed > .content {
13949 .courses .coursebox.collapsed {
13950 padding-top: 0.5rem;
13951 padding-bottom: 0.5rem; }
13953 .courses .coursebox.even {
13954 background-color: rgba
(0, 0, 0, 0.05); }
13956 .courses > .paging.paging-morelink {
13957 text-align: center
;
13960 .course_category_tree .category .numberofcourse {
13961 font-size: 0.8203125rem; }
13963 .course_category_tree .controls {
13964 visibility: hidden
; }
13966 .course_category_tree .controls div {
13970 .jsenabled .course_category_tree .controls {
13971 visibility: visible
; }
13973 .course_category_tree .controls {
13974 margin-bottom: 5px;
13978 .course_category_tree .controls div {
13979 padding-right: 2em;
13982 .course_category_tree .category > .info > .categoryname {
13983 background-image: url
([[pix:moodle|t
/collapsed_empty
]]);
13984 background-repeat: no-repeat
;
13987 background-position: center left
; }
13990 .course_category_tree .category > .info > .categoryname {
13991 background-image:url([[pix:moodle|t/collapsed_empty_rtl]]);
13994 .course_category_tree .category.with_children > .info > .categoryname {
13995 background-image: url
([[pix:moodle|t
/expanded
]]);
13998 .course_category_tree .category.with_children.collapsed > .info > .categoryname {
13999 background-image: url
([[pix:moodle|t
/collapsed
]]); }
14002 .course_category_tree .category.with_children.collapsed > .info > .categoryname {
14003 background-image:url([[pix:moodle|t/collapsed_rtl]]);
14006 .course_category_tree .category.collapsed > .content {
14009 .course_category_tree .category > .info {
14012 .course_category_tree .category > .content {
14013 padding-left: 16px; }
14015 #page-course-index-category .generalbox
.info
{
14016 margin-bottom: 15px;
14017 border: 1px dotted
#ddd;
14018 border-radius: 4px;
14021 #page-course-index-category .categorypicker
{
14022 text-align: center
;
14023 margin: 10px 0 20px; }
14026 * Course management page
14029 * Background (reg) #F5F5F5
14030 * Background (light #fafafa
14031 * Background (highlight) #ddffaa
14034 #course-category-listings {
14036 /** Two column layout */
14037 /** Three column layout */ }
14038 #course-category-listings.columns-2
> #course-listing
> div
{
14039 position: relative
;
14041 #course-category-listings.columns-3
> #course-listing
> div
{
14043 #course-category-listings > div
> div
{
14044 min-height: 300px; }
14045 #course-category-listings > div
> div
> ul
.ml
> li:first-child
> div
{
14047 #course-category-listings h3
{
14049 padding: 0.4rem 0.6rem 0.3rem; }
14050 #course-category-listings h4
{
14052 padding: 0.6rem 1rem 0.5rem; }
14053 #course-category-listings .moodle-actionmenu
{
14054 white-space: nowrap
; }
14055 #course-category-listings .listing-actions
{
14056 text-align: center
; }
14057 #course-category-listings .listing-actions
> .moodle-actionmenu
{
14058 display: inline-block
; }
14059 #course-category-listings ul
.ml
{
14062 #course-category-listings ul
.ml ul
.ml
{
14064 #course-category-listings .listitem
[data-selected
='1'] {
14065 border-left: calc
(1px + 5px) solid
#0f6fc5;
14066 padding-left: calc
(1.25rem - 5px); }
14067 #course-category-listings .item-actions
{
14069 display: inline-block
; }
14070 #course-category-listings .item-actions
.show
.menu img
{
14073 #course-category-listings .item-actions
.menu-action-text
{
14074 vertical-align: inherit
; }
14075 #course-category-listings .listitem
> div
> .float-left
{
14077 #course-category-listings .listitem
> div
> .float-right
{
14079 text-align: right
; }
14080 #course-category-listings .listitem
> div
.item-actions
.action-show
{
14082 #course-category-listings .listitem
> div
.item-actions
.action-hide
{
14084 #course-category-listings .listitem
> div
.without-actions
{
14086 #course-category-listings .listitem
> div
.idnumber
{
14087 margin-right: 2em; }
14088 #course-category-listings .listitem
[data-visible
="0"] {
14090 #course-category-listings .listitem
[data-visible
="0"] > div
> a
{
14092 #course-category-listings .listitem
[data-visible
="0"] > div
.item-actions
.action-show
{
14094 #course-category-listings .listitem
[data-visible
="0"] > div
.item-actions
.action-hide
{
14096 #course-category-listings .listitem
.highlight
{
14097 background-color: #fff; }
14098 #course-category-listings .listitem
.highlight
> div
,
14099 #course-category-listings .listitem
.highlight
> div:hover
,
14100 #course-category-listings .listitem
.highlight
[data-selected
='1'] > div
{
14101 background-color: rgba
(0, 0, 0, 0.075); }
14102 #course-category-listings #course-listing
.listitem
.categoryname
{
14103 display: inline-block
;
14106 #course-category-listings #course-listing
.listitem
.coursename
{
14107 display: inline-block
; }
14108 #course-category-listings #course-listing
> .firstpage
.listitem:first-child
> div
.item-actions
.action-moveup
,
14109 #course-category-listings #course-listing
> .lastpage
.listitem:last-child
> div
.item-actions
.action-movedown
{
14111 #course-category-listings #course-listing
.bulk-action-checkbox
{
14112 margin: -2px 6px 0 0; }
14113 #course-category-listings #category-listing
.listitem
.collapsed
> ul
.ml
{
14115 #course-category-listings #category-listing
.listitem:first-child
> div
.item-actions
.action-moveup
,
14116 #course-category-listings #category-listing
.listitem:last-child
> div
.item-actions
.action-movedown
{
14118 #course-category-listings #category-listing
.course-count
{
14120 margin-right: 2rem;
14122 display: inline-block
; }
14123 #course-category-listings #category-listing
.bulk-action-checkbox
{
14124 margin-right: -3px; }
14125 #course-category-listings #category-listing
.category-listing
> ul
> .listitem:first-child
{
14126 position: relative
; }
14127 #course-category-listings #category-listing
.category-bulk-actions
{
14128 margin: 0 0.5em 0.5em;
14129 position: relative
; }
14130 #course-category-listings .detail-pair
> * {
14131 display: inline-block
; }
14132 #course-category-listings .detail-pair
.pair-key
{
14134 vertical-align: top
; }
14135 #course-category-listings .detail-pair
.pair-key span
{
14136 margin-right: 1rem;
14138 #course-category-listings .detail-pair
.pair-value select
{
14140 #course-category-listings .bulk-actions
.detail-pair
> * {
14143 #course-category-listings .listing-pagination
{
14144 text-align: center
; }
14145 #course-category-listings .listing-pagination
.yui3-button
{
14147 background-color: #008196;
14148 border-color: #008196;
14150 margin: 0.4rem 0.2rem 0.45rem;
14151 font-size: 10.4px; }
14152 #course-category-listings .listing-pagination
.yui3-button:hover
{
14154 background-color: #006070;
14155 border-color: #005563; }
14156 #course-category-listings .listing-pagination
.yui3-button:focus
, #course-category-listings
.listing-pagination
.yui3-button
.focus
{
14158 background-color: #006070;
14159 border-color: #005563;
14160 box-shadow: 0 0 0 0.2rem rgba
(38, 148, 166, 0.5); }
14161 #course-category-listings .listing-pagination
.yui3-button
.disabled
, #course-category-listings
.listing-pagination
.yui3-button:disabled
{
14163 background-color: #008196;
14164 border-color: #008196; }
14165 #course-category-listings .listing-pagination
.yui3-button:not
(:disabled
):not
(.disabled
):active
, #course-category-listings
.listing-pagination
.yui3-button:not
(:disabled
):not
(.disabled
).active
,
14166 .show > #course-category-listings .listing-pagination .yui3-button.dropdown-toggle {
14168 background-color: #005563;
14169 border-color: #004a56; }
14170 #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
,
14171 .show > #course-category-listings .listing-pagination .yui3-button.dropdown-toggle:focus {
14172 box-shadow: 0 0 0 0.2rem rgba
(38, 148, 166, 0.5); }
14173 #course-category-listings .listing-pagination
.yui3-button
.active-page
{
14175 background-color: #0f6fc5;
14176 border-color: #0f6fc5; }
14177 #course-category-listings .listing-pagination
.yui3-button
.active-page:hover
{
14179 background-color: #0c5ba1;
14180 border-color: #0b5496; }
14181 #course-category-listings .listing-pagination
.yui3-button
.active-page:focus
, #course-category-listings
.listing-pagination
.yui3-button
.active-page
.focus
{
14183 background-color: #0c5ba1;
14184 border-color: #0b5496;
14185 box-shadow: 0 0 0 0.2rem rgba
(51, 133, 206, 0.5); }
14186 #course-category-listings .listing-pagination
.yui3-button
.active-page
.disabled
, #course-category-listings
.listing-pagination
.yui3-button
.active-page:disabled
{
14188 background-color: #0f6fc5;
14189 border-color: #0f6fc5; }
14190 #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
,
14191 .show > #course-category-listings .listing-pagination .yui3-button.active-page.dropdown-toggle {
14193 background-color: #0b5496;
14194 border-color: #0a4e8a; }
14195 #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
,
14196 .show > #course-category-listings .listing-pagination .yui3-button.active-page.dropdown-toggle:focus {
14197 box-shadow: 0 0 0 0.2rem rgba
(51, 133, 206, 0.5); }
14198 #course-category-listings .listing-pagination-totals
{
14199 text-align: center
; }
14200 #course-category-listings .listing-pagination-totals
.dimmed
{
14202 margin: 0.4rem 1rem 0.45rem; }
14203 #course-category-listings .select-a-category
.notifymessage
,
14204 #course-category-listings .select-a-category
.alert
{
14207 #course-category-listings #course-listing
.listitem
.drag-handle
{
14210 .jsenabled #course-category-listings #course-listing .listitem .drag-handle {
14211 display: inline-block
;
14215 /** Management header styling **/
14216 .coursecat-management-header {
14217 vertical-align: middle
; }
14218 .coursecat-management-header h2 {
14219 display: inline-block
;
14220 text-align: left
; }
14221 .coursecat-management-header > div {
14222 display: inline-block
;
14224 .coursecat-management-header > div > div {
14225 margin: 10px 0 10px 1em;
14226 display: inline-block
; }
14227 .coursecat-management-header select {
14230 padding: 0.4em 0.5em 0.45em 1em;
14231 vertical-align: baseline
;
14232 white-space: nowrap
; }
14233 .coursecat-management-header .view-mode-selector .moodle-actionmenu {
14234 white-space: nowrap
;
14235 display: inline-block
; }
14236 .coursecat-management-header .view-mode-selector .moodle-actionmenu[data-enhanced].show .menu a {
14237 padding-left: 1em; }
14239 .course-being-dragged-proxy {
14242 vertical-align: middle
;
14243 padding: 0 0 0 4em; }
14245 .course-being-dragged {
14250 * Large displays 1200 +
14251 * Default displays 980 1199
14253 * Small tablets and large phones 481 767
14256 @media (min-width: 1200px) and
(max-width: 1600px) {
14257 #course-category-listings.columns-3
{
14258 background-color: #fff;
14260 #course-category-listings.columns-3 #category-listing
,
14261 #course-category-listings.columns-3 #course-listing
{
14263 #course-category-listings.columns-3 #category-listing
> div
,
14264 #course-category-listings.columns-3 #course-listing
> div
,
14265 #course-category-listings.columns-3 #course-detail
> div
{
14266 background-color: #fff; }
14267 #course-category-listings.columns-3 #course-detail
{
14269 margin-top: 1em; } }
14271 @media (max-width: 1199px) {
14272 #course-category-listings.columns-2
,
14273 #course-category-listings.columns-3
{
14275 #course-category-listings.columns-2 #category-listing
,
14276 #course-category-listings.columns-2 #course-listing
,
14277 #course-category-listings.columns-2 #course-detail
,
14278 #course-category-listings.columns-3 #category-listing
,
14279 #course-category-listings.columns-3 #course-listing
,
14280 #course-category-listings.columns-3 #course-detail
{
14282 margin: 0 0 1em; } }
14284 .page-settings-menu .menubar > a > .icon {
14289 .activity-navigation .row {
14290 align-items: center
; }
14292 .activity-navigation #prev-activity-link
,
14293 .activity-navigation #next-activity-link {
14294 white-space: pre-wrap
; }
14296 /* Anchor link offset fix. This makes hash links scroll 60px down to account for the fixed header. */
14301 /* fixed header height*/
14303 /* negative fixed header height */
14305 pointer-events: none
; }
14307 .pagelayout-embedded :target {
14308 padding-top: initial
;
14309 margin-top: initial
; }
14311 #nav-drawer.closed
{
14314 #nav-drawer[aria-hidden
=true
] .list-group-item
{
14317 /* Use a variable for the drawer background colors. */
14318 [data-region
="drawer"] {
14322 height: calc
(100% - 50px);
14324 -webkit-overflow-scrolling: touch
;
14326 background-color: #f2f2f2;
14327 -webkit-transition: right
0.5s ease
, left
0.5s ease
;
14328 -moz-transition: right
0.5s ease
, left
0.5s ease
;
14329 transition: right
0.5s ease
, left
0.5s ease
; }
14331 @media (min-width: 576px) {
14332 [data-region
="drawer"] {
14333 padding: 20px 20px; } }
14338 /* Override the z-indexes defined in bootstrap/_list-group.scss that
14339 lead to side effects on the user tours positioning. */ }
14340 #nav-drawer .list-group-item-action
.active
,
14341 #nav-drawer .list-group-item
.active
{
14342 z-index: inherit
; }
14343 #nav-drawer .list-group-item-action
.active
+ .list-group-item
,
14344 #nav-drawer .list-group-item
.active
+ .list-group-item
{
14345 border-top: none
; }
14346 #nav-drawer .list-group ul
{
14350 #nav-drawer .list-group li
{
14351 margin-bottom: -1px; }
14352 #nav-drawer .list-group
li:last-child
{
14353 margin-bottom: 0; }
14356 margin-top: 50px; }
14358 .pagelayout-embedded #page {
14362 -webkit-transition: margin-left
0.5s ease
, margin-right
0.5s ease
;
14363 -moz-transition: margin-left
0.5s ease
, margin-right
0.5s ease
;
14364 transition: margin-left
0.5s ease
, margin-right
0.5s ease
; }
14366 @media (min-width: 768px) {
14367 body
.drawer-open-left
{
14368 margin-left: 285px; } }
14370 @media (min-width: 768px) {
14371 body
.drawer-open-right
{
14372 margin-right: 285px; } }
14374 [data-region
=right-hand-drawer
] {
14376 flex-direction: column
;
14377 transition: right
0.2s ease-in-out
; }
14378 @media
(prefers-reduced-motion: reduce
) {
14379 [data-region
=right-hand-drawer
] {
14380 transition: none
; } }
14381 [data-region
=right-hand-drawer
].drawer
{
14386 height: calc
(100% - 50px);
14388 box-shadow: -2px 2px 4px rgba
(0, 0, 0, 0.08);
14390 visibility: visible
;
14392 [data-region
=right-hand-drawer
] .closewidget
{
14394 [data-region
=right-hand-drawer
].hidden
{
14397 visibility: hidden
;
14399 transition: right
0.2s ease-in-out
, visibility
0s ease-in-out
0.2s, opacity
0s ease-in-out
0.2s; }
14400 @media
(prefers-reduced-motion: reduce
) {
14401 [data-region
=right-hand-drawer
].hidden
{
14402 transition: none
; } }
14404 @media (max-width: 767.98px) {
14405 [data-region
=right-hand-drawer
].drawer
{
14409 [data-region
=right-hand-drawer
] .closewidget
{
14411 padding: 0 0.2rem; }
14412 body
.drawer-open-left
,
14413 body
.drawer-open-right
{
14414 overflow: hidden
; } }
14416 .dir-rtl [data-region=right-hand-drawer] {
14417 box-shadow: 2px 2px 4px rgba
(0, 0, 0, 0.08); }
14420 background-color: #f7f7f7; }
14422 .fp-content-center {
14425 display: table-cell
;
14426 vertical-align: middle
; }
14428 .fp-content-hidden {
14429 visibility: hidden
; }
14431 .yui3-panel-focused {
14436 padding: 3px 20px 2px 20px;
14437 text-align: center
;
14439 border-radius: 10px;
14440 display: inline-block
; }
14442 .filepicker .yui3-widget-content-expanded {
14445 /* The javascript is adding a style="height: 0px;" to this element - we need to set the min-height so the height is ignored. */
14446 .filepicker .moodle-dialogue-bd {
14447 min-height: 520px; }
14449 .file-picker .fp-navbar {
14454 border-color: #8f959e;
14455 border-bottom: 0; }
14457 .file-picker .fp-content {
14464 .filepicker.moodle-dialogue-fullscreen .file-picker .fp-content {
14467 .file-picker .fp-content-loading {
14471 text-align: center
; }
14473 .file-picker .fp-content .fp-object-container {
14477 .file-picker .fp-def-search {
14480 .file-picker .fp-list {
14481 list-style-type: none
;
14487 .file-picker .fp-list .fp-repo a {
14489 padding: .5em .7em; }
14491 .file-picker .fp-list .fp-repo.active {
14492 background: #f2f2f2; }
14494 .file-picker .fp-list .fp-repo-icon {
14495 padding: 0 7px 0 5px;
14502 .fp-toolbar.empty {
14505 .fp-toolbar .disabled {
14511 margin-right: 4px; }
14514 vertical-align: -15%;
14515 margin-right: 5px; }
14517 .fp-viewbar:not(.disabled) a.checked {
14518 background-color: #b1bbc4;
14520 border-color: #aab4bf; }
14522 .fp-viewbar.disabled a {
14523 pointer-events: none
;
14526 .file-picker .fp-clear-left {
14529 .fp-pathbar.empty {
14532 .fp-pathbar .fp-path-folder {
14533 background: url
("[[pix:theme|fp/path_folder]]") left
3px no-repeat
;
14534 background-size: 12px 12px;
14536 margin-left: 12px; }
14539 .fp-pathbar .fp-path-folder {
14540 background-image: url('[[pix:theme|fp/path_folder_rtl]]');
14543 .fp-pathbar .fp-path-folder-name {
14544 margin-left: 24px; }
14546 .fp-iconview .fp-file {
14548 text-align: center
;
14549 position: relative
;
14550 margin: 10px 10px 35px; }
14552 .fp-iconview .fp-thumbnail {
14555 line-height: 110px;
14556 text-align: center
;
14557 border: 1px solid
#fff;
14560 .fp-iconview .fp-thumbnail img {
14561 border: 1px solid
#ddd;
14563 vertical-align: middle
; }
14565 .fp-iconview .fp-thumbnail:hover {
14567 border: 1px solid
#ddd; }
14569 .fp-iconview .fp-filename-field {
14572 word-wrap: break-word
;
14574 position: absolute
; }
14576 .fp-iconview
.fp-file:focus
.fp-filename-field
,
14577 .fp-iconview .fp-file:hover .fp-filename-field {
14581 .fp-iconview
.fp-file:focus
.fp-filename
,
14582 .fp-iconview .fp-file:hover .fp-filename {
14584 white-space: normal
;
14585 text-overflow: inherit
; }
14587 .fp-iconview .fp-filename-field .fp-filename {
14590 padding-bottom: 12px;
14591 min-width: 112px; }
14593 .file-picker .yui3-datatable table {
14594 border: 0 solid
#bbb;
14597 .file-picker
.ygtvtn
,
14598 .filemanager .ygtvtn {
14600 background: url
("[[pix:moodle|y/tn]]") 0 0 no-repeat
;
14602 background: url('[[pix:moodle|y/tn_rtl]]') 0 0 no-repeat;
14607 .file-picker
.ygtvtm
,
14608 .filemanager .ygtvtm {
14609 background: url
("[[pix:moodle|y/tm]]") 0 10px no-repeat
;
14611 background-position: 2px 10px;
14617 .file-picker
.ygtvtmh
,
14618 .filemanager .ygtvtmh {
14619 background: url
("[[pix:moodle|y/tm]]") 0 10px no-repeat
;
14621 background-position: 2px 10px;
14627 .file-picker
.ygtvtp
,
14628 .filemanager .ygtvtp {
14630 background: url
("[[pix:moodle|y/tp]]") 0 10px no-repeat
;
14632 background: url('[[pix:moodle|y/tp_rtl]]') 2px 10px no-repeat;
14638 .file-picker
.ygtvtph
,
14639 .filemanager .ygtvtph {
14641 background: url
("[[pix:moodle|y/tp]]") 0 10px no-repeat
;
14643 background: url('[[pix:moodle|y/tp_rtl]]') 2px 10px no-repeat;
14649 .file-picker
.ygtvln
,
14650 .filemanager .ygtvln {
14652 background: url
("[[pix:moodle|y/ln]]") 0 0 no-repeat
;
14654 background: url('[[pix:moodle|y/ln_rtl]]') 0 0 no-repeat;
14659 .file-picker
.ygtvlm
,
14660 .filemanager .ygtvlm {
14661 background: url
("[[pix:moodle|y/lm]]") 0 10px no-repeat
;
14663 background-position: 2px 10px;
14669 .file-picker
.ygtvlmh
,
14670 .filemanager .ygtvlmh {
14671 background: url
("[[pix:moodle|y/lm]]") 0 10px no-repeat
;
14673 background-position: 2px 10px;
14679 .file-picker
.ygtvlp
,
14680 .filemanager .ygtvlp {
14682 background: url
("[[pix:moodle|y/lp]]") 0 10px no-repeat
;
14684 background: url('[[pix:moodle|y/lp_rtl]]') 2px 10px no-repeat;
14690 .file-picker
.ygtvlph
,
14691 .filemanager .ygtvlph {
14693 background: url
("[[pix:moodle|y/lp]]") 0 10px no-repeat
;
14695 background: url('[[pix:moodle|y/lp_rtl]]') 2px 10px no-repeat;
14701 .file-picker
.ygtvloading
,
14702 .filemanager .ygtvloading {
14703 background: transparent url
("[[pix:moodle|y/loading]]") 0 0 no-repeat
;
14707 .file-picker
.ygtvdepthcell
,
14708 .filemanager .ygtvdepthcell {
14709 background: url
("[[pix:moodle|y/vline]]") 0 0 no-repeat
;
14711 background-position: 0 0;
14716 .file-picker
.ygtvblankdepthcell
,
14717 .filemanager .ygtvblankdepthcell {
14721 a
.ygtvspacer:hover
{
14722 color: transparent
;
14723 text-decoration: none
; }
14727 .ygtvlabel:visited
,
14729 background-color: transparent
;
14732 text-decoration: none
; }
14734 .file-picker
.ygtvfocus
,
14735 .filemanager .ygtvfocus {
14736 background-color: #eee; }
14738 .fp-filename-icon {
14741 position: relative
; }
14748 margin-right: 10px;
14749 text-align: center
;
14750 line-height: 24px; }
14755 vertical-align: middle
; }
14758 padding-right: 10px; }
14760 .file-picker .fp-login-form {
14765 .file-picker .fp-upload-form {
14770 .file-picker .fp-upload-form table {
14773 .file-picker.fp-dlg {
14774 text-align: center
; }
14776 .file-picker.fp-dlg .fp-dlg-buttons {
14779 .file-picker.fp-msg {
14780 text-align: center
; }
14782 .file-picker .fp-content-error {
14786 text-align: center
; }
14788 .file-picker .fp-nextpage {
14791 .file-picker .fp-nextpage .fp-nextpage-loading {
14794 .file-picker .fp-nextpage.loading .fp-nextpage-link {
14797 .file-picker .fp-nextpage.loading .fp-nextpage-loading {
14799 text-align: center
;
14801 padding-top: 50px; }
14803 .fp-select .fp-select-loading {
14804 text-align: center
;
14805 margin-top: 20px; }
14808 padding: 0 0 10px; }
14810 .fp-select table .mdl-right {
14813 .fp-select .fp-reflist .mdl-right {
14814 vertical-align: top
; }
14816 .fp-select .fp-select-buttons {
14819 .fp-select .fp-info {
14820 font-size: 0.703125rem; }
14822 .fp-select .fp-thumbnail {
14826 line-height: 110px;
14827 text-align: center
;
14828 margin: 10px 20px 0 0;
14830 border: 1px solid
#ddd; }
14832 .fp-select .fp-thumbnail img {
14833 border: 1px solid
#ddd;
14835 vertical-align: middle
;
14838 .fp-select .fp-fileinfo {
14839 display: inline-block
;
14840 margin-top: 10px; }
14842 .file-picker.fp-select .fp-fileinfo {
14843 max-width: 240px; }
14845 .fp-select .fp-fileinfo div {
14846 padding-bottom: 5px; }
14848 .file-picker.fp-select .uneditable {
14851 .file-picker.fp-select .fp-select-loading {
14854 .file-picker.fp-select.loading .fp-select-loading {
14857 .file-picker.fp-select.loading form {
14860 .fp-select .fp-dimensions.fp-unknown {
14863 .fp-select .fp-size.fp-unknown {
14866 .filemanager-loading {
14869 .jsenabled .filemanager-loading {
14871 margin-top: 100px; }
14873 .filemanager
.fm-loading
.filemanager-toolbar
,
14874 .filemanager
.fm-loading
.fp-pathbar
,
14875 .filemanager
.fm-loading
.filemanager-container
,
14876 .filemanager
.fm-loaded
.filemanager-loading
,
14877 .filemanager
.fm-maxfiles
.fp-btn-add
,
14878 .filemanager
.fm-maxfiles
.dndupload-message
,
14879 .filemanager
.fm-noitems
.fp-btn-download
,
14880 .filemanager
.fm-noitems
.fp-btn-delete
,
14881 .filemanager
.fm-empty-container
,
14882 .filemanager.fm-noitems .filemanager-container .fp-content {
14885 .filemanager .fp-img-downloading {
14887 padding-top: 7px; }
14889 .filemanager .filemanager-updating {
14891 text-align: center
; }
14893 .filemanager.fm-updating .filemanager-updating {
14895 margin-top: 37px; }
14897 .filemanager
.fm-updating
.fm-content-wrapper
,
14898 .filemanager
.fm-nomkdir
.fp-btn-mkdir
,
14899 .fitem
.disabled
.filemanager
.filemanager-toolbar
,
14900 .fitem
.disabled
.filemanager
.fp-pathbar
,
14901 .fitem
.disabled
.filemanager
.fp-restrictions
,
14902 .fitem.disabled .filemanager .fm-content-wrapper {
14905 .filemanager .fp-restrictions {
14906 text-align: right
; }
14908 .filemanager-toolbar {
14910 overflow: hidden
; }
14912 .filemanager .fp-pathbar.empty {
14915 .filepicker-filelist
,
14916 .filemanager-container {
14918 border: 1px solid
#8f959e; }
14920 .filemanager .fp-content {
14923 min-height: 157px; }
14925 .filemanager-container
,
14926 .filepicker-filelist {
14927 overflow: hidden
; }
14929 .file-picker .yui3-datatable-header {
14930 background: initial
; }
14932 .fitem
.disabled
.filepicker-filelist
,
14933 .fitem.disabled .filemanager-container {
14934 background-color: #ebebe4; }
14936 .fitem.disabled .fp-btn-choose {
14939 .fitem.disabled .filepicker-filelist .filepicker-filename {
14942 .fp-iconview .fp-reficons1 {
14943 position: absolute
;
14949 .fp-iconview .fp-reficons2 {
14950 position: absolute
;
14956 .fp-iconview .fp-file.fp-hasreferences .fp-reficons1 {
14957 background: url
("[[pix:theme|fp/link]]") no-repeat
;
14959 transform: scaleX(-1);
14962 background-position: bottom right
;
14963 background-size: 16px 16px; }
14965 .fp-iconview .fp-file.fp-isreference .fp-reficons2 {
14966 background: url
("[[pix:theme|fp/alias]]") no-repeat
;
14968 transform: scaleX(-1);
14971 background-position: bottom left
;
14972 background-size: 16px 16px; }
14974 .filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail img {
14977 .filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail {
14978 background: url
([[pix:s
/dead
]]) no-repeat
;
14979 background-position: center center
; }
14981 .filemanager .yui3-datatable table {
14982 border: 0 solid
#bbb;
14985 /* Override YUI default styling */
14986 /* stylelint-disable declaration-no-important */
14987 .filemanager .yui3-datatable-header {
14988 background: #fff !important
;
14989 border-bottom: 1px solid
#ccc !important
;
14990 border-left: 0 solid
#fff !important
;
14991 color: #555 !important
; }
14993 .filemanager .yui3-datatable-odd .yui3-datatable-cell {
14994 background-color: #f6f6f6 !important
;
14995 border-left: 0 solid
#f6f6f6; }
14997 .filemanager .yui3-datatable-even .yui3-datatable-cell {
14998 background-color: #fff !important
;
14999 border-left: 0 solid
#fff; }
15001 /* stylelint-enable */
15002 .filemanager .fp-filename-icon.fp-hasreferences .fp-reficons1 {
15003 background: url
("[[pix:theme|fp/link_sm]]") no-repeat
0 0;
15007 transform: scaleX(-1);
15009 position: absolute
;
15012 background-size: 16px 16px; }
15014 .filemanager .fp-filename-icon.fp-isreference .fp-reficons2 {
15015 background: url
("[[pix:theme|fp/alias_sm]]") no-repeat
0 0;
15019 transform: scaleX(-1);
15021 position: absolute
;
15024 background-size: 16px 16px; }
15026 .filemanager .fp-contextmenu {
15029 .filemanager .fp-iconview .fp-folder.fp-hascontextmenu .fp-contextmenu {
15030 position: absolute
;
15034 align-items: center
;
15035 justify-content: center
; }
15037 .filemanager
.fp-treeview
.fp-folder
.fp-hascontextmenu
.fp-contextmenu
,
15038 .filemanager .fp-tableview .fp-folder.fp-hascontextmenu .fp-contextmenu {
15040 position: absolute
;
15042 margin-right: -20px;
15045 .filepicker-filelist
.filepicker-container
,
15046 .filemanager.fm-noitems .fm-empty-container {
15048 position: absolute
;
15053 border: 2px dashed
#bbb;
15055 text-align: center
; }
15057 .filepicker-filelist
.dndupload-target
,
15058 .filemanager-container .dndupload-target {
15060 position: absolute
;
15065 border: 2px dashed
#fb7979;
15067 text-align: center
; }
15069 .filepicker-filelist
.dndupload-over
.dndupload-target
,
15070 .filemanager-container.dndupload-over .dndupload-target {
15072 position: absolute
;
15077 border: 2px dashed
#6c8cd3;
15079 text-align: center
; }
15081 .dndupload-message {
15084 .dndsupported .dndupload-message {
15087 .dnduploadnotsupported-message {
15090 .dndnotsupported .dnduploadnotsupported-message {
15093 .dndupload-target {
15096 .dndsupported .dndupload-ready .dndupload-target {
15099 .dndupload-uploadinprogress {
15101 text-align: center
; }
15103 .dndupload-uploading .dndupload-uploadinprogress {
15107 background: url
([[pix:theme|fp
/dnd_arrow
]]) center no-repeat
;
15110 position: absolute
;
15113 .fitem
.disabled
.filepicker-container
,
15114 .fitem.disabled .fm-empty-container {
15117 .dndupload-progressbars {
15121 .dndupload-inprogress .dndupload-progressbars {
15124 .dndupload-inprogress .fp-content {
15127 .filemanager.fm-noitems .dndupload-inprogress .fm-empty-container {
15130 .filepicker-filelist.dndupload-inprogress .filepicker-container {
15133 .filepicker-filelist.dndupload-inprogress a {
15136 .filemanager.fp-select .fp-select-loading {
15139 .filemanager.fp-select.loading .fp-select-loading {
15142 .filemanager.fp-select.loading form {
15145 .filemanager
.fp-select
.fp-folder
.fp-license
,
15146 .filemanager
.fp-select
.fp-folder
.fp-author
,
15147 .filemanager
.fp-select
.fp-file
.fp-file-unzip
,
15148 .filemanager
.fp-select
.fp-folder
.fp-file-unzip
,
15149 .filemanager
.fp-select
.fp-file
.fp-file-zip
,
15150 .filemanager.fp-select.fp-zip .fp-file-zip {
15153 .filemanager
.fp-select
.fp-file-setmain
,
15154 .filemanager.fp-select .fp-file-setmain-help {
15157 .filemanager
.fp-select
.fp-cansetmain
.fp-file-setmain
,
15158 .filemanager.fp-select.fp-cansetmain .fp-file-setmain-help {
15159 display: inline-block
; }
15161 .filemanager .fp-mainfile .fp-filename {
15162 font-weight: bold
; }
15164 .filemanager.fp-select.fp-folder .fp-file-download {
15168 font-weight: bold
; }
15170 .filemanager
.fp-select
.fp-original
.fp-unknown
,
15171 .filemanager.fp-select .fp-original .fp-originloading {
15174 .filemanager.fp-select .fp-original.fp-loading .fp-originloading {
15177 .filemanager
.fp-select
.fp-reflist
.fp-unknown
,
15178 .filemanager.fp-select .fp-reflist .fp-reflistloading {
15181 .filemanager.fp-select .fp-reflist.fp-loading .fp-reflistloading {
15184 .filemanager.fp-select .fp-reflist .fp-value {
15185 background: #f9f9f9;
15186 border: 1px solid
#bbb;
15192 .filemanager.fp-select .fp-reflist .fp-value li {
15193 padding-bottom: 7px; }
15195 .filemanager.fp-mkdir-dlg {
15196 text-align: center
; }
15198 .filemanager.fp-mkdir-dlg .fp-mkdir-dlg-text {
15202 .filemanager.fp-dlg {
15203 text-align: center
; }
15205 .file-picker div.bd {
15206 text-align: left
; }
15210 .fp-formset input[type="file"] {
15211 line-height: inherit
; }
15216 .fp-fileinfo .fp-value {
15217 display: inline-block
;
15218 padding-left: 5px; }
15220 /** The message area **/
15224 .preferences-container .container-fluid, .preferences-container .container-sm, .preferences-container .container-md, .preferences-container .container-lg, .preferences-container .container-xl {
15226 .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 {
15227 min-height: 20px; }
15229 .preferences-container .align-bottom {
15230 vertical-align: bottom
; }
15232 .preferences-container .preference-table {
15233 border: 1px solid
#ddd; }
15234 .preferences-container .preference-table thead th {
15235 text-align: center
; }
15236 .preferences-container .preference-table thead th .config-warning {
15238 .preferences-container .preference-table thead th.unconfigured .config-warning {
15239 display: inline-block
; }
15240 .preferences-container .preference-table tr td:not(:first-child) {
15242 text-align: center
; }
15243 .preferences-container .preference-table tr td:nth-child(even) {
15244 background-color: #f7f7f7; }
15245 .preferences-container .preference-table tr th:nth-child(even) {
15246 background-color: #f7f7f7; }
15247 .preferences-container .preference-table .preference-row .hover-tooltip-container {
15248 display: inline-block
; }
15249 .preferences-container .preference-table .preference-row .preference-name {
15250 vertical-align: middle
; }
15251 .preferences-container .preference-table .preference-row .disabled-message {
15252 text-align: center
;
15254 line-height: 30px; }
15255 .preferences-container .preference-table .preference-row .preference-state {
15258 display: inline-block
;
15259 vertical-align: middle
; }
15260 .preferences-container .preference-table .preference-row .preference-state input[type="checkbox"]:checked + .preference-state-status-container {
15261 background-color: #5cb85c; }
15262 .preferences-container .preference-table .preference-row .preference-state input[type="checkbox"]:checked + .preference-state-status-container .on-text {
15263 display: inline-block
; }
15264 .preferences-container .preference-table .preference-row .preference-state input[type="checkbox"]:checked + .preference-state-status-container .off-text {
15266 .preferences-container .preference-table .preference-row .preference-state .preference-state-status-container {
15270 text-align: center
;
15271 border-radius: 4px;
15272 background-color: #d9534f;
15275 .preferences-container .preference-table .preference-row .preference-state .preference-state-status-container .loading-icon {
15277 .preferences-container .preference-table .preference-row .preference-state .preference-state-status-container .on-text {
15279 .preferences-container .preference-table .preference-row .preference-state .preference-state-status-container .off-text {
15280 display: inline-block
; }
15281 .preferences-container
.preference-table
.preference-row
.preference-state
.loading input
[type
="checkbox"]:checked
+ .preference-state-status-container
.on-text
,
15282 .preferences-container .preference-table .preference-row .preference-state.loading input[type="checkbox"]:checked + .preference-state-status-container .off-text {
15284 .preferences-container
.preference-table
.preference-row
.preference-state
.loading
.preference-state-status-container
.on-text
,
15285 .preferences-container .preference-table .preference-row .preference-state.loading .preference-state-status-container .off-text {
15287 .preferences-container .preference-table .preference-row .preference-state.loading .preference-state-status-container .loading-icon {
15289 .preferences-container .preference-table .preference-row.loading .preference-name .loading-icon {
15292 .disabled-message {
15295 .disabled .disabled-message {
15297 .disabled .disabled-message + form {
15300 .general-settings-container .loading-icon {
15303 .general-settings-container .loading .loading-icon {
15304 display: inline-block
; }
15306 .general-settings-container label {
15307 display: inline-block
; }
15309 .processor-container {
15310 position: relative
; }
15311 .processor-container .loading-container {
15313 position: absolute
;
15316 text-align: center
;
15317 background-color: rgba
(255, 255, 255, 0.5); }
15318 .processor-container .loading-container .vertical-align {
15321 display: inline-block
;
15322 vertical-align: middle
; }
15323 .processor-container.loading .loading-container {
15326 .preferences-page-container .checkbox-container {
15328 line-height: 20px; }
15329 .preferences-page-container .checkbox-container input {
15332 .preferences-page-container .checkbox-container .loading-icon {
15334 .preferences-page-container .checkbox-container.loading .loading-icon {
15335 display: inline-block
; }
15337 .notification-area {
15339 box-sizing: border-box
;
15340 border-radius: 4px;
15341 margin-bottom: 30px;
15342 border: 1px solid
#e3e3e3; }
15343 @media
(max-height: 670px) {
15344 .notification-area {
15346 .notification-area .control-area {
15347 box-sizing: border-box
;
15348 display: inline-block
;
15352 -webkit-overflow-scrolling: touch
;
15353 border-right: 1px solid
#e3e3e3; }
15354 .notification-area .control-area .content {
15355 position: relative
; }
15356 .notification-area .control-area .content .content-item-container {
15358 .notification-area .control-area .content:empty + .empty-text {
15360 .notification-area .control-area .loading-icon {
15362 .notification-area .control-area .empty-text {
15364 text-align: center
;
15365 padding-top: 20px; }
15366 .notification-area .control-area.loading .loading-icon {
15368 text-align: center
;
15369 box-sizing: border-box
;
15371 .notification-area .control-area.loading .content:empty + .empty-text {
15373 .notification-area .content-area {
15374 box-sizing: border-box
;
15375 display: inline-block
;
15376 width: calc
(100% - 300px);
15378 .notification-area .content-area .toggle-mode {
15380 .notification-area .content-area .header {
15382 box-sizing: border-box
;
15383 border-bottom: 1px solid
#e3e3e3;
15385 .notification-area .content-area .header .image-container {
15386 display: inline-block
;
15390 .notification-area .content-area .header .subject-container {
15391 display: inline-block
;
15392 max-width: calc
(100% - 24px);
15393 white-space: nowrap
;
15395 text-overflow: ellipsis
;
15398 box-sizing: border-box
; }
15399 .notification-area .content-area .header .timestamp {
15404 margin-left: 30px; }
15405 .notification-area .content-area .header:empty {
15407 .notification-area .content-area > .content {
15409 box-sizing: border-box
;
15411 -webkit-overflow-scrolling: touch
;
15413 @media
(max-height: 670px) {
15414 .notification-area .content-area > .content {
15416 .notification-area .content-area > .content:empty {
15418 .notification-area .content-area > .content:empty + .empty-text {
15420 text-align: center
;
15421 padding-top: 100px; }
15422 .notification-area .content-area .empty-text {
15424 .notification-area .content-area .footer {
15426 box-sizing: border-box
;
15427 text-align: center
; }
15428 .notification-area .content-area .footer a {
15429 line-height: 50px; }
15430 .notification-area .content-area .footer:empty {
15433 @media (max-width: 979px) {
15434 .notification-area {
15435 position: relative
;
15436 overflow: hidden
; }
15437 .notification-area .control-area {
15438 border-right: none
;
15440 position: absolute
;
15444 visibility: visible
;
15445 transition: left
0.25s; }
15446 .notification-area .content-area {
15448 position: absolute
;
15452 visibility: hidden
;
15453 transition: right
0.25s, opacity
0.25s, visibility
0.25s; }
15454 .notification-area .content-area .toggle-mode {
15455 display: inline-block
;
15460 box-sizing: border-box
;
15461 border-right: 1px solid
#e3e3e3;
15462 border-bottom: 1px solid
#e3e3e3; }
15463 .notification-area .content-area .header {
15464 display: inline-block
;
15465 width: calc
(100% - 70px); }
15466 .notification-area.show-content-area .control-area {
15469 visibility: hidden
;
15470 transition: left
0.25s, opacity
0.25s, visibility
0.25s; }
15471 .notification-area.show-content-area .content-area {
15474 visibility: visible
;
15475 transition: right
0.25s; } }
15477 .drawer .message-app {
15479 .drawer .message-app .icon-back-in-app {
15481 .drawer .message-app .icon-back-in-drawer {
15482 display: inherit
; }
15486 flex-direction: column
;
15487 background-color: #eff1f3; }
15488 .message-app .icon-back-in-drawer {
15490 .message-app.main {
15491 min-height: 400px; }
15492 .message-app .header-container {
15494 .message-app .overflow-y {
15495 overflow-y: auto
; }
15496 @media
(max-height: 320px) {
15497 .message-app .header-container [data-region="view-overview"]:not(.hidden) {
15499 align-items: center
; }
15500 .message-app .footer-container [data-region="view-overview"] {
15502 .message-app .overflow-y {
15503 overflow-y: unset
; } }
15504 .message-app .body-container {
15506 overflow: hidden
; }
15507 .message-app .body-container > * {
15508 position: absolute
;
15514 .message-app .footer-container {
15516 .message-app .footer-container textarea {
15518 .message-app .contact-status {
15519 position: absolute
;
15524 border-radius: 50%; }
15525 .message-app .contact-status.online {
15526 border: 1px solid
#fff;
15527 background-color: #357a32; }
15528 .message-app .message p {
15530 .message-app .clickable {
15532 .message-app .clickable:hover {
15533 filter: drop-shadow
(2px 2px 2px rgba
(0, 0, 0, 0.3)); }
15535 .message-app .btn-link {
15537 .message-app .btn-link:hover, .message-app .btn-link:focus {
15538 background-color: rgba
(0, 0, 0, 0.035);
15539 text-decoration: none
; }
15540 .message-app .icon {
15542 .message-app .overview-section-toggle .collapsed-icon-container {
15544 .message-app .overview-section-toggle .expanded-icon-container {
15545 display: inline-block
; }
15546 .message-app .overview-section-toggle.collapsed .collapsed-icon-container {
15547 display: inline-block
; }
15548 .message-app .overview-section-toggle.collapsed .expanded-icon-container {
15550 .message-app .btn.btn-link.btn-icon {
15554 border-radius: 50%;
15556 .message-app .btn.btn-link.btn-icon:hover, .message-app .btn.btn-link.btn-icon:focus {
15557 background-color: #e9ecef; }
15558 .message-app .btn.btn-link.btn-icon.icon-size-0 {
15559 height: 20px !important
;
15560 /* stylelint-disable-line declaration-no-important */
15561 width: 20px !important
;
15562 /* stylelint-disable-line declaration-no-important */ }
15563 .message-app .btn.btn-link.btn-icon.icon-size-1 {
15564 height: 24px !important
;
15565 /* stylelint-disable-line declaration-no-important */
15566 width: 24px !important
;
15567 /* stylelint-disable-line declaration-no-important */ }
15568 .message-app .btn.btn-link.btn-icon.icon-size-2 {
15569 height: 28px !important
;
15570 /* stylelint-disable-line declaration-no-important */
15571 width: 28px !important
;
15572 /* stylelint-disable-line declaration-no-important */ }
15573 .message-app .btn.btn-link.btn-icon.icon-size-3 {
15574 height: 36px !important
;
15575 /* stylelint-disable-line declaration-no-important */
15576 width: 36px !important
;
15577 /* stylelint-disable-line declaration-no-important */ }
15578 .message-app .btn.btn-link.btn-icon.icon-size-4 {
15579 height: 44px !important
;
15580 /* stylelint-disable-line declaration-no-important */
15581 width: 44px !important
;
15582 /* stylelint-disable-line declaration-no-important */ }
15583 .message-app .btn.btn-link.btn-icon.icon-size-5 {
15584 height: 52px !important
;
15585 /* stylelint-disable-line declaration-no-important */
15586 width: 52px !important
;
15587 /* stylelint-disable-line declaration-no-important */ }
15588 .message-app .btn.btn-link.btn-icon.icon-size-6 {
15589 height: 60px !important
;
15590 /* stylelint-disable-line declaration-no-important */
15591 width: 60px !important
;
15592 /* stylelint-disable-line declaration-no-important */ }
15593 .message-app .btn.btn-link.btn-icon.icon-size-7 {
15594 height: 68px !important
;
15595 /* stylelint-disable-line declaration-no-important */
15596 width: 68px !important
;
15597 /* stylelint-disable-line declaration-no-important */ }
15598 .message-app .view-overview-body .section {
15600 .message-app .view-overview-body .section.expanded {
15602 .message-app .view-conversation .content-message-container img {
15604 .message-app .list-group .list-group-item {
15607 .message-app .list-group .list-group-item:first-child {
15609 .message-app .list-group .list-group-item:last-child {
15610 border-bottom: 0; }
15611 .message-app .last-message {
15612 min-height: 1.5rem; }
15613 .message-app .section .collapsing {
15614 overflow: hidden
; }
15615 .message-app .message.send {
15616 background-color: #dee2e6;
15618 .message-app .message.send .time {
15620 .message-app .message.send .tail {
15622 margin-right: -0.5rem;
15623 border-bottom-color: #dee2e6; }
15624 .message-app .message.received {
15625 background-color: #fff;
15627 .message-app .message.received .time {
15629 .message-app .message.received .tail {
15631 margin-left: -0.5rem;
15632 border-bottom-color: #fff; }
15633 .message-app .message .tail {
15638 border: 0.5rem solid transparent
;
15639 position: relative
; }
15640 .message-app .day {
15642 .message-app .lazy-load-list {
15643 overflow-y: auto
; }
15645 #page-message-index #page-header
{
15648 #page-message-index #region-main
{
15651 #page-message-index #region-main
.conversationcontainer
{
15652 max-height: calc
(100vh - 50px);
15654 #page-message-index #region-main div
[role
="main"] {
15656 #page-message-index #region-main div
[role
="main"] #maincontent
{
15657 margin-top: -1px; }
15658 #page-message-index #region-main div
[role
="main"] .message-app
.main
{
15661 .dir-rtl .message-drawer {
15662 box-shadow: 2px 2px 4px rgba
(0, 0, 0, 0.08); }
15664 .message-app .emoji-picker-container {
15665 position: absolute
;
15668 transform: translateY
(-100%); }
15669 .message-app .emoji-picker-container .emoji-picker .picker-row .emoji-button {
15672 @media
(max-width: 575.98px) {
15673 .message-app .emoji-picker-container {
15674 right: -0.5rem; } }
15676 @media (max-height: 495px) {
15677 .message-app .emoji-picker-container {
15680 transform: none
; } }
15682 .message-app .emoji-auto-complete-container {
15685 transition: max-height
.15s ease-in-out
;
15686 visibility: visible
; }
15687 .message-app .emoji-auto-complete-container.hidden {
15690 visibility: hidden
;
15692 transition: max-height
.15s ease-in-out
, visibility
0s linear
.15s, overflow
0s linear
.15s; }
15698 .questioncategories h3 {
15705 margin: 0 0 0.3em; }
15707 #chooseqtype .instruction
{
15710 #chooseqtype .fakeqtypes
{
15711 border-top: 1px solid silver
; }
15713 #chooseqtype .qtypeoption
{
15714 margin-bottom: 0.5em; }
15716 #chooseqtype label
{
15719 #chooseqtype .qtypename img
{
15720 padding: 0 0.3em; }
15722 #chooseqtype .qtypename
{
15723 display: inline-table
;
15726 #chooseqtype .qtypesummary
{
15730 #chooseqtype .submitbuttons
{
15732 text-align: center
; }
15734 #qtypechoicecontainer {
15737 #qtypechoicecontainer_c.yui-panel-container
.shadow
.underlay
{
15738 background: none
; }
15740 #qtypechoicecontainer.yui-panel
.hd
{
15742 letter-spacing: 1px;
15743 text-shadow: 1px 1px 1px #fff;
15744 border-top-left-radius: 10px;
15745 border-top-right-radius: 10px;
15746 border: 1px solid
#ccc;
15747 border-bottom: 1px solid
#bbb;
15748 background-image: linear-gradient
(to bottom
, #fff 0%, #ccc 100%);
15749 background-repeat: repeat-x
; }
15751 #qtypechoicecontainer {
15754 background: #f2f2f2;
15755 border-radius: 10px;
15756 border: 1px solid
#ccc;
15757 border-top: 0 none
; }
15759 #qtypechoicecontainer #chooseqtype
{
15762 #chooseqtypehead h3
{
15764 font-weight: normal
; }
15766 #chooseqtype .qtypes
{
15767 position: relative
;
15768 border-bottom: 1px solid
#bbb;
15769 padding: 0.24em 0; }
15771 #chooseqtype .alloptions
{
15772 overflow-x: hidden
;
15774 max-height: calc
(100vh - 15em);
15777 #chooseqtype .qtypeoption
{
15779 padding: 0.3em 0.3em 0.3em 1.6em; }
15781 #chooseqtype .qtypeoption img
{
15782 vertical-align: text-bottom
;
15784 padding-right: 0.5em; }
15786 #chooseqtype .selected
{
15787 background-color: #fff; }
15789 #chooseqtype .instruction
,
15790 #chooseqtype .qtypesummary
{
15792 position: absolute
;
15798 overflow-x: hidden
;
15800 padding: 1.5em 1.6em;
15801 background-color: #fff; }
15803 #chooseqtype .instruction
,
15804 #chooseqtype .selected
.qtypesummary
{
15807 #categoryquestions {
15809 #categoryquestions td
,
15810 #categoryquestions th
{
15811 padding: 0 0.2em; }
15812 #categoryquestions th
{
15814 font-weight: normal
; }
15815 #categoryquestions .checkbox
{
15816 padding-left: 5px; }
15817 #categoryquestions .checkbox input
[type
="checkbox"] {
15820 #categoryquestions .iconcol
{
15822 box-sizing: content-box
; }
15823 #categoryquestions .iconcol
.icon
{
15827 #categoryquestions label
{
15830 #categoryquestions .header
{
15831 text-align: left
; }
15833 #page-mod-quiz-edit div
.questionbankwindow div
.header
{
15836 #page-mod-quiz-edit div
.questionbankwindow
.block
{
15839 .questionbank .singleselect {
15842 /* Question editing form */
15843 #combinedfeedbackhdr div
.fhtmleditor
{
15846 #combinedfeedbackhdr div
.fcheckbox
{
15847 margin-bottom: 1em; }
15849 #multitriesheader div
.fitem_feditor
{
15852 #multitriesheader div
.fitem_fgroup
{
15853 margin-bottom: 1em; }
15855 #multitriesheader div
.fitem_fgroup fieldset
.felement label
{
15856 margin-left: 0.3em;
15857 margin-right: 0.3em; }
15859 body
.path-question-type
{
15860 /* Hacks to display the labels within a form group. */ }
15861 body
.path-question-type
.form-group
.sr-only:not
(legend
) {
15866 margin: 0 0.5rem 0 0;
15875 margin: 0 auto
1.8em auto
; }
15881 margin-bottom: 1.8em;
15882 background-color: #f8f9fa;
15883 border: 1px solid
#cad0d7;
15884 border-radius: 2px; }
15893 font-weight: bold
; }
15897 margin-top: 0.7em; }
15899 .que .info .questionflag.editable {
15902 .que
.info
.editquestion img
,
15903 .que
.info
.questionflag img
,
15904 .que .info .questionflag input {
15905 vertical-align: bottom
; }
15908 margin: 0 0 0 8.5em; }
15913 position: relative
;
15914 padding: 0.75rem 1.25rem;
15915 margin-bottom: 1rem;
15916 border: 0 solid transparent
;
15917 border-radius: 0.25rem; }
15922 background-color: #fcefdc;
15923 border-color: #fbe8cd;
15924 /* stylelint-disable-line max-line-length */ }
15927 border-top-color: #f9ddb5; }
15928 .que
.outcome
.alert-link
,
15929 .que .comment .alert-link {
15935 .que .formulation {
15937 background-color: #e7f3f5;
15938 border-color: #b8dce2;
15939 /* stylelint-disable-line max-line-length */ }
15940 .que .formulation hr {
15941 border-top-color: #a6d3db; }
15942 .que .formulation .alert-link {
15945 .que
.multichoice
.answer div
.r0
.icon
.fa-check
,
15946 .que
.multichoice
.answer div
.r1
.icon
.fa-check
,
15947 .que
.multichoice
.answer div
.r0
.icon
.fa-remove
,
15948 .que.multichoice .answer div.r1 .icon.fa-remove {
15951 .formulation input
[type
="text"],
15952 .formulation select {
15954 vertical-align: baseline
; }
15956 .que.multianswer .formulation .yui3-widget-positioned {
15957 box-sizing: content-box
; }
15958 .que.multianswer .formulation .yui3-widget-positioned .feedbackspan {
15960 max-width: inherit
; }
15962 .path-mod-quiz input[size] {
15968 background-color: #d7e4d6;
15969 border-color: #c6dac6;
15970 /* stylelint-disable-line max-line-length */ }
15972 border-top-color: #b7d0b7; }
15973 .que .comment .alert-link {
15977 margin: 0.7em 0 0.3em 0; }
15979 .que .im-controls {
15981 text-align: left
; }
15983 .que
.specificfeedback
,
15984 .que
.generalfeedback
,
15985 .que
.numpartscorrect
.que
.rightanswer
,
15989 margin: 0 0 0.5em; }
15991 .que .correctness.correct {
15992 background-color: #357a32; }
15994 .que .correctness.partiallycorrect {
15995 background-color: #f0ad4e; }
15997 .que .correctness.notanswered, .que .correctness.incorrect {
15998 background-color: #ca3120; }
16001 margin-bottom: 1.5em; }
16003 .que .validationerror {
16010 margin-top: 0.5em; }
16016 .que .history table {
16020 .que .history .current {
16021 font-weight: bold
; }
16023 .que .questioncorrectnessicon {
16024 vertical-align: text-bottom
; }
16026 body
.jsenabled
.questionflag input
[type
=checkbox
] {
16029 .que .questionflagimage {
16030 padding-right: 3px;
16036 border-bottom: 1px solid
#555; }
16038 .mform .que.comment .fitemtitle {
16041 #page-question-preview #techinfo
{
16044 #page-question-preview .collapsibleregion
.collapsibleregioncaption
,
16045 #page-question-preview .collapsibleregion
.collapsibleregionextracontent
{
16046 display: inline-block
; }
16048 #page-mod-quiz-edit ul
.slots
.activityinstance
> a
{
16051 align-items: center
;
16055 #page-mod-quiz-edit ul
.slots
.activityinstance img
.activityicon
{
16059 padding-right: 4px; }
16061 #page-mod-quiz-edit .activity img
.activityicon
{
16062 vertical-align: text-top
; }
16064 #page-mod-quiz-edit .box
.generalbox
.questionbank
{
16067 #page-mod-quiz-edit .questionbank
.categorypagingbarcontainer
,
16068 #page-mod-quiz-edit .questionbank
.categoryquestionscontainer
,
16069 #page-mod-quiz-edit .questionbank
.choosecategory
{
16072 #page-mod-quiz-edit .questionbank
.choosecategory select
{
16075 #page-mod-quiz-edit div
.questionbank
.categoryquestionscontainer
{
16076 background: transparent
; }
16078 #page-mod-quiz-edit #categoryquestions
> thead
{
16079 background: #fff; }
16081 #page-mod-quiz-edit #categoryquestions
> tbody
> tr:nth-of-type
(even
) {
16082 background: #e4e4e4; }
16084 #page-mod-quiz-edit .questionbankwindow div
.header
{
16087 border-top-left-radius: 4px;
16088 border-top-right-radius: 4px;
16089 margin: 0 -10px 0 -10px;
16090 padding: 2px 10px 2px 10px;
16091 background: transparent
;
16092 /* Old browsers */ }
16094 #page-mod-quiz-edit .questionbankwindow div
.header
a:link
,
16095 #page-mod-quiz-edit .questionbankwindow div
.header
a:visited
{
16098 #page-mod-quiz-edit .questionbankwindow div
.header
a:hover
{
16101 #page-mod-quiz-edit .createnewquestion
{
16102 padding: 0.3em 0; }
16103 #page-mod-quiz-edit .createnewquestion div
,
16104 #page-mod-quiz-edit .createnewquestion input
{
16107 #page-mod-quiz-edit .questionbankwindow div
.header
.title
{
16110 #page-mod-quiz-edit div
.container div
.generalbox
{
16111 background-color: transparent
;
16114 #page-mod-quiz-edit .categoryinfo
{
16115 background-color: transparent
;
16116 border-bottom: none
; }
16118 #page-mod-quiz-edit .createnewquestion
.singlebutton input
{
16119 margin-bottom: 0; }
16121 #page-mod-quiz-edit div
.questionbank
.categorysortopotionscontainer
,
16122 #page-mod-quiz-edit div
.questionbank
.categoryselectallcontainer
{
16123 padding: 0 0 1.5em 0; }
16125 #page-mod-quiz-edit div
.questionbank
.categorypagingbarcontainer
{
16126 background-color: transparent
;
16129 border-bottom: 0; }
16130 #page-mod-quiz-edit div
.questionbank
.categorypagingbarcontainer
.paging
{
16131 padding: 0 0.3em; }
16133 #page-mod-quiz-edit div
.question div
.content div
.questioncontrols
{
16134 background-color: #fff; }
16136 #page-mod-quiz-edit div
.question div
.content div
.points
{
16137 margin-top: -0.5em;
16140 background-color: #fff;
16144 margin-right: 60px; }
16146 #page-mod-quiz-edit div
.question div
.content div
.points br
{
16149 #page-mod-quiz-edit div
.question div
.content div
.points label
{
16150 display: inline-block
; }
16152 #page-mod-quiz-edit div
.quizpage
.pagecontent
.pagestatus
{
16153 background-color: #fff; }
16155 #page-mod-quiz-edit .quizpagedelete
,
16156 #page-mod-quiz-edit .quizpagedelete img
{
16157 background-color: transparent
; }
16159 #page-mod-quiz-edit div
.quizpage
.pagecontent
{
16160 border: 1px solid
#ddd;
16161 border-radius: 2px;
16162 overflow: hidden
; }
16164 #page-mod-quiz-edit div
.questionbank
.categoryinfo
{
16165 padding: 0.3em 0; }
16167 #page-mod-quiz-edit div
.questionbank
.modulespecificbuttonscontainer
{
16169 #page-mod-quiz-edit div
.questionbank
.modulespecificbuttonscontainer strong
{
16171 #page-mod-quiz-edit div
.questionbank
.modulespecificbuttonscontainer hr
,
16172 #page-mod-quiz-edit div
.questionbank
.modulespecificbuttonscontainer br
{
16174 #page-mod-quiz-edit div
.questionbank
.modulespecificbuttonscontainer strong
{
16175 margin-left: -0.3em; }
16176 #page-mod-quiz-edit div
.questionbank
.modulespecificbuttonscontainer strong label
{
16177 margin-left: 0.3em; }
16178 #page-mod-quiz-edit div
.questionbank
.modulespecificbuttonscontainer input
{
16180 #page-mod-quiz-edit div
.questionbank
.modulespecificbuttonscontainer input
+ input
{
16181 margin-left: 5px; }
16183 .questionbankwindow .module {
16186 .questionbankwindow .form-autocomplete-selection {
16189 #page-mod-quiz-edit div
.editq div
.question div
.content
{
16190 background-color: #fff;
16191 border: 1px solid
#ddd;
16192 border-radius: 2px;
16193 overflow: hidden
; }
16195 #page-mod-quiz-edit ul
.slots
.activityinstance img
.activityicon
{
16197 padding-right: 4px; }
16199 .path-mod-quiz .statedetails {
16201 font-size: 0.9em; }
16206 .que.shortanswer .answer {
16212 body
.path-question-type
.mform fieldset
.hidden
{
16214 margin: 0.7em 0 0; }
16217 .que.ddwtos .drop {
16218 box-sizing: content-box
; }
16220 .tag-condition-container {
16221 position: relative
; }
16223 @media (max-width: 767.98px) {
16231 .userprofile .fullprofilelink {
16232 text-align: center
;
16235 .userprofile .page-context-header {
16236 margin-bottom: 10px; }
16238 .userprofile .description {
16240 margin-bottom: 30px; }
16242 .userprofile .profile_tree {
16245 #participantsform .no-overflow
{
16246 overflow: visible
; }
16248 .userprofile dl.list > dd + dt {
16255 text-align: center
;
16259 #page-user-profile .node_category ul
,
16260 .path-user .node_category ul {
16265 #page-user-profile .node_category li
,
16266 .path-user .node_category li {
16269 #page-user-profile .node_category
.editprofile
,
16270 #page-user-profile .node_category
.viewmore
,
16271 .path-user
.node_category
.editprofile
,
16272 .path-user .node_category .viewmore {
16273 text-align: right
; }
16275 .ajax-contact-button {
16276 box-sizing: border-box
;
16277 position: relative
; }
16278 .ajax-contact-button.loading .loading-icon {
16280 .ajax-contact-button .loading-icon {
16282 position: absolute
;
16287 background-color: rgba
(255, 255, 255, 0.7); }
16288 .ajax-contact-button .loading-icon .icon {
16289 position: absolute
;
16292 transform: translate
(-50%, -50%); }
16294 @media (max-width: 480px) {
16295 .userprofile .profile_tree {
16296 /** Display the profile on one column on phones@mixin */
16297 column-count: 1; } }
16299 .userlist #showall {
16302 .userlist .buttons {
16303 text-align: center
; }
16305 .userlist .buttons label {
16308 .userlist table#participants {
16309 text-align: center
; }
16311 .userlist table#participants td {
16314 vertical-align: middle
; }
16316 .userlist table#participants th {
16320 .userlist table.controls {
16322 .userlist table.controls tr {
16323 vertical-align: top
; }
16324 .userlist table.controls .right {
16325 text-align: right
; }
16326 .userlist table.controls .groupselector {
16329 .userlist table.controls .groupselector label {
16335 border-collapse: separate
;
16338 .userinfobox
.left
,
16339 .userinfobox .side {
16341 vertical-align: top
; }
16343 .userinfobox .userpicture {
16347 .userinfobox .content {
16348 vertical-align: top
; }
16350 .userinfobox .links {
16353 vertical-align: bottom
; }
16355 .userinfobox .links a {
16358 .userinfobox .list td {
16361 .userinfobox .username {
16362 padding-bottom: 20px;
16363 font-weight: bold
; }
16365 .userinfobox td.label {
16367 white-space: nowrap
;
16368 vertical-align: top
;
16369 font-weight: bold
; }
16372 position: absolute
;
16374 margin-right: 0.6em; }
16379 margin-right: 1em; }
16380 .group-image .grouppicture {
16381 border-radius: 50%; }
16383 .groupinfobox .left {
16386 vertical-align: top
; }
16388 .course-participation #showall {
16389 text-align: center
;
16392 #user-policy .noticebox
{
16393 text-align: center
;
16395 margin-right: auto
;
16396 margin-bottom: 10px;
16400 #user-policy #policyframe
{
16407 .userselector select {
16410 .userselector div {
16411 margin-top: 0.2em; }
16413 .userselector div label {
16414 margin-right: 0.3em; }
16416 /* Next style does not work in all browsers but looks nicer when it does */
16417 .userselector .userselector-infobelow {
16418 font-size: 0.8em; }
16420 #userselector_options .collapsibleregioncaption
{
16421 font-weight: bold
; }
16423 #userselector_options p
{
16425 text-align: left
; }
16427 /** user full profile */
16428 #page-user-profile .messagebox
{
16429 text-align: center
;
16431 margin-right: auto
; }
16433 /** user course profile */
16434 #page-course-view-weeks .messagebox
{
16435 text-align: center
;
16437 margin-right: auto
; }
16439 .profileeditor > .singleselect {
16440 margin: 0 0.5em 0 0; }
16442 .profileeditor > .singlebutton {
16443 display: inline-block
;
16444 margin: 0 0 0 0.5em; }
16445 .profileeditor
> .singlebutton div
,
16446 .profileeditor > .singlebutton input {
16449 .userlist h3 .action-icon {
16452 #page-enrol-users .popover
{
16455 .user-enroller-panel {
16458 [data-filterverbfor
],
16459 [data-filterregion
="filter"]:last-child
[data-filterregion
="joinadverb"] {
16462 [data-filterverb
="0"] [data-filterverbfor
="0"],
16463 [data-filterverb
="1"] [data-filterverbfor
="1"],
16464 [data-filterverb
="2"] [data-filterverbfor
="2"] {
16467 .search-results .result {
16471 .search-results .result .result-content {
16474 .search-results .result .filename {
16475 font-style: italic
; }
16477 .simplesearchform .btn {
16478 padding-left: 0.5rem;
16479 padding-right: 0.5rem; }
16481 .simplesearchform .btn .icon {
16484 .simplesearchform .btn-submit {
16485 border-color: #8f959e;
16488 .simplesearchform
.btn-close
,
16489 .simplesearchform .btn-clear {
16490 position: absolute
;
16496 .simplesearchform .btn-close {
16499 .simplesearchform .btn-submit {
16500 background-color: #f8f9fa; }
16502 .simplesearchform .withclear {
16503 padding-right: 2rem; }
16505 .simplesearchform .searchinput {
16509 .simplesearchform .collapsing {
16514 @media (max-width: 991.98px) {
16515 .simplesearchform
.collapse
.show
,
16516 .simplesearchform .collapsing {
16517 position: absolute
;
16522 background-color: #fff;
16525 .simplesearchform
.collapse
.show
.form-inline
,
16526 .simplesearchform .collapsing .form-inline {
16529 margin-right: auto
; } }
16531 .navbar.navbar-light .simplesearchform .btn-open {
16532 color: rgba
(0, 0, 0, 0.6); }
16533 .navbar.navbar-light .simplesearchform .btn-open:hover {
16534 color: rgba
(0, 0, 0, 0.9); }
16536 .search-areas-actions {
16537 margin-bottom: 1rem; }
16539 .search-areas-actions > div {
16540 margin-right: 1rem;
16541 display: inline-block
; }
16543 #core-search-areas .lastcol li
{
16545 text-indent: -24px; }
16547 #core-search-areas .lastcol li
> i
{
16551 * Moodle forms HTML isn't changeable via renderers (yet?) so this
16552 * .less file imports styles from the bootstrap $variables file and
16553 * adds them to the existing Moodle form CSS ids and classes.
16556 .jsenabled .mform .containsadvancedelements .advanced {
16559 .mform .containsadvancedelements .advanced.show {
16562 #adminsettings span
.error
{
16563 display: inline-block
;
16564 border: 1px solid
#f0c5c1;
16565 border-radius: 4px;
16566 background-color: #f4d6d2;
16568 margin-bottom: 4px; }
16570 .mform
.form-inline
.form-control
,
16571 .mform .form-inline .custom-select {
16574 .mform .form-inline .form-group {
16575 margin: 0.1rem 0.25rem 0.1rem 0; }
16577 .mform .form-inline br + label {
16578 justify-content: flex-start
;
16582 .unresponsive
.mform
.form-inline
,
16583 .unresponsive.mform .form-inline label {
16584 display: inline-flex
; }
16586 #jump-to-activity.custom-select
{
16590 margin-bottom: 0.5rem;
16591 border-bottom: 1px solid
#dee2e6; }
16593 @media (min-width: 576px) {
16594 .mform > .form-group {
16595 margin-left: 1.5rem; } }
16597 #adminsettings .form-control
[size
] {
16600 .jsenabled .mform .collapsed .fcontainer {
16603 #adminsettings .error
{
16606 .mform ul.file-list {
16609 list-style: none
; }
16612 .mform label .adv {
16616 input#id_externalurl
{
16619 #portfolio-add-button {
16623 .form-label .form-shortname {
16626 .form-label .form-shortname {
16627 font-size: 0.703125rem;
16630 .form-item .form-inline {
16633 .form-inline label:not(.sr-only):not(.accesshide) + select {
16634 margin-left: 0.5rem; }
16636 .formsettingheading .form-horizontal {
16639 .no-felement.fstatic {
16641 padding-top: 5px; }
16643 .no-fitem .fstaticlabel {
16644 font-weight: bold
; }
16646 .form-item .form-setting .defaultsnext > input {
16647 display: inline-block
; }
16649 .form-item .form-setting .form-checkbox.defaultsnext {
16651 display: inline-block
; }
16653 #adminsettings h3
{
16657 margin-bottom: 1.5;
16658 font-size: 1.171875rem;
16661 border-bottom: 1px solid
#e5e5e5; }
16664 .mform
.fitem
.felement input
[name
="email"],
16665 .mform
.fitem
.felement input
[name
="email2"],
16666 .mform
.fitem
.felement input
[name
="url"],
16667 .mform
.fitem
.felement input
[name
="idnumber"],
16668 .mform
.fitem
.felement input
[name
="phone1"],
16669 .mform .fitem .felement input[name="phone2"] {
16673 .que.match .mediaplugin {
16677 #page-admin-grade-edit-scale-edit .error input#id_name
{
16678 margin-right: 170px; }
16680 #page-grade-edit-outcome-course .courseoutcomes
{
16682 margin-right: auto
;
16685 #page-grade-edit-outcome-course .courseoutcomes td
{
16686 text-align: center
; }
16688 /* Install Process' text fields Forms, should always be justified to the left */
16690 #installform #id_wwwroot
,
16691 #installform #id_dirroot
,
16692 #installform #id_dataroot
,
16693 #installform #id_dbhost
,
16694 #installform #id_dbname
,
16695 #installform #id_dbuser
,
16696 #installform #id_dbpass
,
16697 #installform #id_prefix
{
16700 .mdl-right > label {
16701 display: inline-block
; }
16706 .form-item .form-label label {
16707 margin-bottom: 0; }
16709 div#dateselector-calendar-panel
{
16711 /* Set higher than the z-index of the filemanager - see MDL-39047. */ }
16713 fieldset
.coursesearchbox label
{
16717 * Show the labels above text editors and file managers except on wide screens.
16719 /* Section and module editing forms contain special JS components for the
16720 availability system (if enabled). */
16721 #id_availabilityconditionsjson[aria-hidden
=true
],
16722 .availability-field [aria-hidden=true] {
16725 .availability-field label {
16726 display: inline-flex
; }
16728 .availability-field .availability-group label {
16729 vertical-align: top
; }
16731 .availability-eye {
16735 .availability-inner
,
16736 .availability-plugincontrols {
16738 border-radius: 0.25rem;
16739 border: 1px solid rgba
(0, 0, 0, 0.125);
16741 margin-top: 0.5rem; }
16743 .availability-plugincontrols
,
16744 .availability-childlist .availability-inner {
16745 margin-left: .625rem; }
16747 .availability-field .availability-plugincontrols .availability-group select {
16748 max-width: 12rem; }
16750 /* Custom styles for autocomplete form element */
16751 /* These styles reserve a standard amount of space in the DOM to avoid flicker when the original select element is replaced */
16752 [data-fieldtype
=autocomplete
] select
,
16753 [data-fieldtype
=tags
] select
,
16754 .form-autocomplete-original-select {
16755 visibility: hidden
;
16762 margin-top: 1.65625rem;
16763 vertical-align: bottom
; }
16765 .form-autocomplete-selection {
16767 min-height: 2.375rem; }
16769 .form-autocomplete-selection [role=option] {
16771 white-space: inherit
;
16772 word-break: break-word
;
16774 text-align: left
; }
16776 .form-autocomplete-suggestions {
16777 position: absolute
;
16778 background-color: white
;
16779 border: 1px solid
#8f959e;
16783 margin: 0.125rem 0 0;
16787 .form-autocomplete-suggestions li {
16788 list-style-type: none
;
16789 padding: 0.25rem 1.5rem;
16793 .form-autocomplete-suggestions li:hover, .form-autocomplete-suggestions li:focus, .form-autocomplete-suggestions li[aria-selected="true"] {
16794 background-color: #0f6fc5;
16796 .form-autocomplete-suggestions li::before {
16797 content: "\200B"; }
16799 .form-autocomplete-downarrow {
16804 .form-autocomplete-downarrow .loading-icon {
16805 position: absolute
;
16808 background-color: #fff; }
16810 /** Undo some bootstrap things */
16811 .form-autocomplete-selection + input.form-control {
16813 display: inline-block
;
16814 vertical-align: middle
; }
16816 .form-autocomplete-selection [data-active-selection=true] {
16818 font-size: large
; }
16820 /* Non-bootstrap selects with a size show their contents outside of the element.
16821 * Remove when we update to stable bootstrap 4. (MDL-56511) */
16827 overflow: visible
; }
16829 textarea
[data-auto-rows
] {
16830 overflow-x: hidden
;
16833 /** Display elements under labels in vertical forms regardless of the screen size. */
16834 .mform.full-width-labels .fitem.row {
16837 .mform
.full-width-labels
.fitem
.row
> .col-md-3
,
16838 .mform.full-width-labels .fitem.row > .col-md-9 {
16843 .mform.full-width-labels .fitem.row.femptylabel > .col-md-3 {
16846 /** Allow wrapping an mform in a div with the form-inline class to have an inline, responsive form. */
16847 @media (min-width: 768px) {
16848 .form-inline
.col-md-9
,
16849 .form-inline .col-md-3 {
16850 margin-bottom: 1rem;
16852 .form-inline
.col-md-9 label
,
16853 .form-inline .col-md-3 label {
16854 margin-left: 1rem; } }
16856 [data-fieldtype
="modgrade"] .form-group
{
16857 padding-bottom: 0.375rem; }
16859 [data-fieldtype
="modgrade"] {
16860 background-color: #fff;
16861 border-radius: 0.25rem;
16862 border: 1px solid rgba
(0, 0, 0, 0.125);
16865 max-width: 30rem; }
16867 [data-filetypesbrowserbody
] [aria-expanded
="false"] > [role
="group"],
16868 [data-filetypesbrowserbody
] [aria-expanded
="false"] [data-filetypesbrowserfeature
="hideifcollapsed"],
16869 [data-filetypesbrowserbody
] [aria-expanded
="true"] [data-filetypesbrowserfeature
="hideifexpanded"] {
16872 .form-inline
[data-fieldtype
="autocomplete"],
16873 .form-inline[data-fieldtype="tags"] {
16876 [data-fieldtype
="editor"] > div
{
16879 @media (min-width: 576px) {
16881 margin-left: 1.5rem; }
16882 .mform fieldset.collapsible legend a.fheader {
16883 padding: 0 5px 0 1.5rem;
16884 margin-left: -1.5rem;
16885 background: url
([[pix:t
/expanded
]]) 0 center no-repeat
; }
16886 .mform fieldset.collapsed legend a.fheader {
16888 background-image: url([[pix:t/collapsed_rtl]]);
16891 background-image: url
([[pix:t
/collapsed
]]); }
16892 .mform .form-inline .fdefaultcustom label {
16893 justify-content: initial
; } }
16895 .input-group.form-inset .form-inset-item {
16896 position: absolute
;
16897 padding-top: calc
(0.375rem + 1px);
16900 .input-group.form-inset.form-inset-left .form-control {
16901 padding-left: 1.5rem; }
16903 .input-group.form-inset.form-inset-right .form-control {
16904 padding-right: 1.5rem; }
16906 .input-group.form-inset.form-inset-right .form-inset-item {
16909 .pagelayout-login .card-title h2 img {
16911 max-height: 100px; }
16913 .pagelayout-login #region-main {
16915 background-color: inherit
; }
16921 .path-mod-choice .horizontal .choices .option {
16922 display: inline-block
; }
16924 .path-mod-choice .choices .option label {
16925 vertical-align: top
; }
16927 .path-mod-feedback .feedback_form .col-form-label {
16928 display: block
!important
;
16929 /* stylelint-disable-line declaration-no-important */ }
16931 .path-mod-feedback .itemactions {
16934 .path-mod-feedback .itemhandle {
16935 position: absolute
;
16938 .path-mod-forum
.forumsearch input
,
16939 .path-mod-forum .forumsearch .helptooltip {
16942 .path-mod-forum
.forumheaderlist
,
16943 .path-mod-forum .forumheaderlist td {
16946 .path-mod-forum
.forumheaderlist thead
.header
,
16947 .path-mod-forum .forumheaderlist tbody .discussion td {
16948 white-space: normal
;
16949 vertical-align: top
;
16950 padding-left: 0.5em;
16951 padding-right: 0.5em; }
16953 .path-mod-forum .forumheaderlist thead .header {
16954 white-space: normal
;
16955 vertical-align: top
; }
16957 .path-mod-forum .forumheaderlist thead .header.replies {
16958 text-align: center
; }
16960 .path-mod-forum .forumheaderlist thead .header.lastpost {
16961 text-align: right
; }
16963 .path-mod-forum
.forumheaderlist thead
.header th
.discussionsubscription
,
16964 .path-mod-forum .forumheaderlist tbody .discussion td.discussionsubscription {
16966 padding-left: 0.5em;
16967 padding-right: 0.5em; }
16969 .path-mod-forum
.forumheaderlist
.discussion
.replies
,
16970 .path-mod-forum .forumheaderlist .discussion .lastpost {
16971 white-space: normal
; }
16973 .path-mod-forum
.forumheaderlist
.discussion
.discussionsubscription
,
16974 .path-mod-forum .forumheaderlist .discussion .replies {
16975 text-align: center
; }
16977 .path-mod-forum
.forumheaderlist
.discussion
.topic
,
16978 .path-mod-forum
.forumheaderlist
.discussion
.discussionsubscription
,
16979 .path-mod-forum
.forumheaderlist
.discussion
.topic
.starter
,
16980 .path-mod-forum
.forumheaderlist
.discussion
.replies
,
16981 .path-mod-forum .forumheaderlist .discussion .lastpost {
16982 vertical-align: top
; }
16984 .path-mod-forum .discussion-list .topic {
16985 font-weight: inherit
; }
16987 .path-mod-forum .subscriptionmode {
16990 .path-mod-forum .activesetting {
16992 font-weight: bold
; }
16994 .discussion-settings-container .custom-select {
16997 .discussion-settings-container input {
17001 border: 1px solid
#dee2e6;
17004 .forumpost .header {
17005 margin-bottom: 3px; }
17006 .forumpost .picture img {
17008 .forumpost .picture img.userpicture {
17010 margin-right: 10px; }
17011 .forumpost .content .posting.fullpost {
17015 .forumpost
.row
.topic
,
17016 .forumpost
.row
.content-mask
,
17017 .forumpost .row .options {
17018 margin-left: 48px; }
17019 .forumpost .row.side {
17022 .forumpost .row .left {
17025 .forumpost .options .commands {
17028 .forumpost .subject {
17029 font-weight: bold
; }
17031 .forumsearch input[type=text] {
17032 margin-bottom: 0; }
17034 #page-mod-forum-view table
.fit-content
{
17036 white-space: nowrap
; }
17038 #page-mod-forum-view table
.limit-width
{
17040 white-space: nowrap
;
17041 text-overflow: ellipsis
;
17042 overflow: hidden
; }
17043 #page-mod-forum-view table
.limit-width
.author-info
{
17044 max-width: calc
(100% - 35px - .5rem); }
17046 #page-mod-forum-discuss .discussioncontrols
{
17049 #page-mod-forum-discuss .discussioncontrols
.form-inline input
{
17050 margin-top: -1px; }
17052 /** Gently highlight the selected post by changing it's background to blue and then fading it out. */
17053 @keyframes background-highlight
{
17055 background-color: rgba
(0, 123, 255, 0.5); }
17057 background-color: inherit
; } }
17059 .path-mod-forum
.nested-v2-display-mode
,
17060 .path-mod-forum.nested-v2-display-mode {
17061 /** Reset the badge styling back to pill style. */
17062 /** Style the ratings like a badge. */
17063 /** Don't show the discussion locked alert in this mode because it's already indicated with a badge. */
17064 /** Fix muted text contrast ratios for accessibility. */
17065 /** Make the tag list text screen reader visible only */ }
17066 .path-mod-forum
.nested-v2-display-mode
.discussionsubscription
,
17067 .path-mod-forum.nested-v2-display-mode .discussionsubscription {
17069 text-align: inherit
;
17070 margin-bottom: 0; }
17071 .path-mod-forum
.nested-v2-display-mode
.preload-subscribe
,
17072 .path-mod-forum
.nested-v2-display-mode
.preload-unsubscribe
,
17073 .path-mod-forum
.nested-v2-display-mode
.preload-subscribe
,
17074 .path-mod-forum.nested-v2-display-mode .preload-unsubscribe {
17076 .path-mod-forum
.nested-v2-display-mode
.post-message
,
17077 .path-mod-forum.nested-v2-display-mode .post-message {
17078 line-height: 1.6; }
17079 .path-mod-forum
.nested-v2-display-mode
.indent
,
17080 .path-mod-forum.nested-v2-display-mode .indent {
17082 .path-mod-forum
.nested-v2-display-mode
.badge
,
17083 .path-mod-forum.nested-v2-display-mode .badge {
17084 font-size: inherit
;
17085 font-weight: inherit
;
17086 padding-left: .5rem;
17087 padding-right: .5rem;
17088 border-radius: 10rem; }
17089 .path-mod-forum
.nested-v2-display-mode
.badge-light
,
17090 .path-mod-forum.nested-v2-display-mode .badge-light {
17091 background-color: #f6f6f6;
17093 .path-mod-forum
.nested-v2-display-mode
.rating-aggregate-container
,
17094 .path-mod-forum.nested-v2-display-mode .rating-aggregate-container {
17095 background-color: #f6f6f6;
17097 padding: .25em .5em;
17099 margin-right: .5rem;
17100 vertical-align: middle
;
17101 border-radius: 10rem;
17102 text-align: center
; }
17103 .path-mod-forum
.nested-v2-display-mode
.ratinginput
,
17104 .path-mod-forum.nested-v2-display-mode .ratinginput {
17105 padding: .25em 1.75rem 0.25em .75em;
17108 border-radius: 10rem; }
17109 @media
(max-width: 767.98px) {
17110 .path-mod-forum
.nested-v2-display-mode
.ratinginput
,
17111 .path-mod-forum.nested-v2-display-mode .ratinginput {
17112 margin-top: .5rem; } }
17113 .path-mod-forum
.nested-v2-display-mode
.group-image
,
17114 .path-mod-forum.nested-v2-display-mode .group-image {
17119 display: inline-block
; }
17120 .path-mod-forum
.nested-v2-display-mode
.alert
.discussionlocked
,
17121 .path-mod-forum.nested-v2-display-mode .alert.discussionlocked {
17122 position: absolute
;
17128 clip: rect
(0, 0, 0, 0);
17129 white-space: nowrap
;
17131 .path-mod-forum
.nested-v2-display-mode
.text-muted
,
17132 .path-mod-forum
.nested-v2-display-mode
.dimmed_text
,
17133 .path-mod-forum
.nested-v2-display-mode
.text-muted
,
17134 .path-mod-forum.nested-v2-display-mode .dimmed_text {
17135 color: #707070 !important
;
17136 /* stylelint-disable-line declaration-no-important */ }
17137 .path-mod-forum
.nested-v2-display-mode
.author-header
,
17138 .path-mod-forum.nested-v2-display-mode .author-header {
17139 font-style: italic
; }
17140 .path-mod-forum
.nested-v2-display-mode
.author-header
.author-name
,
17141 .path-mod-forum.nested-v2-display-mode .author-header .author-name {
17142 font-style: normal
; }
17143 .path-mod-forum
.nested-v2-display-mode
.tag_list
> b
,
17144 .path-mod-forum.nested-v2-display-mode .tag_list > b {
17145 position: absolute
;
17151 clip: rect
(0, 0, 0, 0);
17152 white-space: nowrap
;
17154 .path-mod-forum
.nested-v2-display-mode :target
> .focus-target
,
17155 .path-mod-forum.nested-v2-display-mode :target > .focus-target {
17156 animation-name: background-highlight
;
17157 animation-duration: 1s;
17158 animation-timing-function: ease-in-out
;
17159 animation-iteration-count: 1; }
17160 .path-mod-forum
.nested-v2-display-mode
.forum-post-container
.replies-container
.forum-post-container
,
17161 .path-mod-forum.nested-v2-display-mode .forum-post-container .replies-container .forum-post-container {
17162 border-top: 1px solid
#dee2e6;
17163 padding-top: 1.5rem; }
17164 .path-mod-forum
.nested-v2-display-mode
.forum-post-container
.replies-container
.forum-post-container
.replies-container
.forum-post-container
,
17165 .path-mod-forum.nested-v2-display-mode .forum-post-container .replies-container .forum-post-container .replies-container .forum-post-container {
17168 .path-mod-forum
.nested-v2-display-mode
.forum-post-container
.replies-container
.inline-reply-container
.reply-author
,
17169 .path-mod-forum.nested-v2-display-mode .forum-post-container .replies-container .inline-reply-container .reply-author {
17171 .path-mod-forum
.nested-v2-display-mode
.forum-post-container
.post-message
p:last-of-type
,
17172 .path-mod-forum.nested-v2-display-mode .forum-post-container .post-message p:last-of-type {
17173 margin-bottom: 0; }
17174 .path-mod-forum
.nested-v2-display-mode
.forum-post-container
.author-image-container
,
17175 .path-mod-forum.nested-v2-display-mode .forum-post-container .author-image-container {
17177 margin-right: 24px;
17179 .path-mod-forum
.nested-v2-display-mode
.forum-post-container
.inline-reply-container textarea
,
17180 .path-mod-forum.nested-v2-display-mode .forum-post-container .inline-reply-container textarea {
17183 .path-mod-forum
.nested-v2-display-mode
.forum-post-container
.indent
,
17184 .path-mod-forum.nested-v2-display-mode .forum-post-container .indent {
17186 * The first post and first set of replies have a larger author image so offset the 2nd
17187 * set of replies by the image width + margin to ensure they align.
17189 .path-mod-forum
.nested-v2-display-mode
.forum-post-container
.indent
.indent
,
17190 .path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent {
17191 padding-left: 94px;
17193 * Reduce the size of the the author image for all second level replies (and below).
17196 * Adjust the indentation offset for all 3rd level replies and below for the smaller author image.
17198 .path-mod-forum
.nested-v2-display-mode
.forum-post-container
.indent
.indent
.author-image-container
,
17199 .path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent .author-image-container {
17202 padding-top: 3px; }
17203 .path-mod-forum
.nested-v2-display-mode
.forum-post-container
.indent
.indent
.indent
,
17204 .path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent .indent {
17205 padding-left: 38px;
17207 * Stop indenting the replies after the 5th reply.
17209 .path-mod-forum
.nested-v2-display-mode
.forum-post-container
.indent
.indent
.indent
.indent
.indent
.indent
,
17210 .path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent .indent .indent .indent .indent {
17213 /** Extra small devices (portrait phones, less than 576px). */
17214 @media (max-width: 767.98px) {
17215 #page-mod-forum-discuss.nested-v2-display-mode
.forum-post-container
.author-image-container
{
17217 margin-right: 8px; }
17218 #page-mod-forum-discuss.nested-v2-display-mode
.forum-post-container
.indent
.indent
{
17219 padding-left: 38px; }
17220 #page-mod-forum-discuss.nested-v2-display-mode
.forum-post-container
.indent
.indent
.indent
.indent
{
17222 #page-mod-forum-discuss.nested-v2-display-mode
.group-image
{
17226 .filter-scrollable {
17229 margin-bottom: 1em; }
17231 .filter-dates-popover {
17233 max-width: 41.5em; }
17234 .filter-dates-popover .mform {
17235 margin-left: -3em; }
17237 /* stylelint-disable-line max-line-length */
17238 @keyframes expandSearchButton
{
17242 border-radius: 18px;
17243 background-color: #e9ecef; }
17246 height: calc
(1.5em + 1rem + 2px);
17248 background-color: #fff;
17249 border-color: #8f959e;
17250 padding-left: calc
(0.5rem + 8px);
17251 padding-top: 0.5rem;
17252 padding-bottom: 0.5rem;
17253 font-size: 1.171875rem;
17254 @media
(max-width: 1200px) {
17255 font-size: calc
(0.9271875rem + 0.32625vw) ; }
17259 @keyframes collapseSearchButton
{
17262 height: calc
(1.5em + 1rem + 2px);
17264 background-color: #fff;
17265 border-color: #8f959e;
17266 padding-left: calc
(0.5rem + 8px);
17267 padding-top: 0.5rem;
17268 padding-bottom: 0.5rem;
17269 font-size: 1.171875rem;
17270 @media
(max-width: 1200px) {
17271 font-size: calc
(0.9271875rem + 0.32625vw) ; }
17277 border-radius: 18px;
17278 background-color: #e9ecef; } }
17280 .path-mod-forum .unified-grader .navbar {
17284 .path-mod-forum .unified-grader .body-container {
17286 .path-mod-forum .unified-grader .body-container.hidden {
17287 display: none
!important
;
17288 /* stylelint-disable-line declaration-no-important */ }
17290 .path-mod-forum .unified-grader .userpicture {
17294 .path-mod-forum .unified-grader .grader-grading-panel {
17296 position: absolute
;
17300 .path-mod-forum .unified-grader .grader-grading-panel.hidden {
17302 .path-mod-forum .unified-grader .grader-grading-panel .grading-icon {
17304 .path-mod-forum .unified-grader .grader-grading-panel .user-picker-container .user-full-name {
17305 max-width: 240px; }
17306 .path-mod-forum .unified-grader .grader-grading-panel .user-picker-container .page-link {
17310 text-align: center
;
17311 align-items: center
;
17312 justify-content: center
; }
17313 .path-mod-forum .unified-grader .grader-grading-panel .header-container {
17315 position: relative
;
17316 overflow: hidden
; }
17317 .path-mod-forum .unified-grader .grader-grading-panel .header-container .info-container {
17318 position: absolute
;
17321 transform: translateY
(-50%);
17325 padding-right: calc
(36px + 0.5rem);
17327 visibility: visible
;
17328 transition: left
0.3s ease-in-out
;
17330 .path-mod-forum .unified-grader .grader-grading-panel .header-container .toggle-search-button.expand {
17331 animation-name: expandSearchButton
;
17332 animation-duration: 0.3s;
17333 animation-timing-function: ease-in-out
; }
17334 .path-mod-forum .unified-grader .grader-grading-panel .header-container .toggle-search-button.collapse {
17336 animation-name: collapseSearchButton
;
17337 animation-duration: 0.3s; }
17338 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container {
17340 position: absolute
;
17343 transform: translateY
(-50%);
17346 height: 100% !important
;
17347 /* stylelint-disable-line declaration-no-important */
17349 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container {
17350 position: relative
;
17352 flex-wrap: nowrap
; }
17353 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container input {
17354 padding-left: calc
(0.5rem + 0.5rem + 34px);
17355 padding-right: calc
(0.5rem + 36px);
17357 visibility: visible
;
17358 transition: opacity
0s linear
0.3s, visibility
0s linear
; }
17359 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .search-icon {
17360 position: absolute
;
17363 transform: translateY
(-50%);
17367 background-color: #fff;
17369 visibility: visible
;
17370 transition: opacity
0s linear
0.3s, visibility
0s linear
0.3s; }
17371 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .toggle-search-button {
17372 position: absolute
;
17375 transform: translateY
(-50%);
17380 transition: right
0s linear
0.3s; }
17381 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .toggle-search-button .expanded-icon {
17383 visibility: visible
;
17386 transition: opacity
0s linear
0.3s, max-height
0s linear
0.3s, max-width
0s linear
0.3s, visibility
0s linear
0.3s; }
17387 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .toggle-search-button .collapsed-icon {
17389 visibility: hidden
;
17393 transition: opacity
0s linear
0.3s, max-height
0s linear
0.3s, max-width
0s linear
0.3s, visibility
0s linear
0.3s; }
17394 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed {
17395 width: calc
(36px + 0.5rem + 0.5rem);
17396 transition: width
0.3s ease-in-out
; }
17397 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container {
17398 flex-wrap: nowrap
; }
17399 .path-mod-forum
.unified-grader
.grader-grading-panel
.header-container
.user-search-container
.collapsed
.search-input-container input
,
17400 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container .search-icon {
17402 visibility: hidden
;
17403 transition: opacity
0s linear
, visibility
0s linear
; }
17404 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container input {
17406 padding-right: 0; }
17407 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container .toggle-search-button .expanded-icon {
17409 visibility: hidden
;
17413 transition: opacity
0s linear
, max-height
0s linear
, max-width
0s linear
, visibility
0s linear
; }
17414 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container .toggle-search-button .collapsed-icon {
17416 visibility: visible
;
17419 transition: opacity
0s linear
, max-height
0s linear
, max-width
0s linear
, visibility
0s linear
; }
17420 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container:not(.collapsed) + .info-container {
17422 visibility: hidden
;
17423 left: calc
(100% * -1);
17424 transition: left
0.3s ease-in-out
, opacity
0s linear
0.3s, visibility
0s linear
0.3s, padding
0s linear
0.3s; }
17426 .path-mod-forum .unified-grader .grader-module-content {
17428 margin-right: 430px;
17429 transition: margin-right
0.2s ease-in-out
; }
17430 @media
(prefers-reduced-motion: reduce
) {
17431 .path-mod-forum .unified-grader .grader-module-content {
17432 transition: none
; } }
17434 .path-mod-forum .unified-grader .drawer-button {
17435 position: relative
; }
17436 .path-mod-forum .unified-grader .drawer-button.active::after {
17438 position: absolute
;
17439 bottom: calc
(-0.5rem - 1px);
17443 background-color: #0f6fc5; }
17444 .path-mod-forum .unified-grader .drawer-button .icon {
17449 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container:last-of-type > hr {
17452 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container:last-of-type > hr {
17455 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container {
17456 position: relative
; }
17457 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button {
17458 position: absolute
;
17463 padding-left: calc
(1rem + 45px);
17466 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button:not(.collapsed) {
17468 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content {
17470 height: auto
!important
;
17471 /* stylelint-disable-line declaration-no-important */ }
17472 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .header {
17473 transition: margin-bottom
0.3s ease-in-out
; }
17474 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .header div + div {
17476 visibility: visible
;
17478 transition: opacity
0.3s linear
, visibility
0s linear
; }
17479 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .body-content-container {
17481 visibility: visible
;
17483 transition: opacity
0.3s linear
, visibility
0s linear
; }
17484 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .forum-post-core {
17486 visibility: visible
;
17488 transition: opacity
0.3s linear
, visibility
0s linear
; }
17489 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content {
17491 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .header {
17492 margin-bottom: 0 !important
;
17493 /* stylelint-disable-line declaration-no-important */ }
17494 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .header div + div {
17496 visibility: hidden
;
17498 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .body-content-container {
17500 visibility: hidden
;
17502 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .forum-post-core {
17504 visibility: hidden
;
17506 .path-mod-forum
.unified-grader
.grader-module-content-display
.discussion-container
.posts-container
.parent-container
.show-content-button
.collapsed:hover
+ .content
,
17507 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed:focus + .content {
17510 .path-mod-forum .unified-grader .grader-module-content-display .no-post-container .icon {
17515 .path-mod-forum .unified-grader .grader-module-content-display .nested-v2-display-mode .discussion-container .posts-container .parent-container .show-content-button {
17516 padding-left: 94px; }
17518 .path-mod-forum .unified-grader .no-search-results-container .icon {
17523 .path-mod-forum .unified-grader .nested-v2-display-mode .view-context-button {
17525 border-radius: 0.3rem; }
17527 .path-mod-forum .unified-grader .nested-v2-display-mode .parent-container .author-image-container {
17528 position: relative
; }
17529 .path-mod-forum .unified-grader .nested-v2-display-mode .parent-container .author-image-container:after {
17530 position: absolute
;
17531 top: calc
(70px + 0.5rem);
17533 background-color: #e9ecef;
17535 height: calc
(100% - 70px + 0.5rem); }
17537 .path-mod-forum .unified-grader .nested-v2-display-mode .parent-container + .post-container .author-image-container img {
17538 width: 30px !important
;
17539 /* stylelint-disable-line declaration-no-important */ }
17541 .path-mod-forum
.unified-grader
.nested-v2-display-mode
.post-subject
,
17542 .path-mod-forum .modal .nested-v2-display-mode .post-subject {
17545 @media (max-width: 575.98px) {
17546 .path-mod-forum .unified-grader .grader-grading-panel {
17549 height: calc
(100vh - 50px);
17552 .path-mod-forum .unified-grader .body-container {
17553 overflow: visible
; } }
17555 .maincalendar
.calendarmonth td
,
17556 .maincalendar .calendarmonth th {
17557 border: 1px dotted
#dee2e6; }
17559 .path-grade-report-grader h1 {
17560 text-align: inherit
; }
17562 #page-mod-chat-gui_basic input#message
{
17565 #page-mod-data-view #singleimage
{
17568 .path-mod-data form {
17569 margin-top: 10px; }
17571 .template_heading {
17572 margin-top: 10px; }
17574 .breadcrumb-button {
17577 .breadcrumb-button .singlebutton {
17579 margin-left: 4px; }
17585 -ms-touch-action: auto
; }
17590 /** General styles (scope: all of lesson) **/
17591 .path-mod-lesson .invisiblefieldset.fieldsetfix {
17594 .path-mod-lesson .answeroption .checkbox label p {
17597 .path-mod-lesson .form-inline label.form-check-label {
17598 display: inline-block
; }
17600 .path-mod-lesson .slideshow {
17604 #page-mod-lesson-view .branchbuttoncontainer
.singlebutton button
[type
="submit"] {
17605 white-space: normal
; }
17607 #page-mod-lesson-view .vertical
.singlebutton
{
17609 #page-mod-lesson-view .vertical
.singlebutton
+ .singlebutton
{
17611 margin-top: 1rem; }
17613 #page-mod-lesson-view .fitem
.felement
.custom-select
{
17614 align-self: flex-start
; }
17616 .path-mod-lesson .generaltable td {
17617 vertical-align: middle
; }
17618 .path-mod-lesson .generaltable td label {
17619 margin-bottom: 0; }
17620 .path-mod-lesson .generaltable td .highlight {
17621 display: inline-block
;
17622 margin-left: 0.25rem; }
17623 .path-mod-lesson .generaltable td input[type="checkbox"] {
17626 .path-mod-wiki
.wiki_headingtitle
,
17627 .path-mod-wiki
.midpad
,
17628 .path-mod-wiki .wiki_headingtime {
17629 text-align: inherit
; }
17631 .path-mod-wiki .wiki_contentbox {
17634 .path-mod-survey .surveytable > tbody > tr:nth-of-type(even) {
17635 background-color: rgba
(0, 0, 0, 0.05); }
17637 .path-mod-survey .surveytable .rblock label {
17638 text-align: center
; }
17641 margin-left: 4px; }
17648 line-height: 2.25rem; }
17650 .userloggedinas
.usermenu
.usertext
,
17651 .userswitchedrole
.usermenu
.usertext
,
17652 .loginfailures .usermenu .usertext {
17655 margin-right: 0.5rem;
17657 .userloggedinas
.usermenu
.usertext
.meta
,
17658 .userswitchedrole
.usermenu
.usertext
.meta
,
17659 .loginfailures .usermenu .usertext .meta {
17661 font-size: 0.8203125rem; }
17663 .userloggedinas
.usermenu
.avatar img
,
17664 .userswitchedrole
.usermenu
.avatar img
,
17665 .loginfailures .usermenu .avatar img {
17668 .userloggedinas .usermenu .userbutton .avatars {
17669 position: relative
;
17670 display: inline-block
; }
17671 .userloggedinas .usermenu .userbutton .avatars .avatar.current {
17672 display: inline-block
;
17673 position: absolute
;
17678 border-radius: 50%; }
17679 .userloggedinas .usermenu .userbutton .avatars .avatar.current img {
17680 vertical-align: baseline
; }
17681 .userloggedinas .usermenu .userbutton .avatars .avatar img {
17684 .userloggedinas .usermenu .userbutton .avatars .realuser {
17687 display: inline-block
; }
17689 @media (max-width: 767.98px) {
17693 .path-mod-quiz .mod-quiz-edit-content {
17694 margin-bottom: 10rem; }
17696 #page-mod-quiz-mod #id_reviewoptionshdr
.col-md-3
,
17697 #page-mod-quiz-mod #id_reviewoptionshdr
.col-md-9
{
17701 #page-mod-quiz-mod #id_reviewoptionshdr
.form-group
{
17704 display: inline-block
;
17705 min-height: 12rem; }
17707 #page-mod-quiz-mod #id_reviewoptionshdr
.btn-link
{
17709 vertical-align: bottom
; }
17711 #page-mod-quiz-mod #id_reviewoptionshdr
.form-inline
{
17715 #page-mod-quiz-mod #id_reviewoptionshdr
.form-check
{
17718 justify-content: flex-start
; }
17720 #page-mod-quiz-mod #id_reviewoptionshdr
.review_option_item
{
17724 .path-mod-quiz #mod_quiz_navblock .qnbutton {
17725 text-decoration: none
;
17728 font-weight: normal
;
17729 background-color: #fff;
17730 background-image: none
;
17733 border-radius: 3px;
17736 margin: 0 6px 6px 0; }
17738 .path-mod-quiz #mod_quiz_navblock span.qnbutton {
17740 background-color: #e9ecef;
17743 .path-mod-quiz #mod_quiz_navblock a
.qnbutton:hover
,
17744 .path-mod-quiz #mod_quiz_navblock a
.qnbutton:active
,
17745 .path-mod-quiz #mod_quiz_navblock a.qnbutton:focus {
17746 text-decoration: underline
; }
17748 .path-mod-quiz #mod_quiz_navblock .qnbutton .thispageholder {
17750 border-radius: 3px;
17753 .path-mod-quiz #mod_quiz_navblock .qnbutton.thispage .thispageholder {
17754 border-width: 3px; }
17756 .path-mod-quiz #mod_quiz_navblock .allquestionsononepage .qnbutton.thispage .thispageholder {
17757 border-width: 1px; }
17759 .path-mod-quiz #mod_quiz_navblock .qnbutton.flagged .thispageholder {
17760 background: transparent url
([[pix:theme|mod
/quiz
/flag-on
]]) 15px 0 no-repeat
; }
17762 .path-mod-quiz #mod_quiz_navblock .qnbutton .trafficlight {
17764 background: #fff none center
/10px no-repeat scroll
;
17767 border-radius: 0 0 3px 3px; }
17769 .path-mod-quiz #mod_quiz_navblock
.qnbutton
.notyetanswered
.trafficlight
,
17770 .path-mod-quiz #mod_quiz_navblock .qnbutton.invalidanswer .trafficlight {
17771 background-color: #fff; }
17773 .path-mod-quiz #mod_quiz_navblock .qnbutton.invalidanswer .trafficlight {
17774 background-image: url
([[pix:theme|mod
/quiz
/warningtriangle
]]); }
17776 .path-mod-quiz #mod_quiz_navblock .qnbutton.correct .trafficlight {
17777 background-image: url
([[pix:theme|mod
/quiz
/checkmark
]]);
17778 background-color: #357a32; }
17780 .path-mod-quiz #mod_quiz_navblock .qnbutton.blocked .trafficlight {
17781 background-image: url
([[pix:core|t
/locked
]]);
17782 background-color: #e9ecef; }
17784 .path-mod-quiz #mod_quiz_navblock
.qnbutton
.notanswered
.trafficlight
,
17785 .path-mod-quiz #mod_quiz_navblock .qnbutton.incorrect .trafficlight {
17786 background-color: #ca3120; }
17788 .path-mod-quiz #mod_quiz_navblock .qnbutton.partiallycorrect .trafficlight {
17789 background-image: url
([[pix:theme|mod
/quiz
/whitecircle
]]);
17790 background-color: #f0ad4e; }
17792 .path-mod-quiz #mod_quiz_navblock
.qnbutton
.complete
.trafficlight
,
17793 .path-mod-quiz #mod_quiz_navblock
.qnbutton
.answersaved
.trafficlight
,
17794 .path-mod-quiz #mod_quiz_navblock .qnbutton.requiresgrading .trafficlight {
17795 background-color: #6c757d; }
17797 #page-mod-quiz-edit ul
.slots li
.section li
.activity
.instancemaxmarkcontainer form input
{
17799 vertical-align: middle
; }
17801 #page-mod-quiz-edit ul
.slots li
.section li
.activity
.instancemaxmarkcontainer
{
17805 /* Countdown timer. */
17806 #page-mod-quiz-attempt #region-main
{
17807 overflow-x: inherit
; }
17809 #quiz-timer-wrapper {
17812 justify-content: end
;
17815 #quiz-timer-wrapper #quiz-timer
{
17816 border: 1px solid
#ca3120;
17817 background-color: #fff; }
17819 .pagelayout-embedded #quiz-timer-wrapper {
17822 #quiz-timer-wrapper #quiz-timer
.timeleft0
{
17823 background-color: #ca3120;
17826 #quiz-timer-wrapper #quiz-timer
.timeleft1
{
17827 background-color: #d73422;
17830 #quiz-timer-wrapper #quiz-timer
.timeleft2
{
17831 background-color: #dd3d2b;
17834 #quiz-timer-wrapper #quiz-timer
.timeleft3
{
17835 background-color: #e04938;
17838 #quiz-timer-wrapper #quiz-timer
.timeleft4
{
17839 background-color: #e25546;
17842 #quiz-timer-wrapper #quiz-timer
.timeleft5
{
17843 background-color: #e46153;
17846 #quiz-timer-wrapper #quiz-timer
.timeleft6
{
17847 background-color: #e66d60;
17850 #quiz-timer-wrapper #quiz-timer
.timeleft7
{
17851 background-color: #e8796d;
17854 #quiz-timer-wrapper #quiz-timer
.timeleft8
{
17855 background-color: #ea867a;
17858 #quiz-timer-wrapper #quiz-timer
.timeleft9
{
17859 background-color: #ec9288;
17862 #quiz-timer-wrapper #quiz-timer
.timeleft10
{
17863 background-color: #ee9e95;
17866 #quiz-timer-wrapper #quiz-timer
.timeleft11
{
17867 background-color: #f0aaa2;
17870 #quiz-timer-wrapper #quiz-timer
.timeleft12
{
17871 background-color: #f2b6af;
17874 #quiz-timer-wrapper #quiz-timer
.timeleft13
{
17875 background-color: #f4c2bc;
17878 #quiz-timer-wrapper #quiz-timer
.timeleft14
{
17879 background-color: #f7ceca;
17882 #quiz-timer-wrapper #quiz-timer
.timeleft15
{
17883 background-color: #f9dad7;
17886 #quiz-timer-wrapper #quiz-timer
.timeleft16
{
17887 background-color: #fbe6e4;
17890 .path-mod-assign [data-region="grade-actions-panel"] [data-region="grade-actions"] .collapse-buttons {
17893 .path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fcontainer .fitem.popout .felement {
17894 height: calc
(100% - 4rem); }
17896 .path-mod-assign [data-region="grade-panel"] {
17897 padding-top: 1rem; }
17899 .path-mod-assign
[data-region
="grade-panel"] .fitem
> .col-md-3
,
17900 .path-mod-assign [data-region="grade-panel"] .fitem > .col-md-9 {
17906 .path-mod-assign
[data-region
="grade-panel"] fieldset
,
17907 .path-mod-assign [data-region="grade-panel"] .fitem.row {
17910 .path-mod-assign [data-region="grade-panel"] .mform .fitem.has-popout .felement {
17913 .path-mod-assign [data-region="grade-panel"] .mform .fitem .felement {
17916 .path-mod-assign [data-region="grade-panel"] .popout {
17917 background-color: #fff; }
17919 .path-mod-assign [data-region="grade-panel"] .fitem.has-popout {
17920 background-color: #fff;
17921 border-radius: 0.25rem;
17922 border: 1px solid rgba
(0, 0, 0, 0.125);
17924 margin-bottom: 1rem; }
17926 .path-mod-assign [data-region="grade-panel"] .has-popout .col-md-3 {
17927 border-bottom: 1px solid rgba
(0, 0, 0, 0.1);
17928 margin-bottom: 1rem; }
17930 .path-mod-assign [data-region="grade-panel"] .popout > .col-md-3 {
17932 align-items: flex-start
;
17933 justify-content: space-between
;
17934 font-size: 1.40625rem; }
17936 .path-mod-assign [data-region="grade-panel"] .popout [data-region="popout-button"] {
17939 .path-mod-assign [data-region="assignment-info"] {
17940 overflow-y: hidden
; }
17942 .path-mod-assign [data-region="grading-navigation"] {
17945 .path-mod-assign [data-region="grade-actions"] {
17948 .path-mod-assign [data-region="user-info"] .img-rounded {
17951 .path-mod-assign [data-region="grading-navigation-panel"] {
17954 @media (max-width: 767px) {
17955 .path-mod-assign [data-region="grading-navigation-panel"] {
17957 .path-mod-assign [data-region="user-info"] {
17958 margin-top: 1rem; } }
17960 .path-mod-assign [data-region="grading-navigation"] [data-region="input-field"] input {
17962 display: inline-block
; }
17967 .assignfeedback_editpdf_widget * {
17968 box-sizing: content-box
; }
17970 .assignfeedback_editpdf_widget button {
17971 box-sizing: border-box
; }
17973 .assignfeedback_editpdf_widget .commentcolourbutton img {
17976 .assignfeedback_editpdf_widget .label {
17977 position: relative
;
17978 padding: 0.75rem 1.25rem;
17979 margin-bottom: 1rem;
17980 border: 0 solid transparent
;
17981 border-radius: 0.25rem;
17983 background-color: #cce6ea;
17984 border-color: #b8dce2;
17985 /* stylelint-disable-line max-line-length */ }
17986 .assignfeedback_editpdf_widget .label hr {
17987 border-top-color: #a6d3db; }
17988 .assignfeedback_editpdf_widget .label .alert-link {
17991 .assignfeedback_editpdf_menu {
17994 .path-mod-assign [data-region="grade-panel"] .gradingform_guide .remark .commentchooser {
17997 .path-mod-assign [data-region="grade-panel"] .gradingform_guide .markingguideremark {
18000 .path-mod-assign [data-region="grade-panel"] .mform .fitem .felement[data-fieldtype="grading"] {
18001 padding-left: 1rem;
18002 padding-right: 1rem; }
18004 .path-mod-assign
[data-region
="grade-panel"] .showmarkerdesc
,
18005 .path-mod-assign [data-region="grade-panel"] .showstudentdesc {
18006 background-color: #fff; }
18011 .path-admin-mod-lti
.btn
.loader img
,
18012 .path-admin-mod-lti #tool-list-loader-container .loader img {
18015 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax {
18016 background-color: #fff; }
18017 .yui-skin-sam
.yui-layout
.path-mod-chat-gui_ajax
.yui-layout-unit div
.yui-layout-bd-nohd
,
18018 .yui-skin-sam
.yui-layout
.path-mod-chat-gui_ajax
.yui-layout-unit div
.yui-layout-bd-noft
,
18019 .yui-skin-sam
.yui-layout
.path-mod-chat-gui_ajax
.yui-layout-unit div
.yui-layout-bd
,
18020 .yui-skin-sam
.yui-layout
.path-mod-chat-gui_ajax
.yui-layout-unit-right
,
18021 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-bottom {
18023 .yui-skin-sam
.yui-layout
.path-mod-chat-gui_ajax
.yui-layout-unit-right
,
18024 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-bottom {
18025 border-radius: 0; }
18026 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd {
18027 background-color: transparent
; }
18028 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit.yui-layout-unit-center div.yui-layout-bd {
18029 background-color: #f8f9fa; }
18030 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area.py-3 {
18031 padding: 0 !important
;
18032 /* stylelint-disable-line declaration-no-important */ }
18033 .yui-skin-sam
.yui-layout
.path-mod-chat-gui_ajax #chat-input-area table
.generaltable
,
18034 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.generaltable td.cell {
18037 white-space: nowrap
;
18038 margin-bottom: 0; }
18039 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist {
18040 padding: 10px 5px; }
18041 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list {
18042 border-top: 1px solid
#dee2e6;
18043 border-bottom: 1px solid
#fff; }
18044 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list li {
18045 border-top: 1px solid
#fff;
18046 border-bottom: 1px solid
#dee2e6;
18047 padding: 5px 10px; }
18048 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list img {
18050 border: 1px solid
#ccc;
18051 border-radius: 4px;
18053 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages {
18054 margin: 20px 25px; }
18055 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-event.course-theme {
18056 text-align: center
;
18058 font-size: 0.8203125rem;
18060 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme {
18061 margin-bottom: 0.75rem;
18062 border-radius: 0.25rem;
18063 border: 1px solid rgba
(0, 0, 0, 0.125);
18064 padding: 1.25rem; }
18065 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme .time {
18069 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme {
18070 background-color: #fff; }
18071 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme .user {
18072 font-weight: bold
; }
18075 #page-report-participation-index .participationselectform div label
{
18076 display: inline-block
;
18079 #page-report-participation-index .participationselectform div label
[for
=menuinstanceid
] {
18082 .path-backup .mform {
18083 /* These are long labels with checkboxes on the right. */ }
18084 .path-backup .mform .grouped_settings {
18087 /* Use card styles but avoid extend because that brings in too much. */ }
18088 .path-backup .mform .grouped_settings.section_level {
18089 background-color: #fff;
18090 border-radius: 0.25rem;
18091 border: 1px solid rgba
(0, 0, 0, 0.125);
18093 margin-bottom: 1.25rem; }
18094 .path-backup .mform .grouped_settings.section_level::after {
18098 .path-backup .mform .include_setting {
18100 display: inline-block
;
18103 .path-backup .mform .normal_setting {
18105 display: inline-block
;
18110 /* Bold section labels */ }
18111 .path-backup .section_level {
18112 font-weight: bold
; }
18113 .path-backup .section_level .activity_level {
18114 font-weight: normal
; }
18115 .path-backup .proceedbutton {
18116 margin-left: auto
; }
18118 /* Override the columns width to leave more room for the labels. */
18119 .path-backup
.mform
.root_setting
,
18120 .path-backup .mform .grouped_settings {
18121 /* Striped rows like a table */ }
18122 .path-backup
.mform
.root_setting:nth-of-type
(odd
),
18123 .path-backup .mform .grouped_settings:nth-of-type(odd) {
18124 background-color: rgba
(0, 0, 0, 0.05); }
18125 .path-backup
.mform
.root_setting:nth-of-type
(even
),
18126 .path-backup .mform .grouped_settings:nth-of-type(even) {
18127 background-color: #fff; }
18128 .path-backup
.mform
.root_setting
.form-group
,
18129 .path-backup .mform .grouped_settings .form-group {
18130 /* These checkboxes with no label on the left. */ }
18131 .path-backup
.mform
.root_setting
.form-group
.col-md-3
.checkbox
,
18132 .path-backup .mform .grouped_settings .form-group .col-md-3.checkbox {
18134 .path-backup
.mform
.root_setting
.form-group
.col-md-9
.checkbox
,
18135 .path-backup .mform .grouped_settings .form-group .col-md-9.checkbox {
18139 /* Detail pair is (usually) some short label with a longer value */
18140 .path-backup .detail-pair .detail-pair-label {
18145 .path-backup .detail-pair .detail-pair-value {
18149 .path-backup .backup-restore .singlebutton {
18152 /* Make these bits full width and work with the detail-pair */
18153 .path-backup .backup-section {
18154 /* Fix for nested table headers */
18155 /* Add card styles to backup sections */
18156 background-color: #fff;
18157 border-radius: 0.25rem;
18158 border: 1px solid rgba
(0, 0, 0, 0.125);
18160 margin-bottom: 1.25rem; }
18161 .path-backup
.backup-section
.sub-header
,
18162 .path-backup
.backup-section
.backup-sub-section
,
18163 .path-backup
.backup-section
.singlebutton
,
18164 .path-backup .backup-section .header {
18168 .path-backup .backup-section th.header {
18171 .path-backup .backup-section ::after {
18175 .path-backup .backup-section::after {
18180 .path-backup .notification.dependencies_enforced {
18182 font-weight: bold
; }
18184 .path-backup .backup_progress {
18186 margin-bottom: 1rem; }
18187 .path-backup .backup_progress .backup_stage {
18189 .path-backup .backup_progress .backup_stage.backup_stage_current {
18193 .path-backup .backup_progress span.backup_stage.backup_stage_complete {
18196 #page-backup-restore .filealiasesfailures
{
18197 background-color: #f4d6d2; }
18198 #page-backup-restore .filealiasesfailures
.aliaseslist
{
18199 background-color: #fff; }
18201 .path-backup .wibbler {
18203 margin: 0 auto
10px;
18204 border-bottom: 1px solid black
;
18205 border-right: 1px solid black
;
18206 border-left: 1px solid black
;
18207 position: relative
;
18209 .path-backup .wibbler .wibble {
18210 position: absolute
;
18215 .path-backup .wibbler .state0 {
18216 background: #eee; }
18217 .path-backup .wibbler .state1 {
18218 background: #ddd; }
18219 .path-backup .wibbler .state2 {
18220 background: #ccc; }
18221 .path-backup .wibbler .state3 {
18222 background: #bbb; }
18223 .path-backup .wibbler .state4 {
18224 background: #aaa; }
18225 .path-backup .wibbler .state5 {
18226 background: #999; }
18227 .path-backup .wibbler .state6 {
18228 background: #888; }
18229 .path-backup .wibbler .state7 {
18230 background: #777; }
18231 .path-backup .wibbler .state8 {
18232 background: #666; }
18233 .path-backup .wibbler .state9 {
18234 background: #555; }
18235 .path-backup .wibbler .state10 {
18236 background: #444; }
18237 .path-backup .wibbler .state11 {
18238 background: #333; }
18239 .path-backup .wibbler .state12 {
18240 background: #222; }
18244 margin-bottom: 1rem;
18249 vertical-align: top
;
18250 border-top: 1px solid
#dee2e6; }
18251 .generaltable thead th {
18252 vertical-align: bottom
;
18253 border-bottom: 2px solid
#dee2e6; }
18254 .generaltable tbody + tbody {
18255 border-top: 2px solid
#dee2e6; }
18256 .generaltable tbody tr:nth-of-type(odd) {
18257 background-color: rgba
(0, 0, 0, 0.05); }
18258 .generaltable
.table-sm th
,
18259 .generaltable.table-sm td {
18261 .generaltable tbody tr:hover {
18263 background-color: rgba
(0, 0, 0, 0.075); }
18270 caption-side: top
; }
18272 .table-dynamic .loading-icon {
18273 position: absolute
;
18274 left: calc
(50% - 1.5rem);
18276 .table-dynamic .loading-icon .icon {
18282 display: inline-block
; }
18283 .singlebutton + .singlebutton {
18284 margin-left: 0.5rem; }
18287 text-align: center
; }
18291 text-align: center
; }
18294 margin-top: 11.25rem;
18295 text-align: center
;
18296 margin-bottom: 3em; }
18297 #addcontrols label
{
18300 #addcontrols input
,
18301 #removecontrols input
{
18306 margin: 0 0 10px 5px; }
18314 border-radius: 50%;
18316 .btn.btn-icon:hover, .btn.btn-icon:focus {
18317 background-color: #e9ecef; }
18318 .btn.btn-icon.icon-size-0 {
18319 height: 20px !important
;
18320 /* stylelint-disable-line declaration-no-important */
18321 width: 20px !important
;
18322 /* stylelint-disable-line declaration-no-important */
18323 font-size: 0 !important
;
18324 /* stylelint-disable-line declaration-no-important */
18325 line-height: 0 !important
;
18326 /* stylelint-disable-line declaration-no-important */ }
18327 .btn.btn-icon.icon-size-1 {
18328 height: 24px !important
;
18329 /* stylelint-disable-line declaration-no-important */
18330 width: 24px !important
;
18331 /* stylelint-disable-line declaration-no-important */
18332 font-size: 4px !important
;
18333 /* stylelint-disable-line declaration-no-important */
18334 line-height: 4px !important
;
18335 /* stylelint-disable-line declaration-no-important */ }
18336 .btn.btn-icon.icon-size-2 {
18337 height: 28px !important
;
18338 /* stylelint-disable-line declaration-no-important */
18339 width: 28px !important
;
18340 /* stylelint-disable-line declaration-no-important */
18341 font-size: 8px !important
;
18342 /* stylelint-disable-line declaration-no-important */
18343 line-height: 8px !important
;
18344 /* stylelint-disable-line declaration-no-important */ }
18345 .btn.btn-icon.icon-size-3 {
18346 height: 36px !important
;
18347 /* stylelint-disable-line declaration-no-important */
18348 width: 36px !important
;
18349 /* stylelint-disable-line declaration-no-important */
18350 font-size: 16px !important
;
18351 /* stylelint-disable-line declaration-no-important */
18352 line-height: 16px !important
;
18353 /* stylelint-disable-line declaration-no-important */ }
18354 .btn.btn-icon.icon-size-4 {
18355 height: 44px !important
;
18356 /* stylelint-disable-line declaration-no-important */
18357 width: 44px !important
;
18358 /* stylelint-disable-line declaration-no-important */
18359 font-size: 24px !important
;
18360 /* stylelint-disable-line declaration-no-important */
18361 line-height: 24px !important
;
18362 /* stylelint-disable-line declaration-no-important */ }
18363 .btn.btn-icon.icon-size-5 {
18364 height: 52px !important
;
18365 /* stylelint-disable-line declaration-no-important */
18366 width: 52px !important
;
18367 /* stylelint-disable-line declaration-no-important */
18368 font-size: 32px !important
;
18369 /* stylelint-disable-line declaration-no-important */
18370 line-height: 32px !important
;
18371 /* stylelint-disable-line declaration-no-important */ }
18372 .btn.btn-icon.icon-size-6 {
18373 height: 60px !important
;
18374 /* stylelint-disable-line declaration-no-important */
18375 width: 60px !important
;
18376 /* stylelint-disable-line declaration-no-important */
18377 font-size: 40px !important
;
18378 /* stylelint-disable-line declaration-no-important */
18379 line-height: 40px !important
;
18380 /* stylelint-disable-line declaration-no-important */ }
18381 .btn.btn-icon.icon-size-7 {
18382 height: 68px !important
;
18383 /* stylelint-disable-line declaration-no-important */
18384 width: 68px !important
;
18385 /* stylelint-disable-line declaration-no-important */
18386 font-size: 48px !important
;
18387 /* stylelint-disable-line declaration-no-important */
18388 line-height: 48px !important
;
18389 /* stylelint-disable-line declaration-no-important */ }
18391 .btn-primary:focus, .btn-primary.focus {
18392 outline: 0.2rem solid
#010407;
18393 box-shadow: inset
0 0 0 2px #fff; }
18395 .btn-secondary:focus, .btn-secondary.focus {
18396 outline: 0.2rem solid
#5f6e7d;
18397 box-shadow: inset
0 0 0 2px #fff; }
18399 .btn-success:focus, .btn-success.focus {
18400 outline: 0.2rem solid black
;
18401 box-shadow: inset
0 0 0 2px #fff; }
18403 .btn-info:focus, .btn-info.focus {
18404 outline: 0.2rem solid black
;
18405 box-shadow: inset
0 0 0 2px #fff; }
18407 .btn-warning:focus, .btn-warning.focus {
18408 outline: 0.2rem solid
#694109;
18409 box-shadow: inset
0 0 0 2px #fff; }
18411 .btn-danger:focus, .btn-danger.focus {
18412 outline: 0.2rem solid
#1a0604;
18413 box-shadow: inset
0 0 0 2px #fff; }
18415 .btn-light:focus, .btn-light.focus {
18416 outline: 0.2rem solid
#8193a5;
18417 box-shadow: inset
0 0 0 2px #fff; }
18419 .btn-dark:focus, .btn-dark.focus {
18420 outline: 0.2rem solid black
;
18421 box-shadow: inset
0 0 0 2px #fff; }
18423 .btn-outline-primary:focus, .btn-outline-primary.focus {
18424 outline: 0.2rem solid
#010407;
18425 box-shadow: inset
0 0 0 2px #343a40; }
18427 .btn-outline-secondary:focus, .btn-outline-secondary.focus {
18428 outline: 0.2rem solid
#5f6e7d;
18429 box-shadow: inset
0 0 0 2px #343a40; }
18431 .btn-outline-success:focus, .btn-outline-success.focus {
18432 outline: 0.2rem solid black
;
18433 box-shadow: inset
0 0 0 2px #343a40; }
18435 .btn-outline-info:focus, .btn-outline-info.focus {
18436 outline: 0.2rem solid black
;
18437 box-shadow: inset
0 0 0 2px #343a40; }
18439 .btn-outline-warning:focus, .btn-outline-warning.focus {
18440 outline: 0.2rem solid
#694109;
18441 box-shadow: inset
0 0 0 2px #343a40; }
18443 .btn-outline-danger:focus, .btn-outline-danger.focus {
18444 outline: 0.2rem solid
#1a0604;
18445 box-shadow: inset
0 0 0 2px #343a40; }
18447 .btn-outline-light:focus, .btn-outline-light.focus {
18448 outline: 0.2rem solid
#8193a5;
18449 box-shadow: inset
0 0 0 2px #343a40; }
18451 .btn-outline-dark:focus, .btn-outline-dark.focus {
18452 outline: 0.2rem solid black
;
18453 box-shadow: inset
0 0 0 2px #343a40; }
18456 font-size: 0.9375rem; }
18458 .gradetreebox th
.cell
,
18459 .gradetreebox input[type=text] {
18462 .gradetreebox input
[type
=text
],
18463 .gradetreebox select {
18464 margin-bottom: 0; }
18466 .core_grades_notices .singlebutton {
18467 display: inline-block
; }
18469 .path-grade-report #maincontent + .urlselect {
18470 position: absolute
;
18473 .path-grade-report-grader #region-main {
18474 overflow-x: visible
;
18477 display: inline-flex
;
18478 flex-direction: column
; }
18479 .path-grade-report-grader #region-main > .card {
18481 overflow-x: initial
; }
18482 .path-grade-report-grader #region-main div[role="main"] {
18485 .path-grade-report-grader [data-region="blocks-column"] {
18489 #page-grade-grading-manage #activemethodselector label
{
18490 display: inline-block
; }
18492 #page-grade-grading-manage #activemethodselector
.helptooltip
{
18493 margin-right: 0.5em; }
18495 #page-grade-grading-manage .actions
{
18497 text-align: center
;
18498 margin-bottom: 1em; }
18499 #page-grade-grading-manage .actions
.action
{
18500 display: inline-block
;
18501 position: relative
;
18502 vertical-align: top
;
18504 text-align: center
;
18508 border: 1px solid
#aaa; }
18509 #page-grade-grading-manage .actions
.action
.action-text
{
18510 position: relative
;
18513 white-space: normal
; }
18515 #page-grade-grading-form-rubric-edit .gradingform_rubric_editform
.status
{
18518 #rubric-rubric.gradingform_rubric #rubric-criteria
{
18519 margin-bottom: 1em; }
18520 #rubric-rubric.gradingform_rubric #rubric-criteria
.criterion
.description
{
18521 vertical-align: top
;
18523 #rubric-rubric.gradingform_rubric #rubric-criteria
.criterion
.description textarea
{
18526 #rubric-rubric.gradingform_rubric #rubric-criteria
.criterion
.definition textarea
{
18528 margin-bottom: 0; }
18529 #rubric-rubric.gradingform_rubric #rubric-criteria
.criterion
.score
{
18530 position: relative
;
18532 margin-right: 28px; }
18533 #rubric-rubric.gradingform_rubric #rubric-criteria
.criterion
.score input
{
18534 margin-bottom: 0; }
18535 #rubric-rubric.gradingform_rubric #rubric-criteria
.criterion
.level
{
18536 vertical-align: top
;
18538 #rubric-rubric.gradingform_rubric #rubric-criteria
.criterion
.level
.delete
{
18539 position: relative
;
18545 #rubric-rubric.gradingform_rubric #rubric-criteria
.criterion
.level
.delete input
{
18547 position: absolute
;
18553 #rubric-rubric.gradingform_rubric #rubric-criteria
.criterion
.level
.delete
input:hover
{
18554 background-color: #ddd; }
18555 #rubric-rubric.gradingform_rubric #rubric-criteria
.criterion
.scorevalue input
{
18558 #rubric-rubric.gradingform_rubric #rubric-criteria
.criterion
.scorevalue input
.hiddenelement
, #rubric-rubric
.gradingform_rubric #rubric-criteria
.criterion
.scorevalue input
.pseudotablink
{
18560 #rubric-rubric.gradingform_rubric #rubric-criteria
.criterion
.addlevel
{
18561 vertical-align: top
;
18562 padding-top: 6px; }
18563 #rubric-rubric.gradingform_rubric #rubric-criteria
.criterion
.addlevel input
{
18565 line-height: 1rem; }
18567 #rubric-rubric.gradingform_rubric
.addcriterion
{
18570 margin-bottom: 1em; }
18571 #rubric-rubric.gradingform_rubric
.addcriterion input
{
18574 text-shadow: inherit
;
18576 line-height: inherit
;
18577 background: transparent url
([[pix:t
/add
]]) no-repeat
7px 8px;
18578 padding-left: 26px; }
18580 #rubric-rubric.gradingform_rubric
.options
{
18582 #rubric-rubric.gradingform_rubric
.options
.option label
{
18585 font-size: inherit
;
18586 font-weight: normal
;
18590 background-color: transparent
; }
18591 #rubric-rubric.gradingform_rubric
.options
.option input
{
18593 margin-right: 12px; }
18595 .grade-display .description {
18598 .criterion .description {
18601 .criterion .criterion-toggle .expanded-icon {
18604 .criterion .criterion-toggle .collapsed-icon {
18607 .criterion .criterion-toggle.collapsed .expanded-icon {
18610 .criterion .criterion-toggle.collapsed .collapsed-icon {
18613 .path-grade-edit-tree .setup-grades h4 {
18616 .path-grade-edit-tree .setup-grades .column-rowspan {
18622 .path-grade-edit-tree .setup-grades .category td.column-name {
18625 .path-grade-edit-tree .setup-grades td.column-name {
18626 padding-left: 24px; }
18628 .path-grade-edit-tree .setup-grades td.movehere {
18631 .path-grade-edit-tree .setup-grades td.movehere a.movehere {
18635 border: 2px dashed
#343a40; }
18637 .path-grade-edit-tree
.setup-grades
.category input
[type
="text"],
18638 .path-grade-edit-tree
.setup-grades
.category
.column-range
,
18639 .path-grade-edit-tree
.setup-grades
.categoryitem
,
18640 .path-grade-edit-tree .setup-grades .courseitem {
18641 font-weight: bold
; }
18643 .path-grade-edit-tree .setup-grades .emptyrow {
18646 .path-grade-edit-tree .setup-grades .gradeitemdescription {
18647 font-weight: normal
;
18648 padding-left: 24px; }
18650 .path-grade-edit-tree .setup-grades .column-weight {
18651 white-space: nowrap
; }
18652 .path-grade-edit-tree .setup-grades .column-weight.level3 {
18653 padding-left: 37px; }
18654 .path-grade-edit-tree .setup-grades .column-weight.level4 {
18655 padding-left: 66px; }
18656 .path-grade-edit-tree .setup-grades .column-weight.level5 {
18657 padding-left: 95px; }
18658 .path-grade-edit-tree .setup-grades .column-weight.level6 {
18659 padding-left: 124px; }
18660 .path-grade-edit-tree .setup-grades .column-weight.level7 {
18661 padding-left: 153px; }
18662 .path-grade-edit-tree .setup-grades .column-weight.level8 {
18663 padding-left: 182px; }
18664 .path-grade-edit-tree .setup-grades .column-weight.level9 {
18665 padding-left: 211px; }
18666 .path-grade-edit-tree .setup-grades .column-weight.level10 {
18667 padding-left: 240px; }
18669 .path-grade-edit-tree .setup-grades .column-range.level2 {
18670 padding-left: 37px; }
18672 .path-grade-edit-tree .setup-grades .column-range.level3 {
18673 padding-left: 66px; }
18675 .path-grade-edit-tree .setup-grades .column-range.level4 {
18676 padding-left: 95px; }
18678 .path-grade-edit-tree .setup-grades .column-range.level5 {
18679 padding-left: 124px; }
18681 .path-grade-edit-tree .setup-grades .column-range.level6 {
18682 padding-left: 153px; }
18684 .path-grade-edit-tree .setup-grades .column-range.level7 {
18685 padding-left: 182px; }
18687 .path-grade-edit-tree .setup-grades .column-range.level8 {
18688 padding-left: 211px; }
18690 .path-grade-edit-tree .setup-grades .column-range.level9 {
18691 padding-left: 240px; }
18693 .path-grade-edit-tree .setup-grades .column-range.level10 {
18694 padding-left: 269px; }
18696 .path-grade-edit-tree .setup-grades.generaltable .levelodd {
18697 background-color: rgba
(0, 0, 0, 0.05); }
18702 .path-grade-report-grader .gradeparent table {
18703 border-radius: 0.25rem; }
18705 .path-grade-report-grader
.gradeparent tr
.cell
,
18706 .path-grade-report-grader .gradeparent .floater .cell {
18707 background-color: #fff; }
18709 .path-grade-report-grader
.gradeparent table
,
18710 .path-grade-report-grader .gradeparent .cell {
18711 border-color: #dee2e6; }
18713 .path-grade-report-grader
.gradeparent
.userrow
.odd
.cell
,
18714 .path-grade-report-grader
.gradeparent
.floater
.cell
.odd
,
18715 .path-grade-report-grader
.gradeparent
.heading
.cell
,
18716 .path-grade-report-grader
.gradeparent
.cell
.category
,
18717 .path-grade-report-grader .gradeparent .avg .cell {
18718 background-color: #f8f9fa; }
18720 .path-grade-report-grader .gradeparent table .clickable {
18726 .path-grade-report-user .user-grade {
18728 .path-grade-report-user .user-grade.generaltable .levelodd {
18729 background-color: rgba
(0, 0, 0, 0.05); }
18734 .path-grade-report-singleview input[name^="finalgrade"] {
18737 .columns-autoflow-1to1to1 {
18740 @media (max-width: 767px) {
18741 .columns-autoflow-1to1to1 {
18742 column-count: 1; } }
18744 /* some very targetted corrections to roll back nameclashes between
18745 * Moodle and Bootstrap like .row, .label, .content, .controls
18747 * Mostly relies on these styles being more specific than the Bootstrap
18748 * ones in order to overule them.
18751 .file-picker td.label {
18752 background: inherit
;
18757 white-space: normal
;
18759 font-size: inherit
;
18760 line-height: inherit
;
18761 text-align: inherit
; }
18763 .file-picker td.label {
18764 display: table-cell
;
18765 text-align: right
; }
18767 .choosercontainer #chooseform .option label {
18770 /* block.invisible vs .invisible
18771 * block.hidden vs .invisible
18773 * uses .invisible where the rest of Moodle uses @mixin dimmed
18774 * fixible in block renderer?
18776 * There's seems to be even more naming confusion here since,
18777 * blocks can be actually 'visible' (or not) to students,
18778 * marked 'visible' but really just dimmed to indicate to editors
18779 * that students can't see them or 'visible' to the user who
18780 * collapses them, 'visible' if you have the right role and in
18781 * different circumstances different sections of a block can
18782 * be 'visible' or not.
18784 * currently worked around in renderers.php function block{}
18785 * by rewriting the class name "invisible" to "dimmed",
18786 * though the blocks don't look particularly different apart
18787 * from their contents disappearing. Maybe try .muted? or
18788 * dimming all the edit icons apart from unhide, might be a
18789 * nice effect, though they'd still be active. Maybe reverse
18795 visibility: visible
;
18800 * very tricky to track down this when it goes wrong,
18801 * since the styles are applied to generated content
18803 * basically if you see things shifted left or right compared
18804 * with where they should be check for a .row
18807 margin-left: 0 !important
;
18808 /* stylelint-disable-line declaration-no-important */ }
18810 .forumpost
.row:before
,
18811 .forumpost .row:after {
18814 /* fieldset.hidden vs .hidden
18816 * Moodle uses fieldset.hidden for mforms, to signify a collection of
18817 * form elements that don't have a box drawn round them. Bootstrap
18818 * uses hidden for stuff that is hidden in various responsive modes.
18820 * Relatedly, there is also fieldset.invisiblefieldset which hides the
18821 * border and sets the display to inline.
18823 * Originally this just set block and visible, but it is used
18824 * in random question dialogue in Quiz,
18825 * that dialogue is hidden and shown, so when hidden the
18826 * above workaround leaves you with a button floating around
18830 visibility: inherit
; }
18832 /* .container vs .container
18834 * bootstrap uses .container to set the width of the layout at 960px or so, Moodle uses it
18835 * in the Quiz to contain the questions to add. If you don't overule the Bootstrap code,
18836 * it becomes near unuseable.
18838 #questionbank + .container
{
18841 body:not
(.jsenabled
) .dropdown:hover
> .dropdown-menu
{
18843 margin-top: -6px; }
18845 body:not
(.jsenabled
) .langmenu:hover
> .dropdown-menu
,
18846 .langmenu.open > .dropdown-menu {
18849 overflow-y: auto
; }
18851 .navbar.fixed-top .dropdown .dropdown-menu {
18852 max-height: calc
(100vh - 50px);
18853 overflow-y: auto
; }
18855 .page-item.active .page-link, .page-item.active .page-link:hover, .page-item.active .page-link:focus {
18856 z-index: inherit
; }
18858 /* Force positioning of popover arrows.
18860 * The Css prefixer used in Moodle does not support complex calc statements used
18861 * in Bootstrap 4 CSS. For example:
18862 * calc((0.5rem + 1px) * -1); is stripped out by lib/php-css-parser/Parser.php.
18863 * See MDL-61879. For now the arrow positions of popovers are fixed until this is resolved.
18865 .bs-popover-right
.arrow
, .bs-popover-auto
[x-placement^
="right"] .arrow
,
18866 .bs-popover-auto[x-placement^="right"] .arrow {
18869 .bs-popover-left
.arrow
, .bs-popover-auto
[x-placement^
="left"] .arrow
,
18870 .bs-popover-auto[x-placement^="left"] .arrow {
18873 .bs-popover-top
.arrow
, .bs-popover-auto
[x-placement^
="top"] .arrow
,
18874 .bs-popover-auto[x-placement^="top"] .arrow {
18877 .bs-popover-bottom
.arrow
, .bs-popover-auto
[x-placement^
="bottom"] .arrow
,
18878 .bs-popover-auto[x-placement^="bottom"] .arrow {
18882 word-wrap: normal
; }
18884 /* Add commented out carousel transistions back in.
18886 * The Css prefixer used in Moodle breaks on @supports syntax, See MDL-61515.
18888 .carousel-item-next
.carousel-item-left
,
18889 .carousel-item-prev.carousel-item-right {
18890 transform: translateX
(0); }
18892 .carousel-item-next
,
18893 .active.carousel-item-right {
18894 transform: translateX
(100%); }
18896 .carousel-item-prev
,
18897 .active.carousel-item-left {
18898 transform: translateX
(-100%); }
18901 * Reset all of the forced style on the page.
18902 * - Remove borders on header and content.
18903 * - Remove most of the vertical padding.
18904 * - Make the content region flex grow so it pushes things like the
18905 * next activity selector to the bottom of the page.
18907 body
.behat-site
.fixed-top
{
18908 position: absolute
; }
18910 body
.behat-site
.dropdown-item
{
18911 margin-top: 4px !important
;
18912 /* stylelint-disable declaration-no-important */ }
18914 body
.behat-site
.drawer-ease
{
18915 -webkit-transition: initial
;
18916 -moz-transition: initial
;
18917 transition: initial
; }
18919 body
.behat-site
[data-region
="drawer"] {
18920 -webkit-transition: initial
;
18921 -moz-transition: initial
;
18922 transition: initial
;
18923 position: absolute
; }
18925 body
.behat-site
.custom-control
,
18926 body
.behat-site
.custom-switch
{
18929 body
.behat-site
.custom-control-input
{
18934 body
.behat-site
.custom-control-label::before
, body
.behat-site
.custom-control-label::after
{
18945 border: 1px solid
#000;
18947 vertical-align: baseline
;
18949 background-color: #ccc; }
18952 background-color: #ccf;
18953 font-weight: bold
; }
18956 background-color: #99c;
18957 font-weight: bold
; }
18960 * This file contains the styles required to make the footer sticky.
18969 flex-direction: column
; }
18970 #page-wrapper #page
{
18973 flex-direction: column
; }
18974 #page-wrapper #page #page-content
{
18976 #page-wrapper #page-footer
{
18980 position: relative
; }
18981 .popover-region.collapsed .popover-region-toggle:before, .popover-region.collapsed .popover-region-toggle:after {
18983 .popover-region.collapsed .popover-region-container {
18985 visibility: hidden
;
18988 transition: height
0.25s, opacity
101ms 0.25s, visibility
101ms 0.25s; }
18990 .popover-region-toggle {
18992 .popover-region-toggle::before {
18994 display: inline-block
;
18995 border-left: 10px solid transparent
;
18996 border-right: 10px solid transparent
;
18997 border-bottom: 10px solid
#ddd;
18998 position: absolute
;
19001 .popover-region-toggle::after {
19003 display: inline-block
;
19004 border-left: 9px solid transparent
;
19005 border-right: 9px solid transparent
;
19006 border-bottom: 9px solid
#fff;
19007 position: absolute
;
19014 border-radius: 2px;
19015 background-color: red
;
19019 position: absolute
;
19023 .popover-region-container {
19025 visibility: visible
;
19026 position: absolute
;
19031 border: 1px solid
#ddd;
19032 transition: height
0.25s;
19033 background-color: #fff;
19036 .popover-region-header-container {
19040 padding-right: 5px;
19041 border-bottom: 1px solid
#ddd;
19042 box-sizing: border-box
; }
19044 .popover-region-footer-container {
19046 text-align: center
;
19047 border-top: 1px solid
#ddd;
19048 background-color: #fff;
19049 padding-top: 3px; }
19051 .popover-region-header-text {
19055 line-height: 25px; }
19057 .popover-region-header-actions {
19059 .popover-region-header-actions > * {
19062 display: inline-block
; }
19063 .popover-region-header-actions .loading-icon {
19067 .popover-region-header-actions .newmessage-link {
19068 margin-right: 10px; }
19069 .popover-region-header-actions label {
19070 display: inline-block
;
19071 text-align: center
;
19072 margin-bottom: 0; }
19074 .popover-region-content-container {
19075 height: calc
(100% - 55px);
19078 -webkit-overflow-scrolling: touch
; }
19079 .popover-region-content-container > .loading-icon {
19081 text-align: center
;
19083 box-sizing: border-box
; }
19084 .popover-region-content-container .empty-message {
19086 text-align: center
;
19088 .popover-region-content-container.loading > .loading-icon {
19090 .popover-region-content-container.loading .empty-message {
19093 .navbar .popover-region.collapsed .popover-region-container {
19095 visibility: hidden
;
19098 transition: height
0.25s, opacity
101ms 0.25s, visibility
101ms 0.25s; }
19100 .navbar .count-container {
19102 border-radius: 2px;
19103 background-color: red
;
19107 position: absolute
;
19111 .navbar .popover-region-container {
19114 .content-item-container {
19116 border-bottom: 1px solid
#ddd;
19117 box-sizing: border-box
;
19119 position: relative
;
19123 text-decoration: none
; }
19124 .content-item-container:hover {
19126 background-color: #79b5e6; }
19127 .content-item-container:hover .content-item-footer .timestamp {
19129 .content-item-container.unread {
19131 background-color: #f4f4f4; }
19132 .content-item-container.unread:hover {
19134 background-color: #79b5e6; }
19135 .content-item-container.unread .content-item-body .notification-message {
19136 font-weight: 600; }
19137 .content-item-container .context-link {
19139 text-decoration: none
; }
19140 .content-item-container .content-item-body {
19141 box-sizing: border-box
;
19142 margin-bottom: 5px; }
19143 .content-item-container .content-item-footer {
19145 box-sizing: border-box
; }
19146 .content-item-container .content-item-footer .timestamp {
19151 margin-left: 24px; }
19152 .content-item-container .view-more {
19153 position: absolute
;
19157 line-height: 12px; }
19158 .content-item-container.notification .content-item-body .notification-image {
19159 display: inline-block
;
19163 .content-item-container.notification .content-item-body .notification-image img {
19165 .content-item-container.notification .content-item-body .notification-message {
19166 display: inline-block
;
19168 width: calc
(100% - 24px); }
19169 .content-item-container.selected {
19170 background-color: #4f94cd;
19172 border-color: #4f94cd; }
19173 .content-item-container.selected .content-item-footer .timestamp {
19176 .popover-region-notifications .popover-region-header-container .mark-all-read-button .normal-icon {
19177 display: inline-block
; }
19179 .popover-region-notifications .popover-region-header-container .mark-all-read-button.loading .normal-icon {
19182 .popover-region-notifications .popover-region-header-container .mark-all-read-button.loading .loading-icon {
19183 display: inline-block
; }
19185 .popover-region-notifications .all-notifications {
19187 visibility: visible
;
19189 overflow: hidden
; }
19190 .popover-region-notifications .all-notifications:empty + .empty-message {
19193 .popover-region-notifications .notification-image {
19194 display: inline-block
;
19196 vertical-align: top
; }
19197 .popover-region-notifications .notification-image img {
19200 .popover-region-notifications .notification-message {
19201 display: inline-block
;
19204 .popover-region-notifications .popover-region-content-container.loading .all-notifications:empty + .empty-message {
19207 .popover-region-messages .mark-all-read-button .normal-icon {
19208 display: inline-block
; }
19210 .popover-region-messages .mark-all-read-button.loading .normal-icon {
19213 .popover-region-messages .mark-all-read-button.loading .loading-icon {
19214 display: inline-block
; }
19216 .popover-region-messages .popover-region-content-container.loading .popover-region-content .messages:empty + .empty-message {
19219 .popover-region-messages .messages:empty + .empty-message {
19222 .popover-region-messages .content-item-container.unread .content-item-body {
19224 width: calc
(90% - 30px); }
19226 .popover-region-messages .content-item-container.unread .unread-count-container {
19227 display: inline-block
;
19229 text-align: center
;
19232 .popover-region-messages .content-item {
19235 box-sizing: border-box
; }
19237 .popover-region-messages .profile-image-container {
19239 display: inline-block
;
19240 text-align: center
;
19242 .popover-region-messages .profile-image-container img {
19244 display: inline-block
;
19245 vertical-align: middle
;
19246 border-radius: 50%; }
19248 .popover-region-messages .content-item-body {
19249 display: inline-block
;
19250 box-sizing: border-box
;
19251 width: calc
(100% - 30px);
19253 padding-left: 10px;
19254 overflow: hidden
; }
19255 .popover-region-messages .content-item-body h3 {
19260 .popover-region-messages .content-item-body p {
19263 .popover-region-messages .unread-count-container {
19266 @media (max-width: 767px) {
19267 .navbar .popover-region .popover-region-container {
19270 @media (max-width: 480px) {
19271 .navbar .popover-region .popover-region-container {
19281 * Tour step must sit above all other UI components.
19282 * The backdrop is the lowest point in the tour.
19283 * Everything else is in the container, and the target background should be at the same z-index.
19285 * ---- step backdrop
19286 * --- step container
19287 * --- step target background
19289 div
[data-flexitour
="backdrop"] {
19290 background-color: #000;
19294 div
[data-flexitour
="step-background-fader"],
19295 div
[data-flexitour
="step-background"] {
19296 border-radius: 0.3rem;
19299 span
[data-flexitour
="container"],
19300 div
[data-flexitour
="step-background-fader"],
19301 [data-flexitour
="step-backdrop"] > td
,
19302 [data-flexitour
="step-backdrop"] {
19305 span
[data-flexitour
="container"] .modal-dialog
{
19307 * Remove all margins to:
19308 * 1) ensure that the arrow touches the target; and
19309 * 2) ensure that the focus border touches the modal.
19313 span
[data-flexitour
="container"] div
[data-role
="arrow"] {
19314 border-width: 1rem; }
19316 span
[data-flexitour
="container"] div
[data-role
="arrow"],
19317 span
[data-flexitour
="container"] div
[data-role
="arrow"]:after
{
19318 position: absolute
;
19322 border-color: transparent
;
19323 border-style: solid
;
19324 border-width: 1rem; }
19326 span
[data-flexitour
="container"][x-placement
="top"], span
[data-flexitour
="container"][x-placement
="top-start"] {
19327 margin-bottom: 1rem; }
19328 span
[data-flexitour
="container"][x-placement
="top"] div
[data-role
="arrow"], span
[data-flexitour
="container"][x-placement
="top-start"] div
[data-role
="arrow"] {
19331 margin-left: -1rem;
19332 border-bottom-width: 0;
19333 border-top-color: rgba
(0, 0, 0, 0.25); }
19334 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
{
19336 margin-left: -1rem;
19338 border-bottom-width: 0;
19339 border-top-color: #fff; }
19341 span
[data-flexitour
="container"][x-placement
="bottom"], span
[data-flexitour
="container"][x-placement
="bottom-start"] {
19342 margin-top: 1rem; }
19343 span
[data-flexitour
="container"][x-placement
="bottom"] div
[data-role
="arrow"], span
[data-flexitour
="container"][x-placement
="bottom-start"] div
[data-role
="arrow"] {
19346 margin-left: -1rem;
19347 border-top-width: 0;
19348 border-bottom-color: rgba
(0, 0, 0, 0.25); }
19349 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
{
19351 margin-left: -1rem;
19353 border-top-width: 0;
19354 border-bottom-color: #fff; }
19356 span
[data-flexitour
="container"][x-placement
="left"], span
[data-flexitour
="container"][x-placement
="left-start"] {
19357 margin-right: 1rem; }
19358 span
[data-flexitour
="container"][x-placement
="left"] div
[data-role
="arrow"], span
[data-flexitour
="container"][x-placement
="left-start"] div
[data-role
="arrow"] {
19362 border-right-width: 0;
19363 border-left-color: rgba
(0, 0, 0, 0.25); }
19364 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
{
19368 border-right-width: 0;
19369 border-left-color: #fff; }
19371 span
[data-flexitour
="container"][x-placement
="right"], span
[data-flexitour
="container"][x-placement
="right-start"] {
19372 margin-left: 1rem; }
19373 span
[data-flexitour
="container"][x-placement
="right"] div
[data-role
="arrow"], span
[data-flexitour
="container"][x-placement
="right-start"] div
[data-role
="arrow"] {
19377 border-left-width: 0;
19378 border-right-color: rgba
(0, 0, 0, 0.25); }
19379 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
{
19383 border-left-width: 0;
19384 border-right-color: #fff; }
19386 [data-region
="drawer"] [data-flexitour
="container"] {
19388 margin-left: -15px;
19392 body
.drawer-open-left
.jsenabled
,
19393 body
.drawer-open-right
.jsenabled
{
19398 .modal .modal-body > .loading-icon {
19400 position: relative
;
19403 .modal .modal-body > .loading-icon .icon {
19404 position: absolute
;
19408 transform: translate
(-50%, -50%); }
19410 .layout.fullscreen {
19420 background-color: #fff; }
19421 .layout.fullscreen > div {
19424 .layout.fullscreen .loading-icon {
19426 margin-right: auto
;
19427 text-align: center
;
19428 display: inline-block
;
19432 .layout.fullscreen .loading-icon .icon {
19437 .form-control:-ms-input-placeholder {
19441 -webkit-appearance: none
;
19442 -moz-appearance: none
; }
19445 -webkit-appearance: none
;
19446 -moz-appearance: none
; }
19447 .custom-range::-webkit-slider-thumb, .custom-range::-moz-range-thumb, .custom-range::-ms-thumb {
19448 -webkit-appearance: none
;
19449 -moz-appearance: none
; }
19451 input
[type
="date"].form-control
,
19452 input
[type
="time"].form-control
,
19453 input
[type
="datetime-local"].form-control
,
19454 input
[type
="month"].form-control
{
19455 -webkit-appearance: none
;
19456 -moz-appearance: none
; }
19458 @media (min-width: 576px) {
19460 -webkit-column-gap: 1.25rem;
19461 -moz-column-gap: 1.25rem; } }
19464 -webkit-backface-visibility: hidden
; }
19467 -webkit-background-clip: border-box
; }
19469 .carousel-indicators li
,
19475 -webkit-background-clip: padding-box
; }
19478 -webkit-user-select: none
;
19479 -ms-user-select: none
; }
19482 -webkit-user-select: all
!important
;
19483 /* stylelint-disable-line declaration-no-important */
19484 -ms-user-select: none
; }
19486 .user-select-auto {
19487 -webkit-user-select: auto
!important
;
19488 /* stylelint-disable-line declaration-no-important */
19489 -ms-user-select: none
; }
19491 .user-select-none {
19492 -webkit-user-select: none
!important
;
19493 /* stylelint-disable-line declaration-no-important */
19494 -ms-user-select: none
; }
19496 .editor_atto_content_wrap {
19497 background-color: white
;
19500 .editor_atto_content {
19505 .editor_atto_content_wrap
,
19506 .editor_atto + textarea {
19510 .editor_atto + textarea {
19513 margin-top: -1px; }
19515 div
.editor_atto_toolbar
{
19517 background: #f2f2f2;
19519 border: 1px solid
#8f959e;
19521 padding: 0 0 9px 0; }
19523 div
.editor_atto_toolbar button
{
19531 div
.editor_atto_toolbar button
+ button
{
19532 border-left: 1px solid
#ccc; }
19534 div
.editor_atto_toolbar button
[disabled
] {
19539 .editor_atto_toolbar button:hover {
19540 background-image: radial-gradient
(ellipse at center
, #fff 60%, #dfdfdf 100%);
19541 background-color: #ebebeb; }
19543 .editor_atto_toolbar
button:active
,
19544 .editor_atto_toolbar button.highlight {
19545 background-image: radial-gradient
(ellipse at center
, #fff 40%, #dfdfdf 100%);
19546 background-color: #dfdfdf; }
19548 /* Make firefox button sizes match other browsers */
19549 div
.editor_atto_toolbar
button::-moz-focus-inner
{
19553 div
.editor_atto_toolbar button
.icon
{
19557 div
.editor_atto_toolbar div
.atto_group
{
19558 display: inline-block
;
19559 border: 1px solid
#ccc;
19560 border-bottom: 1px solid
#b3b3b3;
19561 border-radius: 4px;
19562 margin: 9px 0 0 9px;
19563 background: #fff; }
19565 .editor_atto_content img {
19570 /* IE8 places the images on top of each other if that is not set. */
19571 white-space: nowrap
; }
19573 .atto_menuentry .icon {
19580 .atto_menuentry h1
,
19581 .atto_menuentry h2
,
19582 .atto_menuentry p {
19585 /*.atto_form label.sameline {
19586 display: inline-block;
19589 .atto_form textarea
.fullwidth
,
19590 .atto_form input.fullwidth {
19596 /*.atto_form label {
19601 position: absolute
;
19607 .atto_control .icon {
19608 background-color: white
; }
19610 div
.editor_atto_content:focus
.atto_control
,
19611 div
.editor_atto_content:hover
.atto_control
{
19614 .editor_atto_menu.yui3-menu-hidden {
19617 /* Get broken images back in firefox */
19618 .editor_atto_content img:-moz-broken {
19619 -moz-force-broken-image-icon: 1;
19621 min-height: 24px; }
19623 /* Atto menu styling */
19624 .moodle-dialogue-base .editor_atto_menu .moodle-dialogue-content .moodle-dialogue-bd {
19628 .editor_atto_menu .dropdown-menu > li > a {
19629 margin: 3px 14px; }
19631 .editor_atto_menu .open ul.dropdown-menu {
19633 padding-bottom: 5px; }
19635 .editor_atto_wrap {
19636 position: relative
; }
19639 .editor_atto_wrap textarea {
19642 .editor_atto_notification
.atto_info
,
19643 .editor_atto_notification .atto_warning {
19644 display: inline-block
;
19645 background-color: #f2f2f2;
19648 padding-right: 1em;
19649 border-bottom-left-radius: 1em;
19650 border-bottom-right-radius: 1em; }
19652 .editor_atto_notification .atto_info {
19653 background-color: #f2f2f2; }
19655 .editor_atto_notification .atto_warning {
19656 background-color: #ffd700; }
19658 .editor_atto_toolbar
,
19659 .editor_atto_content_wrap
,
19660 .editor_atto + textarea {
19661 box-sizing: border-box
; }
19663 .editor_atto_content.form-control {
19667 /** Atto fields do not have form-control because that would break the layout of the editor.
19668 So they need these extra styles to highlight the editor when there is a validation error. */
19669 .has-danger
.editor_atto_content
.form-control
.invalid-feedback
,
19670 .has-danger .editor_atto_content.form-control-danger .invalid-feedback {
19673 margin-top: 0.25rem;
19677 .has-danger
.editor_atto_content
.form-control
.invalid-tooltip
,
19678 .has-danger .editor_atto_content.form-control-danger .invalid-tooltip {
19679 position: absolute
;
19684 padding: 0.25rem 0.5rem;
19686 font-size: 0.8203125rem;
19689 background-color: rgba
(202, 49, 32, 0.9);
19690 border-radius: 0.25rem; }
19692 .was-validated
.has-danger
.editor_atto_content
.form-control:invalid
~ .invalid-feedback
,
19693 .was-validated
.has-danger
.editor_atto_content
.form-control:invalid
~ .invalid-tooltip
, .has-danger
.editor_atto_content
.form-control
.is-invalid
~ .invalid-feedback
,
19694 .has-danger
.editor_atto_content
.form-control
.is-invalid
~ .invalid-tooltip
, .was-validated
19695 .has-danger
.editor_atto_content
.form-control-danger:invalid
~ .invalid-feedback
,
19697 .has-danger
.editor_atto_content
.form-control-danger:invalid
~ .invalid-tooltip
,
19698 .has-danger
.editor_atto_content
.form-control-danger
.is-invalid
~ .invalid-feedback
,
19699 .has-danger .editor_atto_content.form-control-danger.is-invalid ~ .invalid-tooltip {
19702 .was-validated
.has-danger
.editor_atto_content
.form-control
.form-control:invalid
, .has-danger
.editor_atto_content
.form-control
.form-control
.is-invalid
, .was-validated
19703 .has-danger
.editor_atto_content
.form-control-danger
.form-control:invalid
,
19704 .has-danger .editor_atto_content.form-control-danger .form-control.is-invalid {
19705 border-color: #ca3120;
19706 padding-right: calc
(1.5em + 0.75rem);
19707 background-image: url
("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23ca3120' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23ca3120' stroke='none'/%3e%3c/svg%3e");
19708 background-repeat: no-repeat
;
19709 background-position: right calc
(0.375em + 0.1875rem) center
;
19710 background-size: calc
(0.75em + 0.375rem) calc
(0.75em + 0.375rem); }
19711 .was-validated
.has-danger
.editor_atto_content
.form-control
.form-control:invalid:focus
, .has-danger
.editor_atto_content
.form-control
.form-control
.is-invalid:focus
, .was-validated
19712 .has-danger
.editor_atto_content
.form-control-danger
.form-control:invalid:focus
,
19713 .has-danger .editor_atto_content.form-control-danger .form-control.is-invalid:focus {
19714 border-color: #ca3120;
19715 box-shadow: 0 0 0 0.2rem rgba
(202, 49, 32, 0.25); }
19717 .was-validated
.has-danger
.editor_atto_content
.form-control textarea
.form-control:invalid
, .has-danger
.editor_atto_content
.form-control textarea
.form-control
.is-invalid
, .was-validated
19718 .has-danger
.editor_atto_content
.form-control-danger textarea
.form-control:invalid
,
19719 .has-danger .editor_atto_content.form-control-danger textarea.form-control.is-invalid {
19720 padding-right: calc
(1.5em + 0.75rem);
19721 background-position: top calc
(0.375em + 0.1875rem) right calc
(0.375em + 0.1875rem); }
19723 .was-validated
.has-danger
.editor_atto_content
.form-control
.custom-select:invalid
, .has-danger
.editor_atto_content
.form-control
.custom-select
.is-invalid
, .was-validated
19724 .has-danger
.editor_atto_content
.form-control-danger
.custom-select:invalid
,
19725 .has-danger .editor_atto_content.form-control-danger .custom-select.is-invalid {
19726 border-color: #ca3120;
19727 padding-right: calc
(0.75em + 2.3125rem);
19728 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='%23ca3120' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23ca3120' stroke='none'/%3e%3c/svg%3e") #fff no-repeat center right
1.75rem/calc
(0.75em + 0.375rem) calc
(0.75em + 0.375rem); }
19729 .was-validated
.has-danger
.editor_atto_content
.form-control
.custom-select:invalid:focus
, .has-danger
.editor_atto_content
.form-control
.custom-select
.is-invalid:focus
, .was-validated
19730 .has-danger
.editor_atto_content
.form-control-danger
.custom-select:invalid:focus
,
19731 .has-danger .editor_atto_content.form-control-danger .custom-select.is-invalid:focus {
19732 border-color: #ca3120;
19733 box-shadow: 0 0 0 0.2rem rgba
(202, 49, 32, 0.25); }
19735 .was-validated
.has-danger
.editor_atto_content
.form-control
.form-check-input:invalid
~ .form-check-label
, .has-danger
.editor_atto_content
.form-control
.form-check-input
.is-invalid
~ .form-check-label
, .was-validated
19736 .has-danger
.editor_atto_content
.form-control-danger
.form-check-input:invalid
~ .form-check-label
,
19737 .has-danger .editor_atto_content.form-control-danger .form-check-input.is-invalid ~ .form-check-label {
19740 .was-validated
.has-danger
.editor_atto_content
.form-control
.form-check-input:invalid
~ .invalid-feedback
,
19741 .was-validated
.has-danger
.editor_atto_content
.form-control
.form-check-input:invalid
~ .invalid-tooltip
, .has-danger
.editor_atto_content
.form-control
.form-check-input
.is-invalid
~ .invalid-feedback
,
19742 .has-danger
.editor_atto_content
.form-control
.form-check-input
.is-invalid
~ .invalid-tooltip
, .was-validated
19743 .has-danger
.editor_atto_content
.form-control-danger
.form-check-input:invalid
~ .invalid-feedback
,
19745 .has-danger
.editor_atto_content
.form-control-danger
.form-check-input:invalid
~ .invalid-tooltip
,
19746 .has-danger
.editor_atto_content
.form-control-danger
.form-check-input
.is-invalid
~ .invalid-feedback
,
19747 .has-danger .editor_atto_content.form-control-danger .form-check-input.is-invalid ~ .invalid-tooltip {
19750 .was-validated
.has-danger
.editor_atto_content
.form-control
.custom-control-input:invalid
~ .custom-control-label
, .has-danger
.editor_atto_content
.form-control
.custom-control-input
.is-invalid
~ .custom-control-label
, .was-validated
19751 .has-danger
.editor_atto_content
.form-control-danger
.custom-control-input:invalid
~ .custom-control-label
,
19752 .has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid ~ .custom-control-label {
19754 .was-validated
.has-danger
.editor_atto_content
.form-control
.custom-control-input:invalid
~ .custom-control-label::before
, .has-danger
.editor_atto_content
.form-control
.custom-control-input
.is-invalid
~ .custom-control-label::before
, .was-validated
19755 .has-danger
.editor_atto_content
.form-control-danger
.custom-control-input:invalid
~ .custom-control-label::before
,
19756 .has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid ~ .custom-control-label::before {
19757 border-color: #ca3120; }
19759 .was-validated
.has-danger
.editor_atto_content
.form-control
.custom-control-input:invalid:checked
~ .custom-control-label::before
, .has-danger
.editor_atto_content
.form-control
.custom-control-input
.is-invalid:checked
~ .custom-control-label::before
, .was-validated
19760 .has-danger
.editor_atto_content
.form-control-danger
.custom-control-input:invalid:checked
~ .custom-control-label::before
,
19761 .has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
19762 border-color: #e04d3d;
19763 background-color: #e04d3d; }
19765 .was-validated
.has-danger
.editor_atto_content
.form-control
.custom-control-input:invalid:focus
~ .custom-control-label::before
, .has-danger
.editor_atto_content
.form-control
.custom-control-input
.is-invalid:focus
~ .custom-control-label::before
, .was-validated
19766 .has-danger
.editor_atto_content
.form-control-danger
.custom-control-input:invalid:focus
~ .custom-control-label::before
,
19767 .has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
19768 box-shadow: 0 0 0 0.2rem rgba
(202, 49, 32, 0.25); }
19770 .was-validated
.has-danger
.editor_atto_content
.form-control
.custom-control-input:invalid:focus:not
(:checked
) ~ .custom-control-label::before
, .has-danger
.editor_atto_content
.form-control
.custom-control-input
.is-invalid:focus:not
(:checked
) ~ .custom-control-label::before
, .was-validated
19771 .has-danger
.editor_atto_content
.form-control-danger
.custom-control-input:invalid:focus:not
(:checked
) ~ .custom-control-label::before
,
19772 .has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
19773 border-color: #ca3120; }
19775 .was-validated
.has-danger
.editor_atto_content
.form-control
.custom-file-input:invalid
~ .custom-file-label
, .has-danger
.editor_atto_content
.form-control
.custom-file-input
.is-invalid
~ .custom-file-label
, .was-validated
19776 .has-danger
.editor_atto_content
.form-control-danger
.custom-file-input:invalid
~ .custom-file-label
,
19777 .has-danger .editor_atto_content.form-control-danger .custom-file-input.is-invalid ~ .custom-file-label {
19778 border-color: #ca3120; }
19780 .was-validated
.has-danger
.editor_atto_content
.form-control
.custom-file-input:invalid:focus
~ .custom-file-label
, .has-danger
.editor_atto_content
.form-control
.custom-file-input
.is-invalid:focus
~ .custom-file-label
, .was-validated
19781 .has-danger
.editor_atto_content
.form-control-danger
.custom-file-input:invalid:focus
~ .custom-file-label
,
19782 .has-danger .editor_atto_content.form-control-danger .custom-file-input.is-invalid:focus ~ .custom-file-label {
19783 border-color: #ca3120;
19784 box-shadow: 0 0 0 0.2rem rgba
(202, 49, 32, 0.25); }
19786 .open.atto_menu > .dropdown-menu {
19789 div
.editor_atto_toolbar button
.icon
{
19793 -webkit-font-smoothing: antialiased
;
19794 -moz-osx-font-smoothing: grayscale
; }
19797 box-shadow: 0 2px 4px rgba
(0, 0, 0, 0.08); }
19800 border-radius: 50%; }
19803 background-color: #f8f9fa; }
19806 background-color: #fff; }
19808 .btn-outline-secondary {
19810 border-color: #6c757d;
19811 border-color: #6c757d; }
19812 .btn-outline-secondary:hover {
19814 background-color: #6c757d;
19815 border-color: #6c757d; }
19816 .btn-outline-secondary:focus, .btn-outline-secondary.focus {
19817 box-shadow: 0 0 0 0.2rem rgba
(108, 117, 125, 0.5); }
19818 .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
19820 background-color: transparent
; }
19821 .btn-outline-secondary:not
(:disabled
):not
(.disabled
):active
, .btn-outline-secondary:not
(:disabled
):not
(.disabled
).active
,
19822 .show > .btn-outline-secondary.dropdown-toggle {
19824 background-color: #6c757d;
19825 border-color: #6c757d; }
19826 .btn-outline-secondary:not
(:disabled
):not
(.disabled
):active:focus
, .btn-outline-secondary:not
(:disabled
):not
(.disabled
).active:focus
,
19827 .show > .btn-outline-secondary.dropdown-toggle:focus {
19828 box-shadow: 0 0 0 0.2rem rgba
(108, 117, 125, 0.5); }
19830 .btn-outline-info {
19832 border-color: #1f7e9a; }
19833 .btn-outline-info:hover {
19835 background-color: #1f7e9a;
19836 border-color: #1f7e9a; }
19837 .btn-outline-info:focus, .btn-outline-info.focus {
19838 box-shadow: 0 0 0 0.2rem rgba
(31, 126, 154, 0.5); }
19839 .btn-outline-info.disabled, .btn-outline-info:disabled {
19841 background-color: transparent
; }
19842 .btn-outline-info:not
(:disabled
):not
(.disabled
):active
, .btn-outline-info:not
(:disabled
):not
(.disabled
).active
,
19843 .show > .btn-outline-info.dropdown-toggle {
19845 background-color: #1f7e9a;
19846 border-color: #1f7e9a; }
19847 .btn-outline-info:not
(:disabled
):not
(.disabled
):active:focus
, .btn-outline-info:not
(:disabled
):not
(.disabled
).active:focus
,
19848 .show > .btn-outline-info.dropdown-toggle:focus {
19849 box-shadow: 0 0 0 0.2rem rgba
(31, 126, 154, 0.5); }
19851 .btn-outline-warning {
19853 border-color: #a6670e; }
19854 .btn-outline-warning:hover {
19856 background-color: #a6670e;
19857 border-color: #a6670e; }
19858 .btn-outline-warning:focus, .btn-outline-warning.focus {
19859 box-shadow: 0 0 0 0.2rem rgba
(166, 103, 14, 0.5); }
19860 .btn-outline-warning.disabled, .btn-outline-warning:disabled {
19862 background-color: transparent
; }
19863 .btn-outline-warning:not
(:disabled
):not
(.disabled
):active
, .btn-outline-warning:not
(:disabled
):not
(.disabled
).active
,
19864 .show > .btn-outline-warning.dropdown-toggle {
19866 background-color: #a6670e;
19867 border-color: #a6670e; }
19868 .btn-outline-warning:not
(:disabled
):not
(.disabled
):active:focus
, .btn-outline-warning:not
(:disabled
):not
(.disabled
).active:focus
,
19869 .show > .btn-outline-warning.dropdown-toggle:focus {
19870 box-shadow: 0 0 0 0.2rem rgba
(166, 103, 14, 0.5); }
19872 @media (max-width: 767.98px) {
19878 margin-bottom: 1rem; } }
19880 @media (min-width: 768px) {
19883 #page-content .region-main
{
19887 #page-content.blocks-pre
.columnleft
{
19892 #page-content.blocks-pre
.region-main
{
19895 padding: 0 1rem 0 0; }
19896 #page-content.blocks-post
.region-main
{
19899 padding: 0 0 0 1rem; }
19900 #page-content.blocks-post
.columnright
{
19904 #page-content.blocks-pre
.blocks-post
.region-main
{
19908 #page-content [data-region
="blocks-column"] {
19910 .empty-region-side-pre.used-region-side-post #page-content .region-main {
19913 padding-left: 1rem; }
19914 .empty-region-side-pre.used-region-side-post #page-content .columnright {
19918 .empty-region-side-post.used-region-side-pre #page-content .region-main {
19921 padding-right: 1rem; }
19922 .empty-region-side-post.used-region-side-pre #page-content .columnleft {
19927 .used-region-side-post.used-region-side-pre #page-content .region-main {
19931 .used-region-side-post.used-region-side-pre #page-content .columnleft {
19936 .used-region-side-post.used-region-side-pre #page-content .columnright {
19939 max-width: 32%; } }
19941 @media (min-width: 992px) {
19944 #page-content .region-main
{
19948 #page-content.blocks-pre
.columnleft
{
19953 #page-content.blocks-pre
.region-main
{
19956 padding: 0 1rem 0 0; }
19957 #page-content.blocks-post
.region-main
{
19960 padding: 0 0 0 1rem; }
19961 #page-content.blocks-post
.columnright
{
19965 #page-content.blocks-pre
.blocks-post
.region-main
{
19969 #page-content [data-region
="blocks-column"] {
19971 .empty-region-side-pre.used-region-side-post #page-content .region-main {
19974 padding-left: 1rem; }
19975 .empty-region-side-pre.used-region-side-post #page-content .columnright {
19979 .empty-region-side-post.used-region-side-pre #page-content .region-main {
19982 padding-right: 1rem; }
19983 .empty-region-side-post.used-region-side-pre #page-content .columnleft {
19988 .used-region-side-post.used-region-side-pre #page-content .region-main {
19992 .used-region-side-post.used-region-side-pre #page-content .columnleft {
19997 .used-region-side-post.used-region-side-pre #page-content .columnright {
20000 max-width: 25%; } }
20002 @media (min-width: 1200px) {
20005 #page-content .region-main
{
20009 #page-content.blocks-pre
.columnleft
{
20014 #page-content.blocks-pre
.region-main
{
20017 padding: 0 1rem 0 0; }
20018 #page-content.blocks-post
.region-main
{
20021 padding: 0 0 0 1rem; }
20022 #page-content.blocks-post
.columnright
{
20026 #page-content.blocks-pre
.blocks-post
.region-main
{
20030 #page-content [data-region
="blocks-column"] {
20032 .empty-region-side-pre.used-region-side-post #page-content .region-main {
20035 padding-left: 1rem; }
20036 .empty-region-side-pre.used-region-side-post #page-content .columnright {
20040 .empty-region-side-post.used-region-side-pre #page-content .region-main {
20043 padding-right: 1rem; }
20044 .empty-region-side-post.used-region-side-pre #page-content .columnleft {
20049 .used-region-side-post.used-region-side-pre #page-content .region-main {
20053 .used-region-side-post.used-region-side-pre #page-content .columnleft {
20058 .used-region-side-post.used-region-side-pre #page-content .columnright {
20061 max-width: 20%; } }
20064 #page-content .region-main
{
20065 max-width: 100% !important
;
20066 /* stylelint-disable-line declaration-no-important */
20067 flex: 0 0 100% !important
;
20068 /* stylelint-disable-line declaration-no-important */
20069 padding: 0 1rem 0 !important
;
20070 /* stylelint-disable-line declaration-no-important */ } }
20072 @media (min-width: 576px) {
20073 .dashboard-card-deck .dashboard-card {
20074 width: calc
(50% - 0.5rem); } }
20076 @media (min-width: 768px) {
20077 .dashboard-card-deck .dashboard-card {
20078 width: calc
(50% - 0.5rem); }
20079 .blocks-post
.dashboard-card-deck
.dashboard-card
,
20080 .blocks-pre .dashboard-card-deck .dashboard-card {
20081 width: calc
(100% - 0.5rem); } }
20083 @media (min-width: 992px) {
20084 .dashboard-card-deck .dashboard-card {
20085 width: calc
(33.33% - 0.5rem); }
20086 .blocks-post
.dashboard-card-deck
.dashboard-card
,
20087 .blocks-pre .dashboard-card-deck .dashboard-card {
20088 width: calc
(50% - 0.5rem); } }
20090 @media (min-width: 1200px) {
20091 .dashboard-card-deck .dashboard-card {
20092 width: calc
(25% - 0.5rem); }
20093 .blocks-post
.dashboard-card-deck
.dashboard-card
,
20094 .blocks-pre .dashboard-card-deck .dashboard-card {
20095 width: calc
(33.33% - 0.5rem); } }
20097 @media (min-width: 768px) {
20098 .blockcolumn .dashboard-card-deck {
20101 .blockcolumn .dashboard-card-deck .dashboard-card {
20102 width: calc
(100% - 0.5rem) !important
;
20103 /* stylelint-disable-line declaration-no-important */ } }
20105 .block_navigation
.block_tree
.list
> li
> ul
,
20106 .block_settings .block_tree.list > li > ul {
20109 .block_navigation
.block_tree
.tree_item
.branch
,
20110 .block_settings .block_tree .tree_item.branch {
20112 padding-left: 0.75rem; }
20114 .block_navigation
.block_tree p
.hasicon
,
20115 .block_settings .block_tree p.hasicon {
20117 padding-left: 0.75rem; }
20119 .block_navigation
.block_tree ul
,
20120 .block_settings .block_tree ul {
20121 margin-left: 0.25rem;
20122 padding-left: 1rem; }
20124 .block_navigation
.block_tree p
.hasicon
.icon
,
20125 .block_settings .block_tree p.hasicon .icon {
20126 margin-right: 5px; }
20130 margin-left: 0 !important
;
20131 /* stylelint-disable-line declaration-no-important */
20132 padding-left: 0 !important
;
20133 /* stylelint-disable-line declaration-no-important */ }
20135 .block.block_settings #settingsnav {
20136 padding-top: 0 !important
;
20137 /* stylelint-disable-line declaration-no-important */ }