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
; }
9628 .dir-rtl .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
9629 transform: translateX
(-0.9375rem); }
9634 * Variables written for Moodle specific components
9636 * Please do not override any Bootstrap variables here, custom Bootstrap variable should go in
9637 * preset files instead.
9642 overflow-y: visible
;
9643 background-color: #fff; }
9645 @media (min-width: 576px) {
9647 border: 1px solid rgba
(0, 0, 0, 0.125);
9648 padding: 1.25rem; } }
9650 @media (min-width: 576px) {
9651 .context-header-settings-menu
,
9652 .region-main-settings-menu {
9658 margin-top: 4px; } }
9660 @media (max-width: 767.98px) {
9661 .context-header-settings-menu
,
9662 .region-main-settings-menu {
9664 justify-content: flex-end
; } }
9669 transition: opacity
.7s ease
0s, visibility
.1s ease
.8s;
9677 transform: translateY
(-100%); }
9679 @media (max-width: 767.98px) {
9683 body
.scrolled #goto-top-link
{
9685 visibility: visible
;
9686 transition: visibility
0s ease
0s, opacity
.7s ease
.1s; }
9688 .context-header-settings-menu
.dropdown-toggle
> .icon
,
9689 #region-main-settings-menu .dropdown-toggle
> .icon
{
9694 /** Prevent user notifications overlapping with region main settings menu */
9695 #user-notifications {
9699 /** Page layout CSS starts **/
9700 .layout-option-noheader #page-header
,
9701 .layout-option-nonavbar #page-navbar
,
9702 .layout-option-nofooter #page-footer
,
9703 .layout-option-nocourseheader
.course-content-header
,
9704 .layout-option-nocoursefooter .course-content-footer {
9707 /** Page layout CSS ends **/
9712 text-align: right
; }
9716 direction: ltr
!important
;
9717 /* stylelint-disable-line declaration-no-important */ }
9723 text-align: center
; }
9730 a
.dimmed_text:visited
,
9733 .dimmed_text
a:link
,
9734 .dimmed_text
a:visited
,
9737 .usersuspended
a:link
,
9738 .usersuspended
a:visited
,
9740 .dimmed_category a {
9743 .aalink
.focus
, .aalink:focus
,
9744 #page-footer a:not
([class
]).focus
,
9745 #page-footer a:not
([class
]):focus
,
9748 a:not
([class
]).focus
,
9749 a:not
([class
]):focus
,
9750 .activityinstance
> a
.focus
,
9751 .activityinstance > a:focus {
9752 outline: 0.2rem solid transparent
;
9754 background-color: #d7ebfc;
9755 box-shadow: 0 -0.2rem #d7ebfc, 0 0.2rem #343a40; }
9757 .aalink:focus:hover
,
9758 #page-footer a:not
([class
]):focus:hover
,
9759 .arrow_link:focus:hover
,
9760 a:not
([class
]):focus:hover
,
9761 .activityinstance > a:focus:hover {
9762 text-decoration: none
; }
9764 .aabtn
.focus
, .aabtn:focus
,
9769 .atto_link_button
.focus
,
9770 .atto_link_button:focus
,
9771 [role
="button"].focus
,
9772 [role
="button"]:focus
,
9773 .list-group-item-action
.focus
,
9774 .list-group-item-action:focus
,
9775 input
[type
="checkbox"].focus
,
9776 input
[type
="checkbox"]:focus
,
9777 input
[type
="radio"].focus
,
9778 input
[type
="radio"]:focus
,
9779 input
[type
="file"].focus
,
9780 input
[type
="file"]:focus
,
9781 input
[type
="image"].focus
,
9782 input
[type
="image"]:focus
,
9783 .sr-only-focusable
.focus
,
9784 .sr-only-focusable:focus
,
9785 a
.dropdown-toggle
.focus
,
9786 a
.dropdown-toggle:focus
,
9787 .modal-dialog
[tabindex
="0"].focus
,
9788 .modal-dialog
[tabindex
="0"]:focus
,
9789 .moodle-dialogue-base
.closebutton
.focus
,
9790 .moodle-dialogue-base
.closebutton:focus
,
9793 .form-autocomplete-selection
.focus
,
9794 .form-autocomplete-selection:focus {
9796 box-shadow: 0 0 0 0.2rem rgba
(15, 111, 197, 0.75); }
9799 .btn-link:focus:hover
,
9800 .nav-link:focus:hover
,
9801 .atto_link_button:focus:hover
,
9802 [role
="button"]:focus:hover
,
9803 .list-group-item-action:focus:hover
,
9804 input
[type
="checkbox"]:focus:hover
,
9805 input
[type
="radio"]:focus:hover
,
9806 input
[type
="file"]:focus:hover
,
9807 input
[type
="image"]:focus:hover
,
9808 .sr-only-focusable:focus:hover
,
9809 a
.dropdown-toggle:focus:hover
,
9810 .modal-dialog
[tabindex
="0"]:focus:hover
,
9811 .moodle-dialogue-base
.closebutton:focus:hover
,
9812 button
.close:focus:hover
,
9813 .form-autocomplete-selection:focus:hover {
9814 text-decoration: none
; }
9816 .form-autocomplete-suggestions li[aria-selected=true] {
9818 box-shadow: 0 0 0 0.2rem rgba
(15, 111, 197, 0.75); }
9820 .safari input
[type
="checkbox"].focus
, .safari input
[type
="checkbox"]:focus
,
9821 .safari input
[type
="radio"].focus
,
9822 .safari input[type="radio"]:focus {
9831 .section li
.activity
,
9832 .section li
.movehere
,
9838 .section li.movehere a {
9842 border: 2px dashed
#343a40; }
9844 .editing .course-content .hidden.sectionname {
9853 font-size: 0.703125rem; }
9870 .fitem.advanced .text-info {
9871 font-weight: bold
; }
9874 text-align: right
; }
9876 a
.autolink
.glossary:hover
{
9879 /* Block which is hidden if javascript enabled, prevents fickering visible when JS from footer used! */
9880 .collapsibleregioncaption {
9881 white-space: nowrap
;
9882 min-height: 1.40625rem; }
9884 .pagelayout-mydashboard.jsenabled .collapsibleregioncaption {
9887 .pagelayout-mydashboard #region-main {
9890 background-color: transparent
;
9893 @media (max-width: 767.98px) {
9894 .pagelayout-mydashboard #region-main-box
,
9895 .pagelayout-login #region-main-box {
9897 padding-right: 0; } }
9899 .collapsibleregioncaption img {
9900 vertical-align: middle
; }
9902 .jsenabled .hiddenifjs {
9908 .jsenabled .visibleifjs {
9911 .jsenabled .collapsibleregion {
9913 box-sizing: content-box
; }
9915 .jsenabled .collapsed .collapsibleregioninner {
9916 visibility: hidden
; }
9918 .collapsible-actions {
9920 text-align: right
; }
9922 .jsenabled .collapsible-actions {
9925 .collapsible-actions .collapseexpand {
9927 background: url
([[pix:t
/collapsed
]]) 2px center no-repeat
; }
9930 .collapsible-actions .collapseexpand {
9931 background: url([[pix:t/collapsed_rtl]]) right center no-repeat;
9934 .collapsible-actions .collapse-all {
9935 background-image: url
([[pix:t
/expanded
]]); }
9937 .yui-overlay .yui-widget-bd {
9938 background-color: #ffee69;
9939 border: 1px solid
#a6982b;
9940 border-top-color: #d4c237;
9949 background: transparent
;
9961 .pagingbar .thispage {
9962 font-weight: bold
; }
9965 margin-right: 0.5rem; }
9971 .action-menu .dropdown-toggle {
9972 text-decoration: none
; }
9975 white-space: nowrap
; }
9985 vertical-align: middle
; }
9988 font-weight: bold
; }
9998 #addmembersform table
{
10000 margin-right: auto
; }
10002 table
.flexible
.emptyrow
{
10006 form
.popupform div
{
10009 .arrow_button input {
10010 overflow: hidden
; }
10015 .no-overflow > .generaltable {
10016 position: relative
;
10018 min-height: 10em; }
10021 position: absolute
;
10027 clip: rect
(0, 0, 0, 0);
10028 white-space: nowrap
;
10038 position: absolute
;
10041 text-decoration: none
; }
10043 a
.skip-block:focus
,
10044 a
.skip-block:active
,
10053 overflow: hidden
; }
10056 text-align: center
; }
10058 .blog_entry .audience {
10060 padding-right: 4px; }
10062 .blog_entry .tags {
10063 margin-top: 15px; }
10065 .blog_entry .content {
10066 margin-left: 43px; }
10069 margin: 1em 0 0 0; }
10076 #doc-contents ul li
{
10077 list-style-type: none
; }
10079 .groupmanagementtable td {
10080 vertical-align: top
; }
10082 .groupmanagementtable #existingcell
,
10083 .groupmanagementtable #potentialcell {
10086 .groupmanagementtable #buttonscell {
10089 .groupmanagementtable #buttonscell p.arrow_button input {
10095 .groupmanagementtable #removeselect_wrapper
,
10096 .groupmanagementtable #addselect_wrapper {
10099 .groupmanagementtable #removeselect_wrapper label
,
10100 .groupmanagementtable #addselect_wrapper label {
10101 font-weight: normal
; }
10103 #group-usersummary {
10108 margin-bottom: 3px;
10109 display: inline-block
; }
10111 .groupselector label {
10112 display: inline-block
; }
10114 .login-page [name="username"] {
10115 margin-bottom: -1px;
10116 border-bottom-right-radius: 0;
10117 border-bottom-left-radius: 0; }
10119 .login-page [type="password"] {
10120 margin-bottom: 10px;
10121 border-top-left-radius: 0;
10122 border-top-right-radius: 0; }
10125 margin-bottom: 1em; }
10127 .notepost .userpicture {
10129 margin-right: 5px; }
10131 .notepost
.content
,
10132 .notepost .footer {
10136 margin-left: 20px; }
10138 .path-my .coursebox {
10141 .path-my .coursebox .overview {
10142 margin: 15px 30px 10px 30px; }
10144 .path-my .coursebox .info {
10168 .comment-area textarea {
10171 .comment-area textarea.fullwidth {
10172 -webkit-box-sizing: border-box
;
10173 -moz-box-sizing: border-box
;
10174 box-sizing: border-box
; }
10176 .comment-area .fd {
10177 text-align: right
; }
10179 .comment-meta span {
10182 .comment-link img {
10183 vertical-align: text-bottom
; }
10195 margin-bottom: 5px;
10198 position: relative
; }
10200 .comment-list li.first {
10204 text-align: center
; }
10206 .comment-paging .pageno {
10209 .comment-paging .curpage {
10210 border: 1px solid
#ccc; }
10212 .comment-message .picture {
10216 .comment-message .text {
10220 .comment-message .text p {
10222 margin: 0 18px 0 0; }
10225 position: absolute
;
10230 .comment-report-selectall {
10236 .jsenabled .comment-link {
10239 .jsenabled .showcommentsnonjs {
10242 .jsenabled .comment-report-selectall {
10246 * Completion progress report
10248 .completion-expired {
10251 .completion-expected {
10252 font-size: 0.703125rem; }
10254 .completion-sortchoice
,
10255 .completion-identifyfield {
10256 font-size: 0.703125rem;
10257 vertical-align: bottom
; }
10259 .completion-progresscell {
10260 text-align: right
; }
10262 .completion-expired .completion-expected {
10263 font-weight: bold
; }
10273 text-align: center
;
10274 margin: 10px auto
; }
10276 .path-tag .tag-index-items .tagarea {
10277 border: 1px solid
#e3e3e3;
10278 border-radius: 4px;
10280 margin-top: 10px; }
10282 .path-tag .tag-index-items .tagarea h3 {
10284 padding: 3px 0 10px 0;
10290 text-shadow: 0 1px 0 rgba
(255, 255, 255, 0.5);
10291 text-transform: uppercase
;
10292 word-wrap: break-word
;
10293 border-bottom: solid
1px #e3e3e3;
10294 margin-bottom: 10px; }
10296 .path-tag
.tagarea
.controls::after
,
10297 .path-tag .tagarea .taggeditems::after {
10302 .path-tag
.tagarea
.controls
,
10303 .path-tag .tag-backtoallitems {
10304 text-align: center
; }
10306 .path-tag .tagarea .controls .gotopage.nextpage {
10309 .path-tag .tagarea .controls .gotopage.prevpage {
10312 .path-tag .tagarea .controls .exclusivemode {
10313 display: inline-block
; }
10315 .path-tag .tagarea .controls.controls-bottom {
10318 .path-tag .tagarea .controls .gotopage.nextpage::after {
10319 padding-right: 5px;
10323 .path-tag .tagarea .controls .gotopage.prevpage::before {
10324 padding-right: 5px;
10330 span
.flagged-tag a
,
10334 .tag-management-table td
,
10335 .tag-management-table th {
10336 vertical-align: middle
;
10339 .tag-management-table .inplaceeditable.inplaceeditingon input {
10342 .path-admin-tag .addstandardtags {
10344 .path-admin-tag .addstandardtags img {
10347 .path-tag .tag-relatedtags {
10348 padding-top: 10px; }
10350 .path-tag .tag-management-box {
10351 text-align: right
; }
10353 .path-tag .tag-index-toc {
10355 text-align: center
; }
10357 .path-tag
.tag-index-toc li
,
10358 .path-tag .tag-management-box li {
10360 margin-right: 5px; }
10362 .path-tag .tag-management-box li a.edittag {
10363 background-image: url
([[pix:moodle|i
/settings
]]); }
10365 .path-tag .tag-management-box li a.flagasinappropriate {
10366 background-image: url
([[pix:moodle|i
/flagged
]]); }
10368 .path-tag .tag-management-box li a.removefrommyinterests {
10369 background-image: url
([[pix:moodle|t
/delete
]]); }
10371 .path-tag .tag-management-box li a.addtomyinterests {
10372 background-image: url
([[pix:moodle|t
/add
]]); }
10374 .path-tag .tag-management-box li a {
10375 background-repeat: no-repeat
;
10376 background-position: left
;
10377 padding-left: 17px; }
10379 .tag_feed.media-list .media .itemimage {
10382 .tag_feed.media-list .media .itemimage img {
10386 .tag_feed.media-list .media .media-body {
10387 padding-right: 10px;
10388 padding-left: 10px; }
10390 .tag_feed .media .muted a {
10394 text-align: center
; }
10396 .tag_cloud .inline-list li {
10397 padding: 0 0.2em; }
10399 .tag_cloud .tag_overflow {
10401 font-style: italic
; }
10404 font-size: 2.7em; }
10407 font-size: 2.6em; }
10410 font-size: 2.5em; }
10413 font-size: 2.4em; }
10416 font-size: 2.3em; }
10419 font-size: 2.2em; }
10422 font-size: 2.1em; }
10428 font-size: 1.9em; }
10431 font-size: 1.8em; }
10434 font-size: 1.7em; }
10437 font-size: 1.6em; }
10440 font-size: 1.5em; }
10443 font-size: 1.4em; }
10446 font-size: 1.3em; }
10449 font-size: 1.2em; }
10452 font-size: 1.1em; }
10458 font-size: 0.9em; }
10461 font-size: 0.8em; }
10464 font-size: 0.7em; }
10469 .tag_list.hideoverlimit .overlimit {
10472 .tag_list .tagmorelink {
10475 .tag_list.hideoverlimit .tagmorelink {
10478 .tag_list.hideoverlimit .taglesslink {
10484 #webservice-doc-generator td
{
10486 border: 0 solid black
; }
10493 border-collapse: collapse
; }
10495 .userenrolment tr {
10496 vertical-align: top
; }
10498 .userenrolment td {
10502 .userenrolment .subfield {
10503 margin-right: 5px; }
10505 .userenrolment .col_userdetails .subfield {
10506 margin-left: 40px; }
10508 .userenrolment .col_userdetails .subfield_picture {
10512 .userenrolment .col_lastseen {
10515 .userenrolment .col_role {
10518 .userenrolment
.col_role
.roles
,
10519 .userenrolment .col_group .groups {
10520 margin-right: 30px; }
10522 .userenrolment .col_role .role {
10524 padding: 0 3px 3px;
10526 white-space: nowrap
; }
10528 .userenrolment .col_group .group {
10532 white-space: nowrap
; }
10534 .userenrolment
.col_role
.role a
,
10535 .userenrolment .col_group .group a {
10539 .userenrolment
.col_role
.addrole
,
10540 .userenrolment .col_group .addgroup {
10544 .userenrolment
.col_role
.addrole
> a:hover
,
10545 .userenrolment .col_group .addgroup > a:hover {
10546 border-bottom: 1px solid
#666; }
10548 .userenrolment
.col_role
.addrole img
,
10549 .userenrolment .col_group .addgroup img {
10550 vertical-align: baseline
; }
10552 .userenrolment .hasAllRoles .col_role .addrole {
10555 .userenrolment .col_enrol .enrolment {
10557 padding: 0 3px 3px;
10558 margin: 0 3px 3px; }
10560 .userenrolment .col_enrol .enrolment a {
10562 margin-left: 3px; }
10565 background-color: #ccc;
10566 position: absolute
;
10571 text-align: center
; }
10573 .corelightbox img {
10578 .mod-indent-outer {
10582 display: table-cell
; }
10584 .label .mod-indent {
10586 padding-top: 20px; }
10588 @media (min-width: 576px) {
10589 /* Creates a series of .mod-indent-# rule declarations based on indent size and number of indent levels. */
10625 /* Audio player size in 'block' mode (can only change width, height is hardcoded in JS) */
10626 .resourcecontent .mediaplugin_mp3 object {
10630 .resourcecontent audio.mediaplugin_html5audio {
10633 /** Large resource images should avoid hidden overflow **/
10637 /* Audio player size in 'inline' mode (can only change width, as above) */
10638 .mediaplugin_mp3 object {
10642 audio
.mediaplugin_html5audio
{
10645 /* TinyMCE moodle media preview frame should not have padding */
10646 .core_media_preview.pagelayout-embedded #content {
10649 .core_media_preview.pagelayout-embedded #maincontent {
10652 body#page-lib-editor-tinymce-plugins-moodlemedia-preview
{
10656 background: none
; }
10658 .path-rating .ratingtable {
10660 margin-bottom: 1em; }
10662 .path-rating .ratingtable th.rating {
10665 .path-rating
.ratingtable td
.rating
,
10666 .path-rating .ratingtable td.time {
10667 white-space: nowrap
;
10668 text-align: center
; }
10670 /* Moodle Dialogue Settings (moodle-core-dialogue) */
10671 .moodle-dialogue-base .moodle-dialogue-lightbox {
10672 background-color: #495057; }
10674 .pagelayout-popup .moodle-dialogue-base .moodle-dialogue-lightbox {
10675 background-color: transparent
; }
10677 .pagelayout-popup .moodle-dialogue-base .moodle-dialogue {
10678 box-shadow: 0 0.25rem 0.5rem rgba
(0, 0, 0, 0.2); }
10680 .moodle-dialogue-base
.hidden
,
10681 .moodle-dialogue-base .moodle-dialogue-hidden {
10685 overflow: hidden
; }
10687 .moodle-dialogue-base .moodle-dialogue-fullscreen {
10694 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
10697 .moodle-dialogue-base .moodle-dialogue-fullscreen .closebutton {
10700 background-size: 100%; }
10702 .moodle-dialogue-base .moodle-dialogue-wrap {
10703 background-color: #fff;
10704 border: 1px solid
#ccc; }
10709 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd {
10711 padding: 1rem 1rem;
10712 border-bottom: 1px solid
#dee2e6; }
10714 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd.yui3-widget-hd {
10717 background: initial
;
10719 line-height: 1.5; }
10721 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd h1 {
10722 font-size: 1.5rem; }
10724 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .yui3-widget-buttons {
10730 position: relative
;
10731 margin-left: auto
; }
10733 .moodle-dialogue-base .closebutton {
10734 padding: 1rem 1rem;
10735 margin: -1rem -1rem -1rem auto
;
10736 position: relative
;
10737 background-color: transparent
;
10739 background-image: none
;
10742 .moodle-dialogue-base .closebutton:hover, .moodle-dialogue-base .closebutton:active {
10744 .moodle-dialogue-base .closebutton::after {
10747 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd {
10749 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd body {
10750 background-color: #fff; }
10752 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
10754 position: absolute
;
10762 .moodle-dialogue-exception .moodle-exception-param label {
10763 font-weight: bold
; }
10765 .moodle-dialogue-exception .param-stacktrace label {
10766 background-color: #eee;
10767 border: 1px solid
#ccc;
10768 border-bottom-width: 0; }
10770 .moodle-dialogue-exception .param-stacktrace pre {
10771 border: 1px solid
#ccc;
10772 background-color: #fff; }
10774 .moodle-dialogue-exception .param-stacktrace .stacktrace-file {
10776 font-size: 0.8203125rem; }
10778 .moodle-dialogue-exception .param-stacktrace .stacktrace-line {
10780 font-size: 0.8203125rem; }
10782 .moodle-dialogue-exception .param-stacktrace .stacktrace-call {
10785 border-bottom: 1px solid
#eee; }
10787 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft:empty {
10790 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft.yui3-widget-ft {
10791 background: initial
; }
10793 .moodle-dialogue-confirm .confirmation-message {
10794 margin: 0.5rem 0; }
10796 .moodle-dialogue-confirm .confirmation-dialogue input {
10799 .moodle-dialogue-exception .moodle-exception-message {
10802 .moodle-dialogue-exception .moodle-exception-param {
10803 margin-bottom: 0.5em; }
10805 .moodle-dialogue-exception .moodle-exception-param label {
10808 .moodle-dialogue-exception .param-stacktrace label {
10811 padding: 4px 1em; }
10813 .moodle-dialogue-exception .param-stacktrace pre {
10818 .moodle-dialogue-exception .param-stacktrace .stacktrace-file {
10819 display: inline-block
;
10822 .moodle-dialogue-exception .param-stacktrace .stacktrace-line {
10823 display: inline-block
;
10827 .moodle-dialogue-exception .param-stacktrace .stacktrace-call {
10828 padding-left: 25px;
10829 margin-bottom: 4px;
10830 padding-bottom: 4px; }
10832 .moodle-dialogue .moodle-dialogue-bd .content-lightbox {
10838 background-color: white
;
10839 text-align: center
;
10842 /* Apply a default max-height on tooltip text */
10843 .moodle-dialogue .tooltiptext {
10844 max-height: 300px; }
10846 .moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip {
10848 .moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip .moodle-dialogue-bd {
10852 * Chooser Dialogues (moodle-core-chooserdialogue)
10854 * This CSS belong to the chooser dialogue which should work both with, and
10855 * without javascript enabled
10857 /* Hide the dialog and it's title */
10858 .chooserdialoguebody
,
10862 .moodle-dialogue.chooserdialogue .moodle-dialogue-content .moodle-dialogue-ft {
10865 .chooserdialogue .moodle-dialogue-wrap .moodle-dialogue-bd {
10867 background: #f2f2f2; }
10869 /* Center the submit buttons within the area */
10870 .choosercontainer #chooseform .submitbuttons {
10872 text-align: right
; }
10874 /* Fixed for safari browser on iPhone4S with ios7@mixin */
10875 @media (max-height: 639px) {
10876 .ios .choosercontainer #chooseform .submitbuttons {
10877 padding: 45px 0; } }
10879 .choosercontainer #chooseform .submitbuttons input {
10883 /* Various settings for the options area */
10884 .choosercontainer #chooseform .options {
10885 position: relative
;
10886 border-bottom: 1px solid
#bbb; }
10888 /* Only set these options if we're showing the js container */
10889 .jschooser .choosercontainer #chooseform .alloptions {
10890 overflow-x: hidden
;
10892 max-width: 240px; }
10893 .jschooser .choosercontainer #chooseform .alloptions .option input[type=radio] {
10894 display: inline-block
; }
10895 .jschooser .choosercontainer #chooseform .alloptions .option .typename {
10896 display: inline-block
;
10899 /* Settings for option rows and option subtypes */
10900 .choosercontainer #chooseform
.moduletypetitle
,
10901 .choosercontainer #chooseform
.option
,
10902 .choosercontainer #chooseform .nonoption {
10904 padding: 0 1.6em 0 1.6em; }
10906 .choosercontainer #chooseform .moduletypetitle {
10907 text-transform: uppercase
;
10908 padding-top: 1.2em;
10909 padding-bottom: 0.4em;
10910 margin-bottom: 0.5rem;
10913 .choosercontainer #chooseform
.option
.typename
,
10914 .choosercontainer #chooseform .nonoption .typename {
10915 padding: 0 0 0 0.5em; }
10917 .choosercontainer #chooseform .modicon + .typename {
10920 .choosercontainer #chooseform
.option input
[type
=radio
],
10921 .choosercontainer #chooseform .option span.typename {
10922 vertical-align: middle
; }
10924 .choosercontainer #chooseform .option label {
10928 border-bottom: 1px solid
#fff; }
10930 .choosercontainer #chooseform .option .icon {
10934 .choosercontainer #chooseform .nonoption {
10935 padding-left: 2.7em;
10936 padding-top: 0.3em;
10937 padding-bottom: 0.1em; }
10939 .choosercontainer #chooseform .subtype {
10941 padding: 0 1.6em 0 3.2em; }
10943 .choosercontainer #chooseform .subtype .typename {
10944 margin: 0 0 0 0.2em; }
10946 /* The instruction/help area */
10947 .jschooser
.choosercontainer #chooseform
.instruction
,
10948 .jschooser .choosercontainer #chooseform .typesummary {
10950 position: absolute
;
10957 background-color: #fff;
10958 overflow-x: hidden
;
10960 line-height: 2em; }
10962 /* Selected option settings */
10963 .jschooser
.choosercontainer #chooseform
.instruction
,
10964 .choosercontainer #chooseform .selected .typesummary {
10967 .choosercontainer #chooseform .selected {
10968 background-color: #fff;
10970 padding-top: 1px; }
10972 @media (max-width: 575.98px) {
10973 .jsenabled .choosercontainer #chooseform .alloptions {
10975 .jsenabled
.choosercontainer #chooseform
.instruction
,
10976 .jsenabled .choosercontainer #chooseform .typesummary {
10977 position: static
; } }
10980 * Module chooser dialogue (moodle-core-chooserdialogue)
10982 * This CSS belong to the chooser dialogue which should work both with, and
10983 * without javascript enabled
10985 .modchooser .modal-body {
10990 flex-direction: column
; }
10991 .modchooser .modal-body .searchresultitemscontainer-wrapper {
10992 min-height: 495px; }
10993 .modchooser .modal-body .carousel-item.active {
10995 .modchooser .modal-body .chooser-container {
10997 flex-direction: column
;
10999 .modchooser .modal-body .loading-icon {
11001 .modchooser .modal-body .loading-icon .icon {
11006 .modchooser .modal-body .carousel-item .loading-icon .icon {
11007 margin: 1em auto
; }
11008 .modchooser .modal-body .searchbar {
11011 .modchooser .modal-footer {
11013 background: #fff; }
11014 .modchooser .modal-footer .moodlenet-logo .icon {
11017 margin-bottom: .6rem; }
11019 .modchoosercontainer.noscroll {
11020 overflow-y: hidden
; }
11022 .modchoosercontainer
.optionscontainer
,
11023 .modchoosercontainer .searchresultitemscontainer {
11024 overflow-x: hidden
; }
11025 .modchoosercontainer
.optionscontainer
.option
,
11026 .modchoosercontainer .searchresultitemscontainer .option {
11027 flex-basis: calc
(50% - 0.5rem); }
11028 .modchoosercontainer
.optionscontainer
.option
.optionactions
.optionaction
,
11029 .modchoosercontainer .searchresultitemscontainer .option .optionactions .optionaction {
11032 .modchoosercontainer
.optionscontainer
.option
.optionactions
.optionaction i
,
11033 .modchoosercontainer .searchresultitemscontainer .option .optionactions .optionaction i {
11035 .modchoosercontainer
.optionscontainer
.option
.optioninfo a
,
11036 .modchoosercontainer .searchresultitemscontainer .option .optioninfo a {
11038 .modchoosercontainer
.optionscontainer
.option
.optioninfo
a:hover
,
11039 .modchoosercontainer .searchresultitemscontainer .option .optioninfo a:hover {
11040 text-decoration: none
; }
11042 .modchooser .modal-body .optionsummary {
11043 background-color: #fff;
11044 overflow-x: hidden
;
11047 .modchooser .modal-body .optionsummary .content {
11048 overflow-y: auto
; }
11049 .modchooser .modal-body .optionsummary .content .heading .icon {
11054 .modchooser .modal-body .optionsummary .actions {
11055 border-top: 1px solid
#dee2e6;
11056 background: #fff; }
11058 @media (max-width: 575.98px) {
11059 .path-course-view
.modal-dialog
.modal-lg
,
11060 .path-course-view
.modal-content
,
11061 .modchooser
.modal-body
,
11062 .modchooser
.modal-body
.carousel
,
11063 .modchooser
.modal-body
.carousel-inner
,
11064 .modchooser
.modal-body
.carousel-item
,
11065 .modchooser
.modal-body
.optionsummary
,
11066 .modchoosercontainer
,
11068 .searchresultitemscontainer {
11071 overflow-y: auto
; }
11072 .path-course-view .modal-dialog.modal-lg {
11074 .modchooser .modal-body .searchresultitemscontainer-wrapper {
11075 min-height: auto
; } }
11077 @media (min-width: 576px) {
11078 .modchoosercontainer
.optionscontainer
.option
,
11079 .modchoosercontainer .searchresultitemscontainer .option {
11080 flex-basis: calc
(33.33% - 0.5rem); } }
11082 @media (min-width: 992px) {
11083 .modchoosercontainer
.optionscontainer
.option
,
11084 .modchoosercontainer .searchresultitemscontainer .option {
11085 flex-basis: calc
(16.66% - 0.5rem); } }
11087 /* Form element: listing */
11088 .formlistingradio {
11089 padding-bottom: 25px;
11090 padding-right: 10px; }
11092 .formlistinginputradio {
11096 min-height: 225px; }
11099 position: relative
;
11101 padding: 1px 19px 14px;
11102 background-color: white
;
11103 border: 1px solid
#ddd; }
11106 position: absolute
;
11113 background-color: whitesmoke
;
11114 border: 1px solid
#ddd;
11123 border-bottom: 1px solid
;
11124 border-color: #e1e1e8;
11125 border-left: 1px solid
#e1e1e8;
11126 border-right: 1px solid
#e1e1e8;
11127 background-color: #f7f7f9;
11135 body
.jsenabled
.formlistingradio
{
11138 body
.jsenabled
.formlisting
{
11141 a
.criteria-action
{
11145 div
.criteria-description
{
11146 padding: 10px 15px;
11148 background: none repeat scroll
0 0 #f9f9f9;
11149 border: 1px solid
#eee; }
11153 list-style: none
; }
11156 position: relative
;
11157 display: inline-block
;
11159 text-align: center
;
11160 vertical-align: top
;
11163 .badges li .badge-name {
11168 position: absolute
; }
11170 .badges li .badge-image {
11177 .badges li .badge-actions {
11178 position: relative
; }
11180 .badges li .expireimage {
11185 position: absolute
;
11190 background-color: transparent
;
11192 position: relative
;
11195 display: inline-block
;
11196 vertical-align: top
;
11198 margin-bottom: 20px; }
11199 #badge-image .expireimage
{
11205 position: absolute
;
11207 #badge-image .singlebutton
{
11210 #badge-image .singlebutton button
{
11211 margin-left: 4px; }
11214 display: inline-block
;
11217 #badge-overview dl
,
11218 #badge-details dl
{
11220 #badge-overview dl dt
,
11221 #badge-overview dl dd
,
11222 #badge-details dl dt
,
11223 #badge-details dl dd
{
11224 vertical-align: top
;
11226 #badge-overview dl dt
,
11227 #badge-details dl dt
{
11229 display: inline-block
;
11231 min-width: 100px; }
11232 #badge-overview dl dd
,
11233 #badge-details dl dd
{
11234 display: inline-block
;
11239 vertical-align: top
; }
11250 #page-badges-award .recipienttable tr td
{
11251 vertical-align: top
; }
11253 #page-badges-award .recipienttable tr td
.actions
.actionbutton
{
11258 #page-badges-award .recipienttable tr td
.existing
,
11259 #page-badges-award .recipienttable tr td
.potential
{
11262 #issued-badge-table .activatebadge
{
11263 display: inline-block
; }
11265 .statusbox.active {
11266 background-color: #d7e4d6; }
11268 .statusbox.inactive {
11269 background-color: #fcefdc; }
11272 text-align: center
;
11273 margin-bottom: 5px;
11276 .statusbox .activatebadge {
11277 display: inline-block
; }
11279 .statusbox .activatebadge input[type=submit] {
11285 vertical-align: middle
; }
11287 img#persona_signin
{
11293 .invisiblefieldset {
11299 #page-header .logo
{
11301 #page-header .logo img
{
11302 max-height: 75px; }
11304 /** Navbar logo. */
11305 nav
.navbar
.logo img
{
11306 max-height: 35px; }
11308 .nav.usernav .nav-item {
11311 .nav.usernav .usermenu .dropdown-toggle {
11312 padding: 0 0.5rem; }
11314 /** Header-bar styles **/
11315 .page-context-header {
11317 padding: 0.25rem; }
11318 .page-context-header
.page-header-image
,
11319 .page-context-header .page-header-headings {
11322 position: relative
; }
11323 .page-context-header .page-header-image {
11325 margin-bottom: 1em; }
11326 .page-context-header .page-header-image > a {
11327 display: inline-block
; }
11328 .page-context-header
.page-header-headings
,
11329 .page-context-header .header-button-group {
11330 position: relative
;
11332 vertical-align: middle
; }
11333 .page-context-header .header-button-group {
11337 ul
.dragdrop-keyboard-drag li
{
11338 list-style-type: none
; }
11342 text-decoration: none
;
11344 font-style: italic
;
11349 overflow: hidden
; }
11351 .progressbar_container {
11355 /* IE10 only fix for calendar titling */
11356 .ie10 .yui3-calendar-header-label {
11357 display: inline-block
; }
11367 .nav-tabs
> .active
> a
[href
],
11368 .nav-tabs
> .active
> a
[href
]:hover
,
11369 .nav-tabs > .active > a[href]:focus {
11372 .inplaceeditable.inplaceeditingon {
11373 position: relative
; }
11374 .inplaceeditable.inplaceeditingon .editinstructions {
11376 font-weight: normal
;
11381 white-space: nowrap
; }
11382 @media
(min-width: 576px) {
11383 .inplaceeditable.inplaceeditingon input {
11385 vertical-align: text-bottom
;
11386 margin-bottom: 0; } }
11387 .inplaceeditable.inplaceeditingon select {
11388 margin-bottom: 0; }
11390 .inplaceeditable .quickediticon img {
11393 .inplaceeditable .quickeditlink {
11395 text-decoration: inherit
; }
11397 .inplaceeditable:hover
.quickeditlink
.quickediticon img
,
11398 .inplaceeditable .quickeditlink:focus .quickediticon img {
11401 .inplaceeditable.inplaceeditable-toggle .quickediticon {
11404 .inplaceeditable.inplaceeditable-autocomplete {
11407 h3
.sectionname
.inplaceeditable
.inplaceeditingon
.editinstructions
{
11408 margin-top: -20px; }
11411 .chart-area .chart-table-data {
11414 .chart-area .chart-table {
11415 /** When accessible, we display the table only. */ }
11416 .chart-area .chart-table .chart-output-htmltable caption {
11417 white-space: nowrap
; }
11418 .chart-area .chart-table.accesshide .chart-table-expand {
11420 .chart-area .chart-table.accesshide .chart-table-data {
11424 padding-left: 1rem;
11425 -webkit-margin-start: 0.2rem;
11426 /* stylelint-disable-line */ }
11428 /* YUI 2 Tree View */
11448 .ygtvcancel:hover {
11449 background-image: url([[pix:theme|yui2-treeview-sprite-rtl]]);
11452 .hover-tooltip-container {
11453 position: relative
; }
11454 .hover-tooltip-container .hover-tooltip {
11456 visibility: hidden
;
11457 position: absolute
;
11460 top: calc
(-50% - 5px);
11461 transform: translate
(-50%, -50%);
11462 background-color: #fff;
11463 border: 1px solid rgba
(0, 0, 0, 0.2);
11464 border-radius: .3rem;
11465 box-sizing: border-box
;
11467 white-space: nowrap
;
11468 transition: opacity
0.15s, visibility
0.15s;
11470 .hover-tooltip-container .hover-tooltip:before {
11472 display: inline-block
;
11473 border-left: 8px solid transparent
;
11474 border-right: 8px solid transparent
;
11475 border-top: 8px solid rgba
(0, 0, 0, 0.2);
11476 position: absolute
;
11478 left: calc
(50% - 8px); }
11479 .hover-tooltip-container .hover-tooltip:after {
11481 display: inline-block
;
11482 border-left: 7px solid transparent
;
11483 border-right: 7px solid transparent
;
11484 border-top: 7px solid
#fff;
11485 position: absolute
;
11487 left: calc
(50% - 7px);
11489 .hover-tooltip-container:hover .hover-tooltip {
11491 visibility: visible
;
11492 transition: opacity
0.15s 0.5s, visibility
0.15s 0.5s; }
11497 #region-flat-nav .nav
{
11498 margin-right: 15px;
11499 background-color: #fff; }
11500 @media
(max-width: 767.98px) {
11501 #region-flat-nav .nav
{
11503 margin-right: 0; } }
11507 text-decoration: underline
; }
11508 #page-footer a
.icon
{
11510 #page-footer a:focus
.icon
{
11515 text-decoration: underline
; }
11516 .bg-inverse a .icon {
11527 .dropdown-item:active, .dropdown-item:hover, .dropdown-item:focus, .dropdown-item:focus-within {
11529 background-color: #0f6fc5; }
11530 .dropdown-item:active a, .dropdown-item:hover a, .dropdown-item:focus a, .dropdown-item:focus-within a {
11533 .dropdown-item[aria-current="true"] {
11534 position: relative
;
11536 align-items: center
; }
11537 .dropdown-item[aria-current="true"]:before {
11538 display: inline-block
;
11539 font: normal normal normal
14px/1 FontAwesome
;
11540 font-size: inherit
;
11541 text-rendering: auto
;
11542 -webkit-font-smoothing: antialiased
;
11543 -moz-osx-font-smoothing: grayscale
;
11545 position: absolute
;
11547 font-size: 0.7rem; }
11549 .competency-tree ul {
11550 padding-left: 1.5rem; }
11552 .sr-only-focusable:active, .sr-only-focusable:focus {
11560 [data-drag-type
="move"] {
11562 touch-action: none
; }
11567 .overlay-icon-container {
11568 position: absolute
;
11573 background-color: rgba
(255, 255, 255, 0.6); }
11574 .overlay-icon-container .loading-icon {
11575 position: absolute
;
11578 transform: translate
(-50%, -50%); }
11579 .overlay-icon-container .loading-icon .icon {
11588 animation: bg-pulse-grey
2s infinite linear
; }
11590 @keyframes bg-pulse-grey
{
11592 background-color: #f8f9fa; }
11594 background-color: #e9ecef; }
11596 background-color: #f8f9fa; } }
11599 line-height: 0 !important
;
11600 /* stylelint-disable-line declaration-no-important */ }
11603 line-height: 0.25rem !important
;
11604 /* stylelint-disable-line declaration-no-important */ }
11607 line-height: 0.5rem !important
;
11608 /* stylelint-disable-line declaration-no-important */ }
11611 line-height: 1rem !important
;
11612 /* stylelint-disable-line declaration-no-important */ }
11615 line-height: 1.5rem !important
;
11616 /* stylelint-disable-line declaration-no-important */ }
11619 line-height: 2rem !important
;
11620 /* stylelint-disable-line declaration-no-important */ }
11623 line-height: 3rem !important
;
11624 /* stylelint-disable-line declaration-no-important */ }
11626 .dir-rtl .dir-rtl-hide {
11629 .dir-ltr .dir-ltr-hide {
11632 .paged-content-page-container {
11633 min-height: 3.125rem; }
11635 body
.h5p-embed #page-content
{
11636 display: inherit
; }
11638 body
.h5p-embed #maincontent
{
11641 body
.h5p-embed
.h5pmessages
{
11642 min-height: 230px; }
11644 .text-decoration-none {
11645 text-decoration: none
!important
;
11646 /* stylelint-disable-line declaration-no-important */ }
11649 color: inherit
!important
;
11650 /* stylelint-disable-line declaration-no-important */ }
11653 right: 0 !important
;
11654 /* stylelint-disable-line declaration-no-important */ }
11657 overflow: hidden
!important
;
11658 /* stylelint-disable-line declaration-no-important */ }
11661 overflow-wrap: break-word
!important
;
11662 /* stylelint-disable-line declaration-no-important */ }
11665 word-break: break-word
!important
;
11666 /* stylelint-disable-line declaration-no-important */ }
11669 z-index: 0 !important
;
11670 /* stylelint-disable-line declaration-no-important */ }
11673 z-index: 1 !important
;
11674 /* stylelint-disable-line declaration-no-important */ }
11677 float: left
!important
;
11678 /* stylelint-disable-line declaration-no-important */ }
11681 float: right
!important
;
11682 /* stylelint-disable-line declaration-no-important */ }
11689 cursor: not-allowed
; }
11698 display: -webkit-box
;
11699 -webkit-box-orient: vertical
;
11700 -webkit-line-clamp: 2;
11701 overflow: hidden
; }
11704 word-break: break-all
; }
11707 background-color: #a8d2f8;
11714 .emoji-picker .category-button {
11715 padding: .375rem 0;
11717 width: 38.8888888889px;
11720 border-right: none
;
11721 border-bottom: 2px solid transparent
; }
11722 .emoji-picker .category-button.selected {
11723 border-bottom: 2px solid
#0f6fc5; }
11724 .emoji-picker
.emojis-container
,
11725 .emoji-picker .search-results-container {
11726 min-width: 280px; }
11727 .emoji-picker .picker-row {
11729 .emoji-picker .picker-row .category-name {
11730 line-height: 40px; }
11731 .emoji-picker .picker-row .emoji-button {
11736 overflow: hidden
; }
11737 .emoji-picker .picker-row .emoji-button:hover, .emoji-picker .picker-row .emoji-button:focus {
11739 text-decoration: none
; }
11740 .emoji-picker .emoji-preview {
11743 line-height: 40px; }
11744 .emoji-picker .emoji-short-name {
11745 line-height: 20px; }
11746 @media
(max-width: 575.98px) {
11750 .emoji-auto-complete {
11752 .emoji-auto-complete .btn.btn-link.btn-icon.emoji-button {
11757 .emoji-auto-complete .btn.btn-link.btn-icon.emoji-button.active {
11758 background-color: #e9ecef; }
11764 .toast-wrapper > :first-child {
11765 margin-top: 1rem; }
11770 .alert-secondary a {
11792 font-weight: 700; }
11794 @media (max-width: 767.98px) {
11797 .breadcrumb:not(:empty) {
11799 border: 2px solid
#e9ecef;
11801 margin-bottom: 0.5rem; }
11802 .breadcrumb:not(:empty) .breadcrumb-item {
11803 padding-top: 0.3333333333rem;
11804 padding-bottom: 0.3333333333rem;
11805 display: inline-block
; }
11808 padding-right: 15px;
11809 padding-left: 15px; }
11812 justify-content: center
; }
11816 padding: 0.625rem; }
11817 #page-header .card
{
11819 #page-header .card
.card-body
{
11826 background-color: #e9ecef; }
11827 .nav-tabs
.nav-item
,
11828 .nav-pills .nav-item {
11830 text-align: center
; }
11831 .nav-tabs
.nav-link
,
11832 .nav-pills .nav-link {
11835 margin: 0.125rem; }
11836 .nav-tabs
.nav-link
.active
,
11837 .nav-pills .nav-link.active {
11839 border-color: #6c757d;
11840 border-color: #6c757d; }
11841 .nav-tabs
.nav-link
.active:hover
,
11842 .nav-pills .nav-link.active:hover {
11844 background-color: #6c757d;
11845 border-color: #6c757d; }
11846 .nav-tabs
.nav-link
.active:focus
, .nav-tabs
.nav-link
.active
.focus
,
11847 .nav-pills
.nav-link
.active:focus
,
11848 .nav-pills .nav-link.active.focus {
11849 box-shadow: 0 0 0 0.2rem rgba
(108, 117, 125, 0.5); }
11850 .nav-tabs
.nav-link
.active
.disabled
, .nav-tabs
.nav-link
.active:disabled
,
11851 .nav-pills
.nav-link
.active
.disabled
,
11852 .nav-pills .nav-link.active:disabled {
11854 background-color: transparent
; }
11855 .nav-tabs
.nav-link
.active:not
(:disabled
):not
(.disabled
):active
, .nav-tabs
.nav-link
.active:not
(:disabled
):not
(.disabled
).active
,
11856 .show
> .nav-tabs
.nav-link
.active
.dropdown-toggle
,
11857 .nav-pills
.nav-link
.active:not
(:disabled
):not
(.disabled
):active
,
11858 .nav-pills
.nav-link
.active:not
(:disabled
):not
(.disabled
).active
,
11860 .nav-pills .nav-link.active.dropdown-toggle {
11862 background-color: #6c757d;
11863 border-color: #6c757d; }
11864 .nav-tabs
.nav-link
.active:not
(:disabled
):not
(.disabled
):active:focus
, .nav-tabs
.nav-link
.active:not
(:disabled
):not
(.disabled
).active:focus
,
11865 .show
> .nav-tabs
.nav-link
.active
.dropdown-toggle:focus
,
11866 .nav-pills
.nav-link
.active:not
(:disabled
):not
(.disabled
):active:focus
,
11867 .nav-pills
.nav-link
.active:not
(:disabled
):not
(.disabled
).active:focus
,
11869 .nav-pills .nav-link.active.dropdown-toggle:focus {
11870 box-shadow: 0 0 0 0.2rem rgba
(108, 117, 125, 0.5); } }
11872 @media (max-width: 576px) and
(max-height: 320px) {
11875 .navbar.fixed-top {
11876 position: relative
;
11877 z-index: inherit
; } }
11880 text-decoration: underline
; }
11881 .link-underline:focus {
11882 text-decoration: none
; }
11886 .alert.cta .icon.fa {
11887 border-radius: 50%;
11888 border-style: solid
;
11889 border-width: 0.125rem; }
11891 .core_payment_gateways_modal
.custom-control-label::before
,
11892 .core_payment_gateways_modal .custom-control-label::after {
11901 box-sizing: content-box
;
11902 margin-right: 0.5rem; }
11905 .icon.iconsize-big {
11910 .navbar-dark a .icon {
11911 color: rgba
(255, 255, 255, 0.5) !important
;
11912 /* stylelint-disable-line declaration-no-important */ }
11914 .action-menu-item a:first-of-type > .icon {
11915 margin-left: 0.5rem; }
11918 margin-left: 0 !important
;
11919 /* stylelint-disable-line declaration-no-important */ }
11921 .block_navigation
.tree_item
.icon
,
11922 .block_settings .tree_item .icon {
11925 [data-action
=toggle-drawer
] .icon
{
11928 .icon-no-spacing a > .icon {
11931 .icon-no-margin .icon {
11935 margin-bottom: 0; }
11937 .icon-large > .icon {
11941 .icon-size-0 .icon {
11942 height: 0 !important
;
11943 /* stylelint-disable-line declaration-no-important */
11944 width: 0 !important
;
11945 /* stylelint-disable-line declaration-no-important */
11946 font-size: 0 !important
;
11947 /* stylelint-disable-line declaration-no-important */ }
11949 .icon-size-1 .icon {
11950 height: 4px !important
;
11951 /* stylelint-disable-line declaration-no-important */
11952 width: 4px !important
;
11953 /* stylelint-disable-line declaration-no-important */
11954 font-size: 4px !important
;
11955 /* stylelint-disable-line declaration-no-important */ }
11957 .icon-size-2 .icon {
11958 height: 8px !important
;
11959 /* stylelint-disable-line declaration-no-important */
11960 width: 8px !important
;
11961 /* stylelint-disable-line declaration-no-important */
11962 font-size: 8px !important
;
11963 /* stylelint-disable-line declaration-no-important */ }
11965 .icon-size-3 .icon {
11966 height: 16px !important
;
11967 /* stylelint-disable-line declaration-no-important */
11968 width: 16px !important
;
11969 /* stylelint-disable-line declaration-no-important */
11970 font-size: 16px !important
;
11971 /* stylelint-disable-line declaration-no-important */ }
11973 .icon-size-4 .icon {
11974 height: 24px !important
;
11975 /* stylelint-disable-line declaration-no-important */
11976 width: 24px !important
;
11977 /* stylelint-disable-line declaration-no-important */
11978 font-size: 24px !important
;
11979 /* stylelint-disable-line declaration-no-important */ }
11981 .icon-size-5 .icon {
11982 height: 32px !important
;
11983 /* stylelint-disable-line declaration-no-important */
11984 width: 32px !important
;
11985 /* stylelint-disable-line declaration-no-important */
11986 font-size: 32px !important
;
11987 /* stylelint-disable-line declaration-no-important */ }
11989 .icon-size-6 .icon {
11990 height: 40px !important
;
11991 /* stylelint-disable-line declaration-no-important */
11992 width: 40px !important
;
11993 /* stylelint-disable-line declaration-no-important */
11994 font-size: 40px !important
;
11995 /* stylelint-disable-line declaration-no-important */ }
11997 .icon-size-7 .icon {
11998 height: 48px !important
;
11999 /* stylelint-disable-line declaration-no-important */
12000 width: 48px !important
;
12001 /* stylelint-disable-line declaration-no-important */
12002 font-size: 48px !important
;
12003 /* stylelint-disable-line declaration-no-important */ }
12006 margin-left: 0.5rem; }
12009 .formtable tbody th {
12010 font-weight: normal
;
12011 text-align: right
; }
12013 .path-admin #assignrole {
12016 margin-right: auto
; }
12018 .path-admin .admintable .leftalign {
12019 text-align: left
; }
12021 .environmenttable .warn {
12022 background-color: #fcefdc;
12025 .environmenttable .error {
12026 background-color: #f4d6d2;
12029 .environmenttable .ok {
12030 background-color: #d7e4d6;
12033 .path-admin
.admintable
.environmenttable
.name
,
12034 .path-admin
.admintable
.environmenttable
.info
,
12035 .path-admin #assignrole
.admintable
.role
,
12036 .path-admin #assignrole
.admintable
.userrole
,
12037 .path-admin #assignrole .admintable .roleholder {
12038 white-space: nowrap
; }
12040 .path-admin .incompatibleblockstable td.c0 {
12041 font-weight: bold
; }
12043 #page-admin-course-category .addcategory
{
12046 #page-admin-course-index .editcourse
{
12047 margin: 20px auto
; }
12049 #page-admin-course-index .editcourse th
,
12050 #page-admin-course-index .editcourse td
{
12051 padding-left: 10px;
12052 padding-right: 10px; }
12054 .timewarninghidden {
12057 #page-admin-report-capability-index #capabilitysearch
{
12060 #page-admin-qtypes #qtypes div
,
12061 #page-admin-qtypes #qtypes form
,
12062 #page-admin-qbehaviours #qbehaviours div
,
12063 #page-admin-qbehaviours #qbehaviours form
{
12066 #page-admin-qtypes #qtypes img
.spacer
,
12067 #page-admin-qbehaviours #qbehaviours img
.spacer
{
12070 #page-admin-qbehaviours .cell
.c3
,
12071 #page-admin-qtypes .cell
.c3
{
12072 font-size: 0.8203125rem; }
12074 #page-admin-lang .generalbox
,
12075 #page-admin-course-index .singlebutton
,
12076 #page-admin-course-index .addcategory
,
12077 #page-course-index .buttons
,
12078 #page-course-index-category .buttons
,
12079 #page-admin-course-category .addcategory
,
12080 #page-admin-stickyblocks .generalbox
,
12081 #page-admin-maintenance .buttons
,
12082 #page-admin-course-index .buttons
,
12083 #page-admin-course-category .buttons
,
12084 #page-admin-index .copyright
,
12085 #page-admin-index .copyrightnotice
,
12086 #page-admin-index .adminerror
.singlebutton
,
12087 #page-admin-index .adminwarning
.singlebutton
,
12088 #page-admin-index #layout-table
.singlebutton
{
12089 text-align: center
;
12090 margin-bottom: 1em; }
12092 .path-admin-roles .capabilitysearchui {
12095 margin-right: auto
;
12096 margin-top: 1rem; }
12098 #page-admin-roles-define .topfields
{
12099 margin: 1em 0 2em; }
12101 #page-admin-roles-define .capdefault
{
12102 background-color: rgba
(0, 0, 0, 0.075); }
12104 #page-filter-manage .backlink
,
12105 .path-admin-roles .backlink {
12108 #page-admin-roles-explain #chooseuser h3
,
12109 #page-admin-roles-usersroles .contextname
{
12112 #page-admin-roles-explain #chooseusersubmit
{
12114 text-align: center
; }
12116 #page-admin-roles-usersroles p
{
12119 #page-admin-roles-override .cell
.c1
,
12120 #page-admin-roles-assign .cell
.c3
,
12121 #page-admin-roles-assign .cell
.c1
{
12122 padding-top: 0.75em; }
12124 #page-admin-roles-override .overridenotice
,
12125 #page-admin-roles-define .definenotice
{
12126 margin: 1em 10% 2em 10%;
12127 text-align: left
; }
12129 #page-admin-index .adminwarning
.availableupdatesinfo
.moodleupdateinfo span
{
12132 #page-admin-index .updateplugin div
{
12133 margin-bottom: 0.5em; }
12135 #page-admin-user-user_bulk #users
.fgroup
{
12136 white-space: nowrap
; }
12138 #page-admin-report-stats-index .graph
{
12139 text-align: center
;
12140 margin-bottom: 1em; }
12142 #page-admin-report-courseoverview-index .graph
{
12143 text-align: center
;
12144 margin-bottom: 1em; }
12146 #page-admin-lang .translator
{
12148 border-style: solid
; }
12150 .path-admin .roleassigntable {
12153 .path-admin .roleassigntable td {
12154 vertical-align: top
;
12155 padding: 0.2em 0.3em; }
12157 .path-admin .roleassigntable p {
12161 .path-admin
.roleassigntable #existingcell
,
12162 .path-admin .roleassigntable #potentialcell {
12165 .path-admin
.roleassigntable #existingcell p
> label:first-child
,
12166 .path-admin .roleassigntable #potentialcell p > label:first-child {
12167 font-weight: bold
; }
12169 .path-admin .roleassigntable #buttonscell {
12172 .path-admin .roleassigntable #buttonscell #assignoptions {
12173 font-size: 0.8203125rem; }
12175 .path-admin
.roleassigntable #removeselect_wrapper
,
12176 .path-admin .roleassigntable #addselect_wrapper {
12179 .path-admin table.rolecap tr.rolecap th {
12181 font-weight: normal
; }
12183 .path-admin .rolecap .hiddenrow {
12186 .path-admin
#defineroletable
.rolecap
.inherit
,
12187 .path-admin
#defineroletable
.rolecap
.allow
,
12188 .path-admin
#defineroletable
.rolecap
.prevent
,
12189 .path-admin #defineroletable .rolecap .prohibit {
12190 text-align: center
;
12192 min-width: 3.5em; }
12194 .path-admin
.rolecap
.cap-name
,
12195 .path-admin .rolecap .note {
12197 font-size: 0.8203125rem;
12198 white-space: nowrap
;
12199 font-weight: normal
; }
12201 .path-admin .rolecap label {
12203 text-align: center
;
12207 .plugincheckwrapper {
12213 #mnetconfig table
{
12215 margin-right: auto
; }
12217 .environmenttable .cell {
12218 padding: .15em .5em; }
12220 #trustedhosts .generaltable
{
12222 margin-right: auto
;
12225 #trustedhosts .standard
{
12228 #adminsettings legend
{
12231 #adminsettings fieldset
.error
{
12232 margin: .2em 0 .5em 0; }
12234 #adminsettings fieldset
.error legend
{
12237 #admin-spelllanguagelist textarea
,
12238 #page-admin-setting-editorsettingstinymce .form-textarea textarea
{
12244 /* Styles for flags on admin settings */
12245 .adminsettingsflags {
12248 .adminsettingsflags label {
12249 margin-right: 7px; }
12251 .form-description pre
,
12252 .formsettingheading pre {
12256 .form-item .form-setting .form-htmlarea {
12259 .form-item .form-setting .form-htmlarea .htmlarea {
12263 .form-item .form-setting .form-multicheckbox ul {
12266 margin: 7px 0 0 0; }
12268 .form-item .form-setting .defaultsnext {
12271 .form-item .form-setting .locked-checkbox {
12272 margin-right: 0.2em;
12273 margin-left: 0.5em;
12276 .form-item
.form-setting
.form-password
.unmask
,
12277 .form-item .form-setting .form-defaultinfo {
12278 display: inline-block
; }
12280 .form-item .form-setting .form-defaultinfo {
12282 word-wrap: break-word
; }
12284 #admin-emoticons td input
{
12287 #admin-emoticons td
.c0 input
{
12290 #adminthemeselector .selectedtheme td
.c0
{
12291 border: 1px solid
#b8dce2;
12292 border-right-width: 0; }
12294 #adminthemeselector .selectedtheme td
.c1
{
12295 border: 1px solid
#b8dce2;
12296 border-left-width: 0; }
12298 .admin_colourpicker
,
12299 .admin_colourpicker_preview {
12302 .jsenabled .admin_colourpicker_preview {
12305 @media (min-width: 768px) {
12306 .jsenabled .admin_colourpicker {
12310 margin-bottom: 10px;
12311 box-sizing: content-box
; }
12312 .admin_colourpicker .colourdialogue {
12314 border: 1px solid
#8f959e; }
12315 .admin_colourpicker .previewcolour {
12316 border: 1px solid
#8f959e;
12317 margin-left: 301px; }
12318 .admin_colourpicker .currentcolour {
12319 border: 1px solid
#8f959e;
12320 margin-left: 301px;
12321 border-top-width: 0; } }
12323 @media (max-width: 767.98px) {
12324 .jsenabled .admin_colourpicker {
12326 margin-bottom: 10px;
12328 position: relative
; }
12329 .admin_colourpicker .previewcolour {
12331 .admin_colourpicker .currentcolour {
12332 position: absolute
;
12333 border: 1px solid
#dee2e6;
12337 .admin_colourpicker .loadingicon {
12338 vertical-align: middle
;
12339 margin-left: auto
; }
12341 #page-admin-index #notice
.checkforupdates
{
12342 text-align: center
; }
12344 #page-admin-plugins #plugins-overview-panel
.info
{
12345 display: inline-block
;
12346 margin-right: 1em; }
12348 #page-admin-plugins .checkforupdates
{
12350 #page-admin-plugins .checkforupdates
.singlebutton
{
12353 #page-admin-plugins .checkforupdates
.singlebutton div
,
12354 #page-admin-plugins .checkforupdates
.singlebutton input
{
12355 margin: 0 3px 0 0; }
12357 #page-admin-plugins .updateavailableinstallall
{
12360 #page-admin-plugins .updateavailableinstallall div
,
12361 #page-admin-plugins .updateavailableinstallall input
{
12362 margin: 0 3px 5px 0; }
12364 #page-admin-plugins #plugins-control-panel
.status-missing td
{
12365 background-color: #fcefdc; }
12367 #page-admin-plugins #plugins-control-panel
.pluginname
.componentname
{
12368 font-size: 0.8203125rem;
12370 margin-left: 22px; }
12372 #page-admin-plugins #plugins-control-panel
.version
.versionnumber
{
12373 font-size: 0.8203125rem;
12376 #page-admin-plugins #plugins-control-panel
.uninstall a
{
12379 #page-admin-plugins #plugins-control-panel
.notes
.label
{
12380 margin-right: 3px; }
12382 #page-admin-plugins #plugins-control-panel
.notes
.requiredby
{
12383 font-size: 0.8203125rem;
12386 #plugins-check-page #plugins-check
.status-missing td
,
12387 #plugins-check-page #plugins-check
.status-downgrade td
{
12388 background-color: #f4d6d2; }
12390 #plugins-check-page .pluginupdateinfo
,
12391 #plugins-control-panel .pluginupdateinfo
{
12392 background-color: #cce6ea;
12395 #plugins-check-page .pluginupdateinfo
.maturity50
,
12396 #plugins-control-panel .pluginupdateinfo
.maturity50
{
12397 background-color: #f4d6d2; }
12398 #plugins-check-page .pluginupdateinfo
.maturity100
, #plugins-check-page
.pluginupdateinfo
.maturity150
,
12399 #plugins-control-panel .pluginupdateinfo
.maturity100
,
12400 #plugins-control-panel .pluginupdateinfo
.maturity150
{
12401 background-color: #fcefdc; }
12402 #plugins-check-page .pluginupdateinfo
.info
,
12403 #plugins-control-panel .pluginupdateinfo
.info
{
12404 display: inline-block
; }
12405 #plugins-check-page .pluginupdateinfo
.separator:after
,
12406 #plugins-control-panel .pluginupdateinfo
.separator:after
{
12408 #plugins-check-page .pluginupdateinfo
.singlebutton
,
12409 #plugins-control-panel .pluginupdateinfo
.singlebutton
{
12412 #plugins-check-page .pluginupdateinfo
.singlebutton div
,
12413 #plugins-check-page .pluginupdateinfo
.singlebutton input
,
12414 #plugins-control-panel .pluginupdateinfo
.singlebutton div
,
12415 #plugins-control-panel .pluginupdateinfo
.singlebutton input
{
12416 margin: 0 3px 0 0; }
12418 .plugins-management-confirm-buttons > div {
12419 display: inline-block
;
12420 margin: 1em 1em 1em 0; }
12422 .plugins-management-confirm-buttons .continue {
12424 .plugins-management-confirm-buttons
.continue div
,
12425 .plugins-management-confirm-buttons .continue input {
12428 #page-admin-index .upgradepluginsinfo
{
12429 text-align: center
; }
12431 #page-admin-index .adminwarning
.availableupdatesinfo
.moodleupdateinfo
.separator:after
{
12434 /** MNet networking */
12435 #page-admin-mnet-peers .box
.deletedhosts
{
12436 margin-bottom: 1em;
12437 font-size: 0.8203125rem; }
12439 #core-cache-plugin-summaries table
,
12440 #core-cache-store-summaries table
{
12443 #core-cache-lock-summary table
,
12444 #core-cache-definition-summaries table
,
12445 #core-cache-mode-mappings table
{
12448 #core-cache-store-summaries .default-store td
{
12449 font-style: italic
; }
12451 #core-cache-rescan-definitions,
12452 #core-cache-mode-mappings .edit-link
,
12453 #core-cache-lock-additional-actions .new-instance
{
12455 text-align: center
; }
12457 .maintenancewarning {
12464 .modal.modal-in-page {
12467 #page-admin-search .adminpagetitle
{
12469 border-bottom: none
; }
12471 #page-admin-search .adminpagepath
{
12476 margin: 0 0 1.5rem 0; }
12477 #page-admin-search .adminpagepath li
+ li:before
{
12478 padding-right: 0.5rem;
12479 padding-left: 0.5rem;
12482 @media (min-width: 576px) {
12483 #page-admin-search .container
{
12484 overflow-wrap: break-word
; } }
12486 #page-admin-tasklogs .task-class
{
12487 font-size: 0.8203125rem;
12490 .path-admin-tool-uploaduser .uuwarning {
12491 background-color: #fcefdc; }
12493 .path-admin-tool-uploaduser .uuerror {
12494 background-color: #f4d6d2; }
12496 .path-admin-tool-uploaduser .uuinfo {
12497 background-color: #d7e4d6; }
12499 .blockmovetarget .accesshide {
12500 position: relative
;
12504 padding-top: 0 !important
;
12505 /* stylelint-disable declaration-no-important */
12506 margin-top: 0 !important
; }
12508 .block_search_forums .searchform {
12509 /* Override plugin's default. */
12510 text-align: left
; }
12512 .block
.block_navigation
.block_tree ul
,
12513 .block_settings .block_tree ul {
12516 .block .block-controls .dropdown-toggle {
12517 /* So that the caret takes the colour of the icon. */
12520 [data-region
="blocks-column"] {
12524 /* We put an absolutely positioned div in a relatively positioned div so it takes up no space */
12525 @media (min-width: 576px) {
12526 #region-main-settings-menu {
12527 position: relative
;
12530 #region-main-settings-menu > div
{
12531 position: absolute
;
12535 .region_main_settings_menu_proxy {
12538 background-color: #fff;
12539 margin-left: 0.625rem;
12540 margin-bottom: 0.625rem;
12541 border-bottom-left-radius: 0.5rem;
12544 @media (max-width: 767.98px) {
12545 #region-main-settings-menu .menubar
{
12546 justify-content: flex-end
; } }
12548 #region-main-settings-menu.has-blocks
,
12549 #region-main.has-blocks
{
12550 display: inline-block
;
12551 width: calc
(100% - 375px); }
12552 @media
(max-width: 1199.98px) {
12553 #region-main-settings-menu.has-blocks
,
12554 #region-main.has-blocks
{
12556 /* MDL-63102 - Remove extra space at bottom.
12557 If modifying make sure block-region is horizontally stacked when in full screen */
12558 display: block
; } }
12560 .header-action #region-main-settings-menu {
12564 .header-action #region-main-settings-menu > div {
12569 @media (max-width: 1199.98px) {
12570 [data-region
="blocks-column"] {
12573 .block .empty-placeholder-image-lg {
12576 .block .block-cards .course-info-container {
12579 .block .block-cards .progress {
12582 .block .block-cards .course-summaryitem {
12583 border: 1px solid
#dee2e6;
12584 background-color: #fff; }
12586 .block .block-cards .icon {
12589 .block .block-cards .card .coursemenubtn {
12590 margin-top: -0.5rem; }
12592 .block
.block-cards a
.coursename
,
12593 .block
.block-cards span
.categoryname
,
12594 .block .block-cards .btn-link {
12597 .block .block-cards .multiline {
12598 white-space: normal
; }
12600 .block .block-cards .btn.btn-link.btn-icon {
12604 border-radius: 50%; }
12605 .block .block-cards .btn.btn-link.btn-icon:hover, .block .block-cards .btn.btn-link.btn-icon:focus {
12606 background-color: #e9ecef; }
12608 .dashboard-card-deck.one-row {
12610 overflow-x: scroll
; }
12615 background-position: center
;
12616 background-size: cover
; }
12618 .dashboard-card-deck .dashboard-card {
12619 margin-bottom: 0.5rem;
12624 .dashboard-card-deck .dashboard-card .dashboard-card-img {
12626 background-position: center
;
12627 background-size: cover
; }
12628 .dashboard-card-deck .dashboard-card .dashboard-card-footer {
12631 @media (min-width: 576px) {
12632 .dashboard-card-deck.fixed-width-cards .dashboard-card {
12634 max-width: 100%; } }
12636 @media (min-width: 576px) {
12637 .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
12638 width: calc
(50% - 0.5rem); } }
12640 @media (min-width: 840px) {
12641 .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
12642 width: calc
(33.33% - 0.5rem); } }
12644 @media (min-width: 1100px) {
12645 .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
12646 width: calc
(25% - 0.5rem); } }
12648 @media (min-width: 1360px) {
12649 .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
12650 width: calc
(20% - 0.5rem); } }
12652 @media (min-width: 1200px) {
12653 #region-main.has-blocks
.dashboard-card-deck:not
(.fixed-width-cards
) .dashboard-card
{
12654 width: calc
(33.33% - 0.5rem); } }
12656 @media (min-width: 1470px) {
12657 #region-main.has-blocks
.dashboard-card-deck:not
(.fixed-width-cards
) .dashboard-card
{
12658 width: calc
(25% - 0.5rem); } }
12660 @media (min-width: 768px) {
12661 body
.drawer-open-left
.dashboard-card-deck:not
(.fixed-width-cards
) .dashboard-card
{
12662 width: calc
(100% - 0.5rem); } }
12664 @media (min-width: 861px) {
12665 body
.drawer-open-left
.dashboard-card-deck:not
(.fixed-width-cards
) .dashboard-card
{
12666 width: calc
(50% - 0.5rem); } }
12668 @media (min-width: 1122px) {
12669 body
.drawer-open-left
.dashboard-card-deck:not
(.fixed-width-cards
) .dashboard-card
{
12670 width: calc
(33.33% - 0.5rem); } }
12672 @media (min-width: 1381px) {
12673 body
.drawer-open-left
.dashboard-card-deck:not
(.fixed-width-cards
) .dashboard-card
{
12674 width: calc
(25% - 0.5rem); } }
12676 @media (min-width: 1200px) {
12677 body
.drawer-open-left #region-main
.has-blocks
.dashboard-card-deck:not
(.fixed-width-cards
) .dashboard-card
{
12678 width: calc
(100% - 0.5rem); } }
12680 @media (min-width: 1236px) {
12681 body
.drawer-open-left #region-main
.has-blocks
.dashboard-card-deck:not
(.fixed-width-cards
) .dashboard-card
{
12682 width: calc
(50% - 0.5rem); } }
12684 @media (min-width: 1497px) {
12685 body
.drawer-open-left #region-main
.has-blocks
.dashboard-card-deck:not
(.fixed-width-cards
) .dashboard-card
{
12686 width: calc
(33.33% - 0.5rem); } }
12688 @media (min-width: 1200px) {
12689 #block-region-side-pre .dashboard-card-deck:not
(.fixed-width-cards
) {
12692 #block-region-side-pre .dashboard-card-deck:not
(.fixed-width-cards
) .dashboard-card
{
12693 width: calc
(100% - 0.5rem) !important
; } }
12695 .block_recentlyaccessedcourses .paging-bar-container {
12696 margin-top: -2.4rem;
12697 justify-content: flex-end
; }
12699 @media (max-width: 575.98px) {
12700 .block_recentlyaccessedcourses .paging-bar-container {
12703 #block-region-side-pre .block_recentlyaccessedcourses
.paging-bar-container
{
12706 .block_recentlyaccesseditems img.icon {
12709 margin-right: 6px; }
12711 .block_myoverview .content {
12712 min-height: 19.35rem; }
12714 .block_myoverview .paged-content-page-container {
12715 min-height: 13rem; }
12717 .block_settings
.block_tree
[aria-expanded
="true"],
12718 .block_settings
.block_tree
[aria-expanded
="true"].emptybranch
,
12719 .block_settings
.block_tree
[aria-expanded
="false"],
12720 .block_navigation
.block_tree
[aria-expanded
="true"],
12721 .block_navigation
.block_tree
[aria-expanded
="true"].emptybranch
,
12722 .block_navigation .block_tree [aria-expanded="false"] {
12723 background-image: none
; }
12725 .block_settings
.block_tree
[aria-expanded
="true"]:before
,
12726 .block_navigation .block_tree [aria-expanded="true"]:before {
12729 display: inline-block
;
12730 font: normal normal normal
14px/1 FontAwesome
;
12731 font-size: inherit
;
12732 text-rendering: auto
;
12733 -webkit-font-smoothing: antialiased
;
12734 -moz-osx-font-smoothing: grayscale
;
12738 .block_settings
.block_tree
[aria-expanded
="false"]:before
,
12739 .block_navigation .block_tree [aria-expanded="false"]:before {
12742 display: inline-block
;
12743 font: normal normal normal
14px/1 FontAwesome
;
12744 font-size: inherit
;
12745 text-rendering: auto
;
12746 -webkit-font-smoothing: antialiased
;
12747 -moz-osx-font-smoothing: grayscale
;
12751 .dir-rtl
.block_settings
.block_tree
[aria-expanded
="false"]:before
,
12752 .dir-rtl .block_navigation .block_tree [aria-expanded="false"]:before {
12755 .block_navigation
.block_tree p
.hasicon
,
12756 .block_settings .block_tree p.hasicon {
12757 text-indent: -3px; }
12758 .block_navigation
.block_tree p
.hasicon
.icon
,
12759 .block_settings .block_tree p.hasicon .icon {
12760 margin-right: 2px; }
12762 .block.invisibleblock .card-title {
12765 @media (max-width: 767.98px) {
12768 border-right: 0; } }
12770 .block_social_activities li a
.movehere
,
12771 .block_site_main_menu li a.movehere {
12775 border: 2px dashed
#343a40;
12779 max-height: 50px; }
12781 /* calendar.less */
12782 .calendar_event_category {
12783 background-color: #e0cbe0; }
12784 .calendar_event_category .commands a {
12787 .calendar_event_course {
12788 background-color: #ffd3bd; }
12789 .calendar_event_course .commands a {
12792 .calendar_event_site {
12793 background-color: #d6f8cd; }
12794 .calendar_event_site .commands a {
12797 .calendar_event_group {
12798 background-color: #fee7ae; }
12799 .calendar_event_group .commands a {
12802 .calendar_event_user {
12803 background-color: #dce7ec; }
12804 .calendar_event_user .commands a {
12807 .calendar_event_other {
12808 background-color: #ced4da; }
12809 .calendar_event_other .commands a {
12812 .path-calendar .calendartable {
12814 table-layout: fixed
; }
12815 .path-calendar
.calendartable th
,
12816 .path-calendar .calendartable td {
12818 vertical-align: top
;
12819 text-align: center
;
12822 .path-calendar
.calendar-controls
.previous
,
12823 .path-calendar
.calendar-controls
.next
,
12824 .path-calendar .calendar-controls .current {
12829 .path-calendar .calendar-controls .previous {
12831 border: 1px solid transparent
; }
12833 .path-calendar .calendar-controls .current {
12834 text-align: center
;
12837 .path-calendar .calendar-controls .next {
12839 border: 1px solid transparent
; }
12841 .path-calendar .calendar-controls .drop-target {
12842 box-sizing: border-box
;
12843 border: 1px dashed
#0f6fc5; }
12845 .path-calendar .filters table {
12846 border-collapse: separate
;
12847 border-spacing: 2px;
12850 .path-calendar .maincalendar {
12851 vertical-align: top
;
12853 .path-calendar .maincalendar .bottom {
12854 text-align: center
;
12855 padding: 5px 0 0 0; }
12856 .path-calendar .maincalendar .heightcontainer {
12858 position: relative
; }
12859 .path-calendar .maincalendar .calendarmonth {
12861 margin: 10px auto
; }
12862 .path-calendar .maincalendar .calendarmonth ul {
12865 .path-calendar .maincalendar .calendarmonth ul li {
12866 list-style-type: none
; }
12867 .path-calendar .maincalendar .calendarmonth ul li > a {
12869 text-overflow: ellipsis
;
12870 white-space: nowrap
;
12872 display: inline-block
; }
12873 .path-calendar .maincalendar .calendarmonth ul li > a:hover {
12874 text-decoration: none
; }
12875 .path-calendar .maincalendar .calendarmonth ul li > a:hover .eventname {
12876 text-decoration: underline
; }
12877 .path-calendar .maincalendar .calendarmonth ul li .icon {
12878 margin-left: 0.25em;
12879 margin-right: 0.25em;
12880 vertical-align: initial
; }
12881 .path-calendar .maincalendar .calendarmonth ul li .calendar-circle {
12884 border-radius: 6px;
12885 vertical-align: middle
;
12886 display: inline-block
; }
12887 .path-calendar .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_category {
12888 background-color: #e0cbe0;
12889 border: 2px solid
#9e619f; }
12890 .path-calendar .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_course {
12891 background-color: #ffd3bd;
12892 border: 2px solid
#d34600; }
12893 .path-calendar .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_site {
12894 background-color: #d6f8cd;
12895 border: 2px solid
#2b8713; }
12896 .path-calendar .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_group {
12897 background-color: #fee7ae;
12898 border: 2px solid
#9a6e02; }
12899 .path-calendar .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_user {
12900 background-color: #dce7ec;
12901 border: 2px solid
#4e7c91; }
12902 .path-calendar .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_other {
12903 background-color: #ced4da;
12904 border: 2px solid
#687889; }
12905 .path-calendar .maincalendar .calendarmonth td {
12907 .path-calendar .maincalendar .calendarmonth .clickable:hover {
12908 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); }
12909 .path-calendar
.maincalendar
.calendar-controls
.previous
,
12910 .path-calendar .maincalendar .calendar-controls .next {
12912 .path-calendar .maincalendar .calendar-controls .current {
12914 .path-calendar .maincalendar .controls {
12916 margin: 10px auto
; }
12917 .path-calendar
.maincalendar
.calendar_event_category:hover a
,
12918 .path-calendar
.maincalendar
.calendar_event_course:hover a
,
12919 .path-calendar
.maincalendar
.calendar_event_site:hover a
,
12920 .path-calendar
.maincalendar
.calendar_event_group:hover a
,
12921 .path-calendar .maincalendar .calendar_event_user:hover a {
12923 text-decoration: underline
; }
12924 .path-calendar .maincalendar .calendar_event_category {
12925 border-color: #e0cbe0; }
12926 .path-calendar .maincalendar .calendar_event_course {
12927 border-color: #ffd3bd; }
12928 .path-calendar .maincalendar .calendar_event_site {
12929 border-color: #d6f8cd; }
12930 .path-calendar .maincalendar .calendar_event_group {
12931 border-color: #fee7ae; }
12932 .path-calendar .maincalendar .calendar_event_user {
12933 border-color: #dce7ec; }
12934 .path-calendar .maincalendar .calendar_event_other {
12935 border-color: #ced4da; }
12936 .path-calendar
.maincalendar
.calendartable td
,
12937 .path-calendar .maincalendar .calendartable li {
12938 padding: 0 4px 4px 4px; }
12939 .path-calendar .maincalendar .calendartable li {
12940 text-align: left
; }
12941 .path-calendar .maincalendar .header {
12942 overflow: hidden
; }
12943 .path-calendar .maincalendar .header .buttons {
12945 .path-calendar .maincalendar .event .card-header img {
12946 vertical-align: baseline
; }
12947 .path-calendar .maincalendar .event .location {
12948 word-break: break-all
;
12949 overflow-wrap: break-word
; }
12951 #page-calendar-export .indent
{
12952 padding-left: 20px; }
12954 .block .minicalendar {
12958 .block
.minicalendar th
,
12959 .block .minicalendar td {
12962 text-align: center
; }
12963 .block .minicalendar td.weekend {
12965 .block .minicalendar td a {
12970 .block .minicalendar td.duration_global {
12971 border-top: 1px solid
#d6f8cd;
12972 border-bottom: 1px solid
#d6f8cd; }
12973 .block .minicalendar td.duration_global.duration_finish {
12974 background-color: #d6f8cd; }
12975 .block .minicalendar td.duration_category {
12976 border-top: 1px solid
#e0cbe0;
12977 border-bottom: 1px solid
#e0cbe0; }
12978 .block .minicalendar td.duration_category.duration_finish {
12979 background-color: #e0cbe0; }
12980 .block .minicalendar td.duration_course {
12981 border-top: 1px solid
#ffd3bd;
12982 border-bottom: 1px solid
#ffd3bd; }
12983 .block .minicalendar td.duration_course.duration_finish {
12984 background-color: #ffd3bd; }
12985 .block .minicalendar td.duration_group {
12986 border-top: 1px solid
#fee7ae;
12987 border-bottom: 1px solid
#fee7ae; }
12988 .block .minicalendar td.duration_group.duration_finish {
12989 background-color: #fee7ae; }
12990 .block .minicalendar td.duration_user {
12991 border-top: 1px solid
#dce7ec;
12992 border-bottom: 1px solid
#dce7ec; }
12993 .block .minicalendar td.duration_user.duration_finish {
12994 background-color: #dce7ec; }
12995 .block .minicalendar td.duration_other {
12996 border-top: 1px solid
#ced4da;
12997 border-bottom: 1px solid
#ced4da; }
12998 .block .minicalendar td.duration_other.duration_finish {
12999 background-color: #ced4da; }
13000 .block .minicalendar caption {
13001 font-size: inherit
;
13002 font-weight: inherit
;
13003 line-height: inherit
;
13004 text-align: center
; }
13006 .block
.calendar-controls
.previous
,
13007 .block
.calendar-controls
.current
,
13008 .block .calendar-controls .next {
13012 .block .calendar-controls .previous {
13016 .block .calendar-controls .current {
13017 text-align: center
;
13020 .block .calendar-controls .next {
13024 .block .calendar_filters ul {
13029 .block .calendar_filters li {
13030 margin-bottom: 0.2em; }
13031 .block .calendar_filters li span.calendar_event_category i {
13033 .block .calendar_filters li span.calendar_event_course i {
13035 .block .calendar_filters li span.calendar_event_site i {
13037 .block .calendar_filters li span.calendar_event_group i {
13039 .block .calendar_filters li span.calendar_event_user i {
13041 .block .calendar_filters li span.calendar_event_other i {
13043 .block .calendar_filters li span img {
13046 .block .calendar_filters li .icon {
13047 vertical-align: initial
;
13048 margin: 0 0.1rem 0 0.4rem; }
13049 .block .calendar_filters li > a:hover {
13050 text-decoration: none
; }
13051 .block .calendar_filters li > a:hover .eventname {
13052 text-decoration: underline
; }
13054 .block .content h3.eventskey {
13055 margin-top: 0.5em; }
13057 /* Display month name above the calendar */
13058 table
.calendartable caption
{
13059 caption-side: top
; }
13061 @media (min-width: 768px) {
13062 #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
{
13063 min-width: 1024px; } }
13066 position: relative
; }
13068 .day-popover-content:empty + .day-popover-alternate {
13071 .location-content {
13072 overflow-wrap: break-word
; }
13074 .description-content {
13075 overflow-wrap: break-word
; }
13076 .description-content > p {
13082 .content-bank-container .cb-content-wrapper {
13089 .content-bank-container .cb-thumbnail {
13092 background-repeat: no-repeat
;
13093 background-position: center
;
13094 background-size: cover
; }
13096 .content-bank-container.view-grid .cb-listitem {
13097 margin-bottom: 0.5rem; }
13099 @media (max-width: 767.98px) {
13100 .content-bank-container.view-grid .cb-listitem {
13101 flex-basis: 50%; } }
13103 @media (min-width: 576px) {
13104 .content-bank-container.view-grid .cb-listitem {
13106 min-width: 120px; } }
13108 .content-bank-container.view-grid .cb-name {
13109 text-align: center
; }
13111 .content-bank-container.view-grid .cb-file {
13114 .content-bank-container.view-grid .cb-thumbnail {
13118 margin-right: auto
;
13119 margin-bottom: 0.5rem; }
13121 .content-bank-container
.view-grid
.cb-heading
,
13122 .content-bank-container
.view-grid
.cb-date
,
13123 .content-bank-container
.view-grid
.cb-size
,
13124 .content-bank-container
.view-grid
.cb-type
,
13125 .content-bank-container.view-grid .cb-author {
13128 .content-bank-container.view-list .cb-content-wrapper {
13130 flex-direction: column
;
13131 flex-wrap: nowrap
; }
13133 .content-bank-container.view-list .cb-thumbnail {
13134 margin-right: 0.5rem; }
13136 .content-bank-container
.view-list
.cb-listitem
,
13137 .content-bank-container.view-list .cb-heading {
13141 border-bottom: 1px solid
#dee2e6; }
13143 .content-bank-container.view-list .cb-column {
13145 padding: 0.25rem; }
13147 .content-bank-container.view-list .cb-column {
13148 border-right: 1px solid
#dee2e6; }
13150 @media (max-width: 767.98px) {
13151 .content-bank-container.view-list .cb-column {
13153 max-width: 50%; } }
13155 @media (min-width: 576px) {
13156 .content-bank-container.view-list .cb-heading {
13160 .content-bank-container.view-list .cb-file {
13163 .content-bank-container
.view-list
.cb-date
,
13164 .content-bank-container
.view-list
.cb-size
,
13165 .content-bank-container
.view-list
.cb-type
,
13166 .content-bank-container.view-list .cb-author {
13169 .content-bank-container.view-list .cb-column.last {
13170 border-right: 0; } }
13172 .content-bank-container.view-list .cb-btnsort span {
13175 .content-bank-container
.view-list
.cb-btnsort
.dir-none
.default
,
13176 .content-bank-container
.view-list
.cb-btnsort
.dir-asc
.asc
,
13177 .content-bank-container.view-list .cb-btnsort.dir-desc .desc {
13180 .cb-toolbar-container .dropdown-scrollable {
13182 overflow-y: auto
; }
13185 /* COURSE CONTENT */
13186 .section_add_menus {
13190 .section-modchooser {
13193 .block_tree .tree_item.branch {
13194 margin-left: 8px; }
13196 .section_add_menus
.horizontal div
,
13197 .section_add_menus .horizontal form {
13200 .section_add_menus optgroup {
13201 font-weight: normal
;
13202 font-style: italic
; }
13205 .section_add_menus .urlselect {
13207 margin-left: .4em; }
13210 .section_add_menus .urlselect select {
13211 margin-left: .2em; }
13213 .sitetopic ul.section {
13216 body:not
(.editing
) .sitetopic ul
.section
{
13218 body:not
(.editing
) .sitetopic ul
.section
.label
.mod-indent-outer
{
13221 @media (min-width: 576px) {
13222 .course-content ul.section {
13226 margin-top: 0.5rem; }
13227 .section .side.left {
13229 .section .side.right {
13233 .section .spinner {
13237 .section .activity {
13238 /* The command block for each activity */ }
13239 .section .activity .spinner {
13241 position: absolute
; }
13242 .section .activity .actions {
13243 position: absolute
;
13247 .section
.activity
.contentwithoutlink
,
13248 .section .activity .activityinstance {
13250 display: table-cell
;
13251 padding-right: 4px;
13253 .section
.activity
.contentwithoutlink
> a
,
13254 .section .activity .activityinstance > a {
13255 display: inline-block
;
13256 text-indent: -31px;
13257 padding-left: 31px; }
13258 .section
.activity
.contentwithoutlink
.dimmed
.activityicon
,
13259 .section .activity .activityinstance .dimmed .activityicon {
13261 .section .activity .stealth {
13263 .section
.activity a
.stealth
,
13264 .section .activity a.stealth:hover {
13265 color: #61aef3 !important
;
13266 /* stylelint-disable-line declaration-no-important */ }
13268 .section
.label
.contentwithoutlink
,
13269 .section .label .activityinstance {
13270 padding-right: 32px;
13274 @media (min-width: 576px) {
13275 .section .label .mod-indent-outer {
13276 padding-left: 24px;
13277 display: block
; } }
13284 display: inline-block
; }
13286 .section
.activity
.editor_displayed a
.editing_title
,
13287 .section .activity.editor_displayed .moodle-actionmenu {
13290 .section .activity.editor_displayed div.activityinstance {
13291 padding-right: initial
; }
13292 .section .activity.editor_displayed div.activityinstance input {
13293 margin-bottom: initial
;
13294 padding-top: initial
;
13295 padding-bottom: initial
;
13296 vertical-align: text-bottom
; }
13298 .activity img.activityicon {
13300 vertical-align: text-bottom
; }
13302 .section
.activity
.activityinstance
,
13303 .section .activity .activityinstance div {
13304 display: inline-block
; }
13306 .editing
.section
.activity
.contentwithoutlink
,
13307 .editing .section .activity .activityinstance {
13308 padding-right: 200px; }
13310 .editing .section .activity .editing_move {
13311 /* Move the move icon to the start of the line */
13312 position: absolute
;
13316 .editing .section .activity .mod-indent-outer {
13318 * Add appropriate padding such that nothing overlaps the
13319 * absolute positioned move icon.
13321 padding-left: 2rem; }
13323 .editing_show
+ .editing_assign
,
13324 .editing_hide + .editing_assign {
13325 margin-left: 20px; }
13327 .section .activity .commands {
13328 white-space: nowrap
;
13329 display: inline-block
; }
13331 .section .activity.modtype_label.label {
13332 font-weight: normal
;
13335 .section li.activity {
13339 .section .activity .activityinstance .groupinglabel {
13340 padding-left: 30px; }
13342 .section
.activity
.availabilityinfo
,
13343 .section .activity .contentafterlink {
13345 margin-left: 30px; }
13347 .section .activity .contentafterlink p {
13350 .editing
.section
.activity:hover
,
13351 .editing .section .activity.action-menu-shown {
13352 background-color: rgba
(0, 0, 0, 0.05); }
13354 .course-content .current {
13355 position: relative
; }
13357 .course-content .current::before {
13359 border-left: #0f6fc5 2px solid
;
13360 position: absolute
;
13365 .course-content .section-summary {
13366 border: 1px solid
#dee2e6;
13368 list-style: none
; }
13370 .course-content .section-summary .section-title {
13371 margin: 2px 5px 10px 5px; }
13373 .course-content .section-summary .summarytext {
13374 margin: 2px 5px 2px 5px; }
13376 .course-content .section-summary .section-summary-activities .activity-count {
13378 font-size: 0.8203125rem;
13380 white-space: nowrap
;
13381 display: inline-block
; }
13383 .course-content .section-summary .summary {
13386 .course-content .single-section {
13389 .course-content .single-section .section-navigation {
13392 margin-bottom: -0.5em; }
13394 .course-content .single-section .section-navigation .title {
13399 .course-content .single-section .section-navigation .mdl-left {
13400 font-weight: normal
;
13402 margin-right: 1em; }
13404 .course-content .single-section .section-navigation .mdl-left .larrow {
13405 margin-right: 0.1em; }
13407 .course-content .single-section .section-navigation .mdl-right {
13408 font-weight: normal
;
13410 margin-left: 1em; }
13412 .course-content .single-section .section-navigation .mdl-right .rarrow {
13413 margin-left: 0.1em; }
13415 .course-content .single-section .section-navigation .mdl-bottom {
13418 .course-content ul li.section.main {
13419 border-bottom: 1px solid
#dee2e6;
13421 .course-content ul li.section.main:last-child {
13422 border-bottom: 0; }
13424 .course-content ul li
.section
.hidden
.sectionname
> span
,
13425 .course-content ul li
.section
.hidden
.content
> div
.summary
,
13426 .course-content ul li.section.hidden .activity .activityinstance {
13429 .course-content ul
.topics
,
13430 .course-content ul.weeks {
13433 list-style: none
; }
13434 .course-content ul
.topics li
.section
,
13435 .course-content ul.weeks li.section {
13437 padding-bottom: 1rem; }
13438 .course-content ul
.topics li
.section
.content
,
13439 .course-content ul.weeks li.section .content {
13442 @media
(min-width: 576px) {
13443 .course-content ul
.topics li
.section
.summary
,
13444 .course-content ul
.topics li
.section
.content
> .availabilityinfo
,
13445 .course-content ul
.weeks li
.section
.summary
,
13446 .course-content ul.weeks li.section .content > .availabilityinfo {
13447 margin-left: 25px; } }
13448 .course-content ul
.topics li
.section
.left
,
13449 .course-content ul
.topics li
.section
.right
,
13450 .course-content ul
.weeks li
.section
.left
,
13451 .course-content ul.weeks li.section .right {
13456 @media (max-width: 767.98px) {
13457 body:not
(.editing
) .course-content ul
.topics li
.section
.left
,
13458 body:not
(.editing
) .course-content ul
.topics li
.section
.right
,
13459 body:not
(.editing
) .course-content ul
.weeks li
.section
.left
,
13460 body:not
(.editing
) .course-content ul
.weeks li
.section
.right
{
13466 .course-content .hidden {
13469 @media (max-width: 767.98px) {
13470 .course-content li.section ul {
13471 padding-left: 0; } }
13473 .course-content li.section ul {
13474 list-style: disc
; }
13475 .course-content li.section ul ul {
13476 list-style: circle
; }
13477 .course-content li.section ul ul ul {
13478 list-style: square
; }
13480 .course-content li.section li.activity ul {
13481 list-style: disc
; }
13482 .course-content li.section li.activity ul ul {
13483 list-style: circle
; }
13484 .course-content li.section li.activity ul ul ul {
13485 list-style: square
; }
13487 .course-content li.section .right > .icon:first-child {
13488 /* Remove the spacer icon. */
13491 .path-course-view.editing #region-main > .card-block {
13492 padding-bottom: 13rem; }
13494 .jumpmenu .form-inline {
13497 .path-course-view .completionprogress {
13498 margin-left: 25px; }
13500 .path-course-view .completionprogress {
13504 position: relative
; }
13506 #page-site-index .subscribelink
{
13507 text-align: right
; }
13509 #site-news-forum h2
,
13510 #frontpage-course-list h2
,
13511 #frontpage-category-names h2
,
13512 #frontpage-category-combo h2
{
13513 margin-bottom: 9px; }
13515 .path-course-view a.reduce-sections {
13516 padding-left: 0.2em; }
13518 .path-course-view .subscribelink {
13519 text-align: right
; }
13521 .path-course-view .unread {
13522 margin-left: 30px; }
13524 .path-course-view .block.drag .header {
13527 .path-course-view .completionprogress {
13528 text-align: right
; }
13530 .path-course-view .single-section .completionprogress {
13531 margin-right: 5px; }
13533 .path-site li
.activity
> div
,
13534 .path-course-view li.activity > div {
13535 position: relative
;
13536 padding: 0 16px 0 0;
13537 /* to accommodate the floated completion icon with highlighting */ }
13539 .path-course-view li.activity span.autocompletion img {
13540 vertical-align: text-bottom
;
13543 .path-course-view li.activity form.togglecompletion .btn {
13546 .path-course-view li.activity form.togglecompletion img {
13548 /* The width is 0 so ensure we don't end up with a relative max-width */ }
13550 .path-course-view.editing li.activity span.autocompletion img {
13551 /* Use the same spacing as the filler. */
13552 margin-right: 0.5rem;
13553 margin-left: 0.5rem; }
13555 .path-course-view li.activity form.togglecompletion .ajaxworking {
13558 position: absolute
;
13561 background: url
([[pix:i
/ajaxloader
]]) no-repeat
; }
13563 li
.section
.hidden span
.commands a
.editing_hide
,
13564 li
.section
.hidden span
.commands a
.editing_show
{
13567 .single-section h3.sectionname {
13568 text-align: center
;
13571 input
.titleeditor
{
13573 vertical-align: text-bottom
; }
13575 span
.editinstructions
{
13577 position: absolute
;
13579 position: relative;
13584 font-size: 0.8203125rem;
13585 padding: .1em .4em;
13586 text-decoration: none
;
13588 border: 0 solid transparent
;
13590 background-color: #cce6ea;
13591 border-color: #b8dce2; }
13592 span
.editinstructions hr
{
13593 border-top-color: #a6d3db; }
13594 span
.editinstructions
.alert-link
{
13597 /* Course drag and drop upload styles */
13598 #dndupload-status {
13604 text-align: center
;
13606 border: 0 solid transparent
;
13608 background-color: #cce6ea;
13609 border-color: #b8dce2; }
13610 #dndupload-status hr
{
13611 border-top-color: #a6d3db; }
13612 #dndupload-status .alert-link
{
13615 .dndupload-preview {
13617 border: 1px dashed
#909090;
13622 .dndupload-hidden {
13625 /* COURSES LISTINGS AND COURSE SUMMARY */
13626 #page-course-pending .singlebutton
,
13627 #page-course-index .singlebutton
,
13628 #page-course-index-category .singlebutton
,
13629 #page-course-editsection .singlebutton
{
13630 text-align: center
; }
13632 #page-admin-course-manage #movecourses td img
{
13634 vertical-align: text-bottom
; }
13638 text-align: left
; }
13640 #page-course-pending .pendingcourserequests
{
13641 margin-bottom: 1em; }
13643 #page-course-pending .pendingcourserequests
.singlebutton
{
13646 #page-course-pending .pendingcourserequests
.cell
{
13649 #page-course-pending .pendingcourserequests
.cell
.c6
{
13650 white-space: nowrap
; }
13655 .coursebox > .info > .coursename a {
13657 background-image: url
([[pix:moodle|i
/course
]]);
13658 background-repeat: no-repeat
;
13659 padding-left: 21px;
13660 background-position: left
0.2em; }
13662 .coursebox
> .info
> .coursename
,
13663 .coursebox
.content
.teachers
,
13664 .coursebox
.content
.courseimage
,
13665 .coursebox
.content
.coursefile
,
13666 .coursebox .content .customfields-container {
13670 .coursebox
.content
.teachers
,
13671 .coursebox
.content
.courseimage
,
13672 .coursebox
.content
.coursefile
,
13673 .coursebox .content .customfields-container {
13676 .coursebox > .info > h3.coursename {
13679 .coursebox > .info > .coursename {
13683 .coursebox .content .teachers li {
13684 list-style-type: none
;
13688 .coursebox
.moreinfo
,
13689 .coursebox .enrolmenticons {
13693 .coursebox .moreinfo img {
13696 .coursebox .content {
13699 .coursebox
.content
.summary
,
13700 .coursebox .content .coursecat {
13704 .coursebox .content .coursecat {
13708 .coursebox.remotecoursebox .remotecourseinfo {
13712 .coursebox .content .courseimage img {
13714 max-height: 100px; }
13716 .coursebox
.content
.coursecat
,
13717 .coursebox
.content
.summary
,
13718 .coursebox
.content
.courseimage
,
13719 .coursebox
.content
.coursefile
,
13720 .coursebox
.content
.teachers
,
13721 .coursebox
.remotecoursebox
.remotecourseinfo
,
13722 .coursebox .content .customfields-container {
13723 margin: 15px 5px 5px;
13726 .coursebox.remotehost > .info > .categoryname a {
13727 background-image: url
([[pix:moodle|i
/mnethost
]]); }
13729 .coursebox.collapsed {
13730 margin-bottom: 0; }
13732 .coursebox.collapsed > .content {
13735 .courses .coursebox.collapsed {
13736 padding-top: 0.5rem;
13737 padding-bottom: 0.5rem; }
13739 .courses .coursebox.even {
13740 background-color: rgba
(0, 0, 0, 0.05); }
13742 .courses > .paging.paging-morelink {
13743 text-align: center
;
13746 .course_category_tree .category .numberofcourse {
13747 font-size: 0.8203125rem; }
13749 .course_category_tree .controls {
13750 visibility: hidden
; }
13752 .course_category_tree .controls div {
13756 .jsenabled .course_category_tree .controls {
13757 visibility: visible
; }
13759 .course_category_tree .controls {
13760 margin-bottom: 5px;
13764 .course_category_tree .controls div {
13765 padding-right: 2em;
13768 .course_category_tree .category > .info > .categoryname {
13769 background-image: url
([[pix:moodle|t
/collapsed_empty
]]);
13770 background-repeat: no-repeat
;
13773 background-position: center left
; }
13776 .course_category_tree .category > .info > .categoryname {
13777 background-image:url([[pix:moodle|t/collapsed_empty_rtl]]);
13780 .course_category_tree .category.with_children > .info > .categoryname {
13781 background-image: url
([[pix:moodle|t
/expanded
]]);
13784 .course_category_tree .category.with_children.collapsed > .info > .categoryname {
13785 background-image: url
([[pix:moodle|t
/collapsed
]]); }
13788 .course_category_tree .category.with_children.collapsed > .info > .categoryname {
13789 background-image:url([[pix:moodle|t/collapsed_rtl]]);
13792 .course_category_tree .category.collapsed > .content {
13795 .course_category_tree .category > .info {
13798 .course_category_tree .category > .content {
13799 padding-left: 16px; }
13801 #page-course-index-category .generalbox
.info
{
13802 margin-bottom: 15px;
13803 border: 1px dotted
#ddd;
13806 #page-course-index-category .categorypicker
{
13807 text-align: center
;
13808 margin: 10px 0 20px; }
13811 * Course management page
13814 * Background (reg) #F5F5F5
13815 * Background (light #fafafa
13816 * Background (highlight) #ddffaa
13819 #course-category-listings {
13821 /** Two column layout */
13822 /** Three column layout */ }
13823 #course-category-listings.columns-2
> #course-listing
> div
{
13824 position: relative
;
13826 #course-category-listings.columns-3
> #course-listing
> div
{
13828 #course-category-listings > div
> div
{
13829 min-height: 300px; }
13830 #course-category-listings > div
> div
> ul
.ml
> li:first-child
> div
{
13832 #course-category-listings h3
{
13834 padding: 0.4rem 0.6rem 0.3rem; }
13835 #course-category-listings h4
{
13837 padding: 0.6rem 1rem 0.5rem; }
13838 #course-category-listings .moodle-actionmenu
{
13839 white-space: nowrap
; }
13840 #course-category-listings .listing-actions
{
13841 text-align: center
; }
13842 #course-category-listings .listing-actions
> .moodle-actionmenu
{
13843 display: inline-block
; }
13844 #course-category-listings ul
.ml
{
13847 #course-category-listings ul
.ml ul
.ml
{
13849 #course-category-listings .listitem
[data-selected
='1'] {
13850 border-left: calc
(1px + 5px) solid
#0f6fc5;
13851 padding-left: calc
(1.25rem - 5px); }
13852 #course-category-listings .item-actions
{
13854 display: inline-block
; }
13855 #course-category-listings .item-actions
.show
.menu img
{
13858 #course-category-listings .item-actions
.menu-action-text
{
13859 vertical-align: inherit
; }
13860 #course-category-listings .listitem
> div
> .float-left
{
13862 #course-category-listings .listitem
> div
> .float-right
{
13864 text-align: right
; }
13865 #course-category-listings .listitem
> div
.item-actions
.action-show
{
13867 #course-category-listings .listitem
> div
.item-actions
.action-hide
{
13869 #course-category-listings .listitem
> div
.without-actions
{
13871 #course-category-listings .listitem
> div
.idnumber
{
13872 margin-right: 2em; }
13873 #course-category-listings .listitem
[data-visible
="0"] {
13875 #course-category-listings .listitem
[data-visible
="0"] > div
> a
{
13877 #course-category-listings .listitem
[data-visible
="0"] > div
.item-actions
.action-show
{
13879 #course-category-listings .listitem
[data-visible
="0"] > div
.item-actions
.action-hide
{
13881 #course-category-listings .listitem
.highlight
{
13882 background-color: #fff; }
13883 #course-category-listings .listitem
.highlight
> div
,
13884 #course-category-listings .listitem
.highlight
> div:hover
,
13885 #course-category-listings .listitem
.highlight
[data-selected
='1'] > div
{
13886 background-color: rgba
(0, 0, 0, 0.075); }
13887 #course-category-listings #course-listing
.listitem
.categoryname
{
13888 display: inline-block
;
13891 #course-category-listings #course-listing
.listitem
.coursename
{
13892 display: inline-block
; }
13893 #course-category-listings #course-listing
> .firstpage
.listitem:first-child
> div
.item-actions
.action-moveup
,
13894 #course-category-listings #course-listing
> .lastpage
.listitem:last-child
> div
.item-actions
.action-movedown
{
13896 #course-category-listings #course-listing
.bulk-action-checkbox
{
13897 margin: -2px 6px 0 0; }
13898 #course-category-listings #category-listing
.listitem
.collapsed
> ul
.ml
{
13900 #course-category-listings #category-listing
.listitem:first-child
> div
.item-actions
.action-moveup
,
13901 #course-category-listings #category-listing
.listitem:last-child
> div
.item-actions
.action-movedown
{
13903 #course-category-listings #category-listing
.course-count
{
13905 margin-right: 2rem;
13907 display: inline-block
; }
13908 #course-category-listings #category-listing
.bulk-action-checkbox
{
13909 margin-right: -3px; }
13910 #course-category-listings #category-listing
.category-listing
> ul
> .listitem:first-child
{
13911 position: relative
; }
13912 #course-category-listings #category-listing
.category-bulk-actions
{
13913 margin: 0 0.5em 0.5em;
13914 position: relative
; }
13915 #course-category-listings .detail-pair
> * {
13916 display: inline-block
; }
13917 #course-category-listings .detail-pair
.pair-key
{
13919 vertical-align: top
; }
13920 #course-category-listings .detail-pair
.pair-key span
{
13921 margin-right: 1rem;
13923 #course-category-listings .detail-pair
.pair-value select
{
13925 #course-category-listings .bulk-actions
.detail-pair
> * {
13928 #course-category-listings .listing-pagination
{
13929 text-align: center
; }
13930 #course-category-listings .listing-pagination
.yui3-button
{
13932 background-color: #008196;
13933 border-color: #008196;
13935 margin: 0.4rem 0.2rem 0.45rem;
13936 font-size: 10.4px; }
13937 #course-category-listings .listing-pagination
.yui3-button:hover
{
13939 background-color: #006070;
13940 border-color: #005563; }
13941 #course-category-listings .listing-pagination
.yui3-button:focus
, #course-category-listings
.listing-pagination
.yui3-button
.focus
{
13943 background-color: #006070;
13944 border-color: #005563;
13945 box-shadow: 0 0 0 0.2rem rgba
(38, 148, 166, 0.5); }
13946 #course-category-listings .listing-pagination
.yui3-button
.disabled
, #course-category-listings
.listing-pagination
.yui3-button:disabled
{
13948 background-color: #008196;
13949 border-color: #008196; }
13950 #course-category-listings .listing-pagination
.yui3-button:not
(:disabled
):not
(.disabled
):active
, #course-category-listings
.listing-pagination
.yui3-button:not
(:disabled
):not
(.disabled
).active
,
13951 .show > #course-category-listings .listing-pagination .yui3-button.dropdown-toggle {
13953 background-color: #005563;
13954 border-color: #004a56; }
13955 #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
,
13956 .show > #course-category-listings .listing-pagination .yui3-button.dropdown-toggle:focus {
13957 box-shadow: 0 0 0 0.2rem rgba
(38, 148, 166, 0.5); }
13958 #course-category-listings .listing-pagination
.yui3-button
.active-page
{
13960 background-color: #0f6fc5;
13961 border-color: #0f6fc5; }
13962 #course-category-listings .listing-pagination
.yui3-button
.active-page:hover
{
13964 background-color: #0c5ba1;
13965 border-color: #0b5496; }
13966 #course-category-listings .listing-pagination
.yui3-button
.active-page:focus
, #course-category-listings
.listing-pagination
.yui3-button
.active-page
.focus
{
13968 background-color: #0c5ba1;
13969 border-color: #0b5496;
13970 box-shadow: 0 0 0 0.2rem rgba
(51, 133, 206, 0.5); }
13971 #course-category-listings .listing-pagination
.yui3-button
.active-page
.disabled
, #course-category-listings
.listing-pagination
.yui3-button
.active-page:disabled
{
13973 background-color: #0f6fc5;
13974 border-color: #0f6fc5; }
13975 #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
,
13976 .show > #course-category-listings .listing-pagination .yui3-button.active-page.dropdown-toggle {
13978 background-color: #0b5496;
13979 border-color: #0a4e8a; }
13980 #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
,
13981 .show > #course-category-listings .listing-pagination .yui3-button.active-page.dropdown-toggle:focus {
13982 box-shadow: 0 0 0 0.2rem rgba
(51, 133, 206, 0.5); }
13983 #course-category-listings .listing-pagination-totals
{
13984 text-align: center
; }
13985 #course-category-listings .listing-pagination-totals
.dimmed
{
13987 margin: 0.4rem 1rem 0.45rem; }
13988 #course-category-listings .select-a-category
.notifymessage
,
13989 #course-category-listings .select-a-category
.alert
{
13992 #course-category-listings #course-listing
.listitem
.drag-handle
{
13995 .jsenabled #course-category-listings #course-listing .listitem .drag-handle {
13996 display: inline-block
;
14000 /** Management header styling **/
14001 .coursecat-management-header {
14002 vertical-align: middle
; }
14003 .coursecat-management-header h2 {
14004 display: inline-block
;
14005 text-align: left
; }
14006 .coursecat-management-header > div {
14007 display: inline-block
;
14009 .coursecat-management-header > div > div {
14010 margin: 10px 0 10px 1em;
14011 display: inline-block
; }
14012 .coursecat-management-header select {
14015 padding: 0.4em 0.5em 0.45em 1em;
14016 vertical-align: baseline
;
14017 white-space: nowrap
; }
14018 .coursecat-management-header .view-mode-selector .moodle-actionmenu {
14019 white-space: nowrap
;
14020 display: inline-block
; }
14021 .coursecat-management-header .view-mode-selector .moodle-actionmenu[data-enhanced].show .menu a {
14022 padding-left: 1em; }
14024 .course-being-dragged-proxy {
14027 vertical-align: middle
;
14028 padding: 0 0 0 4em; }
14030 .course-being-dragged {
14035 * Large displays 1200 +
14036 * Default displays 980 1199
14038 * Small tablets and large phones 481 767
14041 @media (min-width: 1200px) and
(max-width: 1600px) {
14042 #course-category-listings.columns-3
{
14043 background-color: #fff;
14045 #course-category-listings.columns-3 #category-listing
,
14046 #course-category-listings.columns-3 #course-listing
{
14048 #course-category-listings.columns-3 #category-listing
> div
,
14049 #course-category-listings.columns-3 #course-listing
> div
,
14050 #course-category-listings.columns-3 #course-detail
> div
{
14051 background-color: #fff; }
14052 #course-category-listings.columns-3 #course-detail
{
14054 margin-top: 1em; } }
14056 @media (max-width: 1199px) {
14057 #course-category-listings.columns-2
,
14058 #course-category-listings.columns-3
{
14060 #course-category-listings.columns-2 #category-listing
,
14061 #course-category-listings.columns-2 #course-listing
,
14062 #course-category-listings.columns-2 #course-detail
,
14063 #course-category-listings.columns-3 #category-listing
,
14064 #course-category-listings.columns-3 #course-listing
,
14065 #course-category-listings.columns-3 #course-detail
{
14067 margin: 0 0 1em; } }
14069 .page-settings-menu .menubar > a > .icon {
14074 .activity-navigation .row {
14075 align-items: center
; }
14077 .activity-navigation #prev-activity-link
,
14078 .activity-navigation #next-activity-link {
14079 white-space: pre-wrap
; }
14081 /* Anchor link offset fix. This makes hash links scroll 60px down to account for the fixed header. */
14086 /* fixed header height*/
14088 /* negative fixed header height */
14090 pointer-events: none
; }
14092 .pagelayout-embedded :target {
14093 padding-top: initial
;
14094 margin-top: initial
; }
14096 #nav-drawer.closed
{
14099 #nav-drawer[aria-hidden
=true
] .list-group-item
{
14102 /* Use a variable for the drawer background colors. */
14103 [data-region
="drawer"] {
14107 height: calc
(100% - 50px);
14109 -webkit-overflow-scrolling: touch
;
14111 background-color: #f2f2f2;
14112 -webkit-transition: right
0.5s ease
, left
0.5s ease
;
14113 -moz-transition: right
0.5s ease
, left
0.5s ease
;
14114 transition: right
0.5s ease
, left
0.5s ease
; }
14116 @media (min-width: 576px) {
14117 [data-region
="drawer"] {
14118 padding: 20px 20px; } }
14123 /* Override the z-indexes defined in bootstrap/_list-group.scss that
14124 lead to side effects on the user tours positioning. */ }
14125 #nav-drawer .list-group-item-action
.active
,
14126 #nav-drawer .list-group-item
.active
{
14127 z-index: inherit
; }
14128 #nav-drawer .list-group-item-action
.active
+ .list-group-item
,
14129 #nav-drawer .list-group-item
.active
+ .list-group-item
{
14130 border-top: none
; }
14131 #nav-drawer .list-group ul
{
14135 #nav-drawer .list-group li
{
14136 margin-bottom: -1px; }
14137 #nav-drawer .list-group
li:last-child
{
14138 margin-bottom: 0; }
14141 margin-top: 50px; }
14143 .pagelayout-embedded #page {
14147 -webkit-transition: margin-left
0.5s ease
, margin-right
0.5s ease
;
14148 -moz-transition: margin-left
0.5s ease
, margin-right
0.5s ease
;
14149 transition: margin-left
0.5s ease
, margin-right
0.5s ease
; }
14151 @media (min-width: 768px) {
14152 body
.drawer-open-left
{
14153 margin-left: 285px; } }
14155 @media (min-width: 768px) {
14156 body
.drawer-open-right
{
14157 margin-right: 285px; } }
14159 [data-region
=right-hand-drawer
] {
14161 flex-direction: column
;
14162 transition: right
0.2s ease-in-out
; }
14163 @media
(prefers-reduced-motion: reduce
) {
14164 [data-region
=right-hand-drawer
] {
14165 transition: none
; } }
14166 [data-region
=right-hand-drawer
].drawer
{
14171 height: calc
(100% - 50px);
14173 box-shadow: -2px 2px 4px rgba
(0, 0, 0, 0.08);
14175 visibility: visible
;
14177 [data-region
=right-hand-drawer
] .closewidget
{
14179 [data-region
=right-hand-drawer
].hidden
{
14182 visibility: hidden
;
14184 transition: right
0.2s ease-in-out
, visibility
0s ease-in-out
0.2s, opacity
0s ease-in-out
0.2s; }
14185 @media
(prefers-reduced-motion: reduce
) {
14186 [data-region
=right-hand-drawer
].hidden
{
14187 transition: none
; } }
14189 @media (max-width: 767.98px) {
14190 [data-region
=right-hand-drawer
].drawer
{
14194 [data-region
=right-hand-drawer
] .closewidget
{
14196 padding: 0 0.2rem; }
14197 body
.drawer-open-left
,
14198 body
.drawer-open-right
{
14199 overflow: hidden
; } }
14201 .dir-rtl [data-region=right-hand-drawer] {
14202 box-shadow: 2px 2px 4px rgba
(0, 0, 0, 0.08); }
14205 background-color: #f7f7f7; }
14207 .fp-content-center {
14210 display: table-cell
;
14211 vertical-align: middle
; }
14213 .fp-content-hidden {
14214 visibility: hidden
; }
14216 .yui3-panel-focused {
14221 padding: 3px 20px 2px 20px;
14222 text-align: center
;
14224 display: inline-block
; }
14226 .filepicker .yui3-widget-content-expanded {
14229 /* The javascript is adding a style="height: 0px;" to this element - we need to set the min-height so the height is ignored. */
14230 .filepicker .moodle-dialogue-bd {
14231 min-height: 520px; }
14233 .file-picker .fp-navbar {
14238 border-color: #8f959e;
14239 border-bottom: 0; }
14241 .file-picker .fp-content {
14248 .filepicker.moodle-dialogue-fullscreen .file-picker .fp-content {
14251 .file-picker .fp-content-loading {
14255 text-align: center
; }
14257 .file-picker .fp-content .fp-object-container {
14261 .file-picker .fp-def-search {
14264 .file-picker .fp-list {
14265 list-style-type: none
;
14271 .file-picker .fp-list .fp-repo a {
14273 padding: .5em .7em; }
14275 .file-picker .fp-list .fp-repo.active {
14276 background: #f2f2f2; }
14278 .file-picker .fp-list .fp-repo-icon {
14279 padding: 0 7px 0 5px;
14286 .fp-toolbar.empty {
14289 .fp-toolbar .disabled {
14295 margin-right: 4px; }
14298 vertical-align: -15%;
14299 margin-right: 5px; }
14301 .fp-viewbar:not(.disabled) a.checked {
14302 background-color: #b1bbc4;
14304 border-color: #aab4bf; }
14306 .fp-viewbar.disabled a {
14307 pointer-events: none
;
14310 .file-picker .fp-clear-left {
14313 .fp-pathbar.empty {
14316 .fp-pathbar .fp-path-folder {
14317 background: url
("[[pix:theme|fp/path_folder]]") left
3px no-repeat
;
14318 background-size: 12px 12px;
14320 margin-left: 12px; }
14323 .fp-pathbar .fp-path-folder {
14324 background-image: url('[[pix:theme|fp/path_folder_rtl]]');
14327 .fp-pathbar .fp-path-folder-name {
14328 margin-left: 24px; }
14330 .fp-iconview .fp-file {
14332 text-align: center
;
14333 position: relative
;
14334 margin: 10px 10px 35px; }
14336 .fp-iconview .fp-thumbnail {
14339 line-height: 110px;
14340 text-align: center
;
14341 border: 1px solid
#fff;
14344 .fp-iconview .fp-thumbnail img {
14345 border: 1px solid
#ddd;
14347 vertical-align: middle
; }
14349 .fp-iconview .fp-thumbnail:hover {
14351 border: 1px solid
#ddd; }
14353 .fp-iconview .fp-filename-field {
14356 word-wrap: break-word
;
14358 position: absolute
; }
14360 .fp-iconview
.fp-file:focus
.fp-filename-field
,
14361 .fp-iconview .fp-file:hover .fp-filename-field {
14365 .fp-iconview
.fp-file:focus
.fp-filename
,
14366 .fp-iconview .fp-file:hover .fp-filename {
14368 white-space: normal
;
14369 text-overflow: inherit
; }
14371 .fp-iconview .fp-filename-field .fp-filename {
14374 padding-bottom: 12px;
14375 min-width: 112px; }
14377 .file-picker .yui3-datatable table {
14378 border: 0 solid
#bbb;
14381 .file-picker
.ygtvtn
,
14382 .filemanager .ygtvtn {
14384 background: url
("[[pix:moodle|y/tn]]") 0 0 no-repeat
;
14386 background: url('[[pix:moodle|y/tn_rtl]]') 0 0 no-repeat;
14391 .file-picker
.ygtvtm
,
14392 .filemanager .ygtvtm {
14393 background: url
("[[pix:moodle|y/tm]]") 0 10px no-repeat
;
14395 background-position: 2px 10px;
14401 .file-picker
.ygtvtmh
,
14402 .filemanager .ygtvtmh {
14403 background: url
("[[pix:moodle|y/tm]]") 0 10px no-repeat
;
14405 background-position: 2px 10px;
14411 .file-picker
.ygtvtp
,
14412 .filemanager .ygtvtp {
14414 background: url
("[[pix:moodle|y/tp]]") 0 10px no-repeat
;
14416 background: url('[[pix:moodle|y/tp_rtl]]') 2px 10px no-repeat;
14422 .file-picker
.ygtvtph
,
14423 .filemanager .ygtvtph {
14425 background: url
("[[pix:moodle|y/tp]]") 0 10px no-repeat
;
14427 background: url('[[pix:moodle|y/tp_rtl]]') 2px 10px no-repeat;
14433 .file-picker
.ygtvln
,
14434 .filemanager .ygtvln {
14436 background: url
("[[pix:moodle|y/ln]]") 0 0 no-repeat
;
14438 background: url('[[pix:moodle|y/ln_rtl]]') 0 0 no-repeat;
14443 .file-picker
.ygtvlm
,
14444 .filemanager .ygtvlm {
14445 background: url
("[[pix:moodle|y/lm]]") 0 10px no-repeat
;
14447 background-position: 2px 10px;
14453 .file-picker
.ygtvlmh
,
14454 .filemanager .ygtvlmh {
14455 background: url
("[[pix:moodle|y/lm]]") 0 10px no-repeat
;
14457 background-position: 2px 10px;
14463 .file-picker
.ygtvlp
,
14464 .filemanager .ygtvlp {
14466 background: url
("[[pix:moodle|y/lp]]") 0 10px no-repeat
;
14468 background: url('[[pix:moodle|y/lp_rtl]]') 2px 10px no-repeat;
14474 .file-picker
.ygtvlph
,
14475 .filemanager .ygtvlph {
14477 background: url
("[[pix:moodle|y/lp]]") 0 10px no-repeat
;
14479 background: url('[[pix:moodle|y/lp_rtl]]') 2px 10px no-repeat;
14485 .file-picker
.ygtvloading
,
14486 .filemanager .ygtvloading {
14487 background: transparent url
("[[pix:moodle|y/loading]]") 0 0 no-repeat
;
14491 .file-picker
.ygtvdepthcell
,
14492 .filemanager .ygtvdepthcell {
14493 background: url
("[[pix:moodle|y/vline]]") 0 0 no-repeat
;
14495 background-position: 0 0;
14500 .file-picker
.ygtvblankdepthcell
,
14501 .filemanager .ygtvblankdepthcell {
14505 a
.ygtvspacer:hover
{
14506 color: transparent
;
14507 text-decoration: none
; }
14511 .ygtvlabel:visited
,
14513 background-color: transparent
;
14516 text-decoration: none
; }
14518 .file-picker
.ygtvfocus
,
14519 .filemanager .ygtvfocus {
14520 background-color: #eee; }
14522 .fp-filename-icon {
14525 position: relative
; }
14532 margin-right: 10px;
14533 text-align: center
;
14534 line-height: 24px; }
14539 vertical-align: middle
; }
14542 padding-right: 10px; }
14544 .file-picker .fp-login-form {
14549 .file-picker .fp-upload-form {
14554 .file-picker .fp-upload-form table {
14557 .file-picker.fp-dlg {
14558 text-align: center
; }
14560 .file-picker.fp-dlg .fp-dlg-buttons {
14563 .file-picker.fp-msg {
14564 text-align: center
; }
14566 .file-picker .fp-content-error {
14570 text-align: center
; }
14572 .file-picker .fp-nextpage {
14575 .file-picker .fp-nextpage .fp-nextpage-loading {
14578 .file-picker .fp-nextpage.loading .fp-nextpage-link {
14581 .file-picker .fp-nextpage.loading .fp-nextpage-loading {
14583 text-align: center
;
14585 padding-top: 50px; }
14587 .fp-select .fp-select-loading {
14588 text-align: center
;
14589 margin-top: 20px; }
14592 padding: 0 0 10px; }
14594 .fp-select table .mdl-right {
14597 .fp-select .fp-reflist .mdl-right {
14598 vertical-align: top
; }
14600 .fp-select .fp-select-buttons {
14603 .fp-select .fp-info {
14604 font-size: 0.703125rem; }
14606 .fp-select .fp-thumbnail {
14610 line-height: 110px;
14611 text-align: center
;
14612 margin: 10px 20px 0 0;
14614 border: 1px solid
#ddd; }
14616 .fp-select .fp-thumbnail img {
14617 border: 1px solid
#ddd;
14619 vertical-align: middle
;
14622 .fp-select .fp-fileinfo {
14623 display: inline-block
;
14624 margin-top: 10px; }
14626 .file-picker.fp-select .fp-fileinfo {
14627 max-width: 240px; }
14629 .fp-select .fp-fileinfo div {
14630 padding-bottom: 5px; }
14632 .file-picker.fp-select .uneditable {
14635 .file-picker.fp-select .fp-select-loading {
14638 .file-picker.fp-select.loading .fp-select-loading {
14641 .file-picker.fp-select.loading form {
14644 .fp-select .fp-dimensions.fp-unknown {
14647 .fp-select .fp-size.fp-unknown {
14650 .filemanager-loading {
14653 .jsenabled .filemanager-loading {
14655 margin-top: 100px; }
14657 .filemanager
.fm-loading
.filemanager-toolbar
,
14658 .filemanager
.fm-loading
.fp-pathbar
,
14659 .filemanager
.fm-loading
.filemanager-container
,
14660 .filemanager
.fm-loaded
.filemanager-loading
,
14661 .filemanager
.fm-maxfiles
.fp-btn-add
,
14662 .filemanager
.fm-maxfiles
.dndupload-message
,
14663 .filemanager
.fm-noitems
.fp-btn-download
,
14664 .filemanager
.fm-noitems
.fp-btn-delete
,
14665 .filemanager
.fm-empty-container
,
14666 .filemanager.fm-noitems .filemanager-container .fp-content {
14669 .filemanager .fp-img-downloading {
14671 padding-top: 7px; }
14673 .filemanager .filemanager-updating {
14675 text-align: center
; }
14677 .filemanager.fm-updating .filemanager-updating {
14679 margin-top: 37px; }
14681 .filemanager
.fm-updating
.fm-content-wrapper
,
14682 .filemanager
.fm-nomkdir
.fp-btn-mkdir
,
14683 .fitem
.disabled
.filemanager
.filemanager-toolbar
,
14684 .fitem
.disabled
.filemanager
.fp-pathbar
,
14685 .fitem
.disabled
.filemanager
.fp-restrictions
,
14686 .fitem.disabled .filemanager .fm-content-wrapper {
14689 .filemanager .fp-restrictions {
14690 text-align: right
; }
14692 .filemanager-toolbar {
14694 overflow: hidden
; }
14696 .filemanager .fp-pathbar.empty {
14699 .filepicker-filelist
,
14700 .filemanager-container {
14702 border: 1px solid
#8f959e; }
14704 .filemanager .fp-content {
14707 min-height: 157px; }
14709 .filemanager-container
,
14710 .filepicker-filelist {
14711 overflow: hidden
; }
14713 .file-picker .yui3-datatable-header {
14714 background: initial
; }
14716 .fitem
.disabled
.filepicker-filelist
,
14717 .fitem.disabled .filemanager-container {
14718 background-color: #ebebe4; }
14720 .fitem.disabled .fp-btn-choose {
14723 .fitem.disabled .filepicker-filelist .filepicker-filename {
14726 .fp-iconview .fp-reficons1 {
14727 position: absolute
;
14733 .fp-iconview .fp-reficons2 {
14734 position: absolute
;
14740 .fp-iconview .fp-file.fp-hasreferences .fp-reficons1 {
14741 background: url
("[[pix:theme|fp/link]]") no-repeat
;
14743 transform: scaleX(-1);
14746 background-position: bottom right
;
14747 background-size: 16px 16px; }
14749 .fp-iconview .fp-file.fp-isreference .fp-reficons2 {
14750 background: url
("[[pix:theme|fp/alias]]") no-repeat
;
14752 transform: scaleX(-1);
14755 background-position: bottom left
;
14756 background-size: 16px 16px; }
14758 .filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail img {
14761 .filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail {
14762 background: url
([[pix:s
/dead
]]) no-repeat
;
14763 background-position: center center
; }
14765 .filemanager .yui3-datatable table {
14766 border: 0 solid
#bbb;
14769 /* Override YUI default styling */
14770 /* stylelint-disable declaration-no-important */
14771 .filemanager .yui3-datatable-header {
14772 background: #fff !important
;
14773 border-bottom: 1px solid
#ccc !important
;
14774 border-left: 0 solid
#fff !important
;
14775 color: #555 !important
; }
14777 .filemanager .yui3-datatable-odd .yui3-datatable-cell {
14778 background-color: #f6f6f6 !important
;
14779 border-left: 0 solid
#f6f6f6; }
14781 .filemanager .yui3-datatable-even .yui3-datatable-cell {
14782 background-color: #fff !important
;
14783 border-left: 0 solid
#fff; }
14785 /* stylelint-enable */
14786 .filemanager .fp-filename-icon.fp-hasreferences .fp-reficons1 {
14787 background: url
("[[pix:theme|fp/link_sm]]") no-repeat
0 0;
14791 transform: scaleX(-1);
14793 position: absolute
;
14796 background-size: 16px 16px; }
14798 .filemanager .fp-filename-icon.fp-isreference .fp-reficons2 {
14799 background: url
("[[pix:theme|fp/alias_sm]]") no-repeat
0 0;
14803 transform: scaleX(-1);
14805 position: absolute
;
14808 background-size: 16px 16px; }
14810 .filemanager .fp-contextmenu {
14813 .filemanager .fp-iconview .fp-folder.fp-hascontextmenu .fp-contextmenu {
14814 position: absolute
;
14818 align-items: center
;
14819 justify-content: center
; }
14821 .filemanager
.fp-treeview
.fp-folder
.fp-hascontextmenu
.fp-contextmenu
,
14822 .filemanager .fp-tableview .fp-folder.fp-hascontextmenu .fp-contextmenu {
14824 position: absolute
;
14826 margin-right: -20px;
14829 .filepicker-filelist
.filepicker-container
,
14830 .filemanager.fm-noitems .fm-empty-container {
14832 position: absolute
;
14837 border: 2px dashed
#bbb;
14839 text-align: center
; }
14841 .filepicker-filelist
.dndupload-target
,
14842 .filemanager-container .dndupload-target {
14844 position: absolute
;
14849 border: 2px dashed
#fb7979;
14851 text-align: center
; }
14853 .filepicker-filelist
.dndupload-over
.dndupload-target
,
14854 .filemanager-container.dndupload-over .dndupload-target {
14856 position: absolute
;
14861 border: 2px dashed
#6c8cd3;
14863 text-align: center
; }
14865 .dndupload-message {
14868 .dndsupported .dndupload-message {
14871 .dnduploadnotsupported-message {
14874 .dndnotsupported .dnduploadnotsupported-message {
14877 .dndupload-target {
14880 .dndsupported .dndupload-ready .dndupload-target {
14883 .dndupload-uploadinprogress {
14885 text-align: center
; }
14887 .dndupload-uploading .dndupload-uploadinprogress {
14891 background: url
([[pix:theme|fp
/dnd_arrow
]]) center no-repeat
;
14894 position: absolute
;
14897 .fitem
.disabled
.filepicker-container
,
14898 .fitem.disabled .fm-empty-container {
14901 .dndupload-progressbars {
14905 .dndupload-inprogress .dndupload-progressbars {
14908 .dndupload-inprogress .fp-content {
14911 .filemanager.fm-noitems .dndupload-inprogress .fm-empty-container {
14914 .filepicker-filelist.dndupload-inprogress .filepicker-container {
14917 .filepicker-filelist.dndupload-inprogress a {
14920 .filemanager.fp-select .fp-select-loading {
14923 .filemanager.fp-select.loading .fp-select-loading {
14926 .filemanager.fp-select.loading form {
14929 .filemanager
.fp-select
.fp-folder
.fp-license
,
14930 .filemanager
.fp-select
.fp-folder
.fp-author
,
14931 .filemanager
.fp-select
.fp-file
.fp-file-unzip
,
14932 .filemanager
.fp-select
.fp-folder
.fp-file-unzip
,
14933 .filemanager
.fp-select
.fp-file
.fp-file-zip
,
14934 .filemanager.fp-select.fp-zip .fp-file-zip {
14937 .filemanager
.fp-select
.fp-file-setmain
,
14938 .filemanager.fp-select .fp-file-setmain-help {
14941 .filemanager
.fp-select
.fp-cansetmain
.fp-file-setmain
,
14942 .filemanager.fp-select.fp-cansetmain .fp-file-setmain-help {
14943 display: inline-block
; }
14945 .filemanager .fp-mainfile .fp-filename {
14946 font-weight: bold
; }
14948 .filemanager.fp-select.fp-folder .fp-file-download {
14952 font-weight: bold
; }
14954 .filemanager
.fp-select
.fp-original
.fp-unknown
,
14955 .filemanager.fp-select .fp-original .fp-originloading {
14958 .filemanager.fp-select .fp-original.fp-loading .fp-originloading {
14961 .filemanager
.fp-select
.fp-reflist
.fp-unknown
,
14962 .filemanager.fp-select .fp-reflist .fp-reflistloading {
14965 .filemanager.fp-select .fp-reflist.fp-loading .fp-reflistloading {
14968 .filemanager.fp-select .fp-reflist .fp-value {
14969 background: #f9f9f9;
14970 border: 1px solid
#bbb;
14976 .filemanager.fp-select .fp-reflist .fp-value li {
14977 padding-bottom: 7px; }
14979 .filemanager.fp-mkdir-dlg {
14980 text-align: center
; }
14982 .filemanager.fp-mkdir-dlg .fp-mkdir-dlg-text {
14986 .filemanager.fp-dlg {
14987 text-align: center
; }
14989 .file-picker div.bd {
14990 text-align: left
; }
14994 .fp-formset input[type="file"] {
14995 line-height: inherit
; }
15000 .fp-fileinfo .fp-value {
15001 display: inline-block
;
15002 padding-left: 5px; }
15004 /** The message area **/
15008 .preferences-container .container-fluid, .preferences-container .container-sm, .preferences-container .container-md, .preferences-container .container-lg, .preferences-container .container-xl {
15010 .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 {
15011 min-height: 20px; }
15013 .preferences-container .align-bottom {
15014 vertical-align: bottom
; }
15016 .preferences-container .preference-table {
15017 border: 1px solid
#ddd; }
15018 .preferences-container .preference-table thead th {
15019 text-align: center
; }
15020 .preferences-container .preference-table thead th .config-warning {
15022 .preferences-container .preference-table thead th.unconfigured .config-warning {
15023 display: inline-block
; }
15024 .preferences-container .preference-table tr td:not(:first-child) {
15026 text-align: center
; }
15027 .preferences-container .preference-table tr td:nth-child(even) {
15028 background-color: #f7f7f7; }
15029 .preferences-container .preference-table tr th:nth-child(even) {
15030 background-color: #f7f7f7; }
15031 .preferences-container .preference-table .preference-row .hover-tooltip-container {
15032 display: inline-block
; }
15033 .preferences-container .preference-table .preference-row .preference-name {
15034 vertical-align: middle
; }
15035 .preferences-container .preference-table .preference-row .disabled-message {
15036 text-align: center
;
15038 line-height: 30px; }
15039 .preferences-container .preference-table .preference-row .preference-state {
15042 display: inline-block
;
15043 vertical-align: middle
; }
15044 .preferences-container .preference-table .preference-row .preference-state input[type="checkbox"]:checked + .preference-state-status-container {
15045 background-color: #5cb85c; }
15046 .preferences-container .preference-table .preference-row .preference-state input[type="checkbox"]:checked + .preference-state-status-container .on-text {
15047 display: inline-block
; }
15048 .preferences-container .preference-table .preference-row .preference-state input[type="checkbox"]:checked + .preference-state-status-container .off-text {
15050 .preferences-container .preference-table .preference-row .preference-state .preference-state-status-container {
15054 text-align: center
;
15055 border-radius: 4px;
15056 background-color: #d9534f;
15059 .preferences-container .preference-table .preference-row .preference-state .preference-state-status-container .loading-icon {
15061 .preferences-container .preference-table .preference-row .preference-state .preference-state-status-container .on-text {
15063 .preferences-container .preference-table .preference-row .preference-state .preference-state-status-container .off-text {
15064 display: inline-block
; }
15065 .preferences-container
.preference-table
.preference-row
.preference-state
.loading input
[type
="checkbox"]:checked
+ .preference-state-status-container
.on-text
,
15066 .preferences-container .preference-table .preference-row .preference-state.loading input[type="checkbox"]:checked + .preference-state-status-container .off-text {
15068 .preferences-container
.preference-table
.preference-row
.preference-state
.loading
.preference-state-status-container
.on-text
,
15069 .preferences-container .preference-table .preference-row .preference-state.loading .preference-state-status-container .off-text {
15071 .preferences-container .preference-table .preference-row .preference-state.loading .preference-state-status-container .loading-icon {
15073 .preferences-container .preference-table .preference-row.loading .preference-name .loading-icon {
15076 .disabled-message {
15079 .disabled .disabled-message {
15081 .disabled .disabled-message + form {
15084 .general-settings-container .loading-icon {
15087 .general-settings-container .loading .loading-icon {
15088 display: inline-block
; }
15090 .general-settings-container label {
15091 display: inline-block
; }
15093 .processor-container {
15094 position: relative
; }
15095 .processor-container .loading-container {
15097 position: absolute
;
15100 text-align: center
;
15101 background-color: rgba
(255, 255, 255, 0.5); }
15102 .processor-container .loading-container .vertical-align {
15105 display: inline-block
;
15106 vertical-align: middle
; }
15107 .processor-container.loading .loading-container {
15110 .preferences-page-container .checkbox-container {
15112 line-height: 20px; }
15113 .preferences-page-container .checkbox-container input {
15116 .preferences-page-container .checkbox-container .loading-icon {
15118 .preferences-page-container .checkbox-container.loading .loading-icon {
15119 display: inline-block
; }
15121 .notification-area {
15123 box-sizing: border-box
;
15124 border-radius: 4px;
15125 margin-bottom: 30px;
15126 border: 1px solid
#e3e3e3; }
15127 @media
(max-height: 670px) {
15128 .notification-area {
15130 .notification-area .control-area {
15131 box-sizing: border-box
;
15132 display: inline-block
;
15136 -webkit-overflow-scrolling: touch
;
15137 border-right: 1px solid
#e3e3e3; }
15138 .notification-area .control-area .content {
15139 position: relative
; }
15140 .notification-area .control-area .content .content-item-container {
15142 .notification-area .control-area .content:empty + .empty-text {
15144 .notification-area .control-area .loading-icon {
15146 .notification-area .control-area .empty-text {
15148 text-align: center
;
15149 padding-top: 20px; }
15150 .notification-area .control-area.loading .loading-icon {
15152 text-align: center
;
15153 box-sizing: border-box
;
15155 .notification-area .control-area.loading .content:empty + .empty-text {
15157 .notification-area .content-area {
15158 box-sizing: border-box
;
15159 display: inline-block
;
15160 width: calc
(100% - 300px);
15162 .notification-area .content-area .toggle-mode {
15164 .notification-area .content-area .header {
15166 box-sizing: border-box
;
15167 border-bottom: 1px solid
#e3e3e3;
15169 .notification-area .content-area .header .image-container {
15170 display: inline-block
;
15174 .notification-area .content-area .header .subject-container {
15175 display: inline-block
;
15176 max-width: calc
(100% - 24px);
15177 white-space: nowrap
;
15179 text-overflow: ellipsis
;
15182 box-sizing: border-box
; }
15183 .notification-area .content-area .header .timestamp {
15188 margin-left: 30px; }
15189 .notification-area .content-area .header:empty {
15191 .notification-area .content-area > .content {
15193 box-sizing: border-box
;
15195 -webkit-overflow-scrolling: touch
;
15197 @media
(max-height: 670px) {
15198 .notification-area .content-area > .content {
15200 .notification-area .content-area > .content:empty {
15202 .notification-area .content-area > .content:empty + .empty-text {
15204 text-align: center
;
15205 padding-top: 100px; }
15206 .notification-area .content-area .empty-text {
15208 .notification-area .content-area .footer {
15210 box-sizing: border-box
;
15211 text-align: center
; }
15212 .notification-area .content-area .footer a {
15213 line-height: 50px; }
15214 .notification-area .content-area .footer:empty {
15217 @media (max-width: 979px) {
15218 .notification-area {
15219 position: relative
;
15220 overflow: hidden
; }
15221 .notification-area .control-area {
15222 border-right: none
;
15224 position: absolute
;
15228 visibility: visible
;
15229 transition: left
0.25s; }
15230 .notification-area .content-area {
15232 position: absolute
;
15236 visibility: hidden
;
15237 transition: right
0.25s, opacity
0.25s, visibility
0.25s; }
15238 .notification-area .content-area .toggle-mode {
15239 display: inline-block
;
15244 box-sizing: border-box
;
15245 border-right: 1px solid
#e3e3e3;
15246 border-bottom: 1px solid
#e3e3e3; }
15247 .notification-area .content-area .header {
15248 display: inline-block
;
15249 width: calc
(100% - 70px); }
15250 .notification-area.show-content-area .control-area {
15253 visibility: hidden
;
15254 transition: left
0.25s, opacity
0.25s, visibility
0.25s; }
15255 .notification-area.show-content-area .content-area {
15258 visibility: visible
;
15259 transition: right
0.25s; } }
15261 .drawer .message-app {
15263 .drawer .message-app .icon-back-in-app {
15265 .drawer .message-app .icon-back-in-drawer {
15266 display: inherit
; }
15270 flex-direction: column
;
15271 background-color: #eff1f3; }
15272 .message-app .icon-back-in-drawer {
15274 .message-app.main {
15275 min-height: 400px; }
15276 .message-app .header-container {
15278 .message-app .overflow-y {
15279 overflow-y: auto
; }
15280 @media
(max-height: 320px) {
15281 .message-app .header-container [data-region="view-overview"]:not(.hidden) {
15283 align-items: center
; }
15284 .message-app .footer-container [data-region="view-overview"] {
15286 .message-app .overflow-y {
15287 overflow-y: unset
; } }
15288 .message-app .body-container {
15290 overflow: hidden
; }
15291 .message-app .body-container > * {
15292 position: absolute
;
15298 .message-app .footer-container {
15300 .message-app .footer-container textarea {
15302 .message-app .contact-status {
15303 position: absolute
;
15308 border-radius: 50%; }
15309 .message-app .contact-status.online {
15310 border: 1px solid
#fff;
15311 background-color: #357a32; }
15312 .message-app .message p {
15314 .message-app .clickable {
15316 .message-app .clickable:hover {
15317 filter: drop-shadow
(2px 2px 2px rgba
(0, 0, 0, 0.3)); }
15319 .message-app .btn-link {
15321 .message-app .btn-link:hover, .message-app .btn-link:focus {
15322 background-color: rgba
(0, 0, 0, 0.035);
15323 text-decoration: none
; }
15324 .message-app .icon {
15326 .message-app .overview-section-toggle .collapsed-icon-container {
15328 .message-app .overview-section-toggle .expanded-icon-container {
15329 display: inline-block
; }
15330 .message-app .overview-section-toggle.collapsed .collapsed-icon-container {
15331 display: inline-block
; }
15332 .message-app .overview-section-toggle.collapsed .expanded-icon-container {
15334 .message-app .btn.btn-link.btn-icon {
15338 border-radius: 50%;
15340 .message-app .btn.btn-link.btn-icon:hover, .message-app .btn.btn-link.btn-icon:focus {
15341 background-color: #e9ecef; }
15342 .message-app .btn.btn-link.btn-icon.icon-size-0 {
15343 height: 20px !important
;
15344 /* stylelint-disable-line declaration-no-important */
15345 width: 20px !important
;
15346 /* stylelint-disable-line declaration-no-important */ }
15347 .message-app .btn.btn-link.btn-icon.icon-size-1 {
15348 height: 24px !important
;
15349 /* stylelint-disable-line declaration-no-important */
15350 width: 24px !important
;
15351 /* stylelint-disable-line declaration-no-important */ }
15352 .message-app .btn.btn-link.btn-icon.icon-size-2 {
15353 height: 28px !important
;
15354 /* stylelint-disable-line declaration-no-important */
15355 width: 28px !important
;
15356 /* stylelint-disable-line declaration-no-important */ }
15357 .message-app .btn.btn-link.btn-icon.icon-size-3 {
15358 height: 36px !important
;
15359 /* stylelint-disable-line declaration-no-important */
15360 width: 36px !important
;
15361 /* stylelint-disable-line declaration-no-important */ }
15362 .message-app .btn.btn-link.btn-icon.icon-size-4 {
15363 height: 44px !important
;
15364 /* stylelint-disable-line declaration-no-important */
15365 width: 44px !important
;
15366 /* stylelint-disable-line declaration-no-important */ }
15367 .message-app .btn.btn-link.btn-icon.icon-size-5 {
15368 height: 52px !important
;
15369 /* stylelint-disable-line declaration-no-important */
15370 width: 52px !important
;
15371 /* stylelint-disable-line declaration-no-important */ }
15372 .message-app .btn.btn-link.btn-icon.icon-size-6 {
15373 height: 60px !important
;
15374 /* stylelint-disable-line declaration-no-important */
15375 width: 60px !important
;
15376 /* stylelint-disable-line declaration-no-important */ }
15377 .message-app .btn.btn-link.btn-icon.icon-size-7 {
15378 height: 68px !important
;
15379 /* stylelint-disable-line declaration-no-important */
15380 width: 68px !important
;
15381 /* stylelint-disable-line declaration-no-important */ }
15382 .message-app .view-overview-body .section {
15384 .message-app .view-overview-body .section.expanded {
15386 .message-app .view-conversation .content-message-container img {
15388 .message-app .list-group .list-group-item {
15391 .message-app .list-group .list-group-item:first-child {
15393 .message-app .list-group .list-group-item:last-child {
15394 border-bottom: 0; }
15395 .message-app .last-message {
15396 min-height: 1.5rem; }
15397 .message-app .section .collapsing {
15398 overflow: hidden
; }
15399 .message-app .message.send {
15400 background-color: #dee2e6;
15402 .message-app .message.send .time {
15404 .message-app .message.send .tail {
15406 margin-right: -0.5rem;
15407 border-bottom-color: #dee2e6; }
15408 .message-app .message.received {
15409 background-color: #fff;
15411 .message-app .message.received .time {
15413 .message-app .message.received .tail {
15415 margin-left: -0.5rem;
15416 border-bottom-color: #fff; }
15417 .message-app .message .tail {
15422 border: 0.5rem solid transparent
;
15423 position: relative
; }
15424 .message-app .day {
15426 .message-app .lazy-load-list {
15427 overflow-y: auto
; }
15429 #page-message-index #page-header
{
15432 #page-message-index #region-main
{
15435 #page-message-index #region-main
.conversationcontainer
{
15436 max-height: calc
(100vh - 50px);
15438 #page-message-index #region-main div
[role
="main"] {
15440 #page-message-index #region-main div
[role
="main"] #maincontent
{
15441 margin-top: -1px; }
15442 #page-message-index #region-main div
[role
="main"] .message-app
.main
{
15445 .dir-rtl .message-drawer {
15446 box-shadow: 2px 2px 4px rgba
(0, 0, 0, 0.08); }
15448 .message-app .emoji-picker-container {
15449 position: absolute
;
15452 transform: translateY
(-100%); }
15453 .message-app .emoji-picker-container .emoji-picker .picker-row .emoji-button {
15456 @media
(max-width: 575.98px) {
15457 .message-app .emoji-picker-container {
15458 right: -0.5rem; } }
15460 @media (max-height: 495px) {
15461 .message-app .emoji-picker-container {
15464 transform: none
; } }
15466 .message-app .emoji-auto-complete-container {
15469 transition: max-height
.15s ease-in-out
;
15470 visibility: visible
; }
15471 .message-app .emoji-auto-complete-container.hidden {
15474 visibility: hidden
;
15476 transition: max-height
.15s ease-in-out
, visibility
0s linear
.15s, overflow
0s linear
.15s; }
15482 .questioncategories h3 {
15489 margin: 0 0 0.3em; }
15491 #chooseqtype .instruction
{
15494 #chooseqtype .fakeqtypes
{
15495 border-top: 1px solid silver
; }
15497 #chooseqtype .qtypeoption
{
15498 margin-bottom: 0.5em; }
15500 #chooseqtype label
{
15503 #chooseqtype .qtypename img
{
15504 padding: 0 0.3em; }
15506 #chooseqtype .qtypename
{
15507 display: inline-table
;
15510 #chooseqtype .qtypesummary
{
15514 #chooseqtype .submitbuttons
{
15516 text-align: center
; }
15518 #qtypechoicecontainer {
15521 #qtypechoicecontainer_c.yui-panel-container
.shadow
.underlay
{
15522 background: none
; }
15524 #qtypechoicecontainer.yui-panel
.hd
{
15526 letter-spacing: 1px;
15527 text-shadow: 1px 1px 1px #fff;
15528 border: 1px solid
#ccc;
15529 border-bottom: 1px solid
#bbb;
15530 background-image: linear-gradient
(to bottom
, #fff 0%, #ccc 100%);
15531 background-repeat: repeat-x
; }
15533 #qtypechoicecontainer {
15536 background: #f2f2f2;
15537 border: 1px solid
#ccc;
15538 border-top: 0 none
; }
15540 #qtypechoicecontainer #chooseqtype
{
15543 #chooseqtypehead h3
{
15545 font-weight: normal
; }
15547 #chooseqtype .qtypes
{
15548 position: relative
;
15549 border-bottom: 1px solid
#bbb;
15550 padding: 0.24em 0; }
15552 #chooseqtype .alloptions
{
15553 overflow-x: hidden
;
15555 max-height: calc
(100vh - 15em);
15558 #chooseqtype .qtypeoption
{
15560 padding: 0.3em 0.3em 0.3em 1.6em; }
15562 #chooseqtype .qtypeoption img
{
15563 vertical-align: text-bottom
;
15565 padding-right: 0.5em; }
15567 #chooseqtype .selected
{
15568 background-color: #fff; }
15570 #chooseqtype .instruction
,
15571 #chooseqtype .qtypesummary
{
15573 position: absolute
;
15579 overflow-x: hidden
;
15581 padding: 1.5em 1.6em;
15582 background-color: #fff; }
15584 #chooseqtype .instruction
,
15585 #chooseqtype .selected
.qtypesummary
{
15588 #categoryquestions {
15590 #categoryquestions td
,
15591 #categoryquestions th
{
15592 padding: 0 0.2em; }
15593 #categoryquestions th
{
15595 font-weight: normal
; }
15596 #categoryquestions .checkbox
{
15597 padding-left: 5px; }
15598 #categoryquestions .checkbox input
[type
="checkbox"] {
15601 #categoryquestions .iconcol
{
15603 box-sizing: content-box
; }
15604 #categoryquestions .iconcol
.icon
{
15608 #categoryquestions label
{
15611 #categoryquestions .header
{
15612 text-align: left
; }
15614 #page-mod-quiz-edit div
.questionbankwindow div
.header
{
15617 #page-mod-quiz-edit div
.questionbankwindow
.block
{
15620 .questionbank .singleselect {
15623 /* Question editing form */
15624 #combinedfeedbackhdr div
.fhtmleditor
{
15627 #combinedfeedbackhdr div
.fcheckbox
{
15628 margin-bottom: 1em; }
15630 #multitriesheader div
.fitem_feditor
{
15633 #multitriesheader div
.fitem_fgroup
{
15634 margin-bottom: 1em; }
15636 #multitriesheader div
.fitem_fgroup fieldset
.felement label
{
15637 margin-left: 0.3em;
15638 margin-right: 0.3em; }
15640 body
.path-question-type
{
15641 /* Hacks to display the labels within a form group. */ }
15642 body
.path-question-type
.form-group
.sr-only:not
(legend
) {
15647 margin: 0 0.5rem 0 0;
15656 margin: 0 auto
1.8em auto
; }
15662 margin-bottom: 1.8em;
15663 background-color: #f8f9fa;
15664 border: 1px solid
#cad0d7; }
15673 font-weight: bold
; }
15677 margin-top: 0.7em; }
15679 .que .info .questionflag.editable {
15682 .que
.info
.editquestion img
,
15683 .que
.info
.questionflag img
,
15684 .que .info .questionflag input {
15685 vertical-align: bottom
; }
15688 margin: 0 0 0 8.5em; }
15693 position: relative
;
15694 padding: 0.75rem 1.25rem;
15695 margin-bottom: 1rem;
15696 border: 0 solid transparent
; }
15701 background-color: #fcefdc;
15702 border-color: #fbe8cd;
15703 /* stylelint-disable-line max-line-length */ }
15706 border-top-color: #f9ddb5; }
15707 .que
.outcome
.alert-link
,
15708 .que .comment .alert-link {
15714 .que .formulation {
15716 background-color: #e7f3f5;
15717 border-color: #b8dce2;
15718 /* stylelint-disable-line max-line-length */ }
15719 .que .formulation hr {
15720 border-top-color: #a6d3db; }
15721 .que .formulation .alert-link {
15724 .que
.multichoice
.answer div
.r0
.icon
.fa-check
,
15725 .que
.multichoice
.answer div
.r1
.icon
.fa-check
,
15726 .que
.multichoice
.answer div
.r0
.icon
.fa-remove
,
15727 .que.multichoice .answer div.r1 .icon.fa-remove {
15730 .formulation input
[type
="text"],
15731 .formulation select {
15733 vertical-align: baseline
; }
15735 .que.multianswer .formulation .yui3-widget-positioned {
15736 box-sizing: content-box
; }
15737 .que.multianswer .formulation .yui3-widget-positioned .feedbackspan {
15739 max-width: inherit
; }
15741 .path-mod-quiz input[size] {
15747 background-color: #d7e4d6;
15748 border-color: #c6dac6;
15749 /* stylelint-disable-line max-line-length */ }
15751 border-top-color: #b7d0b7; }
15752 .que .comment .alert-link {
15756 margin: 0.7em 0 0.3em 0; }
15758 .que .im-controls {
15760 text-align: left
; }
15762 .que
.specificfeedback
,
15763 .que
.generalfeedback
,
15764 .que
.numpartscorrect
.que
.rightanswer
,
15768 margin: 0 0 0.5em; }
15770 .que .correctness.correct {
15771 background-color: #357a32; }
15773 .que .correctness.partiallycorrect {
15774 background-color: #f0ad4e; }
15776 .que .correctness.notanswered, .que .correctness.incorrect {
15777 background-color: #ca3120; }
15780 margin-bottom: 1.5em; }
15782 .que .validationerror {
15789 margin-top: 0.5em; }
15795 .que .history table {
15799 .que .history .current {
15800 font-weight: bold
; }
15802 .que .questioncorrectnessicon {
15803 vertical-align: text-bottom
; }
15805 body
.jsenabled
.questionflag input
[type
=checkbox
] {
15808 .que .questionflagimage {
15809 padding-right: 3px;
15815 border-bottom: 1px solid
#555; }
15817 .mform .que.comment .fitemtitle {
15820 #page-question-preview #techinfo
{
15823 #page-mod-quiz-edit ul
.slots
.activityinstance
> a
{
15826 align-items: center
;
15830 #page-mod-quiz-edit ul
.slots
.activityinstance img
.activityicon
{
15834 padding-right: 4px; }
15836 #page-mod-quiz-edit .activity img
.activityicon
{
15837 vertical-align: text-top
; }
15839 #page-mod-quiz-edit .box
.generalbox
.questionbank
{
15842 #page-mod-quiz-edit .questionbank
.categorypagingbarcontainer
,
15843 #page-mod-quiz-edit .questionbank
.categoryquestionscontainer
,
15844 #page-mod-quiz-edit .questionbank
.choosecategory
{
15847 #page-mod-quiz-edit .questionbank
.choosecategory select
{
15850 #page-mod-quiz-edit div
.questionbank
.categoryquestionscontainer
{
15851 background: transparent
; }
15853 #page-mod-quiz-edit #categoryquestions
> thead
{
15854 background: #fff; }
15856 #page-mod-quiz-edit #categoryquestions
> tbody
> tr:nth-of-type
(even
) {
15857 background: #e4e4e4; }
15859 #page-mod-quiz-edit .questionbankwindow div
.header
{
15862 margin: 0 -10px 0 -10px;
15863 padding: 2px 10px 2px 10px;
15864 background: transparent
;
15865 /* Old browsers */ }
15867 #page-mod-quiz-edit .questionbankwindow div
.header
a:link
,
15868 #page-mod-quiz-edit .questionbankwindow div
.header
a:visited
{
15871 #page-mod-quiz-edit .questionbankwindow div
.header
a:hover
{
15874 #page-mod-quiz-edit .createnewquestion
{
15875 padding: 0.3em 0; }
15876 #page-mod-quiz-edit .createnewquestion div
,
15877 #page-mod-quiz-edit .createnewquestion input
{
15880 #page-mod-quiz-edit .questionbankwindow div
.header
.title
{
15883 #page-mod-quiz-edit div
.container div
.generalbox
{
15884 background-color: transparent
;
15887 #page-mod-quiz-edit .categoryinfo
{
15888 background-color: transparent
;
15889 border-bottom: none
; }
15891 #page-mod-quiz-edit .createnewquestion
.singlebutton input
{
15892 margin-bottom: 0; }
15894 #page-mod-quiz-edit div
.questionbank
.categorysortopotionscontainer
,
15895 #page-mod-quiz-edit div
.questionbank
.categoryselectallcontainer
{
15896 padding: 0 0 1.5em 0; }
15898 #page-mod-quiz-edit div
.questionbank
.categorypagingbarcontainer
{
15899 background-color: transparent
;
15902 border-bottom: 0; }
15903 #page-mod-quiz-edit div
.questionbank
.categorypagingbarcontainer
.paging
{
15904 padding: 0 0.3em; }
15906 #page-mod-quiz-edit div
.question div
.content div
.questioncontrols
{
15907 background-color: #fff; }
15909 #page-mod-quiz-edit div
.question div
.content div
.points
{
15910 margin-top: -0.5em;
15913 background-color: #fff;
15917 margin-right: 60px; }
15919 #page-mod-quiz-edit div
.question div
.content div
.points br
{
15922 #page-mod-quiz-edit div
.question div
.content div
.points label
{
15923 display: inline-block
; }
15925 #page-mod-quiz-edit div
.quizpage
.pagecontent
.pagestatus
{
15926 background-color: #fff; }
15928 #page-mod-quiz-edit .quizpagedelete
,
15929 #page-mod-quiz-edit .quizpagedelete img
{
15930 background-color: transparent
; }
15932 #page-mod-quiz-edit div
.quizpage
.pagecontent
{
15933 border: 1px solid
#ddd;
15934 overflow: hidden
; }
15936 #page-mod-quiz-edit div
.questionbank
.categoryinfo
{
15937 padding: 0.3em 0; }
15939 #page-mod-quiz-edit div
.questionbank
.modulespecificbuttonscontainer
{
15941 #page-mod-quiz-edit div
.questionbank
.modulespecificbuttonscontainer strong
{
15943 #page-mod-quiz-edit div
.questionbank
.modulespecificbuttonscontainer hr
,
15944 #page-mod-quiz-edit div
.questionbank
.modulespecificbuttonscontainer br
{
15946 #page-mod-quiz-edit div
.questionbank
.modulespecificbuttonscontainer strong
{
15947 margin-left: -0.3em; }
15948 #page-mod-quiz-edit div
.questionbank
.modulespecificbuttonscontainer strong label
{
15949 margin-left: 0.3em; }
15950 #page-mod-quiz-edit div
.questionbank
.modulespecificbuttonscontainer input
{
15952 #page-mod-quiz-edit div
.questionbank
.modulespecificbuttonscontainer input
+ input
{
15953 margin-left: 5px; }
15955 .questionbankwindow .module {
15958 .questionbankwindow .form-autocomplete-selection {
15961 #page-mod-quiz-edit div
.editq div
.question div
.content
{
15962 background-color: #fff;
15963 border: 1px solid
#ddd;
15964 overflow: hidden
; }
15966 #page-mod-quiz-edit ul
.slots
.activityinstance img
.activityicon
{
15968 padding-right: 4px; }
15970 .path-mod-quiz .statedetails {
15972 font-size: 0.9em; }
15977 .que.shortanswer .answer {
15983 body
.path-question-type
.mform fieldset
.hidden
{
15985 margin: 0.7em 0 0; }
15988 .que.ddwtos .drop {
15989 box-sizing: content-box
; }
15991 .tag-condition-container {
15992 position: relative
; }
15994 @media (max-width: 767.98px) {
16002 .userprofile .fullprofilelink {
16003 text-align: center
;
16006 .userprofile .page-context-header {
16007 margin-bottom: 10px; }
16009 .userprofile .description {
16011 margin-bottom: 30px; }
16013 .userprofile .profile_tree {
16016 #participantsform .no-overflow
{
16017 overflow: visible
; }
16019 .userprofile dl.list > dd + dt {
16026 text-align: center
;
16030 #page-user-profile .node_category ul
,
16031 .path-user .node_category ul {
16036 #page-user-profile .node_category li
,
16037 .path-user .node_category li {
16040 #page-user-profile .node_category
.editprofile
,
16041 #page-user-profile .node_category
.viewmore
,
16042 .path-user
.node_category
.editprofile
,
16043 .path-user .node_category .viewmore {
16044 text-align: right
; }
16046 .ajax-contact-button {
16047 box-sizing: border-box
;
16048 position: relative
; }
16049 .ajax-contact-button.loading .loading-icon {
16051 .ajax-contact-button .loading-icon {
16053 position: absolute
;
16058 background-color: rgba
(255, 255, 255, 0.7); }
16059 .ajax-contact-button .loading-icon .icon {
16060 position: absolute
;
16063 transform: translate
(-50%, -50%); }
16065 @media (max-width: 480px) {
16066 .userprofile .profile_tree {
16067 /** Display the profile on one column on phones@mixin */
16068 column-count: 1; } }
16070 .userlist #showall {
16073 .userlist .buttons {
16074 text-align: center
; }
16076 .userlist .buttons label {
16079 .userlist table#participants {
16080 text-align: center
; }
16082 .userlist table#participants td {
16085 vertical-align: middle
; }
16087 .userlist table#participants th {
16091 .userlist table.controls {
16093 .userlist table.controls tr {
16094 vertical-align: top
; }
16095 .userlist table.controls .right {
16096 text-align: right
; }
16097 .userlist table.controls .groupselector {
16100 .userlist table.controls .groupselector label {
16106 border-collapse: separate
;
16109 .userinfobox
.left
,
16110 .userinfobox .side {
16112 vertical-align: top
; }
16114 .userinfobox .userpicture {
16118 .userinfobox .content {
16119 vertical-align: top
; }
16121 .userinfobox .links {
16124 vertical-align: bottom
; }
16126 .userinfobox .links a {
16129 .userinfobox .list td {
16132 .userinfobox .username {
16133 padding-bottom: 20px;
16134 font-weight: bold
; }
16136 .userinfobox td.label {
16138 white-space: nowrap
;
16139 vertical-align: top
;
16140 font-weight: bold
; }
16143 position: absolute
;
16145 margin-right: 0.6em; }
16150 margin-right: 1em; }
16151 .group-image .grouppicture {
16152 border-radius: 50%; }
16154 .groupinfobox .left {
16157 vertical-align: top
; }
16159 .course-participation #showall {
16160 text-align: center
;
16163 #user-policy .noticebox
{
16164 text-align: center
;
16166 margin-right: auto
;
16167 margin-bottom: 10px;
16171 #user-policy #policyframe
{
16178 .userselector select {
16181 .userselector div {
16182 margin-top: 0.2em; }
16184 .userselector div label {
16185 margin-right: 0.3em; }
16187 /* Next style does not work in all browsers but looks nicer when it does */
16188 .userselector .userselector-infobelow {
16189 font-size: 0.8em; }
16191 #userselector_options .collapsibleregioncaption
{
16192 font-weight: bold
; }
16194 #userselector_options p
{
16196 text-align: left
; }
16198 /** user full profile */
16199 #page-user-profile .messagebox
{
16200 text-align: center
;
16202 margin-right: auto
; }
16204 /** user course profile */
16205 #page-course-view-weeks .messagebox
{
16206 text-align: center
;
16208 margin-right: auto
; }
16210 .profileeditor > .singleselect {
16211 margin: 0 0.5em 0 0; }
16213 .profileeditor > .singlebutton {
16214 display: inline-block
;
16215 margin: 0 0 0 0.5em; }
16216 .profileeditor
> .singlebutton div
,
16217 .profileeditor > .singlebutton input {
16220 .userlist h3 .action-icon {
16223 #page-enrol-users .popover
{
16226 .user-enroller-panel {
16229 [data-filterverbfor
],
16230 [data-filterregion
="filter"]:last-child
[data-filterregion
="joinadverb"] {
16233 [data-filterverb
="0"] [data-filterverbfor
="0"],
16234 [data-filterverb
="1"] [data-filterverbfor
="1"],
16235 [data-filterverb
="2"] [data-filterverbfor
="2"] {
16238 .search-results .result {
16242 .search-results .result .result-content {
16245 .search-results .result .filename {
16246 font-style: italic
; }
16248 .simplesearchform .btn {
16249 padding-left: 0.5rem;
16250 padding-right: 0.5rem; }
16252 .simplesearchform .btn .icon {
16255 .simplesearchform .btn-submit {
16256 border-color: #8f959e;
16259 .simplesearchform
.btn-close
,
16260 .simplesearchform .btn-clear {
16261 position: absolute
;
16267 .simplesearchform .btn-close {
16270 .simplesearchform .btn-submit {
16271 background-color: #f8f9fa; }
16273 .simplesearchform .withclear {
16274 padding-right: 2rem; }
16276 .simplesearchform .searchinput {
16280 .simplesearchform .collapsing {
16285 @media (max-width: 991.98px) {
16286 .simplesearchform
.collapse
.show
,
16287 .simplesearchform .collapsing {
16288 position: absolute
;
16293 background-color: #fff;
16296 .simplesearchform
.collapse
.show
.form-inline
,
16297 .simplesearchform .collapsing .form-inline {
16300 margin-right: auto
; } }
16302 .navbar.navbar-light .simplesearchform .btn-open {
16303 color: rgba
(0, 0, 0, 0.6); }
16304 .navbar.navbar-light .simplesearchform .btn-open:hover {
16305 color: rgba
(0, 0, 0, 0.9); }
16307 .search-areas-actions {
16308 margin-bottom: 1rem; }
16310 .search-areas-actions > div {
16311 margin-right: 1rem;
16312 display: inline-block
; }
16314 #core-search-areas .lastcol li
{
16316 text-indent: -24px; }
16318 #core-search-areas .lastcol li
> i
{
16322 * Moodle forms HTML isn't changeable via renderers (yet?) so this
16323 * .less file imports styles from the bootstrap $variables file and
16324 * adds them to the existing Moodle form CSS ids and classes.
16327 .jsenabled .mform .containsadvancedelements .advanced {
16330 .mform .containsadvancedelements .advanced.show {
16333 #adminsettings span
.error
{
16334 display: inline-block
;
16335 border: 1px solid
#f0c5c1;
16336 border-radius: 4px;
16337 background-color: #f4d6d2;
16339 margin-bottom: 4px; }
16341 .mform
.form-inline
.form-control
,
16342 .mform .form-inline .custom-select {
16345 .mform .form-inline .form-group {
16346 margin: 0.1rem 0.25rem 0.1rem 0; }
16348 .mform .form-inline br + label {
16349 justify-content: flex-start
;
16353 .unresponsive
.mform
.form-inline
,
16354 .unresponsive.mform .form-inline label {
16355 display: inline-flex
; }
16357 #jump-to-activity.custom-select
{
16361 margin-bottom: 0.5rem;
16362 border-bottom: 1px solid
#dee2e6; }
16364 @media (min-width: 576px) {
16365 .mform > .form-group {
16366 margin-left: 1.5rem; } }
16368 #adminsettings .form-control
[size
] {
16371 .jsenabled .mform .collapsed .fcontainer {
16374 #adminsettings .error
{
16377 .mform ul.file-list {
16380 list-style: none
; }
16383 .mform label .adv {
16387 input#id_externalurl
{
16390 #portfolio-add-button {
16394 .form-label .form-shortname {
16397 .form-label .form-shortname {
16398 font-size: 0.703125rem;
16401 .form-item .form-inline {
16404 .form-inline label:not(.sr-only):not(.accesshide) + select {
16405 margin-left: 0.5rem; }
16407 .formsettingheading .form-horizontal {
16410 .no-felement.fstatic {
16412 padding-top: 5px; }
16414 .no-fitem .fstaticlabel {
16415 font-weight: bold
; }
16417 .form-item .form-setting .defaultsnext > input {
16418 display: inline-block
; }
16420 .form-item .form-setting .form-checkbox.defaultsnext {
16422 display: inline-block
; }
16424 #adminsettings h3
{
16428 margin-bottom: 1.5;
16429 font-size: 1.171875rem;
16432 border-bottom: 1px solid
#e5e5e5; }
16435 .mform
.fitem
.felement input
[name
="email"],
16436 .mform
.fitem
.felement input
[name
="email2"],
16437 .mform
.fitem
.felement input
[name
="url"],
16438 .mform
.fitem
.felement input
[name
="idnumber"],
16439 .mform
.fitem
.felement input
[name
="phone1"],
16440 .mform .fitem .felement input[name="phone2"] {
16444 .que.match .mediaplugin {
16448 #page-admin-grade-edit-scale-edit .error input#id_name
{
16449 margin-right: 170px; }
16451 #page-grade-edit-outcome-course .courseoutcomes
{
16453 margin-right: auto
;
16456 #page-grade-edit-outcome-course .courseoutcomes td
{
16457 text-align: center
; }
16459 /* Install Process' text fields Forms, should always be justified to the left */
16461 #installform #id_wwwroot
,
16462 #installform #id_dirroot
,
16463 #installform #id_dataroot
,
16464 #installform #id_dbhost
,
16465 #installform #id_dbname
,
16466 #installform #id_dbuser
,
16467 #installform #id_dbpass
,
16468 #installform #id_prefix
{
16471 .mdl-right > label {
16472 display: inline-block
; }
16477 .form-item .form-label label {
16478 margin-bottom: 0; }
16480 div#dateselector-calendar-panel
{
16482 /* Set higher than the z-index of the filemanager - see MDL-39047. */ }
16484 fieldset
.coursesearchbox label
{
16488 * Show the labels above text editors and file managers except on wide screens.
16490 /* Section and module editing forms contain special JS components for the
16491 availability system (if enabled). */
16492 #id_availabilityconditionsjson[aria-hidden
=true
],
16493 .availability-field [aria-hidden=true] {
16496 .availability-field label {
16497 display: inline-flex
; }
16499 .availability-field .availability-group label {
16500 vertical-align: top
; }
16502 .availability-eye {
16506 .availability-inner
,
16507 .availability-plugincontrols {
16509 border: 1px solid rgba
(0, 0, 0, 0.125);
16511 margin-top: 0.5rem; }
16513 .availability-plugincontrols
,
16514 .availability-childlist .availability-inner {
16515 margin-left: .625rem; }
16517 .availability-field .availability-plugincontrols .availability-group select {
16518 max-width: 12rem; }
16520 /* Custom styles for autocomplete form element */
16521 /* These styles reserve a standard amount of space in the DOM to avoid flicker when the original select element is replaced */
16522 [data-fieldtype
=autocomplete
] select
,
16523 [data-fieldtype
=tags
] select
,
16524 .form-autocomplete-original-select {
16525 visibility: hidden
;
16532 margin-top: 1.65625rem;
16533 vertical-align: bottom
; }
16535 .form-autocomplete-selection {
16537 min-height: 2.375rem; }
16539 .form-autocomplete-selection [role=option] {
16541 white-space: inherit
;
16542 word-break: break-word
;
16544 text-align: left
; }
16546 .form-autocomplete-suggestions {
16547 position: absolute
;
16548 background-color: white
;
16549 border: 1px solid
#8f959e;
16553 margin: 0.125rem 0 0;
16557 .form-autocomplete-suggestions li {
16558 list-style-type: none
;
16559 padding: 0.25rem 1.5rem;
16563 .form-autocomplete-suggestions li:hover, .form-autocomplete-suggestions li:focus, .form-autocomplete-suggestions li[aria-selected="true"] {
16564 background-color: #0f6fc5;
16566 .form-autocomplete-suggestions li::before {
16567 content: "\200B"; }
16569 .form-autocomplete-downarrow {
16574 .form-autocomplete-downarrow .loading-icon {
16575 position: absolute
;
16578 background-color: #fff; }
16580 /** Undo some bootstrap things */
16581 .form-autocomplete-selection + input.form-control {
16583 display: inline-block
;
16584 vertical-align: middle
; }
16586 .form-autocomplete-selection [data-active-selection=true] {
16588 font-size: large
; }
16590 /* Non-bootstrap selects with a size show their contents outside of the element.
16591 * Remove when we update to stable bootstrap 4. (MDL-56511) */
16597 overflow: visible
; }
16599 textarea
[data-auto-rows
] {
16600 overflow-x: hidden
;
16603 /** Display elements under labels in vertical forms regardless of the screen size. */
16604 .mform.full-width-labels .fitem.row {
16607 .mform
.full-width-labels
.fitem
.row
> .col-md-3
,
16608 .mform.full-width-labels .fitem.row > .col-md-9 {
16613 .mform.full-width-labels .fitem.row.femptylabel > .col-md-3 {
16616 /** Allow wrapping an mform in a div with the form-inline class to have an inline, responsive form. */
16617 @media (min-width: 768px) {
16618 .form-inline
.col-md-9
,
16619 .form-inline .col-md-3 {
16620 margin-bottom: 1rem;
16622 .form-inline
.col-md-9 label
,
16623 .form-inline .col-md-3 label {
16624 margin-left: 1rem; } }
16626 [data-fieldtype
="modgrade"] .form-group
{
16627 padding-bottom: 0.375rem; }
16629 [data-fieldtype
="modgrade"] {
16630 background-color: #fff;
16631 border: 1px solid rgba
(0, 0, 0, 0.125);
16634 max-width: 30rem; }
16636 [data-filetypesbrowserbody
] [aria-expanded
="false"] > [role
="group"],
16637 [data-filetypesbrowserbody
] [aria-expanded
="false"] [data-filetypesbrowserfeature
="hideifcollapsed"],
16638 [data-filetypesbrowserbody
] [aria-expanded
="true"] [data-filetypesbrowserfeature
="hideifexpanded"] {
16641 .form-inline
[data-fieldtype
="autocomplete"],
16642 .form-inline[data-fieldtype="tags"] {
16645 [data-fieldtype
="editor"] > div
{
16648 @media (min-width: 576px) {
16650 margin-left: 1.5rem; }
16651 .mform fieldset.collapsible legend a.fheader {
16652 padding: 0 5px 0 1.5rem;
16653 margin-left: -1.5rem;
16654 background: url
([[pix:t
/expanded
]]) 0 center no-repeat
; }
16655 .mform fieldset.collapsed legend a.fheader {
16657 background-image: url([[pix:t/collapsed_rtl]]);
16660 background-image: url
([[pix:t
/collapsed
]]); }
16661 .mform .form-inline .fdefaultcustom label {
16662 justify-content: initial
; } }
16664 .input-group.form-inset .form-inset-item {
16665 position: absolute
;
16666 padding-top: calc
(0.375rem + 1px);
16669 .input-group.form-inset.form-inset-left .form-control {
16670 padding-left: 1.5rem; }
16672 .input-group.form-inset.form-inset-right .form-control {
16673 padding-right: 1.5rem; }
16675 .input-group.form-inset.form-inset-right .form-inset-item {
16678 .pagelayout-login .card-title h2 img {
16680 max-height: 100px; }
16682 .pagelayout-login #region-main {
16684 background-color: inherit
; }
16690 .path-mod-choice .horizontal .choices .option {
16691 display: inline-block
; }
16693 .path-mod-choice .choices .option label {
16694 vertical-align: top
; }
16696 .path-mod-feedback .feedback_form .col-form-label {
16697 display: block
!important
;
16698 /* stylelint-disable-line declaration-no-important */ }
16700 .path-mod-feedback .itemactions {
16703 .path-mod-feedback .itemhandle {
16704 position: absolute
;
16707 .path-mod-forum
.forumsearch input
,
16708 .path-mod-forum .forumsearch .helptooltip {
16711 .path-mod-forum
.forumheaderlist
,
16712 .path-mod-forum .forumheaderlist td {
16715 .path-mod-forum
.forumheaderlist thead
.header
,
16716 .path-mod-forum .forumheaderlist tbody .discussion td {
16717 white-space: normal
;
16718 vertical-align: top
;
16719 padding-left: 0.5em;
16720 padding-right: 0.5em; }
16722 .path-mod-forum .forumheaderlist thead .header {
16723 white-space: normal
;
16724 vertical-align: top
; }
16726 .path-mod-forum .forumheaderlist thead .header.replies {
16727 text-align: center
; }
16729 .path-mod-forum .forumheaderlist thead .header.lastpost {
16730 text-align: right
; }
16732 .path-mod-forum
.forumheaderlist thead
.header th
.discussionsubscription
,
16733 .path-mod-forum .forumheaderlist tbody .discussion td.discussionsubscription {
16735 padding-left: 0.5em;
16736 padding-right: 0.5em; }
16738 .path-mod-forum
.forumheaderlist
.discussion
.replies
,
16739 .path-mod-forum .forumheaderlist .discussion .lastpost {
16740 white-space: normal
; }
16742 .path-mod-forum
.forumheaderlist
.discussion
.discussionsubscription
,
16743 .path-mod-forum .forumheaderlist .discussion .replies {
16744 text-align: center
; }
16746 .path-mod-forum
.forumheaderlist
.discussion
.topic
,
16747 .path-mod-forum
.forumheaderlist
.discussion
.discussionsubscription
,
16748 .path-mod-forum
.forumheaderlist
.discussion
.topic
.starter
,
16749 .path-mod-forum
.forumheaderlist
.discussion
.replies
,
16750 .path-mod-forum .forumheaderlist .discussion .lastpost {
16751 vertical-align: top
; }
16753 .path-mod-forum .discussion-list .topic {
16754 font-weight: inherit
; }
16756 .path-mod-forum .subscriptionmode {
16759 .path-mod-forum .activesetting {
16761 font-weight: bold
; }
16763 .discussion-settings-container .custom-select {
16766 .discussion-settings-container input {
16770 border: 1px solid
#dee2e6;
16773 .forumpost .header {
16774 margin-bottom: 3px; }
16775 .forumpost .picture img {
16777 .forumpost .picture img.userpicture {
16779 margin-right: 10px; }
16780 .forumpost .content .posting.fullpost {
16784 .forumpost
.row
.topic
,
16785 .forumpost
.row
.content-mask
,
16786 .forumpost .row .options {
16787 margin-left: 48px; }
16788 .forumpost .row.side {
16791 .forumpost .row .left {
16794 .forumpost .options .commands {
16797 .forumpost .subject {
16798 font-weight: bold
; }
16800 .forumsearch input[type=text] {
16801 margin-bottom: 0; }
16803 #page-mod-forum-view table
.fit-content
{
16805 white-space: nowrap
; }
16807 #page-mod-forum-view table
.limit-width
{
16809 white-space: nowrap
;
16810 text-overflow: ellipsis
;
16811 overflow: hidden
; }
16812 #page-mod-forum-view table
.limit-width
.author-info
{
16813 max-width: calc
(100% - 35px - .5rem); }
16815 #page-mod-forum-discuss .discussioncontrols
{
16818 #page-mod-forum-discuss .discussioncontrols
.form-inline input
{
16819 margin-top: -1px; }
16821 /** Gently highlight the selected post by changing it's background to blue and then fading it out. */
16822 @keyframes background-highlight
{
16824 background-color: rgba
(0, 123, 255, 0.5); }
16826 background-color: inherit
; } }
16828 .path-mod-forum
.nested-v2-display-mode
,
16829 .path-mod-forum.nested-v2-display-mode {
16830 /** Reset the badge styling back to pill style. */
16831 /** Style the ratings like a badge. */
16832 /** Don't show the discussion locked alert in this mode because it's already indicated with a badge. */
16833 /** Fix muted text contrast ratios for accessibility. */
16834 /** Make the tag list text screen reader visible only */ }
16835 .path-mod-forum
.nested-v2-display-mode
.discussionsubscription
,
16836 .path-mod-forum.nested-v2-display-mode .discussionsubscription {
16838 text-align: inherit
;
16839 margin-bottom: 0; }
16840 .path-mod-forum
.nested-v2-display-mode
.preload-subscribe
,
16841 .path-mod-forum
.nested-v2-display-mode
.preload-unsubscribe
,
16842 .path-mod-forum
.nested-v2-display-mode
.preload-subscribe
,
16843 .path-mod-forum.nested-v2-display-mode .preload-unsubscribe {
16845 .path-mod-forum
.nested-v2-display-mode
.post-message
,
16846 .path-mod-forum.nested-v2-display-mode .post-message {
16847 line-height: 1.6; }
16848 .path-mod-forum
.nested-v2-display-mode
.indent
,
16849 .path-mod-forum.nested-v2-display-mode .indent {
16851 .path-mod-forum
.nested-v2-display-mode
.badge
,
16852 .path-mod-forum.nested-v2-display-mode .badge {
16853 font-size: inherit
;
16854 font-weight: inherit
;
16855 padding-left: .5rem;
16856 padding-right: .5rem;
16857 border-radius: 10rem; }
16858 .path-mod-forum
.nested-v2-display-mode
.badge-light
,
16859 .path-mod-forum.nested-v2-display-mode .badge-light {
16860 background-color: #f6f6f6;
16862 .path-mod-forum
.nested-v2-display-mode
.rating-aggregate-container
,
16863 .path-mod-forum.nested-v2-display-mode .rating-aggregate-container {
16864 background-color: #f6f6f6;
16866 padding: .25em .5em;
16868 margin-right: .5rem;
16869 vertical-align: middle
;
16870 border-radius: 10rem;
16871 text-align: center
; }
16872 .path-mod-forum
.nested-v2-display-mode
.ratinginput
,
16873 .path-mod-forum.nested-v2-display-mode .ratinginput {
16874 padding: .25em 1.75rem 0.25em .75em;
16877 border-radius: 10rem; }
16878 @media
(max-width: 767.98px) {
16879 .path-mod-forum
.nested-v2-display-mode
.ratinginput
,
16880 .path-mod-forum.nested-v2-display-mode .ratinginput {
16881 margin-top: .5rem; } }
16882 .path-mod-forum
.nested-v2-display-mode
.group-image
,
16883 .path-mod-forum.nested-v2-display-mode .group-image {
16888 display: inline-block
; }
16889 .path-mod-forum
.nested-v2-display-mode
.alert
.discussionlocked
,
16890 .path-mod-forum.nested-v2-display-mode .alert.discussionlocked {
16891 position: absolute
;
16897 clip: rect
(0, 0, 0, 0);
16898 white-space: nowrap
;
16900 .path-mod-forum
.nested-v2-display-mode
.text-muted
,
16901 .path-mod-forum
.nested-v2-display-mode
.dimmed_text
,
16902 .path-mod-forum
.nested-v2-display-mode
.text-muted
,
16903 .path-mod-forum.nested-v2-display-mode .dimmed_text {
16904 color: #707070 !important
;
16905 /* stylelint-disable-line declaration-no-important */ }
16906 .path-mod-forum
.nested-v2-display-mode
.author-header
,
16907 .path-mod-forum.nested-v2-display-mode .author-header {
16908 font-style: italic
; }
16909 .path-mod-forum
.nested-v2-display-mode
.author-header
.author-name
,
16910 .path-mod-forum.nested-v2-display-mode .author-header .author-name {
16911 font-style: normal
; }
16912 .path-mod-forum
.nested-v2-display-mode
.tag_list
> b
,
16913 .path-mod-forum.nested-v2-display-mode .tag_list > b {
16914 position: absolute
;
16920 clip: rect
(0, 0, 0, 0);
16921 white-space: nowrap
;
16923 .path-mod-forum
.nested-v2-display-mode :target
> .focus-target
,
16924 .path-mod-forum.nested-v2-display-mode :target > .focus-target {
16925 animation-name: background-highlight
;
16926 animation-duration: 1s;
16927 animation-timing-function: ease-in-out
;
16928 animation-iteration-count: 1; }
16929 .path-mod-forum
.nested-v2-display-mode
.forum-post-container
.replies-container
.forum-post-container
,
16930 .path-mod-forum.nested-v2-display-mode .forum-post-container .replies-container .forum-post-container {
16931 border-top: 1px solid
#dee2e6;
16932 padding-top: 1.5rem; }
16933 .path-mod-forum
.nested-v2-display-mode
.forum-post-container
.replies-container
.forum-post-container
.replies-container
.forum-post-container
,
16934 .path-mod-forum.nested-v2-display-mode .forum-post-container .replies-container .forum-post-container .replies-container .forum-post-container {
16937 .path-mod-forum
.nested-v2-display-mode
.forum-post-container
.replies-container
.inline-reply-container
.reply-author
,
16938 .path-mod-forum.nested-v2-display-mode .forum-post-container .replies-container .inline-reply-container .reply-author {
16940 .path-mod-forum
.nested-v2-display-mode
.forum-post-container
.post-message
p:last-of-type
,
16941 .path-mod-forum.nested-v2-display-mode .forum-post-container .post-message p:last-of-type {
16942 margin-bottom: 0; }
16943 .path-mod-forum
.nested-v2-display-mode
.forum-post-container
.author-image-container
,
16944 .path-mod-forum.nested-v2-display-mode .forum-post-container .author-image-container {
16946 margin-right: 24px;
16948 .path-mod-forum
.nested-v2-display-mode
.forum-post-container
.inline-reply-container textarea
,
16949 .path-mod-forum.nested-v2-display-mode .forum-post-container .inline-reply-container textarea {
16952 .path-mod-forum
.nested-v2-display-mode
.forum-post-container
.indent
,
16953 .path-mod-forum.nested-v2-display-mode .forum-post-container .indent {
16955 * The first post and first set of replies have a larger author image so offset the 2nd
16956 * set of replies by the image width + margin to ensure they align.
16958 .path-mod-forum
.nested-v2-display-mode
.forum-post-container
.indent
.indent
,
16959 .path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent {
16960 padding-left: 94px;
16962 * Reduce the size of the the author image for all second level replies (and below).
16965 * Adjust the indentation offset for all 3rd level replies and below for the smaller author image.
16967 .path-mod-forum
.nested-v2-display-mode
.forum-post-container
.indent
.indent
.author-image-container
,
16968 .path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent .author-image-container {
16971 padding-top: 3px; }
16972 .path-mod-forum
.nested-v2-display-mode
.forum-post-container
.indent
.indent
.indent
,
16973 .path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent .indent {
16974 padding-left: 38px;
16976 * Stop indenting the replies after the 5th reply.
16978 .path-mod-forum
.nested-v2-display-mode
.forum-post-container
.indent
.indent
.indent
.indent
.indent
.indent
,
16979 .path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent .indent .indent .indent .indent {
16982 /** Extra small devices (portrait phones, less than 576px). */
16983 @media (max-width: 767.98px) {
16984 #page-mod-forum-discuss.nested-v2-display-mode
.forum-post-container
.author-image-container
{
16986 margin-right: 8px; }
16987 #page-mod-forum-discuss.nested-v2-display-mode
.forum-post-container
.indent
.indent
{
16988 padding-left: 38px; }
16989 #page-mod-forum-discuss.nested-v2-display-mode
.forum-post-container
.indent
.indent
.indent
.indent
{
16991 #page-mod-forum-discuss.nested-v2-display-mode
.group-image
{
16995 .filter-scrollable {
16998 margin-bottom: 1em; }
17000 .filter-dates-popover {
17002 max-width: 41.5em; }
17003 .filter-dates-popover .mform {
17004 margin-left: -3em; }
17006 /* stylelint-disable-line max-line-length */
17007 @keyframes expandSearchButton
{
17011 border-radius: 18px;
17012 background-color: #e9ecef; }
17015 height: calc
(1.5em + 1rem + 2px);
17017 background-color: #fff;
17018 border-color: #8f959e;
17019 padding-left: calc
(0.5rem + 8px);
17020 padding-top: 0.5rem;
17021 padding-bottom: 0.5rem;
17022 font-size: 1.171875rem;
17023 @media
(max-width: 1200px) {
17024 font-size: calc
(0.9271875rem + 0.32625vw) ; }
17028 @keyframes collapseSearchButton
{
17031 height: calc
(1.5em + 1rem + 2px);
17033 background-color: #fff;
17034 border-color: #8f959e;
17035 padding-left: calc
(0.5rem + 8px);
17036 padding-top: 0.5rem;
17037 padding-bottom: 0.5rem;
17038 font-size: 1.171875rem;
17039 @media
(max-width: 1200px) {
17040 font-size: calc
(0.9271875rem + 0.32625vw) ; }
17046 border-radius: 18px;
17047 background-color: #e9ecef; } }
17049 .path-mod-forum .unified-grader .navbar {
17053 .path-mod-forum .unified-grader .body-container {
17055 .path-mod-forum .unified-grader .body-container.hidden {
17056 display: none
!important
;
17057 /* stylelint-disable-line declaration-no-important */ }
17059 .path-mod-forum .unified-grader .userpicture {
17063 .path-mod-forum .unified-grader .grader-grading-panel {
17065 position: absolute
;
17069 .path-mod-forum .unified-grader .grader-grading-panel.hidden {
17071 .path-mod-forum .unified-grader .grader-grading-panel .grading-icon {
17073 .path-mod-forum .unified-grader .grader-grading-panel .user-picker-container .user-full-name {
17074 max-width: 240px; }
17075 .path-mod-forum .unified-grader .grader-grading-panel .user-picker-container .page-link {
17079 text-align: center
;
17080 align-items: center
;
17081 justify-content: center
; }
17082 .path-mod-forum .unified-grader .grader-grading-panel .header-container {
17084 position: relative
;
17085 overflow: hidden
; }
17086 .path-mod-forum .unified-grader .grader-grading-panel .header-container .info-container {
17087 position: absolute
;
17090 transform: translateY
(-50%);
17094 padding-right: calc
(36px + 0.5rem);
17096 visibility: visible
;
17097 transition: left
0.3s ease-in-out
;
17099 .path-mod-forum .unified-grader .grader-grading-panel .header-container .toggle-search-button.expand {
17100 animation-name: expandSearchButton
;
17101 animation-duration: 0.3s;
17102 animation-timing-function: ease-in-out
; }
17103 .path-mod-forum .unified-grader .grader-grading-panel .header-container .toggle-search-button.collapse {
17105 animation-name: collapseSearchButton
;
17106 animation-duration: 0.3s; }
17107 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container {
17109 position: absolute
;
17112 transform: translateY
(-50%);
17115 height: 100% !important
;
17116 /* stylelint-disable-line declaration-no-important */
17118 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container {
17119 position: relative
;
17121 flex-wrap: nowrap
; }
17122 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container input {
17123 padding-left: calc
(0.5rem + 0.5rem + 34px);
17124 padding-right: calc
(0.5rem + 36px);
17126 visibility: visible
;
17127 transition: opacity
0s linear
0.3s, visibility
0s linear
; }
17128 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .search-icon {
17129 position: absolute
;
17132 transform: translateY
(-50%);
17136 background-color: #fff;
17138 visibility: visible
;
17139 transition: opacity
0s linear
0.3s, visibility
0s linear
0.3s; }
17140 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .toggle-search-button {
17141 position: absolute
;
17144 transform: translateY
(-50%);
17149 transition: right
0s linear
0.3s; }
17150 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .toggle-search-button .expanded-icon {
17152 visibility: visible
;
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 .search-input-container .toggle-search-button .collapsed-icon {
17158 visibility: hidden
;
17162 transition: opacity
0s linear
0.3s, max-height
0s linear
0.3s, max-width
0s linear
0.3s, visibility
0s linear
0.3s; }
17163 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed {
17164 width: calc
(36px + 0.5rem + 0.5rem);
17165 transition: width
0.3s ease-in-out
; }
17166 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container {
17167 flex-wrap: nowrap
; }
17168 .path-mod-forum
.unified-grader
.grader-grading-panel
.header-container
.user-search-container
.collapsed
.search-input-container input
,
17169 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container .search-icon {
17171 visibility: hidden
;
17172 transition: opacity
0s linear
, visibility
0s linear
; }
17173 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container input {
17175 padding-right: 0; }
17176 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container .toggle-search-button .expanded-icon {
17178 visibility: hidden
;
17182 transition: opacity
0s linear
, max-height
0s linear
, max-width
0s linear
, visibility
0s linear
; }
17183 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container .toggle-search-button .collapsed-icon {
17185 visibility: visible
;
17188 transition: opacity
0s linear
, max-height
0s linear
, max-width
0s linear
, visibility
0s linear
; }
17189 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container:not(.collapsed) + .info-container {
17191 visibility: hidden
;
17192 left: calc
(100% * -1);
17193 transition: left
0.3s ease-in-out
, opacity
0s linear
0.3s, visibility
0s linear
0.3s, padding
0s linear
0.3s; }
17195 .path-mod-forum .unified-grader .grader-module-content {
17197 margin-right: 430px;
17198 transition: margin-right
0.2s ease-in-out
; }
17199 @media
(prefers-reduced-motion: reduce
) {
17200 .path-mod-forum .unified-grader .grader-module-content {
17201 transition: none
; } }
17203 .path-mod-forum .unified-grader .drawer-button {
17204 position: relative
; }
17205 .path-mod-forum .unified-grader .drawer-button.active::after {
17207 position: absolute
;
17208 bottom: calc
(-0.5rem - 1px);
17212 background-color: #0f6fc5; }
17213 .path-mod-forum .unified-grader .drawer-button .icon {
17218 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container:last-of-type > hr {
17221 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container:last-of-type > hr {
17224 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container {
17225 position: relative
; }
17226 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button {
17227 position: absolute
;
17232 padding-left: calc
(1rem + 45px);
17235 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button:not(.collapsed) {
17237 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content {
17239 height: auto
!important
;
17240 /* stylelint-disable-line declaration-no-important */ }
17241 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .header {
17242 transition: margin-bottom
0.3s ease-in-out
; }
17243 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .header div + div {
17245 visibility: visible
;
17247 transition: opacity
0.3s linear
, visibility
0s linear
; }
17248 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .body-content-container {
17250 visibility: visible
;
17252 transition: opacity
0.3s linear
, visibility
0s linear
; }
17253 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .forum-post-core {
17255 visibility: visible
;
17257 transition: opacity
0.3s linear
, visibility
0s linear
; }
17258 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content {
17260 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .header {
17261 margin-bottom: 0 !important
;
17262 /* stylelint-disable-line declaration-no-important */ }
17263 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .header div + div {
17265 visibility: hidden
;
17267 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .body-content-container {
17269 visibility: hidden
;
17271 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .forum-post-core {
17273 visibility: hidden
;
17275 .path-mod-forum
.unified-grader
.grader-module-content-display
.discussion-container
.posts-container
.parent-container
.show-content-button
.collapsed:hover
+ .content
,
17276 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed:focus + .content {
17279 .path-mod-forum .unified-grader .grader-module-content-display .no-post-container .icon {
17284 .path-mod-forum .unified-grader .grader-module-content-display .nested-v2-display-mode .discussion-container .posts-container .parent-container .show-content-button {
17285 padding-left: 94px; }
17287 .path-mod-forum .unified-grader .no-search-results-container .icon {
17292 .path-mod-forum .unified-grader .nested-v2-display-mode .view-context-button {
17294 border-radius: 0.3rem; }
17296 .path-mod-forum .unified-grader .nested-v2-display-mode .parent-container .author-image-container {
17297 position: relative
; }
17298 .path-mod-forum .unified-grader .nested-v2-display-mode .parent-container .author-image-container:after {
17299 position: absolute
;
17300 top: calc
(70px + 0.5rem);
17302 background-color: #e9ecef;
17304 height: calc
(100% - 70px + 0.5rem); }
17306 .path-mod-forum .unified-grader .nested-v2-display-mode .parent-container + .post-container .author-image-container img {
17307 width: 30px !important
;
17308 /* stylelint-disable-line declaration-no-important */ }
17310 .path-mod-forum
.unified-grader
.nested-v2-display-mode
.post-subject
,
17311 .path-mod-forum .modal .nested-v2-display-mode .post-subject {
17314 @media (max-width: 575.98px) {
17315 .path-mod-forum .unified-grader .grader-grading-panel {
17318 height: calc
(100vh - 50px);
17321 .path-mod-forum .unified-grader .body-container {
17322 overflow: visible
; } }
17324 .maincalendar
.calendarmonth td
,
17325 .maincalendar .calendarmonth th {
17326 border: 1px dotted
#dee2e6; }
17328 .path-grade-report-grader h1 {
17329 text-align: inherit
; }
17331 #page-mod-chat-gui_basic input#message
{
17334 #page-mod-data-view #singleimage
{
17337 .path-mod-data form {
17338 margin-top: 10px; }
17340 .template_heading {
17341 margin-top: 10px; }
17343 .breadcrumb-button {
17346 .breadcrumb-button .singlebutton {
17348 margin-left: 4px; }
17354 -ms-touch-action: auto
; }
17359 /** General styles (scope: all of lesson) **/
17360 .path-mod-lesson .invisiblefieldset.fieldsetfix {
17363 .path-mod-lesson .answeroption .checkbox label p {
17366 .path-mod-lesson .form-inline label.form-check-label {
17367 display: inline-block
; }
17369 .path-mod-lesson .slideshow {
17373 #page-mod-lesson-view .branchbuttoncontainer
.singlebutton button
[type
="submit"] {
17374 white-space: normal
; }
17376 #page-mod-lesson-view .vertical
.singlebutton
{
17378 #page-mod-lesson-view .vertical
.singlebutton
+ .singlebutton
{
17380 margin-top: 1rem; }
17382 #page-mod-lesson-view .fitem
.felement
.custom-select
{
17383 align-self: flex-start
; }
17385 .path-mod-lesson .generaltable td {
17386 vertical-align: middle
; }
17387 .path-mod-lesson .generaltable td label {
17388 margin-bottom: 0; }
17389 .path-mod-lesson .generaltable td .highlight {
17390 display: inline-block
;
17391 margin-left: 0.25rem; }
17392 .path-mod-lesson .generaltable td input[type="checkbox"] {
17395 .path-mod-wiki
.wiki_headingtitle
,
17396 .path-mod-wiki
.midpad
,
17397 .path-mod-wiki .wiki_headingtime {
17398 text-align: inherit
; }
17400 .path-mod-wiki .wiki_contentbox {
17403 .path-mod-survey .surveytable > tbody > tr:nth-of-type(even) {
17404 background-color: rgba
(0, 0, 0, 0.05); }
17406 .path-mod-survey .surveytable .rblock label {
17407 text-align: center
; }
17410 margin-left: 4px; }
17417 line-height: 2.25rem; }
17419 .userloggedinas
.usermenu
.usertext
,
17420 .userswitchedrole
.usermenu
.usertext
,
17421 .loginfailures .usermenu .usertext {
17424 margin-right: 0.5rem;
17426 .userloggedinas
.usermenu
.usertext
.meta
,
17427 .userswitchedrole
.usermenu
.usertext
.meta
,
17428 .loginfailures .usermenu .usertext .meta {
17430 font-size: 0.8203125rem; }
17432 .userloggedinas
.usermenu
.avatar img
,
17433 .userswitchedrole
.usermenu
.avatar img
,
17434 .loginfailures .usermenu .avatar img {
17437 .userloggedinas .usermenu .userbutton .avatars {
17438 position: relative
;
17439 display: inline-block
; }
17440 .userloggedinas .usermenu .userbutton .avatars .avatar.current {
17441 display: inline-block
;
17442 position: absolute
;
17447 border-radius: 50%; }
17448 .userloggedinas .usermenu .userbutton .avatars .avatar.current img {
17449 vertical-align: baseline
; }
17450 .userloggedinas .usermenu .userbutton .avatars .avatar img {
17453 .userloggedinas .usermenu .userbutton .avatars .realuser {
17456 display: inline-block
; }
17458 @media (max-width: 767.98px) {
17462 .path-mod-quiz .mod-quiz-edit-content {
17463 margin-bottom: 10rem; }
17465 #page-mod-quiz-mod #id_reviewoptionshdr
.col-md-3
,
17466 #page-mod-quiz-mod #id_reviewoptionshdr
.col-md-9
{
17470 #page-mod-quiz-mod #id_reviewoptionshdr
.form-group
{
17473 display: inline-block
;
17474 min-height: 12rem; }
17476 #page-mod-quiz-mod #id_reviewoptionshdr
.btn-link
{
17478 vertical-align: bottom
; }
17480 #page-mod-quiz-mod #id_reviewoptionshdr
.form-inline
{
17484 #page-mod-quiz-mod #id_reviewoptionshdr
.form-check
{
17487 justify-content: flex-start
; }
17489 #page-mod-quiz-mod #id_reviewoptionshdr
.review_option_item
{
17493 .path-mod-quiz #mod_quiz_navblock .qnbutton {
17494 text-decoration: none
;
17497 font-weight: normal
;
17498 background-color: #fff;
17499 background-image: none
;
17502 border-radius: 3px;
17505 margin: 0 6px 6px 0; }
17507 .path-mod-quiz #mod_quiz_navblock span.qnbutton {
17509 background-color: #e9ecef;
17512 .path-mod-quiz #mod_quiz_navblock a
.qnbutton:hover
,
17513 .path-mod-quiz #mod_quiz_navblock a
.qnbutton:active
,
17514 .path-mod-quiz #mod_quiz_navblock a.qnbutton:focus {
17515 text-decoration: underline
; }
17517 .path-mod-quiz #mod_quiz_navblock .qnbutton .thispageholder {
17519 border-radius: 3px;
17522 .path-mod-quiz #mod_quiz_navblock .qnbutton.thispage .thispageholder {
17523 border-width: 3px; }
17525 .path-mod-quiz #mod_quiz_navblock .allquestionsononepage .qnbutton.thispage .thispageholder {
17526 border-width: 1px; }
17528 .path-mod-quiz #mod_quiz_navblock .qnbutton.flagged .thispageholder {
17529 background: transparent url
([[pix:theme|mod
/quiz
/flag-on
]]) 15px 0 no-repeat
; }
17531 .path-mod-quiz #mod_quiz_navblock .qnbutton .trafficlight {
17533 background: #fff none center
/10px no-repeat scroll
;
17536 border-radius: 0 0 3px 3px; }
17538 .path-mod-quiz #mod_quiz_navblock
.qnbutton
.notyetanswered
.trafficlight
,
17539 .path-mod-quiz #mod_quiz_navblock .qnbutton.invalidanswer .trafficlight {
17540 background-color: #fff; }
17542 .path-mod-quiz #mod_quiz_navblock .qnbutton.invalidanswer .trafficlight {
17543 background-image: url
([[pix:theme|mod
/quiz
/warningtriangle
]]); }
17545 .path-mod-quiz #mod_quiz_navblock .qnbutton.correct .trafficlight {
17546 background-image: url
([[pix:theme|mod
/quiz
/checkmark
]]);
17547 background-color: #357a32; }
17549 .path-mod-quiz #mod_quiz_navblock .qnbutton.blocked .trafficlight {
17550 background-image: url
([[pix:core|t
/locked
]]);
17551 background-color: #e9ecef; }
17553 .path-mod-quiz #mod_quiz_navblock
.qnbutton
.notanswered
.trafficlight
,
17554 .path-mod-quiz #mod_quiz_navblock .qnbutton.incorrect .trafficlight {
17555 background-color: #ca3120; }
17557 .path-mod-quiz #mod_quiz_navblock .qnbutton.partiallycorrect .trafficlight {
17558 background-image: url
([[pix:theme|mod
/quiz
/whitecircle
]]);
17559 background-color: #f0ad4e; }
17561 .path-mod-quiz #mod_quiz_navblock
.qnbutton
.complete
.trafficlight
,
17562 .path-mod-quiz #mod_quiz_navblock
.qnbutton
.answersaved
.trafficlight
,
17563 .path-mod-quiz #mod_quiz_navblock .qnbutton.requiresgrading .trafficlight {
17564 background-color: #6c757d; }
17566 #page-mod-quiz-edit ul
.slots li
.section li
.activity
.instancemaxmarkcontainer form input
{
17568 vertical-align: middle
; }
17570 #page-mod-quiz-edit ul
.slots li
.section li
.activity
.instancemaxmarkcontainer
{
17574 /* Countdown timer. */
17575 #page-mod-quiz-attempt #region-main
{
17576 overflow-x: inherit
; }
17578 #quiz-timer-wrapper {
17581 justify-content: end
;
17584 #quiz-timer-wrapper #quiz-timer
{
17585 border: 1px solid
#ca3120;
17586 background-color: #fff; }
17588 .pagelayout-embedded #quiz-timer-wrapper {
17591 #quiz-timer-wrapper #quiz-timer
.timeleft0
{
17592 background-color: #ca3120;
17595 #quiz-timer-wrapper #quiz-timer
.timeleft1
{
17596 background-color: #d73422;
17599 #quiz-timer-wrapper #quiz-timer
.timeleft2
{
17600 background-color: #dd3d2b;
17603 #quiz-timer-wrapper #quiz-timer
.timeleft3
{
17604 background-color: #e04938;
17607 #quiz-timer-wrapper #quiz-timer
.timeleft4
{
17608 background-color: #e25546;
17611 #quiz-timer-wrapper #quiz-timer
.timeleft5
{
17612 background-color: #e46153;
17615 #quiz-timer-wrapper #quiz-timer
.timeleft6
{
17616 background-color: #e66d60;
17619 #quiz-timer-wrapper #quiz-timer
.timeleft7
{
17620 background-color: #e8796d;
17623 #quiz-timer-wrapper #quiz-timer
.timeleft8
{
17624 background-color: #ea867a;
17627 #quiz-timer-wrapper #quiz-timer
.timeleft9
{
17628 background-color: #ec9288;
17631 #quiz-timer-wrapper #quiz-timer
.timeleft10
{
17632 background-color: #ee9e95;
17635 #quiz-timer-wrapper #quiz-timer
.timeleft11
{
17636 background-color: #f0aaa2;
17639 #quiz-timer-wrapper #quiz-timer
.timeleft12
{
17640 background-color: #f2b6af;
17643 #quiz-timer-wrapper #quiz-timer
.timeleft13
{
17644 background-color: #f4c2bc;
17647 #quiz-timer-wrapper #quiz-timer
.timeleft14
{
17648 background-color: #f7ceca;
17651 #quiz-timer-wrapper #quiz-timer
.timeleft15
{
17652 background-color: #f9dad7;
17655 #quiz-timer-wrapper #quiz-timer
.timeleft16
{
17656 background-color: #fbe6e4;
17659 .path-mod-assign [data-region="grade-actions-panel"] [data-region="grade-actions"] .collapse-buttons {
17662 .path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fcontainer .fitem.popout .felement {
17663 height: calc
(100% - 4rem); }
17665 .path-mod-assign [data-region="grade-panel"] {
17666 padding-top: 1rem; }
17668 .path-mod-assign
[data-region
="grade-panel"] .fitem
> .col-md-3
,
17669 .path-mod-assign [data-region="grade-panel"] .fitem > .col-md-9 {
17675 .path-mod-assign
[data-region
="grade-panel"] fieldset
,
17676 .path-mod-assign [data-region="grade-panel"] .fitem.row {
17679 .path-mod-assign [data-region="grade-panel"] .mform .fitem.has-popout .felement {
17682 .path-mod-assign [data-region="grade-panel"] .mform .fitem .felement {
17685 .path-mod-assign [data-region="grade-panel"] .popout {
17686 background-color: #fff; }
17688 .path-mod-assign [data-region="grade-panel"] .fitem.has-popout {
17689 background-color: #fff;
17690 border: 1px solid rgba
(0, 0, 0, 0.125);
17692 margin-bottom: 1rem; }
17694 .path-mod-assign [data-region="grade-panel"] .has-popout .col-md-3 {
17695 border-bottom: 1px solid rgba
(0, 0, 0, 0.1);
17696 margin-bottom: 1rem; }
17698 .path-mod-assign [data-region="grade-panel"] .popout > .col-md-3 {
17700 align-items: flex-start
;
17701 justify-content: space-between
;
17702 font-size: 1.40625rem; }
17704 .path-mod-assign [data-region="grade-panel"] .popout [data-region="popout-button"] {
17707 .path-mod-assign [data-region="assignment-info"] {
17708 overflow-y: hidden
; }
17710 .path-mod-assign [data-region="grading-navigation"] {
17713 .path-mod-assign [data-region="grade-actions"] {
17716 .path-mod-assign [data-region="user-info"] .img-rounded {
17719 .path-mod-assign [data-region="grading-navigation-panel"] {
17722 @media (max-width: 767px) {
17723 .path-mod-assign [data-region="grading-navigation-panel"] {
17725 .path-mod-assign [data-region="user-info"] {
17726 margin-top: 1rem; } }
17728 .path-mod-assign [data-region="grading-navigation"] [data-region="input-field"] input {
17730 display: inline-block
; }
17735 .assignfeedback_editpdf_widget * {
17736 box-sizing: content-box
; }
17738 .assignfeedback_editpdf_widget button {
17739 box-sizing: border-box
; }
17741 .assignfeedback_editpdf_widget .commentcolourbutton img {
17744 .assignfeedback_editpdf_widget .label {
17745 position: relative
;
17746 padding: 0.75rem 1.25rem;
17747 margin-bottom: 1rem;
17748 border: 0 solid transparent
;
17750 background-color: #cce6ea;
17751 border-color: #b8dce2;
17752 /* stylelint-disable-line max-line-length */ }
17753 .assignfeedback_editpdf_widget .label hr {
17754 border-top-color: #a6d3db; }
17755 .assignfeedback_editpdf_widget .label .alert-link {
17758 .assignfeedback_editpdf_menu {
17761 .path-mod-assign [data-region="grade-panel"] .gradingform_guide .remark .commentchooser {
17764 .path-mod-assign [data-region="grade-panel"] .gradingform_guide .markingguideremark {
17767 .path-mod-assign [data-region="grade-panel"] .mform .fitem .felement[data-fieldtype="grading"] {
17768 padding-left: 1rem;
17769 padding-right: 1rem; }
17771 .path-mod-assign
[data-region
="grade-panel"] .showmarkerdesc
,
17772 .path-mod-assign [data-region="grade-panel"] .showstudentdesc {
17773 background-color: #fff; }
17778 .path-admin-mod-lti
.btn
.loader img
,
17779 .path-admin-mod-lti #tool-list-loader-container .loader img {
17782 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax {
17783 background-color: #fff; }
17784 .yui-skin-sam
.yui-layout
.path-mod-chat-gui_ajax
.yui-layout-unit div
.yui-layout-bd-nohd
,
17785 .yui-skin-sam
.yui-layout
.path-mod-chat-gui_ajax
.yui-layout-unit div
.yui-layout-bd-noft
,
17786 .yui-skin-sam
.yui-layout
.path-mod-chat-gui_ajax
.yui-layout-unit div
.yui-layout-bd
,
17787 .yui-skin-sam
.yui-layout
.path-mod-chat-gui_ajax
.yui-layout-unit-right
,
17788 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-bottom {
17790 .yui-skin-sam
.yui-layout
.path-mod-chat-gui_ajax
.yui-layout-unit-right
,
17791 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-bottom {
17792 border-radius: 0; }
17793 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd {
17794 background-color: transparent
; }
17795 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit.yui-layout-unit-center div.yui-layout-bd {
17796 background-color: #f8f9fa; }
17797 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area.py-3 {
17798 padding: 0 !important
;
17799 /* stylelint-disable-line declaration-no-important */ }
17800 .yui-skin-sam
.yui-layout
.path-mod-chat-gui_ajax #chat-input-area table
.generaltable
,
17801 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.generaltable td.cell {
17804 white-space: nowrap
;
17805 margin-bottom: 0; }
17806 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist {
17807 padding: 10px 5px; }
17808 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list {
17809 border-top: 1px solid
#dee2e6;
17810 border-bottom: 1px solid
#fff; }
17811 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list li {
17812 border-top: 1px solid
#fff;
17813 border-bottom: 1px solid
#dee2e6;
17814 padding: 5px 10px; }
17815 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list img {
17817 border: 1px solid
#ccc;
17818 border-radius: 4px;
17820 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages {
17821 margin: 20px 25px; }
17822 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-event.course-theme {
17823 text-align: center
;
17825 font-size: 0.8203125rem;
17827 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme {
17828 margin-bottom: 0.75rem;
17829 border: 1px solid rgba
(0, 0, 0, 0.125);
17830 padding: 1.25rem; }
17831 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme .time {
17835 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme {
17836 background-color: #fff; }
17837 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme .user {
17838 font-weight: bold
; }
17841 #page-report-participation-index .participationselectform div label
{
17842 display: inline-block
;
17845 #page-report-participation-index .participationselectform div label
[for
=menuinstanceid
] {
17848 .path-backup .mform {
17849 /* These are long labels with checkboxes on the right. */ }
17850 .path-backup .mform .grouped_settings {
17853 /* Use card styles but avoid extend because that brings in too much. */ }
17854 .path-backup .mform .grouped_settings.section_level {
17855 background-color: #fff;
17856 border: 1px solid rgba
(0, 0, 0, 0.125);
17858 margin-bottom: 1.25rem; }
17859 .path-backup .mform .grouped_settings.section_level::after {
17863 .path-backup .mform .include_setting {
17865 display: inline-block
;
17868 .path-backup .mform .normal_setting {
17870 display: inline-block
;
17875 /* Bold section labels */ }
17876 .path-backup .section_level {
17877 font-weight: bold
; }
17878 .path-backup .section_level .activity_level {
17879 font-weight: normal
; }
17880 .path-backup .proceedbutton {
17881 margin-left: auto
; }
17883 /* Override the columns width to leave more room for the labels. */
17884 .path-backup
.mform
.root_setting
,
17885 .path-backup .mform .grouped_settings {
17886 /* Striped rows like a table */ }
17887 .path-backup
.mform
.root_setting:nth-of-type
(odd
),
17888 .path-backup .mform .grouped_settings:nth-of-type(odd) {
17889 background-color: rgba
(0, 0, 0, 0.05); }
17890 .path-backup
.mform
.root_setting:nth-of-type
(even
),
17891 .path-backup .mform .grouped_settings:nth-of-type(even) {
17892 background-color: #fff; }
17893 .path-backup
.mform
.root_setting
.form-group
,
17894 .path-backup .mform .grouped_settings .form-group {
17895 /* These checkboxes with no label on the left. */ }
17896 .path-backup
.mform
.root_setting
.form-group
.col-md-3
.checkbox
,
17897 .path-backup .mform .grouped_settings .form-group .col-md-3.checkbox {
17899 .path-backup
.mform
.root_setting
.form-group
.col-md-9
.checkbox
,
17900 .path-backup .mform .grouped_settings .form-group .col-md-9.checkbox {
17904 /* Detail pair is (usually) some short label with a longer value */
17905 .path-backup .detail-pair .detail-pair-label {
17910 .path-backup .detail-pair .detail-pair-value {
17914 .path-backup .backup-restore .singlebutton {
17917 /* Make these bits full width and work with the detail-pair */
17918 .path-backup .backup-section {
17919 /* Fix for nested table headers */
17920 /* Add card styles to backup sections */
17921 background-color: #fff;
17922 border: 1px solid rgba
(0, 0, 0, 0.125);
17924 margin-bottom: 1.25rem; }
17925 .path-backup
.backup-section
.sub-header
,
17926 .path-backup
.backup-section
.backup-sub-section
,
17927 .path-backup
.backup-section
.singlebutton
,
17928 .path-backup .backup-section .header {
17932 .path-backup .backup-section th.header {
17935 .path-backup .backup-section ::after {
17939 .path-backup .backup-section::after {
17944 .path-backup .notification.dependencies_enforced {
17946 font-weight: bold
; }
17948 .path-backup .backup_progress {
17950 margin-bottom: 1rem; }
17951 .path-backup .backup_progress .backup_stage {
17953 .path-backup .backup_progress .backup_stage.backup_stage_current {
17957 .path-backup .backup_progress span.backup_stage.backup_stage_complete {
17960 #page-backup-restore .filealiasesfailures
{
17961 background-color: #f4d6d2; }
17962 #page-backup-restore .filealiasesfailures
.aliaseslist
{
17963 background-color: #fff; }
17965 .path-backup .wibbler {
17967 margin: 0 auto
10px;
17968 border-bottom: 1px solid black
;
17969 border-right: 1px solid black
;
17970 border-left: 1px solid black
;
17971 position: relative
;
17973 .path-backup .wibbler .wibble {
17974 position: absolute
;
17979 .path-backup .wibbler .state0 {
17980 background: #eee; }
17981 .path-backup .wibbler .state1 {
17982 background: #ddd; }
17983 .path-backup .wibbler .state2 {
17984 background: #ccc; }
17985 .path-backup .wibbler .state3 {
17986 background: #bbb; }
17987 .path-backup .wibbler .state4 {
17988 background: #aaa; }
17989 .path-backup .wibbler .state5 {
17990 background: #999; }
17991 .path-backup .wibbler .state6 {
17992 background: #888; }
17993 .path-backup .wibbler .state7 {
17994 background: #777; }
17995 .path-backup .wibbler .state8 {
17996 background: #666; }
17997 .path-backup .wibbler .state9 {
17998 background: #555; }
17999 .path-backup .wibbler .state10 {
18000 background: #444; }
18001 .path-backup .wibbler .state11 {
18002 background: #333; }
18003 .path-backup .wibbler .state12 {
18004 background: #222; }
18008 margin-bottom: 1rem;
18013 vertical-align: top
;
18014 border-top: 1px solid
#dee2e6; }
18015 .generaltable thead th {
18016 vertical-align: bottom
;
18017 border-bottom: 2px solid
#dee2e6; }
18018 .generaltable tbody + tbody {
18019 border-top: 2px solid
#dee2e6; }
18020 .generaltable tbody tr:nth-of-type(odd) {
18021 background-color: rgba
(0, 0, 0, 0.05); }
18022 .generaltable
.table-sm th
,
18023 .generaltable.table-sm td {
18025 .generaltable tbody tr:hover {
18027 background-color: rgba
(0, 0, 0, 0.075); }
18034 caption-side: top
; }
18036 .table-dynamic .loading-icon {
18037 position: absolute
;
18038 left: calc
(50% - 1.5rem);
18040 .table-dynamic .loading-icon .icon {
18046 display: inline-block
; }
18047 .singlebutton + .singlebutton {
18048 margin-left: 0.5rem; }
18051 text-align: center
; }
18055 text-align: center
; }
18058 margin-top: 11.25rem;
18059 text-align: center
;
18060 margin-bottom: 3em; }
18061 #addcontrols label
{
18064 #addcontrols input
,
18065 #removecontrols input
{
18070 margin: 0 0 10px 5px; }
18078 border-radius: 50%;
18080 .btn.btn-icon:hover, .btn.btn-icon:focus {
18081 background-color: #e9ecef; }
18082 .btn.btn-icon.icon-size-0 {
18083 height: 20px !important
;
18084 /* stylelint-disable-line declaration-no-important */
18085 width: 20px !important
;
18086 /* stylelint-disable-line declaration-no-important */
18087 font-size: 0 !important
;
18088 /* stylelint-disable-line declaration-no-important */
18089 line-height: 0 !important
;
18090 /* stylelint-disable-line declaration-no-important */ }
18091 .btn.btn-icon.icon-size-1 {
18092 height: 24px !important
;
18093 /* stylelint-disable-line declaration-no-important */
18094 width: 24px !important
;
18095 /* stylelint-disable-line declaration-no-important */
18096 font-size: 4px !important
;
18097 /* stylelint-disable-line declaration-no-important */
18098 line-height: 4px !important
;
18099 /* stylelint-disable-line declaration-no-important */ }
18100 .btn.btn-icon.icon-size-2 {
18101 height: 28px !important
;
18102 /* stylelint-disable-line declaration-no-important */
18103 width: 28px !important
;
18104 /* stylelint-disable-line declaration-no-important */
18105 font-size: 8px !important
;
18106 /* stylelint-disable-line declaration-no-important */
18107 line-height: 8px !important
;
18108 /* stylelint-disable-line declaration-no-important */ }
18109 .btn.btn-icon.icon-size-3 {
18110 height: 36px !important
;
18111 /* stylelint-disable-line declaration-no-important */
18112 width: 36px !important
;
18113 /* stylelint-disable-line declaration-no-important */
18114 font-size: 16px !important
;
18115 /* stylelint-disable-line declaration-no-important */
18116 line-height: 16px !important
;
18117 /* stylelint-disable-line declaration-no-important */ }
18118 .btn.btn-icon.icon-size-4 {
18119 height: 44px !important
;
18120 /* stylelint-disable-line declaration-no-important */
18121 width: 44px !important
;
18122 /* stylelint-disable-line declaration-no-important */
18123 font-size: 24px !important
;
18124 /* stylelint-disable-line declaration-no-important */
18125 line-height: 24px !important
;
18126 /* stylelint-disable-line declaration-no-important */ }
18127 .btn.btn-icon.icon-size-5 {
18128 height: 52px !important
;
18129 /* stylelint-disable-line declaration-no-important */
18130 width: 52px !important
;
18131 /* stylelint-disable-line declaration-no-important */
18132 font-size: 32px !important
;
18133 /* stylelint-disable-line declaration-no-important */
18134 line-height: 32px !important
;
18135 /* stylelint-disable-line declaration-no-important */ }
18136 .btn.btn-icon.icon-size-6 {
18137 height: 60px !important
;
18138 /* stylelint-disable-line declaration-no-important */
18139 width: 60px !important
;
18140 /* stylelint-disable-line declaration-no-important */
18141 font-size: 40px !important
;
18142 /* stylelint-disable-line declaration-no-important */
18143 line-height: 40px !important
;
18144 /* stylelint-disable-line declaration-no-important */ }
18145 .btn.btn-icon.icon-size-7 {
18146 height: 68px !important
;
18147 /* stylelint-disable-line declaration-no-important */
18148 width: 68px !important
;
18149 /* stylelint-disable-line declaration-no-important */
18150 font-size: 48px !important
;
18151 /* stylelint-disable-line declaration-no-important */
18152 line-height: 48px !important
;
18153 /* stylelint-disable-line declaration-no-important */ }
18155 .btn-primary:focus, .btn-primary.focus {
18156 outline: 0.2rem solid
#010407;
18157 box-shadow: inset
0 0 0 2px #fff; }
18159 .btn-secondary:focus, .btn-secondary.focus {
18160 outline: 0.2rem solid
#5f6e7d;
18161 box-shadow: inset
0 0 0 2px #fff; }
18163 .btn-success:focus, .btn-success.focus {
18164 outline: 0.2rem solid black
;
18165 box-shadow: inset
0 0 0 2px #fff; }
18167 .btn-info:focus, .btn-info.focus {
18168 outline: 0.2rem solid black
;
18169 box-shadow: inset
0 0 0 2px #fff; }
18171 .btn-warning:focus, .btn-warning.focus {
18172 outline: 0.2rem solid
#694109;
18173 box-shadow: inset
0 0 0 2px #fff; }
18175 .btn-danger:focus, .btn-danger.focus {
18176 outline: 0.2rem solid
#1a0604;
18177 box-shadow: inset
0 0 0 2px #fff; }
18179 .btn-light:focus, .btn-light.focus {
18180 outline: 0.2rem solid
#8193a5;
18181 box-shadow: inset
0 0 0 2px #fff; }
18183 .btn-dark:focus, .btn-dark.focus {
18184 outline: 0.2rem solid black
;
18185 box-shadow: inset
0 0 0 2px #fff; }
18187 .btn-outline-primary:focus, .btn-outline-primary.focus {
18188 outline: 0.2rem solid
#010407;
18189 box-shadow: inset
0 0 0 2px #343a40; }
18191 .btn-outline-secondary:focus, .btn-outline-secondary.focus {
18192 outline: 0.2rem solid
#5f6e7d;
18193 box-shadow: inset
0 0 0 2px #343a40; }
18195 .btn-outline-success:focus, .btn-outline-success.focus {
18196 outline: 0.2rem solid black
;
18197 box-shadow: inset
0 0 0 2px #343a40; }
18199 .btn-outline-info:focus, .btn-outline-info.focus {
18200 outline: 0.2rem solid black
;
18201 box-shadow: inset
0 0 0 2px #343a40; }
18203 .btn-outline-warning:focus, .btn-outline-warning.focus {
18204 outline: 0.2rem solid
#694109;
18205 box-shadow: inset
0 0 0 2px #343a40; }
18207 .btn-outline-danger:focus, .btn-outline-danger.focus {
18208 outline: 0.2rem solid
#1a0604;
18209 box-shadow: inset
0 0 0 2px #343a40; }
18211 .btn-outline-light:focus, .btn-outline-light.focus {
18212 outline: 0.2rem solid
#8193a5;
18213 box-shadow: inset
0 0 0 2px #343a40; }
18215 .btn-outline-dark:focus, .btn-outline-dark.focus {
18216 outline: 0.2rem solid black
;
18217 box-shadow: inset
0 0 0 2px #343a40; }
18220 font-size: 0.9375rem; }
18222 .gradetreebox th
.cell
,
18223 .gradetreebox input[type=text] {
18226 .gradetreebox input
[type
=text
],
18227 .gradetreebox select {
18228 margin-bottom: 0; }
18230 .core_grades_notices .singlebutton {
18231 display: inline-block
; }
18233 .path-grade-report #maincontent + .urlselect {
18234 position: absolute
;
18237 .path-grade-report-grader #region-main {
18238 overflow-x: visible
;
18241 display: inline-flex
;
18242 flex-direction: column
; }
18243 .path-grade-report-grader #region-main > .card {
18245 overflow-x: initial
; }
18246 .path-grade-report-grader #region-main div[role="main"] {
18249 .path-grade-report-grader [data-region="blocks-column"] {
18253 #page-grade-grading-manage #activemethodselector label
{
18254 display: inline-block
; }
18256 #page-grade-grading-manage #activemethodselector
.helptooltip
{
18257 margin-right: 0.5em; }
18259 #page-grade-grading-manage .actions
{
18261 text-align: center
;
18262 margin-bottom: 1em; }
18263 #page-grade-grading-manage .actions
.action
{
18264 display: inline-block
;
18265 position: relative
;
18266 vertical-align: top
;
18268 text-align: center
;
18272 border: 1px solid
#aaa; }
18273 #page-grade-grading-manage .actions
.action
.action-text
{
18274 position: relative
;
18277 white-space: normal
; }
18279 #page-grade-grading-form-rubric-edit .gradingform_rubric_editform
.status
{
18282 #rubric-rubric.gradingform_rubric #rubric-criteria
{
18283 margin-bottom: 1em; }
18284 #rubric-rubric.gradingform_rubric #rubric-criteria
.criterion
.description
{
18285 vertical-align: top
;
18287 #rubric-rubric.gradingform_rubric #rubric-criteria
.criterion
.description textarea
{
18290 #rubric-rubric.gradingform_rubric #rubric-criteria
.criterion
.definition textarea
{
18292 margin-bottom: 0; }
18293 #rubric-rubric.gradingform_rubric #rubric-criteria
.criterion
.score
{
18294 position: relative
;
18296 margin-right: 28px; }
18297 #rubric-rubric.gradingform_rubric #rubric-criteria
.criterion
.score input
{
18298 margin-bottom: 0; }
18299 #rubric-rubric.gradingform_rubric #rubric-criteria
.criterion
.level
{
18300 vertical-align: top
;
18302 #rubric-rubric.gradingform_rubric #rubric-criteria
.criterion
.level
.delete
{
18303 position: relative
;
18309 #rubric-rubric.gradingform_rubric #rubric-criteria
.criterion
.level
.delete input
{
18311 position: absolute
;
18317 #rubric-rubric.gradingform_rubric #rubric-criteria
.criterion
.level
.delete
input:hover
{
18318 background-color: #ddd; }
18319 #rubric-rubric.gradingform_rubric #rubric-criteria
.criterion
.scorevalue input
{
18322 #rubric-rubric.gradingform_rubric #rubric-criteria
.criterion
.scorevalue input
.hiddenelement
, #rubric-rubric
.gradingform_rubric #rubric-criteria
.criterion
.scorevalue input
.pseudotablink
{
18324 #rubric-rubric.gradingform_rubric #rubric-criteria
.criterion
.addlevel
{
18325 vertical-align: top
;
18326 padding-top: 6px; }
18327 #rubric-rubric.gradingform_rubric #rubric-criteria
.criterion
.addlevel input
{
18329 line-height: 1rem; }
18331 #rubric-rubric.gradingform_rubric
.addcriterion
{
18334 margin-bottom: 1em; }
18335 #rubric-rubric.gradingform_rubric
.addcriterion input
{
18338 text-shadow: inherit
;
18340 line-height: inherit
;
18341 background: transparent url
([[pix:t
/add
]]) no-repeat
7px 8px;
18342 padding-left: 26px; }
18344 #rubric-rubric.gradingform_rubric
.options
{
18346 #rubric-rubric.gradingform_rubric
.options
.option label
{
18349 font-size: inherit
;
18350 font-weight: normal
;
18354 background-color: transparent
; }
18355 #rubric-rubric.gradingform_rubric
.options
.option input
{
18357 margin-right: 12px; }
18359 .grade-display .description {
18362 .criterion .description {
18365 .criterion .criterion-toggle .expanded-icon {
18368 .criterion .criterion-toggle .collapsed-icon {
18371 .criterion .criterion-toggle.collapsed .expanded-icon {
18374 .criterion .criterion-toggle.collapsed .collapsed-icon {
18377 .path-grade-edit-tree .setup-grades h4 {
18380 .path-grade-edit-tree .setup-grades .column-rowspan {
18386 .path-grade-edit-tree .setup-grades .category td.column-name {
18389 .path-grade-edit-tree .setup-grades td.column-name {
18390 padding-left: 24px; }
18392 .path-grade-edit-tree .setup-grades td.movehere {
18395 .path-grade-edit-tree .setup-grades td.movehere a.movehere {
18399 border: 2px dashed
#343a40; }
18401 .path-grade-edit-tree
.setup-grades
.category input
[type
="text"],
18402 .path-grade-edit-tree
.setup-grades
.category
.column-range
,
18403 .path-grade-edit-tree
.setup-grades
.categoryitem
,
18404 .path-grade-edit-tree .setup-grades .courseitem {
18405 font-weight: bold
; }
18407 .path-grade-edit-tree .setup-grades .emptyrow {
18410 .path-grade-edit-tree .setup-grades .gradeitemdescription {
18411 font-weight: normal
;
18412 padding-left: 24px; }
18414 .path-grade-edit-tree .setup-grades .column-weight {
18415 white-space: nowrap
; }
18416 .path-grade-edit-tree .setup-grades .column-weight.level3 {
18417 padding-left: 37px; }
18418 .path-grade-edit-tree .setup-grades .column-weight.level4 {
18419 padding-left: 66px; }
18420 .path-grade-edit-tree .setup-grades .column-weight.level5 {
18421 padding-left: 95px; }
18422 .path-grade-edit-tree .setup-grades .column-weight.level6 {
18423 padding-left: 124px; }
18424 .path-grade-edit-tree .setup-grades .column-weight.level7 {
18425 padding-left: 153px; }
18426 .path-grade-edit-tree .setup-grades .column-weight.level8 {
18427 padding-left: 182px; }
18428 .path-grade-edit-tree .setup-grades .column-weight.level9 {
18429 padding-left: 211px; }
18430 .path-grade-edit-tree .setup-grades .column-weight.level10 {
18431 padding-left: 240px; }
18433 .path-grade-edit-tree .setup-grades .column-range.level2 {
18434 padding-left: 37px; }
18436 .path-grade-edit-tree .setup-grades .column-range.level3 {
18437 padding-left: 66px; }
18439 .path-grade-edit-tree .setup-grades .column-range.level4 {
18440 padding-left: 95px; }
18442 .path-grade-edit-tree .setup-grades .column-range.level5 {
18443 padding-left: 124px; }
18445 .path-grade-edit-tree .setup-grades .column-range.level6 {
18446 padding-left: 153px; }
18448 .path-grade-edit-tree .setup-grades .column-range.level7 {
18449 padding-left: 182px; }
18451 .path-grade-edit-tree .setup-grades .column-range.level8 {
18452 padding-left: 211px; }
18454 .path-grade-edit-tree .setup-grades .column-range.level9 {
18455 padding-left: 240px; }
18457 .path-grade-edit-tree .setup-grades .column-range.level10 {
18458 padding-left: 269px; }
18460 .path-grade-edit-tree .setup-grades.generaltable .levelodd {
18461 background-color: rgba
(0, 0, 0, 0.05); }
18466 .path-grade-report-grader
.gradeparent tr
.cell
,
18467 .path-grade-report-grader .gradeparent .floater .cell {
18468 background-color: #fff; }
18470 .path-grade-report-grader
.gradeparent table
,
18471 .path-grade-report-grader .gradeparent .cell {
18472 border-color: #dee2e6; }
18474 .path-grade-report-grader
.gradeparent
.userrow
.odd
.cell
,
18475 .path-grade-report-grader
.gradeparent
.floater
.cell
.odd
,
18476 .path-grade-report-grader
.gradeparent
.heading
.cell
,
18477 .path-grade-report-grader
.gradeparent
.cell
.category
,
18478 .path-grade-report-grader .gradeparent .avg .cell {
18479 background-color: #f8f9fa; }
18481 .path-grade-report-grader .gradeparent table .clickable {
18487 .path-grade-report-user .user-grade {
18489 .path-grade-report-user .user-grade.generaltable .levelodd {
18490 background-color: rgba
(0, 0, 0, 0.05); }
18495 .path-grade-report-singleview input[name^="finalgrade"] {
18498 .columns-autoflow-1to1to1 {
18501 @media (max-width: 767px) {
18502 .columns-autoflow-1to1to1 {
18503 column-count: 1; } }
18505 /* some very targetted corrections to roll back nameclashes between
18506 * Moodle and Bootstrap like .row, .label, .content, .controls
18508 * Mostly relies on these styles being more specific than the Bootstrap
18509 * ones in order to overule them.
18512 .file-picker td.label {
18513 background: inherit
;
18518 white-space: normal
;
18520 font-size: inherit
;
18521 line-height: inherit
;
18522 text-align: inherit
; }
18524 .file-picker td.label {
18525 display: table-cell
;
18526 text-align: right
; }
18528 .choosercontainer #chooseform .option label {
18531 /* block.invisible vs .invisible
18532 * block.hidden vs .invisible
18534 * uses .invisible where the rest of Moodle uses @mixin dimmed
18535 * fixible in block renderer?
18537 * There's seems to be even more naming confusion here since,
18538 * blocks can be actually 'visible' (or not) to students,
18539 * marked 'visible' but really just dimmed to indicate to editors
18540 * that students can't see them or 'visible' to the user who
18541 * collapses them, 'visible' if you have the right role and in
18542 * different circumstances different sections of a block can
18543 * be 'visible' or not.
18545 * currently worked around in renderers.php function block{}
18546 * by rewriting the class name "invisible" to "dimmed",
18547 * though the blocks don't look particularly different apart
18548 * from their contents disappearing. Maybe try .muted? or
18549 * dimming all the edit icons apart from unhide, might be a
18550 * nice effect, though they'd still be active. Maybe reverse
18556 visibility: visible
;
18561 * very tricky to track down this when it goes wrong,
18562 * since the styles are applied to generated content
18564 * basically if you see things shifted left or right compared
18565 * with where they should be check for a .row
18568 margin-left: 0 !important
;
18569 /* stylelint-disable-line declaration-no-important */ }
18571 .forumpost
.row:before
,
18572 .forumpost .row:after {
18575 /* fieldset.hidden vs .hidden
18577 * Moodle uses fieldset.hidden for mforms, to signify a collection of
18578 * form elements that don't have a box drawn round them. Bootstrap
18579 * uses hidden for stuff that is hidden in various responsive modes.
18581 * Relatedly, there is also fieldset.invisiblefieldset which hides the
18582 * border and sets the display to inline.
18584 * Originally this just set block and visible, but it is used
18585 * in random question dialogue in Quiz,
18586 * that dialogue is hidden and shown, so when hidden the
18587 * above workaround leaves you with a button floating around
18591 visibility: inherit
; }
18593 /* .container vs .container
18595 * bootstrap uses .container to set the width of the layout at 960px or so, Moodle uses it
18596 * in the Quiz to contain the questions to add. If you don't overule the Bootstrap code,
18597 * it becomes near unuseable.
18599 #questionbank + .container
{
18602 body:not
(.jsenabled
) .dropdown:hover
> .dropdown-menu
{
18604 margin-top: -6px; }
18606 body:not
(.jsenabled
) .langmenu:hover
> .dropdown-menu
,
18607 .langmenu.open > .dropdown-menu {
18610 overflow-y: auto
; }
18612 .navbar.fixed-top .dropdown .dropdown-menu {
18613 max-height: calc
(100vh - 50px);
18614 overflow-y: auto
; }
18616 .page-item.active .page-link, .page-item.active .page-link:hover, .page-item.active .page-link:focus {
18617 z-index: inherit
; }
18619 /* Force positioning of popover arrows.
18621 * The Css prefixer used in Moodle does not support complex calc statements used
18622 * in Bootstrap 4 CSS. For example:
18623 * calc((0.5rem + 1px) * -1); is stripped out by lib/php-css-parser/Parser.php.
18624 * See MDL-61879. For now the arrow positions of popovers are fixed until this is resolved.
18626 .bs-popover-right
.arrow
, .bs-popover-auto
[x-placement^
="right"] .arrow
,
18627 .bs-popover-auto[x-placement^="right"] .arrow {
18630 .bs-popover-left
.arrow
, .bs-popover-auto
[x-placement^
="left"] .arrow
,
18631 .bs-popover-auto[x-placement^="left"] .arrow {
18634 .bs-popover-top
.arrow
, .bs-popover-auto
[x-placement^
="top"] .arrow
,
18635 .bs-popover-auto[x-placement^="top"] .arrow {
18638 .bs-popover-bottom
.arrow
, .bs-popover-auto
[x-placement^
="bottom"] .arrow
,
18639 .bs-popover-auto[x-placement^="bottom"] .arrow {
18643 word-wrap: normal
; }
18645 /* Add commented out carousel transistions back in.
18647 * The Css prefixer used in Moodle breaks on @supports syntax, See MDL-61515.
18649 .carousel-item-next
.carousel-item-left
,
18650 .carousel-item-prev.carousel-item-right {
18651 transform: translateX
(0); }
18653 .carousel-item-next
,
18654 .active.carousel-item-right {
18655 transform: translateX
(100%); }
18657 .carousel-item-prev
,
18658 .active.carousel-item-left {
18659 transform: translateX
(-100%); }
18662 * Reset all of the forced style on the page.
18663 * - Remove borders on header and content.
18664 * - Remove most of the vertical padding.
18665 * - Make the content region flex grow so it pushes things like the
18666 * next activity selector to the bottom of the page.
18668 body
.reset-style #page-header
.card
{
18670 body
.reset-style #page-header
.card
.page-header-headings h1
{
18671 margin-bottom: 0; }
18672 @media
(max-width: 767.98px) {
18673 body
.reset-style #page-header
.card
.card-body
{
18675 padding-right: 0; } }
18677 body
.reset-style #page-header
> div
{
18678 padding-top: 0 !important
;
18679 /* stylelint-disable-line declaration-no-important */
18680 padding-bottom: 0 !important
;
18681 /* stylelint-disable-line declaration-no-important */ }
18683 body
.reset-style #page-content
{
18684 padding-bottom: 0 !important
;
18685 /* stylelint-disable-line declaration-no-important */ }
18686 body
.reset-style #page-content #region-main-box #region-main
{
18688 display: inline-flex
;
18689 flex-direction: column
;
18693 padding-left: 1.25rem;
18694 padding-right: 1.25rem;
18695 vertical-align: top
; }
18696 body
.reset-style #page-content #region-main-box #region-main div
[role
="main"] {
18698 body
.reset-style #page-content #region-main-box #region-main
.activity-navigation
{
18699 overflow: hidden
; }
18700 body
.reset-style #page-content #region-main-box #region-main
.has-blocks
{
18701 width: calc
(100% - 375px); }
18702 @media
(max-width: 1199.98px) {
18703 body
.reset-style #page-content #region-main-box #region-main
.has-blocks
{
18705 @media
(max-width: 767.98px) {
18706 body
.reset-style #page-content #region-main-box #region-main
{
18708 padding-right: 0; } }
18709 body
.reset-style #page-content #region-main-box
[data-region
="blocks-column"] {
18710 margin-left: auto
; }
18711 @media
(max-width: 1199.98px) {
18712 body
.reset-style #page-content #region-main-box
{
18714 flex-direction: column
; } }
18716 body
.reset-style select
,
18717 body
.reset-style input
,
18718 body
.reset-style textarea
,
18719 body
.reset-style
.btn:not
(.btn-icon
) {
18720 border-radius: 0.3rem; }
18722 body
.behat-site
.fixed-top
{
18723 position: absolute
; }
18725 body
.behat-site
.dropdown-item
{
18726 margin-top: 4px !important
;
18727 /* stylelint-disable declaration-no-important */ }
18729 body
.behat-site
.drawer-ease
{
18730 -webkit-transition: initial
;
18731 -moz-transition: initial
;
18732 transition: initial
; }
18734 body
.behat-site
[data-region
="drawer"] {
18735 -webkit-transition: initial
;
18736 -moz-transition: initial
;
18737 transition: initial
;
18738 position: absolute
; }
18740 body
.behat-site
.custom-control
,
18741 body
.behat-site
.custom-switch
{
18744 body
.behat-site
.custom-control-input
{
18749 body
.behat-site
.custom-control-label::before
, body
.behat-site
.custom-control-label::after
{
18760 border: 1px solid
#000;
18762 vertical-align: baseline
;
18764 background-color: #ccc; }
18767 background-color: #ccf;
18768 font-weight: bold
; }
18771 background-color: #99c;
18772 font-weight: bold
; }
18775 * This file contains the styles required to make the footer sticky.
18784 flex-direction: column
; }
18785 #page-wrapper #page
{
18788 flex-direction: column
; }
18789 #page-wrapper #page #page-content
{
18791 #page-wrapper #page-footer
{
18795 position: relative
; }
18796 .popover-region.collapsed .popover-region-toggle:before, .popover-region.collapsed .popover-region-toggle:after {
18798 .popover-region.collapsed .popover-region-container {
18800 visibility: hidden
;
18803 transition: height
0.25s, opacity
101ms 0.25s, visibility
101ms 0.25s; }
18805 .popover-region-toggle {
18807 .popover-region-toggle::before {
18809 display: inline-block
;
18810 border-left: 10px solid transparent
;
18811 border-right: 10px solid transparent
;
18812 border-bottom: 10px solid
#ddd;
18813 position: absolute
;
18816 .popover-region-toggle::after {
18818 display: inline-block
;
18819 border-left: 9px solid transparent
;
18820 border-right: 9px solid transparent
;
18821 border-bottom: 9px solid
#fff;
18822 position: absolute
;
18829 border-radius: 2px;
18830 background-color: red
;
18834 position: absolute
;
18838 .popover-region-container {
18840 visibility: visible
;
18841 position: absolute
;
18846 border: 1px solid
#ddd;
18847 transition: height
0.25s;
18848 background-color: #fff;
18851 .popover-region-header-container {
18855 padding-right: 5px;
18856 border-bottom: 1px solid
#ddd;
18857 box-sizing: border-box
; }
18859 .popover-region-footer-container {
18861 text-align: center
;
18862 border-top: 1px solid
#ddd;
18863 background-color: #fff;
18864 padding-top: 3px; }
18866 .popover-region-header-text {
18870 line-height: 25px; }
18872 .popover-region-header-actions {
18874 .popover-region-header-actions > * {
18877 display: inline-block
; }
18878 .popover-region-header-actions .loading-icon {
18882 .popover-region-header-actions .newmessage-link {
18883 margin-right: 10px; }
18884 .popover-region-header-actions label {
18885 display: inline-block
;
18886 text-align: center
;
18887 margin-bottom: 0; }
18889 .popover-region-content-container {
18890 height: calc
(100% - 55px);
18893 -webkit-overflow-scrolling: touch
; }
18894 .popover-region-content-container > .loading-icon {
18896 text-align: center
;
18898 box-sizing: border-box
; }
18899 .popover-region-content-container .empty-message {
18901 text-align: center
;
18903 .popover-region-content-container.loading > .loading-icon {
18905 .popover-region-content-container.loading .empty-message {
18908 .navbar .popover-region.collapsed .popover-region-container {
18910 visibility: hidden
;
18913 transition: height
0.25s, opacity
101ms 0.25s, visibility
101ms 0.25s; }
18915 .navbar .count-container {
18917 border-radius: 2px;
18918 background-color: red
;
18922 position: absolute
;
18926 .navbar .popover-region-container {
18929 .content-item-container {
18931 border-bottom: 1px solid
#ddd;
18932 box-sizing: border-box
;
18934 position: relative
;
18938 text-decoration: none
; }
18939 .content-item-container:hover {
18941 background-color: #79b5e6; }
18942 .content-item-container:hover .content-item-footer .timestamp {
18944 .content-item-container.unread {
18946 background-color: #f4f4f4; }
18947 .content-item-container.unread:hover {
18949 background-color: #79b5e6; }
18950 .content-item-container.unread .content-item-body .notification-message {
18951 font-weight: 600; }
18952 .content-item-container .context-link {
18954 text-decoration: none
; }
18955 .content-item-container .content-item-body {
18956 box-sizing: border-box
;
18957 margin-bottom: 5px; }
18958 .content-item-container .content-item-footer {
18960 box-sizing: border-box
; }
18961 .content-item-container .content-item-footer .timestamp {
18966 margin-left: 24px; }
18967 .content-item-container .view-more {
18968 position: absolute
;
18972 line-height: 12px; }
18973 .content-item-container.notification .content-item-body .notification-image {
18974 display: inline-block
;
18978 .content-item-container.notification .content-item-body .notification-image img {
18980 .content-item-container.notification .content-item-body .notification-message {
18981 display: inline-block
;
18983 width: calc
(100% - 24px); }
18984 .content-item-container.selected {
18985 background-color: #4f94cd;
18987 border-color: #4f94cd; }
18988 .content-item-container.selected .content-item-footer .timestamp {
18991 .popover-region-notifications .popover-region-header-container .mark-all-read-button .normal-icon {
18992 display: inline-block
; }
18994 .popover-region-notifications .popover-region-header-container .mark-all-read-button.loading .normal-icon {
18997 .popover-region-notifications .popover-region-header-container .mark-all-read-button.loading .loading-icon {
18998 display: inline-block
; }
19000 .popover-region-notifications .all-notifications {
19002 visibility: visible
;
19004 overflow: hidden
; }
19005 .popover-region-notifications .all-notifications:empty + .empty-message {
19008 .popover-region-notifications .notification-image {
19009 display: inline-block
;
19011 vertical-align: top
; }
19012 .popover-region-notifications .notification-image img {
19015 .popover-region-notifications .notification-message {
19016 display: inline-block
;
19019 .popover-region-notifications .popover-region-content-container.loading .all-notifications:empty + .empty-message {
19022 .popover-region-messages .mark-all-read-button .normal-icon {
19023 display: inline-block
; }
19025 .popover-region-messages .mark-all-read-button.loading .normal-icon {
19028 .popover-region-messages .mark-all-read-button.loading .loading-icon {
19029 display: inline-block
; }
19031 .popover-region-messages .popover-region-content-container.loading .popover-region-content .messages:empty + .empty-message {
19034 .popover-region-messages .messages:empty + .empty-message {
19037 .popover-region-messages .content-item-container.unread .content-item-body {
19039 width: calc
(90% - 30px); }
19041 .popover-region-messages .content-item-container.unread .unread-count-container {
19042 display: inline-block
;
19044 text-align: center
;
19047 .popover-region-messages .content-item {
19050 box-sizing: border-box
; }
19052 .popover-region-messages .profile-image-container {
19054 display: inline-block
;
19055 text-align: center
;
19057 .popover-region-messages .profile-image-container img {
19059 display: inline-block
;
19060 vertical-align: middle
;
19061 border-radius: 50%; }
19063 .popover-region-messages .content-item-body {
19064 display: inline-block
;
19065 box-sizing: border-box
;
19066 width: calc
(100% - 30px);
19068 padding-left: 10px;
19069 overflow: hidden
; }
19070 .popover-region-messages .content-item-body h3 {
19075 .popover-region-messages .content-item-body p {
19078 .popover-region-messages .unread-count-container {
19081 @media (max-width: 767px) {
19082 .navbar .popover-region .popover-region-container {
19085 @media (max-width: 480px) {
19086 .navbar .popover-region .popover-region-container {
19096 * Tour step must sit above all other UI components.
19097 * The backdrop is the lowest point in the tour.
19098 * Everything else is in the container, and the target background should be at the same z-index.
19100 * ---- step backdrop
19101 * --- step container
19102 * --- step target background
19104 div
[data-flexitour
="backdrop"] {
19105 background-color: #000;
19109 div
[data-flexitour
="step-background-fader"],
19110 div
[data-flexitour
="step-background"] {
19113 span
[data-flexitour
="container"],
19114 div
[data-flexitour
="step-background-fader"],
19115 [data-flexitour
="step-backdrop"] > td
,
19116 [data-flexitour
="step-backdrop"] {
19119 span
[data-flexitour
="container"] .modal-dialog
{
19121 * Remove all margins to:
19122 * 1) ensure that the arrow touches the target; and
19123 * 2) ensure that the focus border touches the modal.
19127 span
[data-flexitour
="container"] div
[data-role
="arrow"] {
19128 border-width: 1rem; }
19130 span
[data-flexitour
="container"] div
[data-role
="arrow"],
19131 span
[data-flexitour
="container"] div
[data-role
="arrow"]:after
{
19132 position: absolute
;
19136 border-color: transparent
;
19137 border-style: solid
;
19138 border-width: 1rem; }
19140 span
[data-flexitour
="container"][x-placement
="top"], span
[data-flexitour
="container"][x-placement
="top-start"] {
19141 margin-bottom: 1rem; }
19142 span
[data-flexitour
="container"][x-placement
="top"] div
[data-role
="arrow"], span
[data-flexitour
="container"][x-placement
="top-start"] div
[data-role
="arrow"] {
19145 margin-left: -1rem;
19146 border-bottom-width: 0;
19147 border-top-color: rgba
(0, 0, 0, 0.25); }
19148 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
{
19150 margin-left: -1rem;
19152 border-bottom-width: 0;
19153 border-top-color: #fff; }
19155 span
[data-flexitour
="container"][x-placement
="bottom"], span
[data-flexitour
="container"][x-placement
="bottom-start"] {
19156 margin-top: 1rem; }
19157 span
[data-flexitour
="container"][x-placement
="bottom"] div
[data-role
="arrow"], span
[data-flexitour
="container"][x-placement
="bottom-start"] div
[data-role
="arrow"] {
19160 margin-left: -1rem;
19161 border-top-width: 0;
19162 border-bottom-color: rgba
(0, 0, 0, 0.25); }
19163 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
{
19165 margin-left: -1rem;
19167 border-top-width: 0;
19168 border-bottom-color: #fff; }
19170 span
[data-flexitour
="container"][x-placement
="left"], span
[data-flexitour
="container"][x-placement
="left-start"] {
19171 margin-right: 1rem; }
19172 span
[data-flexitour
="container"][x-placement
="left"] div
[data-role
="arrow"], span
[data-flexitour
="container"][x-placement
="left-start"] div
[data-role
="arrow"] {
19176 border-right-width: 0;
19177 border-left-color: rgba
(0, 0, 0, 0.25); }
19178 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
{
19182 border-right-width: 0;
19183 border-left-color: #fff; }
19185 span
[data-flexitour
="container"][x-placement
="right"], span
[data-flexitour
="container"][x-placement
="right-start"] {
19186 margin-left: 1rem; }
19187 span
[data-flexitour
="container"][x-placement
="right"] div
[data-role
="arrow"], span
[data-flexitour
="container"][x-placement
="right-start"] div
[data-role
="arrow"] {
19191 border-left-width: 0;
19192 border-right-color: rgba
(0, 0, 0, 0.25); }
19193 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
{
19197 border-left-width: 0;
19198 border-right-color: #fff; }
19200 [data-region
="drawer"] [data-flexitour
="container"] {
19202 margin-left: -15px;
19206 body
.drawer-open-left
.jsenabled
,
19207 body
.drawer-open-right
.jsenabled
{
19212 .modal .modal-body > .loading-icon {
19214 position: relative
;
19217 .modal .modal-body > .loading-icon .icon {
19218 position: absolute
;
19222 transform: translate
(-50%, -50%); }
19224 .layout.fullscreen {
19234 background-color: #fff; }
19235 .layout.fullscreen > div {
19238 .layout.fullscreen .loading-icon {
19240 margin-right: auto
;
19241 text-align: center
;
19242 display: inline-block
;
19246 .layout.fullscreen .loading-icon .icon {
19251 .form-control:-ms-input-placeholder {
19255 -webkit-appearance: none
;
19256 -moz-appearance: none
; }
19259 -webkit-appearance: none
;
19260 -moz-appearance: none
; }
19261 .custom-range::-webkit-slider-thumb, .custom-range::-moz-range-thumb, .custom-range::-ms-thumb {
19262 -webkit-appearance: none
;
19263 -moz-appearance: none
; }
19265 input
[type
="date"].form-control
,
19266 input
[type
="time"].form-control
,
19267 input
[type
="datetime-local"].form-control
,
19268 input
[type
="month"].form-control
{
19269 -webkit-appearance: none
;
19270 -moz-appearance: none
; }
19272 @media (min-width: 576px) {
19274 -webkit-column-gap: 1.25rem;
19275 -moz-column-gap: 1.25rem; } }
19278 -webkit-backface-visibility: hidden
; }
19281 -webkit-background-clip: border-box
; }
19283 .carousel-indicators li
,
19289 -webkit-background-clip: padding-box
; }
19292 -webkit-user-select: none
;
19293 -ms-user-select: none
; }
19296 -webkit-user-select: all
!important
;
19297 /* stylelint-disable-line declaration-no-important */
19298 -ms-user-select: none
; }
19300 .user-select-auto {
19301 -webkit-user-select: auto
!important
;
19302 /* stylelint-disable-line declaration-no-important */
19303 -ms-user-select: none
; }
19305 .user-select-none {
19306 -webkit-user-select: none
!important
;
19307 /* stylelint-disable-line declaration-no-important */
19308 -ms-user-select: none
; }
19310 .editor_atto_content_wrap {
19311 background-color: white
;
19314 .editor_atto_content {
19319 .editor_atto_content_wrap
,
19320 .editor_atto + textarea {
19324 .editor_atto + textarea {
19327 margin-top: -1px; }
19329 div
.editor_atto_toolbar
{
19331 background: #f2f2f2;
19333 border: 1px solid
#8f959e;
19335 padding: 0 0 9px 0; }
19337 div
.editor_atto_toolbar button
{
19345 div
.editor_atto_toolbar button
+ button
{
19346 border-left: 1px solid
#ccc; }
19348 div
.editor_atto_toolbar button
[disabled
] {
19353 .editor_atto_toolbar button:hover {
19354 background-image: radial-gradient
(ellipse at center
, #fff 60%, #dfdfdf 100%);
19355 background-color: #ebebeb; }
19357 .editor_atto_toolbar
button:active
,
19358 .editor_atto_toolbar button.highlight {
19359 background-image: radial-gradient
(ellipse at center
, #fff 40%, #dfdfdf 100%);
19360 background-color: #dfdfdf; }
19362 /* Make firefox button sizes match other browsers */
19363 div
.editor_atto_toolbar
button::-moz-focus-inner
{
19367 div
.editor_atto_toolbar button
.icon
{
19371 div
.editor_atto_toolbar div
.atto_group
{
19372 display: inline-block
;
19373 border: 1px solid
#ccc;
19374 border-bottom: 1px solid
#b3b3b3;
19375 border-radius: 4px;
19376 margin: 9px 0 0 9px;
19377 background: #fff; }
19379 .editor_atto_content img {
19384 /* IE8 places the images on top of each other if that is not set. */
19385 white-space: nowrap
; }
19387 .atto_menuentry .icon {
19394 .atto_menuentry h1
,
19395 .atto_menuentry h2
,
19396 .atto_menuentry p {
19399 /*.atto_form label.sameline {
19400 display: inline-block;
19403 .atto_form textarea
.fullwidth
,
19404 .atto_form input.fullwidth {
19410 /*.atto_form label {
19415 position: absolute
;
19421 .atto_control .icon {
19422 background-color: white
; }
19424 div
.editor_atto_content:focus
.atto_control
,
19425 div
.editor_atto_content:hover
.atto_control
{
19428 .editor_atto_menu.yui3-menu-hidden {
19431 /* Get broken images back in firefox */
19432 .editor_atto_content img:-moz-broken {
19433 -moz-force-broken-image-icon: 1;
19435 min-height: 24px; }
19437 /* Atto menu styling */
19438 .moodle-dialogue-base .editor_atto_menu .moodle-dialogue-content .moodle-dialogue-bd {
19442 .editor_atto_menu .dropdown-menu > li > a {
19443 margin: 3px 14px; }
19445 .editor_atto_menu .open ul.dropdown-menu {
19447 padding-bottom: 5px; }
19449 .editor_atto_wrap {
19450 position: relative
; }
19453 .editor_atto_wrap textarea {
19456 .editor_atto_notification
.atto_info
,
19457 .editor_atto_notification .atto_warning {
19458 display: inline-block
;
19459 background-color: #f2f2f2;
19462 padding-right: 1em;
19463 border-bottom-left-radius: 1em;
19464 border-bottom-right-radius: 1em; }
19466 .editor_atto_notification .atto_info {
19467 background-color: #f2f2f2; }
19469 .editor_atto_notification .atto_warning {
19470 background-color: #ffd700; }
19472 .editor_atto_toolbar
,
19473 .editor_atto_content_wrap
,
19474 .editor_atto + textarea {
19475 box-sizing: border-box
; }
19477 .editor_atto_content.form-control {
19481 /** Atto fields do not have form-control because that would break the layout of the editor.
19482 So they need these extra styles to highlight the editor when there is a validation error. */
19483 .has-danger
.editor_atto_content
.form-control
.invalid-feedback
,
19484 .has-danger .editor_atto_content.form-control-danger .invalid-feedback {
19487 margin-top: 0.25rem;
19491 .has-danger
.editor_atto_content
.form-control
.invalid-tooltip
,
19492 .has-danger .editor_atto_content.form-control-danger .invalid-tooltip {
19493 position: absolute
;
19498 padding: 0.25rem 0.5rem;
19500 font-size: 0.8203125rem;
19503 background-color: rgba
(202, 49, 32, 0.9); }
19505 .was-validated
.has-danger
.editor_atto_content
.form-control:invalid
~ .invalid-feedback
,
19506 .was-validated
.has-danger
.editor_atto_content
.form-control:invalid
~ .invalid-tooltip
, .has-danger
.editor_atto_content
.form-control
.is-invalid
~ .invalid-feedback
,
19507 .has-danger
.editor_atto_content
.form-control
.is-invalid
~ .invalid-tooltip
, .was-validated
19508 .has-danger
.editor_atto_content
.form-control-danger:invalid
~ .invalid-feedback
,
19510 .has-danger
.editor_atto_content
.form-control-danger:invalid
~ .invalid-tooltip
,
19511 .has-danger
.editor_atto_content
.form-control-danger
.is-invalid
~ .invalid-feedback
,
19512 .has-danger .editor_atto_content.form-control-danger.is-invalid ~ .invalid-tooltip {
19515 .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
19516 .has-danger
.editor_atto_content
.form-control-danger
.form-control:invalid
,
19517 .has-danger .editor_atto_content.form-control-danger .form-control.is-invalid {
19518 border-color: #ca3120;
19519 padding-right: calc
(1.5em + 0.75rem);
19520 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");
19521 background-repeat: no-repeat
;
19522 background-position: right calc
(0.375em + 0.1875rem) center
;
19523 background-size: calc
(0.75em + 0.375rem) calc
(0.75em + 0.375rem); }
19524 .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
19525 .has-danger
.editor_atto_content
.form-control-danger
.form-control:invalid:focus
,
19526 .has-danger .editor_atto_content.form-control-danger .form-control.is-invalid:focus {
19527 border-color: #ca3120;
19528 box-shadow: 0 0 0 0.2rem rgba
(202, 49, 32, 0.25); }
19530 .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
19531 .has-danger
.editor_atto_content
.form-control-danger textarea
.form-control:invalid
,
19532 .has-danger .editor_atto_content.form-control-danger textarea.form-control.is-invalid {
19533 padding-right: calc
(1.5em + 0.75rem);
19534 background-position: top calc
(0.375em + 0.1875rem) right calc
(0.375em + 0.1875rem); }
19536 .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
19537 .has-danger
.editor_atto_content
.form-control-danger
.custom-select:invalid
,
19538 .has-danger .editor_atto_content.form-control-danger .custom-select.is-invalid {
19539 border-color: #ca3120;
19540 padding-right: calc
(0.75em + 2.3125rem);
19541 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); }
19542 .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
19543 .has-danger
.editor_atto_content
.form-control-danger
.custom-select:invalid:focus
,
19544 .has-danger .editor_atto_content.form-control-danger .custom-select.is-invalid:focus {
19545 border-color: #ca3120;
19546 box-shadow: 0 0 0 0.2rem rgba
(202, 49, 32, 0.25); }
19548 .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
19549 .has-danger
.editor_atto_content
.form-control-danger
.form-check-input:invalid
~ .form-check-label
,
19550 .has-danger .editor_atto_content.form-control-danger .form-check-input.is-invalid ~ .form-check-label {
19553 .was-validated
.has-danger
.editor_atto_content
.form-control
.form-check-input:invalid
~ .invalid-feedback
,
19554 .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
,
19555 .has-danger
.editor_atto_content
.form-control
.form-check-input
.is-invalid
~ .invalid-tooltip
, .was-validated
19556 .has-danger
.editor_atto_content
.form-control-danger
.form-check-input:invalid
~ .invalid-feedback
,
19558 .has-danger
.editor_atto_content
.form-control-danger
.form-check-input:invalid
~ .invalid-tooltip
,
19559 .has-danger
.editor_atto_content
.form-control-danger
.form-check-input
.is-invalid
~ .invalid-feedback
,
19560 .has-danger .editor_atto_content.form-control-danger .form-check-input.is-invalid ~ .invalid-tooltip {
19563 .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
19564 .has-danger
.editor_atto_content
.form-control-danger
.custom-control-input:invalid
~ .custom-control-label
,
19565 .has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid ~ .custom-control-label {
19567 .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
19568 .has-danger
.editor_atto_content
.form-control-danger
.custom-control-input:invalid
~ .custom-control-label::before
,
19569 .has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid ~ .custom-control-label::before {
19570 border-color: #ca3120; }
19572 .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
19573 .has-danger
.editor_atto_content
.form-control-danger
.custom-control-input:invalid:checked
~ .custom-control-label::before
,
19574 .has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
19575 border-color: #e04d3d;
19576 background-color: #e04d3d; }
19578 .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
19579 .has-danger
.editor_atto_content
.form-control-danger
.custom-control-input:invalid:focus
~ .custom-control-label::before
,
19580 .has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
19581 box-shadow: 0 0 0 0.2rem rgba
(202, 49, 32, 0.25); }
19583 .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
19584 .has-danger
.editor_atto_content
.form-control-danger
.custom-control-input:invalid:focus:not
(:checked
) ~ .custom-control-label::before
,
19585 .has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
19586 border-color: #ca3120; }
19588 .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
19589 .has-danger
.editor_atto_content
.form-control-danger
.custom-file-input:invalid
~ .custom-file-label
,
19590 .has-danger .editor_atto_content.form-control-danger .custom-file-input.is-invalid ~ .custom-file-label {
19591 border-color: #ca3120; }
19593 .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
19594 .has-danger
.editor_atto_content
.form-control-danger
.custom-file-input:invalid:focus
~ .custom-file-label
,
19595 .has-danger .editor_atto_content.form-control-danger .custom-file-input.is-invalid:focus ~ .custom-file-label {
19596 border-color: #ca3120;
19597 box-shadow: 0 0 0 0.2rem rgba
(202, 49, 32, 0.25); }
19599 .open.atto_menu > .dropdown-menu {
19602 div
.editor_atto_toolbar button
.icon
{
19606 -webkit-font-smoothing: antialiased
;
19607 -moz-osx-font-smoothing: grayscale
; }
19610 box-shadow: 0 2px 4px rgba
(0, 0, 0, 0.08); }
19613 border-radius: 50%; }
19615 .btn-outline-secondary {
19617 border-color: #6c757d;
19618 border-color: #6c757d; }
19619 .btn-outline-secondary:hover {
19621 background-color: #6c757d;
19622 border-color: #6c757d; }
19623 .btn-outline-secondary:focus, .btn-outline-secondary.focus {
19624 box-shadow: 0 0 0 0.2rem rgba
(108, 117, 125, 0.5); }
19625 .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
19627 background-color: transparent
; }
19628 .btn-outline-secondary:not
(:disabled
):not
(.disabled
):active
, .btn-outline-secondary:not
(:disabled
):not
(.disabled
).active
,
19629 .show > .btn-outline-secondary.dropdown-toggle {
19631 background-color: #6c757d;
19632 border-color: #6c757d; }
19633 .btn-outline-secondary:not
(:disabled
):not
(.disabled
):active:focus
, .btn-outline-secondary:not
(:disabled
):not
(.disabled
).active:focus
,
19634 .show > .btn-outline-secondary.dropdown-toggle:focus {
19635 box-shadow: 0 0 0 0.2rem rgba
(108, 117, 125, 0.5); }
19637 .btn-outline-info {
19639 border-color: #1f7e9a; }
19640 .btn-outline-info:hover {
19642 background-color: #1f7e9a;
19643 border-color: #1f7e9a; }
19644 .btn-outline-info:focus, .btn-outline-info.focus {
19645 box-shadow: 0 0 0 0.2rem rgba
(31, 126, 154, 0.5); }
19646 .btn-outline-info.disabled, .btn-outline-info:disabled {
19648 background-color: transparent
; }
19649 .btn-outline-info:not
(:disabled
):not
(.disabled
):active
, .btn-outline-info:not
(:disabled
):not
(.disabled
).active
,
19650 .show > .btn-outline-info.dropdown-toggle {
19652 background-color: #1f7e9a;
19653 border-color: #1f7e9a; }
19654 .btn-outline-info:not
(:disabled
):not
(.disabled
):active:focus
, .btn-outline-info:not
(:disabled
):not
(.disabled
).active:focus
,
19655 .show > .btn-outline-info.dropdown-toggle:focus {
19656 box-shadow: 0 0 0 0.2rem rgba
(31, 126, 154, 0.5); }
19658 .btn-outline-warning {
19660 border-color: #a6670e; }
19661 .btn-outline-warning:hover {
19663 background-color: #a6670e;
19664 border-color: #a6670e; }
19665 .btn-outline-warning:focus, .btn-outline-warning.focus {
19666 box-shadow: 0 0 0 0.2rem rgba
(166, 103, 14, 0.5); }
19667 .btn-outline-warning.disabled, .btn-outline-warning:disabled {
19669 background-color: transparent
; }
19670 .btn-outline-warning:not
(:disabled
):not
(.disabled
):active
, .btn-outline-warning:not
(:disabled
):not
(.disabled
).active
,
19671 .show > .btn-outline-warning.dropdown-toggle {
19673 background-color: #a6670e;
19674 border-color: #a6670e; }
19675 .btn-outline-warning:not
(:disabled
):not
(.disabled
):active:focus
, .btn-outline-warning:not
(:disabled
):not
(.disabled
).active:focus
,
19676 .show > .btn-outline-warning.dropdown-toggle:focus {
19677 box-shadow: 0 0 0 0.2rem rgba
(166, 103, 14, 0.5); }
19680 background-color: #e9ecef !important
; }
19682 a
.bg-gray:hover
, a
.bg-gray:focus
,
19683 button
.bg-gray:hover
,
19684 button
.bg-gray:focus
{
19685 background-color: #cbd3da !important
; }