WebSVN – Moodle – Autoría – /theme/monocolor/scss/moodle/core.scss

Rev	Autor	Línea Nro.	Línea
1	efrain	1	`/* core.less */`
		2
		3	`// When we upgrade boostrap to v4 release, we will need to change this to be used by the text-white class.`
		4	`// Because a primary colour that is both AA accessible on grey (footer) and white is not possible, we always`
		5	`// want white default colour.`
		6	`$bg-inverse-link-color: #fff !default;`
		7	`$font-size-xs: (`
		8	`$font-size-base * .75) !default;`
		9	`$dropzone-border: $gray-900 !default;`
		10
		11	`$collapse-list-item-padding-y: 0.5rem !default;`
		12	`$collapse-list-item-padding-x: 1rem !default;`
		13	`$collapse-list-item-hover-bg: theme-color-level('info', -11) !default;`
		14	`$collapse-list-item-hover-border: theme-color-level('info', -9) !default;`
		15
		16	`@mixin optional-animation($animation) {`
		17	`animation: $animation;`
		18
		19	`@media (prefers-reduced-motion: reduce) {`
		20	`animation: none;`
		21	`}`
		22
		23	`body.behat-site & {`
		24	`animation: none;`
		25	`}`
		26	`}`
		27
		28	`// Remove for not logged in users`
		29	`.header-settings-menu {`
		30
		31	`.notloggedin &,`
		32	`.moodle-guest-user & {`
		33	`display: none !important;`
		34	`}`
		35	`}`
		36
		37	`@include media-breakpoint-between(sm, md) {`
		38	`.header-settings-menu {`
		39	`padding: 4px;`
		40
		41	`position: fixed;`
		42	`bottom: 5px;`
		43	`right: 5px;`
		44
		45	`z-index: 1019;`
		46
		47	`flex-wrap: wrap;`
		48
		49	`background-color: rgba($black, .1`
		50	`);`
		51	`backdrop-filter: blur(10px);`
		52	`-webkit-backdrop-filter: blur(10px);`
		53	`border-radius: $btn-border-radius;`
		54	`}`
		55	`}`
		56
		57	`@include media-breakpoint-only(md) {`
		58	`.header-settings-menu {`
		59	`.scrolled & {`
		60	`right: 65px;`
		61	`left: auto;`
		62	`}`
		63	`}`
		64	`}`
		65
		66	`@include media-breakpoint-between(xs, sm) {`
		67	`.header-settings-menu {`
		68	`.scrolled & {`
		69	`right: 65px;`
		70	`left: 5px;`
		71	`}`
		72	`}`
		73	`}`
		74
		75	`@include media-breakpoint-up(sm) {`
		76
		77	`.context-header-settings-menu,`
		78	`.region-main-settings-menu {`
		79	`float: right;`
		80	`width: auto;`
		81	`max-width: 4em;`
		82	`height: 2em;`
		83	`display: block;`
		84	`margin-top: 4px;`
		85	`}`
		86	`}`
		87
		88	`@include media-breakpoint-between(xs, sm) {`
		89
		90	`.context-header-settings-menu,`
		91	`.region-main-settings-menu {`
		92	`display: flex;`
		93	`justify-content: flex-end;`
		94	`}`
		95	`}`
		96
		97
		98	`/** Prevent user notifications overlapping with region main settings menu */`
		99	`#user-notifications {`
		100	`display: block;`
		101	`overflow: hidden;`
		102	`margin: 10px 0;`
		103
		104	`&:empty {`
		105	`margin: 0;`
		106	`}`
		107
		108	`.alert {`
		109	`margin-bottom: 0;`
		110	`}`
		111
		112	`.alert+.alert {`
		113	`margin-top: .35rem;`
		114	`}`
		115	`}`
		116
		117	`/ Page layout CSS starts /`
		118	`.layout-option-noheader .page-header-content,`
		119	`.layout-option-nonavbar #page-navbar,`
		120	`.layout-option-nofooter .rui-page-footer,`
		121	`.layout-option-nocourseheader .course-content-header,`
		122	`.layout-option-nocoursefooter .course-content-footer {`
		123	`display: none;`
		124	`}`
		125
		126	`/ Page layout CSS ends /`
		127
		128	`.mdl-left {`
		129	`text-align: left;`
		130	`}`
		131
		132	`.mdl-right {`
		133	`text-align: right;`
		134	`}`
		135
		136	`/rtl:ignore/`
		137	`.text-ltr {`
		138	`direction: ltr !important;`
		139	`/* stylelint-disable-line declaration-no-important */`
		140	`}`
		141
		142	`#add,`
		143	`#remove,`
		144	`.centerpara,`
		145	`.mdl-align {`
		146	`text-align: center;`
		147	`}`
		148
		149	`// mod: /report/questioninstances/index.php`
		150	`#page-admin-report-questioninstances-index {`
		151	`.centerpara {`
		152	`text-align: left;`
		153	`}`
		154	`}`
		155
		156	`a.dimmed,`
		157	`a.dimmed:link,`
		158	`a.dimmed:visited,`
		159	`a.dimmed_text,`
		160	`a.dimmed_text:link,`
		161	`a.dimmed_text:visited,`
		162	`.dimmed_text,`
		163	`.dimmed_text a,`
		164	`.dimmed_text a:link,`
		165	`.dimmed_text a:visited,`
		166	`.usersuspended,`
		167	`.usersuspended a,`
		168	`.usersuspended a:link,`
		169	`.usersuspended a:visited,`
		170	`.dimmed_category,`
		171	`.dimmed_category a {`
		172	`color: $text-muted;`
		173
		174	`.theme-dark & {`
		175	`color: $dm-text-muted;`
		176	`}`
		177	`}`
		178
		179	`// Accessible focus styling for links, add .aalink to links with custom css classes to get`
		180	`// accessible focus styles.`
		181	`.aalink,`
		182	`.rui-page-footer a:not([class]),`
		183	`.arrow_link,`
		184	`a:not([class]),`
		185	`.activityinstance>a {`
		186	`&:focus:hover {`
		187	`text-decoration: none;`
		188	`}`
		189	`}`
		190
		191	`// Accessible focus styling for buttons like elements that do not use the .btn class. Add`
		192	`// .aabtn to you element if you need the same focus styles.`
		193	`.aabtn,`
		194	`.btn-link,`
		195	`.nav-link,`
		196	`.atto_link_button,`
		197	`[role="button"],`
		198	`.list-group-item-action,`
		199	`input[type="checkbox"],`
		200	`input[type="radio"],`
		201	`input[type="file"],`
		202	`input[type="image"],`
		203	`.sr-only-focusable,`
		204	`a.dropdown-toggle,`
		205	`.modal-dialog[tabindex="0"],`
		206	`.moodle-dialogue-base .closebutton,`
		207	`button.close,`
		208	`.form-autocomplete-selection {`
		209	`&:focus:hover {`
		210	`text-decoration: none;`
		211	`}`
		212	`}`
		213
		214	`// Safari does not allow custom styling of checkboxes.`
		215	`.safari {`
		216
		217	`input[type="checkbox"],`
		218	`input[type="radio"] {`
		219
		220	`&.focus,`
		221	`&:focus {`
		222	`outline: auto;`
		223	`}`
		224	`}`
		225	`}`
		226
		227	`.unlist,`
		228	`.unlist li,`
		229	`.inline-list,`
		230	`.inline-list li,`
		231	`.block .list,`
		232	`.block .list li,`
		233	`.section li.activity,`
		234	`.section li.movehere,`
		235	`.tabtree li {`
		236	`list-style: none;`
		237	`margin: 0;`
		238	`padding: 0;`
		239
		240	`position: relative;`
		241	`}`
		242
		243	`.section li.movehere a {`
		244	`display: block;`
		245	`width: 100%;`
		246	`height: 2rem;`
		247	`border: 2px dashed $gray-800;`
		248	`}`
		249
		250	`.editing .course-content .hidden.sectionname {`
		251	`visibility: hidden;`
		252	`display: none;`
		253	`}`
		254
		255	`.inline,`
		256	`.inline-list li {`
		257	`display: inline-flex;`
		258	`}`
		259
		260	`.notifytiny {`
		261	`font-size: $font-size-xs;`
		262	`}`
		263
		264	`.notifytiny li,`
		265	`.notifytiny td {`
		266	`font-size: 100%;`
		267	`}`
		268
		269	`.red,`
		270	`.notifyproblem {`
		271	`color: map-get($theme-colors, 'danger');`
		272	`}`
		273
		274	`.green,`
		275	`.notifysuccess {`
		276	`color: map-get($theme-colors, 'success');`
		277	`}`
		278
		279	`.highlight {`
		280	`margin-left: 2px;`
		281	`margin-right: 2px;`
		282	`font-weight: $font-weight-bold;`
		283	`color: $primary-color-500;`
		284
		285	`position: relative;`
		286
		287	`&:before {`
		288	`content: '';`
		289	`background-color: $primary-color-300;`
		290	`width: 100%;`
		291	`height: 2px;`
		292
		293	`position: absolute;`
		294	`left: 0;`
		295	`bottom: -2px;`
		296	`}`
		297
		298	`.theme-dark & {`
		299	`color: $primary-color-400;`
		300
		301	`&:before {`
		302	`background-color: $primary-color-400;`
		303	`}`
		304	`}`
		305	`}`
		306
		307	`.fitem.advanced .text-info {`
		308	`font-weight: $font-weight-bold;`
		309	`}`
		310
		311	`.text-info {`
		312	`color: $blue-600;`
		313	`}`
		314
		315
		316	`.reportlink {`
		317	`text-align: right;`
		318	`}`
		319
		320	`a.autolink.glossary:hover {`
		321	`cursor: help;`
		322	`}`
		323
		324	`/* Block which is hidden if javascript enabled, prevents fickering visible when JS from footer used! */`
		325	`.collapsibleregioncaption {`
		326	`white-space: nowrap;`
		327	`min-height: $line-height-base * $font-size-base;`
		328	`}`
		329
		330	`.collapsibleregioncaption a {`
		331	`width: 100%;`
		332	`display: block;`
		333	`padding: .85rem 30px; //13px 0`
		334	`margin: 0;`
		335
		336	`background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 15.25L16.25 9.75H7.75L12 15.25Z' stroke='#{url-friendly-colour($body-color)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");`
		337	`background-size: 16px;`
		338	`background-color: transparent;`
		339	`background-repeat: no-repeat;`
		340	`background-position: calc(100% - 20px);`
		341
		342	`border-bottom: 1px solid $border-color;`
		343
		344	`font-size: $font-size-md;`
		345	`font-weight: $font-weight-medium;`
		346	`color: $headings-color;`
		347	`text-align: left;`
		348
		349	`.theme-dark & {`
		350	`background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 15.25L16.25 9.75H7.75L12 15.25Z' stroke='#{url-friendly-colour($dm-body-color)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");`
		351
		352	`border-color: $dm-border-color;`
		353	`color: $dm-headings-color;`
		354	`}`
		355
		356	`&:hover {`
		357	`text-decoration: none;`
		358	`background-color: $primary-color-100;`
		359	`border-color: $primary-color-500;`
		360	`color: $primary-color-500;`
		361
		362	`.theme-dark & {`
		363	`background-color: $dm-gray-100;`
		364	`border-color: $dm-border-color;`
		365
		366	`color: $dm-gray-900;`
		367	`}`
		368	`}`
		369
		370	`.collapsed & {`
		371	`background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.25 12L8.75 7.75V16.25L14.25 12Z' stroke='#{url-friendly-colour($body-color)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");`
		372
		373	`.theme-dark & {`
		374	`background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.25 12L8.75 7.75V16.25L14.25 12Z' stroke='#{url-friendly-colour($dm-body-color)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");`
		375	`}`
		376	`}`
		377
		378	`img {`
		379	`display: none;`
		380	`}`
		381	`}`
		382
		383	`.pagelayout-mydashboard.jsenabled .collapsibleregioncaption {`
		384	`cursor: pointer;`
		385	`}`
		386
		387	`.pagelayout-mydashboard #region-main {`
		388	`border: 0;`
		389	`padding: 0;`
		390	`background-color: transparent;`
		391	`margin-top: -1px;`
		392	`}`
		393
		394	`@include media-breakpoint-between(xs, sm) {`
		395
		396	`.pagelayout-mydashboard,`
		397	`.pagelayout-login {`
		398	`#region-main-box {`
		399	`padding-left: 0;`
		400	`padding-right: 0;`
		401	`}`
		402	`}`
		403	`}`
		404
		405	`.collapsibleregioncaption img {`
		406	`vertical-align: middle;`
		407	`}`
		408
		409	`.jsenabled .hiddenifjs {`
		410	`display: none;`
		411	`}`
		412
		413	`.visibleifjs {`
		414	`display: none;`
		415	`}`
		416
		417	`.jsenabled .visibleifjs {`
		418	`display: inline;`
		419	`}`
		420
		421	`.collapsibleregion {`
		422	`margin: .5rem 0;`
		423	`width: 100%;`
		424
		425	`border: 1px solid $border-color;`
		426	`border-radius: $btn-border-radius;`
		427
		428	`overflow: hidden;`
		429	`box-sizing: content-box;`
		430
		431	`.theme-dark & {`
		432	`border-color: $dm-border-color;`
		433	`}`
		434	`}`
		435
		436	`.collapsibleregioninner {`
		437	`padding: 20px 30px;`
		438
		439	`label,`
		440	`.form-check {`
		441	`font-size: $font-size-xs;`
		442	`font-weight: $font-weight-normal;`
		443	`}`
		444
		445	`.form-check {`
		446	`padding: 5px 0;`
		447	`flex-wrap: wrap;`
		448
		449	`.form-check-input {`
		450	`margin-right: 10px;`
		451	`}`
		452	`}`
		453	`}`
		454
		455	`.jsenabled .collapsed .collapsibleregioninner {`
		456	`visibility: hidden;`
		457	`}`
		458
		459	`.collapsible-actions {`
		460	`display: none;`
		461	`text-align: right;`
		462	`}`
		463
		464	`.jsenabled .collapsible-actions {`
		465	`display: block;`
		466	`margin-bottom: 10px;`
		467	`}`
		468
		469	`.collapsible-actions .collapseexpand {`
		470	`padding-right: 40px;`
		471	`background-size: 18px;`
		472	`background-repeat: no-repeat;`
		473
		474	`background-position: right 12px top 50%;`
		475
		476	`background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.25 12L8.75 7.75V16.25L14.25 12Z' stroke='#{url-friendly-colour($body-color)}' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E%0A");`
		477
		478	`.theme-dark & {`
		479	`background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.25 12L8.75 7.75V16.25L14.25 12Z' stroke='#{url-friendly-colour($dm-body-color)}' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E%0A");`
		480	`}`
		481
		482
		483	`.dir-rtl & {`
		484	`padding-right: 20px;`
		485	`padding-left: 35px;`
		486	`background-position: 10px;`
		487
		488	`background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.75 12L14.25 7.75V16.25L8.75 12Z' stroke='#{url-friendly-colour($body-color)}' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E%0A");`
		489
		490	`.theme-dark & {`
		491	`background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.75 12L14.25 7.75V16.25L8.75 12Z' stroke='#{url-friendly-colour($dm-body-color)}' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E%0A");`
		492	`}`
		493	`}`
		494
		495	`.dir-rtl.theme-dark & {`
		496	`background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.75 12L14.25 7.75V16.25L8.75 12Z' stroke='#{url-friendly-colour($dm-body-color)}' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E%0A");`
		497	`}`
		498
		499	`}`
		500
		501	`.collapsible-actions .collapseexpand.collapse-all {`
		502	`background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 9.75L16.25 15.25H7.75L12 9.75Z' stroke='#{url-friendly-colour($body-color)}' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E%0A");`
		503
		504	`.theme-dark.dir-rtl &,`
		505	`.theme-dark & {`
		506	`background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 9.75L16.25 15.25H7.75L12 9.75Z' stroke='#{url-friendly-colour($dm-body-color)}' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E%0A");`
		507	`}`
		508	`}`
		509
		510	`.yui-overlay .yui-widget-bd {`
		511	`background-color: #ffee69;`
		512	`border: 1px solid #a6982b;`
		513	`border-top-color: #d4c237;`
		514	`color: #000;`
		515	`left: 0;`
		516	`padding: 2px 5px;`
		517	`position: relative;`
		518	`top: 0;`
		519	`z-index: 1;`
		520	`}`
		521
		522	`.clearer {`
		523
		524	`.adminsettings & {`
		525	`background: transparent;`
		526	`border-width: 0;`
		527	`clear: both;`
		528	`display: block;`
		529	`height: 1px;`
		530	`margin: 10px 0 !important;`
		531	`padding: 0 !important;`
		532	`}`
		533
		534	`.block & {`
		535	`display: none;`
		536	`}`
		537	`}`
		538
		539	`.bold,`
		540	`.warning,`
		541	`.errorbox .title,`
		542	`.pagingbar .title,`
		543	`.pagingbar .thispage {`
		544	`font-weight: $font-weight-bold;`
		545	`}`
		546
		547	`img.resize {`
		548	`height: 1em;`
		549	`width: 1em;`
		550	`}`
		551
		552	`.action-menu .dropdown-toggle {`
		553	`text-decoration: none;`
		554	`}`
		555
		556	`.action-menu {`
		557	`white-space: nowrap;`
		558	`}`
		559
		560	`.block img.resize {`
		561	`height: 0.9em;`
		562	`width: 0.8em;`
		563	`}`
		564
		565	`/* Icon styles */`
		566	`img.activityicon {`
		567	`height: 30px;`
		568	`width: 30px;`
		569
		570	`.theme-dark & {`
		571	`filter: invert(1);`
		572	`}`
		573
		574	`// @include media-breakpoint-up(lg) {`
		575	`// height: 40px;`
		576	`// width: 40px;`
		577	`// }`
		578
		579	`// @include media-breakpoint-between(xs,sm) {`
		580	`// height: 30px;`
		581	`// width: 30px;`
		582	`// }`
		583	`}`
		584
		585	`.headermain {`
		586	`font-weight: $font-weight-bold;`
		587	`}`
		588
		589	`#maincontent {`
		590	`display: block;`
		591	`height: 1px;`
		592	`overflow: hidden;`
		593	`}`
		594
		595	`img.uihint {`
		596	`cursor: help;`
		597	`}`
		598
		599	`#addmembersform table {`
		600	`margin-left: auto;`
		601	`margin-right: auto;`
		602
		603	`tr,`
		604	`td {`
		605	`border: none;`
		606	`}`
		607
		608	`td {`
		609	`padding: 10px !important;`
		610	`vertical-align: top;`
		611	`}`
		612	`}`
		613
		614	`table.flexible .emptyrow {`
		615	`display: none;`
		616	`}`
		617
		618	`form.popupform,`
		619	`form.popupform div {`
		620	`display: inline;`
		621	`}`
		622
		623	`.arrow_button input {`
		624	`overflow: hidden;`
		625	`}`
		626
		627	`.no-overflow {`
		628	`overflow: auto;`
		629	`@include thin-scrolls($scroll-bg-track);`
		630
		631	`.gradingtable & {`
		632	`min-height: 220px;`
		633	`}`
		634
		635	`.block & {`
		636	`overflow-x: hidden`
		637	`}`
		638
		639	`.theme-dark & {`
		640	`@include thin-scrolls($dm-drawer-scroll-bg-track);`
		641	`}`
		642	`}`
		643
		644	`.userlist {`
		645	`.no-overflow {`
		646	`overflow: auto;`
		647	`@include thin-scrolls($scroll-bg-track);`
		648
		649	`.theme-dark & {`
		650	`@include thin-scrolls($dm-drawer-scroll-bg-track);`
		651	`}`
		652	`}`
		653	`}`
		654
		655	`// Position required for table sizing inside a flex container.`
		656	`.no-overflow>.generaltable {`
		657	`margin-bottom: 0;`
		658	`}`
		659
		660	`.no-overflow,`
		661	`.table-responsive {`
		662	`.generaltable {`
		663
		664	`.sr-only,`
		665	`.accesshide {`
		666	`position: relative;`
		667	`display: block;`
		668	`}`
		669	`}`
		670	`}`
		671
		672	`// Accessibility features`
		673
		674	`// Accessibility: text 'seen' by screen readers but not visual users.`
		675	`.accesshide {`
		676	`@include sr-only();`
		677	`display: none !important;`
		678	`}`
		679
		680	`span.hide,`
		681	`div.hide,`
		682	`.hidden {`
		683	`display: none;`
		684	`}`
		685
		686	`// Accessibility: Skip block link, for keyboard-only users.`
		687	`a.skip-block,`
		688	`a.skip {`
		689	`position: absolute;`
		690	`top: -1000em;`
		691	`font-size: 0.85em;`
		692	`text-decoration: none;`
		693	`}`
		694
		695	`a.skip-block:focus,`
		696	`a.skip-block:active,`
		697	`a.skip:focus,`
		698	`a.skip:active {`
		699	`position: static;`
		700	`display: block;`
		701	`}`
		702
		703	`.skip-block-to {`
		704	`display: block;`
		705	`height: 1px;`
		706	`overflow: hidden;`
		707	`}`
		708
		709	`// Blogs`
		710	`.addbloglink {`
		711	`margin: 1rem 0 2rem;`
		712	`}`
		713
		714	`.blog_entry .audience {`
		715	`text-align: right;`
		716	`padding-right: 4px;`
		717	`}`
		718
		719	`.blog_entry .tags {`
		720	`margin-top: 15px;`
		721	`}`
		722
		723	`.blog_entry .content {`
		724	`margin-left: 43px;`
		725	`}`
		726
		727	`// Group`
		728
		729	`#doc-contents h1 {`
		730	`margin: 1em 0 0 0;`
		731	`}`
		732
		733	`#doc-contents ul {`
		734	`margin: 0;`
		735	`padding: 0;`
		736	`width: 90%;`
		737	`}`
		738
		739	`#doc-contents ul li {`
		740	`list-style-type: none;`
		741	`}`
		742
		743	`.groupmanagementtable td {`
		744	`vertical-align: top;`
		745	`}`
		746
		747	`.groupmanagementtable #existingcell,`
		748	`.groupmanagementtable #potentialcell {`
		749	`width: 42%;`
		750	`vertical-align: top;`
		751
		752	`p {`
		753	`margin: 0;`
		754	`}`
		755	`}`
		756
		757	`.groupmanagementtable #buttonscell {`
		758	`width: 16%;`
		759	`}`
		760
		761	`.groupmanagementtable #buttonscell p.arrow_button input {`
		762	`width: auto;`
		763	`min-width: 80%;`
		764	`margin: 0 auto;`
		765	`display: block;`
		766	`}`
		767
		768	`.groupmanagementtable #removeselect_wrapper,`
		769	`.groupmanagementtable #addselect_wrapper {`
		770	`width: 100%;`
		771	`}`
		772
		773	`.groupmanagementtable #removeselect_wrapper label,`
		774	`.groupmanagementtable #addselect_wrapper label {`
		775	`font-weight: normal;`
		776	`}`
		777
		778	`#group-usersummary {`
		779	`width: 14em;`
		780	`}`
		781
		782	`.groupselector {`
		783	`margin-top: 3px;`
		784	`margin-bottom: 3px;`
		785	`font-size: $font-size-xs;`
		786	`display: inline-block;`
		787
		788	`.rui-forum-buttons & {`
		789	`margin: 10px 0;`
		790	`display: block;`
		791	`font-weight: $font-weight-bold`
		792	`}`
		793	`}`
		794
		795	`.groupselector label {`
		796	`display: inline-block;`
		797	`}`
		798
		799	`// Login`
		800	`.login-page {`
		801	`[name="username"] {`
		802	`margin-bottom: -1px;`
		803	`border-bottom-right-radius: 0;`
		804	`border-bottom-left-radius: 0;`
		805	`}`
		806
		807	`[type="password"] {`
		808	`margin-bottom: 10px;`
		809	`border-top-left-radius: 0;`
		810	`border-top-right-radius: 0;`
		811	`}`
		812	`}`
		813
		814	`// Notes`
		815	`#page-notes-edit.path-notes {`
		816	`.main-content {`
		817	`width: 100%;`
		818	`}`
		819	`}`
		820
		821	`.notepost .userpicture {`
		822	`float: left;`
		823	`margin-right: 1rem;`
		824	`}`
		825
		826	`.notepost .content,`
		827	`.notepost .footer {`
		828	`clear: both;`
		829	`}`
		830
		831	`.notesgroup {`
		832	`padding: 1rem;`
		833	`margin: 1rem 0 2rem;`
		834
		835	`border: 1px solid $border-color;`
		836	`border-radius: $btn-border-radius;`
		837
		838	`.theme-dark & {`
		839	`border-color: $dm-border-color;`
		840	`}`
		841
		842	`&:empty {`
		843	`padding: 0;`
		844	`border: none;`
		845	`}`
		846	`}`
		847
		848	`.notesgroup p {`
		849	`margin: 0 0 1rem;`
		850
		851	`&:only-child {`
		852	`margin-bottom: 0;`
		853	`}`
		854	`}`
		855
		856	`.notestitle {`
		857	`font-size: $font-size-sm;`
		858	`font-weight: $font-weight-medium;`
		859
		860	`color: $body-color-secondary;`
		861	`text-decoration: none;`
		862
		863	`.theme-dark & {`
		864	`color: $dm-body-color-secondary;`
		865	`}`
		866	`}`
		867
		868	`.notelist {`
		869	`.header {`
		870	`display: block;`
		871
		872	`.user {`
		873	`font-size: $font-size-sm;`
		874	`font-weight: $font-weight-bold;`
		875
		876	`a {`
		877	`display: block !important;`
		878	`}`
		879
		880	`img {`
		881	`border-radius: $btn-border-radius;`
		882	`}`
		883	`}`
		884
		885	`.info {`
		886	`font-size: $font-size-xs;`
		887	`color: $body-color-secondary;`
		888
		889	`.theme-dark & {`
		890	`color: $dm-body-color-secondary;`
		891	`}`
		892	`}`
		893
		894
		895	`}`
		896	`}`
		897
		898	`.notepost .content {`
		899	`margin: .5rem 1rem 1rem 52px;`
		900	`}`
		901
		902	`.notepost .footer {`
		903	`margin: 0 1rem 1rem 52px;`
		904	`padding-bottom: 1rem;`
		905	`border-bottom: 1px solid $border-color;`
		906
		907	`a {`
		908	`margin: 0;`
		909	`}`
		910	`}`
		911
		912
		913	`.notepost {`
		914	`margin-bottom: 2rem;`
		915
		916	`&:last-child {`
		917	`border-bottom: none;`
		918	`margin-bottom: 0;`
		919
		920	`.footer {`
		921	`margin-bottom: 0;`
		922	`padding-bottom: 0;`
		923	`border-bottom: 0;`
		924	`}`
		925	`}`
		926	`}`
		927
		928	`// My Moodle`
		929	`.path-my .coursebox {`
		930	`margin: $spacer 0;`
		931	`padding: 0;`
		932
		933	`.overview {`
		934	`margin: 15px $page-padding-global 10px $page-padding-global;`
		935	`}`
		936	`}`
		937
		938	`.path-my .coursebox .info {`
		939	`float: none;`
		940	`margin: 0;`
		941	`}`
		942
		943	`// Modules`
		944	`.mod_introbox {`
		945	`@extend .lead-1;`
		946	`}`
		947
		948	`table.mod_index {`
		949	`width: 100%;`
		950
		951	`.c0 {`
		952	`font-size: $font-size-base;`
		953	`text-align: left !important;`
		954	`}`
		955
		956	`.c1 {`
		957	`a {`
		958	`display: inline-flex;`
		959	`align-items: center;`
		960	`line-height: 1.2;`
		961
		962	`&:hover {`
		963	`color: $link-hover-color;`
		964	`text-decoration: none;`
		965	`}`
		966
		967	`.activityicon {`
		968	`margin-right: .5rem;`
		969	`width: 40px;`
		970	`height: 40px;`
		971
		972	`@include media-breakpoint-between(xs, sm) {`
		973	`width: 30px;`
		974	`height: 30px;`
		975	`}`
		976	`}`
		977	`}`
		978	`}`
		979
		980	`.c2 {`
		981	`font-size: $font-size-sm;`
		982	`}`
		983	`}`
		984
		985	`$comment-area-padding-left: 140px;`
		986
		987	`.comment-ctrl {`
		988	`font-size: 12px;`
		989	`display: none;`
		990	`margin: 0;`
		991	`padding: 0;`
		992	`}`
		993
		994	`.comment-ctrl h5 {`
		995	`margin: 0;`
		996	`padding: 5px;`
		997	`}`
		998
		999	`table {`
		1000	`.comment-area {`
		1001	`min-width: 300px;`
		1002	`}`
		1003	`}`
		1004
		1005	`.comment-area textarea {`
		1006	`margin-bottom: 0.35rem;`
		1007	`width: 100%;`
		1008	`min-height: 100px;`
		1009	`overflow: auto;`
		1010
		1011	`background-size: 18px; // for loader`
		1012
		1013	`&.fullwidth {`
		1014	`-webkit-box-sizing: border-box;`
		1015	`-moz-box-sizing: border-box;`
		1016	`box-sizing: border-box;`
		1017	`}`
		1018	`}`
		1019
		1020	`.comment-area .fd {`
		1021	`text-align: right;`
		1022
		1023	`.drawer & {`
		1024	`width: 100%;`
		1025	`}`
		1026
		1027	`a {`
		1028	`margin-left: 0.35rem;`
		1029
		1030	`.drawer & {`
		1031	`margin-left: 0;`
		1032	`width: 100%;`
		1033	`}`
		1034	`}`
		1035
		1036	`span {`
		1037	`display: none; //remove unnecessary pipe`
		1038	`}`
		1039	`}`
		1040
		1041	`.comment-meta span {`
		1042	`color: $body-color-secondary;`
		1043
		1044	`.theme-dark & {`
		1045	`color: $dm-body-color-secondary;`
		1046	`}`
		1047	`}`
		1048
		1049	`.comment-link img {`
		1050	`vertical-align: text-bottom;`
		1051	`}`
		1052
		1053	`.comment-list {`
		1054	`padding: 0;`
		1055	`margin: 0;`
		1056	`overflow: auto;`
		1057	`list-style: none;`
		1058
		1059	`.mdl-align {`
		1060	`img {`
		1061	`width: 40px;`
		1062	`height: 40px;`
		1063	`}`
		1064	`}`
		1065	`}`
		1066
		1067	`.comment-list li {`
		1068	`padding: 20px .25rem .25rem;`
		1069	`margin: 0 0 1rem 0;`
		1070	`border-radius: $btn-border-radius;`
		1071	`background-color: transparent !important;`
		1072
		1073	`list-style: none;`
		1074	`clear: both;`
		1075	`position: relative;`
		1076
		1077	`&:hover {`
		1078	`background-color: $gray-100;`
		1079
		1080	`.theme-dark & {`
		1081	`background-color: $dm-gray-100;`
		1082	`}`
		1083	`}`
		1084	`}`
		1085
		1086	`.comment-list li.first {`
		1087	`display: none;`
		1088	`}`
		1089
		1090	`.comment-message {`
		1091	`table & {`
		1092	`max-width: 400px;`
		1093	`}`
		1094
		1095	`.glossarypost & {`
		1096	`max-width: 100%;`
		1097	`}`
		1098
		1099	`}`
		1100
		1101	`.comment-message .picture {`
		1102	`margin-right: 5px;`
		1103
		1104	`img {`
		1105	`margin-right: 8px;`
		1106	`width: 30px;`
		1107	`height: 30px;`
		1108	`border-radius: $btn-border-radius;`
		1109	`}`
		1110
		1111	`.userinitials {`
		1112	`min-width: 30px;`
		1113	`min-height: 30px;`
		1114	`font-size: $font-size-xs;`
		1115	`}`
		1116	`}`
		1117
		1118	`.comment-message .user {`
		1119	`font-size: $font-size-sm;`
		1120	`font-weight: $font-weight-medium;`
		1121	`}`
		1122
		1123	`.comment-message .time {`
		1124	`font-size: $font-size-xs;`
		1125	`font-weight: $font-weight-medium;`
		1126	`color: $body-color-light;`
		1127
		1128	`position: absolute;`
		1129	`top: 0;`
		1130	`right: 0;`
		1131
		1132	`.theme-dark & {`
		1133	`color: $dm-body-color-secondary;`
		1134	`}`
		1135
		1136	`.rui-blocks-area & {`
		1137	`max-width: 100%;`
		1138	`margin-left: 44px;`
		1139
		1140	`position: relative;`
		1141	`}`
		1142	`}`
		1143
		1144	`.comment-message-meta {`
		1145	`display: inline-flex;`
		1146	`align-items: center;`
		1147	`margin-bottom: 10px;`
		1148
		1149	`color: $body-color-secondary;`
		1150
		1151	`.theme-dark & {`
		1152	`color: $body-color-secondary;`
		1153	`}`
		1154
		1155	`.rui-blocks-area & {`
		1156	`display: flex;`
		1157	`flex-wrap: wrap;`
		1158	`margin-right: 0 !important;`
		1159	`}`
		1160
		1161	`a {`
		1162	`color: $body-color;`
		1163
		1164	`.theme-dark & {`
		1165	`color: $dm-body-color;`
		1166	`}`
		1167	`}`
		1168	`}`
		1169
		1170	`.comment-message .text {`
		1171	`margin: 0;`
		1172	`padding: 0;`
		1173	`font-size: $font-size-sm;`
		1174	`color: $body-color-secondary;`
		1175
		1176	`.theme-dark & {`
		1177	`color: $dm-body-color-secondary;`
		1178	`}`
		1179	`}`
		1180
		1181	`.comment-message .text p {`
		1182	`padding: 0;`
		1183	`margin: 0 18px 0 0;`
		1184	`}`
		1185
		1186	`.comment-delete {`
		1187	`opacity: 0;`
		1188	`position: absolute;`
		1189	`top: 4px;`
		1190	`right: 4px;`
		1191	`margin: 0;`
		1192
		1193	`.comment-list li:hover & {`
		1194	`opacity: 1;`
		1195	`}`
		1196
		1197	`a {`
		1198	`display: inline-flex;`
		1199	`align-items: center;`
		1200	`justify-content: center;`
		1201
		1202	`background-color: $white;`
		1203	`width: 30px;`
		1204	`height: 30px;`
		1205	`border-radius: $btn-border-radius-lg;`
		1206
		1207	`.rui-icon {`
		1208	`margin: 0;`
		1209
		1210	`width: 20px;`
		1211	`height: 20px;`
		1212	`}`
		1213
		1214	`&:hover {`
		1215	`text-decoration: none;`
		1216	`background-color: $gray-300;`
		1217	`}`
		1218	`}`
		1219
		1220	`}`
		1221
		1222	`.comment-report-selectall {`
		1223	`display: none;`
		1224	`}`
		1225
		1226	`.comment-link {`
		1227	`display: none;`
		1228	`}`
		1229
		1230	`.jsenabled .comment-link {`
		1231	`display: inline-flex;`
		1232	`align-items: center;`
		1233
		1234	`font-weight: $font-weight-medium;`
		1235	`color: $body-color;`
		1236
		1237	`&:hover {`
		1238	`text-decoration: none;`
		1239	`cursor: pointer;`
		1240	`color: $link-hover-color;`
		1241	`}`
		1242	`}`
		1243
		1244	`.theme-dark.jsenabled .comment-link {`
		1245	`color: $dm-body-color;`
		1246	`}`
		1247
		1248	`.jsenabled .showcommentsnonjs {`
		1249	`display: none;`
		1250	`}`
		1251
		1252	`.jsenabled .comment-report-selectall {`
		1253	`display: inline;`
		1254	`}`
		1255
		1256	`/**`
		1257	`* Completion progress report`
		1258	`*/`
		1259	`.completion-expired {`
		1260	`color: map-get($theme-colors, 'warning');`
		1261	`}`
		1262
		1263	`.completion-expected {`
		1264	`margin-top: 5px;`
		1265	`margin-left: 10px;`
		1266	`color: $blue-600;`
		1267	`font-weight: $font-weight-bold;`
		1268	`font-size: $font-size-xs;`
		1269	`text-align: left;`
		1270	`}`
		1271
		1272	`.completion-sortchoice,`
		1273	`.completion-identifyfield {`
		1274	`font-size: $font-size-xs;`
		1275	`vertical-align: bottom;`
		1276	`}`
		1277
		1278	`.completion-progresscell {`
		1279	`text-align: right;`
		1280	`}`
		1281
		1282	`.completion-expired .completion-expected {`
		1283	`font-weight: $font-weight-bold;`
		1284	`}`
		1285
		1286	`/**`
		1287	`* Tags`
		1288	`*/`
		1289	`#page-admin-tag-manage .main-content .simplesearchform {`
		1290	`margin-top: 30px !important;`
		1291	`margin-bottom: 30px !important;`
		1292	`}`
		1293
		1294	`.addstandardtags {`
		1295	`display: block !important;`
		1296	`margin: 20px 0;`
		1297	`}`
		1298
		1299	`img.user-image {`
		1300	`height: 100px;`
		1301	`width: 100px;`
		1302	`}`
		1303
		1304	`#tag-search-box {`
		1305	`margin: 1rem auto 2rem;`
		1306	`}`
		1307
		1308	`.path-tag .tagarea .controls,`
		1309	`.path-tag .tagarea .taggeditems {`
		1310	`@include clearfix();`
		1311	`}`
		1312
		1313	`.path-tag .tagarea .controls,`
		1314	`.path-tag .tag-backtoallitems {`
		1315	`text-align: center;`
		1316	`}`
		1317
		1318	`.path-tag .tagarea .controls .gotopage.nextpage {`
		1319	`float: right;`
		1320	`}`
		1321
		1322	`.path-tag .tagarea .controls .gotopage.prevpage {`
		1323	`float: left;`
		1324	`}`
		1325
		1326	`.path-tag .tagarea .controls .exclusivemode {`
		1327	`display: inline-block;`
		1328	`}`
		1329
		1330	`.path-tag .tagarea .controls.controls-bottom {`
		1331	`margin-top: 5px;`
		1332	`}`
		1333
		1334	`.path-tag .tagarea .controls .gotopage.nextpage::after {`
		1335	`padding-right: 5px;`
		1336	`padding-left: 5px;`
		1337	`content: "»";`
		1338	`}`
		1339
		1340	`.path-tag .tagarea .controls .gotopage.prevpage::before {`
		1341	`padding-right: 5px;`
		1342	`padding-left: 5px;`
		1343	`content: "«";`
		1344	`}`
		1345
		1346	`span.flagged-tag,`
		1347	`tr.flagged-tag,`
		1348	`span.flagged-tag a,`
		1349	`tr.flagged-tag a {`
		1350	`color: map-get($theme-colors, 'danger');`
		1351	`}`
		1352
		1353	`.tag-management-table .inplaceeditable.inplaceeditingon input {`
		1354	`width: 150px;`
		1355	`}`
		1356
		1357	`.path-tag .tag-relatedtags {`
		1358	`margin: 1rem 0;`
		1359
		1360	`li {`
		1361	`a {`
		1362	`position: relative;`
		1363	`padding-left: 30px;`
		1364
		1365	`&:before {`
		1366	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Ccircle cx='15' cy='9' r='1' fill='#{url-friendly-colour($body-color)}'%3E%3C/circle%3E%3Cpath stroke='#{url-friendly-colour($body-color)}' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M12 4.75H19.25V12L12.5535 18.6708C11.7544 19.4668 10.4556 19.445 9.68369 18.6226L5.28993 13.941C4.54041 13.1424 4.57265 11.8895 5.36226 11.1305L12 4.75Z'%3E%3C/path%3E%3C/svg%3E%0A");
		1367	`background-repeat: no-repeat;`
		1368	`background-size: 16px;`
		1369
		1370	`position: absolute;`
		1371	`top: calc(50% - 6px);`
		1372	`left: 10px;`
		1373
		1374	`.theme-dark & {`
		1375	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Ccircle cx='15' cy='9' r='1' fill='#{url-friendly-colour($dm-body-color)}'%3E%3C/circle%3E%3Cpath stroke='#{url-friendly-colour($dm-body-color)}' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M12 4.75H19.25V12L12.5535 18.6708C11.7544 19.4668 10.4556 19.445 9.68369 18.6226L5.28993 13.941C4.54041 13.1424 4.57265 11.8895 5.36226 11.1305L12 4.75Z'%3E%3C/path%3E%3C/svg%3E%0A");
		1376	`}`
		1377	`}`
		1378	`}`
		1379	`}`
		1380	`}`
		1381
		1382	`.tag-management-form {`
		1383	`p {`
		1384	`margin-top: 1rem;`
		1385	`margin-bottom: 0;`
		1386	`}`
		1387	`}`
		1388
		1389	`.tag_feed {`
		1390	`margin: 0;`
		1391	`padding: 0;`
		1392	`}`
		1393
		1394	`.tag_feed.media-list .media {`
		1395	`padding: 0.25rem;`
		1396	`margin: 0.25rem;`
		1397	`display: inline-flex;`
		1398	`align-items: center;`
		1399	`justify-content: flex-start;`
		1400
		1401	`border-radius: $btn-border-radius;`
		1402
		1403	`&:hover {`
		1404	`background-color: $gray-100;`
		1405	`text-decoration: none;`
		1406
		1407	`.theme-dark & {`
		1408	`background-color: $dm-gray-100;`
		1409	`}`
		1410	`}`
		1411	`}`
		1412
		1413	`.tag_feed.media-list .media .itemimage {`
		1414	`width: 50px;`
		1415	`height: 50px;`
		1416	`display: flex;`
		1417	`justify-content: center;`
		1418	`align-items: center;`
		1419
		1420	`.icon {`
		1421	`font-size: 30px;`
		1422	`width: 30px;`
		1423	`height: 30px;`
		1424	`}`
		1425	`}`
		1426
		1427	`.tag_feed.media-list .media .itemimage img {`
		1428	`height: 40px;`
		1429	`width: 40px;`
		1430	`border-radius: $btn-border-radius-xl;`
		1431	`}`
		1432
		1433	`.tag_feed.media-list .media .media-body {`
		1434	`padding-right: 10px;`
		1435	`padding-left: 10px;`
		1436	`}`
		1437
		1438	`.tag_feed .media .muted a {`
		1439	`color: $text-muted;`
		1440
		1441	`.theme-dark & {`
		1442	`color: $dm-text-muted;`
		1443	`}`
		1444	`}`
		1445
		1446	`.tag_cloud {`
		1447	`margin-top: 1rem;`
		1448	`font-size: $font-size-md;`
		1449	`font-weight: $font-weight-medium;`
		1450
		1451	`li {`
		1452	`margin: .35rem .35rem .35rem 0;`
		1453
		1454	`a {`
		1455	`padding: .35rem .45rem;`
		1456	`position: relative;`
		1457
		1458	`background-color: $gray-100;`
		1459	`border-radius: $btn-border-radius;`
		1460
		1461	`color: $gray-900;`
		1462
		1463	`.theme-dark & {`
		1464	`background-color: $dm-gray-100;`
		1465	`color: $dm-gray-900;`
		1466	`}`
		1467
		1468	`&:hover {`
		1469	`text-decoration: none;`
		1470	`background-color: $gray-200;`
		1471
		1472	`.theme-dark & {`
		1473	`background-color: $dm-gray-200;`
		1474	`}`
		1475	`}`
		1476
		1477	`&:after {`
		1478	`content: '';`
		1479	`position: absolute;`
		1480	`top: 3px;`
		1481	`left: 3px;`
		1482
		1483	`background: $blue-400;`
		1484	`background: linear-gradient(90deg, rgba($primary-color-400, 1) 70%, rgba($primary-color-200, 1) 100%);`
		1485	`border-radius: 10px;`
		1486
		1487	`max-width: calc(100% - 6px);`
		1488	`height: 3px;`
		1489	`}`
		1490
		1491	`&:before {`
		1492	`content: '#';`
		1493	`font-size: 12px;`
		1494	`}`
		1495	`}`
		1496	`}`
		1497	`}`
		1498
		1499	`.tag_cloud .tag_overflow {`
		1500	`margin-top: 1em;`
		1501	`font-style: italic;`
		1502	`}`
		1503
		1504	`.tag_cloud .s20 {`
		1505	`&:after {`
		1506	`width: calc(100% - 6px);`
		1507	`}`
		1508	`}`
		1509
		1510	`.tag_cloud .s19 {`
		1511	`&:after {`
		1512	`width: calc(90% - 6px);`
		1513	`}`
		1514	`}`
		1515
		1516	`.tag_cloud .s18 {`
		1517	`&:after {`
		1518	`width: calc(85% - 6px);`
		1519	`}`
		1520	`}`
		1521
		1522	`.tag_cloud .s17 {`
		1523	`&:after {`
		1524	`width: calc(80% - 6px);`
		1525	`}`
		1526	`}`
		1527
		1528	`.tag_cloud .s16 {`
		1529	`&:after {`
		1530	`width: 80px;`
		1531	`}`
		1532	`}`
		1533
		1534	`.tag_cloud .s15 {`
		1535	`&:after {`
		1536	`width: 75px;`
		1537	`}`
		1538	`}`
		1539
		1540	`.tag_cloud .s14 {`
		1541	`&:after {`
		1542	`width: 70px;`
		1543	`}`
		1544	`}`
		1545
		1546	`.tag_cloud .s13 {`
		1547	`&:after {`
		1548	`width: 65px;`
		1549	`}`
		1550	`}`
		1551
		1552	`.tag_cloud .s12 {`
		1553	`&:after {`
		1554	`width: 60px;`
		1555	`}`
		1556	`}`
		1557
		1558	`.tag_cloud .s11 {`
		1559	`&:after {`
		1560	`width: 55px;`
		1561	`}`
		1562	`}`
		1563
		1564	`.tag_cloud .s10 {`
		1565	`&:after {`
		1566	`width: 50px;`
		1567	`}`
		1568	`}`
		1569
		1570	`.tag_cloud .s9 {`
		1571	`&:after {`
		1572	`width: 45px;`
		1573	`}`
		1574	`}`
		1575
		1576	`.tag_cloud .s8 {`
		1577	`&:after {`
		1578	`width: 40px;`
		1579	`}`
		1580	`}`
		1581
		1582	`.tag_cloud .s7 {`
		1583	`&:after {`
		1584	`width: 35px;`
		1585	`}`
		1586	`}`
		1587
		1588	`.tag_cloud .s6 {`
		1589	`&:after {`
		1590	`width: 30px;`
		1591	`}`
		1592	`}`
		1593
		1594	`.tag_cloud .s5 {`
		1595	`&:after {`
		1596	`width: 25px;`
		1597	`}`
		1598	`}`
		1599
		1600	`.tag_cloud .s4 {`
		1601	`&:after {`
		1602	`width: 20px;`
		1603	`}`
		1604	`}`
		1605
		1606	`.tag_cloud .s3 {`
		1607	`&:after {`
		1608	`width: 15px;`
		1609	`}`
		1610	`}`
		1611
		1612	`.tag_cloud .s2 {`
		1613	`&:after {`
		1614	`width: 10px;`
		1615	`}`
		1616	`}`
		1617
		1618	`.tag_cloud .s1 {`
		1619	`&:before {`
		1620	`width: 5px;`
		1621	`}`
		1622	`}`
		1623
		1624	`.tag_cloud .s0 {`
		1625	`&:before {`
		1626	`width: 2px;`
		1627	`}`
		1628	`}`
		1629
		1630	`.tag_list ul {`
		1631	`display: inline;`
		1632	`}`
		1633
		1634	`.tag_list.hideoverlimit .overlimit {`
		1635	`display: none;`
		1636	`}`
		1637
		1638	`.tag_list .tagmorelink {`
		1639	`display: none;`
		1640	`}`
		1641
		1642	`.tag_list.hideoverlimit .tagmorelink {`
		1643	`display: inline;`
		1644	`}`
		1645
		1646	`.tag_list.hideoverlimit .taglesslink {`
		1647	`display: none;`
		1648	`}`
		1649
		1650	`/**`
		1651	`* Web Service`
		1652	`*/`
		1653	`#webservice-doc-generator td {`
		1654	`text-align: left;`
		1655	`border: 0 solid black;`
		1656	`}`
		1657
		1658	`/**`
		1659	`* Enrol`
		1660	`*/`
		1661	`.userenrolment {`
		1662	`width: 100%;`
		1663	`border-collapse: collapse;`
		1664	`}`
		1665
		1666	`.userenrolment tr {`
		1667	`vertical-align: top;`
		1668	`}`
		1669
		1670	`.userenrolment td {`
		1671	`padding: 0;`
		1672	`height: 41px;`
		1673	`}`
		1674
		1675	`.userenrolment .subfield {`
		1676	`margin-right: 5px;`
		1677	`}`
		1678
		1679	`.userenrolment .col_userdetails .subfield {`
		1680	`margin-left: 40px;`
		1681	`}`
		1682
		1683	`.userenrolment .col_userdetails .subfield_picture {`
		1684	`float: left;`
		1685	`margin-left: 0;`
		1686	`}`
		1687
		1688	`.userenrolment .col_lastseen {`
		1689	`width: 150px;`
		1690	`}`
		1691
		1692	`.userenrolment .col_role {`
		1693	`width: 262px;`
		1694	`}`
		1695
		1696	`.userenrolment .col_role .roles,`
		1697	`.userenrolment .col_group .groups {`
		1698	`margin-right: 30px;`
		1699	`}`
		1700
		1701	`.userenrolment .col_role .role {`
		1702	`float: left;`
		1703	`padding: 0 3px 3px;`
		1704	`margin: 0 3px 3px;`
		1705	`white-space: nowrap;`
		1706	`}`
		1707
		1708	`.userenrolment .col_group .group {`
		1709	`float: left;`
		1710	`padding: 3px;`
		1711	`margin: 3px;`
		1712	`white-space: nowrap;`
		1713	`}`
		1714
		1715	`.userenrolment .col_role .role a,`
		1716	`.userenrolment .col_group .group a {`
		1717	`margin-left: 3px;`
		1718	`cursor: pointer;`
		1719	`}`
		1720
		1721	`.userenrolment .col_role .addrole,`
		1722	`.userenrolment .col_group .addgroup {`
		1723	`float: right;`
		1724	`padding: 3px;`
		1725	`margin: 3px;`
		1726
		1727	`>a:hover {`
		1728	`border-bottom: 1px solid $border-color;`
		1729	`}`
		1730	`}`
		1731
		1732	`.userenrolment .col_role .addrole img,`
		1733	`.userenrolment .col_group .addgroup img {`
		1734	`vertical-align: baseline;`
		1735	`}`
		1736
		1737	`.userenrolment .hasAllRoles .col_role .addrole {`
		1738	`display: none;`
		1739	`}`
		1740
		1741	`.userenrolment .col_enrol .enrolment {`
		1742	`float: left;`
		1743	`padding: 0 3px 3px;`
		1744	`margin: 0 3px 3px;`
		1745	`}`
		1746
		1747	`.userenrolment .col_enrol .enrolment a {`
		1748	`float: right;`
		1749	`margin-left: 3px;`
		1750	`}`
		1751
		1752	`.corelightbox {`
		1753	`background-color: $border-color;`
		1754	`position: absolute;`
		1755	`top: 0;`
		1756	`left: 0;`
		1757	`width: 100%;`
		1758	`height: 100%;`
		1759	`text-align: center;`
		1760	`}`
		1761
		1762	`.corelightbox img {`
		1763	`position: fixed;`
		1764	`top: 50%;`
		1765	`left: 50%;`
		1766	`}`
		1767
		1768	`.mod-indent-outer {`
		1769	`display: inline-block;`
		1770
		1771	`&:empty {`
		1772	`display: none;`
		1773	`}`
		1774	`}`
		1775
		1776	`.mod-indent {`
		1777	`display: table-cell;`
		1778	`}`
		1779
		1780	`.label .mod-indent {`
		1781	`float: left;`
		1782	`padding-top: 20px;`
		1783	`}`
		1784
		1785	`@include media-breakpoint-up(md) {`
		1786	`$mod-indent-size: 60px;`
		1787	`/* Creates a series of .mod-indent-# rule declarations based on indent size and number of indent levels. */`
		1788
		1789	`@for $i from 1 through 16 {`
		1790	`$width: (`
		1791	`$i * $mod-indent-size`
		1792	`);`
		1793
		1794	`.rui-mod-indent--#{$i} {`
		1795	`margin-left: $width;`
		1796	`}`
		1797	`}`
		1798
		1799	`.rui-mod-indent--huge {`
		1800	`margin-left: (16 * $mod-indent-size);`
		1801	`}`
		1802	`}`
		1803
		1804	`/* Audio player size in 'block' mode (can only change width, height is hardcoded in JS) */`
		1805	`.resourcecontent .mediaplugin_mp3 object {`
		1806	`height: 25px;`
		1807	`width: 600px;`
		1808	`}`
		1809
		1810	`.resourcecontent audio.mediaplugin_html5audio {`
		1811	`width: 600px;`
		1812	`}`
		1813
		1814	`/ Large resource images should avoid hidden overflow /`
		1815	`.resourceimage {`
		1816	`max-width: 100%;`
		1817	`}`
		1818
		1819	`/* Audio player size in 'inline' mode (can only change width, as above) */`
		1820	`.mediaplugin_mp3 object {`
		1821	`height: 15px;`
		1822	`width: 300px;`
		1823	`}`
		1824
		1825	`audio.mediaplugin_html5audio {`
		1826	`width: 300px;`
		1827	`}`
		1828
		1829	`/* TinyMCE moodle media preview frame should not have padding */`
		1830	`.core_media_preview.pagelayout-embedded #content {`
		1831	`padding: 0;`
		1832	`}`
		1833
		1834	`.core_media_preview.pagelayout-embedded #maincontent {`
		1835	`height: 0;`
		1836	`}`
		1837
		1838	`body#page-lib-editor-tinymce-plugins-moodlemedia-preview {`
		1839	`padding: 0;`
		1840	`margin: 0;`
		1841	`min-width: 0;`
		1842	`background: none;`
		1843	`}`
		1844
		1845	`.path-rating .ratingtable {`
		1846	`width: 100%;`
		1847	`margin-bottom: 1em;`
		1848	`}`
		1849
		1850	`.path-rating .ratingtable th.rating {`
		1851	`width: 100%;`
		1852	`}`
		1853
		1854	`.path-rating .ratingtable td.rating,`
		1855	`.path-rating .ratingtable td.time {`
		1856	`white-space: nowrap;`
		1857	`text-align: center;`
		1858	`}`
		1859
		1860	`/* Moodle Dialogue Settings (moodle-core-dialogue) */`
		1861	`.moodle-dialogue-base .moodle-dialogue-lightbox {`
		1862	`background-color: $black;`
		1863	`}`
		1864
		1865	`// Prevent adding backdrops to popups in popups.`
		1866	`.pagelayout-popup {`
		1867	`.moodle-dialogue-base {`
		1868	`.moodle-dialogue-lightbox {`
		1869	`background-color: transparent;`
		1870	`}`
		1871
		1872	`.moodle-dialogue {`
		1873	`box-shadow: $popover-box-shadow;`
		1874	`}`
		1875	`}`
		1876	`}`
		1877
		1878	`.moodle-dialogue-base .hidden,`
		1879	`.moodle-dialogue-base .moodle-dialogue-hidden {`
		1880	`display: none;`
		1881	`}`
		1882
		1883	`.no-scrolling {`
		1884	`overflow: hidden;`
		1885	`}`
		1886
		1887	`.moodle-dialogue-base .moodle-dialogue-fullscreen {`
		1888	`left: 0;`
		1889	`top: 0;`
		1890	`right: 0;`
		1891	`bottom: -50px;`
		1892	`position: fixed;`
		1893	`}`
		1894
		1895	`.moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {`
		1896	`overflow: auto;`
		1897	`}`
		1898
		1899	`.moodle-dialogue-base .moodle-dialogue-wrap {`
		1900	`position: relative;`
		1901	`display: flex;`
		1902	`flex-direction: column;`
		1903	width: 100%; // Ensure `.modal-content` extends the full width of the parent `.modal-dialog`
		1904	`// counteract the pointer-events: none; in the .modal-dialog`
		1905	`height: auto;`
		1906	`color: $modal-content-color;`
		1907	`pointer-events: auto;`
		1908	`background-color: $modal-content-bg;`
		1909	`background-clip: padding-box;`
		1910	`border: $modal-content-border-width solid $modal-content-border-color;`
		1911	`@include border-radius($modal-content-border-radius);`
		1912	`box-shadow: $box-shadow-lg;`
		1913	`outline: 0;`
		1914
		1915	`.theme-dark & {`
		1916	`color: $dm-modal-content-color;`
		1917	`background-color: $dm-modal-content-bg;`
		1918	`border-color: $dm-modal-content-border-color;`
		1919	`}`
		1920
		1921	`&:focus {`
		1922	`outline: 0;`
		1923	`}`
		1924	`}`
		1925
		1926	`// Show is a bootstrap 2 class - but we use it for modals. We don't want to enable it everywhere because they removed`
		1927	`// it for a reason (conflicts with jquery .show()).`
		1928	`.modal.show {`
		1929	`display: block;`
		1930	`}`
		1931
		1932	`.moodle-dialogue-hd {`
		1933	`h5 {`
		1934	`margin-bottom: 0;`
		1935	`}`
		1936	`}`
		1937
		1938	`.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd {`
		1939	`display: flex;`
		1940	`min-height: 48px;`
		1941	`padding: $modal-header-padding;`
		1942	`border-bottom: 1px solid $border-color;`
		1943
		1944	`.theme-dark & {`
		1945	`border-color: $dm-border-color;`
		1946	`}`
		1947
		1948	`.yui3-widget-buttons {`
		1949	`padding: 0;`
		1950	`}`
		1951	`}`
		1952
		1953	`.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd.yui3-widget-hd {`
		1954	`// Undo some YUI damage.`
		1955	`background: initial;`
		1956
		1957	`font-family: $font-family-base;`
		1958	`font-size: $font-size-md;`
		1959	`font-weight: $font-weight-bold;`
		1960	`line-height: $modal-title-line-height;`
		1961
		1962	`color: initial;`
		1963	`}`
		1964
		1965	`.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd {`
		1966
		1967	`h1,`
		1968	`h2,`
		1969	`h3 {`
		1970	`margin: 0;`
		1971
		1972	`font-family: $font-family-base;`
		1973	`font-size: $font-size-sm;`
		1974	`font-weight: $font-weight-bold;`
		1975	`line-height: $modal-title-line-height;`
		1976
		1977	`color: initial;`
		1978
		1979	`.theme-dark & {`
		1980	`color: $dm-body-color;`
		1981	`}`
		1982	`}`
		1983
		1984	`}`
		1985
		1986	`.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd {`
		1987	`padding: 1rem !important;`
		1988	`height: max-content !important;`
		1989
		1990	`label {`
		1991	`font-size: $font-size-xs;`
		1992	`font-weight: $font-weight-base;`
		1993	`line-height: 1.5;`
		1994	`}`
		1995
		1996	`ul {`
		1997	`li {`
		1998	`margin-bottom: 0.25rem;`
		1999
		2000	`&:last-child {`
		2001	`margin-bottom: 0`
		2002	`}`
		2003	`}`
		2004	`}`
		2005
		2006	`.root {`
		2007	`li {`
		2008	`margin-bottom: 0;`
		2009	`}`
		2010	`}`
		2011
		2012	`body {`
		2013	`background-color: $body-bg;`
		2014
		2015	`.theme-dark & {`
		2016	`background-color: $dm-body-bg;`
		2017	`}`
		2018	`}`
		2019	`}`
		2020
		2021	`.moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {`
		2022	`overflow: auto;`
		2023	`position: absolute;`
		2024	`top: 0;`
		2025	`bottom: 50px;`
		2026	`left: 0;`
		2027	`right: 0;`
		2028	`margin: 0;`
		2029	`border: 0;`
		2030	`}`
		2031
		2032	`.moodle-dialogue-exception .moodle-exception-param label {`
		2033	`font-weight: $font-weight-bold;`
		2034	`}`
		2035
		2036	`.moodle-dialogue-exception .param-stacktrace label {`
		2037	`background-color: $gray-100;`
		2038	`border: 1px solid $border-color;`
		2039	`border-bottom-width: 0;`
		2040
		2041	`.theme-dark & {`
		2042	`background-color: $dm-gray-100;`
		2043	`border-color: $dm-border-color;`
		2044	`}`
		2045	`}`
		2046
		2047	`.moodle-dialogue-exception .param-stacktrace pre {`
		2048	`padding: 10px;`
		2049	`border: 1px solid $border-color;`
		2050	`background-color: $container-bg;`
		2051
		2052	`font-size: 11px;`
		2053	`white-space: inherit;`
		2054
		2055	`.theme-dark & {`
		2056	`background-color: $dm-container-bg;`
		2057	`border-color: $dm-border-color;`
		2058	`}`
		2059	`}`
		2060
		2061	`.moodle-dialogue-exception .param-stacktrace .stacktrace-file {`
		2062	`color: navy;`
		2063	`font-size: $font-size-sm;`
		2064	`}`
		2065
		2066	`.moodle-dialogue-exception .param-stacktrace .stacktrace-line {`
		2067	`color: map-get($theme-colors, 'warning');`
		2068	`font-size: $font-size-sm;`
		2069	`}`
		2070
		2071	`.moodle-dialogue-exception .param-stacktrace .stacktrace-call {`
		2072	`color: #333;`
		2073	`font-size: 90%;`
		2074	`border-bottom: 1px solid $border-color;`
		2075	`}`
		2076
		2077	`.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft:empty {`
		2078	`display: none;`
		2079	`}`
		2080
		2081	`.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft.yui3-widget-ft {`
		2082	`// Undo some YUI damage.`
		2083	`background: initial;`
		2084	`}`
		2085
		2086	`.moodle-dialogue-confirm .confirmation-message {`
		2087	`margin: 0 0 1rem 0;`
		2088	`}`
		2089
		2090	`.moodle-dialogue-confirm .confirmation-dialogue input {`
		2091	`min-width: 80px;`
		2092	`}`
		2093
		2094	`.moodle-dialogue-exception .moodle-exception-message {`
		2095	`padding: 1rem;`
		2096	`max-height: 300px;`
		2097	`overflow: auto;`
		2098
		2099	`background-color: $gray-100;`
		2100	`font-family: $font-family-monospace;`
		2101	`font-size: $font-size-xs;`
		2102	`color: $body-color-secondary;`
		2103
		2104	`word-break: break-word;`
		2105
		2106	`&+div {`
		2107	`margin-top: 20px;`
		2108	`}`
		2109
		2110	`.theme-dark & {`
		2111	`background-color: $dm-gray-100;`
		2112	`color: $dm-body-color-secondary;`
		2113	`}`
		2114	`}`
		2115
		2116	`.moodle-dialogue-exception .moodle-exception-param {`
		2117	`margin-bottom: 0.5em;`
		2118	`}`
		2119
		2120	`.moodle-dialogue-exception .moodle-exception-param label {`
		2121	`width: 150px;`
		2122	`}`
		2123
		2124	`.moodle-dialogue-exception .param-stacktrace label {`
		2125	`display: block;`
		2126	`margin: 0;`
		2127	`padding: 4px 1em;`
		2128	`}`
		2129
		2130	`.moodle-dialogue-exception .param-stacktrace pre {`
		2131	`display: block;`
		2132	`height: 200px;`
		2133	`overflow: auto;`
		2134	`}`
		2135
		2136	`.moodle-dialogue-exception .param-stacktrace .stacktrace-file {`
		2137	`display: inline-block;`
		2138	`margin: 4px 0;`
		2139	`}`
		2140
		2141	`.moodle-dialogue-exception .param-stacktrace .stacktrace-line {`
		2142	`display: inline-block;`
		2143	`width: 50px;`
		2144	`margin: 4px 1em;`
		2145	`}`
		2146
		2147	`.moodle-dialogue-exception .param-stacktrace .stacktrace-call {`
		2148	`padding-left: 25px;`
		2149	`margin-bottom: 4px;`
		2150	`padding-bottom: 4px;`
		2151	`}`
		2152
		2153	`.moodle-dialogue .moodle-dialogue-bd .content-lightbox {`
		2154	`opacity: 0.75;`
		2155	`width: 100%;`
		2156	`height: 100%;`
		2157	`top: 0;`
		2158	`left: 0;`
		2159	`background-color: white;`
		2160	`text-align: center;`
		2161	`padding: 10% 0;`
		2162	`}`
		2163
		2164	`/* Apply a default max-height on tooltip text */`
		2165	`.moodle-dialogue .tooltiptext {`
		2166	`max-height: 300px;`
		2167	`}`
		2168
		2169	`.moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip {`
		2170	`z-index: 3001;`
		2171
		2172	`.moodle-dialogue-bd {`
		2173	`overflow: auto;`
		2174	`}`
		2175	`}`
		2176
		2177	`/**`
		2178	`* Chooser Dialogues (moodle-core-chooserdialogue)`
		2179	`*`
		2180	`* This CSS belong to the chooser dialogue which should work both with, and`
		2181	`* without javascript enabled`
		2182	`*/`
		2183	`/* Hide the dialog and it's title */`
		2184	`.chooserdialoguebody,`
		2185	`.choosertitle {`
		2186	`display: none;`
		2187	`}`
		2188
		2189	`.moodle-dialogue.chooserdialogue .moodle-dialogue-content .moodle-dialogue-ft {`
		2190	`margin: 0;`
		2191	`}`
		2192
		2193	`.chooserdialogue .moodle-dialogue-wrap .moodle-dialogue-bd {`
		2194	`padding: 0;`
		2195	`background-color: $gray-100;`
		2196	`@include border-bottom-radius(5px);`
		2197
		2198	`.theme-dark & {`
		2199	`background-color: $dm-gray-100;`
		2200	`}`
		2201	`}`
		2202
		2203	`/* Center the submit buttons within the area */`
		2204	`.choosercontainer #chooseform .submitbuttons {`
		2205	`padding: 0.7em 0;`
		2206	`text-align: right;`
		2207	`}`
		2208
		2209	`/* Fixed for safari browser on iPhone4S with ios7@mixin */`
		2210
		2211	`@media (max-height: 639px) {`
		2212	`.ios .choosercontainer #chooseform .submitbuttons {`
		2213	`padding: 45px 0;`
		2214	`}`
		2215	`}`
		2216
		2217	`.choosercontainer #chooseform .submitbuttons input {`
		2218	`min-width: 100px;`
		2219	`margin: 0 0.5em;`
		2220	`}`
		2221
		2222	`/* Various settings for the options area */`
		2223	`.choosercontainer #chooseform .options {`
		2224	`position: relative;`
		2225	`border-bottom: 1px solid $border-color;`
		2226
		2227	`.theme-dark & {`
		2228	`border-color: $dm-border-color;`
		2229	`}`
		2230	`}`
		2231
		2232	`/* Only set these options if we're showing the js container */`
		2233	`.jschooser .choosercontainer #chooseform .alloptions {`
		2234	`overflow-x: hidden;`
		2235	`overflow-y: auto;`
		2236	`max-width: 240px;`
		2237
		2238	`.option {`
		2239	`input[type=radio] {`
		2240	`display: inline-block;`
		2241	`}`
		2242
		2243	`.typename {`
		2244	`display: inline-block;`
		2245	`width: 55%;`
		2246	`}`
		2247	`}`
		2248	`}`
		2249
		2250	`/* Settings for option rows and option subtypes */`
		2251	`.choosercontainer #chooseform .moduletypetitle,`
		2252	`.choosercontainer #chooseform .option,`
		2253	`.choosercontainer #chooseform .nonoption {`
		2254	`margin-bottom: 0;`
		2255	`padding: 0 1.6em 0 1.6em;`
		2256	`}`
		2257
		2258	`.choosercontainer #chooseform .moduletypetitle {`
		2259	`text-transform: uppercase;`
		2260	`padding-top: 1.2em;`
		2261	`padding-bottom: 0.4em;`
		2262	`margin-bottom: 0.5rem;`
		2263	`font-size: 100%;`
		2264	`}`
		2265
		2266	`.choosercontainer #chooseform .option .typename,`
		2267	`.choosercontainer #chooseform .nonoption .typename {`
		2268	`padding: 0 0 0 0.5em;`
		2269	`}`
		2270
		2271	`.choosercontainer #chooseform .modicon+.typename {`
		2272	`padding-left: 0;`
		2273	`}`
		2274
		2275	`.choosercontainer #chooseform .option input[type=radio],`
		2276	`.choosercontainer #chooseform .option span.typename {`
		2277	`vertical-align: middle;`
		2278	`}`
		2279
		2280	`.choosercontainer #chooseform .option label {`
		2281	`display: block;`
		2282	`margin: 0;`
		2283	`padding: ($spacer * 0.5) 0;`
		2284	`border-bottom: 1px solid $border-color;`
		2285
		2286	`.theme-dark & {`
		2287	`border-color: $dm-border-color;`
		2288	`}`
		2289	`}`
		2290
		2291	`.choosercontainer #chooseform .option .icon {`
		2292	`margin: 0;`
		2293	`padding: 0 $spacer;`
		2294	`}`
		2295
		2296	`.choosercontainer #chooseform .nonoption {`
		2297	`padding-left: 2.7em;`
		2298	`padding-top: 0.3em;`
		2299	`padding-bottom: 0.1em;`
		2300	`}`
		2301
		2302	`.choosercontainer #chooseform .subtype {`
		2303	`margin-bottom: 0;`
		2304	`padding: 0 1.6em 0 3.2em;`
		2305	`}`
		2306
		2307	`.choosercontainer #chooseform .subtype .typename {`
		2308	`margin: 0 0 0 0.2em;`
		2309	`}`
		2310
		2311	`/* The instruction/help area */`
		2312	`.jschooser .choosercontainer #chooseform .instruction,`
		2313	`.jschooser .choosercontainer #chooseform .typesummary {`
		2314	`display: none;`
		2315	`position: absolute;`
		2316	`top: 0;`
		2317	`right: 0;`
		2318	`bottom: 0;`
		2319	`left: 240px;`
		2320	`margin: 0;`
		2321	`padding: 20px;`
		2322	`background-color: $container-bg;`
		2323	`overflow-x: hidden;`
		2324	`overflow-y: auto;`
		2325	`font-size: $font-size-sm;`
		2326	`}`
		2327
		2328	`.theme-dark.jschooser .choosercontainer #chooseform .instruction,`
		2329	`.theme-dark.jschooser .choosercontainer #chooseform .typesummary {`
		2330	`background-color: $dm-container-bg;`
		2331	`}`
		2332
		2333	`/* Selected option settings */`
		2334	`.jschooser .choosercontainer #chooseform .instruction,`
		2335	`.choosercontainer #chooseform .selected .typesummary {`
		2336	`display: block;`
		2337	`}`
		2338
		2339	`.choosercontainer #chooseform .selected {`
		2340	`background-color: $container-bg;`
		2341	`margin-top: -1px;`
		2342	`padding-top: 1px;`
		2343
		2344	`.theme-dark & {`
		2345	`background-color: $dm-container-bg;`
		2346	`}`
		2347	`}`
		2348
		2349
		2350	`@include media-breakpoint-down(sm) {`
		2351	`.jsenabled .choosercontainer #chooseform .alloptions {`
		2352	`max-width: 100%;`
		2353	`}`
		2354
		2355	`.jsenabled .choosercontainer #chooseform .instruction,`
		2356	`.jsenabled .choosercontainer #chooseform .typesummary {`
		2357	`position: static;`
		2358	`}`
		2359	`}`
		2360
		2361	`/**`
		2362	`* Module chooser dialogue (moodle-core-chooserdialogue)`
		2363	`*`
		2364	`* This CSS belong to the chooser dialogue which should work both with, and`
		2365	`* without javascript enabled`
		2366	`*/`
		2367	`.modchooser .modal-body {`
		2368	`padding: 0;`
		2369	`overflow-y: auto;`
		2370	`min-height: 640px;`
		2371	`display: flex;`
		2372	`flex-direction: column;`
		2373
		2374	`.searchresultitemscontainer,`
		2375	`.searchresultitemscontainer-wrapper {`
		2376	`min-height: 495px;`
		2377	`max-height: 100%;`
		2378	`align-content: flex-start;`
		2379	`}`
		2380
		2381	`.carousel-item.active {`
		2382	`display: flex;`
		2383	`}`
		2384
		2385	`.chooser-container {`
		2386	`display: flex;`
		2387	`flex-direction: column;`
		2388	`flex: 1 1 auto;`
		2389	`}`
		2390
		2391	`.loading-icon {`
		2392	`opacity: 1;`
		2393
		2394	`.icon {`
		2395	`display: block;`
		2396	`font-size: 3em;`
		2397	`height: 1em;`
		2398	`width: 1em;`
		2399	`}`
		2400	`}`
		2401
		2402	`.carousel-item .loading-icon .icon {`
		2403	`margin: 1em auto;`
		2404	`}`
		2405	`}`
		2406
		2407	`.modchooser .modal-footer {`
		2408	`background: $modal-content-bg;`
		2409
		2410	`.theme-dark & {`
		2411	`background: $dm-modal-content-bg;`
		2412	`}`
		2413
		2414	`.moodlenet-logo {`
		2415	`.icon {`
		2416	`padding: 0;`
		2417	`margin: 0;`
		2418	`height: 2.5rem;`
		2419	`width: 6rem;`
		2420	`}`
		2421	`}`
		2422	`}`
		2423
		2424	`.modchoosercontainer.noscroll {`
		2425	`overflow-y: hidden;`
		2426	`}`
		2427
		2428	`.optionaction.text-primary {`
		2429	`background-color: $primary-color-100;`
		2430	`color: $primary-color-600 !important;`
		2431
		2432	`.theme-dark & {`
		2433	`background-color: $primary-color-600;`
		2434	`color: $primary-color-200 !important;`
		2435	`}`
		2436
		2437	`&:hover {`
		2438	`background-color: $primary-color-600;`
		2439	`color: $primary-color-100 !important;`
		2440
		2441	`.theme-dark & {`
		2442	`background-color: $primary-color-400;`
		2443	`color: $primary-color-200 !important;`
		2444	`}`
		2445	`}`
		2446	`}`
		2447
		2448	`.modchoosercontainer .optionscontainer,`
		2449	`.modchoosercontainer .searchresultitemscontainer {`
		2450	`overflow-x: hidden;`
		2451
		2452	`.option {`
		2453	`//2 items per line.`
		2454	`flex-basis: calc(50% - 0.5rem);`
		2455
		2456	`.optionactions {`
		2457	`.optionaction {`
		2458	`cursor: pointer;`
		2459	`color: $gray-600;`
		2460
		2461	`.theme-dark & {`
		2462	`color: $dm-gray-800;`
		2463	`}`
		2464
		2465	`i {`
		2466	`margin: 0;`
		2467	`}`
		2468	`}`
		2469	`}`
		2470
		2471	`.optioninfo {`
		2472	`a {`
		2473	`color: $gray-700;`
		2474
		2475	`.theme-dark & {`
		2476	`color: $dm-gray-800;`
		2477	`}`
		2478
		2479	`&:hover {`
		2480	`text-decoration: none;`
		2481	`}`
		2482	`}`
		2483	`}`
		2484	`}`
		2485	`}`
		2486
		2487	`.modchooser .modal-body .optionsummary {`
		2488	`background-color: $container-bg;`
		2489	`overflow-x: hidden;`
		2490	`overflow-y: auto;`
		2491	`height: 640px;`
		2492
		2493	`.theme-dark & {`
		2494	`background-color: $dm-container-bg;`
		2495	`}`
		2496
		2497	`.content {`
		2498	`overflow-y: auto;`
		2499
		2500	`.heading {`
		2501	`.rui-summary-activity-title {`
		2502	`width: 100%;`
		2503
		2504	`font-size: 1.5rem;`
		2505	`color: $body-color;`
		2506
		2507	`.theme-dark & {`
		2508	`color: $dm-body-color;`
		2509	`}`
		2510	`}`
		2511
		2512	`.icon {`
		2513	`height: 40px;`
		2514	`width: 40px;`
		2515	`font-size: 50px;`
		2516	`padding: 0;`
		2517	`margin-right: 1rem;`
		2518	`}`
		2519	`}`
		2520	`}`
		2521
		2522	`.description {`
		2523	`font-size: $font-size-sm;`
		2524	`}`
		2525
		2526	`.actions {`
		2527	`border-top: 1px solid $border-color;`
		2528	`background-color: $container-bg;`
		2529
		2530	`.theme-dark & {`
		2531	`border-color: $border-color;`
		2532	`background-color: $container-bg;`
		2533	`}`
		2534	`}`
		2535	`}`
		2536
		2537	`@include media-breakpoint-down(sm) {`
		2538
		2539	`.path-course-view .modal-dialog.modal-lg,`
		2540	`.path-course-view .modal-content,`
		2541	`.modchooser .modal-body,`
		2542	`.modchooser .modal-body .carousel,`
		2543	`.modchooser .modal-body .carousel-inner,`
		2544	`.modchooser .modal-body .carousel-item,`
		2545	`.modchooser .modal-body .optionsummary,`
		2546	`.modchoosercontainer,`
		2547	`.optionscontainer,`
		2548	`.searchresultitemscontainer {`
		2549	`min-height: auto;`
		2550	`height: 100%;`
		2551	`overflow-y: auto;`
		2552	`}`
		2553
		2554	`.path-course-view .modal-dialog.modal-lg {`
		2555	`margin: 0;`
		2556	`}`
		2557
		2558	`.modchooser .modal-body .searchresultitemscontainer-wrapper {`
		2559	`min-height: auto;`
		2560	`}`
		2561	`}`
		2562
		2563
		2564	`.modchoosercontainer .optionscontainer .option,`
		2565	`.modchoosercontainer .searchresultitemscontainer .option {`
		2566	`background-color: $container-bg;`
		2567	`border-radius: $btn-border-radius;`
		2568
		2569	`.theme-dark & {`
		2570	`background-color: #2a2d3c;`
		2571	`}`
		2572
		2573	`@include media-breakpoint-up(lg) {`
		2574	`// Three items per line.`
		2575	`flex-basis: calc(100% / 3 - 0.5rem);`
		2576	`}`
		2577
		2578	`@include media-breakpoint-only(md) {`
		2579	`flex-basis: calc(50% - 0.5rem);`
		2580	`}`
		2581
		2582	`@include media-breakpoint-between(xs, sm) {`
		2583	`flex-basis: calc(100% - 0.5rem);`
		2584	`}`
		2585	`}`
		2586
		2587	`/* Form element: listing */`
		2588	`.formlistingradio {`
		2589	`padding-bottom: 25px;`
		2590	`padding-right: 10px;`
		2591	`}`
		2592
		2593	`.formlistinginputradio {`
		2594	`float: left;`
		2595	`}`
		2596
		2597	`.formlistingmain {`
		2598	`min-height: 225px;`
		2599	`}`
		2600
		2601	`.formlisting {`
		2602	`position: relative;`
		2603	`margin: 15px 0;`
		2604	`padding: 1px 19px 14px;`
		2605	`background-color: white;`
		2606	`border: 1px solid #ddd;`
		2607
		2608	`@include border-radius(4px);`
		2609	`}`
		2610
		2611	`.formlistingmore {`
		2612	`position: absolute;`
		2613	`cursor: pointer;`
		2614	`bottom: -1px;`
		2615	`right: -1px;`
		2616	`padding: 3px 7px;`
		2617	`font-size: 12px;`
		2618	`font-weight: $font-weight-bold;`
		2619	`background-color: whitesmoke;`
		2620	`border: 1px solid #ddd;`
		2621	`color: #9da0a4;`
		2622
		2623	`@include border-radius(4px 0 4px 0);`
		2624	`}`
		2625
		2626	`.formlistingall {`
		2627	`margin: 15px 0;`
		2628	`padding: 0;`
		2629
		2630	`@include border-radius(4px);`
		2631	`}`
		2632
		2633	`.formlistingrow {`
		2634	`cursor: pointer;`
		2635	`border-bottom: 1px solid;`
		2636	`border-color: #e1e1e8;`
		2637	`border-left: 1px solid #e1e1e8;`
		2638	`border-right: 1px solid #e1e1e8;`
		2639	`background-color: #f7f7f9;`
		2640
		2641	`@include border-radius(0 0 4px 4px);`
		2642	`padding: 6px;`
		2643	`top: 50%;`
		2644	`left: 50%;`
		2645	`min-height: 34px;`
		2646	`float: left;`
		2647	`width: 150px;`
		2648	`}`
		2649
		2650	`body.jsenabled .formlistingradio {`
		2651	`display: none;`
		2652	`}`
		2653
		2654	`body.jsenabled .formlisting {`
		2655	`display: block;`
		2656	`}`
		2657
		2658	`a.criteria-action {`
		2659	`padding: 0 3px;`
		2660	`float: right;`
		2661	`}`
		2662
		2663	`div.criteria-description {`
		2664	`padding: 0 0 0 20px;`
		2665	`margin: 10px 0 5px;`
		2666
		2667	`border-left: 1px solid $border-color;`
		2668
		2669	`font-size: $font-size-sm;`
		2670	`color: $body-color-secondary;`
		2671
		2672	`.theme-dark & {`
		2673	`color: $dm-body-color-secondary;`
		2674	`border-color: $dm-border-color;`
		2675	`}`
		2676	`}`
		2677
		2678	`// BADGES`
		2679	`ul.badges {`
		2680	`margin: 0;`
		2681	`padding: 0;`
		2682	`list-style: none;`
		2683	`}`
		2684
		2685	`.badges li {`
		2686	`position: relative;`
		2687	`display: inline-flex;`
		2688	`align-items: center;`
		2689	`justify-content: flex-start;`
		2690
		2691	`width: 100%;`
		2692	`margin-bottom: .35rem;`
		2693
		2694	`&:last-child {`
		2695	`margin-bottom: 0;`
		2696	`}`
		2697
		2698	`a {`
		2699	`display: inline-flex;`
		2700	`align-items: center;`
		2701	`justify-content: flex-start;`
		2702	`}`
		2703	`}`
		2704
		2705	`.badges li .badge-name {`
		2706	`display: block;`
		2707
		2708	`font-size: $font-size-xs;`
		2709	`font-weight: $font-weight-medium;`
		2710	`color: $body-color;`
		2711	`text-align: left;`
		2712
		2713	`line-height: 1.4;`
		2714
		2715	`.theme-dark & {`
		2716	`color: $dm-body-color;`
		2717	`}`
		2718
		2719	`&:hover {`
		2720	`color: $link-hover-color;`
		2721	`}`
		2722	`}`
		2723
		2724	`.badges li .badge-image {`
		2725	`padding: 7px;`
		2726	`background-color: transparent;`
		2727	`border: 1px solid $border-color;`
		2728	`border-radius: $btn-border-radius;`
		2729	`width: 40px;`
		2730	`height: 40px;`
		2731	`margin-right: .75rem;`
		2732
		2733	`.theme-dark & {`
		2734	`border-color: $dm-border-color;`
		2735	`background-color: $black;`
		2736	`}`
		2737	`}`
		2738
		2739	`.badges li .badge-actions {`
		2740	`position: relative;`
		2741	`}`
		2742
		2743	`.badges li .expireimage {`
		2744	`width: 100px;`
		2745	`height: 100px;`
		2746	`left: 25px;`
		2747	`top: 0;`
		2748	`position: absolute;`
		2749	`z-index: 10;`
		2750	`opacity: 0.85;`
		2751	`}`
		2752
		2753	`#badge-image {`
		2754	`background-color: transparent;`
		2755	`padding: 0;`
		2756	`position: relative;`
		2757	`min-width: 100px;`
		2758	`width: 20%;`
		2759	`display: inline-block;`
		2760	`vertical-align: top;`
		2761	`margin-top: 17px;`
		2762	`margin-bottom: 20px;`
		2763
		2764	`.expireimage {`
		2765	`width: 100px;`
		2766	`height: 100px;`
		2767	`left: 0;`
		2768	`top: 0;`
		2769	`opacity: 0.85;`
		2770	`position: absolute;`
		2771	`z-index: 10;`
		2772	`}`
		2773
		2774	`.singlebutton {`
		2775	`padding-top: 5px;`
		2776	`display: block;`
		2777
		2778	`button {`
		2779	`margin-left: 4px;`
		2780	`}`
		2781	`}`
		2782	`}`
		2783
		2784	`#badge-details {`
		2785	`display: inline-block;`
		2786	`width: 79%;`
		2787	`}`
		2788
		2789	`#badge-overview dl,`
		2790	`#badge-details dl {`
		2791	`margin: 0;`
		2792
		2793	`dt,`
		2794	`dd {`
		2795	`vertical-align: top;`
		2796	`padding: 3px 0;`
		2797	`}`
		2798
		2799	`dt {`
		2800	`clear: both;`
		2801	`display: inline-block;`
		2802	`width: 20%;`
		2803	`min-width: 100px;`
		2804	`}`
		2805
		2806	`dd {`
		2807	`display: inline-block;`
		2808	`width: 79%;`
		2809	`margin-left: 1%;`
		2810	`}`
		2811	`}`
		2812
		2813	`.badge-profile {`
		2814	`vertical-align: top;`
		2815	`}`
		2816
		2817	`.connected {`
		2818	`color: map-get($theme-colors, 'success');`
		2819	`}`
		2820
		2821	`.notconnected {`
		2822	`color: map-get($theme-colors, 'danger');`
		2823	`}`
		2824
		2825	`.connecting {`
		2826	`color: map-get($theme-colors, 'warning');`
		2827	`}`
		2828
		2829	`#page-badges-award .recipienttable tr td {`
		2830	`vertical-align: top;`
		2831	`}`
		2832
		2833	`#page-badges-award .recipienttable tr td.actions .actionbutton {`
		2834	`margin: 0.3em 0;`
		2835	`padding: 0.5em 0;`
		2836	`width: 100%;`
		2837	`}`
		2838
		2839	`#page-badges-award .recipienttable tr td.existing,`
		2840	`#page-badges-award .recipienttable tr td.potential {`
		2841	`width: 42%;`
		2842	`}`
		2843
		2844	`#issued-badge-table .activatebadge {`
		2845	`display: inline-block;`
		2846	`}`
		2847
		2848	`.statusbox.active {`
		2849	`background-color: $green-100;`
		2850	`color: $green-800;`
		2851	`}`
		2852
		2853	`.statusbox.inactive {`
		2854	`background-color: $yellow-100;`
		2855	`color: $yellow-800;`
		2856	`}`
		2857
		2858	`.statusbox {`
		2859	`width: 100%;`
		2860	`display: inline-flex;`
		2861	`align-items: center;`
		2862
		2863	`font-size: $font-size-sm;`
		2864	`font-weight: $font-weight-medium;`
		2865	`text-align: left;`
		2866
		2867	`margin-bottom: .5rem;`
		2868	`padding: $alert-padding-y $alert-padding-x;`
		2869
		2870	`border-radius: $btn-border-radius;`
		2871	`}`
		2872
		2873	`.statusbox .activatebadge {`
		2874	`display: inline-block;`
		2875	`}`
		2876
		2877	`.statusbox .activatebadge input[type=submit] {`
		2878	`margin: 3px;`
		2879	`}`
		2880
		2881	`.activatebadge {`
		2882	`margin: 0;`
		2883	`text-align: left;`
		2884	`vertical-align: middle;`
		2885	`}`
		2886
		2887	`img#persona_signin {`
		2888	`cursor: pointer;`
		2889	`}`
		2890
		2891	`.addcourse {`
		2892	`float: right;`
		2893	`}`
		2894
		2895	`.invisiblefieldset {`
		2896	`display: inline;`
		2897	`padding: 0;`
		2898	`border-width: 0;`
		2899	`}`
		2900
		2901	`/** Page header */`
		2902	`.page-header-content {`
		2903	`.logo {`
		2904	`margin: $spacer 0;`
		2905
		2906	`img {`
		2907	`max-height: 75px;`
		2908	`}`
		2909	`}`
		2910	`}`
		2911
		2912
		2913	`ul.dragdrop-keyboard-drag {`
		2914	`margin: 0;`
		2915	`padding: 0;`
		2916
		2917	`li {`
		2918	`margin-bottom: 5px;`
		2919	`width: 100%;`
		2920	`list-style-type: none;`
		2921
		2922	`:last-of-type {`
		2923	`margin-bottom: 0;`
		2924	`}`
		2925
		2926	`a {`
		2927	`display: block;`
		2928	`padding: 10px 16px;`
		2929	`margin: 0;`
		2930
		2931	`color: inherit;`
		2932
		2933	`border-radius: $btn-border-radius;`
		2934	`border-width: 1px;`
		2935	`border-color: $border-color;`
		2936	`border-style: dashed;`
		2937	`word-break: break-word;`
		2938
		2939	`.theme-dark & {`
		2940	`border-color: $dm-border-color;`
		2941	`}`
		2942
		2943	`&:hover {`
		2944	`border-color: $link-hover-color;`
		2945	`border-style: solid dashed solid solid;`
		2946	`color: $link-hover-color;`
		2947
		2948	`cursor: pointer;`
		2949
		2950
		2951	`.theme-dark & {`
		2952	`border-color: $dm-link-hover-color;`
		2953	`color: $dm-link-hover-color;`
		2954	`}`
		2955	`}`
		2956	`}`
		2957
		2958	`}`
		2959	`}`
		2960
		2961	`a.disabled:hover,`
		2962	`a.disabled {`
		2963	`text-decoration: none;`
		2964	`cursor: default;`
		2965	`font-style: italic;`
		2966	`color: #808080;`
		2967	`}`
		2968
		2969	`body.lockscroll {`
		2970	`height: 100%;`
		2971	`overflow: hidden;`
		2972	`}`
		2973
		2974	`.rui-progressbar_container {`
		2975	`margin: 1rem auto;`
		2976	`padding: 10px;`
		2977	`background-color: $gray-100;`
		2978	`border-radius: $btn-border-radius;`
		2979
		2980	`.theme-dark & {`
		2981	`background-color: $dm-gray-100;`
		2982	`}`
		2983
		2984	`.rui-progressbar-estimate {`
		2985	`font-size: $font-size-md;`
		2986	`font-weight: $font-weight-medium;`
		2987	`color: $primary-color-600;`
		2988
		2989	`.theme-dark & {`
		2990	`color: $dm-gray-900;`
		2991	`}`
		2992
		2993	`&:empty {`
		2994	`display: none;`
		2995	`}`
		2996	`}`
		2997
		2998	`.rui-progressbar-status {`
		2999	`font-size: $font-size-md;`
		3000	`font-weight: $font-weight-medium;`
		3001	`color: $primary-color-600;`
		3002	`margin-bottom: .5rem;`
		3003
		3004	`.theme-dark & {`
		3005	`color: $dm-gray-900;`
		3006	`}`
		3007
		3008	`&:empty {`
		3009	`display: none;`
		3010	`}`
		3011	`}`
		3012
		3013	`.rui-progress {`
		3014	`width: 100%;`
		3015	`}`
		3016	`}`
		3017
		3018	`/* IE10 only fix for calendar titling */`
		3019	`.ie10 .yui3-calendar-header-label {`
		3020	`display: inline-block;`
		3021	`}`
		3022
		3023	`dd:before,`
		3024	`dd:after {`
		3025	`display: block;`
		3026	`content: " ";`
		3027	`}`
		3028
		3029	`dd:after {`
		3030	`clear: both;`
		3031	`}`
		3032
		3033	`// Active tabs with links should have a different`
		3034	`// cursor to indicate they are clickable.`
		3035	`.nav-tabs>.active>a[href],`
		3036	`.nav-tabs>.active>a[href]:hover,`
		3037	`.nav-tabs>.active>a[href]:focus {`
		3038	`cursor: pointer;`
		3039	`}`
		3040
		3041	`.inplaceeditable {`
		3042	`&.inplaceeditingon {`
		3043	`display: block;`
		3044	`position: relative;`
		3045
		3046	`table & {`
		3047	`position: initial;`
		3048	`}`
		3049
		3050	`.editinstructions {`
		3051	`font-size: $font-size-xs;`
		3052	`font-weight: $font-weight-medium;`
		3053
		3054	`width: max-content;`
		3055	`line-height: 1.5;`
		3056
		3057	`position: absolute;`
		3058	`top: -26px;`
		3059	`left: 0;`
		3060
		3061	`white-space: nowrap;`
		3062	`}`
		3063
		3064	`@include media-breakpoint-up(sm) {`
		3065	`input {`
		3066	`width: 330px;`
		3067	`vertical-align: text-bottom;`
		3068	`margin-bottom: 0;`
		3069	`}`
		3070	`}`
		3071
		3072	`select {`
		3073	`margin-bottom: 0;`
		3074	`}`
		3075	`}`
		3076
		3077	`.ignoredirty.form-control {`
		3078	`width: auto;`
		3079	`display: inline-block;`
		3080	`}`
		3081
		3082	`.quickeditlink {`
		3083	`width: max-content;`
		3084	`max-width: 300px;`
		3085	`color: inherit;`
		3086	`text-decoration: inherit;`
		3087	`z-index: 2;`
		3088
		3089	`.icon {`
		3090	`.theme-dark & {`
		3091	`filter: invert(1);`
		3092	`}`
		3093	`}`
		3094	`}`
		3095
		3096	`&.inplaceeditable-toggle .quickediticon {`
		3097	`display: none;`
		3098	`}`
		3099
		3100	`&.inplaceeditable-autocomplete {`
		3101	`display: block;`
		3102	`}`
		3103	`}`
		3104
		3105	`h3.sectionname .inplaceeditable.inplaceeditingon .editinstructions {`
		3106	`top: -35px;`
		3107	`}`
		3108
		3109	`/** Chart area. */`
		3110	`.chart-area {`
		3111	`@include media-breakpoint-up(md) {`
		3112	`.chart-image {`
		3113	`position: relative;`
		3114	`margin: auto;`
		3115	`height: 48vh;`
		3116	`width: 46vw;`
		3117	`}`
		3118	`}`
		3119
		3120	`.chart-table-data {`
		3121	`display: none;`
		3122	`}`
		3123
		3124
		3125	`.chart-table {`
		3126	`.chart-output-htmltable caption {`
		3127	`white-space: nowrap;`
		3128	`font-size: $font-size-md;`
		3129	`}`
		3130
		3131	`/** When accessible, we display the table only. */`
		3132	`&.accesshide {`
		3133	`.chart-table-expand {`
		3134	`display: none;`
		3135	`}`
		3136
		3137	`.chart-table-data {`
		3138	`display: block;`
		3139	`}`
		3140	`}`
		3141	`}`
		3142	`}`
		3143
		3144	`// Reset for ul.`
		3145	`ul {`
		3146	`padding-left: 1rem;`
		3147	`}`
		3148
		3149	`/* YUI 2 Tree View */`
		3150	`/*rtl:raw:`
		3151	`.ygtvtn,`
		3152	`.ygtvtm,`
		3153	`.ygtvtmh,`
		3154	`.ygtvtmhh,`
		3155	`.ygtvtp,`
		3156	`.ygtvtph,`
		3157	`.ygtvtphh,`
		3158	`.ygtvln,`
		3159	`.ygtvlm,`
		3160	`.ygtvlmh,`
		3161	`.ygtvlmhh,`
		3162	`.ygtvlp,`
		3163	`.ygtvlph,`
		3164	`.ygtvlphh,`
		3165	`.ygtvdepthcell,`
		3166	`.ygtvok,`
		3167	`.ygtvok:hover,`
		3168	`.ygtvcancel,`
		3169	`.ygtvcancel:hover {`
		3170	`background-image: url([[pix:theme\|yui2-treeview-sprite-rtl]]);`
		3171	`}`
		3172	`*/`
		3173
		3174	`.ygtvtn {`
		3175	`background: url('[[pix:theme\|y/tn]]') 0 0 no-repeat;`
		3176	`}`
		3177
		3178	`.ygtvln {`
		3179	`background: url('[[pix:theme\|y/lnl]]') no-repeat;`
		3180	`background-position-x: 7px;`
		3181	`background-position-y: -22px;`
		3182	`}`
		3183
		3184	`.ygtvtp,`
		3185	`.ygtvtph {`
		3186	`background: url('[[pix:theme\|y/tn_c]]') 7px 0 no-repeat;`
		3187	`}`
		3188
		3189	`.ygtvtmh,`
		3190	`.ygtvtm {`
		3191	`background: url('[[pix:theme\|y/tn_e]]') 7px 0 no-repeat;`
		3192	`}`
		3193
		3194	`.ygtvdepthcell {`
		3195	`background: url('[[pix:theme\|y/vline]]') no-repeat;`
		3196	`}`
		3197
		3198
		3199	`.hover-tooltip-container {`
		3200	`position: relative;`
		3201
		3202	`.hover-tooltip {`
		3203	`opacity: 0;`
		3204	`visibility: hidden;`
		3205	`position: absolute;`
		3206	`/rtl:ignore/`
		3207	`left: 50%;`
		3208	`top: calc(-50% - 5px);`
		3209	`transform: translate(-50%, -50%);`
		3210	`background-color: $container-bg;`
		3211	`border: 1px solid rgba(0, 0, 0, .2);`
		3212	`border-radius: .3rem;`
		3213	`box-sizing: border-box;`
		3214	`padding: 5px;`
		3215	`white-space: nowrap;`
		3216	`transition: opacity 0.15s, visibility 0.15s;`
		3217	`z-index: 1000;`
		3218
		3219	`&:before {`
		3220	`content: '';`
		3221	`display: inline-block;`
		3222	`border-left: 8px solid transparent;`
		3223	`border-right: 8px solid transparent;`
		3224	`border-top: 8px solid rgba(0, 0, 0, .2);`
		3225	`position: absolute;`
		3226	`bottom: -8px;`
		3227	`left: calc(50% - 8px);`
		3228	`}`
		3229
		3230	`&:after {`
		3231	`content: '';`
		3232	`display: inline-block;`
		3233	`border-left: 7px solid transparent;`
		3234	`border-right: 7px solid transparent;`
		3235	`border-top: 7px solid #fff;`
		3236	`position: absolute;`
		3237	`bottom: -6px;`
		3238	`left: calc(50% - 7px);`
		3239	`z-index: 2;`
		3240	`}`
		3241	`}`
		3242
		3243	`&:hover {`
		3244	`.hover-tooltip {`
		3245	`opacity: 1;`
		3246	`visibility: visible;`
		3247	`transition: opacity 0.15s 0.5s, visibility 0.15s 0.5s;`
		3248	`}`
		3249	`}`
		3250	`}`
		3251
		3252	`#region-flat-nav {`
		3253	`padding-right: 0;`
		3254	`padding-left: 0;`
		3255
		3256	`.nav {`
		3257	`margin-right: $grid-gutter-width * 0.5;`
		3258	`background-color: $card-bg;`
		3259	`}`
		3260
		3261	`@include media-breakpoint-between(xs, sm) {`
		3262	`.nav {`
		3263	`margin-top: $grid-gutter-width;`
		3264	`margin-right: 0;`
		3265	`}`
		3266	`}`
		3267	`}`
		3268
		3269	`// Footer link colour was added to allow the colour of footer links to be changed,`
		3270	`// but really in bootstrap we want the colour of links on .bg-inverse to be changed`
		3271	`// rather than being specific to the footer. This is kept for backwards compatibility.`
		3272	`$footer-link-color: $gray-800 !default;`
		3273
		3274	`.sitelink {`
		3275	`img {`
		3276	`width: 112px;`
		3277	`}`
		3278	`}`
		3279
		3280	`.user-competency-course-navigation span {`
		3281	`max-width: initial;`
		3282	`overflow: visible;`
		3283	`}`
		3284
		3285	`.competency-tree {`
		3286	`ul {`
		3287	`padding-left: 1.5rem;`
		3288	`}`
		3289	`}`
		3290
		3291	`.rui-competencies-box {`
		3292	`margin-bottom: .5rem;`
		3293	`padding: 1rem;`
		3294	`border: 2px dashed $border-color;`
		3295	`border-radius: $btn-border-radius;`
		3296
		3297	`.theme-dark & {`
		3298	`border-color: $dm-border-color;`
		3299	`}`
		3300	`}`
		3301
		3302	`.rui-user-course-nav {`
		3303	`border: 2px dashed $border-color;`
		3304	`border-radius: $btn-border-radius;`
		3305
		3306	`.theme-dark & {`
		3307	`border-color: $dm-border-color;`
		3308	`}`
		3309	`}`
		3310
		3311	`/* TODO: find solution to display icon only when you set up more then teacher rols users to display`
		3312	`.rui-user-manager,`
		3313	`.rui-user-admin {`
		3314	`position: relative;`
		3315
		3316	`&:before {`
		3317	`content: '';`
		3318	`background-color: $container-bg;`
		3319	`background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='#{url-friendly-colour($body-color)}' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 4.75L13.75 10.25H19.25L14.75 13.75L16.25 19.25L12 15.75L7.75 19.25L9.25 13.75L4.75 10.25H10.25L12 4.75Z'%3E%3C/path%3E%3C/svg%3E ");`
		3320	`background-repeat: no-repeat;`
		3321	`background-size: 14px;`
		3322	`background-position: center;`
		3323
		3324	`width: 14px;`
		3325	`height: 14px;`
		3326
		3327	`border-radius: $btn-border-radius;`
		3328
		3329	`position: absolute;`
		3330	`top: -3px;`
		3331	`left: -4px;`
		3332	`}`
		3333	`}`
		3334	`*/`
		3335
		3336	`.sr-only-focusable {`
		3337
		3338	`&:active,`
		3339	`&:focus {`
		3340	`z-index: 1065;`
		3341	`position: fixed;`
		3342	`background: #fff;`
		3343	`padding: 7px;`
		3344	`left: 0;`
		3345	`top: 0;`
		3346	`}`
		3347	`}`
		3348
		3349	`.jsenabled #course-category-listings #course-listing .listitem .drag-handle,`
		3350	`.moodle-core-dragdrop-draghandle {`
		3351	`margin: 0 40px 0 10px;`
		3352
		3353	`cursor: move;`
		3354	`touch-action: none;`
		3355
		3356	`background-color: $white;`
		3357	`width: 36px;`
		3358	`height: 36px;`
		3359	`border-radius: $btn-border-radius;`
		3360
		3361	`box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .26), 0 14px 44px 0 rgba(0, 0, 0, .2);`
		3362
		3363	`display: inline-flex;`
		3364	`align-items: center;`
		3365	`justify-content: center;`
		3366
		3367	`.icon {`
		3368	`width: auto;`
		3369	`height: auto;`
		3370
		3371	`font-size: $font-size-md;`
		3372	`color: $gray-900;`
		3373	`}`
		3374	`}`
		3375
		3376	`.clickable {`
		3377	`cursor: pointer;`
		3378	`}`
		3379
		3380	`.overlay-icon-container {`
		3381	`position: absolute;`
		3382	`top: 0;`
		3383	`left: 0;`
		3384	`width: 100%;`
		3385	`height: 100%;`
		3386	`border-radius: $btn-border-radius;`
		3387	`background-color: rgba($gray-100, .6);`
		3388
		3389	`.theme-dark & {`
		3390	`background-color: rgba($dm-gray-100, .6);`
		3391	`}`
		3392
		3393	`.loading-icon {`
		3394	`position: absolute;`
		3395	`top: 50%;`
		3396	`left: 50%;`
		3397	`transform: translate(-50%, -50%);`
		3398
		3399	`.icon {`
		3400	`height: 30px;`
		3401	`width: 30px;`
		3402	`font-size: 30px;`
		3403	`}`
		3404	`}`
		3405	`}`
		3406
		3407	`.w-auto {`
		3408	`width: auto;`
		3409	`}`
		3410
		3411	`.w-md-auto,`
		3412	`.w-lmd-auto,`
		3413	`.w-lg-auto {`
		3414	`width: auto !important;`
		3415	`}`
		3416
		3417	`.bg-pulse-grey {`
		3418	`animation: bg-pulse-grey 2s infinite linear;`
		3419
		3420	`.theme-dark & {`
		3421	`animation: bg-pulse-grey-dark 2s infinite linear;`
		3422	`}`
		3423	`}`
		3424
		3425	`@keyframes bg-pulse-grey {`
		3426	`0% {`
		3427	`background-color: $gray-200;`
		3428	`}`
		3429
		3430	`50% {`
		3431	`background-color: darken($gray-100, 5%);`
		3432	`}`
		3433
		3434	`100% {`
		3435	`background-color: $gray-200;`
		3436	`}`
		3437	`}`
		3438
		3439	`@keyframes bg-pulse-grey-dark {`
		3440	`0% {`
		3441	`background-color: $dm-gray-300;`
		3442	`}`
		3443
		3444	`50% {`
		3445	`background-color: darken($dm-gray-300, 5%);`
		3446	`}`
		3447
		3448	`100% {`
		3449	`background-color: $dm-gray-300;`
		3450	`}`
		3451	`}`
		3452
		3453	`@each $size,`
		3454	`$length in $spacers {`
		3455	`.line-height-#{$size} {`
		3456	`line-height: $length !important;`
		3457	`/* stylelint-disable-line declaration-no-important */`
		3458	`}`
		3459	`}`
		3460
		3461	`.dir-rtl {`
		3462	`.dir-rtl-hide {`
		3463	`display: none;`
		3464	`}`
		3465	`}`
		3466
		3467	`.dir-ltr {`
		3468	`.dir-ltr-hide {`
		3469	`display: none;`
		3470	`}`
		3471	`}`
		3472
		3473	`.paged-content-page-container {`
		3474	`min-height: 3.125rem;`
		3475	`}`
		3476
		3477	`body.h5p-embed {`
		3478	`#page-content {`
		3479	`display: inherit;`
		3480	`}`
		3481
		3482	`#maincontent {`
		3483	`display: none;`
		3484	`}`
		3485
		3486	`.h5pmessages {`
		3487	`min-height: 230px; // This should be the same height as default core_h5p iframes.`
		3488	`}`
		3489	`}`
		3490
		3491	`#h5pcontenttypes td {`
		3492	`vertical-align: middle;`
		3493	`}`
		3494
		3495	`#page.drawers {`
		3496
		3497	`form#h5peditor,`
		3498	`form#coolh5peditor,`
		3499	`.core_contentbank_viewcontent {`
		3500	`width: 100%;`
		3501	`//min-width: $h5p-content-maxwidth;`
		3502	`margin: 0 auto;`
		3503	`}`
		3504	`}`
		3505
		3506	`#coolh5peditor {`
		3507	`.rui-main-content-title--h2 {`
		3508	`width: $wrapper-md;`
		3509	`margin-left: auto;`
		3510	`margin-right: auto;`
		3511
		3512	`@include media-breakpoint-down(md) {`
		3513	`width: calc(100% - 60px);`
		3514	`margin-left: 30px;`
		3515	`margin-right: 30px;`
		3516	`}`
		3517	`}`
		3518	`}`
		3519
		3520	`.text-decoration-none {`
		3521	`text-decoration: none !important;`
		3522	`/* stylelint-disable-line declaration-no-important */`
		3523	`}`
		3524
		3525	`.colour-inherit {`
		3526	`color: inherit !important;`
		3527	`/* stylelint-disable-line declaration-no-important */`
		3528	`}`
		3529
		3530	`.position-right {`
		3531	`right: 0 !important;`
		3532	`/* stylelint-disable-line declaration-no-important */`
		3533	`}`
		3534
		3535	`.overflow-hidden {`
		3536	`overflow: hidden !important;`
		3537	`/* stylelint-disable-line declaration-no-important */`
		3538	`}`
		3539
		3540	`.text-break {`
		3541	`overflow-wrap: break-word !important;`
		3542	`/* stylelint-disable-line declaration-no-important */`
		3543	`}`
		3544
		3545	`.z-index-0 {`
		3546	`z-index: 0 !important;`
		3547	`/* stylelint-disable-line declaration-no-important */`
		3548	`}`
		3549
		3550	`.z-index-1 {`
		3551	`z-index: 1 !important;`
		3552	`/* stylelint-disable-line declaration-no-important */`
		3553	`}`
		3554
		3555	`// These floats are deprecated in Bootstrap 4.3.1. It is still okay to use them in Moodle.`
		3556	`.float-left {`
		3557	`float: left !important;`
		3558	`/* stylelint-disable-line declaration-no-important */`
		3559	`}`
		3560
		3561	`.float-right {`
		3562	`float: right !important;`
		3563	`/* stylelint-disable-line declaration-no-important */`
		3564	`}`
		3565
		3566	`.img-responsive {`
		3567	`@include img-fluid();`
		3568	`}`
		3569
		3570	`input[disabled] {`
		3571	`cursor: not-allowed;`
		3572	`}`
		3573
		3574	`.custom-select {`
		3575	`width: auto;`
		3576	`}`
		3577
		3578	`.fade.in {`
		3579	`opacity: 1;`
		3580	`}`
		3581
		3582	`.clamp-2 {`
		3583	`display: -webkit-box;`
		3584	`-webkit-box-orient: vertical;`
		3585	`-webkit-line-clamp: 2;`
		3586	`overflow: hidden;`
		3587	`}`
		3588
		3589	`.word-break-all {`
		3590	`word-break: break-all;`
		3591	`}`
		3592
		3593	`.matchtext {`
		3594	`background-color: lighten($primary, 40%);`
		3595	`color: $body-color;`
		3596	`height: 1.5rem;`
		3597	`}`
		3598
		3599	`.border-radius {`
		3600	`@if $enable-rounded {`
		3601	`@include border-radius($card-border-radius);`
		3602	`}`
		3603	`}`
		3604
		3605	`.v-hidden {`
		3606	`visibility: hidden;`
		3607	`}`
		3608
		3609	`// Emoji picker.`
		3610	`$picker-width: 100% !default;`
		3611	`$picker-width-xs: 320px !default;`
		3612	`$picker-height: 400px !default;`
		3613	`$picker-row-height: 30px !default;`
		3614	`$picker-emoji-button-size: 30px !default;`
		3615	`$picker-emoji-button-font-size: 30px !default;`
		3616	`$picker-emoji-category-count: 9 !default;`
		3617	`$picker-emojis-per-row: 7 !default;`
		3618
		3619	`.emoji-picker {`
		3620	`background-color: $container-bg;`
		3621	`width: calc(100% - 30px);`
		3622	`margin: 0 15px;`
		3623	`height: $picker-height;`
		3624
		3625	`.category-name {`
		3626	`margin: 10px 5px;`
		3627	`font-size: $font-size-xs;`
		3628	`font-weight: $font-weight-medium;`
		3629	`line-height: 40px;`
		3630	`}`
		3631
		3632	`.category-button {`
		3633	`padding: .375rem 0;`
		3634	`height: 100%;`
		3635	`width: $picker-width * 0.111; // 9`
		3636	`border-top: none;`
		3637	`border-left: none;`
		3638	`border-right: none;`
		3639	`border-bottom: 2px solid transparent;`
		3640
		3641	`&.selected {`
		3642	`border-bottom: 2px solid map-get($theme-colors, 'primary');`
		3643	`}`
		3644	`}`
		3645
		3646	`.emojis-container,`
		3647	`.search-results-container {`
		3648	`min-width: $picker-emojis-per-row * $picker-emoji-button-size;`
		3649	`}`
		3650
		3651	`.picker-row {`
		3652	`height: $picker-row-height;`
		3653
		3654	`.emoji-button {`
		3655	`margin: 0;`
		3656	`height: $picker-emoji-button-size;`
		3657	`width: $picker-emoji-button-size;`
		3658	`border-radius: $btn-border-radius-xl;`
		3659	`font-size: $picker-emoji-button-font-size;`
		3660	`overflow: hidden;`
		3661
		3662	`display: inline-flex;`
		3663	`align-content: center;`
		3664	`justify-content: center;`
		3665
		3666	`@include hover-focus {`
		3667	`color: inherit;`
		3668	`text-decoration: none;`
		3669	`}`
		3670	`}`
		3671	`}`
		3672
		3673	`.emoji-preview {`
		3674	`height: $picker-row-height;`
		3675	`font-size: $picker-row-height;`
		3676	`line-height: $picker-row-height;`
		3677
		3678	`display: inline-flex;`
		3679	`align-content: center;`
		3680	`}`
		3681
		3682	`.emoji-short-name {`
		3683	`font-size: $font-size-xs;`
		3684	`display: flex;`
		3685	`align-self: center;`
		3686	`line-height: $picker-row-height * 0.5;`
		3687	`}`
		3688
		3689	`.card-footer {`
		3690	`padding: 10px;`
		3691	`}`
		3692
		3693	`@include media-breakpoint-down(xs) {`
		3694	`width: $picker-width-xs;`
		3695	`}`
		3696	`}`
		3697
		3698	`.emoji-auto-complete {`
		3699	`height: $picker-row-height;`
		3700
		3701	`.emoji-button {`
		3702	`margin-right: .5rem;`
		3703	`height: $picker-emoji-button-size;`
		3704	`width: $picker-emoji-button-size;`
		3705	`line-height: $picker-emoji-button-size;`
		3706	`font-size: $picker-emoji-button-font-size;`
		3707
		3708	`background-color: transparent;`
		3709	`border: none;`
		3710	`border-radius: $btn-border-radius-xl;`
		3711
		3712	`&.active {`
		3713	`background-color: $gray-200;`
		3714	`}`
		3715	`}`
		3716	`}`
		3717
		3718
		3719	`.toast-wrapper {`
		3720	`max-width: $toast-max-width;`
		3721	`max-height: 0;`
		3722	`// Place these above any modals and other elements.`
		3723	`z-index: 9999;`
		3724
		3725	`> :first-child {`
		3726	`margin-top: $spacer;`
		3727	`}`
		3728	`}`
		3729
		3730	`@each $color,`
		3731	`$value in $theme-colors {`
		3732	`.alert-#{$color} a {`
		3733	`color: darken(theme-color-level($color, $alert-color-level), 10%);`
		3734	`}`
		3735	`}`
		3736
		3737	`.alert a {`
		3738	`font-weight: $font-weight-bold;`
		3739	`}`
		3740
		3741	`@include media-breakpoint-between(xs, sm) {`
		3742	`.mform {`
		3743	`width: 100%;`
		3744	`}`
		3745
		3746	`.pagination {`
		3747	`flex-wrap: wrap;`
		3748	`justify-content: center;`
		3749	`}`
		3750
		3751	`.custom-select {`
		3752	`max-width: 100%;`
		3753	`}`
		3754
		3755	`.page-header-content {`
		3756	`.card {`
		3757	`border: 0;`
		3758
		3759	`.card-body {`
		3760	`padding: 0;`
		3761	`}`
		3762	`}`
		3763	`}`
		3764	`}`
		3765
		3766	`@media (max-width: map-get($grid-breakpoints, "sm")) and (max-height: 320px) {`
		3767	`div#page {`
		3768	`margin-top: 0;`
		3769	`}`
		3770
		3771	`.rui-topbar.fixed-top {`
		3772	`position: relative;`
		3773	`z-index: inherit;`
		3774	`}`
		3775	`}`
		3776
		3777	`.link-underline {`
		3778	`text-decoration: underline;`
		3779
		3780	`&:focus {`
		3781	`text-decoration: none;`
		3782	`}`
		3783	`}`
		3784
		3785	`.alert.cta {`
		3786	`.icon {`
		3787	`padding: 0.3rem;`
		3788
		3789	`&.fa {`
		3790	`border-radius: $btn-border-radius-xl;`
		3791	`border-style: solid;`
		3792	`border-width: 0.125rem;`
		3793	`}`
		3794	`}`
		3795	`}`
		3796
		3797	`.core_payment_gateways_modal .custom-control-label::before,`
		3798	`.core_payment_gateways_modal .custom-control-label::after {`
		3799	`top: 45%;`
		3800	`}`
		3801
		3802
		3803	`/* Page customization */`
		3804	`[data-region="managecompetencies"],`
		3805	`[data-region="managetemplates"] {`
		3806	`div {`
		3807	`margin-bottom: 10px;`
		3808	`}`
		3809
		3810	`h2 {`
		3811	`display: inline-flex;`
		3812	`align-items: center;`
		3813	`}`
		3814	`}`
		3815
		3816	`[data-region="competencyinfo"] {`
		3817	`font-size: $font-size-sm;`
		3818	`}`
		3819
		3820	`[data-region="relatedcompetencies"] {`
		3821	`ul {`
		3822	`margin: 10px 0 !important;`
		3823	`padding: 0 !important;`
		3824
		3825	`li {`
		3826	`width: 100%;`
		3827	`display: inline-flex;`
		3828	`align-items: center;`
		3829	`justify-content: space-between;`
		3830	`flex-direction: row-reverse;`
		3831
		3832	`margin-bottom: .35rem;`
		3833	`padding: 4px 4px 4px 8px;`
		3834	`border: 1px solid $border-color;`
		3835	`border-radius: $btn-border-radius;`
		3836
		3837	`.theme-dark & {`
		3838	`border-color: $dm-border-color;`
		3839	`}`
		3840
		3841	`p,`
		3842	`div {`
		3843	`font-size: $font-size-sm;`
		3844	`font-weight: $font-weight-medium;`
		3845	`margin: 0;`
		3846	`}`
		3847	`}`
		3848	`}`
		3849	`}`
		3850
		3851	`.competency-heading {`
		3852	`h5 {`
		3853	`font-size: 1rem;`
		3854	`font-weight: $font-weight-medium;`
		3855	`}`
		3856
		3857	`div {`
		3858	`margin: 0;`
		3859	`}`
		3860	`}`
		3861
		3862	`#page-admin-grade-edit-letter-index .main-content .mdl-align {`
		3863	`text-align: left;`
		3864
		3865	`.btn {`
		3866	`width: 100%;`
		3867	`}`
		3868	`}`
		3869
		3870	`// ---- URL: e.g backup/restorefile.php?contextid=135`
		3871	`#page-backup-restorefile {`
		3872	`.main-content {`
		3873	`div+.rui-title-container {`
		3874	`margin-top: $page-padding-global;`
		3875	`margin-bottom: 10px;`
		3876
		3877	`.rui-main-content-title {`
		3878	`font-size: $font-size-base;`
		3879	`}`
		3880
		3881	`}`
		3882	`}`
		3883	`}`
		3884
		3885	`// ---- URL: /grade/edit/letter/index.php?edit=1`
		3886	`#page-admin-grade-edit-letter-index {`
		3887	`.main-content {`
		3888	`.form-control {`
		3889	`margin: 0 .25rem;`
		3890	`}`
		3891
		3892	`.mform .form-inline .form-group {`
		3893	`margin: 0;`
		3894	`}`
		3895	`}`
		3896	`}`
		3897
		3898	`// ---- URL: /enrol/otherusers.php?id=10&page=0&perpage=100&sort=lastname&dir=ASC`
		3899	`.otherusersdesc {`
		3900	`margin: $spacer 0;`
		3901	`}`
		3902
		3903
		3904	`// ---- URL: /admin/tool/task/scheduledtasks.php`
		3905	`#page-admin-tool-task-scheduledtasks {`
		3906	`.task-class {`
		3907	`margin-bottom: 2rem;`
		3908
		3909	`&+div {`
		3910	`margin-bottom: 1rem;`
		3911	`font-size: $font-size-base;`
		3912	`font-weight: $font-weight-bold;`
		3913	`}`
		3914	`}`
		3915	`}`
		3916
		3917
		3918
		3919	`// ---- URL: /admin/tool/dataprivacy/dataregistry.php`
		3920	`.data-registry .context-tree {`
		3921	`height: auto;`
		3922	`overflow-y: auto;`
		3923
		3924	`border-right: 1px solid $border-color;`
		3925
		3926	`.theme-dark & {`
		3927	`border-color: $dm-border-color;`
		3928	`}`
		3929	`}`
		3930
		3931	`.data-registry>.top-nav>* {`
		3932	`margin-right: 0;`
		3933	`}`
		3934
		3935
		3936	`// ---- URL: /admin/roles/usersroles.php?userid=2&courseid=1`
		3937	`.contextname {`
		3938	`margin-bottom: 1rem !important;`
		3939
		3940	`a {`
		3941	`color: $body-color;`
		3942
		3943	`&:hover {`
		3944	`color: $link-hover-color;`
		3945	`}`
		3946
		3947	`.theme-dark & {`
		3948	`color: $dm-body-color;`
		3949	`}`
		3950	`}`
		3951	`}`
		3952
		3953	`#page-admin-roles-usersroles {`
		3954	`.main-content {`
		3955	`.generalbox {`
		3956	`ul {`
		3957	`margin-bottom: 0;`
		3958
		3959	`li {`
		3960	`margin: 1rem 0;`
		3961	`padding: 1rem 0;`
		3962	`list-style: none;`
		3963	`border-bottom: 1px solid $border-color;`
		3964
		3965	`.theme-dark & {`
		3966	`border-color: $dm-border-color;`
		3967	`}`
		3968
		3969	`&:last-child {`
		3970	`margin-bottom: 0;`
		3971	`padding-bottom: 0;`
		3972	`border-bottom: 0;`
		3973	`}`
		3974
		3975	`p {`
		3976	`margin-bottom: 0.35rem;`
		3977	`}`
		3978
		3979	`a .icon {`
		3980	`padding: 10px;`
		3981
		3982	`display: inline-flex;`
		3983	`align-items: center;`
		3984	`justify-content: center;`
		3985
		3986	`border-radius: $btn-border-radius;`
		3987
		3988	`background-color: $gray-200;`
		3989	`font-size: $font-size-xs;`
		3990	`color: $gray-800;`
		3991
		3992	`transition: $transition-base;`
		3993
		3994	`.theme-dark & {`
		3995	`background-color: $dm-gray-200;`
		3996	`color: $dm-gray-800;`
		3997	`}`
		3998	`}`
		3999
		4000	`a:hover {`
		4001	`text-decoration: none;`
		4002
		4003	`.icon {`
		4004	`background-color: $blue-200;`
		4005	`color: $blue-700;`
		4006	`}`
		4007	`}`
		4008	`}`
		4009	`}`
		4010	`}`
		4011	`}`
		4012	`}`
		4013
		4014
		4015	`// ---- URL: /cache/admin.php`
		4016	`#core-cache-definition-summaries {`
		4017	`margin-top: 2rem;`
		4018	`overflow: auto;`
		4019
		4020	`.generaltable {`
		4021	`min-width: max-content;`
		4022	`width: 100%;`
		4023	`}`
		4024
		4025	`.definition {`
		4026	`max-width: 400px;`
		4027	`}`
		4028	`}`
		4029
		4030	`#core-cache-plugin-summaries,`
		4031	`#core-cache-store-summaries,`
		4032	`#core-cache-mode-mappings {`
		4033	`margin-top: 2rem;`
		4034	`}`
		4035
		4036	`#core-cache-lock-summary {`
		4037	`margin: 2rem 0;`
		4038	`}`
		4039
		4040	`#core-cache-store-summaries {`
		4041	`.generaltable {`
		4042	`.lastcol {`
		4043	`width: 120px;`
		4044
		4045	`i,`
		4046	`a {`
		4047	`display: inline-flex;`
		4048	`align-items: center;`
		4049	`}`
		4050	`}`
		4051	`}`
		4052	`}`
		4053
		4054	`// ---- URL: admin/tool/usertours/configure.php?action=listtours`
		4055	`.tour-actions {`
		4056	`margin-top: 1rem;`
		4057
		4058	`&>ul {`
		4059	`margin: 0;`
		4060	`padding: 0;`
		4061	`text-align: left;`
		4062	`}`
		4063	`}`
		4064
		4065	`.tour-actions>ul>li {`
		4066	`display: inline-flex;`
		4067	`margin: 0.35rem;`
		4068
		4069	`width: auto;`
		4070	`height: auto;`
		4071
		4072	`border: 0;`
		4073
		4074	`a {`
		4075	`.icon {`
		4076	`width: 30px;`
		4077	`height: auto;`
		4078	`margin-right: 0.35rem;`
		4079	`}`
		4080	`}`
		4081	`}`
		4082
		4083
		4084	`// Mod Report`
		4085	`.downloadreport {`
		4086	`ul {`
		4087	`display: block;`
		4088	`margin: 1rem 0 0;`
		4089	`}`
		4090	`}`
		4091
		4092
		4093	`// Cohort`
		4094	`// ---- URL: /cohort/assign.php?id=1`
		4095	`#page-cohort-assign {`
		4096
		4097	`#existingcell,`
		4098	`#potentialcell {`
		4099	`width: 40%;`
		4100	`vertical-align: top;`
		4101
		4102	`p {`
		4103	`margin: 0;`
		4104
		4105	`label {`
		4106	`font-weight: $font-weight-bold;`
		4107	`}`
		4108	`}`
		4109	`}`
		4110	`}`
		4111
		4112
		4113	`// User preferences`
		4114
		4115	`// ---- URL: /user/preferences.php?userid=x`
		4116	`body#page-user-preferences {`
		4117	`.main-content {`
		4118	`.card-title {`
		4119	`margin-bottom: 0;`
		4120	`}`
		4121
		4122	`.card-text a {`
		4123	`display: block;`
		4124	`padding: .35rem 0;`
		4125
		4126	`position: relative;`
		4127
		4128	`font-size: $font-size-xs;`
		4129	`font-weight: $font-weight-medium;`
		4130	`color: $body-color;`
		4131
		4132	`.theme-dark & {`
		4133	`color: $dm-body-color;`
		4134	`}`
		4135
		4136	`&:hover {`
		4137	`color: $link-hover-color;`
		4138	`text-decoration: none;`
		4139
		4140	`&:before {`
		4141	`background-color: $link-hover-color;`
		4142	`}`
		4143	`}`
		4144	`}`
		4145
		4146	`.card-text div:last-of-type {`
		4147	`a {`
		4148	`padding-bottom: 0;`
		4149	`border-bottom: none;`
		4150	`}`
		4151	`}`
		4152	`}`
		4153	`}`
		4154
		4155	`//Dark Mode`
		4156	`body#page-user-preferences.theme-dark {`
		4157	`.main-content {`
		4158	`.card-text a {`
		4159	`border-color: $dm-border-color;`
		4160	`color: $dm-body-color-secondary;`
		4161
		4162	`&:hover {`
		4163	`color: $link-hover-color;`
		4164	`border-color: $link-hover-color;`
		4165	`}`
		4166	`}`
		4167	`}`
		4168	`}`
		4169
		4170
		4171	`// Policy popup`
		4172	`.eupopup-container-bottom {`
		4173	`left: 30px;`
		4174	`right: 30px;`
		4175	`bottom: 30px;`
		4176
		4177	`width: calc(100% - 60px);`
		4178	`max-width: 600px;`
		4179
		4180	`text-align: left;`
		4181	`}`
		4182
		4183	`.eupopup-container {`
		4184	`padding: 1rem 4rem 1rem 1.25rem;`
		4185	`margin: 0;`
		4186
		4187	`position: fixed;`
		4188	`left: 30px;`
		4189	`bottom: 20px;`
		4190	`z-index: $zindex-tooltip;`
		4191
		4192	`background-color: $gray-900;`
		4193	`max-width: 500px !important;`
		4194
		4195	`border-radius: $btn-border-radius;`
		4196	`border: none;`
		4197	`box-shadow: none;`
		4198
		4199	`font-size: $font-size-md;`
		4200	`color: $gray-100;`
		4201	`line-height: 1.5;`
		4202
		4203	`.theme-dark & {`
		4204	`background-color: $dm-container-bg;`
		4205	`color: $dm-body-color;`
		4206	`}`
		4207
		4208	`@include media-breakpoint-between(sm, md) {`
		4209	`width: calc(100% - 40px);`
		4210	`max-width: calc(100% - 40px);`
		4211	`left: 20px;`
		4212	`}`
		4213
		4214	`a {`
		4215	`color: $gray-300;`
		4216	`font-weight: $font-weight-medium;`
		4217
		4218	`&:before {`
		4219	`background-color: $gray-400;`
		4220
		4221	`.theme-dark & {`
		4222	`background-color: $dm-gray-400;`
		4223	`color: $dm-body-color-secondary;`
		4224	`}`
		4225	`}`
		4226
		4227	`&:hover {`
		4228	`color: $gray-400;`
		4229
		4230	`.theme-dark & {`
		4231	`background-color: $dm-gray-400;`
		4232	`}`
		4233	`}`
		4234
		4235	`.theme-dark & {`
		4236	`color: $dm-body-color-secondary;`
		4237	`}`
		4238	`}`
		4239
		4240	`.eupopup-closebutton {`
		4241	`opacity: 1;`
		4242	`padding: 9px;`
		4243	`margin-left: 20px;`
		4244
		4245	`display: inline-flex;`
		4246	`justify-content: center;`
		4247	`align-items: center;`
		4248
		4249	`position: absolute;`
		4250	`top: 10px;`
		4251	`right: 10px;`
		4252
		4253	`background-color: $gray-800;`
		4254	`width: 30px;`
		4255	`height: 30px;`
		4256
		4257	`border: none;`
		4258	`border-radius: $btn-border-radius;`
		4259
		4260	`font-size: $font-size-md;`
		4261	`color: $gray-100;`
		4262	`text-align: center;`
		4263
		4264	`cursor: pointer;`
		4265
		4266	`transition: $transition-base;`
		4267
		4268	`.theme-dark & {`
		4269	`background-color: $dm-gray-200;`
		4270	`color: $dm-body-color-secondary;`
		4271	`}`
		4272
		4273	`&:hover {`
		4274	`background-color: $primary-color-300;`
		4275	`color: $primary-color-900;`
		4276	`}`
		4277
		4278	`i {`
		4279	`padding: 4px;`
		4280	`margin: 0;`
		4281	`}`
		4282	`}`
		4283
		4284	`.eupopup-button {`
		4285	`margin: 0 10px 0 0;`
		4286
		4287	`display: inline-block;`
		4288	`text-align: center;`
		4289
		4290	`vertical-align: middle;`
		4291
		4292	`border-radius: $btn-border-radius;`
		4293
		4294	`padding: 0.65rem 1.15rem;`
		4295	`font-size: .75rem;`
		4296	`font-weight: $btn-font-weight;`
		4297	`line-height: 180%;`
		4298
		4299	`background-color: $gray-800;`
		4300
		4301	`.theme-dark & {`
		4302	`background-color: $dm-gray-300;`
		4303	`color: $dm-body-color-secondary;`
		4304	`}`
		4305
		4306	`&:hover {`
		4307	`background-color: $primary-color-300;`
		4308	`color: $primary-color-900;`
		4309	`text-decoration: none;`
		4310	`}`
		4311
		4312	`&:empty {`
		4313	`display: none;`
		4314	`}`
		4315	`}`
		4316
		4317	`.eupopup-body ul {`
		4318	`margin: 10px 0;`
		4319	`}`
		4320
		4321	`.eupopup-head:empty {`
		4322	`display: none;`
		4323	`}`
		4324	`}`
		4325
		4326
		4327	`// SCORM Package`
		4328	`#page-mod-scorm-report .scormattemptcounts {`
		4329	`margin: 1rem 0 1rem 0;`
		4330
		4331	`display: inline-flex;`
		4332	`align-items: center;`
		4333
		4334	`padding: $badge-padding-y $badge-padding-x;`
		4335	`@include font-size($badge-font-size);`
		4336	`font-weight: $badge-font-weight;`
		4337	`vertical-align: baseline;`
		4338	`border-radius: $btn-border-radius;`
		4339	`@include transition($badge-transition);`
		4340
		4341	`background-color: $primary-color-100;`
		4342	`color: $primary-color-600;`
		4343	`text-align: left;`
		4344	`}`
		4345
		4346	`//Video and audio player UI`
		4347	`.mediaplugin.mediaplugin_videojs {`
		4348	`// background-color: #000;`
		4349	`// padding: 10px;`
		4350	`min-width: 245px;`
		4351	`margin: 5px 0; //to avoid cutting the time popup`
		4352	`//border-radius: $btn-border-radius;`
		4353
		4354	`.rui-course-card-body & {`
		4355	`min-width: 100%;`
		4356	`}`
		4357	`}`
		4358
		4359	`.vjs-menu-button-popup .vjs-menu .vjs-menu-content {`
		4360	`min-width: 60px;`
		4361	`}`
		4362
		4363
		4364	`// Maitanance Template`
		4365
		4366	`// For RWD table view`
		4367	`.page-content--maintenance {`
		4368	`@include media-breakpoint-only(sm) {`
		4369	`overflow: auto;`
		4370	`}`
		4371	`}`
		4372
		4373	`.uninstallresultmessage {`
		4374	`font-size: $font-size-sm;`
		4375	`color: $body-color-secondary;`
		4376
		4377	`.theme-dark & {`
		4378	`color: $dm-body-color-secondary;`
		4379	`}`
		4380
		4381	`h2 {`
		4382	`width: max-content;`
		4383	`max-width: 100%;`
		4384
		4385	`padding-top: .5rem;`
		4386	`padding-left: 40px;`
		4387	`padding-bottom: .5rem;`
		4388	`padding-right: 1rem;`
		4389
		4390	`margin-bottom: 1rem;`
		4391
		4392	`background-color: $red-100;`
		4393	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg%3E%3Cg data-name='trash'%3E%3Crect width='24' height='24' opacity='0'/%3E%3Cpath fill='#{url-friendly-colour($body-color)}' d='M21 6h-5V4.33A2.42 2.42 0 0 0 13.5 2h-3A2.42 2.42 0 0 0 8 4.33V6H3a1 1 0 0 0 0 2h1v11a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3V8h1a1 1 0 0 0 0-2zM10 4.33c0-.16.21-.33.5-.33h3c.29 0 .5.17.5.33V6h-4zM18 19a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V8h12z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
		4394	`background-size: 20px;`
		4395	`background-position: top 50% left 13px;`
		4396	`background-repeat: no-repeat;`
		4397
		4398	`border-radius: $btn-border-radius;`
		4399
		4400	`position: relative;`
		4401
		4402	`font-family: $font-family-base;`
		4403	`font-weight: $font-weight-medium;`
		4404	`font-size: $font-size-md;`
		4405	`color: $body-color;`
		4406	`}`
		4407	`}`
		4408
		4409	`.uninstalldelete {`
		4410	`em {`
		4411	`padding: .15rem .45rem;`
		4412	`background-color: $red-100;`
		4413
		4414	`border-radius: $btn-border-radius;`
		4415
		4416	`font-style: normal;`
		4417	`font-weight: $font-weight-bold;`
		4418	`color: $red-800;`
		4419
		4420
		4421	`.theme-dark & {`
		4422	`background-color: $red-800;`
		4423	`color: $red-200;`
		4424	`}`
		4425
		4426	`&:empty {`
		4427	`display: none;`
		4428	`}`
		4429	`}`
		4430	`}`
		4431
		4432
		4433	`//---- Video UI.`
		4434	`.video-js:hover .vjs-big-play-button,`
		4435	`.video-js .vjs-big-play-button:focus {`
		4436	`background-color: rgba(0, 0, 0, 0.7);`
		4437	`}`
		4438
		4439	`.video-js {`
		4440	`border-radius: $border-radius;`
		4441	`overflow: hidden;`
		4442	`}`
		4443	`.video-js .vjs-big-play-button {`
		4444	`margin: 0;`
		4445	`width: 60px;`
		4446	`height: 60px;`
		4447	`border-radius: 90px;`
		4448
		4449	`top: calc(50% - 30px);`
		4450	`left: calc(50% - 30px);`
		4451	`border: none;`
		4452	`background-color: rgba(0, 0, 0, 0.7);`
		4453
		4454	`transition: background-color 350ms ease;`
		4455
		4456	`@include media-breakpoint-between(xs, sm) {`
		4457	`width: 40px;`
		4458	`height: 40px;`
		4459	`border-radius: $btn-border-radius-lg;`
		4460
		4461	`top: calc(50% - 20px);`
		4462	`left: calc(50% - 20px);`
		4463	`}`
		4464
		4465	`&:hover {`
		4466	`background-color: $primary-color-600;`
		4467	`}`
		4468	`}`
		4469
		4470	`.vjs-icon-play:before,`
		4471	`.video-js .vjs-big-play-button .vjs-icon-placeholder:before {`
		4472	`position: absolute;`
		4473	`top: calc(50% - 22px);`
		4474	`border: 0 !important;`
		4475	`}`
		4476
		4477	`//---- Page Header Modification for selected activity modules`
		4478	`//---- Special Heading UI Style`
		4479	`.userprofile .page-context-header,`
		4480	`.page-content-header--img {`
		4481	`display: flex;`
		4482	`align-items: center;`
		4483
		4484	`.page-header-image {`
		4485
		4486	`.userinitials,`
		4487	`.userpicture {`
		4488	`margin-right: .5rem;`
		4489	`}`
		4490
		4491	`.activityiconcontainer {`
		4492	`display: none;`
		4493	`// border-radius: $btn-border-radius;`
		4494	`// width: 47px;`
		4495	`// height: 47px;`
		4496	`}`
		4497	`}`
		4498
		4499	`.userinitials {`
		4500	`margin-right: 1rem !important;`
		4501	`}`
		4502
		4503	`.rui-title-container {`
		4504	`margin-bottom: 0 !important;`
		4505	`}`
		4506
		4507	`.rui-page-title {`
		4508	`margin-bottom: 0;`
		4509
		4510	`border-radius: $btn-border-radius;`
		4511	`font-family: $font-family-base;`
		4512	`font-weight: $font-weight-medium;`
		4513	`font-size: $font-size-base;`
		4514	`line-height: 1.5;`
		4515	`color: $body-color;`
		4516
		4517	`// @include media-breakpoint-up(md) {`
		4518	`// padding: 10px;`
		4519	`// }`
		4520
		4521	`// @include media-breakpoint-between(xs,sm) {`
		4522	`// padding: 10px 0 0;`
		4523	`// }`
		4524
		4525	`.theme-dark & {`
		4526	`color: $dm-body-color;`
		4527	`}`
		4528
		4529	`&:empty {`
		4530	`display: none;`
		4531	`}`
		4532
		4533	`a {`
		4534	`color: $gray-600;`
		4535
		4536	`.theme-dark & {`
		4537	`color: $dm-gray-600;`
		4538	`}`
		4539	`}`
		4540	`}`
		4541	`}`
		4542
		4543	`// Remove Icon before main title`
		4544	`.page-header-image {`
		4545	`.activityiconcontainer {`
		4546	`display: none;`
		4547	`margin: 0;`
		4548
		4549	`table & {`
		4550	`display: flex;`
		4551	`margin-right: 12px;`
		4552	`}`
		4553	`}`
		4554
		4555	`.userpicture {`
		4556	`margin-right: .5rem;`
		4557	`}`
		4558	`}`
		4559
		4560	`#page-header {`
		4561
		4562	`.rui-page-title,`
		4563	`.rui-main-content-title {`
		4564	`background-color: $headings-gradient-color-2;`
		4565	`background-image: linear-gradient(135deg, $headings-gradient-color-2 0%, $headings-gradient-color-1 55%);`
		4566	`background-clip: text;`
		4567	`-webkit-background-clip: text;`
		4568	`-webkit-text-fill-color: transparent;`
		4569
		4570	`.theme-dark & {`
		4571	`background-color: $dm-headings-gradient-color-2;`
		4572	`background-image: linear-gradient(135deg, $dm-headings-gradient-color-2 0%, $dm-headings-gradient-color-1 55%);`
		4573	`}`
		4574	`}`
		4575
		4576	`}`
		4577
		4578	`.rui-main-content-title {`
		4579	`width: 100%;`
		4580	`margin: 0;`
		4581	`display: inline-flex;`
		4582	`align-items: center;`
		4583	`word-break: break-word;`
		4584
		4585	`&+#adminsettings,`
		4586	`&+p,`
		4587	`&+div,`
		4588	`&+.singlebutton {`
		4589	`margin-top: 1rem;`
		4590	`}`
		4591
		4592	`.activatebadge {`
		4593	`margin-right: .5rem;`
		4594	`}`
		4595
		4596	`.iconlarge {`
		4597	`padding: 10px;`
		4598	`box-sizing: border-box;`
		4599	`}`
		4600
		4601	`+.mform,`
		4602	`+form {`
		4603	`margin-top: $page-padding-global;`
		4604	`}`
		4605
		4606	`.icon.iconlarge {`
		4607	`display: none;`
		4608	`}`
		4609	`}`
		4610
		4611	`.rui-main-content-title--h1 {`
		4612	`font-size: 3rem;`
		4613
		4614	`@include media-breakpoint-between(xs, sm) {`
		4615	`font-size: 2rem;`
		4616	`}`
		4617	`}`
		4618
		4619	`.rui-main-content-title--h2 {`
		4620	`font-size: 2.5rem;`
		4621
		4622	`@include media-breakpoint-between(xs, sm) {`
		4623	`font-size: 1.5rem;`
		4624	`}`
		4625	`}`
		4626
		4627	`.rui-main-content-title--h3 {`
		4628	`font-size: 1.5rem;`
		4629	`font-weight: $font-weight-medium;`
		4630
		4631	`@include media-breakpoint-between(xs, sm) {`
		4632	`font-size: 1.25rem;`
		4633	`}`
		4634	`}`
		4635
		4636	`.rui-main-content-title--h4 {`
		4637	`font-size: 1.25rem;`
		4638
		4639	`@include media-breakpoint-between(xs, sm) {`
		4640	`font-size: 1rem;`
		4641	`}`
		4642	`}`
		4643
		4644
		4645	`#page-mod-forum-user .page-header-content,`
		4646	`#page-grade-report-overview-index .page-header-content {`
		4647	`display: block;`
		4648	`}`
		4649
		4650	`.wiki_right {`
		4651	`margin-top: $page-padding-global;`
		4652	`}`
		4653
		4654	`#frontpage-category-names,`
		4655	`#frontpage-category-combo {`
		4656	`margin: 30px auto 0;`
		4657	`max-width: $wrapper-md !important;`
		4658
		4659	`@include media-breakpoint-between(xs, md) {`
		4660	`width: 100%;`
		4661	`}`
		4662
		4663
		4664	`.collapsible-actions .aabtn {`
		4665
		4666	`@include media-breakpoint-between(xs, sm) {`
		4667	`width: 100%;`
		4668	`}`
		4669
		4670	`@include media-breakpoint-up(md) {`
		4671	`position: absolute;`
		4672	`top: -50px;`
		4673	`right: 0;`
		4674	`}`
		4675
		4676	`}`
		4677
		4678	`}`
		4679
		4680
		4681	`// Moodle 4.x.`
		4682	`$scrollbar-thumb: $primary;`
		4683	`$scrollbar-track: lighten($primary, 40%);`
		4684
		4685	`// simple scrollbars`
		4686	`.visual-scroll-x {`
		4687	`scrollbar-width: thin;`
		4688	`scrollbar-color: $scrollbar-thumb $scrollbar-track;`
		4689	`-ms-overflow-style: -ms-autohiding-scrollbar;`
		4690
		4691	`&::-webkit-scrollbar {`
		4692	`height: 8px; // for horizontal scrollbars`
		4693	`-webkit-appearance: none;`
		4694	`appearance: none;`
		4695	`}`
		4696
		4697	`&::-webkit-scrollbar-thumb {`
		4698	`background-color: $scrollbar-thumb;`
		4699	`border-right: $border-width solid $white;`
		4700	`}`
		4701
		4702	`&::-webkit-scrollbar-track {`
		4703	`background-color: $scrollbar-track;`
		4704	`border-right: $border-width solid $white;`
		4705	`}`
		4706	`}`
		4707
		4708	`// Generic dropzones and dragging styles.`
		4709
		4710	`body.dragging {`
		4711
		4712	`.drop-zone {`
		4713	`border: 1px dashed $dropzone-border;`
		4714	`}`
		4715
		4716	`.drop-up {`
		4717	`border-top: 1px solid $dropzone-border;`
		4718	`border-top-left-radius: 0;`
		4719	`border-top-right-radius: 0;`
		4720	`}`
		4721
		4722	`.drop-down {`
		4723	`border-bottom: 1px solid $dropzone-border;`
		4724	`border-bottom-left-radius: 0;`
		4725	`border-bottom-right-radius: 0;`
		4726	`}`
		4727
		4728	`.dragging {`
		4729	`opacity: .6;`
		4730	`}`
		4731	`}`
		4732
		4733	`.dragicon {`
		4734	`visibility: hidden;`
		4735	`}`
		4736
		4737	`.draggable:hover .dragicon {`
		4738	`visibility: visible;`
		4739	`cursor: move;`
		4740	`}`
		4741
		4742	`// Generic classes reactive components can use.`
		4743
		4744	`.waitstate {`
		4745	`display: none;`
		4746	`}`
		4747
		4748	`.stateready {`
		4749	`.waitstate {`
		4750	`display: inherit;`
		4751	`}`
		4752
		4753	`.whilenostate {`
		4754	`display: none;`
		4755	`}`
		4756	`}`
		4757
		4758	`// Collapsible list.`
		4759
		4760	`.collapse-list {`
		4761	`.collapse-list-item {`
		4762	`margin-bottom: .25rem;`
		4763	`border: 1px solid $border-color;`
		4764	`font-size: $font-size-md;`
		4765	`font-weight: $font-weight-medium;`
		4766	`color: $body-color;`
		4767	`padding: $collapse-list-item-padding-y $collapse-list-item-padding-x;`
		4768	`border-radius: $btn-border-radius;`
		4769
		4770	`@include hover-focus() {`
		4771	`background-color: $collapse-list-item-hover-bg;`
		4772	`border-color: $collapse-list-item-hover-border;`
		4773
		4774	`.theme-dark & {`
		4775	`color: $dm-body-color;`
		4776	`border-color: $dm-border-color;`
		4777	`background-color: $dm-gray-200;`
		4778	`}`
		4779	`}`
		4780
		4781	`.theme-dark & {`
		4782	`color: $dm-body-color;`
		4783	`border-color: $dm-border-color;`
		4784	`}`
		4785
		4786	`&.disabled {`
		4787	`opacity: .7;`
		4788	`}`
		4789
		4790	`a {`
		4791	`color: $body-color;`
		4792
		4793	`.theme-dark & {`
		4794	`color: $dm-body-color;`
		4795	`}`
		4796	`}`
		4797	`}`
		4798
		4799	`.collapse-list-link a {`
		4800	`display: block;`
		4801	`width: 100%;`
		4802	`}`
		4803
		4804	`.unlist {`
		4805	`a {`
		4806	`display: block;`
		4807	`width: 100%;`
		4808	`font-size: $font-size-xs;`
		4809	`}`
		4810	`}`
		4811
		4812	`.collapse-list-item-content {`
		4813	`ul {`
		4814	`margin: 0 0 0 30px;`
		4815	`}`
		4816	`}`
		4817	`}`
		4818
		4819	`.drawers {`
		4820	`.block_myoverview {`
		4821	`border: 0;`
		4822
		4823	`&>.card-body {`
		4824	`padding-top: 0 !important;`
		4825	`/* stylelint-disable-line declaration-no-important */`
		4826	`padding-left: 0 !important;`
		4827	`/* stylelint-disable-line declaration-no-important */`
		4828	`padding-right: 0 !important;`
		4829	`/* stylelint-disable-line declaration-no-important */`
		4830	`}`
		4831	`}`
		4832	`}`
		4833
		4834	`.backup_log_contents,`
		4835	`.debuggingmessage,`
		4836	`.plugin-install-console {`
		4837	`margin-bottom: 30px;`
		4838	`padding: 2rem;`
		4839	`border-radius: $btn-border-radius;`
		4840
		4841	`font-size: $font-size-xs;`
		4842	`font-family: $font-family-monospace;`
		4843
		4844	`background-color: $black;`
		4845	`color: $white;`
		4846
		4847	`ul,`
		4848	`ol {`
		4849	`margin-bottom: 0;`
		4850	`}`
		4851	`}`
		4852
		4853	`.rui-debug:not(:empty) {`
		4854	`padding: 20px;`
		4855	`border-radius: $btn-border-radius;`
		4856
		4857	`font-size: $font-size-xs;`
		4858	`font-family: $font-family-monospace;`
		4859	`text-align: left;`
		4860
		4861	`background-color: $black;`
		4862	`color: $white;`
		4863
		4864	`.loading-icon {`
		4865	`display: none;`
		4866	`}`
		4867
		4868	`.performanceinfo {`
		4869	`margin-bottom: 20px;`
		4870	`}`
		4871
		4872	`ul,`
		4873	`ol {`
		4874	`margin-right: 20px;`
		4875	`padding-left: 0;`
		4876	`margin-bottom: 0;`
		4877
		4878	`li {`
		4879	`padding: 0;`
		4880	`}`
		4881	`}`
		4882
		4883	`h1,`
		4884	`h2,`
		4885	`h3,`
		4886	`h4,`
		4887	`h5,`
		4888	`h6,`
		4889	`p,`
		4890	`a {`
		4891	`color: $white;`
		4892	`}`
		4893
		4894	`a {`
		4895	`&::after {`
		4896	`background-color: $white;`
		4897	`}`
		4898	`}`
		4899
		4900	`a:hover {`
		4901	`color: $white;`
		4902	`}`
		4903
		4904	`div {`
		4905	`width: 100%;`
		4906	`gap: 10px;`
		4907	`flex-wrap: wrap;`
		4908	`}`
		4909
		4910	`.card {`
		4911	`background-color: transparent;`
		4912	`color: $gray-200;`
		4913	`border-color: $gray-700;`
		4914	`}`
		4915
		4916	`.btn {`
		4917	`padding: 7px 16px;`
		4918	`font-size: 12px;`
		4919	`}`
		4920
		4921	`span button {`
		4922	`padding: 7px 16px;`
		4923	`font-size: 12px;`
		4924	`background-color: $gray-800;`
		4925	`color: $gray-200;`
		4926	`border-radius: $btn-border-radius;`
		4927	`border: 0;`
		4928	`}`
		4929
		4930	`.btn-secondary {`
		4931	`background-color: $gray-800;`
		4932	`color: $gray-200;`
		4933
		4934	`&:hover {`
		4935	`color: $gray-200;`
		4936	`background-color: $gray-700;`
		4937	`}`
		4938	`}`
		4939
		4940	`.table-responsive:first-of-type {`
		4941	`margin-top: 30px;`
		4942	`}`
		4943
		4944	`textarea {`
		4945	`margin-top: 10px;`
		4946	`color: $gray-200;`
		4947	`background-color: $gray-900;`
		4948	`border-radius: $btn-border-radius;`
		4949	`}`
		4950
		4951	`.table {`
		4952	`width: 100% !important;`
		4953
		4954	`background-color: transparent;`
		4955	`color: $white;`
		4956
		4957	`tr:hover {`
		4958	`background-color: $gray-800;`
		4959	`}`
		4960
		4961	`td {`
		4962	`font-size: 11px;`
		4963	`color: $gray-300;`
		4964	`border-width: 0 0 1px 0;`
		4965	`border-color: $gray-700;`
		4966	`}`
		4967
		4968	`th {`
		4969	`color: $gray-500;`
		4970	`border: 0;`
		4971	`}`
		4972	`}`
		4973	`}`
		4974
		4975	`div[data-flexitour="step-background-fader"],`
		4976	`div[data-flexitour="step-background"] {`
		4977	`background-color: transparent !important;`
		4978	`}`
		4979
		4980	`// Moodle 4.1`
		4981	`.select-menu {`
		4982	`li:first-child {`
		4983	`ul[role="group"] {`
		4984	`padding: 0;`
		4985	`}`
		4986	`}`
		4987
		4988	`ul[role="group"] {`
		4989	`padding: 0.3rem 0 0 0;`
		4990	`margin: 0;`
		4991
		4992	`li:first-child {`
		4993	`cursor: default;`
		4994	`color: $dropdown-color;`
		4995	`text-transform: uppercase;`
		4996	`font-size: $font-size-xs;`
		4997	`font-weight: $font-weight-medium;`
		4998	`padding: .4rem .75rem;`
		4999	`display: block;`
		5000	`opacity: .7;`
		5001	`}`
		5002	`}`
		5003
		5004	`.dropdown-item {`
		5005	`cursor: pointer;`
		5006
		5007	`&[aria-selected="true"] {`
		5008	`font-weight: $font-weight-bold;`
		5009	`}`
		5010	`}`
		5011
		5012	`.btn {`
		5013	`box-shadow: $box-shadow-sm;`
		5014	`background-color: $container-bg;`
		5015	`border: 1px solid $border-color;`
		5016	`padding: 6px 15px !important;`
		5017
		5018	`.theme-dark & {`
		5019	`background-color: $dm-container-bg;`
		5020	`border-color: $dm-border-color;`
		5021	`}`
		5022	`}`
		5023
		5024	`}`
		5025
		5026	`.initialbargroups ul {`
		5027	`-webkit-margin-start: 0;`
		5028	`/* stylelint-disable-line */`
		5029	`margin-right: -1px;`
		5030	`}`
		5031
		5032	`.page-item {`
		5033	`&:first-child {`
		5034	`.page-link {`
		5035	`.initialbargroups & {`
		5036	`@include border-left-radius(0);`
		5037	`@include border-right-radius(0);`
		5038	`}`
		5039
		5040	`.initialbargroups .pagination-lg:first-child & {`
		5041	`@include border-left-radius($pagination-border-radius-lg);`
		5042	`}`
		5043
		5044	`.initialbargroups .pagination-sm:first-child & {`
		5045	`@include border-left-radius($pagination-border-radius-sm);`
		5046	`}`
		5047	`}`
		5048	`}`
		5049
		5050	`&:last-child {`
		5051	`.page-link {`
		5052	`.initialbargroups & {`
		5053	`@include border-left-radius(0);`
		5054	`@include border-right-radius(0);`
		5055	`}`
		5056
		5057	`.initialbargroups .pagination-lg:last-child & {`
		5058	`@include border-right-radius($pagination-border-radius-lg);`
		5059	`}`
		5060
		5061	`.initialbargroups .pagination-sm:last-child & {`
		5062	`@include border-right-radius($pagination-border-radius-sm);`
		5063	`}`
		5064	`}`
		5065	`}`
		5066	`}`
		5067
		5068	`// Enrolment`
		5069	`.core_payment_fee_breakdown {`
		5070	`margin: 0 54px;`
		5071	`font-size: 1.5rem;`
		5072	`font-weight: $font-weight-medium;`
		5073	`}`
		5074
		5075	`.rui-tooltip {`
		5076	`position: relative;`
		5077
		5078	`&:hover:after {`
		5079	`background-color: rgba(0, 0, 0, .8);`
		5080	`border-radius: $btn-border-radius;`
		5081	`bottom: 40px;`
		5082	`color: $white;`
		5083	`content: attr(data-title);`
		5084	`left: 0;`
		5085	`padding: 5px 15px;`
		5086	`font-size: $font-size-xs;`
		5087
		5088	`position: absolute;`
		5089	`z-index: $zindex-fixed;`
		5090	`width: max-content;`
		5091	`max-width: 200px;`
		5092	`}`
		5093
		5094	`&:hover:before {`
		5095	`border: solid;`
		5096	`border-color: rgba(0, 0, 0, .8) transparent;`
		5097	`border-width: 6px 6px 0 6px;`
		5098	`bottom: 34px;`
		5099	`content: "";`
		5100	`left: 12px;`
		5101	`position: absolute;`
		5102	`z-index: 99;`
		5103	`}`
		5104	`}`
		5105
		5106	`.rui-tooltip--bottom {`
		5107	`position: relative;`
		5108
		5109	`&:hover:after {`
		5110	`background-color: rgba(0, 0, 0, .9);`
		5111	`border-radius: $btn-border-radius;`
		5112	`bottom: -32px;`
		5113	`color: $white;`
		5114	`content: attr(data-title);`
		5115	`left: 0;`
		5116	`padding: 3px 8px;`
		5117	`font-size: $font-size-xs;`
		5118
		5119	`position: absolute;`
		5120	`z-index: $zindex-fixed;`
		5121	`width: max-content;`
		5122	`max-width: 200px;`
		5123	`}`
		5124
		5125	`&:hover:before {`
		5126	`border: solid;`
		5127	`border-color: rgba(0, 0, 0, .9) transparent;`
		5128	`border-width: 0 6px 6px 6px;`
		5129	`bottom: -8px;`
		5130	`content: "";`
		5131	`left: 12px;`
		5132	`position: absolute;`
		5133	`z-index: 99;`
		5134	`}`
		5135	`}`
		5136
		5137	`body.mce-content-body {`
		5138	`background-color: $body-bg;`
		5139	`}`
		5140
		5141	`body.mce-content-body.theme-dark {`
		5142	`background-color: $dm-body-bg;`
		5143	`}`
		5144
		5145	`.theme-dark .tox .tox-dialog-wrap__backdrop {`
		5146	`background-color: rgba(0, 0, 0, .75);`
		5147	`}`
		5148
		5149	`.theme-dark .tox [type="text"] {`
		5150	`color: inherit !important;`
		5151	`}`
		5152
		5153	`// Moodle 4.2 Editor`
		5154	`.jsenabled .tox-shadowhost.tox-fullscreen,`
		5155	`.jsenabled .tox.tox-tinymce.tox-fullscreen,`
		5156	`.jsenabled .tox-tinymce-aux {`
		5157	`z-index: 9999 !important;`
		5158	`}`
		5159
		5160	`.tox-tinymce {`
		5161	`min-height: 320px;`
		5162	`}`
		5163
		5164	`/* Notifications settings */`
		5165	`.processor-container {`
		5166	`input+label {`
		5167	`margin-top: 20px;`
		5168	`}`
		5169	`}`
		5170
		5171	`#lti_add_tool_type,`
		5172	`#lti_delete_tool_type,`
		5173	`#lti_edit_tool_type {`
		5174	`display: flex;`
		5175	`padding: 5px;`
		5176	`width: 30px;`
		5177	`height: 30px;`
		5178	`background-color: $white;`
		5179	`border-radius: $btn-border-radius-lg;`
		5180	`}`
		5181
		5182	`// Loading icon`
		5183	`.lightbox img {`
		5184	`width: 30px;`
		5185
		5186	`.theme-dark & {`
		5187	`filter: invert(1);`
		5188	`}`
		5189	`}`
		5190
		5191	`/* Prevent long strings exceeding page width */`
		5192	`.page-header-headings,`
		5193	`.coursename,`
		5194	`.categoryname,`
		5195	`.breadcrumb-item {`
		5196
		5197	`&:not(.text-truncate) {`
		5198	`word-break: normal;`
		5199	`overflow-wrap: anywhere;`
		5200	`white-space: normal;`
		5201	`}`
		5202	`}`
		5203
		5204	`/* Showmore component */`
		5205	`.showmore-container {`
		5206	`&.collapsed {`
		5207	`.collapsed-content {`
		5208	`display: block;`
		5209	`}`
		5210
		5211	`.expanded-content {`
		5212	`display: none;`
		5213	`}`
		5214	`}`
		5215
		5216	`&:not(.collapsed) {`
		5217	`.collapsed-content {`
		5218	`display: none;`
		5219	`}`
		5220
		5221	`.expanded-content {`
		5222	`display: block;`
		5223	`align-items: center;`
		5224	`}`
		5225	`}`
		5226
		5227	`button {`
		5228	`float: right;`
		5229
		5230	`&.btn-link {`
		5231	`text-decoration: none;`
		5232	`}`
		5233
		5234	`.icon {`
		5235	`font-size: $btn-font-size-sm;`
		5236	`margin: 0;`
		5237	`}`
		5238	`}`
		5239	`}`
		5240
		5241	`/* Combobox search dropdowns */`
		5242	`.usersearchdropdown,`
		5243	`.gradesearchdropdown,`
		5244	`.groupsearchdropdown {`
		5245	`max-width: 350px;`
		5246
		5247	`.searchresultitemscontainer {`
		5248	`max-height: 170px;`
		5249	`overflow: auto;`
		5250
		5251	`/* stylelint-disable declaration-no-important */`
		5252	`img {`
		5253	`height: 48px !important;`
		5254	`width: 48px !important;`
		5255	`}`
		5256	`}`
		5257	`}`
		5258
		5259	`#showBlockArea {`
		5260	`display: none;`
		5261	`background-color: $gray-100;`
		5262	`color: $gray-800;`
		5263
		5264	`margin: 0 5px;`
		5265	`padding: 7px;`
		5266	`line-height: 1;`
		5267
		5268	`.editing & {`
		5269	`display: block;`
		5270	`}`
		5271
		5272	`&.active {`
		5273	`background-color: $primary-color-600;`
		5274	`color: $primary-color-100;`
		5275	`}`
		5276
		5277	`.theme-dark & {`
		5278	`background-color: $dm-gray-300;`
		5279	`color: $dm-gray-800;`
		5280	`}`
		5281	`}`
		5282
		5283	`.page-context-header {`
		5284	`.page-header-image {`
		5285	`margin-right: 10px;`
		5286
		5287	`.path-mod & {`
		5288	`margin-right: 0;`
		5289	`}`
		5290	`}`
		5291
		5292	`.header-button-group {`
		5293	`.btn {`
		5294	`border-radius: $btn-border-radius!important;`
		5295	`}`
		5296	`}`
		5297	`}`

Proyectos de Subversion Moodle

(root)/theme/monocolor/scss/moodle/core.scss – Rev 1