3 font-family: 'FontAwesome';
4 src: url
("[[font:core|fontawesome-webfont.eot]]?v=4.7.0");
5 src: url
("[[font:core|fontawesome-webfont.eot]]?#iefix&v=4.7.0") format
("embedded-opentype"), url
("[[font:core|fontawesome-webfont.woff2]]?v=4.7.0") format
("woff2"), url
("[[font:core|fontawesome-webfont.woff]]?v=4.7.0") format
("woff"), url
("[[font:core|fontawesome-webfont.ttf]]?v=4.7.0") format
("truetype"), url
("[[font:core|fontawesome-webfont.svg]]?v=4.7.0#fontawesomeregular") format
("svg");
10 * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
11 * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
14 display: inline-block
;
15 font: normal normal normal
14px/1 FontAwesome
;
18 -webkit-font-smoothing: antialiased
;
19 -moz-osx-font-smoothing: grayscale
; }
21 /* makes the font 33% larger relative to the icon container */
23 font-size: 1.3333333333em;
25 vertical-align: -15%; }
40 width: 1.2857142857em;
45 margin-left: 2.1428571429em;
46 list-style-type: none
; }
52 left: -2.1428571429em;
53 width: 2.1428571429em;
57 left: -1.8571428571em; }
60 padding: .2em .25em .15em;
61 border: solid
0.08em #eee;
62 border-radius: .1em; }
76 /* Deprecated as of 4.4.0 */
90 -webkit-animation: fa-spin
2s infinite linear
;
91 animation: fa-spin
2s infinite linear
; }
94 -webkit-animation: fa-spin
1s infinite steps
(8);
95 animation: fa-spin
1s infinite steps
(8); }
97 @-webkit-keyframes fa-spin
{
99 -webkit-transform: rotate
(0deg);
100 transform: rotate
(0deg); }
102 -webkit-transform: rotate
(359deg);
103 transform: rotate
(359deg); } }
107 -webkit-transform: rotate
(0deg);
108 transform: rotate
(0deg); }
110 -webkit-transform: rotate
(359deg);
111 transform: rotate
(359deg); } }
114 -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
115 -webkit-transform: rotate
(90deg);
116 -ms-transform: rotate
(90deg);
117 transform: rotate
(90deg); }
120 -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
121 -webkit-transform: rotate
(180deg);
122 -ms-transform: rotate
(180deg);
123 transform: rotate
(180deg); }
126 -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
127 -webkit-transform: rotate
(270deg);
128 -ms-transform: rotate
(270deg);
129 transform: rotate
(270deg); }
131 .fa-flip-horizontal {
132 -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
133 -webkit-transform: scale
(-1, 1);
134 -ms-transform: scale
(-1, 1);
135 transform: scale
(-1, 1); }
138 -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
139 -webkit-transform: scale
(1, -1);
140 -ms-transform: scale
(1, -1);
141 transform: scale
(1, -1); }
144 :root
.fa-rotate-180
,
145 :root
.fa-rotate-270
,
146 :root
.fa-flip-horizontal
,
147 :root
.fa-flip-vertical
{
152 display: inline-block
;
156 vertical-align: middle
; }
158 .fa-stack-1x, .fa-stack-2x {
162 text-align: center
; }
165 line-height: inherit
; }
173 /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
174 readers do not read off random characters that represent icons */
184 .fa-envelope-o:before {
202 .fa-th-large:before {
219 .fa-search-plus:before {
222 .fa-search-minus:before {
225 .fa-power-off:before {
250 .fa-download:before {
253 .fa-arrow-circle-o-down:before {
256 .fa-arrow-circle-o-up:before {
262 .fa-play-circle-o:before {
265 .fa-rotate-right:before
,
272 .fa-list-alt:before {
281 .fa-headphones:before {
284 .fa-volume-off:before {
287 .fa-volume-down:before {
290 .fa-volume-up:before {
308 .fa-bookmark:before {
326 .fa-text-height:before {
329 .fa-text-width:before {
332 .fa-align-left:before {
335 .fa-align-center:before {
338 .fa-align-right:before {
341 .fa-align-justify:before {
354 .fa-video-camera:before {
359 .fa-picture-o:before {
365 .fa-map-marker:before {
375 .fa-pencil-square-o:before {
378 .fa-share-square-o:before {
381 .fa-check-square-o:before {
387 .fa-step-backward:before {
390 .fa-fast-backward:before {
393 .fa-backward:before {
408 .fa-fast-forward:before {
411 .fa-step-forward:before {
417 .fa-chevron-left:before {
420 .fa-chevron-right:before {
423 .fa-plus-circle:before {
426 .fa-minus-circle:before {
429 .fa-times-circle:before {
432 .fa-check-circle:before {
435 .fa-question-circle:before {
438 .fa-info-circle:before {
441 .fa-crosshairs:before {
444 .fa-times-circle-o:before {
447 .fa-check-circle-o:before {
453 .fa-arrow-left:before {
456 .fa-arrow-right:before {
459 .fa-arrow-up:before {
462 .fa-arrow-down:before {
465 .fa-mail-forward:before
,
472 .fa-compress:before {
481 .fa-asterisk:before {
484 .fa-exclamation-circle:before {
499 .fa-eye-slash:before {
503 .fa-exclamation-triangle:before {
509 .fa-calendar:before {
521 .fa-chevron-up:before {
524 .fa-chevron-down:before {
530 .fa-shopping-cart:before {
536 .fa-folder-open:before {
539 .fa-arrows-v:before {
542 .fa-arrows-h:before {
545 .fa-bar-chart-o:before
,
546 .fa-bar-chart:before {
549 .fa-twitter-square:before {
552 .fa-facebook-square:before {
555 .fa-camera-retro:before {
565 .fa-comments:before {
568 .fa-thumbs-o-up:before {
571 .fa-thumbs-o-down:before {
574 .fa-star-half:before {
580 .fa-sign-out:before {
583 .fa-linkedin-square:before {
586 .fa-thumb-tack:before {
589 .fa-external-link:before {
598 .fa-github-square:before {
610 .fa-square-o:before {
613 .fa-bookmark-o:before {
616 .fa-phone-square:before {
622 .fa-facebook-f:before
,
623 .fa-facebook:before {
632 .fa-credit-card:before {
642 .fa-bullhorn:before {
648 .fa-certificate:before {
651 .fa-hand-o-right:before {
654 .fa-hand-o-left:before {
657 .fa-hand-o-up:before {
660 .fa-hand-o-down:before {
663 .fa-arrow-circle-left:before {
666 .fa-arrow-circle-right:before {
669 .fa-arrow-circle-up:before {
672 .fa-arrow-circle-down:before {
687 .fa-briefcase:before {
690 .fa-arrows-alt:before {
708 .fa-scissors:before {
715 .fa-paperclip:before {
719 .fa-floppy-o:before {
736 .fa-strikethrough:before {
739 .fa-underline:before {
751 .fa-pinterest:before {
754 .fa-pinterest-square:before {
757 .fa-google-plus-square:before {
760 .fa-google-plus:before {
766 .fa-caret-down:before {
769 .fa-caret-up:before {
772 .fa-caret-left:before {
775 .fa-caret-right:before {
785 .fa-sort-down:before
,
786 .fa-sort-desc:before {
790 .fa-sort-asc:before {
793 .fa-envelope:before {
796 .fa-linkedin:before {
799 .fa-rotate-left:before
,
807 .fa-dashboard:before
,
808 .fa-tachometer:before {
811 .fa-comment-o:before {
814 .fa-comments-o:before {
824 .fa-umbrella:before {
828 .fa-clipboard:before {
831 .fa-lightbulb-o:before {
834 .fa-exchange:before {
837 .fa-cloud-download:before {
840 .fa-cloud-upload:before {
846 .fa-stethoscope:before {
849 .fa-suitcase:before {
861 .fa-file-text-o:before {
864 .fa-building-o:before {
867 .fa-hospital-o:before {
870 .fa-ambulance:before {
876 .fa-fighter-jet:before {
882 .fa-h-square:before {
885 .fa-plus-square:before {
888 .fa-angle-double-left:before {
891 .fa-angle-double-right:before {
894 .fa-angle-double-up:before {
897 .fa-angle-double-down:before {
900 .fa-angle-left:before {
903 .fa-angle-right:before {
906 .fa-angle-up:before {
909 .fa-angle-down:before {
921 .fa-mobile-phone:before
,
925 .fa-circle-o:before {
928 .fa-quote-left:before {
931 .fa-quote-right:before {
940 .fa-mail-reply:before
,
944 .fa-github-alt:before {
947 .fa-folder-o:before {
950 .fa-folder-open-o:before {
965 .fa-keyboard-o:before {
971 .fa-flag-checkered:before {
974 .fa-terminal:before {
980 .fa-mail-reply-all:before
,
981 .fa-reply-all:before {
984 .fa-star-half-empty:before
,
985 .fa-star-half-full:before
,
986 .fa-star-half-o:before {
989 .fa-location-arrow:before {
995 .fa-code-fork:before {
999 .fa-chain-broken:before {
1002 .fa-question:before {
1008 .fa-exclamation:before {
1011 .fa-superscript:before {
1014 .fa-subscript:before {
1020 .fa-puzzle-piece:before {
1023 .fa-microphone:before {
1026 .fa-microphone-slash:before {
1032 .fa-calendar-o:before {
1035 .fa-fire-extinguisher:before {
1044 .fa-chevron-circle-left:before {
1047 .fa-chevron-circle-right:before {
1050 .fa-chevron-circle-up:before {
1053 .fa-chevron-circle-down:before {
1065 .fa-unlock-alt:before {
1068 .fa-bullseye:before {
1071 .fa-ellipsis-h:before {
1074 .fa-ellipsis-v:before {
1077 .fa-rss-square:before {
1080 .fa-play-circle:before {
1086 .fa-minus-square:before {
1089 .fa-minus-square-o:before {
1092 .fa-level-up:before {
1095 .fa-level-down:before {
1098 .fa-check-square:before {
1101 .fa-pencil-square:before {
1104 .fa-external-link-square:before {
1107 .fa-share-square:before {
1110 .fa-compass:before {
1113 .fa-toggle-down:before
,
1114 .fa-caret-square-o-down:before {
1117 .fa-toggle-up:before
,
1118 .fa-caret-square-o-up:before {
1121 .fa-toggle-right:before
,
1122 .fa-caret-square-o-right:before {
1162 .fa-file-text:before {
1165 .fa-sort-alpha-asc:before {
1168 .fa-sort-alpha-desc:before {
1171 .fa-sort-amount-asc:before {
1174 .fa-sort-amount-desc:before {
1177 .fa-sort-numeric-asc:before {
1180 .fa-sort-numeric-desc:before {
1183 .fa-thumbs-up:before {
1186 .fa-thumbs-down:before {
1189 .fa-youtube-square:before {
1192 .fa-youtube:before {
1198 .fa-xing-square:before {
1201 .fa-youtube-play:before {
1204 .fa-dropbox:before {
1207 .fa-stack-overflow:before {
1210 .fa-instagram:before {
1219 .fa-bitbucket:before {
1222 .fa-bitbucket-square:before {
1228 .fa-tumblr-square:before {
1231 .fa-long-arrow-down:before {
1234 .fa-long-arrow-up:before {
1237 .fa-long-arrow-left:before {
1240 .fa-long-arrow-right:before {
1246 .fa-windows:before {
1249 .fa-android:before {
1255 .fa-dribbble:before {
1261 .fa-foursquare:before {
1274 .fa-gratipay:before {
1283 .fa-archive:before {
1298 .fa-pagelines:before {
1301 .fa-stack-exchange:before {
1304 .fa-arrow-circle-o-right:before {
1307 .fa-arrow-circle-o-left:before {
1310 .fa-toggle-left:before
,
1311 .fa-caret-square-o-left:before {
1314 .fa-dot-circle-o:before {
1317 .fa-wheelchair:before {
1320 .fa-vimeo-square:before {
1323 .fa-turkish-lira:before
,
1327 .fa-plus-square-o:before {
1330 .fa-space-shuttle:before {
1336 .fa-envelope-square:before {
1339 .fa-wordpress:before {
1345 .fa-institution:before
,
1347 .fa-university:before {
1350 .fa-mortar-board:before
,
1351 .fa-graduation-cap:before {
1363 .fa-reddit-square:before {
1366 .fa-stumbleupon-circle:before {
1369 .fa-stumbleupon:before {
1372 .fa-delicious:before {
1378 .fa-pied-piper-pp:before {
1381 .fa-pied-piper-alt:before {
1390 .fa-language:before {
1396 .fa-building:before {
1414 .fa-behance:before {
1417 .fa-behance-square:before {
1423 .fa-steam-square:before {
1426 .fa-recycle:before {
1429 .fa-automobile:before
,
1440 .fa-spotify:before {
1443 .fa-deviantart:before {
1446 .fa-soundcloud:before {
1449 .fa-database:before {
1452 .fa-file-pdf-o:before {
1455 .fa-file-word-o:before {
1458 .fa-file-excel-o:before {
1461 .fa-file-powerpoint-o:before {
1464 .fa-file-photo-o:before
,
1465 .fa-file-picture-o:before
,
1466 .fa-file-image-o:before {
1469 .fa-file-zip-o:before
,
1470 .fa-file-archive-o:before {
1473 .fa-file-sound-o:before
,
1474 .fa-file-audio-o:before {
1477 .fa-file-movie-o:before
,
1478 .fa-file-video-o:before {
1481 .fa-file-code-o:before {
1487 .fa-codepen:before {
1490 .fa-jsfiddle:before {
1493 .fa-life-bouy:before
,
1494 .fa-life-buoy:before
,
1495 .fa-life-saver:before
,
1497 .fa-life-ring:before {
1500 .fa-circle-o-notch:before {
1504 .fa-resistance:before
,
1512 .fa-git-square:before {
1518 .fa-y-combinator-square:before
,
1519 .fa-yc-square:before
,
1520 .fa-hacker-news:before {
1523 .fa-tencent-weibo:before {
1534 .fa-paper-plane:before {
1538 .fa-paper-plane-o:before {
1541 .fa-history:before {
1544 .fa-circle-thin:before {
1550 .fa-paragraph:before {
1553 .fa-sliders:before {
1556 .fa-share-alt:before {
1559 .fa-share-alt-square:before {
1565 .fa-soccer-ball-o:before
,
1566 .fa-futbol-o:before {
1572 .fa-binoculars:before {
1578 .fa-slideshare:before {
1587 .fa-newspaper-o:before {
1593 .fa-calculator:before {
1599 .fa-google-wallet:before {
1602 .fa-cc-visa:before {
1605 .fa-cc-mastercard:before {
1608 .fa-cc-discover:before {
1611 .fa-cc-amex:before {
1614 .fa-cc-paypal:before {
1617 .fa-cc-stripe:before {
1620 .fa-bell-slash:before {
1623 .fa-bell-slash-o:before {
1629 .fa-copyright:before {
1635 .fa-eyedropper:before {
1638 .fa-paint-brush:before {
1641 .fa-birthday-cake:before {
1644 .fa-area-chart:before {
1647 .fa-pie-chart:before {
1650 .fa-line-chart:before {
1656 .fa-lastfm-square:before {
1659 .fa-toggle-off:before {
1662 .fa-toggle-on:before {
1665 .fa-bicycle:before {
1671 .fa-ioxhost:before {
1674 .fa-angellist:before {
1685 .fa-meanpath:before {
1688 .fa-buysellads:before {
1691 .fa-connectdevelop:before {
1694 .fa-dashcube:before {
1697 .fa-forumbee:before {
1700 .fa-leanpub:before {
1706 .fa-shirtsinbulk:before {
1709 .fa-simplybuilt:before {
1712 .fa-skyatlas:before {
1715 .fa-cart-plus:before {
1718 .fa-cart-arrow-down:before {
1721 .fa-diamond:before {
1727 .fa-user-secret:before {
1730 .fa-motorcycle:before {
1733 .fa-street-view:before {
1736 .fa-heartbeat:before {
1745 .fa-mercury:before {
1748 .fa-intersex:before
,
1749 .fa-transgender:before {
1752 .fa-transgender-alt:before {
1755 .fa-venus-double:before {
1758 .fa-mars-double:before {
1761 .fa-venus-mars:before {
1764 .fa-mars-stroke:before {
1767 .fa-mars-stroke-v:before {
1770 .fa-mars-stroke-h:before {
1776 .fa-genderless:before {
1779 .fa-facebook-official:before {
1782 .fa-pinterest-p:before {
1785 .fa-whatsapp:before {
1791 .fa-user-plus:before {
1794 .fa-user-times:before {
1801 .fa-viacoin:before {
1814 .fa-y-combinator:before {
1817 .fa-optin-monster:before {
1820 .fa-opencart:before {
1823 .fa-expeditedssl:before {
1826 .fa-battery-4:before
,
1828 .fa-battery-full:before {
1831 .fa-battery-3:before
,
1832 .fa-battery-three-quarters:before {
1835 .fa-battery-2:before
,
1836 .fa-battery-half:before {
1839 .fa-battery-1:before
,
1840 .fa-battery-quarter:before {
1843 .fa-battery-0:before
,
1844 .fa-battery-empty:before {
1847 .fa-mouse-pointer:before {
1850 .fa-i-cursor:before {
1853 .fa-object-group:before {
1856 .fa-object-ungroup:before {
1859 .fa-sticky-note:before {
1862 .fa-sticky-note-o:before {
1868 .fa-cc-diners-club:before {
1874 .fa-balance-scale:before {
1877 .fa-hourglass-o:before {
1880 .fa-hourglass-1:before
,
1881 .fa-hourglass-start:before {
1884 .fa-hourglass-2:before
,
1885 .fa-hourglass-half:before {
1888 .fa-hourglass-3:before
,
1889 .fa-hourglass-end:before {
1892 .fa-hourglass:before {
1895 .fa-hand-grab-o:before
,
1896 .fa-hand-rock-o:before {
1899 .fa-hand-stop-o:before
,
1900 .fa-hand-paper-o:before {
1903 .fa-hand-scissors-o:before {
1906 .fa-hand-lizard-o:before {
1909 .fa-hand-spock-o:before {
1912 .fa-hand-pointer-o:before {
1915 .fa-hand-peace-o:before {
1918 .fa-trademark:before {
1921 .fa-registered:before {
1924 .fa-creative-commons:before {
1930 .fa-gg-circle:before {
1933 .fa-tripadvisor:before {
1936 .fa-odnoklassniki:before {
1939 .fa-odnoklassniki-square:before {
1942 .fa-get-pocket:before {
1945 .fa-wikipedia-w:before {
1954 .fa-firefox:before {
1960 .fa-internet-explorer:before {
1964 .fa-television:before {
1976 .fa-calendar-plus-o:before {
1979 .fa-calendar-minus-o:before {
1982 .fa-calendar-times-o:before {
1985 .fa-calendar-check-o:before {
1988 .fa-industry:before {
1991 .fa-map-pin:before {
1994 .fa-map-signs:before {
2003 .fa-commenting:before {
2006 .fa-commenting-o:before {
2015 .fa-black-tie:before {
2018 .fa-fonticons:before {
2021 .fa-reddit-alien:before {
2027 .fa-credit-card-alt:before {
2030 .fa-codiepie:before {
2036 .fa-fort-awesome:before {
2042 .fa-product-hunt:before {
2045 .fa-mixcloud:before {
2051 .fa-pause-circle:before {
2054 .fa-pause-circle-o:before {
2057 .fa-stop-circle:before {
2060 .fa-stop-circle-o:before {
2063 .fa-shopping-bag:before {
2066 .fa-shopping-basket:before {
2069 .fa-hashtag:before {
2072 .fa-bluetooth:before {
2075 .fa-bluetooth-b:before {
2078 .fa-percent:before {
2084 .fa-wpbeginner:before {
2087 .fa-wpforms:before {
2093 .fa-universal-access:before {
2096 .fa-wheelchair-alt:before {
2099 .fa-question-circle-o:before {
2105 .fa-audio-description:before {
2108 .fa-volume-control-phone:before {
2111 .fa-braille:before {
2114 .fa-assistive-listening-systems:before {
2117 .fa-asl-interpreting:before
,
2118 .fa-american-sign-language-interpreting:before {
2121 .fa-deafness:before
,
2122 .fa-hard-of-hearing:before
,
2129 .fa-glide-g:before {
2133 .fa-sign-language:before {
2136 .fa-low-vision:before {
2142 .fa-viadeo-square:before {
2145 .fa-snapchat:before {
2148 .fa-snapchat-ghost:before {
2151 .fa-snapchat-square:before {
2154 .fa-pied-piper:before {
2157 .fa-first-order:before {
2163 .fa-themeisle:before {
2166 .fa-google-plus-circle:before
,
2167 .fa-google-plus-official:before {
2171 .fa-font-awesome:before {
2174 .fa-handshake-o:before {
2177 .fa-envelope-open:before {
2180 .fa-envelope-open-o:before {
2186 .fa-address-book:before {
2189 .fa-address-book-o:before {
2193 .fa-address-card:before {
2197 .fa-address-card-o:before {
2200 .fa-user-circle:before {
2203 .fa-user-circle-o:before {
2209 .fa-id-badge:before {
2212 .fa-drivers-license:before
,
2213 .fa-id-card:before {
2216 .fa-drivers-license-o:before
,
2217 .fa-id-card-o:before {
2223 .fa-free-code-camp:before {
2226 .fa-telegram:before {
2229 .fa-thermometer-4:before
,
2230 .fa-thermometer:before
,
2231 .fa-thermometer-full:before {
2234 .fa-thermometer-3:before
,
2235 .fa-thermometer-three-quarters:before {
2238 .fa-thermometer-2:before
,
2239 .fa-thermometer-half:before {
2242 .fa-thermometer-1:before
,
2243 .fa-thermometer-quarter:before {
2246 .fa-thermometer-0:before
,
2247 .fa-thermometer-empty:before {
2258 .fa-podcast:before {
2261 .fa-window-maximize:before {
2264 .fa-window-minimize:before {
2267 .fa-window-restore:before {
2270 .fa-times-rectangle:before
,
2271 .fa-window-close:before {
2274 .fa-times-rectangle-o:before
,
2275 .fa-window-close-o:before {
2278 .fa-bandcamp:before {
2290 .fa-ravelry:before {
2293 .fa-eercast:before {
2296 .fa-microchip:before {
2299 .fa-snowflake-o:before {
2302 .fa-superpowers:before {
2305 .fa-wpexplorer:before {
2318 clip: rect
(0, 0, 0, 0);
2321 .sr-only-focusable:active, .sr-only-focusable:focus {
2330 * Bootstrap v4.5.0 (https://getbootstrap.com/)
2331 * Copyright 2011-2020 The Bootstrap Authors
2332 * Copyright 2011-2020 Twitter, Inc.
2333 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
2348 --gray-dark: #343a40;
2350 --secondary: #ced4da;
2358 --breakpoint-sm: 576px;
2359 --breakpoint-md: 768px;
2360 --breakpoint-lg: 992px;
2361 --breakpoint-xl: 1200px;
2362 --font-family-sans-serif: -apple-system
, BlinkMacSystemFont
, "Segoe UI", Roboto
, "Helvetica Neue", Arial
, "Noto Sans", sans-serif
, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
2363 --font-family-monospace: SFMono-Regular
, Menlo
, Monaco
, Consolas
, "Liberation Mono", "Courier New", monospace
; }
2368 box-sizing: border-box
; }
2371 font-family: sans-serif
;
2373 -webkit-text-size-adjust: 100%;
2374 -webkit-tap-highlight-color: rgba
(0, 0, 0, 0); }
2376 article
, aside
, figcaption
, figure
, footer
, header
, hgroup
, main
, nav
, section
{
2381 font-family: -apple-system
, BlinkMacSystemFont
, "Segoe UI", Roboto
, "Helvetica Neue", Arial
, "Noto Sans", sans-serif
, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
2382 font-size: 0.9375rem;
2387 background-color: #fff; }
2388 @media
(max-width: 1200px) {
2390 font-size: calc
(0.90375rem + 0.045vw) ; } }
2392 [tabindex
="-1"]:focus:not
(:focus-visible
) {
2393 outline: 0 !important
; }
2396 box-sizing: content-box
;
2398 overflow: visible
; }
2400 h1
, h2
, h3
, h4
, h5
, h6
{
2402 margin-bottom: 0.5rem; }
2406 margin-bottom: 1rem; }
2409 abbr
[data-original-title
] {
2410 text-decoration: underline
;
2411 text-decoration: underline dotted
;
2414 text-decoration-skip-ink: none
; }
2417 margin-bottom: 1rem;
2419 line-height: inherit
; }
2425 margin-bottom: 1rem; }
2437 margin-bottom: .5rem;
2445 font-weight: bolder
; }
2455 vertical-align: baseline
; }
2465 text-decoration: none
;
2466 background-color: transparent
; }
2469 text-decoration: underline
; }
2473 text-decoration: none
; }
2474 a:not
([href
]):hover
{
2476 text-decoration: none
; }
2482 font-family: SFMono-Regular
, Menlo
, Monaco
, Consolas
, "Liberation Mono", "Courier New", monospace
;
2487 margin-bottom: 1rem;
2489 -ms-overflow-style: scrollbar
; }
2495 vertical-align: middle
;
2496 border-style: none
; }
2500 vertical-align: middle
; }
2503 border-collapse: collapse
; }
2506 padding-top: 0.75rem;
2507 padding-bottom: 0.75rem;
2510 caption-side: bottom
; }
2513 text-align: inherit
; }
2516 display: inline-block
;
2517 margin-bottom: 0.5rem; }
2523 outline: 1px dotted
;
2524 outline: 5px auto
-webkit-focus-ring-color
; }
2532 font-family: inherit
;
2534 line-height: inherit
; }
2538 overflow: visible
; }
2542 text-transform: none
; }
2548 word-wrap: normal
; }
2554 -webkit-appearance: button
; }
2556 button:not
(:disabled
),
2557 [type
="button"]:not
(:disabled
),
2558 [type
="reset"]:not
(:disabled
),
2559 [type
="submit"]:not
(:disabled
) {
2562 button::-moz-focus-inner
,
2563 [type
="button"]::-moz-focus-inner
,
2564 [type
="reset"]::-moz-focus-inner
,
2565 [type
="submit"]::-moz-focus-inner
{
2567 border-style: none
; }
2569 input
[type
="radio"],
2570 input
[type
="checkbox"] {
2571 box-sizing: border-box
;
2589 margin-bottom: .5rem;
2591 line-height: inherit
;
2593 white-space: normal
; }
2594 @media
(max-width: 1200px) {
2596 font-size: calc
(0.96rem + 0.72vw) ; } }
2599 vertical-align: baseline
; }
2601 [type
="number"]::-webkit-inner-spin-button
,
2602 [type
="number"]::-webkit-outer-spin-button
{
2606 outline-offset: -2px;
2607 -webkit-appearance: none
; }
2609 [type
="search"]::-webkit-search-decoration
{
2610 -webkit-appearance: none
; }
2612 ::-webkit-file-upload-button
{
2614 -webkit-appearance: button
; }
2617 display: inline-block
; }
2627 display: none
!important
; }
2629 h1
, h2
, h3
, h4
, h5
, h6
,
2630 .h1, .h2, .h3, .h4, .h5, .h6 {
2631 margin-bottom: 0.5rem;
2636 font-size: 2.34375rem; }
2637 @media
(max-width: 1200px) {
2639 font-size: calc
(1.044375rem + 1.7325vw) ; } }
2642 font-size: 1.875rem; }
2643 @media
(max-width: 1200px) {
2645 font-size: calc
(0.9975rem + 1.17vw) ; } }
2648 font-size: 1.640625rem; }
2649 @media
(max-width: 1200px) {
2651 font-size: calc
(0.9740625rem + 0.88875vw) ; } }
2654 font-size: 1.40625rem; }
2655 @media
(max-width: 1200px) {
2657 font-size: calc
(0.950625rem + 0.6075vw) ; } }
2660 font-size: 1.171875rem; }
2661 @media
(max-width: 1200px) {
2663 font-size: calc
(0.9271875rem + 0.32625vw) ; } }
2666 font-size: 0.9375rem; }
2667 @media
(max-width: 1200px) {
2669 font-size: calc
(0.90375rem + 0.045vw) ; } }
2672 font-size: 1.171875rem;
2674 @media
(max-width: 1200px) {
2676 font-size: calc
(0.9271875rem + 0.32625vw) ; } }
2682 @media
(max-width: 1200px) {
2684 font-size: calc
(1.41rem + 6.12vw) ; } }
2690 @media
(max-width: 1200px) {
2692 font-size: calc
(1.36rem + 5.52vw) ; } }
2698 @media
(max-width: 1200px) {
2700 font-size: calc
(1.26rem + 4.32vw) ; } }
2706 @media
(max-width: 1200px) {
2708 font-size: calc
(1.16rem + 3.12vw) ; } }
2712 margin-bottom: 1rem;
2714 border-top: 1px solid rgba
(0, 0, 0, 0.1); }
2724 background-color: #fcf8e3; }
2735 display: inline-block
; }
2736 .list-inline-item:not(:last-child) {
2737 margin-right: 0.5rem; }
2741 text-transform: uppercase
; }
2744 margin-bottom: 1rem;
2745 font-size: 1.171875rem; }
2746 @media
(max-width: 1200px) {
2748 font-size: calc
(0.9271875rem + 0.32625vw) ; } }
2750 .blockquote-footer {
2754 .blockquote-footer::before {
2755 content: "\2014\00A0"; }
2763 background-color: #fff;
2764 border: 1px solid
#dee2e6;
2765 border-radius: 0.25rem;
2770 display: inline-block
; }
2773 margin-bottom: 0.5rem;
2783 word-wrap: break-word
; }
2788 padding: 0.2rem 0.4rem;
2791 background-color: #212529;
2792 border-radius: 0.2rem; }
2805 word-break: normal
; }
2809 overflow-y: scroll
; }
2813 padding-right: 15px;
2816 margin-left: auto
; }
2817 @media
(min-width: 576px) {
2819 max-width: 540px; } }
2820 @media
(min-width: 768px) {
2822 max-width: 720px; } }
2823 @media
(min-width: 992px) {
2825 max-width: 960px; } }
2826 @media
(min-width: 1200px) {
2828 max-width: 1140px; } }
2830 .container-fluid, .container-sm, .container-md, .container-lg, .container-xl {
2832 padding-right: 15px;
2835 margin-left: auto
; }
2837 @media (min-width: 576px) {
2838 .container, .container-sm {
2839 max-width: 540px; } }
2841 @media (min-width: 768px) {
2842 .container, .container-sm, .container-md {
2843 max-width: 720px; } }
2845 @media (min-width: 992px) {
2846 .container, .container-sm, .container-md, .container-lg {
2847 max-width: 960px; } }
2849 @media (min-width: 1200px) {
2850 .container, .container-sm, .container-md, .container-lg, .container-xl {
2851 max-width: 1140px; } }
2856 margin-right: -15px;
2857 margin-left: -15px; }
2863 .no-gutters > [class*="col-"] {
2867 .col-1
, .col-2
, .col-3
, .col-4
, .col-5
, .col-6
, .col-7
, .col-8
, .col-9
, .col-10
, .col-11
, .col-12
, .col
,
2868 .col-auto
, .col-sm-1
, .col-sm-2
, .col-sm-3
, .col-sm-4
, .col-sm-5
, .col-sm-6
, .col-sm-7
, .col-sm-8
, .col-sm-9
, .col-sm-10
, .col-sm-11
, .col-sm-12
, .col-sm
,
2869 .col-sm-auto
, .col-md-1
, .col-md-2
, .col-md-3
, .col-md-4
, .col-md-5
, .col-md-6
, .col-md-7
, .col-md-8
, .col-md-9
, .col-md-10
, .col-md-11
, .col-md-12
, .col-md
,
2870 .col-md-auto
, .col-lg-1
, .col-lg-2
, .col-lg-3
, .col-lg-4
, .col-lg-5
, .col-lg-6
, .col-lg-7
, .col-lg-8
, .col-lg-9
, .col-lg-10
, .col-lg-11
, .col-lg-12
, .col-lg
,
2871 .col-lg-auto
, .col-xl-1
, .col-xl-2
, .col-xl-3
, .col-xl-4
, .col-xl-5
, .col-xl-6
, .col-xl-7
, .col-xl-8
, .col-xl-9
, .col-xl-10
, .col-xl-11
, .col-xl-12
, .col-xl
,
2875 padding-right: 15px;
2876 padding-left: 15px; }
2893 flex: 0 0 33.3333333333%;
2894 max-width: 33.3333333333%; }
2905 flex: 0 0 16.6666666667%;
2906 max-width: 16.6666666667%; }
2914 flex: 0 0 8.3333333333%;
2915 max-width: 8.3333333333%; }
2918 flex: 0 0 16.6666666667%;
2919 max-width: 16.6666666667%; }
2926 flex: 0 0 33.3333333333%;
2927 max-width: 33.3333333333%; }
2930 flex: 0 0 41.6666666667%;
2931 max-width: 41.6666666667%; }
2938 flex: 0 0 58.3333333333%;
2939 max-width: 58.3333333333%; }
2942 flex: 0 0 66.6666666667%;
2943 max-width: 66.6666666667%; }
2950 flex: 0 0 83.3333333333%;
2951 max-width: 83.3333333333%; }
2954 flex: 0 0 91.6666666667%;
2955 max-width: 91.6666666667%; }
3007 margin-left: 8.3333333333%; }
3010 margin-left: 16.6666666667%; }
3016 margin-left: 33.3333333333%; }
3019 margin-left: 41.6666666667%; }
3025 margin-left: 58.3333333333%; }
3028 margin-left: 66.6666666667%; }
3034 margin-left: 83.3333333333%; }
3037 margin-left: 91.6666666667%; }
3039 @media (min-width: 576px) {
3045 .row-cols-sm-1 > * {
3048 .row-cols-sm-2 > * {
3051 .row-cols-sm-3 > * {
3052 flex: 0 0 33.3333333333%;
3053 max-width: 33.3333333333%; }
3054 .row-cols-sm-4 > * {
3057 .row-cols-sm-5 > * {
3060 .row-cols-sm-6 > * {
3061 flex: 0 0 16.6666666667%;
3062 max-width: 16.6666666667%; }
3068 flex: 0 0 8.3333333333%;
3069 max-width: 8.3333333333%; }
3071 flex: 0 0 16.6666666667%;
3072 max-width: 16.6666666667%; }
3077 flex: 0 0 33.3333333333%;
3078 max-width: 33.3333333333%; }
3080 flex: 0 0 41.6666666667%;
3081 max-width: 41.6666666667%; }
3086 flex: 0 0 58.3333333333%;
3087 max-width: 58.3333333333%; }
3089 flex: 0 0 66.6666666667%;
3090 max-width: 66.6666666667%; }
3095 flex: 0 0 83.3333333333%;
3096 max-width: 83.3333333333%; }
3098 flex: 0 0 91.6666666667%;
3099 max-width: 91.6666666667%; }
3136 margin-left: 8.3333333333%; }
3138 margin-left: 16.6666666667%; }
3142 margin-left: 33.3333333333%; }
3144 margin-left: 41.6666666667%; }
3148 margin-left: 58.3333333333%; }
3150 margin-left: 66.6666666667%; }
3154 margin-left: 83.3333333333%; }
3156 margin-left: 91.6666666667%; } }
3158 @media (min-width: 768px) {
3164 .row-cols-md-1 > * {
3167 .row-cols-md-2 > * {
3170 .row-cols-md-3 > * {
3171 flex: 0 0 33.3333333333%;
3172 max-width: 33.3333333333%; }
3173 .row-cols-md-4 > * {
3176 .row-cols-md-5 > * {
3179 .row-cols-md-6 > * {
3180 flex: 0 0 16.6666666667%;
3181 max-width: 16.6666666667%; }
3187 flex: 0 0 8.3333333333%;
3188 max-width: 8.3333333333%; }
3190 flex: 0 0 16.6666666667%;
3191 max-width: 16.6666666667%; }
3196 flex: 0 0 33.3333333333%;
3197 max-width: 33.3333333333%; }
3199 flex: 0 0 41.6666666667%;
3200 max-width: 41.6666666667%; }
3205 flex: 0 0 58.3333333333%;
3206 max-width: 58.3333333333%; }
3208 flex: 0 0 66.6666666667%;
3209 max-width: 66.6666666667%; }
3214 flex: 0 0 83.3333333333%;
3215 max-width: 83.3333333333%; }
3217 flex: 0 0 91.6666666667%;
3218 max-width: 91.6666666667%; }
3255 margin-left: 8.3333333333%; }
3257 margin-left: 16.6666666667%; }
3261 margin-left: 33.3333333333%; }
3263 margin-left: 41.6666666667%; }
3267 margin-left: 58.3333333333%; }
3269 margin-left: 66.6666666667%; }
3273 margin-left: 83.3333333333%; }
3275 margin-left: 91.6666666667%; } }
3277 @media (min-width: 992px) {
3283 .row-cols-lg-1 > * {
3286 .row-cols-lg-2 > * {
3289 .row-cols-lg-3 > * {
3290 flex: 0 0 33.3333333333%;
3291 max-width: 33.3333333333%; }
3292 .row-cols-lg-4 > * {
3295 .row-cols-lg-5 > * {
3298 .row-cols-lg-6 > * {
3299 flex: 0 0 16.6666666667%;
3300 max-width: 16.6666666667%; }
3306 flex: 0 0 8.3333333333%;
3307 max-width: 8.3333333333%; }
3309 flex: 0 0 16.6666666667%;
3310 max-width: 16.6666666667%; }
3315 flex: 0 0 33.3333333333%;
3316 max-width: 33.3333333333%; }
3318 flex: 0 0 41.6666666667%;
3319 max-width: 41.6666666667%; }
3324 flex: 0 0 58.3333333333%;
3325 max-width: 58.3333333333%; }
3327 flex: 0 0 66.6666666667%;
3328 max-width: 66.6666666667%; }
3333 flex: 0 0 83.3333333333%;
3334 max-width: 83.3333333333%; }
3336 flex: 0 0 91.6666666667%;
3337 max-width: 91.6666666667%; }
3374 margin-left: 8.3333333333%; }
3376 margin-left: 16.6666666667%; }
3380 margin-left: 33.3333333333%; }
3382 margin-left: 41.6666666667%; }
3386 margin-left: 58.3333333333%; }
3388 margin-left: 66.6666666667%; }
3392 margin-left: 83.3333333333%; }
3394 margin-left: 91.6666666667%; } }
3396 @media (min-width: 1200px) {
3402 .row-cols-xl-1 > * {
3405 .row-cols-xl-2 > * {
3408 .row-cols-xl-3 > * {
3409 flex: 0 0 33.3333333333%;
3410 max-width: 33.3333333333%; }
3411 .row-cols-xl-4 > * {
3414 .row-cols-xl-5 > * {
3417 .row-cols-xl-6 > * {
3418 flex: 0 0 16.6666666667%;
3419 max-width: 16.6666666667%; }
3425 flex: 0 0 8.3333333333%;
3426 max-width: 8.3333333333%; }
3428 flex: 0 0 16.6666666667%;
3429 max-width: 16.6666666667%; }
3434 flex: 0 0 33.3333333333%;
3435 max-width: 33.3333333333%; }
3437 flex: 0 0 41.6666666667%;
3438 max-width: 41.6666666667%; }
3443 flex: 0 0 58.3333333333%;
3444 max-width: 58.3333333333%; }
3446 flex: 0 0 66.6666666667%;
3447 max-width: 66.6666666667%; }
3452 flex: 0 0 83.3333333333%;
3453 max-width: 83.3333333333%; }
3455 flex: 0 0 91.6666666667%;
3456 max-width: 91.6666666667%; }
3493 margin-left: 8.3333333333%; }
3495 margin-left: 16.6666666667%; }
3499 margin-left: 33.3333333333%; }
3501 margin-left: 41.6666666667%; }
3505 margin-left: 58.3333333333%; }
3507 margin-left: 66.6666666667%; }
3511 margin-left: 83.3333333333%; }
3513 margin-left: 91.6666666667%; } }
3517 margin-bottom: 1rem;
3522 vertical-align: top
;
3523 border-top: 1px solid
#dee2e6; }
3525 vertical-align: bottom
;
3526 border-bottom: 2px solid
#dee2e6; }
3527 .table tbody + tbody {
3528 border-top: 2px solid
#dee2e6; }
3535 border: 1px solid
#dee2e6; }
3537 .table-bordered td {
3538 border: 1px solid
#dee2e6; }
3539 .table-bordered thead th
,
3540 .table-bordered thead td {
3541 border-bottom-width: 2px; }
3543 .table-borderless th
,
3544 .table-borderless td
,
3545 .table-borderless thead th
,
3546 .table-borderless tbody + tbody {
3549 .table-striped tbody tr:nth-of-type(odd) {
3550 background-color: rgba
(0, 0, 0, 0.05); }
3552 .table-hover tbody tr:hover {
3554 background-color: rgba
(0, 0, 0, 0.075); }
3557 .table-primary
> th
,
3558 .table-primary > td {
3559 background-color: #bcd7ef; }
3563 .table-primary thead th
,
3564 .table-primary tbody + tbody {
3565 border-color: #82b4e1; }
3567 .table-hover .table-primary:hover {
3568 background-color: #a7cbea; }
3569 .table-hover
.table-primary:hover
> td
,
3570 .table-hover .table-primary:hover > th {
3571 background-color: #a7cbea; }
3574 .table-secondary
> th
,
3575 .table-secondary > td {
3576 background-color: #f1f3f5; }
3578 .table-secondary th
,
3579 .table-secondary td
,
3580 .table-secondary thead th
,
3581 .table-secondary tbody + tbody {
3582 border-color: #e6e9ec; }
3584 .table-hover .table-secondary:hover {
3585 background-color: #e2e6ea; }
3586 .table-hover
.table-secondary:hover
> td
,
3587 .table-hover .table-secondary:hover > th {
3588 background-color: #e2e6ea; }
3591 .table-success
> th
,
3592 .table-success > td {
3593 background-color: #c6dac6; }
3597 .table-success thead th
,
3598 .table-success tbody + tbody {
3599 border-color: #96ba94; }
3601 .table-hover .table-success:hover {
3602 background-color: #b7d0b7; }
3603 .table-hover
.table-success:hover
> td
,
3604 .table-hover .table-success:hover > th {
3605 background-color: #b7d0b7; }
3610 background-color: #b8dce2; }
3614 .table-info thead th
,
3615 .table-info tbody + tbody {
3616 border-color: #7abdc8; }
3618 .table-hover .table-info:hover {
3619 background-color: #a6d3db; }
3620 .table-hover
.table-info:hover
> td
,
3621 .table-hover .table-info:hover > th {
3622 background-color: #a6d3db; }
3625 .table-warning
> th
,
3626 .table-warning > td {
3627 background-color: #fbe8cd; }
3631 .table-warning thead th
,
3632 .table-warning tbody + tbody {
3633 border-color: #f7d4a3; }
3635 .table-hover .table-warning:hover {
3636 background-color: #f9ddb5; }
3637 .table-hover
.table-warning:hover
> td
,
3638 .table-hover .table-warning:hover > th {
3639 background-color: #f9ddb5; }
3643 .table-danger > td {
3644 background-color: #f0c5c1; }
3648 .table-danger thead th
,
3649 .table-danger tbody + tbody {
3650 border-color: #e3948b; }
3652 .table-hover .table-danger:hover {
3653 background-color: #ebb2ac; }
3654 .table-hover
.table-danger:hover
> td
,
3655 .table-hover .table-danger:hover > th {
3656 background-color: #ebb2ac; }
3661 background-color: #fdfdfe; }
3665 .table-light thead th
,
3666 .table-light tbody + tbody {
3667 border-color: #fbfcfc; }
3669 .table-hover .table-light:hover {
3670 background-color: #ececf6; }
3671 .table-hover
.table-light:hover
> td
,
3672 .table-hover .table-light:hover > th {
3673 background-color: #ececf6; }
3678 background-color: #c6c8ca; }
3682 .table-dark thead th
,
3683 .table-dark tbody + tbody {
3684 border-color: #95999c; }
3686 .table-hover .table-dark:hover {
3687 background-color: #b9bbbe; }
3688 .table-hover
.table-dark:hover
> td
,
3689 .table-hover .table-dark:hover > th {
3690 background-color: #b9bbbe; }
3694 .table-active > td {
3695 background-color: rgba
(0, 0, 0, 0.075); }
3697 .table-hover .table-active:hover {
3698 background-color: rgba
(0, 0, 0, 0.075); }
3699 .table-hover
.table-active:hover
> td
,
3700 .table-hover .table-active:hover > th {
3701 background-color: rgba
(0, 0, 0, 0.075); }
3703 .table .thead-dark th {
3705 background-color: #343a40;
3706 border-color: #454d55; }
3708 .table .thead-light th {
3710 background-color: #e9ecef;
3711 border-color: #dee2e6; }
3715 background-color: #343a40; }
3718 .table-dark thead th {
3719 border-color: #454d55; }
3720 .table-dark.table-bordered {
3722 .table-dark.table-striped tbody tr:nth-of-type(odd) {
3723 background-color: rgba
(255, 255, 255, 0.05); }
3724 .table-dark.table-hover tbody tr:hover {
3726 background-color: rgba
(255, 255, 255, 0.075); }
3728 @media (max-width: 575.98px) {
3729 .table-responsive-sm {
3733 -webkit-overflow-scrolling: touch
; }
3734 .table-responsive-sm > .table-bordered {
3737 @media (max-width: 767.98px) {
3738 .table-responsive-md {
3742 -webkit-overflow-scrolling: touch
; }
3743 .table-responsive-md > .table-bordered {
3746 @media (max-width: 991.98px) {
3747 .table-responsive-lg {
3751 -webkit-overflow-scrolling: touch
; }
3752 .table-responsive-lg > .table-bordered {
3755 @media (max-width: 1199.98px) {
3756 .table-responsive-xl {
3760 -webkit-overflow-scrolling: touch
; }
3761 .table-responsive-xl > .table-bordered {
3768 -webkit-overflow-scrolling: touch
; }
3769 .table-responsive > .table-bordered {
3775 height: calc
(1.5em + 0.75rem + 2px);
3776 padding: 0.375rem 0.75rem;
3777 font-size: 0.9375rem;
3781 background-color: #fff;
3782 background-clip: padding-box
;
3783 border: 1px solid
#8f959e;
3784 border-radius: 0.25rem;
3785 transition: border-color
0.15s ease-in-out
, box-shadow
0.15s ease-in-out
; }
3786 @media
(max-width: 1200px) {
3788 font-size: calc
(0.90375rem + 0.045vw) ; } }
3789 @media
(prefers-reduced-motion: reduce
) {
3791 transition: none
; } }
3792 .form-control::-ms-expand {
3793 background-color: transparent
;
3795 .form-control:-moz-focusring {
3797 text-shadow: 0 0 0 #495057; }
3798 .form-control:focus {
3800 background-color: #fff;
3801 border-color: #61aef3;
3803 box-shadow: 0 0 0 0.2rem rgba
(15, 111, 197, 0.75); }
3804 .form-control::placeholder {
3807 .form-control:disabled, .form-control[readonly] {
3808 background-color: #e9ecef;
3811 input
[type
="date"].form-control
,
3812 input
[type
="time"].form-control
,
3813 input
[type
="datetime-local"].form-control
,
3814 input
[type
="month"].form-control
{
3817 select
.form-control:focus::-ms-value
{
3819 background-color: #fff; }
3822 .form-control-range {
3827 padding-top: calc
(0.375rem + 1px);
3828 padding-bottom: calc
(0.375rem + 1px);
3833 .col-form-label-lg {
3834 padding-top: calc
(0.5rem + 1px);
3835 padding-bottom: calc
(0.5rem + 1px);
3836 font-size: 1.171875rem;
3838 @media
(max-width: 1200px) {
3839 .col-form-label-lg {
3840 font-size: calc
(0.9271875rem + 0.32625vw) ; } }
3842 .col-form-label-sm {
3843 padding-top: calc
(0.25rem + 1px);
3844 padding-bottom: calc
(0.25rem + 1px);
3845 font-size: 0.8203125rem;
3848 .form-control-plaintext {
3851 padding: 0.375rem 0;
3853 font-size: 0.9375rem;
3856 background-color: transparent
;
3857 border: solid transparent
;
3858 border-width: 1px 0; }
3859 @media
(max-width: 1200px) {
3860 .form-control-plaintext {
3861 font-size: calc
(0.90375rem + 0.045vw) ; } }
3862 .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
3867 height: calc
(1.5em + 0.5rem + 2px);
3868 padding: 0.25rem 0.5rem;
3869 font-size: 0.8203125rem;
3871 border-radius: 0.2rem; }
3874 height: calc
(1.5em + 1rem + 2px);
3875 padding: 0.5rem 1rem;
3876 font-size: 1.171875rem;
3878 border-radius: 0.3rem; }
3879 @media
(max-width: 1200px) {
3881 font-size: calc
(0.9271875rem + 0.32625vw) ; } }
3883 select
.form-control
[size
], select
.form-control
[multiple
] {
3886 textarea
.form-control
{
3890 margin-bottom: 1rem; }
3894 margin-top: 0.25rem; }
3900 margin-left: -5px; }
3902 .form-row > [class*="col-"] {
3904 padding-left: 5px; }
3909 padding-left: 1.25rem; }
3914 margin-left: -1.25rem; }
3915 .form-check-input
[disabled
] ~ .form-check-label
,
3916 .form-check-input:disabled ~ .form-check-label {
3922 .form-check-inline {
3923 display: inline-flex
;
3924 align-items: center
;
3926 margin-right: 0.75rem; }
3927 .form-check-inline .form-check-input {
3930 margin-right: 0.3125rem;
3936 margin-top: 0.25rem;
3946 padding: 0.25rem 0.5rem;
3948 font-size: 0.8203125rem;
3951 background-color: rgba
(53, 122, 50, 0.9);
3952 border-radius: 0.25rem; }
3954 .was-validated :valid
~ .valid-feedback
,
3955 .was-validated :valid
~ .valid-tooltip
,
3956 .is-valid
~ .valid-feedback
,
3957 .is-valid ~ .valid-tooltip {
3960 .was-validated .form-control:valid, .form-control.is-valid {
3961 border-color: #357a32;
3962 padding-right: calc
(1.5em + 0.75rem);
3963 background-image: url
("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23357a32' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
3964 background-repeat: no-repeat
;
3965 background-position: right calc
(0.375em + 0.1875rem) center
;
3966 background-size: calc
(0.75em + 0.375rem) calc
(0.75em + 0.375rem); }
3967 .was-validated .form-control:valid:focus, .form-control.is-valid:focus {
3968 border-color: #357a32;
3969 box-shadow: 0 0 0 0.2rem rgba
(53, 122, 50, 0.25); }
3971 .was-validated textarea.form-control:valid, textarea.form-control.is-valid {
3972 padding-right: calc
(1.5em + 0.75rem);
3973 background-position: top calc
(0.375em + 0.1875rem) right calc
(0.375em + 0.1875rem); }
3975 .was-validated .custom-select:valid, .custom-select.is-valid {
3976 border-color: #357a32;
3977 padding-right: calc
(0.75em + 2.3125rem);
3978 background: url
("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right
0.75rem center
/8px 10px, url
("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23357a32' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right
1.75rem/calc
(0.75em + 0.375rem) calc
(0.75em + 0.375rem); }
3979 .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
3980 border-color: #357a32;
3981 box-shadow: 0 0 0 0.2rem rgba
(53, 122, 50, 0.25); }
3983 .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
3986 .was-validated
.form-check-input:valid
~ .valid-feedback
,
3987 .was-validated
.form-check-input:valid
~ .valid-tooltip
, .form-check-input
.is-valid
~ .valid-feedback
,
3988 .form-check-input.is-valid ~ .valid-tooltip {
3991 .was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
3993 .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
3994 border-color: #357a32; }
3996 .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
3997 border-color: #459e41;
3998 background-color: #459e41; }
4000 .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
4001 box-shadow: 0 0 0 0.2rem rgba
(53, 122, 50, 0.25); }
4003 .was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
4004 border-color: #357a32; }
4006 .was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
4007 border-color: #357a32; }
4009 .was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
4010 border-color: #357a32;
4011 box-shadow: 0 0 0 0.2rem rgba
(53, 122, 50, 0.25); }
4016 margin-top: 0.25rem;
4026 padding: 0.25rem 0.5rem;
4028 font-size: 0.8203125rem;
4031 background-color: rgba
(202, 49, 32, 0.9);
4032 border-radius: 0.25rem; }
4034 .was-validated :invalid
~ .invalid-feedback
,
4035 .was-validated :invalid
~ .invalid-tooltip
,
4036 .is-invalid
~ .invalid-feedback
,
4037 .is-invalid ~ .invalid-tooltip {
4040 .was-validated .form-control:invalid, .form-control.is-invalid {
4041 border-color: #ca3120;
4042 padding-right: calc
(1.5em + 0.75rem);
4043 background-image: url
("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23ca3120' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23ca3120' stroke='none'/%3e%3c/svg%3e");
4044 background-repeat: no-repeat
;
4045 background-position: right calc
(0.375em + 0.1875rem) center
;
4046 background-size: calc
(0.75em + 0.375rem) calc
(0.75em + 0.375rem); }
4047 .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
4048 border-color: #ca3120;
4049 box-shadow: 0 0 0 0.2rem rgba
(202, 49, 32, 0.25); }
4051 .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
4052 padding-right: calc
(1.5em + 0.75rem);
4053 background-position: top calc
(0.375em + 0.1875rem) right calc
(0.375em + 0.1875rem); }
4055 .was-validated .custom-select:invalid, .custom-select.is-invalid {
4056 border-color: #ca3120;
4057 padding-right: calc
(0.75em + 2.3125rem);
4058 background: url
("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right
0.75rem center
/8px 10px, url
("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23ca3120' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23ca3120' stroke='none'/%3e%3c/svg%3e") #fff no-repeat center right
1.75rem/calc
(0.75em + 0.375rem) calc
(0.75em + 0.375rem); }
4059 .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
4060 border-color: #ca3120;
4061 box-shadow: 0 0 0 0.2rem rgba
(202, 49, 32, 0.25); }
4063 .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
4066 .was-validated
.form-check-input:invalid
~ .invalid-feedback
,
4067 .was-validated
.form-check-input:invalid
~ .invalid-tooltip
, .form-check-input
.is-invalid
~ .invalid-feedback
,
4068 .form-check-input.is-invalid ~ .invalid-tooltip {
4071 .was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
4073 .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
4074 border-color: #ca3120; }
4076 .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
4077 border-color: #e04d3d;
4078 background-color: #e04d3d; }
4080 .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
4081 box-shadow: 0 0 0 0.2rem rgba
(202, 49, 32, 0.25); }
4083 .was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
4084 border-color: #ca3120; }
4086 .was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
4087 border-color: #ca3120; }
4089 .was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
4090 border-color: #ca3120;
4091 box-shadow: 0 0 0 0.2rem rgba
(202, 49, 32, 0.25); }
4095 flex-flow: row wrap
;
4096 align-items: center
; }
4097 .form-inline .form-check {
4099 @media
(min-width: 576px) {
4100 .form-inline label {
4102 align-items: center
;
4103 justify-content: center
;
4105 .form-inline .form-group {
4108 flex-flow: row wrap
;
4109 align-items: center
;
4111 .form-inline .form-control {
4112 display: inline-block
;
4114 vertical-align: middle
; }
4115 .form-inline .form-control-plaintext {
4116 display: inline-block
; }
4117 .form-inline
.input-group
,
4118 .form-inline .custom-select {
4120 .form-inline .form-check {
4122 align-items: center
;
4123 justify-content: center
;
4126 .form-inline .form-check-input {
4130 margin-right: 0.25rem;
4132 .form-inline .custom-control {
4133 align-items: center
;
4134 justify-content: center
; }
4135 .form-inline .custom-control-label {
4136 margin-bottom: 0; } }
4139 display: inline-block
;
4143 vertical-align: middle
;
4145 background-color: transparent
;
4146 border: 1px solid transparent
;
4147 padding: 0.375rem 0.75rem;
4148 font-size: 0.9375rem;
4150 border-radius: 0.25rem;
4151 transition: color
0.15s ease-in-out
, background-color
0.15s ease-in-out
, border-color
0.15s ease-in-out
, box-shadow
0.15s ease-in-out
; }
4152 @media
(max-width: 1200px) {
4154 font-size: calc
(0.90375rem + 0.045vw) ; } }
4155 @media
(prefers-reduced-motion: reduce
) {
4157 transition: none
; } }
4160 text-decoration: none
; }
4161 .btn:focus, .btn.focus {
4163 box-shadow: 0 0 0 0.2rem rgba
(15, 111, 197, 0.75); }
4164 .btn.disabled, .btn:disabled {
4166 .btn:not(:disabled):not(.disabled) {
4170 fieldset:disabled a
.btn
{
4171 pointer-events: none
; }
4175 background-color: #0f6fc5;
4176 border-color: #0f6fc5; }
4177 .btn-primary:hover {
4179 background-color: #0c5ba1;
4180 border-color: #0b5496; }
4181 .btn-primary:focus, .btn-primary.focus {
4183 background-color: #0c5ba1;
4184 border-color: #0b5496;
4185 box-shadow: 0 0 0 0.2rem rgba
(51, 133, 206, 0.5); }
4186 .btn-primary.disabled, .btn-primary:disabled {
4188 background-color: #0f6fc5;
4189 border-color: #0f6fc5; }
4190 .btn-primary:not
(:disabled
):not
(.disabled
):active
, .btn-primary:not
(:disabled
):not
(.disabled
).active
,
4191 .show > .btn-primary.dropdown-toggle {
4193 background-color: #0b5496;
4194 border-color: #0a4e8a; }
4195 .btn-primary:not
(:disabled
):not
(.disabled
):active:focus
, .btn-primary:not
(:disabled
):not
(.disabled
).active:focus
,
4196 .show > .btn-primary.dropdown-toggle:focus {
4197 box-shadow: 0 0 0 0.2rem rgba
(51, 133, 206, 0.5); }
4201 background-color: #ced4da;
4202 border-color: #ced4da; }
4203 .btn-secondary:hover {
4205 background-color: #b8c1ca;
4206 border-color: #b1bbc4; }
4207 .btn-secondary:focus, .btn-secondary.focus {
4209 background-color: #b8c1ca;
4210 border-color: #b1bbc4;
4211 box-shadow: 0 0 0 0.2rem rgba
(180, 186, 191, 0.5); }
4212 .btn-secondary.disabled, .btn-secondary:disabled {
4214 background-color: #ced4da;
4215 border-color: #ced4da; }
4216 .btn-secondary:not
(:disabled
):not
(.disabled
):active
, .btn-secondary:not
(:disabled
):not
(.disabled
).active
,
4217 .show > .btn-secondary.dropdown-toggle {
4219 background-color: #b1bbc4;
4220 border-color: #aab4bf; }
4221 .btn-secondary:not
(:disabled
):not
(.disabled
):active:focus
, .btn-secondary:not
(:disabled
):not
(.disabled
).active:focus
,
4222 .show > .btn-secondary.dropdown-toggle:focus {
4223 box-shadow: 0 0 0 0.2rem rgba
(180, 186, 191, 0.5); }
4227 background-color: #357a32;
4228 border-color: #357a32; }
4229 .btn-success:hover {
4231 background-color: #295f27;
4232 border-color: #255623; }
4233 .btn-success:focus, .btn-success.focus {
4235 background-color: #295f27;
4236 border-color: #255623;
4237 box-shadow: 0 0 0 0.2rem rgba
(83, 142, 81, 0.5); }
4238 .btn-success.disabled, .btn-success:disabled {
4240 background-color: #357a32;
4241 border-color: #357a32; }
4242 .btn-success:not
(:disabled
):not
(.disabled
):active
, .btn-success:not
(:disabled
):not
(.disabled
).active
,
4243 .show > .btn-success.dropdown-toggle {
4245 background-color: #255623;
4246 border-color: #214d1f; }
4247 .btn-success:not
(:disabled
):not
(.disabled
):active:focus
, .btn-success:not
(:disabled
):not
(.disabled
).active:focus
,
4248 .show > .btn-success.dropdown-toggle:focus {
4249 box-shadow: 0 0 0 0.2rem rgba
(83, 142, 81, 0.5); }
4253 background-color: #008196;
4254 border-color: #008196; }
4257 background-color: #006070;
4258 border-color: #005563; }
4259 .btn-info:focus, .btn-info.focus {
4261 background-color: #006070;
4262 border-color: #005563;
4263 box-shadow: 0 0 0 0.2rem rgba
(38, 148, 166, 0.5); }
4264 .btn-info.disabled, .btn-info:disabled {
4266 background-color: #008196;
4267 border-color: #008196; }
4268 .btn-info:not
(:disabled
):not
(.disabled
):active
, .btn-info:not
(:disabled
):not
(.disabled
).active
,
4269 .show > .btn-info.dropdown-toggle {
4271 background-color: #005563;
4272 border-color: #004a56; }
4273 .btn-info:not
(:disabled
):not
(.disabled
):active:focus
, .btn-info:not
(:disabled
):not
(.disabled
).active:focus
,
4274 .show > .btn-info.dropdown-toggle:focus {
4275 box-shadow: 0 0 0 0.2rem rgba
(38, 148, 166, 0.5); }
4279 background-color: #f0ad4e;
4280 border-color: #f0ad4e; }
4281 .btn-warning:hover {
4283 background-color: #ed9d2b;
4284 border-color: #ec971f; }
4285 .btn-warning:focus, .btn-warning.focus {
4287 background-color: #ed9d2b;
4288 border-color: #ec971f;
4289 box-shadow: 0 0 0 0.2rem rgba
(209, 153, 72, 0.5); }
4290 .btn-warning.disabled, .btn-warning:disabled {
4292 background-color: #f0ad4e;
4293 border-color: #f0ad4e; }
4294 .btn-warning:not
(:disabled
):not
(.disabled
):active
, .btn-warning:not
(:disabled
):not
(.disabled
).active
,
4295 .show > .btn-warning.dropdown-toggle {
4297 background-color: #ec971f;
4298 border-color: #ea9214; }
4299 .btn-warning:not
(:disabled
):not
(.disabled
):active:focus
, .btn-warning:not
(:disabled
):not
(.disabled
).active:focus
,
4300 .show > .btn-warning.dropdown-toggle:focus {
4301 box-shadow: 0 0 0 0.2rem rgba
(209, 153, 72, 0.5); }
4305 background-color: #ca3120;
4306 border-color: #ca3120; }
4309 background-color: #a9291b;
4310 border-color: #9e2619; }
4311 .btn-danger:focus, .btn-danger.focus {
4313 background-color: #a9291b;
4314 border-color: #9e2619;
4315 box-shadow: 0 0 0 0.2rem rgba
(210, 80, 65, 0.5); }
4316 .btn-danger.disabled, .btn-danger:disabled {
4318 background-color: #ca3120;
4319 border-color: #ca3120; }
4320 .btn-danger:not
(:disabled
):not
(.disabled
):active
, .btn-danger:not
(:disabled
):not
(.disabled
).active
,
4321 .show > .btn-danger.dropdown-toggle {
4323 background-color: #9e2619;
4324 border-color: #932417; }
4325 .btn-danger:not
(:disabled
):not
(.disabled
):active:focus
, .btn-danger:not
(:disabled
):not
(.disabled
).active:focus
,
4326 .show > .btn-danger.dropdown-toggle:focus {
4327 box-shadow: 0 0 0 0.2rem rgba
(210, 80, 65, 0.5); }
4331 background-color: #f8f9fa;
4332 border-color: #f8f9fa; }
4335 background-color: #e2e6ea;
4336 border-color: #dae0e5; }
4337 .btn-light:focus, .btn-light.focus {
4339 background-color: #e2e6ea;
4340 border-color: #dae0e5;
4341 box-shadow: 0 0 0 0.2rem rgba
(216, 217, 219, 0.5); }
4342 .btn-light.disabled, .btn-light:disabled {
4344 background-color: #f8f9fa;
4345 border-color: #f8f9fa; }
4346 .btn-light:not
(:disabled
):not
(.disabled
):active
, .btn-light:not
(:disabled
):not
(.disabled
).active
,
4347 .show > .btn-light.dropdown-toggle {
4349 background-color: #dae0e5;
4350 border-color: #d3d9df; }
4351 .btn-light:not
(:disabled
):not
(.disabled
):active:focus
, .btn-light:not
(:disabled
):not
(.disabled
).active:focus
,
4352 .show > .btn-light.dropdown-toggle:focus {
4353 box-shadow: 0 0 0 0.2rem rgba
(216, 217, 219, 0.5); }
4357 background-color: #343a40;
4358 border-color: #343a40; }
4361 background-color: #23272b;
4362 border-color: #1d2124; }
4363 .btn-dark:focus, .btn-dark.focus {
4365 background-color: #23272b;
4366 border-color: #1d2124;
4367 box-shadow: 0 0 0 0.2rem rgba
(82, 88, 93, 0.5); }
4368 .btn-dark.disabled, .btn-dark:disabled {
4370 background-color: #343a40;
4371 border-color: #343a40; }
4372 .btn-dark:not
(:disabled
):not
(.disabled
):active
, .btn-dark:not
(:disabled
):not
(.disabled
).active
,
4373 .show > .btn-dark.dropdown-toggle {
4375 background-color: #1d2124;
4376 border-color: #171a1d; }
4377 .btn-dark:not
(:disabled
):not
(.disabled
):active:focus
, .btn-dark:not
(:disabled
):not
(.disabled
).active:focus
,
4378 .show > .btn-dark.dropdown-toggle:focus {
4379 box-shadow: 0 0 0 0.2rem rgba
(82, 88, 93, 0.5); }
4381 .btn-outline-primary {
4383 border-color: #0f6fc5; }
4384 .btn-outline-primary:hover {
4386 background-color: #0f6fc5;
4387 border-color: #0f6fc5; }
4388 .btn-outline-primary:focus, .btn-outline-primary.focus {
4389 box-shadow: 0 0 0 0.2rem rgba
(15, 111, 197, 0.5); }
4390 .btn-outline-primary.disabled, .btn-outline-primary:disabled {
4392 background-color: transparent
; }
4393 .btn-outline-primary:not
(:disabled
):not
(.disabled
):active
, .btn-outline-primary:not
(:disabled
):not
(.disabled
).active
,
4394 .show > .btn-outline-primary.dropdown-toggle {
4396 background-color: #0f6fc5;
4397 border-color: #0f6fc5; }
4398 .btn-outline-primary:not
(:disabled
):not
(.disabled
):active:focus
, .btn-outline-primary:not
(:disabled
):not
(.disabled
).active:focus
,
4399 .show > .btn-outline-primary.dropdown-toggle:focus {
4400 box-shadow: 0 0 0 0.2rem rgba
(15, 111, 197, 0.5); }
4402 .btn-outline-secondary {
4404 border-color: #ced4da; }
4405 .btn-outline-secondary:hover {
4407 background-color: #ced4da;
4408 border-color: #ced4da; }
4409 .btn-outline-secondary:focus, .btn-outline-secondary.focus {
4410 box-shadow: 0 0 0 0.2rem rgba
(206, 212, 218, 0.5); }
4411 .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
4413 background-color: transparent
; }
4414 .btn-outline-secondary:not
(:disabled
):not
(.disabled
):active
, .btn-outline-secondary:not
(:disabled
):not
(.disabled
).active
,
4415 .show > .btn-outline-secondary.dropdown-toggle {
4417 background-color: #ced4da;
4418 border-color: #ced4da; }
4419 .btn-outline-secondary:not
(:disabled
):not
(.disabled
):active:focus
, .btn-outline-secondary:not
(:disabled
):not
(.disabled
).active:focus
,
4420 .show > .btn-outline-secondary.dropdown-toggle:focus {
4421 box-shadow: 0 0 0 0.2rem rgba
(206, 212, 218, 0.5); }
4423 .btn-outline-success {
4425 border-color: #357a32; }
4426 .btn-outline-success:hover {
4428 background-color: #357a32;
4429 border-color: #357a32; }
4430 .btn-outline-success:focus, .btn-outline-success.focus {
4431 box-shadow: 0 0 0 0.2rem rgba
(53, 122, 50, 0.5); }
4432 .btn-outline-success.disabled, .btn-outline-success:disabled {
4434 background-color: transparent
; }
4435 .btn-outline-success:not
(:disabled
):not
(.disabled
):active
, .btn-outline-success:not
(:disabled
):not
(.disabled
).active
,
4436 .show > .btn-outline-success.dropdown-toggle {
4438 background-color: #357a32;
4439 border-color: #357a32; }
4440 .btn-outline-success:not
(:disabled
):not
(.disabled
):active:focus
, .btn-outline-success:not
(:disabled
):not
(.disabled
).active:focus
,
4441 .show > .btn-outline-success.dropdown-toggle:focus {
4442 box-shadow: 0 0 0 0.2rem rgba
(53, 122, 50, 0.5); }
4446 border-color: #008196; }
4447 .btn-outline-info:hover {
4449 background-color: #008196;
4450 border-color: #008196; }
4451 .btn-outline-info:focus, .btn-outline-info.focus {
4452 box-shadow: 0 0 0 0.2rem rgba
(0, 129, 150, 0.5); }
4453 .btn-outline-info.disabled, .btn-outline-info:disabled {
4455 background-color: transparent
; }
4456 .btn-outline-info:not
(:disabled
):not
(.disabled
):active
, .btn-outline-info:not
(:disabled
):not
(.disabled
).active
,
4457 .show > .btn-outline-info.dropdown-toggle {
4459 background-color: #008196;
4460 border-color: #008196; }
4461 .btn-outline-info:not
(:disabled
):not
(.disabled
):active:focus
, .btn-outline-info:not
(:disabled
):not
(.disabled
).active:focus
,
4462 .show > .btn-outline-info.dropdown-toggle:focus {
4463 box-shadow: 0 0 0 0.2rem rgba
(0, 129, 150, 0.5); }
4465 .btn-outline-warning {
4467 border-color: #f0ad4e; }
4468 .btn-outline-warning:hover {
4470 background-color: #f0ad4e;
4471 border-color: #f0ad4e; }
4472 .btn-outline-warning:focus, .btn-outline-warning.focus {
4473 box-shadow: 0 0 0 0.2rem rgba
(240, 173, 78, 0.5); }
4474 .btn-outline-warning.disabled, .btn-outline-warning:disabled {
4476 background-color: transparent
; }
4477 .btn-outline-warning:not
(:disabled
):not
(.disabled
):active
, .btn-outline-warning:not
(:disabled
):not
(.disabled
).active
,
4478 .show > .btn-outline-warning.dropdown-toggle {
4480 background-color: #f0ad4e;
4481 border-color: #f0ad4e; }
4482 .btn-outline-warning:not
(:disabled
):not
(.disabled
):active:focus
, .btn-outline-warning:not
(:disabled
):not
(.disabled
).active:focus
,
4483 .show > .btn-outline-warning.dropdown-toggle:focus {
4484 box-shadow: 0 0 0 0.2rem rgba
(240, 173, 78, 0.5); }
4486 .btn-outline-danger {
4488 border-color: #ca3120; }
4489 .btn-outline-danger:hover {
4491 background-color: #ca3120;
4492 border-color: #ca3120; }
4493 .btn-outline-danger:focus, .btn-outline-danger.focus {
4494 box-shadow: 0 0 0 0.2rem rgba
(202, 49, 32, 0.5); }
4495 .btn-outline-danger.disabled, .btn-outline-danger:disabled {
4497 background-color: transparent
; }
4498 .btn-outline-danger:not
(:disabled
):not
(.disabled
):active
, .btn-outline-danger:not
(:disabled
):not
(.disabled
).active
,
4499 .show > .btn-outline-danger.dropdown-toggle {
4501 background-color: #ca3120;
4502 border-color: #ca3120; }
4503 .btn-outline-danger:not
(:disabled
):not
(.disabled
):active:focus
, .btn-outline-danger:not
(:disabled
):not
(.disabled
).active:focus
,
4504 .show > .btn-outline-danger.dropdown-toggle:focus {
4505 box-shadow: 0 0 0 0.2rem rgba
(202, 49, 32, 0.5); }
4507 .btn-outline-light {
4509 border-color: #f8f9fa; }
4510 .btn-outline-light:hover {
4512 background-color: #f8f9fa;
4513 border-color: #f8f9fa; }
4514 .btn-outline-light:focus, .btn-outline-light.focus {
4515 box-shadow: 0 0 0 0.2rem rgba
(248, 249, 250, 0.5); }
4516 .btn-outline-light.disabled, .btn-outline-light:disabled {
4518 background-color: transparent
; }
4519 .btn-outline-light:not
(:disabled
):not
(.disabled
):active
, .btn-outline-light:not
(:disabled
):not
(.disabled
).active
,
4520 .show > .btn-outline-light.dropdown-toggle {
4522 background-color: #f8f9fa;
4523 border-color: #f8f9fa; }
4524 .btn-outline-light:not
(:disabled
):not
(.disabled
):active:focus
, .btn-outline-light:not
(:disabled
):not
(.disabled
).active:focus
,
4525 .show > .btn-outline-light.dropdown-toggle:focus {
4526 box-shadow: 0 0 0 0.2rem rgba
(248, 249, 250, 0.5); }
4530 border-color: #343a40; }
4531 .btn-outline-dark:hover {
4533 background-color: #343a40;
4534 border-color: #343a40; }
4535 .btn-outline-dark:focus, .btn-outline-dark.focus {
4536 box-shadow: 0 0 0 0.2rem rgba
(52, 58, 64, 0.5); }
4537 .btn-outline-dark.disabled, .btn-outline-dark:disabled {
4539 background-color: transparent
; }
4540 .btn-outline-dark:not
(:disabled
):not
(.disabled
):active
, .btn-outline-dark:not
(:disabled
):not
(.disabled
).active
,
4541 .show > .btn-outline-dark.dropdown-toggle {
4543 background-color: #343a40;
4544 border-color: #343a40; }
4545 .btn-outline-dark:not
(:disabled
):not
(.disabled
):active:focus
, .btn-outline-dark:not
(:disabled
):not
(.disabled
).active:focus
,
4546 .show > .btn-outline-dark.dropdown-toggle:focus {
4547 box-shadow: 0 0 0 0.2rem rgba
(52, 58, 64, 0.5); }
4552 text-decoration: none
; }
4555 text-decoration: underline
; }
4556 .btn-link:focus, .btn-link.focus {
4557 text-decoration: underline
; }
4558 .btn-link:disabled, .btn-link.disabled {
4560 pointer-events: none
; }
4562 .btn-lg, .btn-group-lg > .btn {
4563 padding: 0.5rem 1rem;
4564 font-size: 1.171875rem;
4566 border-radius: 0.3rem; }
4567 @media
(max-width: 1200px) {
4568 .btn-lg, .btn-group-lg > .btn {
4569 font-size: calc
(0.9271875rem + 0.32625vw) ; } }
4571 .btn-sm, .btn-group-sm > .btn {
4572 padding: 0.25rem 0.5rem;
4573 font-size: 0.8203125rem;
4575 border-radius: 0.2rem; }
4580 .btn-block + .btn-block {
4581 margin-top: 0.5rem; }
4583 input
[type
="submit"].btn-block
,
4584 input
[type
="reset"].btn-block
,
4585 input
[type
="button"].btn-block
{
4589 transition: opacity
0.15s linear
; }
4590 @media
(prefers-reduced-motion: reduce
) {
4592 transition: none
; } }
4596 .collapse:not(.show) {
4603 transition: height
0.35s ease
; }
4604 @media
(prefers-reduced-motion: reduce
) {
4606 transition: none
; } }
4612 position: relative
; }
4615 white-space: nowrap
; }
4616 .dropdown-toggle::after {
4617 display: inline-block
;
4618 margin-left: 0.255em;
4619 vertical-align: 0.255em;
4621 border-top: 0.3em solid
;
4622 border-right: 0.3em solid transparent
;
4624 border-left: 0.3em solid transparent
; }
4625 .dropdown-toggle:empty::after {
4637 margin: 0.125rem 0 0;
4638 font-size: 0.9375rem;
4642 background-color: #fff;
4643 background-clip: padding-box
;
4644 border: 1px solid rgba
(0, 0, 0, 0.15);
4645 border-radius: 0.25rem; }
4646 @media
(max-width: 1200px) {
4648 font-size: calc
(0.90375rem + 0.045vw) ; } }
4650 .dropdown-menu-left {
4654 .dropdown-menu-right {
4658 @media (min-width: 576px) {
4659 .dropdown-menu-sm-left {
4662 .dropdown-menu-sm-right {
4666 @media (min-width: 768px) {
4667 .dropdown-menu-md-left {
4670 .dropdown-menu-md-right {
4674 @media (min-width: 992px) {
4675 .dropdown-menu-lg-left {
4678 .dropdown-menu-lg-right {
4682 @media (min-width: 1200px) {
4683 .dropdown-menu-xl-left {
4686 .dropdown-menu-xl-right {
4690 .dropup .dropdown-menu {
4694 margin-bottom: 0.125rem; }
4696 .dropup .dropdown-toggle::after {
4697 display: inline-block
;
4698 margin-left: 0.255em;
4699 vertical-align: 0.255em;
4702 border-right: 0.3em solid transparent
;
4703 border-bottom: 0.3em solid
;
4704 border-left: 0.3em solid transparent
; }
4706 .dropup .dropdown-toggle:empty::after {
4709 .dropright .dropdown-menu {
4714 margin-left: 0.125rem; }
4716 .dropright .dropdown-toggle::after {
4717 display: inline-block
;
4718 margin-left: 0.255em;
4719 vertical-align: 0.255em;
4721 border-top: 0.3em solid transparent
;
4723 border-bottom: 0.3em solid transparent
;
4724 border-left: 0.3em solid
; }
4726 .dropright .dropdown-toggle:empty::after {
4729 .dropright .dropdown-toggle::after {
4730 vertical-align: 0; }
4732 .dropleft .dropdown-menu {
4737 margin-right: 0.125rem; }
4739 .dropleft .dropdown-toggle::after {
4740 display: inline-block
;
4741 margin-left: 0.255em;
4742 vertical-align: 0.255em;
4745 .dropleft .dropdown-toggle::after {
4748 .dropleft .dropdown-toggle::before {
4749 display: inline-block
;
4750 margin-right: 0.255em;
4751 vertical-align: 0.255em;
4753 border-top: 0.3em solid transparent
;
4754 border-right: 0.3em solid
;
4755 border-bottom: 0.3em solid transparent
; }
4757 .dropleft .dropdown-toggle:empty::after {
4760 .dropleft .dropdown-toggle::before {
4761 vertical-align: 0; }
4763 .dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] {
4771 border-top: 1px solid
#e9ecef; }
4776 padding: 0.25rem 1.5rem;
4780 text-align: inherit
;
4781 white-space: nowrap
;
4782 background-color: transparent
;
4784 .dropdown-item:hover, .dropdown-item:focus {
4786 text-decoration: none
;
4787 background-color: #f8f9fa; }
4788 .dropdown-item.active, .dropdown-item:active {
4790 text-decoration: none
;
4791 background-color: #0f6fc5; }
4792 .dropdown-item.disabled, .dropdown-item:disabled {
4794 pointer-events: none
;
4795 background-color: transparent
; }
4797 .dropdown-menu.show {
4802 padding: 0.5rem 1.5rem;
4804 font-size: 0.8203125rem;
4806 white-space: nowrap
; }
4808 .dropdown-item-text {
4810 padding: 0.25rem 1.5rem;
4814 .btn-group-vertical {
4816 display: inline-flex
;
4817 vertical-align: middle
; }
4819 .btn-group-vertical > .btn {
4822 .btn-group
> .btn:hover
,
4823 .btn-group-vertical > .btn:hover {
4825 .btn-group
> .btn:focus
, .btn-group
> .btn:active
, .btn-group
> .btn
.active
,
4826 .btn-group-vertical
> .btn:focus
,
4827 .btn-group-vertical
> .btn:active
,
4828 .btn-group-vertical > .btn.active {
4834 justify-content: flex-start
; }
4835 .btn-toolbar .input-group {
4838 .btn-group
> .btn:not
(:first-child
),
4839 .btn-group > .btn-group:not(:first-child) {
4840 margin-left: -1px; }
4842 .btn-group
> .btn:not
(:last-child
):not
(.dropdown-toggle
),
4843 .btn-group > .btn-group:not(:last-child) > .btn {
4844 border-top-right-radius: 0;
4845 border-bottom-right-radius: 0; }
4847 .btn-group
> .btn:not
(:first-child
),
4848 .btn-group > .btn-group:not(:first-child) > .btn {
4849 border-top-left-radius: 0;
4850 border-bottom-left-radius: 0; }
4852 .dropdown-toggle-split {
4853 padding-right: 0.5625rem;
4854 padding-left: 0.5625rem; }
4855 .dropdown-toggle-split::after
,
4856 .dropup
.dropdown-toggle-split::after
,
4857 .dropright .dropdown-toggle-split::after {
4859 .dropleft .dropdown-toggle-split::before {
4862 .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
4863 padding-right: 0.375rem;
4864 padding-left: 0.375rem; }
4866 .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
4867 padding-right: 0.75rem;
4868 padding-left: 0.75rem; }
4870 .btn-group-vertical {
4871 flex-direction: column
;
4872 align-items: flex-start
;
4873 justify-content: center
; }
4874 .btn-group-vertical
> .btn
,
4875 .btn-group-vertical > .btn-group {
4877 .btn-group-vertical
> .btn:not
(:first-child
),
4878 .btn-group-vertical > .btn-group:not(:first-child) {
4880 .btn-group-vertical
> .btn:not
(:last-child
):not
(.dropdown-toggle
),
4881 .btn-group-vertical > .btn-group:not(:last-child) > .btn {
4882 border-bottom-right-radius: 0;
4883 border-bottom-left-radius: 0; }
4884 .btn-group-vertical
> .btn:not
(:first-child
),
4885 .btn-group-vertical > .btn-group:not(:first-child) > .btn {
4886 border-top-left-radius: 0;
4887 border-top-right-radius: 0; }
4889 .btn-group-toggle
> .btn
,
4890 .btn-group-toggle > .btn-group > .btn {
4892 .btn-group-toggle
> .btn input
[type
="radio"],
4893 .btn-group-toggle
> .btn input
[type
="checkbox"],
4894 .btn-group-toggle
> .btn-group
> .btn input
[type
="radio"],
4895 .btn-group-toggle > .btn-group > .btn input[type="checkbox"] {
4897 clip: rect
(0, 0, 0, 0);
4898 pointer-events: none
; }
4904 align-items: stretch
;
4906 .input-group
> .form-control
,
4907 .input-group
> .form-control-plaintext
,
4908 .input-group
> .custom-select
,
4909 .input-group > .custom-file {
4915 .input-group
> .form-control
+ .form-control
,
4916 .input-group
> .form-control
+ .custom-select
,
4917 .input-group
> .form-control
+ .custom-file
,
4918 .input-group
> .form-control-plaintext
+ .form-control
,
4919 .input-group
> .form-control-plaintext
+ .custom-select
,
4920 .input-group
> .form-control-plaintext
+ .custom-file
,
4921 .input-group
> .custom-select
+ .form-control
,
4922 .input-group
> .custom-select
+ .custom-select
,
4923 .input-group
> .custom-select
+ .custom-file
,
4924 .input-group
> .custom-file
+ .form-control
,
4925 .input-group
> .custom-file
+ .custom-select
,
4926 .input-group > .custom-file + .custom-file {
4927 margin-left: -1px; }
4928 .input-group
> .form-control:focus
,
4929 .input-group
> .custom-select:focus
,
4930 .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
4932 .input-group > .custom-file .custom-file-input:focus {
4934 .input-group
> .form-control:not
(:last-child
),
4935 .input-group > .custom-select:not(:last-child) {
4936 border-top-right-radius: 0;
4937 border-bottom-right-radius: 0; }
4938 .input-group
> .form-control:not
(:first-child
),
4939 .input-group > .custom-select:not(:first-child) {
4940 border-top-left-radius: 0;
4941 border-bottom-left-radius: 0; }
4942 .input-group > .custom-file {
4944 align-items: center
; }
4945 .input-group
> .custom-file:not
(:last-child
) .custom-file-label
,
4946 .input-group > .custom-file:not(:last-child) .custom-file-label::after {
4947 border-top-right-radius: 0;
4948 border-bottom-right-radius: 0; }
4949 .input-group > .custom-file:not(:first-child) .custom-file-label {
4950 border-top-left-radius: 0;
4951 border-bottom-left-radius: 0; }
4953 .input-group-prepend
,
4954 .input-group-append {
4956 .input-group-prepend
.btn
,
4957 .input-group-append .btn {
4960 .input-group-prepend
.btn:focus
,
4961 .input-group-append .btn:focus {
4963 .input-group-prepend
.btn
+ .btn
,
4964 .input-group-prepend
.btn
+ .input-group-text
,
4965 .input-group-prepend
.input-group-text
+ .input-group-text
,
4966 .input-group-prepend
.input-group-text
+ .btn
,
4967 .input-group-append
.btn
+ .btn
,
4968 .input-group-append
.btn
+ .input-group-text
,
4969 .input-group-append
.input-group-text
+ .input-group-text
,
4970 .input-group-append .input-group-text + .btn {
4971 margin-left: -1px; }
4973 .input-group-prepend {
4974 margin-right: -1px; }
4976 .input-group-append {
4977 margin-left: -1px; }
4981 align-items: center
;
4982 padding: 0.375rem 0.75rem;
4984 font-size: 0.9375rem;
4989 white-space: nowrap
;
4990 background-color: #e9ecef;
4991 border: 1px solid
#8f959e;
4992 border-radius: 0.25rem; }
4993 @media
(max-width: 1200px) {
4995 font-size: calc
(0.90375rem + 0.045vw) ; } }
4996 .input-group-text input
[type
="radio"],
4997 .input-group-text input[type="checkbox"] {
5000 .input-group-lg
> .form-control:not
(textarea
),
5001 .input-group-lg > .custom-select {
5002 height: calc
(1.5em + 1rem + 2px); }
5004 .input-group-lg
> .form-control
,
5005 .input-group-lg
> .custom-select
,
5006 .input-group-lg
> .input-group-prepend
> .input-group-text
,
5007 .input-group-lg
> .input-group-append
> .input-group-text
,
5008 .input-group-lg
> .input-group-prepend
> .btn
,
5009 .input-group-lg > .input-group-append > .btn {
5010 padding: 0.5rem 1rem;
5011 font-size: 1.171875rem;
5013 border-radius: 0.3rem; }
5014 @media
(max-width: 1200px) {
5015 .input-group-lg
> .form-control
,
5016 .input-group-lg
> .custom-select
,
5017 .input-group-lg
> .input-group-prepend
> .input-group-text
,
5018 .input-group-lg
> .input-group-append
> .input-group-text
,
5019 .input-group-lg
> .input-group-prepend
> .btn
,
5020 .input-group-lg > .input-group-append > .btn {
5021 font-size: calc
(0.9271875rem + 0.32625vw) ; } }
5023 .input-group-sm
> .form-control:not
(textarea
),
5024 .input-group-sm > .custom-select {
5025 height: calc
(1.5em + 0.5rem + 2px); }
5027 .input-group-sm
> .form-control
,
5028 .input-group-sm
> .custom-select
,
5029 .input-group-sm
> .input-group-prepend
> .input-group-text
,
5030 .input-group-sm
> .input-group-append
> .input-group-text
,
5031 .input-group-sm
> .input-group-prepend
> .btn
,
5032 .input-group-sm > .input-group-append > .btn {
5033 padding: 0.25rem 0.5rem;
5034 font-size: 0.8203125rem;
5036 border-radius: 0.2rem; }
5038 .input-group-lg
> .custom-select
,
5039 .input-group-sm > .custom-select {
5040 padding-right: 1.75rem; }
5042 .input-group
> .input-group-prepend
> .btn
,
5043 .input-group
> .input-group-prepend
> .input-group-text
,
5044 .input-group
> .input-group-append:not
(:last-child
) > .btn
,
5045 .input-group
> .input-group-append:not
(:last-child
) > .input-group-text
,
5046 .input-group
> .input-group-append:last-child
> .btn:not
(:last-child
):not
(.dropdown-toggle
),
5047 .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
5048 border-top-right-radius: 0;
5049 border-bottom-right-radius: 0; }
5051 .input-group
> .input-group-append
> .btn
,
5052 .input-group
> .input-group-append
> .input-group-text
,
5053 .input-group
> .input-group-prepend:not
(:first-child
) > .btn
,
5054 .input-group
> .input-group-prepend:not
(:first-child
) > .input-group-text
,
5055 .input-group
> .input-group-prepend:first-child
> .btn:not
(:first-child
),
5056 .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
5057 border-top-left-radius: 0;
5058 border-bottom-left-radius: 0; }
5063 min-height: 1.40625rem;
5064 padding-left: 1.5rem; }
5066 .custom-control-inline {
5067 display: inline-flex
;
5068 margin-right: 1rem; }
5070 .custom-control-input {
5075 height: 1.203125rem;
5077 .custom-control-input:checked ~ .custom-control-label::before {
5079 border-color: #0f6fc5;
5080 background-color: #0f6fc5; }
5081 .custom-control-input:focus ~ .custom-control-label::before {
5082 box-shadow: 0 0 0 0.2rem rgba
(15, 111, 197, 0.75); }
5083 .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
5084 border-color: #61aef3; }
5085 .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
5087 background-color: #90c6f7;
5088 border-color: #90c6f7; }
5089 .custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label {
5091 .custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before {
5092 background-color: #e9ecef; }
5094 .custom-control-label {
5097 vertical-align: top
; }
5098 .custom-control-label::before {
5105 pointer-events: none
;
5107 background-color: #fff;
5108 border: #8f959e solid
1px; }
5109 .custom-control-label::after {
5117 background: no-repeat
50% / 50% 50%; }
5119 .custom-checkbox .custom-control-label::before {
5120 border-radius: 0.25rem; }
5122 .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
5123 background-image: url
("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); }
5125 .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
5126 border-color: #0f6fc5;
5127 background-color: #0f6fc5; }
5129 .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
5130 background-image: url
("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e"); }
5132 .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
5133 background-color: rgba
(15, 111, 197, 0.5); }
5135 .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
5136 background-color: rgba
(15, 111, 197, 0.5); }
5138 .custom-radio .custom-control-label::before {
5139 border-radius: 50%; }
5141 .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
5142 background-image: url
("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); }
5144 .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
5145 background-color: rgba
(15, 111, 197, 0.5); }
5148 padding-left: 2.25rem; }
5149 .custom-switch .custom-control-label::before {
5152 pointer-events: all
;
5153 border-radius: 0.5rem; }
5154 .custom-switch .custom-control-label::after {
5155 top: calc
(0.203125rem + 2px);
5156 left: calc
(-2.25rem + 2px);
5157 width: calc
(1rem - 4px);
5158 height: calc
(1rem - 4px);
5159 background-color: #8f959e;
5160 border-radius: 0.5rem;
5161 transition: transform
0.15s ease-in-out
, background-color
0.15s ease-in-out
, border-color
0.15s ease-in-out
, box-shadow
0.15s ease-in-out
; }
5162 @media
(prefers-reduced-motion: reduce
) {
5163 .custom-switch .custom-control-label::after {
5164 transition: none
; } }
5165 .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
5166 background-color: #fff;
5167 transform: translateX
(0.75rem); }
5168 .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
5169 background-color: rgba
(15, 111, 197, 0.5); }
5172 display: inline-block
;
5174 height: calc
(1.5em + 0.75rem + 2px);
5175 padding: 0.375rem 1.75rem 0.375rem 0.75rem;
5176 font-size: 0.9375rem;
5180 vertical-align: middle
;
5181 background: #fff url
("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right
0.75rem center
/8px 10px;
5182 border: 1px solid
#8f959e;
5183 border-radius: 0.25rem;
5185 @media
(max-width: 1200px) {
5187 font-size: calc
(0.90375rem + 0.045vw) ; } }
5188 .custom-select:focus {
5189 border-color: #61aef3;
5191 box-shadow: 0 0 0 0.2rem rgba
(15, 111, 197, 0.75); }
5192 .custom-select:focus::-ms-value {
5194 background-color: #fff; }
5195 .custom-select[multiple], .custom-select[size]:not([size="1"]) {
5197 padding-right: 0.75rem;
5198 background-image: none
; }
5199 .custom-select:disabled {
5201 background-color: #e9ecef; }
5202 .custom-select::-ms-expand {
5204 .custom-select:-moz-focusring {
5206 text-shadow: 0 0 0 #495057; }
5209 height: calc
(1.5em + 0.5rem + 2px);
5210 padding-top: 0.25rem;
5211 padding-bottom: 0.25rem;
5212 padding-left: 0.5rem;
5213 font-size: 0.8203125rem; }
5216 height: calc
(1.5em + 1rem + 2px);
5217 padding-top: 0.5rem;
5218 padding-bottom: 0.5rem;
5220 font-size: 1.171875rem; }
5221 @media
(max-width: 1200px) {
5223 font-size: calc
(0.9271875rem + 0.32625vw) ; } }
5227 display: inline-block
;
5229 height: calc
(1.5em + 0.75rem + 2px);
5232 .custom-file-input {
5236 height: calc
(1.5em + 0.75rem + 2px);
5239 .custom-file-input:focus ~ .custom-file-label {
5240 border-color: #61aef3;
5241 box-shadow: 0 0 0 0.2rem rgba
(15, 111, 197, 0.75); }
5242 .custom-file-input
[disabled
] ~ .custom-file-label
,
5243 .custom-file-input:disabled ~ .custom-file-label {
5244 background-color: #e9ecef; }
5245 .custom-file-input:lang(en) ~ .custom-file-label::after {
5246 content: "Browse"; }
5247 .custom-file-input ~ .custom-file-label[data-browse]::after {
5248 content: attr
(data-browse
); }
5250 .custom-file-label {
5256 height: calc
(1.5em + 0.75rem + 2px);
5257 padding: 0.375rem 0.75rem;
5261 background-color: #fff;
5262 border: 1px solid
#8f959e;
5263 border-radius: 0.25rem; }
5264 .custom-file-label::after {
5271 height: calc
(1.5em + 0.75rem);
5272 padding: 0.375rem 0.75rem;
5276 background-color: #e9ecef;
5277 border-left: inherit
;
5278 border-radius: 0 0.25rem 0.25rem 0; }
5284 background-color: transparent
;
5286 .custom-range:focus {
5288 .custom-range:focus::-webkit-slider-thumb {
5289 box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba
(15, 111, 197, 0.75); }
5290 .custom-range:focus::-moz-range-thumb {
5291 box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba
(15, 111, 197, 0.75); }
5292 .custom-range:focus::-ms-thumb {
5293 box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba
(15, 111, 197, 0.75); }
5294 .custom-range::-moz-focus-outer {
5296 .custom-range::-webkit-slider-thumb {
5299 margin-top: -0.25rem;
5300 background-color: #0f6fc5;
5302 border-radius: 1rem;
5303 transition: background-color
0.15s ease-in-out
, border-color
0.15s ease-in-out
, box-shadow
0.15s ease-in-out
;
5305 @media
(prefers-reduced-motion: reduce
) {
5306 .custom-range::-webkit-slider-thumb {
5307 transition: none
; } }
5308 .custom-range::-webkit-slider-thumb:active {
5309 background-color: #90c6f7; }
5310 .custom-range::-webkit-slider-runnable-track {
5315 background-color: #dee2e6;
5316 border-color: transparent
;
5317 border-radius: 1rem; }
5318 .custom-range::-moz-range-thumb {
5321 background-color: #0f6fc5;
5323 border-radius: 1rem;
5324 transition: background-color
0.15s ease-in-out
, border-color
0.15s ease-in-out
, box-shadow
0.15s ease-in-out
;
5326 @media
(prefers-reduced-motion: reduce
) {
5327 .custom-range::-moz-range-thumb {
5328 transition: none
; } }
5329 .custom-range::-moz-range-thumb:active {
5330 background-color: #90c6f7; }
5331 .custom-range::-moz-range-track {
5336 background-color: #dee2e6;
5337 border-color: transparent
;
5338 border-radius: 1rem; }
5339 .custom-range::-ms-thumb {
5343 margin-right: 0.2rem;
5344 margin-left: 0.2rem;
5345 background-color: #0f6fc5;
5347 border-radius: 1rem;
5348 transition: background-color
0.15s ease-in-out
, border-color
0.15s ease-in-out
, box-shadow
0.15s ease-in-out
;
5350 @media
(prefers-reduced-motion: reduce
) {
5351 .custom-range::-ms-thumb {
5352 transition: none
; } }
5353 .custom-range::-ms-thumb:active {
5354 background-color: #90c6f7; }
5355 .custom-range::-ms-track {
5360 background-color: transparent
;
5361 border-color: transparent
;
5362 border-width: 0.5rem; }
5363 .custom-range::-ms-fill-lower {
5364 background-color: #dee2e6;
5365 border-radius: 1rem; }
5366 .custom-range::-ms-fill-upper {
5368 background-color: #dee2e6;
5369 border-radius: 1rem; }
5370 .custom-range:disabled::-webkit-slider-thumb {
5371 background-color: #8f959e; }
5372 .custom-range:disabled::-webkit-slider-runnable-track {
5374 .custom-range:disabled::-moz-range-thumb {
5375 background-color: #8f959e; }
5376 .custom-range:disabled::-moz-range-track {
5378 .custom-range:disabled::-ms-thumb {
5379 background-color: #8f959e; }
5381 .custom-control-label::before
,
5384 transition: background-color
0.15s ease-in-out
, border-color
0.15s ease-in-out
, box-shadow
0.15s ease-in-out
; }
5385 @media
(prefers-reduced-motion: reduce
) {
5386 .custom-control-label::before
,
5389 transition: none
; } }
5400 padding: 0.5rem 1rem; }
5401 .nav-link:hover, .nav-link:focus {
5402 text-decoration: none
; }
5403 .nav-link.disabled {
5405 pointer-events: none
;
5409 border-bottom: 1px solid
#dee2e6; }
5410 .nav-tabs .nav-item {
5411 margin-bottom: -1px; }
5412 .nav-tabs .nav-link {
5413 border: 1px solid transparent
;
5414 border-top-left-radius: 0.25rem;
5415 border-top-right-radius: 0.25rem; }
5416 .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
5417 border-color: #e9ecef #e9ecef #dee2e6; }
5418 .nav-tabs .nav-link.disabled {
5420 background-color: transparent
;
5421 border-color: transparent
; }
5422 .nav-tabs
.nav-link
.active
,
5423 .nav-tabs .nav-item.show .nav-link {
5425 background-color: #fff;
5426 border-color: #dee2e6 #dee2e6 #fff; }
5427 .nav-tabs .dropdown-menu {
5429 border-top-left-radius: 0;
5430 border-top-right-radius: 0; }
5432 .nav-pills .nav-link {
5433 border-radius: 0.25rem; }
5435 .nav-pills
.nav-link
.active
,
5436 .nav-pills .show > .nav-link {
5438 background-color: #0f6fc5; }
5440 .nav-fill .nav-item {
5442 text-align: center
; }
5444 .nav-justified .nav-item {
5447 text-align: center
; }
5449 .tab-content > .tab-pane {
5452 .tab-content > .active {
5459 align-items: center
;
5460 justify-content: space-between
;
5461 padding: 0.5rem 1rem; }
5463 .navbar .container-fluid, .navbar .container-sm, .navbar .container-md, .navbar .container-lg, .navbar .container-xl {
5466 align-items: center
;
5467 justify-content: space-between
; }
5470 display: inline-block
;
5471 padding-top: 0.32421875rem;
5472 padding-bottom: 0.32421875rem;
5474 font-size: 1.171875rem;
5475 line-height: inherit
;
5476 white-space: nowrap
; }
5477 @media
(max-width: 1200px) {
5479 font-size: calc
(0.9271875rem + 0.32625vw) ; } }
5480 .navbar-brand:hover, .navbar-brand:focus {
5481 text-decoration: none
; }
5485 flex-direction: column
;
5489 .navbar-nav .nav-link {
5492 .navbar-nav .dropdown-menu {
5497 display: inline-block
;
5498 padding-top: 0.5rem;
5499 padding-bottom: 0.5rem; }
5504 align-items: center
; }
5507 padding: 0.25rem 0.75rem;
5508 font-size: 1.171875rem;
5510 background-color: transparent
;
5511 border: 1px solid transparent
;
5512 border-radius: 0.25rem; }
5513 @media
(max-width: 1200px) {
5515 font-size: calc
(0.9271875rem + 0.32625vw) ; } }
5516 .navbar-toggler:hover, .navbar-toggler:focus {
5517 text-decoration: none
; }
5519 .navbar-toggler-icon {
5520 display: inline-block
;
5523 vertical-align: middle
;
5525 background: no-repeat center center
;
5526 background-size: 100% 100%; }
5528 @media (max-width: 575.98px) {
5529 .navbar-expand-sm
> .container
,
5530 .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl {
5532 padding-left: 0; } }
5534 @media (min-width: 576px) {
5536 flex-flow: row nowrap
;
5537 justify-content: flex-start
; }
5538 .navbar-expand-sm .navbar-nav {
5539 flex-direction: row
; }
5540 .navbar-expand-sm .navbar-nav .dropdown-menu {
5541 position: absolute
; }
5542 .navbar-expand-sm .navbar-nav .nav-link {
5543 padding-right: 0.5rem;
5544 padding-left: 0.5rem; }
5545 .navbar-expand-sm
> .container
,
5546 .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl {
5547 flex-wrap: nowrap
; }
5548 .navbar-expand-sm .navbar-collapse {
5549 display: flex
!important
;
5551 .navbar-expand-sm .navbar-toggler {
5554 @media (max-width: 767.98px) {
5555 .navbar-expand-md
> .container
,
5556 .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl {
5558 padding-left: 0; } }
5560 @media (min-width: 768px) {
5562 flex-flow: row nowrap
;
5563 justify-content: flex-start
; }
5564 .navbar-expand-md .navbar-nav {
5565 flex-direction: row
; }
5566 .navbar-expand-md .navbar-nav .dropdown-menu {
5567 position: absolute
; }
5568 .navbar-expand-md .navbar-nav .nav-link {
5569 padding-right: 0.5rem;
5570 padding-left: 0.5rem; }
5571 .navbar-expand-md
> .container
,
5572 .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl {
5573 flex-wrap: nowrap
; }
5574 .navbar-expand-md .navbar-collapse {
5575 display: flex
!important
;
5577 .navbar-expand-md .navbar-toggler {
5580 @media (max-width: 991.98px) {
5581 .navbar-expand-lg
> .container
,
5582 .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl {
5584 padding-left: 0; } }
5586 @media (min-width: 992px) {
5588 flex-flow: row nowrap
;
5589 justify-content: flex-start
; }
5590 .navbar-expand-lg .navbar-nav {
5591 flex-direction: row
; }
5592 .navbar-expand-lg .navbar-nav .dropdown-menu {
5593 position: absolute
; }
5594 .navbar-expand-lg .navbar-nav .nav-link {
5595 padding-right: 0.5rem;
5596 padding-left: 0.5rem; }
5597 .navbar-expand-lg
> .container
,
5598 .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl {
5599 flex-wrap: nowrap
; }
5600 .navbar-expand-lg .navbar-collapse {
5601 display: flex
!important
;
5603 .navbar-expand-lg .navbar-toggler {
5606 @media (max-width: 1199.98px) {
5607 .navbar-expand-xl
> .container
,
5608 .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl {
5610 padding-left: 0; } }
5612 @media (min-width: 1200px) {
5614 flex-flow: row nowrap
;
5615 justify-content: flex-start
; }
5616 .navbar-expand-xl .navbar-nav {
5617 flex-direction: row
; }
5618 .navbar-expand-xl .navbar-nav .dropdown-menu {
5619 position: absolute
; }
5620 .navbar-expand-xl .navbar-nav .nav-link {
5621 padding-right: 0.5rem;
5622 padding-left: 0.5rem; }
5623 .navbar-expand-xl
> .container
,
5624 .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl {
5625 flex-wrap: nowrap
; }
5626 .navbar-expand-xl .navbar-collapse {
5627 display: flex
!important
;
5629 .navbar-expand-xl .navbar-toggler {
5633 flex-flow: row nowrap
;
5634 justify-content: flex-start
; }
5635 .navbar-expand
> .container
,
5636 .navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl {
5639 .navbar-expand .navbar-nav {
5640 flex-direction: row
; }
5641 .navbar-expand .navbar-nav .dropdown-menu {
5642 position: absolute
; }
5643 .navbar-expand .navbar-nav .nav-link {
5644 padding-right: 0.5rem;
5645 padding-left: 0.5rem; }
5646 .navbar-expand
> .container
,
5647 .navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl {
5648 flex-wrap: nowrap
; }
5649 .navbar-expand .navbar-collapse {
5650 display: flex
!important
;
5652 .navbar-expand .navbar-toggler {
5655 .navbar-light .navbar-brand {
5656 color: rgba
(0, 0, 0, 0.9); }
5657 .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
5658 color: rgba
(0, 0, 0, 0.9); }
5660 .navbar-light .navbar-nav .nav-link {
5661 color: rgba
(0, 0, 0, 0.6); }
5662 .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
5663 color: rgba
(0, 0, 0, 0.9); }
5664 .navbar-light .navbar-nav .nav-link.disabled {
5665 color: rgba
(0, 0, 0, 0.3); }
5667 .navbar-light
.navbar-nav
.show
> .nav-link
,
5668 .navbar-light
.navbar-nav
.active
> .nav-link
,
5669 .navbar-light
.navbar-nav
.nav-link
.show
,
5670 .navbar-light .navbar-nav .nav-link.active {
5671 color: rgba
(0, 0, 0, 0.9); }
5673 .navbar-light .navbar-toggler {
5674 color: rgba
(0, 0, 0, 0.6);
5675 border-color: rgba
(0, 0, 0, 0.1); }
5677 .navbar-light .navbar-toggler-icon {
5678 background-image: url
("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.6%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }
5680 .navbar-light .navbar-text {
5681 color: rgba
(0, 0, 0, 0.6); }
5682 .navbar-light .navbar-text a {
5683 color: rgba
(0, 0, 0, 0.9); }
5684 .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
5685 color: rgba
(0, 0, 0, 0.9); }
5687 .navbar-dark .navbar-brand {
5689 .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
5692 .navbar-dark .navbar-nav .nav-link {
5693 color: rgba
(255, 255, 255, 0.5); }
5694 .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
5696 .navbar-dark .navbar-nav .nav-link.disabled {
5697 color: rgba
(255, 255, 255, 0.25); }
5699 .navbar-dark
.navbar-nav
.show
> .nav-link
,
5700 .navbar-dark
.navbar-nav
.active
> .nav-link
,
5701 .navbar-dark
.navbar-nav
.nav-link
.show
,
5702 .navbar-dark .navbar-nav .nav-link.active {
5705 .navbar-dark .navbar-toggler {
5706 color: rgba
(255, 255, 255, 0.5);
5707 border-color: rgba
(255, 255, 255, 0.1); }
5709 .navbar-dark .navbar-toggler-icon {
5710 background-image: url
("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }
5712 .navbar-dark .navbar-text {
5713 color: rgba
(255, 255, 255, 0.5); }
5714 .navbar-dark .navbar-text a {
5716 .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
5722 flex-direction: column
;
5724 word-wrap: break-word
;
5725 background-color: #fff;
5726 background-clip: border-box
;
5727 border: 1px solid rgba
(0, 0, 0, 0.125);
5728 border-radius: 0.25rem; }
5732 .card > .list-group {
5733 border-top: inherit
;
5734 border-bottom: inherit
; }
5735 .card > .list-group:first-child {
5736 border-top-width: 0;
5737 border-top-left-radius: calc
(0.25rem - 1px);
5738 border-top-right-radius: calc
(0.25rem - 1px); }
5739 .card > .list-group:last-child {
5740 border-bottom-width: 0;
5741 border-bottom-right-radius: calc
(0.25rem - 1px);
5742 border-bottom-left-radius: calc
(0.25rem - 1px); }
5750 margin-bottom: 0.75rem; }
5753 margin-top: -0.375rem;
5756 .card-text:last-child {
5760 text-decoration: none
; }
5762 .card-link + .card-link {
5763 margin-left: 1.25rem; }
5766 padding: 0.75rem 1.25rem;
5768 background-color: rgba
(0, 0, 0, 0.03);
5769 border-bottom: 1px solid rgba
(0, 0, 0, 0.125); }
5770 .card-header:first-child {
5771 border-radius: calc
(0.25rem - 1px) calc
(0.25rem - 1px) 0 0; }
5772 .card-header + .list-group .list-group-item:first-child {
5776 padding: 0.75rem 1.25rem;
5777 background-color: rgba
(0, 0, 0, 0.03);
5778 border-top: 1px solid rgba
(0, 0, 0, 0.125); }
5779 .card-footer:last-child {
5780 border-radius: 0 0 calc
(0.25rem - 1px) calc
(0.25rem - 1px); }
5783 margin-right: -0.625rem;
5784 margin-bottom: -0.75rem;
5785 margin-left: -0.625rem;
5788 .card-header-pills {
5789 margin-right: -0.625rem;
5790 margin-left: -0.625rem; }
5808 border-top-left-radius: calc
(0.25rem - 1px);
5809 border-top-right-radius: calc
(0.25rem - 1px); }
5813 border-bottom-right-radius: calc
(0.25rem - 1px);
5814 border-bottom-left-radius: calc
(0.25rem - 1px); }
5817 margin-bottom: 0.25rem; }
5819 @media (min-width: 576px) {
5822 flex-flow: row wrap
;
5823 margin-right: -0.25rem;
5824 margin-left: -0.25rem; }
5827 margin-right: 0.25rem;
5829 margin-left: 0.25rem; } }
5831 .card-group > .card {
5832 margin-bottom: 0.25rem; }
5834 @media (min-width: 576px) {
5837 flex-flow: row wrap
; }
5838 .card-group > .card {
5841 .card-group > .card + .card {
5844 .card-group > .card:not(:last-child) {
5845 border-top-right-radius: 0;
5846 border-bottom-right-radius: 0; }
5847 .card-group
> .card:not
(:last-child
) .card-img-top
,
5848 .card-group > .card:not(:last-child) .card-header {
5849 border-top-right-radius: 0; }
5850 .card-group
> .card:not
(:last-child
) .card-img-bottom
,
5851 .card-group > .card:not(:last-child) .card-footer {
5852 border-bottom-right-radius: 0; }
5853 .card-group > .card:not(:first-child) {
5854 border-top-left-radius: 0;
5855 border-bottom-left-radius: 0; }
5856 .card-group
> .card:not
(:first-child
) .card-img-top
,
5857 .card-group > .card:not(:first-child) .card-header {
5858 border-top-left-radius: 0; }
5859 .card-group
> .card:not
(:first-child
) .card-img-bottom
,
5860 .card-group > .card:not(:first-child) .card-footer {
5861 border-bottom-left-radius: 0; } }
5863 .card-columns .card {
5864 margin-bottom: 0.75rem; }
5866 @media (min-width: 576px) {
5869 column-gap: 1.25rem;
5872 .card-columns .card {
5873 display: inline-block
;
5876 .accordion > .card {
5878 .accordion > .card:not(:last-of-type) {
5880 border-bottom-right-radius: 0;
5881 border-bottom-left-radius: 0; }
5882 .accordion > .card:not(:first-of-type) {
5883 border-top-left-radius: 0;
5884 border-top-right-radius: 0; }
5885 .accordion > .card > .card-header {
5887 margin-bottom: -1px; }
5895 background-color: transparent
;
5896 border-radius: 0.25rem; }
5900 .breadcrumb-item + .breadcrumb-item {
5901 padding-left: 0.5rem; }
5902 .breadcrumb-item + .breadcrumb-item::before {
5903 display: inline-block
;
5904 padding-right: 0.5rem;
5907 .breadcrumb-item + .breadcrumb-item:hover::before {
5908 text-decoration: underline
; }
5909 .breadcrumb-item + .breadcrumb-item:hover::before {
5910 text-decoration: none
; }
5911 .breadcrumb-item.active {
5918 border-radius: 0.25rem; }
5923 padding: 0.5rem 0.75rem;
5927 background-color: #fff;
5928 border: 1px solid
#dee2e6; }
5932 text-decoration: none
;
5933 background-color: #e9ecef;
5934 border-color: #dee2e6; }
5938 box-shadow: 0 0 0 0.2rem rgba
(15, 111, 197, 0.75); }
5940 .page-item:first-child .page-link {
5942 border-top-left-radius: 0.25rem;
5943 border-bottom-left-radius: 0.25rem; }
5945 .page-item:last-child .page-link {
5946 border-top-right-radius: 0.25rem;
5947 border-bottom-right-radius: 0.25rem; }
5949 .page-item.active .page-link {
5952 background-color: #0f6fc5;
5953 border-color: #0f6fc5; }
5955 .page-item.disabled .page-link {
5957 pointer-events: none
;
5959 background-color: #fff;
5960 border-color: #dee2e6; }
5962 .pagination-lg .page-link {
5963 padding: 0.75rem 1.5rem;
5964 font-size: 1.171875rem;
5966 @media
(max-width: 1200px) {
5967 .pagination-lg .page-link {
5968 font-size: calc
(0.9271875rem + 0.32625vw) ; } }
5970 .pagination-lg .page-item:first-child .page-link {
5971 border-top-left-radius: 0.3rem;
5972 border-bottom-left-radius: 0.3rem; }
5974 .pagination-lg .page-item:last-child .page-link {
5975 border-top-right-radius: 0.3rem;
5976 border-bottom-right-radius: 0.3rem; }
5978 .pagination-sm .page-link {
5979 padding: 0.25rem 0.5rem;
5980 font-size: 0.8203125rem;
5983 .pagination-sm .page-item:first-child .page-link {
5984 border-top-left-radius: 0.2rem;
5985 border-bottom-left-radius: 0.2rem; }
5987 .pagination-sm .page-item:last-child .page-link {
5988 border-top-right-radius: 0.2rem;
5989 border-bottom-right-radius: 0.2rem; }
5992 display: inline-block
;
5993 padding: 0.25em 0.4em;
5998 white-space: nowrap
;
5999 vertical-align: baseline
;
6000 border-radius: 0.25rem;
6001 transition: color
0.15s ease-in-out
, background-color
0.15s ease-in-out
, border-color
0.15s ease-in-out
, box-shadow
0.15s ease-in-out
; }
6002 @media
(prefers-reduced-motion: reduce
) {
6004 transition: none
; } }
6005 a
.badge:hover
, a
.badge:focus
{
6006 text-decoration: none
; }
6015 padding-right: 0.6em;
6016 padding-left: 0.6em;
6017 border-radius: 10rem; }
6021 background-color: #0f6fc5; }
6022 a
.badge-primary:hover
, a
.badge-primary:focus
{
6024 background-color: #0b5496; }
6025 a
.badge-primary:focus
, a
.badge-primary
.focus
{
6027 box-shadow: 0 0 0 0.2rem rgba
(15, 111, 197, 0.5); }
6031 background-color: #ced4da; }
6032 a
.badge-secondary:hover
, a
.badge-secondary:focus
{
6034 background-color: #b1bbc4; }
6035 a
.badge-secondary:focus
, a
.badge-secondary
.focus
{
6037 box-shadow: 0 0 0 0.2rem rgba
(206, 212, 218, 0.5); }
6041 background-color: #357a32; }
6042 a
.badge-success:hover
, a
.badge-success:focus
{
6044 background-color: #255623; }
6045 a
.badge-success:focus
, a
.badge-success
.focus
{
6047 box-shadow: 0 0 0 0.2rem rgba
(53, 122, 50, 0.5); }
6051 background-color: #008196; }
6052 a
.badge-info:hover
, a
.badge-info:focus
{
6054 background-color: #005563; }
6055 a
.badge-info:focus
, a
.badge-info
.focus
{
6057 box-shadow: 0 0 0 0.2rem rgba
(0, 129, 150, 0.5); }
6061 background-color: #f0ad4e; }
6062 a
.badge-warning:hover
, a
.badge-warning:focus
{
6064 background-color: #ec971f; }
6065 a
.badge-warning:focus
, a
.badge-warning
.focus
{
6067 box-shadow: 0 0 0 0.2rem rgba
(240, 173, 78, 0.5); }
6071 background-color: #ca3120; }
6072 a
.badge-danger:hover
, a
.badge-danger:focus
{
6074 background-color: #9e2619; }
6075 a
.badge-danger:focus
, a
.badge-danger
.focus
{
6077 box-shadow: 0 0 0 0.2rem rgba
(202, 49, 32, 0.5); }
6081 background-color: #f8f9fa; }
6082 a
.badge-light:hover
, a
.badge-light:focus
{
6084 background-color: #dae0e5; }
6085 a
.badge-light:focus
, a
.badge-light
.focus
{
6087 box-shadow: 0 0 0 0.2rem rgba
(248, 249, 250, 0.5); }
6091 background-color: #343a40; }
6092 a
.badge-dark:hover
, a
.badge-dark:focus
{
6094 background-color: #1d2124; }
6095 a
.badge-dark:focus
, a
.badge-dark
.focus
{
6097 box-shadow: 0 0 0 0.2rem rgba
(52, 58, 64, 0.5); }
6101 margin-bottom: 2rem;
6102 background-color: #e9ecef;
6103 border-radius: 0.3rem; }
6104 @media
(min-width: 576px) {
6106 padding: 4rem 2rem; } }
6115 padding: 0.75rem 1.25rem;
6116 margin-bottom: 1rem;
6117 border: 0 solid transparent
;
6118 border-radius: 0.25rem; }
6126 .alert-dismissible {
6127 padding-right: 3.90625rem; }
6128 .alert-dismissible .close {
6132 padding: 0.75rem 1.25rem;
6137 background-color: #cfe2f3;
6138 border-color: #bcd7ef; }
6140 border-top-color: #a7cbea; }
6141 .alert-primary .alert-link {
6146 background-color: #f5f6f8;
6147 border-color: #f1f3f5; }
6148 .alert-secondary hr {
6149 border-top-color: #e2e6ea; }
6150 .alert-secondary .alert-link {
6155 background-color: #d7e4d6;
6156 border-color: #c6dac6; }
6158 border-top-color: #b7d0b7; }
6159 .alert-success .alert-link {
6164 background-color: #cce6ea;
6165 border-color: #b8dce2; }
6167 border-top-color: #a6d3db; }
6168 .alert-info .alert-link {
6173 background-color: #fcefdc;
6174 border-color: #fbe8cd; }
6176 border-top-color: #f9ddb5; }
6177 .alert-warning .alert-link {
6182 background-color: #f4d6d2;
6183 border-color: #f0c5c1; }
6185 border-top-color: #ebb2ac; }
6186 .alert-danger .alert-link {
6191 background-color: #fefefe;
6192 border-color: #fdfdfe; }
6194 border-top-color: #ececf6; }
6195 .alert-light .alert-link {
6200 background-color: #d6d8d9;
6201 border-color: #c6c8ca; }
6203 border-top-color: #b9bbbe; }
6204 .alert-dark .alert-link {
6207 @keyframes progress-bar-stripes
{
6209 background-position: 1rem 0; }
6211 background-position: 0 0; } }
6218 font-size: 0.703125rem;
6219 background-color: #e9ecef;
6220 border-radius: 0.25rem; }
6224 flex-direction: column
;
6225 justify-content: center
;
6229 white-space: nowrap
;
6230 background-color: #0f6fc5;
6231 transition: width
0.6s ease
; }
6232 @media
(prefers-reduced-motion: reduce
) {
6234 transition: none
; } }
6236 .progress-bar-striped {
6237 background-image: linear-gradient
(45deg, rgba
(255, 255, 255, 0.15) 25%, transparent
25%, transparent
50%, rgba
(255, 255, 255, 0.15) 50%, rgba
(255, 255, 255, 0.15) 75%, transparent
75%, transparent
);
6238 background-size: 1rem 1rem; }
6240 .progress-bar-animated {
6241 animation: progress-bar-stripes
1s linear infinite
; }
6242 @media
(prefers-reduced-motion: reduce
) {
6243 .progress-bar-animated {
6244 animation: none
; } }
6248 align-items: flex-start
; }
6255 flex-direction: column
;
6258 border-radius: 0.25rem; }
6260 .list-group-item-action {
6263 text-align: inherit
; }
6264 .list-group-item-action:hover, .list-group-item-action:focus {
6267 text-decoration: none
;
6268 background-color: #f8f9fa; }
6269 .list-group-item-action:active {
6271 background-color: #e9ecef; }
6276 padding: 0.75rem 1.25rem;
6277 background-color: #fff;
6278 border: 1px solid rgba
(0, 0, 0, 0.125); }
6279 .list-group-item:first-child {
6280 border-top-left-radius: inherit
;
6281 border-top-right-radius: inherit
; }
6282 .list-group-item:last-child {
6283 border-bottom-right-radius: inherit
;
6284 border-bottom-left-radius: inherit
; }
6285 .list-group-item.disabled, .list-group-item:disabled {
6287 pointer-events: none
;
6288 background-color: #fff; }
6289 .list-group-item.active {
6292 background-color: #0f6fc5;
6293 border-color: #0f6fc5; }
6294 .list-group-item + .list-group-item {
6295 border-top-width: 0; }
6296 .list-group-item + .list-group-item.active {
6298 border-top-width: 1px; }
6300 .list-group-horizontal {
6301 flex-direction: row
; }
6302 .list-group-horizontal > .list-group-item:first-child {
6303 border-bottom-left-radius: 0.25rem;
6304 border-top-right-radius: 0; }
6305 .list-group-horizontal > .list-group-item:last-child {
6306 border-top-right-radius: 0.25rem;
6307 border-bottom-left-radius: 0; }
6308 .list-group-horizontal > .list-group-item.active {
6310 .list-group-horizontal > .list-group-item + .list-group-item {
6311 border-top-width: 1px;
6312 border-left-width: 0; }
6313 .list-group-horizontal > .list-group-item + .list-group-item.active {
6315 border-left-width: 1px; }
6317 @media (min-width: 576px) {
6318 .list-group-horizontal-sm {
6319 flex-direction: row
; }
6320 .list-group-horizontal-sm > .list-group-item:first-child {
6321 border-bottom-left-radius: 0.25rem;
6322 border-top-right-radius: 0; }
6323 .list-group-horizontal-sm > .list-group-item:last-child {
6324 border-top-right-radius: 0.25rem;
6325 border-bottom-left-radius: 0; }
6326 .list-group-horizontal-sm > .list-group-item.active {
6328 .list-group-horizontal-sm > .list-group-item + .list-group-item {
6329 border-top-width: 1px;
6330 border-left-width: 0; }
6331 .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
6333 border-left-width: 1px; } }
6335 @media (min-width: 768px) {
6336 .list-group-horizontal-md {
6337 flex-direction: row
; }
6338 .list-group-horizontal-md > .list-group-item:first-child {
6339 border-bottom-left-radius: 0.25rem;
6340 border-top-right-radius: 0; }
6341 .list-group-horizontal-md > .list-group-item:last-child {
6342 border-top-right-radius: 0.25rem;
6343 border-bottom-left-radius: 0; }
6344 .list-group-horizontal-md > .list-group-item.active {
6346 .list-group-horizontal-md > .list-group-item + .list-group-item {
6347 border-top-width: 1px;
6348 border-left-width: 0; }
6349 .list-group-horizontal-md > .list-group-item + .list-group-item.active {
6351 border-left-width: 1px; } }
6353 @media (min-width: 992px) {
6354 .list-group-horizontal-lg {
6355 flex-direction: row
; }
6356 .list-group-horizontal-lg > .list-group-item:first-child {
6357 border-bottom-left-radius: 0.25rem;
6358 border-top-right-radius: 0; }
6359 .list-group-horizontal-lg > .list-group-item:last-child {
6360 border-top-right-radius: 0.25rem;
6361 border-bottom-left-radius: 0; }
6362 .list-group-horizontal-lg > .list-group-item.active {
6364 .list-group-horizontal-lg > .list-group-item + .list-group-item {
6365 border-top-width: 1px;
6366 border-left-width: 0; }
6367 .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
6369 border-left-width: 1px; } }
6371 @media (min-width: 1200px) {
6372 .list-group-horizontal-xl {
6373 flex-direction: row
; }
6374 .list-group-horizontal-xl > .list-group-item:first-child {
6375 border-bottom-left-radius: 0.25rem;
6376 border-top-right-radius: 0; }
6377 .list-group-horizontal-xl > .list-group-item:last-child {
6378 border-top-right-radius: 0.25rem;
6379 border-bottom-left-radius: 0; }
6380 .list-group-horizontal-xl > .list-group-item.active {
6382 .list-group-horizontal-xl > .list-group-item + .list-group-item {
6383 border-top-width: 1px;
6384 border-left-width: 0; }
6385 .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
6387 border-left-width: 1px; } }
6391 .list-group-flush > .list-group-item {
6392 border-width: 0 0 1px; }
6393 .list-group-flush > .list-group-item:last-child {
6394 border-bottom-width: 0; }
6396 .list-group-item-primary {
6398 background-color: #bcd7ef; }
6399 .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
6401 background-color: #a7cbea; }
6402 .list-group-item-primary.list-group-item-action.active {
6404 background-color: #083a66;
6405 border-color: #083a66; }
6407 .list-group-item-secondary {
6409 background-color: #f1f3f5; }
6410 .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
6412 background-color: #e2e6ea; }
6413 .list-group-item-secondary.list-group-item-action.active {
6415 background-color: #6b6e71;
6416 border-color: #6b6e71; }
6418 .list-group-item-success {
6420 background-color: #c6dac6; }
6421 .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
6423 background-color: #b7d0b7; }
6424 .list-group-item-success.list-group-item-action.active {
6426 background-color: #1c3f1a;
6427 border-color: #1c3f1a; }
6429 .list-group-item-info {
6431 background-color: #b8dce2; }
6432 .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
6434 background-color: #a6d3db; }
6435 .list-group-item-info.list-group-item-action.active {
6437 background-color: #00434e;
6438 border-color: #00434e; }
6440 .list-group-item-warning {
6442 background-color: #fbe8cd; }
6443 .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
6445 background-color: #f9ddb5; }
6446 .list-group-item-warning.list-group-item-action.active {
6448 background-color: #7d5a29;
6449 border-color: #7d5a29; }
6451 .list-group-item-danger {
6453 background-color: #f0c5c1; }
6454 .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
6456 background-color: #ebb2ac; }
6457 .list-group-item-danger.list-group-item-action.active {
6459 background-color: #691911;
6460 border-color: #691911; }
6462 .list-group-item-light {
6464 background-color: #fdfdfe; }
6465 .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
6467 background-color: #ececf6; }
6468 .list-group-item-light.list-group-item-action.active {
6470 background-color: #818182;
6471 border-color: #818182; }
6473 .list-group-item-dark {
6475 background-color: #c6c8ca; }
6476 .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
6478 background-color: #b9bbbe; }
6479 .list-group-item-dark.list-group-item-action.active {
6481 background-color: #1b1e21;
6482 border-color: #1b1e21; }
6486 font-size: 1.40625rem;
6490 text-shadow: 0 1px 0 #fff;
6492 @media
(max-width: 1200px) {
6494 font-size: calc
(0.950625rem + 0.6075vw) ; } }
6497 text-decoration: none
; }
6498 .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
6503 background-color: transparent
;
6507 pointer-events: none
; }
6512 font-size: 0.875rem;
6513 background-color: rgba
(255, 255, 255, 0.85);
6514 background-clip: padding-box
;
6515 border: 1px solid rgba
(0, 0, 0, 0.1);
6516 box-shadow: 0 0.25rem 0.75rem rgba
(0, 0, 0, 0.1);
6517 backdrop-filter: blur
(10px);
6519 border-radius: 0.25rem; }
6520 .toast:not(:last-child) {
6521 margin-bottom: 0.75rem; }
6532 align-items: center
;
6533 padding: 0.25rem 0.75rem;
6535 background-color: rgba
(255, 255, 255, 0.85);
6536 background-clip: padding-box
;
6537 border-bottom: 1px solid rgba
(0, 0, 0, 0.05); }
6544 .modal-open .modal {
6563 pointer-events: none
; }
6564 .modal.fade .modal-dialog {
6565 transition: transform
0.3s ease-out
;
6566 transform: translate
(0, -50px); }
6567 @media
(prefers-reduced-motion: reduce
) {
6568 .modal.fade .modal-dialog {
6569 transition: none
; } }
6570 .modal.show .modal-dialog {
6572 .modal.modal-static .modal-dialog {
6573 transform: scale
(1.02); }
6575 .modal-dialog-scrollable {
6577 max-height: calc
(100% - 1rem); }
6578 .modal-dialog-scrollable .modal-content {
6579 max-height: calc
(100vh - 1rem);
6581 .modal-dialog-scrollable
.modal-header
,
6582 .modal-dialog-scrollable .modal-footer {
6584 .modal-dialog-scrollable .modal-body {
6587 .modal-dialog-centered {
6589 align-items: center
;
6590 min-height: calc
(100% - 1rem); }
6591 .modal-dialog-centered::before {
6593 height: calc
(100vh - 1rem);
6594 height: min-content
;
6596 .modal-dialog-centered.modal-dialog-scrollable {
6597 flex-direction: column
;
6598 justify-content: center
;
6600 .modal-dialog-centered.modal-dialog-scrollable .modal-content {
6602 .modal-dialog-centered.modal-dialog-scrollable::before {
6608 flex-direction: column
;
6610 pointer-events: auto
;
6611 background-color: #fff;
6612 background-clip: padding-box
;
6613 border: 1px solid rgba
(0, 0, 0, 0.2);
6614 border-radius: 0.3rem;
6624 background-color: #000; }
6625 .modal-backdrop.fade {
6627 .modal-backdrop.show {
6632 align-items: flex-start
;
6633 justify-content: space-between
;
6635 border-bottom: 1px solid
#dee2e6;
6636 border-top-left-radius: calc
(0.3rem - 1px);
6637 border-top-right-radius: calc
(0.3rem - 1px); }
6638 .modal-header .close {
6640 margin: -1rem -1rem -1rem auto
; }
6654 align-items: center
;
6655 justify-content: flex-end
;
6657 border-top: 1px solid
#dee2e6;
6658 border-bottom-right-radius: calc
(0.3rem - 1px);
6659 border-bottom-left-radius: calc
(0.3rem - 1px); }
6663 .modal-scrollbar-measure {
6670 @media (min-width: 576px) {
6673 margin: 1.75rem auto
; }
6674 .modal-dialog-scrollable {
6675 max-height: calc
(100% - 3.5rem); }
6676 .modal-dialog-scrollable .modal-content {
6677 max-height: calc
(100vh - 3.5rem); }
6678 .modal-dialog-centered {
6679 min-height: calc
(100% - 3.5rem); }
6680 .modal-dialog-centered::before {
6681 height: calc
(100vh - 3.5rem);
6682 height: min-content
; }
6684 max-width: 300px; } }
6686 @media (min-width: 992px) {
6689 max-width: 800px; } }
6691 @media (min-width: 1200px) {
6693 max-width: 1140px; } }
6700 font-family: -apple-system
, BlinkMacSystemFont
, "Segoe UI", Roboto
, "Helvetica Neue", Arial
, "Noto Sans", sans-serif
, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
6706 text-decoration: none
;
6708 text-transform: none
;
6709 letter-spacing: normal
;
6711 word-spacing: normal
;
6712 white-space: normal
;
6714 font-size: 0.8203125rem;
6715 word-wrap: break-word
;
6724 .tooltip .arrow::before {
6727 border-color: transparent
;
6728 border-style: solid
; }
6730 .bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] {
6731 padding: 0.4rem 0; }
6732 .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow {
6734 .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
6736 border-width: 0.4rem 0.4rem 0;
6737 border-top-color: #000; }
6739 .bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] {
6740 padding: 0 0.4rem; }
6741 .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow {
6745 .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
6747 border-width: 0.4rem 0.4rem 0.4rem 0;
6748 border-right-color: #000; }
6750 .bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] {
6751 padding: 0.4rem 0; }
6752 .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow {
6754 .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
6756 border-width: 0 0.4rem 0.4rem;
6757 border-bottom-color: #000; }
6759 .bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] {
6760 padding: 0 0.4rem; }
6761 .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow {
6765 .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
6767 border-width: 0.4rem 0 0.4rem 0.4rem;
6768 border-left-color: #000; }
6772 padding: 0.25rem 0.5rem;
6775 background-color: #000;
6776 border-radius: 0.25rem; }
6784 font-family: -apple-system
, BlinkMacSystemFont
, "Segoe UI", Roboto
, "Helvetica Neue", Arial
, "Noto Sans", sans-serif
, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
6790 text-decoration: none
;
6792 text-transform: none
;
6793 letter-spacing: normal
;
6795 word-spacing: normal
;
6796 white-space: normal
;
6798 font-size: 0.8203125rem;
6799 word-wrap: break-word
;
6800 background-color: #fff;
6801 background-clip: padding-box
;
6802 border: 1px solid rgba
(0, 0, 0, 0.2);
6803 border-radius: 0.3rem; }
6810 .popover .arrow::before, .popover .arrow::after {
6814 border-color: transparent
;
6815 border-style: solid
; }
6817 .bs-popover-top, .bs-popover-auto[x-placement^="top"] {
6818 margin-bottom: 0.5rem; }
6819 .bs-popover-top > .arrow, .bs-popover-auto[x-placement^="top"] > .arrow {
6820 bottom: calc
(-0.5rem - 1px); }
6821 .bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^="top"] > .arrow::before {
6823 border-width: 0.5rem 0.5rem 0;
6824 border-top-color: rgba
(0, 0, 0, 0.25); }
6825 .bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^="top"] > .arrow::after {
6827 border-width: 0.5rem 0.5rem 0;
6828 border-top-color: #fff; }
6830 .bs-popover-right, .bs-popover-auto[x-placement^="right"] {
6831 margin-left: 0.5rem; }
6832 .bs-popover-right > .arrow, .bs-popover-auto[x-placement^="right"] > .arrow {
6833 left: calc
(-0.5rem - 1px);
6837 .bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^="right"] > .arrow::before {
6839 border-width: 0.5rem 0.5rem 0.5rem 0;
6840 border-right-color: rgba
(0, 0, 0, 0.25); }
6841 .bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^="right"] > .arrow::after {
6843 border-width: 0.5rem 0.5rem 0.5rem 0;
6844 border-right-color: #fff; }
6846 .bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] {
6847 margin-top: 0.5rem; }
6848 .bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^="bottom"] > .arrow {
6849 top: calc
(-0.5rem - 1px); }
6850 .bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^="bottom"] > .arrow::before {
6852 border-width: 0 0.5rem 0.5rem 0.5rem;
6853 border-bottom-color: rgba
(0, 0, 0, 0.25); }
6854 .bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^="bottom"] > .arrow::after {
6856 border-width: 0 0.5rem 0.5rem 0.5rem;
6857 border-bottom-color: #fff; }
6858 .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before {
6864 margin-left: -0.5rem;
6866 border-bottom: 1px solid
#f7f7f7; }
6868 .bs-popover-left, .bs-popover-auto[x-placement^="left"] {
6869 margin-right: 0.5rem; }
6870 .bs-popover-left > .arrow, .bs-popover-auto[x-placement^="left"] > .arrow {
6871 right: calc
(-0.5rem - 1px);
6875 .bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^="left"] > .arrow::before {
6877 border-width: 0.5rem 0 0.5rem 0.5rem;
6878 border-left-color: rgba
(0, 0, 0, 0.25); }
6879 .bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^="left"] > .arrow::after {
6881 border-width: 0.5rem 0 0.5rem 0.5rem;
6882 border-left-color: #fff; }
6885 padding: 0.5rem 0.75rem;
6887 font-size: 0.9375rem;
6888 background-color: #f7f7f7;
6889 border-bottom: 1px solid
#ebebeb;
6890 border-top-left-radius: calc
(0.3rem - 1px);
6891 border-top-right-radius: calc
(0.3rem - 1px); }
6892 @media
(max-width: 1200px) {
6894 font-size: calc
(0.90375rem + 0.045vw) ; } }
6895 .popover-header:empty {
6899 padding: 0.5rem 0.75rem;
6903 position: relative
; }
6905 .carousel.pointer-event {
6906 touch-action: pan-y
; }
6912 .carousel-inner::after {
6922 margin-right: -100%;
6923 backface-visibility: hidden
;
6924 transition: transform
0.6s ease-in-out
; }
6925 @media
(prefers-reduced-motion: reduce
) {
6927 transition: none
; } }
6929 .carousel-item
.active
,
6930 .carousel-item-next
,
6931 .carousel-item-prev {
6934 .carousel-item-next:not
(.carousel-item-left
),
6935 .active.carousel-item-right {
6936 transform: translateX
(100%); }
6938 .carousel-item-prev:not
(.carousel-item-right
),
6939 .active.carousel-item-left {
6940 transform: translateX
(-100%); }
6942 .carousel-fade .carousel-item {
6944 transition-property: opacity
;
6947 .carousel-fade
.carousel-item
.active
,
6948 .carousel-fade
.carousel-item-next
.carousel-item-left
,
6949 .carousel-fade .carousel-item-prev.carousel-item-right {
6953 .carousel-fade
.active
.carousel-item-left
,
6954 .carousel-fade .active.carousel-item-right {
6957 transition: opacity
0s 0.6s; }
6958 @media
(prefers-reduced-motion: reduce
) {
6959 .carousel-fade
.active
.carousel-item-left
,
6960 .carousel-fade .active.carousel-item-right {
6961 transition: none
; } }
6963 .carousel-control-prev
,
6964 .carousel-control-next {
6970 align-items: center
;
6971 justify-content: center
;
6976 transition: opacity
0.15s ease
; }
6977 @media
(prefers-reduced-motion: reduce
) {
6978 .carousel-control-prev
,
6979 .carousel-control-next {
6980 transition: none
; } }
6981 .carousel-control-prev:hover
, .carousel-control-prev:focus
,
6982 .carousel-control-next:hover
,
6983 .carousel-control-next:focus {
6985 text-decoration: none
;
6989 .carousel-control-prev {
6992 .carousel-control-next {
6995 .carousel-control-prev-icon
,
6996 .carousel-control-next-icon {
6997 display: inline-block
;
7000 background: no-repeat
50% / 100% 100%; }
7002 .carousel-control-prev-icon {
7003 background-image: url
("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); }
7005 .carousel-control-next-icon {
7006 background-image: url
("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); }
7008 .carousel-indicators {
7015 justify-content: center
;
7020 .carousel-indicators li {
7021 box-sizing: content-box
;
7027 text-indent: -999px;
7029 background-color: #fff;
7030 background-clip: padding-box
;
7031 border-top: 10px solid transparent
;
7032 border-bottom: 10px solid transparent
;
7034 transition: opacity
0.6s ease
; }
7035 @media
(prefers-reduced-motion: reduce
) {
7036 .carousel-indicators li {
7037 transition: none
; } }
7038 .carousel-indicators .active {
7048 padding-bottom: 20px;
7050 text-align: center
; }
7052 @keyframes spinner-border
{
7054 transform: rotate
(360deg); } }
7057 display: inline-block
;
7060 vertical-align: text-bottom
;
7061 border: 0.25em solid currentColor
;
7062 border-right-color: transparent
;
7064 animation: spinner-border
.75s linear infinite
; }
7066 .spinner-border-sm {
7069 border-width: 0.2em; }
7071 @keyframes spinner-grow
{
7073 transform: scale
(0); }
7076 transform: none
; } }
7079 display: inline-block
;
7082 vertical-align: text-bottom
;
7083 background-color: currentColor
;
7086 animation: spinner-grow
.75s linear infinite
; }
7093 vertical-align: baseline
!important
; }
7096 vertical-align: top
!important
; }
7099 vertical-align: middle
!important
; }
7102 vertical-align: bottom
!important
; }
7104 .align-text-bottom {
7105 vertical-align: text-bottom
!important
; }
7108 vertical-align: text-top
!important
; }
7111 background-color: #0f6fc5 !important
; }
7113 a
.bg-primary:hover
, a
.bg-primary:focus
,
7114 button
.bg-primary:hover
,
7115 button
.bg-primary:focus
{
7116 background-color: #0b5496 !important
; }
7119 background-color: #ced4da !important
; }
7121 a
.bg-secondary:hover
, a
.bg-secondary:focus
,
7122 button
.bg-secondary:hover
,
7123 button
.bg-secondary:focus
{
7124 background-color: #b1bbc4 !important
; }
7127 background-color: #357a32 !important
; }
7129 a
.bg-success:hover
, a
.bg-success:focus
,
7130 button
.bg-success:hover
,
7131 button
.bg-success:focus
{
7132 background-color: #255623 !important
; }
7135 background-color: #008196 !important
; }
7137 a
.bg-info:hover
, a
.bg-info:focus
,
7138 button
.bg-info:hover
,
7139 button
.bg-info:focus
{
7140 background-color: #005563 !important
; }
7143 background-color: #f0ad4e !important
; }
7145 a
.bg-warning:hover
, a
.bg-warning:focus
,
7146 button
.bg-warning:hover
,
7147 button
.bg-warning:focus
{
7148 background-color: #ec971f !important
; }
7151 background-color: #ca3120 !important
; }
7153 a
.bg-danger:hover
, a
.bg-danger:focus
,
7154 button
.bg-danger:hover
,
7155 button
.bg-danger:focus
{
7156 background-color: #9e2619 !important
; }
7159 background-color: #f8f9fa !important
; }
7161 a
.bg-light:hover
, a
.bg-light:focus
,
7162 button
.bg-light:hover
,
7163 button
.bg-light:focus
{
7164 background-color: #dae0e5 !important
; }
7167 background-color: #343a40 !important
; }
7169 a
.bg-dark:hover
, a
.bg-dark:focus
,
7170 button
.bg-dark:hover
,
7171 button
.bg-dark:focus
{
7172 background-color: #1d2124 !important
; }
7175 background-color: #fff !important
; }
7178 background-color: transparent
!important
; }
7181 border: 1px solid
#dee2e6 !important
; }
7184 border-top: 1px solid
#dee2e6 !important
; }
7187 border-right: 1px solid
#dee2e6 !important
; }
7190 border-bottom: 1px solid
#dee2e6 !important
; }
7193 border-left: 1px solid
#dee2e6 !important
; }
7196 border: 0 !important
; }
7199 border-top: 0 !important
; }
7202 border-right: 0 !important
; }
7205 border-bottom: 0 !important
; }
7208 border-left: 0 !important
; }
7211 border-color: #0f6fc5 !important
; }
7214 border-color: #ced4da !important
; }
7217 border-color: #357a32 !important
; }
7220 border-color: #008196 !important
; }
7223 border-color: #f0ad4e !important
; }
7226 border-color: #ca3120 !important
; }
7229 border-color: #f8f9fa !important
; }
7232 border-color: #343a40 !important
; }
7235 border-color: #fff !important
; }
7238 border-radius: 0.2rem !important
; }
7241 border-radius: 0.25rem !important
; }
7244 border-top-left-radius: 0.25rem !important
;
7245 border-top-right-radius: 0.25rem !important
; }
7248 border-top-right-radius: 0.25rem !important
;
7249 border-bottom-right-radius: 0.25rem !important
; }
7252 border-bottom-right-radius: 0.25rem !important
;
7253 border-bottom-left-radius: 0.25rem !important
; }
7256 border-top-left-radius: 0.25rem !important
;
7257 border-bottom-left-radius: 0.25rem !important
; }
7260 border-radius: 0.3rem !important
; }
7263 border-radius: 50% !important
; }
7266 border-radius: 50rem !important
; }
7269 border-radius: 0 !important
; }
7277 display: none
!important
; }
7280 display: inline
!important
; }
7283 display: inline-block
!important
; }
7286 display: block
!important
; }
7289 display: table
!important
; }
7292 display: table-row
!important
; }
7295 display: table-cell
!important
; }
7298 display: flex
!important
; }
7301 display: inline-flex
!important
; }
7303 @media (min-width: 576px) {
7305 display: none
!important
; }
7307 display: inline
!important
; }
7308 .d-sm-inline-block {
7309 display: inline-block
!important
; }
7311 display: block
!important
; }
7313 display: table
!important
; }
7315 display: table-row
!important
; }
7317 display: table-cell
!important
; }
7319 display: flex
!important
; }
7321 display: inline-flex
!important
; } }
7323 @media (min-width: 768px) {
7325 display: none
!important
; }
7327 display: inline
!important
; }
7328 .d-md-inline-block {
7329 display: inline-block
!important
; }
7331 display: block
!important
; }
7333 display: table
!important
; }
7335 display: table-row
!important
; }
7337 display: table-cell
!important
; }
7339 display: flex
!important
; }
7341 display: inline-flex
!important
; } }
7343 @media (min-width: 992px) {
7345 display: none
!important
; }
7347 display: inline
!important
; }
7348 .d-lg-inline-block {
7349 display: inline-block
!important
; }
7351 display: block
!important
; }
7353 display: table
!important
; }
7355 display: table-row
!important
; }
7357 display: table-cell
!important
; }
7359 display: flex
!important
; }
7361 display: inline-flex
!important
; } }
7363 @media (min-width: 1200px) {
7365 display: none
!important
; }
7367 display: inline
!important
; }
7368 .d-xl-inline-block {
7369 display: inline-block
!important
; }
7371 display: block
!important
; }
7373 display: table
!important
; }
7375 display: table-row
!important
; }
7377 display: table-cell
!important
; }
7379 display: flex
!important
; }
7381 display: inline-flex
!important
; } }
7385 display: none
!important
; }
7387 display: inline
!important
; }
7388 .d-print-inline-block {
7389 display: inline-block
!important
; }
7391 display: block
!important
; }
7393 display: table
!important
; }
7394 .d-print-table-row {
7395 display: table-row
!important
; }
7396 .d-print-table-cell {
7397 display: table-cell
!important
; }
7399 display: flex
!important
; }
7400 .d-print-inline-flex {
7401 display: inline-flex
!important
; } }
7409 .embed-responsive::before {
7412 .embed-responsive
.embed-responsive-item
,
7413 .embed-responsive iframe
,
7414 .embed-responsive embed
,
7415 .embed-responsive object
,
7416 .embed-responsive video {
7425 .embed-responsive-21by9::before {
7426 padding-top: 42.8571428571%; }
7428 .embed-responsive-16by9::before {
7429 padding-top: 56.25%; }
7431 .embed-responsive-4by3::before {
7434 .embed-responsive-1by1::before {
7435 padding-top: 100%; }
7438 flex-direction: row
!important
; }
7441 flex-direction: column
!important
; }
7444 flex-direction: row-reverse
!important
; }
7446 .flex-column-reverse {
7447 flex-direction: column-reverse
!important
; }
7450 flex-wrap: wrap
!important
; }
7453 flex-wrap: nowrap
!important
; }
7455 .flex-wrap-reverse {
7456 flex-wrap: wrap-reverse
!important
; }
7459 flex: 1 1 auto
!important
; }
7462 flex-grow: 0 !important
; }
7465 flex-grow: 1 !important
; }
7468 flex-shrink: 0 !important
; }
7471 flex-shrink: 1 !important
; }
7473 .justify-content-start {
7474 justify-content: flex-start
!important
; }
7476 .justify-content-end {
7477 justify-content: flex-end
!important
; }
7479 .justify-content-center {
7480 justify-content: center
!important
; }
7482 .justify-content-between {
7483 justify-content: space-between
!important
; }
7485 .justify-content-around {
7486 justify-content: space-around
!important
; }
7488 .align-items-start {
7489 align-items: flex-start
!important
; }
7492 align-items: flex-end
!important
; }
7494 .align-items-center {
7495 align-items: center
!important
; }
7497 .align-items-baseline {
7498 align-items: baseline
!important
; }
7500 .align-items-stretch {
7501 align-items: stretch
!important
; }
7503 .align-content-start {
7504 align-content: flex-start
!important
; }
7506 .align-content-end {
7507 align-content: flex-end
!important
; }
7509 .align-content-center {
7510 align-content: center
!important
; }
7512 .align-content-between {
7513 align-content: space-between
!important
; }
7515 .align-content-around {
7516 align-content: space-around
!important
; }
7518 .align-content-stretch {
7519 align-content: stretch
!important
; }
7522 align-self: auto
!important
; }
7525 align-self: flex-start
!important
; }
7528 align-self: flex-end
!important
; }
7530 .align-self-center {
7531 align-self: center
!important
; }
7533 .align-self-baseline {
7534 align-self: baseline
!important
; }
7536 .align-self-stretch {
7537 align-self: stretch
!important
; }
7539 @media (min-width: 576px) {
7541 flex-direction: row
!important
; }
7543 flex-direction: column
!important
; }
7544 .flex-sm-row-reverse {
7545 flex-direction: row-reverse
!important
; }
7546 .flex-sm-column-reverse {
7547 flex-direction: column-reverse
!important
; }
7549 flex-wrap: wrap
!important
; }
7551 flex-wrap: nowrap
!important
; }
7552 .flex-sm-wrap-reverse {
7553 flex-wrap: wrap-reverse
!important
; }
7555 flex: 1 1 auto
!important
; }
7557 flex-grow: 0 !important
; }
7559 flex-grow: 1 !important
; }
7561 flex-shrink: 0 !important
; }
7563 flex-shrink: 1 !important
; }
7564 .justify-content-sm-start {
7565 justify-content: flex-start
!important
; }
7566 .justify-content-sm-end {
7567 justify-content: flex-end
!important
; }
7568 .justify-content-sm-center {
7569 justify-content: center
!important
; }
7570 .justify-content-sm-between {
7571 justify-content: space-between
!important
; }
7572 .justify-content-sm-around {
7573 justify-content: space-around
!important
; }
7574 .align-items-sm-start {
7575 align-items: flex-start
!important
; }
7576 .align-items-sm-end {
7577 align-items: flex-end
!important
; }
7578 .align-items-sm-center {
7579 align-items: center
!important
; }
7580 .align-items-sm-baseline {
7581 align-items: baseline
!important
; }
7582 .align-items-sm-stretch {
7583 align-items: stretch
!important
; }
7584 .align-content-sm-start {
7585 align-content: flex-start
!important
; }
7586 .align-content-sm-end {
7587 align-content: flex-end
!important
; }
7588 .align-content-sm-center {
7589 align-content: center
!important
; }
7590 .align-content-sm-between {
7591 align-content: space-between
!important
; }
7592 .align-content-sm-around {
7593 align-content: space-around
!important
; }
7594 .align-content-sm-stretch {
7595 align-content: stretch
!important
; }
7596 .align-self-sm-auto {
7597 align-self: auto
!important
; }
7598 .align-self-sm-start {
7599 align-self: flex-start
!important
; }
7600 .align-self-sm-end {
7601 align-self: flex-end
!important
; }
7602 .align-self-sm-center {
7603 align-self: center
!important
; }
7604 .align-self-sm-baseline {
7605 align-self: baseline
!important
; }
7606 .align-self-sm-stretch {
7607 align-self: stretch
!important
; } }
7609 @media (min-width: 768px) {
7611 flex-direction: row
!important
; }
7613 flex-direction: column
!important
; }
7614 .flex-md-row-reverse {
7615 flex-direction: row-reverse
!important
; }
7616 .flex-md-column-reverse {
7617 flex-direction: column-reverse
!important
; }
7619 flex-wrap: wrap
!important
; }
7621 flex-wrap: nowrap
!important
; }
7622 .flex-md-wrap-reverse {
7623 flex-wrap: wrap-reverse
!important
; }
7625 flex: 1 1 auto
!important
; }
7627 flex-grow: 0 !important
; }
7629 flex-grow: 1 !important
; }
7631 flex-shrink: 0 !important
; }
7633 flex-shrink: 1 !important
; }
7634 .justify-content-md-start {
7635 justify-content: flex-start
!important
; }
7636 .justify-content-md-end {
7637 justify-content: flex-end
!important
; }
7638 .justify-content-md-center {
7639 justify-content: center
!important
; }
7640 .justify-content-md-between {
7641 justify-content: space-between
!important
; }
7642 .justify-content-md-around {
7643 justify-content: space-around
!important
; }
7644 .align-items-md-start {
7645 align-items: flex-start
!important
; }
7646 .align-items-md-end {
7647 align-items: flex-end
!important
; }
7648 .align-items-md-center {
7649 align-items: center
!important
; }
7650 .align-items-md-baseline {
7651 align-items: baseline
!important
; }
7652 .align-items-md-stretch {
7653 align-items: stretch
!important
; }
7654 .align-content-md-start {
7655 align-content: flex-start
!important
; }
7656 .align-content-md-end {
7657 align-content: flex-end
!important
; }
7658 .align-content-md-center {
7659 align-content: center
!important
; }
7660 .align-content-md-between {
7661 align-content: space-between
!important
; }
7662 .align-content-md-around {
7663 align-content: space-around
!important
; }
7664 .align-content-md-stretch {
7665 align-content: stretch
!important
; }
7666 .align-self-md-auto {
7667 align-self: auto
!important
; }
7668 .align-self-md-start {
7669 align-self: flex-start
!important
; }
7670 .align-self-md-end {
7671 align-self: flex-end
!important
; }
7672 .align-self-md-center {
7673 align-self: center
!important
; }
7674 .align-self-md-baseline {
7675 align-self: baseline
!important
; }
7676 .align-self-md-stretch {
7677 align-self: stretch
!important
; } }
7679 @media (min-width: 992px) {
7681 flex-direction: row
!important
; }
7683 flex-direction: column
!important
; }
7684 .flex-lg-row-reverse {
7685 flex-direction: row-reverse
!important
; }
7686 .flex-lg-column-reverse {
7687 flex-direction: column-reverse
!important
; }
7689 flex-wrap: wrap
!important
; }
7691 flex-wrap: nowrap
!important
; }
7692 .flex-lg-wrap-reverse {
7693 flex-wrap: wrap-reverse
!important
; }
7695 flex: 1 1 auto
!important
; }
7697 flex-grow: 0 !important
; }
7699 flex-grow: 1 !important
; }
7701 flex-shrink: 0 !important
; }
7703 flex-shrink: 1 !important
; }
7704 .justify-content-lg-start {
7705 justify-content: flex-start
!important
; }
7706 .justify-content-lg-end {
7707 justify-content: flex-end
!important
; }
7708 .justify-content-lg-center {
7709 justify-content: center
!important
; }
7710 .justify-content-lg-between {
7711 justify-content: space-between
!important
; }
7712 .justify-content-lg-around {
7713 justify-content: space-around
!important
; }
7714 .align-items-lg-start {
7715 align-items: flex-start
!important
; }
7716 .align-items-lg-end {
7717 align-items: flex-end
!important
; }
7718 .align-items-lg-center {
7719 align-items: center
!important
; }
7720 .align-items-lg-baseline {
7721 align-items: baseline
!important
; }
7722 .align-items-lg-stretch {
7723 align-items: stretch
!important
; }
7724 .align-content-lg-start {
7725 align-content: flex-start
!important
; }
7726 .align-content-lg-end {
7727 align-content: flex-end
!important
; }
7728 .align-content-lg-center {
7729 align-content: center
!important
; }
7730 .align-content-lg-between {
7731 align-content: space-between
!important
; }
7732 .align-content-lg-around {
7733 align-content: space-around
!important
; }
7734 .align-content-lg-stretch {
7735 align-content: stretch
!important
; }
7736 .align-self-lg-auto {
7737 align-self: auto
!important
; }
7738 .align-self-lg-start {
7739 align-self: flex-start
!important
; }
7740 .align-self-lg-end {
7741 align-self: flex-end
!important
; }
7742 .align-self-lg-center {
7743 align-self: center
!important
; }
7744 .align-self-lg-baseline {
7745 align-self: baseline
!important
; }
7746 .align-self-lg-stretch {
7747 align-self: stretch
!important
; } }
7749 @media (min-width: 1200px) {
7751 flex-direction: row
!important
; }
7753 flex-direction: column
!important
; }
7754 .flex-xl-row-reverse {
7755 flex-direction: row-reverse
!important
; }
7756 .flex-xl-column-reverse {
7757 flex-direction: column-reverse
!important
; }
7759 flex-wrap: wrap
!important
; }
7761 flex-wrap: nowrap
!important
; }
7762 .flex-xl-wrap-reverse {
7763 flex-wrap: wrap-reverse
!important
; }
7765 flex: 1 1 auto
!important
; }
7767 flex-grow: 0 !important
; }
7769 flex-grow: 1 !important
; }
7771 flex-shrink: 0 !important
; }
7773 flex-shrink: 1 !important
; }
7774 .justify-content-xl-start {
7775 justify-content: flex-start
!important
; }
7776 .justify-content-xl-end {
7777 justify-content: flex-end
!important
; }
7778 .justify-content-xl-center {
7779 justify-content: center
!important
; }
7780 .justify-content-xl-between {
7781 justify-content: space-between
!important
; }
7782 .justify-content-xl-around {
7783 justify-content: space-around
!important
; }
7784 .align-items-xl-start {
7785 align-items: flex-start
!important
; }
7786 .align-items-xl-end {
7787 align-items: flex-end
!important
; }
7788 .align-items-xl-center {
7789 align-items: center
!important
; }
7790 .align-items-xl-baseline {
7791 align-items: baseline
!important
; }
7792 .align-items-xl-stretch {
7793 align-items: stretch
!important
; }
7794 .align-content-xl-start {
7795 align-content: flex-start
!important
; }
7796 .align-content-xl-end {
7797 align-content: flex-end
!important
; }
7798 .align-content-xl-center {
7799 align-content: center
!important
; }
7800 .align-content-xl-between {
7801 align-content: space-between
!important
; }
7802 .align-content-xl-around {
7803 align-content: space-around
!important
; }
7804 .align-content-xl-stretch {
7805 align-content: stretch
!important
; }
7806 .align-self-xl-auto {
7807 align-self: auto
!important
; }
7808 .align-self-xl-start {
7809 align-self: flex-start
!important
; }
7810 .align-self-xl-end {
7811 align-self: flex-end
!important
; }
7812 .align-self-xl-center {
7813 align-self: center
!important
; }
7814 .align-self-xl-baseline {
7815 align-self: baseline
!important
; }
7816 .align-self-xl-stretch {
7817 align-self: stretch
!important
; } }
7820 float: left
!important
; }
7823 float: right
!important
; }
7826 float: none
!important
; }
7828 @media (min-width: 576px) {
7830 float: left
!important
; }
7832 float: right
!important
; }
7834 float: none
!important
; } }
7836 @media (min-width: 768px) {
7838 float: left
!important
; }
7840 float: right
!important
; }
7842 float: none
!important
; } }
7844 @media (min-width: 992px) {
7846 float: left
!important
; }
7848 float: right
!important
; }
7850 float: none
!important
; } }
7852 @media (min-width: 1200px) {
7854 float: left
!important
; }
7856 float: right
!important
; }
7858 float: none
!important
; } }
7861 user-select: all
!important
; }
7864 user-select: auto
!important
; }
7867 user-select: none
!important
; }
7870 overflow: auto
!important
; }
7873 overflow: hidden
!important
; }
7876 position: static
!important
; }
7878 .position-relative {
7879 position: relative
!important
; }
7881 .position-absolute {
7882 position: absolute
!important
; }
7885 position: fixed
!important
; }
7888 position: sticky
!important
; }
7904 @supports (position: sticky
) {
7917 clip: rect
(0, 0, 0, 0);
7918 white-space: nowrap
;
7921 .sr-only-focusable:active, .sr-only-focusable:focus {
7927 white-space: normal
; }
7930 box-shadow: 0 0.125rem 0.25rem rgba
(0, 0, 0, 0.075) !important
; }
7933 box-shadow: 0 0.5rem 1rem rgba
(0, 0, 0, 0.15) !important
; }
7936 box-shadow: 0 1rem 3rem rgba
(0, 0, 0, 0.175) !important
; }
7939 box-shadow: none
!important
; }
7942 width: 25% !important
; }
7945 width: 50% !important
; }
7948 width: 75% !important
; }
7951 width: 100% !important
; }
7954 width: auto
!important
; }
7957 height: 25% !important
; }
7960 height: 50% !important
; }
7963 height: 75% !important
; }
7966 height: 100% !important
; }
7969 height: auto
!important
; }
7972 max-width: 100% !important
; }
7975 max-height: 100% !important
; }
7978 min-width: 100vw !important
; }
7981 min-height: 100vh !important
; }
7984 width: 100vw !important
; }
7987 height: 100vh !important
; }
7990 margin: 0 !important
; }
7994 margin-top: 0 !important
; }
7998 margin-right: 0 !important
; }
8002 margin-bottom: 0 !important
; }
8006 margin-left: 0 !important
; }
8009 margin: 0.25rem !important
; }
8013 margin-top: 0.25rem !important
; }
8017 margin-right: 0.25rem !important
; }
8021 margin-bottom: 0.25rem !important
; }
8025 margin-left: 0.25rem !important
; }
8028 margin: 0.5rem !important
; }
8032 margin-top: 0.5rem !important
; }
8036 margin-right: 0.5rem !important
; }
8040 margin-bottom: 0.5rem !important
; }
8044 margin-left: 0.5rem !important
; }
8047 margin: 1rem !important
; }
8051 margin-top: 1rem !important
; }
8055 margin-right: 1rem !important
; }
8059 margin-bottom: 1rem !important
; }
8063 margin-left: 1rem !important
; }
8066 margin: 1.5rem !important
; }
8070 margin-top: 1.5rem !important
; }
8074 margin-right: 1.5rem !important
; }
8078 margin-bottom: 1.5rem !important
; }
8082 margin-left: 1.5rem !important
; }
8085 margin: 2rem !important
; }
8089 margin-top: 2rem !important
; }
8093 margin-right: 2rem !important
; }
8097 margin-bottom: 2rem !important
; }
8101 margin-left: 2rem !important
; }
8104 margin: 3rem !important
; }
8108 margin-top: 3rem !important
; }
8112 margin-right: 3rem !important
; }
8116 margin-bottom: 3rem !important
; }
8120 margin-left: 3rem !important
; }
8123 padding: 0 !important
; }
8127 padding-top: 0 !important
; }
8131 padding-right: 0 !important
; }
8135 padding-bottom: 0 !important
; }
8139 padding-left: 0 !important
; }
8142 padding: 0.25rem !important
; }
8146 padding-top: 0.25rem !important
; }
8150 padding-right: 0.25rem !important
; }
8154 padding-bottom: 0.25rem !important
; }
8158 padding-left: 0.25rem !important
; }
8161 padding: 0.5rem !important
; }
8165 padding-top: 0.5rem !important
; }
8169 padding-right: 0.5rem !important
; }
8173 padding-bottom: 0.5rem !important
; }
8177 padding-left: 0.5rem !important
; }
8180 padding: 1rem !important
; }
8184 padding-top: 1rem !important
; }
8188 padding-right: 1rem !important
; }
8192 padding-bottom: 1rem !important
; }
8196 padding-left: 1rem !important
; }
8199 padding: 1.5rem !important
; }
8203 padding-top: 1.5rem !important
; }
8207 padding-right: 1.5rem !important
; }
8211 padding-bottom: 1.5rem !important
; }
8215 padding-left: 1.5rem !important
; }
8218 padding: 2rem !important
; }
8222 padding-top: 2rem !important
; }
8226 padding-right: 2rem !important
; }
8230 padding-bottom: 2rem !important
; }
8234 padding-left: 2rem !important
; }
8237 padding: 3rem !important
; }
8241 padding-top: 3rem !important
; }
8245 padding-right: 3rem !important
; }
8249 padding-bottom: 3rem !important
; }
8253 padding-left: 3rem !important
; }
8256 margin: -0.25rem !important
; }
8260 margin-top: -0.25rem !important
; }
8264 margin-right: -0.25rem !important
; }
8268 margin-bottom: -0.25rem !important
; }
8272 margin-left: -0.25rem !important
; }
8275 margin: -0.5rem !important
; }
8279 margin-top: -0.5rem !important
; }
8283 margin-right: -0.5rem !important
; }
8287 margin-bottom: -0.5rem !important
; }
8291 margin-left: -0.5rem !important
; }
8294 margin: -1rem !important
; }
8298 margin-top: -1rem !important
; }
8302 margin-right: -1rem !important
; }
8306 margin-bottom: -1rem !important
; }
8310 margin-left: -1rem !important
; }
8313 margin: -1.5rem !important
; }
8317 margin-top: -1.5rem !important
; }
8321 margin-right: -1.5rem !important
; }
8325 margin-bottom: -1.5rem !important
; }
8329 margin-left: -1.5rem !important
; }
8332 margin: -2rem !important
; }
8336 margin-top: -2rem !important
; }
8340 margin-right: -2rem !important
; }
8344 margin-bottom: -2rem !important
; }
8348 margin-left: -2rem !important
; }
8351 margin: -3rem !important
; }
8355 margin-top: -3rem !important
; }
8359 margin-right: -3rem !important
; }
8363 margin-bottom: -3rem !important
; }
8367 margin-left: -3rem !important
; }
8370 margin: auto
!important
; }
8374 margin-top: auto
!important
; }
8378 margin-right: auto
!important
; }
8382 margin-bottom: auto
!important
; }
8386 margin-left: auto
!important
; }
8388 @media (min-width: 576px) {
8390 margin: 0 !important
; }
8393 margin-top: 0 !important
; }
8396 margin-right: 0 !important
; }
8399 margin-bottom: 0 !important
; }
8402 margin-left: 0 !important
; }
8404 margin: 0.25rem !important
; }
8407 margin-top: 0.25rem !important
; }
8410 margin-right: 0.25rem !important
; }
8413 margin-bottom: 0.25rem !important
; }
8416 margin-left: 0.25rem !important
; }
8418 margin: 0.5rem !important
; }
8421 margin-top: 0.5rem !important
; }
8424 margin-right: 0.5rem !important
; }
8427 margin-bottom: 0.5rem !important
; }
8430 margin-left: 0.5rem !important
; }
8432 margin: 1rem !important
; }
8435 margin-top: 1rem !important
; }
8438 margin-right: 1rem !important
; }
8441 margin-bottom: 1rem !important
; }
8444 margin-left: 1rem !important
; }
8446 margin: 1.5rem !important
; }
8449 margin-top: 1.5rem !important
; }
8452 margin-right: 1.5rem !important
; }
8455 margin-bottom: 1.5rem !important
; }
8458 margin-left: 1.5rem !important
; }
8460 margin: 2rem !important
; }
8463 margin-top: 2rem !important
; }
8466 margin-right: 2rem !important
; }
8469 margin-bottom: 2rem !important
; }
8472 margin-left: 2rem !important
; }
8474 margin: 3rem !important
; }
8477 margin-top: 3rem !important
; }
8480 margin-right: 3rem !important
; }
8483 margin-bottom: 3rem !important
; }
8486 margin-left: 3rem !important
; }
8488 padding: 0 !important
; }
8491 padding-top: 0 !important
; }
8494 padding-right: 0 !important
; }
8497 padding-bottom: 0 !important
; }
8500 padding-left: 0 !important
; }
8502 padding: 0.25rem !important
; }
8505 padding-top: 0.25rem !important
; }
8508 padding-right: 0.25rem !important
; }
8511 padding-bottom: 0.25rem !important
; }
8514 padding-left: 0.25rem !important
; }
8516 padding: 0.5rem !important
; }
8519 padding-top: 0.5rem !important
; }
8522 padding-right: 0.5rem !important
; }
8525 padding-bottom: 0.5rem !important
; }
8528 padding-left: 0.5rem !important
; }
8530 padding: 1rem !important
; }
8533 padding-top: 1rem !important
; }
8536 padding-right: 1rem !important
; }
8539 padding-bottom: 1rem !important
; }
8542 padding-left: 1rem !important
; }
8544 padding: 1.5rem !important
; }
8547 padding-top: 1.5rem !important
; }
8550 padding-right: 1.5rem !important
; }
8553 padding-bottom: 1.5rem !important
; }
8556 padding-left: 1.5rem !important
; }
8558 padding: 2rem !important
; }
8561 padding-top: 2rem !important
; }
8564 padding-right: 2rem !important
; }
8567 padding-bottom: 2rem !important
; }
8570 padding-left: 2rem !important
; }
8572 padding: 3rem !important
; }
8575 padding-top: 3rem !important
; }
8578 padding-right: 3rem !important
; }
8581 padding-bottom: 3rem !important
; }
8584 padding-left: 3rem !important
; }
8586 margin: -0.25rem !important
; }
8589 margin-top: -0.25rem !important
; }
8592 margin-right: -0.25rem !important
; }
8595 margin-bottom: -0.25rem !important
; }
8598 margin-left: -0.25rem !important
; }
8600 margin: -0.5rem !important
; }
8603 margin-top: -0.5rem !important
; }
8606 margin-right: -0.5rem !important
; }
8609 margin-bottom: -0.5rem !important
; }
8612 margin-left: -0.5rem !important
; }
8614 margin: -1rem !important
; }
8617 margin-top: -1rem !important
; }
8620 margin-right: -1rem !important
; }
8623 margin-bottom: -1rem !important
; }
8626 margin-left: -1rem !important
; }
8628 margin: -1.5rem !important
; }
8631 margin-top: -1.5rem !important
; }
8634 margin-right: -1.5rem !important
; }
8637 margin-bottom: -1.5rem !important
; }
8640 margin-left: -1.5rem !important
; }
8642 margin: -2rem !important
; }
8645 margin-top: -2rem !important
; }
8648 margin-right: -2rem !important
; }
8651 margin-bottom: -2rem !important
; }
8654 margin-left: -2rem !important
; }
8656 margin: -3rem !important
; }
8659 margin-top: -3rem !important
; }
8662 margin-right: -3rem !important
; }
8665 margin-bottom: -3rem !important
; }
8668 margin-left: -3rem !important
; }
8670 margin: auto
!important
; }
8673 margin-top: auto
!important
; }
8676 margin-right: auto
!important
; }
8679 margin-bottom: auto
!important
; }
8682 margin-left: auto
!important
; } }
8684 @media (min-width: 768px) {
8686 margin: 0 !important
; }
8689 margin-top: 0 !important
; }
8692 margin-right: 0 !important
; }
8695 margin-bottom: 0 !important
; }
8698 margin-left: 0 !important
; }
8700 margin: 0.25rem !important
; }
8703 margin-top: 0.25rem !important
; }
8706 margin-right: 0.25rem !important
; }
8709 margin-bottom: 0.25rem !important
; }
8712 margin-left: 0.25rem !important
; }
8714 margin: 0.5rem !important
; }
8717 margin-top: 0.5rem !important
; }
8720 margin-right: 0.5rem !important
; }
8723 margin-bottom: 0.5rem !important
; }
8726 margin-left: 0.5rem !important
; }
8728 margin: 1rem !important
; }
8731 margin-top: 1rem !important
; }
8734 margin-right: 1rem !important
; }
8737 margin-bottom: 1rem !important
; }
8740 margin-left: 1rem !important
; }
8742 margin: 1.5rem !important
; }
8745 margin-top: 1.5rem !important
; }
8748 margin-right: 1.5rem !important
; }
8751 margin-bottom: 1.5rem !important
; }
8754 margin-left: 1.5rem !important
; }
8756 margin: 2rem !important
; }
8759 margin-top: 2rem !important
; }
8762 margin-right: 2rem !important
; }
8765 margin-bottom: 2rem !important
; }
8768 margin-left: 2rem !important
; }
8770 margin: 3rem !important
; }
8773 margin-top: 3rem !important
; }
8776 margin-right: 3rem !important
; }
8779 margin-bottom: 3rem !important
; }
8782 margin-left: 3rem !important
; }
8784 padding: 0 !important
; }
8787 padding-top: 0 !important
; }
8790 padding-right: 0 !important
; }
8793 padding-bottom: 0 !important
; }
8796 padding-left: 0 !important
; }
8798 padding: 0.25rem !important
; }
8801 padding-top: 0.25rem !important
; }
8804 padding-right: 0.25rem !important
; }
8807 padding-bottom: 0.25rem !important
; }
8810 padding-left: 0.25rem !important
; }
8812 padding: 0.5rem !important
; }
8815 padding-top: 0.5rem !important
; }
8818 padding-right: 0.5rem !important
; }
8821 padding-bottom: 0.5rem !important
; }
8824 padding-left: 0.5rem !important
; }
8826 padding: 1rem !important
; }
8829 padding-top: 1rem !important
; }
8832 padding-right: 1rem !important
; }
8835 padding-bottom: 1rem !important
; }
8838 padding-left: 1rem !important
; }
8840 padding: 1.5rem !important
; }
8843 padding-top: 1.5rem !important
; }
8846 padding-right: 1.5rem !important
; }
8849 padding-bottom: 1.5rem !important
; }
8852 padding-left: 1.5rem !important
; }
8854 padding: 2rem !important
; }
8857 padding-top: 2rem !important
; }
8860 padding-right: 2rem !important
; }
8863 padding-bottom: 2rem !important
; }
8866 padding-left: 2rem !important
; }
8868 padding: 3rem !important
; }
8871 padding-top: 3rem !important
; }
8874 padding-right: 3rem !important
; }
8877 padding-bottom: 3rem !important
; }
8880 padding-left: 3rem !important
; }
8882 margin: -0.25rem !important
; }
8885 margin-top: -0.25rem !important
; }
8888 margin-right: -0.25rem !important
; }
8891 margin-bottom: -0.25rem !important
; }
8894 margin-left: -0.25rem !important
; }
8896 margin: -0.5rem !important
; }
8899 margin-top: -0.5rem !important
; }
8902 margin-right: -0.5rem !important
; }
8905 margin-bottom: -0.5rem !important
; }
8908 margin-left: -0.5rem !important
; }
8910 margin: -1rem !important
; }
8913 margin-top: -1rem !important
; }
8916 margin-right: -1rem !important
; }
8919 margin-bottom: -1rem !important
; }
8922 margin-left: -1rem !important
; }
8924 margin: -1.5rem !important
; }
8927 margin-top: -1.5rem !important
; }
8930 margin-right: -1.5rem !important
; }
8933 margin-bottom: -1.5rem !important
; }
8936 margin-left: -1.5rem !important
; }
8938 margin: -2rem !important
; }
8941 margin-top: -2rem !important
; }
8944 margin-right: -2rem !important
; }
8947 margin-bottom: -2rem !important
; }
8950 margin-left: -2rem !important
; }
8952 margin: -3rem !important
; }
8955 margin-top: -3rem !important
; }
8958 margin-right: -3rem !important
; }
8961 margin-bottom: -3rem !important
; }
8964 margin-left: -3rem !important
; }
8966 margin: auto
!important
; }
8969 margin-top: auto
!important
; }
8972 margin-right: auto
!important
; }
8975 margin-bottom: auto
!important
; }
8978 margin-left: auto
!important
; } }
8980 @media (min-width: 992px) {
8982 margin: 0 !important
; }
8985 margin-top: 0 !important
; }
8988 margin-right: 0 !important
; }
8991 margin-bottom: 0 !important
; }
8994 margin-left: 0 !important
; }
8996 margin: 0.25rem !important
; }
8999 margin-top: 0.25rem !important
; }
9002 margin-right: 0.25rem !important
; }
9005 margin-bottom: 0.25rem !important
; }
9008 margin-left: 0.25rem !important
; }
9010 margin: 0.5rem !important
; }
9013 margin-top: 0.5rem !important
; }
9016 margin-right: 0.5rem !important
; }
9019 margin-bottom: 0.5rem !important
; }
9022 margin-left: 0.5rem !important
; }
9024 margin: 1rem !important
; }
9027 margin-top: 1rem !important
; }
9030 margin-right: 1rem !important
; }
9033 margin-bottom: 1rem !important
; }
9036 margin-left: 1rem !important
; }
9038 margin: 1.5rem !important
; }
9041 margin-top: 1.5rem !important
; }
9044 margin-right: 1.5rem !important
; }
9047 margin-bottom: 1.5rem !important
; }
9050 margin-left: 1.5rem !important
; }
9052 margin: 2rem !important
; }
9055 margin-top: 2rem !important
; }
9058 margin-right: 2rem !important
; }
9061 margin-bottom: 2rem !important
; }
9064 margin-left: 2rem !important
; }
9066 margin: 3rem !important
; }
9069 margin-top: 3rem !important
; }
9072 margin-right: 3rem !important
; }
9075 margin-bottom: 3rem !important
; }
9078 margin-left: 3rem !important
; }
9080 padding: 0 !important
; }
9083 padding-top: 0 !important
; }
9086 padding-right: 0 !important
; }
9089 padding-bottom: 0 !important
; }
9092 padding-left: 0 !important
; }
9094 padding: 0.25rem !important
; }
9097 padding-top: 0.25rem !important
; }
9100 padding-right: 0.25rem !important
; }
9103 padding-bottom: 0.25rem !important
; }
9106 padding-left: 0.25rem !important
; }
9108 padding: 0.5rem !important
; }
9111 padding-top: 0.5rem !important
; }
9114 padding-right: 0.5rem !important
; }
9117 padding-bottom: 0.5rem !important
; }
9120 padding-left: 0.5rem !important
; }
9122 padding: 1rem !important
; }
9125 padding-top: 1rem !important
; }
9128 padding-right: 1rem !important
; }
9131 padding-bottom: 1rem !important
; }
9134 padding-left: 1rem !important
; }
9136 padding: 1.5rem !important
; }
9139 padding-top: 1.5rem !important
; }
9142 padding-right: 1.5rem !important
; }
9145 padding-bottom: 1.5rem !important
; }
9148 padding-left: 1.5rem !important
; }
9150 padding: 2rem !important
; }
9153 padding-top: 2rem !important
; }
9156 padding-right: 2rem !important
; }
9159 padding-bottom: 2rem !important
; }
9162 padding-left: 2rem !important
; }
9164 padding: 3rem !important
; }
9167 padding-top: 3rem !important
; }
9170 padding-right: 3rem !important
; }
9173 padding-bottom: 3rem !important
; }
9176 padding-left: 3rem !important
; }
9178 margin: -0.25rem !important
; }
9181 margin-top: -0.25rem !important
; }
9184 margin-right: -0.25rem !important
; }
9187 margin-bottom: -0.25rem !important
; }
9190 margin-left: -0.25rem !important
; }
9192 margin: -0.5rem !important
; }
9195 margin-top: -0.5rem !important
; }
9198 margin-right: -0.5rem !important
; }
9201 margin-bottom: -0.5rem !important
; }
9204 margin-left: -0.5rem !important
; }
9206 margin: -1rem !important
; }
9209 margin-top: -1rem !important
; }
9212 margin-right: -1rem !important
; }
9215 margin-bottom: -1rem !important
; }
9218 margin-left: -1rem !important
; }
9220 margin: -1.5rem !important
; }
9223 margin-top: -1.5rem !important
; }
9226 margin-right: -1.5rem !important
; }
9229 margin-bottom: -1.5rem !important
; }
9232 margin-left: -1.5rem !important
; }
9234 margin: -2rem !important
; }
9237 margin-top: -2rem !important
; }
9240 margin-right: -2rem !important
; }
9243 margin-bottom: -2rem !important
; }
9246 margin-left: -2rem !important
; }
9248 margin: -3rem !important
; }
9251 margin-top: -3rem !important
; }
9254 margin-right: -3rem !important
; }
9257 margin-bottom: -3rem !important
; }
9260 margin-left: -3rem !important
; }
9262 margin: auto
!important
; }
9265 margin-top: auto
!important
; }
9268 margin-right: auto
!important
; }
9271 margin-bottom: auto
!important
; }
9274 margin-left: auto
!important
; } }
9276 @media (min-width: 1200px) {
9278 margin: 0 !important
; }
9281 margin-top: 0 !important
; }
9284 margin-right: 0 !important
; }
9287 margin-bottom: 0 !important
; }
9290 margin-left: 0 !important
; }
9292 margin: 0.25rem !important
; }
9295 margin-top: 0.25rem !important
; }
9298 margin-right: 0.25rem !important
; }
9301 margin-bottom: 0.25rem !important
; }
9304 margin-left: 0.25rem !important
; }
9306 margin: 0.5rem !important
; }
9309 margin-top: 0.5rem !important
; }
9312 margin-right: 0.5rem !important
; }
9315 margin-bottom: 0.5rem !important
; }
9318 margin-left: 0.5rem !important
; }
9320 margin: 1rem !important
; }
9323 margin-top: 1rem !important
; }
9326 margin-right: 1rem !important
; }
9329 margin-bottom: 1rem !important
; }
9332 margin-left: 1rem !important
; }
9334 margin: 1.5rem !important
; }
9337 margin-top: 1.5rem !important
; }
9340 margin-right: 1.5rem !important
; }
9343 margin-bottom: 1.5rem !important
; }
9346 margin-left: 1.5rem !important
; }
9348 margin: 2rem !important
; }
9351 margin-top: 2rem !important
; }
9354 margin-right: 2rem !important
; }
9357 margin-bottom: 2rem !important
; }
9360 margin-left: 2rem !important
; }
9362 margin: 3rem !important
; }
9365 margin-top: 3rem !important
; }
9368 margin-right: 3rem !important
; }
9371 margin-bottom: 3rem !important
; }
9374 margin-left: 3rem !important
; }
9376 padding: 0 !important
; }
9379 padding-top: 0 !important
; }
9382 padding-right: 0 !important
; }
9385 padding-bottom: 0 !important
; }
9388 padding-left: 0 !important
; }
9390 padding: 0.25rem !important
; }
9393 padding-top: 0.25rem !important
; }
9396 padding-right: 0.25rem !important
; }
9399 padding-bottom: 0.25rem !important
; }
9402 padding-left: 0.25rem !important
; }
9404 padding: 0.5rem !important
; }
9407 padding-top: 0.5rem !important
; }
9410 padding-right: 0.5rem !important
; }
9413 padding-bottom: 0.5rem !important
; }
9416 padding-left: 0.5rem !important
; }
9418 padding: 1rem !important
; }
9421 padding-top: 1rem !important
; }
9424 padding-right: 1rem !important
; }
9427 padding-bottom: 1rem !important
; }
9430 padding-left: 1rem !important
; }
9432 padding: 1.5rem !important
; }
9435 padding-top: 1.5rem !important
; }
9438 padding-right: 1.5rem !important
; }
9441 padding-bottom: 1.5rem !important
; }
9444 padding-left: 1.5rem !important
; }
9446 padding: 2rem !important
; }
9449 padding-top: 2rem !important
; }
9452 padding-right: 2rem !important
; }
9455 padding-bottom: 2rem !important
; }
9458 padding-left: 2rem !important
; }
9460 padding: 3rem !important
; }
9463 padding-top: 3rem !important
; }
9466 padding-right: 3rem !important
; }
9469 padding-bottom: 3rem !important
; }
9472 padding-left: 3rem !important
; }
9474 margin: -0.25rem !important
; }
9477 margin-top: -0.25rem !important
; }
9480 margin-right: -0.25rem !important
; }
9483 margin-bottom: -0.25rem !important
; }
9486 margin-left: -0.25rem !important
; }
9488 margin: -0.5rem !important
; }
9491 margin-top: -0.5rem !important
; }
9494 margin-right: -0.5rem !important
; }
9497 margin-bottom: -0.5rem !important
; }
9500 margin-left: -0.5rem !important
; }
9502 margin: -1rem !important
; }
9505 margin-top: -1rem !important
; }
9508 margin-right: -1rem !important
; }
9511 margin-bottom: -1rem !important
; }
9514 margin-left: -1rem !important
; }
9516 margin: -1.5rem !important
; }
9519 margin-top: -1.5rem !important
; }
9522 margin-right: -1.5rem !important
; }
9525 margin-bottom: -1.5rem !important
; }
9528 margin-left: -1.5rem !important
; }
9530 margin: -2rem !important
; }
9533 margin-top: -2rem !important
; }
9536 margin-right: -2rem !important
; }
9539 margin-bottom: -2rem !important
; }
9542 margin-left: -2rem !important
; }
9544 margin: -3rem !important
; }
9547 margin-top: -3rem !important
; }
9550 margin-right: -3rem !important
; }
9553 margin-bottom: -3rem !important
; }
9556 margin-left: -3rem !important
; }
9558 margin: auto
!important
; }
9561 margin-top: auto
!important
; }
9564 margin-right: auto
!important
; }
9567 margin-bottom: auto
!important
; }
9570 margin-left: auto
!important
; } }
9572 .stretched-link::after {
9579 pointer-events: auto
;
9581 background-color: rgba
(0, 0, 0, 0); }
9584 font-family: SFMono-Regular
, Menlo
, Monaco
, Consolas
, "Liberation Mono", "Courier New", monospace
!important
; }
9587 text-align: justify
!important
; }
9590 white-space: normal
!important
; }
9593 white-space: nowrap
!important
; }
9597 text-overflow: ellipsis
;
9598 white-space: nowrap
; }
9601 text-align: left
!important
; }
9604 text-align: right
!important
; }
9607 text-align: center
!important
; }
9609 @media (min-width: 576px) {
9611 text-align: left
!important
; }
9613 text-align: right
!important
; }
9615 text-align: center
!important
; } }
9617 @media (min-width: 768px) {
9619 text-align: left
!important
; }
9621 text-align: right
!important
; }
9623 text-align: center
!important
; } }
9625 @media (min-width: 992px) {
9627 text-align: left
!important
; }
9629 text-align: right
!important
; }
9631 text-align: center
!important
; } }
9633 @media (min-width: 1200px) {
9635 text-align: left
!important
; }
9637 text-align: right
!important
; }
9639 text-align: center
!important
; } }
9642 text-transform: lowercase
!important
; }
9645 text-transform: uppercase
!important
; }
9648 text-transform: capitalize
!important
; }
9650 .font-weight-light {
9651 font-weight: 300 !important
; }
9653 .font-weight-lighter {
9654 font-weight: lighter
!important
; }
9656 .font-weight-normal {
9657 font-weight: 400 !important
; }
9660 font-weight: 700 !important
; }
9662 .font-weight-bolder {
9663 font-weight: bolder
!important
; }
9666 font-style: italic
!important
; }
9669 color: #fff !important
; }
9672 color: #0f6fc5 !important
; }
9674 a
.text-primary:hover
, a
.text-primary:focus
{
9675 color: #0a477e !important
; }
9678 color: #ced4da !important
; }
9680 a
.text-secondary:hover
, a
.text-secondary:focus
{
9681 color: #a2aeb9 !important
; }
9684 color: #357a32 !important
; }
9686 a
.text-success:hover
, a
.text-success:focus
{
9687 color: #1d441c !important
; }
9690 color: #008196 !important
; }
9692 a
.text-info:hover
, a
.text-info:focus
{
9693 color: #003f4a !important
; }
9696 color: #f0ad4e !important
; }
9698 a
.text-warning:hover
, a
.text-warning:focus
{
9699 color: #df8a13 !important
; }
9702 color: #ca3120 !important
; }
9704 a
.text-danger:hover
, a
.text-danger:focus
{
9705 color: #882116 !important
; }
9708 color: #f8f9fa !important
; }
9710 a
.text-light:hover
, a
.text-light:focus
{
9711 color: #cbd3da !important
; }
9714 color: #343a40 !important
; }
9716 a
.text-dark:hover
, a
.text-dark:focus
{
9717 color: #121416 !important
; }
9720 color: #212529 !important
; }
9723 color: #6c757d !important
; }
9726 color: rgba
(0, 0, 0, 0.5) !important
; }
9729 color: rgba
(255, 255, 255, 0.5) !important
; }
9735 background-color: transparent
;
9738 .text-decoration-none {
9739 text-decoration: none
!important
; }
9742 word-wrap: break-word
!important
; }
9745 color: inherit
!important
; }
9748 visibility: visible
!important
; }
9751 visibility: hidden
!important
; }
9757 text-shadow: none
!important
;
9758 box-shadow: none
!important
; }
9760 text-decoration: underline
; }
9761 abbr
[title
]::after
{
9762 content: " (" attr
(title
) ")"; }
9764 white-space: pre-wrap
!important
; }
9767 border: 1px solid
#8f959e;
9768 page-break-inside: avoid
; }
9770 display: table-header-group
; }
9773 page-break-inside: avoid
; }
9781 page-break-after: avoid
; }
9783 min-width: 992px !important
; }
9785 min-width: 992px !important
; }
9789 border: 1px solid
#000; }
9791 border-collapse: collapse
!important
; }
9794 background-color: #fff !important
; }
9796 .table-bordered td {
9797 border: 1px solid
#dee2e6 !important
; }
9802 .table-dark thead th
,
9803 .table-dark tbody + tbody {
9804 border-color: #dee2e6; }
9805 .table .thead-dark th {
9807 border-color: #dee2e6; } }
9810 * Bootstrap overrides for RTL
9812 * This file is only for overriding sass from upstream bootstrap, all general rtl fixes for
9813 * moodle scss should be placed immediately after the definition of the ltr rule.
9815 .breadcrumb-item + .breadcrumb-item::before {
9819 /* stylelint-disable-line declaration-block-no-duplicate-properties */ }
9821 .dir-rtl .custom-select {
9822 background-position: 0.75rem center
; }
9834 * Variables written for Moodle specific components
9836 * Please do not override any Bootstrap variables here, custom Bootstrap variable should go in
9837 * preset files instead.
9842 overflow-y: visible
;
9843 background-color: #fff; }
9845 @media (min-width: 576px) {
9847 border: 1px solid rgba
(0, 0, 0, 0.125);
9848 border-radius: 0.25rem;
9849 padding: 1.25rem; } }
9851 @media (min-width: 576px) {
9852 .context-header-settings-menu
,
9853 .region-main-settings-menu {
9859 margin-top: 4px; } }
9861 @media (max-width: 767.98px) {
9862 .context-header-settings-menu
,
9863 .region-main-settings-menu {
9865 justify-content: flex-end
; } }
9870 transition: opacity
.7s ease
0s, visibility
.1s ease
.8s;
9878 transform: translateY
(-100%); }
9880 @media (max-width: 767.98px) {
9884 body
.scrolled #goto-top-link
{
9886 visibility: visible
;
9887 transition: visibility
0s ease
0s, opacity
.7s ease
.1s; }
9889 .context-header-settings-menu
.dropdown-toggle
> .icon
,
9890 #region-main-settings-menu .dropdown-toggle
> .icon
{
9895 /** Prevent user notifications overlapping with region main settings menu */
9896 #user-notifications {
9900 /** Page layout CSS starts **/
9901 .layout-option-noheader #page-header
,
9902 .layout-option-nonavbar #page-navbar
,
9903 .layout-option-nofooter #page-footer
,
9904 .layout-option-nocourseheader
.course-content-header
,
9905 .layout-option-nocoursefooter .course-content-footer {
9908 /** Page layout CSS ends **/
9913 text-align: right
; }
9917 direction: ltr
!important
;
9918 /* stylelint-disable-line declaration-no-important */ }
9924 text-align: center
; }
9931 a
.dimmed_text:visited
,
9934 .dimmed_text
a:link
,
9935 .dimmed_text
a:visited
,
9938 .usersuspended
a:link
,
9939 .usersuspended
a:visited
,
9941 .dimmed_category a {
9944 .aalink
.focus
, .aalink:focus
,
9945 #page-footer a:not
([class
]).focus
,
9946 #page-footer a:not
([class
]):focus
,
9949 a:not
([class
]).focus
,
9950 a:not
([class
]):focus
,
9951 .activityinstance
> a
.focus
,
9952 .activityinstance > a:focus {
9953 outline: 0.2rem solid transparent
;
9955 background-color: #d7ebfc;
9956 box-shadow: 0 -0.2rem #d7ebfc, 0 0.2rem #343a40; }
9958 .aalink:focus:hover
,
9959 #page-footer a:not
([class
]):focus:hover
,
9960 .arrow_link:focus:hover
,
9961 a:not
([class
]):focus:hover
,
9962 .activityinstance > a:focus:hover {
9963 text-decoration: none
; }
9965 .aabtn
.focus
, .aabtn:focus
,
9970 .atto_link_button
.focus
,
9971 .atto_link_button:focus
,
9972 [role
="button"].focus
,
9973 [role
="button"]:focus
,
9974 .list-group-item-action
.focus
,
9975 .list-group-item-action:focus
,
9976 input
[type
="checkbox"].focus
,
9977 input
[type
="checkbox"]:focus
,
9978 input
[type
="radio"].focus
,
9979 input
[type
="radio"]:focus
,
9980 input
[type
="file"].focus
,
9981 input
[type
="file"]:focus
,
9982 input
[type
="image"].focus
,
9983 input
[type
="image"]:focus
,
9984 .sr-only-focusable
.focus
,
9985 .sr-only-focusable:focus
,
9986 a
.dropdown-item
.focus
,
9987 a
.dropdown-item:focus
,
9988 a
.dropdown-toggle
.focus
,
9989 a
.dropdown-toggle:focus
,
9990 .modal-dialog
[tabindex
="0"].focus
,
9991 .modal-dialog
[tabindex
="0"]:focus
,
9992 .moodle-dialogue-base
.closebutton
.focus
,
9993 .moodle-dialogue-base
.closebutton:focus
,
9995 button
.close:focus
{
9997 box-shadow: 0 0 0 0.2rem rgba
(15, 111, 197, 0.75); }
10000 .btn-link:focus:hover
,
10001 .nav-link:focus:hover
,
10002 .atto_link_button:focus:hover
,
10003 [role
="button"]:focus:hover
,
10004 .list-group-item-action:focus:hover
,
10005 input
[type
="checkbox"]:focus:hover
,
10006 input
[type
="radio"]:focus:hover
,
10007 input
[type
="file"]:focus:hover
,
10008 input
[type
="image"]:focus:hover
,
10009 .sr-only-focusable:focus:hover
,
10010 a
.dropdown-item:focus:hover
,
10011 a
.dropdown-toggle:focus:hover
,
10012 .modal-dialog
[tabindex
="0"]:focus:hover
,
10013 .moodle-dialogue-base
.closebutton:focus:hover
,
10014 button
.close:focus:hover
{
10015 text-decoration: none
; }
10017 .safari input
[type
="checkbox"].focus
, .safari input
[type
="checkbox"]:focus
,
10018 .safari input
[type
="radio"].focus
,
10019 .safari input[type="radio"]:focus {
10023 .usermenu a
[role
="button"],
10024 div
.dropdown-item a
,
10025 div
.dropdown-item a
[role
="button"] {
10027 box-shadow: none
; }
10029 .usermenu:focus-within
,
10030 div
.dropdown-item:focus-within
{
10032 box-shadow: 0 0 0 0.2rem rgba
(15, 111, 197, 0.75); }
10040 .section li
.activity
,
10041 .section li
.movehere
,
10047 .section li.movehere a {
10051 border: 2px dashed
#343a40; }
10053 .editing .course-content .hidden.sectionname {
10054 visibility: hidden
;
10055 display: initial
; }
10062 font-size: 0.703125rem; }
10079 .fitem.advanced .text-info {
10080 font-weight: bold
; }
10083 text-align: right
; }
10085 a
.autolink
.glossary:hover
{
10088 /* Block which is hidden if javascript enabled, prevents fickering visible when JS from footer used! */
10089 .collapsibleregioncaption {
10090 white-space: nowrap
;
10091 min-height: 1.40625rem; }
10093 .pagelayout-mydashboard.jsenabled .collapsibleregioncaption {
10096 .pagelayout-mydashboard #region-main {
10099 background-color: transparent
;
10100 margin-top: -1px; }
10102 @media (max-width: 767.98px) {
10103 .pagelayout-mydashboard #region-main-box
,
10104 .pagelayout-login #region-main-box {
10106 padding-right: 0; } }
10108 .collapsibleregioncaption img {
10109 vertical-align: middle
; }
10111 .jsenabled .hiddenifjs {
10117 .jsenabled .visibleifjs {
10120 .jsenabled .collapsibleregion {
10122 box-sizing: content-box
; }
10124 .jsenabled .collapsed .collapsibleregioninner {
10125 visibility: hidden
; }
10127 .collapsible-actions {
10129 text-align: right
; }
10131 .jsenabled .collapsible-actions {
10134 .collapsible-actions .collapseexpand {
10135 padding-left: 20px;
10136 background: url
([[pix:t
/collapsed
]]) 2px center no-repeat
; }
10139 .collapsible-actions .collapseexpand {
10140 background: url([[pix:t/collapsed_rtl]]) right center no-repeat;
10143 .collapsible-actions .collapse-all {
10144 background-image: url
([[pix:t
/expanded
]]); }
10146 .yui-overlay .yui-widget-bd {
10147 background-color: #ffee69;
10148 border: 1px solid
#a6982b;
10149 border-top-color: #d4c237;
10153 position: relative
;
10158 background: transparent
;
10170 .pagingbar .thispage {
10171 font-weight: bold
; }
10174 margin-right: 0.5rem; }
10180 .action-menu .dropdown-toggle {
10181 text-decoration: none
; }
10184 white-space: nowrap
; }
10186 .block img.resize {
10194 vertical-align: middle
; }
10197 font-weight: bold
; }
10202 overflow: hidden
; }
10207 #addmembersform table
{
10209 margin-right: auto
; }
10211 table
.flexible
.emptyrow
{
10215 form
.popupform div
{
10218 .arrow_button input {
10219 overflow: hidden
; }
10224 .no-overflow > .generaltable {
10225 position: relative
;
10227 min-height: 10em; }
10230 position: absolute
;
10236 clip: rect
(0, 0, 0, 0);
10237 white-space: nowrap
;
10247 position: absolute
;
10250 text-decoration: none
; }
10252 a
.skip-block:focus
,
10253 a
.skip-block:active
,
10262 overflow: hidden
; }
10265 text-align: center
; }
10267 .blog_entry .audience {
10269 padding-right: 4px; }
10271 .blog_entry .tags {
10272 margin-top: 15px; }
10274 .blog_entry .content {
10275 margin-left: 43px; }
10278 margin: 1em 0 0 0; }
10285 #doc-contents ul li
{
10286 list-style-type: none
; }
10288 .groupmanagementtable td {
10289 vertical-align: top
; }
10291 .groupmanagementtable #existingcell
,
10292 .groupmanagementtable #potentialcell {
10295 .groupmanagementtable #buttonscell {
10298 .groupmanagementtable #buttonscell p.arrow_button input {
10304 .groupmanagementtable #removeselect_wrapper
,
10305 .groupmanagementtable #addselect_wrapper {
10308 .groupmanagementtable #removeselect_wrapper label
,
10309 .groupmanagementtable #addselect_wrapper label {
10310 font-weight: normal
; }
10312 #group-usersummary {
10317 margin-bottom: 3px;
10318 display: inline-block
; }
10320 .groupselector label {
10321 display: inline-block
; }
10323 .login-page [name="username"] {
10324 margin-bottom: -1px;
10325 border-bottom-right-radius: 0;
10326 border-bottom-left-radius: 0; }
10328 .login-page [type="password"] {
10329 margin-bottom: 10px;
10330 border-top-left-radius: 0;
10331 border-top-right-radius: 0; }
10334 margin-bottom: 1em; }
10336 .notepost .userpicture {
10338 margin-right: 5px; }
10340 .notepost
.content
,
10341 .notepost .footer {
10345 margin-left: 20px; }
10347 .path-my .coursebox {
10350 .path-my .coursebox .overview {
10351 margin: 15px 30px 10px 30px; }
10353 .path-my .coursebox .info {
10377 .comment-area textarea {
10380 .comment-area textarea.fullwidth {
10381 -webkit-box-sizing: border-box
;
10382 -moz-box-sizing: border-box
;
10383 box-sizing: border-box
; }
10385 .comment-area .fd {
10386 text-align: right
; }
10388 .comment-meta span {
10391 .comment-link img {
10392 vertical-align: text-bottom
; }
10404 margin-bottom: 5px;
10407 position: relative
; }
10409 .comment-list li.first {
10413 text-align: center
; }
10415 .comment-paging .pageno {
10418 .comment-paging .curpage {
10419 border: 1px solid
#ccc; }
10421 .comment-message .picture {
10425 .comment-message .text {
10429 .comment-message .text p {
10431 margin: 0 18px 0 0; }
10434 position: absolute
;
10439 .comment-report-selectall {
10445 .jsenabled .comment-link {
10448 .jsenabled .showcommentsnonjs {
10451 .jsenabled .comment-report-selectall {
10455 * Completion progress report
10457 .completion-expired {
10460 .completion-expected {
10461 font-size: 0.703125rem; }
10463 .completion-sortchoice
,
10464 .completion-identifyfield {
10465 font-size: 0.703125rem;
10466 vertical-align: bottom
; }
10468 .completion-progresscell {
10469 text-align: right
; }
10471 .completion-expired .completion-expected {
10472 font-weight: bold
; }
10482 text-align: center
;
10483 margin: 10px auto
; }
10485 .path-tag .tag-index-items .tagarea {
10486 border: 1px solid
#e3e3e3;
10487 border-radius: 4px;
10489 margin-top: 10px; }
10491 .path-tag .tag-index-items .tagarea h3 {
10493 padding: 3px 0 10px 0;
10499 text-shadow: 0 1px 0 rgba
(255, 255, 255, 0.5);
10500 text-transform: uppercase
;
10501 word-wrap: break-word
;
10502 border-bottom: solid
1px #e3e3e3;
10503 margin-bottom: 10px; }
10505 .path-tag
.tagarea
.controls::after
,
10506 .path-tag .tagarea .taggeditems::after {
10511 .path-tag
.tagarea
.controls
,
10512 .path-tag .tag-backtoallitems {
10513 text-align: center
; }
10515 .path-tag .tagarea .controls .gotopage.nextpage {
10518 .path-tag .tagarea .controls .gotopage.prevpage {
10521 .path-tag .tagarea .controls .exclusivemode {
10522 display: inline-block
; }
10524 .path-tag .tagarea .controls.controls-bottom {
10527 .path-tag .tagarea .controls .gotopage.nextpage::after {
10528 padding-right: 5px;
10532 .path-tag .tagarea .controls .gotopage.prevpage::before {
10533 padding-right: 5px;
10539 span
.flagged-tag a
,
10543 .tag-management-table td
,
10544 .tag-management-table th {
10545 vertical-align: middle
;
10548 .tag-management-table .inplaceeditable.inplaceeditingon input {
10551 .path-admin-tag .addstandardtags {
10553 .path-admin-tag .addstandardtags img {
10556 .path-tag .tag-relatedtags {
10557 padding-top: 10px; }
10559 .path-tag .tag-management-box {
10560 text-align: right
; }
10562 .path-tag .tag-index-toc {
10564 text-align: center
; }
10566 .path-tag
.tag-index-toc li
,
10567 .path-tag .tag-management-box li {
10569 margin-right: 5px; }
10571 .path-tag .tag-management-box li a.edittag {
10572 background-image: url
([[pix:moodle|i
/settings
]]); }
10574 .path-tag .tag-management-box li a.flagasinappropriate {
10575 background-image: url
([[pix:moodle|i
/flagged
]]); }
10577 .path-tag .tag-management-box li a.removefrommyinterests {
10578 background-image: url
([[pix:moodle|t
/delete
]]); }
10580 .path-tag .tag-management-box li a.addtomyinterests {
10581 background-image: url
([[pix:moodle|t
/add
]]); }
10583 .path-tag .tag-management-box li a {
10584 background-repeat: no-repeat
;
10585 background-position: left
;
10586 padding-left: 17px; }
10588 .tag_feed.media-list .media .itemimage {
10591 .tag_feed.media-list .media .itemimage img {
10595 .tag_feed.media-list .media .media-body {
10596 padding-right: 10px;
10597 padding-left: 10px; }
10599 .tag_feed .media .muted a {
10603 text-align: center
; }
10605 .tag_cloud .inline-list li {
10606 padding: 0 0.2em; }
10608 .tag_cloud .tag_overflow {
10610 font-style: italic
; }
10613 font-size: 2.7em; }
10616 font-size: 2.6em; }
10619 font-size: 2.5em; }
10622 font-size: 2.4em; }
10625 font-size: 2.3em; }
10628 font-size: 2.2em; }
10631 font-size: 2.1em; }
10637 font-size: 1.9em; }
10640 font-size: 1.8em; }
10643 font-size: 1.7em; }
10646 font-size: 1.6em; }
10649 font-size: 1.5em; }
10652 font-size: 1.4em; }
10655 font-size: 1.3em; }
10658 font-size: 1.2em; }
10661 font-size: 1.1em; }
10667 font-size: 0.9em; }
10670 font-size: 0.8em; }
10673 font-size: 0.7em; }
10678 .tag_list.hideoverlimit .overlimit {
10681 .tag_list .tagmorelink {
10684 .tag_list.hideoverlimit .tagmorelink {
10687 .tag_list.hideoverlimit .taglesslink {
10693 #webservice-doc-generator td
{
10695 border: 0 solid black
; }
10702 border-collapse: collapse
; }
10704 .userenrolment tr {
10705 vertical-align: top
; }
10707 .userenrolment td {
10711 .userenrolment .subfield {
10712 margin-right: 5px; }
10714 .userenrolment .col_userdetails .subfield {
10715 margin-left: 40px; }
10717 .userenrolment .col_userdetails .subfield_picture {
10721 .userenrolment .col_lastseen {
10724 .userenrolment .col_role {
10727 .userenrolment
.col_role
.roles
,
10728 .userenrolment .col_group .groups {
10729 margin-right: 30px; }
10731 .userenrolment .col_role .role {
10733 padding: 0 3px 3px;
10735 white-space: nowrap
; }
10737 .userenrolment .col_group .group {
10741 white-space: nowrap
; }
10743 .userenrolment
.col_role
.role a
,
10744 .userenrolment .col_group .group a {
10748 .userenrolment
.col_role
.addrole
,
10749 .userenrolment .col_group .addgroup {
10753 .userenrolment
.col_role
.addrole
> a:hover
,
10754 .userenrolment .col_group .addgroup > a:hover {
10755 border-bottom: 1px solid
#666; }
10757 .userenrolment
.col_role
.addrole img
,
10758 .userenrolment .col_group .addgroup img {
10759 vertical-align: baseline
; }
10761 .userenrolment .hasAllRoles .col_role .addrole {
10764 .userenrolment .col_enrol .enrolment {
10766 padding: 0 3px 3px;
10767 margin: 0 3px 3px; }
10769 .userenrolment .col_enrol .enrolment a {
10771 margin-left: 3px; }
10774 background-color: #ccc;
10775 position: absolute
;
10780 text-align: center
; }
10782 .corelightbox img {
10787 .mod-indent-outer {
10791 display: table-cell
; }
10793 .label .mod-indent {
10795 padding-top: 20px; }
10797 @media (min-width: 576px) {
10798 /* Creates a series of .mod-indent-# rule declarations based on indent size and number of indent levels. */
10834 /* Audio player size in 'block' mode (can only change width, height is hardcoded in JS) */
10835 .resourcecontent .mediaplugin_mp3 object {
10839 .resourcecontent audio.mediaplugin_html5audio {
10842 /** Large resource images should avoid hidden overflow **/
10846 /* Audio player size in 'inline' mode (can only change width, as above) */
10847 .mediaplugin_mp3 object {
10851 audio
.mediaplugin_html5audio
{
10854 /* TinyMCE moodle media preview frame should not have padding */
10855 .core_media_preview.pagelayout-embedded #content {
10858 .core_media_preview.pagelayout-embedded #maincontent {
10861 body#page-lib-editor-tinymce-plugins-moodlemedia-preview
{
10865 background: none
; }
10867 .path-rating .ratingtable {
10869 margin-bottom: 1em; }
10871 .path-rating .ratingtable th.rating {
10874 .path-rating
.ratingtable td
.rating
,
10875 .path-rating .ratingtable td.time {
10876 white-space: nowrap
;
10877 text-align: center
; }
10879 /* Moodle Dialogue Settings (moodle-core-dialogue) */
10880 .moodle-dialogue-base .moodle-dialogue-lightbox {
10881 background-color: #495057; }
10883 .pagelayout-popup .moodle-dialogue-base .moodle-dialogue-lightbox {
10884 background-color: transparent
; }
10886 .pagelayout-popup .moodle-dialogue-base .moodle-dialogue {
10887 box-shadow: 0 0.25rem 0.5rem rgba
(0, 0, 0, 0.2); }
10889 .moodle-dialogue-base
.hidden
,
10890 .moodle-dialogue-base .moodle-dialogue-hidden {
10894 overflow: hidden
; }
10896 .moodle-dialogue-base .moodle-dialogue-fullscreen {
10903 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
10906 .moodle-dialogue-base .moodle-dialogue-fullscreen .closebutton {
10909 background-size: 100%; }
10911 .moodle-dialogue-base .moodle-dialogue-wrap {
10912 background-color: #fff;
10913 border: 1px solid
#ccc; }
10918 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd {
10920 padding: 1rem 1rem;
10921 border-bottom: 1px solid
#dee2e6; }
10923 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd.yui3-widget-hd {
10926 background: initial
;
10928 line-height: 1.5; }
10930 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd h1 {
10931 font-size: 1.5rem; }
10933 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .yui3-widget-buttons {
10939 position: relative
;
10940 margin-left: auto
; }
10942 .moodle-dialogue-base .closebutton {
10943 padding: 1rem 1rem;
10944 margin: -1rem -1rem -1rem auto
;
10945 position: relative
;
10946 background-color: transparent
;
10948 background-image: none
;
10951 .moodle-dialogue-base .closebutton:hover, .moodle-dialogue-base .closebutton:active {
10953 .moodle-dialogue-base .closebutton::after {
10956 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd {
10958 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd body {
10959 background-color: #fff; }
10961 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
10963 position: absolute
;
10971 .moodle-dialogue-exception .moodle-exception-param label {
10972 font-weight: bold
; }
10974 .moodle-dialogue-exception .param-stacktrace label {
10975 background-color: #eee;
10976 border: 1px solid
#ccc;
10977 border-bottom-width: 0; }
10979 .moodle-dialogue-exception .param-stacktrace pre {
10980 border: 1px solid
#ccc;
10981 background-color: #fff; }
10983 .moodle-dialogue-exception .param-stacktrace .stacktrace-file {
10985 font-size: 0.8203125rem; }
10987 .moodle-dialogue-exception .param-stacktrace .stacktrace-line {
10989 font-size: 0.8203125rem; }
10991 .moodle-dialogue-exception .param-stacktrace .stacktrace-call {
10994 border-bottom: 1px solid
#eee; }
10996 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft:empty {
10999 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft.yui3-widget-ft {
11000 background: initial
; }
11002 .moodle-dialogue-confirm .confirmation-message {
11003 margin: 0.5rem 0; }
11005 .moodle-dialogue-confirm .confirmation-dialogue input {
11008 .moodle-dialogue-exception .moodle-exception-message {
11011 .moodle-dialogue-exception .moodle-exception-param {
11012 margin-bottom: 0.5em; }
11014 .moodle-dialogue-exception .moodle-exception-param label {
11017 .moodle-dialogue-exception .param-stacktrace label {
11020 padding: 4px 1em; }
11022 .moodle-dialogue-exception .param-stacktrace pre {
11027 .moodle-dialogue-exception .param-stacktrace .stacktrace-file {
11028 display: inline-block
;
11031 .moodle-dialogue-exception .param-stacktrace .stacktrace-line {
11032 display: inline-block
;
11036 .moodle-dialogue-exception .param-stacktrace .stacktrace-call {
11037 padding-left: 25px;
11038 margin-bottom: 4px;
11039 padding-bottom: 4px; }
11041 .moodle-dialogue .moodle-dialogue-bd .content-lightbox {
11047 background-color: white
;
11048 text-align: center
;
11051 /* Apply a default max-height on tooltip text */
11052 .moodle-dialogue .tooltiptext {
11053 max-height: 300px; }
11055 .moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip {
11057 .moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip .moodle-dialogue-bd {
11061 * Chooser Dialogues (moodle-core-chooserdialogue)
11063 * This CSS belong to the chooser dialogue which should work both with, and
11064 * without javascript enabled
11066 /* Hide the dialog and it's title */
11067 .chooserdialoguebody
,
11071 .moodle-dialogue.chooserdialogue .moodle-dialogue-content .moodle-dialogue-ft {
11074 .chooserdialogue .moodle-dialogue-wrap .moodle-dialogue-bd {
11076 background: #f2f2f2;
11077 border-bottom-right-radius: 10px;
11078 border-bottom-left-radius: 10px; }
11080 /* Center the submit buttons within the area */
11081 .choosercontainer #chooseform .submitbuttons {
11083 text-align: right
; }
11085 /* Fixed for safari browser on iPhone4S with ios7@mixin */
11086 @media (max-height: 639px) {
11087 .ios .choosercontainer #chooseform .submitbuttons {
11088 padding: 45px 0; } }
11090 .choosercontainer #chooseform .submitbuttons input {
11094 /* Various settings for the options area */
11095 .choosercontainer #chooseform .options {
11096 position: relative
;
11097 border-bottom: 1px solid
#bbb; }
11099 /* Only set these options if we're showing the js container */
11100 .jschooser .choosercontainer #chooseform .alloptions {
11101 overflow-x: hidden
;
11103 max-width: 240px; }
11104 .jschooser .choosercontainer #chooseform .alloptions .option input[type=radio] {
11105 display: inline-block
; }
11106 .jschooser .choosercontainer #chooseform .alloptions .option .typename {
11107 display: inline-block
;
11110 /* Settings for option rows and option subtypes */
11111 .choosercontainer #chooseform
.moduletypetitle
,
11112 .choosercontainer #chooseform
.option
,
11113 .choosercontainer #chooseform .nonoption {
11115 padding: 0 1.6em 0 1.6em; }
11117 .choosercontainer #chooseform .moduletypetitle {
11118 text-transform: uppercase
;
11119 padding-top: 1.2em;
11120 padding-bottom: 0.4em;
11121 margin-bottom: 0.5rem;
11124 .choosercontainer #chooseform
.option
.typename
,
11125 .choosercontainer #chooseform .nonoption .typename {
11126 padding: 0 0 0 0.5em; }
11128 .choosercontainer #chooseform .modicon + .typename {
11131 .choosercontainer #chooseform
.option input
[type
=radio
],
11132 .choosercontainer #chooseform .option span.typename {
11133 vertical-align: middle
; }
11135 .choosercontainer #chooseform .option label {
11139 border-bottom: 1px solid
#fff; }
11141 .choosercontainer #chooseform .option .icon {
11145 .choosercontainer #chooseform .nonoption {
11146 padding-left: 2.7em;
11147 padding-top: 0.3em;
11148 padding-bottom: 0.1em; }
11150 .choosercontainer #chooseform .subtype {
11152 padding: 0 1.6em 0 3.2em; }
11154 .choosercontainer #chooseform .subtype .typename {
11155 margin: 0 0 0 0.2em; }
11157 /* The instruction/help area */
11158 .jschooser
.choosercontainer #chooseform
.instruction
,
11159 .jschooser .choosercontainer #chooseform .typesummary {
11161 position: absolute
;
11168 background-color: #fff;
11169 overflow-x: hidden
;
11171 line-height: 2em; }
11173 /* Selected option settings */
11174 .jschooser
.choosercontainer #chooseform
.instruction
,
11175 .choosercontainer #chooseform .selected .typesummary {
11178 .choosercontainer #chooseform .selected {
11179 background-color: #fff;
11181 padding-top: 1px; }
11183 @media (max-width: 575.98px) {
11184 .jsenabled .choosercontainer #chooseform .alloptions {
11186 .jsenabled
.choosercontainer #chooseform
.instruction
,
11187 .jsenabled .choosercontainer #chooseform .typesummary {
11188 position: static
; } }
11191 * Module chooser dialogue (moodle-core-chooserdialogue)
11193 * This CSS belong to the chooser dialogue which should work both with, and
11194 * without javascript enabled
11196 .modchooser .modal-body {
11201 flex-direction: column
; }
11202 .modchooser .modal-body .searchresultitemscontainer-wrapper {
11203 min-height: 495px; }
11204 .modchooser .modal-body .carousel-item.active {
11206 .modchooser .modal-body .chooser-container {
11208 flex-direction: column
;
11210 .modchooser .modal-body .loading-icon {
11212 .modchooser .modal-body .loading-icon .icon {
11217 .modchooser .modal-body .carousel-item .loading-icon .icon {
11218 margin: 1em auto
; }
11219 .modchooser .modal-body .searchbar {
11222 .modchooser .modal-footer {
11224 background: #fff; }
11225 .modchooser .modal-footer .moodlenet-logo .icon {
11228 margin-bottom: .6rem; }
11230 .modchoosercontainer.noscroll {
11231 overflow-y: hidden
; }
11233 .modchoosercontainer
.optionscontainer
,
11234 .modchoosercontainer .searchresultitemscontainer {
11235 overflow-x: hidden
; }
11236 .modchoosercontainer
.optionscontainer
.option
,
11237 .modchoosercontainer .searchresultitemscontainer .option {
11238 flex-basis: calc
(50% - 0.5rem); }
11239 .modchoosercontainer
.optionscontainer
.option
.optionactions
.optionaction
,
11240 .modchoosercontainer .searchresultitemscontainer .option .optionactions .optionaction {
11243 .modchoosercontainer
.optionscontainer
.option
.optionactions
.optionaction i
,
11244 .modchoosercontainer .searchresultitemscontainer .option .optionactions .optionaction i {
11246 .modchoosercontainer
.optionscontainer
.option
.optioninfo a
,
11247 .modchoosercontainer .searchresultitemscontainer .option .optioninfo a {
11249 .modchoosercontainer
.optionscontainer
.option
.optioninfo
a:hover
,
11250 .modchoosercontainer .searchresultitemscontainer .option .optioninfo a:hover {
11251 text-decoration: none
; }
11253 .modchooser .modal-body .optionsummary {
11254 background-color: #fff;
11255 overflow-x: hidden
;
11258 .modchooser .modal-body .optionsummary .content {
11259 overflow-y: auto
; }
11260 .modchooser .modal-body .optionsummary .content .heading .icon {
11265 .modchooser .modal-body .optionsummary .actions {
11266 border-top: 1px solid
#dee2e6;
11267 background: #fff; }
11269 @media (max-width: 575.98px) {
11270 .path-course-view
.modal-dialog
.modal-lg
,
11271 .path-course-view
.modal-content
,
11272 .modchooser
.modal-body
,
11273 .modchooser
.modal-body
.carousel
,
11274 .modchooser
.modal-body
.carousel-inner
,
11275 .modchooser
.modal-body
.carousel-item
,
11276 .modchooser
.modal-body
.optionsummary
,
11277 .modchoosercontainer
,
11279 .searchresultitemscontainer {
11282 overflow-y: auto
; }
11283 .path-course-view .modal-dialog.modal-lg {
11285 .modchooser .modal-body .searchresultitemscontainer-wrapper {
11286 min-height: auto
; } }
11288 @media (min-width: 576px) {
11289 .modchoosercontainer
.optionscontainer
.option
,
11290 .modchoosercontainer .searchresultitemscontainer .option {
11291 flex-basis: calc
(33.33% - 0.5rem); } }
11293 @media (min-width: 992px) {
11294 .modchoosercontainer
.optionscontainer
.option
,
11295 .modchoosercontainer .searchresultitemscontainer .option {
11296 flex-basis: calc
(16.66% - 0.5rem); } }
11298 /* Form element: listing */
11299 .formlistingradio {
11300 padding-bottom: 25px;
11301 padding-right: 10px; }
11303 .formlistinginputradio {
11307 min-height: 225px; }
11310 position: relative
;
11312 padding: 1px 19px 14px;
11313 background-color: white
;
11314 border: 1px solid
#ddd;
11315 border-radius: 4px; }
11318 position: absolute
;
11325 background-color: whitesmoke
;
11326 border: 1px solid
#ddd;
11328 border-radius: 4px 0 4px 0; }
11333 border-radius: 4px; }
11337 border-bottom: 1px solid
;
11338 border-color: #e1e1e8;
11339 border-left: 1px solid
#e1e1e8;
11340 border-right: 1px solid
#e1e1e8;
11341 background-color: #f7f7f9;
11342 border-radius: 0 0 4px 4px;
11350 body
.jsenabled
.formlistingradio
{
11353 body
.jsenabled
.formlisting
{
11356 a
.criteria-action
{
11360 div
.criteria-description
{
11361 padding: 10px 15px;
11363 background: none repeat scroll
0 0 #f9f9f9;
11364 border: 1px solid
#eee; }
11368 list-style: none
; }
11371 position: relative
;
11372 display: inline-block
;
11374 text-align: center
;
11375 vertical-align: top
;
11378 .badges li .badge-name {
11383 position: absolute
; }
11385 .badges li .badge-image {
11392 .badges li .badge-actions {
11393 position: relative
; }
11395 .badges li .expireimage {
11400 position: absolute
;
11405 background-color: transparent
;
11407 position: relative
;
11410 display: inline-block
;
11411 vertical-align: top
;
11413 margin-bottom: 20px; }
11414 #badge-image .expireimage
{
11420 position: absolute
;
11422 #badge-image .singlebutton
{
11425 #badge-image .singlebutton button
{
11426 margin-left: 4px; }
11429 display: inline-block
;
11432 #badge-overview dl
,
11433 #badge-details dl
{
11435 #badge-overview dl dt
,
11436 #badge-overview dl dd
,
11437 #badge-details dl dt
,
11438 #badge-details dl dd
{
11439 vertical-align: top
;
11441 #badge-overview dl dt
,
11442 #badge-details dl dt
{
11444 display: inline-block
;
11446 min-width: 100px; }
11447 #badge-overview dl dd
,
11448 #badge-details dl dd
{
11449 display: inline-block
;
11454 vertical-align: top
; }
11465 #page-badges-award .recipienttable tr td
{
11466 vertical-align: top
; }
11468 #page-badges-award .recipienttable tr td
.actions
.actionbutton
{
11473 #page-badges-award .recipienttable tr td
.existing
,
11474 #page-badges-award .recipienttable tr td
.potential
{
11477 #issued-badge-table .activatebadge
{
11478 display: inline-block
; }
11480 .statusbox.active {
11481 background-color: #d7e4d6; }
11483 .statusbox.inactive {
11484 background-color: #fcefdc; }
11487 text-align: center
;
11488 margin-bottom: 5px;
11491 .statusbox .activatebadge {
11492 display: inline-block
; }
11494 .statusbox .activatebadge input[type=submit] {
11500 vertical-align: middle
; }
11502 img#persona_signin
{
11508 .invisiblefieldset {
11514 #page-header .logo
{
11516 #page-header .logo img
{
11517 max-height: 75px; }
11519 /** Navbar logo. */
11520 nav
.navbar
.logo img
{
11521 max-height: 35px; }
11523 .nav.usernav .nav-item {
11526 .nav.usernav .usermenu .dropdown-toggle {
11527 padding: 0 0.5rem; }
11529 /** Header-bar styles **/
11530 .page-context-header {
11532 padding: 0.25rem; }
11533 .page-context-header
.page-header-image
,
11534 .page-context-header .page-header-headings {
11537 position: relative
; }
11538 .page-context-header .page-header-image {
11540 margin-bottom: 1em; }
11541 .page-context-header .page-header-image > a {
11542 display: inline-block
; }
11543 .page-context-header
.page-header-headings
,
11544 .page-context-header .header-button-group {
11545 position: relative
;
11547 vertical-align: middle
; }
11548 .page-context-header .header-button-group {
11552 ul
.dragdrop-keyboard-drag li
{
11553 list-style-type: none
; }
11557 text-decoration: none
;
11559 font-style: italic
;
11564 overflow: hidden
; }
11566 .progressbar_container {
11570 /* IE10 only fix for calendar titling */
11571 .ie10 .yui3-calendar-header-label {
11572 display: inline-block
; }
11582 .nav-tabs
> .active
> a
[href
],
11583 .nav-tabs
> .active
> a
[href
]:hover
,
11584 .nav-tabs > .active > a[href]:focus {
11587 .inplaceeditable.inplaceeditingon {
11588 position: relative
; }
11589 .inplaceeditable.inplaceeditingon .editinstructions {
11591 font-weight: normal
;
11596 white-space: nowrap
; }
11597 @media
(min-width: 576px) {
11598 .inplaceeditable.inplaceeditingon input {
11600 vertical-align: text-bottom
;
11601 margin-bottom: 0; } }
11602 .inplaceeditable.inplaceeditingon select {
11603 margin-bottom: 0; }
11605 .inplaceeditable .quickediticon img {
11608 .inplaceeditable .quickeditlink {
11610 text-decoration: inherit
; }
11612 .inplaceeditable:hover
.quickeditlink
.quickediticon img
,
11613 .inplaceeditable .quickeditlink:focus .quickediticon img {
11616 .inplaceeditable.inplaceeditable-toggle .quickediticon {
11619 .inplaceeditable.inplaceeditable-autocomplete {
11622 h3
.sectionname
.inplaceeditable
.inplaceeditingon
.editinstructions
{
11623 margin-top: -20px; }
11626 .chart-area .chart-table-data {
11629 .chart-area .chart-table {
11630 /** When accessible, we display the table only. */ }
11631 .chart-area .chart-table .chart-output-htmltable caption {
11632 white-space: nowrap
; }
11633 .chart-area .chart-table.accesshide .chart-table-expand {
11635 .chart-area .chart-table.accesshide .chart-table-data {
11639 padding-left: 1rem;
11640 -webkit-margin-start: 0.2rem;
11641 /* stylelint-disable-line */ }
11643 /* YUI 2 Tree View */
11663 .ygtvcancel:hover {
11664 background-image: url([[pix:theme|yui2-treeview-sprite-rtl]]);
11667 .hover-tooltip-container {
11668 position: relative
; }
11669 .hover-tooltip-container .hover-tooltip {
11671 visibility: hidden
;
11672 position: absolute
;
11675 top: calc
(-50% - 5px);
11676 transform: translate
(-50%, -50%);
11677 background-color: #fff;
11678 border: 1px solid rgba
(0, 0, 0, 0.2);
11679 border-radius: .3rem;
11680 box-sizing: border-box
;
11682 white-space: nowrap
;
11683 transition: opacity
0.15s, visibility
0.15s;
11685 .hover-tooltip-container .hover-tooltip:before {
11687 display: inline-block
;
11688 border-left: 8px solid transparent
;
11689 border-right: 8px solid transparent
;
11690 border-top: 8px solid rgba
(0, 0, 0, 0.2);
11691 position: absolute
;
11693 left: calc
(50% - 8px); }
11694 .hover-tooltip-container .hover-tooltip:after {
11696 display: inline-block
;
11697 border-left: 7px solid transparent
;
11698 border-right: 7px solid transparent
;
11699 border-top: 7px solid
#fff;
11700 position: absolute
;
11702 left: calc
(50% - 7px);
11704 .hover-tooltip-container:hover .hover-tooltip {
11706 visibility: visible
;
11707 transition: opacity
0.15s 0.5s, visibility
0.15s 0.5s; }
11712 #region-flat-nav .nav
{
11713 margin-right: 15px;
11714 background-color: #fff; }
11715 @media
(max-width: 767.98px) {
11716 #region-flat-nav .nav
{
11718 margin-right: 0; } }
11722 text-decoration: underline
; }
11723 #page-footer a
.icon
{
11725 #page-footer a:focus
.icon
{
11730 text-decoration: underline
; }
11731 .bg-inverse a .icon {
11742 .dropdown-item:active a {
11745 .competency-tree ul {
11746 padding-left: 1.5rem; }
11748 .sr-only-focusable:active, .sr-only-focusable:focus {
11756 [data-drag-type
="move"] {
11758 touch-action: none
; }
11763 .overlay-icon-container {
11764 position: absolute
;
11769 background-color: rgba
(255, 255, 255, 0.6); }
11770 .overlay-icon-container .loading-icon {
11771 position: absolute
;
11774 transform: translate
(-50%, -50%); }
11775 .overlay-icon-container .loading-icon .icon {
11784 animation: bg-pulse-grey
2s infinite linear
; }
11786 @keyframes bg-pulse-grey
{
11788 background-color: #f8f9fa; }
11790 background-color: #e9ecef; }
11792 background-color: #f8f9fa; } }
11795 line-height: 0 !important
;
11796 /* stylelint-disable-line declaration-no-important */ }
11799 line-height: 0.25rem !important
;
11800 /* stylelint-disable-line declaration-no-important */ }
11803 line-height: 0.5rem !important
;
11804 /* stylelint-disable-line declaration-no-important */ }
11807 line-height: 1rem !important
;
11808 /* stylelint-disable-line declaration-no-important */ }
11811 line-height: 1.5rem !important
;
11812 /* stylelint-disable-line declaration-no-important */ }
11815 line-height: 2rem !important
;
11816 /* stylelint-disable-line declaration-no-important */ }
11819 line-height: 3rem !important
;
11820 /* stylelint-disable-line declaration-no-important */ }
11822 .dir-rtl .dir-rtl-hide {
11825 .dir-ltr .dir-ltr-hide {
11828 .paged-content-page-container {
11829 min-height: 3.125rem; }
11831 body
.h5p-embed #page-content
{
11832 display: inherit
; }
11834 body
.h5p-embed #maincontent
{
11837 body
.h5p-embed
.h5pmessages
{
11838 min-height: 230px; }
11840 .text-decoration-none {
11841 text-decoration: none
!important
;
11842 /* stylelint-disable-line declaration-no-important */ }
11845 color: inherit
!important
;
11846 /* stylelint-disable-line declaration-no-important */ }
11849 right: 0 !important
;
11850 /* stylelint-disable-line declaration-no-important */ }
11853 overflow: hidden
!important
;
11854 /* stylelint-disable-line declaration-no-important */ }
11857 overflow-wrap: break-word
!important
;
11858 /* stylelint-disable-line declaration-no-important */ }
11861 z-index: 0 !important
;
11862 /* stylelint-disable-line declaration-no-important */ }
11865 z-index: 1 !important
;
11866 /* stylelint-disable-line declaration-no-important */ }
11869 float: left
!important
;
11870 /* stylelint-disable-line declaration-no-important */ }
11873 float: right
!important
;
11874 /* stylelint-disable-line declaration-no-important */ }
11881 cursor: not-allowed
; }
11890 display: -webkit-box
;
11891 -webkit-box-orient: vertical
;
11892 -webkit-line-clamp: 2;
11893 overflow: hidden
; }
11896 word-break: break-all
; }
11899 background-color: #a8d2f8;
11904 border-radius: 0.25rem; }
11909 .emoji-picker .category-button {
11910 padding: .375rem 0;
11912 width: 38.8888888889px;
11915 border-right: none
;
11916 border-bottom: 2px solid transparent
; }
11917 .emoji-picker .category-button.selected {
11918 border-bottom: 2px solid
#0f6fc5; }
11919 .emoji-picker
.emojis-container
,
11920 .emoji-picker .search-results-container {
11921 min-width: 280px; }
11922 .emoji-picker .picker-row {
11924 .emoji-picker .picker-row .category-name {
11925 line-height: 40px; }
11926 .emoji-picker .picker-row .emoji-button {
11931 overflow: hidden
; }
11932 .emoji-picker .picker-row .emoji-button:hover, .emoji-picker .picker-row .emoji-button:focus {
11934 text-decoration: none
; }
11935 .emoji-picker .emoji-preview {
11938 line-height: 40px; }
11939 .emoji-picker .emoji-short-name {
11940 line-height: 20px; }
11941 @media
(max-width: 575.98px) {
11945 .emoji-auto-complete {
11947 .emoji-auto-complete .btn.btn-link.btn-icon.emoji-button {
11952 .emoji-auto-complete .btn.btn-link.btn-icon.emoji-button.active {
11953 background-color: #e9ecef; }
11959 .toast-wrapper > :first-child {
11960 margin-top: 1rem; }
11965 .alert-secondary a {
11987 font-weight: 700; }
11989 @media (max-width: 767.98px) {
11992 .breadcrumb:not(:empty) {
11994 border: 2px solid
#e9ecef;
11996 margin-bottom: 0.5rem; }
11997 .breadcrumb:not(:empty) .breadcrumb-item {
11998 padding-top: 0.3333333333rem;
11999 padding-bottom: 0.3333333333rem;
12000 display: inline-block
; }
12003 padding-right: 15px;
12004 padding-left: 15px; }
12007 justify-content: center
; }
12011 padding: 0.625rem; }
12012 #page-header .card
{
12014 #page-header .card
.card-body
{
12021 background-color: #e9ecef; }
12022 .nav-tabs
.nav-item
,
12023 .nav-pills .nav-item {
12025 text-align: center
; }
12026 .nav-tabs
.nav-link
,
12027 .nav-pills .nav-link {
12030 margin: 0.125rem; }
12031 .nav-tabs
.nav-link
.active
,
12032 .nav-pills .nav-link.active {
12034 border-color: #6c757d;
12035 border-color: #6c757d; }
12036 .nav-tabs
.nav-link
.active:hover
,
12037 .nav-pills .nav-link.active:hover {
12039 background-color: #6c757d;
12040 border-color: #6c757d; }
12041 .nav-tabs
.nav-link
.active:focus
, .nav-tabs
.nav-link
.active
.focus
,
12042 .nav-pills
.nav-link
.active:focus
,
12043 .nav-pills .nav-link.active.focus {
12044 box-shadow: 0 0 0 0.2rem rgba
(108, 117, 125, 0.5); }
12045 .nav-tabs
.nav-link
.active
.disabled
, .nav-tabs
.nav-link
.active:disabled
,
12046 .nav-pills
.nav-link
.active
.disabled
,
12047 .nav-pills .nav-link.active:disabled {
12049 background-color: transparent
; }
12050 .nav-tabs
.nav-link
.active:not
(:disabled
):not
(.disabled
):active
, .nav-tabs
.nav-link
.active:not
(:disabled
):not
(.disabled
).active
,
12051 .show
> .nav-tabs
.nav-link
.active
.dropdown-toggle
,
12052 .nav-pills
.nav-link
.active:not
(:disabled
):not
(.disabled
):active
,
12053 .nav-pills
.nav-link
.active:not
(:disabled
):not
(.disabled
).active
,
12055 .nav-pills .nav-link.active.dropdown-toggle {
12057 background-color: #6c757d;
12058 border-color: #6c757d; }
12059 .nav-tabs
.nav-link
.active:not
(:disabled
):not
(.disabled
):active:focus
, .nav-tabs
.nav-link
.active:not
(:disabled
):not
(.disabled
).active:focus
,
12060 .show
> .nav-tabs
.nav-link
.active
.dropdown-toggle:focus
,
12061 .nav-pills
.nav-link
.active:not
(:disabled
):not
(.disabled
):active:focus
,
12062 .nav-pills
.nav-link
.active:not
(:disabled
):not
(.disabled
).active:focus
,
12064 .nav-pills .nav-link.active.dropdown-toggle:focus {
12065 box-shadow: 0 0 0 0.2rem rgba
(108, 117, 125, 0.5); } }
12067 @media (max-width: 576px) and
(max-height: 320px) {
12070 .navbar.fixed-top {
12071 position: relative
;
12072 z-index: inherit
; } }
12075 text-decoration: underline
; }
12076 .link-underline:focus {
12077 text-decoration: none
; }
12081 .alert.cta .icon.fa {
12082 border-radius: 50%;
12083 border-style: solid
;
12084 border-width: 0.125rem; }
12092 box-sizing: content-box
;
12093 margin-right: 0.5rem; }
12096 .icon.iconsize-big {
12101 .navbar-dark a .icon {
12102 color: rgba
(255, 255, 255, 0.5) !important
;
12103 /* stylelint-disable-line declaration-no-important */ }
12105 .action-menu-item a:first-of-type > .icon {
12106 margin-left: 0.5rem; }
12109 margin-left: 0 !important
;
12110 /* stylelint-disable-line declaration-no-important */ }
12112 .block_navigation
.tree_item
.icon
,
12113 .block_settings .tree_item .icon {
12116 [data-action
=toggle-drawer
] .icon
{
12119 .icon-no-spacing a > .icon {
12122 .icon-no-margin .icon {
12126 margin-bottom: 0; }
12128 .icon-large > .icon {
12132 .icon-size-0 .icon {
12133 height: 0 !important
;
12134 /* stylelint-disable-line declaration-no-important */
12135 width: 0 !important
;
12136 /* stylelint-disable-line declaration-no-important */
12137 font-size: 0 !important
;
12138 /* stylelint-disable-line declaration-no-important */ }
12140 .icon-size-1 .icon {
12141 height: 4px !important
;
12142 /* stylelint-disable-line declaration-no-important */
12143 width: 4px !important
;
12144 /* stylelint-disable-line declaration-no-important */
12145 font-size: 4px !important
;
12146 /* stylelint-disable-line declaration-no-important */ }
12148 .icon-size-2 .icon {
12149 height: 8px !important
;
12150 /* stylelint-disable-line declaration-no-important */
12151 width: 8px !important
;
12152 /* stylelint-disable-line declaration-no-important */
12153 font-size: 8px !important
;
12154 /* stylelint-disable-line declaration-no-important */ }
12156 .icon-size-3 .icon {
12157 height: 16px !important
;
12158 /* stylelint-disable-line declaration-no-important */
12159 width: 16px !important
;
12160 /* stylelint-disable-line declaration-no-important */
12161 font-size: 16px !important
;
12162 /* stylelint-disable-line declaration-no-important */ }
12164 .icon-size-4 .icon {
12165 height: 24px !important
;
12166 /* stylelint-disable-line declaration-no-important */
12167 width: 24px !important
;
12168 /* stylelint-disable-line declaration-no-important */
12169 font-size: 24px !important
;
12170 /* stylelint-disable-line declaration-no-important */ }
12172 .icon-size-5 .icon {
12173 height: 32px !important
;
12174 /* stylelint-disable-line declaration-no-important */
12175 width: 32px !important
;
12176 /* stylelint-disable-line declaration-no-important */
12177 font-size: 32px !important
;
12178 /* stylelint-disable-line declaration-no-important */ }
12180 .icon-size-6 .icon {
12181 height: 40px !important
;
12182 /* stylelint-disable-line declaration-no-important */
12183 width: 40px !important
;
12184 /* stylelint-disable-line declaration-no-important */
12185 font-size: 40px !important
;
12186 /* stylelint-disable-line declaration-no-important */ }
12188 .icon-size-7 .icon {
12189 height: 48px !important
;
12190 /* stylelint-disable-line declaration-no-important */
12191 width: 48px !important
;
12192 /* stylelint-disable-line declaration-no-important */
12193 font-size: 48px !important
;
12194 /* stylelint-disable-line declaration-no-important */ }
12197 margin-left: 0.5rem; }
12200 .formtable tbody th {
12201 font-weight: normal
;
12202 text-align: right
; }
12204 .path-admin #assignrole {
12207 margin-right: auto
; }
12209 .path-admin .admintable .leftalign {
12210 text-align: left
; }
12212 .environmenttable .warn {
12213 background-color: #fcefdc;
12216 .environmenttable .error {
12217 background-color: #f4d6d2;
12220 .environmenttable .ok {
12221 background-color: #d7e4d6;
12224 .path-admin
.admintable
.environmenttable
.name
,
12225 .path-admin
.admintable
.environmenttable
.info
,
12226 .path-admin #assignrole
.admintable
.role
,
12227 .path-admin #assignrole
.admintable
.userrole
,
12228 .path-admin #assignrole .admintable .roleholder {
12229 white-space: nowrap
; }
12231 .path-admin .incompatibleblockstable td.c0 {
12232 font-weight: bold
; }
12234 #page-admin-course-category .addcategory
{
12237 #page-admin-course-index .editcourse
{
12238 margin: 20px auto
; }
12240 #page-admin-course-index .editcourse th
,
12241 #page-admin-course-index .editcourse td
{
12242 padding-left: 10px;
12243 padding-right: 10px; }
12245 .timewarninghidden {
12248 #page-admin-report-capability-index #capabilitysearch
{
12251 #page-admin-qtypes #qtypes div
,
12252 #page-admin-qtypes #qtypes form
,
12253 #page-admin-qbehaviours #qbehaviours div
,
12254 #page-admin-qbehaviours #qbehaviours form
{
12257 #page-admin-qtypes #qtypes img
.spacer
,
12258 #page-admin-qbehaviours #qbehaviours img
.spacer
{
12261 #page-admin-qbehaviours .cell
.c3
,
12262 #page-admin-qtypes .cell
.c3
{
12263 font-size: 0.8203125rem; }
12265 #page-admin-lang .generalbox
,
12266 #page-admin-course-index .singlebutton
,
12267 #page-admin-course-index .addcategory
,
12268 #page-course-index .buttons
,
12269 #page-course-index-category .buttons
,
12270 #page-admin-course-category .addcategory
,
12271 #page-admin-stickyblocks .generalbox
,
12272 #page-admin-maintenance .buttons
,
12273 #page-admin-course-index .buttons
,
12274 #page-admin-course-category .buttons
,
12275 #page-admin-index .copyright
,
12276 #page-admin-index .copyrightnotice
,
12277 #page-admin-index .adminerror
.singlebutton
,
12278 #page-admin-index .adminwarning
.singlebutton
,
12279 #page-admin-index #layout-table
.singlebutton
{
12280 text-align: center
;
12281 margin-bottom: 1em; }
12283 .path-admin-roles .capabilitysearchui {
12286 margin-right: auto
;
12287 margin-top: 1rem; }
12289 #page-admin-roles-define .topfields
{
12290 margin: 1em 0 2em; }
12292 #page-admin-roles-define .capdefault
{
12293 background-color: rgba
(0, 0, 0, 0.075); }
12295 #page-filter-manage .backlink
,
12296 .path-admin-roles .backlink {
12299 #page-admin-roles-explain #chooseuser h3
,
12300 #page-admin-roles-usersroles .contextname
{
12303 #page-admin-roles-explain #chooseusersubmit
{
12305 text-align: center
; }
12307 #page-admin-roles-usersroles p
{
12310 #page-admin-roles-override .cell
.c1
,
12311 #page-admin-roles-assign .cell
.c3
,
12312 #page-admin-roles-assign .cell
.c1
{
12313 padding-top: 0.75em; }
12315 #page-admin-roles-override .overridenotice
,
12316 #page-admin-roles-define .definenotice
{
12317 margin: 1em 10% 2em 10%;
12318 text-align: left
; }
12320 #page-admin-index .adminwarning
.availableupdatesinfo
.moodleupdateinfo span
{
12323 #page-admin-index .updateplugin div
{
12324 margin-bottom: 0.5em; }
12326 #page-admin-user-user_bulk #users
.fgroup
{
12327 white-space: nowrap
; }
12329 #page-admin-report-stats-index .graph
{
12330 text-align: center
;
12331 margin-bottom: 1em; }
12333 #page-admin-report-courseoverview-index .graph
{
12334 text-align: center
;
12335 margin-bottom: 1em; }
12337 #page-admin-lang .translator
{
12339 border-style: solid
; }
12341 .path-admin .roleassigntable {
12344 .path-admin .roleassigntable td {
12345 vertical-align: top
;
12346 padding: 0.2em 0.3em; }
12348 .path-admin .roleassigntable p {
12352 .path-admin
.roleassigntable #existingcell
,
12353 .path-admin .roleassigntable #potentialcell {
12356 .path-admin
.roleassigntable #existingcell p
> label:first-child
,
12357 .path-admin .roleassigntable #potentialcell p > label:first-child {
12358 font-weight: bold
; }
12360 .path-admin .roleassigntable #buttonscell {
12363 .path-admin .roleassigntable #buttonscell #assignoptions {
12364 font-size: 0.8203125rem; }
12366 .path-admin
.roleassigntable #removeselect_wrapper
,
12367 .path-admin .roleassigntable #addselect_wrapper {
12370 .path-admin table.rolecap tr.rolecap th {
12372 font-weight: normal
; }
12374 .path-admin .rolecap .hiddenrow {
12377 .path-admin
#defineroletable
.rolecap
.inherit
,
12378 .path-admin
#defineroletable
.rolecap
.allow
,
12379 .path-admin
#defineroletable
.rolecap
.prevent
,
12380 .path-admin #defineroletable .rolecap .prohibit {
12381 text-align: center
;
12383 min-width: 3.5em; }
12385 .path-admin
.rolecap
.cap-name
,
12386 .path-admin .rolecap .note {
12388 font-size: 0.8203125rem;
12389 white-space: nowrap
;
12390 font-weight: normal
; }
12392 .path-admin .rolecap label {
12394 text-align: center
;
12398 .plugincheckwrapper {
12404 #mnetconfig table
{
12406 margin-right: auto
; }
12408 .environmenttable .cell {
12409 padding: .15em .5em; }
12411 #trustedhosts .generaltable
{
12413 margin-right: auto
;
12416 #trustedhosts .standard
{
12419 #adminsettings legend
{
12422 #adminsettings fieldset
.error
{
12423 margin: .2em 0 .5em 0; }
12425 #adminsettings fieldset
.error legend
{
12428 #admin-spelllanguagelist textarea
,
12429 #page-admin-setting-editorsettingstinymce .form-textarea textarea
{
12435 /* Styles for flags on admin settings */
12436 .adminsettingsflags {
12439 .adminsettingsflags label {
12440 margin-right: 7px; }
12442 .form-description pre
,
12443 .formsettingheading pre {
12447 .form-item .form-setting .form-htmlarea {
12450 .form-item .form-setting .form-htmlarea .htmlarea {
12454 .form-item .form-setting .form-multicheckbox ul {
12457 margin: 7px 0 0 0; }
12459 .form-item .form-setting .defaultsnext {
12462 .form-item .form-setting .locked-checkbox {
12463 margin-right: 0.2em;
12464 margin-left: 0.5em;
12467 .form-item
.form-setting
.form-password
.unmask
,
12468 .form-item .form-setting .form-defaultinfo {
12469 display: inline-block
; }
12471 .form-item .form-setting .form-defaultinfo {
12473 word-wrap: break-word
; }
12475 #admin-emoticons td input
{
12478 #admin-emoticons td
.c0 input
{
12481 #adminthemeselector .selectedtheme td
.c0
{
12482 border: 1px solid
#b8dce2;
12483 border-right-width: 0; }
12485 #adminthemeselector .selectedtheme td
.c1
{
12486 border: 1px solid
#b8dce2;
12487 border-left-width: 0; }
12489 .admin_colourpicker
,
12490 .admin_colourpicker_preview {
12493 .jsenabled .admin_colourpicker_preview {
12496 @media (min-width: 768px) {
12497 .jsenabled .admin_colourpicker {
12501 margin-bottom: 10px;
12502 box-sizing: content-box
; }
12503 .admin_colourpicker .colourdialogue {
12505 border: 1px solid
#8f959e; }
12506 .admin_colourpicker .previewcolour {
12507 border: 1px solid
#8f959e;
12508 margin-left: 301px; }
12509 .admin_colourpicker .currentcolour {
12510 border: 1px solid
#8f959e;
12511 margin-left: 301px;
12512 border-top-width: 0; } }
12514 @media (max-width: 767.98px) {
12515 .jsenabled .admin_colourpicker {
12517 margin-bottom: 10px;
12519 position: relative
; }
12520 .admin_colourpicker .previewcolour {
12522 .admin_colourpicker .currentcolour {
12523 position: absolute
;
12524 border: 1px solid
#dee2e6;
12528 .admin_colourpicker .loadingicon {
12529 vertical-align: middle
;
12530 margin-left: auto
; }
12532 #page-admin-index #notice
.checkforupdates
{
12533 text-align: center
; }
12535 #page-admin-plugins #plugins-overview-panel
.info
{
12536 display: inline-block
;
12537 margin-right: 1em; }
12539 #page-admin-plugins .checkforupdates
{
12541 #page-admin-plugins .checkforupdates
.singlebutton
{
12544 #page-admin-plugins .checkforupdates
.singlebutton div
,
12545 #page-admin-plugins .checkforupdates
.singlebutton input
{
12546 margin: 0 3px 0 0; }
12548 #page-admin-plugins .updateavailableinstallall
{
12551 #page-admin-plugins .updateavailableinstallall div
,
12552 #page-admin-plugins .updateavailableinstallall input
{
12553 margin: 0 3px 5px 0; }
12555 #page-admin-plugins #plugins-control-panel
.status-missing td
{
12556 background-color: #fcefdc; }
12558 #page-admin-plugins #plugins-control-panel
.pluginname
.componentname
{
12559 font-size: 0.8203125rem;
12561 margin-left: 22px; }
12563 #page-admin-plugins #plugins-control-panel
.version
.versionnumber
{
12564 font-size: 0.8203125rem;
12567 #page-admin-plugins #plugins-control-panel
.uninstall a
{
12570 #page-admin-plugins #plugins-control-panel
.notes
.label
{
12571 margin-right: 3px; }
12573 #page-admin-plugins #plugins-control-panel
.notes
.requiredby
{
12574 font-size: 0.8203125rem;
12577 #plugins-check-page #plugins-check
.status-missing td
,
12578 #plugins-check-page #plugins-check
.status-downgrade td
{
12579 background-color: #f4d6d2; }
12581 #plugins-check-page .pluginupdateinfo
,
12582 #plugins-control-panel .pluginupdateinfo
{
12583 background-color: #cce6ea;
12586 border-radius: 5px; }
12587 #plugins-check-page .pluginupdateinfo
.maturity50
,
12588 #plugins-control-panel .pluginupdateinfo
.maturity50
{
12589 background-color: #f4d6d2; }
12590 #plugins-check-page .pluginupdateinfo
.maturity100
, #plugins-check-page
.pluginupdateinfo
.maturity150
,
12591 #plugins-control-panel .pluginupdateinfo
.maturity100
,
12592 #plugins-control-panel .pluginupdateinfo
.maturity150
{
12593 background-color: #fcefdc; }
12594 #plugins-check-page .pluginupdateinfo
.info
,
12595 #plugins-control-panel .pluginupdateinfo
.info
{
12596 display: inline-block
; }
12597 #plugins-check-page .pluginupdateinfo
.separator:after
,
12598 #plugins-control-panel .pluginupdateinfo
.separator:after
{
12600 #plugins-check-page .pluginupdateinfo
.singlebutton
,
12601 #plugins-control-panel .pluginupdateinfo
.singlebutton
{
12604 #plugins-check-page .pluginupdateinfo
.singlebutton div
,
12605 #plugins-check-page .pluginupdateinfo
.singlebutton input
,
12606 #plugins-control-panel .pluginupdateinfo
.singlebutton div
,
12607 #plugins-control-panel .pluginupdateinfo
.singlebutton input
{
12608 margin: 0 3px 0 0; }
12610 .plugins-management-confirm-buttons > div {
12611 display: inline-block
;
12612 margin: 1em 1em 1em 0; }
12614 .plugins-management-confirm-buttons .continue {
12616 .plugins-management-confirm-buttons
.continue div
,
12617 .plugins-management-confirm-buttons .continue input {
12620 #page-admin-index .upgradepluginsinfo
{
12621 text-align: center
; }
12623 #page-admin-index .adminwarning
.availableupdatesinfo
.moodleupdateinfo
.separator:after
{
12626 /** MNet networking */
12627 #page-admin-mnet-peers .box
.deletedhosts
{
12628 margin-bottom: 1em;
12629 font-size: 0.8203125rem; }
12631 #core-cache-plugin-summaries table
,
12632 #core-cache-store-summaries table
{
12635 #core-cache-lock-summary table
,
12636 #core-cache-definition-summaries table
,
12637 #core-cache-mode-mappings table
{
12640 #core-cache-store-summaries .default-store td
{
12641 font-style: italic
; }
12643 #core-cache-rescan-definitions,
12644 #core-cache-mode-mappings .edit-link
,
12645 #core-cache-lock-additional-actions .new-instance
{
12647 text-align: center
; }
12649 .maintenancewarning {
12656 .modal.modal-in-page {
12659 #page-admin-search .adminpagetitle
{
12661 border-bottom: none
; }
12663 #page-admin-search .adminpagepath
{
12668 margin: 0 0 1.5rem 0; }
12669 #page-admin-search .adminpagepath li
+ li:before
{
12670 padding-right: 0.5rem;
12671 padding-left: 0.5rem;
12674 @media (min-width: 576px) {
12675 #page-admin-search .container
{
12676 overflow-wrap: break-word
; } }
12678 #page-admin-tasklogs .task-class
{
12679 font-size: 0.8203125rem;
12682 .path-admin-tool-uploaduser .uuwarning {
12683 background-color: #fcefdc; }
12685 .path-admin-tool-uploaduser .uuerror {
12686 background-color: #f4d6d2; }
12688 .path-admin-tool-uploaduser .uuinfo {
12689 background-color: #d7e4d6; }
12691 .blockmovetarget .accesshide {
12692 position: relative
;
12696 padding-top: 0 !important
;
12697 /* stylelint-disable declaration-no-important */
12698 margin-top: 0 !important
; }
12700 .block_search_forums .searchform {
12701 /* Override plugin's default. */
12702 text-align: left
; }
12704 .block
.block_navigation
.block_tree ul
,
12705 .block_settings .block_tree ul {
12708 .block .block-controls .dropdown-toggle {
12709 /* So that the caret takes the colour of the icon. */
12712 [data-region
="blocks-column"] {
12716 /* We put an absolutely positioned div in a relatively positioned div so it takes up no space */
12717 @media (min-width: 576px) {
12718 #region-main-settings-menu {
12719 position: relative
;
12722 #region-main-settings-menu > div
{
12723 position: absolute
;
12727 .region_main_settings_menu_proxy {
12730 background-color: #fff;
12731 margin-left: 0.625rem;
12732 margin-bottom: 0.625rem;
12733 border-bottom-left-radius: 0.5rem;
12736 @media (max-width: 767.98px) {
12737 #region-main-settings-menu .menubar
{
12738 justify-content: flex-end
; } }
12740 #region-main-settings-menu.has-blocks
,
12741 #region-main.has-blocks
{
12742 display: inline-block
;
12743 width: calc
(100% - 375px); }
12744 @media
(max-width: 1199.98px) {
12745 #region-main-settings-menu.has-blocks
,
12746 #region-main.has-blocks
{
12748 /* MDL-63102 - Remove extra space at bottom.
12749 If modifying make sure block-region is horizontally stacked when in full screen */
12750 display: block
; } }
12752 .header-action #region-main-settings-menu {
12756 .header-action #region-main-settings-menu > div {
12761 @media (max-width: 1199.98px) {
12762 [data-region
="blocks-column"] {
12765 .block .empty-placeholder-image-lg {
12768 .block .block-cards .course-info-container {
12771 .block .block-cards .progress {
12774 .block .block-cards .course-summaryitem {
12775 border: 1px solid
#dee2e6;
12776 background-color: #fff; }
12778 .block .block-cards .icon {
12781 .block .block-cards .card .coursemenubtn {
12782 margin-top: -0.5rem; }
12784 .block
.block-cards a
.coursename
,
12785 .block
.block-cards span
.categoryname
,
12786 .block .block-cards .btn-link {
12789 .block .block-cards .multiline {
12790 white-space: normal
; }
12792 .block .block-cards .btn.btn-link.btn-icon {
12796 border-radius: 50%; }
12797 .block .block-cards .btn.btn-link.btn-icon:hover, .block .block-cards .btn.btn-link.btn-icon:focus {
12798 background-color: #e9ecef; }
12800 .dashboard-card-deck.one-row {
12802 overflow-x: scroll
; }
12807 background-position: center
;
12808 background-size: cover
; }
12810 .dashboard-card-deck .dashboard-card {
12811 margin-bottom: 0.5rem;
12816 .dashboard-card-deck .dashboard-card .dashboard-card-img {
12818 background-position: center
;
12819 background-size: cover
; }
12820 .dashboard-card-deck .dashboard-card .dashboard-card-footer {
12823 @media (min-width: 576px) {
12824 .dashboard-card-deck.fixed-width-cards .dashboard-card {
12826 max-width: 100%; } }
12828 @media (min-width: 576px) {
12829 .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
12830 width: calc
(50% - 0.5rem); } }
12832 @media (min-width: 840px) {
12833 .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
12834 width: calc
(33.33% - 0.5rem); } }
12836 @media (min-width: 1100px) {
12837 .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
12838 width: calc
(25% - 0.5rem); } }
12840 @media (min-width: 1360px) {
12841 .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
12842 width: calc
(20% - 0.5rem); } }
12844 @media (min-width: 1200px) {
12845 #region-main.has-blocks
.dashboard-card-deck:not
(.fixed-width-cards
) .dashboard-card
{
12846 width: calc
(33.33% - 0.5rem); } }
12848 @media (min-width: 1470px) {
12849 #region-main.has-blocks
.dashboard-card-deck:not
(.fixed-width-cards
) .dashboard-card
{
12850 width: calc
(25% - 0.5rem); } }
12852 @media (min-width: 768px) {
12853 body
.drawer-open-left
.dashboard-card-deck:not
(.fixed-width-cards
) .dashboard-card
{
12854 width: calc
(100% - 0.5rem); } }
12856 @media (min-width: 861px) {
12857 body
.drawer-open-left
.dashboard-card-deck:not
(.fixed-width-cards
) .dashboard-card
{
12858 width: calc
(50% - 0.5rem); } }
12860 @media (min-width: 1122px) {
12861 body
.drawer-open-left
.dashboard-card-deck:not
(.fixed-width-cards
) .dashboard-card
{
12862 width: calc
(33.33% - 0.5rem); } }
12864 @media (min-width: 1381px) {
12865 body
.drawer-open-left
.dashboard-card-deck:not
(.fixed-width-cards
) .dashboard-card
{
12866 width: calc
(25% - 0.5rem); } }
12868 @media (min-width: 1200px) {
12869 body
.drawer-open-left #region-main
.has-blocks
.dashboard-card-deck:not
(.fixed-width-cards
) .dashboard-card
{
12870 width: calc
(100% - 0.5rem); } }
12872 @media (min-width: 1236px) {
12873 body
.drawer-open-left #region-main
.has-blocks
.dashboard-card-deck:not
(.fixed-width-cards
) .dashboard-card
{
12874 width: calc
(50% - 0.5rem); } }
12876 @media (min-width: 1497px) {
12877 body
.drawer-open-left #region-main
.has-blocks
.dashboard-card-deck:not
(.fixed-width-cards
) .dashboard-card
{
12878 width: calc
(33.33% - 0.5rem); } }
12880 @media (min-width: 1200px) {
12881 #block-region-side-pre .dashboard-card-deck:not
(.fixed-width-cards
) {
12884 #block-region-side-pre .dashboard-card-deck:not
(.fixed-width-cards
) .dashboard-card
{
12885 width: calc
(100% - 0.5rem) !important
; } }
12887 .block_recentlyaccessedcourses .paging-bar-container {
12888 margin-top: -2.4rem;
12889 justify-content: flex-end
; }
12891 @media (max-width: 575.98px) {
12892 .block_recentlyaccessedcourses .paging-bar-container {
12895 #block-region-side-pre .block_recentlyaccessedcourses
.paging-bar-container
{
12898 .block_recentlyaccesseditems img.icon {
12901 margin-right: 6px; }
12903 .block_myoverview .content {
12904 min-height: 19.35rem; }
12906 .block_myoverview .paged-content-page-container {
12907 min-height: 13rem; }
12909 .block_settings
.block_tree
[aria-expanded
="true"],
12910 .block_settings
.block_tree
[aria-expanded
="true"].emptybranch
,
12911 .block_settings
.block_tree
[aria-expanded
="false"],
12912 .block_navigation
.block_tree
[aria-expanded
="true"],
12913 .block_navigation
.block_tree
[aria-expanded
="true"].emptybranch
,
12914 .block_navigation .block_tree [aria-expanded="false"] {
12915 background-image: none
; }
12917 .block_settings
.block_tree
[aria-expanded
="true"]:before
,
12918 .block_navigation .block_tree [aria-expanded="true"]:before {
12921 display: inline-block
;
12922 font: normal normal normal
14px/1 FontAwesome
;
12923 font-size: inherit
;
12924 text-rendering: auto
;
12925 -webkit-font-smoothing: antialiased
;
12926 -moz-osx-font-smoothing: grayscale
;
12930 .block_settings
.block_tree
[aria-expanded
="false"]:before
,
12931 .block_navigation .block_tree [aria-expanded="false"]:before {
12934 display: inline-block
;
12935 font: normal normal normal
14px/1 FontAwesome
;
12936 font-size: inherit
;
12937 text-rendering: auto
;
12938 -webkit-font-smoothing: antialiased
;
12939 -moz-osx-font-smoothing: grayscale
;
12943 .dir-rtl
.block_settings
.block_tree
[aria-expanded
="false"]:before
,
12944 .dir-rtl .block_navigation .block_tree [aria-expanded="false"]:before {
12947 .block_navigation
.block_tree p
.hasicon
,
12948 .block_settings .block_tree p.hasicon {
12949 text-indent: -3px; }
12950 .block_navigation
.block_tree p
.hasicon
.icon
,
12951 .block_settings .block_tree p.hasicon .icon {
12952 margin-right: 2px; }
12954 .block.invisibleblock .card-title {
12957 @media (max-width: 767.98px) {
12960 border-right: 0; } }
12962 .block_social_activities li a
.movehere
,
12963 .block_site_main_menu li a.movehere {
12967 border: 2px dashed
#343a40;
12971 max-height: 50px; }
12973 /* calendar.less */
12974 .calendar_event_category {
12975 background-color: #e0cbe0; }
12976 .calendar_event_category .commands a {
12979 .calendar_event_course {
12980 background-color: #ffd3bd; }
12981 .calendar_event_course .commands a {
12984 .calendar_event_site {
12985 background-color: #d6f8cd; }
12986 .calendar_event_site .commands a {
12989 .calendar_event_group {
12990 background-color: #fee7ae; }
12991 .calendar_event_group .commands a {
12994 .calendar_event_user {
12995 background-color: #dce7ec; }
12996 .calendar_event_user .commands a {
12999 .calendar_event_other {
13000 background-color: #ced4da; }
13001 .calendar_event_other .commands a {
13004 .path-calendar .calendartable {
13006 table-layout: fixed
; }
13007 .path-calendar
.calendartable th
,
13008 .path-calendar .calendartable td {
13010 vertical-align: top
;
13011 text-align: center
;
13014 .path-calendar
.calendar-controls
.previous
,
13015 .path-calendar
.calendar-controls
.next
,
13016 .path-calendar .calendar-controls .current {
13021 .path-calendar .calendar-controls .previous {
13023 border: 1px solid transparent
; }
13025 .path-calendar .calendar-controls .current {
13026 text-align: center
;
13029 .path-calendar .calendar-controls .next {
13031 border: 1px solid transparent
; }
13033 .path-calendar .calendar-controls .drop-target {
13034 box-sizing: border-box
;
13035 border: 1px dashed
#0f6fc5; }
13037 .path-calendar .filters table {
13038 border-collapse: separate
;
13039 border-spacing: 2px;
13042 .path-calendar .maincalendar {
13043 vertical-align: top
;
13045 .path-calendar .maincalendar .bottom {
13046 text-align: center
;
13047 padding: 5px 0 0 0; }
13048 .path-calendar .maincalendar .heightcontainer {
13050 position: relative
; }
13051 .path-calendar .maincalendar .calendarmonth {
13053 margin: 10px auto
; }
13054 .path-calendar .maincalendar .calendarmonth ul {
13057 .path-calendar .maincalendar .calendarmonth ul li {
13058 list-style-type: none
; }
13059 .path-calendar .maincalendar .calendarmonth ul li > a {
13061 text-overflow: ellipsis
;
13062 white-space: nowrap
;
13064 display: inline-block
; }
13065 .path-calendar .maincalendar .calendarmonth ul li > a:hover {
13066 text-decoration: none
; }
13067 .path-calendar .maincalendar .calendarmonth ul li > a:hover .eventname {
13068 text-decoration: underline
; }
13069 .path-calendar .maincalendar .calendarmonth ul li .icon {
13070 margin-left: 0.25em;
13071 margin-right: 0.25em;
13072 vertical-align: initial
; }
13073 .path-calendar .maincalendar .calendarmonth ul li .calendar-circle {
13076 border-radius: 6px;
13077 vertical-align: middle
;
13078 display: inline-block
; }
13079 .path-calendar .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_category {
13080 background-color: #e0cbe0;
13081 border: 2px solid
#9e619f; }
13082 .path-calendar .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_course {
13083 background-color: #ffd3bd;
13084 border: 2px solid
#d34600; }
13085 .path-calendar .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_site {
13086 background-color: #d6f8cd;
13087 border: 2px solid
#2b8713; }
13088 .path-calendar .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_group {
13089 background-color: #fee7ae;
13090 border: 2px solid
#9a6e02; }
13091 .path-calendar .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_user {
13092 background-color: #dce7ec;
13093 border: 2px solid
#4e7c91; }
13094 .path-calendar .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_other {
13095 background-color: #ced4da;
13096 border: 2px solid
#687889; }
13097 .path-calendar .maincalendar .calendarmonth td {
13099 .path-calendar .maincalendar .calendarmonth .clickable:hover {
13100 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); }
13101 .path-calendar
.maincalendar
.calendar-controls
.previous
,
13102 .path-calendar .maincalendar .calendar-controls .next {
13104 .path-calendar .maincalendar .calendar-controls .current {
13106 .path-calendar .maincalendar .controls {
13108 margin: 10px auto
; }
13109 .path-calendar
.maincalendar
.calendar_event_category:hover a
,
13110 .path-calendar
.maincalendar
.calendar_event_course:hover a
,
13111 .path-calendar
.maincalendar
.calendar_event_site:hover a
,
13112 .path-calendar
.maincalendar
.calendar_event_group:hover a
,
13113 .path-calendar .maincalendar .calendar_event_user:hover a {
13115 text-decoration: underline
; }
13116 .path-calendar .maincalendar .calendar_event_category {
13117 border-color: #e0cbe0; }
13118 .path-calendar .maincalendar .calendar_event_course {
13119 border-color: #ffd3bd; }
13120 .path-calendar .maincalendar .calendar_event_site {
13121 border-color: #d6f8cd; }
13122 .path-calendar .maincalendar .calendar_event_group {
13123 border-color: #fee7ae; }
13124 .path-calendar .maincalendar .calendar_event_user {
13125 border-color: #dce7ec; }
13126 .path-calendar .maincalendar .calendar_event_other {
13127 border-color: #ced4da; }
13128 .path-calendar
.maincalendar
.calendartable td
,
13129 .path-calendar .maincalendar .calendartable li {
13130 padding: 0 4px 4px 4px; }
13131 .path-calendar .maincalendar .calendartable li {
13132 text-align: left
; }
13133 .path-calendar .maincalendar .header {
13134 overflow: hidden
; }
13135 .path-calendar .maincalendar .header .buttons {
13137 .path-calendar .maincalendar .event .card-header img {
13138 vertical-align: baseline
; }
13139 .path-calendar .maincalendar .event .location {
13140 word-break: break-all
;
13141 overflow-wrap: break-word
; }
13143 #page-calendar-export .indent
{
13144 padding-left: 20px; }
13146 .block .minicalendar {
13150 .block
.minicalendar th
,
13151 .block .minicalendar td {
13154 text-align: center
; }
13155 .block .minicalendar td.weekend {
13157 .block .minicalendar td a {
13162 .block .minicalendar td.duration_global {
13163 border-top: 1px solid
#d6f8cd;
13164 border-bottom: 1px solid
#d6f8cd; }
13165 .block .minicalendar td.duration_global.duration_finish {
13166 background-color: #d6f8cd; }
13167 .block .minicalendar td.duration_category {
13168 border-top: 1px solid
#e0cbe0;
13169 border-bottom: 1px solid
#e0cbe0; }
13170 .block .minicalendar td.duration_category.duration_finish {
13171 background-color: #e0cbe0; }
13172 .block .minicalendar td.duration_course {
13173 border-top: 1px solid
#ffd3bd;
13174 border-bottom: 1px solid
#ffd3bd; }
13175 .block .minicalendar td.duration_course.duration_finish {
13176 background-color: #ffd3bd; }
13177 .block .minicalendar td.duration_group {
13178 border-top: 1px solid
#fee7ae;
13179 border-bottom: 1px solid
#fee7ae; }
13180 .block .minicalendar td.duration_group.duration_finish {
13181 background-color: #fee7ae; }
13182 .block .minicalendar td.duration_user {
13183 border-top: 1px solid
#dce7ec;
13184 border-bottom: 1px solid
#dce7ec; }
13185 .block .minicalendar td.duration_user.duration_finish {
13186 background-color: #dce7ec; }
13187 .block .minicalendar td.duration_other {
13188 border-top: 1px solid
#ced4da;
13189 border-bottom: 1px solid
#ced4da; }
13190 .block .minicalendar td.duration_other.duration_finish {
13191 background-color: #ced4da; }
13192 .block .minicalendar caption {
13193 font-size: inherit
;
13194 font-weight: inherit
;
13195 line-height: inherit
;
13196 text-align: center
; }
13198 .block
.calendar-controls
.previous
,
13199 .block
.calendar-controls
.current
,
13200 .block .calendar-controls .next {
13204 .block .calendar-controls .previous {
13208 .block .calendar-controls .current {
13209 text-align: center
;
13212 .block .calendar-controls .next {
13216 .block .calendar_filters ul {
13221 .block .calendar_filters li {
13222 margin-bottom: 0.2em; }
13223 .block .calendar_filters li span.calendar_event_category i {
13225 .block .calendar_filters li span.calendar_event_course i {
13227 .block .calendar_filters li span.calendar_event_site i {
13229 .block .calendar_filters li span.calendar_event_group i {
13231 .block .calendar_filters li span.calendar_event_user i {
13233 .block .calendar_filters li span.calendar_event_other i {
13235 .block .calendar_filters li span img {
13238 .block .calendar_filters li .icon {
13239 vertical-align: initial
;
13240 margin: 0 0.1rem 0 0.4rem; }
13241 .block .calendar_filters li > a:hover {
13242 text-decoration: none
; }
13243 .block .calendar_filters li > a:hover .eventname {
13244 text-decoration: underline
; }
13246 .block .content h3.eventskey {
13247 margin-top: 0.5em; }
13249 /* Display month name above the calendar */
13250 table
.calendartable caption
{
13251 caption-side: top
; }
13253 @media (min-width: 768px) {
13254 #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
{
13255 min-width: 1024px; } }
13258 position: relative
; }
13260 .day-popover-content:empty + .day-popover-alternate {
13263 .location-content {
13264 overflow-wrap: break-word
; }
13266 .description-content {
13267 overflow-wrap: break-word
; }
13268 .description-content > p {
13274 .content-bank-container .cb-content-wrapper {
13281 .content-bank-container .cb-thumbnail {
13284 background-repeat: no-repeat
;
13285 background-position: center
;
13286 background-size: cover
; }
13288 .content-bank-container.view-grid .cb-listitem {
13289 margin-bottom: 0.5rem; }
13291 @media (max-width: 767.98px) {
13292 .content-bank-container.view-grid .cb-listitem {
13293 flex-basis: 50%; } }
13295 @media (min-width: 576px) {
13296 .content-bank-container.view-grid .cb-listitem {
13298 min-width: 120px; } }
13300 .content-bank-container.view-grid .cb-name {
13301 text-align: center
; }
13303 .content-bank-container.view-grid .cb-file {
13306 .content-bank-container.view-grid .cb-thumbnail {
13310 margin-right: auto
;
13311 margin-bottom: 0.5rem; }
13313 .content-bank-container
.view-grid
.cb-heading
,
13314 .content-bank-container
.view-grid
.cb-date
,
13315 .content-bank-container
.view-grid
.cb-size
,
13316 .content-bank-container
.view-grid
.cb-type
,
13317 .content-bank-container.view-grid .cb-author {
13320 .content-bank-container.view-list .cb-content-wrapper {
13322 flex-direction: column
;
13323 flex-wrap: nowrap
; }
13325 .content-bank-container.view-list .cb-thumbnail {
13326 margin-right: 0.5rem; }
13328 .content-bank-container
.view-list
.cb-listitem
,
13329 .content-bank-container.view-list .cb-heading {
13333 border-bottom: 1px solid
#dee2e6; }
13335 .content-bank-container.view-list .cb-column {
13337 padding: 0.25rem; }
13339 .content-bank-container.view-list .cb-column {
13340 border-right: 1px solid
#dee2e6; }
13342 @media (max-width: 767.98px) {
13343 .content-bank-container.view-list .cb-column {
13345 max-width: 50%; } }
13347 @media (min-width: 576px) {
13348 .content-bank-container.view-list .cb-heading {
13352 .content-bank-container.view-list .cb-file {
13355 .content-bank-container
.view-list
.cb-date
,
13356 .content-bank-container
.view-list
.cb-size
,
13357 .content-bank-container
.view-list
.cb-type
,
13358 .content-bank-container.view-list .cb-author {
13361 .content-bank-container.view-list .cb-column.last {
13362 border-right: 0; } }
13364 .content-bank-container.view-list .cb-btnsort span {
13367 .content-bank-container
.view-list
.cb-btnsort
.dir-none
.default
,
13368 .content-bank-container
.view-list
.cb-btnsort
.dir-asc
.asc
,
13369 .content-bank-container.view-list .cb-btnsort.dir-desc .desc {
13372 .cb-toolbar-container .dropdown-scrollable {
13374 overflow-y: auto
; }
13377 /* COURSE CONTENT */
13378 .section_add_menus {
13382 .section-modchooser {
13385 .block_tree .tree_item.branch {
13386 margin-left: 8px; }
13388 .section_add_menus
.horizontal div
,
13389 .section_add_menus .horizontal form {
13392 .section_add_menus optgroup {
13393 font-weight: normal
;
13394 font-style: italic
; }
13397 .section_add_menus .urlselect {
13399 margin-left: .4em; }
13402 .section_add_menus .urlselect select {
13403 margin-left: .2em; }
13405 .sitetopic ul.section {
13408 body:not
(.editing
) .sitetopic ul
.section
{
13410 body:not
(.editing
) .sitetopic ul
.section
.label
.mod-indent-outer
{
13413 @media (min-width: 576px) {
13414 .course-content ul.section {
13418 margin-top: 0.5rem; }
13419 .section .side.left {
13421 .section .side.right {
13425 .section .spinner {
13429 .section .activity {
13430 /* The command block for each activity */ }
13431 .section .activity .spinner {
13433 position: absolute
; }
13434 .section .activity .actions {
13435 position: absolute
;
13439 .section
.activity
.contentwithoutlink
,
13440 .section .activity .activityinstance {
13442 display: table-cell
;
13443 padding-right: 4px;
13445 .section
.activity
.contentwithoutlink
> a
,
13446 .section .activity .activityinstance > a {
13447 display: inline-block
;
13448 text-indent: -31px;
13449 padding-left: 31px; }
13450 .section
.activity
.contentwithoutlink
.dimmed
.activityicon
,
13451 .section .activity .activityinstance .dimmed .activityicon {
13453 .section .activity .stealth {
13455 .section
.activity a
.stealth
,
13456 .section .activity a.stealth:hover {
13457 color: #61aef3 !important
;
13458 /* stylelint-disable-line declaration-no-important */ }
13460 .section
.label
.contentwithoutlink
,
13461 .section .label .activityinstance {
13462 padding-right: 32px;
13466 @media (min-width: 576px) {
13467 .section .label .mod-indent-outer {
13468 padding-left: 24px;
13469 display: block
; } }
13476 display: inline-block
; }
13478 .section
.activity
.editor_displayed a
.editing_title
,
13479 .section .activity.editor_displayed .moodle-actionmenu {
13482 .section .activity.editor_displayed div.activityinstance {
13483 padding-right: initial
; }
13484 .section .activity.editor_displayed div.activityinstance input {
13485 margin-bottom: initial
;
13486 padding-top: initial
;
13487 padding-bottom: initial
;
13488 vertical-align: text-bottom
; }
13490 .activity img.activityicon {
13492 vertical-align: text-bottom
; }
13494 .section
.activity
.activityinstance
,
13495 .section .activity .activityinstance div {
13496 display: inline-block
; }
13498 .editing
.section
.activity
.contentwithoutlink
,
13499 .editing .section .activity .activityinstance {
13500 padding-right: 200px; }
13502 .editing .section .activity .editing_move {
13503 /* Move the move icon to the start of the line */
13504 position: absolute
;
13508 .editing .section .activity .mod-indent-outer {
13510 * Add appropriate padding such that nothing overlaps the
13511 * absolute positioned move icon.
13513 padding-left: 2rem; }
13515 .editing_show
+ .editing_assign
,
13516 .editing_hide + .editing_assign {
13517 margin-left: 20px; }
13519 .section .activity .commands {
13520 white-space: nowrap
;
13521 display: inline-block
; }
13523 .section .activity.modtype_label.label {
13524 font-weight: normal
;
13527 .section li.activity {
13531 .section .activity .activityinstance .groupinglabel {
13532 padding-left: 30px; }
13534 .section
.activity
.availabilityinfo
,
13535 .section .activity .contentafterlink {
13537 margin-left: 30px; }
13539 .section .activity .contentafterlink p {
13542 .editing
.section
.activity:hover
,
13543 .editing .section .activity.action-menu-shown {
13544 background-color: rgba
(0, 0, 0, 0.05); }
13546 .course-content .current {
13547 position: relative
; }
13549 .course-content .current::before {
13551 border-left: #0f6fc5 2px solid
;
13552 position: absolute
;
13557 .course-content .section-summary {
13558 border: 1px solid
#dee2e6;
13560 list-style: none
; }
13562 .course-content .section-summary .section-title {
13563 margin: 2px 5px 10px 5px; }
13565 .course-content .section-summary .summarytext {
13566 margin: 2px 5px 2px 5px; }
13568 .course-content .section-summary .section-summary-activities .activity-count {
13570 font-size: 0.8203125rem;
13572 white-space: nowrap
;
13573 display: inline-block
; }
13575 .course-content .section-summary .summary {
13578 .course-content .single-section {
13581 .course-content .single-section .section-navigation {
13584 margin-bottom: -0.5em; }
13586 .course-content .single-section .section-navigation .title {
13591 .course-content .single-section .section-navigation .mdl-left {
13592 font-weight: normal
;
13594 margin-right: 1em; }
13596 .course-content .single-section .section-navigation .mdl-left .larrow {
13597 margin-right: 0.1em; }
13599 .course-content .single-section .section-navigation .mdl-right {
13600 font-weight: normal
;
13602 margin-left: 1em; }
13604 .course-content .single-section .section-navigation .mdl-right .rarrow {
13605 margin-left: 0.1em; }
13607 .course-content .single-section .section-navigation .mdl-bottom {
13610 .course-content ul li.section.main {
13611 border-bottom: 1px solid
#dee2e6;
13613 .course-content ul li.section.main:last-child {
13614 border-bottom: 0; }
13616 .course-content ul li
.section
.hidden
.sectionname
> span
,
13617 .course-content ul li
.section
.hidden
.content
> div
.summary
,
13618 .course-content ul li.section.hidden .activity .activityinstance {
13621 .course-content ul
.topics
,
13622 .course-content ul.weeks {
13625 list-style: none
; }
13626 .course-content ul
.topics li
.section
,
13627 .course-content ul.weeks li.section {
13629 padding-bottom: 1rem; }
13630 .course-content ul
.topics li
.section
.content
,
13631 .course-content ul.weeks li.section .content {
13634 @media
(min-width: 576px) {
13635 .course-content ul
.topics li
.section
.summary
,
13636 .course-content ul
.topics li
.section
.content
> .availabilityinfo
,
13637 .course-content ul
.weeks li
.section
.summary
,
13638 .course-content ul.weeks li.section .content > .availabilityinfo {
13639 margin-left: 25px; } }
13640 .course-content ul
.topics li
.section
.left
,
13641 .course-content ul
.topics li
.section
.right
,
13642 .course-content ul
.weeks li
.section
.left
,
13643 .course-content ul.weeks li.section .right {
13648 @media (max-width: 767.98px) {
13649 body:not
(.editing
) .course-content ul
.topics li
.section
.left
,
13650 body:not
(.editing
) .course-content ul
.topics li
.section
.right
,
13651 body:not
(.editing
) .course-content ul
.weeks li
.section
.left
,
13652 body:not
(.editing
) .course-content ul
.weeks li
.section
.right
{
13658 .course-content .hidden {
13661 @media (max-width: 767.98px) {
13662 .course-content li.section ul {
13663 padding-left: 0; } }
13665 .course-content li.section ul {
13666 list-style: disc
; }
13667 .course-content li.section ul ul {
13668 list-style: circle
; }
13669 .course-content li.section ul ul ul {
13670 list-style: square
; }
13672 .course-content li.section li.activity ul {
13673 list-style: disc
; }
13674 .course-content li.section li.activity ul ul {
13675 list-style: circle
; }
13676 .course-content li.section li.activity ul ul ul {
13677 list-style: square
; }
13679 .course-content li.section .right > .icon:first-child {
13680 /* Remove the spacer icon. */
13683 .path-course-view.editing #region-main > .card-block {
13684 padding-bottom: 13rem; }
13686 .jumpmenu .form-inline {
13689 .path-course-view .completionprogress {
13690 margin-left: 25px; }
13692 .path-course-view .completionprogress {
13696 position: relative
; }
13698 #page-site-index .subscribelink
{
13699 text-align: right
; }
13701 #site-news-forum h2
,
13702 #frontpage-course-list h2
,
13703 #frontpage-category-names h2
,
13704 #frontpage-category-combo h2
{
13705 margin-bottom: 9px; }
13707 .path-course-view a.reduce-sections {
13708 padding-left: 0.2em; }
13710 .path-course-view .subscribelink {
13711 text-align: right
; }
13713 .path-course-view .unread {
13714 margin-left: 30px; }
13716 .path-course-view .block.drag .header {
13719 .path-course-view .completionprogress {
13720 text-align: right
; }
13722 .path-course-view .single-section .completionprogress {
13723 margin-right: 5px; }
13725 .path-site li
.activity
> div
,
13726 .path-course-view li.activity > div {
13727 position: relative
;
13728 padding: 0 16px 0 0;
13729 /* to accommodate the floated completion icon with highlighting */ }
13731 .path-course-view li.activity span.autocompletion img {
13732 vertical-align: text-bottom
;
13735 .path-course-view li.activity form.togglecompletion .btn {
13738 .path-course-view li.activity form.togglecompletion img {
13740 /* The width is 0 so ensure we don't end up with a relative max-width */ }
13742 .path-course-view.editing li.activity span.autocompletion img {
13743 /* Use the same spacing as the filler. */
13744 margin-right: 0.5rem;
13745 margin-left: 0.5rem; }
13747 .path-course-view li.activity form.togglecompletion .ajaxworking {
13750 position: absolute
;
13753 background: url
([[pix:i
/ajaxloader
]]) no-repeat
; }
13755 li
.section
.hidden span
.commands a
.editing_hide
,
13756 li
.section
.hidden span
.commands a
.editing_show
{
13759 .single-section h3.sectionname {
13760 text-align: center
;
13763 input
.titleeditor
{
13765 vertical-align: text-bottom
; }
13767 span
.editinstructions
{
13769 position: absolute
;
13771 position: relative;
13776 font-size: 0.8203125rem;
13777 padding: .1em .4em;
13778 text-decoration: none
;
13780 border: 0 solid transparent
;
13782 background-color: #cce6ea;
13783 border-color: #b8dce2; }
13784 span
.editinstructions hr
{
13785 border-top-color: #a6d3db; }
13786 span
.editinstructions
.alert-link
{
13789 /* Course drag and drop upload styles */
13790 #dndupload-status {
13796 text-align: center
;
13798 border: 0 solid transparent
;
13800 background-color: #cce6ea;
13801 border-color: #b8dce2; }
13802 #dndupload-status hr
{
13803 border-top-color: #a6d3db; }
13804 #dndupload-status .alert-link
{
13807 .dndupload-preview {
13809 border: 1px dashed
#909090;
13814 .dndupload-hidden {
13817 /* COURSES LISTINGS AND COURSE SUMMARY */
13818 #page-course-pending .singlebutton
,
13819 #page-course-index .singlebutton
,
13820 #page-course-index-category .singlebutton
,
13821 #page-course-editsection .singlebutton
{
13822 text-align: center
; }
13824 #page-admin-course-manage #movecourses td img
{
13826 vertical-align: text-bottom
; }
13830 text-align: left
; }
13832 #page-course-pending .pendingcourserequests
{
13833 margin-bottom: 1em; }
13835 #page-course-pending .pendingcourserequests
.singlebutton
{
13838 #page-course-pending .pendingcourserequests
.cell
{
13841 #page-course-pending .pendingcourserequests
.cell
.c6
{
13842 white-space: nowrap
; }
13847 .coursebox > .info > .coursename a {
13849 background-image: url
([[pix:moodle|i
/course
]]);
13850 background-repeat: no-repeat
;
13851 padding-left: 21px;
13852 background-position: left
0.2em; }
13854 .coursebox
> .info
> .coursename
,
13855 .coursebox
.content
.teachers
,
13856 .coursebox
.content
.courseimage
,
13857 .coursebox
.content
.coursefile
,
13858 .coursebox .content .customfields-container {
13862 .coursebox
.content
.teachers
,
13863 .coursebox
.content
.courseimage
,
13864 .coursebox
.content
.coursefile
,
13865 .coursebox .content .customfields-container {
13868 .coursebox > .info > h3.coursename {
13871 .coursebox > .info > .coursename {
13875 .coursebox .content .teachers li {
13876 list-style-type: none
;
13880 .coursebox
.moreinfo
,
13881 .coursebox .enrolmenticons {
13885 .coursebox .moreinfo img {
13888 .coursebox .content {
13891 .coursebox
.content
.summary
,
13892 .coursebox .content .coursecat {
13896 .coursebox .content .coursecat {
13900 .coursebox.remotecoursebox .remotecourseinfo {
13904 .coursebox .content .courseimage img {
13906 max-height: 100px; }
13908 .coursebox
.content
.coursecat
,
13909 .coursebox
.content
.summary
,
13910 .coursebox
.content
.courseimage
,
13911 .coursebox
.content
.coursefile
,
13912 .coursebox
.content
.teachers
,
13913 .coursebox
.remotecoursebox
.remotecourseinfo
,
13914 .coursebox .content .customfields-container {
13915 margin: 15px 5px 5px;
13918 .coursebox.remotehost > .info > .categoryname a {
13919 background-image: url
([[pix:moodle|i
/mnethost
]]); }
13921 .coursebox.collapsed {
13922 margin-bottom: 0; }
13924 .coursebox.collapsed > .content {
13927 .courses .coursebox.collapsed {
13928 padding-top: 0.5rem;
13929 padding-bottom: 0.5rem; }
13931 .courses .coursebox.even {
13932 background-color: rgba
(0, 0, 0, 0.05); }
13934 .courses > .paging.paging-morelink {
13935 text-align: center
;
13938 .course_category_tree .category .numberofcourse {
13939 font-size: 0.8203125rem; }
13941 .course_category_tree .controls {
13942 visibility: hidden
; }
13944 .course_category_tree .controls div {
13948 .jsenabled .course_category_tree .controls {
13949 visibility: visible
; }
13951 .course_category_tree .controls {
13952 margin-bottom: 5px;
13956 .course_category_tree .controls div {
13957 padding-right: 2em;
13960 .course_category_tree .category > .info > .categoryname {
13961 background-image: url
([[pix:moodle|t
/collapsed_empty
]]);
13962 background-repeat: no-repeat
;
13965 background-position: center left
; }
13968 .course_category_tree .category > .info > .categoryname {
13969 background-image:url([[pix:moodle|t/collapsed_empty_rtl]]);
13972 .course_category_tree .category.with_children > .info > .categoryname {
13973 background-image: url
([[pix:moodle|t
/expanded
]]);
13976 .course_category_tree .category.with_children.collapsed > .info > .categoryname {
13977 background-image: url
([[pix:moodle|t
/collapsed
]]); }
13980 .course_category_tree .category.with_children.collapsed > .info > .categoryname {
13981 background-image:url([[pix:moodle|t/collapsed_rtl]]);
13984 .course_category_tree .category.collapsed > .content {
13987 .course_category_tree .category > .info {
13990 .course_category_tree .category > .content {
13991 padding-left: 16px; }
13993 #page-course-index-category .generalbox
.info
{
13994 margin-bottom: 15px;
13995 border: 1px dotted
#ddd;
13996 border-radius: 4px;
13999 #page-course-index-category .categorypicker
{
14000 text-align: center
;
14001 margin: 10px 0 20px; }
14004 * Course management page
14007 * Background (reg) #F5F5F5
14008 * Background (light #fafafa
14009 * Background (highlight) #ddffaa
14012 #course-category-listings {
14014 /** Two column layout */
14015 /** Three column layout */ }
14016 #course-category-listings.columns-2
> #course-listing
> div
{
14017 position: relative
;
14019 #course-category-listings.columns-3
> #course-listing
> div
{
14021 #course-category-listings > div
> div
{
14022 min-height: 300px; }
14023 #course-category-listings > div
> div
> ul
.ml
> li:first-child
> div
{
14025 #course-category-listings h3
{
14027 padding: 0.4rem 0.6rem 0.3rem; }
14028 #course-category-listings h4
{
14030 padding: 0.6rem 1rem 0.5rem; }
14031 #course-category-listings .moodle-actionmenu
{
14032 white-space: nowrap
; }
14033 #course-category-listings .listing-actions
{
14034 text-align: center
; }
14035 #course-category-listings .listing-actions
> .moodle-actionmenu
{
14036 display: inline-block
; }
14037 #course-category-listings ul
.ml
{
14040 #course-category-listings ul
.ml ul
.ml
{
14042 #course-category-listings .listitem
[data-selected
='1'] {
14043 border-left: calc
(1px + 5px) solid
#0f6fc5;
14044 padding-left: calc
(1.25rem - 5px); }
14045 #course-category-listings .item-actions
{
14047 display: inline-block
; }
14048 #course-category-listings .item-actions
.show
.menu img
{
14051 #course-category-listings .item-actions
.menu-action-text
{
14052 vertical-align: inherit
; }
14053 #course-category-listings .listitem
> div
> .float-left
{
14055 #course-category-listings .listitem
> div
> .float-right
{
14057 text-align: right
; }
14058 #course-category-listings .listitem
> div
.item-actions
.action-show
{
14060 #course-category-listings .listitem
> div
.item-actions
.action-hide
{
14062 #course-category-listings .listitem
> div
.without-actions
{
14064 #course-category-listings .listitem
> div
.idnumber
{
14065 margin-right: 2em; }
14066 #course-category-listings .listitem
[data-visible
="0"] {
14068 #course-category-listings .listitem
[data-visible
="0"] > div
> a
{
14070 #course-category-listings .listitem
[data-visible
="0"] > div
.item-actions
.action-show
{
14072 #course-category-listings .listitem
[data-visible
="0"] > div
.item-actions
.action-hide
{
14074 #course-category-listings .listitem
.highlight
{
14075 background-color: #fff; }
14076 #course-category-listings .listitem
.highlight
> div
,
14077 #course-category-listings .listitem
.highlight
> div:hover
,
14078 #course-category-listings .listitem
.highlight
[data-selected
='1'] > div
{
14079 background-color: rgba
(0, 0, 0, 0.075); }
14080 #course-category-listings #course-listing
.listitem
.categoryname
{
14081 display: inline-block
;
14084 #course-category-listings #course-listing
.listitem
.coursename
{
14085 display: inline-block
; }
14086 #course-category-listings #course-listing
> .firstpage
.listitem:first-child
> div
.item-actions
.action-moveup
,
14087 #course-category-listings #course-listing
> .lastpage
.listitem:last-child
> div
.item-actions
.action-movedown
{
14089 #course-category-listings #course-listing
.bulk-action-checkbox
{
14090 margin: -2px 6px 0 0; }
14091 #course-category-listings #category-listing
.listitem
.collapsed
> ul
.ml
{
14093 #course-category-listings #category-listing
.listitem:first-child
> div
.item-actions
.action-moveup
,
14094 #course-category-listings #category-listing
.listitem:last-child
> div
.item-actions
.action-movedown
{
14096 #course-category-listings #category-listing
.course-count
{
14098 margin-right: 2rem;
14100 display: inline-block
; }
14101 #course-category-listings #category-listing
.bulk-action-checkbox
{
14102 margin-right: -3px; }
14103 #course-category-listings #category-listing
.category-listing
> ul
> .listitem:first-child
{
14104 position: relative
; }
14105 #course-category-listings #category-listing
.category-bulk-actions
{
14106 margin: 0 0.5em 0.5em;
14107 position: relative
; }
14108 #course-category-listings .detail-pair
> * {
14109 display: inline-block
; }
14110 #course-category-listings .detail-pair
.pair-key
{
14112 vertical-align: top
; }
14113 #course-category-listings .detail-pair
.pair-key span
{
14114 margin-right: 1rem;
14116 #course-category-listings .detail-pair
.pair-value select
{
14118 #course-category-listings .bulk-actions
.detail-pair
> * {
14121 #course-category-listings .listing-pagination
{
14122 text-align: center
; }
14123 #course-category-listings .listing-pagination
.yui3-button
{
14125 background-color: #008196;
14126 border-color: #008196;
14128 margin: 0.4rem 0.2rem 0.45rem;
14129 font-size: 10.4px; }
14130 #course-category-listings .listing-pagination
.yui3-button:hover
{
14132 background-color: #006070;
14133 border-color: #005563; }
14134 #course-category-listings .listing-pagination
.yui3-button:focus
, #course-category-listings
.listing-pagination
.yui3-button
.focus
{
14136 background-color: #006070;
14137 border-color: #005563;
14138 box-shadow: 0 0 0 0.2rem rgba
(38, 148, 166, 0.5); }
14139 #course-category-listings .listing-pagination
.yui3-button
.disabled
, #course-category-listings
.listing-pagination
.yui3-button:disabled
{
14141 background-color: #008196;
14142 border-color: #008196; }
14143 #course-category-listings .listing-pagination
.yui3-button:not
(:disabled
):not
(.disabled
):active
, #course-category-listings
.listing-pagination
.yui3-button:not
(:disabled
):not
(.disabled
).active
,
14144 .show > #course-category-listings .listing-pagination .yui3-button.dropdown-toggle {
14146 background-color: #005563;
14147 border-color: #004a56; }
14148 #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
,
14149 .show > #course-category-listings .listing-pagination .yui3-button.dropdown-toggle:focus {
14150 box-shadow: 0 0 0 0.2rem rgba
(38, 148, 166, 0.5); }
14151 #course-category-listings .listing-pagination
.yui3-button
.active-page
{
14153 background-color: #0f6fc5;
14154 border-color: #0f6fc5; }
14155 #course-category-listings .listing-pagination
.yui3-button
.active-page:hover
{
14157 background-color: #0c5ba1;
14158 border-color: #0b5496; }
14159 #course-category-listings .listing-pagination
.yui3-button
.active-page:focus
, #course-category-listings
.listing-pagination
.yui3-button
.active-page
.focus
{
14161 background-color: #0c5ba1;
14162 border-color: #0b5496;
14163 box-shadow: 0 0 0 0.2rem rgba
(51, 133, 206, 0.5); }
14164 #course-category-listings .listing-pagination
.yui3-button
.active-page
.disabled
, #course-category-listings
.listing-pagination
.yui3-button
.active-page:disabled
{
14166 background-color: #0f6fc5;
14167 border-color: #0f6fc5; }
14168 #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
,
14169 .show > #course-category-listings .listing-pagination .yui3-button.active-page.dropdown-toggle {
14171 background-color: #0b5496;
14172 border-color: #0a4e8a; }
14173 #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
,
14174 .show > #course-category-listings .listing-pagination .yui3-button.active-page.dropdown-toggle:focus {
14175 box-shadow: 0 0 0 0.2rem rgba
(51, 133, 206, 0.5); }
14176 #course-category-listings .listing-pagination-totals
{
14177 text-align: center
; }
14178 #course-category-listings .listing-pagination-totals
.dimmed
{
14180 margin: 0.4rem 1rem 0.45rem; }
14181 #course-category-listings .select-a-category
.notifymessage
,
14182 #course-category-listings .select-a-category
.alert
{
14185 #course-category-listings #course-listing
.listitem
.drag-handle
{
14188 .jsenabled #course-category-listings #course-listing .listitem .drag-handle {
14189 display: inline-block
;
14193 /** Management header styling **/
14194 .coursecat-management-header {
14195 vertical-align: middle
; }
14196 .coursecat-management-header h2 {
14197 display: inline-block
;
14198 text-align: left
; }
14199 .coursecat-management-header > div {
14200 display: inline-block
;
14202 .coursecat-management-header > div > div {
14203 margin: 10px 0 10px 1em;
14204 display: inline-block
; }
14205 .coursecat-management-header select {
14208 padding: 0.4em 0.5em 0.45em 1em;
14209 vertical-align: baseline
;
14210 white-space: nowrap
; }
14211 .coursecat-management-header .view-mode-selector .moodle-actionmenu {
14212 white-space: nowrap
;
14213 display: inline-block
; }
14214 .coursecat-management-header .view-mode-selector .moodle-actionmenu[data-enhanced].show .menu a {
14215 padding-left: 1em; }
14217 .course-being-dragged-proxy {
14220 vertical-align: middle
;
14221 padding: 0 0 0 4em; }
14223 .course-being-dragged {
14228 * Large displays 1200 +
14229 * Default displays 980 1199
14231 * Small tablets and large phones 481 767
14234 @media (min-width: 1200px) and
(max-width: 1600px) {
14235 #course-category-listings.columns-3
{
14236 background-color: #fff;
14238 #course-category-listings.columns-3 #category-listing
,
14239 #course-category-listings.columns-3 #course-listing
{
14241 #course-category-listings.columns-3 #category-listing
> div
,
14242 #course-category-listings.columns-3 #course-listing
> div
,
14243 #course-category-listings.columns-3 #course-detail
> div
{
14244 background-color: #fff; }
14245 #course-category-listings.columns-3 #course-detail
{
14247 margin-top: 1em; } }
14249 @media (max-width: 1199px) {
14250 #course-category-listings.columns-2
,
14251 #course-category-listings.columns-3
{
14253 #course-category-listings.columns-2 #category-listing
,
14254 #course-category-listings.columns-2 #course-listing
,
14255 #course-category-listings.columns-2 #course-detail
,
14256 #course-category-listings.columns-3 #category-listing
,
14257 #course-category-listings.columns-3 #course-listing
,
14258 #course-category-listings.columns-3 #course-detail
{
14260 margin: 0 0 1em; } }
14262 .page-settings-menu .menubar > a > .icon {
14267 .activity-navigation .row {
14268 align-items: center
; }
14270 .activity-navigation #prev-activity-link
,
14271 .activity-navigation #next-activity-link {
14272 white-space: pre-wrap
; }
14274 /* Anchor link offset fix. This makes hash links scroll 60px down to account for the fixed header. */
14279 /* fixed header height*/
14281 /* negative fixed header height */
14283 pointer-events: none
; }
14285 .pagelayout-embedded :target {
14286 padding-top: initial
;
14287 margin-top: initial
; }
14289 #nav-drawer.closed
{
14292 #nav-drawer[aria-hidden
=true
] .list-group-item
{
14295 /* Use a variable for the drawer background colors. */
14296 [data-region
="drawer"] {
14300 height: calc
(100% - 50px);
14302 -webkit-overflow-scrolling: touch
;
14304 background-color: #f2f2f2;
14305 -webkit-transition: right
0.5s ease
, left
0.5s ease
;
14306 -moz-transition: right
0.5s ease
, left
0.5s ease
;
14307 transition: right
0.5s ease
, left
0.5s ease
; }
14309 @media (min-width: 576px) {
14310 [data-region
="drawer"] {
14311 padding: 20px 20px; } }
14316 /* Override the z-indexes defined in bootstrap/_list-group.scss that
14317 lead to side effects on the user tours positioning. */ }
14318 #nav-drawer .list-group-item-action
.active
,
14319 #nav-drawer .list-group-item
.active
{
14320 z-index: inherit
; }
14321 #nav-drawer .list-group-item-action
.active
+ .list-group-item
,
14322 #nav-drawer .list-group-item
.active
+ .list-group-item
{
14323 border-top: none
; }
14324 #nav-drawer .list-group ul
{
14328 #nav-drawer .list-group li
{
14329 margin-bottom: -1px; }
14330 #nav-drawer .list-group
li:last-child
{
14331 margin-bottom: 0; }
14334 margin-top: 50px; }
14336 .pagelayout-embedded #page {
14340 -webkit-transition: margin-left
0.5s ease
, margin-right
0.5s ease
;
14341 -moz-transition: margin-left
0.5s ease
, margin-right
0.5s ease
;
14342 transition: margin-left
0.5s ease
, margin-right
0.5s ease
; }
14344 @media (min-width: 768px) {
14345 body
.drawer-open-left
{
14346 margin-left: 285px; } }
14348 @media (min-width: 768px) {
14349 body
.drawer-open-right
{
14350 margin-right: 285px; } }
14352 [data-region
=right-hand-drawer
] {
14354 flex-direction: column
;
14355 transition: right
0.2s ease-in-out
; }
14356 @media
(prefers-reduced-motion: reduce
) {
14357 [data-region
=right-hand-drawer
] {
14358 transition: none
; } }
14359 [data-region
=right-hand-drawer
].drawer
{
14364 height: calc
(100% - 50px);
14366 box-shadow: -2px 2px 4px rgba
(0, 0, 0, 0.08);
14368 visibility: visible
;
14370 [data-region
=right-hand-drawer
] .closewidget
{
14372 [data-region
=right-hand-drawer
].hidden
{
14375 visibility: hidden
;
14377 transition: right
0.2s ease-in-out
, visibility
0s ease-in-out
0.2s, opacity
0s ease-in-out
0.2s; }
14378 @media
(prefers-reduced-motion: reduce
) {
14379 [data-region
=right-hand-drawer
].hidden
{
14380 transition: none
; } }
14382 @media (max-width: 767.98px) {
14383 [data-region
=right-hand-drawer
].drawer
{
14387 [data-region
=right-hand-drawer
] .closewidget
{
14389 padding: 0 0.2rem; }
14390 body
.drawer-open-left
,
14391 body
.drawer-open-right
{
14392 overflow: hidden
; } }
14394 .dir-rtl [data-region=right-hand-drawer] {
14395 box-shadow: 2px 2px 4px rgba
(0, 0, 0, 0.08); }
14398 background-color: #f7f7f7; }
14400 .fp-content-center {
14403 display: table-cell
;
14404 vertical-align: middle
; }
14406 .fp-content-hidden {
14407 visibility: hidden
; }
14409 .yui3-panel-focused {
14414 padding: 3px 20px 2px 20px;
14415 text-align: center
;
14417 border-radius: 10px;
14418 display: inline-block
; }
14420 .filepicker .yui3-widget-content-expanded {
14423 /* The javascript is adding a style="height: 0px;" to this element - we need to set the min-height so the height is ignored. */
14424 .filepicker .moodle-dialogue-bd {
14425 min-height: 520px; }
14427 .file-picker .fp-navbar {
14432 border-color: #8f959e;
14433 border-bottom: 0; }
14435 .file-picker .fp-content {
14442 .filepicker.moodle-dialogue-fullscreen .file-picker .fp-content {
14445 .file-picker .fp-content-loading {
14449 text-align: center
; }
14451 .file-picker .fp-content .fp-object-container {
14455 .file-picker .fp-def-search {
14458 .file-picker .fp-list {
14459 list-style-type: none
;
14465 .file-picker .fp-list .fp-repo a {
14467 padding: .5em .7em; }
14469 .file-picker .fp-list .fp-repo.active {
14470 background: #f2f2f2; }
14472 .file-picker .fp-list .fp-repo-icon {
14473 padding: 0 7px 0 5px;
14480 .fp-toolbar.empty {
14483 .fp-toolbar .disabled {
14489 margin-right: 4px; }
14492 vertical-align: -15%;
14493 margin-right: 5px; }
14495 .fp-viewbar:not(.disabled) a.checked {
14496 background-color: #b1bbc4;
14498 border-color: #aab4bf; }
14500 .fp-viewbar.disabled a {
14501 pointer-events: none
;
14504 .file-picker .fp-clear-left {
14507 .fp-pathbar.empty {
14510 .fp-pathbar .fp-path-folder {
14511 background: url
("[[pix:theme|fp/path_folder]]") left
3px no-repeat
;
14512 background-size: 12px 12px;
14514 margin-left: 12px; }
14517 .fp-pathbar .fp-path-folder {
14518 background-image: url('[[pix:theme|fp/path_folder_rtl]]');
14521 .fp-pathbar .fp-path-folder-name {
14522 margin-left: 24px; }
14524 .fp-iconview .fp-file {
14526 text-align: center
;
14527 position: relative
;
14528 margin: 10px 10px 35px; }
14530 .fp-iconview .fp-thumbnail {
14533 line-height: 110px;
14534 text-align: center
;
14535 border: 1px solid
#fff;
14538 .fp-iconview .fp-thumbnail img {
14539 border: 1px solid
#ddd;
14541 vertical-align: middle
; }
14543 .fp-iconview .fp-thumbnail:hover {
14545 border: 1px solid
#ddd; }
14547 .fp-iconview .fp-filename-field {
14550 word-wrap: break-word
;
14552 position: absolute
; }
14554 .fp-iconview
.fp-file:focus
.fp-filename-field
,
14555 .fp-iconview .fp-file:hover .fp-filename-field {
14559 .fp-iconview
.fp-file:focus
.fp-filename
,
14560 .fp-iconview .fp-file:hover .fp-filename {
14562 white-space: normal
;
14563 text-overflow: inherit
; }
14565 .fp-iconview .fp-filename-field .fp-filename {
14568 padding-bottom: 12px;
14569 min-width: 112px; }
14571 .file-picker .yui3-datatable table {
14572 border: 0 solid
#bbb;
14575 .file-picker
.ygtvtn
,
14576 .filemanager .ygtvtn {
14578 background: url
("[[pix:moodle|y/tn]]") 0 0 no-repeat
;
14580 background: url('[[pix:moodle|y/tn_rtl]]') 0 0 no-repeat;
14585 .file-picker
.ygtvtm
,
14586 .filemanager .ygtvtm {
14587 background: url
("[[pix:moodle|y/tm]]") 0 10px no-repeat
;
14589 background-position: 2px 10px;
14595 .file-picker
.ygtvtmh
,
14596 .filemanager .ygtvtmh {
14597 background: url
("[[pix:moodle|y/tm]]") 0 10px no-repeat
;
14599 background-position: 2px 10px;
14605 .file-picker
.ygtvtp
,
14606 .filemanager .ygtvtp {
14608 background: url
("[[pix:moodle|y/tp]]") 0 10px no-repeat
;
14610 background: url('[[pix:moodle|y/tp_rtl]]') 2px 10px no-repeat;
14616 .file-picker
.ygtvtph
,
14617 .filemanager .ygtvtph {
14619 background: url
("[[pix:moodle|y/tp]]") 0 10px no-repeat
;
14621 background: url('[[pix:moodle|y/tp_rtl]]') 2px 10px no-repeat;
14627 .file-picker
.ygtvln
,
14628 .filemanager .ygtvln {
14630 background: url
("[[pix:moodle|y/ln]]") 0 0 no-repeat
;
14632 background: url('[[pix:moodle|y/ln_rtl]]') 0 0 no-repeat;
14637 .file-picker
.ygtvlm
,
14638 .filemanager .ygtvlm {
14639 background: url
("[[pix:moodle|y/lm]]") 0 10px no-repeat
;
14641 background-position: 2px 10px;
14647 .file-picker
.ygtvlmh
,
14648 .filemanager .ygtvlmh {
14649 background: url
("[[pix:moodle|y/lm]]") 0 10px no-repeat
;
14651 background-position: 2px 10px;
14657 .file-picker
.ygtvlp
,
14658 .filemanager .ygtvlp {
14660 background: url
("[[pix:moodle|y/lp]]") 0 10px no-repeat
;
14662 background: url('[[pix:moodle|y/lp_rtl]]') 2px 10px no-repeat;
14668 .file-picker
.ygtvlph
,
14669 .filemanager .ygtvlph {
14671 background: url
("[[pix:moodle|y/lp]]") 0 10px no-repeat
;
14673 background: url('[[pix:moodle|y/lp_rtl]]') 2px 10px no-repeat;
14679 .file-picker
.ygtvloading
,
14680 .filemanager .ygtvloading {
14681 background: transparent url
("[[pix:moodle|y/loading]]") 0 0 no-repeat
;
14685 .file-picker
.ygtvdepthcell
,
14686 .filemanager .ygtvdepthcell {
14687 background: url
("[[pix:moodle|y/vline]]") 0 0 no-repeat
;
14689 background-position: 0 0;
14694 .file-picker
.ygtvblankdepthcell
,
14695 .filemanager .ygtvblankdepthcell {
14699 a
.ygtvspacer:hover
{
14700 color: transparent
;
14701 text-decoration: none
; }
14705 .ygtvlabel:visited
,
14707 background-color: transparent
;
14710 text-decoration: none
; }
14712 .file-picker
.ygtvfocus
,
14713 .filemanager .ygtvfocus {
14714 background-color: #eee; }
14716 .fp-filename-icon {
14719 position: relative
; }
14726 margin-right: 10px;
14727 text-align: center
;
14728 line-height: 24px; }
14733 vertical-align: middle
; }
14736 padding-right: 10px; }
14738 .file-picker .fp-login-form {
14743 .file-picker .fp-upload-form {
14748 .file-picker .fp-upload-form table {
14751 .file-picker.fp-dlg {
14752 text-align: center
; }
14754 .file-picker.fp-dlg .fp-dlg-buttons {
14757 .file-picker.fp-msg {
14758 text-align: center
; }
14760 .file-picker .fp-content-error {
14764 text-align: center
; }
14766 .file-picker .fp-nextpage {
14769 .file-picker .fp-nextpage .fp-nextpage-loading {
14772 .file-picker .fp-nextpage.loading .fp-nextpage-link {
14775 .file-picker .fp-nextpage.loading .fp-nextpage-loading {
14777 text-align: center
;
14779 padding-top: 50px; }
14781 .fp-select .fp-select-loading {
14782 text-align: center
;
14783 margin-top: 20px; }
14786 padding: 0 0 10px; }
14788 .fp-select table .mdl-right {
14791 .fp-select .fp-reflist .mdl-right {
14792 vertical-align: top
; }
14794 .fp-select .fp-select-buttons {
14797 .fp-select .fp-info {
14798 font-size: 0.703125rem; }
14800 .fp-select .fp-thumbnail {
14804 line-height: 110px;
14805 text-align: center
;
14806 margin: 10px 20px 0 0;
14808 border: 1px solid
#ddd; }
14810 .fp-select .fp-thumbnail img {
14811 border: 1px solid
#ddd;
14813 vertical-align: middle
;
14816 .fp-select .fp-fileinfo {
14817 display: inline-block
;
14818 margin-top: 10px; }
14820 .file-picker.fp-select .fp-fileinfo {
14821 max-width: 240px; }
14823 .fp-select .fp-fileinfo div {
14824 padding-bottom: 5px; }
14826 .file-picker.fp-select .uneditable {
14829 .file-picker.fp-select .fp-select-loading {
14832 .file-picker.fp-select.loading .fp-select-loading {
14835 .file-picker.fp-select.loading form {
14838 .fp-select .fp-dimensions.fp-unknown {
14841 .fp-select .fp-size.fp-unknown {
14844 .filemanager-loading {
14847 .jsenabled .filemanager-loading {
14849 margin-top: 100px; }
14851 .filemanager
.fm-loading
.filemanager-toolbar
,
14852 .filemanager
.fm-loading
.fp-pathbar
,
14853 .filemanager
.fm-loading
.filemanager-container
,
14854 .filemanager
.fm-loaded
.filemanager-loading
,
14855 .filemanager
.fm-maxfiles
.fp-btn-add
,
14856 .filemanager
.fm-maxfiles
.dndupload-message
,
14857 .filemanager
.fm-noitems
.fp-btn-download
,
14858 .filemanager
.fm-noitems
.fp-btn-delete
,
14859 .filemanager
.fm-empty-container
,
14860 .filemanager.fm-noitems .filemanager-container .fp-content {
14863 .filemanager .fp-img-downloading {
14865 padding-top: 7px; }
14867 .filemanager .filemanager-updating {
14869 text-align: center
; }
14871 .filemanager.fm-updating .filemanager-updating {
14873 margin-top: 37px; }
14875 .filemanager
.fm-updating
.fm-content-wrapper
,
14876 .filemanager
.fm-nomkdir
.fp-btn-mkdir
,
14877 .fitem
.disabled
.filemanager
.filemanager-toolbar
,
14878 .fitem
.disabled
.filemanager
.fp-pathbar
,
14879 .fitem
.disabled
.filemanager
.fp-restrictions
,
14880 .fitem.disabled .filemanager .fm-content-wrapper {
14883 .filemanager .fp-restrictions {
14884 text-align: right
; }
14886 .filemanager-toolbar {
14888 overflow: hidden
; }
14890 .filemanager .fp-pathbar.empty {
14893 .filepicker-filelist
,
14894 .filemanager-container {
14896 border: 1px solid
#8f959e; }
14898 .filemanager .fp-content {
14901 min-height: 157px; }
14903 .filemanager-container
,
14904 .filepicker-filelist {
14905 overflow: hidden
; }
14907 .file-picker .yui3-datatable-header {
14908 background: initial
; }
14910 .fitem
.disabled
.filepicker-filelist
,
14911 .fitem.disabled .filemanager-container {
14912 background-color: #ebebe4; }
14914 .fitem.disabled .fp-btn-choose {
14917 .fitem.disabled .filepicker-filelist .filepicker-filename {
14920 .fp-iconview .fp-reficons1 {
14921 position: absolute
;
14927 .fp-iconview .fp-reficons2 {
14928 position: absolute
;
14934 .fp-iconview .fp-file.fp-hasreferences .fp-reficons1 {
14935 background: url
("[[pix:theme|fp/link]]") no-repeat
;
14937 transform: scaleX(-1);
14940 background-position: bottom right
;
14941 background-size: 16px 16px; }
14943 .fp-iconview .fp-file.fp-isreference .fp-reficons2 {
14944 background: url
("[[pix:theme|fp/alias]]") no-repeat
;
14946 transform: scaleX(-1);
14949 background-position: bottom left
;
14950 background-size: 16px 16px; }
14952 .filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail img {
14955 .filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail {
14956 background: url
([[pix:s
/dead
]]) no-repeat
;
14957 background-position: center center
; }
14959 .filemanager .yui3-datatable table {
14960 border: 0 solid
#bbb;
14963 /* Override YUI default styling */
14964 /* stylelint-disable declaration-no-important */
14965 .filemanager .yui3-datatable-header {
14966 background: #fff !important
;
14967 border-bottom: 1px solid
#ccc !important
;
14968 border-left: 0 solid
#fff !important
;
14969 color: #555 !important
; }
14971 .filemanager .yui3-datatable-odd .yui3-datatable-cell {
14972 background-color: #f6f6f6 !important
;
14973 border-left: 0 solid
#f6f6f6; }
14975 .filemanager .yui3-datatable-even .yui3-datatable-cell {
14976 background-color: #fff !important
;
14977 border-left: 0 solid
#fff; }
14979 /* stylelint-enable */
14980 .filemanager .fp-filename-icon.fp-hasreferences .fp-reficons1 {
14981 background: url
("[[pix:theme|fp/link_sm]]") no-repeat
0 0;
14985 transform: scaleX(-1);
14987 position: absolute
;
14990 background-size: 16px 16px; }
14992 .filemanager .fp-filename-icon.fp-isreference .fp-reficons2 {
14993 background: url
("[[pix:theme|fp/alias_sm]]") no-repeat
0 0;
14997 transform: scaleX(-1);
14999 position: absolute
;
15002 background-size: 16px 16px; }
15004 .filemanager .fp-contextmenu {
15007 .filemanager .fp-iconview .fp-folder.fp-hascontextmenu .fp-contextmenu {
15008 position: absolute
;
15012 align-items: center
;
15013 justify-content: center
; }
15015 .filemanager
.fp-treeview
.fp-folder
.fp-hascontextmenu
.fp-contextmenu
,
15016 .filemanager .fp-tableview .fp-folder.fp-hascontextmenu .fp-contextmenu {
15018 position: absolute
;
15020 margin-right: -20px;
15023 .filepicker-filelist
.filepicker-container
,
15024 .filemanager.fm-noitems .fm-empty-container {
15026 position: absolute
;
15031 border: 2px dashed
#bbb;
15033 text-align: center
; }
15035 .filepicker-filelist
.dndupload-target
,
15036 .filemanager-container .dndupload-target {
15038 position: absolute
;
15043 border: 2px dashed
#fb7979;
15045 text-align: center
; }
15047 .filepicker-filelist
.dndupload-over
.dndupload-target
,
15048 .filemanager-container.dndupload-over .dndupload-target {
15050 position: absolute
;
15055 border: 2px dashed
#6c8cd3;
15057 text-align: center
; }
15059 .dndupload-message {
15062 .dndsupported .dndupload-message {
15065 .dnduploadnotsupported-message {
15068 .dndnotsupported .dnduploadnotsupported-message {
15071 .dndupload-target {
15074 .dndsupported .dndupload-ready .dndupload-target {
15077 .dndupload-uploadinprogress {
15079 text-align: center
; }
15081 .dndupload-uploading .dndupload-uploadinprogress {
15085 background: url
([[pix:theme|fp
/dnd_arrow
]]) center no-repeat
;
15088 position: absolute
;
15091 .fitem
.disabled
.filepicker-container
,
15092 .fitem.disabled .fm-empty-container {
15095 .dndupload-progressbars {
15099 .dndupload-inprogress .dndupload-progressbars {
15102 .dndupload-inprogress .fp-content {
15105 .filemanager.fm-noitems .dndupload-inprogress .fm-empty-container {
15108 .filepicker-filelist.dndupload-inprogress .filepicker-container {
15111 .filepicker-filelist.dndupload-inprogress a {
15114 .filemanager.fp-select .fp-select-loading {
15117 .filemanager.fp-select.loading .fp-select-loading {
15120 .filemanager.fp-select.loading form {
15123 .filemanager
.fp-select
.fp-folder
.fp-license
,
15124 .filemanager
.fp-select
.fp-folder
.fp-author
,
15125 .filemanager
.fp-select
.fp-file
.fp-file-unzip
,
15126 .filemanager
.fp-select
.fp-folder
.fp-file-unzip
,
15127 .filemanager
.fp-select
.fp-file
.fp-file-zip
,
15128 .filemanager.fp-select.fp-zip .fp-file-zip {
15131 .filemanager
.fp-select
.fp-file-setmain
,
15132 .filemanager.fp-select .fp-file-setmain-help {
15135 .filemanager
.fp-select
.fp-cansetmain
.fp-file-setmain
,
15136 .filemanager.fp-select.fp-cansetmain .fp-file-setmain-help {
15137 display: inline-block
; }
15139 .filemanager .fp-mainfile .fp-filename {
15140 font-weight: bold
; }
15142 .filemanager.fp-select.fp-folder .fp-file-download {
15146 font-weight: bold
; }
15148 .filemanager
.fp-select
.fp-original
.fp-unknown
,
15149 .filemanager.fp-select .fp-original .fp-originloading {
15152 .filemanager.fp-select .fp-original.fp-loading .fp-originloading {
15155 .filemanager
.fp-select
.fp-reflist
.fp-unknown
,
15156 .filemanager.fp-select .fp-reflist .fp-reflistloading {
15159 .filemanager.fp-select .fp-reflist.fp-loading .fp-reflistloading {
15162 .filemanager.fp-select .fp-reflist .fp-value {
15163 background: #f9f9f9;
15164 border: 1px solid
#bbb;
15170 .filemanager.fp-select .fp-reflist .fp-value li {
15171 padding-bottom: 7px; }
15173 .filemanager.fp-mkdir-dlg {
15174 text-align: center
; }
15176 .filemanager.fp-mkdir-dlg .fp-mkdir-dlg-text {
15180 .filemanager.fp-dlg {
15181 text-align: center
; }
15183 .file-picker div.bd {
15184 text-align: left
; }
15188 .fp-formset input[type="file"] {
15189 line-height: inherit
; }
15194 .fp-fileinfo .fp-value {
15195 display: inline-block
;
15196 padding-left: 5px; }
15198 /** The message area **/
15202 .preferences-container .container-fluid, .preferences-container .container-sm, .preferences-container .container-md, .preferences-container .container-lg, .preferences-container .container-xl {
15204 .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 {
15205 min-height: 20px; }
15207 .preferences-container .align-bottom {
15208 vertical-align: bottom
; }
15210 .preferences-container .preference-table {
15211 border: 1px solid
#ddd; }
15212 .preferences-container .preference-table thead th {
15213 text-align: center
; }
15214 .preferences-container .preference-table thead th .config-warning {
15216 .preferences-container .preference-table thead th.unconfigured .config-warning {
15217 display: inline-block
; }
15218 .preferences-container .preference-table tr td:not(:first-child) {
15220 text-align: center
; }
15221 .preferences-container .preference-table tr td:nth-child(even) {
15222 background-color: #f7f7f7; }
15223 .preferences-container .preference-table tr th:nth-child(even) {
15224 background-color: #f7f7f7; }
15225 .preferences-container .preference-table .preference-row .hover-tooltip-container {
15226 display: inline-block
; }
15227 .preferences-container .preference-table .preference-row .preference-name {
15228 vertical-align: middle
; }
15229 .preferences-container .preference-table .preference-row .disabled-message {
15230 text-align: center
;
15232 line-height: 30px; }
15233 .preferences-container .preference-table .preference-row .preference-state {
15236 display: inline-block
;
15237 vertical-align: middle
; }
15238 .preferences-container .preference-table .preference-row .preference-state input[type="checkbox"]:checked + .preference-state-status-container {
15239 background-color: #5cb85c; }
15240 .preferences-container .preference-table .preference-row .preference-state input[type="checkbox"]:checked + .preference-state-status-container .on-text {
15241 display: inline-block
; }
15242 .preferences-container .preference-table .preference-row .preference-state input[type="checkbox"]:checked + .preference-state-status-container .off-text {
15244 .preferences-container .preference-table .preference-row .preference-state .preference-state-status-container {
15248 text-align: center
;
15249 border-radius: 4px;
15250 background-color: #d9534f;
15253 .preferences-container .preference-table .preference-row .preference-state .preference-state-status-container .loading-icon {
15255 .preferences-container .preference-table .preference-row .preference-state .preference-state-status-container .on-text {
15257 .preferences-container .preference-table .preference-row .preference-state .preference-state-status-container .off-text {
15258 display: inline-block
; }
15259 .preferences-container
.preference-table
.preference-row
.preference-state
.loading input
[type
="checkbox"]:checked
+ .preference-state-status-container
.on-text
,
15260 .preferences-container .preference-table .preference-row .preference-state.loading input[type="checkbox"]:checked + .preference-state-status-container .off-text {
15262 .preferences-container
.preference-table
.preference-row
.preference-state
.loading
.preference-state-status-container
.on-text
,
15263 .preferences-container .preference-table .preference-row .preference-state.loading .preference-state-status-container .off-text {
15265 .preferences-container .preference-table .preference-row .preference-state.loading .preference-state-status-container .loading-icon {
15267 .preferences-container .preference-table .preference-row.loading .preference-name .loading-icon {
15270 .disabled-message {
15273 .disabled .disabled-message {
15275 .disabled .disabled-message + form {
15278 .general-settings-container .loading-icon {
15281 .general-settings-container .loading .loading-icon {
15282 display: inline-block
; }
15284 .general-settings-container label {
15285 display: inline-block
; }
15287 .processor-container {
15288 position: relative
; }
15289 .processor-container .loading-container {
15291 position: absolute
;
15294 text-align: center
;
15295 background-color: rgba
(255, 255, 255, 0.5); }
15296 .processor-container .loading-container .vertical-align {
15299 display: inline-block
;
15300 vertical-align: middle
; }
15301 .processor-container.loading .loading-container {
15304 .preferences-page-container .checkbox-container {
15306 line-height: 20px; }
15307 .preferences-page-container .checkbox-container input {
15310 .preferences-page-container .checkbox-container .loading-icon {
15312 .preferences-page-container .checkbox-container.loading .loading-icon {
15313 display: inline-block
; }
15315 .notification-area {
15317 box-sizing: border-box
;
15318 border-radius: 4px;
15319 margin-bottom: 30px;
15320 border: 1px solid
#e3e3e3; }
15321 @media
(max-height: 670px) {
15322 .notification-area {
15324 .notification-area .control-area {
15325 box-sizing: border-box
;
15326 display: inline-block
;
15330 -webkit-overflow-scrolling: touch
;
15331 border-right: 1px solid
#e3e3e3; }
15332 .notification-area .control-area .content {
15333 position: relative
; }
15334 .notification-area .control-area .content .content-item-container {
15336 .notification-area .control-area .content:empty + .empty-text {
15338 .notification-area .control-area .loading-icon {
15340 .notification-area .control-area .empty-text {
15342 text-align: center
;
15343 padding-top: 20px; }
15344 .notification-area .control-area.loading .loading-icon {
15346 text-align: center
;
15347 box-sizing: border-box
;
15349 .notification-area .control-area.loading .content:empty + .empty-text {
15351 .notification-area .content-area {
15352 box-sizing: border-box
;
15353 display: inline-block
;
15354 width: calc
(100% - 300px);
15356 .notification-area .content-area .toggle-mode {
15358 .notification-area .content-area .header {
15360 box-sizing: border-box
;
15361 border-bottom: 1px solid
#e3e3e3;
15363 .notification-area .content-area .header .image-container {
15364 display: inline-block
;
15368 .notification-area .content-area .header .subject-container {
15369 display: inline-block
;
15370 max-width: calc
(100% - 24px);
15371 white-space: nowrap
;
15373 text-overflow: ellipsis
;
15376 box-sizing: border-box
; }
15377 .notification-area .content-area .header .timestamp {
15382 margin-left: 30px; }
15383 .notification-area .content-area .header:empty {
15385 .notification-area .content-area > .content {
15387 box-sizing: border-box
;
15389 -webkit-overflow-scrolling: touch
;
15391 @media
(max-height: 670px) {
15392 .notification-area .content-area > .content {
15394 .notification-area .content-area > .content:empty {
15396 .notification-area .content-area > .content:empty + .empty-text {
15398 text-align: center
;
15399 padding-top: 100px; }
15400 .notification-area .content-area .empty-text {
15402 .notification-area .content-area .footer {
15404 box-sizing: border-box
;
15405 text-align: center
; }
15406 .notification-area .content-area .footer a {
15407 line-height: 50px; }
15408 .notification-area .content-area .footer:empty {
15411 @media (max-width: 979px) {
15412 .notification-area {
15413 position: relative
;
15414 overflow: hidden
; }
15415 .notification-area .control-area {
15416 border-right: none
;
15418 position: absolute
;
15422 visibility: visible
;
15423 transition: left
0.25s; }
15424 .notification-area .content-area {
15426 position: absolute
;
15430 visibility: hidden
;
15431 transition: right
0.25s, opacity
0.25s, visibility
0.25s; }
15432 .notification-area .content-area .toggle-mode {
15433 display: inline-block
;
15438 box-sizing: border-box
;
15439 border-right: 1px solid
#e3e3e3;
15440 border-bottom: 1px solid
#e3e3e3; }
15441 .notification-area .content-area .header {
15442 display: inline-block
;
15443 width: calc
(100% - 70px); }
15444 .notification-area.show-content-area .control-area {
15447 visibility: hidden
;
15448 transition: left
0.25s, opacity
0.25s, visibility
0.25s; }
15449 .notification-area.show-content-area .content-area {
15452 visibility: visible
;
15453 transition: right
0.25s; } }
15455 .drawer .message-app {
15457 .drawer .message-app .icon-back-in-app {
15459 .drawer .message-app .icon-back-in-drawer {
15460 display: inherit
; }
15464 flex-direction: column
;
15465 background-color: #eff1f3; }
15466 .message-app .icon-back-in-drawer {
15468 .message-app.main {
15469 min-height: 400px; }
15470 .message-app .header-container {
15472 .message-app .overflow-y {
15473 overflow-y: auto
; }
15474 @media
(max-height: 320px) {
15475 .message-app .header-container [data-region="view-overview"]:not(.hidden) {
15477 align-items: center
; }
15478 .message-app .footer-container [data-region="view-overview"] {
15480 .message-app .overflow-y {
15481 overflow-y: unset
; } }
15482 .message-app .body-container {
15484 overflow: hidden
; }
15485 .message-app .body-container > * {
15486 position: absolute
;
15492 .message-app .footer-container {
15494 .message-app .footer-container textarea {
15496 .message-app .contact-status {
15497 position: absolute
;
15502 border-radius: 50%; }
15503 .message-app .contact-status.online {
15504 border: 1px solid
#fff;
15505 background-color: #357a32; }
15506 .message-app .message p {
15508 .message-app .clickable {
15510 .message-app .clickable:hover {
15511 filter: drop-shadow
(2px 2px 2px rgba
(0, 0, 0, 0.3)); }
15513 .message-app .btn-link {
15515 .message-app .btn-link:hover, .message-app .btn-link:focus {
15516 background-color: rgba
(0, 0, 0, 0.035);
15517 text-decoration: none
; }
15518 .message-app .icon {
15520 .message-app .overview-section-toggle .collapsed-icon-container {
15522 .message-app .overview-section-toggle .expanded-icon-container {
15523 display: inline-block
; }
15524 .message-app .overview-section-toggle.collapsed .collapsed-icon-container {
15525 display: inline-block
; }
15526 .message-app .overview-section-toggle.collapsed .expanded-icon-container {
15528 .message-app .btn.btn-link.btn-icon {
15532 border-radius: 50%;
15534 .message-app .btn.btn-link.btn-icon:hover, .message-app .btn.btn-link.btn-icon:focus {
15535 background-color: #e9ecef; }
15536 .message-app .btn.btn-link.btn-icon.icon-size-0 {
15537 height: 20px !important
;
15538 /* stylelint-disable-line declaration-no-important */
15539 width: 20px !important
;
15540 /* stylelint-disable-line declaration-no-important */ }
15541 .message-app .btn.btn-link.btn-icon.icon-size-1 {
15542 height: 24px !important
;
15543 /* stylelint-disable-line declaration-no-important */
15544 width: 24px !important
;
15545 /* stylelint-disable-line declaration-no-important */ }
15546 .message-app .btn.btn-link.btn-icon.icon-size-2 {
15547 height: 28px !important
;
15548 /* stylelint-disable-line declaration-no-important */
15549 width: 28px !important
;
15550 /* stylelint-disable-line declaration-no-important */ }
15551 .message-app .btn.btn-link.btn-icon.icon-size-3 {
15552 height: 36px !important
;
15553 /* stylelint-disable-line declaration-no-important */
15554 width: 36px !important
;
15555 /* stylelint-disable-line declaration-no-important */ }
15556 .message-app .btn.btn-link.btn-icon.icon-size-4 {
15557 height: 44px !important
;
15558 /* stylelint-disable-line declaration-no-important */
15559 width: 44px !important
;
15560 /* stylelint-disable-line declaration-no-important */ }
15561 .message-app .btn.btn-link.btn-icon.icon-size-5 {
15562 height: 52px !important
;
15563 /* stylelint-disable-line declaration-no-important */
15564 width: 52px !important
;
15565 /* stylelint-disable-line declaration-no-important */ }
15566 .message-app .btn.btn-link.btn-icon.icon-size-6 {
15567 height: 60px !important
;
15568 /* stylelint-disable-line declaration-no-important */
15569 width: 60px !important
;
15570 /* stylelint-disable-line declaration-no-important */ }
15571 .message-app .btn.btn-link.btn-icon.icon-size-7 {
15572 height: 68px !important
;
15573 /* stylelint-disable-line declaration-no-important */
15574 width: 68px !important
;
15575 /* stylelint-disable-line declaration-no-important */ }
15576 .message-app .view-overview-body .section {
15578 .message-app .view-overview-body .section.expanded {
15580 .message-app .view-conversation .content-message-container img {
15582 .message-app .list-group .list-group-item {
15585 .message-app .list-group .list-group-item:first-child {
15587 .message-app .list-group .list-group-item:last-child {
15588 border-bottom: 0; }
15589 .message-app .last-message {
15590 min-height: 1.5rem; }
15591 .message-app .section .collapsing {
15592 overflow: hidden
; }
15593 .message-app .message.send {
15594 background-color: #dee2e6;
15596 .message-app .message.send .time {
15598 .message-app .message.send .tail {
15600 margin-right: -0.5rem;
15601 border-bottom-color: #dee2e6; }
15602 .message-app .message.received {
15603 background-color: #fff;
15605 .message-app .message.received .time {
15607 .message-app .message.received .tail {
15609 margin-left: -0.5rem;
15610 border-bottom-color: #fff; }
15611 .message-app .message .tail {
15616 border: 0.5rem solid transparent
;
15617 position: relative
; }
15618 .message-app .day {
15620 .message-app .lazy-load-list {
15621 overflow-y: auto
; }
15623 #page-message-index #page-header
{
15626 #page-message-index #region-main
{
15629 #page-message-index #region-main
.conversationcontainer
{
15630 max-height: calc
(100vh - 50px);
15632 #page-message-index #region-main div
[role
="main"] {
15634 #page-message-index #region-main div
[role
="main"] #maincontent
{
15635 margin-top: -1px; }
15636 #page-message-index #region-main div
[role
="main"] .message-app
.main
{
15639 .dir-rtl .message-drawer {
15640 box-shadow: 2px 2px 4px rgba
(0, 0, 0, 0.08); }
15642 .message-app .emoji-picker-container {
15643 position: absolute
;
15646 transform: translateY
(-100%); }
15647 .message-app .emoji-picker-container .emoji-picker .picker-row .emoji-button {
15650 @media
(max-width: 575.98px) {
15651 .message-app .emoji-picker-container {
15652 right: -0.5rem; } }
15654 @media (max-height: 495px) {
15655 .message-app .emoji-picker-container {
15658 transform: none
; } }
15660 .message-app .emoji-auto-complete-container {
15663 transition: max-height
.15s ease-in-out
;
15664 visibility: visible
; }
15665 .message-app .emoji-auto-complete-container.hidden {
15668 visibility: hidden
;
15670 transition: max-height
.15s ease-in-out
, visibility
0s linear
.15s, overflow
0s linear
.15s; }
15676 .questioncategories h3 {
15683 margin: 0 0 0.3em; }
15685 #chooseqtype .instruction
{
15688 #chooseqtype .fakeqtypes
{
15689 border-top: 1px solid silver
; }
15691 #chooseqtype .qtypeoption
{
15692 margin-bottom: 0.5em; }
15694 #chooseqtype label
{
15697 #chooseqtype .qtypename img
{
15698 padding: 0 0.3em; }
15700 #chooseqtype .qtypename
{
15701 display: inline-table
;
15704 #chooseqtype .qtypesummary
{
15708 #chooseqtype .submitbuttons
{
15710 text-align: center
; }
15712 #qtypechoicecontainer {
15715 #qtypechoicecontainer_c.yui-panel-container
.shadow
.underlay
{
15716 background: none
; }
15718 #qtypechoicecontainer.yui-panel
.hd
{
15720 letter-spacing: 1px;
15721 text-shadow: 1px 1px 1px #fff;
15722 border-top-left-radius: 10px;
15723 border-top-right-radius: 10px;
15724 border: 1px solid
#ccc;
15725 border-bottom: 1px solid
#bbb;
15726 background-image: linear-gradient
(to bottom
, #fff 0%, #ccc 100%);
15727 background-repeat: repeat-x
; }
15729 #qtypechoicecontainer {
15732 background: #f2f2f2;
15733 border-radius: 10px;
15734 border: 1px solid
#ccc;
15735 border-top: 0 none
; }
15737 #qtypechoicecontainer #chooseqtype
{
15740 #chooseqtypehead h3
{
15742 font-weight: normal
; }
15744 #chooseqtype .qtypes
{
15745 position: relative
;
15746 border-bottom: 1px solid
#bbb;
15747 padding: 0.24em 0; }
15749 #chooseqtype .alloptions
{
15750 overflow-x: hidden
;
15752 max-height: calc
(100vh - 15em);
15755 #chooseqtype .qtypeoption
{
15757 padding: 0.3em 0.3em 0.3em 1.6em; }
15759 #chooseqtype .qtypeoption img
{
15760 vertical-align: text-bottom
;
15762 padding-right: 0.5em; }
15764 #chooseqtype .selected
{
15765 background-color: #fff; }
15767 #chooseqtype .instruction
,
15768 #chooseqtype .qtypesummary
{
15770 position: absolute
;
15776 overflow-x: hidden
;
15778 padding: 1.5em 1.6em;
15779 background-color: #fff; }
15781 #chooseqtype .instruction
,
15782 #chooseqtype .selected
.qtypesummary
{
15785 #categoryquestions {
15787 #categoryquestions td
,
15788 #categoryquestions th
{
15789 padding: 0 0.2em; }
15790 #categoryquestions th
{
15792 font-weight: normal
; }
15793 #categoryquestions .checkbox
{
15794 padding-left: 5px; }
15795 #categoryquestions .checkbox input
[type
="checkbox"] {
15798 #categoryquestions .iconcol
{
15800 box-sizing: content-box
; }
15801 #categoryquestions .iconcol
.icon
{
15805 #categoryquestions label
{
15808 #categoryquestions .header
{
15809 text-align: left
; }
15811 #page-mod-quiz-edit div
.questionbankwindow div
.header
{
15814 #page-mod-quiz-edit div
.questionbankwindow
.block
{
15817 .questionbank .singleselect {
15820 /* Question editing form */
15821 #combinedfeedbackhdr div
.fhtmleditor
{
15824 #combinedfeedbackhdr div
.fcheckbox
{
15825 margin-bottom: 1em; }
15827 #multitriesheader div
.fitem_feditor
{
15830 #multitriesheader div
.fitem_fgroup
{
15831 margin-bottom: 1em; }
15833 #multitriesheader div
.fitem_fgroup fieldset
.felement label
{
15834 margin-left: 0.3em;
15835 margin-right: 0.3em; }
15837 body
.path-question-type
{
15838 /* Hacks to display the labels within a form group. */ }
15839 body
.path-question-type
.form-group
.sr-only:not
(legend
) {
15844 margin: 0 0.5rem 0 0;
15853 margin: 0 auto
1.8em auto
; }
15859 margin-bottom: 1.8em;
15860 background-color: #f8f9fa;
15861 border: 1px solid
#cad0d7;
15862 border-radius: 2px; }
15871 font-weight: bold
; }
15875 margin-top: 0.7em; }
15877 .que .info .questionflag.editable {
15880 .que
.info
.editquestion img
,
15881 .que
.info
.questionflag img
,
15882 .que .info .questionflag input {
15883 vertical-align: bottom
; }
15886 margin: 0 0 0 8.5em; }
15891 position: relative
;
15892 padding: 0.75rem 1.25rem;
15893 margin-bottom: 1rem;
15894 border: 0 solid transparent
;
15895 border-radius: 0.25rem; }
15900 background-color: #fcefdc;
15901 border-color: #fbe8cd;
15902 /* stylelint-disable-line max-line-length */ }
15905 border-top-color: #f9ddb5; }
15906 .que
.outcome
.alert-link
,
15907 .que .comment .alert-link {
15913 .que .formulation {
15915 background-color: #e7f3f5;
15916 border-color: #b8dce2;
15917 /* stylelint-disable-line max-line-length */ }
15918 .que .formulation hr {
15919 border-top-color: #a6d3db; }
15920 .que .formulation .alert-link {
15923 .que
.multichoice
.answer div
.r0
.icon
.fa-check
,
15924 .que
.multichoice
.answer div
.r1
.icon
.fa-check
,
15925 .que
.multichoice
.answer div
.r0
.icon
.fa-remove
,
15926 .que.multichoice .answer div.r1 .icon.fa-remove {
15929 .formulation input
[type
="text"],
15930 .formulation select {
15932 vertical-align: baseline
; }
15934 .que.multianswer .formulation .yui3-widget-positioned {
15935 box-sizing: content-box
; }
15936 .que.multianswer .formulation .yui3-widget-positioned .feedbackspan {
15938 max-width: inherit
; }
15940 .path-mod-quiz input[size] {
15946 background-color: #d7e4d6;
15947 border-color: #c6dac6;
15948 /* stylelint-disable-line max-line-length */ }
15950 border-top-color: #b7d0b7; }
15951 .que .comment .alert-link {
15955 margin: 0.7em 0 0.3em 0; }
15957 .que .im-controls {
15959 text-align: left
; }
15961 .que
.specificfeedback
,
15962 .que
.generalfeedback
,
15963 .que
.numpartscorrect
.que
.rightanswer
,
15967 margin: 0 0 0.5em; }
15969 .que .correctness.correct {
15970 background-color: #357a32; }
15972 .que .correctness.partiallycorrect {
15973 background-color: #f0ad4e; }
15975 .que .correctness.notanswered, .que .correctness.incorrect {
15976 background-color: #ca3120; }
15979 margin-bottom: 1.5em; }
15981 .que .validationerror {
15988 margin-top: 0.5em; }
15994 .que .history table {
15998 .que .history .current {
15999 font-weight: bold
; }
16001 .que .questioncorrectnessicon {
16002 vertical-align: text-bottom
; }
16004 body
.jsenabled
.questionflag input
[type
=checkbox
] {
16007 .que .questionflagimage {
16008 padding-right: 3px;
16014 border-bottom: 1px solid
#555; }
16016 .mform .que.comment .fitemtitle {
16019 #page-question-preview #techinfo
{
16022 #page-mod-quiz-edit ul
.slots
.activityinstance
> a
{
16025 align-items: center
;
16029 #page-mod-quiz-edit ul
.slots
.activityinstance img
.activityicon
{
16033 padding-right: 4px; }
16035 #page-mod-quiz-edit .activity img
.activityicon
{
16036 vertical-align: text-top
; }
16038 #page-mod-quiz-edit .box
.generalbox
.questionbank
{
16041 #page-mod-quiz-edit .questionbank
.categorypagingbarcontainer
,
16042 #page-mod-quiz-edit .questionbank
.categoryquestionscontainer
,
16043 #page-mod-quiz-edit .questionbank
.choosecategory
{
16046 #page-mod-quiz-edit .questionbank
.choosecategory select
{
16049 #page-mod-quiz-edit div
.questionbank
.categoryquestionscontainer
{
16050 background: transparent
; }
16052 #page-mod-quiz-edit #categoryquestions
> thead
{
16053 background: #fff; }
16055 #page-mod-quiz-edit #categoryquestions
> tbody
> tr:nth-of-type
(even
) {
16056 background: #e4e4e4; }
16058 #page-mod-quiz-edit .questionbankwindow div
.header
{
16061 border-top-left-radius: 4px;
16062 border-top-right-radius: 4px;
16063 margin: 0 -10px 0 -10px;
16064 padding: 2px 10px 2px 10px;
16065 background: transparent
;
16066 /* Old browsers */ }
16068 #page-mod-quiz-edit .questionbankwindow div
.header
a:link
,
16069 #page-mod-quiz-edit .questionbankwindow div
.header
a:visited
{
16072 #page-mod-quiz-edit .questionbankwindow div
.header
a:hover
{
16075 #page-mod-quiz-edit .createnewquestion
{
16076 padding: 0.3em 0; }
16077 #page-mod-quiz-edit .createnewquestion div
,
16078 #page-mod-quiz-edit .createnewquestion input
{
16081 #page-mod-quiz-edit .questionbankwindow div
.header
.title
{
16084 #page-mod-quiz-edit div
.container div
.generalbox
{
16085 background-color: transparent
;
16088 #page-mod-quiz-edit .categoryinfo
{
16089 background-color: transparent
;
16090 border-bottom: none
; }
16092 #page-mod-quiz-edit .createnewquestion
.singlebutton input
{
16093 margin-bottom: 0; }
16095 #page-mod-quiz-edit div
.questionbank
.categorysortopotionscontainer
,
16096 #page-mod-quiz-edit div
.questionbank
.categoryselectallcontainer
{
16097 padding: 0 0 1.5em 0; }
16099 #page-mod-quiz-edit div
.questionbank
.categorypagingbarcontainer
{
16100 background-color: transparent
;
16103 border-bottom: 0; }
16104 #page-mod-quiz-edit div
.questionbank
.categorypagingbarcontainer
.paging
{
16105 padding: 0 0.3em; }
16107 #page-mod-quiz-edit div
.question div
.content div
.questioncontrols
{
16108 background-color: #fff; }
16110 #page-mod-quiz-edit div
.question div
.content div
.points
{
16111 margin-top: -0.5em;
16114 background-color: #fff;
16118 margin-right: 60px; }
16120 #page-mod-quiz-edit div
.question div
.content div
.points br
{
16123 #page-mod-quiz-edit div
.question div
.content div
.points label
{
16124 display: inline-block
; }
16126 #page-mod-quiz-edit div
.quizpage
.pagecontent
.pagestatus
{
16127 background-color: #fff; }
16129 #page-mod-quiz-edit .quizpagedelete
,
16130 #page-mod-quiz-edit .quizpagedelete img
{
16131 background-color: transparent
; }
16133 #page-mod-quiz-edit div
.quizpage
.pagecontent
{
16134 border: 1px solid
#ddd;
16135 border-radius: 2px;
16136 overflow: hidden
; }
16138 #page-mod-quiz-edit div
.questionbank
.categoryinfo
{
16139 padding: 0.3em 0; }
16141 #page-mod-quiz-edit div
.questionbank
.modulespecificbuttonscontainer
{
16143 #page-mod-quiz-edit div
.questionbank
.modulespecificbuttonscontainer strong
{
16145 #page-mod-quiz-edit div
.questionbank
.modulespecificbuttonscontainer hr
,
16146 #page-mod-quiz-edit div
.questionbank
.modulespecificbuttonscontainer br
{
16148 #page-mod-quiz-edit div
.questionbank
.modulespecificbuttonscontainer strong
{
16149 margin-left: -0.3em; }
16150 #page-mod-quiz-edit div
.questionbank
.modulespecificbuttonscontainer strong label
{
16151 margin-left: 0.3em; }
16152 #page-mod-quiz-edit div
.questionbank
.modulespecificbuttonscontainer input
{
16154 #page-mod-quiz-edit div
.questionbank
.modulespecificbuttonscontainer input
+ input
{
16155 margin-left: 5px; }
16157 .questionbankwindow .module {
16160 .questionbankwindow .form-autocomplete-selection {
16163 #page-mod-quiz-edit div
.editq div
.question div
.content
{
16164 background-color: #fff;
16165 border: 1px solid
#ddd;
16166 border-radius: 2px;
16167 overflow: hidden
; }
16169 #page-mod-quiz-edit ul
.slots
.activityinstance img
.activityicon
{
16171 padding-right: 4px; }
16173 .path-mod-quiz .statedetails {
16175 font-size: 0.9em; }
16180 .que.shortanswer .answer {
16186 body
.path-question-type
.mform fieldset
.hidden
{
16188 margin: 0.7em 0 0; }
16191 .que.ddwtos .drop {
16192 box-sizing: content-box
; }
16194 .tag-condition-container {
16195 position: relative
; }
16197 @media (max-width: 767.98px) {
16205 .userprofile .fullprofilelink {
16206 text-align: center
;
16209 .userprofile .page-context-header {
16210 margin-bottom: 10px; }
16212 .userprofile .description {
16214 margin-bottom: 30px; }
16216 .userprofile .profile_tree {
16219 #participantsform .no-overflow
{
16220 overflow: visible
; }
16222 .userprofile dl.list > dd + dt {
16229 text-align: center
;
16233 #page-user-profile .node_category ul
,
16234 .path-user .node_category ul {
16239 #page-user-profile .node_category li
,
16240 .path-user .node_category li {
16243 #page-user-profile .node_category
.editprofile
,
16244 #page-user-profile .node_category
.viewmore
,
16245 .path-user
.node_category
.editprofile
,
16246 .path-user .node_category .viewmore {
16247 text-align: right
; }
16249 .ajax-contact-button {
16250 box-sizing: border-box
;
16251 position: relative
; }
16252 .ajax-contact-button.loading .loading-icon {
16254 .ajax-contact-button .loading-icon {
16256 position: absolute
;
16261 background-color: rgba
(255, 255, 255, 0.7); }
16262 .ajax-contact-button .loading-icon .icon {
16263 position: absolute
;
16266 transform: translate
(-50%, -50%); }
16268 @media (max-width: 480px) {
16269 .userprofile .profile_tree {
16270 /** Display the profile on one column on phones@mixin */
16271 column-count: 1; } }
16273 .userlist #showall {
16276 .userlist .buttons {
16277 text-align: center
; }
16279 .userlist .buttons label {
16282 .userlist table#participants {
16283 text-align: center
; }
16285 .userlist table#participants td {
16288 vertical-align: middle
; }
16290 .userlist table#participants th {
16294 .userlist table.controls {
16296 .userlist table.controls tr {
16297 vertical-align: top
; }
16298 .userlist table.controls .right {
16299 text-align: right
; }
16300 .userlist table.controls .groupselector {
16303 .userlist table.controls .groupselector label {
16309 border-collapse: separate
;
16312 .userinfobox
.left
,
16313 .userinfobox .side {
16315 vertical-align: top
; }
16317 .userinfobox .userpicture {
16321 .userinfobox .content {
16322 vertical-align: top
; }
16324 .userinfobox .links {
16327 vertical-align: bottom
; }
16329 .userinfobox .links a {
16332 .userinfobox .list td {
16335 .userinfobox .username {
16336 padding-bottom: 20px;
16337 font-weight: bold
; }
16339 .userinfobox td.label {
16341 white-space: nowrap
;
16342 vertical-align: top
;
16343 font-weight: bold
; }
16346 position: absolute
;
16348 margin-right: 0.6em; }
16353 margin-right: 1em; }
16354 .group-image .grouppicture {
16355 border-radius: 50%; }
16357 .groupinfobox .left {
16360 vertical-align: top
; }
16362 .course-participation #showall {
16363 text-align: center
;
16366 #user-policy .noticebox
{
16367 text-align: center
;
16369 margin-right: auto
;
16370 margin-bottom: 10px;
16374 #user-policy #policyframe
{
16381 .userselector select {
16384 .userselector div {
16385 margin-top: 0.2em; }
16387 .userselector div label {
16388 margin-right: 0.3em; }
16390 /* Next style does not work in all browsers but looks nicer when it does */
16391 .userselector .userselector-infobelow {
16392 font-size: 0.8em; }
16394 #userselector_options .collapsibleregioncaption
{
16395 font-weight: bold
; }
16397 #userselector_options p
{
16399 text-align: left
; }
16401 /** user full profile */
16402 #page-user-profile .messagebox
{
16403 text-align: center
;
16405 margin-right: auto
; }
16407 /** user course profile */
16408 #page-course-view-weeks .messagebox
{
16409 text-align: center
;
16411 margin-right: auto
; }
16413 .profileeditor > .singleselect {
16414 margin: 0 0.5em 0 0; }
16416 .profileeditor > .singlebutton {
16417 display: inline-block
;
16418 margin: 0 0 0 0.5em; }
16419 .profileeditor
> .singlebutton div
,
16420 .profileeditor > .singlebutton input {
16423 .userlist h3 .action-icon {
16426 #page-enrol-users .popover
{
16429 .user-enroller-panel {
16432 [data-filterverbfor
],
16433 [data-filterregion
="filter"]:last-child
[data-filterregion
="joinadverb"] {
16436 [data-filterverb
="0"] [data-filterverbfor
="0"],
16437 [data-filterverb
="1"] [data-filterverbfor
="1"],
16438 [data-filterverb
="2"] [data-filterverbfor
="2"] {
16441 .search-results .result {
16445 .search-results .result .result-content {
16448 .search-results .result .filename {
16449 font-style: italic
; }
16451 .simplesearchform .btn {
16452 padding-left: 0.5rem;
16453 padding-right: 0.5rem; }
16455 .simplesearchform .btn .icon {
16458 .simplesearchform .btn-submit {
16459 border-color: #8f959e;
16462 .simplesearchform
.btn-close
,
16463 .simplesearchform .btn-clear {
16464 position: absolute
;
16470 .simplesearchform .btn-close {
16473 .simplesearchform .btn-submit {
16474 background-color: #f8f9fa; }
16476 .simplesearchform .withclear {
16477 padding-right: 2rem; }
16479 .simplesearchform .searchinput {
16483 .simplesearchform .collapsing {
16488 @media (max-width: 991.98px) {
16489 .simplesearchform
.collapse
.show
,
16490 .simplesearchform .collapsing {
16491 position: absolute
;
16496 background-color: #fff;
16499 .simplesearchform
.collapse
.show
.form-inline
,
16500 .simplesearchform .collapsing .form-inline {
16503 margin-right: auto
; } }
16505 .navbar.navbar-light .simplesearchform .btn-open {
16506 color: rgba
(0, 0, 0, 0.6); }
16507 .navbar.navbar-light .simplesearchform .btn-open:hover {
16508 color: rgba
(0, 0, 0, 0.9); }
16510 .search-areas-actions {
16511 margin-bottom: 1rem; }
16513 .search-areas-actions > div {
16514 margin-right: 1rem;
16515 display: inline-block
; }
16517 #core-search-areas .lastcol li
{
16519 text-indent: -24px; }
16521 #core-search-areas .lastcol li
> i
{
16525 * Moodle forms HTML isn't changeable via renderers (yet?) so this
16526 * .less file imports styles from the bootstrap $variables file and
16527 * adds them to the existing Moodle form CSS ids and classes.
16530 .jsenabled .mform .containsadvancedelements .advanced {
16533 .mform .containsadvancedelements .advanced.show {
16536 #adminsettings span
.error
{
16537 display: inline-block
;
16538 border: 1px solid
#f0c5c1;
16539 border-radius: 4px;
16540 background-color: #f4d6d2;
16542 margin-bottom: 4px; }
16544 .mform
.form-inline
.form-control
,
16545 .mform .form-inline .custom-select {
16548 .mform .form-inline .form-group {
16549 margin: 0.1rem 0.25rem 0.1rem 0; }
16551 .mform .form-inline br + label {
16552 justify-content: flex-start
;
16556 .unresponsive
.mform
.form-inline
,
16557 .unresponsive.mform .form-inline label {
16558 display: inline-flex
; }
16560 #jump-to-activity.custom-select
{
16564 margin-bottom: 0.5rem;
16565 border-bottom: 1px solid
#dee2e6; }
16567 @media (min-width: 576px) {
16568 .mform > .form-group {
16569 margin-left: 1.5rem; } }
16571 #adminsettings .form-control
[size
] {
16574 .jsenabled .mform .collapsed .fcontainer {
16577 #adminsettings .error
{
16580 .mform ul.file-list {
16583 list-style: none
; }
16586 .mform label .adv {
16590 input#id_externalurl
{
16593 #portfolio-add-button {
16597 .form-label .form-shortname {
16600 .form-label .form-shortname {
16601 font-size: 0.703125rem;
16604 .form-item .form-inline {
16607 .form-inline label:not(.sr-only):not(.accesshide) + select {
16608 margin-left: 0.5rem; }
16610 .formsettingheading .form-horizontal {
16613 .no-felement.fstatic {
16615 padding-top: 5px; }
16617 .no-fitem .fstaticlabel {
16618 font-weight: bold
; }
16620 .form-item .form-setting .defaultsnext > input {
16621 display: inline-block
; }
16623 .form-item .form-setting .form-checkbox.defaultsnext {
16625 display: inline-block
; }
16627 #adminsettings h3
{
16631 margin-bottom: 1.5;
16632 font-size: 1.171875rem;
16635 border-bottom: 1px solid
#e5e5e5; }
16638 .mform
.fitem
.felement input
[name
="email"],
16639 .mform
.fitem
.felement input
[name
="email2"],
16640 .mform
.fitem
.felement input
[name
="url"],
16641 .mform
.fitem
.felement input
[name
="idnumber"],
16642 .mform
.fitem
.felement input
[name
="phone1"],
16643 .mform .fitem .felement input[name="phone2"] {
16647 .que.match .mediaplugin {
16651 #page-admin-grade-edit-scale-edit .error input#id_name
{
16652 margin-right: 170px; }
16654 #page-grade-edit-outcome-course .courseoutcomes
{
16656 margin-right: auto
;
16659 #page-grade-edit-outcome-course .courseoutcomes td
{
16660 text-align: center
; }
16662 /* Install Process' text fields Forms, should always be justified to the left */
16664 #installform #id_wwwroot
,
16665 #installform #id_dirroot
,
16666 #installform #id_dataroot
,
16667 #installform #id_dbhost
,
16668 #installform #id_dbname
,
16669 #installform #id_dbuser
,
16670 #installform #id_dbpass
,
16671 #installform #id_prefix
{
16674 .mdl-right > label {
16675 display: inline-block
; }
16680 .form-item .form-label label {
16681 margin-bottom: 0; }
16683 div#dateselector-calendar-panel
{
16685 /* Set higher than the z-index of the filemanager - see MDL-39047. */ }
16687 fieldset
.coursesearchbox label
{
16691 * Show the labels above text editors and file managers except on wide screens.
16693 /* Section and module editing forms contain special JS components for the
16694 availability system (if enabled). */
16695 #id_availabilityconditionsjson[aria-hidden
=true
],
16696 .availability-field [aria-hidden=true] {
16699 .availability-field label {
16700 display: inline-flex
; }
16702 .availability-field .availability-group label {
16703 vertical-align: top
; }
16705 .availability-eye {
16709 .availability-inner
,
16710 .availability-plugincontrols {
16712 border-radius: 0.25rem;
16713 border: 1px solid rgba
(0, 0, 0, 0.125);
16715 margin-top: 0.5rem; }
16717 .availability-plugincontrols
,
16718 .availability-childlist .availability-inner {
16719 margin-left: .625rem; }
16721 .availability-field .availability-plugincontrols .availability-group select {
16722 max-width: 12rem; }
16724 /* Custom styles for autocomplete form element */
16725 /* These styles reserve a standard amount of space in the DOM to avoid flicker when the original select element is replaced */
16726 [data-fieldtype
=autocomplete
] select
,
16727 [data-fieldtype
=tags
] select
,
16728 .form-autocomplete-original-select {
16729 visibility: hidden
;
16736 margin-top: 1.65625rem;
16737 vertical-align: bottom
; }
16739 .form-autocomplete-selection {
16741 min-height: 2.375rem; }
16743 .form-autocomplete-selection [role=listitem] {
16745 white-space: inherit
;
16746 word-break: break-word
;
16748 text-align: left
; }
16750 .form-autocomplete-suggestions {
16751 position: absolute
;
16752 background-color: white
;
16753 border: 2px solid
#dee2e6;
16754 border-radius: 3px;
16763 .form-autocomplete-suggestions li {
16764 list-style-type: none
;
16770 .form-autocomplete-suggestions li:hover {
16771 background-color: #3195ef;
16774 .form-autocomplete-suggestions li[aria-selected=true] {
16775 background-color: #f2f2f2;
16778 .form-autocomplete-downarrow {
16783 .form-autocomplete-downarrow .loading-icon {
16784 position: absolute
;
16787 background-color: #fff; }
16789 .form-autocomplete-selection:focus {
16791 box-shadow: 0 0 0 0.2rem rgba
(15, 111, 197, 0.75); }
16793 /** Undo some bootstrap things */
16794 .form-autocomplete-selection + input.form-control {
16796 display: inline-block
;
16797 vertical-align: middle
; }
16799 .form-autocomplete-selection [data-active-selection=true] {
16801 font-size: large
; }
16803 /* Non-bootstrap selects with a size show their contents outside of the element.
16804 * Remove when we update to stable bootstrap 4. (MDL-56511) */
16810 overflow: visible
; }
16812 textarea
[data-auto-rows
] {
16813 overflow-x: hidden
;
16816 /** Display elements under labels in vertical forms regardless of the screen size. */
16817 .mform.full-width-labels .fitem.row {
16820 .mform
.full-width-labels
.fitem
.row
> .col-md-3
,
16821 .mform.full-width-labels .fitem.row > .col-md-9 {
16826 .mform.full-width-labels .fitem.row.femptylabel > .col-md-3 {
16829 /** Allow wrapping an mform in a div with the form-inline class to have an inline, responsive form. */
16830 @media (min-width: 768px) {
16831 .form-inline
.col-md-9
,
16832 .form-inline .col-md-3 {
16833 margin-bottom: 1rem;
16835 .form-inline
.col-md-9 label
,
16836 .form-inline .col-md-3 label {
16837 margin-left: 1rem; } }
16839 [data-fieldtype
="modgrade"] .form-group
{
16840 padding-bottom: 0.375rem; }
16842 [data-fieldtype
="modgrade"] {
16843 background-color: #fff;
16844 border-radius: 0.25rem;
16845 border: 1px solid rgba
(0, 0, 0, 0.125);
16848 max-width: 30rem; }
16850 [data-filetypesbrowserbody
] [aria-expanded
="false"] > [role
="group"],
16851 [data-filetypesbrowserbody
] [aria-expanded
="false"] [data-filetypesbrowserfeature
="hideifcollapsed"],
16852 [data-filetypesbrowserbody
] [aria-expanded
="true"] [data-filetypesbrowserfeature
="hideifexpanded"] {
16855 .form-inline
[data-fieldtype
="autocomplete"],
16856 .form-inline[data-fieldtype="tags"] {
16859 [data-fieldtype
="editor"] > div
{
16862 @media (min-width: 576px) {
16864 margin-left: 1.5rem; }
16865 .mform fieldset.collapsible legend a.fheader {
16866 padding: 0 5px 0 1.5rem;
16867 margin-left: -1.5rem;
16868 background: url
([[pix:t
/expanded
]]) 0 center no-repeat
; }
16869 .mform fieldset.collapsed legend a.fheader {
16871 background-image: url([[pix:t/collapsed_rtl]]);
16874 background-image: url
([[pix:t
/collapsed
]]); }
16875 .mform .form-inline .fdefaultcustom label {
16876 justify-content: initial
; } }
16878 .input-group.form-inset .form-inset-item {
16879 position: absolute
;
16880 padding-top: calc
(0.375rem + 1px);
16883 .input-group.form-inset.form-inset-left .form-control {
16884 padding-left: 1.5rem; }
16886 .input-group.form-inset.form-inset-right .form-control {
16887 padding-right: 1.5rem; }
16889 .input-group.form-inset.form-inset-right .form-inset-item {
16892 .pagelayout-login .card-title h2 img {
16894 max-height: 100px; }
16896 .pagelayout-login #region-main {
16898 background-color: inherit
; }
16904 .path-mod-choice .horizontal .choices .option {
16905 display: inline-block
; }
16907 .path-mod-choice .choices .option label {
16908 vertical-align: top
; }
16910 .path-mod-feedback .feedback_form .col-form-label {
16911 display: block
!important
;
16912 /* stylelint-disable-line declaration-no-important */ }
16914 .path-mod-feedback .itemactions {
16917 .path-mod-feedback .itemhandle {
16918 position: absolute
;
16921 .path-mod-forum
.forumsearch input
,
16922 .path-mod-forum .forumsearch .helptooltip {
16925 .path-mod-forum
.forumheaderlist
,
16926 .path-mod-forum .forumheaderlist td {
16929 .path-mod-forum
.forumheaderlist thead
.header
,
16930 .path-mod-forum .forumheaderlist tbody .discussion td {
16931 white-space: normal
;
16932 vertical-align: top
;
16933 padding-left: 0.5em;
16934 padding-right: 0.5em; }
16936 .path-mod-forum .forumheaderlist thead .header {
16937 white-space: normal
;
16938 vertical-align: top
; }
16940 .path-mod-forum .forumheaderlist thead .header.replies {
16941 text-align: center
; }
16943 .path-mod-forum .forumheaderlist thead .header.lastpost {
16944 text-align: right
; }
16946 .path-mod-forum
.forumheaderlist thead
.header th
.discussionsubscription
,
16947 .path-mod-forum .forumheaderlist tbody .discussion td.discussionsubscription {
16949 padding-left: 0.5em;
16950 padding-right: 0.5em; }
16952 .path-mod-forum
.forumheaderlist
.discussion
.replies
,
16953 .path-mod-forum .forumheaderlist .discussion .lastpost {
16954 white-space: normal
; }
16956 .path-mod-forum
.forumheaderlist
.discussion
.discussionsubscription
,
16957 .path-mod-forum .forumheaderlist .discussion .replies {
16958 text-align: center
; }
16960 .path-mod-forum
.forumheaderlist
.discussion
.topic
,
16961 .path-mod-forum
.forumheaderlist
.discussion
.discussionsubscription
,
16962 .path-mod-forum
.forumheaderlist
.discussion
.topic
.starter
,
16963 .path-mod-forum
.forumheaderlist
.discussion
.replies
,
16964 .path-mod-forum .forumheaderlist .discussion .lastpost {
16965 vertical-align: top
; }
16967 .path-mod-forum .discussion-list .topic {
16968 font-weight: inherit
; }
16970 .path-mod-forum .subscriptionmode {
16973 .path-mod-forum .activesetting {
16975 font-weight: bold
; }
16977 .discussion-settings-container .custom-select {
16980 .discussion-settings-container input {
16984 border: 1px solid
#dee2e6;
16987 .forumpost .header {
16988 margin-bottom: 3px; }
16989 .forumpost .picture img {
16991 .forumpost .picture img.userpicture {
16993 margin-right: 10px; }
16994 .forumpost .content .posting.fullpost {
16998 .forumpost
.row
.topic
,
16999 .forumpost
.row
.content-mask
,
17000 .forumpost .row .options {
17001 margin-left: 48px; }
17002 .forumpost .row.side {
17005 .forumpost .row .left {
17008 .forumpost .options .commands {
17011 .forumpost .subject {
17012 font-weight: bold
; }
17014 .forumsearch input[type=text] {
17015 margin-bottom: 0; }
17017 #page-mod-forum-view table
.fit-content
{
17019 white-space: nowrap
; }
17021 #page-mod-forum-view table
.limit-width
{
17023 white-space: nowrap
;
17024 text-overflow: ellipsis
;
17025 overflow: hidden
; }
17026 #page-mod-forum-view table
.limit-width
.author-info
{
17027 max-width: calc
(100% - 35px - .5rem); }
17029 #page-mod-forum-discuss .discussioncontrols
{
17032 #page-mod-forum-discuss .discussioncontrols
.form-inline input
{
17033 margin-top: -1px; }
17035 /** Gently highlight the selected post by changing it's background to blue and then fading it out. */
17036 @keyframes background-highlight
{
17038 background-color: rgba
(0, 123, 255, 0.5); }
17040 background-color: inherit
; } }
17042 .path-mod-forum
.nested-v2-display-mode
,
17043 .path-mod-forum.nested-v2-display-mode {
17044 /** Reset the badge styling back to pill style. */
17045 /** Style the ratings like a badge. */
17046 /** Don't show the discussion locked alert in this mode because it's already indicated with a badge. */
17047 /** Fix muted text contrast ratios for accessibility. */
17048 /** Make the tag list text screen reader visible only */ }
17049 .path-mod-forum
.nested-v2-display-mode
.discussionsubscription
,
17050 .path-mod-forum.nested-v2-display-mode .discussionsubscription {
17052 text-align: inherit
;
17053 margin-bottom: 0; }
17054 .path-mod-forum
.nested-v2-display-mode
.preload-subscribe
,
17055 .path-mod-forum
.nested-v2-display-mode
.preload-unsubscribe
,
17056 .path-mod-forum
.nested-v2-display-mode
.preload-subscribe
,
17057 .path-mod-forum.nested-v2-display-mode .preload-unsubscribe {
17059 .path-mod-forum
.nested-v2-display-mode
.post-message
,
17060 .path-mod-forum.nested-v2-display-mode .post-message {
17061 line-height: 1.6; }
17062 .path-mod-forum
.nested-v2-display-mode
.indent
,
17063 .path-mod-forum.nested-v2-display-mode .indent {
17065 .path-mod-forum
.nested-v2-display-mode
.badge
,
17066 .path-mod-forum.nested-v2-display-mode .badge {
17067 font-size: inherit
;
17068 font-weight: inherit
;
17069 padding-left: .5rem;
17070 padding-right: .5rem;
17071 border-radius: 10rem; }
17072 .path-mod-forum
.nested-v2-display-mode
.badge-light
,
17073 .path-mod-forum.nested-v2-display-mode .badge-light {
17074 background-color: #f6f6f6;
17076 .path-mod-forum
.nested-v2-display-mode
.rating-aggregate-container
,
17077 .path-mod-forum.nested-v2-display-mode .rating-aggregate-container {
17078 background-color: #f6f6f6;
17080 padding: .25em .5em;
17082 margin-right: .5rem;
17083 vertical-align: middle
;
17084 border-radius: 10rem;
17085 text-align: center
; }
17086 .path-mod-forum
.nested-v2-display-mode
.ratinginput
,
17087 .path-mod-forum.nested-v2-display-mode .ratinginput {
17088 padding: .25em 1.75rem 0.25em .75em;
17091 border-radius: 10rem; }
17092 @media
(max-width: 767.98px) {
17093 .path-mod-forum
.nested-v2-display-mode
.ratinginput
,
17094 .path-mod-forum.nested-v2-display-mode .ratinginput {
17095 margin-top: .5rem; } }
17096 .path-mod-forum
.nested-v2-display-mode
.group-image
,
17097 .path-mod-forum.nested-v2-display-mode .group-image {
17102 display: inline-block
; }
17103 .path-mod-forum
.nested-v2-display-mode
.alert
.discussionlocked
,
17104 .path-mod-forum.nested-v2-display-mode .alert.discussionlocked {
17105 position: absolute
;
17111 clip: rect
(0, 0, 0, 0);
17112 white-space: nowrap
;
17114 .path-mod-forum
.nested-v2-display-mode
.text-muted
,
17115 .path-mod-forum
.nested-v2-display-mode
.dimmed_text
,
17116 .path-mod-forum
.nested-v2-display-mode
.text-muted
,
17117 .path-mod-forum.nested-v2-display-mode .dimmed_text {
17118 color: #707070 !important
;
17119 /* stylelint-disable-line declaration-no-important */ }
17120 .path-mod-forum
.nested-v2-display-mode
.author-header
,
17121 .path-mod-forum.nested-v2-display-mode .author-header {
17122 font-style: italic
; }
17123 .path-mod-forum
.nested-v2-display-mode
.author-header
.author-name
,
17124 .path-mod-forum.nested-v2-display-mode .author-header .author-name {
17125 font-style: normal
; }
17126 .path-mod-forum
.nested-v2-display-mode
.tag_list
> b
,
17127 .path-mod-forum.nested-v2-display-mode .tag_list > b {
17128 position: absolute
;
17134 clip: rect
(0, 0, 0, 0);
17135 white-space: nowrap
;
17137 .path-mod-forum
.nested-v2-display-mode :target
> .focus-target
,
17138 .path-mod-forum.nested-v2-display-mode :target > .focus-target {
17139 animation-name: background-highlight
;
17140 animation-duration: 1s;
17141 animation-timing-function: ease-in-out
;
17142 animation-iteration-count: 1; }
17143 .path-mod-forum
.nested-v2-display-mode
.forum-post-container
.replies-container
.forum-post-container
,
17144 .path-mod-forum.nested-v2-display-mode .forum-post-container .replies-container .forum-post-container {
17145 border-top: 1px solid
#dee2e6;
17146 padding-top: 1.5rem; }
17147 .path-mod-forum
.nested-v2-display-mode
.forum-post-container
.replies-container
.forum-post-container
.replies-container
.forum-post-container
,
17148 .path-mod-forum.nested-v2-display-mode .forum-post-container .replies-container .forum-post-container .replies-container .forum-post-container {
17151 .path-mod-forum
.nested-v2-display-mode
.forum-post-container
.replies-container
.inline-reply-container
.reply-author
,
17152 .path-mod-forum.nested-v2-display-mode .forum-post-container .replies-container .inline-reply-container .reply-author {
17154 .path-mod-forum
.nested-v2-display-mode
.forum-post-container
.post-message
p:last-of-type
,
17155 .path-mod-forum.nested-v2-display-mode .forum-post-container .post-message p:last-of-type {
17156 margin-bottom: 0; }
17157 .path-mod-forum
.nested-v2-display-mode
.forum-post-container
.author-image-container
,
17158 .path-mod-forum.nested-v2-display-mode .forum-post-container .author-image-container {
17160 margin-right: 24px;
17162 .path-mod-forum
.nested-v2-display-mode
.forum-post-container
.inline-reply-container textarea
,
17163 .path-mod-forum.nested-v2-display-mode .forum-post-container .inline-reply-container textarea {
17166 .path-mod-forum
.nested-v2-display-mode
.forum-post-container
.indent
,
17167 .path-mod-forum.nested-v2-display-mode .forum-post-container .indent {
17169 * The first post and first set of replies have a larger author image so offset the 2nd
17170 * set of replies by the image width + margin to ensure they align.
17172 .path-mod-forum
.nested-v2-display-mode
.forum-post-container
.indent
.indent
,
17173 .path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent {
17174 padding-left: 94px;
17176 * Reduce the size of the the author image for all second level replies (and below).
17179 * Adjust the indentation offset for all 3rd level replies and below for the smaller author image.
17181 .path-mod-forum
.nested-v2-display-mode
.forum-post-container
.indent
.indent
.author-image-container
,
17182 .path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent .author-image-container {
17185 padding-top: 3px; }
17186 .path-mod-forum
.nested-v2-display-mode
.forum-post-container
.indent
.indent
.indent
,
17187 .path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent .indent {
17188 padding-left: 38px;
17190 * Stop indenting the replies after the 5th reply.
17192 .path-mod-forum
.nested-v2-display-mode
.forum-post-container
.indent
.indent
.indent
.indent
.indent
.indent
,
17193 .path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent .indent .indent .indent .indent {
17196 /** Extra small devices (portrait phones, less than 576px). */
17197 @media (max-width: 767.98px) {
17198 #page-mod-forum-discuss.nested-v2-display-mode
.forum-post-container
.author-image-container
{
17200 margin-right: 8px; }
17201 #page-mod-forum-discuss.nested-v2-display-mode
.forum-post-container
.indent
.indent
{
17202 padding-left: 38px; }
17203 #page-mod-forum-discuss.nested-v2-display-mode
.forum-post-container
.indent
.indent
.indent
.indent
{
17205 #page-mod-forum-discuss.nested-v2-display-mode
.group-image
{
17209 .filter-scrollable {
17212 margin-bottom: 1em; }
17214 .filter-dates-popover {
17216 max-width: 41.5em; }
17217 .filter-dates-popover .mform {
17218 margin-left: -3em; }
17220 /* stylelint-disable-line max-line-length */
17221 @keyframes expandSearchButton
{
17225 border-radius: 18px;
17226 background-color: #e9ecef; }
17229 height: calc
(1.5em + 1rem + 2px);
17231 background-color: #fff;
17232 border-color: #8f959e;
17233 padding-left: calc
(0.5rem + 8px);
17234 padding-top: 0.5rem;
17235 padding-bottom: 0.5rem;
17236 font-size: 1.171875rem;
17237 @media
(max-width: 1200px) {
17238 font-size: calc
(0.9271875rem + 0.32625vw) ; }
17242 @keyframes collapseSearchButton
{
17245 height: calc
(1.5em + 1rem + 2px);
17247 background-color: #fff;
17248 border-color: #8f959e;
17249 padding-left: calc
(0.5rem + 8px);
17250 padding-top: 0.5rem;
17251 padding-bottom: 0.5rem;
17252 font-size: 1.171875rem;
17253 @media
(max-width: 1200px) {
17254 font-size: calc
(0.9271875rem + 0.32625vw) ; }
17260 border-radius: 18px;
17261 background-color: #e9ecef; } }
17263 .path-mod-forum .unified-grader .navbar {
17267 .path-mod-forum .unified-grader .body-container {
17269 .path-mod-forum .unified-grader .body-container.hidden {
17270 display: none
!important
;
17271 /* stylelint-disable-line declaration-no-important */ }
17273 .path-mod-forum .unified-grader .userpicture {
17277 .path-mod-forum .unified-grader .grader-grading-panel {
17279 position: absolute
;
17283 .path-mod-forum .unified-grader .grader-grading-panel.hidden {
17285 .path-mod-forum .unified-grader .grader-grading-panel .grading-icon {
17287 .path-mod-forum .unified-grader .grader-grading-panel .user-picker-container .user-full-name {
17288 max-width: 240px; }
17289 .path-mod-forum .unified-grader .grader-grading-panel .user-picker-container .page-link {
17293 text-align: center
;
17294 align-items: center
;
17295 justify-content: center
; }
17296 .path-mod-forum .unified-grader .grader-grading-panel .header-container {
17298 position: relative
;
17299 overflow: hidden
; }
17300 .path-mod-forum .unified-grader .grader-grading-panel .header-container .info-container {
17301 position: absolute
;
17304 transform: translateY
(-50%);
17308 padding-right: calc
(36px + 0.5rem);
17310 visibility: visible
;
17311 transition: left
0.3s ease-in-out
;
17313 .path-mod-forum .unified-grader .grader-grading-panel .header-container .toggle-search-button.expand {
17314 animation-name: expandSearchButton
;
17315 animation-duration: 0.3s;
17316 animation-timing-function: ease-in-out
; }
17317 .path-mod-forum .unified-grader .grader-grading-panel .header-container .toggle-search-button.collapse {
17319 animation-name: collapseSearchButton
;
17320 animation-duration: 0.3s; }
17321 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container {
17323 position: absolute
;
17326 transform: translateY
(-50%);
17329 height: 100% !important
;
17330 /* stylelint-disable-line declaration-no-important */
17332 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container {
17333 position: relative
;
17335 flex-wrap: nowrap
; }
17336 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container input {
17337 padding-left: calc
(0.5rem + 0.5rem + 34px);
17338 padding-right: calc
(0.5rem + 36px);
17340 visibility: visible
;
17341 transition: opacity
0s linear
0.3s, visibility
0s linear
; }
17342 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .search-icon {
17343 position: absolute
;
17346 transform: translateY
(-50%);
17350 background-color: #fff;
17352 visibility: visible
;
17353 transition: opacity
0s linear
0.3s, visibility
0s linear
0.3s; }
17354 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .toggle-search-button {
17355 position: absolute
;
17358 transform: translateY
(-50%);
17363 transition: right
0s linear
0.3s; }
17364 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .toggle-search-button .expanded-icon {
17366 visibility: visible
;
17369 transition: opacity
0s linear
0.3s, max-height
0s linear
0.3s, max-width
0s linear
0.3s, visibility
0s linear
0.3s; }
17370 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .toggle-search-button .collapsed-icon {
17372 visibility: hidden
;
17376 transition: opacity
0s linear
0.3s, max-height
0s linear
0.3s, max-width
0s linear
0.3s, visibility
0s linear
0.3s; }
17377 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed {
17378 width: calc
(36px + 0.5rem + 0.5rem);
17379 transition: width
0.3s ease-in-out
; }
17380 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container {
17381 flex-wrap: nowrap
; }
17382 .path-mod-forum
.unified-grader
.grader-grading-panel
.header-container
.user-search-container
.collapsed
.search-input-container input
,
17383 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container .search-icon {
17385 visibility: hidden
;
17386 transition: opacity
0s linear
, visibility
0s linear
; }
17387 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container input {
17389 padding-right: 0; }
17390 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container .toggle-search-button .expanded-icon {
17392 visibility: hidden
;
17396 transition: opacity
0s linear
, max-height
0s linear
, max-width
0s linear
, visibility
0s linear
; }
17397 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container .toggle-search-button .collapsed-icon {
17399 visibility: visible
;
17402 transition: opacity
0s linear
, max-height
0s linear
, max-width
0s linear
, visibility
0s linear
; }
17403 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container:not(.collapsed) + .info-container {
17405 visibility: hidden
;
17406 left: calc
(100% * -1);
17407 transition: left
0.3s ease-in-out
, opacity
0s linear
0.3s, visibility
0s linear
0.3s, padding
0s linear
0.3s; }
17409 .path-mod-forum .unified-grader .grader-module-content {
17411 margin-right: 430px;
17412 transition: margin-right
0.2s ease-in-out
; }
17413 @media
(prefers-reduced-motion: reduce
) {
17414 .path-mod-forum .unified-grader .grader-module-content {
17415 transition: none
; } }
17417 .path-mod-forum .unified-grader .drawer-button {
17418 position: relative
; }
17419 .path-mod-forum .unified-grader .drawer-button.active::after {
17421 position: absolute
;
17422 bottom: calc
(-0.5rem - 1px);
17426 background-color: #0f6fc5; }
17427 .path-mod-forum .unified-grader .drawer-button .icon {
17432 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container:last-of-type > hr {
17435 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container:last-of-type > hr {
17438 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container {
17439 position: relative
; }
17440 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button {
17441 position: absolute
;
17446 padding-left: calc
(1rem + 45px);
17449 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button:not(.collapsed) {
17451 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content {
17453 height: auto
!important
;
17454 /* stylelint-disable-line declaration-no-important */ }
17455 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .header {
17456 transition: margin-bottom
0.3s ease-in-out
; }
17457 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .header div + div {
17459 visibility: visible
;
17461 transition: opacity
0.3s linear
, visibility
0s linear
; }
17462 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .body-content-container {
17464 visibility: visible
;
17466 transition: opacity
0.3s linear
, visibility
0s linear
; }
17467 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .forum-post-core {
17469 visibility: visible
;
17471 transition: opacity
0.3s linear
, visibility
0s linear
; }
17472 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content {
17474 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .header {
17475 margin-bottom: 0 !important
;
17476 /* stylelint-disable-line declaration-no-important */ }
17477 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .header div + div {
17479 visibility: hidden
;
17481 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .body-content-container {
17483 visibility: hidden
;
17485 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .forum-post-core {
17487 visibility: hidden
;
17489 .path-mod-forum
.unified-grader
.grader-module-content-display
.discussion-container
.posts-container
.parent-container
.show-content-button
.collapsed:hover
+ .content
,
17490 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed:focus + .content {
17493 .path-mod-forum .unified-grader .grader-module-content-display .no-post-container .icon {
17498 .path-mod-forum .unified-grader .grader-module-content-display .nested-v2-display-mode .discussion-container .posts-container .parent-container .show-content-button {
17499 padding-left: 94px; }
17501 .path-mod-forum .unified-grader .no-search-results-container .icon {
17506 .path-mod-forum .unified-grader .nested-v2-display-mode .view-context-button {
17508 border-radius: 0.3rem; }
17510 .path-mod-forum .unified-grader .nested-v2-display-mode .parent-container .author-image-container {
17511 position: relative
; }
17512 .path-mod-forum .unified-grader .nested-v2-display-mode .parent-container .author-image-container:after {
17513 position: absolute
;
17514 top: calc
(70px + 0.5rem);
17516 background-color: #e9ecef;
17518 height: calc
(100% - 70px + 0.5rem); }
17520 .path-mod-forum .unified-grader .nested-v2-display-mode .parent-container + .post-container .author-image-container img {
17521 width: 30px !important
;
17522 /* stylelint-disable-line declaration-no-important */ }
17524 .path-mod-forum
.unified-grader
.nested-v2-display-mode
.post-subject
,
17525 .path-mod-forum .modal .nested-v2-display-mode .post-subject {
17528 @media (max-width: 575.98px) {
17529 .path-mod-forum .unified-grader .grader-grading-panel {
17532 height: calc
(100vh - 50px);
17535 .path-mod-forum .unified-grader .body-container {
17536 overflow: visible
; } }
17538 .maincalendar
.calendarmonth td
,
17539 .maincalendar .calendarmonth th {
17540 border: 1px dotted
#dee2e6; }
17542 .path-grade-report-grader h1 {
17543 text-align: inherit
; }
17545 #page-mod-chat-gui_basic input#message
{
17548 #page-mod-data-view #singleimage
{
17551 .path-mod-data form {
17552 margin-top: 10px; }
17554 .template_heading {
17555 margin-top: 10px; }
17557 .breadcrumb-button {
17560 .breadcrumb-button .singlebutton {
17562 margin-left: 4px; }
17568 -ms-touch-action: auto
; }
17573 /** General styles (scope: all of lesson) **/
17574 .path-mod-lesson .invisiblefieldset.fieldsetfix {
17577 .path-mod-lesson .answeroption .checkbox label p {
17580 .path-mod-lesson .form-inline label.form-check-label {
17581 display: inline-block
; }
17583 .path-mod-lesson .slideshow {
17587 #page-mod-lesson-view .branchbuttoncontainer
.singlebutton button
[type
="submit"] {
17588 white-space: normal
; }
17590 #page-mod-lesson-view .vertical
.singlebutton
{
17592 #page-mod-lesson-view .vertical
.singlebutton
+ .singlebutton
{
17594 margin-top: 1rem; }
17596 #page-mod-lesson-view .fitem
.felement
.custom-select
{
17597 align-self: flex-start
; }
17599 .path-mod-lesson .generaltable td {
17600 vertical-align: middle
; }
17601 .path-mod-lesson .generaltable td label {
17602 margin-bottom: 0; }
17603 .path-mod-lesson .generaltable td .highlight {
17604 display: inline-block
;
17605 margin-left: 0.25rem; }
17606 .path-mod-lesson .generaltable td input[type="checkbox"] {
17609 .path-mod-wiki
.wiki_headingtitle
,
17610 .path-mod-wiki
.midpad
,
17611 .path-mod-wiki .wiki_headingtime {
17612 text-align: inherit
; }
17614 .path-mod-wiki .wiki_contentbox {
17617 .path-mod-survey .surveytable > tbody > tr:nth-of-type(even) {
17618 background-color: rgba
(0, 0, 0, 0.05); }
17620 .path-mod-survey .surveytable .rblock label {
17621 text-align: center
; }
17624 margin-left: 4px; }
17631 line-height: 2.25rem; }
17633 .userloggedinas
.usermenu
.usertext
,
17634 .userswitchedrole
.usermenu
.usertext
,
17635 .loginfailures .usermenu .usertext {
17638 margin-right: 0.5rem;
17640 .userloggedinas
.usermenu
.usertext
.meta
,
17641 .userswitchedrole
.usermenu
.usertext
.meta
,
17642 .loginfailures .usermenu .usertext .meta {
17644 font-size: 0.8203125rem; }
17646 .userloggedinas
.usermenu
.avatar img
,
17647 .userswitchedrole
.usermenu
.avatar img
,
17648 .loginfailures .usermenu .avatar img {
17651 .userloggedinas .usermenu .userbutton .avatars {
17652 position: relative
;
17653 display: inline-block
; }
17654 .userloggedinas .usermenu .userbutton .avatars .avatar.current {
17655 display: inline-block
;
17656 position: absolute
;
17661 border-radius: 50%; }
17662 .userloggedinas .usermenu .userbutton .avatars .avatar.current img {
17663 vertical-align: baseline
; }
17664 .userloggedinas .usermenu .userbutton .avatars .avatar img {
17667 .userloggedinas .usermenu .userbutton .avatars .realuser {
17670 display: inline-block
; }
17672 @media (max-width: 767.98px) {
17676 .path-mod-quiz .mod-quiz-edit-content {
17677 margin-bottom: 10rem; }
17679 #page-mod-quiz-mod #id_reviewoptionshdr
.col-md-3
,
17680 #page-mod-quiz-mod #id_reviewoptionshdr
.col-md-9
{
17684 #page-mod-quiz-mod #id_reviewoptionshdr
.form-group
{
17687 display: inline-block
;
17688 min-height: 12rem; }
17690 #page-mod-quiz-mod #id_reviewoptionshdr
.btn-link
{
17692 vertical-align: bottom
; }
17694 #page-mod-quiz-mod #id_reviewoptionshdr
.form-inline
{
17698 #page-mod-quiz-mod #id_reviewoptionshdr
.form-check
{
17701 justify-content: flex-start
; }
17703 .path-mod-quiz #mod_quiz_navblock .qnbutton {
17704 text-decoration: none
;
17707 font-weight: normal
;
17708 background-color: #fff;
17709 background-image: none
;
17712 border-radius: 3px;
17715 margin: 0 6px 6px 0; }
17717 .path-mod-quiz #mod_quiz_navblock span.qnbutton {
17719 background-color: #e9ecef;
17722 .path-mod-quiz #mod_quiz_navblock a
.qnbutton:hover
,
17723 .path-mod-quiz #mod_quiz_navblock a
.qnbutton:active
,
17724 .path-mod-quiz #mod_quiz_navblock a.qnbutton:focus {
17725 text-decoration: underline
; }
17727 .path-mod-quiz #mod_quiz_navblock .qnbutton .thispageholder {
17729 border-radius: 3px;
17732 .path-mod-quiz #mod_quiz_navblock .qnbutton.thispage .thispageholder {
17733 border-width: 3px; }
17735 .path-mod-quiz #mod_quiz_navblock .allquestionsononepage .qnbutton.thispage .thispageholder {
17736 border-width: 1px; }
17738 .path-mod-quiz #mod_quiz_navblock .qnbutton.flagged .thispageholder {
17739 background: transparent url
([[pix:theme|mod
/quiz
/flag-on
]]) 15px 0 no-repeat
; }
17741 .path-mod-quiz #mod_quiz_navblock .qnbutton .trafficlight {
17743 background: #fff none center
/10px no-repeat scroll
;
17746 border-radius: 0 0 3px 3px; }
17748 .path-mod-quiz #mod_quiz_navblock
.qnbutton
.notyetanswered
.trafficlight
,
17749 .path-mod-quiz #mod_quiz_navblock .qnbutton.invalidanswer .trafficlight {
17750 background-color: #fff; }
17752 .path-mod-quiz #mod_quiz_navblock .qnbutton.invalidanswer .trafficlight {
17753 background-image: url
([[pix:theme|mod
/quiz
/warningtriangle
]]); }
17755 .path-mod-quiz #mod_quiz_navblock .qnbutton.correct .trafficlight {
17756 background-image: url
([[pix:theme|mod
/quiz
/checkmark
]]);
17757 background-color: #357a32; }
17759 .path-mod-quiz #mod_quiz_navblock .qnbutton.blocked .trafficlight {
17760 background-image: url
([[pix:core|t
/locked
]]);
17761 background-color: #e9ecef; }
17763 .path-mod-quiz #mod_quiz_navblock
.qnbutton
.notanswered
.trafficlight
,
17764 .path-mod-quiz #mod_quiz_navblock .qnbutton.incorrect .trafficlight {
17765 background-color: #ca3120; }
17767 .path-mod-quiz #mod_quiz_navblock .qnbutton.partiallycorrect .trafficlight {
17768 background-image: url
([[pix:theme|mod
/quiz
/whitecircle
]]);
17769 background-color: #f0ad4e; }
17771 .path-mod-quiz #mod_quiz_navblock
.qnbutton
.complete
.trafficlight
,
17772 .path-mod-quiz #mod_quiz_navblock
.qnbutton
.answersaved
.trafficlight
,
17773 .path-mod-quiz #mod_quiz_navblock .qnbutton.requiresgrading .trafficlight {
17774 background-color: #6c757d; }
17776 #page-mod-quiz-edit ul
.slots li
.section li
.activity
.instancemaxmarkcontainer form input
{
17778 vertical-align: middle
; }
17780 #page-mod-quiz-edit ul
.slots li
.section li
.activity
.instancemaxmarkcontainer
{
17784 /* Countdown timer. */
17785 #page-mod-quiz-attempt #region-main
{
17786 overflow-x: inherit
; }
17788 #quiz-timer-wrapper {
17791 justify-content: end
;
17794 #quiz-timer-wrapper #quiz-timer
{
17795 border: 1px solid
#ca3120;
17796 background-color: #fff; }
17798 .pagelayout-embedded #quiz-timer-wrapper {
17801 #quiz-timer-wrapper #quiz-timer
.timeleft0
{
17802 background-color: #ca3120;
17805 #quiz-timer-wrapper #quiz-timer
.timeleft1
{
17806 background-color: #d73422;
17809 #quiz-timer-wrapper #quiz-timer
.timeleft2
{
17810 background-color: #dd3d2b;
17813 #quiz-timer-wrapper #quiz-timer
.timeleft3
{
17814 background-color: #e04938;
17817 #quiz-timer-wrapper #quiz-timer
.timeleft4
{
17818 background-color: #e25546;
17821 #quiz-timer-wrapper #quiz-timer
.timeleft5
{
17822 background-color: #e46153;
17825 #quiz-timer-wrapper #quiz-timer
.timeleft6
{
17826 background-color: #e66d60;
17829 #quiz-timer-wrapper #quiz-timer
.timeleft7
{
17830 background-color: #e8796d;
17833 #quiz-timer-wrapper #quiz-timer
.timeleft8
{
17834 background-color: #ea867a;
17837 #quiz-timer-wrapper #quiz-timer
.timeleft9
{
17838 background-color: #ec9288;
17841 #quiz-timer-wrapper #quiz-timer
.timeleft10
{
17842 background-color: #ee9e95;
17845 #quiz-timer-wrapper #quiz-timer
.timeleft11
{
17846 background-color: #f0aaa2;
17849 #quiz-timer-wrapper #quiz-timer
.timeleft12
{
17850 background-color: #f2b6af;
17853 #quiz-timer-wrapper #quiz-timer
.timeleft13
{
17854 background-color: #f4c2bc;
17857 #quiz-timer-wrapper #quiz-timer
.timeleft14
{
17858 background-color: #f7ceca;
17861 #quiz-timer-wrapper #quiz-timer
.timeleft15
{
17862 background-color: #f9dad7;
17865 #quiz-timer-wrapper #quiz-timer
.timeleft16
{
17866 background-color: #fbe6e4;
17869 .path-mod-assign [data-region="grade-actions-panel"] [data-region="grade-actions"] .collapse-buttons {
17872 .path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fcontainer .fitem.popout .felement {
17873 height: calc
(100% - 4rem); }
17875 .path-mod-assign [data-region="grade-panel"] {
17876 padding-top: 1rem; }
17878 .path-mod-assign
[data-region
="grade-panel"] .fitem
> .col-md-3
,
17879 .path-mod-assign [data-region="grade-panel"] .fitem > .col-md-9 {
17885 .path-mod-assign
[data-region
="grade-panel"] fieldset
,
17886 .path-mod-assign [data-region="grade-panel"] .fitem.row {
17889 .path-mod-assign [data-region="grade-panel"] .mform .fitem.has-popout .felement {
17892 .path-mod-assign [data-region="grade-panel"] .mform .fitem .felement {
17895 .path-mod-assign [data-region="grade-panel"] .popout {
17896 background-color: #fff; }
17898 .path-mod-assign [data-region="grade-panel"] .fitem.has-popout {
17899 background-color: #fff;
17900 border-radius: 0.25rem;
17901 border: 1px solid rgba
(0, 0, 0, 0.125);
17903 margin-bottom: 1rem; }
17905 .path-mod-assign [data-region="grade-panel"] .has-popout .col-md-3 {
17906 border-bottom: 1px solid rgba
(0, 0, 0, 0.1);
17907 margin-bottom: 1rem; }
17909 .path-mod-assign [data-region="grade-panel"] .popout > .col-md-3 {
17911 align-items: flex-start
;
17912 justify-content: space-between
;
17913 font-size: 1.40625rem; }
17915 .path-mod-assign [data-region="grade-panel"] .popout [data-region="popout-button"] {
17918 .path-mod-assign [data-region="assignment-info"] {
17919 overflow-y: hidden
; }
17921 .path-mod-assign [data-region="grading-navigation"] {
17924 .path-mod-assign [data-region="grade-actions"] {
17927 .path-mod-assign [data-region="user-info"] .img-rounded {
17930 .path-mod-assign [data-region="grading-navigation-panel"] {
17933 @media (max-width: 767px) {
17934 .path-mod-assign [data-region="grading-navigation-panel"] {
17936 .path-mod-assign [data-region="user-info"] {
17937 margin-top: 1rem; } }
17939 .path-mod-assign [data-region="grading-navigation"] [data-region="input-field"] input {
17941 display: inline-block
; }
17946 .assignfeedback_editpdf_widget * {
17947 box-sizing: content-box
; }
17949 .assignfeedback_editpdf_widget button {
17950 box-sizing: border-box
; }
17952 .assignfeedback_editpdf_widget .commentcolourbutton img {
17955 .assignfeedback_editpdf_widget .label {
17956 position: relative
;
17957 padding: 0.75rem 1.25rem;
17958 margin-bottom: 1rem;
17959 border: 0 solid transparent
;
17960 border-radius: 0.25rem;
17962 background-color: #cce6ea;
17963 border-color: #b8dce2;
17964 /* stylelint-disable-line max-line-length */ }
17965 .assignfeedback_editpdf_widget .label hr {
17966 border-top-color: #a6d3db; }
17967 .assignfeedback_editpdf_widget .label .alert-link {
17970 .assignfeedback_editpdf_menu {
17973 .path-mod-assign [data-region="grade-panel"] .gradingform_guide .remark .commentchooser {
17976 .path-mod-assign [data-region="grade-panel"] .gradingform_guide .markingguideremark {
17979 .path-mod-assign [data-region="grade-panel"] .mform .fitem .felement[data-fieldtype="grading"] {
17980 padding-left: 1rem;
17981 padding-right: 1rem; }
17983 .path-mod-assign
[data-region
="grade-panel"] .showmarkerdesc
,
17984 .path-mod-assign [data-region="grade-panel"] .showstudentdesc {
17985 background-color: #fff; }
17990 .path-admin-mod-lti
.btn
.loader img
,
17991 .path-admin-mod-lti #tool-list-loader-container .loader img {
17994 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax {
17995 background-color: #fff; }
17996 .yui-skin-sam
.yui-layout
.path-mod-chat-gui_ajax
.yui-layout-unit div
.yui-layout-bd-nohd
,
17997 .yui-skin-sam
.yui-layout
.path-mod-chat-gui_ajax
.yui-layout-unit div
.yui-layout-bd-noft
,
17998 .yui-skin-sam
.yui-layout
.path-mod-chat-gui_ajax
.yui-layout-unit div
.yui-layout-bd
,
17999 .yui-skin-sam
.yui-layout
.path-mod-chat-gui_ajax
.yui-layout-unit-right
,
18000 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-bottom {
18002 .yui-skin-sam
.yui-layout
.path-mod-chat-gui_ajax
.yui-layout-unit-right
,
18003 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-bottom {
18004 border-radius: 0; }
18005 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd {
18006 background-color: transparent
; }
18007 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit.yui-layout-unit-center div.yui-layout-bd {
18008 background-color: #f8f9fa; }
18009 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area.py-3 {
18010 padding: 0 !important
;
18011 /* stylelint-disable-line declaration-no-important */ }
18012 .yui-skin-sam
.yui-layout
.path-mod-chat-gui_ajax #chat-input-area table
.generaltable
,
18013 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.generaltable td.cell {
18016 white-space: nowrap
;
18017 margin-bottom: 0; }
18018 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist {
18019 padding: 10px 5px; }
18020 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list {
18021 border-top: 1px solid
#dee2e6;
18022 border-bottom: 1px solid
#fff; }
18023 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list li {
18024 border-top: 1px solid
#fff;
18025 border-bottom: 1px solid
#dee2e6;
18026 padding: 5px 10px; }
18027 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list img {
18029 border: 1px solid
#ccc;
18030 border-radius: 4px;
18032 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages {
18033 margin: 20px 25px; }
18034 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-event.course-theme {
18035 text-align: center
;
18037 font-size: 0.8203125rem;
18039 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme {
18040 margin-bottom: 0.75rem;
18041 border-radius: 0.25rem;
18042 border: 1px solid rgba
(0, 0, 0, 0.125);
18043 padding: 1.25rem; }
18044 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme .time {
18048 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme {
18049 background-color: #fff; }
18050 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme .user {
18051 font-weight: bold
; }
18054 #page-report-participation-index .participationselectform div label
{
18055 display: inline-block
;
18058 #page-report-participation-index .participationselectform div label
[for
=menuinstanceid
] {
18061 .path-backup .mform {
18062 /* These are long labels with checkboxes on the right. */ }
18063 .path-backup .mform .grouped_settings {
18066 /* Use card styles but avoid extend because that brings in too much. */ }
18067 .path-backup .mform .grouped_settings.section_level {
18068 background-color: #fff;
18069 border-radius: 0.25rem;
18070 border: 1px solid rgba
(0, 0, 0, 0.125);
18072 margin-bottom: 1.25rem; }
18073 .path-backup .mform .grouped_settings.section_level::after {
18077 .path-backup .mform .include_setting {
18079 display: inline-block
;
18082 .path-backup .mform .normal_setting {
18084 display: inline-block
;
18089 /* Bold section labels */ }
18090 .path-backup .section_level {
18091 font-weight: bold
; }
18092 .path-backup .section_level .activity_level {
18093 font-weight: normal
; }
18094 .path-backup .proceedbutton {
18095 margin-left: auto
; }
18097 /* Override the columns width to leave more room for the labels. */
18098 .path-backup
.mform
.root_setting
,
18099 .path-backup .mform .grouped_settings {
18100 /* Striped rows like a table */ }
18101 .path-backup
.mform
.root_setting:nth-of-type
(odd
),
18102 .path-backup .mform .grouped_settings:nth-of-type(odd) {
18103 background-color: rgba
(0, 0, 0, 0.05); }
18104 .path-backup
.mform
.root_setting:nth-of-type
(even
),
18105 .path-backup .mform .grouped_settings:nth-of-type(even) {
18106 background-color: #fff; }
18107 .path-backup
.mform
.root_setting
.form-group
,
18108 .path-backup .mform .grouped_settings .form-group {
18109 /* These checkboxes with no label on the left. */ }
18110 .path-backup
.mform
.root_setting
.form-group
.col-md-3
.checkbox
,
18111 .path-backup .mform .grouped_settings .form-group .col-md-3.checkbox {
18113 .path-backup
.mform
.root_setting
.form-group
.col-md-9
.checkbox
,
18114 .path-backup .mform .grouped_settings .form-group .col-md-9.checkbox {
18118 /* Detail pair is (usually) some short label with a longer value */
18119 .path-backup .detail-pair .detail-pair-label {
18124 .path-backup .detail-pair .detail-pair-value {
18128 .path-backup .backup-restore .singlebutton {
18131 /* Make these bits full width and work with the detail-pair */
18132 .path-backup .backup-section {
18133 /* Fix for nested table headers */
18134 /* Add card styles to backup sections */
18135 background-color: #fff;
18136 border-radius: 0.25rem;
18137 border: 1px solid rgba
(0, 0, 0, 0.125);
18139 margin-bottom: 1.25rem; }
18140 .path-backup
.backup-section
.sub-header
,
18141 .path-backup
.backup-section
.backup-sub-section
,
18142 .path-backup
.backup-section
.singlebutton
,
18143 .path-backup .backup-section .header {
18147 .path-backup .backup-section th.header {
18150 .path-backup .backup-section ::after {
18154 .path-backup .backup-section::after {
18159 .path-backup .notification.dependencies_enforced {
18161 font-weight: bold
; }
18163 .path-backup .backup_progress {
18165 margin-bottom: 1rem; }
18166 .path-backup .backup_progress .backup_stage {
18168 .path-backup .backup_progress .backup_stage.backup_stage_current {
18172 .path-backup .backup_progress span.backup_stage.backup_stage_complete {
18175 #page-backup-restore .filealiasesfailures
{
18176 background-color: #f4d6d2; }
18177 #page-backup-restore .filealiasesfailures
.aliaseslist
{
18178 background-color: #fff; }
18180 .path-backup .wibbler {
18182 margin: 0 auto
10px;
18183 border-bottom: 1px solid black
;
18184 border-right: 1px solid black
;
18185 border-left: 1px solid black
;
18186 position: relative
;
18188 .path-backup .wibbler .wibble {
18189 position: absolute
;
18194 .path-backup .wibbler .state0 {
18195 background: #eee; }
18196 .path-backup .wibbler .state1 {
18197 background: #ddd; }
18198 .path-backup .wibbler .state2 {
18199 background: #ccc; }
18200 .path-backup .wibbler .state3 {
18201 background: #bbb; }
18202 .path-backup .wibbler .state4 {
18203 background: #aaa; }
18204 .path-backup .wibbler .state5 {
18205 background: #999; }
18206 .path-backup .wibbler .state6 {
18207 background: #888; }
18208 .path-backup .wibbler .state7 {
18209 background: #777; }
18210 .path-backup .wibbler .state8 {
18211 background: #666; }
18212 .path-backup .wibbler .state9 {
18213 background: #555; }
18214 .path-backup .wibbler .state10 {
18215 background: #444; }
18216 .path-backup .wibbler .state11 {
18217 background: #333; }
18218 .path-backup .wibbler .state12 {
18219 background: #222; }
18223 margin-bottom: 1rem;
18228 vertical-align: top
;
18229 border-top: 1px solid
#dee2e6; }
18230 .generaltable thead th {
18231 vertical-align: bottom
;
18232 border-bottom: 2px solid
#dee2e6; }
18233 .generaltable tbody + tbody {
18234 border-top: 2px solid
#dee2e6; }
18235 .generaltable tbody tr:nth-of-type(odd) {
18236 background-color: rgba
(0, 0, 0, 0.05); }
18237 .generaltable
.table-sm th
,
18238 .generaltable.table-sm td {
18240 .generaltable tbody tr:hover {
18242 background-color: rgba
(0, 0, 0, 0.075); }
18249 caption-side: top
; }
18251 .table-dynamic .loading-icon {
18252 position: absolute
;
18253 left: calc
(50% - 1.5rem);
18255 .table-dynamic .loading-icon .icon {
18261 display: inline-block
; }
18262 .singlebutton + .singlebutton {
18263 margin-left: 0.5rem; }
18266 text-align: center
; }
18270 text-align: center
; }
18273 margin-top: 11.25rem;
18274 text-align: center
;
18275 margin-bottom: 3em; }
18276 #addcontrols label
{
18279 #addcontrols input
,
18280 #removecontrols input
{
18285 margin: 0 0 10px 5px; }
18293 border-radius: 50%;
18295 .btn.btn-icon:hover, .btn.btn-icon:focus {
18296 background-color: #e9ecef; }
18297 .btn.btn-icon.icon-size-0 {
18298 height: 20px !important
;
18299 /* stylelint-disable-line declaration-no-important */
18300 width: 20px !important
;
18301 /* stylelint-disable-line declaration-no-important */
18302 font-size: 0 !important
;
18303 /* stylelint-disable-line declaration-no-important */
18304 line-height: 0 !important
;
18305 /* stylelint-disable-line declaration-no-important */ }
18306 .btn.btn-icon.icon-size-1 {
18307 height: 24px !important
;
18308 /* stylelint-disable-line declaration-no-important */
18309 width: 24px !important
;
18310 /* stylelint-disable-line declaration-no-important */
18311 font-size: 4px !important
;
18312 /* stylelint-disable-line declaration-no-important */
18313 line-height: 4px !important
;
18314 /* stylelint-disable-line declaration-no-important */ }
18315 .btn.btn-icon.icon-size-2 {
18316 height: 28px !important
;
18317 /* stylelint-disable-line declaration-no-important */
18318 width: 28px !important
;
18319 /* stylelint-disable-line declaration-no-important */
18320 font-size: 8px !important
;
18321 /* stylelint-disable-line declaration-no-important */
18322 line-height: 8px !important
;
18323 /* stylelint-disable-line declaration-no-important */ }
18324 .btn.btn-icon.icon-size-3 {
18325 height: 36px !important
;
18326 /* stylelint-disable-line declaration-no-important */
18327 width: 36px !important
;
18328 /* stylelint-disable-line declaration-no-important */
18329 font-size: 16px !important
;
18330 /* stylelint-disable-line declaration-no-important */
18331 line-height: 16px !important
;
18332 /* stylelint-disable-line declaration-no-important */ }
18333 .btn.btn-icon.icon-size-4 {
18334 height: 44px !important
;
18335 /* stylelint-disable-line declaration-no-important */
18336 width: 44px !important
;
18337 /* stylelint-disable-line declaration-no-important */
18338 font-size: 24px !important
;
18339 /* stylelint-disable-line declaration-no-important */
18340 line-height: 24px !important
;
18341 /* stylelint-disable-line declaration-no-important */ }
18342 .btn.btn-icon.icon-size-5 {
18343 height: 52px !important
;
18344 /* stylelint-disable-line declaration-no-important */
18345 width: 52px !important
;
18346 /* stylelint-disable-line declaration-no-important */
18347 font-size: 32px !important
;
18348 /* stylelint-disable-line declaration-no-important */
18349 line-height: 32px !important
;
18350 /* stylelint-disable-line declaration-no-important */ }
18351 .btn.btn-icon.icon-size-6 {
18352 height: 60px !important
;
18353 /* stylelint-disable-line declaration-no-important */
18354 width: 60px !important
;
18355 /* stylelint-disable-line declaration-no-important */
18356 font-size: 40px !important
;
18357 /* stylelint-disable-line declaration-no-important */
18358 line-height: 40px !important
;
18359 /* stylelint-disable-line declaration-no-important */ }
18360 .btn.btn-icon.icon-size-7 {
18361 height: 68px !important
;
18362 /* stylelint-disable-line declaration-no-important */
18363 width: 68px !important
;
18364 /* stylelint-disable-line declaration-no-important */
18365 font-size: 48px !important
;
18366 /* stylelint-disable-line declaration-no-important */
18367 line-height: 48px !important
;
18368 /* stylelint-disable-line declaration-no-important */ }
18370 .btn-primary:focus, .btn-primary.focus {
18371 outline: 0.2rem solid
#010407;
18372 box-shadow: inset
0 0 0 2px #fff; }
18374 .btn-secondary:focus, .btn-secondary.focus {
18375 outline: 0.2rem solid
#5f6e7d;
18376 box-shadow: inset
0 0 0 2px #fff; }
18378 .btn-success:focus, .btn-success.focus {
18379 outline: 0.2rem solid black
;
18380 box-shadow: inset
0 0 0 2px #fff; }
18382 .btn-info:focus, .btn-info.focus {
18383 outline: 0.2rem solid black
;
18384 box-shadow: inset
0 0 0 2px #fff; }
18386 .btn-warning:focus, .btn-warning.focus {
18387 outline: 0.2rem solid
#694109;
18388 box-shadow: inset
0 0 0 2px #fff; }
18390 .btn-danger:focus, .btn-danger.focus {
18391 outline: 0.2rem solid
#1a0604;
18392 box-shadow: inset
0 0 0 2px #fff; }
18394 .btn-light:focus, .btn-light.focus {
18395 outline: 0.2rem solid
#8193a5;
18396 box-shadow: inset
0 0 0 2px #fff; }
18398 .btn-dark:focus, .btn-dark.focus {
18399 outline: 0.2rem solid black
;
18400 box-shadow: inset
0 0 0 2px #fff; }
18402 .btn-outline-primary:focus, .btn-outline-primary.focus {
18403 outline: 0.2rem solid
#010407;
18404 box-shadow: inset
0 0 0 2px #343a40; }
18406 .btn-outline-secondary:focus, .btn-outline-secondary.focus {
18407 outline: 0.2rem solid
#5f6e7d;
18408 box-shadow: inset
0 0 0 2px #343a40; }
18410 .btn-outline-success:focus, .btn-outline-success.focus {
18411 outline: 0.2rem solid black
;
18412 box-shadow: inset
0 0 0 2px #343a40; }
18414 .btn-outline-info:focus, .btn-outline-info.focus {
18415 outline: 0.2rem solid black
;
18416 box-shadow: inset
0 0 0 2px #343a40; }
18418 .btn-outline-warning:focus, .btn-outline-warning.focus {
18419 outline: 0.2rem solid
#694109;
18420 box-shadow: inset
0 0 0 2px #343a40; }
18422 .btn-outline-danger:focus, .btn-outline-danger.focus {
18423 outline: 0.2rem solid
#1a0604;
18424 box-shadow: inset
0 0 0 2px #343a40; }
18426 .btn-outline-light:focus, .btn-outline-light.focus {
18427 outline: 0.2rem solid
#8193a5;
18428 box-shadow: inset
0 0 0 2px #343a40; }
18430 .btn-outline-dark:focus, .btn-outline-dark.focus {
18431 outline: 0.2rem solid black
;
18432 box-shadow: inset
0 0 0 2px #343a40; }
18435 font-size: 0.9375rem; }
18437 .gradetreebox th
.cell
,
18438 .gradetreebox input[type=text] {
18441 .gradetreebox input
[type
=text
],
18442 .gradetreebox select {
18443 margin-bottom: 0; }
18445 .core_grades_notices .singlebutton {
18446 display: inline-block
; }
18448 .path-grade-report #maincontent + .urlselect {
18449 position: absolute
;
18452 .path-grade-report-grader #region-main {
18453 overflow-x: visible
;
18456 display: inline-flex
;
18457 flex-direction: column
; }
18458 .path-grade-report-grader #region-main > .card {
18460 overflow-x: initial
; }
18461 .path-grade-report-grader #region-main div[role="main"] {
18464 .path-grade-report-grader [data-region="blocks-column"] {
18468 #page-grade-grading-manage #activemethodselector label
{
18469 display: inline-block
; }
18471 #page-grade-grading-manage #activemethodselector
.helptooltip
{
18472 margin-right: 0.5em; }
18474 #page-grade-grading-manage .actions
{
18476 text-align: center
;
18477 margin-bottom: 1em; }
18478 #page-grade-grading-manage .actions
.action
{
18479 display: inline-block
;
18480 position: relative
;
18481 vertical-align: top
;
18483 text-align: center
;
18487 border: 1px solid
#aaa; }
18488 #page-grade-grading-manage .actions
.action
.action-text
{
18489 position: relative
;
18492 white-space: normal
; }
18494 #page-grade-grading-form-rubric-edit .gradingform_rubric_editform
.status
{
18497 #rubric-rubric.gradingform_rubric #rubric-criteria
{
18498 margin-bottom: 1em; }
18499 #rubric-rubric.gradingform_rubric #rubric-criteria
.criterion
.description
{
18500 vertical-align: top
;
18502 #rubric-rubric.gradingform_rubric #rubric-criteria
.criterion
.description textarea
{
18505 #rubric-rubric.gradingform_rubric #rubric-criteria
.criterion
.definition textarea
{
18507 margin-bottom: 0; }
18508 #rubric-rubric.gradingform_rubric #rubric-criteria
.criterion
.score
{
18509 position: relative
;
18511 margin-right: 28px; }
18512 #rubric-rubric.gradingform_rubric #rubric-criteria
.criterion
.score input
{
18513 margin-bottom: 0; }
18514 #rubric-rubric.gradingform_rubric #rubric-criteria
.criterion
.level
{
18515 vertical-align: top
;
18517 #rubric-rubric.gradingform_rubric #rubric-criteria
.criterion
.level
.delete
{
18518 position: relative
;
18524 #rubric-rubric.gradingform_rubric #rubric-criteria
.criterion
.level
.delete input
{
18526 position: absolute
;
18532 #rubric-rubric.gradingform_rubric #rubric-criteria
.criterion
.level
.delete
input:hover
{
18533 background-color: #ddd; }
18534 #rubric-rubric.gradingform_rubric #rubric-criteria
.criterion
.scorevalue input
{
18537 #rubric-rubric.gradingform_rubric #rubric-criteria
.criterion
.scorevalue input
.hiddenelement
, #rubric-rubric
.gradingform_rubric #rubric-criteria
.criterion
.scorevalue input
.pseudotablink
{
18539 #rubric-rubric.gradingform_rubric #rubric-criteria
.criterion
.addlevel
{
18540 vertical-align: top
;
18541 padding-top: 6px; }
18542 #rubric-rubric.gradingform_rubric #rubric-criteria
.criterion
.addlevel input
{
18544 line-height: 1rem; }
18546 #rubric-rubric.gradingform_rubric
.addcriterion
{
18549 margin-bottom: 1em; }
18550 #rubric-rubric.gradingform_rubric
.addcriterion input
{
18553 text-shadow: inherit
;
18555 line-height: inherit
;
18556 background: transparent url
([[pix:t
/add
]]) no-repeat
7px 8px;
18557 padding-left: 26px; }
18559 #rubric-rubric.gradingform_rubric
.options
{
18561 #rubric-rubric.gradingform_rubric
.options
.option label
{
18564 font-size: inherit
;
18565 font-weight: normal
;
18569 background-color: transparent
; }
18570 #rubric-rubric.gradingform_rubric
.options
.option input
{
18572 margin-right: 12px; }
18574 .grade-display .description {
18577 .criterion .description {
18580 .criterion .criterion-toggle .expanded-icon {
18583 .criterion .criterion-toggle .collapsed-icon {
18586 .criterion .criterion-toggle.collapsed .expanded-icon {
18589 .criterion .criterion-toggle.collapsed .collapsed-icon {
18592 .path-grade-edit-tree .setup-grades h4 {
18595 .path-grade-edit-tree .setup-grades .column-rowspan {
18601 .path-grade-edit-tree .setup-grades .category td.column-name {
18604 .path-grade-edit-tree .setup-grades td.column-name {
18605 padding-left: 24px; }
18607 .path-grade-edit-tree .setup-grades td.movehere {
18610 .path-grade-edit-tree .setup-grades td.movehere a.movehere {
18614 border: 2px dashed
#343a40; }
18616 .path-grade-edit-tree
.setup-grades
.category input
[type
="text"],
18617 .path-grade-edit-tree
.setup-grades
.category
.column-range
,
18618 .path-grade-edit-tree
.setup-grades
.categoryitem
,
18619 .path-grade-edit-tree .setup-grades .courseitem {
18620 font-weight: bold
; }
18622 .path-grade-edit-tree .setup-grades .emptyrow {
18625 .path-grade-edit-tree .setup-grades .gradeitemdescription {
18626 font-weight: normal
;
18627 padding-left: 24px; }
18629 .path-grade-edit-tree .setup-grades .column-weight {
18630 white-space: nowrap
; }
18631 .path-grade-edit-tree .setup-grades .column-weight.level3 {
18632 padding-left: 37px; }
18633 .path-grade-edit-tree .setup-grades .column-weight.level4 {
18634 padding-left: 66px; }
18635 .path-grade-edit-tree .setup-grades .column-weight.level5 {
18636 padding-left: 95px; }
18637 .path-grade-edit-tree .setup-grades .column-weight.level6 {
18638 padding-left: 124px; }
18639 .path-grade-edit-tree .setup-grades .column-weight.level7 {
18640 padding-left: 153px; }
18641 .path-grade-edit-tree .setup-grades .column-weight.level8 {
18642 padding-left: 182px; }
18643 .path-grade-edit-tree .setup-grades .column-weight.level9 {
18644 padding-left: 211px; }
18645 .path-grade-edit-tree .setup-grades .column-weight.level10 {
18646 padding-left: 240px; }
18648 .path-grade-edit-tree .setup-grades .column-range.level2 {
18649 padding-left: 37px; }
18651 .path-grade-edit-tree .setup-grades .column-range.level3 {
18652 padding-left: 66px; }
18654 .path-grade-edit-tree .setup-grades .column-range.level4 {
18655 padding-left: 95px; }
18657 .path-grade-edit-tree .setup-grades .column-range.level5 {
18658 padding-left: 124px; }
18660 .path-grade-edit-tree .setup-grades .column-range.level6 {
18661 padding-left: 153px; }
18663 .path-grade-edit-tree .setup-grades .column-range.level7 {
18664 padding-left: 182px; }
18666 .path-grade-edit-tree .setup-grades .column-range.level8 {
18667 padding-left: 211px; }
18669 .path-grade-edit-tree .setup-grades .column-range.level9 {
18670 padding-left: 240px; }
18672 .path-grade-edit-tree .setup-grades .column-range.level10 {
18673 padding-left: 269px; }
18675 .path-grade-edit-tree .setup-grades.generaltable .levelodd {
18676 background-color: rgba
(0, 0, 0, 0.05); }
18681 .path-grade-report-grader .gradeparent table {
18682 border-radius: 0.25rem; }
18684 .path-grade-report-grader
.gradeparent tr
.cell
,
18685 .path-grade-report-grader .gradeparent .floater .cell {
18686 background-color: #fff; }
18688 .path-grade-report-grader
.gradeparent table
,
18689 .path-grade-report-grader .gradeparent .cell {
18690 border-color: #dee2e6; }
18692 .path-grade-report-grader
.gradeparent
.userrow
.odd
.cell
,
18693 .path-grade-report-grader
.gradeparent
.floater
.cell
.odd
,
18694 .path-grade-report-grader
.gradeparent
.heading
.cell
,
18695 .path-grade-report-grader
.gradeparent
.cell
.category
,
18696 .path-grade-report-grader .gradeparent .avg .cell {
18697 background-color: #f8f9fa; }
18699 .path-grade-report-grader .gradeparent table .clickable {
18705 .path-grade-report-user .user-grade {
18707 .path-grade-report-user .user-grade.generaltable .levelodd {
18708 background-color: rgba
(0, 0, 0, 0.05); }
18713 .path-grade-report-singleview input[name^="finalgrade"] {
18716 .columns-autoflow-1to1to1 {
18719 @media (max-width: 767px) {
18720 .columns-autoflow-1to1to1 {
18721 column-count: 1; } }
18723 /* some very targetted corrections to roll back nameclashes between
18724 * Moodle and Bootstrap like .row, .label, .content, .controls
18726 * Mostly relies on these styles being more specific than the Bootstrap
18727 * ones in order to overule them.
18730 .file-picker td.label {
18731 background: inherit
;
18736 white-space: normal
;
18738 font-size: inherit
;
18739 line-height: inherit
;
18740 text-align: inherit
; }
18742 .file-picker td.label {
18743 display: table-cell
;
18744 text-align: right
; }
18746 .choosercontainer #chooseform .option label {
18749 /* block.invisible vs .invisible
18750 * block.hidden vs .invisible
18752 * uses .invisible where the rest of Moodle uses @mixin dimmed
18753 * fixible in block renderer?
18755 * There's seems to be even more naming confusion here since,
18756 * blocks can be actually 'visible' (or not) to students,
18757 * marked 'visible' but really just dimmed to indicate to editors
18758 * that students can't see them or 'visible' to the user who
18759 * collapses them, 'visible' if you have the right role and in
18760 * different circumstances different sections of a block can
18761 * be 'visible' or not.
18763 * currently worked around in renderers.php function block{}
18764 * by rewriting the class name "invisible" to "dimmed",
18765 * though the blocks don't look particularly different apart
18766 * from their contents disappearing. Maybe try .muted? or
18767 * dimming all the edit icons apart from unhide, might be a
18768 * nice effect, though they'd still be active. Maybe reverse
18774 visibility: visible
;
18779 * very tricky to track down this when it goes wrong,
18780 * since the styles are applied to generated content
18782 * basically if you see things shifted left or right compared
18783 * with where they should be check for a .row
18786 margin-left: 0 !important
;
18787 /* stylelint-disable-line declaration-no-important */ }
18789 .forumpost
.row:before
,
18790 .forumpost .row:after {
18793 /* fieldset.hidden vs .hidden
18795 * Moodle uses fieldset.hidden for mforms, to signify a collection of
18796 * form elements that don't have a box drawn round them. Bootstrap
18797 * uses hidden for stuff that is hidden in various responsive modes.
18799 * Relatedly, there is also fieldset.invisiblefieldset which hides the
18800 * border and sets the display to inline.
18802 * Originally this just set block and visible, but it is used
18803 * in random question dialogue in Quiz,
18804 * that dialogue is hidden and shown, so when hidden the
18805 * above workaround leaves you with a button floating around
18809 visibility: inherit
; }
18811 /* .container vs .container
18813 * bootstrap uses .container to set the width of the layout at 960px or so, Moodle uses it
18814 * in the Quiz to contain the questions to add. If you don't overule the Bootstrap code,
18815 * it becomes near unuseable.
18817 #questionbank + .container
{
18820 body:not
(.jsenabled
) .dropdown:hover
> .dropdown-menu
{
18822 margin-top: -6px; }
18824 body:not
(.jsenabled
) .langmenu:hover
> .dropdown-menu
,
18825 .langmenu.open > .dropdown-menu {
18828 overflow-y: auto
; }
18830 .navbar.fixed-top .dropdown .dropdown-menu {
18831 max-height: calc
(100vh - 50px);
18832 overflow-y: auto
; }
18834 .page-item.active .page-link, .page-item.active .page-link:hover, .page-item.active .page-link:focus {
18835 z-index: inherit
; }
18837 /* Force positioning of popover arrows.
18839 * The Css prefixer used in Moodle does not support complex calc statements used
18840 * in Bootstrap 4 CSS. For example:
18841 * calc((0.5rem + 1px) * -1); is stripped out by lib/php-css-parser/Parser.php.
18842 * See MDL-61879. For now the arrow positions of popovers are fixed until this is resolved.
18844 .bs-popover-right
.arrow
, .bs-popover-auto
[x-placement^
="right"] .arrow
,
18845 .bs-popover-auto[x-placement^="right"] .arrow {
18848 .bs-popover-left
.arrow
, .bs-popover-auto
[x-placement^
="left"] .arrow
,
18849 .bs-popover-auto[x-placement^="left"] .arrow {
18852 .bs-popover-top
.arrow
, .bs-popover-auto
[x-placement^
="top"] .arrow
,
18853 .bs-popover-auto[x-placement^="top"] .arrow {
18856 .bs-popover-bottom
.arrow
, .bs-popover-auto
[x-placement^
="bottom"] .arrow
,
18857 .bs-popover-auto[x-placement^="bottom"] .arrow {
18861 word-wrap: normal
; }
18863 /* Add commented out carousel transistions back in.
18865 * The Css prefixer used in Moodle breaks on @supports syntax, See MDL-61515.
18867 .carousel-item-next
.carousel-item-left
,
18868 .carousel-item-prev.carousel-item-right {
18869 transform: translateX
(0); }
18871 .carousel-item-next
,
18872 .active.carousel-item-right {
18873 transform: translateX
(100%); }
18875 .carousel-item-prev
,
18876 .active.carousel-item-left {
18877 transform: translateX
(-100%); }
18880 * Reset all of the forced style on the page.
18881 * - Remove borders on header and content.
18882 * - Remove most of the vertical padding.
18883 * - Make the content region flex grow so it pushes things like the
18884 * next activity selector to the bottom of the page.
18886 body
.behat-site
.fixed-top
{
18887 position: absolute
; }
18889 body
.behat-site
.dropdown-item
{
18890 margin-top: 4px !important
;
18891 /* stylelint-disable declaration-no-important */ }
18893 body
.behat-site
.drawer-ease
{
18894 -webkit-transition: initial
;
18895 -moz-transition: initial
;
18896 transition: initial
; }
18898 body
.behat-site
[data-region
="drawer"] {
18899 -webkit-transition: initial
;
18900 -moz-transition: initial
;
18901 transition: initial
;
18902 position: absolute
; }
18904 body
.behat-site
.custom-control
,
18905 body
.behat-site
.custom-switch
{
18908 body
.behat-site
.custom-control-input
{
18913 body
.behat-site
.custom-control-label::before
, body
.behat-site
.custom-control-label::after
{
18924 border: 1px solid
#000;
18926 vertical-align: baseline
;
18928 background-color: #ccc; }
18931 background-color: #ccf;
18932 font-weight: bold
; }
18935 background-color: #99c;
18936 font-weight: bold
; }
18939 * This file contains the styles required to make the footer sticky.
18948 flex-direction: column
; }
18949 #page-wrapper #page
{
18952 flex-direction: column
; }
18953 #page-wrapper #page #page-content
{
18955 #page-wrapper #page-footer
{
18959 position: relative
; }
18960 .popover-region.collapsed .popover-region-toggle:before, .popover-region.collapsed .popover-region-toggle:after {
18962 .popover-region.collapsed .popover-region-container {
18964 visibility: hidden
;
18967 transition: height
0.25s, opacity
101ms 0.25s, visibility
101ms 0.25s; }
18969 .popover-region-toggle {
18971 .popover-region-toggle::before {
18973 display: inline-block
;
18974 border-left: 10px solid transparent
;
18975 border-right: 10px solid transparent
;
18976 border-bottom: 10px solid
#ddd;
18977 position: absolute
;
18980 .popover-region-toggle::after {
18982 display: inline-block
;
18983 border-left: 9px solid transparent
;
18984 border-right: 9px solid transparent
;
18985 border-bottom: 9px solid
#fff;
18986 position: absolute
;
18993 border-radius: 2px;
18994 background-color: red
;
18998 position: absolute
;
19002 .popover-region-container {
19004 visibility: visible
;
19005 position: absolute
;
19010 border: 1px solid
#ddd;
19011 transition: height
0.25s;
19012 background-color: #fff;
19015 .popover-region-header-container {
19019 padding-right: 5px;
19020 border-bottom: 1px solid
#ddd;
19021 box-sizing: border-box
; }
19023 .popover-region-footer-container {
19025 text-align: center
;
19026 border-top: 1px solid
#ddd;
19027 background-color: #fff;
19028 padding-top: 3px; }
19030 .popover-region-header-text {
19034 line-height: 25px; }
19036 .popover-region-header-actions {
19038 .popover-region-header-actions > * {
19041 display: inline-block
; }
19042 .popover-region-header-actions .loading-icon {
19046 .popover-region-header-actions .newmessage-link {
19047 margin-right: 10px; }
19048 .popover-region-header-actions label {
19049 display: inline-block
;
19050 text-align: center
;
19051 margin-bottom: 0; }
19053 .popover-region-content-container {
19054 height: calc
(100% - 55px);
19057 -webkit-overflow-scrolling: touch
; }
19058 .popover-region-content-container > .loading-icon {
19060 text-align: center
;
19062 box-sizing: border-box
; }
19063 .popover-region-content-container .empty-message {
19065 text-align: center
;
19067 .popover-region-content-container.loading > .loading-icon {
19069 .popover-region-content-container.loading .empty-message {
19072 .navbar .popover-region.collapsed .popover-region-container {
19074 visibility: hidden
;
19077 transition: height
0.25s, opacity
101ms 0.25s, visibility
101ms 0.25s; }
19079 .navbar .count-container {
19081 border-radius: 2px;
19082 background-color: red
;
19086 position: absolute
;
19090 .navbar .popover-region-container {
19093 .content-item-container {
19095 border-bottom: 1px solid
#ddd;
19096 box-sizing: border-box
;
19098 position: relative
;
19102 text-decoration: none
; }
19103 .content-item-container:hover {
19105 background-color: #79b5e6; }
19106 .content-item-container:hover .content-item-footer .timestamp {
19108 .content-item-container.unread {
19110 background-color: #f4f4f4; }
19111 .content-item-container.unread:hover {
19113 background-color: #79b5e6; }
19114 .content-item-container.unread .content-item-body .notification-message {
19115 font-weight: 600; }
19116 .content-item-container .context-link {
19118 text-decoration: none
; }
19119 .content-item-container .content-item-body {
19120 box-sizing: border-box
;
19121 margin-bottom: 5px; }
19122 .content-item-container .content-item-footer {
19124 box-sizing: border-box
; }
19125 .content-item-container .content-item-footer .timestamp {
19130 margin-left: 24px; }
19131 .content-item-container .view-more {
19132 position: absolute
;
19136 line-height: 12px; }
19137 .content-item-container.notification .content-item-body .notification-image {
19138 display: inline-block
;
19142 .content-item-container.notification .content-item-body .notification-image img {
19144 .content-item-container.notification .content-item-body .notification-message {
19145 display: inline-block
;
19147 width: calc
(100% - 24px); }
19148 .content-item-container.selected {
19149 background-color: #4f94cd;
19151 border-color: #4f94cd; }
19152 .content-item-container.selected .content-item-footer .timestamp {
19155 .popover-region-notifications .popover-region-header-container .mark-all-read-button .normal-icon {
19156 display: inline-block
; }
19158 .popover-region-notifications .popover-region-header-container .mark-all-read-button.loading .normal-icon {
19161 .popover-region-notifications .popover-region-header-container .mark-all-read-button.loading .loading-icon {
19162 display: inline-block
; }
19164 .popover-region-notifications .all-notifications {
19166 visibility: visible
;
19168 overflow: hidden
; }
19169 .popover-region-notifications .all-notifications:empty + .empty-message {
19172 .popover-region-notifications .notification-image {
19173 display: inline-block
;
19175 vertical-align: top
; }
19176 .popover-region-notifications .notification-image img {
19179 .popover-region-notifications .notification-message {
19180 display: inline-block
;
19183 .popover-region-notifications .popover-region-content-container.loading .all-notifications:empty + .empty-message {
19186 .popover-region-messages .mark-all-read-button .normal-icon {
19187 display: inline-block
; }
19189 .popover-region-messages .mark-all-read-button.loading .normal-icon {
19192 .popover-region-messages .mark-all-read-button.loading .loading-icon {
19193 display: inline-block
; }
19195 .popover-region-messages .popover-region-content-container.loading .popover-region-content .messages:empty + .empty-message {
19198 .popover-region-messages .messages:empty + .empty-message {
19201 .popover-region-messages .content-item-container.unread .content-item-body {
19203 width: calc
(90% - 30px); }
19205 .popover-region-messages .content-item-container.unread .unread-count-container {
19206 display: inline-block
;
19208 text-align: center
;
19211 .popover-region-messages .content-item {
19214 box-sizing: border-box
; }
19216 .popover-region-messages .profile-image-container {
19218 display: inline-block
;
19219 text-align: center
;
19221 .popover-region-messages .profile-image-container img {
19223 display: inline-block
;
19224 vertical-align: middle
;
19225 border-radius: 50%; }
19227 .popover-region-messages .content-item-body {
19228 display: inline-block
;
19229 box-sizing: border-box
;
19230 width: calc
(100% - 30px);
19232 padding-left: 10px;
19233 overflow: hidden
; }
19234 .popover-region-messages .content-item-body h3 {
19239 .popover-region-messages .content-item-body p {
19242 .popover-region-messages .unread-count-container {
19245 @media (max-width: 767px) {
19246 .navbar .popover-region .popover-region-container {
19249 @media (max-width: 480px) {
19250 .navbar .popover-region .popover-region-container {
19260 * Tour step must sit above all other UI components.
19261 * The backdrop is the lowest point in the tour.
19262 * Everything else is in the container, and the target background should be at the same z-index.
19264 * ---- step backdrop
19265 * --- step container
19266 * --- step target background
19268 div
[data-flexitour
="backdrop"] {
19269 background-color: #000;
19273 div
[data-flexitour
="step-background-fader"],
19274 div
[data-flexitour
="step-background"] {
19275 border-radius: 0.3rem;
19278 span
[data-flexitour
="container"],
19279 div
[data-flexitour
="step-background-fader"],
19280 [data-flexitour
="step-backdrop"] > td
,
19281 [data-flexitour
="step-backdrop"] {
19284 span
[data-flexitour
="container"] .modal-dialog
{
19286 * Remove all margins to:
19287 * 1) ensure that the arrow touches the target; and
19288 * 2) ensure that the focus border touches the modal.
19292 span
[data-flexitour
="container"] div
[data-role
="arrow"] {
19293 border-width: 1rem; }
19295 span
[data-flexitour
="container"] div
[data-role
="arrow"],
19296 span
[data-flexitour
="container"] div
[data-role
="arrow"]:after
{
19297 position: absolute
;
19301 border-color: transparent
;
19302 border-style: solid
;
19303 border-width: 1rem; }
19305 span
[data-flexitour
="container"][x-placement
="top"], span
[data-flexitour
="container"][x-placement
="top-start"] {
19306 margin-bottom: 1rem; }
19307 span
[data-flexitour
="container"][x-placement
="top"] div
[data-role
="arrow"], span
[data-flexitour
="container"][x-placement
="top-start"] div
[data-role
="arrow"] {
19310 margin-left: -1rem;
19311 border-bottom-width: 0;
19312 border-top-color: rgba
(0, 0, 0, 0.25); }
19313 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
{
19315 margin-left: -1rem;
19317 border-bottom-width: 0;
19318 border-top-color: #fff; }
19320 span
[data-flexitour
="container"][x-placement
="bottom"], span
[data-flexitour
="container"][x-placement
="bottom-start"] {
19321 margin-top: 1rem; }
19322 span
[data-flexitour
="container"][x-placement
="bottom"] div
[data-role
="arrow"], span
[data-flexitour
="container"][x-placement
="bottom-start"] div
[data-role
="arrow"] {
19325 margin-left: -1rem;
19326 border-top-width: 0;
19327 border-bottom-color: rgba
(0, 0, 0, 0.25); }
19328 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
{
19330 margin-left: -1rem;
19332 border-top-width: 0;
19333 border-bottom-color: #fff; }
19335 span
[data-flexitour
="container"][x-placement
="left"], span
[data-flexitour
="container"][x-placement
="left-start"] {
19336 margin-right: 1rem; }
19337 span
[data-flexitour
="container"][x-placement
="left"] div
[data-role
="arrow"], span
[data-flexitour
="container"][x-placement
="left-start"] div
[data-role
="arrow"] {
19341 border-right-width: 0;
19342 border-left-color: rgba
(0, 0, 0, 0.25); }
19343 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
{
19347 border-right-width: 0;
19348 border-left-color: #fff; }
19350 span
[data-flexitour
="container"][x-placement
="right"], span
[data-flexitour
="container"][x-placement
="right-start"] {
19351 margin-left: 1rem; }
19352 span
[data-flexitour
="container"][x-placement
="right"] div
[data-role
="arrow"], span
[data-flexitour
="container"][x-placement
="right-start"] div
[data-role
="arrow"] {
19356 border-left-width: 0;
19357 border-right-color: rgba
(0, 0, 0, 0.25); }
19358 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
{
19362 border-left-width: 0;
19363 border-right-color: #fff; }
19365 [data-region
="drawer"] [data-flexitour
="container"] {
19367 margin-left: -15px;
19371 body
.drawer-open-left
.jsenabled
,
19372 body
.drawer-open-right
.jsenabled
{
19377 .modal .modal-body > .loading-icon {
19379 position: relative
;
19382 .modal .modal-body > .loading-icon .icon {
19383 position: absolute
;
19387 transform: translate
(-50%, -50%); }
19389 .layout.fullscreen {
19399 background-color: #fff; }
19400 .layout.fullscreen > div {
19403 .layout.fullscreen .loading-icon {
19405 margin-right: auto
;
19406 text-align: center
;
19407 display: inline-block
;
19411 .layout.fullscreen .loading-icon .icon {
19416 .form-control:-ms-input-placeholder {
19420 -webkit-appearance: none
;
19421 -moz-appearance: none
; }
19424 -webkit-appearance: none
;
19425 -moz-appearance: none
; }
19426 .custom-range::-webkit-slider-thumb, .custom-range::-moz-range-thumb, .custom-range::-ms-thumb {
19427 -webkit-appearance: none
;
19428 -moz-appearance: none
; }
19430 input
[type
="date"].form-control
,
19431 input
[type
="time"].form-control
,
19432 input
[type
="datetime-local"].form-control
,
19433 input
[type
="month"].form-control
{
19434 -webkit-appearance: none
;
19435 -moz-appearance: none
; }
19437 @media (min-width: 576px) {
19439 -webkit-column-gap: 1.25rem;
19440 -moz-column-gap: 1.25rem; } }
19443 -webkit-backface-visibility: hidden
; }
19446 -webkit-background-clip: border-box
; }
19448 .carousel-indicators li
,
19454 -webkit-background-clip: padding-box
; }
19457 -webkit-user-select: none
;
19458 -ms-user-select: none
; }
19461 -webkit-user-select: all
!important
;
19462 /* stylelint-disable-line declaration-no-important */
19463 -ms-user-select: none
; }
19465 .user-select-auto {
19466 -webkit-user-select: auto
!important
;
19467 /* stylelint-disable-line declaration-no-important */
19468 -ms-user-select: none
; }
19470 .user-select-none {
19471 -webkit-user-select: none
!important
;
19472 /* stylelint-disable-line declaration-no-important */
19473 -ms-user-select: none
; }
19475 .editor_atto_content_wrap {
19476 background-color: white
;
19479 .editor_atto_content {
19484 .editor_atto_content_wrap
,
19485 .editor_atto + textarea {
19489 .editor_atto + textarea {
19492 margin-top: -1px; }
19494 div
.editor_atto_toolbar
{
19496 background: #f2f2f2;
19498 border: 1px solid
#8f959e;
19500 padding: 0 0 9px 0; }
19502 div
.editor_atto_toolbar button
{
19510 div
.editor_atto_toolbar button
+ button
{
19511 border-left: 1px solid
#ccc; }
19513 div
.editor_atto_toolbar button
[disabled
] {
19518 .editor_atto_toolbar button:hover {
19519 background-image: radial-gradient
(ellipse at center
, #fff 60%, #dfdfdf 100%);
19520 background-color: #ebebeb; }
19522 .editor_atto_toolbar
button:active
,
19523 .editor_atto_toolbar button.highlight {
19524 background-image: radial-gradient
(ellipse at center
, #fff 40%, #dfdfdf 100%);
19525 background-color: #dfdfdf; }
19527 /* Make firefox button sizes match other browsers */
19528 div
.editor_atto_toolbar
button::-moz-focus-inner
{
19532 div
.editor_atto_toolbar button
.icon
{
19536 div
.editor_atto_toolbar div
.atto_group
{
19537 display: inline-block
;
19538 border: 1px solid
#ccc;
19539 border-bottom: 1px solid
#b3b3b3;
19540 border-radius: 4px;
19541 margin: 9px 0 0 9px;
19542 background: #fff; }
19544 .editor_atto_content img {
19549 /* IE8 places the images on top of each other if that is not set. */
19550 white-space: nowrap
; }
19552 .atto_menuentry .icon {
19559 .atto_menuentry h1
,
19560 .atto_menuentry h2
,
19561 .atto_menuentry p {
19564 /*.atto_form label.sameline {
19565 display: inline-block;
19568 .atto_form textarea
.fullwidth
,
19569 .atto_form input.fullwidth {
19575 /*.atto_form label {
19580 position: absolute
;
19586 .atto_control .icon {
19587 background-color: white
; }
19589 div
.editor_atto_content:focus
.atto_control
,
19590 div
.editor_atto_content:hover
.atto_control
{
19593 .editor_atto_menu.yui3-menu-hidden {
19596 /* Get broken images back in firefox */
19597 .editor_atto_content img:-moz-broken {
19598 -moz-force-broken-image-icon: 1;
19600 min-height: 24px; }
19602 /* Atto menu styling */
19603 .moodle-dialogue-base .editor_atto_menu .moodle-dialogue-content .moodle-dialogue-bd {
19607 .editor_atto_menu .dropdown-menu > li > a {
19608 margin: 3px 14px; }
19610 .editor_atto_menu .open ul.dropdown-menu {
19612 padding-bottom: 5px; }
19614 .editor_atto_wrap {
19615 position: relative
; }
19618 .editor_atto_wrap textarea {
19621 .editor_atto_notification
.atto_info
,
19622 .editor_atto_notification .atto_warning {
19623 display: inline-block
;
19624 background-color: #f2f2f2;
19627 padding-right: 1em;
19628 border-bottom-left-radius: 1em;
19629 border-bottom-right-radius: 1em; }
19631 .editor_atto_notification .atto_info {
19632 background-color: #f2f2f2; }
19634 .editor_atto_notification .atto_warning {
19635 background-color: #ffd700; }
19637 .editor_atto_toolbar
,
19638 .editor_atto_content_wrap
,
19639 .editor_atto + textarea {
19640 box-sizing: border-box
; }
19642 .editor_atto_content.form-control {
19646 /** Atto fields do not have form-control because that would break the layout of the editor.
19647 So they need these extra styles to highlight the editor when there is a validation error. */
19648 .has-danger
.editor_atto_content
.form-control
.invalid-feedback
,
19649 .has-danger .editor_atto_content.form-control-danger .invalid-feedback {
19652 margin-top: 0.25rem;
19656 .has-danger
.editor_atto_content
.form-control
.invalid-tooltip
,
19657 .has-danger .editor_atto_content.form-control-danger .invalid-tooltip {
19658 position: absolute
;
19663 padding: 0.25rem 0.5rem;
19665 font-size: 0.8203125rem;
19668 background-color: rgba
(202, 49, 32, 0.9);
19669 border-radius: 0.25rem; }
19671 .was-validated
.has-danger
.editor_atto_content
.form-control:invalid
~ .invalid-feedback
,
19672 .was-validated
.has-danger
.editor_atto_content
.form-control:invalid
~ .invalid-tooltip
, .has-danger
.editor_atto_content
.form-control
.is-invalid
~ .invalid-feedback
,
19673 .has-danger
.editor_atto_content
.form-control
.is-invalid
~ .invalid-tooltip
, .was-validated
19674 .has-danger
.editor_atto_content
.form-control-danger:invalid
~ .invalid-feedback
,
19676 .has-danger
.editor_atto_content
.form-control-danger:invalid
~ .invalid-tooltip
,
19677 .has-danger
.editor_atto_content
.form-control-danger
.is-invalid
~ .invalid-feedback
,
19678 .has-danger .editor_atto_content.form-control-danger.is-invalid ~ .invalid-tooltip {
19681 .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
19682 .has-danger
.editor_atto_content
.form-control-danger
.form-control:invalid
,
19683 .has-danger .editor_atto_content.form-control-danger .form-control.is-invalid {
19684 border-color: #ca3120;
19685 padding-right: calc
(1.5em + 0.75rem);
19686 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");
19687 background-repeat: no-repeat
;
19688 background-position: right calc
(0.375em + 0.1875rem) center
;
19689 background-size: calc
(0.75em + 0.375rem) calc
(0.75em + 0.375rem); }
19690 .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
19691 .has-danger
.editor_atto_content
.form-control-danger
.form-control:invalid:focus
,
19692 .has-danger .editor_atto_content.form-control-danger .form-control.is-invalid:focus {
19693 border-color: #ca3120;
19694 box-shadow: 0 0 0 0.2rem rgba
(202, 49, 32, 0.25); }
19696 .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
19697 .has-danger
.editor_atto_content
.form-control-danger textarea
.form-control:invalid
,
19698 .has-danger .editor_atto_content.form-control-danger textarea.form-control.is-invalid {
19699 padding-right: calc
(1.5em + 0.75rem);
19700 background-position: top calc
(0.375em + 0.1875rem) right calc
(0.375em + 0.1875rem); }
19702 .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
19703 .has-danger
.editor_atto_content
.form-control-danger
.custom-select:invalid
,
19704 .has-danger .editor_atto_content.form-control-danger .custom-select.is-invalid {
19705 border-color: #ca3120;
19706 padding-right: calc
(0.75em + 2.3125rem);
19707 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); }
19708 .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
19709 .has-danger
.editor_atto_content
.form-control-danger
.custom-select:invalid:focus
,
19710 .has-danger .editor_atto_content.form-control-danger .custom-select.is-invalid:focus {
19711 border-color: #ca3120;
19712 box-shadow: 0 0 0 0.2rem rgba
(202, 49, 32, 0.25); }
19714 .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
19715 .has-danger
.editor_atto_content
.form-control-danger
.form-check-input:invalid
~ .form-check-label
,
19716 .has-danger .editor_atto_content.form-control-danger .form-check-input.is-invalid ~ .form-check-label {
19719 .was-validated
.has-danger
.editor_atto_content
.form-control
.form-check-input:invalid
~ .invalid-feedback
,
19720 .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
,
19721 .has-danger
.editor_atto_content
.form-control
.form-check-input
.is-invalid
~ .invalid-tooltip
, .was-validated
19722 .has-danger
.editor_atto_content
.form-control-danger
.form-check-input:invalid
~ .invalid-feedback
,
19724 .has-danger
.editor_atto_content
.form-control-danger
.form-check-input:invalid
~ .invalid-tooltip
,
19725 .has-danger
.editor_atto_content
.form-control-danger
.form-check-input
.is-invalid
~ .invalid-feedback
,
19726 .has-danger .editor_atto_content.form-control-danger .form-check-input.is-invalid ~ .invalid-tooltip {
19729 .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
19730 .has-danger
.editor_atto_content
.form-control-danger
.custom-control-input:invalid
~ .custom-control-label
,
19731 .has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid ~ .custom-control-label {
19733 .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
19734 .has-danger
.editor_atto_content
.form-control-danger
.custom-control-input:invalid
~ .custom-control-label::before
,
19735 .has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid ~ .custom-control-label::before {
19736 border-color: #ca3120; }
19738 .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
19739 .has-danger
.editor_atto_content
.form-control-danger
.custom-control-input:invalid:checked
~ .custom-control-label::before
,
19740 .has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
19741 border-color: #e04d3d;
19742 background-color: #e04d3d; }
19744 .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
19745 .has-danger
.editor_atto_content
.form-control-danger
.custom-control-input:invalid:focus
~ .custom-control-label::before
,
19746 .has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
19747 box-shadow: 0 0 0 0.2rem rgba
(202, 49, 32, 0.25); }
19749 .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
19750 .has-danger
.editor_atto_content
.form-control-danger
.custom-control-input:invalid:focus:not
(:checked
) ~ .custom-control-label::before
,
19751 .has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
19752 border-color: #ca3120; }
19754 .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
19755 .has-danger
.editor_atto_content
.form-control-danger
.custom-file-input:invalid
~ .custom-file-label
,
19756 .has-danger .editor_atto_content.form-control-danger .custom-file-input.is-invalid ~ .custom-file-label {
19757 border-color: #ca3120; }
19759 .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
19760 .has-danger
.editor_atto_content
.form-control-danger
.custom-file-input:invalid:focus
~ .custom-file-label
,
19761 .has-danger .editor_atto_content.form-control-danger .custom-file-input.is-invalid:focus ~ .custom-file-label {
19762 border-color: #ca3120;
19763 box-shadow: 0 0 0 0.2rem rgba
(202, 49, 32, 0.25); }
19765 .open.atto_menu > .dropdown-menu {
19768 div
.editor_atto_toolbar button
.icon
{
19772 -webkit-font-smoothing: antialiased
;
19773 -moz-osx-font-smoothing: grayscale
; }
19776 box-shadow: 0 2px 4px rgba
(0, 0, 0, 0.08); }
19779 border-radius: 50%; }
19782 background-color: #f8f9fa; }
19785 background-color: #fff; }
19787 .btn-outline-secondary {
19789 border-color: #6c757d;
19790 border-color: #6c757d; }
19791 .btn-outline-secondary:hover {
19793 background-color: #6c757d;
19794 border-color: #6c757d; }
19795 .btn-outline-secondary:focus, .btn-outline-secondary.focus {
19796 box-shadow: 0 0 0 0.2rem rgba
(108, 117, 125, 0.5); }
19797 .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
19799 background-color: transparent
; }
19800 .btn-outline-secondary:not
(:disabled
):not
(.disabled
):active
, .btn-outline-secondary:not
(:disabled
):not
(.disabled
).active
,
19801 .show > .btn-outline-secondary.dropdown-toggle {
19803 background-color: #6c757d;
19804 border-color: #6c757d; }
19805 .btn-outline-secondary:not
(:disabled
):not
(.disabled
):active:focus
, .btn-outline-secondary:not
(:disabled
):not
(.disabled
).active:focus
,
19806 .show > .btn-outline-secondary.dropdown-toggle:focus {
19807 box-shadow: 0 0 0 0.2rem rgba
(108, 117, 125, 0.5); }
19809 .btn-outline-info {
19811 border-color: #1f7e9a; }
19812 .btn-outline-info:hover {
19814 background-color: #1f7e9a;
19815 border-color: #1f7e9a; }
19816 .btn-outline-info:focus, .btn-outline-info.focus {
19817 box-shadow: 0 0 0 0.2rem rgba
(31, 126, 154, 0.5); }
19818 .btn-outline-info.disabled, .btn-outline-info:disabled {
19820 background-color: transparent
; }
19821 .btn-outline-info:not
(:disabled
):not
(.disabled
):active
, .btn-outline-info:not
(:disabled
):not
(.disabled
).active
,
19822 .show > .btn-outline-info.dropdown-toggle {
19824 background-color: #1f7e9a;
19825 border-color: #1f7e9a; }
19826 .btn-outline-info:not
(:disabled
):not
(.disabled
):active:focus
, .btn-outline-info:not
(:disabled
):not
(.disabled
).active:focus
,
19827 .show > .btn-outline-info.dropdown-toggle:focus {
19828 box-shadow: 0 0 0 0.2rem rgba
(31, 126, 154, 0.5); }
19830 .btn-outline-warning {
19832 border-color: #a6670e; }
19833 .btn-outline-warning:hover {
19835 background-color: #a6670e;
19836 border-color: #a6670e; }
19837 .btn-outline-warning:focus, .btn-outline-warning.focus {
19838 box-shadow: 0 0 0 0.2rem rgba
(166, 103, 14, 0.5); }
19839 .btn-outline-warning.disabled, .btn-outline-warning:disabled {
19841 background-color: transparent
; }
19842 .btn-outline-warning:not
(:disabled
):not
(.disabled
):active
, .btn-outline-warning:not
(:disabled
):not
(.disabled
).active
,
19843 .show > .btn-outline-warning.dropdown-toggle {
19845 background-color: #a6670e;
19846 border-color: #a6670e; }
19847 .btn-outline-warning:not
(:disabled
):not
(.disabled
):active:focus
, .btn-outline-warning:not
(:disabled
):not
(.disabled
).active:focus
,
19848 .show > .btn-outline-warning.dropdown-toggle:focus {
19849 box-shadow: 0 0 0 0.2rem rgba
(166, 103, 14, 0.5); }
19851 @media (max-width: 767.98px) {
19857 margin-bottom: 1rem; } }
19859 @media (min-width: 768px) {
19862 #page-content .region-main
{
19866 #page-content.blocks-pre
.columnleft
{
19871 #page-content.blocks-pre
.region-main
{
19874 padding: 0 1rem 0 0; }
19875 #page-content.blocks-post
.region-main
{
19878 padding: 0 0 0 1rem; }
19879 #page-content.blocks-post
.columnright
{
19883 #page-content.blocks-pre
.blocks-post
.region-main
{
19887 #page-content [data-region
="blocks-column"] {
19889 .empty-region-side-pre.used-region-side-post #page-content .region-main {
19892 padding-left: 1rem; }
19893 .empty-region-side-pre.used-region-side-post #page-content .columnright {
19897 .empty-region-side-post.used-region-side-pre #page-content .region-main {
19900 padding-right: 1rem; }
19901 .empty-region-side-post.used-region-side-pre #page-content .columnleft {
19906 .used-region-side-post.used-region-side-pre #page-content .region-main {
19910 .used-region-side-post.used-region-side-pre #page-content .columnleft {
19915 .used-region-side-post.used-region-side-pre #page-content .columnright {
19918 max-width: 32%; } }
19920 @media (min-width: 992px) {
19923 #page-content .region-main
{
19927 #page-content.blocks-pre
.columnleft
{
19932 #page-content.blocks-pre
.region-main
{
19935 padding: 0 1rem 0 0; }
19936 #page-content.blocks-post
.region-main
{
19939 padding: 0 0 0 1rem; }
19940 #page-content.blocks-post
.columnright
{
19944 #page-content.blocks-pre
.blocks-post
.region-main
{
19948 #page-content [data-region
="blocks-column"] {
19950 .empty-region-side-pre.used-region-side-post #page-content .region-main {
19953 padding-left: 1rem; }
19954 .empty-region-side-pre.used-region-side-post #page-content .columnright {
19958 .empty-region-side-post.used-region-side-pre #page-content .region-main {
19961 padding-right: 1rem; }
19962 .empty-region-side-post.used-region-side-pre #page-content .columnleft {
19967 .used-region-side-post.used-region-side-pre #page-content .region-main {
19971 .used-region-side-post.used-region-side-pre #page-content .columnleft {
19976 .used-region-side-post.used-region-side-pre #page-content .columnright {
19979 max-width: 25%; } }
19981 @media (min-width: 1200px) {
19984 #page-content .region-main
{
19988 #page-content.blocks-pre
.columnleft
{
19993 #page-content.blocks-pre
.region-main
{
19996 padding: 0 1rem 0 0; }
19997 #page-content.blocks-post
.region-main
{
20000 padding: 0 0 0 1rem; }
20001 #page-content.blocks-post
.columnright
{
20005 #page-content.blocks-pre
.blocks-post
.region-main
{
20009 #page-content [data-region
="blocks-column"] {
20011 .empty-region-side-pre.used-region-side-post #page-content .region-main {
20014 padding-left: 1rem; }
20015 .empty-region-side-pre.used-region-side-post #page-content .columnright {
20019 .empty-region-side-post.used-region-side-pre #page-content .region-main {
20022 padding-right: 1rem; }
20023 .empty-region-side-post.used-region-side-pre #page-content .columnleft {
20028 .used-region-side-post.used-region-side-pre #page-content .region-main {
20032 .used-region-side-post.used-region-side-pre #page-content .columnleft {
20037 .used-region-side-post.used-region-side-pre #page-content .columnright {
20040 max-width: 20%; } }
20043 #page-content .region-main
{
20044 max-width: 100% !important
;
20045 /* stylelint-disable-line declaration-no-important */
20046 flex: 0 0 100% !important
;
20047 /* stylelint-disable-line declaration-no-important */
20048 padding: 0 1rem 0 !important
;
20049 /* stylelint-disable-line declaration-no-important */ } }
20051 @media (min-width: 576px) {
20052 .dashboard-card-deck .dashboard-card {
20053 width: calc
(50% - 0.5rem); } }
20055 @media (min-width: 768px) {
20056 .dashboard-card-deck .dashboard-card {
20057 width: calc
(50% - 0.5rem); }
20058 .blocks-post
.dashboard-card-deck
.dashboard-card
,
20059 .blocks-pre .dashboard-card-deck .dashboard-card {
20060 width: calc
(100% - 0.5rem); } }
20062 @media (min-width: 992px) {
20063 .dashboard-card-deck .dashboard-card {
20064 width: calc
(33.33% - 0.5rem); }
20065 .blocks-post
.dashboard-card-deck
.dashboard-card
,
20066 .blocks-pre .dashboard-card-deck .dashboard-card {
20067 width: calc
(50% - 0.5rem); } }
20069 @media (min-width: 1200px) {
20070 .dashboard-card-deck .dashboard-card {
20071 width: calc
(25% - 0.5rem); }
20072 .blocks-post
.dashboard-card-deck
.dashboard-card
,
20073 .blocks-pre .dashboard-card-deck .dashboard-card {
20074 width: calc
(33.33% - 0.5rem); } }
20076 @media (min-width: 768px) {
20077 .blockcolumn .dashboard-card-deck {
20080 .blockcolumn .dashboard-card-deck .dashboard-card {
20081 width: calc
(100% - 0.5rem) !important
;
20082 /* stylelint-disable-line declaration-no-important */ } }
20084 .block_navigation
.block_tree
.list
> li
> ul
,
20085 .block_settings .block_tree.list > li > ul {
20088 .block_navigation
.block_tree
.tree_item
.branch
,
20089 .block_settings .block_tree .tree_item.branch {
20091 padding-left: 0.75rem; }
20093 .block_navigation
.block_tree p
.hasicon
,
20094 .block_settings .block_tree p.hasicon {
20096 padding-left: 0.75rem; }
20098 .block_navigation
.block_tree ul
,
20099 .block_settings .block_tree ul {
20100 margin-left: 0.25rem;
20101 padding-left: 1rem; }
20103 .block_navigation
.block_tree p
.hasicon
.icon
,
20104 .block_settings .block_tree p.hasicon .icon {
20105 margin-right: 5px; }
20109 margin-left: 0 !important
;
20110 /* stylelint-disable-line declaration-no-important */
20111 padding-left: 0 !important
;
20112 /* stylelint-disable-line declaration-no-important */ }
20114 .block.block_settings #settingsnav {
20115 padding-top: 0 !important
;
20116 /* stylelint-disable-line declaration-no-important */ }