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

Proyectos de Subversion Moodle

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