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

Proyectos de Subversion Moodle

(root)/theme/universe/scss/moodle/core.scss – Rev 1441