芝麻web文件管理V1.00
编辑当前文件:/home2/sdektunc/.trash/cepali/theme/classic/style/moodle.css
@charset "UTF-8"; @font-face { font-family: 'FontAwesome'; src: url("[[font:core|fontawesome-webfont.eot]]?v=4.7.0"); 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"); font-weight: normal; font-style: normal; } /*! * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* makes the font 33% larger relative to the icon container */ .fa-lg { font-size: 1.3333333333em; line-height: 0.75em; vertical-align: -15%; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw { width: 1.2857142857em; text-align: center; } .fa-ul { padding-left: 0; margin-left: 2.1428571429em; list-style-type: none; } .fa-ul > li { position: relative; } .fa-li { position: absolute; left: -2.1428571429em; width: 2.1428571429em; top: 0.1428571429em; text-align: center; } .fa-li.fa-lg { left: -1.8571428571em; } .fa-border { padding: .2em .25em .15em; border: solid 0.08em #eee; border-radius: .1em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left { margin-right: .3em; } .fa.fa-pull-right { margin-left: .3em; } /* Deprecated as of 4.4.0 */ .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left { margin-right: .3em; } .fa.pull-right { margin-left: .3em; } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none; } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #fff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-glass:before { content: ""; } .fa-music:before { content: ""; } .fa-search:before { content: ""; } .fa-envelope-o:before { content: ""; } .fa-heart:before { content: ""; } .fa-star:before { content: ""; } .fa-star-o:before { content: ""; } .fa-user:before { content: ""; } .fa-film:before { content: ""; } .fa-th-large:before { content: ""; } .fa-th:before { content: ""; } .fa-th-list:before { content: ""; } .fa-check:before { content: ""; } .fa-remove:before, .fa-close:before, .fa-times:before { content: ""; } .fa-search-plus:before { content: ""; } .fa-search-minus:before { content: ""; } .fa-power-off:before { content: ""; } .fa-signal:before { content: ""; } .fa-gear:before, .fa-cog:before { content: ""; } .fa-trash-o:before { content: ""; } .fa-home:before { content: ""; } .fa-file-o:before { content: ""; } .fa-clock-o:before { content: ""; } .fa-road:before { content: ""; } .fa-download:before { content: ""; } .fa-arrow-circle-o-down:before { content: ""; } .fa-arrow-circle-o-up:before { content: ""; } .fa-inbox:before { content: ""; } .fa-play-circle-o:before { content: ""; } .fa-rotate-right:before, .fa-repeat:before { content: ""; } .fa-refresh:before { content: ""; } .fa-list-alt:before { content: ""; } .fa-lock:before { content: ""; } .fa-flag:before { content: ""; } .fa-headphones:before { content: ""; } .fa-volume-off:before { content: ""; } .fa-volume-down:before { content: ""; } .fa-volume-up:before { content: ""; } .fa-qrcode:before { content: ""; } .fa-barcode:before { content: ""; } .fa-tag:before { content: ""; } .fa-tags:before { content: ""; } .fa-book:before { content: ""; } .fa-bookmark:before { content: ""; } .fa-print:before { content: ""; } .fa-camera:before { content: ""; } .fa-font:before { content: ""; } .fa-bold:before { content: ""; } .fa-italic:before { content: ""; } .fa-text-height:before { content: ""; } .fa-text-width:before { content: ""; } .fa-align-left:before { content: ""; } .fa-align-center:before { content: ""; } .fa-align-right:before { content: ""; } .fa-align-justify:before { content: ""; } .fa-list:before { content: ""; } .fa-dedent:before, .fa-outdent:before { content: ""; } .fa-indent:before { content: ""; } .fa-video-camera:before { content: ""; } .fa-photo:before, .fa-image:before, .fa-picture-o:before { content: ""; } .fa-pencil:before { content: ""; } .fa-map-marker:before { content: ""; } .fa-adjust:before { content: ""; } .fa-tint:before { content: ""; } .fa-edit:before, .fa-pencil-square-o:before { content: ""; } .fa-share-square-o:before { content: ""; } .fa-check-square-o:before { content: ""; } .fa-arrows:before { content: ""; } .fa-step-backward:before { content: ""; } .fa-fast-backward:before { content: ""; } .fa-backward:before { content: ""; } .fa-play:before { content: ""; } .fa-pause:before { content: ""; } .fa-stop:before { content: ""; } .fa-forward:before { content: ""; } .fa-fast-forward:before { content: ""; } .fa-step-forward:before { content: ""; } .fa-eject:before { content: ""; } .fa-chevron-left:before { content: ""; } .fa-chevron-right:before { content: ""; } .fa-plus-circle:before { content: ""; } .fa-minus-circle:before { content: ""; } .fa-times-circle:before { content: ""; } .fa-check-circle:before { content: ""; } .fa-question-circle:before { content: ""; } .fa-info-circle:before { content: ""; } .fa-crosshairs:before { content: ""; } .fa-times-circle-o:before { content: ""; } .fa-check-circle-o:before { content: ""; } .fa-ban:before { content: ""; } .fa-arrow-left:before { content: ""; } .fa-arrow-right:before { content: ""; } .fa-arrow-up:before { content: ""; } .fa-arrow-down:before { content: ""; } .fa-mail-forward:before, .fa-share:before { content: ""; } .fa-expand:before { content: ""; } .fa-compress:before { content: ""; } .fa-plus:before { content: ""; } .fa-minus:before { content: ""; } .fa-asterisk:before { content: ""; } .fa-exclamation-circle:before { content: ""; } .fa-gift:before { content: ""; } .fa-leaf:before { content: ""; } .fa-fire:before { content: ""; } .fa-eye:before { content: ""; } .fa-eye-slash:before { content: ""; } .fa-warning:before, .fa-exclamation-triangle:before { content: ""; } .fa-plane:before { content: ""; } .fa-calendar:before { content: ""; } .fa-random:before { content: ""; } .fa-comment:before { content: ""; } .fa-magnet:before { content: ""; } .fa-chevron-up:before { content: ""; } .fa-chevron-down:before { content: ""; } .fa-retweet:before { content: ""; } .fa-shopping-cart:before { content: ""; } .fa-folder:before { content: ""; } .fa-folder-open:before { content: ""; } .fa-arrows-v:before { content: ""; } .fa-arrows-h:before { content: ""; } .fa-bar-chart-o:before, .fa-bar-chart:before { content: ""; } .fa-twitter-square:before { content: ""; } .fa-facebook-square:before { content: ""; } .fa-camera-retro:before { content: ""; } .fa-key:before { content: ""; } .fa-gears:before, .fa-cogs:before { content: ""; } .fa-comments:before { content: ""; } .fa-thumbs-o-up:before { content: ""; } .fa-thumbs-o-down:before { content: ""; } .fa-star-half:before { content: ""; } .fa-heart-o:before { content: ""; } .fa-sign-out:before { content: ""; } .fa-linkedin-square:before { content: ""; } .fa-thumb-tack:before { content: ""; } .fa-external-link:before { content: ""; } .fa-sign-in:before { content: ""; } .fa-trophy:before { content: ""; } .fa-github-square:before { content: ""; } .fa-upload:before { content: ""; } .fa-lemon-o:before { content: ""; } .fa-phone:before { content: ""; } .fa-square-o:before { content: ""; } .fa-bookmark-o:before { content: ""; } .fa-phone-square:before { content: ""; } .fa-twitter:before { content: ""; } .fa-facebook-f:before, .fa-facebook:before { content: ""; } .fa-github:before { content: ""; } .fa-unlock:before { content: ""; } .fa-credit-card:before { content: ""; } .fa-feed:before, .fa-rss:before { content: ""; } .fa-hdd-o:before { content: ""; } .fa-bullhorn:before { content: ""; } .fa-bell:before { content: ""; } .fa-certificate:before { content: ""; } .fa-hand-o-right:before { content: ""; } .fa-hand-o-left:before { content: ""; } .fa-hand-o-up:before { content: ""; } .fa-hand-o-down:before { content: ""; } .fa-arrow-circle-left:before { content: ""; } .fa-arrow-circle-right:before { content: ""; } .fa-arrow-circle-up:before { content: ""; } .fa-arrow-circle-down:before { content: ""; } .fa-globe:before { content: ""; } .fa-wrench:before { content: ""; } .fa-tasks:before { content: ""; } .fa-filter:before { content: ""; } .fa-briefcase:before { content: ""; } .fa-arrows-alt:before { content: ""; } .fa-group:before, .fa-users:before { content: ""; } .fa-chain:before, .fa-link:before { content: ""; } .fa-cloud:before { content: ""; } .fa-flask:before { content: ""; } .fa-cut:before, .fa-scissors:before { content: ""; } .fa-copy:before, .fa-files-o:before { content: ""; } .fa-paperclip:before { content: ""; } .fa-save:before, .fa-floppy-o:before { content: ""; } .fa-square:before { content: ""; } .fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: ""; } .fa-list-ul:before { content: ""; } .fa-list-ol:before { content: ""; } .fa-strikethrough:before { content: ""; } .fa-underline:before { content: ""; } .fa-table:before { content: ""; } .fa-magic:before { content: ""; } .fa-truck:before { content: ""; } .fa-pinterest:before { content: ""; } .fa-pinterest-square:before { content: ""; } .fa-google-plus-square:before { content: ""; } .fa-google-plus:before { content: ""; } .fa-money:before { content: ""; } .fa-caret-down:before { content: ""; } .fa-caret-up:before { content: ""; } .fa-caret-left:before { content: ""; } .fa-caret-right:before { content: ""; } .fa-columns:before { content: ""; } .fa-unsorted:before, .fa-sort:before { content: ""; } .fa-sort-down:before, .fa-sort-desc:before { content: ""; } .fa-sort-up:before, .fa-sort-asc:before { content: ""; } .fa-envelope:before { content: ""; } .fa-linkedin:before { content: ""; } .fa-rotate-left:before, .fa-undo:before { content: ""; } .fa-legal:before, .fa-gavel:before { content: ""; } .fa-dashboard:before, .fa-tachometer:before { content: ""; } .fa-comment-o:before { content: ""; } .fa-comments-o:before { content: ""; } .fa-flash:before, .fa-bolt:before { content: ""; } .fa-sitemap:before { content: ""; } .fa-umbrella:before { content: ""; } .fa-paste:before, .fa-clipboard:before { content: ""; } .fa-lightbulb-o:before { content: ""; } .fa-exchange:before { content: ""; } .fa-cloud-download:before { content: ""; } .fa-cloud-upload:before { content: ""; } .fa-user-md:before { content: ""; } .fa-stethoscope:before { content: ""; } .fa-suitcase:before { content: ""; } .fa-bell-o:before { content: ""; } .fa-coffee:before { content: ""; } .fa-cutlery:before { content: ""; } .fa-file-text-o:before { content: ""; } .fa-building-o:before { content: ""; } .fa-hospital-o:before { content: ""; } .fa-ambulance:before { content: ""; } .fa-medkit:before { content: ""; } .fa-fighter-jet:before { content: ""; } .fa-beer:before { content: ""; } .fa-h-square:before { content: ""; } .fa-plus-square:before { content: ""; } .fa-angle-double-left:before { content: ""; } .fa-angle-double-right:before { content: ""; } .fa-angle-double-up:before { content: ""; } .fa-angle-double-down:before { content: ""; } .fa-angle-left:before { content: ""; } .fa-angle-right:before { content: ""; } .fa-angle-up:before { content: ""; } .fa-angle-down:before { content: ""; } .fa-desktop:before { content: ""; } .fa-laptop:before { content: ""; } .fa-tablet:before { content: ""; } .fa-mobile-phone:before, .fa-mobile:before { content: ""; } .fa-circle-o:before { content: ""; } .fa-quote-left:before { content: ""; } .fa-quote-right:before { content: ""; } .fa-spinner:before { content: ""; } .fa-circle:before { content: ""; } .fa-mail-reply:before, .fa-reply:before { content: ""; } .fa-github-alt:before { content: ""; } .fa-folder-o:before { content: ""; } .fa-folder-open-o:before { content: ""; } .fa-smile-o:before { content: ""; } .fa-frown-o:before { content: ""; } .fa-meh-o:before { content: ""; } .fa-gamepad:before { content: ""; } .fa-keyboard-o:before { content: ""; } .fa-flag-o:before { content: ""; } .fa-flag-checkered:before { content: ""; } .fa-terminal:before { content: ""; } .fa-code:before { content: ""; } .fa-mail-reply-all:before, .fa-reply-all:before { content: ""; } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: ""; } .fa-location-arrow:before { content: ""; } .fa-crop:before { content: ""; } .fa-code-fork:before { content: ""; } .fa-unlink:before, .fa-chain-broken:before { content: ""; } .fa-question:before { content: ""; } .fa-info:before { content: ""; } .fa-exclamation:before { content: ""; } .fa-superscript:before { content: ""; } .fa-subscript:before { content: ""; } .fa-eraser:before { content: ""; } .fa-puzzle-piece:before { content: ""; } .fa-microphone:before { content: ""; } .fa-microphone-slash:before { content: ""; } .fa-shield:before { content: ""; } .fa-calendar-o:before { content: ""; } .fa-fire-extinguisher:before { content: ""; } .fa-rocket:before { content: ""; } .fa-maxcdn:before { content: ""; } .fa-chevron-circle-left:before { content: ""; } .fa-chevron-circle-right:before { content: ""; } .fa-chevron-circle-up:before { content: ""; } .fa-chevron-circle-down:before { content: ""; } .fa-html5:before { content: ""; } .fa-css3:before { content: ""; } .fa-anchor:before { content: ""; } .fa-unlock-alt:before { content: ""; } .fa-bullseye:before { content: ""; } .fa-ellipsis-h:before { content: ""; } .fa-ellipsis-v:before { content: ""; } .fa-rss-square:before { content: ""; } .fa-play-circle:before { content: ""; } .fa-ticket:before { content: ""; } .fa-minus-square:before { content: ""; } .fa-minus-square-o:before { content: ""; } .fa-level-up:before { content: ""; } .fa-level-down:before { content: ""; } .fa-check-square:before { content: ""; } .fa-pencil-square:before { content: ""; } .fa-external-link-square:before { content: ""; } .fa-share-square:before { content: ""; } .fa-compass:before { content: ""; } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: ""; } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: ""; } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: ""; } .fa-euro:before, .fa-eur:before { content: ""; } .fa-gbp:before { content: ""; } .fa-dollar:before, .fa-usd:before { content: ""; } .fa-rupee:before, .fa-inr:before { content: ""; } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: ""; } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: ""; } .fa-won:before, .fa-krw:before { content: ""; } .fa-bitcoin:before, .fa-btc:before { content: ""; } .fa-file:before { content: ""; } .fa-file-text:before { content: ""; } .fa-sort-alpha-asc:before { content: ""; } .fa-sort-alpha-desc:before { content: ""; } .fa-sort-amount-asc:before { content: ""; } .fa-sort-amount-desc:before { content: ""; } .fa-sort-numeric-asc:before { content: ""; } .fa-sort-numeric-desc:before { content: ""; } .fa-thumbs-up:before { content: ""; } .fa-thumbs-down:before { content: ""; } .fa-youtube-square:before { content: ""; } .fa-youtube:before { content: ""; } .fa-xing:before { content: ""; } .fa-xing-square:before { content: ""; } .fa-youtube-play:before { content: ""; } .fa-dropbox:before { content: ""; } .fa-stack-overflow:before { content: ""; } .fa-instagram:before { content: ""; } .fa-flickr:before { content: ""; } .fa-adn:before { content: ""; } .fa-bitbucket:before { content: ""; } .fa-bitbucket-square:before { content: ""; } .fa-tumblr:before { content: ""; } .fa-tumblr-square:before { content: ""; } .fa-long-arrow-down:before { content: ""; } .fa-long-arrow-up:before { content: ""; } .fa-long-arrow-left:before { content: ""; } .fa-long-arrow-right:before { content: ""; } .fa-apple:before { content: ""; } .fa-windows:before { content: ""; } .fa-android:before { content: ""; } .fa-linux:before { content: ""; } .fa-dribbble:before { content: ""; } .fa-skype:before { content: ""; } .fa-foursquare:before { content: ""; } .fa-trello:before { content: ""; } .fa-female:before { content: ""; } .fa-male:before { content: ""; } .fa-gittip:before, .fa-gratipay:before { content: ""; } .fa-sun-o:before { content: ""; } .fa-moon-o:before { content: ""; } .fa-archive:before { content: ""; } .fa-bug:before { content: ""; } .fa-vk:before { content: ""; } .fa-weibo:before { content: ""; } .fa-renren:before { content: ""; } .fa-pagelines:before { content: ""; } .fa-stack-exchange:before { content: ""; } .fa-arrow-circle-o-right:before { content: ""; } .fa-arrow-circle-o-left:before { content: ""; } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: ""; } .fa-dot-circle-o:before { content: ""; } .fa-wheelchair:before { content: ""; } .fa-vimeo-square:before { content: ""; } .fa-turkish-lira:before, .fa-try:before { content: ""; } .fa-plus-square-o:before { content: ""; } .fa-space-shuttle:before { content: ""; } .fa-slack:before { content: ""; } .fa-envelope-square:before { content: ""; } .fa-wordpress:before { content: ""; } .fa-openid:before { content: ""; } .fa-institution:before, .fa-bank:before, .fa-university:before { content: ""; } .fa-mortar-board:before, .fa-graduation-cap:before { content: ""; } .fa-yahoo:before { content: ""; } .fa-google:before { content: ""; } .fa-reddit:before { content: ""; } .fa-reddit-square:before { content: ""; } .fa-stumbleupon-circle:before { content: ""; } .fa-stumbleupon:before { content: ""; } .fa-delicious:before { content: ""; } .fa-digg:before { content: ""; } .fa-pied-piper-pp:before { content: ""; } .fa-pied-piper-alt:before { content: ""; } .fa-drupal:before { content: ""; } .fa-joomla:before { content: ""; } .fa-language:before { content: ""; } .fa-fax:before { content: ""; } .fa-building:before { content: ""; } .fa-child:before { content: ""; } .fa-paw:before { content: ""; } .fa-spoon:before { content: ""; } .fa-cube:before { content: ""; } .fa-cubes:before { content: ""; } .fa-behance:before { content: ""; } .fa-behance-square:before { content: ""; } .fa-steam:before { content: ""; } .fa-steam-square:before { content: ""; } .fa-recycle:before { content: ""; } .fa-automobile:before, .fa-car:before { content: ""; } .fa-cab:before, .fa-taxi:before { content: ""; } .fa-tree:before { content: ""; } .fa-spotify:before { content: ""; } .fa-deviantart:before { content: ""; } .fa-soundcloud:before { content: ""; } .fa-database:before { content: ""; } .fa-file-pdf-o:before { content: ""; } .fa-file-word-o:before { content: ""; } .fa-file-excel-o:before { content: ""; } .fa-file-powerpoint-o:before { content: ""; } .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: ""; } .fa-file-zip-o:before, .fa-file-archive-o:before { content: ""; } .fa-file-sound-o:before, .fa-file-audio-o:before { content: ""; } .fa-file-movie-o:before, .fa-file-video-o:before { content: ""; } .fa-file-code-o:before { content: ""; } .fa-vine:before { content: ""; } .fa-codepen:before { content: ""; } .fa-jsfiddle:before { content: ""; } .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: ""; } .fa-circle-o-notch:before { content: ""; } .fa-ra:before, .fa-resistance:before, .fa-rebel:before { content: ""; } .fa-ge:before, .fa-empire:before { content: ""; } .fa-git-square:before { content: ""; } .fa-git:before { content: ""; } .fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before { content: ""; } .fa-tencent-weibo:before { content: ""; } .fa-qq:before { content: ""; } .fa-wechat:before, .fa-weixin:before { content: ""; } .fa-send:before, .fa-paper-plane:before { content: ""; } .fa-send-o:before, .fa-paper-plane-o:before { content: ""; } .fa-history:before { content: ""; } .fa-circle-thin:before { content: ""; } .fa-header:before { content: ""; } .fa-paragraph:before { content: ""; } .fa-sliders:before { content: ""; } .fa-share-alt:before { content: ""; } .fa-share-alt-square:before { content: ""; } .fa-bomb:before { content: ""; } .fa-soccer-ball-o:before, .fa-futbol-o:before { content: ""; } .fa-tty:before { content: ""; } .fa-binoculars:before { content: ""; } .fa-plug:before { content: ""; } .fa-slideshare:before { content: ""; } .fa-twitch:before { content: ""; } .fa-yelp:before { content: ""; } .fa-newspaper-o:before { content: ""; } .fa-wifi:before { content: ""; } .fa-calculator:before { content: ""; } .fa-paypal:before { content: ""; } .fa-google-wallet:before { content: ""; } .fa-cc-visa:before { content: ""; } .fa-cc-mastercard:before { content: ""; } .fa-cc-discover:before { content: ""; } .fa-cc-amex:before { content: ""; } .fa-cc-paypal:before { content: ""; } .fa-cc-stripe:before { content: ""; } .fa-bell-slash:before { content: ""; } .fa-bell-slash-o:before { content: ""; } .fa-trash:before { content: ""; } .fa-copyright:before { content: ""; } .fa-at:before { content: ""; } .fa-eyedropper:before { content: ""; } .fa-paint-brush:before { content: ""; } .fa-birthday-cake:before { content: ""; } .fa-area-chart:before { content: ""; } .fa-pie-chart:before { content: ""; } .fa-line-chart:before { content: ""; } .fa-lastfm:before { content: ""; } .fa-lastfm-square:before { content: ""; } .fa-toggle-off:before { content: ""; } .fa-toggle-on:before { content: ""; } .fa-bicycle:before { content: ""; } .fa-bus:before { content: ""; } .fa-ioxhost:before { content: ""; } .fa-angellist:before { content: ""; } .fa-cc:before { content: ""; } .fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: ""; } .fa-meanpath:before { content: ""; } .fa-buysellads:before { content: ""; } .fa-connectdevelop:before { content: ""; } .fa-dashcube:before { content: ""; } .fa-forumbee:before { content: ""; } .fa-leanpub:before { content: ""; } .fa-sellsy:before { content: ""; } .fa-shirtsinbulk:before { content: ""; } .fa-simplybuilt:before { content: ""; } .fa-skyatlas:before { content: ""; } .fa-cart-plus:before { content: ""; } .fa-cart-arrow-down:before { content: ""; } .fa-diamond:before { content: ""; } .fa-ship:before { content: ""; } .fa-user-secret:before { content: ""; } .fa-motorcycle:before { content: ""; } .fa-street-view:before { content: ""; } .fa-heartbeat:before { content: ""; } .fa-venus:before { content: ""; } .fa-mars:before { content: ""; } .fa-mercury:before { content: ""; } .fa-intersex:before, .fa-transgender:before { content: ""; } .fa-transgender-alt:before { content: ""; } .fa-venus-double:before { content: ""; } .fa-mars-double:before { content: ""; } .fa-venus-mars:before { content: ""; } .fa-mars-stroke:before { content: ""; } .fa-mars-stroke-v:before { content: ""; } .fa-mars-stroke-h:before { content: ""; } .fa-neuter:before { content: ""; } .fa-genderless:before { content: ""; } .fa-facebook-official:before { content: ""; } .fa-pinterest-p:before { content: ""; } .fa-whatsapp:before { content: ""; } .fa-server:before { content: ""; } .fa-user-plus:before { content: ""; } .fa-user-times:before { content: ""; } .fa-hotel:before, .fa-bed:before { content: ""; } .fa-viacoin:before { content: ""; } .fa-train:before { content: ""; } .fa-subway:before { content: ""; } .fa-medium:before { content: ""; } .fa-yc:before, .fa-y-combinator:before { content: ""; } .fa-optin-monster:before { content: ""; } .fa-opencart:before { content: ""; } .fa-expeditedssl:before { content: ""; } .fa-battery-4:before, .fa-battery:before, .fa-battery-full:before { content: ""; } .fa-battery-3:before, .fa-battery-three-quarters:before { content: ""; } .fa-battery-2:before, .fa-battery-half:before { content: ""; } .fa-battery-1:before, .fa-battery-quarter:before { content: ""; } .fa-battery-0:before, .fa-battery-empty:before { content: ""; } .fa-mouse-pointer:before { content: ""; } .fa-i-cursor:before { content: ""; } .fa-object-group:before { content: ""; } .fa-object-ungroup:before { content: ""; } .fa-sticky-note:before { content: ""; } .fa-sticky-note-o:before { content: ""; } .fa-cc-jcb:before { content: ""; } .fa-cc-diners-club:before { content: ""; } .fa-clone:before { content: ""; } .fa-balance-scale:before { content: ""; } .fa-hourglass-o:before { content: ""; } .fa-hourglass-1:before, .fa-hourglass-start:before { content: ""; } .fa-hourglass-2:before, .fa-hourglass-half:before { content: ""; } .fa-hourglass-3:before, .fa-hourglass-end:before { content: ""; } .fa-hourglass:before { content: ""; } .fa-hand-grab-o:before, .fa-hand-rock-o:before { content: ""; } .fa-hand-stop-o:before, .fa-hand-paper-o:before { content: ""; } .fa-hand-scissors-o:before { content: ""; } .fa-hand-lizard-o:before { content: ""; } .fa-hand-spock-o:before { content: ""; } .fa-hand-pointer-o:before { content: ""; } .fa-hand-peace-o:before { content: ""; } .fa-trademark:before { content: ""; } .fa-registered:before { content: ""; } .fa-creative-commons:before { content: ""; } .fa-gg:before { content: ""; } .fa-gg-circle:before { content: ""; } .fa-tripadvisor:before { content: ""; } .fa-odnoklassniki:before { content: ""; } .fa-odnoklassniki-square:before { content: ""; } .fa-get-pocket:before { content: ""; } .fa-wikipedia-w:before { content: ""; } .fa-safari:before { content: ""; } .fa-chrome:before { content: ""; } .fa-firefox:before { content: ""; } .fa-opera:before { content: ""; } .fa-internet-explorer:before { content: ""; } .fa-tv:before, .fa-television:before { content: ""; } .fa-contao:before { content: ""; } .fa-500px:before { content: ""; } .fa-amazon:before { content: ""; } .fa-calendar-plus-o:before { content: ""; } .fa-calendar-minus-o:before { content: ""; } .fa-calendar-times-o:before { content: ""; } .fa-calendar-check-o:before { content: ""; } .fa-industry:before { content: ""; } .fa-map-pin:before { content: ""; } .fa-map-signs:before { content: ""; } .fa-map-o:before { content: ""; } .fa-map:before { content: ""; } .fa-commenting:before { content: ""; } .fa-commenting-o:before { content: ""; } .fa-houzz:before { content: ""; } .fa-vimeo:before { content: ""; } .fa-black-tie:before { content: ""; } .fa-fonticons:before { content: ""; } .fa-reddit-alien:before { content: ""; } .fa-edge:before { content: ""; } .fa-credit-card-alt:before { content: ""; } .fa-codiepie:before { content: ""; } .fa-modx:before { content: ""; } .fa-fort-awesome:before { content: ""; } .fa-usb:before { content: ""; } .fa-product-hunt:before { content: ""; } .fa-mixcloud:before { content: ""; } .fa-scribd:before { content: ""; } .fa-pause-circle:before { content: ""; } .fa-pause-circle-o:before { content: ""; } .fa-stop-circle:before { content: ""; } .fa-stop-circle-o:before { content: ""; } .fa-shopping-bag:before { content: ""; } .fa-shopping-basket:before { content: ""; } .fa-hashtag:before { content: ""; } .fa-bluetooth:before { content: ""; } .fa-bluetooth-b:before { content: ""; } .fa-percent:before { content: ""; } .fa-gitlab:before { content: ""; } .fa-wpbeginner:before { content: ""; } .fa-wpforms:before { content: ""; } .fa-envira:before { content: ""; } .fa-universal-access:before { content: ""; } .fa-wheelchair-alt:before { content: ""; } .fa-question-circle-o:before { content: ""; } .fa-blind:before { content: ""; } .fa-audio-description:before { content: ""; } .fa-volume-control-phone:before { content: ""; } .fa-braille:before { content: ""; } .fa-assistive-listening-systems:before { content: ""; } .fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before { content: ""; } .fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before { content: ""; } .fa-glide:before { content: ""; } .fa-glide-g:before { content: ""; } .fa-signing:before, .fa-sign-language:before { content: ""; } .fa-low-vision:before { content: ""; } .fa-viadeo:before { content: ""; } .fa-viadeo-square:before { content: ""; } .fa-snapchat:before { content: ""; } .fa-snapchat-ghost:before { content: ""; } .fa-snapchat-square:before { content: ""; } .fa-pied-piper:before { content: ""; } .fa-first-order:before { content: ""; } .fa-yoast:before { content: ""; } .fa-themeisle:before { content: ""; } .fa-google-plus-circle:before, .fa-google-plus-official:before { content: ""; } .fa-fa:before, .fa-font-awesome:before { content: ""; } .fa-handshake-o:before { content: ""; } .fa-envelope-open:before { content: ""; } .fa-envelope-open-o:before { content: ""; } .fa-linode:before { content: ""; } .fa-address-book:before { content: ""; } .fa-address-book-o:before { content: ""; } .fa-vcard:before, .fa-address-card:before { content: ""; } .fa-vcard-o:before, .fa-address-card-o:before { content: ""; } .fa-user-circle:before { content: ""; } .fa-user-circle-o:before { content: ""; } .fa-user-o:before { content: ""; } .fa-id-badge:before { content: ""; } .fa-drivers-license:before, .fa-id-card:before { content: ""; } .fa-drivers-license-o:before, .fa-id-card-o:before { content: ""; } .fa-quora:before { content: ""; } .fa-free-code-camp:before { content: ""; } .fa-telegram:before { content: ""; } .fa-thermometer-4:before, .fa-thermometer:before, .fa-thermometer-full:before { content: ""; } .fa-thermometer-3:before, .fa-thermometer-three-quarters:before { content: ""; } .fa-thermometer-2:before, .fa-thermometer-half:before { content: ""; } .fa-thermometer-1:before, .fa-thermometer-quarter:before { content: ""; } .fa-thermometer-0:before, .fa-thermometer-empty:before { content: ""; } .fa-shower:before { content: ""; } .fa-bathtub:before, .fa-s15:before, .fa-bath:before { content: ""; } .fa-podcast:before { content: ""; } .fa-window-maximize:before { content: ""; } .fa-window-minimize:before { content: ""; } .fa-window-restore:before { content: ""; } .fa-times-rectangle:before, .fa-window-close:before { content: ""; } .fa-times-rectangle-o:before, .fa-window-close-o:before { content: ""; } .fa-bandcamp:before { content: ""; } .fa-grav:before { content: ""; } .fa-etsy:before { content: ""; } .fa-imdb:before { content: ""; } .fa-ravelry:before { content: ""; } .fa-eercast:before { content: ""; } .fa-microchip:before { content: ""; } .fa-snowflake-o:before { content: ""; } .fa-superpowers:before { content: ""; } .fa-wpexplorer:before { content: ""; } .fa-meetup:before { content: ""; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } /*! * Bootstrap v4.0.0 (https://getbootstrap.com) * Copyright 2011-2018 The Bootstrap Authors * Copyright 2011-2018 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ :root { --blue: #1177d1; --indigo: #6610f2; --purple: #613d7c; --pink: #e83e8c; --red: #d43f3a; --orange: #f0ad4e; --yellow: #ff7518; --green: #398439; --teal: #20c997; --cyan: #5bc0de; --white: #fff; --gray: #6c757d; --gray-dark: #343a40; --primary: #1177d1; --secondary: #ced4da; --success: #398439; --info: #5bc0de; --warning: #f0ad4e; --danger: #d43f3a; --light: #f8f9fa; --dark: #343a40; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } *, *::before, *::after { box-sizing: border-box; } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } @-ms-viewport { width: device-width; } article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 0.9375rem; font-weight: 400; line-height: 1.5; color: #343a40; text-align: left; background-color: #fff; } [tabindex="-1"]:focus { outline: 0 !important; } hr { box-sizing: content-box; height: 0; overflow: visible; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.5rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title], abbr[data-original-title] { text-decoration: underline; text-decoration: underline dotted; cursor: help; border-bottom: 0; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 700; } dd { margin-bottom: .5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } dfn { font-style: italic; } b, strong { font-weight: bolder; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -.25em; } sup { top: -.5em; } a { color: #1177d1; text-decoration: none; background-color: transparent; -webkit-text-decoration-skip: objects; } a:hover { color: #0b4f8a; text-decoration: underline; } a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):focus { outline: 0; } pre, code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; -ms-overflow-style: scrollbar; } figure { margin: 0 0 1rem; } img { vertical-align: middle; border-style: none; } svg:not(:root) { overflow: hidden; } table { border-collapse: collapse; } caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6c757d; text-align: left; caption-side: bottom; } th { text-align: inherit; } label { display: inline-block; margin-bottom: .5rem; } button { border-radius: 0; } button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, input { overflow: visible; } button, select { text-transform: none; } button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { padding: 0; border-style: none; } input[type="radio"], input[type="checkbox"] { box-sizing: border-box; padding: 0; } input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { -webkit-appearance: listbox; } textarea { overflow: auto; resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; } progress { vertical-align: baseline; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { outline-offset: -2px; -webkit-appearance: none; } [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } summary { display: list-item; cursor: pointer; } template { display: none; } [hidden] { display: none !important; } h1, h2, h3, h4, h5, h6, .h1, .h2, .path-calendar .maincalendar .calendar-controls .current, .h3, .h4, .h5, .h6 { margin-bottom: 0.5rem; font-family: inherit; font-weight: 300; line-height: 1.2; color: inherit; } h1, .h1 { font-size: 2.34375rem; } h2, .h2, .path-calendar .maincalendar .calendar-controls .current { font-size: 1.875rem; } h3, .h3 { font-size: 1.640625rem; } h4, .h4 { font-size: 1.40625rem; } h5, .h5 { font-size: 1.171875rem; } h6, .h6 { font-size: 0.9375rem; } .lead, .userprofile .profile_tree section h3 { font-size: 1.171875rem; font-weight: 300; } .display-1 { font-size: 6rem; font-weight: 300; line-height: 1.2; } .display-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.2; } .display-3 { font-size: 4.5rem; font-weight: 300; line-height: 1.2; } .display-4 { font-size: 3.5rem; font-weight: 300; line-height: 1.2; } hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); } small, .small, #page-admin-search .adminpagepath li { font-size: 80%; font-weight: 400; } mark, .mark { padding: 0.2em; background-color: #fcf8e3; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; } .list-inline-item { display: inline-block; } .list-inline-item:not(:last-child) { margin-right: 0.5rem; } .initialism { font-size: 90%; text-transform: uppercase; } .blockquote { margin-bottom: 1rem; font-size: 1.171875rem; } .blockquote-footer { display: block; font-size: 80%; color: #6c757d; } .blockquote-footer::before { content: "\2014 \00A0"; } .img-fluid, .img-responsive { max-width: 100%; height: auto; } .img-thumbnail { padding: 0.25rem; background-color: #fff; border: 1px solid #dee2e6; border-radius: 0.25rem; max-width: 100%; height: auto; } .figure { display: inline-block; } .figure-img { margin-bottom: 0.5rem; line-height: 1; } .figure-caption { font-size: 90%; color: #6c757d; } code, kbd, pre, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } code { font-size: 87.5%; color: #e83e8c; word-break: break-word; } a > code { color: inherit; } kbd { padding: 0.2rem 0.4rem; font-size: 87.5%; color: #fff; background-color: #212529; border-radius: 0.2rem; } kbd kbd { padding: 0; font-size: 100%; font-weight: 700; } pre { display: block; font-size: 87.5%; color: #212529; } pre code { font-size: inherit; color: inherit; word-break: normal; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container { max-width: 540px; } } @media (min-width: 768px) { .container { max-width: 720px; } } @media (min-width: 992px) { .container { max-width: 960px; } } @media (min-width: 1200px) { .container { max-width: 1140px; } } .container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; } .col-1, .col-xs-1, .col-2, .col-xs-2, .col-3, .col-xs-3, .col-4, .col-xs-4, .col-5, .col-xs-5, .col-6, .col-xs-6, .col-7, .col-xs-7, .col-8, .col-xs-8, .col-9, .col-xs-9, .col-10, .col-xs-10, .col-11, .col-xs-11, .col-12, .col-xs-12, .col, .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, .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, .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, .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, .col-xl-auto { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-1, .col-xs-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-2, .col-xs-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-3, .col-xs-3 { flex: 0 0 25%; max-width: 25%; } .col-4, .col-xs-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-5, .col-xs-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-6, .col-xs-6 { flex: 0 0 50%; max-width: 50%; } .col-7, .col-xs-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-8, .col-xs-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-9, .col-xs-9 { flex: 0 0 75%; max-width: 75%; } .col-10, .col-xs-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-11, .col-xs-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-12, .col-xs-12 { flex: 0 0 100%; max-width: 100%; } .order-first { order: -1; } .order-last { order: 13; } .order-0 { order: 0; } .order-1 { order: 1; } .order-2 { order: 2; } .order-3 { order: 3; } .order-4 { order: 4; } .order-5 { order: 5; } .order-6 { order: 6; } .order-7 { order: 7; } .order-8 { order: 8; } .order-9 { order: 9; } .order-10 { order: 10; } .order-11 { order: 11; } .order-12 { order: 12; } .offset-1 { margin-left: 8.3333333333%; } .offset-2 { margin-left: 16.6666666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.3333333333%; } .offset-5 { margin-left: 41.6666666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.3333333333%; } .offset-8 { margin-left: 66.6666666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.3333333333%; } .offset-11 { margin-left: 91.6666666667%; } @media (min-width: 576px) { .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-sm-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-sm-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-sm-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-sm-3 { flex: 0 0 25%; max-width: 25%; } .col-sm-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-sm-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-sm-6 { flex: 0 0 50%; max-width: 50%; } .col-sm-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-sm-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-sm-9 { flex: 0 0 75%; max-width: 75%; } .col-sm-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-sm-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-sm-12 { flex: 0 0 100%; max-width: 100%; } .order-sm-first { order: -1; } .order-sm-last { order: 13; } .order-sm-0 { order: 0; } .order-sm-1 { order: 1; } .order-sm-2 { order: 2; } .order-sm-3 { order: 3; } .order-sm-4 { order: 4; } .order-sm-5 { order: 5; } .order-sm-6 { order: 6; } .order-sm-7 { order: 7; } .order-sm-8 { order: 8; } .order-sm-9 { order: 9; } .order-sm-10 { order: 10; } .order-sm-11 { order: 11; } .order-sm-12 { order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.3333333333%; } .offset-sm-2 { margin-left: 16.6666666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.3333333333%; } .offset-sm-5 { margin-left: 41.6666666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.3333333333%; } .offset-sm-8 { margin-left: 66.6666666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.3333333333%; } .offset-sm-11 { margin-left: 91.6666666667%; } } @media (min-width: 768px) { .col-md { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-md-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-md-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-md-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-md-3 { flex: 0 0 25%; max-width: 25%; } .col-md-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-md-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-md-6 { flex: 0 0 50%; max-width: 50%; } .col-md-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-md-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-md-9 { flex: 0 0 75%; max-width: 75%; } .col-md-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-md-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-md-12 { flex: 0 0 100%; max-width: 100%; } .order-md-first { order: -1; } .order-md-last { order: 13; } .order-md-0 { order: 0; } .order-md-1 { order: 1; } .order-md-2 { order: 2; } .order-md-3 { order: 3; } .order-md-4 { order: 4; } .order-md-5 { order: 5; } .order-md-6 { order: 6; } .order-md-7 { order: 7; } .order-md-8 { order: 8; } .order-md-9 { order: 9; } .order-md-10 { order: 10; } .order-md-11 { order: 11; } .order-md-12 { order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.3333333333%; } .offset-md-2 { margin-left: 16.6666666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.3333333333%; } .offset-md-5 { margin-left: 41.6666666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.3333333333%; } .offset-md-8 { margin-left: 66.6666666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.3333333333%; } .offset-md-11 { margin-left: 91.6666666667%; } } @media (min-width: 992px) { .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-lg-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-lg-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-lg-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-lg-3 { flex: 0 0 25%; max-width: 25%; } .col-lg-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-lg-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-lg-6 { flex: 0 0 50%; max-width: 50%; } .col-lg-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-lg-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-lg-9 { flex: 0 0 75%; max-width: 75%; } .col-lg-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-lg-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-lg-12 { flex: 0 0 100%; max-width: 100%; } .order-lg-first { order: -1; } .order-lg-last { order: 13; } .order-lg-0 { order: 0; } .order-lg-1 { order: 1; } .order-lg-2 { order: 2; } .order-lg-3 { order: 3; } .order-lg-4 { order: 4; } .order-lg-5 { order: 5; } .order-lg-6 { order: 6; } .order-lg-7 { order: 7; } .order-lg-8 { order: 8; } .order-lg-9 { order: 9; } .order-lg-10 { order: 10; } .order-lg-11 { order: 11; } .order-lg-12 { order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.3333333333%; } .offset-lg-2 { margin-left: 16.6666666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.3333333333%; } .offset-lg-5 { margin-left: 41.6666666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.3333333333%; } .offset-lg-8 { margin-left: 66.6666666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.3333333333%; } .offset-lg-11 { margin-left: 91.6666666667%; } } @media (min-width: 1200px) { .col-xl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-xl-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-xl-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-xl-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-xl-3 { flex: 0 0 25%; max-width: 25%; } .col-xl-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-xl-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-xl-6 { flex: 0 0 50%; max-width: 50%; } .col-xl-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-xl-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-xl-9 { flex: 0 0 75%; max-width: 75%; } .col-xl-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-xl-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-xl-12 { flex: 0 0 100%; max-width: 100%; } .order-xl-first { order: -1; } .order-xl-last { order: 13; } .order-xl-0 { order: 0; } .order-xl-1 { order: 1; } .order-xl-2 { order: 2; } .order-xl-3 { order: 3; } .order-xl-4 { order: 4; } .order-xl-5 { order: 5; } .order-xl-6 { order: 6; } .order-xl-7 { order: 7; } .order-xl-8 { order: 8; } .order-xl-9 { order: 9; } .order-xl-10 { order: 10; } .order-xl-11 { order: 11; } .order-xl-12 { order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.3333333333%; } .offset-xl-2 { margin-left: 16.6666666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.3333333333%; } .offset-xl-5 { margin-left: 41.6666666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.3333333333%; } .offset-xl-8 { margin-left: 66.6666666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.3333333333%; } .offset-xl-11 { margin-left: 91.6666666667%; } } .table, table.collection, table.flexible, .generaltable { width: 100%; max-width: 100%; margin-bottom: 1rem; background-color: transparent; } .table th, table.collection th, table.flexible th, .generaltable th, .table td, table.collection td, table.flexible td, .generaltable td { padding: 0.75rem; vertical-align: top; border-top: 1px solid #dee2e6; } .table thead th, table.collection thead th, table.flexible thead th, .generaltable thead th { vertical-align: bottom; border-bottom: 2px solid #dee2e6; } .table tbody + tbody, table.collection tbody + tbody, table.flexible tbody + tbody, .generaltable tbody + tbody { border-top: 2px solid #dee2e6; } .table .table, table.collection .table, table.flexible .table, .generaltable .table, .table table.collection, table.collection table.collection, table.flexible table.collection, .generaltable table.collection, .table table.flexible, table.collection table.flexible, table.flexible table.flexible, .generaltable table.flexible, .table .generaltable, table.collection .generaltable, table.flexible .generaltable, .generaltable .generaltable { background-color: #fff; } .table-sm th, #page-report-loglive-index .generaltable th, #page-admin-report-log-index .generaltable th, #page-report-log-user .generaltable th, #page-admin-user table th, .environmenttable th, .category_subcategories th, .rcs-results th, table#listdirectories th, .table-sm td, #page-report-loglive-index .generaltable td, #page-admin-report-log-index .generaltable td, #page-report-log-user .generaltable td, #page-admin-user table td, .environmenttable td, .category_subcategories td, .rcs-results td, table#listdirectories td { padding: 0.3rem; } .table-bordered, table.collection { border: 1px solid #dee2e6; } .table-bordered th, table.collection th, .table-bordered td, table.collection td { border: 1px solid #dee2e6; } .table-bordered thead th, table.collection thead th, .table-bordered thead td, table.collection thead td { border-bottom-width: 2px; } .table-striped tbody tr:nth-of-type(odd), table.collection tbody tr:nth-of-type(odd), table#explaincaps tbody tr:nth-of-type(odd), table#defineroletable tbody tr:nth-of-type(odd), table.grading-report tbody tr:nth-of-type(odd), table#listdirectories tbody tr:nth-of-type(odd), table.rolecaps tbody tr:nth-of-type(odd), table.userenrolment tbody tr:nth-of-type(odd), form#movecourses table tbody tr:nth-of-type(odd), #page-admin-course-index .editcourse tbody tr:nth-of-type(odd), .forumheaderlist tbody tr:nth-of-type(odd), table.flexible tbody tr:nth-of-type(odd), .generaltable tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.05); } .table-hover tbody tr:hover, table.grading-report tbody tr:hover, .forumheaderlist tbody tr:hover, .generaltable tbody tr:hover, table.flexible tbody tr:hover, .category_subcategories tbody tr:hover, table#modules tbody tr:hover, table#permissions tbody tr:hover { background-color: rgba(0, 0, 0, 0.075); } .table-primary, .table-primary > th, .table-primary > td { background-color: #bcd9f2; } .table-hover .table-primary:hover, table.grading-report .table-primary:hover, .forumheaderlist .table-primary:hover, .generaltable .table-primary:hover, table.flexible .table-primary:hover, .category_subcategories .table-primary:hover, table#modules .table-primary:hover, table#permissions .table-primary:hover { background-color: #a7cdee; } .table-hover .table-primary:hover > td, table.grading-report .table-primary:hover > td, .forumheaderlist .table-primary:hover > td, .generaltable .table-primary:hover > td, table.flexible .table-primary:hover > td, .category_subcategories .table-primary:hover > td, table#modules .table-primary:hover > td, table#permissions .table-primary:hover > td, .table-hover .table-primary:hover > th, table.grading-report .table-primary:hover > th, .forumheaderlist .table-primary:hover > th, .generaltable .table-primary:hover > th, table.flexible .table-primary:hover > th, .category_subcategories .table-primary:hover > th, table#modules .table-primary:hover > th, table#permissions .table-primary:hover > th { background-color: #a7cdee; } .table-secondary, .table-secondary > th, .table-secondary > td { background-color: #f1f3f5; } .table-hover .table-secondary:hover, table.grading-report .table-secondary:hover, .forumheaderlist .table-secondary:hover, .generaltable .table-secondary:hover, table.flexible .table-secondary:hover, .category_subcategories .table-secondary:hover, table#modules .table-secondary:hover, table#permissions .table-secondary:hover { background-color: #e2e6ea; } .table-hover .table-secondary:hover > td, table.grading-report .table-secondary:hover > td, .forumheaderlist .table-secondary:hover > td, .generaltable .table-secondary:hover > td, table.flexible .table-secondary:hover > td, .category_subcategories .table-secondary:hover > td, table#modules .table-secondary:hover > td, table#permissions .table-secondary:hover > td, .table-hover .table-secondary:hover > th, table.grading-report .table-secondary:hover > th, .forumheaderlist .table-secondary:hover > th, .generaltable .table-secondary:hover > th, table.flexible .table-secondary:hover > th, .category_subcategories .table-secondary:hover > th, table#modules .table-secondary:hover > th, table#permissions .table-secondary:hover > th { background-color: #e2e6ea; } .table-success, .table-success > th, .table-success > td { background-color: #c8ddc8; } .table-hover .table-success:hover, table.grading-report .table-success:hover, .forumheaderlist .table-success:hover, .generaltable .table-success:hover, table.flexible .table-success:hover, .category_subcategories .table-success:hover, table#modules .table-success:hover, table#permissions .table-success:hover { background-color: #b8d3b8; } .table-hover .table-success:hover > td, table.grading-report .table-success:hover > td, .forumheaderlist .table-success:hover > td, .generaltable .table-success:hover > td, table.flexible .table-success:hover > td, .category_subcategories .table-success:hover > td, table#modules .table-success:hover > td, table#permissions .table-success:hover > td, .table-hover .table-success:hover > th, table.grading-report .table-success:hover > th, .forumheaderlist .table-success:hover > th, .generaltable .table-success:hover > th, table.flexible .table-success:hover > th, .category_subcategories .table-success:hover > th, table#modules .table-success:hover > th, table#permissions .table-success:hover > th { background-color: #b8d3b8; } .table-info, .table-info > th, .table-info > td { background-color: #d1edf6; } .table-hover .table-info:hover, table.grading-report .table-info:hover, .forumheaderlist .table-info:hover, .generaltable .table-info:hover, table.flexible .table-info:hover, .category_subcategories .table-info:hover, table#modules .table-info:hover, table#permissions .table-info:hover { background-color: #bce5f2; } .table-hover .table-info:hover > td, table.grading-report .table-info:hover > td, .forumheaderlist .table-info:hover > td, .generaltable .table-info:hover > td, table.flexible .table-info:hover > td, .category_subcategories .table-info:hover > td, table#modules .table-info:hover > td, table#permissions .table-info:hover > td, .table-hover .table-info:hover > th, table.grading-report .table-info:hover > th, .forumheaderlist .table-info:hover > th, .generaltable .table-info:hover > th, table.flexible .table-info:hover > th, .category_subcategories .table-info:hover > th, table#modules .table-info:hover > th, table#permissions .table-info:hover > th { background-color: #bce5f2; } .table-warning, #overriderolestable .overriddenpermission, .table-warning > th, #overriderolestable .overriddenpermission > th, .table-warning > td, #overriderolestable .overriddenpermission > td { background-color: #fbe8cd; } .table-hover .table-warning:hover, table.grading-report .table-warning:hover, .forumheaderlist .table-warning:hover, .generaltable .table-warning:hover, table.flexible .table-warning:hover, .category_subcategories .table-warning:hover, table#modules .table-warning:hover, table#permissions .table-warning:hover, .table-hover #overriderolestable .overriddenpermission:hover, #overriderolestable .table-hover .overriddenpermission:hover, table.grading-report #overriderolestable .overriddenpermission:hover, #overriderolestable table.grading-report .overriddenpermission:hover, .forumheaderlist #overriderolestable .overriddenpermission:hover, #overriderolestable .forumheaderlist .overriddenpermission:hover, .generaltable #overriderolestable .overriddenpermission:hover, #overriderolestable .generaltable .overriddenpermission:hover, table.flexible #overriderolestable .overriddenpermission:hover, #overriderolestable table.flexible .overriddenpermission:hover, .category_subcategories #overriderolestable .overriddenpermission:hover, #overriderolestable .category_subcategories .overriddenpermission:hover, table#modules #overriderolestable .overriddenpermission:hover, #overriderolestable table#modules .overriddenpermission:hover, table#permissions #overriderolestable .overriddenpermission:hover, #overriderolestable table#permissions .overriddenpermission:hover { background-color: #f9ddb5; } .table-hover .table-warning:hover > td, table.grading-report .table-warning:hover > td, .forumheaderlist .table-warning:hover > td, .generaltable .table-warning:hover > td, table.flexible .table-warning:hover > td, .category_subcategories .table-warning:hover > td, table#modules .table-warning:hover > td, table#permissions .table-warning:hover > td, .table-hover #overriderolestable .overriddenpermission:hover > td, #overriderolestable .table-hover .overriddenpermission:hover > td, table.grading-report #overriderolestable .overriddenpermission:hover > td, #overriderolestable table.grading-report .overriddenpermission:hover > td, .forumheaderlist #overriderolestable .overriddenpermission:hover > td, #overriderolestable .forumheaderlist .overriddenpermission:hover > td, .generaltable #overriderolestable .overriddenpermission:hover > td, #overriderolestable .generaltable .overriddenpermission:hover > td, table.flexible #overriderolestable .overriddenpermission:hover > td, #overriderolestable table.flexible .overriddenpermission:hover > td, .category_subcategories #overriderolestable .overriddenpermission:hover > td, #overriderolestable .category_subcategories .overriddenpermission:hover > td, table#modules #overriderolestable .overriddenpermission:hover > td, #overriderolestable table#modules .overriddenpermission:hover > td, table#permissions #overriderolestable .overriddenpermission:hover > td, #overriderolestable table#permissions .overriddenpermission:hover > td, .table-hover .table-warning:hover > th, table.grading-report .table-warning:hover > th, .forumheaderlist .table-warning:hover > th, .generaltable .table-warning:hover > th, table.flexible .table-warning:hover > th, .category_subcategories .table-warning:hover > th, table#modules .table-warning:hover > th, table#permissions .table-warning:hover > th, .table-hover #overriderolestable .overriddenpermission:hover > th, #overriderolestable .table-hover .overriddenpermission:hover > th, table.grading-report #overriderolestable .overriddenpermission:hover > th, #overriderolestable table.grading-report .overriddenpermission:hover > th, .forumheaderlist #overriderolestable .overriddenpermission:hover > th, #overriderolestable .forumheaderlist .overriddenpermission:hover > th, .generaltable #overriderolestable .overriddenpermission:hover > th, #overriderolestable .generaltable .overriddenpermission:hover > th, table.flexible #overriderolestable .overriddenpermission:hover > th, #overriderolestable table.flexible .overriddenpermission:hover > th, .category_subcategories #overriderolestable .overriddenpermission:hover > th, #overriderolestable .category_subcategories .overriddenpermission:hover > th, table#modules #overriderolestable .overriddenpermission:hover > th, #overriderolestable table#modules .overriddenpermission:hover > th, table#permissions #overriderolestable .overriddenpermission:hover > th, #overriderolestable table#permissions .overriddenpermission:hover > th { background-color: #f9ddb5; } .table-danger, .table-danger > th, .table-danger > td { background-color: #f3c9c8; } .table-hover .table-danger:hover, table.grading-report .table-danger:hover, .forumheaderlist .table-danger:hover, .generaltable .table-danger:hover, table.flexible .table-danger:hover, .category_subcategories .table-danger:hover, table#modules .table-danger:hover, table#permissions .table-danger:hover { background-color: #eeb4b3; } .table-hover .table-danger:hover > td, table.grading-report .table-danger:hover > td, .forumheaderlist .table-danger:hover > td, .generaltable .table-danger:hover > td, table.flexible .table-danger:hover > td, .category_subcategories .table-danger:hover > td, table#modules .table-danger:hover > td, table#permissions .table-danger:hover > td, .table-hover .table-danger:hover > th, table.grading-report .table-danger:hover > th, .forumheaderlist .table-danger:hover > th, .generaltable .table-danger:hover > th, table.flexible .table-danger:hover > th, .category_subcategories .table-danger:hover > th, table#modules .table-danger:hover > th, table#permissions .table-danger:hover > th { background-color: #eeb4b3; } .table-light, .table-light > th, .table-light > td { background-color: #fdfdfe; } .table-hover .table-light:hover, table.grading-report .table-light:hover, .forumheaderlist .table-light:hover, .generaltable .table-light:hover, table.flexible .table-light:hover, .category_subcategories .table-light:hover, table#modules .table-light:hover, table#permissions .table-light:hover { background-color: #ececf6; } .table-hover .table-light:hover > td, table.grading-report .table-light:hover > td, .forumheaderlist .table-light:hover > td, .generaltable .table-light:hover > td, table.flexible .table-light:hover > td, .category_subcategories .table-light:hover > td, table#modules .table-light:hover > td, table#permissions .table-light:hover > td, .table-hover .table-light:hover > th, table.grading-report .table-light:hover > th, .forumheaderlist .table-light:hover > th, .generaltable .table-light:hover > th, table.flexible .table-light:hover > th, .category_subcategories .table-light:hover > th, table#modules .table-light:hover > th, table#permissions .table-light:hover > th { background-color: #ececf6; } .table-dark, .table-dark > th, .table-dark > td { background-color: #c6c8ca; } .table-hover .table-dark:hover, table.grading-report .table-dark:hover, .forumheaderlist .table-dark:hover, .generaltable .table-dark:hover, table.flexible .table-dark:hover, .category_subcategories .table-dark:hover, table#modules .table-dark:hover, table#permissions .table-dark:hover { background-color: #b9bbbe; } .table-hover .table-dark:hover > td, table.grading-report .table-dark:hover > td, .forumheaderlist .table-dark:hover > td, .generaltable .table-dark:hover > td, table.flexible .table-dark:hover > td, .category_subcategories .table-dark:hover > td, table#modules .table-dark:hover > td, table#permissions .table-dark:hover > td, .table-hover .table-dark:hover > th, table.grading-report .table-dark:hover > th, .forumheaderlist .table-dark:hover > th, .generaltable .table-dark:hover > th, table.flexible .table-dark:hover > th, .category_subcategories .table-dark:hover > th, table#modules .table-dark:hover > th, table#permissions .table-dark:hover > th { background-color: #b9bbbe; } .table-active, .table-active > th, .table-active > td { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover, table.grading-report .table-active:hover, .forumheaderlist .table-active:hover, .generaltable .table-active:hover, table.flexible .table-active:hover, .category_subcategories .table-active:hover, table#modules .table-active:hover, table#permissions .table-active:hover { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover > td, table.grading-report .table-active:hover > td, .forumheaderlist .table-active:hover > td, .generaltable .table-active:hover > td, table.flexible .table-active:hover > td, .category_subcategories .table-active:hover > td, table#modules .table-active:hover > td, table#permissions .table-active:hover > td, .table-hover .table-active:hover > th, table.grading-report .table-active:hover > th, .forumheaderlist .table-active:hover > th, .generaltable .table-active:hover > th, table.flexible .table-active:hover > th, .category_subcategories .table-active:hover > th, table#modules .table-active:hover > th, table#permissions .table-active:hover > th { background-color: rgba(0, 0, 0, 0.075); } .table .thead-dark th, table.collection .thead-dark th, table.flexible .thead-dark th, .generaltable .thead-dark th { color: #fff; background-color: #212529; border-color: #32383e; } .table .thead-light th, table.collection .thead-light th, table.flexible .thead-light th, .generaltable .thead-light th { color: #495057; background-color: #e9ecef; border-color: #dee2e6; } .table-dark { color: #fff; background-color: #212529; } .table-dark th, .table-dark td, .table-dark thead th { border-color: #32383e; } .table-dark.table-bordered, table.table-dark.collection { border: 0; } .table-dark.table-striped tbody tr:nth-of-type(odd), table.table-dark.collection tbody tr:nth-of-type(odd), table.table-dark#explaincaps tbody tr:nth-of-type(odd), table.table-dark#defineroletable tbody tr:nth-of-type(odd), table.table-dark.grading-report tbody tr:nth-of-type(odd), table.table-dark#listdirectories tbody tr:nth-of-type(odd), table.table-dark.rolecaps tbody tr:nth-of-type(odd), table.table-dark.userenrolment tbody tr:nth-of-type(odd), form#movecourses table.table-dark tbody tr:nth-of-type(odd), #page-admin-course-index .table-dark.editcourse tbody tr:nth-of-type(odd), .table-dark.forumheaderlist tbody tr:nth-of-type(odd), table.table-dark.flexible tbody tr:nth-of-type(odd), .table-dark.generaltable tbody tr:nth-of-type(odd) { background-color: rgba(255, 255, 255, 0.05); } .table-dark.table-hover tbody tr:hover, table.table-dark.grading-report tbody tr:hover, .table-dark.forumheaderlist tbody tr:hover, .table-dark.generaltable tbody tr:hover, table.table-dark.flexible tbody tr:hover, .table-dark.category_subcategories tbody tr:hover, table.table-dark#modules tbody tr:hover, table.table-dark#permissions tbody tr:hover { background-color: rgba(255, 255, 255, 0.075); } @media (max-width: 575.98px) { .table-responsive-sm { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive-sm > .table-bordered, .table-responsive-sm > table.collection { border: 0; } } @media (max-width: 767.98px) { .table-responsive-md { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive-md > .table-bordered, .table-responsive-md > table.collection { border: 0; } } @media (max-width: 991.98px) { .table-responsive-lg { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive-lg > .table-bordered, .table-responsive-lg > table.collection { border: 0; } } @media (max-width: 1199.98px) { .table-responsive-xl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive-xl > .table-bordered, .table-responsive-xl > table.collection { border: 0; } } .table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive > .table-bordered, .table-responsive > table.collection { border: 0; } .form-control { display: block; width: 100%; padding: 0.375rem 0.75rem; font-size: 0.9375rem; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .form-control::-ms-expand { background-color: transparent; border: 0; } .form-control:focus { color: #495057; background-color: #fff; border-color: #6eb5f3; outline: 0; box-shadow: 0 0 0 0.2rem rgba(17, 119, 209, 0.25); } .form-control::placeholder { color: #6c757d; opacity: 1; } .form-control:disabled, .form-control[readonly] { background-color: #e9ecef; opacity: 1; } select.form-control:not([size]):not([multiple]) { height: calc(2.15625rem + 2px); } select.form-control:focus::-ms-value { color: #495057; background-color: #fff; } .form-control-file, .form-control-range { display: block; width: 100%; } .col-form-label { padding-top: calc(0.375rem + 1px); padding-bottom: calc(0.375rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5; } .col-form-label-lg { padding-top: calc(0.5rem + 1px); padding-bottom: calc(0.5rem + 1px); font-size: 1.171875rem; line-height: 1.5; } .col-form-label-sm { padding-top: calc(0.25rem + 1px); padding-bottom: calc(0.25rem + 1px); font-size: 0.8203125rem; line-height: 1.5; } .form-control-plaintext { display: block; width: 100%; padding-top: 0.375rem; padding-bottom: 0.375rem; margin-bottom: 0; line-height: 1.5; background-color: transparent; border: solid transparent; border-width: 1px 0; } .form-control-plaintext.form-control-sm, .input-group-sm > .form-control-plaintext.form-control, .input-group-sm > .input-group-prepend > .form-control-plaintext.input-group-text, .input-group-sm > .input-group-append > .form-control-plaintext.input-group-text, .input-group-sm > .input-group-prepend > .form-control-plaintext.btn, #page-grade-grading-manage .actions .input-group-sm > .input-group-prepend > .form-control-plaintext.action, #rubric-rubric.gradingform_rubric .input-group-sm > .input-group-prepend > .form-control-plaintext.addcriterion, .input-group-sm > .input-group-append > .form-control-plaintext.btn, #page-grade-grading-manage .actions .input-group-sm > .input-group-append > .form-control-plaintext.action, #rubric-rubric.gradingform_rubric .input-group-sm > .input-group-append > .form-control-plaintext.addcriterion, .form-control-plaintext.form-control-lg, .input-group-lg > .form-control-plaintext.form-control, .input-group-lg > .input-group-prepend > .form-control-plaintext.input-group-text, .input-group-lg > .input-group-append > .form-control-plaintext.input-group-text, .input-group-lg > .input-group-prepend > .form-control-plaintext.btn, #page-grade-grading-manage .actions .input-group-lg > .input-group-prepend > .form-control-plaintext.action, #rubric-rubric.gradingform_rubric .input-group-lg > .input-group-prepend > .form-control-plaintext.addcriterion, .input-group-lg > .input-group-append > .form-control-plaintext.btn, #page-grade-grading-manage .actions .input-group-lg > .input-group-append > .form-control-plaintext.action, #rubric-rubric.gradingform_rubric .input-group-lg > .input-group-append > .form-control-plaintext.addcriterion { padding-right: 0; padding-left: 0; } .form-control-sm, .input-group-sm > .form-control, .input-group-sm > .input-group-prepend > .input-group-text, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, #page-grade-grading-manage .actions .input-group-sm > .input-group-prepend > .action, #rubric-rubric.gradingform_rubric .input-group-sm > .input-group-prepend > .addcriterion, .input-group-sm > .input-group-append > .btn, #page-grade-grading-manage .actions .input-group-sm > .input-group-append > .action, #rubric-rubric.gradingform_rubric .input-group-sm > .input-group-append > .addcriterion { padding: 0.25rem 0.5rem; font-size: 0.8203125rem; line-height: 1.5; border-radius: 0.2rem; } select.form-control-sm:not([size]):not([multiple]), .input-group-sm > select.form-control:not([size]):not([multiple]), .input-group-sm > .input-group-prepend > select.input-group-text:not([size]):not([multiple]), .input-group-sm > .input-group-append > select.input-group-text:not([size]):not([multiple]), .input-group-sm > .input-group-prepend > select.btn:not([size]):not([multiple]), #page-grade-grading-manage .actions .input-group-sm > .input-group-prepend > select.action:not([size]):not([multiple]), #rubric-rubric.gradingform_rubric .input-group-sm > .input-group-prepend > select.addcriterion:not([size]):not([multiple]), .input-group-sm > .input-group-append > select.btn:not([size]):not([multiple]), #page-grade-grading-manage .actions .input-group-sm > .input-group-append > select.action:not([size]):not([multiple]), #rubric-rubric.gradingform_rubric .input-group-sm > .input-group-append > select.addcriterion:not([size]):not([multiple]) { height: calc(1.73046875rem + 2px); } .form-control-lg, .input-group-lg > .form-control, .input-group-lg > .input-group-prepend > .input-group-text, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, #page-grade-grading-manage .actions .input-group-lg > .input-group-prepend > .action, #rubric-rubric.gradingform_rubric .input-group-lg > .input-group-prepend > .addcriterion, .input-group-lg > .input-group-append > .btn, #page-grade-grading-manage .actions .input-group-lg > .input-group-append > .action, #rubric-rubric.gradingform_rubric .input-group-lg > .input-group-append > .addcriterion { padding: 0.5rem 1rem; font-size: 1.171875rem; line-height: 1.5; border-radius: 0.3rem; } select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.form-control:not([size]):not([multiple]), .input-group-lg > .input-group-prepend > select.input-group-text:not([size]):not([multiple]), .input-group-lg > .input-group-append > select.input-group-text:not([size]):not([multiple]), .input-group-lg > .input-group-prepend > select.btn:not([size]):not([multiple]), #page-grade-grading-manage .actions .input-group-lg > .input-group-prepend > select.action:not([size]):not([multiple]), #rubric-rubric.gradingform_rubric .input-group-lg > .input-group-prepend > select.addcriterion:not([size]):not([multiple]), .input-group-lg > .input-group-append > select.btn:not([size]):not([multiple]), #page-grade-grading-manage .actions .input-group-lg > .input-group-append > select.action:not([size]):not([multiple]), #rubric-rubric.gradingform_rubric .input-group-lg > .input-group-append > select.addcriterion:not([size]):not([multiple]) { height: calc(2.7578125rem + 2px); } .form-group, .form-buttons, .path-admin .buttons, .fp-content-center form + div, div.backup-section + form { margin-bottom: 1rem; } .form-text { display: block; margin-top: 0.25rem; } .form-row { display: flex; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; } .form-row > .col, .form-row > [class*="col-"] { padding-right: 5px; padding-left: 5px; } .form-check { position: relative; display: block; padding-left: 1.25rem; } .form-check-input { position: absolute; margin-top: 0.3rem; margin-left: -1.25rem; } .form-check-input:disabled ~ .form-check-label { color: #6c757d; } .form-check-label { margin-bottom: 0; } .form-check-inline { display: inline-flex; align-items: center; padding-left: 0; margin-right: 0.75rem; } .form-check-inline .form-check-input { position: static; margin-top: 0; margin-right: 0.3125rem; margin-left: 0; } .valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #398439; } .valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: .5rem; margin-top: .1rem; font-size: .875rem; line-height: 1; color: #fff; background-color: rgba(57, 132, 57, 0.8); border-radius: .2rem; } .was-validated .form-control:valid, .form-control.is-valid, .was-validated .custom-select:valid, .custom-select.is-valid { border-color: #398439; } .was-validated .form-control:valid:focus, .form-control.is-valid:focus, .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { border-color: #398439; box-shadow: 0 0 0 0.2rem rgba(57, 132, 57, 0.25); } .was-validated .form-control:valid ~ .valid-feedback, .was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback, .form-control.is-valid ~ .valid-tooltip, .was-validated .custom-select:valid ~ .valid-feedback, .was-validated .custom-select:valid ~ .valid-tooltip, .custom-select.is-valid ~ .valid-feedback, .custom-select.is-valid ~ .valid-tooltip { display: block; } .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { color: #398439; } .was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { color: #398439; } .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { background-color: #78c578; } .was-validated .custom-control-input:valid ~ .valid-feedback, .was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback, .custom-control-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { background-color: #48a848; } .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(57, 132, 57, 0.25); } .was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { border-color: #398439; } .was-validated .custom-file-input:valid ~ .custom-file-label::before, .custom-file-input.is-valid ~ .custom-file-label::before { border-color: inherit; } .was-validated .custom-file-input:valid ~ .valid-feedback, .was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback, .custom-file-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { box-shadow: 0 0 0 0.2rem rgba(57, 132, 57, 0.25); } .invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #d43f3a; } .invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: .5rem; margin-top: .1rem; font-size: .875rem; line-height: 1; color: #fff; background-color: rgba(212, 63, 58, 0.8); border-radius: .2rem; } .was-validated .form-control:invalid, .form-control.is-invalid, .was-validated .custom-select:invalid, .custom-select.is-invalid { border-color: #d43f3a; } .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus, .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { border-color: #d43f3a; box-shadow: 0 0 0 0.2rem rgba(212, 63, 58, 0.25); } .was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, .form-control.is-invalid ~ .invalid-tooltip, .was-validated .custom-select:invalid ~ .invalid-feedback, .was-validated .custom-select:invalid ~ .invalid-tooltip, .custom-select.is-invalid ~ .invalid-feedback, .custom-select.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { color: #d43f3a; } .was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { color: #d43f3a; } .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { background-color: #eba5a3; } .was-validated .custom-control-input:invalid ~ .invalid-feedback, .was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback, .custom-control-input.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { background-color: #dd6864; } .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(212, 63, 58, 0.25); } .was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { border-color: #d43f3a; } .was-validated .custom-file-input:invalid ~ .custom-file-label::before, .custom-file-input.is-invalid ~ .custom-file-label::before { border-color: inherit; } .was-validated .custom-file-input:invalid ~ .invalid-feedback, .was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback, .custom-file-input.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { box-shadow: 0 0 0 0.2rem rgba(212, 63, 58, 0.25); } .form-inline { display: flex; flex-flow: row wrap; align-items: center; } .form-inline .form-check { width: 100%; } @media (min-width: 576px) { .form-inline label { display: flex; align-items: center; justify-content: center; margin-bottom: 0; } .form-inline .form-group, .form-inline .form-buttons, .form-inline .path-admin .buttons, .path-admin .form-inline .buttons, .form-inline .fp-content-center form + div, .fp-content-center .form-inline form + div, .form-inline div.backup-section + form { display: flex; flex: 0 0 auto; flex-flow: row wrap; align-items: center; margin-bottom: 0; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-plaintext { display: inline-block; } .form-inline .input-group { width: auto; } .form-inline .form-check { display: flex; align-items: center; justify-content: center; width: auto; padding-left: 0; } .form-inline .form-check-input { position: relative; margin-top: 0; margin-right: 0.25rem; margin-left: 0; } .form-inline .custom-control { align-items: center; justify-content: center; } .form-inline .custom-control-label { margin-bottom: 0; } } .btn, #page-grade-grading-manage .actions .action, #rubric-rubric.gradingform_rubric .addcriterion { display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; user-select: none; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 0.9375rem; line-height: 1.5; border-radius: 0.25rem; 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; } .btn:hover, #page-grade-grading-manage .actions .action:hover, #rubric-rubric.gradingform_rubric .addcriterion:hover, .btn:focus, #page-grade-grading-manage .actions .action:focus, #rubric-rubric.gradingform_rubric .addcriterion:focus { text-decoration: none; } .btn:focus, #page-grade-grading-manage .actions .action:focus, #rubric-rubric.gradingform_rubric .addcriterion:focus, .btn.focus, #page-grade-grading-manage .actions .focus.action, #rubric-rubric.gradingform_rubric .focus.addcriterion { outline: 0; box-shadow: 0 0 0 0.2rem rgba(17, 119, 209, 0.25); } .btn.disabled, .fp-viewbar.disabled a, #page-grade-grading-manage .actions .disabled.action, #rubric-rubric.gradingform_rubric .disabled.addcriterion, .btn:disabled, #page-grade-grading-manage .actions .action:disabled, #rubric-rubric.gradingform_rubric .addcriterion:disabled { opacity: 0.65; } .btn:not(:disabled):not(.disabled), #page-grade-grading-manage .actions .action:not(:disabled):not(.disabled), #rubric-rubric.gradingform_rubric .addcriterion:not(:disabled):not(.disabled) { cursor: pointer; } .btn:not(:disabled):not(.disabled):active, #page-grade-grading-manage .actions .action:not(:disabled):not(.disabled):active, #rubric-rubric.gradingform_rubric .addcriterion:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled).active, #page-grade-grading-manage .actions .action:not(:disabled):not(.disabled).active, #rubric-rubric.gradingform_rubric .addcriterion:not(:disabled):not(.disabled).active { background-image: none; } a.btn.disabled, .fp-viewbar.disabled a, #page-grade-grading-manage .actions a.disabled.action, #rubric-rubric.gradingform_rubric a.disabled.addcriterion, fieldset:disabled a.btn, fieldset:disabled #page-grade-grading-manage .actions a.action, #page-grade-grading-manage .actions fieldset:disabled a.action, fieldset:disabled #rubric-rubric.gradingform_rubric a.addcriterion, #rubric-rubric.gradingform_rubric fieldset:disabled a.addcriterion { pointer-events: none; } .btn-primary { color: #fff; background-color: #1177d1; border-color: #1177d1; } .btn-primary:hover { color: #fff; background-color: #0e63ae; border-color: #0d5ca2; } .btn-primary:focus, .btn-primary.focus { box-shadow: 0 0 0 0.2rem rgba(17, 119, 209, 0.5); } .btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: #1177d1; border-color: #1177d1; } .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { color: #fff; background-color: #0d5ca2; border-color: #0c5596; } .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(17, 119, 209, 0.5); } .btn-secondary, .btn-default { color: #212529; background-color: #ced4da; border-color: #ced4da; } .btn-secondary:hover, .btn-default:hover { color: #212529; background-color: #b8c1ca; border-color: #b1bbc4; } .btn-secondary:focus, .btn-default:focus, .btn-secondary.focus, .focus.btn-default { box-shadow: 0 0 0 0.2rem rgba(206, 212, 218, 0.5); } .btn-secondary.disabled, .fp-viewbar.disabled a, .disabled.btn-default, .btn-secondary:disabled, .btn-default:disabled { color: #212529; background-color: #ced4da; border-color: #ced4da; } .btn-secondary:not(:disabled):not(.disabled):active, .btn-default:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .fp-viewbar:not(.disabled) a.checked:not(:disabled):not(.disabled), .btn-default:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle, .show > .dropdown-toggle.btn-default { color: #212529; background-color: #b1bbc4; border-color: #aab4bf; } .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-default:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .fp-viewbar:not(.disabled) a.checked:not(:disabled):not(.disabled):focus, .btn-default:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus, .show > .dropdown-toggle.btn-default:focus { box-shadow: 0 0 0 0.2rem rgba(206, 212, 218, 0.5); } .btn-success { color: #fff; background-color: #398439; border-color: #398439; } .btn-success:hover { color: #fff; background-color: #2d692d; border-color: #2a602a; } .btn-success:focus, .btn-success.focus { box-shadow: 0 0 0 0.2rem rgba(57, 132, 57, 0.5); } .btn-success.disabled, .btn-success:disabled { color: #fff; background-color: #398439; border-color: #398439; } .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { color: #fff; background-color: #2a602a; border-color: #265726; } .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(57, 132, 57, 0.5); } .btn-info { color: #212529; background-color: #5bc0de; border-color: #5bc0de; } .btn-info:hover { color: #fff; background-color: #3bb4d8; border-color: #31b0d5; } .btn-info:focus, .btn-info.focus { box-shadow: 0 0 0 0.2rem rgba(91, 192, 222, 0.5); } .btn-info.disabled, .btn-info:disabled { color: #212529; background-color: #5bc0de; border-color: #5bc0de; } .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { color: #fff; background-color: #31b0d5; border-color: #2aaacf; } .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(91, 192, 222, 0.5); } .btn-warning { color: #212529; background-color: #f0ad4e; border-color: #f0ad4e; } .btn-warning:hover { color: #212529; background-color: #ed9d2b; border-color: #ec971f; } .btn-warning:focus, .btn-warning.focus { box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.5); } .btn-warning.disabled, .btn-warning:disabled { color: #212529; background-color: #f0ad4e; border-color: #f0ad4e; } .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { color: #212529; background-color: #ec971f; border-color: #ea9214; } .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.5); } .btn-danger { color: #fff; background-color: #d43f3a; border-color: #d43f3a; } .btn-danger:hover { color: #fff; background-color: #be2e2a; border-color: #b42c27; } .btn-danger:focus, .btn-danger.focus { box-shadow: 0 0 0 0.2rem rgba(212, 63, 58, 0.5); } .btn-danger.disabled, .btn-danger:disabled { color: #fff; background-color: #d43f3a; border-color: #d43f3a; } .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { color: #fff; background-color: #b42c27; border-color: #a92925; } .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(212, 63, 58, 0.5); } .btn-light { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-light:hover { color: #212529; background-color: #e2e6ea; border-color: #dae0e5; } .btn-light:focus, .btn-light.focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .btn-light.disabled, .btn-light:disabled { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { color: #212529; background-color: #dae0e5; border-color: #d3d9df; } .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .btn-dark { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-dark:hover { color: #fff; background-color: #23272b; border-color: #1d2124; } .btn-dark:focus, .btn-dark.focus { box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } .btn-dark.disabled, .btn-dark:disabled { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { color: #fff; background-color: #1d2124; border-color: #171a1d; } .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } .btn-outline-primary { color: #1177d1; background-color: transparent; background-image: none; border-color: #1177d1; } .btn-outline-primary:hover { color: #fff; background-color: #1177d1; border-color: #1177d1; } .btn-outline-primary:focus, .btn-outline-primary.focus { box-shadow: 0 0 0 0.2rem rgba(17, 119, 209, 0.5); } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #1177d1; background-color: transparent; } .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { color: #fff; background-color: #1177d1; border-color: #1177d1; } .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(17, 119, 209, 0.5); } .btn-outline-secondary { color: #ced4da; background-color: transparent; background-image: none; border-color: #ced4da; } .btn-outline-secondary:hover { color: #212529; background-color: #ced4da; border-color: #ced4da; } .btn-outline-secondary:focus, .btn-outline-secondary.focus { box-shadow: 0 0 0 0.2rem rgba(206, 212, 218, 0.5); } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #ced4da; background-color: transparent; } .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { color: #212529; background-color: #ced4da; border-color: #ced4da; } .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(206, 212, 218, 0.5); } .btn-outline-success { color: #398439; background-color: transparent; background-image: none; border-color: #398439; } .btn-outline-success:hover { color: #fff; background-color: #398439; border-color: #398439; } .btn-outline-success:focus, .btn-outline-success.focus { box-shadow: 0 0 0 0.2rem rgba(57, 132, 57, 0.5); } .btn-outline-success.disabled, .btn-outline-success:disabled { color: #398439; background-color: transparent; } .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { color: #fff; background-color: #398439; border-color: #398439; } .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(57, 132, 57, 0.5); } .btn-outline-info { color: #5bc0de; background-color: transparent; background-image: none; border-color: #5bc0de; } .btn-outline-info:hover { color: #212529; background-color: #5bc0de; border-color: #5bc0de; } .btn-outline-info:focus, .btn-outline-info.focus { box-shadow: 0 0 0 0.2rem rgba(91, 192, 222, 0.5); } .btn-outline-info.disabled, .btn-outline-info:disabled { color: #5bc0de; background-color: transparent; } .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { color: #212529; background-color: #5bc0de; border-color: #5bc0de; } .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(91, 192, 222, 0.5); } .btn-outline-warning { color: #f0ad4e; background-color: transparent; background-image: none; border-color: #f0ad4e; } .btn-outline-warning:hover { color: #212529; background-color: #f0ad4e; border-color: #f0ad4e; } .btn-outline-warning:focus, .btn-outline-warning.focus { box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.5); } .btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #f0ad4e; background-color: transparent; } .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { color: #212529; background-color: #f0ad4e; border-color: #f0ad4e; } .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.5); } .btn-outline-danger { color: #d43f3a; background-color: transparent; background-image: none; border-color: #d43f3a; } .btn-outline-danger:hover { color: #fff; background-color: #d43f3a; border-color: #d43f3a; } .btn-outline-danger:focus, .btn-outline-danger.focus { box-shadow: 0 0 0 0.2rem rgba(212, 63, 58, 0.5); } .btn-outline-danger.disabled, .btn-outline-danger:disabled { color: #d43f3a; background-color: transparent; } .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { color: #fff; background-color: #d43f3a; border-color: #d43f3a; } .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(212, 63, 58, 0.5); } .btn-outline-light { color: #f8f9fa; background-color: transparent; background-image: none; border-color: #f8f9fa; } .btn-outline-light:hover { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:focus, .btn-outline-light.focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .btn-outline-light.disabled, .btn-outline-light:disabled { color: #f8f9fa; background-color: transparent; } .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .btn-outline-dark { color: #343a40; background-color: transparent; background-image: none; border-color: #343a40; } .btn-outline-dark:hover { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-outline-dark:focus, .btn-outline-dark.focus { box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } .btn-outline-dark.disabled, .btn-outline-dark:disabled { color: #343a40; background-color: transparent; } .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } .btn-link { font-weight: 400; color: #1177d1; background-color: transparent; } .btn-link:hover { color: #0b4f8a; text-decoration: underline; background-color: transparent; border-color: transparent; } .btn-link:focus, .btn-link.focus { text-decoration: underline; border-color: transparent; box-shadow: none; } .btn-link:disabled, .btn-link.disabled { color: #6c757d; } .btn-lg, .btn-group-lg > .btn, #rubric-rubric.gradingform_rubric .btn-group-lg > .addcriterion, #page-grade-grading-manage .actions .action { padding: 0.5rem 1rem; font-size: 1.171875rem; line-height: 1.5; border-radius: 0.3rem; } .btn-sm, .btn-group-sm > .btn, #page-grade-grading-manage .actions .btn-group-sm > .action, #rubric-rubric.gradingform_rubric .btn-group-sm > .addcriterion { padding: 0.25rem 0.5rem; font-size: 0.8203125rem; line-height: 1.5; border-radius: 0.2rem; } .btn-block, p.arrow_button input, #addcontrols input, #removecontrols input { display: block; width: 100%; } .btn-block + .btn-block, p.arrow_button input + .btn-block, #addcontrols input + .btn-block, #removecontrols input + .btn-block, p.arrow_button .btn-block + input, p.arrow_button input + input, #addcontrols .btn-block + input, #addcontrols p.arrow_button input + input, #addcontrols input + input, #removecontrols .btn-block + input, #removecontrols p.arrow_button input + input, #removecontrols input + input { margin-top: 0.5rem; } input[type="submit"].btn-block, p.arrow_button input[type="submit"], #addcontrols input[type="submit"], #removecontrols input[type="submit"], input[type="reset"].btn-block, p.arrow_button input[type="reset"], #addcontrols input[type="reset"], #removecontrols input[type="reset"], input[type="button"].btn-block, p.arrow_button input[type="button"], #addcontrols input[type="button"], #removecontrols input[type="button"] { width: 100%; } .fade { opacity: 0; transition: opacity 0.15s linear; } .fade.show { opacity: 1; } .collapse { display: none; } .collapse.show { display: block; } tr.collapse.show { display: table-row; } tbody.collapse.show { display: table-row-group; } .collapsing { position: relative; height: 0; overflow: hidden; transition: height 0.35s ease; } .dropup, .dropdown { position: relative; } .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; } .dropdown-toggle:empty::after { margin-left: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 10rem; padding: 0.5rem 0; margin: 0.125rem 0 0; font-size: 0.9375rem; color: #343a40; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; } .dropup .dropdown-menu { margin-top: 0; margin-bottom: 0.125rem; } .dropup .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0; border-right: 0.3em solid transparent; border-bottom: 0.3em solid; border-left: 0.3em solid transparent; } .dropup .dropdown-toggle:empty::after { margin-left: 0; } .dropright .dropdown-menu { margin-top: 0; margin-left: 0.125rem; } .dropright .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-bottom: 0.3em solid transparent; border-left: 0.3em solid; } .dropright .dropdown-toggle:empty::after { margin-left: 0; } .dropright .dropdown-toggle::after { vertical-align: 0; } .dropleft .dropdown-menu { margin-top: 0; margin-right: 0.125rem; } .dropleft .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: 0.255em; vertical-align: 0.255em; content: ""; } .dropleft .dropdown-toggle::after { display: none; } .dropleft .dropdown-toggle::before { display: inline-block; width: 0; height: 0; margin-right: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0.3em solid; border-bottom: 0.3em solid transparent; } .dropleft .dropdown-toggle:empty::after { margin-left: 0; } .dropleft .dropdown-toggle::before { vertical-align: 0; } .dropdown-divider { height: 0; margin: 0.5rem 0; overflow: hidden; border-top: 1px solid #e9ecef; } .dropdown-item { display: block; width: 100%; padding: 0.25rem 1.5rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; } .dropdown-item:hover, .dropdown-item:focus { color: #16181b; text-decoration: none; background-color: #f8f9fa; } .dropdown-item.active, .dropdown-item:active { color: #fff; text-decoration: none; background-color: #1177d1; } .dropdown-item.disabled, .dropdown-item:disabled { color: #6c757d; background-color: transparent; } .dropdown-menu.show { display: block; } .dropdown-header { display: block; padding: 0.5rem 1.5rem; margin-bottom: 0; font-size: 0.8203125rem; color: #6c757d; white-space: nowrap; } .btn-group, .btn-group-vertical { position: relative; display: inline-flex; vertical-align: middle; } .btn-group > .btn, #page-grade-grading-manage .actions .btn-group > .action, #rubric-rubric.gradingform_rubric .btn-group > .addcriterion, .btn-group-vertical > .btn, #page-grade-grading-manage .actions .btn-group-vertical > .action, #rubric-rubric.gradingform_rubric .btn-group-vertical > .addcriterion { position: relative; flex: 0 1 auto; } .btn-group > .btn:hover, #page-grade-grading-manage .actions .btn-group > .action:hover, #rubric-rubric.gradingform_rubric .btn-group > .addcriterion:hover, .btn-group-vertical > .btn:hover, #page-grade-grading-manage .actions .btn-group-vertical > .action:hover, #rubric-rubric.gradingform_rubric .btn-group-vertical > .addcriterion:hover { z-index: 1; } .btn-group > .btn:focus, #page-grade-grading-manage .actions .btn-group > .action:focus, #rubric-rubric.gradingform_rubric .btn-group > .addcriterion:focus, .btn-group > .btn:active, #page-grade-grading-manage .actions .btn-group > .action:active, #rubric-rubric.gradingform_rubric .btn-group > .addcriterion:active, .btn-group > .btn.active, #page-grade-grading-manage .actions .btn-group > .active.action, #rubric-rubric.gradingform_rubric .btn-group > .active.addcriterion, .btn-group-vertical > .btn:focus, #page-grade-grading-manage .actions .btn-group-vertical > .action:focus, #rubric-rubric.gradingform_rubric .btn-group-vertical > .addcriterion:focus, .btn-group-vertical > .btn:active, #page-grade-grading-manage .actions .btn-group-vertical > .action:active, #rubric-rubric.gradingform_rubric .btn-group-vertical > .addcriterion:active, .btn-group-vertical > .btn.active, #page-grade-grading-manage .actions .btn-group-vertical > .active.action, #rubric-rubric.gradingform_rubric .btn-group-vertical > .active.addcriterion { z-index: 1; } .btn-group .btn + .btn, .btn-group #page-grade-grading-manage .actions .action + .btn, #page-grade-grading-manage .actions .btn-group .action + .btn, .btn-group #rubric-rubric.gradingform_rubric .addcriterion + .btn, #rubric-rubric.gradingform_rubric .btn-group .addcriterion + .btn, .btn-group #page-grade-grading-manage .actions .btn + .action, #page-grade-grading-manage .actions .btn-group .btn + .action, .btn-group #page-grade-grading-manage .actions .action + .action, #page-grade-grading-manage .actions .btn-group .action + .action, .btn-group #rubric-rubric.gradingform_rubric #page-grade-grading-manage .actions .addcriterion + .action, #page-grade-grading-manage .actions .btn-group #rubric-rubric.gradingform_rubric .addcriterion + .action, #rubric-rubric.gradingform_rubric .btn-group #page-grade-grading-manage .actions .addcriterion + .action, #page-grade-grading-manage .actions #rubric-rubric.gradingform_rubric .btn-group .addcriterion + .action, .btn-group #rubric-rubric.gradingform_rubric .btn + .addcriterion, #rubric-rubric.gradingform_rubric .btn-group .btn + .addcriterion, .btn-group #page-grade-grading-manage .actions #rubric-rubric.gradingform_rubric .action + .addcriterion, #rubric-rubric.gradingform_rubric .btn-group #page-grade-grading-manage .actions .action + .addcriterion, #page-grade-grading-manage .actions .btn-group #rubric-rubric.gradingform_rubric .action + .addcriterion, #rubric-rubric.gradingform_rubric #page-grade-grading-manage .actions .btn-group .action + .addcriterion, .btn-group #rubric-rubric.gradingform_rubric .addcriterion + .addcriterion, #rubric-rubric.gradingform_rubric .btn-group .addcriterion + .addcriterion, .btn-group .btn + .btn-group, .btn-group #page-grade-grading-manage .actions .action + .btn-group, #page-grade-grading-manage .actions .btn-group .action + .btn-group, .btn-group #rubric-rubric.gradingform_rubric .addcriterion + .btn-group, #rubric-rubric.gradingform_rubric .btn-group .addcriterion + .btn-group, .btn-group .btn-group + .btn, .btn-group #page-grade-grading-manage .actions .btn-group + .action, #page-grade-grading-manage .actions .btn-group .btn-group + .action, .btn-group #rubric-rubric.gradingform_rubric .btn-group + .addcriterion, #rubric-rubric.gradingform_rubric .btn-group .btn-group + .addcriterion, .btn-group .btn-group + .btn-group, .btn-group-vertical .btn + .btn, .btn-group-vertical #page-grade-grading-manage .actions .action + .btn, #page-grade-grading-manage .actions .btn-group-vertical .action + .btn, .btn-group-vertical #rubric-rubric.gradingform_rubric .addcriterion + .btn, #rubric-rubric.gradingform_rubric .btn-group-vertical .addcriterion + .btn, .btn-group-vertical #page-grade-grading-manage .actions .btn + .action, #page-grade-grading-manage .actions .btn-group-vertical .btn + .action, .btn-group-vertical #page-grade-grading-manage .actions .action + .action, #page-grade-grading-manage .actions .btn-group-vertical .action + .action, .btn-group-vertical #rubric-rubric.gradingform_rubric #page-grade-grading-manage .actions .addcriterion + .action, #page-grade-grading-manage .actions .btn-group-vertical #rubric-rubric.gradingform_rubric .addcriterion + .action, #rubric-rubric.gradingform_rubric .btn-group-vertical #page-grade-grading-manage .actions .addcriterion + .action, #page-grade-grading-manage .actions #rubric-rubric.gradingform_rubric .btn-group-vertical .addcriterion + .action, .btn-group-vertical #rubric-rubric.gradingform_rubric .btn + .addcriterion, #rubric-rubric.gradingform_rubric .btn-group-vertical .btn + .addcriterion, .btn-group-vertical #page-grade-grading-manage .actions #rubric-rubric.gradingform_rubric .action + .addcriterion, #rubric-rubric.gradingform_rubric .btn-group-vertical #page-grade-grading-manage .actions .action + .addcriterion, #page-grade-grading-manage .actions .btn-group-vertical #rubric-rubric.gradingform_rubric .action + .addcriterion, #rubric-rubric.gradingform_rubric #page-grade-grading-manage .actions .btn-group-vertical .action + .addcriterion, .btn-group-vertical #rubric-rubric.gradingform_rubric .addcriterion + .addcriterion, #rubric-rubric.gradingform_rubric .btn-group-vertical .addcriterion + .addcriterion, .btn-group-vertical .btn + .btn-group, .btn-group-vertical #page-grade-grading-manage .actions .action + .btn-group, #page-grade-grading-manage .actions .btn-group-vertical .action + .btn-group, .btn-group-vertical #rubric-rubric.gradingform_rubric .addcriterion + .btn-group, #rubric-rubric.gradingform_rubric .btn-group-vertical .addcriterion + .btn-group, .btn-group-vertical .btn-group + .btn, .btn-group-vertical #page-grade-grading-manage .actions .btn-group + .action, #page-grade-grading-manage .actions .btn-group-vertical .btn-group + .action, .btn-group-vertical #rubric-rubric.gradingform_rubric .btn-group + .addcriterion, #rubric-rubric.gradingform_rubric .btn-group-vertical .btn-group + .addcriterion, .btn-group-vertical .btn-group + .btn-group { margin-left: -1px; } .btn-toolbar { display: flex; flex-wrap: wrap; justify-content: flex-start; } .btn-toolbar .input-group { width: auto; } .btn-group > .btn:first-child, #page-grade-grading-manage .actions .btn-group > .action:first-child, #rubric-rubric.gradingform_rubric .btn-group > .addcriterion:first-child { margin-left: 0; } .btn-group > .btn:not(:last-child):not(.dropdown-toggle), #page-grade-grading-manage .actions .btn-group > .action:not(:last-child):not(.dropdown-toggle), #rubric-rubric.gradingform_rubric .btn-group > .addcriterion:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn, #page-grade-grading-manage .actions .btn-group > .btn-group:not(:last-child) > .action, #rubric-rubric.gradingform_rubric .btn-group > .btn-group:not(:last-child) > .addcriterion { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn:not(:first-child), #page-grade-grading-manage .actions .btn-group > .action:not(:first-child), #rubric-rubric.gradingform_rubric .btn-group > .addcriterion:not(:first-child), .btn-group > .btn-group:not(:first-child) > .btn, #page-grade-grading-manage .actions .btn-group > .btn-group:not(:first-child) > .action, #rubric-rubric.gradingform_rubric .btn-group > .btn-group:not(:first-child) > .addcriterion { border-top-left-radius: 0; border-bottom-left-radius: 0; } .dropdown-toggle-split { padding-right: 0.5625rem; padding-left: 0.5625rem; } .dropdown-toggle-split::after { margin-left: 0; } .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split, #page-grade-grading-manage .actions .btn-group-sm > .action + .dropdown-toggle-split, #rubric-rubric.gradingform_rubric .btn-group-sm > .addcriterion + .dropdown-toggle-split { padding-right: 0.375rem; padding-left: 0.375rem; } .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split, #page-grade-grading-manage .actions .btn-group-lg > .action + .dropdown-toggle-split, #rubric-rubric.gradingform_rubric .btn-group-lg > .addcriterion + .dropdown-toggle-split, #page-grade-grading-manage .actions .action + .dropdown-toggle-split { padding-right: 0.75rem; padding-left: 0.75rem; } .btn-group-vertical { flex-direction: column; align-items: flex-start; justify-content: center; } .btn-group-vertical .btn, .btn-group-vertical #page-grade-grading-manage .actions .action, #page-grade-grading-manage .actions .btn-group-vertical .action, .btn-group-vertical #rubric-rubric.gradingform_rubric .addcriterion, #rubric-rubric.gradingform_rubric .btn-group-vertical .addcriterion, .btn-group-vertical .btn-group { width: 100%; } .btn-group-vertical > .btn + .btn, #page-grade-grading-manage .actions .btn-group-vertical > .action + .btn, #rubric-rubric.gradingform_rubric .btn-group-vertical > .addcriterion + .btn, #page-grade-grading-manage .actions .btn-group-vertical > .btn + .action, #page-grade-grading-manage .actions .btn-group-vertical > .action + .action, #rubric-rubric.gradingform_rubric #page-grade-grading-manage .actions .btn-group-vertical > .addcriterion + .action, #page-grade-grading-manage .actions #rubric-rubric.gradingform_rubric .btn-group-vertical > .addcriterion + .action, #rubric-rubric.gradingform_rubric .btn-group-vertical > .btn + .addcriterion, #page-grade-grading-manage .actions #rubric-rubric.gradingform_rubric .btn-group-vertical > .action + .addcriterion, #rubric-rubric.gradingform_rubric #page-grade-grading-manage .actions .btn-group-vertical > .action + .addcriterion, #rubric-rubric.gradingform_rubric .btn-group-vertical > .addcriterion + .addcriterion, .btn-group-vertical > .btn + .btn-group, #page-grade-grading-manage .actions .btn-group-vertical > .action + .btn-group, #rubric-rubric.gradingform_rubric .btn-group-vertical > .addcriterion + .btn-group, .btn-group-vertical > .btn-group + .btn, #page-grade-grading-manage .actions .btn-group-vertical > .btn-group + .action, #rubric-rubric.gradingform_rubric .btn-group-vertical > .btn-group + .addcriterion, .btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-left: 0; } .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), #page-grade-grading-manage .actions .btn-group-vertical > .action:not(:last-child):not(.dropdown-toggle), #rubric-rubric.gradingform_rubric .btn-group-vertical > .addcriterion:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn-group:not(:last-child) > .btn, #page-grade-grading-manage .actions .btn-group-vertical > .btn-group:not(:last-child) > .action, #rubric-rubric.gradingform_rubric .btn-group-vertical > .btn-group:not(:last-child) > .addcriterion { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:not(:first-child), #page-grade-grading-manage .actions .btn-group-vertical > .action:not(:first-child), #rubric-rubric.gradingform_rubric .btn-group-vertical > .addcriterion:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) > .btn, #page-grade-grading-manage .actions .btn-group-vertical > .btn-group:not(:first-child) > .action, #rubric-rubric.gradingform_rubric .btn-group-vertical > .btn-group:not(:first-child) > .addcriterion { border-top-left-radius: 0; border-top-right-radius: 0; } .btn-group-toggle > .btn, #page-grade-grading-manage .actions .btn-group-toggle > .action, #rubric-rubric.gradingform_rubric .btn-group-toggle > .addcriterion, .btn-group-toggle > .btn-group > .btn, #page-grade-grading-manage .actions .btn-group-toggle > .btn-group > .action, #rubric-rubric.gradingform_rubric .btn-group-toggle > .btn-group > .addcriterion { margin-bottom: 0; } .btn-group-toggle > .btn input[type="radio"], #page-grade-grading-manage .actions .btn-group-toggle > .action input[type="radio"], #rubric-rubric.gradingform_rubric .btn-group-toggle > .addcriterion input[type="radio"], .btn-group-toggle > .btn input[type="checkbox"], #page-grade-grading-manage .actions .btn-group-toggle > .action input[type="checkbox"], #rubric-rubric.gradingform_rubric .btn-group-toggle > .addcriterion input[type="checkbox"], .btn-group-toggle > .btn-group > .btn input[type="radio"], #page-grade-grading-manage .actions .btn-group-toggle > .btn-group > .action input[type="radio"], #rubric-rubric.gradingform_rubric .btn-group-toggle > .btn-group > .addcriterion input[type="radio"], .btn-group-toggle > .btn-group > .btn input[type="checkbox"], #page-grade-grading-manage .actions .btn-group-toggle > .btn-group > .action input[type="checkbox"], #rubric-rubric.gradingform_rubric .btn-group-toggle > .btn-group > .addcriterion input[type="checkbox"] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; } .input-group > .form-control, .input-group > .custom-select, .input-group > .custom-file { position: relative; flex: 1 1 auto; width: 1%; margin-bottom: 0; } .input-group > .form-control:focus, .input-group > .custom-select:focus, .input-group > .custom-file:focus { z-index: 3; } .input-group > .form-control + .form-control, .input-group > .form-control + .custom-select, .input-group > .form-control + .custom-file, .input-group > .custom-select + .form-control, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .custom-file, .input-group > .custom-file + .form-control, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .custom-file { margin-left: -1px; } .input-group > .form-control:not(:last-child), .input-group > .custom-select:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .form-control:not(:first-child), .input-group > .custom-select:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group > .custom-file { display: flex; align-items: center; } .input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::before { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .custom-file:not(:first-child) .custom-file-label, .input-group > .custom-file:not(:first-child) .custom-file-label::before { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group-prepend, .input-group-append { display: flex; } .input-group-prepend .btn, .input-group-prepend #page-grade-grading-manage .actions .action, #page-grade-grading-manage .actions .input-group-prepend .action, .input-group-prepend #rubric-rubric.gradingform_rubric .addcriterion, #rubric-rubric.gradingform_rubric .input-group-prepend .addcriterion, .input-group-append .btn, .input-group-append #page-grade-grading-manage .actions .action, #page-grade-grading-manage .actions .input-group-append .action, .input-group-append #rubric-rubric.gradingform_rubric .addcriterion, #rubric-rubric.gradingform_rubric .input-group-append .addcriterion { position: relative; z-index: 2; } .input-group-prepend .btn + .btn, .input-group-prepend #page-grade-grading-manage .actions .action + .btn, #page-grade-grading-manage .actions .input-group-prepend .action + .btn, .input-group-prepend #rubric-rubric.gradingform_rubric .addcriterion + .btn, #rubric-rubric.gradingform_rubric .input-group-prepend .addcriterion + .btn, .input-group-prepend #page-grade-grading-manage .actions .btn + .action, #page-grade-grading-manage .actions .input-group-prepend .btn + .action, .input-group-prepend #page-grade-grading-manage .actions .action + .action, #page-grade-grading-manage .actions .input-group-prepend .action + .action, .input-group-prepend #rubric-rubric.gradingform_rubric #page-grade-grading-manage .actions .addcriterion + .action, #page-grade-grading-manage .actions .input-group-prepend #rubric-rubric.gradingform_rubric .addcriterion + .action, #rubric-rubric.gradingform_rubric .input-group-prepend #page-grade-grading-manage .actions .addcriterion + .action, #page-grade-grading-manage .actions #rubric-rubric.gradingform_rubric .input-group-prepend .addcriterion + .action, .input-group-prepend #rubric-rubric.gradingform_rubric .btn + .addcriterion, #rubric-rubric.gradingform_rubric .input-group-prepend .btn + .addcriterion, .input-group-prepend #page-grade-grading-manage .actions #rubric-rubric.gradingform_rubric .action + .addcriterion, #rubric-rubric.gradingform_rubric .input-group-prepend #page-grade-grading-manage .actions .action + .addcriterion, #page-grade-grading-manage .actions .input-group-prepend #rubric-rubric.gradingform_rubric .action + .addcriterion, #rubric-rubric.gradingform_rubric #page-grade-grading-manage .actions .input-group-prepend .action + .addcriterion, .input-group-prepend #rubric-rubric.gradingform_rubric .addcriterion + .addcriterion, #rubric-rubric.gradingform_rubric .input-group-prepend .addcriterion + .addcriterion, .input-group-prepend .btn + .input-group-text, .input-group-prepend #page-grade-grading-manage .actions .action + .input-group-text, #page-grade-grading-manage .actions .input-group-prepend .action + .input-group-text, .input-group-prepend #rubric-rubric.gradingform_rubric .addcriterion + .input-group-text, #rubric-rubric.gradingform_rubric .input-group-prepend .addcriterion + .input-group-text, .input-group-prepend .input-group-text + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-prepend #page-grade-grading-manage .actions .input-group-text + .action, #page-grade-grading-manage .actions .input-group-prepend .input-group-text + .action, .input-group-prepend #rubric-rubric.gradingform_rubric .input-group-text + .addcriterion, #rubric-rubric.gradingform_rubric .input-group-prepend .input-group-text + .addcriterion, .input-group-append .btn + .btn, .input-group-append #page-grade-grading-manage .actions .action + .btn, #page-grade-grading-manage .actions .input-group-append .action + .btn, .input-group-append #rubric-rubric.gradingform_rubric .addcriterion + .btn, #rubric-rubric.gradingform_rubric .input-group-append .addcriterion + .btn, .input-group-append #page-grade-grading-manage .actions .btn + .action, #page-grade-grading-manage .actions .input-group-append .btn + .action, .input-group-append #page-grade-grading-manage .actions .action + .action, #page-grade-grading-manage .actions .input-group-append .action + .action, .input-group-append #rubric-rubric.gradingform_rubric #page-grade-grading-manage .actions .addcriterion + .action, #page-grade-grading-manage .actions .input-group-append #rubric-rubric.gradingform_rubric .addcriterion + .action, #rubric-rubric.gradingform_rubric .input-group-append #page-grade-grading-manage .actions .addcriterion + .action, #page-grade-grading-manage .actions #rubric-rubric.gradingform_rubric .input-group-append .addcriterion + .action, .input-group-append #rubric-rubric.gradingform_rubric .btn + .addcriterion, #rubric-rubric.gradingform_rubric .input-group-append .btn + .addcriterion, .input-group-append #page-grade-grading-manage .actions #rubric-rubric.gradingform_rubric .action + .addcriterion, #rubric-rubric.gradingform_rubric .input-group-append #page-grade-grading-manage .actions .action + .addcriterion, #page-grade-grading-manage .actions .input-group-append #rubric-rubric.gradingform_rubric .action + .addcriterion, #rubric-rubric.gradingform_rubric #page-grade-grading-manage .actions .input-group-append .action + .addcriterion, .input-group-append #rubric-rubric.gradingform_rubric .addcriterion + .addcriterion, #rubric-rubric.gradingform_rubric .input-group-append .addcriterion + .addcriterion, .input-group-append .btn + .input-group-text, .input-group-append #page-grade-grading-manage .actions .action + .input-group-text, #page-grade-grading-manage .actions .input-group-append .action + .input-group-text, .input-group-append #rubric-rubric.gradingform_rubric .addcriterion + .input-group-text, #rubric-rubric.gradingform_rubric .input-group-append .addcriterion + .input-group-text, .input-group-append .input-group-text + .input-group-text, .input-group-append .input-group-text + .btn, .input-group-append #page-grade-grading-manage .actions .input-group-text + .action, #page-grade-grading-manage .actions .input-group-append .input-group-text + .action, .input-group-append #rubric-rubric.gradingform_rubric .input-group-text + .addcriterion, #rubric-rubric.gradingform_rubric .input-group-append .input-group-text + .addcriterion { margin-left: -1px; } .input-group-prepend { margin-right: -1px; } .input-group-append { margin-left: -1px; } .input-group-text { display: flex; align-items: center; padding: 0.375rem 0.75rem; margin-bottom: 0; font-size: 0.9375rem; font-weight: 400; line-height: 1.5; color: #495057; text-align: center; white-space: nowrap; background-color: #e9ecef; border: 1px solid #ced4da; border-radius: 0.25rem; } .input-group-text input[type="radio"], .input-group-text input[type="checkbox"] { margin-top: 0; } .input-group > .input-group-prepend > .btn, #page-grade-grading-manage .actions .input-group > .input-group-prepend > .action, #rubric-rubric.gradingform_rubric .input-group > .input-group-prepend > .addcriterion, .input-group > .input-group-prepend > .input-group-text, .input-group > .input-group-append:not(:last-child) > .btn, #page-grade-grading-manage .actions .input-group > .input-group-append:not(:last-child) > .action, #rubric-rubric.gradingform_rubric .input-group > .input-group-append:not(:last-child) > .addcriterion, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), #page-grade-grading-manage .actions .input-group > .input-group-append:last-child > .action:not(:last-child):not(.dropdown-toggle), #rubric-rubric.gradingform_rubric .input-group > .input-group-append:last-child > .addcriterion:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .input-group-append > .btn, #page-grade-grading-manage .actions .input-group > .input-group-append > .action, #rubric-rubric.gradingform_rubric .input-group > .input-group-append > .addcriterion, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:not(:first-child) > .btn, #page-grade-grading-manage .actions .input-group > .input-group-prepend:not(:first-child) > .action, #rubric-rubric.gradingform_rubric .input-group > .input-group-prepend:not(:first-child) > .addcriterion, .input-group > .input-group-prepend:not(:first-child) > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), #page-grade-grading-manage .actions .input-group > .input-group-prepend:first-child > .action:not(:first-child), #rubric-rubric.gradingform_rubric .input-group > .input-group-prepend:first-child > .addcriterion:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .custom-control { position: relative; display: block; min-height: 1.5rem; padding-left: 1.5rem; } .custom-control-inline { display: inline-flex; margin-right: 1rem; } .custom-control-input { position: absolute; z-index: -1; opacity: 0; } .custom-control-input:checked ~ .custom-control-label::before { color: #fff; background-color: #1177d1; } .custom-control-input:focus ~ .custom-control-label::before { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(17, 119, 209, 0.25); } .custom-control-input:active ~ .custom-control-label::before { color: #fff; background-color: #9dcdf7; } .custom-control-input:disabled ~ .custom-control-label { color: #6c757d; } .custom-control-input:disabled ~ .custom-control-label::before { background-color: #e9ecef; } .custom-control-label { margin-bottom: 0; } .custom-control-label::before { position: absolute; top: 0.25rem; left: 0; display: block; width: 1rem; height: 1rem; pointer-events: none; content: ""; user-select: none; background-color: #dee2e6; } .custom-control-label::after { position: absolute; top: 0.25rem; left: 0; display: block; width: 1rem; height: 1rem; content: ""; background-repeat: no-repeat; background-position: center center; background-size: 50% 50%; } .custom-checkbox .custom-control-label::before { border-radius: 0.25rem; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { background-color: #1177d1; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { background-color: #1177d1; } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E"); } .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(17, 119, 209, 0.5); } .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { background-color: rgba(17, 119, 209, 0.5); } .custom-radio .custom-control-label::before { border-radius: 50%; } .custom-radio .custom-control-input:checked ~ .custom-control-label::before { background-color: #1177d1; } .custom-radio .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E"); } .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(17, 119, 209, 0.5); } .custom-select { display: inline-block; width: 100%; height: calc(2.15625rem + 2px); padding: 0.375rem 1.75rem 0.375rem 0.75rem; line-height: 1.5; color: #495057; vertical-align: middle; background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' 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; background-size: 8px 10px; border: 1px solid #ced4da; border-radius: 0.25rem; appearance: none; } .custom-select:focus { border-color: #6eb5f3; outline: 0; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(110, 181, 243, 0.5); } .custom-select:focus::-ms-value { color: #495057; background-color: #fff; } .custom-select[multiple], .custom-select[size]:not([size="1"]) { height: auto; padding-right: 0.75rem; background-image: none; } .custom-select:disabled { color: #6c757d; background-color: #e9ecef; } .custom-select::-ms-expand { opacity: 0; } .custom-select-sm { height: calc(1.73046875rem + 2px); padding-top: 0.375rem; padding-bottom: 0.375rem; font-size: 75%; } .custom-select-lg { height: calc(2.7578125rem + 2px); padding-top: 0.375rem; padding-bottom: 0.375rem; font-size: 125%; } .custom-file { position: relative; display: inline-block; width: 100%; height: calc(2.15625rem + 2px); margin-bottom: 0; } .custom-file-input { position: relative; z-index: 2; width: 100%; height: calc(2.15625rem + 2px); margin: 0; opacity: 0; } .custom-file-input:focus ~ .custom-file-control { border-color: #6eb5f3; box-shadow: 0 0 0 0.2rem rgba(17, 119, 209, 0.25); } .custom-file-input:focus ~ .custom-file-control::before { border-color: #6eb5f3; } .custom-file-input:lang(en) ~ .custom-file-label::after { content: "Browse"; } .custom-file-label { position: absolute; top: 0; right: 0; left: 0; z-index: 1; height: calc(2.15625rem + 2px); padding: 0.375rem 0.75rem; line-height: 1.5; color: #495057; background-color: #fff; border: 1px solid #ced4da; border-radius: 0.25rem; } .custom-file-label::after { position: absolute; top: 0; right: 0; bottom: 0; z-index: 3; display: block; height: calc(calc(2.15625rem + 2px) - 1px * 2); padding: 0.375rem 0.75rem; line-height: 1.5; color: #495057; content: "Browse"; background-color: #e9ecef; border-left: 1px solid #ced4da; border-radius: 0 0.25rem 0.25rem 0; } .nav { display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } .nav-link { display: block; padding: 0.5rem 1rem; } .nav-link:hover, .nav-link:focus { text-decoration: none; } .nav-link.disabled { color: #6c757d; } .nav-tabs { border-bottom: 1px solid #dee2e6; } .nav-tabs .nav-item { margin-bottom: -1px; } .nav-tabs .nav-link { border: 1px solid transparent; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { border-color: #e9ecef #e9ecef #dee2e6; } .nav-tabs .nav-link.disabled { color: #6c757d; background-color: transparent; border-color: transparent; } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: #495057; background-color: #fff; border-color: #dee2e6 #dee2e6 #fff; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; } .nav-pills .nav-link { border-radius: 0.25rem; } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #fff; background-color: #1177d1; } .nav-fill .nav-item { flex: 1 1 auto; text-align: center; } .nav-justified .nav-item { flex-basis: 0; flex-grow: 1; text-align: center; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .navbar { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 0.5rem 1rem; } .navbar > .container, .navbar > .container-fluid { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .navbar-brand { display: inline-block; padding-top: 0.32421875rem; padding-bottom: 0.32421875rem; margin-right: 1rem; font-size: 1.171875rem; line-height: inherit; white-space: nowrap; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } .navbar-nav { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; } .navbar-nav .nav-link { padding-right: 0; padding-left: 0; } .navbar-nav .dropdown-menu { position: static; float: none; } .navbar-text { display: inline-block; padding-top: 0.5rem; padding-bottom: 0.5rem; } .navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center; } .navbar-toggler { padding: 0.25rem 0.75rem; font-size: 1.171875rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: 0.25rem; } .navbar-toggler:hover, .navbar-toggler:focus { text-decoration: none; } .navbar-toggler:not(:disabled):not(.disabled) { cursor: pointer; } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; content: ""; background: no-repeat center center; background-size: 100% 100%; } @media (max-width: 575.98px) { .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 576px) { .navbar-expand-sm { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-sm .navbar-nav { flex-direction: row; } .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-sm .navbar-nav .dropdown-menu-right { right: 0; left: auto; } .navbar-expand-sm .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid { flex-wrap: nowrap; } .navbar-expand-sm .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-sm .navbar-toggler { display: none; } .navbar-expand-sm .dropup .dropdown-menu { top: auto; bottom: 100%; } } @media (max-width: 767.98px) { .navbar-expand-md > .container, .navbar-expand-md > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 768px) { .navbar-expand-md { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-md .navbar-nav { flex-direction: row; } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-md .navbar-nav .dropdown-menu-right { right: 0; left: auto; } .navbar-expand-md .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-md > .container, .navbar-expand-md > .container-fluid { flex-wrap: nowrap; } .navbar-expand-md .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-md .navbar-toggler { display: none; } .navbar-expand-md .dropup .dropdown-menu { top: auto; bottom: 100%; } } @media (max-width: 991.98px) { .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 992px) { .navbar-expand-lg { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-lg .navbar-nav { flex-direction: row; } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-lg .navbar-nav .dropdown-menu-right { right: 0; left: auto; } .navbar-expand-lg .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { flex-wrap: nowrap; } .navbar-expand-lg .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-lg .navbar-toggler { display: none; } .navbar-expand-lg .dropup .dropdown-menu { top: auto; bottom: 100%; } } @media (max-width: 1199.98px) { .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 1200px) { .navbar-expand-xl { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-xl .navbar-nav { flex-direction: row; } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xl .navbar-nav .dropdown-menu-right { right: 0; left: auto; } .navbar-expand-xl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid { flex-wrap: nowrap; } .navbar-expand-xl .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-xl .navbar-toggler { display: none; } .navbar-expand-xl .dropup .dropdown-menu { top: auto; bottom: 100%; } } .navbar-expand { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand > .container, .navbar-expand > .container-fluid { padding-right: 0; padding-left: 0; } .navbar-expand .navbar-nav { flex-direction: row; } .navbar-expand .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand .navbar-nav .dropdown-menu-right { right: 0; left: auto; } .navbar-expand .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand > .container, .navbar-expand > .container-fluid { flex-wrap: nowrap; } .navbar-expand .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand .navbar-toggler { display: none; } .navbar-expand .dropup .dropdown-menu { top: auto; bottom: 100%; } .navbar-light .navbar-brand { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, 0.3); } .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-toggler { color: rgba(0, 0, 0, 0.5); border-color: rgba(0, 0, 0, 0.1); } .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); } .navbar-light .navbar-text { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-text a { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { color: rgba(0, 0, 0, 0.9); } .navbar-dark .navbar-brand { color: #fff; } .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { color: #fff; } .navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { color: white; } .navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.25); } .navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active { color: #fff; } .navbar-dark .navbar-toggler { color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.1); } .navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); } .navbar-dark .navbar-text { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-text a { color: #fff; } .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { color: #fff; } .card, #page-enrol-users #filterform, .que .history, .userprofile .profile_tree section, .groupinfobox, .well { position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0, 0, 0, 0.125); border-radius: 0.25rem; } .card > hr, #page-enrol-users #filterform > hr, .que .history > hr, .userprofile .profile_tree section > hr, .groupinfobox > hr, .well > hr { margin-right: 0; margin-left: 0; } .card > .list-group:first-child .list-group-item:first-child, #page-enrol-users #filterform > .list-group:first-child .list-group-item:first-child, .que .history > .list-group:first-child .list-group-item:first-child, .userprofile .profile_tree section > .list-group:first-child .list-group-item:first-child, .groupinfobox > .list-group:first-child .list-group-item:first-child, .well > .list-group:first-child .list-group-item:first-child { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .card > .list-group:last-child .list-group-item:last-child, #page-enrol-users #filterform > .list-group:last-child .list-group-item:last-child, .que .history > .list-group:last-child .list-group-item:last-child, .userprofile .profile_tree section > .list-group:last-child .list-group-item:last-child, .groupinfobox > .list-group:last-child .list-group-item:last-child, .well > .list-group:last-child .list-group-item:last-child { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .card-body, .userprofile .profile_tree section { flex: 1 1 auto; padding: 1.25rem; } .card-title { margin-bottom: 0.75rem; } .card-subtitle { margin-top: -0.375rem; margin-bottom: 0; } .card-text:last-child { margin-bottom: 0; } .card-link:hover { text-decoration: none; } .card-link + .card-link { margin-left: 1.25rem; } .card-header { padding: 0.75rem 1.25rem; margin-bottom: 0; background-color: rgba(0, 0, 0, 0.03); border-bottom: 1px solid rgba(0, 0, 0, 0.125); } .card-header:first-child { border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; } .card-header + .list-group .list-group-item:first-child { border-top: 0; } .card-footer { padding: 0.75rem 1.25rem; background-color: rgba(0, 0, 0, 0.03); border-top: 1px solid rgba(0, 0, 0, 0.125); } .card-footer:last-child { border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); } .card-header-tabs { margin-right: -0.625rem; margin-bottom: -0.75rem; margin-left: -0.625rem; border-bottom: 0; } .card-header-pills { margin-right: -0.625rem; margin-left: -0.625rem; } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem; } .card-img { width: 100%; border-radius: calc(0.25rem - 1px); } .card-img-top { width: 100%; border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .card-img-bottom { width: 100%; border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card-deck { display: flex; flex-direction: column; } .card-deck .card, .card-deck #page-enrol-users #filterform, #page-enrol-users .card-deck #filterform, .card-deck .que .history, .que .card-deck .history, .card-deck .userprofile .profile_tree section, .userprofile .profile_tree .card-deck section, .card-deck .groupinfobox, .card-deck .well { margin-bottom: 0.25rem; } @media (min-width: 576px) { .card-deck { flex-flow: row wrap; margin-right: -0.25rem; margin-left: -0.25rem; } .card-deck .card, .card-deck #page-enrol-users #filterform, #page-enrol-users .card-deck #filterform, .card-deck .que .history, .que .card-deck .history, .card-deck .userprofile .profile_tree section, .userprofile .profile_tree .card-deck section, .card-deck .groupinfobox, .card-deck .well { display: flex; flex: 1 0 0%; flex-direction: column; margin-right: 0.25rem; margin-bottom: 0; margin-left: 0.25rem; } } .card-group { display: flex; flex-direction: column; } .card-group > .card, #page-enrol-users .card-group > #filterform, .que .card-group > .history, .userprofile .profile_tree .card-group > section, .card-group > .groupinfobox, .card-group > .well { margin-bottom: 0.25rem; } @media (min-width: 576px) { .card-group { flex-flow: row wrap; } .card-group > .card, #page-enrol-users .card-group > #filterform, .que .card-group > .history, .userprofile .profile_tree .card-group > section, .card-group > .groupinfobox, .card-group > .well { flex: 1 0 0%; margin-bottom: 0; } .card-group > .card + .card, #page-enrol-users .card-group > #filterform + .card, .que .card-group > .history + .card, .userprofile .profile_tree .card-group > section + .card, .card-group > .groupinfobox + .card, .card-group > .well + .card, #page-enrol-users .card-group > .card + #filterform, #page-enrol-users .card-group > #filterform + #filterform, .que #page-enrol-users .card-group > .history + #filterform, #page-enrol-users .que .card-group > .history + #filterform, .userprofile .profile_tree #page-enrol-users .card-group > section + #filterform, #page-enrol-users .userprofile .profile_tree .card-group > section + #filterform, #page-enrol-users .card-group > .groupinfobox + #filterform, #page-enrol-users .card-group > .well + #filterform, .que .card-group > .card + .history, #page-enrol-users .que .card-group > #filterform + .history, .que #page-enrol-users .card-group > #filterform + .history, .que .card-group > .history + .history, .userprofile .profile_tree .que .card-group > section + .history, .que .userprofile .profile_tree .card-group > section + .history, .que .card-group > .groupinfobox + .history, .que .card-group > .well + .history, .userprofile .profile_tree .card-group > .card + section, #page-enrol-users .userprofile .profile_tree .card-group > #filterform + section, .userprofile .profile_tree #page-enrol-users .card-group > #filterform + section, .que .userprofile .profile_tree .card-group > .history + section, .userprofile .profile_tree .que .card-group > .history + section, .userprofile .profile_tree .card-group > section + section, .userprofile .profile_tree .card-group > .groupinfobox + section, .userprofile .profile_tree .card-group > .well + section, .card-group > .card + .groupinfobox, #page-enrol-users .card-group > #filterform + .groupinfobox, .que .card-group > .history + .groupinfobox, .userprofile .profile_tree .card-group > section + .groupinfobox, .card-group > .groupinfobox + .groupinfobox, .card-group > .well + .groupinfobox, .card-group > .card + .well, #page-enrol-users .card-group > #filterform + .well, .que .card-group > .history + .well, .userprofile .profile_tree .card-group > section + .well, .card-group > .groupinfobox + .well, .card-group > .well + .well { margin-left: 0; border-left: 0; } .card-group > .card:first-child, #page-enrol-users .card-group > #filterform:first-child, .que .card-group > .history:first-child, .userprofile .profile_tree .card-group > section:first-child, .card-group > .groupinfobox:first-child, .card-group > .well:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; } .card-group > .card:first-child .card-img-top, #page-enrol-users .card-group > #filterform:first-child .card-img-top, .que .card-group > .history:first-child .card-img-top, .userprofile .profile_tree .card-group > section:first-child .card-img-top, .card-group > .groupinfobox:first-child .card-img-top, .card-group > .well:first-child .card-img-top, .card-group > .card:first-child .card-header, #page-enrol-users .card-group > #filterform:first-child .card-header, .que .card-group > .history:first-child .card-header, .userprofile .profile_tree .card-group > section:first-child .card-header, .card-group > .groupinfobox:first-child .card-header, .card-group > .well:first-child .card-header { border-top-right-radius: 0; } .card-group > .card:first-child .card-img-bottom, #page-enrol-users .card-group > #filterform:first-child .card-img-bottom, .que .card-group > .history:first-child .card-img-bottom, .userprofile .profile_tree .card-group > section:first-child .card-img-bottom, .card-group > .groupinfobox:first-child .card-img-bottom, .card-group > .well:first-child .card-img-bottom, .card-group > .card:first-child .card-footer, #page-enrol-users .card-group > #filterform:first-child .card-footer, .que .card-group > .history:first-child .card-footer, .userprofile .profile_tree .card-group > section:first-child .card-footer, .card-group > .groupinfobox:first-child .card-footer, .card-group > .well:first-child .card-footer { border-bottom-right-radius: 0; } .card-group > .card:last-child, #page-enrol-users .card-group > #filterform:last-child, .que .card-group > .history:last-child, .userprofile .profile_tree .card-group > section:last-child, .card-group > .groupinfobox:last-child, .card-group > .well:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; } .card-group > .card:last-child .card-img-top, #page-enrol-users .card-group > #filterform:last-child .card-img-top, .que .card-group > .history:last-child .card-img-top, .userprofile .profile_tree .card-group > section:last-child .card-img-top, .card-group > .groupinfobox:last-child .card-img-top, .card-group > .well:last-child .card-img-top, .card-group > .card:last-child .card-header, #page-enrol-users .card-group > #filterform:last-child .card-header, .que .card-group > .history:last-child .card-header, .userprofile .profile_tree .card-group > section:last-child .card-header, .card-group > .groupinfobox:last-child .card-header, .card-group > .well:last-child .card-header { border-top-left-radius: 0; } .card-group > .card:last-child .card-img-bottom, #page-enrol-users .card-group > #filterform:last-child .card-img-bottom, .que .card-group > .history:last-child .card-img-bottom, .userprofile .profile_tree .card-group > section:last-child .card-img-bottom, .card-group > .groupinfobox:last-child .card-img-bottom, .card-group > .well:last-child .card-img-bottom, .card-group > .card:last-child .card-footer, #page-enrol-users .card-group > #filterform:last-child .card-footer, .que .card-group > .history:last-child .card-footer, .userprofile .profile_tree .card-group > section:last-child .card-footer, .card-group > .groupinfobox:last-child .card-footer, .card-group > .well:last-child .card-footer { border-bottom-left-radius: 0; } .card-group > .card:only-child, #page-enrol-users .card-group > #filterform:only-child, .que .card-group > .history:only-child, .userprofile .profile_tree .card-group > section:only-child, .card-group > .groupinfobox:only-child, .card-group > .well:only-child { border-radius: 0.25rem; } .card-group > .card:only-child .card-img-top, #page-enrol-users .card-group > #filterform:only-child .card-img-top, .que .card-group > .history:only-child .card-img-top, .userprofile .profile_tree .card-group > section:only-child .card-img-top, .card-group > .groupinfobox:only-child .card-img-top, .card-group > .well:only-child .card-img-top, .card-group > .card:only-child .card-header, #page-enrol-users .card-group > #filterform:only-child .card-header, .que .card-group > .history:only-child .card-header, .userprofile .profile_tree .card-group > section:only-child .card-header, .card-group > .groupinfobox:only-child .card-header, .card-group > .well:only-child .card-header { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .card-group > .card:only-child .card-img-bottom, #page-enrol-users .card-group > #filterform:only-child .card-img-bottom, .que .card-group > .history:only-child .card-img-bottom, .userprofile .profile_tree .card-group > section:only-child .card-img-bottom, .card-group > .groupinfobox:only-child .card-img-bottom, .card-group > .well:only-child .card-img-bottom, .card-group > .card:only-child .card-footer, #page-enrol-users .card-group > #filterform:only-child .card-footer, .que .card-group > .history:only-child .card-footer, .userprofile .profile_tree .card-group > section:only-child .card-footer, .card-group > .groupinfobox:only-child .card-footer, .card-group > .well:only-child .card-footer { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .card-group > .card:not(:first-child):not(:last-child):not(:only-child), #page-enrol-users .card-group > #filterform:not(:first-child):not(:last-child):not(:only-child), .que .card-group > .history:not(:first-child):not(:last-child):not(:only-child), .userprofile .profile_tree .card-group > section:not(:first-child):not(:last-child):not(:only-child), .card-group > .groupinfobox:not(:first-child):not(:last-child):not(:only-child), .card-group > .well:not(:first-child):not(:last-child):not(:only-child) { border-radius: 0; } .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top, #page-enrol-users .card-group > #filterform:not(:first-child):not(:last-child):not(:only-child) .card-img-top, .que .card-group > .history:not(:first-child):not(:last-child):not(:only-child) .card-img-top, .userprofile .profile_tree .card-group > section:not(:first-child):not(:last-child):not(:only-child) .card-img-top, .card-group > .groupinfobox:not(:first-child):not(:last-child):not(:only-child) .card-img-top, .card-group > .well:not(:first-child):not(:last-child):not(:only-child) .card-img-top, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom, #page-enrol-users .card-group > #filterform:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom, .que .card-group > .history:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom, .userprofile .profile_tree .card-group > section:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom, .card-group > .groupinfobox:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom, .card-group > .well:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-header, #page-enrol-users .card-group > #filterform:not(:first-child):not(:last-child):not(:only-child) .card-header, .que .card-group > .history:not(:first-child):not(:last-child):not(:only-child) .card-header, .userprofile .profile_tree .card-group > section:not(:first-child):not(:last-child):not(:only-child) .card-header, .card-group > .groupinfobox:not(:first-child):not(:last-child):not(:only-child) .card-header, .card-group > .well:not(:first-child):not(:last-child):not(:only-child) .card-header, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-footer, #page-enrol-users .card-group > #filterform:not(:first-child):not(:last-child):not(:only-child) .card-footer, .que .card-group > .history:not(:first-child):not(:last-child):not(:only-child) .card-footer, .userprofile .profile_tree .card-group > section:not(:first-child):not(:last-child):not(:only-child) .card-footer, .card-group > .groupinfobox:not(:first-child):not(:last-child):not(:only-child) .card-footer, .card-group > .well:not(:first-child):not(:last-child):not(:only-child) .card-footer { border-radius: 0; } } .card-columns .card, .card-columns #page-enrol-users #filterform, #page-enrol-users .card-columns #filterform, .card-columns .que .history, .que .card-columns .history, .card-columns .userprofile .profile_tree section, .userprofile .profile_tree .card-columns section, .card-columns .groupinfobox, .card-columns .well { margin-bottom: 0.75rem; } @media (min-width: 576px) { .card-columns { column-count: 3; column-gap: 1.25rem; } .card-columns .card, .card-columns #page-enrol-users #filterform, #page-enrol-users .card-columns #filterform, .card-columns .que .history, .que .card-columns .history, .card-columns .userprofile .profile_tree section, .userprofile .profile_tree .card-columns section, .card-columns .groupinfobox, .card-columns .well { display: inline-block; width: 100%; } } .breadcrumb { display: flex; flex-wrap: wrap; padding: 0.25rem 0; margin-bottom: 0; list-style: none; background-color: transparent; border-radius: 0.25rem; } .breadcrumb-item + .breadcrumb-item::before { display: inline-block; padding-right: 0.5rem; padding-left: 0.5rem; color: #6c757d; content: "/"; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: underline; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: none; } .breadcrumb-item.active { color: #6c757d; } .pagination { display: flex; padding-left: 0; list-style: none; border-radius: 0.25rem; } .page-link { position: relative; display: block; padding: 0.5rem 0.75rem; margin-left: -1px; line-height: 1.25; color: #1177d1; background-color: #fff; border: 1px solid #dee2e6; } .page-link:hover { color: #0b4f8a; text-decoration: none; background-color: #e9ecef; border-color: #dee2e6; } .page-link:focus { z-index: 2; outline: 0; box-shadow: 0 0 0 0.2rem rgba(17, 119, 209, 0.25); } .page-link:not(:disabled):not(.disabled) { cursor: pointer; } .page-item:first-child .page-link { margin-left: 0; border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .page-item:last-child .page-link { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .page-item.active .page-link { z-index: 1; color: #fff; background-color: #1177d1; border-color: #1177d1; } .page-item.disabled .page-link { color: #6c757d; pointer-events: none; cursor: auto; background-color: #fff; border-color: #dee2e6; } .pagination-lg .page-link { padding: 0.75rem 1.5rem; font-size: 1.171875rem; line-height: 1.5; } .pagination-lg .page-item:first-child .page-link { border-top-left-radius: 0.3rem; border-bottom-left-radius: 0.3rem; } .pagination-lg .page-item:last-child .page-link { border-top-right-radius: 0.3rem; border-bottom-right-radius: 0.3rem; } .pagination-sm .page-link { padding: 0.25rem 0.5rem; font-size: 0.8203125rem; line-height: 1.5; } .pagination-sm .page-item:first-child .page-link { border-top-left-radius: 0.2rem; border-bottom-left-radius: 0.2rem; } .pagination-sm .page-item:last-child .page-link { border-top-right-radius: 0.2rem; border-bottom-right-radius: 0.2rem; } .badge { display: inline-block; padding: 0.25em 0.4em; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25rem; } .badge:empty { display: none; } .btn .badge, #page-grade-grading-manage .actions .action .badge, #rubric-rubric.gradingform_rubric .addcriterion .badge { position: relative; top: -1px; } .badge-pill { padding-right: 0.6em; padding-left: 0.6em; border-radius: 10rem; } .badge-primary { color: #fff; background-color: #1177d1; } .badge-primary[href]:hover, .badge-primary[href]:focus { color: #fff; text-decoration: none; background-color: #0d5ca2; } .badge-secondary { color: #212529; background-color: #ced4da; } .badge-secondary[href]:hover, .badge-secondary[href]:focus { color: #212529; text-decoration: none; background-color: #b1bbc4; } .badge-success { color: #fff; background-color: #398439; } .badge-success[href]:hover, .badge-success[href]:focus { color: #fff; text-decoration: none; background-color: #2a602a; } .badge-info { color: #212529; background-color: #5bc0de; } .badge-info[href]:hover, .badge-info[href]:focus { color: #212529; text-decoration: none; background-color: #31b0d5; } .badge-warning { color: #212529; background-color: #f0ad4e; } .badge-warning[href]:hover, .badge-warning[href]:focus { color: #212529; text-decoration: none; background-color: #ec971f; } .badge-danger { color: #fff; background-color: #d43f3a; } .badge-danger[href]:hover, .badge-danger[href]:focus { color: #fff; text-decoration: none; background-color: #b42c27; } .badge-light { color: #212529; background-color: #f8f9fa; } .badge-light[href]:hover, .badge-light[href]:focus { color: #212529; text-decoration: none; background-color: #dae0e5; } .badge-dark { color: #fff; background-color: #343a40; } .badge-dark[href]:hover, .badge-dark[href]:focus { color: #fff; text-decoration: none; background-color: #1d2124; } .jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; background-color: #e9ecef; border-radius: 0.3rem; } @media (min-width: 576px) { .jumbotron { padding: 4rem 2rem; } } .jumbotron-fluid { padding-right: 0; padding-left: 0; border-radius: 0; } .alert, #page-admin-index .releasenoteslink, #page-admin-index .adminwarning, #page-admin-index .adminerror, .que .formulation, .que .outcome, .que .comment, .assignfeedback_editpdf_widget .label { position: relative; padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 0 solid transparent; border-radius: 0.25rem; } .alert-heading { color: inherit; } .alert-link { font-weight: 700; } .alert-dismissible { padding-right: 3.90625rem; } .alert-dismissible .close, .alert-dismissible .moodle-dialogue-base .closebutton, .moodle-dialogue-base .alert-dismissible .closebutton { position: absolute; top: 0; right: 0; padding: 0.75rem 1.25rem; color: inherit; } .alert-primary { color: #093e6d; background-color: #cfe4f6; border-color: #bcd9f2; } .alert-primary hr { border-top-color: #a7cdee; } .alert-primary .alert-link { color: #05233e; } .alert-secondary { color: #6b6e71; background-color: #f5f6f8; border-color: #f1f3f5; } .alert-secondary hr { border-top-color: #e2e6ea; } .alert-secondary .alert-link { color: #525557; } .alert-success, .que .comment { color: #1e451e; background-color: #d7e6d7; border-color: #c8ddc8; } .alert-success hr, .que .comment hr { border-top-color: #b8d3b8; } .alert-success .alert-link, .que .comment .alert-link { color: #0f210f; } .alert-info, #page-admin-index .releasenoteslink, #adminsettings .form-overridden, .que .formulation, .assignfeedback_editpdf_widget .label { color: #2f6473; background-color: #def2f8; border-color: #d1edf6; } .alert-info hr, #page-admin-index .releasenoteslink hr, #adminsettings .form-overridden hr, .que .formulation hr, .assignfeedback_editpdf_widget .label hr { border-top-color: #bce5f2; } .alert-info .alert-link, #page-admin-index .releasenoteslink .alert-link, #adminsettings .form-overridden .alert-link, .que .formulation .alert-link, .assignfeedback_editpdf_widget .label .alert-link { color: #20454f; } .alert-warning, #page-admin-index .adminwarning, .uninstalldeleteconfirmexternal, .que .outcome, .que .comment { color: #7d5a29; background-color: #fcefdc; border-color: #fbe8cd; } .alert-warning hr, #page-admin-index .adminwarning hr, .uninstalldeleteconfirmexternal hr, .que .outcome hr, .que .comment hr { border-top-color: #f9ddb5; } .alert-warning .alert-link, #page-admin-index .adminwarning .alert-link, .uninstalldeleteconfirmexternal .alert-link, .que .outcome .alert-link, .que .comment .alert-link { color: #573e1c; } .alert-danger, #page-admin-index .adminerror { color: #6e211e; background-color: #f6d9d8; border-color: #f3c9c8; } .alert-danger hr, #page-admin-index .adminerror hr { border-top-color: #eeb4b3; } .alert-danger .alert-link, #page-admin-index .adminerror .alert-link { color: #461513; } .alert-light { color: #818182; background-color: #fefefe; border-color: #fdfdfe; } .alert-light hr { border-top-color: #ececf6; } .alert-light .alert-link { color: #686868; } .alert-dark { color: #1b1e21; background-color: #d6d8d9; border-color: #c6c8ca; } .alert-dark hr { border-top-color: #b9bbbe; } .alert-dark .alert-link { color: #040505; } @keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } .progress { display: flex; height: 1rem; overflow: hidden; font-size: 0.703125rem; background-color: #e9ecef; border-radius: 0.25rem; } .progress-bar { display: flex; flex-direction: column; justify-content: center; color: #fff; text-align: center; background-color: #1177d1; transition: width 0.6s ease; } .progress-bar-striped { 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); background-size: 1rem 1rem; } .progress-bar-animated { animation: progress-bar-stripes 1s linear infinite; } .media { display: flex; align-items: flex-start; } .media-body { flex: 1; } .list-group { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; } .list-group-item-action { width: 100%; color: #495057; text-align: inherit; } .list-group-item-action:hover, .list-group-item-action:focus { color: #495057; text-decoration: none; background-color: #f8f9fa; } .list-group-item-action:active { color: #343a40; background-color: #e9ecef; } .list-group-item { position: relative; display: block; padding: 0.75rem 1.25rem; margin-bottom: -1px; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.125); } .list-group-item:first-child { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .list-group-item:hover, .list-group-item:focus { z-index: 1; text-decoration: none; } .list-group-item.disabled, .list-group-item:disabled { color: #6c757d; background-color: #fff; } .list-group-item.active { z-index: 2; color: #fff; background-color: #1177d1; border-color: #1177d1; } .list-group-flush .list-group-item { border-right: 0; border-left: 0; border-radius: 0; } .list-group-flush:first-child .list-group-item:first-child { border-top: 0; } .list-group-flush:last-child .list-group-item:last-child { border-bottom: 0; } .list-group-item-primary { color: #093e6d; background-color: #bcd9f2; } .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { color: #093e6d; background-color: #a7cdee; } .list-group-item-primary.list-group-item-action.active { color: #fff; background-color: #093e6d; border-color: #093e6d; } .list-group-item-secondary { color: #6b6e71; background-color: #f1f3f5; } .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { color: #6b6e71; background-color: #e2e6ea; } .list-group-item-secondary.list-group-item-action.active { color: #fff; background-color: #6b6e71; border-color: #6b6e71; } .list-group-item-success { color: #1e451e; background-color: #c8ddc8; } .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { color: #1e451e; background-color: #b8d3b8; } .list-group-item-success.list-group-item-action.active { color: #fff; background-color: #1e451e; border-color: #1e451e; } .list-group-item-info { color: #2f6473; background-color: #d1edf6; } .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { color: #2f6473; background-color: #bce5f2; } .list-group-item-info.list-group-item-action.active { color: #fff; background-color: #2f6473; border-color: #2f6473; } .list-group-item-warning { color: #7d5a29; background-color: #fbe8cd; } .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { color: #7d5a29; background-color: #f9ddb5; } .list-group-item-warning.list-group-item-action.active { color: #fff; background-color: #7d5a29; border-color: #7d5a29; } .list-group-item-danger { color: #6e211e; background-color: #f3c9c8; } .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { color: #6e211e; background-color: #eeb4b3; } .list-group-item-danger.list-group-item-action.active { color: #fff; background-color: #6e211e; border-color: #6e211e; } .list-group-item-light { color: #818182; background-color: #fdfdfe; } .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { color: #818182; background-color: #ececf6; } .list-group-item-light.list-group-item-action.active { color: #fff; background-color: #818182; border-color: #818182; } .list-group-item-dark { color: #1b1e21; background-color: #c6c8ca; } .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { color: #1b1e21; background-color: #b9bbbe; } .list-group-item-dark.list-group-item-action.active { color: #fff; background-color: #1b1e21; border-color: #1b1e21; } .close, .moodle-dialogue-base .closebutton { float: right; font-size: 1.40625rem; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .5; } .close:hover, .moodle-dialogue-base .closebutton:hover, .close:focus, .moodle-dialogue-base .closebutton:focus { color: #000; text-decoration: none; opacity: .75; } .close:not(:disabled):not(.disabled), .moodle-dialogue-base .closebutton:not(:disabled):not(.disabled) { cursor: pointer; } button.close, .moodle-dialogue-base button.closebutton { padding: 0; background-color: transparent; border: 0; -webkit-appearance: none; } .modal-open { overflow: hidden; } .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; outline: 0; } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-events: none; } .modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translate(0, -25%); } .modal.show .modal-dialog { transform: translate(0, 0); } .modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - (0.5rem * 2)); } .modal-content, .moodle-dialogue-base .moodle-dialogue-wrap.moodle-dialogue-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; outline: 0; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: 0.5; } .modal-header, .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd, .path-mod-assign [data-region="grade-panel"] .popout > .col-md-3 { display: flex; align-items: flex-start; justify-content: space-between; padding: 1rem; border-bottom: 1px solid #e9ecef; border-top-left-radius: 0.3rem; border-top-right-radius: 0.3rem; } .modal-header .close, .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .close, .path-mod-assign [data-region="grade-panel"] .popout > .col-md-3 .close, .modal-header .moodle-dialogue-base .closebutton, .moodle-dialogue-base .modal-header .closebutton, .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .closebutton, .path-mod-assign [data-region="grade-panel"] .popout > .col-md-3 .moodle-dialogue-base .closebutton, .moodle-dialogue-base .path-mod-assign [data-region="grade-panel"] .popout > .col-md-3 .closebutton { padding: 1rem; margin: -1rem -1rem -1rem auto; } .modal-title, .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd h1 { margin-bottom: 0; line-height: 1.5; } .modal-body { position: relative; flex: 1 1 auto; padding: 1rem; } .modal-footer, .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft { display: flex; align-items: center; justify-content: flex-end; padding: 1rem; border-top: 1px solid #e9ecef; } .modal-footer > :not(:first-child), .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft > :not(:first-child) { margin-left: .25rem; } .modal-footer > :not(:last-child), .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft > :not(:last-child) { margin-right: .25rem; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 576px) { .modal-dialog { max-width: 500px; margin: 1.75rem auto; } .modal-dialog-centered { min-height: calc(100% - (1.75rem * 2)); } .modal-sm { max-width: 300px; } } @media (min-width: 992px) { .modal-lg { max-width: 800px; } } .tooltip { position: absolute; z-index: 1070; display: block; margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.8203125rem; word-wrap: break-word; opacity: 0; } .tooltip.show { opacity: 0.9; } .tooltip .arrow { position: absolute; display: block; width: 0.8rem; height: 0.4rem; } .tooltip .arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; } .bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] { padding: 0.4rem 0; } .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow { bottom: 0; } .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before { top: 0; border-width: 0.4rem 0.4rem 0; border-top-color: #000; } .bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] { padding: 0 0.4rem; } .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow { left: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before { right: 0; border-width: 0.4rem 0.4rem 0.4rem 0; border-right-color: #000; } .bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] { padding: 0.4rem 0; } .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow { top: 0; } .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before { bottom: 0; border-width: 0 0.4rem 0.4rem; border-bottom-color: #000; } .bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] { padding: 0 0.4rem; } .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow { right: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before { left: 0; border-width: 0.4rem 0 0.4rem 0.4rem; border-left-color: #000; } .tooltip-inner { max-width: 200px; padding: 0.25rem 0.5rem; color: #fff; text-align: center; background-color: #000; border-radius: 0.25rem; } /* rtl:begin:ignore */ .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: block; max-width: 276px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.8203125rem; word-wrap: break-word; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; } .popover .arrow { position: absolute; display: block; width: 1rem; height: 0.5rem; margin: 0 0.3rem; } .popover .arrow::before, .popover .arrow::after { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; } .bs-popover-top, .bs-popover-auto[x-placement^="top"] { margin-bottom: 0.5rem; } .bs-popover-top .arrow, .bs-popover-auto[x-placement^="top"] .arrow { bottom: calc((0.5rem + 1px) * -1); } .bs-popover-top .arrow::before, .bs-popover-auto[x-placement^="top"] .arrow::before, .bs-popover-top .arrow::after, .bs-popover-auto[x-placement^="top"] .arrow::after { border-width: 0.5rem 0.5rem 0; } .bs-popover-top .arrow::before, .bs-popover-auto[x-placement^="top"] .arrow::before { bottom: 0; border-top-color: rgba(0, 0, 0, 0.25); } .bs-popover-top .arrow::after, .bs-popover-auto[x-placement^="top"] .arrow::after { bottom: 1px; border-top-color: #fff; } .bs-popover-right, .bs-popover-auto[x-placement^="right"] { margin-left: 0.5rem; } .bs-popover-right .arrow, .bs-popover-auto[x-placement^="right"] .arrow { left: calc((0.5rem + 1px) * -1); width: 0.5rem; height: 1rem; margin: 0.3rem 0; } .bs-popover-right .arrow::before, .bs-popover-auto[x-placement^="right"] .arrow::before, .bs-popover-right .arrow::after, .bs-popover-auto[x-placement^="right"] .arrow::after { border-width: 0.5rem 0.5rem 0.5rem 0; } .bs-popover-right .arrow::before, .bs-popover-auto[x-placement^="right"] .arrow::before { left: 0; border-right-color: rgba(0, 0, 0, 0.25); } .bs-popover-right .arrow::after, .bs-popover-auto[x-placement^="right"] .arrow::after { left: 1px; border-right-color: #fff; } .bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] { margin-top: 0.5rem; } .bs-popover-bottom .arrow, .bs-popover-auto[x-placement^="bottom"] .arrow { top: calc((0.5rem + 1px) * -1); } .bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^="bottom"] .arrow::before, .bs-popover-bottom .arrow::after, .bs-popover-auto[x-placement^="bottom"] .arrow::after { border-width: 0 0.5rem 0.5rem 0.5rem; } .bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^="bottom"] .arrow::before { top: 0; border-bottom-color: rgba(0, 0, 0, 0.25); } .bs-popover-bottom .arrow::after, .bs-popover-auto[x-placement^="bottom"] .arrow::after { top: 1px; border-bottom-color: #fff; } .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before { position: absolute; top: 0; left: 50%; display: block; width: 1rem; margin-left: -0.5rem; content: ""; border-bottom: 1px solid #f7f7f7; } .bs-popover-left, .bs-popover-auto[x-placement^="left"] { margin-right: 0.5rem; } .bs-popover-left .arrow, .bs-popover-auto[x-placement^="left"] .arrow { right: calc((0.5rem + 1px) * -1); width: 0.5rem; height: 1rem; margin: 0.3rem 0; } .bs-popover-left .arrow::before, .bs-popover-auto[x-placement^="left"] .arrow::before, .bs-popover-left .arrow::after, .bs-popover-auto[x-placement^="left"] .arrow::after { border-width: 0.5rem 0 0.5rem 0.5rem; } .bs-popover-left .arrow::before, .bs-popover-auto[x-placement^="left"] .arrow::before { right: 0; border-left-color: rgba(0, 0, 0, 0.25); } .bs-popover-left .arrow::after, .bs-popover-auto[x-placement^="left"] .arrow::after { right: 1px; border-left-color: #fff; } .popover-header { padding: 0.5rem 0.75rem; margin-bottom: 0; font-size: 0.9375rem; color: inherit; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); } .popover-header:empty { display: none; } .popover-body { padding: 0.5rem 0.75rem; color: #343a40; } /* rtl:end:ignore */ .carousel { position: relative; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-item { position: relative; display: none; align-items: center; width: 100%; transition: transform 0.6s ease; backface-visibility: hidden; perspective: 1000px; } .carousel-item.active, .carousel-item-next, .carousel-item-prev { display: block; } .carousel-item-next, .carousel-item-prev { position: absolute; top: 0; } .carousel-control-prev, .carousel-control-next { position: absolute; top: 0; bottom: 0; display: flex; align-items: center; justify-content: center; width: 15%; color: #fff; text-align: center; opacity: 0.5; } .carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus { color: #fff; text-decoration: none; outline: 0; opacity: .9; } .carousel-control-prev { left: 0; } .carousel-control-next { right: 0; } .carousel-control-prev-icon, .carousel-control-next-icon { display: inline-block; width: 20px; height: 20px; background: transparent no-repeat center center; background-size: 100% 100%; } .carousel-control-prev-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); } .carousel-control-next-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); } .carousel-indicators { position: absolute; right: 0; bottom: 10px; left: 0; z-index: 15; display: flex; justify-content: center; padding-left: 0; margin-right: 15%; margin-left: 15%; list-style: none; } .carousel-indicators li { position: relative; flex: 0 1 auto; width: 30px; height: 3px; margin-right: 3px; margin-left: 3px; text-indent: -999px; background-color: rgba(255, 255, 255, 0.5); } .carousel-indicators li::before { position: absolute; top: -10px; left: 0; display: inline-block; width: 100%; height: 10px; content: ""; } .carousel-indicators li::after { position: absolute; bottom: -10px; left: 0; display: inline-block; width: 100%; height: 10px; content: ""; } .carousel-indicators .active { background-color: #fff; } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; } .align-baseline { vertical-align: baseline !important; } .align-top { vertical-align: top !important; } .align-middle { vertical-align: middle !important; } .align-bottom { vertical-align: bottom !important; } .align-text-bottom { vertical-align: text-bottom !important; } .align-text-top { vertical-align: text-top !important; } .bg-primary { background-color: #1177d1 !important; } a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus { background-color: #0d5ca2 !important; } .bg-secondary { background-color: #ced4da !important; } a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus { background-color: #b1bbc4 !important; } .bg-success { background-color: #398439 !important; } a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus { background-color: #2a602a !important; } .bg-info { background-color: #5bc0de !important; } a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus { background-color: #31b0d5 !important; } .bg-warning { background-color: #f0ad4e !important; } a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus { background-color: #ec971f !important; } .bg-danger { background-color: #d43f3a !important; } a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus { background-color: #b42c27 !important; } .bg-light { background-color: #f8f9fa !important; } a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus { background-color: #dae0e5 !important; } .bg-dark { background-color: #343a40 !important; } a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #1d2124 !important; } .bg-white { background-color: #fff !important; } .bg-transparent { background-color: transparent !important; } .border { border: 1px solid #dee2e6 !important; } .border-top { border-top: 1px solid #dee2e6 !important; } .border-right { border-right: 1px solid #dee2e6 !important; } .border-bottom { border-bottom: 1px solid #dee2e6 !important; } .border-left { border-left: 1px solid #dee2e6 !important; } .border-0 { border: 0 !important; } .border-top-0 { border-top: 0 !important; } .border-right-0 { border-right: 0 !important; } .border-bottom-0 { border-bottom: 0 !important; } .border-left-0 { border-left: 0 !important; } .border-primary { border-color: #1177d1 !important; } .border-secondary { border-color: #ced4da !important; } .border-success { border-color: #398439 !important; } .border-info { border-color: #5bc0de !important; } .border-warning { border-color: #f0ad4e !important; } .border-danger { border-color: #d43f3a !important; } .border-light { border-color: #f8f9fa !important; } .border-dark { border-color: #343a40 !important; } .border-white { border-color: #fff !important; } .rounded { border-radius: 0.25rem !important; } .rounded-top { border-top-left-radius: 0.25rem !important; border-top-right-radius: 0.25rem !important; } .rounded-right { border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; } .rounded-bottom { border-bottom-right-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-left { border-top-left-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-circle { border-radius: 50% !important; } .rounded-0 { border-radius: 0 !important; } .clearfix::after { display: block; clear: both; content: ""; } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: flex !important; } .d-inline-flex { display: inline-flex !important; } @media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: flex !important; } .d-sm-inline-flex { display: inline-flex !important; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: flex !important; } .d-md-inline-flex { display: inline-flex !important; } } @media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: flex !important; } .d-lg-inline-flex { display: inline-flex !important; } } @media (min-width: 1200px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: flex !important; } .d-xl-inline-flex { display: inline-flex !important; } } @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: flex !important; } .d-print-inline-flex { display: inline-flex !important; } } .embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; } .embed-responsive::before { display: block; content: ""; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive-21by9::before { padding-top: 42.8571428571%; } .embed-responsive-16by9::before { padding-top: 56.25%; } .embed-responsive-4by3::before { padding-top: 75%; } .embed-responsive-1by1::before { padding-top: 100%; } .flex-row { flex-direction: row !important; } .flex-column { flex-direction: column !important; } .flex-row-reverse { flex-direction: row-reverse !important; } .flex-column-reverse { flex-direction: column-reverse !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-start { justify-content: flex-start !important; } .justify-content-end { justify-content: flex-end !important; } .justify-content-center { justify-content: center !important; } .justify-content-between { justify-content: space-between !important; } .justify-content-around { justify-content: space-around !important; } .align-items-start { align-items: flex-start !important; } .align-items-end { align-items: flex-end !important; } .align-items-center { align-items: center !important; } .align-items-baseline { align-items: baseline !important; } .align-items-stretch { align-items: stretch !important; } .align-content-start { align-content: flex-start !important; } .align-content-end { align-content: flex-end !important; } .align-content-center { align-content: center !important; } .align-content-between { align-content: space-between !important; } .align-content-around { align-content: space-around !important; } .align-content-stretch { align-content: stretch !important; } .align-self-auto { align-self: auto !important; } .align-self-start { align-self: flex-start !important; } .align-self-end { align-self: flex-end !important; } .align-self-center { align-self: center !important; } .align-self-baseline { align-self: baseline !important; } .align-self-stretch { align-self: stretch !important; } @media (min-width: 576px) { .flex-sm-row { flex-direction: row !important; } .flex-sm-column { flex-direction: column !important; } .flex-sm-row-reverse { flex-direction: row-reverse !important; } .flex-sm-column-reverse { flex-direction: column-reverse !important; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-sm-start { justify-content: flex-start !important; } .justify-content-sm-end { justify-content: flex-end !important; } .justify-content-sm-center { justify-content: center !important; } .justify-content-sm-between { justify-content: space-between !important; } .justify-content-sm-around { justify-content: space-around !important; } .align-items-sm-start { align-items: flex-start !important; } .align-items-sm-end { align-items: flex-end !important; } .align-items-sm-center { align-items: center !important; } .align-items-sm-baseline { align-items: baseline !important; } .align-items-sm-stretch { align-items: stretch !important; } .align-content-sm-start { align-content: flex-start !important; } .align-content-sm-end { align-content: flex-end !important; } .align-content-sm-center { align-content: center !important; } .align-content-sm-between { align-content: space-between !important; } .align-content-sm-around { align-content: space-around !important; } .align-content-sm-stretch { align-content: stretch !important; } .align-self-sm-auto { align-self: auto !important; } .align-self-sm-start { align-self: flex-start !important; } .align-self-sm-end { align-self: flex-end !important; } .align-self-sm-center { align-self: center !important; } .align-self-sm-baseline { align-self: baseline !important; } .align-self-sm-stretch { align-self: stretch !important; } } @media (min-width: 768px) { .flex-md-row { flex-direction: row !important; } .flex-md-column { flex-direction: column !important; } .flex-md-row-reverse { flex-direction: row-reverse !important; } .flex-md-column-reverse { flex-direction: column-reverse !important; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-md-start { justify-content: flex-start !important; } .justify-content-md-end { justify-content: flex-end !important; } .justify-content-md-center { justify-content: center !important; } .justify-content-md-between { justify-content: space-between !important; } .justify-content-md-around { justify-content: space-around !important; } .align-items-md-start { align-items: flex-start !important; } .align-items-md-end { align-items: flex-end !important; } .align-items-md-center { align-items: center !important; } .align-items-md-baseline { align-items: baseline !important; } .align-items-md-stretch { align-items: stretch !important; } .align-content-md-start { align-content: flex-start !important; } .align-content-md-end { align-content: flex-end !important; } .align-content-md-center { align-content: center !important; } .align-content-md-between { align-content: space-between !important; } .align-content-md-around { align-content: space-around !important; } .align-content-md-stretch { align-content: stretch !important; } .align-self-md-auto { align-self: auto !important; } .align-self-md-start { align-self: flex-start !important; } .align-self-md-end { align-self: flex-end !important; } .align-self-md-center { align-self: center !important; } .align-self-md-baseline { align-self: baseline !important; } .align-self-md-stretch { align-self: stretch !important; } } @media (min-width: 992px) { .flex-lg-row { flex-direction: row !important; } .flex-lg-column { flex-direction: column !important; } .flex-lg-row-reverse { flex-direction: row-reverse !important; } .flex-lg-column-reverse { flex-direction: column-reverse !important; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-lg-start { justify-content: flex-start !important; } .justify-content-lg-end { justify-content: flex-end !important; } .justify-content-lg-center { justify-content: center !important; } .justify-content-lg-between { justify-content: space-between !important; } .justify-content-lg-around { justify-content: space-around !important; } .align-items-lg-start { align-items: flex-start !important; } .align-items-lg-end { align-items: flex-end !important; } .align-items-lg-center { align-items: center !important; } .align-items-lg-baseline { align-items: baseline !important; } .align-items-lg-stretch { align-items: stretch !important; } .align-content-lg-start { align-content: flex-start !important; } .align-content-lg-end { align-content: flex-end !important; } .align-content-lg-center { align-content: center !important; } .align-content-lg-between { align-content: space-between !important; } .align-content-lg-around { align-content: space-around !important; } .align-content-lg-stretch { align-content: stretch !important; } .align-self-lg-auto { align-self: auto !important; } .align-self-lg-start { align-self: flex-start !important; } .align-self-lg-end { align-self: flex-end !important; } .align-self-lg-center { align-self: center !important; } .align-self-lg-baseline { align-self: baseline !important; } .align-self-lg-stretch { align-self: stretch !important; } } @media (min-width: 1200px) { .flex-xl-row { flex-direction: row !important; } .flex-xl-column { flex-direction: column !important; } .flex-xl-row-reverse { flex-direction: row-reverse !important; } .flex-xl-column-reverse { flex-direction: column-reverse !important; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-xl-start { justify-content: flex-start !important; } .justify-content-xl-end { justify-content: flex-end !important; } .justify-content-xl-center { justify-content: center !important; } .justify-content-xl-between { justify-content: space-between !important; } .justify-content-xl-around { justify-content: space-around !important; } .align-items-xl-start { align-items: flex-start !important; } .align-items-xl-end { align-items: flex-end !important; } .align-items-xl-center { align-items: center !important; } .align-items-xl-baseline { align-items: baseline !important; } .align-items-xl-stretch { align-items: stretch !important; } .align-content-xl-start { align-content: flex-start !important; } .align-content-xl-end { align-content: flex-end !important; } .align-content-xl-center { align-content: center !important; } .align-content-xl-between { align-content: space-between !important; } .align-content-xl-around { align-content: space-around !important; } .align-content-xl-stretch { align-content: stretch !important; } .align-self-xl-auto { align-self: auto !important; } .align-self-xl-start { align-self: flex-start !important; } .align-self-xl-end { align-self: flex-end !important; } .align-self-xl-center { align-self: center !important; } .align-self-xl-baseline { align-self: baseline !important; } .align-self-xl-stretch { align-self: stretch !important; } } .float-left { float: left !important; } .float-right { float: right !important; } .float-none { float: none !important; } @media (min-width: 576px) { .float-sm-left { float: left !important; } .float-sm-right { float: right !important; } .float-sm-none { float: none !important; } } @media (min-width: 768px) { .float-md-left { float: left !important; } .float-md-right { float: right !important; } .float-md-none { float: none !important; } } @media (min-width: 992px) { .float-lg-left { float: left !important; } .float-lg-right { float: right !important; } .float-lg-none { float: none !important; } } @media (min-width: 1200px) { .float-xl-left { float: left !important; } .float-xl-right { float: right !important; } .float-xl-none { float: none !important; } } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { position: sticky !important; } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; } .sticky-top { position: sticky; top: 0; z-index: 1020; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; clip-path: inset(50%); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; clip-path: none; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .mw-100 { max-width: 100% !important; } .mh-100 { max-height: 100% !important; } .m-0 { margin: 0 !important; } .mt-0, .my-0 { margin-top: 0 !important; } .mr-0, .mx-0 { margin-right: 0 !important; } .mb-0, .my-0 { margin-bottom: 0 !important; } .ml-0, .mx-0 { margin-left: 0 !important; } .m-1 { margin: 0.25rem !important; } .mt-1, .my-1 { margin-top: 0.25rem !important; } .mr-1, .mx-1 { margin-right: 0.25rem !important; } .mb-1, .my-1 { margin-bottom: 0.25rem !important; } .ml-1, .mx-1 { margin-left: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .mt-2, .my-2 { margin-top: 0.5rem !important; } .mr-2, .mx-2 { margin-right: 0.5rem !important; } .mb-2, .my-2 { margin-bottom: 0.5rem !important; } .ml-2, .mx-2 { margin-left: 0.5rem !important; } .m-3 { margin: 1rem !important; } .mt-3, .my-3 { margin-top: 1rem !important; } .mr-3, .mx-3 { margin-right: 1rem !important; } .mb-3, .my-3 { margin-bottom: 1rem !important; } .ml-3, .mx-3 { margin-left: 1rem !important; } .m-4 { margin: 1.5rem !important; } .mt-4, .my-4 { margin-top: 1.5rem !important; } .mr-4, .mx-4 { margin-right: 1.5rem !important; } .mb-4, .my-4 { margin-bottom: 1.5rem !important; } .ml-4, .mx-4 { margin-left: 1.5rem !important; } .m-5 { margin: 3rem !important; } .mt-5, .my-5 { margin-top: 3rem !important; } .mr-5, .mx-5 { margin-right: 3rem !important; } .mb-5, .my-5 { margin-bottom: 3rem !important; } .ml-5, .mx-5 { margin-left: 3rem !important; } .p-0, .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area.py-3 { padding: 0 !important; } .pt-0, .py-0 { padding-top: 0 !important; } .pr-0, .px-0 { padding-right: 0 !important; } .pb-0, .py-0 { padding-bottom: 0 !important; } .pl-0, .px-0 { padding-left: 0 !important; } .p-1 { padding: 0.25rem !important; } .pt-1, .py-1 { padding-top: 0.25rem !important; } .pr-1, .px-1 { padding-right: 0.25rem !important; } .pb-1, .py-1 { padding-bottom: 0.25rem !important; } .pl-1, .px-1 { padding-left: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .pt-2, .py-2 { padding-top: 0.5rem !important; } .pr-2, .px-2 { padding-right: 0.5rem !important; } .pb-2, .py-2 { padding-bottom: 0.5rem !important; } .pl-2, .px-2 { padding-left: 0.5rem !important; } .p-3 { padding: 1rem !important; } .pt-3, .py-3 { padding-top: 1rem !important; } .pr-3, .px-3 { padding-right: 1rem !important; } .pb-3, .py-3 { padding-bottom: 1rem !important; } .pl-3, .px-3 { padding-left: 1rem !important; } .p-4 { padding: 1.5rem !important; } .pt-4, .py-4 { padding-top: 1.5rem !important; } .pr-4, .px-4 { padding-right: 1.5rem !important; } .pb-4, .py-4 { padding-bottom: 1.5rem !important; } .pl-4, .px-4 { padding-left: 1.5rem !important; } .p-5 { padding: 3rem !important; } .pt-5, .py-5 { padding-top: 3rem !important; } .pr-5, .px-5 { padding-right: 3rem !important; } .pb-5, .py-5 { padding-bottom: 3rem !important; } .pl-5, .px-5 { padding-left: 3rem !important; } .m-auto { margin: auto !important; } .mt-auto, .my-auto { margin-top: auto !important; } .mr-auto, .mx-auto { margin-right: auto !important; } .mb-auto, .my-auto { margin-bottom: auto !important; } .ml-auto, .mx-auto { margin-left: auto !important; } @media (min-width: 576px) { .m-sm-0 { margin: 0 !important; } .mt-sm-0, .my-sm-0 { margin-top: 0 !important; } .mr-sm-0, .mx-sm-0 { margin-right: 0 !important; } .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important; } .ml-sm-0, .mx-sm-0 { margin-left: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; } .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; } .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; } .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; } .ml-sm-2, .mx-sm-2 { margin-left: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .mt-sm-3, .my-sm-3 { margin-top: 1rem !important; } .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important; } .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important; } .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important; } .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important; } .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important; } .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .mt-sm-5, .my-sm-5 { margin-top: 3rem !important; } .mr-sm-5, .mx-sm-5 { margin-right: 3rem !important; } .mb-sm-5, .my-sm-5 { margin-bottom: 3rem !important; } .ml-sm-5, .mx-sm-5 { margin-left: 3rem !important; } .p-sm-0 { padding: 0 !important; } .pt-sm-0, .py-sm-0 { padding-top: 0 !important; } .pr-sm-0, .px-sm-0 { padding-right: 0 !important; } .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important; } .pl-sm-0, .px-sm-0 { padding-left: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; } .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; } .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; } .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; } .pl-sm-2, .px-sm-2 { padding-left: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .pt-sm-3, .py-sm-3 { padding-top: 1rem !important; } .pr-sm-3, .px-sm-3 { padding-right: 1rem !important; } .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important; } .pl-sm-3, .px-sm-3 { padding-left: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important; } .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important; } .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important; } .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .pt-sm-5, .py-sm-5 { padding-top: 3rem !important; } .pr-sm-5, .px-sm-5 { padding-right: 3rem !important; } .pb-sm-5, .py-sm-5 { padding-bottom: 3rem !important; } .pl-sm-5, .px-sm-5 { padding-left: 3rem !important; } .m-sm-auto { margin: auto !important; } .mt-sm-auto, .my-sm-auto { margin-top: auto !important; } .mr-sm-auto, .mx-sm-auto { margin-right: auto !important; } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; } .ml-sm-auto, .mx-sm-auto { margin-left: auto !important; } } @media (min-width: 768px) { .m-md-0 { margin: 0 !important; } .mt-md-0, .my-md-0 { margin-top: 0 !important; } .mr-md-0, .mx-md-0 { margin-right: 0 !important; } .mb-md-0, .my-md-0 { margin-bottom: 0 !important; } .ml-md-0, .mx-md-0 { margin-left: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; } .mr-md-1, .mx-md-1 { margin-right: 0.25rem !important; } .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; } .ml-md-1, .mx-md-1 { margin-left: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; } .mr-md-2, .mx-md-2 { margin-right: 0.5rem !important; } .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; } .ml-md-2, .mx-md-2 { margin-left: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .mt-md-3, .my-md-3 { margin-top: 1rem !important; } .mr-md-3, .mx-md-3 { margin-right: 1rem !important; } .mb-md-3, .my-md-3 { margin-bottom: 1rem !important; } .ml-md-3, .mx-md-3 { margin-left: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .mt-md-4, .my-md-4 { margin-top: 1.5rem !important; } .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important; } .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important; } .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .mt-md-5, .my-md-5 { margin-top: 3rem !important; } .mr-md-5, .mx-md-5 { margin-right: 3rem !important; } .mb-md-5, .my-md-5 { margin-bottom: 3rem !important; } .ml-md-5, .mx-md-5 { margin-left: 3rem !important; } .p-md-0 { padding: 0 !important; } .pt-md-0, .py-md-0 { padding-top: 0 !important; } .pr-md-0, .px-md-0 { padding-right: 0 !important; } .pb-md-0, .py-md-0 { padding-bottom: 0 !important; } .pl-md-0, .px-md-0 { padding-left: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; } .pr-md-1, .px-md-1 { padding-right: 0.25rem !important; } .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; } .pl-md-1, .px-md-1 { padding-left: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; } .pr-md-2, .px-md-2 { padding-right: 0.5rem !important; } .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; } .pl-md-2, .px-md-2 { padding-left: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .pt-md-3, .py-md-3 { padding-top: 1rem !important; } .pr-md-3, .px-md-3 { padding-right: 1rem !important; } .pb-md-3, .py-md-3 { padding-bottom: 1rem !important; } .pl-md-3, .px-md-3 { padding-left: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .pt-md-4, .py-md-4 { padding-top: 1.5rem !important; } .pr-md-4, .px-md-4 { padding-right: 1.5rem !important; } .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important; } .pl-md-4, .px-md-4 { padding-left: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .pt-md-5, .py-md-5 { padding-top: 3rem !important; } .pr-md-5, .px-md-5 { padding-right: 3rem !important; } .pb-md-5, .py-md-5 { padding-bottom: 3rem !important; } .pl-md-5, .px-md-5 { padding-left: 3rem !important; } .m-md-auto { margin: auto !important; } .mt-md-auto, .my-md-auto { margin-top: auto !important; } .mr-md-auto, .mx-md-auto { margin-right: auto !important; } .mb-md-auto, .my-md-auto { margin-bottom: auto !important; } .ml-md-auto, .mx-md-auto { margin-left: auto !important; } } @media (min-width: 992px) { .m-lg-0 { margin: 0 !important; } .mt-lg-0, .my-lg-0 { margin-top: 0 !important; } .mr-lg-0, .mx-lg-0 { margin-right: 0 !important; } .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important; } .ml-lg-0, .mx-lg-0 { margin-left: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; } .mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; } .ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; } .mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; } .ml-lg-2, .mx-lg-2 { margin-left: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .mt-lg-3, .my-lg-3 { margin-top: 1rem !important; } .mr-lg-3, .mx-lg-3 { margin-right: 1rem !important; } .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important; } .ml-lg-3, .mx-lg-3 { margin-left: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important; } .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important; } .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important; } .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .mt-lg-5, .my-lg-5 { margin-top: 3rem !important; } .mr-lg-5, .mx-lg-5 { margin-right: 3rem !important; } .mb-lg-5, .my-lg-5 { margin-bottom: 3rem !important; } .ml-lg-5, .mx-lg-5 { margin-left: 3rem !important; } .p-lg-0 { padding: 0 !important; } .pt-lg-0, .py-lg-0 { padding-top: 0 !important; } .pr-lg-0, .px-lg-0 { padding-right: 0 !important; } .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important; } .pl-lg-0, .px-lg-0 { padding-left: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; } .pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; } .pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; } .pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; } .pl-lg-2, .px-lg-2 { padding-left: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .pt-lg-3, .py-lg-3 { padding-top: 1rem !important; } .pr-lg-3, .px-lg-3 { padding-right: 1rem !important; } .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important; } .pl-lg-3, .px-lg-3 { padding-left: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important; } .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important; } .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important; } .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .pt-lg-5, .py-lg-5 { padding-top: 3rem !important; } .pr-lg-5, .px-lg-5 { padding-right: 3rem !important; } .pb-lg-5, .py-lg-5 { padding-bottom: 3rem !important; } .pl-lg-5, .px-lg-5 { padding-left: 3rem !important; } .m-lg-auto { margin: auto !important; } .mt-lg-auto, .my-lg-auto { margin-top: auto !important; } .mr-lg-auto, .mx-lg-auto { margin-right: auto !important; } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; } .ml-lg-auto, .mx-lg-auto { margin-left: auto !important; } } @media (min-width: 1200px) { .m-xl-0 { margin: 0 !important; } .mt-xl-0, .my-xl-0 { margin-top: 0 !important; } .mr-xl-0, .mx-xl-0 { margin-right: 0 !important; } .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important; } .ml-xl-0, .mx-xl-0 { margin-left: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important; } .mr-xl-1, .mx-xl-1 { margin-right: 0.25rem !important; } .mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important; } .ml-xl-1, .mx-xl-1 { margin-left: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important; } .mr-xl-2, .mx-xl-2 { margin-right: 0.5rem !important; } .mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important; } .ml-xl-2, .mx-xl-2 { margin-left: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .mt-xl-3, .my-xl-3 { margin-top: 1rem !important; } .mr-xl-3, .mx-xl-3 { margin-right: 1rem !important; } .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important; } .ml-xl-3, .mx-xl-3 { margin-left: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important; } .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important; } .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important; } .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .mt-xl-5, .my-xl-5 { margin-top: 3rem !important; } .mr-xl-5, .mx-xl-5 { margin-right: 3rem !important; } .mb-xl-5, .my-xl-5 { margin-bottom: 3rem !important; } .ml-xl-5, .mx-xl-5 { margin-left: 3rem !important; } .p-xl-0 { padding: 0 !important; } .pt-xl-0, .py-xl-0 { padding-top: 0 !important; } .pr-xl-0, .px-xl-0 { padding-right: 0 !important; } .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important; } .pl-xl-0, .px-xl-0 { padding-left: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important; } .pr-xl-1, .px-xl-1 { padding-right: 0.25rem !important; } .pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important; } .pl-xl-1, .px-xl-1 { padding-left: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important; } .pr-xl-2, .px-xl-2 { padding-right: 0.5rem !important; } .pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important; } .pl-xl-2, .px-xl-2 { padding-left: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .pt-xl-3, .py-xl-3 { padding-top: 1rem !important; } .pr-xl-3, .px-xl-3 { padding-right: 1rem !important; } .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important; } .pl-xl-3, .px-xl-3 { padding-left: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important; } .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important; } .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important; } .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .pt-xl-5, .py-xl-5 { padding-top: 3rem !important; } .pr-xl-5, .px-xl-5 { padding-right: 3rem !important; } .pb-xl-5, .py-xl-5 { padding-bottom: 3rem !important; } .pl-xl-5, .px-xl-5 { padding-left: 3rem !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto, .my-xl-auto { margin-top: auto !important; } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; } } .text-justify { text-align: justify !important; } .text-nowrap { white-space: nowrap !important; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } @media (min-width: 576px) { .text-sm-left { text-align: left !important; } .text-sm-right { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .text-md-left { text-align: left !important; } .text-md-right { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 992px) { .text-lg-left { text-align: left !important; } .text-lg-right { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1200px) { .text-xl-left { text-align: left !important; } .text-xl-right { text-align: right !important; } .text-xl-center { text-align: center !important; } } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .font-weight-light { font-weight: 300 !important; } .font-weight-normal { font-weight: 400 !important; } .font-weight-bold { font-weight: 700 !important; } .font-italic { font-style: italic !important; } .text-white { color: #fff !important; } .text-primary { color: #1177d1 !important; } a.text-primary:hover, a.text-primary:focus { color: #0d5ca2 !important; } .text-secondary { color: #ced4da !important; } a.text-secondary:hover, a.text-secondary:focus { color: #b1bbc4 !important; } .text-success, .green, .notifysuccess, .connected { color: #398439 !important; } a.text-success:hover, a.green:hover, a.notifysuccess:hover, a.connected:hover, a.text-success:focus, a.green:focus, a.notifysuccess:focus, a.connected:focus { color: #2a602a !important; } .text-info, .highlight { color: #5bc0de !important; } a.text-info:hover, a.highlight:hover, a.text-info:focus, a.highlight:focus { color: #31b0d5 !important; } .text-warning, .red, .notifyproblem, .completion-expired, span.flagged-tag, tr.flagged-tag, span.flagged-tag a, tr.flagged-tag a, .moodle-dialogue-exception .param-stacktrace .stacktrace-line, .connecting { color: #f0ad4e !important; } a.text-warning:hover, a.red:hover, a.notifyproblem:hover, a.completion-expired:hover, span.flagged-tag a:hover, tr.flagged-tag a:hover, .moodle-dialogue-exception .param-stacktrace a.stacktrace-line:hover, a.connecting:hover, a.text-warning:focus, a.red:focus, a.notifyproblem:focus, a.completion-expired:focus, span.flagged-tag a:focus, tr.flagged-tag a:focus, .moodle-dialogue-exception .param-stacktrace a.stacktrace-line:focus, a.connecting:focus { color: #ec971f !important; } .text-danger, .notconnected, .que .validationerror, .text-error { color: #d43f3a !important; } a.text-danger:hover, a.notconnected:hover, .que a.validationerror:hover, a.text-error:hover, a.text-danger:focus, a.notconnected:focus, .que a.validationerror:focus, a.text-error:focus { color: #b42c27 !important; } .text-light { color: #f8f9fa !important; } a.text-light:hover, a.text-light:focus { color: #dae0e5 !important; } .text-dark, #categoryquestions .highlight { color: #343a40 !important; } a.text-dark:hover, #categoryquestions a.highlight:hover, a.text-dark:focus, #categoryquestions a.highlight:focus { color: #1d2124 !important; } .text-muted, a.dimmed, a.dimmed:link, a.dimmed:visited, a.dimmed_text, a.dimmed_text:link, a.dimmed_text:visited, .dimmed_text, .dimmed_text a, .dimmed_text a:link, .dimmed_text a:visited, .usersuspended, .usersuspended a, .usersuspended a:link, .usersuspended a:visited, .dimmed_category, .dimmed_category a, .tag_feed .media .muted a, #page-admin-qtypes .disabled, #page-admin-qbehaviours .disabled, #page-admin-plugins #plugins-control-panel .pluginname .componentname, #page-admin-plugins #plugins-control-panel .version .versionnumber, #page-admin-plugins #plugins-control-panel .notes .requiredby, #page-admin-search .adminpagepath li, .block .minicalendar td.weekend, .section .activity .stealth, .course-content .section-summary .section-summary-activities .activity-count, .course-content ul li.section.hidden .sectionname > span, .course-content ul li.section.hidden .content > div.summary, .course-content ul li.section.hidden .activity .activityinstance, #course-category-listings .listitem[data-visible="0"], #course-category-listings .listitem[data-visible="0"] > div > a, #course-category-listings .listing-pagination-totals.dimmed, .fitem.disabled .fp-btn-choose, .form-defaultinfo, .form-label .form-shortname, .formsettingheading .form-horizontal, .no-felement.fstatic, .path-backup .backup_progress .backup_stage { color: #6c757d !important; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } @media print { *, *::before, *::after { text-shadow: none !important; box-shadow: none !important; } a:not(.btn) { text-decoration: underline; } abbr[title]::after { content: " (" attr(title) ")"; } pre { white-space: pre-wrap !important; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } @page { size: a3; } body { min-width: 992px !important; } .container { min-width: 992px !important; } .navbar { display: none; } .badge { border: 1px solid #000; } .table, table.collection, table.flexible, .generaltable { border-collapse: collapse !important; } .table td, table.collection td, table.flexible td, .generaltable td, .table th, table.collection th, table.flexible th, .generaltable th { background-color: #fff !important; } .table-bordered th, table.collection th, .table-bordered td, table.collection td { border: 1px solid #ddd !important; } } /* stylelint-disable function-url-scheme-blacklist */ /* stylelint-enable function-url-scheme-blacklist */ .tag, .statusok, .statuswarning, .statusserious, .statuscritical, .que .correctness, .label { display: inline-block; padding: 0.25rem 0.4em; font-size: 75%; font-weight: bold; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25rem; } .tag:empty, .statusok:empty, .statuswarning:empty, .statusserious:empty, .statuscritical:empty, .que .correctness:empty, .label:empty { display: none; } .form-control-success, .form-control-warning, .maintenancewarning.warning, .form-control-danger, #page-admin-mnet-peers .mform .deletedhostinfo, .maintenancewarning.error { padding-right: 2.25rem; background-repeat: no-repeat; background-position: center right calc(2.15625rem + 2px)/4; background-size: calc(2.15625rem + 2px)/2 calc(2.15625rem + 2px)/2; } .tag-default { background-color: #6c757d; } .tag-default[href]:hover, .tag-default[href]:focus { background-color: #545b62; } .tag-primary { background-color: #1177d1; } .tag-primary[href]:hover, .tag-primary[href]:focus { background-color: #0d5ca2; } .tag-success, .statusok, #page-admin-report-backups-index .backup-skipped, #page-admin-report-backups-index .backup-ok, #page-admin-report-backups-index .backup-notyetrun { background-color: #398439; } .tag-success[href]:hover, .statusok[href]:hover, #page-admin-report-backups-index .backup-skipped[href]:hover, #page-admin-report-backups-index .backup-ok[href]:hover, #page-admin-report-backups-index .backup-notyetrun[href]:hover, .tag-success[href]:focus, .statusok[href]:focus, #page-admin-report-backups-index .backup-skipped[href]:focus, #page-admin-report-backups-index .backup-ok[href]:focus, #page-admin-report-backups-index .backup-notyetrun[href]:focus { background-color: #2a602a; } .tag-info, #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity200 .info.release { background-color: #5bc0de; } .tag-info[href]:hover, #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity200 .info.release[href]:hover, .tag-info[href]:focus, #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity200 .info.release[href]:focus { background-color: #31b0d5; } .tag-warning, .statuswarning, #page-admin-report-backups-index .backup-warning, #page-admin-index .updateplugin .updatepluginconfirmexternal, #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity100 .info.release, #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity150 .info.release { background-color: #f0ad4e; } .tag-warning[href]:hover, .statuswarning[href]:hover, #page-admin-report-backups-index .backup-warning[href]:hover, #page-admin-index .updateplugin .updatepluginconfirmexternal[href]:hover, #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity100 .info.release[href]:hover, #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity150 .info.release[href]:hover, .tag-warning[href]:focus, .statuswarning[href]:focus, #page-admin-report-backups-index .backup-warning[href]:focus, #page-admin-index .updateplugin .updatepluginconfirmexternal[href]:focus, #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity100 .info.release[href]:focus, #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity150 .info.release[href]:focus { background-color: #ec971f; } .tag-danger, .statusserious, .statuscritical, #page-admin-report-backups-index .backup-error, #page-admin-report-backups-index .backup-unfinished, #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity50 .info.release { background-color: #d43f3a; } .tag-danger[href]:hover, .statusserious[href]:hover, .statuscritical[href]:hover, #page-admin-report-backups-index .backup-error[href]:hover, #page-admin-report-backups-index .backup-unfinished[href]:hover, #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity50 .info.release[href]:hover, .tag-danger[href]:focus, .statusserious[href]:focus, .statuscritical[href]:focus, #page-admin-report-backups-index .backup-error[href]:focus, #page-admin-report-backups-index .backup-unfinished[href]:focus, #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity50 .info.release[href]:focus { background-color: #b42c27; } .custom-select { width: auto; } .fade.in { opacity: 1; } .m-a-0 { margin: 0 !important; } .m-t-0, .m-y-0 { margin-top: 0 !important; } .m-r-0, .m-x-0 { margin-right: 0 !important; } .m-b-0, .m-y-0 { margin-bottom: 0 !important; } .m-l-0, .m-x-0 { margin-left: 0 !important; } .m-a-1 { margin: 1rem !important; } .m-t-1, .m-y-1 { margin-top: 1rem !important; } .m-r-1, .m-x-1 { margin-right: 1rem !important; } .m-b-1, .m-y-1 { margin-bottom: 1rem !important; } .m-l-1, .m-x-1 { margin-left: 1rem !important; } .m-a-2 { margin: 2rem !important; } .m-t-2, .m-y-2 { margin-top: 2rem !important; } .m-r-2, .m-x-2 { margin-right: 2rem !important; } .m-b-2, .m-y-2 { margin-bottom: 2rem !important; } .m-l-2, .m-x-2 { margin-left: 2rem !important; } .m-a-3 { margin: 3rem !important; } .m-t-3, .m-y-3 { margin-top: 3rem !important; } .m-r-3, .m-x-3 { margin-right: 3rem !important; } .m-b-3, .m-y-3 { margin-bottom: 3rem !important; } .m-l-3, .m-x-3 { margin-left: 3rem !important; } .p-a-0 { padding: 0 !important; } .p-t-0, .p-y-0 { padding-top: 0 !important; } .p-r-0, .p-x-0 { padding-right: 0 !important; } .p-b-0, .p-y-0 { padding-bottom: 0 !important; } .p-l-0, .p-x-0 { padding-left: 0 !important; } .p-a-1 { padding: 1rem !important; } .p-t-1, .p-y-1 { padding-top: 1rem !important; } .p-r-1, .p-x-1 { padding-right: 1rem !important; } .p-b-1, .p-y-1 { padding-bottom: 1rem !important; } .p-l-1, .p-x-1 { padding-left: 1rem !important; } .p-a-2 { padding: 2rem !important; } .p-t-2, .p-y-2 { padding-top: 2rem !important; } .p-r-2, .p-x-2 { padding-right: 2rem !important; } .p-b-2, .p-y-2 { padding-bottom: 2rem !important; } .p-l-2, .p-x-2 { padding-left: 2rem !important; } .p-a-3 { padding: 3rem !important; } .p-t-3, .p-y-3 { padding-top: 3rem !important; } .p-r-3, .p-x-3 { padding-right: 3rem !important; } .p-b-3, .p-y-3 { padding-bottom: 3rem !important; } .p-l-3, .p-x-3 { padding-left: 3rem !important; } input[disabled] { cursor: not-allowed; } .row-fluid { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } /*rtl:raw: .dropdown-menu-right { right: 0; left: auto; } .dropdown-menu-left { right: auto; left: 0; } */ /** * Bootstrap overrides for RTL * * This file is only for overriding sass from upstream bootstrap, all general rtl fixes for * moodle scss should be placed immediately after the definition of the ltr rule. */ .breadcrumb-item + .breadcrumb-item::before { content: "/"; /*rtl:remove*/ content: "/"; /* stylelint-disable-line declaration-block-no-duplicate-properties */ } /*rtl:raw: .dropdown-menu { right: auto; left: 0; text-align: right; } */ /* core.less */ #region-main { overflow-x: auto; overflow-y: visible; border: 1px solid rgba(0, 0, 0, 0.125); border-radius: 0.25rem; padding: 1.25rem; background-color: #fff; } .context-header-settings-menu, .region-main-settings-menu { float: right; width: auto; max-width: 4em; height: 2em; display: block; margin-top: 4px; } .context-header-settings-menu .dropdown-toggle > .icon, #region-main-settings-menu .dropdown-toggle > .icon { height: 24px; font-size: 24px; width: auto; } /** Prevent user notifications overlapping with region main settings menu */ #user-notifications { display: block; overflow: hidden; } /** Page layout CSS starts **/ .layout-option-noheader #page-header, .layout-option-nonavbar #page-navbar, .layout-option-nofooter #page-footer, .layout-option-nocourseheader .course-content-header, .layout-option-nocoursefooter .course-content-footer { display: none; } /** Page layout CSS ends **/ .mdl-left { text-align: left; } .mdl-right { text-align: right; } /*rtl:ignore*/ .text-ltr { direction: ltr !important; /* stylelint-disable-line declaration-no-important */ } #add, #remove, .centerpara, .mdl-align { text-align: center; } .unlist, .unlist li, .inline-list, .inline-list li, .block .list, .block .list li, .section li.activity, .section li.movehere, .tabtree li { list-style: none; margin: 0; padding: 0; } .inline, .inline-list li { display: inline; } .notifytiny { font-size: 0.703125rem; } .notifytiny li, .notifytiny td { font-size: 100%; } .fitem.advanced .text-info, .fitem.advanced .highlight { font-weight: bold; } .reportlink { text-align: right; } a.autolink.glossary:hover { cursor: help; } /* Block which is hidden if javascript enabled, prevents fickering visible when JS from footer used! */ .collapsibleregioncaption { white-space: nowrap; min-height: 1.40625rem; } .pagelayout-mydashboard.jsenabled .collapsibleregioncaption { cursor: pointer; } .pagelayout-mydashboard #region-main { border: 0; padding: 0; background-color: transparent; margin-top: -1px; } .collapsibleregioncaption img { vertical-align: middle; } .jsenabled .hiddenifjs { display: none; } .visibleifjs { display: none; } .jsenabled .visibleifjs { display: inline; } .jsenabled .collapsibleregion { overflow: hidden; box-sizing: content-box; } .jsenabled .collapsed .collapsibleregioninner { visibility: hidden; } .collapsible-actions { display: none; text-align: right; } .jsenabled .collapsible-actions { display: block; } .collapsible-actions .collapseexpand { padding-left: 20px; background: url([[pix:t/collapsed]]) 2px center no-repeat; } /*rtl:raw: .collapsible-actions .collapseexpand { background: url([[pix:t/collapsed_rtl]]) right center no-repeat; } */ .collapsible-actions .collapse-all { background-image: url([[pix:t/expanded]]); } .yui-overlay .yui-widget-bd { background-color: #ffee69; border: 1px solid #a6982b; border-top-color: #d4c237; color: #000; left: 0; padding: 2px 5px; position: relative; top: 0; z-index: 1; } .clearer { background: transparent; border-width: 0; clear: both; display: block; height: 1px; margin: 0; padding: 0; } .bold, .warning, .errorbox .title, .pagingbar .title, .pagingbar .thispage { font-weight: bold; } img.userpicture { margin-right: 0.5rem; } img.resize { height: 1em; width: 1em; } .action-menu .dropdown-toggle { text-decoration: none; } .action-menu { white-space: nowrap; } .block img.resize { height: 0.9em; width: 0.8em; } /* Icon styles */ img.activityicon { height: 24px; width: 24px; vertical-align: middle; } .headermain { font-weight: bold; } #maincontent { display: block; height: 1px; overflow: hidden; } img.uihint { cursor: help; } #addmembersform table { margin-left: auto; margin-right: auto; } table.flexible .emptyrow { display: none; } form.popupform, form.popupform div { display: inline; } .arrow_button input { overflow: hidden; } .no-overflow { overflow: auto; } .no-overflow > .generaltable { position: relative; margin-bottom: 0; min-height: 10em; } .accesshide { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; clip-path: inset(50%); border: 0; } span.hide, div.hide, .hidden { display: none; } a.skip-block, a.skip { position: absolute; top: -1000em; font-size: 0.85em; text-decoration: none; } a.skip-block:focus, a.skip-block:active, a.skip:focus, a.skip:active { position: static; display: block; } .skip-block-to { display: block; height: 1px; overflow: hidden; } .addbloglink { text-align: center; } .blog_entry .audience { text-align: right; padding-right: 4px; } .blog_entry .tags { margin-top: 15px; } .blog_entry .content { margin-left: 43px; } #doc-contents h1 { margin: 1em 0 0 0; } #doc-contents ul { margin: 0; padding: 0; width: 90%; } #doc-contents ul li { list-style-type: none; } .groupmanagementtable td { vertical-align: top; } .groupmanagementtable #existingcell, .groupmanagementtable #potentialcell { width: 42%; } .groupmanagementtable #buttonscell { width: 16%; } .groupmanagementtable #buttonscell p.arrow_button input { width: auto; min-width: 80%; margin: 0 auto; } .groupmanagementtable #removeselect_wrapper, .groupmanagementtable #addselect_wrapper { width: 100%; } .groupmanagementtable #removeselect_wrapper label, .groupmanagementtable #addselect_wrapper label { font-weight: normal; } #group-usersummary { width: 14em; } .groupselector { margin-top: 3px; margin-bottom: 3px; display: inline-block; } .groupselector label { display: inline-block; } .login-page [name="username"] { margin-bottom: -1px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .login-page [type="password"] { margin-bottom: 10px; border-top-left-radius: 0; border-top-right-radius: 0; } .notepost { margin-bottom: 1em; } .notepost .userpicture { float: left; margin-right: 5px; } .notepost .content, .notepost .footer { clear: both; } .notesgroup { margin-left: 20px; } .path-my .coursebox { margin: 1rem 0; padding: 0; } .path-my .coursebox .overview { margin: 15px 30px 10px 30px; } .path-my .coursebox .info { float: none; margin: 0; } .mod_introbox { padding: 10px; } table.mod_index { width: 100%; } .comment-ctrl { font-size: 12px; display: none; margin: 0; padding: 0; } .comment-ctrl h5 { margin: 0; padding: 5px; } .comment-area { max-width: 400px; padding: 5px; } .comment-area textarea { width: 100%; overflow: auto; } .comment-area textarea.fullwidth { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .comment-area .fd { text-align: right; } .comment-meta span { color: gray; } .comment-link img { vertical-align: text-bottom; } .comment-list { font-size: 11px; overflow: auto; list-style: none; padding: 0; margin: 0; } .comment-list li { margin: 2px; list-style: none; margin-bottom: 5px; clear: both; padding: .3em; position: relative; } .comment-list li.first { display: none; } .comment-paging { text-align: center; } .comment-paging .pageno { padding: 2px; } .comment-paging .curpage { border: 1px solid #ccc; } .comment-message .picture { width: 20px; float: left; } .comment-message .text { margin: 0; padding: 0; } .comment-message .text p { padding: 0; margin: 0 18px 0 0; } .comment-delete { position: absolute; top: 0; right: 0; margin: .3em; } .comment-report-selectall { display: none; } .comment-link { display: none; } .jsenabled .comment-link { display: block; } .jsenabled .showcommentsnonjs { display: none; } .jsenabled .comment-report-selectall { display: inline; } /** * Completion progress report */ .completion-expected { font-size: 0.703125rem; } .completion-sortchoice, .completion-identifyfield { font-size: 0.703125rem; vertical-align: bottom; } .completion-progresscell { text-align: right; } .completion-expired .completion-expected { font-weight: bold; } /** * Tags */ img.user-image { height: 100px; width: 100px; } #tag-search-box { text-align: center; margin: 10px auto; } .path-tag .tag-index-items .tagarea { border: 1px solid #e3e3e3; border-radius: 4px; padding: 10px; margin-top: 10px; } .path-tag .tag-index-items .tagarea h3 { display: block; padding: 3px 0 10px 0; margin: 0; font-size: 1.1em; font-weight: bold; line-height: 20px; color: #999; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); text-transform: uppercase; word-wrap: break-word; border-bottom: solid 1px #e3e3e3; margin-bottom: 10px; } .path-tag .tagarea .controls::after, .path-tag .tagarea .taggeditems::after { display: block; clear: both; content: ""; } .path-tag .tagarea .controls, .path-tag .tag-backtoallitems { text-align: center; } .path-tag .tagarea .controls .gotopage.nextpage { float: right; } .path-tag .tagarea .controls .gotopage.prevpage { float: left; } .path-tag .tagarea .controls .exclusivemode { display: inline-block; } .path-tag .tagarea .controls.controls-bottom { margin-top: 5px; } .path-tag .tagarea .controls .gotopage.nextpage::after { padding-right: 5px; padding-left: 5px; content: "»"; } .path-tag .tagarea .controls .gotopage.prevpage::before { padding-right: 5px; padding-left: 5px; content: "«"; } .tag-management-table td, .tag-management-table th { vertical-align: middle; padding: 4px; } .tag-management-table .inplaceeditable.inplaceeditingon input { width: 150px; } .path-admin-tag .addstandardtags { float: right; } .path-admin-tag .addstandardtags img { margin: 0 5px; } .path-tag .tag-relatedtags { padding-top: 10px; } .path-tag .tag-management-box { text-align: right; } .path-tag .tag-index-toc { padding: 10px; text-align: center; } .path-tag .tag-index-toc li, .path-tag .tag-management-box li { margin-left: 5px; margin-right: 5px; } .path-tag .tag-management-box li a.edittag { background-image: url([[pix:moodle|i/settings]]); } .path-tag .tag-management-box li a.flagasinappropriate { background-image: url([[pix:moodle|i/flagged]]); } .path-tag .tag-management-box li a.removefrommyinterests { background-image: url([[pix:moodle|t/delete]]); } .path-tag .tag-management-box li a.addtomyinterests { background-image: url([[pix:moodle|t/add]]); } .path-tag .tag-management-box li a { background-repeat: no-repeat; background-position: left; padding-left: 17px; } .tag_feed.media-list .media .itemimage { float: left; } .tag_feed.media-list .media .itemimage img { height: 35px; width: 35px; } .tag_feed.media-list .media .media-body { padding-right: 10px; padding-left: 10px; } .tag_cloud { text-align: center; } .tag_cloud .inline-list li { padding: 0 0.2em; } .tag_cloud .tag_overflow { margin-top: 1em; font-style: italic; } .tag_cloud .s20 { font-size: 2.7em; } .tag_cloud .s19 { font-size: 2.6em; } .tag_cloud .s18 { font-size: 2.5em; } .tag_cloud .s17 { font-size: 2.4em; } .tag_cloud .s16 { font-size: 2.3em; } .tag_cloud .s15 { font-size: 2.2em; } .tag_cloud .s14 { font-size: 2.1em; } .tag_cloud .s13 { font-size: 2em; } .tag_cloud .s12 { font-size: 1.9em; } .tag_cloud .s11 { font-size: 1.8em; } .tag_cloud .s10 { font-size: 1.7em; } .tag_cloud .s9 { font-size: 1.6em; } .tag_cloud .s8 { font-size: 1.5em; } .tag_cloud .s7 { font-size: 1.4em; } .tag_cloud .s6 { font-size: 1.3em; } .tag_cloud .s5 { font-size: 1.2em; } .tag_cloud .s4 { font-size: 1.1em; } .tag_cloud .s3 { font-size: 1em; } .tag_cloud .s2 { font-size: 0.9em; } .tag_cloud .s1 { font-size: 0.8em; } .tag_cloud .s0 { font-size: 0.7em; } .tag_list ul { display: inline; } .tag_list.hideoverlimit .overlimit { display: none; } .tag_list .tagmorelink { display: none; } .tag_list.hideoverlimit .tagmorelink { display: inline; } .tag_list.hideoverlimit .taglesslink { display: none; } /** * Web Service */ #webservice-doc-generator td { text-align: left; border: 0 solid black; } /** * Enrol */ .userenrolment { width: 100%; border-collapse: collapse; } .userenrolment tr { vertical-align: top; } .userenrolment td { padding: 0; height: 41px; } .userenrolment .subfield { margin-right: 5px; } .userenrolment .col_userdetails .subfield { margin-left: 40px; } .userenrolment .col_userdetails .subfield_picture { float: left; margin-left: 0; } .userenrolment .col_lastseen { width: 150px; } .userenrolment .col_role { width: 262px; } .userenrolment .col_role .roles, .userenrolment .col_group .groups { margin-right: 30px; } .userenrolment .col_role .role { float: left; padding: 0 3px 3px; margin: 0 3px 3px; white-space: nowrap; } .userenrolment .col_group .group { float: left; padding: 3px; margin: 3px; white-space: nowrap; } .userenrolment .col_role .role a, .userenrolment .col_group .group a { margin-left: 3px; cursor: pointer; } .userenrolment .col_role .addrole, .userenrolment .col_group .addgroup { float: right; padding: 3px; margin: 3px; } .userenrolment .col_role .addrole > a:hover, .userenrolment .col_group .addgroup > a:hover { border-bottom: 1px solid #666; } .userenrolment .col_role .addrole img, .userenrolment .col_group .addgroup img { vertical-align: baseline; } .userenrolment .hasAllRoles .col_role .addrole { display: none; } .userenrolment .col_enrol .enrolment { float: left; padding: 0 3px 3px; margin: 0 3px 3px; } .userenrolment .col_enrol .enrolment a { float: right; margin-left: 3px; } #page-enrol-users .enrol_user_buttons { text-align: right; } #page-enrol-users .enrol-users-page-action input { margin-left: 0; } .corelightbox { background-color: #ccc; position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; } .corelightbox img { position: fixed; top: 50%; left: 50%; } .mod-indent-outer { display: table; } .mod-indent { display: table-cell; } .label .mod-indent { float: left; padding-top: 20px; } /* Creates a series of .mod-indent-# rule declarations based on indent size and number of indent levels. */ .mod-indent-1 { width: 30px; } .mod-indent-2 { width: 60px; } .mod-indent-3 { width: 90px; } .mod-indent-4 { width: 120px; } .mod-indent-5 { width: 150px; } .mod-indent-6 { width: 180px; } .mod-indent-7 { width: 210px; } .mod-indent-8 { width: 240px; } .mod-indent-9 { width: 270px; } .mod-indent-10 { width: 300px; } .mod-indent-11 { width: 330px; } .mod-indent-12 { width: 360px; } .mod-indent-13 { width: 390px; } .mod-indent-14 { width: 420px; } .mod-indent-15 { width: 450px; } .mod-indent-16 { width: 480px; } .mod-indent-huge { width: 480px; } /* Audio player size in 'block' mode (can only change width, height is hardcoded in JS) */ .resourcecontent .mediaplugin_mp3 object { height: 25px; width: 600px; } .resourcecontent audio.mediaplugin_html5audio { width: 600px; } /** Large resource images should avoid hidden overflow **/ .resourceimage { max-width: 100%; } /* Audio player size in 'inline' mode (can only change width, as above) */ .mediaplugin_mp3 object { height: 15px; width: 300px; } audio.mediaplugin_html5audio { width: 300px; } /* TinyMCE moodle media preview frame should not have padding */ .core_media_preview.pagelayout-embedded #content { padding: 0; } .core_media_preview.pagelayout-embedded #maincontent { height: 0; } body#page-lib-editor-tinymce-plugins-moodlemedia-preview { padding: 0; margin: 0; min-width: 0; background: none; } .path-rating .ratingtable { width: 100%; margin-bottom: 1em; } .path-rating .ratingtable th.rating { width: 100%; } .path-rating .ratingtable td.rating, .path-rating .ratingtable td.time { white-space: nowrap; text-align: center; } /* Moodle Dialogue Settings (moodle-core-dialogue) */ .moodle-dialogue-base .moodle-dialogue-lightbox { background-color: #495057; } .pagelayout-popup .moodle-dialogue-base .moodle-dialogue-lightbox { background-color: transparent; } .pagelayout-popup .moodle-dialogue-base .moodle-dialogue { box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.2); } .moodle-dialogue-base .hidden, .moodle-dialogue-base .moodle-dialogue-hidden { display: none; } .no-scrolling { overflow: hidden; } .moodle-dialogue-base .moodle-dialogue-fullscreen { left: 0; top: 0; right: 0; bottom: -50px; position: fixed; } .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content { overflow: auto; } .moodle-dialogue-base .moodle-dialogue-fullscreen .closebutton { width: 28px; height: 16px; background-size: 100%; } .moodle-dialogue-base .moodle-dialogue-wrap { background-color: #fff; border: 1px solid #ccc; } .modal.show { display: block; } .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd.yui3-widget-hd { min-height: 3rem; color: initial; background: initial; font-size: 1.5rem; line-height: 1.5; } .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd h1 { font-size: 1.5rem; } .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .yui3-widget-buttons { /*rtl:raw: left: 0; right: auto; */ padding: 1rem; } .moodle-dialogue-base .closebutton { box-shadow: none; } .moodle-dialogue-base .closebutton::after { content: "×"; } .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd { padding: 0.5rem; } .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content { overflow: auto; position: absolute; top: 0; bottom: 50px; left: 0; right: 0; margin: 0; border: 0; } .moodle-dialogue-exception .moodle-exception-param label { font-weight: bold; } .moodle-dialogue-exception .param-stacktrace label { background-color: #eee; border: 1px solid #ccc; border-bottom-width: 0; } .moodle-dialogue-exception .param-stacktrace pre { border: 1px solid #ccc; background-color: #fff; } .moodle-dialogue-exception .param-stacktrace .stacktrace-file { color: navy; font-size: 0.8203125rem; } .moodle-dialogue-exception .param-stacktrace .stacktrace-line { font-size: 0.8203125rem; } .moodle-dialogue-exception .param-stacktrace .stacktrace-call { color: #333; font-size: 90%; border-bottom: 1px solid #eee; } .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft:empty { display: none; } .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft.yui3-widget-ft { background: initial; } .moodle-dialogue-confirm .confirmation-message { margin: 0.5rem 0; } .moodle-dialogue-confirm .confirmation-dialogue input { min-width: 80px; } .moodle-dialogue-exception .moodle-exception-message { margin: 1em; } .moodle-dialogue-exception .moodle-exception-param { margin-bottom: 0.5em; } .moodle-dialogue-exception .moodle-exception-param label { width: 150px; } .moodle-dialogue-exception .param-stacktrace label { display: block; margin: 0; padding: 4px 1em; } .moodle-dialogue-exception .param-stacktrace pre { display: block; height: 200px; overflow: auto; } .moodle-dialogue-exception .param-stacktrace .stacktrace-file { display: inline-block; margin: 4px 0; } .moodle-dialogue-exception .param-stacktrace .stacktrace-line { display: inline-block; width: 50px; margin: 4px 1em; } .moodle-dialogue-exception .param-stacktrace .stacktrace-call { padding-left: 25px; margin-bottom: 4px; padding-bottom: 4px; } .moodle-dialogue .moodle-dialogue-bd .content-lightbox { opacity: 0.75; width: 100%; height: 100%; top: 0; left: 0; background-color: white; text-align: center; padding: 10% 0; } /* Apply a default max-height on tooltip text */ .moodle-dialogue .tooltiptext { max-height: 300px; } .moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip { z-index: 3001; } .moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip .moodle-dialogue-bd { overflow: auto; } /** * Chooser Dialogues (moodle-core-chooserdialogue) * * This CSS belong to the chooser dialogue which should work both with, and * without javascript enabled */ /* Hide the dialog and it's title */ .chooserdialoguebody, .choosertitle { display: none; } .moodle-dialogue.chooserdialogue .moodle-dialogue-content .moodle-dialogue-ft { margin: 0; } .chooserdialogue .moodle-dialogue-wrap .moodle-dialogue-bd { padding: 0; background: #f2f2f2; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; } /* Center the submit buttons within the area */ .choosercontainer #chooseform .submitbuttons { padding: 0.7em 0; text-align: right; } /* Fixed for safari browser on iPhone4S with ios7@mixin */ @media (max-height: 639px) { .ios .choosercontainer #chooseform .submitbuttons { padding: 45px 0; } } .choosercontainer #chooseform .submitbuttons input { min-width: 100px; margin: 0 0.5em; } /* Various settings for the options area */ .choosercontainer #chooseform .options { position: relative; border-bottom: 1px solid #bbb; } /* Only set these options if we're showing the js container */ .jschooser .choosercontainer #chooseform .alloptions { overflow-x: hidden; overflow-y: auto; max-width: 240px; } .jschooser .choosercontainer #chooseform .alloptions .option input[type=radio] { display: inline-block; } .jschooser .choosercontainer #chooseform .alloptions .option .typename { display: inline-block; width: 55%; } /* Settings for option rows and option subtypes */ .choosercontainer #chooseform .moduletypetitle, .choosercontainer #chooseform .option, .choosercontainer #chooseform .nonoption { margin-bottom: 0; padding: 0 1.6em 0 1.6em; } .choosercontainer #chooseform .moduletypetitle { text-transform: uppercase; padding-top: 1.2em; padding-bottom: 0.4em; margin-bottom: 0.5rem; font-size: 100%; } .choosercontainer #chooseform .option .typename, .choosercontainer #chooseform .nonoption .typename { padding: 0 0 0 0.5em; } .choosercontainer #chooseform .modicon + .typename { padding-left: 0; } .choosercontainer #chooseform .option input[type=radio], .choosercontainer #chooseform .option span.typename { vertical-align: middle; } .choosercontainer #chooseform .option label { display: block; margin: 0; padding: 0.5rem 0; border-bottom: 1px solid #fff; } .choosercontainer #chooseform .option .icon { margin: 0; padding: 0 1rem; } .choosercontainer #chooseform .nonoption { padding-left: 2.7em; padding-top: 0.3em; padding-bottom: 0.1em; } .choosercontainer #chooseform .subtype { margin-bottom: 0; padding: 0 1.6em 0 3.2em; } .choosercontainer #chooseform .subtype .typename { margin: 0 0 0 0.2em; } /* The instruction/help area */ .jschooser .choosercontainer #chooseform .instruction, .jschooser .choosercontainer #chooseform .typesummary { display: none; position: absolute; top: 0; right: 0; bottom: 0; left: 240px; margin: 0; padding: 1.6em; background-color: #fff; overflow-x: hidden; overflow-y: auto; line-height: 2em; } /* Selected option settings */ .jschooser .choosercontainer #chooseform .instruction, .choosercontainer #chooseform .selected .typesummary { display: block; } .choosercontainer #chooseform .selected { background-color: #fff; margin-top: -1px; padding-top: 1px; } .chooserdialogue-course-modchooser .modicon .icon { width: 24px; height: 24px; font-size: 24px; } @media (max-width: 575.98px) { .jsenabled .choosercontainer #chooseform .alloptions { max-width: 100%; } .jsenabled .choosercontainer #chooseform .instruction, .jsenabled .choosercontainer #chooseform .typesummary { position: static; } } /* Form element: listing */ .formlistingradio { padding-bottom: 25px; padding-right: 10px; } .formlistinginputradio { float: left; } .formlistingmain { min-height: 225px; } .formlisting { position: relative; margin: 15px 0; padding: 1px 19px 14px; background-color: white; border: 1px solid #ddd; border-radius: 4px; } .formlistingmore { position: absolute; cursor: pointer; bottom: -1px; right: -1px; padding: 3px 7px; font-size: 12px; font-weight: bold; background-color: whitesmoke; border: 1px solid #ddd; color: #9da0a4; border-radius: 4px 0 4px 0; } .formlistingall { margin: 15px 0; padding: 0; border-radius: 4px; } .formlistingrow { cursor: pointer; border-bottom: 1px solid; border-color: #e1e1e8; border-left: 1px solid #e1e1e8; border-right: 1px solid #e1e1e8; background-color: #f7f7f9; border-radius: 0 0 4px 4px; padding: 6px; top: 50%; left: 50%; min-height: 34px; float: left; width: 150px; } body.jsenabled .formlistingradio { display: none; } body.jsenabled .formlisting { display: block; } /* Badges styles */ a.criteria-action { padding: 0 3px; float: right; } div.criteria-description { padding: 10px 15px; margin: 5px 0; background: none repeat scroll 0 0 #f9f9f9; border: 1px solid #eee; } ul.badges { margin: 0; list-style: none; } .badges li { position: relative; display: inline-block; padding-top: 1em; text-align: center; vertical-align: top; width: 150px; } .badges li .badge-name { display: block; padding: 5px; } .badges li > img { position: absolute; } .badges li .badge-image { width: 100px; height: 100px; left: 10px; top: 0; z-index: 1; } .badges li .badge-actions { position: relative; } .badges li .expireimage { width: 100px; height: 100px; left: 25px; top: 0; position: absolute; z-index: 10; opacity: 0.85; } #badge-image { background-color: transparent; padding: 0; position: relative; min-width: 100px; width: 20%; display: inline-block; vertical-align: top; margin-top: 17px; margin-bottom: 20px; } #badge-image .expireimage { width: 100px; height: 100px; left: 0; top: 0; opacity: 0.85; position: absolute; z-index: 10; } #badge-image .singlebutton { padding-top: 5px; display: block; } #badge-image .singlebutton button { margin-left: 4px; } #badge-details { display: inline-block; width: 79%; } #badge-overview dl, #badge-details dl { margin: 0; } #badge-overview dl dt, #badge-overview dl dd, #badge-details dl dt, #badge-details dl dd { vertical-align: top; padding: 3px 0; } #badge-overview dl dt, #badge-details dl dt { clear: both; display: inline-block; width: 20%; min-width: 100px; } #badge-overview dl dd, #badge-details dl dd { display: inline-block; width: 79%; margin-left: 1%; } .badge-profile { vertical-align: top; } #page-badges-award .recipienttable tr td { vertical-align: top; } #page-badges-award .recipienttable tr td.actions .actionbutton { margin: 0.3em 0; padding: 0.5em 0; width: 100%; } #page-badges-award .recipienttable tr td.existing, #page-badges-award .recipienttable tr td.potential { width: 42%; } #issued-badge-table .activatebadge { display: inline-block; } .statusbox.active { background-color: #d7e6d7; } .statusbox.inactive { background-color: #fcefdc; } .statusbox { text-align: center; margin-bottom: 5px; padding: 5px; } .statusbox .activatebadge { display: inline-block; } .statusbox .activatebadge input[type=submit] { margin: 3px; } .activatebadge { margin: 0; text-align: left; vertical-align: middle; } img#persona_signin { cursor: pointer; } .addcourse { float: right; } .invisiblefieldset { display: inline; padding: 0; border-width: 0; } /** Page header */ #page-header .logo { margin: 1rem 0; } #page-header .logo img { max-height: 75px; } /** Navbar logo. */ nav.navbar .logo img { max-height: 35px; } /** Header-bar styles **/ .page-context-header { overflow: hidden; } .page-context-header .page-header-image, .page-context-header .page-header-headings { float: left; display: block; position: relative; } .page-context-header .page-header-image { margin-right: 1em; margin-bottom: 1em; } .page-context-header .page-header-headings, .page-context-header .header-button-group { position: relative; line-height: 24px; vertical-align: middle; } .page-context-header .header-button-group { display: block; float: left; } .page-context-header .header-button-group a { position: relative; top: -0.4em; } ul.dragdrop-keyboard-drag li { list-style-type: none; } a.disabled:hover, a.disabled { text-decoration: none; cursor: default; font-style: italic; color: #808080; } body.lockscroll { height: 100%; overflow: hidden; } .progressbar_container { max-width: 500px; margin: 0 auto; } /* IE10 only fix for calendar titling */ .ie10 .yui3-calendar-header-label { display: inline-block; } dd:before, dd:after { display: block; content: " "; } dd:after { clear: both; } .nav-tabs > .active > a[href], .nav-tabs > .active > a[href]:hover, .nav-tabs > .active > a[href]:focus { cursor: pointer; } .inplaceeditable.inplaceeditingon { position: relative; } .inplaceeditable.inplaceeditingon .editinstructions { margin-top: -30px; font-weight: normal; margin-right: 0; margin-left: 0; left: 0; right: auto; white-space: nowrap; } .inplaceeditable.inplaceeditingon input { width: 330px; vertical-align: text-bottom; margin-bottom: 0; } .inplaceeditable.inplaceeditingon select { margin-bottom: 0; } .inplaceeditable .quickediticon img { opacity: 0.2; } .inplaceeditable .quickeditlink { color: inherit; text-decoration: inherit; } .inplaceeditable:hover .quickeditlink .quickediticon img, .inplaceeditable .quickeditlink:focus .quickediticon img { opacity: 1; } .inplaceeditable.inplaceeditable-toggle .quickediticon { display: none; } .inplaceeditable.inplaceeditable-autocomplete { display: block; } h3.sectionname .inplaceeditable.inplaceeditingon .editinstructions { margin-top: -20px; } /** Chart area. */ .chart-area .chart-table-data { display: none; } .chart-area .chart-table { /** When accessible, we display the table only. */ } .chart-area .chart-table .chart-output-htmltable caption { white-space: nowrap; } .chart-area .chart-table.accesshide .chart-table-expand { display: none; } .chart-area .chart-table.accesshide .chart-table-data { display: block; } ul { padding-left: 1rem; } /* YUI 2 Tree View */ /*rtl:raw: .ygtvtn, .ygtvtm, .ygtvtmh, .ygtvtmhh, .ygtvtp, .ygtvtph, .ygtvtphh, .ygtvln, .ygtvlm, .ygtvlmh, .ygtvlmhh, .ygtvlp, .ygtvlph, .ygtvlphh, .ygtvdepthcell, .ygtvok, .ygtvok:hover, .ygtvcancel, .ygtvcancel:hover { background-image: url([[pix:theme|yui2-treeview-sprite-rtl]]); } */ .hover-tooltip-container { position: relative; } .hover-tooltip-container .hover-tooltip { opacity: 0; visibility: hidden; position: absolute; /*rtl:ignore*/ left: 50%; top: calc(-50% - 5px); transform: translate(-50%, -50%); background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: .3rem; box-sizing: border-box; padding: 5px; white-space: nowrap; transition: opacity 0.15s, visibility 0.15s; z-index: 1000; } .hover-tooltip-container .hover-tooltip:before { content: ''; display: inline-block; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid rgba(0, 0, 0, 0.2); position: absolute; bottom: -8px; left: calc(50% - 8px); } .hover-tooltip-container .hover-tooltip:after { content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #fff; position: absolute; bottom: -6px; left: calc(50% - 7px); z-index: 2; } .hover-tooltip-container:hover .hover-tooltip { opacity: 1; visibility: visible; transition: opacity 0.15s 0.5s, visibility 0.15s 0.5s; } #region-flat-nav { padding-right: 0; padding-left: 0; } #region-flat-nav .nav { margin-right: 15px; background-color: #fff; } @media (max-width: 767.98px) { #region-flat-nav .nav { margin-top: 30px; margin-right: 0; } } #page-footer a { color: #fff; text-decoration: underline; } #page-footer a .icon { color: #fff; } .bg-inverse a { color: #fff; text-decoration: underline; } .bg-inverse a .icon { color: #fff; } .sitelink img { width: 112px; } .dropdown-item a { display: block; width: 100%; color: #343a40; } .dropdown-item:active a { color: #fff; } .competency-tree ul { padding-left: 1.5rem; } .sr-only-focusable:active, .sr-only-focusable:focus { z-index: 1031; position: fixed; background: #fff; padding: 7px; left: 0; top: 0; } [data-drag-type="move"] { cursor: move; touch-action: none; } .clickable { cursor: pointer; } .overlay-icon-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.6); } .overlay-icon-container .loading-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .overlay-icon-container .loading-icon .icon { height: 30px; width: 30px; font-size: 30px; } .open.atto_menu > .dropdown-menu { display: block; } div.editor_atto_toolbar button .icon { color: #495057; } .w-auto { width: auto; } .bg-pulse-grey { animation: bg-pulse-grey 2s infinite linear; } @keyframes bg-pulse-grey { 0% { background-color: #f8f9fa; } 50% { background-color: #e9ecef; } 100% { background-color: #f8f9fa; } } .line-height-0 { line-height: 0 !important; /* stylelint-disable-line declaration-no-important */ } .line-height-1 { line-height: 0.25rem !important; /* stylelint-disable-line declaration-no-important */ } .line-height-2 { line-height: 0.5rem !important; /* stylelint-disable-line declaration-no-important */ } .line-height-3 { line-height: 1rem !important; /* stylelint-disable-line declaration-no-important */ } .line-height-4 { line-height: 1.5rem !important; /* stylelint-disable-line declaration-no-important */ } .line-height-5 { line-height: 3rem !important; /* stylelint-disable-line declaration-no-important */ } .dir-rtl .dir-rtl-hide { display: none; } .dir-ltr .dir-ltr-hide { display: none; } body:not(.behat-site) .switch { position: relative; } body:not(.behat-site) .switch input { float: left; width: 1px; transform: translateX(1px); padding: 0; margin: 0; opacity: 0; } body:not(.behat-site) .switch input + label { position: relative; min-height: 1.725rem; min-width: 3.45rem; line-height: 1.725rem; border-radius: 1.725rem; display: inline-block; cursor: pointer; outline: none; user-select: none; vertical-align: middle; padding-left: 3.95rem; } body:not(.behat-site) .switch input + label::before, body:not(.behat-site) .switch input + label::after { content: ''; position: absolute; top: calc(50% - 0.8625rem); left: 0; width: 3.45rem; height: 1.725rem; bottom: 0; display: block; } body:not(.behat-site) .switch input + label::before { right: 0; background-color: #dee2e6; border-radius: 1.725rem; transition: 0.2s all; } body:not(.behat-site) .switch input + label::after { margin-top: 2px; left: 2px; width: calc(1.725rem - 4px); height: calc(1.725rem - 4px); border-radius: 50%; background-color: #fff; transition: 0.2s all; } body:not(.behat-site) .switch input:checked + label::before { background-color: #1177d1; } body:not(.behat-site) .switch input:checked + label::after { margin-left: 1.725rem; } body:not(.behat-site) .switch input:focus + label::before { outline: none; box-shadow: 0 0 0 0.2rem rgba(17, 119, 209, 0.25); } body:not(.behat-site) .switch input:disabled + label { color: #6c757d; cursor: not-allowed; } body:not(.behat-site) .switch input:disabled + label::before { background-color: #e9ecef; } .paged-content-page-container { min-height: 3.125rem; } .text-decoration-none { text-decoration: none !important; /* stylelint-disable-line declaration-no-important */ } .position-right { right: 0 !important; /* stylelint-disable-line declaration-no-important */ } .overflow-hidden { overflow: hidden !important; /* stylelint-disable-line declaration-no-important */ } .text-break { overflow-wrap: break-word !important; /* stylelint-disable-line declaration-no-important */ } .z-index-1 { z-index: 1 !important; /* stylelint-disable-line declaration-no-important */ } .alert-primary a { color: #05233e; } .alert-secondary a { color: #525557; } .alert-success a, .que .comment a { color: #0f210f; } .alert-info a, #page-admin-index .releasenoteslink a, #adminsettings .form-overridden a, .que .formulation a, .assignfeedback_editpdf_widget .label a { color: #20454f; } .alert-warning a, #page-admin-index .adminwarning a, .uninstalldeleteconfirmexternal a, .que .outcome a, .que .comment a { color: #573e1c; } .alert-danger a, #page-admin-index .adminerror a { color: #461513; } .alert-light a { color: #686868; } .alert-dark a { color: #040505; } .icon { font-size: 16px; width: 16px; height: 16px; margin: 0; padding: 0; box-sizing: content-box; margin-right: 0.5rem; } .icon.spacer { margin-right: 0; } .icon.iconsize-big { width: 64px; height: 64px; font-size: 64px; } .navbar-dark a .icon { color: rgba(255, 255, 255, 0.5) !important; /* stylelint-disable-line declaration-no-important */ } .action-menu-item a:first-of-type > .icon { margin-left: 0.5rem; } .ygtvcell .icon { margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */ } .block_navigation .tree_item .icon, .block_settings .tree_item .icon { margin-left: 0; } [data-action=toggle-drawer] .icon { margin: 0; } .icon-no-spacing a > .icon { margin: 0; } .icon-no-margin .icon { margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 0; } .icon-large > .icon { width: 32px; height: 32px; } .icon-size-0 .icon { height: 0 !important; /* stylelint-disable-line declaration-no-important */ width: 0 !important; /* stylelint-disable-line declaration-no-important */ font-size: 0 !important; /* stylelint-disable-line declaration-no-important */ } .icon-size-1 .icon { height: 4px !important; /* stylelint-disable-line declaration-no-important */ width: 4px !important; /* stylelint-disable-line declaration-no-important */ font-size: 4px !important; /* stylelint-disable-line declaration-no-important */ } .icon-size-2 .icon { height: 8px !important; /* stylelint-disable-line declaration-no-important */ width: 8px !important; /* stylelint-disable-line declaration-no-important */ font-size: 8px !important; /* stylelint-disable-line declaration-no-important */ } .icon-size-3 .icon { height: 16px !important; /* stylelint-disable-line declaration-no-important */ width: 16px !important; /* stylelint-disable-line declaration-no-important */ font-size: 16px !important; /* stylelint-disable-line declaration-no-important */ } .icon-size-4 .icon { height: 24px !important; /* stylelint-disable-line declaration-no-important */ width: 24px !important; /* stylelint-disable-line declaration-no-important */ font-size: 24px !important; /* stylelint-disable-line declaration-no-important */ } .icon-size-5 .icon { height: 48px !important; /* stylelint-disable-line declaration-no-important */ width: 48px !important; /* stylelint-disable-line declaration-no-important */ font-size: 48px !important; /* stylelint-disable-line declaration-no-important */ } .helplink .icon { margin-left: 0.5rem; } /* admin.less */ .formtable tbody th { font-weight: normal; text-align: right; } .path-admin #assignrole { width: 60%; margin-left: auto; margin-right: auto; } .path-admin .admintable .leftalign { text-align: left; } .environmenttable .warn { background-color: #fcefdc; color: #f0ad4e; } .environmenttable .error { background-color: #f6d9d8; color: #d43f3a; } .environmenttable .ok { background-color: #d7e6d7; color: #398439; } .path-admin .admintable.environmenttable .name, .path-admin .admintable.environmenttable .info, .path-admin #assignrole .admintable .role, .path-admin #assignrole .admintable .userrole, .path-admin #assignrole .admintable .roleholder { white-space: nowrap; } .path-admin .incompatibleblockstable td.c0 { font-weight: bold; } #page-admin-course-category .addcategory { padding: 10px; } #page-admin-course-index .editcourse { margin: 20px auto; } #page-admin-course-index .editcourse th, #page-admin-course-index .editcourse td { padding-left: 10px; padding-right: 10px; } .timewarninghidden { display: none; } #page-admin-report-capability-index #capabilitysearch { width: 30em; } #page-admin-qtypes #qtypes div, #page-admin-qtypes #qtypes form, #page-admin-qbehaviours #qbehaviours div, #page-admin-qbehaviours #qbehaviours form { display: inline; } #page-admin-qtypes #qtypes img.spacer, #page-admin-qbehaviours #qbehaviours img.spacer { width: 16px; } #page-admin-qbehaviours .cell.c3, #page-admin-qtypes .cell.c3 { font-size: 0.8203125rem; } #page-admin-lang .generalbox, #page-admin-course-index .singlebutton, #page-admin-course-index .addcategory, #page-course-index .buttons, #page-course-index-category .buttons, #page-admin-course-category .addcategory, #page-admin-stickyblocks .generalbox, #page-admin-maintenance .buttons, #page-admin-course-index .buttons, #page-admin-course-category .buttons, #page-admin-index .copyright, #page-admin-index .copyrightnotice, #page-admin-index .adminerror .singlebutton, #page-admin-index .adminwarning .singlebutton, #page-admin-index #layout-table .singlebutton { text-align: center; margin-bottom: 1em; } .path-admin-roles .capabilitysearchui { text-align: left; margin-left: auto; margin-right: auto; margin-top: 1rem; } #page-admin-roles-define .topfields { margin: 1em 0 2em; } #page-admin-roles-define .capdefault { background-color: rgba(0, 0, 0, 0.075); } #page-filter-manage .backlink, .path-admin-roles .backlink { margin-top: 1em; } #page-admin-roles-explain #chooseuser h3, #page-admin-roles-usersroles .contextname { margin-top: 0; } #page-admin-roles-explain #chooseusersubmit { margin-top: 0; text-align: center; } #page-admin-roles-usersroles p { margin: 0; } #page-admin-roles-override .cell.c1, #page-admin-roles-assign .cell.c3, #page-admin-roles-assign .cell.c1 { padding-top: 0.75em; } #page-admin-roles-override .overridenotice, #page-admin-roles-define .definenotice { margin: 1em 10% 2em 10%; text-align: left; } #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo span { display: block; } #page-admin-index .updateplugin div { margin-bottom: 0.5em; } #page-admin-user-user_bulk #users .fgroup { white-space: nowrap; } #page-admin-report-stats-index .graph { text-align: center; margin-bottom: 1em; } #page-admin-report-courseoverview-index .graph { text-align: center; margin-bottom: 1em; } #page-admin-lang .translator { border-width: 1px; border-style: solid; } .path-admin .roleassigntable { width: 100%; } .path-admin .roleassigntable td { vertical-align: top; padding: 0.2em 0.3em; } .path-admin .roleassigntable p { text-align: left; margin: 0.2em 0; } .path-admin .roleassigntable #existingcell, .path-admin .roleassigntable #potentialcell { width: 42%; } .path-admin .roleassigntable #existingcell p > label:first-child, .path-admin .roleassigntable #potentialcell p > label:first-child { font-weight: bold; } .path-admin .roleassigntable #buttonscell { width: 16%; } .path-admin .roleassigntable #buttonscell #assignoptions { font-size: 0.8203125rem; } .path-admin .roleassigntable #removeselect_wrapper, .path-admin .roleassigntable #addselect_wrapper { width: 100%; } .path-admin table.rolecap tr.rolecap th { text-align: left; font-weight: normal; } .path-admin .rolecap .hiddenrow { display: none; } .path-admin #defineroletable .rolecap .inherit, .path-admin #defineroletable .rolecap .allow, .path-admin #defineroletable .rolecap .prevent, .path-admin #defineroletable .rolecap .prohibit { text-align: center; padding: 0; min-width: 3.5em; } .path-admin .rolecap .cap-name, .path-admin .rolecap .note { display: block; font-size: 0.8203125rem; white-space: nowrap; font-weight: normal; } .path-admin .rolecap label { display: block; text-align: center; padding: 0.5em; margin: 0; } .plugincheckwrapper { width: 100%; } .environmentbox { margin-top: 1em; } #mnetconfig table { margin-left: auto; margin-right: auto; } .environmenttable .cell { padding: .15em .5em; } #trustedhosts .generaltable { margin-left: auto; margin-right: auto; width: 500px; } #trustedhosts .standard { width: auto; } #adminsettings legend { display: none; } #adminsettings fieldset.error { margin: .2em 0 .5em 0; } #adminsettings fieldset.error legend { display: block; } #admin-spelllanguagelist textarea, #page-admin-setting-editorsettingstinymce .form-textarea textarea { /* rtl:ignore */ text-align: left; /* rtl:ignore */ direction: ltr; } /* Styles for flags on admin settings */ .adminsettingsflags { float: right; } .adminsettingsflags label { margin-right: 7px; } .form-description pre, .formsettingheading pre { /*rtl:ignore*/ direction: ltr; } .form-item .form-setting .form-htmlarea { display: inline; } .form-item .form-setting .form-htmlarea .htmlarea { width: 640px; display: block; } .form-item .form-setting .form-multicheckbox ul { list-style: none; padding: 0; margin: 7px 0 0 0; } .form-item .form-setting .defaultsnext { display: inline; } .form-item .form-setting .locked-checkbox { margin-right: 0.2em; margin-left: 0.5em; display: inline; } .form-item .form-setting .form-password .unmask, .form-item .form-setting .form-defaultinfo { display: inline-block; } .form-item .form-setting .form-defaultinfo { max-width: 100%; word-wrap: break-word; } #admin-emoticons td input { width: 8em; } #admin-emoticons td.c0 input { width: 4em; } #adminthemeselector .selectedtheme td.c0 { border: 1px solid #d1edf6; border-right-width: 0; } #adminthemeselector .selectedtheme td.c1 { border: 1px solid #d1edf6; border-left-width: 0; } .admin_colourpicker, .admin_colourpicker_preview { display: none; } .jsenabled .admin_colourpicker_preview { display: inline; } .jsenabled .admin_colourpicker { display: block; height: 102px; width: 410px; margin-bottom: 10px; box-sizing: content-box; } .admin_colourpicker .loadingicon { vertical-align: middle; margin-left: auto; } .admin_colourpicker .colourdialogue { float: left; border: 1px solid #d1edf6; } .admin_colourpicker .previewcolour { border: 1px solid #d1edf6; margin-left: 301px; } .admin_colourpicker .currentcolour { border: 1px solid #d1edf6; margin-left: 301px; border-top-width: 0; } #page-admin-index #notice .checkforupdates { text-align: center; } #page-admin-plugins #plugins-overview-panel .info { display: inline-block; margin-right: 1em; } #page-admin-plugins .checkforupdates { margin: 10px 0; } #page-admin-plugins .checkforupdates .singlebutton { margin: 5px 0; padding: 0; } #page-admin-plugins .checkforupdates .singlebutton div, #page-admin-plugins .checkforupdates .singlebutton input { margin: 0 3px 0 0; } #page-admin-plugins .updateavailableinstallall { margin: 5px 0; padding: 0; } #page-admin-plugins .updateavailableinstallall div, #page-admin-plugins .updateavailableinstallall input { margin: 0 3px 5px 0; } #page-admin-plugins #plugins-control-panel .status-missing td { background-color: #fcefdc; } #page-admin-plugins #plugins-control-panel .pluginname .componentname { font-size: 0.8203125rem; margin-left: 22px; } #page-admin-plugins #plugins-control-panel .version .versionnumber { font-size: 0.8203125rem; } #page-admin-plugins #plugins-control-panel .uninstall a { color: #d43f3a; } #page-admin-plugins #plugins-control-panel .notes .label { margin-right: 3px; } #page-admin-plugins #plugins-control-panel .notes .requiredby { font-size: 0.8203125rem; } #plugins-check-page #plugins-check .status-missing td, #plugins-check-page #plugins-check .status-downgrade td { background-color: #f6d9d8; } #plugins-check-page .pluginupdateinfo, #plugins-control-panel .pluginupdateinfo { background-color: #def2f8; padding: 5px; margin: 10px 0; border-radius: 5px; } #plugins-check-page .pluginupdateinfo.maturity50, #plugins-control-panel .pluginupdateinfo.maturity50 { background-color: #f6d9d8; } #plugins-check-page .pluginupdateinfo.maturity100, #plugins-check-page .pluginupdateinfo.maturity150, #plugins-control-panel .pluginupdateinfo.maturity100, #plugins-control-panel .pluginupdateinfo.maturity150 { background-color: #fcefdc; } #plugins-check-page .pluginupdateinfo .info, #plugins-control-panel .pluginupdateinfo .info { display: inline-block; } #plugins-check-page .pluginupdateinfo .separator:after, #plugins-control-panel .pluginupdateinfo .separator:after { content: " | "; } #plugins-check-page .pluginupdateinfo .singlebutton, #plugins-control-panel .pluginupdateinfo .singlebutton { margin: 5px 0; padding: 0; } #plugins-check-page .pluginupdateinfo .singlebutton div, #plugins-check-page .pluginupdateinfo .singlebutton input, #plugins-control-panel .pluginupdateinfo .singlebutton div, #plugins-control-panel .pluginupdateinfo .singlebutton input { margin: 0 3px 0 0; } .plugins-management-confirm-buttons > div { display: inline-block; margin: 1em 1em 1em 0; } .plugins-management-confirm-buttons .continue { padding: 0; } .plugins-management-confirm-buttons .continue div, .plugins-management-confirm-buttons .continue input { margin: 0; } .uninstalldeleteconfirmexternal { padding: 0.5em 1em; margin: 5px 0 10px 0; } #page-admin-index .upgradepluginsinfo { text-align: center; } #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo .separator:after { content: " | "; } /** MNet networking */ #page-admin-mnet-peers .box.deletedhosts { margin-bottom: 1em; font-size: 0.8203125rem; } #page-admin-mnet-peers .mform .deletedhostinfo { padding: 4px; margin-bottom: 5px; } #core-cache-plugin-summaries table, #core-cache-store-summaries table { width: 100%; } #core-cache-lock-summary table, #core-cache-definition-summaries table, #core-cache-mode-mappings table { margin: 0 auto; } #core-cache-store-summaries .default-store td { font-style: italic; } #core-cache-rescan-definitions, #core-cache-mode-mappings .edit-link, #core-cache-lock-summary .new-instance { margin-top: 0.5em; text-align: center; } .maintenancewarning { position: fixed; bottom: 0; right: 0; overflow: hidden; z-index: 1000; } .modal.modal-in-page { z-index: 0; } #page-admin-search .adminpagetitle { margin-bottom: 0; border-bottom: none; } #page-admin-search .adminpagepath { display: flex; flex-wrap: wrap; list-style: none; padding: 0; margin: 0 0 1.5rem 0; } #page-admin-search .adminpagepath li + li:before { padding-right: 0.5rem; padding-left: 0.5rem; content: "/"; } @media (min-width: 576px) { #page-admin-search .container { overflow-wrap: break-word; } } #page-admin-tasklogs .task-class { font-size: 0.8203125rem; color: #6c757d; } .blockmovetarget .accesshide { position: relative; left: initial; } .block:target { padding-top: 0 !important; /* stylelint-disable declaration-no-important */ margin-top: 0 !important; } .block_search_forums .searchform { /* Override plugin's default. */ text-align: left; } .block.block_navigation .block_tree ul, .block_settings .block_tree ul { margin-left: 0; } .block .block-controls .dropdown-toggle { /* So that the caret takes the colour of the icon. */ color: #343a40; } [data-region="blocks-column"] { width: 360px; float: right; } /* We put an absolutely positioned div in a relatively positioned div so it takes up no space */ #region-main-settings-menu { position: relative; float: left; width: 100%; } #region-main-settings-menu > div { position: absolute; right: 0; z-index: 100; margin: 1rem; } .region_main_settings_menu_proxy { width: 4rem; height: 2rem; background-color: #fff; margin-left: 0.625rem; margin-bottom: 0.625rem; border-bottom-left-radius: 0.5rem; float: right; } #region-main-settings-menu.has-blocks, #region-main.has-blocks { display: inline-block; width: calc(100% - 375px); } @media (max-width: 1199.98px) { #region-main-settings-menu.has-blocks, #region-main.has-blocks { width: 100%; /* MDL-63102 - Remove extra space at bottom. If modifying make sure block-region is horizontally stacked when in full screen */ display: block; } } @media (max-width: 1199.98px) { [data-region="blocks-column"] { width: 100%; } } .block .empty-placeholder-image-lg { height: 5rem; } .block .block-cards .course-info-container { padding: 0.8rem; } .block .block-cards .progress { height: 0.5rem; } .block .block-cards .course-summaryitem { border: 1px solid #dee2e6; background-color: #fff; } .block .block-cards .icon { margin-right: 0; } .block .block-cards .card .coursemenubtn, .block .block-cards #page-enrol-users #filterform .coursemenubtn, #page-enrol-users .block .block-cards #filterform .coursemenubtn, .block .block-cards .que .history .coursemenubtn, .que .block .block-cards .history .coursemenubtn, .block .block-cards .userprofile .profile_tree section .coursemenubtn, .userprofile .profile_tree .block .block-cards section .coursemenubtn, .block .block-cards .groupinfobox .coursemenubtn, .block .block-cards .well .coursemenubtn { margin-top: -0.5rem; } .block .block-cards a.coursename, .block .block-cards span.categoryname, .block .block-cards .btn-link { color: inherit; } .block .block-cards .multiline { white-space: normal; } .block .block-cards .btn.btn-link.btn-icon, .block .block-cards #page-grade-grading-manage .actions .btn-link.btn-icon.action, #page-grade-grading-manage .actions .block .block-cards .btn-link.btn-icon.action, .block .block-cards #rubric-rubric.gradingform_rubric .btn-link.btn-icon.addcriterion, #rubric-rubric.gradingform_rubric .block .block-cards .btn-link.btn-icon.addcriterion { height: 36px; width: 36px; padding: 0; border-radius: 50%; } .block .block-cards .btn.btn-link.btn-icon:hover, .block .block-cards #page-grade-grading-manage .actions .btn-link.btn-icon.action:hover, #page-grade-grading-manage .actions .block .block-cards .btn-link.btn-icon.action:hover, .block .block-cards #rubric-rubric.gradingform_rubric .btn-link.btn-icon.addcriterion:hover, #rubric-rubric.gradingform_rubric .block .block-cards .btn-link.btn-icon.addcriterion:hover, .block .block-cards .btn.btn-link.btn-icon:focus, .block .block-cards #page-grade-grading-manage .actions .btn-link.btn-icon.action:focus, #page-grade-grading-manage .actions .block .block-cards .btn-link.btn-icon.action:focus, .block .block-cards #rubric-rubric.gradingform_rubric .btn-link.btn-icon.addcriterion:focus, #rubric-rubric.gradingform_rubric .block .block-cards .btn-link.btn-icon.addcriterion:focus { background-color: #e9ecef; } .dashboard-card-deck.one-row { flex-flow: nowrap; overflow-x: scroll; } .summaryimage { height: 5rem; width: 5rem; background-position: center; background-size: cover; } .dashboard-card-deck .dashboard-card { margin-bottom: 0.5rem; flex-basis: auto; width: 100%; flex-grow: 0; flex-shrink: 0; } .dashboard-card-deck .dashboard-card .dashboard-card-img { height: 7rem; background-position: center; background-size: cover; } .dashboard-card-deck .dashboard-card .dashboard-card-footer { padding: 0.8rem; } .dashboard-card-deck.fixed-width-cards .dashboard-card { width: 300px; } @media (min-width: 576px) { .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card { width: calc(50% - 0.5rem); } } @media (min-width: 840px) { .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card { width: calc(33.33% - 0.5rem); } } @media (min-width: 1100px) { .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card { width: calc(25% - 0.5rem); } } @media (min-width: 1360px) { .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card { width: calc(20% - 0.5rem); } } @media (min-width: 1200px) { #region-main.has-blocks .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card { width: calc(33.33% - 0.5rem); } } @media (min-width: 1470px) { #region-main.has-blocks .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card { width: calc(25% - 0.5rem); } } @media (min-width: 768px) { body.drawer-open-left .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card { width: calc(100% - 0.5rem); } } @media (min-width: 861px) { body.drawer-open-left .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card { width: calc(50% - 0.5rem); } } @media (min-width: 1122px) { body.drawer-open-left .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card { width: calc(33.33% - 0.5rem); } } @media (min-width: 1381px) { body.drawer-open-left .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card { width: calc(25% - 0.5rem); } } @media (min-width: 1200px) { body.drawer-open-left #region-main.has-blocks .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card { width: calc(100% - 0.5rem); } } @media (min-width: 1236px) { body.drawer-open-left #region-main.has-blocks .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card { width: calc(50% - 0.5rem); } } @media (min-width: 1497px) { body.drawer-open-left #region-main.has-blocks .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card { width: calc(33.33% - 0.5rem); } } @media (min-width: 1200px) { #block-region-side-pre .dashboard-card-deck:not(.fixed-width-cards) { margin-left: 0; margin-right: 0; } #block-region-side-pre .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card { width: calc(100% - 0.5rem) !important; } } .block_recentlyaccessedcourses .paging-bar-container { margin-top: -2.4rem; justify-content: flex-end; } @media (max-width: 575.98px) { .block_recentlyaccessedcourses .paging-bar-container { margin-top: 0; } } #block-region-side-pre .block_recentlyaccessedcourses .paging-bar-container { margin-top: 0; } .block_recentlyaccesseditems img.icon { height: auto; width: auto; margin-right: 6px; } .block_myoverview .content { min-height: 19.35rem; } .block_myoverview .paged-content-page-container { min-height: 13rem; } .block_settings .block_tree [aria-expanded="true"], .block_settings .block_tree [aria-expanded="true"].emptybranch, .block_settings .block_tree [aria-expanded="false"], .block_navigation .block_tree [aria-expanded="true"], .block_navigation .block_tree [aria-expanded="true"].emptybranch, .block_navigation .block_tree [aria-expanded="false"] { background-image: none; } .block_settings .block_tree [aria-expanded="true"]:before, .block_navigation .block_tree [aria-expanded="true"]:before { content: ""; margin-right: 0; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px; width: 16px; } .block_settings .block_tree [aria-expanded="false"]:before, .block_navigation .block_tree [aria-expanded="false"]:before { content: ""; margin-right: 0; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px; width: 16px; } .dir-rtl .block_settings .block_tree [aria-expanded="false"]:before, .dir-rtl .block_navigation .block_tree [aria-expanded="false"]:before { content: ""; } .block_navigation .block_tree p.hasicon, .block_settings .block_tree p.hasicon { text-indent: -3px; } .block_navigation .block_tree p.hasicon .icon, .block_settings .block_tree p.hasicon .icon { margin-right: 2px; } .block.invisibleblock .card-title { color: #6c757d; } .navbar { max-height: 50px; } /* calendar.less */ .calendar_event_category { background-color: #d8bfd8; } .calendar_event_course { background-color: #ffd3bd; } .calendar_event_site { background-color: #d6f8cd; } .calendar_event_group { background-color: #fee7ae; } .calendar_event_user { background-color: #dce7ec; } .path-calendar .calendartable { width: 100%; table-layout: fixed; } .path-calendar .calendartable th, .path-calendar .calendartable td { width: 14%; vertical-align: top; text-align: center; border: 0; } .path-calendar .calendar-controls .previous, .path-calendar .calendar-controls .next, .path-calendar .calendar-controls .current { display: block; float: left; width: 12%; } .path-calendar .calendar-controls .previous { text-align: left; border: 1px solid transparent; } .path-calendar .calendar-controls .current { text-align: center; width: 76%; } .path-calendar .calendar-controls .next { text-align: right; border: 1px solid transparent; } .path-calendar .calendar-controls .drop-target { box-sizing: border-box; border: 1px dashed #1177d1; } .path-calendar .filters table { border-collapse: separate; border-spacing: 2px; width: 100%; } .path-calendar .maincalendar { vertical-align: top; padding: 0; } .path-calendar .maincalendar .bottom { text-align: center; padding: 5px 0 0 0; } .path-calendar .maincalendar .heightcontainer { height: 100%; position: relative; } .path-calendar .maincalendar .calendarmonth { width: 98%; margin: 10px auto; } .path-calendar .maincalendar .calendarmonth ul { margin: 0; padding: 0; } .path-calendar .maincalendar .calendarmonth ul li { list-style-type: none; } .path-calendar .maincalendar .calendarmonth ul li > a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; display: inline-block; } .path-calendar .maincalendar .calendarmonth ul li > a:hover { text-decoration: none; } .path-calendar .maincalendar .calendarmonth ul li > a:hover .eventname { text-decoration: underline; } .path-calendar .maincalendar .calendarmonth ul li .icon { margin-left: 0.25em; margin-right: 0.25em; vertical-align: initial; } .path-calendar .maincalendar .calendarmonth ul li .badge.badge-circle { width: 12px; height: 12px; border-radius: 6px; vertical-align: middle; } .path-calendar .maincalendar .calendarmonth ul li .badge.badge-circle.calendar_event_category { background-color: #d8bfd8; } .path-calendar .maincalendar .calendarmonth ul li .badge.badge-circle.calendar_event_course { background-color: #ffd3bd; } .path-calendar .maincalendar .calendarmonth ul li .badge.badge-circle.calendar_event_site { background-color: #d6f8cd; } .path-calendar .maincalendar .calendarmonth ul li .badge.badge-circle.calendar_event_group { background-color: #fee7ae; } .path-calendar .maincalendar .calendarmonth ul li .badge.badge-circle.calendar_event_user { background-color: #dce7ec; } .path-calendar .maincalendar .calendarmonth td { height: 5em; } .path-calendar .maincalendar .calendarmonth .clickable:hover { 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); } .path-calendar .maincalendar .calendar-controls .previous, .path-calendar .maincalendar .calendar-controls .next { width: 30%; } .path-calendar .maincalendar .calendar-controls .current { width: 39.95%; } .path-calendar .maincalendar .controls { width: 98%; margin: 10px auto; } .path-calendar .maincalendar .calendar_event_category:hover a, .path-calendar .maincalendar .calendar_event_course:hover a, .path-calendar .maincalendar .calendar_event_site:hover a, .path-calendar .maincalendar .calendar_event_group:hover a, .path-calendar .maincalendar .calendar_event_user:hover a { color: #0b4f8a; text-decoration: underline; } .path-calendar .maincalendar .calendar_event_category { border-color: #d8bfd8; } .path-calendar .maincalendar .calendar_event_course { border-color: #ffd3bd; } .path-calendar .maincalendar .calendar_event_site { border-color: #d6f8cd; } .path-calendar .maincalendar .calendar_event_group { border-color: #fee7ae; } .path-calendar .maincalendar .calendar_event_user { border-color: #dce7ec; } .path-calendar .maincalendar .calendartable td, .path-calendar .maincalendar .calendartable li { padding: 0 4px 4px 4px; } .path-calendar .maincalendar .calendartable li { text-align: left; } .path-calendar .maincalendar .header { overflow: hidden; } .path-calendar .maincalendar .header .buttons { float: right; } .path-calendar .maincalendar .event .card-header img { vertical-align: baseline; } .path-calendar .maincalendar .event .location { word-break: break-all; overflow-wrap: break-word; } #page-calendar-export .indent { padding-left: 20px; } .block .minicalendar { max-width: 280px; margin: 0 auto; width: 100%; } .block .minicalendar th, .block .minicalendar td { padding: 2px; font-size: 0.8em; text-align: center; } .block .minicalendar td a { width: 100%; height: 100%; display: block; } .block .minicalendar td.duration_global { border-top: 1px solid #d6f8cd; border-bottom: 1px solid #d6f8cd; } .block .minicalendar td.duration_global.duration_finish { background-color: #d6f8cd; } .block .minicalendar td.duration_category { border-top: 1px solid #d8bfd8; border-bottom: 1px solid #d8bfd8; } .block .minicalendar td.duration_category.duration_finish { background-color: #d8bfd8; } .block .minicalendar td.duration_course { border-top: 1px solid #ffd3bd; border-bottom: 1px solid #ffd3bd; } .block .minicalendar td.duration_course.duration_finish { background-color: #ffd3bd; } .block .minicalendar td.duration_group { border-top: 1px solid #fee7ae; border-bottom: 1px solid #fee7ae; } .block .minicalendar td.duration_group.duration_finish { background-color: #fee7ae; } .block .minicalendar td.duration_user { border-top: 1px solid #dce7ec; border-bottom: 1px solid #dce7ec; } .block .minicalendar td.duration_user.duration_finish { background-color: #dce7ec; } .block .minicalendar caption { font-size: inherit; font-weight: inherit; line-height: inherit; text-align: center; } .block .calendar-controls .previous, .block .calendar-controls .current, .block .calendar-controls .next { display: block; float: left; } .block .calendar-controls .previous { text-align: left; width: 12%; } .block .calendar-controls .current { text-align: center; width: 76%; } .block .calendar-controls .next { text-align: right; width: 12%; } .block .calendar_filters ul { list-style: none; margin: 0; padding: 0; } .block .calendar_filters li { margin-bottom: 0.2em; } .block .calendar_filters li span img { padding: 0 0.2em; margin: 0; } .block .calendar_filters li .icon { vertical-align: initial; margin: 0 0.1rem 0 0.4rem; } .block .calendar_filters li > a:hover { text-decoration: none; } .block .calendar_filters li > a:hover .eventname { text-decoration: underline; } .block .content h3.eventskey { margin-top: 0.5em; } /* Display month name above the calendar */ table.calendartable caption { caption-side: top; } @media (min-width: 768px) { #page-calender-view .container-fluid { min-width: 1024px; } } .calendarwrapper { position: relative; } .day-popover-content:empty + .day-popover-alternate { display: block; } .location-content { overflow-wrap: break-word; } .description-content { overflow-wrap: break-word; } .description-content > p { margin: 0; } /* course.less */ /* COURSE CONTENT */ .section-modchooser-link img { margin-right: 0.5rem; width: 16px; height: 16px; } .section_add_menus { text-align: right; clear: both; } .section-modchooser { clear: both; } .block_tree .tree_item.branch { margin-left: 8px; } .section_add_menus .horizontal div, .section_add_menus .horizontal form { display: inline; } .section_add_menus optgroup { font-weight: normal; font-style: italic; } /*rtl:ignore*/ .section_add_menus .urlselect { text-align: left; margin-left: .4em; } /*rtl:ignore*/ .section_add_menus .urlselect select { margin-left: .2em; } .sitetopic ul.section { margin: 0; } body:not(.editing) .sitetopic ul.section { padding-left: 0; } body:not(.editing) .sitetopic ul.section .label .mod-indent-outer { padding-left: 0; } .course-content ul.section { margin: 1rem; } .section .side { margin-top: 0.5rem; } .section .side.left { float: left; } .section .side.right { float: right; clear: right; } .section .spinner { height: 16px; width: 16px; } .section .activity { /* The command block for each activity */ } .section .activity .spinner { left: 100%; position: absolute; } .section .activity .actions { position: absolute; right: 0; top: 0; display: flex; } .section .activity .contentwithoutlink, .section .activity .activityinstance { min-width: 40%; display: table-cell; padding-right: 4px; min-height: 2em; } .section .activity .contentwithoutlink > a, .section .activity .activityinstance > a { display: block; text-indent: -31px; padding-left: 31px; } .section .activity .contentwithoutlink .dimmed .activityicon, .section .activity .activityinstance .dimmed .activityicon { opacity: .5; } .section .activity a.stealth, .section .activity a.stealth:hover { color: #6eb5f3 !important; /* stylelint-disable-line declaration-no-important */ } .section .label .contentwithoutlink, .section .label .activityinstance { padding-right: 32px; display: block; height: inherit; } .section .label .mod-indent-outer { padding-left: 24px; display: block; } .section .filler { width: 16px; height: 16px; padding: 0; margin: 0 0.5rem; display: inline-block; } .section .activity.editor_displayed a.editing_title, .section .activity.editor_displayed .moodle-actionmenu { display: none; } .section .activity.editor_displayed div.activityinstance { padding-right: initial; } .section .activity.editor_displayed div.activityinstance input { margin-bottom: initial; padding-top: initial; padding-bottom: initial; vertical-align: text-bottom; } .activity img.activityicon { margin-right: 6px; vertical-align: text-bottom; } .section .activity .activityinstance, .section .activity .activityinstance div { display: inline-block; } .editing .section .activity .contentwithoutlink, .editing .section .activity .activityinstance { padding-right: 200px; } .editing .section .activity .editing_move { /* Move the move icon to the start of the line */ position: absolute; left: 0; top: 0; } .editing .section .activity .mod-indent-outer { /** * Add appropriate padding such that nothing overlaps the * absolute positioned move icon. */ padding-left: 2rem; } .editing_show + .editing_assign, .editing_hide + .editing_assign { margin-left: 20px; } .section .activity .commands { white-space: nowrap; display: inline-block; } .section .activity.modtype_label.label { font-weight: normal; padding: .2em; } .section li.activity { padding: .2em; clear: both; } .section .activity .activityinstance .groupinglabel { padding-left: 30px; } .section .activity .availabilityinfo, .section .activity .contentafterlink { margin-top: 0.5em; margin-left: 30px; } .section .activity .contentafterlink p { margin: .5em 0; } .editing .section .activity:hover, .editing .section .activity.action-menu-shown { background-color: rgba(0, 0, 0, 0.05); } .course-content .current { position: relative; } .course-content .current::before { content: ""; border-left: #1177d1 2px solid; position: absolute; left: -1.25rem; top: 0; bottom: 0; } .course-content .section-summary { border: 1px solid #dee2e6; margin-top: 5px; list-style: none; } .course-content .section-summary .section-title { margin: 2px 5px 10px 5px; } .course-content .section-summary .summarytext { margin: 2px 5px 2px 5px; } .course-content .section-summary .section-summary-activities .activity-count { font-size: 0.8203125rem; margin: 3px; white-space: nowrap; display: inline-block; } .course-content .section-summary .summary { margin-top: 5px; } .course-content .single-section { margin-top: 1em; } .course-content .single-section .section-navigation { display: block; padding: 0.5em; margin-bottom: -0.5em; } .course-content .single-section .section-navigation .title { font-weight: bold; font-size: 108%; clear: both; } .course-content .single-section .section-navigation .mdl-left { font-weight: normal; float: left; margin-right: 1em; } .course-content .single-section .section-navigation .mdl-left .larrow { margin-right: 0.1em; } .course-content .single-section .section-navigation .mdl-right { font-weight: normal; float: right; margin-left: 1em; } .course-content .single-section .section-navigation .mdl-right .rarrow { margin-left: 0.1em; } .course-content .single-section .section-navigation .mdl-bottom { margin-top: 0; } .course-content ul li.section.main { border-bottom: 1px solid #dee2e6; margin-top: 0; } .course-content ul li.section.main:last-child { border-bottom: 0; } .course-content ul.topics, .course-content ul.weeks { padding: 0; margin: 0; list-style: none; } .course-content ul.topics li.section, .course-content ul.weeks li.section { margin-top: 1rem; padding-bottom: 1rem; } .course-content ul.topics li.section .summary, .course-content ul.topics li.section .content > .availabilityinfo, .course-content ul.weeks li.section .summary, .course-content ul.weeks li.section .content > .availabilityinfo { margin-left: 25px; } .course-content ul.topics li.section .left, .course-content ul.topics li.section .right, .course-content ul.weeks li.section .left, .course-content ul.weeks li.section .right { padding: 0 6px 0; text-align: right; width: auto; } .course-content { margin-top: 0; } .course-content .hidden { display: none; } .course-content li.section ul { list-style: disc; } .course-content li.section ul ul { list-style: circle; } .course-content li.section ul ul ul { list-style: square; } .course-content li.section li.activity ul { list-style: disc; } .course-content li.section li.activity ul ul { list-style: circle; } .course-content li.section li.activity ul ul ul { list-style: square; } .course-content li.section .right > .icon:first-child { /* Remove the spacer icon. */ display: none; } .path-course-view.editing #region-main > .card-block, .path-course-view.editing #page-enrol-users #region-main > #filterform, #page-enrol-users .path-course-view.editing #region-main > #filterform { padding-bottom: 13rem; } .jumpmenu .form-inline { display: block; } .path-course-view .completionprogress { margin-left: 25px; } .path-course-view .completionprogress { display: block; float: right; height: 20px; position: relative; } #page-site-index .subscribelink { text-align: right; } #site-news-forum h2, #frontpage-course-list h2, #frontpage-category-names h2, #frontpage-category-combo h2 { margin-bottom: 9px; } .path-course-view a.reduce-sections { padding-left: 0.2em; } .path-course-view .subscribelink { text-align: right; } .path-course-view .unread { margin-left: 30px; } .path-course-view .block.drag .header { cursor: move; } .path-course-view .completionprogress { text-align: right; } .path-course-view .single-section .completionprogress { margin-right: 5px; } .path-site li.activity > div, .path-course-view li.activity > div { position: relative; padding: 0 16px 0 0; /* to accommodate the floated completion icon with highlighting */ } .path-course-view li.activity span.autocompletion img { vertical-align: text-bottom; margin-left: 0; } .path-course-view li.activity form.togglecompletion .btn, .path-course-view li.activity form.togglecompletion #page-grade-grading-manage .actions .action, #page-grade-grading-manage .actions .path-course-view li.activity form.togglecompletion .action, .path-course-view li.activity form.togglecompletion #rubric-rubric.gradingform_rubric .addcriterion, #rubric-rubric.gradingform_rubric .path-course-view li.activity form.togglecompletion .addcriterion { padding: 0; } .path-course-view li.activity form.togglecompletion img { max-width: none; /* The width is 0 so ensure we don't end up with a relative max-width */ } .path-course-view.editing li.activity span.autocompletion img { /* Use the same spacing as the filler. */ margin-right: 0.5rem; margin-left: 0.5rem; } .path-course-view li.activity form.togglecompletion .ajaxworking { width: 16px; height: 16px; position: absolute; right: 22px; top: 3px; background: url([[pix:i/ajaxloader]]) no-repeat; } li.section.hidden span.commands a.editing_hide, li.section.hidden span.commands a.editing_show { cursor: default; } .single-section h3.sectionname { text-align: center; clear: both; } .section img.movetarget { height: 16px; width: 80px; } input.titleeditor { width: 330px; vertical-align: text-bottom; } span.editinstructions { /*rtl:remove*/ position: absolute; /*rtl:raw: position: relative; */ top: 0; margin-top: -22px; margin-left: 30px; font-size: 0.8203125rem; padding: .1em .4em; background-color: #def2f8; color: #5bc0de; text-decoration: none; z-index: 9999; border: 1px solid #d1edf6; } /* Course drag and drop upload styles */ #dndupload-status { position: fixed; left: 0; width: 40%; margin: 0 30%; padding: 6px; border: 1px solid #d1edf6; text-align: center; background: #def2f8; color: #5bc0de; z-index: 1; border-radius: 8px; } .dndupload-preview { color: #909090; border: 1px dashed #909090; list-style: none; margin-top: .2em; padding: .3em; } .dndupload-hidden { display: none; } /* COURSES LISTINGS AND COURSE SUMMARY */ #page-course-pending .singlebutton, #page-course-index .singlebutton, #page-course-index-category .singlebutton, #page-course-editsection .singlebutton { text-align: center; } #page-admin-course-manage #movecourses td img { margin: 0 .22em; vertical-align: text-bottom; } #coursesearch { margin-top: 1em; text-align: left; } #page-course-pending .pendingcourserequests { margin-bottom: 1em; } #page-course-pending .pendingcourserequests .singlebutton { display: inline; } #page-course-pending .pendingcourserequests .cell { padding: 0 5px; } #page-course-pending .pendingcourserequests .cell.c6 { white-space: nowrap; } .coursebox { padding: 0.5rem; } .coursebox > .info > .coursename a { display: block; background-image: url([[pix:moodle|i/course]]); background-repeat: no-repeat; padding-left: 21px; background-position: left 0.2em; } .coursebox > .info > .coursename, .coursebox .content .teachers, .coursebox .content .courseimage, .coursebox .content .coursefile, .coursebox .content .customfields-container { float: left; clear: left; } .coursebox .content .teachers, .coursebox .content .courseimage, .coursebox .content .coursefile, .coursebox .content .customfields-container { width: 40%; } .coursebox > .info > h3.coursename { margin: 5px; } .coursebox > .info > .coursename { margin: 5px; padding: 0; } .coursebox .content .teachers li { list-style-type: none; padding: 0; margin: 0; } .coursebox .moreinfo, .coursebox .enrolmenticons { padding: 3px 0; float: right; } .coursebox .moreinfo img { margin: 0 .2em; } .coursebox .content { clear: both; } .coursebox .content .summary, .coursebox .content .coursecat { float: right; width: 55%; } .coursebox .content .coursecat { text-align: right; clear: right; } .coursebox.remotecoursebox .remotecourseinfo { float: left; width: 40%; } .coursebox .content .courseimage img { max-width: 100px; max-height: 100px; } .coursebox .content .coursecat, .coursebox .content .summary, .coursebox .content .courseimage, .coursebox .content .coursefile, .coursebox .content .teachers, .coursebox.remotecoursebox .remotecourseinfo, .coursebox .content .customfields-container { margin: 15px 5px 5px; padding: 0; } .coursebox.remotehost > .info > .categoryname a { background-image: url([[pix:moodle|i/mnethost]]); } .coursebox.collapsed { margin-bottom: 0; } .coursebox.collapsed > .content { display: none; } .courses .coursebox.collapsed { padding-top: 0.5rem; padding-bottom: 0.5rem; } .courses .coursebox.even { background-color: rgba(0, 0, 0, 0.05); } .courses > .paging.paging-morelink { text-align: center; padding: 1rem; } .course_category_tree .category .numberofcourse { font-size: 0.8203125rem; } .course_category_tree .controls { visibility: hidden; } .course_category_tree .controls div { display: inline; cursor: pointer; } .jsenabled .course_category_tree .controls { visibility: visible; } .course_category_tree .controls { margin-bottom: 5px; text-align: right; float: right; } .course_category_tree .controls div { padding-right: 2em; font-size: 75%; } .course_category_tree .category > .info > .categoryname { background-image: url([[pix:moodle|t/collapsed_empty]]); background-repeat: no-repeat; padding: 2px 18px; margin: 3px; background-position: center left; } /* rtl:raw: .course_category_tree .category > .info > .categoryname { background-image:url([[pix:moodle|t/collapsed_empty_rtl]]); } */ .course_category_tree .category.with_children > .info > .categoryname { background-image: url([[pix:moodle|t/expanded]]); cursor: pointer; } .course_category_tree .category.with_children.collapsed > .info > .categoryname { background-image: url([[pix:moodle|t/collapsed]]); } /* rtl:raw: .course_category_tree .category.with_children.collapsed > .info > .categoryname { background-image:url([[pix:moodle|t/collapsed_rtl]]); } */ .course_category_tree .category.collapsed > .content { display: none; } .course_category_tree .category > .info { clear: both; } .course_category_tree .category > .content { padding-left: 16px; } #page-course-index-category .generalbox.info { margin-bottom: 15px; border: 1px dotted #ddd; border-radius: 4px; padding: 5px; } #page-course-index-category .categorypicker { text-align: center; margin: 10px 0 20px; } /** * Course management page * Palette * * Background (reg) #F5F5F5 * Background (light #fafafa * Background (highlight) #ddffaa * Borders #e1e1e8 */ #course-category-listings { margin-bottom: 0; /** Two column layout */ /** Three column layout */ } #course-category-listings.columns-2 > #course-listing > div { position: relative; left: -1px; } #course-category-listings.columns-3 > #course-listing > div { height: 100%; } #course-category-listings > div > div { min-height: 300px; } #course-category-listings > div > div > ul.ml > li:first-child > div { border-top: 0; } #course-category-listings h3 { margin: 0; padding: 0.4rem 0.6rem 0.3rem; } #course-category-listings h4 { margin: 1rem 0 0; padding: 0.6rem 1rem 0.5rem; } #course-category-listings .moodle-actionmenu { white-space: nowrap; } #course-category-listings .listing-actions { text-align: center; } #course-category-listings .listing-actions > .moodle-actionmenu { display: inline-block; } #course-category-listings ul.ml { list-style: none; margin: 1rem 0; } #course-category-listings ul.ml ul.ml { margin: 0; } #course-category-listings .listitem[data-selected='1'] { border-left: 6px solid #5bc0de; padding-left: calc(1.25rem - 5px); } #course-category-listings .item-actions { margin-right: 1em; display: inline-block; } #course-category-listings .item-actions.show .menu img { width: 12px; max-width: none; } #course-category-listings .item-actions .menu-action-text { vertical-align: inherit; } #course-category-listings .listitem > div > .float-left { float: left; } #course-category-listings .listitem > div > .float-right { float: right; text-align: right; } #course-category-listings .listitem > div .item-actions .action-show { display: none; } #course-category-listings .listitem > div .item-actions .action-hide { display: inline; } #course-category-listings .listitem > div .without-actions { color: #333; } #course-category-listings .listitem > div .idnumber { margin-right: 2em; } #course-category-listings .listitem[data-visible="0"] > div .item-actions .action-show { display: inline; } #course-category-listings .listitem[data-visible="0"] > div .item-actions .action-hide { display: none; } #course-category-listings .listitem.highlight { background-color: #fff; } #course-category-listings .listitem.highlight > div, #course-category-listings .listitem.highlight > div:hover, #course-category-listings .listitem.highlight[data-selected='1'] > div { background-color: rgba(0, 0, 0, 0.075); } #course-category-listings #course-listing .listitem .categoryname { display: inline-block; margin-left: 1em; color: #a1a1a8; } #course-category-listings #course-listing .listitem .coursename { display: inline-block; } #course-category-listings #course-listing > .firstpage .listitem:first-child > div .item-actions .action-moveup, #course-category-listings #course-listing > .lastpage .listitem:last-child > div .item-actions .action-movedown { display: none; } #course-category-listings #course-listing .bulk-action-checkbox { margin: -2px 6px 0 0; } #course-category-listings #category-listing .listitem.collapsed > ul.ml { display: none; } #course-category-listings #category-listing .listitem:first-child > div .item-actions .action-moveup, #course-category-listings #category-listing .listitem:last-child > div .item-actions .action-movedown { display: none; } #course-category-listings #category-listing .course-count { color: #a1a1a8; margin-right: 2rem; min-width: 3.5em; display: inline-block; } #course-category-listings #category-listing .bulk-action-checkbox { margin-right: -3px; } #course-category-listings #category-listing .category-listing > ul > .listitem:first-child { position: relative; } #course-category-listings #category-listing .category-bulk-actions { margin: 0 0.5em 0.5em; position: relative; } #course-category-listings .detail-pair > * { display: inline-block; } #course-category-listings .detail-pair .pair-key { font-weight: bold; vertical-align: top; } #course-category-listings .detail-pair .pair-key span { margin-right: 1rem; display: block; } #course-category-listings .detail-pair .pair-value select { max-width: 100%; } #course-category-listings .bulk-actions .detail-pair > * { display: block; width: 100%; } #course-category-listings .listing-pagination { text-align: center; } #course-category-listings .listing-pagination .yui3-button { color: #212529; background-color: #5bc0de; border-color: #5bc0de; border: 0; margin: 0.4rem 0.2rem 0.45rem; font-size: 10.4px; } #course-category-listings .listing-pagination .yui3-button:hover { color: #fff; background-color: #3bb4d8; border-color: #31b0d5; } #course-category-listings .listing-pagination .yui3-button:focus, #course-category-listings .listing-pagination .yui3-button.focus { box-shadow: 0 0 0 0.2rem rgba(91, 192, 222, 0.5); } #course-category-listings .listing-pagination .yui3-button.disabled, #course-category-listings .listing-pagination .yui3-button:disabled { color: #212529; background-color: #5bc0de; border-color: #5bc0de; } #course-category-listings .listing-pagination .yui3-button:not(:disabled):not(.disabled):active, #course-category-listings .listing-pagination .yui3-button:not(:disabled):not(.disabled).active, .show > #course-category-listings .listing-pagination .yui3-button.dropdown-toggle { color: #fff; background-color: #31b0d5; border-color: #2aaacf; } #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, .show > #course-category-listings .listing-pagination .yui3-button.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(91, 192, 222, 0.5); } #course-category-listings .listing-pagination .yui3-button.active-page { color: #fff; background-color: #1177d1; border-color: #1177d1; } #course-category-listings .listing-pagination .yui3-button.active-page:hover { color: #fff; background-color: #0e63ae; border-color: #0d5ca2; } #course-category-listings .listing-pagination .yui3-button.active-page:focus, #course-category-listings .listing-pagination .yui3-button.active-page.focus { box-shadow: 0 0 0 0.2rem rgba(17, 119, 209, 0.5); } #course-category-listings .listing-pagination .yui3-button.active-page.disabled, #course-category-listings .listing-pagination .yui3-button.active-page:disabled { color: #fff; background-color: #1177d1; border-color: #1177d1; } #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, .show > #course-category-listings .listing-pagination .yui3-button.active-page.dropdown-toggle { color: #fff; background-color: #0d5ca2; border-color: #0c5596; } #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, .show > #course-category-listings .listing-pagination .yui3-button.active-page.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(17, 119, 209, 0.5); } #course-category-listings .listing-pagination-totals { text-align: center; } #course-category-listings .listing-pagination-totals.dimmed { margin: 0.4rem 1rem 0.45rem; } #course-category-listings .select-a-category .notifymessage, #course-category-listings .select-a-category .alert, #course-category-listings .select-a-category #page-admin-index .releasenoteslink, #page-admin-index #course-category-listings .select-a-category .releasenoteslink, #course-category-listings .select-a-category #page-admin-index .adminwarning, #page-admin-index #course-category-listings .select-a-category .adminwarning, #course-category-listings .select-a-category #page-admin-index .adminerror, #page-admin-index #course-category-listings .select-a-category .adminerror, #course-category-listings .select-a-category .que .formulation, .que #course-category-listings .select-a-category .formulation, #course-category-listings .select-a-category .que .outcome, .que #course-category-listings .select-a-category .outcome, #course-category-listings .select-a-category .que .comment, .que #course-category-listings .select-a-category .comment, #course-category-listings .select-a-category .assignfeedback_editpdf_widget .label, .assignfeedback_editpdf_widget #course-category-listings .select-a-category .label { margin: 1em; } #course-category-listings #course-listing .listitem .drag-handle { display: none; } .jsenabled #course-category-listings #course-listing .listitem .drag-handle { display: inline-block; margin: 0 6px 0 0; cursor: pointer; } /** Management header styling **/ .coursecat-management-header { vertical-align: middle; } .coursecat-management-header h2 { display: inline-block; text-align: left; } .coursecat-management-header > div { display: inline-block; float: right; } .coursecat-management-header > div > div { margin: 10px 0 10px 1em; display: inline-block; } .coursecat-management-header select { max-width: 300px; cursor: pointer; padding: 0.4em 0.5em 0.45em 1em; vertical-align: baseline; white-space: nowrap; } .coursecat-management-header .view-mode-selector .moodle-actionmenu { white-space: nowrap; display: inline-block; } .coursecat-management-header .view-mode-selector .moodle-actionmenu[data-enhanced].show .menu a { padding-left: 1em; } .course-being-dragged-proxy { border: 0; color: #1177d1; vertical-align: middle; padding: 0 0 0 4em; } .course-being-dragged { opacity: 0.5; } /** * Display sizes: * Large displays 1200 + * Default displays 980 1199 * Tablets 768 979 * Small tablets and large phones 481 767 * Phones 0 480 */ @media (min-width: 1200px) and (max-width: 1600px) { #course-category-listings.columns-3 { background-color: #fff; border: 0; } #course-category-listings.columns-3 #category-listing, #course-category-listings.columns-3 #course-listing { width: 50%; } #course-category-listings.columns-3 #category-listing > div, #course-category-listings.columns-3 #course-listing > div, #course-category-listings.columns-3 #course-detail > div { background-color: #fff; } #course-category-listings.columns-3 #course-detail { width: 100%; margin-top: 1em; } } @media (max-width: 1199px) { #course-category-listings.columns-2, #course-category-listings.columns-3 { border: 0; } #course-category-listings.columns-2 #category-listing, #course-category-listings.columns-2 #course-listing, #course-category-listings.columns-2 #course-detail, #course-category-listings.columns-3 #category-listing, #course-category-listings.columns-3 #course-listing, #course-category-listings.columns-3 #course-detail { width: 100%; margin: 0 0 1em; } } .page-settings-menu .menubar > a > .icon { width: auto; height: 32px; font-size: 32px; } .activity-navigation .row { align-items: center; } .activity-navigation #prev-activity-link, .activity-navigation #next-activity-link { white-space: pre-wrap; } /* Anchor link offset fix. This makes hash links scroll 60px down to account for the fixed header. */ :target::before { content: " "; display: block; height: 60px; /* fixed header height*/ margin-top: -60px; /* negative fixed header height */ width: 1px; pointer-events: none; } .pagelayout-embedded :target { padding-top: initial; margin-top: initial; } #nav-drawer.closed { left: -305px; } #nav-drawer[aria-hidden=true] .list-group-item { display: none; } /* Use a variable for the drawer background colors. */ [data-region="drawer"] { position: fixed; padding: 20px 20px; width: 285px; top: 50px; height: calc(100% - 50px); overflow-y: auto; -webkit-overflow-scrolling: touch; z-index: 999; background-color: #f2f2f2; -webkit-transition: right 0.5s ease, left 0.5s ease; -moz-transition: right 0.5s ease, left 0.5s ease; transition: right 0.5s ease, left 0.5s ease; } #nav-drawer { right: auto; left: 0; /* Override the z-indexes defined in bootstrap/_list-group.scss that lead to side effects on the user tours positioning. */ } #nav-drawer .list-group-item-action.active, #nav-drawer .list-group-item.active { z-index: inherit; } #nav-drawer .list-group-item-action.active + .list-group-item, #nav-drawer .list-group-item.active + .list-group-item { border-top: none; } #page { margin-top: 50px; } .pagelayout-embedded #page { margin-top: 0; } body.drawer-ease { -webkit-transition: margin-left 0.5s ease, margin-right 0.5s ease; -moz-transition: margin-left 0.5s ease, margin-right 0.5s ease; transition: margin-left 0.5s ease, margin-right 0.5s ease; } @media (min-width: 768px) { body.drawer-open-left { margin-left: 285px; } } @media (min-width: 768px) { body.drawer-open-right { margin-right: 285px; } } #page-my-index { background-color: #f8f9fa; } .fp-content-center { height: 100%; width: 100%; display: table-cell; vertical-align: middle; } .fp-content-hidden { visibility: hidden; } .yui3-panel-focused { outline: none; } .fp-panel-button { background: #fff; padding: 3px 20px 2px 20px; text-align: center; margin: 10px; border-radius: 10px; display: inline-block; } .filepicker .yui3-widget-content-expanded { height: auto; } /* The javascript is adding a style="height: 0px;" to this element - we need to set the min-height so the height is ignored. */ .filepicker .moodle-dialogue-bd { min-height: 520px; } .file-picker .fp-navbar { border-bottom: 1px solid #e5e5e5; min-height: 40px; padding: 4px; } .file-picker .fp-content { border-top: 0; background: #fff; clear: none; overflow: auto; height: 452px; } .filepicker.moodle-dialogue-fullscreen .file-picker .fp-content { width: 100%; } .file-picker .fp-content-loading { height: 100%; width: 100%; display: table; text-align: center; } .file-picker .fp-content .fp-object-container { width: 98%; height: 98%; } .file-picker .fp-def-search { margin-top: 0; } .file-picker .fp-list { list-style-type: none; padding: 0; float: left; width: 100%; margin: 0; } .file-picker .fp-list .fp-repo a { display: block; padding: .5em .7em; } .file-picker .fp-list .fp-repo.active { background: #f2f2f2; } .file-picker .fp-list .fp-repo-icon { padding: 0 7px 0 5px; width: 16px; height: 16px; } .fp-toolbar { float: left; } .fp-toolbar.empty { display: none; } .fp-toolbar .disabled { display: none; } .fp-toolbar div { display: block; float: left; margin-right: 4px; } .fp-toolbar img { vertical-align: -15%; margin-right: 5px; } .file-picker .fp-clear-left { clear: left; } .fp-pathbar.empty { display: none; } .fp-pathbar .fp-path-folder { background: url("[[pix:theme|fp/path_folder]]") left 3px no-repeat; background-size: 12px 12px; height: 12px; margin-left: 12px; } /*rtl:raw: .fp-pathbar .fp-path-folder { background-image: url('[[pix:theme|fp/path_folder_rtl]]'); } */ .fp-pathbar .fp-path-folder-name { margin-left: 24px; } .fp-iconview .fp-file { float: left; text-align: center; position: relative; margin: 10px 10px 35px; } .fp-iconview .fp-thumbnail { min-width: 110px; min-height: 110px; line-height: 110px; text-align: center; border: 1px solid #fff; display: block; } .fp-iconview .fp-thumbnail img { border: 1px solid #ddd; padding: 3px; vertical-align: middle; } .fp-iconview .fp-thumbnail:hover { background: #fff; border: 1px solid #ddd; } .fp-iconview .fp-filename-field { height: 33px; word-wrap: break-word; overflow: hidden; position: absolute; } .fp-iconview .fp-file:focus .fp-filename-field, .fp-iconview .fp-file:hover .fp-filename-field { overflow: visible; z-index: 1000; } .fp-iconview .fp-file:focus .fp-filename, .fp-iconview .fp-file:hover .fp-filename { overflow: inherit; white-space: normal; text-overflow: inherit; } .fp-iconview .fp-filename-field .fp-filename { background: #fff; padding-top: 5px; padding-bottom: 12px; min-width: 112px; } .file-picker .yui3-datatable table { border: 0 solid #bbb; width: 100%; } .file-picker .ygtvtn, .filemanager .ygtvtn { /*rtl:remove*/ background: url("[[pix:moodle|y/tn]]") 0 0 no-repeat; /*rtl:raw: background: url('[[pix:moodle|y/tn_rtl]]') 0 0 no-repeat; */ width: 19px; height: 32px; } .file-picker .ygtvtm, .filemanager .ygtvtm { background: url("[[pix:moodle|y/tm]]") 0 10px no-repeat; /*rtl:raw: background-position: 2px 10px; */ width: 13px; height: 12px; cursor: pointer; } .file-picker .ygtvtmh, .filemanager .ygtvtmh { background: url("[[pix:moodle|y/tm]]") 0 10px no-repeat; /*rtl:raw: background-position: 2px 10px; */ width: 13px; height: 12px; cursor: pointer; } .file-picker .ygtvtp, .filemanager .ygtvtp { /*rtl:remove*/ background: url("[[pix:moodle|y/tp]]") 0 10px no-repeat; /*rtl:raw: background: url('[[pix:moodle|y/tp_rtl]]') 2px 10px no-repeat; */ width: 13px; height: 12px; cursor: pointer; } .file-picker .ygtvtph, .filemanager .ygtvtph { /*rtl:remove*/ background: url("[[pix:moodle|y/tp]]") 0 10px no-repeat; /*rtl:raw: background: url('[[pix:moodle|y/tp_rtl]]') 2px 10px no-repeat; */ width: 13px; height: 22px; cursor: pointer; } .file-picker .ygtvln, .filemanager .ygtvln { /*rtl:remove*/ background: url("[[pix:moodle|y/ln]]") 0 0 no-repeat; /*rtl:raw: background: url('[[pix:moodle|y/ln_rtl]]') 0 0 no-repeat; */ width: 19px; height: 32px; } .file-picker .ygtvlm, .filemanager .ygtvlm { background: url("[[pix:moodle|y/lm]]") 0 10px no-repeat; /*rtl:raw: background-position: 2px 10px; */ width: 13px; height: 12px; cursor: pointer; } .file-picker .ygtvlmh, .filemanager .ygtvlmh { background: url("[[pix:moodle|y/lm]]") 0 10px no-repeat; /*rtl:raw: background-position: 2px 10px; */ width: 13px; height: 12px; cursor: pointer; } .file-picker .ygtvlp, .filemanager .ygtvlp { /*rtl:remove*/ background: url("[[pix:moodle|y/lp]]") 0 10px no-repeat; /*rtl:raw: background: url('[[pix:moodle|y/lp_rtl]]') 2px 10px no-repeat; */ width: 13px; height: 12px; cursor: pointer; } .file-picker .ygtvlph, .filemanager .ygtvlph { /*rtl:remove*/ background: url("[[pix:moodle|y/lp]]") 0 10px no-repeat; /*rtl:raw: background: url('[[pix:moodle|y/lp_rtl]]') 2px 10px no-repeat; */ width: 13px; height: 12px; cursor: pointer; } .file-picker .ygtvloading, .filemanager .ygtvloading { background: transparent url("[[pix:moodle|y/loading]]") 0 0 no-repeat; width: 16px; height: 22px; } .file-picker .ygtvdepthcell, .filemanager .ygtvdepthcell { background: url("[[pix:moodle|y/vline]]") 0 0 no-repeat; /*rtl:raw: background-position: 0 0; */ width: 17px; height: 32px; } .file-picker .ygtvblankdepthcell, .filemanager .ygtvblankdepthcell { width: 17px; height: 22px; } a.ygtvspacer:hover { color: transparent; text-decoration: none; } .ygtvlabel, .ygtvlabel:link, .ygtvlabel:visited, .ygtvlabel:hover { background-color: transparent; cursor: pointer; margin-left: 2px; text-decoration: none; } .file-picker .ygtvfocus, .filemanager .ygtvfocus { background-color: #eee; } .fp-filename-icon { margin-top: 10px; display: block; position: relative; } .fp-icon { float: left; margin-top: -7px; width: 24px; height: 24px; margin-right: 10px; text-align: center; line-height: 24px; } .fp-icon img { max-height: 24px; max-width: 24px; vertical-align: middle; } .fp-filename { padding-right: 10px; } .file-picker .fp-login-form { height: 100%; width: 100%; display: table; } .file-picker .fp-upload-form { height: 100%; width: 100%; display: table; } .file-picker .fp-upload-form table { margin: 0 auto; } .file-picker.fp-dlg { text-align: center; } .file-picker.fp-dlg .fp-dlg-buttons { margin: 0 20px; } .file-picker.fp-msg { text-align: center; } .file-picker .fp-content-error { height: 100%; width: 100%; display: table; text-align: center; } .file-picker .fp-nextpage { clear: both; } .file-picker .fp-nextpage .fp-nextpage-loading { display: none; } .file-picker .fp-nextpage.loading .fp-nextpage-link { display: none; } .file-picker .fp-nextpage.loading .fp-nextpage-loading { display: block; text-align: center; height: 100px; padding-top: 50px; } .fp-select .fp-select-loading { text-align: center; margin-top: 20px; } .fp-select table { padding: 0 0 10px; } .fp-select table .mdl-right { min-width: 84px; } .fp-select .fp-reflist .mdl-right { vertical-align: top; } .fp-select .fp-select-buttons { float: right; } .fp-select .fp-info { font-size: 0.703125rem; } .fp-select .fp-thumbnail { float: left; min-width: 110px; min-height: 110px; line-height: 110px; text-align: center; margin: 10px 20px 0 0; background: #fff; border: 1px solid #ddd; } .fp-select .fp-thumbnail img { border: 1px solid #ddd; padding: 3px; vertical-align: middle; margin: 10px; } .fp-select .fp-fileinfo { display: inline-block; margin-top: 10px; } .file-picker.fp-select .fp-fileinfo { max-width: 240px; } .fp-select .fp-fileinfo div { padding-bottom: 5px; } .file-picker.fp-select .uneditable { display: none; } .file-picker.fp-select .fp-select-loading { display: none; } .file-picker.fp-select.loading .fp-select-loading { display: block; } .file-picker.fp-select.loading form { display: none; } .fp-select .fp-dimensions.fp-unknown { display: none; } .fp-select .fp-size.fp-unknown { display: none; } .filemanager-loading { display: none; } .jsenabled .filemanager-loading { display: block; margin-top: 100px; } .filemanager.fm-loading .filemanager-toolbar, .filemanager.fm-loading .fp-pathbar, .filemanager.fm-loading .filemanager-container, .filemanager.fm-loaded .filemanager-loading, .filemanager.fm-maxfiles .fp-btn-add, .filemanager.fm-maxfiles .dndupload-message, .filemanager.fm-noitems .fp-btn-download, .filemanager .fm-empty-container, .filemanager.fm-noitems .filemanager-container .fp-content { display: none; } .filemanager .fp-img-downloading { display: none; padding-top: 7px; } .filemanager .filemanager-updating { display: none; text-align: center; } .filemanager.fm-updating .filemanager-updating { display: block; margin-top: 37px; } .filemanager.fm-updating .fm-content-wrapper, .filemanager.fm-nomkdir .fp-btn-mkdir, .fitem.disabled .filemanager .filemanager-toolbar, .fitem.disabled .filemanager .fp-pathbar, .fitem.disabled .filemanager .fp-restrictions, .fitem.disabled .filemanager .fm-content-wrapper { display: none; } .filemanager .fp-restrictions { text-align: right; } .filemanager-toolbar { padding: 4px; overflow: hidden; } .filemanager .fp-pathbar.empty { display: none; } .filepicker-filelist, .filemanager-container { min-height: 140px; border-top: 0; } .filemanager .fp-content { overflow: auto; max-height: 472px; min-height: 157px; } .filemanager-container, .filepicker-filelist { overflow: hidden; } .file-picker .yui3-datatable-header { background: initial; } .fitem.disabled .filepicker-filelist, .fitem.disabled .filemanager-container { background-color: #ebebe4; } .fitem.disabled .filepicker-filelist .filepicker-filename { display: none; } .fp-iconview .fp-reficons1 { position: absolute; height: 100%; width: 100%; top: 0; left: 0; } .fp-iconview .fp-reficons2 { position: absolute; height: 100%; width: 100%; top: 0; left: 0; } .fp-iconview .fp-file.fp-hasreferences .fp-reficons1 { background: url("[[pix:theme|fp/link]]") no-repeat; /*rtl:raw: transform: scaleX(-1); */ /*rtl:ignore*/ background-position: bottom right; background-size: 16px 16px; } .fp-iconview .fp-file.fp-isreference .fp-reficons2 { background: url("[[pix:theme|fp/alias]]") no-repeat; /*rtl:raw: transform: scaleX(-1); */ /*rtl:ignore*/ background-position: bottom left; background-size: 16px 16px; } .filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail img { display: none; } .filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail { background: url([[pix:s/dead]]) no-repeat; background-position: center center; } .filemanager .yui3-datatable table { border: 0 solid #bbb; width: 100%; } /* Override YUI default styling */ /* stylelint-disable declaration-no-important */ .filemanager .yui3-datatable-header { background: #fff !important; border-bottom: 1px solid #ccc !important; border-left: 0 solid #fff !important; color: #555 !important; } .filemanager .yui3-datatable-odd .yui3-datatable-cell { background-color: #f6f6f6 !important; border-left: 0 solid #f6f6f6; } .filemanager .yui3-datatable-even .yui3-datatable-cell { background-color: #fff !important; border-left: 0 solid #fff; } /* stylelint-enable */ .filemanager .fp-filename-icon.fp-hasreferences .fp-reficons1 { background: url("[[pix:theme|fp/link_sm]]") no-repeat 0 0; height: 100%; width: 100%; /*rtl:raw: transform: scaleX(-1); */ position: absolute; top: 8px; left: 17px; background-size: 16px 16px; } .filemanager .fp-filename-icon.fp-isreference .fp-reficons2 { background: url("[[pix:theme|fp/alias_sm]]") no-repeat 0 0; height: 100%; width: 100%; /*rtl:raw: transform: scaleX(-1); */ position: absolute; top: 9px; left: -6px; background-size: 16px 16px; } .filemanager .fp-contextmenu { display: none; } .filemanager .fp-iconview .fp-folder.fp-hascontextmenu .fp-contextmenu { display: block; position: absolute; right: 7px; bottom: 5px; } .filemanager .fp-treeview .fp-folder.fp-hascontextmenu .fp-contextmenu, .filemanager .fp-tableview .fp-folder.fp-hascontextmenu .fp-contextmenu { display: inline; position: absolute; left: 14px; margin-right: -20px; top: 6px; } .filepicker-filelist .filepicker-container, .filemanager.fm-noitems .fm-empty-container { display: block; position: absolute; top: 10px; bottom: 10px; left: 10px; right: 10px; border: 2px dashed #bbb; padding-top: 85px; text-align: center; } .filepicker-filelist .dndupload-target, .filemanager-container .dndupload-target { background: #fff; position: absolute; top: 10px; bottom: 10px; left: 10px; right: 10px; border: 2px dashed #fb7979; padding-top: 85px; text-align: center; } .filepicker-filelist.dndupload-over .dndupload-target, .filemanager-container.dndupload-over .dndupload-target { background: #fff; position: absolute; top: 10px; bottom: 10px; left: 10px; right: 10px; border: 2px dashed #6c8cd3; padding-top: 85px; text-align: center; } .dndupload-message { display: none; } .dndsupported .dndupload-message { display: inline; } .dnduploadnotsupported-message { display: none; } .dndnotsupported .dnduploadnotsupported-message { display: inline; } .dndupload-target { display: none; } .dndsupported .dndupload-ready .dndupload-target { display: block; } .dndupload-uploadinprogress { display: none; text-align: center; } .dndupload-uploading .dndupload-uploadinprogress { display: block; } .dndupload-arrow { background: url([[pix:theme|fp/dnd_arrow]]) center no-repeat; width: 100%; height: 80px; position: absolute; top: 5px; } .fitem.disabled .filepicker-container, .fitem.disabled .fm-empty-container { display: none; } .dndupload-progressbars { padding: 10px; display: none; } .dndupload-inprogress .dndupload-progressbars { display: block; } .dndupload-inprogress .fp-content { display: none; } .filemanager.fm-noitems .dndupload-inprogress .fm-empty-container { display: none; } .filepicker-filelist.dndupload-inprogress .filepicker-container { display: none; } .filepicker-filelist.dndupload-inprogress a { display: none; } .filemanager.fp-select .fp-select-loading { display: none; } .filemanager.fp-select.loading .fp-select-loading { display: block; } .filemanager.fp-select.loading form { display: none; } .filemanager.fp-select.fp-folder .fp-license, .filemanager.fp-select.fp-folder .fp-author, .filemanager.fp-select.fp-file .fp-file-unzip, .filemanager.fp-select.fp-folder .fp-file-unzip, .filemanager.fp-select.fp-file .fp-file-zip, .filemanager.fp-select.fp-zip .fp-file-zip { display: none; } .filemanager.fp-select .fp-file-setmain, .filemanager.fp-select .fp-file-setmain-help { display: none; } .filemanager.fp-select.fp-cansetmain .fp-file-setmain, .filemanager.fp-select.fp-cansetmain .fp-file-setmain-help { display: inline-block; } .filemanager .fp-mainfile .fp-filename { font-weight: bold; } .filemanager.fp-select.fp-folder .fp-file-download { display: none; } .fm-operation { font-weight: bold; } .filemanager.fp-select .fp-original.fp-unknown, .filemanager.fp-select .fp-original .fp-originloading { display: none; } .filemanager.fp-select .fp-original.fp-loading .fp-originloading { display: inline; } .filemanager.fp-select .fp-reflist.fp-unknown, .filemanager.fp-select .fp-reflist .fp-reflistloading { display: none; } .filemanager.fp-select .fp-reflist.fp-loading .fp-reflistloading { display: inline; } .filemanager.fp-select .fp-reflist .fp-value { background: #f9f9f9; border: 1px solid #bbb; padding: 8px 7px; margin: 0; max-height: 75px; overflow: auto; } .filemanager.fp-select .fp-reflist .fp-value li { padding-bottom: 7px; } .filemanager.fp-mkdir-dlg { text-align: center; } .filemanager.fp-mkdir-dlg .fp-mkdir-dlg-text { text-align: left; margin: 20px; } .filemanager.fp-dlg { text-align: center; } .file-picker div.bd { text-align: left; } .fp-formset { padding: 10px; } .fp-formset input[type="file"] { line-height: inherit; } .fp-forminset { padding: 0 10px; } .fp-fileinfo .fp-value { display: inline-block; padding-left: 5px; } /** The message area **/ .hidden { display: none; } .preferences-container .container-fluid { padding: 0; } .preferences-container .container-fluid .col-md-6 { min-height: 20px; } .preferences-container .align-bottom { vertical-align: bottom; } .preferences-container .preference-table { border: 1px solid #ddd; } .preferences-container .preference-table thead th { text-align: center; } .preferences-container .preference-table thead th .config-warning { display: none; } .preferences-container .preference-table thead th.unconfigured .config-warning { display: inline-block; } .preferences-container .preference-table tr td:not(:first-child) { width: 150px; text-align: center; } .preferences-container .preference-table tr td:nth-child(even) { background-color: #f7f7f7; } .preferences-container .preference-table tr th:nth-child(even) { background-color: #f7f7f7; } .preferences-container .preference-table .preference-row .hover-tooltip-container { display: inline-block; } .preferences-container .preference-table .preference-row .preference-name { vertical-align: middle; } .preferences-container .preference-table .preference-row .disabled-message { text-align: center; height: 30px; line-height: 30px; } .preferences-container .preference-table .preference-row .preference-state { margin: 0; padding: 0; display: inline-block; vertical-align: middle; } .preferences-container .preference-table .preference-row .preference-state input[type="checkbox"]:checked + .preference-state-status-container { background-color: #5cb85c; } .preferences-container .preference-table .preference-row .preference-state input[type="checkbox"]:checked + .preference-state-status-container .on-text { display: inline-block; } .preferences-container .preference-table .preference-row .preference-state input[type="checkbox"]:checked + .preference-state-status-container .off-text { display: none; } .preferences-container .preference-table .preference-row .preference-state .preference-state-status-container { width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 4px; background-color: #d9534f; color: #fff; cursor: pointer; } .preferences-container .preference-table .preference-row .preference-state .preference-state-status-container .loading-icon { display: none; } .preferences-container .preference-table .preference-row .preference-state .preference-state-status-container .on-text { display: none; } .preferences-container .preference-table .preference-row .preference-state .preference-state-status-container .off-text { display: inline-block; } .preferences-container .preference-table .preference-row .preference-state.loading input[type="checkbox"]:checked + .preference-state-status-container .on-text, .preferences-container .preference-table .preference-row .preference-state.loading input[type="checkbox"]:checked + .preference-state-status-container .off-text { display: none; } .preferences-container .preference-table .preference-row .preference-state.loading .preference-state-status-container .on-text, .preferences-container .preference-table .preference-row .preference-state.loading .preference-state-status-container .off-text { display: none; } .preferences-container .preference-table .preference-row .preference-state.loading .preference-state-status-container .loading-icon { display: block; } .preferences-container .preference-table .preference-row.loading .preference-name .loading-icon { display: block; } .disabled-message { display: none; } .disabled .disabled-message { display: block; } .disabled .disabled-message + form { display: none; } .general-settings-container .loading-icon { display: none; } .general-settings-container .loading .loading-icon { display: inline-block; } .general-settings-container label { display: inline-block; } .processor-container { position: relative; } .processor-container .loading-container { display: none; position: absolute; width: 100%; height: 100%; text-align: center; background-color: rgba(255, 255, 255, 0.5); } .processor-container .loading-container .vertical-align { height: 100%; width: 0%; display: inline-block; vertical-align: middle; } .processor-container.loading .loading-container { display: block; } .preferences-page-container .checkbox-container { margin: 30px 5px; line-height: 20px; } .preferences-page-container .checkbox-container input { line-height: 20px; margin: 0; } .preferences-page-container .checkbox-container .loading-icon { display: none; } .preferences-page-container .checkbox-container.loading .loading-icon { display: inline-block; } .notification-area { height: 600px; box-sizing: border-box; border-radius: 4px; margin-bottom: 30px; border: 1px solid #e3e3e3; } @media (max-height: 670px) { .notification-area { height: 500px; } } .notification-area .control-area { box-sizing: border-box; display: inline-block; width: 300px; height: 100%; overflow: auto; -webkit-overflow-scrolling: touch; border-right: 1px solid #e3e3e3; } .notification-area .control-area .content { position: relative; } .notification-area .control-area .content .content-item-container { cursor: pointer; } .notification-area .control-area .content:empty + .empty-text { display: block; } .notification-area .control-area .loading-icon { display: none; } .notification-area .control-area .empty-text { display: none; text-align: center; padding-top: 20px; } .notification-area .control-area.loading .loading-icon { display: block; text-align: center; box-sizing: border-box; padding: 5px; } .notification-area .control-area.loading .content:empty + .empty-text { display: none; } .notification-area .content-area { box-sizing: border-box; display: inline-block; width: calc(100% - 300px); float: right; } .notification-area .content-area .toggle-mode { display: none; } .notification-area .content-area .header { height: 50px; box-sizing: border-box; border-bottom: 1px solid #e3e3e3; padding: 5px; } .notification-area .content-area .header .image-container { display: inline-block; height: 25px; width: 24px; float: left; } .notification-area .content-area .header .subject-container { display: inline-block; max-width: calc(100% - 24px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 25px; padding-left: 5px; box-sizing: border-box; } .notification-area .content-area .header .timestamp { font-size: 10px; line-height: 10px; margin: 0; color: #666; margin-left: 30px; } .notification-area .content-area .header:empty { display: none; } .notification-area .content-area > .content { height: 500px; box-sizing: border-box; overflow: auto; -webkit-overflow-scrolling: touch; padding: 15px; } @media (max-height: 670px) { .notification-area .content-area > .content { height: 400px; } } .notification-area .content-area > .content:empty { display: none; } .notification-area .content-area > .content:empty + .empty-text { display: block; text-align: center; padding-top: 100px; } .notification-area .content-area .empty-text { display: none; } .notification-area .content-area .footer { height: 50px; box-sizing: border-box; text-align: center; } .notification-area .content-area .footer a { line-height: 50px; } .notification-area .content-area .footer:empty { display: none; } @media (max-width: 979px) { .notification-area { position: relative; overflow: hidden; } .notification-area .control-area { border-right: none; width: 100%; position: absolute; top: 0; left: 0; opacity: 1; visibility: visible; transition: left 0.25s; } .notification-area .content-area { width: 100%; position: absolute; top: 0; right: -100%; opacity: 0; visibility: hidden; transition: right 0.25s, opacity 0.25s, visibility 0.25s; } .notification-area .content-area .toggle-mode { display: inline-block; float: left; width: 70px; height: 50px; line-height: 50px; box-sizing: border-box; border-right: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; } .notification-area .content-area .header { display: inline-block; width: calc(100% - 70px); } .notification-area.show-content-area .control-area { left: -100%; opacity: 0; visibility: hidden; transition: left 0.25s, opacity 0.25s, visibility 0.25s; } .notification-area.show-content-area .content-area { right: 0; opacity: 1; visibility: visible; transition: right 0.25s; } } .message-app { display: flex; flex-direction: column; transition: all 0.2s ease-in-out; } .message-app .icon-back-in-drawer { display: none; } .message-app.drawer { z-index: 1020; position: fixed; top: 50px; right: 0; height: calc(100% - 50px); width: 320px; box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.08); } .message-app.drawer .icon-back-in-app { display: none; } .message-app.drawer .icon-back-in-drawer { display: inherit; } .message-app.main { min-height: 400px; } .message-app.hidden { display: block; right: -320px; } .message-app .header-container { flex-shrink: 0; } .message-app .body-container { flex: 1; overflow: hidden; } .message-app .body-container > * { position: absolute; right: 0; left: 0; top: 0; bottom: 0; } .message-app .footer-container { flex-shrink: 0; overflow-x: hidden; } .message-app .footer-container textarea { direction: ltr; } .message-app .matchtext { background-color: #b5d9f9; color: #343a40; height: 1.5rem; } .message-app .contact-status { position: absolute; left: 39px; top: 39px; width: 10px; height: 10px; border-radius: 50%; } .message-app .contact-status.online { border: 1px solid #fff; background-color: #398439; } .message-app .message p { margin: 0; } .message-app .clickable { cursor: pointer; } .message-app .clickable:hover { box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.05), 3px 3px 5px -2px rgba(0, 0, 0, 0.1), 1px 1px 5px 0 rgba(0, 0, 0, 0.03); } .message-app a, .message-app .btn-link { color: inherit; } .message-app .btn-link:hover, .message-app .btn-link:focus { background-color: rgba(0, 0, 0, 0.035); text-decoration: none; } .message-app .icon { margin-right: 0; } .message-app .overview-section-toggle .collapsed-icon-container { display: none; } .message-app .overview-section-toggle .expanded-icon-container { display: inline-block; } .message-app .overview-section-toggle.collapsed .collapsed-icon-container { display: inline-block; } .message-app .overview-section-toggle.collapsed .expanded-icon-container { display: none; } .message-app .btn.btn-link.btn-icon, .message-app #page-grade-grading-manage .actions .btn-link.btn-icon.action, #page-grade-grading-manage .actions .message-app .btn-link.btn-icon.action, .message-app #rubric-rubric.gradingform_rubric .btn-link.btn-icon.addcriterion, #rubric-rubric.gradingform_rubric .message-app .btn-link.btn-icon.addcriterion { height: 16px; width: 16px; padding: 0; border-radius: 50%; flex-shrink: 0; } .message-app .btn.btn-link.btn-icon:hover, .message-app #page-grade-grading-manage .actions .btn-link.btn-icon.action:hover, #page-grade-grading-manage .actions .message-app .btn-link.btn-icon.action:hover, .message-app #rubric-rubric.gradingform_rubric .btn-link.btn-icon.addcriterion:hover, #rubric-rubric.gradingform_rubric .message-app .btn-link.btn-icon.addcriterion:hover, .message-app .btn.btn-link.btn-icon:focus, .message-app #page-grade-grading-manage .actions .btn-link.btn-icon.action:focus, #page-grade-grading-manage .actions .message-app .btn-link.btn-icon.action:focus, .message-app #rubric-rubric.gradingform_rubric .btn-link.btn-icon.addcriterion:focus, #rubric-rubric.gradingform_rubric .message-app .btn-link.btn-icon.addcriterion:focus { background-color: #e9ecef; } .message-app .btn.btn-link.btn-icon.icon-size-0, .message-app #page-grade-grading-manage .actions .btn-link.btn-icon.icon-size-0.action, #page-grade-grading-manage .actions .message-app .btn-link.btn-icon.icon-size-0.action, .message-app #rubric-rubric.gradingform_rubric .btn-link.btn-icon.icon-size-0.addcriterion, #rubric-rubric.gradingform_rubric .message-app .btn-link.btn-icon.icon-size-0.addcriterion { height: 20px !important; /* stylelint-disable-line declaration-no-important */ width: 20px !important; /* stylelint-disable-line declaration-no-important */ } .message-app .btn.btn-link.btn-icon.icon-size-1, .message-app #page-grade-grading-manage .actions .btn-link.btn-icon.icon-size-1.action, #page-grade-grading-manage .actions .message-app .btn-link.btn-icon.icon-size-1.action, .message-app #rubric-rubric.gradingform_rubric .btn-link.btn-icon.icon-size-1.addcriterion, #rubric-rubric.gradingform_rubric .message-app .btn-link.btn-icon.icon-size-1.addcriterion { height: 24px !important; /* stylelint-disable-line declaration-no-important */ width: 24px !important; /* stylelint-disable-line declaration-no-important */ } .message-app .btn.btn-link.btn-icon.icon-size-2, .message-app #page-grade-grading-manage .actions .btn-link.btn-icon.icon-size-2.action, #page-grade-grading-manage .actions .message-app .btn-link.btn-icon.icon-size-2.action, .message-app #rubric-rubric.gradingform_rubric .btn-link.btn-icon.icon-size-2.addcriterion, #rubric-rubric.gradingform_rubric .message-app .btn-link.btn-icon.icon-size-2.addcriterion { height: 28px !important; /* stylelint-disable-line declaration-no-important */ width: 28px !important; /* stylelint-disable-line declaration-no-important */ } .message-app .btn.btn-link.btn-icon.icon-size-3, .message-app #page-grade-grading-manage .actions .btn-link.btn-icon.icon-size-3.action, #page-grade-grading-manage .actions .message-app .btn-link.btn-icon.icon-size-3.action, .message-app #rubric-rubric.gradingform_rubric .btn-link.btn-icon.icon-size-3.addcriterion, #rubric-rubric.gradingform_rubric .message-app .btn-link.btn-icon.icon-size-3.addcriterion { height: 36px !important; /* stylelint-disable-line declaration-no-important */ width: 36px !important; /* stylelint-disable-line declaration-no-important */ } .message-app .btn.btn-link.btn-icon.icon-size-4, .message-app #page-grade-grading-manage .actions .btn-link.btn-icon.icon-size-4.action, #page-grade-grading-manage .actions .message-app .btn-link.btn-icon.icon-size-4.action, .message-app #rubric-rubric.gradingform_rubric .btn-link.btn-icon.icon-size-4.addcriterion, #rubric-rubric.gradingform_rubric .message-app .btn-link.btn-icon.icon-size-4.addcriterion { height: 44px !important; /* stylelint-disable-line declaration-no-important */ width: 44px !important; /* stylelint-disable-line declaration-no-important */ } .message-app .btn.btn-link.btn-icon.icon-size-5, .message-app #page-grade-grading-manage .actions .btn-link.btn-icon.icon-size-5.action, #page-grade-grading-manage .actions .message-app .btn-link.btn-icon.icon-size-5.action, .message-app #rubric-rubric.gradingform_rubric .btn-link.btn-icon.icon-size-5.addcriterion, #rubric-rubric.gradingform_rubric .message-app .btn-link.btn-icon.icon-size-5.addcriterion { height: 68px !important; /* stylelint-disable-line declaration-no-important */ width: 68px !important; /* stylelint-disable-line declaration-no-important */ } .message-app .view-overview-body .section { display: block; } .message-app .view-overview-body .section.expanded { display: flex; } .message-app .view-conversation .content-message-container img { max-width: 100%; } .message-app .list-group .list-group-item { border-left: 0; border-right: 0; } .message-app .list-group .list-group-item:first-child { border-top: 0; } .message-app .list-group .list-group-item:last-child { border-bottom: 0; } .message-app .last-message { min-height: 1.5rem; } .message-app .section .collapsing { overflow: hidden; } .message-app .message .tail { content: ''; bottom: 0; width: 0; height: 0; border: 0.5rem solid transparent; position: relative; } .message-app .message.send .tail { right: 0; margin-right: -0.5rem; border-bottom-color: #ced4da; } .message-app .message.received .tail { left: 0; margin-left: -0.5rem; border-bottom-color: #fff; } .message-app .lazy-load-list { overflow-y: auto; } #page-message-index #region-main { height: 100%; } #page-message-index #region-main div[role="main"] { height: 100%; } #page-message-index #region-main div[role="main"] #maincontent { margin-top: -1px; } #page-message-index #region-main div[role="main"] .message-app.main { height: 100%; } .dir-rtl .message-drawer { box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.08); } /* Question */ .questionbank h2 { margin-top: 0; } .questioncategories h3 { margin-top: 0; } #chooseqtypebox { margin-top: 1em; } #chooseqtype h3 { margin: 0 0 0.3em; } #chooseqtype .instruction { display: none; } #chooseqtype .fakeqtypes { border-top: 1px solid silver; } #chooseqtype .qtypeoption { margin-bottom: 0.5em; } #chooseqtype label { display: block; } #chooseqtype .qtypename img { padding: 0 0.3em; } #chooseqtype .qtypename { display: inline-table; width: 16em; } #chooseqtype .qtypesummary { display: block; margin: 0 2em; } #chooseqtype .submitbuttons { margin: 0.7em 0; text-align: center; } #qtypechoicecontainer { display: none; } #qtypechoicecontainer_c.yui-panel-container.shadow .underlay { background: none; } #qtypechoicecontainer.yui-panel .hd { color: #333; letter-spacing: 1px; text-shadow: 1px 1px 1px #fff; border-top-left-radius: 10px; border-top-right-radius: 10px; border: 1px solid #ccc; border-bottom: 1px solid #bbb; background-image: linear-gradient(to bottom, #fff 0%, #ccc 100%); background-repeat: repeat-x; } #qtypechoicecontainer { font-size: 12px; color: #333; background: #f2f2f2; border-radius: 10px; border: 1px solid #ccc; border-top: 0 none; } #qtypechoicecontainer #chooseqtype { width: 40em; } #chooseqtypehead h3 { margin: 0; font-weight: normal; } #chooseqtype .qtypes { position: relative; border-bottom: 1px solid #bbb; padding: 0.24em 0; } #chooseqtype .alloptions { overflow-x: hidden; overflow-y: auto; max-height: calc(100vh - 15em); width: 60%; } #chooseqtype .qtypeoption { margin-bottom: 0; padding: 0.3em 0.3em 0.3em 1.6em; } #chooseqtype .qtypeoption img { vertical-align: text-bottom; padding-left: 1em; padding-right: 0.5em; } #chooseqtype .selected { background-color: #fff; } #chooseqtype .instruction, #chooseqtype .qtypesummary { display: none; position: absolute; top: 0; right: 0; bottom: 0; left: 60%; margin: 0; overflow-x: hidden; overflow-y: auto; padding: 1.5em 1.6em; background-color: #fff; } #chooseqtype .instruction, #chooseqtype .selected .qtypesummary { display: block; } #categoryquestions { margin: 0; } #categoryquestions td, #categoryquestions th { padding: 0 0.2em; } #categoryquestions th { text-align: left; font-weight: normal; } #categoryquestions .checkbox { padding-left: 5px; } #categoryquestions .checkbox input[type="checkbox"] { margin-left: 0; float: none; } #categoryquestions .iconcol { padding: 3px; box-sizing: content-box; } #categoryquestions .iconcol .icon { margin: 0; width: 12px; height: 12px; } #categoryquestions label { margin: 0; display: block; } #categoryquestions .header { text-align: left; } #page-mod-quiz-edit div.questionbankwindow div.header { margin: 0; } #page-mod-quiz-edit div.questionbankwindow.block { padding: 0; } .questionbank .singleselect { margin: 0; } /* Question editing form */ #combinedfeedbackhdr div.fhtmleditor { padding: 0; } #combinedfeedbackhdr div.fcheckbox { margin-bottom: 1em; } #multitriesheader div.fitem_feditor { margin-top: 1em; } #multitriesheader div.fitem_fgroup { margin-bottom: 1em; } #multitriesheader div.fitem_fgroup fieldset.felement label { margin-left: 0.3em; margin-right: 0.3em; } body.path-question-type { /* Hacks to display the labels within a form group. */ } body.path-question-type .form-group .sr-only:not(legend), body.path-question-type .form-buttons .sr-only:not(legend), body.path-question-type .path-admin .buttons .sr-only:not(legend), .path-admin body.path-question-type .buttons .sr-only:not(legend), body.path-question-type .fp-content-center form + div .sr-only:not(legend), .fp-content-center body.path-question-type form + div .sr-only:not(legend), body.path-question-type div.backup-section + form .sr-only:not(legend) { position: static; width: auto; height: auto; padding: 0; margin: 0 0.5rem 0 0; overflow: visible; clip: auto; clip-path: none; border: 0; } .que { clear: left; text-align: left; margin: 0 auto 1.8em auto; } .que .info { float: left; width: 7em; padding: 0.5em; margin-bottom: 1.8em; background-color: #dee2e6; border: 1px solid #cad0d7; border-radius: 2px; } .que h3.no { margin: 0; font-size: 0.8em; line-height: 1; } .que span.qno { font-size: 1.5em; font-weight: bold; } .que .info > div { font-size: 0.8em; margin-top: 0.7em; } .que .info .questionflag.editable { cursor: pointer; } .que .info .editquestion img, .que .info .questionflag img, .que .info .questionflag input { vertical-align: bottom; } .que .content { margin: 0 0 0 8.5em; } .que.multichoice .answer div.r0 .icon.fa-check, .que.multichoice .answer div.r1 .icon.fa-check, .que.multichoice .answer div.r0 .icon.fa-remove, .que.multichoice .answer div.r1 .icon.fa-remove { text-indent: 0; } .qtype_multichoice_clearchoice { padding-top: 10px; } .qtype_multichoice_clearchoice a { cursor: pointer; text-decoration: underline; padding-left: 30px; } .formulation input[type="text"], .formulation select { width: auto; vertical-align: baseline; } .que.multianswer .formulation .yui3-widget-positioned { box-sizing: content-box; } .que.multianswer .formulation .yui3-widget-positioned .feedbackspan { width: inherit; max-width: inherit; } .path-mod-quiz input[size] { width: auto; max-width: 100%; } .que .ablock { margin: 0.7em 0 0.3em 0; } .que .im-controls { margin-top: 0.5em; text-align: left; } .que .specificfeedback, .que .generalfeedback, .que .numpartscorrect .que .rightanswer, .que .im-feedback, .que .feedback, .que p { margin: 0 0 0.5em; } .que .correctness.correct { background-color: #398439; } .que .correctness.partiallycorrect { background-color: #f0ad4e; } .que .correctness.notanswered, .que .correctness.incorrect { background-color: #d43f3a; } .que .qtext { margin-bottom: 1.5em; } .que .grading, .que .comment, .que .commentlink, .que .history { margin-top: 0.5em; } .que .history h3 { margin: 0 0 0.2em; font-size: 1em; } .que .history table { width: 100%; margin: 0; } .que .history .current { font-weight: bold; } .que .questioncorrectnessicon { vertical-align: text-bottom; } body.jsenabled .questionflag input[type=checkbox] { display: none; } .que .questionflagimage { padding-right: 3px; height: 16px; width: 16px; } .importerror { margin-top: 10px; border-bottom: 1px solid #555; } .mform .que.comment .fitemtitle { width: 20%; } #page-question-preview #techinfo { margin: 1em 0; } #page-mod-quiz-edit ul.slots .activityinstance > a { display: inline; text-indent: 0; padding-left: 0; } #page-mod-quiz-edit ul.slots .activityinstance img.activityicon { margin-left: 0; width: 16px; height: 16px; padding-right: 4px; } #page-mod-quiz-edit .activity img.activityicon { vertical-align: text-top; } #page-mod-quiz-edit .box.generalbox.questionbank { padding: 0.5em; } #page-mod-quiz-edit .questionbank .categorypagingbarcontainer, #page-mod-quiz-edit .questionbank .categoryquestionscontainer, #page-mod-quiz-edit .questionbank .choosecategory { padding: 0; } #page-mod-quiz-edit .questionbank .choosecategory select { width: 100%; } #page-mod-quiz-edit div.questionbank .categoryquestionscontainer { background: transparent; } #page-mod-quiz-edit #categoryquestions > thead { background: #fff; } #page-mod-quiz-edit #categoryquestions > tbody > tr:nth-of-type(even) { background: #e4e4e4; } #page-mod-quiz-edit .questionbankwindow div.header { color: #444; text-shadow: none; border-top-left-radius: 4px; border-top-right-radius: 4px; margin: 0 -10px 0 -10px; padding: 2px 10px 2px 10px; background: transparent; /* Old browsers */ } #page-mod-quiz-edit .questionbankwindow div.header a:link, #page-mod-quiz-edit .questionbankwindow div.header a:visited { color: #1177d1; } #page-mod-quiz-edit .questionbankwindow div.header a:hover { color: #0b4f8a; } #page-mod-quiz-edit .createnewquestion { padding: 0.3em 0; } #page-mod-quiz-edit .createnewquestion div, #page-mod-quiz-edit .createnewquestion input { margin: 0; } #page-mod-quiz-edit .questionbankwindow div.header .title { color: #343a40; } #page-mod-quiz-edit div.container div.generalbox { background-color: transparent; padding: 1.5em; } #page-mod-quiz-edit .categoryinfo { background-color: transparent; border-bottom: none; } #page-mod-quiz-edit .createnewquestion .singlebutton input { margin-bottom: 0; } #page-mod-quiz-edit div.questionbank .categorysortopotionscontainer, #page-mod-quiz-edit div.questionbank .categoryselectallcontainer { padding: 0 0 1.5em 0; } #page-mod-quiz-edit div.questionbank .categorypagingbarcontainer { background-color: transparent; margin: 0; border-top: 0; border-bottom: 0; } #page-mod-quiz-edit div.questionbank .categorypagingbarcontainer .paging { padding: 0 0.3em; } #page-mod-quiz-edit div.question div.content div.questioncontrols { background-color: #fff; } #page-mod-quiz-edit div.question div.content div.points { margin-top: -0.5em; padding-bottom: 0; border: none; background-color: #fff; position: static; width: 12.1em; float: right; margin-right: 60px; } #page-mod-quiz-edit div.question div.content div.points br { display: none; } #page-mod-quiz-edit div.question div.content div.points label { display: inline-block; } #page-mod-quiz-edit div.quizpage .pagecontent .pagestatus { background-color: #fff; } #page-mod-quiz-edit .quizpagedelete, #page-mod-quiz-edit .quizpagedelete img { background-color: transparent; } #page-mod-quiz-edit div.quizpage .pagecontent { border: 1px solid #ddd; border-radius: 2px; overflow: hidden; } #page-mod-quiz-edit div.questionbank .categoryinfo { padding: 0.3em 0; } #page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer { padding: 0; } #page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer strong { display: block; } #page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer hr, #page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer br { display: none; } #page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer strong { margin-left: -0.3em; } #page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer strong label { margin-left: 0.3em; } #page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer input { margin-left: 0; } #page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer input + input { margin-left: 5px; } .questionbankwindow .module { width: auto; } .questionbankwindow .form-autocomplete-selection { margin-left: 0; } #page-mod-quiz-edit div.editq div.question div.content { background-color: #fff; border: 1px solid #ddd; border-radius: 2px; overflow: hidden; } #page-mod-quiz-edit ul.slots .activityinstance img.activityicon { margin-top: 0; padding-right: 4px; } .path-mod-quiz .statedetails { display: block; font-size: 0.9em; } a#hidebankcmd { color: #1177d1; } .que.shortanswer .answer { padding: 0; } .que label { display: inline; } body.path-question-type .mform fieldset.hidden { padding: 0; margin: 0.7em 0 0; } .que.ddwtos, .que.ddwtos .drop { box-sizing: content-box; } .tag-condition-container { position: relative; } @media (max-width: 767.98px) { .que .info { float: none; width: auto; } .que .content { margin: 0; } } /* user.less */ .userprofile .fullprofilelink { text-align: center; margin: 10px; } .userprofile .page-context-header { margin-bottom: 10px; } .userprofile .description { margin-top: 10px; margin-bottom: 30px; } .userprofile .profile_tree { column-count: 2; } .userprofile .profile_tree section { display: inline-block; width: 100%; margin-bottom: 1rem; } #participantsform .no-overflow { overflow: visible; } .userprofile dl.list > dd + dt { clear: left; } .user-box { margin: 8px; width: 115px; height: 160px; text-align: center; float: left; clear: none; } #page-user-profile .node_category ul, .path-user .node_category ul { margin: 0; list-style: none; padding-left: 0; } #page-user-profile .node_category li, .path-user .node_category li { margin-top: 5px; } #page-user-profile .node_category .editprofile, #page-user-profile .node_category .viewmore, .path-user .node_category .editprofile, .path-user .node_category .viewmore { text-align: right; } .ajax-contact-button { box-sizing: border-box; position: relative; } .ajax-contact-button.loading .loading-icon { display: block; } .ajax-contact-button .loading-icon { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.7); } .ajax-contact-button .loading-icon .icon { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } @media (max-width: 480px) { .userprofile .profile_tree { /** Display the profile on one column on phones@mixin */ column-count: 1; } } .userlist #showall { margin: 10px 0; } .userlist .buttons { text-align: center; } .userlist .buttons label { padding: 0 3px; } .userlist table#participants { text-align: center; } .userlist table#participants td { text-align: left; padding: 4px; vertical-align: middle; } .userlist table#participants th { text-align: left; padding: 4px; } .userlist table.controls { width: 100%; } .userlist table.controls tr { vertical-align: top; } .userlist table.controls .right { text-align: right; } .userlist table.controls .groupselector { margin-bottom: 0; margin-top: 0; } .userlist table.controls .groupselector label { display: block; } .userinfobox { width: 100%; border: 1px solid; border-collapse: separate; padding: 10px; } .userinfobox .left, .userinfobox .side { width: 100px; vertical-align: top; } .userinfobox .userpicture { width: 100px; height: 100px; } .userinfobox .content { vertical-align: top; } .userinfobox .links { width: 100px; padding: 5px; vertical-align: bottom; } .userinfobox .links a { display: block; } .userinfobox .list td { padding: 3px; } .userinfobox .username { padding-bottom: 20px; font-weight: bold; } .userinfobox td.label { text-align: right; white-space: nowrap; vertical-align: top; font-weight: bold; } .group-edit { position: absolute; right: 0; margin-right: 0.6em; } .group-image { display: block; float: left; margin-right: 1em; } .group-image .grouppicture { border-radius: 50%; } .groupinfobox .left { padding: 10px; width: 100px; vertical-align: top; } .course-participation #showall { text-align: center; margin: 10px 0; } #user-policy .noticebox { text-align: center; margin-left: auto; margin-right: auto; margin-bottom: 10px; width: 80%; height: 250px; } #user-policy #policyframe { width: 100%; height: 100%; } .iplookup #map { margin: auto; } .userselector select { width: 100%; } .userselector div { margin-top: 0.2em; } .userselector div label { margin-right: 0.3em; } /* Next style does not work in all browsers but looks nicer when it does */ .userselector .userselector-infobelow { font-size: 0.8em; } #userselector_options .collapsibleregioncaption { font-weight: bold; } #userselector_options p { margin: 0.2em 0; text-align: left; } /** user full profile */ #page-user-profile .messagebox { text-align: center; margin-left: auto; margin-right: auto; } /** user course profile */ #page-course-view-weeks .messagebox { text-align: center; margin-left: auto; margin-right: auto; } .profileeditor > .singleselect { margin: 0 0.5em 0 0; } .profileeditor > .singlebutton { display: inline-block; margin: 0 0 0 0.5em; } .profileeditor > .singlebutton div, .profileeditor > .singlebutton input { margin: 0; } .userlist h3 .action-icon { display: none; } #page-enrol-users .popover { max-width: none; } .user-enroller-panel { width: 600px; } .search-results .result { margin-left: 0; margin-right: 0; } .search-results .result .result-content { margin: 7px 0; } .search-results .result .filename { font-style: italic; } .search-input-wrapper { margin: 0 1rem 0 0; overflow: hidden; float: right; width: 24px; transition: width 0.5s ease, left 0.5s ease; padding-top: 0; padding-bottom: 0; } .search-input-wrapper > div { float: left; margin: 0; } .search-input-wrapper > div .icon { margin-right: 0; margin-top: 10px; } .search-input-wrapper > form { opacity: 0; margin-left: 25px; transition: opacity 0.5s ease-in-out; } .search-input-wrapper > form > input { margin: 0; } .search-input-wrapper form.expanded { opacity: 1; } .search-input-wrapper.expanded { width: 162px; } @media (max-width: 575.98px) { .search-input-wrapper { margin: 0 1rem 0 0; } .search-input-wrapper > div { margin: 0; } .search-input-wrapper > form { display: none; } } .search-areas-actions { margin-bottom: 1rem; } .search-areas-actions > div { margin-right: 1rem; display: inline-block; } #core-search-areas .lastcol li { margin-left: 24px; text-indent: -24px; } #core-search-areas .lastcol li > i { text-indent: 0; } /** * Moodle forms HTML isn't changeable via renderers (yet?) so this * .less file imports styles from the bootstrap $variables file and * adds them to the existing Moodle form CSS ids and classes. * */ .jsenabled .mform .containsadvancedelements .advanced { display: none; } .mform .containsadvancedelements .advanced.show { display: flex; } #adminsettings span.error { display: inline-block; border: 1px solid #f3c9c8; border-radius: 4px; background-color: #f6d9d8; padding: 4px; margin-bottom: 4px; } .mform .form-inline .form-control, .mform .form-inline .custom-select { max-width: 100%; } .mform .form-inline .form-group, .mform .form-inline .form-buttons, .mform .form-inline .path-admin .buttons, .path-admin .mform .form-inline .buttons, .mform .form-inline .fp-content-center form + div, .fp-content-center .mform .form-inline form + div, .mform .form-inline div.backup-section + form { margin: 0.1rem 0.25rem 0.1rem 0; } .mform .form-inline br + label { justify-content: flex-start; width: 100%; } .unresponsive.mform .form-inline, .unresponsive.mform .form-inline label { display: inline-flex; } #jump-to-activity.custom-select { width: 100%; } .mform fieldset { margin-bottom: 0.5rem; border-bottom: 1px solid #dee2e6; } .mform > .form-group, .mform > .form-buttons, .path-admin .mform > .buttons, .fp-content-center .mform > form + div, .mform > div.backup-section + form { margin-left: 1.5rem; } .editor_atto_content.form-control { width: 100%; } #adminsettings .form-control[size] { width: auto; } .jsenabled .mform .collapsed .fcontainer { display: none; } #adminsettings .error { color: #d43f3a; } .mform ul.file-list { padding: 0; margin: 0; list-style: none; } .mform label .req, .mform label .adv { cursor: help; } /*rtl:ignore*/ input#id_externalurl { direction: ltr; } #portfolio-add-button { display: inline; } .form-label .form-shortname { font-size: 0.703125rem; display: block; } .form-item .form-inline { display: inline; } .form-inline label:not(.sr-only):not(.accesshide) + select { margin-left: 0.5rem; } .no-felement.fstatic { padding-top: 5px; } .no-fitem .fstaticlabel { font-weight: bold; } .form-buttons, .path-admin .buttons, .fp-content-center form + div, div.backup-section + form { padding-left: 0; } .form-item .form-setting .defaultsnext > input { display: inline-block; } .form-item .form-setting .form-checkbox.defaultsnext { margin-top: 5px; display: inline-block; } #adminsettings h3 { display: block; width: 100%; padding: 0; margin-bottom: 1.5; font-size: 1.171875rem; line-height: 3; border: 0; border-bottom: 1px solid #e5e5e5; } /* rtl:ignore */ .mform .fitem .felement input[name="email"], .mform .fitem .felement input[name="email2"], .mform .fitem .felement input[name="url"], .mform .fitem .felement input[name="idnumber"], .mform .fitem .felement input[name="phone1"], .mform .fitem .felement input[name="phone2"] { text-align: left; direction: ltr; } .que.match .mediaplugin { width: 50vw; } /* rtl:ignore */ #page-admin-grade-edit-scale-edit .error input#id_name { margin-right: 170px; } #page-grade-edit-outcome-course .courseoutcomes { margin-left: auto; margin-right: auto; width: 100%; } #page-grade-edit-outcome-course .courseoutcomes td { text-align: center; } /* Install Process' text fields Forms, should always be justified to the left */ /* rtl:ignore */ #installform #id_wwwroot, #installform #id_dirroot, #installform #id_dataroot, #installform #id_dbhost, #installform #id_dbname, #installform #id_dbuser, #installform #id_dbpass, #installform #id_prefix { direction: ltr; } .mdl-right > label { display: inline-block; } .singleselect { max-width: 100%; } .form-item .form-label label { margin-bottom: 0; } div#dateselector-calendar-panel { z-index: 3100; /* Set higher than the z-index of the filemanager - see MDL-39047. */ } fieldset.coursesearchbox label { display: inline; } /** * Show the labels above text editors and file managers except on wide screens. */ /* Section and module editing forms contain special JS components for the availability system (if enabled). */ #id_availabilityconditionsjson[aria-hidden=true], .availability-field [aria-hidden=true] { display: none; } .availability-field label { display: inline-flex; } .availability-field .availability-group label { vertical-align: top; } .availability-eye { clear: left; float: left; } .availability-inner, .availability-plugincontrols { float: left; border-radius: 0.25rem; border: 1px solid rgba(0, 0, 0, 0.125); padding: 1rem; margin-top: 0.5rem; } .availability-plugincontrols, .availability-childlist .availability-inner { margin-left: .625rem; } .availability-field .availability-plugincontrols .availability-group select { max-width: 12rem; } /* Custom styles for autocomplete form element */ /* These styles reserve a standard amount of space in the DOM to avoid flicker when the original select element is replaced */ [data-fieldtype=autocomplete] select, [data-fieldtype=tags] select, .form-autocomplete-original-select { visibility: hidden; overflow: hidden; width: 15rem; height: 44px; margin: 0; padding: 0; border: 0; margin-top: 1.65625rem; vertical-align: bottom; } .form-autocomplete-selection { margin: 0.25rem; min-height: 2.375rem; } .form-autocomplete-selection [role=listitem] { cursor: pointer; white-space: inherit; word-break: break-word; line-height: 1.4; text-align: left; } .form-autocomplete-suggestions { position: absolute; background-color: white; border: 2px solid #dee2e6; border-radius: 3px; min-width: 206px; max-height: 20em; overflow: auto; margin: 0; padding: 0; margin-top: 0.4em; z-index: 1; } .form-autocomplete-suggestions li { list-style-type: none; padding: 0.2em; margin: 0; cursor: pointer; color: #343a40; } .form-autocomplete-suggestions li:hover { background-color: #3f9def; color: #fff; } .form-autocomplete-suggestions li[aria-selected=true] { background-color: #f2f2f2; color: #495057; } .form-autocomplete-downarrow { color: #343a40; top: 0.2rem; right: 0.5rem; cursor: pointer; } .form-autocomplete-downarrow .loading-icon { position: absolute; top: 0; left: 0; background-color: #fff; } .form-autocomplete-selection:focus { outline: none; } /** Undo some bootstrap things */ .form-autocomplete-selection + input.form-control { width: auto; display: inline-block; vertical-align: middle; } .form-autocomplete-selection [data-active-selection=true] { padding: 0.5em; font-size: large; } /* Non-bootstrap selects with a size show their contents outside of the element. * Remove when we update to stable bootstrap 4. (MDL-56511) */ select[size], select[multiple] { overflow: auto; } select[size="1"] { overflow: visible; } textarea[data-auto-rows] { overflow-x: hidden; } /** Display elements under labels in vertical forms regardless of the screen size. */ .mform.full-width-labels .fitem.row { margin-left: 0; margin-right: 0; } .mform.full-width-labels .fitem.row > .col-md-3, .mform.full-width-labels .fitem.row > .col-md-9 { float: none; width: inherit; padding-right: 0; padding-left: 0; } .mform.full-width-labels .fitem.row.femptylabel > .col-md-3 { display: none; } /** Allow wrapping an mform in a div with the form-inline class to have an inline, responsive form. */ @media (min-width: 768px) { .form-inline .col-md-9, .form-inline .col-md-3 { margin-bottom: 1rem; width: auto; } .form-inline .col-md-9 label, .form-inline .col-md-3 label { margin-left: 1rem; } } [data-fieldtype="modgrade"] .form-group, [data-fieldtype="modgrade"] .form-buttons, [data-fieldtype="modgrade"] .path-admin .buttons, .path-admin [data-fieldtype="modgrade"] .buttons, [data-fieldtype="modgrade"] .fp-content-center form + div, .fp-content-center [data-fieldtype="modgrade"] form + div, [data-fieldtype="modgrade"] div.backup-section + form { padding-bottom: 0.375rem; } [data-fieldtype="modgrade"] { background-color: #fff; border-radius: 0.25rem; border: 1px solid rgba(0, 0, 0, 0.125); padding: 1.25rem; margin-left: 15px; max-width: 30rem; } /** Atto fields do not have form-control because that would break the layout of the editor. So they need these extra styles to highlight the editor when there is a validation error. */ .has-danger .editor_atto_content.form-control, .has-danger .editor_atto_content.form-control-danger, .has-danger #page-admin-mnet-peers .mform .editor_atto_content.deletedhostinfo, #page-admin-mnet-peers .mform .has-danger .editor_atto_content.deletedhostinfo, .has-danger .editor_atto_content.maintenancewarning.error { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d9534f' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E"); padding-right: 2.25rem; background-repeat: no-repeat; background-position: center right 1rem; background-size: 1.5rem; } .has-danger .editor_atto_content.form-control .form-control-feedback, .has-danger .editor_atto_content.form-control .form-control-label, .has-danger .editor_atto_content.form-control .form-check-label, .has-danger .editor_atto_content.form-control .form-check-inline, .has-danger .editor_atto_content.form-control .custom-control, .has-danger .editor_atto_content.form-control-danger .form-control-feedback, .has-danger #page-admin-mnet-peers .mform .editor_atto_content.deletedhostinfo .form-control-feedback, #page-admin-mnet-peers .mform .has-danger .editor_atto_content.deletedhostinfo .form-control-feedback, .has-danger .editor_atto_content.maintenancewarning.error .form-control-feedback, .has-danger .editor_atto_content.form-control-danger .form-control-label, .has-danger #page-admin-mnet-peers .mform .editor_atto_content.deletedhostinfo .form-control-label, #page-admin-mnet-peers .mform .has-danger .editor_atto_content.deletedhostinfo .form-control-label, .has-danger .editor_atto_content.maintenancewarning.error .form-control-label, .has-danger .editor_atto_content.form-control-danger .form-check-label, .has-danger #page-admin-mnet-peers .mform .editor_atto_content.deletedhostinfo .form-check-label, #page-admin-mnet-peers .mform .has-danger .editor_atto_content.deletedhostinfo .form-check-label, .has-danger .editor_atto_content.maintenancewarning.error .form-check-label, .has-danger .editor_atto_content.form-control-danger .form-check-inline, .has-danger #page-admin-mnet-peers .mform .editor_atto_content.deletedhostinfo .form-check-inline, #page-admin-mnet-peers .mform .has-danger .editor_atto_content.deletedhostinfo .form-check-inline, .has-danger .editor_atto_content.maintenancewarning.error .form-check-inline, .has-danger .editor_atto_content.form-control-danger .custom-control, .has-danger #page-admin-mnet-peers .mform .editor_atto_content.deletedhostinfo .custom-control, #page-admin-mnet-peers .mform .has-danger .editor_atto_content.deletedhostinfo .custom-control, .has-danger .editor_atto_content.maintenancewarning.error .custom-control { color: #d43f3a; } .has-danger .editor_atto_content.form-control .form-control, .has-danger .editor_atto_content.form-control-danger .form-control, .has-danger #page-admin-mnet-peers .mform .editor_atto_content.deletedhostinfo .form-control, #page-admin-mnet-peers .mform .has-danger .editor_atto_content.deletedhostinfo .form-control, .has-danger .editor_atto_content.maintenancewarning.error .form-control { border-color: #d43f3a; } .has-danger .editor_atto_content.form-control .input-group-addon, .has-danger .editor_atto_content.form-control-danger .input-group-addon, .has-danger #page-admin-mnet-peers .mform .editor_atto_content.deletedhostinfo .input-group-addon, #page-admin-mnet-peers .mform .has-danger .editor_atto_content.deletedhostinfo .input-group-addon, .has-danger .editor_atto_content.maintenancewarning.error .input-group-addon { color: #d43f3a; border-color: #d43f3a; background-color: #f9e2e1; } .has-danger .editor_atto_content.form-control .form-control-feedback, .has-danger .editor_atto_content.form-control-danger .form-control-feedback, .has-danger #page-admin-mnet-peers .mform .editor_atto_content.deletedhostinfo .form-control-feedback, #page-admin-mnet-peers .mform .has-danger .editor_atto_content.deletedhostinfo .form-control-feedback, .has-danger .editor_atto_content.maintenancewarning.error .form-control-feedback { color: #d43f3a; } [data-filetypesbrowserbody] [aria-expanded="false"] > [role="group"], [data-filetypesbrowserbody] [aria-expanded="false"] [data-filetypesbrowserfeature="hideifcollapsed"], [data-filetypesbrowserbody] [aria-expanded="true"] [data-filetypesbrowserfeature="hideifexpanded"] { display: none; } .form-inline[data-fieldtype="autocomplete"], .form-inline[data-fieldtype="tags"] { display: block; } [data-fieldtype="editor"] > div { flex-grow: 1; } @media (min-width: 576px) { .mform fieldset { margin-left: 1.5rem; } .mform fieldset.collapsible legend a.fheader { padding: 0 5px 0 1.5rem; margin-left: -1.5rem; background: url([[pix:t/expanded]]) 0 center no-repeat; } .mform fieldset.collapsed legend a.fheader { /*rtl:raw: background-image: url([[pix:t/collapsed_rtl]]); */ /*rtl:remove*/ background-image: url([[pix:t/collapsed]]); } .mform .form-inline .fdefaultcustom label { justify-content: initial; } } .pagelayout-login .card-title h2 img { max-width: 100%; max-height: 100px; } .pagelayout-login #region-main { border: 0; background-color: inherit; } /* modules.less */ select { width: auto; } .path-mod-choice .horizontal .choices .option { display: inline-block; } .path-mod-feedback .feedback_form .col-form-label { display: block !important; /* stylelint-disable-line declaration-no-important */ } .path-mod-feedback .itemactions { float: right; } .path-mod-feedback .itemhandle { position: absolute; right: 1rem; } .path-mod-forum .forumsearch input, .path-mod-forum .forumsearch .helptooltip { margin: 0 3px; } .path-mod-forum .forumheaderlist, .path-mod-forum .forumheaderlist td { border: none; } .path-mod-forum .forumheaderlist thead .header, .path-mod-forum .forumheaderlist tbody .discussion td { white-space: normal; vertical-align: top; padding-left: 0.5em; padding-right: 0.5em; } .path-mod-forum .forumheaderlist thead .header { white-space: normal; vertical-align: top; } .path-mod-forum .forumheaderlist thead .header.replies { text-align: center; } .path-mod-forum .forumheaderlist thead .header.lastpost { text-align: right; } .path-mod-forum .forumheaderlist thead .header th.discussionsubscription, .path-mod-forum .forumheaderlist tbody .discussion td.discussionsubscription { width: 16px; padding-left: 0.5em; padding-right: 0.5em; } .path-mod-forum .forumheaderlist .discussion .replies, .path-mod-forum .forumheaderlist .discussion .lastpost { white-space: normal; } .path-mod-forum .forumheaderlist .discussion .discussionsubscription, .path-mod-forum .forumheaderlist .discussion .replies { text-align: center; } .path-mod-forum .forumheaderlist .discussion .topic, .path-mod-forum .forumheaderlist .discussion .discussionsubscription, .path-mod-forum .forumheaderlist .discussion .topic.starter, .path-mod-forum .forumheaderlist .discussion .replies, .path-mod-forum .forumheaderlist .discussion .lastpost { vertical-align: top; } .path-mod-forum .subscriptionmode { color: #343a40; } .path-mod-forum .activesetting { color: #343a40; font-weight: bold; } .forumpost { border: 1px solid #dee2e6; display: block; padding: 6px; } .forumpost .header { margin-bottom: 3px; } .forumpost .picture img { margin: 3px; } .forumpost .picture img.userpicture { margin-left: 3px; margin-right: 10px; } .forumpost .content .posting.fullpost { margin-top: 8px; } .forumpost .row { display: block; } .forumpost .row .topic, .forumpost .row .content-mask, .forumpost .row .options { margin-left: 48px; } .forumpost .row.side { clear: both; } .forumpost .row .left { width: 48px; } .forumpost .options .commands { margin-left: 0; } .forumpost .subject { font-weight: bold; } .forumsearch input[type=text] { margin-bottom: 0; } #page-mod-forum-discuss .discussioncontrols { width: auto; margin: 0; } #page-mod-forum-discuss .discussioncontrols .form-inline input { margin-top: -1px; } .maincalendar .calendarmonth td, .maincalendar .calendarmonth th { border: 1px dotted #dee2e6; } .path-grade-report-grader h1 { text-align: inherit; } #page-mod-chat-gui_basic input#message { max-width: 100%; } #page-mod-data-view #singleimage { width: auto; } .path-mod-data form { margin-top: 10px; } .template_heading { margin-top: 10px; } .breadcrumb-button { margin-top: 4px; } .breadcrumb-button .singlebutton { float: left; margin-left: 4px; } .ie .row-fluid .desktop-first-column { margin-left: 0; } .langmenu form { margin: 0; } canvas { -ms-touch-action: auto; } div#dock { display: none; } /** General styles (scope: all of lesson) **/ .path-mod-lesson .invisiblefieldset.fieldsetfix { display: block; } .path-mod-lesson .answeroption .checkbox label p { display: inline; } .path-mod-lesson .form-inline label.form-check-label { display: inline-block; } .path-mod-lesson .slideshow { overflow: auto; padding: 15px; } #page-mod-lesson-view .branchbuttoncontainer .singlebutton button[type="submit"] { white-space: normal; } #page-mod-lesson-view .vertical .singlebutton { display: block; } #page-mod-lesson-view .vertical .singlebutton + .singlebutton { margin-left: 0; margin-top: 1rem; } #page-mod-lesson-view .fitem .felement .custom-select { align-self: flex-start; } .path-mod-lesson .generaltable td { vertical-align: middle; } .path-mod-lesson .generaltable td label { margin-bottom: 0; } .path-mod-lesson .generaltable td .highlight { display: inline-block; margin-left: 0.25rem; } .path-mod-lesson .generaltable td input[type="checkbox"] { display: block; } .path-mod-wiki .wiki_headingtitle, .path-mod-wiki .midpad, .path-mod-wiki .wiki_headingtime { text-align: inherit; } .path-mod-wiki .wiki_contentbox { width: 100%; } .path-mod-survey .surveytable > tbody > tr:nth-of-type(odd) { background-color: transparent; } .path-mod-survey .surveytable > tbody > tr:nth-of-type(even) { background-color: rgba(0, 0, 0, 0.05); } .path-mod-survey .surveytable .rblock label { text-align: center; } .nav .caret { margin-left: 4px; } .nav .divider { overflow: hidden; width: 0; } .usermenu .login { line-height: 2.25rem; } .usermenu .login a { color: #1177d1; } .usermenu .login a:hover, .usermenu .login a:focus { color: #0b4f8a; text-decoration: underline; } .userloggedinas .usermenu .usertext, .userswitchedrole .usermenu .usertext, .loginfailures .usermenu .usertext { float: left; text-align: right; margin-right: 0.5rem; height: 35px; } .userloggedinas .usermenu .usertext .meta, .userswitchedrole .usermenu .usertext .meta, .loginfailures .usermenu .usertext .meta { display: block; font-size: 0.8203125rem; } .userloggedinas .usermenu .avatar img, .userswitchedrole .usermenu .avatar img, .loginfailures .usermenu .avatar img { margin: 0; } .userloggedinas .usermenu .userbutton .avatars { position: relative; display: inline-block; } .userloggedinas .usermenu .userbutton .avatars .avatar.current { display: inline-block; position: absolute; bottom: 0; right: 0; width: 20px; height: 20px; border-radius: 50%; } .userloggedinas .usermenu .userbutton .avatars .avatar.current img { vertical-align: baseline; } .userloggedinas .usermenu .userbutton .avatars .avatar img { width: inherit; height: inherit; } .userloggedinas .usermenu .userbutton .avatars .realuser { width: 35px; height: 35px; display: inline-block; } @media (max-width: 767.98px) { .usertext { display: none; } } .path-mod-quiz .mod-quiz-edit-content { margin-bottom: 10rem; } #page-mod-quiz-mod #id_reviewoptionshdr .col-md-3, #page-mod-quiz-mod #id_reviewoptionshdr .col-md-9 { width: auto; max-width: none; } #page-mod-quiz-mod #id_reviewoptionshdr .form-group, #page-mod-quiz-mod #id_reviewoptionshdr .form-buttons, #page-mod-quiz-mod #id_reviewoptionshdr .path-admin .buttons, .path-admin #page-mod-quiz-mod #id_reviewoptionshdr .buttons, #page-mod-quiz-mod #id_reviewoptionshdr .fp-content-center form + div, .fp-content-center #page-mod-quiz-mod #id_reviewoptionshdr form + div, #page-mod-quiz-mod #id_reviewoptionshdr div.backup-section + form { float: left; width: 20rem; display: inline-block; min-height: 12rem; } #page-mod-quiz-mod #id_reviewoptionshdr .btn-link { line-height: 1.5; vertical-align: bottom; } #page-mod-quiz-mod #id_reviewoptionshdr .form-inline { float: left; clear: left; } #page-mod-quiz-mod #id_reviewoptionshdr .form-check { width: 90%; height: 22px; justify-content: flex-start; } .path-mod-quiz #mod_quiz_navblock .qnbutton { text-decoration: none; font-size: 14px; line-height: 20px; font-weight: normal; background-color: #fff; background-image: none; height: 40px; width: 30px; border-radius: 3px; border: 0; overflow: visible; margin: 0 6px 6px 0; } .path-mod-quiz #mod_quiz_navblock span.qnbutton { cursor: default; background-color: #e9ecef; color: #495057; } .path-mod-quiz #mod_quiz_navblock a.qnbutton:hover, .path-mod-quiz #mod_quiz_navblock a.qnbutton:active, .path-mod-quiz #mod_quiz_navblock a.qnbutton:focus { text-decoration: underline; } .path-mod-quiz #mod_quiz_navblock .qnbutton .thispageholder { border: 1px solid; border-radius: 3px; z-index: 1; } .path-mod-quiz #mod_quiz_navblock .qnbutton.thispage .thispageholder { border-width: 3px; } .path-mod-quiz #mod_quiz_navblock .allquestionsononepage .qnbutton.thispage .thispageholder { border-width: 1px; } .path-mod-quiz #mod_quiz_navblock .qnbutton.flagged .thispageholder { background: transparent url([[pix:theme|mod/quiz/flag-on]]) 15px 0 no-repeat; } .path-mod-quiz #mod_quiz_navblock .qnbutton .trafficlight { border: 0; background: #fff none center/10px no-repeat scroll; height: 20px; margin-top: 20px; border-radius: 0 0 3px 3px; } .path-mod-quiz #mod_quiz_navblock .qnbutton.notyetanswered .trafficlight, .path-mod-quiz #mod_quiz_navblock .qnbutton.invalidanswer .trafficlight { background-color: #fff; } .path-mod-quiz #mod_quiz_navblock .qnbutton.invalidanswer .trafficlight { background-image: url([[pix:theme|mod/quiz/warningtriangle]]); } .path-mod-quiz #mod_quiz_navblock .qnbutton.correct .trafficlight { background-image: url([[pix:theme|mod/quiz/checkmark]]); background-color: #398439; } .path-mod-quiz #mod_quiz_navblock .qnbutton.blocked .trafficlight { background-image: url([[pix:core|t/locked]]); background-color: #e9ecef; } .path-mod-quiz #mod_quiz_navblock .qnbutton.notanswered .trafficlight, .path-mod-quiz #mod_quiz_navblock .qnbutton.incorrect .trafficlight { background-color: #d43f3a; } .path-mod-quiz #mod_quiz_navblock .qnbutton.partiallycorrect .trafficlight { background-image: url([[pix:theme|mod/quiz/whitecircle]]); background-color: #f0ad4e; } .path-mod-quiz #mod_quiz_navblock .qnbutton.complete .trafficlight, .path-mod-quiz #mod_quiz_navblock .qnbutton.answersaved .trafficlight, .path-mod-quiz #mod_quiz_navblock .qnbutton.requiresgrading .trafficlight { background-color: #6c757d; } #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer form input { height: 1.4em; vertical-align: middle; } #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer { padding: 0; margin: 0 0.4em; } .path-mod-assign [data-region="grade-actions-panel"] [data-region="grade-actions"] .collapse-buttons { top: auto; } .path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fcontainer .fitem.popout .felement { height: calc(100% - 4rem); } .path-mod-assign [data-region="grade-panel"] { padding-top: 1rem; } .path-mod-assign [data-region="grade-panel"] .fitem > .col-md-3, .path-mod-assign [data-region="grade-panel"] .fitem > .col-md-9 { width: 100%; padding: 0; max-width: 100%; flex: none; } .path-mod-assign [data-region="grade-panel"] fieldset, .path-mod-assign [data-region="grade-panel"] .fitem.row { margin: 0; } .path-mod-assign [data-region="grade-panel"] .mform .fitem.has-popout .felement { width: 100%; } .path-mod-assign [data-region="grade-panel"] .mform .fitem .felement { width: auto; } .path-mod-assign [data-region="grade-panel"] .popout { background-color: #fff; } .path-mod-assign [data-region="grade-panel"] .fitem.has-popout { background-color: #fff; border-radius: 0.25rem; border: 1px solid rgba(0, 0, 0, 0.125); padding: 1.25rem; margin-bottom: 1rem; } .path-mod-assign [data-region="grade-panel"] .has-popout .col-md-3 { border-bottom: 1px solid rgba(0, 0, 0, 0.1); margin-bottom: 1rem; } .path-mod-assign [data-region="grade-panel"] .popout > .col-md-3 { font-size: 1.40625rem; } .path-mod-assign [data-region="grade-panel"] .popout [data-region="popout-button"] { margin-top: 0; } .path-mod-assign [data-region="assignment-info"] { overflow-y: hidden; } .path-mod-assign [data-region="grading-navigation"] { padding: 6px; } .path-mod-assign [data-region="grade-actions"] { padding: 10px; } .path-mod-assign [data-region="user-info"] .img-rounded { margin-top: 0; } .path-mod-assign [data-region="grading-navigation-panel"] { height: 85px; } @media (max-width: 767px) { .path-mod-assign [data-region="grading-navigation-panel"] { height: auto; } .path-mod-assign [data-region="user-info"] { margin-top: 1rem; } } .path-mod-assign [data-region="grading-navigation"] [data-region="input-field"] input { width: auto; display: inline-block; } /** * Assign feedback. */ .assignfeedback_editpdf_widget * { box-sizing: content-box; } .assignfeedback_editpdf_widget button { box-sizing: border-box; } .assignfeedback_editpdf_widget .commentcolourbutton img { border-width: 0; } .assignfeedback_editpdf_menu { padding: 0; } .path-mod-assign [data-region="grade-panel"] .gradingform_guide .remark .commentchooser { float: none; } .path-mod-assign [data-region="grade-panel"] .gradingform_guide .markingguideremark { width: 100%; } .path-mod-assign [data-region="grade-panel"] .mform .fitem .felement[data-fieldtype="grading"] { padding-left: 1rem; padding-right: 1rem; } .path-mod-assign [data-region="grade-panel"] .showmarkerdesc, .path-mod-assign [data-region="grade-panel"] .showstudentdesc { background-color: #fff; } /** * Mod LTI. */ .path-admin-mod-lti .btn .loader img, .path-admin-mod-lti #page-grade-grading-manage .actions .action .loader img, #page-grade-grading-manage .actions .path-admin-mod-lti .action .loader img, .path-admin-mod-lti #rubric-rubric.gradingform_rubric .addcriterion .loader img, #rubric-rubric.gradingform_rubric .path-admin-mod-lti .addcriterion .loader img, .path-admin-mod-lti #tool-list-loader-container .loader img { height: auto; } .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax { background-color: #fff; } .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd-nohd, .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd-noft, .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd, .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-right, .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-bottom { border: 0; } .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-right, .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-bottom { border-radius: 0; } .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd { background-color: transparent; } .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit.yui-layout-unit-center div.yui-layout-bd { background-color: #f8f9fa; } .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.generaltable, .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.generaltable td.cell { border: 0; padding: 3px 15px; white-space: nowrap; margin-bottom: 0; } .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist { padding: 10px 5px; } .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list { border-top: 1px solid #dee2e6; border-bottom: 1px solid #fff; } .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list li { border-top: 1px solid #fff; border-bottom: 1px solid #dee2e6; padding: 5px 10px; } .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list img { margin-right: 8px; border: 1px solid #ccc; border-radius: 4px; max-width: none; } .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages { margin: 20px 25px; } .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-event.course-theme { text-align: center; margin: 10px 0; font-size: 0.8203125rem; color: #495057; } .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme { margin-bottom: 0.75rem; border-radius: 0.25rem; border: 1px solid rgba(0, 0, 0, 0.125); padding: 1.25rem; } .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme .time { float: right; font-size: 11px; color: #495057; } .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme { background-color: #fff; } .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme .user { font-weight: bold; } /* reports.less */ #page-report-participation-index .participationselectform div label { display: inline-block; margin: 0 5px; } #page-report-participation-index .participationselectform div label[for=menuinstanceid] { margin-left: 0; } .path-backup .mform { /* These are long labels with checkboxes on the right. */ } .path-backup .mform .grouped_settings { clear: both; overflow: hidden; /* Use card styles but avoid extend because that brings in too much. */ } .path-backup .mform .grouped_settings.section_level { background-color: #fff; border-radius: 0.25rem; border: 1px solid rgba(0, 0, 0, 0.125); padding: 1.25rem; margin-bottom: 1.25rem; } .path-backup .mform .grouped_settings.section_level::after { display: block; clear: both; content: ""; } .path-backup .mform .include_setting { width: 50%; display: inline-block; float: left; padding: 0.3rem; } .path-backup .mform .normal_setting { width: 50%; display: inline-block; float: left; padding: 0.3rem; } .path-backup { /* Bold section labels */ } .path-backup .section_level { font-weight: bold; } .path-backup .section_level .activity_level { font-weight: normal; } .path-backup .proceedbutton { margin-left: auto; } /* Override the columns width to leave more room for the labels. */ .path-backup .mform .root_setting, .path-backup .mform .grouped_settings { /* Striped rows like a table */ } .path-backup .mform .root_setting:nth-of-type(odd), .path-backup .mform .grouped_settings:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.05); } .path-backup .mform .root_setting:nth-of-type(even), .path-backup .mform .grouped_settings:nth-of-type(even) { background-color: #fff; } .path-backup .mform .root_setting .form-group, .path-backup .mform .root_setting .form-buttons, .path-backup .mform .root_setting .path-admin .buttons, .path-admin .path-backup .mform .root_setting .buttons, .path-backup .mform .root_setting .fp-content-center form + div, .fp-content-center .path-backup .mform .root_setting form + div, .path-backup .mform .root_setting div.backup-section + form, .path-backup .mform .grouped_settings .form-group, .path-backup .mform .grouped_settings .form-buttons, .path-backup .mform .grouped_settings .path-admin .buttons, .path-admin .path-backup .mform .grouped_settings .buttons, .path-backup .mform .grouped_settings .fp-content-center form + div, .fp-content-center .path-backup .mform .grouped_settings form + div, .path-backup .mform .grouped_settings div.backup-section + form { /* These checkboxes with no label on the left. */ } .path-backup .mform .root_setting .form-group .col-md-3.checkbox, .path-backup .mform .root_setting .form-buttons .col-md-3.checkbox, .path-backup .mform .root_setting .path-admin .buttons .col-md-3.checkbox, .path-admin .path-backup .mform .root_setting .buttons .col-md-3.checkbox, .path-backup .mform .root_setting .fp-content-center form + div .col-md-3.checkbox, .fp-content-center .path-backup .mform .root_setting form + div .col-md-3.checkbox, .path-backup .mform .root_setting div.backup-section + form .col-md-3.checkbox, .path-backup .mform .grouped_settings .form-group .col-md-3.checkbox, .path-backup .mform .grouped_settings .form-buttons .col-md-3.checkbox, .path-backup .mform .grouped_settings .path-admin .buttons .col-md-3.checkbox, .path-admin .path-backup .mform .grouped_settings .buttons .col-md-3.checkbox, .path-backup .mform .grouped_settings .fp-content-center form + div .col-md-3.checkbox, .fp-content-center .path-backup .mform .grouped_settings form + div .col-md-3.checkbox, .path-backup .mform .grouped_settings div.backup-section + form .col-md-3.checkbox { width: 0%; } .path-backup .mform .root_setting .form-group .col-md-9.checkbox, .path-backup .mform .root_setting .form-buttons .col-md-9.checkbox, .path-backup .mform .root_setting .path-admin .buttons .col-md-9.checkbox, .path-admin .path-backup .mform .root_setting .buttons .col-md-9.checkbox, .path-backup .mform .root_setting .fp-content-center form + div .col-md-9.checkbox, .fp-content-center .path-backup .mform .root_setting form + div .col-md-9.checkbox, .path-backup .mform .root_setting div.backup-section + form .col-md-9.checkbox, .path-backup .mform .grouped_settings .form-group .col-md-9.checkbox, .path-backup .mform .grouped_settings .form-buttons .col-md-9.checkbox, .path-backup .mform .grouped_settings .path-admin .buttons .col-md-9.checkbox, .path-admin .path-backup .mform .grouped_settings .buttons .col-md-9.checkbox, .path-backup .mform .grouped_settings .fp-content-center form + div .col-md-9.checkbox, .fp-content-center .path-backup .mform .grouped_settings form + div .col-md-9.checkbox, .path-backup .mform .grouped_settings div.backup-section + form .col-md-9.checkbox { width: 100%; left: 0; } /* Detail pair is (usually) some short label with a longer value */ .path-backup .detail-pair .detail-pair-label { width: 25%; float: left; clear: left; } .path-backup .detail-pair .detail-pair-value { width: 75%; float: left; } .path-backup .backup-restore .singlebutton { float: right; } /* Make these bits full width and work with the detail-pair */ .path-backup .backup-section { /* Fix for nested table headers */ /* Add card styles to backup sections */ background-color: #fff; border-radius: 0.25rem; border: 1px solid rgba(0, 0, 0, 0.125); padding: 1.25rem; margin-bottom: 1.25rem; } .path-backup .backup-section .sub-header, .path-backup .backup-section .backup-sub-section, .path-backup .backup-section .singlebutton, .path-backup .backup-section .header { width: 100%; float: left; clear: both; } .path-backup .backup-section th.header { width: auto; float: none; } .path-backup .backup-section ::after { content: ""; display: table; clear: both; } .path-backup .backup-section::after { display: block; clear: both; content: ""; } .path-backup .notification.dependencies_enforced { color: #d43f3a; font-weight: bold; } .path-backup .backup_progress { margin-top: 1rem; margin-bottom: 1rem; } .path-backup .backup_progress .backup_stage.backup_stage_current { font-weight: bold; color: inherit; } .path-backup .backup_progress span.backup_stage.backup_stage_complete { color: inherit; } #page-backup-restore .filealiasesfailures { background-color: #f6d9d8; } #page-backup-restore .filealiasesfailures .aliaseslist { background-color: #fff; } .path-backup .wibbler { width: 500px; margin: 0 auto 10px; border-bottom: 1px solid black; border-right: 1px solid black; border-left: 1px solid black; position: relative; min-height: 4px; } .path-backup .wibbler .wibble { position: absolute; left: 0; right: 0; top: 0; height: 4px; } .path-backup .wibbler .state0 { background: #eee; } .path-backup .wibbler .state1 { background: #ddd; } .path-backup .wibbler .state2 { background: #ccc; } .path-backup .wibbler .state3 { background: #bbb; } .path-backup .wibbler .state4 { background: #aaa; } .path-backup .wibbler .state5 { background: #999; } .path-backup .wibbler .state6 { background: #888; } .path-backup .wibbler .state7 { background: #777; } .path-backup .wibbler .state8 { background: #666; } .path-backup .wibbler .state9 { background: #555; } .path-backup .wibbler .state10 { background: #444; } .path-backup .wibbler .state11 { background: #333; } .path-backup .wibbler .state12 { background: #222; } .singlebutton { display: inline-block; } .singlebutton + .singlebutton { margin-left: 0.5rem; } .continuebutton { text-align: center; } p.arrow_button { margin-top: 5em; text-align: center; } p.arrow_button #remove { margin: 3em auto 5em; } #addcontrols { margin-top: 11.25rem; text-align: center; margin-bottom: 3em; } #addcontrols label { display: inline; } #addcontrols input, #removecontrols input { margin: auto; } .btn-lineup { margin: 0 0 10px 5px; } .gradetreebox h4 { font-size: 0.9375rem; } .gradetreebox th.cell, .gradetreebox input[type=text] { width: auto; } .gradetreebox input[type=text], .gradetreebox select { margin-bottom: 0; } .core_grades_notices .singlebutton { display: inline-block; } .path-grade-report #maincontent + .urlselect { position: absolute; left: 40vw; } .path-grade-report-grader #region-main { overflow-x: visible; min-width: 100%; width: auto; display: inline-flex; flex-direction: column; } .path-grade-report-grader #region-main > .card, .path-grade-report-grader #page-enrol-users #region-main > #filterform, #page-enrol-users .path-grade-report-grader #region-main > #filterform, .path-grade-report-grader .que #region-main > .history, .que .path-grade-report-grader #region-main > .history, .path-grade-report-grader .userprofile .profile_tree #region-main > section, .userprofile .profile_tree .path-grade-report-grader #region-main > section, .path-grade-report-grader #region-main > .groupinfobox, .path-grade-report-grader #region-main > .well { width: auto; overflow-x: initial; } .path-grade-report-grader #region-main div[role="main"] { flex: 1 1 auto; } .path-grade-report-grader [data-region="blocks-column"] { width: 100%; clear: both; } #page-grade-grading-manage #activemethodselector label { display: inline-block; } #page-grade-grading-manage #activemethodselector .helptooltip { margin-right: 0.5em; } #page-grade-grading-manage .actions { display: block; text-align: center; margin-bottom: 1em; } #page-grade-grading-manage .actions .action { display: inline-block; position: relative; vertical-align: top; width: 150px; text-align: center; overflow: hidden; margin: 0.5em; padding: 1em; border: 1px solid #aaa; } #page-grade-grading-manage .actions .action .action-text { position: relative; top: 0.4em; font-size: 14px; white-space: normal; } #page-grade-grading-form-rubric-edit .gradingform_rubric_editform .status { font-size: 70%; } #rubric-rubric.gradingform_rubric #rubric-criteria { margin-bottom: 1em; } #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .description { vertical-align: top; padding: 6px; } #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .description textarea { margin-bottom: 0; height: 115px; } #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .definition textarea { width: 80%; margin-bottom: 0; } #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .score { position: relative; float: left; margin-right: 28px; } #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .score input { margin-bottom: 0; } #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .level { vertical-align: top; padding: 6px; } #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .level .delete { position: relative; width: 32px; height: 32px; margin-top: -32px; clear: both; float: right; } #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .level .delete input { display: block; position: absolute; right: 0; bottom: 0; height: 24px; width: 24px; margin: 0; } #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .level .delete input:hover { background-color: #ddd; } #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .scorevalue input { float: none; width: 2em; } #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .scorevalue input.hiddenelement, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .scorevalue input.pseudotablink { width: 0; } #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel { vertical-align: top; padding-top: 6px; } #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input { font-weight: bold; height: 30px; line-height: 1rem; padding-left: 24px; } #rubric-rubric.gradingform_rubric .addcriterion { margin-left: 5px; padding: 0; margin-bottom: 1em; } #rubric-rubric.gradingform_rubric .addcriterion input { margin: 0; color: inherit; text-shadow: inherit; border: 0 none; line-height: inherit; background: transparent url([[pix:t/add]]) no-repeat 7px 8px; padding-left: 26px; } #rubric-rubric.gradingform_rubric .options { clear: both; } #rubric-rubric.gradingform_rubric .options .option label { margin: 0; padding: 0; font-size: inherit; font-weight: normal; line-height: 2em; color: inherit; text-shadow: none; background-color: transparent; } #rubric-rubric.gradingform_rubric .options .option input { margin-left: 5px; margin-right: 12px; } .path-grade-edit-tree .setup-grades h4 { margin: 0; } .path-grade-edit-tree .setup-grades .column-rowspan { padding: 0; width: 24px; min-width: 24px; max-width: 24px; } .path-grade-edit-tree .setup-grades .category td.column-name { padding-left: 0; } .path-grade-edit-tree .setup-grades td.column-name { padding-left: 24px; } .path-grade-edit-tree .setup-grades .category input[type="text"], .path-grade-edit-tree .setup-grades .category .column-range, .path-grade-edit-tree .setup-grades .categoryitem, .path-grade-edit-tree .setup-grades .courseitem { font-weight: bold; } .path-grade-edit-tree .setup-grades .emptyrow { display: none; } .path-grade-edit-tree .setup-grades .gradeitemdescription { font-weight: normal; padding-left: 24px; } .path-grade-edit-tree .setup-grades .column-weight { white-space: nowrap; } .path-grade-edit-tree .setup-grades .column-weight.level3 { padding-left: 37px; } .path-grade-edit-tree .setup-grades .column-weight.level4 { padding-left: 66px; } .path-grade-edit-tree .setup-grades .column-weight.level5 { padding-left: 95px; } .path-grade-edit-tree .setup-grades .column-weight.level6 { padding-left: 124px; } .path-grade-edit-tree .setup-grades .column-weight.level7 { padding-left: 153px; } .path-grade-edit-tree .setup-grades .column-weight.level8 { padding-left: 182px; } .path-grade-edit-tree .setup-grades .column-weight.level9 { padding-left: 211px; } .path-grade-edit-tree .setup-grades .column-weight.level10 { padding-left: 240px; } .path-grade-edit-tree .setup-grades .column-range.level2 { padding-left: 37px; } .path-grade-edit-tree .setup-grades .column-range.level3 { padding-left: 66px; } .path-grade-edit-tree .setup-grades .column-range.level4 { padding-left: 95px; } .path-grade-edit-tree .setup-grades .column-range.level5 { padding-left: 124px; } .path-grade-edit-tree .setup-grades .column-range.level6 { padding-left: 153px; } .path-grade-edit-tree .setup-grades .column-range.level7 { padding-left: 182px; } .path-grade-edit-tree .setup-grades .column-range.level8 { padding-left: 211px; } .path-grade-edit-tree .setup-grades .column-range.level9 { padding-left: 240px; } .path-grade-edit-tree .setup-grades .column-range.level10 { padding-left: 269px; } .path-grade-edit-tree .setup-grades.generaltable .levelodd { background-color: rgba(0, 0, 0, 0.05); } .path-grade-edit-tree .setup-grades.generaltable .leveleven { background-color: transparent; } /** * Grader report. */ .path-grade-report-grader .gradeparent table { border-radius: 0.25rem; } .path-grade-report-grader .gradeparent tr .cell { background-color: #fff; } .path-grade-report-grader .gradeparent table, .path-grade-report-grader .gradeparent .cell { border-color: #dee2e6; } .path-grade-report-grader .gradeparent tr:nth-of-type(even) .cell, .path-grade-report-grader .gradeparent .floater .cell, .path-grade-report-grader .gradeparent .avg { background-color: #f8f9fa; } .path-grade-report-grader .gradeparent table .clickable { cursor: pointer; } /** * User report. */ .path-grade-report-user .user-grade { border: none; } .path-grade-report-user .user-grade.generaltable .levelodd { background-color: rgba(0, 0, 0, 0.05); } .path-grade-report-user .user-grade.generaltable .leveleven { background-color: transparent; } /** * Single view. */ .path-grade-report-singleview input[name^="finalgrade"] { width: 80px; } .columns-autoflow-1to1to1 { column-count: 3; } @media (max-width: 767px) { .columns-autoflow-1to1to1 { column-count: 1; } } /* some very targetted corrections to roll back nameclashes between * Moodle and Bootstrap like .row, .label, .content, .controls * * Mostly relies on these styles being more specific than the Bootstrap * ones in order to overule them. */ li.activity.label, .file-picker td.label { background: inherit; color: inherit; border: inherit; text-shadow: none; padding: 8px; white-space: normal; display: block; font-size: inherit; line-height: inherit; text-align: inherit; } .file-picker td.label { display: table-cell; text-align: right; } .choosercontainer #chooseform .option label { font-size: 12px; } /* block.invisible vs .invisible * block.hidden vs .invisible * * uses .invisible where the rest of Moodle uses @mixin dimmed * fixible in block renderer? * * There's seems to be even more naming confusion here since, * blocks can be actually 'visible' (or not) to students, * marked 'visible' but really just dimmed to indicate to editors * that students can't see them or 'visible' to the user who * collapses them, 'visible' if you have the right role and in * different circumstances different sections of a block can * be 'visible' or not. * * currently worked around in renderers.php function block{} * by rewriting the class name "invisible" to "dimmed", * though the blocks don't look particularly different apart * from their contents disappearing. Maybe try .muted? or * dimming all the edit icons apart from unhide, might be a * nice effect, though they'd still be active. Maybe reverse * it to white? */ li.section.hidden, .block.hidden, .block.invisible { visibility: visible; display: block; } /* .row vs .row * * very tricky to track down this when it goes wrong, * since the styles are applied to generated content * * basically if you see things shifted left or right compared * with where they should be check for a .row */ .forumpost .row { margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */ } .forumpost .row:before, .forumpost .row:after { content: none; } /* fieldset.hidden vs .hidden * * Moodle uses fieldset.hidden for mforms, to signify a collection of * form elements that don't have a box drawn round them. Bootstrap * uses hidden for stuff that is hidden in various responsive modes. * * Relatedly, there is also fieldset.invisiblefieldset which hides the * border and sets the display to inline. * * Originally this just set block and visible, but it is used * in random question dialogue in Quiz, * that dialogue is hidden and shown, so when hidden the * above workaround leaves you with a button floating around */ fieldset.hidden { display: inherit; visibility: inherit; } /* .container vs .container * * bootstrap uses .container to set the width of the layout at 960px or so, Moodle uses it * in the Quiz to contain the questions to add. If you don't overule the Bootstrap code, * it becomes near unuseable. */ #questionbank + .container { width: auto; } body:not(.jsenabled) .dropdown:hover > .dropdown-menu { display: block; margin-top: -6px; } body:not(.jsenabled) .langmenu:hover > .dropdown-menu, .langmenu.open > .dropdown-menu { display: block; max-height: 150px; overflow-y: auto; } .navbar.fixed-top .dropdown .dropdown-menu { max-height: calc(100vh - 50px); overflow-y: auto; } .page-item.active .page-link, .page-item.active .page-link:hover, .page-item.active .page-link:focus { z-index: inherit; } /* Force positioning of popover arrows. * * The Css prefixer used in Moodle does not support complex calc statements used * in Bootstrap 4 CSS. For example: * calc((0.5rem + 1px) * -1); is stripped out by lib/php-css-parser/Parser.php. * See MDL-61879. For now the arrow positions of popovers are fixed until this is resolved. */ .bs-popover-right .arrow, .bs-popover-auto[x-placement^="right"] .arrow, .bs-popover-auto[x-placement^="right"] .arrow { left: -9px; } .bs-popover-left .arrow, .bs-popover-auto[x-placement^="left"] .arrow, .bs-popover-auto[x-placement^="left"] .arrow { right: -9px; } .bs-popover-top .arrow, .bs-popover-auto[x-placement^="top"] .arrow, .bs-popover-auto[x-placement^="top"] .arrow { bottom: -9px; } .bs-popover-bottom .arrow, .bs-popover-auto[x-placement^="bottom"] .arrow, .bs-popover-auto[x-placement^="bottom"] .arrow { top: -9px; } .custom-select { word-wrap: normal; } /* Add commented out carousel transistions back in. * * The Css prefixer used in Moodle breaks on @supports syntax, See MDL-61515. */ .carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right { transform: translateX(0); } .carousel-item-next, .active.carousel-item-right { transform: translateX(100%); } .carousel-item-prev, .active.carousel-item-left { transform: translateX(-100%); } body.behat-site .fixed-top { position: absolute; } body.behat-site .dropdown-item { margin-top: 4px !important; /* stylelint-disable declaration-no-important */ } body.behat-site.drawer-ease { -webkit-transition: initial; -moz-transition: initial; transition: initial; } body.behat-site [data-region="drawer"] { -webkit-transition: initial; -moz-transition: initial; transition: initial; position: absolute; } body.behat-site .custom-control, body.behat-site .custom-switch { padding-left: 0; } body.behat-site .custom-control-input { position: static; z-index: 0; opacity: 1; } body.behat-site .custom-control-label::before, body.behat-site .custom-control-label::after { content: none; } .phpinfo table, .phpinfo th, .phpinfo h2 { margin: auto; } .phpinfo h2 { width: 600px; } .phpinfo .e, .phpinfo .v, .phpinfo .h { border: 1px solid #000; font-size: 0.8em; vertical-align: baseline; color: #000; background-color: #ccc; } .phpinfo .e { background-color: #ccf; font-weight: bold; } .phpinfo .h { background-color: #99c; font-weight: bold; } table caption { font-size: 24px; font-weight: bold; line-height: 42px; text-align: left; caption-side: top; } /** * This file contains the styles required to make the footer sticky. */ html, body { height: 100%; } #page-wrapper { height: 100%; display: flex; flex-direction: column; } #page-wrapper #page { flex: 1 0 auto; display: flex; flex-direction: column; } #page-wrapper #page #page-content { flex: 1 0 auto; } #page-wrapper #page-footer { flex-shrink: 0; } .popover-region { position: relative; } .popover-region.collapsed .popover-region-toggle:before, .popover-region.collapsed .popover-region-toggle:after { display: none; } .popover-region.collapsed .popover-region-container { opacity: 0; visibility: hidden; height: 0; overflow: hidden; transition: height 0.25s, opacity 101ms 0.25s, visibility 101ms 0.25s; } .popover-region-toggle { cursor: pointer; } .popover-region-toggle::before { content: ''; display: inline-block; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #ddd; position: absolute; bottom: 0; right: 7px; } .popover-region-toggle::after { content: ''; display: inline-block; border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 9px solid #fff; position: absolute; bottom: -1px; right: 8px; z-index: 2; } .count-container { padding: 2px; border-radius: 2px; background-color: red; color: white; font-size: 10px; line-height: 10px; position: absolute; top: 5px; right: 0; } .popover-region-container { opacity: 1; visibility: visible; position: absolute; right: 0; top: 0; height: 500px; width: 380px; border: 1px solid #ddd; transition: height 0.25s; background-color: #fff; z-index: 1; } .popover-region-header-container { height: 25px; line-height: 25px; padding-left: 5px; padding-right: 5px; border-bottom: 1px solid #ddd; box-sizing: border-box; } .popover-region-footer-container { height: 30px; text-align: center; border-top: 1px solid #ddd; background-color: #fff; padding-top: 3px; } .popover-region-header-text { float: left; margin: 0; font-size: 14px; line-height: 25px; } .popover-region-header-actions { float: right; } .popover-region-header-actions > * { margin-left: 10px; min-width: 20px; display: inline-block; } .popover-region-header-actions .loading-icon { display: none; height: 12px; width: 12px; } .popover-region-header-actions .newmessage-link { margin-right: 10px; } .popover-region-header-actions label { display: inline-block; text-align: center; margin-bottom: 0; } .popover-region-content-container { height: calc(100% - 55px); width: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch; } .popover-region-content-container > .loading-icon { display: none; text-align: center; padding: 5px; box-sizing: border-box; } .popover-region-content-container .empty-message { display: none; text-align: center; padding: 10px; } .popover-region-content-container.loading > .loading-icon { display: block; } .popover-region-content-container.loading .empty-message { display: none; } .navbar .popover-region { float: left; margin-right: 10px; } .navbar .popover-region.collapsed .popover-region-container { opacity: 0; visibility: hidden; height: 0; overflow: hidden; transition: height 0.25s, opacity 101ms 0.25s, visibility 101ms 0.25s; } .navbar .popover-region-toggle { width: 25px; } .navbar .count-container { padding: 2px; border-radius: 2px; background-color: red; color: white; font-size: 10px; line-height: 10px; position: absolute; top: 5px; right: 0; } .navbar .popover-region-container { top: 1.96875rem; } .content-item-container { width: 100%; border-bottom: 1px solid #ddd; box-sizing: border-box; padding: 5px; position: relative; margin: 0; display: block; color: inherit; text-decoration: none; } .content-item-container:hover { color: #fff; background-color: #79b5e6; } .content-item-container:hover .content-item-footer .timestamp { color: #fff; } .content-item-container.unread { margin: 0; background-color: #f4f4f4; } .content-item-container.unread:hover { color: #fff; background-color: #79b5e6; } .content-item-container.unread .content-item-body .notification-message { font-weight: 600; } .content-item-container .context-link { color: inherit; text-decoration: none; } .content-item-container .content-item-body { box-sizing: border-box; margin-bottom: 5px; } .content-item-container .content-item-footer { text-align: left; box-sizing: border-box; } .content-item-container .content-item-footer .timestamp { font-size: 10px; line-height: 10px; margin: 0; color: #666; margin-left: 24px; } .content-item-container .view-more { position: absolute; bottom: 5px; right: 5px; font-size: 12px; line-height: 12px; } .content-item-container.notification .content-item-body .notification-image { display: inline-block; width: 24px; height: 24px; float: left; } .content-item-container.notification .content-item-body .notification-image img { height: 75%; } .content-item-container.notification .content-item-body .notification-message { display: inline-block; font-size: 12px; width: calc(100% - 24px); } .content-item-container.selected { background-color: #4f94cd; color: #fff; border-color: #4f94cd; } .content-item-container.selected .content-item-footer .timestamp { color: #fff; } .popover-region-notifications .popover-region-header-container .mark-all-read-button .normal-icon { display: inline-block; } .popover-region-notifications .popover-region-header-container .mark-all-read-button.loading .normal-icon { display: none; } .popover-region-notifications .popover-region-header-container .mark-all-read-button.loading .loading-icon { display: inline-block; } .popover-region-notifications .all-notifications { opacity: 1; visibility: visible; height: auto; overflow: hidden; } .popover-region-notifications .all-notifications:empty + .empty-message { display: block; } .popover-region-notifications .notification-image { display: inline-block; width: 8%; vertical-align: top; } .popover-region-notifications .notification-image img { height: 75%; } .popover-region-notifications .notification-message { display: inline-block; font-size: 12px; } .popover-region-notifications .popover-region-content-container.loading .all-notifications:empty + .empty-message { display: none; } .popover-region-messages .mark-all-read-button .normal-icon { display: inline-block; } .popover-region-messages .mark-all-read-button.loading .normal-icon { display: none; } .popover-region-messages .mark-all-read-button.loading .loading-icon { display: inline-block; } .popover-region-messages .popover-region-content-container.loading .popover-region-content .messages:empty + .empty-message { display: none; } .popover-region-messages .messages:empty + .empty-message { display: block; } .popover-region-messages .content-item-container.unread .content-item-body { font-weight: 600; width: calc(90% - 30px); } .popover-region-messages .content-item-container.unread .unread-count-container { display: inline-block; width: 10%; text-align: center; float: right; } .popover-region-messages .content-item { height: 100%; width: 100%; box-sizing: border-box; } .popover-region-messages .profile-image-container { width: 30px; display: inline-block; text-align: center; float: left; } .popover-region-messages .profile-image-container img { width: 100%; display: inline-block; vertical-align: middle; border-radius: 50%; } .popover-region-messages .content-item-body { display: inline-block; box-sizing: border-box; width: calc(100% - 30px); font-size: 12px; padding-left: 10px; overflow: hidden; } .popover-region-messages .content-item-body h3 { font-size: 12px; line-height: 12px; margin: 0; width: 100%; } .popover-region-messages .content-item-body p { margin: 0; } .popover-region-messages .unread-count-container { display: none; } @media (max-width: 767px) { .navbar .popover-region .popover-region-container { right: -70px; } } @media (max-width: 480px) { .navbar .popover-region .popover-region-container { position: fixed; top: 46px; right: 0; left: 0; bottom: 0; width: auto; height: auto; } } /** * Tour step must sit above all other UI components. * The backdrop is the lowest point in the tour. * Everything else is in the container, and the target background should be at the same z-index. * ----- moodle * ---- step backdrop * --- step container * --- step target background */ div[data-flexitour="backdrop"] { background-color: #000; opacity: 0.5; z-index: 1040; } div[data-flexitour="step-background-fader"], div[data-flexitour="step-background"] { border-radius: 0.3rem; z-index: 1041; } span[data-flexitour="container"], div[data-flexitour="step-background-fader"], [data-flexitour="step-backdrop"] > td, [data-flexitour="step-backdrop"] { z-index: 1042; } span[data-flexitour="container"] .modal-dialog { /** * Remove all margins to: * 1) ensure that the arrow touches the target; and * 2) ensure that the focus border touches the modal. */ margin: 0; } span[data-flexitour="container"] div[data-role="arrow"] { border-width: 11px; } span[data-flexitour="container"] div[data-role="arrow"], span[data-flexitour="container"] div[data-role="arrow"]:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 1rem; } span[data-flexitour="container"][x-placement="top"], span[data-flexitour="container"][x-placement="top-start"] { margin-bottom: 1rem; } span[data-flexitour="container"][x-placement="top"] div[data-role="arrow"], span[data-flexitour="container"][x-placement="top-start"] div[data-role="arrow"] { bottom: -11px; left: 50%; margin-left: -11px; border-bottom-width: 0; border-top-color: rgba(0, 0, 0, 0.25); } 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 { bottom: 1px; margin-left: -1rem; content: " "; border-bottom-width: 0; border-top-color: #fff; } span[data-flexitour="container"][x-placement="bottom"], span[data-flexitour="container"][x-placement="bottom-start"] { margin-top: 1rem; } span[data-flexitour="container"][x-placement="bottom"] div[data-role="arrow"], span[data-flexitour="container"][x-placement="bottom-start"] div[data-role="arrow"] { top: -11px; left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: rgba(0, 0, 0, 0.25); } 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 { top: 1px; margin-left: -1rem; content: " "; border-top-width: 0; border-bottom-color: #fff; } span[data-flexitour="container"][x-placement="left"], span[data-flexitour="container"][x-placement="left-start"] { margin-right: 1rem; } span[data-flexitour="container"][x-placement="left"] div[data-role="arrow"], span[data-flexitour="container"][x-placement="left-start"] div[data-role="arrow"] { right: -11px; top: 50%; margin-top: -11px; border-right-width: 0; border-left-color: rgba(0, 0, 0, 0.25); } 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 { right: 1px; margin-top: -1rem; content: " "; border-right-width: 0; border-left-color: #fff; } span[data-flexitour="container"][x-placement="right"], span[data-flexitour="container"][x-placement="right-start"] { margin-left: 1rem; } span[data-flexitour="container"][x-placement="right"] div[data-role="arrow"], span[data-flexitour="container"][x-placement="right-start"] div[data-role="arrow"] { left: -11px; top: 50%; margin-top: -11px; border-left-width: 0; border-right-color: rgba(0, 0, 0, 0.25); } 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 { left: 1px; margin-top: -1rem; content: " "; border-left-width: 0; border-right-color: #fff; } [data-region="drawer"] [data-flexitour="container"] { /*rtl:ignore*/ margin-left: -15px; width: 275px; } .label { background-color: #6c757d; } .label[href]:hover, .label[href]:focus { background-color: #545b62; } .label-success { background-color: #398439; } .label-success[href]:hover, .label-success[href]:focus { background-color: #2a602a; } .label-info { background-color: #5bc0de; } .label-info[href]:hover, .label-info[href]:focus { background-color: #31b0d5; } .label-warning { background-color: #f0ad4e; } .label-warning[href]:hover, .label-warning[href]:focus { background-color: #ec971f; } .label-important { background-color: #d43f3a; } .label-important[href]:hover, .label-important[href]:focus { background-color: #b42c27; } .pull-left { float: left !important; } .pull-right { float: right !important; } @media print { body.drawer-open-left.jsenabled, body.drawer-open-right.jsenabled { margin: 0; } .container { width: auto; } } .modal .modal-body > .loading-icon { display: block; position: relative; width: 100%; height: 100%; } .modal .modal-body > .loading-icon .icon { position: absolute; top: 50%; /*rtl:ignore*/ left: 50%; transform: translate(-50%, -50%); } .navbar { box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); } .filemanager-container, .filepicker-filelist { border: 1px solid #dee2e6; } .userpicture { border-radius: 50%; } .block { background-color: #f8f9fa; } #page-my-index { background-color: #fff; } .btn-outline-secondary { color: #6c757d; background-color: transparent; background-image: none; border-color: #6c757d; border-color: #6c757d; } .btn-outline-secondary:hover { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-outline-secondary:focus, .btn-outline-secondary.focus { box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #6c757d; background-color: transparent; } .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } .btn-outline-info { color: #1f7e9a; background-color: transparent; background-image: none; border-color: #1f7e9a; } .btn-outline-info:hover { color: #fff; background-color: #1f7e9a; border-color: #1f7e9a; } .btn-outline-info:focus, .btn-outline-info.focus { box-shadow: 0 0 0 0.2rem rgba(31, 126, 154, 0.5); } .btn-outline-info.disabled, .btn-outline-info:disabled { color: #1f7e9a; background-color: transparent; } .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { color: #fff; background-color: #1f7e9a; border-color: #1f7e9a; } .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(31, 126, 154, 0.5); } .btn-outline-warning { color: #a6670e; background-color: transparent; background-image: none; border-color: #a6670e; } .btn-outline-warning:hover { color: #fff; background-color: #a6670e; border-color: #a6670e; } .btn-outline-warning:focus, .btn-outline-warning.focus { box-shadow: 0 0 0 0.2rem rgba(166, 103, 14, 0.5); } .btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #a6670e; background-color: transparent; } .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { color: #fff; background-color: #a6670e; border-color: #a6670e; } .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(166, 103, 14, 0.5); } @media (max-width: 767.98px) { .blockcolumn, .region-main { flex: 0 0 100%; padding: 0 1rem; margin-bottom: 1rem; } } @media (min-width: 768px) { #page-content { display: flex; } #page-content .region-main { flex: 0 0 100%; padding: 0 1rem; } #page-content.blocks-pre .columnleft { flex: 0 0 32%; order: -1; padding: 0 1rem; max-width: 32%; } #page-content.blocks-pre .region-main { flex: 0 0 68%; max-width: 68%; padding: 0 1rem 0 0; } #page-content.blocks-post .region-main { flex: 0 0 68%; max-width: 68%; padding: 0 0 0 1rem; } #page-content.blocks-post .columnright { flex: 0 0 32%; padding: 0 1rem; max-width: 32%; } #page-content.blocks-pre.blocks-post .region-main { flex: 0 0 36%; max-width: 36%; padding: 0; } #page-content [data-region="blocks-column"] { width: 100%; } .empty-region-side-pre.used-region-side-post #page-content .region-main { flex: 0 0 68%; max-width: 68%; padding-left: 1rem; } .empty-region-side-pre.used-region-side-post #page-content .columnright { flex: 0 0 32%; padding: 0 1rem; max-width: 32%; } .empty-region-side-post.used-region-side-pre #page-content .region-main { flex: 0 0 68%; max-width: 68%; padding-right: 1rem; } .empty-region-side-post.used-region-side-pre #page-content .columnleft { flex: 0 0 32%; order: -1; padding: 0 1rem; max-width: 32%; } .used-region-side-post.used-region-side-pre #page-content .region-main { flex: 0 0 36%; max-width: 36%; padding: 0; } .used-region-side-post.used-region-side-pre #page-content .columnleft { flex: 0 0 32%; order: -1; padding: 0 1rem; max-width: 32%; } .used-region-side-post.used-region-side-pre #page-content .columnright { flex: 0 0 32%; padding: 0 1rem; max-width: 32%; } } @media (min-width: 992px) { #page-content { display: flex; } #page-content .region-main { flex: 0 0 100%; padding: 0 1rem; } #page-content.blocks-pre .columnleft { flex: 0 0 25%; order: -1; padding: 0 1rem; max-width: 25%; } #page-content.blocks-pre .region-main { flex: 0 0 75%; max-width: 75%; padding: 0 1rem 0 0; } #page-content.blocks-post .region-main { flex: 0 0 75%; max-width: 75%; padding: 0 0 0 1rem; } #page-content.blocks-post .columnright { flex: 0 0 25%; padding: 0 1rem; max-width: 25%; } #page-content.blocks-pre.blocks-post .region-main { flex: 0 0 50%; max-width: 50%; padding: 0; } #page-content [data-region="blocks-column"] { width: 100%; } .empty-region-side-pre.used-region-side-post #page-content .region-main { flex: 0 0 75%; max-width: 75%; padding-left: 1rem; } .empty-region-side-pre.used-region-side-post #page-content .columnright { flex: 0 0 25%; padding: 0 1rem; max-width: 25%; } .empty-region-side-post.used-region-side-pre #page-content .region-main { flex: 0 0 75%; max-width: 75%; padding-right: 1rem; } .empty-region-side-post.used-region-side-pre #page-content .columnleft { flex: 0 0 25%; order: -1; padding: 0 1rem; max-width: 25%; } .used-region-side-post.used-region-side-pre #page-content .region-main { flex: 0 0 50%; max-width: 50%; padding: 0; } .used-region-side-post.used-region-side-pre #page-content .columnleft { flex: 0 0 25%; order: -1; padding: 0 1rem; max-width: 25%; } .used-region-side-post.used-region-side-pre #page-content .columnright { flex: 0 0 25%; padding: 0 1rem; max-width: 25%; } } @media (min-width: 1200px) { #page-content { display: flex; } #page-content .region-main { flex: 0 0 100%; padding: 0 1rem; } #page-content.blocks-pre .columnleft { flex: 0 0 20%; order: -1; padding: 0 1rem; max-width: 20%; } #page-content.blocks-pre .region-main { flex: 0 0 80%; max-width: 80%; padding: 0 1rem 0 0; } #page-content.blocks-post .region-main { flex: 0 0 80%; max-width: 80%; padding: 0 0 0 1rem; } #page-content.blocks-post .columnright { flex: 0 0 20%; padding: 0 1rem; max-width: 20%; } #page-content.blocks-pre.blocks-post .region-main { flex: 0 0 60%; max-width: 60%; padding: 0; } #page-content [data-region="blocks-column"] { width: 100%; } .empty-region-side-pre.used-region-side-post #page-content .region-main { flex: 0 0 80%; max-width: 80%; padding-left: 1rem; } .empty-region-side-pre.used-region-side-post #page-content .columnright { flex: 0 0 20%; padding: 0 1rem; max-width: 20%; } .empty-region-side-post.used-region-side-pre #page-content .region-main { flex: 0 0 80%; max-width: 80%; padding-right: 1rem; } .empty-region-side-post.used-region-side-pre #page-content .columnleft { flex: 0 0 20%; order: -1; padding: 0 1rem; max-width: 20%; } .used-region-side-post.used-region-side-pre #page-content .region-main { flex: 0 0 60%; max-width: 60%; padding: 0; } .used-region-side-post.used-region-side-pre #page-content .columnleft { flex: 0 0 20%; order: -1; padding: 0 1rem; max-width: 20%; } .used-region-side-post.used-region-side-pre #page-content .columnright { flex: 0 0 20%; padding: 0 1rem; max-width: 20%; } } .block_myoverview .dashboard-card-deck .dashboard-card, .block_recentlyaccesseditems .dashboard-card-deck .dashboard-card { width: calc(33.33% - 0.5rem); } @media (min-width: 768px) { .blockcolumn .dashboard-card-deck { margin-left: 0; margin-right: 0; } .blockcolumn .dashboard-card-deck .dashboard-card { width: calc(100% - 0.5rem) !important; /* stylelint-disable-line declaration-no-important */ } } .block_navigation .block_tree.list > li > ul, .block_settings .block_tree.list > li > ul { padding-left: 0; } .block_navigation .block_tree .tree_item.branch, .block_settings .block_tree .tree_item.branch { margin-left: 5px; padding-left: 0.75rem; } .block_navigation .block_tree p.hasicon, .block_settings .block_tree p.hasicon { text-indent: 0; padding-left: 0.75rem; } .block_navigation .block_tree ul, .block_settings .block_tree ul { margin-left: 0.25rem; padding-left: 1rem; } .block_navigation .block_tree p.hasicon .icon, .block_settings .block_tree p.hasicon .icon { margin-right: 5px; } .root_node, .navigation_node { margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */ padding-left: 0 !important; /* stylelint-disable-line declaration-no-important */ } .block.block_settings #settingsnav { padding-top: 0 !important; /* stylelint-disable-line declaration-no-important */ }