3 font-family: 'FontAwesome';
4 src: url
("[[font:core|fontawesome-webfont.eot]]?v=4.7.0");
5 src: url
("[[font:core|fontawesome-webfont.eot]]?#iefix&v=4.7.0") format
("embedded-opentype"), url
("[[font:core|fontawesome-webfont.woff2]]?v=4.7.0") format
("woff2"), url
("[[font:core|fontawesome-webfont.woff]]?v=4.7.0") format
("woff"), url
("[[font:core|fontawesome-webfont.ttf]]?v=4.7.0") format
("truetype"), url
("[[font:core|fontawesome-webfont.svg]]?v=4.7.0#fontawesomeregular") format
("svg");
10 * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
11 * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
14 display: inline-block
;
15 font: normal normal normal
14px/1 FontAwesome
;
18 -webkit-font-smoothing: antialiased
;
19 -moz-osx-font-smoothing: grayscale
; }
21 /* makes the font 33% larger relative to the icon container */
23 font-size: 1.3333333333em;
25 vertical-align: -15%; }
40 width: 1.2857142857em;
45 margin-left: 2.1428571429em;
46 list-style-type: none
; }
52 left: -2.1428571429em;
53 width: 2.1428571429em;
57 left: -1.8571428571em; }
60 padding: .2em .25em .15em;
61 border: solid
0.08em #eee;
62 border-radius: .1em; }
76 /* Deprecated as of 4.4.0 */
90 -webkit-animation: fa-spin
2s infinite linear
;
91 animation: fa-spin
2s infinite linear
; }
94 -webkit-animation: fa-spin
1s infinite steps
(8);
95 animation: fa-spin
1s infinite steps
(8); }
97 @-webkit-keyframes fa-spin
{
99 -webkit-transform: rotate
(0deg);
100 transform: rotate
(0deg); }
102 -webkit-transform: rotate
(359deg);
103 transform: rotate
(359deg); } }
107 -webkit-transform: rotate
(0deg);
108 transform: rotate
(0deg); }
110 -webkit-transform: rotate
(359deg);
111 transform: rotate
(359deg); } }
114 -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
115 -webkit-transform: rotate
(90deg);
116 -ms-transform: rotate
(90deg);
117 transform: rotate
(90deg); }
120 -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
121 -webkit-transform: rotate
(180deg);
122 -ms-transform: rotate
(180deg);
123 transform: rotate
(180deg); }
126 -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
127 -webkit-transform: rotate
(270deg);
128 -ms-transform: rotate
(270deg);
129 transform: rotate
(270deg); }
131 .fa-flip-horizontal {
132 -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
133 -webkit-transform: scale
(-1, 1);
134 -ms-transform: scale
(-1, 1);
135 transform: scale
(-1, 1); }
138 -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
139 -webkit-transform: scale
(1, -1);
140 -ms-transform: scale
(1, -1);
141 transform: scale
(1, -1); }
144 :root
.fa-rotate-180
,
145 :root
.fa-rotate-270
,
146 :root
.fa-flip-horizontal
,
147 :root
.fa-flip-vertical
{
152 display: inline-block
;
156 vertical-align: middle
; }
158 .fa-stack-1x, .fa-stack-2x {
162 text-align: center
; }
165 line-height: inherit
; }
173 /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
174 readers do not read off random characters that represent icons */
184 .fa-envelope-o:before {
202 .fa-th-large:before {
219 .fa-search-plus:before {
222 .fa-search-minus:before {
225 .fa-power-off:before {
250 .fa-download:before {
253 .fa-arrow-circle-o-down:before {
256 .fa-arrow-circle-o-up:before {
262 .fa-play-circle-o:before {
265 .fa-rotate-right:before
,
272 .fa-list-alt:before {
281 .fa-headphones:before {
284 .fa-volume-off:before {
287 .fa-volume-down:before {
290 .fa-volume-up:before {
308 .fa-bookmark:before {
326 .fa-text-height:before {
329 .fa-text-width:before {
332 .fa-align-left:before {
335 .fa-align-center:before {
338 .fa-align-right:before {
341 .fa-align-justify:before {
354 .fa-video-camera:before {
359 .fa-picture-o:before {
365 .fa-map-marker:before {
375 .fa-pencil-square-o:before {
378 .fa-share-square-o:before {
381 .fa-check-square-o:before {
387 .fa-step-backward:before {
390 .fa-fast-backward:before {
393 .fa-backward:before {
408 .fa-fast-forward:before {
411 .fa-step-forward:before {
417 .fa-chevron-left:before {
420 .fa-chevron-right:before {
423 .fa-plus-circle:before {
426 .fa-minus-circle:before {
429 .fa-times-circle:before {
432 .fa-check-circle:before {
435 .fa-question-circle:before {
438 .fa-info-circle:before {
441 .fa-crosshairs:before {
444 .fa-times-circle-o:before {
447 .fa-check-circle-o:before {
453 .fa-arrow-left:before {
456 .fa-arrow-right:before {
459 .fa-arrow-up:before {
462 .fa-arrow-down:before {
465 .fa-mail-forward:before
,
472 .fa-compress:before {
481 .fa-asterisk:before {
484 .fa-exclamation-circle:before {
499 .fa-eye-slash:before {
503 .fa-exclamation-triangle:before {
509 .fa-calendar:before {
521 .fa-chevron-up:before {
524 .fa-chevron-down:before {
530 .fa-shopping-cart:before {
536 .fa-folder-open:before {
539 .fa-arrows-v:before {
542 .fa-arrows-h:before {
545 .fa-bar-chart-o:before
,
546 .fa-bar-chart:before {
549 .fa-twitter-square:before {
552 .fa-facebook-square:before {
555 .fa-camera-retro:before {
565 .fa-comments:before {
568 .fa-thumbs-o-up:before {
571 .fa-thumbs-o-down:before {
574 .fa-star-half:before {
580 .fa-sign-out:before {
583 .fa-linkedin-square:before {
586 .fa-thumb-tack:before {
589 .fa-external-link:before {
598 .fa-github-square:before {
610 .fa-square-o:before {
613 .fa-bookmark-o:before {
616 .fa-phone-square:before {
622 .fa-facebook-f:before
,
623 .fa-facebook:before {
632 .fa-credit-card:before {
642 .fa-bullhorn:before {
648 .fa-certificate:before {
651 .fa-hand-o-right:before {
654 .fa-hand-o-left:before {
657 .fa-hand-o-up:before {
660 .fa-hand-o-down:before {
663 .fa-arrow-circle-left:before {
666 .fa-arrow-circle-right:before {
669 .fa-arrow-circle-up:before {
672 .fa-arrow-circle-down:before {
687 .fa-briefcase:before {
690 .fa-arrows-alt:before {
708 .fa-scissors:before {
715 .fa-paperclip:before {
719 .fa-floppy-o:before {
736 .fa-strikethrough:before {
739 .fa-underline:before {
751 .fa-pinterest:before {
754 .fa-pinterest-square:before {
757 .fa-google-plus-square:before {
760 .fa-google-plus:before {
766 .fa-caret-down:before {
769 .fa-caret-up:before {
772 .fa-caret-left:before {
775 .fa-caret-right:before {
785 .fa-sort-down:before
,
786 .fa-sort-desc:before {
790 .fa-sort-asc:before {
793 .fa-envelope:before {
796 .fa-linkedin:before {
799 .fa-rotate-left:before
,
807 .fa-dashboard:before
,
808 .fa-tachometer:before {
811 .fa-comment-o:before {
814 .fa-comments-o:before {
824 .fa-umbrella:before {
828 .fa-clipboard:before {
831 .fa-lightbulb-o:before {
834 .fa-exchange:before {
837 .fa-cloud-download:before {
840 .fa-cloud-upload:before {
846 .fa-stethoscope:before {
849 .fa-suitcase:before {
861 .fa-file-text-o:before {
864 .fa-building-o:before {
867 .fa-hospital-o:before {
870 .fa-ambulance:before {
876 .fa-fighter-jet:before {
882 .fa-h-square:before {
885 .fa-plus-square:before {
888 .fa-angle-double-left:before {
891 .fa-angle-double-right:before {
894 .fa-angle-double-up:before {
897 .fa-angle-double-down:before {
900 .fa-angle-left:before {
903 .fa-angle-right:before {
906 .fa-angle-up:before {
909 .fa-angle-down:before {
921 .fa-mobile-phone:before
,
925 .fa-circle-o:before {
928 .fa-quote-left:before {
931 .fa-quote-right:before {
940 .fa-mail-reply:before
,
944 .fa-github-alt:before {
947 .fa-folder-o:before {
950 .fa-folder-open-o:before {
965 .fa-keyboard-o:before {
971 .fa-flag-checkered:before {
974 .fa-terminal:before {
980 .fa-mail-reply-all:before
,
981 .fa-reply-all:before {
984 .fa-star-half-empty:before
,
985 .fa-star-half-full:before
,
986 .fa-star-half-o:before {
989 .fa-location-arrow:before {
995 .fa-code-fork:before {
999 .fa-chain-broken:before {
1002 .fa-question:before {
1008 .fa-exclamation:before {
1011 .fa-superscript:before {
1014 .fa-subscript:before {
1020 .fa-puzzle-piece:before {
1023 .fa-microphone:before {
1026 .fa-microphone-slash:before {
1032 .fa-calendar-o:before {
1035 .fa-fire-extinguisher:before {
1044 .fa-chevron-circle-left:before {
1047 .fa-chevron-circle-right:before {
1050 .fa-chevron-circle-up:before {
1053 .fa-chevron-circle-down:before {
1065 .fa-unlock-alt:before {
1068 .fa-bullseye:before {
1071 .fa-ellipsis-h:before {
1074 .fa-ellipsis-v:before {
1077 .fa-rss-square:before {
1080 .fa-play-circle:before {
1086 .fa-minus-square:before {
1089 .fa-minus-square-o:before {
1092 .fa-level-up:before {
1095 .fa-level-down:before {
1098 .fa-check-square:before {
1101 .fa-pencil-square:before {
1104 .fa-external-link-square:before {
1107 .fa-share-square:before {
1110 .fa-compass:before {
1113 .fa-toggle-down:before
,
1114 .fa-caret-square-o-down:before {
1117 .fa-toggle-up:before
,
1118 .fa-caret-square-o-up:before {
1121 .fa-toggle-right:before
,
1122 .fa-caret-square-o-right:before {
1162 .fa-file-text:before {
1165 .fa-sort-alpha-asc:before {
1168 .fa-sort-alpha-desc:before {
1171 .fa-sort-amount-asc:before {
1174 .fa-sort-amount-desc:before {
1177 .fa-sort-numeric-asc:before {
1180 .fa-sort-numeric-desc:before {
1183 .fa-thumbs-up:before {
1186 .fa-thumbs-down:before {
1189 .fa-youtube-square:before {
1192 .fa-youtube:before {
1198 .fa-xing-square:before {
1201 .fa-youtube-play:before {
1204 .fa-dropbox:before {
1207 .fa-stack-overflow:before {
1210 .fa-instagram:before {
1219 .fa-bitbucket:before {
1222 .fa-bitbucket-square:before {
1228 .fa-tumblr-square:before {
1231 .fa-long-arrow-down:before {
1234 .fa-long-arrow-up:before {
1237 .fa-long-arrow-left:before {
1240 .fa-long-arrow-right:before {
1246 .fa-windows:before {
1249 .fa-android:before {
1255 .fa-dribbble:before {
1261 .fa-foursquare:before {
1274 .fa-gratipay:before {
1283 .fa-archive:before {
1298 .fa-pagelines:before {
1301 .fa-stack-exchange:before {
1304 .fa-arrow-circle-o-right:before {
1307 .fa-arrow-circle-o-left:before {
1310 .fa-toggle-left:before
,
1311 .fa-caret-square-o-left:before {
1314 .fa-dot-circle-o:before {
1317 .fa-wheelchair:before {
1320 .fa-vimeo-square:before {
1323 .fa-turkish-lira:before
,
1327 .fa-plus-square-o:before {
1330 .fa-space-shuttle:before {
1336 .fa-envelope-square:before {
1339 .fa-wordpress:before {
1345 .fa-institution:before
,
1347 .fa-university:before {
1350 .fa-mortar-board:before
,
1351 .fa-graduation-cap:before {
1363 .fa-reddit-square:before {
1366 .fa-stumbleupon-circle:before {
1369 .fa-stumbleupon:before {
1372 .fa-delicious:before {
1378 .fa-pied-piper-pp:before {
1381 .fa-pied-piper-alt:before {
1390 .fa-language:before {
1396 .fa-building:before {
1414 .fa-behance:before {
1417 .fa-behance-square:before {
1423 .fa-steam-square:before {
1426 .fa-recycle:before {
1429 .fa-automobile:before
,
1440 .fa-spotify:before {
1443 .fa-deviantart:before {
1446 .fa-soundcloud:before {
1449 .fa-database:before {
1452 .fa-file-pdf-o:before {
1455 .fa-file-word-o:before {
1458 .fa-file-excel-o:before {
1461 .fa-file-powerpoint-o:before {
1464 .fa-file-photo-o:before
,
1465 .fa-file-picture-o:before
,
1466 .fa-file-image-o:before {
1469 .fa-file-zip-o:before
,
1470 .fa-file-archive-o:before {
1473 .fa-file-sound-o:before
,
1474 .fa-file-audio-o:before {
1477 .fa-file-movie-o:before
,
1478 .fa-file-video-o:before {
1481 .fa-file-code-o:before {
1487 .fa-codepen:before {
1490 .fa-jsfiddle:before {
1493 .fa-life-bouy:before
,
1494 .fa-life-buoy:before
,
1495 .fa-life-saver:before
,
1497 .fa-life-ring:before {
1500 .fa-circle-o-notch:before {
1504 .fa-resistance:before
,
1512 .fa-git-square:before {
1518 .fa-y-combinator-square:before
,
1519 .fa-yc-square:before
,
1520 .fa-hacker-news:before {
1523 .fa-tencent-weibo:before {
1534 .fa-paper-plane:before {
1538 .fa-paper-plane-o:before {
1541 .fa-history:before {
1544 .fa-circle-thin:before {
1550 .fa-paragraph:before {
1553 .fa-sliders:before {
1556 .fa-share-alt:before {
1559 .fa-share-alt-square:before {
1565 .fa-soccer-ball-o:before
,
1566 .fa-futbol-o:before {
1572 .fa-binoculars:before {
1578 .fa-slideshare:before {
1587 .fa-newspaper-o:before {
1593 .fa-calculator:before {
1599 .fa-google-wallet:before {
1602 .fa-cc-visa:before {
1605 .fa-cc-mastercard:before {
1608 .fa-cc-discover:before {
1611 .fa-cc-amex:before {
1614 .fa-cc-paypal:before {
1617 .fa-cc-stripe:before {
1620 .fa-bell-slash:before {
1623 .fa-bell-slash-o:before {
1629 .fa-copyright:before {
1635 .fa-eyedropper:before {
1638 .fa-paint-brush:before {
1641 .fa-birthday-cake:before {
1644 .fa-area-chart:before {
1647 .fa-pie-chart:before {
1650 .fa-line-chart:before {
1656 .fa-lastfm-square:before {
1659 .fa-toggle-off:before {
1662 .fa-toggle-on:before {
1665 .fa-bicycle:before {
1671 .fa-ioxhost:before {
1674 .fa-angellist:before {
1685 .fa-meanpath:before {
1688 .fa-buysellads:before {
1691 .fa-connectdevelop:before {
1694 .fa-dashcube:before {
1697 .fa-forumbee:before {
1700 .fa-leanpub:before {
1706 .fa-shirtsinbulk:before {
1709 .fa-simplybuilt:before {
1712 .fa-skyatlas:before {
1715 .fa-cart-plus:before {
1718 .fa-cart-arrow-down:before {
1721 .fa-diamond:before {
1727 .fa-user-secret:before {
1730 .fa-motorcycle:before {
1733 .fa-street-view:before {
1736 .fa-heartbeat:before {
1745 .fa-mercury:before {
1748 .fa-intersex:before
,
1749 .fa-transgender:before {
1752 .fa-transgender-alt:before {
1755 .fa-venus-double:before {
1758 .fa-mars-double:before {
1761 .fa-venus-mars:before {
1764 .fa-mars-stroke:before {
1767 .fa-mars-stroke-v:before {
1770 .fa-mars-stroke-h:before {
1776 .fa-genderless:before {
1779 .fa-facebook-official:before {
1782 .fa-pinterest-p:before {
1785 .fa-whatsapp:before {
1791 .fa-user-plus:before {
1794 .fa-user-times:before {
1801 .fa-viacoin:before {
1814 .fa-y-combinator:before {
1817 .fa-optin-monster:before {
1820 .fa-opencart:before {
1823 .fa-expeditedssl:before {
1826 .fa-battery-4:before
,
1828 .fa-battery-full:before {
1831 .fa-battery-3:before
,
1832 .fa-battery-three-quarters:before {
1835 .fa-battery-2:before
,
1836 .fa-battery-half:before {
1839 .fa-battery-1:before
,
1840 .fa-battery-quarter:before {
1843 .fa-battery-0:before
,
1844 .fa-battery-empty:before {
1847 .fa-mouse-pointer:before {
1850 .fa-i-cursor:before {
1853 .fa-object-group:before {
1856 .fa-object-ungroup:before {
1859 .fa-sticky-note:before {
1862 .fa-sticky-note-o:before {
1868 .fa-cc-diners-club:before {
1874 .fa-balance-scale:before {
1877 .fa-hourglass-o:before {
1880 .fa-hourglass-1:before
,
1881 .fa-hourglass-start:before {
1884 .fa-hourglass-2:before
,
1885 .fa-hourglass-half:before {
1888 .fa-hourglass-3:before
,
1889 .fa-hourglass-end:before {
1892 .fa-hourglass:before {
1895 .fa-hand-grab-o:before
,
1896 .fa-hand-rock-o:before {
1899 .fa-hand-stop-o:before
,
1900 .fa-hand-paper-o:before {
1903 .fa-hand-scissors-o:before {
1906 .fa-hand-lizard-o:before {
1909 .fa-hand-spock-o:before {
1912 .fa-hand-pointer-o:before {
1915 .fa-hand-peace-o:before {
1918 .fa-trademark:before {
1921 .fa-registered:before {
1924 .fa-creative-commons:before {
1930 .fa-gg-circle:before {
1933 .fa-tripadvisor:before {
1936 .fa-odnoklassniki:before {
1939 .fa-odnoklassniki-square:before {
1942 .fa-get-pocket:before {
1945 .fa-wikipedia-w:before {
1954 .fa-firefox:before {
1960 .fa-internet-explorer:before {
1964 .fa-television:before {
1976 .fa-calendar-plus-o:before {
1979 .fa-calendar-minus-o:before {
1982 .fa-calendar-times-o:before {
1985 .fa-calendar-check-o:before {
1988 .fa-industry:before {
1991 .fa-map-pin:before {
1994 .fa-map-signs:before {
2003 .fa-commenting:before {
2006 .fa-commenting-o:before {
2015 .fa-black-tie:before {
2018 .fa-fonticons:before {
2021 .fa-reddit-alien:before {
2027 .fa-credit-card-alt:before {
2030 .fa-codiepie:before {
2036 .fa-fort-awesome:before {
2042 .fa-product-hunt:before {
2045 .fa-mixcloud:before {
2051 .fa-pause-circle:before {
2054 .fa-pause-circle-o:before {
2057 .fa-stop-circle:before {
2060 .fa-stop-circle-o:before {
2063 .fa-shopping-bag:before {
2066 .fa-shopping-basket:before {
2069 .fa-hashtag:before {
2072 .fa-bluetooth:before {
2075 .fa-bluetooth-b:before {
2078 .fa-percent:before {
2084 .fa-wpbeginner:before {
2087 .fa-wpforms:before {
2093 .fa-universal-access:before {
2096 .fa-wheelchair-alt:before {
2099 .fa-question-circle-o:before {
2105 .fa-audio-description:before {
2108 .fa-volume-control-phone:before {
2111 .fa-braille:before {
2114 .fa-assistive-listening-systems:before {
2117 .fa-asl-interpreting:before
,
2118 .fa-american-sign-language-interpreting:before {
2121 .fa-deafness:before
,
2122 .fa-hard-of-hearing:before
,
2129 .fa-glide-g:before {
2133 .fa-sign-language:before {
2136 .fa-low-vision:before {
2142 .fa-viadeo-square:before {
2145 .fa-snapchat:before {
2148 .fa-snapchat-ghost:before {
2151 .fa-snapchat-square:before {
2154 .fa-pied-piper:before {
2157 .fa-first-order:before {
2163 .fa-themeisle:before {
2166 .fa-google-plus-circle:before
,
2167 .fa-google-plus-official:before {
2171 .fa-font-awesome:before {
2174 .fa-handshake-o:before {
2177 .fa-envelope-open:before {
2180 .fa-envelope-open-o:before {
2186 .fa-address-book:before {
2189 .fa-address-book-o:before {
2193 .fa-address-card:before {
2197 .fa-address-card-o:before {
2200 .fa-user-circle:before {
2203 .fa-user-circle-o:before {
2209 .fa-id-badge:before {
2212 .fa-drivers-license:before
,
2213 .fa-id-card:before {
2216 .fa-drivers-license-o:before
,
2217 .fa-id-card-o:before {
2223 .fa-free-code-camp:before {
2226 .fa-telegram:before {
2229 .fa-thermometer-4:before
,
2230 .fa-thermometer:before
,
2231 .fa-thermometer-full:before {
2234 .fa-thermometer-3:before
,
2235 .fa-thermometer-three-quarters:before {
2238 .fa-thermometer-2:before
,
2239 .fa-thermometer-half:before {
2242 .fa-thermometer-1:before
,
2243 .fa-thermometer-quarter:before {
2246 .fa-thermometer-0:before
,
2247 .fa-thermometer-empty:before {
2258 .fa-podcast:before {
2261 .fa-window-maximize:before {
2264 .fa-window-minimize:before {
2267 .fa-window-restore:before {
2270 .fa-times-rectangle:before
,
2271 .fa-window-close:before {
2274 .fa-times-rectangle-o:before
,
2275 .fa-window-close-o:before {
2278 .fa-bandcamp:before {
2290 .fa-ravelry:before {
2293 .fa-eercast:before {
2296 .fa-microchip:before {
2299 .fa-snowflake-o:before {
2302 .fa-superpowers:before {
2305 .fa-wpexplorer:before {
2318 clip: rect
(0, 0, 0, 0);
2321 .sr-only-focusable:active, .sr-only-focusable:focus {
2330 * Bootstrap v4.5.0 (https://getbootstrap.com/)
2331 * Copyright 2011-2020 The Bootstrap Authors
2332 * Copyright 2011-2020 Twitter, Inc.
2333 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
2348 --gray-dark: #343a40;
2350 --secondary: #ced4da;
2358 --breakpoint-sm: 576px;
2359 --breakpoint-md: 768px;
2360 --breakpoint-lg: 992px;
2361 --breakpoint-xl: 1200px;
2362 --font-family-sans-serif: -apple-system
, BlinkMacSystemFont
, "Segoe UI", Roboto
, "Helvetica Neue", Arial
, "Noto Sans", sans-serif
, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
2363 --font-family-monospace: SFMono-Regular
, Menlo
, Monaco
, Consolas
, "Liberation Mono", "Courier New", monospace
; }
2368 box-sizing: border-box
; }
2371 font-family: sans-serif
;
2373 -webkit-text-size-adjust: 100%;
2374 -webkit-tap-highlight-color: rgba
(0, 0, 0, 0); }
2376 article
, aside
, figcaption
, figure
, footer
, header
, hgroup
, main
, nav
, section
{
2381 font-family: -apple-system
, BlinkMacSystemFont
, "Segoe UI", Roboto
, "Helvetica Neue", Arial
, "Noto Sans", sans-serif
, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
2382 font-size: 0.9375rem;
2387 background-color: #fff; }
2388 @media
(max-width: 1200px) {
2390 font-size: calc
(0.90375rem + 0.045vw) ; } }
2392 [tabindex
="-1"]:focus:not
(:focus-visible
) {
2393 outline: 0 !important
; }
2396 box-sizing: content-box
;
2398 overflow: visible
; }
2400 h1
, h2
, h3
, h4
, h5
, h6
{
2402 margin-bottom: 0.5rem; }
2406 margin-bottom: 1rem; }
2409 abbr
[data-original-title
] {
2410 text-decoration: underline
;
2411 text-decoration: underline dotted
;
2414 text-decoration-skip-ink: none
; }
2417 margin-bottom: 1rem;
2419 line-height: inherit
; }
2425 margin-bottom: 1rem; }
2437 margin-bottom: .5rem;
2445 font-weight: bolder
; }
2455 vertical-align: baseline
; }
2465 text-decoration: none
;
2466 background-color: transparent
; }
2469 text-decoration: underline
; }
2473 text-decoration: none
; }
2474 a:not
([href
]):hover
{
2476 text-decoration: none
; }
2482 font-family: SFMono-Regular
, Menlo
, Monaco
, Consolas
, "Liberation Mono", "Courier New", monospace
;
2487 margin-bottom: 1rem;
2489 -ms-overflow-style: scrollbar
; }
2495 vertical-align: middle
;
2496 border-style: none
; }
2500 vertical-align: middle
; }
2503 border-collapse: collapse
; }
2506 padding-top: 0.75rem;
2507 padding-bottom: 0.75rem;
2510 caption-side: bottom
; }
2513 text-align: inherit
; }
2516 display: inline-block
;
2517 margin-bottom: 0.5rem; }
2523 outline: 1px dotted
;
2524 outline: 5px auto
-webkit-focus-ring-color
; }
2532 font-family: inherit
;
2534 line-height: inherit
; }
2538 overflow: visible
; }
2542 text-transform: none
; }
2548 word-wrap: normal
; }
2554 -webkit-appearance: button
; }
2556 button:not
(:disabled
),
2557 [type
="button"]:not
(:disabled
),
2558 [type
="reset"]:not
(:disabled
),
2559 [type
="submit"]:not
(:disabled
) {
2562 button::-moz-focus-inner
,
2563 [type
="button"]::-moz-focus-inner
,
2564 [type
="reset"]::-moz-focus-inner
,
2565 [type
="submit"]::-moz-focus-inner
{
2567 border-style: none
; }
2569 input
[type
="radio"],
2570 input
[type
="checkbox"] {
2571 box-sizing: border-box
;
2589 margin-bottom: .5rem;
2591 line-height: inherit
;
2593 white-space: normal
; }
2594 @media
(max-width: 1200px) {
2596 font-size: calc
(0.96rem + 0.72vw) ; } }
2599 vertical-align: baseline
; }
2601 [type
="number"]::-webkit-inner-spin-button
,
2602 [type
="number"]::-webkit-outer-spin-button
{
2606 outline-offset: -2px;
2607 -webkit-appearance: none
; }
2609 [type
="search"]::-webkit-search-decoration
{
2610 -webkit-appearance: none
; }
2612 ::-webkit-file-upload-button
{
2614 -webkit-appearance: button
; }
2617 display: inline-block
; }
2627 display: none
!important
; }
2629 h1
, h2
, h3
, h4
, h5
, h6
,
2630 .h1, .h2, .h3, .h4, .h5, .h6 {
2631 margin-bottom: 0.5rem;
2636 font-size: 2.34375rem; }
2637 @media
(max-width: 1200px) {
2639 font-size: calc
(1.044375rem + 1.7325vw) ; } }
2642 font-size: 1.875rem; }
2643 @media
(max-width: 1200px) {
2645 font-size: calc
(0.9975rem + 1.17vw) ; } }
2648 font-size: 1.640625rem; }
2649 @media
(max-width: 1200px) {
2651 font-size: calc
(0.9740625rem + 0.88875vw) ; } }
2654 font-size: 1.40625rem; }
2655 @media
(max-width: 1200px) {
2657 font-size: calc
(0.950625rem + 0.6075vw) ; } }
2660 font-size: 1.171875rem; }
2661 @media
(max-width: 1200px) {
2663 font-size: calc
(0.9271875rem + 0.32625vw) ; } }
2666 font-size: 0.9375rem; }
2667 @media
(max-width: 1200px) {
2669 font-size: calc
(0.90375rem + 0.045vw) ; } }
2672 font-size: 1.171875rem;
2674 @media
(max-width: 1200px) {
2676 font-size: calc
(0.9271875rem + 0.32625vw) ; } }
2682 @media
(max-width: 1200px) {
2684 font-size: calc
(1.41rem + 6.12vw) ; } }
2690 @media
(max-width: 1200px) {
2692 font-size: calc
(1.36rem + 5.52vw) ; } }
2698 @media
(max-width: 1200px) {
2700 font-size: calc
(1.26rem + 4.32vw) ; } }
2706 @media
(max-width: 1200px) {
2708 font-size: calc
(1.16rem + 3.12vw) ; } }
2712 margin-bottom: 1rem;
2714 border-top: 1px solid rgba
(0, 0, 0, 0.1); }
2724 background-color: #fcf8e3; }
2735 display: inline-block
; }
2736 .list-inline-item:not(:last-child) {
2737 margin-right: 0.5rem; }
2741 text-transform: uppercase
; }
2744 margin-bottom: 1rem;
2745 font-size: 1.171875rem; }
2746 @media
(max-width: 1200px) {
2748 font-size: calc
(0.9271875rem + 0.32625vw) ; } }
2750 .blockquote-footer {
2754 .blockquote-footer::before {
2755 content: "\2014\00A0"; }
2763 background-color: #fff;
2764 border: 1px solid
#dee2e6;
2769 display: inline-block
; }
2772 margin-bottom: 0.5rem;
2782 word-wrap: break-word
; }
2787 padding: 0.2rem 0.4rem;
2790 background-color: #212529; }
2803 word-break: normal
; }
2807 overflow-y: scroll
; }
2811 padding-right: 15px;
2814 margin-left: auto
; }
2815 @media
(min-width: 576px) {
2817 max-width: 540px; } }
2818 @media
(min-width: 768px) {
2820 max-width: 720px; } }
2821 @media
(min-width: 992px) {
2823 max-width: 960px; } }
2824 @media
(min-width: 1200px) {
2826 max-width: 1140px; } }
2828 .container-fluid, .container-sm, .container-md, .container-lg, .container-xl {
2830 padding-right: 15px;
2833 margin-left: auto
; }
2835 @media (min-width: 576px) {
2836 .container, .container-sm {
2837 max-width: 540px; } }
2839 @media (min-width: 768px) {
2840 .container, .container-sm, .container-md {
2841 max-width: 720px; } }
2843 @media (min-width: 992px) {
2844 .container, .container-sm, .container-md, .container-lg {
2845 max-width: 960px; } }
2847 @media (min-width: 1200px) {
2848 .container, .container-sm, .container-md, .container-lg, .container-xl {
2849 max-width: 1140px; } }
2854 margin-right: -15px;
2855 margin-left: -15px; }
2861 .no-gutters > [class*="col-"] {
2865 .col-1
, .col-2
, .col-3
, .col-4
, .col-5
, .col-6
, .col-7
, .col-8
, .col-9
, .col-10
, .col-11
, .col-12
, .col
,
2866 .col-auto
, .col-sm-1
, .col-sm-2
, .col-sm-3
, .col-sm-4
, .col-sm-5
, .col-sm-6
, .col-sm-7
, .col-sm-8
, .col-sm-9
, .col-sm-10
, .col-sm-11
, .col-sm-12
, .col-sm
,
2867 .col-sm-auto
, .col-md-1
, .col-md-2
, .col-md-3
, .col-md-4
, .col-md-5
, .col-md-6
, .col-md-7
, .col-md-8
, .col-md-9
, .col-md-10
, .col-md-11
, .col-md-12
, .col-md
,
2868 .col-md-auto
, .col-lg-1
, .col-lg-2
, .col-lg-3
, .col-lg-4
, .col-lg-5
, .col-lg-6
, .col-lg-7
, .col-lg-8
, .col-lg-9
, .col-lg-10
, .col-lg-11
, .col-lg-12
, .col-lg
,
2869 .col-lg-auto
, .col-xl-1
, .col-xl-2
, .col-xl-3
, .col-xl-4
, .col-xl-5
, .col-xl-6
, .col-xl-7
, .col-xl-8
, .col-xl-9
, .col-xl-10
, .col-xl-11
, .col-xl-12
, .col-xl
,
2873 padding-right: 15px;
2874 padding-left: 15px; }
2891 flex: 0 0 33.3333333333%;
2892 max-width: 33.3333333333%; }
2903 flex: 0 0 16.6666666667%;
2904 max-width: 16.6666666667%; }
2912 flex: 0 0 8.3333333333%;
2913 max-width: 8.3333333333%; }
2916 flex: 0 0 16.6666666667%;
2917 max-width: 16.6666666667%; }
2924 flex: 0 0 33.3333333333%;
2925 max-width: 33.3333333333%; }
2928 flex: 0 0 41.6666666667%;
2929 max-width: 41.6666666667%; }
2936 flex: 0 0 58.3333333333%;
2937 max-width: 58.3333333333%; }
2940 flex: 0 0 66.6666666667%;
2941 max-width: 66.6666666667%; }
2948 flex: 0 0 83.3333333333%;
2949 max-width: 83.3333333333%; }
2952 flex: 0 0 91.6666666667%;
2953 max-width: 91.6666666667%; }
3005 margin-left: 8.3333333333%; }
3008 margin-left: 16.6666666667%; }
3014 margin-left: 33.3333333333%; }
3017 margin-left: 41.6666666667%; }
3023 margin-left: 58.3333333333%; }
3026 margin-left: 66.6666666667%; }
3032 margin-left: 83.3333333333%; }
3035 margin-left: 91.6666666667%; }
3037 @media (min-width: 576px) {
3043 .row-cols-sm-1 > * {
3046 .row-cols-sm-2 > * {
3049 .row-cols-sm-3 > * {
3050 flex: 0 0 33.3333333333%;
3051 max-width: 33.3333333333%; }
3052 .row-cols-sm-4 > * {
3055 .row-cols-sm-5 > * {
3058 .row-cols-sm-6 > * {
3059 flex: 0 0 16.6666666667%;
3060 max-width: 16.6666666667%; }
3066 flex: 0 0 8.3333333333%;
3067 max-width: 8.3333333333%; }
3069 flex: 0 0 16.6666666667%;
3070 max-width: 16.6666666667%; }
3075 flex: 0 0 33.3333333333%;
3076 max-width: 33.3333333333%; }
3078 flex: 0 0 41.6666666667%;
3079 max-width: 41.6666666667%; }
3084 flex: 0 0 58.3333333333%;
3085 max-width: 58.3333333333%; }
3087 flex: 0 0 66.6666666667%;
3088 max-width: 66.6666666667%; }
3093 flex: 0 0 83.3333333333%;
3094 max-width: 83.3333333333%; }
3096 flex: 0 0 91.6666666667%;
3097 max-width: 91.6666666667%; }
3134 margin-left: 8.3333333333%; }
3136 margin-left: 16.6666666667%; }
3140 margin-left: 33.3333333333%; }
3142 margin-left: 41.6666666667%; }
3146 margin-left: 58.3333333333%; }
3148 margin-left: 66.6666666667%; }
3152 margin-left: 83.3333333333%; }
3154 margin-left: 91.6666666667%; } }
3156 @media (min-width: 768px) {
3162 .row-cols-md-1 > * {
3165 .row-cols-md-2 > * {
3168 .row-cols-md-3 > * {
3169 flex: 0 0 33.3333333333%;
3170 max-width: 33.3333333333%; }
3171 .row-cols-md-4 > * {
3174 .row-cols-md-5 > * {
3177 .row-cols-md-6 > * {
3178 flex: 0 0 16.6666666667%;
3179 max-width: 16.6666666667%; }
3185 flex: 0 0 8.3333333333%;
3186 max-width: 8.3333333333%; }
3188 flex: 0 0 16.6666666667%;
3189 max-width: 16.6666666667%; }
3194 flex: 0 0 33.3333333333%;
3195 max-width: 33.3333333333%; }
3197 flex: 0 0 41.6666666667%;
3198 max-width: 41.6666666667%; }
3203 flex: 0 0 58.3333333333%;
3204 max-width: 58.3333333333%; }
3206 flex: 0 0 66.6666666667%;
3207 max-width: 66.6666666667%; }
3212 flex: 0 0 83.3333333333%;
3213 max-width: 83.3333333333%; }
3215 flex: 0 0 91.6666666667%;
3216 max-width: 91.6666666667%; }
3253 margin-left: 8.3333333333%; }
3255 margin-left: 16.6666666667%; }
3259 margin-left: 33.3333333333%; }
3261 margin-left: 41.6666666667%; }
3265 margin-left: 58.3333333333%; }
3267 margin-left: 66.6666666667%; }
3271 margin-left: 83.3333333333%; }
3273 margin-left: 91.6666666667%; } }
3275 @media (min-width: 992px) {
3281 .row-cols-lg-1 > * {
3284 .row-cols-lg-2 > * {
3287 .row-cols-lg-3 > * {
3288 flex: 0 0 33.3333333333%;
3289 max-width: 33.3333333333%; }
3290 .row-cols-lg-4 > * {
3293 .row-cols-lg-5 > * {
3296 .row-cols-lg-6 > * {
3297 flex: 0 0 16.6666666667%;
3298 max-width: 16.6666666667%; }
3304 flex: 0 0 8.3333333333%;
3305 max-width: 8.3333333333%; }
3307 flex: 0 0 16.6666666667%;
3308 max-width: 16.6666666667%; }
3313 flex: 0 0 33.3333333333%;
3314 max-width: 33.3333333333%; }
3316 flex: 0 0 41.6666666667%;
3317 max-width: 41.6666666667%; }
3322 flex: 0 0 58.3333333333%;
3323 max-width: 58.3333333333%; }
3325 flex: 0 0 66.6666666667%;
3326 max-width: 66.6666666667%; }
3331 flex: 0 0 83.3333333333%;
3332 max-width: 83.3333333333%; }
3334 flex: 0 0 91.6666666667%;
3335 max-width: 91.6666666667%; }
3372 margin-left: 8.3333333333%; }
3374 margin-left: 16.6666666667%; }
3378 margin-left: 33.3333333333%; }
3380 margin-left: 41.6666666667%; }
3384 margin-left: 58.3333333333%; }
3386 margin-left: 66.6666666667%; }
3390 margin-left: 83.3333333333%; }
3392 margin-left: 91.6666666667%; } }
3394 @media (min-width: 1200px) {
3400 .row-cols-xl-1 > * {
3403 .row-cols-xl-2 > * {
3406 .row-cols-xl-3 > * {
3407 flex: 0 0 33.3333333333%;
3408 max-width: 33.3333333333%; }
3409 .row-cols-xl-4 > * {
3412 .row-cols-xl-5 > * {
3415 .row-cols-xl-6 > * {
3416 flex: 0 0 16.6666666667%;
3417 max-width: 16.6666666667%; }
3423 flex: 0 0 8.3333333333%;
3424 max-width: 8.3333333333%; }
3426 flex: 0 0 16.6666666667%;
3427 max-width: 16.6666666667%; }
3432 flex: 0 0 33.3333333333%;
3433 max-width: 33.3333333333%; }
3435 flex: 0 0 41.6666666667%;
3436 max-width: 41.6666666667%; }
3441 flex: 0 0 58.3333333333%;
3442 max-width: 58.3333333333%; }
3444 flex: 0 0 66.6666666667%;
3445 max-width: 66.6666666667%; }
3450 flex: 0 0 83.3333333333%;
3451 max-width: 83.3333333333%; }
3453 flex: 0 0 91.6666666667%;
3454 max-width: 91.6666666667%; }
3491 margin-left: 8.3333333333%; }
3493 margin-left: 16.6666666667%; }
3497 margin-left: 33.3333333333%; }
3499 margin-left: 41.6666666667%; }
3503 margin-left: 58.3333333333%; }
3505 margin-left: 66.6666666667%; }
3509 margin-left: 83.3333333333%; }
3511 margin-left: 91.6666666667%; } }
3515 margin-bottom: 1rem;
3520 vertical-align: top
;
3521 border-top: 1px solid
#dee2e6; }
3523 vertical-align: bottom
;
3524 border-bottom: 2px solid
#dee2e6; }
3525 .table tbody + tbody {
3526 border-top: 2px solid
#dee2e6; }
3533 border: 1px solid
#dee2e6; }
3535 .table-bordered td {
3536 border: 1px solid
#dee2e6; }
3537 .table-bordered thead th
,
3538 .table-bordered thead td {
3539 border-bottom-width: 2px; }
3541 .table-borderless th
,
3542 .table-borderless td
,
3543 .table-borderless thead th
,
3544 .table-borderless tbody + tbody {
3547 .table-striped tbody tr:nth-of-type(odd) {
3548 background-color: rgba
(0, 0, 0, 0.05); }
3550 .table-hover tbody tr:hover {
3552 background-color: rgba
(0, 0, 0, 0.075); }
3555 .table-primary
> th
,
3556 .table-primary > td {
3557 background-color: #bcd7ef; }
3561 .table-primary thead th
,
3562 .table-primary tbody + tbody {
3563 border-color: #82b4e1; }
3565 .table-hover .table-primary:hover {
3566 background-color: #a7cbea; }
3567 .table-hover
.table-primary:hover
> td
,
3568 .table-hover .table-primary:hover > th {
3569 background-color: #a7cbea; }
3572 .table-secondary
> th
,
3573 .table-secondary > td {
3574 background-color: #f1f3f5; }
3576 .table-secondary th
,
3577 .table-secondary td
,
3578 .table-secondary thead th
,
3579 .table-secondary tbody + tbody {
3580 border-color: #e6e9ec; }
3582 .table-hover .table-secondary:hover {
3583 background-color: #e2e6ea; }
3584 .table-hover
.table-secondary:hover
> td
,
3585 .table-hover .table-secondary:hover > th {
3586 background-color: #e2e6ea; }
3589 .table-success
> th
,
3590 .table-success > td {
3591 background-color: #c6dac6; }
3595 .table-success thead th
,
3596 .table-success tbody + tbody {
3597 border-color: #96ba94; }
3599 .table-hover .table-success:hover {
3600 background-color: #b7d0b7; }
3601 .table-hover
.table-success:hover
> td
,
3602 .table-hover .table-success:hover > th {
3603 background-color: #b7d0b7; }
3608 background-color: #b8dce2; }
3612 .table-info thead th
,
3613 .table-info tbody + tbody {
3614 border-color: #7abdc8; }
3616 .table-hover .table-info:hover {
3617 background-color: #a6d3db; }
3618 .table-hover
.table-info:hover
> td
,
3619 .table-hover .table-info:hover > th {
3620 background-color: #a6d3db; }
3623 .table-warning
> th
,
3624 .table-warning > td {
3625 background-color: #fbe8cd; }
3629 .table-warning thead th
,
3630 .table-warning tbody + tbody {
3631 border-color: #f7d4a3; }
3633 .table-hover .table-warning:hover {
3634 background-color: #f9ddb5; }
3635 .table-hover
.table-warning:hover
> td
,
3636 .table-hover .table-warning:hover > th {
3637 background-color: #f9ddb5; }
3641 .table-danger > td {
3642 background-color: #f0c5c1; }
3646 .table-danger thead th
,
3647 .table-danger tbody + tbody {
3648 border-color: #e3948b; }
3650 .table-hover .table-danger:hover {
3651 background-color: #ebb2ac; }
3652 .table-hover
.table-danger:hover
> td
,
3653 .table-hover .table-danger:hover > th {
3654 background-color: #ebb2ac; }
3659 background-color: #fdfdfe; }
3663 .table-light thead th
,
3664 .table-light tbody + tbody {
3665 border-color: #fbfcfc; }
3667 .table-hover .table-light:hover {
3668 background-color: #ececf6; }
3669 .table-hover
.table-light:hover
> td
,
3670 .table-hover .table-light:hover > th {
3671 background-color: #ececf6; }
3676 background-color: #c6c8ca; }
3680 .table-dark thead th
,
3681 .table-dark tbody + tbody {
3682 border-color: #95999c; }
3684 .table-hover .table-dark:hover {
3685 background-color: #b9bbbe; }
3686 .table-hover
.table-dark:hover
> td
,
3687 .table-hover .table-dark:hover > th {
3688 background-color: #b9bbbe; }
3692 .table-active > td {
3693 background-color: rgba
(0, 0, 0, 0.075); }
3695 .table-hover .table-active:hover {
3696 background-color: rgba
(0, 0, 0, 0.075); }
3697 .table-hover
.table-active:hover
> td
,
3698 .table-hover .table-active:hover > th {
3699 background-color: rgba
(0, 0, 0, 0.075); }
3701 .table .thead-dark th {
3703 background-color: #343a40;
3704 border-color: #454d55; }
3706 .table .thead-light th {
3708 background-color: #e9ecef;
3709 border-color: #dee2e6; }
3713 background-color: #343a40; }
3716 .table-dark thead th {
3717 border-color: #454d55; }
3718 .table-dark.table-bordered {
3720 .table-dark.table-striped tbody tr:nth-of-type(odd) {
3721 background-color: rgba
(255, 255, 255, 0.05); }
3722 .table-dark.table-hover tbody tr:hover {
3724 background-color: rgba
(255, 255, 255, 0.075); }
3726 @media (max-width: 575.98px) {
3727 .table-responsive-sm {
3731 -webkit-overflow-scrolling: touch
; }
3732 .table-responsive-sm > .table-bordered {
3735 @media (max-width: 767.98px) {
3736 .table-responsive-md {
3740 -webkit-overflow-scrolling: touch
; }
3741 .table-responsive-md > .table-bordered {
3744 @media (max-width: 991.98px) {
3745 .table-responsive-lg {
3749 -webkit-overflow-scrolling: touch
; }
3750 .table-responsive-lg > .table-bordered {
3753 @media (max-width: 1199.98px) {
3754 .table-responsive-xl {
3758 -webkit-overflow-scrolling: touch
; }
3759 .table-responsive-xl > .table-bordered {
3766 -webkit-overflow-scrolling: touch
; }
3767 .table-responsive > .table-bordered {
3773 height: calc
(1.5em + 0.75rem + 2px);
3774 padding: 0.375rem 0.75rem;
3775 font-size: 0.9375rem;
3779 background-color: #fff;
3780 background-clip: padding-box
;
3781 border: 1px solid
#8f959e;
3783 transition: border-color
0.15s ease-in-out
, box-shadow
0.15s ease-in-out
; }
3784 @media
(max-width: 1200px) {
3786 font-size: calc
(0.90375rem + 0.045vw) ; } }
3787 @media
(prefers-reduced-motion: reduce
) {
3789 transition: none
; } }
3790 .form-control::-ms-expand {
3791 background-color: transparent
;
3793 .form-control:-moz-focusring {
3795 text-shadow: 0 0 0 #495057; }
3796 .form-control:focus {
3798 background-color: #fff;
3799 border-color: #61aef3;
3801 box-shadow: 0 0 0 0.2rem rgba
(15, 111, 197, 0.75); }
3802 .form-control::placeholder {
3805 .form-control:disabled, .form-control[readonly] {
3806 background-color: #e9ecef;
3809 input
[type
="date"].form-control
,
3810 input
[type
="time"].form-control
,
3811 input
[type
="datetime-local"].form-control
,
3812 input
[type
="month"].form-control
{
3815 select
.form-control:focus::-ms-value
{
3817 background-color: #fff; }
3820 .form-control-range {
3825 padding-top: calc
(0.375rem + 1px);
3826 padding-bottom: calc
(0.375rem + 1px);
3831 .col-form-label-lg {
3832 padding-top: calc
(0.5rem + 1px);
3833 padding-bottom: calc
(0.5rem + 1px);
3834 font-size: 1.171875rem;
3836 @media
(max-width: 1200px) {
3837 .col-form-label-lg {
3838 font-size: calc
(0.9271875rem + 0.32625vw) ; } }
3840 .col-form-label-sm {
3841 padding-top: calc
(0.25rem + 1px);
3842 padding-bottom: calc
(0.25rem + 1px);
3843 font-size: 0.8203125rem;
3846 .form-control-plaintext {
3849 padding: 0.375rem 0;
3851 font-size: 0.9375rem;
3854 background-color: transparent
;
3855 border: solid transparent
;
3856 border-width: 1px 0; }
3857 @media
(max-width: 1200px) {
3858 .form-control-plaintext {
3859 font-size: calc
(0.90375rem + 0.045vw) ; } }
3860 .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
3865 height: calc
(1.5em + 0.5rem + 2px);
3866 padding: 0.25rem 0.5rem;
3867 font-size: 0.8203125rem;
3871 height: calc
(1.5em + 1rem + 2px);
3872 padding: 0.5rem 1rem;
3873 font-size: 1.171875rem;
3875 @media
(max-width: 1200px) {
3877 font-size: calc
(0.9271875rem + 0.32625vw) ; } }
3879 select
.form-control
[size
], select
.form-control
[multiple
] {
3882 textarea
.form-control
{
3886 margin-bottom: 1rem; }
3890 margin-top: 0.25rem; }
3896 margin-left: -5px; }
3898 .form-row > [class*="col-"] {
3900 padding-left: 5px; }
3905 padding-left: 1.25rem; }
3910 margin-left: -1.25rem; }
3911 .form-check-input
[disabled
] ~ .form-check-label
,
3912 .form-check-input:disabled ~ .form-check-label {
3918 .form-check-inline {
3919 display: inline-flex
;
3920 align-items: center
;
3922 margin-right: 0.75rem; }
3923 .form-check-inline .form-check-input {
3926 margin-right: 0.3125rem;
3932 margin-top: 0.25rem;
3942 padding: 0.25rem 0.5rem;
3944 font-size: 0.8203125rem;
3947 background-color: rgba
(53, 122, 50, 0.9); }
3949 .was-validated :valid
~ .valid-feedback
,
3950 .was-validated :valid
~ .valid-tooltip
,
3951 .is-valid
~ .valid-feedback
,
3952 .is-valid ~ .valid-tooltip {
3955 .was-validated .form-control:valid, .form-control.is-valid {
3956 border-color: #357a32;
3957 padding-right: calc
(1.5em + 0.75rem);
3958 background-image: url
("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23357a32' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
3959 background-repeat: no-repeat
;
3960 background-position: right calc
(0.375em + 0.1875rem) center
;
3961 background-size: calc
(0.75em + 0.375rem) calc
(0.75em + 0.375rem); }
3962 .was-validated .form-control:valid:focus, .form-control.is-valid:focus {
3963 border-color: #357a32;
3964 box-shadow: 0 0 0 0.2rem rgba
(53, 122, 50, 0.25); }
3966 .was-validated textarea.form-control:valid, textarea.form-control.is-valid {
3967 padding-right: calc
(1.5em + 0.75rem);
3968 background-position: top calc
(0.375em + 0.1875rem) right calc
(0.375em + 0.1875rem); }
3970 .was-validated .custom-select:valid, .custom-select.is-valid {
3971 border-color: #357a32;
3972 padding-right: calc
(0.75em + 2.3125rem);
3973 background: url
("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right
0.75rem center
/8px 10px, url
("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23357a32' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right
1.75rem/calc
(0.75em + 0.375rem) calc
(0.75em + 0.375rem); }
3974 .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
3975 border-color: #357a32;
3976 box-shadow: 0 0 0 0.2rem rgba
(53, 122, 50, 0.25); }
3978 .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
3981 .was-validated
.form-check-input:valid
~ .valid-feedback
,
3982 .was-validated
.form-check-input:valid
~ .valid-tooltip
, .form-check-input
.is-valid
~ .valid-feedback
,
3983 .form-check-input.is-valid ~ .valid-tooltip {
3986 .was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
3988 .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
3989 border-color: #357a32; }
3991 .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
3992 border-color: #459e41;
3993 background-color: #459e41; }
3995 .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
3996 box-shadow: 0 0 0 0.2rem rgba
(53, 122, 50, 0.25); }
3998 .was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
3999 border-color: #357a32; }
4001 .was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
4002 border-color: #357a32; }
4004 .was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
4005 border-color: #357a32;
4006 box-shadow: 0 0 0 0.2rem rgba
(53, 122, 50, 0.25); }
4011 margin-top: 0.25rem;
4021 padding: 0.25rem 0.5rem;
4023 font-size: 0.8203125rem;
4026 background-color: rgba
(202, 49, 32, 0.9); }
4028 .was-validated :invalid
~ .invalid-feedback
,
4029 .was-validated :invalid
~ .invalid-tooltip
,
4030 .is-invalid
~ .invalid-feedback
,
4031 .is-invalid ~ .invalid-tooltip {
4034 .was-validated .form-control:invalid, .form-control.is-invalid {
4035 border-color: #ca3120;
4036 padding-right: calc
(1.5em + 0.75rem);
4037 background-image: url
("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23ca3120' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23ca3120' stroke='none'/%3e%3c/svg%3e");
4038 background-repeat: no-repeat
;
4039 background-position: right calc
(0.375em + 0.1875rem) center
;
4040 background-size: calc
(0.75em + 0.375rem) calc
(0.75em + 0.375rem); }
4041 .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
4042 border-color: #ca3120;
4043 box-shadow: 0 0 0 0.2rem rgba
(202, 49, 32, 0.25); }
4045 .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
4046 padding-right: calc
(1.5em + 0.75rem);
4047 background-position: top calc
(0.375em + 0.1875rem) right calc
(0.375em + 0.1875rem); }
4049 .was-validated .custom-select:invalid, .custom-select.is-invalid {
4050 border-color: #ca3120;
4051 padding-right: calc
(0.75em + 2.3125rem);
4052 background: url
("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right
0.75rem center
/8px 10px, url
("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23ca3120' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23ca3120' stroke='none'/%3e%3c/svg%3e") #fff no-repeat center right
1.75rem/calc
(0.75em + 0.375rem) calc
(0.75em + 0.375rem); }
4053 .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
4054 border-color: #ca3120;
4055 box-shadow: 0 0 0 0.2rem rgba
(202, 49, 32, 0.25); }
4057 .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
4060 .was-validated
.form-check-input:invalid
~ .invalid-feedback
,
4061 .was-validated
.form-check-input:invalid
~ .invalid-tooltip
, .form-check-input
.is-invalid
~ .invalid-feedback
,
4062 .form-check-input.is-invalid ~ .invalid-tooltip {
4065 .was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
4067 .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
4068 border-color: #ca3120; }
4070 .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
4071 border-color: #e04d3d;
4072 background-color: #e04d3d; }
4074 .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
4075 box-shadow: 0 0 0 0.2rem rgba
(202, 49, 32, 0.25); }
4077 .was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
4078 border-color: #ca3120; }
4080 .was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
4081 border-color: #ca3120; }
4083 .was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
4084 border-color: #ca3120;
4085 box-shadow: 0 0 0 0.2rem rgba
(202, 49, 32, 0.25); }
4089 flex-flow: row wrap
;
4090 align-items: center
; }
4091 .form-inline .form-check {
4093 @media
(min-width: 576px) {
4094 .form-inline label {
4096 align-items: center
;
4097 justify-content: center
;
4099 .form-inline .form-group {
4102 flex-flow: row wrap
;
4103 align-items: center
;
4105 .form-inline .form-control {
4106 display: inline-block
;
4108 vertical-align: middle
; }
4109 .form-inline .form-control-plaintext {
4110 display: inline-block
; }
4111 .form-inline
.input-group
,
4112 .form-inline .custom-select {
4114 .form-inline .form-check {
4116 align-items: center
;
4117 justify-content: center
;
4120 .form-inline .form-check-input {
4124 margin-right: 0.25rem;
4126 .form-inline .custom-control {
4127 align-items: center
;
4128 justify-content: center
; }
4129 .form-inline .custom-control-label {
4130 margin-bottom: 0; } }
4133 display: inline-block
;
4137 vertical-align: middle
;
4139 background-color: transparent
;
4140 border: 1px solid transparent
;
4141 padding: 0.375rem 0.75rem;
4142 font-size: 0.9375rem;
4145 transition: color
0.15s ease-in-out
, background-color
0.15s ease-in-out
, border-color
0.15s ease-in-out
, box-shadow
0.15s ease-in-out
; }
4146 @media
(max-width: 1200px) {
4148 font-size: calc
(0.90375rem + 0.045vw) ; } }
4149 @media
(prefers-reduced-motion: reduce
) {
4151 transition: none
; } }
4154 text-decoration: none
; }
4155 .btn:focus, .btn.focus {
4157 box-shadow: 0 0 0 0.2rem rgba
(15, 111, 197, 0.75); }
4158 .btn.disabled, .btn:disabled {
4160 .btn:not(:disabled):not(.disabled) {
4164 fieldset:disabled a
.btn
{
4165 pointer-events: none
; }
4169 background-color: #0f6fc5;
4170 border-color: #0f6fc5; }
4171 .btn-primary:hover {
4173 background-color: #0c5ba1;
4174 border-color: #0b5496; }
4175 .btn-primary:focus, .btn-primary.focus {
4177 background-color: #0c5ba1;
4178 border-color: #0b5496;
4179 box-shadow: 0 0 0 0.2rem rgba
(51, 133, 206, 0.5); }
4180 .btn-primary.disabled, .btn-primary:disabled {
4182 background-color: #0f6fc5;
4183 border-color: #0f6fc5; }
4184 .btn-primary:not
(:disabled
):not
(.disabled
):active
, .btn-primary:not
(:disabled
):not
(.disabled
).active
,
4185 .show > .btn-primary.dropdown-toggle {
4187 background-color: #0b5496;
4188 border-color: #0a4e8a; }
4189 .btn-primary:not
(:disabled
):not
(.disabled
):active:focus
, .btn-primary:not
(:disabled
):not
(.disabled
).active:focus
,
4190 .show > .btn-primary.dropdown-toggle:focus {
4191 box-shadow: 0 0 0 0.2rem rgba
(51, 133, 206, 0.5); }
4195 background-color: #ced4da;
4196 border-color: #ced4da; }
4197 .btn-secondary:hover {
4199 background-color: #b8c1ca;
4200 border-color: #b1bbc4; }
4201 .btn-secondary:focus, .btn-secondary.focus {
4203 background-color: #b8c1ca;
4204 border-color: #b1bbc4;
4205 box-shadow: 0 0 0 0.2rem rgba
(180, 186, 191, 0.5); }
4206 .btn-secondary.disabled, .btn-secondary:disabled {
4208 background-color: #ced4da;
4209 border-color: #ced4da; }
4210 .btn-secondary:not
(:disabled
):not
(.disabled
):active
, .btn-secondary:not
(:disabled
):not
(.disabled
).active
,
4211 .show > .btn-secondary.dropdown-toggle {
4213 background-color: #b1bbc4;
4214 border-color: #aab4bf; }
4215 .btn-secondary:not
(:disabled
):not
(.disabled
):active:focus
, .btn-secondary:not
(:disabled
):not
(.disabled
).active:focus
,
4216 .show > .btn-secondary.dropdown-toggle:focus {
4217 box-shadow: 0 0 0 0.2rem rgba
(180, 186, 191, 0.5); }
4221 background-color: #357a32;
4222 border-color: #357a32; }
4223 .btn-success:hover {
4225 background-color: #295f27;
4226 border-color: #255623; }
4227 .btn-success:focus, .btn-success.focus {
4229 background-color: #295f27;
4230 border-color: #255623;
4231 box-shadow: 0 0 0 0.2rem rgba
(83, 142, 81, 0.5); }
4232 .btn-success.disabled, .btn-success:disabled {
4234 background-color: #357a32;
4235 border-color: #357a32; }
4236 .btn-success:not
(:disabled
):not
(.disabled
):active
, .btn-success:not
(:disabled
):not
(.disabled
).active
,
4237 .show > .btn-success.dropdown-toggle {
4239 background-color: #255623;
4240 border-color: #214d1f; }
4241 .btn-success:not
(:disabled
):not
(.disabled
):active:focus
, .btn-success:not
(:disabled
):not
(.disabled
).active:focus
,
4242 .show > .btn-success.dropdown-toggle:focus {
4243 box-shadow: 0 0 0 0.2rem rgba
(83, 142, 81, 0.5); }
4247 background-color: #008196;
4248 border-color: #008196; }
4251 background-color: #006070;
4252 border-color: #005563; }
4253 .btn-info:focus, .btn-info.focus {
4255 background-color: #006070;
4256 border-color: #005563;
4257 box-shadow: 0 0 0 0.2rem rgba
(38, 148, 166, 0.5); }
4258 .btn-info.disabled, .btn-info:disabled {
4260 background-color: #008196;
4261 border-color: #008196; }
4262 .btn-info:not
(:disabled
):not
(.disabled
):active
, .btn-info:not
(:disabled
):not
(.disabled
).active
,
4263 .show > .btn-info.dropdown-toggle {
4265 background-color: #005563;
4266 border-color: #004a56; }
4267 .btn-info:not
(:disabled
):not
(.disabled
):active:focus
, .btn-info:not
(:disabled
):not
(.disabled
).active:focus
,
4268 .show > .btn-info.dropdown-toggle:focus {
4269 box-shadow: 0 0 0 0.2rem rgba
(38, 148, 166, 0.5); }
4273 background-color: #f0ad4e;
4274 border-color: #f0ad4e; }
4275 .btn-warning:hover {
4277 background-color: #ed9d2b;
4278 border-color: #ec971f; }
4279 .btn-warning:focus, .btn-warning.focus {
4281 background-color: #ed9d2b;
4282 border-color: #ec971f;
4283 box-shadow: 0 0 0 0.2rem rgba
(209, 153, 72, 0.5); }
4284 .btn-warning.disabled, .btn-warning:disabled {
4286 background-color: #f0ad4e;
4287 border-color: #f0ad4e; }
4288 .btn-warning:not
(:disabled
):not
(.disabled
):active
, .btn-warning:not
(:disabled
):not
(.disabled
).active
,
4289 .show > .btn-warning.dropdown-toggle {
4291 background-color: #ec971f;
4292 border-color: #ea9214; }
4293 .btn-warning:not
(:disabled
):not
(.disabled
):active:focus
, .btn-warning:not
(:disabled
):not
(.disabled
).active:focus
,
4294 .show > .btn-warning.dropdown-toggle:focus {
4295 box-shadow: 0 0 0 0.2rem rgba
(209, 153, 72, 0.5); }
4299 background-color: #ca3120;
4300 border-color: #ca3120; }
4303 background-color: #a9291b;
4304 border-color: #9e2619; }
4305 .btn-danger:focus, .btn-danger.focus {
4307 background-color: #a9291b;
4308 border-color: #9e2619;
4309 box-shadow: 0 0 0 0.2rem rgba
(210, 80, 65, 0.5); }
4310 .btn-danger.disabled, .btn-danger:disabled {
4312 background-color: #ca3120;
4313 border-color: #ca3120; }
4314 .btn-danger:not
(:disabled
):not
(.disabled
):active
, .btn-danger:not
(:disabled
):not
(.disabled
).active
,
4315 .show > .btn-danger.dropdown-toggle {
4317 background-color: #9e2619;
4318 border-color: #932417; }
4319 .btn-danger:not
(:disabled
):not
(.disabled
):active:focus
, .btn-danger:not
(:disabled
):not
(.disabled
).active:focus
,
4320 .show > .btn-danger.dropdown-toggle:focus {
4321 box-shadow: 0 0 0 0.2rem rgba
(210, 80, 65, 0.5); }
4325 background-color: #f8f9fa;
4326 border-color: #f8f9fa; }
4329 background-color: #e2e6ea;
4330 border-color: #dae0e5; }
4331 .btn-light:focus, .btn-light.focus {
4333 background-color: #e2e6ea;
4334 border-color: #dae0e5;
4335 box-shadow: 0 0 0 0.2rem rgba
(216, 217, 219, 0.5); }
4336 .btn-light.disabled, .btn-light:disabled {
4338 background-color: #f8f9fa;
4339 border-color: #f8f9fa; }
4340 .btn-light:not
(:disabled
):not
(.disabled
):active
, .btn-light:not
(:disabled
):not
(.disabled
).active
,
4341 .show > .btn-light.dropdown-toggle {
4343 background-color: #dae0e5;
4344 border-color: #d3d9df; }
4345 .btn-light:not
(:disabled
):not
(.disabled
):active:focus
, .btn-light:not
(:disabled
):not
(.disabled
).active:focus
,
4346 .show > .btn-light.dropdown-toggle:focus {
4347 box-shadow: 0 0 0 0.2rem rgba
(216, 217, 219, 0.5); }
4351 background-color: #343a40;
4352 border-color: #343a40; }
4355 background-color: #23272b;
4356 border-color: #1d2124; }
4357 .btn-dark:focus, .btn-dark.focus {
4359 background-color: #23272b;
4360 border-color: #1d2124;
4361 box-shadow: 0 0 0 0.2rem rgba
(82, 88, 93, 0.5); }
4362 .btn-dark.disabled, .btn-dark:disabled {
4364 background-color: #343a40;
4365 border-color: #343a40; }
4366 .btn-dark:not
(:disabled
):not
(.disabled
):active
, .btn-dark:not
(:disabled
):not
(.disabled
).active
,
4367 .show > .btn-dark.dropdown-toggle {
4369 background-color: #1d2124;
4370 border-color: #171a1d; }
4371 .btn-dark:not
(:disabled
):not
(.disabled
):active:focus
, .btn-dark:not
(:disabled
):not
(.disabled
).active:focus
,
4372 .show > .btn-dark.dropdown-toggle:focus {
4373 box-shadow: 0 0 0 0.2rem rgba
(82, 88, 93, 0.5); }
4375 .btn-outline-primary {
4377 border-color: #0f6fc5; }
4378 .btn-outline-primary:hover {
4380 background-color: #0f6fc5;
4381 border-color: #0f6fc5; }
4382 .btn-outline-primary:focus, .btn-outline-primary.focus {
4383 box-shadow: 0 0 0 0.2rem rgba
(15, 111, 197, 0.5); }
4384 .btn-outline-primary.disabled, .btn-outline-primary:disabled {
4386 background-color: transparent
; }
4387 .btn-outline-primary:not
(:disabled
):not
(.disabled
):active
, .btn-outline-primary:not
(:disabled
):not
(.disabled
).active
,
4388 .show > .btn-outline-primary.dropdown-toggle {
4390 background-color: #0f6fc5;
4391 border-color: #0f6fc5; }
4392 .btn-outline-primary:not
(:disabled
):not
(.disabled
):active:focus
, .btn-outline-primary:not
(:disabled
):not
(.disabled
).active:focus
,
4393 .show > .btn-outline-primary.dropdown-toggle:focus {
4394 box-shadow: 0 0 0 0.2rem rgba
(15, 111, 197, 0.5); }
4396 .btn-outline-secondary {
4398 border-color: #ced4da; }
4399 .btn-outline-secondary:hover {
4401 background-color: #ced4da;
4402 border-color: #ced4da; }
4403 .btn-outline-secondary:focus, .btn-outline-secondary.focus {
4404 box-shadow: 0 0 0 0.2rem rgba
(206, 212, 218, 0.5); }
4405 .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
4407 background-color: transparent
; }
4408 .btn-outline-secondary:not
(:disabled
):not
(.disabled
):active
, .btn-outline-secondary:not
(:disabled
):not
(.disabled
).active
,
4409 .show > .btn-outline-secondary.dropdown-toggle {
4411 background-color: #ced4da;
4412 border-color: #ced4da; }
4413 .btn-outline-secondary:not
(:disabled
):not
(.disabled
):active:focus
, .btn-outline-secondary:not
(:disabled
):not
(.disabled
).active:focus
,
4414 .show > .btn-outline-secondary.dropdown-toggle:focus {
4415 box-shadow: 0 0 0 0.2rem rgba
(206, 212, 218, 0.5); }
4417 .btn-outline-success {
4419 border-color: #357a32; }
4420 .btn-outline-success:hover {
4422 background-color: #357a32;
4423 border-color: #357a32; }
4424 .btn-outline-success:focus, .btn-outline-success.focus {
4425 box-shadow: 0 0 0 0.2rem rgba
(53, 122, 50, 0.5); }
4426 .btn-outline-success.disabled, .btn-outline-success:disabled {
4428 background-color: transparent
; }
4429 .btn-outline-success:not
(:disabled
):not
(.disabled
):active
, .btn-outline-success:not
(:disabled
):not
(.disabled
).active
,
4430 .show > .btn-outline-success.dropdown-toggle {
4432 background-color: #357a32;
4433 border-color: #357a32; }
4434 .btn-outline-success:not
(:disabled
):not
(.disabled
):active:focus
, .btn-outline-success:not
(:disabled
):not
(.disabled
).active:focus
,
4435 .show > .btn-outline-success.dropdown-toggle:focus {
4436 box-shadow: 0 0 0 0.2rem rgba
(53, 122, 50, 0.5); }
4440 border-color: #008196; }
4441 .btn-outline-info:hover {
4443 background-color: #008196;
4444 border-color: #008196; }
4445 .btn-outline-info:focus, .btn-outline-info.focus {
4446 box-shadow: 0 0 0 0.2rem rgba
(0, 129, 150, 0.5); }
4447 .btn-outline-info.disabled, .btn-outline-info:disabled {
4449 background-color: transparent
; }
4450 .btn-outline-info:not
(:disabled
):not
(.disabled
):active
, .btn-outline-info:not
(:disabled
):not
(.disabled
).active
,
4451 .show > .btn-outline-info.dropdown-toggle {
4453 background-color: #008196;
4454 border-color: #008196; }
4455 .btn-outline-info:not
(:disabled
):not
(.disabled
):active:focus
, .btn-outline-info:not
(:disabled
):not
(.disabled
).active:focus
,
4456 .show > .btn-outline-info.dropdown-toggle:focus {
4457 box-shadow: 0 0 0 0.2rem rgba
(0, 129, 150, 0.5); }
4459 .btn-outline-warning {
4461 border-color: #f0ad4e; }
4462 .btn-outline-warning:hover {
4464 background-color: #f0ad4e;
4465 border-color: #f0ad4e; }
4466 .btn-outline-warning:focus, .btn-outline-warning.focus {
4467 box-shadow: 0 0 0 0.2rem rgba
(240, 173, 78, 0.5); }
4468 .btn-outline-warning.disabled, .btn-outline-warning:disabled {
4470 background-color: transparent
; }
4471 .btn-outline-warning:not
(:disabled
):not
(.disabled
):active
, .btn-outline-warning:not
(:disabled
):not
(.disabled
).active
,
4472 .show > .btn-outline-warning.dropdown-toggle {
4474 background-color: #f0ad4e;
4475 border-color: #f0ad4e; }
4476 .btn-outline-warning:not
(:disabled
):not
(.disabled
):active:focus
, .btn-outline-warning:not
(:disabled
):not
(.disabled
).active:focus
,
4477 .show > .btn-outline-warning.dropdown-toggle:focus {
4478 box-shadow: 0 0 0 0.2rem rgba
(240, 173, 78, 0.5); }
4480 .btn-outline-danger {
4482 border-color: #ca3120; }
4483 .btn-outline-danger:hover {
4485 background-color: #ca3120;
4486 border-color: #ca3120; }
4487 .btn-outline-danger:focus, .btn-outline-danger.focus {
4488 box-shadow: 0 0 0 0.2rem rgba
(202, 49, 32, 0.5); }
4489 .btn-outline-danger.disabled, .btn-outline-danger:disabled {
4491 background-color: transparent
; }
4492 .btn-outline-danger:not
(:disabled
):not
(.disabled
):active
, .btn-outline-danger:not
(:disabled
):not
(.disabled
).active
,
4493 .show > .btn-outline-danger.dropdown-toggle {
4495 background-color: #ca3120;
4496 border-color: #ca3120; }
4497 .btn-outline-danger:not
(:disabled
):not
(.disabled
):active:focus
, .btn-outline-danger:not
(:disabled
):not
(.disabled
).active:focus
,
4498 .show > .btn-outline-danger.dropdown-toggle:focus {
4499 box-shadow: 0 0 0 0.2rem rgba
(202, 49, 32, 0.5); }
4501 .btn-outline-light {
4503 border-color: #f8f9fa; }
4504 .btn-outline-light:hover {
4506 background-color: #f8f9fa;
4507 border-color: #f8f9fa; }
4508 .btn-outline-light:focus, .btn-outline-light.focus {
4509 box-shadow: 0 0 0 0.2rem rgba
(248, 249, 250, 0.5); }
4510 .btn-outline-light.disabled, .btn-outline-light:disabled {
4512 background-color: transparent
; }
4513 .btn-outline-light:not
(:disabled
):not
(.disabled
):active
, .btn-outline-light:not
(:disabled
):not
(.disabled
).active
,
4514 .show > .btn-outline-light.dropdown-toggle {
4516 background-color: #f8f9fa;
4517 border-color: #f8f9fa; }
4518 .btn-outline-light:not
(:disabled
):not
(.disabled
):active:focus
, .btn-outline-light:not
(:disabled
):not
(.disabled
).active:focus
,
4519 .show > .btn-outline-light.dropdown-toggle:focus {
4520 box-shadow: 0 0 0 0.2rem rgba
(248, 249, 250, 0.5); }
4524 border-color: #343a40; }
4525 .btn-outline-dark:hover {
4527 background-color: #343a40;
4528 border-color: #343a40; }
4529 .btn-outline-dark:focus, .btn-outline-dark.focus {
4530 box-shadow: 0 0 0 0.2rem rgba
(52, 58, 64, 0.5); }
4531 .btn-outline-dark.disabled, .btn-outline-dark:disabled {
4533 background-color: transparent
; }
4534 .btn-outline-dark:not
(:disabled
):not
(.disabled
):active
, .btn-outline-dark:not
(:disabled
):not
(.disabled
).active
,
4535 .show > .btn-outline-dark.dropdown-toggle {
4537 background-color: #343a40;
4538 border-color: #343a40; }
4539 .btn-outline-dark:not
(:disabled
):not
(.disabled
):active:focus
, .btn-outline-dark:not
(:disabled
):not
(.disabled
).active:focus
,
4540 .show > .btn-outline-dark.dropdown-toggle:focus {
4541 box-shadow: 0 0 0 0.2rem rgba
(52, 58, 64, 0.5); }
4546 text-decoration: none
; }
4549 text-decoration: underline
; }
4550 .btn-link:focus, .btn-link.focus {
4551 text-decoration: underline
; }
4552 .btn-link:disabled, .btn-link.disabled {
4554 pointer-events: none
; }
4556 .btn-lg, .btn-group-lg > .btn {
4557 padding: 0.5rem 1rem;
4558 font-size: 1.171875rem;
4561 @media
(max-width: 1200px) {
4562 .btn-lg, .btn-group-lg > .btn {
4563 font-size: calc
(0.9271875rem + 0.32625vw) ; } }
4565 .btn-sm, .btn-group-sm > .btn {
4566 padding: 0.25rem 0.5rem;
4567 font-size: 0.8203125rem;
4574 .btn-block + .btn-block {
4575 margin-top: 0.5rem; }
4577 input
[type
="submit"].btn-block
,
4578 input
[type
="reset"].btn-block
,
4579 input
[type
="button"].btn-block
{
4583 transition: opacity
0.15s linear
; }
4584 @media
(prefers-reduced-motion: reduce
) {
4586 transition: none
; } }
4590 .collapse:not(.show) {
4597 transition: height
0.35s ease
; }
4598 @media
(prefers-reduced-motion: reduce
) {
4600 transition: none
; } }
4606 position: relative
; }
4609 white-space: nowrap
; }
4610 .dropdown-toggle::after {
4611 display: inline-block
;
4612 margin-left: 0.255em;
4613 vertical-align: 0.255em;
4615 border-top: 0.3em solid
;
4616 border-right: 0.3em solid transparent
;
4618 border-left: 0.3em solid transparent
; }
4619 .dropdown-toggle:empty::after {
4631 margin: 0.125rem 0 0;
4632 font-size: 0.9375rem;
4636 background-color: #fff;
4637 background-clip: padding-box
;
4638 border: 1px solid rgba
(0, 0, 0, 0.15); }
4639 @media
(max-width: 1200px) {
4641 font-size: calc
(0.90375rem + 0.045vw) ; } }
4643 .dropdown-menu-left {
4647 .dropdown-menu-right {
4651 @media (min-width: 576px) {
4652 .dropdown-menu-sm-left {
4655 .dropdown-menu-sm-right {
4659 @media (min-width: 768px) {
4660 .dropdown-menu-md-left {
4663 .dropdown-menu-md-right {
4667 @media (min-width: 992px) {
4668 .dropdown-menu-lg-left {
4671 .dropdown-menu-lg-right {
4675 @media (min-width: 1200px) {
4676 .dropdown-menu-xl-left {
4679 .dropdown-menu-xl-right {
4683 .dropup .dropdown-menu {
4687 margin-bottom: 0.125rem; }
4689 .dropup .dropdown-toggle::after {
4690 display: inline-block
;
4691 margin-left: 0.255em;
4692 vertical-align: 0.255em;
4695 border-right: 0.3em solid transparent
;
4696 border-bottom: 0.3em solid
;
4697 border-left: 0.3em solid transparent
; }
4699 .dropup .dropdown-toggle:empty::after {
4702 .dropright .dropdown-menu {
4707 margin-left: 0.125rem; }
4709 .dropright .dropdown-toggle::after {
4710 display: inline-block
;
4711 margin-left: 0.255em;
4712 vertical-align: 0.255em;
4714 border-top: 0.3em solid transparent
;
4716 border-bottom: 0.3em solid transparent
;
4717 border-left: 0.3em solid
; }
4719 .dropright .dropdown-toggle:empty::after {
4722 .dropright .dropdown-toggle::after {
4723 vertical-align: 0; }
4725 .dropleft .dropdown-menu {
4730 margin-right: 0.125rem; }
4732 .dropleft .dropdown-toggle::after {
4733 display: inline-block
;
4734 margin-left: 0.255em;
4735 vertical-align: 0.255em;
4738 .dropleft .dropdown-toggle::after {
4741 .dropleft .dropdown-toggle::before {
4742 display: inline-block
;
4743 margin-right: 0.255em;
4744 vertical-align: 0.255em;
4746 border-top: 0.3em solid transparent
;
4747 border-right: 0.3em solid
;
4748 border-bottom: 0.3em solid transparent
; }
4750 .dropleft .dropdown-toggle:empty::after {
4753 .dropleft .dropdown-toggle::before {
4754 vertical-align: 0; }
4756 .dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] {
4764 border-top: 1px solid
#e9ecef; }
4769 padding: 0.25rem 1.5rem;
4773 text-align: inherit
;
4774 white-space: nowrap
;
4775 background-color: transparent
;
4777 .dropdown-item:hover, .dropdown-item:focus {
4779 text-decoration: none
;
4780 background-color: #0f6fc5; }
4781 .dropdown-item.active, .dropdown-item:active {
4783 text-decoration: none
;
4784 background-color: #0f6fc5; }
4785 .dropdown-item.disabled, .dropdown-item:disabled {
4787 pointer-events: none
;
4788 background-color: transparent
; }
4790 .dropdown-menu.show {
4795 padding: 0.5rem 1.5rem;
4797 font-size: 0.8203125rem;
4799 white-space: nowrap
; }
4801 .dropdown-item-text {
4803 padding: 0.25rem 1.5rem;
4807 .btn-group-vertical {
4809 display: inline-flex
;
4810 vertical-align: middle
; }
4812 .btn-group-vertical > .btn {
4815 .btn-group
> .btn:hover
,
4816 .btn-group-vertical > .btn:hover {
4818 .btn-group
> .btn:focus
, .btn-group
> .btn:active
, .btn-group
> .btn
.active
,
4819 .btn-group-vertical
> .btn:focus
,
4820 .btn-group-vertical
> .btn:active
,
4821 .btn-group-vertical > .btn.active {
4827 justify-content: flex-start
; }
4828 .btn-toolbar .input-group {
4831 .btn-group
> .btn:not
(:first-child
),
4832 .btn-group > .btn-group:not(:first-child) {
4833 margin-left: -1px; }
4835 .dropdown-toggle-split {
4836 padding-right: 0.5625rem;
4837 padding-left: 0.5625rem; }
4838 .dropdown-toggle-split::after
,
4839 .dropup
.dropdown-toggle-split::after
,
4840 .dropright .dropdown-toggle-split::after {
4842 .dropleft .dropdown-toggle-split::before {
4845 .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
4846 padding-right: 0.375rem;
4847 padding-left: 0.375rem; }
4849 .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
4850 padding-right: 0.75rem;
4851 padding-left: 0.75rem; }
4853 .btn-group-vertical {
4854 flex-direction: column
;
4855 align-items: flex-start
;
4856 justify-content: center
; }
4857 .btn-group-vertical
> .btn
,
4858 .btn-group-vertical > .btn-group {
4860 .btn-group-vertical
> .btn:not
(:first-child
),
4861 .btn-group-vertical > .btn-group:not(:first-child) {
4864 .btn-group-toggle
> .btn
,
4865 .btn-group-toggle > .btn-group > .btn {
4867 .btn-group-toggle
> .btn input
[type
="radio"],
4868 .btn-group-toggle
> .btn input
[type
="checkbox"],
4869 .btn-group-toggle
> .btn-group
> .btn input
[type
="radio"],
4870 .btn-group-toggle > .btn-group > .btn input[type="checkbox"] {
4872 clip: rect
(0, 0, 0, 0);
4873 pointer-events: none
; }
4879 align-items: stretch
;
4881 .input-group
> .form-control
,
4882 .input-group
> .form-control-plaintext
,
4883 .input-group
> .custom-select
,
4884 .input-group > .custom-file {
4890 .input-group
> .form-control
+ .form-control
,
4891 .input-group
> .form-control
+ .custom-select
,
4892 .input-group
> .form-control
+ .custom-file
,
4893 .input-group
> .form-control-plaintext
+ .form-control
,
4894 .input-group
> .form-control-plaintext
+ .custom-select
,
4895 .input-group
> .form-control-plaintext
+ .custom-file
,
4896 .input-group
> .custom-select
+ .form-control
,
4897 .input-group
> .custom-select
+ .custom-select
,
4898 .input-group
> .custom-select
+ .custom-file
,
4899 .input-group
> .custom-file
+ .form-control
,
4900 .input-group
> .custom-file
+ .custom-select
,
4901 .input-group > .custom-file + .custom-file {
4902 margin-left: -1px; }
4903 .input-group
> .form-control:focus
,
4904 .input-group
> .custom-select:focus
,
4905 .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
4907 .input-group > .custom-file .custom-file-input:focus {
4909 .input-group > .custom-file {
4911 align-items: center
; }
4913 .input-group-prepend
,
4914 .input-group-append {
4916 .input-group-prepend
.btn
,
4917 .input-group-append .btn {
4920 .input-group-prepend
.btn:focus
,
4921 .input-group-append .btn:focus {
4923 .input-group-prepend
.btn
+ .btn
,
4924 .input-group-prepend
.btn
+ .input-group-text
,
4925 .input-group-prepend
.input-group-text
+ .input-group-text
,
4926 .input-group-prepend
.input-group-text
+ .btn
,
4927 .input-group-append
.btn
+ .btn
,
4928 .input-group-append
.btn
+ .input-group-text
,
4929 .input-group-append
.input-group-text
+ .input-group-text
,
4930 .input-group-append .input-group-text + .btn {
4931 margin-left: -1px; }
4933 .input-group-prepend {
4934 margin-right: -1px; }
4936 .input-group-append {
4937 margin-left: -1px; }
4941 align-items: center
;
4942 padding: 0.375rem 0.75rem;
4944 font-size: 0.9375rem;
4949 white-space: nowrap
;
4950 background-color: #e9ecef;
4951 border: 1px solid
#8f959e; }
4952 @media
(max-width: 1200px) {
4954 font-size: calc
(0.90375rem + 0.045vw) ; } }
4955 .input-group-text input
[type
="radio"],
4956 .input-group-text input[type="checkbox"] {
4959 .input-group-lg
> .form-control:not
(textarea
),
4960 .input-group-lg > .custom-select {
4961 height: calc
(1.5em + 1rem + 2px); }
4963 .input-group-lg
> .form-control
,
4964 .input-group-lg
> .custom-select
,
4965 .input-group-lg
> .input-group-prepend
> .input-group-text
,
4966 .input-group-lg
> .input-group-append
> .input-group-text
,
4967 .input-group-lg
> .input-group-prepend
> .btn
,
4968 .input-group-lg > .input-group-append > .btn {
4969 padding: 0.5rem 1rem;
4970 font-size: 1.171875rem;
4972 @media
(max-width: 1200px) {
4973 .input-group-lg
> .form-control
,
4974 .input-group-lg
> .custom-select
,
4975 .input-group-lg
> .input-group-prepend
> .input-group-text
,
4976 .input-group-lg
> .input-group-append
> .input-group-text
,
4977 .input-group-lg
> .input-group-prepend
> .btn
,
4978 .input-group-lg > .input-group-append > .btn {
4979 font-size: calc
(0.9271875rem + 0.32625vw) ; } }
4981 .input-group-sm
> .form-control:not
(textarea
),
4982 .input-group-sm > .custom-select {
4983 height: calc
(1.5em + 0.5rem + 2px); }
4985 .input-group-sm
> .form-control
,
4986 .input-group-sm
> .custom-select
,
4987 .input-group-sm
> .input-group-prepend
> .input-group-text
,
4988 .input-group-sm
> .input-group-append
> .input-group-text
,
4989 .input-group-sm
> .input-group-prepend
> .btn
,
4990 .input-group-sm > .input-group-append > .btn {
4991 padding: 0.25rem 0.5rem;
4992 font-size: 0.8203125rem;
4995 .input-group-lg
> .custom-select
,
4996 .input-group-sm > .custom-select {
4997 padding-right: 1.75rem; }
5002 min-height: 1.40625rem;
5003 padding-left: 1.75rem; }
5005 .custom-control-inline {
5006 display: inline-flex
;
5007 margin-right: 1rem; }
5009 .custom-control-input {
5014 height: 1.328125rem;
5016 .custom-control-input:checked ~ .custom-control-label::before {
5018 border-color: #0f6fc5;
5019 background-color: #0f6fc5; }
5020 .custom-control-input:focus ~ .custom-control-label::before {
5021 box-shadow: 0 0 0 0.2rem rgba
(15, 111, 197, 0.75); }
5022 .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
5023 border-color: #61aef3; }
5024 .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
5026 background-color: #90c6f7;
5027 border-color: #90c6f7; }
5028 .custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label {
5030 .custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before {
5031 background-color: #e9ecef; }
5033 .custom-control-label {
5036 vertical-align: top
; }
5037 .custom-control-label::before {
5044 pointer-events: none
;
5046 background-color: #fff;
5047 border: #8f959e solid
1px; }
5048 .custom-control-label::after {
5056 background: no-repeat
50% / 50% 50%; }
5058 .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
5059 background-image: url
("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); }
5061 .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
5062 border-color: #0f6fc5;
5063 background-color: #0f6fc5; }
5065 .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
5066 background-image: url
("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e"); }
5068 .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
5069 background-color: rgba
(15, 111, 197, 0.5); }
5071 .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
5072 background-color: rgba
(15, 111, 197, 0.5); }
5074 .custom-radio .custom-control-label::before {
5075 border-radius: 50%; }
5077 .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
5078 background-image: url
("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); }
5080 .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
5081 background-color: rgba
(15, 111, 197, 0.5); }
5084 padding-left: 2.6875rem; }
5085 .custom-switch .custom-control-label::before {
5088 pointer-events: all
;
5089 border-radius: 0.625rem; }
5090 .custom-switch .custom-control-label::after {
5091 top: calc
(0.078125rem + 2px);
5092 left: calc
(-2.6875rem + 2px);
5093 width: calc
(1.25rem - 4px);
5094 height: calc
(1.25rem - 4px);
5095 background-color: #8f959e;
5096 border-radius: 0.625rem;
5097 transition: transform
0.15s ease-in-out
, background-color
0.15s ease-in-out
, border-color
0.15s ease-in-out
, box-shadow
0.15s ease-in-out
; }
5098 @media
(prefers-reduced-motion: reduce
) {
5099 .custom-switch .custom-control-label::after {
5100 transition: none
; } }
5101 .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
5102 background-color: #fff;
5103 transform: translateX
(0.9375rem); }
5104 .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
5105 background-color: rgba
(15, 111, 197, 0.5); }
5108 display: inline-block
;
5110 height: calc
(1.5em + 0.75rem + 2px);
5111 padding: 0.375rem 1.75rem 0.375rem 0.75rem;
5112 font-size: 0.9375rem;
5116 vertical-align: middle
;
5117 background: #fff url
("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right
0.75rem center
/8px 10px;
5118 border: 1px solid
#8f959e;
5121 @media
(max-width: 1200px) {
5123 font-size: calc
(0.90375rem + 0.045vw) ; } }
5124 .custom-select:focus {
5125 border-color: #61aef3;
5127 box-shadow: 0 0 0 0.2rem rgba
(15, 111, 197, 0.75); }
5128 .custom-select:focus::-ms-value {
5130 background-color: #fff; }
5131 .custom-select[multiple], .custom-select[size]:not([size="1"]) {
5133 padding-right: 0.75rem;
5134 background-image: none
; }
5135 .custom-select:disabled {
5137 background-color: #e9ecef; }
5138 .custom-select::-ms-expand {
5140 .custom-select:-moz-focusring {
5142 text-shadow: 0 0 0 #495057; }
5145 height: calc
(1.5em + 0.5rem + 2px);
5146 padding-top: 0.25rem;
5147 padding-bottom: 0.25rem;
5148 padding-left: 0.5rem;
5149 font-size: 0.8203125rem; }
5152 height: calc
(1.5em + 1rem + 2px);
5153 padding-top: 0.5rem;
5154 padding-bottom: 0.5rem;
5156 font-size: 1.171875rem; }
5157 @media
(max-width: 1200px) {
5159 font-size: calc
(0.9271875rem + 0.32625vw) ; } }
5163 display: inline-block
;
5165 height: calc
(1.5em + 0.75rem + 2px);
5168 .custom-file-input {
5172 height: calc
(1.5em + 0.75rem + 2px);
5175 .custom-file-input:focus ~ .custom-file-label {
5176 border-color: #61aef3;
5177 box-shadow: 0 0 0 0.2rem rgba
(15, 111, 197, 0.75); }
5178 .custom-file-input
[disabled
] ~ .custom-file-label
,
5179 .custom-file-input:disabled ~ .custom-file-label {
5180 background-color: #e9ecef; }
5181 .custom-file-input:lang(en) ~ .custom-file-label::after {
5182 content: "Browse"; }
5183 .custom-file-input ~ .custom-file-label[data-browse]::after {
5184 content: attr
(data-browse
); }
5186 .custom-file-label {
5192 height: calc
(1.5em + 0.75rem + 2px);
5193 padding: 0.375rem 0.75rem;
5197 background-color: #fff;
5198 border: 1px solid
#8f959e; }
5199 .custom-file-label::after {
5206 height: calc
(1.5em + 0.75rem);
5207 padding: 0.375rem 0.75rem;
5211 background-color: #e9ecef;
5212 border-left: inherit
; }
5218 background-color: transparent
;
5220 .custom-range:focus {
5222 .custom-range:focus::-webkit-slider-thumb {
5223 box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba
(15, 111, 197, 0.75); }
5224 .custom-range:focus::-moz-range-thumb {
5225 box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba
(15, 111, 197, 0.75); }
5226 .custom-range:focus::-ms-thumb {
5227 box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba
(15, 111, 197, 0.75); }
5228 .custom-range::-moz-focus-outer {
5230 .custom-range::-webkit-slider-thumb {
5233 margin-top: -0.25rem;
5234 background-color: #0f6fc5;
5236 transition: background-color
0.15s ease-in-out
, border-color
0.15s ease-in-out
, box-shadow
0.15s ease-in-out
;
5238 @media
(prefers-reduced-motion: reduce
) {
5239 .custom-range::-webkit-slider-thumb {
5240 transition: none
; } }
5241 .custom-range::-webkit-slider-thumb:active {
5242 background-color: #90c6f7; }
5243 .custom-range::-webkit-slider-runnable-track {
5248 background-color: #dee2e6;
5249 border-color: transparent
; }
5250 .custom-range::-moz-range-thumb {
5253 background-color: #0f6fc5;
5255 transition: background-color
0.15s ease-in-out
, border-color
0.15s ease-in-out
, box-shadow
0.15s ease-in-out
;
5257 @media
(prefers-reduced-motion: reduce
) {
5258 .custom-range::-moz-range-thumb {
5259 transition: none
; } }
5260 .custom-range::-moz-range-thumb:active {
5261 background-color: #90c6f7; }
5262 .custom-range::-moz-range-track {
5267 background-color: #dee2e6;
5268 border-color: transparent
; }
5269 .custom-range::-ms-thumb {
5273 margin-right: 0.2rem;
5274 margin-left: 0.2rem;
5275 background-color: #0f6fc5;
5277 transition: background-color
0.15s ease-in-out
, border-color
0.15s ease-in-out
, box-shadow
0.15s ease-in-out
;
5279 @media
(prefers-reduced-motion: reduce
) {
5280 .custom-range::-ms-thumb {
5281 transition: none
; } }
5282 .custom-range::-ms-thumb:active {
5283 background-color: #90c6f7; }
5284 .custom-range::-ms-track {
5289 background-color: transparent
;
5290 border-color: transparent
;
5291 border-width: 0.5rem; }
5292 .custom-range::-ms-fill-lower {
5293 background-color: #dee2e6; }
5294 .custom-range::-ms-fill-upper {
5296 background-color: #dee2e6; }
5297 .custom-range:disabled::-webkit-slider-thumb {
5298 background-color: #8f959e; }
5299 .custom-range:disabled::-webkit-slider-runnable-track {
5301 .custom-range:disabled::-moz-range-thumb {
5302 background-color: #8f959e; }
5303 .custom-range:disabled::-moz-range-track {
5305 .custom-range:disabled::-ms-thumb {
5306 background-color: #8f959e; }
5308 .custom-control-label::before
,
5311 transition: background-color
0.15s ease-in-out
, border-color
0.15s ease-in-out
, box-shadow
0.15s ease-in-out
; }
5312 @media
(prefers-reduced-motion: reduce
) {
5313 .custom-control-label::before
,
5316 transition: none
; } }
5327 padding: 0.5rem 1rem; }
5328 .nav-link:hover, .nav-link:focus {
5329 text-decoration: none
; }
5330 .nav-link.disabled {
5332 pointer-events: none
;
5336 border-bottom: 1px solid
#dee2e6; }
5337 .nav-tabs .nav-item {
5338 margin-bottom: -1px; }
5339 .nav-tabs .nav-link {
5340 border: 1px solid transparent
; }
5341 .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
5342 border-color: #e9ecef #e9ecef #dee2e6; }
5343 .nav-tabs .nav-link.disabled {
5345 background-color: transparent
;
5346 border-color: transparent
; }
5347 .nav-tabs
.nav-link
.active
,
5348 .nav-tabs .nav-item.show .nav-link {
5350 background-color: #fff;
5351 border-color: #dee2e6 #dee2e6 #fff; }
5352 .nav-tabs .dropdown-menu {
5355 .nav-pills
.nav-link
.active
,
5356 .nav-pills .show > .nav-link {
5358 background-color: #0f6fc5; }
5360 .nav-fill .nav-item {
5362 text-align: center
; }
5364 .nav-justified .nav-item {
5367 text-align: center
; }
5369 .tab-content > .tab-pane {
5372 .tab-content > .active {
5379 align-items: center
;
5380 justify-content: space-between
;
5381 padding: 0.5rem 1rem; }
5383 .navbar .container-fluid, .navbar .container-sm, .navbar .container-md, .navbar .container-lg, .navbar .container-xl {
5386 align-items: center
;
5387 justify-content: space-between
; }
5390 display: inline-block
;
5391 padding-top: 0.32421875rem;
5392 padding-bottom: 0.32421875rem;
5394 font-size: 1.171875rem;
5395 line-height: inherit
;
5396 white-space: nowrap
; }
5397 @media
(max-width: 1200px) {
5399 font-size: calc
(0.9271875rem + 0.32625vw) ; } }
5400 .navbar-brand:hover, .navbar-brand:focus {
5401 text-decoration: none
; }
5405 flex-direction: column
;
5409 .navbar-nav .nav-link {
5412 .navbar-nav .dropdown-menu {
5417 display: inline-block
;
5418 padding-top: 0.5rem;
5419 padding-bottom: 0.5rem; }
5424 align-items: center
; }
5427 padding: 0.25rem 0.75rem;
5428 font-size: 1.171875rem;
5430 background-color: transparent
;
5431 border: 1px solid transparent
; }
5432 @media
(max-width: 1200px) {
5434 font-size: calc
(0.9271875rem + 0.32625vw) ; } }
5435 .navbar-toggler:hover, .navbar-toggler:focus {
5436 text-decoration: none
; }
5438 .navbar-toggler-icon {
5439 display: inline-block
;
5442 vertical-align: middle
;
5444 background: no-repeat center center
;
5445 background-size: 100% 100%; }
5447 @media (max-width: 575.98px) {
5448 .navbar-expand-sm
> .container
,
5449 .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl {
5451 padding-left: 0; } }
5453 @media (min-width: 576px) {
5455 flex-flow: row nowrap
;
5456 justify-content: flex-start
; }
5457 .navbar-expand-sm .navbar-nav {
5458 flex-direction: row
; }
5459 .navbar-expand-sm .navbar-nav .dropdown-menu {
5460 position: absolute
; }
5461 .navbar-expand-sm .navbar-nav .nav-link {
5462 padding-right: 0.5rem;
5463 padding-left: 0.5rem; }
5464 .navbar-expand-sm
> .container
,
5465 .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl {
5466 flex-wrap: nowrap
; }
5467 .navbar-expand-sm .navbar-collapse {
5468 display: flex
!important
;
5470 .navbar-expand-sm .navbar-toggler {
5473 @media (max-width: 767.98px) {
5474 .navbar-expand-md
> .container
,
5475 .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl {
5477 padding-left: 0; } }
5479 @media (min-width: 768px) {
5481 flex-flow: row nowrap
;
5482 justify-content: flex-start
; }
5483 .navbar-expand-md .navbar-nav {
5484 flex-direction: row
; }
5485 .navbar-expand-md .navbar-nav .dropdown-menu {
5486 position: absolute
; }
5487 .navbar-expand-md .navbar-nav .nav-link {
5488 padding-right: 0.5rem;
5489 padding-left: 0.5rem; }
5490 .navbar-expand-md
> .container
,
5491 .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl {
5492 flex-wrap: nowrap
; }
5493 .navbar-expand-md .navbar-collapse {
5494 display: flex
!important
;
5496 .navbar-expand-md .navbar-toggler {
5499 @media (max-width: 991.98px) {
5500 .navbar-expand-lg
> .container
,
5501 .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl {
5503 padding-left: 0; } }
5505 @media (min-width: 992px) {
5507 flex-flow: row nowrap
;
5508 justify-content: flex-start
; }
5509 .navbar-expand-lg .navbar-nav {
5510 flex-direction: row
; }
5511 .navbar-expand-lg .navbar-nav .dropdown-menu {
5512 position: absolute
; }
5513 .navbar-expand-lg .navbar-nav .nav-link {
5514 padding-right: 0.5rem;
5515 padding-left: 0.5rem; }
5516 .navbar-expand-lg
> .container
,
5517 .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl {
5518 flex-wrap: nowrap
; }
5519 .navbar-expand-lg .navbar-collapse {
5520 display: flex
!important
;
5522 .navbar-expand-lg .navbar-toggler {
5525 @media (max-width: 1199.98px) {
5526 .navbar-expand-xl
> .container
,
5527 .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl {
5529 padding-left: 0; } }
5531 @media (min-width: 1200px) {
5533 flex-flow: row nowrap
;
5534 justify-content: flex-start
; }
5535 .navbar-expand-xl .navbar-nav {
5536 flex-direction: row
; }
5537 .navbar-expand-xl .navbar-nav .dropdown-menu {
5538 position: absolute
; }
5539 .navbar-expand-xl .navbar-nav .nav-link {
5540 padding-right: 0.5rem;
5541 padding-left: 0.5rem; }
5542 .navbar-expand-xl
> .container
,
5543 .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl {
5544 flex-wrap: nowrap
; }
5545 .navbar-expand-xl .navbar-collapse {
5546 display: flex
!important
;
5548 .navbar-expand-xl .navbar-toggler {
5552 flex-flow: row nowrap
;
5553 justify-content: flex-start
; }
5554 .navbar-expand
> .container
,
5555 .navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl {
5558 .navbar-expand .navbar-nav {
5559 flex-direction: row
; }
5560 .navbar-expand .navbar-nav .dropdown-menu {
5561 position: absolute
; }
5562 .navbar-expand .navbar-nav .nav-link {
5563 padding-right: 0.5rem;
5564 padding-left: 0.5rem; }
5565 .navbar-expand
> .container
,
5566 .navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl {
5567 flex-wrap: nowrap
; }
5568 .navbar-expand .navbar-collapse {
5569 display: flex
!important
;
5571 .navbar-expand .navbar-toggler {
5574 .navbar-light .navbar-brand {
5575 color: rgba
(0, 0, 0, 0.9); }
5576 .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
5577 color: rgba
(0, 0, 0, 0.9); }
5579 .navbar-light .navbar-nav .nav-link {
5580 color: rgba
(0, 0, 0, 0.6); }
5581 .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
5582 color: rgba
(0, 0, 0, 0.9); }
5583 .navbar-light .navbar-nav .nav-link.disabled {
5584 color: rgba
(0, 0, 0, 0.3); }
5586 .navbar-light
.navbar-nav
.show
> .nav-link
,
5587 .navbar-light
.navbar-nav
.active
> .nav-link
,
5588 .navbar-light
.navbar-nav
.nav-link
.show
,
5589 .navbar-light .navbar-nav .nav-link.active {
5590 color: rgba
(0, 0, 0, 0.9); }
5592 .navbar-light .navbar-toggler {
5593 color: rgba
(0, 0, 0, 0.6);
5594 border-color: rgba
(0, 0, 0, 0.1); }
5596 .navbar-light .navbar-toggler-icon {
5597 background-image: url
("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.6%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }
5599 .navbar-light .navbar-text {
5600 color: rgba
(0, 0, 0, 0.6); }
5601 .navbar-light .navbar-text a {
5602 color: rgba
(0, 0, 0, 0.9); }
5603 .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
5604 color: rgba
(0, 0, 0, 0.9); }
5606 .navbar-dark .navbar-brand {
5608 .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
5611 .navbar-dark .navbar-nav .nav-link {
5612 color: rgba
(255, 255, 255, 0.5); }
5613 .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
5615 .navbar-dark .navbar-nav .nav-link.disabled {
5616 color: rgba
(255, 255, 255, 0.25); }
5618 .navbar-dark
.navbar-nav
.show
> .nav-link
,
5619 .navbar-dark
.navbar-nav
.active
> .nav-link
,
5620 .navbar-dark
.navbar-nav
.nav-link
.show
,
5621 .navbar-dark .navbar-nav .nav-link.active {
5624 .navbar-dark .navbar-toggler {
5625 color: rgba
(255, 255, 255, 0.5);
5626 border-color: rgba
(255, 255, 255, 0.1); }
5628 .navbar-dark .navbar-toggler-icon {
5629 background-image: url
("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }
5631 .navbar-dark .navbar-text {
5632 color: rgba
(255, 255, 255, 0.5); }
5633 .navbar-dark .navbar-text a {
5635 .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
5641 flex-direction: column
;
5643 word-wrap: break-word
;
5644 background-color: #fff;
5645 background-clip: border-box
;
5646 border: 1px solid rgba
(0, 0, 0, 0.125); }
5650 .card > .list-group {
5651 border-top: inherit
;
5652 border-bottom: inherit
; }
5653 .card > .list-group:first-child {
5654 border-top-width: 0; }
5655 .card > .list-group:last-child {
5656 border-bottom-width: 0; }
5664 margin-bottom: 0.75rem; }
5667 margin-top: -0.375rem;
5670 .card-text:last-child {
5674 text-decoration: none
; }
5676 .card-link + .card-link {
5677 margin-left: 1.25rem; }
5680 padding: 0.75rem 1.25rem;
5682 background-color: rgba
(0, 0, 0, 0.03);
5683 border-bottom: 1px solid rgba
(0, 0, 0, 0.125); }
5684 .card-header + .list-group .list-group-item:first-child {
5688 padding: 0.75rem 1.25rem;
5689 background-color: rgba
(0, 0, 0, 0.03);
5690 border-top: 1px solid rgba
(0, 0, 0, 0.125); }
5693 margin-right: -0.625rem;
5694 margin-bottom: -0.75rem;
5695 margin-left: -0.625rem;
5698 .card-header-pills {
5699 margin-right: -0.625rem;
5700 margin-left: -0.625rem; }
5717 margin-bottom: 0.25rem; }
5719 @media (min-width: 576px) {
5722 flex-flow: row wrap
;
5723 margin-right: -0.25rem;
5724 margin-left: -0.25rem; }
5727 margin-right: 0.25rem;
5729 margin-left: 0.25rem; } }
5731 .card-group > .card {
5732 margin-bottom: 0.25rem; }
5734 @media (min-width: 576px) {
5737 flex-flow: row wrap
; }
5738 .card-group > .card {
5741 .card-group > .card + .card {
5745 .card-columns .card {
5746 margin-bottom: 0.75rem; }
5748 @media (min-width: 576px) {
5751 column-gap: 1.25rem;
5754 .card-columns .card {
5755 display: inline-block
;
5758 .accordion > .card {
5760 .accordion > .card:not(:last-of-type) {
5762 .accordion > .card > .card-header {
5763 margin-bottom: -1px; }
5771 background-color: transparent
; }
5775 .breadcrumb-item + .breadcrumb-item {
5776 padding-left: 0.5rem; }
5777 .breadcrumb-item + .breadcrumb-item::before {
5778 display: inline-block
;
5779 padding-right: 0.5rem;
5782 .breadcrumb-item + .breadcrumb-item:hover::before {
5783 text-decoration: underline
; }
5784 .breadcrumb-item + .breadcrumb-item:hover::before {
5785 text-decoration: none
; }
5786 .breadcrumb-item.active {
5797 padding: 0.5rem 0.75rem;
5801 background-color: #fff;
5802 border: 1px solid
#dee2e6; }
5806 text-decoration: none
;
5807 background-color: #e9ecef;
5808 border-color: #dee2e6; }
5812 box-shadow: 0 0 0 0.2rem rgba
(15, 111, 197, 0.75); }
5814 .page-item:first-child .page-link {
5817 .page-item.active .page-link {
5820 background-color: #0f6fc5;
5821 border-color: #0f6fc5; }
5823 .page-item.disabled .page-link {
5825 pointer-events: none
;
5827 background-color: #fff;
5828 border-color: #dee2e6; }
5830 .pagination-lg .page-link {
5831 padding: 0.75rem 1.5rem;
5832 font-size: 1.171875rem;
5834 @media
(max-width: 1200px) {
5835 .pagination-lg .page-link {
5836 font-size: calc
(0.9271875rem + 0.32625vw) ; } }
5838 .pagination-sm .page-link {
5839 padding: 0.25rem 0.5rem;
5840 font-size: 0.8203125rem;
5844 display: inline-block
;
5845 padding: 0.25em 0.4em;
5850 white-space: nowrap
;
5851 vertical-align: baseline
;
5852 transition: color
0.15s ease-in-out
, background-color
0.15s ease-in-out
, border-color
0.15s ease-in-out
, box-shadow
0.15s ease-in-out
; }
5853 @media
(prefers-reduced-motion: reduce
) {
5855 transition: none
; } }
5856 a
.badge:hover
, a
.badge:focus
{
5857 text-decoration: none
; }
5866 padding-right: 0.6em;
5867 padding-left: 0.6em; }
5871 background-color: #0f6fc5; }
5872 a
.badge-primary:hover
, a
.badge-primary:focus
{
5874 background-color: #0b5496; }
5875 a
.badge-primary:focus
, a
.badge-primary
.focus
{
5877 box-shadow: 0 0 0 0.2rem rgba
(15, 111, 197, 0.5); }
5881 background-color: #ced4da; }
5882 a
.badge-secondary:hover
, a
.badge-secondary:focus
{
5884 background-color: #b1bbc4; }
5885 a
.badge-secondary:focus
, a
.badge-secondary
.focus
{
5887 box-shadow: 0 0 0 0.2rem rgba
(206, 212, 218, 0.5); }
5891 background-color: #357a32; }
5892 a
.badge-success:hover
, a
.badge-success:focus
{
5894 background-color: #255623; }
5895 a
.badge-success:focus
, a
.badge-success
.focus
{
5897 box-shadow: 0 0 0 0.2rem rgba
(53, 122, 50, 0.5); }
5901 background-color: #008196; }
5902 a
.badge-info:hover
, a
.badge-info:focus
{
5904 background-color: #005563; }
5905 a
.badge-info:focus
, a
.badge-info
.focus
{
5907 box-shadow: 0 0 0 0.2rem rgba
(0, 129, 150, 0.5); }
5911 background-color: #f0ad4e; }
5912 a
.badge-warning:hover
, a
.badge-warning:focus
{
5914 background-color: #ec971f; }
5915 a
.badge-warning:focus
, a
.badge-warning
.focus
{
5917 box-shadow: 0 0 0 0.2rem rgba
(240, 173, 78, 0.5); }
5921 background-color: #ca3120; }
5922 a
.badge-danger:hover
, a
.badge-danger:focus
{
5924 background-color: #9e2619; }
5925 a
.badge-danger:focus
, a
.badge-danger
.focus
{
5927 box-shadow: 0 0 0 0.2rem rgba
(202, 49, 32, 0.5); }
5931 background-color: #f8f9fa; }
5932 a
.badge-light:hover
, a
.badge-light:focus
{
5934 background-color: #dae0e5; }
5935 a
.badge-light:focus
, a
.badge-light
.focus
{
5937 box-shadow: 0 0 0 0.2rem rgba
(248, 249, 250, 0.5); }
5941 background-color: #343a40; }
5942 a
.badge-dark:hover
, a
.badge-dark:focus
{
5944 background-color: #1d2124; }
5945 a
.badge-dark:focus
, a
.badge-dark
.focus
{
5947 box-shadow: 0 0 0 0.2rem rgba
(52, 58, 64, 0.5); }
5951 margin-bottom: 2rem;
5952 background-color: #e9ecef; }
5953 @media
(min-width: 576px) {
5955 padding: 4rem 2rem; } }
5963 padding: 0.75rem 1.25rem;
5964 margin-bottom: 1rem;
5965 border: 0 solid transparent
; }
5973 .alert-dismissible {
5974 padding-right: 3.90625rem; }
5975 .alert-dismissible .close {
5979 padding: 0.75rem 1.25rem;
5984 background-color: #cfe2f3;
5985 border-color: #bcd7ef; }
5987 border-top-color: #a7cbea; }
5988 .alert-primary .alert-link {
5993 background-color: #f5f6f8;
5994 border-color: #f1f3f5; }
5995 .alert-secondary hr {
5996 border-top-color: #e2e6ea; }
5997 .alert-secondary .alert-link {
6002 background-color: #d7e4d6;
6003 border-color: #c6dac6; }
6005 border-top-color: #b7d0b7; }
6006 .alert-success .alert-link {
6011 background-color: #cce6ea;
6012 border-color: #b8dce2; }
6014 border-top-color: #a6d3db; }
6015 .alert-info .alert-link {
6020 background-color: #fcefdc;
6021 border-color: #fbe8cd; }
6023 border-top-color: #f9ddb5; }
6024 .alert-warning .alert-link {
6029 background-color: #f4d6d2;
6030 border-color: #f0c5c1; }
6032 border-top-color: #ebb2ac; }
6033 .alert-danger .alert-link {
6038 background-color: #fefefe;
6039 border-color: #fdfdfe; }
6041 border-top-color: #ececf6; }
6042 .alert-light .alert-link {
6047 background-color: #d6d8d9;
6048 border-color: #c6c8ca; }
6050 border-top-color: #b9bbbe; }
6051 .alert-dark .alert-link {
6054 @keyframes progress-bar-stripes
{
6056 background-position: 1rem 0; }
6058 background-position: 0 0; } }
6065 font-size: 0.703125rem;
6066 background-color: #e9ecef; }
6070 flex-direction: column
;
6071 justify-content: center
;
6075 white-space: nowrap
;
6076 background-color: #0f6fc5;
6077 transition: width
0.6s ease
; }
6078 @media
(prefers-reduced-motion: reduce
) {
6080 transition: none
; } }
6082 .progress-bar-striped {
6083 background-image: linear-gradient
(45deg, rgba
(255, 255, 255, 0.15) 25%, transparent
25%, transparent
50%, rgba
(255, 255, 255, 0.15) 50%, rgba
(255, 255, 255, 0.15) 75%, transparent
75%, transparent
);
6084 background-size: 1rem 1rem; }
6086 .progress-bar-animated {
6087 animation: progress-bar-stripes
1s linear infinite
; }
6088 @media
(prefers-reduced-motion: reduce
) {
6089 .progress-bar-animated {
6090 animation: none
; } }
6094 align-items: flex-start
; }
6101 flex-direction: column
;
6105 .list-group-item-action {
6108 text-align: inherit
; }
6109 .list-group-item-action:hover, .list-group-item-action:focus {
6112 text-decoration: none
;
6113 background-color: #f8f9fa; }
6114 .list-group-item-action:active {
6116 background-color: #e9ecef; }
6121 padding: 0.75rem 1.25rem;
6122 background-color: #fff;
6123 border: 1px solid rgba
(0, 0, 0, 0.125); }
6124 .list-group-item.disabled, .list-group-item:disabled {
6126 pointer-events: none
;
6127 background-color: #fff; }
6128 .list-group-item.active {
6131 background-color: #0f6fc5;
6132 border-color: #0f6fc5; }
6133 .list-group-item + .list-group-item {
6134 border-top-width: 0; }
6135 .list-group-item + .list-group-item.active {
6137 border-top-width: 1px; }
6139 .list-group-horizontal {
6140 flex-direction: row
; }
6141 .list-group-horizontal > .list-group-item.active {
6143 .list-group-horizontal > .list-group-item + .list-group-item {
6144 border-top-width: 1px;
6145 border-left-width: 0; }
6146 .list-group-horizontal > .list-group-item + .list-group-item.active {
6148 border-left-width: 1px; }
6150 @media (min-width: 576px) {
6151 .list-group-horizontal-sm {
6152 flex-direction: row
; }
6153 .list-group-horizontal-sm > .list-group-item.active {
6155 .list-group-horizontal-sm > .list-group-item + .list-group-item {
6156 border-top-width: 1px;
6157 border-left-width: 0; }
6158 .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
6160 border-left-width: 1px; } }
6162 @media (min-width: 768px) {
6163 .list-group-horizontal-md {
6164 flex-direction: row
; }
6165 .list-group-horizontal-md > .list-group-item.active {
6167 .list-group-horizontal-md > .list-group-item + .list-group-item {
6168 border-top-width: 1px;
6169 border-left-width: 0; }
6170 .list-group-horizontal-md > .list-group-item + .list-group-item.active {
6172 border-left-width: 1px; } }
6174 @media (min-width: 992px) {
6175 .list-group-horizontal-lg {
6176 flex-direction: row
; }
6177 .list-group-horizontal-lg > .list-group-item.active {
6179 .list-group-horizontal-lg > .list-group-item + .list-group-item {
6180 border-top-width: 1px;
6181 border-left-width: 0; }
6182 .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
6184 border-left-width: 1px; } }
6186 @media (min-width: 1200px) {
6187 .list-group-horizontal-xl {
6188 flex-direction: row
; }
6189 .list-group-horizontal-xl > .list-group-item.active {
6191 .list-group-horizontal-xl > .list-group-item + .list-group-item {
6192 border-top-width: 1px;
6193 border-left-width: 0; }
6194 .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
6196 border-left-width: 1px; } }
6198 .list-group-flush > .list-group-item {
6199 border-width: 0 0 1px; }
6200 .list-group-flush > .list-group-item:last-child {
6201 border-bottom-width: 0; }
6203 .list-group-item-primary {
6205 background-color: #bcd7ef; }
6206 .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
6208 background-color: #a7cbea; }
6209 .list-group-item-primary.list-group-item-action.active {
6211 background-color: #083a66;
6212 border-color: #083a66; }
6214 .list-group-item-secondary {
6216 background-color: #f1f3f5; }
6217 .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
6219 background-color: #e2e6ea; }
6220 .list-group-item-secondary.list-group-item-action.active {
6222 background-color: #6b6e71;
6223 border-color: #6b6e71; }
6225 .list-group-item-success {
6227 background-color: #c6dac6; }
6228 .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
6230 background-color: #b7d0b7; }
6231 .list-group-item-success.list-group-item-action.active {
6233 background-color: #1c3f1a;
6234 border-color: #1c3f1a; }
6236 .list-group-item-info {
6238 background-color: #b8dce2; }
6239 .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
6241 background-color: #a6d3db; }
6242 .list-group-item-info.list-group-item-action.active {
6244 background-color: #00434e;
6245 border-color: #00434e; }
6247 .list-group-item-warning {
6249 background-color: #fbe8cd; }
6250 .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
6252 background-color: #f9ddb5; }
6253 .list-group-item-warning.list-group-item-action.active {
6255 background-color: #7d5a29;
6256 border-color: #7d5a29; }
6258 .list-group-item-danger {
6260 background-color: #f0c5c1; }
6261 .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
6263 background-color: #ebb2ac; }
6264 .list-group-item-danger.list-group-item-action.active {
6266 background-color: #691911;
6267 border-color: #691911; }
6269 .list-group-item-light {
6271 background-color: #fdfdfe; }
6272 .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
6274 background-color: #ececf6; }
6275 .list-group-item-light.list-group-item-action.active {
6277 background-color: #818182;
6278 border-color: #818182; }
6280 .list-group-item-dark {
6282 background-color: #c6c8ca; }
6283 .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
6285 background-color: #b9bbbe; }
6286 .list-group-item-dark.list-group-item-action.active {
6288 background-color: #1b1e21;
6289 border-color: #1b1e21; }
6293 font-size: 1.40625rem;
6297 text-shadow: 0 1px 0 #fff;
6299 @media
(max-width: 1200px) {
6301 font-size: calc
(0.950625rem + 0.6075vw) ; } }
6304 text-decoration: none
; }
6305 .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
6310 background-color: transparent
;
6314 pointer-events: none
; }
6319 font-size: 0.875rem;
6320 background-color: rgba
(255, 255, 255, 0.85);
6321 background-clip: padding-box
;
6322 border: 1px solid rgba
(0, 0, 0, 0.1);
6323 box-shadow: 0 0.25rem 0.75rem rgba
(0, 0, 0, 0.1);
6324 backdrop-filter: blur
(10px);
6326 .toast:not(:last-child) {
6327 margin-bottom: 0.75rem; }
6338 align-items: center
;
6339 padding: 0.25rem 0.75rem;
6341 background-color: rgba
(255, 255, 255, 0.85);
6342 background-clip: padding-box
;
6343 border-bottom: 1px solid rgba
(0, 0, 0, 0.05); }
6350 .modal-open .modal {
6369 pointer-events: none
; }
6370 .modal.fade .modal-dialog {
6371 transition: transform
0.3s ease-out
;
6372 transform: translate
(0, -50px); }
6373 @media
(prefers-reduced-motion: reduce
) {
6374 .modal.fade .modal-dialog {
6375 transition: none
; } }
6376 .modal.show .modal-dialog {
6378 .modal.modal-static .modal-dialog {
6379 transform: scale
(1.02); }
6381 .modal-dialog-scrollable {
6383 max-height: calc
(100% - 1rem); }
6384 .modal-dialog-scrollable .modal-content {
6385 max-height: calc
(100vh - 1rem);
6387 .modal-dialog-scrollable
.modal-header
,
6388 .modal-dialog-scrollable .modal-footer {
6390 .modal-dialog-scrollable .modal-body {
6393 .modal-dialog-centered {
6395 align-items: center
;
6396 min-height: calc
(100% - 1rem); }
6397 .modal-dialog-centered::before {
6399 height: calc
(100vh - 1rem);
6400 height: min-content
;
6402 .modal-dialog-centered.modal-dialog-scrollable {
6403 flex-direction: column
;
6404 justify-content: center
;
6406 .modal-dialog-centered.modal-dialog-scrollable .modal-content {
6408 .modal-dialog-centered.modal-dialog-scrollable::before {
6414 flex-direction: column
;
6416 pointer-events: auto
;
6417 background-color: #fff;
6418 background-clip: padding-box
;
6419 border: 1px solid rgba
(0, 0, 0, 0.2);
6429 background-color: #000; }
6430 .modal-backdrop.fade {
6432 .modal-backdrop.show {
6437 align-items: flex-start
;
6438 justify-content: space-between
;
6440 border-bottom: 1px solid
#dee2e6; }
6441 .modal-header .close {
6443 margin: -1rem -1rem -1rem auto
; }
6457 align-items: center
;
6458 justify-content: flex-end
;
6460 border-top: 1px solid
#dee2e6; }
6464 .modal-scrollbar-measure {
6471 @media (min-width: 576px) {
6474 margin: 1.75rem auto
; }
6475 .modal-dialog-scrollable {
6476 max-height: calc
(100% - 3.5rem); }
6477 .modal-dialog-scrollable .modal-content {
6478 max-height: calc
(100vh - 3.5rem); }
6479 .modal-dialog-centered {
6480 min-height: calc
(100% - 3.5rem); }
6481 .modal-dialog-centered::before {
6482 height: calc
(100vh - 3.5rem);
6483 height: min-content
; }
6485 max-width: 300px; } }
6487 @media (min-width: 992px) {
6490 max-width: 800px; } }
6492 @media (min-width: 1200px) {
6494 max-width: 1140px; } }
6501 font-family: -apple-system
, BlinkMacSystemFont
, "Segoe UI", Roboto
, "Helvetica Neue", Arial
, "Noto Sans", sans-serif
, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
6507 text-decoration: none
;
6509 text-transform: none
;
6510 letter-spacing: normal
;
6512 word-spacing: normal
;
6513 white-space: normal
;
6515 font-size: 0.8203125rem;
6516 word-wrap: break-word
;
6525 .tooltip .arrow::before {
6528 border-color: transparent
;
6529 border-style: solid
; }
6531 .bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] {
6532 padding: 0.4rem 0; }
6533 .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow {
6535 .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
6537 border-width: 0.4rem 0.4rem 0;
6538 border-top-color: #000; }
6540 .bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] {
6541 padding: 0 0.4rem; }
6542 .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow {
6546 .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
6548 border-width: 0.4rem 0.4rem 0.4rem 0;
6549 border-right-color: #000; }
6551 .bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] {
6552 padding: 0.4rem 0; }
6553 .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow {
6555 .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
6557 border-width: 0 0.4rem 0.4rem;
6558 border-bottom-color: #000; }
6560 .bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] {
6561 padding: 0 0.4rem; }
6562 .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow {
6566 .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
6568 border-width: 0.4rem 0 0.4rem 0.4rem;
6569 border-left-color: #000; }
6573 padding: 0.25rem 0.5rem;
6576 background-color: #000; }
6584 font-family: -apple-system
, BlinkMacSystemFont
, "Segoe UI", Roboto
, "Helvetica Neue", Arial
, "Noto Sans", sans-serif
, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
6590 text-decoration: none
;
6592 text-transform: none
;
6593 letter-spacing: normal
;
6595 word-spacing: normal
;
6596 white-space: normal
;
6598 font-size: 0.8203125rem;
6599 word-wrap: break-word
;
6600 background-color: #fff;
6601 background-clip: padding-box
;
6602 border: 1px solid rgba
(0, 0, 0, 0.2); }
6609 .popover .arrow::before, .popover .arrow::after {
6613 border-color: transparent
;
6614 border-style: solid
; }
6616 .bs-popover-top, .bs-popover-auto[x-placement^="top"] {
6617 margin-bottom: 0.5rem; }
6618 .bs-popover-top > .arrow, .bs-popover-auto[x-placement^="top"] > .arrow {
6619 bottom: calc
(-0.5rem - 1px); }
6620 .bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^="top"] > .arrow::before {
6622 border-width: 0.5rem 0.5rem 0;
6623 border-top-color: rgba
(0, 0, 0, 0.25); }
6624 .bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^="top"] > .arrow::after {
6626 border-width: 0.5rem 0.5rem 0;
6627 border-top-color: #fff; }
6629 .bs-popover-right, .bs-popover-auto[x-placement^="right"] {
6630 margin-left: 0.5rem; }
6631 .bs-popover-right > .arrow, .bs-popover-auto[x-placement^="right"] > .arrow {
6632 left: calc
(-0.5rem - 1px);
6636 .bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^="right"] > .arrow::before {
6638 border-width: 0.5rem 0.5rem 0.5rem 0;
6639 border-right-color: rgba
(0, 0, 0, 0.25); }
6640 .bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^="right"] > .arrow::after {
6642 border-width: 0.5rem 0.5rem 0.5rem 0;
6643 border-right-color: #fff; }
6645 .bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] {
6646 margin-top: 0.5rem; }
6647 .bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^="bottom"] > .arrow {
6648 top: calc
(-0.5rem - 1px); }
6649 .bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^="bottom"] > .arrow::before {
6651 border-width: 0 0.5rem 0.5rem 0.5rem;
6652 border-bottom-color: rgba
(0, 0, 0, 0.25); }
6653 .bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^="bottom"] > .arrow::after {
6655 border-width: 0 0.5rem 0.5rem 0.5rem;
6656 border-bottom-color: #fff; }
6657 .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before {
6663 margin-left: -0.5rem;
6665 border-bottom: 1px solid
#f7f7f7; }
6667 .bs-popover-left, .bs-popover-auto[x-placement^="left"] {
6668 margin-right: 0.5rem; }
6669 .bs-popover-left > .arrow, .bs-popover-auto[x-placement^="left"] > .arrow {
6670 right: calc
(-0.5rem - 1px);
6674 .bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^="left"] > .arrow::before {
6676 border-width: 0.5rem 0 0.5rem 0.5rem;
6677 border-left-color: rgba
(0, 0, 0, 0.25); }
6678 .bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^="left"] > .arrow::after {
6680 border-width: 0.5rem 0 0.5rem 0.5rem;
6681 border-left-color: #fff; }
6684 padding: 0.5rem 0.75rem;
6686 font-size: 0.9375rem;
6687 background-color: #f7f7f7;
6688 border-bottom: 1px solid
#ebebeb; }
6689 @media
(max-width: 1200px) {
6691 font-size: calc
(0.90375rem + 0.045vw) ; } }
6692 .popover-header:empty {
6696 padding: 0.5rem 0.75rem;
6700 position: relative
; }
6702 .carousel.pointer-event {
6703 touch-action: pan-y
; }
6709 .carousel-inner::after {
6719 margin-right: -100%;
6720 backface-visibility: hidden
;
6721 transition: transform
0.6s ease-in-out
; }
6722 @media
(prefers-reduced-motion: reduce
) {
6724 transition: none
; } }
6726 .carousel-item
.active
,
6727 .carousel-item-next
,
6728 .carousel-item-prev {
6731 .carousel-item-next:not
(.carousel-item-left
),
6732 .active.carousel-item-right {
6733 transform: translateX
(100%); }
6735 .carousel-item-prev:not
(.carousel-item-right
),
6736 .active.carousel-item-left {
6737 transform: translateX
(-100%); }
6739 .carousel-fade .carousel-item {
6741 transition-property: opacity
;
6744 .carousel-fade
.carousel-item
.active
,
6745 .carousel-fade
.carousel-item-next
.carousel-item-left
,
6746 .carousel-fade .carousel-item-prev.carousel-item-right {
6750 .carousel-fade
.active
.carousel-item-left
,
6751 .carousel-fade .active.carousel-item-right {
6754 transition: opacity
0s 0.6s; }
6755 @media
(prefers-reduced-motion: reduce
) {
6756 .carousel-fade
.active
.carousel-item-left
,
6757 .carousel-fade .active.carousel-item-right {
6758 transition: none
; } }
6760 .carousel-control-prev
,
6761 .carousel-control-next {
6767 align-items: center
;
6768 justify-content: center
;
6773 transition: opacity
0.15s ease
; }
6774 @media
(prefers-reduced-motion: reduce
) {
6775 .carousel-control-prev
,
6776 .carousel-control-next {
6777 transition: none
; } }
6778 .carousel-control-prev:hover
, .carousel-control-prev:focus
,
6779 .carousel-control-next:hover
,
6780 .carousel-control-next:focus {
6782 text-decoration: none
;
6786 .carousel-control-prev {
6789 .carousel-control-next {
6792 .carousel-control-prev-icon
,
6793 .carousel-control-next-icon {
6794 display: inline-block
;
6797 background: no-repeat
50% / 100% 100%; }
6799 .carousel-control-prev-icon {
6800 background-image: url
("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); }
6802 .carousel-control-next-icon {
6803 background-image: url
("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); }
6805 .carousel-indicators {
6812 justify-content: center
;
6817 .carousel-indicators li {
6818 box-sizing: content-box
;
6824 text-indent: -999px;
6826 background-color: #fff;
6827 background-clip: padding-box
;
6828 border-top: 10px solid transparent
;
6829 border-bottom: 10px solid transparent
;
6831 transition: opacity
0.6s ease
; }
6832 @media
(prefers-reduced-motion: reduce
) {
6833 .carousel-indicators li {
6834 transition: none
; } }
6835 .carousel-indicators .active {
6845 padding-bottom: 20px;
6847 text-align: center
; }
6849 @keyframes spinner-border
{
6851 transform: rotate
(360deg); } }
6854 display: inline-block
;
6857 vertical-align: text-bottom
;
6858 border: 0.25em solid currentColor
;
6859 border-right-color: transparent
;
6861 animation: spinner-border
.75s linear infinite
; }
6863 .spinner-border-sm {
6866 border-width: 0.2em; }
6868 @keyframes spinner-grow
{
6870 transform: scale
(0); }
6873 transform: none
; } }
6876 display: inline-block
;
6879 vertical-align: text-bottom
;
6880 background-color: currentColor
;
6883 animation: spinner-grow
.75s linear infinite
; }
6890 vertical-align: baseline
!important
; }
6893 vertical-align: top
!important
; }
6896 vertical-align: middle
!important
; }
6899 vertical-align: bottom
!important
; }
6901 .align-text-bottom {
6902 vertical-align: text-bottom
!important
; }
6905 vertical-align: text-top
!important
; }
6908 background-color: #0f6fc5 !important
; }
6910 a
.bg-primary:hover
, a
.bg-primary:focus
,
6911 button
.bg-primary:hover
,
6912 button
.bg-primary:focus
{
6913 background-color: #0b5496 !important
; }
6916 background-color: #ced4da !important
; }
6918 a
.bg-secondary:hover
, a
.bg-secondary:focus
,
6919 button
.bg-secondary:hover
,
6920 button
.bg-secondary:focus
{
6921 background-color: #b1bbc4 !important
; }
6924 background-color: #357a32 !important
; }
6926 a
.bg-success:hover
, a
.bg-success:focus
,
6927 button
.bg-success:hover
,
6928 button
.bg-success:focus
{
6929 background-color: #255623 !important
; }
6932 background-color: #008196 !important
; }
6934 a
.bg-info:hover
, a
.bg-info:focus
,
6935 button
.bg-info:hover
,
6936 button
.bg-info:focus
{
6937 background-color: #005563 !important
; }
6940 background-color: #f0ad4e !important
; }
6942 a
.bg-warning:hover
, a
.bg-warning:focus
,
6943 button
.bg-warning:hover
,
6944 button
.bg-warning:focus
{
6945 background-color: #ec971f !important
; }
6948 background-color: #ca3120 !important
; }
6950 a
.bg-danger:hover
, a
.bg-danger:focus
,
6951 button
.bg-danger:hover
,
6952 button
.bg-danger:focus
{
6953 background-color: #9e2619 !important
; }
6956 background-color: #f8f9fa !important
; }
6958 a
.bg-light:hover
, a
.bg-light:focus
,
6959 button
.bg-light:hover
,
6960 button
.bg-light:focus
{
6961 background-color: #dae0e5 !important
; }
6964 background-color: #343a40 !important
; }
6966 a
.bg-dark:hover
, a
.bg-dark:focus
,
6967 button
.bg-dark:hover
,
6968 button
.bg-dark:focus
{
6969 background-color: #1d2124 !important
; }
6972 background-color: #fff !important
; }
6975 background-color: transparent
!important
; }
6978 border: 1px solid
#dee2e6 !important
; }
6981 border-top: 1px solid
#dee2e6 !important
; }
6984 border-right: 1px solid
#dee2e6 !important
; }
6987 border-bottom: 1px solid
#dee2e6 !important
; }
6990 border-left: 1px solid
#dee2e6 !important
; }
6993 border: 0 !important
; }
6996 border-top: 0 !important
; }
6999 border-right: 0 !important
; }
7002 border-bottom: 0 !important
; }
7005 border-left: 0 !important
; }
7008 border-color: #0f6fc5 !important
; }
7011 border-color: #ced4da !important
; }
7014 border-color: #357a32 !important
; }
7017 border-color: #008196 !important
; }
7020 border-color: #f0ad4e !important
; }
7023 border-color: #ca3120 !important
; }
7026 border-color: #f8f9fa !important
; }
7029 border-color: #343a40 !important
; }
7032 border-color: #fff !important
; }
7035 border-radius: 0.2rem !important
; }
7038 border-radius: 0.25rem !important
; }
7041 border-top-left-radius: 0.25rem !important
;
7042 border-top-right-radius: 0.25rem !important
; }
7045 border-top-right-radius: 0.25rem !important
;
7046 border-bottom-right-radius: 0.25rem !important
; }
7049 border-bottom-right-radius: 0.25rem !important
;
7050 border-bottom-left-radius: 0.25rem !important
; }
7053 border-top-left-radius: 0.25rem !important
;
7054 border-bottom-left-radius: 0.25rem !important
; }
7057 border-radius: 0.3rem !important
; }
7060 border-radius: 50% !important
; }
7063 border-radius: 50rem !important
; }
7066 border-radius: 0 !important
; }
7074 display: none
!important
; }
7077 display: inline
!important
; }
7080 display: inline-block
!important
; }
7083 display: block
!important
; }
7086 display: table
!important
; }
7089 display: table-row
!important
; }
7092 display: table-cell
!important
; }
7095 display: flex
!important
; }
7098 display: inline-flex
!important
; }
7100 @media (min-width: 576px) {
7102 display: none
!important
; }
7104 display: inline
!important
; }
7105 .d-sm-inline-block {
7106 display: inline-block
!important
; }
7108 display: block
!important
; }
7110 display: table
!important
; }
7112 display: table-row
!important
; }
7114 display: table-cell
!important
; }
7116 display: flex
!important
; }
7118 display: inline-flex
!important
; } }
7120 @media (min-width: 768px) {
7122 display: none
!important
; }
7124 display: inline
!important
; }
7125 .d-md-inline-block {
7126 display: inline-block
!important
; }
7128 display: block
!important
; }
7130 display: table
!important
; }
7132 display: table-row
!important
; }
7134 display: table-cell
!important
; }
7136 display: flex
!important
; }
7138 display: inline-flex
!important
; } }
7140 @media (min-width: 992px) {
7142 display: none
!important
; }
7144 display: inline
!important
; }
7145 .d-lg-inline-block {
7146 display: inline-block
!important
; }
7148 display: block
!important
; }
7150 display: table
!important
; }
7152 display: table-row
!important
; }
7154 display: table-cell
!important
; }
7156 display: flex
!important
; }
7158 display: inline-flex
!important
; } }
7160 @media (min-width: 1200px) {
7162 display: none
!important
; }
7164 display: inline
!important
; }
7165 .d-xl-inline-block {
7166 display: inline-block
!important
; }
7168 display: block
!important
; }
7170 display: table
!important
; }
7172 display: table-row
!important
; }
7174 display: table-cell
!important
; }
7176 display: flex
!important
; }
7178 display: inline-flex
!important
; } }
7182 display: none
!important
; }
7184 display: inline
!important
; }
7185 .d-print-inline-block {
7186 display: inline-block
!important
; }
7188 display: block
!important
; }
7190 display: table
!important
; }
7191 .d-print-table-row {
7192 display: table-row
!important
; }
7193 .d-print-table-cell {
7194 display: table-cell
!important
; }
7196 display: flex
!important
; }
7197 .d-print-inline-flex {
7198 display: inline-flex
!important
; } }
7206 .embed-responsive::before {
7209 .embed-responsive
.embed-responsive-item
,
7210 .embed-responsive iframe
,
7211 .embed-responsive embed
,
7212 .embed-responsive object
,
7213 .embed-responsive video {
7222 .embed-responsive-21by9::before {
7223 padding-top: 42.8571428571%; }
7225 .embed-responsive-16by9::before {
7226 padding-top: 56.25%; }
7228 .embed-responsive-4by3::before {
7231 .embed-responsive-1by1::before {
7232 padding-top: 100%; }
7235 flex-direction: row
!important
; }
7238 flex-direction: column
!important
; }
7241 flex-direction: row-reverse
!important
; }
7243 .flex-column-reverse {
7244 flex-direction: column-reverse
!important
; }
7247 flex-wrap: wrap
!important
; }
7250 flex-wrap: nowrap
!important
; }
7252 .flex-wrap-reverse {
7253 flex-wrap: wrap-reverse
!important
; }
7256 flex: 1 1 auto
!important
; }
7259 flex-grow: 0 !important
; }
7262 flex-grow: 1 !important
; }
7265 flex-shrink: 0 !important
; }
7268 flex-shrink: 1 !important
; }
7270 .justify-content-start {
7271 justify-content: flex-start
!important
; }
7273 .justify-content-end {
7274 justify-content: flex-end
!important
; }
7276 .justify-content-center {
7277 justify-content: center
!important
; }
7279 .justify-content-between {
7280 justify-content: space-between
!important
; }
7282 .justify-content-around {
7283 justify-content: space-around
!important
; }
7285 .align-items-start {
7286 align-items: flex-start
!important
; }
7289 align-items: flex-end
!important
; }
7291 .align-items-center {
7292 align-items: center
!important
; }
7294 .align-items-baseline {
7295 align-items: baseline
!important
; }
7297 .align-items-stretch {
7298 align-items: stretch
!important
; }
7300 .align-content-start {
7301 align-content: flex-start
!important
; }
7303 .align-content-end {
7304 align-content: flex-end
!important
; }
7306 .align-content-center {
7307 align-content: center
!important
; }
7309 .align-content-between {
7310 align-content: space-between
!important
; }
7312 .align-content-around {
7313 align-content: space-around
!important
; }
7315 .align-content-stretch {
7316 align-content: stretch
!important
; }
7319 align-self: auto
!important
; }
7322 align-self: flex-start
!important
; }
7325 align-self: flex-end
!important
; }
7327 .align-self-center {
7328 align-self: center
!important
; }
7330 .align-self-baseline {
7331 align-self: baseline
!important
; }
7333 .align-self-stretch {
7334 align-self: stretch
!important
; }
7336 @media (min-width: 576px) {
7338 flex-direction: row
!important
; }
7340 flex-direction: column
!important
; }
7341 .flex-sm-row-reverse {
7342 flex-direction: row-reverse
!important
; }
7343 .flex-sm-column-reverse {
7344 flex-direction: column-reverse
!important
; }
7346 flex-wrap: wrap
!important
; }
7348 flex-wrap: nowrap
!important
; }
7349 .flex-sm-wrap-reverse {
7350 flex-wrap: wrap-reverse
!important
; }
7352 flex: 1 1 auto
!important
; }
7354 flex-grow: 0 !important
; }
7356 flex-grow: 1 !important
; }
7358 flex-shrink: 0 !important
; }
7360 flex-shrink: 1 !important
; }
7361 .justify-content-sm-start {
7362 justify-content: flex-start
!important
; }
7363 .justify-content-sm-end {
7364 justify-content: flex-end
!important
; }
7365 .justify-content-sm-center {
7366 justify-content: center
!important
; }
7367 .justify-content-sm-between {
7368 justify-content: space-between
!important
; }
7369 .justify-content-sm-around {
7370 justify-content: space-around
!important
; }
7371 .align-items-sm-start {
7372 align-items: flex-start
!important
; }
7373 .align-items-sm-end {
7374 align-items: flex-end
!important
; }
7375 .align-items-sm-center {
7376 align-items: center
!important
; }
7377 .align-items-sm-baseline {
7378 align-items: baseline
!important
; }
7379 .align-items-sm-stretch {
7380 align-items: stretch
!important
; }
7381 .align-content-sm-start {
7382 align-content: flex-start
!important
; }
7383 .align-content-sm-end {
7384 align-content: flex-end
!important
; }
7385 .align-content-sm-center {
7386 align-content: center
!important
; }
7387 .align-content-sm-between {
7388 align-content: space-between
!important
; }
7389 .align-content-sm-around {
7390 align-content: space-around
!important
; }
7391 .align-content-sm-stretch {
7392 align-content: stretch
!important
; }
7393 .align-self-sm-auto {
7394 align-self: auto
!important
; }
7395 .align-self-sm-start {
7396 align-self: flex-start
!important
; }
7397 .align-self-sm-end {
7398 align-self: flex-end
!important
; }
7399 .align-self-sm-center {
7400 align-self: center
!important
; }
7401 .align-self-sm-baseline {
7402 align-self: baseline
!important
; }
7403 .align-self-sm-stretch {
7404 align-self: stretch
!important
; } }
7406 @media (min-width: 768px) {
7408 flex-direction: row
!important
; }
7410 flex-direction: column
!important
; }
7411 .flex-md-row-reverse {
7412 flex-direction: row-reverse
!important
; }
7413 .flex-md-column-reverse {
7414 flex-direction: column-reverse
!important
; }
7416 flex-wrap: wrap
!important
; }
7418 flex-wrap: nowrap
!important
; }
7419 .flex-md-wrap-reverse {
7420 flex-wrap: wrap-reverse
!important
; }
7422 flex: 1 1 auto
!important
; }
7424 flex-grow: 0 !important
; }
7426 flex-grow: 1 !important
; }
7428 flex-shrink: 0 !important
; }
7430 flex-shrink: 1 !important
; }
7431 .justify-content-md-start {
7432 justify-content: flex-start
!important
; }
7433 .justify-content-md-end {
7434 justify-content: flex-end
!important
; }
7435 .justify-content-md-center {
7436 justify-content: center
!important
; }
7437 .justify-content-md-between {
7438 justify-content: space-between
!important
; }
7439 .justify-content-md-around {
7440 justify-content: space-around
!important
; }
7441 .align-items-md-start {
7442 align-items: flex-start
!important
; }
7443 .align-items-md-end {
7444 align-items: flex-end
!important
; }
7445 .align-items-md-center {
7446 align-items: center
!important
; }
7447 .align-items-md-baseline {
7448 align-items: baseline
!important
; }
7449 .align-items-md-stretch {
7450 align-items: stretch
!important
; }
7451 .align-content-md-start {
7452 align-content: flex-start
!important
; }
7453 .align-content-md-end {
7454 align-content: flex-end
!important
; }
7455 .align-content-md-center {
7456 align-content: center
!important
; }
7457 .align-content-md-between {
7458 align-content: space-between
!important
; }
7459 .align-content-md-around {
7460 align-content: space-around
!important
; }
7461 .align-content-md-stretch {
7462 align-content: stretch
!important
; }
7463 .align-self-md-auto {
7464 align-self: auto
!important
; }
7465 .align-self-md-start {
7466 align-self: flex-start
!important
; }
7467 .align-self-md-end {
7468 align-self: flex-end
!important
; }
7469 .align-self-md-center {
7470 align-self: center
!important
; }
7471 .align-self-md-baseline {
7472 align-self: baseline
!important
; }
7473 .align-self-md-stretch {
7474 align-self: stretch
!important
; } }
7476 @media (min-width: 992px) {
7478 flex-direction: row
!important
; }
7480 flex-direction: column
!important
; }
7481 .flex-lg-row-reverse {
7482 flex-direction: row-reverse
!important
; }
7483 .flex-lg-column-reverse {
7484 flex-direction: column-reverse
!important
; }
7486 flex-wrap: wrap
!important
; }
7488 flex-wrap: nowrap
!important
; }
7489 .flex-lg-wrap-reverse {
7490 flex-wrap: wrap-reverse
!important
; }
7492 flex: 1 1 auto
!important
; }
7494 flex-grow: 0 !important
; }
7496 flex-grow: 1 !important
; }
7498 flex-shrink: 0 !important
; }
7500 flex-shrink: 1 !important
; }
7501 .justify-content-lg-start {
7502 justify-content: flex-start
!important
; }
7503 .justify-content-lg-end {
7504 justify-content: flex-end
!important
; }
7505 .justify-content-lg-center {
7506 justify-content: center
!important
; }
7507 .justify-content-lg-between {
7508 justify-content: space-between
!important
; }
7509 .justify-content-lg-around {
7510 justify-content: space-around
!important
; }
7511 .align-items-lg-start {
7512 align-items: flex-start
!important
; }
7513 .align-items-lg-end {
7514 align-items: flex-end
!important
; }
7515 .align-items-lg-center {
7516 align-items: center
!important
; }
7517 .align-items-lg-baseline {
7518 align-items: baseline
!important
; }
7519 .align-items-lg-stretch {
7520 align-items: stretch
!important
; }
7521 .align-content-lg-start {
7522 align-content: flex-start
!important
; }
7523 .align-content-lg-end {
7524 align-content: flex-end
!important
; }
7525 .align-content-lg-center {
7526 align-content: center
!important
; }
7527 .align-content-lg-between {
7528 align-content: space-between
!important
; }
7529 .align-content-lg-around {
7530 align-content: space-around
!important
; }
7531 .align-content-lg-stretch {
7532 align-content: stretch
!important
; }
7533 .align-self-lg-auto {
7534 align-self: auto
!important
; }
7535 .align-self-lg-start {
7536 align-self: flex-start
!important
; }
7537 .align-self-lg-end {
7538 align-self: flex-end
!important
; }
7539 .align-self-lg-center {
7540 align-self: center
!important
; }
7541 .align-self-lg-baseline {
7542 align-self: baseline
!important
; }
7543 .align-self-lg-stretch {
7544 align-self: stretch
!important
; } }
7546 @media (min-width: 1200px) {
7548 flex-direction: row
!important
; }
7550 flex-direction: column
!important
; }
7551 .flex-xl-row-reverse {
7552 flex-direction: row-reverse
!important
; }
7553 .flex-xl-column-reverse {
7554 flex-direction: column-reverse
!important
; }
7556 flex-wrap: wrap
!important
; }
7558 flex-wrap: nowrap
!important
; }
7559 .flex-xl-wrap-reverse {
7560 flex-wrap: wrap-reverse
!important
; }
7562 flex: 1 1 auto
!important
; }
7564 flex-grow: 0 !important
; }
7566 flex-grow: 1 !important
; }
7568 flex-shrink: 0 !important
; }
7570 flex-shrink: 1 !important
; }
7571 .justify-content-xl-start {
7572 justify-content: flex-start
!important
; }
7573 .justify-content-xl-end {
7574 justify-content: flex-end
!important
; }
7575 .justify-content-xl-center {
7576 justify-content: center
!important
; }
7577 .justify-content-xl-between {
7578 justify-content: space-between
!important
; }
7579 .justify-content-xl-around {
7580 justify-content: space-around
!important
; }
7581 .align-items-xl-start {
7582 align-items: flex-start
!important
; }
7583 .align-items-xl-end {
7584 align-items: flex-end
!important
; }
7585 .align-items-xl-center {
7586 align-items: center
!important
; }
7587 .align-items-xl-baseline {
7588 align-items: baseline
!important
; }
7589 .align-items-xl-stretch {
7590 align-items: stretch
!important
; }
7591 .align-content-xl-start {
7592 align-content: flex-start
!important
; }
7593 .align-content-xl-end {
7594 align-content: flex-end
!important
; }
7595 .align-content-xl-center {
7596 align-content: center
!important
; }
7597 .align-content-xl-between {
7598 align-content: space-between
!important
; }
7599 .align-content-xl-around {
7600 align-content: space-around
!important
; }
7601 .align-content-xl-stretch {
7602 align-content: stretch
!important
; }
7603 .align-self-xl-auto {
7604 align-self: auto
!important
; }
7605 .align-self-xl-start {
7606 align-self: flex-start
!important
; }
7607 .align-self-xl-end {
7608 align-self: flex-end
!important
; }
7609 .align-self-xl-center {
7610 align-self: center
!important
; }
7611 .align-self-xl-baseline {
7612 align-self: baseline
!important
; }
7613 .align-self-xl-stretch {
7614 align-self: stretch
!important
; } }
7617 float: left
!important
; }
7620 float: right
!important
; }
7623 float: none
!important
; }
7625 @media (min-width: 576px) {
7627 float: left
!important
; }
7629 float: right
!important
; }
7631 float: none
!important
; } }
7633 @media (min-width: 768px) {
7635 float: left
!important
; }
7637 float: right
!important
; }
7639 float: none
!important
; } }
7641 @media (min-width: 992px) {
7643 float: left
!important
; }
7645 float: right
!important
; }
7647 float: none
!important
; } }
7649 @media (min-width: 1200px) {
7651 float: left
!important
; }
7653 float: right
!important
; }
7655 float: none
!important
; } }
7658 user-select: all
!important
; }
7661 user-select: auto
!important
; }
7664 user-select: none
!important
; }
7667 overflow: auto
!important
; }
7670 overflow: hidden
!important
; }
7673 position: static
!important
; }
7675 .position-relative {
7676 position: relative
!important
; }
7678 .position-absolute {
7679 position: absolute
!important
; }
7682 position: fixed
!important
; }
7685 position: sticky
!important
; }
7701 @supports (position: sticky
) {
7714 clip: rect
(0, 0, 0, 0);
7715 white-space: nowrap
;
7718 .sr-only-focusable:active, .sr-only-focusable:focus {
7724 white-space: normal
; }
7727 box-shadow: 0 0.125rem 0.25rem rgba
(0, 0, 0, 0.075) !important
; }
7730 box-shadow: 0 0.5rem 1rem rgba
(0, 0, 0, 0.15) !important
; }
7733 box-shadow: 0 1rem 3rem rgba
(0, 0, 0, 0.175) !important
; }
7736 box-shadow: none
!important
; }
7739 width: 25% !important
; }
7742 width: 50% !important
; }
7745 width: 75% !important
; }
7748 width: 100% !important
; }
7751 width: auto
!important
; }
7754 height: 25% !important
; }
7757 height: 50% !important
; }
7760 height: 75% !important
; }
7763 height: 100% !important
; }
7766 height: auto
!important
; }
7769 max-width: 100% !important
; }
7772 max-height: 100% !important
; }
7775 min-width: 100vw !important
; }
7778 min-height: 100vh !important
; }
7781 width: 100vw !important
; }
7784 height: 100vh !important
; }
7787 margin: 0 !important
; }
7791 margin-top: 0 !important
; }
7795 margin-right: 0 !important
; }
7799 margin-bottom: 0 !important
; }
7803 margin-left: 0 !important
; }
7806 margin: 0.25rem !important
; }
7810 margin-top: 0.25rem !important
; }
7814 margin-right: 0.25rem !important
; }
7818 margin-bottom: 0.25rem !important
; }
7822 margin-left: 0.25rem !important
; }
7825 margin: 0.5rem !important
; }
7829 margin-top: 0.5rem !important
; }
7833 margin-right: 0.5rem !important
; }
7837 margin-bottom: 0.5rem !important
; }
7841 margin-left: 0.5rem !important
; }
7844 margin: 1rem !important
; }
7848 margin-top: 1rem !important
; }
7852 margin-right: 1rem !important
; }
7856 margin-bottom: 1rem !important
; }
7860 margin-left: 1rem !important
; }
7863 margin: 1.5rem !important
; }
7867 margin-top: 1.5rem !important
; }
7871 margin-right: 1.5rem !important
; }
7875 margin-bottom: 1.5rem !important
; }
7879 margin-left: 1.5rem !important
; }
7882 margin: 2rem !important
; }
7886 margin-top: 2rem !important
; }
7890 margin-right: 2rem !important
; }
7894 margin-bottom: 2rem !important
; }
7898 margin-left: 2rem !important
; }
7901 margin: 3rem !important
; }
7905 margin-top: 3rem !important
; }
7909 margin-right: 3rem !important
; }
7913 margin-bottom: 3rem !important
; }
7917 margin-left: 3rem !important
; }
7920 padding: 0 !important
; }
7924 padding-top: 0 !important
; }
7928 padding-right: 0 !important
; }
7932 padding-bottom: 0 !important
; }
7936 padding-left: 0 !important
; }
7939 padding: 0.25rem !important
; }
7943 padding-top: 0.25rem !important
; }
7947 padding-right: 0.25rem !important
; }
7951 padding-bottom: 0.25rem !important
; }
7955 padding-left: 0.25rem !important
; }
7958 padding: 0.5rem !important
; }
7962 padding-top: 0.5rem !important
; }
7966 padding-right: 0.5rem !important
; }
7970 padding-bottom: 0.5rem !important
; }
7974 padding-left: 0.5rem !important
; }
7977 padding: 1rem !important
; }
7981 padding-top: 1rem !important
; }
7985 padding-right: 1rem !important
; }
7989 padding-bottom: 1rem !important
; }
7993 padding-left: 1rem !important
; }
7996 padding: 1.5rem !important
; }
8000 padding-top: 1.5rem !important
; }
8004 padding-right: 1.5rem !important
; }
8008 padding-bottom: 1.5rem !important
; }
8012 padding-left: 1.5rem !important
; }
8015 padding: 2rem !important
; }
8019 padding-top: 2rem !important
; }
8023 padding-right: 2rem !important
; }
8027 padding-bottom: 2rem !important
; }
8031 padding-left: 2rem !important
; }
8034 padding: 3rem !important
; }
8038 padding-top: 3rem !important
; }
8042 padding-right: 3rem !important
; }
8046 padding-bottom: 3rem !important
; }
8050 padding-left: 3rem !important
; }
8053 margin: -0.25rem !important
; }
8057 margin-top: -0.25rem !important
; }
8061 margin-right: -0.25rem !important
; }
8065 margin-bottom: -0.25rem !important
; }
8069 margin-left: -0.25rem !important
; }
8072 margin: -0.5rem !important
; }
8076 margin-top: -0.5rem !important
; }
8080 margin-right: -0.5rem !important
; }
8084 margin-bottom: -0.5rem !important
; }
8088 margin-left: -0.5rem !important
; }
8091 margin: -1rem !important
; }
8095 margin-top: -1rem !important
; }
8099 margin-right: -1rem !important
; }
8103 margin-bottom: -1rem !important
; }
8107 margin-left: -1rem !important
; }
8110 margin: -1.5rem !important
; }
8114 margin-top: -1.5rem !important
; }
8118 margin-right: -1.5rem !important
; }
8122 margin-bottom: -1.5rem !important
; }
8126 margin-left: -1.5rem !important
; }
8129 margin: -2rem !important
; }
8133 margin-top: -2rem !important
; }
8137 margin-right: -2rem !important
; }
8141 margin-bottom: -2rem !important
; }
8145 margin-left: -2rem !important
; }
8148 margin: -3rem !important
; }
8152 margin-top: -3rem !important
; }
8156 margin-right: -3rem !important
; }
8160 margin-bottom: -3rem !important
; }
8164 margin-left: -3rem !important
; }
8167 margin: auto
!important
; }
8171 margin-top: auto
!important
; }
8175 margin-right: auto
!important
; }
8179 margin-bottom: auto
!important
; }
8183 margin-left: auto
!important
; }
8185 @media (min-width: 576px) {
8187 margin: 0 !important
; }
8190 margin-top: 0 !important
; }
8193 margin-right: 0 !important
; }
8196 margin-bottom: 0 !important
; }
8199 margin-left: 0 !important
; }
8201 margin: 0.25rem !important
; }
8204 margin-top: 0.25rem !important
; }
8207 margin-right: 0.25rem !important
; }
8210 margin-bottom: 0.25rem !important
; }
8213 margin-left: 0.25rem !important
; }
8215 margin: 0.5rem !important
; }
8218 margin-top: 0.5rem !important
; }
8221 margin-right: 0.5rem !important
; }
8224 margin-bottom: 0.5rem !important
; }
8227 margin-left: 0.5rem !important
; }
8229 margin: 1rem !important
; }
8232 margin-top: 1rem !important
; }
8235 margin-right: 1rem !important
; }
8238 margin-bottom: 1rem !important
; }
8241 margin-left: 1rem !important
; }
8243 margin: 1.5rem !important
; }
8246 margin-top: 1.5rem !important
; }
8249 margin-right: 1.5rem !important
; }
8252 margin-bottom: 1.5rem !important
; }
8255 margin-left: 1.5rem !important
; }
8257 margin: 2rem !important
; }
8260 margin-top: 2rem !important
; }
8263 margin-right: 2rem !important
; }
8266 margin-bottom: 2rem !important
; }
8269 margin-left: 2rem !important
; }
8271 margin: 3rem !important
; }
8274 margin-top: 3rem !important
; }
8277 margin-right: 3rem !important
; }
8280 margin-bottom: 3rem !important
; }
8283 margin-left: 3rem !important
; }
8285 padding: 0 !important
; }
8288 padding-top: 0 !important
; }
8291 padding-right: 0 !important
; }
8294 padding-bottom: 0 !important
; }
8297 padding-left: 0 !important
; }
8299 padding: 0.25rem !important
; }
8302 padding-top: 0.25rem !important
; }
8305 padding-right: 0.25rem !important
; }
8308 padding-bottom: 0.25rem !important
; }
8311 padding-left: 0.25rem !important
; }
8313 padding: 0.5rem !important
; }
8316 padding-top: 0.5rem !important
; }
8319 padding-right: 0.5rem !important
; }
8322 padding-bottom: 0.5rem !important
; }
8325 padding-left: 0.5rem !important
; }
8327 padding: 1rem !important
; }
8330 padding-top: 1rem !important
; }
8333 padding-right: 1rem !important
; }
8336 padding-bottom: 1rem !important
; }
8339 padding-left: 1rem !important
; }
8341 padding: 1.5rem !important
; }
8344 padding-top: 1.5rem !important
; }
8347 padding-right: 1.5rem !important
; }
8350 padding-bottom: 1.5rem !important
; }
8353 padding-left: 1.5rem !important
; }
8355 padding: 2rem !important
; }
8358 padding-top: 2rem !important
; }
8361 padding-right: 2rem !important
; }
8364 padding-bottom: 2rem !important
; }
8367 padding-left: 2rem !important
; }
8369 padding: 3rem !important
; }
8372 padding-top: 3rem !important
; }
8375 padding-right: 3rem !important
; }
8378 padding-bottom: 3rem !important
; }
8381 padding-left: 3rem !important
; }
8383 margin: -0.25rem !important
; }
8386 margin-top: -0.25rem !important
; }
8389 margin-right: -0.25rem !important
; }
8392 margin-bottom: -0.25rem !important
; }
8395 margin-left: -0.25rem !important
; }
8397 margin: -0.5rem !important
; }
8400 margin-top: -0.5rem !important
; }
8403 margin-right: -0.5rem !important
; }
8406 margin-bottom: -0.5rem !important
; }
8409 margin-left: -0.5rem !important
; }
8411 margin: -1rem !important
; }
8414 margin-top: -1rem !important
; }
8417 margin-right: -1rem !important
; }
8420 margin-bottom: -1rem !important
; }
8423 margin-left: -1rem !important
; }
8425 margin: -1.5rem !important
; }
8428 margin-top: -1.5rem !important
; }
8431 margin-right: -1.5rem !important
; }
8434 margin-bottom: -1.5rem !important
; }
8437 margin-left: -1.5rem !important
; }
8439 margin: -2rem !important
; }
8442 margin-top: -2rem !important
; }
8445 margin-right: -2rem !important
; }
8448 margin-bottom: -2rem !important
; }
8451 margin-left: -2rem !important
; }
8453 margin: -3rem !important
; }
8456 margin-top: -3rem !important
; }
8459 margin-right: -3rem !important
; }
8462 margin-bottom: -3rem !important
; }
8465 margin-left: -3rem !important
; }
8467 margin: auto
!important
; }
8470 margin-top: auto
!important
; }
8473 margin-right: auto
!important
; }
8476 margin-bottom: auto
!important
; }
8479 margin-left: auto
!important
; } }
8481 @media (min-width: 768px) {
8483 margin: 0 !important
; }
8486 margin-top: 0 !important
; }
8489 margin-right: 0 !important
; }
8492 margin-bottom: 0 !important
; }
8495 margin-left: 0 !important
; }
8497 margin: 0.25rem !important
; }
8500 margin-top: 0.25rem !important
; }
8503 margin-right: 0.25rem !important
; }
8506 margin-bottom: 0.25rem !important
; }
8509 margin-left: 0.25rem !important
; }
8511 margin: 0.5rem !important
; }
8514 margin-top: 0.5rem !important
; }
8517 margin-right: 0.5rem !important
; }
8520 margin-bottom: 0.5rem !important
; }
8523 margin-left: 0.5rem !important
; }
8525 margin: 1rem !important
; }
8528 margin-top: 1rem !important
; }
8531 margin-right: 1rem !important
; }
8534 margin-bottom: 1rem !important
; }
8537 margin-left: 1rem !important
; }
8539 margin: 1.5rem !important
; }
8542 margin-top: 1.5rem !important
; }
8545 margin-right: 1.5rem !important
; }
8548 margin-bottom: 1.5rem !important
; }
8551 margin-left: 1.5rem !important
; }
8553 margin: 2rem !important
; }
8556 margin-top: 2rem !important
; }
8559 margin-right: 2rem !important
; }
8562 margin-bottom: 2rem !important
; }
8565 margin-left: 2rem !important
; }
8567 margin: 3rem !important
; }
8570 margin-top: 3rem !important
; }
8573 margin-right: 3rem !important
; }
8576 margin-bottom: 3rem !important
; }
8579 margin-left: 3rem !important
; }
8581 padding: 0 !important
; }
8584 padding-top: 0 !important
; }
8587 padding-right: 0 !important
; }
8590 padding-bottom: 0 !important
; }
8593 padding-left: 0 !important
; }
8595 padding: 0.25rem !important
; }
8598 padding-top: 0.25rem !important
; }
8601 padding-right: 0.25rem !important
; }
8604 padding-bottom: 0.25rem !important
; }
8607 padding-left: 0.25rem !important
; }
8609 padding: 0.5rem !important
; }
8612 padding-top: 0.5rem !important
; }
8615 padding-right: 0.5rem !important
; }
8618 padding-bottom: 0.5rem !important
; }
8621 padding-left: 0.5rem !important
; }
8623 padding: 1rem !important
; }
8626 padding-top: 1rem !important
; }
8629 padding-right: 1rem !important
; }
8632 padding-bottom: 1rem !important
; }
8635 padding-left: 1rem !important
; }
8637 padding: 1.5rem !important
; }
8640 padding-top: 1.5rem !important
; }
8643 padding-right: 1.5rem !important
; }
8646 padding-bottom: 1.5rem !important
; }
8649 padding-left: 1.5rem !important
; }
8651 padding: 2rem !important
; }
8654 padding-top: 2rem !important
; }
8657 padding-right: 2rem !important
; }
8660 padding-bottom: 2rem !important
; }
8663 padding-left: 2rem !important
; }
8665 padding: 3rem !important
; }
8668 padding-top: 3rem !important
; }
8671 padding-right: 3rem !important
; }
8674 padding-bottom: 3rem !important
; }
8677 padding-left: 3rem !important
; }
8679 margin: -0.25rem !important
; }
8682 margin-top: -0.25rem !important
; }
8685 margin-right: -0.25rem !important
; }
8688 margin-bottom: -0.25rem !important
; }
8691 margin-left: -0.25rem !important
; }
8693 margin: -0.5rem !important
; }
8696 margin-top: -0.5rem !important
; }
8699 margin-right: -0.5rem !important
; }
8702 margin-bottom: -0.5rem !important
; }
8705 margin-left: -0.5rem !important
; }
8707 margin: -1rem !important
; }
8710 margin-top: -1rem !important
; }
8713 margin-right: -1rem !important
; }
8716 margin-bottom: -1rem !important
; }
8719 margin-left: -1rem !important
; }
8721 margin: -1.5rem !important
; }
8724 margin-top: -1.5rem !important
; }
8727 margin-right: -1.5rem !important
; }
8730 margin-bottom: -1.5rem !important
; }
8733 margin-left: -1.5rem !important
; }
8735 margin: -2rem !important
; }
8738 margin-top: -2rem !important
; }
8741 margin-right: -2rem !important
; }
8744 margin-bottom: -2rem !important
; }
8747 margin-left: -2rem !important
; }
8749 margin: -3rem !important
; }
8752 margin-top: -3rem !important
; }
8755 margin-right: -3rem !important
; }
8758 margin-bottom: -3rem !important
; }
8761 margin-left: -3rem !important
; }
8763 margin: auto
!important
; }
8766 margin-top: auto
!important
; }
8769 margin-right: auto
!important
; }
8772 margin-bottom: auto
!important
; }
8775 margin-left: auto
!important
; } }
8777 @media (min-width: 992px) {
8779 margin: 0 !important
; }
8782 margin-top: 0 !important
; }
8785 margin-right: 0 !important
; }
8788 margin-bottom: 0 !important
; }
8791 margin-left: 0 !important
; }
8793 margin: 0.25rem !important
; }
8796 margin-top: 0.25rem !important
; }
8799 margin-right: 0.25rem !important
; }
8802 margin-bottom: 0.25rem !important
; }
8805 margin-left: 0.25rem !important
; }
8807 margin: 0.5rem !important
; }
8810 margin-top: 0.5rem !important
; }
8813 margin-right: 0.5rem !important
; }
8816 margin-bottom: 0.5rem !important
; }
8819 margin-left: 0.5rem !important
; }
8821 margin: 1rem !important
; }
8824 margin-top: 1rem !important
; }
8827 margin-right: 1rem !important
; }
8830 margin-bottom: 1rem !important
; }
8833 margin-left: 1rem !important
; }
8835 margin: 1.5rem !important
; }
8838 margin-top: 1.5rem !important
; }
8841 margin-right: 1.5rem !important
; }
8844 margin-bottom: 1.5rem !important
; }
8847 margin-left: 1.5rem !important
; }
8849 margin: 2rem !important
; }
8852 margin-top: 2rem !important
; }
8855 margin-right: 2rem !important
; }
8858 margin-bottom: 2rem !important
; }
8861 margin-left: 2rem !important
; }
8863 margin: 3rem !important
; }
8866 margin-top: 3rem !important
; }
8869 margin-right: 3rem !important
; }
8872 margin-bottom: 3rem !important
; }
8875 margin-left: 3rem !important
; }
8877 padding: 0 !important
; }
8880 padding-top: 0 !important
; }
8883 padding-right: 0 !important
; }
8886 padding-bottom: 0 !important
; }
8889 padding-left: 0 !important
; }
8891 padding: 0.25rem !important
; }
8894 padding-top: 0.25rem !important
; }
8897 padding-right: 0.25rem !important
; }
8900 padding-bottom: 0.25rem !important
; }
8903 padding-left: 0.25rem !important
; }
8905 padding: 0.5rem !important
; }
8908 padding-top: 0.5rem !important
; }
8911 padding-right: 0.5rem !important
; }
8914 padding-bottom: 0.5rem !important
; }
8917 padding-left: 0.5rem !important
; }
8919 padding: 1rem !important
; }
8922 padding-top: 1rem !important
; }
8925 padding-right: 1rem !important
; }
8928 padding-bottom: 1rem !important
; }
8931 padding-left: 1rem !important
; }
8933 padding: 1.5rem !important
; }
8936 padding-top: 1.5rem !important
; }
8939 padding-right: 1.5rem !important
; }
8942 padding-bottom: 1.5rem !important
; }
8945 padding-left: 1.5rem !important
; }
8947 padding: 2rem !important
; }
8950 padding-top: 2rem !important
; }
8953 padding-right: 2rem !important
; }
8956 padding-bottom: 2rem !important
; }
8959 padding-left: 2rem !important
; }
8961 padding: 3rem !important
; }
8964 padding-top: 3rem !important
; }
8967 padding-right: 3rem !important
; }
8970 padding-bottom: 3rem !important
; }
8973 padding-left: 3rem !important
; }
8975 margin: -0.25rem !important
; }
8978 margin-top: -0.25rem !important
; }
8981 margin-right: -0.25rem !important
; }
8984 margin-bottom: -0.25rem !important
; }
8987 margin-left: -0.25rem !important
; }
8989 margin: -0.5rem !important
; }
8992 margin-top: -0.5rem !important
; }
8995 margin-right: -0.5rem !important
; }
8998 margin-bottom: -0.5rem !important
; }
9001 margin-left: -0.5rem !important
; }
9003 margin: -1rem !important
; }
9006 margin-top: -1rem !important
; }
9009 margin-right: -1rem !important
; }
9012 margin-bottom: -1rem !important
; }
9015 margin-left: -1rem !important
; }
9017 margin: -1.5rem !important
; }
9020 margin-top: -1.5rem !important
; }
9023 margin-right: -1.5rem !important
; }
9026 margin-bottom: -1.5rem !important
; }
9029 margin-left: -1.5rem !important
; }
9031 margin: -2rem !important
; }
9034 margin-top: -2rem !important
; }
9037 margin-right: -2rem !important
; }
9040 margin-bottom: -2rem !important
; }
9043 margin-left: -2rem !important
; }
9045 margin: -3rem !important
; }
9048 margin-top: -3rem !important
; }
9051 margin-right: -3rem !important
; }
9054 margin-bottom: -3rem !important
; }
9057 margin-left: -3rem !important
; }
9059 margin: auto
!important
; }
9062 margin-top: auto
!important
; }
9065 margin-right: auto
!important
; }
9068 margin-bottom: auto
!important
; }
9071 margin-left: auto
!important
; } }
9073 @media (min-width: 1200px) {
9075 margin: 0 !important
; }
9078 margin-top: 0 !important
; }
9081 margin-right: 0 !important
; }
9084 margin-bottom: 0 !important
; }
9087 margin-left: 0 !important
; }
9089 margin: 0.25rem !important
; }
9092 margin-top: 0.25rem !important
; }
9095 margin-right: 0.25rem !important
; }
9098 margin-bottom: 0.25rem !important
; }
9101 margin-left: 0.25rem !important
; }
9103 margin: 0.5rem !important
; }
9106 margin-top: 0.5rem !important
; }
9109 margin-right: 0.5rem !important
; }
9112 margin-bottom: 0.5rem !important
; }
9115 margin-left: 0.5rem !important
; }
9117 margin: 1rem !important
; }
9120 margin-top: 1rem !important
; }
9123 margin-right: 1rem !important
; }
9126 margin-bottom: 1rem !important
; }
9129 margin-left: 1rem !important
; }
9131 margin: 1.5rem !important
; }
9134 margin-top: 1.5rem !important
; }
9137 margin-right: 1.5rem !important
; }
9140 margin-bottom: 1.5rem !important
; }
9143 margin-left: 1.5rem !important
; }
9145 margin: 2rem !important
; }
9148 margin-top: 2rem !important
; }
9151 margin-right: 2rem !important
; }
9154 margin-bottom: 2rem !important
; }
9157 margin-left: 2rem !important
; }
9159 margin: 3rem !important
; }
9162 margin-top: 3rem !important
; }
9165 margin-right: 3rem !important
; }
9168 margin-bottom: 3rem !important
; }
9171 margin-left: 3rem !important
; }
9173 padding: 0 !important
; }
9176 padding-top: 0 !important
; }
9179 padding-right: 0 !important
; }
9182 padding-bottom: 0 !important
; }
9185 padding-left: 0 !important
; }
9187 padding: 0.25rem !important
; }
9190 padding-top: 0.25rem !important
; }
9193 padding-right: 0.25rem !important
; }
9196 padding-bottom: 0.25rem !important
; }
9199 padding-left: 0.25rem !important
; }
9201 padding: 0.5rem !important
; }
9204 padding-top: 0.5rem !important
; }
9207 padding-right: 0.5rem !important
; }
9210 padding-bottom: 0.5rem !important
; }
9213 padding-left: 0.5rem !important
; }
9215 padding: 1rem !important
; }
9218 padding-top: 1rem !important
; }
9221 padding-right: 1rem !important
; }
9224 padding-bottom: 1rem !important
; }
9227 padding-left: 1rem !important
; }
9229 padding: 1.5rem !important
; }
9232 padding-top: 1.5rem !important
; }
9235 padding-right: 1.5rem !important
; }
9238 padding-bottom: 1.5rem !important
; }
9241 padding-left: 1.5rem !important
; }
9243 padding: 2rem !important
; }
9246 padding-top: 2rem !important
; }
9249 padding-right: 2rem !important
; }
9252 padding-bottom: 2rem !important
; }
9255 padding-left: 2rem !important
; }
9257 padding: 3rem !important
; }
9260 padding-top: 3rem !important
; }
9263 padding-right: 3rem !important
; }
9266 padding-bottom: 3rem !important
; }
9269 padding-left: 3rem !important
; }
9271 margin: -0.25rem !important
; }
9274 margin-top: -0.25rem !important
; }
9277 margin-right: -0.25rem !important
; }
9280 margin-bottom: -0.25rem !important
; }
9283 margin-left: -0.25rem !important
; }
9285 margin: -0.5rem !important
; }
9288 margin-top: -0.5rem !important
; }
9291 margin-right: -0.5rem !important
; }
9294 margin-bottom: -0.5rem !important
; }
9297 margin-left: -0.5rem !important
; }
9299 margin: -1rem !important
; }
9302 margin-top: -1rem !important
; }
9305 margin-right: -1rem !important
; }
9308 margin-bottom: -1rem !important
; }
9311 margin-left: -1rem !important
; }
9313 margin: -1.5rem !important
; }
9316 margin-top: -1.5rem !important
; }
9319 margin-right: -1.5rem !important
; }
9322 margin-bottom: -1.5rem !important
; }
9325 margin-left: -1.5rem !important
; }
9327 margin: -2rem !important
; }
9330 margin-top: -2rem !important
; }
9333 margin-right: -2rem !important
; }
9336 margin-bottom: -2rem !important
; }
9339 margin-left: -2rem !important
; }
9341 margin: -3rem !important
; }
9344 margin-top: -3rem !important
; }
9347 margin-right: -3rem !important
; }
9350 margin-bottom: -3rem !important
; }
9353 margin-left: -3rem !important
; }
9355 margin: auto
!important
; }
9358 margin-top: auto
!important
; }
9361 margin-right: auto
!important
; }
9364 margin-bottom: auto
!important
; }
9367 margin-left: auto
!important
; } }
9369 .stretched-link::after {
9376 pointer-events: auto
;
9378 background-color: rgba
(0, 0, 0, 0); }
9381 font-family: SFMono-Regular
, Menlo
, Monaco
, Consolas
, "Liberation Mono", "Courier New", monospace
!important
; }
9384 text-align: justify
!important
; }
9387 white-space: normal
!important
; }
9390 white-space: nowrap
!important
; }
9394 text-overflow: ellipsis
;
9395 white-space: nowrap
; }
9398 text-align: left
!important
; }
9401 text-align: right
!important
; }
9404 text-align: center
!important
; }
9406 @media (min-width: 576px) {
9408 text-align: left
!important
; }
9410 text-align: right
!important
; }
9412 text-align: center
!important
; } }
9414 @media (min-width: 768px) {
9416 text-align: left
!important
; }
9418 text-align: right
!important
; }
9420 text-align: center
!important
; } }
9422 @media (min-width: 992px) {
9424 text-align: left
!important
; }
9426 text-align: right
!important
; }
9428 text-align: center
!important
; } }
9430 @media (min-width: 1200px) {
9432 text-align: left
!important
; }
9434 text-align: right
!important
; }
9436 text-align: center
!important
; } }
9439 text-transform: lowercase
!important
; }
9442 text-transform: uppercase
!important
; }
9445 text-transform: capitalize
!important
; }
9447 .font-weight-light {
9448 font-weight: 300 !important
; }
9450 .font-weight-lighter {
9451 font-weight: lighter
!important
; }
9453 .font-weight-normal {
9454 font-weight: 400 !important
; }
9457 font-weight: 700 !important
; }
9459 .font-weight-bolder {
9460 font-weight: bolder
!important
; }
9463 font-style: italic
!important
; }
9466 color: #fff !important
; }
9469 color: #0f6fc5 !important
; }
9471 a
.text-primary:hover
, a
.text-primary:focus
{
9472 color: #0a477e !important
; }
9475 color: #ced4da !important
; }
9477 a
.text-secondary:hover
, a
.text-secondary:focus
{
9478 color: #a2aeb9 !important
; }
9481 color: #357a32 !important
; }
9483 a
.text-success:hover
, a
.text-success:focus
{
9484 color: #1d441c !important
; }
9487 color: #008196 !important
; }
9489 a
.text-info:hover
, a
.text-info:focus
{
9490 color: #003f4a !important
; }
9493 color: #f0ad4e !important
; }
9495 a
.text-warning:hover
, a
.text-warning:focus
{
9496 color: #df8a13 !important
; }
9499 color: #ca3120 !important
; }
9501 a
.text-danger:hover
, a
.text-danger:focus
{
9502 color: #882116 !important
; }
9505 color: #f8f9fa !important
; }
9507 a
.text-light:hover
, a
.text-light:focus
{
9508 color: #cbd3da !important
; }
9511 color: #343a40 !important
; }
9513 a
.text-dark:hover
, a
.text-dark:focus
{
9514 color: #121416 !important
; }
9517 color: #212529 !important
; }
9520 color: #6c757d !important
; }
9523 color: rgba
(0, 0, 0, 0.5) !important
; }
9526 color: rgba
(255, 255, 255, 0.5) !important
; }
9532 background-color: transparent
;
9535 .text-decoration-none {
9536 text-decoration: none
!important
; }
9539 word-wrap: break-word
!important
; }
9542 color: inherit
!important
; }
9545 visibility: visible
!important
; }
9548 visibility: hidden
!important
; }
9554 text-shadow: none
!important
;
9555 box-shadow: none
!important
; }
9557 text-decoration: underline
; }
9558 abbr
[title
]::after
{
9559 content: " (" attr
(title
) ")"; }
9561 white-space: pre-wrap
!important
; }
9564 border: 1px solid
#8f959e;
9565 page-break-inside: avoid
; }
9567 display: table-header-group
; }
9570 page-break-inside: avoid
; }
9578 page-break-after: avoid
; }
9580 min-width: 992px !important
; }
9582 min-width: 992px !important
; }
9586 border: 1px solid
#000; }
9588 border-collapse: collapse
!important
; }
9591 background-color: #fff !important
; }
9593 .table-bordered td {
9594 border: 1px solid
#dee2e6 !important
; }
9599 .table-dark thead th
,
9600 .table-dark tbody + tbody {
9601 border-color: #dee2e6; }
9602 .table .thead-dark th {
9604 border-color: #dee2e6; } }
9607 * Bootstrap overrides for RTL
9609 * This file is only for overriding sass from upstream bootstrap, all general rtl fixes for
9610 * moodle scss should be placed immediately after the definition of the ltr rule.
9612 .breadcrumb-item + .breadcrumb-item::before {
9616 /* stylelint-disable-line declaration-block-no-duplicate-properties */ }
9618 .dir-rtl .custom-select {
9619 background-position: 0.75rem center
; }
9631 * Variables written for Moodle specific components
9633 * Please do not override any Bootstrap variables here, custom Bootstrap variable should go in
9634 * preset files instead.
9639 overflow-y: visible
;
9640 background-color: #fff; }
9642 @media (min-width: 576px) {
9644 border: 1px solid rgba
(0, 0, 0, 0.125);
9645 padding: 1.25rem; } }
9647 @media (min-width: 576px) {
9648 .context-header-settings-menu
,
9649 .region-main-settings-menu {
9655 margin-top: 4px; } }
9657 @media (max-width: 767.98px) {
9658 .context-header-settings-menu
,
9659 .region-main-settings-menu {
9661 justify-content: flex-end
; } }
9666 transition: opacity
.7s ease
0s, visibility
.1s ease
.8s;
9674 transform: translateY
(-100%); }
9676 @media (max-width: 767.98px) {
9680 body
.scrolled #goto-top-link
{
9682 visibility: visible
;
9683 transition: visibility
0s ease
0s, opacity
.7s ease
.1s; }
9685 .context-header-settings-menu
.dropdown-toggle
> .icon
,
9686 #region-main-settings-menu .dropdown-toggle
> .icon
{
9691 /** Prevent user notifications overlapping with region main settings menu */
9692 #user-notifications {
9696 /** Page layout CSS starts **/
9697 .layout-option-noheader #page-header
,
9698 .layout-option-nonavbar #page-navbar
,
9699 .layout-option-nofooter #page-footer
,
9700 .layout-option-nocourseheader
.course-content-header
,
9701 .layout-option-nocoursefooter .course-content-footer {
9704 /** Page layout CSS ends **/
9709 text-align: right
; }
9713 direction: ltr
!important
;
9714 /* stylelint-disable-line declaration-no-important */ }
9720 text-align: center
; }
9727 a
.dimmed_text:visited
,
9730 .dimmed_text
a:link
,
9731 .dimmed_text
a:visited
,
9734 .usersuspended
a:link
,
9735 .usersuspended
a:visited
,
9737 .dimmed_category a {
9740 .aalink
.focus
, .aalink:focus
,
9741 #page-footer a:not
([class
]).focus
,
9742 #page-footer a:not
([class
]):focus
,
9745 a:not
([class
]).focus
,
9746 a:not
([class
]):focus
,
9747 .activityinstance
> a
.focus
,
9748 .activityinstance > a:focus {
9749 outline: 0.2rem solid transparent
;
9751 background-color: #d7ebfc;
9752 box-shadow: 0 -0.2rem #d7ebfc, 0 0.2rem #343a40; }
9754 .aalink:focus:hover
,
9755 #page-footer a:not
([class
]):focus:hover
,
9756 .arrow_link:focus:hover
,
9757 a:not
([class
]):focus:hover
,
9758 .activityinstance > a:focus:hover {
9759 text-decoration: none
; }
9761 .aabtn
.focus
, .aabtn:focus
,
9766 .atto_link_button
.focus
,
9767 .atto_link_button:focus
,
9768 [role
="button"].focus
,
9769 [role
="button"]:focus
,
9770 .list-group-item-action
.focus
,
9771 .list-group-item-action:focus
,
9772 input
[type
="checkbox"].focus
,
9773 input
[type
="checkbox"]:focus
,
9774 input
[type
="radio"].focus
,
9775 input
[type
="radio"]:focus
,
9776 input
[type
="file"].focus
,
9777 input
[type
="file"]:focus
,
9778 input
[type
="image"].focus
,
9779 input
[type
="image"]:focus
,
9780 .sr-only-focusable
.focus
,
9781 .sr-only-focusable:focus
,
9782 a
.dropdown-toggle
.focus
,
9783 a
.dropdown-toggle:focus
,
9784 .modal-dialog
[tabindex
="0"].focus
,
9785 .modal-dialog
[tabindex
="0"]:focus
,
9786 .moodle-dialogue-base
.closebutton
.focus
,
9787 .moodle-dialogue-base
.closebutton:focus
,
9790 .form-autocomplete-selection
.focus
,
9791 .form-autocomplete-selection:focus {
9793 box-shadow: 0 0 0 0.2rem rgba
(15, 111, 197, 0.75); }
9796 .btn-link:focus:hover
,
9797 .nav-link:focus:hover
,
9798 .atto_link_button:focus:hover
,
9799 [role
="button"]:focus:hover
,
9800 .list-group-item-action:focus:hover
,
9801 input
[type
="checkbox"]:focus:hover
,
9802 input
[type
="radio"]:focus:hover
,
9803 input
[type
="file"]:focus:hover
,
9804 input
[type
="image"]:focus:hover
,
9805 .sr-only-focusable:focus:hover
,
9806 a
.dropdown-toggle:focus:hover
,
9807 .modal-dialog
[tabindex
="0"]:focus:hover
,
9808 .moodle-dialogue-base
.closebutton:focus:hover
,
9809 button
.close:focus:hover
,
9810 .form-autocomplete-selection:focus:hover {
9811 text-decoration: none
; }
9813 .form-autocomplete-suggestions li[aria-selected=true] {
9815 box-shadow: 0 0 0 0.2rem rgba
(15, 111, 197, 0.75); }
9817 .safari input
[type
="checkbox"].focus
, .safari input
[type
="checkbox"]:focus
,
9818 .safari input
[type
="radio"].focus
,
9819 .safari input[type="radio"]:focus {
9828 .section li
.activity
,
9829 .section li
.movehere
,
9835 .section li.movehere a {
9839 border: 2px dashed
#343a40; }
9841 .editing .course-content .hidden.sectionname {
9850 font-size: 0.703125rem; }
9867 .fitem.advanced .text-info {
9868 font-weight: bold
; }
9871 text-align: right
; }
9873 a
.autolink
.glossary:hover
{
9876 /* Block which is hidden if javascript enabled, prevents fickering visible when JS from footer used! */
9877 .collapsibleregioncaption {
9878 white-space: nowrap
;
9879 min-height: 1.40625rem; }
9881 .pagelayout-mydashboard.jsenabled .collapsibleregioncaption {
9884 .pagelayout-mydashboard #region-main {
9887 background-color: transparent
;
9890 @media (max-width: 767.98px) {
9891 .pagelayout-mydashboard #region-main-box
,
9892 .pagelayout-login #region-main-box {
9894 padding-right: 0; } }
9896 .collapsibleregioncaption img {
9897 vertical-align: middle
; }
9899 .jsenabled .hiddenifjs {
9905 .jsenabled .visibleifjs {
9908 .jsenabled .collapsibleregion {
9910 box-sizing: content-box
; }
9912 .jsenabled .collapsed .collapsibleregioninner {
9913 visibility: hidden
; }
9915 .collapsible-actions {
9917 text-align: right
; }
9919 .jsenabled .collapsible-actions {
9922 .collapsible-actions .collapseexpand {
9924 background: url
([[pix:t
/collapsed
]]) 2px center no-repeat
; }
9927 .collapsible-actions .collapseexpand {
9928 background: url([[pix:t/collapsed_rtl]]) right center no-repeat;
9931 .collapsible-actions .collapse-all {
9932 background-image: url
([[pix:t
/expanded
]]); }
9934 .yui-overlay .yui-widget-bd {
9935 background-color: #ffee69;
9936 border: 1px solid
#a6982b;
9937 border-top-color: #d4c237;
9946 background: transparent
;
9958 .pagingbar .thispage {
9959 font-weight: bold
; }
9962 margin-right: 0.5rem; }
9968 .action-menu .dropdown-toggle {
9969 text-decoration: none
; }
9972 white-space: nowrap
; }
9982 vertical-align: middle
; }
9985 font-weight: bold
; }
9995 #addmembersform table
{
9997 margin-right: auto
; }
9999 table
.flexible
.emptyrow
{
10003 form
.popupform div
{
10006 .arrow_button input {
10007 overflow: hidden
; }
10012 .no-overflow > .generaltable {
10013 position: relative
;
10015 min-height: 10em; }
10018 position: absolute
;
10024 clip: rect
(0, 0, 0, 0);
10025 white-space: nowrap
;
10035 position: absolute
;
10038 text-decoration: none
; }
10040 a
.skip-block:focus
,
10041 a
.skip-block:active
,
10050 overflow: hidden
; }
10053 text-align: center
; }
10055 .blog_entry .audience {
10057 padding-right: 4px; }
10059 .blog_entry .tags {
10060 margin-top: 15px; }
10062 .blog_entry .content {
10063 margin-left: 43px; }
10066 margin: 1em 0 0 0; }
10073 #doc-contents ul li
{
10074 list-style-type: none
; }
10076 .groupmanagementtable td {
10077 vertical-align: top
; }
10079 .groupmanagementtable #existingcell
,
10080 .groupmanagementtable #potentialcell {
10083 .groupmanagementtable #buttonscell {
10086 .groupmanagementtable #buttonscell p.arrow_button input {
10092 .groupmanagementtable #removeselect_wrapper
,
10093 .groupmanagementtable #addselect_wrapper {
10096 .groupmanagementtable #removeselect_wrapper label
,
10097 .groupmanagementtable #addselect_wrapper label {
10098 font-weight: normal
; }
10100 #group-usersummary {
10105 margin-bottom: 3px;
10106 display: inline-block
; }
10108 .groupselector label {
10109 display: inline-block
; }
10111 .login-page [name="username"] {
10112 margin-bottom: -1px;
10113 border-bottom-right-radius: 0;
10114 border-bottom-left-radius: 0; }
10116 .login-page [type="password"] {
10117 margin-bottom: 10px;
10118 border-top-left-radius: 0;
10119 border-top-right-radius: 0; }
10122 margin-bottom: 1em; }
10124 .notepost .userpicture {
10126 margin-right: 5px; }
10128 .notepost
.content
,
10129 .notepost .footer {
10133 margin-left: 20px; }
10135 .path-my .coursebox {
10138 .path-my .coursebox .overview {
10139 margin: 15px 30px 10px 30px; }
10141 .path-my .coursebox .info {
10165 .comment-area textarea {
10168 .comment-area textarea.fullwidth {
10169 -webkit-box-sizing: border-box
;
10170 -moz-box-sizing: border-box
;
10171 box-sizing: border-box
; }
10173 .comment-area .fd {
10174 text-align: right
; }
10176 .comment-meta span {
10179 .comment-link img {
10180 vertical-align: text-bottom
; }
10192 margin-bottom: 5px;
10195 position: relative
; }
10197 .comment-list li.first {
10201 text-align: center
; }
10203 .comment-paging .pageno {
10206 .comment-paging .curpage {
10207 border: 1px solid
#ccc; }
10209 .comment-message .picture {
10213 .comment-message .text {
10217 .comment-message .text p {
10219 margin: 0 18px 0 0; }
10222 position: absolute
;
10227 .comment-report-selectall {
10233 .jsenabled .comment-link {
10236 .jsenabled .showcommentsnonjs {
10239 .jsenabled .comment-report-selectall {
10243 * Completion progress report
10245 .completion-expired {
10248 .completion-expected {
10249 font-size: 0.703125rem; }
10251 .completion-sortchoice
,
10252 .completion-identifyfield {
10253 font-size: 0.703125rem;
10254 vertical-align: bottom
; }
10256 .completion-progresscell {
10257 text-align: right
; }
10259 .completion-expired .completion-expected {
10260 font-weight: bold
; }
10270 text-align: center
;
10271 margin: 10px auto
; }
10273 .path-tag .tag-index-items .tagarea {
10274 border: 1px solid
#e3e3e3;
10275 border-radius: 4px;
10277 margin-top: 10px; }
10279 .path-tag .tag-index-items .tagarea h3 {
10281 padding: 3px 0 10px 0;
10287 text-shadow: 0 1px 0 rgba
(255, 255, 255, 0.5);
10288 text-transform: uppercase
;
10289 word-wrap: break-word
;
10290 border-bottom: solid
1px #e3e3e3;
10291 margin-bottom: 10px; }
10293 .path-tag
.tagarea
.controls::after
,
10294 .path-tag .tagarea .taggeditems::after {
10299 .path-tag
.tagarea
.controls
,
10300 .path-tag .tag-backtoallitems {
10301 text-align: center
; }
10303 .path-tag .tagarea .controls .gotopage.nextpage {
10306 .path-tag .tagarea .controls .gotopage.prevpage {
10309 .path-tag .tagarea .controls .exclusivemode {
10310 display: inline-block
; }
10312 .path-tag .tagarea .controls.controls-bottom {
10315 .path-tag .tagarea .controls .gotopage.nextpage::after {
10316 padding-right: 5px;
10320 .path-tag .tagarea .controls .gotopage.prevpage::before {
10321 padding-right: 5px;
10327 span
.flagged-tag a
,
10331 .tag-management-table td
,
10332 .tag-management-table th {
10333 vertical-align: middle
;
10336 .tag-management-table .inplaceeditable.inplaceeditingon input {
10339 .path-admin-tag .addstandardtags {
10341 .path-admin-tag .addstandardtags img {
10344 .path-tag .tag-relatedtags {
10345 padding-top: 10px; }
10347 .path-tag .tag-management-box {
10348 text-align: right
; }
10350 .path-tag .tag-index-toc {
10352 text-align: center
; }
10354 .path-tag
.tag-index-toc li
,
10355 .path-tag .tag-management-box li {
10357 margin-right: 5px; }
10359 .path-tag .tag-management-box li a.edittag {
10360 background-image: url
([[pix:moodle|i
/settings
]]); }
10362 .path-tag .tag-management-box li a.flagasinappropriate {
10363 background-image: url
([[pix:moodle|i
/flagged
]]); }
10365 .path-tag .tag-management-box li a.removefrommyinterests {
10366 background-image: url
([[pix:moodle|t
/delete
]]); }
10368 .path-tag .tag-management-box li a.addtomyinterests {
10369 background-image: url
([[pix:moodle|t
/add
]]); }
10371 .path-tag .tag-management-box li a {
10372 background-repeat: no-repeat
;
10373 background-position: left
;
10374 padding-left: 17px; }
10376 .tag_feed.media-list .media .itemimage {
10379 .tag_feed.media-list .media .itemimage img {
10383 .tag_feed.media-list .media .media-body {
10384 padding-right: 10px;
10385 padding-left: 10px; }
10387 .tag_feed .media .muted a {
10391 text-align: center
; }
10393 .tag_cloud .inline-list li {
10394 padding: 0 0.2em; }
10396 .tag_cloud .tag_overflow {
10398 font-style: italic
; }
10401 font-size: 2.7em; }
10404 font-size: 2.6em; }
10407 font-size: 2.5em; }
10410 font-size: 2.4em; }
10413 font-size: 2.3em; }
10416 font-size: 2.2em; }
10419 font-size: 2.1em; }
10425 font-size: 1.9em; }
10428 font-size: 1.8em; }
10431 font-size: 1.7em; }
10434 font-size: 1.6em; }
10437 font-size: 1.5em; }
10440 font-size: 1.4em; }
10443 font-size: 1.3em; }
10446 font-size: 1.2em; }
10449 font-size: 1.1em; }
10455 font-size: 0.9em; }
10458 font-size: 0.8em; }
10461 font-size: 0.7em; }
10466 .tag_list.hideoverlimit .overlimit {
10469 .tag_list .tagmorelink {
10472 .tag_list.hideoverlimit .tagmorelink {
10475 .tag_list.hideoverlimit .taglesslink {
10481 #webservice-doc-generator td
{
10483 border: 0 solid black
; }
10490 border-collapse: collapse
; }
10492 .userenrolment tr {
10493 vertical-align: top
; }
10495 .userenrolment td {
10499 .userenrolment .subfield {
10500 margin-right: 5px; }
10502 .userenrolment .col_userdetails .subfield {
10503 margin-left: 40px; }
10505 .userenrolment .col_userdetails .subfield_picture {
10509 .userenrolment .col_lastseen {
10512 .userenrolment .col_role {
10515 .userenrolment
.col_role
.roles
,
10516 .userenrolment .col_group .groups {
10517 margin-right: 30px; }
10519 .userenrolment .col_role .role {
10521 padding: 0 3px 3px;
10523 white-space: nowrap
; }
10525 .userenrolment .col_group .group {
10529 white-space: nowrap
; }
10531 .userenrolment
.col_role
.role a
,
10532 .userenrolment .col_group .group a {
10536 .userenrolment
.col_role
.addrole
,
10537 .userenrolment .col_group .addgroup {
10541 .userenrolment
.col_role
.addrole
> a:hover
,
10542 .userenrolment .col_group .addgroup > a:hover {
10543 border-bottom: 1px solid
#666; }
10545 .userenrolment
.col_role
.addrole img
,
10546 .userenrolment .col_group .addgroup img {
10547 vertical-align: baseline
; }
10549 .userenrolment .hasAllRoles .col_role .addrole {
10552 .userenrolment .col_enrol .enrolment {
10554 padding: 0 3px 3px;
10555 margin: 0 3px 3px; }
10557 .userenrolment .col_enrol .enrolment a {
10559 margin-left: 3px; }
10562 background-color: #ccc;
10563 position: absolute
;
10568 text-align: center
; }
10570 .corelightbox img {
10575 .mod-indent-outer {
10579 display: table-cell
; }
10581 .label .mod-indent {
10583 padding-top: 20px; }
10585 @media (min-width: 576px) {
10586 /* Creates a series of .mod-indent-# rule declarations based on indent size and number of indent levels. */
10622 /* Audio player size in 'block' mode (can only change width, height is hardcoded in JS) */
10623 .resourcecontent .mediaplugin_mp3 object {
10627 .resourcecontent audio.mediaplugin_html5audio {
10630 /** Large resource images should avoid hidden overflow **/
10634 /* Audio player size in 'inline' mode (can only change width, as above) */
10635 .mediaplugin_mp3 object {
10639 audio
.mediaplugin_html5audio
{
10642 /* TinyMCE moodle media preview frame should not have padding */
10643 .core_media_preview.pagelayout-embedded #content {
10646 .core_media_preview.pagelayout-embedded #maincontent {
10649 body#page-lib-editor-tinymce-plugins-moodlemedia-preview
{
10653 background: none
; }
10655 .path-rating .ratingtable {
10657 margin-bottom: 1em; }
10659 .path-rating .ratingtable th.rating {
10662 .path-rating
.ratingtable td
.rating
,
10663 .path-rating .ratingtable td.time {
10664 white-space: nowrap
;
10665 text-align: center
; }
10667 /* Moodle Dialogue Settings (moodle-core-dialogue) */
10668 .moodle-dialogue-base .moodle-dialogue-lightbox {
10669 background-color: #495057; }
10671 .pagelayout-popup .moodle-dialogue-base .moodle-dialogue-lightbox {
10672 background-color: transparent
; }
10674 .pagelayout-popup .moodle-dialogue-base .moodle-dialogue {
10675 box-shadow: 0 0.25rem 0.5rem rgba
(0, 0, 0, 0.2); }
10677 .moodle-dialogue-base
.hidden
,
10678 .moodle-dialogue-base .moodle-dialogue-hidden {
10682 overflow: hidden
; }
10684 .moodle-dialogue-base .moodle-dialogue-fullscreen {
10691 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
10694 .moodle-dialogue-base .moodle-dialogue-fullscreen .closebutton {
10697 background-size: 100%; }
10699 .moodle-dialogue-base .moodle-dialogue-wrap {
10700 background-color: #fff;
10701 border: 1px solid
#ccc; }
10706 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd {
10708 padding: 1rem 1rem;
10709 border-bottom: 1px solid
#dee2e6; }
10711 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd.yui3-widget-hd {
10714 background: initial
;
10716 line-height: 1.5; }
10718 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd h1 {
10719 font-size: 1.5rem; }
10721 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .yui3-widget-buttons {
10727 position: relative
;
10728 margin-left: auto
; }
10730 .moodle-dialogue-base .closebutton {
10731 padding: 1rem 1rem;
10732 margin: -1rem -1rem -1rem auto
;
10733 position: relative
;
10734 background-color: transparent
;
10736 background-image: none
;
10739 .moodle-dialogue-base .closebutton:hover, .moodle-dialogue-base .closebutton:active {
10741 .moodle-dialogue-base .closebutton::after {
10744 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd {
10746 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd body {
10747 background-color: #fff; }
10749 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
10751 position: absolute
;
10759 .moodle-dialogue-exception .moodle-exception-param label {
10760 font-weight: bold
; }
10762 .moodle-dialogue-exception .param-stacktrace label {
10763 background-color: #eee;
10764 border: 1px solid
#ccc;
10765 border-bottom-width: 0; }
10767 .moodle-dialogue-exception .param-stacktrace pre {
10768 border: 1px solid
#ccc;
10769 background-color: #fff; }
10771 .moodle-dialogue-exception .param-stacktrace .stacktrace-file {
10773 font-size: 0.8203125rem; }
10775 .moodle-dialogue-exception .param-stacktrace .stacktrace-line {
10777 font-size: 0.8203125rem; }
10779 .moodle-dialogue-exception .param-stacktrace .stacktrace-call {
10782 border-bottom: 1px solid
#eee; }
10784 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft:empty {
10787 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft.yui3-widget-ft {
10788 background: initial
; }
10790 .moodle-dialogue-confirm .confirmation-message {
10791 margin: 0.5rem 0; }
10793 .moodle-dialogue-confirm .confirmation-dialogue input {
10796 .moodle-dialogue-exception .moodle-exception-message {
10799 .moodle-dialogue-exception .moodle-exception-param {
10800 margin-bottom: 0.5em; }
10802 .moodle-dialogue-exception .moodle-exception-param label {
10805 .moodle-dialogue-exception .param-stacktrace label {
10808 padding: 4px 1em; }
10810 .moodle-dialogue-exception .param-stacktrace pre {
10815 .moodle-dialogue-exception .param-stacktrace .stacktrace-file {
10816 display: inline-block
;
10819 .moodle-dialogue-exception .param-stacktrace .stacktrace-line {
10820 display: inline-block
;
10824 .moodle-dialogue-exception .param-stacktrace .stacktrace-call {
10825 padding-left: 25px;
10826 margin-bottom: 4px;
10827 padding-bottom: 4px; }
10829 .moodle-dialogue .moodle-dialogue-bd .content-lightbox {
10835 background-color: white
;
10836 text-align: center
;
10839 /* Apply a default max-height on tooltip text */
10840 .moodle-dialogue .tooltiptext {
10841 max-height: 300px; }
10843 .moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip {
10845 .moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip .moodle-dialogue-bd {
10849 * Chooser Dialogues (moodle-core-chooserdialogue)
10851 * This CSS belong to the chooser dialogue which should work both with, and
10852 * without javascript enabled
10854 /* Hide the dialog and it's title */
10855 .chooserdialoguebody
,
10859 .moodle-dialogue.chooserdialogue .moodle-dialogue-content .moodle-dialogue-ft {
10862 .chooserdialogue .moodle-dialogue-wrap .moodle-dialogue-bd {
10864 background: #f2f2f2; }
10866 /* Center the submit buttons within the area */
10867 .choosercontainer #chooseform .submitbuttons {
10869 text-align: right
; }
10871 /* Fixed for safari browser on iPhone4S with ios7@mixin */
10872 @media (max-height: 639px) {
10873 .ios .choosercontainer #chooseform .submitbuttons {
10874 padding: 45px 0; } }
10876 .choosercontainer #chooseform .submitbuttons input {
10880 /* Various settings for the options area */
10881 .choosercontainer #chooseform .options {
10882 position: relative
;
10883 border-bottom: 1px solid
#bbb; }
10885 /* Only set these options if we're showing the js container */
10886 .jschooser .choosercontainer #chooseform .alloptions {
10887 overflow-x: hidden
;
10889 max-width: 240px; }
10890 .jschooser .choosercontainer #chooseform .alloptions .option input[type=radio] {
10891 display: inline-block
; }
10892 .jschooser .choosercontainer #chooseform .alloptions .option .typename {
10893 display: inline-block
;
10896 /* Settings for option rows and option subtypes */
10897 .choosercontainer #chooseform
.moduletypetitle
,
10898 .choosercontainer #chooseform
.option
,
10899 .choosercontainer #chooseform .nonoption {
10901 padding: 0 1.6em 0 1.6em; }
10903 .choosercontainer #chooseform .moduletypetitle {
10904 text-transform: uppercase
;
10905 padding-top: 1.2em;
10906 padding-bottom: 0.4em;
10907 margin-bottom: 0.5rem;
10910 .choosercontainer #chooseform
.option
.typename
,
10911 .choosercontainer #chooseform .nonoption .typename {
10912 padding: 0 0 0 0.5em; }
10914 .choosercontainer #chooseform .modicon + .typename {
10917 .choosercontainer #chooseform
.option input
[type
=radio
],
10918 .choosercontainer #chooseform .option span.typename {
10919 vertical-align: middle
; }
10921 .choosercontainer #chooseform .option label {
10925 border-bottom: 1px solid
#fff; }
10927 .choosercontainer #chooseform .option .icon {
10931 .choosercontainer #chooseform .nonoption {
10932 padding-left: 2.7em;
10933 padding-top: 0.3em;
10934 padding-bottom: 0.1em; }
10936 .choosercontainer #chooseform .subtype {
10938 padding: 0 1.6em 0 3.2em; }
10940 .choosercontainer #chooseform .subtype .typename {
10941 margin: 0 0 0 0.2em; }
10943 /* The instruction/help area */
10944 .jschooser
.choosercontainer #chooseform
.instruction
,
10945 .jschooser .choosercontainer #chooseform .typesummary {
10947 position: absolute
;
10954 background-color: #fff;
10955 overflow-x: hidden
;
10957 line-height: 2em; }
10959 /* Selected option settings */
10960 .jschooser
.choosercontainer #chooseform
.instruction
,
10961 .choosercontainer #chooseform .selected .typesummary {
10964 .choosercontainer #chooseform .selected {
10965 background-color: #fff;
10967 padding-top: 1px; }
10969 @media (max-width: 575.98px) {
10970 .jsenabled .choosercontainer #chooseform .alloptions {
10972 .jsenabled
.choosercontainer #chooseform
.instruction
,
10973 .jsenabled .choosercontainer #chooseform .typesummary {
10974 position: static
; } }
10977 * Module chooser dialogue (moodle-core-chooserdialogue)
10979 * This CSS belong to the chooser dialogue which should work both with, and
10980 * without javascript enabled
10982 .modchooser .modal-body {
10987 flex-direction: column
; }
10988 .modchooser .modal-body .searchresultitemscontainer-wrapper {
10989 min-height: 495px; }
10990 .modchooser .modal-body .carousel-item.active {
10992 .modchooser .modal-body .chooser-container {
10994 flex-direction: column
;
10996 .modchooser .modal-body .loading-icon {
10998 .modchooser .modal-body .loading-icon .icon {
11003 .modchooser .modal-body .carousel-item .loading-icon .icon {
11004 margin: 1em auto
; }
11005 .modchooser .modal-body .searchbar {
11008 .modchooser .modal-footer {
11010 background: #fff; }
11011 .modchooser .modal-footer .moodlenet-logo .icon {
11014 margin-bottom: .6rem; }
11016 .modchoosercontainer.noscroll {
11017 overflow-y: hidden
; }
11019 .modchoosercontainer
.optionscontainer
,
11020 .modchoosercontainer .searchresultitemscontainer {
11021 overflow-x: hidden
; }
11022 .modchoosercontainer
.optionscontainer
.option
,
11023 .modchoosercontainer .searchresultitemscontainer .option {
11024 flex-basis: calc
(50% - 0.5rem); }
11025 .modchoosercontainer
.optionscontainer
.option
.optionactions
.optionaction
,
11026 .modchoosercontainer .searchresultitemscontainer .option .optionactions .optionaction {
11029 .modchoosercontainer
.optionscontainer
.option
.optionactions
.optionaction i
,
11030 .modchoosercontainer .searchresultitemscontainer .option .optionactions .optionaction i {
11032 .modchoosercontainer
.optionscontainer
.option
.optioninfo a
,
11033 .modchoosercontainer .searchresultitemscontainer .option .optioninfo a {
11035 .modchoosercontainer
.optionscontainer
.option
.optioninfo
a:hover
,
11036 .modchoosercontainer .searchresultitemscontainer .option .optioninfo a:hover {
11037 text-decoration: none
; }
11039 .modchooser .modal-body .optionsummary {
11040 background-color: #fff;
11041 overflow-x: hidden
;
11044 .modchooser .modal-body .optionsummary .content {
11045 overflow-y: auto
; }
11046 .modchooser .modal-body .optionsummary .content .heading .icon {
11051 .modchooser .modal-body .optionsummary .actions {
11052 border-top: 1px solid
#dee2e6;
11053 background: #fff; }
11055 @media (max-width: 575.98px) {
11056 .path-course-view
.modal-dialog
.modal-lg
,
11057 .path-course-view
.modal-content
,
11058 .modchooser
.modal-body
,
11059 .modchooser
.modal-body
.carousel
,
11060 .modchooser
.modal-body
.carousel-inner
,
11061 .modchooser
.modal-body
.carousel-item
,
11062 .modchooser
.modal-body
.optionsummary
,
11063 .modchoosercontainer
,
11065 .searchresultitemscontainer {
11068 overflow-y: auto
; }
11069 .path-course-view .modal-dialog.modal-lg {
11071 .modchooser .modal-body .searchresultitemscontainer-wrapper {
11072 min-height: auto
; } }
11074 @media (min-width: 576px) {
11075 .modchoosercontainer
.optionscontainer
.option
,
11076 .modchoosercontainer .searchresultitemscontainer .option {
11077 flex-basis: calc
(33.33% - 0.5rem); } }
11079 @media (min-width: 992px) {
11080 .modchoosercontainer
.optionscontainer
.option
,
11081 .modchoosercontainer .searchresultitemscontainer .option {
11082 flex-basis: calc
(16.66% - 0.5rem); } }
11084 /* Form element: listing */
11085 .formlistingradio {
11086 padding-bottom: 25px;
11087 padding-right: 10px; }
11089 .formlistinginputradio {
11093 min-height: 225px; }
11096 position: relative
;
11098 padding: 1px 19px 14px;
11099 background-color: white
;
11100 border: 1px solid
#ddd; }
11103 position: absolute
;
11110 background-color: whitesmoke
;
11111 border: 1px solid
#ddd;
11120 border-bottom: 1px solid
;
11121 border-color: #e1e1e8;
11122 border-left: 1px solid
#e1e1e8;
11123 border-right: 1px solid
#e1e1e8;
11124 background-color: #f7f7f9;
11132 body
.jsenabled
.formlistingradio
{
11135 body
.jsenabled
.formlisting
{
11138 a
.criteria-action
{
11142 div
.criteria-description
{
11143 padding: 10px 15px;
11145 background: none repeat scroll
0 0 #f9f9f9;
11146 border: 1px solid
#eee; }
11150 list-style: none
; }
11153 position: relative
;
11154 display: inline-block
;
11156 text-align: center
;
11157 vertical-align: top
;
11160 .badges li .badge-name {
11165 position: absolute
; }
11167 .badges li .badge-image {
11174 .badges li .badge-actions {
11175 position: relative
; }
11177 .badges li .expireimage {
11182 position: absolute
;
11187 background-color: transparent
;
11189 position: relative
;
11192 display: inline-block
;
11193 vertical-align: top
;
11195 margin-bottom: 20px; }
11196 #badge-image .expireimage
{
11202 position: absolute
;
11204 #badge-image .singlebutton
{
11207 #badge-image .singlebutton button
{
11208 margin-left: 4px; }
11211 display: inline-block
;
11214 #badge-overview dl
,
11215 #badge-details dl
{
11217 #badge-overview dl dt
,
11218 #badge-overview dl dd
,
11219 #badge-details dl dt
,
11220 #badge-details dl dd
{
11221 vertical-align: top
;
11223 #badge-overview dl dt
,
11224 #badge-details dl dt
{
11226 display: inline-block
;
11228 min-width: 100px; }
11229 #badge-overview dl dd
,
11230 #badge-details dl dd
{
11231 display: inline-block
;
11236 vertical-align: top
; }
11247 #page-badges-award .recipienttable tr td
{
11248 vertical-align: top
; }
11250 #page-badges-award .recipienttable tr td
.actions
.actionbutton
{
11255 #page-badges-award .recipienttable tr td
.existing
,
11256 #page-badges-award .recipienttable tr td
.potential
{
11259 #issued-badge-table .activatebadge
{
11260 display: inline-block
; }
11262 .statusbox.active {
11263 background-color: #d7e4d6; }
11265 .statusbox.inactive {
11266 background-color: #fcefdc; }
11269 text-align: center
;
11270 margin-bottom: 5px;
11273 .statusbox .activatebadge {
11274 display: inline-block
; }
11276 .statusbox .activatebadge input[type=submit] {
11282 vertical-align: middle
; }
11284 img#persona_signin
{
11290 .invisiblefieldset {
11296 #page-header .logo
{
11298 #page-header .logo img
{
11299 max-height: 75px; }
11301 /** Navbar logo. */
11302 nav
.navbar
.logo img
{
11303 max-height: 35px; }
11305 .nav.usernav .nav-item {
11308 .nav.usernav .usermenu .dropdown-toggle {
11309 padding: 0 0.5rem; }
11311 /** Header-bar styles **/
11312 .page-context-header {
11314 padding: 0.25rem; }
11315 .page-context-header
.page-header-image
,
11316 .page-context-header .page-header-headings {
11319 position: relative
; }
11320 .page-context-header .page-header-image {
11322 margin-bottom: 1em; }
11323 .page-context-header .page-header-image > a {
11324 display: inline-block
; }
11325 .page-context-header
.page-header-headings
,
11326 .page-context-header .header-button-group {
11327 position: relative
;
11329 vertical-align: middle
; }
11330 .page-context-header .header-button-group {
11334 ul
.dragdrop-keyboard-drag li
{
11335 list-style-type: none
; }
11339 text-decoration: none
;
11341 font-style: italic
;
11346 overflow: hidden
; }
11348 .progressbar_container {
11352 /* IE10 only fix for calendar titling */
11353 .ie10 .yui3-calendar-header-label {
11354 display: inline-block
; }
11364 .nav-tabs
> .active
> a
[href
],
11365 .nav-tabs
> .active
> a
[href
]:hover
,
11366 .nav-tabs > .active > a[href]:focus {
11369 .inplaceeditable.inplaceeditingon {
11370 position: relative
; }
11371 .inplaceeditable.inplaceeditingon .editinstructions {
11373 font-weight: normal
;
11378 white-space: nowrap
; }
11379 @media
(min-width: 576px) {
11380 .inplaceeditable.inplaceeditingon input {
11382 vertical-align: text-bottom
;
11383 margin-bottom: 0; } }
11384 .inplaceeditable.inplaceeditingon select {
11385 margin-bottom: 0; }
11387 .inplaceeditable .quickediticon img {
11390 .inplaceeditable .quickeditlink {
11392 text-decoration: inherit
; }
11394 .inplaceeditable:hover
.quickeditlink
.quickediticon img
,
11395 .inplaceeditable .quickeditlink:focus .quickediticon img {
11398 .inplaceeditable.inplaceeditable-toggle .quickediticon {
11401 .inplaceeditable.inplaceeditable-autocomplete {
11404 h3
.sectionname
.inplaceeditable
.inplaceeditingon
.editinstructions
{
11405 margin-top: -20px; }
11408 .chart-area .chart-table-data {
11411 .chart-area .chart-table {
11412 /** When accessible, we display the table only. */ }
11413 .chart-area .chart-table .chart-output-htmltable caption {
11414 white-space: nowrap
; }
11415 .chart-area .chart-table.accesshide .chart-table-expand {
11417 .chart-area .chart-table.accesshide .chart-table-data {
11421 padding-left: 1rem;
11422 -webkit-margin-start: 0.2rem;
11423 /* stylelint-disable-line */ }
11425 /* YUI 2 Tree View */
11445 .ygtvcancel:hover {
11446 background-image: url([[pix:theme|yui2-treeview-sprite-rtl]]);
11449 .hover-tooltip-container {
11450 position: relative
; }
11451 .hover-tooltip-container .hover-tooltip {
11453 visibility: hidden
;
11454 position: absolute
;
11457 top: calc
(-50% - 5px);
11458 transform: translate
(-50%, -50%);
11459 background-color: #fff;
11460 border: 1px solid rgba
(0, 0, 0, 0.2);
11461 border-radius: .3rem;
11462 box-sizing: border-box
;
11464 white-space: nowrap
;
11465 transition: opacity
0.15s, visibility
0.15s;
11467 .hover-tooltip-container .hover-tooltip:before {
11469 display: inline-block
;
11470 border-left: 8px solid transparent
;
11471 border-right: 8px solid transparent
;
11472 border-top: 8px solid rgba
(0, 0, 0, 0.2);
11473 position: absolute
;
11475 left: calc
(50% - 8px); }
11476 .hover-tooltip-container .hover-tooltip:after {
11478 display: inline-block
;
11479 border-left: 7px solid transparent
;
11480 border-right: 7px solid transparent
;
11481 border-top: 7px solid
#fff;
11482 position: absolute
;
11484 left: calc
(50% - 7px);
11486 .hover-tooltip-container:hover .hover-tooltip {
11488 visibility: visible
;
11489 transition: opacity
0.15s 0.5s, visibility
0.15s 0.5s; }
11494 #region-flat-nav .nav
{
11495 margin-right: 15px;
11496 background-color: #fff; }
11497 @media
(max-width: 767.98px) {
11498 #region-flat-nav .nav
{
11500 margin-right: 0; } }
11504 text-decoration: underline
; }
11505 #page-footer a
.icon
{
11507 #page-footer a:focus
.icon
{
11512 text-decoration: underline
; }
11513 .bg-inverse a .icon {
11524 .dropdown-item:active, .dropdown-item:hover, .dropdown-item:focus, .dropdown-item:focus-within {
11526 background-color: #0f6fc5; }
11527 .dropdown-item:active a, .dropdown-item:hover a, .dropdown-item:focus a, .dropdown-item:focus-within a {
11530 .dropdown-item[aria-current="true"] {
11531 position: relative
;
11533 align-items: center
; }
11534 .dropdown-item[aria-current="true"]:before {
11535 display: inline-block
;
11536 font: normal normal normal
14px/1 FontAwesome
;
11537 font-size: inherit
;
11538 text-rendering: auto
;
11539 -webkit-font-smoothing: antialiased
;
11540 -moz-osx-font-smoothing: grayscale
;
11542 position: absolute
;
11544 font-size: 0.7rem; }
11546 .competency-tree ul {
11547 padding-left: 1.5rem; }
11549 .sr-only-focusable:active, .sr-only-focusable:focus {
11557 [data-drag-type
="move"] {
11559 touch-action: none
; }
11564 .overlay-icon-container {
11565 position: absolute
;
11570 background-color: rgba
(255, 255, 255, 0.6); }
11571 .overlay-icon-container .loading-icon {
11572 position: absolute
;
11575 transform: translate
(-50%, -50%); }
11576 .overlay-icon-container .loading-icon .icon {
11585 animation: bg-pulse-grey
2s infinite linear
; }
11587 @keyframes bg-pulse-grey
{
11589 background-color: #f8f9fa; }
11591 background-color: #e9ecef; }
11593 background-color: #f8f9fa; } }
11596 line-height: 0 !important
;
11597 /* stylelint-disable-line declaration-no-important */ }
11600 line-height: 0.25rem !important
;
11601 /* stylelint-disable-line declaration-no-important */ }
11604 line-height: 0.5rem !important
;
11605 /* stylelint-disable-line declaration-no-important */ }
11608 line-height: 1rem !important
;
11609 /* stylelint-disable-line declaration-no-important */ }
11612 line-height: 1.5rem !important
;
11613 /* stylelint-disable-line declaration-no-important */ }
11616 line-height: 2rem !important
;
11617 /* stylelint-disable-line declaration-no-important */ }
11620 line-height: 3rem !important
;
11621 /* stylelint-disable-line declaration-no-important */ }
11623 .dir-rtl .dir-rtl-hide {
11626 .dir-ltr .dir-ltr-hide {
11629 .paged-content-page-container {
11630 min-height: 3.125rem; }
11632 body
.h5p-embed #page-content
{
11633 display: inherit
; }
11635 body
.h5p-embed #maincontent
{
11638 body
.h5p-embed
.h5pmessages
{
11639 min-height: 230px; }
11641 .text-decoration-none {
11642 text-decoration: none
!important
;
11643 /* stylelint-disable-line declaration-no-important */ }
11646 color: inherit
!important
;
11647 /* stylelint-disable-line declaration-no-important */ }
11650 right: 0 !important
;
11651 /* stylelint-disable-line declaration-no-important */ }
11654 overflow: hidden
!important
;
11655 /* stylelint-disable-line declaration-no-important */ }
11658 overflow-wrap: break-word
!important
;
11659 /* stylelint-disable-line declaration-no-important */ }
11662 z-index: 0 !important
;
11663 /* stylelint-disable-line declaration-no-important */ }
11666 z-index: 1 !important
;
11667 /* stylelint-disable-line declaration-no-important */ }
11670 float: left
!important
;
11671 /* stylelint-disable-line declaration-no-important */ }
11674 float: right
!important
;
11675 /* stylelint-disable-line declaration-no-important */ }
11682 cursor: not-allowed
; }
11691 display: -webkit-box
;
11692 -webkit-box-orient: vertical
;
11693 -webkit-line-clamp: 2;
11694 overflow: hidden
; }
11697 word-break: break-all
; }
11700 background-color: #a8d2f8;
11707 .emoji-picker .category-button {
11708 padding: .375rem 0;
11710 width: 38.8888888889px;
11713 border-right: none
;
11714 border-bottom: 2px solid transparent
; }
11715 .emoji-picker .category-button.selected {
11716 border-bottom: 2px solid
#0f6fc5; }
11717 .emoji-picker
.emojis-container
,
11718 .emoji-picker .search-results-container {
11719 min-width: 280px; }
11720 .emoji-picker .picker-row {
11722 .emoji-picker .picker-row .category-name {
11723 line-height: 40px; }
11724 .emoji-picker .picker-row .emoji-button {
11729 overflow: hidden
; }
11730 .emoji-picker .picker-row .emoji-button:hover, .emoji-picker .picker-row .emoji-button:focus {
11732 text-decoration: none
; }
11733 .emoji-picker .emoji-preview {
11736 line-height: 40px; }
11737 .emoji-picker .emoji-short-name {
11738 line-height: 20px; }
11739 @media
(max-width: 575.98px) {
11743 .emoji-auto-complete {
11745 .emoji-auto-complete .btn.btn-link.btn-icon.emoji-button {
11750 .emoji-auto-complete .btn.btn-link.btn-icon.emoji-button.active {
11751 background-color: #e9ecef; }
11757 .toast-wrapper > :first-child {
11758 margin-top: 1rem; }
11763 .alert-secondary a {
11785 font-weight: 700; }
11787 @media (max-width: 767.98px) {
11790 .breadcrumb:not(:empty) {
11792 border: 2px solid
#e9ecef;
11794 margin-bottom: 0.5rem; }
11795 .breadcrumb:not(:empty) .breadcrumb-item {
11796 padding-top: 0.3333333333rem;
11797 padding-bottom: 0.3333333333rem;
11798 display: inline-block
; }
11801 padding-right: 15px;
11802 padding-left: 15px; }
11805 justify-content: center
; }
11809 padding: 0.625rem; }
11810 #page-header .card
{
11812 #page-header .card
.card-body
{
11819 background-color: #e9ecef; }
11820 .nav-tabs
.nav-item
,
11821 .nav-pills .nav-item {
11823 text-align: center
; }
11824 .nav-tabs
.nav-link
,
11825 .nav-pills .nav-link {
11828 margin: 0.125rem; }
11829 .nav-tabs
.nav-link
.active
,
11830 .nav-pills .nav-link.active {
11832 border-color: #6c757d;
11833 border-color: #6c757d; }
11834 .nav-tabs
.nav-link
.active:hover
,
11835 .nav-pills .nav-link.active:hover {
11837 background-color: #6c757d;
11838 border-color: #6c757d; }
11839 .nav-tabs
.nav-link
.active:focus
, .nav-tabs
.nav-link
.active
.focus
,
11840 .nav-pills
.nav-link
.active:focus
,
11841 .nav-pills .nav-link.active.focus {
11842 box-shadow: 0 0 0 0.2rem rgba
(108, 117, 125, 0.5); }
11843 .nav-tabs
.nav-link
.active
.disabled
, .nav-tabs
.nav-link
.active:disabled
,
11844 .nav-pills
.nav-link
.active
.disabled
,
11845 .nav-pills .nav-link.active:disabled {
11847 background-color: transparent
; }
11848 .nav-tabs
.nav-link
.active:not
(:disabled
):not
(.disabled
):active
, .nav-tabs
.nav-link
.active:not
(:disabled
):not
(.disabled
).active
,
11849 .show
> .nav-tabs
.nav-link
.active
.dropdown-toggle
,
11850 .nav-pills
.nav-link
.active:not
(:disabled
):not
(.disabled
):active
,
11851 .nav-pills
.nav-link
.active:not
(:disabled
):not
(.disabled
).active
,
11853 .nav-pills .nav-link.active.dropdown-toggle {
11855 background-color: #6c757d;
11856 border-color: #6c757d; }
11857 .nav-tabs
.nav-link
.active:not
(:disabled
):not
(.disabled
):active:focus
, .nav-tabs
.nav-link
.active:not
(:disabled
):not
(.disabled
).active:focus
,
11858 .show
> .nav-tabs
.nav-link
.active
.dropdown-toggle:focus
,
11859 .nav-pills
.nav-link
.active:not
(:disabled
):not
(.disabled
):active:focus
,
11860 .nav-pills
.nav-link
.active:not
(:disabled
):not
(.disabled
).active:focus
,
11862 .nav-pills .nav-link.active.dropdown-toggle:focus {
11863 box-shadow: 0 0 0 0.2rem rgba
(108, 117, 125, 0.5); } }
11865 @media (max-width: 576px) and
(max-height: 320px) {
11868 .navbar.fixed-top {
11869 position: relative
;
11870 z-index: inherit
; } }
11873 text-decoration: underline
; }
11874 .link-underline:focus {
11875 text-decoration: none
; }
11879 .alert.cta .icon.fa {
11880 border-radius: 50%;
11881 border-style: solid
;
11882 border-width: 0.125rem; }
11884 .core_payment_gateways_modal
.custom-control-label::before
,
11885 .core_payment_gateways_modal .custom-control-label::after {
11894 box-sizing: content-box
;
11895 margin-right: 0.5rem; }
11898 .icon.iconsize-big {
11903 .navbar-dark a .icon {
11904 color: rgba
(255, 255, 255, 0.5) !important
;
11905 /* stylelint-disable-line declaration-no-important */ }
11907 .action-menu-item a:first-of-type > .icon {
11908 margin-left: 0.5rem; }
11911 margin-left: 0 !important
;
11912 /* stylelint-disable-line declaration-no-important */ }
11914 .block_navigation
.tree_item
.icon
,
11915 .block_settings .tree_item .icon {
11918 [data-action
=toggle-drawer
] .icon
{
11921 .icon-no-spacing a > .icon {
11924 .icon-no-margin .icon {
11928 margin-bottom: 0; }
11930 .icon-large > .icon {
11934 .icon-size-0 .icon {
11935 height: 0 !important
;
11936 /* stylelint-disable-line declaration-no-important */
11937 width: 0 !important
;
11938 /* stylelint-disable-line declaration-no-important */
11939 font-size: 0 !important
;
11940 /* stylelint-disable-line declaration-no-important */ }
11942 .icon-size-1 .icon {
11943 height: 4px !important
;
11944 /* stylelint-disable-line declaration-no-important */
11945 width: 4px !important
;
11946 /* stylelint-disable-line declaration-no-important */
11947 font-size: 4px !important
;
11948 /* stylelint-disable-line declaration-no-important */ }
11950 .icon-size-2 .icon {
11951 height: 8px !important
;
11952 /* stylelint-disable-line declaration-no-important */
11953 width: 8px !important
;
11954 /* stylelint-disable-line declaration-no-important */
11955 font-size: 8px !important
;
11956 /* stylelint-disable-line declaration-no-important */ }
11958 .icon-size-3 .icon {
11959 height: 16px !important
;
11960 /* stylelint-disable-line declaration-no-important */
11961 width: 16px !important
;
11962 /* stylelint-disable-line declaration-no-important */
11963 font-size: 16px !important
;
11964 /* stylelint-disable-line declaration-no-important */ }
11966 .icon-size-4 .icon {
11967 height: 24px !important
;
11968 /* stylelint-disable-line declaration-no-important */
11969 width: 24px !important
;
11970 /* stylelint-disable-line declaration-no-important */
11971 font-size: 24px !important
;
11972 /* stylelint-disable-line declaration-no-important */ }
11974 .icon-size-5 .icon {
11975 height: 32px !important
;
11976 /* stylelint-disable-line declaration-no-important */
11977 width: 32px !important
;
11978 /* stylelint-disable-line declaration-no-important */
11979 font-size: 32px !important
;
11980 /* stylelint-disable-line declaration-no-important */ }
11982 .icon-size-6 .icon {
11983 height: 40px !important
;
11984 /* stylelint-disable-line declaration-no-important */
11985 width: 40px !important
;
11986 /* stylelint-disable-line declaration-no-important */
11987 font-size: 40px !important
;
11988 /* stylelint-disable-line declaration-no-important */ }
11990 .icon-size-7 .icon {
11991 height: 48px !important
;
11992 /* stylelint-disable-line declaration-no-important */
11993 width: 48px !important
;
11994 /* stylelint-disable-line declaration-no-important */
11995 font-size: 48px !important
;
11996 /* stylelint-disable-line declaration-no-important */ }
11999 margin-left: 0.5rem; }
12002 .formtable tbody th {
12003 font-weight: normal
;
12004 text-align: right
; }
12006 .path-admin #assignrole {
12009 margin-right: auto
; }
12011 .path-admin .admintable .leftalign {
12012 text-align: left
; }
12014 .environmenttable .warn {
12015 background-color: #fcefdc;
12018 .environmenttable .error {
12019 background-color: #f4d6d2;
12022 .environmenttable .ok {
12023 background-color: #d7e4d6;
12026 .path-admin
.admintable
.environmenttable
.name
,
12027 .path-admin
.admintable
.environmenttable
.info
,
12028 .path-admin #assignrole
.admintable
.role
,
12029 .path-admin #assignrole
.admintable
.userrole
,
12030 .path-admin #assignrole .admintable .roleholder {
12031 white-space: nowrap
; }
12033 .path-admin .incompatibleblockstable td.c0 {
12034 font-weight: bold
; }
12036 #page-admin-course-category .addcategory
{
12039 #page-admin-course-index .editcourse
{
12040 margin: 20px auto
; }
12042 #page-admin-course-index .editcourse th
,
12043 #page-admin-course-index .editcourse td
{
12044 padding-left: 10px;
12045 padding-right: 10px; }
12047 .timewarninghidden {
12050 #page-admin-report-capability-index #capabilitysearch
{
12053 #page-admin-qtypes #qtypes div
,
12054 #page-admin-qtypes #qtypes form
,
12055 #page-admin-qbehaviours #qbehaviours div
,
12056 #page-admin-qbehaviours #qbehaviours form
{
12059 #page-admin-qtypes #qtypes img
.spacer
,
12060 #page-admin-qbehaviours #qbehaviours img
.spacer
{
12063 #page-admin-qbehaviours .cell
.c3
,
12064 #page-admin-qtypes .cell
.c3
{
12065 font-size: 0.8203125rem; }
12067 #page-admin-lang .generalbox
,
12068 #page-admin-course-index .singlebutton
,
12069 #page-admin-course-index .addcategory
,
12070 #page-course-index .buttons
,
12071 #page-course-index-category .buttons
,
12072 #page-admin-course-category .addcategory
,
12073 #page-admin-stickyblocks .generalbox
,
12074 #page-admin-maintenance .buttons
,
12075 #page-admin-course-index .buttons
,
12076 #page-admin-course-category .buttons
,
12077 #page-admin-index .copyright
,
12078 #page-admin-index .copyrightnotice
,
12079 #page-admin-index .adminerror
.singlebutton
,
12080 #page-admin-index .adminwarning
.singlebutton
,
12081 #page-admin-index #layout-table
.singlebutton
{
12082 text-align: center
;
12083 margin-bottom: 1em; }
12085 .path-admin-roles .capabilitysearchui {
12088 margin-right: auto
;
12089 margin-top: 1rem; }
12091 #page-admin-roles-define .topfields
{
12092 margin: 1em 0 2em; }
12094 #page-admin-roles-define .capdefault
{
12095 background-color: rgba
(0, 0, 0, 0.075); }
12097 #page-filter-manage .backlink
,
12098 .path-admin-roles .backlink {
12101 #page-admin-roles-explain #chooseuser h3
,
12102 #page-admin-roles-usersroles .contextname
{
12105 #page-admin-roles-explain #chooseusersubmit
{
12107 text-align: center
; }
12109 #page-admin-roles-usersroles p
{
12112 #page-admin-roles-override .cell
.c1
,
12113 #page-admin-roles-assign .cell
.c3
,
12114 #page-admin-roles-assign .cell
.c1
{
12115 padding-top: 0.75em; }
12117 #page-admin-roles-override .overridenotice
,
12118 #page-admin-roles-define .definenotice
{
12119 margin: 1em 10% 2em 10%;
12120 text-align: left
; }
12122 #page-admin-index .adminwarning
.availableupdatesinfo
.moodleupdateinfo span
{
12125 #page-admin-index .updateplugin div
{
12126 margin-bottom: 0.5em; }
12128 #page-admin-user-user_bulk #users
.fgroup
{
12129 white-space: nowrap
; }
12131 #page-admin-report-stats-index .graph
{
12132 text-align: center
;
12133 margin-bottom: 1em; }
12135 #page-admin-report-courseoverview-index .graph
{
12136 text-align: center
;
12137 margin-bottom: 1em; }
12139 #page-admin-lang .translator
{
12141 border-style: solid
; }
12143 .path-admin .roleassigntable {
12146 .path-admin .roleassigntable td {
12147 vertical-align: top
;
12148 padding: 0.2em 0.3em; }
12150 .path-admin .roleassigntable p {
12154 .path-admin
.roleassigntable #existingcell
,
12155 .path-admin .roleassigntable #potentialcell {
12158 .path-admin
.roleassigntable #existingcell p
> label:first-child
,
12159 .path-admin .roleassigntable #potentialcell p > label:first-child {
12160 font-weight: bold
; }
12162 .path-admin .roleassigntable #buttonscell {
12165 .path-admin .roleassigntable #buttonscell #assignoptions {
12166 font-size: 0.8203125rem; }
12168 .path-admin
.roleassigntable #removeselect_wrapper
,
12169 .path-admin .roleassigntable #addselect_wrapper {
12172 .path-admin table.rolecap tr.rolecap th {
12174 font-weight: normal
; }
12176 .path-admin .rolecap .hiddenrow {
12179 .path-admin
#defineroletable
.rolecap
.inherit
,
12180 .path-admin
#defineroletable
.rolecap
.allow
,
12181 .path-admin
#defineroletable
.rolecap
.prevent
,
12182 .path-admin #defineroletable .rolecap .prohibit {
12183 text-align: center
;
12185 min-width: 3.5em; }
12187 .path-admin
.rolecap
.cap-name
,
12188 .path-admin .rolecap .note {
12190 font-size: 0.8203125rem;
12191 white-space: nowrap
;
12192 font-weight: normal
; }
12194 .path-admin .rolecap label {
12196 text-align: center
;
12200 .plugincheckwrapper {
12206 #mnetconfig table
{
12208 margin-right: auto
; }
12210 .environmenttable .cell {
12211 padding: .15em .5em; }
12213 #trustedhosts .generaltable
{
12215 margin-right: auto
;
12218 #trustedhosts .standard
{
12221 #adminsettings legend
{
12224 #adminsettings fieldset
.error
{
12225 margin: .2em 0 .5em 0; }
12227 #adminsettings fieldset
.error legend
{
12230 #admin-spelllanguagelist textarea
,
12231 #page-admin-setting-editorsettingstinymce .form-textarea textarea
{
12237 /* Styles for flags on admin settings */
12238 .adminsettingsflags {
12241 .adminsettingsflags label {
12242 margin-right: 7px; }
12244 .form-description pre
,
12245 .formsettingheading pre {
12249 .form-item .form-setting .form-htmlarea {
12252 .form-item .form-setting .form-htmlarea .htmlarea {
12256 .form-item .form-setting .form-multicheckbox ul {
12259 margin: 7px 0 0 0; }
12261 .form-item .form-setting .defaultsnext {
12264 .form-item .form-setting .locked-checkbox {
12265 margin-right: 0.2em;
12266 margin-left: 0.5em;
12269 .form-item
.form-setting
.form-password
.unmask
,
12270 .form-item .form-setting .form-defaultinfo {
12271 display: inline-block
; }
12273 .form-item .form-setting .form-defaultinfo {
12275 word-wrap: break-word
; }
12277 #admin-emoticons td input
{
12280 #admin-emoticons td
.c0 input
{
12283 #adminthemeselector .selectedtheme td
.c0
{
12284 border: 1px solid
#b8dce2;
12285 border-right-width: 0; }
12287 #adminthemeselector .selectedtheme td
.c1
{
12288 border: 1px solid
#b8dce2;
12289 border-left-width: 0; }
12291 .admin_colourpicker
,
12292 .admin_colourpicker_preview {
12295 .jsenabled .admin_colourpicker_preview {
12298 @media (min-width: 768px) {
12299 .jsenabled .admin_colourpicker {
12303 margin-bottom: 10px;
12304 box-sizing: content-box
; }
12305 .admin_colourpicker .colourdialogue {
12307 border: 1px solid
#8f959e; }
12308 .admin_colourpicker .previewcolour {
12309 border: 1px solid
#8f959e;
12310 margin-left: 301px; }
12311 .admin_colourpicker .currentcolour {
12312 border: 1px solid
#8f959e;
12313 margin-left: 301px;
12314 border-top-width: 0; } }
12316 @media (max-width: 767.98px) {
12317 .jsenabled .admin_colourpicker {
12319 margin-bottom: 10px;
12321 position: relative
; }
12322 .admin_colourpicker .previewcolour {
12324 .admin_colourpicker .currentcolour {
12325 position: absolute
;
12326 border: 1px solid
#dee2e6;
12330 .admin_colourpicker .loadingicon {
12331 vertical-align: middle
;
12332 margin-left: auto
; }
12334 #page-admin-index #notice
.checkforupdates
{
12335 text-align: center
; }
12337 #page-admin-plugins #plugins-overview-panel
.info
{
12338 display: inline-block
;
12339 margin-right: 1em; }
12341 #page-admin-plugins .checkforupdates
{
12343 #page-admin-plugins .checkforupdates
.singlebutton
{
12346 #page-admin-plugins .checkforupdates
.singlebutton div
,
12347 #page-admin-plugins .checkforupdates
.singlebutton input
{
12348 margin: 0 3px 0 0; }
12350 #page-admin-plugins .updateavailableinstallall
{
12353 #page-admin-plugins .updateavailableinstallall div
,
12354 #page-admin-plugins .updateavailableinstallall input
{
12355 margin: 0 3px 5px 0; }
12357 #page-admin-plugins #plugins-control-panel
.status-missing td
{
12358 background-color: #fcefdc; }
12360 #page-admin-plugins #plugins-control-panel
.pluginname
.componentname
{
12361 font-size: 0.8203125rem;
12363 margin-left: 22px; }
12365 #page-admin-plugins #plugins-control-panel
.version
.versionnumber
{
12366 font-size: 0.8203125rem;
12369 #page-admin-plugins #plugins-control-panel
.uninstall a
{
12372 #page-admin-plugins #plugins-control-panel
.notes
.label
{
12373 margin-right: 3px; }
12375 #page-admin-plugins #plugins-control-panel
.notes
.requiredby
{
12376 font-size: 0.8203125rem;
12379 #plugins-check-page #plugins-check
.status-missing td
,
12380 #plugins-check-page #plugins-check
.status-downgrade td
{
12381 background-color: #f4d6d2; }
12383 #plugins-check-page .pluginupdateinfo
,
12384 #plugins-control-panel .pluginupdateinfo
{
12385 background-color: #cce6ea;
12388 #plugins-check-page .pluginupdateinfo
.maturity50
,
12389 #plugins-control-panel .pluginupdateinfo
.maturity50
{
12390 background-color: #f4d6d2; }
12391 #plugins-check-page .pluginupdateinfo
.maturity100
, #plugins-check-page
.pluginupdateinfo
.maturity150
,
12392 #plugins-control-panel .pluginupdateinfo
.maturity100
,
12393 #plugins-control-panel .pluginupdateinfo
.maturity150
{
12394 background-color: #fcefdc; }
12395 #plugins-check-page .pluginupdateinfo
.info
,
12396 #plugins-control-panel .pluginupdateinfo
.info
{
12397 display: inline-block
; }
12398 #plugins-check-page .pluginupdateinfo
.separator:after
,
12399 #plugins-control-panel .pluginupdateinfo
.separator:after
{
12401 #plugins-check-page .pluginupdateinfo
.singlebutton
,
12402 #plugins-control-panel .pluginupdateinfo
.singlebutton
{
12405 #plugins-check-page .pluginupdateinfo
.singlebutton div
,
12406 #plugins-check-page .pluginupdateinfo
.singlebutton input
,
12407 #plugins-control-panel .pluginupdateinfo
.singlebutton div
,
12408 #plugins-control-panel .pluginupdateinfo
.singlebutton input
{
12409 margin: 0 3px 0 0; }
12411 .plugins-management-confirm-buttons > div {
12412 display: inline-block
;
12413 margin: 1em 1em 1em 0; }
12415 .plugins-management-confirm-buttons .continue {
12417 .plugins-management-confirm-buttons
.continue div
,
12418 .plugins-management-confirm-buttons .continue input {
12421 #page-admin-index .upgradepluginsinfo
{
12422 text-align: center
; }
12424 #page-admin-index .adminwarning
.availableupdatesinfo
.moodleupdateinfo
.separator:after
{
12427 /** MNet networking */
12428 #page-admin-mnet-peers .box
.deletedhosts
{
12429 margin-bottom: 1em;
12430 font-size: 0.8203125rem; }
12432 #core-cache-plugin-summaries table
,
12433 #core-cache-store-summaries table
{
12436 #core-cache-lock-summary table
,
12437 #core-cache-definition-summaries table
,
12438 #core-cache-mode-mappings table
{
12441 #core-cache-store-summaries .default-store td
{
12442 font-style: italic
; }
12444 #core-cache-rescan-definitions,
12445 #core-cache-mode-mappings .edit-link
,
12446 #core-cache-lock-additional-actions .new-instance
{
12448 text-align: center
; }
12450 .maintenancewarning {
12457 .modal.modal-in-page {
12460 #page-admin-search .adminpagetitle
{
12462 border-bottom: none
; }
12464 #page-admin-search .adminpagepath
{
12469 margin: 0 0 1.5rem 0; }
12470 #page-admin-search .adminpagepath li
+ li:before
{
12471 padding-right: 0.5rem;
12472 padding-left: 0.5rem;
12475 @media (min-width: 576px) {
12476 #page-admin-search .container
{
12477 overflow-wrap: break-word
; } }
12479 #page-admin-tasklogs .task-class
{
12480 font-size: 0.8203125rem;
12483 .path-admin-tool-uploaduser .uuwarning {
12484 background-color: #fcefdc; }
12486 .path-admin-tool-uploaduser .uuerror {
12487 background-color: #f4d6d2; }
12489 .path-admin-tool-uploaduser .uuinfo {
12490 background-color: #d7e4d6; }
12492 .blockmovetarget .accesshide {
12493 position: relative
;
12497 padding-top: 0 !important
;
12498 /* stylelint-disable declaration-no-important */
12499 margin-top: 0 !important
; }
12501 .block_search_forums .searchform {
12502 /* Override plugin's default. */
12503 text-align: left
; }
12505 .block
.block_navigation
.block_tree ul
,
12506 .block_settings .block_tree ul {
12509 .block .block-controls .dropdown-toggle {
12510 /* So that the caret takes the colour of the icon. */
12513 [data-region
="blocks-column"] {
12517 /* We put an absolutely positioned div in a relatively positioned div so it takes up no space */
12518 @media (min-width: 576px) {
12519 #region-main-settings-menu {
12520 position: relative
;
12523 #region-main-settings-menu > div
{
12524 position: absolute
;
12528 .region_main_settings_menu_proxy {
12531 background-color: #fff;
12532 margin-left: 0.625rem;
12533 margin-bottom: 0.625rem;
12534 border-bottom-left-radius: 0.5rem;
12537 @media (max-width: 767.98px) {
12538 #region-main-settings-menu .menubar
{
12539 justify-content: flex-end
; } }
12541 #region-main-settings-menu.has-blocks
,
12542 #region-main.has-blocks
{
12543 display: inline-block
;
12544 width: calc
(100% - 375px); }
12545 @media
(max-width: 1199.98px) {
12546 #region-main-settings-menu.has-blocks
,
12547 #region-main.has-blocks
{
12549 /* MDL-63102 - Remove extra space at bottom.
12550 If modifying make sure block-region is horizontally stacked when in full screen */
12551 display: block
; } }
12553 .header-action #region-main-settings-menu {
12557 .header-action #region-main-settings-menu > div {
12562 @media (max-width: 1199.98px) {
12563 [data-region
="blocks-column"] {
12566 .block .empty-placeholder-image-lg {
12569 .block .block-cards .course-info-container {
12572 .block .block-cards .progress {
12575 .block .block-cards .course-summaryitem {
12576 border: 1px solid
#dee2e6;
12577 background-color: #fff; }
12579 .block .block-cards .icon {
12582 .block .block-cards .card .coursemenubtn {
12583 margin-top: -0.5rem; }
12585 .block
.block-cards a
.coursename
,
12586 .block
.block-cards span
.categoryname
,
12587 .block .block-cards .btn-link {
12590 .block .block-cards .multiline {
12591 white-space: normal
; }
12593 .block .block-cards .btn.btn-link.btn-icon {
12597 border-radius: 50%; }
12598 .block .block-cards .btn.btn-link.btn-icon:hover, .block .block-cards .btn.btn-link.btn-icon:focus {
12599 background-color: #e9ecef; }
12601 .dashboard-card-deck.one-row {
12603 overflow-x: scroll
; }
12608 background-position: center
;
12609 background-size: cover
; }
12611 .dashboard-card-deck .dashboard-card {
12612 margin-bottom: 0.5rem;
12617 .dashboard-card-deck .dashboard-card .dashboard-card-img {
12619 background-position: center
;
12620 background-size: cover
; }
12621 .dashboard-card-deck .dashboard-card .dashboard-card-footer {
12624 @media (min-width: 576px) {
12625 .dashboard-card-deck.fixed-width-cards .dashboard-card {
12627 max-width: 100%; } }
12629 @media (min-width: 576px) {
12630 .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
12631 width: calc
(50% - 0.5rem); } }
12633 @media (min-width: 840px) {
12634 .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
12635 width: calc
(33.33% - 0.5rem); } }
12637 @media (min-width: 1100px) {
12638 .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
12639 width: calc
(25% - 0.5rem); } }
12641 @media (min-width: 1360px) {
12642 .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
12643 width: calc
(20% - 0.5rem); } }
12645 @media (min-width: 1200px) {
12646 #region-main.has-blocks
.dashboard-card-deck:not
(.fixed-width-cards
) .dashboard-card
{
12647 width: calc
(33.33% - 0.5rem); } }
12649 @media (min-width: 1470px) {
12650 #region-main.has-blocks
.dashboard-card-deck:not
(.fixed-width-cards
) .dashboard-card
{
12651 width: calc
(25% - 0.5rem); } }
12653 @media (min-width: 768px) {
12654 body
.drawer-open-left
.dashboard-card-deck:not
(.fixed-width-cards
) .dashboard-card
{
12655 width: calc
(100% - 0.5rem); } }
12657 @media (min-width: 861px) {
12658 body
.drawer-open-left
.dashboard-card-deck:not
(.fixed-width-cards
) .dashboard-card
{
12659 width: calc
(50% - 0.5rem); } }
12661 @media (min-width: 1122px) {
12662 body
.drawer-open-left
.dashboard-card-deck:not
(.fixed-width-cards
) .dashboard-card
{
12663 width: calc
(33.33% - 0.5rem); } }
12665 @media (min-width: 1381px) {
12666 body
.drawer-open-left
.dashboard-card-deck:not
(.fixed-width-cards
) .dashboard-card
{
12667 width: calc
(25% - 0.5rem); } }
12669 @media (min-width: 1200px) {
12670 body
.drawer-open-left #region-main
.has-blocks
.dashboard-card-deck:not
(.fixed-width-cards
) .dashboard-card
{
12671 width: calc
(100% - 0.5rem); } }
12673 @media (min-width: 1236px) {
12674 body
.drawer-open-left #region-main
.has-blocks
.dashboard-card-deck:not
(.fixed-width-cards
) .dashboard-card
{
12675 width: calc
(50% - 0.5rem); } }
12677 @media (min-width: 1497px) {
12678 body
.drawer-open-left #region-main
.has-blocks
.dashboard-card-deck:not
(.fixed-width-cards
) .dashboard-card
{
12679 width: calc
(33.33% - 0.5rem); } }
12681 @media (min-width: 1200px) {
12682 #block-region-side-pre .dashboard-card-deck:not
(.fixed-width-cards
) {
12685 #block-region-side-pre .dashboard-card-deck:not
(.fixed-width-cards
) .dashboard-card
{
12686 width: calc
(100% - 0.5rem) !important
; } }
12688 .block_recentlyaccessedcourses .paging-bar-container {
12689 margin-top: -2.4rem;
12690 justify-content: flex-end
; }
12692 @media (max-width: 575.98px) {
12693 .block_recentlyaccessedcourses .paging-bar-container {
12696 #block-region-side-pre .block_recentlyaccessedcourses
.paging-bar-container
{
12699 .block_recentlyaccesseditems img.icon {
12702 margin-right: 6px; }
12704 .block_myoverview .content {
12705 min-height: 19.35rem; }
12707 .block_myoverview .paged-content-page-container {
12708 min-height: 13rem; }
12710 .block_settings
.block_tree
[aria-expanded
="true"],
12711 .block_settings
.block_tree
[aria-expanded
="true"].emptybranch
,
12712 .block_settings
.block_tree
[aria-expanded
="false"],
12713 .block_navigation
.block_tree
[aria-expanded
="true"],
12714 .block_navigation
.block_tree
[aria-expanded
="true"].emptybranch
,
12715 .block_navigation .block_tree [aria-expanded="false"] {
12716 background-image: none
; }
12718 .block_settings
.block_tree
[aria-expanded
="true"]:before
,
12719 .block_navigation .block_tree [aria-expanded="true"]:before {
12722 display: inline-block
;
12723 font: normal normal normal
14px/1 FontAwesome
;
12724 font-size: inherit
;
12725 text-rendering: auto
;
12726 -webkit-font-smoothing: antialiased
;
12727 -moz-osx-font-smoothing: grayscale
;
12731 .block_settings
.block_tree
[aria-expanded
="false"]:before
,
12732 .block_navigation .block_tree [aria-expanded="false"]:before {
12735 display: inline-block
;
12736 font: normal normal normal
14px/1 FontAwesome
;
12737 font-size: inherit
;
12738 text-rendering: auto
;
12739 -webkit-font-smoothing: antialiased
;
12740 -moz-osx-font-smoothing: grayscale
;
12744 .dir-rtl
.block_settings
.block_tree
[aria-expanded
="false"]:before
,
12745 .dir-rtl .block_navigation .block_tree [aria-expanded="false"]:before {
12748 .block_navigation
.block_tree p
.hasicon
,
12749 .block_settings .block_tree p.hasicon {
12750 text-indent: -3px; }
12751 .block_navigation
.block_tree p
.hasicon
.icon
,
12752 .block_settings .block_tree p.hasicon .icon {
12753 margin-right: 2px; }
12755 .block.invisibleblock .card-title {
12758 @media (max-width: 767.98px) {
12761 border-right: 0; } }
12763 .block_social_activities li a
.movehere
,
12764 .block_site_main_menu li a.movehere {
12768 border: 2px dashed
#343a40;
12772 max-height: 50px; }
12774 /* calendar.less */
12775 .calendar_event_category {
12776 background-color: #e0cbe0; }
12777 .calendar_event_category .commands a {
12780 .calendar_event_course {
12781 background-color: #ffd3bd; }
12782 .calendar_event_course .commands a {
12785 .calendar_event_site {
12786 background-color: #d6f8cd; }
12787 .calendar_event_site .commands a {
12790 .calendar_event_group {
12791 background-color: #fee7ae; }
12792 .calendar_event_group .commands a {
12795 .calendar_event_user {
12796 background-color: #dce7ec; }
12797 .calendar_event_user .commands a {
12800 .calendar_event_other {
12801 background-color: #ced4da; }
12802 .calendar_event_other .commands a {
12805 .path-calendar .calendartable {
12807 table-layout: fixed
; }
12808 .path-calendar
.calendartable th
,
12809 .path-calendar .calendartable td {
12811 vertical-align: top
;
12812 text-align: center
;
12815 .path-calendar
.calendar-controls
.previous
,
12816 .path-calendar
.calendar-controls
.next
,
12817 .path-calendar .calendar-controls .current {
12822 .path-calendar .calendar-controls .previous {
12824 border: 1px solid transparent
; }
12826 .path-calendar .calendar-controls .current {
12827 text-align: center
;
12830 .path-calendar .calendar-controls .next {
12832 border: 1px solid transparent
; }
12834 .path-calendar .calendar-controls .drop-target {
12835 box-sizing: border-box
;
12836 border: 1px dashed
#0f6fc5; }
12838 .path-calendar .filters table {
12839 border-collapse: separate
;
12840 border-spacing: 2px;
12843 .path-calendar .maincalendar {
12844 vertical-align: top
;
12846 .path-calendar .maincalendar .bottom {
12847 text-align: center
;
12848 padding: 5px 0 0 0; }
12849 .path-calendar .maincalendar .heightcontainer {
12851 position: relative
; }
12852 .path-calendar .maincalendar .calendarmonth {
12854 margin: 10px auto
; }
12855 .path-calendar .maincalendar .calendarmonth ul {
12858 .path-calendar .maincalendar .calendarmonth ul li {
12859 list-style-type: none
; }
12860 .path-calendar .maincalendar .calendarmonth ul li > a {
12862 text-overflow: ellipsis
;
12863 white-space: nowrap
;
12865 display: inline-block
; }
12866 .path-calendar .maincalendar .calendarmonth ul li > a:hover {
12867 text-decoration: none
; }
12868 .path-calendar .maincalendar .calendarmonth ul li > a:hover .eventname {
12869 text-decoration: underline
; }
12870 .path-calendar .maincalendar .calendarmonth ul li .icon {
12871 margin-left: 0.25em;
12872 margin-right: 0.25em;
12873 vertical-align: initial
; }
12874 .path-calendar .maincalendar .calendarmonth ul li .calendar-circle {
12877 border-radius: 6px;
12878 vertical-align: middle
;
12879 display: inline-block
; }
12880 .path-calendar .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_category {
12881 background-color: #e0cbe0;
12882 border: 2px solid
#9e619f; }
12883 .path-calendar .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_course {
12884 background-color: #ffd3bd;
12885 border: 2px solid
#d34600; }
12886 .path-calendar .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_site {
12887 background-color: #d6f8cd;
12888 border: 2px solid
#2b8713; }
12889 .path-calendar .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_group {
12890 background-color: #fee7ae;
12891 border: 2px solid
#9a6e02; }
12892 .path-calendar .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_user {
12893 background-color: #dce7ec;
12894 border: 2px solid
#4e7c91; }
12895 .path-calendar .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_other {
12896 background-color: #ced4da;
12897 border: 2px solid
#687889; }
12898 .path-calendar .maincalendar .calendarmonth td {
12900 .path-calendar .maincalendar .calendarmonth .clickable:hover {
12901 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); }
12902 .path-calendar
.maincalendar
.calendar-controls
.previous
,
12903 .path-calendar .maincalendar .calendar-controls .next {
12905 .path-calendar .maincalendar .calendar-controls .current {
12907 .path-calendar .maincalendar .controls {
12909 margin: 10px auto
; }
12910 .path-calendar
.maincalendar
.calendar_event_category:hover a
,
12911 .path-calendar
.maincalendar
.calendar_event_course:hover a
,
12912 .path-calendar
.maincalendar
.calendar_event_site:hover a
,
12913 .path-calendar
.maincalendar
.calendar_event_group:hover a
,
12914 .path-calendar .maincalendar .calendar_event_user:hover a {
12916 text-decoration: underline
; }
12917 .path-calendar .maincalendar .calendar_event_category {
12918 border-color: #e0cbe0; }
12919 .path-calendar .maincalendar .calendar_event_course {
12920 border-color: #ffd3bd; }
12921 .path-calendar .maincalendar .calendar_event_site {
12922 border-color: #d6f8cd; }
12923 .path-calendar .maincalendar .calendar_event_group {
12924 border-color: #fee7ae; }
12925 .path-calendar .maincalendar .calendar_event_user {
12926 border-color: #dce7ec; }
12927 .path-calendar .maincalendar .calendar_event_other {
12928 border-color: #ced4da; }
12929 .path-calendar
.maincalendar
.calendartable td
,
12930 .path-calendar .maincalendar .calendartable li {
12931 padding: 0 4px 4px 4px; }
12932 .path-calendar .maincalendar .calendartable li {
12933 text-align: left
; }
12934 .path-calendar .maincalendar .header {
12935 overflow: hidden
; }
12936 .path-calendar .maincalendar .header .buttons {
12938 .path-calendar .maincalendar .event .card-header img {
12939 vertical-align: baseline
; }
12940 .path-calendar .maincalendar .event .location {
12941 word-break: break-all
;
12942 overflow-wrap: break-word
; }
12944 #page-calendar-export .indent
{
12945 padding-left: 20px; }
12947 .block .minicalendar {
12951 .block
.minicalendar th
,
12952 .block .minicalendar td {
12955 text-align: center
; }
12956 .block .minicalendar td.weekend {
12958 .block .minicalendar td a {
12963 .block .minicalendar td.duration_global {
12964 border-top: 1px solid
#d6f8cd;
12965 border-bottom: 1px solid
#d6f8cd; }
12966 .block .minicalendar td.duration_global.duration_finish {
12967 background-color: #d6f8cd; }
12968 .block .minicalendar td.duration_category {
12969 border-top: 1px solid
#e0cbe0;
12970 border-bottom: 1px solid
#e0cbe0; }
12971 .block .minicalendar td.duration_category.duration_finish {
12972 background-color: #e0cbe0; }
12973 .block .minicalendar td.duration_course {
12974 border-top: 1px solid
#ffd3bd;
12975 border-bottom: 1px solid
#ffd3bd; }
12976 .block .minicalendar td.duration_course.duration_finish {
12977 background-color: #ffd3bd; }
12978 .block .minicalendar td.duration_group {
12979 border-top: 1px solid
#fee7ae;
12980 border-bottom: 1px solid
#fee7ae; }
12981 .block .minicalendar td.duration_group.duration_finish {
12982 background-color: #fee7ae; }
12983 .block .minicalendar td.duration_user {
12984 border-top: 1px solid
#dce7ec;
12985 border-bottom: 1px solid
#dce7ec; }
12986 .block .minicalendar td.duration_user.duration_finish {
12987 background-color: #dce7ec; }
12988 .block .minicalendar td.duration_other {
12989 border-top: 1px solid
#ced4da;
12990 border-bottom: 1px solid
#ced4da; }
12991 .block .minicalendar td.duration_other.duration_finish {
12992 background-color: #ced4da; }
12993 .block .minicalendar caption {
12994 font-size: inherit
;
12995 font-weight: inherit
;
12996 line-height: inherit
;
12997 text-align: center
; }
12999 .block
.calendar-controls
.previous
,
13000 .block
.calendar-controls
.current
,
13001 .block .calendar-controls .next {
13005 .block .calendar-controls .previous {
13009 .block .calendar-controls .current {
13010 text-align: center
;
13013 .block .calendar-controls .next {
13017 .block .calendar_filters ul {
13022 .block .calendar_filters li {
13023 margin-bottom: 0.2em; }
13024 .block .calendar_filters li span.calendar_event_category i {
13026 .block .calendar_filters li span.calendar_event_course i {
13028 .block .calendar_filters li span.calendar_event_site i {
13030 .block .calendar_filters li span.calendar_event_group i {
13032 .block .calendar_filters li span.calendar_event_user i {
13034 .block .calendar_filters li span.calendar_event_other i {
13036 .block .calendar_filters li span img {
13039 .block .calendar_filters li .icon {
13040 vertical-align: initial
;
13041 margin: 0 0.1rem 0 0.4rem; }
13042 .block .calendar_filters li > a:hover {
13043 text-decoration: none
; }
13044 .block .calendar_filters li > a:hover .eventname {
13045 text-decoration: underline
; }
13047 .block .content h3.eventskey {
13048 margin-top: 0.5em; }
13050 /* Display month name above the calendar */
13051 table
.calendartable caption
{
13052 caption-side: top
; }
13054 @media (min-width: 768px) {
13055 #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
{
13056 min-width: 1024px; } }
13059 position: relative
; }
13061 .day-popover-content:empty + .day-popover-alternate {
13064 .location-content {
13065 overflow-wrap: break-word
; }
13067 .description-content {
13068 overflow-wrap: break-word
; }
13069 .description-content > p {
13075 .content-bank-container .cb-content-wrapper {
13082 .content-bank-container .cb-thumbnail {
13085 background-repeat: no-repeat
;
13086 background-position: center
;
13087 background-size: cover
; }
13089 .content-bank-container.view-grid .cb-listitem {
13090 margin-bottom: 0.5rem; }
13092 @media (max-width: 767.98px) {
13093 .content-bank-container.view-grid .cb-listitem {
13094 flex-basis: 50%; } }
13096 @media (min-width: 576px) {
13097 .content-bank-container.view-grid .cb-listitem {
13099 min-width: 120px; } }
13101 .content-bank-container.view-grid .cb-name {
13102 text-align: center
; }
13104 .content-bank-container.view-grid .cb-file {
13107 .content-bank-container.view-grid .cb-thumbnail {
13111 margin-right: auto
;
13112 margin-bottom: 0.5rem; }
13114 .content-bank-container
.view-grid
.cb-heading
,
13115 .content-bank-container
.view-grid
.cb-date
,
13116 .content-bank-container
.view-grid
.cb-size
,
13117 .content-bank-container
.view-grid
.cb-type
,
13118 .content-bank-container.view-grid .cb-author {
13121 .content-bank-container.view-list .cb-content-wrapper {
13123 flex-direction: column
;
13124 flex-wrap: nowrap
; }
13126 .content-bank-container.view-list .cb-thumbnail {
13127 margin-right: 0.5rem; }
13129 .content-bank-container
.view-list
.cb-listitem
,
13130 .content-bank-container.view-list .cb-heading {
13134 border-bottom: 1px solid
#dee2e6; }
13136 .content-bank-container.view-list .cb-column {
13138 padding: 0.25rem; }
13140 .content-bank-container.view-list .cb-column {
13141 border-right: 1px solid
#dee2e6; }
13143 @media (max-width: 767.98px) {
13144 .content-bank-container.view-list .cb-column {
13146 max-width: 50%; } }
13148 @media (min-width: 576px) {
13149 .content-bank-container.view-list .cb-heading {
13153 .content-bank-container.view-list .cb-file {
13156 .content-bank-container
.view-list
.cb-date
,
13157 .content-bank-container
.view-list
.cb-size
,
13158 .content-bank-container
.view-list
.cb-type
,
13159 .content-bank-container.view-list .cb-author {
13162 .content-bank-container.view-list .cb-column.last {
13163 border-right: 0; } }
13165 .content-bank-container.view-list .cb-btnsort span {
13168 .content-bank-container
.view-list
.cb-btnsort
.dir-none
.default
,
13169 .content-bank-container
.view-list
.cb-btnsort
.dir-asc
.asc
,
13170 .content-bank-container.view-list .cb-btnsort.dir-desc .desc {
13173 .cb-toolbar-container .dropdown-scrollable {
13175 overflow-y: auto
; }
13178 /* COURSE CONTENT */
13179 .section_add_menus {
13183 .section-modchooser {
13186 .block_tree .tree_item.branch {
13187 margin-left: 8px; }
13189 .section_add_menus
.horizontal div
,
13190 .section_add_menus .horizontal form {
13193 .section_add_menus optgroup {
13194 font-weight: normal
;
13195 font-style: italic
; }
13198 .section_add_menus .urlselect {
13200 margin-left: .4em; }
13203 .section_add_menus .urlselect select {
13204 margin-left: .2em; }
13206 .sitetopic ul.section {
13209 body:not
(.editing
) .sitetopic ul
.section
{
13211 body:not
(.editing
) .sitetopic ul
.section
.label
.mod-indent-outer
{
13214 @media (min-width: 576px) {
13215 .course-content ul.section {
13219 margin-top: 0.5rem; }
13220 .section .side.left {
13222 .section .side.right {
13226 .section .spinner {
13230 .section .activity {
13231 /* The command block for each activity */ }
13232 .section .activity .spinner {
13234 position: absolute
; }
13235 .section .activity .actions {
13236 position: absolute
;
13240 .section
.activity
.contentwithoutlink
,
13241 .section .activity .activityinstance {
13243 display: table-cell
;
13244 padding-right: 4px;
13246 .section
.activity
.contentwithoutlink
> a
,
13247 .section .activity .activityinstance > a {
13248 display: inline-block
;
13249 text-indent: -31px;
13250 padding-left: 31px; }
13251 .section
.activity
.contentwithoutlink
.dimmed
.activityicon
,
13252 .section .activity .activityinstance .dimmed .activityicon {
13254 .section .activity .stealth {
13256 .section
.activity a
.stealth
,
13257 .section .activity a.stealth:hover {
13258 color: #61aef3 !important
;
13259 /* stylelint-disable-line declaration-no-important */ }
13261 .section
.label
.contentwithoutlink
,
13262 .section .label .activityinstance {
13263 padding-right: 32px;
13267 @media (min-width: 576px) {
13268 .section .label .mod-indent-outer {
13269 padding-left: 24px;
13270 display: block
; } }
13277 display: inline-block
; }
13279 .section
.activity
.editor_displayed a
.editing_title
,
13280 .section .activity.editor_displayed .moodle-actionmenu {
13283 .section .activity.editor_displayed div.activityinstance {
13284 padding-right: initial
; }
13285 .section .activity.editor_displayed div.activityinstance input {
13286 margin-bottom: initial
;
13287 padding-top: initial
;
13288 padding-bottom: initial
;
13289 vertical-align: text-bottom
; }
13291 .activity img.activityicon {
13293 vertical-align: text-bottom
; }
13295 .section
.activity
.activityinstance
,
13296 .section .activity .activityinstance div {
13297 display: inline-block
; }
13299 .editing
.section
.activity
.contentwithoutlink
,
13300 .editing .section .activity .activityinstance {
13301 padding-right: 200px; }
13303 .editing .section .activity .editing_move {
13304 /* Move the move icon to the start of the line */
13305 position: absolute
;
13309 .editing .section .activity .mod-indent-outer {
13311 * Add appropriate padding such that nothing overlaps the
13312 * absolute positioned move icon.
13314 padding-left: 2rem; }
13316 .editing_show
+ .editing_assign
,
13317 .editing_hide + .editing_assign {
13318 margin-left: 20px; }
13320 .section .activity .commands {
13321 white-space: nowrap
;
13322 display: inline-block
; }
13324 .section .activity.modtype_label.label {
13325 font-weight: normal
;
13328 .section li.activity {
13332 .section .activity .activityinstance .groupinglabel {
13333 padding-left: 30px; }
13335 .section
.activity
.availabilityinfo
,
13336 .section .activity .contentafterlink {
13338 margin-left: 30px; }
13340 .section .activity .contentafterlink p {
13343 .editing
.section
.activity:hover
,
13344 .editing .section .activity.action-menu-shown {
13345 background-color: rgba
(0, 0, 0, 0.05); }
13347 .course-content .current {
13348 position: relative
; }
13350 .course-content .current::before {
13352 border-left: #0f6fc5 2px solid
;
13353 position: absolute
;
13358 .course-content .section-summary {
13359 border: 1px solid
#dee2e6;
13361 list-style: none
; }
13363 .course-content .section-summary .section-title {
13364 margin: 2px 5px 10px 5px; }
13366 .course-content .section-summary .summarytext {
13367 margin: 2px 5px 2px 5px; }
13369 .course-content .section-summary .section-summary-activities .activity-count {
13371 font-size: 0.8203125rem;
13373 white-space: nowrap
;
13374 display: inline-block
; }
13376 .course-content .section-summary .summary {
13379 .course-content .single-section {
13382 .course-content .single-section .section-navigation {
13385 margin-bottom: -0.5em; }
13387 .course-content .single-section .section-navigation .title {
13392 .course-content .single-section .section-navigation .mdl-left {
13393 font-weight: normal
;
13395 margin-right: 1em; }
13397 .course-content .single-section .section-navigation .mdl-left .larrow {
13398 margin-right: 0.1em; }
13400 .course-content .single-section .section-navigation .mdl-right {
13401 font-weight: normal
;
13403 margin-left: 1em; }
13405 .course-content .single-section .section-navigation .mdl-right .rarrow {
13406 margin-left: 0.1em; }
13408 .course-content .single-section .section-navigation .mdl-bottom {
13411 .course-content ul li.section.main {
13412 border-bottom: 1px solid
#dee2e6;
13414 .course-content ul li.section.main:last-child {
13415 border-bottom: 0; }
13417 .course-content ul li
.section
.hidden
.sectionname
> span
,
13418 .course-content ul li
.section
.hidden
.content
> div
.summary
,
13419 .course-content ul li.section.hidden .activity .activityinstance {
13422 .course-content ul
.topics
,
13423 .course-content ul.weeks {
13426 list-style: none
; }
13427 .course-content ul
.topics li
.section
,
13428 .course-content ul.weeks li.section {
13430 padding-bottom: 1rem; }
13431 .course-content ul
.topics li
.section
.content
,
13432 .course-content ul.weeks li.section .content {
13435 @media
(min-width: 576px) {
13436 .course-content ul
.topics li
.section
.summary
,
13437 .course-content ul
.topics li
.section
.content
> .availabilityinfo
,
13438 .course-content ul
.weeks li
.section
.summary
,
13439 .course-content ul.weeks li.section .content > .availabilityinfo {
13440 margin-left: 25px; } }
13441 .course-content ul
.topics li
.section
.left
,
13442 .course-content ul
.topics li
.section
.right
,
13443 .course-content ul
.weeks li
.section
.left
,
13444 .course-content ul.weeks li.section .right {
13449 @media (max-width: 767.98px) {
13450 body:not
(.editing
) .course-content ul
.topics li
.section
.left
,
13451 body:not
(.editing
) .course-content ul
.topics li
.section
.right
,
13452 body:not
(.editing
) .course-content ul
.weeks li
.section
.left
,
13453 body:not
(.editing
) .course-content ul
.weeks li
.section
.right
{
13459 .course-content .hidden {
13462 @media (max-width: 767.98px) {
13463 .course-content li.section ul {
13464 padding-left: 0; } }
13466 .course-content li.section ul {
13467 list-style: disc
; }
13468 .course-content li.section ul ul {
13469 list-style: circle
; }
13470 .course-content li.section ul ul ul {
13471 list-style: square
; }
13473 .course-content li.section li.activity ul {
13474 list-style: disc
; }
13475 .course-content li.section li.activity ul ul {
13476 list-style: circle
; }
13477 .course-content li.section li.activity ul ul ul {
13478 list-style: square
; }
13480 .course-content li.section .right > .icon:first-child {
13481 /* Remove the spacer icon. */
13484 .path-course-view.editing #region-main > .card-block {
13485 padding-bottom: 13rem; }
13487 .jumpmenu .form-inline {
13490 .path-course-view .completionprogress {
13491 margin-left: 25px; }
13493 .path-course-view .completionprogress {
13497 position: relative
; }
13499 #page-site-index .subscribelink
{
13500 text-align: right
; }
13502 #site-news-forum h2
,
13503 #frontpage-course-list h2
,
13504 #frontpage-category-names h2
,
13505 #frontpage-category-combo h2
{
13506 margin-bottom: 9px; }
13508 .path-course-view a.reduce-sections {
13509 padding-left: 0.2em; }
13511 .path-course-view .subscribelink {
13512 text-align: right
; }
13514 .path-course-view .unread {
13515 margin-left: 30px; }
13517 .path-course-view .block.drag .header {
13520 .path-course-view .completionprogress {
13521 text-align: right
; }
13523 .path-course-view .single-section .completionprogress {
13524 margin-right: 5px; }
13526 .path-site li
.activity
> div
,
13527 .path-course-view li.activity > div {
13528 position: relative
;
13529 padding: 0 16px 0 0;
13530 /* to accommodate the floated completion icon with highlighting */ }
13532 .path-course-view li.activity span.autocompletion img {
13533 vertical-align: text-bottom
;
13536 .path-course-view li.activity form.togglecompletion .btn {
13539 .path-course-view li.activity form.togglecompletion img {
13541 /* The width is 0 so ensure we don't end up with a relative max-width */ }
13543 .path-course-view.editing li.activity span.autocompletion img {
13544 /* Use the same spacing as the filler. */
13545 margin-right: 0.5rem;
13546 margin-left: 0.5rem; }
13548 .path-course-view li.activity form.togglecompletion .ajaxworking {
13551 position: absolute
;
13554 background: url
([[pix:i
/ajaxloader
]]) no-repeat
; }
13556 li
.section
.hidden span
.commands a
.editing_hide
,
13557 li
.section
.hidden span
.commands a
.editing_show
{
13560 .single-section h3.sectionname {
13561 text-align: center
;
13564 input
.titleeditor
{
13566 vertical-align: text-bottom
; }
13568 span
.editinstructions
{
13570 position: absolute
;
13572 position: relative;
13577 font-size: 0.8203125rem;
13578 padding: .1em .4em;
13579 text-decoration: none
;
13581 border: 0 solid transparent
;
13583 background-color: #cce6ea;
13584 border-color: #b8dce2; }
13585 span
.editinstructions hr
{
13586 border-top-color: #a6d3db; }
13587 span
.editinstructions
.alert-link
{
13590 /* Course drag and drop upload styles */
13591 #dndupload-status {
13597 text-align: center
;
13599 border: 0 solid transparent
;
13601 background-color: #cce6ea;
13602 border-color: #b8dce2; }
13603 #dndupload-status hr
{
13604 border-top-color: #a6d3db; }
13605 #dndupload-status .alert-link
{
13608 .dndupload-preview {
13610 border: 1px dashed
#909090;
13615 .dndupload-hidden {
13618 /* COURSES LISTINGS AND COURSE SUMMARY */
13619 #page-course-pending .singlebutton
,
13620 #page-course-index .singlebutton
,
13621 #page-course-index-category .singlebutton
,
13622 #page-course-editsection .singlebutton
{
13623 text-align: center
; }
13625 #page-admin-course-manage #movecourses td img
{
13627 vertical-align: text-bottom
; }
13631 text-align: left
; }
13633 #page-course-pending .pendingcourserequests
{
13634 margin-bottom: 1em; }
13636 #page-course-pending .pendingcourserequests
.singlebutton
{
13639 #page-course-pending .pendingcourserequests
.cell
{
13642 #page-course-pending .pendingcourserequests
.cell
.c6
{
13643 white-space: nowrap
; }
13648 .coursebox > .info > .coursename a {
13650 background-image: url
([[pix:moodle|i
/course
]]);
13651 background-repeat: no-repeat
;
13652 padding-left: 21px;
13653 background-position: left
0.2em; }
13655 .coursebox
> .info
> .coursename
,
13656 .coursebox
.content
.teachers
,
13657 .coursebox
.content
.courseimage
,
13658 .coursebox
.content
.coursefile
,
13659 .coursebox .content .customfields-container {
13663 .coursebox
.content
.teachers
,
13664 .coursebox
.content
.courseimage
,
13665 .coursebox
.content
.coursefile
,
13666 .coursebox .content .customfields-container {
13669 .coursebox > .info > h3.coursename {
13672 .coursebox > .info > .coursename {
13676 .coursebox .content .teachers li {
13677 list-style-type: none
;
13681 .coursebox
.moreinfo
,
13682 .coursebox .enrolmenticons {
13686 .coursebox .moreinfo img {
13689 .coursebox .content {
13692 .coursebox
.content
.summary
,
13693 .coursebox .content .coursecat {
13697 .coursebox .content .coursecat {
13701 .coursebox.remotecoursebox .remotecourseinfo {
13705 .coursebox .content .courseimage img {
13707 max-height: 100px; }
13709 .coursebox
.content
.coursecat
,
13710 .coursebox
.content
.summary
,
13711 .coursebox
.content
.courseimage
,
13712 .coursebox
.content
.coursefile
,
13713 .coursebox
.content
.teachers
,
13714 .coursebox
.remotecoursebox
.remotecourseinfo
,
13715 .coursebox .content .customfields-container {
13716 margin: 15px 5px 5px;
13719 .coursebox.remotehost > .info > .categoryname a {
13720 background-image: url
([[pix:moodle|i
/mnethost
]]); }
13722 .coursebox.collapsed {
13723 margin-bottom: 0; }
13725 .coursebox.collapsed > .content {
13728 .courses .coursebox.collapsed {
13729 padding-top: 0.5rem;
13730 padding-bottom: 0.5rem; }
13732 .courses .coursebox.even {
13733 background-color: rgba
(0, 0, 0, 0.05); }
13735 .courses > .paging.paging-morelink {
13736 text-align: center
;
13739 .course_category_tree .category .numberofcourse {
13740 font-size: 0.8203125rem; }
13742 .course_category_tree .controls {
13743 visibility: hidden
; }
13745 .course_category_tree .controls div {
13749 .jsenabled .course_category_tree .controls {
13750 visibility: visible
; }
13752 .course_category_tree .controls {
13753 margin-bottom: 5px;
13757 .course_category_tree .controls div {
13758 padding-right: 2em;
13761 .course_category_tree .category > .info > .categoryname {
13762 background-image: url
([[pix:moodle|t
/collapsed_empty
]]);
13763 background-repeat: no-repeat
;
13766 background-position: center left
; }
13769 .course_category_tree .category > .info > .categoryname {
13770 background-image:url([[pix:moodle|t/collapsed_empty_rtl]]);
13773 .course_category_tree .category.with_children > .info > .categoryname {
13774 background-image: url
([[pix:moodle|t
/expanded
]]);
13777 .course_category_tree .category.with_children.collapsed > .info > .categoryname {
13778 background-image: url
([[pix:moodle|t
/collapsed
]]); }
13781 .course_category_tree .category.with_children.collapsed > .info > .categoryname {
13782 background-image:url([[pix:moodle|t/collapsed_rtl]]);
13785 .course_category_tree .category.collapsed > .content {
13788 .course_category_tree .category > .info {
13791 .course_category_tree .category > .content {
13792 padding-left: 16px; }
13794 #page-course-index-category .generalbox
.info
{
13795 margin-bottom: 15px;
13796 border: 1px dotted
#ddd;
13799 #page-course-index-category .categorypicker
{
13800 text-align: center
;
13801 margin: 10px 0 20px; }
13804 * Course management page
13807 * Background (reg) #F5F5F5
13808 * Background (light #fafafa
13809 * Background (highlight) #ddffaa
13812 #course-category-listings {
13814 /** Two column layout */
13815 /** Three column layout */ }
13816 #course-category-listings.columns-2
> #course-listing
> div
{
13817 position: relative
;
13819 #course-category-listings.columns-3
> #course-listing
> div
{
13821 #course-category-listings > div
> div
{
13822 min-height: 300px; }
13823 #course-category-listings > div
> div
> ul
.ml
> li:first-child
> div
{
13825 #course-category-listings h3
{
13827 padding: 0.4rem 0.6rem 0.3rem; }
13828 #course-category-listings h4
{
13830 padding: 0.6rem 1rem 0.5rem; }
13831 #course-category-listings .moodle-actionmenu
{
13832 white-space: nowrap
; }
13833 #course-category-listings .listing-actions
{
13834 text-align: center
; }
13835 #course-category-listings .listing-actions
> .moodle-actionmenu
{
13836 display: inline-block
; }
13837 #course-category-listings ul
.ml
{
13840 #course-category-listings ul
.ml ul
.ml
{
13842 #course-category-listings .listitem
[data-selected
='1'] {
13843 border-left: calc
(1px + 5px) solid
#0f6fc5;
13844 padding-left: calc
(1.25rem - 5px); }
13845 #course-category-listings .item-actions
{
13847 display: inline-block
; }
13848 #course-category-listings .item-actions
.show
.menu img
{
13851 #course-category-listings .item-actions
.menu-action-text
{
13852 vertical-align: inherit
; }
13853 #course-category-listings .listitem
> div
> .float-left
{
13855 #course-category-listings .listitem
> div
> .float-right
{
13857 text-align: right
; }
13858 #course-category-listings .listitem
> div
.item-actions
.action-show
{
13860 #course-category-listings .listitem
> div
.item-actions
.action-hide
{
13862 #course-category-listings .listitem
> div
.without-actions
{
13864 #course-category-listings .listitem
> div
.idnumber
{
13865 margin-right: 2em; }
13866 #course-category-listings .listitem
[data-visible
="0"] {
13868 #course-category-listings .listitem
[data-visible
="0"] > div
> a
{
13870 #course-category-listings .listitem
[data-visible
="0"] > div
.item-actions
.action-show
{
13872 #course-category-listings .listitem
[data-visible
="0"] > div
.item-actions
.action-hide
{
13874 #course-category-listings .listitem
.highlight
{
13875 background-color: #fff; }
13876 #course-category-listings .listitem
.highlight
> div
,
13877 #course-category-listings .listitem
.highlight
> div:hover
,
13878 #course-category-listings .listitem
.highlight
[data-selected
='1'] > div
{
13879 background-color: rgba
(0, 0, 0, 0.075); }
13880 #course-category-listings #course-listing
.listitem
.categoryname
{
13881 display: inline-block
;
13884 #course-category-listings #course-listing
.listitem
.coursename
{
13885 display: inline-block
; }
13886 #course-category-listings #course-listing
> .firstpage
.listitem:first-child
> div
.item-actions
.action-moveup
,
13887 #course-category-listings #course-listing
> .lastpage
.listitem:last-child
> div
.item-actions
.action-movedown
{
13889 #course-category-listings #course-listing
.bulk-action-checkbox
{
13890 margin: -2px 6px 0 0; }
13891 #course-category-listings #category-listing
.listitem
.collapsed
> ul
.ml
{
13893 #course-category-listings #category-listing
.listitem:first-child
> div
.item-actions
.action-moveup
,
13894 #course-category-listings #category-listing
.listitem:last-child
> div
.item-actions
.action-movedown
{
13896 #course-category-listings #category-listing
.course-count
{
13898 margin-right: 2rem;
13900 display: inline-block
; }
13901 #course-category-listings #category-listing
.bulk-action-checkbox
{
13902 margin-right: -3px; }
13903 #course-category-listings #category-listing
.category-listing
> ul
> .listitem:first-child
{
13904 position: relative
; }
13905 #course-category-listings #category-listing
.category-bulk-actions
{
13906 margin: 0 0.5em 0.5em;
13907 position: relative
; }
13908 #course-category-listings .detail-pair
> * {
13909 display: inline-block
; }
13910 #course-category-listings .detail-pair
.pair-key
{
13912 vertical-align: top
; }
13913 #course-category-listings .detail-pair
.pair-key span
{
13914 margin-right: 1rem;
13916 #course-category-listings .detail-pair
.pair-value select
{
13918 #course-category-listings .bulk-actions
.detail-pair
> * {
13921 #course-category-listings .listing-pagination
{
13922 text-align: center
; }
13923 #course-category-listings .listing-pagination
.yui3-button
{
13925 background-color: #008196;
13926 border-color: #008196;
13928 margin: 0.4rem 0.2rem 0.45rem;
13929 font-size: 10.4px; }
13930 #course-category-listings .listing-pagination
.yui3-button:hover
{
13932 background-color: #006070;
13933 border-color: #005563; }
13934 #course-category-listings .listing-pagination
.yui3-button:focus
, #course-category-listings
.listing-pagination
.yui3-button
.focus
{
13936 background-color: #006070;
13937 border-color: #005563;
13938 box-shadow: 0 0 0 0.2rem rgba
(38, 148, 166, 0.5); }
13939 #course-category-listings .listing-pagination
.yui3-button
.disabled
, #course-category-listings
.listing-pagination
.yui3-button:disabled
{
13941 background-color: #008196;
13942 border-color: #008196; }
13943 #course-category-listings .listing-pagination
.yui3-button:not
(:disabled
):not
(.disabled
):active
, #course-category-listings
.listing-pagination
.yui3-button:not
(:disabled
):not
(.disabled
).active
,
13944 .show > #course-category-listings .listing-pagination .yui3-button.dropdown-toggle {
13946 background-color: #005563;
13947 border-color: #004a56; }
13948 #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
,
13949 .show > #course-category-listings .listing-pagination .yui3-button.dropdown-toggle:focus {
13950 box-shadow: 0 0 0 0.2rem rgba
(38, 148, 166, 0.5); }
13951 #course-category-listings .listing-pagination
.yui3-button
.active-page
{
13953 background-color: #0f6fc5;
13954 border-color: #0f6fc5; }
13955 #course-category-listings .listing-pagination
.yui3-button
.active-page:hover
{
13957 background-color: #0c5ba1;
13958 border-color: #0b5496; }
13959 #course-category-listings .listing-pagination
.yui3-button
.active-page:focus
, #course-category-listings
.listing-pagination
.yui3-button
.active-page
.focus
{
13961 background-color: #0c5ba1;
13962 border-color: #0b5496;
13963 box-shadow: 0 0 0 0.2rem rgba
(51, 133, 206, 0.5); }
13964 #course-category-listings .listing-pagination
.yui3-button
.active-page
.disabled
, #course-category-listings
.listing-pagination
.yui3-button
.active-page:disabled
{
13966 background-color: #0f6fc5;
13967 border-color: #0f6fc5; }
13968 #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
,
13969 .show > #course-category-listings .listing-pagination .yui3-button.active-page.dropdown-toggle {
13971 background-color: #0b5496;
13972 border-color: #0a4e8a; }
13973 #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
,
13974 .show > #course-category-listings .listing-pagination .yui3-button.active-page.dropdown-toggle:focus {
13975 box-shadow: 0 0 0 0.2rem rgba
(51, 133, 206, 0.5); }
13976 #course-category-listings .listing-pagination-totals
{
13977 text-align: center
; }
13978 #course-category-listings .listing-pagination-totals
.dimmed
{
13980 margin: 0.4rem 1rem 0.45rem; }
13981 #course-category-listings .select-a-category
.notifymessage
,
13982 #course-category-listings .select-a-category
.alert
{
13985 #course-category-listings #course-listing
.listitem
.drag-handle
{
13988 .jsenabled #course-category-listings #course-listing .listitem .drag-handle {
13989 display: inline-block
;
13993 /** Management header styling **/
13994 .coursecat-management-header {
13995 vertical-align: middle
; }
13996 .coursecat-management-header h2 {
13997 display: inline-block
;
13998 text-align: left
; }
13999 .coursecat-management-header > div {
14000 display: inline-block
;
14002 .coursecat-management-header > div > div {
14003 margin: 10px 0 10px 1em;
14004 display: inline-block
; }
14005 .coursecat-management-header select {
14008 padding: 0.4em 0.5em 0.45em 1em;
14009 vertical-align: baseline
;
14010 white-space: nowrap
; }
14011 .coursecat-management-header .view-mode-selector .moodle-actionmenu {
14012 white-space: nowrap
;
14013 display: inline-block
; }
14014 .coursecat-management-header .view-mode-selector .moodle-actionmenu[data-enhanced].show .menu a {
14015 padding-left: 1em; }
14017 .course-being-dragged-proxy {
14020 vertical-align: middle
;
14021 padding: 0 0 0 4em; }
14023 .course-being-dragged {
14028 * Large displays 1200 +
14029 * Default displays 980 1199
14031 * Small tablets and large phones 481 767
14034 @media (min-width: 1200px) and
(max-width: 1600px) {
14035 #course-category-listings.columns-3
{
14036 background-color: #fff;
14038 #course-category-listings.columns-3 #category-listing
,
14039 #course-category-listings.columns-3 #course-listing
{
14041 #course-category-listings.columns-3 #category-listing
> div
,
14042 #course-category-listings.columns-3 #course-listing
> div
,
14043 #course-category-listings.columns-3 #course-detail
> div
{
14044 background-color: #fff; }
14045 #course-category-listings.columns-3 #course-detail
{
14047 margin-top: 1em; } }
14049 @media (max-width: 1199px) {
14050 #course-category-listings.columns-2
,
14051 #course-category-listings.columns-3
{
14053 #course-category-listings.columns-2 #category-listing
,
14054 #course-category-listings.columns-2 #course-listing
,
14055 #course-category-listings.columns-2 #course-detail
,
14056 #course-category-listings.columns-3 #category-listing
,
14057 #course-category-listings.columns-3 #course-listing
,
14058 #course-category-listings.columns-3 #course-detail
{
14060 margin: 0 0 1em; } }
14062 .page-settings-menu .menubar > a > .icon {
14067 .activity-navigation .row {
14068 align-items: center
; }
14070 .activity-navigation #prev-activity-link
,
14071 .activity-navigation #next-activity-link {
14072 white-space: pre-wrap
; }
14074 /* Anchor link offset fix. This makes hash links scroll 60px down to account for the fixed header. */
14079 /* fixed header height*/
14081 /* negative fixed header height */
14083 pointer-events: none
; }
14085 .pagelayout-embedded :target {
14086 padding-top: initial
;
14087 margin-top: initial
; }
14089 #nav-drawer.closed
{
14092 #nav-drawer[aria-hidden
=true
] .list-group-item
{
14095 /* Use a variable for the drawer background colors. */
14096 [data-region
="drawer"] {
14100 height: calc
(100% - 50px);
14102 -webkit-overflow-scrolling: touch
;
14104 background-color: #f2f2f2;
14105 -webkit-transition: right
0.5s ease
, left
0.5s ease
;
14106 -moz-transition: right
0.5s ease
, left
0.5s ease
;
14107 transition: right
0.5s ease
, left
0.5s ease
; }
14109 @media (min-width: 576px) {
14110 [data-region
="drawer"] {
14111 padding: 20px 20px; } }
14116 /* Override the z-indexes defined in bootstrap/_list-group.scss that
14117 lead to side effects on the user tours positioning. */ }
14118 #nav-drawer .list-group-item-action
.active
,
14119 #nav-drawer .list-group-item
.active
{
14120 z-index: inherit
; }
14121 #nav-drawer .list-group-item-action
.active
+ .list-group-item
,
14122 #nav-drawer .list-group-item
.active
+ .list-group-item
{
14123 border-top: none
; }
14124 #nav-drawer .list-group ul
{
14128 #nav-drawer .list-group li
{
14129 margin-bottom: -1px; }
14130 #nav-drawer .list-group
li:last-child
{
14131 margin-bottom: 0; }
14134 margin-top: 50px; }
14136 .pagelayout-embedded #page {
14140 -webkit-transition: margin-left
0.5s ease
, margin-right
0.5s ease
;
14141 -moz-transition: margin-left
0.5s ease
, margin-right
0.5s ease
;
14142 transition: margin-left
0.5s ease
, margin-right
0.5s ease
; }
14144 @media (min-width: 768px) {
14145 body
.drawer-open-left
{
14146 margin-left: 285px; } }
14148 @media (min-width: 768px) {
14149 body
.drawer-open-right
{
14150 margin-right: 285px; } }
14152 [data-region
=right-hand-drawer
] {
14154 flex-direction: column
;
14155 transition: right
0.2s ease-in-out
; }
14156 @media
(prefers-reduced-motion: reduce
) {
14157 [data-region
=right-hand-drawer
] {
14158 transition: none
; } }
14159 [data-region
=right-hand-drawer
].drawer
{
14164 height: calc
(100% - 50px);
14166 box-shadow: -2px 2px 4px rgba
(0, 0, 0, 0.08);
14168 visibility: visible
;
14170 [data-region
=right-hand-drawer
] .closewidget
{
14172 [data-region
=right-hand-drawer
].hidden
{
14175 visibility: hidden
;
14177 transition: right
0.2s ease-in-out
, visibility
0s ease-in-out
0.2s, opacity
0s ease-in-out
0.2s; }
14178 @media
(prefers-reduced-motion: reduce
) {
14179 [data-region
=right-hand-drawer
].hidden
{
14180 transition: none
; } }
14182 @media (max-width: 767.98px) {
14183 [data-region
=right-hand-drawer
].drawer
{
14187 [data-region
=right-hand-drawer
] .closewidget
{
14189 padding: 0 0.2rem; }
14190 body
.drawer-open-left
,
14191 body
.drawer-open-right
{
14192 overflow: hidden
; } }
14194 .dir-rtl [data-region=right-hand-drawer] {
14195 box-shadow: 2px 2px 4px rgba
(0, 0, 0, 0.08); }
14198 background-color: #f7f7f7; }
14200 .fp-content-center {
14203 display: table-cell
;
14204 vertical-align: middle
; }
14206 .fp-content-hidden {
14207 visibility: hidden
; }
14209 .yui3-panel-focused {
14214 padding: 3px 20px 2px 20px;
14215 text-align: center
;
14217 display: inline-block
; }
14219 .filepicker .yui3-widget-content-expanded {
14222 /* The javascript is adding a style="height: 0px;" to this element - we need to set the min-height so the height is ignored. */
14223 .filepicker .moodle-dialogue-bd {
14224 min-height: 520px; }
14226 .file-picker .fp-navbar {
14231 border-color: #8f959e;
14232 border-bottom: 0; }
14234 .file-picker .fp-content {
14241 .filepicker.moodle-dialogue-fullscreen .file-picker .fp-content {
14244 .file-picker .fp-content-loading {
14248 text-align: center
; }
14250 .file-picker .fp-content .fp-object-container {
14254 .file-picker .fp-def-search {
14257 .file-picker .fp-list {
14258 list-style-type: none
;
14264 .file-picker .fp-list .fp-repo a {
14266 padding: .5em .7em; }
14268 .file-picker .fp-list .fp-repo.active {
14269 background: #f2f2f2; }
14271 .file-picker .fp-list .fp-repo-icon {
14272 padding: 0 7px 0 5px;
14279 .fp-toolbar.empty {
14282 .fp-toolbar .disabled {
14288 margin-right: 4px; }
14291 vertical-align: -15%;
14292 margin-right: 5px; }
14294 .fp-viewbar:not(.disabled) a.checked {
14295 background-color: #b1bbc4;
14297 border-color: #aab4bf; }
14299 .fp-viewbar.disabled a {
14300 pointer-events: none
;
14303 .file-picker .fp-clear-left {
14306 .fp-pathbar.empty {
14309 .fp-pathbar .fp-path-folder {
14310 background: url
("[[pix:theme|fp/path_folder]]") left
3px no-repeat
;
14311 background-size: 12px 12px;
14313 margin-left: 12px; }
14316 .fp-pathbar .fp-path-folder {
14317 background-image: url('[[pix:theme|fp/path_folder_rtl]]');
14320 .fp-pathbar .fp-path-folder-name {
14321 margin-left: 24px; }
14323 .fp-iconview .fp-file {
14325 text-align: center
;
14326 position: relative
;
14327 margin: 10px 10px 35px; }
14329 .fp-iconview .fp-thumbnail {
14332 line-height: 110px;
14333 text-align: center
;
14334 border: 1px solid
#fff;
14337 .fp-iconview .fp-thumbnail img {
14338 border: 1px solid
#ddd;
14340 vertical-align: middle
; }
14342 .fp-iconview .fp-thumbnail:hover {
14344 border: 1px solid
#ddd; }
14346 .fp-iconview .fp-filename-field {
14349 word-wrap: break-word
;
14351 position: absolute
; }
14353 .fp-iconview
.fp-file:focus
.fp-filename-field
,
14354 .fp-iconview .fp-file:hover .fp-filename-field {
14358 .fp-iconview
.fp-file:focus
.fp-filename
,
14359 .fp-iconview .fp-file:hover .fp-filename {
14361 white-space: normal
;
14362 text-overflow: inherit
; }
14364 .fp-iconview .fp-filename-field .fp-filename {
14367 padding-bottom: 12px;
14368 min-width: 112px; }
14370 .file-picker .yui3-datatable table {
14371 border: 0 solid
#bbb;
14374 .file-picker
.ygtvtn
,
14375 .filemanager .ygtvtn {
14377 background: url
("[[pix:moodle|y/tn]]") 0 0 no-repeat
;
14379 background: url('[[pix:moodle|y/tn_rtl]]') 0 0 no-repeat;
14384 .file-picker
.ygtvtm
,
14385 .filemanager .ygtvtm {
14386 background: url
("[[pix:moodle|y/tm]]") 0 10px no-repeat
;
14388 background-position: 2px 10px;
14394 .file-picker
.ygtvtmh
,
14395 .filemanager .ygtvtmh {
14396 background: url
("[[pix:moodle|y/tm]]") 0 10px no-repeat
;
14398 background-position: 2px 10px;
14404 .file-picker
.ygtvtp
,
14405 .filemanager .ygtvtp {
14407 background: url
("[[pix:moodle|y/tp]]") 0 10px no-repeat
;
14409 background: url('[[pix:moodle|y/tp_rtl]]') 2px 10px no-repeat;
14415 .file-picker
.ygtvtph
,
14416 .filemanager .ygtvtph {
14418 background: url
("[[pix:moodle|y/tp]]") 0 10px no-repeat
;
14420 background: url('[[pix:moodle|y/tp_rtl]]') 2px 10px no-repeat;
14426 .file-picker
.ygtvln
,
14427 .filemanager .ygtvln {
14429 background: url
("[[pix:moodle|y/ln]]") 0 0 no-repeat
;
14431 background: url('[[pix:moodle|y/ln_rtl]]') 0 0 no-repeat;
14436 .file-picker
.ygtvlm
,
14437 .filemanager .ygtvlm {
14438 background: url
("[[pix:moodle|y/lm]]") 0 10px no-repeat
;
14440 background-position: 2px 10px;
14446 .file-picker
.ygtvlmh
,
14447 .filemanager .ygtvlmh {
14448 background: url
("[[pix:moodle|y/lm]]") 0 10px no-repeat
;
14450 background-position: 2px 10px;
14456 .file-picker
.ygtvlp
,
14457 .filemanager .ygtvlp {
14459 background: url
("[[pix:moodle|y/lp]]") 0 10px no-repeat
;
14461 background: url('[[pix:moodle|y/lp_rtl]]') 2px 10px no-repeat;
14467 .file-picker
.ygtvlph
,
14468 .filemanager .ygtvlph {
14470 background: url
("[[pix:moodle|y/lp]]") 0 10px no-repeat
;
14472 background: url('[[pix:moodle|y/lp_rtl]]') 2px 10px no-repeat;
14478 .file-picker
.ygtvloading
,
14479 .filemanager .ygtvloading {
14480 background: transparent url
("[[pix:moodle|y/loading]]") 0 0 no-repeat
;
14484 .file-picker
.ygtvdepthcell
,
14485 .filemanager .ygtvdepthcell {
14486 background: url
("[[pix:moodle|y/vline]]") 0 0 no-repeat
;
14488 background-position: 0 0;
14493 .file-picker
.ygtvblankdepthcell
,
14494 .filemanager .ygtvblankdepthcell {
14498 a
.ygtvspacer:hover
{
14499 color: transparent
;
14500 text-decoration: none
; }
14504 .ygtvlabel:visited
,
14506 background-color: transparent
;
14509 text-decoration: none
; }
14511 .file-picker
.ygtvfocus
,
14512 .filemanager .ygtvfocus {
14513 background-color: #eee; }
14515 .fp-filename-icon {
14518 position: relative
; }
14525 margin-right: 10px;
14526 text-align: center
;
14527 line-height: 24px; }
14532 vertical-align: middle
; }
14535 padding-right: 10px; }
14537 .file-picker .fp-login-form {
14542 .file-picker .fp-upload-form {
14547 .file-picker .fp-upload-form table {
14550 .file-picker.fp-dlg {
14551 text-align: center
; }
14553 .file-picker.fp-dlg .fp-dlg-buttons {
14556 .file-picker.fp-msg {
14557 text-align: center
; }
14559 .file-picker .fp-content-error {
14563 text-align: center
; }
14565 .file-picker .fp-nextpage {
14568 .file-picker .fp-nextpage .fp-nextpage-loading {
14571 .file-picker .fp-nextpage.loading .fp-nextpage-link {
14574 .file-picker .fp-nextpage.loading .fp-nextpage-loading {
14576 text-align: center
;
14578 padding-top: 50px; }
14580 .fp-select .fp-select-loading {
14581 text-align: center
;
14582 margin-top: 20px; }
14585 padding: 0 0 10px; }
14587 .fp-select table .mdl-right {
14590 .fp-select .fp-reflist .mdl-right {
14591 vertical-align: top
; }
14593 .fp-select .fp-select-buttons {
14596 .fp-select .fp-info {
14597 font-size: 0.703125rem; }
14599 .fp-select .fp-thumbnail {
14603 line-height: 110px;
14604 text-align: center
;
14605 margin: 10px 20px 0 0;
14607 border: 1px solid
#ddd; }
14609 .fp-select .fp-thumbnail img {
14610 border: 1px solid
#ddd;
14612 vertical-align: middle
;
14615 .fp-select .fp-fileinfo {
14616 display: inline-block
;
14617 margin-top: 10px; }
14619 .file-picker.fp-select .fp-fileinfo {
14620 max-width: 240px; }
14622 .fp-select .fp-fileinfo div {
14623 padding-bottom: 5px; }
14625 .file-picker.fp-select .uneditable {
14628 .file-picker.fp-select .fp-select-loading {
14631 .file-picker.fp-select.loading .fp-select-loading {
14634 .file-picker.fp-select.loading form {
14637 .fp-select .fp-dimensions.fp-unknown {
14640 .fp-select .fp-size.fp-unknown {
14643 .filemanager-loading {
14646 .jsenabled .filemanager-loading {
14648 margin-top: 100px; }
14650 .filemanager
.fm-loading
.filemanager-toolbar
,
14651 .filemanager
.fm-loading
.fp-pathbar
,
14652 .filemanager
.fm-loading
.filemanager-container
,
14653 .filemanager
.fm-loaded
.filemanager-loading
,
14654 .filemanager
.fm-maxfiles
.fp-btn-add
,
14655 .filemanager
.fm-maxfiles
.dndupload-message
,
14656 .filemanager
.fm-noitems
.fp-btn-download
,
14657 .filemanager
.fm-noitems
.fp-btn-delete
,
14658 .filemanager
.fm-empty-container
,
14659 .filemanager.fm-noitems .filemanager-container .fp-content {
14662 .filemanager .fp-img-downloading {
14664 padding-top: 7px; }
14666 .filemanager .filemanager-updating {
14668 text-align: center
; }
14670 .filemanager.fm-updating .filemanager-updating {
14672 margin-top: 37px; }
14674 .filemanager
.fm-updating
.fm-content-wrapper
,
14675 .filemanager
.fm-nomkdir
.fp-btn-mkdir
,
14676 .fitem
.disabled
.filemanager
.filemanager-toolbar
,
14677 .fitem
.disabled
.filemanager
.fp-pathbar
,
14678 .fitem
.disabled
.filemanager
.fp-restrictions
,
14679 .fitem.disabled .filemanager .fm-content-wrapper {
14682 .filemanager .fp-restrictions {
14683 text-align: right
; }
14685 .filemanager-toolbar {
14687 overflow: hidden
; }
14689 .filemanager .fp-pathbar.empty {
14692 .filepicker-filelist
,
14693 .filemanager-container {
14695 border: 1px solid
#8f959e; }
14697 .filemanager .fp-content {
14700 min-height: 157px; }
14702 .filemanager-container
,
14703 .filepicker-filelist {
14704 overflow: hidden
; }
14706 .file-picker .yui3-datatable-header {
14707 background: initial
; }
14709 .fitem
.disabled
.filepicker-filelist
,
14710 .fitem.disabled .filemanager-container {
14711 background-color: #ebebe4; }
14713 .fitem.disabled .fp-btn-choose {
14716 .fitem.disabled .filepicker-filelist .filepicker-filename {
14719 .fp-iconview .fp-reficons1 {
14720 position: absolute
;
14726 .fp-iconview .fp-reficons2 {
14727 position: absolute
;
14733 .fp-iconview .fp-file.fp-hasreferences .fp-reficons1 {
14734 background: url
("[[pix:theme|fp/link]]") no-repeat
;
14736 transform: scaleX(-1);
14739 background-position: bottom right
;
14740 background-size: 16px 16px; }
14742 .fp-iconview .fp-file.fp-isreference .fp-reficons2 {
14743 background: url
("[[pix:theme|fp/alias]]") no-repeat
;
14745 transform: scaleX(-1);
14748 background-position: bottom left
;
14749 background-size: 16px 16px; }
14751 .filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail img {
14754 .filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail {
14755 background: url
([[pix:s
/dead
]]) no-repeat
;
14756 background-position: center center
; }
14758 .filemanager .yui3-datatable table {
14759 border: 0 solid
#bbb;
14762 /* Override YUI default styling */
14763 /* stylelint-disable declaration-no-important */
14764 .filemanager .yui3-datatable-header {
14765 background: #fff !important
;
14766 border-bottom: 1px solid
#ccc !important
;
14767 border-left: 0 solid
#fff !important
;
14768 color: #555 !important
; }
14770 .filemanager .yui3-datatable-odd .yui3-datatable-cell {
14771 background-color: #f6f6f6 !important
;
14772 border-left: 0 solid
#f6f6f6; }
14774 .filemanager .yui3-datatable-even .yui3-datatable-cell {
14775 background-color: #fff !important
;
14776 border-left: 0 solid
#fff; }
14778 /* stylelint-enable */
14779 .filemanager .fp-filename-icon.fp-hasreferences .fp-reficons1 {
14780 background: url
("[[pix:theme|fp/link_sm]]") no-repeat
0 0;
14784 transform: scaleX(-1);
14786 position: absolute
;
14789 background-size: 16px 16px; }
14791 .filemanager .fp-filename-icon.fp-isreference .fp-reficons2 {
14792 background: url
("[[pix:theme|fp/alias_sm]]") no-repeat
0 0;
14796 transform: scaleX(-1);
14798 position: absolute
;
14801 background-size: 16px 16px; }
14803 .filemanager .fp-contextmenu {
14806 .filemanager .fp-iconview .fp-folder.fp-hascontextmenu .fp-contextmenu {
14807 position: absolute
;
14811 align-items: center
;
14812 justify-content: center
; }
14814 .filemanager
.fp-treeview
.fp-folder
.fp-hascontextmenu
.fp-contextmenu
,
14815 .filemanager .fp-tableview .fp-folder.fp-hascontextmenu .fp-contextmenu {
14817 position: absolute
;
14819 margin-right: -20px;
14822 .filepicker-filelist
.filepicker-container
,
14823 .filemanager.fm-noitems .fm-empty-container {
14825 position: absolute
;
14830 border: 2px dashed
#bbb;
14832 text-align: center
; }
14834 .filepicker-filelist
.dndupload-target
,
14835 .filemanager-container .dndupload-target {
14837 position: absolute
;
14842 border: 2px dashed
#fb7979;
14844 text-align: center
; }
14846 .filepicker-filelist
.dndupload-over
.dndupload-target
,
14847 .filemanager-container.dndupload-over .dndupload-target {
14849 position: absolute
;
14854 border: 2px dashed
#6c8cd3;
14856 text-align: center
; }
14858 .dndupload-message {
14861 .dndsupported .dndupload-message {
14864 .dnduploadnotsupported-message {
14867 .dndnotsupported .dnduploadnotsupported-message {
14870 .dndupload-target {
14873 .dndsupported .dndupload-ready .dndupload-target {
14876 .dndupload-uploadinprogress {
14878 text-align: center
; }
14880 .dndupload-uploading .dndupload-uploadinprogress {
14884 background: url
([[pix:theme|fp
/dnd_arrow
]]) center no-repeat
;
14887 position: absolute
;
14890 .fitem
.disabled
.filepicker-container
,
14891 .fitem.disabled .fm-empty-container {
14894 .dndupload-progressbars {
14898 .dndupload-inprogress .dndupload-progressbars {
14901 .dndupload-inprogress .fp-content {
14904 .filemanager.fm-noitems .dndupload-inprogress .fm-empty-container {
14907 .filepicker-filelist.dndupload-inprogress .filepicker-container {
14910 .filepicker-filelist.dndupload-inprogress a {
14913 .filemanager.fp-select .fp-select-loading {
14916 .filemanager.fp-select.loading .fp-select-loading {
14919 .filemanager.fp-select.loading form {
14922 .filemanager
.fp-select
.fp-folder
.fp-license
,
14923 .filemanager
.fp-select
.fp-folder
.fp-author
,
14924 .filemanager
.fp-select
.fp-file
.fp-file-unzip
,
14925 .filemanager
.fp-select
.fp-folder
.fp-file-unzip
,
14926 .filemanager
.fp-select
.fp-file
.fp-file-zip
,
14927 .filemanager.fp-select.fp-zip .fp-file-zip {
14930 .filemanager
.fp-select
.fp-file-setmain
,
14931 .filemanager.fp-select .fp-file-setmain-help {
14934 .filemanager
.fp-select
.fp-cansetmain
.fp-file-setmain
,
14935 .filemanager.fp-select.fp-cansetmain .fp-file-setmain-help {
14936 display: inline-block
; }
14938 .filemanager .fp-mainfile .fp-filename {
14939 font-weight: bold
; }
14941 .filemanager.fp-select.fp-folder .fp-file-download {
14945 font-weight: bold
; }
14947 .filemanager
.fp-select
.fp-original
.fp-unknown
,
14948 .filemanager.fp-select .fp-original .fp-originloading {
14951 .filemanager.fp-select .fp-original.fp-loading .fp-originloading {
14954 .filemanager
.fp-select
.fp-reflist
.fp-unknown
,
14955 .filemanager.fp-select .fp-reflist .fp-reflistloading {
14958 .filemanager.fp-select .fp-reflist.fp-loading .fp-reflistloading {
14961 .filemanager.fp-select .fp-reflist .fp-value {
14962 background: #f9f9f9;
14963 border: 1px solid
#bbb;
14969 .filemanager.fp-select .fp-reflist .fp-value li {
14970 padding-bottom: 7px; }
14972 .filemanager.fp-mkdir-dlg {
14973 text-align: center
; }
14975 .filemanager.fp-mkdir-dlg .fp-mkdir-dlg-text {
14979 .filemanager.fp-dlg {
14980 text-align: center
; }
14982 .file-picker div.bd {
14983 text-align: left
; }
14987 .fp-formset input[type="file"] {
14988 line-height: inherit
; }
14993 .fp-fileinfo .fp-value {
14994 display: inline-block
;
14995 padding-left: 5px; }
14997 /** The message area **/
15001 .preferences-container .container-fluid, .preferences-container .container-sm, .preferences-container .container-md, .preferences-container .container-lg, .preferences-container .container-xl {
15003 .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 {
15004 min-height: 20px; }
15006 .preferences-container .align-bottom {
15007 vertical-align: bottom
; }
15009 .preferences-container .preference-table {
15010 border: 1px solid
#ddd; }
15011 .preferences-container .preference-table thead th {
15012 text-align: center
; }
15013 .preferences-container .preference-table thead th .config-warning {
15015 .preferences-container .preference-table thead th.unconfigured .config-warning {
15016 display: inline-block
; }
15017 .preferences-container .preference-table tr td:not(:first-child) {
15019 text-align: center
; }
15020 .preferences-container .preference-table tr td:nth-child(even) {
15021 background-color: #f7f7f7; }
15022 .preferences-container .preference-table tr th:nth-child(even) {
15023 background-color: #f7f7f7; }
15024 .preferences-container .preference-table .preference-row .hover-tooltip-container {
15025 display: inline-block
; }
15026 .preferences-container .preference-table .preference-row .preference-name {
15027 vertical-align: middle
; }
15028 .preferences-container .preference-table .preference-row .disabled-message {
15029 text-align: center
;
15031 line-height: 30px; }
15032 .preferences-container .preference-table .preference-row .preference-state {
15035 display: inline-block
;
15036 vertical-align: middle
; }
15037 .preferences-container .preference-table .preference-row .preference-state input[type="checkbox"]:checked + .preference-state-status-container {
15038 background-color: #5cb85c; }
15039 .preferences-container .preference-table .preference-row .preference-state input[type="checkbox"]:checked + .preference-state-status-container .on-text {
15040 display: inline-block
; }
15041 .preferences-container .preference-table .preference-row .preference-state input[type="checkbox"]:checked + .preference-state-status-container .off-text {
15043 .preferences-container .preference-table .preference-row .preference-state .preference-state-status-container {
15047 text-align: center
;
15048 border-radius: 4px;
15049 background-color: #d9534f;
15052 .preferences-container .preference-table .preference-row .preference-state .preference-state-status-container .loading-icon {
15054 .preferences-container .preference-table .preference-row .preference-state .preference-state-status-container .on-text {
15056 .preferences-container .preference-table .preference-row .preference-state .preference-state-status-container .off-text {
15057 display: inline-block
; }
15058 .preferences-container
.preference-table
.preference-row
.preference-state
.loading input
[type
="checkbox"]:checked
+ .preference-state-status-container
.on-text
,
15059 .preferences-container .preference-table .preference-row .preference-state.loading input[type="checkbox"]:checked + .preference-state-status-container .off-text {
15061 .preferences-container
.preference-table
.preference-row
.preference-state
.loading
.preference-state-status-container
.on-text
,
15062 .preferences-container .preference-table .preference-row .preference-state.loading .preference-state-status-container .off-text {
15064 .preferences-container .preference-table .preference-row .preference-state.loading .preference-state-status-container .loading-icon {
15066 .preferences-container .preference-table .preference-row.loading .preference-name .loading-icon {
15069 .disabled-message {
15072 .disabled .disabled-message {
15074 .disabled .disabled-message + form {
15077 .general-settings-container .loading-icon {
15080 .general-settings-container .loading .loading-icon {
15081 display: inline-block
; }
15083 .general-settings-container label {
15084 display: inline-block
; }
15086 .processor-container {
15087 position: relative
; }
15088 .processor-container .loading-container {
15090 position: absolute
;
15093 text-align: center
;
15094 background-color: rgba
(255, 255, 255, 0.5); }
15095 .processor-container .loading-container .vertical-align {
15098 display: inline-block
;
15099 vertical-align: middle
; }
15100 .processor-container.loading .loading-container {
15103 .preferences-page-container .checkbox-container {
15105 line-height: 20px; }
15106 .preferences-page-container .checkbox-container input {
15109 .preferences-page-container .checkbox-container .loading-icon {
15111 .preferences-page-container .checkbox-container.loading .loading-icon {
15112 display: inline-block
; }
15114 .notification-area {
15116 box-sizing: border-box
;
15117 border-radius: 4px;
15118 margin-bottom: 30px;
15119 border: 1px solid
#e3e3e3; }
15120 @media
(max-height: 670px) {
15121 .notification-area {
15123 .notification-area .control-area {
15124 box-sizing: border-box
;
15125 display: inline-block
;
15129 -webkit-overflow-scrolling: touch
;
15130 border-right: 1px solid
#e3e3e3; }
15131 .notification-area .control-area .content {
15132 position: relative
; }
15133 .notification-area .control-area .content .content-item-container {
15135 .notification-area .control-area .content:empty + .empty-text {
15137 .notification-area .control-area .loading-icon {
15139 .notification-area .control-area .empty-text {
15141 text-align: center
;
15142 padding-top: 20px; }
15143 .notification-area .control-area.loading .loading-icon {
15145 text-align: center
;
15146 box-sizing: border-box
;
15148 .notification-area .control-area.loading .content:empty + .empty-text {
15150 .notification-area .content-area {
15151 box-sizing: border-box
;
15152 display: inline-block
;
15153 width: calc
(100% - 300px);
15155 .notification-area .content-area .toggle-mode {
15157 .notification-area .content-area .header {
15159 box-sizing: border-box
;
15160 border-bottom: 1px solid
#e3e3e3;
15162 .notification-area .content-area .header .image-container {
15163 display: inline-block
;
15167 .notification-area .content-area .header .subject-container {
15168 display: inline-block
;
15169 max-width: calc
(100% - 24px);
15170 white-space: nowrap
;
15172 text-overflow: ellipsis
;
15175 box-sizing: border-box
; }
15176 .notification-area .content-area .header .timestamp {
15181 margin-left: 30px; }
15182 .notification-area .content-area .header:empty {
15184 .notification-area .content-area > .content {
15186 box-sizing: border-box
;
15188 -webkit-overflow-scrolling: touch
;
15190 @media
(max-height: 670px) {
15191 .notification-area .content-area > .content {
15193 .notification-area .content-area > .content:empty {
15195 .notification-area .content-area > .content:empty + .empty-text {
15197 text-align: center
;
15198 padding-top: 100px; }
15199 .notification-area .content-area .empty-text {
15201 .notification-area .content-area .footer {
15203 box-sizing: border-box
;
15204 text-align: center
; }
15205 .notification-area .content-area .footer a {
15206 line-height: 50px; }
15207 .notification-area .content-area .footer:empty {
15210 @media (max-width: 979px) {
15211 .notification-area {
15212 position: relative
;
15213 overflow: hidden
; }
15214 .notification-area .control-area {
15215 border-right: none
;
15217 position: absolute
;
15221 visibility: visible
;
15222 transition: left
0.25s; }
15223 .notification-area .content-area {
15225 position: absolute
;
15229 visibility: hidden
;
15230 transition: right
0.25s, opacity
0.25s, visibility
0.25s; }
15231 .notification-area .content-area .toggle-mode {
15232 display: inline-block
;
15237 box-sizing: border-box
;
15238 border-right: 1px solid
#e3e3e3;
15239 border-bottom: 1px solid
#e3e3e3; }
15240 .notification-area .content-area .header {
15241 display: inline-block
;
15242 width: calc
(100% - 70px); }
15243 .notification-area.show-content-area .control-area {
15246 visibility: hidden
;
15247 transition: left
0.25s, opacity
0.25s, visibility
0.25s; }
15248 .notification-area.show-content-area .content-area {
15251 visibility: visible
;
15252 transition: right
0.25s; } }
15254 .drawer .message-app {
15256 .drawer .message-app .icon-back-in-app {
15258 .drawer .message-app .icon-back-in-drawer {
15259 display: inherit
; }
15263 flex-direction: column
;
15264 background-color: #eff1f3; }
15265 .message-app .icon-back-in-drawer {
15267 .message-app.main {
15268 min-height: 400px; }
15269 .message-app .header-container {
15271 .message-app .overflow-y {
15272 overflow-y: auto
; }
15273 @media
(max-height: 320px) {
15274 .message-app .header-container [data-region="view-overview"]:not(.hidden) {
15276 align-items: center
; }
15277 .message-app .footer-container [data-region="view-overview"] {
15279 .message-app .overflow-y {
15280 overflow-y: unset
; } }
15281 .message-app .body-container {
15283 overflow: hidden
; }
15284 .message-app .body-container > * {
15285 position: absolute
;
15291 .message-app .footer-container {
15293 .message-app .footer-container textarea {
15295 .message-app .contact-status {
15296 position: absolute
;
15301 border-radius: 50%; }
15302 .message-app .contact-status.online {
15303 border: 1px solid
#fff;
15304 background-color: #357a32; }
15305 .message-app .message p {
15307 .message-app .clickable {
15309 .message-app .clickable:hover {
15310 filter: drop-shadow
(2px 2px 2px rgba
(0, 0, 0, 0.3)); }
15312 .message-app .btn-link {
15314 .message-app .btn-link:hover, .message-app .btn-link:focus {
15315 background-color: rgba
(0, 0, 0, 0.035);
15316 text-decoration: none
; }
15317 .message-app .icon {
15319 .message-app .overview-section-toggle .collapsed-icon-container {
15321 .message-app .overview-section-toggle .expanded-icon-container {
15322 display: inline-block
; }
15323 .message-app .overview-section-toggle.collapsed .collapsed-icon-container {
15324 display: inline-block
; }
15325 .message-app .overview-section-toggle.collapsed .expanded-icon-container {
15327 .message-app .btn.btn-link.btn-icon {
15331 border-radius: 50%;
15333 .message-app .btn.btn-link.btn-icon:hover, .message-app .btn.btn-link.btn-icon:focus {
15334 background-color: #e9ecef; }
15335 .message-app .btn.btn-link.btn-icon.icon-size-0 {
15336 height: 20px !important
;
15337 /* stylelint-disable-line declaration-no-important */
15338 width: 20px !important
;
15339 /* stylelint-disable-line declaration-no-important */ }
15340 .message-app .btn.btn-link.btn-icon.icon-size-1 {
15341 height: 24px !important
;
15342 /* stylelint-disable-line declaration-no-important */
15343 width: 24px !important
;
15344 /* stylelint-disable-line declaration-no-important */ }
15345 .message-app .btn.btn-link.btn-icon.icon-size-2 {
15346 height: 28px !important
;
15347 /* stylelint-disable-line declaration-no-important */
15348 width: 28px !important
;
15349 /* stylelint-disable-line declaration-no-important */ }
15350 .message-app .btn.btn-link.btn-icon.icon-size-3 {
15351 height: 36px !important
;
15352 /* stylelint-disable-line declaration-no-important */
15353 width: 36px !important
;
15354 /* stylelint-disable-line declaration-no-important */ }
15355 .message-app .btn.btn-link.btn-icon.icon-size-4 {
15356 height: 44px !important
;
15357 /* stylelint-disable-line declaration-no-important */
15358 width: 44px !important
;
15359 /* stylelint-disable-line declaration-no-important */ }
15360 .message-app .btn.btn-link.btn-icon.icon-size-5 {
15361 height: 52px !important
;
15362 /* stylelint-disable-line declaration-no-important */
15363 width: 52px !important
;
15364 /* stylelint-disable-line declaration-no-important */ }
15365 .message-app .btn.btn-link.btn-icon.icon-size-6 {
15366 height: 60px !important
;
15367 /* stylelint-disable-line declaration-no-important */
15368 width: 60px !important
;
15369 /* stylelint-disable-line declaration-no-important */ }
15370 .message-app .btn.btn-link.btn-icon.icon-size-7 {
15371 height: 68px !important
;
15372 /* stylelint-disable-line declaration-no-important */
15373 width: 68px !important
;
15374 /* stylelint-disable-line declaration-no-important */ }
15375 .message-app .view-overview-body .section {
15377 .message-app .view-overview-body .section.expanded {
15379 .message-app .view-conversation .content-message-container img {
15381 .message-app .list-group .list-group-item {
15384 .message-app .list-group .list-group-item:first-child {
15386 .message-app .list-group .list-group-item:last-child {
15387 border-bottom: 0; }
15388 .message-app .last-message {
15389 min-height: 1.5rem; }
15390 .message-app .section .collapsing {
15391 overflow: hidden
; }
15392 .message-app .message.send {
15393 background-color: #dee2e6;
15395 .message-app .message.send .time {
15397 .message-app .message.send .tail {
15399 margin-right: -0.5rem;
15400 border-bottom-color: #dee2e6; }
15401 .message-app .message.received {
15402 background-color: #fff;
15404 .message-app .message.received .time {
15406 .message-app .message.received .tail {
15408 margin-left: -0.5rem;
15409 border-bottom-color: #fff; }
15410 .message-app .message .tail {
15415 border: 0.5rem solid transparent
;
15416 position: relative
; }
15417 .message-app .day {
15419 .message-app .lazy-load-list {
15420 overflow-y: auto
; }
15422 #page-message-index #page-header
{
15425 #page-message-index #region-main
{
15428 #page-message-index #region-main
.conversationcontainer
{
15429 max-height: calc
(100vh - 50px);
15431 #page-message-index #region-main div
[role
="main"] {
15433 #page-message-index #region-main div
[role
="main"] #maincontent
{
15434 margin-top: -1px; }
15435 #page-message-index #region-main div
[role
="main"] .message-app
.main
{
15438 .dir-rtl .message-drawer {
15439 box-shadow: 2px 2px 4px rgba
(0, 0, 0, 0.08); }
15441 .message-app .emoji-picker-container {
15442 position: absolute
;
15445 transform: translateY
(-100%); }
15446 .message-app .emoji-picker-container .emoji-picker .picker-row .emoji-button {
15449 @media
(max-width: 575.98px) {
15450 .message-app .emoji-picker-container {
15451 right: -0.5rem; } }
15453 @media (max-height: 495px) {
15454 .message-app .emoji-picker-container {
15457 transform: none
; } }
15459 .message-app .emoji-auto-complete-container {
15462 transition: max-height
.15s ease-in-out
;
15463 visibility: visible
; }
15464 .message-app .emoji-auto-complete-container.hidden {
15467 visibility: hidden
;
15469 transition: max-height
.15s ease-in-out
, visibility
0s linear
.15s, overflow
0s linear
.15s; }
15475 .questioncategories h3 {
15482 margin: 0 0 0.3em; }
15484 #chooseqtype .instruction
{
15487 #chooseqtype .fakeqtypes
{
15488 border-top: 1px solid silver
; }
15490 #chooseqtype .qtypeoption
{
15491 margin-bottom: 0.5em; }
15493 #chooseqtype label
{
15496 #chooseqtype .qtypename img
{
15497 padding: 0 0.3em; }
15499 #chooseqtype .qtypename
{
15500 display: inline-table
;
15503 #chooseqtype .qtypesummary
{
15507 #chooseqtype .submitbuttons
{
15509 text-align: center
; }
15511 #qtypechoicecontainer {
15514 #qtypechoicecontainer_c.yui-panel-container
.shadow
.underlay
{
15515 background: none
; }
15517 #qtypechoicecontainer.yui-panel
.hd
{
15519 letter-spacing: 1px;
15520 text-shadow: 1px 1px 1px #fff;
15521 border: 1px solid
#ccc;
15522 border-bottom: 1px solid
#bbb;
15523 background-image: linear-gradient
(to bottom
, #fff 0%, #ccc 100%);
15524 background-repeat: repeat-x
; }
15526 #qtypechoicecontainer {
15529 background: #f2f2f2;
15530 border: 1px solid
#ccc;
15531 border-top: 0 none
; }
15533 #qtypechoicecontainer #chooseqtype
{
15536 #chooseqtypehead h3
{
15538 font-weight: normal
; }
15540 #chooseqtype .qtypes
{
15541 position: relative
;
15542 border-bottom: 1px solid
#bbb;
15543 padding: 0.24em 0; }
15545 #chooseqtype .alloptions
{
15546 overflow-x: hidden
;
15548 max-height: calc
(100vh - 15em);
15551 #chooseqtype .qtypeoption
{
15553 padding: 0.3em 0.3em 0.3em 1.6em; }
15555 #chooseqtype .qtypeoption img
{
15556 vertical-align: text-bottom
;
15558 padding-right: 0.5em; }
15560 #chooseqtype .selected
{
15561 background-color: #fff; }
15563 #chooseqtype .instruction
,
15564 #chooseqtype .qtypesummary
{
15566 position: absolute
;
15572 overflow-x: hidden
;
15574 padding: 1.5em 1.6em;
15575 background-color: #fff; }
15577 #chooseqtype .instruction
,
15578 #chooseqtype .selected
.qtypesummary
{
15581 #categoryquestions {
15583 #categoryquestions td
,
15584 #categoryquestions th
{
15585 padding: 0 0.2em; }
15586 #categoryquestions th
{
15588 font-weight: normal
; }
15589 #categoryquestions .checkbox
{
15590 padding-left: 5px; }
15591 #categoryquestions .checkbox input
[type
="checkbox"] {
15594 #categoryquestions .iconcol
{
15596 box-sizing: content-box
; }
15597 #categoryquestions .iconcol
.icon
{
15601 #categoryquestions label
{
15604 #categoryquestions .header
{
15605 text-align: left
; }
15607 #page-mod-quiz-edit div
.questionbankwindow div
.header
{
15610 #page-mod-quiz-edit div
.questionbankwindow
.block
{
15613 .questionbank .singleselect {
15616 /* Question editing form */
15617 #combinedfeedbackhdr div
.fhtmleditor
{
15620 #combinedfeedbackhdr div
.fcheckbox
{
15621 margin-bottom: 1em; }
15623 #multitriesheader div
.fitem_feditor
{
15626 #multitriesheader div
.fitem_fgroup
{
15627 margin-bottom: 1em; }
15629 #multitriesheader div
.fitem_fgroup fieldset
.felement label
{
15630 margin-left: 0.3em;
15631 margin-right: 0.3em; }
15633 body
.path-question-type
{
15634 /* Hacks to display the labels within a form group. */ }
15635 body
.path-question-type
.form-group
.sr-only:not
(legend
) {
15640 margin: 0 0.5rem 0 0;
15649 margin: 0 auto
1.8em auto
; }
15655 margin-bottom: 1.8em;
15656 background-color: #f8f9fa;
15657 border: 1px solid
#cad0d7; }
15666 font-weight: bold
; }
15670 margin-top: 0.7em; }
15672 .que .info .questionflag.editable {
15675 .que
.info
.editquestion img
,
15676 .que
.info
.questionflag img
,
15677 .que .info .questionflag input {
15678 vertical-align: bottom
; }
15681 margin: 0 0 0 8.5em; }
15686 position: relative
;
15687 padding: 0.75rem 1.25rem;
15688 margin-bottom: 1rem;
15689 border: 0 solid transparent
; }
15694 background-color: #fcefdc;
15695 border-color: #fbe8cd;
15696 /* stylelint-disable-line max-line-length */ }
15699 border-top-color: #f9ddb5; }
15700 .que
.outcome
.alert-link
,
15701 .que .comment .alert-link {
15707 .que .formulation {
15709 background-color: #e7f3f5;
15710 border-color: #b8dce2;
15711 /* stylelint-disable-line max-line-length */ }
15712 .que .formulation hr {
15713 border-top-color: #a6d3db; }
15714 .que .formulation .alert-link {
15717 .que
.multichoice
.answer div
.r0
.icon
.fa-check
,
15718 .que
.multichoice
.answer div
.r1
.icon
.fa-check
,
15719 .que
.multichoice
.answer div
.r0
.icon
.fa-remove
,
15720 .que.multichoice .answer div.r1 .icon.fa-remove {
15723 .formulation input
[type
="text"],
15724 .formulation select {
15726 vertical-align: baseline
; }
15728 .que.multianswer .formulation .yui3-widget-positioned {
15729 box-sizing: content-box
; }
15730 .que.multianswer .formulation .yui3-widget-positioned .feedbackspan {
15732 max-width: inherit
; }
15734 .path-mod-quiz input[size] {
15740 background-color: #d7e4d6;
15741 border-color: #c6dac6;
15742 /* stylelint-disable-line max-line-length */ }
15744 border-top-color: #b7d0b7; }
15745 .que .comment .alert-link {
15749 margin: 0.7em 0 0.3em 0; }
15751 .que .im-controls {
15753 text-align: left
; }
15755 .que
.specificfeedback
,
15756 .que
.generalfeedback
,
15757 .que
.numpartscorrect
.que
.rightanswer
,
15761 margin: 0 0 0.5em; }
15763 .que .correctness.correct {
15764 background-color: #357a32; }
15766 .que .correctness.partiallycorrect {
15767 background-color: #f0ad4e; }
15769 .que .correctness.notanswered, .que .correctness.incorrect {
15770 background-color: #ca3120; }
15773 margin-bottom: 1.5em; }
15775 .que .validationerror {
15782 margin-top: 0.5em; }
15788 .que .history table {
15792 .que .history .current {
15793 font-weight: bold
; }
15795 .que .questioncorrectnessicon {
15796 vertical-align: text-bottom
; }
15798 body
.jsenabled
.questionflag input
[type
=checkbox
] {
15801 .que .questionflagimage {
15802 padding-right: 3px;
15808 border-bottom: 1px solid
#555; }
15810 .mform .que.comment .fitemtitle {
15813 #page-question-preview #techinfo
{
15816 #page-mod-quiz-edit ul
.slots
.activityinstance
> a
{
15819 align-items: center
;
15823 #page-mod-quiz-edit ul
.slots
.activityinstance img
.activityicon
{
15827 padding-right: 4px; }
15829 #page-mod-quiz-edit .activity img
.activityicon
{
15830 vertical-align: text-top
; }
15832 #page-mod-quiz-edit .box
.generalbox
.questionbank
{
15835 #page-mod-quiz-edit .questionbank
.categorypagingbarcontainer
,
15836 #page-mod-quiz-edit .questionbank
.categoryquestionscontainer
,
15837 #page-mod-quiz-edit .questionbank
.choosecategory
{
15840 #page-mod-quiz-edit .questionbank
.choosecategory select
{
15843 #page-mod-quiz-edit div
.questionbank
.categoryquestionscontainer
{
15844 background: transparent
; }
15846 #page-mod-quiz-edit #categoryquestions
> thead
{
15847 background: #fff; }
15849 #page-mod-quiz-edit #categoryquestions
> tbody
> tr:nth-of-type
(even
) {
15850 background: #e4e4e4; }
15852 #page-mod-quiz-edit .questionbankwindow div
.header
{
15855 margin: 0 -10px 0 -10px;
15856 padding: 2px 10px 2px 10px;
15857 background: transparent
;
15858 /* Old browsers */ }
15860 #page-mod-quiz-edit .questionbankwindow div
.header
a:link
,
15861 #page-mod-quiz-edit .questionbankwindow div
.header
a:visited
{
15864 #page-mod-quiz-edit .questionbankwindow div
.header
a:hover
{
15867 #page-mod-quiz-edit .createnewquestion
{
15868 padding: 0.3em 0; }
15869 #page-mod-quiz-edit .createnewquestion div
,
15870 #page-mod-quiz-edit .createnewquestion input
{
15873 #page-mod-quiz-edit .questionbankwindow div
.header
.title
{
15876 #page-mod-quiz-edit div
.container div
.generalbox
{
15877 background-color: transparent
;
15880 #page-mod-quiz-edit .categoryinfo
{
15881 background-color: transparent
;
15882 border-bottom: none
; }
15884 #page-mod-quiz-edit .createnewquestion
.singlebutton input
{
15885 margin-bottom: 0; }
15887 #page-mod-quiz-edit div
.questionbank
.categorysortopotionscontainer
,
15888 #page-mod-quiz-edit div
.questionbank
.categoryselectallcontainer
{
15889 padding: 0 0 1.5em 0; }
15891 #page-mod-quiz-edit div
.questionbank
.categorypagingbarcontainer
{
15892 background-color: transparent
;
15895 border-bottom: 0; }
15896 #page-mod-quiz-edit div
.questionbank
.categorypagingbarcontainer
.paging
{
15897 padding: 0 0.3em; }
15899 #page-mod-quiz-edit div
.question div
.content div
.questioncontrols
{
15900 background-color: #fff; }
15902 #page-mod-quiz-edit div
.question div
.content div
.points
{
15903 margin-top: -0.5em;
15906 background-color: #fff;
15910 margin-right: 60px; }
15912 #page-mod-quiz-edit div
.question div
.content div
.points br
{
15915 #page-mod-quiz-edit div
.question div
.content div
.points label
{
15916 display: inline-block
; }
15918 #page-mod-quiz-edit div
.quizpage
.pagecontent
.pagestatus
{
15919 background-color: #fff; }
15921 #page-mod-quiz-edit .quizpagedelete
,
15922 #page-mod-quiz-edit .quizpagedelete img
{
15923 background-color: transparent
; }
15925 #page-mod-quiz-edit div
.quizpage
.pagecontent
{
15926 border: 1px solid
#ddd;
15927 overflow: hidden
; }
15929 #page-mod-quiz-edit div
.questionbank
.categoryinfo
{
15930 padding: 0.3em 0; }
15932 #page-mod-quiz-edit div
.questionbank
.modulespecificbuttonscontainer
{
15934 #page-mod-quiz-edit div
.questionbank
.modulespecificbuttonscontainer strong
{
15936 #page-mod-quiz-edit div
.questionbank
.modulespecificbuttonscontainer hr
,
15937 #page-mod-quiz-edit div
.questionbank
.modulespecificbuttonscontainer br
{
15939 #page-mod-quiz-edit div
.questionbank
.modulespecificbuttonscontainer strong
{
15940 margin-left: -0.3em; }
15941 #page-mod-quiz-edit div
.questionbank
.modulespecificbuttonscontainer strong label
{
15942 margin-left: 0.3em; }
15943 #page-mod-quiz-edit div
.questionbank
.modulespecificbuttonscontainer input
{
15945 #page-mod-quiz-edit div
.questionbank
.modulespecificbuttonscontainer input
+ input
{
15946 margin-left: 5px; }
15948 .questionbankwindow .module {
15951 .questionbankwindow .form-autocomplete-selection {
15954 #page-mod-quiz-edit div
.editq div
.question div
.content
{
15955 background-color: #fff;
15956 border: 1px solid
#ddd;
15957 overflow: hidden
; }
15959 #page-mod-quiz-edit ul
.slots
.activityinstance img
.activityicon
{
15961 padding-right: 4px; }
15963 .path-mod-quiz .statedetails {
15965 font-size: 0.9em; }
15970 .que.shortanswer .answer {
15976 body
.path-question-type
.mform fieldset
.hidden
{
15978 margin: 0.7em 0 0; }
15981 .que.ddwtos .drop {
15982 box-sizing: content-box
; }
15984 .tag-condition-container {
15985 position: relative
; }
15987 @media (max-width: 767.98px) {
15995 .userprofile .fullprofilelink {
15996 text-align: center
;
15999 .userprofile .page-context-header {
16000 margin-bottom: 10px; }
16002 .userprofile .description {
16004 margin-bottom: 30px; }
16006 .userprofile .profile_tree {
16009 #participantsform .no-overflow
{
16010 overflow: visible
; }
16012 .userprofile dl.list > dd + dt {
16019 text-align: center
;
16023 #page-user-profile .node_category ul
,
16024 .path-user .node_category ul {
16029 #page-user-profile .node_category li
,
16030 .path-user .node_category li {
16033 #page-user-profile .node_category
.editprofile
,
16034 #page-user-profile .node_category
.viewmore
,
16035 .path-user
.node_category
.editprofile
,
16036 .path-user .node_category .viewmore {
16037 text-align: right
; }
16039 .ajax-contact-button {
16040 box-sizing: border-box
;
16041 position: relative
; }
16042 .ajax-contact-button.loading .loading-icon {
16044 .ajax-contact-button .loading-icon {
16046 position: absolute
;
16051 background-color: rgba
(255, 255, 255, 0.7); }
16052 .ajax-contact-button .loading-icon .icon {
16053 position: absolute
;
16056 transform: translate
(-50%, -50%); }
16058 @media (max-width: 480px) {
16059 .userprofile .profile_tree {
16060 /** Display the profile on one column on phones@mixin */
16061 column-count: 1; } }
16063 .userlist #showall {
16066 .userlist .buttons {
16067 text-align: center
; }
16069 .userlist .buttons label {
16072 .userlist table#participants {
16073 text-align: center
; }
16075 .userlist table#participants td {
16078 vertical-align: middle
; }
16080 .userlist table#participants th {
16084 .userlist table.controls {
16086 .userlist table.controls tr {
16087 vertical-align: top
; }
16088 .userlist table.controls .right {
16089 text-align: right
; }
16090 .userlist table.controls .groupselector {
16093 .userlist table.controls .groupselector label {
16099 border-collapse: separate
;
16102 .userinfobox
.left
,
16103 .userinfobox .side {
16105 vertical-align: top
; }
16107 .userinfobox .userpicture {
16111 .userinfobox .content {
16112 vertical-align: top
; }
16114 .userinfobox .links {
16117 vertical-align: bottom
; }
16119 .userinfobox .links a {
16122 .userinfobox .list td {
16125 .userinfobox .username {
16126 padding-bottom: 20px;
16127 font-weight: bold
; }
16129 .userinfobox td.label {
16131 white-space: nowrap
;
16132 vertical-align: top
;
16133 font-weight: bold
; }
16136 position: absolute
;
16138 margin-right: 0.6em; }
16143 margin-right: 1em; }
16144 .group-image .grouppicture {
16145 border-radius: 50%; }
16147 .groupinfobox .left {
16150 vertical-align: top
; }
16152 .course-participation #showall {
16153 text-align: center
;
16156 #user-policy .noticebox
{
16157 text-align: center
;
16159 margin-right: auto
;
16160 margin-bottom: 10px;
16164 #user-policy #policyframe
{
16171 .userselector select {
16174 .userselector div {
16175 margin-top: 0.2em; }
16177 .userselector div label {
16178 margin-right: 0.3em; }
16180 /* Next style does not work in all browsers but looks nicer when it does */
16181 .userselector .userselector-infobelow {
16182 font-size: 0.8em; }
16184 #userselector_options .collapsibleregioncaption
{
16185 font-weight: bold
; }
16187 #userselector_options p
{
16189 text-align: left
; }
16191 /** user full profile */
16192 #page-user-profile .messagebox
{
16193 text-align: center
;
16195 margin-right: auto
; }
16197 /** user course profile */
16198 #page-course-view-weeks .messagebox
{
16199 text-align: center
;
16201 margin-right: auto
; }
16203 .profileeditor > .singleselect {
16204 margin: 0 0.5em 0 0; }
16206 .profileeditor > .singlebutton {
16207 display: inline-block
;
16208 margin: 0 0 0 0.5em; }
16209 .profileeditor
> .singlebutton div
,
16210 .profileeditor > .singlebutton input {
16213 .userlist h3 .action-icon {
16216 #page-enrol-users .popover
{
16219 .user-enroller-panel {
16222 [data-filterverbfor
],
16223 [data-filterregion
="filter"]:last-child
[data-filterregion
="joinadverb"] {
16226 [data-filterverb
="0"] [data-filterverbfor
="0"],
16227 [data-filterverb
="1"] [data-filterverbfor
="1"],
16228 [data-filterverb
="2"] [data-filterverbfor
="2"] {
16231 .search-results .result {
16235 .search-results .result .result-content {
16238 .search-results .result .filename {
16239 font-style: italic
; }
16241 .simplesearchform .btn {
16242 padding-left: 0.5rem;
16243 padding-right: 0.5rem; }
16245 .simplesearchform .btn .icon {
16248 .simplesearchform .btn-submit {
16249 border-color: #8f959e;
16252 .simplesearchform
.btn-close
,
16253 .simplesearchform .btn-clear {
16254 position: absolute
;
16260 .simplesearchform .btn-close {
16263 .simplesearchform .btn-submit {
16264 background-color: #f8f9fa; }
16266 .simplesearchform .withclear {
16267 padding-right: 2rem; }
16269 .simplesearchform .searchinput {
16273 .simplesearchform .collapsing {
16278 @media (max-width: 991.98px) {
16279 .simplesearchform
.collapse
.show
,
16280 .simplesearchform .collapsing {
16281 position: absolute
;
16286 background-color: #fff;
16289 .simplesearchform
.collapse
.show
.form-inline
,
16290 .simplesearchform .collapsing .form-inline {
16293 margin-right: auto
; } }
16295 .navbar.navbar-light .simplesearchform .btn-open {
16296 color: rgba
(0, 0, 0, 0.6); }
16297 .navbar.navbar-light .simplesearchform .btn-open:hover {
16298 color: rgba
(0, 0, 0, 0.9); }
16300 .search-areas-actions {
16301 margin-bottom: 1rem; }
16303 .search-areas-actions > div {
16304 margin-right: 1rem;
16305 display: inline-block
; }
16307 #core-search-areas .lastcol li
{
16309 text-indent: -24px; }
16311 #core-search-areas .lastcol li
> i
{
16315 * Moodle forms HTML isn't changeable via renderers (yet?) so this
16316 * .less file imports styles from the bootstrap $variables file and
16317 * adds them to the existing Moodle form CSS ids and classes.
16320 .jsenabled .mform .containsadvancedelements .advanced {
16323 .mform .containsadvancedelements .advanced.show {
16326 #adminsettings span
.error
{
16327 display: inline-block
;
16328 border: 1px solid
#f0c5c1;
16329 border-radius: 4px;
16330 background-color: #f4d6d2;
16332 margin-bottom: 4px; }
16334 .mform
.form-inline
.form-control
,
16335 .mform .form-inline .custom-select {
16338 .mform .form-inline .form-group {
16339 margin: 0.1rem 0.25rem 0.1rem 0; }
16341 .mform .form-inline br + label {
16342 justify-content: flex-start
;
16346 .unresponsive
.mform
.form-inline
,
16347 .unresponsive.mform .form-inline label {
16348 display: inline-flex
; }
16350 #jump-to-activity.custom-select
{
16354 margin-bottom: 0.5rem;
16355 border-bottom: 1px solid
#dee2e6; }
16357 @media (min-width: 576px) {
16358 .mform > .form-group {
16359 margin-left: 1.5rem; } }
16361 #adminsettings .form-control
[size
] {
16364 .jsenabled .mform .collapsed .fcontainer {
16367 #adminsettings .error
{
16370 .mform ul.file-list {
16373 list-style: none
; }
16376 .mform label .adv {
16380 input#id_externalurl
{
16383 #portfolio-add-button {
16387 .form-label .form-shortname {
16390 .form-label .form-shortname {
16391 font-size: 0.703125rem;
16394 .form-item .form-inline {
16397 .form-inline label:not(.sr-only):not(.accesshide) + select {
16398 margin-left: 0.5rem; }
16400 .formsettingheading .form-horizontal {
16403 .no-felement.fstatic {
16405 padding-top: 5px; }
16407 .no-fitem .fstaticlabel {
16408 font-weight: bold
; }
16410 .form-item .form-setting .defaultsnext > input {
16411 display: inline-block
; }
16413 .form-item .form-setting .form-checkbox.defaultsnext {
16415 display: inline-block
; }
16417 #adminsettings h3
{
16421 margin-bottom: 1.5;
16422 font-size: 1.171875rem;
16425 border-bottom: 1px solid
#e5e5e5; }
16428 .mform
.fitem
.felement input
[name
="email"],
16429 .mform
.fitem
.felement input
[name
="email2"],
16430 .mform
.fitem
.felement input
[name
="url"],
16431 .mform
.fitem
.felement input
[name
="idnumber"],
16432 .mform
.fitem
.felement input
[name
="phone1"],
16433 .mform .fitem .felement input[name="phone2"] {
16437 .que.match .mediaplugin {
16441 #page-admin-grade-edit-scale-edit .error input#id_name
{
16442 margin-right: 170px; }
16444 #page-grade-edit-outcome-course .courseoutcomes
{
16446 margin-right: auto
;
16449 #page-grade-edit-outcome-course .courseoutcomes td
{
16450 text-align: center
; }
16452 /* Install Process' text fields Forms, should always be justified to the left */
16454 #installform #id_wwwroot
,
16455 #installform #id_dirroot
,
16456 #installform #id_dataroot
,
16457 #installform #id_dbhost
,
16458 #installform #id_dbname
,
16459 #installform #id_dbuser
,
16460 #installform #id_dbpass
,
16461 #installform #id_prefix
{
16464 .mdl-right > label {
16465 display: inline-block
; }
16470 .form-item .form-label label {
16471 margin-bottom: 0; }
16473 div#dateselector-calendar-panel
{
16475 /* Set higher than the z-index of the filemanager - see MDL-39047. */ }
16477 fieldset
.coursesearchbox label
{
16481 * Show the labels above text editors and file managers except on wide screens.
16483 /* Section and module editing forms contain special JS components for the
16484 availability system (if enabled). */
16485 #id_availabilityconditionsjson[aria-hidden
=true
],
16486 .availability-field [aria-hidden=true] {
16489 .availability-field label {
16490 display: inline-flex
; }
16492 .availability-field .availability-group label {
16493 vertical-align: top
; }
16495 .availability-eye {
16499 .availability-inner
,
16500 .availability-plugincontrols {
16502 border: 1px solid rgba
(0, 0, 0, 0.125);
16504 margin-top: 0.5rem; }
16506 .availability-plugincontrols
,
16507 .availability-childlist .availability-inner {
16508 margin-left: .625rem; }
16510 .availability-field .availability-plugincontrols .availability-group select {
16511 max-width: 12rem; }
16513 /* Custom styles for autocomplete form element */
16514 /* These styles reserve a standard amount of space in the DOM to avoid flicker when the original select element is replaced */
16515 [data-fieldtype
=autocomplete
] select
,
16516 [data-fieldtype
=tags
] select
,
16517 .form-autocomplete-original-select {
16518 visibility: hidden
;
16525 margin-top: 1.65625rem;
16526 vertical-align: bottom
; }
16528 .form-autocomplete-selection {
16530 min-height: 2.375rem; }
16532 .form-autocomplete-selection [role=option] {
16534 white-space: inherit
;
16535 word-break: break-word
;
16537 text-align: left
; }
16539 .form-autocomplete-suggestions {
16540 position: absolute
;
16541 background-color: white
;
16542 border: 1px solid
#8f959e;
16546 margin: 0.125rem 0 0;
16550 .form-autocomplete-suggestions li {
16551 list-style-type: none
;
16552 padding: 0.25rem 1.5rem;
16556 .form-autocomplete-suggestions li:hover, .form-autocomplete-suggestions li:focus, .form-autocomplete-suggestions li[aria-selected="true"] {
16557 background-color: #0f6fc5;
16559 .form-autocomplete-suggestions li::before {
16560 content: "\200B"; }
16562 .form-autocomplete-downarrow {
16567 .form-autocomplete-downarrow .loading-icon {
16568 position: absolute
;
16571 background-color: #fff; }
16573 /** Undo some bootstrap things */
16574 .form-autocomplete-selection + input.form-control {
16576 display: inline-block
;
16577 vertical-align: middle
; }
16579 .form-autocomplete-selection [data-active-selection=true] {
16581 font-size: large
; }
16583 /* Non-bootstrap selects with a size show their contents outside of the element.
16584 * Remove when we update to stable bootstrap 4. (MDL-56511) */
16590 overflow: visible
; }
16592 textarea
[data-auto-rows
] {
16593 overflow-x: hidden
;
16596 /** Display elements under labels in vertical forms regardless of the screen size. */
16597 .mform.full-width-labels .fitem.row {
16600 .mform
.full-width-labels
.fitem
.row
> .col-md-3
,
16601 .mform.full-width-labels .fitem.row > .col-md-9 {
16606 .mform.full-width-labels .fitem.row.femptylabel > .col-md-3 {
16609 /** Allow wrapping an mform in a div with the form-inline class to have an inline, responsive form. */
16610 @media (min-width: 768px) {
16611 .form-inline
.col-md-9
,
16612 .form-inline .col-md-3 {
16613 margin-bottom: 1rem;
16615 .form-inline
.col-md-9 label
,
16616 .form-inline .col-md-3 label {
16617 margin-left: 1rem; } }
16619 [data-fieldtype
="modgrade"] .form-group
{
16620 padding-bottom: 0.375rem; }
16622 [data-fieldtype
="modgrade"] {
16623 background-color: #fff;
16624 border: 1px solid rgba
(0, 0, 0, 0.125);
16627 max-width: 30rem; }
16629 [data-filetypesbrowserbody
] [aria-expanded
="false"] > [role
="group"],
16630 [data-filetypesbrowserbody
] [aria-expanded
="false"] [data-filetypesbrowserfeature
="hideifcollapsed"],
16631 [data-filetypesbrowserbody
] [aria-expanded
="true"] [data-filetypesbrowserfeature
="hideifexpanded"] {
16634 .form-inline
[data-fieldtype
="autocomplete"],
16635 .form-inline[data-fieldtype="tags"] {
16638 [data-fieldtype
="editor"] > div
{
16641 @media (min-width: 576px) {
16643 margin-left: 1.5rem; }
16644 .mform fieldset.collapsible legend a.fheader {
16645 padding: 0 5px 0 1.5rem;
16646 margin-left: -1.5rem;
16647 background: url
([[pix:t
/expanded
]]) 0 center no-repeat
; }
16648 .mform fieldset.collapsed legend a.fheader {
16650 background-image: url([[pix:t/collapsed_rtl]]);
16653 background-image: url
([[pix:t
/collapsed
]]); }
16654 .mform .form-inline .fdefaultcustom label {
16655 justify-content: initial
; } }
16657 .input-group.form-inset .form-inset-item {
16658 position: absolute
;
16659 padding-top: calc
(0.375rem + 1px);
16662 .input-group.form-inset.form-inset-left .form-control {
16663 padding-left: 1.5rem; }
16665 .input-group.form-inset.form-inset-right .form-control {
16666 padding-right: 1.5rem; }
16668 .input-group.form-inset.form-inset-right .form-inset-item {
16671 .pagelayout-login .card-title h2 img {
16673 max-height: 100px; }
16675 .pagelayout-login #region-main {
16677 background-color: inherit
; }
16683 .path-mod-choice .horizontal .choices .option {
16684 display: inline-block
; }
16686 .path-mod-choice .choices .option label {
16687 vertical-align: top
; }
16689 .path-mod-feedback .feedback_form .col-form-label {
16690 display: block
!important
;
16691 /* stylelint-disable-line declaration-no-important */ }
16693 .path-mod-feedback .itemactions {
16696 .path-mod-feedback .itemhandle {
16697 position: absolute
;
16700 .path-mod-forum
.forumsearch input
,
16701 .path-mod-forum .forumsearch .helptooltip {
16704 .path-mod-forum
.forumheaderlist
,
16705 .path-mod-forum .forumheaderlist td {
16708 .path-mod-forum
.forumheaderlist thead
.header
,
16709 .path-mod-forum .forumheaderlist tbody .discussion td {
16710 white-space: normal
;
16711 vertical-align: top
;
16712 padding-left: 0.5em;
16713 padding-right: 0.5em; }
16715 .path-mod-forum .forumheaderlist thead .header {
16716 white-space: normal
;
16717 vertical-align: top
; }
16719 .path-mod-forum .forumheaderlist thead .header.replies {
16720 text-align: center
; }
16722 .path-mod-forum .forumheaderlist thead .header.lastpost {
16723 text-align: right
; }
16725 .path-mod-forum
.forumheaderlist thead
.header th
.discussionsubscription
,
16726 .path-mod-forum .forumheaderlist tbody .discussion td.discussionsubscription {
16728 padding-left: 0.5em;
16729 padding-right: 0.5em; }
16731 .path-mod-forum
.forumheaderlist
.discussion
.replies
,
16732 .path-mod-forum .forumheaderlist .discussion .lastpost {
16733 white-space: normal
; }
16735 .path-mod-forum
.forumheaderlist
.discussion
.discussionsubscription
,
16736 .path-mod-forum .forumheaderlist .discussion .replies {
16737 text-align: center
; }
16739 .path-mod-forum
.forumheaderlist
.discussion
.topic
,
16740 .path-mod-forum
.forumheaderlist
.discussion
.discussionsubscription
,
16741 .path-mod-forum
.forumheaderlist
.discussion
.topic
.starter
,
16742 .path-mod-forum
.forumheaderlist
.discussion
.replies
,
16743 .path-mod-forum .forumheaderlist .discussion .lastpost {
16744 vertical-align: top
; }
16746 .path-mod-forum .discussion-list .topic {
16747 font-weight: inherit
; }
16749 .path-mod-forum .subscriptionmode {
16752 .path-mod-forum .activesetting {
16754 font-weight: bold
; }
16756 .discussion-settings-container .custom-select {
16759 .discussion-settings-container input {
16763 border: 1px solid
#dee2e6;
16766 .forumpost .header {
16767 margin-bottom: 3px; }
16768 .forumpost .picture img {
16770 .forumpost .picture img.userpicture {
16772 margin-right: 10px; }
16773 .forumpost .content .posting.fullpost {
16777 .forumpost
.row
.topic
,
16778 .forumpost
.row
.content-mask
,
16779 .forumpost .row .options {
16780 margin-left: 48px; }
16781 .forumpost .row.side {
16784 .forumpost .row .left {
16787 .forumpost .options .commands {
16790 .forumpost .subject {
16791 font-weight: bold
; }
16793 .forumsearch input[type=text] {
16794 margin-bottom: 0; }
16796 #page-mod-forum-view table
.fit-content
{
16798 white-space: nowrap
; }
16800 #page-mod-forum-view table
.limit-width
{
16802 white-space: nowrap
;
16803 text-overflow: ellipsis
;
16804 overflow: hidden
; }
16805 #page-mod-forum-view table
.limit-width
.author-info
{
16806 max-width: calc
(100% - 35px - .5rem); }
16808 #page-mod-forum-discuss .discussioncontrols
{
16811 #page-mod-forum-discuss .discussioncontrols
.form-inline input
{
16812 margin-top: -1px; }
16814 /** Gently highlight the selected post by changing it's background to blue and then fading it out. */
16815 @keyframes background-highlight
{
16817 background-color: rgba
(0, 123, 255, 0.5); }
16819 background-color: inherit
; } }
16821 .path-mod-forum
.nested-v2-display-mode
,
16822 .path-mod-forum.nested-v2-display-mode {
16823 /** Reset the badge styling back to pill style. */
16824 /** Style the ratings like a badge. */
16825 /** Don't show the discussion locked alert in this mode because it's already indicated with a badge. */
16826 /** Fix muted text contrast ratios for accessibility. */
16827 /** Make the tag list text screen reader visible only */ }
16828 .path-mod-forum
.nested-v2-display-mode
.discussionsubscription
,
16829 .path-mod-forum.nested-v2-display-mode .discussionsubscription {
16831 text-align: inherit
;
16832 margin-bottom: 0; }
16833 .path-mod-forum
.nested-v2-display-mode
.preload-subscribe
,
16834 .path-mod-forum
.nested-v2-display-mode
.preload-unsubscribe
,
16835 .path-mod-forum
.nested-v2-display-mode
.preload-subscribe
,
16836 .path-mod-forum.nested-v2-display-mode .preload-unsubscribe {
16838 .path-mod-forum
.nested-v2-display-mode
.post-message
,
16839 .path-mod-forum.nested-v2-display-mode .post-message {
16840 line-height: 1.6; }
16841 .path-mod-forum
.nested-v2-display-mode
.indent
,
16842 .path-mod-forum.nested-v2-display-mode .indent {
16844 .path-mod-forum
.nested-v2-display-mode
.badge
,
16845 .path-mod-forum.nested-v2-display-mode .badge {
16846 font-size: inherit
;
16847 font-weight: inherit
;
16848 padding-left: .5rem;
16849 padding-right: .5rem;
16850 border-radius: 10rem; }
16851 .path-mod-forum
.nested-v2-display-mode
.badge-light
,
16852 .path-mod-forum.nested-v2-display-mode .badge-light {
16853 background-color: #f6f6f6;
16855 .path-mod-forum
.nested-v2-display-mode
.rating-aggregate-container
,
16856 .path-mod-forum.nested-v2-display-mode .rating-aggregate-container {
16857 background-color: #f6f6f6;
16859 padding: .25em .5em;
16861 margin-right: .5rem;
16862 vertical-align: middle
;
16863 border-radius: 10rem;
16864 text-align: center
; }
16865 .path-mod-forum
.nested-v2-display-mode
.ratinginput
,
16866 .path-mod-forum.nested-v2-display-mode .ratinginput {
16867 padding: .25em 1.75rem 0.25em .75em;
16870 border-radius: 10rem; }
16871 @media
(max-width: 767.98px) {
16872 .path-mod-forum
.nested-v2-display-mode
.ratinginput
,
16873 .path-mod-forum.nested-v2-display-mode .ratinginput {
16874 margin-top: .5rem; } }
16875 .path-mod-forum
.nested-v2-display-mode
.group-image
,
16876 .path-mod-forum.nested-v2-display-mode .group-image {
16881 display: inline-block
; }
16882 .path-mod-forum
.nested-v2-display-mode
.alert
.discussionlocked
,
16883 .path-mod-forum.nested-v2-display-mode .alert.discussionlocked {
16884 position: absolute
;
16890 clip: rect
(0, 0, 0, 0);
16891 white-space: nowrap
;
16893 .path-mod-forum
.nested-v2-display-mode
.text-muted
,
16894 .path-mod-forum
.nested-v2-display-mode
.dimmed_text
,
16895 .path-mod-forum
.nested-v2-display-mode
.text-muted
,
16896 .path-mod-forum.nested-v2-display-mode .dimmed_text {
16897 color: #707070 !important
;
16898 /* stylelint-disable-line declaration-no-important */ }
16899 .path-mod-forum
.nested-v2-display-mode
.author-header
,
16900 .path-mod-forum.nested-v2-display-mode .author-header {
16901 font-style: italic
; }
16902 .path-mod-forum
.nested-v2-display-mode
.author-header
.author-name
,
16903 .path-mod-forum.nested-v2-display-mode .author-header .author-name {
16904 font-style: normal
; }
16905 .path-mod-forum
.nested-v2-display-mode
.tag_list
> b
,
16906 .path-mod-forum.nested-v2-display-mode .tag_list > b {
16907 position: absolute
;
16913 clip: rect
(0, 0, 0, 0);
16914 white-space: nowrap
;
16916 .path-mod-forum
.nested-v2-display-mode :target
> .focus-target
,
16917 .path-mod-forum.nested-v2-display-mode :target > .focus-target {
16918 animation-name: background-highlight
;
16919 animation-duration: 1s;
16920 animation-timing-function: ease-in-out
;
16921 animation-iteration-count: 1; }
16922 .path-mod-forum
.nested-v2-display-mode
.forum-post-container
.replies-container
.forum-post-container
,
16923 .path-mod-forum.nested-v2-display-mode .forum-post-container .replies-container .forum-post-container {
16924 border-top: 1px solid
#dee2e6;
16925 padding-top: 1.5rem; }
16926 .path-mod-forum
.nested-v2-display-mode
.forum-post-container
.replies-container
.forum-post-container
.replies-container
.forum-post-container
,
16927 .path-mod-forum.nested-v2-display-mode .forum-post-container .replies-container .forum-post-container .replies-container .forum-post-container {
16930 .path-mod-forum
.nested-v2-display-mode
.forum-post-container
.replies-container
.inline-reply-container
.reply-author
,
16931 .path-mod-forum.nested-v2-display-mode .forum-post-container .replies-container .inline-reply-container .reply-author {
16933 .path-mod-forum
.nested-v2-display-mode
.forum-post-container
.post-message
p:last-of-type
,
16934 .path-mod-forum.nested-v2-display-mode .forum-post-container .post-message p:last-of-type {
16935 margin-bottom: 0; }
16936 .path-mod-forum
.nested-v2-display-mode
.forum-post-container
.author-image-container
,
16937 .path-mod-forum.nested-v2-display-mode .forum-post-container .author-image-container {
16939 margin-right: 24px;
16941 .path-mod-forum
.nested-v2-display-mode
.forum-post-container
.inline-reply-container textarea
,
16942 .path-mod-forum.nested-v2-display-mode .forum-post-container .inline-reply-container textarea {
16945 .path-mod-forum
.nested-v2-display-mode
.forum-post-container
.indent
,
16946 .path-mod-forum.nested-v2-display-mode .forum-post-container .indent {
16948 * The first post and first set of replies have a larger author image so offset the 2nd
16949 * set of replies by the image width + margin to ensure they align.
16951 .path-mod-forum
.nested-v2-display-mode
.forum-post-container
.indent
.indent
,
16952 .path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent {
16953 padding-left: 94px;
16955 * Reduce the size of the the author image for all second level replies (and below).
16958 * Adjust the indentation offset for all 3rd level replies and below for the smaller author image.
16960 .path-mod-forum
.nested-v2-display-mode
.forum-post-container
.indent
.indent
.author-image-container
,
16961 .path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent .author-image-container {
16964 padding-top: 3px; }
16965 .path-mod-forum
.nested-v2-display-mode
.forum-post-container
.indent
.indent
.indent
,
16966 .path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent .indent {
16967 padding-left: 38px;
16969 * Stop indenting the replies after the 5th reply.
16971 .path-mod-forum
.nested-v2-display-mode
.forum-post-container
.indent
.indent
.indent
.indent
.indent
.indent
,
16972 .path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent .indent .indent .indent .indent {
16975 /** Extra small devices (portrait phones, less than 576px). */
16976 @media (max-width: 767.98px) {
16977 #page-mod-forum-discuss.nested-v2-display-mode
.forum-post-container
.author-image-container
{
16979 margin-right: 8px; }
16980 #page-mod-forum-discuss.nested-v2-display-mode
.forum-post-container
.indent
.indent
{
16981 padding-left: 38px; }
16982 #page-mod-forum-discuss.nested-v2-display-mode
.forum-post-container
.indent
.indent
.indent
.indent
{
16984 #page-mod-forum-discuss.nested-v2-display-mode
.group-image
{
16988 .filter-scrollable {
16991 margin-bottom: 1em; }
16993 .filter-dates-popover {
16995 max-width: 41.5em; }
16996 .filter-dates-popover .mform {
16997 margin-left: -3em; }
16999 /* stylelint-disable-line max-line-length */
17000 @keyframes expandSearchButton
{
17004 border-radius: 18px;
17005 background-color: #e9ecef; }
17008 height: calc
(1.5em + 1rem + 2px);
17010 background-color: #fff;
17011 border-color: #8f959e;
17012 padding-left: calc
(0.5rem + 8px);
17013 padding-top: 0.5rem;
17014 padding-bottom: 0.5rem;
17015 font-size: 1.171875rem;
17016 @media
(max-width: 1200px) {
17017 font-size: calc
(0.9271875rem + 0.32625vw) ; }
17021 @keyframes collapseSearchButton
{
17024 height: calc
(1.5em + 1rem + 2px);
17026 background-color: #fff;
17027 border-color: #8f959e;
17028 padding-left: calc
(0.5rem + 8px);
17029 padding-top: 0.5rem;
17030 padding-bottom: 0.5rem;
17031 font-size: 1.171875rem;
17032 @media
(max-width: 1200px) {
17033 font-size: calc
(0.9271875rem + 0.32625vw) ; }
17039 border-radius: 18px;
17040 background-color: #e9ecef; } }
17042 .path-mod-forum .unified-grader .navbar {
17046 .path-mod-forum .unified-grader .body-container {
17048 .path-mod-forum .unified-grader .body-container.hidden {
17049 display: none
!important
;
17050 /* stylelint-disable-line declaration-no-important */ }
17052 .path-mod-forum .unified-grader .userpicture {
17056 .path-mod-forum .unified-grader .grader-grading-panel {
17058 position: absolute
;
17062 .path-mod-forum .unified-grader .grader-grading-panel.hidden {
17064 .path-mod-forum .unified-grader .grader-grading-panel .grading-icon {
17066 .path-mod-forum .unified-grader .grader-grading-panel .user-picker-container .user-full-name {
17067 max-width: 240px; }
17068 .path-mod-forum .unified-grader .grader-grading-panel .user-picker-container .page-link {
17072 text-align: center
;
17073 align-items: center
;
17074 justify-content: center
; }
17075 .path-mod-forum .unified-grader .grader-grading-panel .header-container {
17077 position: relative
;
17078 overflow: hidden
; }
17079 .path-mod-forum .unified-grader .grader-grading-panel .header-container .info-container {
17080 position: absolute
;
17083 transform: translateY
(-50%);
17087 padding-right: calc
(36px + 0.5rem);
17089 visibility: visible
;
17090 transition: left
0.3s ease-in-out
;
17092 .path-mod-forum .unified-grader .grader-grading-panel .header-container .toggle-search-button.expand {
17093 animation-name: expandSearchButton
;
17094 animation-duration: 0.3s;
17095 animation-timing-function: ease-in-out
; }
17096 .path-mod-forum .unified-grader .grader-grading-panel .header-container .toggle-search-button.collapse {
17098 animation-name: collapseSearchButton
;
17099 animation-duration: 0.3s; }
17100 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container {
17102 position: absolute
;
17105 transform: translateY
(-50%);
17108 height: 100% !important
;
17109 /* stylelint-disable-line declaration-no-important */
17111 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container {
17112 position: relative
;
17114 flex-wrap: nowrap
; }
17115 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container input {
17116 padding-left: calc
(0.5rem + 0.5rem + 34px);
17117 padding-right: calc
(0.5rem + 36px);
17119 visibility: visible
;
17120 transition: opacity
0s linear
0.3s, visibility
0s linear
; }
17121 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .search-icon {
17122 position: absolute
;
17125 transform: translateY
(-50%);
17129 background-color: #fff;
17131 visibility: visible
;
17132 transition: opacity
0s linear
0.3s, visibility
0s linear
0.3s; }
17133 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .toggle-search-button {
17134 position: absolute
;
17137 transform: translateY
(-50%);
17142 transition: right
0s linear
0.3s; }
17143 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .toggle-search-button .expanded-icon {
17145 visibility: visible
;
17148 transition: opacity
0s linear
0.3s, max-height
0s linear
0.3s, max-width
0s linear
0.3s, visibility
0s linear
0.3s; }
17149 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .toggle-search-button .collapsed-icon {
17151 visibility: hidden
;
17155 transition: opacity
0s linear
0.3s, max-height
0s linear
0.3s, max-width
0s linear
0.3s, visibility
0s linear
0.3s; }
17156 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed {
17157 width: calc
(36px + 0.5rem + 0.5rem);
17158 transition: width
0.3s ease-in-out
; }
17159 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container {
17160 flex-wrap: nowrap
; }
17161 .path-mod-forum
.unified-grader
.grader-grading-panel
.header-container
.user-search-container
.collapsed
.search-input-container input
,
17162 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container .search-icon {
17164 visibility: hidden
;
17165 transition: opacity
0s linear
, visibility
0s linear
; }
17166 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container input {
17168 padding-right: 0; }
17169 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container .toggle-search-button .expanded-icon {
17171 visibility: hidden
;
17175 transition: opacity
0s linear
, max-height
0s linear
, max-width
0s linear
, visibility
0s linear
; }
17176 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container .toggle-search-button .collapsed-icon {
17178 visibility: visible
;
17181 transition: opacity
0s linear
, max-height
0s linear
, max-width
0s linear
, visibility
0s linear
; }
17182 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container:not(.collapsed) + .info-container {
17184 visibility: hidden
;
17185 left: calc
(100% * -1);
17186 transition: left
0.3s ease-in-out
, opacity
0s linear
0.3s, visibility
0s linear
0.3s, padding
0s linear
0.3s; }
17188 .path-mod-forum .unified-grader .grader-module-content {
17190 margin-right: 430px;
17191 transition: margin-right
0.2s ease-in-out
; }
17192 @media
(prefers-reduced-motion: reduce
) {
17193 .path-mod-forum .unified-grader .grader-module-content {
17194 transition: none
; } }
17196 .path-mod-forum .unified-grader .drawer-button {
17197 position: relative
; }
17198 .path-mod-forum .unified-grader .drawer-button.active::after {
17200 position: absolute
;
17201 bottom: calc
(-0.5rem - 1px);
17205 background-color: #0f6fc5; }
17206 .path-mod-forum .unified-grader .drawer-button .icon {
17211 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container:last-of-type > hr {
17214 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container:last-of-type > hr {
17217 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container {
17218 position: relative
; }
17219 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button {
17220 position: absolute
;
17225 padding-left: calc
(1rem + 45px);
17228 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button:not(.collapsed) {
17230 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content {
17232 height: auto
!important
;
17233 /* stylelint-disable-line declaration-no-important */ }
17234 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .header {
17235 transition: margin-bottom
0.3s ease-in-out
; }
17236 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .header div + div {
17238 visibility: visible
;
17240 transition: opacity
0.3s linear
, visibility
0s linear
; }
17241 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .body-content-container {
17243 visibility: visible
;
17245 transition: opacity
0.3s linear
, visibility
0s linear
; }
17246 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .forum-post-core {
17248 visibility: visible
;
17250 transition: opacity
0.3s linear
, visibility
0s linear
; }
17251 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content {
17253 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .header {
17254 margin-bottom: 0 !important
;
17255 /* stylelint-disable-line declaration-no-important */ }
17256 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .header div + div {
17258 visibility: hidden
;
17260 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .body-content-container {
17262 visibility: hidden
;
17264 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .forum-post-core {
17266 visibility: hidden
;
17268 .path-mod-forum
.unified-grader
.grader-module-content-display
.discussion-container
.posts-container
.parent-container
.show-content-button
.collapsed:hover
+ .content
,
17269 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed:focus + .content {
17272 .path-mod-forum .unified-grader .grader-module-content-display .no-post-container .icon {
17277 .path-mod-forum .unified-grader .grader-module-content-display .nested-v2-display-mode .discussion-container .posts-container .parent-container .show-content-button {
17278 padding-left: 94px; }
17280 .path-mod-forum .unified-grader .no-search-results-container .icon {
17285 .path-mod-forum .unified-grader .nested-v2-display-mode .view-context-button {
17287 border-radius: 0.3rem; }
17289 .path-mod-forum .unified-grader .nested-v2-display-mode .parent-container .author-image-container {
17290 position: relative
; }
17291 .path-mod-forum .unified-grader .nested-v2-display-mode .parent-container .author-image-container:after {
17292 position: absolute
;
17293 top: calc
(70px + 0.5rem);
17295 background-color: #e9ecef;
17297 height: calc
(100% - 70px + 0.5rem); }
17299 .path-mod-forum .unified-grader .nested-v2-display-mode .parent-container + .post-container .author-image-container img {
17300 width: 30px !important
;
17301 /* stylelint-disable-line declaration-no-important */ }
17303 .path-mod-forum
.unified-grader
.nested-v2-display-mode
.post-subject
,
17304 .path-mod-forum .modal .nested-v2-display-mode .post-subject {
17307 @media (max-width: 575.98px) {
17308 .path-mod-forum .unified-grader .grader-grading-panel {
17311 height: calc
(100vh - 50px);
17314 .path-mod-forum .unified-grader .body-container {
17315 overflow: visible
; } }
17317 .maincalendar
.calendarmonth td
,
17318 .maincalendar .calendarmonth th {
17319 border: 1px dotted
#dee2e6; }
17321 .path-grade-report-grader h1 {
17322 text-align: inherit
; }
17324 #page-mod-chat-gui_basic input#message
{
17327 #page-mod-data-view #singleimage
{
17330 .path-mod-data form {
17331 margin-top: 10px; }
17333 .template_heading {
17334 margin-top: 10px; }
17336 .breadcrumb-button {
17339 .breadcrumb-button .singlebutton {
17341 margin-left: 4px; }
17347 -ms-touch-action: auto
; }
17352 /** General styles (scope: all of lesson) **/
17353 .path-mod-lesson .invisiblefieldset.fieldsetfix {
17356 .path-mod-lesson .answeroption .checkbox label p {
17359 .path-mod-lesson .form-inline label.form-check-label {
17360 display: inline-block
; }
17362 .path-mod-lesson .slideshow {
17366 #page-mod-lesson-view .branchbuttoncontainer
.singlebutton button
[type
="submit"] {
17367 white-space: normal
; }
17369 #page-mod-lesson-view .vertical
.singlebutton
{
17371 #page-mod-lesson-view .vertical
.singlebutton
+ .singlebutton
{
17373 margin-top: 1rem; }
17375 #page-mod-lesson-view .fitem
.felement
.custom-select
{
17376 align-self: flex-start
; }
17378 .path-mod-lesson .generaltable td {
17379 vertical-align: middle
; }
17380 .path-mod-lesson .generaltable td label {
17381 margin-bottom: 0; }
17382 .path-mod-lesson .generaltable td .highlight {
17383 display: inline-block
;
17384 margin-left: 0.25rem; }
17385 .path-mod-lesson .generaltable td input[type="checkbox"] {
17388 .path-mod-wiki
.wiki_headingtitle
,
17389 .path-mod-wiki
.midpad
,
17390 .path-mod-wiki .wiki_headingtime {
17391 text-align: inherit
; }
17393 .path-mod-wiki .wiki_contentbox {
17396 .path-mod-survey .surveytable > tbody > tr:nth-of-type(even) {
17397 background-color: rgba
(0, 0, 0, 0.05); }
17399 .path-mod-survey .surveytable .rblock label {
17400 text-align: center
; }
17403 margin-left: 4px; }
17410 line-height: 2.25rem; }
17412 .userloggedinas
.usermenu
.usertext
,
17413 .userswitchedrole
.usermenu
.usertext
,
17414 .loginfailures .usermenu .usertext {
17417 margin-right: 0.5rem;
17419 .userloggedinas
.usermenu
.usertext
.meta
,
17420 .userswitchedrole
.usermenu
.usertext
.meta
,
17421 .loginfailures .usermenu .usertext .meta {
17423 font-size: 0.8203125rem; }
17425 .userloggedinas
.usermenu
.avatar img
,
17426 .userswitchedrole
.usermenu
.avatar img
,
17427 .loginfailures .usermenu .avatar img {
17430 .userloggedinas .usermenu .userbutton .avatars {
17431 position: relative
;
17432 display: inline-block
; }
17433 .userloggedinas .usermenu .userbutton .avatars .avatar.current {
17434 display: inline-block
;
17435 position: absolute
;
17440 border-radius: 50%; }
17441 .userloggedinas .usermenu .userbutton .avatars .avatar.current img {
17442 vertical-align: baseline
; }
17443 .userloggedinas .usermenu .userbutton .avatars .avatar img {
17446 .userloggedinas .usermenu .userbutton .avatars .realuser {
17449 display: inline-block
; }
17451 @media (max-width: 767.98px) {
17455 .path-mod-quiz .mod-quiz-edit-content {
17456 margin-bottom: 10rem; }
17458 #page-mod-quiz-mod #id_reviewoptionshdr
.col-md-3
,
17459 #page-mod-quiz-mod #id_reviewoptionshdr
.col-md-9
{
17463 #page-mod-quiz-mod #id_reviewoptionshdr
.form-group
{
17466 display: inline-block
;
17467 min-height: 12rem; }
17469 #page-mod-quiz-mod #id_reviewoptionshdr
.btn-link
{
17471 vertical-align: bottom
; }
17473 #page-mod-quiz-mod #id_reviewoptionshdr
.form-inline
{
17477 #page-mod-quiz-mod #id_reviewoptionshdr
.form-check
{
17480 justify-content: flex-start
; }
17482 .path-mod-quiz #mod_quiz_navblock .qnbutton {
17483 text-decoration: none
;
17486 font-weight: normal
;
17487 background-color: #fff;
17488 background-image: none
;
17491 border-radius: 3px;
17494 margin: 0 6px 6px 0; }
17496 .path-mod-quiz #mod_quiz_navblock span.qnbutton {
17498 background-color: #e9ecef;
17501 .path-mod-quiz #mod_quiz_navblock a
.qnbutton:hover
,
17502 .path-mod-quiz #mod_quiz_navblock a
.qnbutton:active
,
17503 .path-mod-quiz #mod_quiz_navblock a.qnbutton:focus {
17504 text-decoration: underline
; }
17506 .path-mod-quiz #mod_quiz_navblock .qnbutton .thispageholder {
17508 border-radius: 3px;
17511 .path-mod-quiz #mod_quiz_navblock .qnbutton.thispage .thispageholder {
17512 border-width: 3px; }
17514 .path-mod-quiz #mod_quiz_navblock .allquestionsononepage .qnbutton.thispage .thispageholder {
17515 border-width: 1px; }
17517 .path-mod-quiz #mod_quiz_navblock .qnbutton.flagged .thispageholder {
17518 background: transparent url
([[pix:theme|mod
/quiz
/flag-on
]]) 15px 0 no-repeat
; }
17520 .path-mod-quiz #mod_quiz_navblock .qnbutton .trafficlight {
17522 background: #fff none center
/10px no-repeat scroll
;
17525 border-radius: 0 0 3px 3px; }
17527 .path-mod-quiz #mod_quiz_navblock
.qnbutton
.notyetanswered
.trafficlight
,
17528 .path-mod-quiz #mod_quiz_navblock .qnbutton.invalidanswer .trafficlight {
17529 background-color: #fff; }
17531 .path-mod-quiz #mod_quiz_navblock .qnbutton.invalidanswer .trafficlight {
17532 background-image: url
([[pix:theme|mod
/quiz
/warningtriangle
]]); }
17534 .path-mod-quiz #mod_quiz_navblock .qnbutton.correct .trafficlight {
17535 background-image: url
([[pix:theme|mod
/quiz
/checkmark
]]);
17536 background-color: #357a32; }
17538 .path-mod-quiz #mod_quiz_navblock .qnbutton.blocked .trafficlight {
17539 background-image: url
([[pix:core|t
/locked
]]);
17540 background-color: #e9ecef; }
17542 .path-mod-quiz #mod_quiz_navblock
.qnbutton
.notanswered
.trafficlight
,
17543 .path-mod-quiz #mod_quiz_navblock .qnbutton.incorrect .trafficlight {
17544 background-color: #ca3120; }
17546 .path-mod-quiz #mod_quiz_navblock .qnbutton.partiallycorrect .trafficlight {
17547 background-image: url
([[pix:theme|mod
/quiz
/whitecircle
]]);
17548 background-color: #f0ad4e; }
17550 .path-mod-quiz #mod_quiz_navblock
.qnbutton
.complete
.trafficlight
,
17551 .path-mod-quiz #mod_quiz_navblock
.qnbutton
.answersaved
.trafficlight
,
17552 .path-mod-quiz #mod_quiz_navblock .qnbutton.requiresgrading .trafficlight {
17553 background-color: #6c757d; }
17555 #page-mod-quiz-edit ul
.slots li
.section li
.activity
.instancemaxmarkcontainer form input
{
17557 vertical-align: middle
; }
17559 #page-mod-quiz-edit ul
.slots li
.section li
.activity
.instancemaxmarkcontainer
{
17563 /* Countdown timer. */
17564 #page-mod-quiz-attempt #region-main
{
17565 overflow-x: inherit
; }
17567 #quiz-timer-wrapper {
17570 justify-content: end
;
17573 #quiz-timer-wrapper #quiz-timer
{
17574 border: 1px solid
#ca3120;
17575 background-color: #fff; }
17577 .pagelayout-embedded #quiz-timer-wrapper {
17580 #quiz-timer-wrapper #quiz-timer
.timeleft0
{
17581 background-color: #ca3120;
17584 #quiz-timer-wrapper #quiz-timer
.timeleft1
{
17585 background-color: #d73422;
17588 #quiz-timer-wrapper #quiz-timer
.timeleft2
{
17589 background-color: #dd3d2b;
17592 #quiz-timer-wrapper #quiz-timer
.timeleft3
{
17593 background-color: #e04938;
17596 #quiz-timer-wrapper #quiz-timer
.timeleft4
{
17597 background-color: #e25546;
17600 #quiz-timer-wrapper #quiz-timer
.timeleft5
{
17601 background-color: #e46153;
17604 #quiz-timer-wrapper #quiz-timer
.timeleft6
{
17605 background-color: #e66d60;
17608 #quiz-timer-wrapper #quiz-timer
.timeleft7
{
17609 background-color: #e8796d;
17612 #quiz-timer-wrapper #quiz-timer
.timeleft8
{
17613 background-color: #ea867a;
17616 #quiz-timer-wrapper #quiz-timer
.timeleft9
{
17617 background-color: #ec9288;
17620 #quiz-timer-wrapper #quiz-timer
.timeleft10
{
17621 background-color: #ee9e95;
17624 #quiz-timer-wrapper #quiz-timer
.timeleft11
{
17625 background-color: #f0aaa2;
17628 #quiz-timer-wrapper #quiz-timer
.timeleft12
{
17629 background-color: #f2b6af;
17632 #quiz-timer-wrapper #quiz-timer
.timeleft13
{
17633 background-color: #f4c2bc;
17636 #quiz-timer-wrapper #quiz-timer
.timeleft14
{
17637 background-color: #f7ceca;
17640 #quiz-timer-wrapper #quiz-timer
.timeleft15
{
17641 background-color: #f9dad7;
17644 #quiz-timer-wrapper #quiz-timer
.timeleft16
{
17645 background-color: #fbe6e4;
17648 .path-mod-assign [data-region="grade-actions-panel"] [data-region="grade-actions"] .collapse-buttons {
17651 .path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fcontainer .fitem.popout .felement {
17652 height: calc
(100% - 4rem); }
17654 .path-mod-assign [data-region="grade-panel"] {
17655 padding-top: 1rem; }
17657 .path-mod-assign
[data-region
="grade-panel"] .fitem
> .col-md-3
,
17658 .path-mod-assign [data-region="grade-panel"] .fitem > .col-md-9 {
17664 .path-mod-assign
[data-region
="grade-panel"] fieldset
,
17665 .path-mod-assign [data-region="grade-panel"] .fitem.row {
17668 .path-mod-assign [data-region="grade-panel"] .mform .fitem.has-popout .felement {
17671 .path-mod-assign [data-region="grade-panel"] .mform .fitem .felement {
17674 .path-mod-assign [data-region="grade-panel"] .popout {
17675 background-color: #fff; }
17677 .path-mod-assign [data-region="grade-panel"] .fitem.has-popout {
17678 background-color: #fff;
17679 border: 1px solid rgba
(0, 0, 0, 0.125);
17681 margin-bottom: 1rem; }
17683 .path-mod-assign [data-region="grade-panel"] .has-popout .col-md-3 {
17684 border-bottom: 1px solid rgba
(0, 0, 0, 0.1);
17685 margin-bottom: 1rem; }
17687 .path-mod-assign [data-region="grade-panel"] .popout > .col-md-3 {
17689 align-items: flex-start
;
17690 justify-content: space-between
;
17691 font-size: 1.40625rem; }
17693 .path-mod-assign [data-region="grade-panel"] .popout [data-region="popout-button"] {
17696 .path-mod-assign [data-region="assignment-info"] {
17697 overflow-y: hidden
; }
17699 .path-mod-assign [data-region="grading-navigation"] {
17702 .path-mod-assign [data-region="grade-actions"] {
17705 .path-mod-assign [data-region="user-info"] .img-rounded {
17708 .path-mod-assign [data-region="grading-navigation-panel"] {
17711 @media (max-width: 767px) {
17712 .path-mod-assign [data-region="grading-navigation-panel"] {
17714 .path-mod-assign [data-region="user-info"] {
17715 margin-top: 1rem; } }
17717 .path-mod-assign [data-region="grading-navigation"] [data-region="input-field"] input {
17719 display: inline-block
; }
17724 .assignfeedback_editpdf_widget * {
17725 box-sizing: content-box
; }
17727 .assignfeedback_editpdf_widget button {
17728 box-sizing: border-box
; }
17730 .assignfeedback_editpdf_widget .commentcolourbutton img {
17733 .assignfeedback_editpdf_widget .label {
17734 position: relative
;
17735 padding: 0.75rem 1.25rem;
17736 margin-bottom: 1rem;
17737 border: 0 solid transparent
;
17739 background-color: #cce6ea;
17740 border-color: #b8dce2;
17741 /* stylelint-disable-line max-line-length */ }
17742 .assignfeedback_editpdf_widget .label hr {
17743 border-top-color: #a6d3db; }
17744 .assignfeedback_editpdf_widget .label .alert-link {
17747 .assignfeedback_editpdf_menu {
17750 .path-mod-assign [data-region="grade-panel"] .gradingform_guide .remark .commentchooser {
17753 .path-mod-assign [data-region="grade-panel"] .gradingform_guide .markingguideremark {
17756 .path-mod-assign [data-region="grade-panel"] .mform .fitem .felement[data-fieldtype="grading"] {
17757 padding-left: 1rem;
17758 padding-right: 1rem; }
17760 .path-mod-assign
[data-region
="grade-panel"] .showmarkerdesc
,
17761 .path-mod-assign [data-region="grade-panel"] .showstudentdesc {
17762 background-color: #fff; }
17767 .path-admin-mod-lti
.btn
.loader img
,
17768 .path-admin-mod-lti #tool-list-loader-container .loader img {
17771 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax {
17772 background-color: #fff; }
17773 .yui-skin-sam
.yui-layout
.path-mod-chat-gui_ajax
.yui-layout-unit div
.yui-layout-bd-nohd
,
17774 .yui-skin-sam
.yui-layout
.path-mod-chat-gui_ajax
.yui-layout-unit div
.yui-layout-bd-noft
,
17775 .yui-skin-sam
.yui-layout
.path-mod-chat-gui_ajax
.yui-layout-unit div
.yui-layout-bd
,
17776 .yui-skin-sam
.yui-layout
.path-mod-chat-gui_ajax
.yui-layout-unit-right
,
17777 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-bottom {
17779 .yui-skin-sam
.yui-layout
.path-mod-chat-gui_ajax
.yui-layout-unit-right
,
17780 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-bottom {
17781 border-radius: 0; }
17782 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd {
17783 background-color: transparent
; }
17784 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit.yui-layout-unit-center div.yui-layout-bd {
17785 background-color: #f8f9fa; }
17786 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area.py-3 {
17787 padding: 0 !important
;
17788 /* stylelint-disable-line declaration-no-important */ }
17789 .yui-skin-sam
.yui-layout
.path-mod-chat-gui_ajax #chat-input-area table
.generaltable
,
17790 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.generaltable td.cell {
17793 white-space: nowrap
;
17794 margin-bottom: 0; }
17795 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist {
17796 padding: 10px 5px; }
17797 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list {
17798 border-top: 1px solid
#dee2e6;
17799 border-bottom: 1px solid
#fff; }
17800 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list li {
17801 border-top: 1px solid
#fff;
17802 border-bottom: 1px solid
#dee2e6;
17803 padding: 5px 10px; }
17804 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list img {
17806 border: 1px solid
#ccc;
17807 border-radius: 4px;
17809 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages {
17810 margin: 20px 25px; }
17811 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-event.course-theme {
17812 text-align: center
;
17814 font-size: 0.8203125rem;
17816 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme {
17817 margin-bottom: 0.75rem;
17818 border: 1px solid rgba
(0, 0, 0, 0.125);
17819 padding: 1.25rem; }
17820 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme .time {
17824 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme {
17825 background-color: #fff; }
17826 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme .user {
17827 font-weight: bold
; }
17830 #page-report-participation-index .participationselectform div label
{
17831 display: inline-block
;
17834 #page-report-participation-index .participationselectform div label
[for
=menuinstanceid
] {
17837 .path-backup .mform {
17838 /* These are long labels with checkboxes on the right. */ }
17839 .path-backup .mform .grouped_settings {
17842 /* Use card styles but avoid extend because that brings in too much. */ }
17843 .path-backup .mform .grouped_settings.section_level {
17844 background-color: #fff;
17845 border: 1px solid rgba
(0, 0, 0, 0.125);
17847 margin-bottom: 1.25rem; }
17848 .path-backup .mform .grouped_settings.section_level::after {
17852 .path-backup .mform .include_setting {
17854 display: inline-block
;
17857 .path-backup .mform .normal_setting {
17859 display: inline-block
;
17864 /* Bold section labels */ }
17865 .path-backup .section_level {
17866 font-weight: bold
; }
17867 .path-backup .section_level .activity_level {
17868 font-weight: normal
; }
17869 .path-backup .proceedbutton {
17870 margin-left: auto
; }
17872 /* Override the columns width to leave more room for the labels. */
17873 .path-backup
.mform
.root_setting
,
17874 .path-backup .mform .grouped_settings {
17875 /* Striped rows like a table */ }
17876 .path-backup
.mform
.root_setting:nth-of-type
(odd
),
17877 .path-backup .mform .grouped_settings:nth-of-type(odd) {
17878 background-color: rgba
(0, 0, 0, 0.05); }
17879 .path-backup
.mform
.root_setting:nth-of-type
(even
),
17880 .path-backup .mform .grouped_settings:nth-of-type(even) {
17881 background-color: #fff; }
17882 .path-backup
.mform
.root_setting
.form-group
,
17883 .path-backup .mform .grouped_settings .form-group {
17884 /* These checkboxes with no label on the left. */ }
17885 .path-backup
.mform
.root_setting
.form-group
.col-md-3
.checkbox
,
17886 .path-backup .mform .grouped_settings .form-group .col-md-3.checkbox {
17888 .path-backup
.mform
.root_setting
.form-group
.col-md-9
.checkbox
,
17889 .path-backup .mform .grouped_settings .form-group .col-md-9.checkbox {
17893 /* Detail pair is (usually) some short label with a longer value */
17894 .path-backup .detail-pair .detail-pair-label {
17899 .path-backup .detail-pair .detail-pair-value {
17903 .path-backup .backup-restore .singlebutton {
17906 /* Make these bits full width and work with the detail-pair */
17907 .path-backup .backup-section {
17908 /* Fix for nested table headers */
17909 /* Add card styles to backup sections */
17910 background-color: #fff;
17911 border: 1px solid rgba
(0, 0, 0, 0.125);
17913 margin-bottom: 1.25rem; }
17914 .path-backup
.backup-section
.sub-header
,
17915 .path-backup
.backup-section
.backup-sub-section
,
17916 .path-backup
.backup-section
.singlebutton
,
17917 .path-backup .backup-section .header {
17921 .path-backup .backup-section th.header {
17924 .path-backup .backup-section ::after {
17928 .path-backup .backup-section::after {
17933 .path-backup .notification.dependencies_enforced {
17935 font-weight: bold
; }
17937 .path-backup .backup_progress {
17939 margin-bottom: 1rem; }
17940 .path-backup .backup_progress .backup_stage {
17942 .path-backup .backup_progress .backup_stage.backup_stage_current {
17946 .path-backup .backup_progress span.backup_stage.backup_stage_complete {
17949 #page-backup-restore .filealiasesfailures
{
17950 background-color: #f4d6d2; }
17951 #page-backup-restore .filealiasesfailures
.aliaseslist
{
17952 background-color: #fff; }
17954 .path-backup .wibbler {
17956 margin: 0 auto
10px;
17957 border-bottom: 1px solid black
;
17958 border-right: 1px solid black
;
17959 border-left: 1px solid black
;
17960 position: relative
;
17962 .path-backup .wibbler .wibble {
17963 position: absolute
;
17968 .path-backup .wibbler .state0 {
17969 background: #eee; }
17970 .path-backup .wibbler .state1 {
17971 background: #ddd; }
17972 .path-backup .wibbler .state2 {
17973 background: #ccc; }
17974 .path-backup .wibbler .state3 {
17975 background: #bbb; }
17976 .path-backup .wibbler .state4 {
17977 background: #aaa; }
17978 .path-backup .wibbler .state5 {
17979 background: #999; }
17980 .path-backup .wibbler .state6 {
17981 background: #888; }
17982 .path-backup .wibbler .state7 {
17983 background: #777; }
17984 .path-backup .wibbler .state8 {
17985 background: #666; }
17986 .path-backup .wibbler .state9 {
17987 background: #555; }
17988 .path-backup .wibbler .state10 {
17989 background: #444; }
17990 .path-backup .wibbler .state11 {
17991 background: #333; }
17992 .path-backup .wibbler .state12 {
17993 background: #222; }
17997 margin-bottom: 1rem;
18002 vertical-align: top
;
18003 border-top: 1px solid
#dee2e6; }
18004 .generaltable thead th {
18005 vertical-align: bottom
;
18006 border-bottom: 2px solid
#dee2e6; }
18007 .generaltable tbody + tbody {
18008 border-top: 2px solid
#dee2e6; }
18009 .generaltable tbody tr:nth-of-type(odd) {
18010 background-color: rgba
(0, 0, 0, 0.05); }
18011 .generaltable
.table-sm th
,
18012 .generaltable.table-sm td {
18014 .generaltable tbody tr:hover {
18016 background-color: rgba
(0, 0, 0, 0.075); }
18023 caption-side: top
; }
18025 .table-dynamic .loading-icon {
18026 position: absolute
;
18027 left: calc
(50% - 1.5rem);
18029 .table-dynamic .loading-icon .icon {
18035 display: inline-block
; }
18036 .singlebutton + .singlebutton {
18037 margin-left: 0.5rem; }
18040 text-align: center
; }
18044 text-align: center
; }
18047 margin-top: 11.25rem;
18048 text-align: center
;
18049 margin-bottom: 3em; }
18050 #addcontrols label
{
18053 #addcontrols input
,
18054 #removecontrols input
{
18059 margin: 0 0 10px 5px; }
18067 border-radius: 50%;
18069 .btn.btn-icon:hover, .btn.btn-icon:focus {
18070 background-color: #e9ecef; }
18071 .btn.btn-icon.icon-size-0 {
18072 height: 20px !important
;
18073 /* stylelint-disable-line declaration-no-important */
18074 width: 20px !important
;
18075 /* stylelint-disable-line declaration-no-important */
18076 font-size: 0 !important
;
18077 /* stylelint-disable-line declaration-no-important */
18078 line-height: 0 !important
;
18079 /* stylelint-disable-line declaration-no-important */ }
18080 .btn.btn-icon.icon-size-1 {
18081 height: 24px !important
;
18082 /* stylelint-disable-line declaration-no-important */
18083 width: 24px !important
;
18084 /* stylelint-disable-line declaration-no-important */
18085 font-size: 4px !important
;
18086 /* stylelint-disable-line declaration-no-important */
18087 line-height: 4px !important
;
18088 /* stylelint-disable-line declaration-no-important */ }
18089 .btn.btn-icon.icon-size-2 {
18090 height: 28px !important
;
18091 /* stylelint-disable-line declaration-no-important */
18092 width: 28px !important
;
18093 /* stylelint-disable-line declaration-no-important */
18094 font-size: 8px !important
;
18095 /* stylelint-disable-line declaration-no-important */
18096 line-height: 8px !important
;
18097 /* stylelint-disable-line declaration-no-important */ }
18098 .btn.btn-icon.icon-size-3 {
18099 height: 36px !important
;
18100 /* stylelint-disable-line declaration-no-important */
18101 width: 36px !important
;
18102 /* stylelint-disable-line declaration-no-important */
18103 font-size: 16px !important
;
18104 /* stylelint-disable-line declaration-no-important */
18105 line-height: 16px !important
;
18106 /* stylelint-disable-line declaration-no-important */ }
18107 .btn.btn-icon.icon-size-4 {
18108 height: 44px !important
;
18109 /* stylelint-disable-line declaration-no-important */
18110 width: 44px !important
;
18111 /* stylelint-disable-line declaration-no-important */
18112 font-size: 24px !important
;
18113 /* stylelint-disable-line declaration-no-important */
18114 line-height: 24px !important
;
18115 /* stylelint-disable-line declaration-no-important */ }
18116 .btn.btn-icon.icon-size-5 {
18117 height: 52px !important
;
18118 /* stylelint-disable-line declaration-no-important */
18119 width: 52px !important
;
18120 /* stylelint-disable-line declaration-no-important */
18121 font-size: 32px !important
;
18122 /* stylelint-disable-line declaration-no-important */
18123 line-height: 32px !important
;
18124 /* stylelint-disable-line declaration-no-important */ }
18125 .btn.btn-icon.icon-size-6 {
18126 height: 60px !important
;
18127 /* stylelint-disable-line declaration-no-important */
18128 width: 60px !important
;
18129 /* stylelint-disable-line declaration-no-important */
18130 font-size: 40px !important
;
18131 /* stylelint-disable-line declaration-no-important */
18132 line-height: 40px !important
;
18133 /* stylelint-disable-line declaration-no-important */ }
18134 .btn.btn-icon.icon-size-7 {
18135 height: 68px !important
;
18136 /* stylelint-disable-line declaration-no-important */
18137 width: 68px !important
;
18138 /* stylelint-disable-line declaration-no-important */
18139 font-size: 48px !important
;
18140 /* stylelint-disable-line declaration-no-important */
18141 line-height: 48px !important
;
18142 /* stylelint-disable-line declaration-no-important */ }
18144 .btn-primary:focus, .btn-primary.focus {
18145 outline: 0.2rem solid
#010407;
18146 box-shadow: inset
0 0 0 2px #fff; }
18148 .btn-secondary:focus, .btn-secondary.focus {
18149 outline: 0.2rem solid
#5f6e7d;
18150 box-shadow: inset
0 0 0 2px #fff; }
18152 .btn-success:focus, .btn-success.focus {
18153 outline: 0.2rem solid black
;
18154 box-shadow: inset
0 0 0 2px #fff; }
18156 .btn-info:focus, .btn-info.focus {
18157 outline: 0.2rem solid black
;
18158 box-shadow: inset
0 0 0 2px #fff; }
18160 .btn-warning:focus, .btn-warning.focus {
18161 outline: 0.2rem solid
#694109;
18162 box-shadow: inset
0 0 0 2px #fff; }
18164 .btn-danger:focus, .btn-danger.focus {
18165 outline: 0.2rem solid
#1a0604;
18166 box-shadow: inset
0 0 0 2px #fff; }
18168 .btn-light:focus, .btn-light.focus {
18169 outline: 0.2rem solid
#8193a5;
18170 box-shadow: inset
0 0 0 2px #fff; }
18172 .btn-dark:focus, .btn-dark.focus {
18173 outline: 0.2rem solid black
;
18174 box-shadow: inset
0 0 0 2px #fff; }
18176 .btn-outline-primary:focus, .btn-outline-primary.focus {
18177 outline: 0.2rem solid
#010407;
18178 box-shadow: inset
0 0 0 2px #343a40; }
18180 .btn-outline-secondary:focus, .btn-outline-secondary.focus {
18181 outline: 0.2rem solid
#5f6e7d;
18182 box-shadow: inset
0 0 0 2px #343a40; }
18184 .btn-outline-success:focus, .btn-outline-success.focus {
18185 outline: 0.2rem solid black
;
18186 box-shadow: inset
0 0 0 2px #343a40; }
18188 .btn-outline-info:focus, .btn-outline-info.focus {
18189 outline: 0.2rem solid black
;
18190 box-shadow: inset
0 0 0 2px #343a40; }
18192 .btn-outline-warning:focus, .btn-outline-warning.focus {
18193 outline: 0.2rem solid
#694109;
18194 box-shadow: inset
0 0 0 2px #343a40; }
18196 .btn-outline-danger:focus, .btn-outline-danger.focus {
18197 outline: 0.2rem solid
#1a0604;
18198 box-shadow: inset
0 0 0 2px #343a40; }
18200 .btn-outline-light:focus, .btn-outline-light.focus {
18201 outline: 0.2rem solid
#8193a5;
18202 box-shadow: inset
0 0 0 2px #343a40; }
18204 .btn-outline-dark:focus, .btn-outline-dark.focus {
18205 outline: 0.2rem solid black
;
18206 box-shadow: inset
0 0 0 2px #343a40; }
18209 font-size: 0.9375rem; }
18211 .gradetreebox th
.cell
,
18212 .gradetreebox input[type=text] {
18215 .gradetreebox input
[type
=text
],
18216 .gradetreebox select {
18217 margin-bottom: 0; }
18219 .core_grades_notices .singlebutton {
18220 display: inline-block
; }
18222 .path-grade-report #maincontent + .urlselect {
18223 position: absolute
;
18226 .path-grade-report-grader #region-main {
18227 overflow-x: visible
;
18230 display: inline-flex
;
18231 flex-direction: column
; }
18232 .path-grade-report-grader #region-main > .card {
18234 overflow-x: initial
; }
18235 .path-grade-report-grader #region-main div[role="main"] {
18238 .path-grade-report-grader [data-region="blocks-column"] {
18242 #page-grade-grading-manage #activemethodselector label
{
18243 display: inline-block
; }
18245 #page-grade-grading-manage #activemethodselector
.helptooltip
{
18246 margin-right: 0.5em; }
18248 #page-grade-grading-manage .actions
{
18250 text-align: center
;
18251 margin-bottom: 1em; }
18252 #page-grade-grading-manage .actions
.action
{
18253 display: inline-block
;
18254 position: relative
;
18255 vertical-align: top
;
18257 text-align: center
;
18261 border: 1px solid
#aaa; }
18262 #page-grade-grading-manage .actions
.action
.action-text
{
18263 position: relative
;
18266 white-space: normal
; }
18268 #page-grade-grading-form-rubric-edit .gradingform_rubric_editform
.status
{
18271 #rubric-rubric.gradingform_rubric #rubric-criteria
{
18272 margin-bottom: 1em; }
18273 #rubric-rubric.gradingform_rubric #rubric-criteria
.criterion
.description
{
18274 vertical-align: top
;
18276 #rubric-rubric.gradingform_rubric #rubric-criteria
.criterion
.description textarea
{
18279 #rubric-rubric.gradingform_rubric #rubric-criteria
.criterion
.definition textarea
{
18281 margin-bottom: 0; }
18282 #rubric-rubric.gradingform_rubric #rubric-criteria
.criterion
.score
{
18283 position: relative
;
18285 margin-right: 28px; }
18286 #rubric-rubric.gradingform_rubric #rubric-criteria
.criterion
.score input
{
18287 margin-bottom: 0; }
18288 #rubric-rubric.gradingform_rubric #rubric-criteria
.criterion
.level
{
18289 vertical-align: top
;
18291 #rubric-rubric.gradingform_rubric #rubric-criteria
.criterion
.level
.delete
{
18292 position: relative
;
18298 #rubric-rubric.gradingform_rubric #rubric-criteria
.criterion
.level
.delete input
{
18300 position: absolute
;
18306 #rubric-rubric.gradingform_rubric #rubric-criteria
.criterion
.level
.delete
input:hover
{
18307 background-color: #ddd; }
18308 #rubric-rubric.gradingform_rubric #rubric-criteria
.criterion
.scorevalue input
{
18311 #rubric-rubric.gradingform_rubric #rubric-criteria
.criterion
.scorevalue input
.hiddenelement
, #rubric-rubric
.gradingform_rubric #rubric-criteria
.criterion
.scorevalue input
.pseudotablink
{
18313 #rubric-rubric.gradingform_rubric #rubric-criteria
.criterion
.addlevel
{
18314 vertical-align: top
;
18315 padding-top: 6px; }
18316 #rubric-rubric.gradingform_rubric #rubric-criteria
.criterion
.addlevel input
{
18318 line-height: 1rem; }
18320 #rubric-rubric.gradingform_rubric
.addcriterion
{
18323 margin-bottom: 1em; }
18324 #rubric-rubric.gradingform_rubric
.addcriterion input
{
18327 text-shadow: inherit
;
18329 line-height: inherit
;
18330 background: transparent url
([[pix:t
/add
]]) no-repeat
7px 8px;
18331 padding-left: 26px; }
18333 #rubric-rubric.gradingform_rubric
.options
{
18335 #rubric-rubric.gradingform_rubric
.options
.option label
{
18338 font-size: inherit
;
18339 font-weight: normal
;
18343 background-color: transparent
; }
18344 #rubric-rubric.gradingform_rubric
.options
.option input
{
18346 margin-right: 12px; }
18348 .grade-display .description {
18351 .criterion .description {
18354 .criterion .criterion-toggle .expanded-icon {
18357 .criterion .criterion-toggle .collapsed-icon {
18360 .criterion .criterion-toggle.collapsed .expanded-icon {
18363 .criterion .criterion-toggle.collapsed .collapsed-icon {
18366 .path-grade-edit-tree .setup-grades h4 {
18369 .path-grade-edit-tree .setup-grades .column-rowspan {
18375 .path-grade-edit-tree .setup-grades .category td.column-name {
18378 .path-grade-edit-tree .setup-grades td.column-name {
18379 padding-left: 24px; }
18381 .path-grade-edit-tree .setup-grades td.movehere {
18384 .path-grade-edit-tree .setup-grades td.movehere a.movehere {
18388 border: 2px dashed
#343a40; }
18390 .path-grade-edit-tree
.setup-grades
.category input
[type
="text"],
18391 .path-grade-edit-tree
.setup-grades
.category
.column-range
,
18392 .path-grade-edit-tree
.setup-grades
.categoryitem
,
18393 .path-grade-edit-tree .setup-grades .courseitem {
18394 font-weight: bold
; }
18396 .path-grade-edit-tree .setup-grades .emptyrow {
18399 .path-grade-edit-tree .setup-grades .gradeitemdescription {
18400 font-weight: normal
;
18401 padding-left: 24px; }
18403 .path-grade-edit-tree .setup-grades .column-weight {
18404 white-space: nowrap
; }
18405 .path-grade-edit-tree .setup-grades .column-weight.level3 {
18406 padding-left: 37px; }
18407 .path-grade-edit-tree .setup-grades .column-weight.level4 {
18408 padding-left: 66px; }
18409 .path-grade-edit-tree .setup-grades .column-weight.level5 {
18410 padding-left: 95px; }
18411 .path-grade-edit-tree .setup-grades .column-weight.level6 {
18412 padding-left: 124px; }
18413 .path-grade-edit-tree .setup-grades .column-weight.level7 {
18414 padding-left: 153px; }
18415 .path-grade-edit-tree .setup-grades .column-weight.level8 {
18416 padding-left: 182px; }
18417 .path-grade-edit-tree .setup-grades .column-weight.level9 {
18418 padding-left: 211px; }
18419 .path-grade-edit-tree .setup-grades .column-weight.level10 {
18420 padding-left: 240px; }
18422 .path-grade-edit-tree .setup-grades .column-range.level2 {
18423 padding-left: 37px; }
18425 .path-grade-edit-tree .setup-grades .column-range.level3 {
18426 padding-left: 66px; }
18428 .path-grade-edit-tree .setup-grades .column-range.level4 {
18429 padding-left: 95px; }
18431 .path-grade-edit-tree .setup-grades .column-range.level5 {
18432 padding-left: 124px; }
18434 .path-grade-edit-tree .setup-grades .column-range.level6 {
18435 padding-left: 153px; }
18437 .path-grade-edit-tree .setup-grades .column-range.level7 {
18438 padding-left: 182px; }
18440 .path-grade-edit-tree .setup-grades .column-range.level8 {
18441 padding-left: 211px; }
18443 .path-grade-edit-tree .setup-grades .column-range.level9 {
18444 padding-left: 240px; }
18446 .path-grade-edit-tree .setup-grades .column-range.level10 {
18447 padding-left: 269px; }
18449 .path-grade-edit-tree .setup-grades.generaltable .levelodd {
18450 background-color: rgba
(0, 0, 0, 0.05); }
18455 .path-grade-report-grader
.gradeparent tr
.cell
,
18456 .path-grade-report-grader .gradeparent .floater .cell {
18457 background-color: #fff; }
18459 .path-grade-report-grader
.gradeparent table
,
18460 .path-grade-report-grader .gradeparent .cell {
18461 border-color: #dee2e6; }
18463 .path-grade-report-grader
.gradeparent
.userrow
.odd
.cell
,
18464 .path-grade-report-grader
.gradeparent
.floater
.cell
.odd
,
18465 .path-grade-report-grader
.gradeparent
.heading
.cell
,
18466 .path-grade-report-grader
.gradeparent
.cell
.category
,
18467 .path-grade-report-grader .gradeparent .avg .cell {
18468 background-color: #f8f9fa; }
18470 .path-grade-report-grader .gradeparent table .clickable {
18476 .path-grade-report-user .user-grade {
18478 .path-grade-report-user .user-grade.generaltable .levelodd {
18479 background-color: rgba
(0, 0, 0, 0.05); }
18484 .path-grade-report-singleview input[name^="finalgrade"] {
18487 .columns-autoflow-1to1to1 {
18490 @media (max-width: 767px) {
18491 .columns-autoflow-1to1to1 {
18492 column-count: 1; } }
18494 /* some very targetted corrections to roll back nameclashes between
18495 * Moodle and Bootstrap like .row, .label, .content, .controls
18497 * Mostly relies on these styles being more specific than the Bootstrap
18498 * ones in order to overule them.
18501 .file-picker td.label {
18502 background: inherit
;
18507 white-space: normal
;
18509 font-size: inherit
;
18510 line-height: inherit
;
18511 text-align: inherit
; }
18513 .file-picker td.label {
18514 display: table-cell
;
18515 text-align: right
; }
18517 .choosercontainer #chooseform .option label {
18520 /* block.invisible vs .invisible
18521 * block.hidden vs .invisible
18523 * uses .invisible where the rest of Moodle uses @mixin dimmed
18524 * fixible in block renderer?
18526 * There's seems to be even more naming confusion here since,
18527 * blocks can be actually 'visible' (or not) to students,
18528 * marked 'visible' but really just dimmed to indicate to editors
18529 * that students can't see them or 'visible' to the user who
18530 * collapses them, 'visible' if you have the right role and in
18531 * different circumstances different sections of a block can
18532 * be 'visible' or not.
18534 * currently worked around in renderers.php function block{}
18535 * by rewriting the class name "invisible" to "dimmed",
18536 * though the blocks don't look particularly different apart
18537 * from their contents disappearing. Maybe try .muted? or
18538 * dimming all the edit icons apart from unhide, might be a
18539 * nice effect, though they'd still be active. Maybe reverse
18545 visibility: visible
;
18550 * very tricky to track down this when it goes wrong,
18551 * since the styles are applied to generated content
18553 * basically if you see things shifted left or right compared
18554 * with where they should be check for a .row
18557 margin-left: 0 !important
;
18558 /* stylelint-disable-line declaration-no-important */ }
18560 .forumpost
.row:before
,
18561 .forumpost .row:after {
18564 /* fieldset.hidden vs .hidden
18566 * Moodle uses fieldset.hidden for mforms, to signify a collection of
18567 * form elements that don't have a box drawn round them. Bootstrap
18568 * uses hidden for stuff that is hidden in various responsive modes.
18570 * Relatedly, there is also fieldset.invisiblefieldset which hides the
18571 * border and sets the display to inline.
18573 * Originally this just set block and visible, but it is used
18574 * in random question dialogue in Quiz,
18575 * that dialogue is hidden and shown, so when hidden the
18576 * above workaround leaves you with a button floating around
18580 visibility: inherit
; }
18582 /* .container vs .container
18584 * bootstrap uses .container to set the width of the layout at 960px or so, Moodle uses it
18585 * in the Quiz to contain the questions to add. If you don't overule the Bootstrap code,
18586 * it becomes near unuseable.
18588 #questionbank + .container
{
18591 body:not
(.jsenabled
) .dropdown:hover
> .dropdown-menu
{
18593 margin-top: -6px; }
18595 body:not
(.jsenabled
) .langmenu:hover
> .dropdown-menu
,
18596 .langmenu.open > .dropdown-menu {
18599 overflow-y: auto
; }
18601 .navbar.fixed-top .dropdown .dropdown-menu {
18602 max-height: calc
(100vh - 50px);
18603 overflow-y: auto
; }
18605 .page-item.active .page-link, .page-item.active .page-link:hover, .page-item.active .page-link:focus {
18606 z-index: inherit
; }
18608 /* Force positioning of popover arrows.
18610 * The Css prefixer used in Moodle does not support complex calc statements used
18611 * in Bootstrap 4 CSS. For example:
18612 * calc((0.5rem + 1px) * -1); is stripped out by lib/php-css-parser/Parser.php.
18613 * See MDL-61879. For now the arrow positions of popovers are fixed until this is resolved.
18615 .bs-popover-right
.arrow
, .bs-popover-auto
[x-placement^
="right"] .arrow
,
18616 .bs-popover-auto[x-placement^="right"] .arrow {
18619 .bs-popover-left
.arrow
, .bs-popover-auto
[x-placement^
="left"] .arrow
,
18620 .bs-popover-auto[x-placement^="left"] .arrow {
18623 .bs-popover-top
.arrow
, .bs-popover-auto
[x-placement^
="top"] .arrow
,
18624 .bs-popover-auto[x-placement^="top"] .arrow {
18627 .bs-popover-bottom
.arrow
, .bs-popover-auto
[x-placement^
="bottom"] .arrow
,
18628 .bs-popover-auto[x-placement^="bottom"] .arrow {
18632 word-wrap: normal
; }
18634 /* Add commented out carousel transistions back in.
18636 * The Css prefixer used in Moodle breaks on @supports syntax, See MDL-61515.
18638 .carousel-item-next
.carousel-item-left
,
18639 .carousel-item-prev.carousel-item-right {
18640 transform: translateX
(0); }
18642 .carousel-item-next
,
18643 .active.carousel-item-right {
18644 transform: translateX
(100%); }
18646 .carousel-item-prev
,
18647 .active.carousel-item-left {
18648 transform: translateX
(-100%); }
18651 * Reset all of the forced style on the page.
18652 * - Remove borders on header and content.
18653 * - Remove most of the vertical padding.
18654 * - Make the content region flex grow so it pushes things like the
18655 * next activity selector to the bottom of the page.
18657 body
.reset-style #page-header
.card
{
18659 body
.reset-style #page-header
.card
.page-header-headings h1
{
18660 margin-bottom: 0; }
18661 @media
(max-width: 767.98px) {
18662 body
.reset-style #page-header
.card
.card-body
{
18664 padding-right: 0; } }
18666 body
.reset-style #page-header
> div
{
18667 padding-top: 0 !important
;
18668 /* stylelint-disable-line declaration-no-important */
18669 padding-bottom: 0 !important
;
18670 /* stylelint-disable-line declaration-no-important */ }
18672 body
.reset-style #page-content
{
18673 padding-bottom: 0 !important
;
18674 /* stylelint-disable-line declaration-no-important */ }
18675 body
.reset-style #page-content #region-main-box #region-main
{
18677 display: inline-flex
;
18678 flex-direction: column
;
18682 padding-left: 1.25rem;
18683 padding-right: 1.25rem;
18684 vertical-align: top
; }
18685 body
.reset-style #page-content #region-main-box #region-main div
[role
="main"] {
18687 body
.reset-style #page-content #region-main-box #region-main
.activity-navigation
{
18688 overflow: hidden
; }
18689 body
.reset-style #page-content #region-main-box #region-main
.has-blocks
{
18690 width: calc
(100% - 375px); }
18691 @media
(max-width: 1199.98px) {
18692 body
.reset-style #page-content #region-main-box #region-main
.has-blocks
{
18694 @media
(max-width: 767.98px) {
18695 body
.reset-style #page-content #region-main-box #region-main
{
18697 padding-right: 0; } }
18698 body
.reset-style #page-content #region-main-box
[data-region
="blocks-column"] {
18699 margin-left: auto
; }
18700 @media
(max-width: 1199.98px) {
18701 body
.reset-style #page-content #region-main-box
{
18703 flex-direction: column
; } }
18705 body
.reset-style select
,
18706 body
.reset-style input
,
18707 body
.reset-style textarea
,
18708 body
.reset-style
.btn:not
(.btn-icon
) {
18709 border-radius: 0.3rem; }
18711 body
.behat-site
.fixed-top
{
18712 position: absolute
; }
18714 body
.behat-site
.dropdown-item
{
18715 margin-top: 4px !important
;
18716 /* stylelint-disable declaration-no-important */ }
18718 body
.behat-site
.drawer-ease
{
18719 -webkit-transition: initial
;
18720 -moz-transition: initial
;
18721 transition: initial
; }
18723 body
.behat-site
[data-region
="drawer"] {
18724 -webkit-transition: initial
;
18725 -moz-transition: initial
;
18726 transition: initial
;
18727 position: absolute
; }
18729 body
.behat-site
.custom-control
,
18730 body
.behat-site
.custom-switch
{
18733 body
.behat-site
.custom-control-input
{
18738 body
.behat-site
.custom-control-label::before
, body
.behat-site
.custom-control-label::after
{
18749 border: 1px solid
#000;
18751 vertical-align: baseline
;
18753 background-color: #ccc; }
18756 background-color: #ccf;
18757 font-weight: bold
; }
18760 background-color: #99c;
18761 font-weight: bold
; }
18764 * This file contains the styles required to make the footer sticky.
18773 flex-direction: column
; }
18774 #page-wrapper #page
{
18777 flex-direction: column
; }
18778 #page-wrapper #page #page-content
{
18780 #page-wrapper #page-footer
{
18784 position: relative
; }
18785 .popover-region.collapsed .popover-region-toggle:before, .popover-region.collapsed .popover-region-toggle:after {
18787 .popover-region.collapsed .popover-region-container {
18789 visibility: hidden
;
18792 transition: height
0.25s, opacity
101ms 0.25s, visibility
101ms 0.25s; }
18794 .popover-region-toggle {
18796 .popover-region-toggle::before {
18798 display: inline-block
;
18799 border-left: 10px solid transparent
;
18800 border-right: 10px solid transparent
;
18801 border-bottom: 10px solid
#ddd;
18802 position: absolute
;
18805 .popover-region-toggle::after {
18807 display: inline-block
;
18808 border-left: 9px solid transparent
;
18809 border-right: 9px solid transparent
;
18810 border-bottom: 9px solid
#fff;
18811 position: absolute
;
18818 border-radius: 2px;
18819 background-color: red
;
18823 position: absolute
;
18827 .popover-region-container {
18829 visibility: visible
;
18830 position: absolute
;
18835 border: 1px solid
#ddd;
18836 transition: height
0.25s;
18837 background-color: #fff;
18840 .popover-region-header-container {
18844 padding-right: 5px;
18845 border-bottom: 1px solid
#ddd;
18846 box-sizing: border-box
; }
18848 .popover-region-footer-container {
18850 text-align: center
;
18851 border-top: 1px solid
#ddd;
18852 background-color: #fff;
18853 padding-top: 3px; }
18855 .popover-region-header-text {
18859 line-height: 25px; }
18861 .popover-region-header-actions {
18863 .popover-region-header-actions > * {
18866 display: inline-block
; }
18867 .popover-region-header-actions .loading-icon {
18871 .popover-region-header-actions .newmessage-link {
18872 margin-right: 10px; }
18873 .popover-region-header-actions label {
18874 display: inline-block
;
18875 text-align: center
;
18876 margin-bottom: 0; }
18878 .popover-region-content-container {
18879 height: calc
(100% - 55px);
18882 -webkit-overflow-scrolling: touch
; }
18883 .popover-region-content-container > .loading-icon {
18885 text-align: center
;
18887 box-sizing: border-box
; }
18888 .popover-region-content-container .empty-message {
18890 text-align: center
;
18892 .popover-region-content-container.loading > .loading-icon {
18894 .popover-region-content-container.loading .empty-message {
18897 .navbar .popover-region.collapsed .popover-region-container {
18899 visibility: hidden
;
18902 transition: height
0.25s, opacity
101ms 0.25s, visibility
101ms 0.25s; }
18904 .navbar .count-container {
18906 border-radius: 2px;
18907 background-color: red
;
18911 position: absolute
;
18915 .navbar .popover-region-container {
18918 .content-item-container {
18920 border-bottom: 1px solid
#ddd;
18921 box-sizing: border-box
;
18923 position: relative
;
18927 text-decoration: none
; }
18928 .content-item-container:hover {
18930 background-color: #79b5e6; }
18931 .content-item-container:hover .content-item-footer .timestamp {
18933 .content-item-container.unread {
18935 background-color: #f4f4f4; }
18936 .content-item-container.unread:hover {
18938 background-color: #79b5e6; }
18939 .content-item-container.unread .content-item-body .notification-message {
18940 font-weight: 600; }
18941 .content-item-container .context-link {
18943 text-decoration: none
; }
18944 .content-item-container .content-item-body {
18945 box-sizing: border-box
;
18946 margin-bottom: 5px; }
18947 .content-item-container .content-item-footer {
18949 box-sizing: border-box
; }
18950 .content-item-container .content-item-footer .timestamp {
18955 margin-left: 24px; }
18956 .content-item-container .view-more {
18957 position: absolute
;
18961 line-height: 12px; }
18962 .content-item-container.notification .content-item-body .notification-image {
18963 display: inline-block
;
18967 .content-item-container.notification .content-item-body .notification-image img {
18969 .content-item-container.notification .content-item-body .notification-message {
18970 display: inline-block
;
18972 width: calc
(100% - 24px); }
18973 .content-item-container.selected {
18974 background-color: #4f94cd;
18976 border-color: #4f94cd; }
18977 .content-item-container.selected .content-item-footer .timestamp {
18980 .popover-region-notifications .popover-region-header-container .mark-all-read-button .normal-icon {
18981 display: inline-block
; }
18983 .popover-region-notifications .popover-region-header-container .mark-all-read-button.loading .normal-icon {
18986 .popover-region-notifications .popover-region-header-container .mark-all-read-button.loading .loading-icon {
18987 display: inline-block
; }
18989 .popover-region-notifications .all-notifications {
18991 visibility: visible
;
18993 overflow: hidden
; }
18994 .popover-region-notifications .all-notifications:empty + .empty-message {
18997 .popover-region-notifications .notification-image {
18998 display: inline-block
;
19000 vertical-align: top
; }
19001 .popover-region-notifications .notification-image img {
19004 .popover-region-notifications .notification-message {
19005 display: inline-block
;
19008 .popover-region-notifications .popover-region-content-container.loading .all-notifications:empty + .empty-message {
19011 .popover-region-messages .mark-all-read-button .normal-icon {
19012 display: inline-block
; }
19014 .popover-region-messages .mark-all-read-button.loading .normal-icon {
19017 .popover-region-messages .mark-all-read-button.loading .loading-icon {
19018 display: inline-block
; }
19020 .popover-region-messages .popover-region-content-container.loading .popover-region-content .messages:empty + .empty-message {
19023 .popover-region-messages .messages:empty + .empty-message {
19026 .popover-region-messages .content-item-container.unread .content-item-body {
19028 width: calc
(90% - 30px); }
19030 .popover-region-messages .content-item-container.unread .unread-count-container {
19031 display: inline-block
;
19033 text-align: center
;
19036 .popover-region-messages .content-item {
19039 box-sizing: border-box
; }
19041 .popover-region-messages .profile-image-container {
19043 display: inline-block
;
19044 text-align: center
;
19046 .popover-region-messages .profile-image-container img {
19048 display: inline-block
;
19049 vertical-align: middle
;
19050 border-radius: 50%; }
19052 .popover-region-messages .content-item-body {
19053 display: inline-block
;
19054 box-sizing: border-box
;
19055 width: calc
(100% - 30px);
19057 padding-left: 10px;
19058 overflow: hidden
; }
19059 .popover-region-messages .content-item-body h3 {
19064 .popover-region-messages .content-item-body p {
19067 .popover-region-messages .unread-count-container {
19070 @media (max-width: 767px) {
19071 .navbar .popover-region .popover-region-container {
19074 @media (max-width: 480px) {
19075 .navbar .popover-region .popover-region-container {
19085 * Tour step must sit above all other UI components.
19086 * The backdrop is the lowest point in the tour.
19087 * Everything else is in the container, and the target background should be at the same z-index.
19089 * ---- step backdrop
19090 * --- step container
19091 * --- step target background
19093 div
[data-flexitour
="backdrop"] {
19094 background-color: #000;
19098 div
[data-flexitour
="step-background-fader"],
19099 div
[data-flexitour
="step-background"] {
19102 span
[data-flexitour
="container"],
19103 div
[data-flexitour
="step-background-fader"],
19104 [data-flexitour
="step-backdrop"] > td
,
19105 [data-flexitour
="step-backdrop"] {
19108 span
[data-flexitour
="container"] .modal-dialog
{
19110 * Remove all margins to:
19111 * 1) ensure that the arrow touches the target; and
19112 * 2) ensure that the focus border touches the modal.
19116 span
[data-flexitour
="container"] div
[data-role
="arrow"] {
19117 border-width: 1rem; }
19119 span
[data-flexitour
="container"] div
[data-role
="arrow"],
19120 span
[data-flexitour
="container"] div
[data-role
="arrow"]:after
{
19121 position: absolute
;
19125 border-color: transparent
;
19126 border-style: solid
;
19127 border-width: 1rem; }
19129 span
[data-flexitour
="container"][x-placement
="top"], span
[data-flexitour
="container"][x-placement
="top-start"] {
19130 margin-bottom: 1rem; }
19131 span
[data-flexitour
="container"][x-placement
="top"] div
[data-role
="arrow"], span
[data-flexitour
="container"][x-placement
="top-start"] div
[data-role
="arrow"] {
19134 margin-left: -1rem;
19135 border-bottom-width: 0;
19136 border-top-color: rgba
(0, 0, 0, 0.25); }
19137 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
{
19139 margin-left: -1rem;
19141 border-bottom-width: 0;
19142 border-top-color: #fff; }
19144 span
[data-flexitour
="container"][x-placement
="bottom"], span
[data-flexitour
="container"][x-placement
="bottom-start"] {
19145 margin-top: 1rem; }
19146 span
[data-flexitour
="container"][x-placement
="bottom"] div
[data-role
="arrow"], span
[data-flexitour
="container"][x-placement
="bottom-start"] div
[data-role
="arrow"] {
19149 margin-left: -1rem;
19150 border-top-width: 0;
19151 border-bottom-color: rgba
(0, 0, 0, 0.25); }
19152 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
{
19154 margin-left: -1rem;
19156 border-top-width: 0;
19157 border-bottom-color: #fff; }
19159 span
[data-flexitour
="container"][x-placement
="left"], span
[data-flexitour
="container"][x-placement
="left-start"] {
19160 margin-right: 1rem; }
19161 span
[data-flexitour
="container"][x-placement
="left"] div
[data-role
="arrow"], span
[data-flexitour
="container"][x-placement
="left-start"] div
[data-role
="arrow"] {
19165 border-right-width: 0;
19166 border-left-color: rgba
(0, 0, 0, 0.25); }
19167 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
{
19171 border-right-width: 0;
19172 border-left-color: #fff; }
19174 span
[data-flexitour
="container"][x-placement
="right"], span
[data-flexitour
="container"][x-placement
="right-start"] {
19175 margin-left: 1rem; }
19176 span
[data-flexitour
="container"][x-placement
="right"] div
[data-role
="arrow"], span
[data-flexitour
="container"][x-placement
="right-start"] div
[data-role
="arrow"] {
19180 border-left-width: 0;
19181 border-right-color: rgba
(0, 0, 0, 0.25); }
19182 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
{
19186 border-left-width: 0;
19187 border-right-color: #fff; }
19189 [data-region
="drawer"] [data-flexitour
="container"] {
19191 margin-left: -15px;
19195 body
.drawer-open-left
.jsenabled
,
19196 body
.drawer-open-right
.jsenabled
{
19201 .modal .modal-body > .loading-icon {
19203 position: relative
;
19206 .modal .modal-body > .loading-icon .icon {
19207 position: absolute
;
19211 transform: translate
(-50%, -50%); }
19213 .layout.fullscreen {
19223 background-color: #fff; }
19224 .layout.fullscreen > div {
19227 .layout.fullscreen .loading-icon {
19229 margin-right: auto
;
19230 text-align: center
;
19231 display: inline-block
;
19235 .layout.fullscreen .loading-icon .icon {
19240 .form-control:-ms-input-placeholder {
19244 -webkit-appearance: none
;
19245 -moz-appearance: none
; }
19248 -webkit-appearance: none
;
19249 -moz-appearance: none
; }
19250 .custom-range::-webkit-slider-thumb, .custom-range::-moz-range-thumb, .custom-range::-ms-thumb {
19251 -webkit-appearance: none
;
19252 -moz-appearance: none
; }
19254 input
[type
="date"].form-control
,
19255 input
[type
="time"].form-control
,
19256 input
[type
="datetime-local"].form-control
,
19257 input
[type
="month"].form-control
{
19258 -webkit-appearance: none
;
19259 -moz-appearance: none
; }
19261 @media (min-width: 576px) {
19263 -webkit-column-gap: 1.25rem;
19264 -moz-column-gap: 1.25rem; } }
19267 -webkit-backface-visibility: hidden
; }
19270 -webkit-background-clip: border-box
; }
19272 .carousel-indicators li
,
19278 -webkit-background-clip: padding-box
; }
19281 -webkit-user-select: none
;
19282 -ms-user-select: none
; }
19285 -webkit-user-select: all
!important
;
19286 /* stylelint-disable-line declaration-no-important */
19287 -ms-user-select: none
; }
19289 .user-select-auto {
19290 -webkit-user-select: auto
!important
;
19291 /* stylelint-disable-line declaration-no-important */
19292 -ms-user-select: none
; }
19294 .user-select-none {
19295 -webkit-user-select: none
!important
;
19296 /* stylelint-disable-line declaration-no-important */
19297 -ms-user-select: none
; }
19299 .editor_atto_content_wrap {
19300 background-color: white
;
19303 .editor_atto_content {
19308 .editor_atto_content_wrap
,
19309 .editor_atto + textarea {
19313 .editor_atto + textarea {
19316 margin-top: -1px; }
19318 div
.editor_atto_toolbar
{
19320 background: #f2f2f2;
19322 border: 1px solid
#8f959e;
19324 padding: 0 0 9px 0; }
19326 div
.editor_atto_toolbar button
{
19334 div
.editor_atto_toolbar button
+ button
{
19335 border-left: 1px solid
#ccc; }
19337 div
.editor_atto_toolbar button
[disabled
] {
19342 .editor_atto_toolbar button:hover {
19343 background-image: radial-gradient
(ellipse at center
, #fff 60%, #dfdfdf 100%);
19344 background-color: #ebebeb; }
19346 .editor_atto_toolbar
button:active
,
19347 .editor_atto_toolbar button.highlight {
19348 background-image: radial-gradient
(ellipse at center
, #fff 40%, #dfdfdf 100%);
19349 background-color: #dfdfdf; }
19351 /* Make firefox button sizes match other browsers */
19352 div
.editor_atto_toolbar
button::-moz-focus-inner
{
19356 div
.editor_atto_toolbar button
.icon
{
19360 div
.editor_atto_toolbar div
.atto_group
{
19361 display: inline-block
;
19362 border: 1px solid
#ccc;
19363 border-bottom: 1px solid
#b3b3b3;
19364 border-radius: 4px;
19365 margin: 9px 0 0 9px;
19366 background: #fff; }
19368 .editor_atto_content img {
19373 /* IE8 places the images on top of each other if that is not set. */
19374 white-space: nowrap
; }
19376 .atto_menuentry .icon {
19383 .atto_menuentry h1
,
19384 .atto_menuentry h2
,
19385 .atto_menuentry p {
19388 /*.atto_form label.sameline {
19389 display: inline-block;
19392 .atto_form textarea
.fullwidth
,
19393 .atto_form input.fullwidth {
19399 /*.atto_form label {
19404 position: absolute
;
19410 .atto_control .icon {
19411 background-color: white
; }
19413 div
.editor_atto_content:focus
.atto_control
,
19414 div
.editor_atto_content:hover
.atto_control
{
19417 .editor_atto_menu.yui3-menu-hidden {
19420 /* Get broken images back in firefox */
19421 .editor_atto_content img:-moz-broken {
19422 -moz-force-broken-image-icon: 1;
19424 min-height: 24px; }
19426 /* Atto menu styling */
19427 .moodle-dialogue-base .editor_atto_menu .moodle-dialogue-content .moodle-dialogue-bd {
19431 .editor_atto_menu .dropdown-menu > li > a {
19432 margin: 3px 14px; }
19434 .editor_atto_menu .open ul.dropdown-menu {
19436 padding-bottom: 5px; }
19438 .editor_atto_wrap {
19439 position: relative
; }
19442 .editor_atto_wrap textarea {
19445 .editor_atto_notification
.atto_info
,
19446 .editor_atto_notification .atto_warning {
19447 display: inline-block
;
19448 background-color: #f2f2f2;
19451 padding-right: 1em;
19452 border-bottom-left-radius: 1em;
19453 border-bottom-right-radius: 1em; }
19455 .editor_atto_notification .atto_info {
19456 background-color: #f2f2f2; }
19458 .editor_atto_notification .atto_warning {
19459 background-color: #ffd700; }
19461 .editor_atto_toolbar
,
19462 .editor_atto_content_wrap
,
19463 .editor_atto + textarea {
19464 box-sizing: border-box
; }
19466 .editor_atto_content.form-control {
19470 /** Atto fields do not have form-control because that would break the layout of the editor.
19471 So they need these extra styles to highlight the editor when there is a validation error. */
19472 .has-danger
.editor_atto_content
.form-control
.invalid-feedback
,
19473 .has-danger .editor_atto_content.form-control-danger .invalid-feedback {
19476 margin-top: 0.25rem;
19480 .has-danger
.editor_atto_content
.form-control
.invalid-tooltip
,
19481 .has-danger .editor_atto_content.form-control-danger .invalid-tooltip {
19482 position: absolute
;
19487 padding: 0.25rem 0.5rem;
19489 font-size: 0.8203125rem;
19492 background-color: rgba
(202, 49, 32, 0.9); }
19494 .was-validated
.has-danger
.editor_atto_content
.form-control:invalid
~ .invalid-feedback
,
19495 .was-validated
.has-danger
.editor_atto_content
.form-control:invalid
~ .invalid-tooltip
, .has-danger
.editor_atto_content
.form-control
.is-invalid
~ .invalid-feedback
,
19496 .has-danger
.editor_atto_content
.form-control
.is-invalid
~ .invalid-tooltip
, .was-validated
19497 .has-danger
.editor_atto_content
.form-control-danger:invalid
~ .invalid-feedback
,
19499 .has-danger
.editor_atto_content
.form-control-danger:invalid
~ .invalid-tooltip
,
19500 .has-danger
.editor_atto_content
.form-control-danger
.is-invalid
~ .invalid-feedback
,
19501 .has-danger .editor_atto_content.form-control-danger.is-invalid ~ .invalid-tooltip {
19504 .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
19505 .has-danger
.editor_atto_content
.form-control-danger
.form-control:invalid
,
19506 .has-danger .editor_atto_content.form-control-danger .form-control.is-invalid {
19507 border-color: #ca3120;
19508 padding-right: calc
(1.5em + 0.75rem);
19509 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");
19510 background-repeat: no-repeat
;
19511 background-position: right calc
(0.375em + 0.1875rem) center
;
19512 background-size: calc
(0.75em + 0.375rem) calc
(0.75em + 0.375rem); }
19513 .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
19514 .has-danger
.editor_atto_content
.form-control-danger
.form-control:invalid:focus
,
19515 .has-danger .editor_atto_content.form-control-danger .form-control.is-invalid:focus {
19516 border-color: #ca3120;
19517 box-shadow: 0 0 0 0.2rem rgba
(202, 49, 32, 0.25); }
19519 .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
19520 .has-danger
.editor_atto_content
.form-control-danger textarea
.form-control:invalid
,
19521 .has-danger .editor_atto_content.form-control-danger textarea.form-control.is-invalid {
19522 padding-right: calc
(1.5em + 0.75rem);
19523 background-position: top calc
(0.375em + 0.1875rem) right calc
(0.375em + 0.1875rem); }
19525 .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
19526 .has-danger
.editor_atto_content
.form-control-danger
.custom-select:invalid
,
19527 .has-danger .editor_atto_content.form-control-danger .custom-select.is-invalid {
19528 border-color: #ca3120;
19529 padding-right: calc
(0.75em + 2.3125rem);
19530 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); }
19531 .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
19532 .has-danger
.editor_atto_content
.form-control-danger
.custom-select:invalid:focus
,
19533 .has-danger .editor_atto_content.form-control-danger .custom-select.is-invalid:focus {
19534 border-color: #ca3120;
19535 box-shadow: 0 0 0 0.2rem rgba
(202, 49, 32, 0.25); }
19537 .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
19538 .has-danger
.editor_atto_content
.form-control-danger
.form-check-input:invalid
~ .form-check-label
,
19539 .has-danger .editor_atto_content.form-control-danger .form-check-input.is-invalid ~ .form-check-label {
19542 .was-validated
.has-danger
.editor_atto_content
.form-control
.form-check-input:invalid
~ .invalid-feedback
,
19543 .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
,
19544 .has-danger
.editor_atto_content
.form-control
.form-check-input
.is-invalid
~ .invalid-tooltip
, .was-validated
19545 .has-danger
.editor_atto_content
.form-control-danger
.form-check-input:invalid
~ .invalid-feedback
,
19547 .has-danger
.editor_atto_content
.form-control-danger
.form-check-input:invalid
~ .invalid-tooltip
,
19548 .has-danger
.editor_atto_content
.form-control-danger
.form-check-input
.is-invalid
~ .invalid-feedback
,
19549 .has-danger .editor_atto_content.form-control-danger .form-check-input.is-invalid ~ .invalid-tooltip {
19552 .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
19553 .has-danger
.editor_atto_content
.form-control-danger
.custom-control-input:invalid
~ .custom-control-label
,
19554 .has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid ~ .custom-control-label {
19556 .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
19557 .has-danger
.editor_atto_content
.form-control-danger
.custom-control-input:invalid
~ .custom-control-label::before
,
19558 .has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid ~ .custom-control-label::before {
19559 border-color: #ca3120; }
19561 .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
19562 .has-danger
.editor_atto_content
.form-control-danger
.custom-control-input:invalid:checked
~ .custom-control-label::before
,
19563 .has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
19564 border-color: #e04d3d;
19565 background-color: #e04d3d; }
19567 .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
19568 .has-danger
.editor_atto_content
.form-control-danger
.custom-control-input:invalid:focus
~ .custom-control-label::before
,
19569 .has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
19570 box-shadow: 0 0 0 0.2rem rgba
(202, 49, 32, 0.25); }
19572 .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
19573 .has-danger
.editor_atto_content
.form-control-danger
.custom-control-input:invalid:focus:not
(:checked
) ~ .custom-control-label::before
,
19574 .has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
19575 border-color: #ca3120; }
19577 .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
19578 .has-danger
.editor_atto_content
.form-control-danger
.custom-file-input:invalid
~ .custom-file-label
,
19579 .has-danger .editor_atto_content.form-control-danger .custom-file-input.is-invalid ~ .custom-file-label {
19580 border-color: #ca3120; }
19582 .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
19583 .has-danger
.editor_atto_content
.form-control-danger
.custom-file-input:invalid:focus
~ .custom-file-label
,
19584 .has-danger .editor_atto_content.form-control-danger .custom-file-input.is-invalid:focus ~ .custom-file-label {
19585 border-color: #ca3120;
19586 box-shadow: 0 0 0 0.2rem rgba
(202, 49, 32, 0.25); }
19588 .open.atto_menu > .dropdown-menu {
19591 div
.editor_atto_toolbar button
.icon
{
19595 -webkit-font-smoothing: antialiased
;
19596 -moz-osx-font-smoothing: grayscale
; }
19599 box-shadow: 0 2px 4px rgba
(0, 0, 0, 0.08); }
19602 border-radius: 50%; }
19604 .btn-outline-secondary {
19606 border-color: #6c757d;
19607 border-color: #6c757d; }
19608 .btn-outline-secondary:hover {
19610 background-color: #6c757d;
19611 border-color: #6c757d; }
19612 .btn-outline-secondary:focus, .btn-outline-secondary.focus {
19613 box-shadow: 0 0 0 0.2rem rgba
(108, 117, 125, 0.5); }
19614 .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
19616 background-color: transparent
; }
19617 .btn-outline-secondary:not
(:disabled
):not
(.disabled
):active
, .btn-outline-secondary:not
(:disabled
):not
(.disabled
).active
,
19618 .show > .btn-outline-secondary.dropdown-toggle {
19620 background-color: #6c757d;
19621 border-color: #6c757d; }
19622 .btn-outline-secondary:not
(:disabled
):not
(.disabled
):active:focus
, .btn-outline-secondary:not
(:disabled
):not
(.disabled
).active:focus
,
19623 .show > .btn-outline-secondary.dropdown-toggle:focus {
19624 box-shadow: 0 0 0 0.2rem rgba
(108, 117, 125, 0.5); }
19626 .btn-outline-info {
19628 border-color: #1f7e9a; }
19629 .btn-outline-info:hover {
19631 background-color: #1f7e9a;
19632 border-color: #1f7e9a; }
19633 .btn-outline-info:focus, .btn-outline-info.focus {
19634 box-shadow: 0 0 0 0.2rem rgba
(31, 126, 154, 0.5); }
19635 .btn-outline-info.disabled, .btn-outline-info:disabled {
19637 background-color: transparent
; }
19638 .btn-outline-info:not
(:disabled
):not
(.disabled
):active
, .btn-outline-info:not
(:disabled
):not
(.disabled
).active
,
19639 .show > .btn-outline-info.dropdown-toggle {
19641 background-color: #1f7e9a;
19642 border-color: #1f7e9a; }
19643 .btn-outline-info:not
(:disabled
):not
(.disabled
):active:focus
, .btn-outline-info:not
(:disabled
):not
(.disabled
).active:focus
,
19644 .show > .btn-outline-info.dropdown-toggle:focus {
19645 box-shadow: 0 0 0 0.2rem rgba
(31, 126, 154, 0.5); }
19647 .btn-outline-warning {
19649 border-color: #a6670e; }
19650 .btn-outline-warning:hover {
19652 background-color: #a6670e;
19653 border-color: #a6670e; }
19654 .btn-outline-warning:focus, .btn-outline-warning.focus {
19655 box-shadow: 0 0 0 0.2rem rgba
(166, 103, 14, 0.5); }
19656 .btn-outline-warning.disabled, .btn-outline-warning:disabled {
19658 background-color: transparent
; }
19659 .btn-outline-warning:not
(:disabled
):not
(.disabled
):active
, .btn-outline-warning:not
(:disabled
):not
(.disabled
).active
,
19660 .show > .btn-outline-warning.dropdown-toggle {
19662 background-color: #a6670e;
19663 border-color: #a6670e; }
19664 .btn-outline-warning:not
(:disabled
):not
(.disabled
):active:focus
, .btn-outline-warning:not
(:disabled
):not
(.disabled
).active:focus
,
19665 .show > .btn-outline-warning.dropdown-toggle:focus {
19666 box-shadow: 0 0 0 0.2rem rgba
(166, 103, 14, 0.5); }
19669 background-color: #e9ecef !important
; }
19671 a
.bg-gray:hover
, a
.bg-gray:focus
,
19672 button
.bg-gray:hover
,
19673 button
.bg-gray:focus
{
19674 background-color: #cbd3da !important
; }