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

Rev	Autor	Línea Nro.	Línea
1	efrain	1	`/* course.less */`
		2	`$rui-date-margin-left: 46px;`
		3	`$activity-item-background: theme-color-level('primary', -12) !default;`
		4	`$activity-item-border: theme-color-level('primary', -2) !default;`
		5	`$activity-item-color: $body-color;`
		6	`$activity-item-hover: theme-color-level('primary', -12) !default;`
		7	`$activity-add-hover: theme-color-level('primary', -10) !default;`
		8
		9
		10	`/* Cards */`
		11	`$course-card-shadow-color: $primary-color-600 !default;`
		12
		13	`.rui-course-card-img-top {`
		14	`margin: 0;`
		15
		16	`width: 100%;`
		17	`height: 200px;`
		18	`border-radius: $btn-border-radius;`
		19
		20	`background-repeat: no-repeat;`
		21	`background-size: cover;`
		22	`background-position: center;`
		23
		24	`@if variable-exists(showcolorcoursecardmask) {`
		25	`@if $showcolorcoursecardmask=='yes' {`
		26	`background-color: $course-card-shadow-color;`
		27	`background-blend-mode: luminosity;`
		28	`}`
		29	`}`
		30
		31	`}`
		32
		33	`.rui-course-card-deck {`
		34	`display: flex;`
		35	`flex-direction: column;`
		36	`align-items: stretch;`
		37
		38	`.rui-course-card {`
		39	`width: 100%;`
		40	`height: 100%;`
		41	`border-radius: $btn-border-radius;`
		42	`display: grid;`
		43	`height: max-content;`
		44	`}`
		45
		46	`#blocks-dashboardrightblock & {`
		47	`display: block;`
		48	`}`
		49
		50	`&:empty {`
		51	`display: none;`
		52	`}`
		53	`}`
		54
		55	`.rui-course-desc {`
		56	`font-size: 1.125rem; //18px`
		57
		58	`@include media-breakpoint-between(xs, sm) {`
		59	`font-size: 1rem; //16px`
		60	`}`
		61
		62	`width: 100%;`
		63
		64	`@if variable-exists(coursedescwidth) {`
		65	`max-width: $coursedescwidth;`
		66	`}`
		67	`}`
		68
		69	`.activity-description {`
		70	`width: 100%;`
		71
		72	`@if variable-exists(incoursedescwidth) {`
		73	`max-width: $incoursedescwidth;`
		74	`}`
		75	`}`
		76
		77	`.page-mycourses,`
		78	`.rui-dashboard-main,`
		79	`.rui-dashboard-bottom,`
		80	`.rui-dashboard-top {`
		81
		82	`.block-myoverview,`
		83	`.block-recentlyaccessedcourses,`
		84	`.block_starredcourses {`
		85	`.rui-course-card-deck {`
		86	`display: grid;`
		87	`flex-direction: column;`
		88	`align-items: stretch;`
		89
		90	`grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));`
		91	`gap: 36px;`
		92	`}`
		93	`}`
		94	`}`
		95
		96	`.courses,`
		97	`.rui-category-browse {`
		98	`position: relative;`
		99
		100	`.rui-course-card-deck {`
		101	`display: grid;`
		102	`flex-direction: column;`
		103	`align-items: stretch;`
		104
		105	`grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));`
		106	`gap: 36px;`
		107	`}`
		108	`}`
		109
		110	`// Main Block Column`
		111	`#block-region-dmiddleblocks {`
		112
		113	`.block-recentlyaccessedcourses,`
		114	`.block_starredcourses,`
		115	`.block-myoverview {`
		116	`.rui-course-card-deck {`
		117	`display: grid;`
		118	`flex-direction: column;`
		119	`align-items: stretch;`
		120
		121	`grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));`
		122	`gap: 36px;`
		123	`}`
		124	`}`
		125	`}`
		126
		127	`// Right or left column`
		128	`#blocks-dashboardleftblock,`
		129	`#blocks-dashboardrightblock {`
		130	`.block-myoverview {`
		131	`.paged-content-page-container {`
		132	`overflow-x: auto;`
		133	`}`
		134
		135	`.dropdown-menu {`
		136	`width: 100%;`
		137	`}`
		138
		139	`.rui-course-card-deck {`
		140	`display: grid;`
		141	`grid-auto-flow: column;`
		142	`grid-gap: 20px;`
		143
		144	`.dropdown-menu {`
		145	`width: calc(100% - 8px);`
		146	`}`
		147
		148	`.rui-course-card {`
		149	`width: 250px;`
		150	`}`
		151	`}`
		152
		153	`.dropdown,`
		154	`.btn {`
		155	`width: 100%;`
		156
		157	`span {`
		158	`@extend .text-truncate;`
		159	`max-width: 180px;`
		160	`}`
		161	`}`
		162	`}`
		163	`}`
		164
		165	`.rui-course-card {`
		166	`padding: 0;`
		167
		168	`position: relative;`
		169	`overflow: hidden;`
		170
		171	`.rui-course--list & {`
		172	`padding: 20px;`
		173	`border: 1px solid $border-color;`
		174	`border-radius: $btn-border-radius;`
		175
		176	`.theme-dark & {`
		177	`border-color: $dm-border-color;`
		178	`}`
		179	`}`
		180
		181	`.customfield {`
		182	`padding: 0;`
		183	`margin: 10px 0;`
		184	`font-size: $font-size-xs;`
		185	`color: $body-color-light;`
		186
		187	`.theme-dark & {`
		188	`color: $body-color-light;`
		189	`}`
		190
		191	`.customfieldname {`
		192	`font-weight: $font-weight-medium;`
		193	`}`
		194	`}`
		195
		196	`#blocks-dashboardleftblock &,`
		197	`#blocks-dashboardrightblock & {`
		198	`margin-bottom: 20px;`
		199
		200	`&:last-of-type {`
		201	`margin-bottom: 0;`
		202	`}`
		203	`}`
		204
		205	`.dropdown {`
		206	`position: absolute;`
		207	`top: 0;`
		208	`right: 0;`
		209	`}`
		210	`}`
		211
		212	`.rui-course-card-margin {`
		213	`margin: 0 20px 0;`
		214	`}`
		215
		216	`.rui-course-card--dimmed {`
		217	`opacity: .5;`
		218	`transition: opacity 350ms ease;`
		219
		220	`&:hover {`
		221	`opacity: 1;`
		222
		223	`img {`
		224	`filter: grayscale(0%);`
		225	`}`
		226	`}`
		227
		228	`img {`
		229	`filter: grayscale(100%);`
		230	`}`
		231	`}`
		232
		233	`.rui-course-cat-badge {`
		234	`display: grid;`
		235	`font-size: $font-size-sm;`
		236	`font-weight: $font-weight-medium;`
		237	`color: $gray-500;`
		238
		239	`.theme-dark & {`
		240	`color: $dm-body-color-light;`
		241	`}`
		242	`}`
		243
		244	`a.rui-course-cat-badge:hover {`
		245	`color: $gray-500;`
		246	`text-decoration: none;`
		247
		248	`.theme-dark & {`
		249	`color: $dm-gray-200;`
		250	`}`
		251	`}`
		252
		253	`.rui-course-hidden-badge {`
		254	`padding: 3px 7px;`
		255	`border-radius: $btn-border-radius;`
		256
		257	`background-color: $red-100;`
		258	`font-size: 11px;`
		259	`font-weight: $font-weight-medium;`
		260	`color: $red-700;`
		261	`}`
		262
		263	`.rui-customfields-container,`
		264	`.rui-card-course-contacts,`
		265	`.rui-course-card-footer-progress {`
		266	`width: 100%;`
		267	`padding: 0 20px;`
		268
		269	`align-self: flex-end;`
		270
		271	`.rui-course-listitem & {`
		272	`padding: 0 20px 10px;`
		273	`border-top: none;`
		274	`}`
		275
		276	`.rui-progress-100 & {`
		277	`border-color: $primary-color-300;`
		278	`}`
		279	`}`
		280
		281	`.rui-course-card-footer {`
		282	`width: 100%;`
		283
		284	`align-self: flex-start;`
		285
		286	`#page-enrol-index & {`
		287	`display: none;`
		288	`}`
		289	`}`
		290
		291	`.customfields-container,`
		292	`.rui-customfields-container {`
		293	`font-size: $font-size-xs;`
		294	`color: $body-color-secondary;`
		295
		296	`.customfieldname {`
		297	`font-weight: $font-weight-bold;`
		298	`}`
		299	`}`
		300
		301	`.rui-course-card-icons {`
		302	`display: none;`
		303
		304	`position: absolute;`
		305	`top: 10px;`
		306	`left: 10px;`
		307
		308	`//display: inline-flex;`
		309
		310	`//Container for SVG`
		311	`.icon {`
		312
		313	`margin-right: .35rem;`
		314	`padding: 6px;`
		315
		316	`width: 18px;`
		317	`height: 18px;`
		318	`color: $white;`
		319
		320	`background-color: rgba($black, 0.2);`
		321	`backdrop-filter: blur(10px);`
		322	`-webkit-backdrop-filter: blur(10px);`
		323
		324	`border-radius: 50%;`
		325
		326	`.theme-dark & {`
		327	`filter: invert(0);`
		328	`}`
		329
		330	`.rui-course--list & {`
		331	`background-color: $gray-500;`
		332
		333	`.theme-dark & {`
		334	`background-color: $dm-gray-100;`
		335	`}`
		336	`}`
		337	`}`
		338
		339	`//Moodle 4.0`
		340	`.text-primary:not(.hidden) {`
		341	`margin-right: .35rem;`
		342	`padding: 6px;`
		343
		344	`width: 18px;`
		345	`height: 18px;`
		346	`color: $white !important;`
		347
		348	`display: flex;`
		349	`align-content: center;`
		350	`justify-content: center;`
		351
		352	`background-color: rgba($black, 0.2);`
		353	`backdrop-filter: blur(10px);`
		354	`-webkit-backdrop-filter: blur(10px);`
		355
		356	`border-radius: 50%;`
		357	`box-sizing: content-box;`
		358
		359	`.theme-dark & {`
		360	`filter: invert(0);`
		361	`}`
		362	`}`
		363
		364	`.icon:not(.hidden) {`
		365	`display: inline-grid;`
		366	`}`
		367
		368	`.rui-course-card--noimg & {`
		369	`margin: 10px 20px 0;`
		370	`position: relative;`
		371	`top: 0;`
		372	`left: 0;`
		373
		374	`@include media-breakpoint-down(sm) {`
		375	`margin-left: 0;`
		376	`}`
		377
		378	`&:empty {`
		379	`display: none;`
		380	`}`
		381	`}`
		382	`}`
		383
		384	`.rui-course-card-icons--right {`
		385	`position: absolute;`
		386	`top: 10px;`
		387	`right: 10px;`
		388
		389	`display: inline-flex;`
		390	`font-size: 11px;`
		391
		392	`.rui-course-list & {`
		393	`position: relative;`
		394	`top: 0;`
		395	`right: 0;`
		396	`}`
		397
		398	`.rui-icon-container {`
		399	`color: $white;`
		400	`font-weight: $font-weight-bold;`
		401	`text-transform: uppercase;`
		402
		403	`margin-left: .35rem;`
		404	`padding: 6px;`
		405
		406	`display: flex;`
		407	`align-items: center;`
		408	`justify-content: center;`
		409
		410	`width: 30px;`
		411	`height: 30px;`
		412	`color: $white;`
		413
		414	`background-color: rgba($black, 0.2);`
		415	`backdrop-filter: blur(10px);`
		416	`-webkit-backdrop-filter: blur(10px);`
		417
		418	`border-radius: 50%;`
		419
		420	`.theme-dark & {`
		421	`filter: invert(0);`
		422	`}`
		423
		424	`.rui-course--list & {`
		425	`background-color: $gray-500;`
		426
		427	`.theme-dark & {`
		428	`background-color: $dm-gray-100;`
		429	`}`
		430	`}`
		431	`}`
		432	`}`
		433
		434	`.rui-coursemenu-btn {`
		435	`position: absolute;`
		436	`top: 10px;`
		437	`right: 10px;`
		438	`z-index: 3;`
		439
		440	`width: 30px;`
		441	`height: 30px;`
		442	`display: inline-grid;`
		443	`align-content: center;`
		444	`justify-content: center;`
		445
		446	`background-color: rgba($black, 0.2);`
		447	`backdrop-filter: blur(10px);`
		448	`border: none;`
		449
		450	`color: $white;`
		451
		452	`border-radius: $btn-border-radius;`
		453
		454	`.rui-course-listitem & {`
		455	`top: 5px;`
		456	`right: 0;`
		457	`}`
		458
		459	`.rui-course-list-body & {`
		460	`top: 0;`
		461	`right: 0;`
		462	`}`
		463
		464	`}`
		465
		466	`.rui-course-listitem {`
		467	`margin: 0 0 5px;`
		468	`border: 1px solid $border-color !important;`
		469	`border-radius: $btn-border-radius;`
		470
		471	`.theme-dark & {`
		472	`border-color: $dm-border-color !important;`
		473	`}`
		474
		475	`.rui-course-card-title .icon {`
		476	`margin-right: .35rem;`
		477	`}`
		478
		479	`.rui-course-card-title a {`
		480	`max-width: calc(100% - 100px);`
		481	`min-width: 100%;`
		482	`}`
		483	`}`
		484
		485	`.rui-course-listitem-img {`
		486	`margin-bottom: 35px;`
		487	`width: 200px;`
		488	`height: 100%;`
		489	`min-height: 100px;`
		490	`border-radius: $btn-border-radius;`
		491	`overflow: hidden;`
		492	`position: relative;`
		493
		494	`background-size: cover;`
		495	`background-position: center;`
		496
		497	`@if variable-exists(showcolorcoursecardmask) {`
		498	`@if $showcolorcoursecardmask=='yes' {`
		499	`background-color: $course-card-shadow-color;`
		500	`background-blend-mode: luminosity;`
		501	`}`
		502	`}`
		503
		504	`@include media-breakpoint-between(xs, sm) {`
		505	`display: none;`
		506	`}`
		507
		508	`}`
		509
		510	`.rui-card-course-contacts {`
		511	`position: absolute;`
		512	`top: 185px;`
		513
		514	`padding-right: 15px;`
		515	`display: inline-flex;`
		516	`flex-wrap: wrap;`
		517
		518	`.rui-course-card--noimg & {`
		519	`top: 0;`
		520	`margin: 20px 0 10px;`
		521	`}`
		522
		523	`.rui-card-contact {`
		524	`margin-right: .35rem;`
		525	`}`
		526
		527	`.rui-card-avatar {`
		528	`width: 30px;`
		529	`height: 30px;`
		530	`border-radius: $btn-border-radius-lg;`
		531	`}`
		532	`}`
		533
		534	`.rui-course-card-link {`
		535	`padding: 10px 20px;`
		536
		537	`width: 100%;`
		538	`display: flex;`
		539	`justify-content: flex-start;`
		540	`align-content: center;`
		541
		542	`color: $body-color;`
		543
		544	`.theme-dark & {`
		545	`color: $dm-body-color;`
		546	`}`
		547
		548	`&:hover {`
		549	`text-decoration: none;`
		550	`color: $link-color;`
		551
		552	`.theme-dark & {`
		553	`color: $dm-link-color;`
		554	`}`
		555	`}`
		556
		557	`.rui-course-card-link-text {`
		558	`margin-right: .35rem;`
		559	`display: inline-flex;`
		560	`align-items: center;`
		561
		562	`font-weight: $font-weight-medium;`
		563	`font-size: $font-size-xs;`
		564	`}`
		565	`}`
		566
		567	`.rui-course-list-title {`
		568	`font-size: $font-size-base;`
		569	`font-weight: $font-weight-medium;`
		570
		571	`a {`
		572	`color: $body-color;`
		573
		574	`.theme-dark & {`
		575	`color: $dm-body-color;`
		576	`}`
		577
		578	`&:hover {`
		579	`color: $link-color;`
		580
		581	`.theme-dark & {`
		582	`color: $dm-link-color;`
		583	`}`
		584	`}`
		585	`}`
		586	`}`
		587
		588	`.rui-course-card-title {`
		589	`font-size: $font-size-base;`
		590	`font-weight: $font-weight-medium;`
		591	`margin-bottom: 0;`
		592
		593	`a {`
		594	`color: $body-color;`
		595
		596	`.theme-dark & {`
		597	`color: $dm-body-color;`
		598	`}`
		599
		600	`&:hover {`
		601	`color: $link-color;`
		602
		603	`.theme-dark & {`
		604	`color: $dm-link-color;`
		605	`}`
		606	`}`
		607	`}`
		608	`}`
		609
		610	`.rui-course-card-text {`
		611	`margin-top: .35rem;`
		612	`max-height: $max-course-card-text-height;`
		613	`overflow-y: auto;`
		614
		615	`font-size: $font-size-md;`
		616	`color: $body-color-secondary;`
		617
		618	`.rui-course-card--noimg & {`
		619	`max-height: $max-course-card-text-height + 200px;`
		620	`}`
		621
		622	`h1 {`
		623	`font-size: 15px;`
		624	`}`
		625
		626	`h2 {`
		627	`font-size: 14px;`
		628	`}`
		629
		630	`h3 {`
		631	`font-size: 13px;`
		632	`}`
		633
		634	`h4 {`
		635	`font-size: 12px;`
		636	`}`
		637
		638	`.theme-dark & {`
		639	`color: $dm-body-color-secondary;`
		640	`}`
		641	`}`
		642
		643	`.rui-course-list-body {`
		644	`padding: 10px;`
		645
		646	`//Container for SVG`
		647	`.icon {`
		648	`margin-right: .35rem;`
		649	`padding: 6px;`
		650
		651	`width: 18px;`
		652	`height: 18px;`
		653	`color: $white;`
		654
		655	`background-color: rgba($black, 0.2);`
		656	`backdrop-filter: blur(10px);`
		657	`-webkit-backdrop-filter: blur(10px);`
		658
		659	`border-radius: 50%;`
		660
		661	`.theme-dark & {`
		662	`filter: invert(0);`
		663	`}`
		664	`}`
		665
		666	`//Moodle 4.0`
		667	`.text-primary:not(.hidden) {`
		668	`position: absolute;`
		669	`z-index: 2;`
		670	`top: 20px;`
		671	`left: 20px;`
		672
		673	`margin-right: .35rem;`
		674	`padding: 6px;`
		675
		676	`width: 18px;`
		677	`height: 18px;`
		678	`color: $white !important;`
		679
		680	`display: flex;`
		681	`align-content: center;`
		682	`justify-content: center;`
		683
		684	`background-color: rgba($black, 0.2);`
		685	`backdrop-filter: blur(10px);`
		686	`-webkit-backdrop-filter: blur(10px);`
		687
		688	`border-radius: 50%;`
		689	`box-sizing: content-box;`
		690
		691	`@include media-breakpoint-between(xs, sm) {`
		692	`top: 3px;`
		693	`left: 3px;`
		694	`width: 14px;`
		695	`height: 14px;`
		696	`}`
		697
		698	`.theme-dark & {`
		699	`filter: invert(0);`
		700	`}`
		701	`}`
		702
		703	`.icon:not(.hidden) {`
		704	`display: inline-grid;`
		705	`}`
		706
		707	`}`
		708
		709
		710	`/* COURSE CONTENT */`
		711	`.rui-category-label .icon {`
		712	`.theme-dark & {`
		713	`filter: invert(1);`
		714	`}`
		715	`}`
		716
		717	`.section_add_menus {`
		718	`text-align: right;`
		719	`clear: both;`
		720	`}`
		721
		722	`.section-modchooser {`
		723	`clear: both;`
		724	`}`
		725
		726	`.section_add_menus .horizontal div,`
		727	`.section_add_menus .horizontal form {`
		728	`display: inline;`
		729	`}`
		730
		731	`.section_add_menus optgroup {`
		732	`font-weight: normal;`
		733	`font-style: italic;`
		734	`}`
		735
		736	`/rtl:ignore/`
		737	`.section_add_menus .urlselect {`
		738	`text-align: left;`
		739	`margin-left: .4em;`
		740	`}`
		741
		742	`/rtl:ignore/`
		743	`.section_add_menus .urlselect select {`
		744	`margin-left: .2em;`
		745	`}`
		746
		747	`.sitetopic ul.section {`
		748	`margin: 0;`
		749	`}`
		750
		751	`body:not(.editing) .sitetopic ul.section {`
		752	`padding-left: 0;`
		753
		754	`.label .mod-indent-outer {`
		755	`padding-left: 0;`
		756	`}`
		757	`}`
		758
		759	`.section {`
		760	`.side {`
		761	`&.left {`
		762	`float: left;`
		763	`}`
		764
		765	`&.right {`
		766	`float: right;`
		767	`clear: right;`
		768	`}`
		769	`}`
		770
		771	`.spinner {`
		772	`height: 30px;`
		773	`width: 30px;`
		774	`}`
		775
		776	`.activity {`
		777
		778	`.contentwithoutlink,`
		779	`.activityinstance {`
		780	`min-width: 40%;`
		781	`display: table-cell;`
		782	`padding-right: 0;`
		783	`min-height: 2em;`
		784
		785	`>a {`
		786	`display: inline-block;`
		787	`text-indent: 0;`
		788	`padding-left: 0;`
		789
		790	`font-weight: $font-weight-bold;`
		791	`color: $body-color;`
		792	`}`
		793
		794	`.dimmed {`
		795	`.activityicon {`
		796	`opacity: .7;`
		797	`}`
		798	`}`
		799	`}`
		800
		801	`.stealth {`
		802	`color: $text-muted;`
		803	`}`
		804
		805	`a.stealth,`
		806	`a.stealth:hover {`
		807	`color: $link-color !important;`
		808	`/* stylelint-disable-line declaration-no-important */`
		809	`}`
		810
		811	`&.indented {`
		812	`.activity-item {`
		813	`margin-left: 3rem;`
		814	`}`
		815	`}`
		816
		817	`&.indented+.indented {`
		818	`.activity-item {`
		819	`border-color: rgba($border-color, .6);`
		820
		821	`.theme-dark & {`
		822	`border-color: rgba($dm-border-color, .6);`
		823	`}`
		824	`}`
		825	`}`
		826	`}`
		827
		828	`.label {`
		829
		830	`.contentwithoutlink,`
		831	`.activityinstance {`
		832	`display: block;`
		833	`height: inherit;`
		834	`}`
		835
		836	`@include media-breakpoint-up(sm) {`
		837	`.mod-indent-outer {`
		838	`display: block;`
		839	`}`
		840	`}`
		841	`}`
		842
		843	`/*.filler {`
		844	`// This must be sized like an icon to fill the space.`
		845	`width: 16px;`
		846	`height: 16px;`
		847	`padding: 0;`
		848	`margin: 0 ($spacer * 0.5);`
		849	`display: inline-block;`
		850	`}*/`
		851
		852	`.activity.editor_displayed {`
		853
		854	`a.editing_title,`
		855	`.moodle-actionmenu {`
		856	`display: none;`
		857	`}`
		858
		859	`div.activityinstance {`
		860	`padding-right: initial;`
		861
		862	`input {`
		863	`margin-bottom: initial;`
		864	`padding-top: initial;`
		865	`padding-bottom: initial;`
		866	`vertical-align: text-bottom;`
		867	`}`
		868	`}`
		869	`}`
		870	`}`
		871
		872	`.activity img.activityicon {`
		873	`.theme-dark & {`
		874	`filter: invert(1);`
		875	`}`
		876	`}`
		877
		878	`.section .activity .activityinstance,`
		879	`.section .activity .activityinstance div {`
		880	`display: inline-block;`
		881	`}`
		882
		883	`.activityinstance {`
		884	`font-size: $font-size-base;`
		885	`}`
		886
		887	`.editing_show+.editing_assign,`
		888	`.editing_hide+.editing_assign {`
		889	`// if roles icon missing, add space`
		890	`margin-left: 20px;`
		891	`}`
		892
		893	`.section .activity .commands {`
		894	`white-space: nowrap;`
		895	`display: inline-block;`
		896
		897	`.menubar {`
		898	`flex-wrap: wrap;`
		899	`}`
		900	`}`
		901
		902	`.section .activity.modtype_label.label {`
		903	`padding: 20px 0;`
		904	`border: 0;`
		905	`}`
		906
		907	`// Moodle 4.`
		908	`.topics+.single-section {`
		909	`margin-top: 30px;`
		910	`}`
		911
		912	`.section li.activity {`
		913	`padding: .25rem 0;`
		914	`margin: 0;`
		915	`clear: both;`
		916
		917	`position: relative;`
		918	`transition: $transition-base;`
		919
		920	`&:last-child {`
		921	`padding: 0 0 0 0;`
		922	`}`
		923
		924	`// &:before {`
		925	`// content: '';`
		926	`// background-color: $border-color;`
		927
		928	`// position: absolute;`
		929	`// left: 48px;`
		930	`// bottom: 0;`
		931
		932	`// width: calc(100% - 64px);`
		933	`// height: 1px;`
		934
		935	`// .theme-dark & {`
		936	`// background-color: $dm-border-color;`
		937	`// }`
		938	`// }`
		939	`}`
		940
		941	`.section li.activity {`
		942	`border-color: $primary-color-100;`
		943
		944	`.theme-dark & {`
		945	`border-color: $dm-gray-300;`
		946	`}`
		947	`}`
		948
		949	`.section li.activity.drop-up {`
		950	`border-top: 30px solid $primary-color-200;`
		951
		952	`.theme-dark & {`
		953	`border-color: $dm-gray-400;`
		954	`}`
		955	`}`
		956
		957	`.editing .activity-item {`
		958	`cursor: move`
		959	`}`
		960
		961
		962	`.section .activity .activityinstance .groupinglabel {`
		963	`padding-left: 30px;`
		964	`}`
		965
		966	`.section .activity .contentafterlink {`
		967	`font-size: $font-size-md;`
		968	`}`
		969
		970	`.section .activity .availabilityinfo {`
		971	`font-size: $font-size-xs;`
		972	`}`
		973
		974	`.section .activity .contentafterlink p {`
		975	`margin: 0 0 .25rem 0;`
		976	`color: $body-color-secondary;`
		977	`font-size: $font-size-md;`
		978
		979	`.theme-dark & {`
		980	`color: $dm-body-color-secondary;`
		981	`}`
		982	`}`
		983
		984	`.editing .section .activity:hover,`
		985	`.editing .section .activity.action-menu-shown {`
		986	`background-color: $table-accent-bg;`
		987	`}`
		988
		989	`.course-content .current {`
		990	`position: relative;`
		991	`z-index: 1;`
		992	`background-color: $container-bg;`
		993
		994	`.theme-dark & {`
		995	`background-color: $dm-container-bg;`
		996	`}`
		997
		998	`.course-section-header {`
		999	`padding: 10px 10px 0`
		1000	`}`
		1001
		1002	`.section-summary-activities {`
		1003	`padding: 10px;`
		1004	`}`
		1005	`}`
		1006
		1007	`.course-content .current::before {`
		1008	`content: "";`
		1009
		1010	`background-color: $gray-100;`
		1011	`border-radius: 17px;`
		1012	`width: calc(100% + 12px);`
		1013	`height: calc(100% - 17px);`
		1014
		1015	`position: absolute;`
		1016	`z-index: -1;`
		1017	`top: -6px;`
		1018	`left: -6px;`
		1019
		1020	`.theme-dark & {`
		1021	`background-color: $dm-gray-100;`
		1022	`}`
		1023	`}`
		1024
		1025	`.course-content .section-summary {`
		1026	`list-style: none;`
		1027	`}`
		1028
		1029	`.course-content .section-summary .summary {`
		1030	`margin-top: 5px;`
		1031	`}`
		1032
		1033	`.course-content .single-section {`
		1034	`position: relative;`
		1035	`}`
		1036
		1037	`.course-content .single-section .section-navigation {`
		1038	`display: flex;`
		1039	`justify-content: space-between;`
		1040	`width: 100%;`
		1041
		1042	`//eg. Onetopic course format`
		1043	`.mdl-left,`
		1044	`.mdl-right {`
		1045	`display: inline-block;`
		1046	`font-size: $font-size-md;`
		1047	`font-weight: $font-weight-medium;`
		1048	`max-width: 200px;`
		1049
		1050	`a {`
		1051	`color: $body-color;`
		1052
		1053	`.theme-dark & {`
		1054	`color: $dm-body-color;`
		1055	`}`
		1056
		1057	`&:hover {`
		1058	`text-decoration: none;`
		1059	`}`
		1060	`}`
		1061
		1062	`}`
		1063
		1064	`}`
		1065
		1066	`.mdl-right .rarrow {`
		1067	`margin-left: .5rem;`
		1068	`}`
		1069
		1070	`.mdl-left .larrow {`
		1071	`margin-right: .5rem;`
		1072	`}`
		1073
		1074	`.course-content .single-section .section-navigation .title {`
		1075	`font-weight: $font-weight-bold;`
		1076	`}`
		1077
		1078	`.course-content ul li.section.hidden {`
		1079
		1080	`.sectionname>span,`
		1081	`.content>div.summary,`
		1082	`.activity .activityinstance {`
		1083	`color: $text-muted;`
		1084	`}`
		1085	`}`
		1086
		1087	`.course-content ul.topics,`
		1088	`.course-content ul.weeks {`
		1089	`padding: 0;`
		1090	`margin: 0;`
		1091	`list-style: none;`
		1092
		1093	`li.section {`
		1094	`margin-bottom: 10px;`
		1095
		1096	`.content {`
		1097	`.rui-section {`
		1098	`margin: 10px 0 30px;`
		1099	`}`
		1100	`}`
		1101
		1102	`@include media-breakpoint-up(sm) {`
		1103	`.content>.availabilityinfo {`
		1104	`margin-left: 25px;`
		1105	`}`
		1106	`}`
		1107
		1108	`.left,`
		1109	`.right {`
		1110	`padding: 0;`
		1111	`text-align: right;`
		1112	`width: auto;`
		1113	`}`
		1114	`}`
		1115	`}`
		1116
		1117	`ul.weeks {`
		1118	`.section {`
		1119	`margin: 3px 0;`
		1120	`}`
		1121	`}`
		1122
		1123	`@include media-breakpoint-between(xs, sm) {`
		1124	`body:not(.editing) {`
		1125
		1126	`.course-content ul.topics,`
		1127	`.course-content ul.weeks {`
		1128	`li.section {`
		1129
		1130	`.left,`
		1131	`.right {`
		1132	`display: none;`
		1133	`}`
		1134	`}`
		1135	`}`
		1136	`}`
		1137	`}`
		1138
		1139	`.course-content {`
		1140	`margin-top: 0;`
		1141	`//margin-bottom: 60px;`
		1142	`}`
		1143
		1144	`.course-content .hidden {`
		1145	`display: none;`
		1146	`}`
		1147
		1148	`.course-content li {`
		1149	`&.section {`
		1150	`ul {`
		1151	`list-style: disc;`
		1152
		1153	`ul {`
		1154	`list-style: circle;`
		1155
		1156	`ul {`
		1157	`list-style: square;`
		1158	`}`
		1159	`}`
		1160	`}`
		1161
		1162	`li {`
		1163	`&.activity {`
		1164	`ul {`
		1165	`list-style: disc;`
		1166
		1167	`ul {`
		1168	`list-style: circle;`
		1169
		1170	`ul {`
		1171	`list-style: square;`
		1172	`}`
		1173	`}`
		1174	`}`
		1175	`}`
		1176	`}`
		1177
		1178	`.right {`
		1179	`>.icon:first-child {`
		1180	`/* Remove the spacer icon. */`
		1181	`display: none;`
		1182	`}`
		1183	`}`
		1184	`}`
		1185	`}`
		1186
		1187	`.path-course-view.editing #region-main>.card-block {`
		1188	`padding-bottom: 13rem;`
		1189	`}`
		1190
		1191	`.jumpmenu .form-inline {`
		1192	`display: block;`
		1193	`}`
		1194
		1195	`.jumpmenu {`
		1196	`float: none;`
		1197	`}`
		1198
		1199	`.completionprogress {`
		1200	`display: inline-flex;`
		1201	`align-items: center;`
		1202
		1203	`padding: $badge-padding-y $badge-padding-x;`
		1204	`margin-bottom: 1rem;`
		1205
		1206	`@include font-size($badge-font-size);`
		1207	`font-weight: $badge-font-weight;`
		1208	`@include border-radius($badge-border-radius);`
		1209
		1210	`background-color: $gray-100;`
		1211	`color: $gray-600;`
		1212
		1213	`.theme-dark & {`
		1214	`background-color: $dm-gray-100;`
		1215	`color: $dm-gray-200;`
		1216	`}`
		1217
		1218	`.icon {`
		1219	`margin: 0;`
		1220	`}`
		1221	`}`
		1222
		1223	`#page-site-index .subscribelink {`
		1224	`text-align: right;`
		1225	`}`
		1226
		1227	`#site-news-forum h2,`
		1228	`#frontpage-course-list h2,`
		1229	`#frontpage-category-names h2,`
		1230	`#frontpage-category-combo h2 {`
		1231	`margin-bottom: 9px;`
		1232
		1233	`@include media-breakpoint-between(xs, sm) {`
		1234	`display: block;`
		1235	`text-align: center;`
		1236	`}`
		1237	`}`
		1238
		1239	`.path-course-view a.reduce-sections {`
		1240	`padding-left: 0.2em;`
		1241	`}`
		1242
		1243	`.path-course-view .subscribelink {`
		1244	`text-align: right;`
		1245	`}`
		1246
		1247	`.path-course-view .unread {`
		1248	`margin-left: 30px;`
		1249	`}`
		1250
		1251	`.path-course-view .block.drag .header {`
		1252	`cursor: move;`
		1253	`}`
		1254
		1255	`.path-course-view .completionprogress {`
		1256	`font-size: $font-size-md;`
		1257	`color: $body-color-secondary;`
		1258
		1259	`text-align: right;`
		1260
		1261	`.btn-link {`
		1262	`margin-left: .35rem;`
		1263	`}`
		1264	`}`
		1265
		1266	`.path-site li.activity>div,`
		1267	`.path-course-view li.activity>div {`
		1268	`position: relative;`
		1269	`}`
		1270
		1271	`.path-course-view li.activity span.autocompletion img {`
		1272	`vertical-align: text-bottom;`
		1273	`margin-left: 0;`
		1274	`width: auto;`
		1275	`height: auto;`
		1276	`}`
		1277
		1278	`.path-course-view li.activity form.togglecompletion .btn {`
		1279	`padding: 0;`
		1280	`background-color: transparent;`
		1281
		1282	`.icon {`
		1283	`margin: 0;`
		1284	`}`
		1285	`}`
		1286
		1287	`.path-course-view li.activity form.togglecompletion img {`
		1288	`max-width: none;`
		1289	`/* The width is 0 so ensure we don't end up with a relative max-width */`
		1290	`}`
		1291
		1292	`.path-course-view {`
		1293	`&.editing {`
		1294	`li.activity span.autocompletion img {`
		1295	`/* Use the same spacing as the filler. */`
		1296	`margin-right: $spacer * 0.5;`
		1297	`margin-left: $spacer * 0.5;`
		1298	`}`
		1299	`}`
		1300	`}`
		1301
		1302	`.path-course-view li.activity form.togglecompletion .ajaxworking {`
		1303	`width: 16px;`
		1304	`height: 16px;`
		1305	`position: absolute;`
		1306	`right: 22px;`
		1307	`top: 3px;`
		1308	`background: url([[pix:i/ajaxloader]]) no-repeat;`
		1309	`}`
		1310
		1311	`li.section.hidden span.commands a.editing_hide,`
		1312	`li.section.hidden span.commands a.editing_show {`
		1313	`cursor: default;`
		1314	`}`
		1315
		1316	`.sectionname {`
		1317	`margin: 0;`
		1318
		1319	`a {`
		1320	`color: $headings-color;`
		1321
		1322	`&:hover {`
		1323	`opacity: .7;`
		1324	`}`
		1325
		1326	`.theme-dark & {`
		1327	`color: $dm-headings-color;`
		1328	`}`
		1329	`}`
		1330	`}`
		1331
		1332	`// Remove margin top for rist element`
		1333	`.li.section:first-of-type {`
		1334	`.sectionname {`
		1335	`margin-top: 0;`
		1336	`}`
		1337	`}`
		1338
		1339	`input.titleeditor {`
		1340	`width: 330px;`
		1341	`vertical-align: text-bottom;`
		1342	`}`
		1343
		1344	`span.editinstructions {`
		1345	`position: absolute;`
		1346	`top: -15px;`
		1347
		1348	`font-size: $font-size-md;`
		1349	`padding: .25rem .5rem;`
		1350	`text-decoration: none;`
		1351	`z-index: $zindex-tooltip;`
		1352	`border-radius: $btn-border-radius;`
		1353	`border: none;`
		1354
		1355	`@include alert-variant(theme-color-level('info', $alert-bg-level),`
		1356	`theme-color-level('info', $alert-border-level),`
		1357	`theme-color-level('info', $alert-color-level));`
		1358	`}`
		1359
		1360	`.createstep {`
		1361	`margin-top: 1rem;`
		1362	`}`
		1363
		1364	`/* Course drag and drop upload styles */`
		1365	`#dndupload-status {`
		1366	`position: fixed;`
		1367	`left: 0;`
		1368	`width: 60%;`
		1369	`margin: 0 20%;`
		1370	`padding: .5rem;`
		1371
		1372	`font-size: $font-size-md;`
		1373	`text-align: center;`
		1374	`z-index: 1; // Required in order to have this above relatively positioned course content@mixin`
		1375	`border: none;`
		1376	`border-radius: $btn-border-radius;`
		1377
		1378	`@include alert-variant(theme-color-level('info', $alert-bg-level),`
		1379	`theme-color-level('info', $alert-border-level),`
		1380	`theme-color-level('info', $alert-color-level));`
		1381	`}`
		1382
		1383	`.dndupload-preview {`
		1384	`list-style: none;`
		1385	`margin-top: 1rem;`
		1386	`margin-bottom: 1rem;`
		1387	`padding: .85rem 1.5rem;`
		1388
		1389	`display: inline-flex;`
		1390	`align-items: center;`
		1391	`width: 100%;`
		1392
		1393	`background-color: $gray-100;`
		1394	`border: 2px dashed $gray-300;`
		1395	`border-radius: $btn-border-radius;`
		1396
		1397	`color: $gray-800;`
		1398	`font-weight: $font-weight-medium;`
		1399
		1400
		1401	`.theme-dark & {`
		1402	`background-color: $dm-gray-100;`
		1403	`border: 2px dashed $dm-gray-300;`
		1404	`color: $dm-gray-800;`
		1405	`}`
		1406
		1407	`img,`
		1408	`.icon {`
		1409	`width: 20px;`
		1410	`height: 20px;`
		1411	`margin-right: 10px;`
		1412	`}`
		1413
		1414	`.mod-indent {`
		1415	`display: inline-flex;`
		1416	`align-items: center;`
		1417	`}`
		1418	`}`
		1419
		1420	`.dndupload-hidden {`
		1421	`display: none;`
		1422	`}`
		1423
		1424	`/* COURSES LISTINGS AND COURSE SUMMARY */`
		1425	`#page-course-pending .singlebutton,`
		1426	`#page-course-index .singlebutton,`
		1427	`#page-course-index-category .singlebutton,`
		1428	`#page-course-editsection .singlebutton {`
		1429	`text-align: center;`
		1430	`}`
		1431
		1432	`#page-admin-course-manage #movecourses td img {`
		1433	`margin: 0 .22em;`
		1434	`vertical-align: text-bottom;`
		1435	`}`
		1436
		1437	`#coursesearch {`
		1438	`margin-top: 1em;`
		1439	`text-align: left;`
		1440	`}`
		1441
		1442	`#page-course-pending .pendingcourserequests {`
		1443	`margin-bottom: 1em;`
		1444	`}`
		1445
		1446	`#page-course-pending .pendingcourserequests .singlebutton {`
		1447	`display: inline;`
		1448	`}`
		1449
		1450	`#page-course-pending .pendingcourserequests .cell {`
		1451	`padding: 0 5px;`
		1452	`}`
		1453
		1454	`#page-course-pending .pendingcourserequests .cell.c6 {`
		1455	`white-space: nowrap;`
		1456	`}`
		1457
		1458	`.coursebox {`
		1459	`padding: $spacer * 0.5;`
		1460	`}`
		1461
		1462	`.coursebox>.info>.coursename a {`
		1463	`display: block;`
		1464	`background-image: url([[pix:moodle\|i/course]]);`
		1465	`background-repeat: no-repeat;`
		1466	`padding-left: 21px;`
		1467	`background-position: left 0.2em;`
		1468	`}`
		1469
		1470	`.coursebox>.info>.coursename,`
		1471	`.coursebox .content .teachers,`
		1472	`.coursebox .content .courseimage,`
		1473	`.coursebox .content .coursefile,`
		1474	`.coursebox .content .customfields-container {`
		1475	`float: left;`
		1476	`clear: left;`
		1477	`}`
		1478
		1479	`.coursebox .content .teachers,`
		1480	`.coursebox .content .courseimage,`
		1481	`.coursebox .content .coursefile,`
		1482	`.coursebox .content .customfields-container {`
		1483	`width: 40%;`
		1484	`}`
		1485
		1486	`.coursebox>.info>h3.coursename {`
		1487	`margin: 5px;`
		1488	`}`
		1489
		1490	`.coursebox>.info>.coursename {`
		1491	`margin: 5px;`
		1492	`padding: 0;`
		1493	`}`
		1494
		1495	`.coursebox .content .teachers li {`
		1496	`list-style-type: none;`
		1497	`padding: 0;`
		1498	`margin: 0;`
		1499	`}`
		1500
		1501	`.coursebox .moreinfo,`
		1502	`.coursebox .enrolmenticons {`
		1503	`padding: 3px 0;`
		1504	`float: right;`
		1505	`}`
		1506
		1507	`.coursebox .moreinfo img {`
		1508	`margin: 0 .2em;`
		1509	`}`
		1510
		1511	`.coursebox .content {`
		1512	`clear: both;`
		1513	`}`
		1514
		1515	`.coursebox .content .summary,`
		1516	`.coursebox .content .coursecat {`
		1517	`float: right;`
		1518	`width: 55%;`
		1519	`}`
		1520
		1521	`.coursebox .content .coursecat {`
		1522	`text-align: right;`
		1523	`clear: right;`
		1524	`}`
		1525
		1526	`.coursebox.remotecoursebox .remotecourseinfo {`
		1527	`float: left;`
		1528	`width: 40%;`
		1529	`}`
		1530
		1531	`.coursebox .content .courseimage img {`
		1532	`max-width: 100px;`
		1533	`max-height: 100px;`
		1534	`}`
		1535
		1536	`.coursebox .content .coursecat,`
		1537	`.coursebox .content .summary,`
		1538	`.coursebox .content .courseimage,`
		1539	`.coursebox .content .coursefile,`
		1540	`.coursebox .content .teachers,`
		1541	`.coursebox.remotecoursebox .remotecourseinfo,`
		1542	`.coursebox .content .customfields-container {`
		1543	`margin: 15px 5px 5px;`
		1544	`padding: 0;`
		1545	`}`
		1546
		1547	`.coursebox.remotehost>.info>.categoryname a {`
		1548	`background-image: url([[pix:moodle\|i/mnethost]]);`
		1549	`}`
		1550
		1551	`.coursebox.collapsed {`
		1552	`margin-bottom: 0;`
		1553	`}`
		1554
		1555	`.coursebox.collapsed>.content {`
		1556	`display: none;`
		1557	`}`
		1558
		1559	`.courses .coursebox {`
		1560	`&.collapsed {`
		1561	`padding-top: $spacer * 0.5;`
		1562	`padding-bottom: $spacer * 0.5;`
		1563	`}`
		1564
		1565	`&.even {`
		1566	`background-color: $table-accent-bg;`
		1567	`}`
		1568	`}`
		1569
		1570	`.courses>.paging.paging-morelink {`
		1571	`text-align: right;`
		1572	`padding: 0 0 $spacer 0;`
		1573	`}`
		1574
		1575	`.course_category_tree .category .numberofcourse {`
		1576	`font-size: $font-size-md;`
		1577	`}`
		1578
		1579	`.course_category_tree .controls {`
		1580	`visibility: hidden;`
		1581	`}`
		1582
		1583	`.course_category_tree .controls div {`
		1584	`display: inline;`
		1585	`cursor: pointer;`
		1586	`}`
		1587
		1588	`.jsenabled .course_category_tree .controls {`
		1589	`visibility: visible;`
		1590	`}`
		1591
		1592	`.course_category_tree .controls {`
		1593	`margin-bottom: 5px;`
		1594	`text-align: right;`
		1595	`float: right;`
		1596	`}`
		1597
		1598	`.course_category_tree .controls div {`
		1599	`padding-right: 2em;`
		1600	`font-size: 75%;`
		1601	`}`
		1602
		1603	`.course_category_tree .category.with_children.collapsed>.info>.categoryname {`
		1604	`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");`
		1605
		1606	`.dir-rtl & {`
		1607	`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");`
		1608	`}`
		1609
		1610	`.theme-dark & {`
		1611	`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");`
		1612	`}`
		1613
		1614	`.dir-rtl.theme-dark & {`
		1615	`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");`
		1616	`}`
		1617	`}`
		1618
		1619	`.course_category_tree .category.with_children>.info>.categoryname {`
		1620	`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");`
		1621
		1622	`.theme-dark & {`
		1623	`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");`
		1624	`}`
		1625	`}`
		1626
		1627	`.course_category_tree .category>.info>.categoryname {`
		1628	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='1.5' d='M19.25 17.25V9.75C19.25 8.64543 18.3546 7.75 17.25 7.75H4.75V17.25C4.75 18.3546 5.64543 19.25 6.75 19.25H17.25C18.3546 19.25 19.25 18.3546 19.25 17.25Z'%3E%3C/path%3E%3Cpath stroke='#{url-friendly-colour($body-color)}' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M13.5 7.5L12.5685 5.7923C12.2181 5.14977 11.5446 4.75 10.8127 4.75H6.75C5.64543 4.75 4.75 5.64543 4.75 6.75V11'%3E%3C/path%3E%3C/svg%3E%0A");
		1629
		1630	`.theme-dark & {`
		1631	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($dm-body-color)}' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M19.25 17.25V9.75C19.25 8.64543 18.3546 7.75 17.25 7.75H4.75V17.25C4.75 18.3546 5.64543 19.25 6.75 19.25H17.25C18.3546 19.25 19.25 18.3546 19.25 17.25Z'%3E%3C/path%3E%3Cpath stroke='#{url-friendly-colour($dm-body-color)}' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M13.5 7.5L12.5685 5.7923C12.2181 5.14977 11.5446 4.75 10.8127 4.75H6.75C5.64543 4.75 4.75 5.64543 4.75 6.75V11'%3E%3C/path%3E%3C/svg%3E%0A");
		1632	`}`
		1633	`}`
		1634
		1635	`.course_category_tree .category.with_children.collapsed>.info>.categoryname,`
		1636	`.course_category_tree .category.with_children>.info>.categoryname,`
		1637	`.course_category_tree .category>.info>.categoryname {`
		1638	`background-color: $container-bg;`
		1639	`background-size: 24px;`
		1640	`background-repeat: no-repeat;`
		1641	`background-position: 17px;`
		1642
		1643	`border: 1px solid $border-color;`
		1644
		1645	`position: relative;`
		1646
		1647	`width: 100%;`
		1648	`margin: .25rem auto;`
		1649	`padding-top: 7px;`
		1650	`padding-left: 46px;`
		1651	`padding-bottom: 7px;`
		1652	`padding-right: 7px;`
		1653
		1654	`display: inline-flex;`
		1655	`align-items: center;`
		1656	`justify-content: space-between;`
		1657	`flex-wrap: wrap;`
		1658
		1659	`border-radius: $btn-border-radius;`
		1660	`font-family: $font-family-base;`
		1661	`font-weight: $font-weight-medium;`
		1662	`font-size: $font-size-base;`
		1663	`line-height: 1.5;`
		1664	`color: $body-color;`
		1665
		1666	`.dir-rtl & {`
		1667	`background-position: calc(100% - 12px);`
		1668	`}`
		1669
		1670	`.theme-dark & {`
		1671	`background-color: $dm-container-bg;`
		1672	`border-color: $dm-border-color;`
		1673	`color: $dm-body-color;`
		1674	`}`
		1675
		1676	`.spinner {`
		1677	`position: absolute;`
		1678	`top: 5px;`
		1679	`left: 5px;`
		1680
		1681	`width: 12px;`
		1682	`height: 12px;`
		1683
		1684	`margin: 0;`
		1685	`}`
		1686	`}`
		1687
		1688	`.course_category_tree .category.collapsed>.content {`
		1689	`display: none;`
		1690	`}`
		1691
		1692	`.course_category_tree .category>.info {`
		1693	`clear: both;`
		1694	`}`
		1695
		1696	`.course_category_tree .category>.content {`
		1697	`.wrapper-md {`
		1698	`width: $wrapper-md - 20px;`
		1699
		1700	`@include media-breakpoint-between(xs, md) {`
		1701	`width: 100%;`
		1702	`}`
		1703	`}`
		1704	`}`
		1705
		1706	`.rui-category-link {`
		1707	`border-radius: $btn-border-radius;`
		1708	`position: relative;`
		1709
		1710	`padding: 4px 7px;`
		1711	`border-radius: $btn-border-radius;`
		1712	`color: $body-color;`
		1713
		1714	`.theme-dark & {`
		1715	`color: $dm-body-color;`
		1716	`}`
		1717
		1718	`&:hover {`
		1719	`color: $primary-color-600;`
		1720	`background-color: $primary-color-100;`
		1721	`}`
		1722
		1723	`}`
		1724
		1725	`.rui-number-of-courses {`
		1726	`font-size: $font-size-xs;`
		1727	`font-weight: $font-weight-bold;`
		1728	`opacity: .7;`
		1729	`}`
		1730
		1731	`.rui-course-cat-desc {`
		1732	`img {`
		1733	`margin: $page-padding-global 0 0;`
		1734	`padding: 0;`
		1735
		1736	`width: 100%;`
		1737	`height: auto;`
		1738
		1739	`border-radius: $btn-border-radius;`
		1740	`}`
		1741	`}`
		1742
		1743
		1744	`/**`
		1745	`* Course management page`
		1746	`* Palette`
		1747	`*`
		1748	`* Background (reg) #F5F5F5`
		1749	`* Background (light #fafafa`
		1750	`* Background (highlight) #ddffaa`
		1751	`* Borders #e1e1e8`
		1752	`*/`
		1753
		1754	`#page-course-management .tertiary-navigation + h2 {`
		1755	`margin: 30px 0;`
		1756	`font-size: 2rem;`
		1757	`}`
		1758
		1759	`#course-category-listings {`
		1760	`margin: 0;`
		1761
		1762	`/** Two column layout */`
		1763	`&.columns-2 {`
		1764	`>#course-listing>div {`
		1765	`position: relative;`
		1766	`left: -1px;`
		1767	`}`
		1768	`}`
		1769
		1770	`/** Three column layout */`
		1771	`&.columns-3>#course-listing>div {`
		1772	`height: 100%;`
		1773	`}`
		1774
		1775	`>div>div {`
		1776	`min-height: 300px;`
		1777
		1778	`>ul.ml>li:first-child>div {`
		1779	`border-top: 0;`
		1780	`}`
		1781	`}`
		1782
		1783	`h3 {`
		1784	`margin: 0;`
		1785	`padding: 0 0 10px 0;`
		1786
		1787	`font-size: 1.5rem;`
		1788	`font-weight: $font-weight-bold;`
		1789	`}`
		1790
		1791	`h4 {`
		1792	`margin: 1rem 0 0;`
		1793	`}`
		1794
		1795	`.moodle-actionmenu {`
		1796	`white-space: nowrap;`
		1797	`}`
		1798
		1799	`.listing-actions {`
		1800	`text-align: right;`
		1801
		1802	`.btn {`
		1803	`width: 100%;`
		1804	`}`
		1805
		1806	`&.course-detail-listing-actions {`
		1807	`.btn {`
		1808	`width: auto;`
		1809	`}`
		1810	`}`
		1811
		1812	`>.moodle-actionmenu {`
		1813	`display: inline-block;`
		1814	`}`
		1815
		1816	`.action-menu {`
		1817	`margin: 5px 0 3px;`
		1818	`display: inline-flex !important;`
		1819	`}`
		1820	`}`
		1821
		1822	`ul.ml {`
		1823	`list-style: none;`
		1824	`padding: 0 !important;`
		1825	`margin: 1rem 0 0;`
		1826
		1827	`ul.ml {`
		1828	`margin: 0;`
		1829	`}`
		1830	`}`
		1831
		1832	`.course-list {`
		1833	`div {`
		1834	`align-items: center;`
		1835
		1836	`.coursename {`
		1837	`margin: 0 !important;`
		1838	`}`
		1839	`}`
		1840	`}`
		1841
		1842	`.listitem {`
		1843
		1844	`&[data-selected='1'] {`
		1845	`border-left: calc(#{$list-group-border-width} + 5px) solid $primary-color-600!important;`
		1846	`padding-left: calc(#{$list-group-item-padding-x} - 5px);`
		1847	`}`
		1848	`}`
		1849
		1850	`.item-actions {`
		1851	`margin-right: 1em;`
		1852	`display: inline-block;`
		1853
		1854	`&.show .menu {`
		1855
		1856	`img {`
		1857	`width: 12px;`
		1858	`max-width: none;`
		1859	`}`
		1860	`}`
		1861
		1862	`.menu-action-text {`
		1863	`vertical-align: inherit;`
		1864	`}`
		1865	`}`
		1866
		1867	`.listitem {`
		1868	`>div {`
		1869	`>.float-left {`
		1870	`float: left;`
		1871	`}`
		1872
		1873	`>.float-right {`
		1874	`float: right;`
		1875	`text-align: right;`
		1876	`margin-left: auto;`
		1877	`}`
		1878
		1879	`.item-actions {`
		1880	`.action-show {`
		1881	`display: none;`
		1882	`}`
		1883
		1884	`.action-hide {`
		1885	`display: inline;`
		1886	`}`
		1887	`}`
		1888
		1889	`.without-actions {`
		1890	`color: $body-color;`
		1891
		1892	`.theme-dark & {`
		1893	`color: $dm-body-color;`
		1894	`}`
		1895	`}`
		1896
		1897	`.idnumber {`
		1898	`max-width: 200px;`
		1899	`text-align: right;`
		1900	`line-height: 1.2;`
		1901
		1902	`&:before {`
		1903	`content: '# ';`
		1904	`}`
		1905
		1906	`display: flex;`
		1907	`align-items: center;`
		1908
		1909	`font-size: $font-size-sm;`
		1910	`font-weight: $font-weight-medium;`
		1911
		1912	`margin-right: 10px;`
		1913	`}`
		1914	`}`
		1915
		1916	`// The category or course is hidden.`
		1917	`&[data-visible="0"] {`
		1918	`opacity: .6;`
		1919
		1920	`>div {`
		1921	`>a {`
		1922	`opacity: .6;`
		1923	`}`
		1924
		1925	`.item-actions {`
		1926	`.action-show {`
		1927	`display: inline;`
		1928	`}`
		1929
		1930	`.action-hide {`
		1931	`display: none;`
		1932	`}`
		1933	`}`
		1934	`}`
		1935	`}`
		1936
		1937	`&[data-visible="0"],`
		1938	`&[data-visible="1"] {`
		1939	`margin: 0 0 4px 0;`
		1940	`color: $body-color;`
		1941	`border: 1px solid $border-color;`
		1942	`border-radius: $btn-border-radius;`
		1943
		1944	`.custom-control-label::after,`
		1945	`.custom-control-label::before {`
		1946	`top: 0;`
		1947	`left: 0;`
		1948	`}`
		1949
		1950	`.clearfix {`
		1951	`width: 100%;`
		1952	`display: flex;`
		1953	`align-items: center;`
		1954	`align-self: center;`
		1955	`flex-wrap: wrap;`
		1956	`}`
		1957
		1958	`.theme-dark & {`
		1959	`color: $dm-body-color;`
		1960	`border-color: $dm-border-color;`
		1961	`}`
		1962
		1963	`a.float-left {`
		1964	`&::after {`
		1965	`display: none;`
		1966	`}`
		1967	`}`
		1968
		1969	`.tree-icon {`
		1970	`width: 18px;`
		1971	`height: 18px;`
		1972	`border-radius: 18px;`
		1973
		1974	`display: flex;`
		1975	`align-items: center;`
		1976	`justify-content: center;`
		1977	`background-color: $gray-100;`
		1978
		1979	`.theme-dark & {`
		1980	`filter: invert(1);`
		1981	`}`
		1982
		1983	`&[aria-hidden="true"] {`
		1984	`display: none;`
		1985	`}`
		1986	`}`
		1987
		1988	`>div {`
		1989	`>a {`
		1990	`font-size: $font-size-xs;`
		1991	`font-weight: $font-weight-medium;`
		1992	`color: $body-color;`
		1993
		1994	`.theme-dark & {`
		1995	`color: $dm-body-color;`
		1996	`}`
		1997	`}`
		1998	`}`
		1999	`}`
		2000
		2001	`&.highlight {`
		2002	`background-color: $body-bg;`
		2003
		2004	`.theme-dark & {`
		2005	`background-color: $dm-body-bg;`
		2006	`}`
		2007
		2008	`>div,`
		2009	`>div:hover,`
		2010	`&[data-selected='1']>div {`
		2011	`background-color: $table-hover-bg;`
		2012	`}`
		2013	`}`
		2014	`}`
		2015
		2016	`#course-listing {`
		2017	`.listitem {`
		2018	`.categoryname {`
		2019	`display: inline-block;`
		2020	`margin-left: 1em;`
		2021	`color: $dm-body-color-secondary;`
		2022
		2023	`.theme-dark & {`
		2024	`color: $dm-body-color-secondary;`
		2025	`}`
		2026	`}`
		2027
		2028	`.coursename {`
		2029	`font-size: $font-size-sm;`
		2030	`font-weight: $font-weight-medium;`
		2031	`color: $body-color;`
		2032
		2033	`display: inline-flex;`
		2034	`align-self: center;`
		2035	`flex-basis: 10rem;`
		2036
		2037	`.theme-dark & {`
		2038	`color: $dm-body-color;`
		2039	`}`
		2040	`}`
		2041	`}`
		2042
		2043	`>.firstpage .listitem:first-child>div .item-actions .action-moveup,`
		2044	`>.lastpage .listitem:last-child>div .item-actions .action-movedown {`
		2045	`display: none;`
		2046	`}`
		2047
		2048	`.bulk-action-checkbox {`
		2049	`margin: -2px 6px 0 0;`
		2050	`}`
		2051	`}`
		2052
		2053	`#category-listing {`
		2054	`.listitem.collapsed>ul.ml {`
		2055	`display: none;`
		2056	`}`
		2057
		2058	`.listitem {`
		2059
		2060	`&:first-child>div .item-actions .action-moveup,`
		2061	`&:last-child>div .item-actions .action-movedown {`
		2062	`display: none;`
		2063	`}`
		2064	`}`
		2065
		2066	`.course-count {`
		2067	`padding: 3px 8px 3px 4px;`
		2068	`background-color: $primary-color-100;`
		2069	`border-radius: $btn-border-radius;`
		2070
		2071	`font-size: $font-size-xs;`
		2072	`font-weight: $font-weight-medium;`
		2073	`color: $body-color-secondary;`
		2074
		2075	`.theme-dark & {`
		2076	`background-color: $dm-gray-100;`
		2077	`color: $dm-body-color-secondary;`
		2078	`}`
		2079
		2080	`height: 25px;`
		2081	`display: inline-flex;`
		2082	`flex-direction: row-reverse;`
		2083	`align-self: center;`
		2084	`align-items: center;`
		2085
		2086	`.icon {`
		2087	`margin: 5px;`
		2088	`width: 16px;`
		2089	`height: 16px;`
		2090	`line-height: 1.2;`
		2091	`color: $body-color;`
		2092
		2093	`.theme-dark & {`
		2094	`color: $dm-body-color;`
		2095	`}`
		2096	`}`
		2097	`}`
		2098
		2099	`.bulk-action-checkbox {`
		2100	`margin-right: -3px;`
		2101	`}`
		2102
		2103	`.category-listing>ul>.listitem:first-child {`
		2104	`position: relative;`
		2105	`}`
		2106
		2107	`.category-bulk-actions {`
		2108	`margin: 0 0.5em 0.5em;`
		2109	`position: relative;`
		2110	`}`
		2111	`}`
		2112
		2113	`.detail-pair {`
		2114
		2115	`>* {`
		2116	`display: inline-block;`
		2117	`}`
		2118
		2119	`.pair-key {`
		2120	`font-weight: $font-weight-bold;`
		2121	`vertical-align: top;`
		2122
		2123	`span {`
		2124	`margin-right: 0;`
		2125	`display: block;`
		2126	`font-size: $font-size-xs;`
		2127	`text-align: right;`
		2128	`line-height: 1.4;`
		2129	`font-weight: $font-weight-medium;`
		2130	`}`
		2131	`}`
		2132
		2133	`.pair-value select {`
		2134	`max-width: 100%;`
		2135	`}`
		2136	`}`
		2137
		2138	`.bulk-actions .detail-pair {`
		2139	`>* {`
		2140	`display: block;`
		2141	`width: 100%;`
		2142	`}`
		2143	`}`
		2144
		2145	`.listing-pagination {`
		2146	`text-align: center;`
		2147
		2148	`.yui3-button {`
		2149	`@include button-variant($info, $info);`
		2150	`border: 0;`
		2151	`margin: 0.4rem 0.2rem 0.45rem;`
		2152	`font-size: 10.4px;`
		2153
		2154	`&.active-page {`
		2155	`@include button-variant($primary, $primary);`
		2156	`}`
		2157	`}`
		2158	`}`
		2159
		2160	`.listing-pagination-totals {`
		2161	`margin: 5px 10px 10px;`
		2162	`font-size: $font-size-xs;`
		2163	`text-align: right;`
		2164	`opacity: .7;`
		2165
		2166	`&.dimmed {`
		2167	`margin: 0.4rem 1rem 0.45rem;`
		2168	`}`
		2169	`}`
		2170
		2171	`.select-a-category .notifymessage,`
		2172	`.select-a-category .alert {`
		2173	`margin: 1em;`
		2174	`}`
		2175	`}`
		2176
		2177	`#course-category-listings #course-listing .listitem .drag-handle {`
		2178	`display: none;`
		2179	`}`
		2180
		2181	`.jsenabled #course-category-listings #course-listing .listitem .drag-handle {`
		2182	`display: flex;`
		2183	`margin: 0 15px 0 0;`
		2184	`cursor: pointer;`
		2185	`}`
		2186
		2187	`/ Management header styling /`
		2188	`.coursecat-management-header {`
		2189	`vertical-align: middle;`
		2190
		2191	`h2 {`
		2192	`display: inline-block;`
		2193	`text-align: left;`
		2194	`}`
		2195
		2196	`>div {`
		2197	`float: right;`
		2198
		2199	`>div {`
		2200	`margin: 10px 0 10px 1em;`
		2201	`display: inline-block;`
		2202	`}`
		2203	`}`
		2204
		2205	`select {`
		2206	`max-width: 300px;`
		2207	`cursor: pointer;`
		2208	`padding: 0.4em 0.5em 0.45em 1em;`
		2209	`vertical-align: baseline;`
		2210	`white-space: nowrap;`
		2211	`}`
		2212
		2213	`.view-mode-selector {`
		2214	`.moodle-actionmenu {`
		2215	`white-space: nowrap;`
		2216	`display: inline-block;`
		2217	`}`
		2218
		2219	`.moodle-actionmenu[data-enhanced].show .menu a {`
		2220	`padding-left: 1em;`
		2221	`}`
		2222	`}`
		2223	`}`
		2224
		2225	`.course-being-dragged-proxy {`
		2226	`border: 0;`
		2227	`color: $link-color;`
		2228	`vertical-align: middle;`
		2229	`padding: 0 0 0 4em;`
		2230	`}`
		2231
		2232	`.course-being-dragged {`
		2233	`opacity: 0.5;`
		2234	`}`
		2235
		2236	`/**`
		2237	`* Display sizes:`
		2238	`* Large displays 1200 +`
		2239	`* Default displays 980 1199`
		2240	`* Tablets 768 979`
		2241	`* Small tablets and large phones 481 767`
		2242	`* Phones 0 480`
		2243	`*/`
		2244
		2245	`#category-listing,`
		2246	`#course-listing {`
		2247	`padding: 10px;`
		2248	`border-radius: $border-radius;`
		2249	`border: 1px solid $border-color;`
		2250
		2251	`.theme-dark & {`
		2252	`border-color: $dm-border-color;`
		2253	`}`
		2254	`}`
		2255
		2256	`@media (min-width: 1200px) and (max-width: 1600px) {`
		2257	`#course-category-listings.columns-3 {`
		2258	`border: 0;`
		2259
		2260	`#category-listing,`
		2261	`#course-listing {`
		2262	`width: 50%;`
		2263	`}`
		2264
		2265	`#course-detail {`
		2266	`width: 100%;`
		2267	`margin-top: 1em;`
		2268	`}`
		2269	`}`
		2270	`}`
		2271
		2272	`@media (max-width: 1199px) {`
		2273
		2274	`#course-category-listings.columns-2,`
		2275	`#course-category-listings.columns-3 {`
		2276	`border: 0;`
		2277
		2278	`#category-listing,`
		2279	`#course-listing,`
		2280	`#course-detail {`
		2281	`width: 100%;`
		2282	`margin: 0 0 1em;`
		2283	`}`
		2284	`}`
		2285	`}`
		2286
		2287
		2288	`.page-settings-menu .menubar>a>.icon {`
		2289	`width: auto;`
		2290	`height: 32px;`
		2291	`font-size: 32px;`
		2292	`}`
		2293
		2294	`.activity-navigation {`
		2295	`background-color: $gray-100;`
		2296
		2297	`padding: 10px;`
		2298	`border-radius: 30px;`
		2299
		2300	`@include media-breakpoint-between(xs, sm) {`
		2301	`padding: 0;`
		2302	`}`
		2303
		2304	`.theme-dark & {`
		2305	`background-color: $dm-gray-100;`
		2306	`}`
		2307
		2308	`.row {`
		2309	`align-items: center;`
		2310	`flex-wrap: nowrap;`
		2311	`}`
		2312
		2313	`#jump-to-activity.custom-select {`
		2314	`margin: 0 auto;`
		2315	`}`
		2316
		2317	`.text-truncate {`
		2318	`max-width: 200px;`
		2319
		2320	`@include media-breakpoint-between(xs, sm) {`
		2321	`display: none;`
		2322	`}`
		2323	`}`
		2324
		2325	`@include media-breakpoint-between(xs, sm) {`
		2326	`.urlselect {`
		2327	`margin: 10px 0;`
		2328	`}`
		2329
		2330	`.btn {`
		2331	`width: 100%;`
		2332	`}`
		2333	`}`
		2334
		2335	`}`
		2336
		2337
		2338	`.rui-forum-nav-btns,`
		2339	`#prev-activity-link,`
		2340	`#next-activity-link {`
		2341	`white-space: pre-wrap;`
		2342	`position: relative;`
		2343
		2344	`background-repeat: no-repeat;`
		2345	`background-size: 20px;`
		2346
		2347	`height: 40px;`
		2348	`border-radius: 30px;`
		2349	`}`
		2350
		2351	`.rui-btn-action-link {`
		2352	`padding: 10px;`
		2353
		2354	`&.current {`
		2355	`background-color: $gray-300;`
		2356	`color: $gray-700;`
		2357
		2358	`.theme-dark & {`
		2359	`background-color: $dm-gray-300;`
		2360	`color: $dm-gray-600;`
		2361	`}`
		2362	`}`
		2363
		2364	`&:hover {`
		2365	`background-color: $gray-400;`
		2366	`color: $gray-800;`
		2367
		2368	`.theme-dark & {`
		2369	`background-color: $dm-gray-400;`
		2370	`color: $dm-gray-800;`
		2371	`}`
		2372
		2373	`}`
		2374	`}`
		2375
		2376	`.prev-discussion .rui-forum-nav-btns,`
		2377	`#prev-activity-link {`
		2378	`padding-left: 30px;`
		2379	`background-position: center;`
		2380	`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='M10.25 6.75L4.75 12L10.25 17.25'%3E%3C/path%3E%3Cpath stroke='#{url-friendly-colour($body-color)}' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19.25 12H5'%3E%3C/path%3E%3C/svg%3E%0A");`
		2381
		2382	`@include media-breakpoint-between(xs, sm) {`
		2383	`padding-left: 30px;`
		2384	`}`
		2385
		2386	`.theme-dark & {`
		2387	`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($dm-body-color)}' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M10.25 6.75L4.75 12L10.25 17.25'%3E%3C/path%3E%3Cpath stroke='#{url-friendly-colour($dm-body-color)}' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19.25 12H5'%3E%3C/path%3E%3C/svg%3E%0A");`
		2388	`}`
		2389	`}`
		2390
		2391	`.next-discussion .rui-forum-nav-btns,`
		2392	`#next-activity-link {`
		2393	`padding-right: 30px;`
		2394	`background-position: center;`
		2395	`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='M13.75 6.75L19.25 12L13.75 17.25'%3E%3C/path%3E%3Cpath stroke='#{url-friendly-colour($body-color)}' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 12H4.75'%3E%3C/path%3E%3C/svg%3E%0A");`
		2396
		2397	`@include media-breakpoint-between(xs, sm) {`
		2398	`padding-right: 30px;`
		2399	`}`
		2400
		2401	`.theme-dark & {`
		2402	`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($dm-body-color)}' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M13.75 6.75L19.25 12L13.75 17.25'%3E%3C/path%3E%3Cpath stroke='#{url-friendly-colour($dm-body-color)}' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 12H4.75'%3E%3C/path%3E%3C/svg%3E%0A");`
		2403	`}`
		2404	`}`
		2405
		2406	`// ---- URL: course/editbulkcompletion.php`
		2407	`.activityinstance-title {`
		2408	`font-weight: $font-weight-medium;`
		2409	`color: $body-color;`
		2410
		2411	`.theme-dark & {`
		2412	`color: $dm-body-color;`
		2413	`}`
		2414
		2415	`&:hover {`
		2416	`text-decoration: none;`
		2417	`color: $link-hover-color;`
		2418	`}`
		2419	`}`
		2420
		2421	`.rui-section {`
		2422	`width: 100%;`
		2423	`margin: 0 0 $page-padding-global;`
		2424	`padding: 0;`
		2425
		2426	`list-style: none;`
		2427
		2428	`&:last-of-type {`
		2429	`margin-bottom: 0;`
		2430	`}`
		2431	`}`
		2432
		2433	`.summary+.rui-section {`
		2434	`margin-top: $page-padding-global;`
		2435	`}`
		2436
		2437	`.rui-single-section--with-nav {`
		2438	`padding: 30px 30px 20px;`
		2439	`border: 1px solid $border-color;`
		2440	`border-radius: $btn-border-radius;`
		2441
		2442	`@include media-breakpoint-between(xs, md) {`
		2443	`padding: 10px;`
		2444	`}`
		2445
		2446	`.theme-dark & {`
		2447	`border: 1px solid $dm-border-color;`
		2448	`}`
		2449
		2450	`.sectionname {`
		2451	`margin-top: 0;`
		2452	`margin-bottom: 1rem;`
		2453	`}`
		2454	`}`
		2455
		2456
		2457	`.rui-course-nav-btn {`
		2458	`display: inline-flex;`
		2459	`align-items: center;`
		2460	`}`
		2461
		2462	`.rui-course-nav-btn-icon {`
		2463	`width: 40px;`
		2464	`height: 40px;`
		2465
		2466	`background-color: $container-bg;`
		2467	`border-radius: $btn-border-radius;`
		2468
		2469	`color: $body-color;`
		2470
		2471	`display: flex;`
		2472	`justify-content: center;`
		2473	`align-items: center;`
		2474
		2475	`.theme-dark & {`
		2476	`background-color: $dm-container-bg;`
		2477	`color: $dm-body-color;`
		2478	`}`
		2479	`}`
		2480
		2481	`.rui-course-nav-btn-label {`
		2482	`display: inline-block;`
		2483	`font-size: $font-size-md;`
		2484	`font-weight: $font-weight-medium;`
		2485	`color: inherit;`
		2486	`max-width: 200px;`
		2487
		2488	`@include media-breakpoint-between(xs, md) {`
		2489	`display: none;`
		2490	`}`
		2491	`}`
		2492
		2493
		2494	`.rui-availabilityinfo {`
		2495	`padding: 5px 10px;`
		2496
		2497	`display: inline-flex;`
		2498	`align-items: center;`
		2499
		2500	`background-color: $blue-100;`
		2501	`border-radius: $btn-border-radius;`
		2502
		2503	`font-size: $font-size-md;`
		2504	`font-weight: $font-weight-medium;`
		2505	`color: $body-color;`
		2506
		2507	`.description & {`
		2508	`margin-left: 53px;`
		2509	`}`
		2510
		2511	`&.course-description-item {`
		2512	`margin: 0 !important;`
		2513	`}`
		2514
		2515	`&.ishidden {`
		2516	`background-color: $yellow-100;`
		2517	`display: flex;`
		2518
		2519	`.theme-dark & {`
		2520	`color: $yellow-800;`
		2521	`background-color: $dm-gray-200;`
		2522	`}`
		2523	`}`
		2524
		2525	`a {`
		2526	`color: $blue-600;`
		2527
		2528	`&:hover {`
		2529	`color: $blue-700;`
		2530	`}`
		2531	`}`
		2532
		2533	`&.isrestricted {`
		2534	`background-color: $yellow-100;`
		2535	`margin-top: 10px;`
		2536	`margin-bottom: 10px;`
		2537
		2538	`a {`
		2539	`color: $yellow-800;`
		2540
		2541	`&:hover {`
		2542	`color: $yellow-900;`
		2543	`}`
		2544	`}`
		2545	`}`
		2546
		2547	`.rui-availabilityinfo-text {`
		2548	`margin-top: 1px;`
		2549	`}`
		2550
		2551	`ul {`
		2552	`margin: 10px 10px 10px 20px;`
		2553	`line-height: 1.8;`
		2554	`}`
		2555
		2556	`div {`
		2557	`display: inline-flex;`
		2558	`align-items: center;`
		2559	`}`
		2560	`}`
		2561
		2562
		2563	`/* Activity Item Section */`
		2564	`.rui-activity-information {`
		2565	`font-size: $font-size-xs;`
		2566
		2567	`.path-course & {`
		2568
		2569	`margin: 0 0 0 $rui-date-margin-left;`
		2570	`}`
		2571
		2572	`@include media-breakpoint-down(sm) {`
		2573	`overflow-x: auto;`
		2574	`}`
		2575	`}`
		2576
		2577
		2578	`.rui-activity--hascompletion {`
		2579	`@include media-breakpoint-between(xs, sm) {`
		2580	`width: 100% !important;`
		2581	`}`
		2582	`}`
		2583
		2584	`.rui-activityinstance {`
		2585	`@include media-breakpoint-between(xs, sm) {`
		2586	`.rui--activity-is-manual & {`
		2587	`margin-left: 55px;`
		2588	`}`
		2589	`}`
		2590
		2591	`a {`
		2592	`display: flex;`
		2593	`align-items: center;`
		2594	`justify-content: flex-start;`
		2595	`color: $body-color;`
		2596
		2597	`.theme-dark & {`
		2598	`color: $dm-body-color;`
		2599	`}`
		2600
		2601	`&:hover {`
		2602	`text-decoration: none;`
		2603	`color: $link-hover-color;`
		2604	`}`
		2605	`}`
		2606	`}`
		2607
		2608	`$activityiconsize: 40px;`
		2609
		2610	`.rui-activityicon {`
		2611	`width: $activityiconsize;`
		2612	`height: $activityiconsize;`
		2613
		2614	`margin-right: 20px;`
		2615	`}`
		2616
		2617	`.instancename,`
		2618	`.rui-instancename {`
		2619	`font-size: 0.938rem; // 15px`
		2620	`font-weight: $font-weight-bold;`
		2621	`color: $body-color;`
		2622
		2623	`.theme-dark & {`
		2624	`color: $dm-body-color;`
		2625	`}`
		2626
		2627	`@include media-breakpoint-between(xs, sm) {`
		2628	`display: block;`
		2629	`font-size: $font-size-sm;`
		2630	`}`
		2631	`}`
		2632
		2633	`.rui-pluginname {`
		2634	`font-size: $font-size-xs;`
		2635	`font-weight: $font-weight-normal;`
		2636	`color: $body-color-light;`
		2637
		2638	`.theme-dark & {`
		2639	`color: $dm-body-color-light;`
		2640	`}`
		2641	`}`
		2642
		2643	`.resourcelinkdetails {`
		2644	`display: block;`
		2645	`margin-top: 10px;`
		2646
		2647	`font-size: $font-size-xs;`
		2648	`color: $body-color-light;`
		2649	`}`
		2650
		2651	`.rui-contentafterlink {`
		2652	`font-size: .875rem;`
		2653	`color: $body-color-secondary;`
		2654
		2655	`&:empty {`
		2656	`display: none;`
		2657	`}`
		2658
		2659	`@include media-breakpoint-up(md) {`
		2660	`margin: 0 $rui-date-margin-left;`
		2661	`}`
		2662
		2663	`@include media-breakpoint-between(xs, sm) {`
		2664	`margin: 10px 0 0;`
		2665	`}`
		2666
		2667	`.theme-dark & {`
		2668	`color: $dm-body-color-secondary;`
		2669	`}`
		2670
		2671	`.label & {`
		2672	`margin: 0;`
		2673	`}`
		2674
		2675	`img {`
		2676	`max-width: 100%;`
		2677	`height: auto;`
		2678	`border-radius: $btn-border-radius;`
		2679	`}`
		2680	`}`
		2681
		2682	`.rui-contentwithoutlink {`
		2683	`font-size: 1.125rem;`
		2684	`}`
		2685
		2686
		2687	`$rui-date-margin: $rui-date-margin-left + 14px !default;`
		2688
		2689	`.rui-activity-dates {`
		2690	`margin-left: 0;`
		2691	`margin-top: 0;`
		2692	`margin-bottom: 0;`
		2693
		2694	`display: inline-flex;`
		2695	`flex-wrap: wrap;`
		2696	`align-items: center;`
		2697	`font-size: $font-size-xs;`
		2698	`color: $body-color-light;`
		2699
		2700	`.rui-section & {`
		2701	`padding: 0 $rui-date-margin 12px;`
		2702	`width: calc(100% + 24px);`
		2703	`border-bottom: 1px dashed $border-color;`
		2704	`margin: 0 -12px 10px;`
		2705
		2706	`.theme-dark & {`
		2707	`border-color: $dm-border-color;`
		2708	`}`
		2709	`}`
		2710
		2711	`.theme-dark & {`
		2712	`color: $dm-body-color-light;`
		2713	`}`
		2714
		2715	`@include media-breakpoint-between(xs, md) {`
		2716	`margin-left: 0;`
		2717	`}`
		2718
		2719	`.rui-activity--hasnotcompletion &,`
		2720	`.rui--activity-is-automatic & {`
		2721	`left: $rui-date-margin-left * 0.5;`
		2722
		2723	`@include media-breakpoint-between(xs, md) {`
		2724	`left: 0;`
		2725	`}`
		2726
		2727	`@include media-breakpoint-between(xs, sm) {`
		2728	`position: relative;`
		2729	`}`
		2730	`}`
		2731
		2732	`div {`
		2733	`color: $body-color-secondary;`
		2734
		2735	`.theme-dark & {`
		2736	`color: $dm-body-color-secondary;`
		2737	`}`
		2738
		2739	`strong {`
		2740	`color: $body-color;`
		2741
		2742	`.theme-dark & {`
		2743	`color: $dm-body-color;`
		2744	`}`
		2745	`}`
		2746
		2747	`&:last-of-type {`
		2748	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 fill='#{url-friendly-colour($body-color)}' d='M13 12C13 12.5523 12.5523 13 12 13C11.4477 13 11 12.5523 11 12C11 11.4477 11.4477 11 12 11C12.5523 11 13 11.4477 13 12Z'%3E%3C/path%3E%3Cpath fill='#{url-friendly-colour($body-color)}' d='M9 12C9 12.5523 8.55228 13 8 13C7.44772 13 7 12.5523 7 12C7 11.4477 7.44772 11 8 11C8.55228 11 9 11.4477 9 12Z'%3E%3C/path%3E%3Cpath fill='#{url-friendly-colour($body-color)}' d='M17 12C17 12.5523 16.5523 13 16 13C15.4477 13 15 12.5523 15 12C15 11.4477 15.4477 11 16 11C16.5523 11 17 11.4477 17 12Z'%3E%3C/path%3E%3C/svg%3E%0A");
		2749	`background-repeat: no-repeat;`
		2750	`background-position: 10px;`
		2751	`padding-left: 45px;`
		2752
		2753	`.theme-dark & {`
		2754	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 fill='#{url-friendly-colour($dm-body-color)}' d='M13 12C13 12.5523 12.5523 13 12 13C11.4477 13 11 12.5523 11 12C11 11.4477 11.4477 11 12 11C12.5523 11 13 11.4477 13 12Z'%3E%3C/path%3E%3Cpath fill='#{url-friendly-colour($dm-body-color)}' d='M9 12C9 12.5523 8.55228 13 8 13C7.44772 13 7 12.5523 7 12C7 11.4477 7.44772 11 8 11C8.55228 11 9 11.4477 9 12Z'%3E%3C/path%3E%3Cpath fill='#{url-friendly-colour($dm-body-color)}' d='M17 12C17 12.5523 16.5523 13 16 13C15.4477 13 15 12.5523 15 12C15 11.4477 15.4477 11 16 11C16.5523 11 17 11.4477 17 12Z'%3E%3C/path%3E%3C/svg%3E%0A");
		2755	`}`
		2756
		2757
		2758	`@include media-breakpoint-between(xs, sm) {`
		2759	`background: none;`
		2760	`margin-top: 10px;`
		2761	`padding-left: 0;`
		2762	`}`
		2763	`}`
		2764	`}`
		2765	`}`
		2766
		2767	`.rui-conditionalhidden {`
		2768	`position: relative;`
		2769
		2770	`background-color: $gray-100;`
		2771
		2772	`opacity: .5;`
		2773	`transition: $transition-base;`
		2774
		2775	`.theme-dark & {`
		2776	`background-color: $dm-gray-100;`
		2777	`}`
		2778
		2779	`&:hover {`
		2780	`background-color: transparent;`
		2781	`opacity: 1;`
		2782	`}`
		2783
		2784	`&:before {`
		2785	`content: '';`
		2786
		2787	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='1.5' d='M18.6247 10C19.0646 10.8986 19.25 11.6745 19.25 12C19.25 13 17.5 18.25 12 18.25C11.2686 18.25 10.6035 18.1572 10 17.9938M7 16.2686C5.36209 14.6693 4.75 12.5914 4.75 12C4.75 11 6.5 5.75 12 5.75C13.7947 5.75 15.1901 6.30902 16.2558 7.09698'%3E%3C/path%3E%3Cpath stroke='#{url-friendly-colour($body-color)}' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M19.25 4.75L4.75 19.25'%3E%3C/path%3E%3Cpath stroke='#{url-friendly-colour($body-color)}' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M10.409 13.591C9.53033 12.7123 9.53033 11.2877 10.409 10.409C11.2877 9.5303 12.7123 9.5303 13.591 10.409'%3E%3C/path%3E%3C/svg%3E%0A");
		2788	`background-size: 16px;`
		2789	`background-color: $gray-300;`
		2790	`background-position: center;`
		2791	`background-repeat: no-repeat;`
		2792
		2793	`position: absolute;`
		2794	`top: 1px;`
		2795	`left: 1px;`
		2796
		2797	`border-radius: $btn-border-radius;`
		2798
		2799	`width: 20px;`
		2800	`height: 20px;`
		2801
		2802	`.theme-dark & {`
		2803	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($dm-body-color)}' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M18.6247 10C19.0646 10.8986 19.25 11.6745 19.25 12C19.25 13 17.5 18.25 12 18.25C11.2686 18.25 10.6035 18.1572 10 17.9938M7 16.2686C5.36209 14.6693 4.75 12.5914 4.75 12C4.75 11 6.5 5.75 12 5.75C13.7947 5.75 15.1901 6.30902 16.2558 7.09698'%3E%3C/path%3E%3Cpath stroke='#{url-friendly-colour($dm-body-color)}' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M19.25 4.75L4.75 19.25'%3E%3C/path%3E%3Cpath stroke='#{url-friendly-colour($dm-body-color)}' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M10.409 13.591C9.53033 12.7123 9.53033 11.2877 10.409 10.409C11.2877 9.5303 12.7123 9.5303 13.591 10.409'%3E%3C/path%3E%3C/svg%3E%0A");
		2804	`}`
		2805
		2806	`}`
		2807
		2808	`}`
		2809
		2810	`.rui-course-summary:not(:empty) {`
		2811	`margin: 10px 0;`
		2812	`font-size: $font-size-md;`
		2813
		2814	`@include media-breakpoint-between(xs, sm) {`
		2815	`font-size: $font-size-sm;`
		2816	`}`
		2817	`}`
		2818
		2819	`.rui--activity-is-manual {`
		2820	`position: relative;`
		2821	`}`
		2822
		2823	`// Mods`
		2824	`.rui--activity-hasdates {`
		2825	`padding-top: 40px;`
		2826
		2827	`@include media-breakpoint-between(xs, sm) {`
		2828	`padding-top: 0;`
		2829	`}`
		2830	`}`
		2831
		2832	`// End.`
		2833
		2834
		2835	`.btn--activity-manual {`
		2836	`padding: 0;`
		2837	`background-color: transparent;`
		2838	`border: none;`
		2839
		2840	`color: $body-color-light;`
		2841
		2842	`.theme-dark & {`
		2843	`color: $dm-body-color-light;`
		2844	`}`
		2845
		2846	`.loading-icon {`
		2847	`position: relative;`
		2848	`width: 30px;`
		2849	`height: 30px;`
		2850	`display: flex;`
		2851	`align-items: center;`
		2852	`justify-items: center;`
		2853	`}`
		2854	`}`
		2855
		2856	`.path-grade,`
		2857	`.path-mod {`
		2858	`.rui-activity-wrapper {`
		2859	`display: flex;`
		2860	`flex-wrap: wrap;`
		2861
		2862	`border: 1px solid $border-color;`
		2863	`border-radius: $btn-border-radius + 6px;`
		2864
		2865	`@include media-breakpoint-up(md) {`
		2866	`padding: 7px 8px;`
		2867	`}`
		2868
		2869	`@include media-breakpoint-between(xs, sm) {`
		2870	`padding: 10px;`
		2871	`}`
		2872
		2873	`.theme-dark & {`
		2874	`border-color: $dm-border-color;`
		2875	`}`
		2876
		2877	`margin-top: 0;`
		2878	`margin-bottom: $page-padding-global;`
		2879
		2880	`overflow: hidden;`
		2881
		2882	`&:empty {`
		2883	`display: none;`
		2884	`}`
		2885
		2886	`&.rui-activity--hasnotcompletion {`
		2887	`padding-bottom: 0;`
		2888	`border: none;`
		2889	`}`
		2890
		2891	`.automatic-completion-conditions {`
		2892	`width: 100%;`
		2893	`display: inline-flex;`
		2894	`justify-content: flex-start;`
		2895	`flex-flow: wrap;`
		2896	`}`
		2897
		2898	`.rui-activity-information {`
		2899	`display: flex;`
		2900	`flex-wrap: wrap;`
		2901
		2902	`@include media-breakpoint-between(xs, md) {`
		2903	`overflow-x: auto;`
		2904	`}`
		2905	`}`
		2906
		2907	`&.rui-activity--hasnotcompletion {`
		2908	`.rui-activity-information {`
		2909	`margin-bottom: 0;`
		2910	`border-bottom: none;`
		2911	`}`
		2912	`}`
		2913
		2914	`.rui-activity-dates,`
		2915	`.rui-completion-info--manual {`
		2916	`position: relative;`
		2917	`}`
		2918
		2919	`.rui-completion-info--manual {`
		2920	`.btn {`
		2921	`height: 42px;`
		2922	`}`
		2923	`}`
		2924
		2925	`.rui-activity-dates {`
		2926	`left: auto;`
		2927	`}`
		2928
		2929	`}`
		2930	`}`
		2931
		2932	`.rui--activity-notautomatic,`
		2933	`.rui--activity-is-manual {`
		2934	`.activity-badges {`
		2935	`padding-left: 40px;`
		2936	`margin-bottom: 15px !important;`
		2937	`}`
		2938	`}`
		2939
		2940	`.modtype_label .activity-badges {`
		2941	`padding: 0;`
		2942	`}`
		2943
		2944	`// Dark mode.`
		2945	`.theme-dark.path-mod {`
		2946	`.rui-activity-wrapper {`
		2947	`border-color: $dm-border-color;`
		2948	`}`
		2949	`}`
		2950
		2951	`.rui-activity-information .rui-completion-info-wrapper {`
		2952	`.btn {`
		2953	`height: 42px;`
		2954	`}`
		2955	`}`
		2956
		2957	`/* end of Activity Item Section */`
		2958
		2959
		2960	`// * Formats - Topics`
		2961	`.rui-activity-content {`
		2962	`position: relative;`
		2963	`display: inherit;`
		2964
		2965	`.inplaceeditable-text {`
		2966	`display: flex;`
		2967	`align-items: center;`
		2968	`flex-wrap: wrap;`
		2969
		2970	`.quickeditlink {`
		2971	`margin-left: .35rem;`
		2972	`}`
		2973	`}`
		2974	`}`
		2975
		2976	`.rui-course-sectionname {`
		2977	`font-size: 1.125rem; //18px`
		2978	`color: $headings-color;`
		2979
		2980	`a {`
		2981	`color: $headings-color;`
		2982
		2983	`.theme-dark & {`
		2984	`color: $dm-headings-color;`
		2985	`}`
		2986
		2987	`&:hover {`
		2988	`color: $link-color;`
		2989
		2990	`.theme-dark & {`
		2991	`color: $dm-link-color;`
		2992	`}`
		2993	`}`
		2994	`}`
		2995	`}`
		2996
		2997	`.rui-activity-edit-wrapper {`
		2998	`padding: 10px;`
		2999	`margin-bottom: 15px;`
		3000
		3001	`display: flex;`
		3002	`flex-wrap: wrap;`
		3003	`justify-content: space-between;`
		3004
		3005	`background-color: $gray-100;`
		3006	`border-radius: $btn-border-radius;`
		3007
		3008	`.theme-dark & {`
		3009	`background-color: $dm-gray-100;`
		3010	`}`
		3011
		3012	`.activity:hover & {`
		3013	`background-color: $gray-300;`
		3014
		3015	`.theme-dark & {`
		3016	`background-color: $dm-gray-300;`
		3017	`}`
		3018	`}`
		3019
		3020	`.dropdown-btn {`
		3021	`align-items: center;`
		3022
		3023	`padding: 10px 18px;`
		3024	`background-color: $white;`
		3025	`border-radius: $btn-border-radius;`
		3026
		3027	`font-size: 13px;`
		3028	`color: $gray-900;`
		3029
		3030	`.theme-dark & {`
		3031	`background-color: $dm-white;`
		3032	`color: $dm-gray-900;`
		3033	`}`
		3034	`}`
		3035
		3036	`.aabtn.menu-action .icon {`
		3037	`padding: 0;`
		3038	`background-color: transparent;`
		3039	`}`
		3040
		3041	`.moodle-core-dragdrop-draghandle {`
		3042	`margin-left: 0;`
		3043
		3044	`@include media-breakpoint-down(md) {`
		3045	`margin-bottom: 10px;`
		3046	`}`
		3047	`}`
		3048	`}`
		3049
		3050	`/* Activity Chooser */`
		3051	`.rui-activitychooser-bg {`
		3052	`background-color: $gray-100;`
		3053	`border-radius: $btn-border-radius;`
		3054
		3055	`.theme-dark & {`
		3056	`background-color: $dm-gray-100;`
		3057	`}`
		3058	`}`
		3059
		3060	`.rui-optionicon {`
		3061	`display: inline-flex;`
		3062	`align-content: center;`
		3063
		3064	`img {`
		3065	`width: 20px;`
		3066	`height: 20px;`
		3067	`margin-right: 10px;`
		3068	`margin-left: 3px;`
		3069	`}`
		3070	`}`
		3071
		3072	`.rui-optionname {`
		3073	`font-size: $font-size-md;`
		3074	`font-weight: $font-weight-medium;`
		3075	`line-height: 1.2;`
		3076	`color: $body-color;`
		3077
		3078	`.theme-dark & {`
		3079	`color: $dm-body-color;`
		3080	`}`
		3081	`}`
		3082
		3083	`/* Course Format - Topics */`
		3084	`.course-card-link {`
		3085	`&:hover {`
		3086	`text-decoration: none;`
		3087
		3088	`.rui-course-format-card {`
		3089	`width: 100%;`
		3090	`background-color: $primary-color-100;`
		3091	`border-color: $primary-color-200;`
		3092
		3093	`.theme-dark & {`
		3094	`background-color: $primary-color-700;`
		3095	`border-color: $primary-color-200;`
		3096	`}`
		3097	`}`
		3098
		3099	`.course-progressbar-wrapper {`
		3100	`background-color: $container-bg;`
		3101
		3102	`.theme-dark & {`
		3103	`background-color: $dm-gray-100;`
		3104	`}`
		3105	`}`
		3106	`}`
		3107	`}`
		3108
		3109	`.rui-section-summary-activities {`
		3110	`margin: 15px -20px 0;`
		3111	`padding: 15px 20px 0;`
		3112	`border-top: 2px dashed $border-color;`
		3113
		3114	`font-size: $font-size-xs;`
		3115	`color: $body-color-light;`
		3116
		3117	`.theme-dark & {`
		3118	`color: $dm-body-color-light;`
		3119	`border-color: $dm-border-color;`
		3120	`}`
		3121
		3122	`.activity-count {`
		3123	`margin-right: .5rem;`
		3124	`padding-right: .5rem;`
		3125	`border-right: 1px solid $border-color;`
		3126
		3127	`.theme-dark & {`
		3128	`border-color: $dm-border-color;`
		3129	`}`
		3130
		3131	`&:last-of-type {`
		3132	`margin-right: 0;`
		3133	`padding-right: 0;`
		3134	`border-right: none;`
		3135	`}`
		3136	`}`
		3137	`}`
		3138
		3139	`.rui-progress--complete {`
		3140	`padding: 3px;`
		3141	`font-weight: $font-weight-bold;`
		3142	`}`
		3143
		3144	`.rui-progress--total {`
		3145	`padding: 3px;`
		3146	`font-weight: $font-weight-bold;`
		3147	`opacity: .7;`
		3148	`}`
		3149
		3150
		3151	`// Format Course Multitopic`
		3152	`ul.sections {`
		3153	`padding: 0;`
		3154	`}`
		3155
		3156	`.format-multitopic {`
		3157
		3158	`.completionprogress {`
		3159	`margin: 10px 0;`
		3160	`}`
		3161
		3162	`.sections {`
		3163	`.section_subtitle {`
		3164	`display: block;`
		3165	`margin-top: 10px;`
		3166	`font-family: $font-family-base;`
		3167	`font-weight: $font-weight-normal;`
		3168	`font-size: $font-size-xs;`
		3169	`color: $body-color-light;`
		3170	`}`
		3171	`}`
		3172
		3173
		3174	`.section-topic-timed {`
		3175	`margin: 10px 0;`
		3176	`padding: 10px;`
		3177	`border: 1px solid $border-color;`
		3178	`border-radius: $btn-border-radius;`
		3179
		3180	`.theme-dark & {`
		3181	`border-color: $dm-border-color;`
		3182	`}`
		3183
		3184	`.summary,`
		3185	`.comntent .rui-section {`
		3186	`padding: 10px 25px;`
		3187	`}`
		3188
		3189	`&.section-expanded {`
		3190	`border: 2px solid $primary-color-300;`
		3191	`}`
		3192
		3193	`.rui-main-content-title {`
		3194	`margin: 10px 40px 10px 25px;`
		3195	`}`
		3196
		3197	`.rui-section {`
		3198	`margin-bottom: 0;`
		3199	`}`
		3200
		3201	`.rui-title-container {`
		3202	`position: relative;`
		3203	`margin-bottom: 0;`
		3204
		3205	`.icon {`
		3206	`position: absolute;`
		3207	`top: 5px;`
		3208	`right: 5px;`
		3209
		3210	`display: flex;`
		3211	`align-items: center;`
		3212	`justify-content: center;`
		3213
		3214	`width: 30px;`
		3215	`height: 30px;`
		3216	`background-color: $gray-100;`
		3217	`border-radius: 30px;`
		3218
		3219	`.theme-dark & {`
		3220	`background-color: $dm-gray-100;`
		3221	`}`
		3222	`}`
		3223	`}`
		3224
		3225	`.rui-activity-dates {`
		3226	`left: $rui-date-margin-left;`
		3227	`}`
		3228	`}`
		3229	`}`
		3230
		3231	`// Format CourseCollapsible Weeks`
		3232	`.editing .weeks .rui-title-container {`
		3233	`margin: $page-padding-global 0 10px;`
		3234	`padding: 10px;`
		3235	`}`
		3236
		3237	`.rui-course-content-intro {`
		3238	`padding: 0;`
		3239	`margin-bottom: $page-padding-global;`
		3240
		3241	`.rui-section {`
		3242	`margin-top: 15px;`
		3243	`}`
		3244
		3245	`.rui-title-container {`
		3246	`margin-bottom: 10px;`
		3247	`}`
		3248
		3249	`.rui-section-summary-activities {`
		3250	`margin: 15px 0 0;`
		3251	`padding: 5px 8px;`
		3252	`width: 100%;`
		3253
		3254	`background-color: $gray-100;`
		3255	`border: none;`
		3256	`border-radius: $btn-border-radius;`
		3257
		3258	`.theme-dark & {`
		3259	`background-color: $dm-gray-100;`
		3260	`}`
		3261	`}`
		3262
		3263	`.rui-main-content-title--h4 {`
		3264	`font-size: 2.5rem; //40px`
		3265	`}`
		3266
		3267	`.summarytext {`
		3268	`font-size: $font-size-base;`
		3269	`}`
		3270	`}`
		3271
		3272	`.format-collapsibleweeks {`
		3273	`.collapsibleweeks {`
		3274	`.rui-activity-dates {`
		3275	`left: 77px;`
		3276	`}`
		3277	`}`
		3278	`}`
		3279
		3280	`.course-content ul.collapsibleweeks .content .summarytext {`
		3281	`margin: 10px 0;`
		3282	`}`
		3283
		3284	`body.editing ul.collapsibleweeks .content .summarytext {`
		3285	`margin-left: 0;`
		3286	`}`
		3287
		3288	`.course-content ul.collapsibleweeks li.section .content {`
		3289	`margin: 0 0 10px;`
		3290	`padding: 15px 20px;`
		3291
		3292	`body:not(.editing) & {`
		3293	`&:hover {`
		3294	`transform: translateY(-3px);`
		3295	`}`
		3296	`}`
		3297
		3298	`}`
		3299
		3300	`.course-content ul.collapsibleweeks li.section .right {`
		3301	`padding: 0;`
		3302	`}`
		3303
		3304	`.course-content ul.collapsibleweeks a.sectiontoggle {`
		3305	`margin: 0;`
		3306	`}`
		3307
		3308	`body.editing .course-content ul.collapsibleweeks li.section .left.side {`
		3309	`margin-left: 10px;`
		3310
		3311	`.moodle-core-dragdrop-draghandle {`
		3312	`margin-right: 20px;`
		3313	`}`
		3314	`}`
		3315
		3316	`.course-content ul.collapsibleweeks li.section .sectionname:empty {`
		3317	`display: none;`
		3318	`}`
		3319
		3320	`.collapsibleweeks .progress {`
		3321	`display: none;`
		3322	`}`
		3323
		3324	`.rui-sectiontoggle {`
		3325	`display: block;`
		3326
		3327	`padding: 0 !important;`
		3328
		3329	`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='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E ") !important;`
		3330	`background-position: right !important;`
		3331	`background-repeat: no-repeat;`
		3332	`background-size: 16px !important;`
		3333	`background-color: transparent;`
		3334
		3335	`&.collapsed {`
		3336	`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") !important;`
		3337	`}`
		3338
		3339	`&:hover {`
		3340	`text-decoration: none;`
		3341	`}`
		3342	`}`
		3343
		3344	`.rui-sectiontoggle,`
		3345	`.course-content .collapsible-actions a.collapseall {`
		3346	`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='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E ") !important;`
		3347	`}`
		3348
		3349	`.course-content .collapsible-actions a.collapseall {`
		3350	`background-position: 0 !important;`
		3351	`background-size: 18px !important;`
		3352	`}`
		3353
		3354	`.catlevel1 {`
		3355	`li {`
		3356	`padding: .35rem 0;`
		3357	`margin: .35rem;`
		3358
		3359	`.itemicon {`
		3360	`margin-right: .35rem;`
		3361	`width: 30px;`
		3362	`height: 30px;`
		3363	`}`
		3364	`}`
		3365	`}`
		3366
		3367
		3368	`// Mods`
		3369	`.rui-category-actions {`
		3370	`margin-top: 10px;`
		3371	`margin-left: 115px;`
		3372	`width: 100%;`
		3373	`position: relative;`
		3374
		3375	`.course-item-actions {`
		3376	`width: 100%;`
		3377
		3378	`.action-delete {`
		3379	`position: absolute;`
		3380	`right: 10px;`
		3381	`}`
		3382	`}`
		3383	`}`
		3384
		3385	`.course-item-actions {`
		3386	`display: inline-flex;`
		3387	`}`
		3388
		3389	`.errorbox {`
		3390	`padding: $alert-padding-y $alert-padding-x;`
		3391	`margin-top: $page-padding-global;`
		3392
		3393	`background-color: $red-100;`
		3394	`position: relative;`
		3395
		3396	`border: $alert-border-width solid transparent;`
		3397	`@include border-radius($alert-border-radius);`
		3398
		3399	`font-size: $font-size-md;`
		3400	`font-weight: $font-weight-medium;`
		3401
		3402	`color: $red-900;`
		3403
		3404	`.theme-dark & {`
		3405	`background-color: $red-900;`
		3406	`color: $red-100;`
		3407	`}`
		3408	`}`
		3409
		3410
		3411	`// Recent activities`
		3412	`#page-course-recent {`
		3413	`.list-unstyled {`
		3414	`li {`
		3415	`padding: .5rem 0;`
		3416	`font-size: $font-size-md;`
		3417	`font-weight: $font-weight-medium;`
		3418
		3419	`.rui-icon-container {`
		3420	`margin-right: .25rem;`
		3421	`}`
		3422	`}`
		3423	`}`
		3424	`}`
		3425
		3426	`//Moodle 4.0`
		3427	`.block-add {`
		3428	`width: 100%;`
		3429	`margin: .35rem 0;`
		3430	`border-radius: $btn-border-radius;`
		3431	`background-color: $primary-color-200;`
		3432	`color: $primary-color-600;`
		3433	`border-width: $border-width;`
		3434
		3435	`.theme-dark & {`
		3436	`background-color: $primary-color-200;`
		3437	`color: $primary-color-600;`
		3438	`}`
		3439
		3440	`.pluscontainer {`
		3441	`border: 1px solid $primary-color-300;`
		3442	`}`
		3443
		3444	`&:hover {`
		3445	`cursor: pointer;`
		3446	`background-color: $primary-color-100;`
		3447	`color: $primary-color-600;`
		3448
		3449	`.theme-dark & {`
		3450	`background-color: $primary-color-100;`
		3451	`color: $primary-color-600;`
		3452	`}`
		3453
		3454	`.activity-add-text {`
		3455	`text-decoration: underline;`
		3456	`}`
		3457	`}`
		3458	`}`
		3459
		3460	`.section-collapsemenu {`
		3461	`.collapseall {`
		3462	`display: block;`
		3463	`}`
		3464
		3465	`.expandall {`
		3466	`display: none;`
		3467	`}`
		3468
		3469	`&.collapsed {`
		3470	`.collapseall {`
		3471	`display: none;`
		3472	`}`
		3473
		3474	`.expandall {`
		3475	`display: block;`
		3476	`}`
		3477	`}`
		3478	`}`
		3479
		3480	`.rui-course-header--color {`
		3481	`padding: 40px 60px;`
		3482	`background-color: $primary-color-100;`
		3483	`border-radius: $btn-border-radius;`
		3484	`}`
		3485
		3486	`.rui-course-header-btn {`
		3487	`.sectionname {`
		3488	`font-size: $font-size-base;`
		3489	`}`
		3490	`}`
		3491
		3492	`.rui-course-header-btn-icon {`
		3493	`width: $activity-iconcontainer-width;`
		3494	`height: $activity-iconcontainer-height;`
		3495	`display: inline-flex;`
		3496	`justify-content: center;`
		3497	`align-items: center;`
		3498	`background-color: $gray-100;`
		3499	`border-radius: $activity-iconcontainer-width;`
		3500	`padding: 0.7rem;`
		3501	`margin: 0 10px 0 0;`
		3502	`color: $gray-600;`
		3503
		3504	`.theme-dark & {`
		3505	`background-color: $dm-gray-100;`
		3506	`color: $dm-gray-600;`
		3507	`}`
		3508
		3509	`&[aria-expanded="true"],`
		3510	`&:hover {`
		3511	`background-color: $primary-color-100;`
		3512	`color: $primary-color-600;`
		3513
		3514	`.theme-dark & {`
		3515	`background-color: $dm-gray-200;`
		3516	`color: $dm-gray-700;`
		3517	`}`
		3518	`}`
		3519	`}`
		3520
		3521	`.rui-course-header-btn-link {`
		3522	`margin: 0;`
		3523	`padding: 12px 0;`
		3524
		3525	`width: 100%;`
		3526	`justify-content: space-between;`
		3527
		3528	`color: $body-color;`
		3529	`border-bottom: 1px solid $border-color;`
		3530
		3531	`.theme-dark & {`
		3532	`color: $dm-body-color;`
		3533	`border-color: $dm-border-color;`
		3534	`}`
		3535
		3536	`.sectionname {`
		3537	`font-family: $font-family-base;`
		3538	`font-weight: $font-weight-medium;`
		3539	`font-size: 1rem;`
		3540	`}`
		3541
		3542	`&[aria-expanded="true"],`
		3543	`&:hover {`
		3544	`border-color: $primary-color-600;`
		3545	`text-decoration: none;`
		3546	`}`
		3547
		3548	`.icon {`
		3549	`color: $body-color-light;`
		3550
		3551	`.theme-dark & {`
		3552	`color: $dm-body-color-light;`
		3553	`}`
		3554	`}`
		3555
		3556	`&[aria-expanded="true"] {`
		3557	`margin-bottom: 1rem;`
		3558	`}`
		3559	`}`
		3560
		3561	`// Moodle 4.`
		3562	`.editing {`
		3563	`.a {`
		3564	`cursor: pointer;`
		3565	`}`
		3566	`}`
		3567
		3568	`.section .draggable .activity-item .dragicon {`
		3569	`display: none;`
		3570	`}`
		3571
		3572	`.draggable {`
		3573	`cursor: move;`
		3574	`}`
		3575
		3576	`.activity-item.hiddenactivity {`
		3577	`.activityname {`
		3578	`opacity: .7;`
		3579	`}`
		3580	`}`
		3581
		3582	`.section-modchooser {`
		3583	`font-weight: $font-weight-medium;`
		3584	`color: $body-color-secondary;`
		3585
		3586	`.theme-dark & {`
		3587	`color: $dm-body-color-secondary;`
		3588	`}`
		3589
		3590	`&:hover {`
		3591	`color: $primary-color-600;`
		3592
		3593	`.theme-dark & {`
		3594	`color: $primary-color-300;`
		3595	`}`
		3596	`}`
		3597
		3598	`.pluscontainer {`
		3599	`background-color: $white;`
		3600	`box-shadow: $box-shadow-md;`
		3601	`width: 40px;`
		3602	`height: 40px;`
		3603	`border-radius: 40px;`
		3604
		3605	`display: flex;`
		3606	`align-items: center;`
		3607	`justify-content: center;`
		3608
		3609	`.theme-dark & {`
		3610	`background-color: $black;`
		3611	`}`
		3612	`}`
		3613	`}`
		3614
		3615
		3616	`.rui--activity-is-manual {`
		3617	`display: flex;`
		3618	`justify-content: space-between;`
		3619	`}`
		3620
		3621	`.rui-hidden-badge {`
		3622	`position: relative;`
		3623	`margin: 0 $rui-date-margin-left;`
		3624	`}`
		3625
		3626	`.path-course-view {`
		3627	`.activity-item {`
		3628	`position: relative;`
		3629	`background-color: $container-bg;`
		3630	`border-radius: $btn-border-radius;`
		3631
		3632	`&:not(.activityinline) {`
		3633	`border: $border-width solid $border-color;`
		3634	`padding: 12px;`
		3635	`}`
		3636
		3637	`&.activityinline {`
		3638	`padding: 0;`
		3639
		3640	`&.label {`
		3641	`padding: 0;`
		3642	`}`
		3643	`}`
		3644
		3645	`.activity-actions {`
		3646	`.actions {`
		3647	`position: relative;`
		3648
		3649	`.btn {`
		3650	`min-height: 35px;`
		3651	`}`
		3652	`}`
		3653
		3654	`.dropdown-toggle::after {`
		3655	`display: none;`
		3656	`}`
		3657	`}`
		3658
		3659	`.inplaceeditable {`
		3660	`display: flex;`
		3661	`flex: 0 1 auto;`
		3662	`max-width: 100%;`
		3663	`}`
		3664
		3665	`/* Prevent bootstrap strech-link from covering the inplace editable button using z-index. */`
		3666	`.activityname {`
		3667	`.afterlink {`
		3668	`margin-left: 0.5rem;`
		3669	`}`
		3670
		3671	`.inplaceeditable .quickeditlink {`
		3672	`z-index: 2;`
		3673	`margin-left: 0.5rem;`
		3674	`}`
		3675	`}`
		3676
		3677	`.no-overflow {`
		3678	`width: 100%;`
		3679	`}`
		3680
		3681	`@include media-breakpoint-down(sm) {`
		3682	`.badge {`
		3683	`white-space: normal;`
		3684	`text-align: left;`
		3685	`}`
		3686	`}`
		3687
		3688	`@include media-breakpoint-up(sm) {`
		3689	`.automatic-completion-conditions {`
		3690	`margin: 10px 32px 0;`
		3691	`display: flex;`
		3692	`//flex-direction: column;`
		3693	`align-items: flex-start;`
		3694	`}`
		3695
		3696	`&:not(.activityinline) {`
		3697	`padding: 12px !important;`
		3698	`}`
		3699
		3700	`.activity-info,`
		3701	`.activity-actions {`
		3702	`padding-left: map-get($spacers, 2);`
		3703	`align-self: start;`
		3704	`display: flex;`
		3705	`flex-direction: column;`
		3706	`justify-content: center;`
		3707	`}`
		3708	`}`
		3709	`}`
		3710	`}`
		3711
		3712	`.theme-dark.path-course-view {`
		3713	`.activity-item {`
		3714	`background-color: $dm-container-bg;`
		3715
		3716	`&:not(.activityinline) {`
		3717	`border-color: $dm-border-color;`
		3718	`}`
		3719	`}`
		3720	`}`
		3721
		3722	`.editing .activity-item {`
		3723	`cursor: move;`
		3724
		3725	`.a {`
		3726	`cursor: pointer;`
		3727	`}`
		3728	`}`
		3729
		3730	`.theme-dark.editing .activity-item:hover {`
		3731	`background-color: $dm-black;`
		3732	`}`
		3733
		3734	`.section .draggable .activity-item .dragicon {`
		3735	`display: none;`
		3736	`}`
		3737
		3738	`.automatic-completion-conditions .badge {`
		3739	`font-size: 80%;`
		3740
		3741	`.icon {`
		3742	`width: 0.7rem;`
		3743	`height: 0.7rem;`
		3744	`font-size: 0.7rem;`
		3745	`}`
		3746
		3747	`&:first-child {`
		3748	`margin-top: 0;`
		3749	`}`
		3750	`}`
		3751
		3752	`.activity-dates {`
		3753	`font-size: $font-size-xs;`
		3754	`color: $body-color-light;`
		3755
		3756	`.theme-dark & {`
		3757	`color: $dm-body-color-light;`
		3758	`}`
		3759	`}`
		3760
		3761	`.subcategories .subcategories {`
		3762	`margin-left: 30px;`
		3763
		3764	`.dir-rtl & {`
		3765	`margin-left: 0;`
		3766	`margin-right: 30px;`
		3767	`}`
		3768	`}`
		3769
		3770	`.action-menu-item,`
		3771	`.course-item-actions {`
		3772
		3773	`.action-hide,`
		3774	`.action-show {`
		3775	`margin: 0 .5rem;`
		3776	`}`
		3777
		3778	`.action-delete {`
		3779	`float: right;`
		3780	`margin-left: .5rem;`
		3781	`}`
		3782
		3783	`a {`
		3784	`.icon {`
		3785	`margin: 1px;`
		3786	`padding: 6px;`
		3787
		3788	`display: inline-flex;`
		3789	`align-items: center;`
		3790	`justify-content: center;`
		3791
		3792	`border-radius: $btn-border-radius;`
		3793
		3794	`background-color: $gray-200;`
		3795	`font-size: $font-size-xs;`
		3796	`color: $gray-800;`
		3797
		3798	`transition: $transition-base;`
		3799
		3800	`.theme-dark & {`
		3801	`background-color: $dm-gray-200;`
		3802	`color: $dm-gray-900;`
		3803	`}`
		3804
		3805	`&:hover {`
		3806	`background-color: $gray-300;`
		3807
		3808	`.theme-dark & {`
		3809	`background-color: $dm-gray-300;`
		3810	`}`
		3811	`}`
		3812	`}`
		3813
		3814	`&:hover {`
		3815	`text-decoration: none;`
		3816	`}`
		3817
		3818	`&.action-delete .icon {`
		3819	`background-color: $red-100;`
		3820	`color: $red-800;`
		3821	`border-radius: $btn-border-radius;`
		3822
		3823	`&:hover {`
		3824	`background-color: $red-200;`
		3825	`}`
		3826	`}`
		3827	`}`
		3828	`}`
		3829
		3830	`@include media-breakpoint-between(xs, sm) {`
		3831	`.activity-info {`
		3832	`padding-left: 40px;`
		3833	`}`
		3834	`}`
		3835
		3836	`.rui-course-details {`
		3837	`display: flex;`
		3838	`align-items: center;`
		3839	`flex-wrap: wrap;`
		3840	`gap: 30px;`
		3841	`}`
		3842
		3843	`#csbottombl:not(:empty) {`
		3844	`margin-top: 30px;`
		3845	`}`
		3846
		3847	`$course-cover-height: 500px !default;`
		3848
		3849	`.rui-course-cover {`
		3850	`background-repeat: no-repeat;`
		3851	`background-size: cover;`
		3852
		3853	`border-radius: $btn-border-radius-lg;`
		3854
		3855	`@include media-breakpoint-up(md) {`
		3856	`height: $course-cover-height;`
		3857	`}`
		3858
		3859	`@include media-breakpoint-between(xs, sm) {`
		3860	`height: 200px;`
		3861	`}`
		3862
		3863	`@if variable-exists(showcolorcoursecardmask) {`
		3864	`@if $showcolorcoursecardmask=='yes' {`
		3865	`background-color: $course-card-shadow-color;`
		3866	`background-blend-mode: luminosity;`
		3867	`}`
		3868	`}`
		3869	`}`
		3870
		3871	`// Moodle 4.2`
		3872
		3873	`.activity:focus-within+.activity div.divider button,`
		3874	`.course-section-header:focus-within+.content .section .activity:first-child div.divider button,`
		3875	`.content .section .activity:focus-within div.divider button {`
		3876	`visibility: visible;`
		3877	`}`
		3878
		3879	`.activity {`
		3880	`div.divider {`
		3881	`height: 2rem;`
		3882	`margin-top: -1.25rem;`
		3883	`margin-bottom: -0.75rem;`
		3884	`z-index: 5;`
		3885
		3886	`button {`
		3887	`border-radius: 100%;`
		3888	`background-color: $primary-color-600;`
		3889	`width: 40px;`
		3890	`height: 40px;`
		3891	`position: absolute;`
		3892	`top: -14px;`
		3893	`left: calc(50% - 20px);`
		3894	`opacity: 0;`
		3895	`visibility: hidden;`
		3896	`transition: visibility 0.1s;`
		3897	`margin: 0;`
		3898	`padding: 0;`
		3899
		3900	`.icon {`
		3901	`color: $primary-color-100;`
		3902	`font-size: 18px;`
		3903	`display: flex;`
		3904	`align-items: center;`
		3905	`justify-content: center;`
		3906	`}`
		3907
		3908	`img {`
		3909	`width: 24px;`
		3910	`height: 24px;`
		3911	`filter: invert(1);`
		3912	`}`
		3913	`}`
		3914	`}`
		3915
		3916	`&:not(.dragging) div.divider {`
		3917
		3918	`&:hover button,`
		3919	`&:focus button,`
		3920	`&:focus-within button {`
		3921	`opacity: 1;`
		3922	`visibility: visible;`
		3923	`}`
		3924	`}`
		3925	`}`
		3926
		3927	`.bulkenabled .bulk-hidden {`
		3928	`display: none !important; // stylelint-disable-line declaration-no-important`
		3929	`}`
		3930
		3931	`.activity-item .bulkselect {`
		3932	`position: absolute;`
		3933	`left: -2rem;`
		3934
		3935	`input[type="radio"],`
		3936	`input[type="checkbox"] {`
		3937	`width: 20px;`
		3938	`height: 20px;`
		3939	`}`
		3940	`}`
		3941
		3942	`.course-section-header .bulkselect {`
		3943	`left: -2rem;`
		3944	`position: relative;`
		3945	`width: 0;`
		3946	`}`
		3947
		3948	`@include media-breakpoint-down(sm) {`
		3949	`.bulkenabled .course-content {`
		3950	`margin-left: 2rem;`
		3951	`}`
		3952	`}`
		3953
		3954	`.rui-forum-nav-btns {`
		3955	`white-space: pre-wrap;`
		3956	`position: relative;`
		3957	`}`
		3958
		3959	`.subcategories .category.loaded {`
		3960	`border: 2px solid $gray-200;`
		3961	`margin-bottom: 4px;`
		3962	`padding: 4px 9px 9px;`
		3963	`border-radius: $btn-border-radius;`
		3964
		3965	`.theme-dark & {`
		3966	`border-color: $dm-border-color;`
		3967	`}`
		3968
		3969	`&.collapsed {`
		3970	`padding: 0;`
		3971	`border: 0;`
		3972	`}`
		3973	`}`
		3974
		3975	`// Moodle 4.3`
		3976	`.btn--dialog {`
		3977	`height: 30px;`
		3978	`width: 30px;`
		3979	`padding: 5px 2px 5px 2px;`
		3980	`border: 0;`
		3981
		3982	`@include caret();`
		3983
		3984	`svg {`
		3985	`width: 16px;`
		3986	`height: 16px;`
		3987	`}`
		3988
		3989	`&:after {`
		3990	`margin-left: 0;`
		3991	`}`
		3992	`}`
		3993
		3994	`.badge.dropdown-toggle {`
		3995	`padding-left: 5px;`
		3996	`@include caret();`
		3997
		3998	`.icon {`
		3999	`margin-right: 10px;`
		4000	`background-color: $container-bg;`
		4001	`width: 16px;`
		4002	`height: 16px;`
		4003	`border-radius: 20px;`
		4004	`padding: 5px;`
		4005	`}`
		4006	`}`
		4007
		4008	`.activity-completion {`
		4009	`@include media-breakpoint-between(xs, sm) {`
		4010	`width: 100%;`
		4011	`margin-bottom: 20px;`
		4012	`}`
		4013
		4014	`.btn {`
		4015	`height: 36px;`
		4016	`min-width: 36px;`
		4017	`}`
		4018	`}`
		4019
		4020	`// Availability styles for both section and activities.`
		4021	`.availabilityinfo {`
		4022	`margin-top: 10px;`
		4023	`padding: 6px 6px 6px 16px;`
		4024	`background-color: $gray-200;`
		4025	`font-size: $font-size-xs;`
		4026	`border-radius: $btn-border-radius;`
		4027
		4028	`.theme-dark & {`
		4029	`background-color: $dm-gray-100;`
		4030	`}`
		4031
		4032	`.section_availability & {`
		4033	`background-color: transparent;`
		4034	`padding: 0;`
		4035	`margin: 0;`
		4036	`}`
		4037
		4038	`.editavailability {`
		4039	`a {`
		4040	`@include border-radius();`
		4041	`font-weight: bold;`
		4042
		4043	`&:hover {`
		4044	`background-color: $gray-400;`
		4045	`}`
		4046
		4047	`.icon {`
		4048	`font-size: inherit;`
		4049	`margin-right: .5rem;`
		4050	`}`
		4051	`}`
		4052	`}`
		4053	`}`
		4054
		4055	`&.section-summary {`
		4056	`padding: 10px;`
		4057	`border-radius: $btn-border-radius;`
		4058	`}`
		4059
		4060	`.section-summary-activities .activity-count {`
		4061	`color: $text-muted;`
		4062	`font-size: $font-size-sm;`
		4063	`margin: 3px;`
		4064	`white-space: nowrap;`
		4065	`display: inline-block;`
		4066
		4067	`.theme-dark & {`
		4068	`color: $dm-text-muted;`
		4069	`}`
		4070	`}`
		4071
		4072	`.activity-completion {`
		4073	`.btn.dropdown-toggle {`
		4074	`border: 0;`
		4075	`}`
		4076	`}`
		4077
		4078	`[data-region="availability-multiple"] {`
		4079	`margin-top: 10px;`
		4080	`margin-left: 20px;`
		4081	`}`
		4082
		4083	`.completion-dropdown .btn-success {`
		4084	`padding-left: 7px;`
		4085
		4086	`img {`
		4087	`margin-right: 5px;`
		4088
		4089	`filter: invert(1);`
		4090	`}`
		4091	`}`
		4092
		4093	`.dragicon .icon {`
		4094	`width: 19px;`
		4095	`height: 19px;`
		4096	`border-radius: $btn-border-radius - 1px;`
		4097	`padding: 4px;`
		4098
		4099	`display: flex;`
		4100	`justify-content: center;`
		4101	`align-items: center;`
		4102	`background-color: $container-bg;`
		4103	`box-shadow: $box-shadow-md;`
		4104
		4105	`.theme-dark & {`
		4106	`filter: invert(1);`
		4107	`box-shadow: none;`
		4108	`}`
		4109	`}`
		4110
		4111	`.courseindex .courseindex-item {`
		4112	`.dragicon {`
		4113	`position: absolute;`
		4114	`top: 0;`
		4115	`right: 0;`
		4116	`}`
		4117
		4118	`&.dimmed {`
		4119	`opacity: 1 !important;`
		4120
		4121	`.courseindex-chevron,`
		4122	`.courseindex-link {`
		4123	`opacity: 1 !important;`
		4124
		4125	`color: $body-color-light;`
		4126
		4127	`.theme-dark & {`
		4128	`color: $dm-body-color-light;`
		4129	`}`
		4130	`}`
		4131
		4132	`.courseindex-name {`
		4133	`color: $body-color-light;`
		4134
		4135	`.theme-dark & {`
		4136	`color: $dm-body-color-light;`
		4137	`}`
		4138	`}`
		4139	`}`
		4140
		4141	`&.dimmed:not(.restrictions) {`
		4142	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='#{url-friendly-colour($body-color)}' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M18.6247 10C19.0646 10.8986 19.25 11.6745 19.25 12C19.25 13 17.5 18.25 12 18.25C11.2686 18.25 10.6035 18.1572 10 17.9938M7 16.2686C5.36209 14.6693 4.75 12.5914 4.75 12C4.75 11 6.5 5.75 12 5.75C13.7947 5.75 15.1901 6.30902 16.2558 7.09698'%3E%3C/path%3E%3Cpath stroke='#{url-friendly-colour($body-color)}' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M19.25 4.75L4.75 19.25'%3E%3C/path%3E%3Cpath stroke='#{url-friendly-colour($body-color)}' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M10.409 13.591C9.53033 12.7123 9.53033 11.2877 10.409 10.409C11.2877 9.5303 12.7123 9.5303 13.591 10.409'%3E%3C/path%3E%3C/svg%3E");
		4143	`background-repeat: no-repeat;`
		4144	`background-position: center right 26px;`
		4145	`z-index: 1;`
		4146
		4147	`.theme-dark & {`
		4148	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='#{url-friendly-colour($dm-body-color)}' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M18.6247 10C19.0646 10.8986 19.25 11.6745 19.25 12C19.25 13 17.5 18.25 12 18.25C11.2686 18.25 10.6035 18.1572 10 17.9938M7 16.2686C5.36209 14.6693 4.75 12.5914 4.75 12C4.75 11 6.5 5.75 12 5.75C13.7947 5.75 15.1901 6.30902 16.2558 7.09698'%3E%3C/path%3E%3Cpath stroke='#{url-friendly-colour($dm-body-color)}' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M19.25 4.75L4.75 19.25'%3E%3C/path%3E%3Cpath stroke='#{url-friendly-colour($dm-body-color)}' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M10.409 13.591C9.53033 12.7123 9.53033 11.2877 10.409 10.409C11.2877 9.5303 12.7123 9.5303 13.591 10.409'%3E%3C/path%3E%3C/svg%3E");
		4149	`}`
		4150
		4151	`.courseindex-name {`
		4152	`color: $body-color-light;`
		4153
		4154	`.theme-dark & {`
		4155	`color: $dm-body-color-light;`
		4156	`}`
		4157	`}`
		4158	`}`
		4159	`}`
		4160
		4161	`.activity-basis {`
		4162	`gap: 10px;`
		4163	`}`
		4164
		4165	`.section-summary {`
		4166	`hr {`
		4167	`margin-bottom: 0;`
		4168	`}`
		4169	`}`
		4170
		4171	`// Course additional informations.`
		4172	`.rui-course-card {`
		4173	`.rui-mo-progress-text {`
		4174	`font-size: $font-size-xs;`
		4175	`}`
		4176
		4177	`.rui-course-card-text+.rui-custom-field-box {`
		4178	`margin-top: 20px;`
		4179	`}`
		4180
		4181	`.rui-custom-field-box {`
		4182	`width: 100%;`
		4183	`display: flex;`
		4184	`margin-bottom: 5px;`
		4185	`font-size: $font-size-xs;`
		4186	`opacity: .7;`
		4187
		4188	`.rui-custom-field-name {`
		4189	`margin-right: 5px;`
		4190	`}`
		4191	`}`
		4192
		4193	`.rui-custom-field-value {`
		4194	`font-weight: $font-weight-bold;`
		4195	`}`
		4196	`}`
		4197
		4198
		4199	`.rui-course-details,`
		4200	`.rui-course-header-custom-f {`
		4201	`display: flex;`
		4202	`flex-wrap: wrap;`
		4203	`align-items: center;`
		4204
		4205	`.rui-custom-field-name {`
		4206	`display: block;`
		4207	`font-size: $font-size-sm;`
		4208	`font-weight: $font-weight-medium;`
		4209	`color: $body-color-light;`
		4210
		4211	`@include media-breakpoint-up(xl) {`
		4212	`font-size: 1rem;`
		4213	`}`
		4214
		4215	`@include media-breakpoint-down(lg) {`
		4216	`font-size: $font-size-md;`
		4217	`}`
		4218
		4219	`.theme-dark & {`
		4220	`color: $dm-body-color-light;`
		4221	`}`
		4222	`}`
		4223
		4224	`.rui-custom-field-value {`
		4225	`font-size: 16px;`
		4226	`font-weight: $font-weight-bold;`
		4227	`color: $body-color;`
		4228
		4229	`@include media-breakpoint-up(xxl) {`
		4230	`font-size: 24px;`
		4231	`}`
		4232
		4233	`@include media-breakpoint-down(lg) {`
		4234	`font-size: 18px;`
		4235	`}`
		4236
		4237	`.theme-dark & {`
		4238	`color: $dm-body-color;`
		4239	`}`
		4240	`}`
		4241	`}`
		4242
		4243	`.rui-course-info-box {`
		4244	`margin: 30px 0 0;`
		4245	`display: flex;`
		4246	`flex-wrap: wrap;`
		4247	`align-items: center;`
		4248
		4249	`overflow-x: auto;`
		4250	`gap: 0;`
		4251
		4252	`.rui-custom-field-box {`
		4253	`margin-right: 32px;`
		4254	`margin-bottom: 20px;`
		4255	`display: flex;`
		4256	`flex-wrap: wrap;`
		4257	`flex-direction: column;`
		4258	`}`
		4259	`}`
		4260
		4261	`.rui-course-header-custom-f .rui-cf-tool_courserating {`
		4262	`display: none !important;`
		4263	`visibility: hidden;`
		4264	`}`
		4265
		4266	`.tool_courserating-cfield {`
		4267	`display: inline-flex;`
		4268	`border: 1px solid $border-color;`
		4269	`padding: 13px;`
		4270	`margin: 10px 0;`
		4271	`box-sizing: content-box;`
		4272	`border-radius: $btn-border-radius;`
		4273
		4274	`.rui-course-card & {`
		4275	`padding: 0;`
		4276	`margin: 0 -3px;`
		4277	`border: 0;`
		4278	`color: $body-color;`
		4279
		4280	`.theme-dark & {`
		4281	`color: $dm-body-color;`
		4282	`}`
		4283	`}`
		4284
		4285	`.theme-dark & {`
		4286	`border-color: $dm-border-color;`
		4287	`}`
		4288
		4289	`.rui-course-info-box & {`
		4290	`margin: 0;`
		4291	`display: none;`
		4292	`visibility: hidden;`
		4293	`}`
		4294
		4295	`a:before {`
		4296	`display: none;`
		4297	`}`
		4298
		4299	`.fa-star {`
		4300	`color: $yellow-700;`
		4301	`}`
		4302
		4303	`.tool_courserating-ratingcolor,`
		4304	`.tool_courserating-ratings {`
		4305	`color: $body-color-light;`
		4306
		4307	`.theme-dark & {`
		4308	`color: $dm-body-color-light;`
		4309	`}`
		4310	`}`
		4311	`}`

Proyectos de Subversion Moodle

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