3 font-family: 'FontAwesome';
4 src: url
("[[font:core|fontawesome-webfont.eot]]?v=4.7.0");
5 src: url
("[[font:core|fontawesome-webfont.eot]]?#iefix&v=4.7.0") format
("embedded-opentype"), url
("[[font:core|fontawesome-webfont.woff2]]?v=4.7.0") format
("woff2"), url
("[[font:core|fontawesome-webfont.woff]]?v=4.7.0") format
("woff"), url
("[[font:core|fontawesome-webfont.ttf]]?v=4.7.0") format
("truetype"), url
("[[font:core|fontawesome-webfont.svg]]?v=4.7.0#fontawesomeregular") format
("svg");
10 * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
11 * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
14 display: inline-block
;
15 font: normal normal normal
14px/1 FontAwesome
;
18 -webkit-font-smoothing: antialiased
;
19 -moz-osx-font-smoothing: grayscale
; }
21 /* makes the font 33% larger relative to the icon container */
23 font-size: 1.3333333333em;
25 vertical-align: -15%; }
40 width: 1.2857142857em;
45 margin-left: 2.1428571429em;
46 list-style-type: none
; }
52 left: -2.1428571429em;
53 width: 2.1428571429em;
57 left: -1.8571428571em; }
60 padding: .2em .25em .15em;
61 border: solid
0.08em #eee;
62 border-radius: .1em; }
76 /* Deprecated as of 4.4.0 */
90 -webkit-animation: fa-spin
2s infinite linear
;
91 animation: fa-spin
2s infinite linear
; }
94 -webkit-animation: fa-spin
1s infinite steps
(8);
95 animation: fa-spin
1s infinite steps
(8); }
97 @-webkit-keyframes fa-spin
{
99 -webkit-transform: rotate
(0deg);
100 transform: rotate
(0deg); }
102 -webkit-transform: rotate
(359deg);
103 transform: rotate
(359deg); } }
107 -webkit-transform: rotate
(0deg);
108 transform: rotate
(0deg); }
110 -webkit-transform: rotate
(359deg);
111 transform: rotate
(359deg); } }
114 -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
115 -webkit-transform: rotate
(90deg);
116 -ms-transform: rotate
(90deg);
117 transform: rotate
(90deg); }
120 -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
121 -webkit-transform: rotate
(180deg);
122 -ms-transform: rotate
(180deg);
123 transform: rotate
(180deg); }
126 -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
127 -webkit-transform: rotate
(270deg);
128 -ms-transform: rotate
(270deg);
129 transform: rotate
(270deg); }
131 .fa-flip-horizontal {
132 -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
133 -webkit-transform: scale
(-1, 1);
134 -ms-transform: scale
(-1, 1);
135 transform: scale
(-1, 1); }
138 -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
139 -webkit-transform: scale
(1, -1);
140 -ms-transform: scale
(1, -1);
141 transform: scale
(1, -1); }
144 :root
.fa-rotate-180
,
145 :root
.fa-rotate-270
,
146 :root
.fa-flip-horizontal
,
147 :root
.fa-flip-vertical
{
152 display: inline-block
;
156 vertical-align: middle
; }
158 .fa-stack-1x, .fa-stack-2x {
162 text-align: center
; }
165 line-height: inherit
; }
173 /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
174 readers do not read off random characters that represent icons */
184 .fa-envelope-o:before {
202 .fa-th-large:before {
219 .fa-search-plus:before {
222 .fa-search-minus:before {
225 .fa-power-off:before {
250 .fa-download:before {
253 .fa-arrow-circle-o-down:before {
256 .fa-arrow-circle-o-up:before {
262 .fa-play-circle-o:before {
265 .fa-rotate-right:before
,
272 .fa-list-alt:before {
281 .fa-headphones:before {
284 .fa-volume-off:before {
287 .fa-volume-down:before {
290 .fa-volume-up:before {
308 .fa-bookmark:before {
326 .fa-text-height:before {
329 .fa-text-width:before {
332 .fa-align-left:before {
335 .fa-align-center:before {
338 .fa-align-right:before {
341 .fa-align-justify:before {
354 .fa-video-camera:before {
359 .fa-picture-o:before {
365 .fa-map-marker:before {
375 .fa-pencil-square-o:before {
378 .fa-share-square-o:before {
381 .fa-check-square-o:before {
387 .fa-step-backward:before {
390 .fa-fast-backward:before {
393 .fa-backward:before {
408 .fa-fast-forward:before {
411 .fa-step-forward:before {
417 .fa-chevron-left:before {
420 .fa-chevron-right:before {
423 .fa-plus-circle:before {
426 .fa-minus-circle:before {
429 .fa-times-circle:before {
432 .fa-check-circle:before {
435 .fa-question-circle:before {
438 .fa-info-circle:before {
441 .fa-crosshairs:before {
444 .fa-times-circle-o:before {
447 .fa-check-circle-o:before {
453 .fa-arrow-left:before {
456 .fa-arrow-right:before {
459 .fa-arrow-up:before {
462 .fa-arrow-down:before {
465 .fa-mail-forward:before
,
472 .fa-compress:before {
481 .fa-asterisk:before {
484 .fa-exclamation-circle:before {
499 .fa-eye-slash:before {
503 .fa-exclamation-triangle:before {
509 .fa-calendar:before {
521 .fa-chevron-up:before {
524 .fa-chevron-down:before {
530 .fa-shopping-cart:before {
536 .fa-folder-open:before {
539 .fa-arrows-v:before {
542 .fa-arrows-h:before {
545 .fa-bar-chart-o:before
,
546 .fa-bar-chart:before {
549 .fa-twitter-square:before {
552 .fa-facebook-square:before {
555 .fa-camera-retro:before {
565 .fa-comments:before {
568 .fa-thumbs-o-up:before {
571 .fa-thumbs-o-down:before {
574 .fa-star-half:before {
580 .fa-sign-out:before {
583 .fa-linkedin-square:before {
586 .fa-thumb-tack:before {
589 .fa-external-link:before {
598 .fa-github-square:before {
610 .fa-square-o:before {
613 .fa-bookmark-o:before {
616 .fa-phone-square:before {
622 .fa-facebook-f:before
,
623 .fa-facebook:before {
632 .fa-credit-card:before {
642 .fa-bullhorn:before {
648 .fa-certificate:before {
651 .fa-hand-o-right:before {
654 .fa-hand-o-left:before {
657 .fa-hand-o-up:before {
660 .fa-hand-o-down:before {
663 .fa-arrow-circle-left:before {
666 .fa-arrow-circle-right:before {
669 .fa-arrow-circle-up:before {
672 .fa-arrow-circle-down:before {
687 .fa-briefcase:before {
690 .fa-arrows-alt:before {
708 .fa-scissors:before {
715 .fa-paperclip:before {
719 .fa-floppy-o:before {
736 .fa-strikethrough:before {
739 .fa-underline:before {
751 .fa-pinterest:before {
754 .fa-pinterest-square:before {
757 .fa-google-plus-square:before {
760 .fa-google-plus:before {
766 .fa-caret-down:before {
769 .fa-caret-up:before {
772 .fa-caret-left:before {
775 .fa-caret-right:before {
785 .fa-sort-down:before
,
786 .fa-sort-desc:before {
790 .fa-sort-asc:before {
793 .fa-envelope:before {
796 .fa-linkedin:before {
799 .fa-rotate-left:before
,
807 .fa-dashboard:before
,
808 .fa-tachometer:before {
811 .fa-comment-o:before {
814 .fa-comments-o:before {
824 .fa-umbrella:before {
828 .fa-clipboard:before {
831 .fa-lightbulb-o:before {
834 .fa-exchange:before {
837 .fa-cloud-download:before {
840 .fa-cloud-upload:before {
846 .fa-stethoscope:before {
849 .fa-suitcase:before {
861 .fa-file-text-o:before {
864 .fa-building-o:before {
867 .fa-hospital-o:before {
870 .fa-ambulance:before {
876 .fa-fighter-jet:before {
882 .fa-h-square:before {
885 .fa-plus-square:before {
888 .fa-angle-double-left:before {
891 .fa-angle-double-right:before {
894 .fa-angle-double-up:before {
897 .fa-angle-double-down:before {
900 .fa-angle-left:before {
903 .fa-angle-right:before {
906 .fa-angle-up:before {
909 .fa-angle-down:before {
921 .fa-mobile-phone:before
,
925 .fa-circle-o:before {
928 .fa-quote-left:before {
931 .fa-quote-right:before {
940 .fa-mail-reply:before
,
944 .fa-github-alt:before {
947 .fa-folder-o:before {
950 .fa-folder-open-o:before {
965 .fa-keyboard-o:before {
971 .fa-flag-checkered:before {
974 .fa-terminal:before {
980 .fa-mail-reply-all:before
,
981 .fa-reply-all:before {
984 .fa-star-half-empty:before
,
985 .fa-star-half-full:before
,
986 .fa-star-half-o:before {
989 .fa-location-arrow:before {
995 .fa-code-fork:before {
999 .fa-chain-broken:before {
1002 .fa-question:before {
1008 .fa-exclamation:before {
1011 .fa-superscript:before {
1014 .fa-subscript:before {
1020 .fa-puzzle-piece:before {
1023 .fa-microphone:before {
1026 .fa-microphone-slash:before {
1032 .fa-calendar-o:before {
1035 .fa-fire-extinguisher:before {
1044 .fa-chevron-circle-left:before {
1047 .fa-chevron-circle-right:before {
1050 .fa-chevron-circle-up:before {
1053 .fa-chevron-circle-down:before {
1065 .fa-unlock-alt:before {
1068 .fa-bullseye:before {
1071 .fa-ellipsis-h:before {
1074 .fa-ellipsis-v:before {
1077 .fa-rss-square:before {
1080 .fa-play-circle:before {
1086 .fa-minus-square:before {
1089 .fa-minus-square-o:before {
1092 .fa-level-up:before {
1095 .fa-level-down:before {
1098 .fa-check-square:before {
1101 .fa-pencil-square:before {
1104 .fa-external-link-square:before {
1107 .fa-share-square:before {
1110 .fa-compass:before {
1113 .fa-toggle-down:before
,
1114 .fa-caret-square-o-down:before {
1117 .fa-toggle-up:before
,
1118 .fa-caret-square-o-up:before {
1121 .fa-toggle-right:before
,
1122 .fa-caret-square-o-right:before {
1162 .fa-file-text:before {
1165 .fa-sort-alpha-asc:before {
1168 .fa-sort-alpha-desc:before {
1171 .fa-sort-amount-asc:before {
1174 .fa-sort-amount-desc:before {
1177 .fa-sort-numeric-asc:before {
1180 .fa-sort-numeric-desc:before {
1183 .fa-thumbs-up:before {
1186 .fa-thumbs-down:before {
1189 .fa-youtube-square:before {
1192 .fa-youtube:before {
1198 .fa-xing-square:before {
1201 .fa-youtube-play:before {
1204 .fa-dropbox:before {
1207 .fa-stack-overflow:before {
1210 .fa-instagram:before {
1219 .fa-bitbucket:before {
1222 .fa-bitbucket-square:before {
1228 .fa-tumblr-square:before {
1231 .fa-long-arrow-down:before {
1234 .fa-long-arrow-up:before {
1237 .fa-long-arrow-left:before {
1240 .fa-long-arrow-right:before {
1246 .fa-windows:before {
1249 .fa-android:before {
1255 .fa-dribbble:before {
1261 .fa-foursquare:before {
1274 .fa-gratipay:before {
1283 .fa-archive:before {
1298 .fa-pagelines:before {
1301 .fa-stack-exchange:before {
1304 .fa-arrow-circle-o-right:before {
1307 .fa-arrow-circle-o-left:before {
1310 .fa-toggle-left:before
,
1311 .fa-caret-square-o-left:before {
1314 .fa-dot-circle-o:before {
1317 .fa-wheelchair:before {
1320 .fa-vimeo-square:before {
1323 .fa-turkish-lira:before
,
1327 .fa-plus-square-o:before {
1330 .fa-space-shuttle:before {
1336 .fa-envelope-square:before {
1339 .fa-wordpress:before {
1345 .fa-institution:before
,
1347 .fa-university:before {
1350 .fa-mortar-board:before
,
1351 .fa-graduation-cap:before {
1363 .fa-reddit-square:before {
1366 .fa-stumbleupon-circle:before {
1369 .fa-stumbleupon:before {
1372 .fa-delicious:before {
1378 .fa-pied-piper-pp:before {
1381 .fa-pied-piper-alt:before {
1390 .fa-language:before {
1396 .fa-building:before {
1414 .fa-behance:before {
1417 .fa-behance-square:before {
1423 .fa-steam-square:before {
1426 .fa-recycle:before {
1429 .fa-automobile:before
,
1440 .fa-spotify:before {
1443 .fa-deviantart:before {
1446 .fa-soundcloud:before {
1449 .fa-database:before {
1452 .fa-file-pdf-o:before {
1455 .fa-file-word-o:before {
1458 .fa-file-excel-o:before {
1461 .fa-file-powerpoint-o:before {
1464 .fa-file-photo-o:before
,
1465 .fa-file-picture-o:before
,
1466 .fa-file-image-o:before {
1469 .fa-file-zip-o:before
,
1470 .fa-file-archive-o:before {
1473 .fa-file-sound-o:before
,
1474 .fa-file-audio-o:before {
1477 .fa-file-movie-o:before
,
1478 .fa-file-video-o:before {
1481 .fa-file-code-o:before {
1487 .fa-codepen:before {
1490 .fa-jsfiddle:before {
1493 .fa-life-bouy:before
,
1494 .fa-life-buoy:before
,
1495 .fa-life-saver:before
,
1497 .fa-life-ring:before {
1500 .fa-circle-o-notch:before {
1504 .fa-resistance:before
,
1512 .fa-git-square:before {
1518 .fa-y-combinator-square:before
,
1519 .fa-yc-square:before
,
1520 .fa-hacker-news:before {
1523 .fa-tencent-weibo:before {
1534 .fa-paper-plane:before {
1538 .fa-paper-plane-o:before {
1541 .fa-history:before {
1544 .fa-circle-thin:before {
1550 .fa-paragraph:before {
1553 .fa-sliders:before {
1556 .fa-share-alt:before {
1559 .fa-share-alt-square:before {
1565 .fa-soccer-ball-o:before
,
1566 .fa-futbol-o:before {
1572 .fa-binoculars:before {
1578 .fa-slideshare:before {
1587 .fa-newspaper-o:before {
1593 .fa-calculator:before {
1599 .fa-google-wallet:before {
1602 .fa-cc-visa:before {
1605 .fa-cc-mastercard:before {
1608 .fa-cc-discover:before {
1611 .fa-cc-amex:before {
1614 .fa-cc-paypal:before {
1617 .fa-cc-stripe:before {
1620 .fa-bell-slash:before {
1623 .fa-bell-slash-o:before {
1629 .fa-copyright:before {
1635 .fa-eyedropper:before {
1638 .fa-paint-brush:before {
1641 .fa-birthday-cake:before {
1644 .fa-area-chart:before {
1647 .fa-pie-chart:before {
1650 .fa-line-chart:before {
1656 .fa-lastfm-square:before {
1659 .fa-toggle-off:before {
1662 .fa-toggle-on:before {
1665 .fa-bicycle:before {
1671 .fa-ioxhost:before {
1674 .fa-angellist:before {
1685 .fa-meanpath:before {
1688 .fa-buysellads:before {
1691 .fa-connectdevelop:before {
1694 .fa-dashcube:before {
1697 .fa-forumbee:before {
1700 .fa-leanpub:before {
1706 .fa-shirtsinbulk:before {
1709 .fa-simplybuilt:before {
1712 .fa-skyatlas:before {
1715 .fa-cart-plus:before {
1718 .fa-cart-arrow-down:before {
1721 .fa-diamond:before {
1727 .fa-user-secret:before {
1730 .fa-motorcycle:before {
1733 .fa-street-view:before {
1736 .fa-heartbeat:before {
1745 .fa-mercury:before {
1748 .fa-intersex:before
,
1749 .fa-transgender:before {
1752 .fa-transgender-alt:before {
1755 .fa-venus-double:before {
1758 .fa-mars-double:before {
1761 .fa-venus-mars:before {
1764 .fa-mars-stroke:before {
1767 .fa-mars-stroke-v:before {
1770 .fa-mars-stroke-h:before {
1776 .fa-genderless:before {
1779 .fa-facebook-official:before {
1782 .fa-pinterest-p:before {
1785 .fa-whatsapp:before {
1791 .fa-user-plus:before {
1794 .fa-user-times:before {
1801 .fa-viacoin:before {
1814 .fa-y-combinator:before {
1817 .fa-optin-monster:before {
1820 .fa-opencart:before {
1823 .fa-expeditedssl:before {
1826 .fa-battery-4:before
,
1828 .fa-battery-full:before {
1831 .fa-battery-3:before
,
1832 .fa-battery-three-quarters:before {
1835 .fa-battery-2:before
,
1836 .fa-battery-half:before {
1839 .fa-battery-1:before
,
1840 .fa-battery-quarter:before {
1843 .fa-battery-0:before
,
1844 .fa-battery-empty:before {
1847 .fa-mouse-pointer:before {
1850 .fa-i-cursor:before {
1853 .fa-object-group:before {
1856 .fa-object-ungroup:before {
1859 .fa-sticky-note:before {
1862 .fa-sticky-note-o:before {
1868 .fa-cc-diners-club:before {
1874 .fa-balance-scale:before {
1877 .fa-hourglass-o:before {
1880 .fa-hourglass-1:before
,
1881 .fa-hourglass-start:before {
1884 .fa-hourglass-2:before
,
1885 .fa-hourglass-half:before {
1888 .fa-hourglass-3:before
,
1889 .fa-hourglass-end:before {
1892 .fa-hourglass:before {
1895 .fa-hand-grab-o:before
,
1896 .fa-hand-rock-o:before {
1899 .fa-hand-stop-o:before
,
1900 .fa-hand-paper-o:before {
1903 .fa-hand-scissors-o:before {
1906 .fa-hand-lizard-o:before {
1909 .fa-hand-spock-o:before {
1912 .fa-hand-pointer-o:before {
1915 .fa-hand-peace-o:before {
1918 .fa-trademark:before {
1921 .fa-registered:before {
1924 .fa-creative-commons:before {
1930 .fa-gg-circle:before {
1933 .fa-tripadvisor:before {
1936 .fa-odnoklassniki:before {
1939 .fa-odnoklassniki-square:before {
1942 .fa-get-pocket:before {
1945 .fa-wikipedia-w:before {
1954 .fa-firefox:before {
1960 .fa-internet-explorer:before {
1964 .fa-television:before {
1976 .fa-calendar-plus-o:before {
1979 .fa-calendar-minus-o:before {
1982 .fa-calendar-times-o:before {
1985 .fa-calendar-check-o:before {
1988 .fa-industry:before {
1991 .fa-map-pin:before {
1994 .fa-map-signs:before {
2003 .fa-commenting:before {
2006 .fa-commenting-o:before {
2015 .fa-black-tie:before {
2018 .fa-fonticons:before {
2021 .fa-reddit-alien:before {
2027 .fa-credit-card-alt:before {
2030 .fa-codiepie:before {
2036 .fa-fort-awesome:before {
2042 .fa-product-hunt:before {
2045 .fa-mixcloud:before {
2051 .fa-pause-circle:before {
2054 .fa-pause-circle-o:before {
2057 .fa-stop-circle:before {
2060 .fa-stop-circle-o:before {
2063 .fa-shopping-bag:before {
2066 .fa-shopping-basket:before {
2069 .fa-hashtag:before {
2072 .fa-bluetooth:before {
2075 .fa-bluetooth-b:before {
2078 .fa-percent:before {
2084 .fa-wpbeginner:before {
2087 .fa-wpforms:before {
2093 .fa-universal-access:before {
2096 .fa-wheelchair-alt:before {
2099 .fa-question-circle-o:before {
2105 .fa-audio-description:before {
2108 .fa-volume-control-phone:before {
2111 .fa-braille:before {
2114 .fa-assistive-listening-systems:before {
2117 .fa-asl-interpreting:before
,
2118 .fa-american-sign-language-interpreting:before {
2121 .fa-deafness:before
,
2122 .fa-hard-of-hearing:before
,
2129 .fa-glide-g:before {
2133 .fa-sign-language:before {
2136 .fa-low-vision:before {
2142 .fa-viadeo-square:before {
2145 .fa-snapchat:before {
2148 .fa-snapchat-ghost:before {
2151 .fa-snapchat-square:before {
2154 .fa-pied-piper:before {
2157 .fa-first-order:before {
2163 .fa-themeisle:before {
2166 .fa-google-plus-circle:before
,
2167 .fa-google-plus-official:before {
2171 .fa-font-awesome:before {
2174 .fa-handshake-o:before {
2177 .fa-envelope-open:before {
2180 .fa-envelope-open-o:before {
2186 .fa-address-book:before {
2189 .fa-address-book-o:before {
2193 .fa-address-card:before {
2197 .fa-address-card-o:before {
2200 .fa-user-circle:before {
2203 .fa-user-circle-o:before {
2209 .fa-id-badge:before {
2212 .fa-drivers-license:before
,
2213 .fa-id-card:before {
2216 .fa-drivers-license-o:before
,
2217 .fa-id-card-o:before {
2223 .fa-free-code-camp:before {
2226 .fa-telegram:before {
2229 .fa-thermometer-4:before
,
2230 .fa-thermometer:before
,
2231 .fa-thermometer-full:before {
2234 .fa-thermometer-3:before
,
2235 .fa-thermometer-three-quarters:before {
2238 .fa-thermometer-2:before
,
2239 .fa-thermometer-half:before {
2242 .fa-thermometer-1:before
,
2243 .fa-thermometer-quarter:before {
2246 .fa-thermometer-0:before
,
2247 .fa-thermometer-empty:before {
2258 .fa-podcast:before {
2261 .fa-window-maximize:before {
2264 .fa-window-minimize:before {
2267 .fa-window-restore:before {
2270 .fa-times-rectangle:before
,
2271 .fa-window-close:before {
2274 .fa-times-rectangle-o:before
,
2275 .fa-window-close-o:before {
2278 .fa-bandcamp:before {
2290 .fa-ravelry:before {
2293 .fa-eercast:before {
2296 .fa-microchip:before {
2299 .fa-snowflake-o:before {
2302 .fa-superpowers:before {
2305 .fa-wpexplorer:before {
2318 clip: rect
(0, 0, 0, 0);
2321 .sr-only-focusable:active, .sr-only-focusable:focus {
2330 * Bootstrap v4.5.0 (https://getbootstrap.com/)
2331 * Copyright 2011-2020 The Bootstrap Authors
2332 * Copyright 2011-2020 Twitter, Inc.
2333 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
2348 --gray-dark: #343a40;
2350 --secondary: #ced4da;
2358 --breakpoint-sm: 576px;
2359 --breakpoint-md: 768px;
2360 --breakpoint-lg: 992px;
2361 --breakpoint-xl: 1200px;
2362 --font-family-sans-serif: -apple-system
, BlinkMacSystemFont
, "Segoe UI", Roboto
, "Helvetica Neue", Arial
, "Noto Sans", sans-serif
, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
2363 --font-family-monospace: SFMono-Regular
, Menlo
, Monaco
, Consolas
, "Liberation Mono", "Courier New", monospace
; }
2368 box-sizing: border-box
; }
2371 font-family: sans-serif
;
2373 -webkit-text-size-adjust: 100%;
2374 -webkit-tap-highlight-color: rgba
(0, 0, 0, 0); }
2376 article
, aside
, figcaption
, figure
, footer
, header
, hgroup
, main
, nav
, section
{
2381 font-family: -apple-system
, BlinkMacSystemFont
, "Segoe UI", Roboto
, "Helvetica Neue", Arial
, "Noto Sans", sans-serif
, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
2382 font-size: 0.9375rem;
2387 background-color: #fff; }
2388 @media
(max-width: 1200px) {
2390 font-size: calc
(0.90375rem + 0.045vw) ; } }
2392 [tabindex
="-1"]:focus:not
(:focus-visible
) {
2393 outline: 0 !important
; }
2396 box-sizing: content-box
;
2398 overflow: visible
; }
2400 h1
, h2
, h3
, h4
, h5
, h6
{
2402 margin-bottom: 0.5rem; }
2406 margin-bottom: 1rem; }
2409 abbr
[data-original-title
] {
2410 text-decoration: underline
;
2411 text-decoration: underline dotted
;
2414 text-decoration-skip-ink: none
; }
2417 margin-bottom: 1rem;
2419 line-height: inherit
; }
2425 margin-bottom: 1rem; }
2437 margin-bottom: .5rem;
2445 font-weight: bolder
; }
2455 vertical-align: baseline
; }
2465 text-decoration: none
;
2466 background-color: transparent
; }
2469 text-decoration: underline
; }
2473 text-decoration: none
; }
2474 a:not
([href
]):hover
{
2476 text-decoration: none
; }
2482 font-family: SFMono-Regular
, Menlo
, Monaco
, Consolas
, "Liberation Mono", "Courier New", monospace
;
2487 margin-bottom: 1rem;
2489 -ms-overflow-style: scrollbar
; }
2495 vertical-align: middle
;
2496 border-style: none
; }
2500 vertical-align: middle
; }
2503 border-collapse: collapse
; }
2506 padding-top: 0.75rem;
2507 padding-bottom: 0.75rem;
2510 caption-side: bottom
; }
2513 text-align: inherit
; }
2516 display: inline-block
;
2517 margin-bottom: 0.5rem; }
2523 outline: 1px dotted
;
2524 outline: 5px auto
-webkit-focus-ring-color
; }
2532 font-family: inherit
;
2534 line-height: inherit
; }
2538 overflow: visible
; }
2542 text-transform: none
; }
2548 word-wrap: normal
; }
2554 -webkit-appearance: button
; }
2556 button:not
(:disabled
),
2557 [type
="button"]:not
(:disabled
),
2558 [type
="reset"]:not
(:disabled
),
2559 [type
="submit"]:not
(:disabled
) {
2562 button::-moz-focus-inner
,
2563 [type
="button"]::-moz-focus-inner
,
2564 [type
="reset"]::-moz-focus-inner
,
2565 [type
="submit"]::-moz-focus-inner
{
2567 border-style: none
; }
2569 input
[type
="radio"],
2570 input
[type
="checkbox"] {
2571 box-sizing: border-box
;
2589 margin-bottom: .5rem;
2591 line-height: inherit
;
2593 white-space: normal
; }
2594 @media
(max-width: 1200px) {
2596 font-size: calc
(0.96rem + 0.72vw) ; } }
2599 vertical-align: baseline
; }
2601 [type
="number"]::-webkit-inner-spin-button
,
2602 [type
="number"]::-webkit-outer-spin-button
{
2606 outline-offset: -2px;
2607 -webkit-appearance: none
; }
2609 [type
="search"]::-webkit-search-decoration
{
2610 -webkit-appearance: none
; }
2612 ::-webkit-file-upload-button
{
2614 -webkit-appearance: button
; }
2617 display: inline-block
; }
2627 display: none
!important
; }
2629 h1
, h2
, h3
, h4
, h5
, h6
,
2630 .h1, .h2, .h3, .h4, .h5, .h6 {
2631 margin-bottom: 0.5rem;
2636 font-size: 2.34375rem; }
2637 @media
(max-width: 1200px) {
2639 font-size: calc
(1.044375rem + 1.7325vw) ; } }
2642 font-size: 1.875rem; }
2643 @media
(max-width: 1200px) {
2645 font-size: calc
(0.9975rem + 1.17vw) ; } }
2648 font-size: 1.640625rem; }
2649 @media
(max-width: 1200px) {
2651 font-size: calc
(0.9740625rem + 0.88875vw) ; } }
2654 font-size: 1.40625rem; }
2655 @media
(max-width: 1200px) {
2657 font-size: calc
(0.950625rem + 0.6075vw) ; } }
2660 font-size: 1.171875rem; }
2661 @media
(max-width: 1200px) {
2663 font-size: calc
(0.9271875rem + 0.32625vw) ; } }
2666 font-size: 0.9375rem; }
2667 @media
(max-width: 1200px) {
2669 font-size: calc
(0.90375rem + 0.045vw) ; } }
2672 font-size: 1.171875rem;
2674 @media
(max-width: 1200px) {
2676 font-size: calc
(0.9271875rem + 0.32625vw) ; } }
2682 @media
(max-width: 1200px) {
2684 font-size: calc
(1.41rem + 6.12vw) ; } }
2690 @media
(max-width: 1200px) {
2692 font-size: calc
(1.36rem + 5.52vw) ; } }
2698 @media
(max-width: 1200px) {
2700 font-size: calc
(1.26rem + 4.32vw) ; } }
2706 @media
(max-width: 1200px) {
2708 font-size: calc
(1.16rem + 3.12vw) ; } }
2712 margin-bottom: 1rem;
2714 border-top: 1px solid rgba
(0, 0, 0, 0.1); }
2724 background-color: #fcf8e3; }
2735 display: inline-block
; }
2736 .list-inline-item:not(:last-child) {
2737 margin-right: 0.5rem; }
2741 text-transform: uppercase
; }
2744 margin-bottom: 1rem;
2745 font-size: 1.171875rem; }
2746 @media
(max-width: 1200px) {
2748 font-size: calc
(0.9271875rem + 0.32625vw) ; } }
2750 .blockquote-footer {
2754 .blockquote-footer::before {
2755 content: "\2014\00A0"; }
2763 background-color: #fff;
2764 border: 1px solid
#dee2e6;
2769 display: inline-block
; }
2772 margin-bottom: 0.5rem;
2782 word-wrap: break-word
; }
2787 padding: 0.2rem 0.4rem;
2790 background-color: #212529; }
2803 word-break: normal
; }
2807 overflow-y: scroll
; }
2811 padding-right: 15px;
2814 margin-left: auto
; }
2815 @media
(min-width: 576px) {
2817 max-width: 540px; } }
2818 @media
(min-width: 768px) {
2820 max-width: 720px; } }
2821 @media
(min-width: 992px) {
2823 max-width: 960px; } }
2824 @media
(min-width: 1200px) {
2826 max-width: 1140px; } }
2828 .container-fluid, .container-sm, .container-md, .container-lg, .container-xl {
2830 padding-right: 15px;
2833 margin-left: auto
; }
2835 @media (min-width: 576px) {
2836 .container, .container-sm {
2837 max-width: 540px; } }
2839 @media (min-width: 768px) {
2840 .container, .container-sm, .container-md {
2841 max-width: 720px; } }
2843 @media (min-width: 992px) {
2844 .container, .container-sm, .container-md, .container-lg {
2845 max-width: 960px; } }
2847 @media (min-width: 1200px) {
2848 .container, .container-sm, .container-md, .container-lg, .container-xl {
2849 max-width: 1140px; } }
2854 margin-right: -15px;
2855 margin-left: -15px; }
2861 .no-gutters > [class*="col-"] {
2865 .col-1
, .col-2
, .col-3
, .col-4
, .col-5
, .col-6
, .col-7
, .col-8
, .col-9
, .col-10
, .col-11
, .col-12
, .col
,
2866 .col-auto
, .col-sm-1
, .col-sm-2
, .col-sm-3
, .col-sm-4
, .col-sm-5
, .col-sm-6
, .col-sm-7
, .col-sm-8
, .col-sm-9
, .col-sm-10
, .col-sm-11
, .col-sm-12
, .col-sm
,
2867 .col-sm-auto
, .col-md-1
, .col-md-2
, .col-md-3
, .col-md-4
, .col-md-5
, .col-md-6
, .col-md-7
, .col-md-8
, .col-md-9
, .col-md-10
, .col-md-11
, .col-md-12
, .col-md
,
2868 .col-md-auto
, .col-lg-1
, .col-lg-2
, .col-lg-3
, .col-lg-4
, .col-lg-5
, .col-lg-6
, .col-lg-7
, .col-lg-8
, .col-lg-9
, .col-lg-10
, .col-lg-11
, .col-lg-12
, .col-lg
,
2869 .col-lg-auto
, .col-xl-1
, .col-xl-2
, .col-xl-3
, .col-xl-4
, .col-xl-5
, .col-xl-6
, .col-xl-7
, .col-xl-8
, .col-xl-9
, .col-xl-10
, .col-xl-11
, .col-xl-12
, .col-xl
,
2873 padding-right: 15px;
2874 padding-left: 15px; }
2891 flex: 0 0 33.3333333333%;
2892 max-width: 33.3333333333%; }
2903 flex: 0 0 16.6666666667%;
2904 max-width: 16.6666666667%; }
2912 flex: 0 0 8.3333333333%;
2913 max-width: 8.3333333333%; }
2916 flex: 0 0 16.6666666667%;
2917 max-width: 16.6666666667%; }
2924 flex: 0 0 33.3333333333%;
2925 max-width: 33.3333333333%; }
2928 flex: 0 0 41.6666666667%;
2929 max-width: 41.6666666667%; }
2936 flex: 0 0 58.3333333333%;
2937 max-width: 58.3333333333%; }
2940 flex: 0 0 66.6666666667%;
2941 max-width: 66.6666666667%; }
2948 flex: 0 0 83.3333333333%;
2949 max-width: 83.3333333333%; }
2952 flex: 0 0 91.6666666667%;
2953 max-width: 91.6666666667%; }
3005 margin-left: 8.3333333333%; }
3008 margin-left: 16.6666666667%; }
3014 margin-left: 33.3333333333%; }
3017 margin-left: 41.6666666667%; }
3023 margin-left: 58.3333333333%; }
3026 margin-left: 66.6666666667%; }
3032 margin-left: 83.3333333333%; }
3035 margin-left: 91.6666666667%; }
3037 @media (min-width: 576px) {
3043 .row-cols-sm-1 > * {
3046 .row-cols-sm-2 > * {
3049 .row-cols-sm-3 > * {
3050 flex: 0 0 33.3333333333%;
3051 max-width: 33.3333333333%; }
3052 .row-cols-sm-4 > * {
3055 .row-cols-sm-5 > * {
3058 .row-cols-sm-6 > * {
3059 flex: 0 0 16.6666666667%;
3060 max-width: 16.6666666667%; }
3066 flex: 0 0 8.3333333333%;
3067 max-width: 8.3333333333%; }
3069 flex: 0 0 16.6666666667%;
3070 max-width: 16.6666666667%; }
3075 flex: 0 0 33.3333333333%;
3076 max-width: 33.3333333333%; }
3078 flex: 0 0 41.6666666667%;
3079 max-width: 41.6666666667%; }
3084 flex: 0 0 58.3333333333%;
3085 max-width: 58.3333333333%; }
3087 flex: 0 0 66.6666666667%;
3088 max-width: 66.6666666667%; }
3093 flex: 0 0 83.3333333333%;
3094 max-width: 83.3333333333%; }
3096 flex: 0 0 91.6666666667%;
3097 max-width: 91.6666666667%; }
3134 margin-left: 8.3333333333%; }
3136 margin-left: 16.6666666667%; }
3140 margin-left: 33.3333333333%; }
3142 margin-left: 41.6666666667%; }
3146 margin-left: 58.3333333333%; }
3148 margin-left: 66.6666666667%; }
3152 margin-left: 83.3333333333%; }
3154 margin-left: 91.6666666667%; } }
3156 @media (min-width: 768px) {
3162 .row-cols-md-1 > * {
3165 .row-cols-md-2 > * {
3168 .row-cols-md-3 > * {
3169 flex: 0 0 33.3333333333%;
3170 max-width: 33.3333333333%; }
3171 .row-cols-md-4 > * {
3174 .row-cols-md-5 > * {
3177 .row-cols-md-6 > * {
3178 flex: 0 0 16.6666666667%;
3179 max-width: 16.6666666667%; }
3185 flex: 0 0 8.3333333333%;
3186 max-width: 8.3333333333%; }
3188 flex: 0 0 16.6666666667%;
3189 max-width: 16.6666666667%; }
3194 flex: 0 0 33.3333333333%;
3195 max-width: 33.3333333333%; }
3197 flex: 0 0 41.6666666667%;
3198 max-width: 41.6666666667%; }
3203 flex: 0 0 58.3333333333%;
3204 max-width: 58.3333333333%; }
3206 flex: 0 0 66.6666666667%;
3207 max-width: 66.6666666667%; }
3212 flex: 0 0 83.3333333333%;
3213 max-width: 83.3333333333%; }
3215 flex: 0 0 91.6666666667%;
3216 max-width: 91.6666666667%; }
3253 margin-left: 8.3333333333%; }
3255 margin-left: 16.6666666667%; }
3259 margin-left: 33.3333333333%; }
3261 margin-left: 41.6666666667%; }
3265 margin-left: 58.3333333333%; }
3267 margin-left: 66.6666666667%; }
3271 margin-left: 83.3333333333%; }
3273 margin-left: 91.6666666667%; } }
3275 @media (min-width: 992px) {
3281 .row-cols-lg-1 > * {
3284 .row-cols-lg-2 > * {
3287 .row-cols-lg-3 > * {
3288 flex: 0 0 33.3333333333%;
3289 max-width: 33.3333333333%; }
3290 .row-cols-lg-4 > * {
3293 .row-cols-lg-5 > * {
3296 .row-cols-lg-6 > * {
3297 flex: 0 0 16.6666666667%;
3298 max-width: 16.6666666667%; }
3304 flex: 0 0 8.3333333333%;
3305 max-width: 8.3333333333%; }
3307 flex: 0 0 16.6666666667%;
3308 max-width: 16.6666666667%; }
3313 flex: 0 0 33.3333333333%;
3314 max-width: 33.3333333333%; }
3316 flex: 0 0 41.6666666667%;
3317 max-width: 41.6666666667%; }
3322 flex: 0 0 58.3333333333%;
3323 max-width: 58.3333333333%; }
3325 flex: 0 0 66.6666666667%;
3326 max-width: 66.6666666667%; }
3331 flex: 0 0 83.3333333333%;
3332 max-width: 83.3333333333%; }
3334 flex: 0 0 91.6666666667%;
3335 max-width: 91.6666666667%; }
3372 margin-left: 8.3333333333%; }
3374 margin-left: 16.6666666667%; }
3378 margin-left: 33.3333333333%; }
3380 margin-left: 41.6666666667%; }
3384 margin-left: 58.3333333333%; }
3386 margin-left: 66.6666666667%; }
3390 margin-left: 83.3333333333%; }
3392 margin-left: 91.6666666667%; } }
3394 @media (min-width: 1200px) {
3400 .row-cols-xl-1 > * {
3403 .row-cols-xl-2 > * {
3406 .row-cols-xl-3 > * {
3407 flex: 0 0 33.3333333333%;
3408 max-width: 33.3333333333%; }
3409 .row-cols-xl-4 > * {
3412 .row-cols-xl-5 > * {
3415 .row-cols-xl-6 > * {
3416 flex: 0 0 16.6666666667%;
3417 max-width: 16.6666666667%; }
3423 flex: 0 0 8.3333333333%;
3424 max-width: 8.3333333333%; }
3426 flex: 0 0 16.6666666667%;
3427 max-width: 16.6666666667%; }
3432 flex: 0 0 33.3333333333%;
3433 max-width: 33.3333333333%; }
3435 flex: 0 0 41.6666666667%;
3436 max-width: 41.6666666667%; }
3441 flex: 0 0 58.3333333333%;
3442 max-width: 58.3333333333%; }
3444 flex: 0 0 66.6666666667%;
3445 max-width: 66.6666666667%; }
3450 flex: 0 0 83.3333333333%;
3451 max-width: 83.3333333333%; }
3453 flex: 0 0 91.6666666667%;
3454 max-width: 91.6666666667%; }
3491 margin-left: 8.3333333333%; }
3493 margin-left: 16.6666666667%; }
3497 margin-left: 33.3333333333%; }
3499 margin-left: 41.6666666667%; }
3503 margin-left: 58.3333333333%; }
3505 margin-left: 66.6666666667%; }
3509 margin-left: 83.3333333333%; }
3511 margin-left: 91.6666666667%; } }
3515 margin-bottom: 1rem;
3520 vertical-align: top
;
3521 border-top: 1px solid
#dee2e6; }
3523 vertical-align: bottom
;
3524 border-bottom: 2px solid
#dee2e6; }
3525 .table tbody + tbody {
3526 border-top: 2px solid
#dee2e6; }
3533 border: 1px solid
#dee2e6; }
3535 .table-bordered td {
3536 border: 1px solid
#dee2e6; }
3537 .table-bordered thead th
,
3538 .table-bordered thead td {
3539 border-bottom-width: 2px; }
3541 .table-borderless th
,
3542 .table-borderless td
,
3543 .table-borderless thead th
,
3544 .table-borderless tbody + tbody {
3547 .table-striped tbody tr:nth-of-type(odd) {
3548 background-color: rgba
(0, 0, 0, 0.05); }
3550 .table-hover tbody tr:hover {
3552 background-color: rgba
(0, 0, 0, 0.075); }
3555 .table-primary
> th
,
3556 .table-primary > td {
3557 background-color: #bcd7ef; }
3561 .table-primary thead th
,
3562 .table-primary tbody + tbody {
3563 border-color: #82b4e1; }
3565 .table-hover .table-primary:hover {
3566 background-color: #a7cbea; }
3567 .table-hover
.table-primary:hover
> td
,
3568 .table-hover .table-primary:hover > th {
3569 background-color: #a7cbea; }
3572 .table-secondary
> th
,
3573 .table-secondary > td {
3574 background-color: #f1f3f5; }
3576 .table-secondary th
,
3577 .table-secondary td
,
3578 .table-secondary thead th
,
3579 .table-secondary tbody + tbody {
3580 border-color: #e6e9ec; }
3582 .table-hover .table-secondary:hover {
3583 background-color: #e2e6ea; }
3584 .table-hover
.table-secondary:hover
> td
,
3585 .table-hover .table-secondary:hover > th {
3586 background-color: #e2e6ea; }
3589 .table-success
> th
,
3590 .table-success > td {
3591 background-color: #c6dac6; }
3595 .table-success thead th
,
3596 .table-success tbody + tbody {
3597 border-color: #96ba94; }
3599 .table-hover .table-success:hover {
3600 background-color: #b7d0b7; }
3601 .table-hover
.table-success:hover
> td
,
3602 .table-hover .table-success:hover > th {
3603 background-color: #b7d0b7; }
3608 background-color: #b8dce2; }
3612 .table-info thead th
,
3613 .table-info tbody + tbody {
3614 border-color: #7abdc8; }
3616 .table-hover .table-info:hover {
3617 background-color: #a6d3db; }
3618 .table-hover
.table-info:hover
> td
,
3619 .table-hover .table-info:hover > th {
3620 background-color: #a6d3db; }
3623 .table-warning
> th
,
3624 .table-warning > td {
3625 background-color: #fbe8cd; }
3629 .table-warning thead th
,
3630 .table-warning tbody + tbody {
3631 border-color: #f7d4a3; }
3633 .table-hover .table-warning:hover {
3634 background-color: #f9ddb5; }
3635 .table-hover
.table-warning:hover
> td
,
3636 .table-hover .table-warning:hover > th {
3637 background-color: #f9ddb5; }
3641 .table-danger > td {
3642 background-color: #f0c5c1; }
3646 .table-danger thead th
,
3647 .table-danger tbody + tbody {
3648 border-color: #e3948b; }
3650 .table-hover .table-danger:hover {
3651 background-color: #ebb2ac; }
3652 .table-hover
.table-danger:hover
> td
,
3653 .table-hover .table-danger:hover > th {
3654 background-color: #ebb2ac; }
3659 background-color: #fdfdfe; }
3663 .table-light thead th
,
3664 .table-light tbody + tbody {
3665 border-color: #fbfcfc; }
3667 .table-hover .table-light:hover {
3668 background-color: #ececf6; }
3669 .table-hover
.table-light:hover
> td
,
3670 .table-hover .table-light:hover > th {
3671 background-color: #ececf6; }
3676 background-color: #c6c8ca; }
3680 .table-dark thead th
,
3681 .table-dark tbody + tbody {
3682 border-color: #95999c; }
3684 .table-hover .table-dark:hover {
3685 background-color: #b9bbbe; }
3686 .table-hover
.table-dark:hover
> td
,
3687 .table-hover .table-dark:hover > th {
3688 background-color: #b9bbbe; }
3692 .table-active > td {
3693 background-color: rgba
(0, 0, 0, 0.075); }
3695 .table-hover .table-active:hover {
3696 background-color: rgba
(0, 0, 0, 0.075); }
3697 .table-hover
.table-active:hover
> td
,
3698 .table-hover .table-active:hover > th {
3699 background-color: rgba
(0, 0, 0, 0.075); }
3701 .table .thead-dark th {
3703 background-color: #343a40;
3704 border-color: #454d55; }
3706 .table .thead-light th {
3708 background-color: #e9ecef;
3709 border-color: #dee2e6; }
3713 background-color: #343a40; }
3716 .table-dark thead th {
3717 border-color: #454d55; }
3718 .table-dark.table-bordered {
3720 .table-dark.table-striped tbody tr:nth-of-type(odd) {
3721 background-color: rgba
(255, 255, 255, 0.05); }
3722 .table-dark.table-hover tbody tr:hover {
3724 background-color: rgba
(255, 255, 255, 0.075); }
3726 @media (max-width: 575.98px) {
3727 .table-responsive-sm {
3731 -webkit-overflow-scrolling: touch
; }
3732 .table-responsive-sm > .table-bordered {
3735 @media (max-width: 767.98px) {
3736 .table-responsive-md {
3740 -webkit-overflow-scrolling: touch
; }
3741 .table-responsive-md > .table-bordered {
3744 @media (max-width: 991.98px) {
3745 .table-responsive-lg {
3749 -webkit-overflow-scrolling: touch
; }
3750 .table-responsive-lg > .table-bordered {
3753 @media (max-width: 1199.98px) {
3754 .table-responsive-xl {
3758 -webkit-overflow-scrolling: touch
; }
3759 .table-responsive-xl > .table-bordered {
3766 -webkit-overflow-scrolling: touch
; }
3767 .table-responsive > .table-bordered {
3773 height: calc
(1.5em + 0.75rem + 2px);
3774 padding: 0.375rem 0.75rem;
3775 font-size: 0.9375rem;
3779 background-color: #fff;
3780 background-clip: padding-box
;
3781 border: 1px solid
#8f959e;
3783 transition: border-color
0.15s ease-in-out
, box-shadow
0.15s ease-in-out
; }
3784 @media
(max-width: 1200px) {
3786 font-size: calc
(0.90375rem + 0.045vw) ; } }
3787 @media
(prefers-reduced-motion: reduce
) {
3789 transition: none
; } }
3790 .form-control::-ms-expand {
3791 background-color: transparent
;
3793 .form-control:-moz-focusring {
3795 text-shadow: 0 0 0 #495057; }
3796 .form-control:focus {
3798 background-color: #fff;
3799 border-color: #61aef3;
3801 box-shadow: 0 0 0 0.2rem rgba
(15, 111, 197, 0.75); }
3802 .form-control::placeholder {
3805 .form-control:disabled, .form-control[readonly] {
3806 background-color: #e9ecef;
3809 input
[type
="date"].form-control
,
3810 input
[type
="time"].form-control
,
3811 input
[type
="datetime-local"].form-control
,
3812 input
[type
="month"].form-control
{
3815 select
.form-control:focus::-ms-value
{
3817 background-color: #fff; }
3820 .form-control-range {
3825 padding-top: calc
(0.375rem + 1px);
3826 padding-bottom: calc
(0.375rem + 1px);
3831 .col-form-label-lg {
3832 padding-top: calc
(0.5rem + 1px);
3833 padding-bottom: calc
(0.5rem + 1px);
3834 font-size: 1.171875rem;
3836 @media
(max-width: 1200px) {
3837 .col-form-label-lg {
3838 font-size: calc
(0.9271875rem + 0.32625vw) ; } }
3840 .col-form-label-sm {
3841 padding-top: calc
(0.25rem + 1px);
3842 padding-bottom: calc
(0.25rem + 1px);
3843 font-size: 0.8203125rem;
3846 .form-control-plaintext {
3849 padding: 0.375rem 0;
3851 font-size: 0.9375rem;
3854 background-color: transparent
;
3855 border: solid transparent
;
3856 border-width: 1px 0; }
3857 @media
(max-width: 1200px) {
3858 .form-control-plaintext {
3859 font-size: calc
(0.90375rem + 0.045vw) ; } }
3860 .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
3865 height: calc
(1.5em + 0.5rem + 2px);
3866 padding: 0.25rem 0.5rem;
3867 font-size: 0.8203125rem;
3871 height: calc
(1.5em + 1rem + 2px);
3872 padding: 0.5rem 1rem;
3873 font-size: 1.171875rem;
3875 @media
(max-width: 1200px) {
3877 font-size: calc
(0.9271875rem + 0.32625vw) ; } }
3879 select
.form-control
[size
], select
.form-control
[multiple
] {
3882 textarea
.form-control
{
3886 margin-bottom: 1rem; }
3890 margin-top: 0.25rem; }
3896 margin-left: -5px; }
3898 .form-row > [class*="col-"] {
3900 padding-left: 5px; }
3905 padding-left: 1.25rem; }
3910 margin-left: -1.25rem; }
3911 .form-check-input
[disabled
] ~ .form-check-label
,
3912 .form-check-input:disabled ~ .form-check-label {
3918 .form-check-inline {
3919 display: inline-flex
;
3920 align-items: center
;
3922 margin-right: 0.75rem; }
3923 .form-check-inline .form-check-input {
3926 margin-right: 0.3125rem;
3932 margin-top: 0.25rem;
3942 padding: 0.25rem 0.5rem;
3944 font-size: 0.8203125rem;
3947 background-color: rgba
(53, 122, 50, 0.9); }
3949 .was-validated :valid
~ .valid-feedback
,
3950 .was-validated :valid
~ .valid-tooltip
,
3951 .is-valid
~ .valid-feedback
,
3952 .is-valid ~ .valid-tooltip {
3955 .was-validated .form-control:valid, .form-control.is-valid {
3956 border-color: #357a32;
3957 padding-right: calc
(1.5em + 0.75rem);
3958 background-image: url
("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%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");
3959 background-repeat: no-repeat
;
3960 background-position: right calc
(0.375em + 0.1875rem) center
;
3961 background-size: calc
(0.75em + 0.375rem) calc
(0.75em + 0.375rem); }
3962 .was-validated .form-control:valid:focus, .form-control.is-valid:focus {
3963 border-color: #357a32;
3964 box-shadow: 0 0 0 0.2rem rgba
(53, 122, 50, 0.25); }
3966 .was-validated textarea.form-control:valid, textarea.form-control.is-valid {
3967 padding-right: calc
(1.5em + 0.75rem);
3968 background-position: top calc
(0.375em + 0.1875rem) right calc
(0.375em + 0.1875rem); }
3970 .was-validated .custom-select:valid, .custom-select.is-valid {
3971 border-color: #357a32;
3972 padding-right: calc
(0.75em + 2.3125rem);
3973 background: url
("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right
0.75rem center
/8px 10px, url
("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%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); }
3974 .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
3975 border-color: #357a32;
3976 box-shadow: 0 0 0 0.2rem rgba
(53, 122, 50, 0.25); }
3978 .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
3981 .was-validated
.form-check-input:valid
~ .valid-feedback
,
3982 .was-validated
.form-check-input:valid
~ .valid-tooltip
, .form-check-input
.is-valid
~ .valid-feedback
,
3983 .form-check-input.is-valid ~ .valid-tooltip {
3986 .was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
3988 .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
3989 border-color: #357a32; }
3991 .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
3992 border-color: #459e41;
3993 background-color: #459e41; }
3995 .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
3996 box-shadow: 0 0 0 0.2rem rgba
(53, 122, 50, 0.25); }
3998 .was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
3999 border-color: #357a32; }
4001 .was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
4002 border-color: #357a32; }
4004 .was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
4005 border-color: #357a32;
4006 box-shadow: 0 0 0 0.2rem rgba
(53, 122, 50, 0.25); }
4011 margin-top: 0.25rem;
4021 padding: 0.25rem 0.5rem;
4023 font-size: 0.8203125rem;
4026 background-color: rgba
(202, 49, 32, 0.9); }
4028 .was-validated :invalid
~ .invalid-feedback
,
4029 .was-validated :invalid
~ .invalid-tooltip
,
4030 .is-invalid
~ .invalid-feedback
,
4031 .is-invalid ~ .invalid-tooltip {
4034 .was-validated .form-control:invalid, .form-control.is-invalid {
4035 border-color: #ca3120;
4036 padding-right: calc
(1.5em + 0.75rem);
4037 background-image: url
("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%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");
4038 background-repeat: no-repeat
;
4039 background-position: right calc
(0.375em + 0.1875rem) center
;
4040 background-size: calc
(0.75em + 0.375rem) calc
(0.75em + 0.375rem); }
4041 .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
4042 border-color: #ca3120;
4043 box-shadow: 0 0 0 0.2rem rgba
(202, 49, 32, 0.25); }
4045 .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
4046 padding-right: calc
(1.5em + 0.75rem);
4047 background-position: top calc
(0.375em + 0.1875rem) right calc
(0.375em + 0.1875rem); }
4049 .was-validated .custom-select:invalid, .custom-select.is-invalid {
4050 border-color: #ca3120;
4051 padding-right: calc
(0.75em + 2.3125rem);
4052 background: url
("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right
0.75rem center
/8px 10px, url
("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%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); }
4053 .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
4054 border-color: #ca3120;
4055 box-shadow: 0 0 0 0.2rem rgba
(202, 49, 32, 0.25); }
4057 .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
4060 .was-validated
.form-check-input:invalid
~ .invalid-feedback
,
4061 .was-validated
.form-check-input:invalid
~ .invalid-tooltip
, .form-check-input
.is-invalid
~ .invalid-feedback
,
4062 .form-check-input.is-invalid ~ .invalid-tooltip {
4065 .was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
4067 .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
4068 border-color: #ca3120; }
4070 .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
4071 border-color: #e04d3d;
4072 background-color: #e04d3d; }
4074 .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
4075 box-shadow: 0 0 0 0.2rem rgba
(202, 49, 32, 0.25); }
4077 .was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
4078 border-color: #ca3120; }
4080 .was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
4081 border-color: #ca3120; }
4083 .was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
4084 border-color: #ca3120;
4085 box-shadow: 0 0 0 0.2rem rgba
(202, 49, 32, 0.25); }
4089 flex-flow: row wrap
;
4090 align-items: center
; }
4091 .form-inline .form-check {
4093 @media
(min-width: 576px) {
4094 .form-inline label {
4096 align-items: center
;
4097 justify-content: center
;
4099 .form-inline .form-group {
4102 flex-flow: row wrap
;
4103 align-items: center
;
4105 .form-inline .form-control {
4106 display: inline-block
;
4108 vertical-align: middle
; }
4109 .form-inline .form-control-plaintext {
4110 display: inline-block
; }
4111 .form-inline
.input-group
,
4112 .form-inline .custom-select {
4114 .form-inline .form-check {
4116 align-items: center
;
4117 justify-content: center
;
4120 .form-inline .form-check-input {
4124 margin-right: 0.25rem;
4126 .form-inline .custom-control {
4127 align-items: center
;
4128 justify-content: center
; }
4129 .form-inline .custom-control-label {
4130 margin-bottom: 0; } }
4133 display: inline-block
;
4137 vertical-align: middle
;
4139 background-color: transparent
;
4140 border: 1px solid transparent
;
4141 padding: 0.375rem 0.75rem;
4142 font-size: 0.9375rem;
4145 transition: color
0.15s ease-in-out
, background-color
0.15s ease-in-out
, border-color
0.15s ease-in-out
, box-shadow
0.15s ease-in-out
; }
4146 @media
(max-width: 1200px) {
4148 font-size: calc
(0.90375rem + 0.045vw) ; } }
4149 @media
(prefers-reduced-motion: reduce
) {
4151 transition: none
; } }
4154 text-decoration: none
; }
4155 .btn:focus, .btn.focus {
4157 box-shadow: 0 0 0 0.2rem rgba
(15, 111, 197, 0.75); }
4158 .btn.disabled, .btn:disabled {
4160 .btn:not(:disabled):not(.disabled) {
4164 fieldset:disabled a
.btn
{
4165 pointer-events: none
; }
4169 background-color: #0f6fc5;
4170 border-color: #0f6fc5; }
4171 .btn-primary:hover {
4173 background-color: #0c5ba1;
4174 border-color: #0b5496; }
4175 .btn-primary:focus, .btn-primary.focus {
4177 background-color: #0c5ba1;
4178 border-color: #0b5496;
4179 box-shadow: 0 0 0 0.2rem rgba
(51, 133, 206, 0.5); }
4180 .btn-primary.disabled, .btn-primary:disabled {
4182 background-color: #0f6fc5;
4183 border-color: #0f6fc5; }
4184 .btn-primary:not
(:disabled
):not
(.disabled
):active
, .btn-primary:not
(:disabled
):not
(.disabled
).active
,
4185 .show > .btn-primary.dropdown-toggle {
4187 background-color: #0b5496;
4188 border-color: #0a4e8a; }
4189 .btn-primary:not
(:disabled
):not
(.disabled
):active:focus
, .btn-primary:not
(:disabled
):not
(.disabled
).active:focus
,
4190 .show > .btn-primary.dropdown-toggle:focus {
4191 box-shadow: 0 0 0 0.2rem rgba
(51, 133, 206, 0.5); }
4195 background-color: #ced4da;
4196 border-color: #ced4da; }
4197 .btn-secondary:hover {
4199 background-color: #b8c1ca;
4200 border-color: #b1bbc4; }
4201 .btn-secondary:focus, .btn-secondary.focus {
4203 background-color: #b8c1ca;
4204 border-color: #b1bbc4;
4205 box-shadow: 0 0 0 0.2rem rgba
(180, 186, 191, 0.5); }
4206 .btn-secondary.disabled, .btn-secondary:disabled {
4208 background-color: #ced4da;
4209 border-color: #ced4da; }
4210 .btn-secondary:not
(:disabled
):not
(.disabled
):active
, .btn-secondary:not
(:disabled
):not
(.disabled
).active
,
4211 .show > .btn-secondary.dropdown-toggle {
4213 background-color: #b1bbc4;
4214 border-color: #aab4bf; }
4215 .btn-secondary:not
(:disabled
):not
(.disabled
):active:focus
, .btn-secondary:not
(:disabled
):not
(.disabled
).active:focus
,
4216 .show > .btn-secondary.dropdown-toggle:focus {
4217 box-shadow: 0 0 0 0.2rem rgba
(180, 186, 191, 0.5); }
4221 background-color: #357a32;
4222 border-color: #357a32; }
4223 .btn-success:hover {
4225 background-color: #295f27;
4226 border-color: #255623; }
4227 .btn-success:focus, .btn-success.focus {
4229 background-color: #295f27;
4230 border-color: #255623;
4231 box-shadow: 0 0 0 0.2rem rgba
(83, 142, 81, 0.5); }
4232 .btn-success.disabled, .btn-success:disabled {
4234 background-color: #357a32;
4235 border-color: #357a32; }
4236 .btn-success:not
(:disabled
):not
(.disabled
):active
, .btn-success:not
(:disabled
):not
(.disabled
).active
,
4237 .show > .btn-success.dropdown-toggle {
4239 background-color: #255623;
4240 border-color: #214d1f; }
4241 .btn-success:not
(:disabled
):not
(.disabled
):active:focus
, .btn-success:not
(:disabled
):not
(.disabled
).active:focus
,
4242 .show > .btn-success.dropdown-toggle:focus {
4243 box-shadow: 0 0 0 0.2rem rgba
(83, 142, 81, 0.5); }
4247 background-color: #008196;
4248 border-color: #008196; }
4251 background-color: #006070;
4252 border-color: #005563; }
4253 .btn-info:focus, .btn-info.focus {
4255 background-color: #006070;
4256 border-color: #005563;
4257 box-shadow: 0 0 0 0.2rem rgba
(38, 148, 166, 0.5); }
4258 .btn-info.disabled, .btn-info:disabled {
4260 background-color: #008196;
4261 border-color: #008196; }
4262 .btn-info:not
(:disabled
):not
(.disabled
):active
, .btn-info:not
(:disabled
):not
(.disabled
).active
,
4263 .show > .btn-info.dropdown-toggle {
4265 background-color: #005563;
4266 border-color: #004a56; }
4267 .btn-info:not
(:disabled
):not
(.disabled
):active:focus
, .btn-info:not
(:disabled
):not
(.disabled
).active:focus
,
4268 .show > .btn-info.dropdown-toggle:focus {
4269 box-shadow: 0 0 0 0.2rem rgba
(38, 148, 166, 0.5); }
4273 background-color: #f0ad4e;
4274 border-color: #f0ad4e; }
4275 .btn-warning:hover {
4277 background-color: #ed9d2b;
4278 border-color: #ec971f; }
4279 .btn-warning:focus, .btn-warning.focus {
4281 background-color: #ed9d2b;
4282 border-color: #ec971f;
4283 box-shadow: 0 0 0 0.2rem rgba
(209, 153, 72, 0.5); }
4284 .btn-warning.disabled, .btn-warning:disabled {
4286 background-color: #f0ad4e;
4287 border-color: #f0ad4e; }
4288 .btn-warning:not
(:disabled
):not
(.disabled
):active
, .btn-warning:not
(:disabled
):not
(.disabled
).active
,
4289 .show > .btn-warning.dropdown-toggle {
4291 background-color: #ec971f;
4292 border-color: #ea9214; }
4293 .btn-warning:not
(:disabled
):not
(.disabled
):active:focus
, .btn-warning:not
(:disabled
):not
(.disabled
).active:focus
,
4294 .show > .btn-warning.dropdown-toggle:focus {
4295 box-shadow: 0 0 0 0.2rem rgba
(209, 153, 72, 0.5); }
4299 background-color: #ca3120;
4300 border-color: #ca3120; }
4303 background-color: #a9291b;
4304 border-color: #9e2619; }
4305 .btn-danger:focus, .btn-danger.focus {
4307 background-color: #a9291b;
4308 border-color: #9e2619;
4309 box-shadow: 0 0 0 0.2rem rgba
(210, 80, 65, 0.5); }
4310 .btn-danger.disabled, .btn-danger:disabled {
4312 background-color: #ca3120;
4313 border-color: #ca3120; }
4314 .btn-danger:not
(:disabled
):not
(.disabled
):active
, .btn-danger:not
(:disabled
):not
(.disabled
).active
,
4315 .show > .btn-danger.dropdown-toggle {
4317 background-color: #9e2619;
4318 border-color: #932417; }
4319 .btn-danger:not
(:disabled
):not
(.disabled
):active:focus
, .btn-danger:not
(:disabled
):not
(.disabled
).active:focus
,
4320 .show > .btn-danger.dropdown-toggle:focus {
4321 box-shadow: 0 0 0 0.2rem rgba
(210, 80, 65, 0.5); }
4325 background-color: #f8f9fa;
4326 border-color: #f8f9fa; }
4329 background-color: #e2e6ea;
4330 border-color: #dae0e5; }
4331 .btn-light:focus, .btn-light.focus {
4333 background-color: #e2e6ea;
4334 border-color: #dae0e5;
4335 box-shadow: 0 0 0 0.2rem rgba
(216, 217, 219, 0.5); }
4336 .btn-light.disabled, .btn-light:disabled {
4338 background-color: #f8f9fa;
4339 border-color: #f8f9fa; }
4340 .btn-light:not
(:disabled
):not
(.disabled
):active
, .btn-light:not
(:disabled
):not
(.disabled
).active
,
4341 .show > .btn-light.dropdown-toggle {
4343 background-color: #dae0e5;
4344 border-color: #d3d9df; }
4345 .btn-light:not
(:disabled
):not
(.disabled
):active:focus
, .btn-light:not
(:disabled
):not
(.disabled
).active:focus
,
4346 .show > .btn-light.dropdown-toggle:focus {
4347 box-shadow: 0 0 0 0.2rem rgba
(216, 217, 219, 0.5); }
4351 background-color: #343a40;
4352 border-color: #343a40; }
4355 background-color: #23272b;
4356 border-color: #1d2124; }
4357 .btn-dark:focus, .btn-dark.focus {
4359 background-color: #23272b;
4360 border-color: #1d2124;
4361 box-shadow: 0 0 0 0.2rem rgba
(82, 88, 93, 0.5); }
4362 .btn-dark.disabled, .btn-dark:disabled {
4364 background-color: #343a40;
4365 border-color: #343a40; }
4366 .btn-dark:not
(:disabled
):not
(.disabled
):active
, .btn-dark:not
(:disabled
):not
(.disabled
).active
,
4367 .show > .btn-dark.dropdown-toggle {
4369 background-color: #1d2124;
4370 border-color: #171a1d; }
4371 .btn-dark:not
(:disabled
):not
(.disabled
):active:focus
, .btn-dark:not
(:disabled
):not
(.disabled
).active:focus
,
4372 .show > .btn-dark.dropdown-toggle:focus {
4373 box-shadow: 0 0 0 0.2rem rgba
(82, 88, 93, 0.5); }
4375 .btn-outline-primary {
4377 border-color: #0f6fc5; }
4378 .btn-outline-primary:hover {
4380 background-color: #0f6fc5;
4381 border-color: #0f6fc5; }
4382 .btn-outline-primary:focus, .btn-outline-primary.focus {
4383 box-shadow: 0 0 0 0.2rem rgba
(15, 111, 197, 0.5); }
4384 .btn-outline-primary.disabled, .btn-outline-primary:disabled {
4386 background-color: transparent
; }
4387 .btn-outline-primary:not
(:disabled
):not
(.disabled
):active
, .btn-outline-primary:not
(:disabled
):not
(.disabled
).active
,
4388 .show > .btn-outline-primary.dropdown-toggle {
4390 background-color: #0f6fc5;
4391 border-color: #0f6fc5; }
4392 .btn-outline-primary:not
(:disabled
):not
(.disabled
):active:focus
, .btn-outline-primary:not
(:disabled
):not
(.disabled
).active:focus
,
4393 .show > .btn-outline-primary.dropdown-toggle:focus {
4394 box-shadow: 0 0 0 0.2rem rgba
(15, 111, 197, 0.5); }
4396 .btn-outline-secondary {
4398 border-color: #ced4da; }
4399 .btn-outline-secondary:hover {
4401 background-color: #ced4da;
4402 border-color: #ced4da; }
4403 .btn-outline-secondary:focus, .btn-outline-secondary.focus {
4404 box-shadow: 0 0 0 0.2rem rgba
(206, 212, 218, 0.5); }
4405 .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
4407 background-color: transparent
; }
4408 .btn-outline-secondary:not
(:disabled
):not
(.disabled
):active
, .btn-outline-secondary:not
(:disabled
):not
(.disabled
).active
,
4409 .show > .btn-outline-secondary.dropdown-toggle {
4411 background-color: #ced4da;
4412 border-color: #ced4da; }
4413 .btn-outline-secondary:not
(:disabled
):not
(.disabled
):active:focus
, .btn-outline-secondary:not
(:disabled
):not
(.disabled
).active:focus
,
4414 .show > .btn-outline-secondary.dropdown-toggle:focus {
4415 box-shadow: 0 0 0 0.2rem rgba
(206, 212, 218, 0.5); }
4417 .btn-outline-success {
4419 border-color: #357a32; }
4420 .btn-outline-success:hover {
4422 background-color: #357a32;
4423 border-color: #357a32; }
4424 .btn-outline-success:focus, .btn-outline-success.focus {
4425 box-shadow: 0 0 0 0.2rem rgba
(53, 122, 50, 0.5); }
4426 .btn-outline-success.disabled, .btn-outline-success:disabled {
4428 background-color: transparent
; }
4429 .btn-outline-success:not
(:disabled
):not
(.disabled
):active
, .btn-outline-success:not
(:disabled
):not
(.disabled
).active
,
4430 .show > .btn-outline-success.dropdown-toggle {
4432 background-color: #357a32;
4433 border-color: #357a32; }
4434 .btn-outline-success:not
(:disabled
):not
(.disabled
):active:focus
, .btn-outline-success:not
(:disabled
):not
(.disabled
).active:focus
,
4435 .show > .btn-outline-success.dropdown-toggle:focus {
4436 box-shadow: 0 0 0 0.2rem rgba
(53, 122, 50, 0.5); }
4440 border-color: #008196; }
4441 .btn-outline-info:hover {
4443 background-color: #008196;
4444 border-color: #008196; }
4445 .btn-outline-info:focus, .btn-outline-info.focus {
4446 box-shadow: 0 0 0 0.2rem rgba
(0, 129, 150, 0.5); }
4447 .btn-outline-info.disabled, .btn-outline-info:disabled {
4449 background-color: transparent
; }
4450 .btn-outline-info:not
(:disabled
):not
(.disabled
):active
, .btn-outline-info:not
(:disabled
):not
(.disabled
).active
,
4451 .show > .btn-outline-info.dropdown-toggle {
4453 background-color: #008196;
4454 border-color: #008196; }
4455 .btn-outline-info:not
(:disabled
):not
(.disabled
):active:focus
, .btn-outline-info:not
(:disabled
):not
(.disabled
).active:focus
,
4456 .show > .btn-outline-info.dropdown-toggle:focus {
4457 box-shadow: 0 0 0 0.2rem rgba
(0, 129, 150, 0.5); }
4459 .btn-outline-warning {
4461 border-color: #f0ad4e; }
4462 .btn-outline-warning:hover {
4464 background-color: #f0ad4e;
4465 border-color: #f0ad4e; }
4466 .btn-outline-warning:focus, .btn-outline-warning.focus {
4467 box-shadow: 0 0 0 0.2rem rgba
(240, 173, 78, 0.5); }
4468 .btn-outline-warning.disabled, .btn-outline-warning:disabled {
4470 background-color: transparent
; }
4471 .btn-outline-warning:not
(:disabled
):not
(.disabled
):active
, .btn-outline-warning:not
(:disabled
):not
(.disabled
).active
,
4472 .show > .btn-outline-warning.dropdown-toggle {
4474 background-color: #f0ad4e;
4475 border-color: #f0ad4e; }
4476 .btn-outline-warning:not
(:disabled
):not
(.disabled
):active:focus
, .btn-outline-warning:not
(:disabled
):not
(.disabled
).active:focus
,
4477 .show > .btn-outline-warning.dropdown-toggle:focus {
4478 box-shadow: 0 0 0 0.2rem rgba
(240, 173, 78, 0.5); }
4480 .btn-outline-danger {
4482 border-color: #ca3120; }
4483 .btn-outline-danger:hover {
4485 background-color: #ca3120;
4486 border-color: #ca3120; }
4487 .btn-outline-danger:focus, .btn-outline-danger.focus {
4488 box-shadow: 0 0 0 0.2rem rgba
(202, 49, 32, 0.5); }
4489 .btn-outline-danger.disabled, .btn-outline-danger:disabled {
4491 background-color: transparent
; }
4492 .btn-outline-danger:not
(:disabled
):not
(.disabled
):active
, .btn-outline-danger:not
(:disabled
):not
(.disabled
).active
,
4493 .show > .btn-outline-danger.dropdown-toggle {
4495 background-color: #ca3120;
4496 border-color: #ca3120; }
4497 .btn-outline-danger:not
(:disabled
):not
(.disabled
):active:focus
, .btn-outline-danger:not
(:disabled
):not
(.disabled
).active:focus
,
4498 .show > .btn-outline-danger.dropdown-toggle:focus {
4499 box-shadow: 0 0 0 0.2rem rgba
(202, 49, 32, 0.5); }
4501 .btn-outline-light {
4503 border-color: #f8f9fa; }
4504 .btn-outline-light:hover {
4506 background-color: #f8f9fa;
4507 border-color: #f8f9fa; }
4508 .btn-outline-light:focus, .btn-outline-light.focus {
4509 box-shadow: 0 0 0 0.2rem rgba
(248, 249, 250, 0.5); }
4510 .btn-outline-light.disabled, .btn-outline-light:disabled {
4512 background-color: transparent
; }
4513 .btn-outline-light:not
(:disabled
):not
(.disabled
):active
, .btn-outline-light:not
(:disabled
):not
(.disabled
).active
,
4514 .show > .btn-outline-light.dropdown-toggle {
4516 background-color: #f8f9fa;
4517 border-color: #f8f9fa; }
4518 .btn-outline-light:not
(:disabled
):not
(.disabled
):active:focus
, .btn-outline-light:not
(:disabled
):not
(.disabled
).active:focus
,
4519 .show > .btn-outline-light.dropdown-toggle:focus {
4520 box-shadow: 0 0 0 0.2rem rgba
(248, 249, 250, 0.5); }
4524 border-color: #343a40; }
4525 .btn-outline-dark:hover {
4527 background-color: #343a40;
4528 border-color: #343a40; }
4529 .btn-outline-dark:focus, .btn-outline-dark.focus {
4530 box-shadow: 0 0 0 0.2rem rgba
(52, 58, 64, 0.5); }
4531 .btn-outline-dark.disabled, .btn-outline-dark:disabled {
4533 background-color: transparent
; }
4534 .btn-outline-dark:not
(:disabled
):not
(.disabled
):active
, .btn-outline-dark:not
(:disabled
):not
(.disabled
).active
,
4535 .show > .btn-outline-dark.dropdown-toggle {
4537 background-color: #343a40;
4538 border-color: #343a40; }
4539 .btn-outline-dark:not
(:disabled
):not
(.disabled
):active:focus
, .btn-outline-dark:not
(:disabled
):not
(.disabled
).active:focus
,
4540 .show > .btn-outline-dark.dropdown-toggle:focus {
4541 box-shadow: 0 0 0 0.2rem rgba
(52, 58, 64, 0.5); }
4546 text-decoration: none
; }
4549 text-decoration: underline
; }
4550 .btn-link:focus, .btn-link.focus {
4551 text-decoration: underline
; }
4552 .btn-link:disabled, .btn-link.disabled {
4554 pointer-events: none
; }
4556 .btn-lg, .btn-group-lg > .btn {
4557 padding: 0.5rem 1rem;
4558 font-size: 1.171875rem;
4561 @media
(max-width: 1200px) {
4562 .btn-lg, .btn-group-lg > .btn {
4563 font-size: calc
(0.9271875rem + 0.32625vw) ; } }
4565 .btn-sm, .btn-group-sm > .btn {
4566 padding: 0.25rem 0.5rem;
4567 font-size: 0.8203125rem;
4574 .btn-block + .btn-block {
4575 margin-top: 0.5rem; }
4577 input
[type
="submit"].btn-block
,
4578 input
[type
="reset"].btn-block
,
4579 input
[type
="button"].btn-block
{
4583 transition: opacity
0.15s linear
; }
4584 @media
(prefers-reduced-motion: reduce
) {
4586 transition: none
; } }
4590 .collapse:not(.show) {
4597 transition: height
0.35s ease
; }
4598 @media
(prefers-reduced-motion: reduce
) {
4600 transition: none
; } }
4606 position: relative
; }
4609 white-space: nowrap
; }
4610 .dropdown-toggle::after {
4611 display: inline-block
;
4612 margin-left: 0.255em;
4613 vertical-align: 0.255em;
4615 border-top: 0.3em solid
;
4616 border-right: 0.3em solid transparent
;
4618 border-left: 0.3em solid transparent
; }
4619 .dropdown-toggle:empty::after {
4631 margin: 0.125rem 0 0;
4632 font-size: 0.9375rem;
4636 background-color: #fff;
4637 background-clip: padding-box
;
4638 border: 1px solid rgba
(0, 0, 0, 0.15); }
4639 @media
(max-width: 1200px) {
4641 font-size: calc
(0.90375rem + 0.045vw) ; } }
4643 .dropdown-menu-left {
4647 .dropdown-menu-right {
4651 @media (min-width: 576px) {
4652 .dropdown-menu-sm-left {
4655 .dropdown-menu-sm-right {
4659 @media (min-width: 768px) {
4660 .dropdown-menu-md-left {
4663 .dropdown-menu-md-right {
4667 @media (min-width: 992px) {
4668 .dropdown-menu-lg-left {
4671 .dropdown-menu-lg-right {
4675 @media (min-width: 1200px) {
4676 .dropdown-menu-xl-left {
4679 .dropdown-menu-xl-right {
4683 .dropup .dropdown-menu {
4687 margin-bottom: 0.125rem; }
4689 .dropup .dropdown-toggle::after {
4690 display: inline-block
;
4691 margin-left: 0.255em;
4692 vertical-align: 0.255em;
4695 border-right: 0.3em solid transparent
;
4696 border-bottom: 0.3em solid
;
4697 border-left: 0.3em solid transparent
; }
4699 .dropup .dropdown-toggle:empty::after {
4702 .dropright .dropdown-menu {
4707 margin-left: 0.125rem; }
4709 .dropright .dropdown-toggle::after {
4710 display: inline-block
;
4711 margin-left: 0.255em;
4712 vertical-align: 0.255em;
4714 border-top: 0.3em solid transparent
;
4716 border-bottom: 0.3em solid transparent
;
4717 border-left: 0.3em solid
; }
4719 .dropright .dropdown-toggle:empty::after {
4722 .dropright .dropdown-toggle::after {
4723 vertical-align: 0; }
4725 .dropleft .dropdown-menu {
4730 margin-right: 0.125rem; }
4732 .dropleft .dropdown-toggle::after {
4733 display: inline-block
;
4734 margin-left: 0.255em;
4735 vertical-align: 0.255em;
4738 .dropleft .dropdown-toggle::after {
4741 .dropleft .dropdown-toggle::before {
4742 display: inline-block
;
4743 margin-right: 0.255em;
4744 vertical-align: 0.255em;
4746 border-top: 0.3em solid transparent
;
4747 border-right: 0.3em solid
;
4748 border-bottom: 0.3em solid transparent
; }
4750 .dropleft .dropdown-toggle:empty::after {
4753 .dropleft .dropdown-toggle::before {
4754 vertical-align: 0; }
4756 .dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] {
4764 border-top: 1px solid
#e9ecef; }
4769 padding: 0.25rem 1.5rem;
4773 text-align: inherit
;
4774 white-space: nowrap
;
4775 background-color: transparent
;
4777 .dropdown-item:hover, .dropdown-item:focus {
4779 text-decoration: none
;
4780 background-color: #0f6fc5; }
4781 .dropdown-item.active, .dropdown-item:active {
4783 text-decoration: none
;
4784 background-color: #0f6fc5; }
4785 .dropdown-item.disabled, .dropdown-item:disabled {
4787 pointer-events: none
;
4788 background-color: transparent
; }
4790 .dropdown-menu.show {
4795 padding: 0.5rem 1.5rem;
4797 font-size: 0.8203125rem;
4799 white-space: nowrap
; }
4801 .dropdown-item-text {
4803 padding: 0.25rem 1.5rem;
4807 .btn-group-vertical {
4809 display: inline-flex
;
4810 vertical-align: middle
; }
4812 .btn-group-vertical > .btn {
4815 .btn-group
> .btn:hover
,
4816 .btn-group-vertical > .btn:hover {
4818 .btn-group
> .btn:focus
, .btn-group
> .btn:active
, .btn-group
> .btn
.active
,
4819 .btn-group-vertical
> .btn:focus
,
4820 .btn-group-vertical
> .btn:active
,
4821 .btn-group-vertical > .btn.active {
4827 justify-content: flex-start
; }
4828 .btn-toolbar .input-group {
4831 .btn-group
> .btn:not
(:first-child
),
4832 .btn-group > .btn-group:not(:first-child) {
4833 margin-left: -1px; }
4835 .dropdown-toggle-split {
4836 padding-right: 0.5625rem;
4837 padding-left: 0.5625rem; }
4838 .dropdown-toggle-split::after
,
4839 .dropup
.dropdown-toggle-split::after
,
4840 .dropright .dropdown-toggle-split::after {
4842 .dropleft .dropdown-toggle-split::before {
4845 .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
4846 padding-right: 0.375rem;
4847 padding-left: 0.375rem; }
4849 .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
4850 padding-right: 0.75rem;
4851 padding-left: 0.75rem; }
4853 .btn-group-vertical {
4854 flex-direction: column
;
4855 align-items: flex-start
;
4856 justify-content: center
; }
4857 .btn-group-vertical
> .btn
,
4858 .btn-group-vertical > .btn-group {
4860 .btn-group-vertical
> .btn:not
(:first-child
),
4861 .btn-group-vertical > .btn-group:not(:first-child) {
4864 .btn-group-toggle
> .btn
,
4865 .btn-group-toggle > .btn-group > .btn {
4867 .btn-group-toggle
> .btn input
[type
="radio"],
4868 .btn-group-toggle
> .btn input
[type
="checkbox"],
4869 .btn-group-toggle
> .btn-group
> .btn input
[type
="radio"],
4870 .btn-group-toggle > .btn-group > .btn input[type="checkbox"] {
4872 clip: rect
(0, 0, 0, 0);
4873 pointer-events: none
; }
4879 align-items: stretch
;
4881 .input-group
> .form-control
,
4882 .input-group
> .form-control-plaintext
,
4883 .input-group
> .custom-select
,
4884 .input-group > .custom-file {
4890 .input-group
> .form-control
+ .form-control
,
4891 .input-group
> .form-control
+ .custom-select
,
4892 .input-group
> .form-control
+ .custom-file
,
4893 .input-group
> .form-control-plaintext
+ .form-control
,
4894 .input-group
> .form-control-plaintext
+ .custom-select
,
4895 .input-group
> .form-control-plaintext
+ .custom-file
,
4896 .input-group
> .custom-select
+ .form-control
,
4897 .input-group
> .custom-select
+ .custom-select
,
4898 .input-group
> .custom-select
+ .custom-file
,
4899 .input-group
> .custom-file
+ .form-control
,
4900 .input-group
> .custom-file
+ .custom-select
,
4901 .input-group > .custom-file + .custom-file {
4902 margin-left: -1px; }
4903 .input-group
> .form-control:focus
,
4904 .input-group
> .custom-select:focus
,
4905 .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
4907 .input-group > .custom-file .custom-file-input:focus {
4909 .input-group > .custom-file {
4911 align-items: center
; }
4913 .input-group-prepend
,
4914 .input-group-append {
4916 .input-group-prepend
.btn
,
4917 .input-group-append .btn {
4920 .input-group-prepend
.btn:focus
,
4921 .input-group-append .btn:focus {
4923 .input-group-prepend
.btn
+ .btn
,
4924 .input-group-prepend
.btn
+ .input-group-text
,
4925 .input-group-prepend
.input-group-text
+ .input-group-text
,
4926 .input-group-prepend
.input-group-text
+ .btn
,
4927 .input-group-append
.btn
+ .btn
,
4928 .input-group-append
.btn
+ .input-group-text
,
4929 .input-group-append
.input-group-text
+ .input-group-text
,
4930 .input-group-append .input-group-text + .btn {
4931 margin-left: -1px; }
4933 .input-group-prepend {
4934 margin-right: -1px; }
4936 .input-group-append {
4937 margin-left: -1px; }
4941 align-items: center
;
4942 padding: 0.375rem 0.75rem;
4944 font-size: 0.9375rem;
4949 white-space: nowrap
;
4950 background-color: #e9ecef;
4951 border: 1px solid
#8f959e; }
4952 @media
(max-width: 1200px) {
4954 font-size: calc
(0.90375rem + 0.045vw) ; } }
4955 .input-group-text input
[type
="radio"],
4956 .input-group-text input[type="checkbox"] {
4959 .input-group-lg
> .form-control:not
(textarea
),
4960 .input-group-lg > .custom-select {
4961 height: calc
(1.5em + 1rem + 2px); }
4963 .input-group-lg
> .form-control
,
4964 .input-group-lg
> .custom-select
,
4965 .input-group-lg
> .input-group-prepend
> .input-group-text
,
4966 .input-group-lg
> .input-group-append
> .input-group-text
,
4967 .input-group-lg
> .input-group-prepend
> .btn
,
4968 .input-group-lg > .input-group-append > .btn {
4969 padding: 0.5rem 1rem;
4970 font-size: 1.171875rem;
4972 @media
(max-width: 1200px) {
4973 .input-group-lg
> .form-control
,
4974 .input-group-lg
> .custom-select
,
4975 .input-group-lg
> .input-group-prepend
> .input-group-text
,
4976 .input-group-lg
> .input-group-append
> .input-group-text
,
4977 .input-group-lg
> .input-group-prepend
> .btn
,
4978 .input-group-lg > .input-group-append > .btn {
4979 font-size: calc
(0.9271875rem + 0.32625vw) ; } }
4981 .input-group-sm
> .form-control:not
(textarea
),
4982 .input-group-sm > .custom-select {
4983 height: calc
(1.5em + 0.5rem + 2px); }
4985 .input-group-sm
> .form-control
,
4986 .input-group-sm
> .custom-select
,
4987 .input-group-sm
> .input-group-prepend
> .input-group-text
,
4988 .input-group-sm
> .input-group-append
> .input-group-text
,
4989 .input-group-sm
> .input-group-prepend
> .btn
,
4990 .input-group-sm > .input-group-append > .btn {
4991 padding: 0.25rem 0.5rem;
4992 font-size: 0.8203125rem;
4995 .input-group-lg
> .custom-select
,
4996 .input-group-sm > .custom-select {
4997 padding-right: 1.75rem; }
5002 min-height: 1.40625rem;
5003 padding-left: 1.75rem; }
5005 .custom-control-inline {
5006 display: inline-flex
;
5007 margin-right: 1rem; }
5009 .custom-control-input {
5014 height: 1.328125rem;
5016 .custom-control-input:checked ~ .custom-control-label::before {
5018 border-color: #0f6fc5;
5019 background-color: #0f6fc5; }
5020 .custom-control-input:focus ~ .custom-control-label::before {
5021 box-shadow: 0 0 0 0.2rem rgba
(15, 111, 197, 0.75); }
5022 .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
5023 border-color: #61aef3; }
5024 .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
5026 background-color: #90c6f7;
5027 border-color: #90c6f7; }
5028 .custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label {
5030 .custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before {
5031 background-color: #e9ecef; }
5033 .custom-control-label {
5036 vertical-align: top
; }
5037 .custom-control-label::before {
5044 pointer-events: none
;
5046 background-color: #fff;
5047 border: #8f959e solid
1px; }
5048 .custom-control-label::after {
5056 background: no-repeat
50% / 50% 50%; }
5058 .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
5059 background-image: url
("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); }
5061 .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
5062 border-color: #0f6fc5;
5063 background-color: #0f6fc5; }
5065 .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
5066 background-image: url
("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e"); }
5068 .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
5069 background-color: rgba
(15, 111, 197, 0.5); }
5071 .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
5072 background-color: rgba
(15, 111, 197, 0.5); }
5074 .custom-radio .custom-control-label::before {
5075 border-radius: 50%; }
5077 .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
5078 background-image: url
("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); }
5080 .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
5081 background-color: rgba
(15, 111, 197, 0.5); }
5084 padding-left: 2.6875rem; }
5085 .custom-switch .custom-control-label::before {
5088 pointer-events: all
;
5089 border-radius: 0.625rem; }
5090 .custom-switch .custom-control-label::after {
5091 top: calc
(0.078125rem + 2px);
5092 left: calc
(-2.6875rem + 2px);
5093 width: calc
(1.25rem - 4px);
5094 height: calc
(1.25rem - 4px);
5095 background-color: #8f959e;
5096 border-radius: 0.625rem;
5097 transition: transform
0.15s ease-in-out
, background-color
0.15s ease-in-out
, border-color
0.15s ease-in-out
, box-shadow
0.15s ease-in-out
; }
5098 @media
(prefers-reduced-motion: reduce
) {
5099 .custom-switch .custom-control-label::after {
5100 transition: none
; } }
5101 .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
5102 background-color: #fff;
5103 transform: translateX
(0.9375rem); }
5104 .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
5105 background-color: rgba
(15, 111, 197, 0.5); }
5108 display: inline-block
;
5110 height: calc
(1.5em + 0.75rem + 2px);
5111 padding: 0.375rem 1.75rem 0.375rem 0.75rem;
5112 font-size: 0.9375rem;
5116 vertical-align: middle
;
5117 background: #fff url
("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right
0.75rem center
/8px 10px;
5118 border: 1px solid
#8f959e;
5121 @media
(max-width: 1200px) {
5123 font-size: calc
(0.90375rem + 0.045vw) ; } }
5124 .custom-select:focus {
5125 border-color: #61aef3;
5127 box-shadow: 0 0 0 0.2rem rgba
(15, 111, 197, 0.75); }
5128 .custom-select:focus::-ms-value {
5130 background-color: #fff; }
5131 .custom-select[multiple], .custom-select[size]:not([size="1"]) {
5133 padding-right: 0.75rem;
5134 background-image: none
; }
5135 .custom-select:disabled {
5137 background-color: #e9ecef; }
5138 .custom-select::-ms-expand {
5140 .custom-select:-moz-focusring {
5142 text-shadow: 0 0 0 #495057; }
5145 height: calc
(1.5em + 0.5rem + 2px);
5146 padding-top: 0.25rem;
5147 padding-bottom: 0.25rem;
5148 padding-left: 0.5rem;
5149 font-size: 0.8203125rem; }
5152 height: calc
(1.5em + 1rem + 2px);
5153 padding-top: 0.5rem;
5154 padding-bottom: 0.5rem;
5156 font-size: 1.171875rem; }
5157 @media
(max-width: 1200px) {
5159 font-size: calc
(0.9271875rem + 0.32625vw) ; } }
5163 display: inline-block
;
5165 height: calc
(1.5em + 0.75rem + 2px);
5168 .custom-file-input {
5172 height: calc
(1.5em + 0.75rem + 2px);
5175 .custom-file-input:focus ~ .custom-file-label {
5176 border-color: #61aef3;
5177 box-shadow: 0 0 0 0.2rem rgba
(15, 111, 197, 0.75); }
5178 .custom-file-input
[disabled
] ~ .custom-file-label
,
5179 .custom-file-input:disabled ~ .custom-file-label {
5180 background-color: #e9ecef; }
5181 .custom-file-input:lang(en) ~ .custom-file-label::after {
5182 content: "Browse"; }
5183 .custom-file-input ~ .custom-file-label[data-browse]::after {
5184 content: attr
(data-browse
); }
5186 .custom-file-label {
5192 height: calc
(1.5em + 0.75rem + 2px);
5193 padding: 0.375rem 0.75rem;
5197 background-color: #fff;
5198 border: 1px solid
#8f959e; }
5199 .custom-file-label::after {
5206 height: calc
(1.5em + 0.75rem);
5207 padding: 0.375rem 0.75rem;
5211 background-color: #e9ecef;
5212 border-left: inherit
; }
5218 background-color: transparent
;
5220 .custom-range:focus {
5222 .custom-range:focus::-webkit-slider-thumb {
5223 box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba
(15, 111, 197, 0.75); }
5224 .custom-range:focus::-moz-range-thumb {
5225 box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba
(15, 111, 197, 0.75); }
5226 .custom-range:focus::-ms-thumb {
5227 box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba
(15, 111, 197, 0.75); }
5228 .custom-range::-moz-focus-outer {
5230 .custom-range::-webkit-slider-thumb {
5233 margin-top: -0.25rem;
5234 background-color: #0f6fc5;
5236 transition: background-color
0.15s ease-in-out
, border-color
0.15s ease-in-out
, box-shadow
0.15s ease-in-out
;
5238 @media
(prefers-reduced-motion: reduce
) {
5239 .custom-range::-webkit-slider-thumb {
5240 transition: none
; } }
5241 .custom-range::-webkit-slider-thumb:active {
5242 background-color: #90c6f7; }
5243 .custom-range::-webkit-slider-runnable-track {
5248 background-color: #dee2e6;
5249 border-color: transparent
; }
5250 .custom-range::-moz-range-thumb {
5253 background-color: #0f6fc5;
5255 transition: background-color
0.15s ease-in-out
, border-color
0.15s ease-in-out
, box-shadow
0.15s ease-in-out
;
5257 @media
(prefers-reduced-motion: reduce
) {
5258 .custom-range::-moz-range-thumb {
5259 transition: none
; } }
5260 .custom-range::-moz-range-thumb:active {
5261 background-color: #90c6f7; }
5262 .custom-range::-moz-range-track {
5267 background-color: #dee2e6;
5268 border-color: transparent
; }
5269 .custom-range::-ms-thumb {
5273 margin-right: 0.2rem;
5274 margin-left: 0.2rem;
5275 background-color: #0f6fc5;
5277 transition: background-color
0.15s ease-in-out
, border-color
0.15s ease-in-out
, box-shadow
0.15s ease-in-out
;
5279 @media
(prefers-reduced-motion: reduce
) {
5280 .custom-range::-ms-thumb {
5281 transition: none
; } }
5282 .custom-range::-ms-thumb:active {
5283 background-color: #90c6f7; }
5284 .custom-range::-ms-track {
5289 background-color: transparent
;
5290 border-color: transparent
;
5291 border-width: 0.5rem; }
5292 .custom-range::-ms-fill-lower {
5293 background-color: #dee2e6; }
5294 .custom-range::-ms-fill-upper {
5296 background-color: #dee2e6; }
5297 .custom-range:disabled::-webkit-slider-thumb {
5298 background-color: #8f959e; }
5299 .custom-range:disabled::-webkit-slider-runnable-track {
5301 .custom-range:disabled::-moz-range-thumb {
5302 background-color: #8f959e; }
5303 .custom-range:disabled::-moz-range-track {
5305 .custom-range:disabled::-ms-thumb {
5306 background-color: #8f959e; }
5308 .custom-control-label::before
,
5311 transition: background-color
0.15s ease-in-out
, border-color
0.15s ease-in-out
, box-shadow
0.15s ease-in-out
; }
5312 @media
(prefers-reduced-motion: reduce
) {
5313 .custom-control-label::before
,
5316 transition: none
; } }
5327 padding: 0.5rem 1rem; }
5328 .nav-link:hover, .nav-link:focus {
5329 text-decoration: none
; }
5330 .nav-link.disabled {
5332 pointer-events: none
;
5336 border-bottom: 1px solid
#dee2e6; }
5337 .nav-tabs .nav-item {
5338 margin-bottom: -1px; }
5339 .nav-tabs .nav-link {
5340 border: 1px solid transparent
; }
5341 .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
5342 border-color: #e9ecef #e9ecef #dee2e6; }
5343 .nav-tabs .nav-link.disabled {
5345 background-color: transparent
;
5346 border-color: transparent
; }
5347 .nav-tabs
.nav-link
.active
,
5348 .nav-tabs .nav-item.show .nav-link {
5350 background-color: #fff;
5351 border-color: #dee2e6 #dee2e6 #fff; }
5352 .nav-tabs .dropdown-menu {
5355 .nav-pills
.nav-link
.active
,
5356 .nav-pills .show > .nav-link {
5358 background-color: #0f6fc5; }
5360 .nav-fill .nav-item {
5362 text-align: center
; }
5364 .nav-justified .nav-item {
5367 text-align: center
; }
5369 .tab-content > .tab-pane {
5372 .tab-content > .active {
5379 align-items: center
;
5380 justify-content: space-between
;
5381 padding: 0.5rem 1rem; }
5383 .navbar .container-fluid, .navbar .container-sm, .navbar .container-md, .navbar .container-lg, .navbar .container-xl {
5386 align-items: center
;
5387 justify-content: space-between
; }
5390 display: inline-block
;
5391 padding-top: 0.32421875rem;
5392 padding-bottom: 0.32421875rem;
5394 font-size: 1.171875rem;
5395 line-height: inherit
;
5396 white-space: nowrap
; }
5397 @media
(max-width: 1200px) {
5399 font-size: calc
(0.9271875rem + 0.32625vw) ; } }
5400 .navbar-brand:hover, .navbar-brand:focus {
5401 text-decoration: none
; }
5405 flex-direction: column
;
5409 .navbar-nav .nav-link {
5412 .navbar-nav .dropdown-menu {
5417 display: inline-block
;
5418 padding-top: 0.5rem;
5419 padding-bottom: 0.5rem; }
5424 align-items: center
; }
5427 padding: 0.25rem 0.75rem;
5428 font-size: 1.171875rem;
5430 background-color: transparent
;
5431 border: 1px solid transparent
; }
5432 @media
(max-width: 1200px) {
5434 font-size: calc
(0.9271875rem + 0.32625vw) ; } }
5435 .navbar-toggler:hover, .navbar-toggler:focus {
5436 text-decoration: none
; }
5438 .navbar-toggler-icon {
5439 display: inline-block
;
5442 vertical-align: middle
;
5444 background: no-repeat center center
;
5445 background-size: 100% 100%; }
5447 @media (max-width: 575.98px) {
5448 .navbar-expand-sm
> .container
,
5449 .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl {
5451 padding-left: 0; } }
5453 @media (min-width: 576px) {
5455 flex-flow: row nowrap
;
5456 justify-content: flex-start
; }
5457 .navbar-expand-sm .navbar-nav {
5458 flex-direction: row
; }
5459 .navbar-expand-sm .navbar-nav .dropdown-menu {
5460 position: absolute
; }
5461 .navbar-expand-sm .navbar-nav .nav-link {
5462 padding-right: 0.5rem;
5463 padding-left: 0.5rem; }
5464 .navbar-expand-sm
> .container
,
5465 .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl {
5466 flex-wrap: nowrap
; }
5467 .navbar-expand-sm .navbar-collapse {
5468 display: flex
!important
;
5470 .navbar-expand-sm .navbar-toggler {
5473 @media (max-width: 767.98px) {
5474 .navbar-expand-md
> .container
,
5475 .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl {
5477 padding-left: 0; } }
5479 @media (min-width: 768px) {
5481 flex-flow: row nowrap
;
5482 justify-content: flex-start
; }
5483 .navbar-expand-md .navbar-nav {
5484 flex-direction: row
; }
5485 .navbar-expand-md .navbar-nav .dropdown-menu {
5486 position: absolute
; }
5487 .navbar-expand-md .navbar-nav .nav-link {
5488 padding-right: 0.5rem;
5489 padding-left: 0.5rem; }
5490 .navbar-expand-md
> .container
,
5491 .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl {
5492 flex-wrap: nowrap
; }
5493 .navbar-expand-md .navbar-collapse {
5494 display: flex
!important
;
5496 .navbar-expand-md .navbar-toggler {
5499 @media (max-width: 991.98px) {
5500 .navbar-expand-lg
> .container
,
5501 .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl {
5503 padding-left: 0; } }
5505 @media (min-width: 992px) {
5507 flex-flow: row nowrap
;
5508 justify-content: flex-start
; }
5509 .navbar-expand-lg .navbar-nav {
5510 flex-direction: row
; }
5511 .navbar-expand-lg .navbar-nav .dropdown-menu {
5512 position: absolute
; }
5513 .navbar-expand-lg .navbar-nav .nav-link {
5514 padding-right: 0.5rem;
5515 padding-left: 0.5rem; }
5516 .navbar-expand-lg
> .container
,
5517 .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl {
5518 flex-wrap: nowrap
; }
5519 .navbar-expand-lg .navbar-collapse {
5520 display: flex
!important
;
5522 .navbar-expand-lg .navbar-toggler {
5525 @media (max-width: 1199.98px) {
5526 .navbar-expand-xl
> .container
,
5527 .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl {
5529 padding-left: 0; } }
5531 @media (min-width: 1200px) {
5533 flex-flow: row nowrap
;
5534 justify-content: flex-start
; }
5535 .navbar-expand-xl .navbar-nav {
5536 flex-direction: row
; }
5537 .navbar-expand-xl .navbar-nav .dropdown-menu {
5538 position: absolute
; }
5539 .navbar-expand-xl .navbar-nav .nav-link {
5540 padding-right: 0.5rem;
5541 padding-left: 0.5rem; }
5542 .navbar-expand-xl
> .container
,
5543 .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl {
5544 flex-wrap: nowrap
; }
5545 .navbar-expand-xl .navbar-collapse {
5546 display: flex
!important
;
5548 .navbar-expand-xl .navbar-toggler {
5552 flex-flow: row nowrap
;
5553 justify-content: flex-start
; }
5554 .navbar-expand
> .container
,
5555 .navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl {
5558 .navbar-expand .navbar-nav {
5559 flex-direction: row
; }
5560 .navbar-expand .navbar-nav .dropdown-menu {
5561 position: absolute
; }
5562 .navbar-expand .navbar-nav .nav-link {
5563 padding-right: 0.5rem;
5564 padding-left: 0.5rem; }
5565 .navbar-expand
> .container
,
5566 .navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl {
5567 flex-wrap: nowrap
; }
5568 .navbar-expand .navbar-collapse {
5569 display: flex
!important
;
5571 .navbar-expand .navbar-toggler {
5574 .navbar-light .navbar-brand {
5575 color: rgba
(0, 0, 0, 0.9); }
5576 .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
5577 color: rgba
(0, 0, 0, 0.9); }
5579 .navbar-light .navbar-nav .nav-link {
5580 color: rgba
(0, 0, 0, 0.6); }
5581 .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
5582 color: rgba
(0, 0, 0, 0.9); }
5583 .navbar-light .navbar-nav .nav-link.disabled {
5584 color: rgba
(0, 0, 0, 0.3); }
5586 .navbar-light
.navbar-nav
.show
> .nav-link
,
5587 .navbar-light
.navbar-nav
.active
> .nav-link
,
5588 .navbar-light
.navbar-nav
.nav-link
.show
,
5589 .navbar-light .navbar-nav .nav-link.active {
5590 color: rgba
(0, 0, 0, 0.9); }
5592 .navbar-light .navbar-toggler {
5593 color: rgba
(0, 0, 0, 0.6);
5594 border-color: rgba
(0, 0, 0, 0.1); }
5596 .navbar-light .navbar-toggler-icon {
5597 background-image: url
("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.6%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }
5599 .navbar-light .navbar-text {
5600 color: rgba
(0, 0, 0, 0.6); }
5601 .navbar-light .navbar-text a {
5602 color: rgba
(0, 0, 0, 0.9); }
5603 .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
5604 color: rgba
(0, 0, 0, 0.9); }
5606 .navbar-dark .navbar-brand {
5608 .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
5611 .navbar-dark .navbar-nav .nav-link {
5612 color: rgba
(255, 255, 255, 0.5); }
5613 .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
5615 .navbar-dark .navbar-nav .nav-link.disabled {
5616 color: rgba
(255, 255, 255, 0.25); }
5618 .navbar-dark
.navbar-nav
.show
> .nav-link
,
5619 .navbar-dark
.navbar-nav
.active
> .nav-link
,
5620 .navbar-dark
.navbar-nav
.nav-link
.show
,
5621 .navbar-dark .navbar-nav .nav-link.active {
5624 .navbar-dark .navbar-toggler {
5625 color: rgba
(255, 255, 255, 0.5);
5626 border-color: rgba
(255, 255, 255, 0.1); }
5628 .navbar-dark .navbar-toggler-icon {
5629 background-image: url
("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }
5631 .navbar-dark .navbar-text {
5632 color: rgba
(255, 255, 255, 0.5); }
5633 .navbar-dark .navbar-text a {
5635 .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
5641 flex-direction: column
;
5643 word-wrap: break-word
;
5644 background-color: #fff;
5645 background-clip: border-box
;
5646 border: 1px solid rgba
(0, 0, 0, 0.125); }
5650 .card > .list-group {
5651 border-top: inherit
;
5652 border-bottom: inherit
; }
5653 .card > .list-group:first-child {
5654 border-top-width: 0; }
5655 .card > .list-group:last-child {
5656 border-bottom-width: 0; }
5664 margin-bottom: 0.75rem; }
5667 margin-top: -0.375rem;
5670 .card-text:last-child {
5674 text-decoration: none
; }
5676 .card-link + .card-link {
5677 margin-left: 1.25rem; }
5680 padding: 0.75rem 1.25rem;
5682 background-color: rgba
(0, 0, 0, 0.03);
5683 border-bottom: 1px solid rgba
(0, 0, 0, 0.125); }
5684 .card-header + .list-group .list-group-item:first-child {
5688 padding: 0.75rem 1.25rem;
5689 background-color: rgba
(0, 0, 0, 0.03);
5690 border-top: 1px solid rgba
(0, 0, 0, 0.125); }
5693 margin-right: -0.625rem;
5694 margin-bottom: -0.75rem;
5695 margin-left: -0.625rem;
5698 .card-header-pills {
5699 margin-right: -0.625rem;
5700 margin-left: -0.625rem; }
5717 margin-bottom: 0.25rem; }
5719 @media (min-width: 576px) {
5722 flex-flow: row wrap
;
5723 margin-right: -0.25rem;
5724 margin-left: -0.25rem; }
5727 margin-right: 0.25rem;
5729 margin-left: 0.25rem; } }
5731 .card-group > .card {
5732 margin-bottom: 0.25rem; }
5734 @media (min-width: 576px) {
5737 flex-flow: row wrap
; }
5738 .card-group > .card {
5741 .card-group > .card + .card {
5745 .card-columns .card {
5746 margin-bottom: 0.75rem; }
5748 @media (min-width: 576px) {
5751 column-gap: 1.25rem;
5754 .card-columns .card {
5755 display: inline-block
;
5758 .accordion > .card {
5760 .accordion > .card:not(:last-of-type) {
5762 .accordion > .card > .card-header {
5763 margin-bottom: -1px; }
5771 background-color: transparent
; }
5775 .breadcrumb-item + .breadcrumb-item {
5776 padding-left: 0.5rem; }
5777 .breadcrumb-item + .breadcrumb-item::before {
5778 display: inline-block
;
5779 padding-right: 0.5rem;
5782 .breadcrumb-item + .breadcrumb-item:hover::before {
5783 text-decoration: underline
; }
5784 .breadcrumb-item + .breadcrumb-item:hover::before {
5785 text-decoration: none
; }
5786 .breadcrumb-item.active {
5797 padding: 0.5rem 0.75rem;
5801 background-color: #fff;
5802 border: 1px solid
#dee2e6; }
5806 text-decoration: none
;
5807 background-color: #e9ecef;
5808 border-color: #dee2e6; }
5812 box-shadow: 0 0 0 0.2rem rgba
(15, 111, 197, 0.75); }
5814 .page-item:first-child .page-link {
5817 .page-item.active .page-link {
5820 background-color: #0f6fc5;
5821 border-color: #0f6fc5; }
5823 .page-item.disabled .page-link {
5825 pointer-events: none
;
5827 background-color: #fff;
5828 border-color: #dee2e6; }
5830 .pagination-lg .page-link {
5831 padding: 0.75rem 1.5rem;
5832 font-size: 1.171875rem;
5834 @media
(max-width: 1200px) {
5835 .pagination-lg .page-link {
5836 font-size: calc
(0.9271875rem + 0.32625vw) ; } }
5838 .pagination-sm .page-link {
5839 padding: 0.25rem 0.5rem;
5840 font-size: 0.8203125rem;
5844 display: inline-block
;
5845 padding: 0.25em 0.4em;
5850 white-space: nowrap
;
5851 vertical-align: baseline
;
5852 transition: color
0.15s ease-in-out
, background-color
0.15s ease-in-out
, border-color
0.15s ease-in-out
, box-shadow
0.15s ease-in-out
; }
5853 @media
(prefers-reduced-motion: reduce
) {
5855 transition: none
; } }
5856 a
.badge:hover
, a
.badge:focus
{
5857 text-decoration: none
; }
5866 padding-right: 0.6em;
5867 padding-left: 0.6em; }
5871 background-color: #0f6fc5; }
5872 a
.badge-primary:hover
, a
.badge-primary:focus
{
5874 background-color: #0b5496; }
5875 a
.badge-primary:focus
, a
.badge-primary
.focus
{
5877 box-shadow: 0 0 0 0.2rem rgba
(15, 111, 197, 0.5); }
5881 background-color: #ced4da; }
5882 a
.badge-secondary:hover
, a
.badge-secondary:focus
{
5884 background-color: #b1bbc4; }
5885 a
.badge-secondary:focus
, a
.badge-secondary
.focus
{
5887 box-shadow: 0 0 0 0.2rem rgba
(206, 212, 218, 0.5); }
5891 background-color: #357a32; }
5892 a
.badge-success:hover
, a
.badge-success:focus
{
5894 background-color: #255623; }
5895 a
.badge-success:focus
, a
.badge-success
.focus
{
5897 box-shadow: 0 0 0 0.2rem rgba
(53, 122, 50, 0.5); }
5901 background-color: #008196; }
5902 a
.badge-info:hover
, a
.badge-info:focus
{
5904 background-color: #005563; }
5905 a
.badge-info:focus
, a
.badge-info
.focus
{
5907 box-shadow: 0 0 0 0.2rem rgba
(0, 129, 150, 0.5); }
5911 background-color: #f0ad4e; }
5912 a
.badge-warning:hover
, a
.badge-warning:focus
{
5914 background-color: #ec971f; }
5915 a
.badge-warning:focus
, a
.badge-warning
.focus
{
5917 box-shadow: 0 0 0 0.2rem rgba
(240, 173, 78, 0.5); }
5921 background-color: #ca3120; }
5922 a
.badge-danger:hover
, a
.badge-danger:focus
{
5924 background-color: #9e2619; }
5925 a
.badge-danger:focus
, a
.badge-danger
.focus
{
5927 box-shadow: 0 0 0 0.2rem rgba
(202, 49, 32, 0.5); }
5931 background-color: #f8f9fa; }
5932 a
.badge-light:hover
, a
.badge-light:focus
{
5934 background-color: #dae0e5; }
5935 a
.badge-light:focus
, a
.badge-light
.focus
{
5937 box-shadow: 0 0 0 0.2rem rgba
(248, 249, 250, 0.5); }
5941 background-color: #343a40; }
5942 a
.badge-dark:hover
, a
.badge-dark:focus
{
5944 background-color: #1d2124; }
5945 a
.badge-dark:focus
, a
.badge-dark
.focus
{
5947 box-shadow: 0 0 0 0.2rem rgba
(52, 58, 64, 0.5); }
5951 margin-bottom: 2rem;
5952 background-color: #e9ecef; }
5953 @media
(min-width: 576px) {
5955 padding: 4rem 2rem; } }
5963 padding: 0.75rem 1.25rem;
5964 margin-bottom: 1rem;
5965 border: 0 solid transparent
; }
5973 .alert-dismissible {
5974 padding-right: 3.90625rem; }
5975 .alert-dismissible .close {
5979 padding: 0.75rem 1.25rem;
5984 background-color: #cfe2f3;
5985 border-color: #bcd7ef; }
5987 border-top-color: #a7cbea; }
5988 .alert-primary .alert-link {
5993 background-color: #f5f6f8;
5994 border-color: #f1f3f5; }
5995 .alert-secondary hr {
5996 border-top-color: #e2e6ea; }
5997 .alert-secondary .alert-link {
6000 .alert-success, .environmenttable .ok {
6002 background-color: #d7e4d6;
6003 border-color: #c6dac6; }
6004 .alert-success hr, .environmenttable .ok hr {
6005 border-top-color: #b7d0b7; }
6006 .alert-success .alert-link, .environmenttable .ok .alert-link {
6011 background-color: #cce6ea;
6012 border-color: #b8dce2; }
6014 border-top-color: #a6d3db; }
6015 .alert-info .alert-link {
6018 .alert-warning, .environmenttable .warn {
6020 background-color: #fcefdc;
6021 border-color: #fbe8cd; }
6022 .alert-warning hr, .environmenttable .warn hr {
6023 border-top-color: #f9ddb5; }
6024 .alert-warning .alert-link, .environmenttable .warn .alert-link {
6027 .alert-danger, .environmenttable .error {
6029 background-color: #f4d6d2;
6030 border-color: #f0c5c1; }
6031 .alert-danger hr, .environmenttable .error hr {
6032 border-top-color: #ebb2ac; }
6033 .alert-danger .alert-link, .environmenttable .error .alert-link {
6038 background-color: #fefefe;
6039 border-color: #fdfdfe; }
6041 border-top-color: #ececf6; }
6042 .alert-light .alert-link {
6047 background-color: #d6d8d9;
6048 border-color: #c6c8ca; }
6050 border-top-color: #b9bbbe; }
6051 .alert-dark .alert-link {
6054 @keyframes progress-bar-stripes
{
6056 background-position: 1rem 0; }
6058 background-position: 0 0; } }
6065 font-size: 0.703125rem;
6066 background-color: #e9ecef; }
6070 flex-direction: column
;
6071 justify-content: center
;
6075 white-space: nowrap
;
6076 background-color: #0f6fc5;
6077 transition: width
0.6s ease
; }
6078 @media
(prefers-reduced-motion: reduce
) {
6080 transition: none
; } }
6082 .progress-bar-striped {
6083 background-image: linear-gradient
(45deg, rgba
(255, 255, 255, 0.15) 25%, transparent
25%, transparent
50%, rgba
(255, 255, 255, 0.15) 50%, rgba
(255, 255, 255, 0.15) 75%, transparent
75%, transparent
);
6084 background-size: 1rem 1rem; }
6086 .progress-bar-animated {
6087 animation: progress-bar-stripes
1s linear infinite
; }
6088 @media
(prefers-reduced-motion: reduce
) {
6089 .progress-bar-animated {
6090 animation: none
; } }
6094 align-items: flex-start
; }
6101 flex-direction: column
;
6105 .list-group-item-action {
6108 text-align: inherit
; }
6109 .list-group-item-action:hover, .list-group-item-action:focus {
6112 text-decoration: none
;
6113 background-color: #f8f9fa; }
6114 .list-group-item-action:active {
6116 background-color: #e9ecef; }
6121 padding: 0.75rem 1.25rem;
6122 background-color: #fff;
6123 border: 1px solid rgba
(0, 0, 0, 0.125); }
6124 .list-group-item.disabled, .list-group-item:disabled {
6126 pointer-events: none
;
6127 background-color: #fff; }
6128 .list-group-item.active {
6131 background-color: #0f6fc5;
6132 border-color: #0f6fc5; }
6133 .list-group-item + .list-group-item {
6134 border-top-width: 0; }
6135 .list-group-item + .list-group-item.active {
6137 border-top-width: 1px; }
6139 .list-group-horizontal {
6140 flex-direction: row
; }
6141 .list-group-horizontal > .list-group-item.active {
6143 .list-group-horizontal > .list-group-item + .list-group-item {
6144 border-top-width: 1px;
6145 border-left-width: 0; }
6146 .list-group-horizontal > .list-group-item + .list-group-item.active {
6148 border-left-width: 1px; }
6150 @media (min-width: 576px) {
6151 .list-group-horizontal-sm {
6152 flex-direction: row
; }
6153 .list-group-horizontal-sm > .list-group-item.active {
6155 .list-group-horizontal-sm > .list-group-item + .list-group-item {
6156 border-top-width: 1px;
6157 border-left-width: 0; }
6158 .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
6160 border-left-width: 1px; } }
6162 @media (min-width: 768px) {
6163 .list-group-horizontal-md {
6164 flex-direction: row
; }
6165 .list-group-horizontal-md > .list-group-item.active {
6167 .list-group-horizontal-md > .list-group-item + .list-group-item {
6168 border-top-width: 1px;
6169 border-left-width: 0; }
6170 .list-group-horizontal-md > .list-group-item + .list-group-item.active {
6172 border-left-width: 1px; } }
6174 @media (min-width: 992px) {
6175 .list-group-horizontal-lg {
6176 flex-direction: row
; }
6177 .list-group-horizontal-lg > .list-group-item.active {
6179 .list-group-horizontal-lg > .list-group-item + .list-group-item {
6180 border-top-width: 1px;
6181 border-left-width: 0; }
6182 .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
6184 border-left-width: 1px; } }
6186 @media (min-width: 1200px) {
6187 .list-group-horizontal-xl {
6188 flex-direction: row
; }
6189 .list-group-horizontal-xl > .list-group-item.active {
6191 .list-group-horizontal-xl > .list-group-item + .list-group-item {
6192 border-top-width: 1px;
6193 border-left-width: 0; }
6194 .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
6196 border-left-width: 1px; } }
6198 .list-group-flush > .list-group-item {
6199 border-width: 0 0 1px; }
6200 .list-group-flush > .list-group-item:last-child {
6201 border-bottom-width: 0; }
6203 .list-group-item-primary {
6205 background-color: #bcd7ef; }
6206 .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
6208 background-color: #a7cbea; }
6209 .list-group-item-primary.list-group-item-action.active {
6211 background-color: #083a66;
6212 border-color: #083a66; }
6214 .list-group-item-secondary {
6216 background-color: #f1f3f5; }
6217 .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
6219 background-color: #e2e6ea; }
6220 .list-group-item-secondary.list-group-item-action.active {
6222 background-color: #6b6e71;
6223 border-color: #6b6e71; }
6225 .list-group-item-success {
6227 background-color: #c6dac6; }
6228 .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
6230 background-color: #b7d0b7; }
6231 .list-group-item-success.list-group-item-action.active {
6233 background-color: #1c3f1a;
6234 border-color: #1c3f1a; }
6236 .list-group-item-info {
6238 background-color: #b8dce2; }
6239 .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
6241 background-color: #a6d3db; }
6242 .list-group-item-info.list-group-item-action.active {
6244 background-color: #00434e;
6245 border-color: #00434e; }
6247 .list-group-item-warning {
6249 background-color: #fbe8cd; }
6250 .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
6252 background-color: #f9ddb5; }
6253 .list-group-item-warning.list-group-item-action.active {
6255 background-color: #7d5a29;
6256 border-color: #7d5a29; }
6258 .list-group-item-danger {
6260 background-color: #f0c5c1; }
6261 .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
6263 background-color: #ebb2ac; }
6264 .list-group-item-danger.list-group-item-action.active {
6266 background-color: #691911;
6267 border-color: #691911; }
6269 .list-group-item-light {
6271 background-color: #fdfdfe; }
6272 .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
6274 background-color: #ececf6; }
6275 .list-group-item-light.list-group-item-action.active {
6277 background-color: #818182;
6278 border-color: #818182; }
6280 .list-group-item-dark {
6282 background-color: #c6c8ca; }
6283 .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
6285 background-color: #b9bbbe; }
6286 .list-group-item-dark.list-group-item-action.active {
6288 background-color: #1b1e21;
6289 border-color: #1b1e21; }
6293 font-size: 1.40625rem;
6297 text-shadow: 0 1px 0 #fff;
6299 @media
(max-width: 1200px) {
6301 font-size: calc
(0.950625rem + 0.6075vw) ; } }
6304 text-decoration: none
; }
6305 .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
6310 background-color: transparent
;
6314 pointer-events: none
; }
6319 font-size: 0.875rem;
6320 background-color: rgba
(255, 255, 255, 0.85);
6321 background-clip: padding-box
;
6322 border: 1px solid rgba
(0, 0, 0, 0.1);
6323 box-shadow: 0 0.25rem 0.75rem rgba
(0, 0, 0, 0.1);
6324 backdrop-filter: blur
(10px);
6326 .toast:not(:last-child) {
6327 margin-bottom: 0.75rem; }
6338 align-items: center
;
6339 padding: 0.25rem 0.75rem;
6341 background-color: rgba
(255, 255, 255, 0.85);
6342 background-clip: padding-box
;
6343 border-bottom: 1px solid rgba
(0, 0, 0, 0.05); }
6350 .modal-open .modal {
6369 pointer-events: none
; }
6370 .modal.fade .modal-dialog {
6371 transition: transform
0.3s ease-out
;
6372 transform: translate
(0, -50px); }
6373 @media
(prefers-reduced-motion: reduce
) {
6374 .modal.fade .modal-dialog {
6375 transition: none
; } }
6376 .modal.show .modal-dialog {
6378 .modal.modal-static .modal-dialog {
6379 transform: scale
(1.02); }
6381 .modal-dialog-scrollable {
6383 max-height: calc
(100% - 1rem); }
6384 .modal-dialog-scrollable .modal-content {
6385 max-height: calc
(100vh - 1rem);
6387 .modal-dialog-scrollable
.modal-header
,
6388 .modal-dialog-scrollable .modal-footer {
6390 .modal-dialog-scrollable .modal-body {
6393 .modal-dialog-centered {
6395 align-items: center
;
6396 min-height: calc
(100% - 1rem); }
6397 .modal-dialog-centered::before {
6399 height: calc
(100vh - 1rem);
6400 height: min-content
;
6402 .modal-dialog-centered.modal-dialog-scrollable {
6403 flex-direction: column
;
6404 justify-content: center
;
6406 .modal-dialog-centered.modal-dialog-scrollable .modal-content {
6408 .modal-dialog-centered.modal-dialog-scrollable::before {
6414 flex-direction: column
;
6416 pointer-events: auto
;
6417 background-color: #fff;
6418 background-clip: padding-box
;
6419 border: 1px solid rgba
(0, 0, 0, 0.2);
6429 background-color: #000; }
6430 .modal-backdrop.fade {
6432 .modal-backdrop.show {
6437 align-items: flex-start
;
6438 justify-content: space-between
;
6440 border-bottom: 1px solid
#dee2e6; }
6441 .modal-header .close {
6443 margin: -1rem -1rem -1rem auto
; }
6457 align-items: center
;
6458 justify-content: flex-end
;
6460 border-top: 1px solid
#dee2e6; }
6464 .modal-scrollbar-measure {
6471 @media (min-width: 576px) {
6474 margin: 1.75rem auto
; }
6475 .modal-dialog-scrollable {
6476 max-height: calc
(100% - 3.5rem); }
6477 .modal-dialog-scrollable .modal-content {
6478 max-height: calc
(100vh - 3.5rem); }
6479 .modal-dialog-centered {
6480 min-height: calc
(100% - 3.5rem); }
6481 .modal-dialog-centered::before {
6482 height: calc
(100vh - 3.5rem);
6483 height: min-content
; }
6485 max-width: 300px; } }
6487 @media (min-width: 992px) {
6490 max-width: 800px; } }
6492 @media (min-width: 1200px) {
6494 max-width: 1140px; } }
6501 font-family: -apple-system
, BlinkMacSystemFont
, "Segoe UI", Roboto
, "Helvetica Neue", Arial
, "Noto Sans", sans-serif
, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
6507 text-decoration: none
;
6509 text-transform: none
;
6510 letter-spacing: normal
;
6512 word-spacing: normal
;
6513 white-space: normal
;
6515 font-size: 0.8203125rem;
6516 word-wrap: break-word
;
6525 .tooltip .arrow::before {
6528 border-color: transparent
;
6529 border-style: solid
; }
6531 .bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] {
6532 padding: 0.4rem 0; }
6533 .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow {
6535 .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
6537 border-width: 0.4rem 0.4rem 0;
6538 border-top-color: #000; }
6540 .bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] {
6541 padding: 0 0.4rem; }
6542 .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow {
6546 .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
6548 border-width: 0.4rem 0.4rem 0.4rem 0;
6549 border-right-color: #000; }
6551 .bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] {
6552 padding: 0.4rem 0; }
6553 .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow {
6555 .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
6557 border-width: 0 0.4rem 0.4rem;
6558 border-bottom-color: #000; }
6560 .bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] {
6561 padding: 0 0.4rem; }
6562 .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow {
6566 .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
6568 border-width: 0.4rem 0 0.4rem 0.4rem;
6569 border-left-color: #000; }
6573 padding: 0.25rem 0.5rem;
6576 background-color: #000; }
6584 font-family: -apple-system
, BlinkMacSystemFont
, "Segoe UI", Roboto
, "Helvetica Neue", Arial
, "Noto Sans", sans-serif
, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
6590 text-decoration: none
;
6592 text-transform: none
;
6593 letter-spacing: normal
;
6595 word-spacing: normal
;
6596 white-space: normal
;
6598 font-size: 0.8203125rem;
6599 word-wrap: break-word
;
6600 background-color: #fff;
6601 background-clip: padding-box
;
6602 border: 1px solid rgba
(0, 0, 0, 0.2); }
6609 .popover .arrow::before, .popover .arrow::after {
6613 border-color: transparent
;
6614 border-style: solid
; }
6616 .bs-popover-top, .bs-popover-auto[x-placement^="top"] {
6617 margin-bottom: 0.5rem; }
6618 .bs-popover-top > .arrow, .bs-popover-auto[x-placement^="top"] > .arrow {
6619 bottom: calc
(-0.5rem - 1px); }
6620 .bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^="top"] > .arrow::before {
6622 border-width: 0.5rem 0.5rem 0;
6623 border-top-color: rgba
(0, 0, 0, 0.25); }
6624 .bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^="top"] > .arrow::after {
6626 border-width: 0.5rem 0.5rem 0;
6627 border-top-color: #fff; }
6629 .bs-popover-right, .bs-popover-auto[x-placement^="right"] {
6630 margin-left: 0.5rem; }
6631 .bs-popover-right > .arrow, .bs-popover-auto[x-placement^="right"] > .arrow {
6632 left: calc
(-0.5rem - 1px);
6636 .bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^="right"] > .arrow::before {
6638 border-width: 0.5rem 0.5rem 0.5rem 0;
6639 border-right-color: rgba
(0, 0, 0, 0.25); }
6640 .bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^="right"] > .arrow::after {
6642 border-width: 0.5rem 0.5rem 0.5rem 0;
6643 border-right-color: #fff; }
6645 .bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] {
6646 margin-top: 0.5rem; }
6647 .bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^="bottom"] > .arrow {
6648 top: calc
(-0.5rem - 1px); }
6649 .bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^="bottom"] > .arrow::before {
6651 border-width: 0 0.5rem 0.5rem 0.5rem;
6652 border-bottom-color: rgba
(0, 0, 0, 0.25); }
6653 .bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^="bottom"] > .arrow::after {
6655 border-width: 0 0.5rem 0.5rem 0.5rem;
6656 border-bottom-color: #fff; }
6657 .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before {
6663 margin-left: -0.5rem;
6665 border-bottom: 1px solid
#f7f7f7; }
6667 .bs-popover-left, .bs-popover-auto[x-placement^="left"] {
6668 margin-right: 0.5rem; }
6669 .bs-popover-left > .arrow, .bs-popover-auto[x-placement^="left"] > .arrow {
6670 right: calc
(-0.5rem - 1px);
6674 .bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^="left"] > .arrow::before {
6676 border-width: 0.5rem 0 0.5rem 0.5rem;
6677 border-left-color: rgba
(0, 0, 0, 0.25); }
6678 .bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^="left"] > .arrow::after {
6680 border-width: 0.5rem 0 0.5rem 0.5rem;
6681 border-left-color: #fff; }
6684 padding: 0.5rem 0.75rem;
6686 font-size: 0.9375rem;
6687 background-color: #f7f7f7;
6688 border-bottom: 1px solid
#ebebeb; }
6689 @media
(max-width: 1200px) {
6691 font-size: calc
(0.90375rem + 0.045vw) ; } }
6692 .popover-header:empty {
6696 padding: 0.5rem 0.75rem;
6700 position: relative
; }
6702 .carousel.pointer-event {
6703 touch-action: pan-y
; }
6709 .carousel-inner::after {
6719 margin-right: -100%;
6720 backface-visibility: hidden
;
6721 transition: transform
0.6s ease-in-out
; }
6722 @media
(prefers-reduced-motion: reduce
) {
6724 transition: none
; } }
6726 .carousel-item
.active
,
6727 .carousel-item-next
,
6728 .carousel-item-prev {
6731 .carousel-item-next:not
(.carousel-item-left
),
6732 .active.carousel-item-right {
6733 transform: translateX
(100%); }
6735 .carousel-item-prev:not
(.carousel-item-right
),
6736 .active.carousel-item-left {
6737 transform: translateX
(-100%); }
6739 .carousel-fade .carousel-item {
6741 transition-property: opacity
;
6744 .carousel-fade
.carousel-item
.active
,
6745 .carousel-fade
.carousel-item-next
.carousel-item-left
,
6746 .carousel-fade .carousel-item-prev.carousel-item-right {
6750 .carousel-fade
.active
.carousel-item-left
,
6751 .carousel-fade .active.carousel-item-right {
6754 transition: opacity
0s 0.6s; }
6755 @media
(prefers-reduced-motion: reduce
) {
6756 .carousel-fade
.active
.carousel-item-left
,
6757 .carousel-fade .active.carousel-item-right {
6758 transition: none
; } }
6760 .carousel-control-prev
,
6761 .carousel-control-next {
6767 align-items: center
;
6768 justify-content: center
;
6773 transition: opacity
0.15s ease
; }
6774 @media
(prefers-reduced-motion: reduce
) {
6775 .carousel-control-prev
,
6776 .carousel-control-next {
6777 transition: none
; } }
6778 .carousel-control-prev:hover
, .carousel-control-prev:focus
,
6779 .carousel-control-next:hover
,
6780 .carousel-control-next:focus {
6782 text-decoration: none
;
6786 .carousel-control-prev {
6789 .carousel-control-next {
6792 .carousel-control-prev-icon
,
6793 .carousel-control-next-icon {
6794 display: inline-block
;
6797 background: no-repeat
50% / 100% 100%; }
6799 .carousel-control-prev-icon {
6800 background-image: url
("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); }
6802 .carousel-control-next-icon {
6803 background-image: url
("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); }
6805 .carousel-indicators {
6812 justify-content: center
;
6817 .carousel-indicators li {
6818 box-sizing: content-box
;
6824 text-indent: -999px;
6826 background-color: #fff;
6827 background-clip: padding-box
;
6828 border-top: 10px solid transparent
;
6829 border-bottom: 10px solid transparent
;
6831 transition: opacity
0.6s ease
; }
6832 @media
(prefers-reduced-motion: reduce
) {
6833 .carousel-indicators li {
6834 transition: none
; } }
6835 .carousel-indicators .active {
6845 padding-bottom: 20px;
6847 text-align: center
; }
6849 @keyframes spinner-border
{
6851 transform: rotate
(360deg); } }
6854 display: inline-block
;
6857 vertical-align: text-bottom
;
6858 border: 0.25em solid currentColor
;
6859 border-right-color: transparent
;
6861 animation: spinner-border
.75s linear infinite
; }
6863 .spinner-border-sm {
6866 border-width: 0.2em; }
6868 @keyframes spinner-grow
{
6870 transform: scale
(0); }
6873 transform: none
; } }
6876 display: inline-block
;
6879 vertical-align: text-bottom
;
6880 background-color: currentColor
;
6883 animation: spinner-grow
.75s linear infinite
; }
6890 vertical-align: baseline
!important
; }
6892 .align-top, [data-filterregion="value"] div:first-of-type {
6893 vertical-align: top
!important
; }
6896 vertical-align: middle
!important
; }
6899 vertical-align: bottom
!important
; }
6901 .align-text-bottom {
6902 vertical-align: text-bottom
!important
; }
6905 vertical-align: text-top
!important
; }
6908 background-color: #0f6fc5 !important
; }
6910 a
.bg-primary:hover
, a
.bg-primary:focus
,
6911 button
.bg-primary:hover
,
6912 button
.bg-primary:focus
{
6913 background-color: #0b5496 !important
; }
6916 background-color: #ced4da !important
; }
6918 a
.bg-secondary:hover
, a
.bg-secondary:focus
,
6919 button
.bg-secondary:hover
,
6920 button
.bg-secondary:focus
{
6921 background-color: #b1bbc4 !important
; }
6924 background-color: #357a32 !important
; }
6926 a
.bg-success:hover
, a
.bg-success:focus
,
6927 button
.bg-success:hover
,
6928 button
.bg-success:focus
{
6929 background-color: #255623 !important
; }
6932 background-color: #008196 !important
; }
6934 a
.bg-info:hover
, a
.bg-info:focus
,
6935 button
.bg-info:hover
,
6936 button
.bg-info:focus
{
6937 background-color: #005563 !important
; }
6940 background-color: #f0ad4e !important
; }
6942 a
.bg-warning:hover
, a
.bg-warning:focus
,
6943 button
.bg-warning:hover
,
6944 button
.bg-warning:focus
{
6945 background-color: #ec971f !important
; }
6948 background-color: #ca3120 !important
; }
6950 a
.bg-danger:hover
, a
.bg-danger:focus
,
6951 button
.bg-danger:hover
,
6952 button
.bg-danger:focus
{
6953 background-color: #9e2619 !important
; }
6956 background-color: #f8f9fa !important
; }
6958 a
.bg-light:hover
, a
.bg-light:focus
,
6959 button
.bg-light:hover
,
6960 button
.bg-light:focus
{
6961 background-color: #dae0e5 !important
; }
6964 background-color: #343a40 !important
; }
6966 a
.bg-dark:hover
, a
.bg-dark:focus
,
6967 button
.bg-dark:hover
,
6968 button
.bg-dark:focus
{
6969 background-color: #1d2124 !important
; }
6972 background-color: #fff !important
; }
6975 background-color: transparent
!important
; }
6978 border: 1px solid
#dee2e6 !important
; }
6981 border-top: 1px solid
#dee2e6 !important
; }
6984 border-right: 1px solid
#dee2e6 !important
; }
6987 border-bottom: 1px solid
#dee2e6 !important
; }
6990 border-left: 1px solid
#dee2e6 !important
; }
6993 border: 0 !important
; }
6996 border-top: 0 !important
; }
6999 border-right: 0 !important
; }
7002 border-bottom: 0 !important
; }
7005 border-left: 0 !important
; }
7008 border-color: #0f6fc5 !important
; }
7011 border-color: #ced4da !important
; }
7014 border-color: #357a32 !important
; }
7017 border-color: #008196 !important
; }
7020 border-color: #f0ad4e !important
; }
7023 border-color: #ca3120 !important
; }
7026 border-color: #f8f9fa !important
; }
7029 border-color: #343a40 !important
; }
7032 border-color: #fff !important
; }
7035 border-radius: 0.2rem !important
; }
7038 border-radius: 0.25rem !important
; }
7041 border-top-left-radius: 0.25rem !important
;
7042 border-top-right-radius: 0.25rem !important
; }
7045 border-top-right-radius: 0.25rem !important
;
7046 border-bottom-right-radius: 0.25rem !important
; }
7049 border-bottom-right-radius: 0.25rem !important
;
7050 border-bottom-left-radius: 0.25rem !important
; }
7053 border-top-left-radius: 0.25rem !important
;
7054 border-bottom-left-radius: 0.25rem !important
; }
7057 border-radius: 0.3rem !important
; }
7060 border-radius: 50% !important
; }
7063 border-radius: 50rem !important
; }
7066 border-radius: 0 !important
; }
7074 display: none
!important
; }
7077 display: inline
!important
; }
7080 display: inline-block
!important
; }
7083 display: block
!important
; }
7086 display: table
!important
; }
7089 display: table-row
!important
; }
7092 display: table-cell
!important
; }
7095 display: flex
!important
; }
7098 display: inline-flex
!important
; }
7100 @media (min-width: 576px) {
7102 display: none
!important
; }
7104 display: inline
!important
; }
7105 .d-sm-inline-block {
7106 display: inline-block
!important
; }
7108 display: block
!important
; }
7110 display: table
!important
; }
7112 display: table-row
!important
; }
7114 display: table-cell
!important
; }
7116 display: flex
!important
; }
7118 display: inline-flex
!important
; } }
7120 @media (min-width: 768px) {
7122 display: none
!important
; }
7124 display: inline
!important
; }
7125 .d-md-inline-block {
7126 display: inline-block
!important
; }
7128 display: block
!important
; }
7130 display: table
!important
; }
7132 display: table-row
!important
; }
7134 display: table-cell
!important
; }
7136 display: flex
!important
; }
7138 display: inline-flex
!important
; } }
7140 @media (min-width: 992px) {
7142 display: none
!important
; }
7144 display: inline
!important
; }
7145 .d-lg-inline-block {
7146 display: inline-block
!important
; }
7148 display: block
!important
; }
7150 display: table
!important
; }
7152 display: table-row
!important
; }
7154 display: table-cell
!important
; }
7156 display: flex
!important
; }
7158 display: inline-flex
!important
; } }
7160 @media (min-width: 1200px) {
7162 display: none
!important
; }
7164 display: inline
!important
; }
7165 .d-xl-inline-block {
7166 display: inline-block
!important
; }
7168 display: block
!important
; }
7170 display: table
!important
; }
7172 display: table-row
!important
; }
7174 display: table-cell
!important
; }
7176 display: flex
!important
; }
7178 display: inline-flex
!important
; } }
7182 display: none
!important
; }
7184 display: inline
!important
; }
7185 .d-print-inline-block {
7186 display: inline-block
!important
; }
7188 display: block
!important
; }
7190 display: table
!important
; }
7191 .d-print-table-row {
7192 display: table-row
!important
; }
7193 .d-print-table-cell {
7194 display: table-cell
!important
; }
7196 display: flex
!important
; }
7197 .d-print-inline-flex {
7198 display: inline-flex
!important
; } }
7206 .embed-responsive::before {
7209 .embed-responsive
.embed-responsive-item
,
7210 .embed-responsive iframe
,
7211 .embed-responsive embed
,
7212 .embed-responsive object
,
7213 .embed-responsive video {
7222 .embed-responsive-21by9::before {
7223 padding-top: 42.8571428571%; }
7225 .embed-responsive-16by9::before {
7226 padding-top: 56.25%; }
7228 .embed-responsive-4by3::before {
7231 .embed-responsive-1by1::before {
7232 padding-top: 100%; }
7235 flex-direction: row
!important
; }
7238 flex-direction: column
!important
; }
7241 flex-direction: row-reverse
!important
; }
7243 .flex-column-reverse {
7244 flex-direction: column-reverse
!important
; }
7247 flex-wrap: wrap
!important
; }
7250 flex-wrap: nowrap
!important
; }
7252 .flex-wrap-reverse {
7253 flex-wrap: wrap-reverse
!important
; }
7256 flex: 1 1 auto
!important
; }
7259 flex-grow: 0 !important
; }
7262 flex-grow: 1 !important
; }
7265 flex-shrink: 0 !important
; }
7268 flex-shrink: 1 !important
; }
7270 .justify-content-start {
7271 justify-content: flex-start
!important
; }
7273 .justify-content-end {
7274 justify-content: flex-end
!important
; }
7276 .justify-content-center {
7277 justify-content: center
!important
; }
7279 .justify-content-between {
7280 justify-content: space-between
!important
; }
7282 .justify-content-around {
7283 justify-content: space-around
!important
; }
7285 .align-items-start {
7286 align-items: flex-start
!important
; }
7289 align-items: flex-end
!important
; }
7291 .align-items-center {
7292 align-items: center
!important
; }
7294 .align-items-baseline {
7295 align-items: baseline
!important
; }
7297 .align-items-stretch {
7298 align-items: stretch
!important
; }
7300 .align-content-start {
7301 align-content: flex-start
!important
; }
7303 .align-content-end {
7304 align-content: flex-end
!important
; }
7306 .align-content-center {
7307 align-content: center
!important
; }
7309 .align-content-between {
7310 align-content: space-between
!important
; }
7312 .align-content-around {
7313 align-content: space-around
!important
; }
7315 .align-content-stretch {
7316 align-content: stretch
!important
; }
7319 align-self: auto
!important
; }
7322 align-self: flex-start
!important
; }
7325 align-self: flex-end
!important
; }
7327 .align-self-center {
7328 align-self: center
!important
; }
7330 .align-self-baseline {
7331 align-self: baseline
!important
; }
7333 .align-self-stretch {
7334 align-self: stretch
!important
; }
7336 @media (min-width: 576px) {
7338 flex-direction: row
!important
; }
7340 flex-direction: column
!important
; }
7341 .flex-sm-row-reverse {
7342 flex-direction: row-reverse
!important
; }
7343 .flex-sm-column-reverse {
7344 flex-direction: column-reverse
!important
; }
7346 flex-wrap: wrap
!important
; }
7348 flex-wrap: nowrap
!important
; }
7349 .flex-sm-wrap-reverse {
7350 flex-wrap: wrap-reverse
!important
; }
7352 flex: 1 1 auto
!important
; }
7354 flex-grow: 0 !important
; }
7356 flex-grow: 1 !important
; }
7358 flex-shrink: 0 !important
; }
7360 flex-shrink: 1 !important
; }
7361 .justify-content-sm-start {
7362 justify-content: flex-start
!important
; }
7363 .justify-content-sm-end {
7364 justify-content: flex-end
!important
; }
7365 .justify-content-sm-center {
7366 justify-content: center
!important
; }
7367 .justify-content-sm-between {
7368 justify-content: space-between
!important
; }
7369 .justify-content-sm-around {
7370 justify-content: space-around
!important
; }
7371 .align-items-sm-start {
7372 align-items: flex-start
!important
; }
7373 .align-items-sm-end {
7374 align-items: flex-end
!important
; }
7375 .align-items-sm-center {
7376 align-items: center
!important
; }
7377 .align-items-sm-baseline {
7378 align-items: baseline
!important
; }
7379 .align-items-sm-stretch {
7380 align-items: stretch
!important
; }
7381 .align-content-sm-start {
7382 align-content: flex-start
!important
; }
7383 .align-content-sm-end {
7384 align-content: flex-end
!important
; }
7385 .align-content-sm-center {
7386 align-content: center
!important
; }
7387 .align-content-sm-between {
7388 align-content: space-between
!important
; }
7389 .align-content-sm-around {
7390 align-content: space-around
!important
; }
7391 .align-content-sm-stretch {
7392 align-content: stretch
!important
; }
7393 .align-self-sm-auto {
7394 align-self: auto
!important
; }
7395 .align-self-sm-start {
7396 align-self: flex-start
!important
; }
7397 .align-self-sm-end {
7398 align-self: flex-end
!important
; }
7399 .align-self-sm-center {
7400 align-self: center
!important
; }
7401 .align-self-sm-baseline {
7402 align-self: baseline
!important
; }
7403 .align-self-sm-stretch {
7404 align-self: stretch
!important
; } }
7406 @media (min-width: 768px) {
7408 flex-direction: row
!important
; }
7410 flex-direction: column
!important
; }
7411 .flex-md-row-reverse {
7412 flex-direction: row-reverse
!important
; }
7413 .flex-md-column-reverse {
7414 flex-direction: column-reverse
!important
; }
7416 flex-wrap: wrap
!important
; }
7418 flex-wrap: nowrap
!important
; }
7419 .flex-md-wrap-reverse {
7420 flex-wrap: wrap-reverse
!important
; }
7422 flex: 1 1 auto
!important
; }
7424 flex-grow: 0 !important
; }
7426 flex-grow: 1 !important
; }
7428 flex-shrink: 0 !important
; }
7430 flex-shrink: 1 !important
; }
7431 .justify-content-md-start {
7432 justify-content: flex-start
!important
; }
7433 .justify-content-md-end {
7434 justify-content: flex-end
!important
; }
7435 .justify-content-md-center {
7436 justify-content: center
!important
; }
7437 .justify-content-md-between {
7438 justify-content: space-between
!important
; }
7439 .justify-content-md-around {
7440 justify-content: space-around
!important
; }
7441 .align-items-md-start {
7442 align-items: flex-start
!important
; }
7443 .align-items-md-end {
7444 align-items: flex-end
!important
; }
7445 .align-items-md-center {
7446 align-items: center
!important
; }
7447 .align-items-md-baseline {
7448 align-items: baseline
!important
; }
7449 .align-items-md-stretch {
7450 align-items: stretch
!important
; }
7451 .align-content-md-start {
7452 align-content: flex-start
!important
; }
7453 .align-content-md-end {
7454 align-content: flex-end
!important
; }
7455 .align-content-md-center {
7456 align-content: center
!important
; }
7457 .align-content-md-between {
7458 align-content: space-between
!important
; }
7459 .align-content-md-around {
7460 align-content: space-around
!important
; }
7461 .align-content-md-stretch {
7462 align-content: stretch
!important
; }
7463 .align-self-md-auto {
7464 align-self: auto
!important
; }
7465 .align-self-md-start {
7466 align-self: flex-start
!important
; }
7467 .align-self-md-end {
7468 align-self: flex-end
!important
; }
7469 .align-self-md-center {
7470 align-self: center
!important
; }
7471 .align-self-md-baseline {
7472 align-self: baseline
!important
; }
7473 .align-self-md-stretch {
7474 align-self: stretch
!important
; } }
7476 @media (min-width: 992px) {
7478 flex-direction: row
!important
; }
7480 flex-direction: column
!important
; }
7481 .flex-lg-row-reverse {
7482 flex-direction: row-reverse
!important
; }
7483 .flex-lg-column-reverse {
7484 flex-direction: column-reverse
!important
; }
7486 flex-wrap: wrap
!important
; }
7488 flex-wrap: nowrap
!important
; }
7489 .flex-lg-wrap-reverse {
7490 flex-wrap: wrap-reverse
!important
; }
7492 flex: 1 1 auto
!important
; }
7494 flex-grow: 0 !important
; }
7496 flex-grow: 1 !important
; }
7498 flex-shrink: 0 !important
; }
7500 flex-shrink: 1 !important
; }
7501 .justify-content-lg-start {
7502 justify-content: flex-start
!important
; }
7503 .justify-content-lg-end {
7504 justify-content: flex-end
!important
; }
7505 .justify-content-lg-center {
7506 justify-content: center
!important
; }
7507 .justify-content-lg-between {
7508 justify-content: space-between
!important
; }
7509 .justify-content-lg-around {
7510 justify-content: space-around
!important
; }
7511 .align-items-lg-start {
7512 align-items: flex-start
!important
; }
7513 .align-items-lg-end {
7514 align-items: flex-end
!important
; }
7515 .align-items-lg-center {
7516 align-items: center
!important
; }
7517 .align-items-lg-baseline {
7518 align-items: baseline
!important
; }
7519 .align-items-lg-stretch {
7520 align-items: stretch
!important
; }
7521 .align-content-lg-start {
7522 align-content: flex-start
!important
; }
7523 .align-content-lg-end {
7524 align-content: flex-end
!important
; }
7525 .align-content-lg-center {
7526 align-content: center
!important
; }
7527 .align-content-lg-between {
7528 align-content: space-between
!important
; }
7529 .align-content-lg-around {
7530 align-content: space-around
!important
; }
7531 .align-content-lg-stretch {
7532 align-content: stretch
!important
; }
7533 .align-self-lg-auto {
7534 align-self: auto
!important
; }
7535 .align-self-lg-start {
7536 align-self: flex-start
!important
; }
7537 .align-self-lg-end {
7538 align-self: flex-end
!important
; }
7539 .align-self-lg-center {
7540 align-self: center
!important
; }
7541 .align-self-lg-baseline {
7542 align-self: baseline
!important
; }
7543 .align-self-lg-stretch {
7544 align-self: stretch
!important
; } }
7546 @media (min-width: 1200px) {
7548 flex-direction: row
!important
; }
7550 flex-direction: column
!important
; }
7551 .flex-xl-row-reverse {
7552 flex-direction: row-reverse
!important
; }
7553 .flex-xl-column-reverse {
7554 flex-direction: column-reverse
!important
; }
7556 flex-wrap: wrap
!important
; }
7558 flex-wrap: nowrap
!important
; }
7559 .flex-xl-wrap-reverse {
7560 flex-wrap: wrap-reverse
!important
; }
7562 flex: 1 1 auto
!important
; }
7564 flex-grow: 0 !important
; }
7566 flex-grow: 1 !important
; }
7568 flex-shrink: 0 !important
; }
7570 flex-shrink: 1 !important
; }
7571 .justify-content-xl-start {
7572 justify-content: flex-start
!important
; }
7573 .justify-content-xl-end {
7574 justify-content: flex-end
!important
; }
7575 .justify-content-xl-center {
7576 justify-content: center
!important
; }
7577 .justify-content-xl-between {
7578 justify-content: space-between
!important
; }
7579 .justify-content-xl-around {
7580 justify-content: space-around
!important
; }
7581 .align-items-xl-start {
7582 align-items: flex-start
!important
; }
7583 .align-items-xl-end {
7584 align-items: flex-end
!important
; }
7585 .align-items-xl-center {
7586 align-items: center
!important
; }
7587 .align-items-xl-baseline {
7588 align-items: baseline
!important
; }
7589 .align-items-xl-stretch {
7590 align-items: stretch
!important
; }
7591 .align-content-xl-start {
7592 align-content: flex-start
!important
; }
7593 .align-content-xl-end {
7594 align-content: flex-end
!important
; }
7595 .align-content-xl-center {
7596 align-content: center
!important
; }
7597 .align-content-xl-between {
7598 align-content: space-between
!important
; }
7599 .align-content-xl-around {
7600 align-content: space-around
!important
; }
7601 .align-content-xl-stretch {
7602 align-content: stretch
!important
; }
7603 .align-self-xl-auto {
7604 align-self: auto
!important
; }
7605 .align-self-xl-start {
7606 align-self: flex-start
!important
; }
7607 .align-self-xl-end {
7608 align-self: flex-end
!important
; }
7609 .align-self-xl-center {
7610 align-self: center
!important
; }
7611 .align-self-xl-baseline {
7612 align-self: baseline
!important
; }
7613 .align-self-xl-stretch {
7614 align-self: stretch
!important
; } }
7617 float: left
!important
; }
7620 float: right
!important
; }
7623 float: none
!important
; }
7625 @media (min-width: 576px) {
7627 float: left
!important
; }
7629 float: right
!important
; }
7631 float: none
!important
; } }
7633 @media (min-width: 768px) {
7635 float: left
!important
; }
7637 float: right
!important
; }
7639 float: none
!important
; } }
7641 @media (min-width: 992px) {
7643 float: left
!important
; }
7645 float: right
!important
; }
7647 float: none
!important
; } }
7649 @media (min-width: 1200px) {
7651 float: left
!important
; }
7653 float: right
!important
; }
7655 float: none
!important
; } }
7658 user-select: all
!important
; }
7661 user-select: auto
!important
; }
7664 user-select: none
!important
; }
7667 overflow: auto
!important
; }
7670 overflow: hidden
!important
; }
7673 position: static
!important
; }
7675 .position-relative {
7676 position: relative
!important
; }
7678 .position-absolute {
7679 position: absolute
!important
; }
7682 position: fixed
!important
; }
7685 position: sticky
!important
; }
7701 @supports (position: sticky
) {
7714 clip: rect
(0, 0, 0, 0);
7715 white-space: nowrap
;
7718 .sr-only-focusable:active, .sr-only-focusable:focus {
7724 white-space: normal
; }
7727 box-shadow: 0 0.125rem 0.25rem rgba
(0, 0, 0, 0.075) !important
; }
7730 box-shadow: 0 0.5rem 1rem rgba
(0, 0, 0, 0.15) !important
; }
7733 box-shadow: 0 1rem 3rem rgba
(0, 0, 0, 0.175) !important
; }
7736 box-shadow: none
!important
; }
7739 width: 25% !important
; }
7742 width: 50% !important
; }
7745 width: 75% !important
; }
7748 width: 100% !important
; }
7751 width: auto
!important
; }
7754 height: 25% !important
; }
7757 height: 50% !important
; }
7760 height: 75% !important
; }
7763 height: 100% !important
; }
7766 height: auto
!important
; }
7769 max-width: 100% !important
; }
7772 max-height: 100% !important
; }
7775 min-width: 100vw !important
; }
7778 min-height: 100vh !important
; }
7781 width: 100vw !important
; }
7784 height: 100vh !important
; }
7787 margin: 0 !important
; }
7791 margin-top: 0 !important
; }
7795 margin-right: 0 !important
; }
7799 margin-bottom: 0 !important
; }
7803 margin-left: 0 !important
; }
7806 margin: 0.25rem !important
; }
7810 margin-top: 0.25rem !important
; }
7814 margin-right: 0.25rem !important
; }
7818 margin-bottom: 0.25rem !important
; }
7822 margin-left: 0.25rem !important
; }
7825 margin: 0.5rem !important
; }
7829 margin-top: 0.5rem !important
; }
7833 margin-right: 0.5rem !important
; }
7837 margin-bottom: 0.5rem !important
; }
7841 margin-left: 0.5rem !important
; }
7844 margin: 1rem !important
; }
7848 margin-top: 1rem !important
; }
7852 margin-right: 1rem !important
; }
7856 margin-bottom: 1rem !important
; }
7860 margin-left: 1rem !important
; }
7863 margin: 1.5rem !important
; }
7867 margin-top: 1.5rem !important
; }
7871 margin-right: 1.5rem !important
; }
7875 margin-bottom: 1.5rem !important
; }
7879 margin-left: 1.5rem !important
; }
7882 margin: 2rem !important
; }
7886 margin-top: 2rem !important
; }
7890 margin-right: 2rem !important
; }
7894 margin-bottom: 2rem !important
; }
7898 margin-left: 2rem !important
; }
7901 margin: 3rem !important
; }
7905 margin-top: 3rem !important
; }
7909 margin-right: 3rem !important
; }
7913 margin-bottom: 3rem !important
; }
7917 margin-left: 3rem !important
; }
7920 padding: 0 !important
; }
7924 padding-top: 0 !important
; }
7928 padding-right: 0 !important
; }
7932 padding-bottom: 0 !important
; }
7936 padding-left: 0 !important
; }
7939 padding: 0.25rem !important
; }
7943 padding-top: 0.25rem !important
; }
7947 padding-right: 0.25rem !important
; }
7951 padding-bottom: 0.25rem !important
; }
7955 padding-left: 0.25rem !important
; }
7958 padding: 0.5rem !important
; }
7962 padding-top: 0.5rem !important
; }
7966 padding-right: 0.5rem !important
; }
7970 padding-bottom: 0.5rem !important
; }
7974 padding-left: 0.5rem !important
; }
7977 padding: 1rem !important
; }
7981 padding-top: 1rem !important
; }
7985 padding-right: 1rem !important
; }
7989 padding-bottom: 1rem !important
; }
7993 padding-left: 1rem !important
; }
7996 padding: 1.5rem !important
; }
8000 padding-top: 1.5rem !important
; }
8004 padding-right: 1.5rem !important
; }
8008 padding-bottom: 1.5rem !important
; }
8012 padding-left: 1.5rem !important
; }
8015 padding: 2rem !important
; }
8019 padding-top: 2rem !important
; }
8023 padding-right: 2rem !important
; }
8027 padding-bottom: 2rem !important
; }
8031 padding-left: 2rem !important
; }
8034 padding: 3rem !important
; }
8038 padding-top: 3rem !important
; }
8042 padding-right: 3rem !important
; }
8046 padding-bottom: 3rem !important
; }
8050 padding-left: 3rem !important
; }
8053 margin: -0.25rem !important
; }
8057 margin-top: -0.25rem !important
; }
8061 margin-right: -0.25rem !important
; }
8065 margin-bottom: -0.25rem !important
; }
8069 margin-left: -0.25rem !important
; }
8072 margin: -0.5rem !important
; }
8076 margin-top: -0.5rem !important
; }
8080 margin-right: -0.5rem !important
; }
8084 margin-bottom: -0.5rem !important
; }
8088 margin-left: -0.5rem !important
; }
8091 margin: -1rem !important
; }
8095 margin-top: -1rem !important
; }
8099 margin-right: -1rem !important
; }
8103 margin-bottom: -1rem !important
; }
8107 margin-left: -1rem !important
; }
8110 margin: -1.5rem !important
; }
8114 margin-top: -1.5rem !important
; }
8118 margin-right: -1.5rem !important
; }
8122 margin-bottom: -1.5rem !important
; }
8126 margin-left: -1.5rem !important
; }
8129 margin: -2rem !important
; }
8133 margin-top: -2rem !important
; }
8137 margin-right: -2rem !important
; }
8141 margin-bottom: -2rem !important
; }
8145 margin-left: -2rem !important
; }
8148 margin: -3rem !important
; }
8152 margin-top: -3rem !important
; }
8156 margin-right: -3rem !important
; }
8160 margin-bottom: -3rem !important
; }
8164 margin-left: -3rem !important
; }
8167 margin: auto
!important
; }
8171 margin-top: auto
!important
; }
8175 margin-right: auto
!important
; }
8179 margin-bottom: auto
!important
; }
8183 margin-left: auto
!important
; }
8185 @media (min-width: 576px) {
8187 margin: 0 !important
; }
8190 margin-top: 0 !important
; }
8193 margin-right: 0 !important
; }
8196 margin-bottom: 0 !important
; }
8199 margin-left: 0 !important
; }
8201 margin: 0.25rem !important
; }
8204 margin-top: 0.25rem !important
; }
8207 margin-right: 0.25rem !important
; }
8210 margin-bottom: 0.25rem !important
; }
8213 margin-left: 0.25rem !important
; }
8215 margin: 0.5rem !important
; }
8218 margin-top: 0.5rem !important
; }
8221 margin-right: 0.5rem !important
; }
8224 margin-bottom: 0.5rem !important
; }
8227 margin-left: 0.5rem !important
; }
8229 margin: 1rem !important
; }
8232 margin-top: 1rem !important
; }
8235 margin-right: 1rem !important
; }
8238 margin-bottom: 1rem !important
; }
8241 margin-left: 1rem !important
; }
8243 margin: 1.5rem !important
; }
8246 margin-top: 1.5rem !important
; }
8249 margin-right: 1.5rem !important
; }
8252 margin-bottom: 1.5rem !important
; }
8255 margin-left: 1.5rem !important
; }
8257 margin: 2rem !important
; }
8260 margin-top: 2rem !important
; }
8263 margin-right: 2rem !important
; }
8266 margin-bottom: 2rem !important
; }
8269 margin-left: 2rem !important
; }
8271 margin: 3rem !important
; }
8274 margin-top: 3rem !important
; }
8277 margin-right: 3rem !important
; }
8280 margin-bottom: 3rem !important
; }
8283 margin-left: 3rem !important
; }
8285 padding: 0 !important
; }
8288 padding-top: 0 !important
; }
8291 padding-right: 0 !important
; }
8294 padding-bottom: 0 !important
; }
8297 padding-left: 0 !important
; }
8299 padding: 0.25rem !important
; }
8302 padding-top: 0.25rem !important
; }
8305 padding-right: 0.25rem !important
; }
8308 padding-bottom: 0.25rem !important
; }
8311 padding-left: 0.25rem !important
; }
8313 padding: 0.5rem !important
; }
8316 padding-top: 0.5rem !important
; }
8319 padding-right: 0.5rem !important
; }
8322 padding-bottom: 0.5rem !important
; }
8325 padding-left: 0.5rem !important
; }
8327 padding: 1rem !important
; }
8330 padding-top: 1rem !important
; }
8333 padding-right: 1rem !important
; }
8336 padding-bottom: 1rem !important
; }
8339 padding-left: 1rem !important
; }
8341 padding: 1.5rem !important
; }
8344 padding-top: 1.5rem !important
; }
8347 padding-right: 1.5rem !important
; }
8350 padding-bottom: 1.5rem !important
; }
8353 padding-left: 1.5rem !important
; }
8355 padding: 2rem !important
; }
8358 padding-top: 2rem !important
; }
8361 padding-right: 2rem !important
; }
8364 padding-bottom: 2rem !important
; }
8367 padding-left: 2rem !important
; }
8369 padding: 3rem !important
; }
8372 padding-top: 3rem !important
; }
8375 padding-right: 3rem !important
; }
8378 padding-bottom: 3rem !important
; }
8381 padding-left: 3rem !important
; }
8383 margin: -0.25rem !important
; }
8386 margin-top: -0.25rem !important
; }
8389 margin-right: -0.25rem !important
; }
8392 margin-bottom: -0.25rem !important
; }
8395 margin-left: -0.25rem !important
; }
8397 margin: -0.5rem !important
; }
8400 margin-top: -0.5rem !important
; }
8403 margin-right: -0.5rem !important
; }
8406 margin-bottom: -0.5rem !important
; }
8409 margin-left: -0.5rem !important
; }
8411 margin: -1rem !important
; }
8414 margin-top: -1rem !important
; }
8417 margin-right: -1rem !important
; }
8420 margin-bottom: -1rem !important
; }
8423 margin-left: -1rem !important
; }
8425 margin: -1.5rem !important
; }
8428 margin-top: -1.5rem !important
; }
8431 margin-right: -1.5rem !important
; }
8434 margin-bottom: -1.5rem !important
; }
8437 margin-left: -1.5rem !important
; }
8439 margin: -2rem !important
; }
8442 margin-top: -2rem !important
; }
8445 margin-right: -2rem !important
; }
8448 margin-bottom: -2rem !important
; }
8451 margin-left: -2rem !important
; }
8453 margin: -3rem !important
; }
8456 margin-top: -3rem !important
; }
8459 margin-right: -3rem !important
; }
8462 margin-bottom: -3rem !important
; }
8465 margin-left: -3rem !important
; }
8467 margin: auto
!important
; }
8470 margin-top: auto
!important
; }
8473 margin-right: auto
!important
; }
8476 margin-bottom: auto
!important
; }
8479 margin-left: auto
!important
; } }
8481 @media (min-width: 768px) {
8483 margin: 0 !important
; }
8486 margin-top: 0 !important
; }
8489 margin-right: 0 !important
; }
8492 margin-bottom: 0 !important
; }
8495 margin-left: 0 !important
; }
8497 margin: 0.25rem !important
; }
8500 margin-top: 0.25rem !important
; }
8503 margin-right: 0.25rem !important
; }
8506 margin-bottom: 0.25rem !important
; }
8509 margin-left: 0.25rem !important
; }
8511 margin: 0.5rem !important
; }
8514 margin-top: 0.5rem !important
; }
8517 margin-right: 0.5rem !important
; }
8520 margin-bottom: 0.5rem !important
; }
8523 margin-left: 0.5rem !important
; }
8525 margin: 1rem !important
; }
8528 margin-top: 1rem !important
; }
8531 margin-right: 1rem !important
; }
8534 margin-bottom: 1rem !important
; }
8537 margin-left: 1rem !important
; }
8539 margin: 1.5rem !important
; }
8542 margin-top: 1.5rem !important
; }
8545 margin-right: 1.5rem !important
; }
8548 margin-bottom: 1.5rem !important
; }
8551 margin-left: 1.5rem !important
; }
8553 margin: 2rem !important
; }
8556 margin-top: 2rem !important
; }
8559 margin-right: 2rem !important
; }
8562 margin-bottom: 2rem !important
; }
8565 margin-left: 2rem !important
; }
8567 margin: 3rem !important
; }
8570 margin-top: 3rem !important
; }
8573 margin-right: 3rem !important
; }
8576 margin-bottom: 3rem !important
; }
8579 margin-left: 3rem !important
; }
8581 padding: 0 !important
; }
8584 padding-top: 0 !important
; }
8587 padding-right: 0 !important
; }
8590 padding-bottom: 0 !important
; }
8593 padding-left: 0 !important
; }
8595 padding: 0.25rem !important
; }
8598 padding-top: 0.25rem !important
; }
8601 padding-right: 0.25rem !important
; }
8604 padding-bottom: 0.25rem !important
; }
8607 padding-left: 0.25rem !important
; }
8609 padding: 0.5rem !important
; }
8612 padding-top: 0.5rem !important
; }
8615 padding-right: 0.5rem !important
; }
8618 padding-bottom: 0.5rem !important
; }
8621 padding-left: 0.5rem !important
; }
8623 padding: 1rem !important
; }
8626 padding-top: 1rem !important
; }
8629 padding-right: 1rem !important
; }
8632 padding-bottom: 1rem !important
; }
8635 padding-left: 1rem !important
; }
8637 padding: 1.5rem !important
; }
8640 padding-top: 1.5rem !important
; }
8643 padding-right: 1.5rem !important
; }
8646 padding-bottom: 1.5rem !important
; }
8649 padding-left: 1.5rem !important
; }
8651 padding: 2rem !important
; }
8654 padding-top: 2rem !important
; }
8657 padding-right: 2rem !important
; }
8660 padding-bottom: 2rem !important
; }
8663 padding-left: 2rem !important
; }
8665 padding: 3rem !important
; }
8668 padding-top: 3rem !important
; }
8671 padding-right: 3rem !important
; }
8674 padding-bottom: 3rem !important
; }
8677 padding-left: 3rem !important
; }
8679 margin: -0.25rem !important
; }
8682 margin-top: -0.25rem !important
; }
8685 margin-right: -0.25rem !important
; }
8688 margin-bottom: -0.25rem !important
; }
8691 margin-left: -0.25rem !important
; }
8693 margin: -0.5rem !important
; }
8696 margin-top: -0.5rem !important
; }
8699 margin-right: -0.5rem !important
; }
8702 margin-bottom: -0.5rem !important
; }
8705 margin-left: -0.5rem !important
; }
8707 margin: -1rem !important
; }
8710 margin-top: -1rem !important
; }
8713 margin-right: -1rem !important
; }
8716 margin-bottom: -1rem !important
; }
8719 margin-left: -1rem !important
; }
8721 margin: -1.5rem !important
; }
8724 margin-top: -1.5rem !important
; }
8727 margin-right: -1.5rem !important
; }
8730 margin-bottom: -1.5rem !important
; }
8733 margin-left: -1.5rem !important
; }
8735 margin: -2rem !important
; }
8738 margin-top: -2rem !important
; }
8741 margin-right: -2rem !important
; }
8744 margin-bottom: -2rem !important
; }
8747 margin-left: -2rem !important
; }
8749 margin: -3rem !important
; }
8752 margin-top: -3rem !important
; }
8755 margin-right: -3rem !important
; }
8758 margin-bottom: -3rem !important
; }
8761 margin-left: -3rem !important
; }
8763 margin: auto
!important
; }
8766 margin-top: auto
!important
; }
8769 margin-right: auto
!important
; }
8772 margin-bottom: auto
!important
; }
8775 margin-left: auto
!important
; } }
8777 @media (min-width: 992px) {
8779 margin: 0 !important
; }
8782 margin-top: 0 !important
; }
8785 margin-right: 0 !important
; }
8788 margin-bottom: 0 !important
; }
8791 margin-left: 0 !important
; }
8793 margin: 0.25rem !important
; }
8796 margin-top: 0.25rem !important
; }
8799 margin-right: 0.25rem !important
; }
8802 margin-bottom: 0.25rem !important
; }
8805 margin-left: 0.25rem !important
; }
8807 margin: 0.5rem !important
; }
8810 margin-top: 0.5rem !important
; }
8813 margin-right: 0.5rem !important
; }
8816 margin-bottom: 0.5rem !important
; }
8819 margin-left: 0.5rem !important
; }
8821 margin: 1rem !important
; }
8824 margin-top: 1rem !important
; }
8827 margin-right: 1rem !important
; }
8830 margin-bottom: 1rem !important
; }
8833 margin-left: 1rem !important
; }
8835 margin: 1.5rem !important
; }
8838 margin-top: 1.5rem !important
; }
8841 margin-right: 1.5rem !important
; }
8844 margin-bottom: 1.5rem !important
; }
8847 margin-left: 1.5rem !important
; }
8849 margin: 2rem !important
; }
8852 margin-top: 2rem !important
; }
8855 margin-right: 2rem !important
; }
8858 margin-bottom: 2rem !important
; }
8861 margin-left: 2rem !important
; }
8863 margin: 3rem !important
; }
8866 margin-top: 3rem !important
; }
8869 margin-right: 3rem !important
; }
8872 margin-bottom: 3rem !important
; }
8875 margin-left: 3rem !important
; }
8877 padding: 0 !important
; }
8880 padding-top: 0 !important
; }
8883 padding-right: 0 !important
; }
8886 padding-bottom: 0 !important
; }
8889 padding-left: 0 !important
; }
8891 padding: 0.25rem !important
; }
8894 padding-top: 0.25rem !important
; }
8897 padding-right: 0.25rem !important
; }
8900 padding-bottom: 0.25rem !important
; }
8903 padding-left: 0.25rem !important
; }
8905 padding: 0.5rem !important
; }
8908 padding-top: 0.5rem !important
; }
8911 padding-right: 0.5rem !important
; }
8914 padding-bottom: 0.5rem !important
; }
8917 padding-left: 0.5rem !important
; }
8919 padding: 1rem !important
; }
8922 padding-top: 1rem !important
; }
8925 padding-right: 1rem !important
; }
8928 padding-bottom: 1rem !important
; }
8931 padding-left: 1rem !important
; }
8933 padding: 1.5rem !important
; }
8936 padding-top: 1.5rem !important
; }
8939 padding-right: 1.5rem !important
; }
8942 padding-bottom: 1.5rem !important
; }
8945 padding-left: 1.5rem !important
; }
8947 padding: 2rem !important
; }
8950 padding-top: 2rem !important
; }
8953 padding-right: 2rem !important
; }
8956 padding-bottom: 2rem !important
; }
8959 padding-left: 2rem !important
; }
8961 padding: 3rem !important
; }
8964 padding-top: 3rem !important
; }
8967 padding-right: 3rem !important
; }
8970 padding-bottom: 3rem !important
; }
8973 padding-left: 3rem !important
; }
8975 margin: -0.25rem !important
; }
8978 margin-top: -0.25rem !important
; }
8981 margin-right: -0.25rem !important
; }
8984 margin-bottom: -0.25rem !important
; }
8987 margin-left: -0.25rem !important
; }
8989 margin: -0.5rem !important
; }
8992 margin-top: -0.5rem !important
; }
8995 margin-right: -0.5rem !important
; }
8998 margin-bottom: -0.5rem !important
; }
9001 margin-left: -0.5rem !important
; }
9003 margin: -1rem !important
; }
9006 margin-top: -1rem !important
; }
9009 margin-right: -1rem !important
; }
9012 margin-bottom: -1rem !important
; }
9015 margin-left: -1rem !important
; }
9017 margin: -1.5rem !important
; }
9020 margin-top: -1.5rem !important
; }
9023 margin-right: -1.5rem !important
; }
9026 margin-bottom: -1.5rem !important
; }
9029 margin-left: -1.5rem !important
; }
9031 margin: -2rem !important
; }
9034 margin-top: -2rem !important
; }
9037 margin-right: -2rem !important
; }
9040 margin-bottom: -2rem !important
; }
9043 margin-left: -2rem !important
; }
9045 margin: -3rem !important
; }
9048 margin-top: -3rem !important
; }
9051 margin-right: -3rem !important
; }
9054 margin-bottom: -3rem !important
; }
9057 margin-left: -3rem !important
; }
9059 margin: auto
!important
; }
9062 margin-top: auto
!important
; }
9065 margin-right: auto
!important
; }
9068 margin-bottom: auto
!important
; }
9071 margin-left: auto
!important
; } }
9073 @media (min-width: 1200px) {
9075 margin: 0 !important
; }
9078 margin-top: 0 !important
; }
9081 margin-right: 0 !important
; }
9084 margin-bottom: 0 !important
; }
9087 margin-left: 0 !important
; }
9089 margin: 0.25rem !important
; }
9092 margin-top: 0.25rem !important
; }
9095 margin-right: 0.25rem !important
; }
9098 margin-bottom: 0.25rem !important
; }
9101 margin-left: 0.25rem !important
; }
9103 margin: 0.5rem !important
; }
9106 margin-top: 0.5rem !important
; }
9109 margin-right: 0.5rem !important
; }
9112 margin-bottom: 0.5rem !important
; }
9115 margin-left: 0.5rem !important
; }
9117 margin: 1rem !important
; }
9120 margin-top: 1rem !important
; }
9123 margin-right: 1rem !important
; }
9126 margin-bottom: 1rem !important
; }
9129 margin-left: 1rem !important
; }
9131 margin: 1.5rem !important
; }
9134 margin-top: 1.5rem !important
; }
9137 margin-right: 1.5rem !important
; }
9140 margin-bottom: 1.5rem !important
; }
9143 margin-left: 1.5rem !important
; }
9145 margin: 2rem !important
; }
9148 margin-top: 2rem !important
; }
9151 margin-right: 2rem !important
; }
9154 margin-bottom: 2rem !important
; }
9157 margin-left: 2rem !important
; }
9159 margin: 3rem !important
; }
9162 margin-top: 3rem !important
; }
9165 margin-right: 3rem !important
; }
9168 margin-bottom: 3rem !important
; }
9171 margin-left: 3rem !important
; }
9173 padding: 0 !important
; }
9176 padding-top: 0 !important
; }
9179 padding-right: 0 !important
; }
9182 padding-bottom: 0 !important
; }
9185 padding-left: 0 !important
; }
9187 padding: 0.25rem !important
; }
9190 padding-top: 0.25rem !important
; }
9193 padding-right: 0.25rem !important
; }
9196 padding-bottom: 0.25rem !important
; }
9199 padding-left: 0.25rem !important
; }
9201 padding: 0.5rem !important
; }
9204 padding-top: 0.5rem !important
; }
9207 padding-right: 0.5rem !important
; }
9210 padding-bottom: 0.5rem !important
; }
9213 padding-left: 0.5rem !important
; }
9215 padding: 1rem !important
; }
9218 padding-top: 1rem !important
; }
9221 padding-right: 1rem !important
; }
9224 padding-bottom: 1rem !important
; }
9227 padding-left: 1rem !important
; }
9229 padding: 1.5rem !important
; }
9232 padding-top: 1.5rem !important
; }
9235 padding-right: 1.5rem !important
; }
9238 padding-bottom: 1.5rem !important
; }
9241 padding-left: 1.5rem !important
; }
9243 padding: 2rem !important
; }
9246 padding-top: 2rem !important
; }
9249 padding-right: 2rem !important
; }
9252 padding-bottom: 2rem !important
; }
9255 padding-left: 2rem !important
; }
9257 padding: 3rem !important
; }
9260 padding-top: 3rem !important
; }
9263 padding-right: 3rem !important
; }
9266 padding-bottom: 3rem !important
; }
9269 padding-left: 3rem !important
; }
9271 margin: -0.25rem !important
; }
9274 margin-top: -0.25rem !important
; }
9277 margin-right: -0.25rem !important
; }
9280 margin-bottom: -0.25rem !important
; }
9283 margin-left: -0.25rem !important
; }
9285 margin: -0.5rem !important
; }
9288 margin-top: -0.5rem !important
; }
9291 margin-right: -0.5rem !important
; }
9294 margin-bottom: -0.5rem !important
; }
9297 margin-left: -0.5rem !important
; }
9299 margin: -1rem !important
; }
9302 margin-top: -1rem !important
; }
9305 margin-right: -1rem !important
; }
9308 margin-bottom: -1rem !important
; }
9311 margin-left: -1rem !important
; }
9313 margin: -1.5rem !important
; }
9316 margin-top: -1.5rem !important
; }
9319 margin-right: -1.5rem !important
; }
9322 margin-bottom: -1.5rem !important
; }
9325 margin-left: -1.5rem !important
; }
9327 margin: -2rem !important
; }
9330 margin-top: -2rem !important
; }
9333 margin-right: -2rem !important
; }
9336 margin-bottom: -2rem !important
; }
9339 margin-left: -2rem !important
; }
9341 margin: -3rem !important
; }
9344 margin-top: -3rem !important
; }
9347 margin-right: -3rem !important
; }
9350 margin-bottom: -3rem !important
; }
9353 margin-left: -3rem !important
; }
9355 margin: auto
!important
; }
9358 margin-top: auto
!important
; }
9361 margin-right: auto
!important
; }
9364 margin-bottom: auto
!important
; }
9367 margin-left: auto
!important
; } }
9369 .stretched-link::after {
9376 pointer-events: auto
;
9378 background-color: rgba
(0, 0, 0, 0); }
9381 font-family: SFMono-Regular
, Menlo
, Monaco
, Consolas
, "Liberation Mono", "Courier New", monospace
!important
; }
9384 text-align: justify
!important
; }
9387 white-space: normal
!important
; }
9390 white-space: nowrap
!important
; }
9394 text-overflow: ellipsis
;
9395 white-space: nowrap
; }
9398 text-align: left
!important
; }
9401 text-align: right
!important
; }
9404 text-align: center
!important
; }
9406 @media (min-width: 576px) {
9408 text-align: left
!important
; }
9410 text-align: right
!important
; }
9412 text-align: center
!important
; } }
9414 @media (min-width: 768px) {
9416 text-align: left
!important
; }
9418 text-align: right
!important
; }
9420 text-align: center
!important
; } }
9422 @media (min-width: 992px) {
9424 text-align: left
!important
; }
9426 text-align: right
!important
; }
9428 text-align: center
!important
; } }
9430 @media (min-width: 1200px) {
9432 text-align: left
!important
; }
9434 text-align: right
!important
; }
9436 text-align: center
!important
; } }
9439 text-transform: lowercase
!important
; }
9442 text-transform: uppercase
!important
; }
9445 text-transform: capitalize
!important
; }
9447 .font-weight-light {
9448 font-weight: 300 !important
; }
9450 .font-weight-lighter {
9451 font-weight: lighter
!important
; }
9453 .font-weight-normal {
9454 font-weight: 400 !important
; }
9457 font-weight: 700 !important
; }
9459 .font-weight-bolder {
9460 font-weight: bolder
!important
; }
9463 font-style: italic
!important
; }
9466 color: #fff !important
; }
9469 color: #0f6fc5 !important
; }
9471 a
.text-primary:hover
, a
.text-primary:focus
{
9472 color: #0a477e !important
; }
9475 color: #ced4da !important
; }
9477 a
.text-secondary:hover
, a
.text-secondary:focus
{
9478 color: #a2aeb9 !important
; }
9481 color: #357a32 !important
; }
9483 a
.text-success:hover
, a
.text-success:focus
{
9484 color: #1d441c !important
; }
9487 color: #008196 !important
; }
9489 a
.text-info:hover
, a
.text-info:focus
{
9490 color: #003f4a !important
; }
9493 color: #f0ad4e !important
; }
9495 a
.text-warning:hover
, a
.text-warning:focus
{
9496 color: #df8a13 !important
; }
9499 color: #ca3120 !important
; }
9501 a
.text-danger:hover
, a
.text-danger:focus
{
9502 color: #882116 !important
; }
9505 color: #f8f9fa !important
; }
9507 a
.text-light:hover
, a
.text-light:focus
{
9508 color: #cbd3da !important
; }
9511 color: #343a40 !important
; }
9513 a
.text-dark:hover
, a
.text-dark:focus
{
9514 color: #121416 !important
; }
9517 color: #212529 !important
; }
9520 color: #6c757d !important
; }
9523 color: rgba
(0, 0, 0, 0.5) !important
; }
9526 color: rgba
(255, 255, 255, 0.5) !important
; }
9532 background-color: transparent
;
9535 .text-decoration-none {
9536 text-decoration: none
!important
; }
9539 word-wrap: break-word
!important
; }
9542 color: inherit
!important
; }
9545 visibility: visible
!important
; }
9548 visibility: hidden
!important
; }
9554 text-shadow: none
!important
;
9555 box-shadow: none
!important
; }
9557 text-decoration: underline
; }
9558 abbr
[title
]::after
{
9559 content: " (" attr
(title
) ")"; }
9561 white-space: pre-wrap
!important
; }
9564 border: 1px solid
#8f959e;
9565 page-break-inside: avoid
; }
9567 display: table-header-group
; }
9570 page-break-inside: avoid
; }
9578 page-break-after: avoid
; }
9580 min-width: 992px !important
; }
9582 min-width: 992px !important
; }
9586 border: 1px solid
#000; }
9588 border-collapse: collapse
!important
; }
9591 background-color: #fff !important
; }
9593 .table-bordered td {
9594 border: 1px solid
#dee2e6 !important
; }
9599 .table-dark thead th
,
9600 .table-dark tbody + tbody {
9601 border-color: #dee2e6; }
9602 .table .thead-dark th {
9604 border-color: #dee2e6; } }
9607 * Bootstrap overrides for RTL
9609 * This file is only for overriding sass from upstream bootstrap, all general rtl fixes for
9610 * moodle scss should be placed immediately after the definition of the ltr rule.
9612 .breadcrumb-item + .breadcrumb-item::before {
9616 /* stylelint-disable-line declaration-block-no-duplicate-properties */ }
9618 .dir-rtl .custom-select {
9619 background-position: 0.75rem center
; }
9628 .dir-rtl .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
9629 transform: translateX
(-0.9375rem); }
9634 * Variables written for Moodle specific components
9636 * Please do not override any Bootstrap variables here, custom Bootstrap variable should go in
9637 * preset files instead.
9642 overflow-y: visible
;
9643 background-color: #fff; }
9645 @media (min-width: 576px) {
9647 border: 1px solid rgba
(0, 0, 0, 0.125);
9648 padding: 1.25rem; } }
9650 @media (min-width: 576px) {
9651 .context-header-settings-menu
,
9652 .region-main-settings-menu {
9658 margin-top: 4px; } }
9660 @media (max-width: 767.98px) {
9661 .context-header-settings-menu
,
9662 .region-main-settings-menu {
9664 justify-content: flex-end
; } }
9669 transition: opacity
.7s ease
0s, visibility
.1s ease
.8s;
9677 transform: translateY
(-100%); }
9679 @media (max-width: 767.98px) {
9683 body
.scrolled #goto-top-link
{
9685 visibility: visible
;
9686 transition: visibility
0s ease
0s, opacity
.7s ease
.1s; }
9688 .context-header-settings-menu
.dropdown-toggle
> .icon
,
9689 #region-main-settings-menu .dropdown-toggle
> .icon
{
9694 /** Prevent user notifications overlapping with region main settings menu */
9695 #user-notifications {
9699 /** Page layout CSS starts **/
9700 .layout-option-noheader #page-header
,
9701 .layout-option-nonavbar #page-navbar
,
9702 .layout-option-nofooter #page-footer
,
9703 .layout-option-nocourseheader
.course-content-header
,
9704 .layout-option-nocoursefooter .course-content-footer {
9707 /** Page layout CSS ends **/
9712 text-align: right
; }
9716 direction: ltr
!important
;
9717 /* stylelint-disable-line declaration-no-important */ }
9723 text-align: center
; }
9730 a
.dimmed_text:visited
,
9733 .dimmed_text
a:link
,
9734 .dimmed_text
a:visited
,
9737 .usersuspended
a:link
,
9738 .usersuspended
a:visited
,
9740 .dimmed_category a {
9743 .aalink
.focus
, .aalink:focus
,
9744 #page-footer a:not
([class
]).focus
,
9745 #page-footer a:not
([class
]):focus
,
9748 a:not
([class
]).focus
,
9749 a:not
([class
]):focus
,
9750 .activityinstance
> a
.focus
,
9751 .activityinstance > a:focus {
9752 outline: 0.2rem solid transparent
;
9754 background-color: #d7ebfc;
9755 box-shadow: 0 -0.2rem #d7ebfc, 0 0.2rem #343a40; }
9757 .aalink:focus:hover
,
9758 #page-footer a:not
([class
]):focus:hover
,
9759 .arrow_link:focus:hover
,
9760 a:not
([class
]):focus:hover
,
9761 .activityinstance > a:focus:hover {
9762 text-decoration: none
; }
9764 .aabtn
.focus
, .aabtn:focus
,
9769 .editor_atto_toolbar button
.focus
,
9770 .editor_atto_toolbar
button:focus
,
9771 [role
="button"].focus
,
9772 [role
="button"]:focus
,
9773 .list-group-item-action
.focus
,
9774 .list-group-item-action:focus
,
9775 input
[type
="checkbox"].focus
,
9776 input
[type
="checkbox"]:focus
,
9777 input
[type
="radio"].focus
,
9778 input
[type
="radio"]:focus
,
9779 input
[type
="file"].focus
,
9780 input
[type
="file"]:focus
,
9781 input
[type
="image"].focus
,
9782 input
[type
="image"]:focus
,
9783 .sr-only-focusable
.focus
,
9784 .sr-only-focusable:focus
,
9785 a
.dropdown-toggle
.focus
,
9786 a
.dropdown-toggle:focus
,
9787 .modal-dialog
[tabindex
="0"].focus
,
9788 .modal-dialog
[tabindex
="0"]:focus
,
9789 .moodle-dialogue-base
.closebutton
.focus
,
9790 .moodle-dialogue-base
.closebutton:focus
,
9793 .form-autocomplete-selection
.focus
,
9794 .form-autocomplete-selection:focus {
9796 box-shadow: 0 0 0 0.2rem rgba
(15, 111, 197, 0.75); }
9799 .btn-link:focus:hover
,
9800 .nav-link:focus:hover
,
9801 .editor_atto_toolbar
button:focus:hover
,
9802 [role
="button"]:focus:hover
,
9803 .list-group-item-action:focus:hover
,
9804 input
[type
="checkbox"]:focus:hover
,
9805 input
[type
="radio"]:focus:hover
,
9806 input
[type
="file"]:focus:hover
,
9807 input
[type
="image"]:focus:hover
,
9808 .sr-only-focusable:focus:hover
,
9809 a
.dropdown-toggle:focus:hover
,
9810 .modal-dialog
[tabindex
="0"]:focus:hover
,
9811 .moodle-dialogue-base
.closebutton:focus:hover
,
9812 button
.close:focus:hover
,
9813 .form-autocomplete-selection:focus:hover {
9814 text-decoration: none
; }
9816 .form-autocomplete-suggestions li[aria-selected=true] {
9818 box-shadow: 0 0 0 0.2rem rgba
(15, 111, 197, 0.75); }
9820 .safari input
[type
="checkbox"].focus
, .safari input
[type
="checkbox"]:focus
,
9821 .safari input
[type
="radio"].focus
,
9822 .safari input[type="radio"]:focus {
9831 .section li
.activity
,
9832 .section li
.movehere
,
9838 .section li.movehere a {
9842 border: 2px dashed
#343a40; }
9844 .editing .course-content .hidden.sectionname {
9853 font-size: 0.703125rem; }
9870 .fitem.advanced .text-info {
9871 font-weight: bold
; }
9874 text-align: right
; }
9876 a
.autolink
.glossary:hover
{
9879 /* Block which is hidden if javascript enabled, prevents fickering visible when JS from footer used! */
9880 .collapsibleregioncaption {
9881 white-space: nowrap
;
9882 min-height: 1.40625rem; }
9884 .pagelayout-mydashboard.jsenabled .collapsibleregioncaption {
9887 .pagelayout-mydashboard #region-main {
9890 background-color: transparent
;
9893 @media (max-width: 767.98px) {
9894 .pagelayout-mydashboard #region-main-box
,
9895 .pagelayout-login #region-main-box {
9897 padding-right: 0; } }
9899 .collapsibleregioncaption img {
9900 vertical-align: middle
; }
9902 .jsenabled .hiddenifjs {
9908 .jsenabled .visibleifjs {
9911 .jsenabled .collapsibleregion {
9913 box-sizing: content-box
; }
9915 .jsenabled .collapsed .collapsibleregioninner {
9916 visibility: hidden
; }
9918 .collapsible-actions {
9920 text-align: right
; }
9922 .jsenabled .collapsible-actions {
9925 .collapsible-actions .collapseexpand {
9927 background: url
([[pix:t
/collapsed
]]) 2px center no-repeat
; }
9930 .collapsible-actions .collapseexpand {
9931 background: url([[pix:t/collapsed_rtl]]) right center no-repeat;
9934 .collapsible-actions .collapse-all {
9935 background-image: url
([[pix:t
/expanded
]]); }
9937 .yui-overlay .yui-widget-bd {
9938 background-color: #ffee69;
9939 border: 1px solid
#a6982b;
9940 border-top-color: #d4c237;
9949 background: transparent
;
9961 .pagingbar .thispage {
9962 font-weight: bold
; }
9965 margin-right: 0.5rem; }
9971 .action-menu .dropdown-toggle {
9972 text-decoration: none
; }
9975 white-space: nowrap
; }
9985 vertical-align: middle
; }
9988 font-weight: bold
; }
9998 #addmembersform table
{
10000 margin-right: auto
; }
10002 table
.flexible
.emptyrow
{
10006 form
.popupform div
{
10009 .arrow_button input {
10010 overflow: hidden
; }
10015 .no-overflow > .generaltable {
10016 position: relative
;
10018 min-height: 10em; }
10021 position: absolute
;
10027 clip: rect
(0, 0, 0, 0);
10028 white-space: nowrap
;
10038 position: absolute
;
10041 text-decoration: none
; }
10043 a
.skip-block:focus
,
10044 a
.skip-block:active
,
10053 overflow: hidden
; }
10056 text-align: center
; }
10058 .blog_entry .audience {
10060 padding-right: 4px; }
10062 .blog_entry .tags {
10063 margin-top: 15px; }
10065 .blog_entry .content {
10066 margin-left: 43px; }
10069 margin: 1em 0 0 0; }
10076 #doc-contents ul li
{
10077 list-style-type: none
; }
10079 .groupmanagementtable td {
10080 vertical-align: top
; }
10082 .groupmanagementtable #existingcell
,
10083 .groupmanagementtable #potentialcell {
10086 .groupmanagementtable #buttonscell {
10089 .groupmanagementtable #buttonscell p.arrow_button input {
10095 .groupmanagementtable #removeselect_wrapper
,
10096 .groupmanagementtable #addselect_wrapper {
10099 .groupmanagementtable #removeselect_wrapper label
,
10100 .groupmanagementtable #addselect_wrapper label {
10101 font-weight: normal
; }
10103 #group-usersummary {
10108 margin-bottom: 3px;
10109 display: inline-block
; }
10111 .groupselector label {
10112 display: inline-block
; }
10114 .login-page [name="username"] {
10115 margin-bottom: -1px;
10116 border-bottom-right-radius: 0;
10117 border-bottom-left-radius: 0; }
10119 .login-page [type="password"] {
10120 margin-bottom: 10px;
10121 border-top-left-radius: 0;
10122 border-top-right-radius: 0; }
10125 margin-bottom: 1em; }
10127 .notepost .userpicture {
10129 margin-right: 5px; }
10131 .notepost
.content
,
10132 .notepost .footer {
10136 margin-left: 20px; }
10138 .path-my .coursebox {
10141 .path-my .coursebox .overview {
10142 margin: 15px 30px 10px 30px; }
10144 .path-my .coursebox .info {
10168 .comment-area textarea {
10171 .comment-area textarea.fullwidth {
10172 -webkit-box-sizing: border-box
;
10173 -moz-box-sizing: border-box
;
10174 box-sizing: border-box
; }
10176 .comment-area .fd {
10177 text-align: right
; }
10179 .comment-meta span {
10182 .comment-link img {
10183 vertical-align: text-bottom
; }
10195 margin-bottom: 5px;
10198 position: relative
; }
10200 .comment-list li.first {
10204 text-align: center
; }
10206 .comment-paging .pageno {
10209 .comment-paging .curpage {
10210 border: 1px solid
#ccc; }
10212 .comment-message .picture {
10216 .comment-message .text {
10220 .comment-message .text p {
10222 margin: 0 18px 0 0; }
10225 position: absolute
;
10230 .comment-report-selectall {
10236 .jsenabled .comment-link {
10239 .jsenabled .showcommentsnonjs {
10242 .jsenabled .comment-report-selectall {
10246 * Completion progress report
10248 .completion-expired {
10251 .completion-expected {
10252 font-size: 0.703125rem; }
10254 .completion-sortchoice
,
10255 .completion-identifyfield {
10256 font-size: 0.703125rem;
10257 vertical-align: bottom
; }
10259 .completion-progresscell {
10260 text-align: right
; }
10262 .completion-expired .completion-expected {
10263 font-weight: bold
; }
10273 text-align: center
;
10274 margin: 10px auto
; }
10276 .path-tag .tag-index-items .tagarea {
10277 border: 1px solid
#e3e3e3;
10278 border-radius: 4px;
10280 margin-top: 10px; }
10282 .path-tag .tag-index-items .tagarea h3 {
10284 padding: 3px 0 10px 0;
10290 text-shadow: 0 1px 0 rgba
(255, 255, 255, 0.5);
10291 text-transform: uppercase
;
10292 word-wrap: break-word
;
10293 border-bottom: solid
1px #e3e3e3;
10294 margin-bottom: 10px; }
10296 .path-tag
.tagarea
.controls::after
,
10297 .path-tag .tagarea .taggeditems::after {
10302 .path-tag
.tagarea
.controls
,
10303 .path-tag .tag-backtoallitems {
10304 text-align: center
; }
10306 .path-tag .tagarea .controls .gotopage.nextpage {
10309 .path-tag .tagarea .controls .gotopage.prevpage {
10312 .path-tag .tagarea .controls .exclusivemode {
10313 display: inline-block
; }
10315 .path-tag .tagarea .controls.controls-bottom {
10318 .path-tag .tagarea .controls .gotopage.nextpage::after {
10319 padding-right: 5px;
10323 .path-tag .tagarea .controls .gotopage.prevpage::before {
10324 padding-right: 5px;
10330 span
.flagged-tag a
,
10334 .tag-management-table td
,
10335 .tag-management-table th {
10336 vertical-align: middle
;
10339 .tag-management-table .inplaceeditable.inplaceeditingon input {
10342 .path-admin-tag .addstandardtags {
10344 .path-admin-tag .addstandardtags img {
10347 .path-tag .tag-relatedtags {
10348 padding-top: 10px; }
10350 .path-tag .tag-management-box {
10351 text-align: right
; }
10353 .path-tag .tag-index-toc {
10355 text-align: center
; }
10357 .path-tag
.tag-index-toc li
,
10358 .path-tag .tag-management-box li {
10360 margin-right: 5px; }
10362 .path-tag .tag-management-box li a.edittag {
10363 background-image: url
([[pix:moodle|i
/settings
]]); }
10365 .path-tag .tag-management-box li a.flagasinappropriate {
10366 background-image: url
([[pix:moodle|i
/flagged
]]); }
10368 .path-tag .tag-management-box li a.removefrommyinterests {
10369 background-image: url
([[pix:moodle|t
/delete
]]); }
10371 .path-tag .tag-management-box li a.addtomyinterests {
10372 background-image: url
([[pix:moodle|t
/add
]]); }
10374 .path-tag .tag-management-box li a {
10375 background-repeat: no-repeat
;
10376 background-position: left
;
10377 padding-left: 17px; }
10379 .tag_feed.media-list .media .itemimage {
10382 .tag_feed.media-list .media .itemimage img {
10386 .tag_feed.media-list .media .media-body {
10387 padding-right: 10px;
10388 padding-left: 10px; }
10390 .tag_feed .media .muted a {
10394 text-align: center
; }
10396 .tag_cloud .inline-list li {
10397 padding: 0 0.2em; }
10399 .tag_cloud .tag_overflow {
10401 font-style: italic
; }
10404 font-size: 2.7em; }
10407 font-size: 2.6em; }
10410 font-size: 2.5em; }
10413 font-size: 2.4em; }
10416 font-size: 2.3em; }
10419 font-size: 2.2em; }
10422 font-size: 2.1em; }
10428 font-size: 1.9em; }
10431 font-size: 1.8em; }
10434 font-size: 1.7em; }
10437 font-size: 1.6em; }
10440 font-size: 1.5em; }
10443 font-size: 1.4em; }
10446 font-size: 1.3em; }
10449 font-size: 1.2em; }
10452 font-size: 1.1em; }
10458 font-size: 0.9em; }
10461 font-size: 0.8em; }
10464 font-size: 0.7em; }
10469 .tag_list.hideoverlimit .overlimit {
10472 .tag_list .tagmorelink {
10475 .tag_list.hideoverlimit .tagmorelink {
10478 .tag_list.hideoverlimit .taglesslink {
10484 #webservice-doc-generator td
{
10486 border: 0 solid black
; }
10493 border-collapse: collapse
; }
10495 .userenrolment tr {
10496 vertical-align: top
; }
10498 .userenrolment td {
10502 .userenrolment .subfield {
10503 margin-right: 5px; }
10505 .userenrolment .col_userdetails .subfield {
10506 margin-left: 40px; }
10508 .userenrolment .col_userdetails .subfield_picture {
10512 .userenrolment .col_lastseen {
10515 .userenrolment .col_role {
10518 .userenrolment
.col_role
.roles
,
10519 .userenrolment .col_group .groups {
10520 margin-right: 30px; }
10522 .userenrolment .col_role .role {
10524 padding: 0 3px 3px;
10526 white-space: nowrap
; }
10528 .userenrolment .col_group .group {
10532 white-space: nowrap
; }
10534 .userenrolment
.col_role
.role a
,
10535 .userenrolment .col_group .group a {
10539 .userenrolment
.col_role
.addrole
,
10540 .userenrolment .col_group .addgroup {
10544 .userenrolment
.col_role
.addrole
> a:hover
,
10545 .userenrolment .col_group .addgroup > a:hover {
10546 border-bottom: 1px solid
#666; }
10548 .userenrolment
.col_role
.addrole img
,
10549 .userenrolment .col_group .addgroup img {
10550 vertical-align: baseline
; }
10552 .userenrolment .hasAllRoles .col_role .addrole {
10555 .userenrolment .col_enrol .enrolment {
10557 padding: 0 3px 3px;
10558 margin: 0 3px 3px; }
10560 .userenrolment .col_enrol .enrolment a {
10562 margin-left: 3px; }
10565 background-color: #ccc;
10566 position: absolute
;
10571 text-align: center
; }
10573 .corelightbox img {
10578 .mod-indent-outer {
10582 display: table-cell
; }
10584 .label .mod-indent {
10586 padding-top: 20px; }
10588 @media (min-width: 576px) {
10589 /* Creates a series of .mod-indent-# rule declarations based on indent size and number of indent levels. */
10625 /* Audio player size in 'block' mode (can only change width, height is hardcoded in JS) */
10626 .resourcecontent .mediaplugin_mp3 object {
10630 .resourcecontent audio.mediaplugin_html5audio {
10633 /** Large resource images should avoid hidden overflow **/
10637 /* Audio player size in 'inline' mode (can only change width, as above) */
10638 .mediaplugin_mp3 object {
10642 audio
.mediaplugin_html5audio
{
10645 /* TinyMCE moodle media preview frame should not have padding */
10646 .core_media_preview.pagelayout-embedded #content {
10649 .core_media_preview.pagelayout-embedded #maincontent {
10652 body#page-lib-editor-tinymce-plugins-moodlemedia-preview
{
10656 background: none
; }
10658 .path-rating .ratingtable {
10660 margin-bottom: 1em; }
10662 .path-rating .ratingtable th.rating {
10665 .path-rating
.ratingtable td
.rating
,
10666 .path-rating .ratingtable td.time {
10667 white-space: nowrap
;
10668 text-align: center
; }
10670 /* Moodle Dialogue Settings (moodle-core-dialogue) */
10671 .moodle-dialogue-base .moodle-dialogue-lightbox {
10672 background-color: #495057; }
10674 .pagelayout-popup .moodle-dialogue-base .moodle-dialogue-lightbox {
10675 background-color: transparent
; }
10677 .pagelayout-popup .moodle-dialogue-base .moodle-dialogue {
10678 box-shadow: 0 0.25rem 0.5rem rgba
(0, 0, 0, 0.2); }
10680 .moodle-dialogue-base
.hidden
,
10681 .moodle-dialogue-base .moodle-dialogue-hidden {
10685 overflow: hidden
; }
10687 .moodle-dialogue-base .moodle-dialogue-fullscreen {
10694 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
10697 .moodle-dialogue-base .moodle-dialogue-wrap {
10698 background-color: #fff;
10699 border: 1px solid
#ccc; }
10704 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd {
10706 padding: 1rem 1rem;
10707 border-bottom: 1px solid
#dee2e6; }
10709 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd.yui3-widget-hd {
10712 background: initial
;
10714 line-height: 1.5; }
10716 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd h1 {
10717 font-size: 1.5rem; }
10719 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .yui3-widget-buttons {
10725 position: relative
;
10726 margin-left: auto
; }
10728 .moodle-dialogue-base .closebutton {
10729 padding: 1rem 1rem;
10730 margin: -1rem -1rem -1rem auto
;
10731 position: relative
;
10732 background-color: transparent
;
10734 background-image: none
;
10737 .moodle-dialogue-base .closebutton:hover, .moodle-dialogue-base .closebutton:active {
10739 .moodle-dialogue-base .closebutton::after {
10742 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd {
10744 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd body {
10745 background-color: #fff; }
10747 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
10749 position: absolute
;
10757 .moodle-dialogue-exception .moodle-exception-param label {
10758 font-weight: bold
; }
10760 .moodle-dialogue-exception .param-stacktrace label {
10761 background-color: #eee;
10762 border: 1px solid
#ccc;
10763 border-bottom-width: 0; }
10765 .moodle-dialogue-exception .param-stacktrace pre {
10766 border: 1px solid
#ccc;
10767 background-color: #fff; }
10769 .moodle-dialogue-exception .param-stacktrace .stacktrace-file {
10771 font-size: 0.8203125rem; }
10773 .moodle-dialogue-exception .param-stacktrace .stacktrace-line {
10775 font-size: 0.8203125rem; }
10777 .moodle-dialogue-exception .param-stacktrace .stacktrace-call {
10780 border-bottom: 1px solid
#eee; }
10782 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft:empty {
10785 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft.yui3-widget-ft {
10786 background: initial
; }
10788 .moodle-dialogue-confirm .confirmation-message {
10789 margin: 0.5rem 0; }
10791 .moodle-dialogue-confirm .confirmation-dialogue input {
10794 .moodle-dialogue-exception .moodle-exception-message {
10797 .moodle-dialogue-exception .moodle-exception-param {
10798 margin-bottom: 0.5em; }
10800 .moodle-dialogue-exception .moodle-exception-param label {
10803 .moodle-dialogue-exception .param-stacktrace label {
10806 padding: 4px 1em; }
10808 .moodle-dialogue-exception .param-stacktrace pre {
10813 .moodle-dialogue-exception .param-stacktrace .stacktrace-file {
10814 display: inline-block
;
10817 .moodle-dialogue-exception .param-stacktrace .stacktrace-line {
10818 display: inline-block
;
10822 .moodle-dialogue-exception .param-stacktrace .stacktrace-call {
10823 padding-left: 25px;
10824 margin-bottom: 4px;
10825 padding-bottom: 4px; }
10827 .moodle-dialogue .moodle-dialogue-bd .content-lightbox {
10833 background-color: white
;
10834 text-align: center
;
10837 /* Apply a default max-height on tooltip text */
10838 .moodle-dialogue .tooltiptext {
10839 max-height: 300px; }
10841 .moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip {
10843 .moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip .moodle-dialogue-bd {
10847 * Chooser Dialogues (moodle-core-chooserdialogue)
10849 * This CSS belong to the chooser dialogue which should work both with, and
10850 * without javascript enabled
10852 /* Hide the dialog and it's title */
10853 .chooserdialoguebody
,
10857 .moodle-dialogue.chooserdialogue .moodle-dialogue-content .moodle-dialogue-ft {
10860 .chooserdialogue .moodle-dialogue-wrap .moodle-dialogue-bd {
10862 background: #f2f2f2; }
10864 /* Center the submit buttons within the area */
10865 .choosercontainer #chooseform .submitbuttons {
10867 text-align: right
; }
10869 /* Fixed for safari browser on iPhone4S with ios7@mixin */
10870 @media (max-height: 639px) {
10871 .ios .choosercontainer #chooseform .submitbuttons {
10872 padding: 45px 0; } }
10874 .choosercontainer #chooseform .submitbuttons input {
10878 /* Various settings for the options area */
10879 .choosercontainer #chooseform .options {
10880 position: relative
;
10881 border-bottom: 1px solid
#bbb; }
10883 /* Only set these options if we're showing the js container */
10884 .jschooser .choosercontainer #chooseform .alloptions {
10885 overflow-x: hidden
;
10887 max-width: 240px; }
10888 .jschooser .choosercontainer #chooseform .alloptions .option input[type=radio] {
10889 display: inline-block
; }
10890 .jschooser .choosercontainer #chooseform .alloptions .option .typename {
10891 display: inline-block
;
10894 /* Settings for option rows and option subtypes */
10895 .choosercontainer #chooseform
.moduletypetitle
,
10896 .choosercontainer #chooseform
.option
,
10897 .choosercontainer #chooseform .nonoption {
10899 padding: 0 1.6em 0 1.6em; }
10901 .choosercontainer #chooseform .moduletypetitle {
10902 text-transform: uppercase
;
10903 padding-top: 1.2em;
10904 padding-bottom: 0.4em;
10905 margin-bottom: 0.5rem;
10908 .choosercontainer #chooseform
.option
.typename
,
10909 .choosercontainer #chooseform .nonoption .typename {
10910 padding: 0 0 0 0.5em; }
10912 .choosercontainer #chooseform .modicon + .typename {
10915 .choosercontainer #chooseform
.option input
[type
=radio
],
10916 .choosercontainer #chooseform .option span.typename {
10917 vertical-align: middle
; }
10919 .choosercontainer #chooseform .option label {
10923 border-bottom: 1px solid
#fff; }
10925 .choosercontainer #chooseform .option .icon {
10929 .choosercontainer #chooseform .nonoption {
10930 padding-left: 2.7em;
10931 padding-top: 0.3em;
10932 padding-bottom: 0.1em; }
10934 .choosercontainer #chooseform .subtype {
10936 padding: 0 1.6em 0 3.2em; }
10938 .choosercontainer #chooseform .subtype .typename {
10939 margin: 0 0 0 0.2em; }
10941 /* The instruction/help area */
10942 .jschooser
.choosercontainer #chooseform
.instruction
,
10943 .jschooser .choosercontainer #chooseform .typesummary {
10945 position: absolute
;
10952 background-color: #fff;
10953 overflow-x: hidden
;
10955 line-height: 2em; }
10957 /* Selected option settings */
10958 .jschooser
.choosercontainer #chooseform
.instruction
,
10959 .choosercontainer #chooseform .selected .typesummary {
10962 .choosercontainer #chooseform .selected {
10963 background-color: #fff;
10965 padding-top: 1px; }
10967 @media (max-width: 575.98px) {
10968 .jsenabled .choosercontainer #chooseform .alloptions {
10970 .jsenabled
.choosercontainer #chooseform
.instruction
,
10971 .jsenabled .choosercontainer #chooseform .typesummary {
10972 position: static
; } }
10975 * Module chooser dialogue (moodle-core-chooserdialogue)
10977 * This CSS belong to the chooser dialogue which should work both with, and
10978 * without javascript enabled
10980 .modchooser .modal-body {
10985 flex-direction: column
; }
10986 .modchooser .modal-body .searchresultitemscontainer-wrapper {
10987 min-height: 495px; }
10988 .modchooser .modal-body .carousel-item.active {
10990 .modchooser .modal-body .chooser-container {
10992 flex-direction: column
;
10994 .modchooser .modal-body .loading-icon {
10996 .modchooser .modal-body .loading-icon .icon {
11001 .modchooser .modal-body .carousel-item .loading-icon .icon {
11002 margin: 1em auto
; }
11003 .modchooser .modal-body .searchbar {
11006 .modchooser .modal-footer {
11008 background: #fff; }
11009 .modchooser .modal-footer .moodlenet-logo .icon {
11012 margin-bottom: .6rem; }
11014 .modchoosercontainer.noscroll {
11015 overflow-y: hidden
; }
11017 .modchoosercontainer
.optionscontainer
,
11018 .modchoosercontainer .searchresultitemscontainer {
11019 overflow-x: hidden
; }
11020 .modchoosercontainer
.optionscontainer
.option
,
11021 .modchoosercontainer .searchresultitemscontainer .option {
11022 flex-basis: calc
(50% - 0.5rem); }
11023 .modchoosercontainer
.optionscontainer
.option
.optionactions
.optionaction
,
11024 .modchoosercontainer .searchresultitemscontainer .option .optionactions .optionaction {
11027 .modchoosercontainer
.optionscontainer
.option
.optionactions
.optionaction i
,
11028 .modchoosercontainer .searchresultitemscontainer .option .optionactions .optionaction i {
11030 .modchoosercontainer
.optionscontainer
.option
.optioninfo a
,
11031 .modchoosercontainer .searchresultitemscontainer .option .optioninfo a {
11033 .modchoosercontainer
.optionscontainer
.option
.optioninfo
a:hover
,
11034 .modchoosercontainer .searchresultitemscontainer .option .optioninfo a:hover {
11035 text-decoration: none
; }
11037 .modchooser .modal-body .optionsummary {
11038 background-color: #fff;
11039 overflow-x: hidden
;
11042 .modchooser .modal-body .optionsummary .content {
11043 overflow-y: auto
; }
11044 .modchooser .modal-body .optionsummary .content .heading .icon {
11049 .modchooser .modal-body .optionsummary .actions {
11050 border-top: 1px solid
#dee2e6;
11051 background: #fff; }
11053 @media (max-width: 575.98px) {
11054 .path-course-view
.modal-dialog
.modal-lg
,
11055 .path-course-view
.modal-content
,
11056 .modchooser
.modal-body
,
11057 .modchooser
.modal-body
.carousel
,
11058 .modchooser
.modal-body
.carousel-inner
,
11059 .modchooser
.modal-body
.carousel-item
,
11060 .modchooser
.modal-body
.optionsummary
,
11061 .modchoosercontainer
,
11063 .searchresultitemscontainer {
11066 overflow-y: auto
; }
11067 .path-course-view .modal-dialog.modal-lg {
11069 .modchooser .modal-body .searchresultitemscontainer-wrapper {
11070 min-height: auto
; } }
11072 @media (min-width: 576px) {
11073 .modchoosercontainer
.optionscontainer
.option
,
11074 .modchoosercontainer .searchresultitemscontainer .option {
11075 flex-basis: calc
(33.33% - 0.5rem); } }
11077 @media (min-width: 992px) {
11078 .modchoosercontainer
.optionscontainer
.option
,
11079 .modchoosercontainer .searchresultitemscontainer .option {
11080 flex-basis: calc
(16.66% - 0.5rem); } }
11082 /* Form element: listing */
11083 .formlistingradio {
11084 padding-bottom: 25px;
11085 padding-right: 10px; }
11087 .formlistinginputradio {
11091 min-height: 225px; }
11094 position: relative
;
11096 padding: 1px 19px 14px;
11097 background-color: white
;
11098 border: 1px solid
#ddd; }
11101 position: absolute
;
11108 background-color: whitesmoke
;
11109 border: 1px solid
#ddd;
11118 border-bottom: 1px solid
;
11119 border-color: #e1e1e8;
11120 border-left: 1px solid
#e1e1e8;
11121 border-right: 1px solid
#e1e1e8;
11122 background-color: #f7f7f9;
11130 body
.jsenabled
.formlistingradio
{
11133 body
.jsenabled
.formlisting
{
11136 a
.criteria-action
{
11140 div
.criteria-description
{
11141 padding: 10px 15px;
11143 background: none repeat scroll
0 0 #f9f9f9;
11144 border: 1px solid
#eee; }
11148 list-style: none
; }
11151 position: relative
;
11152 display: inline-block
;
11154 text-align: center
;
11155 vertical-align: top
;
11158 .badges li .badge-name {
11163 position: absolute
; }
11165 .badges li .badge-image {
11172 .badges li .badge-actions {
11173 position: relative
; }
11175 .badges li .expireimage {
11176 background-image: url
([[pix:i
/expired
]]);
11177 background-repeat: no-repeat
;
11178 background-size: 100px 100px;
11183 position: absolute
;
11188 background-color: transparent
;
11190 position: relative
;
11193 display: inline-block
;
11194 vertical-align: top
;
11196 margin-bottom: 20px; }
11197 #badge-image .expireimage
{
11198 background-image: url
([[pix:i
/expired
]]);
11199 background-repeat: no-repeat
;
11200 background-size: 100px 100px;
11206 position: absolute
;
11208 #badge-image .singlebutton
{
11211 #badge-image .singlebutton button
{
11212 margin-left: 4px; }
11215 display: inline-block
;
11218 #badge-overview dl
,
11219 #badge-details dl
{
11221 #badge-overview dl dt
,
11222 #badge-overview dl dd
,
11223 #badge-details dl dt
,
11224 #badge-details dl dd
{
11225 vertical-align: top
;
11227 #badge-overview dl dt
,
11228 #badge-details dl dt
{
11230 display: inline-block
;
11232 min-width: 100px; }
11233 #badge-overview dl dd
,
11234 #badge-details dl dd
{
11235 display: inline-block
;
11240 vertical-align: top
; }
11251 #page-badges-award .recipienttable tr td
{
11252 vertical-align: top
; }
11254 #page-badges-award .recipienttable tr td
.actions
.actionbutton
{
11259 #page-badges-award .recipienttable tr td
.existing
,
11260 #page-badges-award .recipienttable tr td
.potential
{
11263 #issued-badge-table .activatebadge
{
11264 display: inline-block
; }
11266 .statusbox.active {
11267 background-color: #d7e4d6; }
11269 .statusbox.inactive {
11270 background-color: #fcefdc; }
11273 text-align: center
;
11274 margin-bottom: 5px;
11277 .statusbox .activatebadge {
11278 display: inline-block
; }
11280 .statusbox .activatebadge input[type=submit] {
11286 vertical-align: middle
; }
11288 img#persona_signin
{
11294 .invisiblefieldset {
11300 #page-header .logo
{
11302 #page-header .logo img
{
11303 max-height: 75px; }
11305 /** Navbar logo. */
11306 nav
.navbar
.logo img
{
11307 max-height: 35px; }
11309 .nav.usernav .nav-item {
11312 .nav.usernav .usermenu .dropdown-toggle {
11313 padding: 0 0.5rem; }
11315 /** Header-bar styles **/
11316 .page-context-header {
11318 padding: 0.25rem; }
11319 .page-context-header
.page-header-image
,
11320 .page-context-header .page-header-headings {
11323 position: relative
; }
11324 .page-context-header .page-header-image {
11326 margin-bottom: 1em; }
11327 .page-context-header .page-header-image > a {
11328 display: inline-block
; }
11329 .page-context-header
.page-header-headings
,
11330 .page-context-header .header-button-group {
11331 position: relative
;
11333 vertical-align: middle
; }
11334 .page-context-header .header-button-group {
11338 ul
.dragdrop-keyboard-drag li
{
11339 list-style-type: none
; }
11343 text-decoration: none
;
11345 font-style: italic
;
11350 overflow: hidden
; }
11352 .progressbar_container {
11356 /* IE10 only fix for calendar titling */
11357 .ie10 .yui3-calendar-header-label {
11358 display: inline-block
; }
11368 .nav-tabs
> .active
> a
[href
],
11369 .nav-tabs
> .active
> a
[href
]:hover
,
11370 .nav-tabs > .active > a[href]:focus {
11373 .inplaceeditable.inplaceeditingon {
11374 position: relative
; }
11375 .inplaceeditable.inplaceeditingon .editinstructions {
11377 font-weight: normal
;
11382 white-space: nowrap
; }
11383 @media
(min-width: 576px) {
11384 .inplaceeditable.inplaceeditingon input {
11386 vertical-align: text-bottom
;
11387 margin-bottom: 0; } }
11388 .inplaceeditable.inplaceeditingon select {
11389 margin-bottom: 0; }
11391 .inplaceeditable .quickediticon img {
11394 .inplaceeditable .quickeditlink {
11396 text-decoration: inherit
; }
11398 .inplaceeditable:hover
.quickeditlink
.quickediticon img
,
11399 .inplaceeditable .quickeditlink:focus .quickediticon img {
11402 .inplaceeditable.inplaceeditable-toggle .quickediticon {
11405 .inplaceeditable.inplaceeditable-autocomplete {
11408 h3
.sectionname
.inplaceeditable
.inplaceeditingon
.editinstructions
{
11409 margin-top: -20px; }
11412 .chart-area .chart-table-data {
11415 .chart-area .chart-table {
11416 /** When accessible, we display the table only. */ }
11417 .chart-area .chart-table .chart-output-htmltable caption {
11418 white-space: nowrap
; }
11419 .chart-area .chart-table.accesshide .chart-table-expand {
11421 .chart-area .chart-table.accesshide .chart-table-data {
11425 padding-left: 1rem;
11426 -webkit-margin-start: 0.2rem;
11427 /* stylelint-disable-line */ }
11429 /* YUI 2 Tree View */
11449 .ygtvcancel:hover {
11450 background-image: url([[pix:theme|yui2-treeview-sprite-rtl]]);
11453 .hover-tooltip-container {
11454 position: relative
; }
11455 .hover-tooltip-container .hover-tooltip {
11457 visibility: hidden
;
11458 position: absolute
;
11461 top: calc
(-50% - 5px);
11462 transform: translate
(-50%, -50%);
11463 background-color: #fff;
11464 border: 1px solid rgba
(0, 0, 0, 0.2);
11465 border-radius: .3rem;
11466 box-sizing: border-box
;
11468 white-space: nowrap
;
11469 transition: opacity
0.15s, visibility
0.15s;
11471 .hover-tooltip-container .hover-tooltip:before {
11473 display: inline-block
;
11474 border-left: 8px solid transparent
;
11475 border-right: 8px solid transparent
;
11476 border-top: 8px solid rgba
(0, 0, 0, 0.2);
11477 position: absolute
;
11479 left: calc
(50% - 8px); }
11480 .hover-tooltip-container .hover-tooltip:after {
11482 display: inline-block
;
11483 border-left: 7px solid transparent
;
11484 border-right: 7px solid transparent
;
11485 border-top: 7px solid
#fff;
11486 position: absolute
;
11488 left: calc
(50% - 7px);
11490 .hover-tooltip-container:hover .hover-tooltip {
11492 visibility: visible
;
11493 transition: opacity
0.15s 0.5s, visibility
0.15s 0.5s; }
11498 #region-flat-nav .nav
{
11499 margin-right: 15px;
11500 background-color: #fff; }
11501 @media
(max-width: 767.98px) {
11502 #region-flat-nav .nav
{
11504 margin-right: 0; } }
11508 text-decoration: underline
; }
11509 #page-footer a
.icon
{
11511 #page-footer a:focus
.icon
{
11516 text-decoration: underline
; }
11517 .bg-inverse a .icon {
11528 .dropdown-item:active, .dropdown-item:hover, .dropdown-item:focus, .dropdown-item:focus-within {
11530 background-color: #0f6fc5; }
11531 .dropdown-item:active a, .dropdown-item:hover a, .dropdown-item:focus a, .dropdown-item:focus-within a {
11534 .dropdown-item[aria-current="true"] {
11535 position: relative
;
11537 align-items: center
; }
11538 .dropdown-item[aria-current="true"]:before {
11539 display: inline-block
;
11540 font: normal normal normal
14px/1 FontAwesome
;
11541 font-size: inherit
;
11542 text-rendering: auto
;
11543 -webkit-font-smoothing: antialiased
;
11544 -moz-osx-font-smoothing: grayscale
;
11546 position: absolute
;
11548 font-size: 0.7rem; }
11550 .competency-tree ul {
11551 padding-left: 1.5rem; }
11553 .sr-only-focusable:active, .sr-only-focusable:focus {
11561 [data-drag-type
="move"] {
11563 touch-action: none
; }
11568 .overlay-icon-container {
11569 position: absolute
;
11574 background-color: rgba
(255, 255, 255, 0.6); }
11575 .overlay-icon-container .loading-icon {
11576 position: absolute
;
11579 transform: translate
(-50%, -50%); }
11580 .overlay-icon-container .loading-icon .icon {
11589 animation: bg-pulse-grey
2s infinite linear
; }
11591 @keyframes bg-pulse-grey
{
11593 background-color: #f8f9fa; }
11595 background-color: #e9ecef; }
11597 background-color: #f8f9fa; } }
11600 line-height: 0 !important
;
11601 /* stylelint-disable-line declaration-no-important */ }
11604 line-height: 0.25rem !important
;
11605 /* stylelint-disable-line declaration-no-important */ }
11608 line-height: 0.5rem !important
;
11609 /* stylelint-disable-line declaration-no-important */ }
11612 line-height: 1rem !important
;
11613 /* stylelint-disable-line declaration-no-important */ }
11616 line-height: 1.5rem !important
;
11617 /* stylelint-disable-line declaration-no-important */ }
11620 line-height: 2rem !important
;
11621 /* stylelint-disable-line declaration-no-important */ }
11624 line-height: 3rem !important
;
11625 /* stylelint-disable-line declaration-no-important */ }
11627 .dir-rtl .dir-rtl-hide {
11630 .dir-ltr .dir-ltr-hide {
11633 .paged-content-page-container {
11634 min-height: 3.125rem; }
11636 body
.h5p-embed #page-content
{
11637 display: inherit
; }
11639 body
.h5p-embed #maincontent
{
11642 body
.h5p-embed
.h5pmessages
{
11643 min-height: 230px; }
11645 .text-decoration-none {
11646 text-decoration: none
!important
;
11647 /* stylelint-disable-line declaration-no-important */ }
11650 color: inherit
!important
;
11651 /* stylelint-disable-line declaration-no-important */ }
11654 right: 0 !important
;
11655 /* stylelint-disable-line declaration-no-important */ }
11658 overflow: hidden
!important
;
11659 /* stylelint-disable-line declaration-no-important */ }
11662 overflow-wrap: break-word
!important
;
11663 /* stylelint-disable-line declaration-no-important */ }
11666 word-break: break-word
!important
;
11667 /* stylelint-disable-line declaration-no-important */ }
11670 z-index: 0 !important
;
11671 /* stylelint-disable-line declaration-no-important */ }
11674 z-index: 1 !important
;
11675 /* stylelint-disable-line declaration-no-important */ }
11678 float: left
!important
;
11679 /* stylelint-disable-line declaration-no-important */ }
11682 float: right
!important
;
11683 /* stylelint-disable-line declaration-no-important */ }
11690 cursor: not-allowed
; }
11699 display: -webkit-box
;
11700 -webkit-box-orient: vertical
;
11701 -webkit-line-clamp: 2;
11702 overflow: hidden
; }
11705 word-break: break-all
; }
11708 background-color: #a8d2f8;
11715 .emoji-picker .category-button {
11716 padding: .375rem 0;
11718 width: 38.8888888889px;
11721 border-right: none
;
11722 border-bottom: 2px solid transparent
; }
11723 .emoji-picker .category-button.selected {
11724 border-bottom: 2px solid
#0f6fc5; }
11725 .emoji-picker
.emojis-container
,
11726 .emoji-picker .search-results-container {
11727 min-width: 280px; }
11728 .emoji-picker .picker-row {
11730 .emoji-picker .picker-row .category-name {
11731 line-height: 40px; }
11732 .emoji-picker .picker-row .emoji-button {
11737 overflow: hidden
; }
11738 .emoji-picker .picker-row .emoji-button:hover, .emoji-picker .picker-row .emoji-button:focus {
11740 text-decoration: none
; }
11741 .emoji-picker .emoji-preview {
11744 line-height: 40px; }
11745 .emoji-picker .emoji-short-name {
11746 line-height: 20px; }
11747 @media
(max-width: 575.98px) {
11751 .emoji-auto-complete {
11753 .emoji-auto-complete .btn.btn-link.btn-icon.emoji-button {
11758 .emoji-auto-complete .btn.btn-link.btn-icon.emoji-button.active {
11759 background-color: #e9ecef; }
11765 .toast-wrapper > :first-child {
11766 margin-top: 1rem; }
11771 .alert-secondary a {
11774 .alert-success a, .environmenttable .ok a {
11780 .alert-warning a, .environmenttable .warn a {
11783 .alert-danger a, .environmenttable .error a {
11793 font-weight: 700; }
11795 @media (max-width: 767.98px) {
11798 .breadcrumb:not(:empty) {
11800 border: 2px solid
#e9ecef;
11802 margin-bottom: 0.5rem; }
11803 .breadcrumb:not(:empty) .breadcrumb-item {
11804 padding-top: 0.3333333333rem;
11805 padding-bottom: 0.3333333333rem;
11806 display: inline-block
; }
11809 padding-right: 15px;
11810 padding-left: 15px; }
11813 justify-content: center
; }
11817 padding: 0.625rem; }
11818 #page-header .card
{
11820 #page-header .card
.card-body
{
11827 background-color: #e9ecef; }
11828 .nav-tabs
.nav-item
,
11829 .nav-pills .nav-item {
11831 text-align: center
; }
11832 .nav-tabs
.nav-link
,
11833 .nav-pills .nav-link {
11836 margin: 0.125rem; }
11837 .nav-tabs
.nav-link
.active
,
11838 .nav-pills .nav-link.active {
11840 border-color: #6c757d;
11841 border-color: #6c757d; }
11842 .nav-tabs
.nav-link
.active:hover
,
11843 .nav-pills .nav-link.active:hover {
11845 background-color: #6c757d;
11846 border-color: #6c757d; }
11847 .nav-tabs
.nav-link
.active:focus
, .nav-tabs
.nav-link
.active
.focus
,
11848 .nav-pills
.nav-link
.active:focus
,
11849 .nav-pills .nav-link.active.focus {
11850 box-shadow: 0 0 0 0.2rem rgba
(108, 117, 125, 0.5); }
11851 .nav-tabs
.nav-link
.active
.disabled
, .nav-tabs
.nav-link
.active:disabled
,
11852 .nav-pills
.nav-link
.active
.disabled
,
11853 .nav-pills .nav-link.active:disabled {
11855 background-color: transparent
; }
11856 .nav-tabs
.nav-link
.active:not
(:disabled
):not
(.disabled
):active
, .nav-tabs
.nav-link
.active:not
(:disabled
):not
(.disabled
).active
,
11857 .show
> .nav-tabs
.nav-link
.active
.dropdown-toggle
,
11858 .nav-pills
.nav-link
.active:not
(:disabled
):not
(.disabled
):active
,
11859 .nav-pills
.nav-link
.active:not
(:disabled
):not
(.disabled
).active
,
11861 .nav-pills .nav-link.active.dropdown-toggle {
11863 background-color: #6c757d;
11864 border-color: #6c757d; }
11865 .nav-tabs
.nav-link
.active:not
(:disabled
):not
(.disabled
):active:focus
, .nav-tabs
.nav-link
.active:not
(:disabled
):not
(.disabled
).active:focus
,
11866 .show
> .nav-tabs
.nav-link
.active
.dropdown-toggle:focus
,
11867 .nav-pills
.nav-link
.active:not
(:disabled
):not
(.disabled
):active:focus
,
11868 .nav-pills
.nav-link
.active:not
(:disabled
):not
(.disabled
).active:focus
,
11870 .nav-pills .nav-link.active.dropdown-toggle:focus {
11871 box-shadow: 0 0 0 0.2rem rgba
(108, 117, 125, 0.5); } }
11873 @media (max-width: 576px) and
(max-height: 320px) {
11876 .navbar.fixed-top {
11877 position: relative
;
11878 z-index: inherit
; } }
11881 text-decoration: underline
; }
11882 .link-underline:focus {
11883 text-decoration: none
; }
11887 .alert.cta .icon.fa {
11888 border-radius: 50%;
11889 border-style: solid
;
11890 border-width: 0.125rem; }
11892 .core_payment_gateways_modal
.custom-control-label::before
,
11893 .core_payment_gateways_modal .custom-control-label::after {
11897 scrollbar-width: thin
;
11898 scrollbar-color: #0f6fc5 #a8d2f8;
11899 -ms-overflow-style: -ms-autohiding-scrollbar
; }
11900 .visual-scroll-x::-webkit-scrollbar {
11902 -webkit-appearance: none
;
11903 appearance: none
; }
11904 .visual-scroll-x::-webkit-scrollbar-thumb {
11905 background-color: #0f6fc5;
11906 border-right: 1px solid
#fff; }
11907 .visual-scroll-x::-webkit-scrollbar-track {
11908 background-color: #a8d2f8;
11909 border-right: 1px solid
#fff; }
11917 box-sizing: content-box
;
11918 margin-right: 0.5rem; }
11921 .icon.iconsize-big {
11926 .navbar-dark a .icon {
11927 color: rgba
(255, 255, 255, 0.5) !important
;
11928 /* stylelint-disable-line declaration-no-important */ }
11930 .action-menu-item a:first-of-type > .icon {
11931 margin-left: 0.5rem; }
11934 margin-left: 0 !important
;
11935 /* stylelint-disable-line declaration-no-important */ }
11937 .block_navigation
.tree_item
.icon
,
11938 .block_settings .tree_item .icon {
11941 [data-action
=toggle-drawer
] .icon
{
11944 .icon-no-spacing a > .icon {
11947 .icon-no-margin .icon {
11951 margin-bottom: 0; }
11953 .icon-large > .icon {
11957 .icon-size-0 .icon {
11958 height: 0 !important
;
11959 /* stylelint-disable-line declaration-no-important */
11960 width: 0 !important
;
11961 /* stylelint-disable-line declaration-no-important */
11962 font-size: 0 !important
;
11963 /* stylelint-disable-line declaration-no-important */ }
11965 .icon-size-1 .icon {
11966 height: 4px !important
;
11967 /* stylelint-disable-line declaration-no-important */
11968 width: 4px !important
;
11969 /* stylelint-disable-line declaration-no-important */
11970 font-size: 4px !important
;
11971 /* stylelint-disable-line declaration-no-important */ }
11973 .icon-size-2 .icon {
11974 height: 8px !important
;
11975 /* stylelint-disable-line declaration-no-important */
11976 width: 8px !important
;
11977 /* stylelint-disable-line declaration-no-important */
11978 font-size: 8px !important
;
11979 /* stylelint-disable-line declaration-no-important */ }
11981 .icon-size-3 .icon {
11982 height: 16px !important
;
11983 /* stylelint-disable-line declaration-no-important */
11984 width: 16px !important
;
11985 /* stylelint-disable-line declaration-no-important */
11986 font-size: 16px !important
;
11987 /* stylelint-disable-line declaration-no-important */ }
11989 .icon-size-4 .icon {
11990 height: 24px !important
;
11991 /* stylelint-disable-line declaration-no-important */
11992 width: 24px !important
;
11993 /* stylelint-disable-line declaration-no-important */
11994 font-size: 24px !important
;
11995 /* stylelint-disable-line declaration-no-important */ }
11997 .icon-size-5 .icon {
11998 height: 32px !important
;
11999 /* stylelint-disable-line declaration-no-important */
12000 width: 32px !important
;
12001 /* stylelint-disable-line declaration-no-important */
12002 font-size: 32px !important
;
12003 /* stylelint-disable-line declaration-no-important */ }
12005 .icon-size-6 .icon {
12006 height: 40px !important
;
12007 /* stylelint-disable-line declaration-no-important */
12008 width: 40px !important
;
12009 /* stylelint-disable-line declaration-no-important */
12010 font-size: 40px !important
;
12011 /* stylelint-disable-line declaration-no-important */ }
12013 .icon-size-7 .icon {
12014 height: 48px !important
;
12015 /* stylelint-disable-line declaration-no-important */
12016 width: 48px !important
;
12017 /* stylelint-disable-line declaration-no-important */
12018 font-size: 48px !important
;
12019 /* stylelint-disable-line declaration-no-important */ }
12022 margin-left: 0.5rem; }
12025 .formtable tbody th {
12026 font-weight: normal
;
12027 text-align: right
; }
12029 .path-admin #assignrole {
12032 margin-right: auto
; }
12034 .path-admin .admintable .leftalign {
12035 text-align: left
; }
12037 .path-admin
.admintable
.environmenttable
.name
,
12038 .path-admin
.admintable
.environmenttable
.info
,
12039 .path-admin #assignrole
.admintable
.role
,
12040 .path-admin #assignrole
.admintable
.userrole
,
12041 .path-admin #assignrole .admintable .roleholder {
12042 white-space: nowrap
; }
12044 .path-admin .incompatibleblockstable td.c0 {
12045 font-weight: bold
; }
12047 #page-admin-course-category .addcategory
{
12050 #page-admin-course-index .editcourse
{
12051 margin: 20px auto
; }
12053 #page-admin-course-index .editcourse th
,
12054 #page-admin-course-index .editcourse td
{
12055 padding-left: 10px;
12056 padding-right: 10px; }
12058 .timewarninghidden {
12061 #page-admin-report-capability-index #capabilitysearch
{
12064 #page-admin-qtypes #qtypes div
,
12065 #page-admin-qtypes #qtypes form
,
12066 #page-admin-qbehaviours #qbehaviours div
,
12067 #page-admin-qbehaviours #qbehaviours form
{
12070 #page-admin-qtypes #qtypes img
.spacer
,
12071 #page-admin-qbehaviours #qbehaviours img
.spacer
{
12074 #page-admin-qbehaviours .cell
.c3
,
12075 #page-admin-qtypes .cell
.c3
{
12076 font-size: 0.8203125rem; }
12078 #page-admin-lang .generalbox
,
12079 #page-admin-course-index .singlebutton
,
12080 #page-admin-course-index .addcategory
,
12081 #page-course-index .buttons
,
12082 #page-course-index-category .buttons
,
12083 #page-admin-course-category .addcategory
,
12084 #page-admin-stickyblocks .generalbox
,
12085 #page-admin-maintenance .buttons
,
12086 #page-admin-course-index .buttons
,
12087 #page-admin-course-category .buttons
,
12088 #page-admin-index .copyright
,
12089 #page-admin-index .copyrightnotice
,
12090 #page-admin-index .adminerror
.singlebutton
,
12091 #page-admin-index .adminwarning
.singlebutton
,
12092 #page-admin-index #layout-table
.singlebutton
{
12093 text-align: center
;
12094 margin-bottom: 1em; }
12096 .path-admin-roles .capabilitysearchui {
12099 margin-right: auto
;
12100 margin-top: 1rem; }
12102 #page-admin-roles-define .topfields
{
12103 margin: 1em 0 2em; }
12105 #page-admin-roles-define .capdefault
{
12106 background-color: rgba
(0, 0, 0, 0.075); }
12108 #page-filter-manage .backlink
,
12109 .path-admin-roles .backlink {
12112 #page-admin-roles-explain #chooseuser h3
,
12113 #page-admin-roles-usersroles .contextname
{
12116 #page-admin-roles-explain #chooseusersubmit
{
12118 text-align: center
; }
12120 #page-admin-roles-usersroles p
{
12123 #page-admin-roles-override .cell
.c1
,
12124 #page-admin-roles-assign .cell
.c3
,
12125 #page-admin-roles-assign .cell
.c1
{
12126 padding-top: 0.75em; }
12128 #page-admin-roles-override .overridenotice
,
12129 #page-admin-roles-define .definenotice
{
12130 margin: 1em 10% 2em 10%;
12131 text-align: left
; }
12133 #page-admin-index .adminwarning
.availableupdatesinfo
.moodleupdateinfo span
{
12136 #page-admin-index .updateplugin div
{
12137 margin-bottom: 0.5em; }
12139 #page-admin-user-user_bulk #users
.fgroup
{
12140 white-space: nowrap
; }
12142 #page-admin-report-stats-index .graph
{
12143 text-align: center
;
12144 margin-bottom: 1em; }
12146 #page-admin-report-courseoverview-index .graph
{
12147 text-align: center
;
12148 margin-bottom: 1em; }
12150 #page-admin-lang .translator
{
12152 border-style: solid
; }
12154 .path-admin .roleassigntable {
12157 .path-admin .roleassigntable td {
12158 vertical-align: top
;
12159 padding: 0.2em 0.3em; }
12161 .path-admin .roleassigntable p {
12165 .path-admin
.roleassigntable #existingcell
,
12166 .path-admin .roleassigntable #potentialcell {
12169 .path-admin
.roleassigntable #existingcell p
> label:first-child
,
12170 .path-admin .roleassigntable #potentialcell p > label:first-child {
12171 font-weight: bold
; }
12173 .path-admin .roleassigntable #buttonscell {
12176 .path-admin .roleassigntable #buttonscell #assignoptions {
12177 font-size: 0.8203125rem; }
12179 .path-admin
.roleassigntable #removeselect_wrapper
,
12180 .path-admin .roleassigntable #addselect_wrapper {
12183 .path-admin table.rolecap tr.rolecap th {
12185 font-weight: normal
; }
12187 .path-admin .rolecap .hiddenrow {
12190 .path-admin
#defineroletable
.rolecap
.inherit
,
12191 .path-admin
#defineroletable
.rolecap
.allow
,
12192 .path-admin
#defineroletable
.rolecap
.prevent
,
12193 .path-admin #defineroletable .rolecap .prohibit {
12194 text-align: center
;
12196 min-width: 3.5em; }
12198 .path-admin
.rolecap
.cap-name
,
12199 .path-admin .rolecap .note {
12201 font-size: 0.8203125rem;
12202 white-space: nowrap
;
12203 font-weight: normal
; }
12205 .path-admin .rolecap label {
12207 text-align: center
;
12211 .plugincheckwrapper {
12217 #mnetconfig table
{
12219 margin-right: auto
; }
12221 .environmenttable .cell {
12222 padding: .15em .5em; }
12224 #trustedhosts .generaltable
{
12226 margin-right: auto
;
12229 #trustedhosts .standard
{
12232 #adminsettings legend
{
12235 #adminsettings fieldset
.error
{
12236 margin: .2em 0 .5em 0; }
12238 #adminsettings fieldset
.error legend
{
12241 #admin-spelllanguagelist textarea
,
12242 #page-admin-setting-editorsettingstinymce .form-textarea textarea
{
12248 /* Styles for flags on admin settings */
12249 .adminsettingsflags {
12252 .adminsettingsflags label {
12253 margin-right: 7px; }
12255 .form-description pre
,
12256 .formsettingheading pre {
12260 .form-item .form-setting .form-htmlarea {
12263 .form-item .form-setting .form-htmlarea .htmlarea {
12267 .form-item .form-setting .form-multicheckbox ul {
12270 margin: 7px 0 0 0; }
12272 .form-item .form-setting .defaultsnext {
12275 .form-item .form-setting .locked-checkbox {
12276 margin-right: 0.2em;
12277 margin-left: 0.5em;
12280 .form-item
.form-setting
.form-password
.unmask
,
12281 .form-item .form-setting .form-defaultinfo {
12282 display: inline-block
; }
12284 .form-item .form-setting .form-defaultinfo {
12286 word-wrap: break-word
; }
12288 #admin-emoticons td input
{
12291 #admin-emoticons td
.c0 input
{
12294 #adminthemeselector .selectedtheme td
.c0
{
12295 border: 1px solid
#b8dce2;
12296 border-right-width: 0; }
12298 #adminthemeselector .selectedtheme td
.c1
{
12299 border: 1px solid
#b8dce2;
12300 border-left-width: 0; }
12302 .admin_colourpicker
,
12303 .admin_colourpicker_preview {
12306 .jsenabled .admin_colourpicker_preview {
12309 @media (min-width: 768px) {
12310 .jsenabled .admin_colourpicker {
12314 margin-bottom: 10px;
12315 box-sizing: content-box
; }
12316 .admin_colourpicker .colourdialogue {
12318 border: 1px solid
#8f959e; }
12319 .admin_colourpicker .previewcolour {
12320 border: 1px solid
#8f959e;
12321 margin-left: 301px; }
12322 .admin_colourpicker .currentcolour {
12323 border: 1px solid
#8f959e;
12324 margin-left: 301px;
12325 border-top-width: 0; } }
12327 @media (max-width: 767.98px) {
12328 .jsenabled .admin_colourpicker {
12330 margin-bottom: 10px;
12332 position: relative
; }
12333 .admin_colourpicker .previewcolour {
12335 .admin_colourpicker .currentcolour {
12336 position: absolute
;
12337 border: 1px solid
#dee2e6;
12341 .admin_colourpicker .loadingicon {
12342 vertical-align: middle
;
12343 margin-left: auto
; }
12345 #page-admin-index #notice
.checkforupdates
{
12346 text-align: center
; }
12348 #page-admin-plugins #plugins-overview-panel
.info
{
12349 display: inline-block
;
12350 margin-right: 1em; }
12352 #page-admin-plugins .checkforupdates
{
12354 #page-admin-plugins .checkforupdates
.singlebutton
{
12357 #page-admin-plugins .checkforupdates
.singlebutton div
,
12358 #page-admin-plugins .checkforupdates
.singlebutton input
{
12359 margin: 0 3px 0 0; }
12361 #page-admin-plugins .updateavailableinstallall
{
12364 #page-admin-plugins .updateavailableinstallall div
,
12365 #page-admin-plugins .updateavailableinstallall input
{
12366 margin: 0 3px 5px 0; }
12368 #page-admin-plugins #plugins-control-panel
.status-missing td
{
12369 background-color: #fcefdc; }
12371 #page-admin-plugins #plugins-control-panel
.pluginname
.componentname
{
12372 font-size: 0.8203125rem;
12374 margin-left: 22px; }
12376 #page-admin-plugins #plugins-control-panel
.version
.versionnumber
{
12377 font-size: 0.8203125rem;
12380 #page-admin-plugins #plugins-control-panel
.uninstall a
{
12383 #page-admin-plugins #plugins-control-panel
.notes
.label
{
12384 margin-right: 3px; }
12386 #page-admin-plugins #plugins-control-panel
.notes
.requiredby
{
12387 font-size: 0.8203125rem;
12390 #plugins-check-page #plugins-check
.status-missing td
,
12391 #plugins-check-page #plugins-check
.status-downgrade td
{
12392 background-color: #f4d6d2; }
12394 #plugins-check-page .pluginupdateinfo
,
12395 #plugins-control-panel .pluginupdateinfo
{
12396 background-color: #cce6ea;
12399 #plugins-check-page .pluginupdateinfo
.maturity50
,
12400 #plugins-control-panel .pluginupdateinfo
.maturity50
{
12401 background-color: #f4d6d2; }
12402 #plugins-check-page .pluginupdateinfo
.maturity100
, #plugins-check-page
.pluginupdateinfo
.maturity150
,
12403 #plugins-control-panel .pluginupdateinfo
.maturity100
,
12404 #plugins-control-panel .pluginupdateinfo
.maturity150
{
12405 background-color: #fcefdc; }
12406 #plugins-check-page .pluginupdateinfo
.info
,
12407 #plugins-control-panel .pluginupdateinfo
.info
{
12408 display: inline-block
; }
12409 #plugins-check-page .pluginupdateinfo
.separator:after
,
12410 #plugins-control-panel .pluginupdateinfo
.separator:after
{
12412 #plugins-check-page .pluginupdateinfo
.singlebutton
,
12413 #plugins-control-panel .pluginupdateinfo
.singlebutton
{
12416 #plugins-check-page .pluginupdateinfo
.singlebutton div
,
12417 #plugins-check-page .pluginupdateinfo
.singlebutton input
,
12418 #plugins-control-panel .pluginupdateinfo
.singlebutton div
,
12419 #plugins-control-panel .pluginupdateinfo
.singlebutton input
{
12420 margin: 0 3px 0 0; }
12422 .plugins-management-confirm-buttons > div {
12423 display: inline-block
;
12424 margin: 1em 1em 1em 0; }
12426 .plugins-management-confirm-buttons .continue {
12428 .plugins-management-confirm-buttons
.continue div
,
12429 .plugins-management-confirm-buttons .continue input {
12432 #page-admin-index .upgradepluginsinfo
{
12433 text-align: center
; }
12435 #page-admin-index .adminwarning
.availableupdatesinfo
.moodleupdateinfo
.separator:after
{
12438 /** MNet networking */
12439 #page-admin-mnet-peers .box
.deletedhosts
{
12440 margin-bottom: 1em;
12441 font-size: 0.8203125rem; }
12443 #core-cache-plugin-summaries table
,
12444 #core-cache-store-summaries table
{
12447 #core-cache-lock-summary table
,
12448 #core-cache-definition-summaries table
,
12449 #core-cache-mode-mappings table
{
12452 #core-cache-store-summaries .default-store td
{
12453 font-style: italic
; }
12455 #core-cache-rescan-definitions,
12456 #core-cache-mode-mappings .edit-link
,
12457 #core-cache-lock-additional-actions .new-instance
{
12459 text-align: center
; }
12461 .maintenancewarning {
12468 .modal.modal-in-page {
12471 #page-admin-search .adminpagetitle
{
12473 border-bottom: none
; }
12475 #page-admin-search .adminpagepath
{
12480 margin: 0 0 1.5rem 0; }
12481 #page-admin-search .adminpagepath li
+ li:before
{
12482 padding-right: 0.5rem;
12483 padding-left: 0.5rem;
12486 @media (min-width: 576px) {
12487 #page-admin-search .container
{
12488 overflow-wrap: break-word
; } }
12490 #page-admin-tasklogs .task-class
{
12491 font-size: 0.8203125rem;
12494 .path-admin-tool-uploaduser .uuwarning {
12495 background-color: #fcefdc; }
12497 .path-admin-tool-uploaduser .uuerror {
12498 background-color: #f4d6d2; }
12500 .path-admin-tool-uploaduser .uuinfo {
12501 background-color: #d7e4d6; }
12503 .blockmovetarget .accesshide {
12504 position: relative
;
12508 padding-top: 0 !important
;
12509 /* stylelint-disable declaration-no-important */
12510 margin-top: 0 !important
; }
12512 .block_search_forums .searchform {
12513 /* Override plugin's default. */
12514 text-align: left
; }
12516 .block
.block_navigation
.block_tree ul
,
12517 .block_settings .block_tree ul {
12520 .block .block-controls .dropdown-toggle {
12521 /* So that the caret takes the colour of the icon. */
12524 [data-region
="blocks-column"] {
12528 /* We put an absolutely positioned div in a relatively positioned div so it takes up no space */
12529 @media (min-width: 576px) {
12530 #region-main-settings-menu {
12531 position: relative
;
12534 #region-main-settings-menu > div
{
12535 position: absolute
;
12539 .region_main_settings_menu_proxy {
12542 background-color: #fff;
12543 margin-left: 0.625rem;
12544 margin-bottom: 0.625rem;
12545 border-bottom-left-radius: 0.5rem;
12548 @media (max-width: 767.98px) {
12549 #region-main-settings-menu .menubar
{
12550 justify-content: flex-end
; } }
12552 #region-main-settings-menu.has-blocks
,
12553 #region-main.has-blocks
{
12554 display: inline-block
;
12555 width: calc
(100% - 375px); }
12556 @media
(max-width: 1199.98px) {
12557 #region-main-settings-menu.has-blocks
,
12558 #region-main.has-blocks
{
12560 /* MDL-63102 - Remove extra space at bottom.
12561 If modifying make sure block-region is horizontally stacked when in full screen */
12562 display: block
; } }
12564 .header-action #region-main-settings-menu {
12568 .header-action #region-main-settings-menu > div {
12573 @media (max-width: 1199.98px) {
12574 [data-region
="blocks-column"] {
12577 .block .empty-placeholder-image-lg {
12580 .block .block-cards .course-info-container {
12583 .block .block-cards .progress {
12586 .block .block-cards .course-summaryitem {
12587 border: 1px solid
#dee2e6;
12588 background-color: #fff; }
12590 .block .block-cards .icon {
12593 .block .block-cards .card .coursemenubtn {
12594 margin-top: -0.5rem; }
12596 .block
.block-cards a
.coursename
,
12597 .block
.block-cards span
.categoryname
,
12598 .block .block-cards .btn-link {
12601 .block .block-cards .multiline {
12602 white-space: normal
; }
12604 .block .block-cards .btn.btn-link.btn-icon {
12608 border-radius: 50%; }
12609 .block .block-cards .btn.btn-link.btn-icon:hover, .block .block-cards .btn.btn-link.btn-icon:focus {
12610 background-color: #e9ecef; }
12612 .dashboard-card-deck.one-row {
12614 overflow-x: scroll
; }
12619 background-position: center
;
12620 background-size: cover
; }
12622 .dashboard-card-deck .dashboard-card {
12623 margin-bottom: 0.5rem;
12628 .dashboard-card-deck .dashboard-card .dashboard-card-img {
12630 background-position: center
;
12631 background-size: cover
; }
12632 .dashboard-card-deck .dashboard-card .dashboard-card-footer {
12635 @media (min-width: 576px) {
12636 .dashboard-card-deck.fixed-width-cards .dashboard-card {
12638 max-width: 100%; } }
12640 @media (min-width: 576px) {
12641 .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
12642 width: calc
(50% - 0.5rem); } }
12644 @media (min-width: 840px) {
12645 .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
12646 width: calc
(33.33% - 0.5rem); } }
12648 @media (min-width: 1100px) {
12649 .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
12650 width: calc
(25% - 0.5rem); } }
12652 @media (min-width: 1360px) {
12653 .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
12654 width: calc
(20% - 0.5rem); } }
12656 @media (min-width: 1200px) {
12657 #region-main.has-blocks
.dashboard-card-deck:not
(.fixed-width-cards
) .dashboard-card
{
12658 width: calc
(33.33% - 0.5rem); } }
12660 @media (min-width: 1470px) {
12661 #region-main.has-blocks
.dashboard-card-deck:not
(.fixed-width-cards
) .dashboard-card
{
12662 width: calc
(25% - 0.5rem); } }
12664 @media (min-width: 768px) {
12665 body
.drawer-open-left
.dashboard-card-deck:not
(.fixed-width-cards
) .dashboard-card
{
12666 width: calc
(100% - 0.5rem); } }
12668 @media (min-width: 861px) {
12669 body
.drawer-open-left
.dashboard-card-deck:not
(.fixed-width-cards
) .dashboard-card
{
12670 width: calc
(50% - 0.5rem); } }
12672 @media (min-width: 1122px) {
12673 body
.drawer-open-left
.dashboard-card-deck:not
(.fixed-width-cards
) .dashboard-card
{
12674 width: calc
(33.33% - 0.5rem); } }
12676 @media (min-width: 1381px) {
12677 body
.drawer-open-left
.dashboard-card-deck:not
(.fixed-width-cards
) .dashboard-card
{
12678 width: calc
(25% - 0.5rem); } }
12680 @media (min-width: 1200px) {
12681 body
.drawer-open-left #region-main
.has-blocks
.dashboard-card-deck:not
(.fixed-width-cards
) .dashboard-card
{
12682 width: calc
(100% - 0.5rem); } }
12684 @media (min-width: 1236px) {
12685 body
.drawer-open-left #region-main
.has-blocks
.dashboard-card-deck:not
(.fixed-width-cards
) .dashboard-card
{
12686 width: calc
(50% - 0.5rem); } }
12688 @media (min-width: 1497px) {
12689 body
.drawer-open-left #region-main
.has-blocks
.dashboard-card-deck:not
(.fixed-width-cards
) .dashboard-card
{
12690 width: calc
(33.33% - 0.5rem); } }
12692 @media (min-width: 1200px) {
12693 #block-region-side-pre .dashboard-card-deck:not
(.fixed-width-cards
) {
12696 #block-region-side-pre .dashboard-card-deck:not
(.fixed-width-cards
) .dashboard-card
{
12697 width: calc
(100% - 0.5rem) !important
; } }
12699 .block_recentlyaccessedcourses .paging-bar-container {
12700 margin-top: -2.4rem;
12701 justify-content: flex-end
; }
12703 @media (max-width: 575.98px) {
12704 .block_recentlyaccessedcourses .paging-bar-container {
12707 #block-region-side-pre .block_recentlyaccessedcourses
.paging-bar-container
{
12710 .block_recentlyaccesseditems img.icon {
12713 margin-right: 6px; }
12715 .block_myoverview .content {
12716 min-height: 19.35rem; }
12718 .block_myoverview .paged-content-page-container {
12719 min-height: 13rem; }
12721 .block_settings
.block_tree
[aria-expanded
="true"],
12722 .block_settings
.block_tree
[aria-expanded
="true"].emptybranch
,
12723 .block_settings
.block_tree
[aria-expanded
="false"],
12724 .block_navigation
.block_tree
[aria-expanded
="true"],
12725 .block_navigation
.block_tree
[aria-expanded
="true"].emptybranch
,
12726 .block_navigation .block_tree [aria-expanded="false"] {
12727 background-image: none
; }
12729 .block_settings
.block_tree
[aria-expanded
="true"]:before
,
12730 .block_navigation .block_tree [aria-expanded="true"]:before {
12733 display: inline-block
;
12734 font: normal normal normal
14px/1 FontAwesome
;
12735 font-size: inherit
;
12736 text-rendering: auto
;
12737 -webkit-font-smoothing: antialiased
;
12738 -moz-osx-font-smoothing: grayscale
;
12742 .block_settings
.block_tree
[aria-expanded
="false"]:before
,
12743 .block_navigation .block_tree [aria-expanded="false"]:before {
12746 display: inline-block
;
12747 font: normal normal normal
14px/1 FontAwesome
;
12748 font-size: inherit
;
12749 text-rendering: auto
;
12750 -webkit-font-smoothing: antialiased
;
12751 -moz-osx-font-smoothing: grayscale
;
12755 .dir-rtl
.block_settings
.block_tree
[aria-expanded
="false"]:before
,
12756 .dir-rtl .block_navigation .block_tree [aria-expanded="false"]:before {
12759 .block_navigation
.block_tree p
.hasicon
,
12760 .block_settings .block_tree p.hasicon {
12761 text-indent: -3px; }
12762 .block_navigation
.block_tree p
.hasicon
.icon
,
12763 .block_settings .block_tree p.hasicon .icon {
12764 margin-right: 2px; }
12766 .block.invisibleblock .card-title {
12769 @media (max-width: 767.98px) {
12772 border-right: 0; } }
12774 .block_social_activities li a
.movehere
,
12775 .block_site_main_menu li a.movehere {
12779 border: 2px dashed
#343a40;
12783 max-height: 50px; }
12785 /* calendar.less */
12786 .calendar_event_category {
12787 background-color: #e0cbe0; }
12788 .calendar_event_category .commands a {
12791 .calendar_event_course {
12792 background-color: #ffd3bd; }
12793 .calendar_event_course .commands a {
12796 .calendar_event_site {
12797 background-color: #d6f8cd; }
12798 .calendar_event_site .commands a {
12801 .calendar_event_group {
12802 background-color: #fee7ae; }
12803 .calendar_event_group .commands a {
12806 .calendar_event_user {
12807 background-color: #dce7ec; }
12808 .calendar_event_user .commands a {
12811 .calendar_event_other {
12812 background-color: #ced4da; }
12813 .calendar_event_other .commands a {
12816 .path-calendar .calendartable {
12818 table-layout: fixed
; }
12819 .path-calendar
.calendartable th
,
12820 .path-calendar .calendartable td {
12822 vertical-align: top
;
12823 text-align: center
;
12826 .path-calendar
.calendar-controls
.previous
,
12827 .path-calendar
.calendar-controls
.next
,
12828 .path-calendar .calendar-controls .current {
12833 .path-calendar .calendar-controls .previous {
12835 border: 1px solid transparent
; }
12837 .path-calendar .calendar-controls .current {
12838 text-align: center
;
12841 .path-calendar .calendar-controls .next {
12843 border: 1px solid transparent
; }
12845 .path-calendar .calendar-controls .drop-target {
12846 box-sizing: border-box
;
12847 border: 1px dashed
#0f6fc5; }
12849 .path-calendar .filters table {
12850 border-collapse: separate
;
12851 border-spacing: 2px;
12854 .path-calendar .maincalendar {
12855 vertical-align: top
;
12857 .path-calendar .maincalendar .bottom {
12858 text-align: center
;
12859 padding: 5px 0 0 0; }
12860 .path-calendar .maincalendar .heightcontainer {
12862 position: relative
; }
12863 .path-calendar .maincalendar .calendarmonth {
12865 margin: 10px auto
; }
12866 .path-calendar .maincalendar .calendarmonth ul {
12869 .path-calendar .maincalendar .calendarmonth ul li {
12870 list-style-type: none
; }
12871 .path-calendar .maincalendar .calendarmonth ul li > a {
12873 text-overflow: ellipsis
;
12874 white-space: nowrap
;
12876 display: inline-block
; }
12877 .path-calendar .maincalendar .calendarmonth ul li > a:hover {
12878 text-decoration: none
; }
12879 .path-calendar .maincalendar .calendarmonth ul li > a:hover .eventname {
12880 text-decoration: underline
; }
12881 .path-calendar .maincalendar .calendarmonth ul li .icon {
12882 margin-left: 0.25em;
12883 margin-right: 0.25em;
12884 vertical-align: initial
; }
12885 .path-calendar .maincalendar .calendarmonth ul li .calendar-circle {
12888 border-radius: 6px;
12889 vertical-align: middle
;
12890 display: inline-block
; }
12891 .path-calendar .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_category {
12892 background-color: #e0cbe0;
12893 border: 2px solid
#9e619f; }
12894 .path-calendar .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_course {
12895 background-color: #ffd3bd;
12896 border: 2px solid
#d34600; }
12897 .path-calendar .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_site {
12898 background-color: #d6f8cd;
12899 border: 2px solid
#2b8713; }
12900 .path-calendar .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_group {
12901 background-color: #fee7ae;
12902 border: 2px solid
#9a6e02; }
12903 .path-calendar .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_user {
12904 background-color: #dce7ec;
12905 border: 2px solid
#4e7c91; }
12906 .path-calendar .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_other {
12907 background-color: #ced4da;
12908 border: 2px solid
#687889; }
12909 .path-calendar .maincalendar .calendarmonth td {
12911 .path-calendar .maincalendar .calendarmonth .clickable:hover {
12912 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); }
12913 .path-calendar
.maincalendar
.calendar-controls
.previous
,
12914 .path-calendar .maincalendar .calendar-controls .next {
12916 .path-calendar .maincalendar .calendar-controls .current {
12918 .path-calendar .maincalendar .controls {
12920 margin: 10px auto
; }
12921 .path-calendar
.maincalendar
.calendar_event_category:hover a
,
12922 .path-calendar
.maincalendar
.calendar_event_course:hover a
,
12923 .path-calendar
.maincalendar
.calendar_event_site:hover a
,
12924 .path-calendar
.maincalendar
.calendar_event_group:hover a
,
12925 .path-calendar .maincalendar .calendar_event_user:hover a {
12927 text-decoration: underline
; }
12928 .path-calendar .maincalendar .calendar_event_category {
12929 border-color: #e0cbe0; }
12930 .path-calendar .maincalendar .calendar_event_course {
12931 border-color: #ffd3bd; }
12932 .path-calendar .maincalendar .calendar_event_site {
12933 border-color: #d6f8cd; }
12934 .path-calendar .maincalendar .calendar_event_group {
12935 border-color: #fee7ae; }
12936 .path-calendar .maincalendar .calendar_event_user {
12937 border-color: #dce7ec; }
12938 .path-calendar .maincalendar .calendar_event_other {
12939 border-color: #ced4da; }
12940 .path-calendar
.maincalendar
.calendartable td
,
12941 .path-calendar .maincalendar .calendartable li {
12942 padding: 0 4px 4px 4px; }
12943 .path-calendar .maincalendar .calendartable li {
12944 text-align: left
; }
12945 .path-calendar .maincalendar .header {
12946 overflow: hidden
; }
12947 .path-calendar .maincalendar .header .buttons {
12949 .path-calendar .maincalendar .event .card-header img {
12950 vertical-align: baseline
; }
12951 .path-calendar .maincalendar .event .location {
12952 word-break: break-all
;
12953 overflow-wrap: break-word
; }
12955 #page-calendar-export .indent
{
12956 padding-left: 20px; }
12958 .block .minicalendar {
12962 .block
.minicalendar th
,
12963 .block .minicalendar td {
12966 text-align: center
; }
12967 .block .minicalendar td.weekend {
12969 .block .minicalendar td a {
12974 .block .minicalendar td.duration_global {
12975 border-top: 1px solid
#d6f8cd;
12976 border-bottom: 1px solid
#d6f8cd; }
12977 .block .minicalendar td.duration_global.duration_finish {
12978 background-color: #d6f8cd; }
12979 .block .minicalendar td.duration_category {
12980 border-top: 1px solid
#e0cbe0;
12981 border-bottom: 1px solid
#e0cbe0; }
12982 .block .minicalendar td.duration_category.duration_finish {
12983 background-color: #e0cbe0; }
12984 .block .minicalendar td.duration_course {
12985 border-top: 1px solid
#ffd3bd;
12986 border-bottom: 1px solid
#ffd3bd; }
12987 .block .minicalendar td.duration_course.duration_finish {
12988 background-color: #ffd3bd; }
12989 .block .minicalendar td.duration_group {
12990 border-top: 1px solid
#fee7ae;
12991 border-bottom: 1px solid
#fee7ae; }
12992 .block .minicalendar td.duration_group.duration_finish {
12993 background-color: #fee7ae; }
12994 .block .minicalendar td.duration_user {
12995 border-top: 1px solid
#dce7ec;
12996 border-bottom: 1px solid
#dce7ec; }
12997 .block .minicalendar td.duration_user.duration_finish {
12998 background-color: #dce7ec; }
12999 .block .minicalendar td.duration_other {
13000 border-top: 1px solid
#ced4da;
13001 border-bottom: 1px solid
#ced4da; }
13002 .block .minicalendar td.duration_other.duration_finish {
13003 background-color: #ced4da; }
13004 .block .minicalendar caption {
13005 font-size: inherit
;
13006 font-weight: inherit
;
13007 line-height: inherit
;
13008 text-align: center
; }
13010 .block
.calendar-controls
.previous
,
13011 .block
.calendar-controls
.current
,
13012 .block .calendar-controls .next {
13016 .block .calendar-controls .previous {
13020 .block .calendar-controls .current {
13021 text-align: center
;
13024 .block .calendar-controls .next {
13028 .block .calendar_filters ul {
13033 .block .calendar_filters li {
13034 margin-bottom: 0.2em; }
13035 .block .calendar_filters li span.calendar_event_category i {
13037 .block .calendar_filters li span.calendar_event_course i {
13039 .block .calendar_filters li span.calendar_event_site i {
13041 .block .calendar_filters li span.calendar_event_group i {
13043 .block .calendar_filters li span.calendar_event_user i {
13045 .block .calendar_filters li span.calendar_event_other i {
13047 .block .calendar_filters li span img {
13050 .block .calendar_filters li .icon {
13051 vertical-align: initial
;
13052 margin: 0 0.1rem 0 0.4rem; }
13053 .block .calendar_filters li > a:hover {
13054 text-decoration: none
; }
13055 .block .calendar_filters li > a:hover .eventname {
13056 text-decoration: underline
; }
13058 .block .content h3.eventskey {
13059 margin-top: 0.5em; }
13061 /* Display month name above the calendar */
13062 table
.calendartable caption
{
13063 caption-side: top
; }
13065 @media (min-width: 768px) {
13066 #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
{
13067 min-width: 1024px; } }
13070 position: relative
; }
13072 .day-popover-content:empty + .day-popover-alternate {
13075 .location-content {
13076 overflow-wrap: break-word
; }
13078 .description-content {
13079 overflow-wrap: break-word
; }
13080 .description-content > p {
13086 .content-bank-container .cb-content-wrapper {
13093 .content-bank-container .cb-thumbnail {
13096 background-repeat: no-repeat
;
13097 background-position: center
;
13098 background-size: cover
; }
13100 .content-bank-container.view-grid .cb-listitem {
13101 margin-bottom: 0.5rem; }
13103 @media (max-width: 767.98px) {
13104 .content-bank-container.view-grid .cb-listitem {
13105 flex-basis: 50%; } }
13107 @media (min-width: 576px) {
13108 .content-bank-container.view-grid .cb-listitem {
13110 min-width: 120px; } }
13112 .content-bank-container.view-grid .cb-name {
13113 text-align: center
; }
13115 .content-bank-container.view-grid .cb-file {
13118 .content-bank-container.view-grid .cb-thumbnail {
13122 margin-right: auto
;
13123 margin-bottom: 0.5rem; }
13125 .content-bank-container
.view-grid
.cb-heading
,
13126 .content-bank-container
.view-grid
.cb-date
,
13127 .content-bank-container
.view-grid
.cb-size
,
13128 .content-bank-container
.view-grid
.cb-type
,
13129 .content-bank-container.view-grid .cb-author {
13132 .content-bank-container.view-list .cb-content-wrapper {
13134 flex-direction: column
;
13135 flex-wrap: nowrap
; }
13137 .content-bank-container.view-list .cb-thumbnail {
13138 margin-right: 0.5rem; }
13140 .content-bank-container
.view-list
.cb-listitem
,
13141 .content-bank-container.view-list .cb-heading {
13145 border-bottom: 1px solid
#dee2e6; }
13147 .content-bank-container.view-list .cb-column {
13149 padding: 0.25rem; }
13151 .content-bank-container.view-list .cb-column {
13152 border-right: 1px solid
#dee2e6; }
13154 @media (max-width: 767.98px) {
13155 .content-bank-container.view-list .cb-column {
13157 max-width: 50%; } }
13159 @media (min-width: 576px) {
13160 .content-bank-container.view-list .cb-heading {
13164 .content-bank-container.view-list .cb-file {
13167 .content-bank-container
.view-list
.cb-date
,
13168 .content-bank-container
.view-list
.cb-size
,
13169 .content-bank-container
.view-list
.cb-type
,
13170 .content-bank-container.view-list .cb-author {
13173 .content-bank-container.view-list .cb-column.last {
13174 border-right: 0; } }
13176 .content-bank-container.view-list .cb-btnsort span {
13179 .content-bank-container
.view-list
.cb-btnsort
.dir-none
.default
,
13180 .content-bank-container
.view-list
.cb-btnsort
.dir-asc
.asc
,
13181 .content-bank-container.view-list .cb-btnsort.dir-desc .desc {
13184 .cb-toolbar-container .dropdown-scrollable {
13186 overflow-y: auto
; }
13189 /* COURSE CONTENT */
13190 .section_add_menus {
13194 .section-modchooser {
13197 .block_tree .tree_item.branch {
13198 margin-left: 8px; }
13200 .section_add_menus
.horizontal div
,
13201 .section_add_menus .horizontal form {
13204 .section_add_menus optgroup {
13205 font-weight: normal
;
13206 font-style: italic
; }
13209 .section_add_menus .urlselect {
13211 margin-left: .4em; }
13214 .section_add_menus .urlselect select {
13215 margin-left: .2em; }
13217 .sitetopic ul.section {
13220 body:not
(.editing
) .sitetopic ul
.section
{
13222 body:not
(.editing
) .sitetopic ul
.section
.label
.mod-indent-outer
{
13225 @media (min-width: 576px) {
13226 .course-content ul.section {
13230 margin-top: 0.5rem; }
13231 .section .side.left {
13233 .section .side.right {
13237 .section .spinner {
13241 .section .activity {
13242 /* The command block for each activity */ }
13243 .section .activity .spinner {
13245 position: absolute
; }
13246 .section .activity .actions {
13247 position: absolute
;
13251 .section
.activity
.contentwithoutlink
,
13252 .section .activity .activityinstance {
13254 display: table-cell
;
13255 padding-right: 4px;
13257 .section
.activity
.contentwithoutlink
> a
,
13258 .section .activity .activityinstance > a {
13259 display: inline-block
;
13260 text-indent: -31px;
13261 padding-left: 31px; }
13262 .section
.activity
.contentwithoutlink
.dimmed
.activityicon
,
13263 .section .activity .activityinstance .dimmed .activityicon {
13265 .section .activity .stealth {
13267 .section
.activity a
.stealth
,
13268 .section .activity a.stealth:hover {
13269 color: #61aef3 !important
;
13270 /* stylelint-disable-line declaration-no-important */ }
13272 .section
.label
.contentwithoutlink
,
13273 .section .label .activityinstance {
13274 padding-right: 32px;
13278 @media (min-width: 576px) {
13279 .section .label .mod-indent-outer {
13280 padding-left: 24px;
13281 display: block
; } }
13288 display: inline-block
; }
13290 .section
.activity
.editor_displayed a
.editing_title
,
13291 .section .activity.editor_displayed .moodle-actionmenu {
13294 .section .activity.editor_displayed div.activityinstance {
13295 padding-right: initial
; }
13296 .section .activity.editor_displayed div.activityinstance input {
13297 margin-bottom: initial
;
13298 padding-top: initial
;
13299 padding-bottom: initial
;
13300 vertical-align: text-bottom
; }
13302 .activity img.activityicon {
13304 vertical-align: text-bottom
; }
13306 .section
.activity
.activityinstance
,
13307 .section .activity .activityinstance div {
13308 display: inline-block
; }
13310 .editing
.section
.activity
.contentwithoutlink
,
13311 .editing .section .activity .activityinstance {
13312 padding-right: 200px; }
13314 .editing .section .activity .editing_move {
13315 /* Move the move icon to the start of the line */
13316 position: absolute
;
13320 .editing .section .activity .mod-indent-outer {
13322 * Add appropriate padding such that nothing overlaps the
13323 * absolute positioned move icon.
13325 padding-left: 2rem; }
13327 .editing_show
+ .editing_assign
,
13328 .editing_hide + .editing_assign {
13329 margin-left: 20px; }
13331 .section .activity .commands {
13332 white-space: nowrap
;
13333 display: inline-block
; }
13335 .section .activity.modtype_label.label {
13336 font-weight: normal
;
13339 .section li.activity {
13343 .section .activity .activityinstance .groupinglabel {
13344 padding-left: 30px; }
13346 .section
.activity
.availabilityinfo
,
13347 .section .activity .contentafterlink {
13349 margin-left: 30px; }
13351 .section .activity .contentafterlink p {
13354 .editing
.section
.activity:hover
,
13355 .editing .section .activity.action-menu-shown {
13356 background-color: rgba
(0, 0, 0, 0.05); }
13358 .course-content .current {
13359 position: relative
; }
13361 .course-content .current::before {
13363 border-left: #0f6fc5 2px solid
;
13364 position: absolute
;
13369 .course-content .section-summary {
13370 border: 1px solid
#dee2e6;
13372 list-style: none
; }
13374 .course-content .section-summary .section-title {
13375 margin: 2px 5px 10px 5px; }
13377 .course-content .section-summary .summarytext {
13378 margin: 2px 5px 2px 5px; }
13380 .course-content .section-summary .section-summary-activities .activity-count {
13382 font-size: 0.8203125rem;
13384 white-space: nowrap
;
13385 display: inline-block
; }
13387 .course-content .section-summary .summary {
13390 .course-content .single-section {
13393 .course-content .single-section .section-navigation {
13396 margin-bottom: -0.5em; }
13398 .course-content .single-section .section-navigation .title {
13403 .course-content .single-section .section-navigation .mdl-left {
13404 font-weight: normal
;
13406 margin-right: 1em; }
13408 .course-content .single-section .section-navigation .mdl-left .larrow {
13409 margin-right: 0.1em; }
13411 .course-content .single-section .section-navigation .mdl-right {
13412 font-weight: normal
;
13414 margin-left: 1em; }
13416 .course-content .single-section .section-navigation .mdl-right .rarrow {
13417 margin-left: 0.1em; }
13419 .course-content .single-section .section-navigation .mdl-bottom {
13422 .course-content ul li.section.main {
13423 border-bottom: 1px solid
#dee2e6;
13425 .course-content ul li.section.main:last-child {
13426 border-bottom: 0; }
13428 .course-content ul li
.section
.hidden
.sectionname
> span
,
13429 .course-content ul li
.section
.hidden
.content
> div
.summary
,
13430 .course-content ul li.section.hidden .activity .activityinstance {
13433 .course-content ul
.topics
,
13434 .course-content ul.weeks {
13437 list-style: none
; }
13438 .course-content ul
.topics li
.section
,
13439 .course-content ul.weeks li.section {
13441 padding-bottom: 1rem; }
13442 .course-content ul
.topics li
.section
.content
,
13443 .course-content ul.weeks li.section .content {
13446 @media
(min-width: 576px) {
13447 .course-content ul
.topics li
.section
.summary
,
13448 .course-content ul
.topics li
.section
.content
> .availabilityinfo
,
13449 .course-content ul
.weeks li
.section
.summary
,
13450 .course-content ul.weeks li.section .content > .availabilityinfo {
13451 margin-left: 25px; } }
13452 .course-content ul
.topics li
.section
.left
,
13453 .course-content ul
.topics li
.section
.right
,
13454 .course-content ul
.weeks li
.section
.left
,
13455 .course-content ul.weeks li.section .right {
13460 @media (max-width: 767.98px) {
13461 body:not
(.editing
) .course-content ul
.topics li
.section
.left
,
13462 body:not
(.editing
) .course-content ul
.topics li
.section
.right
,
13463 body:not
(.editing
) .course-content ul
.weeks li
.section
.left
,
13464 body:not
(.editing
) .course-content ul
.weeks li
.section
.right
{
13470 .course-content .hidden {
13473 @media (max-width: 767.98px) {
13474 .course-content li.section ul {
13475 padding-left: 0; } }
13477 .course-content li.section ul {
13478 list-style: disc
; }
13479 .course-content li.section ul ul {
13480 list-style: circle
; }
13481 .course-content li.section ul ul ul {
13482 list-style: square
; }
13484 .course-content li.section li.activity ul {
13485 list-style: disc
; }
13486 .course-content li.section li.activity ul ul {
13487 list-style: circle
; }
13488 .course-content li.section li.activity ul ul ul {
13489 list-style: square
; }
13491 .course-content li.section .right > .icon:first-child {
13492 /* Remove the spacer icon. */
13495 .path-course-view.editing #region-main > .card-block {
13496 padding-bottom: 13rem; }
13498 .jumpmenu .form-inline {
13501 .path-course-view .completionprogress {
13502 margin-left: 25px; }
13504 .path-course-view .completionprogress {
13508 position: relative
; }
13510 #page-site-index .subscribelink
{
13511 text-align: right
; }
13513 #site-news-forum h2
,
13514 #frontpage-course-list h2
,
13515 #frontpage-category-names h2
,
13516 #frontpage-category-combo h2
{
13517 margin-bottom: 9px; }
13519 .path-course-view a.reduce-sections {
13520 padding-left: 0.2em; }
13522 .path-course-view .subscribelink {
13523 text-align: right
; }
13525 .path-course-view .unread {
13526 margin-left: 30px; }
13528 .path-course-view .block.drag .header {
13531 .path-course-view .completionprogress {
13532 text-align: right
; }
13534 .path-course-view .single-section .completionprogress {
13535 margin-right: 5px; }
13537 .path-site li
.activity
> div
,
13538 .path-course-view li.activity > div {
13539 position: relative
;
13540 padding: 0 16px 0 0;
13541 /* to accommodate the floated completion icon with highlighting */ }
13543 .path-course-view li.activity span.autocompletion img {
13544 vertical-align: text-bottom
;
13547 .path-course-view li.activity form.togglecompletion .btn {
13550 .path-course-view li.activity form.togglecompletion img {
13552 /* The width is 0 so ensure we don't end up with a relative max-width */ }
13554 .path-course-view.editing li.activity span.autocompletion img {
13555 /* Use the same spacing as the filler. */
13556 margin-right: 0.5rem;
13557 margin-left: 0.5rem; }
13559 .path-course-view li.activity form.togglecompletion .ajaxworking {
13562 position: absolute
;
13565 background: url
([[pix:i
/ajaxloader
]]) no-repeat
; }
13567 li
.section
.hidden span
.commands a
.editing_hide
,
13568 li
.section
.hidden span
.commands a
.editing_show
{
13571 .single-section h3.sectionname {
13572 text-align: center
;
13575 input
.titleeditor
{
13577 vertical-align: text-bottom
; }
13579 span
.editinstructions
{
13581 position: absolute
;
13583 position: relative;
13588 font-size: 0.8203125rem;
13589 padding: .1em .4em;
13590 text-decoration: none
;
13592 border: 0 solid transparent
;
13594 background-color: #cce6ea;
13595 border-color: #b8dce2; }
13596 span
.editinstructions hr
{
13597 border-top-color: #a6d3db; }
13598 span
.editinstructions
.alert-link
{
13601 /* Course drag and drop upload styles */
13602 #dndupload-status {
13608 text-align: center
;
13610 border: 0 solid transparent
;
13612 background-color: #cce6ea;
13613 border-color: #b8dce2; }
13614 #dndupload-status hr
{
13615 border-top-color: #a6d3db; }
13616 #dndupload-status .alert-link
{
13619 .dndupload-preview {
13621 border: 1px dashed
#909090;
13626 .dndupload-hidden {
13629 /* COURSES LISTINGS AND COURSE SUMMARY */
13630 #page-course-pending .singlebutton
,
13631 #page-course-index .singlebutton
,
13632 #page-course-index-category .singlebutton
,
13633 #page-course-editsection .singlebutton
{
13634 text-align: center
; }
13636 #page-admin-course-manage #movecourses td img
{
13638 vertical-align: text-bottom
; }
13642 text-align: left
; }
13644 #page-course-pending .pendingcourserequests
{
13645 margin-bottom: 1em; }
13647 #page-course-pending .pendingcourserequests
.singlebutton
{
13650 #page-course-pending .pendingcourserequests
.cell
{
13653 #page-course-pending .pendingcourserequests
.cell
.c6
{
13654 white-space: nowrap
; }
13659 .coursebox > .info > .coursename a {
13661 background-image: url
([[pix:moodle|i
/course
]]);
13662 background-repeat: no-repeat
;
13663 padding-left: 21px;
13664 background-position: left
0.2em; }
13666 .coursebox
> .info
> .coursename
,
13667 .coursebox
.content
.teachers
,
13668 .coursebox
.content
.courseimage
,
13669 .coursebox
.content
.coursefile
,
13670 .coursebox .content .customfields-container {
13674 .coursebox
.content
.teachers
,
13675 .coursebox
.content
.courseimage
,
13676 .coursebox
.content
.coursefile
,
13677 .coursebox .content .customfields-container {
13680 .coursebox > .info > h3.coursename {
13683 .coursebox > .info > .coursename {
13687 .coursebox .content .teachers li {
13688 list-style-type: none
;
13692 .coursebox
.moreinfo
,
13693 .coursebox .enrolmenticons {
13697 .coursebox .moreinfo img {
13700 .coursebox .content {
13703 .coursebox
.content
.summary
,
13704 .coursebox .content .coursecat {
13708 .coursebox .content .coursecat {
13712 .coursebox.remotecoursebox .remotecourseinfo {
13716 .coursebox .content .courseimage img {
13718 max-height: 100px; }
13720 .coursebox
.content
.coursecat
,
13721 .coursebox
.content
.summary
,
13722 .coursebox
.content
.courseimage
,
13723 .coursebox
.content
.coursefile
,
13724 .coursebox
.content
.teachers
,
13725 .coursebox
.remotecoursebox
.remotecourseinfo
,
13726 .coursebox .content .customfields-container {
13727 margin: 15px 5px 5px;
13730 .coursebox.remotehost > .info > .categoryname a {
13731 background-image: url
([[pix:moodle|i
/mnethost
]]); }
13733 .coursebox.collapsed {
13734 margin-bottom: 0; }
13736 .coursebox.collapsed > .content {
13739 .courses .coursebox.collapsed {
13740 padding-top: 0.5rem;
13741 padding-bottom: 0.5rem; }
13743 .courses .coursebox.even {
13744 background-color: rgba
(0, 0, 0, 0.05); }
13746 .courses > .paging.paging-morelink {
13747 text-align: center
;
13750 .course_category_tree .category .numberofcourse {
13751 font-size: 0.8203125rem; }
13753 .course_category_tree .controls {
13754 visibility: hidden
; }
13756 .course_category_tree .controls div {
13760 .jsenabled .course_category_tree .controls {
13761 visibility: visible
; }
13763 .course_category_tree .controls {
13764 margin-bottom: 5px;
13768 .course_category_tree .controls div {
13769 padding-right: 2em;
13772 .course_category_tree .category > .info > .categoryname {
13773 background-image: url
([[pix:moodle|t
/collapsed_empty
]]);
13774 background-repeat: no-repeat
;
13777 background-position: center left
; }
13780 .course_category_tree .category > .info > .categoryname {
13781 background-image:url([[pix:moodle|t/collapsed_empty_rtl]]);
13784 .course_category_tree .category.with_children > .info > .categoryname {
13785 background-image: url
([[pix:moodle|t
/expanded
]]);
13788 .course_category_tree .category.with_children.collapsed > .info > .categoryname {
13789 background-image: url
([[pix:moodle|t
/collapsed
]]); }
13792 .course_category_tree .category.with_children.collapsed > .info > .categoryname {
13793 background-image:url([[pix:moodle|t/collapsed_rtl]]);
13796 .course_category_tree .category.collapsed > .content {
13799 .course_category_tree .category > .info {
13802 .course_category_tree .category > .content {
13803 padding-left: 16px; }
13805 #page-course-index-category .generalbox
.info
{
13806 margin-bottom: 15px;
13807 border: 1px dotted
#ddd;
13810 #page-course-index-category .categorypicker
{
13811 text-align: center
;
13812 margin: 10px 0 20px; }
13815 * Course management page
13818 * Background (reg) #F5F5F5
13819 * Background (light #fafafa
13820 * Background (highlight) #ddffaa
13823 #course-category-listings {
13825 /** Two column layout */
13826 /** Three column layout */ }
13827 #course-category-listings.columns-2
> #course-listing
> div
{
13828 position: relative
;
13830 #course-category-listings.columns-3
> #course-listing
> div
{
13832 #course-category-listings > div
> div
{
13833 min-height: 300px; }
13834 #course-category-listings > div
> div
> ul
.ml
> li:first-child
> div
{
13836 #course-category-listings h3
{
13838 padding: 0.4rem 0.6rem 0.3rem; }
13839 #course-category-listings h4
{
13841 padding: 0.6rem 1rem 0.5rem; }
13842 #course-category-listings .moodle-actionmenu
{
13843 white-space: nowrap
; }
13844 #course-category-listings .listing-actions
{
13845 text-align: center
; }
13846 #course-category-listings .listing-actions
> .moodle-actionmenu
{
13847 display: inline-block
; }
13848 #course-category-listings ul
.ml
{
13851 #course-category-listings ul
.ml ul
.ml
{
13853 #course-category-listings .listitem
[data-selected
='1'] {
13854 border-left: calc
(1px + 5px) solid
#0f6fc5;
13855 padding-left: calc
(1.25rem - 5px); }
13856 #course-category-listings .item-actions
{
13858 display: inline-block
; }
13859 #course-category-listings .item-actions
.show
.menu img
{
13862 #course-category-listings .item-actions
.menu-action-text
{
13863 vertical-align: inherit
; }
13864 #course-category-listings .listitem
> div
> .float-left
{
13866 #course-category-listings .listitem
> div
> .float-right
{
13868 text-align: right
; }
13869 #course-category-listings .listitem
> div
.item-actions
.action-show
{
13871 #course-category-listings .listitem
> div
.item-actions
.action-hide
{
13873 #course-category-listings .listitem
> div
.without-actions
{
13875 #course-category-listings .listitem
> div
.idnumber
{
13876 margin-right: 2em; }
13877 #course-category-listings .listitem
[data-visible
="0"] {
13879 #course-category-listings .listitem
[data-visible
="0"] > div
> a
{
13881 #course-category-listings .listitem
[data-visible
="0"] > div
.item-actions
.action-show
{
13883 #course-category-listings .listitem
[data-visible
="0"] > div
.item-actions
.action-hide
{
13885 #course-category-listings .listitem
.highlight
{
13886 background-color: #fff; }
13887 #course-category-listings .listitem
.highlight
> div
,
13888 #course-category-listings .listitem
.highlight
> div:hover
,
13889 #course-category-listings .listitem
.highlight
[data-selected
='1'] > div
{
13890 background-color: rgba
(0, 0, 0, 0.075); }
13891 #course-category-listings #course-listing
.listitem
.categoryname
{
13892 display: inline-block
;
13895 #course-category-listings #course-listing
.listitem
.coursename
{
13896 display: inline-block
; }
13897 #course-category-listings #course-listing
> .firstpage
.listitem:first-child
> div
.item-actions
.action-moveup
,
13898 #course-category-listings #course-listing
> .lastpage
.listitem:last-child
> div
.item-actions
.action-movedown
{
13900 #course-category-listings #course-listing
.bulk-action-checkbox
{
13901 margin: -2px 6px 0 0; }
13902 #course-category-listings #category-listing
.listitem
.collapsed
> ul
.ml
{
13904 #course-category-listings #category-listing
.listitem:first-child
> div
.item-actions
.action-moveup
,
13905 #course-category-listings #category-listing
.listitem:last-child
> div
.item-actions
.action-movedown
{
13907 #course-category-listings #category-listing
.course-count
{
13909 margin-right: 2rem;
13911 display: inline-block
; }
13912 #course-category-listings #category-listing
.bulk-action-checkbox
{
13913 margin-right: -3px; }
13914 #course-category-listings #category-listing
.category-listing
> ul
> .listitem:first-child
{
13915 position: relative
; }
13916 #course-category-listings #category-listing
.category-bulk-actions
{
13917 margin: 0 0.5em 0.5em;
13918 position: relative
; }
13919 #course-category-listings .detail-pair
> * {
13920 display: inline-block
; }
13921 #course-category-listings .detail-pair
.pair-key
{
13923 vertical-align: top
; }
13924 #course-category-listings .detail-pair
.pair-key span
{
13925 margin-right: 1rem;
13927 #course-category-listings .detail-pair
.pair-value select
{
13929 #course-category-listings .bulk-actions
.detail-pair
> * {
13932 #course-category-listings .listing-pagination
{
13933 text-align: center
; }
13934 #course-category-listings .listing-pagination
.yui3-button
{
13936 background-color: #008196;
13937 border-color: #008196;
13939 margin: 0.4rem 0.2rem 0.45rem;
13940 font-size: 10.4px; }
13941 #course-category-listings .listing-pagination
.yui3-button:hover
{
13943 background-color: #006070;
13944 border-color: #005563; }
13945 #course-category-listings .listing-pagination
.yui3-button:focus
, #course-category-listings
.listing-pagination
.yui3-button
.focus
{
13947 background-color: #006070;
13948 border-color: #005563;
13949 box-shadow: 0 0 0 0.2rem rgba
(38, 148, 166, 0.5); }
13950 #course-category-listings .listing-pagination
.yui3-button
.disabled
, #course-category-listings
.listing-pagination
.yui3-button:disabled
{
13952 background-color: #008196;
13953 border-color: #008196; }
13954 #course-category-listings .listing-pagination
.yui3-button:not
(:disabled
):not
(.disabled
):active
, #course-category-listings
.listing-pagination
.yui3-button:not
(:disabled
):not
(.disabled
).active
,
13955 .show > #course-category-listings .listing-pagination .yui3-button.dropdown-toggle {
13957 background-color: #005563;
13958 border-color: #004a56; }
13959 #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
,
13960 .show > #course-category-listings .listing-pagination .yui3-button.dropdown-toggle:focus {
13961 box-shadow: 0 0 0 0.2rem rgba
(38, 148, 166, 0.5); }
13962 #course-category-listings .listing-pagination
.yui3-button
.active-page
{
13964 background-color: #0f6fc5;
13965 border-color: #0f6fc5; }
13966 #course-category-listings .listing-pagination
.yui3-button
.active-page:hover
{
13968 background-color: #0c5ba1;
13969 border-color: #0b5496; }
13970 #course-category-listings .listing-pagination
.yui3-button
.active-page:focus
, #course-category-listings
.listing-pagination
.yui3-button
.active-page
.focus
{
13972 background-color: #0c5ba1;
13973 border-color: #0b5496;
13974 box-shadow: 0 0 0 0.2rem rgba
(51, 133, 206, 0.5); }
13975 #course-category-listings .listing-pagination
.yui3-button
.active-page
.disabled
, #course-category-listings
.listing-pagination
.yui3-button
.active-page:disabled
{
13977 background-color: #0f6fc5;
13978 border-color: #0f6fc5; }
13979 #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
,
13980 .show > #course-category-listings .listing-pagination .yui3-button.active-page.dropdown-toggle {
13982 background-color: #0b5496;
13983 border-color: #0a4e8a; }
13984 #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
,
13985 .show > #course-category-listings .listing-pagination .yui3-button.active-page.dropdown-toggle:focus {
13986 box-shadow: 0 0 0 0.2rem rgba
(51, 133, 206, 0.5); }
13987 #course-category-listings .listing-pagination-totals
{
13988 text-align: center
; }
13989 #course-category-listings .listing-pagination-totals
.dimmed
{
13991 margin: 0.4rem 1rem 0.45rem; }
13992 #course-category-listings .select-a-category
.notifymessage
,
13993 #course-category-listings .select-a-category
.alert
{
13996 #course-category-listings #course-listing
.listitem
.drag-handle
{
13999 .jsenabled #course-category-listings #course-listing .listitem .drag-handle {
14000 display: inline-block
;
14004 /** Management header styling **/
14005 .coursecat-management-header {
14006 vertical-align: middle
; }
14007 .coursecat-management-header h2 {
14008 display: inline-block
;
14009 text-align: left
; }
14010 .coursecat-management-header > div {
14011 display: inline-block
;
14013 .coursecat-management-header > div > div {
14014 margin: 10px 0 10px 1em;
14015 display: inline-block
; }
14016 .coursecat-management-header select {
14019 padding: 0.4em 0.5em 0.45em 1em;
14020 vertical-align: baseline
;
14021 white-space: nowrap
; }
14022 .coursecat-management-header .view-mode-selector .moodle-actionmenu {
14023 white-space: nowrap
;
14024 display: inline-block
; }
14025 .coursecat-management-header .view-mode-selector .moodle-actionmenu[data-enhanced].show .menu a {
14026 padding-left: 1em; }
14028 .course-being-dragged-proxy {
14031 vertical-align: middle
;
14032 padding: 0 0 0 4em; }
14034 .course-being-dragged {
14039 * Large displays 1200 +
14040 * Default displays 980 1199
14042 * Small tablets and large phones 481 767
14045 @media (min-width: 1200px) and
(max-width: 1600px) {
14046 #course-category-listings.columns-3
{
14047 background-color: #fff;
14049 #course-category-listings.columns-3 #category-listing
,
14050 #course-category-listings.columns-3 #course-listing
{
14052 #course-category-listings.columns-3 #category-listing
> div
,
14053 #course-category-listings.columns-3 #course-listing
> div
,
14054 #course-category-listings.columns-3 #course-detail
> div
{
14055 background-color: #fff; }
14056 #course-category-listings.columns-3 #course-detail
{
14058 margin-top: 1em; } }
14060 @media (max-width: 1199px) {
14061 #course-category-listings.columns-2
,
14062 #course-category-listings.columns-3
{
14064 #course-category-listings.columns-2 #category-listing
,
14065 #course-category-listings.columns-2 #course-listing
,
14066 #course-category-listings.columns-2 #course-detail
,
14067 #course-category-listings.columns-3 #category-listing
,
14068 #course-category-listings.columns-3 #course-listing
,
14069 #course-category-listings.columns-3 #course-detail
{
14071 margin: 0 0 1em; } }
14073 .page-settings-menu .menubar > a > .icon {
14078 .activity-navigation .row {
14079 align-items: center
; }
14081 .activity-navigation #prev-activity-link
,
14082 .activity-navigation #next-activity-link {
14083 white-space: pre-wrap
; }
14085 /* Anchor link offset fix. This makes hash links scroll 60px down to account for the fixed header. */
14090 /* fixed header height*/
14092 /* negative fixed header height */
14094 pointer-events: none
; }
14096 .pagelayout-embedded :target {
14097 padding-top: initial
;
14098 margin-top: initial
; }
14100 #nav-drawer.closed
{
14103 #nav-drawer[aria-hidden
=true
] .list-group-item
{
14106 /* Use a variable for the drawer background colors. */
14107 [data-region
="drawer"] {
14111 height: calc
(100% - 50px);
14113 -webkit-overflow-scrolling: touch
;
14115 background-color: #f2f2f2;
14116 -webkit-transition: right
0.5s ease
, left
0.5s ease
;
14117 -moz-transition: right
0.5s ease
, left
0.5s ease
;
14118 transition: right
0.5s ease
, left
0.5s ease
; }
14120 @media (min-width: 576px) {
14121 [data-region
="drawer"] {
14122 padding: 20px 20px; } }
14127 /* Override the z-indexes defined in bootstrap/_list-group.scss that
14128 lead to side effects on the user tours positioning. */ }
14129 #nav-drawer .list-group-item-action
.active
,
14130 #nav-drawer .list-group-item
.active
{
14131 z-index: inherit
; }
14132 #nav-drawer .list-group-item-action
.active
+ .list-group-item
,
14133 #nav-drawer .list-group-item
.active
+ .list-group-item
{
14134 border-top: none
; }
14135 #nav-drawer .list-group ul
{
14139 #nav-drawer .list-group li
{
14140 margin-bottom: -1px; }
14141 #nav-drawer .list-group
li:last-child
{
14142 margin-bottom: 0; }
14145 margin-top: 50px; }
14147 .pagelayout-embedded #page {
14151 -webkit-transition: margin-left
0.5s ease
, margin-right
0.5s ease
;
14152 -moz-transition: margin-left
0.5s ease
, margin-right
0.5s ease
;
14153 transition: margin-left
0.5s ease
, margin-right
0.5s ease
; }
14155 @media (min-width: 768px) {
14156 body
.drawer-open-left
{
14157 margin-left: 285px; } }
14159 @media (min-width: 768px) {
14160 body
.drawer-open-right
{
14161 margin-right: 285px; } }
14163 [data-region
=right-hand-drawer
] {
14165 flex-direction: column
;
14166 transition: right
0.2s ease-in-out
; }
14167 @media
(prefers-reduced-motion: reduce
) {
14168 [data-region
=right-hand-drawer
] {
14169 transition: none
; } }
14170 [data-region
=right-hand-drawer
].drawer
{
14175 height: calc
(100% - 50px);
14177 box-shadow: -2px 2px 4px rgba
(0, 0, 0, 0.08);
14179 visibility: visible
;
14181 [data-region
=right-hand-drawer
] .closewidget
{
14183 [data-region
=right-hand-drawer
].hidden
{
14186 visibility: hidden
;
14188 transition: right
0.2s ease-in-out
, visibility
0s ease-in-out
0.2s, opacity
0s ease-in-out
0.2s; }
14189 @media
(prefers-reduced-motion: reduce
) {
14190 [data-region
=right-hand-drawer
].hidden
{
14191 transition: none
; } }
14193 @media (max-width: 767.98px) {
14194 [data-region
=right-hand-drawer
].drawer
{
14198 [data-region
=right-hand-drawer
] .closewidget
{
14200 padding: 0 0.2rem; }
14201 body
.drawer-open-left
,
14202 body
.drawer-open-right
{
14203 overflow: hidden
; } }
14205 .dir-rtl [data-region=right-hand-drawer] {
14206 box-shadow: 2px 2px 4px rgba
(0, 0, 0, 0.08); }
14209 background-color: #f7f7f7; }
14211 .fp-content-center {
14214 display: table-cell
;
14215 vertical-align: middle
; }
14217 .fp-content-hidden {
14218 visibility: hidden
; }
14220 .yui3-panel-focused {
14225 padding: 3px 20px 2px 20px;
14226 text-align: center
;
14228 display: inline-block
; }
14230 .filepicker .yui3-widget-content-expanded {
14233 /* The javascript is adding a style="height: 0px;" to this element - we need to set the min-height so the height is ignored. */
14234 .filepicker .moodle-dialogue-bd {
14235 min-height: 520px; }
14237 .file-picker .fp-navbar {
14242 border-color: #8f959e;
14243 border-bottom: 0; }
14245 .file-picker .fp-content {
14252 .filepicker.moodle-dialogue-fullscreen .file-picker .fp-content {
14255 .file-picker .fp-content-loading {
14259 text-align: center
; }
14261 .file-picker .fp-content .fp-object-container {
14265 .file-picker .fp-def-search {
14268 .file-picker .fp-list {
14269 list-style-type: none
;
14275 .file-picker .fp-list .fp-repo a {
14277 padding: .5em .7em; }
14279 .file-picker .fp-list .fp-repo.active {
14280 background: #f2f2f2; }
14282 .file-picker .fp-list .fp-repo-icon {
14283 padding: 0 7px 0 5px;
14290 .fp-toolbar.empty {
14293 .fp-toolbar .disabled {
14299 margin-right: 4px; }
14302 vertical-align: -15%;
14303 margin-right: 5px; }
14305 .fp-viewbar:not(.disabled) a.checked {
14306 background-color: #b1bbc4;
14308 border-color: #aab4bf; }
14310 .fp-viewbar.disabled a {
14311 pointer-events: none
;
14314 .file-picker .fp-clear-left {
14317 .fp-pathbar.empty {
14320 .fp-pathbar .fp-path-folder {
14321 background: url
("[[pix:theme|fp/path_folder]]") left
3px no-repeat
;
14322 background-size: 12px 12px;
14324 margin-left: 12px; }
14327 .fp-pathbar .fp-path-folder {
14328 background-image: url('[[pix:theme|fp/path_folder_rtl]]');
14331 .fp-pathbar .fp-path-folder-name {
14332 margin-left: 24px; }
14334 .fp-iconview .fp-file {
14336 text-align: center
;
14337 position: relative
;
14338 margin: 10px 10px 35px; }
14340 .fp-iconview .fp-thumbnail {
14343 line-height: 110px;
14344 text-align: center
;
14345 border: 1px solid
#fff;
14348 .fp-iconview .fp-thumbnail img {
14349 border: 1px solid
#ddd;
14351 vertical-align: middle
; }
14353 .fp-iconview .fp-thumbnail:hover {
14355 border: 1px solid
#ddd; }
14357 .fp-iconview .fp-filename-field {
14360 word-wrap: break-word
;
14362 position: absolute
; }
14364 .fp-iconview
.fp-file:focus
.fp-filename-field
,
14365 .fp-iconview .fp-file:hover .fp-filename-field {
14369 .fp-iconview
.fp-file:focus
.fp-filename
,
14370 .fp-iconview .fp-file:hover .fp-filename {
14372 white-space: normal
;
14373 text-overflow: inherit
; }
14375 .fp-iconview .fp-filename-field .fp-filename {
14378 padding-bottom: 12px;
14379 min-width: 112px; }
14381 .file-picker .yui3-datatable table {
14382 border: 0 solid
#bbb;
14385 .file-picker
.ygtvtn
,
14386 .filemanager .ygtvtn {
14388 background: url
("[[pix:moodle|y/tn]]") 0 0 no-repeat
;
14390 background: url('[[pix:moodle|y/tn_rtl]]') 0 0 no-repeat;
14395 .file-picker
.ygtvtm
,
14396 .filemanager .ygtvtm {
14397 background: url
("[[pix:moodle|y/tm]]") 0 10px no-repeat
;
14399 background-position: 2px 10px;
14405 .file-picker
.ygtvtmh
,
14406 .filemanager .ygtvtmh {
14407 background: url
("[[pix:moodle|y/tm]]") 0 10px no-repeat
;
14409 background-position: 2px 10px;
14415 .file-picker
.ygtvtp
,
14416 .filemanager .ygtvtp {
14418 background: url
("[[pix:moodle|y/tp]]") 0 10px no-repeat
;
14420 background: url('[[pix:moodle|y/tp_rtl]]') 2px 10px no-repeat;
14426 .file-picker
.ygtvtph
,
14427 .filemanager .ygtvtph {
14429 background: url
("[[pix:moodle|y/tp]]") 0 10px no-repeat
;
14431 background: url('[[pix:moodle|y/tp_rtl]]') 2px 10px no-repeat;
14437 .file-picker
.ygtvln
,
14438 .filemanager .ygtvln {
14440 background: url
("[[pix:moodle|y/ln]]") 0 0 no-repeat
;
14442 background: url('[[pix:moodle|y/ln_rtl]]') 0 0 no-repeat;
14447 .file-picker
.ygtvlm
,
14448 .filemanager .ygtvlm {
14449 background: url
("[[pix:moodle|y/lm]]") 0 10px no-repeat
;
14451 background-position: 2px 10px;
14457 .file-picker
.ygtvlmh
,
14458 .filemanager .ygtvlmh {
14459 background: url
("[[pix:moodle|y/lm]]") 0 10px no-repeat
;
14461 background-position: 2px 10px;
14467 .file-picker
.ygtvlp
,
14468 .filemanager .ygtvlp {
14470 background: url
("[[pix:moodle|y/lp]]") 0 10px no-repeat
;
14472 background: url('[[pix:moodle|y/lp_rtl]]') 2px 10px no-repeat;
14478 .file-picker
.ygtvlph
,
14479 .filemanager .ygtvlph {
14481 background: url
("[[pix:moodle|y/lp]]") 0 10px no-repeat
;
14483 background: url('[[pix:moodle|y/lp_rtl]]') 2px 10px no-repeat;
14489 .file-picker
.ygtvloading
,
14490 .filemanager .ygtvloading {
14491 background: transparent url
("[[pix:moodle|y/loading]]") 0 0 no-repeat
;
14495 .file-picker
.ygtvdepthcell
,
14496 .filemanager .ygtvdepthcell {
14497 background: url
("[[pix:moodle|y/vline]]") 0 0 no-repeat
;
14499 background-position: 0 0;
14504 .file-picker
.ygtvblankdepthcell
,
14505 .filemanager .ygtvblankdepthcell {
14509 a
.ygtvspacer:hover
{
14510 color: transparent
;
14511 text-decoration: none
; }
14515 .ygtvlabel:visited
,
14517 background-color: transparent
;
14520 text-decoration: none
; }
14522 .file-picker
.ygtvfocus
,
14523 .filemanager .ygtvfocus {
14524 background-color: #eee; }
14526 .fp-filename-icon {
14529 position: relative
; }
14536 margin-right: 10px;
14537 text-align: center
;
14538 line-height: 24px; }
14543 vertical-align: middle
; }
14546 padding-right: 10px; }
14548 .file-picker .fp-login-form {
14553 .file-picker .fp-upload-form {
14558 .file-picker .fp-upload-form table {
14561 .file-picker.fp-dlg {
14562 text-align: center
; }
14564 .file-picker.fp-dlg .fp-dlg-buttons {
14567 .file-picker.fp-msg {
14568 text-align: center
; }
14570 .file-picker .fp-content-error {
14574 text-align: center
; }
14576 .file-picker .fp-nextpage {
14579 .file-picker .fp-nextpage .fp-nextpage-loading {
14582 .file-picker .fp-nextpage.loading .fp-nextpage-link {
14585 .file-picker .fp-nextpage.loading .fp-nextpage-loading {
14587 text-align: center
;
14589 padding-top: 50px; }
14591 .fp-select .fp-select-loading {
14592 text-align: center
;
14593 margin-top: 20px; }
14596 padding: 0 0 10px; }
14598 .fp-select table .mdl-right {
14601 .fp-select .fp-reflist .mdl-right {
14602 vertical-align: top
; }
14604 .fp-select .fp-select-buttons {
14607 .fp-select .fp-info {
14608 font-size: 0.703125rem; }
14610 .fp-select .fp-thumbnail {
14614 line-height: 110px;
14615 text-align: center
;
14616 margin: 10px 20px 0 0;
14618 border: 1px solid
#ddd; }
14620 .fp-select .fp-thumbnail img {
14621 border: 1px solid
#ddd;
14623 vertical-align: middle
;
14626 .fp-select .fp-fileinfo {
14627 display: inline-block
;
14628 margin-top: 10px; }
14630 .file-picker.fp-select .fp-fileinfo {
14631 max-width: 240px; }
14633 .fp-select .fp-fileinfo div {
14634 padding-bottom: 5px; }
14636 .file-picker.fp-select .uneditable {
14639 .file-picker.fp-select .fp-select-loading {
14642 .file-picker.fp-select.loading .fp-select-loading {
14645 .file-picker.fp-select.loading form {
14648 .fp-select .fp-dimensions.fp-unknown {
14651 .fp-select .fp-size.fp-unknown {
14654 .filemanager-loading {
14657 .jsenabled .filemanager-loading {
14659 margin-top: 100px; }
14661 .filemanager
.fm-loading
.filemanager-toolbar
,
14662 .filemanager
.fm-loading
.fp-pathbar
,
14663 .filemanager
.fm-loading
.filemanager-container
,
14664 .filemanager
.fm-loaded
.filemanager-loading
,
14665 .filemanager
.fm-maxfiles
.fp-btn-add
,
14666 .filemanager
.fm-maxfiles
.dndupload-message
,
14667 .filemanager
.fm-noitems
.fp-btn-download
,
14668 .filemanager
.fm-noitems
.fp-btn-delete
,
14669 .filemanager
.fm-empty-container
,
14670 .filemanager.fm-noitems .filemanager-container .fp-content {
14673 .filemanager .fp-img-downloading {
14675 padding-top: 7px; }
14677 .filemanager .filemanager-updating {
14679 text-align: center
; }
14681 .filemanager.fm-updating .filemanager-updating {
14683 margin-top: 37px; }
14685 .filemanager
.fm-updating
.fm-content-wrapper
,
14686 .filemanager
.fm-nomkdir
.fp-btn-mkdir
,
14687 .fitem
.disabled
.filemanager
.filemanager-toolbar
,
14688 .fitem
.disabled
.filemanager
.fp-pathbar
,
14689 .fitem
.disabled
.filemanager
.fp-restrictions
,
14690 .fitem.disabled .filemanager .fm-content-wrapper {
14693 .filemanager .fp-restrictions {
14694 text-align: right
; }
14696 .filemanager-toolbar {
14698 overflow: hidden
; }
14700 .filemanager .fp-pathbar.empty {
14703 .filepicker-filelist
,
14704 .filemanager-container {
14706 border: 1px solid
#8f959e; }
14708 .filemanager .fp-content {
14711 min-height: 157px; }
14713 .filemanager-container
,
14714 .filepicker-filelist {
14715 overflow: hidden
; }
14717 .file-picker .yui3-datatable-header {
14721 background: initial
; }
14723 .fitem
.disabled
.filepicker-filelist
,
14724 .fitem.disabled .filemanager-container {
14725 background-color: #ebebe4; }
14727 .fitem.disabled .fp-btn-choose {
14730 .fitem.disabled .filepicker-filelist .filepicker-filename {
14733 .fp-iconview .fp-reficons1 {
14734 position: absolute
;
14740 .fp-iconview .fp-reficons2 {
14741 position: absolute
;
14747 .fp-iconview .fp-file.fp-hasreferences .fp-reficons1 {
14748 background: url
("[[pix:theme|fp/link]]") no-repeat
;
14750 transform: scaleX(-1);
14753 background-position: bottom right
;
14754 background-size: 16px 16px; }
14756 .fp-iconview .fp-file.fp-isreference .fp-reficons2 {
14757 background: url
("[[pix:theme|fp/alias]]") no-repeat
;
14759 transform: scaleX(-1);
14762 background-position: bottom left
;
14763 background-size: 16px 16px; }
14765 .filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail img {
14768 .filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail {
14769 background: url
([[pix:s
/dead
]]) no-repeat
;
14770 background-position: center center
; }
14772 .filemanager .yui3-datatable table {
14773 border: 0 solid
#bbb;
14776 /* Override YUI default styling */
14777 /* stylelint-disable declaration-no-important */
14778 .filemanager .yui3-datatable-header {
14782 background: #fff !important
;
14783 border-bottom: 1px solid
#ccc !important
;
14784 border-left: 0 solid
#fff !important
;
14785 color: #555 !important
; }
14787 .filemanager .yui3-datatable-odd .yui3-datatable-cell {
14788 background-color: #f6f6f6 !important
;
14789 border-left: 0 solid
#f6f6f6; }
14791 .filemanager .yui3-datatable-even .yui3-datatable-cell {
14792 background-color: #fff !important
;
14793 border-left: 0 solid
#fff; }
14795 /* stylelint-enable */
14796 .filemanager .fp-filename-icon.fp-hasreferences .fp-reficons1 {
14797 background: url
("[[pix:theme|fp/link_sm]]") no-repeat
0 0;
14801 transform: scaleX(-1);
14803 position: absolute
;
14806 background-size: 16px 16px; }
14808 .filemanager .fp-filename-icon.fp-isreference .fp-reficons2 {
14809 background: url
("[[pix:theme|fp/alias_sm]]") no-repeat
0 0;
14813 transform: scaleX(-1);
14815 position: absolute
;
14818 background-size: 16px 16px; }
14820 .filemanager .fp-contextmenu {
14823 .filemanager .fp-iconview .fp-folder.fp-hascontextmenu .fp-contextmenu {
14824 position: absolute
;
14828 align-items: center
;
14829 justify-content: center
; }
14831 .filemanager
.fp-treeview
.fp-folder
.fp-hascontextmenu
.fp-contextmenu
,
14832 .filemanager .fp-tableview .fp-folder.fp-hascontextmenu .fp-contextmenu {
14834 position: absolute
;
14836 margin-right: -20px;
14839 .filepicker-filelist
.filepicker-container
,
14840 .filemanager.fm-noitems .fm-empty-container {
14842 position: absolute
;
14847 border: 2px dashed
#bbb;
14849 text-align: center
; }
14851 .filepicker-filelist
.dndupload-target
,
14852 .filemanager-container .dndupload-target {
14854 position: absolute
;
14859 border: 2px dashed
#fb7979;
14861 text-align: center
; }
14863 .filepicker-filelist
.dndupload-over
.dndupload-target
,
14864 .filemanager-container.dndupload-over .dndupload-target {
14866 position: absolute
;
14871 border: 2px dashed
#6c8cd3;
14873 text-align: center
; }
14875 .dndupload-message {
14878 .dndsupported .dndupload-message {
14881 .dnduploadnotsupported-message {
14884 .dndnotsupported .dnduploadnotsupported-message {
14887 .dndupload-target {
14890 .dndsupported .dndupload-ready .dndupload-target {
14893 .dndupload-uploadinprogress {
14895 text-align: center
; }
14897 .dndupload-uploading .dndupload-uploadinprogress {
14901 background: url
([[pix:theme|fp
/dnd_arrow
]]) center no-repeat
;
14904 position: absolute
;
14907 .fitem
.disabled
.filepicker-container
,
14908 .fitem.disabled .fm-empty-container {
14911 .dndupload-progressbars {
14915 .dndupload-inprogress .dndupload-progressbars {
14918 .dndupload-inprogress .fp-content {
14921 .filemanager.fm-noitems .dndupload-inprogress .fm-empty-container {
14924 .filepicker-filelist.dndupload-inprogress .filepicker-container {
14927 .filepicker-filelist.dndupload-inprogress a {
14930 .filemanager.fp-select .fp-select-loading {
14933 .filemanager.fp-select.loading .fp-select-loading {
14936 .filemanager.fp-select.loading form {
14939 .filemanager
.fp-select
.fp-folder
.fp-license
,
14940 .filemanager
.fp-select
.fp-folder
.fp-author
,
14941 .filemanager
.fp-select
.fp-file
.fp-file-unzip
,
14942 .filemanager
.fp-select
.fp-folder
.fp-file-unzip
,
14943 .filemanager
.fp-select
.fp-file
.fp-file-zip
,
14944 .filemanager.fp-select.fp-zip .fp-file-zip {
14947 .filemanager
.fp-select
.fp-file-setmain
,
14948 .filemanager.fp-select .fp-file-setmain-help {
14951 .filemanager
.fp-select
.fp-cansetmain
.fp-file-setmain
,
14952 .filemanager.fp-select.fp-cansetmain .fp-file-setmain-help {
14953 display: inline-block
; }
14955 .filemanager .fp-mainfile .fp-filename {
14956 font-weight: bold
; }
14958 .filemanager.fp-select.fp-folder .fp-file-download {
14962 font-weight: bold
; }
14964 .filemanager
.fp-select
.fp-original
.fp-unknown
,
14965 .filemanager.fp-select .fp-original .fp-originloading {
14968 .filemanager.fp-select .fp-original.fp-loading .fp-originloading {
14971 .filemanager
.fp-select
.fp-reflist
.fp-unknown
,
14972 .filemanager.fp-select .fp-reflist .fp-reflistloading {
14975 .filemanager.fp-select .fp-reflist.fp-loading .fp-reflistloading {
14978 .filemanager.fp-select .fp-reflist .fp-value {
14979 background: #f9f9f9;
14980 border: 1px solid
#bbb;
14986 .filemanager.fp-select .fp-reflist .fp-value li {
14987 padding-bottom: 7px; }
14989 .filemanager.fp-mkdir-dlg {
14990 text-align: center
; }
14992 .filemanager.fp-mkdir-dlg .fp-mkdir-dlg-text {
14996 .filemanager.fp-dlg {
14997 text-align: center
; }
14999 .file-picker div.bd {
15000 text-align: left
; }
15004 .fp-formset input[type="file"] {
15005 line-height: inherit
; }
15010 .fp-fileinfo .fp-value {
15011 display: inline-block
;
15012 padding-left: 5px; }
15014 /** The message area **/
15018 .preferences-container .container-fluid, .preferences-container .container-sm, .preferences-container .container-md, .preferences-container .container-lg, .preferences-container .container-xl {
15020 .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 {
15021 min-height: 20px; }
15023 .preferences-container .align-bottom {
15024 vertical-align: bottom
; }
15026 .preferences-container .preference-table {
15027 border: 1px solid
#ddd; }
15028 .preferences-container .preference-table thead th {
15029 text-align: center
; }
15030 .preferences-container .preference-table thead th .config-warning {
15032 .preferences-container .preference-table thead th.unconfigured .config-warning {
15033 display: inline-block
; }
15034 .preferences-container .preference-table tr td:not(:first-child) {
15036 text-align: center
; }
15037 .preferences-container .preference-table tr td:nth-child(even) {
15038 background-color: #f7f7f7; }
15039 .preferences-container .preference-table tr th:nth-child(even) {
15040 background-color: #f7f7f7; }
15041 .preferences-container .preference-table .preference-row .hover-tooltip-container {
15042 display: inline-block
; }
15043 .preferences-container .preference-table .preference-row .preference-name {
15044 vertical-align: middle
; }
15045 .preferences-container .preference-table .preference-row .disabled-message {
15046 text-align: center
;
15048 line-height: 30px; }
15049 .preferences-container .preference-table .preference-row .preference-state {
15052 display: inline-block
;
15053 vertical-align: middle
; }
15054 .preferences-container .preference-table .preference-row .preference-state input[type="checkbox"]:checked + .preference-state-status-container {
15055 background-color: #5cb85c; }
15056 .preferences-container .preference-table .preference-row .preference-state input[type="checkbox"]:checked + .preference-state-status-container .on-text {
15057 display: inline-block
; }
15058 .preferences-container .preference-table .preference-row .preference-state input[type="checkbox"]:checked + .preference-state-status-container .off-text {
15060 .preferences-container .preference-table .preference-row .preference-state .preference-state-status-container {
15064 text-align: center
;
15065 border-radius: 4px;
15066 background-color: #d9534f;
15069 .preferences-container .preference-table .preference-row .preference-state .preference-state-status-container .loading-icon {
15071 .preferences-container .preference-table .preference-row .preference-state .preference-state-status-container .on-text {
15073 .preferences-container .preference-table .preference-row .preference-state .preference-state-status-container .off-text {
15074 display: inline-block
; }
15075 .preferences-container
.preference-table
.preference-row
.preference-state
.loading input
[type
="checkbox"]:checked
+ .preference-state-status-container
.on-text
,
15076 .preferences-container .preference-table .preference-row .preference-state.loading input[type="checkbox"]:checked + .preference-state-status-container .off-text {
15078 .preferences-container
.preference-table
.preference-row
.preference-state
.loading
.preference-state-status-container
.on-text
,
15079 .preferences-container .preference-table .preference-row .preference-state.loading .preference-state-status-container .off-text {
15081 .preferences-container .preference-table .preference-row .preference-state.loading .preference-state-status-container .loading-icon {
15083 .preferences-container .preference-table .preference-row.loading .preference-name .loading-icon {
15086 .disabled-message {
15089 .disabled .disabled-message {
15091 .disabled .disabled-message + form {
15094 .general-settings-container .loading-icon {
15097 .general-settings-container .loading .loading-icon {
15098 display: inline-block
; }
15100 .general-settings-container label {
15101 display: inline-block
; }
15103 .processor-container {
15104 position: relative
; }
15105 .processor-container .loading-container {
15107 position: absolute
;
15110 text-align: center
;
15111 background-color: rgba
(255, 255, 255, 0.5); }
15112 .processor-container .loading-container .vertical-align {
15115 display: inline-block
;
15116 vertical-align: middle
; }
15117 .processor-container.loading .loading-container {
15120 .preferences-page-container .checkbox-container {
15122 line-height: 20px; }
15123 .preferences-page-container .checkbox-container input {
15126 .preferences-page-container .checkbox-container .loading-icon {
15128 .preferences-page-container .checkbox-container.loading .loading-icon {
15129 display: inline-block
; }
15131 .notification-area {
15133 box-sizing: border-box
;
15134 border-radius: 4px;
15135 margin-bottom: 30px;
15136 border: 1px solid
#e3e3e3; }
15137 @media
(max-height: 670px) {
15138 .notification-area {
15140 .notification-area .control-area {
15141 box-sizing: border-box
;
15142 display: inline-block
;
15146 -webkit-overflow-scrolling: touch
;
15147 border-right: 1px solid
#e3e3e3; }
15148 .notification-area .control-area .content {
15149 position: relative
; }
15150 .notification-area .control-area .content .content-item-container {
15152 .notification-area .control-area .content:empty + .empty-text {
15154 .notification-area .control-area .loading-icon {
15156 .notification-area .control-area .empty-text {
15158 text-align: center
;
15159 padding-top: 20px; }
15160 .notification-area .control-area.loading .loading-icon {
15162 text-align: center
;
15163 box-sizing: border-box
;
15165 .notification-area .control-area.loading .content:empty + .empty-text {
15167 .notification-area .content-area {
15168 box-sizing: border-box
;
15169 display: inline-block
;
15170 width: calc
(100% - 300px);
15172 .notification-area .content-area .toggle-mode {
15174 .notification-area .content-area .header {
15176 box-sizing: border-box
;
15177 border-bottom: 1px solid
#e3e3e3;
15179 .notification-area .content-area .header .image-container {
15180 display: inline-block
;
15184 .notification-area .content-area .header .subject-container {
15185 display: inline-block
;
15186 max-width: calc
(100% - 24px);
15187 white-space: nowrap
;
15189 text-overflow: ellipsis
;
15192 box-sizing: border-box
; }
15193 .notification-area .content-area .header .timestamp {
15198 margin-left: 30px; }
15199 .notification-area .content-area .header:empty {
15201 .notification-area .content-area > .content {
15203 box-sizing: border-box
;
15205 -webkit-overflow-scrolling: touch
;
15207 @media
(max-height: 670px) {
15208 .notification-area .content-area > .content {
15210 .notification-area .content-area > .content:empty {
15212 .notification-area .content-area > .content:empty + .empty-text {
15214 text-align: center
;
15215 padding-top: 100px; }
15216 .notification-area .content-area .empty-text {
15218 .notification-area .content-area .footer {
15220 box-sizing: border-box
;
15221 text-align: center
; }
15222 .notification-area .content-area .footer a {
15223 line-height: 50px; }
15224 .notification-area .content-area .footer:empty {
15227 @media (max-width: 979px) {
15228 .notification-area {
15229 position: relative
;
15230 overflow: hidden
; }
15231 .notification-area .control-area {
15232 border-right: none
;
15234 position: absolute
;
15238 visibility: visible
;
15239 transition: left
0.25s; }
15240 .notification-area .content-area {
15242 position: absolute
;
15246 visibility: hidden
;
15247 transition: right
0.25s, opacity
0.25s, visibility
0.25s; }
15248 .notification-area .content-area .toggle-mode {
15249 display: inline-block
;
15254 box-sizing: border-box
;
15255 border-right: 1px solid
#e3e3e3;
15256 border-bottom: 1px solid
#e3e3e3; }
15257 .notification-area .content-area .header {
15258 display: inline-block
;
15259 width: calc
(100% - 70px); }
15260 .notification-area.show-content-area .control-area {
15263 visibility: hidden
;
15264 transition: left
0.25s, opacity
0.25s, visibility
0.25s; }
15265 .notification-area.show-content-area .content-area {
15268 visibility: visible
;
15269 transition: right
0.25s; } }
15271 .drawer .message-app {
15273 .drawer .message-app .icon-back-in-app {
15275 .drawer .message-app .icon-back-in-drawer {
15276 display: inherit
; }
15280 flex-direction: column
;
15281 background-color: #eff1f3; }
15282 .message-app .icon-back-in-drawer {
15284 .message-app.main {
15285 min-height: 400px; }
15286 .message-app .header-container {
15288 .message-app .overflow-y {
15289 overflow-y: auto
; }
15290 @media
(max-height: 320px) {
15291 .message-app .header-container [data-region="view-overview"]:not(.hidden) {
15293 align-items: center
; }
15294 .message-app .footer-container [data-region="view-overview"] {
15296 .message-app .overflow-y {
15297 overflow-y: unset
; } }
15298 .message-app .body-container {
15300 overflow: hidden
; }
15301 .message-app .body-container > * {
15302 position: absolute
;
15308 .message-app .footer-container {
15310 .message-app .footer-container textarea {
15312 .message-app .contact-status {
15313 position: absolute
;
15318 border-radius: 50%; }
15319 .message-app .contact-status.online {
15320 border: 1px solid
#fff;
15321 background-color: #357a32; }
15322 .message-app .message p {
15324 .message-app .clickable {
15326 .message-app .clickable:hover {
15327 filter: drop-shadow
(2px 2px 2px rgba
(0, 0, 0, 0.3)); }
15329 .message-app .btn-link {
15331 .message-app .btn-link:hover, .message-app .btn-link:focus {
15332 background-color: rgba
(0, 0, 0, 0.035);
15333 text-decoration: none
; }
15334 .message-app .icon {
15336 .message-app .overview-section-toggle .collapsed-icon-container {
15338 .message-app .overview-section-toggle .expanded-icon-container {
15339 display: inline-block
; }
15340 .message-app .overview-section-toggle.collapsed .collapsed-icon-container {
15341 display: inline-block
; }
15342 .message-app .overview-section-toggle.collapsed .expanded-icon-container {
15344 .message-app .btn.btn-link.btn-icon {
15348 border-radius: 50%;
15350 .message-app .btn.btn-link.btn-icon:hover, .message-app .btn.btn-link.btn-icon:focus {
15351 background-color: #e9ecef; }
15352 .message-app .btn.btn-link.btn-icon.icon-size-0 {
15353 height: 20px !important
;
15354 /* stylelint-disable-line declaration-no-important */
15355 width: 20px !important
;
15356 /* stylelint-disable-line declaration-no-important */ }
15357 .message-app .btn.btn-link.btn-icon.icon-size-1 {
15358 height: 24px !important
;
15359 /* stylelint-disable-line declaration-no-important */
15360 width: 24px !important
;
15361 /* stylelint-disable-line declaration-no-important */ }
15362 .message-app .btn.btn-link.btn-icon.icon-size-2 {
15363 height: 28px !important
;
15364 /* stylelint-disable-line declaration-no-important */
15365 width: 28px !important
;
15366 /* stylelint-disable-line declaration-no-important */ }
15367 .message-app .btn.btn-link.btn-icon.icon-size-3 {
15368 height: 36px !important
;
15369 /* stylelint-disable-line declaration-no-important */
15370 width: 36px !important
;
15371 /* stylelint-disable-line declaration-no-important */ }
15372 .message-app .btn.btn-link.btn-icon.icon-size-4 {
15373 height: 44px !important
;
15374 /* stylelint-disable-line declaration-no-important */
15375 width: 44px !important
;
15376 /* stylelint-disable-line declaration-no-important */ }
15377 .message-app .btn.btn-link.btn-icon.icon-size-5 {
15378 height: 52px !important
;
15379 /* stylelint-disable-line declaration-no-important */
15380 width: 52px !important
;
15381 /* stylelint-disable-line declaration-no-important */ }
15382 .message-app .btn.btn-link.btn-icon.icon-size-6 {
15383 height: 60px !important
;
15384 /* stylelint-disable-line declaration-no-important */
15385 width: 60px !important
;
15386 /* stylelint-disable-line declaration-no-important */ }
15387 .message-app .btn.btn-link.btn-icon.icon-size-7 {
15388 height: 68px !important
;
15389 /* stylelint-disable-line declaration-no-important */
15390 width: 68px !important
;
15391 /* stylelint-disable-line declaration-no-important */ }
15392 .message-app .view-overview-body .section {
15394 .message-app .view-overview-body .section.expanded {
15396 .message-app .view-conversation .content-message-container img {
15398 .message-app .list-group .list-group-item {
15401 .message-app .list-group .list-group-item:first-child {
15403 .message-app .list-group .list-group-item:last-child {
15404 border-bottom: 0; }
15405 .message-app .last-message {
15406 min-height: 1.5rem; }
15407 .message-app .section .collapsing {
15408 overflow: hidden
; }
15409 .message-app .message.send {
15410 background-color: #dee2e6;
15412 .message-app .message.send .time {
15414 .message-app .message.send .tail {
15416 margin-right: -0.5rem;
15417 border-bottom-color: #dee2e6; }
15418 .message-app .message.received {
15419 background-color: #fff;
15421 .message-app .message.received .time {
15423 .message-app .message.received .tail {
15425 margin-left: -0.5rem;
15426 border-bottom-color: #fff; }
15427 .message-app .message .tail {
15432 border: 0.5rem solid transparent
;
15433 position: relative
; }
15434 .message-app .day {
15436 .message-app .lazy-load-list {
15437 overflow-y: auto
; }
15439 #page-message-index #page-header
{
15442 #page-message-index #region-main
{
15445 #page-message-index #region-main
.conversationcontainer
.section
{
15446 max-height: calc
(100vh - 50px); }
15447 #page-message-index #region-main div
[role
="main"] {
15449 #page-message-index #region-main div
[role
="main"] #maincontent
{
15450 margin-top: -1px; }
15451 #page-message-index #region-main div
[role
="main"] .message-app
.main
{
15454 .dir-rtl .message-drawer {
15455 box-shadow: 2px 2px 4px rgba
(0, 0, 0, 0.08); }
15457 .message-app .emoji-picker-container {
15458 position: absolute
;
15461 transform: translateY
(-100%); }
15462 .message-app .emoji-picker-container .emoji-picker .picker-row .emoji-button {
15465 @media
(max-width: 575.98px) {
15466 .message-app .emoji-picker-container {
15467 right: -0.5rem; } }
15469 @media (max-height: 495px) {
15470 .message-app .emoji-picker-container {
15473 transform: none
; } }
15475 .message-app .emoji-auto-complete-container {
15478 transition: max-height
.15s ease-in-out
;
15479 visibility: visible
; }
15480 .message-app .emoji-auto-complete-container.hidden {
15483 visibility: hidden
;
15485 transition: max-height
.15s ease-in-out
, visibility
0s linear
.15s, overflow
0s linear
.15s; }
15491 .questioncategories h3 {
15498 margin: 0 0 0.3em; }
15500 #chooseqtype .instruction
{
15503 #chooseqtype .fakeqtypes
{
15504 border-top: 1px solid silver
; }
15506 #chooseqtype .qtypeoption
{
15507 margin-bottom: 0.5em; }
15509 #chooseqtype label
{
15512 #chooseqtype .qtypename img
{
15513 padding: 0 0.3em; }
15515 #chooseqtype .qtypename
{
15516 display: inline-table
;
15519 #chooseqtype .qtypesummary
{
15523 #chooseqtype .submitbuttons
{
15525 text-align: center
; }
15527 #qtypechoicecontainer {
15530 #qtypechoicecontainer_c.yui-panel-container
.shadow
.underlay
{
15531 background: none
; }
15533 #qtypechoicecontainer.yui-panel
.hd
{
15535 letter-spacing: 1px;
15536 text-shadow: 1px 1px 1px #fff;
15537 border: 1px solid
#ccc;
15538 border-bottom: 1px solid
#bbb;
15539 background-image: linear-gradient
(to bottom
, #fff 0%, #ccc 100%);
15540 background-repeat: repeat-x
; }
15542 #qtypechoicecontainer {
15545 background: #f2f2f2;
15546 border: 1px solid
#ccc;
15547 border-top: 0 none
; }
15549 #qtypechoicecontainer #chooseqtype
{
15552 #chooseqtypehead h3
{
15554 font-weight: normal
; }
15556 #chooseqtype .qtypes
{
15557 position: relative
;
15558 border-bottom: 1px solid
#bbb;
15559 padding: 0.24em 0; }
15561 #chooseqtype .alloptions
{
15562 overflow-x: hidden
;
15564 max-height: calc
(100vh - 15em);
15567 #chooseqtype .qtypeoption
{
15569 padding: 0.3em 0.3em 0.3em 1.6em; }
15571 #chooseqtype .qtypeoption img
{
15572 vertical-align: text-bottom
;
15574 padding-right: 0.5em; }
15576 #chooseqtype .selected
{
15577 background-color: #fff; }
15579 #chooseqtype .instruction
,
15580 #chooseqtype .qtypesummary
{
15582 position: absolute
;
15588 overflow-x: hidden
;
15590 padding: 1.5em 1.6em;
15591 background-color: #fff; }
15593 #chooseqtype .instruction
,
15594 #chooseqtype .selected
.qtypesummary
{
15597 #categoryquestions {
15599 #categoryquestions td
,
15600 #categoryquestions th
{
15601 padding: 0 0.2em; }
15602 #categoryquestions th
{
15604 font-weight: normal
; }
15605 #categoryquestions > tbody
> tr
.r1
{
15606 background-color: rgba
(0, 0, 0, 0.05); }
15607 #categoryquestions > tbody
> tr
.highlight
{
15608 border: 1px solid
#008196; }
15609 #categoryquestions .checkbox
{
15610 padding-left: 5px; }
15611 #categoryquestions .checkbox input
[type
="checkbox"] {
15614 #categoryquestions .iconcol
{
15616 box-sizing: content-box
; }
15617 #categoryquestions .iconcol
.icon
{
15621 #categoryquestions label
{
15624 #categoryquestions .header
{
15625 text-align: left
; }
15627 #page-mod-quiz-edit div
.questionbankwindow div
.header
{
15630 #page-mod-quiz-edit div
.questionbankwindow
.block
{
15633 .questionbank .singleselect {
15636 /* Question editing form */
15637 #combinedfeedbackhdr div
.fhtmleditor
{
15640 #combinedfeedbackhdr div
.fcheckbox
{
15641 margin-bottom: 1em; }
15643 #multitriesheader div
.fitem_feditor
{
15646 #multitriesheader div
.fitem_fgroup
{
15647 margin-bottom: 1em; }
15649 #multitriesheader div
.fitem_fgroup fieldset
.felement label
{
15650 margin-left: 0.3em;
15651 margin-right: 0.3em; }
15653 body
.path-question-type
{
15654 /* Hacks to display the labels within a form group. */ }
15655 body
.path-question-type
.form-group
.sr-only:not
(legend
):not
([for
="id_category"]) {
15660 margin: 0 0.5rem 0 0;
15669 margin: 0 auto
1.8em auto
; }
15675 margin-bottom: 1.8em;
15676 background-color: #f8f9fa;
15677 border: 1px solid
#cad0d7; }
15686 font-weight: bold
; }
15690 margin-top: 0.7em; }
15692 .que .info .questionflag.editable {
15695 .que
.info
.editquestion img
,
15696 .que
.info
.questionflag img
,
15697 .que .info .questionflag input {
15698 vertical-align: bottom
; }
15701 margin: 0 0 0 8.5em; }
15706 position: relative
;
15707 padding: 0.75rem 1.25rem;
15708 margin-bottom: 1rem;
15709 border: 0 solid transparent
; }
15714 background-color: #fcefdc;
15715 border-color: #fbe8cd;
15716 /* stylelint-disable-line max-line-length */ }
15719 border-top-color: #f9ddb5; }
15720 .que
.outcome
.alert-link
,
15721 .que .comment .alert-link {
15727 .que .formulation {
15729 background-color: #e7f3f5;
15730 border-color: #b8dce2;
15731 /* stylelint-disable-line max-line-length */ }
15732 .que .formulation hr {
15733 border-top-color: #a6d3db; }
15734 .que .formulation .alert-link {
15737 .que
.multichoice
.answer div
.r0
.icon
.fa-check
,
15738 .que
.multichoice
.answer div
.r1
.icon
.fa-check
,
15739 .que
.multichoice
.answer div
.r0
.icon
.fa-remove
,
15740 .que.multichoice .answer div.r1 .icon.fa-remove {
15743 .formulation input
[type
="text"],
15744 .formulation select {
15746 vertical-align: baseline
; }
15748 .que.multianswer .formulation .yui3-widget-positioned {
15749 box-sizing: content-box
; }
15750 .que.multianswer .formulation .yui3-widget-positioned .feedbackspan {
15752 max-width: inherit
; }
15754 .path-mod-quiz input[size] {
15760 background-color: #d7e4d6;
15761 border-color: #c6dac6;
15762 /* stylelint-disable-line max-line-length */ }
15764 border-top-color: #b7d0b7; }
15765 .que .comment .alert-link {
15769 margin: 0.7em 0 0.3em 0; }
15771 .que .im-controls {
15773 text-align: left
; }
15775 .que
.specificfeedback
,
15776 .que
.generalfeedback
,
15777 .que
.numpartscorrect
.que
.rightanswer
,
15781 margin: 0 0 0.5em; }
15783 .que .correctness.correct {
15785 background-color: #357a32; }
15786 a
.que
.correctness
.correct:hover
, a
.que
.correctness
.correct:focus
{
15788 background-color: #255623; }
15789 a
.que
.correctness
.correct:focus
, a
.que
.correctness
.correct
.focus
{
15791 box-shadow: 0 0 0 0.2rem rgba
(53, 122, 50, 0.5); }
15793 .que .correctness.partiallycorrect {
15795 background-color: #f0ad4e; }
15796 a
.que
.correctness
.partiallycorrect:hover
, a
.que
.correctness
.partiallycorrect:focus
{
15798 background-color: #ec971f; }
15799 a
.que
.correctness
.partiallycorrect:focus
, a
.que
.correctness
.partiallycorrect
.focus
{
15801 box-shadow: 0 0 0 0.2rem rgba
(240, 173, 78, 0.5); }
15803 .que .correctness.notanswered, .que .correctness.incorrect {
15805 background-color: #ca3120; }
15806 a
.que
.correctness
.notanswered:hover
, a
.que
.correctness
.notanswered:focus
, .que
.correctness
.incorrect:hover
, .que
.correctness
.incorrect:focus
{
15808 background-color: #9e2619; }
15809 a
.que
.correctness
.notanswered:focus
, a
.que
.correctness
.notanswered
.focus
, .que
.correctness
.incorrect:focus
, .que
.correctness
.incorrect
.focus
{
15811 box-shadow: 0 0 0 0.2rem rgba
(202, 49, 32, 0.5); }
15814 margin-bottom: 1.5em; }
15816 .que .validationerror {
15823 margin-top: 0.5em; }
15829 .que .history table {
15833 .que .history .current {
15834 font-weight: bold
; }
15836 .que .questioncorrectnessicon {
15837 vertical-align: text-bottom
; }
15839 body
.jsenabled
.questionflag input
[type
=checkbox
] {
15842 .que .questionflagimage {
15843 padding-right: 3px;
15849 border-bottom: 1px solid
#555; }
15851 .mform .que.comment .fitemtitle {
15854 #page-question-preview #techinfo
{
15857 #page-question-preview .collapsibleregion
.collapsibleregioncaption
,
15858 #page-question-preview .collapsibleregion
.collapsibleregionextracontent
{
15859 display: inline-block
; }
15861 #page-mod-quiz-edit ul
.slots
.activityinstance
> a
{
15864 align-items: center
;
15868 #page-mod-quiz-edit ul
.slots
.activityinstance img
.activityicon
{
15872 padding-right: 4px; }
15874 #page-mod-quiz-edit .activity img
.activityicon
{
15875 vertical-align: text-top
; }
15877 #page-mod-quiz-edit .box
.generalbox
.questionbank
{
15880 #page-mod-quiz-edit .questionbank
.categorypagingbarcontainer
,
15881 #page-mod-quiz-edit .questionbank
.categoryquestionscontainer
,
15882 #page-mod-quiz-edit .questionbank
.choosecategory
{
15885 #page-mod-quiz-edit .questionbank
.choosecategory select
{
15888 #page-mod-quiz-edit div
.questionbank
.categoryquestionscontainer
{
15889 background: transparent
; }
15891 #page-mod-quiz-edit .questionbankwindow div
.header
{
15894 margin: 0 -10px 0 -10px;
15895 padding: 2px 10px 2px 10px;
15896 background: transparent
;
15897 /* Old browsers */ }
15899 #page-mod-quiz-edit .questionbankwindow div
.header
a:link
,
15900 #page-mod-quiz-edit .questionbankwindow div
.header
a:visited
{
15903 #page-mod-quiz-edit .questionbankwindow div
.header
a:hover
{
15906 #page-mod-quiz-edit .createnewquestion
{
15907 padding: 0.3em 0; }
15908 #page-mod-quiz-edit .createnewquestion div
,
15909 #page-mod-quiz-edit .createnewquestion input
{
15912 #page-mod-quiz-edit .questionbankwindow div
.header
.title
{
15915 #page-mod-quiz-edit div
.container div
.generalbox
{
15916 background-color: transparent
;
15919 #page-mod-quiz-edit .categoryinfo
{
15920 background-color: transparent
;
15921 border-bottom: none
; }
15923 #page-mod-quiz-edit .createnewquestion
.singlebutton input
{
15924 margin-bottom: 0; }
15926 #page-mod-quiz-edit div
.questionbank
.categorysortopotionscontainer
,
15927 #page-mod-quiz-edit div
.questionbank
.categoryselectallcontainer
{
15928 padding: 0 0 1.5em 0; }
15930 #page-mod-quiz-edit div
.questionbank
.categorypagingbarcontainer
{
15931 background-color: transparent
;
15934 border-bottom: 0; }
15935 #page-mod-quiz-edit div
.questionbank
.categorypagingbarcontainer
.paging
{
15936 padding: 0 0.3em; }
15938 #page-mod-quiz-edit div
.question div
.content div
.questioncontrols
{
15939 background-color: #fff; }
15941 #page-mod-quiz-edit div
.question div
.content div
.points
{
15942 margin-top: -0.5em;
15945 background-color: #fff;
15949 margin-right: 60px; }
15951 #page-mod-quiz-edit div
.question div
.content div
.points br
{
15954 #page-mod-quiz-edit div
.question div
.content div
.points label
{
15955 display: inline-block
; }
15957 #page-mod-quiz-edit div
.quizpage
.pagecontent
.pagestatus
{
15958 background-color: #fff; }
15960 #page-mod-quiz-edit .quizpagedelete
,
15961 #page-mod-quiz-edit .quizpagedelete img
{
15962 background-color: transparent
; }
15964 #page-mod-quiz-edit div
.quizpage
.pagecontent
{
15965 border: 1px solid
#ddd;
15966 overflow: hidden
; }
15968 #page-mod-quiz-edit div
.questionbank
.categoryinfo
{
15969 padding: 0.3em 0; }
15971 #page-mod-quiz-edit div
.questionbank
.modulespecificbuttonscontainer
{
15973 #page-mod-quiz-edit div
.questionbank
.modulespecificbuttonscontainer strong
{
15975 #page-mod-quiz-edit div
.questionbank
.modulespecificbuttonscontainer hr
,
15976 #page-mod-quiz-edit div
.questionbank
.modulespecificbuttonscontainer br
{
15978 #page-mod-quiz-edit div
.questionbank
.modulespecificbuttonscontainer strong
{
15979 margin-left: -0.3em; }
15980 #page-mod-quiz-edit div
.questionbank
.modulespecificbuttonscontainer strong label
{
15981 margin-left: 0.3em; }
15982 #page-mod-quiz-edit div
.questionbank
.modulespecificbuttonscontainer input
{
15984 #page-mod-quiz-edit div
.questionbank
.modulespecificbuttonscontainer input
+ input
{
15985 margin-left: 5px; }
15987 .questionbankwindow .module {
15990 .questionbankwindow .form-autocomplete-selection {
15993 #page-mod-quiz-edit div
.editq div
.question div
.content
{
15994 background-color: #fff;
15995 border: 1px solid
#ddd;
15996 overflow: hidden
; }
15998 #page-mod-quiz-edit ul
.slots
.activityinstance img
.activityicon
{
16000 padding-right: 4px; }
16002 .path-mod-quiz .statedetails {
16004 font-size: 0.9em; }
16009 .que.shortanswer .answer {
16015 body
.path-question-type
.mform fieldset
.hidden
{
16017 margin: 0.7em 0 0; }
16020 .que.ddwtos .drop {
16021 box-sizing: content-box
; }
16023 .tag-condition-container {
16024 position: relative
; }
16026 @media (max-width: 767.98px) {
16034 .userprofile .fullprofilelink {
16035 text-align: center
;
16038 .userprofile .page-context-header {
16039 margin-bottom: 10px; }
16041 .userprofile .description {
16043 margin-bottom: 30px; }
16045 .userprofile .profile_tree {
16048 #participantsform .no-overflow
{
16049 overflow: visible
; }
16051 .userprofile dl.list > dd + dt {
16058 text-align: center
;
16062 #page-user-profile .node_category ul
,
16063 .path-user .node_category ul {
16068 #page-user-profile .node_category li
,
16069 .path-user .node_category li {
16072 #page-user-profile .node_category
.editprofile
,
16073 #page-user-profile .node_category
.viewmore
,
16074 .path-user
.node_category
.editprofile
,
16075 .path-user .node_category .viewmore {
16076 text-align: right
; }
16078 .ajax-contact-button {
16079 box-sizing: border-box
;
16080 position: relative
; }
16081 .ajax-contact-button.loading .loading-icon {
16083 .ajax-contact-button .loading-icon {
16085 position: absolute
;
16090 background-color: rgba
(255, 255, 255, 0.7); }
16091 .ajax-contact-button .loading-icon .icon {
16092 position: absolute
;
16095 transform: translate
(-50%, -50%); }
16097 @media (max-width: 480px) {
16098 .userprofile .profile_tree {
16099 /** Display the profile on one column on phones@mixin */
16100 column-count: 1; } }
16102 .userlist #showall {
16105 .userlist .buttons {
16106 text-align: center
; }
16108 .userlist .buttons label {
16111 .userlist table#participants {
16112 text-align: center
; }
16114 .userlist table#participants td {
16117 vertical-align: middle
; }
16119 .userlist table#participants th {
16123 .userlist table.controls {
16125 .userlist table.controls tr {
16126 vertical-align: top
; }
16127 .userlist table.controls .right {
16128 text-align: right
; }
16129 .userlist table.controls .groupselector {
16132 .userlist table.controls .groupselector label {
16138 border-collapse: separate
;
16141 .userinfobox
.left
,
16142 .userinfobox .side {
16144 vertical-align: top
; }
16146 .userinfobox .userpicture {
16150 .userinfobox .content {
16151 vertical-align: top
; }
16153 .userinfobox .links {
16156 vertical-align: bottom
; }
16158 .userinfobox .links a {
16161 .userinfobox .list td {
16164 .userinfobox .username {
16165 padding-bottom: 20px;
16166 font-weight: bold
; }
16168 .userinfobox td.label {
16170 white-space: nowrap
;
16171 vertical-align: top
;
16172 font-weight: bold
; }
16175 position: absolute
;
16177 margin-right: 0.6em; }
16182 margin-right: 1em; }
16183 .group-image .grouppicture {
16184 border-radius: 50%; }
16186 .groupinfobox .left {
16189 vertical-align: top
; }
16191 .course-participation #showall {
16192 text-align: center
;
16195 #user-policy .noticebox
{
16196 text-align: center
;
16198 margin-right: auto
;
16199 margin-bottom: 10px;
16203 #user-policy #policyframe
{
16210 .userselector select {
16213 .userselector div {
16214 margin-top: 0.2em; }
16216 .userselector div label {
16217 margin-right: 0.3em; }
16219 /* Next style does not work in all browsers but looks nicer when it does */
16220 .userselector .userselector-infobelow {
16221 font-size: 0.8em; }
16223 #userselector_options .collapsibleregioncaption
{
16224 font-weight: bold
; }
16226 #userselector_options p
{
16228 text-align: left
; }
16230 /** user full profile */
16231 #page-user-profile .messagebox
{
16232 text-align: center
;
16234 margin-right: auto
; }
16236 /** user course profile */
16237 #page-course-view-weeks .messagebox
{
16238 text-align: center
;
16240 margin-right: auto
; }
16242 .profileeditor > .singleselect {
16243 margin: 0 0.5em 0 0; }
16245 .profileeditor > .singlebutton {
16246 display: inline-block
;
16247 margin: 0 0 0 0.5em; }
16248 .profileeditor
> .singlebutton div
,
16249 .profileeditor > .singlebutton input {
16252 .userlist h3 .action-icon {
16255 #page-enrol-users .popover
{
16258 .user-enroller-panel {
16261 [data-filterverbfor
],
16262 [data-filterregion
="filter"]:last-child
[data-filterregion
="joinadverb"] {
16265 [data-filterverb
="0"] [data-filterverbfor
="0"],
16266 [data-filterverb
="1"] [data-filterverbfor
="1"],
16267 [data-filterverb
="2"] [data-filterverbfor
="2"] {
16270 .search-results .result {
16274 .search-results .result .result-content {
16277 .search-results .result .filename {
16278 font-style: italic
; }
16280 .simplesearchform .btn {
16281 padding-left: 0.5rem;
16282 padding-right: 0.5rem; }
16284 .simplesearchform .btn .icon {
16287 .simplesearchform .btn-submit {
16288 border-color: #8f959e;
16291 .simplesearchform
.btn-close
,
16292 .simplesearchform .btn-clear {
16293 position: absolute
;
16299 .simplesearchform .btn-close {
16302 .simplesearchform .btn-submit {
16303 background-color: #f8f9fa; }
16305 .simplesearchform .withclear {
16306 padding-right: 2rem; }
16308 .simplesearchform .searchinput {
16312 .simplesearchform .collapsing {
16317 @media (max-width: 991.98px) {
16318 .simplesearchform
.collapse
.show
,
16319 .simplesearchform .collapsing {
16320 position: absolute
;
16325 background-color: #fff;
16328 .simplesearchform
.collapse
.show
.form-inline
,
16329 .simplesearchform .collapsing .form-inline {
16332 margin-right: auto
; } }
16334 .navbar.navbar-light .simplesearchform .btn-open {
16335 color: rgba
(0, 0, 0, 0.6); }
16336 .navbar.navbar-light .simplesearchform .btn-open:hover {
16337 color: rgba
(0, 0, 0, 0.9); }
16339 .search-areas-actions {
16340 margin-bottom: 1rem; }
16342 .search-areas-actions > div {
16343 margin-right: 1rem;
16344 display: inline-block
; }
16346 #core-search-areas .lastcol li
{
16348 text-indent: -24px; }
16350 #core-search-areas .lastcol li
> i
{
16354 * Moodle forms HTML isn't changeable via renderers (yet?) so this
16355 * .less file imports styles from the bootstrap $variables file and
16356 * adds them to the existing Moodle form CSS ids and classes.
16359 .jsenabled .mform .containsadvancedelements .advanced {
16362 .mform .containsadvancedelements .advanced.show {
16365 #adminsettings span
.error
{
16366 display: inline-block
;
16367 border: 1px solid
#f0c5c1;
16368 border-radius: 4px;
16369 background-color: #f4d6d2;
16371 margin-bottom: 4px; }
16373 .mform
.form-inline
.form-control
,
16374 .mform .form-inline .custom-select {
16377 .mform .form-inline .form-group {
16378 margin: 0.1rem 0.25rem 0.1rem 0; }
16380 .mform .form-inline br + label {
16381 justify-content: flex-start
;
16385 .unresponsive
.mform
.form-inline
,
16386 .unresponsive.mform .form-inline label {
16387 display: inline-flex
; }
16389 #jump-to-activity.custom-select
{
16393 margin-bottom: 0.5rem;
16394 border-bottom: 1px solid
#dee2e6; }
16396 @media (min-width: 576px) {
16397 .mform > .form-group {
16398 margin-left: 1.5rem; } }
16400 #adminsettings .form-control
[size
] {
16403 .jsenabled .mform .collapsed .fcontainer {
16406 #adminsettings .error
{
16409 .mform ul.file-list {
16412 list-style: none
; }
16415 .mform label .adv {
16419 input#id_externalurl
{
16422 #portfolio-add-button {
16426 .form-label .form-shortname {
16429 .form-label .form-shortname {
16430 font-size: 0.703125rem;
16433 .form-item .form-inline {
16436 .form-inline label:not(.sr-only):not(.accesshide) + select {
16437 margin-left: 0.5rem; }
16439 .formsettingheading .form-horizontal {
16442 .no-felement.fstatic {
16444 padding-top: 5px; }
16446 .no-fitem .fstaticlabel {
16447 font-weight: bold
; }
16449 .form-item .form-setting .defaultsnext > input {
16450 display: inline-block
; }
16452 .form-item .form-setting .form-checkbox.defaultsnext {
16454 display: inline-block
; }
16456 #adminsettings h3
{
16460 margin-bottom: 1.5;
16461 font-size: 1.171875rem;
16464 border-bottom: 1px solid
#e5e5e5; }
16467 .mform
.fitem
.felement input
[name
="email"],
16468 .mform
.fitem
.felement input
[name
="email2"],
16469 .mform
.fitem
.felement input
[name
="url"],
16470 .mform
.fitem
.felement input
[name
="idnumber"],
16471 .mform
.fitem
.felement input
[name
="phone1"],
16472 .mform .fitem .felement input[name="phone2"] {
16476 .que.match .mediaplugin {
16480 #page-admin-grade-edit-scale-edit .error input#id_name
{
16481 margin-right: 170px; }
16483 #page-grade-edit-outcome-course .courseoutcomes
{
16485 margin-right: auto
;
16488 #page-grade-edit-outcome-course .courseoutcomes td
{
16489 text-align: center
; }
16491 /* Install Process' text fields Forms, should always be justified to the left */
16493 #installform #id_wwwroot
,
16494 #installform #id_dirroot
,
16495 #installform #id_dataroot
,
16496 #installform #id_dbhost
,
16497 #installform #id_dbname
,
16498 #installform #id_dbuser
,
16499 #installform #id_dbpass
,
16500 #installform #id_prefix
{
16503 .mdl-right > label {
16504 display: inline-block
; }
16509 .form-item .form-label label {
16510 margin-bottom: 0; }
16512 div#dateselector-calendar-panel
{
16514 /* Set higher than the z-index of the filemanager - see MDL-39047. */ }
16516 fieldset
.coursesearchbox label
{
16520 * Show the labels above text editors and file managers except on wide screens.
16522 /* Section and module editing forms contain special JS components for the
16523 availability system (if enabled). */
16524 #id_availabilityconditionsjson[aria-hidden
=true
],
16525 .availability-field [aria-hidden=true] {
16528 .availability-field label {
16529 display: inline-flex
; }
16531 .availability-field .availability-group label {
16532 vertical-align: top
; }
16534 .availability-eye {
16538 .availability-inner
,
16539 .availability-plugincontrols {
16541 border: 1px solid rgba
(0, 0, 0, 0.125);
16543 margin-top: 0.5rem; }
16545 .availability-plugincontrols
,
16546 .availability-childlist .availability-inner {
16547 margin-left: .625rem; }
16549 .availability-field .availability-plugincontrols .availability-group select {
16550 max-width: 12rem; }
16552 /* Custom styles for autocomplete form element */
16553 /* These styles reserve a standard amount of space in the DOM to avoid flicker when the original select element is replaced */
16554 [data-fieldtype
=autocomplete
] select
,
16555 [data-fieldtype
=tags
] select
,
16556 .form-autocomplete-original-select {
16557 visibility: hidden
;
16564 margin-top: 1.65625rem;
16565 vertical-align: bottom
; }
16567 .form-autocomplete-selection {
16569 min-height: 2.375rem; }
16571 .form-autocomplete-selection [role=option] {
16573 white-space: inherit
;
16574 word-break: break-word
;
16576 text-align: left
; }
16578 .form-autocomplete-suggestions {
16579 position: absolute
;
16580 background-color: white
;
16581 border: 1px solid
#8f959e;
16585 margin: 0.125rem 0 0;
16589 .form-autocomplete-suggestions li {
16590 list-style-type: none
;
16591 padding: 0.25rem 1.5rem;
16595 .form-autocomplete-suggestions li:hover, .form-autocomplete-suggestions li:focus, .form-autocomplete-suggestions li[aria-selected="true"] {
16596 background-color: #0f6fc5;
16598 .form-autocomplete-suggestions li::before {
16599 content: "\200B"; }
16601 .form-autocomplete-downarrow {
16606 .form-autocomplete-downarrow .loading-icon {
16607 position: absolute
;
16610 background-color: #fff; }
16612 /** Undo some bootstrap things */
16613 .form-autocomplete-selection + input.form-control {
16615 display: inline-block
;
16616 vertical-align: middle
; }
16618 .form-autocomplete-selection [data-active-selection=true] {
16620 font-size: large
; }
16622 select
.form-control
[size
], select
.form-control
[multiple
] {
16623 padding-right: 0; }
16624 select
.form-control
[size
] option
, select
.form-control
[multiple
] option
{
16625 width: fit-content
; }
16627 /* Non-bootstrap selects with a size show their contents outside of the element.
16628 * Remove when we update to stable bootstrap 4. (MDL-56511) */
16634 overflow: visible
; }
16636 textarea
[data-auto-rows
] {
16637 overflow-x: hidden
;
16640 /** Display elements under labels in vertical forms regardless of the screen size. */
16641 .mform.full-width-labels .fitem.row {
16644 .mform
.full-width-labels
.fitem
.row
> .col-md-3
,
16645 .mform.full-width-labels .fitem.row > .col-md-9 {
16651 .mform.full-width-labels .fitem.row.femptylabel > .col-md-3 {
16653 .mform.full-width-labels .fitem.row .form-control {
16656 .mform .col-form-label .form-label-addon {
16657 margin-left: 0.25rem; }
16659 @media (min-width: 576px) {
16660 .mform:not(.full-width-labels) .col-form-label .form-label-addon {
16661 margin-left: auto
; } }
16663 /** Allow wrapping an mform in a div with the form-inline class to have an inline, responsive form. */
16664 @media (min-width: 768px) {
16665 .form-inline
.col-md-9
,
16666 .form-inline .col-md-3 {
16667 margin-bottom: 1rem;
16669 .form-inline
.col-md-9 label
,
16670 .form-inline .col-md-3 label {
16671 margin-left: 1rem; } }
16673 [data-fieldtype
="modgrade"] .form-group
{
16674 padding-bottom: 0.375rem; }
16676 [data-fieldtype
="modgrade"] {
16677 background-color: #fff;
16678 border: 1px solid rgba
(0, 0, 0, 0.125);
16681 max-width: 30rem; }
16683 [data-filetypesbrowserbody
] [aria-expanded
="false"] > [role
="group"],
16684 [data-filetypesbrowserbody
] [aria-expanded
="false"] [data-filetypesbrowserfeature
="hideifcollapsed"],
16685 [data-filetypesbrowserbody
] [aria-expanded
="true"] [data-filetypesbrowserfeature
="hideifexpanded"] {
16688 .form-inline
[data-fieldtype
="autocomplete"],
16689 .form-inline[data-fieldtype="tags"] {
16692 [data-fieldtype
="editor"] > div
{
16695 @media (min-width: 576px) {
16697 margin-left: 1.5rem; }
16698 .mform fieldset.collapsible legend a.fheader {
16699 padding: 0 5px 0 1.5rem;
16700 margin-left: -1.5rem;
16701 background: url
([[pix:t
/expanded
]]) 0 center no-repeat
; }
16702 .mform fieldset.collapsed legend a.fheader {
16704 background-image: url([[pix:t/collapsed_rtl]]);
16707 background-image: url
([[pix:t
/collapsed
]]); }
16708 .mform .form-inline .fdefaultcustom label {
16709 justify-content: initial
; } }
16711 .input-group.form-inset .form-inset-item {
16712 position: absolute
;
16713 padding-top: calc
(0.375rem + 1px);
16716 .input-group.form-inset.form-inset-left .form-control {
16717 padding-left: 1.5rem; }
16719 .input-group.form-inset.form-inset-right .form-control {
16720 padding-right: 1.5rem; }
16722 .input-group.form-inset.form-inset-right .form-inset-item {
16725 .pagelayout-login .card-title h2 img {
16727 max-height: 100px; }
16729 .pagelayout-login #region-main {
16731 background-color: inherit
; }
16737 .path-mod-choice .horizontal .choices .option {
16738 display: inline-block
; }
16740 .path-mod-choice .choices .option label {
16741 vertical-align: top
; }
16743 .path-mod-feedback .feedback_form .col-form-label {
16744 display: block
!important
;
16745 /* stylelint-disable-line declaration-no-important */ }
16747 .path-mod-feedback .itemactions {
16750 .path-mod-feedback .itemhandle {
16751 position: absolute
;
16754 .path-mod-forum
.forumsearch input
,
16755 .path-mod-forum .forumsearch .helptooltip {
16758 .path-mod-forum
.forumheaderlist
,
16759 .path-mod-forum .forumheaderlist td {
16762 .path-mod-forum
.forumheaderlist thead
.header
,
16763 .path-mod-forum .forumheaderlist tbody .discussion td {
16764 white-space: normal
;
16765 vertical-align: top
;
16766 padding-left: 0.5em;
16767 padding-right: 0.5em; }
16769 .path-mod-forum .forumheaderlist thead .header {
16770 white-space: normal
;
16771 vertical-align: top
; }
16773 .path-mod-forum .forumheaderlist thead .header.replies {
16774 text-align: center
; }
16776 .path-mod-forum .forumheaderlist thead .header.lastpost {
16777 text-align: right
; }
16779 .path-mod-forum
.forumheaderlist thead
.header th
.discussionsubscription
,
16780 .path-mod-forum .forumheaderlist tbody .discussion td.discussionsubscription {
16782 padding-left: 0.5em;
16783 padding-right: 0.5em; }
16785 .path-mod-forum
.forumheaderlist
.discussion
.replies
,
16786 .path-mod-forum .forumheaderlist .discussion .lastpost {
16787 white-space: normal
; }
16789 .path-mod-forum
.forumheaderlist
.discussion
.discussionsubscription
,
16790 .path-mod-forum .forumheaderlist .discussion .replies {
16791 text-align: center
; }
16793 .path-mod-forum
.forumheaderlist
.discussion
.topic
,
16794 .path-mod-forum
.forumheaderlist
.discussion
.discussionsubscription
,
16795 .path-mod-forum
.forumheaderlist
.discussion
.topic
.starter
,
16796 .path-mod-forum
.forumheaderlist
.discussion
.replies
,
16797 .path-mod-forum .forumheaderlist .discussion .lastpost {
16798 vertical-align: top
; }
16800 .path-mod-forum .discussion-list .topic {
16801 font-weight: inherit
; }
16803 .path-mod-forum .subscriptionmode {
16806 .path-mod-forum .activesetting {
16808 font-weight: bold
; }
16810 .discussion-settings-container .custom-select {
16813 .discussion-settings-container input {
16817 border: 1px solid
#dee2e6;
16820 .forumpost .header {
16821 margin-bottom: 3px; }
16822 .forumpost .picture img {
16824 .forumpost .picture img.userpicture {
16826 margin-right: 10px; }
16827 .forumpost .content .posting.fullpost {
16831 .forumpost
.row
.topic
,
16832 .forumpost
.row
.content-mask
,
16833 .forumpost .row .options {
16834 margin-left: 48px; }
16835 .forumpost .row.side {
16838 .forumpost .row .left {
16841 .forumpost .options .commands {
16844 .forumpost .subject {
16845 font-weight: bold
; }
16847 .forumsearch input[type=text] {
16848 margin-bottom: 0; }
16850 #page-mod-forum-view table
.fit-content
{
16852 white-space: nowrap
; }
16854 #page-mod-forum-view table
.limit-width
{
16856 white-space: nowrap
;
16857 text-overflow: ellipsis
;
16858 overflow: hidden
; }
16859 #page-mod-forum-view table
.limit-width
.author-info
{
16860 max-width: calc
(100% - 35px - .5rem); }
16862 #page-mod-forum-discuss .discussioncontrols
{
16865 #page-mod-forum-discuss .discussioncontrols
.form-inline input
{
16866 margin-top: -1px; }
16868 /** Gently highlight the selected post by changing it's background to blue and then fading it out. */
16869 @keyframes background-highlight
{
16871 background-color: rgba
(0, 123, 255, 0.5); }
16873 background-color: inherit
; } }
16875 .path-mod-forum
.nested-v2-display-mode
,
16876 .path-mod-forum.nested-v2-display-mode {
16877 /** Reset the badge styling back to pill style. */
16878 /** Style the ratings like a badge. */
16879 /** Don't show the discussion locked alert in this mode because it's already indicated with a badge. */
16880 /** Fix muted text contrast ratios for accessibility. */
16881 /** Make the tag list text screen reader visible only */ }
16882 .path-mod-forum
.nested-v2-display-mode
.discussionsubscription
,
16883 .path-mod-forum.nested-v2-display-mode .discussionsubscription {
16885 text-align: inherit
;
16886 margin-bottom: 0; }
16887 .path-mod-forum
.nested-v2-display-mode
.preload-subscribe
,
16888 .path-mod-forum
.nested-v2-display-mode
.preload-unsubscribe
,
16889 .path-mod-forum
.nested-v2-display-mode
.preload-subscribe
,
16890 .path-mod-forum.nested-v2-display-mode .preload-unsubscribe {
16892 .path-mod-forum
.nested-v2-display-mode
.post-message
,
16893 .path-mod-forum.nested-v2-display-mode .post-message {
16894 line-height: 1.6; }
16895 .path-mod-forum
.nested-v2-display-mode
.indent
,
16896 .path-mod-forum.nested-v2-display-mode .indent {
16898 .path-mod-forum
.nested-v2-display-mode
.badge
,
16899 .path-mod-forum.nested-v2-display-mode .badge {
16900 font-size: inherit
;
16901 font-weight: inherit
;
16902 padding-left: .5rem;
16903 padding-right: .5rem;
16904 border-radius: 10rem; }
16905 .path-mod-forum
.nested-v2-display-mode
.badge-light
,
16906 .path-mod-forum.nested-v2-display-mode .badge-light {
16907 background-color: #f6f6f6;
16909 .path-mod-forum
.nested-v2-display-mode
.rating-aggregate-container
,
16910 .path-mod-forum.nested-v2-display-mode .rating-aggregate-container {
16911 background-color: #f6f6f6;
16913 padding: .25em .5em;
16915 margin-right: .5rem;
16916 vertical-align: middle
;
16917 border-radius: 10rem;
16918 text-align: center
; }
16919 .path-mod-forum
.nested-v2-display-mode
.ratinginput
,
16920 .path-mod-forum.nested-v2-display-mode .ratinginput {
16921 padding: .25em 1.75rem 0.25em .75em;
16924 border-radius: 10rem; }
16925 @media
(max-width: 767.98px) {
16926 .path-mod-forum
.nested-v2-display-mode
.ratinginput
,
16927 .path-mod-forum.nested-v2-display-mode .ratinginput {
16928 margin-top: .5rem; } }
16929 .path-mod-forum
.nested-v2-display-mode
.group-image
,
16930 .path-mod-forum.nested-v2-display-mode .group-image {
16935 display: inline-block
; }
16936 .path-mod-forum
.nested-v2-display-mode
.alert
.discussionlocked
,
16937 .path-mod-forum.nested-v2-display-mode .alert.discussionlocked {
16938 position: absolute
;
16944 clip: rect
(0, 0, 0, 0);
16945 white-space: nowrap
;
16947 .path-mod-forum
.nested-v2-display-mode
.text-muted
,
16948 .path-mod-forum
.nested-v2-display-mode
.dimmed_text
,
16949 .path-mod-forum
.nested-v2-display-mode
.text-muted
,
16950 .path-mod-forum.nested-v2-display-mode .dimmed_text {
16951 color: #707070 !important
;
16952 /* stylelint-disable-line declaration-no-important */ }
16953 .path-mod-forum
.nested-v2-display-mode
.author-header
,
16954 .path-mod-forum.nested-v2-display-mode .author-header {
16955 font-style: italic
; }
16956 .path-mod-forum
.nested-v2-display-mode
.author-header
.author-name
,
16957 .path-mod-forum.nested-v2-display-mode .author-header .author-name {
16958 font-style: normal
; }
16959 .path-mod-forum
.nested-v2-display-mode
.tag_list
> b
,
16960 .path-mod-forum.nested-v2-display-mode .tag_list > b {
16961 position: absolute
;
16967 clip: rect
(0, 0, 0, 0);
16968 white-space: nowrap
;
16970 .path-mod-forum
.nested-v2-display-mode :target
> .focus-target
,
16971 .path-mod-forum.nested-v2-display-mode :target > .focus-target {
16972 animation-name: background-highlight
;
16973 animation-duration: 1s;
16974 animation-timing-function: ease-in-out
;
16975 animation-iteration-count: 1; }
16976 .path-mod-forum
.nested-v2-display-mode
.forum-post-container
.replies-container
.forum-post-container
,
16977 .path-mod-forum.nested-v2-display-mode .forum-post-container .replies-container .forum-post-container {
16978 border-top: 1px solid
#dee2e6;
16979 padding-top: 1.5rem; }
16980 .path-mod-forum
.nested-v2-display-mode
.forum-post-container
.replies-container
.forum-post-container
.replies-container
.forum-post-container
,
16981 .path-mod-forum.nested-v2-display-mode .forum-post-container .replies-container .forum-post-container .replies-container .forum-post-container {
16984 .path-mod-forum
.nested-v2-display-mode
.forum-post-container
.replies-container
.inline-reply-container
.reply-author
,
16985 .path-mod-forum.nested-v2-display-mode .forum-post-container .replies-container .inline-reply-container .reply-author {
16987 .path-mod-forum
.nested-v2-display-mode
.forum-post-container
.post-message
p:last-of-type
,
16988 .path-mod-forum.nested-v2-display-mode .forum-post-container .post-message p:last-of-type {
16989 margin-bottom: 0; }
16990 .path-mod-forum
.nested-v2-display-mode
.forum-post-container
.author-image-container
,
16991 .path-mod-forum.nested-v2-display-mode .forum-post-container .author-image-container {
16993 margin-right: 24px;
16995 .path-mod-forum
.nested-v2-display-mode
.forum-post-container
.inline-reply-container textarea
,
16996 .path-mod-forum.nested-v2-display-mode .forum-post-container .inline-reply-container textarea {
16999 .path-mod-forum
.nested-v2-display-mode
.forum-post-container
.indent
,
17000 .path-mod-forum.nested-v2-display-mode .forum-post-container .indent {
17002 * The first post and first set of replies have a larger author image so offset the 2nd
17003 * set of replies by the image width + margin to ensure they align.
17005 .path-mod-forum
.nested-v2-display-mode
.forum-post-container
.indent
.indent
,
17006 .path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent {
17007 padding-left: 94px;
17009 * Reduce the size of the the author image for all second level replies (and below).
17012 * Adjust the indentation offset for all 3rd level replies and below for the smaller author image.
17014 .path-mod-forum
.nested-v2-display-mode
.forum-post-container
.indent
.indent
.author-image-container
,
17015 .path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent .author-image-container {
17018 padding-top: 3px; }
17019 .path-mod-forum
.nested-v2-display-mode
.forum-post-container
.indent
.indent
.indent
,
17020 .path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent .indent {
17021 padding-left: 38px;
17023 * Stop indenting the replies after the 5th reply.
17025 .path-mod-forum
.nested-v2-display-mode
.forum-post-container
.indent
.indent
.indent
.indent
.indent
.indent
,
17026 .path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent .indent .indent .indent .indent {
17029 /** Extra small devices (portrait phones, less than 576px). */
17030 @media (max-width: 767.98px) {
17031 #page-mod-forum-discuss.nested-v2-display-mode
.forum-post-container
.author-image-container
{
17033 margin-right: 8px; }
17034 #page-mod-forum-discuss.nested-v2-display-mode
.forum-post-container
.indent
.indent
{
17035 padding-left: 38px; }
17036 #page-mod-forum-discuss.nested-v2-display-mode
.forum-post-container
.indent
.indent
.indent
.indent
{
17038 #page-mod-forum-discuss.nested-v2-display-mode
.group-image
{
17042 .filter-scrollable {
17045 margin-bottom: 1em; }
17047 .filter-dates-popover {
17049 max-width: 41.5em; }
17050 .filter-dates-popover .mform {
17051 margin-left: -3em; }
17053 /* stylelint-disable-line max-line-length */
17054 @keyframes expandSearchButton
{
17058 border-radius: 18px;
17059 background-color: #e9ecef; }
17062 height: calc
(1.5em + 1rem + 2px);
17064 background-color: #fff;
17065 border-color: #8f959e;
17066 padding-left: calc
(0.5rem + 8px);
17067 padding-top: 0.5rem;
17068 padding-bottom: 0.5rem;
17069 font-size: 1.171875rem;
17070 @media
(max-width: 1200px) {
17071 font-size: calc
(0.9271875rem + 0.32625vw) ; }
17075 @keyframes collapseSearchButton
{
17078 height: calc
(1.5em + 1rem + 2px);
17080 background-color: #fff;
17081 border-color: #8f959e;
17082 padding-left: calc
(0.5rem + 8px);
17083 padding-top: 0.5rem;
17084 padding-bottom: 0.5rem;
17085 font-size: 1.171875rem;
17086 @media
(max-width: 1200px) {
17087 font-size: calc
(0.9271875rem + 0.32625vw) ; }
17093 border-radius: 18px;
17094 background-color: #e9ecef; } }
17096 .path-mod-forum .unified-grader .navbar {
17100 .path-mod-forum .unified-grader .body-container {
17102 .path-mod-forum .unified-grader .body-container.hidden {
17103 display: none
!important
;
17104 /* stylelint-disable-line declaration-no-important */ }
17106 .path-mod-forum .unified-grader .userpicture {
17110 .path-mod-forum .unified-grader .grader-grading-panel {
17112 position: absolute
;
17116 .path-mod-forum .unified-grader .grader-grading-panel.hidden {
17118 .path-mod-forum .unified-grader .grader-grading-panel .grading-icon {
17120 .path-mod-forum .unified-grader .grader-grading-panel .user-picker-container .user-full-name {
17121 max-width: 240px; }
17122 .path-mod-forum .unified-grader .grader-grading-panel .user-picker-container .page-link {
17126 text-align: center
;
17127 align-items: center
;
17128 justify-content: center
; }
17129 .path-mod-forum .unified-grader .grader-grading-panel .header-container {
17131 position: relative
;
17132 overflow: hidden
; }
17133 .path-mod-forum .unified-grader .grader-grading-panel .header-container .info-container {
17134 position: absolute
;
17137 transform: translateY
(-50%);
17141 padding-right: calc
(36px + 0.5rem);
17143 visibility: visible
;
17144 transition: left
0.3s ease-in-out
;
17146 .path-mod-forum .unified-grader .grader-grading-panel .header-container .toggle-search-button.expand {
17147 animation-name: expandSearchButton
;
17148 animation-duration: 0.3s;
17149 animation-timing-function: ease-in-out
; }
17150 .path-mod-forum .unified-grader .grader-grading-panel .header-container .toggle-search-button.collapse {
17152 animation-name: collapseSearchButton
;
17153 animation-duration: 0.3s; }
17154 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container {
17156 position: absolute
;
17159 transform: translateY
(-50%);
17162 height: 100% !important
;
17163 /* stylelint-disable-line declaration-no-important */
17165 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container {
17166 position: relative
;
17168 flex-wrap: nowrap
; }
17169 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container input {
17170 padding-left: calc
(0.5rem + 0.5rem + 34px);
17171 padding-right: calc
(0.5rem + 36px);
17173 visibility: visible
;
17174 transition: opacity
0s linear
0.3s, visibility
0s linear
; }
17175 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .search-icon {
17176 position: absolute
;
17179 transform: translateY
(-50%);
17183 background-color: #fff;
17185 visibility: visible
;
17186 transition: opacity
0s linear
0.3s, visibility
0s linear
0.3s; }
17187 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .toggle-search-button {
17188 position: absolute
;
17191 transform: translateY
(-50%);
17196 transition: right
0s linear
0.3s; }
17197 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .toggle-search-button .expanded-icon {
17199 visibility: visible
;
17202 transition: opacity
0s linear
0.3s, max-height
0s linear
0.3s, max-width
0s linear
0.3s, visibility
0s linear
0.3s; }
17203 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .toggle-search-button .collapsed-icon {
17205 visibility: hidden
;
17209 transition: opacity
0s linear
0.3s, max-height
0s linear
0.3s, max-width
0s linear
0.3s, visibility
0s linear
0.3s; }
17210 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed {
17211 width: calc
(36px + 0.5rem + 0.5rem);
17212 transition: width
0.3s ease-in-out
; }
17213 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container {
17214 flex-wrap: nowrap
; }
17215 .path-mod-forum
.unified-grader
.grader-grading-panel
.header-container
.user-search-container
.collapsed
.search-input-container input
,
17216 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container .search-icon {
17218 visibility: hidden
;
17219 transition: opacity
0s linear
, visibility
0s linear
; }
17220 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container input {
17222 padding-right: 0; }
17223 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container .toggle-search-button .expanded-icon {
17225 visibility: hidden
;
17229 transition: opacity
0s linear
, max-height
0s linear
, max-width
0s linear
, visibility
0s linear
; }
17230 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container .toggle-search-button .collapsed-icon {
17232 visibility: visible
;
17235 transition: opacity
0s linear
, max-height
0s linear
, max-width
0s linear
, visibility
0s linear
; }
17236 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container:not(.collapsed) + .info-container {
17238 visibility: hidden
;
17239 left: calc
(100% * -1);
17240 transition: left
0.3s ease-in-out
, opacity
0s linear
0.3s, visibility
0s linear
0.3s, padding
0s linear
0.3s; }
17242 .path-mod-forum .unified-grader .grader-module-content {
17244 margin-right: 430px;
17245 transition: margin-right
0.2s ease-in-out
; }
17246 @media
(prefers-reduced-motion: reduce
) {
17247 .path-mod-forum .unified-grader .grader-module-content {
17248 transition: none
; } }
17250 .path-mod-forum .unified-grader .drawer-button {
17251 position: relative
; }
17252 .path-mod-forum .unified-grader .drawer-button.active::after {
17254 position: absolute
;
17255 bottom: calc
(-0.5rem - 1px);
17259 background-color: #0f6fc5; }
17260 .path-mod-forum .unified-grader .drawer-button .icon {
17265 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container:last-of-type > hr {
17268 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container:last-of-type > hr {
17271 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container {
17272 position: relative
; }
17273 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button {
17274 position: absolute
;
17279 padding-left: calc
(1rem + 45px);
17282 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button:not(.collapsed) {
17284 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content {
17286 height: auto
!important
;
17287 /* stylelint-disable-line declaration-no-important */ }
17288 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .header {
17289 transition: margin-bottom
0.3s ease-in-out
; }
17290 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .header div + div {
17292 visibility: visible
;
17294 transition: opacity
0.3s linear
, visibility
0s linear
; }
17295 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .body-content-container {
17297 visibility: visible
;
17299 transition: opacity
0.3s linear
, visibility
0s linear
; }
17300 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .forum-post-core {
17302 visibility: visible
;
17304 transition: opacity
0.3s linear
, visibility
0s linear
; }
17305 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content {
17307 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .header {
17308 margin-bottom: 0 !important
;
17309 /* stylelint-disable-line declaration-no-important */ }
17310 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .header div + div {
17312 visibility: hidden
;
17314 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .body-content-container {
17316 visibility: hidden
;
17318 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .forum-post-core {
17320 visibility: hidden
;
17322 .path-mod-forum
.unified-grader
.grader-module-content-display
.discussion-container
.posts-container
.parent-container
.show-content-button
.collapsed:hover
+ .content
,
17323 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed:focus + .content {
17326 .path-mod-forum .unified-grader .grader-module-content-display .no-post-container .icon {
17331 .path-mod-forum .unified-grader .grader-module-content-display .nested-v2-display-mode .discussion-container .posts-container .parent-container .show-content-button {
17332 padding-left: 94px; }
17334 .path-mod-forum .unified-grader .no-search-results-container .icon {
17339 .path-mod-forum .unified-grader .nested-v2-display-mode .view-context-button {
17341 border-radius: 0.3rem; }
17343 .path-mod-forum .unified-grader .nested-v2-display-mode .parent-container .author-image-container {
17344 position: relative
; }
17345 .path-mod-forum .unified-grader .nested-v2-display-mode .parent-container .author-image-container:after {
17346 position: absolute
;
17347 top: calc
(70px + 0.5rem);
17349 background-color: #e9ecef;
17351 height: calc
(100% - 70px + 0.5rem); }
17353 .path-mod-forum .unified-grader .nested-v2-display-mode .parent-container + .post-container .author-image-container img {
17354 width: 30px !important
;
17355 /* stylelint-disable-line declaration-no-important */ }
17357 .path-mod-forum
.unified-grader
.nested-v2-display-mode
.post-subject
,
17358 .path-mod-forum .modal .nested-v2-display-mode .post-subject {
17361 @media (max-width: 575.98px) {
17362 .path-mod-forum .unified-grader .grader-grading-panel {
17365 height: calc
(100vh - 50px);
17368 .path-mod-forum .unified-grader .body-container {
17369 overflow: visible
; } }
17371 .maincalendar
.calendarmonth td
,
17372 .maincalendar .calendarmonth th {
17373 border: 1px dotted
#dee2e6; }
17375 .path-grade-report-grader h1 {
17376 text-align: inherit
; }
17378 #page-mod-chat-gui_basic input#message
{
17381 #page-mod-data-view #singleimage
{
17384 .path-mod-data form {
17385 margin-top: 10px; }
17387 .template_heading {
17388 margin-top: 10px; }
17390 .breadcrumb-button {
17393 .breadcrumb-button .singlebutton {
17395 margin-left: 4px; }
17401 -ms-touch-action: auto
; }
17406 /** General styles (scope: all of lesson) **/
17407 .path-mod-lesson .invisiblefieldset.fieldsetfix {
17410 .path-mod-lesson .answeroption .checkbox label p {
17413 .path-mod-lesson .form-inline label.form-check-label {
17414 display: inline-block
; }
17416 .path-mod-lesson .slideshow {
17420 #page-mod-lesson-view .branchbuttoncontainer
.singlebutton button
[type
="submit"] {
17421 white-space: normal
; }
17423 #page-mod-lesson-view .vertical
.singlebutton
{
17425 #page-mod-lesson-view .vertical
.singlebutton
+ .singlebutton
{
17427 margin-top: 1rem; }
17429 #page-mod-lesson-view .fitem
.felement
.custom-select
{
17430 align-self: flex-start
; }
17432 .path-mod-lesson .generaltable td {
17433 vertical-align: middle
; }
17434 .path-mod-lesson .generaltable td label {
17435 margin-bottom: 0; }
17436 .path-mod-lesson .generaltable td .highlight {
17437 display: inline-block
;
17438 margin-left: 0.25rem; }
17439 .path-mod-lesson .generaltable td input[type="checkbox"] {
17442 .path-mod-wiki
.wiki_headingtitle
,
17443 .path-mod-wiki
.midpad
,
17444 .path-mod-wiki .wiki_headingtime {
17445 text-align: inherit
; }
17447 .path-mod-wiki .wiki_contentbox {
17450 .path-mod-survey .surveytable > tbody > tr:nth-of-type(even) {
17451 background-color: rgba
(0, 0, 0, 0.05); }
17453 .path-mod-survey .surveytable .rblock label {
17454 text-align: center
; }
17457 margin-left: 4px; }
17464 line-height: 2.25rem; }
17466 .userloggedinas
.usermenu
.usertext
,
17467 .userswitchedrole
.usermenu
.usertext
,
17468 .loginfailures .usermenu .usertext {
17471 margin-right: 0.5rem;
17473 .userloggedinas
.usermenu
.usertext
.meta
,
17474 .userswitchedrole
.usermenu
.usertext
.meta
,
17475 .loginfailures .usermenu .usertext .meta {
17477 font-size: 0.8203125rem; }
17479 .userloggedinas
.usermenu
.avatar img
,
17480 .userswitchedrole
.usermenu
.avatar img
,
17481 .loginfailures .usermenu .avatar img {
17484 .userloggedinas .usermenu .userbutton .avatars {
17485 position: relative
;
17486 display: inline-block
; }
17487 .userloggedinas .usermenu .userbutton .avatars .avatar.current {
17488 display: inline-block
;
17489 position: absolute
;
17494 border-radius: 50%; }
17495 .userloggedinas .usermenu .userbutton .avatars .avatar.current img {
17496 vertical-align: baseline
; }
17497 .userloggedinas .usermenu .userbutton .avatars .avatar img {
17500 .userloggedinas .usermenu .userbutton .avatars .realuser {
17503 display: inline-block
; }
17505 @media (max-width: 767.98px) {
17509 .path-mod-quiz .mod-quiz-edit-content {
17510 margin-bottom: 10rem; }
17512 #page-mod-quiz-mod #id_reviewoptionshdr
.col-md-3
,
17513 #page-mod-quiz-mod #id_reviewoptionshdr
.col-md-9
{
17517 #page-mod-quiz-mod #id_reviewoptionshdr
.form-group
{
17520 display: inline-block
;
17521 min-height: 12rem; }
17523 #page-mod-quiz-mod #id_reviewoptionshdr
.btn-link
{
17525 vertical-align: bottom
; }
17527 #page-mod-quiz-mod #id_reviewoptionshdr
.form-inline
{
17531 #page-mod-quiz-mod #id_reviewoptionshdr
.form-check
{
17534 justify-content: flex-start
; }
17536 #page-mod-quiz-mod #id_reviewoptionshdr
.review_option_item
{
17540 .path-mod-quiz #mod_quiz_navblock .qnbutton {
17541 text-decoration: none
;
17544 font-weight: normal
;
17545 background-color: #fff;
17546 background-image: none
;
17549 border-radius: 3px;
17552 margin: 0 6px 6px 0; }
17554 .path-mod-quiz #mod_quiz_navblock span.qnbutton {
17556 background-color: #e9ecef;
17559 .path-mod-quiz #mod_quiz_navblock a
.qnbutton:hover
,
17560 .path-mod-quiz #mod_quiz_navblock a
.qnbutton:active
,
17561 .path-mod-quiz #mod_quiz_navblock a.qnbutton:focus {
17562 text-decoration: underline
; }
17564 .path-mod-quiz #mod_quiz_navblock .qnbutton .thispageholder {
17566 border-radius: 3px;
17569 .path-mod-quiz #mod_quiz_navblock .qnbutton.thispage .thispageholder {
17570 border-width: 3px; }
17572 .path-mod-quiz #mod_quiz_navblock .allquestionsononepage .qnbutton.thispage .thispageholder {
17573 border-width: 1px; }
17575 .path-mod-quiz #mod_quiz_navblock .qnbutton.flagged .thispageholder {
17576 background: transparent url
([[pix:theme|mod
/quiz
/flag-on
]]) 15px 0 no-repeat
; }
17578 .path-mod-quiz #mod_quiz_navblock .qnbutton .trafficlight {
17580 background: #fff none center
/10px no-repeat scroll
;
17583 border-radius: 0 0 3px 3px; }
17585 .path-mod-quiz #mod_quiz_navblock
.qnbutton
.notyetanswered
.trafficlight
,
17586 .path-mod-quiz #mod_quiz_navblock .qnbutton.invalidanswer .trafficlight {
17587 background-color: #fff; }
17589 .path-mod-quiz #mod_quiz_navblock .qnbutton.invalidanswer .trafficlight {
17590 background-image: url
([[pix:theme|mod
/quiz
/warningtriangle
]]); }
17592 .path-mod-quiz #mod_quiz_navblock .qnbutton.correct .trafficlight {
17593 background-image: url
([[pix:theme|mod
/quiz
/checkmark
]]);
17594 background-color: #357a32; }
17596 .path-mod-quiz #mod_quiz_navblock .qnbutton.blocked .trafficlight {
17597 background-image: url
([[pix:core|t
/locked
]]);
17598 background-color: #e9ecef; }
17600 .path-mod-quiz #mod_quiz_navblock
.qnbutton
.notanswered
.trafficlight
,
17601 .path-mod-quiz #mod_quiz_navblock .qnbutton.incorrect .trafficlight {
17602 background-color: #ca3120; }
17604 .path-mod-quiz #mod_quiz_navblock .qnbutton.partiallycorrect .trafficlight {
17605 background-image: url
([[pix:theme|mod
/quiz
/whitecircle
]]);
17606 background-color: #f0ad4e; }
17608 .path-mod-quiz #mod_quiz_navblock
.qnbutton
.complete
.trafficlight
,
17609 .path-mod-quiz #mod_quiz_navblock
.qnbutton
.answersaved
.trafficlight
,
17610 .path-mod-quiz #mod_quiz_navblock .qnbutton.requiresgrading .trafficlight {
17611 background-color: #6c757d; }
17613 #page-mod-quiz-edit ul
.slots li
.section li
.activity
.instancemaxmarkcontainer form input
{
17615 vertical-align: middle
; }
17617 #page-mod-quiz-edit ul
.slots li
.section li
.activity
.instancemaxmarkcontainer
{
17621 /* Countdown timer. */
17622 #page-mod-quiz-attempt #region-main
{
17623 overflow-x: inherit
; }
17625 #quiz-timer-wrapper {
17628 justify-content: end
;
17631 #quiz-timer-wrapper #quiz-timer
{
17632 border: 1px solid
#ca3120;
17633 background-color: #fff; }
17635 .pagelayout-embedded #quiz-timer-wrapper {
17638 #quiz-timer-wrapper #quiz-timer
.timeleft0
{
17639 background-color: #ca3120;
17642 #quiz-timer-wrapper #quiz-timer
.timeleft1
{
17643 background-color: #d73422;
17646 #quiz-timer-wrapper #quiz-timer
.timeleft2
{
17647 background-color: #dd3d2b;
17650 #quiz-timer-wrapper #quiz-timer
.timeleft3
{
17651 background-color: #e04938;
17654 #quiz-timer-wrapper #quiz-timer
.timeleft4
{
17655 background-color: #e25546;
17658 #quiz-timer-wrapper #quiz-timer
.timeleft5
{
17659 background-color: #e46153;
17662 #quiz-timer-wrapper #quiz-timer
.timeleft6
{
17663 background-color: #e66d60;
17666 #quiz-timer-wrapper #quiz-timer
.timeleft7
{
17667 background-color: #e8796d;
17670 #quiz-timer-wrapper #quiz-timer
.timeleft8
{
17671 background-color: #ea867a;
17674 #quiz-timer-wrapper #quiz-timer
.timeleft9
{
17675 background-color: #ec9288;
17678 #quiz-timer-wrapper #quiz-timer
.timeleft10
{
17679 background-color: #ee9e95;
17682 #quiz-timer-wrapper #quiz-timer
.timeleft11
{
17683 background-color: #f0aaa2;
17686 #quiz-timer-wrapper #quiz-timer
.timeleft12
{
17687 background-color: #f2b6af;
17690 #quiz-timer-wrapper #quiz-timer
.timeleft13
{
17691 background-color: #f4c2bc;
17694 #quiz-timer-wrapper #quiz-timer
.timeleft14
{
17695 background-color: #f7ceca;
17698 #quiz-timer-wrapper #quiz-timer
.timeleft15
{
17699 background-color: #f9dad7;
17702 #quiz-timer-wrapper #quiz-timer
.timeleft16
{
17703 background-color: #fbe6e4;
17706 .path-mod-assign [data-region="grade-actions-panel"] [data-region="grade-actions"] .collapse-buttons {
17709 .path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fcontainer .fitem.popout .felement {
17710 height: calc
(100% - 4rem); }
17712 .path-mod-assign [data-region="grade-panel"] {
17713 padding-top: 1rem; }
17715 .path-mod-assign
[data-region
="grade-panel"] .fitem
> .col-md-3
,
17716 .path-mod-assign [data-region="grade-panel"] .fitem > .col-md-9 {
17722 .path-mod-assign
[data-region
="grade-panel"] fieldset
,
17723 .path-mod-assign [data-region="grade-panel"] .fitem.row {
17726 .path-mod-assign [data-region="grade-panel"] .mform .fitem.has-popout .felement {
17729 .path-mod-assign [data-region="grade-panel"] .mform .fitem .felement {
17732 .path-mod-assign [data-region="grade-panel"] .popout {
17733 background-color: #fff; }
17735 .path-mod-assign [data-region="grade-panel"] .fitem.has-popout {
17736 background-color: #fff;
17737 border: 1px solid rgba
(0, 0, 0, 0.125);
17739 margin-bottom: 1rem; }
17741 .path-mod-assign [data-region="grade-panel"] .has-popout .col-md-3 {
17742 border-bottom: 1px solid rgba
(0, 0, 0, 0.1);
17743 margin-bottom: 1rem; }
17745 .path-mod-assign [data-region="grade-panel"] .popout > .col-md-3 {
17747 align-items: flex-start
;
17748 justify-content: space-between
;
17749 font-size: 1.40625rem; }
17751 .path-mod-assign [data-region="grade-panel"] .popout [data-region="popout-button"] {
17754 .path-mod-assign [data-region="assignment-info"] {
17755 overflow-y: hidden
; }
17757 .path-mod-assign [data-region="grading-navigation"] {
17760 .path-mod-assign [data-region="grade-actions"] {
17763 .path-mod-assign [data-region="user-info"] .img-rounded {
17766 .path-mod-assign [data-region="grading-navigation-panel"] {
17769 @media (max-width: 767px) {
17770 .path-mod-assign [data-region="grading-navigation-panel"] {
17772 .path-mod-assign [data-region="user-info"] {
17773 margin-top: 1rem; } }
17775 .path-mod-assign [data-region="grading-navigation"] [data-region="input-field"] input {
17777 display: inline-block
; }
17782 .assignfeedback_editpdf_widget * {
17783 box-sizing: content-box
; }
17785 .assignfeedback_editpdf_widget button {
17786 box-sizing: border-box
; }
17788 .assignfeedback_editpdf_widget .commentcolourbutton img {
17791 .assignfeedback_editpdf_widget .label {
17792 position: relative
;
17793 padding: 0.75rem 1.25rem;
17794 margin-bottom: 1rem;
17795 border: 0 solid transparent
;
17797 background-color: #cce6ea;
17798 border-color: #b8dce2;
17799 /* stylelint-disable-line max-line-length */ }
17800 .assignfeedback_editpdf_widget .label hr {
17801 border-top-color: #a6d3db; }
17802 .assignfeedback_editpdf_widget .label .alert-link {
17805 .assignfeedback_editpdf_menu {
17808 .path-mod-assign [data-region="grade-panel"] .gradingform_guide .remark .commentchooser {
17811 .path-mod-assign [data-region="grade-panel"] .gradingform_guide .markingguideremark {
17814 .path-mod-assign [data-region="grade-panel"] .mform .fitem .felement[data-fieldtype="grading"] {
17815 padding-left: 1rem;
17816 padding-right: 1rem; }
17818 .path-mod-assign
[data-region
="grade-panel"] .showmarkerdesc
,
17819 .path-mod-assign [data-region="grade-panel"] .showstudentdesc {
17820 background-color: #fff; }
17825 .path-admin-mod-lti
.btn
.loader img
,
17826 .path-admin-mod-lti #tool-list-loader-container .loader img {
17829 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax {
17830 background-color: #fff; }
17831 .yui-skin-sam
.yui-layout
.path-mod-chat-gui_ajax
.yui-layout-unit div
.yui-layout-bd-nohd
,
17832 .yui-skin-sam
.yui-layout
.path-mod-chat-gui_ajax
.yui-layout-unit div
.yui-layout-bd-noft
,
17833 .yui-skin-sam
.yui-layout
.path-mod-chat-gui_ajax
.yui-layout-unit div
.yui-layout-bd
,
17834 .yui-skin-sam
.yui-layout
.path-mod-chat-gui_ajax
.yui-layout-unit-right
,
17835 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-bottom {
17837 .yui-skin-sam
.yui-layout
.path-mod-chat-gui_ajax
.yui-layout-unit-right
,
17838 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-bottom {
17839 border-radius: 0; }
17840 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd {
17841 background-color: transparent
; }
17842 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit.yui-layout-unit-center div.yui-layout-bd {
17843 background-color: #f8f9fa; }
17844 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area.py-3 {
17845 padding: 0 !important
;
17846 /* stylelint-disable-line declaration-no-important */ }
17847 .yui-skin-sam
.yui-layout
.path-mod-chat-gui_ajax #chat-input-area table
.generaltable
,
17848 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.generaltable td.cell {
17851 white-space: nowrap
;
17852 margin-bottom: 0; }
17853 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist {
17854 padding: 10px 5px; }
17855 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list {
17856 border-top: 1px solid
#dee2e6;
17857 border-bottom: 1px solid
#fff; }
17858 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list li {
17859 border-top: 1px solid
#fff;
17860 border-bottom: 1px solid
#dee2e6;
17861 padding: 5px 10px; }
17862 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list img {
17864 border: 1px solid
#ccc;
17865 border-radius: 4px;
17867 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages {
17868 margin: 20px 25px; }
17869 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-event.course-theme {
17870 text-align: center
;
17872 font-size: 0.8203125rem;
17874 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme {
17875 margin-bottom: 0.75rem;
17876 border: 1px solid rgba
(0, 0, 0, 0.125);
17877 padding: 1.25rem; }
17878 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme .time {
17882 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme {
17883 background-color: #fff; }
17884 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme .user {
17885 font-weight: bold
; }
17888 #page-report-participation-index .participationselectform div label
{
17889 display: inline-block
;
17892 #page-report-participation-index .participationselectform div label
[for
=menuinstanceid
] {
17895 .path-backup .mform {
17896 /* These are long labels with checkboxes on the right. */ }
17897 .path-backup .mform .grouped_settings {
17900 /* Use card styles but avoid extend because that brings in too much. */ }
17901 .path-backup .mform .grouped_settings.section_level {
17902 background-color: #fff;
17903 border: 1px solid rgba
(0, 0, 0, 0.125);
17905 margin-bottom: 1.25rem; }
17906 .path-backup .mform .grouped_settings.section_level::after {
17910 .path-backup .mform .include_setting {
17912 display: inline-block
;
17915 .path-backup .mform .normal_setting {
17917 display: inline-block
;
17922 /* Bold section labels */ }
17923 .path-backup .section_level {
17924 font-weight: bold
; }
17925 .path-backup .section_level .activity_level {
17926 font-weight: normal
; }
17927 .path-backup .proceedbutton {
17928 margin-left: auto
; }
17930 /* Override the columns width to leave more room for the labels. */
17931 .path-backup
.mform
.root_setting
,
17932 .path-backup .mform .grouped_settings {
17933 /* Striped rows like a table */ }
17934 .path-backup
.mform
.root_setting:nth-of-type
(odd
),
17935 .path-backup .mform .grouped_settings:nth-of-type(odd) {
17936 background-color: rgba
(0, 0, 0, 0.05); }
17937 .path-backup
.mform
.root_setting:nth-of-type
(even
),
17938 .path-backup .mform .grouped_settings:nth-of-type(even) {
17939 background-color: #fff; }
17940 .path-backup
.mform
.root_setting
.form-group
,
17941 .path-backup .mform .grouped_settings .form-group {
17942 /* These checkboxes with no label on the left. */ }
17943 .path-backup
.mform
.root_setting
.form-group
.col-md-3
.checkbox
,
17944 .path-backup .mform .grouped_settings .form-group .col-md-3.checkbox {
17946 .path-backup
.mform
.root_setting
.form-group
.col-md-9
.checkbox
,
17947 .path-backup .mform .grouped_settings .form-group .col-md-9.checkbox {
17951 /* Detail pair is (usually) some short label with a longer value */
17952 .path-backup .detail-pair .detail-pair-label {
17957 .path-backup .detail-pair .detail-pair-value {
17961 .path-backup .backup-restore .singlebutton {
17964 /* Make these bits full width and work with the detail-pair */
17965 .path-backup .backup-section {
17966 /* Fix for nested table headers */
17967 /* Add card styles to backup sections */
17968 background-color: #fff;
17969 border: 1px solid rgba
(0, 0, 0, 0.125);
17971 margin-bottom: 1.25rem; }
17972 .path-backup
.backup-section
.sub-header
,
17973 .path-backup
.backup-section
.backup-sub-section
,
17974 .path-backup
.backup-section
.singlebutton
,
17975 .path-backup .backup-section .header {
17979 .path-backup .backup-section th.header {
17982 .path-backup .backup-section ::after {
17986 .path-backup .backup-section::after {
17991 .path-backup .notification.dependencies_enforced {
17993 font-weight: bold
; }
17995 .path-backup .backup_progress {
17997 margin-bottom: 1rem; }
17998 .path-backup .backup_progress .backup_stage {
18000 .path-backup .backup_progress .backup_stage.backup_stage_current {
18004 .path-backup .backup_progress span.backup_stage.backup_stage_complete {
18007 #page-backup-restore .filealiasesfailures
{
18008 background-color: #f4d6d2; }
18009 #page-backup-restore .filealiasesfailures
.aliaseslist
{
18010 background-color: #fff; }
18012 .path-backup .wibbler {
18014 margin: 0 auto
10px;
18015 border-bottom: 1px solid black
;
18016 border-right: 1px solid black
;
18017 border-left: 1px solid black
;
18018 position: relative
;
18020 .path-backup .wibbler .wibble {
18021 position: absolute
;
18026 .path-backup .wibbler .state0 {
18027 background: #eee; }
18028 .path-backup .wibbler .state1 {
18029 background: #ddd; }
18030 .path-backup .wibbler .state2 {
18031 background: #ccc; }
18032 .path-backup .wibbler .state3 {
18033 background: #bbb; }
18034 .path-backup .wibbler .state4 {
18035 background: #aaa; }
18036 .path-backup .wibbler .state5 {
18037 background: #999; }
18038 .path-backup .wibbler .state6 {
18039 background: #888; }
18040 .path-backup .wibbler .state7 {
18041 background: #777; }
18042 .path-backup .wibbler .state8 {
18043 background: #666; }
18044 .path-backup .wibbler .state9 {
18045 background: #555; }
18046 .path-backup .wibbler .state10 {
18047 background: #444; }
18048 .path-backup .wibbler .state11 {
18049 background: #333; }
18050 .path-backup .wibbler .state12 {
18051 background: #222; }
18055 margin-bottom: 1rem;
18060 vertical-align: top
;
18061 border-top: 1px solid
#dee2e6; }
18062 .generaltable thead th {
18063 vertical-align: bottom
;
18064 border-bottom: 2px solid
#dee2e6; }
18065 .generaltable tbody + tbody {
18066 border-top: 2px solid
#dee2e6; }
18067 .generaltable tbody tr:nth-of-type(odd) {
18068 background-color: rgba
(0, 0, 0, 0.05); }
18069 .generaltable
.table-sm th
,
18070 .generaltable.table-sm td {
18072 .generaltable tbody tr:hover {
18074 background-color: rgba
(0, 0, 0, 0.075); }
18075 .generaltable tbody tr:hover.dimmed_text a:not(.menu-action) {
18083 caption-side: top
; }
18085 .table-dynamic .loading-icon {
18086 position: absolute
;
18087 left: calc
(50% - 1.5rem);
18089 .table-dynamic .loading-icon .icon {
18095 display: inline-block
; }
18096 .singlebutton + .singlebutton {
18097 margin-left: 0.5rem; }
18100 text-align: center
; }
18104 text-align: center
; }
18107 margin-top: 11.25rem;
18108 text-align: center
;
18109 margin-bottom: 3em; }
18110 #addcontrols label
{
18113 #addcontrols input
,
18114 #removecontrols input
{
18119 margin: 0 0 10px 5px; }
18127 border-radius: 50%;
18129 .btn.btn-icon:hover, .btn.btn-icon:focus {
18130 background-color: #e9ecef; }
18131 .btn.btn-icon.icon-size-0 {
18132 height: 20px !important
;
18133 /* stylelint-disable-line declaration-no-important */
18134 width: 20px !important
;
18135 /* stylelint-disable-line declaration-no-important */
18136 font-size: 0 !important
;
18137 /* stylelint-disable-line declaration-no-important */
18138 line-height: 0 !important
;
18139 /* stylelint-disable-line declaration-no-important */ }
18140 .btn.btn-icon.icon-size-1 {
18141 height: 24px !important
;
18142 /* stylelint-disable-line declaration-no-important */
18143 width: 24px !important
;
18144 /* stylelint-disable-line declaration-no-important */
18145 font-size: 4px !important
;
18146 /* stylelint-disable-line declaration-no-important */
18147 line-height: 4px !important
;
18148 /* stylelint-disable-line declaration-no-important */ }
18149 .btn.btn-icon.icon-size-2 {
18150 height: 28px !important
;
18151 /* stylelint-disable-line declaration-no-important */
18152 width: 28px !important
;
18153 /* stylelint-disable-line declaration-no-important */
18154 font-size: 8px !important
;
18155 /* stylelint-disable-line declaration-no-important */
18156 line-height: 8px !important
;
18157 /* stylelint-disable-line declaration-no-important */ }
18158 .btn.btn-icon.icon-size-3 {
18159 height: 36px !important
;
18160 /* stylelint-disable-line declaration-no-important */
18161 width: 36px !important
;
18162 /* stylelint-disable-line declaration-no-important */
18163 font-size: 16px !important
;
18164 /* stylelint-disable-line declaration-no-important */
18165 line-height: 16px !important
;
18166 /* stylelint-disable-line declaration-no-important */ }
18167 .btn.btn-icon.icon-size-4 {
18168 height: 44px !important
;
18169 /* stylelint-disable-line declaration-no-important */
18170 width: 44px !important
;
18171 /* stylelint-disable-line declaration-no-important */
18172 font-size: 24px !important
;
18173 /* stylelint-disable-line declaration-no-important */
18174 line-height: 24px !important
;
18175 /* stylelint-disable-line declaration-no-important */ }
18176 .btn.btn-icon.icon-size-5 {
18177 height: 52px !important
;
18178 /* stylelint-disable-line declaration-no-important */
18179 width: 52px !important
;
18180 /* stylelint-disable-line declaration-no-important */
18181 font-size: 32px !important
;
18182 /* stylelint-disable-line declaration-no-important */
18183 line-height: 32px !important
;
18184 /* stylelint-disable-line declaration-no-important */ }
18185 .btn.btn-icon.icon-size-6 {
18186 height: 60px !important
;
18187 /* stylelint-disable-line declaration-no-important */
18188 width: 60px !important
;
18189 /* stylelint-disable-line declaration-no-important */
18190 font-size: 40px !important
;
18191 /* stylelint-disable-line declaration-no-important */
18192 line-height: 40px !important
;
18193 /* stylelint-disable-line declaration-no-important */ }
18194 .btn.btn-icon.icon-size-7 {
18195 height: 68px !important
;
18196 /* stylelint-disable-line declaration-no-important */
18197 width: 68px !important
;
18198 /* stylelint-disable-line declaration-no-important */
18199 font-size: 48px !important
;
18200 /* stylelint-disable-line declaration-no-important */
18201 line-height: 48px !important
;
18202 /* stylelint-disable-line declaration-no-important */ }
18204 .btn-primary:focus, .btn-primary.focus {
18205 outline: 0.2rem solid
#010407;
18206 box-shadow: inset
0 0 0 2px #fff; }
18208 .btn-secondary:focus, .btn-secondary.focus {
18209 outline: 0.2rem solid
#5f6e7d;
18210 box-shadow: inset
0 0 0 2px #fff; }
18212 .btn-success:focus, .btn-success.focus {
18213 outline: 0.2rem solid black
;
18214 box-shadow: inset
0 0 0 2px #fff; }
18216 .btn-info:focus, .btn-info.focus {
18217 outline: 0.2rem solid black
;
18218 box-shadow: inset
0 0 0 2px #fff; }
18220 .btn-warning:focus, .btn-warning.focus {
18221 outline: 0.2rem solid
#694109;
18222 box-shadow: inset
0 0 0 2px #fff; }
18224 .btn-danger:focus, .btn-danger.focus {
18225 outline: 0.2rem solid
#1a0604;
18226 box-shadow: inset
0 0 0 2px #fff; }
18228 .btn-light:focus, .btn-light.focus {
18229 outline: 0.2rem solid
#8193a5;
18230 box-shadow: inset
0 0 0 2px #fff; }
18232 .btn-dark:focus, .btn-dark.focus {
18233 outline: 0.2rem solid black
;
18234 box-shadow: inset
0 0 0 2px #fff; }
18236 .btn-outline-primary:focus, .btn-outline-primary.focus {
18237 outline: 0.2rem solid
#010407;
18238 box-shadow: inset
0 0 0 2px #343a40; }
18240 .btn-outline-secondary:focus, .btn-outline-secondary.focus {
18241 outline: 0.2rem solid
#5f6e7d;
18242 box-shadow: inset
0 0 0 2px #343a40; }
18244 .btn-outline-success:focus, .btn-outline-success.focus {
18245 outline: 0.2rem solid black
;
18246 box-shadow: inset
0 0 0 2px #343a40; }
18248 .btn-outline-info:focus, .btn-outline-info.focus {
18249 outline: 0.2rem solid black
;
18250 box-shadow: inset
0 0 0 2px #343a40; }
18252 .btn-outline-warning:focus, .btn-outline-warning.focus {
18253 outline: 0.2rem solid
#694109;
18254 box-shadow: inset
0 0 0 2px #343a40; }
18256 .btn-outline-danger:focus, .btn-outline-danger.focus {
18257 outline: 0.2rem solid
#1a0604;
18258 box-shadow: inset
0 0 0 2px #343a40; }
18260 .btn-outline-light:focus, .btn-outline-light.focus {
18261 outline: 0.2rem solid
#8193a5;
18262 box-shadow: inset
0 0 0 2px #343a40; }
18264 .btn-outline-dark:focus, .btn-outline-dark.focus {
18265 outline: 0.2rem solid black
;
18266 box-shadow: inset
0 0 0 2px #343a40; }
18269 font-size: 0.9375rem; }
18271 .gradetreebox th
.cell
,
18272 .gradetreebox input[type=text] {
18275 .gradetreebox input
[type
=text
],
18276 .gradetreebox select {
18277 margin-bottom: 0; }
18279 .core_grades_notices .singlebutton {
18280 display: inline-block
; }
18282 .path-grade-report #maincontent + .urlselect {
18283 position: absolute
;
18286 .path-grade-report-grader #region-main {
18287 overflow-x: visible
;
18290 display: inline-flex
;
18291 flex-direction: column
; }
18292 .path-grade-report-grader #region-main > .card {
18294 overflow-x: initial
; }
18295 .path-grade-report-grader #region-main div[role="main"] {
18298 .path-grade-report-grader [data-region="blocks-column"] {
18302 #page-grade-grading-manage #activemethodselector label
{
18303 display: inline-block
; }
18305 #page-grade-grading-manage #activemethodselector
.helptooltip
{
18306 margin-right: 0.5em; }
18308 #page-grade-grading-manage .actions
{
18310 text-align: center
;
18311 margin-bottom: 1em; }
18312 #page-grade-grading-manage .actions
.action
{
18313 display: inline-block
;
18314 position: relative
;
18315 vertical-align: top
;
18317 text-align: center
;
18321 border: 1px solid
#aaa; }
18322 #page-grade-grading-manage .actions
.action
.action-text
{
18323 position: relative
;
18326 white-space: normal
; }
18328 #page-grade-grading-form-rubric-edit .gradingform_rubric_editform
.status
{
18331 #rubric-rubric.gradingform_rubric #rubric-criteria
{
18332 margin-bottom: 1em; }
18333 #rubric-rubric.gradingform_rubric #rubric-criteria
.criterion
.description
{
18334 vertical-align: top
;
18336 #rubric-rubric.gradingform_rubric #rubric-criteria
.criterion
.description textarea
{
18339 #rubric-rubric.gradingform_rubric #rubric-criteria
.criterion
.definition textarea
{
18341 margin-bottom: 0; }
18342 #rubric-rubric.gradingform_rubric #rubric-criteria
.criterion
.score
{
18343 position: relative
;
18345 margin-right: 28px; }
18346 #rubric-rubric.gradingform_rubric #rubric-criteria
.criterion
.score input
{
18347 margin-bottom: 0; }
18348 #rubric-rubric.gradingform_rubric #rubric-criteria
.criterion
.level
{
18349 vertical-align: top
;
18351 #rubric-rubric.gradingform_rubric #rubric-criteria
.criterion
.level
.delete
{
18352 position: relative
;
18358 #rubric-rubric.gradingform_rubric #rubric-criteria
.criterion
.level
.delete input
{
18360 position: absolute
;
18366 #rubric-rubric.gradingform_rubric #rubric-criteria
.criterion
.level
.delete
input:hover
{
18367 background-color: #ddd; }
18368 #rubric-rubric.gradingform_rubric #rubric-criteria
.criterion
.scorevalue input
{
18371 #rubric-rubric.gradingform_rubric #rubric-criteria
.criterion
.scorevalue input
.hiddenelement
, #rubric-rubric
.gradingform_rubric #rubric-criteria
.criterion
.scorevalue input
.pseudotablink
{
18373 #rubric-rubric.gradingform_rubric #rubric-criteria
.criterion
.addlevel
{
18374 vertical-align: top
;
18375 padding-top: 6px; }
18376 #rubric-rubric.gradingform_rubric #rubric-criteria
.criterion
.addlevel input
{
18378 line-height: 1rem; }
18380 #rubric-rubric.gradingform_rubric
.addcriterion
{
18383 margin-bottom: 1em; }
18384 #rubric-rubric.gradingform_rubric
.addcriterion input
{
18387 text-shadow: inherit
;
18389 line-height: inherit
;
18390 background: transparent url
([[pix:t
/add
]]) no-repeat
7px 8px;
18391 padding-left: 26px; }
18393 #rubric-rubric.gradingform_rubric
.options
{
18395 #rubric-rubric.gradingform_rubric
.options
.option label
{
18398 font-size: inherit
;
18399 font-weight: normal
;
18403 background-color: transparent
; }
18404 #rubric-rubric.gradingform_rubric
.options
.option input
{
18406 margin-right: 12px; }
18408 .grade-display .description {
18411 .criterion .description {
18414 .criterion .criterion-toggle .expanded-icon {
18417 .criterion .criterion-toggle .collapsed-icon {
18420 .criterion .criterion-toggle.collapsed .expanded-icon {
18423 .criterion .criterion-toggle.collapsed .collapsed-icon {
18426 .path-grade-edit-tree .setup-grades h4 {
18429 .path-grade-edit-tree .setup-grades .column-rowspan {
18435 .path-grade-edit-tree .setup-grades .category td.column-name {
18438 .path-grade-edit-tree .setup-grades td.column-name {
18439 padding-left: 24px; }
18441 .path-grade-edit-tree .setup-grades td.movehere {
18444 .path-grade-edit-tree .setup-grades td.movehere a.movehere {
18448 border: 2px dashed
#343a40; }
18450 .path-grade-edit-tree
.setup-grades
.category input
[type
="text"],
18451 .path-grade-edit-tree
.setup-grades
.category
.column-range
,
18452 .path-grade-edit-tree
.setup-grades
.categoryitem
,
18453 .path-grade-edit-tree .setup-grades .courseitem {
18454 font-weight: bold
; }
18456 .path-grade-edit-tree .setup-grades .emptyrow {
18459 .path-grade-edit-tree .setup-grades .gradeitemdescription {
18460 font-weight: normal
;
18461 padding-left: 24px; }
18463 .path-grade-edit-tree .setup-grades .column-weight {
18464 white-space: nowrap
; }
18465 .path-grade-edit-tree .setup-grades .column-weight.level3 {
18466 padding-left: 37px; }
18467 .path-grade-edit-tree .setup-grades .column-weight.level4 {
18468 padding-left: 66px; }
18469 .path-grade-edit-tree .setup-grades .column-weight.level5 {
18470 padding-left: 95px; }
18471 .path-grade-edit-tree .setup-grades .column-weight.level6 {
18472 padding-left: 124px; }
18473 .path-grade-edit-tree .setup-grades .column-weight.level7 {
18474 padding-left: 153px; }
18475 .path-grade-edit-tree .setup-grades .column-weight.level8 {
18476 padding-left: 182px; }
18477 .path-grade-edit-tree .setup-grades .column-weight.level9 {
18478 padding-left: 211px; }
18479 .path-grade-edit-tree .setup-grades .column-weight.level10 {
18480 padding-left: 240px; }
18482 .path-grade-edit-tree .setup-grades .column-range.level2 {
18483 padding-left: 37px; }
18485 .path-grade-edit-tree .setup-grades .column-range.level3 {
18486 padding-left: 66px; }
18488 .path-grade-edit-tree .setup-grades .column-range.level4 {
18489 padding-left: 95px; }
18491 .path-grade-edit-tree .setup-grades .column-range.level5 {
18492 padding-left: 124px; }
18494 .path-grade-edit-tree .setup-grades .column-range.level6 {
18495 padding-left: 153px; }
18497 .path-grade-edit-tree .setup-grades .column-range.level7 {
18498 padding-left: 182px; }
18500 .path-grade-edit-tree .setup-grades .column-range.level8 {
18501 padding-left: 211px; }
18503 .path-grade-edit-tree .setup-grades .column-range.level9 {
18504 padding-left: 240px; }
18506 .path-grade-edit-tree .setup-grades .column-range.level10 {
18507 padding-left: 269px; }
18509 .path-grade-edit-tree .setup-grades.generaltable .levelodd {
18510 background-color: rgba
(0, 0, 0, 0.05); }
18515 .path-grade-report-grader
.gradeparent tr
.cell
,
18516 .path-grade-report-grader .gradeparent .floater .cell {
18517 background-color: #fff; }
18519 .path-grade-report-grader
.gradeparent table
,
18520 .path-grade-report-grader .gradeparent .cell {
18521 border-color: #dee2e6; }
18523 .path-grade-report-grader
.gradeparent
.userrow
.odd
.cell
,
18524 .path-grade-report-grader
.gradeparent
.floater
.cell
.odd
,
18525 .path-grade-report-grader
.gradeparent
.heading
.cell
,
18526 .path-grade-report-grader
.gradeparent
.cell
.category
,
18527 .path-grade-report-grader .gradeparent .avg .cell {
18528 background-color: #f8f9fa; }
18530 .path-grade-report-grader .gradeparent table .clickable {
18536 .path-grade-report-user .user-grade {
18538 .path-grade-report-user .user-grade.generaltable .levelodd {
18539 background-color: rgba
(0, 0, 0, 0.05); }
18540 .path-grade-report-user
.user-grade
.column-contributiontocoursetotal
,
18541 .path-grade-report-user
.user-grade
.column-range
,
18542 .path-grade-report-user
.user-grade
.column-percentage
,
18543 .path-grade-report-user .user-grade .column-weight {
18550 .path-grade-report-singleview input[name^="finalgrade"] {
18553 .columns-autoflow-1to1to1 {
18556 @media (max-width: 767px) {
18557 .columns-autoflow-1to1to1 {
18558 column-count: 1; } }
18560 /* some very targetted corrections to roll back nameclashes between
18561 * Moodle and Bootstrap like .row, .label, .content, .controls
18563 * Mostly relies on these styles being more specific than the Bootstrap
18564 * ones in order to overule them.
18567 .file-picker td.label {
18568 background: inherit
;
18573 white-space: normal
;
18575 font-size: inherit
;
18576 line-height: inherit
;
18577 text-align: inherit
; }
18579 .file-picker td.label {
18580 display: table-cell
;
18581 text-align: right
; }
18583 .choosercontainer #chooseform .option label {
18586 /* block.invisible vs .invisible
18587 * block.hidden vs .invisible
18589 * uses .invisible where the rest of Moodle uses @mixin dimmed
18590 * fixible in block renderer?
18592 * There's seems to be even more naming confusion here since,
18593 * blocks can be actually 'visible' (or not) to students,
18594 * marked 'visible' but really just dimmed to indicate to editors
18595 * that students can't see them or 'visible' to the user who
18596 * collapses them, 'visible' if you have the right role and in
18597 * different circumstances different sections of a block can
18598 * be 'visible' or not.
18600 * currently worked around in renderers.php function block{}
18601 * by rewriting the class name "invisible" to "dimmed",
18602 * though the blocks don't look particularly different apart
18603 * from their contents disappearing. Maybe try .muted? or
18604 * dimming all the edit icons apart from unhide, might be a
18605 * nice effect, though they'd still be active. Maybe reverse
18611 visibility: visible
;
18616 * very tricky to track down this when it goes wrong,
18617 * since the styles are applied to generated content
18619 * basically if you see things shifted left or right compared
18620 * with where they should be check for a .row
18623 margin-left: 0 !important
;
18624 /* stylelint-disable-line declaration-no-important */ }
18626 .forumpost
.row:before
,
18627 .forumpost .row:after {
18630 /* fieldset.hidden vs .hidden
18632 * Moodle uses fieldset.hidden for mforms, to signify a collection of
18633 * form elements that don't have a box drawn round them. Bootstrap
18634 * uses hidden for stuff that is hidden in various responsive modes.
18636 * Relatedly, there is also fieldset.invisiblefieldset which hides the
18637 * border and sets the display to inline.
18639 * Originally this just set block and visible, but it is used
18640 * in random question dialogue in Quiz,
18641 * that dialogue is hidden and shown, so when hidden the
18642 * above workaround leaves you with a button floating around
18646 visibility: inherit
; }
18648 /* .container vs .container
18650 * bootstrap uses .container to set the width of the layout at 960px or so, Moodle uses it
18651 * in the Quiz to contain the questions to add. If you don't overule the Bootstrap code,
18652 * it becomes near unuseable.
18654 #questionbank + .container
{
18657 body:not
(.jsenabled
) .dropdown:hover
> .dropdown-menu
{
18659 margin-top: -6px; }
18661 body:not
(.jsenabled
) .langmenu:hover
> .dropdown-menu
,
18662 .langmenu.open > .dropdown-menu {
18665 overflow-y: auto
; }
18667 .navbar.fixed-top .dropdown .dropdown-menu {
18668 max-height: calc
(100vh - 50px);
18669 overflow-y: auto
; }
18671 .page-item.active .page-link, .page-item.active .page-link:hover, .page-item.active .page-link:focus {
18672 z-index: inherit
; }
18674 /* Force positioning of popover arrows.
18676 * The Css prefixer used in Moodle does not support complex calc statements used
18677 * in Bootstrap 4 CSS. For example:
18678 * calc((0.5rem + 1px) * -1); is stripped out by lib/php-css-parser/Parser.php.
18679 * See MDL-61879. For now the arrow positions of popovers are fixed until this is resolved.
18681 .bs-popover-right
.arrow
, .bs-popover-auto
[x-placement^
="right"] .arrow
,
18682 .bs-popover-auto[x-placement^="right"] .arrow {
18685 .bs-popover-left
.arrow
, .bs-popover-auto
[x-placement^
="left"] .arrow
,
18686 .bs-popover-auto[x-placement^="left"] .arrow {
18689 .bs-popover-top
.arrow
, .bs-popover-auto
[x-placement^
="top"] .arrow
,
18690 .bs-popover-auto[x-placement^="top"] .arrow {
18693 .bs-popover-bottom
.arrow
, .bs-popover-auto
[x-placement^
="bottom"] .arrow
,
18694 .bs-popover-auto[x-placement^="bottom"] .arrow {
18698 word-wrap: normal
; }
18700 /* Add commented out carousel transistions back in.
18702 * The Css prefixer used in Moodle breaks on @supports syntax, See MDL-61515.
18704 .carousel-item-next
.carousel-item-left
,
18705 .carousel-item-prev.carousel-item-right {
18706 transform: translateX
(0); }
18708 .carousel-item-next
,
18709 .active.carousel-item-right {
18710 transform: translateX
(100%); }
18712 .carousel-item-prev
,
18713 .active.carousel-item-left {
18714 transform: translateX
(-100%); }
18717 * Reset all of the forced style on the page.
18718 * - Remove borders on header and content.
18719 * - Remove most of the vertical padding.
18720 * - Make the content region flex grow so it pushes things like the
18721 * next activity selector to the bottom of the page.
18723 body
.reset-style #page-header
.card
{
18725 body
.reset-style #page-header
.card
.page-header-headings h1
{
18726 margin-bottom: 0; }
18727 @media
(max-width: 767.98px) {
18728 body
.reset-style #page-header
.card
.card-body
{
18730 padding-right: 0; } }
18732 body
.reset-style #page-header
> div
{
18733 padding-top: 0 !important
;
18734 /* stylelint-disable-line declaration-no-important */
18735 padding-bottom: 0 !important
;
18736 /* stylelint-disable-line declaration-no-important */ }
18738 body
.reset-style #page-content
{
18739 padding-bottom: 0 !important
;
18740 /* stylelint-disable-line declaration-no-important */ }
18741 body
.reset-style #page-content #region-main-box #region-main
{
18743 display: inline-flex
;
18744 flex-direction: column
;
18748 padding-left: 1.25rem;
18749 padding-right: 1.25rem;
18750 vertical-align: top
; }
18751 body
.reset-style #page-content #region-main-box #region-main div
[role
="main"] {
18753 body
.reset-style #page-content #region-main-box #region-main
.activity-navigation
{
18754 overflow: hidden
; }
18755 body
.reset-style #page-content #region-main-box #region-main
.has-blocks
{
18756 width: calc
(100% - 375px); }
18757 @media
(max-width: 1199.98px) {
18758 body
.reset-style #page-content #region-main-box #region-main
.has-blocks
{
18760 @media
(max-width: 767.98px) {
18761 body
.reset-style #page-content #region-main-box #region-main
{
18763 padding-right: 0; } }
18764 body
.reset-style #page-content #region-main-box
[data-region
="blocks-column"] {
18765 margin-left: auto
; }
18766 @media
(max-width: 1199.98px) {
18767 body
.reset-style #page-content #region-main-box
{
18769 flex-direction: column
; } }
18771 body
.reset-style select
,
18772 body
.reset-style input
,
18773 body
.reset-style textarea
,
18774 body
.reset-style
.btn:not
(.btn-icon
) {
18775 border-radius: 0.3rem; }
18777 body
.behat-site
.fixed-top
{
18778 position: absolute
; }
18780 body
.behat-site
.dropdown-item
{
18781 margin-top: 4px !important
;
18782 /* stylelint-disable declaration-no-important */ }
18784 body
.behat-site
.drawer-ease
{
18785 -webkit-transition: initial
;
18786 -moz-transition: initial
;
18787 transition: initial
; }
18789 body
.behat-site
[data-region
="drawer"] {
18790 -webkit-transition: initial
;
18791 -moz-transition: initial
;
18792 transition: initial
;
18793 position: absolute
; }
18795 body
.behat-site
.custom-control
,
18796 body
.behat-site
.custom-switch
{
18799 body
.behat-site
.custom-control-input
{
18804 body
.behat-site
.custom-control-label::before
, body
.behat-site
.custom-control-label::after
{
18807 body
.behat-site
[data-region
="message-drawer"] {
18808 padding-right: 10px; }
18818 border: 1px solid
#000;
18820 vertical-align: baseline
;
18822 background-color: #ccc; }
18825 background-color: #ccf;
18826 font-weight: bold
; }
18829 background-color: #99c;
18830 font-weight: bold
; }
18833 * This file contains the styles required to make the footer sticky.
18842 flex-direction: column
; }
18843 #page-wrapper #page
{
18846 flex-direction: column
; }
18847 #page-wrapper #page #page-content
{
18849 #page-wrapper #page-footer
{
18853 position: relative
; }
18854 .popover-region.collapsed .popover-region-toggle:before, .popover-region.collapsed .popover-region-toggle:after {
18856 .popover-region.collapsed .popover-region-container {
18858 visibility: hidden
;
18861 transition: height
0.25s, opacity
101ms 0.25s, visibility
101ms 0.25s; }
18863 .popover-region-toggle {
18865 .popover-region-toggle::before {
18867 display: inline-block
;
18868 border-left: 10px solid transparent
;
18869 border-right: 10px solid transparent
;
18870 border-bottom: 10px solid
#ddd;
18871 position: absolute
;
18874 .popover-region-toggle::after {
18876 display: inline-block
;
18877 border-left: 9px solid transparent
;
18878 border-right: 9px solid transparent
;
18879 border-bottom: 9px solid
#fff;
18880 position: absolute
;
18887 border-radius: 2px;
18888 background-color: red
;
18892 position: absolute
;
18896 .popover-region-container {
18898 visibility: visible
;
18899 position: absolute
;
18904 border: 1px solid
#ddd;
18905 transition: height
0.25s;
18906 background-color: #fff;
18909 .popover-region-header-container {
18913 padding-right: 5px;
18914 border-bottom: 1px solid
#ddd;
18915 box-sizing: border-box
; }
18917 .popover-region-footer-container {
18919 text-align: center
;
18920 border-top: 1px solid
#ddd;
18921 background-color: #fff;
18922 padding-top: 3px; }
18924 .popover-region-header-text {
18928 line-height: 25px; }
18930 .popover-region-header-actions {
18932 .popover-region-header-actions > * {
18935 display: inline-block
; }
18936 .popover-region-header-actions .loading-icon {
18940 .popover-region-header-actions .newmessage-link {
18941 margin-right: 10px; }
18942 .popover-region-header-actions label {
18943 display: inline-block
;
18944 text-align: center
;
18945 margin-bottom: 0; }
18947 .popover-region-content-container {
18948 height: calc
(100% - 55px);
18951 -webkit-overflow-scrolling: touch
; }
18952 .popover-region-content-container > .loading-icon {
18954 text-align: center
;
18956 box-sizing: border-box
; }
18957 .popover-region-content-container .empty-message {
18959 text-align: center
;
18961 .popover-region-content-container.loading > .loading-icon {
18963 .popover-region-content-container.loading .empty-message {
18966 .navbar .popover-region.collapsed .popover-region-container {
18968 visibility: hidden
;
18971 transition: height
0.25s, opacity
101ms 0.25s, visibility
101ms 0.25s; }
18973 .navbar .count-container {
18975 border-radius: 2px;
18976 background-color: red
;
18980 position: absolute
;
18984 .navbar .popover-region-container {
18987 .content-item-container {
18989 border-bottom: 1px solid
#ddd;
18990 box-sizing: border-box
;
18992 position: relative
;
18996 text-decoration: none
; }
18997 .content-item-container:hover {
18999 background-color: #79b5e6; }
19000 .content-item-container:hover .content-item-footer .timestamp {
19002 .content-item-container.unread {
19004 background-color: #f4f4f4; }
19005 .content-item-container.unread:hover {
19007 background-color: #79b5e6; }
19008 .content-item-container.unread .content-item-body .notification-message {
19009 font-weight: 600; }
19010 .content-item-container .context-link {
19012 text-decoration: none
; }
19013 .content-item-container .content-item-body {
19014 box-sizing: border-box
;
19015 margin-bottom: 5px; }
19016 .content-item-container .content-item-footer {
19018 box-sizing: border-box
; }
19019 .content-item-container .content-item-footer .timestamp {
19024 margin-left: 24px; }
19025 .content-item-container .view-more {
19026 position: absolute
;
19030 line-height: 12px; }
19031 .content-item-container.notification .content-item-body .notification-image {
19032 display: inline-block
;
19036 .content-item-container.notification .content-item-body .notification-image img {
19038 .content-item-container.notification .content-item-body .notification-message {
19039 display: inline-block
;
19041 width: calc
(100% - 24px); }
19042 .content-item-container.selected {
19043 background-color: #4f94cd;
19045 border-color: #4f94cd; }
19046 .content-item-container.selected .content-item-footer .timestamp {
19049 .popover-region-notifications .popover-region-header-container .mark-all-read-button .normal-icon {
19050 display: inline-block
; }
19052 .popover-region-notifications .popover-region-header-container .mark-all-read-button.loading .normal-icon {
19055 .popover-region-notifications .popover-region-header-container .mark-all-read-button.loading .loading-icon {
19056 display: inline-block
; }
19058 .popover-region-notifications .all-notifications {
19060 visibility: visible
;
19062 overflow: hidden
; }
19063 .popover-region-notifications .all-notifications:empty + .empty-message {
19066 .popover-region-notifications .notification-image {
19067 display: inline-block
;
19069 vertical-align: top
; }
19070 .popover-region-notifications .notification-image img {
19073 .popover-region-notifications .notification-message {
19074 display: inline-block
;
19077 .popover-region-notifications .popover-region-content-container.loading .all-notifications:empty + .empty-message {
19080 .popover-region-messages .mark-all-read-button .normal-icon {
19081 display: inline-block
; }
19083 .popover-region-messages .mark-all-read-button.loading .normal-icon {
19086 .popover-region-messages .mark-all-read-button.loading .loading-icon {
19087 display: inline-block
; }
19089 .popover-region-messages .popover-region-content-container.loading .popover-region-content .messages:empty + .empty-message {
19092 .popover-region-messages .messages:empty + .empty-message {
19095 .popover-region-messages .content-item-container.unread .content-item-body {
19097 width: calc
(90% - 30px); }
19099 .popover-region-messages .content-item-container.unread .unread-count-container {
19100 display: inline-block
;
19102 text-align: center
;
19105 .popover-region-messages .content-item {
19108 box-sizing: border-box
; }
19110 .popover-region-messages .profile-image-container {
19112 display: inline-block
;
19113 text-align: center
;
19115 .popover-region-messages .profile-image-container img {
19117 display: inline-block
;
19118 vertical-align: middle
;
19119 border-radius: 50%; }
19121 .popover-region-messages .content-item-body {
19122 display: inline-block
;
19123 box-sizing: border-box
;
19124 width: calc
(100% - 30px);
19126 padding-left: 10px;
19127 overflow: hidden
; }
19128 .popover-region-messages .content-item-body h3 {
19133 .popover-region-messages .content-item-body p {
19136 .popover-region-messages .unread-count-container {
19139 @media (max-width: 767px) {
19140 .navbar .popover-region .popover-region-container {
19143 @media (max-width: 480px) {
19144 .navbar .popover-region .popover-region-container {
19154 * Tour step must sit above all other UI components.
19155 * The backdrop is the lowest point in the tour.
19156 * Everything else is in the container, and the target background should be at the same z-index.
19158 * ---- step backdrop
19159 * --- step container
19160 * --- step target background
19162 div
[data-flexitour
="backdrop"] {
19163 background-color: #000;
19167 div
[data-flexitour
="step-background-fader"],
19168 div
[data-flexitour
="step-background"] {
19171 span
[data-flexitour
="container"],
19172 div
[data-flexitour
="step-background-fader"],
19173 [data-flexitour
="step-backdrop"] > td
,
19174 [data-flexitour
="step-backdrop"] {
19177 span
[data-flexitour
="container"] .modal-dialog
{
19179 * Remove all margins to:
19180 * 1) ensure that the arrow touches the target; and
19181 * 2) ensure that the focus border touches the modal.
19185 span
[data-flexitour
="container"] div
[data-role
="arrow"] {
19186 border-width: 1rem; }
19188 span
[data-flexitour
="container"] div
[data-role
="arrow"],
19189 span
[data-flexitour
="container"] div
[data-role
="arrow"]:after
{
19190 position: absolute
;
19194 border-color: transparent
;
19195 border-style: solid
;
19196 border-width: 1rem; }
19198 span
[data-flexitour
="container"][x-placement
="top"], span
[data-flexitour
="container"][x-placement
="top-start"] {
19199 margin-bottom: 1rem; }
19200 span
[data-flexitour
="container"][x-placement
="top"] div
[data-role
="arrow"], span
[data-flexitour
="container"][x-placement
="top-start"] div
[data-role
="arrow"] {
19203 margin-left: -1rem;
19204 border-bottom-width: 0;
19205 border-top-color: rgba
(0, 0, 0, 0.25); }
19206 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
{
19208 margin-left: -1rem;
19210 border-bottom-width: 0;
19211 border-top-color: #fff; }
19213 span
[data-flexitour
="container"][x-placement
="bottom"], span
[data-flexitour
="container"][x-placement
="bottom-start"] {
19214 margin-top: 1rem; }
19215 span
[data-flexitour
="container"][x-placement
="bottom"] div
[data-role
="arrow"], span
[data-flexitour
="container"][x-placement
="bottom-start"] div
[data-role
="arrow"] {
19218 margin-left: -1rem;
19219 border-top-width: 0;
19220 border-bottom-color: rgba
(0, 0, 0, 0.25); }
19221 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
{
19223 margin-left: -1rem;
19225 border-top-width: 0;
19226 border-bottom-color: #fff; }
19228 span
[data-flexitour
="container"][x-placement
="left"], span
[data-flexitour
="container"][x-placement
="left-start"] {
19229 margin-right: 1rem; }
19230 span
[data-flexitour
="container"][x-placement
="left"] div
[data-role
="arrow"], span
[data-flexitour
="container"][x-placement
="left-start"] div
[data-role
="arrow"] {
19234 border-right-width: 0;
19235 border-left-color: rgba
(0, 0, 0, 0.25); }
19236 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
{
19240 border-right-width: 0;
19241 border-left-color: #fff; }
19243 span
[data-flexitour
="container"][x-placement
="right"], span
[data-flexitour
="container"][x-placement
="right-start"] {
19244 margin-left: 1rem; }
19245 span
[data-flexitour
="container"][x-placement
="right"] div
[data-role
="arrow"], span
[data-flexitour
="container"][x-placement
="right-start"] div
[data-role
="arrow"] {
19249 border-left-width: 0;
19250 border-right-color: rgba
(0, 0, 0, 0.25); }
19251 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
{
19255 border-left-width: 0;
19256 border-right-color: #fff; }
19258 [data-region
="drawer"] [data-flexitour
="container"] {
19260 margin-left: -15px;
19264 body
.drawer-open-left
.jsenabled
,
19265 body
.drawer-open-right
.jsenabled
{
19270 .modal .modal-body > .loading-icon {
19272 position: relative
;
19275 .modal .modal-body > .loading-icon .icon {
19276 position: absolute
;
19280 transform: translate
(-50%, -50%); }
19282 .layout.fullscreen {
19292 background-color: #fff; }
19293 .layout.fullscreen > div {
19296 .layout.fullscreen .loading-icon {
19298 margin-right: auto
;
19299 text-align: center
;
19300 display: inline-block
;
19304 .layout.fullscreen .loading-icon .icon {
19309 .form-control:-ms-input-placeholder {
19313 -webkit-appearance: none
;
19314 -moz-appearance: none
; }
19317 -webkit-appearance: none
;
19318 -moz-appearance: none
; }
19319 .custom-range::-webkit-slider-thumb, .custom-range::-moz-range-thumb, .custom-range::-ms-thumb {
19320 -webkit-appearance: none
;
19321 -moz-appearance: none
; }
19323 input
[type
="date"].form-control
,
19324 input
[type
="time"].form-control
,
19325 input
[type
="datetime-local"].form-control
,
19326 input
[type
="month"].form-control
{
19327 -webkit-appearance: none
;
19328 -moz-appearance: none
; }
19330 @media (min-width: 576px) {
19332 -webkit-column-gap: 1.25rem;
19333 -moz-column-gap: 1.25rem; } }
19336 -webkit-backface-visibility: hidden
; }
19339 -webkit-background-clip: border-box
; }
19341 .carousel-indicators li
,
19347 -webkit-background-clip: padding-box
; }
19350 -webkit-user-select: none
;
19351 -ms-user-select: none
; }
19354 -webkit-user-select: all
!important
;
19355 /* stylelint-disable-line declaration-no-important */
19356 -ms-user-select: none
; }
19358 .user-select-auto {
19359 -webkit-user-select: auto
!important
;
19360 /* stylelint-disable-line declaration-no-important */
19361 -ms-user-select: none
; }
19363 .user-select-none {
19364 -webkit-user-select: none
!important
;
19365 /* stylelint-disable-line declaration-no-important */
19366 -ms-user-select: none
; }
19368 .editor_atto_content_wrap {
19369 background-color: white
;
19372 .editor_atto_content {
19377 .editor_atto_content_wrap
,
19378 .editor_atto + textarea {
19382 .editor_atto + textarea {
19385 margin-top: -1px; }
19387 div
.editor_atto_toolbar
{
19389 background: #f2f2f2;
19391 border: 1px solid
#8f959e;
19393 padding: 0 0 9px 0; }
19395 div
.editor_atto_toolbar button
{
19403 div
.editor_atto_toolbar button
+ button
{
19404 border-left: 1px solid
#ccc; }
19406 div
.editor_atto_toolbar button
[disabled
] {
19411 .editor_atto_toolbar button:hover {
19412 background-image: radial-gradient
(ellipse at center
, #fff 60%, #dfdfdf 100%);
19413 background-color: #ebebeb; }
19415 .editor_atto_toolbar
button:active
,
19416 .editor_atto_toolbar button.highlight {
19417 background-image: radial-gradient
(ellipse at center
, #fff 40%, #dfdfdf 100%);
19418 background-color: #dfdfdf; }
19420 /* Make firefox button sizes match other browsers */
19421 div
.editor_atto_toolbar
button::-moz-focus-inner
{
19425 div
.editor_atto_toolbar button
.icon
{
19429 div
.editor_atto_toolbar div
.atto_group
{
19430 display: inline-block
;
19431 border: 1px solid
#ccc;
19432 border-bottom: 1px solid
#b3b3b3;
19433 border-radius: 4px;
19434 margin: 9px 0 0 9px;
19435 background: #fff; }
19437 .editor_atto_content img {
19442 /* IE8 places the images on top of each other if that is not set. */
19443 white-space: nowrap
; }
19445 .atto_menuentry .icon {
19452 .atto_menuentry h1
,
19453 .atto_menuentry h2
,
19454 .atto_menuentry p {
19457 /*.atto_form label.sameline {
19458 display: inline-block;
19461 .atto_form textarea
.fullwidth
,
19462 .atto_form input.fullwidth {
19468 /*.atto_form label {
19473 position: absolute
;
19479 .atto_control .icon {
19480 background-color: white
; }
19482 div
.editor_atto_content:focus
.atto_control
,
19483 div
.editor_atto_content:hover
.atto_control
{
19486 .editor_atto_menu.yui3-menu-hidden {
19489 /* Get broken images back in firefox */
19490 .editor_atto_content img:-moz-broken {
19491 -moz-force-broken-image-icon: 1;
19493 min-height: 24px; }
19495 /* Atto menu styling */
19496 .moodle-dialogue-base .editor_atto_menu .moodle-dialogue-content .moodle-dialogue-bd {
19500 .editor_atto_menu .dropdown-menu > li > a {
19501 margin: 3px 14px; }
19503 .editor_atto_menu .open ul.dropdown-menu {
19505 padding-bottom: 5px; }
19507 .editor_atto_wrap {
19508 position: relative
; }
19511 .editor_atto_wrap textarea {
19514 .editor_atto_notification
.atto_info
,
19515 .editor_atto_notification .atto_warning {
19516 display: inline-block
;
19517 background-color: #f2f2f2;
19520 padding-right: 1em;
19521 border-bottom-left-radius: 1em;
19522 border-bottom-right-radius: 1em; }
19524 .editor_atto_notification .atto_info {
19525 background-color: #f2f2f2; }
19527 .editor_atto_notification .atto_warning {
19528 background-color: #ffd700; }
19530 .editor_atto_toolbar
,
19531 .editor_atto_content_wrap
,
19532 .editor_atto + textarea {
19533 box-sizing: border-box
; }
19535 .editor_atto_content.form-control {
19539 /** Atto fields do not have form-control because that would break the layout of the editor.
19540 So they need these extra styles to highlight the editor when there is a validation error. */
19541 .has-danger
.editor_atto_content
.form-control
.invalid-feedback
,
19542 .has-danger .editor_atto_content.form-control-danger .invalid-feedback {
19545 margin-top: 0.25rem;
19549 .has-danger
.editor_atto_content
.form-control
.invalid-tooltip
,
19550 .has-danger .editor_atto_content.form-control-danger .invalid-tooltip {
19551 position: absolute
;
19556 padding: 0.25rem 0.5rem;
19558 font-size: 0.8203125rem;
19561 background-color: rgba
(202, 49, 32, 0.9); }
19563 .was-validated
.has-danger
.editor_atto_content
.form-control:invalid
~ .invalid-feedback
,
19564 .was-validated
.has-danger
.editor_atto_content
.form-control:invalid
~ .invalid-tooltip
, .has-danger
.editor_atto_content
.form-control
.is-invalid
~ .invalid-feedback
,
19565 .has-danger
.editor_atto_content
.form-control
.is-invalid
~ .invalid-tooltip
, .was-validated
19566 .has-danger
.editor_atto_content
.form-control-danger:invalid
~ .invalid-feedback
,
19568 .has-danger
.editor_atto_content
.form-control-danger:invalid
~ .invalid-tooltip
,
19569 .has-danger
.editor_atto_content
.form-control-danger
.is-invalid
~ .invalid-feedback
,
19570 .has-danger .editor_atto_content.form-control-danger.is-invalid ~ .invalid-tooltip {
19573 .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
19574 .has-danger
.editor_atto_content
.form-control-danger
.form-control:invalid
,
19575 .has-danger .editor_atto_content.form-control-danger .form-control.is-invalid {
19576 border-color: #ca3120;
19577 padding-right: calc
(1.5em + 0.75rem);
19578 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");
19579 background-repeat: no-repeat
;
19580 background-position: right calc
(0.375em + 0.1875rem) center
;
19581 background-size: calc
(0.75em + 0.375rem) calc
(0.75em + 0.375rem); }
19582 .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
19583 .has-danger
.editor_atto_content
.form-control-danger
.form-control:invalid:focus
,
19584 .has-danger .editor_atto_content.form-control-danger .form-control.is-invalid:focus {
19585 border-color: #ca3120;
19586 box-shadow: 0 0 0 0.2rem rgba
(202, 49, 32, 0.25); }
19588 .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
19589 .has-danger
.editor_atto_content
.form-control-danger textarea
.form-control:invalid
,
19590 .has-danger .editor_atto_content.form-control-danger textarea.form-control.is-invalid {
19591 padding-right: calc
(1.5em + 0.75rem);
19592 background-position: top calc
(0.375em + 0.1875rem) right calc
(0.375em + 0.1875rem); }
19594 .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
19595 .has-danger
.editor_atto_content
.form-control-danger
.custom-select:invalid
,
19596 .has-danger .editor_atto_content.form-control-danger .custom-select.is-invalid {
19597 border-color: #ca3120;
19598 padding-right: calc
(0.75em + 2.3125rem);
19599 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); }
19600 .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
19601 .has-danger
.editor_atto_content
.form-control-danger
.custom-select:invalid:focus
,
19602 .has-danger .editor_atto_content.form-control-danger .custom-select.is-invalid:focus {
19603 border-color: #ca3120;
19604 box-shadow: 0 0 0 0.2rem rgba
(202, 49, 32, 0.25); }
19606 .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
19607 .has-danger
.editor_atto_content
.form-control-danger
.form-check-input:invalid
~ .form-check-label
,
19608 .has-danger .editor_atto_content.form-control-danger .form-check-input.is-invalid ~ .form-check-label {
19611 .was-validated
.has-danger
.editor_atto_content
.form-control
.form-check-input:invalid
~ .invalid-feedback
,
19612 .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
,
19613 .has-danger
.editor_atto_content
.form-control
.form-check-input
.is-invalid
~ .invalid-tooltip
, .was-validated
19614 .has-danger
.editor_atto_content
.form-control-danger
.form-check-input:invalid
~ .invalid-feedback
,
19616 .has-danger
.editor_atto_content
.form-control-danger
.form-check-input:invalid
~ .invalid-tooltip
,
19617 .has-danger
.editor_atto_content
.form-control-danger
.form-check-input
.is-invalid
~ .invalid-feedback
,
19618 .has-danger .editor_atto_content.form-control-danger .form-check-input.is-invalid ~ .invalid-tooltip {
19621 .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
19622 .has-danger
.editor_atto_content
.form-control-danger
.custom-control-input:invalid
~ .custom-control-label
,
19623 .has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid ~ .custom-control-label {
19625 .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
19626 .has-danger
.editor_atto_content
.form-control-danger
.custom-control-input:invalid
~ .custom-control-label::before
,
19627 .has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid ~ .custom-control-label::before {
19628 border-color: #ca3120; }
19630 .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
19631 .has-danger
.editor_atto_content
.form-control-danger
.custom-control-input:invalid:checked
~ .custom-control-label::before
,
19632 .has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
19633 border-color: #e04d3d;
19634 background-color: #e04d3d; }
19636 .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
19637 .has-danger
.editor_atto_content
.form-control-danger
.custom-control-input:invalid:focus
~ .custom-control-label::before
,
19638 .has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
19639 box-shadow: 0 0 0 0.2rem rgba
(202, 49, 32, 0.25); }
19641 .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
19642 .has-danger
.editor_atto_content
.form-control-danger
.custom-control-input:invalid:focus:not
(:checked
) ~ .custom-control-label::before
,
19643 .has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
19644 border-color: #ca3120; }
19646 .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
19647 .has-danger
.editor_atto_content
.form-control-danger
.custom-file-input:invalid
~ .custom-file-label
,
19648 .has-danger .editor_atto_content.form-control-danger .custom-file-input.is-invalid ~ .custom-file-label {
19649 border-color: #ca3120; }
19651 .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
19652 .has-danger
.editor_atto_content
.form-control-danger
.custom-file-input:invalid:focus
~ .custom-file-label
,
19653 .has-danger .editor_atto_content.form-control-danger .custom-file-input.is-invalid:focus ~ .custom-file-label {
19654 border-color: #ca3120;
19655 box-shadow: 0 0 0 0.2rem rgba
(202, 49, 32, 0.25); }
19657 .open.atto_menu > .dropdown-menu {
19660 div
.editor_atto_toolbar button
.icon
{
19664 -webkit-font-smoothing: antialiased
;
19665 -moz-osx-font-smoothing: grayscale
; }
19668 box-shadow: 0 2px 4px rgba
(0, 0, 0, 0.08); }
19671 border-radius: 50%; }
19673 .btn-outline-secondary {
19675 border-color: #6c757d;
19676 border-color: #6c757d; }
19677 .btn-outline-secondary:hover {
19679 background-color: #6c757d;
19680 border-color: #6c757d; }
19681 .btn-outline-secondary:focus, .btn-outline-secondary.focus {
19682 box-shadow: 0 0 0 0.2rem rgba
(108, 117, 125, 0.5); }
19683 .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
19685 background-color: transparent
; }
19686 .btn-outline-secondary:not
(:disabled
):not
(.disabled
):active
, .btn-outline-secondary:not
(:disabled
):not
(.disabled
).active
,
19687 .show > .btn-outline-secondary.dropdown-toggle {
19689 background-color: #6c757d;
19690 border-color: #6c757d; }
19691 .btn-outline-secondary:not
(:disabled
):not
(.disabled
):active:focus
, .btn-outline-secondary:not
(:disabled
):not
(.disabled
).active:focus
,
19692 .show > .btn-outline-secondary.dropdown-toggle:focus {
19693 box-shadow: 0 0 0 0.2rem rgba
(108, 117, 125, 0.5); }
19695 .btn-outline-info {
19697 border-color: #1f7e9a; }
19698 .btn-outline-info:hover {
19700 background-color: #1f7e9a;
19701 border-color: #1f7e9a; }
19702 .btn-outline-info:focus, .btn-outline-info.focus {
19703 box-shadow: 0 0 0 0.2rem rgba
(31, 126, 154, 0.5); }
19704 .btn-outline-info.disabled, .btn-outline-info:disabled {
19706 background-color: transparent
; }
19707 .btn-outline-info:not
(:disabled
):not
(.disabled
):active
, .btn-outline-info:not
(:disabled
):not
(.disabled
).active
,
19708 .show > .btn-outline-info.dropdown-toggle {
19710 background-color: #1f7e9a;
19711 border-color: #1f7e9a; }
19712 .btn-outline-info:not
(:disabled
):not
(.disabled
):active:focus
, .btn-outline-info:not
(:disabled
):not
(.disabled
).active:focus
,
19713 .show > .btn-outline-info.dropdown-toggle:focus {
19714 box-shadow: 0 0 0 0.2rem rgba
(31, 126, 154, 0.5); }
19716 .btn-outline-warning {
19718 border-color: #a6670e; }
19719 .btn-outline-warning:hover {
19721 background-color: #a6670e;
19722 border-color: #a6670e; }
19723 .btn-outline-warning:focus, .btn-outline-warning.focus {
19724 box-shadow: 0 0 0 0.2rem rgba
(166, 103, 14, 0.5); }
19725 .btn-outline-warning.disabled, .btn-outline-warning:disabled {
19727 background-color: transparent
; }
19728 .btn-outline-warning:not
(:disabled
):not
(.disabled
):active
, .btn-outline-warning:not
(:disabled
):not
(.disabled
).active
,
19729 .show > .btn-outline-warning.dropdown-toggle {
19731 background-color: #a6670e;
19732 border-color: #a6670e; }
19733 .btn-outline-warning:not
(:disabled
):not
(.disabled
):active:focus
, .btn-outline-warning:not
(:disabled
):not
(.disabled
).active:focus
,
19734 .show > .btn-outline-warning.dropdown-toggle:focus {
19735 box-shadow: 0 0 0 0.2rem rgba
(166, 103, 14, 0.5); }
19738 background-color: #e9ecef !important
; }
19740 a
.bg-gray:hover
, a
.bg-gray:focus
,
19741 button
.bg-gray:hover
,
19742 button
.bg-gray:focus
{
19743 background-color: #cbd3da !important
; }