@import url(https://fonts.googleapis.com/css?family=Material+Icons|Material+Icons+Outlined|Material+Icons+Two+Tone|Material+Icons+Round|Material+Icons+Sharp);@import url(https://fonts.googleapis.com/css?family=Audiowide&display=swap);.ai-drawer{position:fixed;top:60px;bottom:0;right:calc(-315px + -10px);width:315px;background-color:#f8f9fa;z-index:1016;transition:right 0.2s ease,top 0.2s ease,bottom 0.2s ease,visibility 0.2s ease,transform 0.5s ease;visibility:hidden}.ai-drawer.show{right:0;visibility:visible}.ai-drawer-header{padding:0;height:60px;display:flex;align-items:center}.ai-drawer-header .ai-drawer-button{margin-left:auto;margin-right:5px}.ai-drawer-body{position:relative;height:calc(100vh - 120px);display:flex;flex-direction:column;flex-wrap:nowrap;padding:.4rem;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#6a737b #f8f9fa}.course-assist-response-content{font-size:.875em}#ai-features .icon{min-width:16px}.course-assist-response-header .icon{width:30px;height:30px}.course-assist-controls .icon,.ai-course-assist-sparkles-icon .icon{margin-right:0}.course-assist-controls .ai-action{color:unset}.course-assist-controls .ai-action .ai-course-assist-sparkles-icon,.course-assist-controls .ai-action:not([disabled]):hover .ai-course-assist-sparkles-icon.white,.course-assist-controls.show .ai-action:not([disabled]) .ai-course-assist-sparkles-icon.white{display:inline-block}.course-assist-controls .ai-action .ai-course-assist-sparkles-icon.white,.course-assist-controls .ai-action:not([disabled]):hover .ai-course-assist-sparkles-icon,.course-assist-controls.show .ai-action:not([disabled]) .ai-course-assist-sparkles-icon{display:none}#availability_password_intro{border-bottom:1px solid #e9ecef;margin-bottom:1rem;padding-bottom:1rem}.availability_password_dialogue .moodle-dialogue-wrap{border-radius:.6rem}.availability_password_dialogue .moodle-dialogue-bd,.availability_password_dialogue .moodle-dialogue-ft{padding:1rem!important}.availability_password_dialogue .moodle-dialogue-hd h5{font-size:1.171875rem!important;font-weight:700!important}.availability_password_dialogue .moodle-dialogue-ft{border-top:1px solid #e9ecef;padding-top:1rem}.availability_password_dialogue .moodle-dialogue-ft .yui3-button{background-image:none!important;box-shadow:none!important}
/**
 * Styles for the availability_prerequisite condition editor widget.
 *
 * We use a dedicated CSS file rather than inline styles in the YUI JS,
 * which is the Moodle standard (see availability/condition/prerequisite/styles.css).
 * All class names are prefixed with .availability_prerequisite to avoid
 * collisions with other plugins or Moodle core.
 *
 * @package   availability_prerequisite
 * @copyright 2026 Vinit Mepani <vinitmepani07@email.com>
 * @license   http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
 */
 .availability_prerequisite .acc-widget{display:block;max-width:580px}.availability_prerequisite .acc-section{display:block;margin-bottom:12px}.availability_prerequisite .acc-label{display:block;font-weight:600;margin-bottom:5px;font-size:.875rem;color:inherit}.availability_prerequisite .acc-search-wrap{position:relative;display:block}.availability_prerequisite .acc-search-wrap .acc-search-icon{position:absolute;top:50%;left:10px;transform:translateY(-50%);color:#6c757d;pointer-events:none;width:16px;height:16px}.availability_prerequisite .acc-search-input{padding-left:34px!important;width:100%;box-sizing:border-box;border-radius:4px 4px 0 0}.availability_prerequisite .acc-results{display:block;border:1px solid #ced4da;border-top:none;border-radius:0 0 4px 4px;max-height:220px;overflow-y:auto;background:#fff}.availability_prerequisite .acc-row{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;padding:7px 10px;cursor:pointer;border-bottom:1px solid #f0f0f0;border-left:3px solid #fff0;background:#fff;transition:background 0.1s}.availability_prerequisite .acc-row:last-child{border-bottom:none}.availability_prerequisite .acc-row:hover{background:#f0f7ff}.availability_prerequisite .acc-row.acc-selected{background:#e8f4fd;border-left-color:#0d6efd}.availability_prerequisite .acc-row.acc-focused{background:#f0f7ff;outline:2px solid #0d6efd;outline-offset:-2px}.availability_prerequisite .acc-row-name{flex:1;min-width:0;padding-right:8px;font-size:.9rem;word-break:break-word;line-height:1.4}.availability_prerequisite .acc-check{color:#0d6efd;font-weight:700;margin-right:5px;-webkit-flex-shrink:0;flex-shrink:0}.availability_prerequisite .acc-highlight{background:#fff3cd;border-radius:2px;font-weight:700}.availability_prerequisite .acc-visit{-webkit-flex-shrink:0;flex-shrink:0;font-size:.78rem;color:#0d6efd;white-space:nowrap;padding:2px 7px;border:1px solid #0d6efd;border-radius:3px;text-decoration:none;margin-left:6px;background:#fff0}.availability_prerequisite .acc-visit:hover{background:#0d6efd;color:#fff;text-decoration:none}.availability_prerequisite .acc-message{display:block;padding:8px 12px;color:#6c757d;font-size:.875rem;font-style:italic}.availability_prerequisite .acc-overflow{display:block;padding:5px 12px;color:#6c757d;font-size:.8rem;background:#f8f9fa;border-top:1px solid #e9ecef}.availability_prerequisite .acc-completion-select{max-width:280px;width:100%}.availability-prerequisite-progress{display:inline-block;font-size:.82rem;color:#6c757d;font-style:italic;margin-left:4px}.availability-prerequisite-bulkset .form-group{margin-bottom:1rem}.availability_time label{break-after:always}.availability_time label span{width:4rem}.que.calculated .answer{padding:.3em;display:inline}.que.calculated .answer input[type="text"]{width:30%}#page-question-type-calculated input[name^="answer"],#page-question-type-calculated input[name^="unit"],#page-question-type-calculated input[name^="multiplier"],#page-question-type-calculated input[name^="calcmax"],#page-question-type-calculated input[name^="calcmin"],#page-question-type-calculated input[name^="number"],#page-question-type-calculated input[name^="tolerance"]{direction:ltr;text-align:left}body#page-question-type-calculated div[id^=fgroup_id_][id*=answeroptions_],body#page-question-type-calculatedmulti div[id^=fitem_id_][id*=answer_]{background:#eee;margin-top:0;margin-bottom:0;padding-bottom:5px;padding-top:5px;border:1px solid #bbb;border-bottom:0}body#page-question-type-calculated div[id^=fgroup_id_][id*=answeroptions_] .fgrouplabel label,body#page-question-type-calculatedmulti div[id^=fitem_id_][id*=answer_] .fgrouplabel label{font-weight:700}body#page-question-type-calculated div[id^=fgroup_id_][id*=answeroptions_] label[for^='id_answer_'],body#page-question-type-calculated div[id^=fgroup_id_][id*=answertolerance_] label[for^='id_tolerance_'],body#page-question-type-calculated div[id^=fgroup_id_][id*=answerdisplay_] label[for^='id_correctanswerlength_'],body#page-question-type-calculatedmulti div[id^=fgroup_id_][id*=answerdisplay_] label[for^='id_correctanswerlength_']{position:absolute;left:-10000px;font-weight:400;font-size:1em}body#page-question-type-calculated div[id^=fgroup_id_][id*=answertolerance_],body#page-question-type-calculated div[id^=fgroup_id_][id*=answerdisplay_],body#page-question-type-calculatedmulti div[id^=fitem_id_][id*=fraction_],body#page-question-type-calculatedmulti div[id^=fgroup_id_][id*=answertolerance_],body#page-question-type-calculatedmulti div[id^=fgroup_id_][id*=answerdisplay_]{background:#eee;margin-bottom:0;margin-top:0;padding-bottom:5px;padding-top:5px;border:1px solid #bbb;border-top:0;border-bottom:0}body#page-question-type-calculated div[id^=fitem_id_][id*=feedback_],body#page-question-type-calculatedmulti div[id^=fitem_id_][id*=feedback_]{background:#eee;margin-bottom:2em;margin-top:0;padding-bottom:5px;padding-top:5px;border:1px solid #bbb;border-top:0}div[id^="fgroup_id_answeroptions_"].mb-3,div[id^="fgroup_id_answertolerance_"].mb-3,div[id^="fgroup_id_answerdisplay_"].mb-3{margin-bottom:0!important}.que.calculatedmulti .answer .specificfeedback{display:inline;padding:0 .7em;background:#fff3bf}.que.calculatedmulti .answer .specificfeedback *{display:inline;background:#fff3bf}.que.calculatedmulti .answer .specificfeedback script{display:none}.que.calculatedmulti .answer div.r0,.que.calculatedmulti .answer div.r1{display:flex;margin:.25rem 0;align-items:flex-start}.que.calculatedmulti .answer div.r0 input,.que.calculatedmulti .answer div.r1 input{margin:.3rem .5rem;width:14px;flex-shrink:0}.que.calculatedsimple .answer{padding:.3em;display:inline}.que.calculatedsimple .answer input[type="text"]{width:30%}body#page-question-type-calculatedsimple div[id^=fgroup_id_][id*=answeroptions_]{background:#eee;margin-top:0;margin-bottom:0;padding-bottom:5px;padding-top:5px;border:1px solid #bbb;border-bottom:0}body#page-question-type-calculatedsimple div[id^=fgroup_id_][id*=answeroptions_] .fgrouplabel label{font-weight:700}body#page-question-type-calculatedsimple div[id^=fgroup_id_][id*=answeroptions_] label[for^='id_answer_'],body#page-question-type-calculatedsimple div[id^=fgroup_id_][id*=answertolerance_] label[for^='id_tolerance_'],body#page-question-type-calculatedsimple div[id^=fgroup_id_][id*=answerdisplay_] label[for^='id_correctanswerlength_']{position:absolute;left:-10000px;font-weight:400;font-size:1em}body#page-question-type-calculatedsimple div[id^=fgroup_id_][id*=answertolerance_],body#page-question-type-calculatedsimple div[id^=fgroup_id_][id*=answerdisplay_]{background:#eee;margin-bottom:0;margin-top:0;padding-bottom:5px;padding-top:5px;border:1px solid #bbb;border-top:0;border-bottom:0}body#page-question-type-calculatedsimple div[id^=fitem_id_][id*=feedback_]{background:#eee;margin-bottom:2em;margin-top:0;padding-bottom:5px;padding-top:5px;border:1px solid #bbb;border-top:0}#page-question-type-crossword #fitem_id_defaultmark{display:none}#page-question-type-crossword .mform .form-group.has-danger .col-md-9[data-fieldtype="group"]{border:none!important}#page-question-type-crossword .crossword-contain{max-width:fit-content;margin:20px auto}#page-question-type-crossword table.crossword-grid{width:100%;max-width:100%;border-spacing:0;border-collapse:separate}#page-question-type-crossword .grid-row{clear:left}#page-question-type-crossword fieldset#id_wordhdr .d-flex .form-group{margin-right:1em}#page-question-type-crossword fieldset#id_wordhdr .d-flex .form-group:last-child,.qtype_crossword-grid-wrapper .wrap-clue img.icon{margin-right:0}#page-question-type-crossword fieldset#id_words .fcontainer input[name^="answer"],.qtype_crossword-grid-wrapper .wrap-crossword #crossword form .crossword .formulation input[type="text"]{text-transform:uppercase}#page-question-type-crossword fieldset#id_wordhdr legend a{margin-top:15px}#page-question-type-crossword #crossword{overflow:auto}#page-question-type-crossword #crossword .crossword-grid .grid-square.background-white,#page-question-type-crossword #crossword .crossword-grid .cell-white,#page-question-type-crossword .grid-square.square-indicate-horizontal,#page-question-type-crossword .grid-square.square-indicate-vertical{background:#fff0}#page-question-type-crossword #crossword .crossword-grid .cell-white,#page-question-type-crossword .grid-square.square-indicate-horizontal,#page-question-type-crossword .grid-square.square-indicate-vertical{border:none}#page-question-type-crossword .grid-square.square-indicate-horizontal{border-bottom:1px solid #000}#page-question-type-crossword .grid-square.square-indicate-vertical{border-right:1px solid #000}#page-question-type-crossword .grid-square{position:relative;background-clip:padding-box;padding:20px 25px;text-align:center;background-color:#a6a6a6;border-left:0;border-top:0}#page-question-type-crossword .grid-square .word-label{position:absolute;top:2px;left:2px;line-height:1;font-size:10px;color:rgb(0 0 0 / .5);pointer-events:none}#page-mod-quiz-reviewquestion section#region-main .qtype_crossword-grid-wrapper div div{margin:0}.qtype_crossword-grid-wrapper .wrap-crossword #crossword{position:relative;max-width:700px}.qtype_crossword-grid-wrapper .wrap-crossword #crossword svg.adjust-crossword{min-width:800px}.qtype_crossword-grid-wrapper .wrap-crossword #crossword .crossword-cell{cursor:pointer;fill:#fff}.qtype_crossword-grid-wrapper .wrap-crossword #crossword .crossword-grid-background{fill:#000}.qtype_crossword-grid-wrapper .wrap-crossword #crossword .crossword-cell-highlighted{fill:#ffe500}.qtype_crossword-grid-wrapper .wrap-crossword #crossword .crossword-cell-focussed{fill:#fff7b2}.qtype_crossword-grid-wrapper .wrap-crossword #crossword .crossword-cell-number{font-size:.625rem}.qtype_crossword-grid-wrapper .wrap-crossword #crossword .crossword-hidden-input-wrapper{display:none;position:absolute;top:0;left:0;width:6.6%;height:6.6%}.qtype_crossword-grid-wrapper .wrap-crossword #crossword .crossword-cell-text{text-transform:uppercase;font-size:.65rem}.qtype_crossword-grid-wrapper .wrap-crossword #crossword .crossword-hidden-input-wrapper input{border:0;padding:0;width:100%;height:100%;color:#fff0;text-align:center;background-color:#fff0;margin:0;font-size:1rem;font-weight:800;text-transform:uppercase;text-anchor:middle;caret-color:#fff0}.qtype_crossword-grid-wrapper .wrap-clue .clue-id{border-radius:50%;flex-shrink:0;margin-right:.2em;text-align:center;width:1.75em;height:1.75em}.qtype_crossword-grid-wrapper .wrap-clue .clue-content{word-break:break-word}.qtype_crossword-grid-wrapper .wrap-clue .clue-content video,.qtype_crossword-grid-wrapper .wrap-clue .clue-content img,.qtype_crossword-grid-wrapper .sticky-clue video,.qtype_crossword-grid-wrapper .sticky-clue img{max-width:100%}.qtype_crossword-grid-wrapper .wrap-clue.focus .clue-id{background:#ffe500}.qtype_crossword-grid-wrapper .wrap-clue input[type="text"]{width:calc(100% - 3em);letter-spacing:.3em;text-transform:uppercase}.qtype_crossword-grid-wrapper .wrap-crossword .sticky-clue{top:0;left:0}@media (max-width:767.98px){.qtype_crossword-grid-wrapper .clue-id>span{font-weight:700;font-style:normal}.qtype_crossword-grid-wrapper .wrap-crossword #crossword .orientation{margin-bottom:0}.qtype_crossword-grid-wrapper .wrap-crossword{position:relative;padding-bottom:1.25rem}.qtype_crossword-grid-wrapper .wrap-crossword #crossword svg.adjust-small-crossword{min-width:800px}}@media (max-width:1199.98px){#page-question-type-crossword .clue-label label{margin-right:1.9em}#page-question-type-crossword .answer-clue{margin-bottom:15px}}@media print{.qtype_crossword-grid-wrapper #crossword svg g rect{stroke:#000;stroke-width:.5px}}.que.ddimageortext .qtext{margin-bottom:.5em;display:block}.que.ddimageortext div.ddarea,form.mform fieldset#id_previewareaheader div.ddarea{text-align:center}.que.ddimageortext div.droparea,form.mform fieldset#id_previewareaheader div.ddarea{position:relative}.que.ddimageortext div.droparea{display:inline-block}.que.ddimageortext div.droparea .draghome{position:absolute;cursor:move;white-space:nowrap}.que.ddimageortext div.droparea .dropzones{position:absolute;top:0;left:0}.que.ddimageortext .dropbackground,form.mform fieldset#id_previewareaheader .dropbackground{border:1px solid #000;margin:0 auto}form.mform fieldset#id_previewareaheader .dropbackground{max-width:none}.que.ddimageortext .dropzone{display:none;position:absolute;opacity:.5;border:1px solid #000}.que.ddimageortext .dropzone.active{display:block}.que.ddimageortext .dropzone:focus,.que.ddimageortext .droparea .draghome:focus,.que.ddimageortext .dropzone.valid-drag-over-drop,.que.ddimageortext .draghome.placed.valid-drag-over-drop{border-color:#0a0;box-shadow:0 0 5px 5px rgb(255 255 150);outline:0}.que.ddimageortext .draghome,.que.ddimageortext .drag,form.mform fieldset#id_previewareaheader .droppreview{border:1px solid #000;display:inline-block;font:13px/1.231 arial,helvetica,clean,sans-serif}.que.ddimageortext .draghomes .draghome{vertical-align:top;margin:5px;height:auto;width:auto;cursor:move}.que.ddimageortext .draghomes.readonly .draghome,.que.ddimageortext .droparea.readonly .draghome{cursor:auto}.que.ddimageortext .draghomes .draghome.dragplaceholder{display:none}.que.ddimageortext .MathJax_Display,.que.ddimageortext .MathJax_SVG{margin:0}.que.ddimageortext .draghomes .draghome.dragplaceholder.active{visibility:hidden;display:inline-block}.que.ddimageortext .dragitems,form.mform fieldset#id_previewareaheader .dragitems{height:0}.que.ddimageortext .drag,form.mform fieldset#id_previewareaheader .droppreview{position:absolute;cursor:move;white-space:nowrap}.que.ddimageortext .dragitems.readonly .drag{cursor:auto}form.mform fieldset#id_previewareaheader .drag.beingdragged,.que.ddimageortext .drag.beingdragged,.que.ddimageortext .draghomes .draghome.beingdragged,.que.ddimageortext .droparea .draghome.beingdragged{box-shadow:3px 3px 4px #000}.que.ddimageortext .draghomes .draghome.beingdragged,.que.ddimageortext .droparea .draghome.beingdragged{position:absolute}.que.ddimageortext .group1,form.mform fieldset#id_previewareaheader .group1{background-color:#fff}.que.ddimageortext .transparent .dropzones>img{border:none}.que.ddimageortext .transparent .dropzones>img:hover{border:1px solid #000}.que.ddimageortext .transparent img:not(.dropbackground):hover,.que.ddimageortext .droparea.transparent .dropzone,.que.ddimageortext .droparea.transparent .dropzone+img{background-color:#fff0}.que.ddimageortext .group2,form.mform fieldset#id_previewareaheader .group2{background-color:#b0c4de;border-radius:10px 0 0 0}.que.ddimageortext .group3,form.mform fieldset#id_previewareaheader .group3{background-color:#dcdcdc;border-radius:0 10px 0 0}.que.ddimageortext .group4,form.mform fieldset#id_previewareaheader .group4{background-color:thistle;border-radius:0 0 10px 0}.que.ddimageortext .group5,form.mform fieldset#id_previewareaheader .group5{background-color:#87cefa;border-radius:0 0 0 10px}.que.ddimageortext .group6,form.mform fieldset#id_previewareaheader .group6{background-color:#daa520;border-radius:0 10px 10px 0}.que.ddimageortext .group7,form.mform fieldset#id_previewareaheader .group7{background-color:gold;border-radius:10px 0 0 10px}.que.ddimageortext .group8,form.mform fieldset#id_previewareaheader .group8{background-color:khaki;border-radius:10px 10px 10px 10px}body#page-question-type-ddimageortext div[id^=fgroup_id_][id*=drags_]{background:#eee;margin-top:0;margin-bottom:0;padding-bottom:5px;padding-top:5px;border:1px solid #bbb;border-bottom:0}body#page-question-type-ddimageortext div[id^=fgroup_id_][id*=drags_] .fgrouplabel label{font-weight:700}body#page-question-type-ddimageortext div[id^=fitem_id_][id*=dragitem_]{background:#eee;margin-bottom:0;margin-top:0;padding-bottom:5px;padding-top:5px;border:1px solid #bbb;border-top:0;border-bottom:0}body#page-question-type-ddimageortext div[id^=fitem_id_][id*=draglabel_]{background:#eee;margin-bottom:2em;margin-top:0;padding-bottom:5px;padding-top:5px;border:1px solid #bbb;border-top:0}div[id^="fgroup_id_drags_"].mb-3,div[id^="fitem_id_dragitem_"].mb-3{margin-bottom:0!important}.que.ddmarker .qtext{margin-bottom:.5em;display:block}.que.ddmarker .droparea{display:inline-block;position:relative}.que.ddmarker .droparea .dropzones,.que.ddmarker .droparea .markertexts{position:absolute;top:0;left:0}.que.ddmarker .draghomes .marker,.que.ddmarker .droparea .marker{vertical-align:top;cursor:move}.que.ddmarker .draghomes.readonly .marker,.que.ddmarker .droparea.readonly .marker{cursor:auto}.que.ddmarker .droparea .marker{position:absolute}.que.ddmarker .draghomes .marker{position:relative;display:inline-block;margin:10px}.que.ddmarker .draghomes .marker.dragplaceholder{display:none}.que.ddmarker .draghomes .marker.dragplaceholder.active{visibility:hidden;display:inline-block}.que.ddmarker div.ddarea,form.mform fieldset#id_previewareaheader div.ddarea{text-align:center}form.mform fieldset#id_previewareaheader div.ddarea .markertexts{min-height:80px}.que.ddmarker .dropbackground,form.mform fieldset#id_previewareaheader .dropbackground{margin:0 auto;border:1px solid #000}form.mform fieldset#id_previewareaheader .dropbackground{max-width:none}.que.ddmarker div.dragitems div.draghome,.que.ddmarker div.dragitems div.dragitem,form.mform fieldset#id_previewareaheader div.draghome,form.mform fieldset#id_previewareaheader div.drag{font:13px/1.231 arial,helvetica,clean,sans-serif}.que.ddmarker .droparea .marker span.markertext,.que.ddmarker .draghomes .marker span.markertext,.que.ddmarker div.markertexts span.markertext,form.mform fieldset#id_previewareaheader div.markertexts span.markertext{margin:0 5px;z-index:3;background-color:#fff;border:2px solid #000;padding:5px;display:inline-block;zoom:1;border-radius:10px;color:#000;opacity:.6}.que.ddmarker .droparea .marker span.markertext,.que.ddmarker .draghomes .marker span.markertext{white-space:nowrap}.que.ddmarker div.markertexts span.markertext{z-index:2;background-color:#ff0;border:2px solid khaki;position:absolute;white-space:nowrap}.que.ddmarker span.wrongpart{background-color:#ff0;border:2px solid khaki;padding:5px;border-radius:10px;opacity:.6;margin:5px;display:inline-block}.que.ddmarker .droparea .marker img.target,.que.ddmarker .draghomes .marker img.target{position:absolute;left:-7px;top:-7px}.que.ddmarker div.dragitems div.draghome img.target{display:none}.que.ddmarker .marker.beingdragged{position:absolute}.que.ddmarker .marker.beingdragged span.markertext{z-index:3;box-shadow:3px 3px 4px #000}.que.ddmarker .dropzone .shape{fill:#fff;fill-opacity:.5;stroke:#000;stroke-width:1}.que.ddmarker .dropzone.active .shape{stroke-width:2}.que.ddmarker .dropzone.color0 .shape{fill:#fff}.que.ddmarker .dropzone.color1 .shape{fill:#b0c4de}.que.ddmarker .dropzone.color2 .shape{fill:#dcdcdc}.que.ddmarker .dropzone.color3 .shape{fill:thistle}.que.ddmarker .dropzone.color4 .shape{fill:#87cefa}.que.ddmarker .dropzone.color5 .shape{fill:#daa520}.que.ddmarker .dropzone.color6 .shape{fill:gold}.que.ddmarker .dropzone.color7 .shape{fill:khaki}.que.ddmarker .dropzone .shapeLabel{text-anchor:middle}.que.ddmarker .dropzone .handle{fill:#fff;fill-opacity:.1;stroke-width:1;display:none;cursor:move}.que.ddmarker .dropzone .handle.move{stroke:#800}.que.ddmarker .dropzone .handle.edit{stroke:#008}.que.ddmarker .dropzone.active .handle{display:inherit}body#page-question-type-ddmarker div[id^=fitem_id_][id*=hint_]{background:#eee;margin-top:0;margin-bottom:0;padding-bottom:5px;padding-top:5px;border:1px solid #bbb;border-bottom:0}body#page-question-type-ddmarker div[id^=fitem_id_][id*=hint_] .fitemtitle{font-weight:700}body#page-question-type-ddmarker div[id^=fitem_id_][id*=hintoptions_],body#page-question-type-ddmarker div[id^=fitem_id_][id*=hintshownumcorrect_]{background:#eee;margin-bottom:0;margin-top:0;padding-bottom:5px;padding-top:5px;border:1px solid #bbb;border-top:0;border-bottom:0}body#page-question-type-ddmarker div[id^=fitem_id_][id*=hintclearwrong_]{background:#eee;margin-bottom:2em;margin-top:0;padding-bottom:5px;padding-top:5px;border:1px solid #bbb;border-top:0}body#page-question-type-ddmarker #fitem_id_penalty{margin-bottom:2em}.que.ddwtos .qtext{margin-bottom:.5em;display:block}.que.ddwtos .draghome{margin-bottom:1em}.que.ddwtos .answertext{margin-bottom:.5em}.que.ddwtos .drop.active{display:inline-block;text-align:center;border:1px solid #000;margin-bottom:2px}.que.ddwtos .drop{display:none}.que.ddwtos .drags{height:0}.que.ddwtos .draghome{display:inline-block;text-align:center;background:#fff0;border:1px solid #000;cursor:move}.que.ddwtos.qtype_ddwtos-readonly .draghome{cursor:default}.que.ddwtos .draghome.beingdragged{z-index:3;box-shadow:3px 3px 4px #000;position:absolute}.que.ddwtos .draghome.dragplaceholder{display:none}.que.ddwtos .draghome.dragplaceholder.active{visibility:hidden;display:inline-block}.que.ddwtos .draghome.placed{margin-bottom:2px}.que.ddwtos .drop:focus,.que.ddwtos .drop.valid-drag-over-drop,.que.ddwtos .draghome.placed:focus:not(.beingdragged),.que.ddwtos .draghome.placed.valid-drag-over-drop{border-color:#0a0;box-shadow:0 0 5px 5px rgb(255 255 150)}.que.ddwtos span.incorrect{background-color:#faa}.que.ddwtos span.correct{background-color:#afa}.que.ddwtos .group1{background-color:#fff}.que.ddwtos .group2{background-color:#dcdcdc;border-radius:10px 0 0 0}.que.ddwtos .group3{background-color:#b0c4de;border-radius:0 10px 0 0}.que.ddwtos .group4{background-color:thistle;border-radius:0 0 10px 0}.que.ddwtos .group5{background-color:#87cefa;border-radius:0 0 0 10px}.que.ddwtos .group6{background-color:#daa520;border-radius:0 10px 10px 0}.que.ddwtos .group7{background-color:gold;border-radius:10px 0 0 10px}.que.ddwtos .group8{background-color:khaki;border-radius:10px 10px 10px 10px}.que.ddwtos sub,.que.ddwtos sup{font-size:80%;position:relative;vertical-align:baseline}.que.ddwtos sup{top:-.4em}.que.ddwtos sub{bottom:-.2em}.que.ddwtos .MathJax{margin:0}
/*
 * @package    qtype
 * @subpackage drawing
 * @copyright  ETHZ LET <amr.hourani@id.ethz.ch>
 * @license  http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
*/
.page-mod-quiz-attempt,.page{touch-action:none;-ms-touch-action:none}#fitem_id_qtype_drawing_textarea{display:block}.qtype_drawing_textarea{display:none}.fitem_id_qtype_drawing_textarea_id_0{display:block}#fitem_id_qtype_drawing_textarea_id_0{display:block}#page-question-type-drawing input[type="submit"]:disabled{display:none}.qtype_drawing_canvas{align:center;margin-left:auto;margin-right:auto;margin-top:5px;border:1px solid #000;display:block;position:relative;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;user-select:none;touch-action:none;-ms-touch-action:none}.qtype_drawing_eraser{text-align:left;width:32px;height:32px;cursor:hand;cursor:pointer}.qtype_drawing_undo{text-align:left;width:32px;height:32px;display:inline;cursor:pointer;cursor:hand}.qtype_drawing_eraser_tool{text-align:left;width:64px;height:32px;display:inline;cursor:pointer;cursor:hand;border-style:dotted}.qtype_drawing_container_div{margin:10px;padding:10px;background-position:right top;text-align:center;display:inline-block;border:1px dashed #000;background-color:#F6F7F8;width:100%}.qtype_drawing_drawingwrapper{position:relative;padding-bottom:56.25%;padding-top:0;margin-top:auto}.qtype_drawing_drawingwrapper iframe{position:absolute;top:auto;left:0;width:100%;height:100%;border:0}.qtype_drawing_togglebutton{position:absolute;cursor:pointer;right:-6px;top:-6px;padding-bottom:8px;width:32px;z-index:3;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDQ3My45MzEgNDczLjkzMSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDczLjkzMSA0NzMuOTMxOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQoNCg0KPGc+DQoJPHBhdGggc3R5bGU9ImZpbGw6IzE4OTBmZjsiIGQ9Ik0yNDkuNDU5LDIxNy43MThjMTguMTE4LDE4LjExOCwzOC42NTItMTEuODMxLDQ5Ljk5NC0yMy4xNzMNCgkJYzEwLjg1OS0xMC44NTksMjEuNzIxLTIxLjcyNSwzMi41OC0zMi41ODNjMS4wMSwxMS4zNTIsMi4wOTksMjIuNzA5LDMuNzcyLDMzLjk0OWMyLjY1MywxNy44NjcsMjQuNzgyLDI0LjU0MiwzMi45NDYsOC44MDENCgkJYzAuODQyLTEuMTE5LDEuMzgxLTIuNTIyLDEuNTk0LTQuMTU3YzAuMzc0LTEuNTIzLDAuMzgyLTIuOTIyLDAuMDc5LTQuMTc2Yy0wLjI5Mi0xNC43MjQtMC41ODQtMjkuNDQ4LTAuODc2LTQ0LjE3NQ0KCQljLTAuMjg0LTE0LjM1MywxLjY0My0yOS45NTMtMy42MTEtNDMuNDMxYy0wLjIwNi0wLjc2LTAuNDY4LTEuNTM0LTAuODYxLTIuMzE2Yy0xLjA1OS0yLjEyMi00LjUzOS04Ljk3Ni0wLjEwOS0wLjExNg0KCQljLTEuMjY1LTIuNTIyLTMuNTg4LTMuOTc0LTYuMTQ4LTQuNTEzYy0xMi40MDgtNC43MDctMjYuMTctMy4xNDctMzkuNDU3LTMuNDEyYy0xNi41MDEtMC4zMjktMzMuMDAyLTAuNjU1LTQ5LjUwMy0wLjk5Mg0KCQljLTE5LjA2OC0wLjM4Mi0xOS43NDUsMjQuMTIzLTUuODE4LDMyLjI4YzYuOTU2LDQuMDc5LDE4LjE0LDMuNjExLDI1Ljg2Myw0LjQwNGM0Ljk2OSwwLjUxMyw5LjkzOCwwLjk3NywxNC45MTUsMS40NjMNCgkJYy0xMC43OTUsMTAuNzg3LTIxLjU4MiwyMS41NzktMzIuMzY2LDMyLjM2MkMyNjEuMTI2LDE3OS4yNTMsMjMxLjM5NCwxOTkuNjUzLDI0OS40NTksMjE3LjcxOHoiICAvPg0KCTxwYXRoIHN0eWxlPSJmaWxsOiMxODkwZmY7IiBkPSJNOTYuNzM2LDE5OC4wMTRjLTAuMzgyLDE5LjA2OCwyNC4xMTYsMTkuNzQ1LDMyLjI3Myw1LjgxOGM0LjA3OS02Ljk1NiwzLjYxMS0xOC4xMzMsNC40LTI1Ljg2Mw0KCQljMC41MTMtNC45NjUsMC45OC05LjkzOCwxLjQ2My0xNC45MDdjMTAuNzg3LDEwLjc4NywyMS41NzUsMjEuNTgyLDMyLjM2NiwzMi4zNjZjMTEuMzE5LDExLjMyNiwzMS43MjYsNDEuMDU1LDQ5Ljc5OSwyMi45ODYNCgkJYzE4LjExLTE4LjExLTExLjgzOS0zOC42NDUtMjMuMTgtNDkuOTljLTEwLjg1OS0xMC44NTktMjEuNzIxLTIxLjcyMS0zMi41ODctMzIuNTc5YzExLjM1Ni0xLjAxNCwyMi43MTItMi4xMDMsMzMuOTUzLTMuNzcyDQoJCWMxNy44NjctMi42NTcsMjQuNTI3LTI0Ljc3NCw4LjgwOC0zMi45NWMtMS4xMTktMC44MzQtMi41MjItMS4zNzMtNC4xNTctMS41OTRjLTEuNTI3LTAuMzc0LTIuOTMtMC4zODItNC4xOTUtMC4wNzkNCgkJYy0xNC43MiwwLjI5Mi0yOS40MzYsMC41ODQtNDQuMTY0LDAuODc2Yy0xNC4zMDksMC4yODQtMjkuODY3LTEuNjMxLTQzLjMyMiwzLjU3Yy0wLjYyMSwwLjE1Ny0xLjIyNywwLjM5Ny0xLjgyNiwwLjcNCgkJYy0wLjE5OCwwLjA4Mi0wLjQsMC4xMzEtMC41OTEsMC4yMjVjMC4wMywwLjAxNSwwLjA2NywwLjAyNiwwLjEwMSwwLjA0MWMtMC4xMDksMC4wNi0wLjIxMywwLjEwNS0wLjMxNCwwLjE2OA0KCQljMC42NjYtMC45MDYsMC41Mi0wLjk5NS0xLjkwOCwxLjQzM2MtMS41NTcsMS41NTctMi4zNzYsMy4yOTYtMi42OSw1LjA1OWMtNC40OTQsMTIuMjg0LTIuOTc1LDI1Ljg3OC0zLjIzNywzOQ0KCQlDOTcuMzk0LDE2NS4wMTUsOTcuMDY1LDE4MS41MTMsOTYuNzM2LDE5OC4wMTR6Ii8+DQoJPHBhdGggc3R5bGU9ImZpbGw6IzE4OTBmZjsiIGQ9Ik0xMDMuNzgxLDM2NC4yMzhjMCwwLDAtMC4wMDctMC4wMDctMC4wMDdDMTA1LjI2MywzNjUuNzEyLDEwNi42NTEsMzY3LjEwOCwxMDMuNzgxLDM2NC4yMzh6Ii8+DQoJPHBhdGggc3R5bGU9ImZpbGw6IzE4OTBmZjsiIGQ9Ik0xMDMuNzY3LDM2NC4yMjNjMC4wMDcsMCwwLjAwNywwLjAwNCwwLjAwNywwLjAwNEMxMDIuMjE3LDM2Mi42NjYsMTAwLjU3OSwzNjEuMDM1LDEwMy43NjcsMzY0LjIyMw0KCQl6Ii8+DQoJPHBhdGggc3R5bGU9ImZpbGw6IzE4OTBmZjsiIGQ9Ik0yMTcuNzI5LDI1MC44NDRjLTE4LjExOC0xOC4xMTgtMzguNjUyLDExLjgzMS00OS45OTQsMjMuMTczDQoJCWMtMTAuODU5LDEwLjg2Mi0yMS43MjEsMjEuNzI4LTMyLjU3OSwzMi41ODdjLTEuMDEtMTEuMzU2LTIuMDk5LTIyLjcxMi0zLjc3Mi0zMy45NTNjLTIuNjUzLTE3Ljg2My0yNC43NzQtMjQuNTI3LTMyLjk0Ni04LjgwOA0KCQljLTAuODM0LDEuMTIzLTEuMzgxLDIuNTI5LTEuNTk0LDQuMTY1Yy0wLjM4MiwxLjUyNy0wLjM4MiwyLjkzLTAuMDc5LDQuMTg3YzAuMjkyLDE0LjcyLDAuNTg0LDI5LjQ0LDAuODc2LDQ0LjE2NA0KCQljMC4yNzcsMTQuMDc3LTEuNTcyLDI5LjM0NywzLjMxMSw0Mi42NDFjMC4zMDcsMS43NzQsMS4xMjYsMy41MjUsMi42OTgsNS4wOTZjMC4wNTIsMC4wNTYsMC4wNzksMC4wODIsMC4xMzEsMC4xMzgNCgkJYzEuNTU3LDEuNTQyLDMuMjg5LDIuMzY1LDUuMDM2LDIuNjc1YzEyLjI5Miw0LjUwNSwyNS44OTMsMi45ODIsMzkuMDEyLDMuMjQ0YzE2LjUwMSwwLjMyOSwzMy4wMDIsMC42NTksNDkuNTAzLDAuOTg4DQoJCWMxOS4wNjgsMC4zNzgsMTkuNzQ1LTI0LjExOSw1LjgxOC0zMi4yOGMtNi45NTYtNC4wNzktMTguMTQtMy42MDctMjUuODYzLTQuNGMtNC45NjktMC41MTMtOS45MzgtMC45NzMtMTQuOTE1LTEuNDYzDQoJCWMxMC43OTUtMTAuNzg4LDIxLjU4Mi0yMS41NzUsMzIuMzY2LTMyLjM2MkMyMDYuMDc0LDI4OS4zMDksMjM1Ljc5NSwyNjguOTA5LDIxNy43MjksMjUwLjg0NHoiLz4NCgk8cGF0aCBzdHlsZT0iZmlsbDojMTg5MGZmOyIgZD0iTTM3MC40NiwyNzAuNTRjMC4zODItMTkuMDY4LTI0LjExNi0xOS43NDktMzIuMjgtNS44MThjLTQuMDcxLDYuOTU2LTMuNjAzLDE4LjEzMy00LjQsMjUuODU5DQoJCWMtMC41MTMsNC45NjktMC45NzMsOS45NDItMS40NjMsMTQuOTExYy0xMC43ODgtMTAuNzkxLTIxLjU3NS0yMS41ODItMzIuMzU5LTMyLjM2NmMtMTEuMzI2LTExLjMyNi0zMS43My00MS4wNTUtNDkuNzk5LTIyLjk4Ng0KCQljLTE4LjExOCwxOC4xMSwxMS44MzEsMzguNjQ5LDIzLjE3Myw0OS45ODZjMTAuODY2LDEwLjg2MiwyMS43MjgsMjEuNzI1LDMyLjU4NywzMi41ODNjLTExLjM1NiwxLjAxNC0yMi43MTIsMi4xMDMtMzMuOTUzLDMuNzcyDQoJCWMtMTcuODY3LDIuNjU3LTI0LjUyNywyNC43NzQtOC44MDEsMzIuOTVjMS4xMTksMC44MzQsMi41MjIsMS4zNzMsNC4xNSwxLjU5NGMxLjUzNCwwLjM3NCwyLjkzNywwLjM4Miw0LjE5NSwwLjA3OQ0KCQljMTQuNzItMC4yOTIsMjkuNDQ0LTAuNTg0LDQ0LjE2NC0wLjg3NmMxNC4wNzctMC4yODEsMjkuMzUsMS41NjQsNDIuNjQxLTMuMzExYzEuNzc3LTAuMzA3LDMuNTI4LTEuMTI2LDUuMS0yLjY5OA0KCQljMi40MjUtMi40MzIsMi4zMzktMi41NzQsMS40MjYtMS45MDFjMC4wNi0wLjEwNSwwLjEwOC0wLjIxNywwLjE2OC0wLjMyMmMwLjAxNSwwLjAzNywwLjAzLDAuMDcxLDAuMDQ1LDAuMTAxDQoJCWMwLjA4Ni0wLjIwMiwwLjE0Ni0wLjQwOCwwLjIzNi0wLjYxYzAuMjg0LTAuNTY1LDAuNTEzLTEuMTUyLDAuNjc0LTEuNzQ3YzQuODMxLTEyLjQ3MSwzLjI0NC0yNi4zMjcsMy41MS0zOS43MDQNCgkJQzM2OS44MDIsMzAzLjUzOSwzNzAuMTMxLDI4Ny4wNDIsMzcwLjQ2LDI3MC41NHoiLz4NCjwvZz4NCg0KPC9zdmc+DQo=) no-repeat}.qtype_drawing_maximized{position:fixed;top:0;left:0;width:100%;height:100%;border:0 none;z-index:99999999999;overscroll-behavior:contain}.que.essay textarea.qtype_essay_response{width:100%}.que.essay textarea.qtype_essay_response.qtype_essay_plain{white-space:pre-wrap;font:inherit}.que.essay textarea.qtype_essay_response.qtype_essay_monospaced{white-space:pre;font-family:Andale Mono,Monaco,Courier New,DejaVu Sans Mono,monospace}.que.essay .qtype_essay_response{min-height:3em}.que.essay .qtype_essay_response.readonly{background-color:#fff}.que.essay div.qtype_essay_response textarea{width:100%}.que.essay .ablock .filemanager .fp-restrictions{margin-top:1em}.que.gapselect .qtext{line-height:2em;margin-top:1px;margin-bottom:.5em;display:block}.que.gapselect .answercontainer{line-height:2em;margin-bottom:1em;display:block}.que.gapselect .answertext{padding-bottom:.5em}.que.sddl .control{padding:.2em}body#page-question-type-match div[id^=fitem_id_][id*=subquestions_]{background:#eee;margin-top:0;margin-bottom:0;padding-bottom:5px;padding-top:5px;border:1px solid #bbb;border-bottom:0}body#page-question-type-match div[id^=fitem_id_][id*=subquestions_] .fitemtitle{font-weight:700}body#page-question-type-match div[id^=fitem_id_][id*=subanswers_]{background:#eee;margin-bottom:2em;margin-top:0;padding-bottom:5px;padding-top:5px;border:1px solid #bbb;border-top:0}div[id^="fitem_id_subquestions_"].mb-3{margin-bottom:0!important}.que.multianswer .feedbackspan{display:block;max-width:70%;background:#fff3bf;padding:.5em;margin-top:1em;box-shadow:.5em .5em 1em #000}body.ie6 .que.multianswer .feedbackspan,body.ie7 .que.multianswer .feedbackspan,body.ie8 .que.multianswer .feedbackspan,body.ie9 .que.multianswer .feedbackspan{width:70%}.que.multianswer .answer .specificfeedback{display:inline;padding:0 .7em;background:#fff3bf}.que.multianswer .answer .specificfeedback *{display:inline;background:#fff3bf}.que.multianswer .answer .specificfeedback script{display:none}.que.multianswer .answer div.r0,.que.multianswer .answer div.r1{padding:.3em}.que.multianswer table.answer{margin-bottom:0;width:100%}.que.multichoice .answer div.r0,.que.multichoice .answer div.r1{display:flex;margin:.25rem 0;align-items:flex-start}.que.multichoice .answer div.r0 input,.que.multichoice .answer div.r1 input{margin:.3rem .5rem;width:14px;flex-shrink:0}.que.multichoice .answer .answernumber{min-width:1.5em}.que.multichoice .answer .specificfeedback{display:inline;padding:0 .7em;background:#fff3bf}body#page-question-type-multichoice div[id^=fitem_id_][id*=answer_]{background:#eee;margin-top:0;margin-bottom:0;padding-bottom:5px;padding-top:5px;border:1px solid #bbb;border-bottom:0}body#page-question-type-multichoice div[id^=fitem_id_][id*=answer_] .fitemtitle{font-weight:700}body#page-question-type-multichoice div[id^=fitem_id_] .fitemtitle{margin-left:0;margin-right:0;padding-left:6px;padding-right:0}body#page-question-type-multichoice div[id^=fitem_id_][id*=fraction_]{background:#eee;margin-bottom:0;margin-top:0;padding-bottom:5px;padding-top:5px;border:1px solid #bbb;border-top:0;border-bottom:0}body#page-question-type-multichoice div[id^=fitem_id_][id*=feedback_]{background:#eee;margin-bottom:2em;margin-top:0;padding-bottom:5px;padding-top:5px;border:1px solid #bbb;border-top:0}div[id^="fitem_id_answer_"].mb-3,div[id^="fitem_id_fraction_"].mb-3{margin-bottom:0!important}.que.numerical .answer{padding:.3em;display:inline}#page-question-type-numerical input[name="unitpenalty"],#page-question-type-numerical input[name^="answer"],#page-question-type-numerical input[name^="tolerance"],#page-question-type-numerical input[name^="multiplier"],#page-question-type-numerical input[name^="unit"]{direction:ltr;text-align:left}body#page-question-type-numerical div[id^=fgroup_id_][id*=answeroptions_]{background:#eee;margin-top:0;margin-bottom:0;padding-bottom:5px;padding-top:5px;border:1px solid #bbb;border-bottom:0}body#page-question-type-numerical div[id^=fgroup_id_][id*=answeroptions_] .fgrouplabel label{font-weight:700}body.path-question-type div#fgroup_id_penaltygrp label[for^=id_unitpenalty],body.path-question-type div[id^=fgroup_id_units_] label[for^='id_unit_'],body#page-question-type-numerical div[id^=fgroup_id_][id*=answeroptions_] label[for^='id_answer_']{position:absolute;left:-10000px;font-weight:400;font-size:1em}body#page-question-type-numerical div[id^=fitem_id_][id*=fraction_]{background:#eee;margin-bottom:0;margin-top:0;padding-bottom:5px;padding-top:5px;border:1px solid #bbb;border-top:0;border-bottom:0}body#page-question-type-numerical div[id^=fitem_id_][id*=feedback_]{background:#eee;margin-bottom:2em;margin-top:0;padding-bottom:5px;padding-top:5px;border:1px solid #bbb;border-top:0}.que.ordering div.answer.ordering{overflow:auto}.que.ordering .sortablelist{float:left;list-style-type:none;margin:0 0 0 8px}.que.ordering .sortablelist.active{border:1px dotted #333;border-radius:4px}.que.ordering .sortablelist li{background-color:#fff;border:1px solid #000;border-radius:4px;list-style-type:none;margin:4px}.que.ordering .sortablelist li .grip{opacity:.45}.que.ordering .sortablelist li.sortableitem{position:relative;cursor:move;margin-left:26px}.que.ordering .sortablelist li.sortableitem:first-of-type [data-action="move-backward"],.que.ordering .sortablelist li.sortableitem:last-of-type [data-action="move-forward"]{visibility:hidden}.que.ordering .sortableitem .btn.btn-icon{height:32px;width:32px;border-radius:.5rem}.que.ordering .sortablelist.numbering123 li,.que.ordering .sortablelist.numberingabc li,.que.ordering .sortablelist.numberingABCD li,.que.ordering .sortablelist.numberingiii li,.que.ordering .sortablelist.numberingIIII li{margin-left:26px}.que.ordering .sortablelist.numberingnone li{list-style-type:none;margin-left:0}.que.ordering .sortablelist.numbering123 li{list-style-type:decimal}.que.ordering .sortablelist.numberingabc li{list-style-type:lower-alpha}.que.ordering .sortablelist.numberingABCD li{list-style-type:upper-alpha}.que.ordering .sortablelist.numberingiii li{list-style-type:lower-roman}.que.ordering .sortablelist.numberingIIII li{list-style-type:upper-roman}.que.ordering .sortablelist.horizontal{display:flex;flex-wrap:wrap}.que.ordering .sortablelist.horizontal{display:flex;flex-wrap:wrap;align-items:flex-start}.que.ordering .sortablelist.vertical li{min-height:18px}.que.ordering.dragproxy{margin:0;padding:0;border:0 none}.que.ordering.dragproxy .sortablelist{margin:0;padding:0;float:none}.que.ordering.dragproxy .sortablelist li{margin:0;padding:6px 0 6px 12px;width:100%}.que.ordering.dragproxy .sortablelist li.horizontal{float:none}.item-moving{box-shadow:3px 3px 4px #000}.current-drop{visibility:hidden}.que.ordering .sortablelist.notactive li.correct{background-color:#dff4d8;border-color:#9f6}.que.ordering .sortablelist.notactive li.partial66{background-color:#dff4d8;border-color:#f90}.que.ordering .sortablelist.notactive li.partial33{background-color:#ffebcc;border-color:#f90}.que.ordering .sortablelist.notactive li.partial00{background-color:#fdd;border-color:#f90}.que.ordering .sortablelist.notactive li.incorrect{background-color:#fdd;border-color:#ff7373}.que.ordering div.rightanswer{overflow:auto}.que.ordering div.rightanswer ol.correctorder{padding-inline-start:16px}.que.ordering div.rightanswer ol.correctorder.horizontal{display:flex;flex-wrap:wrap;align-items:baseline}.que.ordering div.rightanswer ol.correctorder li.horizontal{margin-left:24px;margin-right:24px}.que.ordering div.rightanswer ol.correctorder li.vertical{margin-left:24px}#page-question-type-ordering form.mform fieldset:nth-child(n+4) div.feditor{max-width:480px}.que.pmatch .answer{padding:.3em;width:auto;display:inline}.que.pmatch .qtext textarea,.que.pmatch .ablock textarea{max-width:100%}#page-question-type-pmatch .mform .textareamonospace textarea{white-space:pre;font-family:monospace}body#page-question-type-pmatch #id_answerhdr div.fitem.femptylabel,body#page-question-type-pmatch #fitem_id_addanswers+.fitem{background:#eee;margin-top:0;margin-bottom:0;padding-bottom:5px;padding-top:5px;border:1px solid #bbb;border-bottom:0}body#page-question-type-pmatch div[id^=fitem_id_][id*=_answer_] .fitemtitle,body#page-question-type-pmatch div.fitem.fitem_accuracy .fitemtitle,body#page-question-type-pmatch #fitem_id_addanswers+.fitem .fitemtitle{font-weight:700}body#page-question-type-pmatch #region-main div.fitem.femptylabel{padding:0}body#page-question-type-pmatch #region-main div.fitem.femptylabel .fitemtitle{padding:0;margin:0}body#page-question-type-pmatch #region-main div.fitem.femptylabel .fstatic{margin:0}body#page-question-type-pmatch #region-main #fgroup_id_updatebuttonar{background:none;border:none}[id^='fitem_id_accuracyborder_']{border:none!important}body#page-question-type-pmatch div#fgroup_id_supsubels label[for*='allowsubscript'],body#page-question-type-combined div[id^=fgroup_id_subqpmatch][id*=supsubels] label[for*='allowsubscript']{position:absolute;left:-10000px;font-weight:400;font-size:1em}body#page-question-type-pmatch div[id^=fitem_id_][id*=answer_],body#page-question-type-pmatch div[id^=fitem_id_][id*=fraction_],body#page-question-type-pmatch div.fitem.fitem_matchedresponses,body#page-question-type-pmatch div.fitem.fitem_accuracy,body#page-question-type-pmatch div.fitem.rcw,body#page-question-type-pmatch div.fitem.try-rule,body#page-question-type-pmatch #fitem_id_addanswers+.fitem+.fitem{background:#eee;margin-bottom:0;margin-top:0;padding-bottom:5px;padding-top:5px;border:1px solid #bbb;border-top:0;border-bottom:0}body#page-question-type-pmatch div[id^=fitem_id_][id*=feedback_],body#page-question-type-pmatch div[id^=fitem_id_][id*=otherfeedback]{background:#eee;margin-bottom:2em;margin-top:0;padding-bottom:5px;padding-top:5px;border:1px solid #bbb;border-top:0}body#page-question-type-pmatch #fitem_id_addanswers{margin-bottom:2em}#testquestion_gradesummary span:last-child,.qtype_pmatch-selftest-missed-negative{font-weight:700;color:red}.qtype_pmatch-selftest-null{font-weight:700;color:#b38686}#testquestion_gradesummary span:nth-child(3),.qtype_pmatch-selftest-missed-positive{font-weight:700;color:blue}body.pagelayout-embedded .que.pmatch .formulation .questiontestslink,body.pagelayout-embedded .que.combined .combined-pmatch-input>a{display:none}.que.pmatch .formulation .questiontestslink,.que.combined .formulation .questiontestslink{float:right;font-size:.7em}.combined-pmatch-input{position:relative;white-space:nowrap;display:inline-block}.combined-pmatch-input>a{position:absolute;top:-4px;right:-18px;font-size:.85714em;background:#fff;padding:1px;line-height:1}.combined-pmatch-input>.answerwrap+a{top:-5px;right:-21px;padding:2px 4px;border:1px solid #bbb}.combined-pmatch-input>input+img+a,.combined-pmatch-input>img+a{top:-5px;right:5px}#page-question-type-pmatch .rcw input[type=submit]{margin:0 0 10px 5px}#page-question-type-pmatch .rc-hidden{display:none}body#page-question-type-pmatch-testquestion .progress-success .bar,body#page-question-type-pmatch-testquestion .progress .bar-success{background-color:#5eb95e;background-image:linear-gradient(to bottom,#62c462,#57a957);background-repeat:repeat-x}body#page-question-type-pmatch-testquestion .resettable{text-align:left}#page-question-type-pmatch-testquestion #attemptsform .error{display:block}#page-question-type-pmatch-testquestion #attemptsform table input,#page-question-type-pmatch-testquestion #attemptsform #commands input[type=submit]{margin-bottom:3px}#page-question-type-pmatch-testquestion #attemptsform table .section-input{margin-top:7px}#page-question-type-pmatch-testquestion #attemptsform table .section-checkbox{margin-top:13px}#page-question-type-pmatch-testquestion #attemptsform table .section-checkbox input[type=checkbox]{margin-top:1px}#page-question-type-pmatch-testquestion #attemptsform table .section-input .new-response{width:300px}#page-question-type-pmatch-testquestion #attemptsform table .section-input,#page-question-type-pmatch-testquestion #attemptsform table .section-button{display:inline-block}#page-question-type-pmatch-testquestion #attemptsform table .generaterow td{vertical-align:top}@media screen and (max-width:767px){#page-question-type-pmatch-testquestion #attemptsform table .section-input,#page-question-type-pmatch-testquestion #attemptsform table .section-button{display:block}#page-question-type-pmatch-testquestion #attemptsform table input[type=text]{width:100%}}#page-question-type-pmatch-testquestion #wrapperactionresponse{margin-top:20px}#page-question-type-pmatch-testquestion #newresponsebutton{margin-top:-2px}#page-question-type-pmatch-testquestion .no-overflow>.generaltable{min-height:40px}@media (min-device-width:1023px){#page-question-type-pmatch-testquestion .moodle-dialogue{left:calc(50% - 200px)!important;top:auto;max-width:unset}@media (max-width:767px){#page-question-type-pmatch-testquestion .moodle-dialogue{top:50%!important}}#page-question-type-pmatch-testquestion .moodle-dialogue-fullscreen{left:0!important;top:0!important}}.que.shortanswer .answer{padding:.3em;display:inline}.que.shortanswer .answer input{width:80%}body#page-question-type-shortanswer div[id^=fgroup_id_][id*=answeroptions_]{background:#eee;margin-top:0;margin-bottom:0;padding-bottom:5px;padding-top:5px;border:1px solid #bbb;border-bottom:0}body#page-question-type-shortanswer div[id^=fgroup_id_][id*=answeroptions_] .fgrouplabel label{font-weight:700}body#page-question-type-shortanswer div[id^=fgroup_id_][id*=answeroptions_] label[for^='id_answer_']{position:absolute;left:-10000px;font-weight:400;font-size:1em}body#page-question-type-shortanswer div[id^=fitem_id_][id*=fraction_]{background:#eee;margin-bottom:0;margin-top:0;padding-bottom:5px;padding-top:5px;border:1px solid #bbb;border-top:0;border-bottom:0}body#page-question-type-shortanswer div[id^=fitem_id_][id*=feedback_]{background:#eee;margin-bottom:2em;margin-top:0;padding-bottom:5px;padding-top:5px;border:1px solid #bbb;border-top:0}.que.truefalse .answer div.r0,.que.truefalse .answer div.r1{padding:.3em}.que.varnumericset .answer{padding:.3em;width:auto;display:inline}.que.varnumericset span.answerwrap{display:inline-block}body#page-question-type-varnumericset div[id^=fitem_id_][id*=vartype_],body#page-question-type-varnumericset #fitem_id_addanswers+.fitem,body#page-question-type-varnumericset div[id^=fgroup_id_][id*=answeroptions_]{background:#eee;margin-top:0;margin-bottom:0;padding-bottom:5px;padding-top:5px;border:1px solid #bbb;border-bottom:0}body#page-question-type-varnumericset div[id^=fitem_id_][id*=_varname_] .fitemtitle,body#page-question-type-varnumericset #fitem_id_addanswers+.fitem .fitemtitle,body#page-question-type-varnumericset div[id^=fgroup_id_][id*=answeroptions_] .fitemtitle{font-weight:700}body#page-question-type-varnumericset div[id^=fitem_id_][id*=varname_],body#page-question-type-varnumericset div[id^=fitem_id_][id*=_variant],body#page-question-type-varnumericset div[id^=fitem_id_][id*=feedback_],body#page-question-type-varnumericset div[id^=fitem_id_][id*=feedback_]+.fitem,body#page-question-type-varnumericset div[id^=fgroup_id_][id*=autofirerow1_],body#page-question-type-varnumericset div[id^=fgroup_id_][id*=autofirerow2_]{background:#eee;margin-bottom:0;margin-top:0;padding-bottom:5px;padding-top:5px;border:1px solid #bbb;border-top:0;border-bottom:0}body#page-question-type-varnumericset div[id^=fgroup_id_][id*=autofirerow3_]{background:#eee;margin-bottom:2em;margin-top:0;padding-bottom:5px;padding-top:5px;border:1px solid #bbb;border-top:0}body#page-question-type-varnumericset div[id^=fitem_id_][id*=_variant_last]{margin-bottom:1em;margin-top:0;padding:0;border:1px solid #bbb;border-bottom:0;border-left:0;border-right:0;background:#fff}body#page-question-type-varnumericset div[id^=fitem_id_][id*=_variant_last] div{display:none}body#page-question-type-varnumericset #fitem_id_addvariants,body#page-question-type-varnumericset div[id^=fitem_id_][id*=requirescinotation]+.fitem{margin-bottom:2em}body#page-question-type-varnumericset #fitem_id_answer_0{margin-top:1em}body#page-question-type-varnumericset div[id^=fgroup_id_][id*=answeroptions_] label[for^='id_answer_']{position:absolute;left:-10000px;font-weight:400;font-size:1em}body#page-question-type-varnumericset div[id^=fgroup_id_][id*=autofirerow1_] label[for^='id_checknumerical_'],body#page-question-type-varnumericset div[id^=fgroup_id_][id*=autofirerow2_] label[for^='id_checkpowerof10_'],body#page-question-type-varnumericset div[id^=fgroup_id_][id*=autofirerow3_] label[for^='id_syserrorpenalty_']{margin-left:0}.que.varnumunit .answer{padding:.3em;width:auto;display:inline}.que.varnumunit span.answerwrap{display:inline-block}.que.varnumunit .answer input{width:99%}body#page-question-type-varnumunit div[id^=fitem_id_][id*=vartype_],body#page-question-type-varnumunit #fitem_id_addanswers+.fitem,body#page-question-type-varnumunit div[id^=fgroup_id_][id*=answeroptions_],body#page-question-type-varnumunit div[id^=fitem_id_][id*=units_],body#page-question-type-varnumunit #fitem_id_addunits+.fitem{background:#eee;margin-top:0;margin-bottom:0;padding-bottom:5px;padding-top:5px;border:1px solid #bbb;border-bottom:0}body#page-question-type-varnumunit div[id^=fitem_id_][id*=_varname_] .fitemtitle,body#page-question-type-varnumunit #fitem_id_addanswers+.fitem .fitemtitle,body#page-question-type-varnumunit div[id^=fgroup_id_][id*=answeroptions_] .fitemtitle,body#page-question-type-varnumunit div[id^=fitem_id_][id*=units_] .fitemtitle,body#page-question-type-varnumunit #fitem_id_addunits+.fitem .fitemtitle{font-weight:700}body#page-question-type-varnumunit div[id^=fitem_id_][id*=varname_],body#page-question-type-varnumunit div[id^=fitem_id_][id*=_variant],body#page-question-type-varnumunit div[id^=fitem_id_][id*=_feedback_],body#page-question-type-varnumunit div[id^=fitem_id_][id*=_feedback_]+.fitem,body#page-question-type-varnumunit div[id^=fgroup_id_][id*=autofirerow1_],body#page-question-type-varnumunit div[id^=fgroup_id_][id*=autofirerow2_],body#page-question-type-varnumunit div[id^=fitem_id_][id*=spaceinunit_],body#page-question-type-varnumunit div[id^=fitem_id_][id*=spacesfeedback_],body#page-question-type-varnumunit div[id^=fitem_id_][id*=replacedash_],body#page-question-type-varnumunit div[id^=fitem_id_][id*=unitsfraction_],body#page-question-type-varnumunit div[id^=fitem_id_][id*=otherunitlabel]+.fitem{background:#eee;margin-bottom:0;margin-top:0;padding-bottom:5px;padding-top:5px;border:1px solid #bbb;border-top:0;border-bottom:0}body#page-question-type-varnumunit div[id^=fgroup_id_][id*=autofirerow3_],body#page-question-type-varnumunit div[id^=fitem_id_][id*=unitsfeedback_],body#page-question-type-varnumunit div[id^=fitem_id_][id*=id_otherunitfeedback]{background:#eee;margin-bottom:2em;margin-top:0;padding-bottom:5px;padding-top:5px;border:1px solid #bbb;border-top:0}body#page-question-type-varnumunit div[id^=fitem_id_][id*=_variant_last]{margin-bottom:1em;margin-top:0;padding:0;border:1px solid #bbb;border-bottom:0;border-left:0;border-right:0;background:#fff}body#page-question-type-varnumunit div[id^=fitem_id_][id*=_variant_last] div,body#page-question-type-varnumunit div[id^=fitem_id_][id*=otherunitlabel] textarea{display:none}body#page-question-type-varnumunit #fitem_id_addvariants,body#page-question-type-varnumunit div[id^=fitem_id_][id*=requirescinotation]+.fitem,body#page-question-type-varnumunit #fitem_id_addunits{margin-bottom:2em}body#page-question-type-varnumunit #fitem_id_answer_0{margin-top:1em}body#page-question-type-varnumunit div[id^=fgroup_id_][id*=answeroptions_] label[for^='id_answer_']{position:absolute;left:-10000px;font-weight:400;font-size:1em}body#page-question-type-varnumunit div[id^=fgroup_id_][id*=autofirerow1_] label[for^='id_checknumerical_'],body#page-question-type-varnumunit div[id^=fgroup_id_][id*=autofirerow2_] label[for^='id_checkpowerof10_'],body#page-question-type-varnumunit div[id^=fgroup_id_][id*=autofirerow3_] label[for^='id_syserrorpenalty_']{margin-left:0}.path-mod-assign div.gradingnavigation div{float:left;margin-left:2em}.path-mod-assign div.submissionstatustable,.path-mod-assign div.submissionfull,.path-mod-assign div.submissionlinks,.path-mod-assign div.usersummary,.path-mod-assign div.feedback,.path-mod-assign div.gradingsummary{margin-bottom:1.5em}.path-mod-assign div.submissionstatus .generaltable,.path-mod-assign div.submissionlinks .generaltable,.path-mod-assign div.feedback .generaltable,.path-mod-assign div.submissionsummarytable .generaltable,.path-mod-assign div.attempthistory table,.path-mod-assign div.gradingsummary .generaltable{width:100%}.path-mod-assign table.generaltable table td{border:0 none}.path-mod-assign .gradingsummarytable,.path-mod-assign .feedbacktable,.path-mod-assign .lockedsubmission,.path-mod-assign .submissionsummarytable{margin-top:1em}.path-mod-assign div.submissionsummarytable table tbody tr td.c0{width:30%}.path-mod-assign .submittedlate{color:red;font-weight:900}.path-mod-assign.jsenabled .gradingtable .c1 select{display:none}.path-mod-assign .quickgradingform .mform fieldset{margin:0;padding:0}.path-mod-assign textarea.quickgrade{resize:both}.path-mod-assign td.submissionstatus,.path-mod-assign div.submissionstatus,.path-mod-assign a:link.submissionstatus{color:#000;background-color:#efefef}.path-mod-assign td.submissionstatusdraft,.path-mod-assign div.submissionstatusdraft,.path-mod-assign a:link.submissionstatusdraft{color:#000;background-color:#efefcf}.path-mod-assign td.submissionstatussubmitted,.path-mod-assign div.submissionstatussubmitted,.path-mod-assign a:link.submissionstatussubmitted{color:#000;background-color:#cfefcf}.path-mod-assign td.submissionlocked,.path-mod-assign div.submissionlocked{color:#000;background-color:#efefcf}.path-mod-assign td.submissionreopened,.path-mod-assign div.submissionreopened{color:#000;background-color:#efefef}.path-mod-assign td.submissiongraded,.path-mod-assign div.submissiongraded{color:#000;background-color:#cfefcf}.path-mod-assign td.submissionnotgraded,.path-mod-assign div.submissionnotgraded{color:#000}.path-mod-assign td.latesubmission,.path-mod-assign a:link.latesubmission,.path-mod-assign div.latesubmission{color:#000;background-color:#efcfcf}.path-mod-assign td.earlysubmission,.path-mod-assign div.earlysubmission{color:#000;background-color:#cfefcf}.path-mod-assign td.gradingreminder,.path-mod-assign div.gradingreminder{color:#000;background-color:#efcfcf}.path-mod-assign div.dropdown.extrafilters .dropdown-menu{width:300px}.path-mod-assign .gradingtable .c0{display:none}.path-mod-assign.jsenabled .gradingtable .c0{display:table-cell}.path-mod-assign .gradingtable table{border-collapse:separate;border-spacing:0}.path-mod-assign .gradingtable thead th{background-color:#fff}.path-mod-assign .gradingtable tr.selectedrow td{background-color:#fec}.path-mod-assign .gradingtable tr.unselectedrow td{background-color:#fff}.path-mod-assign .gradingtable .yui3-menu ul{margin:0}.path-mod-assign .gradingtable .yui3-menu-label{padding-left:0;line-height:12px}.path-mod-assign .gradingtable .yui3-menu-label img{padding:0 3px}.path-mod-assign .gradingtable .yui3-menu li{list-style-type:none}.path-mod-assign.jsenabled .gradingtable .yui3-loading{display:none}.path-mod-assign .gradingtable .yui3-menu .yui3-menu-content{border:0;padding-top:0}.path-mod-assign div.gradingtable tr .quickgrademodified{background-color:#fc9}.path-mod-assign .gradingtable .commentscontainer .comment-ctrl .comment-area textarea{resize:both}.path-mod-assign td.submissioneditable{color:red}.path-mod-assign .expandsummaryicon{display:none}.path-mod-assign.jsenabled .expandsummaryicon{display:inline-block}.path-mod-assign .hidefull{display:none}.path-mod-assign .quickgradingform form .commentscontainer input,.path-mod-assign .quickgradingform form .commentscontainer textarea{display:none}.path-mod-assign.jsenabled .quickgradingform form .commentscontainer input,.path-mod-assign.jsenabled .quickgradingform form .commentscontainer textarea{display:inline}.path-mod-assign .previousfeedbackwarning{font-size:140%;font-weight:700;text-align:center;color:#500}.path-mod-assign .submissionhistory{background-color:#b0b0b0}.path-mod-assign .submissionhistory .cell.historytitle{background-color:gray}.path-mod-assign .submissionhistory .cell{background-color:#d0d0d0}.path-mod-assign.jsenabled .mod-assign-history-link{background:none 2px 4px / 16px 16px no-repeat;display:block;cursor:pointer;margin-bottom:7px;padding-left:20px}.path-mod-assign.jsenabled .mod-assign-history-link h4{display:inline}.path-mod-assign.jsenabled .attempthistory h4{margin-bottom:7px;text-align:left}.path-mod-assign.jsenabled.dir_rtl .attempthistory h4{text-align:right}.path-mod-assign.jsenabled .mod-assign-history-link-open{background-image:url(/theme/image.php/boost_union/core/1792421257/t/expanded)}.path-mod-assign.jsenabled .mod-assign-history-link-closed{background-image:url(/theme/image.php/boost_union/core/1792421257/t/collapsed)}.path-mod-assign .submithelp{padding:1em}.path-mod-assign .feedbacktitle{font-weight:700}.path-mod-assign .submitconfirm,.path-mod-assign .submissionlinks,.path-mod-assign .submissionaction{text-align:center}.path-mod-assign .submissionsummarytable .c0,.path-mod-assign .gradingsummarytable .c0,.path-mod-assign .mod-assign-history-panel .c0{width:15em}.path-mod-assign .gradingtable .moodle-actionmenu{white-space:nowrap}.path-mod-assign .gradingtable .username .d-inline-block{white-space:nowrap}.path-mod-assign .gradingtable .moodle-actionmenu[data-enhanced].show .menu a{padding-left:12px;padding-right:12px}.path-mod-assign .gradingtable .menu-action img{display:none}.path-mod-assign .editsubmissionform input[name="submissionstatement"]{vertical-align:top}.path-mod-assign .editsubmissionform label[for="id_submissionstatement"]{display:inline-block}.path-mod-assign.layout-option-nonavbar{padding-top:0}.path-mod-assign [data-region="user-selector"] select{margin-bottom:0}.path-mod-assign [data-region="user-selector"] .alignment{float:right;width:320px;text-align:center;margin-top:7px}.path-mod-assign [data-region="user-selector"] [data-action="previous-user"],.path-mod-assign [data-region="user-selector"] [data-action="next-user"]{font-size:26px}.path-mod-assign [data-region="user-selector"] [data-action="next-user"]{margin-left:-10px}.path-mod-assign [data-region="user-selector"] .alignment input{margin-bottom:5px}.path-mod-assign [data-region="user-selector"] .alignment .form-autocomplete-downarrow{top:0}.path-mod-assign [data-region="user-selector"] .form-autocomplete-selection{display:none}.path-mod-assign [data-region="user-selector"] .form-autocomplete-suggestions{text-align:left}.path-mod-assign [data-region="user-selector"] .form-autocomplete-suggestions{margin-left:48px}.path-mod-assign [data-region="user-filters"]{font-size:small}.path-mod-assign [data-region="configure-filters"]{display:none;text-align:left;width:480px;background-color:#fff;background-clip:padding-box;box-shadow:0 5px 10px rgb(0 0 0 / .2);border-radius:6px;position:absolute;margin-top:28px;margin-left:-452px;padding:10px 0;z-index:1}.path-mod-assign [data-region="configure-filters"]::before,.path-mod-assign [data-region="configure-filters"]::after{position:absolute;left:auto;display:inline-block;content:'';border-style:solid;border-color:#fff0;border-top:none}.path-mod-assign [data-region="configure-filters"]::before{top:-7px;right:12px;border-width:7px;border-bottom-color:rgb(0 0 0 / .2)}.path-mod-assign [data-region="configure-filters"]::after{top:-6px;right:13px;border-width:6px;border-bottom-color:#fff}.path-mod-assign .alignment [data-region="configure-filters"] input{margin-bottom:0}.path-mod-assign [data-region="grading-navigation-panel"]{position:absolute;top:0;left:0;width:100%;height:6em;margin:0;border-bottom:1px solid #ddd}.path-mod-assign [data-region="grading-navigation"]{padding:1em}.path-mod-assign [data-region="assignment-info"]{white-space:nowrap;overflow-x:hidden;text-overflow:ellipsis}.path-mod-assign [data-region="assignment-info"] small[data-region="assignment-tooltip"]{margin-left:.5em}.path-mod-assign [data-region="user-info"]{height:60px}.path-mod-assign [data-region="user-info"] a{text-decoration:none}.path-mod-assign [data-region="user-info"] .img-rounded{display:block;float:left;margin-top:-3px;margin-right:10px}.path-mod-assign [data-region="user-info"] em{display:block;font-style:normal}.path-mod-assign [data-region="user-info"] em.nowrap{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.path-mod-assign [data-region="grading-actions-form"] label{display:inline-block}.path-mod-assign.pagelayout-embedded{overflow:hidden}.path-mod-assign [data-region="review-panel"]{position:absolute;top:85px;bottom:60px;left:0;right:30%;width:auto;box-sizing:border-box;-webkit-transition:right 0.5s,left 0.5s;-moz-transition:right 0.5s,left 0.5s;transition:right 0.5s,left 0.5s}.path-mod-assign [data-region="review-panel"].grade-panel-collapsed{right:30px}.path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"]{display:none;height:30px;width:30px;position:absolute;top:0;right:0;left:auto;box-sizing:border-box;border-radius:0 0 0 4px;border:1px solid #ccc;border-top:none;background-color:#fff}.path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .expand-icon,.path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .collapse-icon{width:100%;height:100%;text-align:center;line-height:30px}.path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .expand-icon .toggle-text,.path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .collapse-icon .toggle-text{visibility:hidden;opacity:0;height:0;overflow:hidden}.path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] img{height:100%;float:right}.path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .expand-icon{display:none}.path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .collapse-icon{display:block}.path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .collapse-icon.full-width{display:none}.path-mod-assign [data-region="review-panel"] .pageheader{border-right:1px solid #ddd}.path-mod-assign [data-region="review-panel"]+[data-region="grade-panel"] [data-region="grade"]{margin-left:auto;margin-right:auto;max-width:100%;-webkit-transition:max-width 0.5s;-moz-transition:max-width 0.5s;transition:max-width 0.5s}.path-mod-assign [data-region="review-panel"] .drawingregion{left:0;right:0;border-color:#ddd}.path-mod-assign [data-region="review-panel"].collapsed{left:calc(30px - 70%);right:calc(100% - 30px);-webkit-transition:right 0.5s,left 0.5s;-moz-transition:right 0.5s,left 0.5s;transition:right 0.5s,left 0.5s}.path-mod-assign [data-region="review-panel"].collapsed [data-region="review-panel-content"]{visibility:hidden;-webkit-transition:visibility 0s 0.5s;-moz-transition:visibility 0s 0.5s;transition:visibility 0s 0.5s}.path-mod-assign [data-region="review-panel"].collapsed [data-region="review-panel-toggle"] .expand-icon{display:block}.path-mod-assign [data-region="review-panel"].collapsed [data-region="review-panel-toggle"] .collapse-icon{display:none}.path-mod-assign [data-region="review-panel"].collapsed+[data-region="grade-panel"]{position:absolute;left:30px;right:0;width:calc(100% - 30px);overflow:auto;-webkit-transition:width 0.5s,right 0.5s,left 0.5s;-moz-transition:width 0.5s,right 0.5s,left 0.5s;transition:width 0.5s,right 0.5s,left 0.5s}.path-mod-assign [data-region="review-panel"].collapsed+[data-region="grade-panel"] [data-region="grade"],.path-mod-assign [data-region="grade-panel"].fullwidth [data-region="grade"]{max-width:800px;margin-left:auto;margin-right:auto}.path-mod-assign [data-region="grade-panel"]{position:absolute;top:85px;bottom:60px;right:0;left:70%;width:30%;overflow:auto;box-sizing:border-box;background-color:#f5f5f5;padding:15px;padding-top:0;-webkit-transition:width 0.5s,right 0.5s,left 0.5s;-moz-transition:width 0.5s,right 0.5s,left 0.5s;transition:width 0.5s,right 0.5s,left 0.5s}.path-mod-assign [data-region="grade-panel"].collapsed{left:calc(100% - 30px);right:calc(30px - 100%);visibility:hidden;-webkit-transition:right 0.5s,left 0.5s,visibility 0s 0.5s;-moz-transition:right 0.5s,left 0.5s,visibility 0s 0.5s;transition:right 0.5s,left 0.5s,visibility 0s 0.5s}.path-mod-assign [data-region="grade-panel"].fullwidth{left:0;width:100%;overflow:auto}.path-mod-assign [data-region="grade-panel"] h3{font-size:18px;font-weight:500}.path-mod-assign [data-region="grade-panel"] div.submissionstatustable{margin-bottom:2em}.path-mod-assign [data-region="grade-panel"] .submissionsummarytable{margin-left:5px;margin-right:5px}.path-mod-assign [data-region="grade-panel"] .submissionsummarytable table.generaltable td{padding:8px 0;background-color:#fff0}.path-mod-assign [data-region="grade-panel"] .submissionsummarytable .generaltable tbody>tr:nth-child(2n+1)>td,.path-mod-assign [data-region="grade-panel"] .submissionsummarytable .generaltable tbody tr:hover>td{background-color:#fff0}.path-mod-assign [data-region="grade-panel"] div.submissionsummarytable table tbody tr td.c0{width:auto}.path-mod-assign [data-region="grade-panel"] div.submissionsummarytable table tbody tr.lastrow td.c0,.path-mod-assign [data-region="grade-panel"] div.submissionsummarytable table tbody tr.lastrow td.c1{border-bottom:1px solid #ddd}.path-mod-assign .overdue,.path-mod-assign .overduesubmission,.path-mod-assign [data-region="grade-panel"] td.submissionnotgraded,.path-mod-assign [data-region="grade-panel"] div.submissionnotgraded{color:#ca3120;background-color:#fff0}.path-mod-assign div.fileuploadsubmission{float:left;min-width:300px}.path-mod-assign div.fileuploadsubmissiontime{float:right}.path-mod-assign [data-region="grade-panel"] #id_gradeheader{display:table-cell;min-width:0}.path-mod-assign [data-region="grade-panel"] #id_gradeheader>legend{visibility:hidden;height:0;margin-bottom:0}.path-mod-assign [data-region="grade-panel"] .comment-area textarea[cols]{width:100%;box-sizing:border-box}.path-mod-assign [data-region="grade-panel"] .mform .fitem.fitem_ftext,.path-mod-assign [data-region="grade-panel"] .mform .fitem.fitem_f,.path-mod-assign [data-region="grade-panel"] .mform .fitem.fitem_feditor,.path-mod-assign [data-region="grade-panel"] .mform .fitem.fitem_fgrading,.path-mod-assign [data-region="grade-panel"] .mform .fitem.fitem_ffilemanager{background-color:#fff;border:1px solid #ddd;margin-bottom:20px}.path-mod-assign [data-region="grade-panel"] .mform .fitem.fitem_ftext .fitemtitle,.path-mod-assign [data-region="grade-panel"] .mform .fitem.fitem_f .fitemtitle,.path-mod-assign [data-region="grade-panel"] .mform .fitem.fitem_feditor .fitemtitle,.path-mod-assign [data-region="grade-panel"] .mform .fitem.fitem_fgrading .fitemtitle,.path-mod-assign [data-region="grade-panel"] .mform .fitem.fitem_ffilemanager .fitemtitle{padding-left:5px;padding-right:5px}.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fcontainer .fitem.fitem_ftext .felement,.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fcontainer .fitem.fitem_f .felement,.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fcontainer .fitem.fitem_feditor .felement,.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fcontainer .fitem.fitem_fgrading .felement,.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fcontainer .fitem.fitem_ffilemanager .felement{padding:6px 10px 10px;box-sizing:border-box}.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fitem.fitem_ftext .fitemtitle,.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fitem.fitem_f .fitemtitle,.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fitem.fitem_feditor .fitemtitle,.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fitem.fitem_fgrading .fitemtitle,.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fitem.fitem_ffilemanager .fitemtitle{border-bottom:1px solid #ddd;box-shadow:0 1px 1px rgb(0 0 0 / .05);padding:6px 10px 3px;box-sizing:border-box}.path-mod-assign #page-content [data-region="grade-panel"] [data-region="popout-button"] img{margin-left:2px;margin-right:2px;margin-top:-2px}.path-mod-assign #page-content [data-region="grade-panel"] .popout [data-region="popout-button"] img{margin-left:-6px;margin-right:-6px;margin-top:4px}.path-mod-assign [data-region="grade-panel"] .fitem .fstaticlabel,.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fitem .fitemtitle label{font-weight:500}.path-mod-assign [data-region="grade-panel"] .mform #fitem_id_grade.fitem{padding-top:5px}.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) #fitem_id_grade.fitem .fitemtitle{display:inline-block;width:auto;border-bottom:none;box-shadow:none}.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) #fitem_id_grade.fitem .felement{width:auto;float:right}.path-mod-assign #page-content .mform:not(.unresponsive) #fitem_id_grade.fitem .felement input{width:80px;margin-bottom:0}.path-mod-assign [data-region="grade-panel"] .gradingform_rubric{max-width:100%;padding-bottom:0}.path-mod-assign .gradingform_rubric{max-width:calc(100vw - 200px)}.path-mod-assign [data-region="grade-panel"] .gradingform_rubric .criterion .description{font-weight:500;min-width:150px}.path-mod-assign [data-region="grade-panel"] .gradingform_rubric .criterion .levels{background-color:#fff}.path-mod-assign [data-region="grade-panel"] .gradingform_rubric .criterion,.path-mod-assign [data-region="grade-panel"] .gradingform_rubric .criterion.even{background-color:#fff0}.path-mod-assign [data-region="grade-panel"] .gradingform_rubric .criterion .remark textarea{margin-bottom:0}.path-mod-assign [data-region="grade-panel"] .gradingform_guide{margin-bottom:10px}.path-mod-assign [data-region="grade-panel"] .gradingform_guide .descriptionreadonly,.path-mod-assign [data-region="grade-panel"] .gradingform_guide .remark,.path-mod-assign [data-region="grade-panel"] .gradingform_guide .score{display:block}.path-mod-assign [data-region="grade-panel"] .gradingform_guide .descriptionreadonly{padding-top:10px}.path-mod-assign [data-region="grade-panel"] .gradingform_guide .criteriondescription{margin-top:5px}.path-mod-assign [data-region="grade-panel"] .gradingform_guide .criteriondescriptionmarkers{width:auto;margin-top:5px}.path-mod-assign [data-region="grade-panel"] .gradingform_guide .markingguideremark{margin-bottom:10px}.path-mod-assign [data-region="grade-panel"] .gradingform_guide .remark .commentchooser{float:right;margin-top:2px;margin-left:0}.path-mod-assign [data-region="grade-panel"] .gradingform_guide .score{float:left;padding-bottom:8px}.path-mod-assign [data-region="grade-panel"] .gradingform_guide .score input,.path-mod-assign [data-region="grade-panel"] .gradingform_guide .score div{display:inline-block}.path-mod-assign [data-region="grade-panel"] .gradingform_guide .criterion,.path-mod-assign [data-region="grade-panel"] .gradingform_guide .criterion.even{background-color:#fff0;border-width:0 0 1px 0;padding:8px 0}.path-mod-assign [data-region="grade-panel"] .showmarkerdesc,.path-mod-assign [data-region="grade-panel"] .showstudentdesc{background-color:#f5f5f5;padding:10px}.path-mod-assign [data-region="grade-panel"] .fitem.fitem_ffilemanager{margin-bottom:0}.path-mod-assign [data-region="grade-panel"] .fitem.popout{position:fixed;left:20%;right:20%;top:20%;bottom:20%;z-index:1000;border:1px solid rgb(0 0 0 / .3);border-radius:6px;box-shadow:0 3px 7px rgb(0 0 0 / .3)}.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fcontainer .fitem.popout .fitemtitle{text-align:center;padding-left:15px;padding-right:15px;height:45px}.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fcontainer .fitem.popout .fitemtitle label{font-size:16px;line-height:30px}.path-mod-assign #page-content [data-region="grade-panel"] [data-region="popout-button"]{float:right}.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fitem.popout .fitemtitle [data-region="popout-button"] img{margin-top:-10px;margin-right:-7px}.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fcontainer .fitem.popout .felement{padding:10px 15px 15px;height:calc(100% - 54px);overflow:auto}.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fcontainer .fitem.popout .felement .gradingform_rubric{overflow:visible}.path-mod-assign [data-region="grade-panel"] #id_attemptsettings>legend{font-size:18px;font-weight:500;line-height:40px;border-bottom:0;margin-bottom:10px}.path-mod-assign [data-region="grade-panel"] #id_attemptsettings .fcontainer{display:table;width:100%;padding-left:5px;padding-right:5px;margin-bottom:10px;box-sizing:border-box}.path-mod-assign [data-region="grade-panel"] .mform #id_attemptsettings .fitem{display:table-row}.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) #id_attemptsettings .fitem:last-of-type .fitemtitle,.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) #id_attemptsettings .fitem:last-of-type .felement{border-bottom:1px solid #ddd}.path-mod-assign [data-region="grade-panel"] #id_attemptsettings .fitem .fstaticlabel,.path-mod-assign [data-region="grade-panel"] .mform:not(.unresponsive) #id_attemptsettings .fitem .fitemtitle label{font-weight:400}.path-mod-assign [data-region="grade-panel"] .mform:not(.unresponsive) #id_attemptsettings .fitem .felement select{margin-bottom:0}.path-mod-assign [data-region="grade-panel"] [data-region="attempt-chooser"]{margin-bottom:10px;vertical-align:text-bottom}.path-mod-assign [data-region="grade-actions-panel"]{border-top:1px solid #ddd;position:absolute;bottom:0;left:0;width:100%;height:60px}.path-mod-assign [data-region="grade-actions"]{padding:1em;text-align:center}.path-mod-assign [data-region="submissions-list"]{text-align:inherit}.path-mod-assign [data-region="submissions-list"] label.radio input{margin-top:4px;min-width:inherit}.path-mod-assign [data-region="overlay"]{display:none;z-index:100;position:absolute;top:0;left:0;width:100%;overflow:auto;bottom:0;background-color:#ddd;opacity:.4;padding-top:4em;text-align:center}@media (max-width:767px){.path-mod-assign.pagelayout-embedded{overflow:auto}.path-mod-assign [data-region="assignment-info"]{border-bottom:1px solid #ddd;padding-bottom:5px}.path-mod-assign .page-context-header .page-header-headings{margin-top:13px}.path-mod-assign [data-region="grade-actions-panel"] [data-region="grade-actions"] .collapse-buttons{display:none}.path-mod-assign [data-region="grading-navigation-panel"],.path-mod-assign [data-region="review-panel"],.path-mod-assign [data-region="grade-panel"],.path-mod-assign [data-region="review-panel"].collapsed+[data-region="grade-panel"],.path-mod-assign [data-region="grade-actions-panel"]{position:inherit;width:100%;top:0;left:0;right:auto;overflow:auto;height:auto;margin-bottom:1em}.path-mod-assign [data-region="grade-panel"].collapsed{visibility:visible}.path-mod-assign [data-region="grading-navigation"]{padding:0;text-align:center}.path-mod-assign [data-region="grade-panel"]{margin-bottom:2em}.path-mod-assign [data-region="grade-panel"] [data-region="popout-button"]{display:none}.path-mod-assign [data-region="review-panel"]{position:relative;max-height:2000px;-webkit-transition:max-height 0.25s linear;-moz-transition:max-height 0.25s linear;transition:max-height 0.25s linear}.path-mod-assign [data-region="review-panel"] .pageheader{border-right:none;padding-right:20px;padding-left:40px}.path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"]{display:block;height:20px;width:20px;position:absolute;top:0;left:0;right:auto;box-sizing:border-box;border:1px solid #ccc;border-radius:0 0 4px 0;background-color:#fff}.path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .expand-icon,.path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .collapse-icon{width:100%;height:100%;text-align:center;line-height:30px}.path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .ltr-icon,.path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .rtl-icon{height:100%}.path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .ltr-icon{float:left}.path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .rtl-icon{float:right}.path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .expand-icon .toggle-text,.path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .collapse-icon .toggle-text{line-height:20px;visibility:visible;opacity:1;height:auto;-webkit-transition:visibility 0s 0.25s,opacity 0s 0.25s;-moz-transition:visibility 0s 0.25s,opacity 0s 0.25s;transition:visibility 0s 0.25s,opacity 0s 0.25s}.path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .expand-icon .rtl-icon{display:none}.path-mod-assign [data-region="review-panel"].collapsed{max-height:20px;top:0;left:0;overflow:hidden;-webkit-transition:max-height 0.25s linear;-moz-transition:max-height 0.25s linear;transition:max-height 0.25s linear}.path-mod-assign [data-region="review-panel"].collapsed [data-region="review-panel-toggle"]{width:100%;border-radius:0 0 0 0;-webkit-transition:all 0s 0.25s;-moz-transition:all 0s 0.25s;transition:all 0s 0.25s}.path-mod-assign [data-region="review-panel"].collapsed [data-region="review-panel-toggle"] img{height:100%}.path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .collapse-icon{display:block}.path-mod-assign [data-region="review-panel"].collapsed [data-region="review-panel-toggle"] .collapse-icon{display:none}.path-mod-assign.pagelayout-popup{overflow:inherit}.path-mod-assign [data-region="grading-navigation"] [data-region="user-info"]{text-align:left;width:auto;display:inline-block;margin:0 auto;height:auto}.path-mod-assign [data-region="user-selector"] .alignment{float:none;margin:0 auto 10px}body.tox-fullscreen.path-mod-assign [data-region="grading-navigation"]{display:none}}.path-mod-assign [data-region="grade-panel"] .mform .fitem .fitemtitle{display:block;margin-top:4px;margin-bottom:4px;text-align:left;width:100%}.path-mod-assign [data-region="grade-panel"] .mform .fitem .felement{margin-left:0;width:100%;float:left;padding-left:0;padding-right:0}.path-mod-assign [data-region="grade-panel"] .mform .fitem .fstatic:empty{display:none}.path-mod-assign [data-region="grade-panel"] .mform .fitem .fcheckbox>span,.path-mod-assign [data-region="grade-panel"] .mform .fitem .fradio>span,.path-mod-assign [data-region="grade-panel"] .mform .fitem .fgroup>span{margin-top:4px}.path-mod-assign [data-region="grade-panel"] .mform .femptylabel .fitemtitle{display:inline-block;width:auto;margin-right:8px}.path-mod-assign [data-region="grade-panel"] .mform .femptylabel .felement{display:inline-block;margin-top:4px;padding-top:5px;width:auto}.path-mod-assign [data-region="grade-panel"] .mform .fitem_fcheckbox .fitemtitle,.path-mod-assign [data-region="grade-panel"] .mform .fitem_fcheckbox .felement{display:inline-block;width:auto}.path-mod-assign [data-region="grade-panel"] .mform .fitem_fcheckbox .felement{padding:6px}.path-mod-assign #page,.path-mod-assign #page-content{position:inherit}.path-mod-assign table.generaltable table td.ygtvcell{border:0;padding:0}div[id*='mod_assign-timer-']{display:block;font-weight:600;font-size:1.4em}body.tox-fullscreen.path-mod-assign [data-region="grade-panel"]{position:unset}body.path-mod-assign [data-region="grade-panel"] .mform .fitem.has-popout .felement[data-fieldtype="editor"]{overflow:unset}.path-mod-assign .initialsdropdown{width:460px}.path-mod-assign .initialsdropdown::after{content:''}.path-mod-attendance .attbtn{border:1px solid #aaa;border-radius:5px;margin:2px;padding:5px;display:inline-block}.path-mod-attendance .attcurbtn{margin-left:2px;margin-right:2px;padding:5px}.path-mod-attendance .attfiltercontrols{margin-bottom:10px}.path-mod-attendance .attfiltercontrols #currentdate{display:inline}.path-mod-attendance .attwidth{margin:auto}.path-mod-attendance .userwithoutenrol,.path-mod-attendance .userwithoutenrol a{color:gray}.path-mod-attendance .userwithoutdata,.path-mod-attendance .userwithoutdata a{color:red}.path-mod-attendance .takelist td{vertical-align:middle}.path-mod-attendance .takelist .userpicture{margin:0 3px;vertical-align:middle}.path-mod-attendance .takegrid input{margin:0 3px 0 6px}.path-mod-attendance .takegrid .fullname{font-size:.8em}.path-mod-attendance div.allsessionssummary+form#attendancetakeform>div{width:100%}.path-mod-attendance table.controls{text-align:center;width:100%}.path-mod-attendance table.controls tr{vertical-align:top}.path-mod-attendance table.controls td.right,.path-mod-attendance table.controls td.left{padding:4px}.path-mod-attendance table.controls .right{text-align:right}.path-mod-attendance .filtercontrols td{padding:6px}.path-mod-attendance .takecontrols{margin:0 auto 20px auto;width:800px}.path-mod-attendance .takecontrols table{margin:0 auto}.path-mod-attendance .takecontrols .c0{text-align:left;width:500px}.path-mod-attendance .takecontrols .c1{text-align:right}.path-mod-attendance .inline,.path-mod-attendance .inline form,.path-mod-attendance .inline div{display:inline}.path-mod-attendance table.userinfobox{border:1px solid #eee;padding:0}.path-mod-attendance table.userinfobox td.left{background-color:#eee;padding:30px 10px}.path-mod-attendance table.userinfobox .userpicture{margin:0}.path-mod-attendance table.attlist td.c0{text-align:right}.path-mod-attendance table.allsessions tr.grouper td{background-color:#eee}.path-mod-attendance table.allsessions td.groupheading{font-weight:700}.path-mod-attendance .allsessionssummary .float-right{float:right}.path-mod-attendance .allsessionssummary .float-left{float:left}#page-mod-attendance-preferences .generalbox{text-align:center}.path-mod-attendance .attsessions_manage_table .action-icon img.smallicon{margin-left:5px}#page-mod-attendance-sessions input[type="checkbox"]{margin-right:2px}.path-mod-attendance .setallstatuses{text-align:right}.path-mod-attendance .remarkholder{position:relative}.path-mod-attendance .remarkholder .remarkcontent{background-color:#fff;border:1px solid #ccc;border-radius:3px;box-shadow:3px 3px 5px #ccc;display:none;left:20px;padding:5px;position:absolute;top:0;width:150px;z-index:5000}.path-mod-attendance .remarkholder:hover .remarkcontent{display:inline-block}.path-mod-attendance .attendancestatus-P{color:green}.path-mod-attendance .attendancestatus-E{color:#00aee3}.path-mod-attendance .attendancestatus-L{color:#f7931e}.path-mod-attendance .attendancestatus-A{color:red}.path-mod-attendance .attreport .contrast{background-color:#eaeaea}.path-mod-attendance .attreport .center{text-align:center}.path-mod-attendance .attreport .left{text-align:left}.path-mod-attendance .attreport .bottom{vertical-align:bottom}.path-mod-attendance .attreport .nowrap{white-space:nowrap}.path-mod-attendance .attreport .narrow{width:1px}.path-mod-attendance .attreport img.userpicture{max-width:inherit}.path-mod-attendance .student-password{font-size:x-large;text-align:center}.path-mod-attendance .ungraded{font-size:smaller;font-style:italic}#page-mod-attendance-sessions .statusgroup .statusdesc{margin-right:12px}#page-mod-attendance-view .averageattendance{font-weight:700}#page-mod-attendance-preferences .form-control{width:inherit;display:inherit}@media (max-width:767px){.path-mod-attendance .remarkscol{display:none}.path-mod-attendance .statusgroup .form-check-inline{display:block;padding-top:10px;padding-bottom:10px}#page-mod-attendance-view .colatt{display:none}.path-mod-attendance .attfiltercontrols,.path-mod-attendance .attwidth{width:100%}}@media (max-width:480px){.path-mod-attendance .desccol{display:none}.path-mod-attendance .pointscol{display:none}.path-mod-attendance .attfiltercontrols #currentdate{display:none}#page-mod-attendance-view .colsessionscompleted,#page-mod-attendance-view .colpointssessionscompleted{display:none}}#page-mod-attendance-report div[role=main]{position:relative}#page-mod-attendance-report .attendancereporttable{padding:0}#page-mod-attendance-report .attendancereporttable .headcol{position:sticky;width:200px;left:0;vertical-align:top;background:#fff;border-top-width:1px}#page-mod-attendance-report .attendancereporttable .headcol input[type='checkbox']{margin-right:4px}#page-mod-attendance-report .attendancereporttable tr:first-of-type th,#page-mod-attendance-manage .attsessions_manage_table tr:first-of-type th,#page-mod-attendance-preferences #preferencesform tr:first-of-type th,#page-mod-attendance-index tr:first-of-type th{position:sticky;top:0;background:#fff}#page-mod-attendance-report .attendancereporttable tr:nth-of-type(2) th{position:sticky;top:3rem;background:#fff}#page-mod-attendance-report .attendancereporttable tr:first-of-type .headcol,#page-mod-attendance-report .attendancereporttable tr:nth-of-type(2) .headcol{z-index:1}.attendancereporttable img.icon{padding-left:5px}#page-mod-attendance-password #page{text-align:center}#page-mod-attendance-password #page #qrcode img{display:inline!important;margin:40px}#page-mod-attendance-password .qrcodevalid,#page-mod-attendance-password .qrcodeheader{font-size:larger}#page-mod-attendance-report .attendancereporttable .table-responsive,#page-mod-attendance-manage .attsessions_manage_table .table-responsive,#page-mod-attendance-preferences #preferencesform .table-responsive,#page-mod-attendance-index .table-responsive{overflow-x:initial}#page-mod-attendance-report .attendancereporttable tbody tr,#page-mod-attendance-manage .attsessions_manage_table tbody tr,#page-mod-attendance-preferences #preferencesform tbody tr,#page-mod-attendance-index tbody tr{background-color:#fff}#page-mod-attendance-report .attendancereporttable tbody tr:nth-of-type(odd),#page-mod-attendance-manage .attsessions_manage_table tbody tr:nth-of-type(odd),#page-mod-attendance-preferences #preferencesform tbody tr:nth-of-type(odd),#page-mod-attendance-index tbody tr:nth-of-type(odd){background-color:#f7f7f7}#page-mod-attendance-preferences .form-control.studentavailability,.form-control.studentavailability{display:none;margin:3% auto;width:50%;text-align:center}@charset "UTF-8";.recording-thumbnail{border:1px solid #ddd;border-radius:4px;padding:0 0 0 0;transition:transform .2s;width:113px;height:64px}.recording-thumbnail:hover{box-shadow:0 0 2px 1px rgb(0 140 186 / .5);transform:scale(2);-moz-transform:scale(2);-webkit-transform:scale(2);-o-transform:scale(2);position:relative;display:block;z-index:999}.fa-disabled{cursor:not-allowed;opacity:.2}.fa-invisible{cursor:not-allowed;visibility:hidden}.bbb_index_form{display:inline-block}.bigbluebuttonbn_icon_btn i.icon{margin-right:auto}input.form-control[readonly][name="guestpassword"],input.form-control[readonly][name="guestjoinurl"]{background:initial}.mod_board_wrapper .mod_board{display:flex;flex-flow:row nowrap;align-items:flex-start;margin-bottom:30px;padding-bottom:10px;overflow-x:auto;padding-left:6px;padding-right:6px}.mod_board .board_column{display:flex;flex-direction:column;flex-grow:1;flex-basis:200px;min-width:200px;background:#eaeaea;margin:12px 4px;border-radius:.5em}.mod_board .board_column[data-locked=true] .move_note{display:none}.mod_board .board_column_empty{display:flex;flex-direction:column;flex-grow:1;order:1;margin:12px 4px;flex-basis:60px;min-width:60px;max-width:60px}.mod_board .board_column_header{display:flex;margin:10px 5px 0 5px;padding:10px;font-size:1.1em;font-weight:800;position:relative}.mod_board .board_column_header .mod_board_column_name{float:left;overflow:hidden;text-overflow:ellipsis;width:calc(100% - 20px)}.mod_board .board_column_header .mod_board_column_sort{cursor:pointer;float:left;width:20px;margin-top:5px}.mod_board .board_column_header .mod_board_remove{position:absolute;top:3px;right:5px;color:#333}.mod_board .board_column_header .mod_board_remove:hover,.mod_board .board_column_header .mod_board_remove:focus{opacity:.8}.mod_board .board_column_header .mod_board_update{position:absolute;top:3px;right:5px;color:#333}.mod_board .board_column_header .icon{margin-top:5px}.mod_board .board_column_content,.mod_board .board_column_newcontent{margin:2px 4px}.mod_board .board_column_content{min-height:10px}.mod_board .board_button{cursor:pointer;border-radius:5px;margin:0 4px 8px;background:#fbfbfb}.mod_board .board_button:hover,.mod_board .board_button:focus{background:#fff}.mod_board .board_button .button_content{text-align:center;font-weight:800;font-size:1.2em;padding:5px}.mod_board .mod_board_spacer_button{width:10px}.mod_board .mod_board_note_attachment .mod_board_type{width:auto}.mod_board .delete_note,.mod_board .move_note,.mod_board .edit_note{padding:2px 8px 0}.mod_board .board_note{margin:4px 4px 8px;position:relative;padding:8px;background:#fbfbfb;border-radius:.2em}.mod_board .mod_board_note_border{border-top:1px solid lightgray;padding-bottom:10px}.mod_board .mod_board_note_content .mod_board_note_text{font-size:.9em}.mod_board .mod_board_note_content .mod_board_note_heading{min-height:22px;line-height:22px;width:100%;padding-bottom:5px;font-weight:600}.mod_board .mod_board_note_content .mod_board_note_heading>textarea{border:0;padding:0;margin:0}.mod_board .mod_board_note_content .mod_board_note_attachment{padding-top:10px;margin:0}.mod_board .mod_board_note_content .mod_board_note_attachment .mod_board_file{line-height:1.2}.mod_board .mod_board_note_content .mod_board_note_attachment .mod_board_type_icon{font-size:20px;padding:4px 3px;border:1px solid lightgray}.mod_board .mod_board_note_content .mod_board_note_attachment .mod_board_with_type_icon{flex:1;max-width:initial}.mod_board .mod_board_rating{color:#333;margin-top:10px;padding:2px 8px 0 0}.mod_board .mod_board_rating:hover,.mod_board .mod_board_rating:focus{opacity:.8}.mod_board .board_column_empty .board_button{margin:5px}.mod_board .board_column_empty .board_button .button_content{font-size:1.5em}.mod_board .mod_board_editablenote .mod_board_rating{right:25px}.mod_board .mod_board_rating_value{font-family:inherit}.mod_board .mod_board_remove_attachment{position:relative;width:100%;text-align:right}.mod_board .mod_board_remove_attachment .mod_board_remove_attachment_button{padding:3px;margin-right:2px;color:#333;cursor:pointer}.mod_board .mod_board_editablenote .mod_board_note_text,.mod_board .mod_board_rateablenote .mod_board_note_text{min-height:18px}.mod_board .mod_board_editablenote .mod_board_note_content{cursor:pointer}.mod_board .mod_board_editablenote .mod_board_note_content:hover,.mod_board .mod_board_editablenote .mod_board_note_content:focus{background:#fff}.path-mod-board .modal-body .limited_markdown_examples pre{font-size:.8rem;line-height:1.2;margin-top:8px;margin-left:8px;margin-bottom:4px}.path-mod-board .mod_board_note_text,.path-mod-board .mod_board_note_heading{word-break:break-word}.path-mod-board .mod_board_note_text ul,.path-mod-board .mod_board_note_text ol,.path-mod-board .mod_board_note_text p{margin-bottom:4px;margin-left:4px}.path-mod-board .mod_board_note_text ul,.path-mod-board .mod_board_note_text ol{padding-inline-start:16px;list-style-position:outside}.path-mod-board .comment .comment-input{font-size:.8rem;align-self:center}.path-mod-board .comment .comment-input:empty:before{font-size:.8rem;color:#222;cursor:text}.path-mod-board .comment .comment-input:focus{outline:2px solid currentColor;outline-offset:2px;border-bottom-color:#000!important}.path-mod-board .comment .emoji-picker-container{position:absolute;top:40px;left:0}.path-mod-board .comment .emoji-picker{height:200px}.path-mod-board .comment .emoji-picker .card-header .btn{border-radius:0}.path-mod-board .comment .emoji-picker .card-footer{display:none!important}.path-mod-board .comment .emoji-picker .picker-row{height:20px}.path-mod-board .comment .emoji-picker .picker-row .category-name{font-size:1rem;line-height:20px}.path-mod-board .mod_board_preview{padding-top:5px;border-top:1px solid lightgray;margin-top:10px;width:100%;overflow-wrap:break-word}.path-mod-board .mod_board_preview.mod_board_notext{padding-top:0;border-top:0;margin-top:0}.path-mod-board .mod_board_preview .mod_board_preview_element{width:100%}.path-mod-board .mod_board_preview.wrapper_image .mod_board_preview_element{max-width:100%;max-height:calc(100vh - 100px);margin:auto;display:block;width:auto}.path-mod-board .mod_board_preview.wrapper_youtube{padding-top:0;position:relative;padding-bottom:56.25%;height:0}.path-mod-board .mod_board_preview iframe.mod_board_preview_element{position:absolute;top:0;left:0;width:100%;height:100%}.path-mod-board .mod_board_note_buttons{display:flex;flex-direction:row;flex-wrap:wrap}.path-mod-board .mod_board_attachment_button{text-align:center;border:3px solid dodgerblue;background:lightblue;padding:8px 15px;font-size:150%;cursor:pointer;display:inline-block;margin:0 2px}.path-mod-board .mod_board_attachment_button.selected{border:3px solid blue}.path-mod-board .mod_board_attachment_button:hover,.path-mod-board .mod_board_attachment_button:focus{opacity:.8}.path-mod-board .modal-content .stretched-link::after{content:unset}.path-mod-board .modal-footer [data-action=cancel]{order:1}.path-mod-board .cell{max-width:300px;word-break:break-word}.modtype_board div.flex-fill{width:100%}.modtype_board div.contentwithoutlink{display:block!important;width:100%}iframe.mod_board-iframe{overflow-x:auto}.pagelayout-embedded.path-mod-board .activity-header{display:none}.mod_board_embed_container{width:100%}.mod_board_commentcount{padding:2px 8px 0;cursor:pointer}.mod_board_commentcount_value{font-family:inherit;font-weight:800;margin-inline-start:.15em}.path-mod-book .book_toc .action-list img.smallicon{margin:0 3px}.path-mod-book .book_toc ul{display:flex;flex-direction:column}.path-mod-book .book_toc li{flex:1 1 100%}.path-mod-book .book_toc_indented>ul{margin-left:0;padding-left:0}.path-mod-book .book_toc_indented li{list-style:none}.path-mod-book .book_toc_bullets>ul{margin-left:0;padding-left:1.3rem}.path-mod-book .book_toc_bullets li{list-style:disc}.path-mod-book .book_toc_numbered>ul{margin-left:0;padding-left:0}.path-mod-book .book_toc_numbered li{list-style:none}.path-mod-book .book_toc_none ul{margin-left:0;padding-left:0}.path-mod-book .book_toc_none li{list-style:none}.path-mod-book #mod_book-chaptersnavigation{top:80px;width:inherit;margin:0 -35px;position:sticky}.path-mod-book #mod_book-chaptersnavigation .tertiary-navigation .navitem{margin-bottom:-52px}.path-mod-book .book_content{margin:0 15px;padding-right:15px;padding-left:15px;position:relative}.path-mod-book .btn-previous,.path-mod-book .btn-next{background:#dee2e6;box-shadow:0 .125rem .25rem rgb(0 0 0 / .075);padding:13px 10px}.path-mod-book .btn-previous{border-radius:200px 0 0 200px}.path-mod-book .btn-next{border-radius:0 200px 200px 0}.path-mod-book.dir-rtl .btn-previous .icon,.path-mod-book.dir-rtl .btn-next .icon{transform:scale(-1,-1)}.path-mod-book .btn-previous .icon,.path-mod-book .btn-next .icon{font-size:24px;width:auto;height:auto;margin:auto}@media (max-width:768px){.path-mod-book #mod_book-chaptersnavigation{top:calc(100% - 250px);margin:0 -.5rem;z-index:1}.path-mod-book .btn-previous,.path-mod-book .btn-next{opacity:.85;border-radius:25px;padding:10px;width:45px;height:45px}.path-mod-book .book_content{margin-left:-5px;margin-right:-5px}}.certificatebeautiful-pages .certificatebeautiful-report-extra-width,.path-mod-certificatebeautiful .certificatebeautiful-report-extra-width,.path-mod-certificatebeautiful-manage-model .certificatebeautiful-report-extra-width{width:40px}.certificatebeautiful-pages .certificatebeautiful-report-btn-small,.path-mod-certificatebeautiful .certificatebeautiful-report-btn-small,.path-mod-certificatebeautiful-manage-model .certificatebeautiful-report-btn-small{padding:5px 7px;border-radius:6px;border:none;min-width:61px}.certificatebeautiful-pages .structuresitens,.path-mod-certificatebeautiful .structuresitens,.path-mod-certificatebeautiful-manage-model .structuresitens{height:220px;overflow:hidden;position:relative}.certificatebeautiful-pages .structuresitens fieldset,.path-mod-certificatebeautiful .structuresitens fieldset,.path-mod-certificatebeautiful-manage-model .structuresitens fieldset{border:1px solid #c8c8c8;padding-inline-start:.75em;border-radius:5px}.certificatebeautiful-pages .structuresitens legend,.path-mod-certificatebeautiful .structuresitens legend,.path-mod-certificatebeautiful-manage-model .structuresitens legend{float:initial;width:auto;margin-bottom:5px}.certificatebeautiful-pages .structuresitens table,.path-mod-certificatebeautiful .structuresitens table,.path-mod-certificatebeautiful-manage-model .structuresitens table{width:100%}.certificatebeautiful-pages .structuresitens table th,.path-mod-certificatebeautiful .structuresitens table th,.path-mod-certificatebeautiful-manage-model .structuresitens table th{white-space:nowrap;width:10px;position:relative}.certificatebeautiful-pages .structuresitens table th span,.path-mod-certificatebeautiful .structuresitens table th span,.path-mod-certificatebeautiful-manage-model .structuresitens table th span{position:absolute;top:-15px;left:0;opacity:1;font-weight:400;animation:smooth 0.8s ease-in;background:#fff}@keyframes smooth{0%{top:-15px;opacity:1;background:#fff}70%{opacity:.8;background:#fff}100%{top:-30px;opacity:0;background:#ddd}}.certificatebeautiful-pages .structuresitens table th span.delete,.path-mod-certificatebeautiful .structuresitens table th span.delete,.path-mod-certificatebeautiful-manage-model .structuresitens table th span.delete{top:-40px;opacity:0;background:#ddd}.certificatebeautiful-pages .structuresitens .read-more,.path-mod-certificatebeautiful .structuresitens .read-more,.path-mod-certificatebeautiful-manage-model .structuresitens .read-more{width:100%!important;position:absolute;bottom:0;left:0;right:0;text-align:center;background:#fff;background:linear-gradient(180deg,#ffffff00 0%,#ffffffd4 50%,#ffffff 100%);padding:14px}.certificatebeautiful-pages .editpage .certificate-editor,.path-mod-certificatebeautiful .editpage .certificate-editor,.path-mod-certificatebeautiful-manage-model .editpage .certificate-editor{width:100%;height:720px;min-width:1190px}.certificatebeautiful-pages .editpage .read-more,.path-mod-certificatebeautiful .editpage .read-more,.path-mod-certificatebeautiful-manage-model .editpage .read-more{display:none!important}.certificatebeautiful-pages .editpage .structuresitens,.path-mod-certificatebeautiful .editpage .structuresitens,.path-mod-certificatebeautiful-manage-model .editpage .structuresitens{height:auto!important}.certificatebeautiful-pages .list-certificate fieldset,.path-mod-certificatebeautiful .list-certificate fieldset,.path-mod-certificatebeautiful-manage-model .list-certificate fieldset{border:1px solid #dee2e6;margin:2px;padding:0 10px 14px}.certificatebeautiful-pages .list-certificate fieldset legend,.path-mod-certificatebeautiful .list-certificate fieldset legend,.path-mod-certificatebeautiful-manage-model .list-certificate fieldset legend{float:none;margin:0 17px;width:auto;padding:4px;font-size:17px}.certificatebeautiful-pages .list-certificate .certificate-page-root,.path-mod-certificatebeautiful .list-certificate .certificate-page-root,.path-mod-certificatebeautiful-manage-model .list-certificate .certificate-page-root{border:4px dashed #31468c;margin:11px auto;padding:2px}.certificatebeautiful-pages .list-certificate .certificate-page-root .certificate-page,.path-mod-certificatebeautiful .list-certificate .certificate-page-root .certificate-page,.path-mod-certificatebeautiful-manage-model .list-certificate .certificate-page-root .certificate-page{padding:10px;position:relative}.certificatebeautiful-pages .list-certificate .certificate-page-root .certificate-page.certificate-page-zoom,.path-mod-certificatebeautiful .list-certificate .certificate-page-root .certificate-page.certificate-page-zoom,.path-mod-certificatebeautiful-manage-model .list-certificate .certificate-page-root .certificate-page.certificate-page-zoom{zoom:.35}.certificatebeautiful-pages .list-certificate .certificate-flex-gap,.path-mod-certificatebeautiful .list-certificate .certificate-flex-gap,.path-mod-certificatebeautiful-manage-model .list-certificate .certificate-flex-gap{gap:10px}body.body-certificatebeautiful-mobile-view{height:100%;margin:0}body.body-certificatebeautiful-mobile-view #page{background:transparent!important;height:100%}body.body-certificatebeautiful-mobile-view [vw]{display:none!important}body.body-certificatebeautiful-mobile-view .activity-header,body.body-certificatebeautiful-mobile-view #header{display:none}
/**
 * CSS for checkmark
 *
 * @package   mod_checkmark
 * @author    Philipp Hager
 * @copyright 2014 Academic Moodle Cooperation {@link http://www.academic-moodle-cooperation.org}
 * @license   http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
 */
 .path-mod-checkmark .feedback .disabledfeedback{height:250px;width:500px}.path-mod-checkmark .feedback .from{float:left}#page-mod-checkmark-submissions form#options div{margin-left:auto;margin-right:20px;text-align:right}#page-mod-checkmark-submissions .header .commands{display:inline}#page-mod-checkmark-submissions .picture{width:35px}#page-mod-checkmark-submissions .fullname,#page-mod-checkmark-submissions .timemodified,#page-mod-checkmark-submissions .timemarked{text-align:left}#page-mod-checkmark-submissions .submissions .grade,#page-mod-checkmark-submissions .submissions .outcome,#page-mod-checkmark-submissions .submissions .finalgrade{text-align:right}#page-mod-checkmark-submissions .submissions .header.noheader{display:none}#page-mod-checkmark-submissions .submissions colgroup.presentationgrade{border-left:2px solid rgb(153 153 153 / .95)}#page-mod-checkmark-submissions .qgprefs #optiontable{margin-left:auto;text-align:right}#page-mod-checkmark-view #dates{margin:10px auto}#page-mod-checkmark-view #checkmark,#page-mod-checkmark-view #checkmarkform{margin:10px auto}#page-mod-checkmark-view #checkmarkform .mform .fcheckbox input{margin-top:0}#page-mod-checkmark-view .feedback{margin:10px auto}#page-mod-checkmark-view .feedback .left.picture{text-align:right;width:35px}#page-mod-checkmark-view #online .singlebutton{text-align:center}#page-mod-checkmark-view #dates .title{font-weight:700;text-align:right;vertical-align:top}#page-mod-checkmark-submissions .fastgbutton{text-align:center}#page-mod-checkmark-submissions.dir-rtl .fullname,#page-mod-checkmark-submissions.dir-rtl .timemodified,#page-mod-checkmark-submissions.dir-rtl .timemarked{text-align:right}#page-mod-checkmark-submissions fieldset.clearfix.collapsible{margin-bottom:2em}#page-mod-checkmark-submissions .checkboxcontroller{margin-left:1em;margin-top:1em}.mod-checkmark-download-link{text-align:right}.path-mod-checkmark .centered{text-align:center}.path-mod-checkmark .checkedexample{font-weight:700}.path-mod-checkmark div.examplelist{white-space:nowrap}.path-mod-checkmark div.examplelist .checked{text-decoration:none}.path-mod-checkmark div.examplelist .unchecked{color:#999;text-decoration:line-through}.path-mod-checkmark table.coloredrows{display:block;margin-left:10px;margin-right:10px;overflow:auto}.path-mod-checkmark table.coloredrows .header{white-space:nowrap}.path-mod-checkmark table.coloredrows .r0{background-color:#f0f0f0;white-space:nowrap}.path-mod-checkmark table.coloredrows .r1{background-color:#fafafa;white-space:nowrap}.path-mod-checkmark .scroll_forced{overflow:auto;padding:0}.path-mod-checkmark .scroll_forced .checkboxcontroller{margin-left:1em;margin-top:1em}.path-mod-checkmark #id_print_settings_header .fstaticlabel label{font-weight:700}.path-mod-checkmark #autogradingfieldset{margin-top:2em;padding-top:1em}.checkmark.overview.statistics>.name{font-weight:700;margin-bottom:5px;margin-top:5px}.checkmark.overview.statistics>table{overflow:auto;overflow-x:scroll;padding:1em}.checkmark.overview.statistics>table .examples,.checkmark.overview.statistics>table .grades,.checkmark.overview.statistics>table .grade{white-space:nowrap}.checkmark.overview.statistics>.details .total{font-weight:700}.path-mod-checkmark input[type="checkbox"]{vertical-align:middle}.path-mod-checkmark .clearfloat{clear:both}.excontainer{position:relative;top:-21px;left:-6.5px;width:25px;height:25px;pointer-events:none}.exborder{border:5px #dc3545 solid}.path-mod-checkmark div.fileuploadsubmission{float:left;min-width:300px}.path-mod-checkmark div.fileuploadsubmissiontime{float:right}.path-mod-checkmark .text-error{color:#dc3545}.path-mod-checkmark td.submissionstatus,.path-mod-checkmark div.submissionstatus,.path-mod-checkmark a:link.submissionstatus{color:#000;background-color:#efefef}.path-mod-checkmark td.submissionstatusdraft,.path-mod-checkmark div.submissionstatusdraft,.path-mod-checkmark a:link.submissionstatusdraft{color:#000;background-color:#efefcf}.path-mod-checkmark td.submissionstatussubmitted,.path-mod-checkmark div.submissionstatussubmitted,.path-mod-checkmark a:link.submissionstatussubmitted{color:#000;background-color:#cfefcf}.path-mod-checkmark td.latesubmission,.path-mod-checkmark div.latesubmission{color:#000;background-color:#efcfcf}.path-mod-checkmark td.earlysubmission,.path-mod-checkmark div.earlysubmission{color:#000;background-color:#cfefcf}.path-mod-checkmark td.gradingreminder,.path-mod-checkmark div.gradingreminder{color:#000;background-color:#efcfcf}.path-mod-checkmark td.submissiongraded,.path-mod-checkmark div.submissiongraded{color:#000;background-color:#cfefcf}.path-mod-checkmark td.submissionnotgraded,.path-mod-checkmark div.submissionnotgraded{color:#000}#page-mod-checkmark-preview .responsive-columns,#page-mod-checkmark-view .responsive-columns{column-count:1;column-gap:1rem}@media (min-width:576px){#page-mod-checkmark-preview .responsive-columns,#page-mod-checkmark-view .responsive-columns{column-count:2}}@media (min-width:992px){#page-mod-checkmark-preview .responsive-columns,#page-mod-checkmark-view .responsive-columns{column-count:3}}#page-mod-checkmark-preview .example-checkmark,#page-mod-checkmark-view .example-checkmark{break-inside:avoid;margin-bottom:1rem}#page-mod-checkmark-view .buttonar-leftalign .felement{flex:0 0 100%;max-width:100%;justify-content:flex-start;padding-left:0}.mod-childcourse .card{border-radius:.75rem}.mod-childcourse .btn{border-radius:.6rem}.path-mod-choicegroup .results{border-collapse:separate}.path-mod-choicegroup .results .data{vertical-align:top;white-space:nowrap}.path-mod-choicegroup .button{text-align:center}.path-mod-choicegroup .attemptcell{width:5px;white-space:nowrap}.path-mod-choicegroup .anonymous,.path-mod-choicegroup div.downloadreport ul{list-style:none;margin-left:1em}.path-mod-choicegroup .choicegroupresponse{width:100%}.path-mod-choicegroup .choicegroupresponse .picture{width:10px;white-space:nowrap}.path-mod-choicegroup .choicegroupresponse .fullname{width:100%;white-space:nowrap}.path-mod-choicegroup .responseheader{width:100%;text-align:center;margin-top:10px}.path-mod-choicegroup .choicegroups .option label{vertical-align:top}.path-mod-choicegroup .choicegroups .option input{vertical-align:middle}.path-mod-choicegroup .horizontal,.path-mod-choicegroup .horizontal .choicegroups .option{padding-right:20px;display:inline;white-space:normal}.path-mod-choicegroup .horizontal .choicegroups .button{margin-top:10px}.path-mod-choicegroup ul.choicegroups li{list-style:none}.path-mod-choicegroup .results{text-align:center}.path-mod-choicegroup .results.anonymous .graph.horizontal{vertical-align:middle;text-align:left;width:70%}.path-mod-choicegroup .results.anonymous .graph.vertical,.path-mod-choicegroup .cell{vertical-align:bottom;text-align:center}.path-mod-choicegroup .results.names .header{width:10%;white-space:normal}.path-mod-choicegroup .results.names .cell{vertical-align:top;text-align:left}.path-mod-choicegroup .results.names .user,.path-mod-choicegroup #yourselection{padding:5px}.path-mod-choicegroup .results.names .user .attemptaction,.path-mod-choicegroup .results.names .user .image,.path-mod-choicegroup .results.names .user .fullname{float:left}.path-mod-choicegroup .results.names .user .fullname{padding-left:5px}.path-mod-choicegroup .results .data.header{width:10%}.path-mod-choicegroup .responseaction{text-align:center}.path-mod-choicegroup .results .option{white-space:normal}.path-mod-choicegroup .results .option,.path-mod-choicegroup .results .numberofuser,.path-mod-choicegroup .results .percentage{font-weight:700;font-size:108%}#page-mod-choicegroup-report .downloadreport{text-align:center}#page-mod-choicegroup-report .downloadreport ul{overflow:auto;min-width:80%;max-width:100%;display:inline-block;margin-left:0;margin-right:auto;padding-left:0;text-align:left}#page-mod-choicegroup-report .downloadreport ul li{list-style:none}.path-mod-choicegroup .clearfloat{float:none;clear:both}.path-mod-choicegroup.dir-rtl .horizontal .choicegroups .option{padding-right:0;padding-left:20px;float:right}.path-mod-choicegroup.dir-rtl .results.anonymous .graph.horizontal{text-align:right}.path-mod-choicegroup.dir-rtl .results.anonymous{text-align:center}.path-mod-choicegroup.dir-rtl .results.names .cell{text-align:right}.path-mod-choicegroup.dir-rtl .results.names .user .attemptaction,.path-mod-choicegroup.dir-rtl .results.names .user .image,.path-mod-choicegroup.dir-rtl .results.names .user .fullname,.path-mod-choicegroup.dir-rtl .results.names .user .fullname{padding-left:0;padding-right:5px}.path-mod-choicegroup.dir-rtl .downloadreport{margin-left:0;text-align:center}#page-mod-choicegroup-view.dir-rtl .reportlink{text-align:left}.path-mod-choicegroup div.tablecontainer{min-width:80%;max-width:100%;display:inline-block;margin-left:auto;margin-right:auto;margin-bottom:1rem;text-align:left}.path-mod-choicegroup.dir-rtl div.tablecontainer{text-align:right}.path-mod-choicegroup div.border{border:1px #ccc solid}.path-mod-choicegroup div.tablecontainer table{width:100%}.path-mod-choicegroup table.choicegroups td{border-top:1px #ccc solid}.path-mod-choicegroup table.choicegroups th,.path-mod-choicegroup table.choicegroups td{padding:10px 15px}.path-mod-choicegroup table.choicegroups td.center{text-align:center}.path-mod-choicegroup div.choicegroup-memberdisplay{width:12px;height:12px;line-height:12px;cursor:pointer;text-align:center;display:block;border:1px #999 solid;margin:0 auto}.path-mod-choicegroup table.choicegroups{margin:20px 0}.path-mod-choicegroup a.choicegroup-memberdisplay,.path-mod-choicegroup a.choicegroup-descriptiondisplay{display:inline-block;vertical-align:initial}.path-mod-choicegroup div.choicegroups-membersnames.hidden,.path-mod-choicegroup div.choicegroups-descriptions.hidden,.path-mod-choicegroup a.choicegroup-memberdisplay.hidden,.path-mod-choicegroup a.choicegroup-descriptiondisplay.hidden{display:none}.path-mod-choicegroup .results td{min-width:120px}.path-mod-choicegroup .choicegroups-descriptions{border-top:1px #ccc dotted;margin-top:5px;padding-top:5px}.path-mod-choicegroup .tableform{text-align:center}.path-mod-choicegroup .width10{width:10%}.path-mod-choicegroup .width40{width:40%}.path-mod-choicegroup #availablegroups .nested{padding-left:30px}
/**
 * Styles for mod_codeframe activity module.
 *
 * @package    mod_codeframe
 * @copyright  2026 EduPlugins Studio
 * @license    http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
 */
 .codeframe_container{width:100%;margin:0 0 1.5rem 0;padding:0;border:none;background:#fff0}.codeframe_wrapper{position:relative;width:100%;padding-bottom:56.25%;height:0;border-radius:6px;overflow:hidden;box-shadow:0 2px 16px rgb(0 0 0 / .12)}.codeframe_wrapper.ratio-1-1{padding-bottom:100%}.codeframe_wrapper.ratio-4-3{padding-bottom:75%}.codeframe_wrapper.ratio-3-4{padding-bottom:133.3333%}.codeframe_wrapper.ratio-9-16{padding-bottom:177.7778%}.codeframe_wrapper.ratio-auto{padding-bottom:0;height:auto;box-shadow:none;background:#fff0;overflow:visible}body#page-mod-codeframe-view .codeframe_wrapper iframe,body#page-mod-codeframe-view .codeframe_wrapper elevenlabs-convai{position:absolute;top:0;left:0;width:100%;height:100%;border:none;border-radius:6px;display:block}body#page-mod-codeframe-view .codeframe_wrapper.ratio-auto iframe,body#page-mod-codeframe-view .codeframe_wrapper.ratio-auto elevenlabs-convai{position:relative;height:auto;min-height:600px}@media (max-width:767px){body#page-mod-codeframe-view #page,body#page-mod-codeframe-view #page-wrapper,body#page-mod-codeframe-view #topofscroll,body#page-mod-codeframe-view #page-content,body#page-mod-codeframe-view #region-main-box,body#page-mod-codeframe-view #region-main,body#page-mod-codeframe-view .main-inner,body#page-mod-codeframe-view .container,body#page-mod-codeframe-view .container-fluid,body#page-mod-codeframe-view [class*="col-"],body#page-mod-codeframe-view .row,body#page-mod-codeframe-view .card,body#page-mod-codeframe-view .card-body,body#page-mod-codeframe-view [role="main"]{padding-left:0;padding-right:0;margin-left:0;margin-right:0;max-width:100%;width:100%;border:none;box-shadow:none}body#page-mod-codeframe-view .codeframe_container{margin-left:0;margin-right:0;width:100%;max-width:100%;padding:0}body#page-mod-codeframe-view .codeframe_wrapper{padding-bottom:0;height:85vh;min-height:600px;max-height:1000px;border-radius:0;box-shadow:none}}.codeframe-fullscreen-btn{position:absolute;top:10px;left:10px;z-index:1000;background-color:rgb(0 0 0 / .5);color:#fff;border:none;border-radius:4px;padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color 0.2s ease,opacity 0.2s ease;opacity:.5}.codeframe-fullscreen-btn:hover,.codeframe-fullscreen-btn:focus{background-color:rgb(0 0 0 / .8);opacity:1;outline:none}.codeframe_wrapper:not(:has(iframe)) .codeframe-fullscreen-btn{display:none}.codeframe_wrapper:has(iframe[src*="canva.com"]) .codeframe-fullscreen-btn,.codeframe_wrapper:has(iframe[src*="genial.ly"]) .codeframe-fullscreen-btn,.codeframe_wrapper:has(iframe[src*="genially.com"]) .codeframe-fullscreen-btn{display:none}body#page-mod-codeframe-view .codeframe_wrapper.is-fullscreen{padding-bottom:0;height:100vh;width:100vw;border-radius:0}body#page-mod-codeframe-view .codeframe_wrapper.is-fullscreen-fallback{position:fixed;top:0;left:0;z-index:99999;max-width:none;margin:0;background-color:#000}body#page-mod-codeframe-finish{background-color:#f8f9fa}.codeframe-finish-container{display:flex;justify-content:center;align-items:center;min-height:100vh;margin:0;color:#212529;text-align:center}.codeframe-finish-card{padding:2rem;background:#fff;border-radius:8px;box-shadow:0 4px 6px rgb(0 0 0 / .1)}.codeframe-finish-btn{padding:10px 20px;font-size:16px;background:#198754;color:#fff;border:none;border-radius:4px;cursor:pointer;margin-top:15px}.path-mod-collaborate__meetingstatus_times{margin:1em 0}.path-mod-collaborate__meetingstatus{margin-bottom:1em}.path-mod-collaborate .activity-title{background-image:url(/theme/image.php/boost_union/mod_collaborate/1792421257/icon);background-size:1em 1em;background-repeat:no-repeat;background-position:left center;padding-left:1.5em}.modtype_collaborate .activityinstance a+span.label{margin-left:.5em}.path-mod-collaborate .collab-recording-list{list-style:none}.path-mod-collaborate .collab-recording-list h4{margin-top:1em}.path-mod-collaborate .collab-recording-list-item span{font-size:smaller;margin-left:1em}#page-admin-setting-modsettingcollaborate fieldset.soapapisettings{display:none}#page-admin-setting-modsettingcollaborate .api-connection-status{margin-top:1em}#page-admin-setting-modsettingcollaborate .api-connection-status .spinner:after{content:' ';display:inline-block;height:1.2em;width:1.2em;background-image:url(/theme/image.php/boost_union/core/1792421257/i/loading);background-size:1.2em 1.2em;margin-left:1.2em}#page-admin-setting-modsettingcollaborate .api-connection-status .api_diag_btn{float:right}#page-admin-setting-modsettingcollaborate .api-connection-status .spinner .api_diag_btn{display:none}#api_diag .noticetemplate{display:none}#api_diag .noticetemplate_problem,#api_diag .noticetemplate_success,#api_diag .noticetemplate_message{display:none}.path-mod-collaborate .copyablelink{margin-top:1em}.path-mod-collaborate .copyablelink input{width:calc(100% - 2.5em);}.path-mod-collaborate .copyablelink a{display:none}.path-mod-collaborate .copyablelink button{display:none}.path-mod-collaborate .copyablelink.enabled button{position:relative;display:inline-block;width:1.5em;height:1.5em;border-radius:0;border:0;margin:0 0 2px 0;cursor:copy;background:#7700C2;vertical-align:middle}@media all and (-ms-high-contrast:none){.path-mod-collaborate .copyablelink.enabled button{bottom:.2em}}.path-mod-collaborate .copyablelink div{margin-top:1em;display:none;text-align:right}.path-mod-collaborate .copyablelink.enabled label,.path-mod-collaborate .copyablelink.copied div{display:block}.path-mod-collaborate .copyablelink.enabled button span.copyicon{position:absolute;display:inline-block;width:1em;height:1em;top:calc(50% - .5em);left:calc(50% - .5em);filter:brightness(100);-webkit-filter:brightness(100);background:url(/theme/image.php/boost_union/core/1792421257/t/copy) no-repeat center center;background-size:100%}.path-mod-collaborate .tab-pane ul{text-align:left;overflow:auto}.mod-collaborate-delete,.mod-collaborate-download{display:inline-block;width:.75em;height:.75em;margin:0 .5em;-webkit-background-size:cover;background-size:cover}.mod-collaborate-delete{background-image:url(/theme/image.php/boost_union/core/1792421257/t/delete)}.mod-collaborate-download{background-image:url(/theme/image.php/boost_union/core/1792421257/t/download)}.mod-collaborate-group-selector input[type="submit"]{margin-top:1em}.path-mod-collaborate .groupcard{margin:.5em 3% .5em 0;border-radius:.3em;box-shadow:0 1px 2px 0 #eceeef;position:relative;overflow:hidden;background-position:center top;background-size:cover;text-align:center;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;background-color:#eee}@media (min-width:768px){.path-mod-collaborate .groupcard{width:30%;float:left;height:100px}}.path-mod-collaborate .container{margin-bottom:2em}.path-mod-collaborativefolders .groupfolderinfo.details.generaltable th,.path-mod-collaborativefolders .groupfolderinfo.details.generaltable th+td{width:17%}.path-mod-data-field .c0,#page-mod-data-view #sortsearch .c0{text-align:right}#page-mod-data-view .approve img.icon{width:34px;height:34px}.path-mod-data #id_entrieshdr div .alert.alert-danger{margin-bottom:2rem}#page-mod-data-view img.list_picture{border:0}#page-mod-data-view div.search_none{display:none}#page-mod-data-view div.search_inline,#page-mod-data-view form#latlongfieldbrowse{display:inline}#page-mod-data-view div#data_adv_form{margin-left:auto;margin-right:auto}#page-mod-data-edit .basefieldinput{width:300px}#page-mod-data-preset .presetmapping table{text-align:left;margin-left:auto;margin-right:auto}#page-mod-data-preset .overwritesettings{margin-bottom:1em}#page-mod-data-preset table.presets{margin-left:auto;margin-right:auto}#page-mod-data-view .datapreferences label{display:inline-block}.path-mod-data-field .sortdefault{margin:1em 0}.path-mod-data-field .fieldname,.path-mod-data-field .fielddescription{width:300px}.path-mod-data-field textarea.optionstextarea{width:300px;height:150px}.path-mod-data-field input.textareafieldsize{width:50px}.path-mod-data-field input.picturefieldsize{width:70px}.path-mod-data .action-icon img.portfolio-add-icon{margin-left:0}#page-mod-data-export #notice span{padding:0 10px}#page-mod-data-edit input[id*="url"]{text-align:left;direction:ltr}.mod-data-default-template td{vertical-align:top}.mod-data-default-template .template-field{text-align:right}.mod-data-default-template .template-token{text-align:left}.mod-data-default-template .controls{text-align:center}.mod-data-default-template .searchcontrols{text-align:right}#page-mod-data-view .notapproved{background-color:#fff3cd;color:#856404;border-radius:.5em;padding:.5em 1em;gap:1em}#page-mod-data-templates td.save_template,#page-mod-data-templates .template_heading{text-align:center}#page-mod-data-templates #availabletags_wrapper{max-width:250px}#page-mod-data-edit .req{cursor:help}#page-mod-data-edit .inline-req .req{position:absolute}#page-mod-data-edit .inline-req{text-align:left}#page-mod-data-edit .datatagcontrol{padding-left:10px}.preset_action_menu .dropdown-toggle::after,.entry-actionsmenu .dropdown-toggle::after,.fields-actions .dropdown-toggle::after{display:none}.defaulttemplate-single-body img.list_picture{max-width:100%}.defaulttemplate-list-body img.list_picture{max-width:100%}.data-timeinfo{color:var(–gray)}.dataicon,.portfolio-add-icon{color:var(--dark)}#page-mod-data-preset .nopreview{border:1px solid var(--secondary);padding:.2rem;border-radius:5px}.template-preview-content .preview-disabled,.template-preview-content .action-icon,.template-preview-content .dropdown-menu a,.template-preview-content .data-field-link,.template-preview-content .data-field-html a,.template-preview-content .data-field-html button{pointer-events:none}.presetsactions .dropdown-toggle,.presetsactions .dropdown-toggle:hover,.presetsactions .show>.btn-secondary.dropdown-toggle,.entriesactions .dropdown-toggle,.entriesactions .dropdown-toggle:hover,.entriesactions .show>.btn-secondary.dropdown-toggle,#page-mod-data-view .whitebutton .btn-secondary,#page-mod-data-preset .whitebutton .btn-secondary,#page-mod-data-field- .whitebutton .btn-secondary,#page-mod-data-templates .whitebutton .btn-secondary{background:#fff;border-color:var(--bs-primary);color:var(--bs-primary)}#page-mod-data-preset .generaltable{margin-bottom:10rem}
/*
 * This file is part of Moodle - http://moodle.org/
 *
 * Moodle is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * Moodle is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with Moodle.  If not, see <http://www.gnu.org/licenses/>.
 *
 * Editor styles for the Easy Certificate activity module.
 *
 * @package    mod_easycertificate
 * @copyright  2026 Marcelo M. Almeida Júnior
 * @license    http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
 */
 .easycertificate-template-form .ec-editor{display:grid;grid-template-columns:214px minmax(0,1fr) 198px;column-gap:12px;align-items:start;width:100%;max-width:100%;overflow:visible}.easycertificate-template-form .ec-toolbar,.easycertificate-template-form .ec-items-panel{position:sticky;top:12px;align-self:start;min-width:0}.easycertificate-template-form .ec-toolbar{grid-column:1;width:214px}.easycertificate-template-form .ec-items-panel{grid-column:3;width:198px;max-height:calc(100vh - 24px);overflow:auto;border-radius:10px;box-shadow:none}.easycertificate-template-form .ec-workarea{grid-column:2;width:100%;min-width:0;max-width:100%;min-height:760px;overflow:auto;padding:22px;background:#f4f6f8;border:1px solid #d8dde3;border-radius:12px;box-sizing:border-box}.easycertificate-template-form .ec-toolbar .card-body,.easycertificate-template-form .ec-items-panel .card-body{padding:10px}.easycertificate-template-form .ec-toolbar-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;width:100%}.easycertificate-template-form .ec-toolbar .btn{width:100%;min-height:28px;margin-bottom:6px;border-radius:7px;font-size:11px;padding:5px 7px;text-align:left}.easycertificate-template-form .ec-toolbar-actions .btn,.easycertificate-template-form .ec-toolbar .btn-group .btn,.easycertificate-template-form #ec-pages-tabs .btn{text-align:center!important}.easycertificate-template-form .ec-toolbar .btn i{width:14px;margin-right:5px;font-size:12px;text-align:center;display:inline-block}.easycertificate-template-form .ec-save-btn{background:#102033;border-color:#102033}.easycertificate-template-form .ec-back-btn{background:#e8edf3;border-color:#e8edf3;color:#182230}.easycertificate-template-form .ec-toolbar .btn-group{display:grid;grid-template-columns:1fr 46px 1fr;width:100%;padding:3px;gap:0;background:#dbe2ea;border-radius:8px}.easycertificate-template-form .ec-toolbar .btn-group .btn{width:auto;margin-bottom:0;border:0;background:#fff0;color:#182230;font-size:10px;line-height:1.15;padding:4px 3px;white-space:normal}.easycertificate-template-form .ec-toolbar hr{margin:10px 0}.easycertificate-template-form #ec-zoom-label{cursor:default;font-weight:600}.easycertificate-template-form .ec-pages-tabs .btn{text-align:center!important}.easycertificate-template-form .ec-pages-tabs{display:flex;flex-direction:column;gap:4px}.easycertificate-template-form .ec-page-tab-item{display:grid;grid-template-columns:minmax(0,1fr) 30px;gap:4px;align-items:center}.easycertificate-template-form .ec-page-tab-item .btn{margin-bottom:0}.easycertificate-template-form .ec-page-remove{width:30px;min-width:30px;padding-left:0;padding-right:0;color:#ca3120}.easycertificate-template-form .ec-page-remove:disabled{opacity:.35;cursor:not-allowed}.easycertificate-template-form .ec-stage-wrap{position:relative;width:1123px;height:794px;min-height:794px;flex:0 0 auto}.easycertificate-template-form .ec-stage{position:relative;width:1123px;height:794px;background-color:#fff;background-size:cover;background-position:center;border-radius:6px;box-shadow:0 8px 28px rgb(15 23 42 / .14);transform-origin:top left;overflow:visible;box-sizing:border-box}.easycertificate-template-form .ec-element{position:absolute;border:1px dashed #fff0;cursor:move;user-select:none;box-sizing:border-box;padding:4px;min-width:20px;min-height:20px;overflow:visible}.easycertificate-template-form .ec-element::before{content:"";position:absolute;left:-12px;right:-12px;top:-48px;height:50px;pointer-events:auto}.easycertificate-template-form .ec-element:hover,.easycertificate-template-form .ec-element.dragging{border-color:#fff0;background:#fff0}.easycertificate-template-form .ec-element.ec-selected{border-color:#0f6cbf;background:rgb(15 108 191 / .04)}.easycertificate-template-form .ec-element-text{white-space:normal;overflow:visible;line-height:1.2;word-break:normal;overflow-wrap:normal}.easycertificate-template-form .ec-element-validation{min-height:36px;white-space:normal;overflow:visible;line-height:1.02;word-break:break-word;overflow-wrap:anywhere;padding:1px 4px}.easycertificate-template-form .ec-element-validation *{max-width:100%;margin-top:0;margin-bottom:0;line-height:1.02;overflow-wrap:anywhere;word-break:break-word}.easycertificate-template-form .ec-element-image,.easycertificate-template-form .ec-element-signature,.easycertificate-template-form .ec-preview-image,.easycertificate-template-form .ec-preview-signature{display:flex;align-items:center;justify-content:center;height:auto}.easycertificate-template-form .ec-element-image img,.easycertificate-template-form .ec-element-signature img,.easycertificate-template-form .ec-preview-element img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block}.easycertificate-template-form .ec-element-border{border:2px solid #111;background:#fff0}.easycertificate-template-form .ec-element-qrcode,.easycertificate-template-form .ec-preview-qrcode{display:flex;align-items:center;justify-content:center;background:#fff}.easycertificate-template-form .ec-qrcode-preview{width:100%;height:100%;min-width:54px;min-height:54px;display:flex;align-items:center;justify-content:center;border:2px solid #111;background:#fff;padding:4px;box-sizing:border-box}.easycertificate-template-form .ec-qrcode-preview img{width:100%;height:100%;object-fit:contain;display:block}.easycertificate-template-form .ec-element .ec-element-edit,.easycertificate-template-form .ec-element .ec-element-duplicate,.easycertificate-template-form .ec-element .ec-element-delete{display:none!important;position:absolute;top:-38px;width:35px;height:35px;border-radius:999px;font-size:15px;align-items:center;justify-content:center;pointer-events:auto;border:1px solid rgb(255 255 255 / .9);color:#fff;line-height:1;padding:0;z-index:30;box-shadow:0 2px 8px rgb(0 0 0 / .22)}.easycertificate-template-form .ec-element .ec-element-edit i,.easycertificate-template-form .ec-element .ec-element-duplicate i,.easycertificate-template-form .ec-element .ec-element-delete i{font-size:15px;line-height:1;margin:0;width:auto}.easycertificate-template-form .ec-element .ec-element-edit{right:82px;background:#0f6cbf}.easycertificate-template-form .ec-element .ec-element-duplicate{right:41px;background:#475569}.easycertificate-template-form .ec-element .ec-element-delete{right:0;background:#ca3120}.easycertificate-template-form .ec-element-no-duplicate .ec-element-edit{right:41px}.easycertificate-template-form .ec-element-no-duplicate .ec-element-delete{right:0}.easycertificate-template-form .ec-element-signature .ec-element-duplicate{display:none!important}.easycertificate-template-form .ec-element.ec-selected .ec-element-edit,.easycertificate-template-form .ec-element.ec-selected .ec-element-duplicate,.easycertificate-template-form .ec-element.ec-selected .ec-element-delete,.easycertificate-template-form .ec-element.ec-selected:hover .ec-element-edit,.easycertificate-template-form .ec-element.ec-selected:hover .ec-element-duplicate,.easycertificate-template-form .ec-element.ec-selected:hover .ec-element-delete,.easycertificate-template-form .ec-element.ec-selected:focus-within .ec-element-edit,.easycertificate-template-form .ec-element.ec-selected:focus-within .ec-element-duplicate,.easycertificate-template-form .ec-element.ec-selected:focus-within .ec-element-delete{display:inline-flex!important}.easycertificate-template-form .ec-resize-handle{position:absolute;right:-6px;bottom:-6px;width:12px;height:12px;display:none;cursor:nwse-resize;border:2px solid #0f6cbf;background:#fff;border-radius:50%;box-shadow:0 1px 5px rgb(15 108 191 / .35);z-index:25}.easycertificate-template-form .ec-element.ec-selected .ec-resize-handle,.easycertificate-template-form .ec-element.ec-selected:hover .ec-resize-handle,.easycertificate-template-form .ec-element.resizing .ec-resize-handle{display:block!important}.easycertificate-template-form .ec-guide{position:absolute;z-index:20;display:none;pointer-events:none;background:#00a6ff;box-shadow:none}.easycertificate-template-form .ec-guide-x{left:0;width:1123px;height:1px}.easycertificate-template-form .ec-guide-y{top:0;width:1px;height:794px}.easycertificate-template-form .ec-items-title{font-size:12px;font-weight:700;line-height:1.2;margin:0 0 8px;color:#182230}.easycertificate-template-form .ec-items-list{display:flex;flex-direction:column;gap:0}.easycertificate-template-form .ec-items-empty{color:#64748b;font-size:12px;padding:8px 0}.easycertificate-template-form .ec-item-row{display:grid;grid-template-columns:16px 16px minmax(0,1fr) 20px 20px 20px 20px;gap:3px;align-items:center;min-height:34px;padding:4px 0;color:#263238;font-size:12px;border-bottom:1px solid #edf0f3}.easycertificate-template-form .ec-item-row.active{background:#eef6ff;border-radius:6px;padding-left:4px;padding-right:4px}.easycertificate-template-form .ec-item-background{grid-template-columns:16px minmax(0,1fr) 20px 20px}.easycertificate-template-form .ec-item-no-duplicate{grid-template-columns:16px 16px minmax(0,1fr) 20px 20px 20px}.easycertificate-template-form .ec-item-row.dragging{opacity:.55}.easycertificate-template-form .ec-item-move,.easycertificate-template-form .ec-item-type{display:inline-flex;align-items:center;justify-content:center;color:#182230}.easycertificate-template-form .ec-item-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:default}.easycertificate-template-form .ec-item-action{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border:0;border-radius:5px;background:#fff0;color:#182230;padding:0}.easycertificate-template-form .ec-item-action:hover{background:#e8edf3}.easycertificate-template-form .ec-item-action i,.easycertificate-template-form .ec-item-move i,.easycertificate-template-form .ec-item-type i{font-size:12px}.easycertificate-template-form .ec-inline-style-row{margin-top:14px;padding:16px;border:1px solid #d8e0ea;border-radius:14px;background:linear-gradient(180deg,#f8fafc 0%,#eef4fb 100%)}.easycertificate-template-form .ec-inline-style-row .col-md-6{margin-bottom:8px}.easycertificate-template-form .ec-inline-style-row label{display:flex;align-items:center;gap:7px;font-weight:600;color:#243447;margin-bottom:7px}.easycertificate-template-form .ec-style-control.input-group{gap:0;padding:0;border:1px solid #cfd8e3;overflow:hidden;border-radius:10px;background:#fff}.easycertificate-template-form .ec-style-control.input-group .form-control{border:0;box-shadow:none;height:38px}.easycertificate-template-form .ec-style-control.input-group .input-group-text{height:38px;min-width:42px;border:0;border-right:1px solid #d8e0ea;border-radius:0;background:#eef4fb;color:#243447;display:inline-flex;align-items:center;justify-content:center}.easycertificate-template-form .ec-style-control .form-control{height:32px;min-height:32px;padding-top:3px;padding-bottom:3px}.easycertificate-template-form .ec-color-control input[type="color"]{width:auto;max-width:none;min-width:150px;min-height:32px;padding:3px 8px;flex:1 1 auto}.easycertificate-template-form #ec-size{height:32px;min-height:32px;text-align:left}.easycertificate-template-form .ec-help-box{font-size:13px}.easycertificate-template-form .ec-info-content{display:none}.easycertificate-template-form .ec-html-field{min-height:180px}.easycertificate-template-form .ec-preview-body{background:#f4f6f8;padding:20px;overflow:auto}.easycertificate-template-form .ec-preview-page-wrap{width:100%;margin:0 auto 20px;display:flex;justify-content:center}.easycertificate-template-form .ec-preview-page{position:relative;width:1123px!important;max-width:none;height:794px!important;flex:0 0 auto;background-color:#fff;background-size:cover;background-position:center;box-shadow:0 8px 28px rgb(15 23 42 / .14);transform-origin:top center}.easycertificate-template-form .ec-preview-element{position:absolute;overflow:hidden;white-space:pre-wrap;line-height:1.2}.easycertificate-template-form .ec-template-manage-row{margin-bottom:20px}.easycertificate-template-form .ec-template-manage-link{display:inline-flex;align-items:center;margin-top:0;font-size:14px;line-height:1.4;text-decoration:none}.easycertificate-template-form .ec-template-manage-link:hover,.easycertificate-template-form .ec-template-manage-link:focus{color:#0f6cbf;text-decoration:underline}.easycertificate-issued{max-width:680px}@media (max-width:1200px){.easycertificate-template-form .ec-editor{grid-template-columns:204px minmax(0,1fr) 190px;column-gap:10px}.easycertificate-template-form .ec-toolbar{width:204px}.easycertificate-template-form .ec-items-panel{width:190px}}@media (max-width:900px){.easycertificate-template-form .ec-editor{display:block}.easycertificate-template-form .ec-toolbar,.easycertificate-template-form .ec-items-panel{position:static;width:100%;margin-bottom:12px}}.easycertificate-template-form .ec-style-control .input-group-text{height:32px;min-height:32px;padding-top:3px;padding-bottom:3px;align-items:center}.easycertificate-template-form .ec-signature-error{display:none;margin-top:8px;margin-bottom:0;padding:8px 10px;font-size:13px}.easycertificate-manage-panel{max-width:1180px}.easycertificate-manage-panel .ec-manage-hero{display:flex;align-items:center;gap:16px;padding:22px;margin-bottom:18px;border:1px solid #d8e0ea;border-radius:16px;background:#fff;box-shadow:0 8px 24px rgb(15 23 42 / .08)}.easycertificate-manage-panel .ec-manage-hero h3{margin:0 0 6px;font-weight:700}.easycertificate-manage-panel .ec-manage-hero p{margin:0;color:#4b5563}.easycertificate-manage-panel .ec-manage-hero-icon{width:48px;height:48px;min-width:48px;border-radius:14px;background:#eef4fb;color:#0f6cbf;display:flex;align-items:center;justify-content:center;font-size:22px}.easycertificate-manage-panel .ec-manage-stats{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:12px;margin-bottom:18px}.easycertificate-manage-panel .ec-manage-stat{padding:16px;border-radius:14px;background:#f8fafc;border:1px solid #d8e0ea}.easycertificate-manage-panel .ec-manage-stat span{display:block;color:#64748b;font-size:13px;margin-bottom:6px}.easycertificate-manage-panel .ec-manage-stat strong{display:block;font-size:28px;line-height:1}.easycertificate-manage-panel .ec-activity-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.easycertificate-manage-panel .ec-activity-card{padding:18px;border-radius:16px;border:1px solid #d8e0ea;background:#fff;box-shadow:0 6px 18px rgb(15 23 42 / .06)}.easycertificate-manage-panel .ec-activity-card h4{font-size:18px;margin:6px 0 12px}.easycertificate-manage-panel .ec-card-course,.easycertificate-manage-panel .ec-card-meta{color:#64748b;font-size:13px}.easycertificate-manage-panel .ec-card-meta{margin-bottom:12px}.easycertificate-manage-panel .ec-manage-context-card{padding:18px;margin-bottom:16px;border-radius:16px;border:1px solid #d8e0ea;background:#fff}.easycertificate-manage-panel .ec-manage-context-card h3{margin:4px 0 0}.easycertificate-manage-panel .ec-manage-course-link{color:#64748b;font-size:13px}.easycertificate-manage-panel .ec-manage-search{display:flex;gap:8px;margin:14px 0 16px}.easycertificate-manage-panel .ec-manage-search .form-control{max-width:420px}.easycertificate-manage-panel .ec-manage-actions{display:flex;flex-wrap:wrap;gap:6px}.easycertificate-manage-panel .easycertificate-admin-issued-users td{vertical-align:middle}@media (max-width:700px){.easycertificate-manage-panel .ec-manage-hero,.easycertificate-manage-panel .ec-manage-search,.easycertificate-manage-panel .ec-manage-actions{display:block}.easycertificate-manage-panel .ec-manage-search .btn,.easycertificate-manage-panel .ec-manage-actions .btn{margin-top:6px}.easycertificate-manage-panel .ec-manage-stats{grid-template-columns:1fr}}div.course-content div.generalbox.folderbuttons{padding-left:35px}.forumpost{display:block;position:relative;margin:0 0 1em 0;padding:0;border:1px solid #000;max-width:100%}.forumpost .row{width:100%;position:relative}.forumpost .row .left{float:left;width:43px;overflow:hidden}.forumpost .row .left .grouppictures a{text-align:center;display:block;margin:6px 2px 0 2px}.forumpost .row .left .grouppicture{width:20px;height:20px}.forumpost .row .topic,.forumpost .row .content-mask,.forumpost .row .options{margin-left:43px}.forumpost .picture img{margin:4px}.forumpost .options .commands,.forumpost .content .attachments,.forumpost .options .footer,.forumpost .options .link{text-align:right}.forumpost .options .forum-post-rating{float:left}.forumpost .content .posting{overflow:auto;max-width:100%}.forumpost .content .attachedimages img{max-width:100%}.forumpost .post-word-count{font-size:.85em;font-style:italic}.forumpost .shortenedpost .post-word-count{display:inline;padding:0 .3em}.path-mod-forum .forumolddiscuss,#page-mod-forum-search .c0{text-align:right}.path-mod-forum .indent{margin-left:3%}.path-mod-forum .forumheaderlist{width:100%;border-width:1px;border-style:solid;border-collapse:separate;margin-top:10px}.path-mod-forum .forumheaderlist td{border-width:1px 0 0 1px;border-style:solid}.path-mod-forum .forumheaderlist th.header.replies .iconsmall{margin:0 .3em}.path-mod-forum .forumheaderlist .discussion .starter{vertical-align:middle}.path-mod-forum .forumheaderlist .discussion .pinned img{padding:5px}.path-mod-forum .forumheaderlist .discussion .lastpost{white-space:nowrap;text-align:right}.path-mod-forum .forumheaderlist .replies{white-space:nowrap}.path-mod-forum .forumheaderlist thead .discussionsubscription{text-align:center}#page-mod-forum-subscribers .subscriberdiv{width:100%;vertical-align:top}#page-mod-forum-discuss .discussioncontrols{width:100%;margin:5px}#page-mod-forum-discuss .discussioncontrols .controlscontainer{width:100%;float:right}#page-mod-forum-discuss .discussioncontrols .discussioncontrol{float:left}#page-mod-forum-discuss .discussioncontrol.exporttoportfolio{text-align:left}#page-mod-forum-discuss .discussioncontrol.displaymode{padding-right:10px}#page-mod-forum-discuss .discussioncontrol.movediscussion{padding-right:10px}#page-mod-forum-view .forumaddnew{margin-bottom:20px}#page-mod-forum-view .groupmenu{float:left;text-align:left;white-space:nowrap}#page-mod-forum-index .subscription,#page-mod-forum-view .subscription{float:right;text-align:right;white-space:nowrap;margin:5px 0}.discussion-list .userpicture,.discussion-list .grouppicture{height:35px;width:35px}#page-mod-forum-search .introcontent{padding:15px;font-weight:700}.path-mod-forum span.unread a:first-child{padding-right:10px}.path-mod-forum span.unread img{margin-left:5px}#email .unsubscribelink{margin-top:20px}.forumpost.unread .header,.path-course-view .unread,span.unread{background-color:#ffd}.forumpost.unread .header{border-bottom:1px solid #ddd}.path-mod-forum :target>.forumpost:before{display:block;content:'';width:4px;position:absolute;background:#0070a8;left:-1px;top:-1px;bottom:-1px}.path-mod-forum .discussion-nav{margin:.5em 0}.path-mod-forum .discussion-nav ul{margin:0;list-style:none;padding-left:0}.path-mod-forum .discussion-nav .next-discussion{float:right}.path-mod-forum .discussion-nav .prev-discussion{float:left}.path-mod-forum .preload-subscribe{background:url(/theme/image.php/boost_union/mod_forum/1792421257/t/subscribed) no-repeat -9999px -9999px}.path-mod-forum .preload-unsubscribe{background:url(/theme/image.php/boost_union/mod_forum/1792421257/t/unsubscribed) no-repeat -9999px -9999px}.path-mod-forum .discussionsubscription,.path-mod-forum .discussion-settings-menu,.path-mod-forum .discussionsubscription{margin-top:-10px;text-align:right;margin-bottom:10px}.path-mod-forum .discussionsubscription>a>img,.path-mod-forum .discussionlock>a>img,.path-mod-forum .favourite-discussion>a>img,.path-mod-forum .discussion-settings-menu>a>img{width:12px;padding:0 4px}#page-mod-forum-view img.timedpost{margin-right:5px}.path-mod-forum article .nav .nav-link:first-of-type{margin-left:auto}.path-mod-forum.dir-rtl article .nav .nav-link:first-of-type{margin-left:0;margin-right:auto}.path-mod-forum article .nav .nav-link+.nav-link{border-left:1px solid #ddd}.privatereplyinfo{font-size:80%}.forum-post-container:focus{outline:0}.post-actions .btn:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}.forum-post-container:focus>.focus-target{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}.hr-sect{display:flex;flex-basis:100%;font-weight:700;align-items:center;margin:8px 0}.hr-sect::before,.hr-sect::after{content:"";flex-grow:1;background:rgb(0 0 0 / .35);height:1px;font-size:0;line-height:0}.hr-sect::before{margin-right:15px}.hr-sect::after{margin-left:15px}.path-mod-glossary .glossarypost{width:95%;border-collapse:separate;margin:0 auto;text-align:left}.path-mod-glossary .glossarypost.entrylist{border-width:0}.path-mod-glossary .glossarypost.continuous .concept{display:inline}.path-mod-glossary .glossarypost .commands{width:200px;white-space:nowrap}.path-mod-glossary .glossarypost td.picture{width:35px}.path-mod-glossary .glossarypost .entrylowersection .icons{text-align:right;padding-right:5px}.path-mod-glossary .glossarypost .entrylowersection .ratings{text-align:right;padding-right:5px;padding-bottom:2px}.path-mod-glossary .glossarypost .glossary-hidden-note{margin:0 .45em}.path-mod-glossary .glossarydisplay{margin-left:auto;margin-right:auto}.path-mod-glossary .glossarydisplay .tabs{width:100%;margin-bottom:0}.path-mod-glossary .glossarydisplay .tabs .side{border-style:none;border-width:0;width:auto}.path-mod-glossary .glossarydisplay .separator{width:4px}.path-mod-glossary table.glossarypopup{width:95%}.path-mod-glossary .entrybox,.path-mod-glossary table.glossaryapproval,.path-mod-glossary .glossarypost .entrylowersection table{width:100%;margin-bottom:0}.glossary-activity-picture{float:left}.glossary-activity-content{margin-left:40px}#page-mod-glossary-view .glossarycontrol{float:right;text-align:right;white-space:nowrap;margin:5px 0}#page-mod-glossary-import table.glossaryimportexport{margin-left:auto;margin-right:auto}#page-mod-glossary-view td.glossarysearchbox label{display:inline-block}@media (min-width:768px){#page-mod-glossary-showentry #page-content{min-width:600px}}#page-mod-glossary-print .mod-glossary-entrylist .mod-glossary-entry{vertical-align:top}#page-mod-glossary-print .displayprinticon,#page-mod-glossary-print .displaydate{text-align:right;font-size:.75em}#page-mod-glossary-print .strong{font-weight:700}.path-mod-glossary .printicon{background:url(/theme/image.php/boost_union/core/1792421257/t/print) no-repeat scroll 2px center #fff0;padding-left:20px}
/**
 * Responsible for internal style of interactive content plugin <iContent>
 *
 * @package    mod_icontent
 * @copyright  2016 Leo Santos {@link http://github.com/leorenis}
 * @license    http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
 */
 .path-mod-icontent .block_icontent_toc .action-list{float:right}.path-mod-icontent .block_icontent_toc .action-list img.smallicon{margin:0 3px}.path-mod-icontent .icontent_toc{font-size:.8em}.path-mod-icontent .block_icontent_toc .icontent_toc li{list-style:outside none none}.path-mod-icontent .block_icontent_toc .icontent_toc ul{margin:0 0 0 5px;padding-left:0;padding-right:0}.path-mod-icontent .block_icontent_toc .icontent_toc .cluster-list{border-left:2px solid #d9d9d9;margin:.35em 0 .35em 1rem;padding-left:.75rem}.path-mod-icontent .block_icontent_toc .icontent_toc .cluster-group{margin-top:.5em}.path-mod-icontent .block_icontent_toc .icontent_toc .cluster-label{color:#5a5a5a;display:block;font-size:.9em;font-weight:600;margin-bottom:.25em}.path-mod-icontent .block_icontent_toc .icontent_toc .cluster-pages{margin-left:0}.path-mod-icontent .block_icontent_toc .icontent_toc .cluster-page{margin-top:.35em}.path-mod-icontent .block_icontent_toc .icontent_toc li{clear:both;list-style:none;margin-top:.5em}.path-mod-icontent .block_icontent_toc .icontent_toc ul li .active{cursor:default;font-weight:bolder;pointer-events:none}.path-mod-icontent .statusdisplay{background-color:#ffc;clear:both;margin:.3em 1em .3em 0;padding:1px}.path-mod-icontent .statusdisplay p{margin:.4em}.path-mod-icontent .icontent-page .row{margin-left:0}.path-mod-icontent .icontent-page .previous{text-align:right}.path-mod-icontent .icontent-page .pagenum{text-align:right}.path-mod-icontent .full-paging-buttonbar{text-align:center}.path-mod-icontent .simple-paging-buttonbar{text-align:center}.path-mod-icontent .icontent-buttonbar .btn-previous-page.disabled,.path-mod-icontent .icontent-buttonbar .btn-next-page.disabled{display:none}.path-mod-icontent .simple-paging-buttonbar button{min-width:120px}.path-mod-icontent .icontent-page .pagenum span{margin-right:5px;border:1px solid #e3e3e3;padding:5px 10px;font-weight:700;font-size:12px}.path-mod-icontent .icontent-page .pagenum span em{font-style:normal;font-size:16px}.path-mod-icontent .icontent-page .fulltextpage{font-size:16px;letter-spacing:.1px;line-height:1.5em;word-spacing:.3px;padding:15px}.path-mod-icontent .icontent-page .fulltextpage ul li{line-height:1.5em}.path-mod-icontent .icontent-page .highcontrast h1,.path-mod-icontent .icontent-page .highcontrast h2,.path-mod-icontent .icontent-page .highcontrast h3,.path-mod-icontent .icontent-page .highcontrast h4,.path-mod-icontent .icontent-page .highcontrast h5,.path-mod-icontent .icontent-page .highcontrast h6,.path-mod-icontent .icontent-page .highcontrast a,.path-mod-icontent .icontent-page .highcontrast a:active,.path-mod-icontent .icontent-page .highcontrast a:hover,.path-mod-icontent .icontent-page .highcontrast .nav-tabs>.active>a,.path-mod-icontent .icontent-page .highcontrast .nav-tabs>.active>a:hover,.path-mod-icontent .icontent-page .highcontrast .nav-tabs>.active>a:focus{color:#ff0}.path-mod-icontent .icontent-page .highcontrast p,.path-mod-icontent .icontent-page .highcontrast b,.path-mod-icontent .icontent-page .highcontrast strong,.path-mod-icontent .icontent-page .highcontrast span,.path-mod-icontent .icontent-page .highcontrast{color:#fff}.path-mod-icontent .icontent-page .highcontrast .notesarea .notelist .pagenoterow{background-color:#222;border-bottom:1px solid #555}.path-mod-icontent .icontent-page .highcontrast .questionsarea .titlequestions:hover,.path-mod-icontent .icontent-page .highcontrast.highcontrast .notesarea .titlenotes:hover{color:#ffff80}.path-mod-icontent .highcontrast .questionsarea .question{color:#333}.path-mod-icontent .icontent-page .highcontrast .questionsarea .titlequestions,.path-mod-icontent .icontent-page .highcontrast .notesarea .titlenotes,.path-mod-icontent .icontent-page .highcontrast .notesarea .fulltab .nav-tabs .active a,.path-mod-icontent .icontent-page .highcontrast .notesarea .fulltab .nav-tabs .active a:hover,.path-mod-icontent .icontent-page .highcontrast .notesarea .fulltab .nav-tabs .active a:focus,.path-mod-icontent .icontent-page .highcontrast .notesarea .fulltab .nav-tabs a:hover,.path-mod-icontent .icontent-page .highcontrast .notesarea .fulltab .nav-tabs a:focus,.path-mod-icontent .icontent-page .highcontrast .questionsarea .icontentattemptsummary tbody tr:hover>td,.table-hover tbody tr:hover>th{background-color:#222}.path-mod-icontent .icontent-page .highcontrast .notesarea .fulltab .nav-tabs a,.path-mod-icontent .icontent-page .highcontrast .notesarea .fulltab .nav-tabs a:hover,.path-mod-icontent .icontent-page .highcontrast .notesarea .fulltab .nav-tabs a:focus .path-mod-icontent .icontent-page .highcontrast .notesarea .fulltab .nav-tabs .active a,.path-mod-icontent .icontent-page .highcontrast .notesarea .fulltab .nav-tabs .active a:hover,.path-mod-icontent .icontent-page .highcontrast .notesarea .fulltab .nav-tabs .active a:focus{border-bottom:none}.path-mod-icontent .icontent-page .fulltextpage .toolbarpage{text-align:right}.path-mod-icontent .icontent-page .fulltextpage h3.pagetitle{font-size:30px;line-height:1.2em;margin-bottom:20px}.path-mod-icontent .icontent-page .fulltextpage p{font-size:16px;text-indent:0;line-height:1.5em}.path-mod-icontent .icontent-page .fulltextpage .toolbarpage a{margin:0}.path-mod-icontent .icontent-page .fulltextpage .toolbarpage .icon{margin-left:10px}.path-mod-icontent .icontent-page .fulltextpage .formcomment{margin-top:15px;text-align:right}.path-mod-icontent .icontent-page .fulltextpage img{margin-right:10px}.path-mod-icontent .icontent-page .fulltextpage .loading{position:relative}.path-mod-icontent .icontent-page .fulltextpage .loading .img-loading{left:50%;margin-top:25%;position:absolute;margin-left:-35px}.path-mod-icontent .img-thumbnail{background-color:#fff;border:1px solid #ddd;border-radius:4px;display:inline-block;height:auto;line-height:1.42857;max-width:100%;padding:4px;transition:all 0.2s ease-in-out 0s}.path-mod-icontent .img-circle{border-radius:50%}.path-mod-icontent .img-rounded{border-radius:6px}.path-mod-icontent .notesarea #note .fields span{margin-right:15px}.path-mod-icontent .notesarea #idcommentnote,.path-mod-icontent .notesarea #idcommentdoubt{display:block;width:100%;min-width:0;box-sizing:border-box}.path-mod-icontent .notesarea .notecomment .replynotecomment,.path-mod-icontent .notesarea .notecomment .textnotecomment{display:block;width:100%;min-width:0;box-sizing:border-box}.path-mod-icontent .notesarea #tabnav #messagenotes{background:#6db143 none repeat scroll 0 0;border-radius:10px;font-size:.7em;line-height:.7em;text-align:center;color:#fff;float:right;margin-left:3px;margin-top:-5px;padding:3px 6px 3px}.path-mod-icontent .notesarea #tabnav #messagedoubt{background:#238bc7 none repeat scroll 0 0;border-radius:10px;font-size:.7em;line-height:.7em;text-align:center;color:#fff;float:right;margin-left:3px;margin-top:-5px;padding:3px 6px 3px}.path-mod-icontent .notesarea #tabnav #messagedoubt:hover,.path-mod-icontent .notesarea #tabnav #messagenotes:hover{text-decoration:none}.path-mod-icontent .questionsarea{margin-bottom:2px}.path-mod-icontent .questionsarea .titlequestions{cursor:hand;border-bottom:1px solid #ddd;padding:12px;margin-bottom:0;background-color:#f5f5f5;font-size:14px;border-radius:5px;transition:all 0.8s ease 0s}.path-mod-icontent .notesarea .titlenotes{cursor:pointer;border-bottom:1px solid #ddd;padding:12px;margin-top:0;background-color:#f5f5f5;font-size:14px;border-radius:5px;transition:all 1s ease 0s}.path-mod-icontent .questionsarea .titlequestions:hover,.path-mod-icontent .notesarea .titlenotes:hover{color:#000;border-bottom:1px solid #aaa;background-color:#f9f9f9}.path-mod-icontent .questionsarea .question{background-color:#fff;border-bottom:2px solid #eee;border-radius:10px;margin-bottom:10px;margin-top:10px;padding:10px;font-size:14px}.path-mod-icontent .questionsarea .question .questiontext{color:#111}.path-mod-icontent .questionsarea .question .optionslist label{font-size:13px}.path-mod-icontent .questionsarea .question .optionslist td.matchoptions{font-size:13px;padding-right:10px}.path-mod-icontent .questionsarea .question.match .optionslist{overflow-x:auto}.path-mod-icontent .questionsarea .question.match .optionslist .match-table{width:100%;table-layout:fixed}.path-mod-icontent .questionsarea .question.match .optionslist .match-table td{vertical-align:top;padding-bottom:8px}.path-mod-icontent .questionsarea .question.match .optionslist .match-table td.matchoptions{width:45%;white-space:normal;word-break:break-word}.path-mod-icontent .questionsarea .question.match .optionslist .match-table td.matchanswer{width:55%}.path-mod-icontent .questionsarea .question.match .optionslist .match-table td.matchanswer select.match-select{width:100%;max-width:100%;min-width:0}.path-mod-icontent .questionsarea .question.match.qengine-render .ablock{overflow-x:auto}.path-mod-icontent .questionsarea .question.match.qengine-render table.answer{width:100%;table-layout:fixed}.path-mod-icontent .questionsarea .question.match.qengine-render table.answer td.text{width:45%;white-space:normal;word-break:break-word;overflow-wrap:anywhere}.path-mod-icontent .questionsarea .question.match.qengine-render table.answer td.control{width:55%}.path-mod-icontent .questionsarea .question.match.qengine-render table.answer td.control select.form-select{width:100%;max-width:100%;min-width:0}.path-mod-icontent .icontent-page .notesarea .notelist .noterowicontent{margin-left:0;flex:1 1 auto;min-width:0;font-size:13px;line-height:1.4em}.path-mod-icontent .icontent-page .notesarea .notelist .noterowicontent .noteheader{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem}.path-mod-icontent .icontent-page .notesarea .notelist .noterowicontent .noteheader .noteflags{display:inline-flex;gap:.25rem}.path-mod-icontent .icontent-page .notesarea .notelist .noterowicontent .noteheader .noteon{color:#aaa}.path-mod-icontent .icontent-page .notesarea .notelist .noterowicontent .notefooter .notedate,.path-mod-icontent .icontent-page .notesarea .notelist .noterowicontent .notefooter a{color:#aaa;font-size:12px;margin-right:4px}.path-mod-icontent .icontent-page .notesarea .notelist .noterowicontent .notefooter a{cursor:pointer}.path-mod-icontent .icontent-page .notesarea .notelist .noterowicontent .notefooter a:hover{text-decoration:none;color:#555}.path-mod-icontent .icontent-page .notesarea .notelist .pagenoterow{display:flex;align-items:flex-start;gap:10px;background-color:#fff;border-bottom:1px solid #eee;border-radius:5px;margin-bottom:10px;margin-top:10px;padding:5px}.path-mod-icontent .icontent-page .notesarea .notelist .pagenoterow .img-thumbnail.pull-left{float:none;flex:0 0 auto;margin-top:2px}.icontent-page .notelist .level-2{margin-left:4%}.icontent-page .notelist .level-3{margin-left:8%}.icontent-page .notelist .level-4{margin-left:12%}.icontent-page .notelist .level-5{margin-left:16%}.icontent-page .notelist .level-6{margin-left:20%}.icontent-page .notelist .level-7{margin-left:24%}.icontent-page .notelist .level-8{margin-left:28%}.icontent-page .notelist .level-9{margin-left:32%}.icontent-page .notelist .level-10{margin-left:35%}.icontent-page .notelist .level-11{margin-left:38%}.icontent-page .notelist .level-12{margin-left:40%}.path-mod-icontent .icontent-page .fulltextpage .columns-2{-webkit-columns:2 200px;-moz-columns:2 200px;columns:2 200px;-webkit-column-gap:4em;-moz-column-gap:4em;column-gap:4em;-webkit-column-rule:1px dotted #ddd;-moz-column-rule:1px dotted #ddd;column-rule:1px dotted #ddd}.path-mod-icontent .icontent-page .fulltextpage .columns-3{-webkit-columns:3 200px;-moz-columns:3 200px;columns:3 200px;-webkit-column-gap:4em;-moz-column-gap:4em;column-gap:4em;-webkit-column-rule:1px dotted #ddd;-moz-column-rule:1px dotted #ddd;column-rule:1px dotted #ddd}.path-mod-icontent .icontent-page .fulltextpage .columns-4{-webkit-columns:4 165px;-moz-columns:4 165px;columns:4 165px;-webkit-column-gap:4em;-moz-column-gap:4em;column-gap:4em;-webkit-column-rule:1px dotted #ddd;-moz-column-rule:1px dotted #ddd;column-rule:1px dotted #ddd}.path-mod-icontent .icontent-page .fulltextpage .columns-5{-webkit-columns:5 120px;-moz-columns:5 120px;columns:5 120px;-webkit-column-gap:4em;-moz-column-gap:4em;column-gap:4em;-webkit-column-rule:1px dotted #ddd;-moz-column-rule:1px dotted #ddd;column-rule:1px dotted #ddd}@media (max-width:990px){.path-mod-icontent .icontent-page .previous{text-align:center}.path-mod-icontent .icontent-page .next{text-align:center}.path-mod-icontent .icontent-page .notesarea .userpicture{display:none}}.pull-right{float:right}.pull-left{float:left}.path-mod-icontent table.icontentquestions{margin-bottom:10px}.path-mod-icontent table.icontentquestions .header{text-align:left}.path-mod-icontent table.icontentquestions .qtype{text-align:left;width:5%}.path-mod-icontent table.icontentquestions .questionname{white-space:normal}.path-mod-icontent table.icontentquestions .routingtargets{min-width:250px}.path-mod-icontent .icontent-route-grid{display:grid;gap:6px}.path-mod-icontent .icontent-route-field label{display:block;margin-bottom:2px;font-size:.75rem;line-height:1.1}.path-mod-icontent .icontent-route-field select{max-width:260px}.path-mod-icontent table.icontentquestions td{padding:5px}.path-mod-icontent #idtableattemptsusers .fullname .lkfullname{margin-left:5px}.path-mod-icontent #idtableattemptsusers a.btn-primary{color:#fff}.path-mod-icontent #idtableattemptsusers a.btn-toevaluate{padding:4px 10px}.path-mod-icontent .labelfieldgrade{font-weight:bolder}.path-mod-icontent .coverpage .state-readmore .read-more-state-off{display:none}.path-mod-icontent .coverpage .state-readmore{text-align:center}.path-mod-icontent .fulltextpage .read-more-target{display:none}.path-mod-icontent .headercoverpage{background:rgb(255 255 255 / .7);padding:2.6em 2.6em 0;width:80%;margin:6% auto 0}.path-mod-icontent .headercoverpage .titlecoverpage{font-size:250%;line-height:1.2em;text-align:center}.path-mod-icontent .contentcoverpage{background:rgb(255 255 255 / .7);padding:1em 2.6em 2.6em;width:80%;margin:0 auto}.path-mod-icontent .contentcoverpage p{color:#1c1c1c;line-height:1.5em;font-size:16px}.list-group-item:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.list-group-item{background-color:#fff;border:1px solid #ddd;display:block;margin-bottom:-1px;padding:10px 15px;position:relative}.list-group-item>.badge{float:right}.progress{height:20px;margin-bottom:20px;margin-top:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgb(0 0 0 / .1);box-shadow:inset 0 1px 2px rgb(0 0 0 / .1)}.progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#337ab7;-webkit-box-shadow:inset 0 -1px 0 rgb(0 0 0 / .15);box-shadow:inset 0 -1px 0 rgb(0 0 0 / .15);-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.progress-striped .progress-bar,.progress-bar-striped{background-image:linear-gradient(45deg,rgb(255 255 255 / .15) 25%,transparent 25%,transparent 50%,rgb(255 255 255 / .15) 50%,rgb(255 255 255 / .15) 75%,transparent 75%,transparent);-webkit-background-size:40px 40px;background-size:40px 40px}@-webkit-keyframes progress-bar-stripes{0%{background-position:40px 0}100%{background-position:0 0}}@keyframes progress-bar-stripes{0%{background-position:40px 0}100%{background-position:0 0}}.progress.active .progress-bar,.progress-bar.active{-webkit-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar-success{background-color:#5cb85c}.progress-striped .progress-bar-success{background-image:linear-gradient(45deg,rgb(255 255 255 / .15) 25%,transparent 25%,transparent 50%,rgb(255 255 255 / .15) 50%,rgb(255 255 255 / .15) 75%,transparent 75%,transparent)}.progress-bar-info{background-color:#5bc0de}.progress-striped .progress-bar-info{background-image:linear-gradient(45deg,rgb(255 255 255 / .15) 25%,transparent 25%,transparent 50%,rgb(255 255 255 / .15) 50%,rgb(255 255 255 / .15) 75%,transparent 75%,transparent)}.progress-bar-warning{background-color:#f0ad4e}.progress-striped .progress-bar-warning{background-image:linear-gradient(45deg,rgb(255 255 255 / .15) 25%,transparent 25%,transparent 50%,rgb(255 255 255 / .15) 50%,rgb(255 255 255 / .15) 75%,transparent 75%,transparent)}.progress-bar-danger{background-color:#d9534f}.progress-striped .progress-bar-danger{background-image:linear-gradient(45deg,rgb(255 255 255 / .15) 25%,transparent 25%,transparent 50%,rgb(255 255 255 / .15) 50%,rgb(255 255 255 / .15) 75%,transparent 75%,transparent)}.progress .progress-bar .sr-only{position:unset}.path-mod-icontent .icontent-progress .progress-bar{display:flex;align-items:center;justify-content:center;overflow:hidden}.path-mod-icontent .icontent-progress .icontent-progress-label{font-weight:600;color:#000;text-shadow:none;pointer-events:none;white-space:nowrap}#idicontentpages .text-uppercase{text-transform:uppercase}.highcontrast .nav-tabs .nav-link.active,.highcontrast .nav-tabs .nav-item.show .nav-link{background-color:inherit;border-bottom:1px solid #000}::-moz-selection{background:#036;color:#fff}::selection{background:#036;color:#fff}.path-mod-icontent .icontent-page .fulltextpage .userpicture{margin:0}#page-mod-imscp-view #imscp_nav{text-align:center;margin-bottom:5px;margin-top:10px}#page-mod-imscp-view #imscp_toc .ygtv-highlight1{font-weight:700}#page-mod-imscp-view .yui-layout-hd{background-image:none;background-color:#ddd}#page-mod-imscp-view .yui-layout-hd h2{color:#000}.path-mod-imscp #imscp_child_list{margin-left:1em;width:auto;height:auto}.lightbox-gallery .lightbox-gallery-image-container{display:inline-block;margin:10px}.dir-rtl .lightbox-gallery .lightbox-gallery-image-container{display:inline-block;margin:10px}.lightbox-gallery .lightbox-gallery-image-frame{-webkit-transition:box-shadow 150ms,border-color 150ms,background-color 150ms,color 150ms;background-color:#fff;border-radius:5px;border:1px solid #ccc;color:dimgray;display:inline-block;margin:10px auto;text-align:center;transition:box-shadow 150ms,border-color 150ms,background-color 150ms,color 150ms;width:174px}.lightbox-gallery .lightbox-gallery-image-container .lightbox-gallery-image-frame:hover{-webkit-box-shadow:0 0 15px #ccc;background-color:#f6f6f6;border-color:#999;box-shadow:0 0 15px #ccc;color:#333;text-decoration:none;transition:box-shadow 150ms,border-color 150ms}.lightbox-gallery .lightbox-gallery-image-container .lightbox-gallery-image-frame:active{-webkit-box-shadow:0 0 15px #666;box-shadow:0 0 15px #666}.lightbox-gallery .lightbox-gallery-image-thumbnail{border-radius:5px;border:1px solid #ccc;display:block;margin:5px 5px 2px;vertical-align:middle;width:95%;background-size:100% 100%}.lightbox-gallery .lightbox-gallery-image-caption,.lightbox-gallery .lightbox-gallery-image-extinfo{font-family:'Verdana','Lucida Grande',sans-serif;font-size:11px;margin-bottom:3px;text-decoration:none}.lightbox-gallery .lightbox-gallery-image-caption{font-weight:700;word-wrap:break-word}.lightbox-gallery .lightbox-gallery-image-caption.top{margin-bottom:-3px}#mod-lightboxgallery-view .generalbox,#mod-lightboxgallery-search .generalbox{overflow:auto}#mod-lightboxgallery-view .thumb,#mod-lightboxgallery-search .thumb{background-color:#fff;border:1px solid #ccc;margin:2px;padding:3px;position:relative;text-align:center;z-index:5}#mod-lightboxgallery-view .thumb .image,#mod-lightboxgallery-search .thumb .image{background-color:#000;border:1px solid #ccc;height:105px;margin-bottom:2px;position:relative;width:120px;z-index:10}#mod-lightboxgallery-view .thumb .overlay img,#mod-lightboxgallery-search .thumb .overlay img{border:0}#mod-lightboxgallery-view .lightbox-edit-select{margin:12px}#mod-lightboxgallery-imageedit .generaltable img,#mod-lightboxgallery-imageadd .generaltable img{border:1px solid #ddd}#mod-lightboxgallery-imageedit .menubar{margin-top:14px;text-align:center}#mod-lightboxgallery-imageedit .tag-head{background-color:#f9fafa;border-bottom:1px solid #ddd;display:block;margin:3px 1px;padding:2px 0}#mod-lightboxgallery-imageedit .tag-exists{color:#aaa;text-decoration:line-through}#mod-lightboxgallery-imageedit .tag-exists input{display:none}#mod-lightboxgallery-imageadd #messages{margin:0 6px 0 12px;padding:0}#mod-lightboxgallery-search .generalbox{margin-bottom:10px}#page-mod-lightboxgallery-view #overlay{z-index:4032}#page-mod-lightboxgallery-view #lightbox{z-index:4033}#page-mod-lightboxgallery-view #imageData #bottomNavDownload,#page-mod-lightboxgallery-search #imageData #bottomNavDownload{background:url(/theme/image.php/boost_union/lightboxgallery/1792421257/download) no-repeat;float:right;height:22px;margin-right:.5em;padding-bottom:.7em;padding-right:.5em;width:104px}#page-mod-lightboxgallery-view #imageData #imageDetails{width:65%}#page-mod-lightboxgallery-view #outerImageContainer,#page-mod-lightboxgallery-view #imageDataContainer{min-width:200px}.path-mod-lti .ltiframe{position:relative;width:100%;height:100%}.path-mod-lti .userpicture,.path-mod-lti .picture.user,.path-mod-lti .picture.teacher{width:35px;height:35px;vertical-align:top}.path-mod-lti .feedback .files,.path-mod-lti .feedback .grade,.path-mod-lti .feedback .outcome,.path-mod-lti .feedback .finalgrade{float:right}.path-mod-lti .feedback .disabledfeedback{width:500px;height:250px}.path-mod-lti .feedback .from{float:left}.path-mod-lti .files img{margin-right:4px}.path-mod-lti .files a{white-space:nowrap}.path-mod-lti .late{color:red}.path-admin-mod-lti .mform .fitem .fitemtitle{min-width:18em;padding-right:1em}.path-mod-lti .mform .fitem .fitemtitle{min-width:14em;padding-right:1em}#registration-choice-container .buffer-text{margin:20px}#choice-list{list-style:none;border-bottom:1px solid #e3e3e3;padding-bottom:1em;margin-left:0}#choice-list>li{display:inline-block}#external-registration-container iframe{border:1px solid #e5e5e5;border-radius:10px;width:100%;min-height:800px}.loading-screen{text-align:center;padding:3em}.loading-screen .loading-text{font-size:2em}.loading-screen .loader{margin-left:auto;margin-right:auto;margin-bottom:1em;height:2em;width:2em;font-size:2em}#registration-submit{min-width:140px}#registration-form-container{min-height:260px}#registration-form-container .card{margin-bottom:0}#registration-form-container .control-group:last-child{margin-bottom:0}#registration-choice-container .card{text-align:center}#registration-choice-container .btn-toolbar{margin-bottom:0}#registration-choice-container p:last-child{margin-top:20px}#tool-type-capabilities-container .registration-loading-container{display:none}#tool-type-capabilities-container.loading .registration-loading-container{display:block}#tool-type-capabilities-container.loading #tool-type-capabilities-template-container{display:none}.centered-menu{max-width:70%;margin-left:auto;margin-right:auto}.btn-text{display:block}.btn-loader{display:none}.loading .btn-text{display:none}.loading .btn-loader{display:block}.btn .loader{margin-left:auto;margin-right:auto}.btn .loader img{height:1.5em}#tool-list-container h3{display:inline-block}#tool-list-loader-container{display:inline-block}#tool-list-loader-container .loader{display:none}#tool-list-loader-container .loader img{height:2em}.loading #tool-list-loader-container .loader{display:block}.loading #tool-notools-text{display:none}.tool-card{display:inline-block;width:250px;height:300px;border:1px solid #e5e5e5;border-radius:10px;margin:5px;position:relative;box-sizing:border-box;vertical-align:top}.tool-card:hover,.tool-card:focus{border-color:#08c;box-shadow:0 1px 4px rgb(0 105 214 / .25);-webkit-transition:border linear 0.2s,box-shadow linear 0.2s;-moz-transition:border linear 0.2s,box-shadow linear 0.2s;-o-transition:border linear 0.2s,box-shadow linear 0.2s;transition:border linear 0.2s,box-shadow linear 0.2s}.tool-card .overlay-container{background-color:rgb(255 255 255 / .8);border-radius:10px;display:none;height:100%;left:0;position:absolute;text-align:center;top:0;width:100%;z-index:100;box-sizing:border-box;padding:10px}.tool-card .overlay-container .img-container{position:absolute;top:115px;left:90px;display:block;width:70px;height:70px}.tool-card .overlay-container .img-container img{height:100%;width:100%}.tool-card.announcement>.overlay-container{display:block}.tool-card.announcement .overlay-container .loader{display:none}.tool-card.announcement.loading .overlay-container .loader{display:block;width:100%;height:100%}.tool-card.announcement .overlay-container .success-icon-container{display:none}.tool-card.announcement.success .overlay-container .success-icon-container{display:block}.tool-card.announcement .overlay-container .fail-icon-container{display:none}.tool-card.announcement.fail .overlay-container .fail-icon-container{display:block}.tool-card.announcement .overlay-container .capabilities-container{display:none}.tool-card.announcement.capabilities .overlay-container .capabilities-container{display:block}.tool-card.announcement.capabilities .overlay-container{background-color:#fff}.tool-card.announcement.capabilities .overlay-container .img-container{display:none}.tool-card-content{z-index:1}.tool-card-header{text-align:center;background-color:#f5f5f5;padding:10px;border-top-left-radius:10px;border-top-right-radius:10px;box-sizing:border-box;height:125px}.tool-card-subheader{margin-bottom:10px;text-align:left}.tool-card-header .tool-card-icon{width:35px;height:35px}.tool-card-header .name{margin-bottom:0;white-space:nowrap}.tool-card-header .tool-card-actions{float:right}.tool-card-header .tool-card-actions img{width:15px;height:15px;margin-left:7px}.tool-card-body{border-top:1px solid #e5e5e5;box-sizing:border-box;padding:5px;height:125px}.tool-card-body .description{max-height:100px;word-wrap:break-word}.tool-card-footer{height:50px;text-align:center;padding-top:10px;box-sizing:border-box}.tool-card .contenteditable-container{position:relative}.tool-card [contenteditable=true]{border:1px solid #fff0;padding:.25em;position:relative;z-index:1;overflow:auto}.tool-card [contenteditable=true]:hover{border-radius:4px;box-shadow:inset 0 1px 1px rgb(0 0 0 / .075);background-color:#fff;border:1px solid #e3e3e3;-webkit-transition:border linear 0.2s,box-shadow linear 0.2s;-moz-transition:border linear 0.2s,box-shadow linear 0.2s;-o-transition:border linear 0.2s,box-shadow linear 0.2s;transition:border linear 0.2s,box-shadow linear 0.2s;cursor:text}.tool-card [contenteditable=true]:focus{outline:0;border-radius:4px;box-shadow:inset 0 1px 1px rgb(0 0 0 / .075),0 0 8px rgb(82 168 236 / .6);background-color:#fff;border:1px solid rgb(82 168 236 / .8);-webkit-transition:border linear 0.2s,box-shadow linear 0.2s;-moz-transition:border linear 0.2s,box-shadow linear 0.2s;-o-transition:border linear 0.2s,box-shadow linear 0.2s;transition:border linear 0.2s,box-shadow linear 0.2s;cursor:text}.tool-card [contenteditable=true].loading+.overlay-container{border-radius:4px;display:block}.tool-card [contenteditable=true]+.overlay-container .loader{display:inline-block;vertical-align:middle}#accordion.modltitree{border-radius:4px;padding-left:8px}#accordion.modltitree .accordion-inner{padding-left:20px}#accordion.modltitree .accordion-inner .accordion p{margin-bottom:0;padding-left:15px}#accordion.modltitree .accordion-group{padding-left:15px;padding-bottom:4px;position:relative}#accordion.modltitree .accordion-group span{padding:0 4px 0}#accordion.modltitree .accordion-group .accordion-heading .accordion-toggle::before{content:url(/theme/image.php/boost_union/core/1792421257/t/expanded);position:absolute;left:-5px}#accordion.modltitree .accordion-group .accordion-heading .accordion-toggle.collapsed::before{content:url(/theme/image.php/boost_union/core/1792421257/t/collapsed)}#contentframe{border:1px solid #ddd;border-radius:4px}#page-mod-lti-coursetools a.dropdown-toggle::after{display:none}#page-mod-lti-coursetools table div.tool-action-icon-container{display:flex;align-items:center;justify-content:center;width:36px;height:36px}#page-mod-lti-coursetools table div.tool-action-icon-container i{margin:0}#page-mod-lti-coursetools table.generaltable tbody tr:nth-of-type(2n+1),#page-mod-lti-coursetools table.table-striped tbody tr:nth-of-type(2n+1){background:inherit}#page-mod-lti-coursetools table.generaltable tbody tr:hover,#page-mod-lti-coursetools table.table-striped tbody tr:hover{background:#fff}.path-mod-mindmap .mindmap_hint{text-align:center;font-weight:700;font-style:italic;font-size:10px;margin-top:10px;margin-bottom:10px}.path-mod-mindmap .mindmap_locked{text-align:center;font-weight:700;font-style:italic;font-size:10px;margin-top:10px;margin-bottom:10px}.path-mod-mindmap #flashcontent{margin:0 auto;padding:3px;text-align:center;border:1px solid #ddd}.path-mod-mindmap #mindmap-content{border:1px solid #ddd;width:100%!important;height:500px}.path-mod-mindmap #intro{padding:0!important}.path-mod-mindmap #mindmap_view{position:relative;padding-top:0!important}.path-mod-mindmap .network{display:block;width:100%;height:600px;border:solid;background-color:#fff;position:relative;border-color:#ddd;border-width:1px;margin-top:10px}.path-mod-mindmap table.legend_table{font-size:11px;border-width:1px;border-color:#d3d3d3;border-style:solid}.path-mod-mindmap table.legend_table,.path-mod-mindmap td{border-width:1px;border-color:#d3d3d3;border-style:solid;padding:2px}.path-mod-mindmap #operation{font-size:16px;font-weight:600}.path-mod-mindmap #network-popup{display:none;position:absolute;width:310px;top:25%;left:calc(50% - 155px);z-index:299;background-color:#f9f9f9;border-style:solid;border-width:1px;border-color:#ddd;padding:10px;text-align:center;box-shadow:0 0 5px #777}.path-mod-mindmap #network-popup table{margin:5px 0 10px 0}.path-mod-mindmap #network-popup table td{border-width:0;text-align:left}.path-mod-mindmap .convert-save{text-align:center;margin:20px 0}.path-mod-mindmap div.vis-network div.vis-manipulation{border-bottom:1px solid #ddd!important;background:none!important;background-color:#f9f9f9!important;padding-top:0px!important;height:auto!important}.path-mod-mindmap div.vis-network div.vis-manipulation div.vis-separator-line{display:none!important}.path-mod-mindmap div.vis-network div.vis-manipulation div.vis-button:hover{box-shadow:none!important;text-decoration:underline}.path-mod-mindmap div.vis-network div.vis-close{display:none!important}.path-mod-mindmap div.vis-network:focus{outline:none}.path-mod-mindmap div.vis-network div.vis-manipulation div.vis-button{margin:10px}.path-mod-mindmap div.network-container{position:relative}.path-mod-mindmap div.resetzoom{position:absolute;bottom:5px;z-index:1;left:5px;width:30px;height:30px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='mysvg' class='data-svg' width='30' height='30' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='square' stroke-linejoin='arcs'%3E%3Cpath d='M7.027 7.027l9.946 9.946m0-9.946l-9.946 9.946m6.792-10.43h3.64v3.64m-7.278-3.64h-3.64v3.64m7.278 7.278h3.64v-3.64m-7.278 3.64h-3.64v-3.64' stroke-width='1.6'/%3E%3Ccircle cx='12.102' cy='12.102' r='10'/%3E%3C/svg%3E");cursor:pointer}.path-mod-mindmap .mindmap_actions{display:flex}.path-mod-mindmap .mindmap_action_select{margin-left:auto}.path-mod-mindmap #mindmap_select{padding:3px}.path-mod-mindmap .activity-header{display:none!important}.path-mod-mindmap input.jscolor{background-color:#fff!important;color:#000!important}
/* @copyright  2025 Ascensio System SIA <integration@onlyoffice.com>
 * @copyright  based on work by 2018 Olumuyiwa Taiwo <muyi.taiwo@logicexpertise.com>
 * @license    http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
 */
 .path-mod-onlyofficeeditor #page-content h2,.path-mod-onlyofficeeditor #page-content .activityinstance>a{display:inline-block}.path-mod-onlyofficeeditor .onlyofficeeditor-container>iframe{position:static!important;height:calc(100dvh - 61px);height:calc(100vh - 61px);max-height:60rem}.path-mod-onlyofficeeditor .onlyofficeeditor-container.onlyofficeeditor-fullscreen{position:absolute;left:0;right:0;top:0;margin:0;margin-top:61px;padding:0 1px;z-index:100}.path-mod-onlyofficeeditor .onlyofficeeditor-container.onlyofficeeditor-rightindent{margin-right:0}.path-mod-onlyofficeeditor #onlyofficeeditor-editor.error{color:red}.path-mod-onlyofficeeditor .onlyofficeeditor-create-button{display:flex;position:relative;justify-content:center;min-width:85px;margin-top:10px;padding:45px 5px 6px;background-repeat:no-repeat}.path-mod-onlyofficeeditor .onlyofficeeditor-create-button input[type=radio]{-webkit-appearance:none;margin:auto;appearance:none;position:absolute;top:0;opacity:.5;width:30px;height:40px;background-size:contain;background-repeat:no-repeat;background-position:center;border-radius:0;border:none}.path-mod-onlyofficeeditor .onlyofficeeditor-create-button input[type=radio]:checked{opacity:1}.path-mod-onlyofficeeditor .onlyofficeeditor-create-button input[value^="Document"]{background-image:url(/theme/image.php/boost_union/onlyofficeeditor/1792421257/file_docx)}.path-mod-onlyofficeeditor .onlyofficeeditor-create-button input[value^="Presentation"]{background-image:url(/theme/image.php/boost_union/onlyofficeeditor/1792421257/file_pptx)}.path-mod-onlyofficeeditor .onlyofficeeditor-create-button input[value^="Spreadsheet"]{background-image:url(/theme/image.php/boost_union/onlyofficeeditor/1792421257/file_xlsx)}.path-mod-onlyofficeeditor .onlyofficeeditor-create-button input[value^="PDF form"]{background-image:url(/theme/image.php/boost_union/onlyofficeeditor/1792421257/file_pdf)}.path-mod-onlyofficeeditor .onlyofficeeditor-create-button input[value^="Upload file"]{background-image:url(/theme/image.php/boost_union/onlyofficeeditor/1792421257/file_upload)}.path-mod-onlyofficeeditor .onlyofficeeditor-saveas-section{max-width:100%;padding:.5rem 0;color:#2c7bc2;font-size:20px;cursor:pointer}.path-mod-onlyofficeeditor .onlyofficeeditor-saveas-section-selected{background-color:#f8f9fa}.path-mod-onlyofficeeditor .onlyofficeeditor-saveas-section:before,.path-mod-onlyofficeeditor .onlyofficeeditor-saveas-section:last-child:after{position:absolute;left:0;content:'';width:100%;height:1px;background-color:#dee2e6;top:0}.path-mod-onlyofficeeditor .onlyofficeeditor-saveas-section:last-child:after{top:100%}.path-mod-onlyofficeeditor .onlyofficeeditor-editor-fs-button{border:1px solid #0f6fc5;background:#fff;color:#0f6fc5;float:right}.path-mod-onlyofficeeditor #onlyofficeeditor-enter-fs-button{padding:5px;margin-right:10px;margin-bottom:.5rem}.path-mod-onlyofficeeditor #onlyofficeeditor-exit-fs-button{margin:12px 0}.path-mod-onlyofficeeditor .onlyofficeeditor-editor-fs-button i{display:none}.path-admin .onlyoffice-banner{border:1px solid #e9e9e9;border-radius:3px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:16px 20px;width:fit-content;background-image:url(/theme/image.php/boost_union/onlyofficeeditor/1792421257/banner_bg);background-repeat:no-repeat;margin:15px 0}.path-admin .onlyoffice-banner .banner-body{max-width:398px;display:flex;flex-direction:column;align-items:center;justify-items:center;padding-right:0}.path-admin .onlyoffice-banner .banner-body h4,.path-admin .onlyoffice-banner .banner-body p{margin:0}.path-admin .onlyoffice-banner .banner-body h4{margin-bottom:5px}.path-admin .onlyoffice-banner .banner-icon img{max-width:82px;max-height:79px;width:82px;height:79px;margin-right:0}.path-admin .onlyoffice-banner .banner-title{font-weight:700;font-size:20px;line-height:23px;text-align:center}.path-admin .onlyoffice-banner .banner-description{font-weight:300;font-size:14px;text-align:center}.path-admin .onlyoffice-banner .banner-links{margin-left:0;margin-top:16px}.path-admin .onlyoffice-banner .banner-links a{background-color:#fff0;color:#316ab9;border:1px solid #316ab9;padding:6px 20px;border-radius:3px;cursor:pointer;font-size:14px;font-weight:500}.path-admin .onlyoffice-banner .banner-links a:active{background-color:#fff0}.path-admin .onlyoffice-banner .banner-links a:hover{text-decoration:none}.path-admin .settings-intro{display:flex;flex-direction:column;row-gap:11px;margin:24px 0;margin-top:16px}.path-admin .settings-intro p{margin:0}.path-admin .settings-intro-links{display:flex;column-gap:24px}.path-admin .settings-intro-links a{font-weight:500;color:#000;text-decoration:none;cursor:pointer;display:flex;gap:4px}.path-admin .settings-intro-links a::after{content:url(/theme/image.php/boost_union/onlyofficeeditor/1792421257/top_right_arrow);width:12px;height:12px}@media (min-width:576px){.path-admin .onlyoffice-banner{padding:16px 20px;flex-direction:row;justify-content:flex-start}.path-admin .onlyoffice-banner .banner-body{flex-direction:row;column-gap:35px;padding-right:24px;justify-items:flex-start}.path-admin .onlyoffice-banner .banner-title,.path-admin .onlyoffice-banner .banner-description{text-align:left}.path-admin .onlyoffice-banner .banner-links{margin-left:22px;margin-top:0}}@media (min-width:768px){.path-mod-onlyofficeeditor #onlyofficeeditor-exit-fs-button{margin:12px}.path-mod-onlyofficeeditor .onlyofficeeditor-editor-fs-button i{display:inline-block}}@media (min-width:992px){.path-mod-onlyofficeeditor .onlyofficeeditor-container.onlyofficeeditor-fullscreen{margin:0 0 0 50px}.path-mod-onlyofficeeditor .onlyofficeeditor-container.onlyofficeeditor-rightindent{margin-right:43px}.path-admin .onlyoffice-banner{padding:16px 32px 21px 20px}}.path-mod-pdfannotator .pdf-annotator-hidden{display:none;visibility:hidden}.path-mod-pdfannotator .pdfannotator_index .toolbar{background-color:#eaeaea;border-bottom:1px solid #d0d0d0;top:0;left:0;right:0;padding:0 0 3px 5px;text-shadow:1px 1px 0 #fff;z-index:50;-webkit-box-shadow:inset 0 1px 1px 0 rgb(255 255 255);-moz-box-shadow:inset 0 1px 1px 0 rgb(255 255 255);box-shadow:inset 0 1px 1px 0 rgb(255 255 255)}.path-mod-pdfannotator .pdfannotator_index .toolbar .spacer{display:inline-block;border-left:1px solid #c1c1c1;height:34px;margin:0 5px -11px}.path-mod-pdfannotator .toolbar .toolbaritem{display:inline-block}.path-mod-pdfannotator .toolbar button{background-color:#fff0;border:0 solid #fff0;border-radius:0;font-size:15px;padding:3px;margin:0 0 0 0;text-align:center;text-shadow:0 0 0 #fff;position:relative;min-width:27px;min-height:27px;background-image:none}.path-mod-pdfannotator .toolbar.fullscreen{margin-left:15px}.path-mod-pdfannotator .toolbar button.active{background-image:radial-gradient(ellipse at center,#e6f2ff 40%,#8ebae5 100%);background-color:#8ebae5;border-color:#bababa;-webkit-box-shadow:inset 0 0 1px rgb(0 0 0 / .25);-moz-box-shadow:inset 0 0 1px rgb(0 0 0 / .25);box-shadow:inset 0 0 1px rgb(0 0 0 / .25)}.path-mod-pdfannotator .toolbar select{margin-bottom:0}.path-mod-pdfannotator .toolbar button .icon{color:#999;margin-right:0}.path-mod-pdfannotator .color{display:inline-block;width:20px;height:20px;border:1px solid #000;vertical-align:middle;margin:0}.path-mod-pdfannotator .color-selected{border:3px solid #666;width:30px;height:30px;margin-top:-1px;margin-left:-2px;margin-right:-2px}.path-mod-pdfannotator .text-color,.path-mod-pdfannotator .pen-color{z-index:100;display:inline-block}.path-mod-pdfannotator .textLayer{position:absolute;text-align:initial;left:0;top:0;right:0;bottom:0;overflow:hidden;opacity:.2;line-height:1;text-size-adjust:none;z-index:20}.path-mod-pdfannotator .textLayer>span:not(.helperLayer){color:#fff0;position:absolute;white-space:pre;cursor:text;-webkit-transform-origin:0% 0%;-moz-transform-origin:0% 0%;-o-transform-origin:0% 0%;-ms-transform-origin:0% 0%;transform-origin:0% 0%}.path-mod-pdfannotator .textLayer br{color:#fff0;position:absolute;white-space:pre;cursor:text;transform-origin:0% 0%}.path-mod-pdfannotator .textLayer span.markedContent{top:0;height:0}.path-mod-pdfannotator .textLayer .highlight{margin:-1px;padding:1px;background-color:rgb(180 0 170);border-radius:4px}.path-mod-pdfannotator .textLayer .highlight.appended{position:initial}.path-mod-pdfannotator .textLayer .highlight.begin{border-radius:4px 0 0 4px}.path-mod-pdfannotator .textLayer .highlight.end{border-radius:0 4px 4px 0}.path-mod-pdfannotator .textLayer .highlight.middle{border-radius:0}.path-mod-pdfannotator .textLayer .highlight.selected{background-color:#006400}.path-mod-pdfannotator .textLayer ::selection{background:rgb(0 0 255)}.path-mod-pdfannotator .textLayer br::selection{background:#fff0}.path-mod-pdfannotator .textLayer .endOfContent{display:block;position:absolute;left:0;top:100%;right:0;bottom:0;z-index:-1;cursor:default;user-select:none;-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none}.path-mod-pdfannotator .textLayer .endOfContent.active{top:0}.path-mod-pdfannotator{--annotation-unfocused-field-background:url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>");
}

.path-mod-pdfannotator .annotationLayer section {
    position: absolute;
}

.path-mod-pdfannotator .annotationLayer .linkAnnotation > a,
.path-mod-pdfannotator .annotationLayer .buttonWidgetAnnotation.pushButton > a {
    position: absolute;
    font-size: 1em;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.path-mod-pdfannotator .annotationLayer .buttonWidgetAnnotation.pushButton > canvas {
    position: relative;
    top: 0;
    left: 0;
    z-index: -1;
}

.path-mod-pdfannotator .annotationLayer .linkAnnotation > a /* -ms-a */ {
    background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) 0 0 repeat;
}

.path-mod-pdfannotator .annotationLayer .linkAnnotation > a:hover,
.path-mod-pdfannotator .annotationLayer .buttonWidgetAnnotation.pushButton > a:hover {
    opacity: 0.2;
    background: rgba(255, 255, 0, 1);
    box-shadow: 0 2px 10px rgba(255, 255, 0, 1);;
}

.path-mod-pdfannotator .annotationLayer .textAnnotation img {
    position: absolute;
    cursor: pointer;
}

.path-mod-pdfannotator .annotationLayer .textWidgetAnnotation input,
.path-mod-pdfannotator .annotationLayer .textWidgetAnnotation textarea,
.path-mod-pdfannotator .annotationLayer .choiceWidgetAnnotation select,
.path-mod-pdfannotator .annotationLayer .buttonWidgetAnnotation.checkBox input,
.path-mod-pdfannotator .annotationLayer .buttonWidgetAnnotation.radioButton input {
  background-image: var(--annotation-unfocused-field-background);
  border: 1px solid transparent;
  box-sizing: border-box;
  font-size: 9px;
  height: 100%;
  margin: 0;
  padding: 0 3px;
  vertical-align: top;
  width: 100%;
}

.path-mod-pdfannotator .annotationLayer .choiceWidgetAnnotation select option {
    padding: 0;
}

.path-mod-pdfannotator .annotationLayer .buttonWidgetAnnotation.radioButton input {
    border-radius: 50%;
}

.path-mod-pdfannotator .annotationLayer .textWidgetAnnotation textarea {
    font: message-box;
    font-size: 9px;
    resize: none;
}

.path-mod-pdfannotator .annotationLayer .textWidgetAnnotation input[disabled],
.path-mod-pdfannotator .annotationLayer .textWidgetAnnotation textarea[disabled],
.path-mod-pdfannotator .annotationLayer .choiceWidgetAnnotation select[disabled],
.path-mod-pdfannotator .annotationLayer .buttonWidgetAnnotation.checkBox input[disabled],
.path-mod-pdfannotator .annotationLayer .buttonWidgetAnnotation.radioButton input[disabled] {
    background: none;
    border: 1px solid transparent;
    cursor: not-allowed;
}

.path-mod-pdfannotator .annotationLayer .textWidgetAnnotation input:hover,
.path-mod-pdfannotator .annotationLayer .textWidgetAnnotation textarea:hover,
.path-mod-pdfannotator .annotationLayer .choiceWidgetAnnotation select:hover,
.path-mod-pdfannotator .annotationLayer .buttonWidgetAnnotation.checkBox input:hover,
.path-mod-pdfannotator .annotationLayer .buttonWidgetAnnotation.radioButton input:hover {
  border: 1px solid rgba(0, 0, 0, 1);
}

.path-mod-pdfannotator .annotationLayer .textWidgetAnnotation input:focus,
.path-mod-pdfannotator .annotationLayer .textWidgetAnnotation textarea:focus,
.path-mod-pdfannotator .annotationLayer .choiceWidgetAnnotation select:focus {
  background: none;
  border: 1px solid transparent;
}

.path-mod-pdfannotator .annotationLayer .textWidgetAnnotation input :focus,
.path-mod-pdfannotator .annotationLayer .textWidgetAnnotation textarea :focus,
.path-mod-pdfannotator .annotationLayer .choiceWidgetAnnotation select :focus,
.path-mod-pdfannotator .annotationLayer .buttonWidgetAnnotation.checkBox :focus,
.path-mod-pdfannotator .annotationLayer .buttonWidgetAnnotation.radioButton :focus {
  background-image: none;
  background-color: transparent;
  outline: auto;
}

.path-mod-pdfannotator .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,
.path-mod-pdfannotator .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,
.path-mod-pdfannotator .annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before {
  background-color: rgba(0, 0, 0, 1);
  content: "";
  display: block;
  position: absolute;
}

.path-mod-pdfannotator .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,
.path-mod-pdfannotator .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after {
  height: 80%;
  left: 45%;
  width: 1px;
}

.path-mod-pdfannotator .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before {
  transform: rotate(45deg);
}

.path-mod-pdfannotator .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after {
  transform: rotate(-45deg);
}

.path-mod-pdfannotator .annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before {
    border-radius: 50%;
    height: 50%;
    left: 30%;
    top: 20%;
    width: 50%;
}

.path-mod-pdfannotator .annotationLayer .textWidgetAnnotation input.comb {
    font-family: monospace;
    padding-left: 2px;
    padding-right: 0;
}

.path-mod-pdfannotator .annotationLayer .textWidgetAnnotation input.comb:focus {
    /*
     * Letter spacing is placed on the right side of each character. Hence, the
     * letter spacing of the last character may be placed outside the visible
     * area, causing horizontal scrolling. We avoid this by extending the width
     * when the element has focus and revert this when it loses focus.
     */
    width: 103%;
}

.path-mod-pdfannotator  .annotationLayer .buttonWidgetAnnotation.checkBox input,
.path-mod-pdfannotator  .annotationLayer .buttonWidgetAnnotation.radioButton input {
  appearance: none;
  padding: 0;
}

.path-mod-pdfannotator .annotationLayer .popupWrapper {
    position: absolute;
    width: 20em;
}

.path-mod-pdfannotator .annotationLayer .popup {
    position: absolute;
    z-index: 200;
    max-width: 20em;
    background-color: rgba(255, 255, 153, 1);
    box-shadow: 0 2px 5px rgba(136, 136, 136, 1);
    border-radius: 2px;
    padding: 6px;
    margin-left: 5px;
    cursor: pointer;
    font: message-box;
    font-size: 9px;
    white-space: normal;
    word-wrap: break-word;
}

.path-mod-pdfannotator .annotationLayer .popup > * {
    font-size: 9px;
}

.path-mod-pdfannotator .annotationLayer .popup h1 {
    display: inline-block;
}

.path-mod-pdfannotator .annotationLayer .popupDate {
    display: inline-block;
    margin-left: 5px;
}

.path-mod-pdfannotator .annotationLayer .popupContent {
    border-top: 1px solid rgba(51, 51, 51, 1);
    margin-top: 2px;
    padding-top: 2px;
  }

.path-mod-pdfannotator .annotationLayer .richText > * {
  white-space: pre-wrap;
}

.path-mod-pdfannotator .annotationLayer .highlightAnnotation,
.path-mod-pdfannotator .annotationLayer .underlineAnnotation,
.path-mod-pdfannotator .annotationLayer .squigglyAnnotation,
.path-mod-pdfannotator .annotationLayer .strikeoutAnnotation,
.path-mod-pdfannotator .annotationLayer .freeTextAnnotation,
.path-mod-pdfannotator .annotationLayer .lineAnnotation svg line,
.path-mod-pdfannotator .annotationLayer .squareAnnotation svg rect,
.path-mod-pdfannotator .annotationLayer .circleAnnotation svg ellipse,
.path-mod-pdfannotator .annotationLayer .polylineAnnotation svg polyline,
.path-mod-pdfannotator .annotationLayer .polygonAnnotation svg polygon,
.path-mod-pdfannotator .annotationLayer .caretAnnotation,
.path-mod-pdfannotator .annotationLayer .inkAnnotation svg polyline,
.path-mod-pdfannotator .annotationLayer .stampAnnotation,
.path-mod-pdfannotator .annotationLayer .fileAttachmentAnnotation {
  cursor: pointer;
}

/******* pdfViewer *******/
.path-mod-pdfannotator {
    --pdfViewer-padding-bottom: 0;
    --page-margin: 1px auto -8px auto;
    --page-border: 9px solid transparent;
    --spreadHorizontalWrapped-margin-LR: -3.5px;
    --zoom-factor: 1;
    --viewport-scale-factor: 1;
}

@media screen and (forced-colors: active) {
    .path-mod-pdfannotator {
    --pdfViewer-padding-bottom: 9px;
    --page-margin: 9px auto 0 auto;
    --page-border: none;
    --spreadHorizontalWrapped-margin-LR: 4.5px;
  }
}

.path-mod-pdfannotator .pdfViewer {
  padding-bottom: var(--pdfViewer-padding-bottom);
}

.path-mod-pdfannotator .pdfViewer .canvasWrapper {
    overflow: hidden;
}

.path-mod-pdfannotator .pdfViewer .page {
    direction: ltr;
    width: 816px;
    height: 1056px;
    margin: var(--page-margin);
    position: relative;
    overflow: visible;
    border: var(--page-border);
    background-clip: content-box;
    border-image: url(images/shadow.png) 9 9 repeat;
    background-color: rgba(255, 255, 255, 1);
}

.path-mod-pdfannotator .pdfViewer .dummyPage {
    position: relative;
    width: 0;
    /* The height is set via JS, see `BaseViewer.#ensurePageViewVisible`. */
}

.path-mod-pdfannotator .pdfViewer.removePageBorders .page {
    margin: 0 auto 10px;
    border: none;
}

.path-mod-pdfannotator .pdfViewer.singlePageView {
    display: inline-block;
}

.path-mod-pdfannotator .pdfViewer.singlePageView .page {
  margin: 0;
  border: none;
}

.path-mod-pdfannotator .pdfViewer.scrollHorizontal,
.path-mod-pdfannotator .pdfViewer.scrollWrapped,
.path-mod-pdfannotator .spread {
  margin-left: 3.5px;
  margin-right: 3.5px;
  text-align: center;
}

.path-mod-pdfannotator .pdfViewer.scrollHorizontal,
.path-mod-pdfannotator .spread {
  white-space: nowrap;
}

.path-mod-pdfannotator .pdfViewer.removePageBorders,
.path-mod-pdfannotator .pdfViewer.scrollHorizontal .spread,
.path-mod-pdfannotator .pdfViewer.scrollWrapped .spread {
  margin-left: 0;
  margin-right: 0;
}

.path-mod-pdfannotator .spread .page,
.path-mod-pdfannotator .spread .dummyPage,
.path-mod-pdfannotator .pdfViewer.scrollHorizontal .page,
.path-mod-pdfannotator .pdfViewer.scrollWrapped .page,
.path-mod-pdfannotator .pdfViewer.scrollHorizontal .spread,
.path-mod-pdfannotator .pdfViewer.scrollWrapped .spread {
  display: inline-block;
  vertical-align: middle;
}

.path-mod-pdfannotator .spread .page,
.path-mod-pdfannotator .pdfViewer.scrollHorizontal .page,
.path-mod-pdfannotator .pdfViewer.scrollWrapped .page {
  margin-left: var(--spreadHorizontalWrapped-margin-LR);
  margin-right: var(--spreadHorizontalWrapped-margin-LR);
}

.path-mod-pdfannotator .pdfViewer.removePageBorders .spread .page,
.path-mod-pdfannotator .pdfViewer.removePageBorders.scrollHorizontal .page,
.path-mod-pdfannotator .pdfViewer.removePageBorders.scrollWrapped .page {
  margin-left: 5px;
  margin-right: 5px;
}

.path-mod-pdfannotator .pdfViewer .page canvas {
    margin: 0;
    display: block;
}

.path-mod-pdfannotator .pdfViewer .page canvas[hidden] {
    display: none;
}


.path-mod-pdfannotator .pdfViewer .page .loadingIcon {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(images/loading-icon.gif) center no-repeat;
}

.path-mod-pdfannotator .pdfViewer .page .loadingIcon.notVisible {
    background: none;
}

.path-mod-pdfannotator .pdfViewer.enablePermissions .textLayer span {
    user-select: none !important;
    cursor: not-allowed;
}

.path-mod-pdfannotator .pdfPresentationMode .pdfViewer {
  padding-bottom: 0;
}

.path-mod-pdfannotator .pdfPresentationMode .spread {
  margin: 0;
}

.path-mod-pdfannotator .pdfPresentationMode .pdfViewer .page {
  margin: 0 auto;
  border: 2px solid transparent;
}

.path-mod-pdfannotator .pdfPresentationMode:-webkit-full-screen .pdfViewer .page {
    margin-bottom: 100%;
    border: 0;
}

.path-mod-pdfannotator .pdfPresentationMode:-moz-full-screen .pdfViewer .page {
    margin-bottom: 100%;
    border: 0;
}

.path-mod-pdfannotator .pdfPresentationMode:-ms-fullscreen .pdfViewer .page {
    margin-bottom: 100% !important;
    border: 0;
}

.path-mod-pdfannotator .pdfPresentationMode:fullscreen .pdfViewer .page {
    margin-bottom: 100%;
    border: 0;
}

body {
    background-color: #eee;
    font-family: sans-serif;
    margin: 0;
}

.path-mod-pdfannotator .pdfViewer .canvasWrapper {
    box-shadow: 0 0 3px #bbb;
    position: absolute;
}
.path-mod-pdfannotator .pdfViewer .page {
    margin-bottom: 10px;
}

.path-mod-pdfannotator .annotationLayer {
    position: absolute;
    z-index: 2;
}

.path-mod-pdfannotator #content-wrapper {
    display: inline-block;
    overflow: auto;
    bottom: 0;
    height: 100%;
}

.path-mod-pdfannotator #comment-wrapper {
    display: inline-block;
    overflow: auto;
    background: #eaeaea;
    border-left: 1px solid #d0d0d0;
    bottom: 0;
    height: 100%;
    margin: 0;
}

.path-mod-pdfannotator #comment-wrapper button .icon {
    color: #999;
    margin-right: 0;
}

@media only screen and (max-width: 991px) {
    .path-mod-pdfannotator #content-wrapper,
    .path-mod-pdfannotator #comment-wrapper {
        height: 50%;
    }
}

.path-mod-pdfannotator #comment-wrapper h4,
.path-mod-pdfannotator #comment-nav {
    margin: 10px;
}

.path-mod-pdfannotator #comment-nav button {
    border: none;
    background-color: transparent;
}

.path-mod-pdfannotator #comment-nav .icon {
    color: #999 !important;
}

.path-mod-pdfannotator #searchForm {
    display: flex;
    margin-top: 10px;
}

.path-mod-pdfannotator #searchPattern {
    padding-right: 25px;
    height: 30px;
}

.path-mod-pdfannotator #searchClear {
    margin-left: -25px;
    padding: 0;
}

.path-mod-pdfannotator #comment-wrapper .pdfannotator-comment-list {
    font-size: 12px;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: visible;
}
.path-mod-pdfannotator #comment-wrapper .comment-list-item {
    padding: 10px;
}
.path-mod-pdfannotator #comment-wrapper .comment-list-item.questions {
    overflow: auto;
}
.path-mod-pdfannotator #comment-wrapper .comment-list-container {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 47px;
    overflow: visible;
}
.path-mod-pdfannotator #comment-wrapper .comment-list-form {
    position: relative;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 10px;
}

.path-mod-pdfannotator #comment-wrapper .comment-list-form .tox.tox-tinymce,
.path-mod-pdfannotator .edit-comment-form .tox.tox-tinymce {
    min-height: 350px;
}

.path-mod-pdfannotator #comment-wrapper .comment-list-form .tox.tox-tinymce:has(.tox-toolbar.tox-toolbar--scrolling),
.path-mod-pdfannotator .edit-comment-form .tox.tox-tinymce:has(.tox-toolbar.tox-toolbar--scrolling) {
    min-height: 250px;
}

.path-mod-pdfannotator #comment-wrapper .editor_atto { /* Editor in fullscreen must be over the toolbar and annotations. */
    z-index: 60;
}
.path-mod-pdfannotator #comment-wrapper .editor_atto_content {
    border-width: 0px 1px 1px 1px;
    border-style: solid;
    border-color: #8f959e;
}
.path-mod-pdfannotator div.row {
    margin-left: 0;
}
.path-mod-pdfannotator #comment-wrapper .comment-list-form input {
    padding: 5px;
    width: 100%;
}
.path-mod-pdfannotator .pdfViewer .page {
    border-image: none;
}

.path-mod-pdfannotator .chat-message {
    border-radius: 4px;
    padding: 4px 10px;
    margin: 0 0 10px 0;
    background-color: #fefefe;
}

.path-mod-pdfannotator .chat-message-container {
    flex-grow: 1;
    word-break: break-word;
}

.path-mod-pdfannotator .chat-message.owner:not(.questioncomment) {
    margin: 0 10px 10px 10px;
    border: 3px solid #c7ddf2;
}

.path-mod-pdfannotator .chat-message.mark {
    border: 3px solid red !important;
}

.path-mod-pdfannotator .chat-message.correct {
    border: 3px solid green !important;
}

.path-mod-pdfannotator .chat-message:not(.questioncomment) {
    margin: 0 10px 10px 10px;
}

.path-mod-pdfannotator .chat-message.comment-list-item:not(.questions) {
    display: flex;
    padding-left: 0 !important;
}

.path-mod-pdfannotator .chat-message .wrappervotessolved {
    text-align: center;
}

.path-mod-pdfannotator .chat-message .wrappervotessolved .solved .icon {
    color: green !important;
}

.path-mod-pdfannotator .chat-message .wrappervotessolved .icon {
    margin-right: 0 !important;
}

.path-mod-pdfannotator .chat-message:not(.questions) .wrappervotessolved .icon,
.path-mod-pdfannotator .chat-message:not(.questions) .dropdown .icon {
    color: #999 !important;
}

.path-mod-pdfannotator .chat-message button:disabled .icon {
    color: rgba(0, 0, 0, .15) !important;
}

.path-mod-pdfannotator .chat-message .time,
.path-mod-pdfannotator .chat-message .edited {
    float: right;
    font-size: 11px;
    color: #777;
}
.path-mod-pdfannotator .chat-message .user {
    font-weight: 700;
}

.path-mod-pdfannotator .chat-message .wrappervotessolved button,
.path-mod-pdfannotator #comment-nav button {
    border-color: transparent;
    background-color: transparent;
}

.path-mod-pdfannotator #comment-nav .spacer {
    display: inline-block;
    border-left: 1px solid #c1c1c1;
    height: 34px;
    margin: 0 5px -11px;
}

.path-mod-pdfannotator .chat-message.questioncomment {
    margin: 0 0 10px 0;
    background-color: #c7ddf2;
}

.path-mod-pdfannotator .chat-message.questions:not(.page) {
    background-color: #c7ddf2;
    color: rgb(0, 84, 159);
}

.path-mod-pdfannotator .chat-message.questions.questions-private:not(.page) {
    background-color: #FDEFDF;
    color: #e48312;
}

.path-mod-pdfannotator .chat-message.questioncomment.questions-private:not(.page) {
    background-color: #FDEFDF;
    color: #e48312;
}

.path-mod-pdfannotator .chat-message.questions.page {
    background-color: #dff0d8 !important;
    border-color: #d0e9c6;
    color: #3c763d;
}

.path-mod-pdfannotator .chat-message-text {
    display: inline-block;
    width: 100%;
}

.path-mod-pdfannotator :not(.questioncomment) > .chat-message-text p {
    margin-bottom: 0;
}

.path-mod-pdfannotator .chat-message .dropdown {
    float: right;
}

.path-mod-pdfannotator .chat-message #dropdownMenuButton {
    padding-left: 5px;
}

.path-mod-pdfannotator .questionanswercount {
    padding: 0 2px 0 2px;
    margin: 0;
    border-radius: 8px;
}

.path-mod-pdfannotator .solvedicon {
    padding-right: 3px;
}

.path-mod-pdfannotator .icon-wrapper {
    float: right;
}

.path-mod-pdfannotator #anonymousLabel,
.path-mod-pdfannotator #privateLabel,
.path-mod-pdfannotator #protectedLabel {
    margin-left: 5px;
    margin-bottom: 0;
}

.path-mod-pdfannotator #comment-list-form > div {
    margin: 5px 0;
    display: block;
}

.path-mod-pdfannotator #comment-list-form > div > * {
    vertical-align: middle;
}

.path-mod-pdfannotator .helperLayer {
    width: 100%;
    height: 100%;

}

/*AnkerToolbar*/
.path-mod-pdfannotator .fixtool {
    position: fixed !important;
    overflow-x: auto;
    overflow-y: visible;
    left: unset !important;
    right: unset !important;
}

.path-mod-pdfannotator.fullscreenWrapper #region-main {
    position: fixed;
    top: 0;
    left: 0;
    max-width: 100%;
    width: 100%;
    max-height: 100%;
    overflow-x: auto;
}

.path-mod-pdfannotator.fullscreenWrapper #nav-drawer {
    display: none;
    visibility: hidden;
}

.path-mod-pdfannotator.fullscreenWrapper header {
    display: none;
    visibility: hidden;
}

.path-mod-pdfannotator.fullscreenWrapper nav {
    display: none;
    visibility: hidden;
}

.path-mod-pdfannotator.fullscreenWrapper #block-region-side-pre {
    display: none;
    visibility: hidden;
}

.path-mod-pdfannotator.fullscreenWrapper #page-footer {
    display: none;
    visibility: hidden;
}

.path-mod-pdfannotator.fullscreenWrapper #footnote {
    display: none;
    visibility: hidden;
}

.path-mod-pdfannotator.fullscreenWrapper .drawer-toggler {
    display: none;
    visibility: hidden;
}

.path-mod-pdfannotator.fullscreenWrapper #region-main{
    padding-bottom: 50px;
}

.path-mod-pdfannotator.fullscreenWrapper .m-t-2.m-b-1,
.path-mod-pdfannotator.fullscreenWrapper .m-t-1.m-b-1 {
    display: none;
    visibility: hidden;
}

.path-mod-pdfannotator #myarea,
.path-mod-pdfannotator .chat-message textarea,
.path-mod-pdfannotator #comment-wrapper .editor_atto_content {
    width: 100%;
    min-height: 10em !important;
}

.path-mod-pdfannotator .cursor-area * {
    cursor: crosshair;
}

.path-mod-pdfannotator .cursor-highlight {
    cursor: url(/theme/image.php/boost_union/pdfannotator/1792421257/text_highlight_picker) 8 8, auto;
}
.path-mod-pdfannotator .cursor-strikeout {
    cursor: url(/theme/image.php/boost_union/pdfannotator/1792421257/strikethrough) 8 8, auto;
}
.path-mod-pdfannotator .cursor-pen * {
    cursor: url(/theme/image.php/boost_union/pdfannotator/1792421257/editstring) 0 12, auto !important;
}
.path-mod-pdfannotator .cursor-text * {
    cursor: url(/theme/image.php/boost_union/pdfannotator/1792421257/text_color_picker) 0 0, auto !important;
}
.path-mod-pdfannotator .cursor-point * {
    cursor: url(/theme/image.php/boost_union/pdfannotator/1792421257/pinbild) 8 16, auto !important;
}
.path-mod-pdfannotator .cursor-edit * {
    cursor: pointer !important;
}

/******************************************** START: mainly for overview page *******************************************/

/******************************** OPTION 4

/*
* Foundation v2.1.4 http://foundation.zurb.com */
/* Artfully masterminded by ZURB  */

/* --------------------------------------------------
   Table of Contents
-----------------------------------------------------
:: Shared Styles
:: Page Name 1
:: Page Name 2
*/


/* -----------------------------------------
   Shared Styles
----------------------------------------- */

/*table th { font-weight: bold; }
table td, table th { padding: 9px 10px; text-align: left; }

 Mobile
@media only screen and (max-width: 767px) {

        table.flexible { margin-bottom: 0; }

        .pinned {
            position: absolute;
            left: 0;
            top: 0;
            background: #fff;
            width: 35%;
            overflow: hidden;
            overflow-x: scroll;
            border-right: 1px solid #ccc;
            border-left: 1px solid #ccc;
        }
        .pinned table { border-right: none; border-left: none; width: 100%; }
        .pinned table th, .pinned table td { white-space: nowrap; }
        .pinned td:last-child { border-bottom: 0; }

        div.table-wrapper { position: relative; margin-bottom: 20px; overflow: hidden; border-right: 1px solid #ccc; }
        div.table-wrapper div.scrollable { margin-left: 35%; }
        div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; }

        table.flexible td, table.flexible th { position: relative; white-space: nowrap; overflow: hidden; }
        table.flexible th:first-child,
        table.flexible td:first-child,
        table.flexible td:first-child,
        table.flexible.pinned td {
            display: none;
        }

}*/

/******************************** OPTION 3 */

/*@media only screen and (min-width: 421px) and (max-width: 768px) {

}*/

@media only screen and (min-width: 421px) {
    .path-mod-pdfannotator h2,
    .path-mod-pdfannotator .resettable.mdl-right {
        display: inline !important;
    }
}

@media only screen and (min-width: 670px) {
    .path-mod-pdfannotator .resettable.mdl-right {
        float: right;
    }
}

/*@media only screen and (min-width: 1025px) {
    #itemsPerPageWrapper {
            margin-top: 1rem !important;
    }
}*/

/*@media only screen and (min-width: 415px) and (max-width: 1024px) {
}*/

@media only screen and (max-width: 414px) {
    #mod-pdfannotator-questions th:nth-child(2),
    #mod-pdfannotator-questions td:nth-child(2),
    #mod-pdfannotator-questions th:nth-child(3),
    #mod-pdfannotator-questions td:nth-child(3),
    #mod-pdfannotator-questions th:nth-child(4),
    #mod-pdfannotator-questions td:nth-child(4),
    #mod-pdfannotator-questions th:nth-child(5),
    #mod-pdfannotator-questions td:nth-child(5),
    #mod-pdfannotator-questions th:nth-child(6),
    #mod-pdfannotator-questions td:nth-child(6),
    #mod-pdfannotator-answers th:nth-child(2),
    #mod-pdfannotator-answers td:nth-child(2),
    #mod-pdfannotator-answers th:nth-child(3),
    #mod-pdfannotator-answers td:nth-child(3),
    #mod-pdfannotator-answers th:nth-child(5),
    #mod-pdfannotator-answers td:nth-child(5),
    #mod-pdfannotator-answers th:nth-child(6),
    #mod-pdfannotator-answers td:nth-child(6),
    #mod-pdfannotator-ownposts th:nth-child(2),
    #mod-pdfannotator-ownposts td:nth-child(2),
    #mod-pdfannotator-ownposts th:nth-child(3),
    #mod-pdfannotator-ownposts td:nth-child(3),
    #mod-pdfannotator-ownposts th:nth-child(4),
    #mod-pdfannotator-ownposts td:nth-child(4),
    #mod-pdfannotator-reports th:nth-child(2),
    #mod-pdfannotator-reports td:nth-child(2),
    #mod-pdfannotator-reports th:nth-child(3),
    #mod-pdfannotator-reports td:nth-child(3),
    #mod-pdfannotator-reports th:nth-child(4),
    #mod-pdfannotator-reports td:nth-child(4),
    #mod-pdfannotator-reports th:nth-child(5),
    #mod-pdfannotator-reports td:nth-child(5),
    .path-mod-pdfannotator .text {
        display: none;
        visibility: hidden;
    }
    .path-mod-pdfannotator #region-main-box {
        padding-right: 0;
        padding-left: 0;
        /*overflow: visible;*/
    }
    .path-mod-pdfannotator .text_to_html {
        word-break: break-all;
    }
    .path-mod-pdfannotator #itemsperpagewrapper {
        display: block;
    }
}

.path-mod-pdfannotator nav.pagination:nth-of-type(1) {
    display: none;
}

/*Information for older browsers
header, section, footer, aside, nav, main, article, figure {
    display: block;
}

.path-mod-pdfannotator #itemsPerPage {
    padding: 5px;
}*/

.path-mod-pdfannotator .dropdown-toggle.icon-no-margin {
    text-decoration: none;
}

/* Dropdown Button */
.path-mod-pdfannotator .dropbtn {
    background-color: #3498db;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

/* For mobile phones: */  /* Only overview tables. Not table in reportform */
.path-mod-pdfannotator .flexible .header,
.path-mod-pdfannotator .flexible .cell {
    width: 100%;
}

/* Dropdown button on hover & focus */
.path-mod-pdfannotator .dropbtn:hover,
.path-mod-pdfannotator .dropbtn:focus {
    background-color: #2980b9;
}

/* The container <div> - needed to position the dropdown content */
.path-mod-pdfannotator .dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.path-mod-pdfannotator .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
    z-index: 55;
}

/* Links inside the dropdown */
.path-mod-pdfannotator .dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.path-mod-pdfannotator .dropdown-content a:hover {
    background-color: #ddd;
}

.path-mod-pdfannotator .dropdown [type="button"] {
    -webkit-appearance: none;
}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button)
*/
.path-mod-pdfannotator .show {
    display: block;
}

.path-mod-pdfannotator a.morelink {
    text-decoration: none !important;
    outline: none;
}

.path-mod-pdfannotator .morecontent > span {
    display: none;
}

.path-mod-pdfannotator .annotator {
    text-decoration: none !important;
}

/******************************************** END: mainly for overview.mustache *******************************************/


.path-mod-pdfannotator :disabled img {
    opacity: 0.4;
}

.path-mod-pdfannotator #currentPage {
    width: 50px;
    text-align: right;
}

.path-mod-pdfannotator .pdfannotatornavbar.nav.nav-tabs.m-b-1 {
    border-bottom: 0 !important;
    margin-bottom: 0 !important;
}

.path-mod-pdfannotator #loader {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 99;
    margin: -75px 0 0 -75px;
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/* Add animation to "page content" */
.path-mod-pdfannotator .animate-bottom {
    position: relative;
    -webkit-animation-name: animatebottom;
    -webkit-animation-duration: 1s;
    animation-name: animatebottom;
    animation-duration: 1s;
}

@-webkit-keyframes animatebottom {
    from {
        bottom: -100px;
        opacity: 0;
    }
    to {
        bottom: 0;
        opacity: 1;
    }
}

@keyframes animatebottom {
    from {
        bottom: -100px;
        opacity: 0;
    }
    to {
        bottom: 0;
        opacity: 1;
    }
}

.path-mod-pdfannotator .pdfannotator-statistic #chart-container {
    min-height: 500px;
}

.toolbaritem .pdfannotator_text {
    display: inline-block;
    visibility: visible;
}

.path-mod-pdfannotator [contenteditable] {
    -webkit-user-select: text;
    user-select: text;
}

.path-mod-pdfannotator #id_pdfannotator_content {
    display: none !important;
}

.path-mod-pdfannotator .comment-visibility-button[data-active="true"]{
    border-bottom: 2px solid #0f6cbf !important;
}

.path-mod-pdfannotator .comment-all[data-active="true"] {
    border-bottom: 2px solid rgb(153,153,153) !important;
}

.path-mod-pdfannotator .comment-private[data-active="true"] {
    border-bottom: 2px solid #e48312 !important;
}

.path-mod-pdfannotator .question-private-icon {
    position: absolute;
    top: 12px;
    right: 16px;
    width: 16px;
    height: 16px;
}

.path-mod-pdfannotator .question-public-icon {
    position: absolute;
    top: 12px;
    right: 16px;
    width: 16px;
    height: 16px;
}

.path-mod-pdfannotator .printannotations-dropdown-container {
    position: relative;
    display: inline-block;
}

.path-mod-pdfannotator .pdfannotator_print_dropdown {
    position: relative;
    display: inline-block;
}

.path-mod-pdfannotator .printAnnotationsOptionsContent {
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #eaeaea;
    border: 1px solid #ccc;
    min-width: 120px;
    box-shadow: 0px 8px 16px rgba(0,0,0,0.2);
    z-index: 1000;
    display: flex;
    flex-direction: column;
}

.path-mod-pdfannotator .toolbar button.pdfannotator_print {
    background: none;
    border: none;
    text-align: left;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.path-mod-pdfannotator .pdfannotator_print#pdfannotator_printannotations_button,
.path-mod-pdfannotator .pdfannotator_print#pdfannotator_printannotations_buttonCSV {
    padding: 8px;
}

.path-mod-pdfannotator .pdfannotator_print#pdfannotator_printannotations_button:hover,
.path-mod-pdfannotator .pdfannotator_print#pdfannotator_printannotations_buttonCSV:hover {
  background-color: lightgray;
}

.path-mod-pdfannotator .pdfannotator_print#pdfannotator_printannotations_button img,
.path-mod-pdfannotator .pdfannotator_print#pdfannotator_printannotations_buttonCSV img {
    margin-right: 8px;
    margin-bottom: 2px;
    vertical-align: middle;
    width: 20px;
    height: auto;
}

.path-mod-pdfannotator .printAnnotationsOptionsContent.hidden {
    display: none;
}
/**
// This file is part of mod_publication for Moodle - http://moodle.org/
//
// It is free software: you can redistribute it and/or modify
// it under the terms of the GNU General Public License as published by
// the Free Software Foundation, either version 3 of the License, or
// (at your option) any later version.
//
// It is distributed in the hope that it will be useful,
// but WITHOUT ANY WARRANTY; without even the implied warranty of
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
// GNU General Public License for more details.
//
// You should have received a copy of the GNU General Public License
// If not, see <http://www.gnu.org/licenses/>.
*/
/**
 * Styles for mod_publication
 *
 * @package       mod_publication
 * @author        Philipp Hager
 * @author        Andreas Windbichler
 * @copyright     2014 Academic Moodle Cooperation {@link http://www.academic-moodle-cooperation.org}
 * @license       http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
 */

/* General Styles */

#page-mod-publication-view div.availability {
    margin-bottom: 10px;
    margin-left: 10px;
}

#page-mod-publication-view div.availability div {
    clear: both;
}

#page-mod-publication-view div.availability span {
    display: block;
    float: left;
    min-width: 170px;
}

#page-mod-publication-view div.assignurl {
    margin-bottom: 10px;
    margin-left: 10px;
}

#page-mod-publication-view div.assignurl div.singlebutton,
#page-mod-publication-view div.assignurl div.singlebutton form,
#page-mod-publication-view div.assignurl div.singlebutton form div {
    display: inline;
}

#page-mod-publication-view div.assignurl div.singlebutton form div {
    padding-left: 10px;
}

#page-mod-publication-view fieldset#id_myfiles table {
    margin-left: 8px;
}


/* scroll table if page is too small */
#page-mod-publication-view div#id_allfiles {
    border: 1px solid #d0d3ca;
    margin: 10px;
    padding: 10px;
}

#page-mod-publication-view div#id_allfiles div.legend {
    background-color: #fff;
    font-weight: bold;
    margin-top: -20px;
    padding: 2px 5px;
    position: absolute;
}

.path-mod-publication table.publications .onlinetextpreview {
    padding-left: 0.5rem;
}

/* .. ie */
.ie#page-mod-publication-view fieldset#id_allfiles {
    display: block;
}

/* end scroll */

#page-mod-publication-view fieldset#id_allfiles div div.no-overflow {
    margin-bottom: 1em;
    padding-bottom: 0;
}

#page-mod-publication-view fieldset#id_allfiles table#attempts {
    margin-bottom: 0;
}

#page-mod-publication-view fieldset#id_allfiles table#attempts span.timemodified {
    font-size: 0.9em;
    font-style: italic;
}

#page-mod-publication-view fieldset#id_allfiles {
    padding-top: 4px;
}

#page-mod-publication-view div.mod-publication-download-link {
    text-align: right;
}

#page-mod-publication-view div#id_allfiles table#attempts th.c0,
#page-mod-publication-view div#id_allfiles table#attempts td.c0 {
    text-align: center;
}

#page-mod-publication-view table.filetable,
#page-mod-publication-view table.filetable td,
#page-mod-publication-view table.filetable tr,
#page-mod-publication-view table.statustable,
#page-mod-publication-view table.statustable td,
#page-mod-publication-view table.statustable tr,
#page-mod-publication-view table.permissionstable,
#page-mod-publication-view table.permissionstable td,
#page-mod-publication-view table.permissionstable tr {
    border-width: 0;
    padding: 1px 3px 1px 1px;
    white-space: nowrap;
    height: 2.5rem !important; /* stylelint-disable-line declaration-no-important */
}

#page-mod-publication-view table.statustable tbody td,
#page-mod-publication-view table.permissionstable tbody td,
#page-mod-publication-view table.filetable tbody td {
    background-color: transparent;
}

#page-mod-publication-view table.statustable tbody,
#page-mod-publication-view table.permissionstable tbody,
#page-mod-publication-view table.filetable tbody {
    border-width: 0 !important; /* stylelint-disable-line declaration-no-important */
}

#page-mod-publication-view table.statustable td,
#page-mod-publication-view table.filetable td {
    height: 30px;
}

#page-mod-publication-view table.statustable {
    text-align: center;
    width: 100%;
}

#page-mod-publication-view table.permissionstable {
    text-align: left;
    width: 100%;
}

#page-mod-publication-view table.permissionstable select {
    margin-bottom: 0;
}

#page-mod-publication-view div.withselection select {
    margin-left: 4px;
    margin-right: 4px;
}

#page-mod-publication-view .visibilitysaver {
    float: right;
}

#page-mod-publication-view #dates {
    border-width: 0;
}

#page-mod-publication-view #dates .c0 {
    text-align: left;
}

#page-mod-publication-view #dates td {
    padding-bottom: 0;
    padding-top: 0;
}

#page-mod-publication-upload .fstatic,
#page-mod-publication-upload .fstaticlabel {
    font-style: italic;
}

#page-mod-publication-view fieldset#id_myfiles .notice {
    font-style: italic;
    margin-bottom: 6px;
    padding: 8px;
}

#page-mod-publication-mod select[name=importfrom] option[disabled] {
    color: #999;
}

.path-mod-publication .publications table tr:nth-of-type(2n+1),
.path-mod-publication .publications table tr:hover {
    background-color: transparent;
}

.path-mod-publication .statustable .approvaldetails {
    display: none;
}

.path-mod-publication .statustable .approvaldetails img {
    cursor: pointer;
}


.path-mod-publication .publicationoverlay table {
    margin-left: auto;
    margin-right: auto;
}

.path-mod-publication .publicationoverlay table td,
.path-mod-publication .publicationoverlay table th {
    padding: 0 5px;
}


.path-mod-publication .publicationoverlay table td,
.path-mod-publication .publicationoverlay table th,
.path-mod-publication .publicationoverlay table tr {
    border: none;
}

.path-mod-publication .publicationoverlay table td.noentries {
    text-align: center;
}

.path-mod-publication .publicationoverlay table td.time {
    text-align: right;
}

.path-mod-publication .modal .modal-body {
    max-width: 100%;
    overflow: auto;
}


.path-mod-publication table#attempts select.needs-approval {
    border: 0.2rem solid var(--info);
}

.path-mod-publication table#attempts .needs-approval-asterisk {
    font-size: 1.2rem;
    display: inline-block;
    margin-left: 0.2rem;
}


.path-mod-publication #id_myfilescontainer #fgroup_id_uploadgrp .col-form-label {
    display: none !important; /* stylelint-disable-line declaration-no-important */
}

#page-mod-publication-upload #fitem_id_guideline .form-inline {
    align-items: flex-end !important; /* stylelint-disable-line declaration-no-important */
}

#page-mod-publication-view.allfilespage .activity-header {
    display: none;
}
/** Bits that can appear on any page. */
.path-mod-quiz .statedetails {
    display: block;
    font-size: 0.7em;
}

/** Attempt and review pages **/
#page-mod-quiz-attempt #page .controls,
#page-mod-quiz-summary #page .controls,
#page-mod-quiz-review #page .controls {
    text-align: center;
    margin: 8px auto;
}

#page-mod-quiz-attempt .submitbtns,
#page-mod-quiz-review .submitbtns {
    display: flex;
}

#page-mod-quiz-attempt .submitbtns .mod_quiz-next-nav,
#page-mod-quiz-review .submitbtns .mod_quiz-next-nav {
    margin-left: auto;
}

.path-mod-quiz .mod_quiz-redo_question_button {
    margin: 0;
}

.path-mod-quiz input[type="submit"].mod_quiz-redo_question_button {
    padding: 2px 0.8em;
    font-size: 1em;
}

#page-mod-quiz-attempt .mod_quiz-blocked_question_warning .que .formulation,
#page-mod-quiz-review .mod_quiz-blocked_question_warning .que .formulation {
    background: #eee;
    border: 1px solid #dcdcdc;
}

#page-mod-quiz-attempt #connection-ok,
#page-mod-quiz-attempt #connection-error {
    position: fixed;
    top: 0;
    width: 80%;
    left: 10%;
    color: #555;
    border-radius: 0 0 10px 10px;
    box-shadow: 5px 5px 20px 0 #666;
    padding: 1em 1em 0;
    z-index: 10000;
}

#page-mod-quiz-attempt #connection-error {
    background-color: #fcc;
}

#page-mod-quiz-attempt #connection-ok {
    background-color: #cfb;
    width: 60%;
    left: 20%;
}

/** Mod quiz attempt **/
.generalbox#passwordbox {
    /* Should probably match .generalbox#intro above */
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}

#passwordform {
    margin: 1em 0;
}

/* Question navigation block. */
#quiznojswarning {
    color: red;
}

#quiznojswarning {
    font-size: 0.7em;
    line-height: 1.1;
}

.jsenabled #quiznojswarning {
    display: none;
}

.path-mod-quiz #user-picture {
    margin: 0.5em 0;
}

.path-mod-quiz #user-picture img {
    width: auto;
    height: auto;
    vertical-align: bottom;
}

.path-mod-quiz #mod_quiz_navblock h3.mod_quiz-section-heading {
    padding: 0.7em 0 0;
    margin: 0;
    clear: both;
}

.path-mod-quiz #mod_quiz_navblock h3.mod_quiz-section-heading:first-child {
    padding-top: 0;
}

.path-mod-quiz .qnbutton {
    display: block;
    position: relative;
    float: left;
    width: 1.5em;
    height: 1.5em;
    overflow: hidden;
    margin: 0.3em 0.3em 0.3em 0;
    padding: 0;
    border: 1px solid #bbb;
    background: #ddd;
    text-align: center;
    line-height: 1.5em;
    font-weight: bold;
    text-decoration: none;
}

.path-mod-quiz .qnbutton:visited:hover,
.path-mod-quiz .qnbutton:link:hover {
    text-decoration: underline;
}

.path-mod-quiz .qnbutton .trafficlight,
.path-mod-quiz .qnbutton .thispageholder {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.path-mod-quiz .qnbutton.thispage {
    border-color: #666;
}

.path-mod-quiz .qnbutton.thispage .thispageholder {
    border: 1px solid #666;
}

.path-mod-quiz .qnbutton.flagged .trafficlight {
    background: url(/theme/image.php/boost_union/quiz/1792421257/navflagged) no-repeat top right;
}

.qnbutton.flagged .thispageholder {
    background: transparent url(/theme/image.php/boost_union/quiz/1792421257/flag-on) 15px 0 no-repeat;
}

.qnbutton.invalidanswer .trafficlight {
    background-image: url(/theme/image.php/boost_union/quiz/1792421257/warningtriangle) !important; /* stylelint-disable-line declaration-no-important */
}

.path-mod-quiz .qnbutton.blocked,
.path-mod-quiz .qnbutton.notyetanswered,
.path-mod-quiz .qnbutton.requiresgrading,
.path-mod-quiz .qnbutton.invalidanswer {
    background-color: white;
}

.path-mod-quiz .qnbutton.correct {
    background-color: #cfc;
}

.path-mod-quiz .qnbutton.correct .trafficlight {
    border-bottom: 3px solid #080;
}

.path-mod-quiz .qnbutton.partiallycorrect {
    background-color: #ffa;
}

.path-mod-quiz .qnbutton.notanswered,
.path-mod-quiz .qnbutton.incorrect {
    background-color: #fcc;
}

.path-mod-quiz .qnbutton.blocked {
    color: #999;
}

.path-mod-quiz .qnbutton.notanswered .trafficlight,
.path-mod-quiz .qnbutton.incorrect .trafficlight {
    border-top: 3px solid #800;
}

.path-mod-quiz .othernav {
    clear: both;
    margin: 0.5em 0;
}

.path-mod-quiz .autosave_info {
    font-size: small;
}

.path-mod-quiz .othernav a,
.path-mod-quiz .othernav input {
    display: block;
    margin: 0.5em 0;
}

#mod_quiz_navblock.nav-disabled > * {
    opacity: .65;
    pointer-events: none;
    cursor: not-allowed;
}

/** mod quiz mod **/
#page-mod-quiz-mod #id_reviewoptionshdr .fitem {
    width: 23%;
    margin-left: 10px;
}

#page-mod-quiz-mod #id_reviewoptionshdr fieldset.fgroup {
    width: 100%;
    text-align: left;
    margin-left: 0;
}

#page-mod-quiz-mod #id_reviewoptionshdr .fitem {
    float: left;
    width: 23%;
    clear: none;
}

#page-mod-quiz-mod #id_reviewoptionshdr .fitemtitle {
    width: 100%;
    font-weight: bold;
    text-align: left;
    height: 2.5em;
    margin-left: 0;
}

#page-mod-quiz-mod #id_reviewoptionshdr fieldset.fgroup {
    clear: left;
    margin: 0 0 1em;
}

#page-mod-quiz-mod #id_reviewoptionshdr fieldset.fgroup > span {
    float: left;
    clear: left;
    line-height: 1.7;
}

#page-mod-quiz-mod #id_reviewoptionshdr fieldset.fgroup span label {
    margin-left: 0.4em;
}

/** Mod quiz view **/
#page-mod-quiz-view .quizinfo,
#page-mod-quiz-view #page .quizgradefeedback {
    text-align: center;
}

#page-mod-quiz-view .generalbox#feedback .overriddennotice {
    text-align: center;
    font-size: 0.7em;
}

.quizstartbuttondiv.quizsecuremoderequired input,
.quizstartbuttondiv.quizsecuremoderequired button {
    display: none;
}

.jsenabled .quizstartbuttondiv.quizsecuremoderequired input,
.jsenabled .quizstartbuttondiv.quizsecuremoderequired button {
    display: inline;
}

.quizattempt #mod_quiz_preflight_form {
    display: none;
}

#mod_quiz_preflight_form .femptylabel .fitemtitle {
    display: none;
}

.moodle-dialogue-base .moodle-dialogue.mod_quiz_preflight_popup {
    width: 600px;
}
.moodle-dialogue-base .moodle-dialogue.mod_quiz_preflight_popup .moodle-dialogue-wrap {
    overflow: hidden;
}

.moodle-dialogue-base .moodle-dialogue.mod_quiz_preflight_popup .moodle-dialogue-bd {
    padding: 1rem;
}

/* Standard Moodle rule that needs to be more specific here. */
.moodle-dialogue-bd #mod_quiz_preflight_form fieldset.hidden {
    display: inherit;
    visibility: inherit;
}

body.path-mod-quiz .gradedattempt,
body.path-mod-quiz table tbody tr.gradedattempt > td,
body.path-mod-quiz table tbody tr.gradedattempt > td.sticky-column {
    border-color: #bce8f1;
    background-color: #d9edf7;
}

body.path-mod-quiz table tbody tr > td.sticky-column,
body.path-mod-quiz table thead tr > th.sticky-column,
body.path-mod-quiz table tbody tr:not(.gradedattempt):hover td.sticky-column {
    background-color: #fff;
}

/** Mod quiz summary **/
#page-mod-quiz-summary #content {
    text-align: center;
}

#page-mod-quiz-summary #quiz-timer {
    text-align: center;
    margin-top: 1em;
}

#page-mod-quiz-summary .submitbtns {
    margin-top: 1.5em;
}

@media print {
    .quiz-secure-window * {
        display: none;
    }
}

/** Mod quiz review **/
table.quizreviewsummary {
    width: 100%;
}

table.quizreviewsummary th.cell {
    padding: 1px 0.5em 1px 1em;
    font-weight: bold;
    text-align: right;
    width: 10em;
    background: #f0f0f0;
}

table.quizreviewsummary td.cell {
    padding: 1px 1em 1px 0.5em;
    text-align: left;
    background: #fafafa;
}

/** Mod quiz make comment or override grade popup. **/
#page-mod-quiz-comment .mform {
    width: 100%;
}

#page-mod-quiz-comment .mform fieldset {
    margin: 0;
    border-bottom: none;
}

#page-mod-quiz-comment .que {
    margin: 0;
}

/** Mod quiz report **/
#page-mod-quiz-report h2.main {
    clear: both;
}

#page-mod-quiz-report .controls {
    text-align: center;
}

#page-mod-quiz-report .dubious {
    background-color: #fcc;
}

#page-mod-quiz-report .highlight {
    border: 1px solid #bce8f1;
    background-color: #d9edf7;
}

#page-mod-quiz-report .negcovar {
    border: medium solid pink;
}

#page-mod-quiz-report .gradetheselink {
    font-size: 0.8em;
}

#page-mod-quiz-report .mform fieldset.fgroup span label {
    margin-right: 14px;
}

#page-mod-quiz-report table th {
    white-space: normal;
}

#page-mod-quiz-report table#attempts td,
#page-mod-quiz-report table.quizresponseanalysis td {
    word-wrap: break-word;
    max-width: 20em;
}

#page-mod-quiz-report table.titlesleft td.c0 {
    font-weight: bold;
}

#page-mod-quiz-report table .numcol {
    text-align: center;
    vertical-align: middle;
}

#page-mod-quiz-report table#attempts {
    clear: both;
    margin: 0.2em auto;
}

#page-mod-quiz-report table#attempts .header,
#page-mod-quiz-report table#attempts .cell {
    padding: 4px;
}

#page-mod-quiz-report table#attempts .header .commands {
    display: inline;
}

#page-mod-quiz-report table#attempts .picture {
    width: 40px;
}

#page-mod-quiz-report table#attempts td {
    border-left-width: 1px;
    border-right-width: 1px;
    border-left-style: solid;
    border-right-style: solid;
    vertical-align: middle;
}

#page-mod-quiz-report table#attempts .header {
    text-align: left;
}

#page-mod-quiz-report table#attempts .picture {
    text-align: center;
}

#page-mod-quiz-report table#attempts.grades span.que,
#page-mod-quiz-report table#attempts span.avgcell {
    white-space: nowrap;
}

#page-mod-quiz-report table#attempts span.que .requiresgrading {
    white-space: normal;
}

#page-mod-quiz-report table#attempts .questionflag {
    vertical-align: text-bottom;
    padding-left: 6px;
}

#page-mod-quiz-report .graph.flexible-wrap {
    text-align: center;
    overflow: auto;
}

#page-mod-quiz-report #cachingnotice {
    margin-bottom: 1em;
    padding: 0.2em;
}

#page-mod-quiz-report #cachingnotice .singlebutton {
    margin: 0.5em 0 0;
}

#page-mod-quiz-report .bold .reviewlink {
    font-weight: normal;
}

#page-mod-quiz-report tr.lastrowforattempt {
    border-bottom: lightgrey solid 0.2em;
}

#page-mod-quiz-report tr.quiz_statistics-summaryrow td.cell {
    padding-top: 1px;
    padding-bottom: 1px;
    border-top: none;
}

/** Mod quiz edit **/
#page-mod-quiz-edit .statusdisplay {
    background-color: #ffc;
    clear: both;
    margin: 0.3em 0;
    padding: 1px 10px;
}

#page-mod-quiz-edit .statusdisplay p {
    margin: 4px 0;
}

#page-mod-quiz-edit .mod_quiz-edit-top-controls {
    position: relative;
}
#page-mod-quiz-edit .mod_quiz-edit-action-buttons {
    display: block;
    min-height: 2.85em;
}

#page-mod-quiz-edit .maxgrade label {
    display: inline;
}
#page-mod-quiz-edit .maxgrade input[type="submit"] {
    margin: 0;
}

#page-mod-quiz-edit li.activity > div,
#page-mod-quiz-edit li.pagenumber {
    position: relative;
}

#page-mod-quiz-edit ul.section li.pagenumber:first-child .add-menu-outer .menu > :last-child,
#page-mod-quiz-edit .last-add-menu .add-menu-outer .menu > :last-child {
    display: none;
}

#page-mod-quiz-edit .last-add-menu {
    position: relative;
    height: 1.5em;
    margin: 0 20px;
}

#page-mod-quiz-edit .add-menu-outer {
    position: absolute;
    right: 0;
}

#page-mod-quiz-edit .slotnumber {
    text-align: center;
    margin: 0.1em 0.5em;
    display: inline-block;
}
#page-mod-quiz-edit li.section .slotnumber.shuffled {
    display: none;
}
#page-mod-quiz-edit li.section.shuffled .slotnumber.unshuffled {
    display: none;
}
#page-mod-quiz-edit li.section.shuffled .slotnumber.shuffled {
    display: inline-block;
}

#page-mod-quiz-edit .slotnumber .inplaceeditable {
    white-space: nowrap;
}

#page-mod-quiz-edit .section-heading {
    margin-left: 20px;
    margin-bottom: 0;
    height: 40px;
}

#page-mod-quiz-edit .section-heading .instancesectioncontainer {
    display: inline;
}

#page-mod-quiz-edit .section-heading .instancesectioncontainer h3 {
    display: inline;
    color: #555;
}

#page-mod-quiz-edit .section-heading .editing_section,
#page-mod-quiz-edit .section-heading .editing_delete {
    margin-left: 10px;
}

#page-mod-quiz-edit .section-heading .sectioninstance {
    position: relative;
}

#page-mod-quiz-edit .section-heading .instancesection {
    white-space: nowrap;
    max-width: 72%;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: bottom;
}

#page-mod-quiz-edit .section-heading form {
    display: inline;
    position: relative;
    top: 3px;
    left: -7px;
}

#page-mod-quiz-edit .section-heading form input {
    font-size: 24px;
    font-weight: bold;
    width: 50%;
}

#page-mod-quiz-edit .section-heading .instanceshufflequestions {
    float: right;
    margin: 0.3em 20px 0 0;
}

.instanceshufflequestions [type="checkbox"] {
    vertical-align: middle;
    margin-right: .5rem;
}

#page-mod-quiz-edit ul.section {
    margin: 0;
    padding: 0 38px;
}

#page-mod-quiz-edit ul.slots {
    margin: 0;
    padding: 0;
}

#page-mod-quiz-edit ul.slots li.section {
    border: 0;
}

#page-mod-quiz-edit ul.slots li.section .content {
    background-color: #fafafa;
    padding: 1px 0;
}

#page-mod-quiz-edit ul.slots li.section {
    list-style: none;
    margin: 0;
    padding: 0;
}

#page-mod-quiz-edit ul.slots li.section li.activity {
    background: #e6e6e6;
    margin: 3px 0;
    padding: 0.2em;
    position: relative;
}

#page-mod-quiz-edit ul.slots li.section li.activity.qtype_missingtype {
    background-color: #f0c5c1;
}

#page-mod-quiz-edit ul.slots li.section li.activity.qtype_missingtype .actions {
    background-color: inherit;
}

#page-mod-quiz-edit ul.slots li.section li.activity.page {
    background: transparent;
}

#page-mod-quiz-edit ul.slots li.section li.activity.page h4 {
    display: inline;
    font-weight: normal;
    font-size: 1em;
}

#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer {
    background: white;
    padding: 0.5em 0 0.5em 0.1em;
    margin: 2px;
}

#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer .editicon {
    width: 13px;
}

#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer.infoitem {
    background: transparent;
}

#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer form {
    display: inline;
}

#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark {
    display: inline-block;
    text-align: right;
}

#page-mod-quiz-edit ul.slots li.section li.activity .page_split_join_wrapper {
    position: absolute;
    left: -38px;
    bottom: -18px;
    .icon {
        width: auto;
    }
}

#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_0 {
    min-width: 1.3em;
}

#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_1 {
    min-width: 2em;
}

#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_2 {
    min-width: 2.6em;
}

#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_3 {
    min-width: 3.2em;
}

#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_4 {
    min-width: 3.7em;
}

#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_5 {
    min-width: 4.3em;
}

#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_6 {
    min-width: 4.8em;
}

#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_7 {
    min-width: 5.45em;
}

#page-mod-quiz-edit ul.slots li.section li.activity .edit_icon,
#page-mod-quiz-edit ul.slots li.section li.activity a.preview,
#page-mod-quiz-edit ul.slots li.section li.activity .editing_delete,
#page-mod-quiz-edit ul.slots li.section li.activity .editing_maxmark {
    margin: 0 2px;
}

#page-mod-quiz-edit ul.slots li.section.only-has-one-slot li.activity .editing_move,
#page-mod-quiz-edit ul.slots li.section.only-has-one-slot li.activity .editing_delete {
    visibility: hidden;
}

#page-mod-quiz-edit ul.slots.only-one-section li.section.only-has-one-slot li.activity .editing_delete {
    visibility: visible;
}

#page-mod-quiz-edit ul.slots li.section li.activity .question_dependency_wrapper {
    position: absolute;
    top: -1.25em;
    right: -38px;
}

#page-mod-quiz-edit ul.slots li.section li.activity .question_dependency_wrapper.question_dependency_cannot_depend {
    display: none;
}

#page-mod-quiz-edit ul.slots li.section li.activity .activityinstance {
    display: flex;
    flex-wrap: wrap;
    flex: 1 1 auto;
    min-height: 1.7em;
    padding-right: 2px;
}

#page-mod-quiz-edit ul.slots li.section li.activity .mod-indent-outer {
    display: flex;
    padding-left: 22px;
}

#page-mod-quiz-edit ul.slots .activityinstance form {
    display: inline;
}

#page-mod-quiz-edit span.editinstructions {
    right: 0;
}

#page-mod-quiz-edit ul.slots .activityinstance span.instancename {
    overflow-x: hidden;
    overflow-y: hidden;
    text-overflow: ellipsis;
}

#page-mod-quiz-edit ul.slots .activityinstance span.instancename img {
    margin: 0 0.2em;
}

#page-mod-quiz-edit .question-bank-table .questionname,
#page-mod-quiz-edit ul.slots li.activity div.activityinstance .questionname {
    font-weight: bold;
    color: #555;
    overflow: hidden;
    text-overflow: ellipsis;
}

#page-mod-quiz-edit ul.slots li.activity div.activityinstance .questiontext {
    color: #555;
}

#page-mod-quiz-edit .sharedbank .badge {
    white-space: initial;
}

#page-mod-quiz-edit .section .activity .editing_move {
    position: absolute;
    left: 0;
    top: 0;
}

#page-mod-quiz-edit ul.slots li.activity div.activityinstance .mod_quiz_random_qbank_link {
    font-size: 0.8em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-left: 0.25rem;
}

#page-mod-quiz-edit ul.slots .activityinstance img.activityicon {
    float: inherit;
    margin: .2em 0 0;
    padding: 0;
}

#page-mod-quiz-edit .section .activity .actions {
    position: inherit;
    white-space: nowrap;
    background: #e6e6e6;
    padding: 0.1em 0;
    display: flex;
    align-items: baseline;
}

#page-mod-quiz-edit .mod_quiz_edit_forms {
    display: none;
}

#page-mod-quiz-edit .question-bank-table {
    width: 100%;
}

#page-mod-quiz-edit .question-bank-table .header {
    text-align: center;
    padding: 0 2px;
    border: 0 none;
    vertical-align: top;
    width: auto;
}

#page-mod-quiz-edit .question-bank-table .header.checkbox {
    vertical-align: bottom;
    text-align: center;
}

#page-mod-quiz-edit .question-bank-table .header.qtype .sorters {
    white-space: nowrap;
}

#page-mod-quiz-edit .question-bank-table th .sorters {
    font-weight: normal;
    font-size: 0.8em;
}

#page-mod-quiz-edit .question-bank-table td.modifiername,
#page-mod-quiz-edit .question-bank-table td.creatorname,
#page-mod-quiz-edit .question-bank-table td.questionlastused {
    line-height: 1em;
}

#page-mod-quiz-edit .question-bank-table td.modifiername span.date,
#page-mod-quiz-edit .question-bank-table td.creatorname span.date {
    font-weight: normal;
    font-size: 0.8em;
}

#page-mod-quiz-edit table.question-bank-table {
    table-layout: fixed;
    overflow-x: visible;
    border-collapse: separate;
    border-spacing: 0;
}

#page-mod-quiz-edit .question-bank-table .iconcol {
    width: 16px;
    text-align: center;
    padding: 0;
}
#page-mod-quiz-edit .question-bank-table .iconcol .icon {
    width: 16px;
}

#page-mod-quiz-edit .question-bank-table .checkbox {
    width: 32px;
    text-align: center;
    padding: 0;
}

#page-mod-quiz-edit .question-bank-table .editmenu {
    width: 5em;
}

#page-mod-quiz-edit .question-bank-table .qtype {
    text-align: center;
}

#page-mod-quiz-edit .question-bank-table .qtype {
    width: 28px;
    padding: 0;
}

#page-mod-quiz-edit .question-bank-table .questionnametext {
    padding: 0 0.2em;
    width: 100% !important; /* stylelint-disable-line declaration-no-important */
}

#page-mod-quiz-edit .question-bank-table .questiontext {
    position: relative;
    zoom: 1;
    padding: 0.3em;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#page-mod-quiz-edit .question-bank-table .questionname {
    white-space: nowrap;
    overflow: hidden;
    zoom: 1;
    position: relative;
}

#page-mod-quiz-edit .question-bank-table .questiontext p {
    margin: 0;
}

#page-mod-quiz-edit table.question-bank-table td,
#page-mod-quiz-edit table.question-bank-table th {
    overflow: hidden;
    white-space: nowrap;
    width: 1.2em !important; /* stylelint-disable-line declaration-no-important */
}

#page-mod-quiz-edit table.question-bank-table td.questionnametext > div {
    overflow: hidden;
    text-overflow: ellipsis;
}

.mod_quiz_qbank_dialogue {
    width: 80%;
    min-height: 200px;
}

.mod_quiz_qbank_dialogue.moodle-dialogue-fullscreen {
    width: 100%;
}

.mod_quiz_qbank_dialogue .questionbankloading {
    position: absolute;
    top: 30px;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    text-align: center;
    opacity: 0.5;
    padding-top: 50px;
}

.mod_quiz_qbank_dialogue #advancedsearch label {
    font-size: 100%;
}

.quizquestionlistcontrols {
    text-align: center;
}

.categoryinfo {
    padding: 0.3em;
}

.path-mod-quiz .gradingdetails {
    font-size: small;
}

#page-mod-quiz-edit div#repaginatedialog .mform {
    margin-left: auto;
    margin-right: auto;
}

#page-mod-quiz-edit div.container div.generalbox {
    position: relative;
    display: block;
    border: 0 none;
    margin: 0;
    padding: 0;
}

#page-mod-quiz-edit .paging {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0.1em 0.3em;
    display: block;
    background-color: #ddd;
}

#page-mod-quiz-edit #page-footer {
    clear: both;
    padding-top: 1em;
}

#page-mod-quiz-edit .categoryinfofield {
    font-style: italic;
}

#page-mod-quiz-edit .categorynamefield {
    font-weight: bold;
}

#page-mod-quiz-edit .questionsortoptions {
    background-color: #ddd;
}

#page-mod-quiz-edit div.questionbank .categorysortopotionscontainer {
    padding-top: 0.5em;
    margin-top: 0.3em;
}

#page-mod-quiz-edit div.questionbank .categoryquestionscontainer,
.questionbank .categorysortopotionscontainer,
.questionbank .categorypagingbarcontainer,
.questionbank .categoryselectallcontainer {
    background-color: #fff;
}

/* Bulk edit actions */

#page-mod-quiz-edit .btn-group.selectmultiplecommand,
#page-mod-quiz-edit .selectmultiplecommandbuttons,
#page-mod-quiz-edit .select-multiple-checkbox {
    display: none;
}

#page-mod-quiz-edit.select-multiple .selectmultiplecommand,
#page-mod-quiz-edit.select-multiple .selectmultiplecommandbuttons,
#page-mod-quiz-edit.select-multiple .select-multiple-checkbox {
    display: inline-block;
}

#page-mod-quiz-edit.select-multiple input.select-multiple-checkbox[type="checkbox"] {
    display: inline;
}

#page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section .activity .editing_move,
#page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section .activity .commands {
    display: none;
}

#page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section .page_split_join_wrapper {
    display: none;
}

#page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section .activity .actions .editing_delete,
#page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section .activity .actions .editing_maxmark {
    display: none;
}

#page-mod-quiz-edit.select-multiple#page-mod-quiz-edit .maxgrade,
#page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .last-add-menu {
    display: none;
}

#page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section-heading a,
#page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section-heading form,
#page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section-heading .instanceshufflequestions {
    display: none;
}

#page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .edit-toolbar .mb-1 {
    display: none;
}

#page-mod-quiz-edit.select-multiple#page-mod-quiz-edit ul.slots li.section li.activity .mod-indent-outer {
    padding-left: 3px;
}

#page-mod-quiz-edit .section .summary .iconsmall,
#page-mod-quiz-edit .section .activity .iconsmall {
    float: left;
}

/* Base theme needs extra support. */
#page-mod-quiz-edit ul.slots li.section ul.section {
    list-style: none;
}

#page-mod-quiz-edit .inplaceeditable {
    box-sizing: border-box;
    background: #fdfdfe;
    display: inline-block;
    margin: 2px;
    padding: 0.5em 0 0.5em 0.1em;
}
#page-mod-quiz-edit .inplaceeditable.inplaceeditingon input {
    width: 64px;
    vertical-align: middle;
}
#page-mod-quiz-edit .inplaceeditable-text {
    color: #000;
    text-align: right;
}
#page-mod-quiz-editgrading .inplaceeditable .quickeditlink {
    color: var(--bs-primary);
}
#page-mod-quiz-edit .inplaceeditable .quickeditlink {
    color: var(--bs-primary);
    text-decoration: none;
    background-color: transparent;
    padding-left: 1px;
    margin: 0;
}
#page-mod-quiz-edit .quickeditlink .aalink {
    color: var(--bs-primary);
    text-align: right;
    width: 10px;
    margin: 2px;
}
#page-mod-quiz-edit .quickedition {
    color: var(--bs-primary);
    text-align: right;
    width: 10px;
    margin: 2px;
}
#page-mod-quiz-edit .quickedition .visibleifjs {
    text-align: right;
}
#page-mod-quiz-edit .quickeditlink {
    text-align: right;
}

@media (max-width: 576px) {
    #page-mod-quiz-edit ul.slots li.section li.activity .mod-indent {
        display: none;
    }
    #page-mod-quiz-edit ul.slots li.section li.activity .mod-indent-outer,
    #page-mod-quiz-edit li.section .slotnumber.unshuffled,
    #page-mod-quiz-edit li.section.shuffled .slotnumber.shuffled,
    #page-mod-quiz-edit ul.slots li.section li.activity .activityinstance,
    #page-mod-quiz-edit ul.slots li.section li.activity .actions {
        display: block;
    }
}

/** Print formatting for attempt and review pages **/

@media print {
    #page-mod-quiz-attempt header.navbar,
    #page-mod-quiz-review header.navbar {
        display: none;
    }

    #page-mod-quiz-attempt #dock,
    #page-mod-quiz-review #dock {
        display: none;
    }

    #page-mod-quiz-attempt #page #page-header h1,
    #page-mod-quiz-review #page #page-header h1 {
        display: none;
    }

    #page-mod-quiz-attempt #region-main,
    #page-mod-quiz-review #region-main {
        width: 100%;
    }

    #page-mod-quiz-attempt #block-region-side-pre,
    #page-mod-quiz-attempt #block-region-side-post,
    #page-mod-quiz-review #block-region-side-pre,
    #page-mod-quiz-review #block-region-side-post {
        display: none;
    }

    #page-mod-quiz-attempt #page-footer,
    #page-mod-quiz-review #page-footer {
        display: none;
    }

    #page-mod-quiz-attempt .editquestion,
    #page-mod-quiz-review .editquestion,
    #page-mod-quiz-attempt .questionflag,
    #page-mod-quiz-review .questionflag {
        display: none;
    }

    #page-mod-quiz-attempt .submitbtns,
    #page-mod-quiz-review .submitbtns {
        display: none;
    }

    #page-mod-quiz-review .que .commentlink {
        display: none;
    }

    #page-mod-quiz-attempt .que,
    #page-mod-quiz-review .que {
        page-break-inside: avoid;
    }
}

/* -*-CSS-*- */

.realtimequizplainbox {
    padding: 10px;
    margin: 10px;
}

.realtimequizbox {
    background-color: #b8e5ef;
    background-image: linear-gradient(#b8e5ef, #e1e8ea);
    padding: 20px;
    margin: 10px;
}

.realtimequiz_report_question {
    background-color: #b8e5ef;
    background-image: linear-gradient(#b8e5ef, #e1e8ea);
    border-style: solid;
    border-width: 1px;
}

.realtimequiz_report_question_correct {
    background-color: #81dca3;
    background-image: linear-gradient(#72e07f, #81dca3);
    border-style: solid;
    border-width: 1px;
}

.realtimequiz_report_answer {
    background-color: #e1e8ea;
    background-image: linear-gradient(#e1e8ea, #fbfdfd);
    border-style: solid;
    border-width: 1px;
}

.realtimequiz_report_answer_correct {
    background-color: #81dca3;
    background-image: linear-gradient(#81dca3, #fbfdfd);
    border-style: solid;
    border-width: 1px;
}

.realtimequiz_editquestion {
    display: inline-block;
    width: 70%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-right: 5px;
}

.realtimequiz_editicons {
    display: inline-block;
    width: 20%;
}

.realtimequiz_highlight_correct {
    background-color: #81dca3;
}
.path-mod-resource .resourcecontent {
    text-align: center;
}

.path-mod-resource .resourcedetails {
    font-size: 0.8em;
    color: #555;
}

.resourcelinkdetails {
    font-size: 0.8em;
    color: #555;
}

.path-mod-scheduler .timelabel {
    color: #808080;
}

.path-mod-scheduler .attended {
    color: green;
}

.path-mod-scheduler div.otherstudent.highlight {
    font-weight: bold;
}

.path-mod-scheduler div.slotnotes {
    background-color: #e8e9ee;
    border: solid 1px #a7abbe;
    font-size: 0.9em;
    padding: 2px;
    margin: 1px;
}

div .path-mod-scheduler .appointmentnote {
    background-color: #e7efe7;
    border: solid 1px #a0c5a4;
    font-size: 0.9em;
    padding: 2px;
    margin: 1px;
}

.path-mod-scheduler #slotbookertable {
    margin-left: auto;
    margin-right: auto;
}

.path-mod-scheduler #slotbookertable {
    margin-left: auto;
    margin-right: auto;
}

.path-mod-scheduler div.bookercontrols {
    text-align: center;
}

.path-mod-scheduler div.studentlist.expanded {
    display: block;
}

.path-mod-scheduler div.studentlist.collapsed {
    display: none;
}

.path-mod-scheduler div.commandbar {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    background-color: #eee;
    padding: 0.5em;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

/* Reduce space usage by single buttons in table cells */
.path-mod-scheduler table div.singlebutton div {
    margin-bottom: 0;
}
.path-mod-scheduler table div.singlebutton input {
    margin: 0;
}

.path-mod-scheduler div.commandbar span.title {
    float: left;
    clear: right;
    width: 8em;
    text-align: left;
    font-weight: bold;
}

.path-mod-scheduler div.commandbar .moodle-actionmenu {
    display: inline-block !important; /* stylelint-disable-line declaration-no-important */
}

.path-mod-scheduler div.commandbar .moodle-actionmenu.show[data-enhanced] .menu.align-tr-br {
    left: 0;
    right: auto;
}

.path-mod-scheduler div.commandbar .moodle-actionmenu .menubar {
    width: 12em;
}

.path-mod-scheduler .moodle-actionmenu img.iconsmall {
    width: auto;
}
.path-mod-scheduler .moodle-actionmenu .menu-action-text {
    display: inline;
}


body.path-mod-scheduler input.slotselect {
    display: none;
}
body.path-mod-scheduler.jsenabled input.slotselect {
    display: inline;
}

body.path-mod-scheduler.jsenabled  input.studentselectsubmit {
    display: none;
}

.path-mod-scheduler img.statictickbox {
    padding-right: 5px;
}

.path-mod-scheduler .maildisplay {
    margin-left: auto;
    margin-right: auto;
    background: #eee;
    text-align: center;
}

.path-mod-scheduler div.schedulelist.halfsize {
    width: 46%;
    display: inline-table;
    padding: 3px;
}

.path-mod-scheduler div.schedulelist.fullsize {
    width: 96%;
    display: block;
    padding: 3px;
}

.path-mod-scheduler div.schedulelist div.singlebutton,
.path-mod-scheduler div.schedulelist div.singlebutton form {
    display: inline;
}

.path-mod-scheduler div.actionmessage {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    border: solid 2px;
    padding: 5px;
    display: block;
    text-align: center;
    font-weight: bold;
}

.path-mod-scheduler div.actionmessage.success {
    background-color: #96fca6;
    border-color: #14fa34;
}

.path-mod-scheduler div.actionmessage.error {
    background-color: #ffb2b8;
    border-color: #f40000;
}

.path-mod-scheduler div.totalgrade {
    padding-bottom: 25px;
}
.path-mod-scheduler dl.totalgrade dl {
    width: 100%;
}
.path-mod-scheduler dl.totalgrade dt {
    float: left;
    clear: left;
    width: 30%;
}
.path-mod-scheduler dl.totalgrade dd {
    float: left;
    width: 60%;
}

.path-mod-scheduler div.dropdownmenu {
    display: inline-block;
    padding-right: 1em;
}

.path-mod-scheduler div.dropdownmenu select {
    vertical-align: middle;
}

/* Format data fields in vertical rather than horizontal list. */

.path-mod-scheduler #id_datafieldhdr .form-group,
.path-mod-scheduler #id_datafieldhdr .fitem_fgroup {
    float: left;
    clear: none;
}

.path-mod-scheduler #id_datafieldhdr .col-md-3,
.path-mod-scheduler #id_datafieldhdr fieldset.fgroup {
    width: 100%;
    text-align: left;
    margin-left: 0;
}

.path-mod-scheduler #id_datafieldhdr .col-md-9 {
    float: none;
    width: 100%;
}

.path-mod-scheduler #id_datafieldhdr .col-form-label,
.path-mod-scheduler #id_datafieldhdr .fitemtitle {
    font-weight: bold;
    text-align: left;
}

.path-mod-scheduler #id_datafieldhdr .form-group .felement .fitem,
.path-mod-scheduler #id_datafieldhdr fieldset.fgroup > span {
    clear: left;
    float: left;
    margin-left: 0.5em;
}

.path-mod-scorm .top {
    vertical-align: top;
}

.path-mod-scorm .scorm-left {
    text-align: left;
}

.path-mod-scorm .scorm-right {
    text-align: right;
}

.path-mod-scorm .scoframe {
    position: relative;
    width: 100%;
    height: 100%;
}

.ios #scormpage #scorm_content {
    -webkit-overflow-scrolling: touch;
    overflow: scroll;
}

#page-mod-scorm-player #scormtop {
    position: relative;
    width: 100%;
    height: 30px;
}

#page-mod-scorm-player #scormbrowse {
    position: absolute;
    left: 5px;
    top: 0;
}

#page-mod-scorm-player #scormnav {
    position: absolute;
    right: 5px;
    text-align: center;
    top: 3px;
    width: 100%;
}

#page-mod-scorm-player #scormbox {
    width: 74%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
}

#page-mod-scorm-player #scormpage {
    position: relative;
    width: 100%;
    height: 100%;
}

#page-mod-scorm-player #scormpage #toctree {
    position: relative;
    width: 100%;
}

#page-mod-scorm-player #tocbox {
    position: relative;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 0.8em;
}

#page-mod-scorm-player #toctree {
    overflow: visible;
}

#page-mod-scorm-player #tochead {
    position: relative;
    text-align: center;
    top: 3px;
    height: 30px;
}

#page-mod-scorm-player #scormpage .scoframe {
    border: 0;
}

#page-mod-scorm-player #scormpage #scorm_object {
    border: none;
    width: 98%;
    height: 98%;
}

#page-mod-scorm-player #scormpage #scorm_object.scorm_nav_under_content {
    height: 95%;
}

#page-mod-scorm-player #scormpage #scorm_content {
    height: 100%;
}

#page-mod-scorm-player #scormpage #scorm_toc {
    position: relative;
}

#page-mod-scorm-player #scormpage #scorm_toc_title {
    font-size: 1.2em;
    font-weight: bold;
}

#page-mod-scorm-player #scormpage #scorm_tree {
    border-right: 5px solid rgb(239, 245, 255);
}

#page-mod-scorm-player #scormpage #scorm_navpanel {
    text-align: center;
}

#page-mod-scorm-player .toc,
#page-mod-scorm-player .no-toc {
    width: 100%;
}

#page-mod-scorm-player .structlist {
    list-style-type: none;
    white-space: nowrap;
}

#page-mod-scorm-player .structurelist {
    position: relative;
    list-style-type: none;
    width: 96%;
    margin: 0;
    padding: 0;
}

#page-mod-scorm-player .structurelist ul {
    padding-left: 0.5em;
    margin-left: 0.5em;
}

#page-mod-scorm-player #scormpage #scorm_toc.disabled,
#page-mod-scorm-player #scormpage #scorm_toc.loading,
#page-mod-scorm-player #scormpage #scorm_toc_toggle.disabled,
#page-mod-scorm-player #scormpage #scorm_toc_toggle.loading {
    display: none;
}

#page-mod-scorm-view .structurelist {
    list-style-type: none;
    white-space: nowrap;
}

#page-mod-scorm-view .structurelist {
    list-style-type: none;
    white-space: nowrap;
}

#page-mod-scorm-view .exceededmaxattempts {
    color: #c00;
}

#page-mod-scorm-player #altfinishlink {
    font-size: 140%;
    border: 0;
    padding: 0;
}

#page-mod-scorm-player.pagelayout-popup #page-content .region-content {
    padding: 0;
}

#page-mod-scorm-player.pagelayout-popup #page-wrapper {
    width: 100%;
}

#page-mod-scorm-player .yui-layout-scroll div.yui-layout-bd {
    overflow: visible;
}

#page-mod-scorm-player .yui-layout-unit-left div.yui-layout-bd {
    overflow: auto;
}

.path-mod-scorm.forcejavascript .toc {
    display: none;
}

.path-mod-scorm.forcejavascript #scormpage #tocbox {
    display: none;
}

.path-mod-scorm.jsenabled .forcejavascriptmessage {
    display: none;
}

.path-mod-scorm.jsenabled .toc {
    display: block;
}

.path-mod-scorm.jsenabled #scormpage #tocbox {
    display: block;
}

#page-mod-scorm-report-userreporttracks table .c1 {
    word-wrap: break-word;
    word-break: break-all;
}

#page-mod-scorm-report .scormattemptcounts {
    clear: left;
    text-align: center;
    display: inline;
    margin-left: 20%;
}

#page-mod-scorm-player #scormpage span.yui3-treeview-icon {
    display: none;
}

#page-mod-scorm-player #scormpage li.yui3-treeview-has-children > div.yui3-treeview-row > span.yui3-treeview-icon {
    display: block;
}

#page-mod-scorm-player #scormpage div.yui3-u-1,
#page-mod-scorm-player #scormpage div.yui3-u-3-4,
#page-mod-scorm-player #scormpage div.yui3-u-1-5,
#page-mod-scorm-player #scormpage div.yui3-u-1-24 {
    display: inline-block;
    *display: inline; /* stylelint-disable-line */
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
}

#page-mod-scorm-player #scormpage div.yui3-u-1 {
    display: block;
}

#page-mod-scorm-player #scormpage div.yui3-u-3-4 {
    width: 75%;
}

#page-mod-scorm-player #scormpage div.yui3-u-1-5 {
    width: 20%;
}

#page-mod-scorm-player #scormpage div.yui3-u-1-24 {
    width: 4.1666%;
}

#page-mod-scorm-player #scormpage div.yui3-g-r {
    letter-spacing: normal;
    word-spacing: -0.43em;
}

#scorm_layout {
    margin-bottom: 50px;
}

/**
* Opera as of 12 on Windows needs word-spacing.
* The ".opera-only" selector is used to prevent actual prefocus styling
* and is not required in markup.
*/
#page-mod-scorm-player .opera-only :-o-prefocus,
#page-mod-scorm-player #scormpage div.yui3-g-r img {
    max-width: 100%;
}

.path-mod-studentquiz #filterform {
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    display: inline-block;
    margin-bottom: 20px;
    min-height: 20px;
    padding: 9px;
}

.path-mod-studentquiz #filterform blockquote {
    border-color: rgba(0, 0, 0, 0.15);
}

.path-mod-studentquiz #filterform .fitem {
    display: inline-block;
    line-height: 40px;
    margin-right: .3em;
    white-space: nowrap;
}

.path-mod-studentquiz #filterform .fitem label {
    display: inline;
    line-height: 20px;
    padding-right: .3em;
}

.path-mod-studentquiz #filterform .fitem:before,
.path-mod-studentquiz #filterform .fitem:after {
    display: inline;
}

.path-mod-studentquiz #filterform div,
.path-mod-studentquiz #filterform fieldset {
    clear: none;
    display: inline;
    float: none;
}

.path-mod-studentquiz input[type="checkbox"].toggle label {
    cursor: pointer;
    position: relative;
    user-select: none;
    -moz-user-select: none;
}

.path-mod-studentquiz input[type="checkbox"].toggle {
    display: none;
}

.path-mod-studentquiz input[type="checkbox"].toggle + a,
.path-mod-studentquiz input[type="checkbox"].toggle + label a {
    background: #eee;
    border-bottom: 2px solid darkgray;
    border-radius: 4px;
    display: inline-block;
    margin-right: 5px;
    padding: 5px;
    transition: all 0.4s ease;
    text-decoration: none;
    color: inherit;
}

.path-mod-studentquiz input[type="checkbox"].toggle:checked + a,
.path-mod-studentquiz input[type="checkbox"].toggle:checked + label a {
    border-bottom: 2px solid #1177d1;
    color: #1177d1;
    display: inline-block;
    transition: all 0.4s ease;
}

.path-mod-studentquiz #page .quizattemptsummary td p {
    margin-top: 0;
}

.path-mod-studentquiz table.quizattemptsummary tr.bestrow td {
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.path-mod-studentquiz table.quizattemptsummary .noreviewmessage {
    color: gray;
}

.path-mod-studentquiz .generaltable.quizattemptsummary {
    margin-left: auto;
    margin-right: auto;
}

.path-mod-studentquiz .statedetails {
    display: block;
    font-size: 0.7em;
}

.path-mod-studentquiz .mod-studentquiz-attempt-nav {
    margin-bottom: 20px;
}

.path-mod-studentquiz .mod-studentquiz-attempt-nav .col-md-4 {
    box-sizing: border-box;
    float: left;
    width: 33.33333%;
}

.path-mod-studentquiz .mod-studentquiz-attempt-nav:after {
    display: table;
    clear: both;
    content: '';
}

.path-mod-studentquiz .error {
    color: #f00;
    font-weight: bold;
}

.path-mod-studentquiz .mod-studentquiz-summary-highlight {
    background-color: #d9edf7;
    font-weight: bold;
}

.path-mod-studentquiz .reportquiz_total_heading {
    border-bottom: 1px solid #e5e5e5;
}

.path-mod-studentquiz .mod_quiz_edit_forms {
    display: none;
}

.path-mod-studentquiz .question-approved {
    color: #0a0;
}

.path-mod-studentquiz .question-unapproved {
    color: #7b1400;
}

.path-mod-studentquiz table#categoryquestions {
    table-layout: auto;
}

.path-mod-studentquiz #categoryquestions .header {
    text-align: left;
    white-space: nowrap;
}

.path-mod-studentquiz #categoryquestions th.checkbox,
.path-mod-studentquiz #categoryquestions td.checkbox {
    padding-left: 10px;
    padding-right: 7px;
}

.path-mod-studentquiz #categoryquestions .qtype {
    width: auto;
}

.path-mod-studentquiz #categoryquestions td.state {
    width: 28px;
    text-align: center;
    padding: 0;
}

.path-mod-studentquiz #categoryquestions .questionname {
    min-width: 180px;
}

.path-mod-studentquiz #categoryquestions .iconcol {
    width: 12px;
}

.path-mod-studentquiz #categoryquestions .rates,
.path-mod-studentquiz #categoryquestions .difficultylevel,
.path-mod-studentquiz #categoryquestions .attempts {
    width: 115px;
}

.path-mod-studentquiz #categoryquestions .tag {
    width: 12ch;
}

.path-mod-studentquiz #categoryquestions th.attempts .sorters,
.path-mod-studentquiz #categoryquestions th.difficultylevel .sorters,
.path-mod-studentquiz #categoryquestions th.rates .sorters {
    font-size: .8em;
    font-weight: 400;
}

.path-mod-studentquiz #categoryquestions th .sorters {
    font-size: 0.8em;
    font-weight: normal;
}

.path-mod-studentquiz #categoryquestions th {
    font-weight: 400;
}

.path-mod-studentquiz #categoryquestions td {
    vertical-align: inherit;
}

.path-mod-studentquiz #categoryquestions td,
.path-mod-studentquiz #categoryquestions th {
    padding: 0.2em;
}

.path-mod-studentquiz .question-bank-table td.modifiername span.date,
.path-mod-studentquiz .question-bank-table td.creatorname span.date {
    font-weight: normal;
    font-size: 0.8em;
}

.path-mod-studentquiz #categoryquestions td.questionname,
.path-mod-studentquiz #categoryquestions td.creatorname {
    white-space: normal;
    line-height: 1em;
}
.path-mod-studentquiz #categoryquestions td.state .icon,
.path-mod-studentquiz #categoryquestions td.qtype .icon {
    margin-right: 0;
}

.path-mod-studentquiz .studentquiz_behaviour {
    margin: 0 0 10px 5px;
}

.path-mod-studentquiz .studentquiz_behaviour label,
.path-mod-studentquiz .im-feedback .studentquiz_behaviour label,
.path-mod-studentquiz .studentquiz_behaviour span.label {
    margin-right: 15px;
}

.path-mod-studentquiz .studentquiz_behaviour .rate {
    margin-top: 20px;
    margin-bottom: 20px;
}

.path-mod-studentquiz .studentquiz_behaviour textarea {
    box-sizing: border-box;
    height: 100px;
    width: 100%;
}

.path-mod-studentquiz .studentquiz_behaviour .comment_list > div.studentquiz-comment-container {
    border-bottom: 1px solid #fff;
    border-top: 1px solid #bfe2ef;
    margin: 15px 0;
    position: relative;
    padding: 0;
}

.path-mod-studentquiz .studentquiz_behaviour .comment_list div span.remove_action {
    cursor: pointer;
    position: absolute;
    right: 0;
    text-decoration: underline;
}

.path-mod-studentquiz .studentquiz_behaviour .comment_list div span.remove_action:hover {
    text-decoration: none;
}

.path-mod-studentquiz .studentquiz_behaviour .comment_list .editor_atto_content_wrap.no-content .editor_atto_content p {
    margin: 0; /** When in no content state, p has no margin. */
}

.path-mod-studentquiz .studentquiz_behaviour .rate .rating {
    cursor: not-allowed;
    display: inline-block;
    unicode-bidi: bidi-override;
    height: 0;
    vertical-align: text-top;
}

.path-mod-studentquiz .studentquiz_behaviour .rate .error {
    margin-top: 5px;
}

.path-mod-studentquiz .studentquiz_behaviour .star,
.path-mod-studentquiz .studentquiz_behaviour .rate .rating:hover .rateable.star-empty {
    background-image: url(/theme/image.php/boost_union/mod_studentquiz/1792421257/star_icon);
}

.path-mod-studentquiz .studentquiz_behaviour .star,
.path-mod-studentquiz .studentquiz_behaviour .star-empty {
    display: inline-block;
    height: 20px;
    width: 20px;
}

.path-mod-studentquiz .studentquiz_behaviour .rate .rating .rateable {
    cursor: pointer;
}

.path-mod-studentquiz .studentquiz_behaviour .star-empty,
.path-mod-studentquiz .studentquiz_behaviour .rate .rating .rateable:hover ~ .rateable.star-empty,
.path-mod-studentquiz .studentquiz_behaviour .rate .rating .rateable.star-empty:hover ~ .rateable.star-empty {
    background-image: url(/theme/image.php/boost_union/mod_studentquiz/1792421257/star_empty_icon);
}

.path-mod-studentquiz .change-question-state {
    display: block;
}

.path-mod-studentquiz .change-question-state button#change_state {
    margin-left: 10px;
}

.path-mod-studentquiz .change-question-state button#change_state {
    margin-right: 10px;
}

.path-mod-studentquiz .pagination .form-control {
    width: 60px;
}

.path-mod-studentquiz .modulespecificbuttonscontainer input.btn {
    margin-right: 5px;
}

.path-mod-studentquiz #mod_studentquiz_statblock .report_more_url,
.path-mod-studentquiz #mod_studentquiz_rankingblock .report_more_url {
    text-align: right;
}

.path-mod-studentquiz #mod_studentquiz_statblock .card-text.content > div,
.path-mod-studentquiz #mod_studentquiz_rankingblock .card-text.content > div {
    display: flex;
    justify-content: space-between;
}

.path-mod-studentquiz .mod_studentquiz_submission_info {
    margin-top: 10px;
    margin-bottom: 10px;
}

/** Student quiz comment */
.path-mod-studentquiz .studentquiz-comment-container {
    padding-top: 8px;
    padding-left: 10px;
    padding-right: 12px;
}

.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-activity-icon {
    float: left;
    width: 36px;
    display: inline-block;
    padding-top: 5px;
}

.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-unavailable {
    margin: 10px 0;
    border: 1px dotted #888;
    background: #f8f8f8;
    padding: 10px;
}

.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-activity-icon > img.icon {
    width: 32px;
    height: 32px;
}

.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-subject {
    font-size: 1.14285em;
    color: #000;
    font-weight: bold;
    padding-top: 10px;
}

.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-introduction {
    display: inline-block;
    color: #000;
    padding-top: 2px;
}

.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-postform {
    margin-top: 20px;
    clear: both;
}

.path-mod-studentquiz .studentquiz-comment-container .editor_atto_content {
    resize: vertical;
    padding: 5px;
}

.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-postform input.disabled,
.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-postfragmentform input.disabled {
    cursor: default;
    background: #f0f0f1;
    color: #676463;
    border-color: #d4d2d2;
    opacity: 1.0;
    pointer-events: none;
    font-weight: normal;
}

.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-postform .editor_atto_toolbar {
    display: none;
}

.path-mod-studentquiz .studentquiz-comment-container .editor_atto_content_wrap {
    position: relative;
}

.path-mod-studentquiz .studentquiz-comment-container .editor_atto_content_wrap:before {
    content: attr(data-placeholder);
    color: gray;
    position: absolute;
    top: 5px;
    left: 5px;
    pointer-events: none;
}

.path-mod-studentquiz .studentquiz-comment-container .studentquiz_customeditor .editor_atto_notification,
.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-postform .editor_atto_notification {
    position: relative;
    bottom: 0;
    height: auto;
}

.path-mod-studentquiz .studentquiz-comment-container .editor_atto_content {
    border: 1px solid #bbb;
}

.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-expand,
.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-collapse {
    color: #fff;
    padding: 5px 36px 5px 10px;
    border-radius: 3px 3px 0 0;
    border: 1px solid #1177d1;
    background-color: #1177d1;
    font-size: 1em;
    display: none;
    margin: 0;
    position: relative;
    background-image: none;
}

.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-expand::after {
    content: url(/theme/image.php/boost_union/mod_studentquiz/1792421257/switch_plus_white);
    position: absolute;
    right: 10px;
    top: 7px;
    width: 16px;
    display: block;
}

.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-collapse::after {
    content: url(/theme/image.php/boost_union/mod_studentquiz/1792421257/switch_minus_white);
    position: absolute;
    right: 10px;
    top: 7px;
    width: 16px;
    display: block;
}

.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-expand:hover,
.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-expand:active,
.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-expand:focus,
.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-collapse:hover,
.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-collapse:active,
.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-collapse:focus {
    background-color: #fff;
    color: #1177d1;
    cursor: pointer;
    border: 1px solid #1177d1;
}

.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-expand:hover::after,
.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-expand:active::after,
.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-expand:focus::after {
    content: url(/theme/image.php/boost_union/mod_studentquiz/1792421257/switch_plus);
}

.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-expand[disabled]::after,
.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-expand[disabled]:hover::after {
    content: url(/theme/image.php/boost_union/mod_studentquiz/1792421257/switch_plus_white);
}

.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-collapse:hover::after,
.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-collapse:active::after,
.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-collapse:focus::after {
    content: url(/theme/image.php/boost_union/mod_studentquiz/1792421257/switch_minus);
}

.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-collapse[disabled]::after,
.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-collapse[disabled]:hover::after {
    content: url(/theme/image.php/boost_union/mod_studentquiz/1792421257/switch_minus_white);
}

.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-expand[disabled],
.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-expand[disabled]:hover,
.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-collapse[disabled],
.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-collapse[disabled]:hover {
    background: #f0f0f1;
    color: #676463;
    border-color: #d4d2d2;
    opacity: 1.0;
}

.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-postcount {
    display: inline-block;
    font-size: 0.9375em;
    margin: auto 0 auto 10px;
}

/* Style the comment element. */
.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-item {
    border-top: 1px solid #bfe2ef;
}

.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-item .studentquiz-comment-item-outerbox {
    padding-top: 12px;
    padding-bottom: 12px;
}

.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-item .studentquiz-comment-item-outerbox.deleted-comment {
    margin-top: 20px;
    margin-bottom: 20px;
}

.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-item.highlighted {
    background: #def2f8;
}

.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-item.highlighted .studentquiz-comment-replies {
    background: #fff;
}

.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-author {
    line-height: 1;
    color: #000;
    font-size: 1em;
    padding-right: 20px;
    position: relative;
}

.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-expandlink,
.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-collapselink {
    position: absolute;
    right: 0;
}

.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-text,
.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-text-deleted {
    background-color: #f4fafc;
    min-height: 70px;
    margin-right: 26px;
    font-size: 1em;
    color: #000;
    padding: 2px 8px 2px 8px;
    margin-top: 10px;
    overflow: auto;
}

.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-text .studentquiz-comment-history {
    color: #b1b1b1;
    font-style: italic;
}

.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-text .studentquiz-comment-history a {
    color: #45a4dc;
    text-decoration: none;
}

.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-text-deleted {
    color: #a5a5a5;
    background-color: #fff;
}

.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-text-deleted .studentquiz-comment-delete-info {
    color: #000;
}

.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-replies .studentquiz-comment-postfooter {
    text-align: left;
}

.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-postfooter {
    text-align: right;
    display: inline-block;
    width: 100%;
    padding: 12px 0 2px 0;
}

.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-postfooter .studentquiz-comment-commands-box > div {
    margin-bottom: 10px;
}

.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-commands-buttons {
    display: inline-block;
}

.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-commands-buttons button {
    margin-right: 9px;
    line-height: 1;
    height: 28px;
    padding-left: 8px;
    padding-right: 8px;
}

.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-totalreply {
    display: inline-block;
    font-size: 1em;
    color: #000;
    line-height: 28px;
}

.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-replies {
    position: relative;
}

.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-replies .studentquiz-comment-item {
    padding-left: 57px;
}

.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-replies .studentquiz-comment-replyicon {
    position: absolute;
    transform: rotate(180deg);
    left: 0;
}

.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-replies .studentquiz-comment-replyicon > img {
    padding-right: 0;
}

.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-loading {
    display: none;
    text-align: center;
    margin-top: 60px;
    margin-bottom: 60px;
}

.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-delete-message {
    margin: 20px 0 20px 54px;
}

.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-delete-message {
    margin: 20px 0 31px 54px;
    padding-right: 25px;
    position: relative;
}

.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-delete-message .studentquiz-comment-expandlink,
.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-delete-message .studentquiz-comment-collapselink {
    position: absolute;
    right: 0;
    height: 16px;
}

.path-mod-studentquiz .studentquiz-comment-show-dates {
    border: #9e9e9e 2px solid;
    margin-bottom: 12px;
    margin-top: 6px;
    padding-left: 10px;
    height: 29px;
    padding-top: 5px;
}

.path-mod-studentquiz .studentquiz-comment-container .comment_editor_container .felement {
    width: 100%;
    flex: unset;
    max-width: 100%;
    display: block;
}

.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-postfragmentform {
    position: relative;
    background: #fff;
    color: #000;
}

.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-postfragmentform .comment-area-form {
    padding-right: 27px;
    margin-left: 54px;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-postfragmentform.edit .comment-area-form {
    margin-left: 0;
}

.path-mod-studentquiz .comment-area-form .buttonar .fitem:not(:first-child) {
    margin-left: 5px;
}

.path-mod-studentquiz .studentquiz-comment-expandlink,
.path-mod-studentquiz .studentquiz-comment-collapselink {
    padding: 0 8px;
}

#page-mod-studentquiz-preview .modal,
#page-mod-studentquiz-attempt .modal {
    background-color: transparent;
}

.path-mod-studentquiz .comment-label-content {
    margin-bottom: 0.5rem;
}

.path-mod-studentquiz .comment-label-content label.add-comment-label {
    margin: 0;
    padding-right: 5px;
}

.path-mod-studentquiz .studentquiz-comment-container .hide-comment-filter {
    display: none;
}

.path-mod-studentquiz .studentquiz-comment-container .no-comment {
    padding: 12px 0;
    margin-top: 35px;
    border-top: 1px solid #bfe2ef;
    display: none;
}

.path-mod-studentquiz .studentquiz-comment-container .comment-errors .comment-error {
    margin-bottom: 1rem;
}

.path-mod-studentquiz div[data-groupname="report-comment-conditions"] span {
    display: block;
}

.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-filter-info {
    display: table;
    width: 100%;
}

.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-filter-info .studentquiz-comment-expand-section {
    text-align: right;
}

.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-filter-info .studentquiz-comment-postcount {
    font-weight: 700;
}

.path-mod-studentquiz .studentquiz-comment-filters .studentquiz-comment-filter-item {
    font-size: 1em;
    position: relative;
    cursor: pointer;
    text-decoration: none;
}

.path-mod-studentquiz .studentquiz-comment-filters .studentquiz-comment-filter-item span.studentquiz-comment-filter-name {
    padding: 0 5px;
}

.path-mod-studentquiz .studentquiz-comment-filters .studentquiz-comment-filter-item span:hover {
    text-decoration: underline;
}

.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-filter .studentquiz-comment-filter-info {
    padding-top: 15px;
}

.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-filter-info .filter-item {
    display: table-cell;
}

.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-filter-item + .studentquiz-comment-filter-item::before {
    content: "/";
    color: #000;
}

.path-mod-studentquiz .studentquiz-comment-filters .studentquiz-comment-filter-item .studentquiz-comment-filter-type {
    visibility: hidden;
}

.path-mod-studentquiz .studentquiz-comment-filters .studentquiz-comment-filter-item.current .studentquiz-comment-filter-type {
    visibility: visible;
}

.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-filter-item > div {
    display: inline-block;
}

.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-filter-item .studentquiz-comment-filter-type i {
    vertical-align: text-top;
    margin: 0;
}

.path-mod-studentquiz .studentquiz-comment-container .filter-asc.current .studentquiz-comment-filter-type i::before {
    content: url(/theme/image.php/boost_union/mod_studentquiz/1792421257/switch_minus);
}

.path-mod-studentquiz .studentquiz-comment-container .filter-desc.current .studentquiz-comment-filter-type i::before {
    content: url(/theme/image.php/boost_union/mod_studentquiz/1792421257/switch_plus);
}

.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-commands-buttons .studentquiz-comment-btneditreply img,
.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-commands-buttons .studentquiz-comment-btnedit img {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin: 0 9px 0 0;
}

.path-mod-studentquiz span.stat {
    float: right;
    font-size: 100%;
    margin-top: 0.1rem;
    margin-bottom: 0.1rem;
}
.path-mod-studentquiz span.stat.approvals,
.path-mod-studentquiz span.stat.last-attempt-correct {
    color: #000;
    background-color: #28a745;
}
.path-mod-studentquiz span.stat.disapprovals,
.path-mod-studentquiz span.stat.last-attempt-incorrect {
    color: #fff;
    background-color: #dc3545;
}

.path-mod-studentquiz span.stat.changed,
.path-mod-studentquiz span.stat.never-answered {
    color: #212529;
    background-color: #ffc107;
}

.path-mod-studentquiz .studentquiz_behaviour .rate .btn {
    vertical-align: baseline;
}

.path-mod-studentquiz #categoryquestions td.state .icon {
    padding-bottom: 5px;
}

.path-mod-studentquiz #categoryquestions .header.qtype,
.path-mod-studentquiz #categoryquestions .header.state,
.path-mod-studentquiz .studentquizerrormessage {
    text-align: center;
}

/* Specific CSS override align-items-center, we need to prevent align-items: center in the form-group. */
.path-mod-studentquiz #fgroup_id_rate_grp div.align-items-center,
.path-mod-studentquiz #fgroup_id_rate_grp div.align-items-center,
.path-mod-studentquiz #fgroup_id_difficultylevel_grp div.align-items-center,
.path-mod-studentquiz #fgroup_id_publiccomment_grp div.align-items-center,
.path-mod-studentquiz #fgroup_id_myrate_grp div.align-items-center,
.path-mod-studentquiz #fgroup_id_myattempts_grp div.align-items-center,
.path-mod-studentquiz #fgroup_id_mydifficulty_grp div.align-items-center {
    /* stylelint-disable-next-line declaration-no-important */
    align-items: flex-start !important;
}
/* This css styling won't work in 4.0.x until MDL-75917 is done. */
body.cm-type-studentquiz.path-question-type #fitem_id_status {
    display: none;
}

/* Hide all the toolbars and buttons by default.
    The child represents the following:
    1: Edit in menubar
    2: View in menubar
    3: Insert in menubar
    6: Table in menubar
    7: Help in menubar
*/
.path-mod-studentquiz .studentquiz-comment-container .tox-tinymce div[role="menubar"] button:nth-child(1),
.path-mod-studentquiz .studentquiz-comment-container .tox-tinymce div[role="menubar"] button:nth-child(2),
.path-mod-studentquiz .studentquiz-comment-container .tox-tinymce div[role="menubar"] button:nth-child(3),
.path-mod-studentquiz .studentquiz-comment-container .tox-tinymce div[role="menubar"] button:nth-child(6),
.path-mod-studentquiz .studentquiz-comment-container .tox-tinymce div[role="menubar"] button:nth-child(7),
.path-mod-studentquiz .studentquiz-comment-container .tox-tinymce div[role='toolbar'],
.path-mod-studentquiz .studentquiz-comment-container .tox-tinymce div[role='toolbar'] button {
    display: none;
}

/* Show only the custom toolbar and button. */
.path-mod-studentquiz .studentquiz-comment-container .tox-tinymce div[role='toolbar'] button[aria-label="Bold"],
.path-mod-studentquiz .studentquiz-comment-container .tox-tinymce div[role='toolbar'] button[aria-label="Italic"],
.path-mod-studentquiz .studentquiz-comment-container .tox-tinymce div[role='toolbar'] button[aria-label="Link"],
.path-mod-studentquiz .studentquiz-comment-container .tox-tinymce div[role='toolbar'] button[aria-label="Unlink"],
.path-mod-studentquiz .studentquiz-comment-container .tox-tinymce div[role='toolbar'] button[aria-label="Bullet list"],
.path-mod-studentquiz .studentquiz-comment-container .tox-tinymce div[role='toolbar'] button[aria-label="Numbered list"],
.path-mod-studentquiz .studentquiz-comment-container .tox-tinymce div[title="formatting"],
.path-mod-studentquiz .studentquiz-comment-container .tox-tinymce div[title="content"],
.path-mod-studentquiz .studentquiz-comment-container .tox-tinymce div[title="lists"] {
    display: flex;
}

.path-mod-subjectattendance .attendance-select {
    width: 5rem;
    font-weight: bold;
    text-align: center;
    color: #000;
}

.path-mod-subjectattendance .attendance-col-select {
    width: 4rem;
    font-weight: bold;
    background-color: #f5f5f5;
}

.path-mod-subjectattendance .attendance-select.new {
    background-color: #90caf9;
}

.path-mod-subjectattendance .attendance-select.present {
    background-color: #aae6ad;
}

.path-mod-subjectattendance .attendance-select.partial {
    background-color: #fffe9a;
}

.path-mod-subjectattendance .attendance-select.absent {
    background-color: #ffc7c7;
}


.path-mod-subjectattendance .attendance-summary,
.path-mod-subjectattendance .attendance-total-summary {
    width: 9rem;
    font-weight: bold;
    text-align: center;
    color: #000;
    display: flex;
}

.path-mod-subjectattendance .attendance-percents {
    width: 9rem;
    font-weight: normal;
    text-align: center;
    display: flex;
}

.path-mod-subjectattendance .attendance-row-summary {
    width: 5rem;
    text-align: center;
    display: flex;
    font-size: 0.85rem;
}

.path-mod-subjectattendance .attendance-row1a {
    font-weight: bold;
    background: #aae6ad;
    color: #000;
    flex: 1;
}

.path-mod-subjectattendance .attendance-row1b {
    font-weight: normal;
    flex: 1;
}

.path-mod-subjectattendance .attendance-row2a {
    font-weight: bold;
    background: #fffe9a;
    color: #000;
    flex: 1;
}

.path-mod-subjectattendance .attendance-row2b {
    font-weight: normal;
    flex: 1;
}

.path-mod-subjectattendance .attendance-row3a {
    font-weight: bold;
    background: #ffc7c7;
    color: #000;
    flex: 1;
}

.path-mod-subjectattendance .attendance-row3b {
    font-weight: normal;
    flex: 1;
}

:root {
    --sticky-col-bg: #fafafa;
    --sticky-col-divider: #ccc;
}
.theme-dark {
    --sticky-col-bg: #222;
    --sticky-col-divider: #333;
}

.path-mod-subjectattendance .first-column-sticky td:first-child,
.path-mod-subjectattendance .first-column-sticky th:first-child {
    position: sticky;
    left: 0;
    background-color: var(--sticky-col-bg);
    z-index: 4;
}

.path-mod-subjectattendance .first-column-sticky tbody tr.lastrow td:first-child {
    box-shadow: none;
}

/* Hide the rating option radio button. */
.threesixo_rating_option {
    opacity: 0;
    width: 0;
    height: 0;
}

/* Focus outline for the rating option's radio button label. */
.threesixo_rating_option:focus + span.scaleoptionlabel {
    outline: .2rem solid #000;
    box-shadow: inset 0 0 0 2px #fff;
}

/* Highlight for rating questions left unanswered when the user tries to finalise their feedback. */
/* Only the border is themed, so that the question text keeps the theme's own colours and contrast. */
[data-region="question-item"].threesixo-unanswered {
    border-inline-start: .25rem solid var(--danger, #d9534f);
    border-radius: .25rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
}

.path-mod-url .resourcecontent {
    text-align: center;
}

.course-content li.section li.activity.videotime ul.nav.nav-tabs {
    list-style: none;
}

.videotime-small-view {
    display: none;
}

div.videotimetab-resize {
    min-width: 16.6667%;
    max-width: 83.3333%;
}

@media (max-width: 768px) {
    .videotime-small-view {
        display: block;
    }
    .videotimetab-resize-handle,
    .vimeo-video-description,
    .videotime-large-view {
        display: none;
    }
    div.videotimetab-resize {
        width: 100%;
    }
}

.videotimetab-resize-handle {
    width: 5px;
    cursor: w-resize;
}
.videotimetab-resize-handle:hover {
    background: grey;
}
.videotime-tab-instance-cover {
    position: absolute;
    display: none;
}

.videotime-highlight {
    font-weight: bold;
}

.videotime-size-3,
.videotime-size-6,
.videotime-size-9 {
    position: relative;
}

.videotime-size-3 {
    width: 25%;
}
.videotime-size-6 {
    width: 50%;
}
.videotime-size-9 {
    width: 75%;
}

.videotime-tab-instance {
    width: 100%;
}

.modtype_videotime.label_mode,
.modtype_videotime.label_mode .mod-indent-outer,
.modtype_videotime.label_mode .contentwithoutlink {
    display: block !important; /* stylelint-disable-line declaration-no-important */
}

/** Compatible with non-Bootstrap 4 themes **/
.path-mod-videotime .btn-dark {
    color: white !important; /* stylelint-disable-line declaration-no-important */
    background-color: #373a3c;
    border-color: #373a3c;
}

.path-mod-videotime .modal-xl {
    max-width: 95% !important; /* stylelint-disable-line declaration-no-important */
}

.path-mod-videotime .badge-dark {
    background-color: #373a3c !important; /* stylelint-disable-line declaration-no-important */
}

.path-mod-videotime .img-hover img {
    -webkit-transition: all .3s ease; /* Safari and Chrome */
    -moz-transition: all .3s ease; /* Firefox */
    -o-transition: all .3s ease; /* IE 9 */
    -ms-transition: all .3s ease; /* Opera */
    transition: all .3s ease;
    position: relative;
}

.path-mod-videotime .img-hover img:hover {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(5) translate(22px, 0); /* Safari and Chrome */
    -moz-transform: translateZ(0) scale(5) translate(22px, 0); /* Firefox */
    -ms-transform: translateZ(0) scale(5) translate(22px, 0); /* IE 9 */
    -o-transform: translateZ(0) scale(5) translate(22px, 0); /* Opera */
    transform: translateZ(0) scale(5) translate(22px, 0);
    z-index: 999;
}

.path-mod-videotime .video-search {
    max-width: 380px;
}

.path-mod-videotime .cursor-pointer {
    cursor: pointer;
}

.activity.videotime .video-image-preview {
    position: relative;
    display: inline-block;
}

.activity.videotime .video-image-preview .video-duration {
    position: absolute;
    right: 10px;
    bottom: 15px;
}

.activity.videotime .video-image-preview .video-progress {
    border: none;
    box-shadow: none;
    border-radius: 0;
    height: 10px;
}

.activity.videotime.preview_mode .actions {
    display: none;
}

body.editing .activity.videotime.preview_mode .actions {
    display: block;
}

.path-course-view li.activity.videotime.preview_mode {
    clear: none;
    display: inline-block;
    margin-left: -5px;
    margin-right: -5px;
}


.path-course-view li.activity.videotime.preview_mode.previewfull {
    float: none;
}

body.editing.path-course-view li.activity.videotime.preview_mode {
    width: 100%;
}

/** IE backwards compatibility **/
body.ie .video-image-preview .img-responsive {
    width: 100%;
    max-height: 500px;
}

/* Totara styling */
[data-action=jump-page] {
    display: inline;
}

/* Select2 styles */
.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle;
}

.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    user-select: none;
    -webkit-user-select: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 8px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.select2-container .select2-selection--single .select2-selection__clear {
    position: relative;
}

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px;
}

.select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select: none;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline-block;
    overflow: hidden;
    padding-left: 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.select2-container .select2-search--inline {
    float: left;
}

.select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5px;
    padding: 0;
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

.select2-dropdown {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051;
}

.select2-results {
    display: block;
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0;
}

.select2-results__option {
    padding: 6px;
    user-select: none;
    -webkit-user-select: none;
}

.select2-results__option[aria-selected] {
    cursor: pointer;
}

.select2-container--open .select2-dropdown {
    left: 0;
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select2-search--dropdown {
    display: block;
    padding: 4px;
}

.select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box;
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

.select2-search--dropdown.select2-search--hide {
    display: none;
}

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
}

.select2-hidden-accessible {
    border: 0 !important; /* stylelint-disable-line declaration-no-important */
    clip: rect(0 0 0 0) !important; /* stylelint-disable-line declaration-no-important */
    -webkit-clip-path: inset(50%) !important; /* stylelint-disable-line declaration-no-important */
    clip-path: inset(50%) !important; /* stylelint-disable-line declaration-no-important */
    height: 1px !important; /* stylelint-disable-line declaration-no-important */
    overflow: hidden !important; /* stylelint-disable-line declaration-no-important */
    padding: 0 !important; /* stylelint-disable-line declaration-no-important */
    position: absolute !important; /* stylelint-disable-line declaration-no-important */
    width: 1px !important; /* stylelint-disable-line declaration-no-important */
    white-space: nowrap !important; /* stylelint-disable-line declaration-no-important */
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0;
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left;
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px;
}

.select2-container--default .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    list-style: none;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-top: 5px;
    margin-right: 10px;
    padding: 1px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #333;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
    float: right;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid black 1px;
    outline: 0;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: transparent;
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield;
}

.select2-container--default .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto;
}

.select2-container--default .select2-results__option[role=group] {
    padding: 0;
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    color: #999;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #ddd;
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option
.select2-results__option {
    margin-left: -2em;
    padding-left: 3em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option
.select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option
.select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option
.select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #5897fb;
    color: white;
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px;
}

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: 0;
    background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
    background-repeat: repeat-x;
}

.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px;
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-right: 10px;
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999;
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
    background-repeat: repeat-x;
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0;
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left;
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    border-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    left: 1px;
    right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
    background-repeat: repeat-x;
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
    background-repeat: repeat-x;
}

.select2-container--classic .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0;
}

.select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #555;
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    float: right;
    margin-left: 5px;
    margin-right: auto;
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0;
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    box-shadow: none;
}

.select2-container--classic .select2-dropdown {
    background-color: #fff;
    border: 1px solid transparent;
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none;
}

.select2-container--classic .select2-dropdown--below {
    border-top: none;
}

.select2-container--classic .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto;
}

.select2-container--classic .select2-results__option[role=group] {
    padding: 0;
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
    color: grey;
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #3875d7;
    color: #fff;
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px;
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb;
}

.modtype_videotime.label_mode .activity-item:not(.activityinline) {
    border: none;
}

.modtype_videotime .activity-item .activity-altcontent img {
    border-radius: 0;
}

.path-course-view ul.section:has(li.preview_mode.modtype_videotime):after {
    clear: both;
    display: table;
    content: '';
}

.modtype_videotime.label_mode .activity-altcontent .container-fluid {
    padding: 0;
}
.modtype_videotime.label_mode  .description .course-description-item,
.modtype_videotime.preview_mode .description .course-description-item {
    background-color: transparent;
    font-size: 100%;
}
.modtype_videotime.preview_mode .description .course-description-item:last-child,
.modtype_videotime.label_mode .description .course-description-item:last-child {
    padding: 5px;
}

/*
 This file is part of Moodle - http://moodle.org/

 Moodle is free software: you can redistribute it and/or modify
 it under the terms of the GNU General Public License as published by
 the Free Software Foundation, either version 3 of the License, or
 (at your option) any later version.

 Moodle is distributed in the hope that it will be useful,
 but WITHOUT ANY WARRANTY; without even the implied warranty of
 MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
 GNU General Public License for more details.

 You should have received a copy of the GNU General Public License
 along with Moodle. If not, see <http://www.gnu.org/licenses/>.
*/ /**
 * Wiki module style sheet
 *
 * @package mod-wiki-2.0
 * @copyright 2009 Marc Alier, Jordi Piguillem marc.alier@upc.edu
 * @copyright 2009 Universitat Politecnica de Catalunya http://www.upc.edu
 *
 * @author Jordi Piguillem
 * @author Marc Alier
 * @author David Jimenez
 * @author Josep Arus
 * @author Kenneth Riba
 *
 * @license http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
 */
.wiki_contentbox {
    width: 80%;
    margin: auto;
    min-width: 200px;
    min-height: 100px;
}

.wiki_previewbox {
    width: 50%;
    margin: auto;
    border: thin solid blue;
}

.wiki_button {
    margin: 5px;
}

.wiki_warning {
    color: red;
}

.emptycomments {
    color: red;
    display: inline;
}

.wiki-toc {
    border: 1px solid #bbb;
    background: #eee;
    margin: 16px;
    padding: 8px;
}

.wiki-toc-title {
    color: #666;
    font-size: 1.1em;
    font-variant: small-caps;
    text-align: center;
}

.wiki-toc-section {
    padding: 0;
    margin: 2px 8px;
}

.wiki-toc-section-2 {
    padding-left: 12px;
}

.wiki-toc-section-3 {
    padding-left: 24px;
}

.wiki_form-button {
    margin-left: 0%;
}

.wiki-upload-table {
    margin: 8px auto;
    clear: both;
}

.wiki-upload-table table {
    margin: auto;
}

.wiki-upload-table h3 {
    margin: 4px 0;
    text-align: center;
}

.wiki-upload-section {
    border: 1px solid #eee;
    width: 400px;
    margin: 8px auto;
}

.wiki-upload-section legend {
    font-weight: bold;
    font-size: 0.9em;
    margin-left: 16px;
}

.wiki-tags {
    text-align: right;
}

.wiki_modifieduser p {
    line-height: 35px;
}

.wiki_modifieduser img {
    border: thin solid black;
}

.wiki_restoreform,
.wiki_deletecommentform {
    width: 10%;
    margin: auto;
}

.wiki_versionuser {
    float: left;
}

.wiki_diffuserleft,
.wiki_diffuserright {
    font-weight: normal;
    padding-top: 1%;
}

.wiki_diffuserleft {
    float: right;
}

.wiki_diffuserright {
    float: left;
}

.wiki_compareheading {
    font-weight: normal;
}

.wiki_restore,
.wiki_diffview,
.wiki_difftime,
.wiki_headingtime {
    font-size: 0.8em;
    font-weight: normal;
}

.wiki_difftime,
.wiki_headingtime {
    font-style: oblique;
    text-align: center;
}

.wiki_diff_oldpaging {
    float: left;
    width: 40%;
    min-width: 200px;
    margin-left: 5%;
}

.wiki_diff_newpaging {
    float: right;
    width: 40%;
    min-width: 200px;
    margin-right: 5%;
}

.wiki_diff_old,
.wiki_diff_new {
    float: left;
    min-width: 200px;
    width: 40%;
}

.wiki_difftable td {
    width: 50%;
    float: left;
}

.wiki_histdate {
    text-align: left;
}

.wiki_histnewdate {
    border-top: 1px dotted gray;
}

.ouw_deleted {
    background: #ffa;
    color: red;
    text-decoration: line-through;
}

.ouw_added {
    background: #cfc;
    color: red;
}

a.wiki_newentry:link,
a.wiki_newentry:visited {
    color: red;
    font-style: italic;
}

.wiki_newentry a {
    color: red;
    font-style: italic;
}

.wiki_navigation_container {
    margin: 0 auto;
}

.wiki_navigation_from {
    float: left;
    width: 40%;
    min-width: 200px;
    margin-left: 5%;
}

.wiki_navigation_to {
    float: left;
    width: 40%;
    min-width: 200px;
    margin-right: 5%;
}

.wiki_headingtitle {
    text-align: center;
}

.wiki_clear {
    clear: both;
}

.wiki_right {
    text-align: right;
}

.wiki_index {
    text-align: right;
}

.notunderlined {
    text-decoration: none;
}

a.wiki_edit_section {
    font-size: 0.6em;
    position: relative;
    float: right;
}

.midpad {
    text-align: center;
    margin-top: 0.4em;
    margin-bottom: 0.4em;
}

.block_wiki_search ul {
    margin-top: 0.5em;
    margin-bottom: 3px;
}

.wiki-attachment:before {
    content: url(/mod/wiki/pix/attachment.png);
    padding-right: 2px;
}

/** Print CSS */
#wiki_printable_content {
    text-align: left;
}

#wiki_printable_content a {
    color: black;
}

#wiki_printable_title {
    font-size: 2.2em;
    text-decoration: underline;
}

.wiki_diff_boxes {
    width: 100%;
    clear: both;
}

.wiki_diff_paging {
    width: 100%;
    clear: both;
}

.wiki_grayline {
    color: gray;
}

.wikisearchresults {
    padding-left: 50px;
    padding-top: 20px;
}

.wiki-diff-container {
    width: 95%;
    margin: 10px auto;
}

.wiki-diff-container .wiki-diff-leftside,
.wiki-diff-container .wiki-diff-rightside {
    width: 49.5%;
    margin: 0;
    padding: 0;
    float: left;
}

.wiki-diff-container .wiki-diff-rightside {
    margin-left: 1%;
}

.wiki-diff-container .wiki-diff-heading,
.wiki-diff-container .no-overflow {
    padding: 10px;
    border: 1px solid #ddd;
}

.wiki-diff-container .wiki-diff-rightside .wiki_diffversion {
    text-align: right;
}

.path-mod-wiki .printicon {
    background: url(/theme/image.php/boost_union/core/1792421257/t/print) no-repeat scroll 2px center transparent;
    padding-left: 20px;
}

#page-mod-wiki-prettyview .displayprinticon {
    text-align: right;
}

#page-mod-wiki-prettyview {
    background-image: none;
}

/* The flip card container */
.flip-card {
    background-color: transparent;
    width: 260px;
    height: 480px;
    perspective: 1000px;
    cursor: pointer;
}

@media screen and (min-width:400px) {
    .flip-card {
        width: 280px;
    }
}

@media screen and (min-width:600px) {
    .flip-card {
        width: 380px;
        height: 500px;
    }
}

.show-back-side {
    transform: rotateY(180deg);
}

/* This container is needed to position the front and back side */
.flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.8s;
    transform-style: preserve-3d;
}

/* CSS flashcards animations */

.next-button-slide-is-leaving {
    animation-name: nextButtonSlideIsLeavingAnimation;
    animation-duration: .5s;
    animation-timing-function: ease-in-out;
}

@keyframes nextButtonSlideIsLeavingAnimation {
    from {
        transform: translate(100px);
        opacity: 1;
    }

    to {
        transform: translate(-200px);
        opacity: 0;
    }
}

.next-button-slide-is-coming {
    animation-name: nextButtonSlideIsComingAnimation;
    animation-duration: .5s;
    animation-timing-function: ease-in-out;
}

@keyframes nextButtonSlideIsComingAnimation {
    0% {
        transform: translate(200px);
        opacity: 0;
    }

    50% {
        transform: translate(200px);
        opacity: 0;
    }

    100% {
        transform: translate(-100px);
        opacity: 1;
    }
}


.prev-button-slide-is-leaving {
    animation-name: prevButtonSlideIsLeavingAnimation;
    animation-duration: .5s;
    animation-timing-function: ease-in-out;
}

@keyframes prevButtonSlideIsLeavingAnimation {
    from {
        transform: translate(0px);
        opacity: 1;
    }

    to {
        transform: translate(200px);
        opacity: 0;
    }
}

.prev-button-slide-is-coming {
    animation-name: prevButtonSlideIsComingAnimation;
    animation-duration: .5s;
    animation-timing-function: ease-in-out;
}

@keyframes prevButtonSlideIsComingAnimation {
    0% {
        transform: translate(-200px);
        opacity: 0;
    }

    50% {
        transform: translate(-200px);
        opacity: 0;
    }

    100% {
        transform: translate(100px);
        opacity: 1;
    }
}

.slide-is-hidden {
    display: none;
}

.slide-is-visible {
    display: block;
}

/* /End CSS flashcards animations */

#card-audio {
    content: " ";
    height: 42px;
    width: 42px;
    border-radius: 100%;
    background: linear-gradient(157deg, #9582F2 0%, #6F58DE 100%);
    box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.15);
    position: relative;
    margin-top: 18px;
    margin-bottom: 18px;
}

#card-audio:hover {
    box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0);
}

#card-audio:active {
    background: linear-gradient(157deg, #7c69da 0%, #624ec6 100%);
}

#card-audio.fa-volume-up:after {
    content: "";
    display: block;
    height: 16px;
    width: 18px;
    background-image: url(/theme/image.php/boost_union/mod_wordcards/1792421257/audio-icon);
    background-size: 16px 18px;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 13px;
    left: 12px;
}

#card-audio.fa-volume-up:before {
    display: none;
}


/* Position the front and back side */
.flip-card-front,
.flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    /* Safari */
    backface-visibility: hidden;
}

/* Style the front side (fallback if image is missing) */
.flip-card-front {
    border-radius: 4px;
    background: #FFF;
    box-shadow: 0px 1.3px 9px 0px rgba(14, 18, 61, 0.22);
    color: #362A6C;
    font-size: 22px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: space-around;
}

@media screen and (min-width:480px) {
    .flip-card-front {
        font-size: 26px;
    }
}

/* Style the back side */
.flip-card-back {
    transform: rotateY(180deg);
    border-radius: 4px;
    background: #FFF;
    box-shadow: 0px 1.3px 9px 0px rgba(14, 18, 61, 0.22);
    color: #362A6C;
    font-size: 22px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

@media screen and (min-width:480px) {
    .flip-card-back {
        font-size: 26px;
    }
}


/* Definitions container subsection */

h3.list-of-words {
    font-size: 19px;
    margin-bottom: 36px;
    color: #2D225D;
    margin-top: 64px;
}

@media screen and (min-width:600px) {
    h3.list-of-words {
        font-size: 24px;
        margin-bottom: 64px;
        color: #2D225D;
        margin-top: 96px;
    }
}

/* Global div encapsulating all the terms. */

.path-mod-wordcards .terms {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
}

/* Each term is defined by a .term-wrapper. */

.path-mod-wordcards .definitions-container {
    margin-top: 36px;
}

@media screen and (min-width:600px) {
    .path-mod-wordcards .definitions-container {
        margin-top: 48px;
    }
}

.path-mod-wordcards .definitions-container a.wordcards-my-words-action {
    position: absolute;
    top: -8px;
    left: 11px;
    align-self: flex-end;
}

@media screen and (min-width:600px) {
    .path-mod-wordcards .definitions-container a.wordcards-my-words-action {
        right: auto;
        left: -5px;
        align-self: flex-start;
    }
}

.path-mod-wordcards .definitions-container .term-title {
    color: #281D5B;
    font-size: 18px;
    font-weight: 500;
    display: flex;
    align-items: center;
    margin-top: 48px;
    margin-left: 12px;
}

@media screen and (min-width:600px) {
    .path-mod-wordcards .definitions-container .term-title {
        margin-top: 0;
        margin-left: 36px;
    }
}

.term-title.term-title-definition {
    font-style: italic;
}

#audio-small {
    height: 28px;
    width: 28px;
    border-radius: 100%;
    position: relative;
    border: 1px solid #BABFE7;
    background-color: #fff;
    margin-left: 12px;
}

#audio-small:hover {
    background-color: #eff1fd;
}

#audio-small:active {
    background-color: #c7cbf0;
}

#audio-small.fa-volume-up:after {
    content: "";
    display: block;
    height: 16px;
    width: 18px;
    background-image: url(/theme/image.php/boost_union/mod_wordcards/1792421257/audio-icon-mini);
    background-size: 16px 18px;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 5px;
    left: 5px;
}

#audio-small.fa-volume-up:before {
    display: none;
}

.path-mod-wordcards .definitions-container .term-definition {
    color: #281D5B;
    font-size: 18px;
    font-style: italic;
    margin-top: 18px;
    min-width: 7%;
}

@media screen and (min-width:600px) {
    .path-mod-wordcards .definitions-container .term-definition {
        border-left: 1px solid #D7D9FF;
        padding-left: 12px;
        margin-left: 12px;
        margin-top: 0;
    }
}


.path-mod-wordcards .definitions-container .terms {
    width: 100%;
    box-shadow: 0px 2px 14px 0px rgba(14, 18, 61, 0.22);
    margin-bottom: 64px;
}

@media screen and (min-width:600px) {
    .path-mod-wordcards .definitions-container .terms {
        margin-bottom: 72px;
    }
}


.path-mod-wordcards .definitions-container .term {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    min-height: 80px;
}

@media screen and (min-width:600px) {
    .path-mod-wordcards .definitions-container .term {
        flex-direction: row;
        justify-content: flex-start;
    }
}

.path-mod-wordcards .term-wrapper {
    width: 100%;
    padding: 6px;
    border-bottom: 1px solid #D7D9FF;
}

.path-mod-wordcards .definitions-container .term-image {
    height: 80px;
    width: 140px;
    margin-top: 18px;
}

@media screen and (min-width:600px) {
    .path-mod-wordcards .definitions-container .term-image {
        margin-top: 0;
        padding-left: 24px;
    }
}

.path-mod-wordcards .term-wrapper:last-of-type {
    width: 100%;
    padding: 6px;
    border-bottom: none;
}

.learned-status {
    color: #5560F3;
    font-size: 12px;
    font-style: italic;
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-end;
    justify-content: center;
    align-self: flex-end;
    margin-top: 18px;
    margin-bottom: 18px;
    margin-right: 19px;
}

@media screen and (min-width:600px) {
    .learned-status {
        display: flex;
        flex-direction: column;
        align-self: auto;
        max-width: 46px;
        text-align: center;
        align-items: center;
        margin-top: 0;
        margin-bottom: 0;
        margin-right: 12px;
        margin-left: auto;
        line-height: 1.2;
        padding-left: 5px
    }
}

.learned-status-icon {
    height: 18px;
    width: 18px;
    background-size: 18px 18px;
    background-position: center;
    background-repeat: no-repeat;
    margin-left: 6px;
}

@media screen and (min-width:600px) {
    .learned-status-icon {
        margin-left: 0;
    }
}

.learned-status.learned .learned-status-icon {
    background-image: url(/theme/image.php/boost_union/mod_wordcards/1792421257/learned-icon);
}

.learned-status.not-learned .learned-status-icon {
    background-image: url(/theme/image.php/boost_union/mod_wordcards/1792421257/not-learned-icon);
}

.learned-status .learned-status-text::before {
    margin-top: 6px;
    display: block;
}

/* Remove the margin at the end of each 'row'. */

.path-mod-wordcards .term-wrapper:nth-of-type(3n) {
    margin-right: 0;
}

.dir-rtl.path-mod-wordcards .term-wrapper {
    margin-left: 1%;
    margin-right: 0;
}

/* Another term div, in case the wrapper wasn't enough. */

.path-mod-wordcards .flip-card-back .term {
    display: block;
    height: 388px;
    padding: 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}


/* The term header, where the title and tick will be. */

.path-mod-wordcards .term-header {
    position: relative;
}

/* Term title. Where a right padding is kept to leave room for the tick. */

.path-mod-wordcards .term-header {
    font-weight: bold;
    border-bottom: 1px solid #ccc;
    /* Separator between title and body. */
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.dir-rtl.path-mod-wordcards .term-header .term-title {
    padding-right: 0;
    padding-left: 25px;
}



/*
.path-mod-wordcards .flip-card .flip-card-back .term-title {
    margin-bottom: 18px;
}
*/
/*
.youglish-placeholder {
    height: 42px;
    width: 42px;
    border-radius: 100%;
    background: linear-gradient(157deg, #9582F2 0%, #6F58DE 100%);
    box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.15);
    position: relative;
    margin-bottom: 18px;
}

.youglish-placeholder:hover {
    box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0);
}

.youglish-placeholder:active {
    background: linear-gradient(157deg, #7c69da 0%, #624ec6 100%);
}

.youglish-placeholder:after {
    content: "";
    display: block;
    height: 12px;
    width: 20px;
    background-image: url(/theme/image.php/boost_union/mod_wordcards/1792421257/video-icon);
    background-size: 20px 12px;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 15px;
    left: 12px;
}

 */

.path-mod-wordcards .definition_flashcards .flip-card .term-image {
    padding: 12px;
    height: 180px;
    width: 100%;
}

@media screen and (min-width:600px) {
    .path-mod-wordcards .definition_flashcards .flip-card .term-image {
        height: 250px;
    }
}

/* The term tick, absolutely positioned to the right. */

.path-mod-wordcards .term-header .term-tick {
    position: absolute;
    right: 0;
    top: 0;
}

.dir-rtl.path-mod-wordcards .term-header .term-tick {
    left: 0;
    right: auto;
}

/* The term body, where the definition will be displayed. */

.path-mod-wordcards .term-body {}

/* Various classes for the appearance of the tick. */

.path-mod-wordcards .term-seen-action {
    display: block;
}

.path-mod-wordcards .term-seen-state {
    display: none;
}

.path-mod-wordcards .term-seen .term-seen-action {
    display: none;
}

.path-mod-wordcards .term-seen .term-seen-state {
    display: block;
}

.path-mod-wordcards .term-seen-loading {
    display: none;
}

.path-mod-wordcards .term-loading .term-tick>* {
    /* Hide all the children. */
    display: none;
}

.path-mod-wordcards .term-loading .term-seen-loading {
    display: block;
}

.path-mod-wordcards .page-footer {
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.path-mod-wordcards .nextactionbtncontainer {
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.path-mod-wordcards .page-footer p {
    text-align: right;
}

.dirt-rtl.path-mod-wordcards .page-footer p {
    text-align: left;
}

.path-mod-wordcards .wordcards {
    position: relative;
}

.path-mod-wordcards .wordcards .wordcard {
    position: absolute;
    display: table;
    box-sizing: border-box;
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 3px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.path-mod-wordcards .wordcards .wordcard .wordcard-wrapper {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.path-mod-wordcards .wordcards .wordcard .wordcard-content {
    overflow: hidden;
    box-sizing: border-box;
    padding: 5px;
}

.path-mod-wordcards .wordcards .wordcard.selected,
.path-mod-wordcards .wordcards .wordcard.found {
    background-color: green;
    color: white;
    cursor: initial;
}

.path-mod-wordcards .wordcards .wordcard.mismatch {
    background-color: red;
    color: white;
}

.path-mod-wordcards .wordcards .congrats {
    width: 300px;
    height: 100px;
    padding: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -70px 0 0 -170px;
    display: none;
    text-align: center;
    z-index: 1;
}

.path-mod-wordcards .wordcards .congrats div {
    padding-bottom: 10px;
}

.path-mod-wordcards .wordcards_timer {
    position: absolute;
    z-index: 1;
    background-color: #ececec;
    display: none;
}

.path-mod-wordcards .wordcards_timer_time {}

/**
 * Students navigate through tabs which look like arrows.
 *
 * Arrows need some ::before and ::after to work. A common CSS trick with borders.
 */

.path-mod-wordcards .student-navigation .student-tab {
    text-decoration: none;
    display: block;
    float: left;
    height: 40px;
    background: #ccc;
    /* Color for disabled tab. */
    text-align: center;
    padding: 10px 4px 0 20px;
    position: relative;
    margin: 0 10px 10px 0;
    text-decoration: none;
    color: #fff;
    box-sizing: border-box;
    font-size: 14px;
}

.dir-rtl.path-mod-wordcards .student-navigation .student-tab {
    float: right;
    padding: 10px 20px 0 4px;
    margin: 0 0 10px 10px;
}

.path-mod-wordcards .student-navigation .student-tab::after {
    content: "";
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 12px solid #ccc;
    /* Color for disabled tab. */
    position: absolute;
    right: -11px;
    top: 0;
    z-index: 1;
}

.dir-rtl.path-mod-wordcards .student-navigation .student-tab::after {
    border-left: 0;
    border-right: 12px solid #ccc;
    /* Color for disabled tab. */
    left: -12px;
    right: auto;
}

.path-mod-wordcards .student-navigation .student-tab::before {
    content: "";
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 12px solid white;
    position: absolute;
    left: 0;
    top: 0;
}

.dir-rtl.path-mod-wordcards .student-navigation .student-tab::before {
    border-left: 0;
    border-right: 12px solid white;
    right: 0;
    left: auto;
}

.path-mod-wordcards .student-navigation .student-tab.active {
    background: #3498db;
    /* The arrow colour for clickable tab. */
}

.path-mod-wordcards .student-navigation .student-tab.active::after {
    border-left-color: #3498db;
    /* The arrow colour for clickable tab. */
}

.dir-rtl.path-mod-wordcards .student-navigation .student-tab.active::after {
    border-right-color: #3498db;
    /* The arrow colour for clickable tab. */
}

.path-mod-wordcards .student-navigation a.student-tab.current,
.path-mod-wordcards .student-navigation a.student-tab:hover {
    background: #0070a8;
    /* The arrow colour for current tab and on hover effect. */
}

.path-mod-wordcards .student-navigation a.student-tab.current::after,
.path-mod-wordcards .student-navigation a.student-tab:hover::after {
    border-left-color: #0070a8;
    /* The arrow colour for current tab and on hover effect. */
}

.dir-rtl.path-mod-wordcards .student-navigation a.student-tab.current::after,
.dir-rtl.path-mod-wordcards .student-navigation a.student-tab:hover::after {
    border-right-color: #0070a8;
    /* The arrow colour for current tab and on hover effect. */
}

/* The step is the number within the arrows. */

.path-mod-wordcards .student-navigation .student-tab .step {
    border-radius: 50%;
    background: #fff;
    color: #ccc;
    /* Color for disabled tab. */
    width: 20px;
    display: inline-block;
    height: 20px;
    font-size: 14px;
}

.path-mod-wordcards .student-navigation .student-tab.active .step {
    color: #3498db;
    /* The arrow colour for clickable tab. */
}

.path-mod-wordcards .student-navigation a.student-tab.current .step,
.path-mod-wordcards .student-navigation a.student-tab:hover .step {
    color: #0070a8;
    /* The arrow colour for current tab and on hover effect. */
}

.path-mod-wordcards .student-navigation .student-tab .text {
    display: inline-block;
}

/* Simple media query to reduce the number of terms to two on the width. */
/*
@media (max-width: 767px) {
    .path-mod-wordcards .term-wrapper {
        width: 49%;
    }

    .path-mod-wordcards .term-wrapper:nth-of-type(3n) {
        margin-right: 1%;
    }

    .path-mod-wordcards .term-wrapper:nth-of-type(2n) {
        margin-right: 0;
    }

    .dir-rtl.path-mod-wordcards .term-wrapper:nth-of-type(3n) {
        margin-right: 0;
        margin-left: 1%;
    }

    .dir-rtl.path-mod-wordcards .term-wrapper:nth-of-type(2n) {
        margin-left: 0;
    }
}
*/
/* Simple media query for terms to go full width. */
/*
@media (max-width: 500px) {
    .path-mod-wordcards .term-wrapper {
        width: 100%;
        margin-right: 0;
        margin-left: 0;
    }
}
*/

/* ACTIVITY CSS */

#wordcards-gameboard {
    margin-top: 20px;
    display: none;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

#wordcards-results {
    display: none;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

.mod_wordcards_cancelattempt_cont {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

.mod_wordcards_cancelattempt_cont .cancel_attempt_button {
    max-width: 250px;
    /* float: right; */
}

#wordcards-answer-input {
    width: 100%;
    border-radius: 5px;
    padding: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
}

#wordcards-quit-button {
    display: none;
}

#wordcards-counter {
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    background-color: #F5F5FE;
    color: #414C81;
    border: 1px solid #DEE2FC;
    border-radius: 8px;
    height: 50px;
    margin-left: auto;
    margin-right: auto;
}

#wordcards-question {
    border: 1px solid #DEE2FC;
    border-radius: 8px;
    color: #1F2334;
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: center;
    font-size: 35px;
    padding: 10px;
    background-color: #F3F5FD;
    min-height: 100px;
    height: auto;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: content-box;
}

#wordcards-vocab-list {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

.a4e-flashcard-img {
    width: 64px;
    height: auto;
    display: block;
}

.a4e-prompt-img {
    /* position: absolute; */
    left: 10px;
    top: 10px;
    bottom: 0;
    height: 100px;
    width: auto;
    border-radius: 8px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
}

.a4e-distractors {
    text-align: center;
    font-size: 18px;
}

.a4e-distractors .a4e-distractor {
    display: flex;
    align-items: center;
    background-color: #FFFFFF;
    border: 1px solid #DEE2FC;
    border-radius: 8px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    color: #1F2334;
    padding: 12px 20px;
    margin-bottom: 10px;
}

.a4e-option-label {
    flex: 1;
    text-align: start;
}

.a4e-option-label p {
    margin: 0;
}

.a4e-distractors .a4e-distractor:hover {
    background-color: #F3F5FD;
    border-color: #C7D2FF;
}

.a4e-distractors .a4e-distractor.a4e-correct {
    border-color: #74DC72;
}

.a4e-distractors .a4e-distractor.a4e-incorrect {
    border-color: #FB6363;
}

.a4e-distractor {
    cursor: pointer;
}

.a4e-distractors .a4e-distractor:focus-visible,
.a4e-card:focus-visible {
    outline: 2px solid #506DFF;
    outline-offset: 2px;
}

.a4e-option-number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    background-color: #f5f5f5;
    font-size: 0.85em;
    font-weight: 600;
    color: #999;
    margin-inline-end: 8px;
}

.a4e-correct-glyph {
    color: green;
}

.a4e-incorrect-glyph {
    color: red;
}

.a4e-click-disabled {
    pointer-events: none;
}

/* FLASHCARDS */

.a4e-flashcards-container {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: #FFFFFF;
    border: 1px solid #DEE2FC;
    border-radius: 8px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    padding: 16px;
}

.a4e-card {
    cursor: pointer;
    display: inline-block;
    margin: 5px;
    width: 250px;
    height: 100px;
}

.a4e-card .wordcards_defcard {
    position: relative;
    background-color: #F3F5FD;
    border: 1px solid #DEE2FC;
    border-radius: 8px;
    color: #1F2334;
    padding: 10px;
    width: 250px;
    height: 100px;
}

.a4e-card .wordcards_termcard {
    position: relative;
    background-color: #FFFFFF;
    border: 1px solid #DEE2FC;
    border-radius: 8px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    color: #1F2334;
    font-weight: 600;
    padding: 10px;
    width: 250px;
    height: 100px;
}

.a4e-card .wordcards_cardtext {
    width: 100%;
    height: 100%;
}

/* Portrait cards: used when term images are shown on the flip cards.
   The image sits at the top of both faces and the text flips beneath it. */
.a4e-card.wordcards_portrait,
.a4e-card.wordcards_portrait .wordcards_defcard,
.a4e-card.wordcards_portrait .wordcards_termcard {
    width: 210px;
    height: 280px;
}

.a4e-card.wordcards_portrait .wordcards_defcard,
.a4e-card.wordcards_portrait .wordcards_termcard {
    display: flex;
    flex-direction: column;
    padding: 0;
}

.a4e-card.wordcards_portrait .wordcards_cardimage {
    height: 150px;
    padding: 10px 10px 0;
    flex-shrink: 0;
}

.a4e-card.wordcards_portrait .wordcards_cardimage img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 6px;
}

.a4e-card.wordcards_portrait .wordcards_cardtext {
    flex: 1;
    height: auto;
    padding: 10px;
    min-height: 0;
}

.play-tts {
    position: absolute;
    left: 8px;
    top: 8px;
    z-index: 1;
    background-color: #E6E9FD;
    border: 0;
    border-radius: 8px;
    color: #506DFF;
}

.play-tts:hover,
.play-tts:focus,
.play-tts:active {
    background-color: #C7D2FF;
    border: 0;
    box-shadow: none;
    color: #2642CD;
}

/* FEEDBACK */

.a4e-correct {
    background-color: #F2FBF0 !important;
    border: 1px solid #74DC72;
    border-radius: 8px;
    color: #099506;
    padding: 2px;
}

.a4e-incorrect {
    background-color: #f8d7da !important;
    border: 1px solid #FB6363;
    border-radius: 8px;
    color: #842029;
    padding: 2px;
}

.a4e-basic_feedback {
    text-align: center;
    padding: 10px;
    margin-bottom: 5px;
    background-color: #FFFFFF;
    border: 1px solid #DEE2FC;
    border-radius: 8px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
}

.a4e-detailed_feedback_div {
    text-align: left;
    padding: 10px;
    font-size: 20px;
    border-radius: 5px;
    margin: 5px;
    display: inline-block;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    vertical-align: top;
}

#wordcards-submitted {
    height: 64px;
    padding: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    border: 1px solid #DEE2FC;
    border-radius: 8px;
    text-align: center;
    font-size: 26px;
    font-weight: 600;
}

/* KEYBOARD */

.chunk-key {
    width: 50px;
    height: 50px;
    background-color: #f5f5f5;
    border-radius: 8px;
    border: 1px solid #C7D2FF;
    margin: 5px;
    display: inline-block;
    cursor: pointer;
}

.chunk-key-inner {
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 28px;
    color: #1F2334;
}

#chunk-input {
    width: 100%;
    text-align: center;
    background-color: #FFFFFF;
    border: 1px solid #DEE2FC;
    border-radius: 8px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    overflow: hidden;
    vertical-align: top;
    padding-top: 50px;
    padding-bottom: 60px;
    position: relative;
    box-sizing: border-box;
}

#chunk-typed {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 40px;
    border-bottom: 1px solid #DEE2FC;
    box-sizing: border-box;
}

#chunk-typed-inner {
    height: 40px;
    line-height: 40px;
    font-size: 26px;
    width: 100%;
    overflow-x: auto;
    box-sizing: border-box;
    background-color: #F5F5FE;
}

#chunk-input-controls {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50px;
    border-top: 1px solid #DEE2FC;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

.chunk-input-control {
    height: 49px;
    width: 50%;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    cursor: pointer;
}

.chunk-input-disabled {
    opacity: 0.3;
    pointer-events: none;
}

.a4e-key-pressed {
    background-color: #E6E9FD !important;
}

#delete-chunk-input {
    background-color: #f8f9fa;
    border: 0;
    border-radius: 0;
    color: #80859d;
}

#delete-chunk-input:hover,
#delete-chunk-input:focus,
#delete-chunk-input:active {
    background-color: #f0f0f0;
    border: 0;
    box-shadow: none;
    color: #80859d;
}

#submit-chunk-input {
    background-color: #506DFF;
    border: 0;
    border-radius: 0;
    color: #FFFFFF;
}

#submit-chunk-input:hover,
#submit-chunk-input:focus,
#submit-chunk-input:active {
    background-color: #2642CD;
    border: 0;
    box-shadow: none;
    color: #FFFFFF;
}

.a4e-key-disabled {
    pointer-events: none;
    opacity: 0.3;
}

/* SPEECH CARDS */

#speech-container {
    border: 1px solid darkgray;
    margin-bottom: 5px;
    padding: 10px;
}

#wordcards-speechcards_pushrecorder {
    text-align: center;
    background-image: url(/theme/image.php/boost_union/mod_wordcards/1792421257/spinner);
    background-repeat: no-repeat;
    background-position: center;
}

.wordcards-speechcards_toprow {
    margin: 15px auto;
    display: flex;
    justify-content: center;
}

.wordcards-speechcards_whatheard {
    width: 400px;
    border: dotted 1px;
    border-color: green;
    text-align: center;
    margin: 1px;
}

.wordcards-speechcards_gotit {
    color: white;
    background-color: green;
}

.wordcards-speechcards_button {}

.wordcards_loading {
    text-align: center;
    margin: 20px;
    padding: 10px;
}

.wordcards_loadingtext {
    margin: 10px;
}



.mod_wordcards_activity_header {
    margin-top: 24px;
    margin-bottom: 24px;
    color: #281D5B;
}

@media screen and (min-width:600px) {
    .mod_wordcards_activity_header {
        margin-top: 48px;
        margin-bottom: 48px;
    }
}

.mod_wordcards_activity_header h3 {
    font-size: 19px;
    margin-bottom: 24px;
    color: #2D225D;
}

@media screen and (min-width:600px) {
    .mod_wordcards_activity_header h3 {
        font-size: 22px;
        margin-bottom: 36px;
    }
}

/* PROGRESS DOTS */

#wordcards-progress-dots {
    font-size: 40px;
    text-align: center;
    letter-spacing: 10px;
    border: 1px solid darkgray;
    margin-bottom: 5px;
}

#wordcards-star-rating {
    letter-spacing: 20px;
    text-align: center;
    font-size: 30px;
}

/*
#container {
    margin-top: 10px;
    margin-bottom: 10px;
}
*/

#try-again-or-next {
    height: 48px;
    margin-bottom: 50px;
}

.mod_wordcards_actionbuttons {
    text-align: right;
}

.mod_wordcards_listbuttons {
    margin: 10px;
    display: grid;
}

/*TT Recorder Styles */
.mod_wordcards_ttrec_waveButtonContainer {
    position: relative;
    margin: auto;
    border: 2px solid darkgray;
    border-radius: 10px;
    width: 200px;
}

.mod_wordcards_ttrec_waveForm {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: white;
    border-radius: 10px;
}

.mod_wordcards_ttrec_waveButton {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    box-shadow: inset 0px 1px 3px #ffccbd, inset 0px -1px 3px #9c282e;
    color: #000;
    font-size: 26px;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3);
    -webkit-appearance: none;
    -moz-appearance: none;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    color: white;
    border: none;
    outline: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background-color: red;
}

.path-mod-wordcards .term-header .term-modelsentence {
    font-weight: normal;
    margin-top: 2px;
}

.wordcards-poodllspeechcards_box {
    text-align: center;
    padding: 10px;
    border: 1px solid black;
    font-size: 32px;
    width: 75%;
    margin: auto;
    border-radius: 10px;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.75);
    margin-top: 10px;
    margin-bottom: 10px;
}

/* flashcards_mode style start */

.ProgressBar {
    margin: 0 auto;
    padding: 2em 0 3em;
    list-style: none;
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    width: 37%;
}

.ProgressBar-step {
    text-align: center;
    position: relative;
    width: 100%;
    margin-left: 3%;
}

.ProgressBar-step:before,
.ProgressBar-step:after {
    content: "";
    height: 0.5em;
    /*background-color: #9F9FA3;*/
    position: absolute;
    z-index: 1;
    width: 100%;
    left: -50%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
}

.ProgressBar-step:first-child:before,
.ProgressBar-step:first-child:after {
    display: none;
}

.ProgressBar-step:after {
    /* background-color: #00637C;*/
    width: 0%;
}

.ProgressBar-step.is-complete+.ProgressBar-step.is-current:after,
.ProgressBar-step.is-complete+.ProgressBar-step.is-complete:after {
    width: 100%;
}

.ProgressBar-icon {
    width: 1.5em;
    height: 1.5em;
    /* background-color: #9F9FA3; */
    /* fill: #9F9FA3; */
    cursor: pointer;
    border-radius: 50%;
    border: 1px solid;
    padding: 0.5em;
    max-width: 100%;
    z-index: 10;
    position: relative;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
}

.is-current .ProgressBar-icon {
    fill: #4f544f;
    background-color: #4f544f;
}

.is-complete .ProgressBar-icon {
    fill: #008000;
    background-color: #008000;
}

.ProgressBar-stepLabel {
    display: block;
    text-transform: uppercase;
    color: #9F9FA3;
    position: absolute;
    padding-top: 0.5em;
    width: 100%;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
}

.is-current>.ProgressBar-stepLabel,
.is-complete>.ProgressBar-stepLabel {
    color: #00637C;
}

.wrapper_pr {
    max-width: 100%;
    /* margin: 4em auto; */
    font-size: 16px;
}

.definition_flashcards_ul li {
    list-style: none;
}

.df_fl_control {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    top: 42%;
}

@media screen and (min-width:480px) {
    .df_fl_control {
        top: 50%;
    }
}

.df_fl_control a {
    font-size: 35px;
    color: #e2510c;
    cursor: pointer;
}


.df_fl_control button#Prev {
    height: 32px;
    width: 32px;
    background-image: url(/theme/image.php/boost_union/mod_wordcards/1792421257/arrow-left);
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    border: 1px solid #DADBEC;
    border-radius: 100%;
    display: flex;
    align-content: center;
    justify-items: center;
}

@media screen and (min-width:480px) {
    .df_fl_control button#Prev {
        height: 48px;
        width: 48px;
        margin-left: 32px;
        background-size: 22px 18px;
    }
}

.df_fl_control button#Next {
    height: 32px;
    width: 32px;
    background-image: url(/theme/image.php/boost_union/mod_wordcards/1792421257/arrow-right);
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    border: 1px solid #DADBEC;
    border-radius: 100%;
    display: flex;
    align-content: center;
    justify-items: center;
}

.df_fl_control button#Prev.isFirst {
    visibility: hidden;
}

.df_fl_control button#Next.isLast {
    background-image: url(/theme/image.php/boost_union/mod_wordcards/1792421257/restart-carousel-icon);
    background-color: transparent;
    border-color: transparent;
    border-radius: 8px;
    background-size: 16px;
}

@media screen and (min-width:480px) {
    .df_fl_control button#Next.isLast {
        background-size: 22px;
    }
}

@media screen and (min-width:480px) {
    .df_fl_control button#Next {
        height: 48px;
        width: 48px;
        margin-right: 32px;
        background-size: 22px 18px;
    }
}

.df_fl_control button#Prev:hover,
.df_fl_control button#Next:hover {
    background-color: #f7f8fe;
}

.wc_cardsprogress {
    width: 48px;
    height: 24px;
    border-radius: 3px;
    border: 1px solid #D8DCFA;
    color: #494B6D;
    font-size: 12px;
    font-weight: 500;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 12px;
}

@media screen and (min-width:480px) {
    .wc_cardsprogress {
        width: 78px;
        height: 40px;
        font-size: 14px;
        border-radius: 6px;
        margin-top: 18px;
    }
}

ul.definition_flashcards_ul {
    display: flex;
    align-content: center;
    justify-items: center;
    margin-top: -48px;
    padding: 0;
}

.df_fl_control button:focus {
    outline: unset !important;
}

.mb_nav {
    text-align: center;
}

.add_opacity_level {
    opacity: 0.6;
}

.add_wraper_handle_im {
    margin-top: 5%;
    width: 100% !important;
}

.add_wraper_handle {
    width: 100% !important;
}


.df_fl {
    width: 100%;
    display: flex;
    flex-direction: column;
    background-image: url(/theme/image.php/boost_union/mod_wordcards/1792421257/slider-bckg);
    background-repeat: no-repeat;
    background-size: cover;
    justify-content: center;
    align-items: center;
    padding-bottom: 36px;
    margin-top: 72px;
}

@media screen and (min-width:480px) {
    .df_fl {
        border-radius: 30px;
    }
}

.flash_img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 6px;
}

.wordcards_importintro {
    max-width: 1200px;
    margin: 10px;

}

.mod_wordcards_center {
    text-align: center;
}

.mod_wordcards_ww_label {
    display: inline-block;
    /* width: 50px;*/
    /* text-align: right; */
}

.mod_wordcards_ww_onesense {
    border: 1px solid grey;
    border-radius: 3px;
    margin: 20px;
    padding: 20px;
}

.mod_wordcards_ww_sourcedef {
    font-style: italic;
}

.mod_wordcards_ww_def {
    width: 100%;
    max-width: 400px;
}

.mod_wordcards_ww_modelsentence {
    width: 100%;
    max-width: 600px;
}

.mod_wordcards_ww_fieldset {
    margin: 20px;
    padding: 10px;
}

.definition_flashcards a.wordcards-my-words-action {
    position: absolute;
    top: -2px;
}

.flip-card-front a.wordcards-my-words-action {
    right: 5px;
}

.flip-card-back a.wordcards-my-words-action {
    left: 5px;
}

a.wordcards-my-words-action.btn-outline-primary i.fa-check,
a.wordcards-my-words-action.disabled i.fa-check {
    /*If the btn-outline-primary class is applied so the button is in the "Add" state (show plus icon only). */
    display: none;
}

a.wordcards-my-words-action.btn-primary i.fa-plus,
a.wordcards-my-words-action.disabled i.fa-plus {
    /*In this case the btn-outline-primary class is applied so the button is in the "Remove" state (show check icon only). */
    display: none;
}


#my-words .fa-plus {
    position: relative;
}

#my-words .fa-plus::before {
    content: "";
    height: 27px;
    width: 19px;
    display: block;
    background-image: url(/theme/image.php/boost_union/mod_wordcards/1792421257/bookmark-empty);
    background-size: contain;
    background-repeat: no-repeat;
}

@media screen and (min-width:600px) {
    .definition_flashcards #my-words .fa-plus::before {
        height: 34px;
        width: 24px;
    }
}


#my-words .fa-plus::after {
    content: "";
    height: 10px;
    width: 9px;
    display: block;
    background-image: url(/theme/image.php/boost_union/mod_wordcards/1792421257/add-word-plus);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 7px;
    left: 5px;
}

@media screen and (min-width:600px) {
    .definition_flashcards #my-words .fa-plus::after {
        height: 12px;
        width: 11px;
        top: 9px;
        left: 6px;
    }
}

#my-words:hover .fa-plus::after {
    transform: scale(1.2);
}

#my-words .fa-check::before {
    content: "";
    height: 27px;
    width: 19px;
    display: block;
    background-image: url(/theme/image.php/boost_union/mod_wordcards/1792421257/bookmark-filled);
    background-size: contain;
    background-repeat: no-repeat;
}

@media screen and (min-width:600px) {
    .definition_flashcards #my-words .fa-check::before {
        height: 34px;
        width: 24px;
    }
}

#my-words.btn-primary,
#my-words.btn-outline-primary {
    color: transparent;
    border-color: transparent;
    background-color: transparent;
}

#my-words.btn-outline-primary:focus,
#my-words.btn-outline-primary.focus,
#my-words.btn-primary:focus,
#my-words.btn-primary.focus {
    outline: 0.2rem solid transparent;
    box-shadow: inset 0 0 0 2px transparent;
}

#my-words.btn-outline-primary:not(:disabled):not(.disabled):active,
#my-words.btn-outline-primary:not(:disabled):not(.disabled).active,
.show>#my-words.btn-outline-primary.dropdown-toggle {
    background-color: transparent;
}


a.wordcards-my-words-action i.fa-spinner {
    display: none;
}

a.wordcards-my-words-action.disabled i.fa-spinner {
    display: inline-block;
}

.btn.wordcards-my-words-action {
    font-weight: normal;
    font-size: 0.7em;
    padding: 0 5px 0 5px;
    border-radius: 3px;
    margin-left: 5px;
}

.mod_wordcards_freemode #results-inner .wordcards-my-words-action.btn.btn-primary,
.mod_wordcards_freemode #results-inner .wordcards-my-words-action.btn.btn-outline-primary {
    margin-top: 3px;
}

.mod_wordcards_item_rating {

    margin-top: 12px;
}

.wordcards_actionbutton a.btn {
    min-width: 150px;
    margin-top: 8px;
}

@media screen and (max-width:480px) {
    .mod_wordcards_step_rating img {
        max-width: 100%;
    }
}

@media screen and (max-width:922px) {
    .mod_wordcards_step_rating img {
        max-width: 16px;
    }
}

.mod_wordcards_skeleton_box {
    background-color: #DDDBDD;
    color: grey;
    -webkit-mask: linear-gradient(-60deg, #000 30%, #0005, #000 70%) right/300% 100%;
    background-repeat: no-repeat;
    animation: wordcardsshimmer 2.5s infinite;
    width: 100%;
    height: 100px;

}

@keyframes wordcardsshimmer {
    100% {
        -webkit-mask-position: left
    }
}

.mod_wordcards_activity_header .pull-right,
.term-wrapper .pull-right {
    float: right;
}

/* Limit page width following Moodle4 default heading sizes */

#page-mod-wordcards-view #region-main-box {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

button.definitions-next.btn {
    font-weight: 500;
    font-size: 16px;
    color: #FFF;
    background: #6F58DE;
    box-shadow: 0 4px 14px rgba(0, 0, 0, .15);
    border-radius: 6px;
    padding: 14px 36px;
}


button.definitions-next.btn .fa-arrow-right:after {
    content: "";
    display: block;
    height: 16px;
    width: 18px;
    background-image: url(/theme/image.php/boost_union/mod_wordcards/1792421257/next-page-arrow);
    background-size: 16px 18px;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    top: 3px;
    left: 4px;
}

button.definitions-next.btn .fa-arrow-right:before {
    display: none;
}

.retrieval-buttons {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 232px;
    margin-bottom: 12px;
    margin-top: 6px;
}

@media screen and (min-width:600px) {
    .retrieval-buttons {
        width: 356px;
    }
}

.retrieve-video {
    height: 30px;
    width: 38px;
    background-image: url(/theme/image.php/boost_union/mod_wordcards/1792421257/retrieve-video-icon);
    background-size: 38px 30px;
    background-position: center;
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
}

.retrieve-video.isselected {
    background-color: #CCCCCC;
}

.retrieve-video.isselected.video-selected {
    background-color: unset;
    background-image: url(/theme/image.php/boost_union/mod_wordcards/1792421257/retrieve-image-icon);
}

.retrieve-video.btn {
    border-radius: 0;
}


/* Model sentence for flashcards section*/

.definition_flashcards .term-modelsentence {
    background-color: #F7F5FE;
    font-size: 16px;
    padding: 24px;
    line-height: 1.4;
    margin-top: 48px;
    margin-left: 18px;
    margin-right: 18px;
    border-radius: 8px;
    position: relative;
}

@media screen and (min-width:600px) {
    .definition_flashcards .term-modelsentence {
        font-size: 18px;
        padding: 36px;
    }
}

.definition_flashcards .term-modelsentence h5 {
    color: #745EE3;
    text-transform: uppercase;
    font-size: 9px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0.54px;
    margin-bottom: 18px;
    margin-top: -4px;
}

@media screen and (min-width:600px) {
    .definition_flashcards .term-modelsentence h5 {
        font-size: 10px;
        margin-bottom: 24px;
        margin-top: -10px;
    }
}

.definition_flashcards .term-modelsentence-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.definition_flashcards .term-modelsentence-small {
    height: 32px;
    width: 32px;
    border-radius: 100%;
    border: 1px solid #6F58DE;
    margin-top: 12px;
    background-image: url(/theme/image.php/boost_union/mod_wordcards/1792421257/audio-icon-negative);
    background-size: 14px 10px;
    background-position: center;
    background-repeat: no-repeat;
}

.definition_flashcards .term-modelsentence-small:hover {
    background-color: #eae8f7;
}

.definition_flashcards .term-modelsentence-small:active {
    background-color: #eae8f7;
}

/* Model sentence for definitions section*/

.definitions-container .term-modelsentence {
    font-size: 16px;
    line-height: 1.5;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 18px;
    max-width: 80%;
    text-align: center;
    color: #8388b8;
}

@media screen and (min-width:600px) {
    .definitions-container .term-modelsentence {
        margin-left: 18px;
        flex-direction: row;
        margin-top: 0;
        max-width: none;
        text-align: left;
        width: 80%;
    }
}

.definitions-container .term-modelsentence::before {
    content: '';
    display: block;
    height: 28px;
    width: 18px;
    border-left: 1px solid #D7D9FF;
    flex-shrink: 0;
    display: none;
}

@media screen and (min-width:600px) {
    .definitions-container .term-modelsentence::before {
        display: block;
    }
}


.definitions-container .term-modelsentence-small {
    height: 28px;
    width: 28px;
    border-radius: 100%;
    position: relative;
    border: 1px solid #BABFE7;
    background-color: #fff;
    margin-left: 12px;
    margin-right: 12px;
    margin-top: 6px;
    background-image: url(/theme/image.php/boost_union/mod_wordcards/1792421257/audio-icon-mini);
    background-size: 16px 18px;
    background-position: center;
    background-repeat: no-repeat;
    flex-shrink: 0;
}

@media screen and (min-width:600px) {
    .definitions-container .term-modelsentence-small {
        margin-top: 0;
    }
}

.definitions-container .term-modelsentence-small:hover {
    background-color: #eff1fd;
}

.definitions-container .term-modelsentence-small:active {
    background-color: #c7cbf0;
}

/*space game */
.path-mod-wordcards div.fontloader {
    visibility: hidden;
    font-family: 'Audiowide', Sans;
}

.path-mod-wordcards #mod_wordcards_spacegame {
    background-color: #000;
    width: 100%;
    height: 100%;
}

.quizgame-scores {
    text-align: center;
}

.floating-button-container {
    background: #fff;
    border: 0.5rem solid #fff;
}

.floating-game-canvas {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999;
}

#page-mod-wordcards-view div[role="main"] {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

@media (min-width: 768px) {

    /* on ipad air 75% would cause main area to wrap .. 74% seems to work */
    .col-md-9.wordcards-freemode-mainstage {
        max-width: 74%;
    }
}

.learned-progress-bar {
    width: 35px;
    height: 7px;
    background-color: #F7F5FE;
    position: relative;
    margin-top: 3px;
}

.learned-progress-fill {
    width: 0;
    height: 100%;
    background-color: #5560F3;
    /* Set the color of the progress */
    transition: width 0.3s ease;
    /* Add a smooth transition effect */
}

.definition_as_header {
    font-weight: bolder;
    z-index: 1;
}

.wordcards_reportsmenu_box {
    text-align: center;
    display: flex;
}

.wordcards_reportsmenu_item {
    width: 150px;
    margin: 10px;
}

.wordcards_reportsmenu_itembutton button {
    height: 80px;
    width: 150px;
}

.wordcards-speechcards-speaker-icon {
    text-align: center;
}

.definition-as-header {
    flex: 1;
}

#wordcards-export-delim {
    margin-top: 10px;
    max-width: 150px;
}

.wordcards_selectedpoolnowords {
    max-width: 500px;
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
    border: 1px, grey, solid;
}

.wordcards_deflang_chooser {
    float: right;
    padding: 5px;
}

.mod_wordcards_manybuttonsmenu_item {
    max-width: 800px;
}

/* Words Preview Self Selector Switch */
.wc_selfselector {
    position: relative;
    display: inline-block;
    width: 34px;
    height: 20px;
}

.wc_selfselector input {
    opacity: 0;
    width: 0;
    height: 0;
}

.wc_selfselector .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: .4s;
    border-radius: 34px;
}

.wc_selfselector .slider:before {
    position: absolute;
    content: "";
    height: 14px;
    width: 14px;
    left: 3px;
    bottom: 3px;
    background-color: white;
    transition: .4s;
    border-radius: 50%;
}

.wc_selfselector input[data-learned="true"]:checked+.slider {
    background-color: #2196F3;
}

.wc_selfselector input:checked+.slider {
    background-color: #0b9f5f;
}

.wc_selfselector input:checked+.slider:before {
    transform: translateX(14px);
}

.wc_selfselector {
    display: flex;
    flex-direction: column;
    align-self: auto;
    max-width: 46px;
    text-align: center;
    align-items: center;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 12px;
    margin-left: auto;
    line-height: 1.2;
    padding-left: 5px;
}

/* WordCards Image Maker */
.mod-wordcards-imagemaker-overlay {
    position: absolute;
    background: rgba(255, 255, 255, 1);
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 2;
}

.mod-wordcards-imagemaker-blur {
    filter: blur(4px);
}

.mod-wordcards-imagemaker-loading-spinner-container {
    min-height: 300px;
}

.mod-wordcards-imagemaker-loading-spinner {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mod-wordcards-imagemaker-spinner-style {
    width: 3rem !important;
    /* stylelint-disable-line declaration-no-important */
    height: 3rem !important;
    /* stylelint-disable-line declaration-no-important */
    color: #0f6cbf;
    z-index: 1000;
}

.mod-wordcards-imagemaker-spinner-text-style {
    font-size: 1.5rem;
    font-weight: bold;
    z-index: 1000;
}

.mod-wordcards-generate-image {
    border-radius: 15px;
    border: 2px dashed #bbb;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    min-height: 150px;
    margin-left: 0;
    margin-top: 0;
}


.mod-wordcards-imagemaker-fa-image {
    height: 100%;
    width: 100%;
    /* background-image: url(/theme/image.php/boost_union/mod_wordcards/1792421257/sparkles-image); */
    background-repeat: no-repeat;
    background-position: center;
    background-color: rgba(255, 255, 255, 0.5);
    background-blend-mode: lighten;
    background-size: 100px 100px;

}

.mod-wordcards-imagemaker-toggle-container {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.mod-wordcards-imagemaker-toggle-switch {
    display: none;
}

.mod-wordcards-imagemaker-toggle-slider {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #fff;
    border-radius: 34px;
    padding: 2px;
    border: 1px solid #aaa;
}

.mod-wordcards-imagemaker-toggle-slider span {
    width: 50%;
    text-align: center;
    padding: 5px 0;
    border-radius: 34px;
    cursor: pointer;
    transition: background-color 0.3s, color 0.3s;
}

.mod-wordcards-imagemaker-toggle-switch:checked+.mod-wordcards-imagemaker-toggle-slider .mod-wordcards-imagemaker-slider-right {
    background-color: #007bff;
    color: white;
}

.mod-wordcards-imagemaker-toggle-switch:not(:checked)+.mod-wordcards-imagemaker-toggle-slider .mod-wordcards-imagemaker-slider-left {
    background-color: #007bff;
    color: white;
}

.mod-wordcards-imagemaker-aspect-ratio-container {
    display: flex;
}

.mod-wordcards-imagemaker-aspect-ratio-btn {
    position: relative;
    width: 100px;
    height: 75px;
    background-color: #f8f9fa;
    border-radius: 15px;
    text-align: center;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: background-color 0.3s, border-color 0.3s;
}

.mod-wordcards-imagemaker-aspect-ratio-btn i {
    font-size: 30px;
    margin-bottom: 5px;
}

.mod-wordcards-imagemaker-aspect-ratio-btn span {
    font-size: 14px;
}

.mod-wordcards-imagemaker-aspect-ratio-btn input[type="radio"] {
    display: none;
}

.mod-wordcards-imagemaker-aspect-ratio-btn input[type="radio"]:checked+.mod-wordcards-imagemaker-aspect-ratio-label {
    background-color: #007bff;
    color: white;
    border-color: #007bff;
}

.mod-wordcards-imagemaker-aspect-ratio-label {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
    transition: background-color 0.3s, border-color 0.3s;
    border: 1px solid #aaa;
}

.mod-wordcards-imagemaker-image-display-container {
    /* position: absolute; */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.mod-wordcards-imagemaker-image-display-container img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.mod_wordcards_form_imagegen .col-form-label {
    max-width: 10px;
}

.mod_wordcards_imagegen_btn {
    margin-top: 10px;
    width: 100%;
}

.mod_wordcards_imagemaker_term {
    text-decoration: underline;
}

.wordcards_user_course_progress {
    display: flex;
    align-items: center;
    margin-top: 20px;
}

.ww_bulk_image_thumb {
    width: 100px;
    height: 100px;
    object-fit: cover;
    border-radius: 10px;
    margin-right: 10px;
    margin-top: 10px;
}

/* overrides to allow image to show on front along with other elements */
.path-mod-wordcards .definition_flashcards .flip-card .flip-card-front .term-image {
    height: 200px;
}

.definition_flashcards .term-modelsentence.compact-modelsentence {
    margin-top: 3px;
    margin-left: 8px;
    margin-right: 8px;
    padding: 20px;
}

@media screen and (min-width: 600px) {
    .definition_flashcards .term-modelsentence.compact-modelsentence {
        padding: 20px;
    }
}

#card-audio.compact-audio {
    margin-bottom: 8px;
}

/* Progress Dashboard Widget */
/* Limit the grid width on very large screens */
.wordfish-custom-grid {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
}

/* Make each cell square with rounded corners */
.wordfish-grid-item {
    position: relative;
    width: 100%;
    padding-top: 100%;
    /* makes it square (height = width) */
    background-color: #f8f9fa;
    /* light Bootstrap gray */
    border-radius: 12px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    text-align: center;
    color: #333;
    font-size: 1.5rem;
}

/* Center text/content inside each square */
.wordfish-grid-item::before {
    content: attr(data-content);
}

/* Using flex centering inside the square */
.wordfish-grid-item>* {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* Optional hover styling */
.wordfish-grid-item:hover {
    background-color: #e9ecef;
    transition: background-color 0.2s ease;
}

/* Progress dashboard on course*/
.wc-progressdash-grid {
    background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

.wc-progressdash-grid .row {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(301px, 1fr));
    gap: 2rem;
    padding-top: 2rem;
    margin-left: 0;
    margin-right: 0;
}

.wc-progressdash-grid .row .col-12 {
    background: white;
    border-radius: 12px;
    padding: 2rem;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.07);
    transition: transform 0.2s, box-shadow 0.2s;
    width: auto;
}

.wc-progressdash-grid .row .col-12:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 16px rgba(0, 0, 0, 0.1);
}

.wc-progressdash-grid .wc-progressdash-grid-label {
    font-size: 0.875rem;
    font-weight: 600;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 1rem;
}

.wc-progressdash-grid .wc-progressdash-grid-item {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.wc-progressdash-grid .wc-progressdash-grid-item .wordcardsdashboard_deflang_chooser {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.wc-progressdash-grid .wc-progressdash-grid-item .wordcardsdashboard_deflang_chooser .menumydefs_lang {
    padding: 0.75rem;
    border: 2px solid #e2e8f0;
    border-radius: 8px;
    font-size: 1rem;
    color: #1e293b;
    background-color: white;
    cursor: pointer;
    transition: border-color 0.2s;
}

.wc-progressdash-grid .wc-progressdash-grid-item .wordcardsdashboard_deflang_chooser .menumydefs_lang+button {
    padding: 0.75rem 1.5rem;
    background-color: #e2e8f0;
    border: none;
    border-radius: 8px;
    font-size: 0.95rem;
    font-weight: 600;
    color: #1e293b;
    cursor: pointer;
    transition: background-color 0.2s;
    text-transform: capitalize;
}

.wc-progressdash-grid .wc-progressdash-grid-item ul {
    list-style: none;
    padding-left: 0;
}

.wc-progressdash-grid .wc-progressdash-grid-item ul>li {
    padding: 0.3rem 0;
    color: #475569;
    font-size: 0.95rem;
    border-bottom: 1px solid #f1f5f9;
}

.wc-progressdash-grid .wc-progressdash-grid-item ul>li::before {
    content: "•";
    color: #3b82f6;
    font-weight: bold;
    margin-right: 0.75rem;
}

.wc-progressdash-grid .wc-progressdash-grid-item a {
    color: #3b82f6;
    text-decoration: none;
    font-weight: 600;
    transition: color 0.2s;
}

.wc-progressdash-grid .col-12:is(:nth-child(1), :nth-child(2)) .wc-progressdash-grid-item {
    width: 140px;
    height: 140px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin: 0 auto;
    font-size: 0.875rem;
    color: #94a3b8;
    font-weight: 500;
    --progress: 0%;
}

.wc-progressdash-grid .col-12:is(:nth-child(1), :nth-child(2)) .wc-progressdash-grid-item::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: conic-gradient(#3b82f6 var(--progress), #e2e8f0 var(--progress));
    transition: background 0.3s ease;
}

.wc-progressdash-grid .col-12:is(:nth-child(1), :nth-child(2)) .wc-progressdash-grid-item::after {
    content: '';
    position: absolute;
    width: 110px;
    height: 110px;
    border-radius: 50%;
    background: white;
    z-index: 1;
}

.wc-progressdash-grid .col-12:is(:nth-child(1), :nth-child(2)) .wc-progressdash-grid-item .wc-pg-upperno {
    font-size: 2rem;
    font-weight: 700;
    color: #3b82f6;
    border-bottom: 1px solid #9483b8;
}

.wc-progressdash-grid .col-12:is(:nth-child(1), :nth-child(2)) .wc-progressdash-grid-item .wc-pg-upperno,
.wc-progressdash-grid .col-12:is(:nth-child(1), :nth-child(2)) .wc-progressdash-grid-item .wc-pg-lowerno {
    z-index: 2;
}

/* SCATTER ACTIVITY */

.wordcards-scatter-stage {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
    gap: 10px;
    padding: 12px;
    margin-top: 5px;
    border-radius: 8px;
    background: radial-gradient(96.87% 96.87% at 50% 50%, #E6E9FD 0%, #F5F5FE 100%);
}

.wordcards-scatter-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 140px;
    padding: 10px;
    overflow: hidden;
    box-sizing: border-box;
    text-align: center;
    cursor: pointer;
    background: #FFF;
    border: 5px solid #DEE2FC;
    border-radius: 8px;
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.1);
    color: #1F2334;
    font-size: 18px;
    font-weight: 500;
    transition: border-color 200ms, opacity 200ms;
    user-select: none;
    -webkit-user-select: none;
}

.wordcards-scatter-card:focus {
    outline: 2px solid #414C81;
    outline-offset: 2px;
}

.wordcards-scatter-term {
    background: #FFF;
}

.wordcards-scatter-def {
    background: #FCFCFF;
}

/* textFit absolutely positions the text it fits, so this needs a definite height
   or the card collapses and the text is clipped away. */
.wordcards-scatter-cardtext {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.wordcards-scatter-cardtext .term-definition,
.wordcards-scatter-cardtext .text_to_html {
    margin: 0;
}

.wordcards-scatter-cardimage {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.wordcards-scatter-cardimage img {
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
}

/* Cards showing a picture and the definition together split the card between them. */
.wordcards-scatter-hasboth .wordcards-scatter-cardimage {
    height: 58%;
}

.wordcards-scatter-hasboth .wordcards-scatter-cardtext {
    height: 42%;
}

.wordcards-scatter-card.wordcards-scatter-selected {
    border-color: #F5B914;
}

.wordcards-scatter-card.wordcards-scatter-matched {
    pointer-events: none;
    animation: wordcardsscattermatch 400ms ease-out forwards;
}

.wordcards-scatter-card.wordcards-scatter-shake {
    border-color: #FB6363;
    animation: wordcardsscattershake 400ms ease-out;
}

@keyframes wordcardsscattermatch {
    to {
        opacity: 0;
        transform: scale(0.85);
        visibility: hidden;
    }
}

@keyframes wordcardsscattershake {
    0%,
    100% {
        transform: translateX(0);
    }
    20%,
    60% {
        transform: translateX(-6px);
    }
    40%,
    80% {
        transform: translateX(6px);
    }
}

@media (prefers-reduced-motion: reduce) {
    .wordcards-scatter-card.wordcards-scatter-matched,
    .wordcards-scatter-card.wordcards-scatter-shake {
        animation: none;
    }

    .wordcards-scatter-card.wordcards-scatter-matched {
        opacity: 0;
        visibility: hidden;
    }
}

@media (max-width: 480px) {
    .wordcards-scatter-stage {
        grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
        gap: 6px;
        padding: 6px;
    }

    .wordcards-scatter-card {
        height: 110px;
        border-width: 4px;
        font-size: 15px;
    }
}

.path-mod-workshop .collapsibleregion {
    margin-bottom: 0.75em;
}

.path-mod-workshop .collapsibleregioncaption {
    font-weight: bold;
    font-size: 120%;
}

.path-mod-workshop .collapsibleregioncaption img {
    max-width: 16px;
    max-height: 16px;
}

.path-mod-workshop div.singlebutton {
    text-align: center;
    margin: 0.75em auto;
}

.path-mod-workshop #workshop-viewlet-assignedassessments div.singlebutton,
.path-mod-workshop #workshop-viewlet-allexamples div.singlebutton,
.path-mod-workshop #workshop-viewlet-examples div.singlebutton {
    text-align: left;
}

.path-mod-workshop .groupwidget {
    text-align: center;
    margin: 0.75em auto;
}

.path-mod-workshop .perpagewidget {
    text-align: center;
    margin: 0.75em auto;
}

/**
 * Submission - one line summary display
 */
.path-mod-workshop .submission-summary {
    position: relative;
    margin-bottom: 10px;
}

.path-mod-workshop .submission-summary .title,
.path-mod-workshop .submission-summary .author,
.path-mod-workshop .submission-summary .author .fullname,
.path-mod-workshop .submission-summary .author .picture {
    display: inline;
}

.path-mod-workshop .submission-summary .title,
.path-mod-workshop .submission-summary .userdate,
.path-mod-workshop .submission-summary .grade-status {
    margin: 0 0 0 40px;
}

.path-mod-workshop .submission-summary .author {
    margin-left: 1ex;
}

.path-mod-workshop .submission-summary.anonymous .title,
.path-mod-workshop .submission-summary.anonymous .author,
.path-mod-workshop .submission-summary.anonymous .userdate,
.path-mod-workshop .submission-summary.anonymous .grade-status {
    margin: 0 0 0 5px;
}

.path-mod-workshop .submission-summary .userdate {
    font-size: x-small;
    color: #333;
}

.path-mod-workshop .submission-summary .userdate span {
    font-style: italic;
}

.path-mod-workshop .submission-summary .author .picture {
    position: absolute;
    top: 0;
    left: 0;
}

/**
 * Submission - full display
 */
.path-mod-workshop .submission-full {
    border: 1px solid #ddd;
    margin: 0 0 1em 0;
}

.path-mod-workshop .submission-full .header {
    position: relative;
    background-color: #ddd;
    padding: 3px;
    min-height: 67px;
}

.path-mod-workshop .submission-full .header .title,
.path-mod-workshop .submission-full .header .author,
.path-mod-workshop .submission-full .header .userdate {
    margin: 0 0 0 80px;
}

.path-mod-workshop .submission-full.anonymous .header .title,
.path-mod-workshop .submission-full.anonymous .header .author,
.path-mod-workshop .submission-full.anonymous .header .userdate {
    margin: 0 0 0 5px;
}

.path-mod-workshop .submission-full .header .userdate.created {
    padding-right: 10px;
}

.path-mod-workshop .submission-full .header .userdate.modified {
    padding-left: 10px;
    margin-left: 0;
    border-left: 1px solid #000;
}

.path-mod-workshop .submission-full .header .userdate {
    font-size: x-small;
    color: #333;
    display: inline;
}

.path-mod-workshop .submission-full .header .userdate span {
    font-style: italic;
}

.path-mod-workshop .submission-full .header .author .picture {
    position: absolute;
    top: 3px;
    left: 3px;
}

.path-mod-workshop .submission-full .content,
.path-mod-workshop .submission-full .attachments {
    padding: 5px 10px;
}

.path-mod-workshop .submission-full .attachments .files img.icon {
    margin-right: 5px;
}

.path-mod-workshop .submission-full .attachments .images div {
    display: inline-block;
    margin: 5px;
    padding: 5px;
    border: 1px solid #ddd;
}

/**
 * Example submission - summary display
 */
.path-mod-workshop .submission-summary.example .title,
.path-mod-workshop .submission-summary.example .userdate {
    margin: 0 0 0 0;
}

/**
 * Example submission - full display
 */
.path-mod-workshop .submission-full.example .header {
    min-height: 0;
}

.path-mod-workshop .submission-full.example .header .title {
    margin: 0 0 0 0;
}

/**
 * Elements generated by the workshop renderer
 */
.path-mod-workshop .message {
    padding: 5px 5em 5px 15px;
    margin: 0 auto 20px auto;
    width: 100%;
    font-size: 80%;
    position: relative;
}

.path-mod-workshop .message .singlebutton {
    text-align: left;
    margin: 0;
}

.path-mod-workshop .message.ok {
    color: #547c22;
    background-color: #e7f1c3;
}

.path-mod-workshop .message.error {
    color: #dd0221;
    background-color: #ffd3d9;
}

.path-mod-workshop .message.info {
    color: #1666a9;
    background-color: #d2ebff;
}

/**
 * Allocators
 */

.path-mod-workshop .allocation-init-results {
    margin: 10px auto;
    width: 100%;
    font-size: 80%;
}

.path-mod-workshop .allocation-init-results .indent {
    margin-left: 20px;
}

.path-mod-workshop .allocation-init-results .ok {
    color: #547c22;
    background-color: #e7f1c3;
}

.path-mod-workshop .allocation-init-results .error {
    color: #dd0221;
    background-color: #ffd3d9;
}

.path-mod-workshop .allocation-init-results .info {
    color: #1666a9;
    background-color: #d2ebff;
}

.path-mod-workshop .allocation-init-results .debug {
    color: black;
    background-color: #ddd;
}

/**
 * User plan
 */
.path-mod-workshop .userplan {
    width: 100%;
    margin: 1em auto 1em auto;
    font-size: 80%;
    border: 1px solid #ddd;
    position: relative;
    overflow: hidden;
}

.path-mod-workshop .userplan dt {
    vertical-align: bottom;
    white-space: normal;
    color: #495057;
    background-color: #f5f5f5;
    border-bottom: 1px solid #ced4da;
    padding: 3px;
}

.path-mod-workshop .userplan dt.active {
    vertical-align: top;
    color: #212529;
    border: 1px solid #ced4da;
    border-bottom: 0;
    border-top: 0;
    background: #e7f1c3;
}

.path-mod-workshop .userplan dt.active .phasetitle {
    font-size: 140%;
}

.path-mod-workshop .userplan dl {
    width: 20%;
    float: left;
    margin: 0;
}

@media only screen and (max-width: 768px) {
    .path-mod-workshop .userplan {
        border-right: none;
        border-top: none;
    }

    .path-mod-workshop .userplan dl {
        width: 102%;
        border-right: none;
    }

    .path-mod-workshop .userplan dt {
        float: left;
        width: 30%;
        border-bottom: none;
        border-top: 1px solid #ddd;
    }
    .path-mod-workshop .userplan dt.active {
        border: none;
    }

    .path-mod-workshop .userplan dd {
        float: left;
        width: 65%;
        border-left: 1px solid #ddd;
        border-top: 1px solid #ddd;
    }
}

@media only screen and (max-width: 420px) {
    .path-mod-workshop .userplan {
        border-bottom: none;
    }

    .path-mod-workshop .userplan dt {
        float: left;
        width: 70%;
        border-bottom: none;
        border-right: 1px solid #ddd;
        border-left: 1px solid #ddd;
        margin: 0;
        padding: 5px;
    }

    .path-mod-workshop .userplan dd {
        float: left;
        width: 70%;
        border-left: 1px solid #ddd;
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
    }
}

.path-mod-workshop .userplan dd {
    vertical-align: top;
    border-right: 1px solid #ced4da;
    background-color: #f5f5f5;
    margin: 0;
    min-height: 180px;
    padding: 5px;
}

.path-mod-workshop .userplan dd,
.path-mod-workshop .userplan dd a,
.path-mod-workshop .userplan dd a:link,
.path-mod-workshop .userplan dd a:hover,
.path-mod-workshop .userplan dd a:visited,
.path-mod-workshop .userplan dd a:active {
    color: #495057;
}

.path-mod-workshop .userplan dd.active,
.path-mod-workshop .userplan dd.active a,
.path-mod-workshop .userplan dd.active a:link,
.path-mod-workshop .userplan dd.active a:hover,
.path-mod-workshop .userplan dd.active a:visited,
.path-mod-workshop .userplan dd.active a:active {
    color: #212529;
}

.path-mod-workshop .userplan dd.lastcol {
    border-right: 0;
}

.path-mod-workshop .userplan dd.active {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    background-color: #e7f1c3;
}

.path-mod-workshop .userplan dt .actions {
    font-size: smaller;
}

.path-mod-workshop .userplan dd.phasetasks li {
    background-image: url(/theme/image.php/boost_union/mod_workshop/1792421257/userplan/task-todo);
    background-position: top left;
    background-repeat: no-repeat;
    list-style-type: none;
    min-height: 20px;
    margin: .2em 0;
    background-size: 15px;
}

.dir-rtl.path-mod-workshop .userplan dd.phasetasks li {
    background-position: top right;
}

.path-mod-workshop .userplan dd.phasetasks li.completed {
    background-image: url(/theme/image.php/boost_union/mod_workshop/1792421257/userplan/task-done);
}

.path-mod-workshop .userplan dd.phasetasks li.fail {
    background-image: url(/theme/image.php/boost_union/mod_workshop/1792421257/userplan/task-fail);
}

.path-mod-workshop .userplan dd.phasetasks li.info {
    background-image: url(/theme/image.php/boost_union/mod_workshop/1792421257/userplan/task-info);
}

.path-mod-workshop .userplan dd.phasetasks .tasks {
    list-style: none;
    margin: 0;
    padding: 0;
}

.path-mod-workshop .userplan dd.phasetasks .title {
    padding: 0 10px 0 20px;
}

.dir-rtl.path-mod-workshop .userplan dd.phasetasks .title {
    padding: 0 20px 0 10px;
}

.path-mod-workshop .userplan dd.phasetasks .details {
    padding: 0 10px 0 25px;
    font-size: 80%;
}

.dir-rtl.path-mod-workshop .userplan dd.phasetasks .details {
    padding: 0 25px 0 10px;
}

/**
 * Assessment - full display
 */
.path-mod-workshop .assessment-full {
    border: 1px solid #ddd;
    margin: 0 auto 1em auto;
}

.path-mod-workshop .assessment-full .header {
    position: relative;
    background-color: #ddd;
    padding: 3px;
    min-height: 35px;
}

.path-mod-workshop .assessment-full .header .title {
    font-weight: bold;
}

.path-mod-workshop .assessment-full .header .title,
.path-mod-workshop .assessment-full .header .reviewer,
.path-mod-workshop .assessment-full .header .grade,
.path-mod-workshop .assessment-full .header .weight {
    margin: 0 0 0 40px;
}

.path-mod-workshop .assessment-full.anonymous .header .title,
.path-mod-workshop .assessment-full.anonymous .header .reviewer,
.path-mod-workshop .assessment-full.anonymous .header .grade,
.path-mod-workshop .assessment-full.anonymous .header .weight {
    margin: 0 0 0 5px;
}

.path-mod-workshop .assessment-full .header .reviewer .picture {
    position: absolute;
    top: 3px;
    left: 3px;
}
.dir-rtl.path-mod-workshop .assessment-full .header .reviewer .picture {
    right: 3px;
    left: auto;
}

.path-mod-workshop .assessment-full .header .actions {
    position: absolute;
    top: 5px;
    right: 5px;
    text-align: right;
}

.path-mod-workshop .assessment-full .header .actions .singlebutton,
.path-mod-workshop .assessment-full .header .actions .singlebutton form,
.path-mod-workshop .assessment-full .header .actions .singlebutton form div {
    display: inline;
}

.path-mod-workshop .assessment-full .assessment-form-wrapper,
.path-mod-workshop .assessment-full .overall-feedback-wrapper {
    margin-top: 0.5em;
    padding: 0 1em;
}

.path-mod-workshop .assessment-summary.graded .singlebutton input[type="submit"],
.path-mod-workshop .example-summary.graded .singlebutton input[type="submit"] {
    background-color: #e7f1c3;
}

.path-mod-workshop .assessment-summary.notgraded .singlebutton input[type="submit"],
.path-mod-workshop .example-summary.notgraded .singlebutton input[type="submit"] {
    background-color: #ffd3d9;
}

/**
 * Overall feedback
 */
.path-mod-workshop .assessment-full .overallfeedback .content,
.path-mod-workshop .assessment-full .overallfeedback .attachments {
    padding: 5px 10px;
}

.path-mod-workshop .assessment-full .overallfeedback .attachments .files img.icon {
    margin-right: 5px;
}

.path-mod-workshop .assessment-full .overallfeedback .attachments .images div {
    display: inline-block;
    margin: 5px;
    padding: 5px;
    border: 1px solid #ddd;
}

/**
 * Assessment form
 */
.path-mod-workshop .assessmentform .description {
    margin: 0 1em;
}

/**
 * Grading report
 */
.path-mod-workshop .grading-report {
    width: 100%;
    margin: 1em auto 1em auto;
    font-size: 80%;
    border: 1px solid #ddd;
}

.path-mod-workshop .grading-report .userpicture {
    margin: 0 3px;
    vertical-align: middle;
}

.path-mod-workshop .grading-report del {
    color: red;
    font-size: 90%;
    text-decoration: line-through;
}

.path-mod-workshop .grading-report ins {
    color: green;
    font-weight: bold;
    text-decoration: underline;
}

.path-mod-workshop .grading-report th {
    white-space: normal;
}

.path-mod-workshop .grading-report td {
    vertical-align: top;
    border: 1px solid #ddd;
}

.path-mod-workshop .grading-report tr.published td.submission {
    background-color: #d2ebff;
}

.path-mod-workshop .grading-report tr.published td.submission a {
    font-weight: bold;
}

.path-mod-workshop .grading-report .assessmentdetails {
    white-space: nowrap;
}

.path-mod-workshop .grading-report .receivedgrade span.grade,
.path-mod-workshop .grading-report .givengrade span.gradinggrade {
    font-weight: bold;
}

.path-mod-workshop .grading-report .submissiongrade.cell,
.path-mod-workshop .grading-report .gradinggrade.cell {
    text-align: center;
    font-size: 200%;
    white-space: nowrap;
}

.path-mod-workshop .grading-report .givengrade.null .user,
.path-mod-workshop .grading-report .receivedgrade.null .user {
    color: #e00;
}

/**
 * Final grades
 */
.path-mod-workshop #workshop-viewlet-yourgrades .finalgrades {
    text-align: center;
}

.path-mod-workshop #workshop-viewlet-yourgrades .finalgrades .grade {
    border: 1px solid #ddd;
    margin: 1em;
    padding: 2em;
    display: inline-block;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

.path-mod-workshop #workshop-viewlet-yourgrades .finalgrades .grade.submissiongrade {
    background-color: #d2ebff;
}

.path-mod-workshop #workshop-viewlet-yourgrades .finalgrades .grade.assessmentgrade {
    background-color: #eee;
    /*background-color: #e7f1c3;*/
}

.path-mod-workshop #workshop-viewlet-yourgrades .finalgrades .grade .gradevalue {
    font-weight: bold;
    font-size: x-large;
    margin: 10px;
}

/**
 * Edit assessment form
 */
#mod-workshop-editform fieldset.fgroup * {
    vertical-align: top;
}

/**
 * Feedback
 */
.path-mod-workshop .feedback {
    border: 1px solid #ddd;
    margin: 0 auto 1em auto;
    width: 100%;
}

.path-mod-workshop .feedback .header {
    position: relative;
    background-color: #ddd;
    padding: 3px;
    min-height: 35px;
}

.path-mod-workshop .feedback .header .title {
    margin: 0 0 0 40px;
}

.path-mod-workshop .feedback .header .picture {
    position: absolute;
    top: 3px;
    left: 3px;
}

.path-mod-workshop .feedback .content {
    padding: 5px 10px;
}

/**
 * Misc
 */
.path-mod-workshop div.buttonsbar {
    text-align: center;
}

.path-mod-workshop div.buttonsbar .singlebutton {
    display: inline;
}

.path-mod-workshop .toolboxaction {
    margin-right: 1em;
}

.path-mod-workshop .toolboxaction,
.path-mod-workshop .toolboxaction .singlebutton,
.path-mod-workshop .toolboxaction .singlebutton form,
.path-mod-workshop .toolboxaction .singlebutton form div {
    display: inline;
}

.path-mod-workshop div.buttonwithhelp div {
    display: inline;
}

.path-mod-workshop #evaluationmethodchooser {
    margin: 2em auto;
    text-align: center;
}

.path-mod-workshop .lastmodified {
    line-height: 1.0em;
}

.path-mod-workshop .workshop-risk-dataloss {
    vertical-align: text-bottom;
}

/* Css for Shibboleth Rules Editor */

.enrol-attributes-boolean-editor {
    width: 600px;
}

.enrol-attributes-boolean-editor ul {
    list-style: none;
    padding-left: 10px;
}

.enrol-attributes-boolean-editor li {
    position: relative;
    margin-bottom: 45px;
    white-space: nowrap;
}

.enrol-attributes-boolean-editor li.rule {
    background-color: #eee;
}

.enrol-attributes-boolean-editor li .sre-condition-rule-operator {
    left: 0;
    top: -33px;
    position: absolute;
}

.enrol-attributes-boolean-editor li .sre-condition-box {
    padding: 10px;
    border: solid 1px #666;
    overflow: hidden;
}

.enrol-attributes-boolean-editor li:hover > .sre-condition-box {
    border-width: 2px;
    padding: 9px;
}

.enrol-attributes-boolean-editor li.group > .sre-condition-box {
    border-style: dashed;
}

/*
.enrol-attributes-boolean-editor li .button-pannel {
    position: absolute;
    right: 5px;
    bottom: -15px;
    padding: 2px;
    line-height: 0;
    border: 1px dotted #666;
    background: #E2E2E2;
    z-index: 100;
}
.enrol-attributes-boolean-editor li:hover > .button-pannel {
    border-style: solid;
}
*/

.enrol-attributes-boolean-editor li .button-pannel {
    position: absolute;
    right: 5px;
    bottom: -12px;
    padding: 1px 5px;
    height: 10px;
    line-height: 0;
    border: 1px solid #666;
    border-width: 0 1px 1px;
    background: #eee;
}

.enrol-attributes-boolean-editor li.group > .button-pannel {
    border-style: dashed;
    background-color: #fff;
}

.enrol-attributes-boolean-editor li:hover > .button-pannel {
    border-width: 0 2px 2px;
    padding: 1px 4px;
}

.enrol-attributes-boolean-editor .button-pannel button {
    float: left;
    margin-top: -10px;
}

.enrol-attributes-boolean-editor li:hover > .button-pannel button {
    margin-top: -9px;
}

.enrol-attributes-boolean-editor .button-pannel button {
    border: 1px solid #999;
    background: #ccc;
    margin-right: 3px;
    width: 18px;
    height: 18px;
    cursor: pointer;
}

.enrol-attributes-boolean-editor .button-pannel button:hover {
    border-color: #bbb #999 #666;
}

.enrol-attributes-boolean-editor .button-pannel button:active {
    border-color: #c00;
}

.enrol-attributes-boolean-editor .button-pannel button:last-child {
    margin-right: 0;
}

.enrol-attributes-boolean-editor .button-pannel button span {
    display: none;
}

.enrol-attributes-boolean-editor .button-pannel .button-add-cond {
    background-image: url(/theme/image.php/boost_union/enrol_attributes/1792421257/add);
}

.enrol-attributes-boolean-editor .button-pannel .button-add-group {
    background-image: url(/theme/image.php/boost_union/enrol_attributes/1792421257/group_add);
}

.enrol-attributes-boolean-editor .button-pannel .button-del-cond {
    background-image: url(/theme/image.php/boost_union/enrol_attributes/1792421257/delete);
}

#shib-expression .expr {
    margin-left: 10px;
    font-family: monospace;
    font-size: 12px;
    line-height: 16px;
    width: 600px;
    background-color: #eee;
}

#shib-expression .expr span {
    margin-right: 2px;
}

#shib-expression .expr .cond-op {
    color: #c00;
}

#shib-expression .expr .group-op {
    color: #666;
    font-size: 12px;
}

#shib-expression .expr .group-group {
    font-size: 16px;
    color: #666;
}

#shib-expression .expr .comp-param {
    color: blue;
}

#shib-expression .expr .comp-op {
    color: #0a0;
}

#shib-expression .expr .comp-val {
    color: purple;
}

.enrol-attributes-boolean-editor .button-pannel button {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

span.comp-op {
    padding: 0 10px;
}


/* stylelint-disable */
.gapply-modal .modal-content {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100vh;
  border-radius: 0;
}

.gapply-modal .modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 1rem;
  background-color: var(--bs-body-bg, #f8f9fa);
  border-bottom: 1px solid var(--bs-gray-200, #dee2e6);
}

.gapply-modal .modal-title-content {
  display: flex;
  align-items: center;
  flex-grow: 1;
}

.gapply-modal .user-info {
  display: flex;
  align-items: center;
}

.gapply-modal .user-info img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin-right: 10px;
}

.gapply-modal .user-info .names {
  font-weight: bold;
}

.gapply-modal .header-actions {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}

/* Circular outline icon buttons (not pill/square). */
.gapply-modal .header-actions .action-button {
  align-items: center;
  border-radius: 50%;
  display: inline-flex;
  flex-shrink: 0;
  height: 2.25rem;
  justify-content: center;
  line-height: 1;
  margin-left: 0;
  padding: 0;
  width: 2.25rem;
}

.gapply-modal .header-actions .action-button .fa {
  font-size: 0.875rem;
}

/* Connected prev | count | next pill — do not round each segment fully. */
.gapply-modal .header-actions .btn-group > .btn,
.gapply-modal .header-actions .btn-group > span.btn {
  margin-left: 0;
}

.gapply-modal .header-actions .btn-group > .nav-button {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  padding-left: 0;
  padding-right: 0;
  width: 2.25rem;
}

.gapply-modal .header-actions .btn-group > span.btn {
  font-weight: 500;
  white-space: nowrap;
}

.gapply-modal .header-actions .btn-group > .btn:not(:first-child),
.gapply-modal .header-actions .btn-group > span.btn:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.gapply-modal .header-actions .btn-group > .btn:not(:last-child),
.gapply-modal .header-actions .btn-group > span.btn:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.gapply-modal .header-actions .btn-group > .btn:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.gapply-modal .header-actions .btn-group > .btn:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.gapply-modal .header-actions .btn-group > .btn:first-child,
.gapply-modal .header-actions .btn-group > span.btn:first-child {
  border-bottom-left-radius: var(--bs-border-radius, 0.375rem);
  border-top-left-radius: var(--bs-border-radius, 0.375rem);
}

.gapply-modal .header-actions .btn-group > .btn:last-child,
.gapply-modal .header-actions .btn-group > span.btn:last-child {
  border-bottom-right-radius: var(--bs-border-radius, 0.375rem);
  border-top-right-radius: var(--bs-border-radius, 0.375rem);
}

.gapply-modal .modal-body {
  padding: 0;
  overflow: hidden;
  height: 80vh;
}

.gapply-modal .split-view {
  display: flex;
  height: 100%;
  width: 100%;
}

.gapply-modal .left-pane {
  width: 66.66%;
  min-width: 300px;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
  border-right: 1px solid var(--bs-gray-200, #dee2e6);
}

.gapply-modal .right-pane {
  flex-grow: 1;
  min-width: 250px;
  height: 100%;
  background-color: var(--bs-white, #fff);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.gapply-modal .right-pane > .flex-grow-1 {
  overflow: auto;
  flex-grow: 1;
}

.gapply-modal .resizer {
  width: 8px;
  cursor: col-resize;
  background-color: var(--bs-gray-200, #dee2e6);
  transition: background-color 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  flex-shrink: 0;
  flex-grow: 0;
}

.gapply-modal .resizer::after {
  content: '';
  width: 2px;
  height: 30px;
  background-color: var(--bs-gray-300, #ccc);
  border-radius: 2px;
}

.gapply-modal .resizer:hover {
  background-color: var(--bs-primary, #007bff);
}

.gapply-modal .resizer:hover::after {
  background-color: var(--bs-white, #fff);
}

body.resizing {
  cursor: col-resize !important;
  user-select: none !important;
}

body.resizing .gapply-modal .left-pane,
body.resizing .gapply-modal .right-pane {
  pointer-events: none !important;
}

.gapply-modal .collapsible-section {
  border-bottom: 1px solid var(--bs-gray-200, #eee);
}

.gapply-modal .collapsible-header {
  padding: 10px 15px;
  background-color: var(--bs-gray-100, #fcfcfc);
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 600;
}

.gapply-modal .collapsible-header .fa-chevron-down {
  transition: transform 0.3s ease;
}

.gapply-modal .collapsible-section.collapsed .fa-chevron-down {
  transform: rotate(-90deg);
}

.gapply-modal .collapsible-body {
  padding: 15px;
  transition: all 0.3s ease;
  overflow: hidden;
}

.gapply-modal .collapsible-section.collapsed .collapsible-body {
  padding-top: 0;
  padding-bottom: 0;
  height: 0 !important;
  opacity: 0;
  pointer-events: none;
}

.gapply-modal #viewer {
  flex-grow: 1;
  overflow: auto;
  display: flex;
  background-color: var(--bs-gray-100, #f4f4f4);
}

.gapply-modal #viewer > :is(img, object, iframe, video, p, div) {
  margin: auto;
  max-width: 100%;
}

.gapply-modal #viewer img {
  height: auto;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.gapply-modal .attachment-selector {
  padding: 10px 15px;
  background: var(--bs-white, #fff);
  border-bottom: 1px solid var(--bs-gray-200, #eee);
}

#page-enrol-gapply-manage .nav-item:has([href='javascript:void(0);']) {
  margin-inline-start: auto;
  pointer-events: none;
}

@keyframes gapply-modal-pop {
  0% {
    transform: scale(0.8) translateY(30px);
    opacity: 0;
  }
  100% {
    transform: scale(1) translateY(0);
    opacity: 1;
  }
}

.gapply-confirm-modal.show .modal-dialog {
  animation: gapply-modal-pop 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

#page-enrol-gapply-manage #toast-container,
#page-enrol-gapply-manage .toast-wrapper {
  z-index: 9999 !important;
}

.modal#applyfile .modal-body {
  height: 100vh;
}

.modal#applyfile .modal-body :is(object, iframe, video) {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.gapply-modal-loading-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(var(--bs-white-rgb, 255, 255, 255), 0.7);
  z-index: 1060;
  display: none;
  align-items: center;
  justify-content: center;
  border-radius: 0.3rem;
}

.gapply-modal.is-loading .gapply-modal-loading-overlay {
  display: flex;
}

/* Premium Floating Bulk Action Toolbar */
.gapply-floating-toolbar {
  position: fixed;
  bottom: -100px;
  left: 50%;
  transform: translateX(-50%);
  background-color: var(--bs-dark, #2b303b);
  border-radius: 50px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
  display: flex;
  align-items: center;
  padding: 8px 16px;
  z-index: 1050;
  transition: bottom 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  color: #ffffff;
  opacity: 0;
  visibility: hidden;
}

.gapply-floating-toolbar.show {
  bottom: 30px;
  opacity: 1;
  visibility: visible;
}

.mtube-participants-modal > .gapply-floating-toolbar.show {
  bottom: 1.5rem;
}

.gapply-floating-toolbar .selection-info {
  display: flex;
  align-items: center;
  margin-right: 15px;
}

.gapply-floating-toolbar .selection-icon {
  width: 24px;
  height: 24px;
  background-color: var(--bs-success, #009688);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 8px;
  font-size: 12px;
}

.gapply-floating-toolbar .selection-count {
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

.gapply-floating-toolbar .toolbar-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  border-left: 1px solid rgba(255, 255, 255, 0.15);
  padding-left: 15px;
}

.gapply-floating-toolbar .action-button {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #fff;
  cursor: pointer;
  transition: transform 0.2s, box-shadow 0.2s;
  padding: 0;
}

.gapply-floating-toolbar .action-button:hover {
  transform: scale(1.1);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.gapply-floating-toolbar .action-button.btn-success {
  background-color: var(--bs-success, #28a745);
}

.gapply-floating-toolbar .action-button.btn-info {
  background-color: var(--bs-info, #17a2b8);
}

.gapply-floating-toolbar .action-button.btn-warning {
  background-color: var(--bs-warning, #ffc107);
  color: var(--bs-body-color, #212529);
}

.gapply-floating-toolbar .action-button.btn-danger {
  background-color: var(--bs-danger, #dc3545);
}

.gapply-floating-toolbar .close-toolbar {
  background: none;
  border: none;
  color: var(--bs-gray-500, #a0aabf);
  font-size: 18px;
  cursor: pointer;
  margin-left: 10px;
  padding: 0 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: color 0.2s;
}

.gapply-floating-toolbar .close-toolbar:hover {
  color: var(--bs-white, #fff);
}

table#gapplytable.dataTable > tbody > tr > td.select-checkbox:before,
table#gapplytable.dataTable > tbody > tr > th.select-checkbox:before,
table#gapplytable.dataTable > tbody > tr.selected > td.select-checkbox::after,
table#gapplytable.dataTable > tbody > tr.selected > th.select-checkbox::after {
  display: none;
}

table#gapplytable tr.selected td .fa-square {
  display: none;
}

table#gapplytable tr:not(.selected) td .fa-check-square {
  display: none;
}

table#gapplytable .header.select-checkbox {
  text-align: start !important;
}

#page-enrol-gapply-manage
  div.table-responsive
  > div.dataTables_wrapper
  > div.row:has(.dataTables_paginate) {
  position: fixed;
  left: 0;
  width: 100%;
  bottom: 0;
  padding: 1rem;
  z-index: 10;
  background: var(--bs-white, #fff);
}

.gapply-groups-container {
  max-height: 200px;
  overflow-y: auto;
  padding: 15px;
  border: 1px solid var(--bs-gray-200, #dee2e6);
  border-radius: 8px;
  background: var(--bs-gray-100, #f8f9fa);
}

.outcomemessage-text {
  white-space: pre-wrap;
}

/* enrol_lti styles */

#registration-tab-content .input-group button.btn {
    border: solid 1px #8f959e;
}
form#auto_submit {
    display: none;
}
#registration-tab-content .input-group button.btn span.pix {
    padding-left: 0.5rem;
}

/* Accessibility block styles.
 *
 * The control panel is a self-contained light surface so it stays readable no
 * matter which colour theme is active. Text scaling and colour themes are driven
 * by a class and a CSS variable set on <html> from the reader's cookie.
 */

/* Screen-reader-only text. */
.block_accessibility_tools .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* The control panel: an always-readable light island. */
.block_accessibility_tools {
    background-color: #fff;
    color: #1a1a1a;
    padding: 0.75rem;
    border-radius: 6px;
    line-height: 1.5;
    font-size: 0.95rem;
}

.block_accessibility_tools .bfa-group {
    margin-bottom: 0.9rem;
}

.block_accessibility_tools .bfa-label {
    margin: 0 0 0.4rem;
    font-weight: 600;
    font-size: 1.05rem;
    color: #1a1a1a;
    text-align: left;
}

.block_accessibility_tools .bfa-btnrow {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

/* Buttons: 44px minimum target, clear border, dark text on white. */
.block_accessibility_tools .bfa-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    min-height: 44px;
    padding: 0.35rem 0.7rem;
    background-color: #fff;
    color: #1a1a1a;
    border: 1px solid #767676;
    border-radius: 4px;
    font-size: 1rem;
    font-weight: 400;
    cursor: pointer;
}

.block_accessibility_tools .bfa-btn:hover {
    background-color: #e9eef5;
}

.block_accessibility_tools .bfa-btn:focus-visible {
    outline: 3px solid #0b5cad;
    outline-offset: 2px;
}

/* Colour-theme swatches: each button previews its theme's own background and text
 * colour with a sample "A". The visible glyph is decorative (aria-hidden); the button's
 * accessible name comes from its aria-label, which describes the colours.
 * Sized smaller than the 44px action buttons so all five sit on one line; still well
 * above the 24px minimum target size. */
.block_accessibility_tools .bfa-swatch {
    min-width: 36px;
    min-height: 36px;
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1;
    padding: 0.2rem;
}

.block_accessibility_tools .bfa-swatch-1 {
    background-color: #fff;
    color: #1a1a1a;
}

.block_accessibility_tools .bfa-swatch-2 {
    background-color: #fbf6e9;
    color: #1a1a1a;
}

.block_accessibility_tools .bfa-swatch-3 {
    background-color: #e7f0fb;
    color: #1a1a1a;
}

.block_accessibility_tools .bfa-swatch-4 {
    background-color: #000;
    color: #ffe14d;
}

.block_accessibility_tools .bfa-swatch-5 {
    background-color: #1a1d21;
    color: #e9ecef;
}

/* Keep each swatch showing its own colours on hover instead of the generic hover wash. */
.block_accessibility_tools .bfa-swatch-1:hover {
    background-color: #f0f0f0;
}

.block_accessibility_tools .bfa-swatch-2:hover {
    background-color: #f5eeda;
}

.block_accessibility_tools .bfa-swatch-3:hover {
    background-color: #d8e8fa;
}

.block_accessibility_tools .bfa-swatch-4:hover {
    background-color: #1a1a1a;
}

.block_accessibility_tools .bfa-swatch-5:hover {
    background-color: #2f353b;
}

/* Active colour-theme swatch: shown with a border ring (not colour alone). */
.block_accessibility_tools .bfa-theme[aria-pressed="true"] {
    font-weight: 700;
    border-width: 2px;
    border-color: #0b5cad;
    box-shadow: inset 0 0 0 2px #0b5cad;
}

.block_accessibility_tools .bfa-btn[disabled] {
    opacity: 0.4;
    cursor: not-allowed;
}

/* Speech-rate control. */
.block_accessibility_tools .bfa-rate {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin-top: 0.5rem;
}

.block_accessibility_tools .bfa-rate label {
    color: #1a1a1a;
}

.block_accessibility_tools .bfa-rate input[type="range"] {
    flex: 1 1 8rem;
    min-width: 6rem;
}

.block_accessibility_tools .bfa-voice {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin-top: 0.5rem;
}

.block_accessibility_tools .bfa-voice label {
    color: #1a1a1a;
}

.block_accessibility_tools .bfa-voice select {
    flex: 1 1 10rem;
    min-width: 8rem;
    max-width: 100%;
    padding: 0.3rem;
    background-color: #fff;
    color: #1a1a1a;
    border: 1px solid #767676;
    border-radius: 4px;
    font-size: 0.95rem;
}

.block_accessibility_tools .bfa-voice select:focus-visible {
    outline: 3px solid #0b5cad;
    outline-offset: 2px;
}

/* Shown in place of the voice menu when the browser has no voice for the page language.
 * Reuses the .bfa-btn styling; spans the row and reads left-aligned like a link-button. */
.block_accessibility_tools .bfa-voice .bfa-voicehelp {
    flex: 1 1 100%;
    text-align: left;
}

/* Live status region: visually hidden but still announced to screen readers through
 * aria-live, so every text-size / colour-theme / read-aloud change is spoken without
 * taking up any space in the panel. Uses the same visually-hidden technique as .sr-only;
 * position:absolute keeps it out of the layout entirely. */
.block_accessibility_tools .bfa-status {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.block_accessibility_tools .bfa-noscript {
    margin: 0.5rem 0 0;
    color: #1a1a1a;
    text-align: left;
}

/* Footer "About" trigger, styled as a link and underlined for a non-colour cue. */
.block_accessibility_tools .bfa-footer {
    margin-top: 0.6rem;
    padding-top: 0.5rem;
    border-top: 1px solid #ccc;
}

.block_accessibility_tools .bfa-about-link {
    min-height: 24px;
    padding: 0.2rem 0;
    background: none;
    border: none;
    color: #0b5cad;
    text-decoration: underline;
    font-size: 0.9rem;
    cursor: pointer;
}

.block_accessibility_tools .bfa-about-link:focus-visible {
    outline: 3px solid #0b5cad;
    outline-offset: 2px;
}

/* About dialog. */
.block_accessibility_tools .bfa-dialog {
    max-width: 32rem;
    padding: 0;
    border: 1px solid #767676;
    border-radius: 8px;
    background-color: #fff;
    color: #1a1a1a;
}

.block_accessibility_tools .bfa-dialog::backdrop {
    background-color: rgba(0, 0, 0, 0.5);
}

.block_accessibility_tools .bfa-dialog-inner {
    max-width: 60ch;
    padding: 1.25rem;
    line-height: 1.5;
    text-align: left;
}

.block_accessibility_tools .bfa-logo {
    display: block;
    height: auto;
    max-width: 180px;
    margin-bottom: 0.75rem;
}

.block_accessibility_tools .bfa-dialog-inner h2 {
    margin: 0 0 0.6rem;
    font-size: 1.25rem;
}

.block_accessibility_tools .bfa-dialog-inner p {
    margin: 0 0 1rem;
}

.block_accessibility_tools .bfa-links {
    margin: 0 0 1rem;
    padding-left: 1.2rem;
    text-align: left;
}

.block_accessibility_tools .bfa-links li {
    margin-bottom: 0.4rem;
}

.block_accessibility_tools .bfa-dialog-inner a {
    color: #0b5cad;
    text-decoration: underline;
}

.block_accessibility_tools .bfa-dialog-inner a:focus-visible {
    outline: 3px solid #0b5cad;
    outline-offset: 2px;
}

/* --- Reader preferences applied to the whole page via <html> classes. --- */

/* These rules deliberately override the active Moodle theme's own colours and
 * transitions site-wide, so !important is required to win against theme selectors. */
/* stylelint-disable declaration-no-important */

/* Text scaling: scales the root font size, so rem-based themes grow evenly. */
html.bfa-font-active {
    font-size: calc(100% * var(--bfa-scale, 1)) !important;
}

/* Cream and Blue are full-page reading themes, driven through the same two mechanisms
 * as High contrast and Dark: the `--bs-*` overrides recolour Bootstrap-native
 * components, and the unified surface list below (which now includes schemes 2 and 3)
 * reaches the Moodle-specific surfaces. They are LIGHT themes, so unlike dark/HC they
 * do NOT set `data-bs-theme` — dark text on a light tint. Palettes are WCAG 2.2 AA
 * verified: cream text 13.3:1, links 6.2:1; blue text 13.2:1, links 7.1:1. */
html.bfa-scheme-2 {
    --bs-body-bg: #fbf6e9;
    --bs-body-bg-rgb: 251, 246, 233;
    --bs-body-color: #2d2a24;
    --bs-body-color-rgb: 45, 42, 36;
    --bs-emphasis-color: #000;
    --bs-heading-color: #2d2a24;
    --bs-secondary-bg: #f3ead0;
    --bs-secondary-color: #2d2a24;
    --bs-tertiary-bg: #efe4c6;
    --bs-tertiary-color: #2d2a24;
    --bs-border-color: #8a7a52;
    --bs-link-color: #0b5cad;
    --bs-link-color-rgb: 11, 92, 173;
    --bs-link-hover-color: #08447e;
    --bs-card-bg: #f3ead0;
    --bs-card-color: #2d2a24;
    --bs-dropdown-bg: #fbf6e9;
    --bs-dropdown-color: #2d2a24;
    --bs-list-group-bg: #fbf6e9;
    --bs-list-group-color: #2d2a24;
    --bfa-surface: #fbf6e9;
    --bfa-raised: #f3ead0;
    --bfa-text: #2d2a24;
    --bfa-link: #0b5cad;
    --bfa-edge: #8a7a52;
}

html.bfa-scheme-3 {
    --bs-body-bg: #e7f0fb;
    --bs-body-bg-rgb: 231, 240, 251;
    --bs-body-color: #1a2733;
    --bs-body-color-rgb: 26, 39, 51;
    --bs-emphasis-color: #000;
    --bs-heading-color: #1a2733;
    --bs-secondary-bg: #d7e6f8;
    --bs-secondary-color: #1a2733;
    --bs-tertiary-bg: #cadef4;
    --bs-tertiary-color: #1a2733;
    --bs-border-color: #5a83ba;
    --bs-link-color: #0a4f95;
    --bs-link-color-rgb: 10, 79, 149;
    --bs-link-hover-color: #073a6f;
    --bs-card-bg: #d7e6f8;
    --bs-card-color: #1a2733;
    --bs-dropdown-bg: #e7f0fb;
    --bs-dropdown-color: #1a2733;
    --bs-list-group-bg: #e7f0fb;
    --bs-list-group-color: #1a2733;
    --bfa-surface: #e7f0fb;
    --bfa-raised: #d7e6f8;
    --bfa-text: #1a2733;
    --bfa-link: #0a4f95;
    --bfa-edge: #5a83ba;
}

/* High contrast — PROTOTYPE (approach A + B), scheme 4 only.
 *
 * A. Redefine the Bootstrap 5.3 colour custom properties on the scheme root. Every
 *    Bootstrap-native component and utility (cards, dropdowns, list groups, badges,
 *    form controls, buttons, `.text-*`, borders, links) reads these at runtime, so
 *    they recolour through the theme's own cascade instead of an enumerated list.
 * B. The JS also sets `data-bs-theme="dark"` on <html>, which activates Bootstrap's
 *    dark-mode component behaviour (close-button icons, form controls, shadows) that
 *    is not purely variable-driven.
 *
 * `--bs-white` is deliberately left alone (overriding it would turn `.text-white`
 * black); `.bg-white` surfaces are handled by the mop-up below instead.
 */
html.bfa-scheme-4 {
    --bs-body-bg: #000;
    --bs-body-bg-rgb: 0, 0, 0;
    --bs-body-color: #fff;
    --bs-body-color-rgb: 255, 255, 255;
    --bs-emphasis-color: #fff;
    --bs-emphasis-color-rgb: 255, 255, 255;
    --bs-heading-color: #fff;
    --bs-secondary-bg: #000;
    --bs-secondary-color: #fff;
    --bs-tertiary-bg: #000;
    --bs-tertiary-color: #fff;
    --bs-border-color: #fff;
    --bs-link-color: #ffe14d;
    --bs-link-color-rgb: 255, 225, 77;
    --bs-link-hover-color: #fff;
    --bs-card-bg: #000;
    --bs-card-color: #fff;
    --bs-dropdown-bg: #000;
    --bs-dropdown-color: #fff;
    --bs-dropdown-link-color: #ffe14d;
    --bs-list-group-bg: #000;
    --bs-list-group-color: #fff;
}

/* --- Unified full-page surface system for Cream (2), Blue (3), High contrast (4)
 *     and Dark (5). ---
 *
 * The `--bs-*` overrides on each scheme root recolour every Bootstrap-native component
 * through the theme's own cascade. This block handles the Moodle-specific surfaces
 * whose colours are compiled from SCSS variables (cards, the book content box,
 * `.generalbox`, quiz `.formulation`, tables, blocks, secondary navigation, drawers)
 * and so cannot be reached by runtime custom properties.
 *
 * One selector list serves both schemes; the colours come from per-scheme helper
 * variables, so High contrast stays flat black while Dark keeps a lighter raised
 * surface for depth. When a new stray-light surface is found, add its selector to the
 * one list below and both schemes are fixed together.
 *
 * Deliberately NOT recoloured: images, media players and MathJax output (untouched),
 * quiz question-navigation buttons (they signal answered/unanswered state by colour),
 * and the accessibility panel itself (kept a readable light island). */
html.bfa-scheme-4 {
    --bfa-surface: #000;
    --bfa-raised: #000;
    --bfa-text: #fff;
    --bfa-link: #ffe14d;
    --bfa-edge: #fff;
}

html.bfa-scheme-5 {
    --bfa-surface: #1a1d21;
    --bfa-raised: #24282d;
    --bfa-text: #e9ecef;
    --bfa-link: #48a1f1;
    --bfa-edge: #3a4149;
}

/* Page-level base surfaces. */
:is(html.bfa-scheme-2, html.bfa-scheme-3, html.bfa-scheme-4, html.bfa-scheme-5) :is(
body, #page, #page-wrapper, #page-content, #topofscroll,
#region-main-box, #region-main, .main-inner, [role="main"], .course-content,
.bg-white, .bg-light, .bg-body, .bg-body-secondary, .bg-body-tertiary
) {
    background-color: var(--bfa-surface) !important;
    background-image: none !important;
    color: var(--bfa-text) !important;
}

/* Discrete raised containers: cards, boxes, tables, navigation, drawers, blocks,
 * book content, quiz question bodies, modals, dropdowns. */
:is(html.bfa-scheme-2, html.bfa-scheme-3, html.bfa-scheme-4, html.bfa-scheme-5) :is(
.card, .card-body, .card-header, .card-footer,
.box, .generalbox, .infobox,
.activity-header, .activity-item, .activityinstance,
.course-section, .section, .sectionbody,
.book_content, .book_toc, .navtop, .navbottom,
.que, .que .formulation, .que .content, .que .info, .que .comment,
table, .table, .generaltable, .flexible, thead, tbody, tr, td, th,
.secondary-navigation, .secondary-navigation .navigation, .tertiary-navigation, .moremenu,
.navbar, .nav-tabs,
.drawer, .drawercontent, [data-region="fixed-drawer"], [data-region="blocks-column"],
.drawer-left, .drawer-right,
.block, .block .card-body, .block .content,
.modal-content, .modal-header, .modal-body, .modal-footer,
.dropdown-menu, .list-group-item, .popover, .popover-header, .popover-body
) {
    background-color: var(--bfa-raised) !important;
    background-image: none !important;
    color: var(--bfa-text) !important;
    border-color: var(--bfa-edge) !important;
}

/* Links keep the scheme link colour and an underline (non-colour cue). Elements that
 * are also buttons (`.btn`, incl. quiz question-navigation `.qnbutton`) are excluded:
 * they take their colours from the `--bs-*` variables, and the quiz nav squares must
 * keep their own answered/unanswered state colours rather than all turning link-colour. */
:is(html.bfa-scheme-2, html.bfa-scheme-3, html.bfa-scheme-4, html.bfa-scheme-5) :is(
a, .navbar .nav-link, .breadcrumb-item a, .list-group-item-action
):not(.btn):not(.qnbutton) {
    color: var(--bfa-link) !important;
    text-decoration: underline !important;
}

/* Quiz question-navigation squares: keep them legible on dark surfaces without
 * forcing their border, so Moodle's per-state colour stripe (answered / not yet
 * answered / current) still distinguishes them. */
:is(html.bfa-scheme-2, html.bfa-scheme-3, html.bfa-scheme-4, html.bfa-scheme-5) .qnbutton {
    background-color: var(--bfa-raised) !important;
    color: var(--bfa-text) !important;
}

:is(html.bfa-scheme-2, html.bfa-scheme-3, html.bfa-scheme-4, html.bfa-scheme-5) .qnbutton:hover,
:is(html.bfa-scheme-2, html.bfa-scheme-3, html.bfa-scheme-4, html.bfa-scheme-5) .qnbutton:focus {
    background-color: var(--bfa-surface) !important;
}

/* The accessibility panel stays a legible light island in both schemes, so its own
 * controls never inherit the page recolour. Listed after the surfaces above so it wins
 * on both specificity and source order. */
:is(html.bfa-scheme-2, html.bfa-scheme-3, html.bfa-scheme-4, html.bfa-scheme-5) :is(
.block_accessibility,
.block_accessibility .card,
.block_accessibility .card-body,
.block_accessibility_tools
) {
    background-color: #fff !important;
    border-color: #ccc !important;
}

:is(html.bfa-scheme-2, html.bfa-scheme-3, html.bfa-scheme-4, html.bfa-scheme-5) .block_accessibility_tools *:not(a):not(button) {
    color: #1a1a1a !important;
}

/* Panel links keep their own accessible blue on the light island, not the scheme
 * link colour (yellow/blue on white would fail contrast). */
:is(html.bfa-scheme-2, html.bfa-scheme-3, html.bfa-scheme-4, html.bfa-scheme-5) .block_accessibility_tools a {
    color: #0b5cad !important;
    text-decoration: underline !important;
}

/* Dark mode — scheme 5.
 *
 * Uses the same A + B + C mechanism as scheme 4 (high contrast), but with a
 * designed grey palette that keeps surface depth rather than flat black:
 *   A. Redefine the Bootstrap 5.3 colour custom properties on the scheme root.
 *   B. The JS (and pre-paint head script) also set `data-bs-theme="dark"`, which
 *      here is Bootstrap's genuine dark mode used as intended — not a filter/invert.
 *   C. Mop-up for Moodle-custom surfaces compiled from SCSS variables.
 *
 * Palette is WCAG 2.2 AA verified against its surfaces:
 *   body #1a1d21 / cards #24282d; text #e9ecef (14.3:1 / 12.5:1);
 *   links #48a1f1 (6.2:1 / 5.4:1); borders #606a73 (3.1:1 UI).
 */
html.bfa-scheme-5 {
    --bs-body-bg: #1a1d21;
    --bs-body-bg-rgb: 26, 29, 33;
    --bs-body-color: #e9ecef;
    --bs-body-color-rgb: 233, 236, 239;
    --bs-emphasis-color: #f8f9fa;
    --bs-emphasis-color-rgb: 248, 249, 250;
    --bs-heading-color: #f8f9fa;
    --bs-secondary-bg: #24282d;
    --bs-secondary-color: #e9ecef;
    --bs-tertiary-bg: #2f353b;
    --bs-tertiary-color: #e9ecef;
    --bs-border-color: #606a73;
    --bs-link-color: #48a1f1;
    --bs-link-color-rgb: 72, 161, 241;
    --bs-link-hover-color: #7bbcf5;
    --bs-card-bg: #24282d;
    --bs-card-color: #e9ecef;
    --bs-dropdown-bg: #24282d;
    --bs-dropdown-color: #e9ecef;
    --bs-dropdown-link-color: #e9ecef;
    --bs-list-group-bg: #24282d;
    --bs-list-group-color: #e9ecef;
}

/* Scheme 5 surfaces are recoloured by the unified dark-surface system above (shared
 * with scheme 4), driven by the scheme-5 helper variables. */

/* Respect a reader's request for reduced motion. */
@media (prefers-reduced-motion: reduce) {
    .block_accessibility_tools *,
    .block_accessibility_tools *::before,
    .block_accessibility_tools *::after {
        transition: none !important;
        animation: none !important;
    }
}

/* Forced colours (Windows High Contrast): the system palette replaces the custom
 * colours above, so restore the selected-theme and focus cues with system colours.
 * The selected theme button also keeps its bold weight as a non-colour cue. */
@media (forced-colors: active) {
    .block_accessibility_tools .bfa-theme[aria-pressed="true"] {
        border-color: Highlight;
    }

    .block_accessibility_tools .bfa-btn:focus-visible,
    .block_accessibility_tools .bfa-about-link:focus-visible,
    .block_accessibility_tools .bfa-dialog-inner a:focus-visible {
        outline-color: Highlight;
    }
}

.block_accessreview_success,
.block_accessreview.block_accessreview_success.hasinfo {
    color: #1e451e;
    background: #eff5ef;
    box-shadow: 0 0 2px 2px #619a61;
}

.block_accessreview_danger,
.block_accessreview.block_accessreview_danger.hasinfo {
    color: #6e211e;
    background: #fdf7f7;
    box-shadow: 0 0 2px 2px #da6960;
}

.block_accessreview_warning,
.block_accessreview.block_accessreview_warning.hasinfo {
    color: #694b21;
    background: #fdf2e3;
    box-shadow: 0 0 2px 2px #c97a0e;
}

.block_accessreview_table {
    border-bottom: 1px solid;
    border-color: #eee8e8;
}

.block_accessreview_links {
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    justify-content: center;
}

.block_accessreview_link {
    padding-left: 10px;
    padding-right: 10px;
}

.block_accessreview_analysisbutton {
    text-align: center;
}

.block_activity_results h1 {
    margin: 4px;
    font-size: 1.1em;
}

.block_activity_results table.grades {
    text-align: left;
    width: 100%;
}

.block_activity_results table.grades .number {
    text-align: left;
    width: 10%;
}

.block_activity_results table.grades .name {
    text-align: left;
    width: 77%;
}

.block_activity_results table.grades .grade {
    text-align: right;
}

/* stylelint-disable declaration-no-important */
#configcmwrapper {
    margin-left: 50px;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

#configcmwrapper .activityicon,
#configtypewrapper .activityicon {
    width: 25px;
    height: 25px;
}

#configtypewrapper tr td:has(input[name=overridetype]) ~ td {
    filter: grayscale(1) !important;
}

#configtypewrapper tr:has([name="overridetype"]:checked) td:has(input[name=overridetype]) ~ td {
    filter: grayscale(0) !important;
}

#configtypewrapper tr:has([name="config_disabletype"]:checked) td,
#configtypewrapper tr:has([name="config_disabletype"]:checked) td:has(input[name=overridetype]) ~ td {
    filter: grayscale(1) !important;
}

#configcmwrapper .form-check:has([name="config_modcm"]:checked) {
    filter: grayscale(1) !important;
}

.activitymodal iframe {
    height: 100%;
    position: absolute;
    top: 0;
}

.activitymodal .modal-content {
    height: 100dvh;
}

.activitymodal .modal-dialog {
    max-width: 1080px;
    width: calc(100% - 2rem);
    min-height: 50vh;
    margin-top: 1.75rem;
}

.activitymodal:not(.fullscreen) .exitfullscreen {
    display: none;
}

.activitymodal.fullscreen .enterfullscreen {
    display: none;
}

.activitymodal.fullscreen .modal-dialog {
    max-width: 100% !important;
    width: 100% !important;
    height: 100% !important;
    max-height: 100% !important;
    margin: 0 !important;
}

.activitymodal.fullscreen .modal-content {
    height: 100% !important;
    max-height: 100% !important;
}

body.modal-open:has(.activitymodal) {
    overflow: hidden !important;
}

.activitymodal.fullscreen .modal-content {
    border-radius: 0;
}

.activitymodal .original-url #am-ca-back-wrapper {
    display: none;
}

.path-mod.am-embedactivity :is(.navbar, #page-footer, .drawer-left-toggle, footer, #page-wrapper > nav) {
    display: none !important;
}

.path-mod.am-embedactivity .drawer-left-toggle,
.path-mod.am-embedactivity #theme_boost-drawers-courseindex,
.path-mod.am-embedactivity .drawer.drawer-left {
    display: none !important;
}

.path-mod.am-embedactivity .modal-backdrop.show {
    z-index: 1;
}

.path-mod.am-embedactivity.am-hideblock .drawer-toggler.drawer-right-toggle,
.path-mod.am-embedactivity.am-hideblock .drawer-right {
    display: none !important;
}

.path-mod.am-embedactivity.am-hideblock #page.drawers.show-drawer-left {
    width: 100% !important;
}

.path-mod.am-embedactivity.am-hideblock #page.drawers.show-drawer-right {
    margin-right: 0;
}

.path-mod.am-embedactivity #page.drawers.show-drawer-left {
    margin-left: 0;
}

.path-mod.am-embedactivity :is(#page) {
    margin-top: 0 !important;
    padding: 0 !important;
}

.path-mod.am-embedactivity #topofscroll {
    margin-top: 1rem !important;
    padding: 0 !important;
}

.path-mod.am-embedactivity :is(#topofscroll, #page-header) {
    padding: 0.5rem !important;
}

.path-mod.am-embedactivity.am-hidetitle .page-context-header,
.path-mod.am-embedactivity.am-hidesecondarynav .secondary-navigation,
.path-mod.am-embedactivity.am-hideblock .block-navigation,
.path-mod.am-embedactivity.am-hideactivityheader [data-for="page-activity-header"] {
    display: none !important;
}

.path-mod.am-embedactivity .region-main {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 auto !important;
}

.path-mod.am-embedactivity .blockcolumn {
    display: none;
}

.path-mod.am-embedactivity [role="main"] ~ * {
    display: none !important;
}

.path-mod.am-embedactivity.am-hidetitle #maincontent + h2 {
    display: none !important;
}

.path-mod.am-embedactivity.am-hidepageheader #page-header {
    display: none !important;
}

.path-mod.am-embedactivity.lockscroll {
    overflow: auto;
    height: unset;
}

.path-mod.am-embedactivity #am-embed-activity-container,
#am-ca-back-wrapper {
    position: fixed;
    top: 0;
    right: 0;
    background-color: #ddd;
    height: 0;
    margin: 1rem;
    z-index: 1014;
    display: flex;
    justify-content: flex-end;
}

#am-ca-back-wrapper {
    position: absolute;
}

.path-mod.am-embedactivity #am-embed-activity-container a,
#am-ca-back-wrapper a {
    height: 30px;
    width: 30px;
    display: flex;
    background: var(--ivsecondary);
    text-align: center;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    line-height: 30px;
    text-decoration: none;
}

.path-mod.am-embedactivity .drawer-left,
.path-mod.am-embedactivity .drawer-right {
    top: 0;
    height: 100%;
}

.path-mod.am-embedactivity .page-wrapper {
    margin-top: 0;
}

.path-mod.am-embedactivity #topofscroll ~ * {
    display: none !important;
}

.path-mod.am-embedactivity #topofscroll,
.path-mod.am-embedactivity .main-inner {
    width: calc(100% - 2rem) !important;
}

.am-mr-2 {
    margin-right: 0.5rem !important;
}

@media (max-width: 768px) {
    .activitymodal .modal-dialog {
        max-width: 100%;
        height: 100%;
        margin: 0;
        width: 100%;
        max-height: 100%;
    }

    .activitymodal #am-ca-header-wrapper h5 {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        line-clamp: 1;
        overflow: hidden;
        font-size: 1rem;
    }

    .activitymodal .modal-header .enterfullscreen {
        display: none;
    }

    .activitymodal .modal-content {
        border-radius: 0;
    }
}

@keyframes jellyIn {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.05);
    }

    100% {
        transform: scale(1);
    }
}

.activitymodal.am-jelly-anim .modal-dialog {
    animation: jellyIn 0.5s ease-in-out;
    transform-origin: center;
}

body:not(.editing) .block[data-block="actvtmodal"] {
    display: none;
}

.admin_presets_tree_name {
    padding: 0 0 4px 2px;
}

.admin_presets_tree_value {
    border: 1px solid #ccc;
    padding: 0 0 4px 2px;
}

.admin_presets_error {
    color: red;
    text-align: center;
}

.admin_presets_success {
    color: green;
    text-align: center;
}

#page-blocks-admin_presets-index #settings_tree_div .catnode {
    display: inline;
    margin-left: 5px;
}

#page-blocks-admin_presets-index #settings_tree_div .ygtv-checkbox .ygtv-highlight0 .ygtvcontent {
    background: url(/theme/image.php/boost_union/block_admin_presets/1792421257/check0) no-repeat;
    padding-left: 1em;
}

#page-blocks-admin_presets-index #settings_tree_div .ygtv-checkbox .ygtv-highlight0 .ygtvfocus.ygtvcontent,
.ygtv-checkbox .ygtv-highlight1 .ygtvfocus.ygtvcontent,
.ygtv-checkbox .ygtv-highlight2 .ygtvfocus.ygtvcontent {
    background-color: #c0e0e0;
}

#page-blocks-admin_presets-index #settings_tree_div .ygtv-checkbox .ygtv-highlight1 .ygtvcontent {
    background: url(/theme/image.php/boost_union/block_admin_presets/1792421257/check1) no-repeat;
    padding-left: 1em;
}

#page-blocks-admin_presets-index #settings_tree_div .ygtv-checkbox .ygtv-highlight2 .ygtvcontent {
    background: url(/theme/image.php/boost_union/block_admin_presets/1792421257/check2) no-repeat;
    padding-left: 1em;
}

.block_analyticswidget .aw_chart {
    height: 80px;
}

.block_analyticswidget.aw_header,
.aw_widget_header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.block_analyticswidget .aw_header h4,
.block_analyticswidget .aw_widget_header h5 {
    margin-bottom: 0;
    color: var(--aw-black-60);
}

.block_analyticswidget .aw_header .tools a {
    margin-left: 5px;
    display: inline-block;
    height: 28px;
    width: 28px;
    color: white;
    text-align: center;
    border-radius: 8px;
    vertical-align: middle;
}

.block_analyticswidget .aw_header .tools a:focus {
    color: white;
}

.block_analyticswidget .aw_header .tools a i {
    margin-right: 0;
    line-height: 28px;
}

.block_analyticswidget .aw_header .tools a i.icon {
    margin-top: -4px;
}

.block_analyticswidget .aw_header .tools a img {
    height: 28px;
    margin-right: 0;
    filter: brightness(0) invert(1);
}

.block_analyticswidget .aw_widget_header {
    margin-bottom: 0.5rem;
}

.block_analyticswidget .aw_widget_header .tools a {
    margin-left: 5px;
    display: inline-block;
    height: 24px;
    width: 32px;
    line-height: 24px;
    text-align: center;
    border-radius: 8px;
}

.block_analyticswidget .aw_widget_header .tools a img {
    height: 24px;
    margin-right: 0;
}

.block_analyticswidget .aw_widget_header .tools a:focus {
    color: white;
}

/* Custom scrollbar ends */
/* Custom boxes starts */
.block_analyticswidget .aw-shadow-box {
    box-shadow: rgba(0, 0, 0, 0.05) 0 1px 0, rgba(0, 0, 0, 0.05) 0 2px 6px, rgba(0, 0, 0, 0.05) 0 0px 20px;
    border-radius: 8px;
    padding: 1rem;
}

/* Custom boxes ends */
/* Custom widget starts */
.block_analyticswidget .aw-widget {
    box-shadow: rgba(0, 0, 0, 0.05) 0 1px 0, rgba(0, 0, 0, 0.05) 0 2px 6px, rgba(0, 0, 0, 0.05) 0 0px 20px;
    padding: 1rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    border-radius: 8px;
}

.block_analyticswidget .aw-widget-subtitle {
    font-size: small;
    transition: all 0.3s ease-in;
    line-height: 1;
    padding-bottom: 8px;
}

.block_analyticswidget .aw-widget-title {
    color: var(--aw-text-darker);
    transition: all 0.3s ease-in;
    font-size: 1rem;
    line-height: 1;
}

.block_analyticswidget .aw-widget:hover .aw-widget-subtitle {
    font-size: 0.65rem;
    line-height: 1;
    padding-bottom: 2px;
}

.block_analyticswidget .aw-widget:hover .aw-widget-title {
    font-size: xx-large;
    line-height: 1;
}

.block_analyticswidget .aw-widget-icon {
    border-radius: 8px;
    width: 60px;
    height: 60px;
    text-align: center;
    color: #fff;
    background: #0f6cbf;
}

.block_analyticswidget .aw-widget-icon i {
    line-height: 60px;
}

.block_analyticswidget .aw-widget-wrap a {
    text-decoration: none;
}

.block_blog_tags .s20 {
    font-size: 1.5em;
    font-weight: bold;
}

.block_blog_tags .s19 {
    font-size: 1.5em;
}

.block_blog_tags .s18 {
    font-size: 1.4em;
    font-weight: bold;
}

.block_blog_tags .s17 {
    font-size: 1.4em;
}

.block_blog_tags .s16 {
    font-size: 1.3em;
    font-weight: bold;
}

.block_blog_tags .s15 {
    font-size: 1.3em;
}

.block_blog_tags .s14 {
    font-size: 1.2em;
    font-weight: bold;
}

.block_blog_tags .s13 {
    font-size: 1.2em;
}

.block_blog_tags .s12,
.block_blog_tags .s11 {
    font-size: 1.1em;
    font-weight: bold;
}

.block_blog_tags .s10,
.block_blog_tags .s9 {
    font-size: 1.1em;
}

.block_blog_tags .s8,
.block_blog_tags .s7 {
    font-size: 1em;
    font-weight: bold;
}

.block_blog_tags .s6,
.block_blog_tags .s5 {
    font-size: 1em;
}

.block_blog_tags .s4,
.block_blog_tags .s3 {
    font-size: 0.9em;
    font-weight: bold;
}

.block_blog_tags .s2,
.block_blog_tags .s1 {
    font-size: 0.9em;
}
[class^="data-block-calculator-"] {
    font-size: 1rem;
    text-decoration: none;
    cursor: pointer;
    filter: brightness(1);

    &:hover {
        filter: brightness(0.95);
        transition: 100ms ease-in-out;
    }

    &:active {
        filter: brightness(0.8);
        transition: 50ms ease-in-out; /* stylelint-disable-line time-min-milliseconds */
    }
}

[class^="data-block-calculator-"].data-block-calculator-pseudo-active {
    filter: brightness(0.8);
    transition: 50ms ease-in-out; /* stylelint-disable-line time-min-milliseconds */
}

.data-block-calculator-number,
.data-block-calculator-operation,
.data-block-calculator-delete {
    color: black !important;  /* stylelint-disable-line declaration-no-important */
    box-shadow:
        rgba(0, 0, 0, 0.4) 0 2px 4px,
        rgba(0, 0, 0, 0.3) 0 7px 13px -3px,
        rgba(0, 0, 0, 0.2) 0 -3px 0 inset !important;  /* stylelint-disable-line declaration-no-important */
}

.data-block-calculator-all-clear,
.data-block-calculator-equals {
    color: white !important;  /* stylelint-disable-line declaration-no-important */
    box-shadow:
        rgba(0, 0, 0, 0.4) 0 2px 4px,
        rgba(0, 0, 0, 0.3) 0 7px 13px -3px,
        rgba(0, 0, 0, 0.2) 0 -3px 0 inset !important; /* stylelint-disable-line declaration-no-important */
}

.data-block-calculator-number > span {
    font-size: 0.75rem;
}

div[id^="data-block-calculator-"] {
    font-size: 1.2rem;
}

.data-block-calculator-output {
    min-height: 175px;
    max-height: 325px;
    overflow-y: auto;
    padding-top: 0.5rem;
    word-wrap: break-word;
    word-break: break-all;
    line-height: 1.5;
    -webkit-box-shadow: inset 0 1px 10px 5px rgba(0, 0, 0, 0.42);
    box-shadow: inset 0 1px 10px 5px rgba(0, 0, 0, 0.42);
}

.fa-circle-xmark {
    font-size: 1.1rem;
}

.calculator-rounded-top {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}

.calculator-rounded-bottom-left {
    border-bottom-left-radius: 16px;
}

.calculator-rounded-bottom-right {
    border-bottom-right-radius: 16px;
}

.calculator-rounded {
    border-radius: 16px;
}

.calculator-bg-transparent {
    background-color: transparent;
}

.block-calculator-accordion-header > a {
    float: right;
    text-decoration: none;
    filter: brightness(100%);
    transition: all 150ms;
}

.block-calculator-accordion-header > a:hover {
    filter: brightness(4);
}

.block-calculator-w-100 {
    width: 100%;
}

div[id^="data-block-calculator-"],
#data-block-calculator,
#data-block-drag-header {
    max-width: 350px;
    width: 100%;
}

#data-block-calculator:focus {
    outline: 2px var(--primary) solid !important; /* stylelint-disable-line declaration-no-important */
}

#data-block-calculator.block-calculator-draggable > #data-block-drag-header {
    &:hover {
        outline: 2px solid black !important; /* stylelint-disable-line declaration-no-important */
        cursor: grab;
    }
}
/*
 * This file is part of Moodle - http://moodle.org/
 *
 * Moodle is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * Moodle is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with Moodle. If not, see <http://www.gnu.org/licenses/>.
 *
 * @copyright 2026 Saša Dumić, Cognita <sasa.dumic@cognita.hr>
 * @license   http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
 */

.block_categorycoursecards .categorycoursecards-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.block_categorycoursecards .categorycoursecards-card {
    min-width: 0;
    overflow: hidden;
}

.block_categorycoursecards .categorycoursecards-image-link {
    display: block;
}

.block_categorycoursecards .categorycoursecards-image-wrapper {
    aspect-ratio: 16 / 9;
    display: block;
    overflow: hidden;
    width: 100%;
}

.block_categorycoursecards .categorycoursecards-image {
    display: block;
    height: 100%;
    object-fit: cover;
    object-position: center;
    width: 100%;
}

.block_categorycoursecards .categorycoursecards-summary {
    overflow-wrap: anywhere;
}

@media (max-width: 991.98px) {
    .block_categorycoursecards .categorycoursecards-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 575.98px) {
    .block_categorycoursecards .categorycoursecards-grid {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* TODO This is not strict to the plugin scope */

.dir-rtl .CodeMirror {
    direction: ltr;
    text-align: left;
}

/* Left align Custom SQL textarea and SQL help, in RTL mode.
*/
#page-blocks-configurable_reports-editreport.dir-rtl textarea,
#page-blocks-configurable_reports-editreport.dir-rtl .felement.fstatic {
    text-align: left;
    direction: ltr;
}

/* Fix table header padding, to show "Sort" arrows
*/
#reportslist th.header {
    padding: 0 20px;
}

/* Fix cell alignment in reports list table
*/
#page-blocks-configurable_reports-managereport .generaltable td.c5 {
    direction: ltr;
}

/* Left align Setting INPUT TEXT boxes
*/
#page-admin-setting-blocksettingconfigurable_reports.dir-rtl .settingsform input[type=text],
#page-admin-setting-blocksettingconfigurable_reports.dir-rtl .settingsform input[type=password] {
    text-align: left;
    direction: ltr;
}

/* Table usability & UI fixes
*/
#page-blocks-configurable_reports-viewreport .generaltable {
    border: 1px solid rgb(128, 128, 128);
    margin: 0 auto;

}

#page-blocks-configurable_reports-viewreport #calcstable {
    width: 80%;
}

#page-blocks-configurable_reports-viewreport .generaltable th.header {
    background-color: #f8f9fa;
    border-bottom-width: 1px;
}

/* Center align bottom report statistics
*/
#page-blocks-configurable_reports-viewreport #totalrecords,
#page-blocks-configurable_reports-viewreport #lastexecutiontime {
    padding: 10px;
    text-align: center;
}

/* Convert "Add report" link to a beautiful button
    (Used: http://www.cssbuttongenerator.com/)
*/
.addbutton {
    text-align: center;
}

.linkbutton {
    -moz-box-shadow: inset 0px 1px 0px 0px #dcecfb;
    -webkit-box-shadow: inset 0px 1px 0px 0px #dcecfb;
    box-shadow: inset 0px 1px 0px 0px #dcecfb;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bddbfa), color-stop(1, #80b5ea));
    background: -moz-linear-gradient(center top, #bddbfa 5%, #80b5ea 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bddbfa', endColorstr='#80b5ea');
    background-color: #bddbfa;
    -webkit-border-top-left-radius: 0px;
    -moz-border-radius-topleft: 0px;
    border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius-topright: 0px;
    border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-bottom-left-radius: 0px;
    text-indent: 0;
    border: 1px solid #84bbf3;
    display: inline-block;
    color: #ffffff;
    font-family: Arial;
    font-size: 15px;
    font-weight: bold;
    font-style: normal;
    height: 30px;
    line-height: 30px;
    width: 100px;
    text-decoration: none;
    text-align: center;
    text-shadow: 1px 1px 0px #528ecc;
}

.linkbutton:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #80b5ea), color-stop(1, #bddbfa));
    background: -moz-linear-gradient(center top, #80b5ea 5%, #bddbfa 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80b5ea', endColorstr='#bddbfa');
    background-color: #80b5ea;
}

.linkbutton:active {
    position: relative;
    top: 1px;
}


/* DataTables styles */

/*
 * Table
 */
table.dataTable {
    margin: 0 auto;
    clear: both;
    width: 100%;
}

table.dataTable thead th {
    padding: 3px 18px 3px 10px;
    border-bottom: 1px solid black;
    font-weight: bold;
    cursor: pointer;
    *cursor: hand;
}

table.dataTable tfoot th {
    padding: 3px 18px 3px 10px;
    border-top: 1px solid black;
    font-weight: bold;
}

table.dataTable td {
    padding: 3px 10px;
}

table.dataTable td.center,
table.dataTable td.dataTables_empty {
    text-align: center;
}

table.dataTable tr.odd {
    background-color: #E2E4FF;
}

table.dataTable tr.even {
    background-color: white;
}

table.dataTable tr.odd td.sorting_1 {
    background-color: #D3D6FF;
}

table.dataTable tr.odd td.sorting_2 {
    background-color: #DADCFF;
}

table.dataTable tr.odd td.sorting_3 {
    background-color: #E0E2FF;
}

table.dataTable tr.even td.sorting_1 {
    background-color: #EAEBFF;
}

table.dataTable tr.even td.sorting_2 {
    background-color: #F2F3FF;
}

table.dataTable tr.even td.sorting_3 {
    background-color: #F9F9FF;
}


/*
 * Table wrapper
 */
.dataTables_wrapper {
    position: relative;
    clear: both;
    *zoom: 1;
}


/*
 * Page length menu
 */
.dataTables_length {
    float: left;
}


/*
 * Filter
 */
.dataTables_filter {
    float: right;
    text-align: right;
}


/*
 * Table information
 */
.dataTables_info {
    clear: both;
    float: left;
}


/*
 * Pagination
 */
.dataTables_paginate {
    float: right;
    text-align: right;
}

/* Two button pagination - previous / next */
.paginate_disabled_previous,
.paginate_enabled_previous,
.paginate_disabled_next,
.paginate_enabled_next {
    height: 19px;
    float: left;
    cursor: pointer;
    *cursor: hand;
    color: #111 !important;
}

.paginate_disabled_previous:hover,
.paginate_enabled_previous:hover,
.paginate_disabled_next:hover,
.paginate_enabled_next:hover {
    text-decoration: none !important;
}

.paginate_disabled_previous:active,
.paginate_enabled_previous:active,
.paginate_disabled_next:active,
.paginate_enabled_next:active {
    outline: none;
}

.paginate_disabled_previous,
.paginate_disabled_next {
    color: #666 !important;
}

.paginate_disabled_previous,
.paginate_enabled_previous {
    padding-left: 23px;
}

.paginate_disabled_next,
.paginate_enabled_next {
    padding-right: 23px;
    margin-left: 10px;
}

.paginate_enabled_previous {
    background: url(/theme/image.php/boost_union/block_configurable_reports/1792421257/datatable/back_enabled) no-repeat top left;
}

.paginate_enabled_previous:hover {
    background: url(/theme/image.php/boost_union/block_configurable_reports/1792421257/datatable/back_enabled_hover) no-repeat top left;
}

.paginate_disabled_previous {
    background: url(/theme/image.php/boost_union/block_configurable_reports/1792421257/datatable/back_disabled) no-repeat top left;
}

.paginate_enabled_next {
    background: url(/theme/image.php/boost_union/block_configurable_reports/1792421257/datatable/forward_enabled) no-repeat top right;
}

.paginate_enabled_next:hover {
    background: url(/theme/image.php/boost_union/block_configurable_reports/1792421257/datatable/forward_enabled_hover) no-repeat top right;
}

.paginate_disabled_next {
    background: url(/theme/image.php/boost_union/block_configurable_reports/1792421257/datatable/forward_disabled) no-repeat top right;
}

/* Full number pagination */
.paging_full_numbers {
    height: 22px;
    line-height: 22px;
}

.paging_full_numbers a:active {
    outline: none
}

.paging_full_numbers a:hover {
    text-decoration: none;
}

.paging_full_numbers a.paginate_button,
.paging_full_numbers a.paginate_active {
    border: 1px solid #aaa;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 2px 5px;
    margin: 0 3px;
    cursor: pointer;
    *cursor: hand;
    color: #333 !important;
}

.paging_full_numbers a.paginate_button {
    background-color: #ddd;
}

.paging_full_numbers a.paginate_button:hover {
    background-color: #ccc;
    text-decoration: none !important;
}

.paging_full_numbers a.paginate_active {
    background-color: #99B3FF;
}


/*
 * Processing indicator
 */
.dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 250px;
    height: 30px;
    margin-left: -125px;
    margin-top: -15px;
    padding: 14px 0 2px 0;
    border: 1px solid #ddd;
    text-align: center;
    color: #999;
    font-size: 14px;
    background-color: white;
}


/*
 * Sorting
 */
.sorting {
    background: url(/theme/image.php/boost_union/block_configurable_reports/1792421257/datatable/sort_both) no-repeat center right;
}

.sorting_asc {
    background: url(/theme/image.php/boost_union/block_configurable_reports/1792421257/datatable/sort_asc) no-repeat center right;
}

.sorting_desc {
    background: url(/theme/image.php/boost_union/block_configurable_reports/1792421257/datatable/sort_desc) no-repeat center right;
}

.sorting_asc_disabled {
    background: url(/theme/image.php/boost_union/block_configurable_reports/1792421257/datatable/sort_asc_disabled) no-repeat center right;
}

.sorting_desc_disabled {
    background: url(/theme/image.php/boost_union/block_configurable_reports/1792421257/datatable/sort_desc_disabled) no-repeat center right;
}

table.dataTable thead th:active,
table.dataTable thead td:active {
    outline: none;
}


/*
 * Scrolling
 */
.dataTables_scroll {
    clear: both;
}

.dataTables_scrollBody {
    *margin-top: -1px;
    -webkit-overflow-scrolling: touch;
}


/* CodeMirror styles */
/* BASICS */

.CodeMirror {
    /* Set height, width, borders, and global font properties here */
    font-family: monospace;
    height: 300px;
    color: black;
    direction: ltr;
}

/* PADDING */

.CodeMirror-lines {
    padding: 4px 0; /* Vertical padding around content */
}

.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
    padding: 0 4px; /* Horizontal padding of content */
}

.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
    background-color: white; /* The little square between H and V scrollbars */
}

/* GUTTER */

.CodeMirror-gutters {
    border-right: 1px solid #ddd;
    background-color: #f7f7f7;
    white-space: nowrap;
}

.CodeMirror-linenumbers {
}

.CodeMirror-linenumber {
    padding: 0 3px 0 5px;
    min-width: 20px;
    text-align: right;
    color: #999;
    white-space: nowrap;
}

.CodeMirror-guttermarker {
    color: black;
}

.CodeMirror-guttermarker-subtle {
    color: #999;
}

/* CURSOR */

.CodeMirror-cursor {
    border-left: 1px solid black;
    border-right: none;
    width: 0;
}

/* Shown when moving in bi-directional text */
.CodeMirror div.CodeMirror-secondarycursor {
    border-left: 1px solid silver;
}

.cm-fat-cursor .CodeMirror-cursor {
    width: auto;
    border: 0 !important;
    background: #7e7;
}

.cm-fat-cursor div.CodeMirror-cursors {
    z-index: 1;
}

.cm-fat-cursor .CodeMirror-line::selection,
.cm-fat-cursor .CodeMirror-line > span::selection,
.cm-fat-cursor .CodeMirror-line > span > span::selection {
    background: transparent;
}

.cm-fat-cursor .CodeMirror-line::-moz-selection,
.cm-fat-cursor .CodeMirror-line > span::-moz-selection,
.cm-fat-cursor .CodeMirror-line > span > span::-moz-selection {
    background: transparent;
}

.cm-fat-cursor {
    caret-color: transparent;
}

@-moz-keyframes blink {
    0% {
    }
    50% {
        background-color: transparent;
    }
    100% {
    }
}

@-webkit-keyframes blink {
    0% {
    }
    50% {
        background-color: transparent;
    }
    100% {
    }
}

@keyframes blink {
    0% {
    }
    50% {
        background-color: transparent;
    }
    100% {
    }
}

/* Can style cursor different in overwrite (non-insert) mode */
.CodeMirror-overwrite .CodeMirror-cursor {
}

.cm-tab {
    display: inline-block;
    text-decoration: inherit;
}

.CodeMirror-rulers {
    position: absolute;
    left: 0;
    right: 0;
    top: -50px;
    bottom: 0;
    overflow: hidden;
}

.CodeMirror-ruler {
    border-left: 1px solid #ccc;
    top: 0;
    bottom: 0;
    position: absolute;
}

/* DEFAULT THEME */

.cm-s-default .cm-header {
    color: blue;
}

.cm-s-default .cm-quote {
    color: #090;
}

.cm-negative {
    color: #d44;
}

.cm-positive {
    color: #292;
}

.cm-header, .cm-strong {
    font-weight: bold;
}

.cm-em {
    font-style: italic;
}

.cm-link {
    text-decoration: underline;
}

.cm-strikethrough {
    text-decoration: line-through;
}

.cm-s-default .cm-keyword {
    color: #708;
}

.cm-s-default .cm-atom {
    color: #219;
}

.cm-s-default .cm-number {
    color: #164;
}

.cm-s-default .cm-def {
    color: #00f;
}

.cm-s-default .cm-variable,
.cm-s-default .cm-punctuation,
.cm-s-default .cm-property,
.cm-s-default .cm-operator {
}

.cm-s-default .cm-variable-2 {
    color: #05a;
}

.cm-s-default .cm-variable-3, .cm-s-default .cm-type {
    color: #085;
}

.cm-s-default .cm-comment {
    color: #a50;
}

.cm-s-default .cm-string {
    color: #a11;
}

.cm-s-default .cm-string-2 {
    color: #f50;
}

.cm-s-default .cm-meta {
    color: #555;
}

.cm-s-default .cm-qualifier {
    color: #555;
}

.cm-s-default .cm-builtin {
    color: #30a;
}

.cm-s-default .cm-bracket {
    color: #997;
}

.cm-s-default .cm-tag {
    color: #170;
}

.cm-s-default .cm-attribute {
    color: #00c;
}

.cm-s-default .cm-hr {
    color: #999;
}

.cm-s-default .cm-link {
    color: #00c;
}

.cm-s-default .cm-error {
    color: #f00;
}

.cm-invalidchar {
    color: #f00;
}

.CodeMirror-composing {
    border-bottom: 2px solid;
}

/* Default styles for common addons */

div.CodeMirror span.CodeMirror-matchingbracket {
    color: #0b0;
}

div.CodeMirror span.CodeMirror-nonmatchingbracket {
    color: #a22;
}

.CodeMirror-matchingtag {
    background: rgba(255, 150, 0, .3);
}

.CodeMirror-activeline-background {
    background: #e8f2ff;
}

/* STOP */

/* The rest of this file contains styles related to the mechanics of
   the editor. You probably shouldn't touch them. */

.CodeMirror {
    position: relative;
    overflow: hidden;
    background: white;
}

.CodeMirror-scroll {
    overflow: scroll !important; /* Things will break if this is overridden */
    /* 50px is the magic margin used to hide the element's real scrollbars */
    /* See overflow: hidden in .CodeMirror */
    margin-bottom: -50px;
    margin-right: -50px;
    padding-bottom: 50px;
    height: 100%;
    outline: none; /* Prevent dragging from highlighting the element */
    position: relative;
    z-index: 0;
}

.CodeMirror-sizer {
    position: relative;
    border-right: 50px solid transparent;
}

/* The fake, visible scrollbars. Used to force redraw during scrolling
   before actual scrolling happens, thus preventing shaking and
   flickering artifacts. */
.CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
    position: absolute;
    z-index: 6;
    display: none;
    outline: none;
}

.CodeMirror-vscrollbar {
    right: 0;
    top: 0;
    overflow-x: hidden;
    overflow-y: scroll;
}

.CodeMirror-hscrollbar {
    bottom: 0;
    left: 0;
    overflow-y: hidden;
    overflow-x: scroll;
}

.CodeMirror-scrollbar-filler {
    right: 0;
    bottom: 0;
}

.CodeMirror-gutter-filler {
    left: 0;
    bottom: 0;
}

.CodeMirror-gutters {
    position: absolute;
    left: auto;
    top: 0;
    min-height: 100%;
    z-index: 3;
}

.CodeMirror-gutter {
    white-space: normal;
    height: 100%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: -50px;
}

.CodeMirror-gutter-wrapper {
    position: absolute;
    z-index: 4;
    background: none !important;
    border: none !important;
}

.CodeMirror-gutter-background {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 4;
}

.CodeMirror-gutter-elt {
    position: absolute;
    cursor: default;
    z-index: 4;
}

.CodeMirror-gutter-wrapper ::selection {
    background-color: transparent
}

.CodeMirror-gutter-wrapper ::-moz-selection {
    background-color: transparent
}

.CodeMirror-lines {
    cursor: text;
    min-height: 1px; /* prevents collapsing before first draw */
}

.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
    /* Reset some styles that the rest of the page might have set */
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border-width: 0;
    background: transparent;
    font-family: inherit;
    font-size: inherit;
    margin: 0;
    white-space: pre;
    word-wrap: normal;
    line-height: inherit;
    color: inherit;
    z-index: 2;
    position: relative;
    overflow: visible;
    -webkit-tap-highlight-color: transparent;
    -webkit-font-variant-ligatures: contextual;
    font-variant-ligatures: contextual;
}

.CodeMirror-wrap pre.CodeMirror-line,
.CodeMirror-wrap pre.CodeMirror-line-like {
    word-wrap: break-word;
    white-space: pre-wrap;
    word-break: normal;
}

.CodeMirror-linebackground {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
}

.CodeMirror-linewidget {
    position: relative;
    z-index: 2;
    padding: 0.1px; /* Force widget margins to stay inside of the container */
}

.CodeMirror-widget {
}

.CodeMirror-rtl pre {
    direction: rtl;
}

.CodeMirror-code {
    outline: none;
}

/* Force content-box sizing for the elements where we expect it */
.CodeMirror-scroll,
.CodeMirror-sizer,
.CodeMirror-gutter,
.CodeMirror-gutters,
.CodeMirror-linenumber {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.CodeMirror-measure {
    position: absolute;
    width: 100%;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}

.CodeMirror-cursor {
    position: absolute;
    pointer-events: none;
}

.CodeMirror-measure pre {
    position: static;
}

div.CodeMirror-cursors {
    visibility: hidden;
    position: relative;
    z-index: 3;
}

div.CodeMirror-dragcursors {
    visibility: visible;
}

.CodeMirror-focused div.CodeMirror-cursors {
    visibility: visible;
}

.CodeMirror-selected {
    background: #d9d9d9;
}

.CodeMirror-focused .CodeMirror-selected {
    background: #d7d4f0;
}

.CodeMirror-crosshair {
    cursor: crosshair;
}

.CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection {
    background: #d7d4f0;
}

.CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection {
    background: #d7d4f0;
}

.cm-searching {
    background-color: #ffa;
    background-color: rgba(255, 255, 0, .4);
}

/* Used to force a border model for a node */
.cm-force-border {
    padding-right: .1px;
}

@media print {
    /* Hide the cursor when printing */
    .CodeMirror div.CodeMirror-cursors {
        visibility: hidden;
    }
}

/* See issue #2901 */
.cm-tab-wrap-hack:after {
    content: '';
}

/* Help users use markselection to safely style text background */
span.CodeMirror-selectedtext {
    background: none;
}

/* See issue #2901 */
.cm-tab-wrap-hack:after {
    content: '';
}

/* Help users use markselection to safely style text background */
span.CodeMirror-selectedtext {
    background: none;
}

#page-blocks-configurable_reports-editreport .CodeMirror {
    width: 100%;
}
/*
 * This file is part of Moodle - http://moodle.org/
 *
 * Moodle is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * Moodle is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
 * GNU General Public License for more details.
 *
 * @package    block_course_calculator
 * @copyright  2024 Toni Jokinen, University of Helsinki
 * @license    http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
 */

.block_course_calculator .no-overflow {
    overflow: visible;
}

.block_course_calculator .content,
.block_course_calculator .card-text {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.block_course_calculator .advanced-calculator {
    --calc-border: var(--bs-border-color, #d7dde8);
    --calc-panel: var(--bs-tertiary-bg, #f7f9fc);
    --calc-panel-strong: var(--bs-secondary-bg, #e7eef9);
    --calc-text: var(--bs-body-color, #1f2937);
    --calc-muted: var(--bs-secondary-color, #526071);
    --calc-accent: var(--bs-primary, #0f6cbf);
    --calc-accent-strong: var(--bs-link-hover-color, #0b4f8a);
    --calc-danger: var(--bs-danger, #b42318);
    --calc-surface: var(--bs-body-bg, #fff);
    display: block;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    color: var(--calc-text);
    font-size: 0.95rem;
}

.block_course_calculator .advanced-calculator__shell {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding: 0.75rem;
    border: 1px solid var(--calc-border);
    border-radius: 0.85rem;
    background: var(--calc-panel);
}

.block_course_calculator .advanced-calculator__top {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5rem;
}

.block_course_calculator .advanced-calculator__mode {
    display: inline-flex;
    align-items: center;
    padding: 0.15rem 0.5rem;
    border-radius: 999px;
    background: var(--calc-panel-strong);
    color: var(--calc-accent-strong);
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.block_course_calculator .advanced-calculator__screen {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.block_course_calculator .advanced-calculator__operation {
    min-height: 1.2rem;
    color: var(--calc-muted);
    font-size: 0.8rem;
    text-align: right;
    user-select: text;
    white-space: pre-wrap;
    word-break: break-word;
}

.block_course_calculator .advanced-calculator__input {
    width: 100%;
    border: 1px solid var(--calc-border);
    border-radius: 0.7rem;
    background: var(--calc-surface);
    padding: 0.65rem 0.75rem;
}

.block_course_calculator .advanced-calculator__input {
    min-height: 3.1rem;
    font-size: 1rem;
    font-weight: 700;
    text-align: right;
    line-height: 1.4;
}

.block_course_calculator .advanced-calculator__error {
    display: none;
    border-radius: 0.7rem;
    background: var(--bs-danger-bg-subtle, #fff2f1);
    color: var(--calc-danger);
    padding: 0.55rem 0.7rem;
    font-size: 0.82rem;
}

.block_course_calculator .advanced-calculator__error.is-visible {
    display: block;
}

.block_course_calculator .advanced-calculator__history {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.block_course_calculator .advanced-calculator__history-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

.block_course_calculator .advanced-calculator__history-title {
    color: var(--calc-muted);
    font-size: 0.74rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.block_course_calculator .advanced-calculator__history-clear {
    border: 0;
    background: transparent;
    color: var(--calc-accent);
    padding: 0;
    font-size: 0.74rem;
    font-weight: 700;
    line-height: 1;
}

.block_course_calculator .advanced-calculator__history-clear:hover,
.block_course_calculator .advanced-calculator__history-clear:focus {
    color: var(--calc-accent-strong);
    text-decoration: underline;
}

.block_course_calculator .advanced-calculator__history-list {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.block_course_calculator .advanced-calculator__history-item {
    border: 1px solid var(--calc-border);
    border-radius: 0.65rem;
    background: var(--calc-surface);
    padding: 0.45rem 0.6rem;
    font-size: 0.82rem;
    line-height: 1.35;
    user-select: text;
    white-space: pre-wrap;
    word-break: break-word;
}

.block_course_calculator .advanced-calculator__history-expression {
    color: var(--calc-muted);
}

.block_course_calculator .advanced-calculator__history-result {
    font-weight: 700;
}

.block_course_calculator .advanced-calculator__toggles {
    display: flex;
    gap: 0.4rem;
}

.block_course_calculator .advanced-calculator__toggle {
    flex: 1 1 auto;
    border: 1px solid var(--calc-border);
    border-radius: 0.6rem;
    background: var(--calc-surface);
    padding: 0.45rem 0.55rem;
    font-size: 0.75rem;
    font-weight: 700;
}

.block_course_calculator .advanced-calculator__toggle.is-active {
    border-color: var(--calc-accent);
    background: var(--bs-primary-bg-subtle, #e8f2fb);
    color: var(--calc-accent-strong);
}

.block_course_calculator .advanced-calculator__panel {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.4rem;
}

.block_course_calculator .advanced-calculator__panel--scientific {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.block_course_calculator .advanced-calculator__panel--memory {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.block_course_calculator .advanced-calculator__btn {
    border: 1px solid var(--calc-border);
    border-radius: 0.7rem;
    background: var(--calc-surface);
    color: var(--calc-text);
    min-height: 2.5rem;
    padding: 0.4rem 0.3rem;
    font-size: 0.9rem;
    font-weight: 700;
    transition: transform 120ms ease, border-color 120ms ease, background-color 120ms ease;
}

.block_course_calculator .advanced-calculator__btn:hover,
.block_course_calculator .advanced-calculator__btn:focus {
    border-color: var(--calc-accent);
    background: var(--calc-panel);
    transform: translateY(-1px);
}

.block_course_calculator .advanced-calculator__btn--accent {
    border-color: var(--calc-accent);
    background: var(--calc-accent);
    color: #fff;
}

.block_course_calculator .advanced-calculator__btn--accent:hover,
.block_course_calculator .advanced-calculator__btn--accent:focus {
    border-color: var(--calc-accent-strong);
    background: var(--calc-accent-strong);
}

.block_course_calculator .advanced-calculator__btn--soft {
    background: var(--calc-panel-strong);
}

.block_course_calculator .advanced-calculator__hint {
    color: var(--calc-muted);
    font-size: 0.74rem;
    line-height: 1.35;
}

.block_course_list .footer {
    margin-top: 5px;
}

.block_course_list .content li {
    margin-bottom: .3em;
}

.block_course_summary .content {
    padding: 10px;
}

.block_course_summary .editbutton {
    text-align: right;
}
.block_custom_course_menu .editingmode .editingicon {
    font-size: 1.1em;
    font-weight: bold;
}
.block_custom_course_menu .editingmode.editingoff .editingicon:after {
    content: "\f204";
}
.block_custom_course_menu .editingmode.editingon .editingicon:after {
    content: "\f205";
}
.block_custom_course_menu #custom_course_menu_interface {
    clear: both;
    float: right;
    margin: -10px 5px;
    text-decoration: none;
}
.block_custom_course_menu ul.custom_course_menu_category_list {
    list-style: none;
    margin: 0;
    padding-left: 0;
}
.block_custom_course_menu input[type='text'] {
    max-width: 250px;
    width: 80%;
}
.handle {
    cursor: move;
}
.excluded_courses {
    cursor: default;
}
.block_custom_course_menu ul.course-sortable .placeholder {
    border: 1px dashed #cdcdcd;
    height: 1.3em;
}
.block_custom_course_menu ul.custom_course_menu_category_list ul.inconspicuous {
    display: none;
}
.block_custom_course_menu ul.custom_course_menu_category_list li {
    font-weight: bold;
    list-style: none;
    margin-bottom: 0;
}
.block_custom_course_menu ul.custom_course_menu_category_list li.inconspicuous .courselist_course span {
    text-decoration: line-through;
}
.block_custom_course_menu ul.custom_course_menu_category_list ul {
    list-style: none;
    margin-bottom: 0;
    margin-left: 0;
    margin-top: 0;
    padding-left: 0;
}
.block_custom_course_menu ul.custom_course_menu_category_list ul li {
    font-weight: normal;
    list-style: none;
    margin-bottom: 0;
    margin-left: 0.5em;
}
.block_custom_course_menu ul.custom_course_menu_list.inconspicuous,
.block_custom_course_menu ul.custom_course_menu_list.collapsed {
    display: none;
}
.block_custom_course_menu #adminsearchquery {
    max-width: 92%;
}
.block_custom_course_menu #searchbutton {
    margin: 5px;
}
.block_custom_course_menu .scrollable {
    display: inline-block;
    line-height: 20px;
    max-width: 98%;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
}
.block_custom_course_menu .scrollable:hover {
    text-overflow: unset;
}
.block_custom_course_menu span.scrollable {
    max-width: 90%;
}
.block_custom_course_menu .editing .scrollable {
    max-width: 73%;
}
.block_custom_course_menu .scrollable span {
    -moz-transition: left 5s, width 5s;
    -webkit-transition: left 5s, width 5s;
    -webkit-transition-delay: 1.5s; /* Safari */
    left: 0;
    position: relative;
    transition: left 5s, width 5s;
    transition-delay: 1.5s;
    width: 100%;
}
.block_custom_course_menu .scrollable span:hover {
    left: -100%;
}
.block_custom_course_menu .searchfield {
    margin: 0;
}

aside.block-region[data-blockregion="content"] .edwiser_site_monitor .cannot_display_server_usage {
  display: none; }

aside.block-region:not([data-blockregion="content"]) .edwiser_site_monitor .server_usage_chart {
  max-height: 400px;
  display: none; }

.edwiser_site_monitor .nav-tabs .nav-item .nav-link.esm-outline,
.edwiser_site_monitor .nav-tabs .nav-item .nav-link .edwiser_plugins_recommendation .esm-outline {
  color: #1177d1 !important;
  border: 1px solid #1177d1 !important; }

.edwiser_site_monitor .nav-tabs .nav-item .nav-link.btn-primary {
  color: white; }

.edwiser_site_monitor .esm_legend {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-left: 0.5rem; }

.edwiser_site_monitor .server_live_status {
  position: relative;
  padding: 10px 20px; }
  .edwiser_site_monitor .server_live_status .progress-row {
    padding: 10px 15px; }
  .edwiser_site_monitor .server_live_status .progress-wrap {
    height: 4px;
    width: 100%;
    border: 0px;
    margin: 0px;
    padding: 0px; }
    .edwiser_site_monitor .server_live_status .progress-wrap .usage-progress-bar {
      height: 100%; }
  .edwiser_site_monitor .server_live_status .usage-header {
    display: inline-block;
    width: 20%;
    font-size: 1.3rem; }
    .edwiser_site_monitor .server_live_status .usage-header i.fa {
      margin-right: 10px; }
  .edwiser_site_monitor .server_live_status .usage-details {
    display: inline-block;
    width: 79%; }
    .edwiser_site_monitor .server_live_status .usage-details .progress-label {
      float: right; }
  .edwiser_site_monitor .server_live_status .users {
    position: relative; }
    .edwiser_site_monitor .server_live_status .users .legends {
      padding: 0; }
  .edwiser_site_monitor .server_live_status .legends {
    text-align: right;
    padding-right: 15px; }
    .edwiser_site_monitor .server_live_status .legends .legend {
      display: inline-block;
      margin: 0 0.2rem; }
      .edwiser_site_monitor .server_live_status .legends .legend .color {
        width: 1rem;
        height: 1rem;
        display: inline-block;
        vertical-align: middle; }

.edwiser_site_monitor .server_usage_chart {
  background: white; }

.edwiser_site_monitor .server-plugins,
.edwiser_site_monitor .has-loader {
  min-height: 4rem;
  position: relative; }

.edwiser_site_monitor .server-plugins .server-plugins-list {
  margin-top: 1.2rem; }
  .edwiser_site_monitor .server-plugins .server-plugins-list .generaltable {
    max-height: 30rem;
    overflow-y: auto; }
  .edwiser_site_monitor .server-plugins .server-plugins-list .plugin-list-refresh {
    width: 100%;
    text-align: right; }
  .edwiser_site_monitor .server-plugins .server-plugins-list .edwiser-plugin-list {
    overflow-y: auto;
    max-height: 30rem; }
    .edwiser_site_monitor .server-plugins .server-plugins-list .edwiser-plugin-list #plugins-control-panel {
      width: 100%; }
  .edwiser_site_monitor .server-plugins .server-plugins-list .nav-link.edwiser-plugin-filter .badge.number-all {
    --bs-badge-color: unset; }

.edwiser_site_monitor .has-loader .edwiser-server-monitor-loader {
  position: absolute;
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, 0.6);
  top: 0; }
  .edwiser_site_monitor .has-loader .edwiser-server-monitor-loader:not(.show) {
    display: none; }
  .edwiser_site_monitor .has-loader .edwiser-server-monitor-loader .edwiser-server-monitor-loading-icon {
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
    .edwiser_site_monitor .has-loader .edwiser-server-monitor-loader .edwiser-server-monitor-loading-icon .fa {
      font-size: 2rem; }

.edwiser_site_monitor .generaltable.edwiser tbody tr:not(.edwiser),
.edwiser_site_monitor .generaltable.other tbody tr:not(.other),
.edwiser_site_monitor .generaltable.update tbody tr:not(.update) {
  display: none; }

.edwiser_site_monitor .generaltable tbody td a {
  color: #62a8eb; }

.edwiser_site_monitor .edwiserpluginupdateinfo .singlebutton {
  margin: 5px 0;
  padding: 0; }

.edwiser_site_monitor .edwiserpluginupdateinfo .info {
  display: inline-block; }

.edwiser_site_monitor .separator:after {
  content: " | "; }

.edwiser_site_monitor .tab-content .tab-pane {
  display: none; }
  .edwiser_site_monitor .tab-content .tab-pane.fade {
    opacity: 0; }
    .edwiser_site_monitor .tab-content .tab-pane.fade.show {
      opacity: 1; }
  .edwiser_site_monitor .tab-content .tab-pane.active {
    display: block; }

/* Recommendation grid styling */
.edwiser_plugins_recommendation .recommendation-list .recommendation-item .card {
  margin-bottom: 2.143rem; }

.edwiser_plugins_recommendation .recommendation-list .recommendation-item .card-shadow {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); }

.edwiser_plugins_recommendation .recommendation-list .recommendation-item .card .cover {
  width: 100%;
  padding: 0;
  border-bottom: none;
  overflow: hidden; }
  .edwiser_plugins_recommendation .recommendation-list .recommendation-item .card .cover .cover-image {
    width: 100%; }

.edwiser_plugins_recommendation .recommendation-list .recommendation-item .card .card-header {
  border: none;
  box-shadow: none; }
  .edwiser_plugins_recommendation .recommendation-list .recommendation-item .card .card-header:first-child {
    border-radius: calc(.215rem - 1px) calc(.215rem - 1px) 0 0; }

.edwiser_plugins_recommendation .recommendation-list .recommendation-item .card .card-block {
  position: relative;
  flex: 1 1 auto;
  padding: 1.429rem; }
  .edwiser_plugins_recommendation .recommendation-list .recommendation-item .card .card-block + .card-block {
    padding-top: 0; }
  .edwiser_plugins_recommendation .recommendation-list .recommendation-item .card .card-block .card-title {
    word-break: break-word;
    margin-top: 0;
    margin-bottom: .858rem; }
  .edwiser_plugins_recommendation .recommendation-list .recommendation-item .card .card-block .card-text:last-child {
    margin-bottom: 0; }

.edwiser_plugins_recommendation .recommendation-list.blocks {
  padding: 0;
  margin: 0;
  margin-right: -1.0715rem;
  margin-left: -1.0715rem;
  list-style: none; }

.edwiser_plugins_recommendation .recommendation-list .form-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px; }

.block-fcl__content ul {
    margin: 0;
    padding: 0;
}
.block-fcl__rubric {
    font-weight: bold;
    margin-top: 3px;
    padding-left: 1px;
    padding-right: 1em;
}
.block-fcl__rubric--expanded {
    background: url(/theme/image.php/boost_union/core/1792421257/t/expanded) no-repeat 0 5px transparent;
    background-size: 15px 15px;
}
.block-fcl__rubric--expanded + .block-fcl__list {
    display: block;
}
.block-fcl__list {
    padding: 10px 0 0;
}
.block-fcl__list__item {
    list-style-type: none;
    margin-left: 0;
    padding: 0 0 10px 20px;
}
.block-fcl__footer {
    padding-top: 1rem;
}
/*
* JS Enabled
*/
.jsenabled .block-fcl__rubric {
    cursor: pointer;
    padding-left: 21px;
}
.jsenabled .block-fcl__rubric a,
.jsenabled .block-fcl__rubric a:hover,
.jsenabled .block-fcl__rubric a:active,
.jsenabled .block-fcl__rubric a:visited {
    text-decoration: none;
}
.jsenabled .block-fcl__rubric--collapsed {
    background: url(/theme/image.php/boost_union/core/1792421257/t/collapsed) no-repeat 0 5px transparent;
    background-size: 15px 15px;
}
.jsenabled .block-fcl__rubric--collapsed + .block-fcl__list {
    display: none;
}
.jsenabled .block-fcl__list__item {
    background-position: 10px 1px;
    padding: 0 0 10px 31px;
}
/*
* Right-to-left
*/
.dir-rtl .block-fcl__rubric {
    padding-right: 1px;
    padding-left: 1em;
}
.dir-rtl .block-fcl__rubric--expanded {
    background: url(/theme/image.php/boost_union/core/1792421257/t/expanded) no-repeat right 5px transparent;
    background-size: 15px 15px;
}
.dir-rtl .block-fcl__list__item {
    margin-right: 0;
    padding: 0 20px 10px 0;
}
/*
* JS Enabled and right-to-left
*/
.dir-rtl.jsenabled .block-fcl__rubric {
    padding-right: 21px;
}
.dir-rtl.jsenabled .block-fcl__rubric--collapsed {
    background: url(/theme/image.php/boost_union/core/1792421257/t/collapsed_rtl) no-repeat right 5px transparent;
    background-size: 15px 15px;
}
.dir-rtl.jsenabled .block-fcl__list__item {
    background-position: calc(100% - 10px) 1px;
    padding: 0 31px 10px 0;
}
#page-admin-setting-blocksettingfiltered_course_list #id_s_block_filtered_course_list_filters {
    font-family: monospace;
}

.block_globalsearch .searchform {
    text-align: center;
}

.block_globalsearch .footer {
    text-align: center;
}

.block_lp.block .content h3 {
    padding: 0;
    text-transform: none;
}

.block_lp .sub-content {
    padding: 0 15px;
}

.block_lp ul {
    list-style: none;
    margin: 0;
}

.block_lp ul .more {
    padding-top: 10px;
}




.block_menubuilder .block-menubuilder-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.block_menubuilder .block-menubuilder-list li {
    margin-bottom: 8px;
    border-bottom: 1px solid #eee;
    padding-bottom: 8px;
}

.block_menubuilder .block-menubuilder-list li:last-child {
    border-bottom: none;
}

.block_menubuilder .block-menubuilder-list li a {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: inherit;
    font-size: medium;
    margin-top: 10px;
}

.block_menubuilder .block-menubuilder-list li:hover {
   background: #e6f0ff;
   border-left: 4px solid #0f6cbf;
   transition: 0.1s ease-in-out;
}

.block_menubuilder .block-menubuilder-list li a i {
    width: 23px;     
    text-align: center;
    padding-left: 8px;
}


.block-menubuilder-list li.active {
    background: #e6f0ff;
    border-left: 4px solid #0f6cbf;
    font-weight: bold;
    color: #0f6cbf;
}

/* Hide the first dropdown-divider if no filter option element is listed before it.
   This can happen for some subset configurations of the block_myoverview course filter. */
.block_myoverview button#groupingdropdown + .dropdown-menu li:first-of-type.dropdown-divider:first-of-type {
    display: none;
}
.block_myoverview .whitebutton .btn-secondary {
    background: white;
    border-color: var(--bs-primary);
    color: var(--bs-primary);
}

.page-mycourses .block_myoverview .block-controls {
    display: none;
}

.block_myprofile img.profilepicture {
    height: 50px;
    width: 50px;
}

.block_myprofile .myprofileitem.fullname {
    font-size: 1.5em;
    font-weight: bold;
    margin-bottom: 0.5rem;
}

.block_myprofile .myprofileitem.edit {
    text-align: right;
}

.block_myprofile .content {
    display: flex;
}

.block_myprofile .myprofileitem.picture img {
    width: 50px;
    height: 50px;
    margin-right: 1rem;
}

.block_myprofile .myprofileitem span {
    font-weight: bold;
}

.block_navigation .block_tree .depth_1 > .tree_item.branch {
    padding-left: 0;
    background-image: none;
}

.block_navigation .block_tree .depth_1 > ul {
    margin: 0;
}

.block_navigation .block_tree ul {
    margin-left: 18px;
}

.block_navigation .block_tree p.hasicon {
    text-indent: -21px;
    padding-left: 21px;
}

.block_navigation .block_tree p.hasicon img {
    width: 16px;
    height: 16px;
    margin-top: 3px;
    margin-right: 5px;
    vertical-align: top;
}

.block_navigation .block_tree p.hasicon.visibleifjs {
    display: block;
}

.block_navigation .block_tree .tree_item {
    cursor: pointer;
    padding-left: 0;
    margin: 3px 0;
    background-position: 0 50%;
    background-repeat: no-repeat;
    word-wrap: break-word;
}

.block_navigation .block_tree .tree_item.branch {
    padding-left: 21px;
}

.block_navigation .block_tree .active_tree_node {
    font-weight: bold;
}

.block_navigation .block_tree [aria-expanded="true"] {
    background-image: url(/theme/image.php/boost_union/core/1792421257/t/expanded);
}

.block_navigation .block_tree [aria-expanded="false"] {
    background-image: url(/theme/image.php/boost_union/core/1792421257/t/collapsed);
}

.block_navigation .block_tree [aria-expanded="true"].emptybranch {
    background-image: url(/theme/image.php/boost_union/core/1792421257/t/collapsed_empty);
}

.block_navigation .block_tree [aria-expanded="false"] p.loading {
    background-image: url(/theme/image.php/boost_union/core/1792421257/i/loading_small);
}

/*rtl:raw:
.block_navigation .block_tree [aria-expanded="false"] {background-image: url(/theme/image.php/boost_union/core/1792421257/t/collapsed_rtl);}
.block_navigation .block_tree [aria-expanded="true"].emptybranch {background-image: url(/theme/image.php/boost_union/core/1792421257/t/collapsed_empty_rtl);}
.block_navigation .block_tree [aria-expanded="false"].loading {background-image: url(/theme/image.php/boost_union/core/1792421257/i/loading_small);}
*/

.block_navigation .block_tree [aria-hidden="false"] {
    display: block;
}

.block_navigation .block_tree [aria-hidden="true"]:not(.icon) {
    display: none;
}

.block_online_users .content .list li.listentry {
    clear: both;
}

.block_online_users .content .list li.listentry:not(:first-child) {
    padding-top: 3px;
}

.block_online_users .content .list li.listentry .user {
    float: left;
    position: relative;
}

.block_online_users .content .list li.listentry .otherusers {
    margin-left: 1.5rem;
}

.block_online_users .content .list li.listentry .user .userpicture {
    vertical-align: text-bottom;
}

.block_online_users .content .list li.listentry .message,
.block_online_users .content .list li.listentry .uservisibility {
    float: right;
    margin-top: 3px;
}

.block_online_users .content .info {
    text-align: center;
}

/* Rule so that the table tree view works with word-wrap: break-word. */
.block_private_files .content table {
    table-layout: fixed;
    width: 100%;
}

.block_private_files .content .footer {
    padding: 10px 0 0;
    margin-top: .5em;
}

.block_private_files ul[role="tree"] {
    margin: 0;
    padding: 0;
}
.block_private_files ul,
.block_private_files li {
    list-style: none;
}

.block_private_files [role="treeitem"] {
    padding-left: 22px;
    cursor: pointer;
}

.block_private_files [role="treeitem"] p {
    margin-bottom: 0;
}

.block_private_files [role="treeitem"][aria-expanded] {
    padding-left: 0;
}

.block_private_files [role="treeitem"][aria-expanded="false"] > p {
    /*rtl:remove*/
    background-image: url(/theme/image.php/boost_union/core/1792421257/t/collapsed);
    /*rtl:raw:
        background-image: url(/theme/image.php/boost_union/core/1792421257/t/collapsed_rtl);
    */
    background-size: 16px 16px;
    background-position: 1px 1px;
    background-repeat: no-repeat;
    padding-left: 22px;
}

.block_private_files [role="treeitem"][aria-expanded="true"] > p {
    background-image: url(/theme/image.php/boost_union/core/1792421257/t/expanded);
    background-size: 16px 16px;
    background-position: 1px 1px;
    background-repeat: no-repeat;
    padding-left: 22px;
}

.block_private_files [role="treeitem"]:not([aria-expanded]) {
    background-image:
        repeating-linear-gradient(
            to right,
            rgba(0, 0, 0, .5) 0,
            rgba(0, 0, 0, .5) 1px,
            rgba(255, 255, 255, 0) 1px,
            rgba(255, 255, 255, 0) 2px
        ),
        repeating-linear-gradient(
            to top,
            rgba(0, 0, 0, 0.5) 0,
            rgba(0, 0, 0, 0.5) 1px,
            rgba(255, 255, 255, 0) 1px,
            rgba(255, 255, 255, 0) 2px
        );
    background-repeat: no-repeat, no-repeat;
    /*rtl:remove*/
    background-position: left 10px top 50%, left 8px top 0;
    /*rtl:raw:
        background-position: right 10px top 50%, right 8px top 0;
    */
    background-size: 11px 1px, 1px 100%;
}

.block_private_files [role="treeitem"]:not([aria-expanded]):last-child {
    background-size: 11px 1px, 1px 50%;
}

.block_private_files [role="group"] {
    background-image:
        repeating-linear-gradient(
            to top,
            rgba(0, 0, 0, 0.5) 0,
            rgba(0, 0, 0, 0.5) 1px,
            rgba(255, 255, 255, 0) 1px,
            rgba(255, 255, 255, 0) 2px
        );
    background-repeat: no-repeat;
    background-position: left 8px top 100%;
    background-size: 1px 100%;
    padding-left: 22px;
    margin-left: 0;
}

.block_private_files [aria-hidden="true"]:not(.icon) {
    display: none;
}

.block_recent_activity .unlist li {
    margin-bottom: 1em;
}

.block_recent_activity li .head .date {
    float: right;
}

/* RSS Feeds
-------------------------*/
.block_rss_client .list li:first-child {
    border-top-width: 0;
}

.block_rss_client .list li {
    border-top: 1px solid;
    padding: 5px;
}
.block_search_forums .searchform {
    text-align: center;
}

.block_search_forums .searchform img {
    vertical-align: middle;
}

.block_search_forums .searchform img.resize {
    width: 1em;
    height: 1.1em;
}

.block_search_forums .invisiblefieldset {
    display: block;
}
.block_settings .block_tree ul {
    margin-left: 18px;
}

.block_settings .block_tree p.hasicon {
    text-indent: -21px;
    padding-left: 21px;
}

.block_settings .block_tree p.hasicon img {
    width: 16px;
    height: 16px;
    margin-top: 3px;
    margin-right: 5px;
    vertical-align: top;
}

.block_settings .block_tree p.hasicon.visibleifjs {
    display: block;
}

.block_settings .block_tree .tree_item.branch {
    padding-left: 21px;
}

.block_settings .block_tree .tree_item {
    cursor: pointer;
    margin: 3px 0;
    background-position: 0 50%;
    background-repeat: no-repeat;
}

.block_settings .block_tree .active_tree_node {
    font-weight: bold;
}

.block_settings .block_tree [aria-expanded="true"] {
    background-image: url(/theme/image.php/boost_union/core/1792421257/t/expanded);
}

.block_settings .block_tree [aria-expanded="false"] {
    background-image: url(/theme/image.php/boost_union/core/1792421257/t/collapsed);
}

.block_settings .block_tree [aria-expanded="true"].emptybranch {
    background-image: url(/theme/image.php/boost_union/core/1792421257/t/collapsed_empty);
}

.block_settings .block_tree [aria-expanded="false"] p.loading {
    background-image: url(/theme/image.php/boost_union/core/1792421257/i/loading_small);
}
/*rtl:raw:
.block_settings .block_tree [aria-expanded="false"] {background-image: url(/theme/image.php/boost_union/core/1792421257/t/collapsed_rtl);}
.block_settings .block_tree [aria-expanded="true"].emptybranch {background-image: url(/theme/image.php/boost_union/core/1792421257/t/collapsed_empty_rtl);}
.block_settings .block_tree [aria-expanded="false"].loading {background-image: url(/theme/image.php/boost_union/core/1792421257/i/loading_small);}
*/
.block_settings .block_tree [aria-hidden="false"] {
    display: block;
}

.block_settings .block_tree  [aria-hidden="true"]:not(.icon) {
    display: none;
}

/* Imitate mobile grid for activity card. */
.block_site_main_menu .activity-item .activity-grid {
    grid-template-columns: min-content 1fr min-content min-content min-content;
    grid-template-rows: 1fr repeat(4, min-content);
    grid-template-areas:
        "icon name actions"
        "visibility visibility visibility"
        "dates dates dates"
        "completion completion completion"
        "altcontent altcontent altcontent"
        "afterlink afterlink afterlink"
        "availability availability availability";
}

.block_site_main_menu .activity-item .activity-grid.noname-grid {
    grid-template-columns: 1fr min-content;
    grid-template-areas:
        "actions"
        "visibility"
        "altcontent"
        "groupmode"
        "afterlink"
        "completion"
        "availability";
}

.block_site_main_menu .activity-item .activity-grid.noname-grid .activity-actions {
    justify-self: end;
}

/* Hide extra edit elements in block space. */
.block_site_main_menu .activity-groupmode-info {
    display: none;
}

@media (min-width: 840px) {
    .block_site_stats .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
        width: calc(25% - 0.5rem);
    }
}
#block-region-side-pre .block_site_stats .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
    width: calc(100% - 2.5rem);
    flex-basis: auto;
}

/* Imitate mobile grid for activity card. */
.block_social_activities .activity-item .activity-grid {
    grid-template-columns: min-content 1fr min-content min-content min-content;
    grid-template-rows: 1fr repeat(4, min-content);
    grid-template-areas:
        "icon name actions"
        "visibility visibility visibility"
        "dates dates dates"
        "completion completion completion"
        "altcontent altcontent altcontent"
        "afterlink afterlink afterlink"
        "availability availability availability";
}

.block_social_activities .activity-item .activity-grid.noname-grid {
    grid-template-columns: 1fr min-content;
    grid-template-areas:
        "actions"
        "visibility"
        "altcontent"
        "groupmode"
        "afterlink"
        "completion"
        "availability";
}

.block_social_activities .activity-item .activity-grid.noname-grid .activity-actions {
    justify-self: end;
}

/* Hide extra edit elements in block space. */
.block_social_activities .activity-groupmode-info {
    display: none;
}

.block_social_activities .inplaceeditable.inplaceeditingon input {
    width: 100%;
}

.block_tag_flickr .flickr-photos {
    padding: 3px;
}
.block_tag_youtube .youtube-thumb {
    padding: 3px;
    padding-bottom: 0.5em;
    display: block;
    float: left;
}

.block_tag_youtube .yt-video-entry li {
    clear: left;
}
#block-region-side-pre .block_timeline .nav-search {
    flex: 0 0 100%;
    max-width: 100%;
}

.block_timeline .input-group.searchbar {
    width: 100%;
}

#block-region-side-pre .block_timeline h6.event-action {
    flex-basis: 100%;
}
#block-region-side-pre .block_timeline .event-name-container {
    flex-basis: 50%;
}
#block-region-side-pre .block_timeline h6.event-action a.btn {
    width: auto;
}

.block_timeline .timeline-action-button {
    margin-left: auto;
}

@media (max-width: 480px) {
    .block_timeline .timeline-name {
        width: 100%;
    }

    .block_timeline .timeline-action-button {
        margin-left: 0;
    }
}

.block_todo .pinned-item {
    background-color: #fff3e1;
    border: 1px solid #ffb829;
}

.block_todo .h6 {
    font-weight: bold;
}

.block_todo .badge {
    color: #fff;
}

.block_todo .done {
    text-decoration: line-through;
}

.block_todo .group-icon-0,
#block_todo_groups .group-icon-0 {
    color: #686868;
}

.block_todo .group-icon-1,
#block_todo_groups .group-icon-1 {
    color: #ffbb75;
}

.block_todo .group-icon-2,
#block_todo_groups .group-icon-2 {
    color: #56ceff;
}

.block_todo .group-icon-3,
#block_todo_groups .group-icon-3 {
    color: #5dc891;
}

.block_todo .group-icon-4,
#block_todo_groups .group-icon-4 {
    color: #e0a9fd;
}

.block_todo .group-icon-5,
#block_todo_groups .group-icon-5 {
    color: #ff7d87;
}

#block-region-side-pre .block_todo .hideable {
    display: none;
}

#block-region-side-pre .block_todo .icon {
    margin-right: 0;
}

#block-region-side-pre .block_todo .btn-group {
    display: inline;
    margin-left: 0.5rem;
}

#block-region-side-pre .block_todo .btn-group .btn {
    border-radius: 0.5rem;
}

.block-topicwordcloud {
    display: grid;
    gap: 1rem;
}

.block-topicwordcloud__prompt {
    padding: 0.85rem 1rem;
    border-radius: 0.75rem;
    background: linear-gradient(135deg, #f3f7f3 0%, #e6f1e9 100%);
    border: 1px solid #d8e7dc;
    color: #17361f;
    font-weight: 600;
}

.block-topicwordcloud__status {
    min-height: 1.5rem;
    color: #345342;
    font-size: 0.95rem;
}

.block-topicwordcloud__form {
    display: grid;
    gap: 0.75rem;
}

.block-topicwordcloud__input {
    width: 100%;
    min-height: 6rem;
    border: 1px solid #bfd2c2;
    border-radius: 0.75rem;
    padding: 0.85rem;
    resize: vertical;
    background: #fff;
}

.block-topicwordcloud__chips {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.block-topicwordcloud__chip {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.35rem 0.7rem;
    border-radius: 999px;
    background: #f4f6f8;
    border: 1px solid #dde4ea;
    color: #204050;
    font-size: 0.85rem;
}

.block-topicwordcloud__cloud {
    padding: 1rem;
    border-radius: 1rem;
    background:
        radial-gradient(circle at top left, rgba(84, 140, 102, 0.12), transparent 32%),
        radial-gradient(circle at bottom right, rgba(33, 87, 137, 0.10), transparent 28%),
        #fcfefd;
    border: 1px solid #dce8de;
}

.block-topicwordcloud__cloudinner {
    display: flex;
    flex-wrap: wrap;
    gap: 0.9rem 1rem;
    align-items: center;
    justify-content: center;
}

.block-topicwordcloud__word {
    line-height: 1;
    font-weight: 700;
    letter-spacing: 0.01em;
}

.block-topicwordcloud__word--0 {
    color: #1f5c42;
}
.block-topicwordcloud__word--1 {
    color: #286b86;
}
.block-topicwordcloud__word--2 {
    color: #8a4f1d;
}
.block-topicwordcloud__word--3 {
    color: #7a2048;
}
.block-topicwordcloud__word--4 {
    color: #425b1f;
}
.block-topicwordcloud__word--5 {
    color: #58418d;
}

.block-topicwordcloud__sectiontitle {
    margin: 0.5rem 0;
    font-size: 1rem;
    color: #17361f;
}

.block-topicwordcloud__toolbar,
.block-topicwordcloud__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.block-topicwordcloud__empty {
    margin: 0;
    color: #667781;
    font-style: italic;
}

@media (max-width: 767px) {
    .block-topicwordcloud__cloudinner {
        justify-content: flex-start;
    }

    .block-topicwordcloud__word {
        max-width: 100%;
        overflow-wrap: anywhere;
    }
}

/* stylelint-disable */
.vjs-svg-icon {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  fill: currentColor;
  height: 1.8em;
  width: 1.8em;
}
.vjs-svg-icon:before {
  content: none !important;
}

.vjs-svg-icon:hover,
.vjs-control:focus .vjs-svg-icon {
  filter: drop-shadow(0 0 0.25em #fff);
}

.vjs-modal-dialog .vjs-modal-dialog-content, .video-js .vjs-modal-dialog, .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  text-align: center;
}

@font-face {
  font-family: VideoJS;
  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABTsAAsAAAAAIpAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV32Y21hcAAAAYQAAAEJAAAD5p42+VxnbHlmAAACkAAADtIAABckI4l972hlYWQAABFkAAAAKwAAADYsvIjpaGhlYQAAEZAAAAAdAAAAJA+RCL1obXR4AAARsAAAABcAAAC8Q2YAAGxvY2EAABHIAAAAYAAAAGB7CIGGbWF4cAAAEigAAAAfAAAAIAFAAI9uYW1lAAASSAAAASUAAAIK1cf1oHBvc3QAABNwAAABfAAAAnXdFqh1eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGR7yDiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGPHcRdyA4RZgQRADaGCyYAAHic7dPXbcMwAEXRK1vuvffem749XAbKV3bjBA6fXsaIgMMLEWoQJaAEFKNnlELyQ4K27zib5PNF6vl8yld+TKr5kH0+cUw0xv00Hwvx2DResUyFKrV4XoMmLdp06NKjz4AhI8ZMmDJjzoIlK9Zs2LJjz4EjJ85cuHLjziPe/0UWL17mf2tqKLz/9jK9f8tXpGCoRdPKhtS0RqFkWvVQNtSKoVYNtWaoddPXEBqG2jQ9XWgZattQO4baNdSeofYNdWCoQ0MdGerYUCeGOjXUmaHODXVhqEtDXRnq2lA3hro11J2h7g31YKhHQz0Z6tlQL4Z6NdSbod4N9WGoT9MfHF6GmhnZLxyDcRMAAAB4nJ1YC1hU17U+a5/HMA4iA3NmVBDmoQwP5TFnHlFeA4gYiUFRQINoSCBAyK3G2yi+0aipYtFcHYo2xsb4NiY3+VrNxSaX5uvt495ozNdoYoxmem2/L8HGpLc+InB279pnhlGr5mvL4eyz99nrrL32eu1/DQcc/okdYgdHOA6MQKp4r9gx0EcMHMezOalVasW5BM7NcXoSb9fFgE6KtSSBxWz1FYDPG+vMBGcKb9cebu2VS5s2aaTkCvRSf6C7Y+Ppibm5E09v7IDs2/3uZQtbD0zIyppwoHXh/93ukmyYgdePNRp65p5v+3v/9otQl2O7wP34cT88p8Md2YxpYLQZoRcy6FlSBRnwnGAe6BPMSCZo+7NJVqS0cE4uHendzhSnbPH6TDqL1+Nme5LZXkCHnGyoH0kne30WH+gswhm3q+pt/mTas9NLS64GnjmSlTPw0wVQT/ewRaBgxtydy3cuUB9/6SW+vb5yRvr+t0eOfPKJZ/9t3+4tL7xj32Xd3thCxi+ge6ifdsAN+l5+wi5HQ/cCoeull1AszS7CUfEcJzK7sKWJAdJhCd0sPM4+EY7QDm5ov08hXRQXE5bf6PV5Q5+IjW7X7Nku92Ask4l2hCRRD6TPqISiCJeQna3SCFwrhrNzXHzo4yFevBwxpzxk8WCIIfkvVEKVy32SbT8n68gzgaslpaiO2zIGIyuSb7RNf9HSuN26y/7OC1tgEmpiyA6aD4qcgTOiLThwGG0eB694FI8NHLLN6OBlRVaMxNAFS4JdXUG6mW8PwpKuYLCLXKGbu8iwYNdgO06Sn3Th+/vyZAxs8Ro30DjHe9gy8Fywi24OMm7Qyzh3MTZVOMYhLBnoC+J79lpTUyQmorjhnMwlcQ5uPEYGpDjsOkkH49BjQLQBqs3jFtFdJNlksYmoQFDArLh8Xh+Qd6Ghcsb6FUuehDi+U/lqD71K/qiegeV1imcwjl7ExwiSrf4BZyCujV6cVcFo6VX+G9IcPyFjJnUufbU/jzrL1X99as36reXl8K32nFaOr+E8jWJEcJ55DpMVfSMe95/AJaOsGBH2GJCNpiRQbK4C8BjdmQA22QY2j03Em13i2YHqtNLU1NI04Yj2HJgA6fQc6VPNpA/D+Ryks554NnVy2mB72uRUfPLsqR4N0LOBQKArwJYO+5W2fgZX8oC1HR6HjNaQTVIG2FPwnTcXXGZZfNB7TE6pTKZUwaw91XWLAoFFGcnB5PHjsckgBjbWutrL+0h5Y1xw3DRGDumsnXb3MJwXrJIN5U7m0rgJ3yG5w4he5ckFG4pmNEkOm0/xOO4r4yL87wqtQM+hiJIVp+6iG2wPBKD35ElGkDx+UfC2v1mFG1o+M3AjNFty8biKMXwzyxnZLds8wYD2BxmCPHAldPOeLsy/0BugftYhVYFAhO8SqQ0j3oK7dHJZnI/jxmUS4onlxskSF8thmvNZjIrRZwEPxr0lBuLRuz3oy/FOHCsxwOPYh2M+e9u3J5pgPYz9gp6G7C9m0A11F9ddqKMfV+4sbq45/YspOysXvT+3pdFdYNg2fHbW8Dz301MqDVuGrz0Fuh0YMW8mddrpqzST7rV9BcvqPoNvadRndWp0p8HvbiqrFj5yFQ/vNFSXDpxpLEFWp+DcrF3FT1afWshFcmCfeAMjEvO65i0Y6XijQfSRPWx3TV/Df7Km3E1l+kLt56s/rwVzuRusNMhudznkwdLaS+QNdeal2jDPP4l9qHc98vTYZOSkxzD+njBWVWjFPKgipx6DkWvXQiW8OYcewVHE5yukinDMcfGgc0opDltYKDxIGBedkzc6jSfE7tlvESCDFUw0Hx0opS+U0lHCxNottbNWSxX9zZVvEhKWUSyBpaXwBc2a98M6UqPeXAs/GDon8Ax7hsthO8cM5HU7Ad0UvRR9lHmtyQKZ4MAe814X5h9MSUkQmhf96eVJ6p90OjIiqSIjvykvr2l5U55O/fPQKD+jIomYpNyGJQ25uQ2kIikRfAmuBHCPsWqkSDEqgZ5KDI2sifS/R43MbZg0idFHbCPNxXxZws1ACVE6hAhOdJwRkJLFBLPZpRGYJ50pko6XzMkgmSx40ljik6AQcKhFnLcQE6rF7PXFe1Ocoj0T3AXgSgJTDIhHRfHlYZKuSzc6uievOJGXY+i5GJkkTp7UM3y0LqATDbtFcbdBxO7o4T25JYlEjoH0uynUh8rapkxp62QN70svSF+hT4gGPlovlmcm/ComLi7mV4kTykV9NFWjE/QrwgQ4uIcAP0rQF4VZYRP2o3PhHHzfPMJj9Ir+uzKUlrH49ntT18AVvj1sc3YGjUT/Mt2Dxawa8ArcA7bCQIpvfwAYu22vEG/No/5RvPdA7g+AelLrPwzy+LtkLPhnpIxH14m4EYq8eeMHbPEPNm6G7Nv9B4jcFPZ8bJj0SEjP3MPgQdKTqqEoy2v6G32P/Y6dxOv04AxnoAeq+GILvUavtYCBXm+BaIhuodcfrN5B/V2EYMCPh+SxavjGyPwV0x4CJgUPGT0mQaODGBACIJZGsMXwAD0LGXx7l3CdAcKMIKI+f5CepWeD0BvyU/GcdBxPF8SwejC6LGZmAURFdsSWKR5HyHld2kbdIZO1Ixx+bnnzU7n5+blPNV9jnUDWhP2tC68tbN3PVIldsQPxSAcSpjOav7Q05uXn5zW2LLvDXn9B6syscPy9iDLEMmSrJz6nYuWMipukjM0AH8JkGS+XFyMRkzSCH7KD/hwm172SAyZYumHlefr5AddrtA0O0TnwaVZxcRY9Bfukn9Gf05N1r9DV9MoBsJ1f+ZrqUvtPHizJAntWybv7hmqLt6QLuK6ZS9Fqi1jO5rDoWPZXXII5Tgajg53cIXCjDCGIcYrRIY2n6+mXOa/W0bdhau3ryiEYe2FV/5oeaIYK/5w5frCyll6/cYO8DiNhw6t1MBWmznt91QX62UF1N7l0eHBZTRGpKaqpKVIPF9UcIzmReud9TSY75+K899GHbBu6wjoR7RKKZVYiYxSPf5/2wJT5e3NAhmUbVn5KLx1Ujg0+BGvpAIh0DezInTkzF37KVocxrKU3r1+XLtAe2lO3l66kfQfB/unKY+q8N375Ru8bc4pJXfEcESU95q+p8ZNZRTWH1d9FzvUdYXk5rLkcdkEisoKKVHQW/b3GEx6tPaYcoJfOr9wAbSBnv1IHpep0OExr4LPMkpJM+j7sly7UHkOzXjoAZljHCGiyegtNlwljM0v+c19ET9Pvst09a2Mtgcf5/ZSzYO5h1156+eyydfAsxGa9XAuF6vzjh6CssLq6ECysperXX0sX5h5ZdpZe3guxsGIPEtHk/aqXX1hVqP5HYVVVISkrrNqvXorIc+5Ou91Hnr/LcD2afi6eX7UBloOcs7cOpqgGaNfs1g7bNbs9z6wASaylN69d0/TFTIz6Ws8+oGV3mE2612wRTHKcVUbhjKadebloMc+dyXgMVtVK6BwMB/+mVW09igdRBWaRtNQX59d/VD//xdQ0TCiYNj1KT9sq6Wdu5WTbqk3qDXyDaLa1fv621LS01G3z61sD6lH8lAxDLicV921s6Bf92JOYvzNYCL1khbqBXEFUzC521N5NyzNaQIWhjyFyDoBIVrAjmv2UEaLlI+c6zw1jmVIPLLLZZUTj6GxGHW+mq1tgHXR2D85p4Q934+jLbtjVLcyCdS10NVzpHqxp4Q/hK7WopY/NRGx9HGsPGdFjOjcpjBnGYMVqY/4eqT5khWEHWUup2A/pTw7pdWgsWft7ETUERL96nRg0HNFPmCYba6pylECaExX89A9WLUOVB4oKLu/o1oqSYHCgLzBUlAz8hNFDRpeSU1XT+LRmDUgPaKbYdHDn9suF/tu13nHJij0N97LfS0QmqONuyONk7zvUI6Qa0pF9f2+oABL92AT6e0U//z9YqAiWtJLU1JK0gS+1aacwamiNqK067u9ZQ8f1d4qLodMzz3uL89Z68V/Hnr++hXWUuHgw8dfi972PeTyPefu3aNNucemQ74qFuIaJnVkOu4Q+yjuwmmC1FqZpl1i4uzoPxjkpPf3Xv545tl26Rr+dOvUd+omqJzch9dOeU7f10Y64nMcKK137DccIZq2WdXtdZjbEoLSzHwiMtrjYLDxpHQW8gjMX6XFYAE2zSWVD04EGYSs9MbO6sEo20BMEAB4mpvSypsKjZ4Stgzb+c3A9/MQT2+vrBy+qvyFxLUtLlSRF/Ri2wjfZ2dus2Q8lXx4608/jnqK5OOap6NY2PSjYYnECCjiEeLJll/pbmqfeIK+ps3+MxrlEhqmTPipVP7kqlF4VhpEb6r+Q7YOJg38kJ9SHBf3NBl6+9YchfbUjb5ahLSzUM3kPHmwFAsZ5rpai0S7E5xWzZ1j+fW7zsUWP2g5NXTw52ySCTrgG0+lbw60l2Y/CB185CoA8NK+tbRKxfjy6pm5hzQRRR+cMqv1Jbiw6STivtEvt3DRcy0QEh92JlUGo2PG4tSKHl00YD6xc8CK+YPYyy3io2lN8BcSjKRzrIV6ypOAobqxViJPaT9M9Hy5szY33mp7OX/Zu89L/7Ww5vqY2Y8b0pKgoiUhG5cPDPzq8qTV/WkzUOIvXVVA96kmjcBrr3HrYC/Wn+fYP6Z7T1rqy3zknbvqma/FvVk96fNXGkuaXrdHW5JGSxZT/2I/O73v+yNWafMdzc5NdxYurHs6h86e01sLKLz9EBrg+x36rxAaED7hRnAMx7Vzu+9wabh3zG8XLQjx0ablUJzmxdErxYT3kzQSd0SSafVqF5PXgpp0OyYJ1EyNHpGUZmvK575ySzd85JSqF7IBzSAbMM04+MbE58xF3/njXOGecSaermlw2y9PsSQdytLJVr8t+wg+rR8cZYoeNxVIzNdk3Bngi8U5LAlgTFoQnzJCa5EsCgYhCaGL+qPj7TdhG31p9tej3R04N//PXxNwJvyUqwaJqRPJY98TJ5TPndmflRAkAhBfe46sfKW5wizSge08Xb7Ca/GUVs55trngkKkrUS2WPzKttaaqq+idmahugkY+W6fN0I6i3gPt/x88U4wAAeJxjYGRgYADiGU9YXsXz23xl4GZnAIFH7fO+IdMc/WBxDgYmEAUASbMKwAB4nGNgZGBgZwABjj4Ghv//OfoZGBlQgT4ARicDZAAAAHicY2BgYGAfxJijD8Fmu4EqBwCSpgKpAAAAAAAADgBoAH4AzADgAQIBQgFsAZgB7gIuAooC0AL8A2IDjAOoA+AEMASwBNoFCAVaBcAGCAYuBnAGrAb2B04HigfSCCoIcAiGCJwIyAkkCVYJiAmsCfIKIApWCsQLknicY2BkYGDQZ2hmYGcAASYg5gJCBob/YD4DABqrAdAAeJxdkE1qg0AYhl8Tk9AIoVDaVSmzahcF87PMARLIMoFAl0ZHY1BHdBJIT9AT9AQ9RQ9Qeqy+yteNMzDzfM+88w0K4BY/cNAMB6N2bUaPPBLukybCLvleeAAPj8JD+hfhMV7hC3u4wxs7OO4NzQSZcI/8Ltwnfwi75E/hAR7wJTyk/xYeY49fYQ/PztM+jbTZ7LY6OWdBJdX/pqs6NYWa+zMxa13oKrA6Uoerqi/JwtpYxZXJ1coUVmeZUWVlTjq0/tHacjmdxuL90OR8O0UEDYMNdtiSEpz5XQGqzlm30kzUdAYFFOb8R7NOZk0q2lwAyz1i7oAr1xoXvrOgtYhZx8wY5KRV269JZ5yGpmzPTjQhvY9je6vEElPOuJP3mWKnP5M3V+YAAAB4nG2ReVPbMBDF/ULi2EkDBFqO3gdHLxUzDB9IkdexBllydRD49ihO3Ckz7B/a31utZnafkkGyiXnyclxhgB0MMUKKMTLkmGCKV5hhF3vYxxwHOMRrvMERjnGCU7zFO7zHB3zEJ3zGF3zFN5zhHBe4xHf8wE/8wm8w/MEVimTYKv44XR9MSCsUjVoeHE3vjQoNsSZ4mmxZmVWPjSz7jlou6/0qKOWEJdKMtCe793/hQfqxa6XWZHMXFl56RS4TvPXSaDeoy0zUUZB109KstDK8lHo5q6Qi1hcOnqkImubPS6aqRq7mlnaEWabub4iYblba3SRmgldS0+FWdhNtt04F14JUaqkl7tcpOpJtErvNt3Bd9HRT5JWxK25Ldjvp6br4hzfFiIdSmlzTg2fSUzNrLd1LE1ynxq4OVaVoKLjzJ60UPtj1RKzHzsbjly6inVnFBS2MucviPncU7Rr7lfTxRepDs1A2j3ZHRc7PuzFYSfE3ZOd4kjwBy227hA==) format("woff");
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play, .video-js .vjs-play-control .vjs-icon-placeholder, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  content: "\f101";
}

.vjs-icon-play-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play-circle:before {
  content: "\f102";
}

.vjs-icon-pause, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
  content: "\f103";
}

.vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
  content: "\f104";
}

.vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
  content: "\f105";
}

.vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
  content: "\f106";
}

.vjs-icon-volume-high, .video-js .vjs-mute-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-high:before, .video-js .vjs-mute-control .vjs-icon-placeholder:before {
  content: "\f107";
}

.vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\f108";
}

.vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\f109";
}

.vjs-icon-spinner {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-spinner:before {
  content: "\f10a";
}

.vjs-icon-subtitles, .video-js .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-subtitles-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-subtitles:before, .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before {
  content: "\f10b";
}

.vjs-icon-captions, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-captions-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-captions:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-captions-button .vjs-icon-placeholder:before {
  content: "\f10c";
}

.vjs-icon-hd {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-hd:before {
  content: "\f10d";
}

.vjs-icon-chapters, .video-js .vjs-chapters-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-chapters:before, .video-js .vjs-chapters-button .vjs-icon-placeholder:before {
  content: "\f10e";
}

.vjs-icon-downloading {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-downloading:before {
  content: "\f10f";
}

.vjs-icon-file-download {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-file-download:before {
  content: "\f110";
}

.vjs-icon-file-download-done {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-file-download-done:before {
  content: "\f111";
}

.vjs-icon-file-download-off {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-file-download-off:before {
  content: "\f112";
}

.vjs-icon-share {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-share:before {
  content: "\f113";
}

.vjs-icon-cog {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-cog:before {
  content: "\f114";
}

.vjs-icon-square {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-square:before {
  content: "\f115";
}

.vjs-icon-circle, .vjs-seek-to-live-control .vjs-icon-placeholder, .video-js .vjs-volume-level, .video-js .vjs-play-progress {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-circle:before, .vjs-seek-to-live-control .vjs-icon-placeholder:before, .video-js .vjs-volume-level:before, .video-js .vjs-play-progress:before {
  content: "\f116";
}

.vjs-icon-circle-outline {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-circle-outline:before {
  content: "\f117";
}

.vjs-icon-circle-inner-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-circle-inner-circle:before {
  content: "\f118";
}

.vjs-icon-cancel, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
  content: "\f119";
}

.vjs-icon-repeat {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-repeat:before {
  content: "\f11a";
}

.vjs-icon-replay, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
  content: "\f11b";
}

.vjs-icon-replay-5, .video-js .vjs-skip-backward-5 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-replay-5:before, .video-js .vjs-skip-backward-5 .vjs-icon-placeholder:before {
  content: "\f11c";
}

.vjs-icon-replay-10, .video-js .vjs-skip-backward-10 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-replay-10:before, .video-js .vjs-skip-backward-10 .vjs-icon-placeholder:before {
  content: "\f11d";
}

.vjs-icon-replay-30, .video-js .vjs-skip-backward-30 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-replay-30:before, .video-js .vjs-skip-backward-30 .vjs-icon-placeholder:before {
  content: "\f11e";
}

.vjs-icon-forward-5, .video-js .vjs-skip-forward-5 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-forward-5:before, .video-js .vjs-skip-forward-5 .vjs-icon-placeholder:before {
  content: "\f11f";
}

.vjs-icon-forward-10, .video-js .vjs-skip-forward-10 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-forward-10:before, .video-js .vjs-skip-forward-10 .vjs-icon-placeholder:before {
  content: "\f120";
}

.vjs-icon-forward-30, .video-js .vjs-skip-forward-30 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-forward-30:before, .video-js .vjs-skip-forward-30 .vjs-icon-placeholder:before {
  content: "\f121";
}

.vjs-icon-audio, .video-js .vjs-audio-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-audio:before, .video-js .vjs-audio-button .vjs-icon-placeholder:before {
  content: "\f122";
}

.vjs-icon-next-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-next-item:before {
  content: "\f123";
}

.vjs-icon-previous-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-previous-item:before {
  content: "\f124";
}

.vjs-icon-shuffle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-shuffle:before {
  content: "\f125";
}

.vjs-icon-cast {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-cast:before {
  content: "\f126";
}

.vjs-icon-picture-in-picture-enter, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-picture-in-picture-enter:before, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
  content: "\f127";
}

.vjs-icon-picture-in-picture-exit, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-picture-in-picture-exit:before, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
  content: "\f128";
}

.vjs-icon-facebook {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-facebook:before {
  content: "\f129";
}

.vjs-icon-linkedin {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-linkedin:before {
  content: "\f12a";
}

.vjs-icon-twitter {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-twitter:before {
  content: "\f12b";
}

.vjs-icon-tumblr {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-tumblr:before {
  content: "\f12c";
}

.vjs-icon-pinterest {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-pinterest:before {
  content: "\f12d";
}

.vjs-icon-audio-description, .video-js .vjs-descriptions-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-audio-description:before, .video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
  content: "\f12e";
}

.video-js {
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  color: #fff;
  background-color: #000;
  position: relative;
  padding: 0;
  font-size: 10px;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  font-family: Arial, Helvetica, sans-serif;
  word-break: initial;
}
.video-js:-moz-full-screen {
  position: absolute;
}
.video-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important;
}

.video-js[tabindex="-1"] {
  outline: none;
}

.video-js *,
.video-js *:before,
.video-js *:after {
  box-sizing: inherit;
}

.video-js ul {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  list-style-position: outside;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
}

.video-js.vjs-fluid,
.video-js.vjs-16-9,
.video-js.vjs-4-3,
.video-js.vjs-9-16,
.video-js.vjs-1-1 {
  width: 100%;
  max-width: 100%;
}

.video-js.vjs-fluid:not(.vjs-audio-only-mode),
.video-js.vjs-16-9:not(.vjs-audio-only-mode),
.video-js.vjs-4-3:not(.vjs-audio-only-mode),
.video-js.vjs-9-16:not(.vjs-audio-only-mode),
.video-js.vjs-1-1:not(.vjs-audio-only-mode) {
  height: 0;
}

.video-js.vjs-16-9:not(.vjs-audio-only-mode) {
  padding-top: 56.25%;
}

.video-js.vjs-4-3:not(.vjs-audio-only-mode) {
  padding-top: 75%;
}

.video-js.vjs-9-16:not(.vjs-audio-only-mode) {
  padding-top: 177.7777777778%;
}

.video-js.vjs-1-1:not(.vjs-audio-only-mode) {
  padding-top: 100%;
}

.video-js.vjs-fill:not(.vjs-audio-only-mode) {
  width: 100%;
  height: 100%;
}

.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-js.vjs-audio-only-mode .vjs-tech {
  display: none;
}

body.vjs-full-window,
body.vjs-pip-window {
  padding: 0;
  margin: 0;
  height: 100%;
}

.vjs-full-window .video-js.vjs-fullscreen,
body.vjs-pip-window .video-js {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}

.video-js.vjs-fullscreen:not(.vjs-ios-native-fs),
body.vjs-pip-window .video-js {
  width: 100% !important;
  height: 100% !important;
  padding-top: 0 !important;
  display: block;
}

.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none;
}

.vjs-pip-container .vjs-pip-text {
  position: absolute;
  bottom: 10%;
  font-size: 2em;
  background-color: rgba(0, 0, 0, 0.7);
  padding: 0.5em;
  text-align: center;
  width: 100%;
}

.vjs-layout-tiny.vjs-pip-container .vjs-pip-text,
.vjs-layout-x-small.vjs-pip-container .vjs-pip-text,
.vjs-layout-small.vjs-pip-container .vjs-pip-text {
  bottom: 0;
  font-size: 1.4em;
}

.vjs-hidden {
  display: none !important;
}

.vjs-disabled {
  opacity: 0.5;
  cursor: default;
}

.video-js .vjs-offscreen {
  height: 1px;
  left: -9999px;
  position: absolute;
  top: 0;
  width: 1px;
}

.vjs-lock-showing {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.vjs-no-js {
  padding: 20px;
  color: #fff;
  background-color: #000;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  width: 300px;
  height: 150px;
  margin: 0px auto;
}

.vjs-no-js a,
.vjs-no-js a:visited {
  color: #66A8CC;
}

.video-js .vjs-big-play-button {
  font-size: 3em;
  line-height: 1.5em;
  height: 1.63332em;
  width: 3em;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 0;
  margin-top: -0.81666em;
  margin-left: -1.5em;
  cursor: pointer;
  opacity: 1;
  border: 0.06666em solid #fff;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  border-radius: 0.3em;
  transition: all 0.4s;
}
.vjs-big-play-button .vjs-svg-icon {
  width: 1em;
  height: 1em;
  position: absolute;
  top: 50%;
  left: 50%;
  line-height: 1;
  transform: translate(-50%, -50%);
}

.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
  border-color: #fff;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
  transition: all 0s;
}

.vjs-controls-disabled .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button,
.vjs-error .vjs-big-play-button {
  display: none;
}

.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause:not(.vjs-seeking, .vjs-scrubbing, .vjs-error) .vjs-big-play-button {
  display: block;
}

.video-js button {
  background: none;
  border: none;
  color: inherit;
  display: inline-block;
  font-size: inherit;
  line-height: inherit;
  text-transform: none;
  text-decoration: none;
  transition: none;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

.video-js.vjs-spatial-navigation-enabled .vjs-button:focus {
  outline: 0.0625em solid white;
  box-shadow: none;
}

.vjs-control .vjs-button {
  width: 100%;
  height: 100%;
}

.video-js .vjs-control.vjs-close-button {
  cursor: pointer;
  height: 3em;
  position: absolute;
  right: 0;
  top: 0.5em;
  z-index: 2;
}
.video-js .vjs-modal-dialog {
  background: rgba(0, 0, 0, 0.8);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
  overflow: auto;
}

.video-js .vjs-modal-dialog > * {
  box-sizing: border-box;
}

.vjs-modal-dialog .vjs-modal-dialog-content {
  font-size: 1.2em;
  line-height: 1.5;
  padding: 20px 24px;
  z-index: 1;
}

.vjs-menu-button {
  cursor: pointer;
}

.vjs-menu-button.vjs-disabled {
  cursor: default;
}

.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
  display: none;
}

.vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  overflow: auto;
}

.vjs-menu .vjs-menu-content > * {
  box-sizing: border-box;
}

.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
  display: none;
}

.vjs-menu li {
  display: flex;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0.2em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase;
}

.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover,
.js-focus-visible .vjs-menu li.vjs-menu-item:hover {
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
}

.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover,
.js-focus-visible .vjs-menu li.vjs-selected:hover {
  background-color: #fff;
  color: #2B333F;
}
.vjs-menu li.vjs-selected .vjs-svg-icon,
.vjs-menu li.vjs-selected:focus .vjs-svg-icon,
.vjs-menu li.vjs-selected:hover .vjs-svg-icon,
.js-focus-visible .vjs-menu li.vjs-selected:hover .vjs-svg-icon {
  fill: #000000;
}

.video-js .vjs-menu *:not(.vjs-selected):focus:not(:focus-visible),
.js-focus-visible .vjs-menu *:not(.vjs-selected):focus:not(.focus-visible) {
  background: none;
}

.vjs-menu li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: bold;
  cursor: default;
}

.vjs-menu-button-popup .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  width: 10em;
  left: -3em;
  height: 0em;
  margin-bottom: 1.5em;
  border-top-color: rgba(43, 51, 63, 0.7);
}

.vjs-pip-window .vjs-menu-button-popup .vjs-menu {
  left: unset;
  right: 1em;
}

.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  position: absolute;
  width: 100%;
  bottom: 1.5em;
  max-height: 15em;
}

.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 5em;
}

.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 10em;
}

.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 14em;
}

.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 25em;
}

.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu,
.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
  display: block;
}

.video-js .vjs-menu-button-inline {
  transition: all 0.4s;
  overflow: hidden;
}

.video-js .vjs-menu-button-inline:before {
  width: 2.222222222em;
}

.video-js .vjs-menu-button-inline:hover,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline.vjs-slider-active {
  width: 12em;
}

.vjs-menu-button-inline .vjs-menu {
  opacity: 0;
  height: 100%;
  width: auto;
  position: absolute;
  left: 4em;
  top: 0;
  padding: 0;
  margin: 0;
  transition: all 0.4s;
}

.vjs-menu-button-inline:hover .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  display: block;
  opacity: 1;
}

.vjs-menu-button-inline .vjs-menu-content {
  width: auto;
  height: 100%;
  margin: 0;
  overflow: hidden;
}

.video-js .vjs-control-bar {
  display: none;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
}

.video-js.vjs-spatial-navigation-enabled .vjs-control-bar {
  gap: 1px;
}

.video-js:not(.vjs-controls-disabled, .vjs-using-native-controls, .vjs-error) .vjs-control-bar.vjs-lock-showing {
  display: flex !important;
}

.vjs-has-started .vjs-control-bar,
.vjs-audio-only-mode .vjs-control-bar {
  display: flex;
  visibility: visible;
  opacity: 1;
  transition: visibility 0.1s, opacity 0.1s;
}

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  visibility: visible;
  opacity: 0;
  pointer-events: none;
  transition: visibility 1s, opacity 1s;
}

.vjs-controls-disabled .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar,
.vjs-error .vjs-control-bar {
  display: none !important;
}

.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar,
.vjs-audio-only-mode.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.video-js .vjs-control {
  position: relative;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 4em;
  flex: none;
}

.video-js .vjs-control.vjs-visible-text {
  width: auto;
  padding-left: 1em;
  padding-right: 1em;
}

.vjs-button > .vjs-icon-placeholder:before {
  font-size: 1.8em;
  line-height: 1.67;
}

.vjs-button > .vjs-icon-placeholder {
  display: block;
}

.vjs-button > .vjs-svg-icon {
  display: inline-block;
}

.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before,
.video-js .vjs-control:focus {
  text-shadow: 0em 0em 1em white;
}

.video-js *:not(.vjs-visible-text) > .vjs-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.video-js .vjs-custom-control-spacer {
  display: none;
}

.video-js .vjs-progress-control {
  cursor: pointer;
  flex: auto;
  display: flex;
  align-items: center;
  min-width: 4em;
  touch-action: none;
}

.video-js .vjs-progress-control.disabled {
  cursor: default;
}

.vjs-live .vjs-progress-control {
  display: none;
}

.vjs-liveui .vjs-progress-control {
  display: flex;
  align-items: center;
}

.video-js .vjs-progress-holder {
  flex: auto;
  transition: all 0.2s;
  height: 0.3em;
}

.video-js .vjs-progress-control .vjs-progress-holder {
  margin: 0 10px;
}

.video-js .vjs-progress-control:hover .vjs-progress-holder,
.video-js.vjs-scrubbing.vjs-touch-enabled .vjs-progress-control .vjs-progress-holder {
  font-size: 1.6666666667em;
}

.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
  font-size: 1em;
}

.video-js .vjs-progress-holder .vjs-play-progress,
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 0;
}

.video-js .vjs-play-progress {
  background-color: #fff;
}
.video-js .vjs-play-progress:before {
  font-size: 0.9em;
  position: absolute;
  right: -0.5em;
  line-height: 0.35em;
  z-index: 1;
}

.vjs-svg-icons-enabled .vjs-play-progress:before {
  content: none !important;
}

.vjs-play-progress .vjs-svg-icon {
  position: absolute;
  top: -0.35em;
  right: -0.4em;
  width: 0.9em;
  height: 0.9em;
  pointer-events: none;
  line-height: 0.15em;
  z-index: 1;
}

.video-js .vjs-load-progress {
  background: rgba(115, 133, 159, 0.5);
}

.video-js .vjs-load-progress div {
  background: rgba(115, 133, 159, 0.75);
}

.video-js .vjs-time-tooltip {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.3em;
  color: #000;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 6px 8px 8px 8px;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  visibility: hidden;
  z-index: 1;
}

.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
  display: none;
}

.video-js .vjs-progress-control:hover .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip,
.video-js.vjs-scrubbing.vjs-touch-enabled .vjs-progress-control .vjs-time-tooltip {
  display: block;
  font-size: 0.6em;
  visibility: visible;
}

.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
  font-size: 1em;
}

.video-js .vjs-progress-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #000;
  z-index: 1;
}

.video-js .vjs-progress-control:hover .vjs-mouse-display {
  display: block;
}

.video-js.vjs-scrubbing.vjs-touch-enabled .vjs-progress-control .vjs-mouse-display {
  display: block;
}

.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
  visibility: hidden;
  opacity: 0;
  transition: visibility 1s, opacity 1s;
}

.vjs-mouse-display .vjs-time-tooltip {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
}

.video-js .vjs-slider {
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0 0.45em 0 0.45em;
  /* iOS Safari */
  -webkit-touch-callout: none;
  /* Safari, and Chrome 53 */
  -webkit-user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
  -moz-user-select: none;
       user-select: none;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
}

.video-js .vjs-slider.disabled {
  cursor: default;
}

.video-js .vjs-slider:focus {
  text-shadow: 0em 0em 1em white;
  box-shadow: 0 0 1em #fff;
}

.video-js.vjs-spatial-navigation-enabled .vjs-slider:focus {
  outline: 0.0625em solid white;
}

.video-js .vjs-mute-control {
  cursor: pointer;
  flex: none;
}
.video-js .vjs-volume-control {
  cursor: pointer;
  margin-right: 1em;
  display: flex;
}

.video-js .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
}

.video-js .vjs-volume-panel .vjs-volume-control {
  visibility: visible;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin-left: -1px;
}

.video-js .vjs-volume-panel {
  transition: width 1s;
}
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control, .video-js .vjs-volume-panel:active .vjs-volume-control, .video-js .vjs-volume-panel:focus .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control:active, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
  visibility: visible;
  opacity: 1;
  position: relative;
  transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
}
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
  margin-right: 0;
}
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical {
  left: -3.5em;
  transition: left 0s;
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
  width: 10em;
  transition: width 0.1s;
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
  width: 4em;
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  height: 8em;
  width: 3em;
  left: -3000em;
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
}

.video-js .vjs-volume-panel {
  display: flex;
}

.video-js .vjs-volume-bar {
  margin: 1.35em 0.45em;
}

.vjs-volume-bar.vjs-slider-horizontal {
  width: 5em;
  height: 0.3em;
}

.vjs-volume-bar.vjs-slider-vertical {
  width: 0.3em;
  height: 5em;
  margin: 1.35em auto;
}

.video-js .vjs-volume-level {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff;
}
.video-js .vjs-volume-level:before {
  position: absolute;
  font-size: 0.9em;
  z-index: 1;
}

.vjs-slider-vertical .vjs-volume-level {
  width: 0.3em;
}
.vjs-slider-vertical .vjs-volume-level:before {
  top: -0.5em;
  left: -0.3em;
  z-index: 1;
}

.vjs-svg-icons-enabled .vjs-volume-level:before {
  content: none;
}

.vjs-volume-level .vjs-svg-icon {
  position: absolute;
  width: 0.9em;
  height: 0.9em;
  pointer-events: none;
  z-index: 1;
}

.vjs-slider-horizontal .vjs-volume-level {
  height: 0.3em;
}
.vjs-slider-horizontal .vjs-volume-level:before {
  line-height: 0.35em;
  right: -0.5em;
}

.vjs-slider-horizontal .vjs-volume-level .vjs-svg-icon {
  right: -0.3em;
  transform: translateY(-50%);
}

.vjs-slider-vertical .vjs-volume-level .vjs-svg-icon {
  top: -0.55em;
  transform: translateX(-50%);
}

.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
  width: 4em;
}

.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
  height: 100%;
}

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
  width: 100%;
}

.video-js .vjs-volume-vertical {
  width: 3em;
  height: 8em;
  bottom: 8em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
}

.video-js .vjs-volume-horizontal .vjs-menu {
  left: -2em;
}

.video-js .vjs-volume-tooltip {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.3em;
  color: #000;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 6px 8px 8px 8px;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  visibility: hidden;
  z-index: 1;
}

.video-js .vjs-volume-control:hover .vjs-volume-tooltip,
.video-js .vjs-volume-control:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
  display: block;
  font-size: 1em;
  visibility: visible;
}

.video-js .vjs-volume-vertical:hover .vjs-volume-tooltip,
.video-js .vjs-volume-vertical:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
  left: 1em;
  top: -12px;
}

.video-js .vjs-volume-control.disabled:hover .vjs-volume-tooltip {
  font-size: 1em;
}

.video-js .vjs-volume-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #000;
  z-index: 1;
}

.video-js .vjs-volume-horizontal .vjs-mouse-display {
  width: 1px;
  height: 100%;
}

.video-js .vjs-volume-control:hover .vjs-mouse-display {
  display: block;
}

.video-js.vjs-user-inactive .vjs-volume-control .vjs-mouse-display {
  visibility: hidden;
  opacity: 0;
  transition: visibility 1s, opacity 1s;
}

.vjs-mouse-display .vjs-volume-tooltip {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
}

.vjs-poster {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
}

.vjs-has-started .vjs-poster,
.vjs-using-native-controls .vjs-poster {
  display: none;
}

.vjs-audio.vjs-has-started .vjs-poster,
.vjs-has-started.vjs-audio-poster-mode .vjs-poster,
.vjs-pip-container.vjs-has-started .vjs-poster {
  display: block;
}

.vjs-poster img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.video-js .vjs-live-control {
  display: flex;
  align-items: flex-start;
  flex: auto;
  font-size: 1em;
  line-height: 3em;
}

.video-js:not(.vjs-live) .vjs-live-control,
.video-js.vjs-liveui .vjs-live-control {
  display: none;
}

.video-js .vjs-seek-to-live-control {
  align-items: center;
  cursor: pointer;
  flex: none;
  display: inline-flex;
  height: 100%;
  padding-left: 0.5em;
  padding-right: 0.5em;
  font-size: 1em;
  line-height: 3em;
  width: auto;
  min-width: 4em;
}

.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,
.video-js:not(.vjs-live) .vjs-seek-to-live-control {
  display: none;
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
  cursor: auto;
}

.vjs-seek-to-live-control .vjs-icon-placeholder {
  margin-right: 0.5em;
  color: #888;
}

.vjs-svg-icons-enabled .vjs-seek-to-live-control {
  line-height: 0;
}

.vjs-seek-to-live-control .vjs-svg-icon {
  width: 1em;
  height: 1em;
  pointer-events: none;
  fill: #888888;
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
  color: red;
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-svg-icon {
  fill: red;
}

.video-js .vjs-time-control {
  flex: none;
  font-size: 1em;
  line-height: 3em;
  min-width: 2em;
  width: auto;
  padding-left: 1em;
  padding-right: 1em;
}

.vjs-live .vjs-time-control,
.vjs-live .vjs-time-divider,
.video-js .vjs-current-time,
.video-js .vjs-duration {
  display: none;
}

.vjs-time-divider {
  display: none;
  line-height: 3em;
}

.vjs-normalise-time-controls:not(.vjs-live) .vjs-time-control {
  display: flex;
}

.video-js .vjs-play-control {
  cursor: pointer;
}

.video-js .vjs-play-control .vjs-icon-placeholder {
  flex: none;
}

.vjs-text-track-display {
  position: absolute;
  bottom: 3em;
  left: 0;
  right: 0;
  top: 0;
  pointer-events: none;
}

.vjs-error .vjs-text-track-display {
  display: none;
}

.video-js.vjs-controls-disabled .vjs-text-track-display,
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
  bottom: 1em;
}

.video-js .vjs-text-track {
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em;
}

.vjs-subtitles {
  color: #fff;
}

.vjs-captions {
  color: #fc6;
}

.vjs-tt-cue {
  display: block;
}

video::-webkit-media-text-track-display {
  transform: translateY(-3em);
}

.video-js.vjs-controls-disabled video::-webkit-media-text-track-display,
.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
  transform: translateY(-1.5em);
}

.video-js.vjs-force-center-align-cues .vjs-text-track-cue {
  text-align: center !important;
  width: 80% !important;
}

@supports not (inset: 10px) {
  .video-js .vjs-text-track-display > div {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
}
.video-js .vjs-picture-in-picture-control {
  cursor: pointer;
  flex: none;
}
.video-js.vjs-audio-only-mode .vjs-picture-in-picture-control,
.vjs-pip-window .vjs-picture-in-picture-control {
  display: none;
}

.video-js .vjs-fullscreen-control {
  cursor: pointer;
  flex: none;
}
.video-js.vjs-audio-only-mode .vjs-fullscreen-control,
.vjs-pip-window .vjs-fullscreen-control {
  display: none;
}

.vjs-playback-rate > .vjs-menu-button,
.vjs-playback-rate .vjs-playback-rate-value {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.vjs-playback-rate .vjs-playback-rate-value {
  pointer-events: none;
  font-size: 1.5em;
  line-height: 2;
  text-align: center;
}

.vjs-playback-rate .vjs-menu {
  width: 4em;
  left: 0em;
}

.vjs-error .vjs-error-display .vjs-modal-dialog-content {
  font-size: 1.4em;
  text-align: center;
}

.vjs-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.85;
  text-align: left;
  border: 0.6em solid rgba(43, 51, 63, 0.7);
  box-sizing: border-box;
  background-clip: padding-box;
  width: 5em;
  height: 5em;
  border-radius: 50%;
  visibility: hidden;
}

.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
  display: flex;
  justify-content: center;
  align-items: center;
  animation: vjs-spinner-show 0s linear 0.3s forwards;
}

.vjs-error .vjs-loading-spinner {
  display: none;
}

.vjs-loading-spinner:before,
.vjs-loading-spinner:after {
  content: "";
  position: absolute;
  box-sizing: inherit;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  opacity: 1;
  border: inherit;
  border-color: transparent;
  border-top-color: white;
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after {
  animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
  border-top-color: rgb(255, 255, 255);
}

.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
  border-top-color: rgb(255, 255, 255);
  animation-delay: 0.44s;
}

@keyframes vjs-spinner-show {
  to {
    visibility: visible;
  }
}
@keyframes vjs-spinner-spin {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f;
  }
  20% {
    border-top-color: #73859f;
  }
  35% {
    border-top-color: white;
  }
  60% {
    border-top-color: #73859f;
  }
  100% {
    border-top-color: #73859f;
  }
}
.video-js.vjs-audio-only-mode .vjs-captions-button {
  display: none;
}

.vjs-chapters-button .vjs-menu ul {
  width: 24em;
}

.video-js.vjs-audio-only-mode .vjs-descriptions-button {
  display: none;
}

.vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-svg-icon {
  width: 1.5em;
  height: 1.5em;
}

.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}

.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: "\f10c";
  font-size: 1.5em;
  line-height: inherit;
}

.video-js.vjs-audio-only-mode .vjs-subs-caps-button {
  display: none;
}

.video-js .vjs-audio-button + .vjs-menu .vjs-descriptions-menu-item .vjs-menu-item-text .vjs-icon-placeholder,
.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}

.video-js .vjs-audio-button + .vjs-menu .vjs-descriptions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before,
.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: " \f12e";
  font-size: 1.5em;
  line-height: inherit;
}

.video-js.vjs-layout-small .vjs-current-time,
.video-js.vjs-layout-small .vjs-time-divider,
.video-js.vjs-layout-small .vjs-duration,
.video-js.vjs-layout-small .vjs-remaining-time,
.video-js.vjs-layout-small .vjs-playback-rate,
.video-js.vjs-layout-small .vjs-volume-control, .video-js.vjs-layout-x-small .vjs-current-time,
.video-js.vjs-layout-x-small .vjs-time-divider,
.video-js.vjs-layout-x-small .vjs-duration,
.video-js.vjs-layout-x-small .vjs-remaining-time,
.video-js.vjs-layout-x-small .vjs-playback-rate,
.video-js.vjs-layout-x-small .vjs-volume-control, .video-js.vjs-layout-tiny .vjs-current-time,
.video-js.vjs-layout-tiny .vjs-time-divider,
.video-js.vjs-layout-tiny .vjs-duration,
.video-js.vjs-layout-tiny .vjs-remaining-time,
.video-js.vjs-layout-tiny .vjs-playback-rate,
.video-js.vjs-layout-tiny .vjs-volume-control {
  display: none;
}
.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover {
  width: auto;
  width: initial;
}
.video-js.vjs-layout-x-small .vjs-progress-control, .video-js.vjs-layout-tiny .vjs-progress-control {
  display: none;
}
.video-js.vjs-layout-x-small .vjs-custom-control-spacer {
  flex: auto;
  display: block;
}

.vjs-modal-dialog.vjs-text-track-settings {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.75);
  color: #fff;
  height: 70%;
}
.vjs-spatial-navigation-enabled .vjs-modal-dialog.vjs-text-track-settings {
  height: 80%;
}

.vjs-error .vjs-text-track-settings {
  display: none;
}

.vjs-text-track-settings .vjs-modal-dialog-content {
  display: table;
}

.vjs-text-track-settings .vjs-track-settings-colors,
.vjs-text-track-settings .vjs-track-settings-font,
.vjs-text-track-settings .vjs-track-settings-controls {
  display: table-cell;
}

.vjs-text-track-settings .vjs-track-settings-controls {
  text-align: right;
  vertical-align: bottom;
}

@supports (display: grid) {
  .vjs-text-track-settings .vjs-modal-dialog-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    padding: 20px 24px 0px 24px;
  }
  .vjs-track-settings-controls .vjs-default-button {
    margin-bottom: 20px;
  }
  .vjs-text-track-settings .vjs-track-settings-controls {
    grid-column: 1/-1;
  }
  .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,
  .vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content,
  .vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content {
    grid-template-columns: 1fr;
  }
}
.vjs-text-track-settings select {
  font-size: inherit;
}

.vjs-track-setting > select {
  margin-right: 1em;
  margin-bottom: 0.5em;
}

.vjs-text-track-settings fieldset {
  margin: 10px;
  border: none;
}

.vjs-text-track-settings fieldset span {
  display: inline-block;
  padding: 0 0.6em 0.8em;
}

.vjs-text-track-settings fieldset span > select {
  max-width: 7.3em;
}

.vjs-text-track-settings legend {
  color: #fff;
  font-weight: bold;
  font-size: 1.2em;
}

.vjs-text-track-settings .vjs-label {
  margin: 0 0.5em 0.5em 0;
}

.vjs-track-settings-controls button:focus,
.vjs-track-settings-controls button:active {
  outline-style: solid;
  outline-width: medium;
  background-image: linear-gradient(0deg, #fff 88%, #73859f 100%);
}

.vjs-track-settings-controls button:hover {
  color: rgba(43, 51, 63, 0.75);
}

.vjs-track-settings-controls button {
  background-color: #fff;
  background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%);
  color: #2B333F;
  cursor: pointer;
  border-radius: 2px;
}

.vjs-track-settings-controls .vjs-default-button {
  margin-right: 1em;
}

.vjs-title-bar {
  background: rgba(0, 0, 0, 0.9);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.7) 60%, rgba(0, 0, 0, 0) 100%);
  font-size: 1.2em;
  line-height: 1.5;
  transition: opacity 0.1s;
  padding: 0.666em 1.333em 4em;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
}

.vjs-error .vjs-title-bar {
  display: none;
}

.vjs-title-bar-title,
.vjs-title-bar-description {
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vjs-title-bar-title {
  font-weight: bold;
  margin-bottom: 0.333em;
}

.vjs-playing.vjs-user-inactive .vjs-title-bar {
  opacity: 0;
  transition: opacity 1s;
}

.video-js .vjs-skip-forward-5 {
  cursor: pointer;
}
.video-js .vjs-skip-forward-10 {
  cursor: pointer;
}
.video-js .vjs-skip-forward-30 {
  cursor: pointer;
}
.video-js .vjs-skip-backward-5 {
  cursor: pointer;
}
.video-js .vjs-skip-backward-10 {
  cursor: pointer;
}
.video-js .vjs-skip-backward-30 {
  cursor: pointer;
}
.video-js .vjs-transient-button {
  position: absolute;
  height: 3em;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(50, 50, 50, 0.5);
  cursor: pointer;
  opacity: 1;
  transition: opacity 1s;
}

.video-js:not(.vjs-has-started) .vjs-transient-button {
  display: none;
}

.video-js.not-hover .vjs-transient-button:not(.force-display),
.video-js.vjs-user-inactive .vjs-transient-button:not(.force-display) {
  opacity: 0;
}

.video-js .vjs-transient-button span {
  padding: 0 0.5em;
}

.video-js .vjs-transient-button.vjs-left {
  left: 1em;
}

.video-js .vjs-transient-button.vjs-right {
  right: 1em;
}

.video-js .vjs-transient-button.vjs-top {
  top: 1em;
}

.video-js .vjs-transient-button.vjs-near-top {
  top: 4em;
}

.video-js .vjs-transient-button.vjs-bottom {
  bottom: 4em;
}

.video-js .vjs-transient-button:hover {
  background-color: rgba(50, 50, 50, 0.9);
}

@media print {
  .video-js > *:not(.vjs-tech):not(.vjs-poster) {
    visibility: hidden;
  }
}
.vjs-resize-manager {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  z-index: -1000;
}

.js-focus-visible .video-js *:focus:not(.focus-visible) {
  outline: none;
}

.video-js *:focus:not(:focus-visible) {
  outline: none;
}

/* Modifications of player made by Moodle: */

/* Audio: https://github.com/videojs/video.js/issues/2777 */

/* Audio: Remove big play button (leave only the button in controls). */
.video-js.vjs-audio .vjs-big-play-button {
  display: none;
}
/* Audio: Make the controlbar visible by default */
.video-js.vjs-audio .vjs-control-bar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
/* Make player height minimum to the controls height so when we hide video/poster area the controls are displayed correctly. */
.video-js.vjs-audio {
  min-height: 3em;
}
/* In case of error reset height to the default (otherwise no aspect ratio is available and height becomes 0). */
.video-js.vjs-error {
  height: 150px;
}
/* Minimum height for videos should not be less than the size of play button. */
.mediaplugin_videojs video {
  min-height: 32px;
}

/* MDL-61020: VideoJS timeline progress bar should not be flipped in RTL mode. */

/* Prevent the progress bar from being flipped in RTL. */
/*rtl:ignore*/
.video-js .vjs-progress-holder .vjs-play-progress,
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div {
  left: 0;
  right: auto;
}
/* Keep the video scrubber button at the end of the progress bar in RTL. */
/*rtl:ignore*/
.video-js .vjs-play-progress:before {
  left: auto;
  right: -0.5em;
}
/* Prevent the volume slider from being flipped in RTL. */
/*rtl:ignore*/
.video-js .vjs-volume-level {
  left: 0;
  right: auto;
}
/* Keep the volume slider handle at the end of the volume slider in RTL. */
/*rtl:ignore*/
.vjs-slider-horizontal .vjs-volume-level:before {
  left: auto;
  right: -0.5em;
}

.dir-rtl .vjs-loading-spinner:before,
.dir-rtl .vjs-loading-spinner:after {
   right: 0;
 }

/**
 * prism.js default theme for JavaScript, CSS and HTML
 * Based on dabblet (http://dabblet.com)
 * @author Lea Verou
 */

pre[class*="language-"] {
    color: black;
    background: none;
    text-shadow: 0 1px white;
    font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
    font-size: 1em;
    text-align: left;
    white-space: pre;
    word-spacing: normal;
    word-break: normal;
    word-wrap: normal;
    line-height: 1.5;

    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;

    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}

pre[class*="language-"]::-moz-selection,
pre[class*="language-"] ::-moz-selection {
    text-shadow: none;
    background: #b3d4fc;
}

pre[class*="language-"]::selection,
pre[class*="language-"] ::selection {
    text-shadow: none;
    background: #b3d4fc;
}

@media print {
    pre[class*="language-"] {
        text-shadow: none;
    }
}

/* Code blocks */
pre[class*="language-"] {
    padding: 1em;
    margin: .5em 0;
    overflow: auto;
}

pre[class*="language-"] {
    background: #f5f2f0;
}

.prism-token.prism-comment,
.prism-token.prism-prolog,
.prism-token.prism-doctype,
.prism-token.prism-cdata {
    color: slategray;
}

.prism-token.prism-punctuation {
    color: #999;
}

.prism-token.prism-namespace {
    opacity: .7;
}

.prism-token.prism-property,
.prism-token.prism-tag,
.prism-token.prism-boolean,
.prism-token.prism-number,
.prism-token.prism-constant,
.prism-token.prism-symbol,
.prism-token.prism-deleted {
    color: #905;
}

.prism-token.prism-selector,
.prism-token.prism-attr-name,
.prism-token.prism-string,
.prism-token.prism-char,
.prism-token.prism-builtin,
.prism-token.prism-inserted {
    color: #690;
}

.prism-token.prism-operator,
.prism-token.prism-entity,
.prism-token.prism-url,
.prism-language-css .prism-token.prism-string,
.prism-style .prism-token.prism-string {
    color: #9a6e3a;
    /* This background color was intended by the author of this theme. */
    background: hsla(0, 0%, 100%, .5);
}

.prism-token.prism-atrule,
.prism-token.prism-attr-value,
.prism-token.prism-keyword {
    color: #07a;
}

.prism-token.prism-function,
.prism-token.prism-class-name {
    color: #dd4a68;
}

.prism-token.prism-regex,
.prism-token.prism-important,
.prism-token.prism-variable {
    color: #e90;
}

.prism-token.prism-important,
.prism-token.prism-bold {
    font-weight: bold;
}
.prism-token.prism-italic {
    font-style: italic;
}

.prism-token.prism-entity {
    cursor: help;
}

#glossaryfilteroverlayprogress {
    position: fixed;
    top: 50%;
    width: 100%;
    text-align: center;
}

/*
This file is part of JSXGraph Moodle Filter.
Moodle is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

Moodle is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with Moodle.  If not, see <http://www.gnu.org/licenses/>.
*/
/**
 * This is a plugin to enable function plotting and dynamic geometry constructions with JSXGraph within a Moodle platform.
 *
 * JSXGraph is a cross-browser JavaScript library for interactive geometry,
 * function plotting, charting, and data visualization in the web browser.
 * JSXGraph is implemented in pure JavaScript and does not rely on any other
 * library. Special care has been taken to optimize the performance.
 *
 * @package    filter_jsxgraph
 * @copyright  2024 JSXGraph team - Center for Mobile Learning with Digital Technology – Universität Bayreuth
 *             Matthias Ehmann,
 *             Michael Gerhaeuser,
 *             Carsten Miller,
 *             Andreas Walter <andreas.walter@uni-bayreuth.de>,
 *             Alfred Wassermann <alfred.wassermann@uni-bayreuth.de>
 * @license    http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
 */
/**************************************************************************
***                           JSXGraph styles                           ***
**************************************************************************/
/*
    JSXGraph 1.13.3

    Copyright 2008-2026
        Matthias Ehmann,
        Michael Gerhaeuser,
        Carsten Miller,
        Bianca Valentin,
        Andreas Walter,
        Alfred Wassermann,
        Peter Wilfahrt

    This file is part of JSXGraph.

    JSXGraph is free software dual licensed under the GNU LGPL or MIT License.

    You can redistribute it and/or modify it under the terms of the

      * GNU Lesser General Public License as published by
        the Free Software Foundation, either version 3 of the License, or
        (at your option) any later version
      OR
      * MIT License: https://github.com/jsxgraph/jsxgraph/blob/master/LICENSE.MIT

    JSXGraph is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU Lesser General Public License for more details.

    You should have received a copy of the GNU Lesser General Public License and
    the MIT License along with JSXGraph. If not, see <https://www.gnu.org/licenses/>
    and <https://opensource.org/licenses/MIT/>.
 */
.jxgbox {
    /* for IE 7 */
    position: relative;
    overflow: hidden;
    background-color: #fff;
    border-style: solid;
    border-width: 1px;
    border-color: #356aa0;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    margin: 0;
    -ms-touch-action: none;
    /* "touch-action:none;" is set with JavaScript. */
}

.jxgbox svg text {
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.JXGtext {
    font-family: Courier, monospace;
    /*
       * The default font family is now set in
       * JXG.Options.text.cssdefaultstyle = 'font-family: Arial, Helvetica, Geneva, sans-serif;'
       */
    /* "background-color:#fff0;" may produce artefacts in IE. Solution: setting a color explicitly. */
    background-color: transparent;
    padding: 0;
    margin: 0;
}

.JXGinfobox {
    border-style: none;
    border-width: 0;
    border-color: black;
}

/* CSS attributes will (permantely) overwrite attributes set in JSXGraph */
.JXGimage {
    /* opacity: 1.0; */
}

.JXGimageHighlight {
    /* opacity: 0.6; */
}

.jxgbox :focus {
    outline-width: 0.5px;
    outline-style: dotted;
}

/* CSS rules for the navigation bar */
.JXG_navigation {
    position: absolute;
    right: 5px;
    bottom: 5px;
    z-index: 100;
    background-color: transparent;
    padding: 2px;
    font-size: 14px;
    cursor: pointer;
}

.JXG_navigation_button {
    color: #666;
}

.JXG_navigation_button:hover {
    border-radius: 2px;
    background: rgba(184, 184, 184, 0.5);
}

.JXG_navigation_button svg {
    top: 0.2em;
    position: relative;
    padding: 0;
}

/* CSS rules for the wrapping div in fullscreen mode */
.JXG_wrap_private:-moz-full-screen {
    background-color: #ccc;
    padding: 0;
    width: 100%;
    height: 100%;
}

.JXG_wrap_private:-webkit-full-screen {
    background-color: #ccc;
    padding: 0;
    width: 100%;
    height: 100%;
}

.JXG_wrap_private:fullscreen {
    background-color: #ccc;
    padding: 0;
    width: 100%;
    height: 100%;
}

.JXG_wrap_private:-ms-fullscreen {
    background-color: #ccc;
    padding: 0;
    width: 100%;
    height: 100%;
}

/* Classes for smartlabels */
.smart-label-solid {
    padding: 1px 7px 1px 7px;
    margin: 0;
    color: white;
    border-radius: 150px;
    text-align: center;
    vertical-align: middle;
}

.smart-label-outline {
    padding: 1px 7px 1px 7px;
    margin: 0;
    border: solid 2px black;
    background-color: white;
    color: black;
    border-radius: 15px;
    text-align: center;
    vertical-align: middle;
}

.smart-label-pure {
    padding: 20px 7px 1px 7px;
    margin: 0;
    border: none;
    background-color: transparent;
    color: black;
    border-radius: 15px;
    text-align: center;
    vertical-align: middle;
}

.smart-label-line,
.smart-label-point {
    background-color: #0072b2;
    border-color: #0072b2;
}

.smart-label-point {
    margin-top: 12px;
}

.smart-label-angle {
    background-color: #e69f00;
    border-color: #e69f00;
    padding: 1px 7px 1px 7px;
}

.smart-label-polygon,
.smart-label-circle {
    background-color: #f0e442;
    color: black;
    border-color: #f0e442;
    padding: 1px 7px 1px 7px;
}

/**************************************************************************
***                      specific styles of filter                      ***
**************************************************************************/
.jxg-error {
    color: red;
    margin: 20px;
}

.jxg-error b {
    margin-right: 5px;
}

.jsxgraph-boards {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

/*# sourceMappingURL=styles.css.map */
.jsenabled #MathJax_ZoomFrame {
    position: absolute;
}

/**
 * Filters
 */
.mediaplugin {
    display: block;
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: center;
}

.mediaplugin,
.mediaplugin video {
    /* Make videos as wide as possible without being wider than their containers */
    width: 100%;
    max-width: 100%;
}

.mediaplugin > div {
    margin: auto;
}

/* This is needed to display videos in an adequate size and without too much space
   withing the specific mod assign table views. */
.path-mod-assign .gradingtable .mediaplugin,
.path-mod-assign .submissionsummarytable .mediaplugin {
    width: 400px;
    height: auto;
}

/* Make media plugin behave properly in mod summaries and labels */
.mod-indent-outer .mediaplugin {
    display: table-cell;
}

/* Make media plugin behave properly in Modal dialog. */
.modal-dialog .mediaplugin {
    width: 100vw;
}

body.wrs_plugin.wrs_filter {
  font-family: Arial;
}
span.wrs_plugin.wrs_filter {
  font-weight: bold;
}
span.wrs_ok.wrs_plugin.wrs_filter {
  color: #090;
}
span.wrs_error.wrs_plugin.wrs_filter {
  color: #d00;
}
table.wrs_plugin.wrs_filter,
th.wrs_plugin.wrs_filter,
td.wrs_plugin.wrs_filter,
tr.wrs_plugin.wrs_filter {
    border: solid 1px #000;
    border-collapse: collapse;
    padding: 5px;
    white-space: pre;
}
td.title.wrs_plugin.wrs_filter {
    font-weight: bold;
}
th.wrs_plugin.wrs_filter {
  background-color: #eee;
}
img.wrs_plugin.wrs_filter {
    border: none;
}

.jsenabled .tox-shadowhost.tox-fullscreen,
.jsenabled .tox.tox-tinymce.tox-fullscreen {
    z-index: 1050;
}

/**
 * These styles are required to ensure that icons loaded from Moodle are displayed correctly in TinyMCE.
 * The first selector targets the menu.
 * The second selector targets the context menu.
 */
.tox .tox-tbtn svg[data-buttonsource="moodle"] image,
.tox-collection__item-icon svg[data-buttonsource="moodle"] image {
    width: inherit;
    height: inherit;
}

.tox.tox-tinymce .tox-toolbar__group {
    padding-right: 0;
}

/* Prevent navbar obscuring modal content (ignores fullscreen). */
.tox.tox-tinymce:not(.tox-fullscreen) + .tox .tox-dialog-wrap {
    padding-top: var(--navbar-height);
}

/* Modify Tiny's max-height calculation here to factor in navbar height on small viewports (ignores fullscreen). */
@media only screen and (max-width: 767px) {
    body:not(.tox-force-desktop) .tox.tox-tinymce:not(.tox-fullscreen) + .tox .tox-dialog-wrap .tox-dialog {
        max-height: calc((100vh - 8px * 2) - var(--navbar-height)) !important; /* stylelint-disable-line declaration-no-important */
    }
}

.format-cards .course-content .card-deck.cards {
    justify-content: center;
}

.format-cards .course-content ul.cards {
    padding: 0;
}

.format-cards .dashboard-card-deck .dashboard-card {
    margin-bottom: .5rem;
    width: 100%;
    min-width: 225px;

    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 0;
}

.format-cards .dashboard-card-deck {
    display: flex;
    flex-flow: row wrap;
    margin-right: -.25rem;
    margin-left: -.25rem;
}

.format-cards .subsectionsascards .activity.subsection > .activity-item {
    border: 0;
}

@media (min-width: 576px) {
    .format-cards .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
        width: calc(50% - 0.5rem);
    }
}

@media (min-width: 768px) {
    .format-cards .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
        width: calc(33.33% - 0.5rem);
    }
}

@media (min-width: 992px) {
    .format-cards .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
        width: calc(25% - 0.5rem);
    }
}

.format-cards .course-content .card-deck .card {
    aspect-ratio: 5 / 7;
    border: none;

    max-width: 325px;
}
.format-cards .course-content .card-deck .card.card-horizontal {
    aspect-ratio: 7 / 5;

    max-width: 450px;
}
.format-cards .course-content .card-deck .card.card-square {
    aspect-ratio: 1 / 1;
    max-width: 400px;
}

.format-cards .course-content .card-deck .card.highlighted {
    box-shadow: 0 0 10px var(--primary, #0f6cbf);
}

.format-cards .course-content .card-deck .card.highlighted .card-overlay {
    box-shadow: 0 0 20px var(--primary, #0f6cbf) inset;
}

.format-cards .course-content .card-deck .card .card-main-content {
    position: relative;
    flex-grow: 1;
    overflow: hidden;
}

.format-cards .course-content .card-deck .card .card-main-content,
.format-cards .course-content .card-deck .card {
    border-radius: .5em;
}

.format-cards .course-content .card-deck .card .card-main-content .card-img-top {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transition: transform .4s;
}

.format-cards .course-content .card-deck .card:hover .card-main-content .card-img-top,
.format-cards .course-content .card-deck .card .card-main-content:focus-visible .card-img-top {
    transform: scale(1.1);
}

.format-cards .course-content .card-deck .card .card-header {
    background: rgba(0, 0, 0, 0.6);
    border: 0;
}
.format-cards .course-content .card-deck .card.card-horizontal .card-header {
    padding-top: 0;
}

.format-cards .course-content .card-deck .card .card-header .card-title {
    margin: 0;
}

.format-cards .course-content .card-deck .card .card-header .card-title,
.format-cards .course-content .card-deck .card .card-header a,
.format-cards .course-content .card-deck .card .card-header .summary {
    color: #fff !important;
}

.format-cards .course-content .card-deck .card .card-header .summary {
    display: inline-block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    max-height: 6rem;
    line-height: 1.5rem;
    text-overflow: ellipsis;
    font-weight: normal;
}

.format-cards .course-content .card-deck .card.card-horizontal .card-header .summary {
    -webkit-line-clamp: 2;
    max-height: 3rem;
    margin-top: .25rem;
}

.format-cards .course-content .card-deck .card .card-overlay {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.format-cards .course-content .card-deck .card .card-overlay .card-header-fade {
    flex: 1;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.6));
}
.format-cards .course-content .card-deck .card.card-horizontal .card-overlay .card-header-fade {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.6));
}

.format-cards .course-content .card-deck .card .card-header-fade .section-completion,
.format-cards .course-content .card-deck .card .card-header-fade .section-availability {
    position: absolute;
    top: 0;
    margin: 0.5rem;
    padding: 0.35rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 3.2rem;
    height: 3.2rem;
    border: 0;
}

.format-cards .course-content .card-deck .card .card-header-fade .section-completion {
    right: 0;
}

.format-cards .course-content .card-deck .card .card-header-fade .section-availability {
    left: 0;
}

.format-cards .course-content .card-deck .card .card-header-fade .section-completion svg {
    position: absolute;
    transform: rotate(-90deg);
    width: 3rem;
    height: 3rem;
}

.format-cards .course-content .card-deck .card .card-header-fade .section-completion svg circle.outer {
    stroke: #e6e6e6;
    stroke-width: 5;
    fill: none;
}

.format-cards .course-content .card-deck .card .card-header-fade .section-completion svg circle.inner {
    stroke: #357a32;
    stroke-width: 5;
    fill: none;
    stroke-dasharray: 100;
}

.format-cards .course-content .card-deck .card .card-header-fade .section-completion svg circle.inner.complete {
    stroke-dasharray: 0;
}

.format-cards .empty-placeholder-image-lg {
    height: 5rem;
}

.format-cards .single-section .course-section {
    border: none;
}

.format-cards .course-content .single-section .section-navigation {
    margin-bottom: unset;
}

.format-cards .course-content .card-deck .card .card-img-top {
    transition: 0.4s filter ease-in-out;
}

.format-cards .course-content .card-deck .card:hover .card-img-top,
.format-cards .course-content .card-deck .card .card-main-content:focus-visible .card-img-top {
    filter: brightness(110%);
}
.format-cards .course-content .card-deck .card.hiddenfromstudents .card-img-top {
    filter: blur(1px) grayscale(80%);
}
.format-cards .course-content .card-deck .card.hiddenfromstudents:hover .card-img-top,
.format-cards .course-content .card-deck .card.hiddenfromstudents .card-main-content:focus-visible .card-img-top {
    filter: grayscale(75%);
}

.format-cards .course-content .card-deck .section.course-section {
    width: 100%;
}

.format-cards .course-content .card-deck .section-break {
    list-style: none;
    display: block;
    width: 100%;
}

@media (max-width: 576px) {

    .format-cards .course-content .card-deck .card .card-header .card-title {
        /** Try to make card titles responsive on smaller devices */
        font-size: min(3rem, 16vw);
    }
}

.format-cards .course-content .section-item .activity:first-of-type {
    border: none;
}

.course-content ul.flexsections,
.course-content ul[data-for="course_subsectionlist"] {
    padding: 0;
    margin: 0;
    list-style: none;
}

.course-content ul.flexsections li.section .content {
    margin: 0;
    padding: 0;
}

/* The "General" section when "Show top section title" is off, unless it is hidden or has access restrictions.
   The header is only needed in editing mode (for the section menu). */
body:not(.editing) .course-section.flexsections-notitle > .section-item > .course-section-header {
    /* stylelint-disable-next-line declaration-no-important */
    display: none !important; /* Override the .d-flex utility class. */
}

/* On section pages core displays the main section without a card. Subsections are still cards, the same as core
   displays its own subsections there. The --mds-* variables only exist in Moodle 5.3+, before that these rules
   have no effect. */
.single-section .course-section .course-section > .section-item {
    border: var(--mds-stroke-weight-sm) solid var(--mds-border-subtle);
    border-radius: var(--mds-border-radius-xl);
    background-color: var(--mds-bg-surface-default);
}

.single-section .course-section .course-section > .section-item > .course-section-header {
    padding: var(--mds-spacing-md);
    border-radius: var(--mds-border-radius-xl);
}

/* Core indents the description to align it with the title after the collapse/expand button. Do not indent it when
   there is no title or no icon before the title. When the header is not shown, the description starts the card.
   The --mds-* variables only exist in the card design of Moodle 5.3+. */
.course-section.flexsections-notitle > .section-item > .course-content-item-content > [data-for="sectioninfo"],
.course-section.flexsections-noindent > .section-item > .course-content-item-content > [data-for="sectioninfo"] {
    padding-left: var(--mds-spacing-md);
}

body:not(.editing) .course-section.flexsections-notitle > .section-item > .course-content-item-content > [data-for="sectioninfo"] {
    padding-top: var(--mds-spacing-md);
}

/* Without a title and a description the section is not displayed as a card, only its activities are shown.
   These rules must stay after the rules above, they have the same specificity. */
body:not(.editing) .flexsections-notitle:not(.flexsections-hassummary) > .section-item {
    padding: 0;
    border: 0;
    background-color: transparent;
}

body:not(.editing) .flexsections-notitle:not(.flexsections-hassummary) > .section-item > .content > [data-for="sectioninfo"],
body:not(.editing) .flexsections-notitle:not(.flexsections-hassummary) > .section-item > .content > .section-content-inner {
    padding: 0;
    border: 0;
    background-color: transparent;
}

.course-content ul.flexsections li.section .left,
.course-content ul.flexsections li.section .right {
    padding: 0 6px 0;
    text-align: right;
    width: auto;
}

@media (max-width: 767.98px) {
    body:not(.editing) .course-content ul.flexsections li.section .left,
    body:not(.editing) .course-content ul.flexsections li.section .right {
        display: none;
    }
}

[data-flexsections-accordion="1"] .section-collapsemenu.collapsed .expandall {
    display: none;
}

@media (min-width: 768px) {
    #page.drawers .flexsections-activity-page-navigate-back {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.course-content ul.flexsections .course-section .sectionname > a {
    color: var(--bs-link-color);
}

#page-course-view-masonry .activity-item:not(.activityinline) {
    border: none;
    padding: .2rem;
}

#page-course-view-masonry .activity-item.hiddenactivity {
    background-color: transparent;
}

#page-course-view-masonry .activityiconcontainer {
    background-color: transparent;
}

#page-course-view-masonry .activityiconcontainer .activityicon {
    color: #000;
    filter: none;
}

#page-course-view-masonry .activityiconcontainer {
    width: 25px;
    height: 25px;
}

#page-course-view-masonry .editing .activity-item:hover,
#page-course-view-masonry .description .course-description-item {
    background-color: transparent;
}

#page-course-view-masonry div.text-uppercase.small,
#page-course-view-masonry  #collapssesection0,
#page-course-view-masonry  #collapssesection1,
#page-course-view-masonry  #collapssesection2,
#page-course-view-masonry  #collapssesection3,
#page-course-view-masonry  #collapssesection4,
#page-course-view-masonry  #collapssesection5,
#page-course-view-masonry  #collapssesection6,
#page-course-view-masonry  #collapssesection7,
#page-course-view-masonry  #collapssesection8,
#page-course-view-masonry  #collapssesection9,
#page-course-view-masonry  #collapssesection10,
#page-course-view-masonry  #collapssesection11,
#page-course-view-masonry  #collapssesection12,
#page-course-view-masonry  #collapssesection13,
#page-course-view-masonry  #collapssesection14,
#page-course-view-masonry  #collapssesection15,
#page-course-view-masonry  #collapssesection16 {
    display: none;
}

#page-course-view-masonry .expanded-icon,
#page-course-view-masonry .icons-collapse-expand,
#page-course-view-masonry #completionprogressid {
    display: none !important; /* stylelint-disable-line declaration-no-important */
}

#page-course-view-masonry #coursemasonry .section .content .summary .no-overflow {
    overflow: visible;
    padding-bottom: 0;
}

#page-course-view-masonry #coursemasonry {
    margin: 0;
    margin-bottom: 10px;
}

#page-course-view-masonry .admin_colourpicker .previewcolour,
#page-course-view-masonry .admin_colourpicker .currentcolour,
#page-course-view-masonry .admin_colourpicker .colourdialogue {
    border-color: #9a9b9c;
}

#page-course-view-masonry .course-content .content {
    left: 0;
}

#page-course-view-masonry .course-content .mod-indent-1,
#page-course-view-masonry .course-content .mod-indent-2,
#page-course-view-masonry .course-content .mod-indent-3,
#page-course-view-masonry .course-content .mod-indent-4,
#page-course-view-masonry .course-content .mod-indent-5,
#page-course-view-masonry .course-content .mod-indent-6,
#page-course-view-masonry .course-content .mod-indent-7,
#page-course-view-masonry .course-content .mod-indent-8,
#page-course-view-masonry .course-content .mod-indent-9,
#page-course-view-masonry .course-content .mod-indent-10,
#page-course-view-masonry .course-content .mod-indent-11,
#page-course-view-masonry .course-content .mod-indent-12,
#page-course-view-masonry .course-content .mod-indent-13,
#page-course-view-masonry .course-content .mod-indent-14,
#page-course-view-masonry .course-content .mod-indent-15,
#page-course-view-masonry .course-content .mod-indent-huge {
    margin-left: 0;
}

#page-course-view-masonry .course-content .section .activity .mod-indent .activityinstance {
    margin-right: 0;
    padding-right: 1em;
}

#page-course-view-masonry .course-content .section .activity .mod-indent .instancename,
#page-course-view-masonry .course-content .section .activity .mod-indent .resourcelinkdetails {
    vertical-align: 3px;
    margin-right: 0;
    padding-right: 0;
}

#page-course-view-masonry .course-content .section .activity .mod-indent .p {
    white-space: normal;
}

#page-course-view-masonry .course-content .section .activity .mod-indent {
    padding-left: 0;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 1em;
}

#page-course-view-masonry .course-content .section .activity .mod-indent-outer {
    display: inherit;
    padding-left: 0;
}

#page-course-view-masonry .course-content .section .content {
    padding: 0 5px 0 2px;
}

#page-course-view-masonry .course-content .section .label .contentwithoutlink,
#page-course-view-masonry .course-content .section .label .activityinstance {
    display: table-cell;
}

#page-course-view-masonry .bulkEnable {
    display: none;
}

#page-course-view-masonry .availabilityinfo {
    background-color: unset !important; /* stylelint-disable-line declaration-no-important */
}

#page-course-view-masonry .activity-item .activity-completion button.btn {
    min-width: 10em !important; /* stylelint-disable-line declaration-no-important */
}

#page-course-view-masonry .course-content .section .activity,
#page-course-view-masonry .activity-item {
    background-color: transparent !important; /* stylelint-disable-line declaration-no-important */
    border: none !important; /* stylelint-disable-line declaration-no-important */
}

#page-course-view-masonry .section_action_menu {
    float: right !important; /* stylelint-disable-line declaration-no-important */
    margin-top: -2em !important; /* stylelint-disable-line declaration-no-important */
}

#page-course-view-masonry .course-content .section li.activity.label,
#page-course-view-masonry .course-content .section  .label .mod-indent {
    padding-left: 34px;
    padding-top: 4px;
}

#page-course-view-masonry .course-content .section,
#page-course-view-masonry .course-content .section.main .content {
    background-color: transparent;
}

#page-course-view-masonry .course-content .sectionname,
#page-course-view-masonry .course-content .section .activity .instancename {
    white-space: nowrap;
}

#page-course-view-masonry .course-content ul.topics li.section .content {
    margin: 10px 10px;
}

#page-course-view-masonry .course-content ul.topics li.section .left {
    text-align: left;
    padding: 0 0;
}

#page-course-view-masonry .course-content ul.topics li.section .right {
    text-align: right;
    padding: 0 0;
}

#page-course-view-masonry .course-content ul.topics li.section {
    border: 1px solid #ccc;
    list-style: none;
    margin: 10px 10px 0 0;
    padding: 4px 4px 0 0;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#page-course-view-masonry .course-content ul.topics li.section.main.clearfix {
    border: 0 solid #ccc;
    list-style: none;
    margin: 10px 0 20px 0;
    padding: 0;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#page-course-view-masonry .course-content ul.topics {
    margin: 5px;
    padding: 5px;
}

#page-course-view-masonry .item {
    width: auto;
    margin: 10px 10px 0 0;
    float: left;
}

#page-course-view-masonry .jumpmenu {
    text-align: center;
}

#page-course-view-masonry .path-course-view .completionprogress {
    float: none;
    margin-bottom: 5px;
}

#page-course-view-masonry .path-course-view li.activity span.autocompletion input,
#coursemasonry form.togglecompletion input {
    padding: 7px 0 0 5px;
}

#page-course-view-masonry ul.section.img-text {
    margin: 1px;
}

.format-menutopic .course-content ul.topics {
    margin: 0;
}

.format-menutopic .course-content ul.topics li.section {
    list-style: none;
    margin: 5px 0 0 0;
    padding: 0;
}

.format-menutopic .course-content ul.topics li.section .content {
    margin: 0 40px;
}

.format-menutopic .course-content ul.topics li.section .position-left {
    width: 40px;
    float: left;
    text-align: center;
}

.format-menutopic .course-content ul.topics li.section .position-right {
    width: 40px;
    float: right;
    text-align: center;
}

.format-menutopic .jumpmenu {
    text-align: center;
}

#page-content div#region-pre.format_menutopic_correctstyle,
#page-content div#region-post.format_menutopic_correctstyle {
    overflow: visible;
}

#format_menutopic_menu.format-menutopic-menu {
    z-index: 9998;
}

#format_menutopic_menu.format-menutopic-menu .submenu-body-content,
#format_menutopic_menu.format-menutopic-menu .menu-body-content {
    list-style: none;
    margin: 0;
    padding: 0;
    background-color: #fff;
    z-index: 9;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

#format_menutopic_menu.format-menutopic-menu .menu-body-content > .menuitem {
    border: 1px solid #ccc;
}

#format_menutopic_menu.format-menutopic-menu .menu-body-content .menuitem a {
    text-decoration: none;
    padding: 5px 12px;
    display: block;
    white-space: nowrap;
}

#format_menutopic_menu.format-menutopic-menu .menu-body-content .submenu-body-content .menuitem a {
    border-bottom: 1px solid #ccc;
}

#format_menutopic_menu.format-menutopic-menu .menu-body-content .menuitem a:hover {
    background-color: #ccc;
}

#format_menutopic_menu.format-menutopic-menu .menu-body-content .menuitem .submenu-body-content {
    display: none;
    position: absolute;
    min-width: 150px;
    border: 1px solid #ccc;
}

#format_menutopic_menu.format-menutopic-menu .menu-body-content .menuitem:hover > .submenu-body-content {
    display: block;
}

#format_menutopic_menu.format-menutopic-menu .menu-body-content .menuitem.current {
    background-color: #ccc;
}

#format_menutopic_menu.format-menutopic-menu .menu-body-content .menuitem.current::before {
    content: unset;
}

#format_menutopic_menu.format-menutopic-menu .menu-body-content .menuitem.disabled {
    background-color: #eee;
}

#format_menutopic_menu.format-menutopic-menu .menu-body-content .menuitem.disabled a {
    color: #aaa;
}

/* MIDDLE MENU */
#region-main #format_menutopic_menu.format-menutopic-menu .submenu-body-content {
    box-shadow: 5px 10px 12px -4px #888;
}

#region-main #format_menutopic_menu.format-menutopic-menu .menu-level-1 .submenu-body-content {
    left: 100%;
    top: 0;
}

#region-main #format_menutopic_menu.format-menutopic-menu .menu-level-0 > .menu-withsubitems > a {
    padding-right: 20px;
}

#region-main #format_menutopic_menu.format-menutopic-menu .menu-level-0 > .menu-withsubitems > a:after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
    color: rgba(0, 0, 0, 0.9);
    font-size: 100%;
}

#region-main #format_menutopic_menu.format-menutopic-menu .menu-level-1 .menu-withsubitems > a {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-left: 0.3em solid;
    border-bottom: 0.3em solid transparent;
    border-right: 0;
    border-top: 0.3em solid transparent;
    color: rgba(0, 0, 0, 0.9);
}

/* LEFT MENU */
#format_menutopic_menu.format-menutopic-menu {
    margin-bottom: 10px;
}

#block-region-side-pre #format_menutopic_menu.format-menutopic-menu ul.submenu-body-content,
#nav-drawer #format_menutopic_menu.format-menutopic-menu ul.submenu-body-content {
    border: 1px solid #ccc;
    left: 100%;
    top: 0;
    box-shadow: 5px 10px 12px -4px #888;
}

#nav-drawer #format_menutopic_menu.format-menutopic-menu ul.submenu-body-content {
    left: auto;
    right: 0;
}

#block-region-side-pre #format_menutopic_menu.format-menutopic-menu .menu-body-content > .menuitem,
#nav-drawer #format_menutopic_menu.format-menutopic-menu .menu-body-content > .menuitem {
    position: relative;
    white-space: normal;
}

#block-region-side-pre #format_menutopic_menu.format-menutopic-menu .menu-body-content > .menuitem,
#nav-drawer #format_menutopic_menu.format-menutopic-menu .menu-body-content > .menuitem a {
    white-space: normal;
}

#block-region-side-pre #format_menutopic_menu.format-menutopic-menu .menu-withsubitems > a:after,
#nav-drawer #format_menutopic_menu.format-menutopic-menu .menu-withsubitems > a:after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-left: 0.3em solid;
    border-bottom: 0.3em solid transparent;
    border-right: 0;
    border-top: 0.3em solid transparent;
    color: rgba(0, 0, 0, 0.9);
}

/* RIGHT MENU */
#block-region-side-post #format_menutopic_menu.format-menutopic-menu {
    margin-bottom: 10px;
}

#block-region-side-post #format_menutopic_menu.format-menutopic-menu ul.submenu-body-content {
    border: 1px solid #ccc;
    right: 100%;
    top: 0;
    box-shadow: -5px 10px 12px -4px #888;
}

#block-region-side-post #format_menutopic_menu.format-menutopic-menu .menu-body-content > .menuitem {
    position: relative;
}

#block-region-side-post #format_menutopic_menu.format-menutopic-menu .menuitem a {
    padding-left: 20px;
}

#block-region-side-post #format_menutopic_menu.format-menutopic-menu .menu-withsubitems > a:before {
    display: inline-block;
    width: 0;
    height: 0;
    margin-right: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-right: 0.3em solid;
    border-bottom: 0.3em solid transparent;
    border-left: 0;
    border-top: 0.3em solid transparent;
    color: rgba(0, 0, 0, 0.9);
}

.format-menutopic .menutopic_hideicons .activityicon {
    display: none;
}

.format-menutopic .summarytext img.activityicon,
.format-menutopic .summary img.activityicon {
    margin-right: 3px;
    vertical-align: text-bottom;
    border-radius: 0;
}

#format_menutopic_menu.format-menutopic-menu li.menuitem.menu-withsubitems {
    position: relative;
}

.format-menutopic ul.topics {
    list-style: none;
}

.format-menutopic .content > .summary .quickeditlink {
    display: none;
}

.format-menutopic .content .summarytext .iconwithhelp {
    cursor: pointer;
}

.format-menutopic .content .summarytext .iconwithhelp .icon {
    margin: 0;
}

.format-menutopic #treecontainer ul.tree,
.format-menutopic #treecontainer ul.tree ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
    background-color: #f9f9f9;
    color: black;
}

.format-menutopic #treecontainer ul.tree li {
    margin-left: 17px;
    cursor: pointer;
    position: relative;
    min-height: 30px;
    border-bottom: 1px solid #ddd;
    padding: 5px;
}

.format-menutopic #treecontainer ul.tree li:hover {
    background-color: #eee;
}

.format-menutopic #treecontainer .operations.main {
    text-align: right;
}

.format-menutopic #treecontainer ul.tree .operations {
    display: none;
    margin-right: 5px;
    position: absolute;
    right: 0;
    top: 0;
}

.format-menutopic #treecontainer ul.tree li:hover > .operations {
    display: inline-block;
}

.format-menutopic #treecontainer .operations > span {
    border: 1px solid #aaa;
    background-color: #fff;
    color: #333;
    border-radius: 5px;
    width: 25px;
    height: 25px;
    display: inline-block;
    text-align: center;
    margin-right: 2px;
    box-shadow: 1px 1px 1px #333;
    cursor: pointer;
}

.format-menutopic #treecontainer .operations > span:hover {
    border: 1px solid #aaa;
    background-color: #333;
    color: #fff;
}

.format-menutopic #treecontainer .root-level > li > .operations span[data-action="toleft"],
.format-menutopic #treecontainer li:first-child > .operations span[data-action="toright"],
.format-menutopic #treecontainer li:first-child > .operations span[data-action="toup"],
.format-menutopic #treecontainer li:last-child > .operations span[data-action="todown"] {
    display: none;
}

.format-menutopic #treecontainer [aria-expanded="false"] > [role="group"] {
    display: none;
}

.format-menutopic #treecontainer ul.tree li > input {
    border: 1px solid #fff;
    background-color: transparent;
    width: 100%;
}

.format-menutopic #treecontainer ul.tree li > input:hover {
    border: 1px solid #ccc;
    background-color: #fff;
}

.format-menutopic .treeeditform td {
    padding: 5px;
}

.format-menutopic .treeeditform input {
    border: 1px solid #ccc;
}

.format-menutopic #id_treeeditgeneral .form-inline .form-control-static {
    display: inline;
    width: 100%;
}

.format-menutopic li.activity > div {
    position: relative;
}

.format-menutopic.path-mod #page-header {
    display: none;
}

.format-menutopic .editmode-form .btn i {
    margin: 0;
}

#format_menutopic_menu .navbar {
    z-index: 2;
}

.format-menutopic #navbarmenutopic .navbar-nav {
    flex-wrap: wrap;
}

.format-menutopic #navbarmenutopic .navbar-nav .nav-item {
    text-align: center;
    display: flex;
    align-items: center;
    line-height: 16px;
}

.format-menutopic #navbarmenutopic .navbar-nav .dropdown-menu .nav-item,
.format-menutopic #navbarmenutopic .navbar-nav .submenu-body-content .nav-item {
    text-align: left;
}

.format-menutopic .navbar:not(.navbar-dark) #navbarmenutopic .navbar-nav .nav-item.menu-level-0.active {
    border-bottom: solid 3px var(--primary);
}

.format-menutopic #navbarmenutopic .dropdown-menu-dark .dropdown-item span.iconhelp i:before,
.format-menutopic #navbarmenutopic .dropdown-menu-dark .dropdown-item {
    color: var(--dark);
}

.format-menutopic #navbarmenutopic .dropdown-menu-dark .dropdown-item:hover span.iconhelp i:before,
.format-menutopic #navbarmenutopic .dropdown-menu-dark .dropdown-item:hover {
    color: var(--light);
}

.format-menutopic #navbarmenutopic .dropdown-menu-dark .dropdown-item.current span.iconhelp i:before,
.format-menutopic #navbarmenutopic .dropdown-menu-dark .dropdown-item.current {
    color: var(--light);
    font-weight: bold;
}

.format-menutopic #navbarmenutopic .dropdown-menu-dark .dropdown-item.disabled {
    opacity: 0.7;
}

.format-menutopic.editing #navbarmenutopic .dropdown-menu-dark .dropdown-item.disabled {
    pointer-events: auto;
    cursor: pointer;
}

.format-menutopic #navbarmenutopic .btn-primary.disabled.active {
    background-color: #0b5190;
    border-color: #0a4b84;
}

.format-menutopic .container-menu {
    display: flex;
    justify-content: space-evenly;
}

.format-menutopic .menuitem span.iconhelp {
    cursor: pointer;
    margin-left: 5px;
    pointer-events: auto;
}

.format-menutopic .menuitem span.iconhelp i {
    margin: 0;
}

.format-menutopic #format_menutopic_menu nav.notlinkinparent .menu-withsubitems > a {
    pointer-events: none;
}

/* Template styles */
.format-menutopic .menutopic .cmnameinline .activityiconcontainer {
    padding-left: 0.2rem;
    padding-right: 0;
    display: inline-flex;
}

.format-menutopic .activityinsummarytpl .description .course-description-item {
    background-color: transparent;
}

.format-menutopic .activityinsummarytpl .description .availabilityinfo {
    display: inline-block;
    min-width: 300px;
    margin: 0;
    padding: 0;
}

.format-menutopic .activity-dates-inline {
    display: flex;
}

.format-menutopic .activity_dateinline {
    display: block;
}

.format-menutopic .modal-body .activity-info .completion-dropdown a[role="button"].btn,
.format-menutopic .modal-body .activity-info .completion-dropdown button.btn {
    color: #1d2125;
    background-color: #fff;
    border-color: #ced4da;
    min-height: 32px;
    font-weight: bold;
    border-radius: 0.5rem;
}
.format-menutopic .modal-body .activity-info .completion-dropdown a[role="button"].btn:hover,
.format-menutopic .modal-body .activity-info .completion-dropdown button.btn:hover {
    color: #fff;
    background-color: #6a737b;
    border-color: #b1bbc4;
}
/* End of template styles */

/* Completion */
.format-menutopic .menutopic .completiontag img.icon {
    margin: 0 3px 0 5px;
}
/* End of completion*/

/* Sections/activities navigation */
.format-menutopic .section-navigation .prevsection,
.format-menutopic .section-navigation .nextsection {
    display: flex;
    min-width: 100px;
}

.format-menutopic .section-navigation .nextsection {
    justify-content: right;
    margin-left: 5px;
}

.format-menutopic .section-navigation .prevsection {
    justify-content: left;
    margin-right: 5px;
}

.format-menutopic .section-navigation .prevsection a,
.format-menutopic .section-navigation .nextsection a {
    display: flex;
    align-items: center;
    line-height: 100%;
}

.format-menutopic .section-navigation .prevsection a {
    padding-right: 10px;
}

.format-menutopic .section-navigation .nextsection a {
    flex-direction: row-reverse;
    padding-left: 10px;
    text-align: right;
}

/* The jump list if exist */
.format-menutopic .single-section .section-navigation.mdl-bottom div:nth-child(2) {
    max-width: calc(100% - 210px);
}

/* Dropdown submenu styles */
.format-menutopic .dropdown-menu .dropdown-submenu {
    display: none;
    position: absolute;
    top: 100%;
    left: 10px;
    border: 1px solid #ccc;
}

.format-menutopic .dropdown-menu:hover > .nav-item:hover > .dropdown-submenu {
    display: block;
}

/* The slide navigation is only available to wide screens */
@media (min-width: 600px) {

    .format-menutopic .sectionsnavigation-slides {
        position: relative;
    }

    .format-menutopic .single-section.sectionsnavigation-slides .nextsection a,
    .format-menutopic .single-section.sectionsnavigation-slides .prevsection a {
        display: none;
        font-size: 0;
        position: absolute;
        top: calc(50% - 40px);
        background-color: #fff;
        border-radius: 25px;
        border: 1px solid #dee2e6;
        width: 50px;
        height: 50px;
        align-items: center;
        justify-content: center;
        opacity: 0.3;
        box-shadow: 2px 2px 4px 1px #ccc;
        text-decoration: none;
    }

    .format-menutopic .single-section.sectionsnavigation-slides:hover .nextsection a,
    .format-menutopic .single-section.sectionsnavigation-slides:hover .prevsection a {
        display: flex;
    }

    .format-menutopic .single-section.sectionsnavigation-slides:hover .nextsection a {
        right: -30px;
    }

    .format-menutopic .single-section.sectionsnavigation-slides:hover .prevsection a {
        left: -20px;
    }

    .format-menutopic .single-section.sectionsnavigation-slides .nextsection span,
    .format-menutopic .single-section.sectionsnavigation-slides .prevsection span {
        font-size: 40px;
    }

    .format-menutopic .single-section.sectionsnavigation-slides .nextsection a:hover,
    .format-menutopic .single-section.sectionsnavigation-slides .prevsection a:hover {
        opacity: 1;
        cursor: pointer;
        width: auto;
        font-size: inherit;
    }

    .format-menutopic .single-section.sectionsnavigation-slides .prevsection a:hover {
        text-align: left;
        justify-content: left;
        padding-right: 10px;
    }

    .format-menutopic .single-section.sectionsnavigation-slides .nextsection a:hover {
        text-align: right;
        justify-content: right;
        padding-left: 10px;
        flex-direction: row-reverse;
    }
}
/* End of slide navigation */

/* ADDED */

/* Course header */
body.format-multitopic:not([class*=" cmid-"]) .page-header-headings {
    display: none;
}
body.format-multitopic #course-header {
    width: 100%;
}
body.format-multitopic div#course-header > div#course-header-banner {
    background-size: cover;
}
body.format-multitopic div#course-header > div#course-header-banner > div#course-header-banner-text {
    padding: 1em;
    background: rgba(255, 255, 255, 0.5);
}
body.format-multitopic div#course-header > p#course-header-banner_attribution {
    text-align: right;
    margin: 0;
    font-size: xx-small;
}

/* Tabs */
body.format-multitopic .course-content ul.nav-tabs li a div.tab_content.marker::before {
    content: "";
    border-left: solid 3px #0f6cbf;
    padding-right: 5px;
}
body.format-multitopic .course-content ul.nav-tabs li a div.tab_content.dimmed {
    color: #6a737b;
}
body.format-multitopic .course-content ul.nav-tabs li a.draggable {
    cursor: move;
}
body.format-multitopic.dragging.dir-rtl .course-content ul.nav-tabs li.drop-after {
    border-left: 1px solid #212529;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
body.format-multitopic.dragging.dir-ltr .course-content ul.nav-tabs li.drop-after {
    border-right: 1px solid #212529;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

/* Section */
body.format-multitopic ul.section-list li.section .sectionname .inplaceeditable {
    display: inline;
}
body.format-multitopic ul.section-list li.section .course-section-header .section_subtitle {
    font-size: small;
}
body.format-multitopic ul.section-list li.section .summarytext .section_image_holder {
    float: right;
    width: 240px;
    text-align: right;
    font-size: xx-small;
}
body.format-multitopic ul.section-list li.section .summarytext .section_image_holder img {
    width: 240px;
    height: 180px;
    object-fit: cover;
}

/* Section Anchor Jump Fix */
body.format-multitopic ul.section-list li.section .course-section-header .sectionname {
    scroll-margin-top: 70px;
}

/* Hide activity navigation */
body.format-multitopic.path-mod.pagelayout-incourse #page #page-content .activity-navigation {
    display: none;
}

/* Course Index */
body.format-multitopic .courseindex .courseindex-section.dropready .courseindex-item-content {
    padding-bottom: 0;
}
body.format-multitopic.editing .courseindex .courseindex-section.dropready .courseindex-item-content .courseindex-sectioncontent {
    padding-bottom: 1em;
}

/* END ADDED */

/** Styles included in topics course format */
.format-onetopic {
    --primary: var(--bs-primary, #007bff);
    --secondary: var(--bs-secondary, #6c757d);
    --white: var(--bs-white, #fff);
}

.format-onetopic ul.onetopic {
    padding: 0;
    margin-bottom: 0;
}

.format-onetopic .format_onetopic-tabs .nav-link {
    white-space: nowrap;
    width: 100%;
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    padding-right: 1.3rem;
}

.format-onetopic ul.nav-tabs.format_onetopic-tabs li.marker > a {
    font-weight: bold;
}

.format-onetopic ul.nav-tabs.format_onetopic-tabs li.dimmed > a {
    color: #999;
    opacity: 0.5;
}

.format-onetopic ul.nav-tabs li a span.iconhelp {
    cursor: pointer;
    margin-left: 5px;
    pointer-events: auto;
    position: absolute;
    right: 3px;
}

.format-onetopic ul.nav-tabs li a span.iconhelp i {
    margin: 0;
}

.format-onetopic .onetopic-tab-body {
    padding-bottom: 10px;
}

.format-onetopic #page.drawers .onetopic-withsectionbg div[role="main"],
.format-onetopic .onetopic-withsectionbg .course-section,
.format-onetopic .onetopic-withsubsectionbg .course-section {
    margin-top: 0;
    background: #fffb;
    padding: 0 0.75rem;
    border-radius: 5px;
}

.format-onetopic #page.drawers .onetopic-withsectionbg div[role="main"] {
    margin: 0 10px;
}

.format-onetopic .onetopic-withsectionbg ul.section .activity-item,
.format-onetopic .onetopic-withsectionbg .content .summarytext {
    background-color: transparent;
    padding-left: 0;
    padding-right: 0;
}

.format-onetopic .onetopic-withsubsectionbg {
    margin: 0 10px;
    padding: 10px 0;
}

.format-onetopic .onetopic-tab-body-secondrow {
    padding-top: 10px;
}

/* Its a subtabs bar */
.format-onetopic .onetopic-tab-body .format_onetopic-tabs {
    padding-top: 10px;
    padding-left: 20px;
}

/* End Its a subtabs bar */

.format-onetopic .content .summarytext .iconwithhelp {
    cursor: pointer;
}

.format-onetopic .content .summarytext .iconwithhelp .icon {
    margin: 0;
}

.format-onetopic .verticaltabs.hastopictabs {
    display: flex;
    align-items: flex-start;
}

.format-onetopic .verticaltabs > .tabs-wrapper {
    width: 250px;
    border-bottom: none;
    position: sticky;
    top: calc(var(--navbar-height, 60px) + 1px);
    z-index: 3;
}

.format-onetopic .verticaltabs > .tabs-wrapper .nav-tabs {
    display: block;
}

.format-onetopic .verticaltabs > .tabs-wrapper .nav-item {
    margin-right: -1px;
    margin-bottom: 0;
    max-width: 100%;
}

.format-onetopic .verticaltabs > .tabs-wrapper .nav-item .nav-link {
    border-radius: 0.5rem 0 0 0.5rem;
    border-right: 1px solid #dee2e6;
}

.format-onetopic .tabs-wrapper .format_onetopic-tabs .nav-link > i.icon:not(.fa-plus) {
    display: none;
}

.format-onetopic .verticaltabs .onetopic-tab-body {
    width: calc(100% - 250px);
}

.format-onetopic .verticaltabs .onetopic-tab-body .format_onetopic-tabs {
    border-top: 1px solid #dee2e6;
}

.format-onetopic .verticaltabs > .tabs-wrapper .nav-tabs .nav-link:hover,
.format-onetopic .verticaltabs > .tabs-wrapper .nav-tabs .nav-link:focus,
.format-onetopic .verticaltabs > .tabs-wrapper .nav-tabs .nav-link.active,
.format-onetopic .verticaltabs > .tabs-wrapper .nav-tabs .nav-item.show .nav-link {
    border-color: #dee2e6 #fff #dee2e6 #dee2e6;
    margin-right: -1px;
}

.format-onetopic .verticalalltabs .format_onetopic-tabs > .nav-item > .nav-link {
    background-color: var(--primary);
    color: var(--white, #fff);
    text-align: center;
    margin-bottom: 0;
}

.format-onetopic .verticalalltabs .format_onetopic-tabs > .nav-item > .nav-link.active,
.format-onetopic .verticalalltabs .format_onetopic-tabs > .nav-item > .nav-link:active,
.format-onetopic .verticalalltabs .format_onetopic-tabs > .nav-item > .nav-link:hover {
    border: 1px solid transparent;
    opacity: 0.9;
}

.format-onetopic .verticalalltabs .format_onetopic-subtabs {
    margin-left: 10px;
    margin-right: 3px;
}

.format-onetopic .verticalalltabs .format_onetopic-subtabs .subtopic {
    font-size: 100%;
}

.format-onetopic .verticalalltabs .course-section {
    margin-top: 0;
}

.format-onetopic .onetopic-subtabs_body {
    padding: 0 15px;
}

.format-onetopic .onelinetabs .tabs-wrapper {
    position: relative;
    max-width: 100%;
    height: 40px;
    margin: 0 auto;
    overflow-x: hidden;
    overflow-y: hidden;
}

.format-onetopic .onelinetabs .onetopic-tab-body {
    padding-top: 20px;
}

.format-onetopic .onelinetabs .tabs-wrapper.hasscroll {
    padding: 0 20px;
    border-bottom: 1px solid #dee2e6;
}

.format-onetopic .onelinetabs .tabs-wrapper .nav.nav-tabs {
    height: 60px;
    box-sizing: border-box;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    flex-wrap: nowrap;
}

.format-onetopic .onelinetabs .tabs-wrapper .scroll-arrow {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 20px;
    border: none;
    background-color: #fff;
}

.format-onetopic .onelinetabs .tabs-wrapper .left-arrow {
    left: 0;
    border-right: 1px solid #dee2e6;
    box-shadow: 1px 0 7px #dee2e6;
}

.format-onetopic .onelinetabs .tabs-wrapper .right-arrow {
    right: 0;
    border-left: 1px solid #dee2e6;
    box-shadow: -1px 0 7px #dee2e6;
}
.format-onetopic .nav-item .subtopic {
    font-size: 90%;
}

.format-onetopic .activityinsummarytpl,
.format-onetopic .activityinsummarytpl .activity-basis {
    display: inline;
    position: relative;
}

.format-onetopic .format_onetopic-tabs.hiddentabsbar {
    border: 1px dashed #888;
    padding: 5px 0 1px;
}

.format-onetopic .format_onetopic-tabs .haschilds a .icon.fa-chevron-down {
    font-size: 80%;
}

/* Fixing specific themes */
.format-onetopic.theme_adaptable .onelinetabs .tabs-wrapper {
    height: 50px;
}

.format-onetopic.theme_adaptable .onelinetabs .tabs-wrapper .nav.nav-tabs {
    height: 65px;
}

.format-onetopic.theme_adaptable .onelinetabs .tabs-wrapper .nav-item {
    margin-top: 0;
}

/* Moove or other fontawesome based icons */
.format-onetopic .onelinetabs .tabs-wrapper .right-arrow .fa-plus-square:before {
    content: "";
}

.format-onetopic .onelinetabs .tabs-wrapper .left-arrow .fa-plus-square:before {
    content: "";
}

/* Template styles */
.format-onetopic .onetopic .cmnameinline .activityiconcontainer {
    padding-left: 0.2rem;
    padding-right: 0;
    display: inline;
}

.format-onetopic .activityinsummarytpl .description .course-description-item {
    background-color: transparent;
}

.format-onetopic .activityinsummarytpl .description .availabilityinfo {
    display: inline-block;
    min-width: 300px;
    margin: 0;
    padding: 0;
}

.format-onetopic .activity-dates-inline {
    display: flex;
}

.format-onetopic .activity_dateinline {
    display: block;
}

.format-onetopic .modal-body .activity-info .completion-dropdown a[role="button"].btn,
.format-onetopic .modal-body .activity-info .completion-dropdown button.btn {
    color: #1d2125;
    background-color: #fff;
    border-color: #ced4da;
    min-height: 32px;
    font-weight: bold;
    border-radius: 0.5rem;
}

.format-onetopic .modal-body .activity-info .completion-dropdown a[role="button"].btn:hover,
.format-onetopic .modal-body .activity-info .completion-dropdown button.btn:hover {
    color: #fff;
    background-color: #6a737b;
    border-color: #b1bbc4;
}
/* End of template styles */

/* Completion */
.format-onetopic .onetopic .completiontag img.icon {
    margin: 0 3px 0 5px;
}
/* End of completion*/

/* Sections/activities navigation */
.format-onetopic .section-navigation .prevsection,
.format-onetopic .section-navigation .nextsection {
    display: flex;
    min-width: 100px;
}

.format-onetopic .section-navigation .nextsection {
    justify-content: right;
    margin-left: 5px;
}

.format-onetopic .section-navigation .prevsection {
    justify-content: left;
    margin-right: 5px;
}

.format-onetopic .section-navigation .prevsection a,
.format-onetopic .section-navigation .nextsection a {
    display: flex;
    align-items: center;
    line-height: 100%;
}

.format-onetopic .section-navigation .prevsection a {
    padding-right: 10px;
}

.format-onetopic .section-navigation .nextsection a {
    flex-direction: row-reverse;
    padding-left: 10px;
    text-align: right;
}

.format-onetopic .course-section .description .section_availability > .availabilityinfo {
    margin-top: 0;
    margin-bottom: 0.5rem;
}

/* The jump list if exist */
.format-onetopic .single-section .section-navigation.mdl-bottom div:nth-child(2) {
    max-width: calc(100% - 210px);
}

/* Tab styles configuration */
#onetopic-tabstyles .tabstyleset-buttons button {
    margin-bottom: 10px;
}

#onetopic-styleswindow fieldset {
    display: flex;
    flex-wrap: wrap;
}

#onetopic-styleswindow fieldset > div {
    display: flex;
    padding: 5px;
}

#onetopic-styleswindow fieldset > div > div {
    display: flex;
}

#onetopic-styleswindow fieldset > div > div button {
    margin-right: 5px;
}

#onetopic-styleswindow fieldset > div.whithlabel {
    flex-direction: column;
}

#onetopic-styleswindow fieldset > div.whithlabel label {
    color: #888;
    text-align: center;
}

#onetopic-styleswindow [data-control="colorpicker"] {
    width: 100px;
}

#onetopic-styleswindow .colorpicker {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #fffe;
    padding: 10px;
}

#onetopic-styleswindow .colorpicker #admin-colorpicker {
    flex-direction: column;
    align-items: center;
}

#onetopic-styleswindow .buttons-box {
    text-align: center;
}

#page-course-editsection.format-onetopic #onetopic-tabstyles {
    border: 1px solid #dee2e6;
    padding: 10px;
    border-radius: 5px;
}

#onetopic-styleswindow .onetopic-selecticon .listicons:not(.hidden) {
    overflow: auto;
    padding: 10px;
    position: absolute;
    left: 5px;
    right: 5px;
    bottom: 10px;
    top: 0;
    border-radius: 5px;
    background-color: #fff;
    display: flex;
    flex-wrap: wrap;
}

#onetopic-styleswindow .onetopic-selecticon .listicons .windowheader {
    width: 100%;
    background: #999;
    padding: 5px;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    cursor: pointer;
}

#onetopic-styleswindow .onetopic-selecticon .listicons span {
    cursor: pointer;
    padding: 5px;
    border: 1px solid #dee2e6;
    display: inline-block;
    margin: 1px;
    width: 30px;
    text-align: center;
}

#onetopic-styleswindow .onetopic-selecticon .listicons span:hover {
    transform: scale(2);
    border-radius: 2px;
    box-shadow: 2px 2px 4px 1px #ccc;
    background-color: #fff;
}

#onetopic-styleswindow .onetopic-selecticon .listicons span i {
    font-size: 15px;
    margin: 0;
    width: auto;
    height: auto;
}

#onetopic-styleswindow .onetopic-selecticon .iconselected {
    padding: 5px;
    border: 1px solid #333;
    border-radius: 5px;
    margin-right: 10px;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#onetopic-styleswindow .onetopic-selecticon .iconselected i {
    font-size: 20px;
    margin: 0;
    height: auto;
    width: auto;
}

.format-onetopic .format_onetopic-tabs .nav-link span.tabicon span i {
    margin: 0;
    font-size: inherit;
}

.format-onetopic .format_onetopic-tabs .nav-link:not(:hover) span.tabicon span.tabicon-hover,
.format-onetopic .format_onetopic-tabs .nav-link:hover span.tabicon span.tabicon-default,
.format-onetopic .format_onetopic-tabs .nav-link:hover span.tabicon span.tabicon-active {
    display: none;
}

.format-onetopic .format_onetopic-tabs .nav-link:hover span.tabicon span.tabicon-hover,
.format-onetopic .format_onetopic-tabs .nav-link:hover span.tabicon span.tabicon-hover {
    display: inline-block;
}

#page-course-format-onetopic-migratestyles .migrate-btnbox {
    padding: 20px 0;
}

#page-course-format-onetopic-migratestyles .migrate-btnbox a {
    margin-right: 10px;
}

/* The slide navigation is only available to wide screens */
@media (min-width: 600px) {

    .format-onetopic .sectionsnavigation-slides {
        position: relative;
    }

    .format-onetopic .single-section.sectionsnavigation-slides .nextsection a,
    .format-onetopic .single-section.sectionsnavigation-slides .prevsection a {
        display: none;
        font-size: 0;
        position: absolute;
        top: calc(50% - 40px);
        background-color: #fff;
        border-radius: 25px;
        border: 1px solid #dee2e6;
        width: 50px;
        height: 50px;
        align-items: center;
        justify-content: center;
        opacity: 0.3;
        box-shadow: 2px 2px 4px 1px #ccc;
        text-decoration: none;
    }

    .format-onetopic .single-section.sectionsnavigation-slides:hover .nextsection a,
    .format-onetopic .single-section.sectionsnavigation-slides:hover .prevsection a {
        display: flex;
    }

    .format-onetopic .single-section.sectionsnavigation-slides:hover .nextsection a {
        right: -30px;
    }

    .format-onetopic .single-section.sectionsnavigation-slides:hover .prevsection a {
        left: -20px;
    }

    .format-onetopic .single-section.sectionsnavigation-slides .nextsection span,
    .format-onetopic .single-section.sectionsnavigation-slides .prevsection span {
        font-size: 40px;
    }

    .format-onetopic .single-section.sectionsnavigation-slides .nextsection a:hover,
    .format-onetopic .single-section.sectionsnavigation-slides .prevsection a:hover {
        opacity: 1;
        cursor: pointer;
        width: auto;
        font-size: inherit;
    }

    .format-onetopic .single-section.sectionsnavigation-slides .prevsection a:hover {
        text-align: left;
        justify-content: left;
        padding-right: 10px;
    }

    .format-onetopic .single-section.sectionsnavigation-slides .nextsection a:hover {
        text-align: right;
        justify-content: right;
        padding-left: 10px;
        flex-direction: row-reverse;
    }
}

@media (min-width: 601px) {
    .format-onetopic .verticaltabs .onetopic-tab-body .format_onetopic-tabs {
        position: sticky;
        top: calc(var(--navbar-height, 60px) + 1px);
        z-index: 2;
        background-color: var(--white, #fff);
        outline: 5px solid var(--white, #fff);
    }
}

/* Responsive menu using "Radio Hack" */
.format-onetopic .tabs-menu-toggle,
.format-onetopic .tabs-menu-overlay {
    display: none;
}

@media (max-width: 600px) {
    .format-onetopic .tabs-wrapper {
        position: sticky;
        top: calc(var(--navbar-height, 60px) + 2px);
        z-index: 3;
        display: flex;
        flex-wrap: wrap;
        margin-left: -0.4rem;
        margin-right: -0.4rem;
    }

    .format-onetopic .tabs-menu-overlay {
        display: flex;
        cursor: pointer;
        margin: 0;
    }

    .format-onetopic .tabs-menu-expand {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        cursor: pointer;
        border: 1px solid #dee2e6;
        border-radius: 50% 0;
        margin-bottom: 2px;
        background-color: #f8f9fa;
        font-size: 20px;
        transition: transform 0.3s ease;
    }

    .format-onetopic .tabs-menu-expand i {
        margin: 0;
    }

    .format-onetopic .tabs-menu-expand-title {
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: bold;
        font-size: 1.1em;
        padding: 5px;
        margin: 0;
    }

    .format-onetopic .verticaltabs > .tabs-wrapper .nav-tabs,
    .format-onetopic .tabs-wrapper .nav-tabs {
        display: none;
        border-radius: 0 0 5px 5px;
    }

    .format-onetopic .tabs-menu-toggle:checked ~ .nav-tabs {
        display: flex;
        flex-direction: column;
        white-space: normal;
        overflow: auto;
        position: absolute;
        top: 45px;
        left: 0;
        right: 0;
        background-color: var(--secondary, #6c757d);
        box-shadow: 5px 5px 5px #aaa;
        padding: 0;
    }

    .format-onetopic .tabs-menu-toggle:checked ~ .tabs-menu-overlay .tabs-menu-expand {
        transform: rotate(180deg);
    }

    .format-onetopic .tabs-menu-toggle:checked ~ .nav-tabs .nav-link {
        width: 100%;
        max-width: none;
        border-radius: 0.5rem;
        margin-right: 0;
        margin-left: 0;
    }

    .format-onetopic .tabs-menu-toggle:checked ~ .nav-tabs .format_onetopic-subtabs {
        display: block;
    }

    .format-onetopic .verticaltabs {
        display: block;
    }

    .format-onetopic .verticaltabs.hastopictabs {
        display: block;
    }

    .format-onetopic .onetopic-tab-body {
        padding-top: 0;
    }

    .format-onetopic .verticaltabs .onetopic-tab-body {
        width: auto;
        padding-right: 0;
        border-top: none;
    }

    .format-onetopic .verticaltabs > .tabs-wrapper {
        width: auto;
        justify-content: center;
        display: flex;
        flex-direction: column;
    }

    .format-onetopic .verticaltabs > .tabs-wrapper .nav-tabs .nav-link {
        border: 1px solid;
        max-width: unset;
    }

    .format-onetopic .verticalalltabs .format_onetopic-subtabs {
        margin: 0;
    }

    .format-onetopic .course-content .section-navigation {
        flex-direction: column;
    }

    .format-onetopic .onetopic-tab-body .format_onetopic-tabs {
        position: sticky;
        top: calc(var(--navbar-height, 60px) + 51px);
        z-index: 2;
        background-color: var(--bglight, #e9ecef);
        padding: 5px;
        max-height: 150px;
        overflow: auto;
        margin-left: -0.4rem;
        margin-right: -0.4rem;
    }

    .format-onetopic .onetopic-tab-body .format_onetopic-tabs .nav-tabs:not(.more-nav) .nav-item {
        flex: unset;
        margin-right: 2px;
    }

    .format-onetopic .tabs-wrapper .nav-link {
        text-align: left;
        border-radius: 5px;
    }

    .format-onetopic .onetopic-tab-body .format_onetopic-tabs .nav-link {
        border: 1px solid var(--secondary, #6c757d);
        padding: 5px 10px;
        max-width: 100%;
    }

    .format-onetopic .verticaltabs > .tabs-wrapper,
    .format-onetopic .tabs-wrapper {
        padding: 5px;
        border-radius: 10px;
        background-color: var(--secondary, #6c757d);
    }
}
/* Third-level tabs: consistent with level two while visually grouped beneath it. */
.format-onetopic .onetopic-tab-body-thirdrow {
    padding-top: 10px;
    padding-bottom: 5px;
}
.format-onetopic .onetopic-tab-body-thirdrow > .course-section,
.format-onetopic .onetopic-withthirdsectionbg .course-section {
    margin-top: 0;
}
.format-onetopic .onetopic-tab-body-thirdrow > .format_onetopic-tabs {
    padding-left: 35px;
}
.format-onetopic .verticalalltabs .format_onetopic-subtabs .format_onetopic-subtabs {
    margin-left: 18px;
    padding-left: 8px;
    border-left: 2px solid var(--bs-border-color, #dee2e6);
}
.format-onetopic .onetopic-tab-body .format_onetopic-tabs .tab_level_2 a.nav-link {
    font-size: 0.95em;
}
.format-onetopic .onetopic-withthirdsectionbg .course-section {
    background: #fffb;
    padding: 0 0.75rem;
    border-radius: 5px;
}

#format_popups_activity_content iframe {
    width: 100%;
}
#format_popups_activity_content .navbottom,
#format_popups_activity_content .navtop {
    text-align: right;
}
#format_popups_activity_content .activity-navigation .urlselect {
    display: none;
}

#format_popups_activity_content #mod_book-chaptersnavigation {
    top: 80px;
    width: inherit;
    margin: 0 -35px;
    position: sticky; /* Make navigation sticky. */
}

#format_popups_activity_content #mod_book-chaptersnavigation .tertiary-navigation .navitem {
    margin-bottom: -52px;
}

#format_popups_activity_content .book_content {
    margin: 0 5px;
    padding-right: 15px;
    padding-left: 15px;
    position: relative; /* Chapter navigation should not float on top of content. */
}

#format_popups_activity_content .btn-previous,
#format_popups_activity_content .btn-next {
    background: #dee2e6;
    box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 0.075);
    padding: 13px 10px;
}

#format_popups_activity_content .btn-previous {
    border-radius: 200px 0 0 200px;
}

#format_popups_activity_content .btn-next {
    border-radius: 0 200px 200px 0;
}

#format_popups_activity_content.dir-rtl .btn-previous .icon,
#format_popups_activity_content.dir-rtl .btn-next .icon {
    transform: scale(-1, -1); /* Flip the icons in RTL languages */
}

#format_popups_activity_content .btn-previous .icon,
#format_popups_activity_content .btn-next .icon {
    font-size: 24px;
    width: auto;
    height: auto;
    margin: auto;
}

@media (max-width: 768px) {
    #format_popups_activity_content #mod_book-chaptersnavigation {
        top: calc(100% - 250px);
        margin: 0 -5rem;
        z-index: 1;
    }

    #format_popups_activity_content .btn-previous,
    #format_popups_activity_content .btn-next {
        opacity: 0.85;
        border-radius: 25px;
        padding: 10px;
        width: 45px;
        height: 45px;
    }

    #format_popups_activity_content .book_content {
        margin-left: -5px;
        margin-right: -5px;
    }
}

body#page-course-view-remuiformat {
  /* hide borders from region main */
  /* Boost 3.4 */
  /* Boost 3.5 */
  /* Boost 3.6 */
  /* Fordson 3.7 */
  /* RemUI 3.4, 3.5, 3.6 */
  /* Hover effect only if Section is available. */
}

body#page-course-view-remuiformat .p-24 {
  padding: 24px;
}

body#page-course-view-remuiformat .gap-16 {
  gap: 16px;
}

body#page-course-view-remuiformat .fullwidth-grid-item {
  grid-column: 1/-1;
}

body#page-course-view-remuiformat .flex-gap-8 {
  gap: 8px;
}

body#page-course-view-remuiformat .flex-gap-16 {
  gap: 16px;
}

body#page-course-view-remuiformat.editing .remui-format-card .yui3-dd-proxy .section .toggle-icon {
  border: 0;
  background: transparent;
}

body#page-course-view-remuiformat.editing .remui-format-card.all-section-format .section .single-card {
  padding: 24px;
}

body#page-course-view-remuiformat.editing .remui-format-card.single-section-format .activity-cards .actions {
  top: 1rem;
  right: 0.5rem;
  z-index: 10;
}

body#page-course-view-remuiformat.editing .remui-format-card.single-section-format .activity-cards .wdm-mod-name {
  padding-right: 5rem;
  margin-bottom: 1.5rem !important;
}

body#page-course-view-remuiformat.editing .remui-format-card.single-section-format .activity.label {
  grid-column: 1/-1;
}

body#page-course-view-remuiformat.editing .remui-format-card.single-section-format .activity .title {
  margin-bottom: 30px;
}

body#page-course-view-remuiformat.editing .remui-format-card .dark .action-menu-trigger .btn.btn-icon:hover,
body#page-course-view-remuiformat.editing .remui-format-card .dark .action-menu-trigger .btn.btn-icon:focus {
  background-color: transparent;
  box-shadow: none;
}

body#page-course-view-remuiformat.editing .remui-format-card .dark .action-menu-trigger .text-muted .fa-cog, body#page-course-view-remuiformat.editing .remui-format-card .dark .action-menu-trigger .dropdown-toggle .icon {
  color: #fff;
}

body#page-course-view-remuiformat.editing .remui-format-card .dark .text-muted .fa-cog {
  color: #fff;
}

body#page-course-view-remuiformat .sections .single-card-container {
  margin-bottom: 28px;
}

@media (max-width: 1400px) {
  body#page-course-view-remuiformat.site-menubar-unfold.path-course.editing .remui-format-card .single-card-container, body#page-course-view-remuiformat.site-menubar-unfold.path-course.pinaside .remui-format-card .single-card-container {
    min-width: 50% !important;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  body#page-course-view-remuiformat.drawer-open-left #region-main.has-blocks .remui-card-format .general-section-activities li {
    min-width: 50% !important;
  }
  body#page-course-view-remuiformat.drawer-open-left #region-main.has-blocks .remui-card-format .single-card-container {
    min-width: 50% !important;
  }
  body#page-course-view-remuiformat.drawer-open-left #region-main.has-blocks .remui-card-format .generaldetails {
    min-width: 100% !important;
    order: 12;
  }
  body#page-course-view-remuiformat.drawer-open-left #region-main.has-blocks .remui-card-format .coursedetails {
    min-width: 100% !important;
    order: 1;
  }
}

@media (max-width: 1200px) {
  body#page-course-view-remuiformat.site-menubar-unfold.editing .remui-format-card .general-section-activities li, body#page-course-view-remuiformat.site-menubar-unfold.pinaside .remui-format-card .general-section-activities li {
    min-width: 50% !important;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  body#page-course-view-remuiformat.drawer-open-left .remui-card-format .general-section-activities li,
  body#page-course-view-remuiformat.drawer-open-left .remui-card-format .single-card-container {
    min-width: 50% !important;
  }
  body#page-course-view-remuiformat.site-menubar-unfold.path-course.pinaside .remui-card-format .generaldetails {
    order: 12;
    min-width: 100%;
  }
  body#page-course-view-remuiformat.site-menubar-unfold.path-course.pinaside .remui-card-format .coursedetails {
    order: 1;
    min-width: 100%;
    padding-bottom: 15px;
  }
  body#page-course-view-remuiformat.site-menubar-unfold.path-course.pinaside .remui-card-format .coursemainimagediv {
    display: none !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  body#page-course-view-remuiformat.drawer-open-left .single-card-container {
    min-width: 100% !important;
  }
}

@media (max-width: 768px) {
  body#page-course-view-remuiformat.path-course.site-menubar-unfold .remui-card-format .generaldetails,
  body#page-course-view-remuiformat.path-course.site-menubar-unfold .remui-card-format .coursedetails {
    min-width: 100% !important;
  }
}

body#page-course-view-remuiformat .remui-format-card .remui-completion-container .completion-dropdown .completion-dialog {
  font-size: 14px !important;
}

body#page-course-view-remuiformat .remui-format-card .remui-completion-container .completion-dropdown .completion-dialog [role='listitem'] span {
  font-size: 14px !important;
}

body#page-course-view-remuiformat .remui-format-card .availabilityinfo.isrestricted {
  margin: 0px;
  margin-top: 16px;
  padding: 8px;
  border-radius: 8px;
  background-color: #EBF0F9;
  font-size: 12px;
  line-height: normal;
  font-weight: 400;
}

body#page-course-view-remuiformat .remui-format-card .availabilityinfo.isrestricted ul {
  padding-left: 1rem;
}

body#page-course-view-remuiformat .remui-format-card .availabilityinfo.isrestricted ul li {
  margin-top: 4px;
}

body#page-course-view-remuiformat .remui-format-card .availabilityinfo.isrestricted strong {
  font-size: 12px;
  line-height: 15px;
  font-weight: 600;
}

body#page-course-view-remuiformat .remui-format-card .availabilityinfo.isrestricted strong a {
  font-size: 12px;
  line-height: normal;
  font-weight: 400;
}

body#page-course-view-remuiformat .remui-format-card.all-section-format .sections:not(.generalsection-container.sections) {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 24px;
}

@media (min-width: 1440px) {
  body#page-course-view-remuiformat .remui-format-card.all-section-format .sections:not(.generalsection-container.sections) {
    grid-template-columns: repeat(auto-fill, minmax(302px, 302px));
  }
}

body#page-course-view-remuiformat .remui-format-card.all-section-format .sections:not(.generalsection-container.sections) .section:not(#section-0) {
  border: unset;
  border-radius: 8px;
  padding: 0px;
}

body#page-course-view-remuiformat .remui-format-card.all-section-format .sections:not(.generalsection-container.sections) .section:not(#section-0):hover {
  box-shadow: 0px 13px 37px rgba(92, 107, 121, 0.1);
}

body#page-course-view-remuiformat .remui-format-card.all-section-format .sections:not(.generalsection-container.sections) .section:not(#section-0) .content .yui3-dd-drop {
  display: none;
}

@media (max-width: 1200px) {
  body#page-course-view-remuiformat .remui-format-card.all-section-format .single-card-container {
    min-width: 50% !important;
  }
}

@media (min-width: 768px) {
  body#page-course-view-remuiformat .remui-format-card.all-section-format .general-section-activities .activity > div {
    width: 100%;
  }
}

body#page-course-view-remuiformat .remui-format-card.all-section-format #changenumsections.section {
  flex: unset !important;
  padding: unset !important;
  min-height: 340px;
  max-width: unset !important;
}

body#page-course-view-remuiformat .remui-format-card.all-section-format .section .sectionbadges [data-type="highlighted"] {
  display: none;
}

body#page-course-view-remuiformat .remui-format-card.all-section-format .section .highlight {
  position: absolute;
  top: -1px;
  right: 16px;
  width: 0;
  height: 0;
  border-left: 18px solid;
  border-right: 18px solid;
  border-top: 26px solid;
  border-bottom: 16px solid;
  border-bottom-color: transparent;
}

body#page-course-view-remuiformat .remui-format-card.all-section-format .section .right.side {
  display: flex;
  margin-left: auto;
  margin: 0px;
}

body#page-course-view-remuiformat .remui-format-card.all-section-format .section .right.side .icon.spacer {
  display: none;
}

body#page-course-view-remuiformat .remui-format-card.all-section-format .section .sectionname,
body#page-course-view-remuiformat .remui-format-card.all-section-format .section .sectionname a {
  color: #313848;
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
}

body#page-course-view-remuiformat .remui-format-card.all-section-format .section .single-card {
  background-color: #fff;
  border: 1px solid #EBF0F9;
  border-radius: inherit;
  padding: 24px;
  gap: 16px;
}

body#page-course-view-remuiformat .remui-format-card.all-section-format .section .single-card .content {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

body#page-course-view-remuiformat .remui-format-card.all-section-format .section .single-card .content .section-activities-summary .item {
  font-size: 0.8rem;
}

body#page-course-view-remuiformat .remui-format-card.all-section-format .section .single-card {
  min-height: 120px;
  height: 100%;
  width: 100%;
}

body#page-course-view-remuiformat .remui-format-card.all-section-format .section .single-card.dark .left.side,
body#page-course-view-remuiformat .remui-format-card.all-section-format .section .single-card.dark .sectionname,
body#page-course-view-remuiformat .remui-format-card.all-section-format .section .single-card.dark .sectionname *,
body#page-course-view-remuiformat .remui-format-card.all-section-format .section .single-card.dark .wdm-section-summary *,
body#page-course-view-remuiformat .remui-format-card.all-section-format .section .single-card.dark .section-activities-summary {
  color: #fff !important;
}

body#page-course-view-remuiformat .remui-format-card.all-section-format .section .single-card.dark .sectionname .ignoredirty, body#page-course-view-remuiformat .remui-format-card.all-section-format .section .single-card.dark .sectionname .ignoredirty.form-control, body#page-course-view-remuiformat .remui-format-card.all-section-format .section .single-card.dark .sectionname .editinstructions {
  color: #313848 !important;
}

body#page-course-view-remuiformat .remui-format-card.all-section-format .section .single-card.dark .sectionname .badge {
  color: #313848;
}

body#page-course-view-remuiformat .remui-format-card.all-section-format .section .single-card.dark .sectionname .badge-primary {
  color: white;
}

body#page-course-view-remuiformat .remui-format-card.all-section-format .section .single-card.dark .left.side .section-handle .icon {
  color: #fff;
}

body#page-course-view-remuiformat .remui-format-card.all-section-format .section .single-card.dark .progress-bar-warpper .progress-text {
  color: #fff;
}

body#page-course-view-remuiformat .remui-format-card.all-section-format .section .single-card.dark .right.side .wdm-add-new-section {
  color: #fff;
}

body#page-course-view-remuiformat .remui-format-card.all-section-format .section .single-card:hover .progress-text {
  visibility: visible;
}

body#page-course-view-remuiformat .remui-format-card.all-section-format .section .section-header {
  gap: 16px;
}

body#page-course-view-remuiformat .remui-format-card.all-section-format .section .section-header a {
  text-decoration: none;
}

body#page-course-view-remuiformat .remui-format-card.all-section-format .section .section-action-container {
  justify-content: flex-end;
  flex-wrap: wrap;
}

body#page-course-view-remuiformat .remui-format-card.all-section-format .section .section-action-container .progress-text {
  align-self: center;
  color: #4C5A73;
  font-size: 12px;
  line-height: 15px;
  font-weight: 600;
}

@media (min-width: 480px) and (max-width: 767px) {
  body#page-course-view-remuiformat .remui-format-card.all-section-format .section .section-action-container .progress-text {
    padding: 5px 0 0 13px !important;
  }
}

body#page-course-view-remuiformat .remui-format-card.all-section-format .section .section-activities-summary {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  width: 100%;
  color: #4C5A73;
  font-size: 14px;
  line-height: 22px;
  font-weight: 600;
}

body#page-course-view-remuiformat .remui-format-card.all-section-format .section .section-activities-summary .item {
  float: left;
  text-decoration: none;
  font-size: 0.9rem;
}

body#page-course-view-remuiformat .remui-format-card.all-section-format .section .wdm-section-summary .no-overflow {
  margin: 0;
  width: 100%;
  color: #4C5A73;
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
}

body#page-course-view-remuiformat .remui-format-card.all-section-format .section .wdm-section-summary .no-overflow p {
  margin: 0px;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .section.main {
  background: transparent;
  border: 0;
  box-shadow: none;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .sections {
  width: 100%;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .sections .section {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .sections .section .section-details {
  padding-bottom: 20px;
  border-bottom: 1px solid #D5DDEA;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .sections .section .section-details div.no-overflow {
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
  color: #4C5A73;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .sections .section .section-details div.no-overflow img {
  border-radius: 8px;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .sections .section .section-details .general-single-card {
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

@media (max-width: 768px) {
  body#page-course-view-remuiformat .remui-format-card.single-section-format .sections .section .section-details .general-single-card {
    flex-direction: column;
    gap: 32px;
  }
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .sections .section .section-details .general-single-card .header-progresbar-wrapper {
  gap: 16px;
  flex-direction: column;
}

@media (max-width: 900px) {
  body#page-course-view-remuiformat .remui-format-card.single-section-format .sections .section .section-details .general-single-card .header-progresbar-wrapper {
    gap: 24px;
  }
}

@media (max-width: 768px) {
  body#page-course-view-remuiformat .remui-format-card.single-section-format .sections .section .section-details .general-single-card .header-progresbar-wrapper {
    gap: 16px;
  }
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .sections .section .section-details .general-single-card .header-progresbar-wrapper .section-title {
  gap: 8px;
  color: #313848;
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
}

@media (max-width: 568px) {
  body#page-course-view-remuiformat .remui-format-card.single-section-format .sections .section .section-details .general-single-card .header-progresbar-wrapper .progress-bar-warpper {
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
  }
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .sections .section .section-details .general-single-card .header-progresbar-wrapper .progress-bar-warpper .progress {
  width: 230px;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .sections .section.hide {
  display: none !important;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 24px;
  padding: 0 !important;
  width: 100%;
  margin: 0;
  position: relative;
}

@media (min-width: 1200px) {
  body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards,
  body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section {
    grid-template-columns: repeat(auto-fill, minmax(302px, 1fr));
  }
}

@media (max-width: 425px) {
  body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards,
  body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section {
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  }
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .activity {
  padding: 8px;
  display: flex;
  transition: all 0.5s ease;
  padding: 0px;
  margin-top: 0;
  border-top: none;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity:hover,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .activity:hover {
  box-shadow: 0px 13px 37px rgba(92, 107, 121, 0.1);
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity .activitytitle,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .activity .activitytitle {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 26px !important;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity .activitytitle .media-body .text-font-small.small,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .activity .activitytitle .media-body .text-font-small.small {
  color: #4C5A73;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  display: none;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity .cm_action_menu,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .activity .cm_action_menu {
  position: relative !important;
  top: 0 !important;
  right: 0 !important;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity .autocompletion img,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .activity .autocompletion img {
  width: 18px;
  height: 18px;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity:hover,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .activity:hover {
  background: transparent !important;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity .single-card,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .activity .single-card {
  min-height: 152px;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity .single-card .single-card-child-wrapper,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .activity .single-card .single-card-child-wrapper {
  height: 100%;
  justify-content: space-between;
  gap: 12px;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity.modtype_label .single-card,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .activity.modtype_label .single-card {
  min-height: unset;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity .editing_move,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .activity .editing_move {
  position: relative;
  width: -webkit-fit-content;
  width: fit-content;
  top: -15px;
  left: -15px;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity > div,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .activity > div {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
  border-radius: 8px;
  background-color: white;
  border: 1px solid #EBF0F9;
  position: relative;
  padding: 24px;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity .activity-content,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .activity .activity-content {
  width: 100%;
  overflow: auto;
  color: #4C5A73;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity .activity-content .contentwithoutlink,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .activity .activity-content .contentwithoutlink {
  padding: 0;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity .completion-container,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .activity .completion-container {
  margin: 0px !important;
  padding: 0px !important;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity .completion-container .automatic-completion-conditions,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .activity .completion-container .automatic-completion-conditions {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity .completion-container .automatic-completion-conditions .badge,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .activity .completion-container .automatic-completion-conditions .badge {
  width: -webkit-fit-content;
  width: fit-content;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity .wdm-mod-name,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .activity .wdm-mod-name {
  margin-bottom: 0.5rem;
  font-weight: 600;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity .title.nosummary > a,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity .title.nosummary div,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .activity .title.nosummary > a,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .activity .title.nosummary div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 16px;
  text-decoration: none;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity .title.nosummary > a .media-body,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity .title.nosummary div .media-body,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .activity .title.nosummary > a .media-body,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .activity .title.nosummary div .media-body {
  gap: 4px;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity .title .inplaceeditable,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .activity .title .inplaceeditable {
  display: block;
  width: 100%;
  text-align: start;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity .title .inplaceeditable .activityicon,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .activity .title .inplaceeditable .activityicon {
  display: block;
  margin: 20px auto;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity .toggle-row-column,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .activity .toggle-row-column {
  padding: 6px 5px;
  width: 33px;
  border: 1px solid #e4eaec;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity .toggle-row-column img.icon,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .activity .toggle-row-column img.icon {
  margin: 0;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity.col-activity .toggle-row-column .type-col,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .activity.col-activity .toggle-row-column .type-col {
  display: none;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity.row-activity .toggle-row-column .type-row,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .activity.row-activity .toggle-row-column .type-row {
  display: none;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity .completion-container.manual-completion,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .activity .completion-container.manual-completion {
  width: 100%;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity .completion-container.manual-completion .completion-info .btn, body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity .completion-container.manual-completion [data-region="completion-info"] .btn,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .activity .completion-container.manual-completion .completion-info .btn,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .activity .completion-container.manual-completion [data-region="completion-info"] .btn {
  width: 100%;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity .completion-container.manual-completion .filler,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .activity .completion-container.manual-completion .filler {
  display: none;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity .moodle-actionmenu .dropdown-menu-right .editing_moveright,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity .moodle-actionmenu .dropdown-menu-right .editing_moveleft,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .activity .moodle-actionmenu .dropdown-menu-right .editing_moveright,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .activity .moodle-actionmenu .dropdown-menu-right .editing_moveleft {
  display: none;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity.modtype_label,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .activity.modtype_label {
  grid-column: 1/-1 !important;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity.modtype_label .single-card,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .activity.modtype_label .single-card {
  background-color: transparent;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity.modtype_label .single-card .toggle-row-column,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .activity.modtype_label .single-card .toggle-row-column {
  display: none;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity.modtype_label .single-card .completion-info,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity.modtype_label .single-card [data-region="completion-info"],
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .activity.modtype_label .single-card .completion-info,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .activity.modtype_label .single-card [data-region="completion-info"] {
  display: flex;
  justify-content: flex-end;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity.modtype_label .single-card .completion-info .btn,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity.modtype_label .single-card [data-region="completion-info"] .btn,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .activity.modtype_label .single-card .completion-info .btn,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .activity.modtype_label .single-card [data-region="completion-info"] .btn {
  width: -webkit-fit-content;
  width: fit-content;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .section .sectionbadges [data-type="highlighted"],
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .section .sectionbadges [data-type="highlighted"] {
  display: none;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .section .highlight,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .section .highlight {
  position: absolute;
  top: -1px;
  right: 16px;
  width: 0;
  height: 0;
  border-left: 18px solid;
  border-right: 18px solid;
  border-top: 26px solid;
  border-bottom: 16px solid;
  border-bottom-color: transparent;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .section .right.side,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .section .right.side {
  display: flex;
  margin-left: auto;
  margin: 0px;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .section .right.side .icon.spacer,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .section .right.side .icon.spacer {
  display: none;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .section .sectionname,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .section .sectionname a,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .section .sectionname,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .section .sectionname a {
  color: #313848;
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .section .single-card,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .section .single-card {
  background-color: #fff;
  border: 1px solid #EBF0F9;
  border-radius: inherit;
  padding: 24px;
  gap: 16px;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .section .single-card .content,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .section .single-card .content {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .section .single-card .content .section-activities-summary .item,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .section .single-card .content .section-activities-summary .item {
  font-size: 0.8rem;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .section .single-card,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .section .single-card {
  min-height: 120px;
  height: 100%;
  width: 100%;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .section .single-card.dark .left.side,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .section .single-card.dark .sectionname,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .section .single-card.dark .sectionname *,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .section .single-card.dark .wdm-section-summary *,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .section .single-card.dark .section-activities-summary,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .section .single-card.dark .left.side,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .section .single-card.dark .sectionname,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .section .single-card.dark .sectionname *,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .section .single-card.dark .wdm-section-summary *,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .section .single-card.dark .section-activities-summary {
  color: #fff !important;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .section .single-card.dark .sectionname .ignoredirty, body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .section .single-card.dark .sectionname .ignoredirty.form-control, body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .section .single-card.dark .sectionname .editinstructions,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .section .single-card.dark .sectionname .ignoredirty,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .section .single-card.dark .sectionname .ignoredirty.form-control,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .section .single-card.dark .sectionname .editinstructions {
  color: #313848 !important;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .section .single-card.dark .sectionname .badge,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .section .single-card.dark .sectionname .badge {
  color: #313848;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .section .single-card.dark .sectionname .badge-primary,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .section .single-card.dark .sectionname .badge-primary {
  color: white;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .section .single-card.dark .left.side .section-handle .icon,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .section .single-card.dark .left.side .section-handle .icon {
  color: #fff;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .section .single-card.dark .progress-bar-warpper .progress-text,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .section .single-card.dark .progress-bar-warpper .progress-text {
  color: #fff;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .section .single-card.dark .right.side .wdm-add-new-section,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .section .single-card.dark .right.side .wdm-add-new-section {
  color: #fff;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .section .single-card:hover .progress-text,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .section .single-card:hover .progress-text {
  visibility: visible;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .section .section-header,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .section .section-header {
  gap: 16px;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .section .section-header a,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .section .section-header a {
  text-decoration: none;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .section .section-action-container,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .section .section-action-container {
  justify-content: flex-end;
  flex-wrap: wrap;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .section .section-action-container .progress-text,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .section .section-action-container .progress-text {
  align-self: center;
  color: #4C5A73;
  font-size: 12px;
  line-height: 15px;
  font-weight: 600;
}

@media (min-width: 480px) and (max-width: 767px) {
  body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .section .section-action-container .progress-text,
  body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .section .section-action-container .progress-text {
    padding: 5px 0 0 13px !important;
  }
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .section .section-activities-summary,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .section .section-activities-summary {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  width: 100%;
  color: #4C5A73;
  font-size: 14px;
  line-height: 22px;
  font-weight: 600;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .section .section-activities-summary .item,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .section .section-activities-summary .item {
  float: left;
  text-decoration: none;
  font-size: 0.9rem;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .section .wdm-section-summary .no-overflow,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .section .wdm-section-summary .no-overflow {
  margin: 0;
  width: 100%;
  color: #4C5A73;
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .section .wdm-section-summary .no-overflow p,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .section .wdm-section-summary .no-overflow p {
  margin: 0px;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .section,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .section {
  background-color: #fff;
  border-radius: 8px;
  border-color: #EBF0F9;
  border-width: 1px;
  border-style: solid;
}

body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .section .single-card,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .section .single-card {
  border: unset;
}

body#page-course-view-remuiformat .remui-format-card .contentwithoutlink {
  padding: 0;
}

body#page-course-view-remuiformat .remui-format-card .single-card a:hover {
  text-decoration: none;
}

body#page-course-view-remuiformat .remui-format-card .generalsecactivitiescontent .action-availstatus-wrapper .actions .remui-completion-container:has(.btn-secondary):not(:has(.completion-dropdown)) {
  width: 100%;
}

body#page-course-view-remuiformat .remui-format-card .generalsecactivitiescontent .action-availstatus-wrapper .actions .remui-completion-container:has(.btn-secondary):not(:has(.completion-dropdown)) .btn-secondary {
  width: 100%;
}

body#page-course-view-remuiformat:not(.limitedwidth) .remui-format-card.all-section-format .showhideactivity .general-section-activities li:nth-child(n+5) {
  display: none !important;
}

@media only screen and (max-width: 1439px) {
  body#page-course-view-remuiformat:not(.limitedwidth) .remui-format-card.all-section-format .showhideactivity .general-section-activities li:nth-child(n+5) {
    display: none !important;
  }
}

@media only screen and (max-width: 1199px) {
  body#page-course-view-remuiformat:not(.limitedwidth) .remui-format-card.all-section-format .showhideactivity .general-section-activities li:nth-child(n+4) {
    display: none !important;
  }
}

@media (min-width: 1440px) {
  body#page-course-view-remuiformat.limitedwidth .remui-format-card.all-section-format .sections {
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)) !important;
  }
}

@media (min-width: 1440px) {
  body#page-course-view-remuiformat.limitedwidth .remui-format-card.all-section-format .general-section-activities {
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)) !important;
  }
}

body#page-course-view-remuiformat.limitedwidth .remui-format-card.all-section-format .showhideactivity .general-section-activities li:nth-child(n+4) {
  display: none !important;
}

body#page-course-view-remuiformat.limitedwidth .activity-cards,
body#page-course-view-remuiformat.limitedwidth .activity-cards.section {
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)) !important;
}

@media only screen and (max-width: 1023px) {
  body#page-course-view-remuiformat .remui-format-card.all-section-format .showhideactivity .general-section-activities li:nth-child(n+3) {
    display: none !important;
  }
}

@media only screen and (max-width: 767px) {
  body#page-course-view-remuiformat .remui-format-card.all-section-format .showhideactivity .general-section-activities li:nth-child(n+3) {
    display: none !important;
  }
}

@media only screen and (max-width: 550px) {
  body#page-course-view-remuiformat .remui-format-card.all-section-format .showhideactivity .general-section-activities li:nth-child(n+2) {
    display: none !important;
  }
}

body#page-course-view-remuiformat .frmt-pt-50 {
  padding-top: 50%;
}

body#page-course-view-remuiformat .section.main:not(.course-section) .activity .availabilityinfo,
body#page-course-view-remuiformat .section.main:not(.course-section) .activity .contentafterlink {
  margin-top: 0px;
  margin-left: 0px;
}

body#page-course-view-remuiformat.editing .remui-format-list .summary {
  padding-top: 8px;
}

body#page-course-view-remuiformat.editing .remui-format-list .sections .section .side {
  margin: 0;
}

body#page-course-view-remuiformat.editing .remui-format-list .sections .section .side.left {
  align-items: center;
}

@media (max-width: 1200px) {
  body#page-course-view-remuiformat.editing .remui-format-list .sections .section .side.left {
    flex-direction: column;
    align-items: start;
  }
}

body#page-course-view-remuiformat.editing .remui-format-list .sections .section .side.left .section-handle {
  position: absolute;
  top: 5px;
  left: 5px;
}

body#page-course-view-remuiformat.editing .remui-format-list .sections .section .side.right {
  gap: 8px;
  justify-content: space-between;
}

@media (max-width: 900px) {
  body#page-course-view-remuiformat.editing .remui-format-list .sections .section .side.right {
    width: 100%;
  }
}

body#page-course-view-remuiformat.editing .remui-format-list .sections .section .sectionname {
  display: flex;
  align-items: center;
}

body#page-course-view-remuiformat.editing .remui-format-list .sections .section .card-title .fa-angle-up,
body#page-course-view-remuiformat.editing .remui-format-list .sections .section .card-title .fa-angle-down {
  margin-right: 2%;
}

body#page-course-view-remuiformat.editing .remui-format-list .sections .section .card-title .fa-angle-up:hover,
body#page-course-view-remuiformat.editing .remui-format-list .sections .section .card-title .fa-angle-down:hover {
  cursor: pointer;
}

body#page-course-view-remuiformat.editing .remui-format-list .sections #changenumsections {
  width: 100%;
}

body#page-course-view-remuiformat.editing .remui-format-list .section_availability .section_availability,
body#page-course-view-remuiformat.editing .remui-format-list .section_availability.course-description-item {
  padding: 0px 24px 24px 24px;
}

body#page-course-view-remuiformat .modtype_label {
  box-shadow: unset !important;
  background-color: unset;
  border: 0px !important;
}

body#page-course-view-remuiformat .modtype_label .single-card {
  border: 0 !important;
}

body#page-course-view-remuiformat .modtype_label .contentwithoutlink {
  max-height: 100%;
  padding: 0px;
}

body#page-course-view-remuiformat .modtype_label .activity-badges .badge {
  white-space: nowrap !important;
}

body#page-course-view-remuiformat:not(.editing) .remui-format-list .sections .section .side.left {
  align-items: center;
  gap: 4px;
}

@media (max-width: 900px) {
  body#page-course-view-remuiformat:not(.editing) .remui-format-list .sections .section .side.left {
    flex-direction: column;
    align-items: flex-start;
  }
}

body#page-course-view-remuiformat:not(.editing) .remui-format-list .sections .section .side.right {
  margin-top: 0;
  gap: 24px;
}

@media (max-width: 900px) {
  body#page-course-view-remuiformat:not(.editing) .remui-format-list .sections .section .side.right {
    width: 100%;
  }
}

body#page-course-view-remuiformat:not(.editing) .remui-format-list .sections .section .sectionname .panel-title .erf-float-right {
  padding-right: 10px;
}

body#page-course-view-remuiformat:not(.editing) .remui-format-list .sections .section .availability-summary-wrapper:not(:has(:first-child)) {
  display: none;
}

body#page-course-view-remuiformat:not(.editing) .remui-format-list .sections .section .availability-summary-wrapper:has(:nth-child(2)) .summary {
  margin-top: 16px;
}

body#page-course-view-remuiformat:not(.editing) .remui-format-list.one-section-format .sections .section .sectionname .panel-title .erf-float-right {
  padding-right: 0;
}

body#page-course-view-remuiformat .remui-format-list .availabilityinfo.isrestricted,
body#page-course-view-remuiformat .list-view-general-activities .availabilityinfo.isrestricted {
  margin: 0px;
  margin-top: 16px;
  padding: 8px;
  border-radius: 8px;
  background-color: #EBF0F9;
  text-align: left;
  font-size: 12px;
  line-height: normal;
  font-weight: 400;
}

body#page-course-view-remuiformat .remui-format-list .availabilityinfo.isrestricted .description-inner ul,
body#page-course-view-remuiformat .remui-format-list .availabilityinfo.isrestricted .expanded-content ul,
body#page-course-view-remuiformat .list-view-general-activities .availabilityinfo.isrestricted .description-inner ul,
body#page-course-view-remuiformat .list-view-general-activities .availabilityinfo.isrestricted .expanded-content ul {
  padding-left: 1rem;
}

body#page-course-view-remuiformat .remui-format-list .availabilityinfo.isrestricted .description-inner ul li,
body#page-course-view-remuiformat .remui-format-list .availabilityinfo.isrestricted .expanded-content ul li,
body#page-course-view-remuiformat .list-view-general-activities .availabilityinfo.isrestricted .description-inner ul li,
body#page-course-view-remuiformat .list-view-general-activities .availabilityinfo.isrestricted .expanded-content ul li {
  margin-top: 4px;
  margin-bottom: unset !important;
}

body#page-course-view-remuiformat .remui-format-list .availabilityinfo.isrestricted strong,
body#page-course-view-remuiformat .list-view-general-activities .availabilityinfo.isrestricted strong {
  font-size: 12px;
  line-height: 15px;
  font-weight: 600;
}

body#page-course-view-remuiformat .remui-format-list .availabilityinfo.isrestricted strong a,
body#page-course-view-remuiformat .list-view-general-activities .availabilityinfo.isrestricted strong a {
  font-size: 12px;
  line-height: normal;
  font-weight: 400;
}

body#page-course-view-remuiformat .remui-format-list .summary, body#page-course-view-remuiformat .remui-format-list .course-section-summary-wrapper,
body#page-course-view-remuiformat .list-view-general-activities .summary,
body#page-course-view-remuiformat .list-view-general-activities .course-section-summary-wrapper {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #4C5A73;
  gap: 16px;
}

body#page-course-view-remuiformat .remui-format-list .summary .no-overflow p, body#page-course-view-remuiformat .remui-format-list .course-section-summary-wrapper .no-overflow p,
body#page-course-view-remuiformat .list-view-general-activities .summary .no-overflow p,
body#page-course-view-remuiformat .list-view-general-activities .course-section-summary-wrapper .no-overflow p {
  margin: 0;
}

body#page-course-view-remuiformat .remui-format-list .sections,
body#page-course-view-remuiformat .list-view-general-activities .sections {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

body#page-course-view-remuiformat .remui-format-list .sections .section,
body#page-course-view-remuiformat .list-view-general-activities .sections .section {
  width: 100%;
}

@media (max-width: 568px) {
  body#page-course-view-remuiformat .remui-format-list .sections .section .side.left,
  body#page-course-view-remuiformat .list-view-general-activities .sections .section .side.left {
    gap: 24px;
  }
}

body#page-course-view-remuiformat .remui-format-list .sections .section:not(#section-0),
body#page-course-view-remuiformat .list-view-general-activities .sections .section:not(#section-0) {
  background: #fff;
  border-radius: 8px;
  border: 1px solid #EBF0F9;
}

body#page-course-view-remuiformat .remui-format-list .sections .section.collapsed .summary.card-text,
body#page-course-view-remuiformat .list-view-general-activities .sections .section.collapsed .summary.card-text {
  display: none;
}

body#page-course-view-remuiformat .remui-format-list .sections .section.collapsed .section_availability,
body#page-course-view-remuiformat .list-view-general-activities .sections .section.collapsed .section_availability {
  display: none;
}

body#page-course-view-remuiformat .remui-format-list .sections .section .content .panel-title,
body#page-course-view-remuiformat .remui-format-list .sections .section .content h3 a,
body#page-course-view-remuiformat .list-view-general-activities .sections .section .content .panel-title,
body#page-course-view-remuiformat .list-view-general-activities .sections .section .content h3 a {
  margin: 0px;
  color: #313848;
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
}

body#page-course-view-remuiformat .remui-format-list .sections .section .content .course-section-summary-wrapper,
body#page-course-view-remuiformat .list-view-general-activities .sections .section .content .course-section-summary-wrapper {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 24px;
}

body#page-course-view-remuiformat .remui-format-list .sections .section .content .course-section-summary-wrapper .no-overflow,
body#page-course-view-remuiformat .list-view-general-activities .sections .section .content .course-section-summary-wrapper .no-overflow {
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
  color: #4C5A73;
}

body#page-course-view-remuiformat .remui-format-list .sections .section .course-section-header,
body#page-course-view-remuiformat .list-view-general-activities .sections .section .course-section-header {
  justify-content: space-between;
  gap: 16px;
}

@media (max-width: 768px) {
  body#page-course-view-remuiformat .remui-format-list .sections .section .course-section-header,
  body#page-course-view-remuiformat .list-view-general-activities .sections .section .course-section-header {
    flex-direction: column;
    align-items: flex-start;
  }
}

body#page-course-view-remuiformat .remui-format-list .sections .section .course-section-header .name-progress-wrapper,
body#page-course-view-remuiformat .list-view-general-activities .sections .section .course-section-header .name-progress-wrapper {
  gap: 16px;
}

body#page-course-view-remuiformat .remui-format-list .sections .section .course-section-header .sectionheading,
body#page-course-view-remuiformat .list-view-general-activities .sections .section .course-section-header .sectionheading {
  color: #313848;
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
}

body#page-course-view-remuiformat .remui-format-list .sections .section .course-section-header .header-progresbar-wrapper,
body#page-course-view-remuiformat .list-view-general-activities .sections .section .course-section-header .header-progresbar-wrapper {
  gap: 16px;
  flex-direction: column;
}

@media (max-width: 900px) {
  body#page-course-view-remuiformat .remui-format-list .sections .section .course-section-header .header-progresbar-wrapper,
  body#page-course-view-remuiformat .list-view-general-activities .sections .section .course-section-header .header-progresbar-wrapper {
    gap: 24px;
  }
}

@media (max-width: 768px) {
  body#page-course-view-remuiformat .remui-format-list .sections .section .course-section-header .header-progresbar-wrapper,
  body#page-course-view-remuiformat .list-view-general-activities .sections .section .course-section-header .header-progresbar-wrapper {
    gap: 16px;
  }
}

body#page-course-view-remuiformat .remui-format-list .sections .section .course-section-header .header-progresbar-wrapper .section-title,
body#page-course-view-remuiformat .list-view-general-activities .sections .section .course-section-header .header-progresbar-wrapper .section-title {
  gap: 8px;
  color: #313848;
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
}

@media (max-width: 568px) {
  body#page-course-view-remuiformat .remui-format-list .sections .section .course-section-header .header-progresbar-wrapper .progress-bar-warpper,
  body#page-course-view-remuiformat .list-view-general-activities .sections .section .course-section-header .header-progresbar-wrapper .progress-bar-warpper {
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
  }
  body#page-course-view-remuiformat .remui-format-list .sections .section .course-section-header .header-progresbar-wrapper .progress-bar-warpper .progress,
  body#page-course-view-remuiformat .list-view-general-activities .sections .section .course-section-header .header-progresbar-wrapper .progress-bar-warpper .progress {
    width: 230px;
  }
}

body#page-course-view-remuiformat .remui-format-list .sections .section .highlight,
body#page-course-view-remuiformat .list-view-general-activities .sections .section .highlight {
  position: absolute;
  top: 0;
  width: 3px;
  bottom: 0;
  left: 0;
}

body#page-course-view-remuiformat .remui-format-list .sections .section .card-footer,
body#page-course-view-remuiformat .list-view-general-activities .sections .section .card-footer {
  background: transparent;
}

body#page-course-view-remuiformat .remui-format-list .sections .section ul.section,
body#page-course-view-remuiformat .list-view-general-activities .sections .section ul.section {
  padding: 0;
}

body#page-course-view-remuiformat .remui-format-list .sections .section ul.section .mod-indent-1,
body#page-course-view-remuiformat .list-view-general-activities .sections .section ul.section .mod-indent-1 {
  width: 35px;
}

body#page-course-view-remuiformat .remui-format-list .sections .section ul.section .mod-indent-2,
body#page-course-view-remuiformat .list-view-general-activities .sections .section ul.section .mod-indent-2 {
  width: 70px;
}

body#page-course-view-remuiformat .remui-format-list .sections .section ul.section .mod-indent-3,
body#page-course-view-remuiformat .list-view-general-activities .sections .section ul.section .mod-indent-3 {
  width: 105px;
}

body#page-course-view-remuiformat .remui-format-list .sections .section ul.section .mod-indent-4,
body#page-course-view-remuiformat .list-view-general-activities .sections .section ul.section .mod-indent-4 {
  width: 140px;
}

body#page-course-view-remuiformat .remui-format-list .sections .section ul.section .mod-indent-5,
body#page-course-view-remuiformat .list-view-general-activities .sections .section ul.section .mod-indent-5 {
  width: 175px;
}

body#page-course-view-remuiformat .remui-format-list .sections .section ul.section .mod-indent-6,
body#page-course-view-remuiformat .list-view-general-activities .sections .section ul.section .mod-indent-6 {
  width: 210px;
}

body#page-course-view-remuiformat .remui-format-list .sections .section ul.section .mod-indent-7,
body#page-course-view-remuiformat .list-view-general-activities .sections .section ul.section .mod-indent-7 {
  width: 245px;
}

body#page-course-view-remuiformat .remui-format-list .sections .section ul.section .mod-indent-8,
body#page-course-view-remuiformat .list-view-general-activities .sections .section ul.section .mod-indent-8 {
  width: 280px;
}

body#page-course-view-remuiformat .remui-format-list .sections .section ul.section .mod-indent-9,
body#page-course-view-remuiformat .list-view-general-activities .sections .section ul.section .mod-indent-9 {
  width: 315px;
}

body#page-course-view-remuiformat .remui-format-list .sections .section ul.section .mod-indent-10,
body#page-course-view-remuiformat .list-view-general-activities .sections .section ul.section .mod-indent-10 {
  width: 350px;
}

body#page-course-view-remuiformat .remui-format-list .sections .section ul.section .mod-indent-11,
body#page-course-view-remuiformat .list-view-general-activities .sections .section ul.section .mod-indent-11 {
  width: 385px;
}

body#page-course-view-remuiformat .remui-format-list .sections .section ul.section .mod-indent-12,
body#page-course-view-remuiformat .list-view-general-activities .sections .section ul.section .mod-indent-12 {
  width: 420px;
}

body#page-course-view-remuiformat .remui-format-list .sections .section ul.section .mod-indent-13,
body#page-course-view-remuiformat .list-view-general-activities .sections .section ul.section .mod-indent-13 {
  width: 455px;
}

body#page-course-view-remuiformat .remui-format-list .sections .section ul.section .mod-indent-14,
body#page-course-view-remuiformat .list-view-general-activities .sections .section ul.section .mod-indent-14 {
  width: 490px;
}

body#page-course-view-remuiformat .remui-format-list .sections .section ul.section .mod-indent-15,
body#page-course-view-remuiformat .list-view-general-activities .sections .section ul.section .mod-indent-15 {
  width: 525px;
}

body#page-course-view-remuiformat .remui-format-list .sections .section ul.section .mod-indent-16,
body#page-course-view-remuiformat .list-view-general-activities .sections .section ul.section .mod-indent-16 {
  width: 560px;
}

body#page-course-view-remuiformat .remui-format-list .sections .section .right.side,
body#page-course-view-remuiformat .list-view-general-activities .sections .section .right.side {
  width: -webkit-max-content;
  width: max-content;
}

body#page-course-view-remuiformat .remui-format-list .sections .section .right.side .wdm-add-new-section,
body#page-course-view-remuiformat .list-view-general-activities .sections .section .right.side .wdm-add-new-section {
  white-space: nowrap;
}

body#page-course-view-remuiformat .remui-format-list .sections .section .section_action_menu.erf-ml-auto,
body#page-course-view-remuiformat .list-view-general-activities .sections .section .section_action_menu.erf-ml-auto {
  margin: unset !important;
}

body#page-course-view-remuiformat .remui-format-list .section.delegated-section,
body#page-course-view-remuiformat .list-view-general-activities .section.delegated-section {
  width: 100%;
}

@media (max-width: 568px) {
  body#page-course-view-remuiformat .remui-format-list .section.delegated-section .side.left,
  body#page-course-view-remuiformat .list-view-general-activities .section.delegated-section .side.left {
    gap: 24px;
  }
}

body#page-course-view-remuiformat .remui-format-list .section.delegated-section:not(#section-0),
body#page-course-view-remuiformat .list-view-general-activities .section.delegated-section:not(#section-0) {
  background: #fff;
  border-radius: 8px;
  border: 1px solid #EBF0F9;
}

body#page-course-view-remuiformat .remui-format-list .section.delegated-section.collapsed .summary.card-text,
body#page-course-view-remuiformat .list-view-general-activities .section.delegated-section.collapsed .summary.card-text {
  display: none;
}

body#page-course-view-remuiformat .remui-format-list .section.delegated-section.collapsed .section_availability,
body#page-course-view-remuiformat .list-view-general-activities .section.delegated-section.collapsed .section_availability {
  display: none;
}

body#page-course-view-remuiformat .remui-format-list .section.delegated-section .content .panel-title,
body#page-course-view-remuiformat .remui-format-list .section.delegated-section .content h3 a,
body#page-course-view-remuiformat .list-view-general-activities .section.delegated-section .content .panel-title,
body#page-course-view-remuiformat .list-view-general-activities .section.delegated-section .content h3 a {
  margin: 0px;
  color: #313848;
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
}

body#page-course-view-remuiformat .remui-format-list .section.delegated-section .content .course-section-summary-wrapper,
body#page-course-view-remuiformat .list-view-general-activities .section.delegated-section .content .course-section-summary-wrapper {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 24px;
}

body#page-course-view-remuiformat .remui-format-list .section.delegated-section .content .course-section-summary-wrapper .no-overflow,
body#page-course-view-remuiformat .list-view-general-activities .section.delegated-section .content .course-section-summary-wrapper .no-overflow {
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
  color: #4C5A73;
}

body#page-course-view-remuiformat .remui-format-list .section.delegated-section .course-section-header,
body#page-course-view-remuiformat .list-view-general-activities .section.delegated-section .course-section-header {
  justify-content: space-between;
  gap: 16px;
}

@media (max-width: 768px) {
  body#page-course-view-remuiformat .remui-format-list .section.delegated-section .course-section-header,
  body#page-course-view-remuiformat .list-view-general-activities .section.delegated-section .course-section-header {
    flex-direction: column;
    align-items: flex-start;
  }
}

body#page-course-view-remuiformat .remui-format-list .section.delegated-section .course-section-header .name-progress-wrapper,
body#page-course-view-remuiformat .list-view-general-activities .section.delegated-section .course-section-header .name-progress-wrapper {
  gap: 16px;
}

body#page-course-view-remuiformat .remui-format-list .section.delegated-section .course-section-header .sectionheading,
body#page-course-view-remuiformat .list-view-general-activities .section.delegated-section .course-section-header .sectionheading {
  color: #313848;
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
}

body#page-course-view-remuiformat .remui-format-list .section.delegated-section .course-section-header .header-progresbar-wrapper,
body#page-course-view-remuiformat .list-view-general-activities .section.delegated-section .course-section-header .header-progresbar-wrapper {
  gap: 16px;
  flex-direction: column;
}

@media (max-width: 900px) {
  body#page-course-view-remuiformat .remui-format-list .section.delegated-section .course-section-header .header-progresbar-wrapper,
  body#page-course-view-remuiformat .list-view-general-activities .section.delegated-section .course-section-header .header-progresbar-wrapper {
    gap: 24px;
  }
}

@media (max-width: 768px) {
  body#page-course-view-remuiformat .remui-format-list .section.delegated-section .course-section-header .header-progresbar-wrapper,
  body#page-course-view-remuiformat .list-view-general-activities .section.delegated-section .course-section-header .header-progresbar-wrapper {
    gap: 16px;
  }
}

body#page-course-view-remuiformat .remui-format-list .section.delegated-section .course-section-header .header-progresbar-wrapper .section-title,
body#page-course-view-remuiformat .list-view-general-activities .section.delegated-section .course-section-header .header-progresbar-wrapper .section-title {
  gap: 8px;
  color: #313848;
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
}

@media (max-width: 568px) {
  body#page-course-view-remuiformat .remui-format-list .section.delegated-section .course-section-header .header-progresbar-wrapper .progress-bar-warpper,
  body#page-course-view-remuiformat .list-view-general-activities .section.delegated-section .course-section-header .header-progresbar-wrapper .progress-bar-warpper {
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
  }
  body#page-course-view-remuiformat .remui-format-list .section.delegated-section .course-section-header .header-progresbar-wrapper .progress-bar-warpper .progress,
  body#page-course-view-remuiformat .list-view-general-activities .section.delegated-section .course-section-header .header-progresbar-wrapper .progress-bar-warpper .progress {
    width: 230px;
  }
}

body#page-course-view-remuiformat .remui-format-list .section.delegated-section .highlight,
body#page-course-view-remuiformat .list-view-general-activities .section.delegated-section .highlight {
  position: absolute;
  top: 0;
  width: 3px;
  bottom: 0;
  left: 0;
}

body#page-course-view-remuiformat .remui-format-list .section.delegated-section .card-footer,
body#page-course-view-remuiformat .list-view-general-activities .section.delegated-section .card-footer {
  background: transparent;
}

body#page-course-view-remuiformat .remui-format-list .section.delegated-section ul.section,
body#page-course-view-remuiformat .list-view-general-activities .section.delegated-section ul.section {
  padding: 0;
}

body#page-course-view-remuiformat .remui-format-list .section.delegated-section ul.section .mod-indent-1,
body#page-course-view-remuiformat .list-view-general-activities .section.delegated-section ul.section .mod-indent-1 {
  width: 35px;
}

body#page-course-view-remuiformat .remui-format-list .section.delegated-section ul.section .mod-indent-2,
body#page-course-view-remuiformat .list-view-general-activities .section.delegated-section ul.section .mod-indent-2 {
  width: 70px;
}

body#page-course-view-remuiformat .remui-format-list .section.delegated-section ul.section .mod-indent-3,
body#page-course-view-remuiformat .list-view-general-activities .section.delegated-section ul.section .mod-indent-3 {
  width: 105px;
}

body#page-course-view-remuiformat .remui-format-list .section.delegated-section ul.section .mod-indent-4,
body#page-course-view-remuiformat .list-view-general-activities .section.delegated-section ul.section .mod-indent-4 {
  width: 140px;
}

body#page-course-view-remuiformat .remui-format-list .section.delegated-section ul.section .mod-indent-5,
body#page-course-view-remuiformat .list-view-general-activities .section.delegated-section ul.section .mod-indent-5 {
  width: 175px;
}

body#page-course-view-remuiformat .remui-format-list .section.delegated-section ul.section .mod-indent-6,
body#page-course-view-remuiformat .list-view-general-activities .section.delegated-section ul.section .mod-indent-6 {
  width: 210px;
}

body#page-course-view-remuiformat .remui-format-list .section.delegated-section ul.section .mod-indent-7,
body#page-course-view-remuiformat .list-view-general-activities .section.delegated-section ul.section .mod-indent-7 {
  width: 245px;
}

body#page-course-view-remuiformat .remui-format-list .section.delegated-section ul.section .mod-indent-8,
body#page-course-view-remuiformat .list-view-general-activities .section.delegated-section ul.section .mod-indent-8 {
  width: 280px;
}

body#page-course-view-remuiformat .remui-format-list .section.delegated-section ul.section .mod-indent-9,
body#page-course-view-remuiformat .list-view-general-activities .section.delegated-section ul.section .mod-indent-9 {
  width: 315px;
}

body#page-course-view-remuiformat .remui-format-list .section.delegated-section ul.section .mod-indent-10,
body#page-course-view-remuiformat .list-view-general-activities .section.delegated-section ul.section .mod-indent-10 {
  width: 350px;
}

body#page-course-view-remuiformat .remui-format-list .section.delegated-section ul.section .mod-indent-11,
body#page-course-view-remuiformat .list-view-general-activities .section.delegated-section ul.section .mod-indent-11 {
  width: 385px;
}

body#page-course-view-remuiformat .remui-format-list .section.delegated-section ul.section .mod-indent-12,
body#page-course-view-remuiformat .list-view-general-activities .section.delegated-section ul.section .mod-indent-12 {
  width: 420px;
}

body#page-course-view-remuiformat .remui-format-list .section.delegated-section ul.section .mod-indent-13,
body#page-course-view-remuiformat .list-view-general-activities .section.delegated-section ul.section .mod-indent-13 {
  width: 455px;
}

body#page-course-view-remuiformat .remui-format-list .section.delegated-section ul.section .mod-indent-14,
body#page-course-view-remuiformat .list-view-general-activities .section.delegated-section ul.section .mod-indent-14 {
  width: 490px;
}

body#page-course-view-remuiformat .remui-format-list .section.delegated-section ul.section .mod-indent-15,
body#page-course-view-remuiformat .list-view-general-activities .section.delegated-section ul.section .mod-indent-15 {
  width: 525px;
}

body#page-course-view-remuiformat .remui-format-list .section.delegated-section ul.section .mod-indent-16,
body#page-course-view-remuiformat .list-view-general-activities .section.delegated-section ul.section .mod-indent-16 {
  width: 560px;
}

body#page-course-view-remuiformat .remui-format-list .section.delegated-section .right.side,
body#page-course-view-remuiformat .list-view-general-activities .section.delegated-section .right.side {
  width: -webkit-max-content;
  width: max-content;
}

body#page-course-view-remuiformat .remui-format-list .section.delegated-section .right.side .wdm-add-new-section,
body#page-course-view-remuiformat .list-view-general-activities .section.delegated-section .right.side .wdm-add-new-section {
  white-space: nowrap;
}

body#page-course-view-remuiformat .remui-format-list .section.delegated-section .section_action_menu.erf-ml-auto,
body#page-course-view-remuiformat .list-view-general-activities .section.delegated-section .section_action_menu.erf-ml-auto {
  margin: unset !important;
}

body#page-course-view-remuiformat .remui-format-list .section.delegated-section .toggle-icon,
body#page-course-view-remuiformat .list-view-general-activities .section.delegated-section .toggle-icon {
  cursor: pointer;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: 0 !important;
}

body#page-course-view-remuiformat .remui-format-list .section.delegated-section .toggle-icon::before,
body#page-course-view-remuiformat .list-view-general-activities .section.delegated-section .toggle-icon::before {
  display: flex;
  transition: all 0.5s ease;
  font-size: 1.2rem;
}

body#page-course-view-remuiformat .remui-format-list .section.delegated-section.collapsed .toggle-icon::before,
body#page-course-view-remuiformat .list-view-general-activities .section.delegated-section.collapsed .toggle-icon::before {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

body#page-course-view-remuiformat .remui-format-list .section.delegated-section .activity.activity-wrapper,
body#page-course-view-remuiformat .list-view-general-activities .section.delegated-section .activity.activity-wrapper {
  padding: 0 !important;
  border: 0 !important;
}

body#page-course-view-remuiformat .remui-format-list .section.delegated-section .section-summary-activities,
body#page-course-view-remuiformat .list-view-general-activities .section.delegated-section .section-summary-activities {
  display: none !important;
}

body#page-course-view-remuiformat .remui-format-list.all-section-format ul.sections li.section .toggle-icon,
body#page-course-view-remuiformat .list-view-general-activities.all-section-format ul.sections li.section .toggle-icon {
  cursor: pointer;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: 0 !important;
}

body#page-course-view-remuiformat .remui-format-list.all-section-format ul.sections li.section .toggle-icon::before,
body#page-course-view-remuiformat .list-view-general-activities.all-section-format ul.sections li.section .toggle-icon::before {
  display: flex;
  transition: all 0.5s ease;
  font-size: 1.2rem;
}

body#page-course-view-remuiformat .remui-format-list.all-section-format ul.sections li.section.collapsed .toggle-icon::before,
body#page-course-view-remuiformat .list-view-general-activities.all-section-format ul.sections li.section.collapsed .toggle-icon::before {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

body#page-course-view-remuiformat .remui-format-list.all-section-format ul.sections li.section .content ul.section,
body#page-course-view-remuiformat .list-view-general-activities.all-section-format ul.sections li.section .content ul.section {
  border: unset !important;
  border-radius: unset !important;
  border-top: 1px solid #EBF0F9 !important;
}

body#page-course-view-remuiformat .remui-format-list.all-section-format ul.sections li.section .content ul.section .activity,
body#page-course-view-remuiformat .list-view-general-activities.all-section-format ul.sections li.section .content ul.section .activity {
  padding: 0px;
}

body#page-course-view-remuiformat .remui-format-list.all-section-format ul.sections li.section .content ul.section .activity .activitytitle,
body#page-course-view-remuiformat .list-view-general-activities.all-section-format ul.sections li.section .content ul.section .activity .activitytitle {
  gap: 24px;
}

body#page-course-view-remuiformat .remui-format-list .activities-list,
body#page-course-view-remuiformat .remui-format-list .card-footer,
body#page-course-view-remuiformat .list-view-general-activities .activities-list,
body#page-course-view-remuiformat .list-view-general-activities .card-footer {
  padding: unset;
}

body#page-course-view-remuiformat .remui-format-list .activities-list ul.section,
body#page-course-view-remuiformat .remui-format-list .card-footer ul.section,
body#page-course-view-remuiformat .list-view-general-activities .activities-list ul.section,
body#page-course-view-remuiformat .list-view-general-activities .card-footer ul.section {
  padding: 24px !important;
}

body#page-course-view-remuiformat .remui-format-list .activities-list ul.section li:not(:last-child),
body#page-course-view-remuiformat .remui-format-list .card-footer ul.section li:not(:last-child),
body#page-course-view-remuiformat .list-view-general-activities .activities-list ul.section li:not(:last-child),
body#page-course-view-remuiformat .list-view-general-activities .card-footer ul.section li:not(:last-child) {
  margin-bottom: 16px;
}

body#page-course-view-remuiformat .remui-format-list .activities-list ul.section li:has(.divider):not(:has(.divider-plus)),
body#page-course-view-remuiformat .remui-format-list .card-footer ul.section li:has(.divider):not(:has(.divider-plus)),
body#page-course-view-remuiformat .list-view-general-activities .activities-list ul.section li:has(.divider):not(:has(.divider-plus)),
body#page-course-view-remuiformat .list-view-general-activities .card-footer ul.section li:has(.divider):not(:has(.divider-plus)) {
  margin-bottom: 0px;
}

body#page-course-view-remuiformat .remui-format-list .activities-list ul.section .activity,
body#page-course-view-remuiformat .remui-format-list .card-footer ul.section .activity,
body#page-course-view-remuiformat .list-view-general-activities .activities-list ul.section .activity,
body#page-course-view-remuiformat .list-view-general-activities .card-footer ul.section .activity {
  border-top: 0;
}

body#page-course-view-remuiformat .remui-format-list .activities-list ul.section .activity .activitytitle,
body#page-course-view-remuiformat .remui-format-list .card-footer ul.section .activity .activitytitle,
body#page-course-view-remuiformat .list-view-general-activities .activities-list ul.section .activity .activitytitle,
body#page-course-view-remuiformat .list-view-general-activities .card-footer ul.section .activity .activitytitle {
  gap: 24px;
}

@media (max-width: 568px) {
  body#page-course-view-remuiformat .remui-format-list .activities-list ul.section .activity .activitytitle,
  body#page-course-view-remuiformat .remui-format-list .card-footer ul.section .activity .activitytitle,
  body#page-course-view-remuiformat .list-view-general-activities .activities-list ul.section .activity .activitytitle,
  body#page-course-view-remuiformat .list-view-general-activities .card-footer ul.section .activity .activitytitle {
    flex-direction: column;
  }
}

body#page-course-view-remuiformat .remui-format-list .activities-list ul.section .activity .activity-info.mt-1,
body#page-course-view-remuiformat .remui-format-list .card-footer ul.section .activity .activity-info.mt-1,
body#page-course-view-remuiformat .list-view-general-activities .activities-list ul.section .activity .activity-info.mt-1,
body#page-course-view-remuiformat .list-view-general-activities .card-footer ul.section .activity .activity-info.mt-1 {
  margin-left: 74px;
  padding-left: 0;
}

@media (max-width: 768px) {
  body#page-course-view-remuiformat .remui-format-list .activities-list ul.section .activity .activity-info.mt-1,
  body#page-course-view-remuiformat .remui-format-list .card-footer ul.section .activity .activity-info.mt-1,
  body#page-course-view-remuiformat .list-view-general-activities .activities-list ul.section .activity .activity-info.mt-1,
  body#page-course-view-remuiformat .list-view-general-activities .card-footer ul.section .activity .activity-info.mt-1 {
    margin-top: 24px !important;
    margin-left: 0;
  }
}

body#page-course-view-remuiformat .remui-format-list .activities-list ul.section .activity .activity-info.mt-1 .activity-information .automatic-completion-conditions,
body#page-course-view-remuiformat .remui-format-list .card-footer ul.section .activity .activity-info.mt-1 .activity-information .automatic-completion-conditions,
body#page-course-view-remuiformat .list-view-general-activities .activities-list ul.section .activity .activity-info.mt-1 .activity-information .automatic-completion-conditions,
body#page-course-view-remuiformat .list-view-general-activities .card-footer ul.section .activity .activity-info.mt-1 .activity-information .automatic-completion-conditions {
  flex-direction: row !important;
  flex-wrap: wrap !important;
  gap: 8px;
}

body#page-course-view-remuiformat .remui-format-list .activities-list ul.section .activity .activity-basis:has([data-region="completion-info"]),
body#page-course-view-remuiformat .remui-format-list .card-footer ul.section .activity .activity-basis:has([data-region="completion-info"]),
body#page-course-view-remuiformat .list-view-general-activities .activities-list ul.section .activity .activity-basis:has([data-region="completion-info"]),
body#page-course-view-remuiformat .list-view-general-activities .card-footer ul.section .activity .activity-basis:has([data-region="completion-info"]) {
  margin-bottom: 16px;
}

body#page-course-view-remuiformat .remui-format-list .activities-list ul.section .activity .activity-basis > div.flex-column,
body#page-course-view-remuiformat .remui-format-list .card-footer ul.section .activity .activity-basis > div.flex-column,
body#page-course-view-remuiformat .list-view-general-activities .activities-list ul.section .activity .activity-basis > div.flex-column,
body#page-course-view-remuiformat .list-view-general-activities .card-footer ul.section .activity .activity-basis > div.flex-column {
  flex-direction: column !important;
}

body#page-course-view-remuiformat .remui-format-list .activities-list ul.section .activity .description .availabilityinfo,
body#page-course-view-remuiformat .remui-format-list .card-footer ul.section .activity .description .availabilityinfo,
body#page-course-view-remuiformat .list-view-general-activities .activities-list ul.section .activity .description .availabilityinfo,
body#page-course-view-remuiformat .list-view-general-activities .card-footer ul.section .activity .description .availabilityinfo {
  margin: unset;
  margin-top: 8px;
}

body#page-course-view-remuiformat .remui-format-list .activities-list ul.section .activity.indented:hover,
body#page-course-view-remuiformat .remui-format-list .card-footer ul.section .activity.indented:hover,
body#page-course-view-remuiformat .list-view-general-activities .activities-list ul.section .activity.indented:hover,
body#page-course-view-remuiformat .list-view-general-activities .card-footer ul.section .activity.indented:hover {
  background-color: unset !important;
}

body#page-course-view-remuiformat .remui-format-list .activities-list ul.section .activity.indented .cm_action_menu.actions .section-cm-edit-actions .editing_moveright,
body#page-course-view-remuiformat .remui-format-list .card-footer ul.section .activity.indented .cm_action_menu.actions .section-cm-edit-actions .editing_moveright,
body#page-course-view-remuiformat .list-view-general-activities .activities-list ul.section .activity.indented .cm_action_menu.actions .section-cm-edit-actions .editing_moveright,
body#page-course-view-remuiformat .list-view-general-activities .card-footer ul.section .activity.indented .cm_action_menu.actions .section-cm-edit-actions .editing_moveright {
  display: none;
}

@media (min-width: 768px) {
  body#page-course-view-remuiformat .remui-format-list .activities-list ul.section .activity .activity-item:not(:has(.activity-grid)) > *:not(.activity-basis):not(.editing_move),
  body#page-course-view-remuiformat .remui-format-list .activities-list ul.section .activity .activity-item .activity-grid > *:not(.activity-instance):not(.activityiconcontainer):not(.activity-actions),
  body#page-course-view-remuiformat .remui-format-list .card-footer ul.section .activity .activity-item:not(:has(.activity-grid)) > *:not(.activity-basis):not(.editing_move),
  body#page-course-view-remuiformat .remui-format-list .card-footer ul.section .activity .activity-item .activity-grid > *:not(.activity-instance):not(.activityiconcontainer):not(.activity-actions),
  body#page-course-view-remuiformat .list-view-general-activities .activities-list ul.section .activity .activity-item:not(:has(.activity-grid)) > *:not(.activity-basis):not(.editing_move),
  body#page-course-view-remuiformat .list-view-general-activities .activities-list ul.section .activity .activity-item .activity-grid > *:not(.activity-instance):not(.activityiconcontainer):not(.activity-actions),
  body#page-course-view-remuiformat .list-view-general-activities .card-footer ul.section .activity .activity-item:not(:has(.activity-grid)) > *:not(.activity-basis):not(.editing_move),
  body#page-course-view-remuiformat .list-view-general-activities .card-footer ul.section .activity .activity-item .activity-grid > *:not(.activity-instance):not(.activityiconcontainer):not(.activity-actions) {
    margin-left: 74px;
  }
}

@media (max-width: 768px) {
  body#page-course-view-remuiformat .remui-format-list .activities-list ul.section .activity .activity-item .activity-grid > .activity-instance,
  body#page-course-view-remuiformat .remui-format-list .activities-list ul.section .activity .activity-item .activity-grid > .activityiconcontainer,
  body#page-course-view-remuiformat .remui-format-list .card-footer ul.section .activity .activity-item .activity-grid > .activity-instance,
  body#page-course-view-remuiformat .remui-format-list .card-footer ul.section .activity .activity-item .activity-grid > .activityiconcontainer,
  body#page-course-view-remuiformat .list-view-general-activities .activities-list ul.section .activity .activity-item .activity-grid > .activity-instance,
  body#page-course-view-remuiformat .list-view-general-activities .activities-list ul.section .activity .activity-item .activity-grid > .activityiconcontainer,
  body#page-course-view-remuiformat .list-view-general-activities .card-footer ul.section .activity .activity-item .activity-grid > .activity-instance,
  body#page-course-view-remuiformat .list-view-general-activities .card-footer ul.section .activity .activity-item .activity-grid > .activityiconcontainer {
    margin-bottom: 8px !important;
  }
}

body#page-course-view-remuiformat .remui-format-list .activities-list ul.section .activity .activity-item:not(:has(.activity-grid)) > *:has(.badge),
body#page-course-view-remuiformat .remui-format-list .activities-list ul.section .activity .activity-item .activity-grid > *:has(.badge),
body#page-course-view-remuiformat .remui-format-list .card-footer ul.section .activity .activity-item:not(:has(.activity-grid)) > *:has(.badge),
body#page-course-view-remuiformat .remui-format-list .card-footer ul.section .activity .activity-item .activity-grid > *:has(.badge),
body#page-course-view-remuiformat .list-view-general-activities .activities-list ul.section .activity .activity-item:not(:has(.activity-grid)) > *:has(.badge),
body#page-course-view-remuiformat .list-view-general-activities .activities-list ul.section .activity .activity-item .activity-grid > *:has(.badge),
body#page-course-view-remuiformat .list-view-general-activities .card-footer ul.section .activity .activity-item:not(:has(.activity-grid)) > *:has(.badge),
body#page-course-view-remuiformat .list-view-general-activities .card-footer ul.section .activity .activity-item .activity-grid > *:has(.badge) {
  margin-bottom: 16px !important;
}

body#page-course-view-remuiformat .remui-format-list .activities-list ul.section .activity.modtype_label .activity-item > *,
body#page-course-view-remuiformat .remui-format-list .card-footer ul.section .activity.modtype_label .activity-item > *,
body#page-course-view-remuiformat .list-view-general-activities .activities-list ul.section .activity.modtype_label .activity-item > *,
body#page-course-view-remuiformat .list-view-general-activities .card-footer ul.section .activity.modtype_label .activity-item > * {
  margin-left: unset !important;
}

body#page-course-view-remuiformat .remui-format-list .activities-list ul.section .activity.modtype_subsection .activity-altcontent,
body#page-course-view-remuiformat .remui-format-list .card-footer ul.section .activity.modtype_subsection .activity-altcontent,
body#page-course-view-remuiformat .list-view-general-activities .activities-list ul.section .activity.modtype_subsection .activity-altcontent,
body#page-course-view-remuiformat .list-view-general-activities .card-footer ul.section .activity.modtype_subsection .activity-altcontent {
  margin-left: 0px !important;
}

body#page-course-view-remuiformat .remui-format-list .activities-list ul.section .activity.modtype_subsection .activity-altcontent .section,
body#page-course-view-remuiformat .remui-format-list .card-footer ul.section .activity.modtype_subsection .activity-altcontent .section,
body#page-course-view-remuiformat .list-view-general-activities .activities-list ul.section .activity.modtype_subsection .activity-altcontent .section,
body#page-course-view-remuiformat .list-view-general-activities .card-footer ul.section .activity.modtype_subsection .activity-altcontent .section {
  border: unset !important;
  border-radius: unset !important;
}

body#page-course-view-remuiformat .remui-format-list.one-section-format.all-section .sections .section:not(#section-0) ul.section,
body#page-course-view-remuiformat .list-view-general-activities.one-section-format.all-section .sections .section:not(#section-0) ul.section {
  display: none;
}

body#page-course-view-remuiformat .remui-format-list.one-section-format.all-section .sections .section:not(#section-0) .content,
body#page-course-view-remuiformat .list-view-general-activities.one-section-format.all-section .sections .section:not(#section-0) .content {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 24px;
}

body#page-course-view-remuiformat .remui-format-list.one-section-format .one-section-format-details-page-wrapper .section .course-section-summary-wrapper,
body#page-course-view-remuiformat .list-view-general-activities.one-section-format .one-section-format-details-page-wrapper .section .course-section-summary-wrapper {
  padding: 24px;
}

body#page-course-view-remuiformat .remui-format-list.one-section-format .activities-list ul.section,
body#page-course-view-remuiformat .list-view-general-activities.one-section-format .activities-list ul.section {
  margin: 0;
  border: unset !important;
  border-radius: unset !important;
  border-top: 1px solid #EBF0F9 !important;
}

body#page-course-view-remuiformat .remui-format-list.one-section-format .activities-list ul.section .activity,
body#page-course-view-remuiformat .list-view-general-activities.one-section-format .activities-list ul.section .activity {
  padding: 0px !important;
}

body#page-course-view-remuiformat .remui-format-list.one-section-format .activities-list ul.section .activity:last-child,
body#page-course-view-remuiformat .list-view-general-activities.one-section-format .activities-list ul.section .activity:last-child {
  border-bottom: 0 !important;
}

body#page-course-view-remuiformat .remui-format-list.one-section-format .activities-list .section-modchooser,
body#page-course-view-remuiformat .list-view-general-activities.one-section-format .activities-list .section-modchooser {
  margin: 0px;
}

body#page-course-view-remuiformat .remui-format-list.one-section-format .activities-list .section-modchooser.mb-3,
body#page-course-view-remuiformat .list-view-general-activities.one-section-format .activities-list .section-modchooser.mb-3 {
  margin-bottom: 0px !important;
}

body#page-course-view-remuiformat .remui-format-list .section_availability .section_availability,
body#page-course-view-remuiformat .remui-format-list .section_availability.course-description-item,
body#page-course-view-remuiformat .list-view-general-activities .section_availability .section_availability,
body#page-course-view-remuiformat .list-view-general-activities .section_availability.course-description-item {
  color: #4C5A73;
  padding-top: 2px;
  font-size: 12px;
  line-height: 15px;
  font-weight: 400;
}

body#page-course-view-remuiformat .remui-format-list .section_availability .section_availability .availabilityinfo,
body#page-course-view-remuiformat .remui-format-list .section_availability.course-description-item .availabilityinfo,
body#page-course-view-remuiformat .list-view-general-activities .section_availability .section_availability .availabilityinfo,
body#page-course-view-remuiformat .list-view-general-activities .section_availability.course-description-item .availabilityinfo {
  background-color: #EBF0F9;
  border-radius: 4px;
  padding: 8px;
}

body#page-course-view-remuiformat .remui-format-list .section_availability .section_availability .availabilityinfo ul li,
body#page-course-view-remuiformat .remui-format-list .section_availability.course-description-item .availabilityinfo ul li,
body#page-course-view-remuiformat .list-view-general-activities .section_availability .section_availability .availabilityinfo ul li,
body#page-course-view-remuiformat .list-view-general-activities .section_availability.course-description-item .availabilityinfo ul li {
  margin-top: 4px;
}

body#page-course-view-remuiformat .remui-format-list .section_availability .section_availability strong,
body#page-course-view-remuiformat .remui-format-list .section_availability.course-description-item strong,
body#page-course-view-remuiformat .list-view-general-activities .section_availability .section_availability strong,
body#page-course-view-remuiformat .list-view-general-activities .section_availability.course-description-item strong {
  font-size: 12px;
  line-height: normal;
  font-weight: 600;
}

body#page-course-view-remuiformat .remui-format-list .section_availability .section_availability strong a,
body#page-course-view-remuiformat .remui-format-list .section_availability.course-description-item strong a,
body#page-course-view-remuiformat .list-view-general-activities .section_availability .section_availability strong a,
body#page-course-view-remuiformat .list-view-general-activities .section_availability.course-description-item strong a {
  font-size: 12px;
  line-height: normal;
  font-weight: 400;
}

body#page-course-view-remuiformat .remui-format-list .section_availability.badge:not(:has(.section_availability.badge .section_availability:first-child)),
body#page-course-view-remuiformat .list-view-general-activities .section_availability.badge:not(:has(.section_availability.badge .section_availability:first-child)) {
  display: none;
}

body#page-course-view-remuiformat .remui-format-list .activity-item .activity-grid,
body#page-course-view-remuiformat .list-view-general-activities .activity-item .activity-grid {
  grid-template-rows: 1fr repeat(6, -webkit-min-content);
  grid-template-rows: 1fr repeat(6, min-content);
  grid-template-areas: "icon name groupmode completion actions"
 "icon visibility groupmode completion actions"
 "icon visibility groupmode completion actions"
 "dates dates dates dates dates"
 "altcontent altcontent altcontent altcontent altcontent"
 "afterlink afterlink afterlink afterlink afterlink"
 "availability availability availability availability availability";
}

body#page-course-view-remuiformat .remui-format-list .activity-item .activity-grid .activity-dates,
body#page-course-view-remuiformat .list-view-general-activities .activity-item .activity-grid .activity-dates {
  margin-right: 0 !important;
}

body#page-course-view-remuiformat .remui-format-list .activity-item .activity-grid .activity-instance:not(:has(.activityiconcontainer)),
body#page-course-view-remuiformat .list-view-general-activities .activity-item .activity-grid .activity-instance:not(:has(.activityiconcontainer)) {
  margin-left: 24px;
}

body#page-course-view-remuiformat .remui-format-list .activity-item .activity-grid .activity-instance:not(:has(.activityiconcontainer)) ~ .activity-badges,
body#page-course-view-remuiformat .list-view-general-activities .activity-item .activity-grid .activity-instance:not(:has(.activityiconcontainer)) ~ .activity-badges {
  margin-left: 24px !important;
}

body#page-course-view-remuiformat .text-clamp {
  display: -webkit-box !important;
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  overflow: hidden !important;
}

body#page-course-view-remuiformat .text-clamp.text-clamp-1 {
  -webkit-line-clamp: 1;
}

body#page-course-view-remuiformat .text-clamp.text-clamp-2 {
  -webkit-line-clamp: 2;
}

body#page-course-view-remuiformat .text-clamp.text-clamp-3 {
  -webkit-line-clamp: 3;
}

body#page-course-view-remuiformat .text-clamp.text-clamp-4 {
  -webkit-line-clamp: 4;
}

body#page-course-view-remuiformat .text-clamp.text-clamp-5 {
  -webkit-line-clamp: 5;
}

body#page-course-view-remuiformat .row {
  margin: unset;
}

body#page-course-view-remuiformat.editing .general-section-activities .cm_action_menu.actions .section-cm-edit-actions .editing_moveright, body#page-course-view-remuiformat.editing .general-section-activities .cm_action_menu.actions .section-cm-edit-actions .editing_moveleft {
  display: none;
}

body#page-course-view-remuiformat #region-top-blocks.pb-3, body#page-course-view-remuiformat #region-top-blocks.py-3 {
  padding: 0px !important;
}

body#page-course-view-remuiformat .secondary-navigation {
  padding: 0px;
  margin-bottom: 24px;
}

body#page-course-view-remuiformat header.hasbackground.design-1 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 336px;
  padding: 24px;
  border-radius: 8px;
  max-width: 100%;
  width: 100%;
}

@media (max-width: 568px) {
  body#page-course-view-remuiformat header.hasbackground.design-1 {
    min-height: 445px;
  }
}

body#page-course-view-remuiformat header.hasbackground.design-1 .dashboard-bar-wrapper {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

@media (max-width: 568px) {
  body#page-course-view-remuiformat header.hasbackground.design-1 .dashboard-bar-wrapper {
    gap: 8px;
  }
}

body#page-course-view-remuiformat header.hasbackground.design-1 .header-main-section .category {
  margin-bottom: 8px;
}

body#page-course-view-remuiformat header.hasbackground.design-1 .header-main-section .category .badge {
  padding: 4px 6px;
  border-radius: 4px;
  background-color: #fff;
  color: #37be71;
  font-size: 12px;
  line-height: 15px;
  font-weight: 400;
}

body#page-course-view-remuiformat header.hasbackground.design-1 .header-sub-section {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 32px 24px;
}

@media (max-width: 568px) {
  body#page-course-view-remuiformat header.hasbackground.design-1 .header-sub-section {
    align-items: start;
    flex-direction: column;
  }
}

body#page-course-view-remuiformat header.hasbackground.design-1 .header-sub-section .rating-instructor-wrapper {
  display: flex;
  gap: 12px 24px;
  flex-wrap: wrap;
  align-items: center;
}

@media (max-width: 568px) {
  body#page-course-view-remuiformat header.hasbackground.design-1 .header-sub-section .rating-instructor-wrapper {
    gap: 16px;
  }
}

body#page-course-view-remuiformat header.hasbackground.design-1 .header-sub-section .rating-instructor-wrapper .edw-ratings-wrapper {
  color: #fff;
}

body#page-course-view-remuiformat header.hasbackground.design-1 .header-sub-section .rating-instructor-wrapper .edw-ratings-wrapper .inner {
  flex-direction: row-reverse;
  gap: 8px;
}

body#page-course-view-remuiformat header.hasbackground.design-1 .header-sub-section .rating-instructor-wrapper .edw-ratings-wrapper .avgrating {
  order: 2;
  margin-left: 4px;
}

body#page-course-view-remuiformat header.hasbackground.design-1 .header-sub-section .rating-instructor-wrapper .edw-ratings-wrapper .rnr-link {
  padding-left: 2px;
}

body#page-course-view-remuiformat header.hasbackground.design-1 .header-sub-section .rating-instructor-wrapper .edw-ratings-wrapper .avgrating, body#page-course-view-remuiformat header.hasbackground.design-1 .header-sub-section .rating-instructor-wrapper .edw-ratings-wrapper .rnr-link {
  font-size: 14px;
  font-weight: 600;
  color: #fff;
}

body#page-course-view-remuiformat header.hasbackground.design-1 .header-sub-section .rating-instructor-wrapper .stat-container {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 16px;
}

body#page-course-view-remuiformat header.hasbackground.design-1 .header-sub-section .rating-instructor-wrapper .instructor-info {
  color: #fff;
}

body#page-course-view-remuiformat header.hasbackground.design-1 .header-sub-section .rating-instructor-wrapper .instructor-info .stat {
  font-size: 14px;
  line-height: 22px;
  font-weight: 600;
  color: #313848;
  padding: 4px;
  border-radius: 4px;
  background-color: #fff;
}

body#page-course-view-remuiformat header.hasbackground.design-1 .header-sub-section .rating-instructor-wrapper .instructor-info .userpicture,
body#page-course-view-remuiformat header.hasbackground.design-1 .header-sub-section .rating-instructor-wrapper .instructor-info .userinitials {
  width: 24px;
  height: 24px;
  border: unset;
}

body#page-course-view-remuiformat header.hasbackground.design-1 .header-sub-section .rating-instructor-wrapper .instructor-info .userinitials {
  font-size: 12px;
}

body#page-course-view-remuiformat header.hasbackground.design-1 .header-sub-section .rating-instructor-wrapper .instructor-info .view-user-profile-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

body#page-course-view-remuiformat header.hasbackground.design-1 .header-sub-section .rating-instructor-wrapper .instructor-info .titles {
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
  color: #fff;
}

body#page-course-view-remuiformat header.hasbackground.design-1 .header-sub-section .rating-instructor-wrapper .instructor-info .view-all-instructorslink {
  font-size: 14px;
  line-height: 22px;
  font-weight: 600;
}

body#page-course-view-remuiformat header.hasbackground.design-1 .header-sub-section .progress-resume-wrapper {
  display: flex;
  align-items: center;
  gap: 24px 40px;
}

@media (max-width: 1200px) {
  body#page-course-view-remuiformat header.hasbackground.design-1 .header-sub-section .progress-resume-wrapper {
    flex-direction: column;
  }
}

@media (max-width: 568px) {
  body#page-course-view-remuiformat header.hasbackground.design-1 .header-sub-section .progress-resume-wrapper {
    gap: 16px;
    flex-wrap: wrap;
    align-items: flex-start;
    width: 100%;
  }
}

body#page-course-view-remuiformat header.hasbackground.design-1 .header-sub-section .progress-resume-wrapper .progressbar-text-wrapper {
  display: flex;
  flex-direction: column;
  gap: 4px;
  color: #fff;
  font-size: 12px;
  line-height: 15px;
  font-weight: 400;
}

@media (max-width: 568px) {
  body#page-course-view-remuiformat header.hasbackground.design-1 .header-sub-section .progress-resume-wrapper .progressbar-text-wrapper {
    width: 100%;
  }
}

body#page-course-view-remuiformat header.hasbackground.design-1 .header-sub-section .progress-resume-wrapper .progress {
  min-width: 230px;
  height: 7px !important;
}

@media (max-width: 568px) {
  body#page-course-view-remuiformat header.hasbackground.design-1 .header-sub-section .progress-resume-wrapper .progress {
    min-width: unset;
  }
}

body#page-course-view-remuiformat header.hasbackground.design-1 .header-heading {
  color: white;
}

body#page-course-view-remuiformat.editing header.hasbackground.design-1 {
  justify-content: flex-end !important;
}

body#page-course-view-remuiformat.editing header.hasbackground.design-1 .header-sub-section {
  justify-content: flex-start;
}

body#page-course-view-remuiformat .summary-collapsed {
  max-height: 300px;
  position: relative;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(180deg, #D9D9D9 51.56%, rgba(217, 217, 217, 0) 100%);
}

body#page-course-view-remuiformat .progress-bar-warpper {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
}

@media (max-width: 568px) {
  body#page-course-view-remuiformat .progress-bar-warpper {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }
}

body#page-course-view-remuiformat .progress-bar-warpper .progress {
  height: 7px !important;
  margin: 0px;
  width: 230px;
}

@media (max-width: 568px) {
  body#page-course-view-remuiformat .progress-bar-warpper .progress {
    width: 100%;
  }
}

body#page-course-view-remuiformat .progress-bar-warpper .progress-text {
  color: #4C5A73;
  white-space: nowrap;
  font-size: 12px;
  line-height: 15px;
  font-weight: 600;
}

body#page-course-view-remuiformat .card-section-rightnav,
body#page-course-view-remuiformat .card-section-leftnav {
  background-color: #0051F9;
  border-radius: 5px;
  height: -webkit-fit-content;
  height: fit-content;
}

body#page-course-view-remuiformat .card-section-rightnav a,
body#page-course-view-remuiformat .card-section-leftnav a {
  color: #fff;
}

body#page-course-view-remuiformat .remui-format-card .hide,
body#page-course-view-remuiformat .remui-format-list .hide {
  display: none;
}

body#page-course-view-remuiformat.editing ul.remuiformat {
  padding-left: 0px;
}

body#page-course-view-remuiformat.editing .course-section .section-item {
  background-color: white;
  padding: 1rem;
}

body#page-course-view-remuiformat.editing .yui3-dd-proxy .section {
  text-decoration: none;
}

body#page-course-view-remuiformat.editing .action-menu-trigger .dropdown-toggle::after,
body#page-course-view-remuiformat.editing .action-menu .dropdown-toggle::after {
  display: none;
}

body#page-course-view-remuiformat.editing .action-menu-trigger .dropdown-subpanel .dropdown-toggle,
body#page-course-view-remuiformat.editing .action-menu .dropdown-subpanel .dropdown-toggle {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

body#page-course-view-remuiformat.editing .action-menu-trigger .dropdown-subpanel .dropdown-toggle::before,
body#page-course-view-remuiformat.editing .action-menu .dropdown-subpanel .dropdown-toggle::before {
  display: inline-block;
  order: 3;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  font-size: 10px;
}

body#page-course-view-remuiformat.editing .stretched-link::after {
  display: none;
}

body#page-course-view-remuiformat.editing .dropdown-menu .stretched-link::after {
  display: unset;
}

body#page-course-view-remuiformat.editing .general-section-activities .activity.modtype_folder .contentwithoutlink {
  padding-left: 2.142rem;
  padding-top: 0.714rem;
}

body#page-course-view-remuiformat.editing .activity .media-body .text-font-small.small {
  display: block !important;
}

body#page-course-view-remuiformat .activity.activity-wrapper .activity-item .description .activity-dates .description-inner div {
  line-height: 22px;
}

body#page-course-view-remuiformat #page .activityiconcontainer {
  border-radius: 8px;
  margin-right: 0 !important;
  height: 50px;
  width: 50px;
}

body#page-course-view-remuiformat #page .activityiconcontainer .activityinstance img {
  width: 28px !important;
  height: 28px !important;
}

body#page-course-view-remuiformat #page .generalsecactivitiescontent > .activityinstance {
  gap: 12px;
}

body#page-course-view-remuiformat #page .generalsecactivitiescontent .action-availstatus-wrapper:has(:first-child) {
  margin-top: 16px;
}

body#page-course-view-remuiformat .course-section-header .sectionname .panel-title .text-success {
  margin-left: 5px;
  margin-top: 5px;
}

body#page-course-view-remuiformat .automatic-completion-conditions {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

body#page-course-view-remuiformat .automatic-completion-conditions .badge {
  padding: 8px !important;
  background-color: #EBF0F9;
  border-radius: 4px;
  width: -webkit-fit-content;
  width: fit-content;
}

body#page-course-view-remuiformat .automatic-completion-conditions .badge strong {
  color: #313848;
  font-size: 14px;
  line-height: 22px;
  font-weight: 600;
}

body#page-course-view-remuiformat .automatic-completion-conditions .badge span {
  color: #4C5A73;
  font-size: 12px;
  line-height: 22px;
  font-weight: 400;
}

body#page-course-view-remuiformat .automatic-completion-conditions .badge span .font-weight-normal {
  color: #4C5A73;
  font-size: 12px;
  line-height: 22px;
  font-weight: 400;
}

body#page-course-view-remuiformat:not(.editing) .activity .activitytitle .media-body > :first-child {
  display: none;
}

body#page-course-view-remuiformat .activity .activitytitle .media-body {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 4px;
  width: 100%;
  text-align: start;
}

body#page-course-view-remuiformat .activity .activitytitle .media-body > :first-child {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #647390;
  text-transform: capitalize !important;
}

body#page-course-view-remuiformat .activity .activitytitle .media-body .activityname {
  display: block !important;
}

body#page-course-view-remuiformat .activity .activitytitle .media-body .activityname a {
  color: #313848;
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
  word-break: break-word;
}

body#page-course-view-remuiformat .activity .activitytitle .media-body .activityname .inplaceeditable {
  display: inline;
}

body#page-course-view-remuiformat .activity .activitytitle .media-body .activityname .inplaceeditable .instancename {
  display: inline;
}

body#page-course-view-remuiformat .activity .activitytitle .media-body .activityname .inplaceeditable .quickeditlink {
  margin-left: 8px;
}

body#page-course-view-remuiformat .activity > .activityinstance {
  gap: 12px;
}

body#page-course-view-remuiformat .activity .activity-item:not(.activityinline) {
  border: 1px solid #EBF0F9;
  border-radius: 8px;
  padding: 24px;
  background-color: #fff;
}

body#page-course-view-remuiformat .activity.activity-wrapper .activity-item:has(.section.delegated-section) {
  padding: 0;
  border: 0;
  box-shadow: unset;
}

body#page-course-view-remuiformat .activity.activity-wrapper .activity-item:has(.section.delegated-section) .section-item:hover {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

body#page-course-view-remuiformat .activity .description .course-description-item, body#page-course-view-remuiformat .activity .description .activity-dates, body#page-course-view-remuiformat .activity .activity-grid .course-description-item, body#page-course-view-remuiformat .activity .activity-grid .activity-dates {
  padding: 8px;
  flex-direction: column;
  margin-top: 0px !important;
  background-color: #EBF0F9;
  border-radius: 4px;
  color: #4C5A73;
  font-size: 12px;
  font-weight: 400px;
}

body#page-course-view-remuiformat .activity .description .course-description-item .description-inner, body#page-course-view-remuiformat .activity .description .activity-dates .description-inner, body#page-course-view-remuiformat .activity .activity-grid .course-description-item .description-inner, body#page-course-view-remuiformat .activity .activity-grid .activity-dates .description-inner {
  padding: 0px;
  border: unset;
}

body#page-course-view-remuiformat .activity .description .course-description-item .description-inner ul li, body#page-course-view-remuiformat .activity .description .activity-dates .description-inner ul li, body#page-course-view-remuiformat .activity .activity-grid .course-description-item .description-inner ul li, body#page-course-view-remuiformat .activity .activity-grid .activity-dates .description-inner ul li {
  margin-bottom: unset;
}

body#page-course-view-remuiformat .activity .description .activity-altcontent,
body#page-course-view-remuiformat .activity .description .activity-description, body#page-course-view-remuiformat .activity .activity-grid .activity-altcontent,
body#page-course-view-remuiformat .activity .activity-grid .activity-description {
  padding: 8px 0 0 0;
  background-color: unset;
  border: 0;
  margin-top: 0;
  margin-bottom: 16px;
  font-size: 14px;
}

body#page-course-view-remuiformat .activity .description .activity-altcontent p,
body#page-course-view-remuiformat .activity .description .activity-description p, body#page-course-view-remuiformat .activity .activity-grid .activity-altcontent p,
body#page-course-view-remuiformat .activity .activity-grid .activity-description p {
  margin: 0;
}

body#page-course-view-remuiformat .course-content .sections {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}

body#page-course-view-remuiformat .course-content .sections.generalsection-container {
  margin-bottom: 48px;
}

body#page-course-view-remuiformat .course-content .sections #section-0 .general-section {
  gap: 48px;
  padding: 0px;
  background: transparent;
  box-shadow: none;
  border: none;
  border-radius: unset;
}

body#page-course-view-remuiformat .course-content .sections #section-0 .general-section .section-title {
  color: #313848;
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
}

body#page-course-view-remuiformat .course-content .sections #section-0 .general-section .section-details {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

body#page-course-view-remuiformat .course-content .sections #section-0 .general-section .section-details .generaldetails {
  gap: 8px;
}

body#page-course-view-remuiformat .course-content .sections #section-0 .general-section .section-details .generaldetails .generalsectioninfo .coursesummary {
  color: #4C5A73;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

body#page-course-view-remuiformat .course-content .sections #section-0 .general-section .section-details .generaldetails .generalsectioninfo .readbtn {
  font-size: 14px;
  line-height: 17px;
  font-weight: 600;
  color: #0051F9;
  text-decoration: none;
  cursor: pointer;
}

body#page-course-view-remuiformat .course-content .sections #section-0 .general-section .section-details .coursedetails {
  width: 100%;
}

body#page-course-view-remuiformat .course-content .sections #section-0 .general-section .section-details .coursedetails .details {
  gap: 8px;
}

body#page-course-view-remuiformat .course-content .sections #section-0 .general-section .section-details .coursedetails .details .activities-title {
  color: #313848;
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
}

body#page-course-view-remuiformat .course-content .sections #section-0 .general-section .section-details .coursedetails .details .section-activities-summary {
  color: #4C5A73;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

body#page-course-view-remuiformat .course-content .sections #section-0 .general-section .activities-wrapper {
  gap: 16px;
}

body#page-course-view-remuiformat .course-content .sections #section-0 .general-section .activities-wrapper .activitieshead {
  color: #313848;
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
}

body#page-course-view-remuiformat .course-content .sections #section-0 .general-section .activities-wrapper .general-section-activities {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 24px;
  padding: 0px;
  margin: 0px;
  max-width: unset;
}

@media (min-width: 1440px) {
  body#page-course-view-remuiformat .course-content .sections #section-0 .general-section .activities-wrapper .general-section-activities {
    grid-template-columns: repeat(auto-fill, minmax(302px, 302px));
  }
}

body#page-course-view-remuiformat .course-content .sections #section-0 .general-section .activities-wrapper .general-section-activities .section {
  list-style: none;
}

body#page-course-view-remuiformat .course-content .sections #section-0 .general-section .activities-wrapper .general-section-activities .activity:not(.modtype_label) {
  padding: 24px;
  background: #fff;
  border: 1px solid #EBF0F9;
  border-radius: 8px;
  min-height: 152px;
  transition: all 0.5s ease;
}

body#page-course-view-remuiformat .course-content .sections #section-0 .general-section .activities-wrapper .general-section-activities .activity:not(.modtype_label):hover {
  box-shadow: 0px 13px 37px rgba(92, 107, 121, 0.1);
}

body#page-course-view-remuiformat .course-content .sections #section-0 .general-section .activities-wrapper .general-section-activities .activity:not(.modtype_label) .sectionbadges {
  width: 100%;
}

body#page-course-view-remuiformat .course-content .sections #section-0 .general-section .activities-wrapper .general-section-activities .activity:not(.modtype_label) .actions {
  display: flex;
  position: relative;
  justify-content: start;
  padding: 0px;
}

body#page-course-view-remuiformat .course-content .sections #section-0 .general-section .activities-wrapper .general-section-activities .activity:not(.modtype_label) .actions .spinner {
  position: relative;
  left: 0;
}

body#page-course-view-remuiformat .course-content .sections #section-0 .general-section .activities-wrapper .general-section-activities .activity:not(.modtype_label) .actions .cm_action_menu.actions {
  margin: 0px;
  width: 100%;
  position: unset !important;
  justify-content: flex-end;
}

body#page-course-view-remuiformat .course-content .sections #section-0 .general-section .activities-wrapper .general-section-activities .activity:not(.modtype_label) .actions .activity-information {
  width: 100%;
}

body#page-course-view-remuiformat .course-content .sections #section-0 .general-section .activities-wrapper .general-section-activities .activity:not(.modtype_label) .actions .activity-information .completion-info,
body#page-course-view-remuiformat .course-content .sections #section-0 .general-section .activities-wrapper .general-section-activities .activity:not(.modtype_label) .actions .activity-information [data-region="completion-info"] {
  width: 100%;
  float: left;
}

body#page-course-view-remuiformat .course-content .sections #section-0 .general-section .activities-wrapper .general-section-activities .activity:not(.modtype_label) .actions .activity-information .completion-info .btn,
body#page-course-view-remuiformat .course-content .sections #section-0 .general-section .activities-wrapper .general-section-activities .activity:not(.modtype_label) .actions .activity-information [data-region="completion-info"] .btn {
  width: 100%;
}

body#page-course-view-remuiformat .course-content .sections #section-0 .general-section .activities-wrapper .general-section-activities .activity:not(.modtype_label) .action-availstatus-wrapper:has(:nth-child(2)) .actions {
  margin-top: 16px;
}

body#page-course-view-remuiformat .course-content .sections #section-0 .general-section .activities-wrapper .general-section-activities .activity.modtype_label {
  grid-column: 1/-1;
  text-align: left;
}

body#page-course-view-remuiformat .course-content .sections #section-0 .general-section .activities-wrapper .general-section-activities .activity.modtype_label .actions {
  position: relative !important;
  justify-content: flex-end;
  align-items: center;
  gap: 16px;
}

body#page-course-view-remuiformat .course-content .sections #section-0 .general-section .activities-wrapper .general-section-activities .activity .activitytitle {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  gap: 26px;
}

body#page-course-view-remuiformat .course-content .sections #section-0 .general-section .activities-wrapper .general-section-activities .activity .availabilityinfo .description-inner {
  color: #4C5A73;
  text-align: left;
}

body#page-course-view-remuiformat .course-content .sections #section-0 .general-section .activities-wrapper .general-section-activities .activity .availabilityinfo .description-inner .icon {
  margin: unset;
}

body#page-course-view-remuiformat .course-content .sections #section-0 .general-section .activities-wrapper .general-section-activities .activity .editing_move {
  position: absolute;
  display: flex;
  left: -15px;
  top: -15px;
  z-index: 10;
}

body#page-course-view-remuiformat .course-content .sections #section-0 .general-section .activities-wrapper .general-section-activities .activity .editing_move i {
  margin: 0px;
}

body#page-course-view-remuiformat .course-content .sections #section-0 .general-section .activities-wrapper .general-section-activities .activity .contentafterlink,
body#page-course-view-remuiformat .course-content .sections #section-0 .general-section .activities-wrapper .general-section-activities .activity .contentwithoutlink {
  padding: 0px;
  display: flex;
  flex-direction: column;
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
  text-align: left;
  color: #4C5A73;
}

body#page-course-view-remuiformat .course-content .sections #section-0 .general-section .activities-wrapper .general-section-activities .activity .activityinstance {
  position: relative;
}

body#page-course-view-remuiformat .course-content .sections #section-0 .general-section .activities-wrapper .general-section-activities.list-view-general-activities {
  display: flex;
  flex-direction: column;
}

body#page-course-view-remuiformat .course-content .sections #section-0 .general-section .activities-wrapper .general-section-activities.list-view-general-activities .section.delegated-section.list-summary-section {
  padding: 24px;
}

body#page-course-view-remuiformat .course-content .sections #section-0 .general-section .activities-wrapper .general-section-activities.list-view-general-activities > .activity.indented {
  margin-left: 24px;
}

body#page-course-view-remuiformat .course-content .sections #section-0 .general-section .activities-wrapper .general-section-activities.list-view-general-activities .activity {
  min-height: unset;
}

body#page-course-view-remuiformat .course-content .sections #section-0 .general-section .activities-wrapper .general-section-activities.list-view-general-activities .activity .activityinstance {
  align-items: unset;
}

body#page-course-view-remuiformat .course-content .sections #section-0 .general-section .activities-wrapper .general-section-activities.list-view-general-activities .activity .activityinstance .contentafterlink .no-overflow .no-overflow {
  margin-left: 74px;
}

body#page-course-view-remuiformat .course-content .sections #section-0 .general-section .activities-wrapper .general-section-activities.list-view-general-activities .activity .activitytitle {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  gap: 26px;
}

body#page-course-view-remuiformat .course-content .sections #section-0 .general-section .showactivity {
  font-size: 14px;
  line-height: 17px;
  font-weight: 600;
  color: #0051F9;
  text-decoration: underline;
  cursor: pointer;
}

body#page-course-view-remuiformat .course-content .sections .badge {
  min-width: -webkit-max-content;
  min-width: max-content;
  padding: 4px 8px;
  margin: unset;
  white-space: normal;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  vertical-align: middle;
  text-align: left;
}

body#page-course-view-remuiformat .course-content .sections .wdm-add-new-section {
  border: 1px solid #e4eaec;
}

body#page-course-view-remuiformat .content .summary .no-overflow {
  width: 100%;
}

body#page-course-view-remuiformat .container-fluid #region-main .card,
body#page-course-view-remuiformat .container-fluid #region-main {
  border: none;
}

body#page-course-view-remuiformat .container-fluid #region-main .card.card-block:first-of-type {
  background: transparent;
  padding: 0;
  overflow: visible;
}

body#page-course-view-remuiformat .container-fluid #region-main .card > .card-body:first-of-type {
  background: #fff;
  overflow: visible;
}

body#page-course-view-remuiformat .container-fluid #region-main {
  background: #fff;
  overflow: visible;
}

body#page-course-view-remuiformat .container-fluid #region-main {
  background: #fff !important;
  overflow: visible;
}

body#page-course-view-remuiformat .container #region-main .card.card-block:first-of-type {
  background: transparent;
  padding: 0;
  overflow: visible;
}

body#page-course-view-remuiformat .wdm-card-section {
  display: flex;
  justify-content: flex-end;
  gap: 16px;
  margin-top: 24px;
}

body#page-course-view-remuiformat .wdm-completion-container form.togglecompletion,
body#page-course-view-remuiformat .wdm-completion-container form.togglecompletion > div {
  display: inline !important;
}

body#page-course-view-remuiformat .wdm-completion-container form.togglecompletion .btn.btn-link,
body#page-course-view-remuiformat .wdm-completion-container .autocompletion {
  padding: 0 0 0 10px;
  background: transparent;
}

body#page-course-view-remuiformat .wdm-completion-container form.togglecompletion .btn.btn-link:hover {
  background: transparent !important;
}

body#page-course-view-remuiformat .wdm-completion-container form.togglecompletion .btn.btn-link img,
body#page-course-view-remuiformat .wdm-completion-container .autocompletion img {
  width: 18px;
  height: 18px;
  margin: 4px 0;
}

body#page-course-view-remuiformat .section-summary-activities,
body#page-course-view-remuiformat .summary .no-overflow p {
  color: #4C5A73;
  font-size: 14px;
  line-height: 22px;
  font-weight: 600;
  font-weight: bold;
}

body#page-course-view-remuiformat .flex-1 {
  flex: 1;
}

body#page-course-view-remuiformat .w-p100 {
  width: 100% !important;
}

body#page-course-view-remuiformat .text-right {
  text-align: right !important;
}

body#page-course-view-remuiformat .text-center {
  text-align: center !important;
}

body#page-course-view-remuiformat .progress-xs {
  width: 100%;
  border-bottom: 0 !important;
  border-radius: 5px;
  position: relative;
  bottom: 0;
}

body#page-course-view-remuiformat .progress-xs,
body#page-course-view-remuiformat .progress-xs .progress-bar {
  height: 7px !important;
  border-radius: 5px;
}

body#page-course-view-remuiformat .progress-xs .progress-bar {
  line-height: 4px !important;
}

body#page-course-view-remuiformat .bg-green-600 {
  background-color: #11c26d !important;
}

body#page-course-view-remuiformat .progress-xs.dark {
  background-color: #e0e0e09e !important;
}

body#page-course-view-remuiformat .progress-xs.light {
  background-color: #b7b4b4a3 !important;
}

body#page-course-view-remuiformat .remui-format-card .current::before {
  left: -.1rem !important;
}

body#page-course-view-remuiformat div#card-container a .section-title:hover {
  text-decoration: underline;
}

body#page-course-view-remuiformat input.ignoredirty.form-control {
  width: 100% !important;
}

body#page-course-view-remuiformat div#card-editing-container #section-0 li.activity img.activityicon {
  vertical-align: middle;
  height: 28px;
  width: 28px;
}

body#page-course-view-remuiformat .section-modchooser {
  margin: 0px !important;
}

body#page-course-view-remuiformat.theme_adaptable .section-modchooser .section-modchooser-link *,
body#page-course-view-remuiformat.theme_adaptable .section-modchooser .section-modchooser-link a:hover {
  color: #51666C;
}

body#page-course-view-remuiformat .section-modchooser .section-modchooser-link *,
body#page-course-view-remuiformat .section-modchooser .section-modchooser-link a:hover {
  color: white;
}

body#page-course-view-remuiformat div#card-editing-container div.availabilityinfo.ishidden,
body#page-course-view-remuiformat div#card-container div.availabilityinfo.ishidden,
body#page-course-view-remuiformat li.wdm-card-single-section div.availabilityinfo {
  padding: 10px 0;
  font-weight: bold;
}

body#page-course-view-remuiformat .wdm-section-summary.summary-muted * {
  color: #526069 !important;
  display: none;
}

body#page-course-view-remuiformat .wdm-card-completion button.btn-link {
  padding: 0;
}

body#page-course-view-remuiformat .wdm-card-completion button.btn-link img {
  margin: 0 2px 0 0;
}

body#page-course-view-remuiformat #changenumsections {
  border: none;
}

body#page-course-view-remuiformat #changenumsections > div {
  width: 100%;
}

body#page-course-view-remuiformat #changenumsections .single-card,
body#page-course-view-remuiformat #changenumsections .card-block {
  justify-content: center;
  box-shadow: none;
  background: #e5e5e5;
}

body#page-course-view-remuiformat #changenumsections a {
  color: #526069 !important;
}

body#page-course-view-remuiformat #changenumsections i.fa {
  margin: 0 auto;
}

body#page-course-view-remuiformat .w-full {
  width: 100%;
}

body#page-course-view-remuiformat .d-flex {
  display: flex;
}

body#page-course-view-remuiformat .d-block {
  display: block;
}

body#page-course-view-remuiformat .mdl-right {
  text-align: right;
}

body#page-course-view-remuiformat .float-right {
  float: right;
}

body#page-course-view-remuiformat .align-items-center {
  align-items: center;
}

body#page-course-view-remuiformat .showactivitywrapper {
  text-align: center !important;
}

body#page-course-view-remuiformat .showactivitywrapper .showactivity {
  font-size: 24px;
  line-height: 24px;
  cursor: pointer;
}

body#page-course-view-remuiformat .inplaceeditable a:focus {
  box-shadow: unset;
  border: unset;
  background: unset;
}

body#page-course-view-remuiformat .modchoosercontainer .chooser-container .tab-content .optionscontainer .option .optioninfo .optionicon {
  margin-right: unset !important;
  margin: auto !important;
  margin-top: 15px !important;
}

body#page-course-view-remuiformat .badge-primary {
  background-color: #1C376F;
}

body#page-course-view-remuiformat .contentwithoutlink,
body#page-course-view-remuiformat .contentafterlink {
  max-height: 220px;
  justify-content: space-between;
  width: 100%;
}

body#page-course-view-remuiformat .contentwithoutlink p,
body#page-course-view-remuiformat .contentafterlink p {
  margin: 0;
}

body#page-course-view-remuiformat .font-size-16 {
  font-size: 16px;
}

body#page-course-view-remuiformat.editing .general-section-activities .activity .contentafterlink .no-overflow {
  overflow: auto !important;
}

body#page-course-view-remuiformat .availabilityinfo.isrestricted .showmore-container {
  text-align: left;
}

body#page-course-view-remuiformat .availabilityinfo.isrestricted .showmore-container .btn span.expanded-content {
  padding: 1px;
  display: flex;
  justify-content: center;
  align-items: center;
}

body#page-course-view-remuiformat .availabilityinfo.isrestricted .showmore-container .btn span.expanded-content .icon {
  font-size: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
}

body#page-course-view-remuiformat .availabilityinfo.isrestricted .showmore-container.collapsed .btn span.collapsed-content {
  padding: 1px;
  display: flex;
  justify-content: center;
  align-items: center;
}

body#page-course-view-remuiformat .availabilityinfo.isrestricted .showmore-container.collapsed .btn span.collapsed-content .icon {
  font-size: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
}

body#page-course-view-remuiformat .availabilityinfo.isrestricted .showmore-container.collapsed .btn .expanded-content {
  display: none;
}

body#page-course-view-remuiformat .availabilityinfo.isrestricted ul {
  padding-left: 1rem !important;
}

body#page-course-view-remuiformat.limitedwidth header.hasbackground.design-1 .header-sub-section .progress-resume-wrapper {
  flex-direction: column;
}

.section .dndupload-preview-overlay, .section .dndupload-preview-wrapper {
  display: none;
}

.single-section ul.remuiformat {
  padding-left: 0;
}

.section.delegated-section {
  text-align: start;
  border-radius: 8px;
}

.section.delegated-section .wdm-add-new-section {
  display: none;
}

.section.delegated-section::after {
  content: unset;
}

.section.delegated-section .content .section:not(:has(:first-child)) {
  display: none !important;
}

body:not(.editing) #page-content .course-content ul li.section.main.delegated-section {
  margin-top: 0.25rem;
}

.erf-ml-2 {
  margin-left: 0.5rem !important;
}

.erf-ml-1 {
  margin-left: 0.25rem !important;
}

.erf-ml-auto {
  margin-left: auto !important;
}

.erf-float-left {
  float: left !important;
}

.erf-float-right {
  float: right !important;
}

.erf-text-right {
  text-align: right !important;
}

.erf-text-left {
  text-align: left !important;
}

.erf-gap-26 {
  gap: 26px !important;
}

.erf-gap-24 {
  gap: 24px !important;
}

#video-format-banner-box {
  margin-top: 14px;
  display: flex;
  gap: 28px;
  flex-wrap: wrap;
  max-width: 891.96px;
  height: auto;
  border-radius: 6px;
  padding: 32px;
  background: linear-gradient(90deg, #109FAA 0%, #385BB5 67.21%, #324165 101.06%);
}

#video-format-banner-box img.notice-logo {
  flex: none;
  width: 239.96px;
  height: 100%;
}

#video-format-banner-box .notice-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

#video-format-banner-box .notice-content .sub-content {
  display: flex;
  flex-direction: column;
  gap: 10px;
  color: #FFFFFF;
}

#video-format-banner-box .notice-content .sub-content h2 {
  font-size: 28px;
  font-weight: 700;
  line-height: 100%;
  color: #FFFFFF;
}

#video-format-banner-box .notice-content .sub-content .features-list {
  display: flex;
  gap: 18px;
  flex-wrap: wrap;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

#video-format-banner-box .notice-content .sub-content .features-list p {
  display: flex;
  gap: 8px;
  margin-bottom: 0px !important;
  align-items: center;
}

#video-format-banner-box .notice-content .buttons {
  display: flex;
  gap: 16px;
}

#video-format-banner-box .notice-content .buttons .explore-btn,
#video-format-banner-box .notice-content .buttons .view-demo-btn {
  padding: 8.5px 16px;
  border-radius: 3px;
  font-size: 16px;
  font-weight: 600;
  line-height: 100%;
  cursor: pointer;
}

#video-format-banner-box .notice-content .buttons .explore-btn {
  border: 1px solid #F75D25;
  background-color: #FFFFFF;
  color: #F75D25;
}

#video-format-banner-box .notice-content .buttons .explore-btn:hover {
  background-color: #F75D25;
  color: #FFFFFF;
}

#video-format-banner-box .notice-content .buttons .view-demo-btn {
  background-color: #F75D25;
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
}

#video-format-banner-box .notice-content .buttons .view-demo-btn:hover {
  background-color: #FFFFFF;
  color: #F75D25;
}

/**
 * Styles for format_simple.
 *
 * All selectors are scoped under the .format-simple body class to prevent
 * style leakage into other parts of the Moodle site. Moodle applies this
 * body class automatically when this course format is active.
 *
 * @package    format_simple
 * @copyright  2025 South African Theological Seminary <ict@sats.ac.za>
 * @license    http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
 */

/* =========================================================================
   Design Tokens
   ========================================================================= */

.format-simple .format-simple-wrapper {
    --simple-bg: #eef2ff;
    --simple-surface: #fff;
    --simple-text: #1a1a1a;
    --simple-text-secondary: #6b7280;
    --simple-text-muted: #9ca3af;
    --simple-border: #e5e7eb;
    --simple-border-light: #f3f4f6;
    --simple-accent: #2563eb;
    --simple-accent-light: #dbeafe;
    --simple-success: #10b981;
    --simple-success-light: #d1fae5;
    --simple-warning: #f59e0b;
    --simple-danger: #ef4444;
    --simple-radius: 12px;
    --simple-radius-sm: 8px;
    --simple-radius-lg: 16px;
    --simple-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04);
    --simple-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.05), 0 2px 4px rgba(0, 0, 0, 0.03);
    --simple-shadow-lg: 0 10px 25px rgba(0, 0, 0, 0.08), 0 4px 10px rgba(0, 0, 0, 0.04);
    --simple-transition: 500ms cubic-bezier(0.4, 0, 0.2, 1);
    --simple-transition-fast: 400ms cubic-bezier(0.4, 0, 0.2, 1);
    --simple-transition-slow: 600ms cubic-bezier(0.4, 0, 0.2, 1);
    --simple-nav-width: 280px;
    --simple-nav-collapsed-width: 60px;
    --simple-nav-collapse-speed: 1.2s cubic-bezier(0.25, 0.1, 0.25, 1);
    --simple-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* =========================================================================
   Global Overrides — Hide Moodle Chrome for Clean Experience
   ========================================================================= */


/* Hide the page context header — redundant in this format. */
body.format-simple .page-context-header {
    display: none;
}

/* Secondary navigation is hidden via JS in setupSecondaryNav() after
   the cog popover is built. No CSS rule needed — this ensures subpages
   (participants, settings, grades) keep their standard nav. */

/* ---- Cog Popover (course tools) ---- */

.format-simple .simple-cog-container {
    position: fixed;
    top: 70px;
    left: 0;
    z-index: 1040;
}

.format-simple .simple-home-btn {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border: none;
    border-radius: 0 10px 10px 0;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
    font-size: 1.25rem;
    color: #6b7280;
    cursor: pointer;
    transition: color 200ms, background 200ms;
    text-decoration: none;
    margin-top: 6px;
}

.format-simple .simple-home-btn:hover {
    color: #2563eb;
    background: #f0f4ff;
    text-decoration: none;
}

/* Section 0 modal trigger button. */
.format-simple .simple-s0-modal-btn {
    position: relative;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border: none;
    border-radius: 0 10px 10px 0;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
    font-size: 1.25rem;
    color: #6b7280;
    cursor: pointer;
    transition: color 200ms, background 200ms;
    margin-top: 6px;
}

.format-simple .simple-s0-modal-btn:hover {
    color: #2563eb;
    background: #f0f4ff;
}

/* Section 0 modal backdrop. */
.format-simple .simple-s0-modal-backdrop {
    position: fixed;
    inset: 0;
    z-index: 1050;
    background: rgba(0, 0, 0, 0);
    backdrop-filter: blur(0);
    transition: background 400ms cubic-bezier(0.4, 0, 0.2, 1), backdrop-filter 400ms cubic-bezier(0.4, 0, 0.2, 1);
    display: none;
}

.format-simple .simple-s0-modal-backdrop.is-open {
    background: rgba(0, 0, 0, 0.45);
    backdrop-filter: blur(4px);
}

/* Section 0 modal panel. */
.format-simple .simple-s0-modal {
    position: fixed;
    top: 5vh;
    left: 5vw;
    right: 5vw;
    bottom: 5vh;
    z-index: 1051;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.3);
    display: none;
    flex-direction: column;
    transform: translateY(30px) scale(0.97);
    opacity: 0;
    transition: transform 400ms cubic-bezier(0.4, 0, 0.2, 1), opacity 400ms cubic-bezier(0.4, 0, 0.2, 1);
}

.format-simple .simple-s0-modal.is-open {
    transform: translateY(0) scale(1);
    opacity: 1;
}

/* Modal close button. */
.format-simple .simple-s0-modal-close {
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 10;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.05);
    border: none;
    border-radius: 50%;
    font-size: 1.25rem;
    color: #6b7280;
    cursor: pointer;
    transition: background 200ms, color 200ms;
}

.format-simple .simple-s0-modal-close:hover {
    background: rgba(0, 0, 0, 0.1);
    color: #111827;
}

/* Modal body — scrollable content area. */
.format-simple .simple-s0-modal-body {
    flex: 1;
    overflow-y: auto;
    padding: 32px;
    padding-top: 60px;
    -webkit-overflow-scrolling: touch;
}

/* Loading spinner inside the modal. */
.format-simple .simple-s0-modal-loading {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 200px;
}

/* Mobile adjustments for the modal. */
@media (max-width: 768px) {
    .format-simple .simple-s0-modal {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        border-radius: 0;
    }

    .format-simple .simple-s0-modal-body {
        padding: 20px;
    }
}

.format-simple .simple-cog-btn {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border: none;
    border-radius: 0 10px 10px 0;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
    font-size: 1.25rem;
    color: #6b7280;
    cursor: pointer;
    transition: color 200ms, background 200ms, transform 400ms cubic-bezier(0.4, 0, 0.2, 1);
}

.format-simple .simple-cog-btn:hover {
    color: #2563eb;
    background: #f0f4ff;
}

.format-simple .simple-cog-btn.is-open {
    color: #2563eb;
    background: #dbeafe;
}

.format-simple .simple-cog-btn.is-open i {
    display: inline-block;
    transform: rotate(90deg);
    transition: transform 400ms cubic-bezier(0.4, 0, 0.2, 1);
}

.format-simple .simple-cog-btn i {
    transition: transform 400ms cubic-bezier(0.4, 0, 0.2, 1);
}

/* Popover panel — slides out from the cog. */
.format-simple .simple-cog-popover {
    position: absolute;
    top: 0;
    left: 48px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1), 0 4px 10px rgba(0, 0, 0, 0.06);
    padding: 16px;
    opacity: 0;
    pointer-events: none;
    transform: translateX(-12px);
    transition: opacity 300ms cubic-bezier(0.4, 0, 0.2, 1), transform 300ms cubic-bezier(0.4, 0, 0.2, 1);
    min-width: 340px;
    max-height: calc(100vh - 80px);
    overflow-y: auto;
}

.format-simple .simple-cog-popover.is-open {
    opacity: 1;
    pointer-events: auto;
    transform: translateX(0);
}

/* Tile heading. */
.format-simple .simple-cog-heading {
    font-size: 0.6875rem;
    font-weight: 600;
    color: #9ca3af;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin: 0 0 10px 4px;
}

/* Tile grid. */
.format-simple .simple-cog-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 6px;
}

/* Individual tile. */
.format-simple .simple-cog-tile {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    padding: 14px 8px;
    border-radius: 8px;
    border: 1px solid transparent;
    background: #f9fafb;
    color: #374151;
    text-decoration: none;
    font-size: 0.75rem;
    font-weight: 500;
    text-align: center;
    line-height: 1.3;
    transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
}

.format-simple .simple-cog-tile:hover {
    background: #eef2ff;
    border-color: #c7d2fe;
    color: #2563eb;
    transform: translateY(-1px);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
    text-decoration: none;
}

.format-simple .simple-cog-tile:active {
    transform: translateY(0);
    box-shadow: none;
}

.format-simple .simple-cog-tile.is-active {
    background: #dbeafe;
    border-color: #93c5fd;
    color: #1d4ed8;
}

.format-simple .simple-cog-tile-icon {
    font-size: 1.25rem;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.format-simple .simple-cog-tile.is-active .simple-cog-tile-icon {
    background: #2563eb;
    color: #fff;
    box-shadow: 0 2px 4px rgba(37, 99, 235, 0.3);
}

.format-simple .simple-cog-tile-img {
    width: 20px;
    height: 20px;
    object-fit: contain;
    border-radius: 3px;
}

/* Hide the course navigation breadcrumb — reveal on hover. */
.format-simple #page-navbar {
    opacity: 0;
    transform: translateY(-8px);
    transition: opacity var(--simple-transition), transform var(--simple-transition);
    pointer-events: none;
}

.format-simple #page-navbar:hover,
.format-simple #page-header:hover ~ #page-navbar,
.format-simple.simple-topnav-visible #page-navbar {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

/* Ensure hover zone extends to catch mouse movement. */
.format-simple #page-navbar::before {
    content: "";
    display: block;
    height: 24px;
    position: absolute;
    top: -24px;
    left: 0;
    right: 0;
}

/* Hide the course index drawer since we have our own nav. */
body.format-simple .courseindex {
    display: none;
}

/* Tone down the page header when not needed. */
.format-simple #page-content {
    padding-top: 0;
}

/* Full-width layout — remove Moodle's default container padding. */
.format-simple #topofscroll.main-inner {
    padding: 0;
    max-width: none;
}

.format-simple #page.drawers {
    padding: 0;
}

.format-simple #page-content .region-main-box {
    padding: 0;
}

.format-simple #region-main {
    padding: 0;
    border: none;
    background: transparent;
}

.format-simple #page-content .region-main {
    padding: 0;
}

.format-simple .course-content {
    margin: 0;
    padding: 0;
    max-width: none;
}

/* Remove the page header excess spacing. */
.format-simple #page-header {
    max-width: none;
    padding-left: 20px;
    padding-right: 20px;
}

/* Hide the LEFT drawer toggle (course index) — we have our own nav.
   Keep the RIGHT drawer toggle (blocks) visible. */
body.format-simple .drawer-toggler.drawer-left-toggle {
    display: none;
}

/* Style the right drawer toggle to match our design. */
.format-simple .drawer-toggler.drawer-right-toggle .btn {
    border-color: var(--simple-border);
    color: var(--simple-text-secondary);
    transition: all var(--simple-transition-fast);
}

.format-simple .drawer-toggler.drawer-right-toggle .btn:hover {
    border-color: var(--simple-accent);
    color: var(--simple-accent);
    box-shadow: var(--simple-shadow);
}

/* ---- Right Drawer Smooth Animation ---- */

body.format-simple .drawer.drawer-right {
    transition:
        right 600ms cubic-bezier(0.25, 0.1, 0.25, 1),
        transform 600ms cubic-bezier(0.25, 0.1, 0.25, 1),
        margin-right 600ms cubic-bezier(0.25, 0.1, 0.25, 1),
        visibility 600ms cubic-bezier(0.25, 0.1, 0.25, 1),
        box-shadow 600ms cubic-bezier(0.25, 0.1, 0.25, 1);
}

.format-simple .drawer.drawer-right.show {
    box-shadow: var(--simple-shadow-lg);
}

/* Drawer auto-close is handled by JS via Boost's own close button. */

/* Ensure no max-width constraint on main content containers. */
.format-simple .container-fluid,
.format-simple #page-content .container-fluid {
    max-width: none;
    padding-left: 0;
    padding-right: 0;
}

/* Override Boost theme's limited-width media query. */
@media (min-width: 768px) {
    .format-simple.pagelayout-standard #page.drawers .main-inner,
    .format-simple.limitedwidth #page.drawers .main-inner,
    .format-simple #page.drawers .main-inner {
        max-width: 95vw;
    }
}

/* =========================================================================
   Layout — Navigation + Content
   ========================================================================= */

.format-simple .format-simple-wrapper {
    position: relative;
    display: flex;
    min-height: calc(100vh - 60px);
    background: linear-gradient(to bottom right, var(--simple-bg), var(--simple-surface));
    font-family: var(--simple-font-sans);
    gap: 0;
    border-radius: var(--simple-radius-lg);
}

/* =========================================================================
   Navigation Panel
   ========================================================================= */

.format-simple .simple-nav {
    width: var(--simple-nav-width);
    min-width: var(--simple-nav-width);
    background: var(--simple-surface);
    border-right: 1px solid var(--simple-border);
    display: flex;
    flex-direction: column;
    position: sticky;
    top: 60px;
    height: calc(100vh - 60px);
    overflow-y: auto;
    z-index: 10;
    transition: width var(--simple-nav-collapse-speed), min-width var(--simple-nav-collapse-speed);
    border-top-left-radius: var(--simple-radius-lg);
    border-bottom-left-radius: var(--simple-radius-lg);
}

.format-simple .simple-nav-inner {
    padding: 24px 0;
    flex: 1;
}

/* ---- Navigation Item ---- */

.format-simple .simple-nav-item {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    padding: 14px 20px;
    border: none;
    background: transparent;
    cursor: pointer;
    text-align: left;
    font-size: 0.9375rem;
    font-weight: 500;
    color: var(--simple-text);
    transition: background var(--simple-transition-fast), color var(--simple-transition-fast);
    position: relative;
    min-height: 48px;
    line-height: 1.3;
}

.format-simple .simple-nav-item:hover {
    background: var(--simple-border-light);
}

.format-simple .simple-nav-item:focus-visible {
    outline: 2px solid var(--simple-accent);
    outline-offset: -2px;
    border-radius: var(--simple-radius-sm);
}

/* Active state — seamless gradient band flowing into content. */
.format-simple .simple-nav-item.is-active {
    background: linear-gradient(to right, #dbeafe, var(--simple-bg));
    color: var(--simple-accent);
    font-weight: 600;
    margin-right: -1px;
    padding-right: 21px;
    z-index: 12;
    box-shadow:
        inset 3px 0 0 var(--simple-accent),
        0 1px 2px rgba(0, 0, 0, 0.03);
}

/* Speech-bubble inverse curves — concave corners above and below active tab. */
.format-simple .simple-nav-item.is-active::before,
.format-simple .simple-nav-item.is-active::after {
    content: "";
    position: absolute;
    right: 0;
    width: var(--simple-radius-lg);
    height: var(--simple-radius-lg);
    pointer-events: none;
    z-index: 11;
}

.format-simple .simple-nav-item.is-active::before {
    bottom: 100%;
    background:
        radial-gradient(
            circle at 0% 0%,
            var(--simple-surface) calc(var(--simple-radius-lg) - 0.5px),
            var(--simple-bg) var(--simple-radius-lg)
        );
}

.format-simple .simple-nav-item.is-active::after {
    top: 100%;
    background:
        radial-gradient(
            circle at 0% 100%,
            var(--simple-surface) calc(var(--simple-radius-lg) - 0.5px),
            var(--simple-bg) var(--simple-radius-lg)
        );
}

/* Legacy callout element — hidden, superseded by pseudo-element curves. */
body.format-simple .simple-nav-callout {
    display: none;
}

/* ---- Section 0 / Course Info Nav Item ---- */

.format-simple .simple-nav-item-section0 {
    padding-top: 16px;
    padding-bottom: 16px;
}

.format-simple .simple-nav-indicator-info {
    position: relative;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--simple-accent-light);
    color: var(--simple-accent);
    font-size: 1rem;
}

.format-simple .simple-nav-item-section0.is-active .simple-nav-indicator-info {
    background: var(--simple-accent);
    color: #fff;
}

.format-simple .simple-unread-badge {
    position: absolute;
    top: -4px;
    right: -4px;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 9px;
    background: #ef4444;
    color: #fff;
    font-size: 0.65rem;
    font-weight: 700;
    line-height: 18px;
    text-align: center;
    pointer-events: none;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

.format-simple .simple-cm-unread-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    margin-left: 6px;
    border-radius: 9px;
    background: #ef4444;
    color: #fff;
    font-size: 0.65rem;
    font-weight: 700;
    line-height: 18px;
    text-align: center;
    vertical-align: middle;
}

/* The forum's name on a discussion page leads back to its list of discussions. It reads as a
   heading until pointed at; then an arrow fades in after the name. The arrow sits after rather
   than before, where the forum icon would cover it, and holds its space while hidden so the
   heading never moves. Touch screens have no hover, so there it stays faintly in view.
   Discussion pages sit outside .format-simple-wrapper, where the design tokens are defined, so
   the colours and timing here are literal values. */
.format-simple .simple-forum-backlink {
    color: inherit;
    text-decoration: none;
}

.format-simple .simple-forum-backlink:hover,
.format-simple .simple-forum-backlink:focus-visible {
    color: inherit;
    text-decoration: none;
}

/* The arrow is drawn as a mask rather than a text character, so its size and stroke weight do
   not depend on the theme's font. The grey keeps about 3.3:1 against white, over the 3:1 WCAG
   asks of an icon. */
.format-simple .simple-forum-backlink::after {
    content: "";
    display: inline-block;
    width: 1.4em;
    height: 1.4em;
    margin-left: 0.3em;
    vertical-align: -0.3em;
    background-color: #8a919c;
    -webkit-mask: url(/theme/image.php/boost_union/format_simple/1792421257/backarrow) center / contain no-repeat;
    mask: url(/theme/image.php/boost_union/format_simple/1792421257/backarrow) center / contain no-repeat;
    opacity: 0;
    transform: translateX(-0.3em);
    transition: opacity 400ms cubic-bezier(0.4, 0, 0.2, 1), transform 400ms cubic-bezier(0.4, 0, 0.2, 1);
    pointer-events: none;
}

.format-simple .simple-forum-backlink:hover::after,
.format-simple .simple-forum-backlink:focus-visible::after {
    opacity: 1;
    transform: translateX(0);
}

@media (hover: none) {
    .format-simple .simple-forum-backlink::after {
        opacity: 0.5;
        transform: translateX(0);
    }
}

@media (prefers-reduced-motion: reduce) {
    .format-simple .simple-forum-backlink::after {
        transition: none;
    }
}

.format-simple .simple-nav-separator {
    height: 1px;
    background: var(--simple-border);
    margin: 8px 20px;
}

/* Collapsed state for section 0 separator. */
.format-simple .simple-nav.is-collapsed .simple-nav-separator {
    margin: 8px 12px;
}

/* Restricted state. */
.format-simple .simple-nav-item.is-restricted {
    color: var(--simple-text-muted);
    cursor: default;
}

.format-simple .simple-nav-item.is-restricted:hover {
    background: var(--simple-border-light);
}

/* ---- Navigation Label ---- */

.format-simple .simple-nav-label {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    opacity: 1;
    transition: opacity var(--simple-nav-collapse-speed), flex var(--simple-nav-collapse-speed);
}

/* ---- Progress Indicator SVGs ---- */

.format-simple .simple-nav-indicator {
    position: relative;
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.format-simple .simple-progress-svg {
    display: block;
}

.format-simple .simple-progress-text {
    font-size: 8px;
    font-weight: 700;
    fill: var(--simple-text-secondary);
    font-family: var(--simple-font-sans);
}

.format-simple .simple-progress-bar {
    transition: stroke-dashoffset var(--simple-transition-slow);
}

.format-simple .simple-lock-icon {
    font-family: "Font Awesome 6 Free", "FontAwesome";
    font-weight: 900;
    font-size: 12px;
    fill: var(--simple-text-muted);
}

/* ---- Restriction Popover ---- */

.format-simple .simple-restriction-popover {
    display: none;
    position: absolute;
    left: calc(100% + 12px);
    top: 50%;
    transform: translateY(-50%);
    background: var(--simple-surface);
    border: 1px solid var(--simple-border);
    border-radius: var(--simple-radius);
    padding: 12px 16px;
    box-shadow: var(--simple-shadow-lg);
    z-index: 100;
    min-width: 220px;
    max-width: 320px;
    font-size: 0.8125rem;
    font-weight: 400;
    color: var(--simple-text);
    line-height: 1.5;
    pointer-events: none;
}

.format-simple .simple-nav-item.is-restricted:hover .simple-restriction-popover,
.format-simple .simple-nav-item.is-restricted:focus-within .simple-restriction-popover {
    display: block;
    animation: simpleFadeIn var(--simple-transition-fast) ease;
}

/* =========================================================================
   Content Area
   ========================================================================= */

.format-simple .simple-content {
    flex: 1;
    min-width: 0;
    padding: 32px 40px;
    background: linear-gradient(to bottom right, var(--simple-bg), var(--simple-surface) 40%);
    border-radius: 0 var(--simple-radius-lg) var(--simple-radius-lg) 0;
    margin: 12px 12px 12px 0;
    border: 1px solid rgba(37, 99, 235, 0.06);
    border-left: none;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
}

/* ---- Section ---- */

.format-simple .simple-section {
    animation: simpleFadeIn var(--simple-transition) ease;
}

.format-simple .simple-section[hidden] {
    display: none;
}

/* ---- Section Header ---- */

.format-simple .simple-section-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 24px;
}

.format-simple .simple-section-title {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--simple-text);
    margin: 0;
    line-height: 1.2;
    letter-spacing: -0.02em;
}

/* ---- Section 0 — Course Banner ---- */

.format-simple .simple-banner {
    position: relative;
    border-radius: var(--simple-radius-lg);
    overflow: hidden;
    margin-bottom: 32px;
    min-height: 200px;
    display: flex;
    align-items: flex-end;
    background: linear-gradient(135deg, var(--simple-accent) 0%, #1e40af 100%);
}

.format-simple .simple-banner.has-image {
    min-height: 240px;
    background-size: cover;
    background-position: center;
}

.format-simple .simple-banner-overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.15) 60%, rgba(0, 0, 0, 0.05) 100%);
}

.format-simple .simple-banner:not(.has-image) .simple-banner-overlay {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0) 100%);
}

.format-simple .simple-banner-content {
    position: relative;
    z-index: 2;
    padding: 32px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.format-simple .simple-banner-code {
    display: inline-block;
    align-self: flex-start;
    padding: 4px 12px;
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border-radius: 20px;
    font-size: 0.8125rem;
    font-weight: 600;
    color: #fff;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.format-simple .simple-banner-title {
    font-size: 1.75rem;
    font-weight: 700;
    color: #fff;
    margin: 0;
    line-height: 1.2;
    letter-spacing: -0.02em;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

.format-simple .simple-banner-actions {
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 3;
}

/* ---- Outcomes Button ---- */

.format-simple .simple-outcomes-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 14px;
    border: 1px solid var(--simple-border);
    border-radius: var(--simple-radius-sm);
    background: var(--simple-surface);
    color: var(--simple-text-secondary);
    font-size: 0.8125rem;
    font-weight: 500;
    cursor: pointer;
    transition: all var(--simple-transition-fast);
    white-space: nowrap;
    flex-shrink: 0;
}

.format-simple .simple-outcomes-btn:hover {
    border-color: var(--simple-accent);
    color: var(--simple-accent);
    box-shadow: var(--simple-shadow);
}

.format-simple .simple-outcomes-btn[aria-expanded="true"] {
    background: var(--simple-accent-light);
    border-color: var(--simple-accent);
    color: var(--simple-accent);
}

/* ---- Outcomes Panel ---- */

.format-simple .simple-outcomes-panel {
    background: var(--simple-surface);
    border: 1px solid var(--simple-border);
    border-radius: var(--simple-radius);
    box-shadow: var(--simple-shadow-md);
    margin-bottom: 24px;
    overflow: hidden;
    animation: simpleSlideDown var(--simple-transition-fast) ease;
}

.format-simple .simple-outcomes-panel[hidden] {
    display: none;
}

.format-simple .simple-outcomes-inner {
    padding: 20px 24px;
}

.format-simple .simple-outcomes-title {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--simple-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin: 0 0 12px;
}

.format-simple .simple-outcomes-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.format-simple .simple-outcome-item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 8px 0;
    font-size: 0.9375rem;
    color: var(--simple-text);
    line-height: 1.5;
}

.format-simple .simple-outcome-item + .simple-outcome-item {
    border-top: 1px solid var(--simple-border-light);
}

.format-simple .simple-outcome-icon {
    color: var(--simple-text-muted);
    margin-top: 3px;
    flex-shrink: 0;
}

/* ---- Section Summary ---- */

.format-simple .simple-section-summary {
    color: var(--simple-text-secondary);
    font-size: 0.9375rem;
    line-height: 1.7;
    margin-bottom: 32px;
    margin-left: 24px;
    max-width: 80vw;
    text-align: justify;
}

.format-simple .simple-section-summary p,
.format-simple .simple-section-summary div,
.format-simple .simple-section-summary li {
    text-align: justify;
}

/* ---- Restriction Notice ---- */

.format-simple .simple-restricted-notice {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 20px 24px;
    background: var(--simple-border-light);
    border-radius: var(--simple-radius);
    color: var(--simple-text-secondary);
    font-size: 0.9375rem;
    line-height: 1.6;
}

.format-simple .simple-restricted-notice .fa-lock {
    font-size: 1.25rem;
    color: var(--simple-text-muted);
    margin-top: 2px;
}

/* =========================================================================
   Content Zones (flat layout for DnD compatibility)
   ========================================================================= */

/* The cmlist is a flat container — all cmitems and zone headers are siblings. */
.format-simple .simple-cmlist {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

/* Zone headers act as section dividers within the flat list. */
.format-simple .simple-zone-header {
    margin-top: 24px;
}

.format-simple .simple-zone-header:first-child,
.format-simple .simple-zone-header[data-zone-header="learning"] {
    margin-top: 0;
}

.format-simple .simple-zone-header[hidden] {
    display: none;
}

.format-simple .simple-zone-title {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--simple-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin: 0 0 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--simple-border-light);
}

/* Section 0 flat activity list — same spacing as zone items. */
.format-simple .simple-section-info [data-for="cmlist"] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

/* =========================================================================
   Learning Content Zone
   ========================================================================= */

/* Inline page content. */
.format-simple .simple-inline-content {
    background: var(--simple-surface);
    border-radius: var(--simple-radius);
    padding: 32px;
    box-shadow: var(--simple-shadow);
    line-height: 1.8;
    font-size: 1rem;
    color: var(--simple-text);
    margin-bottom: 24px;
    text-align: justify;
    margin-right: auto;
    margin-left: auto;
    min-width: 67vw;
}

.format-simple .simple-inline-content img {
    max-width: 100%;
    height: auto;
    border-radius: var(--simple-radius-sm);
}

.format-simple .simple-inline-content h1,
.format-simple .simple-inline-content h2,
.format-simple .simple-inline-content h3,
.format-simple .simple-inline-content h4 {
    color: var(--simple-text);
    margin-top: 1.5em;
    margin-bottom: 0.5em;
    line-height: 1.3;
}

.format-simple .simple-inline-content p {
    margin-bottom: 1em;
}

/* Embed container (video). */
.format-simple .simple-embed-container {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* 16:9 aspect ratio */
    background: #000;
    border-radius: var(--simple-radius);
    overflow: hidden;
    box-shadow: var(--simple-shadow-md);
    margin-bottom: 24px;
}

.format-simple .simple-embed-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

/* H5P embed — variable content height instead of fixed 16:9 aspect ratio. */
.format-simple .simple-embed-container.simple-embed-h5p {
    padding-bottom: 0;
    height: 600px;
}

.format-simple .simple-embed-container.simple-embed-h5p .simple-embed-iframe {
    position: relative;
}

/* SCORM embed — variable content height like H5P. */
#page-mod-scorm-player > [is="ai-chat-bubble"] {
    display: none;
}

.format-simple .simple-embed-container.simple-embed-scorm {
    padding-bottom: 0;
    height: 700px;
}

.format-simple .simple-embed-container.simple-embed-scorm .simple-embed-iframe {
    position: relative;
}

.format-simple .simple-embed-container.simple-embed-lti {
    padding-bottom: 0;
    height: 700px;
}

.format-simple .simple-embed-container.simple-embed-lti .simple-embed-iframe {
    position: relative;
}

/* ---- Embed Fullscreen Button ---- */
.format-simple.editing .simple-embed-fullscreen-btn {
    display: none;
}

.format-simple .simple-embed-fullscreen-btn {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 10;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    border: none;
    border-radius: var(--simple-radius-sm);
    color: #fff;
    font-size: 1rem;
    cursor: pointer;
    opacity: 0;
    transition:
        opacity var(--simple-transition-fast),
        background var(--simple-transition-fast),
        transform var(--simple-transition-fast);
}

.format-simple .simple-embed-container:hover .simple-embed-fullscreen-btn {
    opacity: 1;
}

.format-simple .simple-embed-fullscreen-btn:hover {
    background: rgba(0, 0, 0, 0.7);
    transform: scale(1.05);
}

.format-simple .simple-embed-fullscreen-btn:active {
    transform: scale(0.95);
}

/* Fullscreen state. */
.format-simple .simple-embed-container:fullscreen {
    padding-bottom: 0;
    height: 100vh;
    width: 100vw;
    border-radius: 0;
    background: #000;
}

.format-simple .simple-embed-container:fullscreen .simple-embed-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.format-simple .simple-embed-container:fullscreen .simple-embed-fullscreen-btn {
    opacity: 1;
    position: fixed;
    top: 12px;
    right: 12px;
    z-index: 9999;
}

/* Safari fullscreen prefix. */
.format-simple .simple-embed-container:-webkit-full-screen {
    padding-bottom: 0;
    height: 100vh;
    width: 100vw;
    border-radius: 0;
    background: #000;
}

.format-simple .simple-embed-container:-webkit-full-screen .simple-embed-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.format-simple .simple-embed-container:-webkit-full-screen .simple-embed-fullscreen-btn {
    opacity: 1;
    position: fixed;
    top: 12px;
    right: 12px;
    z-index: 9999;
}

/* Mobile: always show fullscreen button. */
@media (max-width: 1024px) {
    .format-simple .simple-embed-fullscreen-btn {
        opacity: 1;
    }
}

/* =========================================================================
   Course Module Cards
   ========================================================================= */

.format-simple .simple-cm-card {
    /* Anchors the stretched link that makes the whole card clickable. */
    position: relative;
    display: flex;
    /* Wraps so a description can take a row of its own beneath the name. */
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    padding: 14px 18px;
    background: var(--simple-surface);
    border: 1px solid var(--simple-border);
    border-radius: var(--simple-radius-sm);
    text-decoration: none;
    color: var(--simple-text);
    transition: all var(--simple-transition-fast);
    min-height: 48px;
    cursor: pointer;
}

.format-simple .simple-cm-card:hover {
    border-color: var(--simple-accent);
    box-shadow: var(--simple-shadow-md);
    transform: translateY(-1px);
    color: var(--simple-text);
    text-decoration: none;
}

.format-simple .simple-cm-card:active {
    transform: translateY(0);
    box-shadow: var(--simple-shadow);
}

/* Hidden / stealth activity dimming (visible only to editors). */
.format-simple .is-dimmed {
    opacity: 0.5;
}

.format-simple .is-dimmed .simple-cm-card::after {
    content: '\f070';
    font-family: 'FontAwesome';
    font-size: 0.75rem;
    color: var(--simple-text-muted);
    margin-left: auto;
    padding-left: 8px;
}

.format-simple .is-stealth .simple-cm-card::after {
    content: '\f21b';
}

/* Primary learning content card — larger and more prominent. */
.format-simple .simple-cm-card.simple-cm-card-primary {
    padding: 24px;
    border-radius: var(--simple-radius);
    box-shadow: var(--simple-shadow);
    font-size: 1.0625rem;
    font-weight: 600;
}

.format-simple .simple-cm-card.simple-cm-card-primary .simple-cm-icon {
    width: 32px;
    height: 32px;
}

/* ---- Module Icon ---- */

.format-simple .simple-cm-icon {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    object-fit: contain;
}

/* ---- Resource Icon (Font Awesome) ---- */

.format-simple .simple-resource-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: var(--simple-radius-sm);
    background: var(--simple-border-light);
    color: var(--simple-text-secondary);
    font-size: 0.875rem;
    flex-shrink: 0;
}

/* ---- Module Name ---- */

.format-simple .simple-cm-name {
    flex: 1;
    font-weight: 500;
    line-height: 1.3;
}

/* ---- Completion indicator on activity cards ----
   A small squircle at the end of the card. Sized and spaced to read as punctuation rather
   than as a control competing with the activity name. */

.format-simple .simple-cm-dot {
    /* Must not rely on being a flex item: width and height do not apply to inline elements,
       which would collapse this to a bare border. */
    display: inline-block;
    vertical-align: middle;
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    /* A superellipse-ish corner: rounder than a square, squarer than a circle. */
    border-radius: 6px;
    border: 1.5px solid var(--simple-border);
    background: transparent;
    transition:
        background var(--simple-transition-fast),
        border-color var(--simple-transition-fast),
        transform var(--simple-transition-fast);
}

.format-simple .simple-cm-dot.is-complete {
    background: var(--simple-success);
    border-color: var(--simple-success);
}

/* The quiet label beside the indicator, naming what the activity asks for.
   Collapsed rather than hidden so revealing it slides open instead of shunting the card. */
.format-simple .simple-cm-dot-label {
    /* Same reason as the indicator: max-width is ignored on an inline element. */
    display: inline-block;
    vertical-align: middle;
    flex-shrink: 0;
    max-width: 0;
    overflow: hidden;
    opacity: 0;
    white-space: nowrap;
    font-size: 0.75rem;
    color: var(--simple-text-muted);
    transition:
        max-width var(--simple-transition-fast),
        opacity var(--simple-transition-fast),
        margin-right var(--simple-transition-fast);
}

.format-simple .simple-cm-card:hover .simple-cm-dot-label,
.format-simple .simple-cm-card:focus-within .simple-cm-dot-label {
    max-width: 14rem;
    opacity: 1;
    margin-right: 8px;
}

@media (prefers-reduced-motion: reduce) {
    .format-simple .simple-cm-dot-label {
        transition: none;
    }
}

/* Something the student marks themselves: a solid, heavier edge that invites a click. */
.format-simple .simple-cm-dot.is-manual {
    cursor: pointer;
    border-width: 2.5px;
    border-style: solid;
    border-color: var(--simple-accent);
}

.format-simple .simple-cm-dot.is-manual:hover {
    transform: scale(1.15);
}

.format-simple .simple-cm-dot.is-manual:focus-visible {
    outline: 2px solid var(--simple-accent);
    outline-offset: 2px;
}

.format-simple .simple-cm-dot.is-manual.is-complete {
    border-color: var(--simple-success);
}

/* Something the course awards on its own: a dotted edge, and no invitation to click. */
.format-simple .simple-cm-dot.is-conditional {
    border-width: 1.5px;
    border-style: dotted;
    border-color: var(--simple-text-muted);
    cursor: help;
}

/* Once earned, the dotted edge would fight the fill, so let the fill speak. */
.format-simple .simple-cm-dot.is-conditional.is-complete {
    border-style: solid;
    border-color: var(--simple-success);
}

/* ---- Completion indicator inside content rendered in place ----
   The indicator belongs to the content, so it sits within the same surface rather than
   below it. The content is given room at its foot so the indicator has somewhere to live
   without crowding the last line. */

.format-simple .simple-cm-completion-inline {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    /* Clear of the last line without making a feature of itself. */
    margin-top: 28px;
}

/* An embed fills its own aspect-ratio box, so nothing can sit inside it. Its indicator
   attaches underneath instead, sharing the surface so the two read as one card. */
.format-simple .simple-embed-container:has(+ .simple-cm-completion-inline) {
    margin-bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.format-simple .simple-cm-completion-inline.is-attached {
    margin-top: 0;
    margin-bottom: 24px;
    padding: 12px 16px;
    background: var(--simple-surface);
    border-radius: 0 0 var(--simple-radius) var(--simple-radius);
    box-shadow: var(--simple-shadow-md);
}

/* A touch larger than on a card, since it stands alone rather than beside a title. */
.format-simple .simple-cm-completion-inline .simple-cm-dot {
    width: 18px;
    height: 18px;
    border-radius: 7px;
}

/* No card to hover here, so the indicator's own row reveals the label. */
.format-simple .simple-cm-completion-inline:hover .simple-cm-dot-label,
.format-simple .simple-cm-completion-inline:focus-within .simple-cm-dot-label {
    max-width: 14rem;
    opacity: 1;
    margin-right: 8px;
}

/* ---- Restricted Indicator ---- */

.format-simple .simple-cm-restricted {
    flex-shrink: 0;
    color: var(--simple-text-muted);
    font-size: 0.875rem;
}

/* =========================================================================
   Empty State
   ========================================================================= */

.format-simple .simple-empty {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 300px;
    color: var(--simple-text-muted);
    font-size: 1rem;
}

/* =========================================================================
   Collapsed Navigation State
   ========================================================================= */

/* Collapsed dimensions. */
.format-simple .simple-nav.is-collapsed {
    width: var(--simple-nav-collapsed-width);
    min-width: var(--simple-nav-collapsed-width);
    overflow: hidden;
}

/* Hide labels when collapsed. */
.format-simple .simple-nav.is-collapsed .simple-nav-label {
    opacity: 0;
    flex: 0 0 0;
}

/* The activity list has no room in a 60px strip, so it waits until the panel is open. */
.format-simple .simple-nav.is-collapsed .simple-nav-cmlist {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    margin: 0;
    pointer-events: none;
}

/* Center progress indicators when collapsed. */
.format-simple .simple-nav.is-collapsed .simple-nav-item {
    justify-content: center;
    padding-left: 12px;
    padding-right: 12px;
    gap: 0;
}

/* Simplify active state when collapsed — match wrapper bg for seamless blend. */
.format-simple .simple-nav.is-collapsed .simple-nav-item.is-active {
    margin-right: 0;
    padding-right: 12px;
    background: var(--simple-bg);
}

/* Hide the speech-bubble curves when collapsed. */
.format-simple .simple-nav.is-collapsed .simple-nav-item.is-active::before,
.format-simple .simple-nav.is-collapsed .simple-nav-item.is-active::after {
    display: none;
}

/* Hide editing controls when collapsed. */
.format-simple .simple-nav.is-collapsed .simple-nav-addsection {
    display: none;
}

/* =========================================================================
   Animations
   ========================================================================= */

@keyframes simpleFadeIn {
    from {
        opacity: 0;
        transform: translateX(8px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes simpleSlideDown {
    from {
        opacity: 0;
        transform: translateY(-8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* =========================================================================
   Editing Mode Adjustments
   ========================================================================= */

/* ---- Editing: All Sections Visible ---- */

/* In editing mode all sections are displayed — remove single-section animation. */
.format-simple.editing .simple-section {
    animation: none;
}

/* Visual divider between sections in editing mode. */
.format-simple.editing .simple-section + .simple-section {
    margin-top: 48px;
    padding-top: 48px;
    border-top: 2px dashed var(--simple-border);
}

/* Content area should scroll naturally in editing mode. */
.format-simple.editing .simple-content {
    overflow-y: visible;
}

/* Disable nav collapse in editing mode — always show full nav. */
.format-simple.editing .simple-nav.is-collapsed {
    width: var(--simple-nav-width);
    min-width: var(--simple-nav-width);
    overflow: visible;
}

.format-simple.editing .simple-nav.is-collapsed .simple-nav-label {
    opacity: 1;
    flex: 1;
}

.format-simple.editing .simple-nav.is-collapsed .simple-nav-item {
    justify-content: flex-start;
    padding-left: 20px;
    padding-right: 20px;
    gap: 12px;
}

.format-simple.editing .simple-nav.is-collapsed .simple-nav-item.is-active {
    margin-right: -1px;
    padding-right: 21px;
    background: linear-gradient(to right, #dbeafe, var(--simple-bg));
}

.format-simple.editing .simple-nav.is-collapsed .simple-nav-item.is-active::before,
.format-simple.editing .simple-nav.is-collapsed .simple-nav-item.is-active::after {
    display: block;
}

.format-simple.editing .simple-nav.is-collapsed .simple-nav-addsection {
    display: block;
}

.format-simple.editing .simple-nav-item.is-restricted {
    cursor: pointer;
    opacity: 0.7;
}

/* Show edit controls on hover. */
.format-simple .simple-section .editingactions {
    opacity: 0;
    transition: opacity var(--simple-transition-fast);
}

.format-simple .simple-section:hover .editingactions,
.format-simple.editing .simple-section .editingactions {
    opacity: 1;
}

/* ---- Section Header Actions ---- */

.format-simple .simple-section-actions {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

.format-simple .simple-section-controlmenu {
    display: inline-flex;
}

/* ---- Activity Control Menus ---- */

.format-simple .simple-cm-wrapper {
    position: relative;
    display: flex;
    align-items: stretch;
}

.format-simple .simple-cm-wrapper .simple-cm-card {
    flex: 1;
    min-width: 0;
}

.format-simple .simple-cm-edit {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    opacity: 0;
    transition: opacity var(--simple-transition-fast);
    margin-left: 8px;
    padding: 0 2px 0 8px;
    border-left: 1px solid var(--simple-border);
}

.format-simple .simple-cm-wrapper:hover .simple-cm-edit,
.format-simple.editing .simple-cm-wrapper .simple-cm-edit,
.format-simple .simple-cm-edit:has(.dropdown-menu.show) {
    opacity: 1;
}

/* Learning content items need positioning context for the edit button. */
.format-simple .simple-cm-learning {
    position: relative;
}

/* Learning content zone edit button — absolute for embeds/inline,
   but flex for card-based items (matching resources/activities). */
.format-simple .simple-cm-learning .simple-cm-edit {
    position: absolute;
    top: 8px;
    right: 8px;
    opacity: 0;
    z-index: 5;
}

/* When a learning item contains a card link (not inline/embed), use flex
   layout so the card and edit button sit side-by-side like other zones. */
.format-simple .simple-cm-learning:has(.simple-cm-card) {
    display: flex;
    align-items: stretch;
}

.format-simple .simple-cm-learning:has(.simple-cm-card) .simple-cm-card {
    flex: 1;
    min-width: 0;
}

.format-simple .simple-cm-learning:has(.simple-cm-card) .simple-cm-edit {
    position: static;
    margin-left: 8px;
    padding: 0 2px 0 8px;
    border-left: 1px solid var(--simple-border);
}

.format-simple .simple-cm-learning:hover .simple-cm-edit,
.format-simple.editing .simple-cm-learning .simple-cm-edit,
.format-simple .simple-cm-learning .simple-cm-edit:has(.dropdown-menu.show) {
    opacity: 1;
}

/* Action menus inside activity items. */
.format-simple .simple-cm-edit .action-menu,
.format-simple .simple-section-controlmenu .action-menu,
.format-simple .simple-banner-actions .action-menu {
    position: relative;
}

/* All dropdown menus within the format — ensure they escape any overflow
   constraints and sit above all other content. Using position:fixed via
   Popper.js keeps them viewport-anchored so they never get clipped by
   parent overflow or flex containers. */
.format-simple .dropdown-menu {
    z-index: 1070;
}

.format-simple .dropdown-menu.show {
    min-width: 220px;
}

/* Prevent parent containers from clipping dropdown menus. */
.format-simple .simple-cm-wrapper,
.format-simple .simple-cm-learning,
.format-simple .simple-inline-content,
.format-simple [data-for="cmitem"] {
    overflow: visible;
}

/* When a dropdown is open, lift the entire row above neighbouring cards
   so the menu is not obscured by adjacent card stacking contexts. */
.format-simple .simple-cm-wrapper:has(.dropdown-menu.show),
.format-simple .simple-cm-learning:has(.dropdown-menu.show),
.format-simple [data-for="cmitem"]:has(.dropdown-menu.show) {
    z-index: 1060;
    position: relative;
}

/* ---- Add Activity Button ---- */

.format-simple .simple-section-addactivity {
    margin-top: 24px;
    padding-top: 16px;
    border-top: 1px dashed var(--simple-border);
}

/* ---- Add Section Button in Nav ---- */

.format-simple .simple-nav-addsection {
    padding: 16px 20px;
    border-top: 1px solid var(--simple-border);
}

/* =========================================================================
   Mobile Header Bar (hamburger + course title)
   ========================================================================= */

body.format-simple .simple-mobile-header {
    display: none;
    align-items: center;
    gap: 12px;
    padding: 12px 20px;
    background: var(--simple-surface);
    border-bottom: 1px solid var(--simple-border);
    border-radius: var(--simple-radius-lg) var(--simple-radius-lg) 0 0;
}

.format-simple .simple-mobile-nav-toggle {
    display: none;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    border: 1px solid var(--simple-border);
    border-radius: var(--simple-radius-sm);
    background: var(--simple-surface);
    color: var(--simple-text);
    font-size: 1.125rem;
    cursor: pointer;
    transition: all var(--simple-transition-fast);
}

.format-simple .simple-mobile-nav-toggle:hover {
    border-color: var(--simple-accent);
    color: var(--simple-accent);
    box-shadow: var(--simple-shadow);
}

.format-simple .simple-mobile-course-title {
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--simple-text);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1.3;
}

/* =========================================================================
   Responsive — Tablet
   ========================================================================= */

@media (max-width: 1024px) {
    /* Hide redundant page heading — course title is in the mobile header bar. */
    .format-simple .page-header-headings {
        display: none;
    }

    body.format-simple .simple-mobile-header {
        display: flex;
    }

    .format-simple .simple-mobile-nav-toggle {
        display: flex;
    }

    .format-simple .format-simple-wrapper {
        flex-direction: column;
    }

    .format-simple .simple-nav {
        width: 100%;
        min-width: 100%;
        height: auto;
        position: relative;
        top: auto;
        border-right: none;
        border-bottom: 1px solid var(--simple-border);
        max-height: 0;
        overflow: hidden;
        transition: max-height var(--simple-transition);
    }

    .format-simple .simple-nav.is-open {
        max-height: 80vh;
        overflow-y: auto;
    }

    .format-simple .simple-nav-inner {
        padding: 12px 0;
    }

    .format-simple .simple-nav-item {
        padding: 12px 20px;
    }

    .format-simple .simple-nav-item.is-active::before,
    .format-simple .simple-nav-item.is-active::after {
        display: none;
    }

    /* Disable collapse on tablet/mobile — nav uses drawer pattern instead. */
    .format-simple .simple-nav.is-collapsed {
        width: 100%;
        min-width: 100%;
    }

    .format-simple .simple-nav.is-collapsed .simple-nav-label {
        opacity: 1;
        flex: 1;
    }

    .format-simple .simple-nav.is-collapsed .simple-nav-item {
        justify-content: flex-start;
        padding-left: 20px;
        padding-right: 20px;
        gap: 12px;
    }

    .format-simple .simple-content {
        padding: 24px 20px;
        max-width: 100%;
        margin: 0;
        border-radius: 0;
    }

    .format-simple .simple-restriction-popover {
        left: 16px;
        right: 16px;
        top: 100%;
        transform: none;
        min-width: auto;
    }
}

/* =========================================================================
   Responsive — Mobile
   ========================================================================= */

@media (max-width: 768px) {
    .format-simple .simple-section-title {
        font-size: 1.375rem;
    }

    .format-simple .simple-section-header {
        flex-direction: column;
        gap: 12px;
    }

    .format-simple .simple-banner {
        min-height: 160px;
    }

    .format-simple .simple-banner.has-image {
        min-height: 180px;
    }

    .format-simple .simple-banner-content {
        padding: 24px 20px;
    }

    .format-simple .simple-banner-title {
        font-size: 1.375rem;
    }

    .format-simple .simple-inline-content {
        padding: 20px;
        border-radius: var(--simple-radius-sm);
    }

    .format-simple .simple-cm-card {
        padding: 12px 14px;
    }

    .format-simple .simple-outcomes-inner {
        padding: 16px 18px;
    }

    .format-simple .simple-content {
        padding: 16px 12px;
    }
}

/* ---- Activity name, and renaming it in place ----
   The card is a div rather than a link, so that the pencil the inplace editable adds is not
   nested inside an anchor. Students get the whole card back as a click target through a
   stretched link on the name; while editing, the name carries its own link instead. */

.format-simple .simple-cm-name .inplaceeditable {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

/* The name's own link must not swallow the pencil beside it. */
.format-simple .simple-cm-name .inplaceeditable a:not(.quickeditlink) {
    color: inherit;
    text-decoration: none;
}

/* Keep the pencil out of the way until the card is under the pointer, so editing mode stays
   as quiet as the rest of the format. */
.format-simple .simple-cm-card .quickeditlink,
.format-simple .simple-label .quickeditlink {
    opacity: 0;
    transition: opacity var(--simple-transition-fast);
}

.format-simple .simple-cm-card:hover .quickeditlink,
.format-simple .simple-cm-card:focus-within .quickeditlink,
.format-simple .simple-label:hover .quickeditlink,
.format-simple .simple-label:focus-within .quickeditlink {
    opacity: 1;
}

/* Always reachable by keyboard, whatever the pointer is doing. */
.format-simple .quickeditlink:focus-visible {
    opacity: 1;
    outline: 2px solid var(--simple-accent);
    outline-offset: 2px;
    border-radius: var(--simple-radius-sm);
}

@media (prefers-reduced-motion: reduce) {
    .format-simple .simple-cm-card .quickeditlink,
    .format-simple .simple-label .quickeditlink {
        transition: none;
    }
}

/* The completion indicator sits above the stretched link so it stays clickable. */
.format-simple .simple-cm-card .simple-cm-dot,
.format-simple .simple-cm-card .simple-cm-dot-label {
    position: relative;
    z-index: 1;
}

/* ---- Labels ----
   A label has no page of its own, so it is shown as the text it carries rather than as a card
   pointing somewhere. It reads as part of the section, not as another thing to click. */

.format-simple .simple-label {
    position: relative;
    margin: 0 0 20px;
    color: var(--simple-text);
    line-height: 1.7;
}

.format-simple .simple-label-content > *:first-child {
    margin-top: 0;
}

.format-simple .simple-label-content > *:last-child {
    margin-bottom: 0;
}

.format-simple .simple-label-content img {
    max-width: 100%;
    height: auto;
    border-radius: var(--simple-radius-sm);
}

/* Editing controls follow the same hover-quiet rule as everything else. */
.format-simple .simple-label .simple-cm-edit {
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
    transition: opacity var(--simple-transition-fast);
}

.format-simple .simple-label:hover .simple-cm-edit,
.format-simple .simple-label:focus-within .simple-cm-edit {
    opacity: 1;
}

/* ---- Activity description ----
   Shown when the teacher ticks "display description on course page", so they can say something
   about an activity without adding a label for it. Set in the same quiet grey as the zone
   headings, but cased normally: this is prose, not a heading. Indented past the icon so it
   reads as belonging to the activity above it. */

.format-simple .simple-cm-description {
    /* A row of its own inside the card. */
    flex-basis: 100%;
    /* Clears the 24px icon and the 12px gap beside it. */
    margin: 4px 0 0 36px;
    padding: 10px 14px;
    font-size: 0.8125rem;
    font-weight: 400;
    line-height: 1.6;
    color: var(--simple-text-muted);
    border-left: 2px solid var(--simple-border-light);
    /* Above the stretched link, so any link in the description is clickable. */
    position: relative;
    z-index: 1;
}

.format-simple .simple-cm-description > *:first-child {
    margin-top: 0;
}

.format-simple .simple-cm-description > *:last-child {
    margin-bottom: 0;
}

.format-simple .simple-cm-description img {
    max-width: 100%;
    height: auto;
}

/* The card is no longer a single row, so its name should not be pushed off centre. */
.format-simple .simple-cm-card:has(.simple-cm-description) {
    align-items: flex-start;
}

.format-simple .simple-cm-card:has(.simple-cm-description) .simple-cm-icon,
.format-simple .simple-cm-card:has(.simple-cm-description) .simple-cm-name {
    align-self: center;
}

/* ---- Activity list in the unit index ----
   Only the unit being read lists its activities, so the panel stays a list of units. Optional,
   and off unless the course asks for it. Indented under its unit and set quietly, so the units
   themselves remain what the eye lands on. */

.format-simple .simple-nav-cmlist {
    list-style: none;
    margin: 2px 0 8px;
    padding: 0 12px 0 24px;
    max-height: 40rem;
    opacity: 1;
    transition:
        opacity var(--simple-transition-fast),
        max-height var(--simple-transition-fast);
}

.format-simple .simple-nav-cmitem {
    margin: 0;
}

.format-simple .simple-nav-cmlink {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 6px 10px;
    background: none;
    border: 0;
    border-radius: var(--simple-radius-sm);
    text-align: left;
    font-size: 0.8125rem;
    line-height: 1.4;
    color: var(--simple-text-secondary);
    cursor: pointer;
    transition: background var(--simple-transition-fast), color var(--simple-transition-fast);
}

.format-simple .simple-nav-cmlink:hover {
    background: var(--simple-border-light);
    color: var(--simple-text);
}

.format-simple .simple-nav-cmlink:focus-visible {
    outline: 2px solid var(--simple-accent);
    outline-offset: -2px;
}

/* Smaller than on a card: this is a list, and the names carry the meaning. */
.format-simple .simple-nav-cmlist .simple-cm-dot {
    width: 13px;
    height: 13px;
    border-radius: 5px;
}

.format-simple .simple-nav-cmname {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* A completed activity has said what it needs to, so it recedes. */
.format-simple .simple-nav-cmlink[data-completion-state="complete"] .simple-nav-cmname {
    color: var(--simple-text-muted);
}

/* Briefly mark whatever an index entry sent the reader to. */
.format-simple .is-flagged {
    animation: simple-flag 1.6s ease-out;
}

@keyframes simple-flag {
    0%,
    100% {
        box-shadow: 0 0 0 0 transparent;
    }

    20% {
        box-shadow: 0 0 0 3px var(--simple-accent-light);
    }
}

@media (prefers-reduced-motion: reduce) {
    .format-simple .simple-nav-cmlist {
        transition: none;
    }

    .format-simple .is-flagged {
        animation: none;
    }
}

/* ---- Unit indicator: nothing to track, and custom icons ----
   A unit with no completion-tracked activities has no progress to report. An empty ring there
   reads as work outstanding, so it gets a filled dot instead: same family as the ring, but
   plainly not a measure of anything. */

.format-simple .simple-progress-svg.is-untracked {
    opacity: 0.85;
}

/* A teacher's chosen icon, sitting in the middle of the ring where the percentage would be. */
.format-simple .simple-nav-ringicon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 0.75rem;
    line-height: 1;
    color: var(--simple-text-secondary);
    pointer-events: none;
}

/* The same icon where there is no ring to sit inside. */
.format-simple .simple-nav-plainicon {
    font-size: 1rem;
    line-height: 1;
    color: var(--simple-text-secondary);
}

/* On the unit being read, the icon lifts with the rest of the item. */
.format-simple .simple-nav-item.is-active .simple-nav-ringicon,
.format-simple .simple-nav-item.is-active .simple-nav-plainicon {
    color: var(--simple-accent);
}

/* YUI dialogues (the quiz preflight check, the activity chooser) ship with
   square corners, which sit oddly against the rounded cards and buttons the
   rest of this format uses. Rounding them applies in both themes, so it is
   scoped to .format-simple rather than to the dark attribute — the matching
   dark-mode rule adds only the glow that lifts the dialogue off the page.
   10px matches the radius Boost already gives the activity chooser's own
   body, so the two agree rather than the body squaring off inside a rounded
   frame. No overflow: hidden to go with it: it would crop the menus and
   autocomplete popups these dialogues open, and it is not needed here, since
   the only child that paints to the edge is that chooser body and it already
   carries matching bottom corners. */
body.format-simple .moodle-dialogue-base .moodle-dialogue-wrap {
    border-radius: 10px;
}

/* =========================================================================
   Dark Mode
   ========================================================================= */

/* ---- Light/dark cross-fade ----
   A per-property CSS transition (background-color, color, ...) cannot give
   a coordinated fade here: dozens of elements in this file already declare
   their own transition for their own purposes (nav collapse, popover open,
   button hover), each at a different duration and covering a different
   property list, and a shorthand transition declaration does not merge
   across rules of different specificity — the more specific one simply
   replaces it. A single flat-colour overlay (an earlier attempt at this)
   does not really solve that either: fading it in necessarily passes
   through a moment where it sits fully opaque, wiping every element on the
   page to one solid colour before the reveal even starts — which reads as
   a flash to black or white, not a fade.
   The View Transitions API (triggered from cognav.js) avoids both
   problems: the browser captures the page before and after the theme
   attribute changes and cross-dissolves those two real snapshots directly
   into one another, so there is never a flat, detail-free frame in
   between — just the old page blending straight into the new one. These
   pseudo-elements are not part of the normal DOM, so they cannot be
   scoped with a `.format-simple` ancestor selector the usual way; in
   practice that is fine, since cognav.js is the only code in this plugin
   that ever calls document.startViewTransition(). Browsers without
   support simply keep their default (instant) behaviour.
   The duration reads from a custom property rather than a literal value
   so cognav.js can ask for a slower fade for one specific trigger — auto
   mode crossing its scheduled boundary while the page sits open and
   unattended — without a second, near-duplicate pseudo-element rule:
   custom properties inherit into the view-transition pseudo-element tree
   even though ordinary selectors cannot reach it. A manual toggle click or
   schedule edit leaves the property unset and gets the 1000ms default. */
::view-transition-old(root),
::view-transition-new(root) {
    animation-duration: var(--simple-theme-transition-duration, 1000ms);
}

/* ---- Design tokens ----
   The wrapper's own custom properties are simply redefined here; every rule
   built on var(--simple-*) — nav, cards, content, focus rings — repaints
   itself automatically. Every colour below was checked against its
   background for WCAG AA contrast (>=4.5:1 for text, >=3:1 for large text
   and icons). */
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .format-simple-wrapper {
    --simple-bg: #0f1420;
    --simple-surface: #182234;
    --simple-text: #e8eaf0;
    --simple-text-secondary: #a8b0c3;
    --simple-text-muted: #7c8598;
    --simple-border: #2a3346;
    --simple-border-light: #232b3d;
    --simple-accent: #5b9bf5;
    --simple-accent-light: #142943;
    --simple-success: #34d399;
    --simple-success-light: #0f2e22;
    --simple-warning: #fbbf24;
    --simple-danger: #f87171;
}

/* ---- Outer page chrome ----
   #topofscroll.main-inner and #page.drawers sit outside the format's own
   wrapper (Boost draws them), so they keep Boost's white page background
   even once the wrapper itself has gone dark. Painting them dark too — and
   the body as a catch-all — closes that gap so the whole page reads as one
   dark surface instead of a dark card floating on white. */
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] {
    background: #0f1420;
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] #topofscroll.main-inner,
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] #page.drawers,
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] #page-content,
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .course-content {
    background: #0f1420;
}

/* Other course pages (settings, and any other Moodle form) sit on that same
   dark background now, but their headings and field labels are Boost's
   default near-black text, left over from the light page they were designed
   for. Repainting them here — sitewide under dark mode, not just inside the
   format's own wrapper — keeps every page legible once dark mode is on.
   None of Boost's underlying rules for these carry !important, so the extra
   body-level selectors here are enough on their own to win. */
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] h1,
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .h1,
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] h2,
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .h2,
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] h3,
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .h3,
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] h4,
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .h4,
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] h5,
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .h5,
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] h6,
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .h6,
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] label {
    color: #e8eaf0;
}

/* Links keep the site's own link colour (Bootstrap's --bs-link-color, which
   admins can customise per theme) rather than a colour we hardcode — but
   whatever that colour is, it was tuned for a white page and reads too dark
   on our dark surfaces, most noticeably in tables where several columns are
   entirely links (student name, review-attempt, grade). A brightness filter
   scales that colour up towards white without touching its hue, so this
   tracks whatever --bs-link-color actually resolves to instead of a colour
   we chose that would drift out of sync with a customised site — color-mix()
   would do the same job more directly, but Moodle's theme CSS combiner
   silently drops any rule using it, so this file avoids the function
   entirely. Hover brightens further, matching Boost's own convention of a
   stronger hover colour. Both win the same way the rest of this file does —
   a plain `a`/`a:hover` type selector carries no !important to fight.
   filter applies to the whole element, not just its text colour, so an icon
   glyph sitting inside a link (e.g. the quiz report's correct/incorrect
   markers) brightens slightly too — a minor, acceptable side effect, since
   those icons already carry their own green/red hue that survives a mild
   brightness boost. */
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] a {
    filter: brightness(1.65);
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] a:hover {
    filter: brightness(1.95);
}

/* The forum back-link is a heading in the heading's own colour; brightening it would make it
   stand out from the headings around it. Its arrow takes the dark page's secondary grey. */
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] a.simple-forum-backlink {
    filter: none;
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] a.simple-forum-backlink::after {
    background-color: #8b94a8;
}

/* Boost gives focused links a filled highlight block rather than a ring —
   background-color: #d2e8fb with color: #1d2125, plus box-shadow bands that
   extend it above and underline it below. On a white page that reads as a
   pale blue marker pen; on a dark one it is a glaring light slab, and the
   brightness filter above compounds it by lifting the fill toward white
   while leaving the near-black text where it is.
   The indicator itself has to stay — it is the visible-focus affordance
   keyboard users navigate by (WCAG 2.4.7), so this recolours it rather than
   switching it off. The block is kept, inverted for a dark page: a deep blue
   fill with white text (~15:1) and the lower band in the accent so the
   marker still reads as a distinct indicator against the page (~6:1, over
   the 3:1 that WCAG 1.4.11 asks of a focus indicator).
   filter: none stops the brightness rule above from compounding — with the
   focused state setting its own colours outright, the lift is not just
   redundant but actively works against the contrast chosen here.
   The selector mirrors Boost's own list rather than simplifying it: the
   #page-footer member carries an id, so an override that skipped it would
   lose there while winning everywhere else. outline is deliberately not
   restated — Boost's transparent 0.25rem outline still applies through the
   original rule, and it is what surfaces focus in forced-colours mode. */
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] :is(
.aalink,
a.autolink,
.arrow_link,
a:not([class]),
.activityinstance > a,
#page-footer a:not([class])):is(:focus, .focus) {
    background-color: #1e3a5f;
    color: #fff;
    box-shadow: 0 -0.25rem #1e3a5f, 0 0.25rem #5b9bf5;
    filter: none;
}

/* Icon-only buttons (e.g. the quick-edit pencil beside an activity title)
   inherit the same dark, near-invisible text colour as the headings above. */
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .btn-icon {
    color: #e8eaf0;
}

/* Activity icons (.simple-cm-icon) are <img> elements — Moodle's monologo
   service, requested with filtericon=1, so the colour is a flat dark
   silhouette that cannot be repainted with the `color` property. Inverting
   the image is the standard trick for that case: black becomes white/light
   while the transparent background stays transparent. */
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .simple-cm-icon {
    filter: invert(1) brightness(1.4);
}

/* The single-activity page header (title, completion, dates) is Boost
   chrome with a hard-coded light grey panel background (#f8f9fa) — the
   same "light box left behind on a dark page" problem as .main-inner
   further up, so it gets the same dark surface treatment.
   .path-mod is a class Moodle puts directly on <body>, the very same
   element as .format-simple and [data-simple-theme] — not a wrapper
   around it — so it has to be compounded onto the body selector rather
   than chained after it with a descendant combinator. Written as a
   descendant (as in the previous attempt), the selector asks for a
   .path-mod element nested *inside* that body, which does not exist, so
   the rule silently never matched anything. */
body.format-simple.path-mod[data-simple-theme="dark"][data-simple-theme="dark"] .activity-header:not(:empty) {
    background-color: #182234;
}

/* The activity dates/availability strip beneath the header title is Boost's
   muted grey (#495057) — legible on the light panel it was designed for,
   not on a dark one. Same .path-mod-on-body fix as above. */
body.format-simple.path-mod[data-simple-theme="dark"][data-simple-theme="dark"] .activity-information .activity-dates,
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .activity-dates {
    color: #a8b0c3;
    border-bottom-color: #2a3346;
}

/* .generaltable (participants, grades, and most other Moodle listing
   tables) paints itself explicitly with Bootstrap's light-theme variables
   — background-color: var(--bs-body-bg) resolves to #fff, color:
   var(--bs-emphasis-color) to #000 — rather than inheriting the page
   background, so our earlier ambient dark-background fixes never reached
   it. Cells and thead cells set their own border-top/border-bottom colour
   from var(--bs-border-color) too, which needs the same direct override;
   .generaltable is a real descendant (not a body-level class like
   .path-mod), so a plain descendant combinator is correct here. */
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .generaltable {
    background-color: #182234;
    color: #e8eaf0;
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .generaltable th,
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .generaltable td {
    border-top-color: #2a3346;
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .generaltable thead th,
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .generaltable thead td {
    border-bottom-color: #2a3346;
    background-color: #1e293d;
    color: #e8eaf0;
}

/* Boost's own .generaltable tbody td, .generaltable tbody th rule
   (background-color: inherit; two type selectors plus the .generaltable
   class, specificity 0,1,2) outranks Bootstrap's var(--bs-table-bg) cell
   rule, and "inherit" here pulls from the *row's* computed background —
   never set by anything, so it resolves to transparent — not from the
   table's own background-color two levels up, "inherit" only reaches the
   immediate parent. That leaves tbody cells transparent regardless of the
   .generaltable background-color fix above, which is exactly why only the
   thead cells (styled directly, above) were turning dark while the body
   stayed light. Setting background-color directly on the cells themselves,
   at higher specificity than Boost's rule, is the only way to reach them. */
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .generaltable tbody td,
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .generaltable tbody th {
    background-color: #182234;
    color: #e8eaf0;
}

/* Bootstrap's .table-striped (e.g. the quiz results/overview report,
   id="attempts") bands its rows with an inset box-shadow driven by the
   --bs-table-striped-bg custom property, painted on top of the cell
   background-color above rather than replacing it. The theme's own value —
   rgba(var(--bs-emphasis-color-rgb), 0.03), a near-black tint meant for a
   white row — is invisible against our dark background, so odd/even rows
   look identical. Redefining the variable here on the striped table itself
   wins the cascade (custom properties resolve by specificity same as any
   other declaration) and gives the inset shadow a light tint instead, which
   lightens alternating rows enough to read as a stripe on the dark surface. */
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .table-striped {
    --bs-table-striped-bg: rgba(255, 255, 255, 0.06);
}

/* An activity's intro/description text (quiz instructions, forum intros,
   etc.) is teacher-authored rich text rendered inside core's own
   <div class="activity-description" id="intro"> (lib/templates/
   activity_header.mustache — shared by every module, not just quiz). It
   commonly carries inline font-family/style overrides from the editor but
   essentially never an inline colour, so its text just inherits Boost's
   near-black default and goes the same illegible way as the plain <p> fix
   further up. One rule on the wrapper is enough — <ol>/<li>/<span>/<strong>
   inside it all inherit color normally since nothing here sets its own. */
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .activity-description {
    color: #e8eaf0;
}

/* Bootstrap's .card component (e.g. the quiz attempt summary cards) paints
   its own explicit background the same way .generaltable did, via
   var(--bs-body-bg)/var(--bs-card-cap-bg) rather than inheriting the page
   background, so it needs the same direct treatment — wherever a .card
   turns up under dark mode, not just on the quiz page. */
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .card {
    background-color: #182234;
    border-color: #2a3346;
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .card-header,
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .card-footer {
    background-color: #1e293d;
    border-color: #2a3346;
}

/* Bootstrap's .alert-* variants (teacher-authored callouts inside forum
   posts, page content, etc — as opposed to .card/.generaltable, which are
   Moodle chrome) each paint their own light pastel background straight from
   Bootstrap's colour variables, the same way .card/.generaltable do above,
   so they need the same direct per-variant treatment. Unlike those two,
   sites in production have been seen shipping their own sitewide "!important"
   background/border overrides for these exact classes (theme colour
   customisations, typically), which plain specificity — however many
   selectors deep — can never beat; matched with !important here for the
   same reason .text-muted is above. */
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .alert-primary {
    background-color: #142943 !important; /* stylelint-disable-line declaration-no-important */
    border-color: #2a4a7a !important; /* stylelint-disable-line declaration-no-important */
    color: #5b9bf5 !important; /* stylelint-disable-line declaration-no-important */
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .alert-secondary {
    background-color: #1e293d !important; /* stylelint-disable-line declaration-no-important */
    border-color: #2a3346 !important; /* stylelint-disable-line declaration-no-important */
    color: #a8b0c3 !important; /* stylelint-disable-line declaration-no-important */
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .alert-success {
    background-color: #0f2e22 !important; /* stylelint-disable-line declaration-no-important */
    border-color: #1a4a37 !important; /* stylelint-disable-line declaration-no-important */
    color: #34d399 !important; /* stylelint-disable-line declaration-no-important */
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .alert-danger {
    background-color: #3a1418 !important; /* stylelint-disable-line declaration-no-important */
    border-color: #5c2028 !important; /* stylelint-disable-line declaration-no-important */
    color: #f87171 !important; /* stylelint-disable-line declaration-no-important */
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .alert-warning {
    background-color: #3a2e0f !important; /* stylelint-disable-line declaration-no-important */
    border-color: #5c491a !important; /* stylelint-disable-line declaration-no-important */
    color: #fbbf24 !important; /* stylelint-disable-line declaration-no-important */
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .alert-info {
    background-color: #0f2c3a !important; /* stylelint-disable-line declaration-no-important */
    border-color: #1a4a5c !important; /* stylelint-disable-line declaration-no-important */
    color: #5bc0f8 !important; /* stylelint-disable-line declaration-no-important */
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .alert-light {
    background-color: #182234 !important; /* stylelint-disable-line declaration-no-important */
    border-color: #2a3346 !important; /* stylelint-disable-line declaration-no-important */
    color: #e8eaf0 !important; /* stylelint-disable-line declaration-no-important */
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .alert-dark {
    background-color: #0f1420 !important; /* stylelint-disable-line declaration-no-important */
    border-color: #2a3346 !important; /* stylelint-disable-line declaration-no-important */
    color: #e8eaf0 !important; /* stylelint-disable-line declaration-no-important */
}

/* An alert's dismiss button and any .alert-link inherit Bootstrap's
   near-black default text colour the same way headings/labels did above. */
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .alert .btn-close {
    filter: invert(1) brightness(1.4);
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .alert-link {
    color: inherit !important; /* stylelint-disable-line declaration-no-important */
    text-decoration: underline;
}

/* A handful of other Bootstrap components paint the same kind of explicit
   light background/dark text that .card, .generaltable and .alert-* do
   above, and turn up often enough across ordinary Moodle pages (forum post
   actions, the user menu, feedback dialogs, plain text inputs) to need the
   same direct override. Backgrounds/borders carry !important for the same
   sitewide-override reason the .alert-* block above does; the text colours
   are given it too since they sit in the same rule and a partial win would
   leave dark text on a dark background, which is worse than the original
   problem. */
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .dropdown-menu {
    background-color: #182234 !important; /* stylelint-disable-line declaration-no-important */
    border-color: #2a3346 !important; /* stylelint-disable-line declaration-no-important */
    color: #e8eaf0 !important; /* stylelint-disable-line declaration-no-important */
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .dropdown-item {
    color: #e8eaf0 !important; /* stylelint-disable-line declaration-no-important */
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .dropdown-item:hover,
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .dropdown-item:focus {
    background-color: #1e293d !important; /* stylelint-disable-line declaration-no-important */
    color: #e8eaf0 !important; /* stylelint-disable-line declaration-no-important */
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .dropdown-divider {
    border-top-color: #2a3346 !important; /* stylelint-disable-line declaration-no-important */
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .list-group-item {
    background-color: #182234 !important; /* stylelint-disable-line declaration-no-important */
    border-color: #2a3346 !important; /* stylelint-disable-line declaration-no-important */
    color: #e8eaf0 !important; /* stylelint-disable-line declaration-no-important */
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .modal-content {
    background-color: #182234 !important; /* stylelint-disable-line declaration-no-important */
    color: #e8eaf0 !important; /* stylelint-disable-line declaration-no-important */
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .modal-header,
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .modal-footer {
    border-color: #2a3346 !important; /* stylelint-disable-line declaration-no-important */
}

/* Moodle still raises some dialogues through the older YUI widget stack
   rather than Bootstrap — the quiz preflight "Start attempt" check and the
   activity chooser are the two common ones — and those never carry
   .modal-content, so none of the modal rules above reach them. Same
   treatment, applied to the YUI wrapper instead.
   `color` on the wrapper is what fixes the body copy: .form-control-static
   (the preflight message) is not styled by Boost at all, so like the CoIFish
   diagnostics it simply inherits from <body>. Setting it on the container
   rather than the individual elements means anything else these dialogues
   render inherits it too, and any descendant that does declare its own
   colour still wins.
   The header needs its own entry despite that: Boost sets `color: initial`
   on .moodle-dialogue-hd, which resolves to black and blocks inheritance.
   Its <h5> title escapes that via the heading rule earlier in this file —
   which is why the titles already looked right — but the close button is an
   `×` glyph drawn with ::after content, so it takes the header's colour and
   was being painted black on a dark bar. Recolouring the header catches it
   without needing a separate rule, and no filter trick: unlike .btn-close's
   background image, this one is text. */
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .moodle-dialogue-base .moodle-dialogue-wrap {
    background-color: #182234;
    border-color: #2a3346;
    color: #e8eaf0;
    box-shadow: 0 0 10px #b6bdff;
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"]
.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd.yui3-widget-hd {
    color: #e8eaf0;
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .chooserdialogue .moodle-dialogue-wrap .moodle-dialogue-bd,
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .moodle-dialogue .moodle-dialogue-bd .content-lightbox {
    background: #182234;
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .breadcrumb {
    background-color: transparent !important; /* stylelint-disable-line declaration-no-important */
}

/* The right-hand blocks drawer (#page.drawers is its outer scroll container,
   already darkened above; .drawer is the sliding panel itself, drawn by
   Boost with its own literal #f8f9fa background — a plain single-class
   selector, so no !important needed here to win. Blocks inside it render as
   .card, already covered elsewhere in this file, so this only needs to
   handle the drawer chrome: the panel background, the scrollbar (both the
   standard scrollbar-color property and its Webkit ::-webkit-scrollbar-*
   equivalent), and the header's scrolled-state shadow, which is tuned for a
   light panel and all but disappears against a dark one. */
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .drawer {
    background-color: #182234;
}

/* boost_union's own sticky-header feature paints .drawerheader with its own
   translucent white — rgb(255 255 255 / .7) — layered on top of whatever
   .drawer sits behind it, so even with the drawer panel itself now dark the
   header band reads as a washed-out light strip. Our usual compound
   selector outranks that bare .drawerheader class the same way it wins
   everywhere else in this file. */
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .drawerheader {
    background-color: rgb(24 34 52 / 0.85);
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .drawer.scrolled .drawerheader {
    box-shadow: 0 8px 11px -7px rgba(0, 0, 0, 0.6);
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .drawercontent {
    scrollbar-color: #4a5568 #182234;
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .drawercontent::-webkit-scrollbar-track {
    background: #182234;
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .drawercontent::-webkit-scrollbar-thumb {
    background-color: #4a5568;
    border-color: #182234;
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .drawercontent::-webkit-scrollbar-thumb:hover {
    background-color: #5b6578;
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .breadcrumb-item,
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .breadcrumb-item a {
    color: #a8b0c3 !important; /* stylelint-disable-line declaration-no-important */
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .form-control,
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .form-select,
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] textarea,
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] select,
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] input[type="text"],
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] input[type="email"],
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] input[type="number"],
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] input[type="search"],
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] input[type="password"] {
    background-color: #182234 !important; /* stylelint-disable-line declaration-no-important */
    border-color: #2a3346 !important; /* stylelint-disable-line declaration-no-important */
    color: #e8eaf0 !important; /* stylelint-disable-line declaration-no-important */
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .form-control:focus,
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .form-select:focus {
    background-color: #182234 !important; /* stylelint-disable-line declaration-no-important */
    color: #e8eaf0 !important; /* stylelint-disable-line declaration-no-important */
}

/* Placeholder text (e.g. "Search users" in the gradebook's user search) is a
   pseudo-element with its own colour rule, so the field's own `color` fix
   above never reaches it no matter how much !important it carries. Boost
   gives it var(--bs-secondary-color) — rgba(29, 33, 37, 0.75), a near-black
   tuned for a white field and effectively invisible on a dark one. Given the
   file's established muted tone rather than full-strength body text, since a
   placeholder is a hint and should stay subordinate to real input. No
   !important needed: Bootstrap's own rule carries none. */
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .form-control::placeholder {
    color: #a8b0c3;
}

/* An unchecked checkbox/radio paints its box from --bs-form-check-bg, which
   Bootstrap defines as var(--bs-body-bg) — white, regardless of the page's
   own dark background — with a mid-grey border. Redeclaring the custom
   property here is the same override mechanism used for the plain .table
   fix earlier in this file; the checked state already paints a solid
   accent-blue box regardless of page background, so it needs no separate
   fix. No !important: Boost's own .form-check-input rule doesn't carry one
   either, so our extra specificity is already enough. */
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .form-check-input {
    --bs-form-check-bg: #182234;
    border-color: #4a5568;
}

/* The section/preferences collapse-expand toggle (.icons-collapse-expand) is
   a second, more specific .btn-icon rule — two classes rather than one —
   that paints its own light pill (a pale blue background behind a blue
   chevron) rather than inheriting the plain .btn-icon colour fix above, so
   it needs its own override at matching specificity. */
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .btn-icon.icons-collapse-expand {
    background-color: #1e293d;
    color: #5b9bf5;
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .btn-icon.icons-collapse-expand:hover {
    outline-color: #5b9bf5;
}

/* Moodle's combobox widgets (the gradebook's "Grader report" report picker,
   its "Filter by name" initials widget, the single view grade search) render
   as a bare .btn with no colour variant, so Bootstrap gives them
   --bs-btn-color: var(--bs-body-color) — near-black, and var(--bs-body-color)
   is left alone here for the same reason var(--bs-body-bg) is.
   role="combobox" on a .btn.dropdown-toggle is core Moodle's own convention
   for these (lib/templates/select_menu.mustache and comboboxsearch.mustache
   both emit exactly that pairing), which makes it a far steadier hook than
   the incidental utility classes around it, and narrow enough not to touch
   the variant buttons (.btn-primary and friends) that set their own
   --bs-btn-color and would be broken by a blanket .btn rule.
   --bs-btn-hover-color is set alongside because bare .btn never defines it:
   the var() reference is invalid, `color` falls back to the inherited value,
   and the hover colour would otherwise depend on whatever happens to wrap
   the widget. */
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .btn.dropdown-toggle[role="combobox"] {
    --bs-btn-color: #e8eaf0;
    --bs-btn-hover-color: #fff;
}

/* Outline buttons (e.g. CoIFish's "Log intervention") draw their resting
   state as coloured text on a transparent fill, and Boost deliberately
   darkens Bootstrap's stock values — #0f6cbf, #357a32, #ca3120, #a6670e,
   #1f7e9a — to hit AA against a white page, which leaves them barely
   separable from a dark one. Only the resting and disabled states need
   lifting: hover, focus and active all fill with that same colour and put
   white text on top, so they already read correctly whatever the page
   behind them (which matches the reported behaviour — these buttons look
   fine on hover and only fail at rest). Disabled reuses the lifted colour
   and keeps Bootstrap's own --bs-btn-disabled-opacity: 0.65 to stay
   visibly subordinate, rather than being dimmed twice into invisibility.
   Hues come from the palette the .alert-* and CoIFish blocks already use.
   .btn-outline-light is left alone: it is light by definition and is the
   one variant that was already legible here. */
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .btn-outline-primary {
    --bs-btn-color: #5b9bf5;
    --bs-btn-border-color: #5b9bf5;
    --bs-btn-disabled-color: #5b9bf5;
    --bs-btn-disabled-border-color: #5b9bf5;
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .btn-outline-secondary {
    --bs-btn-color: #a8b0c3;
    --bs-btn-border-color: #a8b0c3;
    --bs-btn-disabled-color: #a8b0c3;
    --bs-btn-disabled-border-color: #a8b0c3;
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .btn-outline-success {
    --bs-btn-color: #34d399;
    --bs-btn-border-color: #34d399;
    --bs-btn-disabled-color: #34d399;
    --bs-btn-disabled-border-color: #34d399;
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .btn-outline-danger {
    --bs-btn-color: #f87171;
    --bs-btn-border-color: #f87171;
    --bs-btn-disabled-color: #f87171;
    --bs-btn-disabled-border-color: #f87171;
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .btn-outline-warning {
    --bs-btn-color: #fbbf24;
    --bs-btn-border-color: #fbbf24;
    --bs-btn-disabled-color: #fbbf24;
    --bs-btn-disabled-border-color: #fbbf24;
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .btn-outline-info {
    --bs-btn-color: #5bc0f8;
    --bs-btn-border-color: #5bc0f8;
    --bs-btn-disabled-color: #5bc0f8;
    --bs-btn-disabled-border-color: #5bc0f8;
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .btn-outline-dark {
    --bs-btn-color: #e8eaf0;
    --bs-btn-border-color: #7c8598;
    --bs-btn-disabled-color: #e8eaf0;
    --bs-btn-disabled-border-color: #7c8598;
}

/* Bootstrap's tooltip/popover components render in a portal appended to
   <body>, outside every wrapper above, but the body-level dark-theme
   attribute this whole section keys off is still their ancestor, so they
   are reachable the same way .dropdown-menu is. */
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .popover {
    background-color: #182234 !important; /* stylelint-disable-line declaration-no-important */
    border-color: #2a3346 !important; /* stylelint-disable-line declaration-no-important */
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .popover-header {
    background-color: #1e293d !important; /* stylelint-disable-line declaration-no-important */
    border-color: #2a3346 !important; /* stylelint-disable-line declaration-no-important */
    color: #e8eaf0 !important; /* stylelint-disable-line declaration-no-important */
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .popover-body {
    color: #e8eaf0 !important; /* stylelint-disable-line declaration-no-important */
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .tooltip .tooltip-inner {
    background-color: #2a3346 !important; /* stylelint-disable-line declaration-no-important */
    color: #e8eaf0 !important; /* stylelint-disable-line declaration-no-important */
}

/* The quiz overview report's "Highest grade" indicator (and any other
   #page-mod-quiz-report .highlight) gets a light blue pill from mod_quiz's
   own styles.css (border: 1px solid #bce8f1; background-color: #d9edf7),
   layered under Boost's separate .highlight { color: #008196 } text-colour
   rule. Neither was designed against a dark page, so the pill reads as an
   odd light patch. Scoped to the quiz report specifically, rather than the
   bare .highlight class Boost also uses for e.g. search-term highlighting
   elsewhere, which should keep its own light styling untouched.
   #page-mod-quiz-report is Moodle's own body id for this page — the same
   element the .format-simple class and [data-simple-theme] attribute live
   on — so this has to be one compound selector (no space before the id)
   rather than body-then-descendant like the rest of this file; written as
   a descendant combinator it would look for a *nested* element with that
   id, which doesn't exist, and silently match nothing. */
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"]#page-mod-quiz-report .highlight {
    background-color: #007dbb;
    border-color: #007dbb;
    color: #fff;
}

/* The A-Z name-filter bar (.initialbargroups, e.g. the quiz overview
   report's "First name"/"Last name" jump links) is Bootstrap's .pagination
   component, themed entirely through --bs-pagination-* custom properties —
   --bs-pagination-bg defaults to var(--bs-body-bg), i.e. always white — the
   same override mechanism already used for .table earlier in this file.
   The active/current-letter state (--bs-pagination-active-bg, solid blue
   with white text) already reads fine against a dark page as-is, so it is
   left untouched. */
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .pagination {
    --bs-pagination-bg: #182234;
    --bs-pagination-border-color: #2a3346;
    --bs-pagination-hover-bg: #1e293d;
    --bs-pagination-hover-border-color: #2a3346;
    --bs-pagination-focus-bg: #1e293d;
    --bs-pagination-disabled-bg: #182234;
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .initialbarlabel,
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .mb-2 {
    color: #e8eaf0;
}

/* mod_quiz ships its own styles.css (a third stylesheet, separate from
   Boost/Boost Union) that paints the attempt-summary table's cells with
   literal greys — table.quizreviewsummary th.cell/td.cell — bypassing the
   .generaltable fix above entirely, since these more specific selectors
   (element+class, twice) outrank a single .generaltable class. Matched
   here at the same specificity so ours wins. */
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] table.quizreviewsummary th.cell {
    background: #1e293d;
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] table.quizreviewsummary td.cell {
    background: #182234;
}

/* Same problem again: mod_quiz/styles.css marks a fully-graded attempt's
   row (tr.gradedattempt, in the overview report table) with the same light
   blue used for the "highest grade" pill — border-color: #bce8f1;
   background-color: #d9edf7 — via body.path-mod-quiz .gradedattempt and two
   more selectors for the cells themselves (a plain <td> and the sticky
   name column need separate rules since the sticky column is repositioned
   and would otherwise poke out from under a row-level background). .path-
   mod-quiz is a second class Moodle puts directly on <body>, alongside
   .format-simple, so it chains onto our usual selector as one more compound
   class rather than a descendant — the same fix as the #page-mod-quiz-report
   id lesson, just via a class instead of an id. Setting the border-color
   shorthand (not just border-top-color, which the general .generaltable
   fix already covers) matters here — it's what was still leaving a light
   sliver on the other three edges of each row after that top-only fix. */
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"].path-mod-quiz .gradedattempt,
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"].path-mod-quiz table tbody tr.gradedattempt > td,
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"].path-mod-quiz
table tbody tr.gradedattempt > td.sticky-column {
    border-color: #1e5a7d;
    background-color: #0f3a52;
}

/* A quiz question's .formulation (the question text itself), .outcome and
   .comment (feedback panels) all paint their own explicit light pastel
   background plus a matching dark text colour, the same way .generaltable
   and .card do — so the general p/li text-colour fix elsewhere in this file
   never reaches them; their own `color` declaration always wins over an
   inherited one regardless of specificity. Each pairing below is darkened
   together for exactly that reason: fixing only the background would leave
   the box's own dark text sitting on top of it. */
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .que .formulation {
    background-color: #182234;
    border-color: #2a3346;
    color: #e8eaf0;
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .que .outcome {
    background-color: #3a2e0f;
    border-color: #5c491a;
    color: #fbe6cf;
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .que .comment {
    background-color: #0f2e22;
    border-color: #1a4a37;
    color: #cdf2e2;
}

/* The question-number/state/grade/flag sidebar (.que .info) is Boost chrome
   with its own hardcoded light-grey panel — same "light box left behind on a dark page" issue .activity-header had elsewhere in this file — but,
   unlike .formulation above, it sets no colour of its own on its child
   divs (.state, .grade), which just inherit Boost's ordinary near-black
   body text. That text needs its own fix here since .info > div is neither
   a p/li (covered by the general rich-text rule) nor part of .formulation. */
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .que .info {
    background-color: #182234;
    border-color: #2a3346;
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .que .info > div {
    color: #e8eaf0;
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .que .editquestion a {
    color: #cfe0fb;
}

/* The draggable word/answer pills in this drag-and-drop question type
   (.draggable.answers) turned out not to inherit a usable colour from
   .formulation the way assumed above — confirmed against the live question
   rather than that type's own stylesheet, which isn't present in this
   project's codebase to inspect. Given an explicit background here rather
   than one inferred blind. */
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .que .draggable.answers {
    background: #0b4376;
    color: #e8eaf0;
}

/* plagiarism_copyleaks's report widget (shown under a submitted assignment
   or forum post) is a third-party plugin not present in this project's own
   codebase to inspect directly, unlike the Boost/tiny_c4l/widgethub rules
   above — its light-card-plus-dark-text pattern is inferred from its class
   names rather than confirmed against its actual stylesheet, so this is a
   best-effort dark treatment rather than a verified one. !important is used
   defensively for that same reason: without sight of the source rules, this
   assumes they may be at least as specific, the same posture taken for the
   .alert-* and .twh-callout rules above when a rule turned out to carry
   !important itself. The small score-level indicator dot is left alone — it
   is almost certainly a solid semantic colour (green/amber/red for low/medium/high),
   which stays legible on any background and risks looking wrong if
   recoloured blind. */
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .cls-large-report-details {
    background-color: #182234 !important; /* stylelint-disable-line declaration-no-important */
    border-color: #2a3346 !important; /* stylelint-disable-line declaration-no-important */
    color: #e8eaf0 !important; /* stylelint-disable-line declaration-no-important */
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .cls-text-result,
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .cls-score-container {
    color: #e8eaf0 !important; /* stylelint-disable-line declaration-no-important */
}

/* Bootstrap's .text-muted resolves to a mid-grey that disappears against
   the dark page background — matched to the same colour the <p> fix below
   uses, so muted and regular body text stay a single consistent shade.
   Boost's own .text-muted rule is the one genuinely unavoidable case in
   this file: it carries !important itself, so a plain declaration —
   however specific — can never beat it; matching it here is the only way
   to win, hence the explicit sniff exemption. */
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .text-muted {
    color: #e8eaf0 !important; /* stylelint-disable-line declaration-no-important */
}

/* The automatic-completion badges' mix-blend-mode fix now lives with the
   other .badge rules further down, keyed to the background utility rather
   than to :first-child. core_course/completion_automatic.mustache only ever
   emits three variants — .bg-success and .bg-danger for met/failed
   conditions, and .bg-light.text-dark for pending ones — so :first-child was
   wrong in both directions: it caught whichever pill happened to come first,
   including a coloured one that needs no help, and missed the second pending
   pill entirely. */

/* Body copy inside an activity (mod/page and friends render their own rich
   text directly, outside the format's own wrapper) is still Boost's
   near-black default text colour, effectively invisible on the dark page
   background introduced above. This is reading content, so it gets pushed
   well past the general AA text minimum: #e8eaf0 against the #0f1420 page
   background and #182234 card surface both measure comfortably above a
   6:1 contrast ratio. Covers the plain-text elements a rich-text editor
   actually produces — not span/div, which carry too much unrelated UI
   (badges, pills, icons) to recolour wholesale. .text_to_html is the one
   div-level exception: it is the exact wrapper format_text() puts around
   FORMAT_HTML content (forum posts, feedback, etc — lib/outputrenderers.php),
   so it is exactly as narrowly scoped as p/ul/li above, and it needs its own
   entry because Moodle sometimes fills it with bare text nodes and <br>
   rather than <p> children, which the element list above never reaches. */
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] p,
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] ul,
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] ol,
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] li,
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] dl,
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] dt,
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] dd,
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] blockquote,
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .text_to_html {
    color: #e8eaf0;
}

/* A checkbox/advcheckbox form element's inline description — the text
   passed as its second label, rendered as a bare <span id="{elementid}_ description"> right next to the input (lib/form/templates/element-
   checkbox.mustache, element-advcheckbox.mustache) — carries no class at
   all, so neither a class-based fix nor the p/li list above (span is
   deliberately excluded there, as it carries too much unrelated UI) can
   reach it. Moodle only ever uses this "_description" id suffix for this
   one purpose, so the attribute selector is safe to match sitewide rather
   than needing to be re-scoped per form. */
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] span[id$="_description"] {
    color: #e8eaf0;
}

/* Activity/resource card titles (.aalink) inherit Boost's default link
   colour, which is too dark to read comfortably against the dark card
   surface. Lightened to rgba(96, 165, 226, 1) — checked at ~6:1 contrast
   against the dark surface/background tokens above. */
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .format-simple-wrapper .aalink {
    color: rgba(96, 165, 226, 1);
}

/* Two spots build their active-tab gradient from a literal light-mode hex
   rather than the accent-light token; point them at the token so dark mode
   repaints them too. */
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .simple-nav-item.is-active,
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .simple-nav.is-collapsed .simple-nav-item.is-active {
    background: linear-gradient(to right, var(--simple-accent-light), var(--simple-bg));
}

/* ---- Progress ring SVGs ----
   These circles are drawn with literal fill/stroke attributes (inline SVG
   presentation attributes carry the lowest CSS priority), so any rule here
   wins over them without needing !important. */
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .simple-progress-bg {
    stroke: var(--simple-border);
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .simple-progress-bar {
    stroke: var(--simple-success);
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .simple-progress-svg.is-complete circle {
    fill: var(--simple-success);
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .simple-progress-svg.is-complete polyline {
    stroke: var(--simple-surface);
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .simple-progress-svg.is-notstarted circle {
    stroke: var(--simple-border);
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .simple-progress-svg.is-untracked circle {
    fill: var(--simple-border);
}

/* ---- tiny_c4l ("Content for Learning") and Widget Hub callouts ----
   These TinyMCE-inserted content blocks (lib/editor/tiny/plugins/c4l/
   styles.css) are teacher-authored rich text, so they turn up anywhere
   format_text() runs — course content, forum posts, assignment feedback —
   same as .text_to_html above. Each variant hardcodes its own light pastel
   background plus, in most cases, no explicit text colour of its own (it
   inherits the surrounding paragraph colour), which is exactly why the
   general p/li dark-text rule above was enough to make the text legible but
   left the light pastel background behind it — light text on a light card.
   Both halves are overridden together here. The plugin emits two class
   prefixes for the same components — c4l- (editor/edit-mode markup) and
   c4lv- (viewer/rendered markup) — so both are targeted throughout.
   !important matches the .alert-* treatment above: this is another
   plugin's CSS painting its own explicit colours, external to this
   stylesheet's own cascade. */
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .c4l-keyconcept,
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .c4lv-keyconcept,
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .c4l-allpurposecard,
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .c4lv-allpurposecard,
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .c4l-learningoutcomes,
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .c4lv-learningoutcomes,
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .c4l-tag,
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .c4lv-tag,
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .c4l-estimatedtime,
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .c4lv-estimatedtime,
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .c4l-duedate,
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .c4lv-duedate,
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .c4l-gradingvalue,
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .c4lv-gradingvalue {
    background-color: #142943 !important; /* stylelint-disable-line declaration-no-important */
    color: #cfe0fb !important; /* stylelint-disable-line declaration-no-important */
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .c4l-keyconcept,
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .c4lv-keyconcept {
    border-left-color: #5b9bf5 !important; /* stylelint-disable-line declaration-no-important */
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .c4l-tip,
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .c4lv-tip {
    background-color: #3a1a34 !important; /* stylelint-disable-line declaration-no-important */
    border-left-color: #d16fc4 !important; /* stylelint-disable-line declaration-no-important */
    color: #f0d9ec !important; /* stylelint-disable-line declaration-no-important */
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .c4l-reminder,
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .c4lv-reminder {
    background-color: #0f2c3a !important; /* stylelint-disable-line declaration-no-important */
    border-left-color: #5bc0f8 !important; /* stylelint-disable-line declaration-no-important */
    color: #d3edfb !important; /* stylelint-disable-line declaration-no-important */
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .c4l-attention,
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .c4lv-attention {
    background-color: #3a2a12 !important; /* stylelint-disable-line declaration-no-important */
    border-left-color: #fbbf24 !important; /* stylelint-disable-line declaration-no-important */
    color: #fbe6cf !important; /* stylelint-disable-line declaration-no-important */
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .c4l-dodontcards-do,
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .c4lv-dodontcards-do {
    background: #0f2e22 !important; /* stylelint-disable-line declaration-no-important */
    color: #cdf2e2 !important; /* stylelint-disable-line declaration-no-important */
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .c4l-dodontcards-dont,
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .c4lv-dodontcards-dont {
    background: #3a1418 !important; /* stylelint-disable-line declaration-no-important */
    color: #f9d6d9 !important; /* stylelint-disable-line declaration-no-important */
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .c4l-readingcontext,
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .c4lv-readingcontext,
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .c4l-example,
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .c4lv-example,
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .c4l-expectedfeedback,
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .c4lv-expectedfeedback,
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .c4l-conceptreview,
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .c4lv-conceptreview,
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .c4l-furtherreading,
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .c4lv-furtherreading {
    background-color: #182234 !important; /* stylelint-disable-line declaration-no-important */
    color: #e8eaf0 !important; /* stylelint-disable-line declaration-no-important */
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .c4l-example h1,
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .c4lv-example h1 {
    color: #5b9bf5 !important; /* stylelint-disable-line declaration-no-important */
    border-bottom-color: #5b9bf5 !important; /* stylelint-disable-line declaration-no-important */
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .c4l-conceptreview .c4l-concept-review-title,
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .c4lv-conceptreview .c4l-concept-review-title {
    color: #d16fc4 !important; /* stylelint-disable-line declaration-no-important */
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .c4l-furtherreading .c4l-further-reading-title,
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .c4lv-furtherreading .c4l-further-reading-title {
    color: #5bc0f8 !important; /* stylelint-disable-line declaration-no-important */
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .c4l-aiuseallowed,
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .c4lv-aiuseallowed {
    background-color: #0f2e22 !important; /* stylelint-disable-line declaration-no-important */
    color: #34d399 !important; /* stylelint-disable-line declaration-no-important */
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .c4l-aiusenotallowed,
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .c4lv-aiusenotallowed {
    background-color: #3a1418 !important; /* stylelint-disable-line declaration-no-important */
    color: #f87171 !important; /* stylelint-disable-line declaration-no-important */
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .c4l-aiusereported,
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .c4lv-aiusereported {
    background-color: #3a2a12 !important; /* stylelint-disable-line declaration-no-important */
    color: #fbbf24 !important; /* stylelint-disable-line declaration-no-important */
}

/* Text-only variants: no background of their own, just a hardcoded literal
   colour tuned for a white page, too dark to read against the dark page
   background/card surfaces introduced above. */
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .c4l-proceduralcontext,
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .c4lv-proceduralcontext {
    color: #93b4f5 !important; /* stylelint-disable-line declaration-no-important */
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .c4l-figure figcaption,
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .c4lv-figure figcaption {
    color: #a8b0c3 !important; /* stylelint-disable-line declaration-no-important */
}

/* .c4l-learningoutcomes-title keeps its own solid blue pill with white text
   in both themes — already legible against a dark card, so left untouched. */

/* ---- Plain Bootstrap .table (Widget Hub tables, etc.) ----
   Unlike .generaltable, this is stock Boost/Bootstrap 5 table CSS, which
   themes itself through custom properties rather than literal colours:
   .table > :not(caption) > * > * reads background-color from
   var(--bs-table-bg), which .table itself defines as var(--bs-body-bg) —
   i.e. always white, regardless of the page's own dark background — and
   text colour from var(--bs-table-color)/var(--bs-emphasis-color), always
   near-black. Redeclaring those same custom properties here, on the same
   .table element the originals are declared on, is the override mechanism
   Bootstrap's own table theming is built around — it needs no !important
   and no fight over descendant-selector specificity, since every cell
   underneath simply reads the new values through the same var() call.
   table-group-divider's border-top: ... solid currentcolor follows the
   text-colour fix automatically, for the same reason. */
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .table {
    --bs-table-bg: #182234;
    --bs-table-color: #e8eaf0;
    --bs-emphasis-color: #e8eaf0;
    --bs-table-border-color: #2a3346;
    border-color: #2a3346;
}

/* ---- Bootstrap utility backgrounds (e.g. a "jumbotron" bg-light panel) ----
   Every Bootstrap .bg-* utility carries !important itself (it is meant to
   always win over a component's own background), so overriding it needs
   the same exemption already used for .text-muted/.alert-* above — no
   selector, however specific, beats it without matching that !important. */
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .bg-light {
    background-color: #182234 !important; /* stylelint-disable-line declaration-no-important */
}

/* .bg-white and .bg-body-tertiary turn up in the unified grading panel's
   own header (mod_assign/mod_quiz's marking interface) — same story as
   .bg-light above, and the same !important is required for the same
   reason. .bg-white reads rgba(var(--bs-white-rgb), var(--bs-bg-opacity))
   rather than a plain background-color, but that only affects how Bootstrap
   computes ITS value; ours still overrides the resulting background-color
   property outright. */
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .bg-white {
    background-color: #182234 !important; /* stylelint-disable-line declaration-no-important */
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .bg-body-tertiary {
    background-color: #1e293d !important; /* stylelint-disable-line declaration-no-important */
}

/* Darkening those .bg-* utilities above leaves anything pairing them with a
   .text-dark/.text-black utility (activity completion badges are the common
   case: .badge.rounded-pill.bg-light.text-dark) with near-black text on a
   now-dark fill. Those text utilities carry their own !important, so this
   needs one too. Deliberately keyed to the three surfaces this file actually
   darkens rather than to .text-dark on its own: on a fill that is still
   genuinely light in dark mode — .bg-warning, .bg-info and friends, which
   are untouched — near-black is the *correct* pairing, and a blanket
   .text-dark override would wreck exactly those, the same trap the CoIFish
   black-on-cyan badge posed. */
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"]
:is(.bg-light, .bg-white, .bg-body-tertiary):is(.text-dark, .text-black) {
    color: #e8eaf0 !important; /* stylelint-disable-line declaration-no-important */
}

/* A badge is a chip that has to separate from whatever it sits on, and these
   sit on cards this file already paints #182234 — so the plain .bg-light
   mapping above would render them the same tone as their own background and
   make them all but disappear, which is the second half of the reported
   problem. Badges therefore get the elevated surface tone used elsewhere for
   tracks and tooltips instead. Higher specificity than the .bg-* rules above
   (two classes rather than one), so this wins for badges while panels keep
   the flatter tone that suits them against the page.
   plus-lighter then adds the chip to whatever is behind it rather than
   covering it, which lifts it clear of the card without having to hardcode a
   brighter tone: over the #182234 card the #2a3346 fill lands around #42557a.
   Being backdrop-relative is the point — it keeps its separation over the
   page, a card or a modal alike — but it is also the caveat: on a genuinely
   light surface the chip and its text would both blow out towards white.
   These badges only ever sit on dark surfaces in this theme, so that case
   does not arise today; if it ever does, a flat background-color: #42557a
   reproduces the same look here without the blend.
   invert(1) then flips the chip to a bright, near-white pill so it actually
   registers as a chip rather than a slightly lighter patch of card. Filters
   apply before blending, so the two compose predictably: the #2a3346 fill
   inverts to a light tan and the blend lifts it to roughly #ededed, while
   the text inverts from #e8eaf0 down to a dark slate that lands near
   #2f3743 over it — around 11:1, comfortably legible.
   That text path is deliberately roundabout and worth knowing before
   editing: the .text-dark override above lightens the text precisely so
   this inversion can bring it back down. Change one without the other and
   the pill loses its contrast.
   This also carries the mix-blend-mode fix these badges used to get from a
   separate :first-child rule (removed above): Boost sets multiply on
   .path-mod .automatic-completion-conditions .badge, which crushes a light
   pill toward black on a dark page. That selector is (0,3,0) against this
   one's (0,5,1), so this wins without needing !important, and it applies to
   both pending pills while leaving the .bg-success/.bg-danger ones alone —
   inverting those would send green to magenta. */
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .badge:is(.bg-light, .bg-white, .bg-body-tertiary) {
    background-color: #2a3346 !important; /* stylelint-disable-line declaration-no-important */
    mix-blend-mode: plus-lighter;
    filter: invert(1);
}

/* The unified grader's own nav dropdown (local_unifiedgrader) paints a
   literal white background — no !important, so our usual extra specificity
   is enough on its own, unlike the Bootstrap .bg-* utilities above. */
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .local-unifiedgrader-nav-dropdown {
    background-color: #182234;
    border-color: #2a3346;
}

/* The grade-entry input group's addon spans (e.g. the unified grader's
   "/ 40" max-grade and "(73%)" percentage badges either side of the grade
   input) read background-color from var(--bs-tertiary-bg) — Boost's light
   grey, not the page's own dark background. */
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .input-group-text {
    background-color: #1e293d;
    border-color: #2a3346;
    color: #e8eaf0;
}

/* The unified grader's student-profile popout (local_unifiedgrader) is
   another literal #fff background/light border, same story as the nav
   dropdown and grade addons above. */
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .local-unifiedgrader-profile-popout {
    background: #182234;
    border-color: #2a3346;
}

/* The gradebook grader report (#user-grades / .gradereport-grader-table)
   doesn't get its cell backgrounds from Bootstrap's own .table machinery at
   all — Boost's compiled CSS carries a grader-specific rule that paints
   every .cell with background-color: var(--bs-body-bg) directly, bypassing
   the --bs-table-bg override on .table used everywhere else in this file
   (var(--bs-body-bg) is never touched by that fix, deliberately, since
   redefining it sitewide would be much harder to audit for side effects
   than overriding --bs-table-bg per component).
   .path-grade-report-grader is one of the path-* classes Moodle builds from
   the script path and puts on <body> itself (lib/pagelib.php), so it chains
   onto our selector as another compound class — with a space it would be
   asking for a nested element that does not exist and would match nothing
   at all, which is exactly the trap the #page-mod-quiz-report highlight fix
   further up this file already documents. Painting the cells is also the
   only thing that works: a background on <tbody> sits *behind* the cells,
   and these cells set their own opaque background, so it would never be
   visible no matter how much !important it carried. */
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"].path-grade-report-grader .gradeparent tr .cell,
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"].path-grade-report-grader .gradeparent .floater .cell {
    background-color: #182234;
}

/* ---- Widget Hub ("tiny_widgethub") callouts ----
   lib/editor/tiny/plugins/widgethub/styles.css paints .twh-callout and its
   four contextual variants (important/warning/example/extension) the same
   light-pastel-background-plus-hardcoded-dark-text way tiny_c4l's callouts
   do above, so they need the same paired background+text treatment.
   .twh-callout-body's #374151 text colour is shared by every variant
   (only the title/icon get a variant colour), so one rule fixes body text
   everywhere; the base/variant rules below only need to handle each one's
   distinct background, border-left accent, and title/icon colour. */
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .twh-callout-body {
    color: #e8eaf0 !important; /* stylelint-disable-line declaration-no-important */
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .twh-callout {
    background-color: #182234 !important; /* stylelint-disable-line declaration-no-important */
    border-left-color: #7c8598 !important; /* stylelint-disable-line declaration-no-important */
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .twh-callout-important {
    background-color: #3a2a12 !important; /* stylelint-disable-line declaration-no-important */
    border-left-color: #fbbf24 !important; /* stylelint-disable-line declaration-no-important */
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .twh-callout-important .twh-callout-title,
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .twh-callout-important .twh-callout-icon {
    color: #fbbf24 !important; /* stylelint-disable-line declaration-no-important */
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .twh-callout-warning {
    background-color: #3a1418 !important; /* stylelint-disable-line declaration-no-important */
    border-left-color: #f87171 !important; /* stylelint-disable-line declaration-no-important */
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .twh-callout-warning .twh-callout-title,
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .twh-callout-warning .twh-callout-icon {
    color: #f87171 !important; /* stylelint-disable-line declaration-no-important */
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .twh-callout-example {
    background-color: #0f2e22 !important; /* stylelint-disable-line declaration-no-important */
    border-left-color: #34d399 !important; /* stylelint-disable-line declaration-no-important */
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .twh-callout-example .twh-callout-title,
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .twh-callout-example .twh-callout-icon {
    color: #34d399 !important; /* stylelint-disable-line declaration-no-important */
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .twh-callout-extension {
    background-color: #142943 !important; /* stylelint-disable-line declaration-no-important */
    border-left-color: #5b9bf5 !important; /* stylelint-disable-line declaration-no-important */
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .twh-callout-extension .twh-callout-title,
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .twh-callout-extension .twh-callout-icon {
    color: #5b9bf5 !important; /* stylelint-disable-line declaration-no-important */
}

/* ---- Widget Hub quote and text-fragment components ----
   .twh-quote hardcodes both a light lavender background and its own
   #222222 text colour (rather than inheriting the page's text colour the
   way the callouts above do), so both need overriding; .twh-quote cite
   only sets opacity, not its own colour, so fixing .twh-quote's colour
   fixes the citation too. The decorative oversized quote-mark glyphs
   (:before/:after) are a low-alpha purple tuned to sit faintly on a white
   card; brightened here so they stay visible at the same low-key alpha on
   a dark one instead of disappearing into it. */
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .twh-quote {
    background: #182234 !important; /* stylelint-disable-line declaration-no-important */
    color: #e8eaf0 !important; /* stylelint-disable-line declaration-no-important */
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .twh-quote::before,
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .twh-quote::after {
    color: rgba(139, 148, 255, 0.35) !important; /* stylelint-disable-line declaration-no-important */
}

/* .twh-fragment is a "torn paper stack" effect: the visible card is a
   plain white background, with two ::before/::after layers in a slightly
   different light grey peeking out from behind at a rotation to look like
   loose sheets underneath — lighter than the page around it either way, so
   the stack reads as paper sitting on a surface. #182234/#0f1420 (this
   file's ordinary card-surface/page tokens) turned out to be the wrong
   choice here: the surrounding content area is already painted with those
   same two tones, so the "paper" was exactly the same colour as the table
   it was sitting on and vanished. This card needs its own lighter tones,
   one step up from --simple-surface, to actually stand out the way the
   white card stands out against Boost's off-white light-mode page. Main
   card lighter than the peeking layers, same relationship as the original
   #fff-over-#f6f6f6. Text colour is already handled by the general h4/p
   rules elsewhere in this file — .twh-fragment sets none of its own. */
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .twh-fragment {
    background: #2a3a56 !important; /* stylelint-disable-line declaration-no-important */
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .twh-fragment::before,
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .twh-fragment::after {
    background: #1e2b40 !important; /* stylelint-disable-line declaration-no-important */
}

/* ---- Dark mode toggle button ----
   Sits in the same fixed left rail as the cog and course-info buttons, and
   is appended directly to <body> — outside the wrapper — so it cannot read
   the wrapper's scoped tokens and gets its own literal colours below,
   matching the light-mode values already used by its neighbours. */
.format-simple .simple-darkmode-wrap {
    position: relative;
    margin-top: 6px;
}

.format-simple .simple-darkmode-btn {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border: none;
    border-radius: 0 10px 10px 0;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
    font-size: 1.25rem;
    color: #6b7280;
    cursor: pointer;
    transition: color 200ms, background 200ms;
}

.format-simple .simple-darkmode-btn:hover,
.format-simple .simple-darkmode-btn[aria-expanded="true"] {
    color: #2563eb;
    background: #f0f4ff;
}

.format-simple .simple-darkmode-popover {
    position: absolute;
    top: 0;
    left: 48px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1), 0 4px 10px rgba(0, 0, 0, 0.06);
    padding: 16px;
    opacity: 0;
    pointer-events: none;
    transform: translateX(-12px);
    transition: opacity 300ms cubic-bezier(0.4, 0, 0.2, 1), transform 300ms cubic-bezier(0.4, 0, 0.2, 1);
    min-width: 220px;
    z-index: 1041;
}

.format-simple .simple-darkmode-popover.is-open {
    opacity: 1;
    pointer-events: auto;
    transform: translateX(0);
}

.format-simple .simple-darkmode-heading {
    font-size: 0.6875rem;
    font-weight: 600;
    color: #9ca3af;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin: 0 0 10px 4px;
}

.format-simple .simple-darkmode-options {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.format-simple .simple-darkmode-option {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 8px 10px;
    border-radius: 8px;
    border: 1px solid transparent;
    background: transparent;
    color: #374151;
    font-size: 0.8125rem;
    font-weight: 500;
    text-align: left;
    cursor: pointer;
    transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
}

.format-simple .simple-darkmode-option i {
    width: 18px;
    text-align: center;
    color: #6b7280;
}

.format-simple .simple-darkmode-option:hover {
    background: #f0f4ff;
}

.format-simple .simple-darkmode-option.is-active {
    background: #dbeafe;
    border-color: #93c5fd;
    color: #1d4ed8;
}

.format-simple .simple-darkmode-option.is-active i {
    color: #1d4ed8;
}

.format-simple .simple-darkmode-schedule {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #e5e7eb;
}

.format-simple .simple-darkmode-timelabel {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    font-size: 0.75rem;
    color: #6b7280;
}

.format-simple .simple-darkmode-timelabel input[type="time"] {
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    padding: 4px 6px;
    font-size: 0.75rem;
    color: #1a1a1a;
    background: #fff;
}

/* The toggle button itself lives outside the wrapper's dark scope, so it
   needs its own dark palette to match the rest of the fixed rail below.
   Now that the outer page background goes dark too (see below), these
   buttons are lifted a shade lighter than that background, with a border
   and a paler shadow, so they still read as distinct floating tabs rather
   than blending into the page behind them. */
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .simple-darkmode-btn,
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .simple-cog-btn,
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .simple-home-btn,
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .simple-s0-modal-btn {
    background: #1e293d;
    color: #a8b0c3;
    border: 1px solid #2f3b54;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .simple-darkmode-btn:hover,
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .simple-darkmode-btn[aria-expanded="true"],
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .simple-cog-btn:hover,
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .simple-home-btn:hover,
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .simple-s0-modal-btn:hover {
    background: #142943;
    color: #5b9bf5;
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .simple-cog-btn.is-open {
    background: #142943;
    color: #5b9bf5;
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .simple-darkmode-popover,
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .simple-cog-popover {
    background: #1e293d;
    border: 1px solid #2f3b54;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.35), 0 4px 10px rgba(0, 0, 0, 0.2);
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .simple-darkmode-heading,
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .simple-cog-heading {
    color: #7c8598;
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .simple-darkmode-option,
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .simple-cog-tile {
    color: #a8b0c3;
    background: #26324a;
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .simple-darkmode-option i {
    color: #a8b0c3;
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .simple-darkmode-option:hover,
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .simple-cog-tile:hover {
    background: #142943;
    color: #5b9bf5;
    border-color: #1e3a5f;
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .simple-darkmode-option.is-active,
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .simple-cog-tile.is-active {
    background: #16304d;
    border-color: #2b5484;
    color: #8fbdfb;
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .simple-darkmode-option.is-active i {
    color: #8fbdfb;
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .simple-cog-tile-icon {
    background: #182234;
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .simple-cog-tile.is-active .simple-cog-tile-icon {
    background: #5b9bf5;
    color: #0f1420;
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .simple-darkmode-schedule {
    border-top-color: #2a3346;
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .simple-darkmode-timelabel {
    color: #a8b0c3;
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .simple-darkmode-timelabel input[type="time"] {
    background: #0f1420;
    border-color: #2a3346;
    color: #e8eaf0;
    color-scheme: dark;
}

/* ---- Section 0 modal (also outside the wrapper) ---- */
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .simple-s0-modal {
    background: #182234;
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .simple-s0-modal-close {
    background: rgba(255, 255, 255, 0.08);
    color: #a8b0c3;
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .simple-s0-modal-close:hover {
    background: rgba(255, 255, 255, 0.15);
    color: #e8eaf0;
}

/* ---- Native form controls, scrollbars ----
   Tells the browser to draw its own chrome (scrollbars, date/time pickers,
   and — see the dropdown fix below — a <select>'s native open option list)
   in dark colours so they do not stand out as a light-mode leftover.
   Declared body-wide as well as on the wrapper, since plenty of pages with
   dark mode active (forum discussions, quiz pages, settings forms) render
   their controls entirely outside the format's own wrapper. */
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] {
    color-scheme: dark;
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .format-simple-wrapper {
    color-scheme: dark;
}

/* Dropdowns (<select class="form-select">, e.g. the forum display-mode
   picker) paint an explicit light background/border and a dark-stroked
   arrow icon baked into --bs-form-select-bg-img as an inline SVG — none of
   that comes from inheritable page colours, so it stays light-themed no
   matter what the surrounding page does. Background/border/text are
   overridden directly; the arrow is redrawn with two small gradient
   triangles rather than another SVG (Moodle's stylesheet lint disallows
   data: URLs), coloured to match the rest of the dark palette. The closed
   control is styled here; color-scheme: dark above additionally asks the
   browser to draw the *open* native option list in dark chrome, which CSS
   cannot otherwise reach. */
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .form-select {
    background-color: #182234;
    color: #e8eaf0;
    border-color: #2a3346;
    background-image:
        linear-gradient(45deg, transparent 50%, #a8b0c3 50%),
        linear-gradient(135deg, #a8b0c3 50%, transparent 50%);
    background-position: calc(100% - 20px) center, calc(100% - 15px) center;
    background-size: 5px 5px, 5px 5px;
    background-repeat: no-repeat;
}

/* =========================================================================
   CoIFish (gradereport_coifish) — dark mode
   =========================================================================
   This plugin ships ~2100 lines of its own CSS built entirely on literal
   light-theme colours: white/grey panel fills, and dark body, muted and
   severity-emphasis text tuned to sit on them. Its outermost cards happen to
   carry Bootstrap's .card class, so the .card fix earlier in this file turns
   those dark — which is precisely what made the plugin unreadable rather
   than merely light: dark text stranded on a now-dark surface.
   Backgrounds and text are therefore fixed together here, the same pairing
   rule the .card/.generaltable/.alert-* blocks above follow. Fixing only the
   text would have broken the sub-panels that still paint their own white
   (.gradetracker-stat-chip, .gradereport-coifish-pulse-hero-inner, and the
   rest of the surface list below), which are perfectly legible as they are.
   :is() keeps this readable at ~100 selectors; it is well within Moodle 5.0's
   browser baseline and was verified to survive the theme CSS combiner, which
   silently drops some newer CSS (color-mix(), as noted further up).
   Note :is() takes the specificity of its most specific argument, which
   flattens the relative ordering the plugin's own stylesheet relies on, so
   the groups below run neutral -> muted -> success -> info -> warning ->
   danger: every contextual override (.gradetracker-stat-risk
   .gradetracker-stat-value over .gradetracker-stat-value, .gradetracker-
   widget-risk .gradetracker-widget-header over .gradetracker-widget-header)
   sits in a later group so it still wins on a specificity tie.
   Deliberately left alone: .gradeoverview-extension-badge (#000 on a bright
   #0dcaf0 fill) and .gradeoverview-late-badge (#fff on #dc3545) — both are
   coloured chips that read correctly in either theme, and "fixing" their
   text would break them. Severity hues reuse the palette the .alert-*
   overrides above established, so CoIFish matches the rest of dark mode
   rather than introducing a second set of reds, ambers and greens.
   Longer term this belongs in CoIFish itself; it lives here because dark
   mode is this format's feature and reaches sitewide. */

/* ---- Base text ----
   Much of CoIFish's copy sets no colour of its own at all and simply
   inherits from <body> — Boost's near-black --bs-body-color, which this file
   deliberately leaves alone. The insight cards' diagnostic paragraphs are
   the clearest example: neither .gradetracker-insight-diagnostic nor
   .gradetracker-insight-label nor their .gradetracker-insight-card-body
   parent declares a colour, so none of the per-selector groups below could
   ever have reached them (those were derived by scanning the plugin's own
   `color:` declarations, which by definition cannot see inherited text).
   Setting the colour on the plugin's own root containers instead fixes that
   whole class of problem at once, including any markup added later.
   It has to be the containers rather than a blanket match on every
   CoIFish-classed element: inheritance always yields to an explicit
   declaration on a descendant, so the plugin's own deliberate colours still
   win — .gradeoverview-extension-badge keeps its black-on-cyan, the coloured
   chips keep their white, and every group below keeps its severity hue. A
   blanket element match would out-specify all of those and break them.
   Container list is every root emitted by grade/report/coifish/templates. */
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] :is(
.gradereport-coifish,
.gradereport-coifish-actionbar,
.gradereport-coifish-coordinator,
.gradereport-coifish-summary,
.gradereport-coifish-pulse,
.gradetracker-insights,
.gradetracker-cohort-insights,
.gradetracker-coi-section,
.gradetracker-goal-planner,
.gradetracker-intervention-history,
.gradetracker-longitudinal-profile,
.gradetracker-presence-card,
.gradetracker-progress-container,
.gradetracker-progress-bar-group,
.gradetracker-levels-wrap,
.gradetracker-optslider-wrap,
.gradetracker-slider-wrap,
.gradeoverview-category) {
    color: #e8eaf0;
}

/* ---- Surfaces ---- */
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] :is(
.gradetracker-goal-card,
.gradetracker-widget,
.gradetracker-profile-rec,
.gradetracker-presence-card,
.gradereport-coifish-pulse-hero-inner,
.gradereport-coifish-pulse-card,
.gradereport-coifish-pulse-ring-inner) {
    background: #182234;
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] :is(
.gradetracker-feedback-details,
.gradetracker-longitudinal-profile,
.gradetracker-stat-chip,
.gradetracker-presence-bars,
.gradetracker-detail-metric-chip,
.gradereport-coifish-pulse-access,
.gradereport-coifish-coordinator .card-header) {
    background: #1e293d;
}

/* Neutral tracks and "empty/locked" states — mid greys in the original. */
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] :is(
.gradetracker-stacked-bar,
.gradetracker-badge-locked,
.gradetracker-presence-dot-none,
.gradetracker-zone-none) {
    background: #2a3346;
}

/* Tinted recommendation/header panels: the original pastel washes are far
   too light to survive here, so each becomes the dark tint of the same hue
   already used by the .que .outcome and .alert-* blocks above. */
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .gradetracker-profile-rec-danger {
    background: #2c1618;
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] :is(
.gradetracker-profile-rec-warning,
.gradetracker-detail-header-warning) {
    background: #3a2e0f;
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .gradetracker-insight-card {
    border-color: #2a3346;
}

/* ---- Text: neutral body copy ---- */
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] :is(
.gradereport-coifish .text-muted td,
.gradereport-coifish tr.text-muted td,
.gradetracker-goal-planner-title,
.gradetracker-coi-title,
.gradetracker-coi-breakdown-count,
.gradetracker-cohort-section-title,
.gradetracker-presence-count,
.gradetracker-presence-bar-label,
.gradetracker-detail-section-title,
.gradetracker-detail-text,
.gradetracker-detail-threshold-label,
.gradetracker-selfreg-explain,
.gradetracker-selfreg-indicator-label,
.gradetracker-stat-value,
.gradetracker-detail-metric-value,
.gradereport-coifish-pulse-help-inner,
.gradereport-coifish-pulse-drill-text,
.gradereport-coifish-pulse-access,
.gradereport-coifish-pulse-hero-band,
.gradereport-coifish-pulse-badge-name,
.gradereport-coifish-pulse-card-label) {
    color: #e8eaf0;
}

/* ---- Text: muted/secondary ---- */
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] :is(
.gradetracker-legend-item,
.gradetracker-goal-card-label,
.gradetracker-goal-card-message,
.gradetracker-goal-missed .gradetracker-goal-card-value,
.gradetracker-widget-header,
.gradetracker-widget-sub,
.gradetracker-trend-steady,
.gradetracker-feedback-viewed .gradetracker-feedback-link,
.gradetracker-coi-breakdown,
.gradetracker-stat-label,
.gradetracker-cohort-subsection-title,
.gradetracker-detail-link,
.gradetracker-logdata-table thead th,
.gradetracker-detail-metric-label,
.gradetracker-selfreg-explain-btn,
.gradetracker-selfreg-explain dd,
.gradetracker-levels-label-text,
.gradereport-coifish-pulse-sub,
.gradereport-coifish-pulse-hero-caption,
.gradereport-coifish-pulse-badge-sub,
.gradereport-coifish-pulse-drill-heading,
.gradereport-coifish-pulse-duedates-nudge,
.gradereport-coifish-pulse-help-btn) {
    color: #a8b0c3;
}

/* ---- Text: success ---- */
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] :is(
.gradereport-coifish .gradeoverview-category td a,
.gradetracker-threshold-pass::before,
.gradetracker-goal-achieved .gradetracker-goal-card-value,
.gradetracker-widget-improvement .gradetracker-widget-hero.text-success,
.gradetracker-trend-up,
.gradetracker-selfregulation-strong,
.gradetracker-consistency-excellent,
.gradetracker-earlybird-ahead,
.gradetracker-risk-healthy .gradetracker-insights-risk-icon,
.gradereport-coifish-pulse-help-inner strong,
.gradereport-coifish-pulse-suggestions-title,
.gradereport-coifish-pulse-access-ok) {
    color: #34d399;
}

/* ---- Text: info / primary accent ---- */
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] :is(
.gradetracker-widget-guidance,
.gradetracker-insight-info .gradetracker-insight-card-header,
.gradetracker-insight-info .gradetracker-insight-action,
.gradetracker-detail-header-info) {
    color: #5bc0f8;
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] :is(
.gradereport-coifish .gradetracker-running-percentage,
.gradetracker-running-percentage.text-primary,
.gradetracker-threshold-merit::before,
.gradetracker-widget-overall .gradetracker-widget-hero,
.gradetracker-selfregulation-moderate,
.gradetracker-consistency-good,
.gradetracker-earlybird-ontrack,
.gradetracker-detail-link:hover) {
    color: #5b9bf5;
}

/* ---- Text: warning ---- */
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] :is(
.gradetracker-widget-action,
.gradetracker-insight-warning .gradetracker-insight-card-header,
.gradetracker-insight-warning .gradetracker-insight-action,
.gradetracker-detail-header-warning,
.gradetracker-widget-risk .gradetracker-widget-header) {
    color: #fbbf24;
}

/* ---- Text: danger ---- */
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] :is(
.gradetracker-insight-danger .gradetracker-insight-card-header,
.gradetracker-insight-danger .gradetracker-insight-action,
.gradetracker-detail-header-danger,
.gradetracker-widget-improvement .gradetracker-widget-hero.text-danger,
.gradetracker-trend-down,
.gradetracker-earlybird-behind,
.gradetracker-risk-high .gradetracker-insights-risk-icon,
.gradetracker-stat-risk .gradetracker-stat-value) {
    color: #f87171;
}

/* ---- Student pulse widget tokens ----
   The plugin already funnels this widget's colours through five custom
   properties, so redefining them on the same element they are declared on
   repaints every var() reference at once — the mechanism the .table and
   .format-simple-wrapper token blocks above use. The track is a light grey
   fill rather than text, hence the surface tone rather than a text one. */
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .gradereport-coifish-pulse {
    --coifish-pulse-accent: #34d399;
    --coifish-pulse-track: #2a3346;
    --coifish-pulse-up: #34d399;
    --coifish-pulse-down: #fb923c;
    --coifish-pulse-same: #a8b0c3;
}

/* =========================================================================
   TinyMCE (editor_tiny / TinyMCE 7 "oxide" skin) — dark mode
   =========================================================================
   The oxide skin hardcodes every colour — it exposes no custom properties at
   all, so there is no token layer to redirect and each surface has to be
   named. What follows repaints the editor *chrome*: menubar, toolbars,
   status bar, and the icon/label colours that sit on them.
   The editing canvas is not reachable from this file at all. It is an
   <iframe>, and TinyMCE loads theme_config::editor_css_url() into it — a
   separate, much smaller bundle built by editor_css_files(), which collects
   only editor plugins' own editor_styles.css plus the theme's editor_sheets.
   A course format's styles.css is not among them, so nothing written here
   reaches inside; a body.mce-content-body rule added to this file has no
   effect whatsoever, however it is scoped. (It would also have no dark-mode
   signal to key on if it did arrive: the iframe's <body> carries neither the
   .format-simple class nor the [data-simple-theme] attribute, so an unscoped
   rule would repaint the canvas in light mode too.)
   The canvas is therefore handled from JavaScript instead — see
   applyTinyContentTheme() in amd/src/cognav.js, which injects a small
   stylesheet into each editor's own document and removes it again on the way
   back to light. Everything below is the surrounding chrome only. */
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] :is(
.tox .tox-menubar,
.tox .tox-toolbar-overlord,
.tox .tox-toolbar,
.tox .tox-toolbar__primary,
.tox .tox-toolbar__overflow,
.tox .tox-sidebar,
.tox:not(.tox-tinymce-inline) .tox-editor-header,
.tox.tox-tinymce-inline .tox-editor-header,
.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on .tox-editor-header,
.tox.tox-tinymce-aux .tox-toolbar__overflow) {
    background-color: #1e293d;
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .tox .tox-statusbar {
    background-color: #1e293d;
    border-top-color: #2a3346;
    color: #a8b0c3;
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] :is(
.tox .tox-statusbar a,
.tox .tox-statusbar__path-item,
.tox .tox-statusbar__wordcount,
.tox .tox-label,
.tox .tox-toolbar-label) {
    color: #a8b0c3;
}

/* Toolbar and menubar buttons.
   These are not transparent chips sitting on the toolbar, as their flat
   appearance suggests — the skin paints every one of them background: #fff
   outright, and only looks flat because the toolbar behind them is white
   too. Recolouring their text without that made things worse rather than
   better: near-white labels stranded on white blocks.
   So each state needs its own pairing. Resting matches the toolbar so the
   buttons stay visually flat exactly as they do in the light skin, and
   hover/pressed step up from there to keep the same relative ordering the
   original design uses (a light-grey hover and a blue pressed state over a
   white base become a lighter-slate hover and a blue-slate pressed state
   over a dark one). */
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] :is(
.tox .tox-mbtn,
.tox .tox-tbtn,
.tox .tox-mbtn[disabled],
.tox .tox-mbtn:focus:not(:disabled),
.tox .tox-tbtn:focus,
.tox .tox-tbtn--disabled,
.tox .tox-tbtn--disabled:hover,
.tox .tox-tbtn:disabled,
.tox .tox-tbtn:disabled:hover,
.tox .tox-split-button:focus) {
    background: #1e293d;
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] :is(
.tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active),
.tox .tox-tbtn:hover,
.tox .tox-tbtn--bespoke,
.tox .tox-tbtn--bespoke:focus) {
    background: #2a3346;
}

/* Pressed/enabled state (Bold while the cursor sits in bold text, and the
   open menubar item) — the skin's #a6ccf7 is a pale blue that would glare
   here, so it becomes the same deep blue the link focus indicator uses. */
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] :is(
.tox .tox-mbtn--active,
.tox .tox-mbtn:not(:disabled).tox-mbtn--active:focus,
.tox .tox-tbtn:active,
.tox .tox-tbtn--active,
.tox .tox-tbtn--enabled,
.tox .tox-tbtn--enabled:hover,
.tox .tox-tbtn--enabled:focus) {
    background: #1e3a5f;
}

/* Labels and icons across every state. TinyMCE's own icons are inline <path>
   SVGs painted from a hardcoded fill rather than currentColor, and the skin
   re-asserts that dark fill separately for :hover, :active and :focus — so
   recolouring the resting state alone would leave the glyphs flipping back
   to near-black the moment a button is used. */
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] :is(
.tox .tox-mbtn,
.tox .tox-mbtn--active,
.tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active),
.tox .tox-tbtn,
.tox .tox-tbtn:hover,
.tox .tox-tbtn:active,
.tox .tox-tbtn--active,
.tox .tox-tbtn--enabled,
.tox .tox-tbtn:focus:not(.tox-tbtn--disabled)) {
    color: #fefeff;
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] :is(
.tox .tox-mbtn svg,
.tox .tox-tbtn svg,
.tox .tox-tbtn:hover svg,
.tox .tox-tbtn:active svg,
.tox .tox-tbtn:focus:not(.tox-tbtn--disabled) svg) {
    fill: #fefeff;
}

/* Disabled buttons keep the skin's "dimmed" relationship rather than the
   full-strength label above, which would make them look available. */
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] :is(
.tox .tox-mbtn[disabled],
.tox .tox-tbtn--disabled,
.tox .tox-tbtn--disabled:hover,
.tox .tox-tbtn:disabled,
.tox .tox-tbtn:disabled:hover) {
    color: #7c8598;
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] :is(
.tox .tox-tbtn--disabled svg,
.tox .tox-tbtn:disabled svg,
.tox .tox-tbtn--disabled .tox-tbtn--enabled svg) {
    fill: #7c8598;
}

/* Buttons contributed by Moodle's own tiny_* subplugins (WidgetHub, C4L,
   H5P, the recorder) are not path SVGs at all — they are <image> elements
   pointing at theme/image.php monologos, i.e. flat dark silhouettes that
   `fill` cannot touch. Inverting is the same trick .simple-cm-icon and the
   .alert dismiss button already use for exactly this problem. The
   data-buttonsource attribute is Moodle's own marker for these, so it
   separates them cleanly from TinyMCE's built-in icons above, which must
   keep their fill treatment instead. */
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .tox svg[data-buttonsource="moodle"] {
    filter: invert(1) brightness(1.4);
}

/* ---- TinyMCE dialogs (source code view, link editor, image properties) ----
   These render in the parent document rather than the editor iframe, so
   ordinary CSS reaches them. Note the backdrop is a *white* 75% veil in the
   light skin, which on a dark page washes the whole thing out — it needs
   flipping as much as the panel does.
   The primary .tox-button is left alone throughout: it is white on #006ce7,
   which reads correctly against any background. Only the secondary and naked
   variants, which assume a light panel behind them, are repainted. */
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .tox .tox-dialog-wrap__backdrop {
    background-color: rgba(6, 10, 20, 0.75);
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .tox .tox-dialog-wrap__backdrop--opaque {
    background-color: #0f1420;
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .tox .tox-dialog {
    background-color: #182234;
    border-color: #2a3346;
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] :is(
.tox .tox-dialog__header,
.tox .tox-dialog__footer) {
    background-color: #182234;
    color: #e8eaf0;
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] :is(
.tox .tox-dialog__title,
.tox .tox-dialog__body,
.tox .tox-dialog__body-content .tox-form__group h1,
.tox .tox-dialog__body-content .tox-form__group h2) {
    color: #e8eaf0;
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .tox .tox-dialog__body-content svg {
    fill: #e8eaf0;
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] :is(
.tox .tox-dialog__body-nav-item,
.tox .tox-label,
.tox .tox-dialog__body-content .tox-form__group--error) {
    color: #a8b0c3;
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] :is(
.tox .tox-dialog__body-content a,
.tox .tox-dialog__body-nav-item--active) {
    color: #5b9bf5;
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] :is(
.tox .tox-dialog__body-content a:hover,
.tox .tox-dialog__body-content a:focus,
.tox .tox-dialog__body-content a:active) {
    color: #8fc0ff;
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .tox .tox-dialog__body-nav-item--active {
    border-bottom-color: #5b9bf5;
}

/* Secondary ("Cancel") and naked (the header's close X) buttons. */
body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .tox .tox-button--secondary {
    background-color: #2a3346;
    border-color: #2a3346;
    color: #e8eaf0;
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] :is(
.tox .tox-button--secondary:hover:not(:disabled),
.tox .tox-button--secondary:focus:not(:disabled)) {
    background-color: #354063;
    border-color: #354063;
    color: #e8eaf0;
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .tox .tox-button--naked {
    color: #e8eaf0;
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] :is(
.tox .tox-button--naked:hover:not(:disabled),
.tox .tox-button--naked:focus:not(:disabled)) {
    background-color: rgba(232, 234, 240, 0.12);
    color: #e8eaf0;
}

body.format-simple[data-simple-theme="dark"][data-simple-theme="dark"] .tox .tox-dialog__table tbody tr {
    border-bottom-color: #2a3346;
}

.format-singleactivity .tree_item.orphaned a {
    color: red;
}

.card-whithout-bg, #page-course-view-softcourse #region-main > .card {
    background-color: transparent;
    border: none;
    margin-bottom: 0;
    min-height: 0;
    padding: 0;
}

.card-whithout-bg form[action="."], #page-course-view-softcourse #region-main > .card form[action="."] {
    margin: 0;
}

#page-course-view-softcourse #region-main .stretched-link {
    color: orange;
    color: brandcolor;
    display: flex;
    overflow: hidden;
    text-decoration: none;
    width: 100%;
    z-index: 1;
}

#page-course-view-softcourse #region-main > .card {
    padding-top: 0;
}

#page-course-view-softcourse #region-main .course-content #softcourse-introduction {
    padding: 30px;
}

#page-course-view-softcourse #region-main .course-content #softcourse-introduction #softcourse-start-button {
    -moz-appearance: button;
    -webkit-appearance: button;
    appearance: button;
    color: initial;
    margin-top: 15px;
    max-width: 220px;
    text-decoration: none;
    width: 100%;
}

#page-course-view-softcourse #region-main .course-content #softcourse-introduction #softcourse-start-button[aria-disabled=true] {
    cursor: not-allowed;
    display: inline-block;
    /* For IE11/ MS Edge bug */
    opacity: 0.5;
    pointer-events: none;
    text-decoration: none;
}

#page-course-view-softcourse #region-main .course-content #softcourse-sections {
    margin-top: 50px;
    padding: 0;
}

#page-course-view-softcourse #region-main .course-content #softcourse-sections #softcourse-tabs {
    color: inherit;
    padding-left: 0;
    text-decoration: none;
}

#page-course-view-softcourse #region-main .course-content #softcourse-sections #softcourse-tabs .softcourse-section {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 15px;
    padding: 0;
    position: relative;
    transition: box-shadow 0.5s ease;
}

#page-course-view-softcourse #region-main .course-content #softcourse-sections #softcourse-tabs .softcourse-section:hover {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.15), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}

#page-course-view-softcourse #region-main .course-content #softcourse-sections #softcourse-tabs .softcourse-section:hover .softcourse-section-img span {
    z-index: 0;
}

#page-course-view-softcourse #region-main .course-content #softcourse-sections #softcourse-tabs .softcourse-section:hover .softcourse-section-img .delete-img, #page-course-view-softcourse #region-main .course-content #softcourse-sections #softcourse-tabs .softcourse-section:hover .softcourse-section-img .update-img, #page-course-view-softcourse #region-main .course-content #softcourse-sections #softcourse-tabs .softcourse-section:hover .softcourse-section-img span {
    cursor: pointer;
    opacity: 0.75;
}

#page-course-view-softcourse #region-main .course-content #softcourse-sections #softcourse-tabs .softcourse-section:hover .softcourse-section-img .delete-img:hover, #page-course-view-softcourse #region-main .course-content #softcourse-sections #softcourse-tabs .softcourse-section:hover .softcourse-section-img .update-img:hover, #page-course-view-softcourse #region-main .course-content #softcourse-sections #softcourse-tabs .softcourse-section:hover .softcourse-section-img span:hover {
    color: #fff;
}

#page-course-view-softcourse #region-main .course-content #softcourse-sections #softcourse-tabs .softcourse-section:hover .softcourse-section-img .delete-img, #page-course-view-softcourse #region-main .course-content #softcourse-sections #softcourse-tabs .softcourse-section:hover .softcourse-section-img .update-img {
    z-index: 4;
}

#page-course-view-softcourse #region-main .course-content #softcourse-sections #softcourse-tabs .softcourse-section:hover .softcourse-section-body .delete-img, #page-course-view-softcourse #region-main .course-content #softcourse-sections #softcourse-tabs .softcourse-section:hover .softcourse-section-body .fa-leanpub, #page-course-view-softcourse #region-main .course-content #softcourse-sections #softcourse-tabs .softcourse-section:hover .softcourse-section-body .progress, #page-course-view-softcourse #region-main .course-content #softcourse-sections #softcourse-tabs .softcourse-section:hover .softcourse-section-body .progress-percent, #page-course-view-softcourse #region-main .course-content #softcourse-sections #softcourse-tabs .softcourse-section:hover .softcourse-section-body .softcourse-activities-count, #page-course-view-softcourse #region-main .course-content #softcourse-sections #softcourse-tabs .softcourse-section:hover .softcourse-section-body .update-img {
    opacity: 1;
}

#page-course-view-softcourse #region-main .course-content #softcourse-sections #softcourse-tabs .softcourse-section:active {
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 10px 2px rgba(0, 0, 0, 0.12);
}

#page-course-view-softcourse #region-main .course-content #softcourse-sections #softcourse-tabs .softcourse-section .softcourse-section-img {
    background-color: orange;
    background-color: brandcolor;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: flex;
    height: 150px;
    min-width: 250px;
}

@media only screen and (max-width: 710px) {
    #page-course-view-softcourse #region-main .course-content #softcourse-sections #softcourse-tabs .softcourse-section .softcourse-section-img {
        background-image: none;
        min-width: 50px;
        width: 50px;
    }
}

#page-course-view-softcourse #region-main .course-content #softcourse-sections #softcourse-tabs .softcourse-section .softcourse-section-img > span {
    bottom: 10px;
    color: white;
    display: inline-block;
    font-size: 1.2rem;
    left: 0;
    opacity: 0;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    transition: opacity 0.5s ease;
    width: 250px;
}

@media only screen and (max-width: 710px) {
    #page-course-view-softcourse #region-main .course-content #softcourse-sections #softcourse-tabs .softcourse-section .softcourse-section-img > span {
        font-size: 1.5rem;
        top: 65px;
        width: 50px;
    }

    #page-course-view-softcourse #region-main .course-content #softcourse-sections #softcourse-tabs .softcourse-section .softcourse-section-img > span span {
        display: none;
    }
}

@media only screen and (max-width: 710px) {
    #page-course-view-softcourse #region-main .course-content #softcourse-sections #softcourse-tabs .softcourse-section .softcourse-section-img > i {
        display: none;
    }
}

#page-course-view-softcourse #region-main .course-content #softcourse-sections #softcourse-tabs .softcourse-section .softcourse-section-img .update-img {
    color: white;
    display: inline-block;
    font-size: 1.2rem;
    height: 50px;
    left: 200px;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity 0.5s ease;
    width: 50px;
}

#page-course-view-softcourse #region-main .course-content #softcourse-sections #softcourse-tabs .softcourse-section .softcourse-section-img .update-img:hover, #page-course-view-softcourse #region-main .course-content #softcourse-sections #softcourse-tabs .softcourse-section .softcourse-section-img .update-img:hover::before {
    cursor: pointer;
}

#page-course-view-softcourse #region-main .course-content #softcourse-sections #softcourse-tabs .softcourse-section .softcourse-section-img .update-img::before {
    padding: 15px;
    position: absolute;
}

#page-course-view-softcourse #region-main .course-content #softcourse-sections #softcourse-tabs .softcourse-section .softcourse-section-img .update-img input[type="file"] {
    height: 50px;
    left: 0;
    opacity: 0;
    position: absolute;
    width: 50px;
}

#page-course-view-softcourse #region-main .course-content #softcourse-sections #softcourse-tabs .softcourse-section .softcourse-section-img .update-img input[type="file"]:hover {
    cursor: pointer;
}

@media only screen and (max-width: 710px) {
    #page-course-view-softcourse #region-main .course-content #softcourse-sections #softcourse-tabs .softcourse-section .softcourse-section-img .update-img {
        display: none;
    }
}

#page-course-view-softcourse #region-main .course-content #softcourse-sections #softcourse-tabs .softcourse-section .softcourse-section-img .delete-img {
    color: white;
    display: inline-block;
    font-size: 1.2rem;
    height: 50px;
    left: 200px;
    opacity: 0;
    position: absolute;
    top: 50px;
    transition: opacity 0.5s ease;
    width: 50px;
}

#page-course-view-softcourse #region-main .course-content #softcourse-sections #softcourse-tabs .softcourse-section .softcourse-section-img .delete-img:hover, #page-course-view-softcourse #region-main .course-content #softcourse-sections #softcourse-tabs .softcourse-section .softcourse-section-img .delete-img:hover::before {
    cursor: pointer;
}

#page-course-view-softcourse #region-main .course-content #softcourse-sections #softcourse-tabs .softcourse-section .softcourse-section-img .delete-img::before {
    padding: 15px;
    position: absolute;
}

#page-course-view-softcourse #region-main .course-content #softcourse-sections #softcourse-tabs .softcourse-section .softcourse-section-img .delete-img input[type="button"] {
    height: 50px;
    left: 0;
    opacity: 0;
    position: absolute;
    width: 50px;
}

#page-course-view-softcourse #region-main .course-content #softcourse-sections #softcourse-tabs .softcourse-section .softcourse-section-img .delete-img input[type="button"]:hover {
    cursor: pointer;
}

@media only screen and (max-width: 710px) {
    #page-course-view-softcourse #region-main .course-content #softcourse-sections #softcourse-tabs .softcourse-section .softcourse-section-img .delete-img {
        display: none;
    }
}

#page-course-view-softcourse #region-main .course-content #softcourse-sections #softcourse-tabs .softcourse-section .softcourse-section-img:not(.not-empty)::before {
    color: white;
    content: "\f19d";
    font-family: "FontAwesome";
    font-size: 100px;
    text-align: center;
    transition: top 0.5s ease;
    width: 100%;
}

@media only screen and (max-width: 710px) {
    #page-course-view-softcourse #region-main .course-content #softcourse-sections #softcourse-tabs .softcourse-section .softcourse-section-img:not(.not-empty)::before {
        display: none;
    }
}

#page-course-view-softcourse #region-main .course-content #softcourse-sections #softcourse-tabs .softcourse-section .softcourse-section-body {
    color: #000;
    display: flex;
    flex: 1;
    flex-direction: column;
    height: 150px;
    margin-left: 50px;
    padding: 10px 10px 10px 0;
    position: relative;
    width: calc(100% - 300px);
    z-index: 0;
}

#page-course-view-softcourse #region-main .course-content #softcourse-sections #softcourse-tabs .softcourse-section .softcourse-section-body .softcourse-section-name {
    display: inline-block;
    font-size: 1.2rem;
    max-height: 30px;
    max-width: 100%;
    overflow: hidden;
    padding-right: 15px;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

#page-course-view-softcourse #region-main .course-content #softcourse-sections #softcourse-tabs .softcourse-section .softcourse-section-body .softcourse-section-summary {
    display: inline-block;
    font-size: 0.75rem;
    height: 100%;
    max-height: 75px;
    overflow: hidden;
    padding-right: 15px;
    width: 100%;
}

#page-course-view-softcourse #region-main .course-content #softcourse-sections #softcourse-tabs .softcourse-section .softcourse-section-body .softcourse-section-summary p {
    height: 100%;
}

#page-course-view-softcourse #region-main .course-content #softcourse-sections #softcourse-tabs .softcourse-section .softcourse-section-body .softcourse-section-info {
    align-items: center;
    display: flex;
    height: 30px;
    justify-content: center;
    margin-bottom: 0;
    margin-top: auto;
    width: 100%;
}

#page-course-view-softcourse #region-main .course-content #softcourse-sections #softcourse-tabs .softcourse-section .softcourse-section-body .fa-leanpub {
    color: orange;
    color: brandcolor;
    font-size: 1rem;
    opacity: 0;
    transition: opacity 0.5s ease;
}

#page-course-view-softcourse #region-main .course-content #softcourse-sections #softcourse-tabs .softcourse-section .softcourse-section-body .fa-leanpub::before {
    font-size: 1.2rem;
}

#page-course-view-softcourse #region-main .course-content #softcourse-sections #softcourse-tabs .softcourse-section .softcourse-section-body .softcourse-activities-count {
    color: orange;
    color: brandcolor;
    font-size: 1rem;
    opacity: 0;
    transition: opacity 0.5s ease;
}

#page-course-view-softcourse #region-main .course-content #softcourse-sections #softcourse-tabs .softcourse-section .softcourse-section-body .progress {
    display: inline-flex;
    opacity: 0;
    transition: opacity 0.5s ease;
    width: calc(100% - 100px);
}

@media only screen and (max-width: 710px) {
    #page-course-view-softcourse #region-main .course-content #softcourse-sections #softcourse-tabs .softcourse-section .softcourse-section-body .progress {
        width: calc(100% - 100px);
    }
}

#page-course-view-softcourse #region-main .course-content #softcourse-sections #softcourse-tabs .softcourse-section .softcourse-section-body .progress .progress-bar {
    display: inline-flex;
}

#page-course-view-softcourse #region-main .course-content #softcourse-sections #softcourse-tabs .softcourse-section .softcourse-section-body .progress-percent {
    color: orange;
    color: brandcolor;
    margin-left: 5px;
    opacity: 0;
    transition: opacity 0.5s ease;
}

@media only screen and (max-width: 710px) {
    #page-course-view-softcourse #region-main .course-content #softcourse-sections #softcourse-tabs .softcourse-section .softcourse-section-body {
        margin-left: 30px;
        width: calc(100% - 80px);
    }
}

#page-course-view-softcourse #region-main .course-content #ul.softcourse {
    list-style: none;
    margin: 0;
}

#page-course-view-softcourse #region-main .course-content #ul.softcourse li.section .content {
    margin: 0 40px;
}

#page-course-view-softcourse #region-main .course-content #ul.softcourse li.section .left, #page-course-view-softcourse #region-main .course-content #ul.softcourse li.section .right {
    padding: 0 6px;
    width: 40px;
}

#page-course-view-softcourse #region-main .course-content #ul.softcourse li.section .left {
    padding-top: 22px;
    text-align: right;
}

#page-course-view-softcourse #region-main .course-content #ul.softcourse li.section .left .section-handle img.icon {
    padding: 0;
    vertical-align: baseline;
}

#page-course-view-softcourse #region-main .course-content #ul.softcourse li.section .section_action_menu .textmenu, #page-course-view-softcourse #region-main .course-content #ul.softcourse li.section .section_action_menu .menu-action-text {
    white-space: nowrap;
}

#page-course-view-softcourse #region-main.jsenabled .course-content ul.softcourse li.section .left, #page-course-view-softcourse #region-main.jsenabled .course-content ul.softcourse li.section .right {
    width: auto;
}

#page-course-view-softcourse.editing ul.softcourse li.section {
    list-style-type: none;
}

#page-course-view-softcourse.editing ul.softcourse li.section .side.left, #page-course-view-softcourse.editing ul.softcourse li.section .side.right {
    margin: 1rem;
}

#page-course-view-softcourse.editing ul.softcourse li.section .summary {
    padding: 1rem;
}
/*CSS including colour variables for colours set at course level*/
/*Formerly included in dynamic styles via mustache*/
/*The variables e.g. --format-tiles-colour are defined in dynamic_styles mustache template*/

.format-tiles .course-content ul.tiles .tile.tilestyle-1,
.format-tiles .course-content ul.tiles .tile.tilestyle-2,
.format-tiles li.section:not(#section-0).tilestyle-1 .course-section-header,
.format-tiles li.section:not(#section-0).tilestyle-2 .course-section-header {
    border-top-color: var(--format-tiles-colour);
    border-radius: 0;
}
.format-tiles .course-content ul.tiles .tile.tilestyle-1,
.format-tiles .course-content ul.tiles .tile.tilestyle-2 {
    border-top-color: var(--format-tiles-colour);
    transition: border-top-color 0s;
}
.format-tiles .tile-bg,
.format-tiles li.section:not(#section-0).tilestyle-1 .course-section-header.tile-bar-heading,
.format-tiles li.section:not(#section-0).tilestyle-2 .course-section-header.tile-bar-heading {
    background-color: var(--format-tiles-colour-05);
}
.format-tiles ul.tiles .tile-clickable.tilestyle-1:hover,
.format-tiles ul.tiles .tile-clickable.tilestyle-1.current:hover,
.format-tiles ul.tiles .tile-clickable.tilestyle-2:hover,
.format-tiles ul.tiles .tile-clickable.tilestyle-2.current:hover {
    border-top-color: var(--format-tiles-colour-5);
    transition: border-top-color 0s, transform .2s ease-in-out;
}
.format-tiles .course-content ul.tiles .tile.tilestyle-1.selected,
.format-tiles .course-content ul.tiles .tile.tilestyle-2.selected {
    border-top-color: var(--format-tiles-colour-5);
}
.format-tiles.format-tiles-high-contrast .course-content ul.tiles .tile.tilestyle-1.selected,
.format-tiles.format-tiles-high-contrast .course-content ul.tiles .tile.tilestyle-2.selected {
    box-shadow: 0 0 20px 10px var(--format-tiles-high-contrast-black);
}
.format-tiles ul.tiles .current .sectiontitle::after {
    background-color: red;
}
.format-tiles .sectiontitle::after {
    background-color: var(--format-tiles-colour);
}
.format-tiles .course-content .single-section .navigation-arrows .navigation-arrow:not(.dimmed):hover {
    background-color: var(--format-tiles-colour-1);
}
.format-tiles.single-section-page #course-header {
    width: 100%;
}

.format-tiles .filterbutton:hover,
.format-tiles .sectionbutton:hover {
    background-color: var(--format-tiles-colour-1);
    transition: all 0.1s ease-in-out;
}
.format-tiles .sectionbutton:focus-visible,
.format-tiles .sectionbutton:focus {
    outline: 1px solid black;
}

.format-tiles .filterbutton.selected {
    background-color: var(--format-tiles-colour-1);
}

.format-tiles button.tiles-top-button:hover {
    background-color: var(--format-tiles-colour-1);
}
.format-tiles .background-course-base {
    background-color: var(--format-tiles-colour);
}
.format-tiles .tiles-base-bg {
    background-color: var(--format-tiles-colour);
}
.format-tiles .tiles-base-transparent7-bg {
    background-color: var(--format-tiles-colour-7);
}
.format-tiles .tiles-base-transparent05-bg {
    background-color: var(--format-tiles-colour-05);
}

/*Other CSS*/

.format-tiles ul.tiles {
    transition: 0.3s ease-in-out;
    overflow: visible;
    width: 100%;
    /*was hidden but want to allow drop down edit menu for last item on page to be displayed in full*/
    margin: auto;
    padding: 0;
}
.format-tiles ul.tiles.expanded {
    max-height: unset;
    overflow: visible;
}
.format-tiles li.section {
    margin-top: 10px;
    list-style: none;
}
.format-tiles .course-content li.section ul.format-tiles-cm-list {
    list-style: none;
    padding-inline-start: 10px;
}
.format-tiles ul.tiles#multi_section_tiles li.tile.section.main {
    /*tile contents when displayed in the multi tile screen via JS*/
    background-color: #fff;
    margin: 10px;
    padding: 30px 0 30px 0;
    width: 100%;
}
.format-tiles ul.tiles#multi_section_tiles li.section#section-0 {
    padding: 0;
}

.format-tiles .modal-backdrop.fade.in {
    opacity: 0.2;
}
.format-tiles ul.tiles li.section .format_tiles_section_content {
    margin: 0 10px 0 0;
}
.format-tiles li.section .format_tiles_section_content.dimmed {
    opacity: 0.6;
}
.format-tiles ul.tiles li.section .left {
    float: left;
}

.format-tiles ul.tiles li.section .right {
    float: right;
}

.format-tiles ul.tiles li.section .right img.icon {
    padding: 0 0 4px 0;
}

.format-tiles ul.tiles li.section .left .section-handle img.icon {
    padding: 0;
    vertical-align: baseline;
}

.format-tiles ul.tiles li.section .activity-count {
    margin-right: 3px;
}

.format-tiles li#section-0.section.main.clearfix {
    border-bottom: 0;
}

.format-tiles .tile a {
    text-decoration: none;
    padding: 7px 10px 5px 10px;
}
.format-tiles .progress-indic {
    color: #676767;
}

.format-tiles .progress-indic svg {
    width: 40px;
    height: 40px;
    display: inline-block;
}
.format-tiles .progress-indic i.fa {
    opacity: 0.5;
    height: 30px;
}

.format-tiles .progress-indic i.fa-check {
    color: darkgreen;
}
.format-tiles .progress-indic svg circle.partial {
    stroke: #888;
    fill: none;
}
.format-tiles.format-tiles-high-contrast .progress-indic svg circle.partial {
    stroke: var(--format-tiles-high-contrast-black);
}
.format-tiles .progress-indic svg circle.whole {
    stroke: rgba(0, 0, 0, 0.15);
    fill: none;
}
.format-tiles.format-tiles-high-contrast .progress-indic svg circle.whole {
    stroke: rgb(188, 188, 188);
}
.format-tiles .progress-indic svg text {
    font-size: 18px;
    font-weight: normal;
    transition: all 0.2s ease-in-out;
    fill: #666;
}
.format-tiles.format-tiles-high-contrast .progress-indic svg text {
    fill: var(--format-tiles-high-contrast-black);
}
.format-tiles .tiletopright i.icon.fa {
    font-size: 30px;
    width: 30px;
    height: 30px;
    vertical-align: top;
}

.format-tiles .progress-indic .progress-indic-label {
    display: inline-block;
    vertical-align: top;
    line-height: 40px;
    margin-right: 3px;
    color: #676767;
    font-size: 0.9em;
}
.format-tiles.format-tiles-high-contrast .progress-indic .progress-indic-label {
    color: var(--format-tiles-high-contrast-black);
}

.format-tiles .overall-progress {
    text-align: center;
    color: grey;
    transition: all 0.5s;
}

.format-tiles .overall-progress.hidden {
    display: none;
}

.format-tiles #page .course-content  ul li.section.main.current {
    background-color: inherit;
}

.format-tiles .icon20 {
    max-width: 20px;
    max-height: 20px;
    opacity: 0.5;
}

.format-tiles .tiletopright {
    float: right;
}
.format-tiles .tiletopright img {
    opacity: 0.5;
}

.format-tiles .icon40 {
    max-width: 40px;
    max-height: 40px;
    opacity: 0.5;
}

.format-tiles .icon50 {
    max-width: 50px;
    max-height: 50px;
    opacity: 0.5;
}

.format-tiles ul.tiles#multi_section_tiles {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.format-tiles #single_section_tiles {
    display: block;
    padding-left: 0;
    margin-left: 0;
}
.format-tiles ul.tiles#multi_section_tiles li.section {
    display: block;
}
.format-tiles.editing ul.tiles#multi_section_tiles li.section {
    padding: 0;
}

.format-tiles .editing ul.tiles#multi_section_tiles li.section,
.format-tiles ul.tiles#multi_section_tiles li#section-0.section {
    display: block;
    width: 100%;
}
.format-tiles #section-0 .addresourcemodchooser {
    position: relative;
}
.format-tiles .course-content ul li.section.main:not(.delegated-section) {
    width: calc(100% - 15px);
    background-color: white;
    /* stop 'dot' background image in essential theme*/
    background-image: none;
    margin-top: 10px;
    padding-top: 12px;
}
.format-tiles .course-content ul li.section.main:not(.delegated-section):target {
    padding-top: 0;
    margin-top: 30px;
}
.format-tiles .activity:target {
    /* stylelint-disable-next-line declaration-no-important */
    margin-top: 0 !important;
    /* stylelint-disable-next-line declaration-no-important */
    padding-top: 0 !important;
}
.format-tiles .subtile a.menu-action {
    /*essential for clean and other themes to ensure that the link is on top to avoid non responsive menu*/
    z-index: 1;
}
.format-tiles .course-content ul li.section.main.moveablesection {
    padding: 30px 10px 10px 10px;
    margin-left: 7px;
}
.format-tiles.format-tiles-high-contrast .course-content ul li.section.main.moveablesection {
    box-shadow: 0 0 20px 10px var(--format-tiles-high-contrast-black);
}
.format-tiles .course-content ul.tiles .tile {
    display: flex;
    flex-basis: 225px;
    max-width: 260px;
    flex-grow: 1;
    margin: 7px;
    height: 175px;
    vertical-align: top;
    background-color: #fff;
    border-top: 0.45em solid transparent;
    transition: background-color 0.2s ease-in-out, all 0.5s ease-in-out;
    color: #777;
    box-shadow: 2px 4px 5px 0 #bdbdbd;
    position: relative;
}
.format-tiles .tile a.tile-link:focus-visible {
    box-shadow: rgb(96, 96, 96) 2px 4px 5px 0;
}
.format-tiles .course-content ul.tiles .tile:focus-visible h3 {
    text-decoration: underline;
}
.format-tiles .course-content ul.tiles .tile.spacer,
.format-tiles.pagelayout-course .course-content li.section ul li.activity.spacer /* Remui theme */ {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    max-height: 0;
}
.format-tiles .course-content li.section ul.section {
    list-style: none;
}
.format-tiles.jsenabled .course-content ul.tiles .tile.tile-collapsed {
    display: none;
    transition: all 0.3s ease-in-out;
}

.format-tiles.jsenabled .course-content ul.tiles .tile.tile-collapsing {
    opacity: 0;
    display: flex;
    transition: all 0.3s ease-in-out;
}

.format-tiles ul.tiles li:empty {
    height: 0;
    min-height: 0;
    border: none;
    box-shadow: none;
    visibility: hidden;
}

.format-tiles .tile a {
    color: #333;
    width: 100%;
}

.format-tiles .section li.activity.label h1,
.format-tiles .section li.activity.label h2,
.format-tiles .section li.activity.label h3,
.format-tiles .section li.activity.label h4 {
    color: #555;
}

.format-tiles .section li.activity.label .dimmed_text h1,
.format-tiles .section li.activity.label .dimmed_text h2,
.format-tiles .section li.activity.label .dimmed_text h3,
.format-tiles .section li.activity.label .dimmed_text h4 {
    color: #818a91;
}

.format-tiles .hidden .sectiontitle h2,
.format-tiles #page-content .hidden .sectiontitle h2 a.quickeditlink {
    color: #818a91;
}

.format-tiles .course-content ul.tiles .tile-clickable:hover,
.format-tiles li.activity.subtile:not(.unclickable):hover {
    transform: translateY(-6px);
    transition: 0.3s ease-in-out;
}

.format-tiles ul.tiles .tile-top {
    height: 55px;
    width: 100%;
}

.format-tiles .course-content ul.tiles .tile.tilestyle-1.current,
.format-tiles .course-content ul.tiles .tile.tilestyle-2.current {
    border-top-color: red;
}

.format-tiles ul.tiles .tile:not(.tile-restricted) .tiletopright .fa-lock {
    display: none;
}

.format-tiles .expandcontrol {
    margin: 0 30px 0 30px;
}

.format-tiles ul.tiles li.section .warningtext {
    color: red;
}

.format-tiles ul.tiles li.section .warningbar {
    background-color: red;
    color: #fff;
    padding: 5px;
    margin-left: 40px;
    width: 90%;
}

.format-tiles ul.tiles li#spacersection {
    height: 130px;
}

.format-tiles li.activity.subtile.spacer {
    height: 0;
    min-height: 0;
    border: 0;
    opacity: 0;
    display: flex;
    flex-basis: 225px;
    max-width: 240px;
    flex-grow: 1;
    margin: 5px;
    visibility: hidden;
}
.format-tiles ul.tiles .tile .topic-number {
    display: inline-block;
    float: right;
    font-size: 1.5em;
    padding-right: 0.5em;
    vertical-align: top;
}
.format-tiles .moveablesection li.tile .tileiconcontainer {
    margin-left: 0.5rem;
}
.format-tiles .tileiconcontainer,
.format-tiles .tileiconcontainer img {
    display: inline-block;
    text-align: left;
    vertical-align: top;
    width: 55px;
    height: 55px;
    font-size: 1em;
}

.format-tiles li.activity .tileiconcontainer {
    padding: 10px;
    border-radius: 100%;
    width: 105px;
    height: 105px;
    text-align: center;
    margin-top: 25px;
}

.format-tiles li.activity .tileiconcontainer .tile-icon .icon {
    color: #fff;
    width: 65px;
    height: 65px;
    margin: 0;
}
.format-tiles li.tile .tile-icon .icon {
    max-width: unset;
    max-height: unset;
}
.format-tiles li.activity .tileiconcontainer .tile-icon .icon.fa {
    font-size: 60px;
}
.format-tiles li.section .tiles-editor-image .tile-icon img,
.format-tiles.format-tiles-high-contrast li.tile .tile-icon img {
    filter: brightness(0);
}
.format-tiles .tileiconcontainer.hasphoto {
    width: 85px;
}
.format-tiles .tileiconcontainer .icon {
    width: 55px;
    height: 55px;
}
.format-tiles .tileiconcontainer .icon.fa {
    font-size: 55px;
}
.format-tiles:not(.editing) .course-content .tilestyle-1 .tile-icon .icon,
.format-tiles:not(.editing) .course-content .tilestyle-2 .tile-icon .icon {
    color: #8c8c8c;
    opacity: 1;
}
.format-tiles:not(.editing).format-tiles-high-contrast .course-content .tilestyle-1 .tile-icon .icon,
.format-tiles:not(.editing).format-tiles-high-contrast .course-content .tilestyle-2 .tile-icon .icon,
.format-tiles.format-tiles-high-contrast .sectionbutton {
    color: var(--format-tiles-high-contrast-black);
}
.format-tiles .tile-number,
.format-tiles ul.tiles .tile h2.tile-number {
    border: 4px solid #8c8c8c;
    height: 55px;
    width: 55px;
    border-radius: 8px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    font-size: 34px;
    color: #8c8c8c;
}
.format-tiles.format-tiles-high-contrast .tile-number,
.format-tiles.format-tiles-high-contrast ul.tiles .tile h2.tile-number {
    color: var(--format-tiles-high-contrast-black);
    border-color: var(--format-tiles-high-contrast-black);
}
.format-tiles #icon-picker-modal-body .tile-number-container {
    max-height: 70px;
}
.format-tiles #icon-picker-modal-body .tile-number-container.suggested:after {
    content: "\A";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--format-tiles-colour);
    display: inline-block;
    transform: translate(60px, -80px);
}
.format-tiles .tiles-editor-image .tile-number {
    border: 3px solid rgb(29, 33, 37);
    height: 42px;
    width: 42px;
    font-size: 25px;
    color: rgb(29, 33, 37);
    margin-left: 17px;
}
.format-tiles #icon-picker-modal-body button.tile-number {
    background-color: #fff;
    padding: 5px;
}
.format-tiles #icon-picker-modal-body button.tile-number:hover {
    background-color: rgb(243, 243, 243);
}
.format-tiles:not(.editing) .course-content .completioncheckbox.complete .icon {
    color: #fff;
}
.format-tiles:not(.editing) .course-content .completioncheckbox .icon {
    color: #ababab;
}
.format-tiles .completioncheckbox .icon {
    font-size: 19px;
    width: 23px;
    position: absolute;
    left: 0;
    top: 3px;
    height: 24px;
}
.format-tiles li.section.current:not(#section-0) .course-section-header.tile-bar-heading {
    border-top-color: red;
}
.format-tiles.path-course-view li.activity > div:not(.activity-item).completioncheckbox {
    padding: 0;
}
.format-tiles .sectionbutton .icon {
    font-size: 1.4em;
    margin-right: 0;
    width: 20px;
    height: 20px;
}
.format-tiles .sectionbutton .icon.fa-home {
    font-size: 1.3em;
}
.format-tiles a.sectionbutton:hover {
    text-decoration: none;
}
.format-tiles .sectionbutton img.icon {
    width: 18px;
    height: 18px;
}
.format-tiles .sectionbuttons {
    position: relative;
    right: 30px;
    top: 0;
    z-index: 2;
}
.format-tiles .sectionbutton {
    background-color: rgba(243, 243, 243);
    margin-left: 5px;
    opacity: 1;
    width: 45px;
    height: 45px;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    border: none;
    color: var(--bs-btn-color);
}
.format-tiles .expand-section,
.format-tiles .collapse-section {
    width: 30px;
    height: 30px;
    background-size: contain;
    margin-top: 10px;
}
.format-tiles .expand-section {
    background-image: url(/theme/image.php/boost_union/format_tiles/1792421257/expand);
}
.format-tiles .collapse-section {
    background-image: url(/theme/image.php/boost_union/format_tiles/1792421257/collapse);
}
.format-tiles ul.tiles .tile .tile-text {
    text-align: left;
    width: 100%;
    height: 105px;
    line-height: 100px;
    padding-top: 5px;
    position: relative;
}
.format-tiles ul.tiles .tile.phototile .tile-text {
    line-height: 1.5em;
}
/* centralise text vertically on tile */
.format-tiles ul.tiles .tile .tile-textinner {
    display: inline-block;
    line-height: normal;
    top: 45%;
    transform: translate(0, -40%);
    position: absolute;
    word-wrap: break-word;
    max-width: 220px;
}

.format-tiles ul.tiles .tile .tile-textinner.longtitle h3 {
    font-size: 1.2em;
}

.format-tiles a img {
    outline: none;
    -moz-outline-radius: 0;
}

.format-tiles .single-section  .navigation-arrow:not(.dimmed):hover {
    transition: all 0.2s ease-in-out;
    transform: scale(1.05, 1.05);
}

/* the following items are to avoid lots of padding under section 0 in single section view */
.format-tiles .single-section {
    /* stylelint-disable-next-line declaration-no-important */
    margin-top: 0 !important;
}
.format-tiles .single-section h3.sectionname {
    text-align: left;
}

.format-tiles #section-0 ul.section {
    margin: 1rem 1rem 0 1rem;
}

/*dealing with left border to current section in boost theme*/
.format-tiles .course-content .current::before {
    /* stylelint-disable-next-line declaration-no-important */
    border-left: none !important;
}

.format-tiles  #section-0 .format_tiles_section_content .summary .no-overflow,
.format-tiles #section-0 .format_tiles_section_content .summary .no-overflow p {
    margin-bottom: 0;
}

.format-tiles .ul.tiles .single-section .section-navigation {
    margin-bottom: 0;
}

.format-tiles ul.tiles li.section .format_tiles_section_content .modtype_label .no-overflow,
.format-tiles #section-0 .format_tiles_section_content .summary .no-overflow {
    margin-bottom: 5px;
}
.format-tiles .label_content {
    overflow: hidden;
}
.format-tiles .label.dimmed {
    opacity: 0.7;
}
.format-tiles .label-collapse-btn {
    float: left;
}
.format-tiles .expand-collapse-all-btns {
    width: 100%;
    text-align: right;
}
.format-tiles .buttonhidesec0 {
    display: none;
}
.format-tiles .buttonhidesec0.closed .sec-zero-open-icon {
    display: none;
}
.format-tiles .buttonhidesec0.open .sec-zero-closed-icon {
    display: none;
}
.format-tiles .buttonhidesec0.open .sec-zero-open-icon {
    display: flex;
}
.format-tiles .buttonhidesec0.closed .sec-zero-closed-icon {
    display: flex;
}
body.jsenabled.format-tiles .buttonhidesec0 {
    display: inline-block;
}
body#page-course-view-tiles.format-tiles {
    /*Avoid layout changes in Chrome when tiles open/close and scrollbar appears/disappears.*/
    overflow-y: scroll;
}
.format-tiles #collapsiblesec0 {
    display: block;
}
.format-tiles #section-0 {
    min-height: 50px;
}
body.jsenabled.format-tiles #collapsiblesec0 {
    display: none;
}

/*allows buttons to be displayed at top of this section without going under alert boxes e.g. 'All caches were purged.'*/
.format-tiles .course-content {
    position: relative;
}

.format-tiles #collapsiblesec0 {
    display: none;
}

.format-tiles .collapsiblesec0 ul.section {
    padding-bottom: 20px;
}

.format-tiles .collapsiblesec0 li#section-0 {
    display: block;
    width: 100%;
    transition: opacity 0.3s ease-in-out;
}

.format-tiles .collapsiblesec0.collapsed li#section-0 {
    /* stylelint-disable-next-line declaration-no-important */
    opacity: 0 !important;
}

.format-tiles .collapsiblesec0.expanded li#section-0 {
    opacity: 1;
}

.format-tiles #navicons {
    float: right;
    opacity: 0.3;
}

.format-tiles #navicons img {
    width: 40px;
    height: 40px;
}

.format-tiles #editactivities:hover {
    opacity: 1;
}

.format-tiles #hiddeneye {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-size: 20px 20px;
    opacity: 0.5;
}

.format-tiles .course-content #filterbuttons {
    margin-right: 6px;
    display: flex;
    justify-content: start;
    margin-bottom: 3px;
    min-height: 45px;
    padding: 5px;
    background-color: rgb(248, 249, 250);
    border-radius: 10px;
    flex-wrap: wrap;
}
.format-tiles.format-tiles-high-contrast .course-content #filterbuttons i.fa-filter.fa-filter,
.format-tiles.format-tiles-high-contrast .filterbutton {
    color: var(--format-tiles-high-contrast-black);
}
.format-tiles .overall-prog-radial {
    font-size: 1.2em;
    height: 40px;
    margin-left: 10px;
    float: right;
}
.format-tiles .overall-prog-radial i {
    font-size: 30px;
    height: 30px;
    width: 30px;
    color: green;
}

.format-tiles .overall-prog-radial svg {
    width: 33px;
    height: 33px;
}
.format-tiles .completioncheckbox {
    float: right;
}
.format-tiles li.activity:not(.label) .completionspinner {
    position: absolute;
    top: 3px;
    right: 3px;
}
.format-tiles li.activity.label .completionspinner {
    float: right;
    width: 25px;
    height: 25px;
}
.format-tiles .completioncheckbox.background-course-base i {
    color: #fff;
}
.format-tiles .completioncheckbox.complete {
    background-color: #298a08;
    color: #fff;
    border-color: #298a08;
}
.format-tiles .completioncheckbox.fail {
    background-color: #a90202;
    color: #fff;
    border-color: #a90202ff;
}
.format-tiles .modal-header .completioncheckbox:not(.complete) {
    border: 2px solid #ffffffa8;
    color: #fff;
    background-color: #efefef;
}
.format-tiles .completioncheckbox.background-course-base.complete i {
    color: #fff;
}
.format-tiles .allcomplete .icon {
    font-size: 2em;
    width: 30px;
    height: 30px;
    color: #ffaa30;
}
.format-tiles .course-content #filterintro {
    display: inline-block;
    padding: 10px;
    margin-left: 3px;
    margin-right: 3px;
    color: #aaa;
    overflow: hidden;
}
.format-tiles .course-content #filterintro i {
    font-size: 20px;
}

.format-tiles #abovetiles {
    min-height: 42px;
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.format-tiles #abovetiles.sec-zero-closed {
    width: calc(100% - 95px);
}
.format-tiles #abovetiles.section-zero-empty {
    width: calc(100% - 40px);
}
.format-tiles .phototile .progress-indic {
    color: rgba(255, 255, 255);
    padding: 2px 7px 2px 7px;
    position: absolute;
    bottom: 10px;
    left: 0;
    font-size: 0.9em;
}
.format-tiles .phototile .progress-indic,
.format-tiles .subtile.hasphoto .activitytype,
.format-tiles.editing .subtile.hasphoto .editable-title {
    background-color: rgba(var(--format-tiles-colour-elems), var(--format-tiles-photo-tile-text-bg-opacity));
}
.format-tiles .tilestyle-2.phototile .progress-indic {
    top: 5px;
    right: 0;
    bottom: unset;
    left: unset;
}
.format-tiles .phototile .progress-complete-alt img {
    margin-top: 4px;
}
.format-tiles li.activity.subtile.hasphoto {
    border-top-color: var(--format-tiles-colour);
}
.format-tiles .filterbutton {
    cursor: pointer;
    min-width: 50px;
    transition: all 0.2s ease-in-out;
    display: inline-block;
    padding: 8px;
    color: #555;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    border-radius: 8px;
    margin: 0 1px 0 1px;
}

.format-tiles .course-content li.activity.label h1,
.format-tiles .section li.activity.label h2,
.format-tiles .course-content li.activity.label h3,
.format-tiles .course-content li.activity.label h4,
.format-tiles .editor_atto_content_wrap h1,
.format-tiles .editor_atto_content_wrap h2,
.format-tiles .editor_atto_content_wrap h3,
.format-tiles .editor_atto_content_wrap h4 {
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 0.3em;
    padding-bottom: 0.3em;
    overflow: hidden;
}

.format-tiles ul.tiles .tile h3 {
    font-size: 1.4em;
    line-height: 1.2em;
    font-weight: normal;
    color: #333;
    word-wrap: break-word;
}
.format-tiles .sectiontitlecontainer {
    margin: 0 0 0.5em 0.5em;
    min-width: 70%;
}

.format-tiles .sectiontitle {
    display: inline-block;
    padding-left: 10px;
    font-size: 2em;
    padding-right: 7px;
}
.format-tiles .sectiontitle::after,
.format-tiles.path-course-view-section .page-header-headings h1::after {
    content: "";
    display: block;
    height: 4px;
    background-color: var(--format-tiles-colour);
}
.format-tiles .sectiontitle h2 {
    font-weight: 600;
    color: #666;
    display: inline-block;
}
.format-tiles.format-tiles-high-contrast .sectiontitle h2 {
    color: var(--format-tiles-high-contrast-black);
}
.format-tiles #section-0 .contentwithoutlink .no-overflow p {
    margin: 0;
}

.format-tiles #section-0 .contentwithoutlink .no-overflow {
    margin-bottom: 10px;
}

.format-tiles .tiles .section.main:not(.delegated-section) {
    /* stylelint-disable-next-line declaration-no-important */
    border: 0 !important;
    /* We use important here as core-course-dragdrop is not replacing this.originalstyle correctly. */
    /* stylelint-disable-next-line declaration-no-important */
    opacity: 1 !important;
    border-radius: 10px;
}
.format-tiles .hidden #hiddeneye {
    background-image: url(/theme/image.php/boost_union/format_tiles/1792421257/eye-slash);
    margin-left: 10px;
}

.format-tiles #editactivitiesimage {
    background-image: url(/theme/image.php/boost_union/core/1792421257/a/view_list_active);
    display: inline-block;
    float: right;
    margin-right: 10px;
    margin-top: 10px;
    width: 20px;
    height: 20px;
    background-size: 20px 20px;
    opacity: 0.6;
}
.format-tiles .tile-loading-icon {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 150px;
    padding-top: 55px;
    text-align: center;
}

.format-tiles .tile-loading-icon img {
    width: 24px;
    height: 30px;
}

.format-tiles .section .activity .activityinstance div.unclickable {
    display: block;
}
.format-tiles .section .activity .activityinstance div.contentafterlink {
    display: block;
}
.format-tiles .section .activity.subtile .contentafterlink {
    position: absolute;
    left: 0;
    bottom: 0;
    margin-left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
}
.format-tiles .section .label .mod-indent-outer {
    padding-left: 0;
}
.format-tiles.editing .section .mod-indent-outer {
    max-width: calc(100% - 100px);
}
.format-tiles .section .activity-wrapper .activity-item {
    width: 100%;
}
.format-tiles.editing .tile-icon i {
    margin-right: 0;
}
.format-tiles.path-course-view #region-main {
    overflow-x: visible;
}

.format-tiles textarea#id_headertextabovetiles.form-control {
    width: 100%;
}

.format-tiles .cursorpointer {
    cursor: pointer;
}
#page-course-editsection .format-tiles .icon_picker_modal button.btn-close {
    color: #333;
    opacity: 0.9;
}

.format-tiles #icon_picker_modal .iconpickericons button.pickericondiv,
.format-site #icon_picker_modal .iconpickericons button.pickericondiv {
    padding: 10px;
    cursor: pointer;
    display: inline-block;
    background-color: #fff;
    border: none;
    width: 81px;
    height: 81px;
}
.format-tiles #icon_picker_modal .iconpickericons .pickericondiv img.icon {
    max-width: 65px;
    max-height: 65px;
}
.format-tiles .tiles-editor-image img.icon,
.format-tiles li.section:not(#section-0) .course-section-header img.icon {
    max-width: 45px;
    max-height: 45px;
}
#page-course-editsection .format-tiles .icon_picker_modal .modal-header,
#page-course-edit .format-tiles .icon_picker_modal .modal-header {
    color: #333;
}

.format-tiles .iconpickericons button.pickericondiv:hover,
.format-site .iconpickericons button.pickericondiv:hover {
    background-color: rgb(243, 243, 243);
}
.format-tiles #icon-picker-modal-body #tile-numbers-container {
    max-width: 750px;
}

.format-tiles .icon_picker_modal .modal-dialog {
    max-width: 90%;
}
.format-tiles .modal-dialog {
    margin: 5px auto;
}
.format-tiles .pickericon .icon,
#page-course-edit.format-site .pickericon .icon {
    width: 55px;
    height: 55px;
    max-width: 55px;
    max-height: 55px;
    font-size: 55px;
    vertical-align: top;
    margin: 3px;
    color: #8c8c8c;
}
.format-tiles .embed_cm_modal .modal {
    margin: 10px auto;
}
.format-tiles .embed_cm_modal iframe {
    border: 0;
}
.format-tiles .embed_cm_modal .modal-body {
    max-height: 95%;
    overflow-y: auto;
    min-height: 200px;
    padding: 0;
}

.format-tiles .embed_cm_modal.mod_page .modal-body {
    padding: 2em;
}
.format-tiles .modal-container.embed_cm_modal .modal-header {
    padding: 5px 10px 5px 10px;
    opacity: 0.8;
    border-bottom: 0;
    text-shadow: none;
    background-image: none;
    color: #fff;
    min-height: 23px;
}
.format-tiles .embed_cm_modal button[data-action="toggle-manual-completion"] {
    padding: 2px 5px 0 5px;
}
.format-tiles .modal-container .modal .modal-header.embed_cm_modal h3 {
    color: #fff;
}
/*Different themes have these classes slightly differently so repeat some of these*/
.format-tiles .embed_cm_modal .modal-header {
    padding: 5px 10px 5px 10px;
    justify-content: space-between;
}
.format-tiles .modal-container.embed_cm_modal .modal .modal-header h3 {
    color: #fff;
}
.format-tiles .embed_cm_modal .modal-footer {
    display: none;
}
.format-tiles .embed_cm_modal a i {
    width: 20px;
    height: 20px;
    font-size: 0.9em;
}
.format-tiles .embed_cm_modal button {
    vertical-align: middle;
    margin: 0;
    padding: 0;
}
.format-tiles .embed_cm_modal .modal-header #modaltitle {
    font-size: 1.2em;
}
.format-tiles li.activity.subtile {
    display: flex;
    flex-basis: 225px;
    max-width: 240px;
    flex-grow: 1;
    height: 215px;
    vertical-align: top;
    text-align: center;
    padding: 0 5px 0 5px;
    margin: 5px;
    background-repeat: no-repeat;
    background-position: 50% 70%;
    -webkit-background-size: 38px auto;
    background-size: 48px auto;
    transition: 0.3s ease-in-out;
    position: relative;
    /* We use important here as dragdrop is not removing its own inline opacity once dragdrop complete.*/
    /* See moodle-core-dragdrop this.originalstyle (not replaced correctly). */
    /* stylelint-disable-next-line declaration-no-important */
    opacity: 1 !important;
}
.format-tiles .subtile_inner,
.format-tiles .fullwidth {
    width: 100%;
}
.format-tiles .clickable-region {
    height: 110px;
    width: 230px;
    display: block;
}
.format-tiles #page-content li.activity.subtile.dimmed a.dropdown-toggle {
    color: #888;
}

.format-tiles li.activity.dimmed .inplaceeditable,
.format-tiles li.section .summary.dimmed,
.format-tiles li.activity.subtile.dimmed .activityinstance {
    opacity: 0.5;
}
/*For subtiles, use normal opacity to avoid deep edit menus going under the tile below*/
.format-tiles li.activity.subtile.dimmed {
    opacity: 1;
    /* stylelint-disable-next-line declaration-no-important */
    border-top-color: lightgray !important;
}
.format-tiles .dimmed .label_content {
    color: grey;
}

.format-tiles .subtiles {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: calc(100% - 2em);
}
.format-tiles .subtiles li.activity.label {
    padding: 10px;
    width: 100%;
}
.format-tiles.editing .subtiles li.activity.label {
    border: 1px solid rgb(231, 231, 231);
    position: relative;
}
/*YouTube iframes embedded in labels may be too wide */
.format-tiles li.activity.label iframe {
    width: 100%;
}
.format-tiles li.activity.subtile .activityname {
    position: absolute;
    bottom: 0;
    left: 0;
    min-height: 50px;
    width: 100%;
    text-align: center;
    background-color: #fff;
    padding: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    overflow-wrap: break-word;
    word-break: break-word;
}
.format-tiles li.activity.subtile .editable-title {
    background-color: #f9f9f9cc;
}
.format-tiles li.activity.subtile .activityname h5 {
    margin: 0;
    font-weight: normal;
    font-size: 16px;
}
.format-tiles li.activity:focus {
    outline: 1px dotted;
}
.format-tiles li.activity.subtile .activitytype {
    padding: 0 5px 10px 5px;
    display: block;
    text-transform: uppercase;
    color: grey;
    font-size: 0.9em;
}

.format-tiles li.activity.subtile a:not(.dropdown-item),
.format-tiles #page-content li.activity.subtile a:not(.dropdown-item) {
    color: #565656;
}

.format-tiles .subtiles .instancename {
    height: 98%;
    width: 100%;
    /*this is clickable so take up whole tile*/
}
.format-tiles .subtiles .hasphoto.instancename {
    padding-top: 2px;
}

.format-tiles li.activity.subtile a:hover,
.format-tiles #page-content li.activity.subtile a:hover {
    text-decoration: none;
}
.format-tiles.editing .subtiles .completioncheckbox {
    position: absolute;
    right: 1px;
    top: 8px;
}
.format-tiles .completion-spacer {
    height: 22px;
}
.format-tiles .tile .completion-spacer {
    width: 26px;
}
.format-tiles .subtile .completion-spacer {
    width: 33px;
}
.format-tiles u.subtiles li.activity button[data-action="toggle-manual-completion"]:hover {
    border: 3px solid orange;
    border-radius: 50%;
    transition: border 300ms ease-in-out;
}
.format-tiles .completioncheckbox {
    border: 3px solid #ababab;
    border-radius: 50%;
    transition: border 300ms ease-in-out;
    height: 30px;
    width: 30px;
    position: relative;
    text-align: center;
}
.format-tiles li.tile:not(.is-complete) .tileallcomplete,
.format-tiles .tile:not(.is-complete) .completion-spacer {
    display: none;
}
.format-tiles li.tile:not(.phototile) .tileallcomplete {
    margin-top: 5px;
}
.format-tiles li.tile.is-complete .tiles-hide-if-complete,
.format-tiles #tiles-overall-progress-outer.is-complete .tiles-hide-if-complete {
    display: none;
}
.format-tiles li.tile:not(.is-complete) .tiles-hide-if-incomplete,
.format-tiles #tiles-overall-progress-outer:not(.is-complete) .tiles-hide-if-incomplete {
    display: none;
}
.format-tiles li.tile .completioncheckbox {
    padding-left: 0;
    margin-right: 5px;
    margin-top: 5px;
    width: 30px;
    min-width: 30px;
    position: absolute;
    top: 0;
    right: 0;
}
.format-tiles .completioncheckbox img {
    padding-bottom: 5px;
    margin-right: 0;
}
.format-tiles li.tile .completioncheckbox img {
    margin-top: 4px;
}
.format-tiles button.completioncheckbox:not(.complete),
.format-tiles .completioncheckbox:not(.complete) {
    background-color: rgba(255, 255, 255, 0.7);
}
.format-tiles .subtile .completioncheckbox {
    position: absolute;
    top: 3px;
    right: 5px;
}
.format-tiles.editing .subtile .completioncheckbox {
    margin-right: 1px;
}
.format-tiles .modal-header .completioncheckbox i {
    font-size: 1.1em;
    margin-right: 0;
}
.format-tiles .completioncheckbox:focus {
    outline: none;
}
.format-tiles .embed-module-buttons button.completioncheckbox {
    height: 25px;
    width: 25px;
    padding-left: 0;
    margin-top: 2px;
    border: 2px solid #fffa;
}
.format-tiles .completioncheckbox.completion-auto {
    opacity: 0.6;
    height: 30px;
    min-width: 30px;
    width: 30px;
}
.format-tiles .embed_cm_modal .embed_file_button,
.format-tiles .modal-container .modal .modal-header button.btn-close {
    display: inline-block;
    width: 28px;
    height: 28px;
    font-size: 1.4em;
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    opacity: 0.9;
    text-align: center;
    box-shadow: none;
    color: var(--bs-btn-close-color);
}
.format-tiles .modal-container .modal .modal-header button.btn-close {
    font-size: 1.8em;
    background-repeat: no-repeat;
    background-image: url(/theme/image.php/boost_union/format_tiles/1792421257/close-white);
    background-size: 17px 17px;
}
.format-tiles .modal-container .modal .modal-header .embed-module-buttons .btn-close {
    /*Clean theme.*/
    position: relative;
    top: unset;
    right: unset;
}
.format-tiles .embed-module-buttons {
    min-width: 125px;
    text-align: right;
    display: flex;
    justify-content: flex-end;
}
.format-tiles .embed-module-buttons button.btn-close {
    width: 28px;
    height: 28px;
    float: none;
}
.format-tiles .embed-module-buttons a:focus,
.format-tiles .embed-module-buttons form:focus {
    outline: 1px dotted;
}
.format-tiles .embed-module-buttons .btn {
    box-shadow: none;
    margin-top: 2px;
}
.format-tiles .embed_cm_modal .embed-module-buttons .completioncheckbox .icon {
    padding: 0;
}
.format-tiles .modal-header .completioncheckbox:not(.complete) .icon {
    width: 14px;
    height: 14px;
}
.format-tiles .embed_cm_modal .modal-title {
    max-width: calc(100% - 120px);
}
.format-tiles .sectionerror {
    margin-left: 30px;
}
.format-tiles .section.subtiles .activity .editing_move {
    position: relative;
}
.format-tiles .section.subtiles .activity .actions {
    position: absolute;
    top: 1px;
}
.format-tiles.editing .section.subtiles .activity .actions {
    left: 35px;
}
.format-tiles .section.subtiles .activity.label .actions {
    top: 0;
    right: 0;
    left: inherit;
    position: absolute;
}
.format-tiles .subtile .dropdown-menu .dropdown-item {
    padding-top: 3px;
    padding-bottom: 3px;
}
.format-tiles .above-tiles-buttons a.dropdown-item .custom-switch.checked .custom-control-label::before,
.format-tiles .navigation-arrows a.dropdown-item .custom-switch.checked .custom-control-label::before {
    color: #fff;
    border-color: #0f6cbf;
    background-color: #0f6cbf;
}
.format-tiles .above-tiles-buttons a.dropdown-item .custom-switch.checked .custom-control-label::after,
.format-tiles .navigation-arrows a.dropdown-item .custom-switch.checked .custom-control-label::after {
    background-color: #fff;
    left: -1.75rem;
}
.format-tiles .above-tiles-buttons a.dropdown-item:hover .custom-switch.checked .custom-control-label::before {
    border-color: #fff;
}
.format-tiles.editing .section .activity.subtile .cm-inner {
    margin-top: 25px;
}
.format-tiles .section .activity.subtile .cm-inner {
    width: 100%;
}
.format-tiles.editing .section .activity.subtile .activityinstance {
    padding: 0;
    display: block;
    color: #565656;
    font-size: 19px;
    overflow: hidden;
    height: calc(100% - 20px);
    margin-top: 25px;
    margin-left: 0;
}
.format-tiles .section .activity.subtile .activityinstance {
    padding-right: 0;
}
.format-tiles .subtile .activityinstance > a:focus {
    background-color: inherit;
    box-shadow: none;
}
.format-tiles.editing .section .activity .activityinstance {
    margin-left: 30px;
}
.format-tiles.editing .section .activity.subtile .action-menu {
    background-color: #f9f9f9;
}
.format-tiles li.activity .subtile-activityinstance {
    position: absolute;
    top: 5px;
    height: 95%;
    overflow: hidden;
    width: 100%;
}
.format-tiles.editing li.activity .subtile-activityinstance {
    top: 0;
    left: 0;
}

.format-tiles li.subtile img.activityicon {
    display: none;
    /* when a teacher uses in place editing of mod name, the item is refreshed complete with icon which we do not want so hide it*/
}
.format-tiles #section-0 .activity .activityinstance .inplaceeditable img.activityicon {
    display: inherit;
}
.format-tiles li.subtile .availabilityinfo {
    margin: 0;
    position: absolute;
    left: unset;
    bottom: 60px;
    background-color: inherit;
}
.format-tiles li.subtile.hasactivityname .availabilityinfo {
    left: 0;
    bottom: 10px;
}
.format-tiles li.tile .availabilityinfo {
    line-height: 15px;
}

.format-tiles .inplaceeditable input.form-control {
    width: 100%;
}
.format-tiles #single_section_tiles .inplaceeditable input.form-control {
    width: 100%;
}
.format-tiles .course-content ul.section {
    margin: 0;
    padding: 1.2em;
}
.format-tiles .course-content ul.section.moveablesection {
    padding: 0;
}
.format-tiles .course-content ul.section.nosubtiles,
.format-tiles .course-content ul.section.nosubtiles .activity {
    position: relative;
}
.format-tiles .course-content ul.section.nosubtiles li.activity {
    width: 100%;
}
.format-tiles .course-content li.activity.subtile {
    padding: 0;
    background-color: #fafafa;
}
.format-tiles .course-content ul.section.nosubtiles .actions {
    margin-top: 0.5em;
    min-width: 30px;
}
.format-tiles #selectedicon .icon,
#page-course-edit.format-site #selectedicon .icon {
    font-size: 1.9em;
    width: 25px;
    height: 25px;
    color: grey;
}
.format-tiles #selectedicon {
    margin-right: 10px;
}
.format-tiles .modal-header:focus,
.format-tiles .resourcecontent:focus,
.format-tiles li.activity.subtile {
    box-shadow: 2px 4px 5px 0 #bdbdbd;
    border-radius: 10px;
}
.format-tiles .modal-header:focus,
.format-tiles .resourcecontent:focus,
.format-tiles li.activity.subtile:not(:focus) {
    outline: unset;
}
.format-tiles a.cm-link:focus,
.format-tiles a.tile-link:focus {
    outline: unset;
    box-shadow: 2px 4px 5px 0 #bdbdbd;
}
.format-tiles li.activity a.cm-link {
    width: 100%;
}
.format-tiles li.activity.subtile a {
    text-align: center;
}

.format-tiles .resourceintro {
    margin: 60px;
}

.format-tiles .subtilecontrols {
    top: 0;
    left: 0;
    position: absolute;
}

.format-tiles .editingactivity {
    margin-left: 30px;
}

.format-tiles .margin-rt .section-cm-edit-actions {
    margin-right: 35px;
}

.format-tiles.editing .label_content {
    padding-left: 30px;
}

.format-tiles.editing ul.section {
    margin-left: 3em;
    padding-right: 3em;
}

.format-tiles .tooltip-inner {
    background-color: #fff;
    color: #181818;
    border: 2px solid #4a4a4a;
    opacity: 0.98;
}
.format-tiles.format-tiles-subtiles .tooltip-inner ul {
    margin-left: 0;
    padding-left: 10px;
    text-align: left;
}
.format-tiles.editing .section-summary-activities {
    width: 200px;
    text-align: right;
    max-height: 60px;
    margin-right: 3px;
}
.format-tiles .section-summary-activities .activity-count {
    display: block;
}
.format-tiles.editing .section-summary-activities .activity-count {
    display: inline;
}

.format-tiles .dimmed .completioncheckbox {
    opacity: 0.6;
}

.format-tiles fieldset#id_courseformathdr .colourpickercircle,
.format-site fieldset#id_courseformathdr .colourpickercircle {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    display: inline-block;
    margin: 0 5px 0 5px;
    border: 3px solid;
}

.format-tiles fieldset#id_courseformathdr .colourpickercircle:hover,
.format-site fieldset#id_courseformathdr .colourpickercircle:hover {
    border-color: orange;
}
.format-tiles fieldset#id_courseformathdr .colourpickercircle.selected,
.format-site fieldset#id_courseformathdr .colourpickercircle.selected {
    background-image: url(/theme/image.php/boost_union/format_tiles/1792421257/check-white);
    background-size: contain;
}
.format-tiles fieldset#id_courseformathdr #colourselectnotify,
.format-site fieldset#id_courseformathdr #colourselectnotify {
    color: #212529;
    background-color: #e9ecef;
    border-radius: 0.2rem;
    padding: 2px 8px;
    height: 26px;
    font-size: 0.9em;
    display: none;
    top: 0;
    position: relative;
}

.format-tiles li.dndupload-preview {
    width: 100%;
}
.format-tiles .loading-subtile {
    width: 200px;
    padding: 90px;
}

.format-tiles .course-content ul.tiles .tile.phototile {
    padding: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 175px;
}
.format-tiles .course-content ul.tiles .tile.phototile.tilestyle-1 .photo-tile-text,
.format-tiles .course-content ul.tiles .tile.phototile.tilestyle-2 .photo-tile-text {
    top: 10px;
    bottom: inherit;
    width: calc(100% - 10px);
    text-align: left;
    position: absolute;
}
.format-tiles .course-content ul.tiles .tile.phototile.tilestyle-1 .photo-tile-text h3,
.format-tiles .course-content ul.tiles .tile.phototile.tilestyle-2 .photo-tile-text h3 {
    display: inline;
    background-color: rgba(var(--format-tiles-colour-elems), var(--format-tiles-photo-tile-text-bg-opacity));
    line-height: var(--format-tiles-photo-tile-text-line-height);
    padding: var(--format-tiles-photo-tile-text-padding) 7px;
    text-align: center;
    color: #fff;
}
.format-tiles .course-content ul.tiles .tile.phototile.tilestyle-1 .photo-tile-text h3,
.format-tiles .course-content ul.tiles .tile.phototile.tilestyle-2 .photo-tile-text h3 {
    font-size: 20px;
    box-decoration-break: clone;
    /*Chrome needs this*/
    -webkit-box-decoration-break: clone;
}
.format-tiles ul.tiles .tile.phototile .tile-text {
    margin-top: 35px;
}
.format-tiles li.tile.phototile .availabilityinfo {
    position: absolute;
    bottom: 10px;
    right: 0;
}

.format_tiles .section.main:not(.course-section) .activity.subtile .availabilityinfo,
.format_tiles .section.main:not(.course-section) .activity.subtile .contentafterlink,
.path-course-view li.activity.subtile > div.contentafterlink {
    margin-left: 0;
    padding: 0;
}
/*Alternate styles for previous phototile items ("tilestyle-2" was "altstyle")*/
.format-tiles .course-content ul.tiles .tile.phototile.tilestyle-2 .photo-tile-text {
    bottom: 0;
    top: inherit;
    text-align: center;
    width: 100%;
}
.format-tiles li.activity.subtile .instancename.opaque-bg {
    background-color: rgba(249, 249, 249, 0.8);
    transition: background-color 200ms ease-in-out;
}
.format-tiles .course-content ul.tiles .tile.phototile.tilestyle-2 .photo-tile-text h3 {
    font-size: 1.3em;
    margin-top: 0;
    margin-bottom: 0;
    padding: 5px;
    position: relative;
    display: block;
    line-height: 25px;
}
.format-tiles li.tile.phototile.tilestyle-2 .availabilityinfo {
    position: absolute;
    bottom: inherit;
    top: 9px;
    left: 3px;
    right: unset;
}
.format-tiles .existingtilephoto {
    height: 160px;
    margin: 10px;
}
.format-tiles .tilebarphoto {
    width: 75px;
    height: 48px;
    background-size: cover;
    background-repeat: no-repeat;
    float: left;
}
.format-tiles .iconpickerheader {
    height: 40px;
}
.format-tiles .iconpickerheader #phototilebtn {
    color: #fff;
}
.format-tiles .iconpickerheader #phototilebtn:hover {
    color: darkslategrey;
}
.format-tiles .tile.phototile a {
    padding: 0;
}
.format-tiles .iconpickerphotos {
    margin: 30px;
    text-align: center;
}
.format-tiles .iconpickerphotos .photo {
    height: 100px;
    width: 150px;
    background-color: lightgrey;
    margin: 0.5em;
    background-size: cover;
    padding: 0;
    vertical-align: top;
}

.format-tiles .iconpickerphotos .photo:hover {
    opacity: 0.7;
}

.format-tiles #page-loading-icon img {
    padding: 100px;
    height: 50px;
    width: 50px;
    opacity: 0.8;
}
.format-tiles a#page-loading-icon {
    color: #0c0c0c;
    text-decoration: none;
}
.format-tiles .course-content li.section .summary ul {
    list-style: disc;
}
.format-tiles .tiles-editor-image {
    margin-right: 5px;
}
.format-tiles .tiles-editor-image i.icon {
    font-size: 36px;
    width: 36px;
    height: 36px;
}
.format-tiles .secondary-navigation {
    max-width: unset;
}
.format-tiles .section .activity.subtile .activityinstance {
    display: block;
}

.format-tiles.format-tiles-tile-open .tile:not(.selected) {
    opacity: 0.5;
}
.format-tiles.format-tiles-tile-open .tile:not(.selected):hover {
    opacity: 1;
}

.format-tiles li.section:not(#section-0) .course-section-header.tile-bar-heading {
    margin-right: 5px;
    background-color: #3584c917;
    border-top: 3px solid rgba(53, 132, 201, 0.37);
    width: 100%;
    padding: 10px;
}
.format-tiles li.section:not(#section-0) .course-section-header.tile-bar-heading .course-section-header {
    width: 100%;
}
.format-tiles li.section:not(#section-0).hidden .course-section-header.tile-bar-heading,
.format-tiles li.section:not(#section-0).restricted .course-section-header.tile-bar-heading {
    background-color: #efefef;
    border-top-color: #cdcdcd;
}
.format-tiles li.section:not(#section-0).hidden .course-section-header.tile-bar-heading .tilebarphoto,
.format-tiles li.section:not(#section-0).restricted .course-section-header.tile-bar-heading .tilebarphoto {
    filter: grayscale(1);
}
.format-tiles .tiles-editor-image {
    width: 77px;
    height: 45px;
}

.format-tiles .tiles-editor-image i {
    margin-top: 5px;
}
.format-tiles .course-section-header .section-status i {
    height: 30px;
    width: 30px;
    font-size: 30px;
}

.format-tiles .course-section-header .restriction-lock i {
    font-size: 32px;
    height: 32px;
    width: 32px;
}

.format-tiles li.tile .availabilityinfo {
    position: absolute;
    bottom: 10px;
    right: 0;
}
.format-tiles li.tile.phototile .availabilityinfo {
    right: 5px;
}

.format-tiles .course-content ul.tiles .tile.tile-hidden,
.format-tiles .course-content ul.tiles .tile.tile-restricted {
    border-top-color: grey;
}
.format-tiles .course-content ul.tiles .tile.tilestyle-1.tile-hidden.phototile .photo-tile-text h3,
.format-tiles .course-content ul.tiles .tile.tilestyle-1.tile-restricted.phototile .photo-tile-text h3,
.format-tiles .course-content ul.tiles .tile.tilestyle-2.tile-hidden.phototile .photo-tile-text h3,
.format-tiles .course-content ul.tiles .tile.tilestyle-2.tile-restricted.phototile .photo-tile-text h3,
.format-tiles .tile.tile-hidden .badge-info,
.format-tiles .tile.tile-restricted .badge-info {
    background-color: #565656;
}
.format-tiles.format-tiles-high-contrast .tile.tile-restricted .badge-info,
.format-tiles.format-tiles-high-contrast .tile.tile-hidden .badge-info {
    background-color: var(--format-tiles-high-contrast-black);
}
.format-tiles .tile.tile-restricted,
.format-tiles .tile.tile-hidden {
    filter: grayscale(1);
}
.format-tiles .tile {
    z-index: 2;
}
.format-tiles .moveablesection {
    z-index: 3;
}
.format-tiles .drawer-toggles .drawer-toggler {
    z-index: 3;
}
.format-tiles .tile:not(.phototile) {
    background-color: #fff;
}
.format-tiles .tile-bg,
.format-tiles .tile-link {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.format-tiles.format-tiles-high-contrast .tile-bg {
    background-color: #fff;
    border: 1px solid var(--format-tiles-colour);
}
.format-tiles.format-tiles-high-contrast li.tile.phototile .tile-link {
    border: 1px solid var(--format-tiles-colour);
}
.format-tiles .moveablesection .availabilityinfo i {
    font-size: 1.2em;
}
.format-tiles li.activity .completioncheckbox img {
    width: 19px;
    padding-left: 3px;
}
/*If the theme does not use font awesome for completion check marks, need to style the img file.*/
/*This applies to adaptable and classic and possibly other custom themes based on these*/
.format-tiles li.activity .completioncheckbox:not(.complete) img {
    filter: brightness(0.4) invert(1);
}
.format-tiles li.tile .completioncheckbox img {
    margin-top: -1px;
    width: 20px;
    margin-left: 2px;
}

.format-tiles .course-content ul li.section.moveablesection .side {
    display: block;
}
.format-tiles #section-zero-container.format-tiles-no-js #buttonhidesec0 {
    position: absolute;
    right: -45px;
    top: 0;
    width: 45px;
    height: 45px;
}
.format-tiles li.subtile .tileiconcontainer.administration {
    border: 1px dashed #da58ef30;
}
.format-tiles li.subtile .tileiconcontainer.assessment {
    border: 1px dashed #f9008630;
    background-color: #f9008606;
}
.format-tiles li.subtile .tileiconcontainer.content {
    border: 1px dashed #0099ad30;
    background-color: #0099ad06;
}
.format-tiles li.subtile .tileiconcontainer.collaboration {
    border: 1px dashed #6f46f730;
    background-color: #6f46f706;
}
.format-tiles li.subtile .tileiconcontainer.communication {
    border: 1px dashed #eb620030;
    background-color: #eb620006;
}
.format-tiles li.subtile .tileiconcontainer.interactivecontent {
    border: 1px dashed #8d3d1b30;
    background-color: #8d3d1b06;
}
.format-tiles li.subtile .tileiconcontainer.other {
    background-color: #767d8406;
}
/*Default*/
.format-tiles li.subtile .tileiconcontainer {
    border: 1px dashed #21252930;
    background-color: #21252906;
}
.format-tiles .format-tiles-colour-subtile-icon-bg li.subtile .tileiconcontainer.administration {
    background-color: #da58ef;
    border: none;
}
.format-tiles .format-tiles-colour-subtile-icon-bg li.subtile .tileiconcontainer.assessment {
    background-color: #f90086;
}
.format-tiles .format-tiles-colour-subtile-icon-bg li.subtile .tileiconcontainer.content {
    background-color: #0099ad;
    border: none;
}
.format-tiles .format-tiles-colour-subtile-icon-bg li.subtile .tileiconcontainer.collaboration {
    background-color: #6f46f7;
    border: none;
}
.format-tiles .format-tiles-colour-subtile-icon-bg li.subtile .tileiconcontainer.communication {
    background-color: #eb6200;
    border: none;
}
.format-tiles .format-tiles-colour-subtile-icon-bg li.subtile .tileiconcontainer.interactivecontent {
    background-color: #8d3d1b;
    border: none;
}
.format-tiles .format-tiles-colour-subtile-icon-bg li.subtile .tileiconcontainer.other {
    background-color: #767d84;
    border: none;
}
.format-tiles li.subtile.bigbluebuttonbn .tileiconcontainer.other {
    background-color: #0f4d9d;
}
.format-tiles .format-tiles-colour-subtile-icon-bg li.subtile .activityiconcontainer:not(.isbranded) .activityicon:not(.nofilter),
.format-tiles .format-tiles-colour-subtile-icon-bg li.subtile .activityiconcontainer:not(.isbranded) .icon:not(.nofilter) {
    filter: brightness(0) invert(1);
}
.format-tiles li.subtile .tile-icon {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

/*Moodle 4.4+ specific styles*/
.format-tiles li.activity.subtile .tileiconcontainer .tile-icon .icon {
    max-width: 70px;
    max-height: 70px;
    width: 70px;
    height: 70px;
    padding: 0;
}

@media (min-width: 768px) {
    body.format-tiles.limitedwidth:not(.path-mod):not(.format-tiles-single-sec) #page.drawers .main-inner,
    .format-tiles .header-maxwidth {
        max-width: unset;
    }
    .format-tiles.editing.dir-rtl #page-content {
        /*Not 100% as allow space on left for RTL edit menus to use*/
        max-width: calc(100% - 100px);
    }
    body.jsenabled.format-tiles .above-tiles-buttons {
        position: absolute;
        right: 0;
        min-width: 100px;
    }
    body.jsenabled.format-tiles .section-zero-empty .above-tiles-buttons {
        min-width: 50px;
    }
}

@media screen and (max-width: 680px) {
    .format-tiles .subtiles {
        /* stylelint-disable-next-line declaration-no-important */
        width: 100% !important;
        /* stylelint-disable-next-line declaration-no-important */
        justify-content: center !important;
    }
    .format-tiles li.activity.subtile {
        /* stylelint-disable-next-line declaration-no-important */
        flex-basis: 160px !important;
        min-height: 210px;
        position: relative;
        /* stylelint-disable-next-line declaration-no-important */
        margin: 0 5px 3px 0 !important;
        /* stylelint-disable-next-line declaration-no-important */
        max-width: 44% !important;
    }
    .format-tiles .clickable-region {
        /* stylelint-disable-next-line declaration-no-important */
        width: 100% !important;
    }
    .format-tiles li.subtile.spacer {
        /* stylelint-disable-next-line declaration-no-important */
        flex-basis: 130px !important;
        /* stylelint-disable-next-line declaration-no-important */
        min-width: 130px !important;
        display: none;
    }
    .format-tiles .section .activity.subtile .activityinstance {
        display: block;
    }
}

/* get rid of wide margins when viewing course on narrow (mobile) device and
allow tiles to be taller and thinner so can fit two side by side in portrait on iphone 6/7 */
@media screen and (max-width: 600px) {
    .format-tiles ul.tiles,
    .format-tiles #section-0 ul.section,
    .format-tiles .course-content .card-block {
        /* stylelint-disable-next-line declaration-no-important */
        padding-left: 0 !important;
    }
    .format-tiles .course-content ul.section {
        padding: 1em;
    }
    .format-tiles .course-content ul.section.subtiles {
        /* stylelint-disable-next-line declaration-no-important */
        margin: auto !important;
    }
    .format-tiles .course-content ul.section {
        /* stylelint-disable-next-line declaration-no-important */
        margin: 1px !important;
        /* stylelint-disable-next-line declaration-no-important */
        padding: 1px !important;
    }
    .format-tiles.path-course-view #region-main {
        padding: 0;
    }
    .format-tiles.path-course-view .card-block {
        padding-left: 0.3em;
        padding-right: 0.3em;
    }
    .format-tiles .course-content .section {
        /* stylelint-disable-next-line declaration-no-important */
        margin-left: 0 !important;
        background-color: #fff;
    }
    .format-tiles ul.tiles li.section .format-tiles_section_content {
        /* stylelint-disable-next-line declaration-no-important */
        margin: 0 !important;
    }
    .format-tiles .subtiles .course-content ul.section {
        padding: 0.5em 0.5em 0.5em 1em;
    }
    .format-tiles .sectiontitlecontainer {
        /* stylelint-disable-next-line declaration-no-important */
        margin: 0 !important;
    }
    .format-tiles .sectiontitle {
        width: 100%;
        margin-left: 5px;
        max-width: 98%;
    }
    .format-tiles .sectiontitle h2 {
        font-size: 1em;
    }
    .format-tiles #page.container-fluid,
    .format-tiles .path-course-view li.activity > div {
        /* stylelint-disable-next-line declaration-no-important */
        padding: 0 !important;
    }
    .format-tiles ul.tiles#multi_section_tiles {
        justify-content: center;
    }
    .format-tiles .course-content ul.tiles .tile {
        /* stylelint-disable-next-line declaration-no-important */
        flex-basis: 160px !important;
        position: relative;
        /* stylelint-disable-next-line declaration-no-important */
        max-width: calc(50% - 10px) !important;
        margin: 5px;
    }
    .format-tiles .course-content ul.tiles .tile-clickable:hover {
        transform: none;
    }
    .format-tiles li.tile:not(.phototile) .availabilityinfo {
        bottom: unset;
        left: 0;
        top: 4px;
    }
    .format-tiles .clickable-region {
        /* stylelint-disable-next-line declaration-no-important */
        width: 150px !important;
    }
    .format-tiles ul.tiles .tile .tile-text {
        height: 130px;
    }
    .format-tiles .collapsiblesec0.expanded .buttonhidesec0 {
        /* stylelint-disable-next-line declaration-no-important */
        background-color: rgba(255, 255, 255, 1) !important;
    }
    .format-tiles .progress-indic.percent {
        font-size: 0.7em;
    }
    .format-tiles .overall-prog-radial {
        display: none;
    }
    .format-tiles ul.tiles#multi_section_tiles li.section {
        margin: 0;
        padding: 5px;
    }
    .format-tiles ul.tiles#multi_section_tiles li.section.moveablesection {
        padding: 30px 0 30px 0;
    }
    .format-tiles li.activity.subtile .activityname {
        font-size: 1em;
        word-break: break-word;
        margin-top: 0;
    }
    .format-tiles .progress-indic {
        font-size: 0.8em;
    }
    .format-tiles ul.tiles .tile h3 {
        font-size: 16px;
        word-break: break-word;
    }
    .format-tiles .course-content ul.tiles .tile.phototile.tilestyle-1 .photo-tile-text h3,
    .format-tiles .course-content ul.tiles .tile.phototile.tilestyle-2 .photo-tile-text h3 {
        font-size: 16px;
    }
    .format-tiles .course-content ul.tiles .tile.phototile.tilestyle-1 .photo-tile-text h3,
    .format-tiles .course-content ul.tiles .tile.phototile.tilestyle-2 .photo-tile-text h3 {
        line-height: 27px;
    }
    .format-tiles .course-content ul.tiles .tile .photo-tile-text.longtitle h3 {
        font-size: 1em;
    }
    .format-tiles #abovetiles {
        width: 100%;
    }
    .format-tiles .above-tiles-buttons {
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 330px) {
    .format-tiles li.activity.subtile .activityname {
        font-size: 0.9em;
    }
}

#page-report-completion-index table#completion-progress {
    margin-top: 20px;
    margin-bottom: 30px;
}

#page-report-completion-index .export-actions {
    text-align: center;
    list-style: none;
}

#page-report-completion-index .criterianame,
#page-report-completion-index .criteriaicon,
#page-report-completion-index .completion-progresscell {
    text-align: center;
}

/* Custom CSS for rotated header.. */
#page-report-completion-index .rotated-text-container {
    display: inline-block;
    width: 16px;
}

/*rtl:begin:ignore*/
#page-report-completion-index .rotated-text {
    display: inline-block;
    white-space: nowrap;

    transform: translate(0, 100%) rotate(-90deg);
    transform-origin: 0 0;
    vertical-align: middle;
}

#page-report-completion-index .rotated-text:after {
    content: "";
    float: left;
    margin-top: 100%;
}
/*rtl:end:ignore*/
.report-eventlist-name {
    color: #888;
    font-size: 0.75em;
}

.report-eventlist-datatable-table > div > table {
    width: 100%;
}

#page-admin-report-eventlist-index dt {
    float: left;
    text-align: right;
    width: 20em;
}

#page-admin-report-eventlist-index dd {
    display: block;
    text-align: left;
    margin-left: 21em;
}

#page-admin-report-eventlist-index dd + dd {
    clear: left;
}

@media (max-width: 767px) {
    #page-admin-report-eventlist-index dt {
        width: 100%;
        text-align: left;
    }

    #page-admin-report-eventlist-index dd {
        margin-left: 0;
    }

    #page-admin-report-eventlist-index dd + dd {
        margin-left: 0;
    }
}

#page-report-log-index .info {
    margin: 10px;
}

#page-report-log-index .logselectform {
    margin: 10px auto;
}

#page-report-log-user .info {
    margin: 10px;
    text-align: center;
}

#page-report-loglive-index .info {
    margin: 10px;
}

table.flexible > tbody > tr:nth-child(n).newrow > td {
    background: #d4d4d4;
}
#page-report-outline-user table tr td {
    padding: 10px 3px;
    min-width: 20px;
}

#page-report-outline-user .subsection .icon {
    padding-left: 10px;
}

.path-report-overviewstats .chartinfo,
.path-admin-report-overviewstats .chartinfo {
    margin-bottom: 1em;
}

.path-report-overviewstats .chart-image,
.path-admin-report-overviewstats .chart-image {
    width: 100%;
}

.path-report-overviewstats ul.chartslist,
.path-admin-report-overviewstats ul.chartslist {
    padding: 0;
    display: flex;
    gap: 0.5rem;
}
.path-report-overviewstats .chartslist li,
.path-admin-report-overviewstats .chartslist li {
    list-style: none;
    background: #0f6cbf;
    border-radius: 0.25rem;
    padding: 0.25rem 0.5rem;
}

.path-report-overviewstats .chartslist li a,
.path-admin-report-overviewstats .chartslist li a {
    color: #f9f8fb;
}
#page-report-participation-index .participationselectform {
    margin: 10px auto;
}

#page-report-participation-index .participationselectform label {
    margin-left: 15px;
    margin-right: 5px;
}

/* Die to css conflicts with form-inline, we have to create a specific class to fix submit button alignment on clean */
#page-report-participation-index .participationselectform input[type="submit"] {
    margin-bottom: 0;
}

#page-report-progress-index #completion-progress th,
#page-report-progress-index #completion-progress td {
    padding: 2px 2px;
    font-weight: normal;
    border-right: 1px solid #eee;
}

#page-report-progress-index .progress-actions {
    text-align: center;
    list-style: none;
}

#page-report-progress-index .completion_pagingbar {
    margin: 1em 0;
    text-align: center;
}

#page-report-progress-index .completion_prev {
    display: inline;
    margin-right: 2em;
}

#page-report-progress-index .completion_pagingbar p {
    display: inline;
}

#page-report-progress-index .completion_next {
    display: inline;
    margin-left: 2em;
}

#page-report-progress-index .completion-header,
#page-report-progress-index .completion-progresscell {
    text-align: center;
}

/* Custom CSS for rotated header.. */
#page-report-progress-index .rotated-text-container {
    display: inline-block;
    width: 16px;
}

#page-report-progress-index .rotated-text {
    display: inline-block;
    white-space: nowrap;
    /*rtl:remove*/
    transform: translate(0, 100%) rotate(-90deg);
    /*rtl:raw:
    transform: translate(0, 100%) rotate(90deg);
    */
    transform-origin: 0 0;
    vertical-align: middle;
}

#page-report-progress-index .rotated-text:after {
    content: "";
    float: left;
    margin-top: 100%;
}

#page-report-progress-index .modicon {
    padding-top: 5px;
}
#completion-progress .icon {
    margin-left: 0.5rem;
}

#page-report-stats-index .graph {
    margin-bottom: 1em;
}

/**
 * This file is part of Moodle - https://moodle.org/
 *
 * Moodle is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * Moodle is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with Moodle.  If not, see <https://www.gnu.org/licenses/>.
 */
/**
 * Styles for the Unlocker report.
 *
 * @package    report_unlocker
 * @copyright  2026 Jean Lúcio
 * @license    https://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
 */

.path-report-unlocker .report-unlocker-entry-title {
    border-bottom: 1px solid var(--border-color, #dee2e6);
    font-size: 1rem;
    font-weight: 600;
    margin-block-end: 0.5rem;
    margin-block-start: 1.25rem;
    padding-block-end: 0.25rem;
}

.path-report-unlocker .report-unlocker-condition {
    border-inline-start: 3px solid var(--border-color, #dee2e6);
    margin-block-end: 0.75rem;
    padding-inline-start: 0.75rem;
}

.path-report-unlocker .report-unlocker-filters label {
    color: inherit;
}

.path-report-unlocker #unlocker-search {
    width: 22rem;
}

#report-unlocker-ai-modal .btn-close {
    background: transparent;
    border: 0;
    color: var(--white, #fff);
    cursor: pointer;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    margin: -0.5rem -0.5rem -0.5rem auto;
    opacity: 1;
    padding: 0.5rem;
    text-shadow: none;
}

/**
 * Container.
 */
.path-grade-report-grader .gradeparent {
    position: relative;
}

/**
 * The table.
 */
.path-grade-report-grader .gradeparent table {
    border: 1px solid #ccc;
    border-collapse: separate;
    border-spacing: 0;
    border-bottom-width: 0;
    border-right-width: 0;
    margin-bottom: 2em;
    height: 100%;
}

/**
 * All the cells.
 */
.path-grade-report-grader .gradeparent .cell {
    border: 1px solid #ccc;
    border-top-width: 0;
    border-left-width: 0;
    padding: 0.5rem 1rem;
    vertical-align: top;
    height: 100%;
}

.path-grade-report-grader .overriddengrade {
    color: #495057;
    border: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.path-grade-report-grader .gradepass {
    color: #357a32;
}

.path-grade-report-grader .gradefail {
    color: #ca3120;
}

.path-grade-report-grader .grade_icons,
.path-grade-report-grader .category_grade_icons {
    white-space: nowrap;
    margin-top: 0.5rem;
}

.path-grade-report-grader .grade_type_value .grade_icons {
    margin-left: auto;
}

.path-grade-report-grader .grade_icons .icon {
    margin-right: 1rem;
    font-size: 14px;
    width: 24px;
}

.path-grade-report-grader .grade_icons .icon:last-child {
    margin-right: 0;
}

/**
 * All the floating divs.
 */
.path-grade-report-grader .gradeparent .floater {
    display: none;
}

.path-grade-report-grader .gradeparent .floating {
    display: block;
}

/**
 * All the headers + floating cells.
 */
.path-grade-report-grader .gradeparent .heading .cell,
.path-grade-report-grader .gradeparent .avg .cell,
.path-grade-report-grader .gradeparent .user.cell {
    font-size: 14px;
    font-weight: normal;
}

.path-grade-report-grader .gradeparent .heading .header,
.path-grade-report-grader .gradeparent .heading .userfield {
    white-space: nowrap;
}

.path-grade-report-grader .heading .gradeitemheader {
    text-indent: -2rem;
    padding-left: 2rem;
    padding-top: 6px;
}

.path-grade-report-grader .dropdown-item {
    text-align: left;
}

.path-grade-report-grader .heading .gradeitemheader .itemicon {
    text-align: right;
}

/**
 * The user cells.
 */
.path-grade-report-grader .gradeparent .user.cell {
    white-space: nowrap;
}

.path-grade-report-grader .gradeparent .highlightable.cell {
    min-width: 200px;
}

.path-grade-report-grader .gradeparent .highlightable.cell.collapsed {
    min-width: unset;
}

.path-grade-report-grader .gradeparent .user.cell .userpicture {
    border: none;
    vertical-align: middle;
}

.path-grade-report-grader .gradeitemheader {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px;
    vertical-align: middle;
}

/**
 * The footer's header.
 */
.path-grade-report-grader .gradeparent .range .header,
.path-grade-report-grader .gradeparent .avg .header,
.path-grade-report-grader .gradeparent .groupavg .header {
    font-weight: bold;
    text-align: right;
}

/**
 * The footer's floating cells.
 */
.path-grade-report-grader .gradeparent .avg.floating .cell {
    border-top-width: 1px;
}

/**
 * Content styling.
 */
.path-grade-report-grader .gradeparent .heading .cell .iconsmall {
    /* Fixes inconsistencies in cell height on IE. */
    padding-top: 0;
    padding-bottom: 0;
}

.path-grade-report-grader .gradeparent .sorticon {
    vertical-align: middle;
    margin: 0;
}

.path-grade-report-grader .gradeparent td.grade_type_value,
.path-grade-report-grader .gradeparent td.grade_type_value input,
.path-grade-report-grader .gradeparent td.grade_type_value div {
    text-align: right;
    margin-left: auto;
}

.path-grade-report-grader .gradeparent .gradevalue {
    display: inline-block;
}

.path-grade-report-grader .header,
.path-grade-report-grader td.userfield div {
    padding-top: 6px;
}

.path-grade-report-grader .gradeparent tr:nth-child(n) td.ajaxoverridden:nth-child(n) {
    /* Made very specific to override the default stripped style of the table. */
    background-color: #ffe3a0;
}

.path-grade-report-grader .gradeparent .excludedfloater {
    font-weight: bold;
    color: red;
    font-size: 9px;
    float: left;
}

.path-grade-report-grader .gradeparent .category {
    text-align: left;
}

/**
 * Editing fields.
 * MDL-74286 - width 100% pushes action menu out of cell.
 */
.path-grade-report-grader .gradeparent select {
    text-overflow: ellipsis;
    min-width: 8rem;
}

.path-grade-report-grader .gradeparent .text {
    border: 1px solid #666;
    width: auto;
    margin: 0;
    padding: 0;
    text-align: center;
}

.path-grade-report-grader .gradeparent table .action-menu {
    display: inline-block;
    margin-right: -0.5rem;
    padding-left: 0.5rem;
}

.path-grade-report-grader .gradeparent table .heading .action-menu {
    padding-left: 0;
}

.path-grade-report-grader .dropdown-menu {
    width: max-content;
}

.path-grade-report-grader .initialsdropdown {
    width: 460px;
}

.path-grade-report-grader .initialsdropdown::after {
    content: '';
}

.path-grade-report-grader .usersearchwidget::after {
    content: '';
}

.path-grade-report-grader .usersearchwidget {
    pointer-events: none;
}
.path-grade-report-grader .usersearchwidget input {
    pointer-events: initial;
    z-index: 1;
}
.path-grade-report-grader .usersearchwidget button,
.path-grade-report-grader .usersearchwidget a {
    pointer-events: initial;
}
.path-grade-report-grader .usersearchdropdown {
    /*Extra height to allow non result items.*/
    max-height: 400px;
    width: 300px;
    pointer-events: all;
    padding: 0;
}
.path-grade-report-grader .usersearchdropdown .unsearchablecontentcontainer {
    position: sticky;
    bottom: 0;
    background-color: white;
}
.path-grade-report-grader .usersearchdropdown .footer {
    border-top: 1px solid #dee2e6;
    font-size: 90%;
}

.collapsecolumndropdown.show {
    width: 300px;
    max-height: 300px;
}

@media only screen and (min-width: 768px) {
    .path-grade-report-grader .gradeparent table {
        padding-right: 6em;
    }
}

/* History */

.path-grade-report-history div.gradeparent {
    overflow-x: scroll;
}

.path-grade-report-history .singlebutton div,
.path-grade-report-history .singlebutton div input[type="button"] {
    margin: 0;
}

/* User Selector */
.yui3-gradereport_history_usp-hidden {
    display: none;
}

.gradereport_history_usp .usp-content {
    position: relative;
}

.gradereport_history_usp .usp-ajax-content {
    overflow: auto;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.gradereport_history_usp .usp-ajax-content,
.gradereport_history_usp .usp-loading-lightbox {
    height: 375px;
}

.gradereport_history_usp .usp-loading-lightbox {
    background-color: #fff;
    opacity: .5;
    position: absolute;
    text-align: center;
    width: 100%;
    top: 0;
    left: 0;
}

.gradereport_history_usp .usp-loading-lightbox img {
    margin-top: 100px;
    opacity: 1;
}

.gradereport_history_usp .usp-search {
    text-align: center;
}

.gradereport_history_usp .usp-user {
    width: 100%;
    text-align: left;
    border-top: 1px solid #eee;
}

.gradereport_history_usp .usp-user:nth-child(odd) {
    background-color: #f9f9f9;
}

.gradereport_history_usp .usp-first-added {
    border-top: 1px solid #bbb;
}

.gradereport_history_usp .usp-checkbox {
    text-align: center;
    float: left;
    padding: 11px 6px 0 6px;
}

.gradereport_history_usp .usp-checkbox input[type=checkbox] {
    margin: 0;
}

.gradereport_history_usp .usp-picture {
    margin: 6px 3px 0 3px;
    float: left;
}

.gradereport_history_usp .usp-userpicture {
    cursor: pointer;
}

.gradereport_history_usp .usp-user .details {
    margin-left: 67px;
    padding: 3px 6px 0 6px;
    word-wrap: break-word;
}

.gradereport_history_usp .usp-user .details label {
    margin: 0;
}

.gradereport_history_usp .usp-more-results {
    padding: 5px;
    border-top: 1px solid #bbb;
}

.gradereport_history_usp .usp-finish {
    padding-top: 1em;
    text-align: center;
}

.gradereport_history_usp .usp-finish input {
    margin: 0;
}

.path-grade-report-singleview div.reporttable {
    margin: 20px 0 30px 0;
    padding: 10px 10px;
    background-color: #f8f9fa;
    text-align: center;
}

.path-grade-report-singleview div.groupselector,
.path-grade-report-singleview div.selectitems {
    display: block;
    text-align: right;
    clear: both;
}

.path-grade-report-singleview div.singleselect + div.singleselect select,
.path-grade-report-singleview div.groupselector select {
    margin-right: 0;
}

.path-grade-report-singleview div.reporttable div.singleselect form div {
    text-align: center;
}

.path-grade-report-singleview div.reporttable table.reporttable {
    margin: 0 auto 15px auto;
}

.path-grade-report-singleview div.reporttable form div {
    text-align: left;
}

.path-grade-report-singleview div.reporttable h2 {
    text-align: left;
}

.path-grade-report-singleview .overrideexcludecheck {
    width: 14.75px;
    height: 12px;
    color: #2ca14f;
}

.path-grade-report-singleview .report-navigation .container {
    max-width: 1060px;
    margin-left: 0;
}

.path-grade-report-singleview .zero-state img {
    width: 185px;
}

.path-grade-report-singleview .reporttable thead th,
.path-grade-report-singleview .reporttable thead td {
    white-space: nowrap;
    border: none;
}

.path-grade-report-singleview .reporttable tbody tr,
.path-grade-report-singleview .reporttable tbody tr:nth-of-type(odd),
.path-grade-report-singleview .reporttable tbody tr:hover {
    color: inherit;
    background-color: white;
    border-top: none;
    border-bottom: 1px solid #dee2e6;
}

.path-grade-report-singleview .reporttable tbody th,
.path-grade-report-singleview .reporttable tbody td.range {
    white-space: nowrap;
    font-weight: normal;
}

.path-grade-report-singleview .reporttable tbody th > * {
    display: inline-block;
    vertical-align: middle;
    margin: 0 2px;
}

.path-grade-report-singleview .itemnav {
    font-size: small;
    display: inline;
    padding-bottom: 0.5em;
}

.path-grade-report-singleview .itemnav.previtem {
    float: left;
}

.path-grade-report-singleview div.nextitem {
    float: right;
}

.path-grade-report-singleview .reporttable {
    width: 100%;
}

.path-grade-report-singleview .reporttable .generaltable th,
.path-grade-report-singleview .reporttable .generaltable td {
    text-align: left;
    vertical-align: middle;
    border: none;
}

.path-grade-report-singleview div.reporttable form div.singleview_bulk {
    display: inline-block;
    text-align: left;
    margin-bottom: 1em;
}

.path-grade-report-singleview .singleview_bulk div > *,
.path-grade-report-singleview .singleview_bulk fieldset > * {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
}

.path-grade-report-singleview .singleselect select,
.path-grade-report-singleview div.reporttable form .singleview_bulk select,
.path-grade-report-singleview div.reporttable form .singleview_bulk input {
    margin-left: 10px;
    margin-right: 10px;
}

#bulkinsertmodal {
    width: 181px;
    height: 39px;
    top: 309px;
    border-radius: 4px;
}

.path-grade-report-singleview .singleview_bulk > fieldset {
    display: block;
}

.path-grade-report-singleview div.reporttable form .singleview_bulk > div.enable {
    margin-bottom: 0.5em;
    text-align: left;
}

.searchresultitemscontainer {
    max-height: 150px;
    height: 150px;
    overflow: auto;
}

.path-grade-report-singleview .search-widget[data-searchtype="user"] .userinitials {
    width: 40px;
    height: 40px;
}

.path-grade-report-singleview .reporttable .gradeitem span.small {
    font-size: 70%;
}

.path-grade-report-singleview .reporttable div.categoryitem .gradeitemheader,
.path-grade-report-singleview .reporttable div.courseitem .gradeitemheader {
    font-weight: bold;
}

.path-grade-report-user #graded_users_selector {
    float: right;
    margin-bottom: 5px;
}

.path-grade-report-user .view_users_selector {
    clear: both;
    float: right;
    margin-bottom: 5px;
}

.path-grade-report-user #graded_users_selector .singleselect label,
.path-grade-report-user .view_users_selector .singleselect label {
    display: inline-block;
}

.path-grade-report-user .user-grade,
.grade-report-user .user-grade {
    width: 100%;
}

.path-grade-report-user .user-grade thead th,
.grade-report-user .user-grade thead th {
    vertical-align: bottom;
    border: none;
    text-align: left;
    background-color: #f8f9fa;
}

.path-grade-report-user .user-grade td,
.grade-report-user .user-grade td {
    min-width: 4.5em;
    background-color: #f8f9fa;
    border: none;
    vertical-align: middle;
}

.path-grade-report-user .user-grade .b1l,
.grade-report-user .user-grade .b1l {
    padding: 0;
    width: 24px;
    min-width: 24px;
}

.path-grade-report-user .user-grade tbody .column-itemname,
.grade-report-user .user-grade tbody .column-itemname {
    padding-left: 24px;
    padding-right: 8px;
}

.path-grade-report-user .user-grade .column-itemname.baggt,
.path-grade-report-user .user-grade .column-itemname.baggb,
.grade-report-user .user-grade .column-itemname.baggt,
.grade-report-user .user-grade .column-itemname.baggb {
    padding-left: 0;
}

.path-grade-report-user .user-grade .baggt,
.path-grade-report-user .user-grade .baggb,
.grade-report-user .user-grade .baggt,
.grade-report-user .user-grade .baggb {
    font-weight: bold;
    background-color: #f8f9fa;
    border: none;
}

.path-grade-report-user .user-report-container,
.grade-report-user .user-report-container {
    margin: 20px 0 30px 0;
    padding: 10px 10px;
    background-color: #f8f9fa;
}

.path-grade-report-user .user-grade tbody tr,
.grade-report-user .user-grade tbody tr {
    background-color: #f8f9fa;
}

.path-grade-report-user .user-grade tbody tr:hover,
.grade-report-user .user-grade tbody tr:hover {
    color: inherit;
    background-color: #f8f9fa;
}

.path-grade-report-user .user-grade tbody tr.spacer,
.grade-report-user .user-grade tbody tr.spacer {
    height: 0.5rem;
}

.path-grade-report-user .user-grade td.item,
.grade-report-user .user-grade td.item {
    background-color: white;
    border-top: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
}

.path-grade-report-user .user-grade th.column-itemname:not(.header,.category,.baggt,.baggb),
.grade-report-user .user-grade th.column-itemname:not(.header,.category,.baggt,.baggb) {
    background-color: white;
    font-weight: normal;
    border-bottom: 1px solid #dee2e6;
}

.path-grade-report-user .user-grade th.category,
.grade-report-user .user-grade th.category {
    background-color: white;
    border: 1px solid #dee2e6;
    padding-left: 10px;
    font-weight: bold;
}

.path-grade-report-user .user-grade th.category a[aria-expanded="true"] .expanded,
.path-grade-report-user .user-grade th.category a[aria-expanded="false"] .collapsed,
.grade-report-user .user-grade th.category a[aria-expanded="true"] .expanded,
.grade-report-user .user-grade th.category a[aria-expanded="false"] .collapsed {
    display: none;
}

.path-grade-report-user .user-grade th.category a.toggle-category,
.grade-report-user .user-grade th.category a.toggle-category {
    height: 24px;
    width: 24px;
    font-size: 12px;
    line-height: 24px;
    margin-right: 3px;
}

.path-grade-report-user .user-grade th.category a.toggle-category i,
.grade-report-user .user-grade th.category a.toggle-category i {
    font-size: 12px;
    width: 12px;
    height: 12px;
    color: #1d2125;
    margin: 0;
}

.path-grade-report-user .user-grade .column-itemname .small,
.grade-report-user .user-grade .column-itemname .small {
    font-size: 70%;
}

.path-grade-report-user .user-grade tr[data-hidden="true"],
.grade-report-user .user-grade tr[data-hidden="true"] {
    display: none;
}

.path-grade-report-user .user-grade .category div,
.grade-report-user .user-grade .category div {
    min-height: 30px;
    align-items: center;
}

.path-grade-report-user .search-widget[data-searchtype="user"] .userinitials {
    width: 40px;
    height: 40px;
}

.path-grade-report-user .user-navigation .container {
    max-width: 767px;
}

.path-grade-report-user .view-user-selector label {
    display: block;
    font-size: 80%;
    margin: 0;
}

.path-grade-report-user .view-user-selector .dropdown-toggle {
    padding: 0;
    font-weight: bold;
}

.path-grade-report-user .zero-state img {
    width: 185px;
}

@media print {
    .path-grade-report-user .user-grade th.category,
    .grade-report-user .user-grade th.category {
        border-left: none;
        border-right: none;
    }

    .path-grade-report-user .user-grade th.category a.toggle-category,
    .grade-report-user .user-grade th.category a.toggle-category
    .path-grade-report-user #page-footer,
    .path-grade-report-user .user-grade td.column-grade .action-menu {
        display: none;
    }
}

.gradingform_guide-regrade {
    padding: 10px;
    background: #fdd;
    border: 1px solid #f00;
    margin-bottom: 10px;
}

.gradingform_guide-restored {
    padding: 10px;
    background: #ffd;
    border: 1px solid #ff0;
    margin-bottom: 10px;
}

.gradingform_guide-error {
    color: red;
    font-weight: bold;
}

.gradingform_guide_editform .status {
    font-weight: normal;
    text-transform: uppercase;
    font-size: 60%;
    padding: 0.25em;
    border: 1px solid #eee;
}

.gradingform_guide_editform .status.ready {
    background-color: #e7f1c3;
    border-color: #aea;
}

.gradingform_guide_editform .status.draft {
    background-color: #f3f2aa;
    border-color: #ee2;
}

.gradingform_guide.editor .criterion .controls,
.gradingform_guide .criterion .description,
.gradingform_guide .criterion .remark {
    vertical-align: top;
}

.gradingform_guide.editor .criterion .controls,
.gradingform_guide.editor .criterion .description,
.gradingform_guide.editor .criterion .remark {
    padding: 3px;
}

.gradingform_guide .criteria {
    height: 100%;
}

.gradingform_guide .criterion {
    border: 1px solid #ddd;
    overflow: hidden;
}

.gradingform_guide .criterion.even {
    background: #f0f0f0;
}

.gradingform_guide .criterion .description {
    width: 100%;
}

.gradingform_guide .criterion .description .criterionmaxscore input {
    width: 20px;
}

.gradingform_guide .criterion .description .criterionname {
    font-weight: bold;
}

.gradingform_guide .criterion label {
    font-weight: bold;
    padding-right: 5px;
}

.gradingform_guide .plainvalue.empty {
    font-style: italic;
    color: #555;
}

.gradingform_guide .plainvalue.editname {
    font-weight: bold;
}

/* Make invisible the buttons 'Move up' for the first criterion and 'Move down' for
   the last, because those buttons will make no change */
.gradingform_guide.editor .criterion.first.last .controls .delete input,
.gradingform_guide.editor .criterion.first .controls .moveup input,
.gradingform_guide.editor .criterion.last .controls .movedown input {
    display: none;
}

/* replace buttons with images */
.gradingform_guide.editor .delete input,
.gradingform_guide.editor .moveup input,
.gradingform_guide.editor .movedown input {
    text-indent: -1000em;
    cursor: pointer;
    border: none;
}

.gradingform_guide.editor .criterion .controls .delete input {
    width: 20px;
    height: 16px;
    background: transparent url(/theme/image.php/boost_union/core/1792421257/t/delete) no-repeat center top;
    margin-top: 4px;
}

.gradingform_guide.editor .moveup input {
    width: 20px;
    height: 15px;
    background: transparent url(/theme/image.php/boost_union/core/1792421257/t/up) no-repeat center top;
    margin-top: 4px;
}

.gradingform_guide.editor .movedown input {
    width: 20px;
    height: 15px;
    background: transparent url(/theme/image.php/boost_union/core/1792421257/t/down) no-repeat center top;
    margin-top: 4px;
}

.gradingform_guide.editor .addcriterion input,
.gradingform_guide.editor .addcomment input {
    background: transparent url(/theme/image.php/boost_union/core/1792421257/t/add) no-repeat;
    background-size: 0.75rem;
    display: block;
    color: #555;
    font-weight: bold;
    text-decoration: none;
}

.gradingform_guide.editor .addcriterion input,
.gradingform_guide.editor .addcomment input {
    background-position: left 5px top 8px;
    height: 30px;
    line-height: 29px;
    margin-bottom: 14px;
    padding-left: 20px;
    padding-right: 10px;
}

.gradingform_guide .options .optionsheading {
    font-weight: bold;
    font-size: 1.1em;
    padding-bottom: 5px;
}

.gradingform_guide .options .option {
    padding-bottom: 2px;
}

.gradingform_guide .options .option label {
    margin-left: 5px;
}

.gradingform_guide .options .option .value {
    margin-left: 5px;
    font-weight: bold;
}

.gradingform_guide .criterion .description.error {
    background: #fdd;
}

/* special classes for elements created by guideeditor.js */
.gradingform_guide.editor .hiddenelement {
    display: none;
}

.gradingform_guide.editor .pseudotablink {
    background-color: transparent;
    border: 0 solid;
    height: 1px;
    width: 1px;
    color: transparent;
    padding: 0;
    margin: 0;
    position: relative;
    float: right;
}

.jsenabled .gradingform_guide .markingguidecomment {
    cursor: pointer;
}

.jsenabled .gradingform_guide .markingguidecomment:before {
    content: url(/theme/image.php/boost_union/core/1792421257/t/add);
    padding-right: 2px;
}

.gradingform_guide .commentheader {
    font-weight: bold;
    font-size: 1.1em;
    padding-bottom: 5px;
}

.jsenabled .gradingform_guide .criterionnamelabel {
    display: none;
}

.jsenabled .gradingform_guide .criterionshortname {
    font-weight: bold;
}

.gradingform_guide table {
    width: 100%;
}

.gradingform_guide .descriptionreadonly {
    vertical-align: top;
}

.gradingform_guide .criteriondescriptionmarkers {
    width: 300px;
}

.gradingform_guide .markingguideremark {
    margin: 0;
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.gradingform_guide .criteriondescriptionscore {
    display: inline;
}

.gradingform_guide .score label {
    display: block;
}

.gradingform_guide .score input {
    margin: 0;
    width: auto;
}
.gradingform_guide_comment_chooser {
    max-height: 80vh;
    overflow-y: auto;
}
.gradingform_guide-frequent-comments {
    position: absolute;
    top: 7px;
    right: 0;
}

/*
.gradingform_rubric.editor[.frozen|.editable]
  .criteria
    .criterion[.first][.last][.odd|.even]
        .controls
            .moveup
                [input type=submit]
            .delete
                [input type=submit]
            .movedown
                [input type=submit]
        .description
        .levels
            td.level[.first][.last][.odd|.even]
                div.level-wrapper
                    .definition
                        [textarea]
                    .score
                        span
                            [input type=text]
                    .delete
                        [input type=submit]
        .addlevel
            [input type=submit]
        .remark
            textarea
    .addcriterion
        [input type=submit]
  .options
    .optionsheading
    .option.OPTIONNAME

.gradingform_rubric[.review][.evaluate[.editable|.frozen]]
  .criteria
    .criterion[.first][.last][.odd|.even]
        .description
        .levels
            td.level[.first][.last][.odd|.even]
                div.level-wrapper
                    div.radio
                        input
                    .definition
                    .score
                        span

*/

.gradingform_rubric_editform .status {
    font-weight: normal;
    text-transform: uppercase;
    font-size: 60%;
    padding: 0.25em;
    border: 1px solid #eee;
}

.gradingform_rubric_editform .status.ready {
    background-color: #e7f1c3;
    border-color: #aea;
}

.gradingform_rubric_editform .status.draft {
    background-color: #f3f2aa;
    border-color: #ee2;
}

.gradingform_rubric {
    padding-bottom: 1.5em;
}

.gradingform_rubric.editor .criterion .controls,
.gradingform_rubric .criterion .description,
.gradingform_rubric .criterion .levels,
.gradingform_rubric.editor .criterion .addlevel,
.gradingform_rubric .criterion .remark,
.gradingform_rubric .criterion .levels .level {
    vertical-align: top;
}

.gradingform_rubric.editor .criterion .controls,
.gradingform_rubric .criterion .description,
.gradingform_rubric.editor .criterion .addlevel,
.gradingform_rubric .criterion .remark,
.gradingform_rubric .criterion .levels .level {
    padding: 3px;
}

.gradingform_rubric .criteria {
    height: 100%;
    display: flex;
    width: 100%;
    overflow: auto;
}

.gradingform_rubric .criterion {
    border: 1px solid #ddd;
    overflow: hidden;
}

.gradingform_rubric .criterion.even td {
    background: #f0f0f0;
}

.gradingform_rubric .criterion.odd td {
    background: white;
}

.gradingform_rubric .criterion .description {
    min-width: 150px;
    font-weight: bold;
}

.gradingform_rubric .criterion .levels table {
    width: 100%;
    height: 100%;
}

.gradingform_rubric .criterion .levels,
.gradingform_rubric .criterion .levels table,
.gradingform_rubric .criterion .levels table tbody {
    padding: 0;
    margin: 0;
}

.gradingform_rubric .criterion .levels .level {
    border-left: 1px solid #ddd;
    max-width: 150px;
}

.gradingform_rubric .criterion .levels .level .level-wrapper {
    position: relative;
}

.gradingform_rubric .criterion .levels .level.last {
    border-right: 1px solid #ddd;
}

.gradingform_rubric .plainvalue.empty {
    font-style: italic;
    color: #555;
}

/* Make invisible the buttons 'Move up' for the first criterion and
   'Move down' for the last, because those buttons will make no change */
.gradingform_rubric.editor .criterion.first .controls .moveup input,
.gradingform_rubric.editor .criterion.last .controls .movedown input {
    display: none;
}

/* replace buttons with images */
.gradingform_rubric.editor .delete input,
.gradingform_rubric.editor .duplicate input,
.gradingform_rubric.editor .moveup input,
.gradingform_rubric.editor .movedown input {
    background: none 2px 4px / 16px 16px no-repeat;
    text-indent: -1000em;
    cursor: pointer;
    border: none;
}

.gradingform_rubric.editor .criterion .controls .delete input {
    width: 24px;
    height: 24px;
    background-image: url(/theme/image.php/boost_union/core/1792421257/t/delete);
    margin: .3em .3em 0 .3em;
}

.gradingform_rubric.editor .criterion .controls .duplicate input {
    width: 24px;
    height: 24px;
    background-image: url(/theme/image.php/boost_union/core/1792421257/t/copy);
    margin: .3em .3em 0 .3em;
}

.gradingform_rubric.editor .levels .level .delete input {
    width: 24px;
    height: 24px;
    background-image: url(/theme/image.php/boost_union/core/1792421257/t/delete);
}

.gradingform_rubric.editor .moveup input {
    width: 24px;
    height: 24px;
    background-image: url(/theme/image.php/boost_union/core/1792421257/t/up);
    margin: .3em .3em 0 .3em;
}

.gradingform_rubric.editor .movedown input {
    width: 24px;
    height: 24px;
    background-image: url(/theme/image.php/boost_union/core/1792421257/t/down);
    margin: .3em .3em 0 .3em;
}

.gradingform_rubric.editor .addcriterion input,
.gradingform_rubric.editor .addlevel input {
    background: #fff url(/theme/image.php/boost_union/core/1792421257/t/add) 4px 6px / 16px 16px no-repeat;
    height: 30px;
    line-height: 1rem;
    padding-left: 24px;
    display: block;
    color: #555;
    font-weight: bold;
    text-decoration: none;
}

.gradingform_rubric .options .optionsheading {
    font-weight: bold;
    font-size: 1.1em;
    padding-bottom: 5px;
}

.gradingform_rubric .options .option {
    padding-bottom: 2px;
}

.gradingform_rubric .options .option label {
    margin-left: 5px;
}

.gradingform_rubric .options .option .value {
    margin-left: 5px;
    font-weight: bold;
}

.gradingform_rubric .criterion .levels.error {
    border: 1px solid red;
}

.gradingform_rubric .criterion .description.error,
.gradingform_rubric .criterion .levels .level .definition.error,
.gradingform_rubric .criterion .levels .level .score.error {
    background: #fdd;
}

.gradingform_rubric-regrade {
    padding: 10px;
    background: #fdd;
    border: 1px solid #f00;
    margin-bottom: 10px;
}

.gradingform_rubric-restored {
    padding: 10px;
    background: #ffd;
    border: 1px solid #ff0;
    margin-bottom: 10px;
}

.gradingform_rubric-error {
    color: red;
    font-weight: bold;
}

/* special classes for elements created by rubriceditor.js */
.gradingform_rubric.editor .hiddenelement {
    display: none;
}

.gradingform_rubric.editor .pseudotablink {
    background-color: transparent;
    border: 0 solid;
    height: 1px;
    width: 1px;
    color: transparent;
    padding: 0;
    margin: 0;
    position: relative;
    float: right;
}

.gradingpanel-gradingform_rubric [aria-checked="true"] {
    border: 1px solid black;
}

#page-admin-question-bank-columnsortorder-sortcolumns .addcolumn {
    display: inline-block;
}
.qbank-sortable-column {
    background-color: white;
    position: relative;
}
.jsenabled .qbank-column-list button.savewidths {
    display: none;
}
.qbank-sortable-column .qbank_columnsortorder-action-handle {
    display: none;
}
.qbank-sortable-column.show-handles .qbank_columnsortorder-action-handle {
    display: block;
}
.qbank-sortable-column .handle-container {
    pointer-events: none; /* Prevent the handle container blocking clicks to elements in the header */
    width: 100%;
    position: absolute;
    top: 40%;
    z-index: 1;
}
.qbank_columnsortorder-action-handle {
    pointer-events: auto; /* Ensure the handles themselves receive clicks */
}
.qbank_columnsortorder-action-handle.move {
    margin-left: -21px;
    width: 16px;
}
.qbank_columnsortorder-action-handle.resize {
    cursor: col-resize;
    position: absolute;
    top: 0;
    right: 5px;
}
.qbank_columnsortorder-action-handle.resize img {
    /* Prevent the resize handle icon being dragged across the page */
    pointer-events: none;
}
.qbank_columnsortorder-action-handle .icon {
    margin-right: 0;
}

/* Comment text area size to maximum */
.question-comment-view .comment-ctrl .comment-area {
    max-width: none;
    width: 100%;
}

/* Card-style border on category lists */
.qbank_managecategories-categorylist {
    padding: 1rem;
    border: 1px solid #dee2e6;
    border-radius: 1rem;
}
/* Category item layout */
.qbank_managecategories-handlecontainer {
    width: 32px;
    height: 32px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.qbank_managecategories-item .container {
    padding: 0.75rem;
}
/* Separators between each item become drop indicators */
.qbank_managecategories-item {
    width: 100%;
    list-style: none;
    border-top: 1px solid #dee2e6;
}
.qbank_managecategories-item:first-child {
    border-top-color: transparent;
}
.qbank_managecategories-item:last-child {
    border-bottom: 1px solid transparent;
}
.qbank_managecategories-item .qbank_managecategories-item:first-child {
    border-top-color: #dee2e6;
}
.qbank_managecategories-details p:last-child {
    margin-bottom: 0;
}
.qbank_managecategories-childlistcontainer:empty {
    display: none;
}
/* Fade effect on drag handle */
.qbank_managecategories-draghandle {
    display: none;
    opacity: 0.45;
}
.qbank_managecategories-item.draghandle .qbank_managecategories-draghandle {
    display: inline;
}
/* Drag indicator */
.qbank_managecategories-item.draghandle > .container {
    border: 2px solid transparent;
    border-radius: 1rem;
}
.qbank_managecategories-item.draghandle > .container:hover {
    cursor: move;
    border-color: #0f6cbf;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}
/* No move/delete buttons on non-draggable items */
.dropdown-item.show-when-movable {
    display: none;
}
.qbank_managecategories-item.draghandle .dropdown-item.show-when-movable {
    display: block;
}
/* Don't show card border on nested lists. */
.qbank_managecategories-categorylist .qbank_managecategories-categorylist {
    padding: 0 0 .5rem 0;
    border: 0;
    border-radius: 0;
}
/* Don't show hover indication on parent when a child is hovered */
.editing .qbank_managecategories-item .container:hover:has(.container:hover) {
    border-color: transparent;
}
/* New child drop target */
.qbank_managecategories-newchild {
    display: none;
    border: 1px solid #dee2e6;
    background-color: #fff;
    padding: 0.25rem 1rem;
    color: #dee2e6;
    font-weight: bold;
}

/* stylelint-disable max-line-length */
.qbank_managecategories-newchild.qbank_managecategories-droptarget,
/* Show the drop target if it's directly inside a highlighted category, but not if its inside a child of that category */
.qbank_managecategories-droptarget-before > .container > div > .qbank_managecategories-contentcontainer > :not(.qbank_managecategories-childlistcontainer) .qbank_managecategories-newchild {
    display: unset;
}
/* stylelint-enable max-line-length */

/* Hidden descriptions */
.qbank_managecategories-description {
    display: none;
}
.showdescriptions .qbank_managecategories-description {
    display: unset;
}

.question-bank-table td.questionlastused span.date {
    font-weight: 400;
    font-size: .8em;
}

.jsenabled .question-text-format .input-group button {
    display: none;
}

.qbehaviour_deferredcbm_slightlyunderconfident,
.qbehaviour_deferredcbm_slightlyoverconfident {
    font-weight: bold;
    color: #600;
}

.qbehaviour_deferredcbm_underconfident,
.qbehaviour_deferredcbm_overconfident {
    font-weight: bold;
    color: #c00;
}

.qbehaviour_deferredcbm_judgementok {
    font-weight: bold;
    color: #080;
}

.qbehaviour_deferredcbm_actual_percentage {
    font-weight: bold;
}

.qbehaviour_deferredcbm_summary_heading {
    margin: 0;
}

.que.deferredcbm .certaintychoices input[type="radio"] {
    margin-left: 0.5em;
}

.que.deferredcbm .certaintychoices label {
    white-space: nowrap;
}

.admin_presets_error {
    color: red;
    text-align: center;
}

.admin_presets_success {
    color: green;
    text-align: center;
}

.adminpreset_appdescription {
    font-size: small;
    margin-top: 40px;
    margin-bottom: 20px;
}

#page-admin-tool-behat-index .steps-definitions {
    margin: 1rem auto;
}

#page-admin-tool-behat-index .steps-definitions .step {
    margin: 1rem 0 0 0;
    border: 1px solid #eee;
    padding: 1rem;
}

#page-admin-tool-behat-index .steps-definitions .stepdescription {
    font-style: italic;
}

#page-admin-tool-behat-index .steps-definitions .stepcontent {
    margin: 1rem 0;
}

#page-admin-tool-behat-index .steps-definitions .steptype {
    color: #1467a6;
    margin-right: 1ex;
}

#page-admin-tool-behat-index .steps-definitions .stepapipath {
    font-family: monospace;
    font-size: smaller;
}

#page-admin-tool-behat-index .steps-definitions .stepregex {
    color: #060;
}

#page-admin-tool-behat-index .steprequiredfields {
    font-weight: bold;
    font-size: 1em;
    margin-top: 1em;
}

.tool_brickfield_floatprinticon {
    margin-top: -30px;
    float: right;
}

.tool_brickfield_analysisbutton {
    width: 100%;
    text-align: center;
}

/* Advanced Page CSS */

#tool_brickifeld_advanced_page {
    margin: 20px 20px 20px 10px;
}

.tool_brickfield_banner_heading {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.tool_brickfield_banner_heading > img {
    height: 50px;
}

.tool_brickfield_banner > p {
    text-align: center;
}

.tool_brickfield_grid_heading {
    font-family: 'Varela Round', Sans-serif;
    font-size: 20px;
    font-weight: 400;
    color: #040d29;
    padding-bottom: 4px;
}

.tool_brickfield_grid_content {
    color: #040d29;
    font-size: 16px;
    line-height: 1.4em;
}

.tool_brickfield_grid_heading > img {
    height: 30px;
    padding-right: 16px;
}

.tool_brickfield_grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 20px 20px 30px;
}

.tool_brickfield_grid > div {
    margin: 10px;
    padding: 20px;
    flex-basis: 30%;
    border: 1px solid grey;
    max-width: 500px;
    min-width: 250px;
    flex-grow: 4;
    border-radius: 15px 15px 15px 50px;
}

.tool_brickfield_grid_heading {
    display: flex;
}

.tool_brickfield_footer > a {
    font-size: 18px;
    letter-spacing: 1px;
    color: #fff;
    background-color: #4054b2;
    border-radius: 5px;
    padding: 15px 50px;
    transition: 0.3s;
    margin-bottom: 20px;
}

.tool_brickfield_footer {
    text-align: center;
}

.tool_brickfield_footer > a:hover {
    color: #fff;
    background-color: #253687;
    text-decoration: none;
}

.tool_brickfield_footer > p {
    margin-bottom: 25px;
}

.path-admin-tool-capability [data-search="capability"] {
    min-width: 675px;
}

.path-admin-tool-capability .comparisontable {
    margin-top: 150px;
}

.path-admin-tool-capability .comparisontable th,
.path-admin-tool-capability .comparisontable td {
    vertical-align: middle;
    padding: 0.4em 0.5em 0.3em;
}

.path-admin-tool-capability .comparisontable thead th {
    vertical-align: bottom;
    background: none;
}

.path-admin-tool-capability .comparisontable thead th div {
    position: relative;
}

.path-admin-tool-capability .comparisontable thead th div > a {
    position: absolute;
    top: -1.75em;
    left: 1em;
    width: 150px;
    text-align: left;
    margin-bottom: 1em;
    text-indent: -1.45em;
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    -webkit-transform: rotate(315deg);
    -moz-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
    -o-transform: rotate(315deg);
}

.path-admin-tool-capability .comparisontable tbody th {
    background-color: #eee;
    text-align: right;
    border: 1px solid #dfdfdf;
}

.path-admin-tool-capability .comparisontable tbody th span {
    display: block;
    color: #666;
    font-size: 80%;
}

.path-admin-tool-capability .comparisontable tbody td {
    border: 1px solid #dfdfdf;
}

.path-admin-tool-capability .comparisontable .inherit {
    color: #666;
}

.path-admin-tool-capability .comparisontable .allow {
    background-color: #060;
    font-weight: bold;
    color: white;
}

.path-admin-tool-capability .comparisontable .prevent {
    background-color: #ad6704;
    font-weight: bold;
    color: white;
}

.path-admin-tool-capability .comparisontable .prohibit {
    background-color: #800;
    font-weight: bold;
    color: white;
}
.coursearchiver_alreadyhidden {
    opacity: .5;
}

.coursearchiver_bar {
    background-color: red;
    font-size: 3em;
    height: 100px;
    line-height: 100px;
}

.coursearchiver_completedmsg {
    background-color: #f5f5f5;
    font-size: 1.5em;
    font-weight: bold;
    padding: 20px;
    text-align: center;
}

.coursearchiver_error_text {
    background-color: #f5f5f5;
    color: #800000;
    margin: 5px;
    padding: 5px;
}

.coursearchiver_myformconfirm {
    background-color: #f0f8ff;
    border: 2px solid #cacadc;
    font-size: 1.1em;
    font-weight: bold;
    margin: 20px;
    padding: 20px;
    text-align: center;
}

.coursearchiver_myformerror {
    background-color: #fdf5e6;
    border: 2px solid #800000;
    font-size: 1.1em;
    font-weight: bold;
    margin: 20px;
    padding: 20px;
}

.coursearchiver_notice_text {
    background-color: yellow;
    color: #000;
    margin: 5px;
    padding: 5px;
}

.coursearchiver_progress_bar {
    border: 2px solid #000;
    box-sizing: border-box;
    margin-top: -104px;
    position: relative;
    text-align: center;
    white-space: nowrap;
    width: 100%;
}

.coursearchiver_progress_bar_spacing {
    margin-bottom: 120px;
}

.coursearchiver_stats {
    background-color: #c0c0c0;
    border: 1px dotted gray;
    color: #fff;
    font-size: .85em;
    padding: 5px;
}

.mform .coursearchiver_checkbox .fitem {
    position: relative;
    display: inline-block;
    top: 8px;
    left: 8px;
}

.mform .coursearchiver_checkbox .fitem label {
    display: none;
}

.path-admin-tool-coursearchiver .btn-primary {
    margin: auto;
}

.path-admin-tool-coursearchiver .fdate_selector .form-group {
    display: inline-block;
}

.path-admin-tool-coursearchiver .femptylabel .form-group {
    margin: .5rem;
}

.path-admin-tool-coursearchiver .femptylabel > div:first-child {
    flex: 0;
    padding-left: 0;
}

.path-admin-tool-coursearchiver .form-check-input:not(#id_emptyonly):not(#id_subcats):not(#id_ignadmins):not(#id_ignsiteroles) {
    position: unset;
    vertical-align: middle;
}

.nav-pills .nav-pills {
    margin-left: 1rem;
}
.data-registry > .top-nav > * {
    margin-right: 0.5rem;
}
/*Extra attribute selection to have preference over bs2's .moodle-actionmenu[data-enhance] */
.data-registry > .top-nav > .singlebutton,
.data-registry > .top-nav > .moodle-actionmenu[data-owner='dataregistry-actions'] {
    display: inline-block;
}

.data-registry .context-tree {
    height: 70vh;
    overflow-y: scroll;
}

[data-region="data-requests-table"] .moodle-actionmenu {
    min-width: 150px;
}

.context-level-view {
    margin: 1em;
}
.tool-dynamic-cohorts-condition-edit,
.tool-dynamic-cohorts-condition-delete,
.tool-dynamic-cohorts-condition-view {
    cursor: pointer;
    color: #0036ae;
}

/**
 * Styles for admin tool page.
 */

/* Fix bad default table wrap (caused by the long mimetype field). */
.path-admin-tool-filetypes .generaltable .c0,
.path-admin-tool-filetypes .generaltable .c1,
.path-admin-tool-filetypes .generaltable .c2,
.path-admin-tool-filetypes .generaltable th {
    white-space: nowrap;
}

/* Formatting for deleted lines. */
.path-admin-tool-filetypes .generaltable .deleted .c0 img {
    opacity: 0.2;
}

.path-admin-tool-filetypes .generaltable .deleted .c0 span {
    text-decoration: line-through;
}

/* Custom types show bold */
.path-admin-tool-filetypes .generaltable .nonstandard {
    font-weight: bold;
}

#page-admin-tool-installaddon-index #installfromrepobox {
    text-align: center;
    padding-top: 2em;
    padding-bottom: 2em;
}

#page-admin-tool-installaddon-index #installfromrepobox .singlebutton {
    display: inline-block;
}

#page-admin-tool-installaddon-index #installfromrepobox .singlebutton input[type=submit] {
    padding: 1em;
}

#page-admin-tool-langimport-index .langimport {
    margin: auto;
    float: none;
    width: 100%;
}

#page-admin-tool-langimport-index #menuuninstalllang,
#page-admin-tool-langimport-index #menupack {
    height: 300px;
}

.path-admin-tool-lp [data-region="managecompetencies"] ul li,
.path-admin-tool-lp [data-region="plans"] ul li,
.path-admin-tool-lp [data-region="competencymovetree"] ul li,
.path-admin-tool-lp [data-region="competencylinktree"] ul li,
.path-badges [data-region="competencylinktree"] ul li {
    list-style-type: none;
}

.path-admin-tool-lp .progresstext {
    display: inline-block;
    vertical-align: top;
}

.path-admin-tool-lp .progress {
    width: 100%;
    display: inline-block;
}

.path-admin-tool-lp .progress .bar {
    min-width: 3em;
}

.path-admin-tool-lp [data-region="managecompetencies"] ul[data-enhance="tree"],
.path-admin-tool-lp [data-region="plans"] ul[data-enhance="tree"],
.path-admin-tool-lp [data-region="competencylinktree"] ul[data-enhance="linktree"],
.path-badges [data-region="competencylinktree"] ul[data-enhance="linktree"],
.path-admin-tool-lp [data-region="competencymovetree"] ul[data-enhance="movetree"] {
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    transition: border linear .2s, box-shadow linear .2s;
    border-radius: 4px;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: 10px;
    margin-right: 10px;
}

.path-admin-tool-lp [data-region="managecompetencies"] ul,
.path-admin-tool-lp [data-region="plans"] ul,
.path-admin-tool-lp [data-region="competencylinktree"] ul,
.path-badges [data-region="competencylinktree"] ul,
.path-admin-tool-lp [data-region="competencymovetree"] ul {
    cursor: pointer;
}

.path-admin-tool-lp [data-region="competencylinktree"] ul li > span,
.path-badges [data-region="competencylinktree"] ul li > span,
.path-admin-tool-lp [data-region="competencymovetree"] ul li > span,
.path-admin-tool-lp [data-region="plans"] ul li > span,
.path-admin-tool-lp [data-region="managecompetencies"] ul li > span {
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 4px;
    padding-right: 4px;
    border-radius: 4px;
}

.path-admin-tool-lp [data-region="competencylinktree"] ul [aria-selected="true"] > span,
.path-badges [data-region="competencylinktree"] ul [aria-selected="true"] > span,
.path-admin-tool-lp [data-region="competencymovetree"] ul [aria-selected="true"] > span,
.path-admin-tool-lp [data-region="plans"] ul [aria-selected="true"] > span,
.path-admin-tool-lp [data-region="managecompetencies"] ul [aria-selected="true"] > span {
    background-color: #dfdfdf;
}

.path-admin-tool-lp [data-region="competencylinktree"] ul [tabindex="0"] > span,
.path-badges [data-region="competencylinktree"] ul [tabindex="0"] > span,
.path-admin-tool-lp [data-region="competencymovetree"] ul [tabindex="0"] > span,
.path-admin-tool-lp [data-region="plans"] ul [tabindex="0"] > span,
.path-admin-tool-lp [data-region="managecompetencies"] ul [tabindex="0"] > span {
    border: 2px solid #0070a8;
}

.path-admin-tool-lp [data-region="filtercompetencies"] input {
    margin-left: 10px;
}

.path-admin-tool-lp [data-region="link-buttons"],
.path-admin-tool-lp [data-region="move-buttons"] {
    text-align: center;
}

.path-admin-tool-lp [data-region="competencylinktree"] > ul,
.path-badges [data-region="competencylinktree"] > ul {
    overflow-y: auto;
    height: 400px;
}

.path-admin-tool-lp span.currentdragtarget {
    border: 1px dashed;
}

.path-admin-tool-lp .competencyactionsmenu {
    display: inline-block;
    vertical-align: text-top;
}

.path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-base"] {
    display: table;
    width: 100%;
}

.path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-outcome"],
.path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-type"] {
    display: table-row;
}

.path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-outcome"] label,
.path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-type"] label {
    padding-right: 10px;
}

.path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-outcome"] label,
.path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-outcome"] select,
.path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-type"] label,
.path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-type"] select {
    display: table-cell;
}

.path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-outcome"] select,
.path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-type"] select,
.path-admin-tool-lp [data-region="competencylinktree"] select,
.path-badges [data-region="competencylinktree"] select {
    width: 100%;
}

.path-admin-tool-lp [data-region] .generaltable.fullwidth {
    clear: both;
}

.path-admin-tool-lp .competency-rule-points {
    margin-top: 10px;
    max-height: 300px;
    overflow-y: auto;
}

.path-admin-tool-lp .competency-rule-points table input {
    margin-bottom: 0;
}

.path-admin-tool-lp .competency-rule-points tr[data-competency] th {
    font-weight: normal;
}

.path-admin-tool-lp .competency-rule-points input[type="number"] {
    width: 50px;
}

.competency-heading {
    margin-bottom: 15px;
}

.competency-heading h4 {
    margin: 0;
}

/** Styles required for menubar js */

.tool-lp-menu {
    margin: 0;
}

.tool-lp-menu li {
    float: left;
    position: relative;
    list-style-type: none;
    white-space: nowrap;
}

.tool-lp-sub-menu {
    position: absolute;
    list-style: none;
    margin: 0;
    top: -10px;
}

.tool-lp-sub-menu li {
    float: none;
}

.tool-lp-menu .tool-lp-sub-menu[aria-hidden=false] {
    display: block;
}

.tool-lp-menu ul[aria-hidden=true] {
    display: none;
}

.tool-lp-menu .caret {
    margin: 8px;
}

.tool-lp-menu.tool-lp-menu-open-left .tool-lp-sub-menu {
    left: auto;
    right: 0;
}

/** This highlighting is copied from bootstrap - but can be overridden by a theme */
.tool-lp-menu .tool-lp-sub-menu .menu-focus a {
    color: #fff;
    text-decoration: none;
    background-color: #00699e;
    background-image: linear-gradient(to bottom, #0070a8, #005f8f);
    background-repeat: repeat-x;
}

/** check box and radio button on configure scale dialogue */
input[type="radio"].tool_lp_scale_default,
input[type="checkbox"].tool_lp_scale_proficient {
    margin-top: 0;
}

/** User evidence */
.user-evidence-documents {
    margin: 10px 20px;
    list-style: none;
}

.user-evidence-competencies,
.user-evidence-documents li {
    margin-bottom: 5px;
    word-break: break-all;
}

[data-region="user-evidence-list"] .user-evidence-competencies,
[data-region="user-evidence-list"] .user-evidence-documents {
    margin: 0;
    list-style: none;
}

.user-competency-course-navigation select {
    display: none;
}

.user-competency-course-navigation span {
    max-width: 100%;
    overflow: hidden;
}

/** Competency grader */
.competency-grader textarea {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.path-admin-tool-lp #region-main {
    overflow-x: visible;
}

ul.competency-tree img {
    width: 16px;
    height: 16px;
}

[data-region="managecompetencies"] a .icon,
[data-region="plan-page"] a .icon {
    color: initial;
}

[data-region="managecompetencies"] h2 a .icon,
[data-region="plan-page"] h2 a .icon {
    font-size: smaller;
}

#page-admin-tool-messageinbound-index .handler-function {
    display: block;
    padding: 0 0.5em;
    color: #888;
    font-size: 0.75em;
}

#page-admin-tool-messageinbound-index .state,
#page-admin-tool-messageinbound-index .edit {
    text-align: center;
}

input.tool-mfa-verification-code,
.tool-mfa-verification-code input {
    /* Some elements must be important to override form element*/
    font-size: 1.5em !important; /* stylelint-disable-line declaration-no-important */
    font-family: monospace;
    text-align: center;
    letter-spacing: 1.0em;
    font-weight: bold;
}

.tool-mfa-factor-choose,
.tool-mfa-factor-choose:hover {
    background-color: #fff;
    border-color: #3584c9;
    border-width: 1px;
    width: 100%;
    border-radius: 0.5rem;
}

.tool-mfa-factor-choose:hover,
.tool-mfa-factor-choose:hover .tool-mfa-factor-choose-text {
    text-decoration: underline;
    color: #094478;
    background-color: #cfe2f2;
}

.mfa-verify-form input[type="submit"] {
    height: 50px;
    font-size: 1.05rem;
}

.mfa-verify-form .invalid-feedback {
    font-weight: 700;
}

.mfa-verify-form .form-group.fitem,
.mfa-verify-form .form-group.fitem > span,
.mfa-verify-form .form-group.fitem > span > input {
    width: 100%;
}

#mfalist .icon-circle .icon {
    width: 64px;
    height: 64px;
}

/**
 * Styles for admin tool mobile.
 */

#page-admin-tool-mobile-subscription dl dt {
    clear: both;
    display: inline-block;
    width: 40%;
    min-width: 100px;
    vertical-align: top;
    padding-top: 1px;
}

#page-admin-tool-mobile-subscription dl dd {
    display: inline-block;
    width: 59%;
    margin-left: 1%;
    vertical-align: top;
    padding-top: 1px;
}

#page-admin-tool-mobile-subscription dl.list-narrow dt {
    width: 30%;
}

#page-admin-tool-mobile-subscription dl.list-narrow dd {
    width: 69%;
}

#page-admin-tool-mobile-subscription progress {
    width: 100%;
}
/* jquery-eu-cookie-law-popup styles */
.eupopup-container {
    background-color: rgba(25, 25, 25, 0.9);
    color: #efefef;
    padding: 5px 20px;
    font-size: 12px;
    line-height: 1.2em;
    text-align: center;
    display: none;
    z-index: 9999999;
}
.eupopup-container .eupopup-body a {
    color: #fff;
    text-decoration: underline;
}

.behat-site .eupopup-container-bottom {
    position: absolute;
}

.eupopup-container-bottom {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
}

.eupopup-closebutton {
    font-size: 16px;
    font-weight: 100;
    line-height: 1;
    color: #a2a2a2;
    opacity: 0.2;
    position: absolute;
    font-family: helvetica, arial, verdana, sans-serif;
    top: 0;
    right: 0;
    padding: 5px 10px;
}

.eupopup-buttons {
    padding: 7px 0 5px 0;
}

.eupopup-button {
    margin: 0 10px;
}

.eupopup-button:hover,
.eupopup-button:focus {
    text-decoration: underline;
    color: #f6a21d;
}

/* tool_policy styles */
.eupopup-body li {
    display: inline;
}

.eupopup-body li:before {
    content: ",";
}

.eupopup-body li:first-child:before {
    content: "";
}

.eupopup-body ul {
    padding: 0;
    margin: 0 0 3px;
}

.eupopup-closebutton:hover,
.eupopup-closebutton:active {
    text-decoration: none;
}

.eupopup-head {
    font-size: 1.2em;
    font-weight: bold;
    padding: 7px;
}

.eupopup-button_1 {
    font-weight: bold;
    font-size: 14px;
}

.eupopup-button_2 {
    display: none;
}

.eupopup-button {
    color: #f6a21d;
}

.policy-heading .policy-viewdoc-buttons {
    text-align: center;
    margin: 15px;
}

#page-admin-tool-policy-acceptances .colselect {
    width: 35px;
}

/* tool_profiling styles */

.path-admin-tool-profiling .profilingruntable .label {
    font-weight: bold;
}

.path-admin-tool-profiling .profiling_worse {
    color: red;
}

.path-admin-tool-profiling .profiling_better {
    color: green;
}

.path-admin-tool-profiling .profiling_same {
    color: dimgrey;
}

.path-admin-tool-profiling .profiling_important,
.path-admin-tool-profiling .flexible .referencerun {
    font-weight: bold;
}

.path-admin-tool-profiling .flexible {
    margin-left: auto;
    margin-right: auto;
}

/*
 * This file is part of Moodle - http://moodle.org/
 */

/**
 * Styles for the Server Terminal admin tool.
 *
 * @package    tool_serverterminal
 * @copyright  2026 Aji Nursyamsi <aji.nursyamsi17@gmail.com>
 * @license    http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
 */

.path-admin-tool-serverterminal .tool-serverterminal-actions {
    margin: 0 0 1rem;
}

.path-admin-tool-serverterminal .tool-serverterminal-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin: 1rem 0;
}

.path-admin-tool-serverterminal .tool-serverterminal-panel {
    border: 1px solid #d7e0ea;
    border-radius: 8px;
    margin-bottom: 1rem;
    padding: 1rem;
}

.path-admin-tool-serverterminal .tool-serverterminal-table {
    margin-bottom: 0;
}

.path-admin-tool-serverterminal .tool-serverterminal-table code {
    background: transparent;
    color: #172b4d;
    overflow-wrap: anywhere;
    padding: 0;
}

.path-admin-tool-serverterminal .tool-serverterminal-cardrow {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

.path-admin-tool-serverterminal .tool-serverterminal-card {
    border: 1px solid #d7e0ea;
    border-radius: 8px;
    padding: 1rem;
}

.path-admin-tool-serverterminal .tool-serverterminal-card h4 {
    margin-top: 0;
}

.path-admin-tool-serverterminal .tool-serverterminal-console {
    background: #111418;
    border: 1px solid #2d333b;
    border-radius: 8px;
    box-shadow: 0 14px 35px rgba(15, 23, 42, .14);
    color: #d7dde5;
    display: flex;
    flex-direction: column;
    margin-top: 1rem;
    min-height: 280px;
    overflow: hidden;
}

.path-admin-tool-serverterminal .tool-serverterminal-console__title {
    background: #222831;
    border-bottom: 1px solid #323a46;
    color: #f1f5f9;
    font-weight: 700;
    padding: .75rem 1rem;
}

.path-admin-tool-serverterminal .tool-serverterminal__screen {
    background: #0b0f14;
    color: #d7dde5;
    flex: 1;
    font-family: ui-monospace, "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 14px;
    line-height: 1.48;
    max-height: 420px;
    min-height: 240px;
    overflow: auto;
    padding: 1rem;
    white-space: pre-wrap;
}

.path-admin-tool-serverterminal .tool-serverterminal__line {
    margin: 0 0 .5rem;
}

.path-admin-tool-serverterminal .tool-serverterminal__line--command {
    color: #87d37c;
    font-weight: 700;
}

.path-admin-tool-serverterminal .tool-serverterminal__line--muted {
    color: #7d8b99;
}

.path-admin-tool-serverterminal .tool-serverterminal__line--success {
    color: #86efac;
}

.path-admin-tool-serverterminal .tool-serverterminal__line--error {
    color: #ff8f8f;
}

.path-admin-tool-serverterminal .tool-serverterminal__block {
    background: transparent;
    border: 0;
    color: #d7dde5;
    font: inherit;
    margin: 0 0 .75rem;
    overflow-wrap: anywhere;
    padding: 0;
    white-space: pre-wrap;
}

.path-admin-tool-serverterminal .tool-serverterminal__block--error {
    color: #ff8f8f;
}

#page-admin-tool-task-scheduledtasks .task-class,
#page-admin-tool-task-runningtasks .task-class {
    display: block;
    padding: 0 0.5em;
    color: #888;
    font-size: 0.75em;
}

#page-admin-tool-task-scheduledtasks input[type=text] {
    /*rtl:ignore*/
    direction: ltr;
}

#page-admin-tool-task-scheduledtasks .task-runnow,
#page-admin-tool-task-scheduledtasks .task-clearfaildelay {
    font-size: 0.75em;
}

.path-admin .task-output {
    color: #fff;
    background: #333;
    padding: 1em;

    a {
        color: #fff;
        text-decoration: underline;
    }
}

[data-region="displaytemplateexample"] {
    border-radius: 4px;
    border: 1px inset #e3e3e3;
    padding: 1em;
}

div[data-flexitour="backdrop"] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

span[data-flexitour="container"] .modal-dialog {
    max-width: 400px;
}

span[data-flexitour="container"] .modal-dialog .modal-content .modal-header {
    border-bottom: 0;
}

span[data-flexitour="container"] .modal-dialog .modal-content .modal-header.minimal,
span[data-flexitour="container"] .modal-dialog .modal-content .modal-footer.minimal {
    padding-top: 0;
    padding-bottom: 0;
}

span[data-flexitour="container"] .modal-dialog .modal-content .modal-footer {
    justify-content: flex-start;
    border-top: 0;
}

span[data-flexitour="container"].orphan {
    position: absolute;
}

span[data-flexitour="container"].orphan div[data-role="arrow"] {
    display: none;
}

span[data-flexitour="container"].orphan div[data-role="arrow"] {
    display: none;
}

.path-admin-local-usertours .stepcreator .input-append {
    font-size: inherit;
}

.tour-actions > ul {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.tour-actions > ul > li {
    background-color: #f5f5f5;
}

.tour-actions > ul {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.tour-actions > ul > li {
    background-color: #f5f5f5;
    border-radius: 6px;
    border: 1px solid #ccc;
    display: inline-block;
    margin: .5em;
    text-align: center;
    width: 13em;
}

.tour-actions > ul > li > a {
    height: 100%;
    display: block;
    padding: 1em;
}

@media (max-width: 575.98px) {
    span[data-flexitour="container"] {
        margin-left: 10px;
    }
    span[data-flexitour="container"] .modal-content {
        overflow-y: initial;
    }
    span[data-flexitour="container"].orphan {
        margin-left: 5px;
        margin-right: 5px;
    }
}

.path-admin-tool-xmldb a[name="lastused"] {
    padding-top: 50px;
}

/* Clone Category. Copyright 2026 Saddam Al-Slfi. GNU GPL v3 or later. */
.local-clonecategory-page .local-clonecategory-shell {
    max-width: 1100px;
    margin: 0 auto;
    min-width: 0;
    color: #172d46;
}
.local-clonecategory-page .local-clonecategory-hero {
    padding: 1.5rem;
    margin-bottom: 1.5rem;
    border: 1px solid #d4e4ed;
    border-radius: 1.25rem;
    background: linear-gradient(125deg, #edf5ff, #effaf7);
}
.local-clonecategory-page .local-clonecategory-hero p {
    margin-bottom: 0;
    color: #40566b;
    line-height: 1.8;
}
.local-clonecategory-page .mform,
.local-clonecategory-page .card {
    padding: 1.25rem;
    border: 1px solid #dae4ed;
    border-radius: 1rem;
    background: #fff;
    box-shadow: 0 6px 24px rgba(23, 45, 70, .06);
    min-width: 0;
}
.local-clonecategory-page .mform fieldset {
    min-width: 0;
}
.local-clonecategory-page .mform legend {
    color: #172d46;
    font-weight: 700;
}
.local-clonecategory-page .form-control,
.local-clonecategory-page .custom-select {
    border-radius: .65rem;
    max-width: 100%;
}
.local-clonecategory-page .form-autocomplete-selection {
    white-space: normal;
    overflow-wrap: anywhere;
    max-width: 100%;
}
.local-clonecategory-page .form-autocomplete-selection .badge {
    white-space: normal;
    text-align: start;
    line-height: 1.6;
    max-width: 100%;
}
.local-clonecategory-page .form-autocomplete-suggestions {
    width: 100%;
    max-width: 100%;
    max-height: 18rem;
    overflow-y: auto;
    overflow-x: hidden;
    border-radius: .75rem;
    box-shadow: 0 12px 32px rgba(23, 45, 70, .14);
}
.local-clonecategory-page .form-autocomplete-suggestions li {
    white-space: normal;
    overflow-wrap: anywhere;
    line-height: 1.6;
    padding: .65rem .85rem;
}
.local-clonecategory-page .btn {
    border-radius: .65rem;
    min-height: 44px;
    white-space: normal;
    transition: box-shadow .18s ease, background-color .18s ease;
}
.local-clonecategory-page .btn-primary {
    background: #185a9d;
    border-color: #185a9d;
}
.local-clonecategory-page .btn-primary:hover {
    background: #124779;
    border-color: #124779;
}
.local-clonecategory-page .btn:focus-visible {
    outline: 3px solid #167b89;
    outline-offset: 3px;
}
.local-clonecategory-page .nav-tabs {
    flex-wrap: wrap;
    gap: .25rem;
    margin-bottom: 1.25rem;
}
.local-clonecategory-page .progress {
    border-radius: 1rem;
}
.local-clonecategory-page .local-clonecategory-table {
    overflow-x: auto;
    max-width: 100%;
}
.local-clonecategory-page .d-flex.gap-2 {
    flex-wrap: wrap;
    gap: .5rem;
}

@media (max-width: 767px) {
    .local-clonecategory-page .mform .fitem {
        margin-inline: 0;
    }
    .local-clonecategory-page .mform .col-md-3,
    .local-clonecategory-page .mform .col-md-9 {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
    }
    .local-clonecategory-page .mform input[type="text"],
    .local-clonecategory-page .mform select {
        width: 100%;
    }
    .local-clonecategory-page .nav-tabs .nav-link {
        padding: .65rem .8rem;
    }
    .local-clonecategory-page .card-header {
        overflow-wrap: anywhere;
        gap: .5rem;
        flex-wrap: wrap;
    }
    .local-clonecategory-page .local-clonecategory-table table {
        min-width: 650px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .local-clonecategory-page .btn {
        transition: none;
    }
    .local-clonecategory-page .progress-bar {
        animation: none;
        transition: none;
    }
}
.local-clonecategory-page .clone-tree-panel {
    width: 100%;
    min-width: 0;
    border: 1px solid #ccdce7;
    border-radius: .9rem;
    padding: .8rem;
    background: #f8fbfd;
}
.local-clonecategory-page .clone-tree-hint {
    font-size: .9rem;
    color: #40566b;
    line-height: 1.7;
}
.local-clonecategory-page .clone-tree-toolbar {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin: .7rem 0;
}
.local-clonecategory-page .clone-tree-list {
    max-height: 24rem;
    overflow: auto;
    padding: .2rem;
    margin: 0;
    list-style: none;
    scrollbar-width: thin;
}
.local-clonecategory-page .clone-tree-children {
    list-style: none;
    margin: 0;
    padding-inline-start: .85rem;
    border-inline-start: 2px solid #d7e5ed;
}
.local-clonecategory-page .clone-tree-row {
    display: flex;
    align-items: center;
    gap: .6rem;
    padding: .35rem .5rem;
    margin: .15rem 0;
    border: 1px solid transparent;
    border-radius: .65rem;
    background: #fff;
}
.local-clonecategory-page .clone-tree-row:hover {
    background: #edf5fb;
}
.local-clonecategory-page .clone-tree-row.is-selected {
    background: #e4f4f3;
    border-color: #16818a;
}
.local-clonecategory-page .clone-tree-choice {
    width: 1.5rem;
    height: 1.5rem;
    flex-shrink: 0;
}
.local-clonecategory-page .clone-tree-title {
    border: 0;
    background: transparent;
    color: #173f64;
    text-align: start;
    overflow-wrap: anywhere;
    min-width: 0;
    min-height: 44px;
    flex: 1;
    margin: 0;
    padding: .35rem 0;
    line-height: 1.65;
    cursor: pointer;
}
.local-clonecategory-page button.clone-tree-title::before {
    content: '▸';
    display: inline-block;
    margin-inline-end: .45rem;
}
.local-clonecategory-page button.clone-tree-title[aria-expanded="true"]::before {
    content: '▾';
}
[dir="rtl"] .local-clonecategory-page button.clone-tree-title[aria-expanded="false"]::before {
    content: '◂';
}
.local-clonecategory-page .clone-tree-title:focus-visible {
    outline: 3px solid #167b89;
    outline-offset: 2px;
    border-radius: .4rem;
}
.local-clonecategory-page .clone-tree-selected {
    margin: .75rem 0 0;
    color: #155f63;
    font-weight: 600;
    overflow-wrap: anywhere;
}
.local-clonecategory-page .clone-tree-empty {
    padding: 1rem;
    color: #40566b;
}
.local-clonecategory-page .clone-tree-panel [hidden] {
    display: none;
}

@media (max-width: 480px) {
    .local-clonecategory-page .clone-tree-panel {
        padding: .5rem;
    }
    .local-clonecategory-page .clone-tree-children {
        padding-inline-start: .5rem;
    }
}
.local-clonecategory-page .clone-job-actions {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
}
.local-clonecategory-page .clone-job-actions form {
    margin: 0;
}
.local-clonecategory-page .clone-job-step {
    overflow-wrap: anywhere;
}
.local-clonecategory-page [hidden] {
    display: none;
}

[dir="rtl"] .local-clonecategory-page [data-groupname="clonemodegroup"] .form-check-inline {
    margin-right: 0;
}
.local-clonecategory-page [data-groupname="clonemodegroup"] .form-check-inline {
    display: flex;
    align-items: flex-start;
    gap: .65rem;
    padding: .65rem .8rem;
    margin: .35rem 0;
    border: 1px solid #d7e5ed;
    border-radius: .65rem;
    background: #f8fbfd;
    width: 100%;
    overflow-wrap: anywhere;
    line-height: 1.7;
}
.local-clonecategory-page [data-groupname="clonemodegroup"] .form-check-input {
    position: static;
    margin: .3rem 0 0;
    flex-shrink: 0;
}

/* Course Completion Page — mockup-aligned layout */

/* Shared tokens for the completion page and the course-home banner. */
.local-completionpage,
.local-completionpage-course-banner {
    --ccp-primary: var(--primary, var(--bs-primary, #0f6cbf));
    --ccp-primary-hover: color-mix(in srgb, var(--ccp-primary) 82%, #000);
    --ccp-primary-soft: color-mix(in srgb, var(--ccp-primary) 12%, #fff);
    --ccp-primary-border: color-mix(in srgb, var(--ccp-primary) 28%, #fff);
    --ccp-bg: #f3f5f8;
    --ccp-surface: #f3f4f6;
    --ccp-card: #fff;
    --ccp-text: #1f2937;
    --ccp-muted: #6b7280;
    --ccp-border: #e5e7eb;
    --ccp-shadow: 0 10px 30px rgba(15, 23, 42, 0.06);
    --ccp-radius: 18px;
}

.local-completionpage {
    max-width: 1080px;
    margin: 0 auto 2rem;
    color: var(--ccp-text);
    font-family: inherit;
}

.path-local-completionpage #region-main,
.path-local-completionpage #page-content,
body.local-completionpage-page #region-main,
body.local-completionpage-page #page {
    background: var(--ccp-bg);
}

/* Hero already shows the completion title — hide the duplicate page heading. */
body.local-completionpage-page #page-header .page-header-headings,
body.local-completionpage-page #page-header .page-header-headings h1 {
    display: none;
}

.local-completionpage__card {
    background: var(--ccp-card);
    border: 1px solid var(--ccp-border);
    border-radius: var(--ccp-radius);
    box-shadow: var(--ccp-shadow);
    padding: 1.5rem 1.75rem;
    margin-bottom: 1.25rem;
}

/* Hero — Course Completed (mockup) */
.local-completionpage__hero {
    padding: 1.75rem 1.85rem;
}

.local-completionpage__hero-inner {
    display: block;
}

.local-completionpage__hero-content {
    flex: 1 1 320px;
    min-width: 0;
}

.local-completionpage__headline h1,
.local-completionpage__headline h2 {
    font-size: 2.25rem;
    letter-spacing: -0.02em;
    line-height: 1.15;
}

.local-completionpage__message p:last-child {
    font-size: 1.05rem;
    line-height: 1.45;
}

.local-completionpage__title {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.4rem 0.55rem;
    margin: 0 0 0.45rem;
    font-size: 2.25rem;
    font-weight: 800;
    color: #111827;
    letter-spacing: -0.02em;
    line-height: 1.15;
}

.local-completionpage__title--custom {
    color: var(--ccp-primary);
}

.local-completionpage__title-emoji {
    font-size: 0.92em;
    line-height: 1;
}

.local-completionpage__title-accent {
    color: var(--ccp-primary);
}

.local-completionpage__subtitle {
    margin: 0 0 1.15rem;
    color: #6b7280;
    font-size: 1.05rem;
    line-height: 1.45;
}

.local-completionpage__custommessage {
    margin-bottom: 1rem;
    color: var(--ccp-text);
}

.local-completionpage__meta-panel {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 0;
    margin-bottom: 1rem;
    background: var(--ccp-surface);
    border: 1px solid #e5e7eb;
    border-radius: 14px;
    overflow: hidden;
}

.local-completionpage__meta-col {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    flex: 1 1 200px;
    padding: 0.95rem 1.1rem;
    min-width: 0;
}

.local-completionpage__meta-divider {
    width: 1px;
    background: #d1d5db;
    align-self: stretch;
    flex: 0 0 1px;
}

.local-completionpage__meta-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    gap: 0.85rem;
    margin-bottom: 1rem;
}

.local-completionpage__meta-grid--tight {
    margin-top: 0.25rem;
    margin-bottom: 0;
}

.local-completionpage__meta-box {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    background: var(--ccp-surface);
    border: 1px solid var(--ccp-border);
    border-radius: 14px;
    padding: 0.9rem 1rem;
}

.local-completionpage__meta-icon {
    color: var(--ccp-primary);
    display: inline-flex;
    margin-top: 2px;
    flex: 0 0 auto;
}

.local-completionpage__meta-label {
    color: #6b7280;
    font-size: 0.8rem;
    margin-bottom: 0.2rem;
}

.local-completionpage__meta-value {
    font-weight: 750;
    line-height: 1.3;
    color: #111827;
}

.local-completionpage__requirements {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.55rem;
    margin: 0;
    color: var(--ccp-primary);
    font-weight: 650;
    font-size: 0.98rem;
}

.local-completionpage__req-check {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.45rem;
    height: 1.45rem;
    border-radius: 50%;
    background: var(--ccp-primary-soft);
    color: var(--ccp-primary);
    flex: 0 0 auto;
}

@media (max-width: 767.98px) {
    .local-completionpage__hero-content {
        text-align: center;
    }

    .local-completionpage__title {
        justify-content: center;
    }

    .local-completionpage__meta-panel {
        text-align: left;
    }

    .local-completionpage__meta-divider {
        width: 100%;
        height: 1px;
    }

    .local-completionpage__requirements {
        justify-content: center;
    }
}

/* Section heads */
.local-completionpage__section-head {
    display: flex;
    align-items: flex-start;
    gap: 0.9rem;
    margin-bottom: 1.25rem;
}

.local-completionpage__section-head--split {
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.local-completionpage__section-head-main {
    display: flex;
    align-items: flex-start;
    gap: 0.9rem;
    min-width: 0;
}

.local-completionpage__section-icon {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    color: #fff;
}

.local-completionpage__section-icon--primary {
    background: var(--ccp-primary);
}

.local-completionpage__section-title {
    margin: 0 0 0.25rem;
    font-size: 1.25rem;
    font-weight: 750;
}

.local-completionpage__section-desc {
    margin: 0;
    color: var(--ccp-muted);
}

.local-completionpage__subsection-title {
    margin: 1.25rem 0 0.75rem;
    font-size: 1.05rem;
    font-weight: 700;
}

/* Buttons */
body.path-local-completionpage .local-completionpage a.local-completionpage__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    border-radius: 10px;
    padding: 0.65rem 1.1rem;
    font-weight: 650;
    text-decoration: none;
    border: 1px solid transparent;
    line-height: 1.2;
    box-shadow: none;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

body.path-local-completionpage .local-completionpage a.local-completionpage__btn--primary,
body.path-local-completionpage .local-completionpage a.local-completionpage__btn--primary:visited {
    background: var(--ccp-primary);
    color: #fff;
}

body.path-local-completionpage .local-completionpage a.local-completionpage__btn--primary:hover,
body.path-local-completionpage .local-completionpage a.local-completionpage__btn--primary:focus {
    background: var(--ccp-primary-hover);
    color: #fff;
}

body.path-local-completionpage .local-completionpage a.local-completionpage__btn--ghost,
body.path-local-completionpage .local-completionpage a.local-completionpage__btn--ghost:visited {
    background: #fff;
    color: var(--ccp-text);
    border-color: var(--ccp-border);
}

body.path-local-completionpage .local-completionpage a.local-completionpage__btn--ghost:hover,
body.path-local-completionpage .local-completionpage a.local-completionpage__btn--ghost:focus {
    border-color: #cbd5e1;
    color: var(--ccp-text);
}

/* Certificates — mockup-matched layout & icons */
.local-completionpage__section--certificates {
    padding: 1.6rem 1.75rem 1.5rem;
}

.local-completionpage__section--certificates .local-completionpage__section-icon--primary {
    background: var(--ccp-primary);
}

.local-completionpage__section--certificates .local-completionpage__section-title {
    font-size: 1.3rem;
    font-weight: 800;
    color: #111827;
}

.local-completionpage__cert-stack {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.local-completionpage__cert-layout {
    display: grid;
    grid-template-columns: minmax(250px, 0.95fr) minmax(300px, 1.15fr);
    gap: 1.5rem 2rem;
    align-items: center;
}

.local-completionpage__cert-actions {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0.7rem;
    max-width: 420px;
}

.local-completionpage__btn--download {
    width: 100%;
    padding: 0.72rem 0.95rem;
    border-radius: 10px;
    font-size: 0.92rem;
}

body.path-local-completionpage .local-completionpage a.local-completionpage__btn--preview,
body.path-local-completionpage .local-completionpage a.local-completionpage__btn--preview:visited {
    width: 100%;
    padding: 0.72rem 0.85rem;
    border-radius: 10px;
    font-size: 0.92rem;
    border-color: #d1d5db;
    color: #111827;
    background: #fff;
}

body.path-local-completionpage .local-completionpage a.local-completionpage__btn--preview:hover,
body.path-local-completionpage .local-completionpage a.local-completionpage__btn--preview:focus {
    border-color: #9ca3af;
    background: #f9fafb;
    color: #111827;
}

.local-completionpage__cert-share {
    width: 100%;
}

body.path-local-completionpage .local-completionpage a.local-completionpage__btn--share,
body.path-local-completionpage .local-completionpage a.local-completionpage__btn--share:visited {
    width: 100%;
    justify-content: center;
    padding: 0.72rem 0.95rem;
    border-radius: 10px;
    border-color: #d1d5db;
    color: #111827;
    background: #fff;
    font-size: 0.92rem;
}

body.path-local-completionpage .local-completionpage a.local-completionpage__btn--share:hover,
body.path-local-completionpage .local-completionpage a.local-completionpage__btn--share:focus {
    border-color: #9ca3af;
    background: #f9fafb;
    color: #111827;
}

.local-completionpage__btn--share.dropdown-toggle::after {
    margin-left: 0.45rem;
    vertical-align: 0.15em;
    border-top-color: #4b5563;
}

.local-completionpage__cert-preview-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.7rem;
}

.local-completionpage__cert-preview {
    width: 100%;
    max-width: 440px;
    aspect-ratio: 1.35 / 1;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.08);
    padding: 0.85rem;
    border: 1px solid #e5e7eb;
}

.local-completionpage__cert-preview--pdf {
    position: relative;
    padding: 10px;
    overflow: hidden;
    background: linear-gradient(180deg, #f8fafc 0%, #fff 100%);
    aspect-ratio: 1.38 / 1;
    max-width: 460px;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    box-shadow: 0 14px 32px rgba(15, 23, 42, 0.1);
}

/* Soft mat around the PDF — no gold frame */
.local-completionpage__cert-preview--pdf::before {
    content: "";
    position: absolute;
    inset: 10px;
    border-radius: 10px;
    border: 1px solid rgba(148, 163, 184, 0.35);
    pointer-events: none;
    z-index: 2;
}

.local-completionpage__cert-frame-shell {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    overflow: hidden;
    background: #f1f5f9;
    position: relative;
    z-index: 0;
    isolation: isolate;
}

/*
 * Browser PDF viewers often paint a dark canvas around the page.
 * Scale the iframe slightly so those gutters are cropped out.
 */
.local-completionpage__cert-frame {
    position: absolute;
    inset: -6%;
    width: 112%;
    height: 112%;
    border: 0;
    display: block;
    background: #f8fafc;
    overflow: hidden;
    pointer-events: none;
    color-scheme: light;
}

.local-completionpage__cert-preview-border {
    height: 100%;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 1rem 1.1rem;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: linear-gradient(180deg, #fff 0%, #f8fafc 100%);
}

.local-completionpage__cert-preview-eyebrow {
    font-size: 0.95rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #0f766e;
    margin-bottom: 0.65rem;
}

.local-completionpage__cert-preview-label {
    font-size: 0.75rem;
    color: var(--ccp-muted);
    margin-bottom: 0.2rem;
}

.local-completionpage__cert-preview-recipient {
    font-size: 1.25rem;
    font-weight: 800;
    color: var(--ccp-text);
    margin-bottom: 0.55rem;
    font-family: Georgia, "Times New Roman", serif;
}

.local-completionpage__cert-preview-course {
    font-size: 0.9rem;
    font-weight: 650;
    color: #334155;
    margin-bottom: 0.35rem;
}

.local-completionpage__cert-preview-date {
    font-size: 0.78rem;
    color: var(--ccp-muted);
}

.local-completionpage__cert-preview-seal {
    position: absolute;
    right: 1rem;
    bottom: 0.9rem;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: radial-gradient(circle at 35% 30%, #fde68a, #f59e0b 55%, #b45309);
    box-shadow: inset 0 0 0 3px rgba(255, 255, 255, 0.35), 0 4px 10px rgba(180, 83, 9, 0.35);
}

.local-completionpage__cert-preview-seal::after {
    content: "";
    position: absolute;
    inset: 10px;
    border-radius: 50%;
    border: 1.5px dashed rgba(255, 255, 255, 0.7);
}

body.path-local-completionpage .local-completionpage a.local-completionpage__cert-preview-link,
body.path-local-completionpage .local-completionpage a.local-completionpage__cert-preview-link:visited {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: #2563eb;
    font-weight: 650;
    font-size: 0.92rem;
    text-decoration: none;
}

body.path-local-completionpage .local-completionpage a.local-completionpage__cert-preview-link:hover,
body.path-local-completionpage .local-completionpage a.local-completionpage__cert-preview-link:focus {
    text-decoration: underline;
    color: #2563eb;
}

@media (max-width: 767.98px) {
    .local-completionpage__cert-layout {
        grid-template-columns: 1fr;
    }

    .local-completionpage__cert-actions {
        max-width: none;
    }

    .local-completionpage__btn--download,
    .local-completionpage__btn--preview {
        width: 100%;
    }
}

/* Feedback — CTA opens the linked Feedback activity form */
.local-completionpage__section--feedback {
    background: #fff;
}

.local-completionpage__section--feedback .local-completionpage__section-icon--primary {
    background: var(--ccp-primary);
}

.local-completionpage__feedback-cta {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.local-completionpage__feedback-ctahint {
    margin: 0;
    color: #4b5563;
    font-size: 0.95rem;
    line-height: 1.45;
}

.local-completionpage__feedback-activity {
    margin: 0;
    color: #374151;
    font-size: 0.9rem;
}

.local-completionpage__feedback-actions {
    display: flex;
    justify-content: flex-start;
    margin-top: 0.25rem;
}

.local-completionpage__feedback-thanks {
    padding: 0.9rem 1rem;
    border-radius: 12px;
    background: var(--ccp-primary-soft);
    color: var(--ccp-primary);
    font-weight: 600;
}

/* Suggested course cards — self-contained styles. */
.local-completionpage .learner_course_card {
    box-sizing: border-box;
    border: 1px solid var(--ccp-border);
    border-radius: 8px;
    padding: 10px;
    display: flex;
    flex-direction: column;
    background: #fff;
}

.local-completionpage .learner_course_card:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.local-completionpage .learner-course-card-content {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    height: 100%;
    background: #fff;
    border-radius: 8px;
}

.local-completionpage .learner_course_card_img {
    border-radius: 8px;
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: #f6f6f6;
}

.local-completionpage .learner_course_card_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
    border-radius: 8px;
}

.local-completionpage .learner_course_card_img.frontpage-course-img-empty {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f6f6f6;
}

.local-completionpage .learner_course_card_img.frontpage-course-img-empty img.local-completionpage__course-placeholder-icon {
    width: auto;
    height: 45%;
    max-height: 120px;
    object-fit: contain;
    opacity: 0.35;
    border-radius: 0;
}

.local-completionpage .learner_course_card-body {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.local-completionpage .learner_course_card_text {
    padding: 0;
    font-size: 14px;
    color: var(--ccp-muted);
    margin: 10px 10px 0;
}

.local-completionpage .learner_course_card_heading {
    margin: 10px;
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1.35;
}

.local-completionpage .learner_course_card_heading a {
    color: inherit;
    text-decoration: none;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.local-completionpage .learner_course_card_heading a:hover,
.local-completionpage .learner_course_card_heading a:focus {
    color: var(--ccp-primary);
}

.local-completionpage .learner_course_card_price {
    padding: 0;
    margin: 10px;
}

.local-completionpage .learner_course_card_price_main {
    font-size: x-large;
    font-weight: 600;
}

.local-completionpage .learner_course_card_price_discount {
    font-size: 1.5rem;
    margin-left: 1rem;
    text-decoration: line-through;
    color: var(--ccp-muted);
}

.local-completionpage .learner_course_card_footer {
    font-size: 16px;
    margin: 10px;
    margin-top: auto;
}

.local-completionpage .learner_course_card_footer .badge {
    display: inline-block;
    margin-bottom: 10px;
}

.local-completionpage .have_access,
.local-completionpage .text-bg-green {
    color: #1f2937;
    border: 1px solid #14b8a6;
    background-color: #d1fae5;
    padding: 5px 10px;
}

.local-completionpage .have_expiry,
.local-completionpage .text-bg-red {
    color: #1f2937;
    border: 1px solid #f87171;
    background-color: #fee2e2;
    padding: 5px 10px;
}

body.path-local-completionpage .local-completionpage a.btn.btn-course-card,
body.path-local-completionpage .local-completionpage button.btn.btn-course-card {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
    border: 1px solid var(--ccp-primary);
    color: #fff;
    background-color: var(--ccp-primary);
    border-radius: 8px;
    font-weight: 600;
    padding: 0.55rem 1rem;
    text-decoration: none;
    width: 100%;
    box-sizing: border-box;
    line-height: 1.3;
}

body.path-local-completionpage .local-completionpage a.btn.btn-course-card:hover,
body.path-local-completionpage .local-completionpage a.btn.btn-course-card:focus,
body.path-local-completionpage .local-completionpage button.btn.btn-course-card:hover,
body.path-local-completionpage .local-completionpage button.btn.btn-course-card:focus {
    background-color: var(--ccp-primary-hover);
    border-color: var(--ccp-primary-hover);
    color: #fff;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

body.path-local-completionpage .local-completionpage button.btn.btn-course-card:disabled {
    opacity: 0.65;
    transform: none;
    box-shadow: none;
    cursor: not-allowed;
}

.local-completionpage .catalog-items-container.grid {
    margin-top: 0;
}

.local-completionpage .catalog-items,
.local-completionpage__related {
    display: flex;
    gap: 20px;
    width: 100%;
    flex-wrap: wrap;
    margin: 0;
}

.local-completionpage .catalog-items .learner_course_card.learner_course_card,
.local-completionpage__related .learner_course_card.learner_course_card {
    flex: 0 0 calc((100% - 40px) / 3);
    width: auto;
    max-width: none;
    border: var(--universalborder, 1px solid #e5e7eb);
    border-radius: var(--universalborderradius, 8px);
    padding: 10px;
    display: flex;
    flex-direction: column;
    height: auto;
}

.local-completionpage .catalog-items .learner-course-card-content {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    height: 100%;
}

.local-completionpage .catalog-items .learner_course_card_footer {
    margin-top: auto;
}

@media (max-width: 991.98px) {
    .local-completionpage .catalog-items .learner_course_card.learner_course_card,
    .local-completionpage__related .learner_course_card.learner_course_card {
        flex: 0 0 calc((100% - 20px) / 2);
    }
}

@media (max-width: 575.98px) {
    .local-completionpage .catalog-items .learner_course_card.learner_course_card,
    .local-completionpage__related .learner_course_card.learner_course_card {
        flex: 0 0 100%;
    }
}

body.path-local-completionpage .local-completionpage a.local-completionpage__btn--browse,
body.path-local-completionpage .local-completionpage a.local-completionpage__btn--browse:visited {
    white-space: nowrap;
    border-color: #d1d5db;
    color: #111827;
    align-self: center;
}

.local-completionpage__course-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1rem;
}

.local-completionpage__course-card {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: 0.95rem;
    border: 1px solid #e5e7eb;
    border-radius: 14px;
    background: #fff;
    padding: 0.95rem;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
    min-width: 0;
}

.local-completionpage__course-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 24px rgba(15, 23, 42, 0.08);
}

.local-completionpage__course-media {
    width: 84px;
    min-height: 84px;
    border-radius: 14px;
    overflow: hidden;
    flex: 0 0 84px;
    color: #fff;
    background: var(--ccp-primary);
}

.local-completionpage__course-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.local-completionpage__course-placeholder {
    width: 100%;
    height: 100%;
    min-height: 84px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.local-completionpage__course-body {
    display: flex;
    flex-direction: column;
    min-width: 0;
    flex: 1;
}

.local-completionpage__course-title {
    margin: 0 0 0.3rem;
    font-size: 1.02rem;
    font-weight: 800;
    line-height: 1.3;
    color: #111827;
}

.local-completionpage__course-summary {
    color: #6b7280;
    font-size: 0.84rem;
    line-height: 1.4;
    margin-bottom: 0.55rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    flex: 1;
}

.local-completionpage__course-summary p {
    margin: 0;
}

body.path-local-completionpage .local-completionpage a.local-completionpage__course-link,
body.path-local-completionpage .local-completionpage a.local-completionpage__course-link:visited {
    margin-top: auto;
    align-self: flex-start;
    color: var(--ccp-primary);
    font-weight: 700;
    text-decoration: none;
    font-size: 0.9rem;
}

body.path-local-completionpage .local-completionpage a.local-completionpage__course-link:hover,
body.path-local-completionpage .local-completionpage a.local-completionpage__course-link:focus {
    color: var(--ccp-primary-hover);
    text-decoration: underline;
}

/* Badges / achievements */
.local-completionpage__badge-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 0.85rem;
}

.local-completionpage__badge-card {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    padding: 0.85rem 1rem;
    border: 1px solid var(--ccp-border);
    border-radius: 14px;
    background: var(--ccp-surface);
}

.local-completionpage__badge-image {
    width: 52px;
    height: 52px;
    object-fit: contain;
    flex-shrink: 0;
}

.local-completionpage__badge-name {
    font-weight: 700;
}

/* Competencies */
.local-completionpage__competencies-summary {
    margin: 0 0 1rem;
    font-weight: 600;
    color: var(--ccp-text-muted, #64748b);
}

.local-completionpage__competency-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.local-completionpage__competency-item {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.9rem 1rem;
    border: 1px solid var(--ccp-border, #e2e8f0);
    border-radius: 14px;
    background: var(--ccp-surface, #fff);
}

.local-completionpage__competency-item--proficient {
    border-color: rgba(22, 163, 74, 0.35);
    background: rgba(22, 163, 74, 0.04);
}

.local-completionpage__competency-name {
    font-weight: 700;
}

.local-completionpage__competency-id {
    margin-top: 0.15rem;
    font-size: 0.85rem;
    color: var(--ccp-text-muted, #64748b);
}

.local-completionpage__competency-desc {
    margin-top: 0.35rem;
    font-size: 0.9rem;
    color: var(--ccp-text-muted, #64748b);
}

.local-completionpage__competency-desc p:last-child {
    margin-bottom: 0;
}

.local-completionpage__competency-source {
    margin-top: 0.45rem;
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--ccp-text-muted, #64748b);
}

.local-completionpage__competency-activities {
    margin-top: 0.55rem;
}

.local-completionpage__competency-activities-label {
    font-size: 0.8rem;
    font-weight: 700;
    color: var(--ccp-text-muted, #64748b);
    margin-bottom: 0.25rem;
}

.local-completionpage__competency-activity-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem 0.75rem;
}

.local-completionpage__competency-activity-link {
    font-size: 0.88rem;
    font-weight: 600;
    color: var(--ccp-primary, #0d6efd);
    text-decoration: none;
}

.local-completionpage__competency-activity-link:hover,
.local-completionpage__competency-activity-link:focus {
    text-decoration: underline;
}

.local-completionpage__competency-status {
    flex-shrink: 0;
    font-size: 0.8rem;
    font-weight: 700;
    padding: 0.35rem 0.65rem;
    border-radius: 999px;
    white-space: nowrap;
}

.local-completionpage__competency-status--yes {
    color: #166534;
    background: rgba(22, 163, 74, 0.15);
}

.local-completionpage__competency-status--no {
    color: #92400e;
    background: rgba(245, 158, 11, 0.15);
}

@media (max-width: 640px) {
    .local-completionpage__competency-item {
        flex-direction: column;
        align-items: stretch;
    }
}

.local-completionpage__badge-date {
    color: var(--ccp-muted);
    font-size: 0.8rem;
}

/* Exit links */
.local-completionpage__exit-row {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.85rem;
    margin-bottom: 1rem;
}

body.path-local-completionpage .local-completionpage a.local-completionpage__exit-link,
body.path-local-completionpage .local-completionpage a.local-completionpage__exit-link:visited {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    padding: 1.05rem 1.1rem;
    border-radius: 14px;
    background: #fff;
    border: 1px solid #e5e7eb;
    box-shadow: var(--ccp-shadow);
    text-decoration: none;
    color: inherit;
    transition: border-color 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease;
}

.local-completionpage__exit-link:hover {
    border-color: var(--ccp-primary-border);
    transform: translateY(-1px);
    box-shadow: 0 12px 22px rgba(15, 23, 42, 0.07);
}

.local-completionpage__exit-icon {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: var(--ccp-primary-soft);
    color: var(--ccp-primary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}

.local-completionpage__exit-title {
    display: block;
    font-weight: 800;
    color: #111827;
    font-size: 0.98rem;
}

.local-completionpage__exit-desc {
    display: block;
    color: #6b7280;
    font-size: 0.84rem;
    margin-top: 0.1rem;
}

/* Footer banner */
.local-completionpage__footer {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
    text-align: center;
    padding: 1rem 1.25rem;
    border-radius: 14px;
    background: var(--ccp-primary-soft);
    color: var(--ccp-primary);
    font-weight: 650;
    border: 1px solid var(--ccp-primary-border);
}

.local-completionpage__footer-text {
    line-height: 1.35;
}

.local-completionpage__footer-icon,
.local-completionpage__footer-heart {
    font-size: 1.15rem;
    line-height: 1;
}

/* Course home CTA for completed learners — same --ccp-* tokens as the page. */
.local-completionpage-course-banner {
    border-radius: 12px;
    border: 1px solid var(--ccp-primary-border);
    background: var(--ccp-primary-soft);
    color: var(--ccp-text);
    padding: 1rem 1.15rem;
}

.local-completionpage-course-banner__inner {
    align-items: center;
}

.local-completionpage-course-banner__heading {
    font-size: 1.05rem;
    margin-bottom: 0.15rem;
    color: var(--ccp-text);
}

.local-completionpage-course-banner__message {
    color: var(--ccp-muted);
    font-size: 0.95rem;
    line-height: 1.4;
}

.local-completionpage-course-banner a.local-completionpage-course-banner__btn,
.local-completionpage-course-banner a.local-completionpage-course-banner__btn:visited {
    background: var(--ccp-primary);
    border-color: var(--ccp-primary);
    color: #fff;
    white-space: nowrap;
}

.local-completionpage-course-banner a.local-completionpage-course-banner__btn:hover,
.local-completionpage-course-banner a.local-completionpage-course-banner__btn:focus {
    background: var(--ccp-primary-hover);
    border-color: var(--ccp-primary-hover);
    color: #fff;
}

@media (max-width: 767.98px) {
    .local-completionpage__headline h1,
    .local-completionpage__headline h2,
    .local-completionpage__title {
        font-size: 1.85rem;
    }

    .local-completionpage__exit-row {
        grid-template-columns: 1fr;
    }

    .local-completionpage__course-grid {
        grid-template-columns: 1fr;
    }

    .local-completionpage__feedback-actions {
        justify-content: stretch;
    }

    .local-completionpage__feedback-actions .local-completionpage__btn {
        width: 100%;
    }

    .local-completionpage__section-head--split .local-completionpage__btn--browse {
        width: 100%;
    }

    .local-completionpage-course-banner__inner {
        flex-direction: column;
        align-items: stretch;
    }

    .local-completionpage-course-banner__btn {
        width: 100%;
    }
}

.local-copy-clipboard {
  position: fixed;
  right: 1rem;
  bottom: 1rem;
  z-index: 1040;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  max-width: min(560px, 100vw - 2rem);
  padding: 0.75rem;
  background: var(--bs-body-bg, #fff);
  color: var(--bs-body-color, #212529);
  border: 1px solid var(--bs-border-color, #dee2e6);
  border-radius: 0.75rem;
}

.local-copy-clipboard.local-copy-clipboard--with-sticky-footer {
  bottom: 5.25rem;
}

.local-copy-clipboard__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  flex: 0 0 2.5rem;
  border-radius: 0.5rem;
  background: var(--bs-tertiary-bg, #f2f4f7);
}

.local-copy-clipboard__content {
  min-width: 0;
  flex: 1 1 auto;
}

.local-copy-clipboard__content strong,
.local-copy-clipboard__content span {
  display: block;
}

.local-copy-clipboard__content span {
  margin-top: 0.1rem;
  font-size: 0.82rem;
  opacity: 0.72;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.local-copy-clipboard__actions {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  flex: 0 0 auto;
}

.local-copy-action .fa,
.local-copy-bulk-btn .fa {
  pointer-events: none;
}

@media (max-width: 575.98px) {
  .local-copy-clipboard {
    left: 1rem;
    right: 1rem;
    max-width: none;
    flex-wrap: wrap;
  }
  .local-copy-clipboard__actions {
    width: 100%;
    justify-content: flex-end;
  }
}

/*# sourceMappingURL=styles.css.map */

.local_course_checker__check {
    background-clip: padding-box;
}

.local_course_checker__check-successful {
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 55%, rgba(45, 153, 74, 1) 100%);
}

.local_course_checker__check-warning {
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 55%, rgba(224, 151, 6, 1) 100%);
}

.local_course_checker__check-failed,
.local_course_checker__check-error {
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 55%, rgba(183, 0, 5, 1) 100%);
}
.local-coursecalendar-shell {
    margin-top: 1rem;
    padding: 0.75rem 1rem;
    border-left: 4px solid #0f6cbf;
    background: #f8fbff;
}

.local-coursecalendar-card {
    margin: 1rem 0;
    padding: 1rem;
    border: 1px solid #d9e2ec;
    border-radius: 0.375rem;
    background: #fff;
}

.local-coursecalendar-inline-form {
    margin: 0.5rem 0 1rem;
    display: inline-block;
    margin-right: 0.5rem;
}

.local-coursecalendar-status {
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.local-coursecalendar-inline-controls {
    margin: 0.5rem 0 1rem;
}

.local-coursecalendar-grid-cell {
    min-width: 220px;
    vertical-align: top;
}

.local-coursecalendar-readonly-cell {
    min-height: 72px;
    padding: 0.25rem;
    font-weight: 600;
}

.local-coursecalendar-delete-column-form {
    margin: 0 0 0.25rem;
    text-align: right;
}

.local-coursecalendar-delete-column-btn {
    padding: 0 0.25rem;
    line-height: 1;
}

.local-coursecalendar-weekrow-actions {
    margin-top: 1rem;
}

.local-coursecalendar-weekrow-reminder {
    margin-bottom: 1rem;
}

.local-coursecalendar-topic-meta {
    margin-bottom: 0.5rem;
    font-size: 0.875rem;
    color: #5f6872;
}

.local-coursecalendar-checkbox-row {
    margin-bottom: 0.5rem;
    font-size: 0.875rem;
}

.local-coursecalendar-highlighted {
    /* stylelint-disable-next-line declaration-no-important */
    background-color: #fff3cd !important;
    border-left: 3px solid #ffc107;
}

.local-coursecalendar-vcentred {
    /* stylelint-disable-next-line declaration-no-important */
    vertical-align: middle !important;
}

.local-coursecalendar-blank-cell {
    /* stylelint-disable-next-line declaration-no-important */
    vertical-align: middle !important;
    text-align: center;
    color: #98a2b3;
    background-color: #f1f3f5;
    background-image:
        repeating-linear-gradient(
            135deg,
            rgba(152, 162, 179, 0.12),
            rgba(152, 162, 179, 0.12) 6px,
            rgba(152, 162, 179, 0) 6px,
            rgba(152, 162, 179, 0) 12px
        );
}

.local-coursecalendar-blank-label {
    font-size: 0.8rem;
    font-style: italic;
    font-weight: 500;
    color: #98a2b3;
}

.local-coursecalendar-cellheading {
    font-weight: 600;
    font-size: 0.8rem;
    color: #495057;
    border-bottom: 1px solid #dee2e6;
    padding-bottom: 0.25rem;
    margin-bottom: 0.375rem;
}

.local-coursecalendar-topic-display {
    padding: 0.375rem 0;
    font-weight: 500;
}

.local-coursecalendar-type-badge {
    display: inline-block;
    padding: 0.125rem 0.5rem;
    border-radius: 0.25rem;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    background: #6c757d;
    margin-right: 0.375rem;
    vertical-align: middle;
}

.local-coursecalendar-type-lecture {
    background: #0d6efd;
}

.local-coursecalendar-type-lab {
    background: #198754;
}

.local-coursecalendar-type-elesson {
    background: #6f42c1;
}

.local-coursecalendar-type-test {
    background: #dc3545;
}

.local-coursecalendar-type-homework {
    background: #fd7e14;
}

.local-coursecalendar-topic-preview {
    font-size: 0.8rem;
    color: #6c757d;
    margin-top: 0.25rem;
    max-height: 4.5rem;
    overflow: hidden;
}

.local-coursecalendar-text-preview {
    font-size: 0.85rem;
    color: #212529;
}

.local-coursecalendar-cell-editor {
    margin-top: 0.5rem;
    border-top: 1px dashed #dee2e6;
    padding-top: 0.375rem;
}

.local-coursecalendar-cell-editor > summary {
    padding: 0;
    font-size: 0.8rem;
}

.local-coursecalendar-muted-note {
    font-size: 0.8rem;
    color: #5f6872;
}

.local-coursecalendar-shared-topic-editor {
    margin-top: 0.75rem;
    padding-top: 0.75rem;
    border-top: 1px solid #f0c36d;
}

.local-coursecalendar-shared-topic-editor h6 {
    margin-bottom: 0.5rem;
    font-weight: 600;
}

.local-coursecalendar-shared-topic-warning {
    padding: 0.5rem 0.75rem;
    font-size: 0.85rem;
}

.local-coursecalendar-page-actions {
    margin-bottom: 1rem;
}

.local-coursecalendar-faint-actions {
    margin-top: 2rem;
    text-align: right;
}

.local-coursecalendar-faint-link,
.local-coursecalendar-faint-link:visited {
    color: #adb5bd;
    font-size: 0.75rem;
    text-decoration: none;
}

.local-coursecalendar-faint-link:hover,
.local-coursecalendar-faint-link:focus {
    color: #6c757d;
    text-decoration: underline;
}

.local-coursecalendar-preview-header {
    background-color: #e9ecef;
    font-weight: 600;
}

.local-coursecalendar-header-meta {
    font-size: 0.75rem;
    font-weight: 400;
    color: #6c757d;
    margin-top: 0.125rem;
}

.local-coursecalendar-preview .local-coursecalendar-topic-preview {
    max-height: none;
    overflow: visible;
}

.local-coursecalendar-toolbar {
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.local-coursecalendar-dragging {
    opacity: 0.5;
    outline: 2px dashed #0d6efd;
}

.local-coursecalendar-dragover {
    /* stylelint-disable-next-line declaration-no-important */
    background-color: #d1ecf1 !important;
    outline: 2px solid #0d6efd;
}

[data-cc-editable="1"] {
    cursor: grab;
}

[data-cc-editable="1"]:active {
    cursor: grabbing;
}

.local-coursecalendar-elesson-notice {
    display: inline-block;
    background: #6f42c1;
    color: #fff;
    padding: 0.125rem 0.5rem;
    border-radius: 0.25rem;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    margin-right: 0.25rem;
}

.local-coursecalendar-elesson-sub {
    display: block;
    font-size: 0.75rem;
    color: #6c757d;
    font-style: italic;
    margin-top: 0.125rem;
}

.local-coursecalendar-week-note {
    font-size: 0.75rem;
    color: #6c757d;
    font-style: italic;
    margin-top: 0.25rem;
}

.local-coursecalendar-today-cell {
    /* stylelint-disable-next-line declaration-no-important */
    background-color: #cfe2ff !important;
    /* stylelint-disable-next-line declaration-no-important */
    border: 2px solid #0d6efd !important;
}

.local-coursecalendar-nearest-row td,
.local-coursecalendar-nearest-row th {
    border-left: 3px solid #0d6efd;
}

.local-coursecalendar-course-intro {
    margin-bottom: 1.5rem;
    padding: 1rem;
    border: 1px solid #d9e2ec;
    border-radius: 0.375rem;
    background: #f8fbff;
}

.local-coursecalendar-course-intro h3 {
    margin-top: 0;
}

.local-coursecalendar-introtexts-grid,
.local-coursecalendar-course-intro-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 1rem;
}

.local-coursecalendar-introtext-panel,
.local-coursecalendar-course-intro-panel {
    min-width: 0;
}

.local-coursecalendar-introtexts-form .tox-tinymce {
    min-height: 320px;
}

.local-coursecalendar-grid .tox-tinymce {
    min-height: 220px;
}

.local-coursecalendar-coverage-found {
    color: #198754;
}

.local-coursecalendar-coverage-missing {
    color: #dc3545;
}

.local-coursecalendar-coverage-empty {
    color: #6c757d;
}

.local-coursecalendar-embed .local-coursecalendar-grid {
    margin: 0;
}

.local-coursecalendar-embed body {
    padding: 0.5rem;
}

.local-coursecalendar-pageheader {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.local-coursecalendar-pageheader h2,
.local-coursecalendar-pageheader .h2 {
    margin-bottom: 0;
}

.local-coursecalendar-showtour {
    align-self: flex-start;
    margin-top: 0.25rem;
    scroll-margin-top: 140px;
}

#local-coursecalendar-showtour {
    scroll-margin-top: 140px;
}

#local-coursecalendar-section-link,
#local-coursecalendar-section-linkcourse,
#local-coursecalendar-section-calendars,
#local-coursecalendar-section-blueprints,
#local-coursecalendar-section-topics {
    scroll-margin-top: 120px;
}

body.local-coursecalendar-tour-active {
    scroll-padding-top: 160px;
}

body.local-coursecalendar-tour-active #page-content,
body.local-coursecalendar-tour-active .local-coursecalendar-pageheader {
    scroll-margin-top: 160px;
}

body.local-coursecalendar-tour-active .local-coursecalendar-pageheader {
    margin-top: 6rem;
}

.local-coursecalendar-intro {
    margin: 0.75rem 0 1rem;
}

.local-coursecalendar-intro p:last-child {
    margin-bottom: 0;
}

.local-coursecalendar-setup-summary {
    margin: 1rem 0 1.5rem;
}

.local-coursecalendar-status-heading {
    margin: 0 0 0.5rem;
    color: #495057;
    font-size: 0.95rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.local-coursecalendar-status-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.local-coursecalendar-status-card {
    padding: 0.85rem 1rem;
    border: 1px solid #d9e2ec;
    border-radius: 0.375rem;
    background: #fff;
}

.local-coursecalendar-status-label,
.local-coursecalendar-status-value {
    display: block;
}

.local-coursecalendar-status-label {
    margin-bottom: 0.25rem;
    color: #5f6872;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.local-coursecalendar-status-value {
    font-weight: 600;
}

.local-coursecalendar-nextstep-card {
    margin: 1rem 0 1.5rem;
    padding: 1.25rem;
    border: 1px solid #b6d4fe;
    border-left: 4px solid #0f6cbf;
    border-radius: 0.375rem;
    background: #f8fbff;
}

.local-coursecalendar-nextstep-card--complete {
    padding: 1rem;
    border-color: #d9e2ec;
    border-left-color: #6c757d;
    background: #fff;
}

.local-coursecalendar-nextstep-label {
    margin-bottom: 0.35rem;
    color: #0f6cbf;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.local-coursecalendar-nextstep-card--complete .local-coursecalendar-nextstep-label {
    color: #5f6872;
}

.local-coursecalendar-nextstep-title {
    margin: 0 0 0.5rem;
    font-size: 1.25rem;
}

.local-coursecalendar-nextstep-card--complete .local-coursecalendar-nextstep-title {
    font-size: 1.1rem;
}

.local-coursecalendar-nextstep-body {
    max-width: 48rem;
    margin-bottom: 1rem;
}

.local-coursecalendar-nextstep-card--complete .local-coursecalendar-nextstep-body {
    margin-bottom: 0.75rem;
}

.local-coursecalendar-recommendation-reason {
    margin: -0.25rem 0 0.75rem;
    color: #5f6872;
    font-size: 0.85rem;
}

.local-coursecalendar-nextstep-action {
    font-weight: 600;
}

.local-coursecalendar-section-title {
    margin-top: 1.5rem;
    margin-bottom: 0.5rem;
}

.local-coursecalendar-create-blueprint {
    padding: 0;
    overflow: hidden;
}

.local-coursecalendar-disclosure-summary {
    list-style: none;
    cursor: pointer;
    padding: 0.75rem 1rem;
    font-weight: 600;
    user-select: none;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.local-coursecalendar-disclosure-summary::-webkit-details-marker {
    display: none;
}

.local-coursecalendar-disclosure-summary::before {
    content: "+";
    display: inline-block;
    width: 1rem;
    font-weight: 700;
    color: #0f6cbf;
    transition: transform 0.15s ease;
}

details[open] > .local-coursecalendar-disclosure-summary::before {
    content: "−";
}

.local-coursecalendar-disclosure-summary--primary {
    background: #f8fbff;
    color: #0f6cbf;
}

.local-coursecalendar-disclosure-summary--primary:hover,
.local-coursecalendar-disclosure-summary--primary:focus {
    background: #eef5fd;
    outline: none;
}

.local-coursecalendar-disclosure-body {
    padding: 1rem;
    border-top: 1px solid #d9e2ec;
    background: #fff;
}

.local-coursecalendar-blueprint-list {
    list-style: none;
    padding: 0;
    margin: 1rem 0;
    border: 1px solid #d9e2ec;
    border-radius: 0.375rem;
    background: #fff;
}

.local-coursecalendar-linked-blueprint-row {
    margin: 1rem 0;
    padding: 0.75rem 1rem;
    border: 1px solid #d9e2ec;
    border-radius: 0.375rem;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.local-coursecalendar-row-action-form {
    margin: 0;
    flex: 0 0 auto;
}

.local-coursecalendar-blueprint-item + .local-coursecalendar-blueprint-item {
    border-top: 1px solid #e5eaf0;
}

.local-coursecalendar-blueprint-details {
    width: 100%;
}

.local-coursecalendar-blueprint-summary {
    list-style: none;
    cursor: pointer;
    padding: 0.75rem 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    user-select: none;
}

.local-coursecalendar-blueprint-summary::-webkit-details-marker {
    display: none;
}

.local-coursecalendar-blueprint-summary:hover,
.local-coursecalendar-blueprint-summary:focus {
    background: #f8fbff;
    outline: none;
}

.local-coursecalendar-blueprint-summary-main {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
    flex: 1 1 auto;
    min-width: 0;
}

.local-coursecalendar-blueprint-name {
    font-weight: 600;
}

.local-coursecalendar-blueprint-shortcode {
    font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;
    font-size: 0.8rem;
    color: #5f6872;
    padding: 0.1rem 0.4rem;
    background: #f1f3f5;
    border-radius: 0.25rem;
}

.local-coursecalendar-badge {
    display: inline-block;
    padding: 0.125rem 0.5rem;
    border-radius: 0.25rem;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

.local-coursecalendar-badge--active {
    color: #0f5132;
    background: #d1e7dd;
}

.local-coursecalendar-badge--archived {
    color: #6c757d;
    background: #e9ecef;
}

.local-coursecalendar-badge--recommended {
    color: #084298;
    background: #cfe2ff;
}

.local-coursecalendar-edit-indicator {
    flex: 0 0 auto;
    pointer-events: none;
}

details[open] > .local-coursecalendar-blueprint-summary {
    background: #f8fbff;
    border-bottom: 1px solid #e5eaf0;
}

details[open] > .local-coursecalendar-blueprint-summary .local-coursecalendar-edit-indicator {
    display: none;
}

.local-coursecalendar-open-builder {
    flex: 0 0 auto;
    margin-right: 0.5rem;
    font-weight: 600;
    white-space: nowrap;
}

.local-coursecalendar-open-builder:hover,
.local-coursecalendar-open-builder:focus {
    text-decoration: none;
}

.local-coursecalendar-drag-handle {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.25rem;
    min-height: 1.75rem;
    margin-right: 0.25rem;
    color: #8b95a6;
    cursor: grab;
    user-select: none;
    font-size: 1rem;
    line-height: 1;
    letter-spacing: -0.15rem;
}

.local-coursecalendar-drag-handle:hover {
    color: #0d6efd;
}

.local-coursecalendar-topic-item {
    transition: background-color 120ms ease;
}

.local-coursecalendar-topic-item.sortable-list-is-dragged {
    opacity: 0.7;
    background: #eef4ff;
}

.local-coursecalendar-topic-item.sortable-list-target-position {
    outline: 2px dashed #0d6efd;
    outline-offset: -2px;
}

.local-coursecalendar-list-saving {
    position: relative;
    pointer-events: none;
    opacity: 0.7;
}

.local-coursecalendar-list-saving::after {
    content: "";
    position: absolute;
    inset: 0;
    border: 2px solid transparent;
    border-top-color: #0d6efd;
    border-radius: 0.5rem;
    animation: local-coursecalendar-spin 0.9s linear infinite;
    pointer-events: none;
    width: 1.25rem;
    height: 1.25rem;
    top: 0.5rem;
    right: 0.5rem;
    left: auto;
    bottom: auto;
}

@keyframes local-coursecalendar-spin {
    to {
        transform: rotate(360deg);
    }
}

#page-admin-local-custompage-edit .container-pagedetails {
    text-align: center;
    justify-content: center;
    align-items: center;
    padding: 20px;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

#page-admin-local-custompage-edit .container-pagedetails h1 {
    color: #333;
    font-size: 24px;
    margin-bottom: 10px;
}
#page-admin-local-custompage-edit .container-pagedetails h2 {
    color: #666;
    font-size: 18px;
}

#page-admin-local-custompage-edit .custompage-page-container {
    flex: 1 1 auto !important;
}

/* Toggle cards. */
#page-admin-local-custompage-edit .custompage-toggle-card .card-header {
    border-bottom: none;
}
#page-admin-local-custompage-edit .custompage-toggle-card .card-body {
    border-top: 1px solid rgba(0, 0, 0, 0.125);
}
#page-admin-local-custompage-edit .custompage-toggle-card .toggle-card-button i.toggle-card-icon {
    color: #6a737b;
    font-size: 1.5em;
    font-weight: 700;
}
#page-admin-local-custompage-edit .custompage-toggle-card .toggle-card-button .collapsed-icon-container {
    display: none;
}
#page-admin-local-custompage-edit .custompage-toggle-card .toggle-card-button .expanded-icon-container {
    display: inline-block;
}
#page-admin-local-custompage-edit .custompage-toggle-card .toggle-card-button.collapsed .collapsed-icon-container {
    display: inline-block;
}
#page-admin-local-custompage-edit .custompage-toggle-card .toggle-card-button.collapsed .expanded-icon-container {
    display: none;
}

#page-admin-local-custompage-edit .container.page-region-content {
  border-radius: 10px;
  border: 1px solid #afa7a7;
  padding: 25px;
  margin-top: 25px;
}

#page-admin-local-custompage-edit .container.page-right-content {
  border-radius: 10px;
  border: 1px solid #afa7a7;
  padding: 25px;
  margin-top: 25px;
}

#page-admin-local-custompage-edit .alert-secondary {
  background-color: #e7e7e7;
}

/* Modern, Boost-compatible administration interface; no JS dependencies. */
.du-wrap { --du-line:#e5e7eb; --du-text:#263244; --du-muted:#64748b; color:var(--du-text); max-width:1320px; margin:0 auto 3rem; }
.du-hero { margin:0 0 1.4rem; padding:1.3rem 0 .3rem; }
.du-eyebrow { color:#64748b; font-weight:700; font-size:.7rem; letter-spacing:.14em; margin-bottom:.45rem; }
.du-title { font-size:clamp(1.65rem,2.7vw,2.2rem); font-weight:720; letter-spacing:-.03em; margin:0 0 .3rem; }
.du-subtitle { color:#64748b; font-size:.99rem; margin:0; }
.du-metrics { display:grid; grid-template-columns:repeat(2,minmax(130px,230px)); gap:1rem; margin:1.15rem 0; }
.du-metric { border:1px solid var(--du-line); border-radius:16px; padding:1rem 1.3rem; background:var(--bs-body-bg,#fff); box-shadow:0 3px 14px rgba(17,24,39,.035); }
.du-metriclabel { display:block; font-size:.82rem; color:var(--du-muted); margin-bottom:.2rem; }
.du-metricvalue { font-size:1.75rem; line-height:1.2; font-weight:750; font-variant-numeric:tabular-nums; }
.du-notice { margin:1rem 0; padding:1rem 1.15rem; border:1px solid; border-radius:12px; font-size:.9rem; line-height:1.55; }
.du-notice-info { background:#f4f8fd; border-color:#dceaf8; color:#24445e; }
.du-notice-danger { background:#fff5f5; border-color:#f7cece; color:#842525; }
.du-panel { border:1px solid var(--du-line); border-radius:18px; background:var(--bs-body-bg,#fff); overflow:hidden; box-shadow:0 5px 18px rgba(15,23,42,.035); }
.du-panelheading { font-size:1.16rem; font-weight:730; letter-spacing:-.01em; }
.du-toolbar { display:flex; justify-content:space-between; flex-wrap:wrap; gap:1rem; align-items:center; padding:1.25rem; }
.du-search { display:flex; gap:.5rem; flex-wrap:wrap; align-items:center; }
.du-search input { width:clamp(220px,30vw,370px); }
.du-table-scroll { width:100%; overflow-x:auto; }
.du-table { width:100%; margin:0; border-collapse:collapse; white-space:normal; }
.du-table thead th { padding:.9rem 1rem; background:#f8fafc; color:#69768a; font-size:.75rem; font-weight:700; text-transform:uppercase; letter-spacing:.04em; border-top:1px solid var(--du-line); border-bottom:1px solid var(--du-line); }
.du-table tbody td { padding:.85rem 1rem; font-size:.86rem; vertical-align:middle; border-bottom:1px solid #eff1f5; }
.du-table tbody tr:last-child td { border-bottom:0; }
.du-avatar { display:inline-flex; vertical-align:middle; justify-content:center; align-items:center; margin-right:.6rem; min-width:35px; height:35px; border-radius:50%; background:#e6eaf2; color:#344b66; font-weight:700; font-size:.77rem; }
.du-name { font-weight:670; }
.du-username { overflow-wrap:anywhere; max-width:250px; color:#58697f; font-size:.82rem !important; }
.du-muted { color:var(--du-muted); }
.du-actions { white-space:nowrap; }
.du-actions .btn { margin:.1rem .25rem .1rem 0; border-radius:9px; }
.du-empty { padding:3rem 1.25rem; text-align:center; color:var(--du-muted); }
.du-pager { padding:1rem; }
.du-back { display:inline-block; margin:.15rem 0 1rem; font-weight:650; text-decoration:none; }
.du-detail { max-width:790px; padding:1.45rem; }
.du-detail .du-panelheading { font-size:1.34rem; margin-bottom:1rem; }
.du-smallhint { color:var(--du-muted); font-size:.85rem; }
.du-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.25rem; margin:1.4rem 0; }
.du-field { min-width:0; max-width:100%; }
.du-field label { display:block; font-size:.86rem; font-weight:670; margin-bottom:.45rem; }
.du-field .form-control,.du-field .form-select { width:100%; min-height:42px; border-radius:9px; }
.du-wide { grid-column:1/-1; }
.du-help { color:var(--du-muted); margin:.55rem 0 0; font-size:.82rem; line-height:1.5; }
.du-footer { display:flex; gap:.65rem; flex-wrap:wrap; align-items:center; margin:1.5rem 0 .1rem; }
.du-footer .btn { border-radius:9px; min-height:40px; padding:.5rem 1rem; }
.du-identity { font-size:1.04rem; font-weight:650; }
.du-references { max-height:220px; overflow:auto; padding:1rem 1rem 1rem 2.3rem; border:1px solid var(--du-line); border-radius:10px; background:#f8fafc; font-family:ui-monospace,Consolas,monospace; }
@media(max-width:760px) { .du-toolbar { align-items:stretch; } .du-search,.du-search input { width:100%; } .du-fields { grid-template-columns:1fr; } .du-detail { padding:1rem; } .du-table { min-width:880px; } }

/**
 * Styles for local_devtools.
 */

.local-devtools-container .dropdown-menu {
    width: 350px;
    max-width: calc(100vw - 20px);
    overflow: visible;
}

.local-devtools-container select#local-devtools-task-select {
    width: 100%;
    max-width: 100%;
    text-overflow: ellipsis;
}

.local-devtools-container .spinner.hidden {
    display: none;
}

.local-devtools-container .dropdown-item.disabled {
    opacity: 0.5;
}

.local-devtools-container select#local-devtools-task-select {
    cursor: pointer;
}

.local-devtools-container .form-autocomplete-selection {
    width: 100%;
}

.local-devtools-container .form-autocomplete-wrapper,
.local-devtools-container .local-devtools-task-picker {
    position: relative;
}

.local-devtools-container .local-devtools-task-select-wrap,
.local-devtools-container .local-devtools-debug-switch-wrap,
.local-devtools-container .local-devtools-run-task-wrap {
    display: block;
    width: 100%;
}

.local-devtools-container .local-devtools-debug-switch-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.local-devtools-container .local-devtools-debug-switch-wrap .input-group {
    width: auto;
    align-items: center;
}

.local-devtools-container .local-devtools-debug-switch {
    cursor: pointer;
}

.local-devtools-container .local-devtools-run-task-wrap {
    margin-top: 0.75rem;
}

.local-devtools-container .local-devtools-run-task {
    display: block;
    width: 100%;
}

.local-devtools-container .form-autocomplete-selection .form-autocomplete-downarrow,
.local-devtools-container .form-autocomplete-selection input.form-control {
    cursor: pointer;
}

.local-devtools-container .form-autocomplete-selection + .form-autocomplete-suggestions,
.local-devtools-container .form-autocomplete-suggestions {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 1060;
    max-height: 16rem;
    overflow-y: auto;
}

.local-devtools-container .local-devtools-footer {
    margin-top: 0.25rem;
    text-align: right;
}

.local-devtools-container .local-devtools-footer-meta {
    color: #555f6b;
    font-size: 0.65rem;
    font-weight: 500;
    letter-spacing: 0.01em;
}

.path-local-downloadcenter .mform .card.block  .row.fitem .col-md-3.col-form-label,
.path-local-downloadcenter .mform  #id_downloadoptionscontainer .row.fitem .col-md-3.col-form-label,
.path-local-downloadcenter form fieldset > div > div.fitem.femptylabel {
    display: none;
}

.path-local-downloadcenter form .warningmessage {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 10px;
}
.path-local-downloadcenter .include_setting,
.path-local-downloadcenter .grouped_settings .normal_setting {
    display: inline-block;
}

.path-local-downloadcenter .mform .grouped_settings {
    overflow: hidden;
}

.path-local-downloadcenter .mform .block {
    padding-top: 5px;
    padding-left: 1rem;
}


.path-local-downloadcenter .core_progress_display_if_slow {
    width: 500px;
}

.path-local-downloadcenter #mform2 #fitem_id_submitbutton {
    background: none;
    border: 0;
    margin: 0;
    padding: 0;
}


.path-local-downloadcenter form .itemtitle {
    font-weight: normal;
}

.path-local-downloadcenter form .block .fitem label .sectiontitle,
.path-local-downloadcenter form .block .fitem .fitemtitle label .sectiontitle,
.path-local-downloadcenter form .itemtitle span {
    max-width: 95%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    white-space: nowrap;
}

.path-local-downloadcenter form .block .fitem label .sectiontitlebadge {
    position: relative;
    top: -0.2rem;
}
.path-local-downloadcenter form .itemtitle span,
.path-local-downloadcenter form .block .fitem label .sectiontitle {
    vertical-align: text-bottom;
}

.path-local-downloadcenter form .activityicon {
    width: 16px;
    height: 16px;
    margin-top: -7px;
}

.path-local-downloadcenter form #mod_select_links .activityicon {
    margin-top: 0;
    margin-right: 0.5rem;
}


.path-local-downloadcenter .mform .grouped_settings .fitem div.fitemtitle {
    padding-top: 0;
}

.path-local-downloadcenter #mod_select_links {
    overflow: hidden;
}

/* boost fixes */

.path-local-downloadcenter #region-main .card-body .card.block .col-md-3 {
    display: none;
}


.path-local-downloadcenter #region-main .card-body .card.block {
    margin-bottom: 0.5rem;
}

.path-local-downloadcenter #region-main .card.block {
    background-color: #f5f5f5;
}

.path-local-downloadcenter #region-main .card.block.subsection {
    background-color: #fff;
}

.path-local-downloadcenter #region-main .card.block.grouped_settings {
    background-color: #fff;
}

.path-local-downloadcenter #region-main .card.block .row.fitem.downloadcenter_selector label span,
.path-local-downloadcenter #region-main .card.block .row.fitem:first-child label span,
.path-local-downloadcenter #region-main .card.block .row.fitem:first-child label,
.path-local-downloadcenter #region-main .card.block .row.fitem:first-child {
    font-weight: bold;
}

.path-local-downloadcenter #region-main .card.block .row.fitem {
    margin-top: 0 !important; /* stylelint-disable-line declaration-no-important */
    margin-bottom: 0 !important; /* stylelint-disable-line declaration-no-important */
}

/* delete first empty row used in hack :) */
.path-local-downloadcenter #region-main .card-body .mform .warningmessage + .fitem {
    display: none;
}


/* boost fixes end */

.path-local-downloadcenter .mform .row label {
    width: 100%;
}

.path-local-downloadcenter .mform #id_downloadoptionscontainer .row label {
    width: auto;
}

.path-local-downloadcenter .mform .row.downloadcenter_selector label {
    margin-right: 10px;
    width: auto;
}

.path-local-downloadcenter .mform .row.downloadcenter_selector {
    margin-top: 0 !important; /* stylelint-disable-line declaration-no-important */
    margin-bottom: 0 !important; /* stylelint-disable-line declaration-no-important */
}

.path-local-downloadcenter #region-main .mform #id_downloadoptionscontainer .row.fitem.row .col-md-9.checkbox,
.path-local-downloadcenter #region-main .mform .card.block.grouped_settings .row.fitem.row .col-md-9,
.path-local-downloadcenter #region-main .mform .card.block .row.fitem.row .col-md-9.checkbox {
    max-width: 100%;
    flex: 0 0 100%;
}

@media (min-width: 1475px) {
    .path-local-downloadcenter form .fitemtitle {
        float: none;
    }

    .path-local-downloadcenter form .itemtitle span {
        max-width: 95%;
    }
}

@media (max-width: 1475px) {
    .path-local-downloadcenter form .fitemtitle {
        float: none;
    }

    .path-local-downloadcenter form .itemtitle span {
        max-width: 90%;
    }

}

@media (max-width: 1229px) {
    .path-local-downloadcenter form .itemtitle span {
        max-width: 85%;
    }
}


@media (max-width: 499px) {
    .path-local-downloadcenter form .itemtitle span {
        max-width: 78%;
    }


}

@media (max-width: 319px) {
    .path-local-downloadcenter form .itemtitle span {
        max-width: 100px;
    }


}

.path-local-downloadcenter form #id_downloadoptionscontainer {
    padding-left: 1rem;
    padding-right: 1rem;
}

.path-local-downloadcenter #region-main #downloadcenter-search-clear {
    z-index: 10;
    width: 2.8rem;
    margin-left: -2.8rem;
    padding-top: 0.7rem;
    border-radius: 0;
}
.path-local-multiple_enrollments #assignform select,
input {
	font: normal 12px Arial;
	padding: 3px;
}

.path-local-multiple_enrollments #assignform div {
	font: bold 12px Arial;
	padding: 1px;
}

.path-local-multiple_enrollments #assignform div.label {
	font: normal 12px Arial;
	padding: 1px;
}

.path-local-multiple_enrollments .success_msg {
	float: center;
	width: 100%;
	text-align: center;
	color: #19722C;
}

.path-local-multiple_enrollments .label_div {
	float: left;
	width: 20%;
}

.path-local-multiple_enrollments.dir-rtl .label_div {
	float: right;
}

.path-local-multiple_enrollments .control_div {
	float: left;
	width: 79%;
}

.path-local-multiple_enrollments.dir-rtl .control_div {
	float: right;
}

.path-local-multiple_enrollments .enrol_option_div {
	clear: both;
	padding-top: 20px;
	border: 0px solid red;
}

.path-local-multiple_enrollments .loading {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 18;
	color: #FF0000;
	padding-bottom: 5px;
}

.path-local-multiple_enrollments #displaytype {
	margin-top: 5px;
	width: 100%;
	float: left;
	padding-bottom: 5px;
}

.path-local-multiple_enrollments .option_label {
	float: left;
	font-weight: normal;
	margin-right: 10px;
}

.path-local-multiple_enrollments .coursesection {
	float: left;
	width: 40%;
}

.path-local-multiple_enrollments .usersection {
	float: left;
	width: 39%;
}

.path-local-multiple_enrollments .assignedcourse {
	float: left;
	width: 48%;
}

.path-local-multiple_enrollments .potentialcourse {
	float: left;
	width: 48%;
}

.path-local-multiple_enrollments .separator {
	clear: both;
	height: 15px;
}

.path-local-multiple_enrollments .fulldiv {
	clear: both;
	width: 100%
}

/* Do not display the reset user tour icon if a user has disabled Javascript in his browser. */
body:not(.jsenabled) #localnavbarplus-resetusertour {
    display: none;
}

/* Grid layout for custom page items */
.custompages-item {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 16px;
}

/* Base styles for custom page cards */
.custompages-card-body {
    border: 1px solid #e0e0e0;
    border-bottom-width: 3px;
    /* Emphasized bottom border */
    padding: 16px;
    transition: opacity 0.2s ease-in-out;
    /* Smooth transition for hover effects */
}

/* Modifier for draft status cards */
.custompages-card-body--draft {
    border-width: 2px;
    /* Consistent border width */
    border-style: dashed;
}

/* Modifier for archived status cards */
.custompages-card-body--archived {
    border-width: 2px;
    /* Consistent border width */
    border-style: dashed;
    border-color: #e0e0e0;
    /* Ensure border color consistency */
    opacity: 0.7;
}

.custompages-card-body--archived:hover {
    opacity: 1;
    /* Increase visibility on hover */
}

/* Dark theme adjustments for card borders */
/* Note: This rule might be redundant if the base dark theme border color is already #e0e0e0 */
.theme-dark .custompages-card-body {
    border-color: #e0e0e0;
}

/* Styles for the title within a card */
.custompages-title {
    margin: 16px 0;
    font-size: 16px;
}

/* Button group layout within cards */
.custompages-btn-group {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    /* Spacing between buttons */
}

/* Ensure buttons within the group stack nicely */
.custompages-btn-group .btn {
    flex-grow: 1;
    /* Allow buttons to grow */
    /* display: block; width: 100%; might be too restrictive depending on desired layout */
}

/* Common styles for page status badges (applied via ::before on heading) */
.local-page-status-draft h1.page-header-headings::before,
.local-page-status-live h1.page-header-headings::before,
.local-page-status-archived h1.page-header-headings::before {
    display: inline-block;
    /* Display as an inline block element */
    margin-bottom: 10px;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: bold;
    color: #515151;
    /* Consider using theme text color variables */
    position: absolute;
    /* Position relative to the heading's container */
    top: -40px;
    /* Adjust positioning as needed */
    /* Ensure the parent element has position: relative if needed */
}

/* Specific styles for 'Live' status badge */
.local-page-status-live h1.page-header-headings::before {
    content: "Live";
    background-color: #bfe7bf;
    /* Consider theme success color */
}

/* Specific styles for 'Draft' status badge */
.local-page-status-draft h1.page-header-headings::before {
    content: "Draft";
    background-color: moccasin;
    /* Consider theme warning/info color */
}

/* Specific styles for 'Archived' status badge */
.local-page-status-archived h1.page-header-headings::before {
    content: "Archived";
    background-color: #e7baba;
    /* Consider theme muted/error color */
}

/* Styles for the small label above the URL */
.custompages-title-badge-label {
    display: block;
    /* Ensure it takes its own line */
    font-size: 11px;
    padding: 2px 6px;
    margin: 0;
    background-color: #f0f0f0;
    /* Consider theme UI background color */
    border-radius: 4px 4px 0 0;
    /* Rounded top corners */
}

/* Styles for displaying the custom page URL */
.custompage-url {
    display: block;
    /* Ensure it takes its own line */
    font-size: 12px;
    color: #888;
    /* Consider theme muted text color */
    background-color: #f0f0f0;
    /* Match the label background */
    padding: 5px;
    border-radius: 0 4px 4px 4px;
    /* Rounded bottom/right corners */
    white-space: normal;
    /* Allow wrapping */
    overflow-wrap: break-word;
    /* Break long URLs */
    word-break: break-all;
    /* Ensure breaks even without spaces */
}

/* Dark theme adjustments for badge label and URL background */
.theme-dark .custompages-title-badge-label,
.theme-dark .custompage-url {
    background-color: #2b2c31;
    /* Consider dark theme UI background variable */
    color: #ccc;
    /* Adjust text color for dark background if needed */
}

/* Styles for a potentially sticky footer element */
.custompages-footer {
    position: sticky;
    bottom: 30px;
    /* Stick 30px from the bottom */
    width: 100%;
    z-index: 10;
    /* Ensure it stays above other content if needed */
}

/* Styles for the page name input field (likely on an edit form) */
/* Using IDs for styling is generally discouraged; prefer classes if possible. */
#id_pagename {
    font-size: 1.5rem;
    /* Larger font size for emphasis */
    font-weight: 700;
    /* Bold weight */
}
#page-local-pg-support .mform [data-groupname=name-email] .d-flex .fitem {
    -webkit-flex: 1 0 48%;
    -ms-flex: 1 0 48%;
    flex: 1 0 48%;
}

.path-local-pg.page-404 {
    
}

.path-local-pg.page-404 div.background-404 {
    position: absolute;
    top: 0%;
    left: 0%;
    height: 100%;
    width: 100%;
    margin: 0;
    overflow: hidden;
}

.path-local-pg.page-404 .wrap-404 {
    padding: 55% 0 0 0;
    width: 100%;
    height: min-content;
    position: relative;
}

.path-local-pg.page-404 h2 {
    position: absolute;
    top: 50%;
    left: 50%;
    width: max-content;
    padding: 45% 0 0 0;
    font-size: 7vw;
    text-transform: uppercase;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: block;
    color: #12000a;
    font-weight: 300;
    font-family: Audiowide;
    text-shadow: 0 0 4px #12000a;
    -webkit-animation: fadeInText 3s ease-in 3.5s forwards, flicker4 5s linear 7.5s infinite, hueRotate 6s ease-in-out 3s infinite;
    animation: fadeInText 3s ease-in 3.5s forwards, flicker4 5s linear 7.5s infinite, hueRotate 6s ease-in-out 3s infinite;
}

.path-local-pg.page-404 #svgWrap_1,
.path-local-pg.page-404 #svgWrap_2 {
    position: absolute;
    height: auto;
    width: 600px;
    max-width: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.path-local-pg.page-404 #svgWrap_1,
.path-local-pg.page-404 #svgWrap_2,
.path-local-pg.page-404 div.background-404 {
    -webkit-animation: hueRotate 6s ease-in-out 3s infinite;
    animation: hueRotate 6s ease-in-out 3s infinite;
}

.path-local-pg.page-404 #id1_1,
.path-local-pg.page-404 #id2_1,
.path-local-pg.page-404 #id3_1 {
    stroke: #ff005d;
    stroke-width: 3px;
    fill: transparent;
    -webkit-filter: url(#glow);
    filter: url(#glow);
}

.path-local-pg.page-404 #id1_2,
.path-local-pg.page-404 #id2_2,
.path-local-pg.page-404 #id3_2 {
    stroke: #12000a;
    stroke-width: 3px;
    fill: transparent;
    -webkit-filter: url(#glow);
    filter: url(#glow);
}

.path-local-pg.page-404 #id3_1 {
    stroke-dasharray: 940px;
    stroke-dashoffset: -940px;
    -webkit-animation: drawLine3 2.5s ease-in-out 0s forwards, flicker3 4s linear 4s infinite;
    animation: drawLine3 2.5s ease-in-out 0s forwards, flicker3 4s linear 4s infinite;
}

.path-local-pg.page-404 #id2_1 {
    stroke-dasharray: 735px;
    stroke-dashoffset: -735px;
    -webkit-animation: drawLine2 2.5s ease-in-out 0.5s forwards, flicker2 4s linear 4.5s infinite;
    animation: drawLine2 2.5s ease-in-out 0.5s forwards, flicker2 4s linear 4.5s infinite;
}

.path-local-pg.page-404 #id1_1 {
    stroke-dasharray: 940px;
    stroke-dashoffset: -940px;
    -webkit-animation: drawLine1 2.5s ease-in-out 1s forwards, flicker1 4s linear 5s infinite;
    animation: drawLine1 2.5s ease-in-out 1s forwards, flicker1 4s linear 5s infinite;
}

@-webkit-keyframes drawLine1 {
    0% {
        stroke-dashoffset: -940px;
    }

    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes drawLine1 {
    0% {
        stroke-dashoffset: -940px;
    }

    100% {
        stroke-dashoffset: 0;
    }
}

@-webkit-keyframes drawLine2 {
    0% {
        stroke-dashoffset: -735px;
    }

    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes drawLine2 {
    0% {
        stroke-dashoffset: -735px;
    }

    100% {
        stroke-dashoffset: 0;
    }
}

@-webkit-keyframes drawLine3 {
    0% {
        stroke-dashoffset: -940px;
    }

    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes drawLine3 {
    0% {
        stroke-dashoffset: -940px;
    }

    100% {
        stroke-dashoffset: 0;
    }
}

@-webkit-keyframes flicker1 {
    0% {
        stroke: #ff005d;
    }

    1% {
        stroke: transparent;
    }

    3% {
        stroke: transparent;
    }

    4% {
        stroke: #ff005d;
    }

    6% {
        stroke: #ff005d;
    }

    7% {
        stroke: transparent;
    }

    13% {
        stroke: transparent;
    }

    14% {
        stroke: #ff005d;
    }

    100% {
        stroke: #ff005d;
    }
}

@keyframes flicker1 {
    0% {
        stroke: #ff005d;
    }

    1% {
        stroke: transparent;
    }

    3% {
        stroke: transparent;
    }

    4% {
        stroke: #ff005d;
    }

    6% {
        stroke: #ff005d;
    }

    7% {
        stroke: transparent;
    }

    13% {
        stroke: transparent;
    }

    14% {
        stroke: #ff005d;
    }

    100% {
        stroke: #ff005d;
    }
}

@-webkit-keyframes flicker2 {
    0% {
        stroke: #ff005d;
    }

    50% {
        stroke: #ff005d;
    }

    51% {
        stroke: transparent;
    }

    61% {
        stroke: transparent;
    }

    62% {
        stroke: #ff005d;
    }

    100% {
        stroke: #ff005d;
    }
}

@keyframes flicker2 {
    0% {
        stroke: #ff005d;
    }

    50% {
        stroke: #ff005d;
    }

    51% {
        stroke: transparent;
    }

    61% {
        stroke: transparent;
    }

    62% {
        stroke: #ff005d;
    }

    100% {
        stroke: #ff005d;
    }
}

@-webkit-keyframes flicker3 {
    0% {
        stroke: #ff005d;
    }

    1% {
        stroke: transparent;
    }

    10% {
        stroke: transparent;
    }

    11% {
        stroke: #ff005d;
    }

    40% {
        stroke: #ff005d;
    }

    41% {
        stroke: transparent;
    }

    45% {
        stroke: transparent;
    }

    46% {
        stroke: #ff005d;
    }

    100% {
        stroke: #ff005d;
    }
}

@keyframes flicker3 {
    0% {
        stroke: #ff005d;
    }

    1% {
        stroke: transparent;
    }

    10% {
        stroke: transparent;
    }

    11% {
        stroke: #ff005d;
    }

    40% {
        stroke: #ff005d;
    }

    41% {
        stroke: transparent;
    }

    45% {
        stroke: transparent;
    }

    46% {
        stroke: #ff005d;
    }

    100% {
        stroke: #ff005d;
    }
}

@-webkit-keyframes flicker4 {
    0% {
        color: #ff005d;
        text-shadow: 0 0 4px #ff005d;
    }

    30% {
        color: #ff005d;
        text-shadow: 0 0 4px #ff005d;
    }

    31% {
        color: #12000a;
        text-shadow: 0 0 4px #12000a;
    }

    32% {
        color: #ff005d;
        text-shadow: 0 0 4px #ff005d;
    }

    36% {
        color: #ff005d;
        text-shadow: 0 0 4px #ff005d;
    }

    37% {
        color: #12000a;
        text-shadow: 0 0 4px #12000a;
    }

    41% {
        color: #12000a;
        text-shadow: 0 0 4px #12000a;
    }

    42% {
        color: #ff005d;
        text-shadow: 0 0 4px #ff005d;
    }

    85% {
        color: #ff005d;
        text-shadow: 0 0 4px #ff005d;
    }

    86% {
        color: #12000a;
        text-shadow: 0 0 4px #12000a;
    }

    95% {
        color: #12000a;
        text-shadow: 0 0 4px #12000a;
    }

    96% {
        color: #ff005d;
        text-shadow: 0 0 4px #ff005d;
    }

    100% {
        color: #ff005d;
        text-shadow: 0 0 4px #ff005d;
    }
}

@keyframes flicker4 {
    0% {
        color: #ff005d;
        text-shadow: 0 0 4px #ff005d;
    }

    30% {
        color: #ff005d;
        text-shadow: 0 0 4px #ff005d;
    }

    31% {
        color: #12000a;
        text-shadow: 0 0 4px #12000a;
    }

    32% {
        color: #ff005d;
        text-shadow: 0 0 4px #ff005d;
    }

    36% {
        color: #ff005d;
        text-shadow: 0 0 4px #ff005d;
    }

    37% {
        color: #12000a;
        text-shadow: 0 0 4px #12000a;
    }

    41% {
        color: #12000a;
        text-shadow: 0 0 4px #12000a;
    }

    42% {
        color: #ff005d;
        text-shadow: 0 0 4px #ff005d;
    }

    85% {
        color: #ff005d;
        text-shadow: 0 0 4px #ff005d;
    }

    86% {
        color: #12000a;
        text-shadow: 0 0 4px #12000a;
    }

    95% {
        color: #12000a;
        text-shadow: 0 0 4px #12000a;
    }

    96% {
        color: #ff005d;
        text-shadow: 0 0 4px #ff005d;
    }

    100% {
        color: #ff005d;
        text-shadow: 0 0 4px #ff005d;
    }
}

@-webkit-keyframes fadeInText {
    1% {
        color: #12000a;
        text-shadow: 0 0 4px #12000a;
    }

    70% {
        color: #ff005d;
        text-shadow: 0 0 14px #ff005d;
    }

    100% {
        color: #ff005d;
        text-shadow: 0 0 4px #ff005d;
    }
}

@keyframes fadeInText {
    1% {
        color: #12000a;
        text-shadow: 0 0 4px #12000a;
    }

    70% {
        color: #ff005d;
        text-shadow: 0 0 14px #ff005d;
    }

    100% {
        color: #ff005d;
        text-shadow: 0 0 4px #ff005d;
    }
}

@-webkit-keyframes hueRotate {
    0% {
        -webkit-filter: hue-rotate(0deg);
        filter: hue-rotate(0deg);
    }

    50% {
        -webkit-filter: hue-rotate(-120deg);
        filter: hue-rotate(-120deg);
    }

    100% {
        -webkit-filter: hue-rotate(0deg);
        filter: hue-rotate(0deg);
    }
}

@keyframes hueRotate {
    0% {
        -webkit-filter: hue-rotate(0deg);
        filter: hue-rotate(0deg);
    }

    50% {
        -webkit-filter: hue-rotate(-120deg);
        filter: hue-rotate(-120deg);
    }

    100% {
        -webkit-filter: hue-rotate(0deg);
        filter: hue-rotate(0deg);
    }
}
.core_payment_gateways_modal .paypal .icon {
    height: 40px;
    width: auto;
}
/* @module assignsubmission_onlyoffice/editor
 * @copyright  2025 Ascensio System SIA <integration@onlyoffice.com>
 * @license    http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
 */

.path-mod-assign #app-onlyoffice > iframe {
    position: static !important; /* stylelint-disable-line declaration-no-important */
    height: 95vh;
    max-height: 60rem;
}

.path-mod-assign .assignsubmission-onlyoffice-display {
    max-width: unset !important; /* stylelint-disable-line declaration-no-important */
}

.path-mod-assign .template-type-help {
    list-style-position: inside;
    padding: 0;
    padding-left: 10px;
    margin: 0;
}
.assignfeedback_editpdf_widget .toolbar ul {
    display: none;
}

.assignfeedback_editpdf_widget .toolbar li {
    list-style-type: none;
}

.assignfeedback_editpdf_widget .drawingcanvas {
    position: relative;
    min-width: 817px;
    min-height: 400px;
    background-repeat: no-repeat;
    background-color: #ccc;
    margin-left: auto;
    margin-right: auto;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 20px rgba(0, 0, 0, .2);
}

.assignfeedback_editpdf_widget .moodle-dialogue-bd .drawingregion {
    position: inherit;
}

.assignfeedback_editpdf_widget .drawingregion[data-currenttool=select] .commentdrawable textarea,
.assignfeedback_editpdf_widget .drawingregion[data-currenttool=select] .commentdrawable svg {
    cursor: move;
}

.assignfeedback_editpdf_widget .infoicon {
    display: none;
}

.assignfeedback_editpdf_widget .warningmessages {
    position: absolute;
    margin-left: 20px;
    margin-right: 20px;
    bottom: 20px;
}

.assignfeedback_editpdf_widget .drawingregion {
    border: 1px solid #ccc;
    left: 1em;
    right: 1em;
    top: 52px;
    bottom: 0;
    position: absolute;
    overflow: auto;
    background-color: #ccc;
    touch-action: none;
}

.assignfeedback_editpdf_widget {
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
}

.assignfeedback_editpdf_widget .pageheader {
    background-color: #ebebeb;
    border-bottom: 1px solid #ccc;
    padding: 0;
    padding-left: 20px;
    padding-right: 20px;
    min-height: 50px;
    height: 52px;
    overflow: auto;
}

.moodle-dialogue-base .moodle-dialogue.assignfeedback_editpdf_widget .moodle-dialogue-bd {
    padding: 0;
}

.yui3-colourpicker-hidden,
.yui3-commentsearch-hidden,
.yui3-commentmenu-hidden {
    display: none;
}

.assignfeedback_editpdf_widget .pageheader button img {
    padding-top: 3px;
    vertical-align: top;
}

.assignfeedback_editpdf_widget .pageheader button:active {
    background-color: #ccc;
}

.assignfeedback_editpdf_widget .pageheader select,
.assignfeedback_editpdf_widget .pageheader button {
    background: none;
    padding: 4px 7px;
    border: 0;
    border-radius: 0;
    margin: 0;
    height: 30px;
    line-height: 30px;
    vertical-align: top;
    cursor: pointer;
}

.assignfeedback_editpdf_widget .pageheader select {
    vertical-align: top;
    -webkit-appearance: none;
    -moz-appearance: menulist-text;
    background-color: #fff;
    padding: 0 10px;
}

.assignfeedback_editpdf_widget .pageheader select::-ms-expand {
    display: none;
}

.assignfeedback_editpdf_widget .pageheader .navigation button + button,
.assignfeedback_editpdf_widget .pageheader .toolbar button + button,
.assignfeedback_editpdf_widget .pageheader .navigation select + button,
.assignfeedback_editpdf_widget .pageheader .toolbar select + button {
    border-left: 1px solid #ccc;
    border-right: 0;
}

.assignfeedback_editpdf_widget .pageheader .navigation button {
    border-right: 1px solid #ccc;
}

.assignfeedback_editpdf_widget .pageheader .toolbar,
.assignfeedback_editpdf_widget .pageheader .navigation-search,
.assignfeedback_editpdf_widget .pageheader .navigation-expcol,
.assignfeedback_editpdf_widget .pageheader .navigation {
    border: 1px solid #ccc;
    border-bottom-color: #b3b3b3;
    border-radius: 4px;
    margin: 10px 4px;
    background-color: white;
    height: 30px;
    line-height: 30px;
    padding: 0;
}

.assignfeedback_editpdf_commentsearch ul {
    max-height: 400px;
    overflow-y: auto;
    padding: 1em;
}

.assignfeedback_editpdf_commentsearch ul li pre {
    background-color: #efefef;
    white-space: pre-wrap;
    word-break: break-word;
}

.assignfeedback_editpdf_commentsearch ul li pre:hover {
    background-color: #ddd;
}

.assignfeedback_editpdf_commentsearch ul li {
    margin: 2px;
}

.assignfeedback_editpdf_commentsearch a pre {
    font-family: helvetica;
    margin: 0;
    padding: 4px;
}

.assignfeedback_editpdf_widget .navigation-search,
.assignfeedback_editpdf_widget .navigation-expcol,
.assignfeedback_editpdf_widget .navigation {
    float: left;
}

.assignfeedback_editpdf_widget .toolbar_group {
    float: right;
}

.assignfeedback_editpdf_widget .toolbar button {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.assignfeedback_editpdf_widget .toolbar > button.rotateleftbutton {
    /*rtl:raw:
    border-right: 1px solid #ccc;
    border-left: 0;
    */
    /*rtl:ignore*/
    float: left;
}

.assignfeedback_editpdf_widget .toolbar > button.rotaterightbutton {
    /*rtl:ignore*/
    float: right;
}

.assignfeedback_editpdf_widget .toolbar {
    float: left;
}

.assignfeedback_editpdf_widget .navigation,
.assignfeedback_editpdf_widget .navigation-search,
.assignfeedback_editpdf_widget .navigation-expcol,
.assignfeedback_editpdf_widget .toolbar {
    display: inline-block;
}

.assignfeedback_editpdf_colourpicker ul {
    margin: 0;
}

.assignfeedback_editpdf_dropdown li.quicklist_comment {
    width: 200px;
}

.assignfeedback_editpdf_dropdown li.quicklist_comment a {
    white-space: nowrap;
    display: inline-block;
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.assignfeedback_editpdf_dropdown a.delete_quicklist_comment {
    float: right;
    width: 20px;
}

.assignfeedback_editpdf_dropdown button {
    border: 0;
    background: none;
    padding: 6px 7px;
    border-radius: 0;
    border-top: 1px solid #ccc;
}

.assignfeedback_editpdf_dropdown li:first-child button {
    border-top: 0;
}

.moodle-dialogue-base .moodle-dialogue.assignfeedback_editpdf_dropdown .moodle-dialogue-wrap {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    border-radius: 4px;
}

.moodle-dialogue-base .moodle-dialogue.assignfeedback_editpdf_dropdown .moodle-dialogue-bd {
    padding: 0;
}

.moodle-dialogue-base .assignfeedback_editpdf_dropdown .moodle-dialogue-wrap .moodle-dialogue-hd,
.moodle-dialogue-base .assignfeedback_editpdf_dropdown .moodle-dialogue-wrap .moodle-dialogue-ft {
    display: none;
}

.assignfeedback_editpdf_menu li hr {
    margin: 0;
}

.assignfeedback_editpdf_menu li a {
    text-decoration: none;
    color: #555;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 4px;
    margin-bottom: 4px;
}

ul.assignfeedback_editpdf_search {
    margin: 0;
}

.assignfeedback_editpdf_search li {
    list-style-type: none;
}

.assignfeedback_editpdf_search li a {
    text-decoration: none;
    color: #555;
}

.assignfeedback_editpdf_menu li:hover {
    background-color: #ebebeb;
}

ul.assignfeedback_editpdf_menu {
    margin: 0;
    max-height: 40vh;
    overflow-y: auto;
    overflow-x: hidden;
}

.assignfeedback_editpdf_menu li {
    list-style-type: none;
    margin: 0;
    border-radius: 4px;
}

.assignfeedback_editpdf_menu li button {
    margin: 0;
    background: none;
}

.assignfeedback_editpdf_widget .pageheader button:hover {
    background-color: #ebebeb;
    background-image: radial-gradient(ellipse at center, #fff 60%, #dfdfdf 100%);
}

.assignfeedback_editpdf_widget .pageheader button.assignfeedback_editpdf_selectedbutton:hover,
.assignfeedback_editpdf_widget .pageheader button.assignfeedback_editpdf_selectedbutton {
    background-color: #dfdfdf;
    background-image: radial-gradient(ellipse at center, #fff 40%, #dfdfdf 100%);
}

.assignfeedback_editpdf_widget .commentdrawable img {
    margin: 0 5px;
}

.assignfeedback_editpdf_widget .commentdrawable a {
    float: right;
    position: relative;
    left: -17px;
    top: 2px;
    height: 16px;
    width: 16px;
}

.assignfeedback_editpdf_widget .commentdrawable textarea {
    padding: 4px;
    padding-right: 20px;
    resize: none;
    overflow: hidden;
    color: black;
    border: 2px solid #ccc;
    border-radius: 4px;
    font-size: 16px;
    font-family: helvetica;
    min-height: 1.2em;
}

.assignfeedback_editpdf_widget .commentdrawable textarea:focus {
    outline: thin dotted #333;
    outline-color: -webkit-focus-ring-color;
    outline-width: 5px;
    outline-style: auto;
    outline-offset: -2px;
}

.assignfeedback_editpdf_widget .commentdrawable {
    display: flex;
    z-index: 52;
    height: 0;
}
.assignfeedback_editpdf_widget .annotation {
    z-index: 51;
}

.assignfeedback_editpdf_widget .deleteannotationbutton {
    z-index: 51;
}

.assignfeedback_editpdf_widget .commentdrawable label {
    display: inline-block;
}

.assignfeedback_editpdf_widget .commentdrawable svg {
    display: none;
}

.assignfeedback_editpdf_widget .commentdrawable.commentcollapsed {
    z-index: auto;
    width: 24px;
}

.assignfeedback_editpdf_widget .commentdrawable.commentcollapsed textarea,
.assignfeedback_editpdf_widget .commentdrawable.commentcollapsed a {
    display: none;
}

.assignfeedback_editpdf_widget .commentdrawable.commentcollapsed svg {
    display: inline-block;
    width: 24px;
    height: 24px;
}

.assignfeedback_editpdf_widget .drawingcanvas .loading .progressbarlabel {
    text-align: center;
}

.hideoverflow {
    overflow: hidden;
    position: relative;
}

@media (max-width: 960px) {
    .assignfeedback_editpdf_widget .pageheader {
        height: 104px;
    }

    .assignfeedback_editpdf_widget .drawingregion {
        top: 104px;
    }
}

@media (max-width: 767px) {
    .assignfeedback_editpdf_widget .drawingregion {
        position: relative;
        margin-bottom: 1em;
        top: 0;
        max-height: 312px;
    }

    .assignfeedback_editpdf_widget .pageheader {
        height: auto;
    }
}

@media (max-width: 480px) {
    .assignfeedback_editpdf_widget .pageheader {
        padding-left: 5px;
        padding-right: 5px;
    }
}

#page-mod-quiz-report #manualgradingform {
    width: 100%;
}

#page-mod-quiz-report #manualgradingform.mform br {
    clear: none;
}

#page-mod-quiz-report #manualgradingform.mform .clearfix:after {
    clear: none;
}

#page-mod-quiz-report #manualgradingform .que {
    margin-bottom: 0.7em;
}

.quiztimer-countdown-section {
    color: black;
    border: 1px solid rgb(255, 136, 0);
    font-size: 20px;
    margin: 10px;
}

.quiztimer-countdown-question {
    color: black;
    border: 1px solid rgb(255, 136, 0);
    font-size: 20px;
}





.videotime-local-stream .fa-toggle-on,
.videotime-local-stream .selected .fa-toggle-off {
    display: none;
}

.videotime-local-stream .selected .fa-toggle-on {
    display: inline;
}

.videotime-embed .vjs-layout-tiny,
.videotime-embed .vjs-layout-x-small,
.videotime-embed .vjs-layout-large,
.videotime-embed .vjs-layout-small,
.videotime-embed .vjs-layout-medium,
.videotime-embed .vjs-layout-x-large,
.videotime-embed .vjs-layout-huge {
    width: 100%;
}

.videotime-embed .vjs-layout-tiny,
.videotime-embed .vjs-layout-x-small,
.videotime-embed .vjs-layout-large,
.videotime-embed .vjs-layout-small,
.videotime-embed .vjs-layout-medium,
.videotime-embed .vjs-layout-x-large,
.videotime-embed .vjs-layout-huge {
    width: 100%;
}

.videotimetab_block.row {
    margin-right: 0;
}

.videotimetab_chat {
    max-height: 300px;
    overflow-y: auto;
}

.texttracks {
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 300px;
}

/* Rubric - grid layout */

.path-mod-workshop .mform.frozen #id_rubric-grid-wrapper,
.path-mod-workshop .assessmentform.rubric #id_rubric-grid-wrapper {
    border: none;
}

.path-mod-workshop .mform.frozen #id_rubric-grid-wrapper legend,
.path-mod-workshop .assessmentform.rubric #id_rubric-grid-wrapper legend {
    display: none;
}

.path-mod-workshop .mform.frozen #id_rubric-grid-wrapper th,
.path-mod-workshop .mform.frozen #id_rubric-grid-wrapper td,
.path-mod-workshop .assessmentform.rubric.grid #id_rubric-grid-wrapper th,
.path-mod-workshop .assessmentform.rubric.grid #id_rubric-grid-wrapper td {
    border: 1px solid #ddd;
    padding: 5px;
    vertical-align: top;
}

.path-mod-workshop .mform.frozen #id_rubric-grid-wrapper,
.path-mod-workshop .assessmentform.rubric.grid #id_rubric-grid-wrapper .criterion {
    text-align: center;
}

.path-mod-workshop .assessmentform.rubric.grid #id_rubric-grid-wrapper .fitem {
    text-align: center;
}

.path-mod-workshop .mform.frozen #id_rubric-grid-wrapper .fitem .fitemtitle,
.path-mod-workshop .assessmentform.rubric.grid #id_rubric-grid-wrapper .fitem .fitemtitle {
    display: none;
}

.path-mod-workshop .mform.frozen #id_rubric-grid-wrapper,
.path-mod-workshop #id_rubric-grid-wrapper {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

.path-mod-workshop .mform.frozen #id_rubric-grid-wrapper .checkbox,
.path-mod-workshop .assessmentform.rubric.grid #id_rubric-grid-wrapper .checkbox {
    max-width: 100%;
    flex: 0 0 100%;
    text-align: left;
}

.path-mod-workshop .mform.frozen #id_rubric-grid-wrapper .fitem .felement,
.path-mod-workshop .assessmentform.rubric.grid #id_rubric-grid-wrapper .fitem .felement {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.path-mod-workshop .mform.frozen #id_rubric-grid-wrapper .fitem .felement {
    border: none;
}

.path-mod-workshop .assessmentform.rubric.grid #id_rubric-grid-wrapper .fitem .felement span {
    display: block;
    text-align: center;
}

.path-mod-workshop .assessmentform.rubric.grid #id_rubric-grid-wrapper .fitem .felement span label {
    display: block;
    text-align: center;
}

/* Rubric - list layout */

.path-mod-workshop .mform.frozen .fitem.description.rubric + .fitem .fitemtitle,
.path-mod-workshop .assessmentform.rubric.list #id_rubric-grid-wrapper .fitem .fitemtitle {
    display: none;
}

.path-mod-workshop .mform.frozen .fitem.description.rubric + .fitem .fitemtitle + .felement,
.path-mod-workshop .assessmentform.rubric.list .fitem .felement {
    width: auto;
    border: none;
}

.path-mod-workshop .assessmentform.rubric.list .fitem .felement span input {
    display: block;
    float: left;
}

.path-mod-workshop .assessmentform.rubric.list .fitem .felement.fgroup span label {
    display: block;
    margin-left: 30px;
}

/**
 * Manual allocator
 */

.path-mod-workshop .manual-allocator .allocations {
    margin: 0 auto;
    width: 100%;
}

.path-mod-workshop .manual-allocator .allocations tbody tr:nth-of-type(odd) {
    background-color: #eee;
}

.path-mod-workshop .manual-allocator .allocations tbody tr:nth-of-type(odd).highlightreviewerof,
.path-mod-workshop .manual-allocator .allocations tbody tr:nth-of-type(odd).highlightreviewedby {
    background-color: inherit;
}

.path-mod-workshop .manual-allocator .allocations .peer .image {
    margin-right: 5px;
    vertical-align: middle;
}

.path-mod-workshop .manual-allocator .allocations .reviewedby .image,
.path-mod-workshop .manual-allocator .allocations .reviewerof .image {
    margin-right: 3px;
    vertical-align: middle;
}

.path-mod-workshop .manual-allocator .allocations .highlightreviewedby .reviewedby,
.path-mod-workshop .manual-allocator .allocations .highlightreviewerof .reviewerof {
    background-color: #fff3d2;
}

.path-mod-workshop .manual-allocator .allocations tr td {
    vertical-align: top;
    padding: 5px;
}

.path-mod-workshop .manual-allocator .allocations tr td ul {
    margin: 0;
}

.path-mod-workshop .manual-allocator .allocations tr td ul li {
    list-style: none;
}

.path-mod-workshop .manual-allocator .allocations tr td.peer {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

.path-mod-workshop .manual-allocator .allocations .reviewedby .info,
.path-mod-workshop .manual-allocator .allocations .peer .info,
.path-mod-workshop .manual-allocator .allocations .reviewerof .info {
    font-size: 80%;
    color: #888;
    font-style: italic;
}

.path-mod-workshop .manual-allocator .allocations .peer .submission {
    font-size: 90%;
    margin-top: 1em;
}

.path-mod-workshop .random-allocator .warning {
    width: 100%;
    margin: 0 auto 15px auto;
}

.warning-desc {
    word-wrap: break-word;
}

.warning-desc li {
    margin-bottom: 10px;
}
.tiny-aiplacement-overlay {
    position: absolute;
    background: rgba(255, 255, 255, 1);
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 2;
}

.tiny-aiplacement-blur {
    filter: blur(4px);
}

.tiny-aiplacement-loading-spinner-container {
    min-height: 300px;
}

.tiny-aiplacement-loading-spinner {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tiny-aiplacement-spinner-style {
    width: 3rem !important; /* stylelint-disable-line declaration-no-important */
    height: 3rem !important; /* stylelint-disable-line declaration-no-important */
    color: #0f6cbf;
    z-index: 1000;
}

.tiny-aiplacement-spinner-text-style {
    font-size: 1.5rem;
    font-weight: bold;
    z-index: 1000;
}

.tiny-aiplacement-generate-image,
.tiny-aiplacement-generate-text {
    border-radius: 15px;
    border: 2px dashed #bbb;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    min-height: 150px;
    margin-left: 0;
    margin-top: 0;
}

.tiny-aiplacement-generate-text textarea:disabled {
    background-color: unset;
}

.tiny_aiplacement_modal {
    min-height: 30em;
}

.tiny-aiplacement-fa-image {
    height: 100%;
    width: 100%;
    background-image: url(/theme/image.php/boost_union/tiny_aiplacement/1792421257/sparkles-image);
    background-repeat: no-repeat;
    background-position: center;
    background-color: rgba(255, 255, 255, 0.5);
    background-blend-mode: lighten;
    background-size: 100px 100px;
}

.tiny-aiplacement-toggle-container {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.tiny-aiplacement-toggle-switch {
    display: none;
}
.tiny-aiplacement-toggle-slider {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #fff;
    border-radius: 34px;
    padding: 2px;
    border: 1px solid #aaa;
}
.tiny-aiplacement-toggle-slider span {
    width: 50%;
    text-align: center;
    padding: 5px 0;
    border-radius: 34px;
    cursor: pointer;
    transition: background-color 0.3s, color 0.3s;
}
.tiny-aiplacement-toggle-switch:checked + .tiny-aiplacement-toggle-slider .tiny-aiplacement-slider-right {
    background-color: #007bff;
    color: white;
}
.tiny-aiplacement-toggle-switch:not(:checked) + .tiny-aiplacement-toggle-slider .tiny-aiplacement-slider-left {
    background-color: #007bff;
    color: white;
}

.tiny-aiplacement-aspect-ratio-container {
    display: flex;
}
.tiny-aiplacement-aspect-ratio-btn {
    position: relative;
    width: 100px;
    height: 75px;
    background-color: #f8f9fa;
    border-radius: 15px;
    text-align: center;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: background-color 0.3s, border-color 0.3s;
}
.tiny-aiplacement-aspect-ratio-btn i {
    font-size: 30px;
    margin-bottom: 5px;
}
.tiny-aiplacement-aspect-ratio-btn span {
    font-size: 14px;
}
.tiny-aiplacement-aspect-ratio-btn input[type="radio"] {
    display: none;
}
.tiny-aiplacement-aspect-ratio-btn input[type="radio"]:checked + .tiny-aiplacement-aspect-ratio-label {
    background-color: #007bff;
    color: white;
    border-color: #007bff;
}
.tiny-aiplacement-aspect-ratio-label {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
    transition: background-color 0.3s, border-color 0.3s;
    border: 1px solid #aaa;
}

.tiny-aiplacement-fa-text {
    height: 100%;
    width: 100%;
    background-image: url(/theme/image.php/boost_union/tiny_aiplacement/1792421257/sparkles-text);
    background-repeat: no-repeat;
    background-position: center;
    background-color: rgba(255, 255, 255, 0.5);
    background-blend-mode: lighten;
    background-size: 100px 100px;
}

.tiny-aiplacement-generate-footer button img {
    width: 1.5em;
    margin-right: 0.2em;
}

.tiny-aiplacement-error-display {
    margin: 0 auto;
}

.ai-policy-heading {
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 10px;
    color: #0f6cbf;
}

.ai-policy-display {
    font-size: 1.1rem;
    margin-left: 20px;
    margin-right: 20px;
}

.ai-policy-display br {
    line-height: 2.5rem;
}

@media (max-width: 767px) {
    .tiny_aiplacement_textresponse_placeholder {
        min-height: 12em;
        margin-top: 20px;
    }
}

.tiny_equation_library button {
    margin: 0.25%;
    min-width: 10%;
}

.tiny_htmlblock li {
    border: 1px solid #aaa;
    margin-bottom: 0.5rem;
    padding: 3px;
    list-style: none;
    margin-left: -2rem;
    cursor: pointer;
}
.tiny_htmlblock li:hover {
    border: 1px solid #777;
}
.tiny_htmlblock li.selected {
    border: 3px solid #777;
}

#tiny_media_form {
    padding: 1rem;
}

#tiny_media_form #id_deletefileshdr {
    display: none;
}

#tiny_media_form.has-unused-files #id_deletefileshdr {
    display: block;
}

#tiny_media_form #id_missingfileshdr {
    display: none;
}

#tiny_media_form.has-missing-files #id_missingfileshdr {
    display: block;
}

iframe.mm_iframe {
    height: 650px;
    border: none;
    width: 100%;
}

.missing-files ol {
    padding-left: 15px;
}

.missing-files ol li {
    font-style: italic;
    font-weight: 600;
    color: red;
}

.tiny_image_form .tiny_image_dropzone_container,
.tiny_media_form .tiny_media_dropzone_container {
    height: 200px;
}

.tiny_image_form .tiny_image_dropzone_container .dropzone-label,
.tiny_media_form .tiny_media_dropzone_container .dropzone-label {
    font-size: 1.25rem;
}

.tiny_image_form .tiny_image_loader_container,
.tiny_media_form .tiny_media_loader_container {
    height: 200px;
}

.tiny_image_form  .tiny_image_preview_box {
    height: 300px;
}

.tiny_media_form  .tiny_media_preview_box {
    height: 100%;
}

.tiny_image_form  .tiny_image_preview_box,
.tiny_media_form  .tiny_media_preview_box {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.tiny_media_form .tiny_media_preview_box {
    position: relative;
}

.tiny_media_form .tiny_media_preview_box img {
    max-height: 300px;
}

.tiny_image_form .tiny_image_deleteicon,
.tiny_media_form .tiny_media_delete_icon {
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
    z-index: 1;
    background: rgba(255, 255, 255, 1);
    padding: 5px 10px;
}

.tiny_image_form .tiny_image_deleteicon .fa-trash,
.tiny_media_form .tiny_media_delete_icon .fa-trash {
    color: #1d2125;
}


@media (max-width: 767px) {
    .tiny_image_form .tiny_image_properties_col,
    .tiny_media_form .tiny_media_properties_col {
        padding: 0;
    }
}

.subtitle-caption {
    text-decoration: underline;
}

.upload-custom-thumbnail,
.delete-custom-thumbnail {
    width: 100%;
}

.cs-link {
    margin-left: -23px;
}

.dropzone-container .dropzone-icon img.icon {
    height: .83em;
    opacity: .4;
}

.tiny_media_preview_tag {
    max-height: 500px;
}

.link_as_audio i,
.link_as_video i {
    font-size: 5em;
    color: #bdc6cd;
}

.link_as_audio:hover i,
.link_as_video:hover i {
    color: rgb(97, 97, 97);
}

#media-filter-preview-container > video {
    width: 100%;
}

.tiny_recordrtc,
.tiny_recordrtc div {
    font-weight: normal;
    line-height: 40px;
    padding: 3px 0 3px 0;
}

.tiny_recordrtc .alert {
    line-height: 40px;
    text-align: center;
}

.tiny_recordrtc audio {
    display: block;
    width: 100%;
}

@media screen and (max-width: 670px) {
    .tiny_recordrtc video {
        display: block;
        height: auto;
        margin: 0 auto;
        width: 100%;
    }
}

@media screen and (min-width: 671px) {
    .tiny_recordrtc video {
        display: block;
        height: 480px;
        margin: 0 auto;
        width: 640px;
    }
}

.tiny_recordrtc #start-stop,
.tiny_recordrtc #upload {
    white-space: normal;
}

.tiny_recordrtc video {
    border-radius: 8px;
}

.tinymce_sketch-iframe {
    width: 100%;
    height: calc(100% - 8px);
}
div.tox.tox-tinymce div.tox-statusbar div.tox-statusbar__text-container div.tox-statusbar__wordlimit {
    padding-left: 5px;
    border-left: 1px solid #ccc;
    margin-left: 5px;
}

@media only screen and (max-width: 550px) {
    div.tox.tox-tinymce div.tox-statusbar div.tox-statusbar__text-container {
        flex-wrap: wrap;
    }

    div.tox.tox-tinymce div.tox-statusbar {
        min-height: 25px;
        height: auto;
    }

    div.tox.tox-tinymce div.tox-statusbar div.tox-statusbar__text-container button.tox-statusbar__wordcount {
        margin-top: 3px;
    }

    div.tox.tox-tinymce div.tox-statusbar div.tox-statusbar__text-container div.tox-statusbar__wordlimit {
        margin-left: auto;
        text-align: right;
        border-left: none;
        width: 100%;
    }

    div.tox.tox-tinymce div.tox-statusbar div.tox-statusbar__text-container > * {
        margin-bottom: 3px;
    }
}

div.tox.tox-tinymce div.tox-statusbar div.tox-statusbar__text-container button.tox-statusbar__wordcount.warning {
    color: #b85600;
}

div.tox.tox-tinymce div.tox-statusbar div.tox-statusbar__text-container button.tox-statusbar__wordcount.danger {
    color: var(--danger);
}

@charset "UTF-8";
/** Pre-SCSS from theme_boost_get_pre_scss **/
/** Pre-SCSS from theme_boost_union_get_pre_scss **/
/*=======================================
 * Settings: Smart menus.
 ======================================*/
/*---------------------------------------
 * Menu bar.
 --------------------------------------*/
/* Height of the smart menu menubar.
   It is used to define the height of the menubar and to move the position of all fixed elements
   which are on the page further down. */
/*---------------------------------------
 * Bottom bar.
 --------------------------------------*/
/* Height of the smart menu bottombar.
   It is used to define the height of the bottombar and to move the position of all fixed elements
   which are on the page further up. */
/*!
 * Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2024 Fonticons, Inc.
 */
:root, :host {
  --fa-style-family-brands: "Font Awesome 6 Brands";
  --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands";
}
@font-face {
  font-family: "Font Awesome 6 Brands";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(/theme/font.php/boost_union/core/1792421257/fa-brands-400.woff2) format("woff2"), url(/theme/font.php/boost_union/core/1792421257/fa-brands-400.ttf) format("truetype");
}
.fab, .fa-brands {
  font-weight: 400;
}
.fa-monero {
  --fa: "";
}
.fa-hooli {
  --fa: "";
}
.fa-yelp {
  --fa: "";
}
.fa-cc-visa {
  --fa: "";
}
.fa-lastfm {
  --fa: "";
}
.fa-shopware {
  --fa: "";
}
.fa-creative-commons-nc {
  --fa: "";
}
.fa-aws {
  --fa: "";
}
.fa-redhat {
  --fa: "";
}
.fa-yoast {
  --fa: "";
}
.fa-cloudflare {
  --fa: "";
}
.fa-ups {
  --fa: "";
}
.fa-pixiv {
  --fa: "";
}
.fa-wpexplorer {
  --fa: "";
}
.fa-dyalog {
  --fa: "";
}
.fa-bity {
  --fa: "";
}
.fa-stackpath {
  --fa: "";
}
.fa-buysellads {
  --fa: "";
}
.fa-first-order {
  --fa: "";
}
.fa-modx {
  --fa: "";
}
.fa-guilded {
  --fa: "";
}
.fa-vnv {
  --fa: "";
}
.fa-square-js {
  --fa: "";
}
.fa-js-square {
  --fa: "";
}
.fa-microsoft {
  --fa: "";
}
.fa-qq {
  --fa: "";
}
.fa-orcid {
  --fa: "";
}
.fa-java {
  --fa: "";
}
.fa-invision {
  --fa: "";
}
.fa-creative-commons-pd-alt {
  --fa: "";
}
.fa-centercode {
  --fa: "";
}
.fa-glide-g {
  --fa: "";
}
.fa-drupal {
  --fa: "";
}
.fa-jxl {
  --fa: "";
}
.fa-dart-lang {
  --fa: "";
}
.fa-hire-a-helper {
  --fa: "";
}
.fa-creative-commons-by {
  --fa: "";
}
.fa-unity {
  --fa: "";
}
.fa-whmcs {
  --fa: "";
}
.fa-rocketchat {
  --fa: "";
}
.fa-vk {
  --fa: "";
}
.fa-untappd {
  --fa: "";
}
.fa-mailchimp {
  --fa: "";
}
.fa-css3-alt {
  --fa: "";
}
.fa-square-reddit {
  --fa: "";
}
.fa-reddit-square {
  --fa: "";
}
.fa-vimeo-v {
  --fa: "";
}
.fa-contao {
  --fa: "";
}
.fa-square-font-awesome {
  --fa: "";
}
.fa-deskpro {
  --fa: "";
}
.fa-brave {
  --fa: "";
}
.fa-sistrix {
  --fa: "";
}
.fa-square-instagram {
  --fa: "";
}
.fa-instagram-square {
  --fa: "";
}
.fa-battle-net {
  --fa: "";
}
.fa-the-red-yeti {
  --fa: "";
}
.fa-square-hacker-news {
  --fa: "";
}
.fa-hacker-news-square {
  --fa: "";
}
.fa-edge {
  --fa: "";
}
.fa-threads {
  --fa: "";
}
.fa-napster {
  --fa: "";
}
.fa-square-snapchat {
  --fa: "";
}
.fa-snapchat-square {
  --fa: "";
}
.fa-google-plus-g {
  --fa: "";
}
.fa-artstation {
  --fa: "";
}
.fa-markdown {
  --fa: "";
}
.fa-sourcetree {
  --fa: "";
}
.fa-google-plus {
  --fa: "";
}
.fa-diaspora {
  --fa: "";
}
.fa-foursquare {
  --fa: "";
}
.fa-stack-overflow {
  --fa: "";
}
.fa-github-alt {
  --fa: "";
}
.fa-phoenix-squadron {
  --fa: "";
}
.fa-pagelines {
  --fa: "";
}
.fa-algolia {
  --fa: "";
}
.fa-red-river {
  --fa: "";
}
.fa-creative-commons-sa {
  --fa: "";
}
.fa-safari {
  --fa: "";
}
.fa-google {
  --fa: "";
}
.fa-square-font-awesome-stroke {
  --fa: "";
}
.fa-font-awesome-alt {
  --fa: "";
}
.fa-atlassian {
  --fa: "";
}
.fa-linkedin-in {
  --fa: "";
}
.fa-digital-ocean {
  --fa: "";
}
.fa-nimblr {
  --fa: "";
}
.fa-chromecast {
  --fa: "";
}
.fa-evernote {
  --fa: "";
}
.fa-hacker-news {
  --fa: "";
}
.fa-creative-commons-sampling {
  --fa: "";
}
.fa-adversal {
  --fa: "";
}
.fa-creative-commons {
  --fa: "";
}
.fa-watchman-monitoring {
  --fa: "";
}
.fa-fonticons {
  --fa: "";
}
.fa-weixin {
  --fa: "";
}
.fa-shirtsinbulk {
  --fa: "";
}
.fa-codepen {
  --fa: "";
}
.fa-git-alt {
  --fa: "";
}
.fa-lyft {
  --fa: "";
}
.fa-rev {
  --fa: "";
}
.fa-windows {
  --fa: "";
}
.fa-wizards-of-the-coast {
  --fa: "";
}
.fa-square-viadeo {
  --fa: "";
}
.fa-viadeo-square {
  --fa: "";
}
.fa-meetup {
  --fa: "";
}
.fa-centos {
  --fa: "";
}
.fa-adn {
  --fa: "";
}
.fa-cloudsmith {
  --fa: "";
}
.fa-opensuse {
  --fa: "";
}
.fa-pied-piper-alt {
  --fa: "";
}
.fa-square-dribbble {
  --fa: "";
}
.fa-dribbble-square {
  --fa: "";
}
.fa-codiepie {
  --fa: "";
}
.fa-node {
  --fa: "";
}
.fa-mix {
  --fa: "";
}
.fa-steam {
  --fa: "";
}
.fa-cc-apple-pay {
  --fa: "";
}
.fa-scribd {
  --fa: "";
}
.fa-debian {
  --fa: "";
}
.fa-openid {
  --fa: "";
}
.fa-instalod {
  --fa: "";
}
.fa-files-pinwheel {
  --fa: "";
}
.fa-expeditedssl {
  --fa: "";
}
.fa-sellcast {
  --fa: "";
}
.fa-square-twitter {
  --fa: "";
}
.fa-twitter-square {
  --fa: "";
}
.fa-r-project {
  --fa: "";
}
.fa-delicious {
  --fa: "";
}
.fa-freebsd {
  --fa: "";
}
.fa-vuejs {
  --fa: "";
}
.fa-accusoft {
  --fa: "";
}
.fa-ioxhost {
  --fa: "";
}
.fa-fonticons-fi {
  --fa: "";
}
.fa-app-store {
  --fa: "";
}
.fa-cc-mastercard {
  --fa: "";
}
.fa-itunes-note {
  --fa: "";
}
.fa-golang {
  --fa: "";
}
.fa-kickstarter {
  --fa: "";
}
.fa-square-kickstarter {
  --fa: "";
}
.fa-grav {
  --fa: "";
}
.fa-weibo {
  --fa: "";
}
.fa-uncharted {
  --fa: "";
}
.fa-firstdraft {
  --fa: "";
}
.fa-square-youtube {
  --fa: "";
}
.fa-youtube-square {
  --fa: "";
}
.fa-wikipedia-w {
  --fa: "";
}
.fa-wpressr {
  --fa: "";
}
.fa-rendact {
  --fa: "";
}
.fa-angellist {
  --fa: "";
}
.fa-galactic-republic {
  --fa: "";
}
.fa-nfc-directional {
  --fa: "";
}
.fa-skype {
  --fa: "";
}
.fa-joget {
  --fa: "";
}
.fa-fedora {
  --fa: "";
}
.fa-stripe-s {
  --fa: "";
}
.fa-meta {
  --fa: "";
}
.fa-laravel {
  --fa: "";
}
.fa-hotjar {
  --fa: "";
}
.fa-bluetooth-b {
  --fa: "";
}
.fa-square-letterboxd {
  --fa: "";
}
.fa-sticker-mule {
  --fa: "";
}
.fa-creative-commons-zero {
  --fa: "";
}
.fa-hips {
  --fa: "";
}
.fa-css {
  --fa: "";
}
.fa-behance {
  --fa: "";
}
.fa-reddit {
  --fa: "";
}
.fa-discord {
  --fa: "";
}
.fa-chrome {
  --fa: "";
}
.fa-app-store-ios {
  --fa: "";
}
.fa-cc-discover {
  --fa: "";
}
.fa-wpbeginner {
  --fa: "";
}
.fa-confluence {
  --fa: "";
}
.fa-shoelace {
  --fa: "";
}
.fa-mdb {
  --fa: "";
}
.fa-dochub {
  --fa: "";
}
.fa-accessible-icon {
  --fa: "";
}
.fa-ebay {
  --fa: "";
}
.fa-amazon {
  --fa: "";
}
.fa-unsplash {
  --fa: "";
}
.fa-yarn {
  --fa: "";
}
.fa-square-steam {
  --fa: "";
}
.fa-steam-square {
  --fa: "";
}
.fa-500px {
  --fa: "";
}
.fa-square-vimeo {
  --fa: "";
}
.fa-vimeo-square {
  --fa: "";
}
.fa-asymmetrik {
  --fa: "";
}
.fa-font-awesome {
  --fa: "";
}
.fa-font-awesome-flag {
  --fa: "";
}
.fa-font-awesome-logo-full {
  --fa: "";
}
.fa-gratipay {
  --fa: "";
}
.fa-apple {
  --fa: "";
}
.fa-hive {
  --fa: "";
}
.fa-gitkraken {
  --fa: "";
}
.fa-keybase {
  --fa: "";
}
.fa-apple-pay {
  --fa: "";
}
.fa-padlet {
  --fa: "";
}
.fa-amazon-pay {
  --fa: "";
}
.fa-square-github {
  --fa: "";
}
.fa-github-square {
  --fa: "";
}
.fa-stumbleupon {
  --fa: "";
}
.fa-fedex {
  --fa: "";
}
.fa-phoenix-framework {
  --fa: "";
}
.fa-shopify {
  --fa: "";
}
.fa-neos {
  --fa: "";
}
.fa-square-threads {
  --fa: "";
}
.fa-hackerrank {
  --fa: "";
}
.fa-researchgate {
  --fa: "";
}
.fa-swift {
  --fa: "";
}
.fa-angular {
  --fa: "";
}
.fa-speakap {
  --fa: "";
}
.fa-angrycreative {
  --fa: "";
}
.fa-y-combinator {
  --fa: "";
}
.fa-empire {
  --fa: "";
}
.fa-envira {
  --fa: "";
}
.fa-google-scholar {
  --fa: "";
}
.fa-square-gitlab {
  --fa: "";
}
.fa-gitlab-square {
  --fa: "";
}
.fa-studiovinari {
  --fa: "";
}
.fa-pied-piper {
  --fa: "";
}
.fa-wordpress {
  --fa: "";
}
.fa-product-hunt {
  --fa: "";
}
.fa-firefox {
  --fa: "";
}
.fa-linode {
  --fa: "";
}
.fa-goodreads {
  --fa: "";
}
.fa-square-odnoklassniki {
  --fa: "";
}
.fa-odnoklassniki-square {
  --fa: "";
}
.fa-jsfiddle {
  --fa: "";
}
.fa-sith {
  --fa: "";
}
.fa-themeisle {
  --fa: "";
}
.fa-page4 {
  --fa: "";
}
.fa-hashnode {
  --fa: "";
}
.fa-react {
  --fa: "";
}
.fa-cc-paypal {
  --fa: "";
}
.fa-squarespace {
  --fa: "";
}
.fa-cc-stripe {
  --fa: "";
}
.fa-creative-commons-share {
  --fa: "";
}
.fa-bitcoin {
  --fa: "";
}
.fa-keycdn {
  --fa: "";
}
.fa-opera {
  --fa: "";
}
.fa-itch-io {
  --fa: "";
}
.fa-umbraco {
  --fa: "";
}
.fa-galactic-senate {
  --fa: "";
}
.fa-ubuntu {
  --fa: "";
}
.fa-draft2digital {
  --fa: "";
}
.fa-stripe {
  --fa: "";
}
.fa-houzz {
  --fa: "";
}
.fa-gg {
  --fa: "";
}
.fa-dhl {
  --fa: "";
}
.fa-square-pinterest {
  --fa: "";
}
.fa-pinterest-square {
  --fa: "";
}
.fa-xing {
  --fa: "";
}
.fa-blackberry {
  --fa: "";
}
.fa-creative-commons-pd {
  --fa: "";
}
.fa-playstation {
  --fa: "";
}
.fa-quinscape {
  --fa: "";
}
.fa-less {
  --fa: "";
}
.fa-blogger-b {
  --fa: "";
}
.fa-opencart {
  --fa: "";
}
.fa-vine {
  --fa: "";
}
.fa-signal-messenger {
  --fa: "";
}
.fa-paypal {
  --fa: "";
}
.fa-gitlab {
  --fa: "";
}
.fa-typo3 {
  --fa: "";
}
.fa-reddit-alien {
  --fa: "";
}
.fa-yahoo {
  --fa: "";
}
.fa-dailymotion {
  --fa: "";
}
.fa-affiliatetheme {
  --fa: "";
}
.fa-pied-piper-pp {
  --fa: "";
}
.fa-bootstrap {
  --fa: "";
}
.fa-odnoklassniki {
  --fa: "";
}
.fa-nfc-symbol {
  --fa: "";
}
.fa-mintbit {
  --fa: "";
}
.fa-ethereum {
  --fa: "";
}
.fa-speaker-deck {
  --fa: "";
}
.fa-creative-commons-nc-eu {
  --fa: "";
}
.fa-patreon {
  --fa: "";
}
.fa-avianex {
  --fa: "";
}
.fa-ello {
  --fa: "";
}
.fa-gofore {
  --fa: "";
}
.fa-bimobject {
  --fa: "";
}
.fa-brave-reverse {
  --fa: "";
}
.fa-facebook-f {
  --fa: "";
}
.fa-square-google-plus {
  --fa: "";
}
.fa-google-plus-square {
  --fa: "";
}
.fa-web-awesome {
  --fa: "";
}
.fa-mandalorian {
  --fa: "";
}
.fa-first-order-alt {
  --fa: "";
}
.fa-osi {
  --fa: "";
}
.fa-google-wallet {
  --fa: "";
}
.fa-d-and-d-beyond {
  --fa: "";
}
.fa-periscope {
  --fa: "";
}
.fa-fulcrum {
  --fa: "";
}
.fa-cloudscale {
  --fa: "";
}
.fa-forumbee {
  --fa: "";
}
.fa-mizuni {
  --fa: "";
}
.fa-schlix {
  --fa: "";
}
.fa-square-xing {
  --fa: "";
}
.fa-xing-square {
  --fa: "";
}
.fa-bandcamp {
  --fa: "";
}
.fa-wpforms {
  --fa: "";
}
.fa-cloudversify {
  --fa: "";
}
.fa-usps {
  --fa: "";
}
.fa-megaport {
  --fa: "";
}
.fa-magento {
  --fa: "";
}
.fa-spotify {
  --fa: "";
}
.fa-optin-monster {
  --fa: "";
}
.fa-fly {
  --fa: "";
}
.fa-square-bluesky {
  --fa: "";
}
.fa-aviato {
  --fa: "";
}
.fa-itunes {
  --fa: "";
}
.fa-cuttlefish {
  --fa: "";
}
.fa-blogger {
  --fa: "";
}
.fa-flickr {
  --fa: "";
}
.fa-viber {
  --fa: "";
}
.fa-soundcloud {
  --fa: "";
}
.fa-digg {
  --fa: "";
}
.fa-tencent-weibo {
  --fa: "";
}
.fa-letterboxd {
  --fa: "";
}
.fa-symfony {
  --fa: "";
}
.fa-maxcdn {
  --fa: "";
}
.fa-etsy {
  --fa: "";
}
.fa-facebook-messenger {
  --fa: "";
}
.fa-audible {
  --fa: "";
}
.fa-think-peaks {
  --fa: "";
}
.fa-bilibili {
  --fa: "";
}
.fa-erlang {
  --fa: "";
}
.fa-x-twitter {
  --fa: "";
}
.fa-cotton-bureau {
  --fa: "";
}
.fa-dashcube {
  --fa: "";
}
.fa-42-group {
  --fa: "";
}
.fa-innosoft {
  --fa: "";
}
.fa-stack-exchange {
  --fa: "";
}
.fa-elementor {
  --fa: "";
}
.fa-square-pied-piper {
  --fa: "";
}
.fa-pied-piper-square {
  --fa: "";
}
.fa-creative-commons-nd {
  --fa: "";
}
.fa-palfed {
  --fa: "";
}
.fa-superpowers {
  --fa: "";
}
.fa-resolving {
  --fa: "";
}
.fa-xbox {
  --fa: "";
}
.fa-square-web-awesome-stroke {
  --fa: "";
}
.fa-searchengin {
  --fa: "";
}
.fa-tiktok {
  --fa: "";
}
.fa-square-facebook {
  --fa: "";
}
.fa-facebook-square {
  --fa: "";
}
.fa-renren {
  --fa: "";
}
.fa-linux {
  --fa: "";
}
.fa-glide {
  --fa: "";
}
.fa-linkedin {
  --fa: "";
}
.fa-hubspot {
  --fa: "";
}
.fa-deploydog {
  --fa: "";
}
.fa-twitch {
  --fa: "";
}
.fa-flutter {
  --fa: "";
}
.fa-ravelry {
  --fa: "";
}
.fa-mixer {
  --fa: "";
}
.fa-square-lastfm {
  --fa: "";
}
.fa-lastfm-square {
  --fa: "";
}
.fa-vimeo {
  --fa: "";
}
.fa-mendeley {
  --fa: "";
}
.fa-uniregistry {
  --fa: "";
}
.fa-figma {
  --fa: "";
}
.fa-creative-commons-remix {
  --fa: "";
}
.fa-cc-amazon-pay {
  --fa: "";
}
.fa-dropbox {
  --fa: "";
}
.fa-instagram {
  --fa: "";
}
.fa-cmplid {
  --fa: "";
}
.fa-upwork {
  --fa: "";
}
.fa-facebook {
  --fa: "";
}
.fa-gripfire {
  --fa: "";
}
.fa-jedi-order {
  --fa: "";
}
.fa-uikit {
  --fa: "";
}
.fa-fort-awesome-alt {
  --fa: "";
}
.fa-phabricator {
  --fa: "";
}
.fa-ussunnah {
  --fa: "";
}
.fa-earlybirds {
  --fa: "";
}
.fa-trade-federation {
  --fa: "";
}
.fa-autoprefixer {
  --fa: "";
}
.fa-whatsapp {
  --fa: "";
}
.fa-square-upwork {
  --fa: "";
}
.fa-slideshare {
  --fa: "";
}
.fa-google-play {
  --fa: "";
}
.fa-viadeo {
  --fa: "";
}
.fa-line {
  --fa: "";
}
.fa-google-drive {
  --fa: "";
}
.fa-servicestack {
  --fa: "";
}
.fa-simplybuilt {
  --fa: "";
}
.fa-bitbucket {
  --fa: "";
}
.fa-imdb {
  --fa: "";
}
.fa-deezer {
  --fa: "";
}
.fa-raspberry-pi {
  --fa: "";
}
.fa-jira {
  --fa: "";
}
.fa-docker {
  --fa: "";
}
.fa-screenpal {
  --fa: "";
}
.fa-bluetooth {
  --fa: "";
}
.fa-gitter {
  --fa: "";
}
.fa-d-and-d {
  --fa: "";
}
.fa-microblog {
  --fa: "";
}
.fa-cc-diners-club {
  --fa: "";
}
.fa-gg-circle {
  --fa: "";
}
.fa-pied-piper-hat {
  --fa: "";
}
.fa-kickstarter-k {
  --fa: "";
}
.fa-yandex {
  --fa: "";
}
.fa-readme {
  --fa: "";
}
.fa-html5 {
  --fa: "";
}
.fa-sellsy {
  --fa: "";
}
.fa-square-web-awesome {
  --fa: "";
}
.fa-sass {
  --fa: "";
}
.fa-wirsindhandwerk {
  --fa: "";
}
.fa-wsh {
  --fa: "";
}
.fa-buromobelexperte {
  --fa: "";
}
.fa-salesforce {
  --fa: "";
}
.fa-octopus-deploy {
  --fa: "";
}
.fa-medapps {
  --fa: "";
}
.fa-ns8 {
  --fa: "";
}
.fa-pinterest-p {
  --fa: "";
}
.fa-apper {
  --fa: "";
}
.fa-fort-awesome {
  --fa: "";
}
.fa-waze {
  --fa: "";
}
.fa-bluesky {
  --fa: "";
}
.fa-cc-jcb {
  --fa: "";
}
.fa-snapchat {
  --fa: "";
}
.fa-snapchat-ghost {
  --fa: "";
}
.fa-fantasy-flight-games {
  --fa: "";
}
.fa-rust {
  --fa: "";
}
.fa-wix {
  --fa: "";
}
.fa-square-behance {
  --fa: "";
}
.fa-behance-square {
  --fa: "";
}
.fa-supple {
  --fa: "";
}
.fa-webflow {
  --fa: "";
}
.fa-rebel {
  --fa: "";
}
.fa-css3 {
  --fa: "";
}
.fa-staylinked {
  --fa: "";
}
.fa-kaggle {
  --fa: "";
}
.fa-space-awesome {
  --fa: "";
}
.fa-deviantart {
  --fa: "";
}
.fa-cpanel {
  --fa: "";
}
.fa-goodreads-g {
  --fa: "";
}
.fa-square-git {
  --fa: "";
}
.fa-git-square {
  --fa: "";
}
.fa-square-tumblr {
  --fa: "";
}
.fa-tumblr-square {
  --fa: "";
}
.fa-trello {
  --fa: "";
}
.fa-creative-commons-nc-jp {
  --fa: "";
}
.fa-get-pocket {
  --fa: "";
}
.fa-perbyte {
  --fa: "";
}
.fa-grunt {
  --fa: "";
}
.fa-weebly {
  --fa: "";
}
.fa-connectdevelop {
  --fa: "";
}
.fa-leanpub {
  --fa: "";
}
.fa-black-tie {
  --fa: "";
}
.fa-themeco {
  --fa: "";
}
.fa-python {
  --fa: "";
}
.fa-android {
  --fa: "";
}
.fa-bots {
  --fa: "";
}
.fa-free-code-camp {
  --fa: "";
}
.fa-hornbill {
  --fa: "";
}
.fa-js {
  --fa: "";
}
.fa-ideal {
  --fa: "";
}
.fa-git {
  --fa: "";
}
.fa-dev {
  --fa: "";
}
.fa-sketch {
  --fa: "";
}
.fa-yandex-international {
  --fa: "";
}
.fa-cc-amex {
  --fa: "";
}
.fa-uber {
  --fa: "";
}
.fa-github {
  --fa: "";
}
.fa-php {
  --fa: "";
}
.fa-alipay {
  --fa: "";
}
.fa-youtube {
  --fa: "";
}
.fa-skyatlas {
  --fa: "";
}
.fa-firefox-browser {
  --fa: "";
}
.fa-replyd {
  --fa: "";
}
.fa-suse {
  --fa: "";
}
.fa-jenkins {
  --fa: "";
}
.fa-twitter {
  --fa: "";
}
.fa-rockrms {
  --fa: "";
}
.fa-pinterest {
  --fa: "";
}
.fa-buffer {
  --fa: "";
}
.fa-npm {
  --fa: "";
}
.fa-yammer {
  --fa: "";
}
.fa-btc {
  --fa: "";
}
.fa-dribbble {
  --fa: "";
}
.fa-stumbleupon-circle {
  --fa: "";
}
.fa-internet-explorer {
  --fa: "";
}
.fa-stubber {
  --fa: "";
}
.fa-telegram {
  --fa: "";
}
.fa-telegram-plane {
  --fa: "";
}
.fa-old-republic {
  --fa: "";
}
.fa-odysee {
  --fa: "";
}
.fa-square-whatsapp {
  --fa: "";
}
.fa-whatsapp-square {
  --fa: "";
}
.fa-node-js {
  --fa: "";
}
.fa-edge-legacy {
  --fa: "";
}
.fa-slack {
  --fa: "";
}
.fa-slack-hash {
  --fa: "";
}
.fa-medrt {
  --fa: "";
}
.fa-usb {
  --fa: "";
}
.fa-tumblr {
  --fa: "";
}
.fa-vaadin {
  --fa: "";
}
.fa-quora {
  --fa: "";
}
.fa-square-x-twitter {
  --fa: "";
}
.fa-reacteurope {
  --fa: "";
}
.fa-medium {
  --fa: "";
}
.fa-medium-m {
  --fa: "";
}
.fa-amilia {
  --fa: "";
}
.fa-mixcloud {
  --fa: "";
}
.fa-flipboard {
  --fa: "";
}
.fa-viacoin {
  --fa: "";
}
.fa-critical-role {
  --fa: "";
}
.fa-sitrox {
  --fa: "";
}
.fa-discourse {
  --fa: "";
}
.fa-joomla {
  --fa: "";
}
.fa-mastodon {
  --fa: "";
}
.fa-airbnb {
  --fa: "";
}
.fa-wolf-pack-battalion {
  --fa: "";
}
.fa-buy-n-large {
  --fa: "";
}
.fa-gulp {
  --fa: "";
}
.fa-creative-commons-sampling-plus {
  --fa: "";
}
.fa-strava {
  --fa: "";
}
.fa-ember {
  --fa: "";
}
.fa-canadian-maple-leaf {
  --fa: "";
}
.fa-teamspeak {
  --fa: "";
}
.fa-pushed {
  --fa: "";
}
.fa-wordpress-simple {
  --fa: "";
}
.fa-nutritionix {
  --fa: "";
}
.fa-wodu {
  --fa: "";
}
.fa-google-pay {
  --fa: "";
}
.fa-intercom {
  --fa: "";
}
.fa-zhihu {
  --fa: "";
}
.fa-korvue {
  --fa: "";
}
.fa-pix {
  --fa: "";
}
.fa-steam-symbol {
  --fa: "";
}
/*!
 * Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2024 Fonticons, Inc.
 */
:root, :host {
  --fa-style-family-classic: "Font Awesome 6 Free";
  --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Free";
}
@font-face {
  font-family: "Font Awesome 6 Free";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(/theme/font.php/boost_union/core/1792421257/fa-regular-400.woff2) format("woff2"), url(/theme/font.php/boost_union/core/1792421257/fa-regular-400.ttf) format("truetype");
}
.far, .fa-regular {
  font-weight: 400;
}
/*!
 * Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2024 Fonticons, Inc.
 */
:root, :host {
  --fa-style-family-classic: "Font Awesome 6 Free";
  --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free";
}
@font-face {
  font-family: "Font Awesome 6 Free";
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url(/theme/font.php/boost_union/core/1792421257/fa-solid-900.woff2) format("woff2"), url(/theme/font.php/boost_union/core/1792421257/fa-solid-900.ttf) format("truetype");
}
.fas, .fa-solid {
  font-weight: 900;
}
/*!
 * Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2024 Fonticons, Inc.
 */
.fa.fa-glass {
  --fa: "";
}
.fa.fa-envelope-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-envelope-o {
  --fa: "";
}
.fa.fa-star-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-star-o {
  --fa: "";
}
.fa.fa-remove {
  --fa: "";
}
.fa.fa-close {
  --fa: "";
}
.fa.fa-gear {
  --fa: "";
}
.fa.fa-trash-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-trash-o {
  --fa: "";
}
.fa.fa-home {
  --fa: "";
}
.fa.fa-file-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-file-o {
  --fa: "";
}
.fa.fa-clock-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-clock-o {
  --fa: "";
}
.fa.fa-arrow-circle-o-down {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-arrow-circle-o-down {
  --fa: "";
}
.fa.fa-arrow-circle-o-up {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-arrow-circle-o-up {
  --fa: "";
}
.fa.fa-play-circle-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-play-circle-o {
  --fa: "";
}
.fa.fa-repeat {
  --fa: "";
}
.fa.fa-rotate-right {
  --fa: "";
}
.fa.fa-refresh {
  --fa: "";
}
.fa.fa-list-alt {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-list-alt {
  --fa: "";
}
.fa.fa-dedent {
  --fa: "";
}
.fa.fa-video-camera {
  --fa: "";
}
.fa.fa-picture-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-picture-o {
  --fa: "";
}
.fa.fa-photo {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-photo {
  --fa: "";
}
.fa.fa-image {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-image {
  --fa: "";
}
.fa.fa-map-marker {
  --fa: "";
}
.fa.fa-pencil-square-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-pencil-square-o {
  --fa: "";
}
.fa.fa-edit {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-edit {
  --fa: "";
}
.fa.fa-share-square-o {
  --fa: "";
}
.fa.fa-check-square-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-check-square-o {
  --fa: "";
}
.fa.fa-arrows {
  --fa: "";
}
.fa.fa-times-circle-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-times-circle-o {
  --fa: "";
}
.fa.fa-check-circle-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-check-circle-o {
  --fa: "";
}
.fa.fa-mail-forward {
  --fa: "";
}
.fa.fa-expand {
  --fa: "";
}
.fa.fa-compress {
  --fa: "";
}
.fa.fa-eye {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-eye-slash {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-warning {
  --fa: "";
}
.fa.fa-calendar {
  --fa: "";
}
.fa.fa-arrows-v {
  --fa: "";
}
.fa.fa-arrows-h {
  --fa: "";
}
.fa.fa-bar-chart {
  --fa: "";
}
.fa.fa-bar-chart-o {
  --fa: "";
}
.fa.fa-twitter-square {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-twitter-square {
  --fa: "";
}
.fa.fa-facebook-square {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-facebook-square {
  --fa: "";
}
.fa.fa-gears {
  --fa: "";
}
.fa.fa-thumbs-o-up {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-thumbs-o-up {
  --fa: "";
}
.fa.fa-thumbs-o-down {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-thumbs-o-down {
  --fa: "";
}
.fa.fa-heart-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-heart-o {
  --fa: "";
}
.fa.fa-sign-out {
  --fa: "";
}
.fa.fa-linkedin-square {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-linkedin-square {
  --fa: "";
}
.fa.fa-thumb-tack {
  --fa: "";
}
.fa.fa-external-link {
  --fa: "";
}
.fa.fa-sign-in {
  --fa: "";
}
.fa.fa-github-square {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-github-square {
  --fa: "";
}
.fa.fa-lemon-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-lemon-o {
  --fa: "";
}
.fa.fa-square-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-square-o {
  --fa: "";
}
.fa.fa-bookmark-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-bookmark-o {
  --fa: "";
}
.fa.fa-twitter {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-facebook {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-facebook {
  --fa: "";
}
.fa.fa-facebook-f {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-facebook-f {
  --fa: "";
}
.fa.fa-github {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-credit-card {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-feed {
  --fa: "";
}
.fa.fa-hdd-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-hdd-o {
  --fa: "";
}
.fa.fa-hand-o-right {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-hand-o-right {
  --fa: "";
}
.fa.fa-hand-o-left {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-hand-o-left {
  --fa: "";
}
.fa.fa-hand-o-up {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-hand-o-up {
  --fa: "";
}
.fa.fa-hand-o-down {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-hand-o-down {
  --fa: "";
}
.fa.fa-globe {
  --fa: "";
}
.fa.fa-tasks {
  --fa: "";
}
.fa.fa-arrows-alt {
  --fa: "";
}
.fa.fa-group {
  --fa: "";
}
.fa.fa-chain {
  --fa: "";
}
.fa.fa-cut {
  --fa: "";
}
.fa.fa-files-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-files-o {
  --fa: "";
}
.fa.fa-floppy-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-floppy-o {
  --fa: "";
}
.fa.fa-save {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-save {
  --fa: "";
}
.fa.fa-navicon {
  --fa: "";
}
.fa.fa-reorder {
  --fa: "";
}
.fa.fa-magic {
  --fa: "";
}
.fa.fa-pinterest {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-pinterest-square {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-pinterest-square {
  --fa: "";
}
.fa.fa-google-plus-square {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-google-plus-square {
  --fa: "";
}
.fa.fa-google-plus {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-google-plus {
  --fa: "";
}
.fa.fa-money {
  --fa: "";
}
.fa.fa-unsorted {
  --fa: "";
}
.fa.fa-sort-desc {
  --fa: "";
}
.fa.fa-sort-asc {
  --fa: "";
}
.fa.fa-linkedin {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-linkedin {
  --fa: "";
}
.fa.fa-rotate-left {
  --fa: "";
}
.fa.fa-legal {
  --fa: "";
}
.fa.fa-tachometer {
  --fa: "";
}
.fa.fa-dashboard {
  --fa: "";
}
.fa.fa-comment-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-comment-o {
  --fa: "";
}
.fa.fa-comments-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-comments-o {
  --fa: "";
}
.fa.fa-flash {
  --fa: "";
}
.fa.fa-clipboard {
  --fa: "";
}
.fa.fa-lightbulb-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-lightbulb-o {
  --fa: "";
}
.fa.fa-exchange {
  --fa: "";
}
.fa.fa-cloud-download {
  --fa: "";
}
.fa.fa-cloud-upload {
  --fa: "";
}
.fa.fa-bell-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-bell-o {
  --fa: "";
}
.fa.fa-cutlery {
  --fa: "";
}
.fa.fa-file-text-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-file-text-o {
  --fa: "";
}
.fa.fa-building-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-building-o {
  --fa: "";
}
.fa.fa-hospital-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-hospital-o {
  --fa: "";
}
.fa.fa-tablet {
  --fa: "";
}
.fa.fa-mobile {
  --fa: "";
}
.fa.fa-mobile-phone {
  --fa: "";
}
.fa.fa-circle-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-circle-o {
  --fa: "";
}
.fa.fa-mail-reply {
  --fa: "";
}
.fa.fa-github-alt {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-folder-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-folder-o {
  --fa: "";
}
.fa.fa-folder-open-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-folder-open-o {
  --fa: "";
}
.fa.fa-smile-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-smile-o {
  --fa: "";
}
.fa.fa-frown-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-frown-o {
  --fa: "";
}
.fa.fa-meh-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-meh-o {
  --fa: "";
}
.fa.fa-keyboard-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-keyboard-o {
  --fa: "";
}
.fa.fa-flag-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-flag-o {
  --fa: "";
}
.fa.fa-mail-reply-all {
  --fa: "";
}
.fa.fa-star-half-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-star-half-o {
  --fa: "";
}
.fa.fa-star-half-empty {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-star-half-empty {
  --fa: "";
}
.fa.fa-star-half-full {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-star-half-full {
  --fa: "";
}
.fa.fa-code-fork {
  --fa: "";
}
.fa.fa-chain-broken {
  --fa: "";
}
.fa.fa-unlink {
  --fa: "";
}
.fa.fa-calendar-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-calendar-o {
  --fa: "";
}
.fa.fa-maxcdn {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-html5 {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-css3 {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-unlock-alt {
  --fa: "";
}
.fa.fa-minus-square-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-minus-square-o {
  --fa: "";
}
.fa.fa-level-up {
  --fa: "";
}
.fa.fa-level-down {
  --fa: "";
}
.fa.fa-pencil-square {
  --fa: "";
}
.fa.fa-external-link-square {
  --fa: "";
}
.fa.fa-compass {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-caret-square-o-down {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-caret-square-o-down {
  --fa: "";
}
.fa.fa-toggle-down {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-toggle-down {
  --fa: "";
}
.fa.fa-caret-square-o-up {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-caret-square-o-up {
  --fa: "";
}
.fa.fa-toggle-up {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-toggle-up {
  --fa: "";
}
.fa.fa-caret-square-o-right {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-caret-square-o-right {
  --fa: "";
}
.fa.fa-toggle-right {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-toggle-right {
  --fa: "";
}
.fa.fa-eur {
  --fa: "";
}
.fa.fa-euro {
  --fa: "";
}
.fa.fa-gbp {
  --fa: "";
}
.fa.fa-usd {
  --fa: "$";
}
.fa.fa-dollar {
  --fa: "$";
}
.fa.fa-inr {
  --fa: "";
}
.fa.fa-rupee {
  --fa: "";
}
.fa.fa-jpy {
  --fa: "";
}
.fa.fa-cny {
  --fa: "";
}
.fa.fa-rmb {
  --fa: "";
}
.fa.fa-yen {
  --fa: "";
}
.fa.fa-rub {
  --fa: "";
}
.fa.fa-ruble {
  --fa: "";
}
.fa.fa-rouble {
  --fa: "";
}
.fa.fa-krw {
  --fa: "";
}
.fa.fa-won {
  --fa: "";
}
.fa.fa-btc {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-bitcoin {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-bitcoin {
  --fa: "";
}
.fa.fa-file-text {
  --fa: "";
}
.fa.fa-sort-alpha-asc {
  --fa: "";
}
.fa.fa-sort-alpha-desc {
  --fa: "";
}
.fa.fa-sort-amount-asc {
  --fa: "";
}
.fa.fa-sort-amount-desc {
  --fa: "";
}
.fa.fa-sort-numeric-asc {
  --fa: "";
}
.fa.fa-sort-numeric-desc {
  --fa: "";
}
.fa.fa-youtube-square {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-youtube-square {
  --fa: "";
}
.fa.fa-youtube {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-xing {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-xing-square {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-xing-square {
  --fa: "";
}
.fa.fa-youtube-play {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-youtube-play {
  --fa: "";
}
.fa.fa-dropbox {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-stack-overflow {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-instagram {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-flickr {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-adn {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-bitbucket {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-bitbucket-square {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-bitbucket-square {
  --fa: "";
}
.fa.fa-tumblr {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-tumblr-square {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-tumblr-square {
  --fa: "";
}
.fa.fa-long-arrow-down {
  --fa: "";
}
.fa.fa-long-arrow-up {
  --fa: "";
}
.fa.fa-long-arrow-left {
  --fa: "";
}
.fa.fa-long-arrow-right {
  --fa: "";
}
.fa.fa-apple {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-windows {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-android {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-linux {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-dribbble {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-skype {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-foursquare {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-trello {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-gratipay {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-gittip {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-gittip {
  --fa: "";
}
.fa.fa-sun-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-sun-o {
  --fa: "";
}
.fa.fa-moon-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-moon-o {
  --fa: "";
}
.fa.fa-vk {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-weibo {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-renren {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-pagelines {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-stack-exchange {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-arrow-circle-o-right {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-arrow-circle-o-right {
  --fa: "";
}
.fa.fa-arrow-circle-o-left {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-arrow-circle-o-left {
  --fa: "";
}
.fa.fa-caret-square-o-left {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-caret-square-o-left {
  --fa: "";
}
.fa.fa-toggle-left {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-toggle-left {
  --fa: "";
}
.fa.fa-dot-circle-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-dot-circle-o {
  --fa: "";
}
.fa.fa-vimeo-square {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-vimeo-square {
  --fa: "";
}
.fa.fa-try {
  --fa: "";
}
.fa.fa-turkish-lira {
  --fa: "";
}
.fa.fa-plus-square-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-plus-square-o {
  --fa: "";
}
.fa.fa-slack {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-wordpress {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-openid {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-institution {
  --fa: "";
}
.fa.fa-bank {
  --fa: "";
}
.fa.fa-mortar-board {
  --fa: "";
}
.fa.fa-yahoo {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-google {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-reddit {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-reddit-square {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-reddit-square {
  --fa: "";
}
.fa.fa-stumbleupon-circle {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-stumbleupon {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-delicious {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-digg {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-pied-piper-pp {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-pied-piper-alt {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-drupal {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-joomla {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-behance {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-behance-square {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-behance-square {
  --fa: "";
}
.fa.fa-steam {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-steam-square {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-steam-square {
  --fa: "";
}
.fa.fa-automobile {
  --fa: "";
}
.fa.fa-cab {
  --fa: "";
}
.fa.fa-spotify {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-deviantart {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-soundcloud {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-file-pdf-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-file-pdf-o {
  --fa: "";
}
.fa.fa-file-word-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-file-word-o {
  --fa: "";
}
.fa.fa-file-excel-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-file-excel-o {
  --fa: "";
}
.fa.fa-file-powerpoint-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-file-powerpoint-o {
  --fa: "";
}
.fa.fa-file-image-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-file-image-o {
  --fa: "";
}
.fa.fa-file-photo-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-file-photo-o {
  --fa: "";
}
.fa.fa-file-picture-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-file-picture-o {
  --fa: "";
}
.fa.fa-file-archive-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-file-archive-o {
  --fa: "";
}
.fa.fa-file-zip-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-file-zip-o {
  --fa: "";
}
.fa.fa-file-audio-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-file-audio-o {
  --fa: "";
}
.fa.fa-file-sound-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-file-sound-o {
  --fa: "";
}
.fa.fa-file-video-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-file-video-o {
  --fa: "";
}
.fa.fa-file-movie-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-file-movie-o {
  --fa: "";
}
.fa.fa-file-code-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-file-code-o {
  --fa: "";
}
.fa.fa-vine {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-codepen {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-jsfiddle {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-life-bouy {
  --fa: "";
}
.fa.fa-life-buoy {
  --fa: "";
}
.fa.fa-life-saver {
  --fa: "";
}
.fa.fa-support {
  --fa: "";
}
.fa.fa-circle-o-notch {
  --fa: "";
}
.fa.fa-rebel {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-ra {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-ra {
  --fa: "";
}
.fa.fa-resistance {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-resistance {
  --fa: "";
}
.fa.fa-empire {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-ge {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-ge {
  --fa: "";
}
.fa.fa-git-square {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-git-square {
  --fa: "";
}
.fa.fa-git {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-hacker-news {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-y-combinator-square {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-y-combinator-square {
  --fa: "";
}
.fa.fa-yc-square {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-yc-square {
  --fa: "";
}
.fa.fa-tencent-weibo {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-qq {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-weixin {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-wechat {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-wechat {
  --fa: "";
}
.fa.fa-send {
  --fa: "";
}
.fa.fa-paper-plane-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-paper-plane-o {
  --fa: "";
}
.fa.fa-send-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-send-o {
  --fa: "";
}
.fa.fa-circle-thin {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-circle-thin {
  --fa: "";
}
.fa.fa-header {
  --fa: "";
}
.fa.fa-futbol-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-futbol-o {
  --fa: "";
}
.fa.fa-soccer-ball-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-soccer-ball-o {
  --fa: "";
}
.fa.fa-slideshare {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-twitch {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-yelp {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-newspaper-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-newspaper-o {
  --fa: "";
}
.fa.fa-paypal {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-google-wallet {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-cc-visa {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-cc-mastercard {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-cc-discover {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-cc-amex {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-cc-paypal {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-cc-stripe {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-bell-slash-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-bell-slash-o {
  --fa: "";
}
.fa.fa-trash {
  --fa: "";
}
.fa.fa-copyright {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-eyedropper {
  --fa: "";
}
.fa.fa-area-chart {
  --fa: "";
}
.fa.fa-pie-chart {
  --fa: "";
}
.fa.fa-line-chart {
  --fa: "";
}
.fa.fa-lastfm {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-lastfm-square {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-lastfm-square {
  --fa: "";
}
.fa.fa-ioxhost {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-angellist {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-cc {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-cc {
  --fa: "";
}
.fa.fa-ils {
  --fa: "";
}
.fa.fa-shekel {
  --fa: "";
}
.fa.fa-sheqel {
  --fa: "";
}
.fa.fa-buysellads {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-connectdevelop {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-dashcube {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-forumbee {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-leanpub {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-sellsy {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-shirtsinbulk {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-simplybuilt {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-skyatlas {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-diamond {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-diamond {
  --fa: "";
}
.fa.fa-transgender {
  --fa: "";
}
.fa.fa-intersex {
  --fa: "";
}
.fa.fa-transgender-alt {
  --fa: "";
}
.fa.fa-facebook-official {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-facebook-official {
  --fa: "";
}
.fa.fa-pinterest-p {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-whatsapp {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-hotel {
  --fa: "";
}
.fa.fa-viacoin {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-medium {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-y-combinator {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-yc {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-yc {
  --fa: "";
}
.fa.fa-optin-monster {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-opencart {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-expeditedssl {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-battery-4 {
  --fa: "";
}
.fa.fa-battery {
  --fa: "";
}
.fa.fa-battery-3 {
  --fa: "";
}
.fa.fa-battery-2 {
  --fa: "";
}
.fa.fa-battery-1 {
  --fa: "";
}
.fa.fa-battery-0 {
  --fa: "";
}
.fa.fa-object-group {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-object-ungroup {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-sticky-note-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-sticky-note-o {
  --fa: "";
}
.fa.fa-cc-jcb {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-cc-diners-club {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-clone {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-hourglass-o {
  --fa: "";
}
.fa.fa-hourglass-1 {
  --fa: "";
}
.fa.fa-hourglass-2 {
  --fa: "";
}
.fa.fa-hourglass-3 {
  --fa: "";
}
.fa.fa-hand-rock-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-hand-rock-o {
  --fa: "";
}
.fa.fa-hand-grab-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-hand-grab-o {
  --fa: "";
}
.fa.fa-hand-paper-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-hand-paper-o {
  --fa: "";
}
.fa.fa-hand-stop-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-hand-stop-o {
  --fa: "";
}
.fa.fa-hand-scissors-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-hand-scissors-o {
  --fa: "";
}
.fa.fa-hand-lizard-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-hand-lizard-o {
  --fa: "";
}
.fa.fa-hand-spock-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-hand-spock-o {
  --fa: "";
}
.fa.fa-hand-pointer-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-hand-pointer-o {
  --fa: "";
}
.fa.fa-hand-peace-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-hand-peace-o {
  --fa: "";
}
.fa.fa-registered {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-creative-commons {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-gg {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-gg-circle {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-odnoklassniki {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-odnoklassniki-square {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-odnoklassniki-square {
  --fa: "";
}
.fa.fa-get-pocket {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-wikipedia-w {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-safari {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-chrome {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-firefox {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-opera {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-internet-explorer {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-television {
  --fa: "";
}
.fa.fa-contao {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-500px {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-amazon {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-calendar-plus-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-calendar-plus-o {
  --fa: "";
}
.fa.fa-calendar-minus-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-calendar-minus-o {
  --fa: "";
}
.fa.fa-calendar-times-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-calendar-times-o {
  --fa: "";
}
.fa.fa-calendar-check-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-calendar-check-o {
  --fa: "";
}
.fa.fa-map-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-map-o {
  --fa: "";
}
.fa.fa-commenting {
  --fa: "";
}
.fa.fa-commenting-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-commenting-o {
  --fa: "";
}
.fa.fa-houzz {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-vimeo {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-vimeo {
  --fa: "";
}
.fa.fa-black-tie {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-fonticons {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-reddit-alien {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-edge {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-credit-card-alt {
  --fa: "";
}
.fa.fa-codiepie {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-modx {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-fort-awesome {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-usb {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-product-hunt {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-mixcloud {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-scribd {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-pause-circle-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-pause-circle-o {
  --fa: "";
}
.fa.fa-stop-circle-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-stop-circle-o {
  --fa: "";
}
.fa.fa-bluetooth {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-bluetooth-b {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-gitlab {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-wpbeginner {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-wpforms {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-envira {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-wheelchair-alt {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-wheelchair-alt {
  --fa: "";
}
.fa.fa-question-circle-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-question-circle-o {
  --fa: "";
}
.fa.fa-volume-control-phone {
  --fa: "";
}
.fa.fa-asl-interpreting {
  --fa: "";
}
.fa.fa-deafness {
  --fa: "";
}
.fa.fa-hard-of-hearing {
  --fa: "";
}
.fa.fa-glide {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-glide-g {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-signing {
  --fa: "";
}
.fa.fa-viadeo {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-viadeo-square {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-viadeo-square {
  --fa: "";
}
.fa.fa-snapchat {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-snapchat-ghost {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-snapchat-ghost {
  --fa: "";
}
.fa.fa-snapchat-square {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-snapchat-square {
  --fa: "";
}
.fa.fa-pied-piper {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-first-order {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-yoast {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-themeisle {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-google-plus-official {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-google-plus-official {
  --fa: "";
}
.fa.fa-google-plus-circle {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-google-plus-circle {
  --fa: "";
}
.fa.fa-font-awesome {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-fa {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-fa {
  --fa: "";
}
.fa.fa-handshake-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-handshake-o {
  --fa: "";
}
.fa.fa-envelope-open-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-envelope-open-o {
  --fa: "";
}
.fa.fa-linode {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-address-book-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-address-book-o {
  --fa: "";
}
.fa.fa-vcard {
  --fa: "";
}
.fa.fa-address-card-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-address-card-o {
  --fa: "";
}
.fa.fa-vcard-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-vcard-o {
  --fa: "";
}
.fa.fa-user-circle-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-user-circle-o {
  --fa: "";
}
.fa.fa-user-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-user-o {
  --fa: "";
}
.fa.fa-id-badge {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-drivers-license {
  --fa: "";
}
.fa.fa-id-card-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-id-card-o {
  --fa: "";
}
.fa.fa-drivers-license-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-drivers-license-o {
  --fa: "";
}
.fa.fa-quora {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-free-code-camp {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-telegram {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-thermometer-4 {
  --fa: "";
}
.fa.fa-thermometer {
  --fa: "";
}
.fa.fa-thermometer-3 {
  --fa: "";
}
.fa.fa-thermometer-2 {
  --fa: "";
}
.fa.fa-thermometer-1 {
  --fa: "";
}
.fa.fa-thermometer-0 {
  --fa: "";
}
.fa.fa-bathtub {
  --fa: "";
}
.fa.fa-s15 {
  --fa: "";
}
.fa.fa-window-maximize {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-window-restore {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-times-rectangle {
  --fa: "";
}
.fa.fa-window-close-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-window-close-o {
  --fa: "";
}
.fa.fa-times-rectangle-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-times-rectangle-o {
  --fa: "";
}
.fa.fa-bandcamp {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-grav {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-etsy {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-imdb {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-ravelry {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-eercast {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-eercast {
  --fa: "";
}
.fa.fa-snowflake-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}
.fa.fa-snowflake-o {
  --fa: "";
}
.fa.fa-superpowers {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-wpexplorer {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa.fa-meetup {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
/*!
 * Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2024 Fonticons, Inc.
 */
.fa {
  font-family: var(--fa-style-family, "Font Awesome 6 Free");
  font-weight: var(--fa-style, 900);
}
.fas, .far, .fab, .fa-solid, .fa-regular, .fa-brands, .fa {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: var(--fa-display, inline-block);
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
}
.fas::before, .far::before, .fab::before, .fa-solid::before, .fa-regular::before, .fa-brands::before, .fa::before {
  content: var(--fa);
}
.fa-classic, .fas, .fa-solid, .far, .fa-regular {
  font-family: "Font Awesome 6 Free";
}
.fa-brands, .fab {
  font-family: "Font Awesome 6 Brands";
}
.fa-1x {
  font-size: 1em;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-6x {
  font-size: 6em;
}
.fa-7x {
  font-size: 7em;
}
.fa-8x {
  font-size: 8em;
}
.fa-9x {
  font-size: 9em;
}
.fa-10x {
  font-size: 10em;
}
.fa-2xs {
  font-size: 0.625em;
  line-height: 0.1em;
  vertical-align: 0.225em;
}
.fa-xs {
  font-size: 0.75em;
  line-height: 0.0833333337em;
  vertical-align: 0.125em;
}
.fa-sm {
  font-size: 0.875em;
  line-height: 0.0714285718em;
  vertical-align: 0.0535714295em;
}
.fa-lg {
  font-size: 1.25em;
  line-height: 0.05em;
  vertical-align: -0.075em;
}
.fa-xl {
  font-size: 1.5em;
  line-height: 0.0416666682em;
  vertical-align: -0.125em;
}
.fa-2xl {
  font-size: 2em;
  line-height: 0.03125em;
  vertical-align: -0.1875em;
}
.fa-fw {
  text-align: center;
  width: 1.25em;
}
.fa-ul {
  list-style-type: none;
  margin-left: var(--fa-li-margin, 2.5em);
  padding-left: 0;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  left: calc(-1 * var(--fa-li-width, 2em));
  position: absolute;
  text-align: center;
  width: var(--fa-li-width, 2em);
  line-height: inherit;
}
.fa-border {
  border-color: var(--fa-border-color, #eee);
  border-radius: var(--fa-border-radius, 0.1em);
  border-style: var(--fa-border-style, solid);
  border-width: var(--fa-border-width, 0.08em);
  padding: var(--fa-border-padding, 0.2em 0.25em 0.15em);
}
.fa-pull-left {
  float: left;
  margin-right: var(--fa-pull-margin, 0.3em);
}
.fa-pull-right {
  float: right;
  margin-left: var(--fa-pull-margin, 0.3em);
}
.fa-beat {
  animation-name: fa-beat;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, ease-in-out);
}
.fa-bounce {
  animation-name: fa-bounce;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1));
}
.fa-fade {
  animation-name: fa-fade;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
}
.fa-beat-fade {
  animation-name: fa-beat-fade;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
}
.fa-flip {
  animation-name: fa-flip;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, ease-in-out);
}
.fa-shake {
  animation-name: fa-shake;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, linear);
}
.fa-spin {
  animation-name: fa-spin;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 2s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, linear);
}
.fa-spin-reverse {
  --fa-animation-direction: reverse;
}
.fa-pulse, .fa-spin-pulse {
  animation-name: fa-spin;
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, steps(8));
}
@media (prefers-reduced-motion: reduce) {
  .fa-beat, .fa-bounce, .fa-fade, .fa-beat-fade, .fa-flip, .fa-pulse, .fa-shake, .fa-spin, .fa-spin-pulse {
    animation-delay: -1ms;
    animation-duration: 1ms;
    animation-iteration-count: 1;
    transition-delay: 0s;
    transition-duration: 0s;
  }
}
@keyframes fa-beat {
  0%, 90% {
    transform: scale(1);
  }
  45% {
    transform: scale(var(--fa-beat-scale, 1.25));
  }
}
@keyframes fa-bounce {
  0% {
    transform: scale(1, 1) translateY(0);
  }
  10% {
    transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);
  }
  30% {
    transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em));
  }
  50% {
    transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);
  }
  57% {
    transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em));
  }
  64% {
    transform: scale(1, 1) translateY(0);
  }
  100% {
    transform: scale(1, 1) translateY(0);
  }
}
@keyframes fa-fade {
  50% {
    opacity: var(--fa-fade-opacity, 0.4);
  }
}
@keyframes fa-beat-fade {
  0%, 100% {
    opacity: var(--fa-beat-fade-opacity, 0.4);
    transform: scale(1);
  }
  50% {
    opacity: 1;
    transform: scale(var(--fa-beat-fade-scale, 1.125));
  }
}
@keyframes fa-flip {
  50% {
    transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
  }
}
@keyframes fa-shake {
  0% {
    transform: rotate(-15deg);
  }
  4% {
    transform: rotate(15deg);
  }
  8%, 24% {
    transform: rotate(-18deg);
  }
  12%, 28% {
    transform: rotate(18deg);
  }
  16% {
    transform: rotate(-22deg);
  }
  20% {
    transform: rotate(22deg);
  }
  32% {
    transform: rotate(-12deg);
  }
  36% {
    transform: rotate(12deg);
  }
  40%, 100% {
    transform: rotate(0deg);
  }
}
@keyframes fa-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.fa-rotate-90 {
  transform: rotate(90deg);
}
.fa-rotate-180 {
  transform: rotate(180deg);
}
.fa-rotate-270 {
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  transform: scale(1, -1);
}
.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical {
  transform: scale(-1, -1);
}
.fa-rotate-by {
  transform: rotate(var(--fa-rotate-angle, 0));
}
.fa-stack {
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  vertical-align: middle;
  width: 2.5em;
}
.fa-stack-1x, .fa-stack-2x {
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: var(--fa-stack-z-index, auto);
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: var(--fa-inverse, #fff);
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.fa-0 {
  --fa: "0";
}
.fa-1 {
  --fa: "1";
}
.fa-2 {
  --fa: "2";
}
.fa-3 {
  --fa: "3";
}
.fa-4 {
  --fa: "4";
}
.fa-5 {
  --fa: "5";
}
.fa-6 {
  --fa: "6";
}
.fa-7 {
  --fa: "7";
}
.fa-8 {
  --fa: "8";
}
.fa-9 {
  --fa: "9";
}
.fa-fill-drip {
  --fa: "";
}
.fa-arrows-to-circle {
  --fa: "";
}
.fa-circle-chevron-right {
  --fa: "";
}
.fa-chevron-circle-right {
  --fa: "";
}
.fa-at {
  --fa: "@";
}
.fa-trash-can {
  --fa: "";
}
.fa-trash-alt {
  --fa: "";
}
.fa-text-height {
  --fa: "";
}
.fa-user-xmark {
  --fa: "";
}
.fa-user-times {
  --fa: "";
}
.fa-stethoscope {
  --fa: "";
}
.fa-message {
  --fa: "";
}
.fa-comment-alt {
  --fa: "";
}
.fa-info {
  --fa: "";
}
.fa-down-left-and-up-right-to-center {
  --fa: "";
}
.fa-compress-alt {
  --fa: "";
}
.fa-explosion {
  --fa: "";
}
.fa-file-lines {
  --fa: "";
}
.fa-file-alt {
  --fa: "";
}
.fa-file-text {
  --fa: "";
}
.fa-wave-square {
  --fa: "";
}
.fa-ring {
  --fa: "";
}
.fa-building-un {
  --fa: "";
}
.fa-dice-three {
  --fa: "";
}
.fa-calendar-days {
  --fa: "";
}
.fa-calendar-alt {
  --fa: "";
}
.fa-anchor-circle-check {
  --fa: "";
}
.fa-building-circle-arrow-right {
  --fa: "";
}
.fa-volleyball {
  --fa: "";
}
.fa-volleyball-ball {
  --fa: "";
}
.fa-arrows-up-to-line {
  --fa: "";
}
.fa-sort-down {
  --fa: "";
}
.fa-sort-desc {
  --fa: "";
}
.fa-circle-minus {
  --fa: "";
}
.fa-minus-circle {
  --fa: "";
}
.fa-door-open {
  --fa: "";
}
.fa-right-from-bracket {
  --fa: "";
}
.fa-sign-out-alt {
  --fa: "";
}
.fa-atom {
  --fa: "";
}
.fa-soap {
  --fa: "";
}
.fa-icons {
  --fa: "";
}
.fa-heart-music-camera-bolt {
  --fa: "";
}
.fa-microphone-lines-slash {
  --fa: "";
}
.fa-microphone-alt-slash {
  --fa: "";
}
.fa-bridge-circle-check {
  --fa: "";
}
.fa-pump-medical {
  --fa: "";
}
.fa-fingerprint {
  --fa: "";
}
.fa-hand-point-right {
  --fa: "";
}
.fa-magnifying-glass-location {
  --fa: "";
}
.fa-search-location {
  --fa: "";
}
.fa-forward-step {
  --fa: "";
}
.fa-step-forward {
  --fa: "";
}
.fa-face-smile-beam {
  --fa: "";
}
.fa-smile-beam {
  --fa: "";
}
.fa-flag-checkered {
  --fa: "";
}
.fa-football {
  --fa: "";
}
.fa-football-ball {
  --fa: "";
}
.fa-school-circle-exclamation {
  --fa: "";
}
.fa-crop {
  --fa: "";
}
.fa-angles-down {
  --fa: "";
}
.fa-angle-double-down {
  --fa: "";
}
.fa-users-rectangle {
  --fa: "";
}
.fa-people-roof {
  --fa: "";
}
.fa-people-line {
  --fa: "";
}
.fa-beer-mug-empty {
  --fa: "";
}
.fa-beer {
  --fa: "";
}
.fa-diagram-predecessor {
  --fa: "";
}
.fa-arrow-up-long {
  --fa: "";
}
.fa-long-arrow-up {
  --fa: "";
}
.fa-fire-flame-simple {
  --fa: "";
}
.fa-burn {
  --fa: "";
}
.fa-person {
  --fa: "";
}
.fa-male {
  --fa: "";
}
.fa-laptop {
  --fa: "";
}
.fa-file-csv {
  --fa: "";
}
.fa-menorah {
  --fa: "";
}
.fa-truck-plane {
  --fa: "";
}
.fa-record-vinyl {
  --fa: "";
}
.fa-face-grin-stars {
  --fa: "";
}
.fa-grin-stars {
  --fa: "";
}
.fa-bong {
  --fa: "";
}
.fa-spaghetti-monster-flying {
  --fa: "";
}
.fa-pastafarianism {
  --fa: "";
}
.fa-arrow-down-up-across-line {
  --fa: "";
}
.fa-spoon {
  --fa: "";
}
.fa-utensil-spoon {
  --fa: "";
}
.fa-jar-wheat {
  --fa: "";
}
.fa-envelopes-bulk {
  --fa: "";
}
.fa-mail-bulk {
  --fa: "";
}
.fa-file-circle-exclamation {
  --fa: "";
}
.fa-circle-h {
  --fa: "";
}
.fa-hospital-symbol {
  --fa: "";
}
.fa-pager {
  --fa: "";
}
.fa-address-book {
  --fa: "";
}
.fa-contact-book {
  --fa: "";
}
.fa-strikethrough {
  --fa: "";
}
.fa-k {
  --fa: "K";
}
.fa-landmark-flag {
  --fa: "";
}
.fa-pencil {
  --fa: "";
}
.fa-pencil-alt {
  --fa: "";
}
.fa-backward {
  --fa: "";
}
.fa-caret-right {
  --fa: "";
}
.fa-comments {
  --fa: "";
}
.fa-paste {
  --fa: "";
}
.fa-file-clipboard {
  --fa: "";
}
.fa-code-pull-request {
  --fa: "";
}
.fa-clipboard-list {
  --fa: "";
}
.fa-truck-ramp-box {
  --fa: "";
}
.fa-truck-loading {
  --fa: "";
}
.fa-user-check {
  --fa: "";
}
.fa-vial-virus {
  --fa: "";
}
.fa-sheet-plastic {
  --fa: "";
}
.fa-blog {
  --fa: "";
}
.fa-user-ninja {
  --fa: "";
}
.fa-person-arrow-up-from-line {
  --fa: "";
}
.fa-scroll-torah {
  --fa: "";
}
.fa-torah {
  --fa: "";
}
.fa-broom-ball {
  --fa: "";
}
.fa-quidditch {
  --fa: "";
}
.fa-quidditch-broom-ball {
  --fa: "";
}
.fa-toggle-off {
  --fa: "";
}
.fa-box-archive {
  --fa: "";
}
.fa-archive {
  --fa: "";
}
.fa-person-drowning {
  --fa: "";
}
.fa-arrow-down-9-1 {
  --fa: "";
}
.fa-sort-numeric-desc {
  --fa: "";
}
.fa-sort-numeric-down-alt {
  --fa: "";
}
.fa-face-grin-tongue-squint {
  --fa: "";
}
.fa-grin-tongue-squint {
  --fa: "";
}
.fa-spray-can {
  --fa: "";
}
.fa-truck-monster {
  --fa: "";
}
.fa-w {
  --fa: "W";
}
.fa-earth-africa {
  --fa: "";
}
.fa-globe-africa {
  --fa: "";
}
.fa-rainbow {
  --fa: "";
}
.fa-circle-notch {
  --fa: "";
}
.fa-tablet-screen-button {
  --fa: "";
}
.fa-tablet-alt {
  --fa: "";
}
.fa-paw {
  --fa: "";
}
.fa-cloud {
  --fa: "";
}
.fa-trowel-bricks {
  --fa: "";
}
.fa-face-flushed {
  --fa: "";
}
.fa-flushed {
  --fa: "";
}
.fa-hospital-user {
  --fa: "";
}
.fa-tent-arrow-left-right {
  --fa: "";
}
.fa-gavel {
  --fa: "";
}
.fa-legal {
  --fa: "";
}
.fa-binoculars {
  --fa: "";
}
.fa-microphone-slash {
  --fa: "";
}
.fa-box-tissue {
  --fa: "";
}
.fa-motorcycle {
  --fa: "";
}
.fa-bell-concierge {
  --fa: "";
}
.fa-concierge-bell {
  --fa: "";
}
.fa-pen-ruler {
  --fa: "";
}
.fa-pencil-ruler {
  --fa: "";
}
.fa-people-arrows {
  --fa: "";
}
.fa-people-arrows-left-right {
  --fa: "";
}
.fa-mars-and-venus-burst {
  --fa: "";
}
.fa-square-caret-right {
  --fa: "";
}
.fa-caret-square-right {
  --fa: "";
}
.fa-scissors {
  --fa: "";
}
.fa-cut {
  --fa: "";
}
.fa-sun-plant-wilt {
  --fa: "";
}
.fa-toilets-portable {
  --fa: "";
}
.fa-hockey-puck {
  --fa: "";
}
.fa-table {
  --fa: "";
}
.fa-magnifying-glass-arrow-right {
  --fa: "";
}
.fa-tachograph-digital {
  --fa: "";
}
.fa-digital-tachograph {
  --fa: "";
}
.fa-users-slash {
  --fa: "";
}
.fa-clover {
  --fa: "";
}
.fa-reply {
  --fa: "";
}
.fa-mail-reply {
  --fa: "";
}
.fa-star-and-crescent {
  --fa: "";
}
.fa-house-fire {
  --fa: "";
}
.fa-square-minus {
  --fa: "";
}
.fa-minus-square {
  --fa: "";
}
.fa-helicopter {
  --fa: "";
}
.fa-compass {
  --fa: "";
}
.fa-square-caret-down {
  --fa: "";
}
.fa-caret-square-down {
  --fa: "";
}
.fa-file-circle-question {
  --fa: "";
}
.fa-laptop-code {
  --fa: "";
}
.fa-swatchbook {
  --fa: "";
}
.fa-prescription-bottle {
  --fa: "";
}
.fa-bars {
  --fa: "";
}
.fa-navicon {
  --fa: "";
}
.fa-people-group {
  --fa: "";
}
.fa-hourglass-end {
  --fa: "";
}
.fa-hourglass-3 {
  --fa: "";
}
.fa-heart-crack {
  --fa: "";
}
.fa-heart-broken {
  --fa: "";
}
.fa-square-up-right {
  --fa: "";
}
.fa-external-link-square-alt {
  --fa: "";
}
.fa-face-kiss-beam {
  --fa: "";
}
.fa-kiss-beam {
  --fa: "";
}
.fa-film {
  --fa: "";
}
.fa-ruler-horizontal {
  --fa: "";
}
.fa-people-robbery {
  --fa: "";
}
.fa-lightbulb {
  --fa: "";
}
.fa-caret-left {
  --fa: "";
}
.fa-circle-exclamation {
  --fa: "";
}
.fa-exclamation-circle {
  --fa: "";
}
.fa-school-circle-xmark {
  --fa: "";
}
.fa-arrow-right-from-bracket {
  --fa: "";
}
.fa-sign-out {
  --fa: "";
}
.fa-circle-chevron-down {
  --fa: "";
}
.fa-chevron-circle-down {
  --fa: "";
}
.fa-unlock-keyhole {
  --fa: "";
}
.fa-unlock-alt {
  --fa: "";
}
.fa-cloud-showers-heavy {
  --fa: "";
}
.fa-headphones-simple {
  --fa: "";
}
.fa-headphones-alt {
  --fa: "";
}
.fa-sitemap {
  --fa: "";
}
.fa-circle-dollar-to-slot {
  --fa: "";
}
.fa-donate {
  --fa: "";
}
.fa-memory {
  --fa: "";
}
.fa-road-spikes {
  --fa: "";
}
.fa-fire-burner {
  --fa: "";
}
.fa-flag {
  --fa: "";
}
.fa-hanukiah {
  --fa: "";
}
.fa-feather {
  --fa: "";
}
.fa-volume-low {
  --fa: "";
}
.fa-volume-down {
  --fa: "";
}
.fa-comment-slash {
  --fa: "";
}
.fa-cloud-sun-rain {
  --fa: "";
}
.fa-compress {
  --fa: "";
}
.fa-wheat-awn {
  --fa: "";
}
.fa-wheat-alt {
  --fa: "";
}
.fa-ankh {
  --fa: "";
}
.fa-hands-holding-child {
  --fa: "";
}
.fa-asterisk {
  --fa: "*";
}
.fa-square-check {
  --fa: "";
}
.fa-check-square {
  --fa: "";
}
.fa-peseta-sign {
  --fa: "";
}
.fa-heading {
  --fa: "";
}
.fa-header {
  --fa: "";
}
.fa-ghost {
  --fa: "";
}
.fa-list {
  --fa: "";
}
.fa-list-squares {
  --fa: "";
}
.fa-square-phone-flip {
  --fa: "";
}
.fa-phone-square-alt {
  --fa: "";
}
.fa-cart-plus {
  --fa: "";
}
.fa-gamepad {
  --fa: "";
}
.fa-circle-dot {
  --fa: "";
}
.fa-dot-circle {
  --fa: "";
}
.fa-face-dizzy {
  --fa: "";
}
.fa-dizzy {
  --fa: "";
}
.fa-egg {
  --fa: "";
}
.fa-house-medical-circle-xmark {
  --fa: "";
}
.fa-campground {
  --fa: "";
}
.fa-folder-plus {
  --fa: "";
}
.fa-futbol {
  --fa: "";
}
.fa-futbol-ball {
  --fa: "";
}
.fa-soccer-ball {
  --fa: "";
}
.fa-paintbrush {
  --fa: "";
}
.fa-paint-brush {
  --fa: "";
}
.fa-lock {
  --fa: "";
}
.fa-gas-pump {
  --fa: "";
}
.fa-hot-tub-person {
  --fa: "";
}
.fa-hot-tub {
  --fa: "";
}
.fa-map-location {
  --fa: "";
}
.fa-map-marked {
  --fa: "";
}
.fa-house-flood-water {
  --fa: "";
}
.fa-tree {
  --fa: "";
}
.fa-bridge-lock {
  --fa: "";
}
.fa-sack-dollar {
  --fa: "";
}
.fa-pen-to-square {
  --fa: "";
}
.fa-edit {
  --fa: "";
}
.fa-car-side {
  --fa: "";
}
.fa-share-nodes {
  --fa: "";
}
.fa-share-alt {
  --fa: "";
}
.fa-heart-circle-minus {
  --fa: "";
}
.fa-hourglass-half {
  --fa: "";
}
.fa-hourglass-2 {
  --fa: "";
}
.fa-microscope {
  --fa: "";
}
.fa-sink {
  --fa: "";
}
.fa-bag-shopping {
  --fa: "";
}
.fa-shopping-bag {
  --fa: "";
}
.fa-arrow-down-z-a {
  --fa: "";
}
.fa-sort-alpha-desc {
  --fa: "";
}
.fa-sort-alpha-down-alt {
  --fa: "";
}
.fa-mitten {
  --fa: "";
}
.fa-person-rays {
  --fa: "";
}
.fa-users {
  --fa: "";
}
.fa-eye-slash {
  --fa: "";
}
.fa-flask-vial {
  --fa: "";
}
.fa-hand {
  --fa: "";
}
.fa-hand-paper {
  --fa: "";
}
.fa-om {
  --fa: "";
}
.fa-worm {
  --fa: "";
}
.fa-house-circle-xmark {
  --fa: "";
}
.fa-plug {
  --fa: "";
}
.fa-chevron-up {
  --fa: "";
}
.fa-hand-spock {
  --fa: "";
}
.fa-stopwatch {
  --fa: "";
}
.fa-face-kiss {
  --fa: "";
}
.fa-kiss {
  --fa: "";
}
.fa-bridge-circle-xmark {
  --fa: "";
}
.fa-face-grin-tongue {
  --fa: "";
}
.fa-grin-tongue {
  --fa: "";
}
.fa-chess-bishop {
  --fa: "";
}
.fa-face-grin-wink {
  --fa: "";
}
.fa-grin-wink {
  --fa: "";
}
.fa-ear-deaf {
  --fa: "";
}
.fa-deaf {
  --fa: "";
}
.fa-deafness {
  --fa: "";
}
.fa-hard-of-hearing {
  --fa: "";
}
.fa-road-circle-check {
  --fa: "";
}
.fa-dice-five {
  --fa: "";
}
.fa-square-rss {
  --fa: "";
}
.fa-rss-square {
  --fa: "";
}
.fa-land-mine-on {
  --fa: "";
}
.fa-i-cursor {
  --fa: "";
}
.fa-stamp {
  --fa: "";
}
.fa-stairs {
  --fa: "";
}
.fa-i {
  --fa: "I";
}
.fa-hryvnia-sign {
  --fa: "";
}
.fa-hryvnia {
  --fa: "";
}
.fa-pills {
  --fa: "";
}
.fa-face-grin-wide {
  --fa: "";
}
.fa-grin-alt {
  --fa: "";
}
.fa-tooth {
  --fa: "";
}
.fa-v {
  --fa: "V";
}
.fa-bangladeshi-taka-sign {
  --fa: "";
}
.fa-bicycle {
  --fa: "";
}
.fa-staff-snake {
  --fa: "";
}
.fa-rod-asclepius {
  --fa: "";
}
.fa-rod-snake {
  --fa: "";
}
.fa-staff-aesculapius {
  --fa: "";
}
.fa-head-side-cough-slash {
  --fa: "";
}
.fa-truck-medical {
  --fa: "";
}
.fa-ambulance {
  --fa: "";
}
.fa-wheat-awn-circle-exclamation {
  --fa: "";
}
.fa-snowman {
  --fa: "";
}
.fa-mortar-pestle {
  --fa: "";
}
.fa-road-barrier {
  --fa: "";
}
.fa-school {
  --fa: "";
}
.fa-igloo {
  --fa: "";
}
.fa-joint {
  --fa: "";
}
.fa-angle-right {
  --fa: "";
}
.fa-horse {
  --fa: "";
}
.fa-q {
  --fa: "Q";
}
.fa-g {
  --fa: "G";
}
.fa-notes-medical {
  --fa: "";
}
.fa-temperature-half {
  --fa: "";
}
.fa-temperature-2 {
  --fa: "";
}
.fa-thermometer-2 {
  --fa: "";
}
.fa-thermometer-half {
  --fa: "";
}
.fa-dong-sign {
  --fa: "";
}
.fa-capsules {
  --fa: "";
}
.fa-poo-storm {
  --fa: "";
}
.fa-poo-bolt {
  --fa: "";
}
.fa-face-frown-open {
  --fa: "";
}
.fa-frown-open {
  --fa: "";
}
.fa-hand-point-up {
  --fa: "";
}
.fa-money-bill {
  --fa: "";
}
.fa-bookmark {
  --fa: "";
}
.fa-align-justify {
  --fa: "";
}
.fa-umbrella-beach {
  --fa: "";
}
.fa-helmet-un {
  --fa: "";
}
.fa-bullseye {
  --fa: "";
}
.fa-bacon {
  --fa: "";
}
.fa-hand-point-down {
  --fa: "";
}
.fa-arrow-up-from-bracket {
  --fa: "";
}
.fa-folder {
  --fa: "";
}
.fa-folder-blank {
  --fa: "";
}
.fa-file-waveform {
  --fa: "";
}
.fa-file-medical-alt {
  --fa: "";
}
.fa-radiation {
  --fa: "";
}
.fa-chart-simple {
  --fa: "";
}
.fa-mars-stroke {
  --fa: "";
}
.fa-vial {
  --fa: "";
}
.fa-gauge {
  --fa: "";
}
.fa-dashboard {
  --fa: "";
}
.fa-gauge-med {
  --fa: "";
}
.fa-tachometer-alt-average {
  --fa: "";
}
.fa-wand-magic-sparkles {
  --fa: "";
}
.fa-magic-wand-sparkles {
  --fa: "";
}
.fa-e {
  --fa: "E";
}
.fa-pen-clip {
  --fa: "";
}
.fa-pen-alt {
  --fa: "";
}
.fa-bridge-circle-exclamation {
  --fa: "";
}
.fa-user {
  --fa: "";
}
.fa-school-circle-check {
  --fa: "";
}
.fa-dumpster {
  --fa: "";
}
.fa-van-shuttle {
  --fa: "";
}
.fa-shuttle-van {
  --fa: "";
}
.fa-building-user {
  --fa: "";
}
.fa-square-caret-left {
  --fa: "";
}
.fa-caret-square-left {
  --fa: "";
}
.fa-highlighter {
  --fa: "";
}
.fa-key {
  --fa: "";
}
.fa-bullhorn {
  --fa: "";
}
.fa-globe {
  --fa: "";
}
.fa-synagogue {
  --fa: "";
}
.fa-person-half-dress {
  --fa: "";
}
.fa-road-bridge {
  --fa: "";
}
.fa-location-arrow {
  --fa: "";
}
.fa-c {
  --fa: "C";
}
.fa-tablet-button {
  --fa: "";
}
.fa-building-lock {
  --fa: "";
}
.fa-pizza-slice {
  --fa: "";
}
.fa-money-bill-wave {
  --fa: "";
}
.fa-chart-area {
  --fa: "";
}
.fa-area-chart {
  --fa: "";
}
.fa-house-flag {
  --fa: "";
}
.fa-person-circle-minus {
  --fa: "";
}
.fa-ban {
  --fa: "";
}
.fa-cancel {
  --fa: "";
}
.fa-camera-rotate {
  --fa: "";
}
.fa-spray-can-sparkles {
  --fa: "";
}
.fa-air-freshener {
  --fa: "";
}
.fa-star {
  --fa: "";
}
.fa-repeat {
  --fa: "";
}
.fa-cross {
  --fa: "";
}
.fa-box {
  --fa: "";
}
.fa-venus-mars {
  --fa: "";
}
.fa-arrow-pointer {
  --fa: "";
}
.fa-mouse-pointer {
  --fa: "";
}
.fa-maximize {
  --fa: "";
}
.fa-expand-arrows-alt {
  --fa: "";
}
.fa-charging-station {
  --fa: "";
}
.fa-shapes {
  --fa: "";
}
.fa-triangle-circle-square {
  --fa: "";
}
.fa-shuffle {
  --fa: "";
}
.fa-random {
  --fa: "";
}
.fa-person-running {
  --fa: "";
}
.fa-running {
  --fa: "";
}
.fa-mobile-retro {
  --fa: "";
}
.fa-grip-lines-vertical {
  --fa: "";
}
.fa-spider {
  --fa: "";
}
.fa-hands-bound {
  --fa: "";
}
.fa-file-invoice-dollar {
  --fa: "";
}
.fa-plane-circle-exclamation {
  --fa: "";
}
.fa-x-ray {
  --fa: "";
}
.fa-spell-check {
  --fa: "";
}
.fa-slash {
  --fa: "";
}
.fa-computer-mouse {
  --fa: "";
}
.fa-mouse {
  --fa: "";
}
.fa-arrow-right-to-bracket {
  --fa: "";
}
.fa-sign-in {
  --fa: "";
}
.fa-shop-slash {
  --fa: "";
}
.fa-store-alt-slash {
  --fa: "";
}
.fa-server {
  --fa: "";
}
.fa-virus-covid-slash {
  --fa: "";
}
.fa-shop-lock {
  --fa: "";
}
.fa-hourglass-start {
  --fa: "";
}
.fa-hourglass-1 {
  --fa: "";
}
.fa-blender-phone {
  --fa: "";
}
.fa-building-wheat {
  --fa: "";
}
.fa-person-breastfeeding {
  --fa: "";
}
.fa-right-to-bracket {
  --fa: "";
}
.fa-sign-in-alt {
  --fa: "";
}
.fa-venus {
  --fa: "";
}
.fa-passport {
  --fa: "";
}
.fa-thumbtack-slash {
  --fa: "";
}
.fa-thumb-tack-slash {
  --fa: "";
}
.fa-heart-pulse {
  --fa: "";
}
.fa-heartbeat {
  --fa: "";
}
.fa-people-carry-box {
  --fa: "";
}
.fa-people-carry {
  --fa: "";
}
.fa-temperature-high {
  --fa: "";
}
.fa-microchip {
  --fa: "";
}
.fa-crown {
  --fa: "";
}
.fa-weight-hanging {
  --fa: "";
}
.fa-xmarks-lines {
  --fa: "";
}
.fa-file-prescription {
  --fa: "";
}
.fa-weight-scale {
  --fa: "";
}
.fa-weight {
  --fa: "";
}
.fa-user-group {
  --fa: "";
}
.fa-user-friends {
  --fa: "";
}
.fa-arrow-up-a-z {
  --fa: "";
}
.fa-sort-alpha-up {
  --fa: "";
}
.fa-chess-knight {
  --fa: "";
}
.fa-face-laugh-squint {
  --fa: "";
}
.fa-laugh-squint {
  --fa: "";
}
.fa-wheelchair {
  --fa: "";
}
.fa-circle-arrow-up {
  --fa: "";
}
.fa-arrow-circle-up {
  --fa: "";
}
.fa-toggle-on {
  --fa: "";
}
.fa-person-walking {
  --fa: "";
}
.fa-walking {
  --fa: "";
}
.fa-l {
  --fa: "L";
}
.fa-fire {
  --fa: "";
}
.fa-bed-pulse {
  --fa: "";
}
.fa-procedures {
  --fa: "";
}
.fa-shuttle-space {
  --fa: "";
}
.fa-space-shuttle {
  --fa: "";
}
.fa-face-laugh {
  --fa: "";
}
.fa-laugh {
  --fa: "";
}
.fa-folder-open {
  --fa: "";
}
.fa-heart-circle-plus {
  --fa: "";
}
.fa-code-fork {
  --fa: "";
}
.fa-city {
  --fa: "";
}
.fa-microphone-lines {
  --fa: "";
}
.fa-microphone-alt {
  --fa: "";
}
.fa-pepper-hot {
  --fa: "";
}
.fa-unlock {
  --fa: "";
}
.fa-colon-sign {
  --fa: "";
}
.fa-headset {
  --fa: "";
}
.fa-store-slash {
  --fa: "";
}
.fa-road-circle-xmark {
  --fa: "";
}
.fa-user-minus {
  --fa: "";
}
.fa-mars-stroke-up {
  --fa: "";
}
.fa-mars-stroke-v {
  --fa: "";
}
.fa-champagne-glasses {
  --fa: "";
}
.fa-glass-cheers {
  --fa: "";
}
.fa-clipboard {
  --fa: "";
}
.fa-house-circle-exclamation {
  --fa: "";
}
.fa-file-arrow-up {
  --fa: "";
}
.fa-file-upload {
  --fa: "";
}
.fa-wifi {
  --fa: "";
}
.fa-wifi-3 {
  --fa: "";
}
.fa-wifi-strong {
  --fa: "";
}
.fa-bath {
  --fa: "";
}
.fa-bathtub {
  --fa: "";
}
.fa-underline {
  --fa: "";
}
.fa-user-pen {
  --fa: "";
}
.fa-user-edit {
  --fa: "";
}
.fa-signature {
  --fa: "";
}
.fa-stroopwafel {
  --fa: "";
}
.fa-bold {
  --fa: "";
}
.fa-anchor-lock {
  --fa: "";
}
.fa-building-ngo {
  --fa: "";
}
.fa-manat-sign {
  --fa: "";
}
.fa-not-equal {
  --fa: "";
}
.fa-border-top-left {
  --fa: "";
}
.fa-border-style {
  --fa: "";
}
.fa-map-location-dot {
  --fa: "";
}
.fa-map-marked-alt {
  --fa: "";
}
.fa-jedi {
  --fa: "";
}
.fa-square-poll-vertical {
  --fa: "";
}
.fa-poll {
  --fa: "";
}
.fa-mug-hot {
  --fa: "";
}
.fa-car-battery {
  --fa: "";
}
.fa-battery-car {
  --fa: "";
}
.fa-gift {
  --fa: "";
}
.fa-dice-two {
  --fa: "";
}
.fa-chess-queen {
  --fa: "";
}
.fa-glasses {
  --fa: "";
}
.fa-chess-board {
  --fa: "";
}
.fa-building-circle-check {
  --fa: "";
}
.fa-person-chalkboard {
  --fa: "";
}
.fa-mars-stroke-right {
  --fa: "";
}
.fa-mars-stroke-h {
  --fa: "";
}
.fa-hand-back-fist {
  --fa: "";
}
.fa-hand-rock {
  --fa: "";
}
.fa-square-caret-up {
  --fa: "";
}
.fa-caret-square-up {
  --fa: "";
}
.fa-cloud-showers-water {
  --fa: "";
}
.fa-chart-bar {
  --fa: "";
}
.fa-bar-chart {
  --fa: "";
}
.fa-hands-bubbles {
  --fa: "";
}
.fa-hands-wash {
  --fa: "";
}
.fa-less-than-equal {
  --fa: "";
}
.fa-train {
  --fa: "";
}
.fa-eye-low-vision {
  --fa: "";
}
.fa-low-vision {
  --fa: "";
}
.fa-crow {
  --fa: "";
}
.fa-sailboat {
  --fa: "";
}
.fa-window-restore {
  --fa: "";
}
.fa-square-plus {
  --fa: "";
}
.fa-plus-square {
  --fa: "";
}
.fa-torii-gate {
  --fa: "";
}
.fa-frog {
  --fa: "";
}
.fa-bucket {
  --fa: "";
}
.fa-image {
  --fa: "";
}
.fa-microphone {
  --fa: "";
}
.fa-cow {
  --fa: "";
}
.fa-caret-up {
  --fa: "";
}
.fa-screwdriver {
  --fa: "";
}
.fa-folder-closed {
  --fa: "";
}
.fa-house-tsunami {
  --fa: "";
}
.fa-square-nfi {
  --fa: "";
}
.fa-arrow-up-from-ground-water {
  --fa: "";
}
.fa-martini-glass {
  --fa: "";
}
.fa-glass-martini-alt {
  --fa: "";
}
.fa-square-binary {
  --fa: "";
}
.fa-rotate-left {
  --fa: "";
}
.fa-rotate-back {
  --fa: "";
}
.fa-rotate-backward {
  --fa: "";
}
.fa-undo-alt {
  --fa: "";
}
.fa-table-columns {
  --fa: "";
}
.fa-columns {
  --fa: "";
}
.fa-lemon {
  --fa: "";
}
.fa-head-side-mask {
  --fa: "";
}
.fa-handshake {
  --fa: "";
}
.fa-gem {
  --fa: "";
}
.fa-dolly {
  --fa: "";
}
.fa-dolly-box {
  --fa: "";
}
.fa-smoking {
  --fa: "";
}
.fa-minimize {
  --fa: "";
}
.fa-compress-arrows-alt {
  --fa: "";
}
.fa-monument {
  --fa: "";
}
.fa-snowplow {
  --fa: "";
}
.fa-angles-right {
  --fa: "";
}
.fa-angle-double-right {
  --fa: "";
}
.fa-cannabis {
  --fa: "";
}
.fa-circle-play {
  --fa: "";
}
.fa-play-circle {
  --fa: "";
}
.fa-tablets {
  --fa: "";
}
.fa-ethernet {
  --fa: "";
}
.fa-euro-sign {
  --fa: "";
}
.fa-eur {
  --fa: "";
}
.fa-euro {
  --fa: "";
}
.fa-chair {
  --fa: "";
}
.fa-circle-check {
  --fa: "";
}
.fa-check-circle {
  --fa: "";
}
.fa-circle-stop {
  --fa: "";
}
.fa-stop-circle {
  --fa: "";
}
.fa-compass-drafting {
  --fa: "";
}
.fa-drafting-compass {
  --fa: "";
}
.fa-plate-wheat {
  --fa: "";
}
.fa-icicles {
  --fa: "";
}
.fa-person-shelter {
  --fa: "";
}
.fa-neuter {
  --fa: "";
}
.fa-id-badge {
  --fa: "";
}
.fa-marker {
  --fa: "";
}
.fa-face-laugh-beam {
  --fa: "";
}
.fa-laugh-beam {
  --fa: "";
}
.fa-helicopter-symbol {
  --fa: "";
}
.fa-universal-access {
  --fa: "";
}
.fa-circle-chevron-up {
  --fa: "";
}
.fa-chevron-circle-up {
  --fa: "";
}
.fa-lari-sign {
  --fa: "";
}
.fa-volcano {
  --fa: "";
}
.fa-person-walking-dashed-line-arrow-right {
  --fa: "";
}
.fa-sterling-sign {
  --fa: "";
}
.fa-gbp {
  --fa: "";
}
.fa-pound-sign {
  --fa: "";
}
.fa-viruses {
  --fa: "";
}
.fa-square-person-confined {
  --fa: "";
}
.fa-user-tie {
  --fa: "";
}
.fa-arrow-down-long {
  --fa: "";
}
.fa-long-arrow-down {
  --fa: "";
}
.fa-tent-arrow-down-to-line {
  --fa: "";
}
.fa-certificate {
  --fa: "";
}
.fa-reply-all {
  --fa: "";
}
.fa-mail-reply-all {
  --fa: "";
}
.fa-suitcase {
  --fa: "";
}
.fa-person-skating {
  --fa: "";
}
.fa-skating {
  --fa: "";
}
.fa-filter-circle-dollar {
  --fa: "";
}
.fa-funnel-dollar {
  --fa: "";
}
.fa-camera-retro {
  --fa: "";
}
.fa-circle-arrow-down {
  --fa: "";
}
.fa-arrow-circle-down {
  --fa: "";
}
.fa-file-import {
  --fa: "";
}
.fa-arrow-right-to-file {
  --fa: "";
}
.fa-square-arrow-up-right {
  --fa: "";
}
.fa-external-link-square {
  --fa: "";
}
.fa-box-open {
  --fa: "";
}
.fa-scroll {
  --fa: "";
}
.fa-spa {
  --fa: "";
}
.fa-location-pin-lock {
  --fa: "";
}
.fa-pause {
  --fa: "";
}
.fa-hill-avalanche {
  --fa: "";
}
.fa-temperature-empty {
  --fa: "";
}
.fa-temperature-0 {
  --fa: "";
}
.fa-thermometer-0 {
  --fa: "";
}
.fa-thermometer-empty {
  --fa: "";
}
.fa-bomb {
  --fa: "";
}
.fa-registered {
  --fa: "";
}
.fa-address-card {
  --fa: "";
}
.fa-contact-card {
  --fa: "";
}
.fa-vcard {
  --fa: "";
}
.fa-scale-unbalanced-flip {
  --fa: "";
}
.fa-balance-scale-right {
  --fa: "";
}
.fa-subscript {
  --fa: "";
}
.fa-diamond-turn-right {
  --fa: "";
}
.fa-directions {
  --fa: "";
}
.fa-burst {
  --fa: "";
}
.fa-house-laptop {
  --fa: "";
}
.fa-laptop-house {
  --fa: "";
}
.fa-face-tired {
  --fa: "";
}
.fa-tired {
  --fa: "";
}
.fa-money-bills {
  --fa: "";
}
.fa-smog {
  --fa: "";
}
.fa-crutch {
  --fa: "";
}
.fa-cloud-arrow-up {
  --fa: "";
}
.fa-cloud-upload {
  --fa: "";
}
.fa-cloud-upload-alt {
  --fa: "";
}
.fa-palette {
  --fa: "";
}
.fa-arrows-turn-right {
  --fa: "";
}
.fa-vest {
  --fa: "";
}
.fa-ferry {
  --fa: "";
}
.fa-arrows-down-to-people {
  --fa: "";
}
.fa-seedling {
  --fa: "";
}
.fa-sprout {
  --fa: "";
}
.fa-left-right {
  --fa: "";
}
.fa-arrows-alt-h {
  --fa: "";
}
.fa-boxes-packing {
  --fa: "";
}
.fa-circle-arrow-left {
  --fa: "";
}
.fa-arrow-circle-left {
  --fa: "";
}
.fa-group-arrows-rotate {
  --fa: "";
}
.fa-bowl-food {
  --fa: "";
}
.fa-candy-cane {
  --fa: "";
}
.fa-arrow-down-wide-short {
  --fa: "";
}
.fa-sort-amount-asc {
  --fa: "";
}
.fa-sort-amount-down {
  --fa: "";
}
.fa-cloud-bolt {
  --fa: "";
}
.fa-thunderstorm {
  --fa: "";
}
.fa-text-slash {
  --fa: "";
}
.fa-remove-format {
  --fa: "";
}
.fa-face-smile-wink {
  --fa: "";
}
.fa-smile-wink {
  --fa: "";
}
.fa-file-word {
  --fa: "";
}
.fa-file-powerpoint {
  --fa: "";
}
.fa-arrows-left-right {
  --fa: "";
}
.fa-arrows-h {
  --fa: "";
}
.fa-house-lock {
  --fa: "";
}
.fa-cloud-arrow-down {
  --fa: "";
}
.fa-cloud-download {
  --fa: "";
}
.fa-cloud-download-alt {
  --fa: "";
}
.fa-children {
  --fa: "";
}
.fa-chalkboard {
  --fa: "";
}
.fa-blackboard {
  --fa: "";
}
.fa-user-large-slash {
  --fa: "";
}
.fa-user-alt-slash {
  --fa: "";
}
.fa-envelope-open {
  --fa: "";
}
.fa-handshake-simple-slash {
  --fa: "";
}
.fa-handshake-alt-slash {
  --fa: "";
}
.fa-mattress-pillow {
  --fa: "";
}
.fa-guarani-sign {
  --fa: "";
}
.fa-arrows-rotate {
  --fa: "";
}
.fa-refresh {
  --fa: "";
}
.fa-sync {
  --fa: "";
}
.fa-fire-extinguisher {
  --fa: "";
}
.fa-cruzeiro-sign {
  --fa: "";
}
.fa-greater-than-equal {
  --fa: "";
}
.fa-shield-halved {
  --fa: "";
}
.fa-shield-alt {
  --fa: "";
}
.fa-book-atlas {
  --fa: "";
}
.fa-atlas {
  --fa: "";
}
.fa-virus {
  --fa: "";
}
.fa-envelope-circle-check {
  --fa: "";
}
.fa-layer-group {
  --fa: "";
}
.fa-arrows-to-dot {
  --fa: "";
}
.fa-archway {
  --fa: "";
}
.fa-heart-circle-check {
  --fa: "";
}
.fa-house-chimney-crack {
  --fa: "";
}
.fa-house-damage {
  --fa: "";
}
.fa-file-zipper {
  --fa: "";
}
.fa-file-archive {
  --fa: "";
}
.fa-square {
  --fa: "";
}
.fa-martini-glass-empty {
  --fa: "";
}
.fa-glass-martini {
  --fa: "";
}
.fa-couch {
  --fa: "";
}
.fa-cedi-sign {
  --fa: "";
}
.fa-italic {
  --fa: "";
}
.fa-table-cells-column-lock {
  --fa: "";
}
.fa-church {
  --fa: "";
}
.fa-comments-dollar {
  --fa: "";
}
.fa-democrat {
  --fa: "";
}
.fa-z {
  --fa: "Z";
}
.fa-person-skiing {
  --fa: "";
}
.fa-skiing {
  --fa: "";
}
.fa-road-lock {
  --fa: "";
}
.fa-a {
  --fa: "A";
}
.fa-temperature-arrow-down {
  --fa: "";
}
.fa-temperature-down {
  --fa: "";
}
.fa-feather-pointed {
  --fa: "";
}
.fa-feather-alt {
  --fa: "";
}
.fa-p {
  --fa: "P";
}
.fa-snowflake {
  --fa: "";
}
.fa-newspaper {
  --fa: "";
}
.fa-rectangle-ad {
  --fa: "";
}
.fa-ad {
  --fa: "";
}
.fa-circle-arrow-right {
  --fa: "";
}
.fa-arrow-circle-right {
  --fa: "";
}
.fa-filter-circle-xmark {
  --fa: "";
}
.fa-locust {
  --fa: "";
}
.fa-sort {
  --fa: "";
}
.fa-unsorted {
  --fa: "";
}
.fa-list-ol {
  --fa: "";
}
.fa-list-1-2 {
  --fa: "";
}
.fa-list-numeric {
  --fa: "";
}
.fa-person-dress-burst {
  --fa: "";
}
.fa-money-check-dollar {
  --fa: "";
}
.fa-money-check-alt {
  --fa: "";
}
.fa-vector-square {
  --fa: "";
}
.fa-bread-slice {
  --fa: "";
}
.fa-language {
  --fa: "";
}
.fa-face-kiss-wink-heart {
  --fa: "";
}
.fa-kiss-wink-heart {
  --fa: "";
}
.fa-filter {
  --fa: "";
}
.fa-question {
  --fa: "?";
}
.fa-file-signature {
  --fa: "";
}
.fa-up-down-left-right {
  --fa: "";
}
.fa-arrows-alt {
  --fa: "";
}
.fa-house-chimney-user {
  --fa: "";
}
.fa-hand-holding-heart {
  --fa: "";
}
.fa-puzzle-piece {
  --fa: "";
}
.fa-money-check {
  --fa: "";
}
.fa-star-half-stroke {
  --fa: "";
}
.fa-star-half-alt {
  --fa: "";
}
.fa-code {
  --fa: "";
}
.fa-whiskey-glass {
  --fa: "";
}
.fa-glass-whiskey {
  --fa: "";
}
.fa-building-circle-exclamation {
  --fa: "";
}
.fa-magnifying-glass-chart {
  --fa: "";
}
.fa-arrow-up-right-from-square {
  --fa: "";
}
.fa-external-link {
  --fa: "";
}
.fa-cubes-stacked {
  --fa: "";
}
.fa-won-sign {
  --fa: "";
}
.fa-krw {
  --fa: "";
}
.fa-won {
  --fa: "";
}
.fa-virus-covid {
  --fa: "";
}
.fa-austral-sign {
  --fa: "";
}
.fa-f {
  --fa: "F";
}
.fa-leaf {
  --fa: "";
}
.fa-road {
  --fa: "";
}
.fa-taxi {
  --fa: "";
}
.fa-cab {
  --fa: "";
}
.fa-person-circle-plus {
  --fa: "";
}
.fa-chart-pie {
  --fa: "";
}
.fa-pie-chart {
  --fa: "";
}
.fa-bolt-lightning {
  --fa: "";
}
.fa-sack-xmark {
  --fa: "";
}
.fa-file-excel {
  --fa: "";
}
.fa-file-contract {
  --fa: "";
}
.fa-fish-fins {
  --fa: "";
}
.fa-building-flag {
  --fa: "";
}
.fa-face-grin-beam {
  --fa: "";
}
.fa-grin-beam {
  --fa: "";
}
.fa-object-ungroup {
  --fa: "";
}
.fa-poop {
  --fa: "";
}
.fa-location-pin {
  --fa: "";
}
.fa-map-marker {
  --fa: "";
}
.fa-kaaba {
  --fa: "";
}
.fa-toilet-paper {
  --fa: "";
}
.fa-helmet-safety {
  --fa: "";
}
.fa-hard-hat {
  --fa: "";
}
.fa-hat-hard {
  --fa: "";
}
.fa-eject {
  --fa: "";
}
.fa-circle-right {
  --fa: "";
}
.fa-arrow-alt-circle-right {
  --fa: "";
}
.fa-plane-circle-check {
  --fa: "";
}
.fa-face-rolling-eyes {
  --fa: "";
}
.fa-meh-rolling-eyes {
  --fa: "";
}
.fa-object-group {
  --fa: "";
}
.fa-chart-line {
  --fa: "";
}
.fa-line-chart {
  --fa: "";
}
.fa-mask-ventilator {
  --fa: "";
}
.fa-arrow-right {
  --fa: "";
}
.fa-signs-post {
  --fa: "";
}
.fa-map-signs {
  --fa: "";
}
.fa-cash-register {
  --fa: "";
}
.fa-person-circle-question {
  --fa: "";
}
.fa-h {
  --fa: "H";
}
.fa-tarp {
  --fa: "";
}
.fa-screwdriver-wrench {
  --fa: "";
}
.fa-tools {
  --fa: "";
}
.fa-arrows-to-eye {
  --fa: "";
}
.fa-plug-circle-bolt {
  --fa: "";
}
.fa-heart {
  --fa: "";
}
.fa-mars-and-venus {
  --fa: "";
}
.fa-house-user {
  --fa: "";
}
.fa-home-user {
  --fa: "";
}
.fa-dumpster-fire {
  --fa: "";
}
.fa-house-crack {
  --fa: "";
}
.fa-martini-glass-citrus {
  --fa: "";
}
.fa-cocktail {
  --fa: "";
}
.fa-face-surprise {
  --fa: "";
}
.fa-surprise {
  --fa: "";
}
.fa-bottle-water {
  --fa: "";
}
.fa-circle-pause {
  --fa: "";
}
.fa-pause-circle {
  --fa: "";
}
.fa-toilet-paper-slash {
  --fa: "";
}
.fa-apple-whole {
  --fa: "";
}
.fa-apple-alt {
  --fa: "";
}
.fa-kitchen-set {
  --fa: "";
}
.fa-r {
  --fa: "R";
}
.fa-temperature-quarter {
  --fa: "";
}
.fa-temperature-1 {
  --fa: "";
}
.fa-thermometer-1 {
  --fa: "";
}
.fa-thermometer-quarter {
  --fa: "";
}
.fa-cube {
  --fa: "";
}
.fa-bitcoin-sign {
  --fa: "";
}
.fa-shield-dog {
  --fa: "";
}
.fa-solar-panel {
  --fa: "";
}
.fa-lock-open {
  --fa: "";
}
.fa-elevator {
  --fa: "";
}
.fa-money-bill-transfer {
  --fa: "";
}
.fa-money-bill-trend-up {
  --fa: "";
}
.fa-house-flood-water-circle-arrow-right {
  --fa: "";
}
.fa-square-poll-horizontal {
  --fa: "";
}
.fa-poll-h {
  --fa: "";
}
.fa-circle {
  --fa: "";
}
.fa-backward-fast {
  --fa: "";
}
.fa-fast-backward {
  --fa: "";
}
.fa-recycle {
  --fa: "";
}
.fa-user-astronaut {
  --fa: "";
}
.fa-plane-slash {
  --fa: "";
}
.fa-trademark {
  --fa: "";
}
.fa-basketball {
  --fa: "";
}
.fa-basketball-ball {
  --fa: "";
}
.fa-satellite-dish {
  --fa: "";
}
.fa-circle-up {
  --fa: "";
}
.fa-arrow-alt-circle-up {
  --fa: "";
}
.fa-mobile-screen-button {
  --fa: "";
}
.fa-mobile-alt {
  --fa: "";
}
.fa-volume-high {
  --fa: "";
}
.fa-volume-up {
  --fa: "";
}
.fa-users-rays {
  --fa: "";
}
.fa-wallet {
  --fa: "";
}
.fa-clipboard-check {
  --fa: "";
}
.fa-file-audio {
  --fa: "";
}
.fa-burger {
  --fa: "";
}
.fa-hamburger {
  --fa: "";
}
.fa-wrench {
  --fa: "";
}
.fa-bugs {
  --fa: "";
}
.fa-rupee-sign {
  --fa: "";
}
.fa-rupee {
  --fa: "";
}
.fa-file-image {
  --fa: "";
}
.fa-circle-question {
  --fa: "";
}
.fa-question-circle {
  --fa: "";
}
.fa-plane-departure {
  --fa: "";
}
.fa-handshake-slash {
  --fa: "";
}
.fa-book-bookmark {
  --fa: "";
}
.fa-code-branch {
  --fa: "";
}
.fa-hat-cowboy {
  --fa: "";
}
.fa-bridge {
  --fa: "";
}
.fa-phone-flip {
  --fa: "";
}
.fa-phone-alt {
  --fa: "";
}
.fa-truck-front {
  --fa: "";
}
.fa-cat {
  --fa: "";
}
.fa-anchor-circle-exclamation {
  --fa: "";
}
.fa-truck-field {
  --fa: "";
}
.fa-route {
  --fa: "";
}
.fa-clipboard-question {
  --fa: "";
}
.fa-panorama {
  --fa: "";
}
.fa-comment-medical {
  --fa: "";
}
.fa-teeth-open {
  --fa: "";
}
.fa-file-circle-minus {
  --fa: "";
}
.fa-tags {
  --fa: "";
}
.fa-wine-glass {
  --fa: "";
}
.fa-forward-fast {
  --fa: "";
}
.fa-fast-forward {
  --fa: "";
}
.fa-face-meh-blank {
  --fa: "";
}
.fa-meh-blank {
  --fa: "";
}
.fa-square-parking {
  --fa: "";
}
.fa-parking {
  --fa: "";
}
.fa-house-signal {
  --fa: "";
}
.fa-bars-progress {
  --fa: "";
}
.fa-tasks-alt {
  --fa: "";
}
.fa-faucet-drip {
  --fa: "";
}
.fa-cart-flatbed {
  --fa: "";
}
.fa-dolly-flatbed {
  --fa: "";
}
.fa-ban-smoking {
  --fa: "";
}
.fa-smoking-ban {
  --fa: "";
}
.fa-terminal {
  --fa: "";
}
.fa-mobile-button {
  --fa: "";
}
.fa-house-medical-flag {
  --fa: "";
}
.fa-basket-shopping {
  --fa: "";
}
.fa-shopping-basket {
  --fa: "";
}
.fa-tape {
  --fa: "";
}
.fa-bus-simple {
  --fa: "";
}
.fa-bus-alt {
  --fa: "";
}
.fa-eye {
  --fa: "";
}
.fa-face-sad-cry {
  --fa: "";
}
.fa-sad-cry {
  --fa: "";
}
.fa-audio-description {
  --fa: "";
}
.fa-person-military-to-person {
  --fa: "";
}
.fa-file-shield {
  --fa: "";
}
.fa-user-slash {
  --fa: "";
}
.fa-pen {
  --fa: "";
}
.fa-tower-observation {
  --fa: "";
}
.fa-file-code {
  --fa: "";
}
.fa-signal {
  --fa: "";
}
.fa-signal-5 {
  --fa: "";
}
.fa-signal-perfect {
  --fa: "";
}
.fa-bus {
  --fa: "";
}
.fa-heart-circle-xmark {
  --fa: "";
}
.fa-house-chimney {
  --fa: "";
}
.fa-home-lg {
  --fa: "";
}
.fa-window-maximize {
  --fa: "";
}
.fa-face-frown {
  --fa: "";
}
.fa-frown {
  --fa: "";
}
.fa-prescription {
  --fa: "";
}
.fa-shop {
  --fa: "";
}
.fa-store-alt {
  --fa: "";
}
.fa-floppy-disk {
  --fa: "";
}
.fa-save {
  --fa: "";
}
.fa-vihara {
  --fa: "";
}
.fa-scale-unbalanced {
  --fa: "";
}
.fa-balance-scale-left {
  --fa: "";
}
.fa-sort-up {
  --fa: "";
}
.fa-sort-asc {
  --fa: "";
}
.fa-comment-dots {
  --fa: "";
}
.fa-commenting {
  --fa: "";
}
.fa-plant-wilt {
  --fa: "";
}
.fa-diamond {
  --fa: "";
}
.fa-face-grin-squint {
  --fa: "";
}
.fa-grin-squint {
  --fa: "";
}
.fa-hand-holding-dollar {
  --fa: "";
}
.fa-hand-holding-usd {
  --fa: "";
}
.fa-chart-diagram {
  --fa: "";
}
.fa-bacterium {
  --fa: "";
}
.fa-hand-pointer {
  --fa: "";
}
.fa-drum-steelpan {
  --fa: "";
}
.fa-hand-scissors {
  --fa: "";
}
.fa-hands-praying {
  --fa: "";
}
.fa-praying-hands {
  --fa: "";
}
.fa-arrow-rotate-right {
  --fa: "";
}
.fa-arrow-right-rotate {
  --fa: "";
}
.fa-arrow-rotate-forward {
  --fa: "";
}
.fa-redo {
  --fa: "";
}
.fa-biohazard {
  --fa: "";
}
.fa-location-crosshairs {
  --fa: "";
}
.fa-location {
  --fa: "";
}
.fa-mars-double {
  --fa: "";
}
.fa-child-dress {
  --fa: "";
}
.fa-users-between-lines {
  --fa: "";
}
.fa-lungs-virus {
  --fa: "";
}
.fa-face-grin-tears {
  --fa: "";
}
.fa-grin-tears {
  --fa: "";
}
.fa-phone {
  --fa: "";
}
.fa-calendar-xmark {
  --fa: "";
}
.fa-calendar-times {
  --fa: "";
}
.fa-child-reaching {
  --fa: "";
}
.fa-head-side-virus {
  --fa: "";
}
.fa-user-gear {
  --fa: "";
}
.fa-user-cog {
  --fa: "";
}
.fa-arrow-up-1-9 {
  --fa: "";
}
.fa-sort-numeric-up {
  --fa: "";
}
.fa-door-closed {
  --fa: "";
}
.fa-shield-virus {
  --fa: "";
}
.fa-dice-six {
  --fa: "";
}
.fa-mosquito-net {
  --fa: "";
}
.fa-file-fragment {
  --fa: "";
}
.fa-bridge-water {
  --fa: "";
}
.fa-person-booth {
  --fa: "";
}
.fa-text-width {
  --fa: "";
}
.fa-hat-wizard {
  --fa: "";
}
.fa-pen-fancy {
  --fa: "";
}
.fa-person-digging {
  --fa: "";
}
.fa-digging {
  --fa: "";
}
.fa-trash {
  --fa: "";
}
.fa-gauge-simple {
  --fa: "";
}
.fa-gauge-simple-med {
  --fa: "";
}
.fa-tachometer-average {
  --fa: "";
}
.fa-book-medical {
  --fa: "";
}
.fa-poo {
  --fa: "";
}
.fa-quote-right {
  --fa: "";
}
.fa-quote-right-alt {
  --fa: "";
}
.fa-shirt {
  --fa: "";
}
.fa-t-shirt {
  --fa: "";
}
.fa-tshirt {
  --fa: "";
}
.fa-cubes {
  --fa: "";
}
.fa-divide {
  --fa: "";
}
.fa-tenge-sign {
  --fa: "";
}
.fa-tenge {
  --fa: "";
}
.fa-headphones {
  --fa: "";
}
.fa-hands-holding {
  --fa: "";
}
.fa-hands-clapping {
  --fa: "";
}
.fa-republican {
  --fa: "";
}
.fa-arrow-left {
  --fa: "";
}
.fa-person-circle-xmark {
  --fa: "";
}
.fa-ruler {
  --fa: "";
}
.fa-align-left {
  --fa: "";
}
.fa-dice-d6 {
  --fa: "";
}
.fa-restroom {
  --fa: "";
}
.fa-j {
  --fa: "J";
}
.fa-users-viewfinder {
  --fa: "";
}
.fa-file-video {
  --fa: "";
}
.fa-up-right-from-square {
  --fa: "";
}
.fa-external-link-alt {
  --fa: "";
}
.fa-table-cells {
  --fa: "";
}
.fa-th {
  --fa: "";
}
.fa-file-pdf {
  --fa: "";
}
.fa-book-bible {
  --fa: "";
}
.fa-bible {
  --fa: "";
}
.fa-o {
  --fa: "O";
}
.fa-suitcase-medical {
  --fa: "";
}
.fa-medkit {
  --fa: "";
}
.fa-user-secret {
  --fa: "";
}
.fa-otter {
  --fa: "";
}
.fa-person-dress {
  --fa: "";
}
.fa-female {
  --fa: "";
}
.fa-comment-dollar {
  --fa: "";
}
.fa-business-time {
  --fa: "";
}
.fa-briefcase-clock {
  --fa: "";
}
.fa-table-cells-large {
  --fa: "";
}
.fa-th-large {
  --fa: "";
}
.fa-book-tanakh {
  --fa: "";
}
.fa-tanakh {
  --fa: "";
}
.fa-phone-volume {
  --fa: "";
}
.fa-volume-control-phone {
  --fa: "";
}
.fa-hat-cowboy-side {
  --fa: "";
}
.fa-clipboard-user {
  --fa: "";
}
.fa-child {
  --fa: "";
}
.fa-lira-sign {
  --fa: "";
}
.fa-satellite {
  --fa: "";
}
.fa-plane-lock {
  --fa: "";
}
.fa-tag {
  --fa: "";
}
.fa-comment {
  --fa: "";
}
.fa-cake-candles {
  --fa: "";
}
.fa-birthday-cake {
  --fa: "";
}
.fa-cake {
  --fa: "";
}
.fa-envelope {
  --fa: "";
}
.fa-angles-up {
  --fa: "";
}
.fa-angle-double-up {
  --fa: "";
}
.fa-paperclip {
  --fa: "";
}
.fa-arrow-right-to-city {
  --fa: "";
}
.fa-ribbon {
  --fa: "";
}
.fa-lungs {
  --fa: "";
}
.fa-arrow-up-9-1 {
  --fa: "";
}
.fa-sort-numeric-up-alt {
  --fa: "";
}
.fa-litecoin-sign {
  --fa: "";
}
.fa-border-none {
  --fa: "";
}
.fa-circle-nodes {
  --fa: "";
}
.fa-parachute-box {
  --fa: "";
}
.fa-indent {
  --fa: "";
}
.fa-truck-field-un {
  --fa: "";
}
.fa-hourglass {
  --fa: "";
}
.fa-hourglass-empty {
  --fa: "";
}
.fa-mountain {
  --fa: "";
}
.fa-user-doctor {
  --fa: "";
}
.fa-user-md {
  --fa: "";
}
.fa-circle-info {
  --fa: "";
}
.fa-info-circle {
  --fa: "";
}
.fa-cloud-meatball {
  --fa: "";
}
.fa-camera {
  --fa: "";
}
.fa-camera-alt {
  --fa: "";
}
.fa-square-virus {
  --fa: "";
}
.fa-meteor {
  --fa: "";
}
.fa-car-on {
  --fa: "";
}
.fa-sleigh {
  --fa: "";
}
.fa-arrow-down-1-9 {
  --fa: "";
}
.fa-sort-numeric-asc {
  --fa: "";
}
.fa-sort-numeric-down {
  --fa: "";
}
.fa-hand-holding-droplet {
  --fa: "";
}
.fa-hand-holding-water {
  --fa: "";
}
.fa-water {
  --fa: "";
}
.fa-calendar-check {
  --fa: "";
}
.fa-braille {
  --fa: "";
}
.fa-prescription-bottle-medical {
  --fa: "";
}
.fa-prescription-bottle-alt {
  --fa: "";
}
.fa-landmark {
  --fa: "";
}
.fa-truck {
  --fa: "";
}
.fa-crosshairs {
  --fa: "";
}
.fa-person-cane {
  --fa: "";
}
.fa-tent {
  --fa: "";
}
.fa-vest-patches {
  --fa: "";
}
.fa-check-double {
  --fa: "";
}
.fa-arrow-down-a-z {
  --fa: "";
}
.fa-sort-alpha-asc {
  --fa: "";
}
.fa-sort-alpha-down {
  --fa: "";
}
.fa-money-bill-wheat {
  --fa: "";
}
.fa-cookie {
  --fa: "";
}
.fa-arrow-rotate-left {
  --fa: "";
}
.fa-arrow-left-rotate {
  --fa: "";
}
.fa-arrow-rotate-back {
  --fa: "";
}
.fa-arrow-rotate-backward {
  --fa: "";
}
.fa-undo {
  --fa: "";
}
.fa-hard-drive {
  --fa: "";
}
.fa-hdd {
  --fa: "";
}
.fa-face-grin-squint-tears {
  --fa: "";
}
.fa-grin-squint-tears {
  --fa: "";
}
.fa-dumbbell {
  --fa: "";
}
.fa-rectangle-list {
  --fa: "";
}
.fa-list-alt {
  --fa: "";
}
.fa-tarp-droplet {
  --fa: "";
}
.fa-house-medical-circle-check {
  --fa: "";
}
.fa-person-skiing-nordic {
  --fa: "";
}
.fa-skiing-nordic {
  --fa: "";
}
.fa-calendar-plus {
  --fa: "";
}
.fa-plane-arrival {
  --fa: "";
}
.fa-circle-left {
  --fa: "";
}
.fa-arrow-alt-circle-left {
  --fa: "";
}
.fa-train-subway {
  --fa: "";
}
.fa-subway {
  --fa: "";
}
.fa-chart-gantt {
  --fa: "";
}
.fa-indian-rupee-sign {
  --fa: "";
}
.fa-indian-rupee {
  --fa: "";
}
.fa-inr {
  --fa: "";
}
.fa-crop-simple {
  --fa: "";
}
.fa-crop-alt {
  --fa: "";
}
.fa-money-bill-1 {
  --fa: "";
}
.fa-money-bill-alt {
  --fa: "";
}
.fa-left-long {
  --fa: "";
}
.fa-long-arrow-alt-left {
  --fa: "";
}
.fa-dna {
  --fa: "";
}
.fa-virus-slash {
  --fa: "";
}
.fa-minus {
  --fa: "";
}
.fa-subtract {
  --fa: "";
}
.fa-chess {
  --fa: "";
}
.fa-arrow-left-long {
  --fa: "";
}
.fa-long-arrow-left {
  --fa: "";
}
.fa-plug-circle-check {
  --fa: "";
}
.fa-street-view {
  --fa: "";
}
.fa-franc-sign {
  --fa: "";
}
.fa-volume-off {
  --fa: "";
}
.fa-hands-asl-interpreting {
  --fa: "";
}
.fa-american-sign-language-interpreting {
  --fa: "";
}
.fa-asl-interpreting {
  --fa: "";
}
.fa-hands-american-sign-language-interpreting {
  --fa: "";
}
.fa-gear {
  --fa: "";
}
.fa-cog {
  --fa: "";
}
.fa-droplet-slash {
  --fa: "";
}
.fa-tint-slash {
  --fa: "";
}
.fa-mosque {
  --fa: "";
}
.fa-mosquito {
  --fa: "";
}
.fa-star-of-david {
  --fa: "";
}
.fa-person-military-rifle {
  --fa: "";
}
.fa-cart-shopping {
  --fa: "";
}
.fa-shopping-cart {
  --fa: "";
}
.fa-vials {
  --fa: "";
}
.fa-plug-circle-plus {
  --fa: "";
}
.fa-place-of-worship {
  --fa: "";
}
.fa-grip-vertical {
  --fa: "";
}
.fa-hexagon-nodes {
  --fa: "";
}
.fa-arrow-turn-up {
  --fa: "";
}
.fa-level-up {
  --fa: "";
}
.fa-u {
  --fa: "U";
}
.fa-square-root-variable {
  --fa: "";
}
.fa-square-root-alt {
  --fa: "";
}
.fa-clock {
  --fa: "";
}
.fa-clock-four {
  --fa: "";
}
.fa-backward-step {
  --fa: "";
}
.fa-step-backward {
  --fa: "";
}
.fa-pallet {
  --fa: "";
}
.fa-faucet {
  --fa: "";
}
.fa-baseball-bat-ball {
  --fa: "";
}
.fa-s {
  --fa: "S";
}
.fa-timeline {
  --fa: "";
}
.fa-keyboard {
  --fa: "";
}
.fa-caret-down {
  --fa: "";
}
.fa-house-chimney-medical {
  --fa: "";
}
.fa-clinic-medical {
  --fa: "";
}
.fa-temperature-three-quarters {
  --fa: "";
}
.fa-temperature-3 {
  --fa: "";
}
.fa-thermometer-3 {
  --fa: "";
}
.fa-thermometer-three-quarters {
  --fa: "";
}
.fa-mobile-screen {
  --fa: "";
}
.fa-mobile-android-alt {
  --fa: "";
}
.fa-plane-up {
  --fa: "";
}
.fa-piggy-bank {
  --fa: "";
}
.fa-battery-half {
  --fa: "";
}
.fa-battery-3 {
  --fa: "";
}
.fa-mountain-city {
  --fa: "";
}
.fa-coins {
  --fa: "";
}
.fa-khanda {
  --fa: "";
}
.fa-sliders {
  --fa: "";
}
.fa-sliders-h {
  --fa: "";
}
.fa-folder-tree {
  --fa: "";
}
.fa-network-wired {
  --fa: "";
}
.fa-map-pin {
  --fa: "";
}
.fa-hamsa {
  --fa: "";
}
.fa-cent-sign {
  --fa: "";
}
.fa-flask {
  --fa: "";
}
.fa-person-pregnant {
  --fa: "";
}
.fa-wand-sparkles {
  --fa: "";
}
.fa-ellipsis-vertical {
  --fa: "";
}
.fa-ellipsis-v {
  --fa: "";
}
.fa-ticket {
  --fa: "";
}
.fa-power-off {
  --fa: "";
}
.fa-right-long {
  --fa: "";
}
.fa-long-arrow-alt-right {
  --fa: "";
}
.fa-flag-usa {
  --fa: "";
}
.fa-laptop-file {
  --fa: "";
}
.fa-tty {
  --fa: "";
}
.fa-teletype {
  --fa: "";
}
.fa-diagram-next {
  --fa: "";
}
.fa-person-rifle {
  --fa: "";
}
.fa-house-medical-circle-exclamation {
  --fa: "";
}
.fa-closed-captioning {
  --fa: "";
}
.fa-person-hiking {
  --fa: "";
}
.fa-hiking {
  --fa: "";
}
.fa-venus-double {
  --fa: "";
}
.fa-images {
  --fa: "";
}
.fa-calculator {
  --fa: "";
}
.fa-people-pulling {
  --fa: "";
}
.fa-n {
  --fa: "N";
}
.fa-cable-car {
  --fa: "";
}
.fa-tram {
  --fa: "";
}
.fa-cloud-rain {
  --fa: "";
}
.fa-building-circle-xmark {
  --fa: "";
}
.fa-ship {
  --fa: "";
}
.fa-arrows-down-to-line {
  --fa: "";
}
.fa-download {
  --fa: "";
}
.fa-face-grin {
  --fa: "";
}
.fa-grin {
  --fa: "";
}
.fa-delete-left {
  --fa: "";
}
.fa-backspace {
  --fa: "";
}
.fa-eye-dropper {
  --fa: "";
}
.fa-eye-dropper-empty {
  --fa: "";
}
.fa-eyedropper {
  --fa: "";
}
.fa-file-circle-check {
  --fa: "";
}
.fa-forward {
  --fa: "";
}
.fa-mobile {
  --fa: "";
}
.fa-mobile-android {
  --fa: "";
}
.fa-mobile-phone {
  --fa: "";
}
.fa-face-meh {
  --fa: "";
}
.fa-meh {
  --fa: "";
}
.fa-align-center {
  --fa: "";
}
.fa-book-skull {
  --fa: "";
}
.fa-book-dead {
  --fa: "";
}
.fa-id-card {
  --fa: "";
}
.fa-drivers-license {
  --fa: "";
}
.fa-outdent {
  --fa: "";
}
.fa-dedent {
  --fa: "";
}
.fa-heart-circle-exclamation {
  --fa: "";
}
.fa-house {
  --fa: "";
}
.fa-home {
  --fa: "";
}
.fa-home-alt {
  --fa: "";
}
.fa-home-lg-alt {
  --fa: "";
}
.fa-calendar-week {
  --fa: "";
}
.fa-laptop-medical {
  --fa: "";
}
.fa-b {
  --fa: "B";
}
.fa-file-medical {
  --fa: "";
}
.fa-dice-one {
  --fa: "";
}
.fa-kiwi-bird {
  --fa: "";
}
.fa-arrow-right-arrow-left {
  --fa: "";
}
.fa-exchange {
  --fa: "";
}
.fa-rotate-right {
  --fa: "";
}
.fa-redo-alt {
  --fa: "";
}
.fa-rotate-forward {
  --fa: "";
}
.fa-utensils {
  --fa: "";
}
.fa-cutlery {
  --fa: "";
}
.fa-arrow-up-wide-short {
  --fa: "";
}
.fa-sort-amount-up {
  --fa: "";
}
.fa-mill-sign {
  --fa: "";
}
.fa-bowl-rice {
  --fa: "";
}
.fa-skull {
  --fa: "";
}
.fa-tower-broadcast {
  --fa: "";
}
.fa-broadcast-tower {
  --fa: "";
}
.fa-truck-pickup {
  --fa: "";
}
.fa-up-long {
  --fa: "";
}
.fa-long-arrow-alt-up {
  --fa: "";
}
.fa-stop {
  --fa: "";
}
.fa-code-merge {
  --fa: "";
}
.fa-upload {
  --fa: "";
}
.fa-hurricane {
  --fa: "";
}
.fa-mound {
  --fa: "";
}
.fa-toilet-portable {
  --fa: "";
}
.fa-compact-disc {
  --fa: "";
}
.fa-file-arrow-down {
  --fa: "";
}
.fa-file-download {
  --fa: "";
}
.fa-caravan {
  --fa: "";
}
.fa-shield-cat {
  --fa: "";
}
.fa-bolt {
  --fa: "";
}
.fa-zap {
  --fa: "";
}
.fa-glass-water {
  --fa: "";
}
.fa-oil-well {
  --fa: "";
}
.fa-vault {
  --fa: "";
}
.fa-mars {
  --fa: "";
}
.fa-toilet {
  --fa: "";
}
.fa-plane-circle-xmark {
  --fa: "";
}
.fa-yen-sign {
  --fa: "";
}
.fa-cny {
  --fa: "";
}
.fa-jpy {
  --fa: "";
}
.fa-rmb {
  --fa: "";
}
.fa-yen {
  --fa: "";
}
.fa-ruble-sign {
  --fa: "";
}
.fa-rouble {
  --fa: "";
}
.fa-rub {
  --fa: "";
}
.fa-ruble {
  --fa: "";
}
.fa-sun {
  --fa: "";
}
.fa-guitar {
  --fa: "";
}
.fa-face-laugh-wink {
  --fa: "";
}
.fa-laugh-wink {
  --fa: "";
}
.fa-horse-head {
  --fa: "";
}
.fa-bore-hole {
  --fa: "";
}
.fa-industry {
  --fa: "";
}
.fa-circle-down {
  --fa: "";
}
.fa-arrow-alt-circle-down {
  --fa: "";
}
.fa-arrows-turn-to-dots {
  --fa: "";
}
.fa-florin-sign {
  --fa: "";
}
.fa-arrow-down-short-wide {
  --fa: "";
}
.fa-sort-amount-desc {
  --fa: "";
}
.fa-sort-amount-down-alt {
  --fa: "";
}
.fa-less-than {
  --fa: "<";
}
.fa-angle-down {
  --fa: "";
}
.fa-car-tunnel {
  --fa: "";
}
.fa-head-side-cough {
  --fa: "";
}
.fa-grip-lines {
  --fa: "";
}
.fa-thumbs-down {
  --fa: "";
}
.fa-user-lock {
  --fa: "";
}
.fa-arrow-right-long {
  --fa: "";
}
.fa-long-arrow-right {
  --fa: "";
}
.fa-anchor-circle-xmark {
  --fa: "";
}
.fa-ellipsis {
  --fa: "";
}
.fa-ellipsis-h {
  --fa: "";
}
.fa-chess-pawn {
  --fa: "";
}
.fa-kit-medical {
  --fa: "";
}
.fa-first-aid {
  --fa: "";
}
.fa-person-through-window {
  --fa: "";
}
.fa-toolbox {
  --fa: "";
}
.fa-hands-holding-circle {
  --fa: "";
}
.fa-bug {
  --fa: "";
}
.fa-credit-card {
  --fa: "";
}
.fa-credit-card-alt {
  --fa: "";
}
.fa-car {
  --fa: "";
}
.fa-automobile {
  --fa: "";
}
.fa-hand-holding-hand {
  --fa: "";
}
.fa-book-open-reader {
  --fa: "";
}
.fa-book-reader {
  --fa: "";
}
.fa-mountain-sun {
  --fa: "";
}
.fa-arrows-left-right-to-line {
  --fa: "";
}
.fa-dice-d20 {
  --fa: "";
}
.fa-truck-droplet {
  --fa: "";
}
.fa-file-circle-xmark {
  --fa: "";
}
.fa-temperature-arrow-up {
  --fa: "";
}
.fa-temperature-up {
  --fa: "";
}
.fa-medal {
  --fa: "";
}
.fa-bed {
  --fa: "";
}
.fa-square-h {
  --fa: "";
}
.fa-h-square {
  --fa: "";
}
.fa-podcast {
  --fa: "";
}
.fa-temperature-full {
  --fa: "";
}
.fa-temperature-4 {
  --fa: "";
}
.fa-thermometer-4 {
  --fa: "";
}
.fa-thermometer-full {
  --fa: "";
}
.fa-bell {
  --fa: "";
}
.fa-superscript {
  --fa: "";
}
.fa-plug-circle-xmark {
  --fa: "";
}
.fa-star-of-life {
  --fa: "";
}
.fa-phone-slash {
  --fa: "";
}
.fa-paint-roller {
  --fa: "";
}
.fa-handshake-angle {
  --fa: "";
}
.fa-hands-helping {
  --fa: "";
}
.fa-location-dot {
  --fa: "";
}
.fa-map-marker-alt {
  --fa: "";
}
.fa-file {
  --fa: "";
}
.fa-greater-than {
  --fa: ">";
}
.fa-person-swimming {
  --fa: "";
}
.fa-swimmer {
  --fa: "";
}
.fa-arrow-down {
  --fa: "";
}
.fa-droplet {
  --fa: "";
}
.fa-tint {
  --fa: "";
}
.fa-eraser {
  --fa: "";
}
.fa-earth-americas {
  --fa: "";
}
.fa-earth {
  --fa: "";
}
.fa-earth-america {
  --fa: "";
}
.fa-globe-americas {
  --fa: "";
}
.fa-person-burst {
  --fa: "";
}
.fa-dove {
  --fa: "";
}
.fa-battery-empty {
  --fa: "";
}
.fa-battery-0 {
  --fa: "";
}
.fa-socks {
  --fa: "";
}
.fa-inbox {
  --fa: "";
}
.fa-section {
  --fa: "";
}
.fa-gauge-high {
  --fa: "";
}
.fa-tachometer-alt {
  --fa: "";
}
.fa-tachometer-alt-fast {
  --fa: "";
}
.fa-envelope-open-text {
  --fa: "";
}
.fa-hospital {
  --fa: "";
}
.fa-hospital-alt {
  --fa: "";
}
.fa-hospital-wide {
  --fa: "";
}
.fa-wine-bottle {
  --fa: "";
}
.fa-chess-rook {
  --fa: "";
}
.fa-bars-staggered {
  --fa: "";
}
.fa-reorder {
  --fa: "";
}
.fa-stream {
  --fa: "";
}
.fa-dharmachakra {
  --fa: "";
}
.fa-hotdog {
  --fa: "";
}
.fa-person-walking-with-cane {
  --fa: "";
}
.fa-blind {
  --fa: "";
}
.fa-drum {
  --fa: "";
}
.fa-ice-cream {
  --fa: "";
}
.fa-heart-circle-bolt {
  --fa: "";
}
.fa-fax {
  --fa: "";
}
.fa-paragraph {
  --fa: "";
}
.fa-check-to-slot {
  --fa: "";
}
.fa-vote-yea {
  --fa: "";
}
.fa-star-half {
  --fa: "";
}
.fa-boxes-stacked {
  --fa: "";
}
.fa-boxes {
  --fa: "";
}
.fa-boxes-alt {
  --fa: "";
}
.fa-link {
  --fa: "";
}
.fa-chain {
  --fa: "";
}
.fa-ear-listen {
  --fa: "";
}
.fa-assistive-listening-systems {
  --fa: "";
}
.fa-tree-city {
  --fa: "";
}
.fa-play {
  --fa: "";
}
.fa-font {
  --fa: "";
}
.fa-table-cells-row-lock {
  --fa: "";
}
.fa-rupiah-sign {
  --fa: "";
}
.fa-magnifying-glass {
  --fa: "";
}
.fa-search {
  --fa: "";
}
.fa-table-tennis-paddle-ball {
  --fa: "";
}
.fa-ping-pong-paddle-ball {
  --fa: "";
}
.fa-table-tennis {
  --fa: "";
}
.fa-person-dots-from-line {
  --fa: "";
}
.fa-diagnoses {
  --fa: "";
}
.fa-trash-can-arrow-up {
  --fa: "";
}
.fa-trash-restore-alt {
  --fa: "";
}
.fa-naira-sign {
  --fa: "";
}
.fa-cart-arrow-down {
  --fa: "";
}
.fa-walkie-talkie {
  --fa: "";
}
.fa-file-pen {
  --fa: "";
}
.fa-file-edit {
  --fa: "";
}
.fa-receipt {
  --fa: "";
}
.fa-square-pen {
  --fa: "";
}
.fa-pen-square {
  --fa: "";
}
.fa-pencil-square {
  --fa: "";
}
.fa-suitcase-rolling {
  --fa: "";
}
.fa-person-circle-exclamation {
  --fa: "";
}
.fa-chevron-down {
  --fa: "";
}
.fa-battery-full {
  --fa: "";
}
.fa-battery {
  --fa: "";
}
.fa-battery-5 {
  --fa: "";
}
.fa-skull-crossbones {
  --fa: "";
}
.fa-code-compare {
  --fa: "";
}
.fa-list-ul {
  --fa: "";
}
.fa-list-dots {
  --fa: "";
}
.fa-school-lock {
  --fa: "";
}
.fa-tower-cell {
  --fa: "";
}
.fa-down-long {
  --fa: "";
}
.fa-long-arrow-alt-down {
  --fa: "";
}
.fa-ranking-star {
  --fa: "";
}
.fa-chess-king {
  --fa: "";
}
.fa-person-harassing {
  --fa: "";
}
.fa-brazilian-real-sign {
  --fa: "";
}
.fa-landmark-dome {
  --fa: "";
}
.fa-landmark-alt {
  --fa: "";
}
.fa-arrow-up {
  --fa: "";
}
.fa-tv {
  --fa: "";
}
.fa-television {
  --fa: "";
}
.fa-tv-alt {
  --fa: "";
}
.fa-shrimp {
  --fa: "";
}
.fa-list-check {
  --fa: "";
}
.fa-tasks {
  --fa: "";
}
.fa-jug-detergent {
  --fa: "";
}
.fa-circle-user {
  --fa: "";
}
.fa-user-circle {
  --fa: "";
}
.fa-user-shield {
  --fa: "";
}
.fa-wind {
  --fa: "";
}
.fa-car-burst {
  --fa: "";
}
.fa-car-crash {
  --fa: "";
}
.fa-y {
  --fa: "Y";
}
.fa-person-snowboarding {
  --fa: "";
}
.fa-snowboarding {
  --fa: "";
}
.fa-truck-fast {
  --fa: "";
}
.fa-shipping-fast {
  --fa: "";
}
.fa-fish {
  --fa: "";
}
.fa-user-graduate {
  --fa: "";
}
.fa-circle-half-stroke {
  --fa: "";
}
.fa-adjust {
  --fa: "";
}
.fa-clapperboard {
  --fa: "";
}
.fa-circle-radiation {
  --fa: "";
}
.fa-radiation-alt {
  --fa: "";
}
.fa-baseball {
  --fa: "";
}
.fa-baseball-ball {
  --fa: "";
}
.fa-jet-fighter-up {
  --fa: "";
}
.fa-diagram-project {
  --fa: "";
}
.fa-project-diagram {
  --fa: "";
}
.fa-copy {
  --fa: "";
}
.fa-volume-xmark {
  --fa: "";
}
.fa-volume-mute {
  --fa: "";
}
.fa-volume-times {
  --fa: "";
}
.fa-hand-sparkles {
  --fa: "";
}
.fa-grip {
  --fa: "";
}
.fa-grip-horizontal {
  --fa: "";
}
.fa-share-from-square {
  --fa: "";
}
.fa-share-square {
  --fa: "";
}
.fa-child-combatant {
  --fa: "";
}
.fa-child-rifle {
  --fa: "";
}
.fa-gun {
  --fa: "";
}
.fa-square-phone {
  --fa: "";
}
.fa-phone-square {
  --fa: "";
}
.fa-plus {
  --fa: "+";
}
.fa-add {
  --fa: "+";
}
.fa-expand {
  --fa: "";
}
.fa-computer {
  --fa: "";
}
.fa-xmark {
  --fa: "";
}
.fa-close {
  --fa: "";
}
.fa-multiply {
  --fa: "";
}
.fa-remove {
  --fa: "";
}
.fa-times {
  --fa: "";
}
.fa-arrows-up-down-left-right {
  --fa: "";
}
.fa-arrows {
  --fa: "";
}
.fa-chalkboard-user {
  --fa: "";
}
.fa-chalkboard-teacher {
  --fa: "";
}
.fa-peso-sign {
  --fa: "";
}
.fa-building-shield {
  --fa: "";
}
.fa-baby {
  --fa: "";
}
.fa-users-line {
  --fa: "";
}
.fa-quote-left {
  --fa: "";
}
.fa-quote-left-alt {
  --fa: "";
}
.fa-tractor {
  --fa: "";
}
.fa-trash-arrow-up {
  --fa: "";
}
.fa-trash-restore {
  --fa: "";
}
.fa-arrow-down-up-lock {
  --fa: "";
}
.fa-lines-leaning {
  --fa: "";
}
.fa-ruler-combined {
  --fa: "";
}
.fa-copyright {
  --fa: "";
}
.fa-equals {
  --fa: "=";
}
.fa-blender {
  --fa: "";
}
.fa-teeth {
  --fa: "";
}
.fa-shekel-sign {
  --fa: "";
}
.fa-ils {
  --fa: "";
}
.fa-shekel {
  --fa: "";
}
.fa-sheqel {
  --fa: "";
}
.fa-sheqel-sign {
  --fa: "";
}
.fa-map {
  --fa: "";
}
.fa-rocket {
  --fa: "";
}
.fa-photo-film {
  --fa: "";
}
.fa-photo-video {
  --fa: "";
}
.fa-folder-minus {
  --fa: "";
}
.fa-hexagon-nodes-bolt {
  --fa: "";
}
.fa-store {
  --fa: "";
}
.fa-arrow-trend-up {
  --fa: "";
}
.fa-plug-circle-minus {
  --fa: "";
}
.fa-sign-hanging {
  --fa: "";
}
.fa-sign {
  --fa: "";
}
.fa-bezier-curve {
  --fa: "";
}
.fa-bell-slash {
  --fa: "";
}
.fa-tablet {
  --fa: "";
}
.fa-tablet-android {
  --fa: "";
}
.fa-school-flag {
  --fa: "";
}
.fa-fill {
  --fa: "";
}
.fa-angle-up {
  --fa: "";
}
.fa-drumstick-bite {
  --fa: "";
}
.fa-holly-berry {
  --fa: "";
}
.fa-chevron-left {
  --fa: "";
}
.fa-bacteria {
  --fa: "";
}
.fa-hand-lizard {
  --fa: "";
}
.fa-notdef {
  --fa: "";
}
.fa-disease {
  --fa: "";
}
.fa-briefcase-medical {
  --fa: "";
}
.fa-genderless {
  --fa: "";
}
.fa-chevron-right {
  --fa: "";
}
.fa-retweet {
  --fa: "";
}
.fa-car-rear {
  --fa: "";
}
.fa-car-alt {
  --fa: "";
}
.fa-pump-soap {
  --fa: "";
}
.fa-video-slash {
  --fa: "";
}
.fa-battery-quarter {
  --fa: "";
}
.fa-battery-2 {
  --fa: "";
}
.fa-radio {
  --fa: "";
}
.fa-baby-carriage {
  --fa: "";
}
.fa-carriage-baby {
  --fa: "";
}
.fa-traffic-light {
  --fa: "";
}
.fa-thermometer {
  --fa: "";
}
.fa-vr-cardboard {
  --fa: "";
}
.fa-hand-middle-finger {
  --fa: "";
}
.fa-percent {
  --fa: "%";
}
.fa-percentage {
  --fa: "%";
}
.fa-truck-moving {
  --fa: "";
}
.fa-glass-water-droplet {
  --fa: "";
}
.fa-display {
  --fa: "";
}
.fa-face-smile {
  --fa: "";
}
.fa-smile {
  --fa: "";
}
.fa-thumbtack {
  --fa: "";
}
.fa-thumb-tack {
  --fa: "";
}
.fa-trophy {
  --fa: "";
}
.fa-person-praying {
  --fa: "";
}
.fa-pray {
  --fa: "";
}
.fa-hammer {
  --fa: "";
}
.fa-hand-peace {
  --fa: "";
}
.fa-rotate {
  --fa: "";
}
.fa-sync-alt {
  --fa: "";
}
.fa-spinner {
  --fa: "";
}
.fa-robot {
  --fa: "";
}
.fa-peace {
  --fa: "";
}
.fa-gears {
  --fa: "";
}
.fa-cogs {
  --fa: "";
}
.fa-warehouse {
  --fa: "";
}
.fa-arrow-up-right-dots {
  --fa: "";
}
.fa-splotch {
  --fa: "";
}
.fa-face-grin-hearts {
  --fa: "";
}
.fa-grin-hearts {
  --fa: "";
}
.fa-dice-four {
  --fa: "";
}
.fa-sim-card {
  --fa: "";
}
.fa-transgender {
  --fa: "";
}
.fa-transgender-alt {
  --fa: "";
}
.fa-mercury {
  --fa: "";
}
.fa-arrow-turn-down {
  --fa: "";
}
.fa-level-down {
  --fa: "";
}
.fa-person-falling-burst {
  --fa: "";
}
.fa-award {
  --fa: "";
}
.fa-ticket-simple {
  --fa: "";
}
.fa-ticket-alt {
  --fa: "";
}
.fa-building {
  --fa: "";
}
.fa-angles-left {
  --fa: "";
}
.fa-angle-double-left {
  --fa: "";
}
.fa-qrcode {
  --fa: "";
}
.fa-clock-rotate-left {
  --fa: "";
}
.fa-history {
  --fa: "";
}
.fa-face-grin-beam-sweat {
  --fa: "";
}
.fa-grin-beam-sweat {
  --fa: "";
}
.fa-file-export {
  --fa: "";
}
.fa-arrow-right-from-file {
  --fa: "";
}
.fa-shield {
  --fa: "";
}
.fa-shield-blank {
  --fa: "";
}
.fa-arrow-up-short-wide {
  --fa: "";
}
.fa-sort-amount-up-alt {
  --fa: "";
}
.fa-comment-nodes {
  --fa: "";
}
.fa-house-medical {
  --fa: "";
}
.fa-golf-ball-tee {
  --fa: "";
}
.fa-golf-ball {
  --fa: "";
}
.fa-circle-chevron-left {
  --fa: "";
}
.fa-chevron-circle-left {
  --fa: "";
}
.fa-house-chimney-window {
  --fa: "";
}
.fa-pen-nib {
  --fa: "";
}
.fa-tent-arrow-turn-left {
  --fa: "";
}
.fa-tents {
  --fa: "";
}
.fa-wand-magic {
  --fa: "";
}
.fa-magic {
  --fa: "";
}
.fa-dog {
  --fa: "";
}
.fa-carrot {
  --fa: "";
}
.fa-moon {
  --fa: "";
}
.fa-wine-glass-empty {
  --fa: "";
}
.fa-wine-glass-alt {
  --fa: "";
}
.fa-cheese {
  --fa: "";
}
.fa-yin-yang {
  --fa: "";
}
.fa-music {
  --fa: "";
}
.fa-code-commit {
  --fa: "";
}
.fa-temperature-low {
  --fa: "";
}
.fa-person-biking {
  --fa: "";
}
.fa-biking {
  --fa: "";
}
.fa-broom {
  --fa: "";
}
.fa-shield-heart {
  --fa: "";
}
.fa-gopuram {
  --fa: "";
}
.fa-earth-oceania {
  --fa: "";
}
.fa-globe-oceania {
  --fa: "";
}
.fa-square-xmark {
  --fa: "";
}
.fa-times-square {
  --fa: "";
}
.fa-xmark-square {
  --fa: "";
}
.fa-hashtag {
  --fa: "#";
}
.fa-up-right-and-down-left-from-center {
  --fa: "";
}
.fa-expand-alt {
  --fa: "";
}
.fa-oil-can {
  --fa: "";
}
.fa-t {
  --fa: "T";
}
.fa-hippo {
  --fa: "";
}
.fa-chart-column {
  --fa: "";
}
.fa-infinity {
  --fa: "";
}
.fa-vial-circle-check {
  --fa: "";
}
.fa-person-arrow-down-to-line {
  --fa: "";
}
.fa-voicemail {
  --fa: "";
}
.fa-fan {
  --fa: "";
}
.fa-person-walking-luggage {
  --fa: "";
}
.fa-up-down {
  --fa: "";
}
.fa-arrows-alt-v {
  --fa: "";
}
.fa-cloud-moon-rain {
  --fa: "";
}
.fa-calendar {
  --fa: "";
}
.fa-trailer {
  --fa: "";
}
.fa-bahai {
  --fa: "";
}
.fa-haykal {
  --fa: "";
}
.fa-sd-card {
  --fa: "";
}
.fa-dragon {
  --fa: "";
}
.fa-shoe-prints {
  --fa: "";
}
.fa-circle-plus {
  --fa: "";
}
.fa-plus-circle {
  --fa: "";
}
.fa-face-grin-tongue-wink {
  --fa: "";
}
.fa-grin-tongue-wink {
  --fa: "";
}
.fa-hand-holding {
  --fa: "";
}
.fa-plug-circle-exclamation {
  --fa: "";
}
.fa-link-slash {
  --fa: "";
}
.fa-chain-broken {
  --fa: "";
}
.fa-chain-slash {
  --fa: "";
}
.fa-unlink {
  --fa: "";
}
.fa-clone {
  --fa: "";
}
.fa-person-walking-arrow-loop-left {
  --fa: "";
}
.fa-arrow-up-z-a {
  --fa: "";
}
.fa-sort-alpha-up-alt {
  --fa: "";
}
.fa-fire-flame-curved {
  --fa: "";
}
.fa-fire-alt {
  --fa: "";
}
.fa-tornado {
  --fa: "";
}
.fa-file-circle-plus {
  --fa: "";
}
.fa-book-quran {
  --fa: "";
}
.fa-quran {
  --fa: "";
}
.fa-anchor {
  --fa: "";
}
.fa-border-all {
  --fa: "";
}
.fa-face-angry {
  --fa: "";
}
.fa-angry {
  --fa: "";
}
.fa-cookie-bite {
  --fa: "";
}
.fa-arrow-trend-down {
  --fa: "";
}
.fa-rss {
  --fa: "";
}
.fa-feed {
  --fa: "";
}
.fa-draw-polygon {
  --fa: "";
}
.fa-scale-balanced {
  --fa: "";
}
.fa-balance-scale {
  --fa: "";
}
.fa-gauge-simple-high {
  --fa: "";
}
.fa-tachometer {
  --fa: "";
}
.fa-tachometer-fast {
  --fa: "";
}
.fa-shower {
  --fa: "";
}
.fa-desktop {
  --fa: "";
}
.fa-desktop-alt {
  --fa: "";
}
.fa-m {
  --fa: "M";
}
.fa-table-list {
  --fa: "";
}
.fa-th-list {
  --fa: "";
}
.fa-comment-sms {
  --fa: "";
}
.fa-sms {
  --fa: "";
}
.fa-book {
  --fa: "";
}
.fa-user-plus {
  --fa: "";
}
.fa-check {
  --fa: "";
}
.fa-battery-three-quarters {
  --fa: "";
}
.fa-battery-4 {
  --fa: "";
}
.fa-house-circle-check {
  --fa: "";
}
.fa-angle-left {
  --fa: "";
}
.fa-diagram-successor {
  --fa: "";
}
.fa-truck-arrow-right {
  --fa: "";
}
.fa-arrows-split-up-and-left {
  --fa: "";
}
.fa-hand-fist {
  --fa: "";
}
.fa-fist-raised {
  --fa: "";
}
.fa-cloud-moon {
  --fa: "";
}
.fa-briefcase {
  --fa: "";
}
.fa-person-falling {
  --fa: "";
}
.fa-image-portrait {
  --fa: "";
}
.fa-portrait {
  --fa: "";
}
.fa-user-tag {
  --fa: "";
}
.fa-rug {
  --fa: "";
}
.fa-earth-europe {
  --fa: "";
}
.fa-globe-europe {
  --fa: "";
}
.fa-cart-flatbed-suitcase {
  --fa: "";
}
.fa-luggage-cart {
  --fa: "";
}
.fa-rectangle-xmark {
  --fa: "";
}
.fa-rectangle-times {
  --fa: "";
}
.fa-times-rectangle {
  --fa: "";
}
.fa-window-close {
  --fa: "";
}
.fa-baht-sign {
  --fa: "";
}
.fa-book-open {
  --fa: "";
}
.fa-book-journal-whills {
  --fa: "";
}
.fa-journal-whills {
  --fa: "";
}
.fa-handcuffs {
  --fa: "";
}
.fa-triangle-exclamation {
  --fa: "";
}
.fa-exclamation-triangle {
  --fa: "";
}
.fa-warning {
  --fa: "";
}
.fa-database {
  --fa: "";
}
.fa-share {
  --fa: "";
}
.fa-mail-forward {
  --fa: "";
}
.fa-bottle-droplet {
  --fa: "";
}
.fa-mask-face {
  --fa: "";
}
.fa-hill-rockslide {
  --fa: "";
}
.fa-right-left {
  --fa: "";
}
.fa-exchange-alt {
  --fa: "";
}
.fa-paper-plane {
  --fa: "";
}
.fa-road-circle-exclamation {
  --fa: "";
}
.fa-dungeon {
  --fa: "";
}
.fa-align-right {
  --fa: "";
}
.fa-money-bill-1-wave {
  --fa: "";
}
.fa-money-bill-wave-alt {
  --fa: "";
}
.fa-life-ring {
  --fa: "";
}
.fa-hands {
  --fa: "";
}
.fa-sign-language {
  --fa: "";
}
.fa-signing {
  --fa: "";
}
.fa-calendar-day {
  --fa: "";
}
.fa-water-ladder {
  --fa: "";
}
.fa-ladder-water {
  --fa: "";
}
.fa-swimming-pool {
  --fa: "";
}
.fa-arrows-up-down {
  --fa: "";
}
.fa-arrows-v {
  --fa: "";
}
.fa-face-grimace {
  --fa: "";
}
.fa-grimace {
  --fa: "";
}
.fa-wheelchair-move {
  --fa: "";
}
.fa-wheelchair-alt {
  --fa: "";
}
.fa-turn-down {
  --fa: "";
}
.fa-level-down-alt {
  --fa: "";
}
.fa-person-walking-arrow-right {
  --fa: "";
}
.fa-square-envelope {
  --fa: "";
}
.fa-envelope-square {
  --fa: "";
}
.fa-dice {
  --fa: "";
}
.fa-bowling-ball {
  --fa: "";
}
.fa-brain {
  --fa: "";
}
.fa-bandage {
  --fa: "";
}
.fa-band-aid {
  --fa: "";
}
.fa-calendar-minus {
  --fa: "";
}
.fa-circle-xmark {
  --fa: "";
}
.fa-times-circle {
  --fa: "";
}
.fa-xmark-circle {
  --fa: "";
}
.fa-gifts {
  --fa: "";
}
.fa-hotel {
  --fa: "";
}
.fa-earth-asia {
  --fa: "";
}
.fa-globe-asia {
  --fa: "";
}
.fa-id-card-clip {
  --fa: "";
}
.fa-id-card-alt {
  --fa: "";
}
.fa-magnifying-glass-plus {
  --fa: "";
}
.fa-search-plus {
  --fa: "";
}
.fa-thumbs-up {
  --fa: "";
}
.fa-user-clock {
  --fa: "";
}
.fa-hand-dots {
  --fa: "";
}
.fa-allergies {
  --fa: "";
}
.fa-file-invoice {
  --fa: "";
}
.fa-window-minimize {
  --fa: "";
}
.fa-mug-saucer {
  --fa: "";
}
.fa-coffee {
  --fa: "";
}
.fa-brush {
  --fa: "";
}
.fa-file-half-dashed {
  --fa: "";
}
.fa-mask {
  --fa: "";
}
.fa-magnifying-glass-minus {
  --fa: "";
}
.fa-search-minus {
  --fa: "";
}
.fa-ruler-vertical {
  --fa: "";
}
.fa-user-large {
  --fa: "";
}
.fa-user-alt {
  --fa: "";
}
.fa-train-tram {
  --fa: "";
}
.fa-user-nurse {
  --fa: "";
}
.fa-syringe {
  --fa: "";
}
.fa-cloud-sun {
  --fa: "";
}
.fa-stopwatch-20 {
  --fa: "";
}
.fa-square-full {
  --fa: "";
}
.fa-magnet {
  --fa: "";
}
.fa-jar {
  --fa: "";
}
.fa-note-sticky {
  --fa: "";
}
.fa-sticky-note {
  --fa: "";
}
.fa-bug-slash {
  --fa: "";
}
.fa-arrow-up-from-water-pump {
  --fa: "";
}
.fa-bone {
  --fa: "";
}
.fa-table-cells-row-unlock {
  --fa: "";
}
.fa-user-injured {
  --fa: "";
}
.fa-face-sad-tear {
  --fa: "";
}
.fa-sad-tear {
  --fa: "";
}
.fa-plane {
  --fa: "";
}
.fa-tent-arrows-down {
  --fa: "";
}
.fa-exclamation {
  --fa: "!";
}
.fa-arrows-spin {
  --fa: "";
}
.fa-print {
  --fa: "";
}
.fa-turkish-lira-sign {
  --fa: "";
}
.fa-try {
  --fa: "";
}
.fa-turkish-lira {
  --fa: "";
}
.fa-dollar-sign {
  --fa: "$";
}
.fa-dollar {
  --fa: "$";
}
.fa-usd {
  --fa: "$";
}
.fa-x {
  --fa: "X";
}
.fa-magnifying-glass-dollar {
  --fa: "";
}
.fa-search-dollar {
  --fa: "";
}
.fa-users-gear {
  --fa: "";
}
.fa-users-cog {
  --fa: "";
}
.fa-person-military-pointing {
  --fa: "";
}
.fa-building-columns {
  --fa: "";
}
.fa-bank {
  --fa: "";
}
.fa-institution {
  --fa: "";
}
.fa-museum {
  --fa: "";
}
.fa-university {
  --fa: "";
}
.fa-umbrella {
  --fa: "";
}
.fa-trowel {
  --fa: "";
}
.fa-d {
  --fa: "D";
}
.fa-stapler {
  --fa: "";
}
.fa-masks-theater {
  --fa: "";
}
.fa-theater-masks {
  --fa: "";
}
.fa-kip-sign {
  --fa: "";
}
.fa-hand-point-left {
  --fa: "";
}
.fa-handshake-simple {
  --fa: "";
}
.fa-handshake-alt {
  --fa: "";
}
.fa-jet-fighter {
  --fa: "";
}
.fa-fighter-jet {
  --fa: "";
}
.fa-square-share-nodes {
  --fa: "";
}
.fa-share-alt-square {
  --fa: "";
}
.fa-barcode {
  --fa: "";
}
.fa-plus-minus {
  --fa: "";
}
.fa-video {
  --fa: "";
}
.fa-video-camera {
  --fa: "";
}
.fa-graduation-cap {
  --fa: "";
}
.fa-mortar-board {
  --fa: "";
}
.fa-hand-holding-medical {
  --fa: "";
}
.fa-person-circle-check {
  --fa: "";
}
.fa-turn-up {
  --fa: "";
}
.fa-level-up-alt {
  --fa: "";
}
.sr-only, .fa-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.sr-only-focusable:not(:focus), .fa-sr-only-focusable:not(:focus) {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
/*!
   * Bootstrap  v5.3.3 (https://getbootstrap.com/)
   * Copyright 2011-2024 The Bootstrap Authors
   * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
   */
:root, [data-bs-theme="light"] {
  --bs-blue: #0f6cbf;
  --bs-indigo: #6610f2;
  --bs-purple: #613d7c;
  --bs-pink: #db1a74;
  --bs-red: #ca3120;
  --bs-orange: #ff7518;
  --bs-yellow: #f0ad4e;
  --bs-green: #357a32;
  --bs-teal: #20c997;
  --bs-cyan: #008196;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6a737b;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #8f959e;
  --bs-gray-600: #6a737b;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #1d2125;
  --bs-primary: #176B75;
  --bs-secondary: #ced4da;
  --bs-success: #276E00;
  --bs-info: #0333B9;
  --bs-warning: #EF9100;
  --bs-danger: #AD1B00;
  --bs-light: #f8f9fa;
  --bs-dark: #1d2125;
  --bs-primary-rgb: 23, 107, 117;
  --bs-secondary-rgb: 206, 212, 218;
  --bs-success-rgb: 39, 110, 0;
  --bs-info-rgb: 3, 51, 185;
  --bs-warning-rgb: 239, 145, 0;
  --bs-danger-rgb: 173, 27, 0;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 29, 33, 37;
  --bs-primary-text-emphasis: #092b2f;
  --bs-secondary-text-emphasis: #525557;
  --bs-success-text-emphasis: #102c00;
  --bs-info-text-emphasis: #01144a;
  --bs-warning-text-emphasis: #603a00;
  --bs-danger-text-emphasis: #450b00;
  --bs-light-text-emphasis: #495057;
  --bs-dark-text-emphasis: #495057;
  --bs-primary-bg-subtle: #d1e1e3;
  --bs-secondary-bg-subtle: #f5f6f8;
  --bs-success-bg-subtle: #d4e2cc;
  --bs-info-bg-subtle: #cdd6f1;
  --bs-warning-bg-subtle: #fce9cc;
  --bs-danger-bg-subtle: #efd1cc;
  --bs-light-bg-subtle: #fcfcfd;
  --bs-dark-bg-subtle: #ced4da;
  --bs-primary-border-subtle: #a2c4c8;
  --bs-secondary-border-subtle: #ebeef0;
  --bs-success-border-subtle: #a9c599;
  --bs-info-border-subtle: #9aade3;
  --bs-warning-border-subtle: #f9d399;
  --bs-danger-border-subtle: #dea499;
  --bs-light-border-subtle: #e9ecef;
  --bs-dark-border-subtle: #8f959e;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 0.9375rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #1d2125;
  --bs-body-color-rgb: 29, 33, 37;
  --bs-body-bg: #fff;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-emphasis-color: #000;
  --bs-emphasis-color-rgb: 0, 0, 0;
  --bs-secondary-color: rgba(29, 33, 37, 0.75);
  --bs-secondary-color-rgb: 29, 33, 37;
  --bs-secondary-bg: #e9ecef;
  --bs-secondary-bg-rgb: 233, 236, 239;
  --bs-tertiary-color: rgba(29, 33, 37, 0.5);
  --bs-tertiary-color-rgb: 29, 33, 37;
  --bs-tertiary-bg: #f8f9fa;
  --bs-tertiary-bg-rgb: 248, 249, 250;
  --bs-heading-color: inherit;
  --bs-link-color: #176B75;
  --bs-link-color-rgb: 23, 107, 117;
  --bs-link-decoration: none;
  --bs-link-hover-color: #12565e;
  --bs-link-hover-color-rgb: 18, 86, 94;
  --bs-link-hover-decoration: underline;
  --bs-code-color: #db1a74;
  --bs-highlight-color: #1d2125;
  --bs-highlight-bg: #fcefdc;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.5rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.6rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-xxl: 2rem;
  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
  --bs-border-radius-pill: 50rem;
  --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --bs-focus-ring-width: 0.25rem;
  --bs-focus-ring-opacity: 0.75;
  --bs-focus-ring-color: rgba(23, 107, 117, 0.75);
  --bs-form-valid-color: #276E00;
  --bs-form-valid-border-color: #276E00;
  --bs-form-invalid-color: #AD1B00;
  --bs-form-invalid-border-color: #AD1B00;
}
[data-bs-theme="dark"] {
  color-scheme: dark;
  --bs-body-color: #dee2e6;
  --bs-body-color-rgb: 222, 226, 230;
  --bs-body-bg: #1d2125;
  --bs-body-bg-rgb: 29, 33, 37;
  --bs-emphasis-color: #fff;
  --bs-emphasis-color-rgb: 255, 255, 255;
  --bs-secondary-color: rgba(222, 226, 230, 0.75);
  --bs-secondary-color-rgb: 222, 226, 230;
  --bs-secondary-bg: #343a40;
  --bs-secondary-bg-rgb: 52, 58, 64;
  --bs-tertiary-color: rgba(222, 226, 230, 0.5);
  --bs-tertiary-color-rgb: 222, 226, 230;
  --bs-tertiary-bg: #292e33;
  --bs-tertiary-bg-rgb: 41, 46, 51;
  --bs-primary-text-emphasis: #74a6ac;
  --bs-secondary-text-emphasis: #e2e5e9;
  --bs-success-text-emphasis: #7da866;
  --bs-info-text-emphasis: #6885d5;
  --bs-warning-text-emphasis: #f5bd66;
  --bs-danger-text-emphasis: #ce7666;
  --bs-light-text-emphasis: #f8f9fa;
  --bs-dark-text-emphasis: #dee2e6;
  --bs-primary-bg-subtle: #051517;
  --bs-secondary-bg-subtle: #292a2c;
  --bs-success-bg-subtle: #081600;
  --bs-info-bg-subtle: #010a25;
  --bs-warning-bg-subtle: #301d00;
  --bs-danger-bg-subtle: #230500;
  --bs-light-bg-subtle: #343a40;
  --bs-dark-bg-subtle: #1a1d20;
  --bs-primary-border-subtle: #0e4046;
  --bs-secondary-border-subtle: #7c7f83;
  --bs-success-border-subtle: #174200;
  --bs-info-border-subtle: #021f6f;
  --bs-warning-border-subtle: #8f5700;
  --bs-danger-border-subtle: #681000;
  --bs-light-border-subtle: #495057;
  --bs-dark-border-subtle: #343a40;
  --bs-heading-color: inherit;
  --bs-link-color: #74a6ac;
  --bs-link-hover-color: #90b8bd;
  --bs-link-color-rgb: 116, 166, 172;
  --bs-link-hover-color-rgb: 144, 184, 189;
  --bs-code-color: #e976ac;
  --bs-highlight-color: #dee2e6;
  --bs-highlight-bg: #60451f;
  --bs-border-color: #495057;
  --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
  --bs-form-valid-color: #86af84;
  --bs-form-valid-border-color: #86af84;
  --bs-form-invalid-color: #df8379;
  --bs-form-invalid-border-color: #df8379;
}
*, *::before, *::after {
  box-sizing: border-box;
}
@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}
body {
  margin: 0;
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  color: var(--bs-body-color);
  text-align: var(--bs-body-text-align);
  background-color: var(--bs-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
hr {
  margin: 1rem 0;
  color: inherit;
  border: 0;
  border-top: var(--bs-border-width) solid;
  opacity: 0.15;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
  color: var(--bs-heading-color);
}
h1, .h1 {
  font-size: calc(1.359375rem + 1.3125vw);
}
@media (min-width: 1200px) {
  h1, .h1 {
    font-size: 2.34375rem;
  }
}
h2, .h2 {
  font-size: calc(1.3125rem + 0.75vw);
}
@media (min-width: 1200px) {
  h2, .h2 {
    font-size: 1.875rem;
  }
}
h3, .h3 {
  font-size: calc(1.2890625rem + 0.46875vw);
}
@media (min-width: 1200px) {
  h3, .h3 {
    font-size: 1.640625rem;
  }
}
h4, .h4 {
  font-size: calc(1.265625rem + 0.1875vw);
}
@media (min-width: 1200px) {
  h4, .h4 {
    font-size: 1.40625rem;
  }
}
h5, .h5 {
  font-size: 1.171875rem;
}
h6, .h6 {
  font-size: 0.9375rem;
}
p {
  margin-top: 0;
  margin-bottom: 1rem;
}
abbr[title] {
  text-decoration: underline dotted;
  cursor: help;
  text-decoration-skip-ink: none;
}
address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}
ol, ul {
  padding-left: 2rem;
}
ol, ul, dl {
  margin-top: 0;
  margin-bottom: 1rem;
}
ol ol, ul ul, ol ul, ul ol {
  margin-bottom: 0;
}
dt {
  font-weight: 700;
}
dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}
blockquote {
  margin: 0 0 1rem;
}
b, strong, .theme_boost_union-courselisting .customfields .customfieldname, .theme_boost_union-courselisting .customfields .customfieldseparator, #bucourseheader .customfields .customfieldname, #bucourseheader .customfields .customfieldseparator {
  font-weight: bolder;
}
small, .small, .pagelayout-frontpage .theme_boost_union-coursecategoryinfo, .pagelayout-coursecategory .theme_boost_union-coursecategoryinfo, #page-course-search .theme_boost_union-coursecategoryinfo {
  font-size: 0.875em;
}
mark, .mark {
  padding: 0.1875em;
  color: var(--bs-highlight-color);
  background-color: var(--bs-highlight-bg);
}
sub, sup {
  position: relative;
  font-size: 0.75em;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
a {
  color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
  text-decoration: none;
}
a:hover {
  --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
  text-decoration: underline;
}
a:not([href]):not([class]), a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}
pre, code, kbd, samp {
  font-family: var(--bs-font-monospace);
  font-size: 1em;
}
pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  font-size: 0.875em;
}
pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}
code {
  font-size: 0.875em;
  color: var(--bs-code-color);
  word-wrap: break-word;
}
a > code {
  color: inherit;
}
kbd {
  padding: 0.1875rem 0.375rem;
  font-size: 0.875em;
  color: var(--bs-body-bg);
  background-color: var(--bs-body-color);
  border-radius: 0.25rem;
}
kbd kbd {
  padding: 0;
  font-size: 1em;
}
figure {
  margin: 0 0 1rem;
}
img, svg {
  vertical-align: middle;
}
table {
  caption-side: bottom;
  border-collapse: collapse;
}
caption {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: var(--bs-secondary-color);
  text-align: left;
}
th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}
thead, tbody, tfoot, tr, td, th {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}
label {
  display: inline-block;
}
button {
  border-radius: 0;
}
button:focus:not(:focus-visible) {
  outline: 0;
}
input, button, select, optgroup, textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
button, select {
  text-transform: none;
}
[role="button"] {
  cursor: pointer;
}
select {
  word-wrap: normal;
}
select:disabled {
  opacity: 1;
}
[list]:not([type="date"]):not([type="datetime-local"]):not([type="month"]):not([type="week"]):not([type="time"])::-webkit-calendar-picker-indicator {
  display: none !important;
}
button, [type="button"], [type="reset"], [type="submit"] {
  -webkit-appearance: button;
}
button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) {
  cursor: pointer;
}
::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
textarea {
  resize: vertical;
}
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
legend {
  float: left;
  width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: calc(1.275rem + 0.3vw);
  line-height: inherit;
}
@media (min-width: 1200px) {
  legend {
    font-size: 1.5rem;
  }
}
legend + * {
  clear: left;
}
::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-year-field {
  padding: 0;
}
::-webkit-inner-spin-button {
  height: auto;
}
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
/* rtl:raw:
[type="tel"],
[type="url"],
[type="email"],
[type="number"] {
  direction: ltr;
}
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-color-swatch-wrapper {
  padding: 0;
}
::file-selector-button {
  font: inherit;
  -webkit-appearance: button;
}
output {
  display: inline-block;
}
iframe {
  border: 0;
}
summary {
  display: list-item;
  cursor: pointer;
}
progress {
  vertical-align: baseline;
}
[hidden] {
  display: none !important;
}
.lead {
  font-size: 1.171875rem;
  font-weight: 300;
}
.display-1 {
  font-size: calc(1.625rem + 4.5vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-1 {
    font-size: 5rem;
  }
}
.display-2 {
  font-size: calc(1.575rem + 3.9vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-2 {
    font-size: 4.5rem;
  }
}
.display-3 {
  font-size: calc(1.525rem + 3.3vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-3 {
    font-size: 4rem;
  }
}
.display-4 {
  font-size: calc(1.475rem + 2.7vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-4 {
    font-size: 3.5rem;
  }
}
.display-5 {
  font-size: calc(1.425rem + 2.1vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-5 {
    font-size: 3rem;
  }
}
.display-6 {
  font-size: calc(1.375rem + 1.5vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-6 {
    font-size: 2.5rem;
  }
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  list-style: none;
}
.list-inline-item {
  display: inline-block;
}
.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}
.initialism {
  font-size: 0.875em;
  text-transform: uppercase;
}
.blockquote {
  margin-bottom: 1rem;
  font-size: 1.171875rem;
}
.blockquote > :last-child {
  margin-bottom: 0;
}
.blockquote-footer {
  margin-top: -1rem;
  margin-bottom: 1rem;
  font-size: 0.875em;
  color: #6a737b;
}
.blockquote-footer::before {
  content: "— ";
}
.img-fluid {
  max-width: 100%;
  height: auto;
}
.img-thumbnail {
  padding: 0.25rem;
  background-color: var(--bs-body-bg);
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  max-width: 100%;
  height: auto;
}
.figure {
  display: inline-block;
}
.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1;
}
.figure-caption {
  font-size: 0.875em;
  color: var(--bs-secondary-color);
}
.container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .container, .container-sm {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container, .container-sm, .container-md {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container, .container-sm, .container-md, .container-lg {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container, .container-sm, .container-md, .container-lg, .container-xl {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
    max-width: 1320px;
  }
}
:root {
  --bs-breakpoint-xs: 0;
  --bs-breakpoint-sm: 576px;
  --bs-breakpoint-md: 768px;
  --bs-breakpoint-lg: 992px;
  --bs-breakpoint-xl: 1200px;
  --bs-breakpoint-xxl: 1400px;
}
.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-.5 * var(--bs-gutter-x));
  margin-left: calc(-.5 * var(--bs-gutter-x));
}
.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
  margin-top: var(--bs-gutter-y);
}
.col {
  flex: 1 0 0%;
}
.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}
.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}
.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}
.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.33333333%;
}
.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}
.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}
.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.66666667%;
}
.col-auto {
  flex: 0 0 auto;
  width: auto;
}
.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}
.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}
.col-3 {
  flex: 0 0 auto;
  width: 25%;
}
.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}
.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}
.col-6 {
  flex: 0 0 auto;
  width: 50%;
}
.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}
.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}
.col-9 {
  flex: 0 0 auto;
  width: 75%;
}
.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}
.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}
.col-12 {
  flex: 0 0 auto;
  width: 100%;
}
.offset-1 {
  margin-left: 8.33333333%;
}
.offset-2 {
  margin-left: 16.66666667%;
}
.offset-3 {
  margin-left: 25%;
}
.offset-4 {
  margin-left: 33.33333333%;
}
.offset-5 {
  margin-left: 41.66666667%;
}
.offset-6 {
  margin-left: 50%;
}
.offset-7 {
  margin-left: 58.33333333%;
}
.offset-8 {
  margin-left: 66.66666667%;
}
.offset-9 {
  margin-left: 75%;
}
.offset-10 {
  margin-left: 83.33333333%;
}
.offset-11 {
  margin-left: 91.66666667%;
}
.g-0, .gx-0 {
  --bs-gutter-x: 0;
}
.g-0, .gy-0 {
  --bs-gutter-y: 0;
}
.g-1, .gx-1 {
  --bs-gutter-x: 0.25rem;
}
.g-1, .gy-1 {
  --bs-gutter-y: 0.25rem;
}
.g-2, .gx-2 {
  --bs-gutter-x: 0.5rem;
}
.g-2, .gy-2 {
  --bs-gutter-y: 0.5rem;
}
.g-3, .gx-3 {
  --bs-gutter-x: 1rem;
}
.g-3, .gy-3 {
  --bs-gutter-y: 1rem;
}
.g-4, .gx-4 {
  --bs-gutter-x: 1.5rem;
}
.g-4, .gy-4 {
  --bs-gutter-y: 1.5rem;
}
.g-5, .gx-5 {
  --bs-gutter-x: 2rem;
}
.g-5, .gy-5 {
  --bs-gutter-y: 2rem;
}
.g-6, .gx-6 {
  --bs-gutter-x: 3rem;
}
.g-6, .gy-6 {
  --bs-gutter-y: 3rem;
}
@media (min-width: 576px) {
  .col-sm {
    flex: 1 0 0%;
  }
  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
  .g-sm-0, .gx-sm-0 {
    --bs-gutter-x: 0;
  }
  .g-sm-0, .gy-sm-0 {
    --bs-gutter-y: 0;
  }
  .g-sm-1, .gx-sm-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-sm-1, .gy-sm-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-sm-2, .gx-sm-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-sm-2, .gy-sm-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-sm-3, .gx-sm-3 {
    --bs-gutter-x: 1rem;
  }
  .g-sm-3, .gy-sm-3 {
    --bs-gutter-y: 1rem;
  }
  .g-sm-4, .gx-sm-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-sm-4, .gy-sm-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-sm-5, .gx-sm-5 {
    --bs-gutter-x: 2rem;
  }
  .g-sm-5, .gy-sm-5 {
    --bs-gutter-y: 2rem;
  }
  .g-sm-6, .gx-sm-6 {
    --bs-gutter-x: 3rem;
  }
  .g-sm-6, .gy-sm-6 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0%;
  }
  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333333%;
  }
  .offset-md-2 {
    margin-left: 16.66666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333333%;
  }
  .offset-md-5 {
    margin-left: 41.66666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333333%;
  }
  .offset-md-8 {
    margin-left: 66.66666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333333%;
  }
  .offset-md-11 {
    margin-left: 91.66666667%;
  }
  .g-md-0, .gx-md-0 {
    --bs-gutter-x: 0;
  }
  .g-md-0, .gy-md-0 {
    --bs-gutter-y: 0;
  }
  .g-md-1, .gx-md-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-md-1, .gy-md-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-md-2, .gx-md-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-md-2, .gy-md-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-md-3, .gx-md-3 {
    --bs-gutter-x: 1rem;
  }
  .g-md-3, .gy-md-3 {
    --bs-gutter-y: 1rem;
  }
  .g-md-4, .gx-md-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-md-4, .gy-md-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-md-5, .gx-md-5 {
    --bs-gutter-x: 2rem;
  }
  .g-md-5, .gy-md-5 {
    --bs-gutter-y: 2rem;
  }
  .g-md-6, .gx-md-6 {
    --bs-gutter-x: 3rem;
  }
  .g-md-6, .gy-md-6 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex: 1 0 0%;
  }
  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
  .g-lg-0, .gx-lg-0 {
    --bs-gutter-x: 0;
  }
  .g-lg-0, .gy-lg-0 {
    --bs-gutter-y: 0;
  }
  .g-lg-1, .gx-lg-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-lg-1, .gy-lg-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-lg-2, .gx-lg-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-lg-2, .gy-lg-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-lg-3, .gx-lg-3 {
    --bs-gutter-x: 1rem;
  }
  .g-lg-3, .gy-lg-3 {
    --bs-gutter-y: 1rem;
  }
  .g-lg-4, .gx-lg-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-lg-4, .gy-lg-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-lg-5, .gx-lg-5 {
    --bs-gutter-x: 2rem;
  }
  .g-lg-5, .gy-lg-5 {
    --bs-gutter-y: 2rem;
  }
  .g-lg-6, .gx-lg-6 {
    --bs-gutter-x: 3rem;
  }
  .g-lg-6, .gy-lg-6 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0 0%;
  }
  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
  .g-xl-0, .gx-xl-0 {
    --bs-gutter-x: 0;
  }
  .g-xl-0, .gy-xl-0 {
    --bs-gutter-y: 0;
  }
  .g-xl-1, .gx-xl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xl-1, .gy-xl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xl-2, .gx-xl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xl-2, .gy-xl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xl-3, .gx-xl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xl-3, .gy-xl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xl-4, .gx-xl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xl-4, .gy-xl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xl-5, .gx-xl-5 {
    --bs-gutter-x: 2rem;
  }
  .g-xl-5, .gy-xl-5 {
    --bs-gutter-y: 2rem;
  }
  .g-xl-6, .gx-xl-6 {
    --bs-gutter-x: 3rem;
  }
  .g-xl-6, .gy-xl-6 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1400px) {
  .col-xxl {
    flex: 1 0 0%;
  }
  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }
  .g-xxl-0, .gx-xxl-0 {
    --bs-gutter-x: 0;
  }
  .g-xxl-0, .gy-xxl-0 {
    --bs-gutter-y: 0;
  }
  .g-xxl-1, .gx-xxl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xxl-1, .gy-xxl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xxl-2, .gx-xxl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xxl-2, .gy-xxl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xxl-3, .gx-xxl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xxl-3, .gy-xxl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xxl-4, .gx-xxl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xxl-4, .gy-xxl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xxl-5, .gx-xxl-5 {
    --bs-gutter-x: 2rem;
  }
  .g-xxl-5, .gy-xxl-5 {
    --bs-gutter-y: 2rem;
  }
  .g-xxl-6, .gx-xxl-6 {
    --bs-gutter-x: 3rem;
  }
  .g-xxl-6, .gy-xxl-6 {
    --bs-gutter-y: 3rem;
  }
}
.table {
  --bs-table-color-type: initial;
  --bs-table-bg-type: initial;
  --bs-table-color-state: initial;
  --bs-table-bg-state: initial;
  --bs-table-color: var(--bs-emphasis-color);
  --bs-table-bg: var(--bs-body-bg);
  --bs-table-border-color: var(--bs-border-color);
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: var(--bs-emphasis-color);
  --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.03);
  --bs-table-active-color: var(--bs-emphasis-color);
  --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1);
  --bs-table-hover-color: var(--bs-emphasis-color);
  --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075);
  width: 100%;
  margin-bottom: 1rem;
  vertical-align: top;
  border-color: var(--bs-table-border-color);
}
.table > :not(caption) > * > * {
  padding: 0.5rem 0.5rem;
  color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color)));
  background-color: var(--bs-table-bg);
  border-bottom-width: var(--bs-border-width);
  box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)));
}
.table > tbody {
  vertical-align: inherit;
}
.table > thead {
  vertical-align: bottom;
}
.table-group-divider {
  border-top: calc(var(--bs-border-width) * 2) solid currentcolor;
}
.caption-top {
  caption-side: top;
}
.table-sm > :not(caption) > * > * {
  padding: 0.25rem 0.25rem;
}
.table-bordered > :not(caption) > * {
  border-width: var(--bs-border-width) 0;
}
.table-bordered > :not(caption) > * > * {
  border-width: 0 var(--bs-border-width);
}
.table-borderless > :not(caption) > * > * {
  border-bottom-width: 0;
}
.table-borderless > :not(:first-child) {
  border-top-width: 0;
}
.table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-color-type: var(--bs-table-striped-color);
  --bs-table-bg-type: var(--bs-table-striped-bg);
}
.table-striped-columns > :not(caption) > tr > :nth-child(even) {
  --bs-table-color-type: var(--bs-table-striped-color);
  --bs-table-bg-type: var(--bs-table-striped-bg);
}
.table-active {
  --bs-table-color-state: var(--bs-table-active-color);
  --bs-table-bg-state: var(--bs-table-active-bg);
}
.table-hover > tbody > tr:hover > * {
  --bs-table-color-state: var(--bs-table-hover-color);
  --bs-table-bg-state: var(--bs-table-hover-bg);
}
.table-primary {
  --bs-table-color: #000;
  --bs-table-bg: #d1e1e3;
  --bs-table-border-color: #a7b4b6;
  --bs-table-striped-bg: #cbdadc;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #bccbcc;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #c1d0d2;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-secondary {
  --bs-table-color: #000;
  --bs-table-bg: #f5f6f8;
  --bs-table-border-color: #c4c5c6;
  --bs-table-striped-bg: #eeeff1;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #dddddf;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e3e4e5;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-success {
  --bs-table-color: #000;
  --bs-table-bg: #d4e2cc;
  --bs-table-border-color: #aab5a3;
  --bs-table-striped-bg: #cedbc6;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #bfcbb8;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #c4d1bd;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-info {
  --bs-table-color: #000;
  --bs-table-bg: #cdd6f1;
  --bs-table-border-color: #a4abc1;
  --bs-table-striped-bg: #c7d0ea;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #b9c1d9;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #bec6df;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-warning {
  --bs-table-color: #000;
  --bs-table-bg: #fce9cc;
  --bs-table-border-color: #cabaa3;
  --bs-table-striped-bg: #f4e2c6;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #e3d2b8;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e9d8bd;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-danger {
  --bs-table-color: #000;
  --bs-table-bg: #efd1cc;
  --bs-table-border-color: #bfa7a3;
  --bs-table-striped-bg: #e8cbc6;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #d7bcb8;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #ddc1bd;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-light {
  --bs-table-color: #000;
  --bs-table-bg: #f8f9fa;
  --bs-table-border-color: #c6c7c8;
  --bs-table-striped-bg: #f1f2f3;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #dfe0e1;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e5e6e7;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-dark {
  --bs-table-color: #fff;
  --bs-table-bg: #1d2125;
  --bs-table-border-color: #4a4d51;
  --bs-table-striped-bg: #24282c;
  --bs-table-striped-color: #fff;
  --bs-table-active-bg: #34373b;
  --bs-table-active-color: #fff;
  --bs-table-hover-bg: #2e3235;
  --bs-table-hover-color: #fff;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
@media (max-width: 575.98px) {
  .table-responsive-sm {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 767.98px) {
  .table-responsive-md {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 991.98px) {
  .table-responsive-lg {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 1199.98px) {
  .table-responsive-xl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 1399.98px) {
  .table-responsive-xxl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
.form-label {
  margin-bottom: 0.5rem;
}
.col-form-label {
  padding-top: calc(0.375rem + var(--bs-border-width));
  padding-bottom: calc(0.375rem + var(--bs-border-width));
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}
.col-form-label-lg {
  padding-top: calc(0.5rem + var(--bs-border-width));
  padding-bottom: calc(0.5rem + var(--bs-border-width));
  font-size: 1.171875rem;
}
.col-form-label-sm {
  padding-top: calc(0.25rem + var(--bs-border-width));
  padding-bottom: calc(0.25rem + var(--bs-border-width));
  font-size: 0.8203125rem;
}
.form-text {
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--bs-secondary-color);
}
.form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  appearance: none;
  background-color: var(--bs-body-bg);
  background-clip: padding-box;
  border: var(--bs-border-width) solid var(--bs-gray-500);
  border-radius: var(--bs-border-radius);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}
.form-control[type="file"] {
  overflow: hidden;
}
.form-control[type="file"]:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control:focus {
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  border-color: #8bb5ba;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(23, 107, 117, 0.75);
}
.form-control::-webkit-date-and-time-value {
  min-width: 85px;
  height: 1.5em;
  margin: 0;
}
.form-control::-webkit-datetime-edit {
  display: block;
  padding: 0;
}
.form-control::placeholder {
  color: var(--bs-secondary-color);
  opacity: 1;
}
.form-control:disabled {
  background-color: var(--bs-secondary-bg);
  opacity: 1;
}
.form-control::file-selector-button {
  padding: 0.375rem 0.75rem;
  margin: -0.375rem -0.75rem;
  margin-inline-end: 0.75rem;
  color: var(--bs-body-color);
  background-color: var(--bs-tertiary-bg);
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: var(--bs-border-width);
  border-radius: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control::file-selector-button {
    transition: none;
  }
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: var(--bs-secondary-bg);
}
.form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.375rem 0;
  margin-bottom: 0;
  line-height: 1.5;
  color: var(--bs-body-color);
  background-color: transparent;
  border: solid transparent;
  border-width: var(--bs-border-width) 0;
}
.form-control-plaintext:focus {
  outline: 0;
}
.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
  padding-right: 0;
  padding-left: 0;
}
.form-control-sm {
  min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
  padding: 0.25rem 0.5rem;
  font-size: 0.8203125rem;
  border-radius: var(--bs-border-radius-sm);
}
.form-control-sm::file-selector-button {
  padding: 0.25rem 0.5rem;
  margin: -0.25rem -0.5rem;
  margin-inline-end: 0.5rem;
}
.form-control-lg {
  min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
  padding: 0.5rem 1rem;
  font-size: 1.171875rem;
  border-radius: var(--bs-border-radius-lg);
}
.form-control-lg::file-selector-button {
  padding: 0.5rem 1rem;
  margin: -0.5rem -1rem;
  margin-inline-end: 1rem;
}
textarea.form-control {
  min-height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));
}
textarea.form-control-sm {
  min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
}
textarea.form-control-lg {
  min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
}
.form-control-color {
  width: 3rem;
  height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));
  padding: 0.375rem;
}
.form-control-color:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control-color::-moz-color-swatch {
  border: 0 !important;
  border-radius: var(--bs-border-radius);
}
.form-control-color::-webkit-color-swatch {
  border: 0 !important;
  border-radius: var(--bs-border-radius);
}
.form-control-color.form-control-sm {
  height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
}
.form-control-color.form-control-lg {
  height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
}
.form-select {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  display: block;
  width: 100%;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  appearance: none;
  background-color: var(--bs-body-bg);
  background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: var(--bs-border-width) solid var(--bs-gray-500);
  border-radius: var(--bs-border-radius);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-select {
    transition: none;
  }
}
.form-select:focus {
  border-color: #8bb5ba;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(23, 107, 117, 0.75);
}
.form-select[multiple], .form-select[size]:not([size="1"]) {
  padding-right: 0.75rem;
  background-image: none;
}
.form-select:disabled {
  background-color: var(--bs-secondary-bg);
}
.form-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 var(--bs-body-color);
}
.form-select-sm, .activity-navigation #jump-to-activity, .section-navigation .jumpmenu {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.8203125rem;
  border-radius: var(--bs-border-radius-sm);
}
.form-select-lg {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 1.171875rem;
  border-radius: var(--bs-border-radius-lg);
}
[data-bs-theme="dark"] .form-select {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}
.form-check {
  display: block;
  min-height: 1.40625rem;
  padding-left: 1.5em;
  margin-bottom: 0.125rem;
}
.form-check .form-check-input {
  float: left;
  margin-left: -1.5em;
}
.form-check-reverse {
  padding-right: 1.5em;
  padding-left: 0;
  text-align: right;
}
.form-check-reverse .form-check-input {
  float: right;
  margin-right: -1.5em;
  margin-left: 0;
}
.form-check-input {
  --bs-form-check-bg: var(--bs-body-bg);
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  margin-top: 0.25em;
  vertical-align: top;
  appearance: none;
  background-color: var(--bs-form-check-bg);
  background-image: var(--bs-form-check-bg-image);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: var(--bs-border-width) solid var(--bs-gray-500);
  print-color-adjust: exact;
  transition: all 0.2s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-check-input {
    transition: none;
  }
}
.form-check-input[type="checkbox"] {
  border-radius: 0.25em;
}
.form-check-input[type="radio"] {
  border-radius: 50%;
}
.form-check-input:active {
  filter: brightness(90%);
}
.form-check-input:focus {
  border-color: #8bb5ba;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(23, 107, 117, 0.75);
}
.form-check-input:checked {
  background-color: #176B75;
  border-color: #176B75;
}
.form-check-input:checked[type="checkbox"] {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}
.form-check-input:checked[type="radio"] {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}
.form-check-input[type="checkbox"]:indeterminate {
  background-color: #176B75;
  border-color: #176B75;
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}
.form-check-input:disabled {
  pointer-events: none;
  filter: none;
  opacity: 0.5;
}
.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
  cursor: default;
  opacity: 0.5;
}
.form-switch {
  padding-left: 2.5em;
}
.form-switch .form-check-input {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
  width: 2em;
  margin-left: -2.5em;
  background-image: var(--bs-form-switch-bg);
  background-position: left center;
  border-radius: 2em;
  transition: background-position 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-switch .form-check-input {
    transition: none;
  }
}
.form-switch .form-check-input:focus {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%238bb5ba'/%3e%3c/svg%3e");
}
.form-switch .form-check-input:checked {
  background-position: right center;
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
.form-switch.form-check-reverse {
  padding-right: 2.5em;
  padding-left: 0;
}
.form-switch.form-check-reverse .form-check-input {
  margin-right: -2.5em;
  margin-left: 0;
}
.form-check-inline {
  display: inline-block;
  margin-right: 1rem;
}
.btn-check {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.btn-check[disabled] + .btn, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .btn-check[disabled] + a.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .btn-check[disabled] + a.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .btn-check[disabled] + a.collapseexpand, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) .btn-check[disabled] + a, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging .btn-check[disabled] + a, .activity-navigation .btn-check[disabled] + #prev-activity-link, .activity-navigation .btn-check[disabled] + #next-activity-link, .section-navigation .prevsection .btn-check[disabled] + a, .section-navigation .nextsection .btn-check[disabled] + a, .btn-check:disabled + .btn, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .btn-check:disabled + a.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .btn-check:disabled + a.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .btn-check:disabled + a.collapseexpand, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) .btn-check:disabled + a, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging .btn-check:disabled + a, .activity-navigation .btn-check:disabled + #prev-activity-link, .activity-navigation .btn-check:disabled + #next-activity-link, .section-navigation .prevsection .btn-check:disabled + a, .section-navigation .nextsection .btn-check:disabled + a {
  pointer-events: none;
  filter: none;
  opacity: 0.65;
}
[data-bs-theme="dark"] .form-switch .form-check-input:not(:checked):not(:focus) {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e");
}
.form-range {
  width: 100%;
  height: 1.5rem;
  padding: 0;
  appearance: none;
  background-color: transparent;
}
.form-range:focus {
  outline: 0;
}
.form-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(23, 107, 117, 0.75);
}
.form-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(23, 107, 117, 0.75);
}
.form-range::-moz-focus-outer {
  border: 0;
}
.form-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  appearance: none;
  background-color: #176B75;
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-range::-webkit-slider-thumb {
    transition: none;
  }
}
.form-range::-webkit-slider-thumb:active {
  background-color: #b9d3d6;
}
.form-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: var(--bs-secondary-bg);
  border-color: transparent;
  border-radius: 1rem;
}
.form-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  appearance: none;
  background-color: #176B75;
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-range::-moz-range-thumb {
    transition: none;
  }
}
.form-range::-moz-range-thumb:active {
  background-color: #b9d3d6;
}
.form-range::-moz-range-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: var(--bs-secondary-bg);
  border-color: transparent;
  border-radius: 1rem;
}
.form-range:disabled {
  pointer-events: none;
}
.form-range:disabled::-webkit-slider-thumb {
  background-color: var(--bs-secondary-color);
}
.form-range:disabled::-moz-range-thumb {
  background-color: var(--bs-secondary-color);
}
.form-floating {
  position: relative;
}
.form-floating > .form-control, .form-floating > .form-control-plaintext, .form-floating > .form-select {
  height: calc(3.5rem + calc(var(--bs-border-width) * 2));
  min-height: calc(3.5rem + calc(var(--bs-border-width) * 2));
  line-height: 1.25;
}
.form-floating > label {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  height: 100%;
  padding: 1rem 0.75rem;
  overflow: hidden;
  text-align: start;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
  border: var(--bs-border-width) solid transparent;
  transform-origin: 0 0;
  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-floating > label {
    transition: none;
  }
}
.form-floating > .form-control, .form-floating > .form-control-plaintext {
  padding: 1rem 0.75rem;
}
.form-floating > .form-control::placeholder, .form-floating > .form-control-plaintext::placeholder {
  color: transparent;
}
.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown), .form-floating > .form-control-plaintext:focus, .form-floating > .form-control-plaintext:not(:placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-control:-webkit-autofill, .form-floating > .form-control-plaintext:-webkit-autofill {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-select {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-control-plaintext ~ label, .form-floating > .form-select ~ label {
  color: rgba(var(--bs-body-color-rgb), 0.65);
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control:focus ~ label::after, .form-floating > .form-control:not(:placeholder-shown) ~ label::after, .form-floating > .form-control-plaintext ~ label::after, .form-floating > .form-select ~ label::after {
  position: absolute;
  inset: 1rem 0.375rem;
  z-index: -1;
  height: 1.5em;
  content: "";
  background-color: var(--bs-body-bg);
  border-radius: var(--bs-border-radius);
}
.form-floating > .form-control:-webkit-autofill ~ label {
  color: rgba(var(--bs-body-color-rgb), 0.65);
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control-plaintext ~ label {
  border-width: var(--bs-border-width) 0;
}
.form-floating > :disabled ~ label, .form-floating > .form-control:disabled ~ label {
  color: #6a737b;
}
.form-floating > :disabled ~ label::after, .form-floating > .form-control:disabled ~ label::after {
  background-color: var(--bs-secondary-bg);
}
.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
.input-group > .form-control, .input-group > .form-select, .input-group > .form-floating {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}
.input-group > .form-control:focus, .input-group > .form-select:focus, .input-group > .form-floating:focus-within {
  z-index: 5;
}
.input-group .btn, .input-group .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .input-group a.collapseexpand, .input-group .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .input-group a.collapseexpand, .input-group #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .input-group a.collapseexpand, .input-group #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) a, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) .input-group a, .input-group #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging a, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging .input-group a, .input-group .activity-navigation #prev-activity-link, .activity-navigation .input-group #prev-activity-link, .input-group .activity-navigation #next-activity-link, .activity-navigation .input-group #next-activity-link, .input-group .section-navigation .prevsection a, .section-navigation .prevsection .input-group a, .input-group .section-navigation .nextsection a, .section-navigation .nextsection .input-group a {
  position: relative;
  z-index: 2;
}
.input-group .btn:focus, .input-group .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand:focus, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .input-group a.collapseexpand:focus, .input-group .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand:focus, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .input-group a.collapseexpand:focus, .input-group #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand:focus, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .input-group a.collapseexpand:focus, .input-group #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) a:focus, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) .input-group a:focus, .input-group #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging a:focus, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging .input-group a:focus, .input-group .activity-navigation #prev-activity-link:focus, .activity-navigation .input-group #prev-activity-link:focus, .input-group .activity-navigation #next-activity-link:focus, .activity-navigation .input-group #next-activity-link:focus, .input-group .section-navigation .prevsection a:focus, .section-navigation .prevsection .input-group a:focus, .input-group .section-navigation .nextsection a:focus, .section-navigation .nextsection .input-group a:focus {
  z-index: 5;
}
.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--bs-tertiary-bg);
  border: var(--bs-border-width) solid var(--bs-gray-500);
  border-radius: var(--bs-border-radius);
}
.input-group-lg > .form-control, .input-group-lg > .form-select, .input-group-lg > .input-group-text, .input-group-lg > .btn, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .input-group-lg > a.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .input-group-lg > a.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .input-group-lg > a.collapseexpand, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) .input-group-lg > a, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging .input-group-lg > a, .activity-navigation .input-group-lg > #prev-activity-link, .activity-navigation .input-group-lg > #next-activity-link, .section-navigation .prevsection .input-group-lg > a, .section-navigation .nextsection .input-group-lg > a {
  padding: 0.5rem 1rem;
  font-size: 1.171875rem;
  border-radius: var(--bs-border-radius-lg);
}
.input-group-sm > .form-control, .input-group-sm > .form-select, .input-group-sm > .input-group-text, .input-group-sm > .btn, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .input-group-sm > a.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .input-group-sm > a.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .input-group-sm > a.collapseexpand, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) .input-group-sm > a, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging .input-group-sm > a, .activity-navigation .input-group-sm > #prev-activity-link, .activity-navigation .input-group-sm > #next-activity-link, .section-navigation .prevsection .input-group-sm > a, .section-navigation .nextsection .input-group-sm > a {
  padding: 0.25rem 0.5rem;
  font-size: 0.8203125rem;
  border-radius: var(--bs-border-radius-sm);
}
.input-group-lg > .form-select, .input-group-sm > .form-select {
  padding-right: 3rem;
}
.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n + 3), .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control, .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group.has-validation > :nth-last-child(n + 3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), .input-group.has-validation > .dropdown-toggle:nth-last-child(n + 4), .input-group.has-validation > .form-floating:nth-last-child(n + 3) > .form-control, .input-group.has-validation > .form-floating:nth-last-child(n + 3) > .form-select {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: calc(var(--bs-border-width) * -1);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group > .form-floating:not(:first-child) > .form-control, .input-group > .form-floating:not(:first-child) > .form-select {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--bs-form-valid-color);
}
.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.8203125rem;
  color: #fff;
  background-color: var(--bs-success);
  border-radius: var(--bs-border-radius);
}
.was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip, .is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip {
  display: block;
}
.was-validated .form-control:valid, .form-control.is-valid {
  border-color: var(--bs-form-valid-border-color);
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23276E00' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
  border-color: var(--bs-form-valid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.75);
}
.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}
.was-validated .form-select:valid, .form-select.is-valid {
  border-color: var(--bs-form-valid-border-color);
}
.was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] {
  --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23276E00' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  padding-right: 4.125rem;
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-select:valid:focus, .form-select.is-valid:focus {
  border-color: var(--bs-form-valid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.75);
}
.was-validated .form-control-color:valid, .form-control-color.is-valid {
  width: calc(3rem + calc(1.5em + 0.75rem));
}
.was-validated .form-check-input:valid, .form-check-input.is-valid {
  border-color: var(--bs-form-valid-border-color);
}
.was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked {
  background-color: var(--bs-form-valid-color);
}
.was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus {
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.75);
}
.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: var(--bs-form-valid-color);
}
.form-check-inline .form-check-input ~ .valid-feedback {
  margin-left: 0.5em;
}
.was-validated .input-group > .form-control:not(:focus):valid, .input-group > .form-control:not(:focus).is-valid, .was-validated .input-group > .form-select:not(:focus):valid, .input-group > .form-select:not(:focus).is-valid, .was-validated .input-group > .form-floating:not(:focus-within):valid, .input-group > .form-floating:not(:focus-within).is-valid {
  z-index: 3;
}
.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--bs-form-invalid-color);
}
.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.8203125rem;
  color: #fff;
  background-color: var(--bs-danger);
  border-radius: var(--bs-border-radius);
}
.was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip, .is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip {
  display: block;
}
.was-validated .form-control:invalid, .form-control.is-invalid {
  border-color: var(--bs-form-invalid-border-color);
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23AD1B00'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23AD1B00' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
  border-color: var(--bs-form-invalid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.75);
}
.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}
.was-validated .form-select:invalid, .form-select.is-invalid {
  border-color: var(--bs-form-invalid-border-color);
}
.was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] {
  --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23AD1B00'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23AD1B00' stroke='none'/%3e%3c/svg%3e");
  padding-right: 4.125rem;
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-select:invalid:focus, .form-select.is-invalid:focus {
  border-color: var(--bs-form-invalid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.75);
}
.was-validated .form-control-color:invalid, .form-control-color.is-invalid {
  width: calc(3rem + calc(1.5em + 0.75rem));
}
.was-validated .form-check-input:invalid, .form-check-input.is-invalid {
  border-color: var(--bs-form-invalid-border-color);
}
.was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked {
  background-color: var(--bs-form-invalid-color);
}
.was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus {
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.75);
}
.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: var(--bs-form-invalid-color);
}
.form-check-inline .form-check-input ~ .invalid-feedback {
  margin-left: 0.5em;
}
.was-validated .input-group > .form-control:not(:focus):invalid, .input-group > .form-control:not(:focus).is-invalid, .was-validated .input-group > .form-select:not(:focus):invalid, .input-group > .form-select:not(:focus).is-invalid, .was-validated .input-group > .form-floating:not(:focus-within):invalid, .input-group > .form-floating:not(:focus-within).is-invalid {
  z-index: 4;
}
.btn, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) a, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging a, .activity-navigation #prev-activity-link, .activity-navigation #next-activity-link, .section-navigation .prevsection a, .section-navigation .nextsection a {
  --bs-btn-padding-x: 0.75rem;
  --bs-btn-padding-y: 0.375rem;
  --bs-btn-font-family: ;
  --bs-btn-font-size: 0.9375rem;
  --bs-btn-font-weight: 400;
  --bs-btn-line-height: 1.5;
  --bs-btn-color: var(--bs-body-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-width: var(--bs-border-width);
  --bs-btn-border-color: transparent;
  --bs-btn-border-radius: var(--bs-border-radius);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  --bs-btn-disabled-opacity: 0.65;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
  display: inline-block;
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
  font-family: var(--bs-btn-font-family);
  font-size: var(--bs-btn-font-size);
  font-weight: var(--bs-btn-font-weight);
  line-height: var(--bs-btn-line-height);
  color: var(--bs-btn-color);
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
  border-radius: var(--bs-btn-border-radius);
  background-color: var(--bs-btn-bg);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .btn, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) a, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging a, .activity-navigation #prev-activity-link, .activity-navigation #next-activity-link, .section-navigation .prevsection a, .section-navigation .nextsection a {
    transition: none;
  }
}
.btn:hover, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand:hover, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand:hover, #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand:hover, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) a:hover, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging a:hover, .activity-navigation #prev-activity-link:hover, .activity-navigation #next-activity-link:hover, .section-navigation .prevsection a:hover, .section-navigation .nextsection a:hover {
  color: var(--bs-btn-hover-color);
  text-decoration: none;
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
}
.btn-check + .btn:hover, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .btn-check + a.collapseexpand:hover, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .btn-check + a.collapseexpand:hover, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .btn-check + a.collapseexpand:hover, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) .btn-check + a:hover, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging .btn-check + a:hover, .activity-navigation .btn-check + #prev-activity-link:hover, .activity-navigation .btn-check + #next-activity-link:hover, .section-navigation .prevsection .btn-check + a:hover, .section-navigation .nextsection .btn-check + a:hover {
  color: var(--bs-btn-color);
  background-color: var(--bs-btn-bg);
  border-color: var(--bs-btn-border-color);
}
.btn:focus-visible, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand:focus-visible, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand:focus-visible, #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand:focus-visible, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) a:focus-visible, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging a:focus-visible, .activity-navigation #prev-activity-link:focus-visible, .activity-navigation #next-activity-link:focus-visible, .section-navigation .prevsection a:focus-visible, .section-navigation .nextsection a:focus-visible {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:focus-visible + .btn, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .btn-check:focus-visible + a.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .btn-check:focus-visible + a.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .btn-check:focus-visible + a.collapseexpand, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) .btn-check:focus-visible + a, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging .btn-check:focus-visible + a, .activity-navigation .btn-check:focus-visible + #prev-activity-link, .activity-navigation .btn-check:focus-visible + #next-activity-link, .section-navigation .prevsection .btn-check:focus-visible + a, .section-navigation .nextsection .btn-check:focus-visible + a {
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:checked + .btn, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .btn-check:checked + a.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .btn-check:checked + a.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .btn-check:checked + a.collapseexpand, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) .btn-check:checked + a, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging .btn-check:checked + a, .activity-navigation .btn-check:checked + #prev-activity-link, .activity-navigation .btn-check:checked + #next-activity-link, .section-navigation .prevsection .btn-check:checked + a, .section-navigation .nextsection .btn-check:checked + a, :not(.btn-check) + .btn:active, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions :not(.btn-check) + a.collapseexpand:active, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions :not(.btn-check) + a.collapseexpand:active, #page-course-search .theme_boost_union-catlisting > .collapsible-actions :not(.btn-check) + a.collapseexpand:active, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) :not(.btn-check) + a:active, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging :not(.btn-check) + a:active, .activity-navigation :not(.btn-check) + #prev-activity-link:active, .activity-navigation :not(.btn-check) + #next-activity-link:active, .section-navigation .prevsection :not(.btn-check) + a:active, .section-navigation .nextsection :not(.btn-check) + a:active, .btn:first-child:active, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand:first-child:active, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand:first-child:active, #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand:first-child:active, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) a:first-child:active, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging a:first-child:active, .activity-navigation #prev-activity-link:first-child:active, .activity-navigation #next-activity-link:first-child:active, .section-navigation .prevsection a:first-child:active, .section-navigation .nextsection a:first-child:active, .btn.active, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.active.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.active.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.active.collapseexpand, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) a.active, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging a.active, .activity-navigation .active#prev-activity-link, .activity-navigation .active#next-activity-link, .section-navigation .prevsection a.active, .section-navigation .nextsection a.active, .btn.show, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.show.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.show.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.show.collapseexpand, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) a.show, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging a.show, .activity-navigation .show#prev-activity-link, .activity-navigation .show#next-activity-link, .section-navigation .prevsection a.show, .section-navigation .nextsection a.show {
  color: var(--bs-btn-active-color);
  background-color: var(--bs-btn-active-bg);
  border-color: var(--bs-btn-active-border-color);
}
.btn-check:checked + .btn:focus-visible, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .btn-check:checked + a.collapseexpand:focus-visible, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .btn-check:checked + a.collapseexpand:focus-visible, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .btn-check:checked + a.collapseexpand:focus-visible, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) .btn-check:checked + a:focus-visible, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging .btn-check:checked + a:focus-visible, .activity-navigation .btn-check:checked + #prev-activity-link:focus-visible, .activity-navigation .btn-check:checked + #next-activity-link:focus-visible, .section-navigation .prevsection .btn-check:checked + a:focus-visible, .section-navigation .nextsection .btn-check:checked + a:focus-visible, :not(.btn-check) + .btn:active:focus-visible, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions :not(.btn-check) + a.collapseexpand:active:focus-visible, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions :not(.btn-check) + a.collapseexpand:active:focus-visible, #page-course-search .theme_boost_union-catlisting > .collapsible-actions :not(.btn-check) + a.collapseexpand:active:focus-visible, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) :not(.btn-check) + a:active:focus-visible, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging :not(.btn-check) + a:active:focus-visible, .activity-navigation :not(.btn-check) + #prev-activity-link:active:focus-visible, .activity-navigation :not(.btn-check) + #next-activity-link:active:focus-visible, .section-navigation .prevsection :not(.btn-check) + a:active:focus-visible, .section-navigation .nextsection :not(.btn-check) + a:active:focus-visible, .btn:first-child:active:focus-visible, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand:first-child:active:focus-visible, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand:first-child:active:focus-visible, #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand:first-child:active:focus-visible, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) a:first-child:active:focus-visible, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging a:first-child:active:focus-visible, .activity-navigation #prev-activity-link:first-child:active:focus-visible, .activity-navigation #next-activity-link:first-child:active:focus-visible, .section-navigation .prevsection a:first-child:active:focus-visible, .section-navigation .nextsection a:first-child:active:focus-visible, .btn.active:focus-visible, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.active.collapseexpand:focus-visible, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.active.collapseexpand:focus-visible, #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.active.collapseexpand:focus-visible, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) a.active:focus-visible, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging a.active:focus-visible, .activity-navigation .active#prev-activity-link:focus-visible, .activity-navigation .active#next-activity-link:focus-visible, .section-navigation .prevsection a.active:focus-visible, .section-navigation .nextsection a.active:focus-visible, .btn.show:focus-visible, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.show.collapseexpand:focus-visible, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.show.collapseexpand:focus-visible, #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.show.collapseexpand:focus-visible, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) a.show:focus-visible, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging a.show:focus-visible, .activity-navigation .show#prev-activity-link:focus-visible, .activity-navigation .show#next-activity-link:focus-visible, .section-navigation .prevsection a.show:focus-visible, .section-navigation .nextsection a.show:focus-visible {
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:checked:focus-visible + .btn, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .btn-check:checked:focus-visible + a.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .btn-check:checked:focus-visible + a.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .btn-check:checked:focus-visible + a.collapseexpand, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) .btn-check:checked:focus-visible + a, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging .btn-check:checked:focus-visible + a, .activity-navigation .btn-check:checked:focus-visible + #prev-activity-link, .activity-navigation .btn-check:checked:focus-visible + #next-activity-link, .section-navigation .prevsection .btn-check:checked:focus-visible + a, .section-navigation .nextsection .btn-check:checked:focus-visible + a {
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn:disabled, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand:disabled, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand:disabled, #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand:disabled, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) a:disabled, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging a:disabled, .activity-navigation #prev-activity-link:disabled, .activity-navigation #next-activity-link:disabled, .section-navigation .prevsection a:disabled, .section-navigation .nextsection a:disabled, .btn.disabled, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.disabled.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.disabled.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.disabled.collapseexpand, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) a.disabled, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging a.disabled, .activity-navigation .disabled#prev-activity-link, .activity-navigation .disabled#next-activity-link, .section-navigation .prevsection a.disabled, .section-navigation .nextsection a.disabled, fieldset:disabled .btn, fieldset:disabled .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions fieldset:disabled a.collapseexpand, fieldset:disabled .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions fieldset:disabled a.collapseexpand, fieldset:disabled #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions fieldset:disabled a.collapseexpand, fieldset:disabled #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) a, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) fieldset:disabled a, fieldset:disabled #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging a, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging fieldset:disabled a, fieldset:disabled .activity-navigation #prev-activity-link, .activity-navigation fieldset:disabled #prev-activity-link, fieldset:disabled .activity-navigation #next-activity-link, .activity-navigation fieldset:disabled #next-activity-link, fieldset:disabled .section-navigation .prevsection a, .section-navigation .prevsection fieldset:disabled a, fieldset:disabled .section-navigation .nextsection a, .section-navigation .nextsection fieldset:disabled a {
  color: var(--bs-btn-disabled-color);
  pointer-events: none;
  background-color: var(--bs-btn-disabled-bg);
  border-color: var(--bs-btn-disabled-border-color);
  opacity: var(--bs-btn-disabled-opacity);
}
.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #176B75;
  --bs-btn-border-color: #176B75;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #145b63;
  --bs-btn-hover-border-color: #12565e;
  --bs-btn-focus-shadow-rgb: 58, 129, 138;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #12565e;
  --bs-btn-active-border-color: #115058;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #176B75;
  --bs-btn-disabled-border-color: #176B75;
}
.btn-secondary, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) a, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging a, .activity-navigation #prev-activity-link, .activity-navigation #next-activity-link, .section-navigation .prevsection a, .section-navigation .nextsection a {
  --bs-btn-color: #000;
  --bs-btn-bg: #ced4da;
  --bs-btn-border-color: #ced4da;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #d5dae0;
  --bs-btn-hover-border-color: #d3d8de;
  --bs-btn-focus-shadow-rgb: 175, 180, 185;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #d8dde1;
  --bs-btn-active-border-color: #d3d8de;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #ced4da;
  --bs-btn-disabled-border-color: #ced4da;
}
.btn-success {
  --bs-btn-color: #fff;
  --bs-btn-bg: #276E00;
  --bs-btn-border-color: #276E00;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #215e00;
  --bs-btn-hover-border-color: #1f5800;
  --bs-btn-focus-shadow-rgb: 71, 132, 38;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #1f5800;
  --bs-btn-active-border-color: #1d5300;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #276E00;
  --bs-btn-disabled-border-color: #276E00;
}
.btn-info {
  --bs-btn-color: #fff;
  --bs-btn-bg: #0333B9;
  --bs-btn-border-color: #0333B9;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #032b9d;
  --bs-btn-hover-border-color: #022994;
  --bs-btn-focus-shadow-rgb: 41, 82, 196;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #022994;
  --bs-btn-active-border-color: #02268b;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0333B9;
  --bs-btn-disabled-border-color: #0333B9;
}
.btn-warning {
  --bs-btn-color: #000;
  --bs-btn-bg: #EF9100;
  --bs-btn-border-color: #EF9100;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #f1a226;
  --bs-btn-hover-border-color: #f19c1a;
  --bs-btn-focus-shadow-rgb: 203, 123, 0;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #f2a733;
  --bs-btn-active-border-color: #f19c1a;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #EF9100;
  --bs-btn-disabled-border-color: #EF9100;
}
.btn-danger {
  --bs-btn-color: #fff;
  --bs-btn-bg: #AD1B00;
  --bs-btn-border-color: #AD1B00;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #931700;
  --bs-btn-hover-border-color: #8a1600;
  --bs-btn-focus-shadow-rgb: 185, 61, 38;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #8a1600;
  --bs-btn-active-border-color: #821400;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #AD1B00;
  --bs-btn-disabled-border-color: #AD1B00;
}
.btn-light {
  --bs-btn-color: #000;
  --bs-btn-bg: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #d3d4d5;
  --bs-btn-hover-border-color: #c6c7c8;
  --bs-btn-focus-shadow-rgb: 211, 212, 213;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #c6c7c8;
  --bs-btn-active-border-color: #babbbc;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #f8f9fa;
  --bs-btn-disabled-border-color: #f8f9fa;
}
.btn-dark {
  --bs-btn-color: #fff;
  --bs-btn-bg: #1d2125;
  --bs-btn-border-color: #1d2125;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #3f4246;
  --bs-btn-hover-border-color: #34373b;
  --bs-btn-focus-shadow-rgb: 63, 66, 70;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #4a4d51;
  --bs-btn-active-border-color: #34373b;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #1d2125;
  --bs-btn-disabled-border-color: #1d2125;
}
.btn-outline-primary {
  --bs-btn-color: #176B75;
  --bs-btn-border-color: #176B75;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #176B75;
  --bs-btn-hover-border-color: #176B75;
  --bs-btn-focus-shadow-rgb: 23, 107, 117;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #176B75;
  --bs-btn-active-border-color: #176B75;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #176B75;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #176B75;
  --bs-gradient: none;
}
.btn-outline-secondary {
  --bs-btn-color: #ced4da;
  --bs-btn-border-color: #ced4da;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ced4da;
  --bs-btn-hover-border-color: #ced4da;
  --bs-btn-focus-shadow-rgb: 206, 212, 218;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ced4da;
  --bs-btn-active-border-color: #ced4da;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #ced4da;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #ced4da;
  --bs-gradient: none;
}
.btn-outline-success {
  --bs-btn-color: #276E00;
  --bs-btn-border-color: #276E00;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #276E00;
  --bs-btn-hover-border-color: #276E00;
  --bs-btn-focus-shadow-rgb: 39, 110, 0;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #276E00;
  --bs-btn-active-border-color: #276E00;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #276E00;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #276E00;
  --bs-gradient: none;
}
.btn-outline-info {
  --bs-btn-color: #0333B9;
  --bs-btn-border-color: #0333B9;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0333B9;
  --bs-btn-hover-border-color: #0333B9;
  --bs-btn-focus-shadow-rgb: 3, 51, 185;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0333B9;
  --bs-btn-active-border-color: #0333B9;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #0333B9;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #0333B9;
  --bs-gradient: none;
}
.btn-outline-warning {
  --bs-btn-color: #EF9100;
  --bs-btn-border-color: #EF9100;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #EF9100;
  --bs-btn-hover-border-color: #EF9100;
  --bs-btn-focus-shadow-rgb: 239, 145, 0;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #EF9100;
  --bs-btn-active-border-color: #EF9100;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #EF9100;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #EF9100;
  --bs-gradient: none;
}
.btn-outline-danger {
  --bs-btn-color: #AD1B00;
  --bs-btn-border-color: #AD1B00;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #AD1B00;
  --bs-btn-hover-border-color: #AD1B00;
  --bs-btn-focus-shadow-rgb: 173, 27, 0;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #AD1B00;
  --bs-btn-active-border-color: #AD1B00;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #AD1B00;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #AD1B00;
  --bs-gradient: none;
}
.btn-outline-light {
  --bs-btn-color: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #f8f9fa;
  --bs-btn-hover-border-color: #f8f9fa;
  --bs-btn-focus-shadow-rgb: 248, 249, 250;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #f8f9fa;
  --bs-btn-active-border-color: #f8f9fa;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #f8f9fa;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #f8f9fa;
  --bs-gradient: none;
}
.btn-outline-dark {
  --bs-btn-color: #1d2125;
  --bs-btn-border-color: #1d2125;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #1d2125;
  --bs-btn-hover-border-color: #1d2125;
  --bs-btn-focus-shadow-rgb: 29, 33, 37;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #1d2125;
  --bs-btn-active-border-color: #1d2125;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #1d2125;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #1d2125;
  --bs-gradient: none;
}
.btn-link {
  --bs-btn-font-weight: 400;
  --bs-btn-color: var(--bs-link-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: var(--bs-link-hover-color);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-active-color: var(--bs-link-hover-color);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #6a737b;
  --bs-btn-disabled-border-color: transparent;
  --bs-btn-box-shadow: 0 0 0 #000;
  --bs-btn-focus-shadow-rgb: 58, 129, 138;
  text-decoration: none;
}
.btn-link:hover, .btn-link:focus-visible {
  text-decoration: underline;
}
.btn-link:focus-visible {
  color: var(--bs-btn-color);
}
.btn-link:hover {
  color: var(--bs-btn-hover-color);
}
.btn-lg, .btn-group-lg > .btn, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .btn-group-lg > a.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .btn-group-lg > a.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .btn-group-lg > a.collapseexpand, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) .btn-group-lg > a, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging .btn-group-lg > a, .activity-navigation .btn-group-lg > #prev-activity-link, .activity-navigation .btn-group-lg > #next-activity-link, .section-navigation .prevsection .btn-group-lg > a, .section-navigation .nextsection .btn-group-lg > a {
  --bs-btn-padding-y: 0.5rem;
  --bs-btn-padding-x: 1rem;
  --bs-btn-font-size: 1.171875rem;
  --bs-btn-border-radius: var(--bs-border-radius-lg);
}
.btn-sm, .btn-group-sm > .btn, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .btn-group-sm > a.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .btn-group-sm > a.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .btn-group-sm > a.collapseexpand, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) .btn-group-sm > a, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging .btn-group-sm > a, .activity-navigation .btn-group-sm > #prev-activity-link, .activity-navigation .btn-group-sm > #next-activity-link, .section-navigation .prevsection .btn-group-sm > a, .section-navigation .nextsection .btn-group-sm > a, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) a, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging a, .activity-navigation #prev-activity-link, .activity-navigation #next-activity-link, .section-navigation .prevsection a, .section-navigation .nextsection a {
  --bs-btn-padding-y: 0.25rem;
  --bs-btn-padding-x: 0.5rem;
  --bs-btn-font-size: 0.8203125rem;
  --bs-btn-border-radius: var(--bs-border-radius-sm);
}
.fade {
  transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}
.fade:not(.show) {
  opacity: 0;
}
.collapse:not(.show) {
  display: none;
}
.collapsing {
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}
.collapsing.collapse-horizontal {
  width: 0;
  height: auto;
  transition: width 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing.collapse-horizontal {
    transition: none;
  }
}
.dropup, .dropend, .dropdown, .dropstart, .dropup-center, .dropdown-center {
  position: relative;
}
.dropdown-toggle {
  white-space: nowrap;
}
.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}
.dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropdown-menu {
  --bs-dropdown-zindex: 1000;
  --bs-dropdown-min-width: 10rem;
  --bs-dropdown-padding-x: 0;
  --bs-dropdown-padding-y: 0.5rem;
  --bs-dropdown-spacer: 0.125rem;
  --bs-dropdown-font-size: 0.9375rem;
  --bs-dropdown-color: var(--bs-body-color);
  --bs-dropdown-bg: var(--bs-body-bg);
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-border-radius: var(--bs-border-radius);
  --bs-dropdown-border-width: var(--bs-border-width);
  --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-divider-margin-y: 0.5rem;
  --bs-dropdown-box-shadow: var(--bs-box-shadow);
  --bs-dropdown-link-color: var(--bs-body-color);
  --bs-dropdown-link-hover-color: #fff;
  --bs-dropdown-link-hover-bg: #176B75;
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #176B75;
  --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
  --bs-dropdown-item-padding-x: 1rem;
  --bs-dropdown-item-padding-y: 0.25rem;
  --bs-dropdown-header-color: #6a737b;
  --bs-dropdown-header-padding-x: 1rem;
  --bs-dropdown-header-padding-y: 0.5rem;
  position: absolute;
  z-index: var(--bs-dropdown-zindex);
  display: none;
  min-width: var(--bs-dropdown-min-width);
  padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
  margin: 0;
  font-size: var(--bs-dropdown-font-size);
  color: var(--bs-dropdown-color);
  text-align: left;
  list-style: none;
  background-color: var(--bs-dropdown-bg);
  background-clip: padding-box;
  border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
  border-radius: var(--bs-dropdown-border-radius);
}
.dropdown-menu[data-bs-popper] {
  top: 100%;
  left: 0;
  margin-top: var(--bs-dropdown-spacer);
}
.dropdown-menu-start {
  --bs-position: start;
}
.dropdown-menu-start[data-bs-popper] {
  right: auto;
  left: 0;
}
.dropdown-menu-end {
  --bs-position: end;
}
.dropdown-menu-end[data-bs-popper] {
  right: 0;
  left: auto;
}
@media (min-width: 576px) {
  .dropdown-menu-sm-start {
    --bs-position: start;
  }
  .dropdown-menu-sm-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-sm-end {
    --bs-position: end;
  }
  .dropdown-menu-sm-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 768px) {
  .dropdown-menu-md-start {
    --bs-position: start;
  }
  .dropdown-menu-md-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-md-end {
    --bs-position: end;
  }
  .dropdown-menu-md-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 992px) {
  .dropdown-menu-lg-start {
    --bs-position: start;
  }
  .dropdown-menu-lg-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-lg-end {
    --bs-position: end;
  }
  .dropdown-menu-lg-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1200px) {
  .dropdown-menu-xl-start {
    --bs-position: start;
  }
  .dropdown-menu-xl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xl-end {
    --bs-position: end;
  }
  .dropdown-menu-xl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1400px) {
  .dropdown-menu-xxl-start {
    --bs-position: start;
  }
  .dropdown-menu-xxl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xxl-end {
    --bs-position: end;
  }
  .dropdown-menu-xxl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
.dropup .dropdown-menu[data-bs-popper] {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: var(--bs-dropdown-spacer);
}
.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}
.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropend .dropdown-menu[data-bs-popper] {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: var(--bs-dropdown-spacer);
}
.dropend .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}
.dropend .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropend .dropdown-toggle::after {
  vertical-align: 0;
}
.dropstart .dropdown-menu[data-bs-popper] {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: var(--bs-dropdown-spacer);
}
.dropstart .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}
.dropstart .dropdown-toggle::after {
  display: none;
}
.dropstart .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}
.dropstart .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropstart .dropdown-toggle::before {
  vertical-align: 0;
}
.dropdown-divider {
  height: 0;
  margin: var(--bs-dropdown-divider-margin-y) 0;
  overflow: hidden;
  border-top: 1px solid var(--bs-dropdown-divider-bg);
  opacity: 1;
}
.dropdown-item {
  display: block;
  width: 100%;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  clear: both;
  font-weight: 400;
  color: var(--bs-dropdown-link-color);
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  border-radius: var(--bs-dropdown-item-border-radius, 0);
}
.dropdown-item:hover, .dropdown-item:focus {
  color: var(--bs-dropdown-link-hover-color);
  text-decoration: none;
  background-color: var(--bs-dropdown-link-hover-bg);
}
.dropdown-item.active, .dropdown-item:active {
  color: var(--bs-dropdown-link-active-color);
  text-decoration: none;
  background-color: var(--bs-dropdown-link-active-bg);
}
.dropdown-item.disabled, .dropdown-item:disabled {
  color: var(--bs-dropdown-link-disabled-color);
  pointer-events: none;
  background-color: transparent;
}
.dropdown-menu.show {
  display: block;
}
.dropdown-header {
  display: block;
  padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
  margin-bottom: 0;
  font-size: 0.8203125rem;
  color: var(--bs-dropdown-header-color);
  white-space: nowrap;
}
.dropdown-item-text {
  display: block;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  color: var(--bs-dropdown-link-color);
}
.dropdown-menu-dark {
  --bs-dropdown-color: #dee2e6;
  --bs-dropdown-bg: #343a40;
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-box-shadow: ;
  --bs-dropdown-link-color: #dee2e6;
  --bs-dropdown-link-hover-color: #fff;
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #176B75;
  --bs-dropdown-link-disabled-color: #8f959e;
  --bs-dropdown-header-color: #8f959e;
}
.btn-group, .btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}
.btn-group > .btn, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .btn-group > a.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .btn-group > a.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .btn-group > a.collapseexpand, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) .btn-group > a, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging .btn-group > a, .activity-navigation .btn-group > #prev-activity-link, .activity-navigation .btn-group > #next-activity-link, .section-navigation .prevsection .btn-group > a, .section-navigation .nextsection .btn-group > a, .btn-group-vertical > .btn, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > a.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > a.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > a.collapseexpand, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) .btn-group-vertical > a, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging .btn-group-vertical > a, .activity-navigation .btn-group-vertical > #prev-activity-link, .activity-navigation .btn-group-vertical > #next-activity-link, .section-navigation .prevsection .btn-group-vertical > a, .section-navigation .nextsection .btn-group-vertical > a {
  position: relative;
  flex: 1 1 auto;
}
.btn-group > .btn-check:checked + .btn, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .btn-group > .btn-check:checked + a.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .btn-group > .btn-check:checked + a.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .btn-group > .btn-check:checked + a.collapseexpand, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) .btn-group > .btn-check:checked + a, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging .btn-group > .btn-check:checked + a, .activity-navigation .btn-group > .btn-check:checked + #prev-activity-link, .activity-navigation .btn-group > .btn-check:checked + #next-activity-link, .section-navigation .prevsection .btn-group > .btn-check:checked + a, .section-navigation .nextsection .btn-group > .btn-check:checked + a, .btn-group > .btn-check:focus + .btn, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .btn-group > .btn-check:focus + a.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .btn-group > .btn-check:focus + a.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .btn-group > .btn-check:focus + a.collapseexpand, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) .btn-group > .btn-check:focus + a, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging .btn-group > .btn-check:focus + a, .activity-navigation .btn-group > .btn-check:focus + #prev-activity-link, .activity-navigation .btn-group > .btn-check:focus + #next-activity-link, .section-navigation .prevsection .btn-group > .btn-check:focus + a, .section-navigation .nextsection .btn-group > .btn-check:focus + a, .btn-group > .btn:hover, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .btn-group > a.collapseexpand:hover, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .btn-group > a.collapseexpand:hover, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .btn-group > a.collapseexpand:hover, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) .btn-group > a:hover, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging .btn-group > a:hover, .activity-navigation .btn-group > #prev-activity-link:hover, .activity-navigation .btn-group > #next-activity-link:hover, .section-navigation .prevsection .btn-group > a:hover, .section-navigation .nextsection .btn-group > a:hover, .btn-group > .btn:focus, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .btn-group > a.collapseexpand:focus, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .btn-group > a.collapseexpand:focus, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .btn-group > a.collapseexpand:focus, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) .btn-group > a:focus, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging .btn-group > a:focus, .activity-navigation .btn-group > #prev-activity-link:focus, .activity-navigation .btn-group > #next-activity-link:focus, .section-navigation .prevsection .btn-group > a:focus, .section-navigation .nextsection .btn-group > a:focus, .btn-group > .btn:active, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .btn-group > a.collapseexpand:active, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .btn-group > a.collapseexpand:active, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .btn-group > a.collapseexpand:active, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) .btn-group > a:active, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging .btn-group > a:active, .activity-navigation .btn-group > #prev-activity-link:active, .activity-navigation .btn-group > #next-activity-link:active, .section-navigation .prevsection .btn-group > a:active, .section-navigation .nextsection .btn-group > a:active, .btn-group > .btn.active, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .btn-group > a.active.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .btn-group > a.active.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .btn-group > a.active.collapseexpand, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) .btn-group > a.active, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging .btn-group > a.active, .activity-navigation .btn-group > .active#prev-activity-link, .activity-navigation .btn-group > .active#next-activity-link, .section-navigation .prevsection .btn-group > a.active, .section-navigation .nextsection .btn-group > a.active, .btn-group-vertical > .btn-check:checked + .btn, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > .btn-check:checked + a.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > .btn-check:checked + a.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > .btn-check:checked + a.collapseexpand, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) .btn-group-vertical > .btn-check:checked + a, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging .btn-group-vertical > .btn-check:checked + a, .activity-navigation .btn-group-vertical > .btn-check:checked + #prev-activity-link, .activity-navigation .btn-group-vertical > .btn-check:checked + #next-activity-link, .section-navigation .prevsection .btn-group-vertical > .btn-check:checked + a, .section-navigation .nextsection .btn-group-vertical > .btn-check:checked + a, .btn-group-vertical > .btn-check:focus + .btn, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > .btn-check:focus + a.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > .btn-check:focus + a.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > .btn-check:focus + a.collapseexpand, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) .btn-group-vertical > .btn-check:focus + a, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging .btn-group-vertical > .btn-check:focus + a, .activity-navigation .btn-group-vertical > .btn-check:focus + #prev-activity-link, .activity-navigation .btn-group-vertical > .btn-check:focus + #next-activity-link, .section-navigation .prevsection .btn-group-vertical > .btn-check:focus + a, .section-navigation .nextsection .btn-group-vertical > .btn-check:focus + a, .btn-group-vertical > .btn:hover, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > a.collapseexpand:hover, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > a.collapseexpand:hover, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > a.collapseexpand:hover, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) .btn-group-vertical > a:hover, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging .btn-group-vertical > a:hover, .activity-navigation .btn-group-vertical > #prev-activity-link:hover, .activity-navigation .btn-group-vertical > #next-activity-link:hover, .section-navigation .prevsection .btn-group-vertical > a:hover, .section-navigation .nextsection .btn-group-vertical > a:hover, .btn-group-vertical > .btn:focus, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > a.collapseexpand:focus, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > a.collapseexpand:focus, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > a.collapseexpand:focus, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) .btn-group-vertical > a:focus, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging .btn-group-vertical > a:focus, .activity-navigation .btn-group-vertical > #prev-activity-link:focus, .activity-navigation .btn-group-vertical > #next-activity-link:focus, .section-navigation .prevsection .btn-group-vertical > a:focus, .section-navigation .nextsection .btn-group-vertical > a:focus, .btn-group-vertical > .btn:active, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > a.collapseexpand:active, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > a.collapseexpand:active, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > a.collapseexpand:active, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) .btn-group-vertical > a:active, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging .btn-group-vertical > a:active, .activity-navigation .btn-group-vertical > #prev-activity-link:active, .activity-navigation .btn-group-vertical > #next-activity-link:active, .section-navigation .prevsection .btn-group-vertical > a:active, .section-navigation .nextsection .btn-group-vertical > a:active, .btn-group-vertical > .btn.active, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > a.active.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > a.active.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > a.active.collapseexpand, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) .btn-group-vertical > a.active, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging .btn-group-vertical > a.active, .activity-navigation .btn-group-vertical > .active#prev-activity-link, .activity-navigation .btn-group-vertical > .active#next-activity-link, .section-navigation .prevsection .btn-group-vertical > a.active, .section-navigation .nextsection .btn-group-vertical > a.active {
  z-index: 1;
}
.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.btn-toolbar .input-group {
  width: auto;
}
.btn-group {
  border-radius: var(--bs-border-radius);
}
.btn-group > :not(.btn-check:first-child) + .btn, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .btn-group > :not(.btn-check:first-child) + a.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .btn-group > :not(.btn-check:first-child) + a.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .btn-group > :not(.btn-check:first-child) + a.collapseexpand, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) .btn-group > :not(.btn-check:first-child) + a, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging .btn-group > :not(.btn-check:first-child) + a, .activity-navigation .btn-group > :not(.btn-check:first-child) + #prev-activity-link, .activity-navigation .btn-group > :not(.btn-check:first-child) + #next-activity-link, .section-navigation .prevsection .btn-group > :not(.btn-check:first-child) + a, .section-navigation .nextsection .btn-group > :not(.btn-check:first-child) + a, .btn-group > .btn-group:not(:first-child) {
  margin-left: calc(var(--bs-border-width) * -1);
}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle), .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .btn-group > a.collapseexpand:not(:last-child):not(.dropdown-toggle), .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .btn-group > a.collapseexpand:not(:last-child):not(.dropdown-toggle), #page-course-search .theme_boost_union-catlisting > .collapsible-actions .btn-group > a.collapseexpand:not(:last-child):not(.dropdown-toggle), #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) .btn-group > a:not(:last-child):not(.dropdown-toggle), #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging .btn-group > a:not(:last-child):not(.dropdown-toggle), .activity-navigation .btn-group > #prev-activity-link:not(:last-child):not(.dropdown-toggle), .activity-navigation .btn-group > #next-activity-link:not(:last-child):not(.dropdown-toggle), .section-navigation .prevsection .btn-group > a:not(:last-child):not(.dropdown-toggle), .section-navigation .nextsection .btn-group > a:not(:last-child):not(.dropdown-toggle), .btn-group > .btn.dropdown-toggle-split:first-child, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .btn-group > a.dropdown-toggle-split.collapseexpand:first-child, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .btn-group > a.dropdown-toggle-split.collapseexpand:first-child, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .btn-group > a.dropdown-toggle-split.collapseexpand:first-child, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) .btn-group > a.dropdown-toggle-split:first-child, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging .btn-group > a.dropdown-toggle-split:first-child, .activity-navigation .btn-group > .dropdown-toggle-split#prev-activity-link:first-child, .activity-navigation .btn-group > .dropdown-toggle-split#next-activity-link:first-child, .section-navigation .prevsection .btn-group > a.dropdown-toggle-split:first-child, .section-navigation .nextsection .btn-group > a.dropdown-toggle-split:first-child, .btn-group > .btn-group:not(:last-child) > .btn, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .btn-group > .btn-group:not(:last-child) > a.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .btn-group > .btn-group:not(:last-child) > a.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .btn-group > .btn-group:not(:last-child) > a.collapseexpand, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) .btn-group > .btn-group:not(:last-child) > a, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging .btn-group > .btn-group:not(:last-child) > a, .activity-navigation .btn-group > .btn-group:not(:last-child) > #prev-activity-link, .activity-navigation .btn-group > .btn-group:not(:last-child) > #next-activity-link, .section-navigation .prevsection .btn-group > .btn-group:not(:last-child) > a, .section-navigation .nextsection .btn-group > .btn-group:not(:last-child) > a {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn:nth-child(n + 3), .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .btn-group > a.collapseexpand:nth-child(n + 3), .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .btn-group > a.collapseexpand:nth-child(n + 3), #page-course-search .theme_boost_union-catlisting > .collapsible-actions .btn-group > a.collapseexpand:nth-child(n + 3), #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) .btn-group > a:nth-child(n + 3), #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging .btn-group > a:nth-child(n + 3), .activity-navigation .btn-group > #prev-activity-link:nth-child(n + 3), .activity-navigation .btn-group > #next-activity-link:nth-child(n + 3), .section-navigation .prevsection .btn-group > a:nth-child(n + 3), .section-navigation .nextsection .btn-group > a:nth-child(n + 3), .btn-group > :not(.btn-check) + .btn, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .btn-group > :not(.btn-check) + a.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .btn-group > :not(.btn-check) + a.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .btn-group > :not(.btn-check) + a.collapseexpand, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) .btn-group > :not(.btn-check) + a, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging .btn-group > :not(.btn-check) + a, .activity-navigation .btn-group > :not(.btn-check) + #prev-activity-link, .activity-navigation .btn-group > :not(.btn-check) + #next-activity-link, .section-navigation .prevsection .btn-group > :not(.btn-check) + a, .section-navigation .nextsection .btn-group > :not(.btn-check) + a, .btn-group > .btn-group:not(:first-child) > .btn, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .btn-group > .btn-group:not(:first-child) > a.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .btn-group > .btn-group:not(:first-child) > a.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .btn-group > .btn-group:not(:first-child) > a.collapseexpand, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) .btn-group > .btn-group:not(:first-child) > a, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging .btn-group > .btn-group:not(:first-child) > a, .activity-navigation .btn-group > .btn-group:not(:first-child) > #prev-activity-link, .activity-navigation .btn-group > .btn-group:not(:first-child) > #next-activity-link, .section-navigation .prevsection .btn-group > .btn-group:not(:first-child) > a, .section-navigation .nextsection .btn-group > .btn-group:not(:first-child) > a {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.dropdown-toggle-split {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem;
}
.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after {
  margin-left: 0;
}
.dropstart .dropdown-toggle-split::before {
  margin-right: 0;
}
.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .btn-group-sm > a.collapseexpand + .dropdown-toggle-split, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .btn-group-sm > a.collapseexpand + .dropdown-toggle-split, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .btn-group-sm > a.collapseexpand + .dropdown-toggle-split, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) .btn-group-sm > a + .dropdown-toggle-split, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging .btn-group-sm > a + .dropdown-toggle-split, .activity-navigation .btn-group-sm > #prev-activity-link + .dropdown-toggle-split, .activity-navigation .btn-group-sm > #next-activity-link + .dropdown-toggle-split, .section-navigation .prevsection .btn-group-sm > a + .dropdown-toggle-split, .section-navigation .nextsection .btn-group-sm > a + .dropdown-toggle-split, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand + .dropdown-toggle-split, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand + .dropdown-toggle-split, #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand + .dropdown-toggle-split, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) a + .dropdown-toggle-split, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging a + .dropdown-toggle-split, .activity-navigation #prev-activity-link + .dropdown-toggle-split, .activity-navigation #next-activity-link + .dropdown-toggle-split, .section-navigation .prevsection a + .dropdown-toggle-split, .section-navigation .nextsection a + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}
.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .btn-group-lg > a.collapseexpand + .dropdown-toggle-split, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .btn-group-lg > a.collapseexpand + .dropdown-toggle-split, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .btn-group-lg > a.collapseexpand + .dropdown-toggle-split, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) .btn-group-lg > a + .dropdown-toggle-split, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging .btn-group-lg > a + .dropdown-toggle-split, .activity-navigation .btn-group-lg > #prev-activity-link + .dropdown-toggle-split, .activity-navigation .btn-group-lg > #next-activity-link + .dropdown-toggle-split, .section-navigation .prevsection .btn-group-lg > a + .dropdown-toggle-split, .section-navigation .nextsection .btn-group-lg > a + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}
.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.btn-group-vertical > .btn, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > a.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > a.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > a.collapseexpand, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) .btn-group-vertical > a, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging .btn-group-vertical > a, .activity-navigation .btn-group-vertical > #prev-activity-link, .activity-navigation .btn-group-vertical > #next-activity-link, .section-navigation .prevsection .btn-group-vertical > a, .section-navigation .nextsection .btn-group-vertical > a, .btn-group-vertical > .btn-group {
  width: 100%;
}
.btn-group-vertical > .btn:not(:first-child), .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > a.collapseexpand:not(:first-child), .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > a.collapseexpand:not(:first-child), #page-course-search .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > a.collapseexpand:not(:first-child), #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) .btn-group-vertical > a:not(:first-child), #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging .btn-group-vertical > a:not(:first-child), .activity-navigation .btn-group-vertical > #prev-activity-link:not(:first-child), .activity-navigation .btn-group-vertical > #next-activity-link:not(:first-child), .section-navigation .prevsection .btn-group-vertical > a:not(:first-child), .section-navigation .nextsection .btn-group-vertical > a:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) {
  margin-top: calc(var(--bs-border-width) * -1);
}
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > a.collapseexpand:not(:last-child):not(.dropdown-toggle), .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > a.collapseexpand:not(:last-child):not(.dropdown-toggle), #page-course-search .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > a.collapseexpand:not(:last-child):not(.dropdown-toggle), #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) .btn-group-vertical > a:not(:last-child):not(.dropdown-toggle), #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging .btn-group-vertical > a:not(:last-child):not(.dropdown-toggle), .activity-navigation .btn-group-vertical > #prev-activity-link:not(:last-child):not(.dropdown-toggle), .activity-navigation .btn-group-vertical > #next-activity-link:not(:last-child):not(.dropdown-toggle), .section-navigation .prevsection .btn-group-vertical > a:not(:last-child):not(.dropdown-toggle), .section-navigation .nextsection .btn-group-vertical > a:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn-group:not(:last-child) > .btn, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > .btn-group:not(:last-child) > a.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > .btn-group:not(:last-child) > a.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > .btn-group:not(:last-child) > a.collapseexpand, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) .btn-group-vertical > .btn-group:not(:last-child) > a, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging .btn-group-vertical > .btn-group:not(:last-child) > a, .activity-navigation .btn-group-vertical > .btn-group:not(:last-child) > #prev-activity-link, .activity-navigation .btn-group-vertical > .btn-group:not(:last-child) > #next-activity-link, .section-navigation .prevsection .btn-group-vertical > .btn-group:not(:last-child) > a, .section-navigation .nextsection .btn-group-vertical > .btn-group:not(:last-child) > a {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn ~ .btn, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > a.collapseexpand ~ .btn, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > a.collapseexpand ~ a.collapseexpand, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > a.collapseexpand ~ a.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > a.collapseexpand ~ a.collapseexpand, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions #page-course-search .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > a.collapseexpand ~ a.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > a.collapseexpand ~ a.collapseexpand, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) .btn-group-vertical > a.collapseexpand ~ a, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > a.collapseexpand ~ a, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging .btn-group-vertical > a.collapseexpand ~ a, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > a.collapseexpand ~ a, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .activity-navigation .btn-group-vertical > a.collapseexpand ~ #prev-activity-link, .activity-navigation .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > a.collapseexpand ~ #prev-activity-link, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .activity-navigation .btn-group-vertical > a.collapseexpand ~ #next-activity-link, .activity-navigation .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > a.collapseexpand ~ #next-activity-link, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .section-navigation .prevsection .btn-group-vertical > a.collapseexpand ~ a, .section-navigation .prevsection .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > a.collapseexpand ~ a, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .section-navigation .nextsection .btn-group-vertical > a.collapseexpand ~ a, .section-navigation .nextsection .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > a.collapseexpand ~ a, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > a.collapseexpand ~ .btn, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > a.collapseexpand ~ a.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions #page-course-search .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > a.collapseexpand ~ a.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > a.collapseexpand ~ a.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) .btn-group-vertical > a.collapseexpand ~ a, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > a.collapseexpand ~ a, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging .btn-group-vertical > a.collapseexpand ~ a, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > a.collapseexpand ~ a, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .activity-navigation .btn-group-vertical > a.collapseexpand ~ #prev-activity-link, .activity-navigation .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > a.collapseexpand ~ #prev-activity-link, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .activity-navigation .btn-group-vertical > a.collapseexpand ~ #next-activity-link, .activity-navigation .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > a.collapseexpand ~ #next-activity-link, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .section-navigation .prevsection .btn-group-vertical > a.collapseexpand ~ a, .section-navigation .prevsection .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > a.collapseexpand ~ a, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .section-navigation .nextsection .btn-group-vertical > a.collapseexpand ~ a, .section-navigation .nextsection .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > a.collapseexpand ~ a, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > a.collapseexpand ~ .btn, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > a.collapseexpand ~ a.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .paging:has(+ .theme_boost_union-courselisting-wrapper) .btn-group-vertical > a.collapseexpand ~ a, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > a.collapseexpand ~ a, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .theme_boost_union-courselisting-wrapper ~ .paging .btn-group-vertical > a.collapseexpand ~ a, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > a.collapseexpand ~ a, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .activity-navigation .btn-group-vertical > a.collapseexpand ~ #prev-activity-link, .activity-navigation #page-course-search .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > a.collapseexpand ~ #prev-activity-link, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .activity-navigation .btn-group-vertical > a.collapseexpand ~ #next-activity-link, .activity-navigation #page-course-search .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > a.collapseexpand ~ #next-activity-link, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .section-navigation .prevsection .btn-group-vertical > a.collapseexpand ~ a, .section-navigation .prevsection #page-course-search .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > a.collapseexpand ~ a, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .section-navigation .nextsection .btn-group-vertical > a.collapseexpand ~ a, .section-navigation .nextsection #page-course-search .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > a.collapseexpand ~ a, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) .btn-group-vertical > a ~ .btn, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > a ~ a.collapseexpand, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) .btn-group-vertical > a ~ a.collapseexpand, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > a ~ a.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) .btn-group-vertical > a ~ a.collapseexpand, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > a ~ a.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .paging:has(+ .theme_boost_union-courselisting-wrapper) .btn-group-vertical > a ~ a.collapseexpand, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) .btn-group-vertical > a ~ a, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) .theme_boost_union-courselisting-wrapper ~ .paging .btn-group-vertical > a ~ a, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging .paging:has(+ .theme_boost_union-courselisting-wrapper) .btn-group-vertical > a ~ a, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) .activity-navigation .btn-group-vertical > a ~ #prev-activity-link, .activity-navigation #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) .btn-group-vertical > a ~ #prev-activity-link, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) .activity-navigation .btn-group-vertical > a ~ #next-activity-link, .activity-navigation #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) .btn-group-vertical > a ~ #next-activity-link, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) .section-navigation .prevsection .btn-group-vertical > a ~ a, .section-navigation .prevsection #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) .btn-group-vertical > a ~ a, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) .section-navigation .nextsection .btn-group-vertical > a ~ a, .section-navigation .nextsection #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) .btn-group-vertical > a ~ a, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging .btn-group-vertical > a ~ .btn, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > a ~ a.collapseexpand, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging .btn-group-vertical > a ~ a.collapseexpand, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > a ~ a.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging .btn-group-vertical > a ~ a.collapseexpand, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > a ~ a.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .theme_boost_union-courselisting-wrapper ~ .paging .btn-group-vertical > a ~ a.collapseexpand, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging .btn-group-vertical > a ~ a, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging .activity-navigation .btn-group-vertical > a ~ #prev-activity-link, .activity-navigation #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging .btn-group-vertical > a ~ #prev-activity-link, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging .activity-navigation .btn-group-vertical > a ~ #next-activity-link, .activity-navigation #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging .btn-group-vertical > a ~ #next-activity-link, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging .section-navigation .prevsection .btn-group-vertical > a ~ a, .section-navigation .prevsection #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging .btn-group-vertical > a ~ a, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging .section-navigation .nextsection .btn-group-vertical > a ~ a, .section-navigation .nextsection #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging .btn-group-vertical > a ~ a, .activity-navigation .btn-group-vertical > #prev-activity-link ~ .btn, .activity-navigation .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > #prev-activity-link ~ a.collapseexpand, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .activity-navigation .btn-group-vertical > #prev-activity-link ~ a.collapseexpand, .activity-navigation .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > #prev-activity-link ~ a.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .activity-navigation .btn-group-vertical > #prev-activity-link ~ a.collapseexpand, .activity-navigation #page-course-search .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > #prev-activity-link ~ a.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .activity-navigation .btn-group-vertical > #prev-activity-link ~ a.collapseexpand, .activity-navigation #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) .btn-group-vertical > #prev-activity-link ~ a, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) .activity-navigation .btn-group-vertical > #prev-activity-link ~ a, .activity-navigation #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging .btn-group-vertical > #prev-activity-link ~ a, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging .activity-navigation .btn-group-vertical > #prev-activity-link ~ a, .activity-navigation .btn-group-vertical > #prev-activity-link ~ #prev-activity-link, .activity-navigation .btn-group-vertical > #prev-activity-link ~ #next-activity-link, .activity-navigation .section-navigation .prevsection .btn-group-vertical > #prev-activity-link ~ a, .section-navigation .prevsection .activity-navigation .btn-group-vertical > #prev-activity-link ~ a, .activity-navigation .section-navigation .nextsection .btn-group-vertical > #prev-activity-link ~ a, .section-navigation .nextsection .activity-navigation .btn-group-vertical > #prev-activity-link ~ a, .activity-navigation .btn-group-vertical > #next-activity-link ~ .btn, .activity-navigation .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > #next-activity-link ~ a.collapseexpand, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .activity-navigation .btn-group-vertical > #next-activity-link ~ a.collapseexpand, .activity-navigation .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > #next-activity-link ~ a.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .activity-navigation .btn-group-vertical > #next-activity-link ~ a.collapseexpand, .activity-navigation #page-course-search .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > #next-activity-link ~ a.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .activity-navigation .btn-group-vertical > #next-activity-link ~ a.collapseexpand, .activity-navigation #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) .btn-group-vertical > #next-activity-link ~ a, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) .activity-navigation .btn-group-vertical > #next-activity-link ~ a, .activity-navigation #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging .btn-group-vertical > #next-activity-link ~ a, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging .activity-navigation .btn-group-vertical > #next-activity-link ~ a, .activity-navigation .btn-group-vertical > #next-activity-link ~ #prev-activity-link, .activity-navigation .btn-group-vertical > #next-activity-link ~ #next-activity-link, .activity-navigation .section-navigation .prevsection .btn-group-vertical > #next-activity-link ~ a, .section-navigation .prevsection .activity-navigation .btn-group-vertical > #next-activity-link ~ a, .activity-navigation .section-navigation .nextsection .btn-group-vertical > #next-activity-link ~ a, .section-navigation .nextsection .activity-navigation .btn-group-vertical > #next-activity-link ~ a, .section-navigation .prevsection .btn-group-vertical > a ~ .btn, .section-navigation .prevsection .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > a ~ a.collapseexpand, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .section-navigation .prevsection .btn-group-vertical > a ~ a.collapseexpand, .section-navigation .prevsection .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > a ~ a.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .section-navigation .prevsection .btn-group-vertical > a ~ a.collapseexpand, .section-navigation .prevsection #page-course-search .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > a ~ a.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .section-navigation .prevsection .btn-group-vertical > a ~ a.collapseexpand, .section-navigation .prevsection .activity-navigation .btn-group-vertical > a ~ #prev-activity-link, .activity-navigation .section-navigation .prevsection .btn-group-vertical > a ~ #prev-activity-link, .section-navigation .prevsection .activity-navigation .btn-group-vertical > a ~ #next-activity-link, .activity-navigation .section-navigation .prevsection .btn-group-vertical > a ~ #next-activity-link, .section-navigation .prevsection .btn-group-vertical > a ~ a, .section-navigation .prevsection .nextsection .btn-group-vertical > a ~ a, .section-navigation .nextsection .prevsection .btn-group-vertical > a ~ a, .section-navigation .nextsection .btn-group-vertical > a ~ .btn, .section-navigation .nextsection .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > a ~ a.collapseexpand, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .section-navigation .nextsection .btn-group-vertical > a ~ a.collapseexpand, .section-navigation .nextsection .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > a ~ a.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .section-navigation .nextsection .btn-group-vertical > a ~ a.collapseexpand, .section-navigation .nextsection #page-course-search .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > a ~ a.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .section-navigation .nextsection .btn-group-vertical > a ~ a.collapseexpand, .section-navigation .nextsection .activity-navigation .btn-group-vertical > a ~ #prev-activity-link, .activity-navigation .section-navigation .nextsection .btn-group-vertical > a ~ #prev-activity-link, .section-navigation .nextsection .activity-navigation .btn-group-vertical > a ~ #next-activity-link, .activity-navigation .section-navigation .nextsection .btn-group-vertical > a ~ #next-activity-link, .section-navigation .nextsection .btn-group-vertical > a ~ a, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > .btn ~ a.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > .btn ~ a.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > .btn ~ a.collapseexpand, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) .btn-group-vertical > .btn ~ a, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging .btn-group-vertical > .btn ~ a, .activity-navigation .btn-group-vertical > .btn ~ #prev-activity-link, .activity-navigation .btn-group-vertical > .btn ~ #next-activity-link, .section-navigation .prevsection .btn-group-vertical > .btn ~ a, .section-navigation .nextsection .btn-group-vertical > .btn ~ a, .btn-group-vertical > .btn-group:not(:first-child) > .btn, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > .btn-group:not(:first-child) > a.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > .btn-group:not(:first-child) > a.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > .btn-group:not(:first-child) > a.collapseexpand, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) .btn-group-vertical > .btn-group:not(:first-child) > a, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging .btn-group-vertical > .btn-group:not(:first-child) > a, .activity-navigation .btn-group-vertical > .btn-group:not(:first-child) > #prev-activity-link, .activity-navigation .btn-group-vertical > .btn-group:not(:first-child) > #next-activity-link, .section-navigation .prevsection .btn-group-vertical > .btn-group:not(:first-child) > a, .section-navigation .nextsection .btn-group-vertical > .btn-group:not(:first-child) > a {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.nav {
  --bs-nav-link-padding-x: 1rem;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: var(--bs-link-color);
  --bs-nav-link-hover-color: var(--bs-link-hover-color);
  --bs-nav-link-disabled-color: var(--bs-secondary-color);
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.nav-link {
  display: block;
  padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
  font-size: var(--bs-nav-link-font-size);
  font-weight: var(--bs-nav-link-font-weight);
  color: var(--bs-nav-link-color);
  background: none;
  border: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .nav-link {
    transition: none;
  }
}
.nav-link:hover, .nav-link:focus {
  color: var(--bs-nav-link-hover-color);
  text-decoration: none;
}
.nav-link:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(23, 107, 117, 0.75);
}
.nav-link.disabled, .nav-link:disabled {
  color: var(--bs-nav-link-disabled-color);
  pointer-events: none;
  cursor: default;
}
.nav-tabs {
  --bs-nav-tabs-border-width: var(--bs-border-width);
  --bs-nav-tabs-border-color: var(--bs-border-color);
  --bs-nav-tabs-border-radius: var(--bs-border-radius);
  --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);
  --bs-nav-tabs-link-active-color: var(--bs-emphasis-color);
  --bs-nav-tabs-link-active-bg: var(--bs-body-bg);
  --bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);
  border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
}
.nav-tabs .nav-link {
  margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
  border: var(--bs-nav-tabs-border-width) solid transparent;
  border-top-left-radius: var(--bs-nav-tabs-border-radius);
  border-top-right-radius: var(--bs-nav-tabs-border-radius);
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  isolation: isolate;
  border-color: var(--bs-nav-tabs-link-hover-border-color);
}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
  color: var(--bs-nav-tabs-link-active-color);
  background-color: var(--bs-nav-tabs-link-active-bg);
  border-color: var(--bs-nav-tabs-link-active-border-color);
}
.nav-tabs .dropdown-menu {
  margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.nav-pills {
  --bs-nav-pills-border-radius: var(--bs-border-radius);
  --bs-nav-pills-link-active-color: #fff;
  --bs-nav-pills-link-active-bg: #176B75;
}
.nav-pills .nav-link {
  border-radius: var(--bs-nav-pills-border-radius);
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: var(--bs-nav-pills-link-active-color);
  background-color: var(--bs-nav-pills-link-active-bg);
}
.nav-underline {
  --bs-nav-underline-gap: 1rem;
  --bs-nav-underline-border-width: 0.125rem;
  --bs-nav-underline-link-active-color: var(--bs-emphasis-color);
  gap: var(--bs-nav-underline-gap);
}
.nav-underline .nav-link {
  padding-right: 0;
  padding-left: 0;
  border-bottom: var(--bs-nav-underline-border-width) solid transparent;
}
.nav-underline .nav-link:hover, .nav-underline .nav-link:focus {
  border-bottom-color: currentcolor;
}
.nav-underline .nav-link.active, .nav-underline .show > .nav-link {
  font-weight: 700;
  color: var(--bs-nav-underline-link-active-color);
  border-bottom-color: currentcolor;
}
.nav-fill > .nav-link, .nav-fill .nav-item {
  flex: 1 1 auto;
  text-align: center;
}
.nav-justified > .nav-link, .nav-justified .nav-item {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center;
}
.nav-fill .nav-item .nav-link, .nav-justified .nav-item .nav-link {
  width: 100%;
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.navbar {
  --bs-navbar-padding-x: 0;
  --bs-navbar-padding-y: 0.5rem;
  --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.65);
  --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8);
  --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);
  --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-brand-padding-y: 0.32421875rem;
  --bs-navbar-brand-margin-end: 1rem;
  --bs-navbar-brand-font-size: 1.171875rem;
  --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-nav-link-padding-x: 0.5rem;
  --bs-navbar-toggler-padding-y: 0.25rem;
  --bs-navbar-toggler-padding-x: 0.75rem;
  --bs-navbar-toggler-font-size: 1.171875rem;
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2829, 33, 37, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15);
  --bs-navbar-toggler-border-radius: var(--bs-border-radius);
  --bs-navbar-toggler-focus-width: 0.25rem;
  --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
}
.navbar > .container, .navbar > .container-fluid, .navbar > .container-sm, .navbar > .container-md, .navbar > .container-lg, .navbar > .container-xl, .navbar > .container-xxl {
  display: flex;
  flex-wrap: inherit;
  align-items: center;
  justify-content: space-between;
}
.navbar-brand {
  padding-top: var(--bs-navbar-brand-padding-y);
  padding-bottom: var(--bs-navbar-brand-padding-y);
  margin-right: var(--bs-navbar-brand-margin-end);
  font-size: var(--bs-navbar-brand-font-size);
  color: var(--bs-navbar-brand-color);
  white-space: nowrap;
}
.navbar-brand:hover, .navbar-brand:focus {
  color: var(--bs-navbar-brand-hover-color);
  text-decoration: none;
}
.navbar-nav {
  --bs-nav-link-padding-x: 0;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: var(--bs-navbar-color);
  --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
  --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
  color: var(--bs-navbar-active-color);
}
.navbar-nav .dropdown-menu {
  position: static;
}
.navbar-text {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: var(--bs-navbar-color);
}
.navbar-text a, .navbar-text a:hover, .navbar-text a:focus {
  color: var(--bs-navbar-active-color);
}
.navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center;
}
.navbar-toggler {
  padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
  font-size: var(--bs-navbar-toggler-font-size);
  line-height: 1;
  color: var(--bs-navbar-color);
  background-color: transparent;
  border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
  border-radius: var(--bs-navbar-toggler-border-radius);
  transition: var(--bs-navbar-toggler-transition);
}
@media (prefers-reduced-motion: reduce) {
  .navbar-toggler {
    transition: none;
  }
}
.navbar-toggler:hover {
  text-decoration: none;
}
.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width);
}
.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  background-image: var(--bs-navbar-toggler-icon-bg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
.navbar-nav-scroll {
  max-height: var(--bs-scroll-height, 75vh);
  overflow-y: auto;
}
@media (min-width: 576px) {
  .navbar-expand-sm {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-sm .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-sm .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-sm .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-sm .navbar-toggler {
    display: none;
  }
  .navbar-expand-sm .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-sm .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-sm .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 768px) {
  .navbar-expand-md {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-md .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-md .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-md .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-md .navbar-toggler {
    display: none;
  }
  .navbar-expand-md .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-md .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-md .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 992px) {
  .navbar-expand-lg {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-lg .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
  .navbar-expand-lg .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-lg .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-lg .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 1200px) {
  .navbar-expand-xl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-xl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xl .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-xl .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-xl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 1400px) {
  .navbar-expand-xxl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xxl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xxl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xxl .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-xxl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xxl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xxl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xxl .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-xxl .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-xxl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
.navbar-expand {
  flex-wrap: nowrap;
  justify-content: flex-start;
}
.navbar-expand .navbar-nav {
  flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
  padding-right: var(--bs-navbar-nav-link-padding-x);
  padding-left: var(--bs-navbar-nav-link-padding-x);
}
.navbar-expand .navbar-nav-scroll {
  overflow: visible;
}
.navbar-expand .navbar-collapse {
  display: flex !important;
  flex-basis: auto;
}
.navbar-expand .navbar-toggler {
  display: none;
}
.navbar-expand .offcanvas {
  position: static;
  z-index: auto;
  flex-grow: 1;
  width: auto !important;
  height: auto !important;
  visibility: visible !important;
  background-color: transparent !important;
  border: 0 !important;
  transform: none !important;
  transition: none;
}
.navbar-expand .offcanvas .offcanvas-header {
  display: none;
}
.navbar-expand .offcanvas .offcanvas-body {
  display: flex;
  flex-grow: 0;
  padding: 0;
  overflow-y: visible;
}
.navbar-dark, .navbar[data-bs-theme="dark"] {
  --bs-navbar-color: rgba(255, 255, 255, 0.55);
  --bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
  --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
  --bs-navbar-active-color: #fff;
  --bs-navbar-brand-color: #fff;
  --bs-navbar-brand-hover-color: #fff;
  --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
[data-bs-theme="dark"] .navbar-toggler-icon {
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.card {
  --bs-card-spacer-y: 1rem;
  --bs-card-spacer-x: 1rem;
  --bs-card-title-spacer-y: 0.5rem;
  --bs-card-title-color: ;
  --bs-card-subtitle-color: ;
  --bs-card-border-width: var(--bs-border-width);
  --bs-card-border-color: var(--bs-border-color-translucent);
  --bs-card-border-radius: var(--bs-border-radius);
  --bs-card-box-shadow: ;
  --bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
  --bs-card-cap-padding-y: 0.5rem;
  --bs-card-cap-padding-x: 1rem;
  --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
  --bs-card-cap-color: ;
  --bs-card-height: ;
  --bs-card-color: ;
  --bs-card-bg: var(--bs-body-bg);
  --bs-card-img-overlay-padding: 1rem;
  --bs-card-group-margin: 0.25rem;
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: var(--bs-card-height);
  color: var(--bs-body-color);
  word-wrap: break-word;
  background-color: var(--bs-card-bg);
  background-clip: border-box;
  border: var(--bs-card-border-width) solid var(--bs-card-border-color);
  border-radius: var(--bs-card-border-radius);
}
.card > hr {
  margin-right: 0;
  margin-left: 0;
}
.card > .list-group {
  border-top: inherit;
  border-bottom: inherit;
}
.card > .list-group:first-child {
  border-top-width: 0;
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius);
}
.card > .list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius);
}
.card > .card-header + .list-group, .card > .list-group + .card-footer {
  border-top: 0;
}
.card-body {
  flex: 1 1 auto;
  padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
  color: var(--bs-card-color);
}
.card-title {
  margin-bottom: var(--bs-card-title-spacer-y);
  color: var(--bs-card-title-color);
}
.card-subtitle {
  margin-top: calc(-.5 * var(--bs-card-title-spacer-y));
  margin-bottom: 0;
  color: var(--bs-card-subtitle-color);
}
.card-text:last-child {
  margin-bottom: 0;
}
.card-link:hover {
  text-decoration: none;
}
.card-link + .card-link {
  margin-left: var(--bs-card-spacer-x);
}
.card-header {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  margin-bottom: 0;
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color);
}
.card-header:first-child {
  border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0;
}
.card-footer {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-top: var(--bs-card-border-width) solid var(--bs-card-border-color);
}
.card-footer:last-child {
  border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius);
}
.card-header-tabs {
  margin-right: calc(-.5 * var(--bs-card-cap-padding-x));
  margin-bottom: calc(-1 * var(--bs-card-cap-padding-y));
  margin-left: calc(-.5 * var(--bs-card-cap-padding-x));
  border-bottom: 0;
}
.card-header-tabs .nav-link.active {
  background-color: var(--bs-card-bg);
  border-bottom-color: var(--bs-card-bg);
}
.card-header-pills {
  margin-right: calc(-.5 * var(--bs-card-cap-padding-x));
  margin-left: calc(-.5 * var(--bs-card-cap-padding-x));
}
.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: var(--bs-card-img-overlay-padding);
  border-radius: var(--bs-card-inner-border-radius);
}
.card-img, .card-img-top, .card-img-bottom {
  width: 100%;
}
.card-img, .card-img-top {
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius);
}
.card-img, .card-img-bottom {
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius);
}
.card-group > .card {
  margin-bottom: var(--bs-card-group-margin);
}
@media (min-width: 576px) {
  .card-group {
    display: flex;
    flex-flow: row wrap;
  }
  .card-group > .card {
    flex: 1 0 0%;
    margin-bottom: 0;
  }
  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group > .card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-top, .card-group > .card:not(:last-child) .card-header {
    border-top-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-bottom, .card-group > .card:not(:last-child) .card-footer {
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-top, .card-group > .card:not(:first-child) .card-header {
    border-top-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-bottom, .card-group > .card:not(:first-child) .card-footer {
    border-bottom-left-radius: 0;
  }
}
.accordion {
  --bs-accordion-color: var(--bs-body-color);
  --bs-accordion-bg: var(--bs-body-bg);
  --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
  --bs-accordion-border-color: var(--bs-border-color);
  --bs-accordion-border-width: var(--bs-border-width);
  --bs-accordion-border-radius: var(--bs-border-radius);
  --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
  --bs-accordion-btn-padding-x: 1.25rem;
  --bs-accordion-btn-padding-y: 1rem;
  --bs-accordion-btn-color: var(--bs-body-color);
  --bs-accordion-btn-bg: var(--bs-accordion-bg);
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%231d2125' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
  --bs-accordion-btn-icon-width: 1.25rem;
  --bs-accordion-btn-icon-transform: rotate(-180deg);
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23092b2f' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(23, 107, 117, 0.75);
  --bs-accordion-body-padding-x: 1.25rem;
  --bs-accordion-body-padding-y: 1rem;
  --bs-accordion-active-color: var(--bs-primary-text-emphasis);
  --bs-accordion-active-bg: var(--bs-primary-bg-subtle);
}
.accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
  font-size: 0.9375rem;
  color: var(--bs-accordion-btn-color);
  text-align: left;
  background-color: var(--bs-accordion-btn-bg);
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: var(--bs-accordion-transition);
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button {
    transition: none;
  }
}
.accordion-button:not(.collapsed) {
  color: var(--bs-accordion-active-color);
  background-color: var(--bs-accordion-active-bg);
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}
.accordion-button:not(.collapsed)::after {
  background-image: var(--bs-accordion-btn-active-icon);
  transform: var(--bs-accordion-btn-icon-transform);
}
.accordion-button::after {
  flex-shrink: 0;
  width: var(--bs-accordion-btn-icon-width);
  height: var(--bs-accordion-btn-icon-width);
  margin-left: auto;
  content: "";
  background-image: var(--bs-accordion-btn-icon);
  background-repeat: no-repeat;
  background-size: var(--bs-accordion-btn-icon-width);
  transition: var(--bs-accordion-btn-icon-transition);
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button::after {
    transition: none;
  }
}
.accordion-button:hover {
  z-index: 2;
}
.accordion-button:focus {
  z-index: 3;
  outline: 0;
  box-shadow: var(--bs-accordion-btn-focus-box-shadow);
}
.accordion-header {
  margin-bottom: 0;
}
.accordion-item {
  color: var(--bs-accordion-color);
  background-color: var(--bs-accordion-bg);
  border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
}
.accordion-item:first-of-type {
  border-top-left-radius: var(--bs-accordion-border-radius);
  border-top-right-radius: var(--bs-accordion-border-radius);
}
.accordion-item:first-of-type > .accordion-header .accordion-button {
  border-top-left-radius: var(--bs-accordion-inner-border-radius);
  border-top-right-radius: var(--bs-accordion-inner-border-radius);
}
.accordion-item:not(:first-of-type) {
  border-top: 0;
}
.accordion-item:last-of-type {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius);
}
.accordion-item:last-of-type > .accordion-header .accordion-button.collapsed {
  border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
  border-bottom-left-radius: var(--bs-accordion-inner-border-radius);
}
.accordion-item:last-of-type > .accordion-collapse {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius);
}
.accordion-body {
  padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
}
.accordion-flush > .accordion-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}
.accordion-flush > .accordion-item:first-child {
  border-top: 0;
}
.accordion-flush > .accordion-item:last-child {
  border-bottom: 0;
}
.accordion-flush > .accordion-item > .accordion-header .accordion-button, .accordion-flush > .accordion-item > .accordion-header .accordion-button.collapsed {
  border-radius: 0;
}
.accordion-flush > .accordion-item > .accordion-collapse {
  border-radius: 0;
}
[data-bs-theme="dark"] .accordion-button::after {
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2374a6ac'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2374a6ac'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.breadcrumb {
  --bs-breadcrumb-padding-x: 0;
  --bs-breadcrumb-padding-y: 0.5rem;
  --bs-breadcrumb-margin-bottom: 0;
  --bs-breadcrumb-bg: ;
  --bs-breadcrumb-border-radius: ;
  --bs-breadcrumb-divider-color: var(--bs-secondary-color);
  --bs-breadcrumb-item-padding-x: 0.5rem;
  --bs-breadcrumb-item-active-color: var(--bs-secondary-color);
  display: flex;
  flex-wrap: wrap;
  padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
  margin-bottom: var(--bs-breadcrumb-margin-bottom);
  font-size: var(--bs-breadcrumb-font-size);
  list-style: none;
  background-color: var(--bs-breadcrumb-bg);
  border-radius: var(--bs-breadcrumb-border-radius);
}
.breadcrumb-item + .breadcrumb-item {
  padding-left: var(--bs-breadcrumb-item-padding-x);
}
.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: var(--bs-breadcrumb-item-padding-x);
  color: var(--bs-breadcrumb-divider-color);
  content: var(--bs-breadcrumb-divider, "/") /* rtl: var(--bs-breadcrumb-divider, "/") */;
}
.breadcrumb-item.active {
  color: var(--bs-breadcrumb-item-active-color);
}
.pagination {
  --bs-pagination-padding-x: 0.75rem;
  --bs-pagination-padding-y: 0.375rem;
  --bs-pagination-font-size: 0.9375rem;
  --bs-pagination-color: var(--bs-link-color);
  --bs-pagination-bg: var(--bs-body-bg);
  --bs-pagination-border-width: var(--bs-border-width);
  --bs-pagination-border-color: var(--bs-border-color);
  --bs-pagination-border-radius: var(--bs-border-radius);
  --bs-pagination-hover-color: var(--bs-link-hover-color);
  --bs-pagination-hover-bg: var(--bs-tertiary-bg);
  --bs-pagination-hover-border-color: var(--bs-border-color);
  --bs-pagination-focus-color: var(--bs-link-hover-color);
  --bs-pagination-focus-bg: var(--bs-secondary-bg);
  --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(23, 107, 117, 0.75);
  --bs-pagination-active-color: #fff;
  --bs-pagination-active-bg: #176B75;
  --bs-pagination-active-border-color: #176B75;
  --bs-pagination-disabled-color: var(--bs-secondary-color);
  --bs-pagination-disabled-bg: var(--bs-secondary-bg);
  --bs-pagination-disabled-border-color: var(--bs-border-color);
  display: flex;
  padding-left: 0;
  list-style: none;
}
.page-link {
  position: relative;
  display: block;
  padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
  font-size: var(--bs-pagination-font-size);
  color: var(--bs-pagination-color);
  background-color: var(--bs-pagination-bg);
  border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .page-link {
    transition: none;
  }
}
.page-link:hover {
  z-index: 2;
  color: var(--bs-pagination-hover-color);
  text-decoration: none;
  background-color: var(--bs-pagination-hover-bg);
  border-color: var(--bs-pagination-hover-border-color);
}
.page-link:focus {
  z-index: 3;
  color: var(--bs-pagination-focus-color);
  background-color: var(--bs-pagination-focus-bg);
  outline: 0;
  box-shadow: var(--bs-pagination-focus-box-shadow);
}
.page-link.active, .active > .page-link {
  z-index: 3;
  color: var(--bs-pagination-active-color);
  background-color: var(--bs-pagination-active-bg);
  border-color: var(--bs-pagination-active-border-color);
}
.page-link.disabled, .disabled > .page-link {
  color: var(--bs-pagination-disabled-color);
  pointer-events: none;
  background-color: var(--bs-pagination-disabled-bg);
  border-color: var(--bs-pagination-disabled-border-color);
}
.page-item:not(:first-child) .page-link {
  margin-left: calc(var(--bs-border-width) * -1);
}
.page-item:first-child .page-link {
  border-top-left-radius: var(--bs-pagination-border-radius);
  border-bottom-left-radius: var(--bs-pagination-border-radius);
}
.page-item:last-child .page-link {
  border-top-right-radius: var(--bs-pagination-border-radius);
  border-bottom-right-radius: var(--bs-pagination-border-radius);
}
.pagination-lg {
  --bs-pagination-padding-x: 1.5rem;
  --bs-pagination-padding-y: 0.75rem;
  --bs-pagination-font-size: 1.171875rem;
  --bs-pagination-border-radius: var(--bs-border-radius-lg);
}
.pagination-sm {
  --bs-pagination-padding-x: 0.5rem;
  --bs-pagination-padding-y: 0.25rem;
  --bs-pagination-font-size: 0.8203125rem;
  --bs-pagination-border-radius: var(--bs-border-radius-sm);
}
.badge {
  --bs-badge-padding-x: 0.65em;
  --bs-badge-padding-y: 0.35em;
  --bs-badge-font-size: 0.75em;
  --bs-badge-font-weight: 700;
  --bs-badge-color: #fff;
  --bs-badge-border-radius: var(--bs-border-radius);
  display: inline-block;
  padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
  font-size: var(--bs-badge-font-size);
  font-weight: var(--bs-badge-font-weight);
  line-height: 1;
  color: var(--bs-badge-color);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: var(--bs-badge-border-radius);
}
.badge:empty {
  display: none;
}
.btn .badge, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand .badge, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand .badge, #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand .badge, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) a .badge, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging a .badge, .activity-navigation #prev-activity-link .badge, .activity-navigation #next-activity-link .badge, .section-navigation .prevsection a .badge, .section-navigation .nextsection a .badge {
  position: relative;
  top: -1px;
}
.alert {
  --bs-alert-bg: transparent;
  --bs-alert-padding-x: 1rem;
  --bs-alert-padding-y: 1rem;
  --bs-alert-margin-bottom: 1rem;
  --bs-alert-color: inherit;
  --bs-alert-border-color: transparent;
  --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color);
  --bs-alert-border-radius: var(--bs-border-radius);
  --bs-alert-link-color: inherit;
  position: relative;
  padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
  margin-bottom: var(--bs-alert-margin-bottom);
  color: var(--bs-alert-color);
  background-color: var(--bs-alert-bg);
  border: var(--bs-alert-border);
  border-radius: var(--bs-alert-border-radius);
}
.alert-heading {
  color: inherit;
}
.alert-link {
  font-weight: 700;
  color: var(--bs-alert-link-color);
}
.alert-dismissible {
  padding-right: 3rem;
}
.alert-dismissible .btn-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 1.25rem 1rem;
}
.alert-primary {
  --bs-alert-color: var(--bs-primary-text-emphasis);
  --bs-alert-bg: var(--bs-primary-bg-subtle);
  --bs-alert-border-color: var(--bs-primary-border-subtle);
  --bs-alert-link-color: var(--bs-primary-text-emphasis);
}
.alert-secondary {
  --bs-alert-color: var(--bs-secondary-text-emphasis);
  --bs-alert-bg: var(--bs-secondary-bg-subtle);
  --bs-alert-border-color: var(--bs-secondary-border-subtle);
  --bs-alert-link-color: var(--bs-secondary-text-emphasis);
}
.alert-success {
  --bs-alert-color: var(--bs-success-text-emphasis);
  --bs-alert-bg: var(--bs-success-bg-subtle);
  --bs-alert-border-color: var(--bs-success-border-subtle);
  --bs-alert-link-color: var(--bs-success-text-emphasis);
}
.alert-info {
  --bs-alert-color: var(--bs-info-text-emphasis);
  --bs-alert-bg: var(--bs-info-bg-subtle);
  --bs-alert-border-color: var(--bs-info-border-subtle);
  --bs-alert-link-color: var(--bs-info-text-emphasis);
}
.alert-warning {
  --bs-alert-color: var(--bs-warning-text-emphasis);
  --bs-alert-bg: var(--bs-warning-bg-subtle);
  --bs-alert-border-color: var(--bs-warning-border-subtle);
  --bs-alert-link-color: var(--bs-warning-text-emphasis);
}
.alert-danger {
  --bs-alert-color: var(--bs-danger-text-emphasis);
  --bs-alert-bg: var(--bs-danger-bg-subtle);
  --bs-alert-border-color: var(--bs-danger-border-subtle);
  --bs-alert-link-color: var(--bs-danger-text-emphasis);
}
.alert-light {
  --bs-alert-color: var(--bs-light-text-emphasis);
  --bs-alert-bg: var(--bs-light-bg-subtle);
  --bs-alert-border-color: var(--bs-light-border-subtle);
  --bs-alert-link-color: var(--bs-light-text-emphasis);
}
.alert-dark {
  --bs-alert-color: var(--bs-dark-text-emphasis);
  --bs-alert-bg: var(--bs-dark-bg-subtle);
  --bs-alert-border-color: var(--bs-dark-border-subtle);
  --bs-alert-link-color: var(--bs-dark-text-emphasis);
}
@keyframes progress-bar-stripes {
  0% {
    background-position-x: 1rem;
  }
}
.progress, .progress-stacked {
  --bs-progress-height: 1rem;
  --bs-progress-font-size: 0.703125rem;
  --bs-progress-bg: var(--bs-secondary-bg);
  --bs-progress-border-radius: var(--bs-border-radius);
  --bs-progress-box-shadow: var(--bs-box-shadow-inset);
  --bs-progress-bar-color: #fff;
  --bs-progress-bar-bg: #176B75;
  --bs-progress-bar-transition: width 0.6s ease;
  display: flex;
  height: var(--bs-progress-height);
  overflow: hidden;
  font-size: var(--bs-progress-font-size);
  background-color: var(--bs-progress-bg);
  border-radius: var(--bs-progress-border-radius);
}
.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: var(--bs-progress-bar-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--bs-progress-bar-bg);
  transition: var(--bs-progress-bar-transition);
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar {
    transition: none;
  }
}
.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: var(--bs-progress-height) var(--bs-progress-height);
}
.progress-stacked > .progress {
  overflow: visible;
}
.progress-stacked > .progress > .progress-bar {
  width: 100%;
}
.progress-bar-animated {
  animation: 1s linear infinite progress-bar-stripes;
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar-animated {
    animation: none;
  }
}
.list-group {
  --bs-list-group-color: var(--bs-body-color);
  --bs-list-group-bg: var(--bs-body-bg);
  --bs-list-group-border-color: var(--bs-border-color);
  --bs-list-group-border-width: var(--bs-border-width);
  --bs-list-group-border-radius: var(--bs-border-radius);
  --bs-list-group-item-padding-x: 1rem;
  --bs-list-group-item-padding-y: 0.5rem;
  --bs-list-group-action-color: var(--bs-secondary-color);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-tertiary-bg);
  --bs-list-group-action-active-color: var(--bs-body-color);
  --bs-list-group-action-active-bg: var(--bs-secondary-bg);
  --bs-list-group-disabled-color: var(--bs-secondary-color);
  --bs-list-group-disabled-bg: var(--bs-body-bg);
  --bs-list-group-active-color: #fff;
  --bs-list-group-active-bg: #176B75;
  --bs-list-group-active-border-color: #176B75;
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: var(--bs-list-group-border-radius);
}
.list-group-numbered {
  list-style-type: none;
  counter-reset: section;
}
.list-group-numbered > .list-group-item::before {
  content: counters(section, ".") ". ";
  counter-increment: section;
}
.list-group-item-action {
  width: 100%;
  color: var(--bs-list-group-action-color);
  text-align: inherit;
}
.list-group-item-action:hover, .list-group-item-action:focus {
  z-index: 1;
  color: var(--bs-list-group-action-hover-color);
  text-decoration: none;
  background-color: var(--bs-list-group-action-hover-bg);
}
.list-group-item-action:active {
  color: var(--bs-list-group-action-active-color);
  background-color: var(--bs-list-group-action-active-bg);
}
.list-group-item {
  position: relative;
  display: block;
  padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
  color: var(--bs-list-group-color);
  background-color: var(--bs-list-group-bg);
  border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
}
.list-group-item:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.list-group-item:last-child {
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
}
.list-group-item.disabled, .list-group-item:disabled {
  color: var(--bs-list-group-disabled-color);
  pointer-events: none;
  background-color: var(--bs-list-group-disabled-bg);
}
.list-group-item.active {
  z-index: 2;
  color: var(--bs-list-group-active-color);
  background-color: var(--bs-list-group-active-bg);
  border-color: var(--bs-list-group-active-border-color);
}
.list-group-item + .list-group-item {
  border-top-width: 0;
}
.list-group-item + .list-group-item.active {
  margin-top: calc(-1 * var(--bs-list-group-border-width));
  border-top-width: var(--bs-list-group-border-width);
}
.list-group-horizontal {
  flex-direction: row;
}
.list-group-horizontal > .list-group-item:first-child:not(:last-child) {
  border-bottom-left-radius: var(--bs-list-group-border-radius);
  border-top-right-radius: 0;
}
.list-group-horizontal > .list-group-item:last-child:not(:first-child) {
  border-top-right-radius: var(--bs-list-group-border-radius);
  border-bottom-left-radius: 0;
}
.list-group-horizontal > .list-group-item.active {
  margin-top: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item {
  border-top-width: var(--bs-list-group-border-width);
  border-left-width: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item.active {
  margin-left: calc(-1 * var(--bs-list-group-border-width));
  border-left-width: var(--bs-list-group-border-width);
}
@media (min-width: 576px) {
  .list-group-horizontal-sm {
    flex-direction: row;
  }
  .list-group-horizontal-sm > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 768px) {
  .list-group-horizontal-md {
    flex-direction: row;
  }
  .list-group-horizontal-md > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 992px) {
  .list-group-horizontal-lg {
    flex-direction: row;
  }
  .list-group-horizontal-lg > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 1200px) {
  .list-group-horizontal-xl {
    flex-direction: row;
  }
  .list-group-horizontal-xl > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 1400px) {
  .list-group-horizontal-xxl {
    flex-direction: row;
  }
  .list-group-horizontal-xxl > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xxl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
.list-group-flush {
  border-radius: 0;
}
.list-group-flush > .list-group-item {
  border-width: 0 0 var(--bs-list-group-border-width);
}
.list-group-flush > .list-group-item:last-child {
  border-bottom-width: 0;
}
.list-group-item-primary {
  --bs-list-group-color: var(--bs-primary-text-emphasis);
  --bs-list-group-bg: var(--bs-primary-bg-subtle);
  --bs-list-group-border-color: var(--bs-primary-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-primary-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-primary-border-subtle);
  --bs-list-group-active-color: var(--bs-primary-bg-subtle);
  --bs-list-group-active-bg: var(--bs-primary-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-primary-text-emphasis);
}
.list-group-item-secondary {
  --bs-list-group-color: var(--bs-secondary-text-emphasis);
  --bs-list-group-bg: var(--bs-secondary-bg-subtle);
  --bs-list-group-border-color: var(--bs-secondary-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-secondary-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-secondary-border-subtle);
  --bs-list-group-active-color: var(--bs-secondary-bg-subtle);
  --bs-list-group-active-bg: var(--bs-secondary-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-secondary-text-emphasis);
}
.list-group-item-success {
  --bs-list-group-color: var(--bs-success-text-emphasis);
  --bs-list-group-bg: var(--bs-success-bg-subtle);
  --bs-list-group-border-color: var(--bs-success-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-success-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-success-border-subtle);
  --bs-list-group-active-color: var(--bs-success-bg-subtle);
  --bs-list-group-active-bg: var(--bs-success-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-success-text-emphasis);
}
.list-group-item-info {
  --bs-list-group-color: var(--bs-info-text-emphasis);
  --bs-list-group-bg: var(--bs-info-bg-subtle);
  --bs-list-group-border-color: var(--bs-info-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-info-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-info-border-subtle);
  --bs-list-group-active-color: var(--bs-info-bg-subtle);
  --bs-list-group-active-bg: var(--bs-info-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-info-text-emphasis);
}
.list-group-item-warning {
  --bs-list-group-color: var(--bs-warning-text-emphasis);
  --bs-list-group-bg: var(--bs-warning-bg-subtle);
  --bs-list-group-border-color: var(--bs-warning-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-warning-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-warning-border-subtle);
  --bs-list-group-active-color: var(--bs-warning-bg-subtle);
  --bs-list-group-active-bg: var(--bs-warning-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-warning-text-emphasis);
}
.list-group-item-danger {
  --bs-list-group-color: var(--bs-danger-text-emphasis);
  --bs-list-group-bg: var(--bs-danger-bg-subtle);
  --bs-list-group-border-color: var(--bs-danger-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-danger-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-danger-border-subtle);
  --bs-list-group-active-color: var(--bs-danger-bg-subtle);
  --bs-list-group-active-bg: var(--bs-danger-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-danger-text-emphasis);
}
.list-group-item-light {
  --bs-list-group-color: var(--bs-light-text-emphasis);
  --bs-list-group-bg: var(--bs-light-bg-subtle);
  --bs-list-group-border-color: var(--bs-light-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-light-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-light-border-subtle);
  --bs-list-group-active-color: var(--bs-light-bg-subtle);
  --bs-list-group-active-bg: var(--bs-light-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-light-text-emphasis);
}
.list-group-item-dark {
  --bs-list-group-color: var(--bs-dark-text-emphasis);
  --bs-list-group-bg: var(--bs-dark-bg-subtle);
  --bs-list-group-border-color: var(--bs-dark-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-dark-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-dark-border-subtle);
  --bs-list-group-active-color: var(--bs-dark-bg-subtle);
  --bs-list-group-active-bg: var(--bs-dark-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-dark-text-emphasis);
}
.btn-close {
  --bs-btn-close-color: #000;
  --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
  --bs-btn-close-opacity: 0.5;
  --bs-btn-close-hover-opacity: 0.75;
  --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(23, 107, 117, 0.75);
  --bs-btn-close-focus-opacity: 1;
  --bs-btn-close-disabled-opacity: 0.25;
  --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: 0.25em 0.25em;
  color: var(--bs-btn-close-color);
  background: transparent var(--bs-btn-close-bg) center / 1em auto no-repeat;
  border: 0;
  border-radius: 0.5rem;
  opacity: var(--bs-btn-close-opacity);
}
.btn-close:hover {
  color: var(--bs-btn-close-color);
  text-decoration: none;
  opacity: var(--bs-btn-close-hover-opacity);
}
.btn-close:focus {
  outline: 0;
  box-shadow: var(--bs-btn-close-focus-shadow);
  opacity: var(--bs-btn-close-focus-opacity);
}
.btn-close:disabled, .btn-close.disabled {
  pointer-events: none;
  user-select: none;
  opacity: var(--bs-btn-close-disabled-opacity);
}
.btn-close-white {
  filter: var(--bs-btn-close-white-filter);
}
[data-bs-theme="dark"] .btn-close {
  filter: var(--bs-btn-close-white-filter);
}
.toast {
  --bs-toast-zindex: 1090;
  --bs-toast-padding-x: 0.75rem;
  --bs-toast-padding-y: 0.5rem;
  --bs-toast-spacing: 1.5rem;
  --bs-toast-max-width: 350px;
  --bs-toast-font-size: 0.875rem;
  --bs-toast-color: ;
  --bs-toast-bg: rgba(var(--bs-body-bg-rgb), 0.85);
  --bs-toast-border-width: var(--bs-border-width);
  --bs-toast-border-color: var(--bs-border-color-translucent);
  --bs-toast-border-radius: var(--bs-border-radius);
  --bs-toast-box-shadow: var(--bs-box-shadow);
  --bs-toast-header-color: var(--bs-secondary-color);
  --bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), 0.85);
  --bs-toast-header-border-color: var(--bs-border-color-translucent);
  width: var(--bs-toast-max-width);
  max-width: 100%;
  font-size: var(--bs-toast-font-size);
  color: var(--bs-toast-color);
  pointer-events: auto;
  background-color: var(--bs-toast-bg);
  background-clip: padding-box;
  border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
  box-shadow: var(--bs-toast-box-shadow);
  border-radius: var(--bs-toast-border-radius);
}
.toast.showing {
  opacity: 0;
}
.toast:not(.show) {
  display: none;
}
.toast-container {
  --bs-toast-zindex: 1090;
  position: absolute;
  z-index: var(--bs-toast-zindex);
  width: max-content;
  max-width: 100%;
  pointer-events: none;
}
.toast-container > :not(:last-child) {
  margin-bottom: var(--bs-toast-spacing);
}
.toast-header {
  display: flex;
  align-items: center;
  padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x);
  color: var(--bs-toast-header-color);
  background-color: var(--bs-toast-header-bg);
  background-clip: padding-box;
  border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);
  border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
  border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
}
.toast-header .btn-close {
  margin-right: calc(-.5 * var(--bs-toast-padding-x));
  margin-left: var(--bs-toast-padding-x);
}
.toast-body {
  padding: var(--bs-toast-padding-x);
  word-wrap: break-word;
}
.modal {
  --bs-modal-zindex: 1055;
  --bs-modal-width: 500px;
  --bs-modal-padding: 1rem;
  --bs-modal-margin: 0.5rem;
  --bs-modal-color: ;
  --bs-modal-bg: var(--bs-body-bg);
  --bs-modal-border-color: var(--bs-border-color-translucent);
  --bs-modal-border-width: var(--bs-border-width);
  --bs-modal-border-radius: var(--bs-border-radius-lg);
  --bs-modal-box-shadow: var(--bs-box-shadow-sm);
  --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));
  --bs-modal-header-padding-x: 1rem;
  --bs-modal-header-padding-y: 1rem;
  --bs-modal-header-padding: 1rem 1rem;
  --bs-modal-header-border-color: var(--bs-border-color);
  --bs-modal-header-border-width: var(--bs-border-width);
  --bs-modal-title-line-height: 1.5;
  --bs-modal-footer-gap: 0.5rem;
  --bs-modal-footer-bg: ;
  --bs-modal-footer-border-color: var(--bs-border-color);
  --bs-modal-footer-border-width: var(--bs-border-width);
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-modal-zindex);
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: var(--bs-modal-margin);
  pointer-events: none;
}
.modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
  transform: translate(0, -50px);
}
@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}
.modal.show .modal-dialog {
  transform: none;
}
.modal.modal-static .modal-dialog {
  transform: scale(1.02);
}
.modal-dialog-scrollable {
  height: calc(100% - var(--bs-modal-margin) * 2);
}
.modal-dialog-scrollable .modal-content {
  max-height: 100%;
  overflow: hidden;
}
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}
.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - var(--bs-modal-margin) * 2);
}
.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  color: var(--bs-modal-color);
  pointer-events: auto;
  background-color: var(--bs-modal-bg);
  background-clip: padding-box;
  border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
  border-radius: var(--bs-modal-border-radius);
  outline: 0;
}
.modal-backdrop {
  --bs-backdrop-zindex: 1050;
  --bs-backdrop-bg: #000;
  --bs-backdrop-opacity: 0.5;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-backdrop-zindex);
  width: 100vw;
  height: 100vh;
  background-color: var(--bs-backdrop-bg);
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: var(--bs-backdrop-opacity);
}
.modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  padding: var(--bs-modal-header-padding);
  border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
  border-top-left-radius: var(--bs-modal-inner-border-radius);
  border-top-right-radius: var(--bs-modal-inner-border-radius);
}
.modal-header .btn-close {
  padding: calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);
  margin: calc(-.5 * var(--bs-modal-header-padding-y)) calc(-.5 * var(--bs-modal-header-padding-x)) calc(-.5 * var(--bs-modal-header-padding-y)) auto;
}
.modal-title {
  margin-bottom: 0;
  line-height: var(--bs-modal-title-line-height);
}
.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: var(--bs-modal-padding);
}
.modal-footer {
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5);
  background-color: var(--bs-modal-footer-bg);
  border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
  border-bottom-right-radius: var(--bs-modal-inner-border-radius);
  border-bottom-left-radius: var(--bs-modal-inner-border-radius);
}
.modal-footer > * {
  margin: calc(var(--bs-modal-footer-gap) * .5);
}
@media (min-width: 576px) {
  .modal {
    --bs-modal-margin: 1.75rem;
    --bs-modal-box-shadow: var(--bs-box-shadow);
  }
  .modal-dialog {
    max-width: var(--bs-modal-width);
    margin-right: auto;
    margin-left: auto;
  }
  .modal-sm {
    --bs-modal-width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg, .modal-xl {
    --bs-modal-width: 800px;
  }
}
@media (min-width: 1200px) {
  .modal-xl {
    --bs-modal-width: 1140px;
  }
}
.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0;
}
.modal-fullscreen .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0;
}
.modal-fullscreen .modal-header, .modal-fullscreen .modal-footer {
  border-radius: 0;
}
.modal-fullscreen .modal-body {
  overflow-y: auto;
}
@media (max-width: 575.98px) {
  .modal-fullscreen-sm-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-sm-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-header, .modal-fullscreen-sm-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 767.98px) {
  .modal-fullscreen-md-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-md-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-header, .modal-fullscreen-md-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 991.98px) {
  .modal-fullscreen-lg-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-lg-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-header, .modal-fullscreen-lg-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 1199.98px) {
  .modal-fullscreen-xl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-header, .modal-fullscreen-xl-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 1399.98px) {
  .modal-fullscreen-xxl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xxl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-header, .modal-fullscreen-xxl-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-body {
    overflow-y: auto;
  }
}
.tooltip {
  --bs-tooltip-zindex: 1080;
  --bs-tooltip-max-width: 200px;
  --bs-tooltip-padding-x: 0.5rem;
  --bs-tooltip-padding-y: 0.25rem;
  --bs-tooltip-margin: ;
  --bs-tooltip-font-size: 0.8203125rem;
  --bs-tooltip-color: var(--bs-body-bg);
  --bs-tooltip-bg: var(--bs-emphasis-color);
  --bs-tooltip-border-radius: var(--bs-border-radius);
  --bs-tooltip-opacity: 0.9;
  --bs-tooltip-arrow-width: 0.8rem;
  --bs-tooltip-arrow-height: 0.4rem;
  z-index: var(--bs-tooltip-zindex);
  display: block;
  margin: var(--bs-tooltip-margin);
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--bs-tooltip-font-size);
  word-wrap: break-word;
  opacity: 0;
}
.tooltip.show {
  opacity: var(--bs-tooltip-opacity);
}
.tooltip .tooltip-arrow {
  display: block;
  width: var(--bs-tooltip-arrow-width);
  height: var(--bs-tooltip-arrow-height);
}
.tooltip .tooltip-arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}
.bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow {
  bottom: calc(-1 * var(--bs-tooltip-arrow-height));
}
.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before {
  top: -1px;
  border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;
  border-top-color: var(--bs-tooltip-bg);
}
/* rtl:begin:ignore */
.bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow {
  left: calc(-1 * var(--bs-tooltip-arrow-height));
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width);
}
.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::before {
  right: -1px;
  border-width: calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;
  border-right-color: var(--bs-tooltip-bg);
}
/* rtl:end:ignore */
.bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow {
  top: calc(-1 * var(--bs-tooltip-arrow-height));
}
.bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::before {
  bottom: -1px;
  border-width: 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);
  border-bottom-color: var(--bs-tooltip-bg);
}
/* rtl:begin:ignore */
.bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow {
  right: calc(-1 * var(--bs-tooltip-arrow-height));
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width);
}
.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before {
  left: -1px;
  border-width: calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);
  border-left-color: var(--bs-tooltip-bg);
}
/* rtl:end:ignore */
.tooltip-inner {
  max-width: var(--bs-tooltip-max-width);
  padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
  color: var(--bs-tooltip-color);
  text-align: center;
  background-color: var(--bs-tooltip-bg);
  border-radius: var(--bs-tooltip-border-radius);
}
.popover {
  --bs-popover-zindex: 1070;
  --bs-popover-max-width: 300px;
  --bs-popover-font-size: 0.8203125rem;
  --bs-popover-bg: var(--bs-body-bg);
  --bs-popover-border-width: var(--bs-border-width);
  --bs-popover-border-color: var(--bs-border-color-translucent);
  --bs-popover-border-radius: var(--bs-border-radius-lg);
  --bs-popover-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width));
  --bs-popover-box-shadow: var(--bs-box-shadow);
  --bs-popover-header-padding-x: 1rem;
  --bs-popover-header-padding-y: 0.5rem;
  --bs-popover-header-font-size: 0.9375rem;
  --bs-popover-header-color: inherit;
  --bs-popover-header-bg: var(--bs-secondary-bg);
  --bs-popover-body-padding-x: 1rem;
  --bs-popover-body-padding-y: 1rem;
  --bs-popover-body-color: var(--bs-body-color);
  --bs-popover-arrow-width: 1rem;
  --bs-popover-arrow-height: 0.5rem;
  --bs-popover-arrow-border: var(--bs-popover-border-color);
  z-index: var(--bs-popover-zindex);
  display: block;
  max-width: var(--bs-popover-max-width);
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--bs-popover-font-size);
  word-wrap: break-word;
  background-color: var(--bs-popover-bg);
  background-clip: padding-box;
  border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-radius: var(--bs-popover-border-radius);
}
.popover .popover-arrow {
  display: block;
  width: var(--bs-popover-arrow-width);
  height: var(--bs-popover-arrow-height);
}
.popover .popover-arrow::before, .popover .popover-arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
  border-width: 0;
}
.bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow {
  bottom: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
}
.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::before, .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::after {
  border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0;
}
.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::before {
  bottom: 0;
  border-top-color: var(--bs-popover-arrow-border);
}
.bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::after {
  bottom: var(--bs-popover-border-width);
  border-top-color: var(--bs-popover-bg);
}
/* rtl:begin:ignore */
.bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow {
  left: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width);
}
.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::before, .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::after {
  border-width: calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0;
}
.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::before {
  left: 0;
  border-right-color: var(--bs-popover-arrow-border);
}
.bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::after {
  left: var(--bs-popover-border-width);
  border-right-color: var(--bs-popover-bg);
}
/* rtl:end:ignore */
.bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow {
  top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
}
.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::after {
  border-width: 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height);
}
.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::before {
  top: 0;
  border-bottom-color: var(--bs-popover-arrow-border);
}
.bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::after {
  top: var(--bs-popover-border-width);
  border-bottom-color: var(--bs-popover-bg);
}
.bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^="bottom"] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: var(--bs-popover-arrow-width);
  margin-left: calc(-.5 * var(--bs-popover-arrow-width));
  content: "";
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg);
}
/* rtl:begin:ignore */
.bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow {
  right: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width);
}
.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::before, .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::after {
  border-width: calc(var(--bs-popover-arrow-width) * .5) 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height);
}
.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::before {
  right: 0;
  border-left-color: var(--bs-popover-arrow-border);
}
.bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::after {
  right: var(--bs-popover-border-width);
  border-left-color: var(--bs-popover-bg);
}
/* rtl:end:ignore */
.popover-header {
  padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
  margin-bottom: 0;
  font-size: var(--bs-popover-header-font-size);
  color: var(--bs-popover-header-color);
  background-color: var(--bs-popover-header-bg);
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-top-left-radius: var(--bs-popover-inner-border-radius);
  border-top-right-radius: var(--bs-popover-inner-border-radius);
}
.popover-header:empty {
  display: none;
}
.popover-body {
  padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
  color: var(--bs-popover-body-color);
}
.carousel {
  position: relative;
}
.carousel.pointer-event {
  touch-action: pan-y;
}
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner::after {
  display: block;
  clear: both;
  content: "";
}
.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  backface-visibility: hidden;
  transition: transform 0.6s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-item {
    transition: none;
  }
}
.carousel-item.active, .carousel-item-next, .carousel-item-prev {
  display: block;
}
.carousel-item-next:not(.carousel-item-start), .active.carousel-item-end {
  transform: translateX(100%);
}
.carousel-item-prev:not(.carousel-item-end), .active.carousel-item-start {
  transform: translateX(-100%);
}
.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  transform: none;
}
.carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-start, .carousel-fade .carousel-item-prev.carousel-item-end {
  z-index: 1;
  opacity: 1;
}
.carousel-fade .active.carousel-item-start, .carousel-fade .active.carousel-item-end {
  z-index: 0;
  opacity: 0;
  transition: opacity 0s 0.6s;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-fade .active.carousel-item-start, .carousel-fade .active.carousel-item-end {
    transition: none;
  }
}
.carousel-control-prev, .carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  padding: 0;
  color: #fff;
  text-align: center;
  background: none;
  border: 0;
  opacity: 0.5;
  transition: opacity 0.15s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-control-prev, .carousel-control-next {
    transition: none;
  }
}
.carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}
.carousel-control-prev {
  left: 0;
}
.carousel-control-next {
  right: 0;
}
.carousel-control-prev-icon, .carousel-control-next-icon {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100% 100%;
}
.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e") /*rtl:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")*/;
}
.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") /*rtl:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")*/;
}
.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  padding: 0;
  margin-right: 15%;
  margin-bottom: 1rem;
  margin-left: 15%;
}
.carousel-indicators [data-bs-target] {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  padding: 0;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: 0.5;
  transition: opacity 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-indicators [data-bs-target] {
    transition: none;
  }
}
.carousel-indicators .active {
  opacity: 1;
}
.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 1.25rem;
  left: 15%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  color: #fff;
  text-align: center;
}
.carousel-dark .carousel-control-prev-icon, .carousel-dark .carousel-control-next-icon {
  filter: invert(1) grayscale(100);
}
.carousel-dark .carousel-indicators [data-bs-target] {
  background-color: #000;
}
.carousel-dark .carousel-caption {
  color: #000;
}
[data-bs-theme="dark"] .carousel .carousel-control-prev-icon, [data-bs-theme="dark"] .carousel .carousel-control-next-icon, [data-bs-theme="dark"].carousel .carousel-control-prev-icon, [data-bs-theme="dark"].carousel .carousel-control-next-icon {
  filter: invert(1) grayscale(100);
}
[data-bs-theme="dark"] .carousel .carousel-indicators [data-bs-target], [data-bs-theme="dark"].carousel .carousel-indicators [data-bs-target] {
  background-color: #000;
}
[data-bs-theme="dark"] .carousel .carousel-caption, [data-bs-theme="dark"].carousel .carousel-caption {
  color: #000;
}
.spinner-grow, .spinner-border {
  display: inline-block;
  width: var(--bs-spinner-width);
  height: var(--bs-spinner-height);
  vertical-align: var(--bs-spinner-vertical-align);
  border-radius: 50%;
  animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);
}
@keyframes spinner-border {
  to {
    transform: rotate(360deg) /* rtl:ignore */;
  }
}
.spinner-border {
  --bs-spinner-width: 2rem;
  --bs-spinner-height: 2rem;
  --bs-spinner-vertical-align: -0.125em;
  --bs-spinner-border-width: 0.25em;
  --bs-spinner-animation-speed: 0.75s;
  --bs-spinner-animation-name: spinner-border;
  border: var(--bs-spinner-border-width) solid currentcolor;
  border-right-color: transparent;
}
.spinner-border-sm {
  --bs-spinner-width: 1rem;
  --bs-spinner-height: 1rem;
  --bs-spinner-border-width: 0.2em;
}
@keyframes spinner-grow {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
    transform: none;
  }
}
.spinner-grow {
  --bs-spinner-width: 2rem;
  --bs-spinner-height: 2rem;
  --bs-spinner-vertical-align: -0.125em;
  --bs-spinner-animation-speed: 0.75s;
  --bs-spinner-animation-name: spinner-grow;
  background-color: currentcolor;
  opacity: 0;
}
.spinner-grow-sm {
  --bs-spinner-width: 1rem;
  --bs-spinner-height: 1rem;
}
@media (prefers-reduced-motion: reduce) {
  .spinner-border, .spinner-grow {
    --bs-spinner-animation-speed: 1.5s;
  }
}
.offcanvas-sm, .offcanvas-md, .offcanvas-lg, .offcanvas-xl, .offcanvas-xxl, .offcanvas {
  --bs-offcanvas-zindex: 1045;
  --bs-offcanvas-width: 400px;
  --bs-offcanvas-height: 30vh;
  --bs-offcanvas-padding-x: 1rem;
  --bs-offcanvas-padding-y: 1rem;
  --bs-offcanvas-color: var(--bs-body-color);
  --bs-offcanvas-bg: var(--bs-body-bg);
  --bs-offcanvas-border-width: var(--bs-border-width);
  --bs-offcanvas-border-color: var(--bs-border-color-translucent);
  --bs-offcanvas-box-shadow: var(--bs-box-shadow-sm);
  --bs-offcanvas-transition: transform 0.3s ease-in-out;
  --bs-offcanvas-title-line-height: 1.5;
}
@media (max-width: 575.98px) {
  .offcanvas-sm {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
  .offcanvas-sm.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-sm.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-sm.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-sm.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-sm.showing, .offcanvas-sm.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-sm.showing, .offcanvas-sm.hiding, .offcanvas-sm.show {
    visibility: visible;
  }
}
@media (max-width: 575.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-sm {
    transition: none;
  }
}
@media (min-width: 576px) {
  .offcanvas-sm {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-sm .offcanvas-header {
    display: none;
  }
  .offcanvas-sm .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}
@media (max-width: 767.98px) {
  .offcanvas-md {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
  .offcanvas-md.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-md.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-md.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-md.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-md.showing, .offcanvas-md.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-md.showing, .offcanvas-md.hiding, .offcanvas-md.show {
    visibility: visible;
  }
}
@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-md {
    transition: none;
  }
}
@media (min-width: 768px) {
  .offcanvas-md {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-md .offcanvas-header {
    display: none;
  }
  .offcanvas-md .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}
@media (max-width: 991.98px) {
  .offcanvas-lg {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
  .offcanvas-lg.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-lg.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-lg.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-lg.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-lg.showing, .offcanvas-lg.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-lg.showing, .offcanvas-lg.hiding, .offcanvas-lg.show {
    visibility: visible;
  }
}
@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-lg {
    transition: none;
  }
}
@media (min-width: 992px) {
  .offcanvas-lg {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-lg .offcanvas-header {
    display: none;
  }
  .offcanvas-lg .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}
@media (max-width: 1199.98px) {
  .offcanvas-xl {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
  .offcanvas-xl.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-xl.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-xl.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-xl.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-xl.showing, .offcanvas-xl.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-xl.showing, .offcanvas-xl.hiding, .offcanvas-xl.show {
    visibility: visible;
  }
}
@media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-xl {
    transition: none;
  }
}
@media (min-width: 1200px) {
  .offcanvas-xl {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-xl .offcanvas-header {
    display: none;
  }
  .offcanvas-xl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}
@media (max-width: 1399.98px) {
  .offcanvas-xxl {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
  .offcanvas-xxl.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-xxl.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-xxl.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-xxl.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-xxl.showing, .offcanvas-xxl.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-xxl.showing, .offcanvas-xxl.hiding, .offcanvas-xxl.show {
    visibility: visible;
  }
}
@media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-xxl {
    transition: none;
  }
}
@media (min-width: 1400px) {
  .offcanvas-xxl {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-xxl .offcanvas-header {
    display: none;
  }
  .offcanvas-xxl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}
.offcanvas {
  position: fixed;
  bottom: 0;
  z-index: var(--bs-offcanvas-zindex);
  display: flex;
  flex-direction: column;
  max-width: 100%;
  color: var(--bs-offcanvas-color);
  visibility: hidden;
  background-color: var(--bs-offcanvas-bg);
  background-clip: padding-box;
  outline: 0;
  transition: var(--bs-offcanvas-transition);
}
@media (prefers-reduced-motion: reduce) {
  .offcanvas {
    transition: none;
  }
}
.offcanvas.offcanvas-start {
  top: 0;
  left: 0;
  width: var(--bs-offcanvas-width);
  border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateX(-100%);
}
.offcanvas.offcanvas-end {
  top: 0;
  right: 0;
  width: var(--bs-offcanvas-width);
  border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateX(100%);
}
.offcanvas.offcanvas-top {
  top: 0;
  right: 0;
  left: 0;
  height: var(--bs-offcanvas-height);
  max-height: 100%;
  border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateY(-100%);
}
.offcanvas.offcanvas-bottom {
  right: 0;
  left: 0;
  height: var(--bs-offcanvas-height);
  max-height: 100%;
  border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateY(100%);
}
.offcanvas.showing, .offcanvas.show:not(.hiding) {
  transform: none;
}
.offcanvas.showing, .offcanvas.hiding, .offcanvas.show {
  visibility: visible;
}
.offcanvas-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.offcanvas-backdrop.fade {
  opacity: 0;
}
.offcanvas-backdrop.show {
  opacity: 0.5;
}
.offcanvas-header {
  display: flex;
  align-items: center;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
}
.offcanvas-header .btn-close {
  padding: calc(var(--bs-offcanvas-padding-y) * .5) calc(var(--bs-offcanvas-padding-x) * .5);
  margin: calc(-.5 * var(--bs-offcanvas-padding-y)) calc(-.5 * var(--bs-offcanvas-padding-x)) calc(-.5 * var(--bs-offcanvas-padding-y)) auto;
}
.offcanvas-title {
  margin-bottom: 0;
  line-height: var(--bs-offcanvas-title-line-height);
}
.offcanvas-body {
  flex-grow: 1;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
  overflow-y: auto;
}
.placeholder {
  display: inline-block;
  min-height: 1em;
  vertical-align: middle;
  cursor: wait;
  background-color: currentcolor;
  opacity: 0.5;
}
.placeholder.btn::before, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.placeholder.collapseexpand::before, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.placeholder.collapseexpand::before, #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.placeholder.collapseexpand::before, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) a.placeholder::before, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging a.placeholder::before, .activity-navigation .placeholder#prev-activity-link::before, .activity-navigation .placeholder#next-activity-link::before, .section-navigation .prevsection a.placeholder::before, .section-navigation .nextsection a.placeholder::before {
  display: inline-block;
  content: "";
}
.placeholder-xs {
  min-height: 0.6em;
}
.placeholder-sm {
  min-height: 0.8em;
}
.placeholder-lg {
  min-height: 1.2em;
}
.placeholder-glow .placeholder {
  animation: placeholder-glow 2s ease-in-out infinite;
}
@keyframes placeholder-glow {
  50% {
    opacity: 0.2;
  }
}
.placeholder-wave {
  mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
  mask-size: 200% 100%;
  animation: placeholder-wave 2s linear infinite;
}
@keyframes placeholder-wave {
  100% {
    mask-position: -200% 0%;
  }
}
.clearfix::after {
  display: block;
  clear: both;
  content: "";
}
.text-bg-primary {
  color: #fff !important;
  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-secondary {
  color: #000 !important;
  background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-success {
  color: #fff !important;
  background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-info {
  color: #fff !important;
  background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-warning {
  color: #000 !important;
  background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-danger {
  color: #fff !important;
  background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-light {
  color: #000 !important;
  background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-dark {
  color: #fff !important;
  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity, 1)) !important;
}
.link-primary {
  color: rgba(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-primary:hover, .link-primary:focus {
  color: rgba(18, 86, 94, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: rgba(18, 86, 94, var(--bs-link-underline-opacity, 1)) !important;
}
.link-secondary {
  color: rgba(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-secondary:hover, .link-secondary:focus {
  color: rgba(216, 221, 225, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: rgba(216, 221, 225, var(--bs-link-underline-opacity, 1)) !important;
}
.link-success {
  color: rgba(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-success:hover, .link-success:focus {
  color: rgba(31, 88, 0, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: rgba(31, 88, 0, var(--bs-link-underline-opacity, 1)) !important;
}
.link-info {
  color: rgba(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-info:hover, .link-info:focus {
  color: rgba(2, 41, 148, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: rgba(2, 41, 148, var(--bs-link-underline-opacity, 1)) !important;
}
.link-warning {
  color: rgba(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-warning:hover, .link-warning:focus {
  color: rgba(242, 167, 51, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: rgba(242, 167, 51, var(--bs-link-underline-opacity, 1)) !important;
}
.link-danger {
  color: rgba(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-danger:hover, .link-danger:focus {
  color: rgba(138, 22, 0, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: rgba(138, 22, 0, var(--bs-link-underline-opacity, 1)) !important;
}
.link-light {
  color: rgba(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-light:hover, .link-light:focus {
  color: rgba(249, 250, 251, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: rgba(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important;
}
.link-dark {
  color: rgba(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-dark:hover, .link-dark:focus {
  color: rgba(23, 26, 30, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: rgba(23, 26, 30, var(--bs-link-underline-opacity, 1)) !important;
}
.link-body-emphasis {
  color: rgba(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: rgba(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-body-emphasis:hover, .link-body-emphasis:focus {
  color: rgba(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 0.75)) !important;
  text-decoration-color: rgba(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important;
}
.focus-ring:focus {
  outline: 0;
  box-shadow: var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color);
}
.icon-link {
  display: inline-flex;
  gap: 0.375rem;
  align-items: center;
  text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5));
  text-underline-offset: 0.25em;
  backface-visibility: hidden;
}
.icon-link > .bi {
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  fill: currentcolor;
  transition: 0.2s ease-in-out transform;
}
@media (prefers-reduced-motion: reduce) {
  .icon-link > .bi {
    transition: none;
  }
}
.icon-link-hover:hover > .bi, .icon-link-hover:focus-visible > .bi {
  transform: var(--bs-icon-link-transform, translate3d(0.25em, 0, 0));
}
.ratio {
  position: relative;
  width: 100%;
}
.ratio::before {
  display: block;
  padding-top: var(--bs-aspect-ratio);
  content: "";
}
.ratio > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ratio-1x1 {
  --bs-aspect-ratio: 100%;
}
.ratio-4x3 {
  --bs-aspect-ratio: calc(3 / 4 * 100%);
}
.ratio-16x9 {
  --bs-aspect-ratio: calc(9 / 16 * 100%);
}
.ratio-21x9 {
  --bs-aspect-ratio: calc(9 / 21 * 100%);
}
.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}
.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}
.sticky-top {
  position: sticky;
  top: 0;
  z-index: 1020;
}
.sticky-bottom {
  position: sticky;
  bottom: 0;
  z-index: 1020;
}
@media (min-width: 576px) {
  .sticky-sm-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-sm-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 768px) {
  .sticky-md-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-md-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 992px) {
  .sticky-lg-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-lg-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 1200px) {
  .sticky-xl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-xl-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 1400px) {
  .sticky-xxl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-xxl-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
.hstack {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: stretch;
}
.vstack {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-self: stretch;
}
.visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) {
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.visually-hidden:not(caption), .visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) {
  position: absolute !important;
}
.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
}
.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.vr {
  display: inline-block;
  align-self: stretch;
  width: var(--bs-border-width);
  min-height: 1em;
  background-color: currentcolor;
  opacity: 0.15;
}
.align-baseline {
  vertical-align: baseline !important;
}
.align-top, [data-filterregion="value"] div:first-of-type {
  vertical-align: top !important;
}
.align-middle, .reportbuilder-table td {
  vertical-align: middle !important;
}
.align-bottom {
  vertical-align: bottom !important;
}
.align-text-bottom {
  vertical-align: text-bottom !important;
}
.align-text-top {
  vertical-align: text-top !important;
}
.float-start {
  float: left !important;
}
.float-end {
  float: right !important;
}
.float-none {
  float: none !important;
}
.object-fit-contain {
  object-fit: contain !important;
}
.object-fit-cover {
  object-fit: cover !important;
}
.object-fit-fill {
  object-fit: fill !important;
}
.object-fit-scale {
  object-fit: scale-down !important;
}
.object-fit-none {
  object-fit: none !important;
}
.opacity-0 {
  opacity: 0 !important;
}
.opacity-25 {
  opacity: 0.25 !important;
}
.opacity-50 {
  opacity: 0.5 !important;
}
.opacity-75 {
  opacity: 0.75 !important;
}
.opacity-100 {
  opacity: 1 !important;
}
.overflow-auto {
  overflow: auto !important;
}
.overflow-hidden {
  overflow: hidden !important;
}
.overflow-visible {
  overflow: visible !important;
}
.overflow-scroll {
  overflow: scroll !important;
}
.overflow-x-auto {
  overflow-x: auto !important;
}
.overflow-x-hidden {
  overflow-x: hidden !important;
}
.overflow-x-visible {
  overflow-x: visible !important;
}
.overflow-x-scroll {
  overflow-x: scroll !important;
}
.overflow-y-auto {
  overflow-y: auto !important;
}
.overflow-y-hidden {
  overflow-y: hidden !important;
}
.overflow-y-visible {
  overflow-y: visible !important;
}
.overflow-y-scroll {
  overflow-y: scroll !important;
}
.d-inline {
  display: inline !important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-block {
  display: block !important;
}
.d-grid {
  display: grid !important;
}
.d-inline-grid {
  display: inline-grid !important;
}
.d-table {
  display: table !important;
}
.d-table-row {
  display: table-row !important;
}
.d-table-cell {
  display: table-cell !important;
}
.d-flex {
  display: flex !important;
}
.d-inline-flex {
  display: inline-flex !important;
}
.d-none {
  display: none !important;
}
.shadow, .pagelayout-frontpage .theme_boost_union-catlisting > .content > .subcategories .category .theme_boost_union-courselisting, .pagelayout-coursecategory .theme_boost_union-catlisting > .content > .subcategories .category .theme_boost_union-courselisting, #page-course-search .theme_boost_union-catlisting > .content > .subcategories .category .theme_boost_union-courselisting {
  box-shadow: var(--bs-box-shadow) !important;
}
.shadow-sm {
  box-shadow: var(--bs-box-shadow-sm) !important;
}
.shadow-lg {
  box-shadow: var(--bs-box-shadow-lg) !important;
}
.shadow-none {
  box-shadow: none !important;
}
.focus-ring-primary {
  --bs-focus-ring-color: rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-secondary {
  --bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-success {
  --bs-focus-ring-color: rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-info {
  --bs-focus-ring-color: rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-warning {
  --bs-focus-ring-color: rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-danger {
  --bs-focus-ring-color: rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-light {
  --bs-focus-ring-color: rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-dark {
  --bs-focus-ring-color: rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity));
}
.position-static {
  position: static !important;
}
.position-relative {
  position: relative !important;
}
.position-absolute {
  position: absolute !important;
}
.position-fixed {
  position: fixed !important;
}
.position-sticky {
  position: sticky !important;
}
.top-0 {
  top: 0 !important;
}
.top-50 {
  top: 50% !important;
}
.top-100 {
  top: 100% !important;
}
.bottom-0 {
  bottom: 0 !important;
}
.bottom-50 {
  bottom: 50% !important;
}
.bottom-100 {
  bottom: 100% !important;
}
.start-0 {
  left: 0 !important;
}
.start-50 {
  left: 50% !important;
}
.start-100 {
  left: 100% !important;
}
.end-0 {
  right: 0 !important;
}
.end-50 {
  right: 50% !important;
}
.end-100 {
  right: 100% !important;
}
.translate-middle {
  transform: translate(-50%, -50%) !important;
}
.translate-middle-x {
  transform: translateX(-50%) !important;
}
.translate-middle-y {
  transform: translateY(-50%) !important;
}
.border, .pagelayout-frontpage .theme_boost_union-coursecategoryinfo, .pagelayout-coursecategory .theme_boost_union-coursecategoryinfo, #page-course-search .theme_boost_union-coursecategoryinfo, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions, #page-course-search .theme_boost_union-catlisting > .collapsible-actions, .pagelayout-frontpage .theme_boost_union-catlisting > .content > .subcategories, .pagelayout-coursecategory .theme_boost_union-catlisting > .content > .subcategories, #page-course-search .theme_boost_union-catlisting > .content > .subcategories, .pagelayout-frontpage .theme_boost_union-catlisting > .content > .subcategories .category .theme_boost_union-courselisting, .pagelayout-coursecategory .theme_boost_union-catlisting > .content > .subcategories .category .theme_boost_union-courselisting, #page-course-search .theme_boost_union-catlisting > .content > .subcategories .category .theme_boost_union-courselisting, #bucourseheader.headingabove .withoutimage .courseheadersticker, #bucourseheader.stacked .withoutimage .courseheadersticker {
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-0 {
  border: 0 !important;
}
.border-top, .activity-navigation {
  border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-top-0 {
  border-top: 0 !important;
}
.border-end {
  border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-end-0 {
  border-right: 0 !important;
}
.border-bottom, .pagelayout-frontpage .theme_boost_union-catlisting > .content > .subcategories > .category, .pagelayout-coursecategory .theme_boost_union-catlisting > .content > .subcategories > .category, #page-course-search .theme_boost_union-catlisting > .content > .subcategories > .category, .pagelayout-frontpage .theme_boost_union-catlisting > .content > .subcategories > .category:not(.collapsed), .pagelayout-coursecategory .theme_boost_union-catlisting > .content > .subcategories > .category:not(.collapsed), #page-course-search .theme_boost_union-catlisting > .content > .subcategories > .category:not(.collapsed), .tool_usertours-resettourcontainer .usertour {
  border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-bottom-0, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions, #page-course-search .theme_boost_union-catlisting > .collapsible-actions, .pagelayout-frontpage .theme_boost_union-catlisting > .content > .subcategories > .category:last-child, .pagelayout-coursecategory .theme_boost_union-catlisting > .content > .subcategories > .category:last-child, #page-course-search .theme_boost_union-catlisting > .content > .subcategories > .category:last-child, .pagelayout-frontpage .theme_boost_union-catlisting > .content > .subcategories > .category:not(.collapsed):last-of-type, .pagelayout-coursecategory .theme_boost_union-catlisting > .content > .subcategories > .category:not(.collapsed):last-of-type, #page-course-search .theme_boost_union-catlisting > .content > .subcategories > .category:not(.collapsed):last-of-type {
  border-bottom: 0 !important;
}
.border-start {
  border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-start-0 {
  border-left: 0 !important;
}
.border-primary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important;
}
.border-secondary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important;
}
.border-success {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important;
}
.border-info {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important;
}
.border-warning {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important;
}
.border-danger {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important;
}
.border-light {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important;
}
.border-dark {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important;
}
.border-black {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important;
}
.border-white {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important;
}
.border-primary-subtle {
  border-color: var(--bs-primary-border-subtle) !important;
}
.border-secondary-subtle {
  border-color: var(--bs-secondary-border-subtle) !important;
}
.border-success-subtle {
  border-color: var(--bs-success-border-subtle) !important;
}
.border-info-subtle {
  border-color: var(--bs-info-border-subtle) !important;
}
.border-warning-subtle {
  border-color: var(--bs-warning-border-subtle) !important;
}
.border-danger-subtle {
  border-color: var(--bs-danger-border-subtle) !important;
}
.border-light-subtle {
  border-color: var(--bs-light-border-subtle) !important;
}
.border-dark-subtle {
  border-color: var(--bs-dark-border-subtle) !important;
}
.border-1 {
  border-width: 1px !important;
}
.border-2 {
  border-width: 2px !important;
}
.border-3 {
  border-width: 3px !important;
}
.border-4 {
  border-width: 4px !important;
}
.border-5 {
  border-width: 5px !important;
}
.border-opacity-10 {
  --bs-border-opacity: 0.1;
}
.border-opacity-25 {
  --bs-border-opacity: 0.25;
}
.border-opacity-50 {
  --bs-border-opacity: 0.5;
}
.border-opacity-75 {
  --bs-border-opacity: 0.75;
}
.border-opacity-100 {
  --bs-border-opacity: 1;
}
.w-25 {
  width: 25% !important;
}
.w-50 {
  width: 50% !important;
}
.w-75 {
  width: 75% !important;
}
.w-100 {
  width: 100% !important;
}
.w-auto {
  width: auto !important;
}
.mw-100 {
  max-width: 100% !important;
}
.vw-100 {
  width: 100vw !important;
}
.min-vw-100 {
  min-width: 100vw !important;
}
.h-25 {
  height: 25% !important;
}
.h-50 {
  height: 50% !important;
}
.h-75 {
  height: 75% !important;
}
.h-100 {
  height: 100% !important;
}
.h-auto {
  height: auto !important;
}
.mh-100 {
  max-height: 100% !important;
}
.vh-100 {
  height: 100vh !important;
}
.min-vh-100 {
  min-height: 100vh !important;
}
.flex-fill, .reportbuilder-report-container {
  flex: 1 1 auto !important;
}
.flex-row {
  flex-direction: row !important;
}
.flex-column {
  flex-direction: column !important;
}
.flex-row-reverse {
  flex-direction: row-reverse !important;
}
.flex-column-reverse {
  flex-direction: column-reverse !important;
}
.flex-grow-0 {
  flex-grow: 0 !important;
}
.flex-grow-1 {
  flex-grow: 1 !important;
}
.flex-shrink-0 {
  flex-shrink: 0 !important;
}
.flex-shrink-1 {
  flex-shrink: 1 !important;
}
.flex-wrap {
  flex-wrap: wrap !important;
}
.flex-nowrap {
  flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
.justify-content-start {
  justify-content: flex-start !important;
}
.justify-content-end {
  justify-content: flex-end !important;
}
.justify-content-center {
  justify-content: center !important;
}
.justify-content-between {
  justify-content: space-between !important;
}
.justify-content-around {
  justify-content: space-around !important;
}
.justify-content-evenly {
  justify-content: space-evenly !important;
}
.align-items-start {
  align-items: flex-start !important;
}
.align-items-end {
  align-items: flex-end !important;
}
.align-items-center {
  align-items: center !important;
}
.align-items-baseline {
  align-items: baseline !important;
}
.align-items-stretch {
  align-items: stretch !important;
}
.align-content-start {
  align-content: flex-start !important;
}
.align-content-end {
  align-content: flex-end !important;
}
.align-content-center {
  align-content: center !important;
}
.align-content-between {
  align-content: space-between !important;
}
.align-content-around {
  align-content: space-around !important;
}
.align-content-stretch {
  align-content: stretch !important;
}
.align-self-auto {
  align-self: auto !important;
}
.align-self-start {
  align-self: flex-start !important;
}
.align-self-end {
  align-self: flex-end !important;
}
.align-self-center {
  align-self: center !important;
}
.align-self-baseline {
  align-self: baseline !important;
}
.align-self-stretch {
  align-self: stretch !important;
}
.order-first {
  order: -1 !important;
}
.order-0 {
  order: 0 !important;
}
.order-1 {
  order: 1 !important;
}
.order-2 {
  order: 2 !important;
}
.order-3 {
  order: 3 !important;
}
.order-4 {
  order: 4 !important;
}
.order-5 {
  order: 5 !important;
}
.order-last {
  order: 6 !important;
}
.m-0 {
  margin: 0 !important;
}
.m-1 {
  margin: 0.25rem !important;
}
.m-2 {
  margin: 0.5rem !important;
}
.m-3 {
  margin: 1rem !important;
}
.m-4 {
  margin: 1.5rem !important;
}
.m-5 {
  margin: 2rem !important;
}
.m-6 {
  margin: 3rem !important;
}
.m-auto {
  margin: auto !important;
}
.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}
.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}
.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}
.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}
.mx-5 {
  margin-right: 2rem !important;
  margin-left: 2rem !important;
}
.mx-6 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}
.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}
.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}
.my-2, .pagelayout-frontpage .theme_boost_union-catlisting > .content > .subcategories .category .theme_boost_union-courselisting, .pagelayout-coursecategory .theme_boost_union-catlisting > .content > .subcategories .category .theme_boost_union-courselisting, #page-course-search .theme_boost_union-catlisting > .content > .subcategories .category .theme_boost_union-courselisting {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}
.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}
.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}
.my-5 {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}
.my-6 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}
.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.mt-0 {
  margin-top: 0 !important;
}
.mt-1 {
  margin-top: 0.25rem !important;
}
.mt-2 {
  margin-top: 0.5rem !important;
}
.mt-3 {
  margin-top: 1rem !important;
}
.mt-4, .pagelayout-frontpage .theme_boost_union-catlisting.theme_boost_union-catlisting-cl > .content > .subcategories .category.with_children:not(.collapsed) > .content > .courses, .pagelayout-coursecategory .theme_boost_union-catlisting.theme_boost_union-catlisting-cl > .content > .subcategories .category.with_children:not(.collapsed) > .content > .courses, #page-course-search .theme_boost_union-catlisting.theme_boost_union-catlisting-cl > .content > .subcategories .category.with_children:not(.collapsed) > .content > .courses {
  margin-top: 1.5rem !important;
}
.mt-5 {
  margin-top: 2rem !important;
}
.mt-6 {
  margin-top: 3rem !important;
}
.mt-auto {
  margin-top: auto !important;
}
.me-0, #bucourseheader.headingabove .header-action button i, #bucourseheader.stacked .header-action button i {
  margin-right: 0 !important;
}
.me-1 {
  margin-right: 0.25rem !important;
}
.me-2 {
  margin-right: 0.5rem !important;
}
.me-3 {
  margin-right: 1rem !important;
}
.me-4 {
  margin-right: 1.5rem !important;
}
.me-5 {
  margin-right: 2rem !important;
}
.me-6 {
  margin-right: 3rem !important;
}
.me-auto {
  margin-right: auto !important;
}
.mb-0, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions, #page-course-search .theme_boost_union-catlisting > .collapsible-actions {
  margin-bottom: 0 !important;
}
.mb-1 {
  margin-bottom: 0.25rem !important;
}
.mb-2 {
  margin-bottom: 0.5rem !important;
}
.mb-3, .pagelayout-frontpage .theme_boost_union-coursecategoryinfo, .pagelayout-coursecategory .theme_boost_union-coursecategoryinfo, #page-course-search .theme_boost_union-coursecategoryinfo, .pagelayout-frontpage .theme_boost_union-catlisting > .content > .subcategories, .pagelayout-coursecategory .theme_boost_union-catlisting > .content > .subcategories, #page-course-search .theme_boost_union-catlisting > .content > .subcategories, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) a, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging a {
  margin-bottom: 1rem !important;
}
.mb-4 {
  margin-bottom: 1.5rem !important;
}
.mb-5 {
  margin-bottom: 2rem !important;
}
.mb-6 {
  margin-bottom: 3rem !important;
}
.mb-auto {
  margin-bottom: auto !important;
}
.ms-0 {
  margin-left: 0 !important;
}
.ms-1 {
  margin-left: 0.25rem !important;
}
.ms-2 {
  margin-left: 0.5rem !important;
}
.ms-3 {
  margin-left: 1rem !important;
}
.ms-4 {
  margin-left: 1.5rem !important;
}
.ms-5 {
  margin-left: 2rem !important;
}
.ms-6 {
  margin-left: 3rem !important;
}
.ms-auto {
  margin-left: auto !important;
}
.p-0 {
  padding: 0 !important;
}
.p-1 {
  padding: 0.25rem !important;
}
.p-2 {
  padding: 0.5rem !important;
}
.p-3, .pagelayout-frontpage .theme_boost_union-coursecategoryinfo, .pagelayout-coursecategory .theme_boost_union-coursecategoryinfo, #page-course-search .theme_boost_union-coursecategoryinfo, .tool_usertours-resettourcontainer .usertour {
  padding: 1rem !important;
}
.p-4 {
  padding: 1.5rem !important;
}
.p-5 {
  padding: 2rem !important;
}
.p-6 {
  padding: 3rem !important;
}
.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}
.px-2, .pagelayout-frontpage .theme_boost_union-catlisting > .content > .subcategories > .category, .pagelayout-coursecategory .theme_boost_union-catlisting > .content > .subcategories > .category, #page-course-search .theme_boost_union-catlisting > .content > .subcategories > .category, .pagelayout-frontpage .theme_boost_union-catlisting.theme_boost_union-catlisting-cl > .content > .subcategories .category .theme_boost_union-courselisting-card, .pagelayout-coursecategory .theme_boost_union-catlisting.theme_boost_union-catlisting-cl > .content > .subcategories .category .theme_boost_union-courselisting-card, #page-course-search .theme_boost_union-catlisting.theme_boost_union-catlisting-cl > .content > .subcategories .category .theme_boost_union-courselisting-card {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}
.px-3, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions, #page-course-search .theme_boost_union-catlisting > .collapsible-actions, .pagelayout-frontpage .theme_boost_union-catlisting > .content > .subcategories .category .theme_boost_union-courselisting.theme_boost_union-courselisting-list, .pagelayout-coursecategory .theme_boost_union-catlisting > .content > .subcategories .category .theme_boost_union-courselisting.theme_boost_union-courselisting-list, #page-course-search .theme_boost_union-catlisting > .content > .subcategories .category .theme_boost_union-courselisting.theme_boost_union-courselisting-list {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}
.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}
.px-5 {
  padding-right: 2rem !important;
  padding-left: 2rem !important;
}
.px-6 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}
.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}
.py-2, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions, #page-course-search .theme_boost_union-catlisting > .collapsible-actions, .pagelayout-frontpage .theme_boost_union-catlisting.theme_boost_union-catlisting-cl > .content > .subcategories .category, .pagelayout-coursecategory .theme_boost_union-catlisting.theme_boost_union-catlisting-cl > .content > .subcategories .category, #page-course-search .theme_boost_union-catlisting.theme_boost_union-catlisting-cl > .content > .subcategories .category, .pagelayout-frontpage .theme_boost_union-catlisting.theme_boost_union-catlisting-cl > .content > .subcategories > .category[data-depth="1"]:last-child, .pagelayout-coursecategory .theme_boost_union-catlisting.theme_boost_union-catlisting-cl > .content > .subcategories > .category[data-depth="1"]:last-child, #page-course-search .theme_boost_union-catlisting.theme_boost_union-catlisting-cl > .content > .subcategories > .category[data-depth="1"]:last-child {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}
.py-5 {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}
.py-6 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}
.pt-0 {
  padding-top: 0 !important;
}
.pt-1 {
  padding-top: 0.25rem !important;
}
.pt-2 {
  padding-top: 0.5rem !important;
}
.pt-3 {
  padding-top: 1rem !important;
}
.pt-4 {
  padding-top: 1.5rem !important;
}
.pt-5, .activity-navigation, .section-navigation:nth-of-type(2) {
  padding-top: 2rem !important;
}
.pt-6 {
  padding-top: 3rem !important;
}
.pe-0, #bucourseheader.headingabove .header-action button, #bucourseheader.stacked .header-action button {
  padding-right: 0 !important;
}
.pe-1 {
  padding-right: 0.25rem !important;
}
.pe-2 {
  padding-right: 0.5rem !important;
}
.pe-3 {
  padding-right: 1rem !important;
}
.pe-4 {
  padding-right: 1.5rem !important;
}
.pe-5 {
  padding-right: 2rem !important;
}
.pe-6 {
  padding-right: 3rem !important;
}
.pb-0, .pagelayout-frontpage .theme_boost_union-catlisting.theme_boost_union-catlisting-cl > .content > .subcategories .category:last-child, .pagelayout-coursecategory .theme_boost_union-catlisting.theme_boost_union-catlisting-cl > .content > .subcategories .category:last-child, #page-course-search .theme_boost_union-catlisting.theme_boost_union-catlisting-cl > .content > .subcategories .category:last-child {
  padding-bottom: 0 !important;
}
.pb-1, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions, #page-course-search .theme_boost_union-catlisting > .collapsible-actions {
  padding-bottom: 0.25rem !important;
}
.pb-2, .pagelayout-frontpage .theme_boost_union-catlisting > .content > .subcategories > .category:last-child, .pagelayout-coursecategory .theme_boost_union-catlisting > .content > .subcategories > .category:last-child, #page-course-search .theme_boost_union-catlisting > .content > .subcategories > .category:last-child {
  padding-bottom: 0.5rem !important;
}
.pb-3 {
  padding-bottom: 1rem !important;
}
.pb-4 {
  padding-bottom: 1.5rem !important;
}
.pb-5 {
  padding-bottom: 2rem !important;
}
.pb-6 {
  padding-bottom: 3rem !important;
}
.ps-0 {
  padding-left: 0 !important;
}
.ps-1 {
  padding-left: 0.25rem !important;
}
.ps-2 {
  padding-left: 0.5rem !important;
}
.ps-3 {
  padding-left: 1rem !important;
}
.ps-4 {
  padding-left: 1.5rem !important;
}
.ps-5 {
  padding-left: 2rem !important;
}
.ps-6 {
  padding-left: 3rem !important;
}
.gap-0 {
  gap: 0 !important;
}
.gap-1 {
  gap: 0.25rem !important;
}
.gap-2 {
  gap: 0.5rem !important;
}
.gap-3 {
  gap: 1rem !important;
}
.gap-4 {
  gap: 1.5rem !important;
}
.gap-5 {
  gap: 2rem !important;
}
.gap-6 {
  gap: 3rem !important;
}
.row-gap-0 {
  row-gap: 0 !important;
}
.row-gap-1 {
  row-gap: 0.25rem !important;
}
.row-gap-2 {
  row-gap: 0.5rem !important;
}
.row-gap-3 {
  row-gap: 1rem !important;
}
.row-gap-4 {
  row-gap: 1.5rem !important;
}
.row-gap-5 {
  row-gap: 2rem !important;
}
.row-gap-6 {
  row-gap: 3rem !important;
}
.column-gap-0 {
  column-gap: 0 !important;
}
.column-gap-1 {
  column-gap: 0.25rem !important;
}
.column-gap-2 {
  column-gap: 0.5rem !important;
}
.column-gap-3 {
  column-gap: 1rem !important;
}
.column-gap-4 {
  column-gap: 1.5rem !important;
}
.column-gap-5 {
  column-gap: 2rem !important;
}
.column-gap-6 {
  column-gap: 3rem !important;
}
.font-monospace {
  font-family: var(--bs-font-monospace) !important;
}
.fs-1 {
  font-size: calc(1.359375rem + 1.3125vw) !important;
}
.fs-2 {
  font-size: calc(1.3125rem + 0.75vw) !important;
}
.fs-3 {
  font-size: calc(1.2890625rem + 0.46875vw) !important;
}
.fs-4 {
  font-size: calc(1.265625rem + 0.1875vw) !important;
}
.fs-5 {
  font-size: 1.171875rem !important;
}
.fs-6 {
  font-size: 0.9375rem !important;
}
.fst-italic {
  font-style: italic !important;
}
.fst-normal {
  font-style: normal !important;
}
.fw-lighter {
  font-weight: lighter !important;
}
.fw-light {
  font-weight: 300 !important;
}
.fw-normal {
  font-weight: 400 !important;
}
.fw-medium {
  font-weight: 500 !important;
}
.fw-semibold {
  font-weight: 600 !important;
}
.fw-bold {
  font-weight: 700 !important;
}
.fw-bolder {
  font-weight: bolder !important;
}
.lh-1 {
  line-height: 1 !important;
}
.lh-sm {
  line-height: 1.25 !important;
}
.lh-base {
  line-height: 1.5 !important;
}
.lh-lg {
  line-height: 2 !important;
}
.text-start {
  text-align: left !important;
}
.text-end, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper), #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging {
  text-align: right !important;
}
.text-center {
  text-align: center !important;
}
.text-decoration-none {
  text-decoration: none !important;
}
.text-decoration-underline {
  text-decoration: underline !important;
}
.text-decoration-line-through {
  text-decoration: line-through !important;
}
.text-lowercase {
  text-transform: lowercase !important;
}
.text-uppercase {
  text-transform: uppercase !important;
}
.text-capitalize {
  text-transform: capitalize !important;
}
.text-wrap {
  white-space: normal !important;
}
.text-nowrap {
  white-space: nowrap !important;
}
/* rtl:begin:remove */
.text-break {
  word-wrap: break-word !important;
  word-break: break-word !important;
}
/* rtl:end:remove */
.text-primary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}
.text-secondary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
}
.text-success {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
}
.text-info {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
}
.text-warning {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
}
.text-danger {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}
.text-light {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}
.text-dark {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}
.text-black {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
}
.text-white {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}
.text-body {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
}
.text-muted {
  --bs-text-opacity: 1;
  color: var(--bs-secondary-color) !important;
}
.text-black-50 {
  --bs-text-opacity: 1;
  color: rgba(0, 0, 0, 0.5) !important;
}
.text-white-50 {
  --bs-text-opacity: 1;
  color: rgba(255, 255, 255, 0.5) !important;
}
.text-body-secondary {
  --bs-text-opacity: 1;
  color: var(--bs-secondary-color) !important;
}
.text-body-tertiary {
  --bs-text-opacity: 1;
  color: var(--bs-tertiary-color) !important;
}
.text-body-emphasis {
  --bs-text-opacity: 1;
  color: var(--bs-emphasis-color) !important;
}
.text-reset {
  --bs-text-opacity: 1;
  color: inherit !important;
}
.text-opacity-25 {
  --bs-text-opacity: 0.25;
}
.text-opacity-50 {
  --bs-text-opacity: 0.5;
}
.text-opacity-75 {
  --bs-text-opacity: 0.75;
}
.text-opacity-100 {
  --bs-text-opacity: 1;
}
.text-primary-emphasis {
  color: var(--bs-primary-text-emphasis) !important;
}
.text-secondary-emphasis {
  color: var(--bs-secondary-text-emphasis) !important;
}
.text-success-emphasis {
  color: var(--bs-success-text-emphasis) !important;
}
.text-info-emphasis {
  color: var(--bs-info-text-emphasis) !important;
}
.text-warning-emphasis {
  color: var(--bs-warning-text-emphasis) !important;
}
.text-danger-emphasis {
  color: var(--bs-danger-text-emphasis) !important;
}
.text-light-emphasis {
  color: var(--bs-light-text-emphasis) !important;
}
.text-dark-emphasis {
  color: var(--bs-dark-text-emphasis) !important;
}
.link-opacity-10 {
  --bs-link-opacity: 0.1;
}
.link-opacity-10-hover:hover {
  --bs-link-opacity: 0.1;
}
.link-opacity-25 {
  --bs-link-opacity: 0.25;
}
.link-opacity-25-hover:hover {
  --bs-link-opacity: 0.25;
}
.link-opacity-50 {
  --bs-link-opacity: 0.5;
}
.link-opacity-50-hover:hover {
  --bs-link-opacity: 0.5;
}
.link-opacity-75 {
  --bs-link-opacity: 0.75;
}
.link-opacity-75-hover:hover {
  --bs-link-opacity: 0.75;
}
.link-opacity-100 {
  --bs-link-opacity: 1;
}
.link-opacity-100-hover:hover {
  --bs-link-opacity: 1;
}
.link-offset-1 {
  text-underline-offset: 0.125em !important;
}
.link-offset-1-hover:hover {
  text-underline-offset: 0.125em !important;
}
.link-offset-2 {
  text-underline-offset: 0.25em !important;
}
.link-offset-2-hover:hover {
  text-underline-offset: 0.25em !important;
}
.link-offset-3 {
  text-underline-offset: 0.375em !important;
}
.link-offset-3-hover:hover {
  text-underline-offset: 0.375em !important;
}
.link-underline-primary {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-secondary {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-success {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-info {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-warning {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-danger {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-light {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-dark {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-underline-opacity-0 {
  --bs-link-underline-opacity: 0;
}
.link-underline-opacity-0-hover:hover {
  --bs-link-underline-opacity: 0;
}
.link-underline-opacity-10 {
  --bs-link-underline-opacity: 0.1;
}
.link-underline-opacity-10-hover:hover {
  --bs-link-underline-opacity: 0.1;
}
.link-underline-opacity-25 {
  --bs-link-underline-opacity: 0.25;
}
.link-underline-opacity-25-hover:hover {
  --bs-link-underline-opacity: 0.25;
}
.link-underline-opacity-50 {
  --bs-link-underline-opacity: 0.5;
}
.link-underline-opacity-50-hover:hover {
  --bs-link-underline-opacity: 0.5;
}
.link-underline-opacity-75 {
  --bs-link-underline-opacity: 0.75;
}
.link-underline-opacity-75-hover:hover {
  --bs-link-underline-opacity: 0.75;
}
.link-underline-opacity-100 {
  --bs-link-underline-opacity: 1;
}
.link-underline-opacity-100-hover:hover {
  --bs-link-underline-opacity: 1;
}
.bg-primary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}
.bg-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
}
.bg-success {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
}
.bg-info {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
}
.bg-warning {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
}
.bg-danger {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
}
.bg-light, .pagelayout-frontpage .theme_boost_union-catlisting > .content > .subcategories, .pagelayout-coursecategory .theme_boost_union-catlisting > .content > .subcategories, #page-course-search .theme_boost_union-catlisting > .content > .subcategories {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}
.bg-dark, .navbar.bg-dark[data-bs-theme="dark"] #searchform-navbar {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}
.bg-black {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
}
.bg-white, .pagelayout-frontpage .theme_boost_union-catlisting > .content > .subcategories .category .theme_boost_union-courselisting, .pagelayout-coursecategory .theme_boost_union-catlisting > .content > .subcategories .category .theme_boost_union-courselisting, #page-course-search .theme_boost_union-catlisting > .content > .subcategories .category .theme_boost_union-courselisting {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}
.bg-body {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
}
.bg-transparent {
  --bs-bg-opacity: 1;
  background-color: transparent !important;
}
.bg-body-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important;
}
.bg-body-tertiary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important;
}
.bg-opacity-10 {
  --bs-bg-opacity: 0.1;
}
.bg-opacity-25 {
  --bs-bg-opacity: 0.25;
}
.bg-opacity-50 {
  --bs-bg-opacity: 0.5;
}
.bg-opacity-75 {
  --bs-bg-opacity: 0.75;
}
.bg-opacity-100 {
  --bs-bg-opacity: 1;
}
.bg-primary-subtle {
  background-color: var(--bs-primary-bg-subtle) !important;
}
.bg-secondary-subtle {
  background-color: var(--bs-secondary-bg-subtle) !important;
}
.bg-success-subtle {
  background-color: var(--bs-success-bg-subtle) !important;
}
.bg-info-subtle {
  background-color: var(--bs-info-bg-subtle) !important;
}
.bg-warning-subtle {
  background-color: var(--bs-warning-bg-subtle) !important;
}
.bg-danger-subtle {
  background-color: var(--bs-danger-bg-subtle) !important;
}
.bg-light-subtle {
  background-color: var(--bs-light-bg-subtle) !important;
}
.bg-dark-subtle {
  background-color: var(--bs-dark-bg-subtle) !important;
}
.bg-gradient {
  background-image: var(--bs-gradient) !important;
}
.user-select-all {
  user-select: all !important;
}
.user-select-auto {
  user-select: auto !important;
}
.user-select-none {
  user-select: none !important;
}
.pe-none {
  pointer-events: none !important;
}
.pe-auto {
  pointer-events: auto !important;
}
.rounded, .pagelayout-frontpage .theme_boost_union-coursecategoryinfo, .pagelayout-coursecategory .theme_boost_union-coursecategoryinfo, #page-course-search .theme_boost_union-coursecategoryinfo, .pagelayout-frontpage .theme_boost_union-catlisting > .content > .subcategories .category .theme_boost_union-courselisting, .pagelayout-coursecategory .theme_boost_union-catlisting > .content > .subcategories .category .theme_boost_union-courselisting, #page-course-search .theme_boost_union-catlisting > .content > .subcategories .category .theme_boost_union-courselisting {
  border-radius: var(--bs-border-radius) !important;
}
.rounded-0 {
  border-radius: 0 !important;
}
.rounded-1 {
  border-radius: var(--bs-border-radius-sm) !important;
}
.rounded-2 {
  border-radius: var(--bs-border-radius) !important;
}
.rounded-3 {
  border-radius: var(--bs-border-radius-lg) !important;
}
.rounded-4 {
  border-radius: var(--bs-border-radius-xl) !important;
}
.rounded-5 {
  border-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-circle {
  border-radius: 50% !important;
}
.rounded-pill {
  border-radius: var(--bs-border-radius-pill) !important;
}
.rounded-top, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions, #page-course-search .theme_boost_union-catlisting > .collapsible-actions {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}
.rounded-top-0 {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.rounded-top-1 {
  border-top-left-radius: var(--bs-border-radius-sm) !important;
  border-top-right-radius: var(--bs-border-radius-sm) !important;
}
.rounded-top-2 {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}
.rounded-top-3 {
  border-top-left-radius: var(--bs-border-radius-lg) !important;
  border-top-right-radius: var(--bs-border-radius-lg) !important;
}
.rounded-top-4 {
  border-top-left-radius: var(--bs-border-radius-xl) !important;
  border-top-right-radius: var(--bs-border-radius-xl) !important;
}
.rounded-top-5 {
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-right-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-top-circle {
  border-top-left-radius: 50% !important;
  border-top-right-radius: 50% !important;
}
.rounded-top-pill {
  border-top-left-radius: var(--bs-border-radius-pill) !important;
  border-top-right-radius: var(--bs-border-radius-pill) !important;
}
.rounded-end {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}
.rounded-end-0 {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.rounded-end-1 {
  border-top-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
}
.rounded-end-2 {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}
.rounded-end-3 {
  border-top-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
}
.rounded-end-4 {
  border-top-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
}
.rounded-end-5 {
  border-top-right-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-end-circle {
  border-top-right-radius: 50% !important;
  border-bottom-right-radius: 50% !important;
}
.rounded-end-pill {
  border-top-right-radius: var(--bs-border-radius-pill) !important;
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
}
.rounded-bottom, .pagelayout-frontpage .theme_boost_union-catlisting > .content > .subcategories, .pagelayout-coursecategory .theme_boost_union-catlisting > .content > .subcategories, #page-course-search .theme_boost_union-catlisting > .content > .subcategories, .pagelayout-frontpage .theme_boost_union-catlisting > .content > .subcategories > .category:last-child, .pagelayout-coursecategory .theme_boost_union-catlisting > .content > .subcategories > .category:last-child, #page-course-search .theme_boost_union-catlisting > .content > .subcategories > .category:last-child {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}
.rounded-bottom-0 {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.rounded-bottom-1 {
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
}
.rounded-bottom-2 {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}
.rounded-bottom-3 {
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
}
.rounded-bottom-4 {
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
}
.rounded-bottom-5 {
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-bottom-circle {
  border-bottom-right-radius: 50% !important;
  border-bottom-left-radius: 50% !important;
}
.rounded-bottom-pill {
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
}
.rounded-start {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}
.rounded-start-0 {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}
.rounded-start-1 {
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
  border-top-left-radius: var(--bs-border-radius-sm) !important;
}
.rounded-start-2 {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}
.rounded-start-3 {
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
  border-top-left-radius: var(--bs-border-radius-lg) !important;
}
.rounded-start-4 {
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
  border-top-left-radius: var(--bs-border-radius-xl) !important;
}
.rounded-start-5 {
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-start-circle {
  border-bottom-left-radius: 50% !important;
  border-top-left-radius: 50% !important;
}
.rounded-start-pill {
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
  border-top-left-radius: var(--bs-border-radius-pill) !important;
}
.visible {
  visibility: visible !important;
}
.invisible {
  visibility: hidden !important;
}
.z-n1 {
  z-index: -1 !important;
}
.z-0 {
  z-index: 0 !important;
}
.z-1 {
  z-index: 1 !important;
}
.z-2 {
  z-index: 2 !important;
}
.z-3 {
  z-index: 3 !important;
}
@media (min-width: 576px) {
  .float-sm-start {
    float: left !important;
  }
  .float-sm-end {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
  .object-fit-sm-contain {
    object-fit: contain !important;
  }
  .object-fit-sm-cover {
    object-fit: cover !important;
  }
  .object-fit-sm-fill {
    object-fit: fill !important;
  }
  .object-fit-sm-scale {
    object-fit: scale-down !important;
  }
  .object-fit-sm-none {
    object-fit: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-grid {
    display: grid !important;
  }
  .d-sm-inline-grid {
    display: inline-grid !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
  .d-sm-none {
    display: none !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
  .order-sm-first {
    order: -1 !important;
  }
  .order-sm-0 {
    order: 0 !important;
  }
  .order-sm-1 {
    order: 1 !important;
  }
  .order-sm-2 {
    order: 2 !important;
  }
  .order-sm-3 {
    order: 3 !important;
  }
  .order-sm-4 {
    order: 4 !important;
  }
  .order-sm-5 {
    order: 5 !important;
  }
  .order-sm-last {
    order: 6 !important;
  }
  .m-sm-0 {
    margin: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 2rem !important;
  }
  .m-sm-6 {
    margin: 3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-sm-5 {
    margin-right: 2rem !important;
    margin-left: 2rem !important;
  }
  .mx-sm-6 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-sm-5 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .my-sm-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .mt-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mt-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mt-sm-3 {
    margin-top: 1rem !important;
  }
  .mt-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mt-sm-5 {
    margin-top: 2rem !important;
  }
  .mt-sm-6 {
    margin-top: 3rem !important;
  }
  .mt-sm-auto {
    margin-top: auto !important;
  }
  .me-sm-0 {
    margin-right: 0 !important;
  }
  .me-sm-1 {
    margin-right: 0.25rem !important;
  }
  .me-sm-2 {
    margin-right: 0.5rem !important;
  }
  .me-sm-3 {
    margin-right: 1rem !important;
  }
  .me-sm-4 {
    margin-right: 1.5rem !important;
  }
  .me-sm-5 {
    margin-right: 2rem !important;
  }
  .me-sm-6 {
    margin-right: 3rem !important;
  }
  .me-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }
  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-sm-5 {
    margin-bottom: 2rem !important;
  }
  .mb-sm-6 {
    margin-bottom: 3rem !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .ms-sm-0 {
    margin-left: 0 !important;
  }
  .ms-sm-1 {
    margin-left: 0.25rem !important;
  }
  .ms-sm-2 {
    margin-left: 0.5rem !important;
  }
  .ms-sm-3 {
    margin-left: 1rem !important;
  }
  .ms-sm-4 {
    margin-left: 1.5rem !important;
  }
  .ms-sm-5 {
    margin-left: 2rem !important;
  }
  .ms-sm-6 {
    margin-left: 3rem !important;
  }
  .ms-sm-auto {
    margin-left: auto !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 2rem !important;
  }
  .p-sm-6 {
    padding: 3rem !important;
  }
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-sm-5 {
    padding-right: 2rem !important;
    padding-left: 2rem !important;
  }
  .px-sm-6 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-sm-5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .py-sm-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  .pt-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pt-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pt-sm-3 {
    padding-top: 1rem !important;
  }
  .pt-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pt-sm-5 {
    padding-top: 2rem !important;
  }
  .pt-sm-6 {
    padding-top: 3rem !important;
  }
  .pe-sm-0 {
    padding-right: 0 !important;
  }
  .pe-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pe-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pe-sm-3 {
    padding-right: 1rem !important;
  }
  .pe-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pe-sm-5 {
    padding-right: 2rem !important;
  }
  .pe-sm-6 {
    padding-right: 3rem !important;
  }
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-sm-5 {
    padding-bottom: 2rem !important;
  }
  .pb-sm-6 {
    padding-bottom: 3rem !important;
  }
  .ps-sm-0 {
    padding-left: 0 !important;
  }
  .ps-sm-1 {
    padding-left: 0.25rem !important;
  }
  .ps-sm-2 {
    padding-left: 0.5rem !important;
  }
  .ps-sm-3 {
    padding-left: 1rem !important;
  }
  .ps-sm-4 {
    padding-left: 1.5rem !important;
  }
  .ps-sm-5 {
    padding-left: 2rem !important;
  }
  .ps-sm-6 {
    padding-left: 3rem !important;
  }
  .gap-sm-0 {
    gap: 0 !important;
  }
  .gap-sm-1 {
    gap: 0.25rem !important;
  }
  .gap-sm-2 {
    gap: 0.5rem !important;
  }
  .gap-sm-3 {
    gap: 1rem !important;
  }
  .gap-sm-4 {
    gap: 1.5rem !important;
  }
  .gap-sm-5 {
    gap: 2rem !important;
  }
  .gap-sm-6 {
    gap: 3rem !important;
  }
  .row-gap-sm-0 {
    row-gap: 0 !important;
  }
  .row-gap-sm-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-sm-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-sm-3 {
    row-gap: 1rem !important;
  }
  .row-gap-sm-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-sm-5 {
    row-gap: 2rem !important;
  }
  .row-gap-sm-6 {
    row-gap: 3rem !important;
  }
  .column-gap-sm-0 {
    column-gap: 0 !important;
  }
  .column-gap-sm-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-sm-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-sm-3 {
    column-gap: 1rem !important;
  }
  .column-gap-sm-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-sm-5 {
    column-gap: 2rem !important;
  }
  .column-gap-sm-6 {
    column-gap: 3rem !important;
  }
  .text-sm-start {
    text-align: left !important;
  }
  .text-sm-end {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .float-md-start {
    float: left !important;
  }
  .float-md-end {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
  .object-fit-md-contain {
    object-fit: contain !important;
  }
  .object-fit-md-cover {
    object-fit: cover !important;
  }
  .object-fit-md-fill {
    object-fit: fill !important;
  }
  .object-fit-md-scale {
    object-fit: scale-down !important;
  }
  .object-fit-md-none {
    object-fit: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-grid {
    display: grid !important;
  }
  .d-md-inline-grid {
    display: inline-grid !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
  .d-md-none {
    display: none !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
  .order-md-first {
    order: -1 !important;
  }
  .order-md-0 {
    order: 0 !important;
  }
  .order-md-1 {
    order: 1 !important;
  }
  .order-md-2 {
    order: 2 !important;
  }
  .order-md-3 {
    order: 3 !important;
  }
  .order-md-4 {
    order: 4 !important;
  }
  .order-md-5 {
    order: 5 !important;
  }
  .order-md-last {
    order: 6 !important;
  }
  .m-md-0 {
    margin: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .m-md-5 {
    margin: 2rem !important;
  }
  .m-md-6 {
    margin: 3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-md-5 {
    margin-right: 2rem !important;
    margin-left: 2rem !important;
  }
  .mx-md-6 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-md-5 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .my-md-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mt-md-1 {
    margin-top: 0.25rem !important;
  }
  .mt-md-2 {
    margin-top: 0.5rem !important;
  }
  .mt-md-3 {
    margin-top: 1rem !important;
  }
  .mt-md-4 {
    margin-top: 1.5rem !important;
  }
  .mt-md-5 {
    margin-top: 2rem !important;
  }
  .mt-md-6 {
    margin-top: 3rem !important;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
  .me-md-0 {
    margin-right: 0 !important;
  }
  .me-md-1 {
    margin-right: 0.25rem !important;
  }
  .me-md-2 {
    margin-right: 0.5rem !important;
  }
  .me-md-3 {
    margin-right: 1rem !important;
  }
  .me-md-4 {
    margin-right: 1.5rem !important;
  }
  .me-md-5 {
    margin-right: 2rem !important;
  }
  .me-md-6 {
    margin-right: 3rem !important;
  }
  .me-md-auto {
    margin-right: auto !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-md-3 {
    margin-bottom: 1rem !important;
  }
  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-md-5 {
    margin-bottom: 2rem !important;
  }
  .mb-md-6 {
    margin-bottom: 3rem !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  .ms-md-0 {
    margin-left: 0 !important;
  }
  .ms-md-1 {
    margin-left: 0.25rem !important;
  }
  .ms-md-2 {
    margin-left: 0.5rem !important;
  }
  .ms-md-3 {
    margin-left: 1rem !important;
  }
  .ms-md-4 {
    margin-left: 1.5rem !important;
  }
  .ms-md-5 {
    margin-left: 2rem !important;
  }
  .ms-md-6 {
    margin-left: 3rem !important;
  }
  .ms-md-auto {
    margin-left: auto !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .p-md-5 {
    padding: 2rem !important;
  }
  .p-md-6 {
    padding: 3rem !important;
  }
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-md-5 {
    padding-right: 2rem !important;
    padding-left: 2rem !important;
  }
  .px-md-6 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-md-5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .py-md-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-md-0 {
    padding-top: 0 !important;
  }
  .pt-md-1 {
    padding-top: 0.25rem !important;
  }
  .pt-md-2 {
    padding-top: 0.5rem !important;
  }
  .pt-md-3 {
    padding-top: 1rem !important;
  }
  .pt-md-4 {
    padding-top: 1.5rem !important;
  }
  .pt-md-5 {
    padding-top: 2rem !important;
  }
  .pt-md-6 {
    padding-top: 3rem !important;
  }
  .pe-md-0 {
    padding-right: 0 !important;
  }
  .pe-md-1 {
    padding-right: 0.25rem !important;
  }
  .pe-md-2 {
    padding-right: 0.5rem !important;
  }
  .pe-md-3 {
    padding-right: 1rem !important;
  }
  .pe-md-4 {
    padding-right: 1.5rem !important;
  }
  .pe-md-5 {
    padding-right: 2rem !important;
  }
  .pe-md-6 {
    padding-right: 3rem !important;
  }
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-md-3 {
    padding-bottom: 1rem !important;
  }
  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-md-5 {
    padding-bottom: 2rem !important;
  }
  .pb-md-6 {
    padding-bottom: 3rem !important;
  }
  .ps-md-0 {
    padding-left: 0 !important;
  }
  .ps-md-1 {
    padding-left: 0.25rem !important;
  }
  .ps-md-2 {
    padding-left: 0.5rem !important;
  }
  .ps-md-3 {
    padding-left: 1rem !important;
  }
  .ps-md-4 {
    padding-left: 1.5rem !important;
  }
  .ps-md-5 {
    padding-left: 2rem !important;
  }
  .ps-md-6 {
    padding-left: 3rem !important;
  }
  .gap-md-0 {
    gap: 0 !important;
  }
  .gap-md-1 {
    gap: 0.25rem !important;
  }
  .gap-md-2 {
    gap: 0.5rem !important;
  }
  .gap-md-3 {
    gap: 1rem !important;
  }
  .gap-md-4 {
    gap: 1.5rem !important;
  }
  .gap-md-5 {
    gap: 2rem !important;
  }
  .gap-md-6 {
    gap: 3rem !important;
  }
  .row-gap-md-0 {
    row-gap: 0 !important;
  }
  .row-gap-md-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-md-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-md-3 {
    row-gap: 1rem !important;
  }
  .row-gap-md-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-md-5 {
    row-gap: 2rem !important;
  }
  .row-gap-md-6 {
    row-gap: 3rem !important;
  }
  .column-gap-md-0 {
    column-gap: 0 !important;
  }
  .column-gap-md-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-md-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-md-3 {
    column-gap: 1rem !important;
  }
  .column-gap-md-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-md-5 {
    column-gap: 2rem !important;
  }
  .column-gap-md-6 {
    column-gap: 3rem !important;
  }
  .text-md-start {
    text-align: left !important;
  }
  .text-md-end {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .float-lg-start {
    float: left !important;
  }
  .float-lg-end {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
  .object-fit-lg-contain {
    object-fit: contain !important;
  }
  .object-fit-lg-cover {
    object-fit: cover !important;
  }
  .object-fit-lg-fill {
    object-fit: fill !important;
  }
  .object-fit-lg-scale {
    object-fit: scale-down !important;
  }
  .object-fit-lg-none {
    object-fit: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-grid {
    display: grid !important;
  }
  .d-lg-inline-grid {
    display: inline-grid !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
  .d-lg-none {
    display: none !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
  .order-lg-first {
    order: -1 !important;
  }
  .order-lg-0 {
    order: 0 !important;
  }
  .order-lg-1 {
    order: 1 !important;
  }
  .order-lg-2 {
    order: 2 !important;
  }
  .order-lg-3 {
    order: 3 !important;
  }
  .order-lg-4 {
    order: 4 !important;
  }
  .order-lg-5 {
    order: 5 !important;
  }
  .order-lg-last {
    order: 6 !important;
  }
  .m-lg-0 {
    margin: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 2rem !important;
  }
  .m-lg-6 {
    margin: 3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-lg-5 {
    margin-right: 2rem !important;
    margin-left: 2rem !important;
  }
  .mx-lg-6 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-lg-5 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .my-lg-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  .mt-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mt-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mt-lg-3 {
    margin-top: 1rem !important;
  }
  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mt-lg-5 {
    margin-top: 2rem !important;
  }
  .mt-lg-6 {
    margin-top: 3rem !important;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
  .me-lg-0 {
    margin-right: 0 !important;
  }
  .me-lg-1 {
    margin-right: 0.25rem !important;
  }
  .me-lg-2 {
    margin-right: 0.5rem !important;
  }
  .me-lg-3 {
    margin-right: 1rem !important;
  }
  .me-lg-4 {
    margin-right: 1.5rem !important;
  }
  .me-lg-5 {
    margin-right: 2rem !important;
  }
  .me-lg-6 {
    margin-right: 3rem !important;
  }
  .me-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }
  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-lg-5 {
    margin-bottom: 2rem !important;
  }
  .mb-lg-6 {
    margin-bottom: 3rem !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .ms-lg-0 {
    margin-left: 0 !important;
  }
  .ms-lg-1 {
    margin-left: 0.25rem !important;
  }
  .ms-lg-2 {
    margin-left: 0.5rem !important;
  }
  .ms-lg-3 {
    margin-left: 1rem !important;
  }
  .ms-lg-4 {
    margin-left: 1.5rem !important;
  }
  .ms-lg-5 {
    margin-left: 2rem !important;
  }
  .ms-lg-6 {
    margin-left: 3rem !important;
  }
  .ms-lg-auto {
    margin-left: auto !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 2rem !important;
  }
  .p-lg-6 {
    padding: 3rem !important;
  }
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-lg-5 {
    padding-right: 2rem !important;
    padding-left: 2rem !important;
  }
  .px-lg-6 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-lg-5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .py-lg-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  .pt-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pt-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pt-lg-3 {
    padding-top: 1rem !important;
  }
  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pt-lg-5 {
    padding-top: 2rem !important;
  }
  .pt-lg-6 {
    padding-top: 3rem !important;
  }
  .pe-lg-0 {
    padding-right: 0 !important;
  }
  .pe-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pe-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pe-lg-3 {
    padding-right: 1rem !important;
  }
  .pe-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pe-lg-5 {
    padding-right: 2rem !important;
  }
  .pe-lg-6 {
    padding-right: 3rem !important;
  }
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-lg-5 {
    padding-bottom: 2rem !important;
  }
  .pb-lg-6 {
    padding-bottom: 3rem !important;
  }
  .ps-lg-0 {
    padding-left: 0 !important;
  }
  .ps-lg-1 {
    padding-left: 0.25rem !important;
  }
  .ps-lg-2 {
    padding-left: 0.5rem !important;
  }
  .ps-lg-3 {
    padding-left: 1rem !important;
  }
  .ps-lg-4 {
    padding-left: 1.5rem !important;
  }
  .ps-lg-5 {
    padding-left: 2rem !important;
  }
  .ps-lg-6 {
    padding-left: 3rem !important;
  }
  .gap-lg-0 {
    gap: 0 !important;
  }
  .gap-lg-1 {
    gap: 0.25rem !important;
  }
  .gap-lg-2 {
    gap: 0.5rem !important;
  }
  .gap-lg-3 {
    gap: 1rem !important;
  }
  .gap-lg-4 {
    gap: 1.5rem !important;
  }
  .gap-lg-5 {
    gap: 2rem !important;
  }
  .gap-lg-6 {
    gap: 3rem !important;
  }
  .row-gap-lg-0 {
    row-gap: 0 !important;
  }
  .row-gap-lg-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-lg-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-lg-3 {
    row-gap: 1rem !important;
  }
  .row-gap-lg-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-lg-5 {
    row-gap: 2rem !important;
  }
  .row-gap-lg-6 {
    row-gap: 3rem !important;
  }
  .column-gap-lg-0 {
    column-gap: 0 !important;
  }
  .column-gap-lg-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-lg-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-lg-3 {
    column-gap: 1rem !important;
  }
  .column-gap-lg-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-lg-5 {
    column-gap: 2rem !important;
  }
  .column-gap-lg-6 {
    column-gap: 3rem !important;
  }
  .text-lg-start {
    text-align: left !important;
  }
  .text-lg-end {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .float-xl-start {
    float: left !important;
  }
  .float-xl-end {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
  .object-fit-xl-contain {
    object-fit: contain !important;
  }
  .object-fit-xl-cover {
    object-fit: cover !important;
  }
  .object-fit-xl-fill {
    object-fit: fill !important;
  }
  .object-fit-xl-scale {
    object-fit: scale-down !important;
  }
  .object-fit-xl-none {
    object-fit: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-grid {
    display: grid !important;
  }
  .d-xl-inline-grid {
    display: inline-grid !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
  .d-xl-none {
    display: none !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
  .order-xl-first {
    order: -1 !important;
  }
  .order-xl-0 {
    order: 0 !important;
  }
  .order-xl-1 {
    order: 1 !important;
  }
  .order-xl-2 {
    order: 2 !important;
  }
  .order-xl-3 {
    order: 3 !important;
  }
  .order-xl-4 {
    order: 4 !important;
  }
  .order-xl-5 {
    order: 5 !important;
  }
  .order-xl-last {
    order: 6 !important;
  }
  .m-xl-0 {
    margin: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 2rem !important;
  }
  .m-xl-6 {
    margin: 3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xl-5 {
    margin-right: 2rem !important;
    margin-left: 2rem !important;
  }
  .mx-xl-6 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xl-5 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .my-xl-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  .mt-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xl-3 {
    margin-top: 1rem !important;
  }
  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xl-5 {
    margin-top: 2rem !important;
  }
  .mt-xl-6 {
    margin-top: 3rem !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .me-xl-0 {
    margin-right: 0 !important;
  }
  .me-xl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xl-3 {
    margin-right: 1rem !important;
  }
  .me-xl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xl-5 {
    margin-right: 2rem !important;
  }
  .me-xl-6 {
    margin-right: 3rem !important;
  }
  .me-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xl-5 {
    margin-bottom: 2rem !important;
  }
  .mb-xl-6 {
    margin-bottom: 3rem !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .ms-xl-0 {
    margin-left: 0 !important;
  }
  .ms-xl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xl-3 {
    margin-left: 1rem !important;
  }
  .ms-xl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xl-5 {
    margin-left: 2rem !important;
  }
  .ms-xl-6 {
    margin-left: 3rem !important;
  }
  .ms-xl-auto {
    margin-left: auto !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 2rem !important;
  }
  .p-xl-6 {
    padding: 3rem !important;
  }
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xl-5 {
    padding-right: 2rem !important;
    padding-left: 2rem !important;
  }
  .px-xl-6 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xl-5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .py-xl-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xl-0 {
    padding-top: 0 !important;
  }
  .pt-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xl-3 {
    padding-top: 1rem !important;
  }
  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xl-5 {
    padding-top: 2rem !important;
  }
  .pt-xl-6 {
    padding-top: 3rem !important;
  }
  .pe-xl-0 {
    padding-right: 0 !important;
  }
  .pe-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xl-3 {
    padding-right: 1rem !important;
  }
  .pe-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xl-5 {
    padding-right: 2rem !important;
  }
  .pe-xl-6 {
    padding-right: 3rem !important;
  }
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xl-5 {
    padding-bottom: 2rem !important;
  }
  .pb-xl-6 {
    padding-bottom: 3rem !important;
  }
  .ps-xl-0 {
    padding-left: 0 !important;
  }
  .ps-xl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xl-3 {
    padding-left: 1rem !important;
  }
  .ps-xl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xl-5 {
    padding-left: 2rem !important;
  }
  .ps-xl-6 {
    padding-left: 3rem !important;
  }
  .gap-xl-0 {
    gap: 0 !important;
  }
  .gap-xl-1 {
    gap: 0.25rem !important;
  }
  .gap-xl-2 {
    gap: 0.5rem !important;
  }
  .gap-xl-3 {
    gap: 1rem !important;
  }
  .gap-xl-4 {
    gap: 1.5rem !important;
  }
  .gap-xl-5 {
    gap: 2rem !important;
  }
  .gap-xl-6 {
    gap: 3rem !important;
  }
  .row-gap-xl-0 {
    row-gap: 0 !important;
  }
  .row-gap-xl-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-xl-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-xl-3 {
    row-gap: 1rem !important;
  }
  .row-gap-xl-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-xl-5 {
    row-gap: 2rem !important;
  }
  .row-gap-xl-6 {
    row-gap: 3rem !important;
  }
  .column-gap-xl-0 {
    column-gap: 0 !important;
  }
  .column-gap-xl-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-xl-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-xl-3 {
    column-gap: 1rem !important;
  }
  .column-gap-xl-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-xl-5 {
    column-gap: 2rem !important;
  }
  .column-gap-xl-6 {
    column-gap: 3rem !important;
  }
  .text-xl-start {
    text-align: left !important;
  }
  .text-xl-end {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}
@media (min-width: 1400px) {
  .float-xxl-start {
    float: left !important;
  }
  .float-xxl-end {
    float: right !important;
  }
  .float-xxl-none {
    float: none !important;
  }
  .object-fit-xxl-contain {
    object-fit: contain !important;
  }
  .object-fit-xxl-cover {
    object-fit: cover !important;
  }
  .object-fit-xxl-fill {
    object-fit: fill !important;
  }
  .object-fit-xxl-scale {
    object-fit: scale-down !important;
  }
  .object-fit-xxl-none {
    object-fit: none !important;
  }
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-grid {
    display: grid !important;
  }
  .d-xxl-inline-grid {
    display: inline-grid !important;
  }
  .d-xxl-table {
    display: table !important;
  }
  .d-xxl-table-row {
    display: table-row !important;
  }
  .d-xxl-table-cell {
    display: table-cell !important;
  }
  .d-xxl-flex {
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: inline-flex !important;
  }
  .d-xxl-none {
    display: none !important;
  }
  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xxl-row {
    flex-direction: row !important;
  }
  .flex-xxl-column {
    flex-direction: column !important;
  }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xxl-center {
    justify-content: center !important;
  }
  .justify-content-xxl-between {
    justify-content: space-between !important;
  }
  .justify-content-xxl-around {
    justify-content: space-around !important;
  }
  .justify-content-xxl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xxl-start {
    align-items: flex-start !important;
  }
  .align-items-xxl-end {
    align-items: flex-end !important;
  }
  .align-items-xxl-center {
    align-items: center !important;
  }
  .align-items-xxl-baseline {
    align-items: baseline !important;
  }
  .align-items-xxl-stretch {
    align-items: stretch !important;
  }
  .align-content-xxl-start {
    align-content: flex-start !important;
  }
  .align-content-xxl-end {
    align-content: flex-end !important;
  }
  .align-content-xxl-center {
    align-content: center !important;
  }
  .align-content-xxl-between {
    align-content: space-between !important;
  }
  .align-content-xxl-around {
    align-content: space-around !important;
  }
  .align-content-xxl-stretch {
    align-content: stretch !important;
  }
  .align-self-xxl-auto {
    align-self: auto !important;
  }
  .align-self-xxl-start {
    align-self: flex-start !important;
  }
  .align-self-xxl-end {
    align-self: flex-end !important;
  }
  .align-self-xxl-center {
    align-self: center !important;
  }
  .align-self-xxl-baseline {
    align-self: baseline !important;
  }
  .align-self-xxl-stretch {
    align-self: stretch !important;
  }
  .order-xxl-first {
    order: -1 !important;
  }
  .order-xxl-0 {
    order: 0 !important;
  }
  .order-xxl-1 {
    order: 1 !important;
  }
  .order-xxl-2 {
    order: 2 !important;
  }
  .order-xxl-3 {
    order: 3 !important;
  }
  .order-xxl-4 {
    order: 4 !important;
  }
  .order-xxl-5 {
    order: 5 !important;
  }
  .order-xxl-last {
    order: 6 !important;
  }
  .m-xxl-0 {
    margin: 0 !important;
  }
  .m-xxl-1 {
    margin: 0.25rem !important;
  }
  .m-xxl-2 {
    margin: 0.5rem !important;
  }
  .m-xxl-3 {
    margin: 1rem !important;
  }
  .m-xxl-4 {
    margin: 1.5rem !important;
  }
  .m-xxl-5 {
    margin: 2rem !important;
  }
  .m-xxl-6 {
    margin: 3rem !important;
  }
  .m-xxl-auto {
    margin: auto !important;
  }
  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xxl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xxl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xxl-5 {
    margin-right: 2rem !important;
    margin-left: 2rem !important;
  }
  .mx-xxl-6 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xxl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xxl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xxl-5 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .my-xxl-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xxl-0 {
    margin-top: 0 !important;
  }
  .mt-xxl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xxl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xxl-3 {
    margin-top: 1rem !important;
  }
  .mt-xxl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xxl-5 {
    margin-top: 2rem !important;
  }
  .mt-xxl-6 {
    margin-top: 3rem !important;
  }
  .mt-xxl-auto {
    margin-top: auto !important;
  }
  .me-xxl-0 {
    margin-right: 0 !important;
  }
  .me-xxl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xxl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xxl-3 {
    margin-right: 1rem !important;
  }
  .me-xxl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xxl-5 {
    margin-right: 2rem !important;
  }
  .me-xxl-6 {
    margin-right: 3rem !important;
  }
  .me-xxl-auto {
    margin-right: auto !important;
  }
  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xxl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xxl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xxl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xxl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xxl-5 {
    margin-bottom: 2rem !important;
  }
  .mb-xxl-6 {
    margin-bottom: 3rem !important;
  }
  .mb-xxl-auto {
    margin-bottom: auto !important;
  }
  .ms-xxl-0 {
    margin-left: 0 !important;
  }
  .ms-xxl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xxl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xxl-3 {
    margin-left: 1rem !important;
  }
  .ms-xxl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xxl-5 {
    margin-left: 2rem !important;
  }
  .ms-xxl-6 {
    margin-left: 3rem !important;
  }
  .ms-xxl-auto {
    margin-left: auto !important;
  }
  .p-xxl-0 {
    padding: 0 !important;
  }
  .p-xxl-1 {
    padding: 0.25rem !important;
  }
  .p-xxl-2 {
    padding: 0.5rem !important;
  }
  .p-xxl-3 {
    padding: 1rem !important;
  }
  .p-xxl-4 {
    padding: 1.5rem !important;
  }
  .p-xxl-5 {
    padding: 2rem !important;
  }
  .p-xxl-6 {
    padding: 3rem !important;
  }
  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xxl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xxl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xxl-5 {
    padding-right: 2rem !important;
    padding-left: 2rem !important;
  }
  .px-xxl-6 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xxl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xxl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xxl-5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .py-xxl-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xxl-0 {
    padding-top: 0 !important;
  }
  .pt-xxl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xxl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xxl-3 {
    padding-top: 1rem !important;
  }
  .pt-xxl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xxl-5 {
    padding-top: 2rem !important;
  }
  .pt-xxl-6 {
    padding-top: 3rem !important;
  }
  .pe-xxl-0 {
    padding-right: 0 !important;
  }
  .pe-xxl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xxl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xxl-3 {
    padding-right: 1rem !important;
  }
  .pe-xxl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xxl-5 {
    padding-right: 2rem !important;
  }
  .pe-xxl-6 {
    padding-right: 3rem !important;
  }
  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xxl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xxl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xxl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xxl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xxl-5 {
    padding-bottom: 2rem !important;
  }
  .pb-xxl-6 {
    padding-bottom: 3rem !important;
  }
  .ps-xxl-0 {
    padding-left: 0 !important;
  }
  .ps-xxl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xxl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xxl-3 {
    padding-left: 1rem !important;
  }
  .ps-xxl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xxl-5 {
    padding-left: 2rem !important;
  }
  .ps-xxl-6 {
    padding-left: 3rem !important;
  }
  .gap-xxl-0 {
    gap: 0 !important;
  }
  .gap-xxl-1 {
    gap: 0.25rem !important;
  }
  .gap-xxl-2 {
    gap: 0.5rem !important;
  }
  .gap-xxl-3 {
    gap: 1rem !important;
  }
  .gap-xxl-4 {
    gap: 1.5rem !important;
  }
  .gap-xxl-5 {
    gap: 2rem !important;
  }
  .gap-xxl-6 {
    gap: 3rem !important;
  }
  .row-gap-xxl-0 {
    row-gap: 0 !important;
  }
  .row-gap-xxl-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-xxl-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-xxl-3 {
    row-gap: 1rem !important;
  }
  .row-gap-xxl-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-xxl-5 {
    row-gap: 2rem !important;
  }
  .row-gap-xxl-6 {
    row-gap: 3rem !important;
  }
  .column-gap-xxl-0 {
    column-gap: 0 !important;
  }
  .column-gap-xxl-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-xxl-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-xxl-3 {
    column-gap: 1rem !important;
  }
  .column-gap-xxl-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-xxl-5 {
    column-gap: 2rem !important;
  }
  .column-gap-xxl-6 {
    column-gap: 3rem !important;
  }
  .text-xxl-start {
    text-align: left !important;
  }
  .text-xxl-end {
    text-align: right !important;
  }
  .text-xxl-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .fs-1 {
    font-size: 2.34375rem !important;
  }
  .fs-2 {
    font-size: 1.875rem !important;
  }
  .fs-3 {
    font-size: 1.640625rem !important;
  }
  .fs-4 {
    font-size: 1.40625rem !important;
  }
}
@media print {
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-grid {
    display: grid !important;
  }
  .d-print-inline-grid {
    display: inline-grid !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
  .d-print-none {
    display: none !important;
  }
}
/**
 * Moodle variables
 *
 * Variables written for Moodle specific components
 *
 * Please do not override any Bootstrap variables here, custom Bootstrap variable should go in
 * preset files instead.
 */
/* core.less */
#region-main {
  overflow-y: visible;
  background-color: #fff;
}
@media (min-width: 576px) {
  .context-header-settings-menu, .region-main-settings-menu {
    float: right;
    width: auto;
    max-width: 4em;
    height: 2em;
    display: block;
    margin-top: 4px;
  }
}
@media (max-width: 767.98px) {
  .context-header-settings-menu, .region-main-settings-menu {
    display: flex;
    justify-content: flex-end;
  }
}
.context-header-settings-menu .dropdown-toggle > .icon, #region-main-settings-menu .dropdown-toggle > .icon {
  height: 24px;
  font-size: 24px;
  width: auto;
}
/** Prevent user notifications overlapping with region main settings menu */
#user-notifications {
  display: block;
  overflow: hidden;
}
/** Page layout CSS starts **/
.layout-option-noheader #page-header, .layout-option-nonavbar #page-navbar, .layout-option-nofooter #page-footer, .layout-option-nocourseheader .course-content-header, .layout-option-nocoursefooter .course-content-footer {
  display: none;
}
/** Page layout CSS ends **/
.mdl-left {
  text-align: left;
}
.mdl-right {
  text-align: right;
}
/*rtl:ignore*/
.text-ltr {
  direction: ltr !important;
  /* stylelint-disable-line declaration-no-important */
}
#add, #remove, .centerpara, .mdl-align {
  text-align: center;
}
a.dimmed, a.dimmed:link, a.dimmed:visited, a.dimmed_text, a.dimmed_text:link, a.dimmed_text:visited, .dimmed_text, .dimmed_text a, .dimmed_text a:link, .dimmed_text a:visited, .usersuspended, .usersuspended a, .usersuspended a:link, .usersuspended a:visited, .dimmed_category, .dimmed_category a {
  color: var(--bs-secondary-color);
}
.aalink.focus, a.focus.autolink, .aalink:focus, a.autolink:focus, #page-footer a:not([class]).focus, #page-footer a:not([class]):focus, .arrow_link.focus, .arrow_link:focus, a:not([class]).focus, a:not([class]):focus, .activityinstance > a.focus, .activityinstance > a:focus {
  outline: 0.25rem solid transparent;
  color: #1d2125;
  background-color: #9fe4ec;
  box-shadow: 0 -0.25rem #9fe4ec, 0 0.25rem #343a40;
}
.aalink:focus:hover, a.autolink:focus:hover, #page-footer a:not([class]):focus:hover, .arrow_link:focus:hover, a:not([class]):focus:hover, .activityinstance > a:focus:hover {
  text-decoration: none;
}
.aabtn.focus, .aabtn:focus, .btn-link.focus, .btn-link:focus, .nav-link.focus, .nav-link:focus, .editor_atto_toolbar button.focus, .editor_atto_toolbar button:focus, .editor_atto_toolbar .atto_toolbar_row.focus, .editor_atto_toolbar .atto_toolbar_row:focus, [role="button"].focus, [role="button"]:focus, .list-group-item-action.focus, .list-group-item-action:focus, input[type="checkbox"].focus, input[type="checkbox"]:focus, input[type="radio"].focus, input[type="radio"]:focus, input[type="file"].focus, input[type="file"]:focus, input[type="image"].focus, input[type="image"]:focus, .visually-hidden-focusable.focus, .visually-hidden-focusable:focus, a.dropdown-toggle.focus, a.dropdown-toggle:focus, .moodle-dialogue-base .closebutton.focus, .moodle-dialogue-base .closebutton:focus, button.btn-close.focus, button.btn-close:focus, .form-autocomplete-selection.focus, .form-autocomplete-selection:focus, [role="treeitem"]:not([aria-expanded="true"]).focus, [role="treeitem"]:not([aria-expanded="true"]):focus {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(23, 107, 117, 0.75);
}
.aabtn:focus:hover, .btn-link:focus:hover, .nav-link:focus:hover, .editor_atto_toolbar button:focus:hover, .editor_atto_toolbar .atto_toolbar_row:focus:hover, [role="button"]:focus:hover, .list-group-item-action:focus:hover, input[type="checkbox"]:focus:hover, input[type="radio"]:focus:hover, input[type="file"]:focus:hover, input[type="image"]:focus:hover, .visually-hidden-focusable:focus:hover, a.dropdown-toggle:focus:hover, .moodle-dialogue-base .closebutton:focus:hover, button.btn-close:focus:hover, .form-autocomplete-selection:focus:hover, [role="treeitem"]:not([aria-expanded="true"]):focus:hover {
  text-decoration: none;
}
.modal-dialog[tabindex="0"].focus, .modal-dialog[tabindex="0"]:focus {
  outline: 0;
}
.modal-dialog[tabindex="0"].focus .modal-content, .modal-dialog[tabindex="0"]:focus .modal-content {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(23, 107, 117, 0.75);
  border-radius: var(--bs-border-radius-lg);
}
[role="treeitem"][aria-expanded="true"] {
  outline: 0;
}
[role="treeitem"][aria-expanded="true"].focus > *:first-child, [role="treeitem"][aria-expanded="true"]:focus > *:first-child {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(23, 107, 117, 0.75);
}
[role="treeitem"][aria-expanded="true"]:focus:hover {
  text-decoration: none;
}
.form-autocomplete-suggestions li[aria-selected=true] {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(23, 107, 117, 0.75);
}
.safari input[type="checkbox"].focus, .safari input[type="checkbox"]:focus, .safari input[type="radio"].focus, .safari input[type="radio"]:focus {
  outline: auto;
}
.unlist, .unlist li, .inline-list, .inline-list li, .block .list, .block .list li, .section li.movehere, .tabtree li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.inline, .inline-list li {
  display: inline;
}
.notifytiny {
  font-size: 0.703125rem;
}
.notifytiny li, .notifytiny td {
  font-size: 100%;
}
.red, .notifyproblem {
  color: #EF9100;
}
.green, .notifysuccess {
  color: #276E00;
}
.highlight {
  color: #0333B9;
}
.bg-primary-light {
  background-color: #e8f0f1;
}
.fitem.advanced .text-info {
  font-weight: bold;
}
.reportlink {
  text-align: right;
}
a.autolink.glossary:hover {
  cursor: help;
}
/* Block which is hidden if javascript enabled, prevents fickering visible when JS from footer used! */
.collapsibleregioncaption {
  white-space: nowrap;
  min-height: 1.40625rem;
}
.pagelayout-mydashboard.jsenabled .collapsibleregioncaption {
  cursor: pointer;
}
.pagelayout-mydashboard #region-main {
  border: 0;
  padding: 0;
  background-color: transparent;
  margin-top: -1px;
}
@media (max-width: 767.98px) {
  .pagelayout-mydashboard #region-main-box, .pagelayout-login #region-main-box {
    padding-left: 0;
    padding-right: 0;
  }
}
.collapsibleregioncaption img {
  vertical-align: middle;
}
.jsenabled .hiddenifjs {
  display: none;
}
body:not(.jsenabled) .visibleifjs {
  display: none;
}
.jsenabled .collapsibleregion {
  overflow: hidden;
  box-sizing: content-box;
}
.jsenabled .collapsed .collapsibleregioninner {
  visibility: hidden;
}
.collapsible-actions {
  display: none;
  text-align: right;
}
.jsenabled .collapsible-actions {
  display: block;
}
.yui-overlay .yui-widget-bd {
  background-color: #ffee69;
  border: 1px solid #a6982b;
  border-top-color: #d4c237;
  color: #000;
  left: 0;
  padding: 2px 5px;
  position: relative;
  top: 0;
  z-index: 1;
}
.clearer {
  background: transparent;
  border-width: 0;
  clear: both;
  display: block;
  height: 1px;
  margin: 0;
  padding: 0;
}
.bold, .warning, .errorbox .title, .pagingbar .title, .pagingbar .thispage {
  font-weight: bold;
}
img.resize {
  height: 1em;
  width: 1em;
}
.block img.resize {
  height: 0.9em;
  width: 0.8em;
}
/* Icon styles */
img.activityicon {
  height: 32px;
  width: 32px;
  vertical-align: middle;
}
.headermain {
  font-weight: bold;
}
#maincontent {
  display: block;
  height: 1px;
  overflow: clip;
}
img.uihint {
  cursor: help;
}
#addmembersform table {
  margin-left: auto;
  margin-right: auto;
}
table.flexible .emptyrow {
  display: none;
}
form.popupform, form.popupform div {
  display: inline;
}
.arrow_button input {
  overflow: hidden;
}
.no-overflow {
  overflow: auto;
}
.accesshide {
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.accesshide:not(caption) {
  position: absolute !important;
}
span.hide, div.hide, .hidden {
  display: none;
}
a.skip-block, a.skip {
  position: absolute;
  top: -1000em;
  font-size: 0.85em;
  text-decoration: none;
}
a.skip-block:focus, a.skip-block:active, a.skip:focus, a.skip:active {
  position: static;
  display: block;
}
.skip-block-to {
  display: block;
  height: 1px;
  overflow: hidden;
}
.addbloglink {
  text-align: center;
}
.blog_entry .audience {
  text-align: right;
  padding-right: 4px;
}
.blog_entry .tags {
  margin-top: 15px;
}
.blog_entry .content {
  margin-left: 43px;
}
#doc-contents h1, #doc-contents .h1 {
  margin: 1em 0 0 0;
}
#doc-contents ul {
  margin: 0;
  padding: 0;
  width: 90%;
}
#doc-contents ul li {
  list-style-type: none;
}
.groupmanagementtable td {
  vertical-align: top;
}
.groupmanagementtable #existingcell, .groupmanagementtable #potentialcell {
  width: 42%;
}
.groupmanagementtable #buttonscell {
  width: 16%;
}
.groupmanagementtable #buttonscell p.arrow_button input {
  width: auto;
  min-width: 80%;
  margin: 0 auto;
  display: block;
}
.groupmanagementtable #removeselect_wrapper, .groupmanagementtable #addselect_wrapper {
  width: 100%;
}
.groupmanagementtable #removeselect_wrapper label, .groupmanagementtable #addselect_wrapper label {
  font-weight: normal;
}
#group-usersummary {
  width: 14em;
}
.groupselector {
  margin-top: 3px;
  margin-bottom: 3px;
  display: inline-block;
}
.groupselector label {
  display: inline-block;
}
.notepost {
  margin-bottom: 1em;
}
.notepost .userpicture {
  float: left;
  margin-right: 5px;
}
.notepost .content, .notepost .footer {
  clear: both;
}
.notesgroup {
  margin-left: 20px;
}
.path-my .coursebox {
  margin: 1rem 0;
  padding: 0;
}
.path-my .coursebox .overview {
  margin: 15px 30px 10px 30px;
}
.path-my .coursebox .info {
  float: none;
  margin: 0;
}
.mod_introbox {
  padding: 10px;
}
table.mod_index {
  width: 100%;
}
.comment-ctrl {
  font-size: 12px;
  display: none;
  margin: 0;
  padding: 0;
}
.comment-ctrl h5, .comment-ctrl .h5 {
  margin: 0;
  padding: 5px;
}
.comment-area {
  max-width: 400px;
  padding: 5px;
}
.comment-area textarea {
  width: 100%;
  overflow: auto;
}
.comment-area textarea.fullwidth {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.comment-area .fd {
  text-align: right;
}
.comment-meta span {
  color: gray;
}
.comment-link img {
  vertical-align: text-bottom;
}
.comment-list {
  font-size: 11px;
  overflow: auto;
  list-style: none;
  padding: 0;
  margin: 0;
}
.comment-list li {
  margin: 2px;
  list-style: none;
  margin-bottom: 5px;
  clear: both;
  padding: 0.3em;
  position: relative;
}
.comment-list li.first {
  display: none;
}
.comment-paging {
  text-align: center;
}
.comment-paging .pageno {
  padding: 2px;
}
.comment-paging .curpage {
  border: 1px solid #ccc;
}
.comment-message .picture {
  float: left;
  margin-right: 0.25rem;
}
.comment-message .text {
  margin: 0;
  padding: 0;
}
.comment-message .text p {
  padding: 0;
  margin: 0 18px 0 0;
}
.comment-delete {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0.3em;
}
.comment-report-selectall {
  display: none;
}
.comment-link {
  display: none;
}
.jsenabled .comment-link {
  display: block;
}
.jsenabled .showcommentsnonjs {
  display: none;
}
.jsenabled .comment-report-selectall {
  display: inline;
}
/**
* Completion progress report
*/
.completion-expired {
  color: #EF9100;
}
.completion-expected {
  font-size: 0.703125rem;
}
.completion-sortchoice, .completion-identifyfield {
  font-size: 0.703125rem;
  vertical-align: bottom;
}
.completion-progresscell {
  text-align: right;
}
.completion-expired .completion-expected {
  font-weight: bold;
}
/**
* Tags
*/
span.flagged-tag, tr.flagged-tag, span.flagged-tag a, tr.flagged-tag a {
  color: #EF9100;
}
.tag-management-table td, .tag-management-table th {
  vertical-align: middle;
  padding: 4px;
}
.tag-management-table .inplaceeditable.inplaceeditingon input {
  width: 150px;
}
.path-admin-tag .addstandardtags {
  float: right;
}
.path-admin-tag .addstandardtags img {
  margin: 0 5px;
}
.path-tag .tag-relatedtags {
  padding-top: 10px;
}
.path-tag .tag-management-box {
  text-align: right;
}
.path-tag .tag-index-toc {
  padding: 10px;
  text-align: center;
}
.path-tag .tag-index-toc li {
  margin-left: 5px;
  margin-right: 5px;
}
.path-tag .tag-management-box li {
  margin-left: 5px;
  margin-right: 5px;
}
.path-tag .tag-management-box li a {
  background-repeat: no-repeat;
  background-position: left;
  padding-left: 17px;
}
.path-tag .tag-management-box li a.edittag {
  background-image: url(/theme/image.php/boost_union/core/1792421257/i/settings);
}
.path-tag .tag-management-box li a.flagasinappropriate {
  background-image: url(/theme/image.php/boost_union/core/1792421257/i/flagged);
}
.path-tag .tag-management-box li a.removefrommyinterests {
  background-image: url(/theme/image.php/boost_union/core/1792421257/t/delete);
}
.path-tag .tag-management-box li a.addtomyinterests {
  background-image: url(/theme/image.php/boost_union/core/1792421257/t/add);
}
.path-tag .tag-backtoallitems {
  text-align: center;
}
.path-tag .tag-index-items .tagarea {
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  padding: 10px;
  margin-top: 10px;
}
.path-tag .tag-index-items .tagarea h3, .path-tag .tag-index-items .tagarea .h3 {
  display: block;
  padding: 3px 0 10px 0;
  margin: 0;
  font-size: 1.1em;
  font-weight: bold;
  line-height: 20px;
  color: #999;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  text-transform: uppercase;
  word-wrap: break-word;
  border-bottom: solid 1px #e3e3e3;
  margin-bottom: 10px;
}
.path-tag .tag-index-items .tagarea .taggeditems::after {
  display: block;
  clear: both;
  content: "";
}
.path-tag .tag-index-items .tagarea .controls {
  text-align: center;
}
.path-tag .tag-index-items .tagarea .controls::after {
  display: block;
  clear: both;
  content: "";
}
.path-tag .tag-index-items .tagarea .controls.controls-bottom {
  margin-top: 5px;
}
.path-tag .tag-index-items .tagarea .controls .gotopage.nextpage {
  float: right;
}
.path-tag .tag-index-items .tagarea .controls .gotopage.prevpage {
  float: left;
}
.path-tag .tag-index-items .tagarea .controls .exclusivemode {
  display: inline-block;
}
.path-tag .tag-index-items .tagarea .controls .gotopage.prevpage::before {
  padding-right: 5px;
  padding-left: 5px;
  content: "«";
}
.path-tag .tag-index-items .tagarea .controls .gotopage.nextpage::after {
  padding-right: 5px;
  padding-left: 5px;
  content: "»";
}
.tag_feed img {
  max-height: 35px;
  max-width: 35px;
}
.tag_feed .muted a {
  color: var(--bs-secondary-color);
}
.tag_cloud {
  text-align: center;
}
.tag_cloud .inline-list li {
  padding: 0 0.2em;
}
.tag_cloud .tag_overflow {
  margin-top: 1em;
  font-style: italic;
}
.tag_cloud .s0 {
  font-size: 0.7em;
}
.tag_cloud .s1 {
  font-size: 0.8em;
}
.tag_cloud .s2 {
  font-size: 0.9em;
}
.tag_cloud .s3 {
  font-size: 1em;
}
.tag_cloud .s4 {
  font-size: 1.1em;
}
.tag_cloud .s5 {
  font-size: 1.2em;
}
.tag_cloud .s6 {
  font-size: 1.3em;
}
.tag_cloud .s7 {
  font-size: 1.4em;
}
.tag_cloud .s8 {
  font-size: 1.5em;
}
.tag_cloud .s9 {
  font-size: 1.6em;
}
.tag_cloud .s10 {
  font-size: 1.7em;
}
.tag_cloud .s11 {
  font-size: 1.8em;
}
.tag_cloud .s12 {
  font-size: 1.9em;
}
.tag_cloud .s13 {
  font-size: 2em;
}
.tag_cloud .s14 {
  font-size: 2.1em;
}
.tag_cloud .s15 {
  font-size: 2.2em;
}
.tag_cloud .s16 {
  font-size: 2.3em;
}
.tag_cloud .s17 {
  font-size: 2.4em;
}
.tag_cloud .s18 {
  font-size: 2.5em;
}
.tag_cloud .s19 {
  font-size: 2.6em;
}
.tag_cloud .s20 {
  font-size: 2.7em;
}
.tag_list ul {
  display: inline;
}
.tag_list .tagmorelink {
  display: none;
}
.tag_list.hideoverlimit .overlimit {
  display: none;
}
.tag_list.hideoverlimit .tagmorelink {
  display: inline;
}
.tag_list.hideoverlimit .taglesslink {
  display: none;
}
/**
* Web Service
*/
#webservice-doc-generator td {
  text-align: left;
  border: 0 solid #000;
}
/**
* Enrol
*/
.userenrolment {
  width: 100%;
  border-collapse: collapse;
}
.userenrolment tr {
  vertical-align: top;
}
.userenrolment td {
  padding: 0;
  height: 41px;
}
.userenrolment .subfield {
  margin-right: 5px;
}
.userenrolment .col_userdetails .subfield {
  margin-left: 40px;
}
.userenrolment .col_userdetails .subfield_picture {
  float: left;
  margin-left: 0;
}
.userenrolment .col_lastseen {
  width: 150px;
}
.userenrolment .col_role {
  width: 262px;
}
.userenrolment .col_role .roles, .userenrolment .col_group .groups {
  margin-right: 30px;
}
.userenrolment .col_role .role {
  float: left;
  padding: 0 3px 3px;
  margin: 0 3px 3px;
  white-space: nowrap;
}
.userenrolment .col_group .group {
  float: left;
  padding: 3px;
  margin: 3px;
  white-space: nowrap;
}
.userenrolment .col_role .role a, .userenrolment .col_group .group a {
  margin-left: 3px;
  cursor: pointer;
}
.userenrolment .col_role .addrole, .userenrolment .col_group .addgroup {
  float: right;
  padding: 3px;
  margin: 3px;
}
.userenrolment .col_role .addrole > a:hover, .userenrolment .col_group .addgroup > a:hover {
  border-bottom: 1px solid #666;
}
.userenrolment .col_role .addrole img, .userenrolment .col_group .addgroup img {
  vertical-align: baseline;
}
.userenrolment .hasAllRoles .col_role .addrole {
  display: none;
}
.userenrolment .col_enrol .enrolment {
  float: left;
  padding: 0 3px 3px;
  margin: 0 3px 3px;
}
.userenrolment .col_enrol .enrolment a {
  float: right;
  margin-left: 3px;
}
#page-enrol-otherusers .userenrolment .col_role .role {
  float: none;
  margin: 3px 3px 3px 0;
  padding: 3px 3px 3px 0;
}
.corelightbox {
  background-color: #ccc;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
}
.corelightbox img {
  position: fixed;
  top: 50%;
  left: 50%;
}
/* Audio player size in 'block' mode (can only change width, height is hardcoded in JS) */
.resourcecontent .mediaplugin_mp3 object {
  height: 25px;
  width: 600px;
}
.resourcecontent audio.mediaplugin_html5audio {
  width: 600px;
}
/** Large resource images should avoid hidden overflow **/
.resourceimage {
  max-width: 100%;
}
/* Audio player size in 'inline' mode (can only change width, as above) */
.mediaplugin_mp3 object {
  height: 15px;
  width: 300px;
}
audio.mediaplugin_html5audio {
  width: 300px;
}
.core_media_preview.pagelayout-embedded #maincontent {
  height: 0;
}
.path-rating .ratingtable {
  width: 100%;
  margin-bottom: 1em;
}
.path-rating .ratingtable th.rating {
  width: 100%;
}
.path-rating .ratingtable td.rating, .path-rating .ratingtable td.time {
  white-space: nowrap;
  text-align: center;
}
/* Moodle Dialogue Settings (moodle-core-dialogue)  */
.moodle-dialogue-base .moodle-dialogue-lightbox {
  background-color: #495057;
}
.pagelayout-popup .moodle-dialogue-base .moodle-dialogue-lightbox {
  background-color: transparent;
}
.pagelayout-popup .moodle-dialogue-base .moodle-dialogue {
  box-shadow: var(--bs-box-shadow);
}
.moodle-dialogue-base .hidden, .moodle-dialogue-base .moodle-dialogue-hidden {
  display: none;
}
.no-scrolling {
  overflow: hidden;
}
.moodle-dialogue-base .moodle-dialogue-fullscreen {
  left: 0;
  top: 0;
  right: 0;
  bottom: -50px;
  position: fixed;
}
.moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
  overflow: auto;
}
.moodle-dialogue-base .moodle-dialogue-wrap {
  background-color: #fff;
  border: 1px solid #ccc;
}
.modal.show {
  display: block;
}
.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd {
  display: flex;
  padding: 1rem 1rem;
  border-bottom: 1px solid #dee2e6;
}
.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd.yui3-widget-hd {
  min-height: 3rem;
  color: initial;
  background: initial;
  font-size: 1.5rem;
  line-height: 1.5;
}
.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd h5, .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .h5 {
  font-size: 1.5rem;
  font-weight: 400;
  margin-bottom: 0;
  line-height: 1.5;
}
.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .yui3-widget-buttons {
  /*rtl:raw:
        left: 0;
        right: auto;
    */
  padding: 0;
  position: relative;
  margin-left: auto;
}
.moodle-dialogue-base .closebutton {
  padding: 1rem 1rem;
  margin: -1rem -1rem -1rem auto;
  position: relative;
  background-color: transparent;
  border: 0;
  background-image: none;
  box-shadow: none;
  opacity: 0.7;
}
.moodle-dialogue-base .closebutton:hover, .moodle-dialogue-base .closebutton:active {
  opacity: 1;
}
.moodle-dialogue-base .closebutton::after {
  content: "×";
}
.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd {
  padding: 0.5rem;
}
.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd body {
  background-color: #fff;
}
.moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
  overflow: auto;
  position: absolute;
  top: 0;
  bottom: 50px;
  left: 0;
  right: 0;
  margin: 0;
  border: 0;
}
.moodle-dialogue-exception .moodle-exception-param label {
  font-weight: bold;
}
.moodle-dialogue-exception .param-stacktrace label {
  background-color: #eee;
  border: 1px solid #ccc;
  border-bottom-width: 0;
}
.moodle-dialogue-exception .param-stacktrace pre {
  border: 1px solid #ccc;
  background-color: #fff;
}
.moodle-dialogue-exception .param-stacktrace .stacktrace-file {
  color: navy;
  font-size: 0.8203125rem;
}
.moodle-dialogue-exception .param-stacktrace .stacktrace-line {
  color: #EF9100;
  font-size: 0.8203125rem;
}
.moodle-dialogue-exception .param-stacktrace .stacktrace-call {
  color: #333;
  font-size: 90%;
  border-bottom: 1px solid #eee;
}
.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft:empty {
  display: none;
}
.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft.yui3-widget-ft {
  background: initial;
}
.moodle-dialogue-confirm .confirmation-message {
  margin: 0.5rem 0;
}
.moodle-dialogue-confirm .confirmation-dialogue input {
  min-width: 80px;
}
.moodle-dialogue-exception .moodle-exception-message {
  margin: 1em;
}
.moodle-dialogue-exception .moodle-exception-param {
  margin-bottom: 0.5em;
}
.moodle-dialogue-exception .moodle-exception-param label {
  width: 150px;
}
.moodle-dialogue-exception .param-stacktrace label {
  display: block;
  margin: 0;
  padding: 4px 1em;
}
.moodle-dialogue-exception .param-stacktrace pre {
  display: block;
  height: 200px;
  overflow: auto;
}
.moodle-dialogue-exception .param-stacktrace .stacktrace-file {
  display: inline-block;
  margin: 4px 0;
}
.moodle-dialogue-exception .param-stacktrace .stacktrace-line {
  display: inline-block;
  width: 50px;
  margin: 4px 1em;
}
.moodle-dialogue-exception .param-stacktrace .stacktrace-call {
  padding-left: 25px;
  margin-bottom: 4px;
  padding-bottom: 4px;
}
.moodle-dialogue .moodle-dialogue-bd .content-lightbox {
  opacity: 0.75;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #fff;
  text-align: center;
  padding: 10% 0;
}
/* Apply a default max-height on tooltip text */
.moodle-dialogue .tooltiptext {
  max-height: 300px;
}
.moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip {
  z-index: 3001;
}
.moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip .moodle-dialogue-bd {
  overflow: auto;
}
/**
 * Chooser Dialogues (moodle-core-chooserdialogue)
 *
 * This CSS belong to the chooser dialogue which should work both with, and
 * without javascript enabled
 */
/* Hide the dialog and it's title */
.chooserdialoguebody, .choosertitle {
  display: none;
}
.moodle-dialogue.chooserdialogue .moodle-dialogue-content .moodle-dialogue-ft {
  margin: 0;
}
.chooserdialogue .moodle-dialogue-wrap .moodle-dialogue-bd {
  padding: 0;
  background: #f2f2f2;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}
/* Center the submit buttons within the area */
.choosercontainer #chooseform .submitbuttons {
  padding: 0.7em 0;
  text-align: right;
}
/* Fixed for safari browser on iPhone4S with ios7@mixin */
@media (max-height: 639px) {
  .ios .choosercontainer #chooseform .submitbuttons {
    padding: 45px 0;
  }
}
.choosercontainer #chooseform .submitbuttons input {
  min-width: 100px;
  margin: 0 0.5em;
}
/* Various settings for the options area */
.choosercontainer #chooseform .options {
  position: relative;
  border-bottom: 1px solid #bbb;
}
/* Only set these options if we're showing the js container */
.jschooser .choosercontainer #chooseform .alloptions {
  overflow-x: hidden;
  overflow-y: auto;
  max-width: 240px;
}
.jschooser .choosercontainer #chooseform .alloptions .option input[type=radio] {
  display: inline-block;
}
.jschooser .choosercontainer #chooseform .alloptions .option .typename {
  display: inline-block;
  width: 55%;
}
/* Settings for option rows and option subtypes */
.choosercontainer #chooseform .moduletypetitle, .choosercontainer #chooseform .option, .choosercontainer #chooseform .nonoption {
  margin-bottom: 0;
  padding: 0 1.6em 0 1.6em;
}
.choosercontainer #chooseform .moduletypetitle {
  text-transform: uppercase;
  padding-top: 1.2em;
  padding-bottom: 0.4em;
  margin-bottom: 0.5rem;
  font-size: 100%;
}
.choosercontainer #chooseform .option .typename, .choosercontainer #chooseform .nonoption .typename {
  padding: 0 0 0 0.5em;
}
.choosercontainer #chooseform .modicon + .typename {
  padding-left: 0;
}
.choosercontainer #chooseform .option input[type=radio], .choosercontainer #chooseform .option span.typename {
  vertical-align: middle;
}
.choosercontainer #chooseform .option label {
  display: block;
  margin: 0;
  padding: 0.5rem 0;
  border-bottom: 1px solid #fff;
}
.choosercontainer #chooseform .option .icon {
  margin: 0;
  padding: 0 1rem;
}
.choosercontainer #chooseform .nonoption {
  padding-left: 2.7em;
  padding-top: 0.3em;
  padding-bottom: 0.1em;
}
.choosercontainer #chooseform .subtype {
  margin-bottom: 0;
  padding: 0 1.6em 0 3.2em;
}
.choosercontainer #chooseform .subtype .typename {
  margin: 0 0 0 0.2em;
}
/* The instruction/help area */
.jschooser .choosercontainer #chooseform .instruction, .jschooser .choosercontainer #chooseform .typesummary {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 240px;
  margin: 0;
  padding: 1.6em;
  background-color: #fff;
  overflow-x: hidden;
  overflow-y: auto;
  line-height: 2em;
}
/* Selected option settings */
.jschooser .choosercontainer #chooseform .instruction, .choosercontainer #chooseform .selected .typesummary {
  display: block;
}
.choosercontainer #chooseform .selected {
  background-color: #fff;
  margin-top: -1px;
  padding-top: 1px;
}
@media (max-width: 575.98px) {
  .jsenabled .choosercontainer #chooseform .alloptions {
    max-width: 100%;
  }
  .jsenabled .choosercontainer #chooseform .instruction, .jsenabled .choosercontainer #chooseform .typesummary {
    position: static;
  }
}
/**
 * Module chooser dialogue (moodle-core-chooserdialogue)
 *
 * This CSS belong to the chooser dialogue which should work both with, and
 * without javascript enabled
 */
.modchooser .modal-body {
  padding: 0;
  overflow-y: auto;
  min-height: 640px;
  display: flex;
  flex-direction: column;
}
.modchooser .modal-body .searchresultitemscontainer-wrapper {
  min-height: 495px;
}
.modchooser .modal-body .carousel-item.active {
  display: flex;
}
.modchooser .modal-body .chooser-container {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}
.modchooser .modal-body .loading-icon {
  opacity: 1;
}
.modchooser .modal-body .loading-icon .icon {
  display: block;
  font-size: 3em;
  max-height: 3em;
  max-width: 3em;
}
.modchooser .modal-body .carousel-item .loading-icon .icon {
  margin: 1em auto;
}
.modchooser .modal-body .searchbar {
  width: 100%;
}
.modchooser .modal-footer {
  height: 70px;
  background: var(--bs-body-bg);
}
.modchooser .modal-footer .moodlenet-logo .icon {
  height: 2.5rem;
  width: 6rem;
  max-height: 2.5rem;
  max-width: 6rem;
  margin-bottom: 0.6rem;
}
.modchoosercontainer.noscroll {
  overflow-y: hidden;
}
.modchoosercontainer .optionscontainer, .modchoosercontainer .searchresultitemscontainer {
  overflow-x: hidden;
}
.modchoosercontainer .optionscontainer .option, .modchoosercontainer .searchresultitemscontainer .option {
  flex-basis: calc(50% - 0.5rem);
}
.modchoosercontainer .optionscontainer .option .optionactions .optionaction, .modchoosercontainer .searchresultitemscontainer .option .optionactions .optionaction {
  cursor: pointer;
  color: #6a737b;
}
.modchoosercontainer .optionscontainer .option .optionactions .optionaction i, .modchoosercontainer .searchresultitemscontainer .option .optionactions .optionaction i {
  margin: 0;
}
.modchoosercontainer .optionscontainer .option .optioninfo a, .modchoosercontainer .searchresultitemscontainer .option .optioninfo a {
  color: #495057;
}
.modchoosercontainer .optionscontainer .option .optioninfo a:hover, .modchoosercontainer .searchresultitemscontainer .option .optioninfo a:hover {
  text-decoration: none;
}
.modchooser .modal-body .optionsummary {
  background-color: #fff;
  overflow-x: hidden;
  overflow-y: auto;
  height: 640px;
}
.modchooser .modal-body .optionsummary .content {
  overflow-y: auto;
}
.modchooser .modal-body .optionsummary .content .heading .icon {
  height: 32px;
  width: 32px;
  font-size: 32px;
  padding: 0;
}
.modchooser .modal-body .optionsummary .actions {
  border-top: 1px solid #dee2e6;
  background: #fff;
}
@media (max-width: 575.98px) {
  .path-course-view .modal-dialog.modal-lg, .path-course-view .modal-content, .modchooser .modal-body, .modchooser .modal-body .carousel, .modchooser .modal-body .carousel-inner, .modchooser .modal-body .carousel-item, .modchooser .modal-body .optionsummary, .modchoosercontainer, .optionscontainer, .searchresultitemscontainer {
    min-height: auto;
    height: 100%;
    overflow-y: auto;
  }
  .path-course-view .modal-dialog.modal-lg {
    margin: 0;
  }
  .modchooser .modal-body .searchresultitemscontainer-wrapper {
    min-height: auto;
  }
}
@media (min-width: 576px) {
  .modchoosercontainer .optionscontainer .option, .modchoosercontainer .searchresultitemscontainer .option {
    flex-basis: calc(33.33% - 0.5rem);
  }
}
@media (min-width: 992px) {
  .modchoosercontainer .optionscontainer .option, .modchoosercontainer .searchresultitemscontainer .option {
    flex-basis: calc(16.66% - 0.5rem);
  }
}
/* Form element: listing */
.formlistingradio {
  padding-bottom: 25px;
  padding-right: 10px;
}
.formlistinginputradio {
  float: left;
}
.formlistingmain {
  min-height: 225px;
}
.formlisting {
  position: relative;
  margin: 15px 0;
  padding: 1px 19px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
}
.formlistingmore {
  position: absolute;
  cursor: pointer;
  bottom: -1px;
  right: -1px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  background-color: whitesmoke;
  border: 1px solid #ddd;
  color: #9da0a4;
  border-radius: 4px 0 4px 0;
}
.formlistingall {
  margin: 15px 0;
  padding: 0;
  border-radius: 4px;
}
.formlistingrow {
  cursor: pointer;
  border-bottom: 1px solid;
  border-color: #e1e1e8;
  border-left: 1px solid #e1e1e8;
  border-right: 1px solid #e1e1e8;
  background-color: #f7f7f9;
  border-radius: 0 0 4px 4px;
  padding: 6px;
  top: 50%;
  left: 50%;
  min-height: 34px;
  float: left;
  width: 150px;
}
body.jsenabled .formlistingradio {
  display: none;
}
body.jsenabled .formlisting {
  display: block;
}
a.criteria-action {
  padding: 0 3px;
  float: right;
}
div.criteria-description {
  padding: 10px 15px;
  margin: 5px 0;
  background: none repeat scroll 0 0 #f9f9f9;
  border: 1px solid #eee;
}
ul.badges {
  margin: 0;
  list-style: none;
}
.badges li {
  position: relative;
  display: inline-block;
  padding-top: 1em;
  text-align: center;
  vertical-align: top;
  width: 150px;
}
.badges li .badge-name {
  display: block;
  padding: 5px;
}
.badges li > img {
  position: absolute;
}
.badges li .badge-image {
  width: 100px;
  height: 100px;
  left: 10px;
  top: 0;
  z-index: 1;
}
.badges li .badge-actions {
  position: relative;
}
.badges li .expireimage {
  background-image: url(/theme/image.php/boost_union/core/1792421257/i/expired);
  background-repeat: no-repeat;
  background-size: 100px 100px;
  width: 100px;
  height: 100px;
  left: 25px;
  top: 15px;
  position: absolute;
  z-index: 10;
  opacity: 0.85;
}
#badge-image {
  background-color: transparent;
  padding: 0;
  position: relative;
  min-width: 100px;
  width: 20%;
  display: inline-block;
  vertical-align: top;
  margin-top: 17px;
  margin-bottom: 20px;
}
#badge-image .expireimage {
  background-image: url(/theme/image.php/boost_union/core/1792421257/i/expired);
  background-repeat: no-repeat;
  background-size: 100px 100px;
  width: 100px;
  height: 100px;
  left: 0;
  top: 0;
  opacity: 0.85;
  position: absolute;
  z-index: 10;
}
#badge-image .singlebutton {
  padding-top: 5px;
  display: block;
}
#badge-image .singlebutton button {
  margin-left: 4px;
}
#badge-details {
  display: inline-block;
  width: 79%;
}
#badge-overview dl, #badge-details dl {
  margin: 0;
}
#badge-overview dl dt, #badge-overview dl dd, #badge-details dl dt, #badge-details dl dd {
  vertical-align: top;
  padding: 3px 0;
}
#badge-overview dl dt, #badge-details dl dt {
  clear: both;
  display: inline-block;
  width: 20%;
  min-width: 100px;
}
#badge-overview dl dd, #badge-details dl dd {
  display: inline-block;
  width: 79%;
  margin-left: 1%;
}
#badge-criteria li li {
  list-style-type: none;
}
#badge-image-col {
  flex: 0 0 400px;
}
.badge-profile {
  vertical-align: top;
}
.connected {
  color: #276E00;
}
.notconnected {
  color: #AD1B00;
}
.connecting {
  color: #EF9100;
}
#page-badges-index #page .badges-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#page-badges-index #page h2, #page-badges-index #page .h2 {
  margin: 0;
  /* Removes default margins */
}
#page-badges-index #page #action_bar {
  margin: 0;
  /* Removes any default margin that might affect alignment */
}
#page-badges-index #page .tertiary-navigation.container-fluid, #page-badges-index #page .tertiary-navigation.container-sm, #page-badges-index #page .tertiary-navigation.container-md, #page-badges-index #page .tertiary-navigation.container-lg, #page-badges-index #page .tertiary-navigation.container-xl, #page-badges-index #page .tertiary-navigation.container-xxl {
  width: auto;
  height: 50px;
  padding-top: 0;
}
#page-badges-award .recipienttable tr td {
  vertical-align: top;
}
#page-badges-award .recipienttable tr td.actions .actionbutton {
  margin: 0.3em 0;
  padding: 0.5em 0;
  width: 100%;
}
#page-badges-award .recipienttable tr td.existing, #page-badges-award .recipienttable tr td.potential {
  width: 42%;
}
#issued-badge-table .activatebadge {
  display: inline-block;
}
.statusbox.active {
  background-color: #d4e2cc;
}
.statusbox.inactive {
  background-color: #fce9cc;
}
.statusbox {
  text-align: center;
  margin-bottom: 5px;
  padding: 5px;
}
.statusbox .activatebadge {
  display: inline-block;
}
.statusbox .activatebadge input[type=submit] {
  margin: 3px;
}
.activatebadge {
  margin: 0;
  text-align: left;
  vertical-align: middle;
}
img#persona_signin {
  cursor: pointer;
}
.addcourse {
  float: right;
}
.invisiblefieldset {
  display: inline;
  padding: 0;
  border-width: 0;
}
/** Page header */
#page-header h1.h2, #page-header .h2.h1 {
  font-weight: bold;
}
#page-header .logo {
  margin: 1rem 0;
}
#page-header .logo img {
  max-height: 75px;
}
/** Navbar logo. */
nav.navbar .logo img {
  max-height: 35px;
}
.nav.usernav .nav-item {
  display: flex;
}
.nav.usernav .usermenu .dropdown-toggle {
  padding: 0 0.5rem;
}
/** Header-bar styles **/
.page-context-header {
  overflow: hidden;
  padding: 0.25rem 0;
}
.page-context-header .page-header-image > a {
  display: inline-block;
}
.page-context-header .page-header-image .userinitials, .page-context-header .page-header-image .userpicture {
  margin-right: 1rem;
}
ul.dragdrop-keyboard-drag li {
  list-style-type: none;
}
ul.dragdrop-keyboard-drag li a, ul.dragdrop-keyboard-drag li a:hover {
  color: inherit;
  text-decoration: none;
}
a.disabled:hover, a.disabled {
  text-decoration: none;
  cursor: default;
  font-style: italic;
  color: var(--bs-secondary-color);
}
a.btn.disabled, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.disabled.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.disabled.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.disabled.collapseexpand, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) a.disabled, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging a.disabled, .activity-navigation a.disabled#prev-activity-link, .activity-navigation a.disabled#next-activity-link, .section-navigation .prevsection a.disabled, .section-navigation .nextsection a.disabled {
  opacity: 1;
}
body.lockscroll {
  height: 100%;
  overflow: hidden;
}
.progressbar_container {
  max-width: 500px;
  margin: 0 auto;
}
/* IE10 only fix for calendar titling */
.ie10 .yui3-calendar-header-label {
  display: inline-block;
}
dd:before, dd:after {
  display: block;
  content: " ";
}
dd:after {
  clear: both;
}
.nav-tabs > .active > a[href], .nav-tabs > .active > a[href]:hover, .nav-tabs > .active > a[href]:focus {
  cursor: pointer;
}
.inplaceeditable.inplaceeditingon {
  position: relative;
}
.inplaceeditable.inplaceeditingon .editinstructions {
  margin-top: -30px;
  font-weight: normal;
  margin-right: 0;
  margin-left: 0;
  left: 0;
  right: auto;
  white-space: nowrap;
  position: absolute;
  top: 0;
  font-size: 0.8203125rem;
  padding: 0.1em 0.4em;
  text-decoration: none;
  z-index: 9999;
  border: var(--bs-border-width) solid transparent;
  width: fit-content;
  color: #021f6f;
  border-color: #b3c2ea;
  background-color: #cdd6f1;
}
@media (min-width: 576px) {
  .inplaceeditable.inplaceeditingon input {
    width: 330px;
    vertical-align: text-bottom;
    margin-bottom: 0;
  }
  .inplaceeditable.inplaceeditingon input[role="combobox"] {
    width: auto;
  }
}
.inplaceeditable.inplaceeditingon select {
  margin-bottom: 0;
}
.inplaceeditable .quickediticon img {
  opacity: 0.2;
}
.inplaceeditable .quickeditlink {
  color: inherit;
  text-decoration: inherit;
}
.inplaceeditable:hover .quickeditlink .quickediticon img, .inplaceeditable .quickeditlink:focus .quickediticon img {
  opacity: 1;
}
.inplaceeditable.inplaceeditable-toggle .quickediticon {
  display: none;
}
.inplaceeditable.inplaceeditable-autocomplete {
  display: block;
}
/** Chart area. */
@media (min-width: 992px) {
  .chart-area .chart-image {
    position: relative;
    margin: auto;
    height: 48vh;
    width: 46vw;
  }
}
.chart-area .chart-table-data {
  display: none;
}
.chart-area .chart-table {
  /** When accessible, we display the table only. */
}
.chart-area .chart-table .chart-output-htmltable caption {
  white-space: nowrap;
}
.chart-area .chart-table.accesshide .chart-table-expand {
  display: none;
}
.chart-area .chart-table.accesshide .chart-table-data {
  display: block;
}
/* YUI 2 Tree View */
/*rtl:raw:
.ygtvtn,
.ygtvtm,
.ygtvtmh,
.ygtvtmhh,
.ygtvtp,
.ygtvtph,
.ygtvtphh,
.ygtvln,
.ygtvlm,
.ygtvlmh,
.ygtvlmhh,
.ygtvlp,
.ygtvlph,
.ygtvlphh,
.ygtvdepthcell,
.ygtvok,
.ygtvok:hover,
.ygtvcancel,
.ygtvcancel:hover {
    background-image: url(/theme/image.php/boost_union/theme/1792421257/yui2-treeview-sprite-rtl);
}
*/
.hover-tooltip-container {
  position: relative;
}
.hover-tooltip-container .hover-tooltip {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  /*rtl:ignore*/
  left: 50%;
  top: calc(-50% - 5px);
  transform: translate(-50%, -50%);
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  box-sizing: border-box;
  padding: 5px;
  white-space: nowrap;
  transition: opacity 0.15s, visibility 0.15s;
  z-index: 1000;
}
.hover-tooltip-container .hover-tooltip:before {
  content: "";
  display: inline-block;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid rgba(0, 0, 0, 0.2);
  position: absolute;
  bottom: -8px;
  left: calc(50% - 8px);
}
.hover-tooltip-container .hover-tooltip:after {
  content: "";
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #fff;
  position: absolute;
  bottom: -6px;
  left: calc(50% - 7px);
  z-index: 2;
}
.hover-tooltip-container:hover .hover-tooltip {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.15s 0.5s, visibility 0.15s 0.5s;
}
#region-flat-nav {
  padding-right: 0;
  padding-left: 0;
}
#region-flat-nav .nav {
  margin-right: 0.75rem;
  background-color: var(--bs-body-bg);
}
@media (max-width: 767.98px) {
  #region-flat-nav .nav {
    margin-top: 1.5rem;
    margin-right: 0;
  }
}
.footer-dark a {
  color: #fff;
  text-decoration: underline;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.footer-dark a .icon {
  color: #fff;
}
.footer-dark a:focus .icon {
  color: #1d2125;
}
.footer-popover .btn-footer-popover {
  display: none;
  position: fixed;
  bottom: 2rem;
  right: 2rem;
}
.btn-footer-communication {
  display: none;
  position: fixed;
  bottom: 5rem;
  right: 2rem;
}
.hasstickyfooter .btn-footer-popover {
  bottom: calc(1rem + calc(max(80px, calc(0.9375rem * 3))));
}
.hasstickyfooter .btn-footer-communication {
  bottom: calc(4rem + calc(max(80px, calc(0.9375rem * 3))));
}
.hasstickyfooter .maintenancewarning {
  bottom: calc(max(80px, calc(0.9375rem * 3)));
}
.popover.footer .popover-body {
  padding: 0;
}
.popover.footer .popover-body .footer-section > div, .popover.footer .popover-body .tool_usertours-resettourcontainer .usertour > div, .tool_usertours-resettourcontainer .popover.footer .popover-body .usertour > div {
  padding-bottom: 0.2rem;
}
.popover.footer .popover-body .footer-section a, .popover.footer .popover-body .tool_usertours-resettourcontainer .usertour a, .tool_usertours-resettourcontainer .popover.footer .popover-body .usertour a {
  color: #1d2125;
  text-decoration: underline;
}
.popover.footer .popover-body .footer-section a .icon, .popover.footer .popover-body .tool_usertours-resettourcontainer .usertour a .icon, .tool_usertours-resettourcontainer .popover.footer .popover-body .usertour a .icon {
  color: #1d2125;
}
.popover.footer .popover-body .footer-section a:focus, .popover.footer .popover-body .tool_usertours-resettourcontainer .usertour a:focus, .tool_usertours-resettourcontainer .popover.footer .popover-body .usertour a:focus {
  text-decoration: none;
}
.footer-support-link {
  padding-bottom: 5px;
}
.footer-content-popover .footer-section > div, .footer-content-popover .tool_usertours-resettourcontainer .usertour > div, .tool_usertours-resettourcontainer .footer-content-popover .usertour > div {
  padding-bottom: 0.1rem;
}
@media (min-width: 576px) {
  .jsenabled #page-footer .footer-content-popover {
    display: none;
  }
  .jsenabled .btn-footer-popover, .jsenabled .btn-footer-communication {
    display: block;
    z-index: 1000;
  }
  .jsenabled .maintenancewarning, .jsenabled.hasstickyfooter:has(.drawer-right-toggle) .maintenancewarning {
    right: 5rem;
  }
}
.bg-inverse a {
  color: #fff;
  text-decoration: underline;
}
.bg-inverse a .icon {
  color: #fff;
}
.sitelink img {
  width: 112px;
}
.competency-tree ul {
  padding-left: 1.5rem;
}
.visually-hidden-focusable:active, .visually-hidden-focusable:focus {
  z-index: 1031;
  position: fixed;
  background: #fff;
  padding: 7px;
  left: 0;
  top: 0;
}
[data-drag-type="move"] {
  cursor: move;
  touch-action: none;
}
.clickable {
  cursor: pointer;
}
.overlay-icon-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.6);
}
.overlay-icon-container .loading-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.overlay-icon-container .loading-icon .icon {
  max-height: 2em;
  max-width: 2em;
  font-size: 2em;
}
.w-auto {
  width: auto;
}
.bg-pulse-grey {
  animation: bg-pulse-grey 2s infinite linear;
}
@keyframes bg-pulse-grey {
  0% {
    background-color: #f8f9fa;
  }
  50% {
    background-color: #e9ecef;
  }
  100% {
    background-color: #f8f9fa;
  }
}
.line-height-0 {
  line-height: 0 !important;
  /* stylelint-disable-line declaration-no-important */
}
.line-height-1 {
  line-height: 0.25rem !important;
  /* stylelint-disable-line declaration-no-important */
}
.line-height-2 {
  line-height: 0.5rem !important;
  /* stylelint-disable-line declaration-no-important */
}
.line-height-3 {
  line-height: 1rem !important;
  /* stylelint-disable-line declaration-no-important */
}
.line-height-4 {
  line-height: 1.5rem !important;
  /* stylelint-disable-line declaration-no-important */
}
.line-height-5 {
  line-height: 2rem !important;
  /* stylelint-disable-line declaration-no-important */
}
.line-height-6 {
  line-height: 3rem !important;
  /* stylelint-disable-line declaration-no-important */
}
.dir-rtl .dir-rtl-hide {
  display: none;
}
.dir-ltr .dir-ltr-hide {
  display: none;
}
.paged-content-page-container {
  min-height: 3.125rem;
}
body.h5p-embed #page-content {
  display: inherit;
}
body.h5p-embed #maincontent {
  display: none;
}
body.h5p-embed .h5pmessages {
  min-height: 230px;
}
#h5pcontenttypes td {
  vertical-align: middle;
}
#page.drawers form#h5peditor, #page.drawers form#coolh5peditor, #page.drawers .core_contentbank_viewcontent {
  max-width: 960px;
  margin: 0 auto;
}
#page-contentbank-edit fieldset {
  margin-top: 1em;
}
.text-decoration-none {
  text-decoration: none !important;
  /* stylelint-disable-line declaration-no-important */
}
.colour-inherit {
  color: inherit !important;
  /* stylelint-disable-line declaration-no-important */
}
.position-right {
  right: 0 !important;
  /* stylelint-disable-line declaration-no-important */
}
.overflow-hidden {
  overflow: hidden !important;
  /* stylelint-disable-line declaration-no-important */
}
.text-break {
  overflow-wrap: break-word !important;
  /* stylelint-disable-line declaration-no-important */
}
.word-break {
  word-break: break-word !important;
  /* stylelint-disable-line declaration-no-important */
}
.z-index-0 {
  z-index: 0 !important;
  /* stylelint-disable-line declaration-no-important */
}
.z-index-1 {
  z-index: 1 !important;
  /* stylelint-disable-line declaration-no-important */
}
.img-responsive {
  max-width: 100%;
  height: auto;
}
input[disabled] {
  cursor: not-allowed;
}
.fade.in {
  opacity: 1;
}
.clamp-2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.word-break-all {
  word-break: break-all;
}
.matchtext {
  background-color: #74d8e4;
  color: #1d2125;
  height: 1.5rem;
}
.border-radius {
  border-radius: var(--bs-border-radius);
}
.v-hidden {
  visibility: hidden;
}
.dialog-big {
  max-width: 500px;
}
.dialog-small {
  max-width: 300px;
}
@media (min-width: 576px) {
  .dialog-big {
    width: 500px;
  }
  .dialog-small {
    width: 300px;
  }
}
/*
 * Helpers to show elements only when a parent element has focus or hover.
 */
.v-parent-focus {
  opacity: 0;
  visibility: hidden;
}
.focus-control:focus-within .v-parent-focus, .focus-control:hover .v-parent-focus {
  opacity: 1;
  visibility: visible;
}
.emoji-picker {
  width: 350px;
  height: 400px;
}
.emoji-picker .category-button {
  padding: 0.375rem 0;
  height: 100%;
  width: 38.8888888889px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 2px solid transparent;
}
.emoji-picker .category-button.selected {
  border-bottom: 2px solid #176B75;
}
.emoji-picker .emojis-container, .emoji-picker .search-results-container {
  min-width: 280px;
}
.emoji-picker .picker-row {
  height: 40px;
}
.emoji-picker .picker-row .category-name {
  line-height: 40px;
}
.emoji-picker .picker-row .emoji-button {
  height: 40px;
  width: 40px;
  line-height: 40px;
  font-size: 24px;
  overflow: hidden;
}
.emoji-picker .emoji-preview {
  height: 40px;
  font-size: 40px;
  line-height: 40px;
}
.emoji-picker .emoji-short-name {
  line-height: 20px;
}
@media (max-width: 575.98px) {
  .emoji-picker {
    width: 320px;
  }
}
.emoji-auto-complete {
  height: 40px;
}
.emoji-auto-complete .btn.btn-icon.emoji-button, .emoji-auto-complete .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.btn-icon.emoji-button.collapseexpand, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .emoji-auto-complete a.btn-icon.emoji-button.collapseexpand, .emoji-auto-complete .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.btn-icon.emoji-button.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .emoji-auto-complete a.btn-icon.emoji-button.collapseexpand, .emoji-auto-complete #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.btn-icon.emoji-button.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .emoji-auto-complete a.btn-icon.emoji-button.collapseexpand, .emoji-auto-complete #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) a.btn-icon.emoji-button, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) .emoji-auto-complete a.btn-icon.emoji-button, .emoji-auto-complete #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging a.btn-icon.emoji-button, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging .emoji-auto-complete a.btn-icon.emoji-button, .emoji-auto-complete .activity-navigation .btn-icon.emoji-button#prev-activity-link, .activity-navigation .emoji-auto-complete .btn-icon.emoji-button#prev-activity-link, .emoji-auto-complete .activity-navigation .btn-icon.emoji-button#next-activity-link, .activity-navigation .emoji-auto-complete .btn-icon.emoji-button#next-activity-link, .emoji-auto-complete .section-navigation .prevsection a.btn-icon.emoji-button, .section-navigation .prevsection .emoji-auto-complete a.btn-icon.emoji-button, .emoji-auto-complete .section-navigation .nextsection a.btn-icon.emoji-button, .section-navigation .nextsection .emoji-auto-complete a.btn-icon.emoji-button {
  height: 40px;
  width: 40px;
  line-height: 40px;
  font-size: 24px;
}
.emoji-auto-complete .btn.btn-icon.emoji-button.active, .emoji-auto-complete .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.btn-icon.emoji-button.active.collapseexpand, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .emoji-auto-complete a.btn-icon.emoji-button.active.collapseexpand, .emoji-auto-complete .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.btn-icon.emoji-button.active.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .emoji-auto-complete a.btn-icon.emoji-button.active.collapseexpand, .emoji-auto-complete #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.btn-icon.emoji-button.active.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .emoji-auto-complete a.btn-icon.emoji-button.active.collapseexpand, .emoji-auto-complete #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) a.btn-icon.emoji-button.active, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) .emoji-auto-complete a.btn-icon.emoji-button.active, .emoji-auto-complete #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging a.btn-icon.emoji-button.active, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging .emoji-auto-complete a.btn-icon.emoji-button.active, .emoji-auto-complete .activity-navigation .btn-icon.emoji-button.active#prev-activity-link, .activity-navigation .emoji-auto-complete .btn-icon.emoji-button.active#prev-activity-link, .emoji-auto-complete .activity-navigation .btn-icon.emoji-button.active#next-activity-link, .activity-navigation .emoji-auto-complete .btn-icon.emoji-button.active#next-activity-link, .emoji-auto-complete .section-navigation .prevsection a.btn-icon.emoji-button.active, .section-navigation .prevsection .emoji-auto-complete a.btn-icon.emoji-button.active, .emoji-auto-complete .section-navigation .nextsection a.btn-icon.emoji-button.active, .section-navigation .nextsection .emoji-auto-complete a.btn-icon.emoji-button.active {
  background-color: #e9ecef;
}
.toast-wrapper {
  max-width: 350px;
  max-height: 0;
  z-index: 1051;
}
.toast-wrapper > :first-child {
  margin-top: 1rem;
}
.alert-primary a {
  color: #06191c;
}
.alert-primary .btn-close {
  color: black;
  opacity: 0.6;
}
.alert-secondary a {
  color: #636669;
}
.alert-secondary .btn-close {
  color: #4a4c4f;
  opacity: 0.6;
}
.alert-success a {
  color: #050f00;
}
.alert-success .btn-close {
  color: black;
  opacity: 0.6;
}
.alert-info a {
  color: #01113d;
}
.alert-info .btn-close {
  color: #00030b;
  opacity: 0.6;
}
.alert-warning a {
  color: #5c3800;
}
.alert-warning .btn-close {
  color: #291900;
  opacity: 0.6;
}
.alert-danger a {
  color: #350800;
}
.alert-danger .btn-close {
  color: #020000;
  opacity: 0.6;
}
.alert-light a {
  color: #7b7b7d;
}
.alert-light .btn-close {
  color: #626263;
  opacity: 0.6;
}
.alert-dark a {
  color: black;
}
.alert-dark .btn-close {
  color: black;
  opacity: 0.6;
}
.alert a {
  font-weight: 700;
}
.breadcrumb:empty {
  padding: 0;
}
@media (max-width: 767.98px) {
  #page-navbar {
    width: 100%;
  }
  .breadcrumb:not(:empty) {
    width: 100%;
    flex-wrap: nowrap;
    margin-bottom: 0.5rem;
  }
  .breadcrumb:not(:empty) .breadcrumb-item {
    padding-top: 0.33333rem;
    padding-bottom: 0.33333rem;
    display: inline-flex;
    overflow: hidden;
  }
  .breadcrumb:not(:empty) .breadcrumb-item a, .breadcrumb:not(:empty) .breadcrumb-item span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .mform {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
  }
  .pagination {
    flex-wrap: wrap;
    justify-content: center;
  }
  .card .card-body {
    padding: 0.5rem;
  }
  #page-header .card {
    border: 0;
  }
  #page-header .card .card-body {
    padding: 0;
  }
  .nav-tabs:not(.more-nav), .nav-pills {
    --bs-nav-tabs-link-active-color: #fff;
    --bs-nav-tabs-link-active-bg: #176B75;
    margin: 0;
    border: 0;
    padding: 0.125rem;
    background-color: #e9ecef;
  }
  .nav-tabs:not(.more-nav) .nav-item, .nav-pills .nav-item {
    flex: 1 1 auto;
    text-align: center;
  }
  .nav-tabs:not(.more-nav) .nav-link, .nav-pills .nav-link {
    border: 0;
    margin: 0.125rem;
  }
  .nav-tabs:not(.more-nav) .nav-link:not(.active), .nav-pills .nav-link:not(.active) {
    background-color: var(--bs-body-bg);
  }
}
@media (max-width: 576px) and (max-height: 320px) {
  div#page {
    margin-top: 0;
  }
  .navbar.fixed-top {
    position: relative;
    z-index: inherit;
  }
}
.link-underline {
  text-decoration: underline;
}
.link-underline:focus {
  text-decoration: none;
}
.alert.cta .cta-icon .icon {
  padding: 0.3rem;
}
.alert.cta .cta-icon .icon.fa {
  border-radius: 50%;
  border-style: solid;
  border-width: 0.125rem;
}
.core_payment_gateways_modal .form-check-label::before, .core_payment_gateways_modal .form-check-label::after {
  top: 45%;
}
.visual-scroll-x {
  scrollbar-width: thin;
  scrollbar-color: #176B75 #74d8e4;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
.visual-scroll-x::-webkit-scrollbar {
  height: 8px;
  -webkit-appearance: none;
  appearance: none;
}
.visual-scroll-x::-webkit-scrollbar-thumb {
  background-color: #176B75;
  border-right: 1px solid #fff;
}
.visual-scroll-x::-webkit-scrollbar-track {
  background-color: #74d8e4;
  border-right: 1px solid #fff;
}
body.dragging .drop-zone {
  border: 1px dashed #1d2125;
}
body.dragging .drop-up {
  border-top: 1px solid #1d2125;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
body.dragging .drop-down {
  border-bottom: 1px solid #1d2125;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
body.dragging .dragging {
  opacity: 0.6;
}
.dragicon {
  visibility: hidden;
}
.draggable:hover .dragicon {
  visibility: visible;
  cursor: move;
}
.dropzone-container {
  cursor: pointer;
}
.dropzone-container .dropzone {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  border: 2px dashed #bbb;
  border-radius: 0.5rem;
}
.dropzone-container .dropzone.dragover {
  border: 2px dashed #6c8cd3;
}
.dropzone-container .dropzone-icon {
  color: #8f959e;
}
.dropzone-container .dropzone-icon .icon {
  font-size: 6em;
  width: auto;
  height: auto;
  max-width: initial;
  max-height: initial;
  margin-right: 0;
}
.dropzone-container .dropzone-visually-hidden-focusable:active, .dropzone-container .dropzone-visually-hidden-focusable:focus {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(23, 107, 117, 0.75);
  z-index: 1070;
  position: relative;
  background: #fff;
  padding: 7px;
}
.overlay-preview {
  background-color: rgba(255, 255, 255, 0.8);
  border: 2px dashed #176B75;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.overlay-preview .overlay-preview-wrapper {
  position: absolute;
  top: 0;
  padding: 2rem;
  width: 100%;
}
.overlay-preview .overlay-preview-content {
  position: relative;
  top: 0;
  padding: 1rem;
  margin: 0 auto;
  width: 100%;
  max-width: 600px;
  background-color: #176B75;
  color: #fff;
  text-align: center;
  font-size: 1.171875rem;
  border-radius: 0.5rem;
}
.overlay-preview-borders {
  outline: 2px dashed #176B75;
}
.waitstate {
  display: none;
}
.stateready .waitstate {
  display: inherit;
}
.stateready .whilenostate {
  display: none;
}
.collapse-list .collapse-list-item {
  padding: 0.5rem 1rem;
}
.collapse-list .collapse-list-item:hover, .collapse-list .collapse-list-item:focus {
  background-color: #e6ebf8;
  border-color: #b3c2ea;
}
.collapse-list .collapse-list-item-content .collapse-list-item {
  padding-left: calc(1rem * 3);
}
.page-mycourses .block_myoverview .block-cards {
  border-top: 1px solid #dee2e6;
  padding-top: 0.5rem;
}
.page-mycourses .drawers .block_myoverview {
  border: 0;
}
.page-mycourses .drawers .block_myoverview > .card-body {
  padding-top: 0 !important;
  /* stylelint-disable-line declaration-no-important */
  padding-left: 0 !important;
  /* stylelint-disable-line declaration-no-important */
  padding-right: 0 !important;
  /* stylelint-disable-line declaration-no-important */
}
#page-my-index .my-action-buttons {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.dropdown-toggle::after {
  font: var(--fa-font-solid);
  content: "";
  margin-right: 0;
  margin-left: 4px;
  font-size: 9px;
  width: 9px;
  border: 0;
}
.listitem-category .dropdown-toggle::after {
  /* This can be removed when the .dropdown-toggle::after is updated to remove content. */
  content: none;
}
.dropleft .dropdown-toggle::before {
  border: 0;
  font: var(--fa-font-solid);
  content: "";
  font-size: 9px;
  margin-left: 0;
  margin-right: 4px;
  width: 9px;
}
.dir-rtl .dropleft .dropdown-toggle::before {
  content: "";
}
.dropright .dropdown-toggle::after {
  border: 0;
  font: var(--fa-font-solid);
  content: "";
}
.dir-rtl .dropright .dropdown-toggle::after {
  content: "";
}
.dropup .dropdown-toggle::after {
  border: 0;
  font: var(--fa-font-solid);
  content: "";
}
.select-menu li:first-child ul[role="group"] {
  padding: 0;
}
.select-menu ul[role="group"] {
  padding: 0.3rem 0 0 0;
  margin: 0;
}
.select-menu ul[role="group"] li:first-child {
  cursor: default;
  color: #6a737b;
  padding: 0.25rem 1.5rem;
  display: block;
}
.select-menu ul[role="group"] .dropdown-item {
  padding-left: 2.5rem;
}
.select-menu .dropdown-item {
  padding: 0.25rem 1.5rem;
}
.select-menu .dropdown-item [aria-selected="true"] {
  font-weight: bold;
}
[role="listbox"] [role="option"] {
  cursor: pointer;
}
[role="listbox"] [role="option"][aria-selected="true"] {
  font-weight: bold;
}
.initialbargroups ul {
  -webkit-margin-start: 0;
  /* stylelint-disable-line */
  margin-right: -1px;
}
.initialbargroups .page-item:first-child .page-link {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.initialbargroups .pagination-lg:first-child .page-item:first-child .page-link {
  border-top-left-radius: var(--bs-border-radius-lg);
  border-bottom-left-radius: var(--bs-border-radius-lg);
}
.initialbargroups .pagination-sm:first-child .page-item:first-child .page-link {
  border-top-left-radius: var(--bs-border-radius-sm);
  border-bottom-left-radius: var(--bs-border-radius-sm);
}
.initialbargroups .page-item:last-child .page-link {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.initialbargroups .pagination-lg:last-child .page-item:last-child .page-link {
  border-top-right-radius: var(--bs-border-radius-lg);
  border-bottom-right-radius: var(--bs-border-radius-lg);
}
.initialbargroups .pagination-sm:last-child .page-item:last-child .page-link {
  border-top-right-radius: var(--bs-border-radius-sm);
  border-bottom-right-radius: var(--bs-border-radius-sm);
}
blockquote {
  margin: 0 0.5rem 1rem;
  padding-left: 1rem;
  color: #495057;
  border-left: 5px solid #8f959e;
}
.pagelayout-maintenance .page-header-headings, .pagelayout-secure .page-header-headings {
  background-color: #fff;
}
/* Prevent long strings exceeding page width */
.page-header-headings:not(.text-truncate), .coursename:not(.text-truncate), .categoryname:not(.text-truncate), .breadcrumb-item:not(.text-truncate) {
  word-break: normal;
  overflow-wrap: anywhere;
  white-space: normal;
}
/* Showmore component */
.showmore-container.collapsed .expanded-content {
  display: none;
}
.showmore-container:not(.collapsed) .collapsed-content {
  display: none;
}
.showmore-container .showmore-button {
  float: right;
  text-decoration: none;
}
.showmore-container .showmore-button .icon {
  font-size: 0.8203125rem;
  margin: 0;
}
/* Combobox search dropdowns */
.usersearchdropdown.dropdown-menu, .gradesearchdropdown.dropdown-menu, .groupsearchdropdown.dropdown-menu {
  top: 100%;
  width: 350px;
}
.usersearchdropdown.dropdown-menu .searchresultitemscontainer, .gradesearchdropdown.dropdown-menu .searchresultitemscontainer, .groupsearchdropdown.dropdown-menu .searchresultitemscontainer {
  max-height: 170px;
  overflow: auto;
  /* stylelint-disable declaration-no-important */
}
.usersearchdropdown.dropdown-menu .searchresultitemscontainer img, .gradesearchdropdown.dropdown-menu .searchresultitemscontainer img, .groupsearchdropdown.dropdown-menu .searchresultitemscontainer img {
  height: 48px !important;
  width: 48px !important;
}
/* Bulk actions in sticky footer. */
#sticky-footer [data-type="bulkactions"] {
  display: flex;
  flex: 0 0 100%;
  align-items: center;
}
/* Choice list component. */
.choicelist {
  min-width: calc(300px - 25px);
}
.choicelist i.icon {
  vertical-align: middle;
}
/* General card customisations. */
.card.active {
  border-color: #8f959e;
}
.action-menu .dropdown-toggle {
  text-decoration: none;
  display: inline-block;
}
.action-menu {
  white-space: nowrap;
  display: inline;
}
.action-menu .dropdown-toggle.no-caret::after {
  display: none;
}
.action-menu .dropdown-toggle.no-caret::before {
  display: none;
}
.action-menu .dropdown.downleft .dropdown-subpanel-content {
  right: 0;
  left: auto;
}
.action-menu .dropdown-subpanel.content-displayed {
  background-color: #e9ecef;
}
.action-menu .dropdown-subpanel-content {
  max-width: 300px;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.15);
}
.action-menu .dropdown-subpanel-content.show {
  animation: 0.15s animate-pop;
}
@media (prefers-reduced-motion: reduce) {
  .action-menu .dropdown-subpanel-content.show {
    animation: none;
  }
}
body.behat-site .action-menu .dropdown-subpanel-content.show {
  animation: none;
}
.action-menu .dropdown-subpanel .dropdown-item::after {
  border: 0;
  font: var(--fa-font-solid);
  content: "";
}
.action-menu .dropdown-subpanel .dropdown-item::before {
  display: none;
}
@keyframes animate-pop {
  0% {
    transform: scale(0.9, 0.9);
  }
  100% {
    transform: scale(1, 1);
  }
}
.dir-rtl .action-menu .dropdown-subpanel .dropdown-item::after {
  border: 0;
  font: var(--fa-font-solid);
  content: "";
}
.dir-rtl .action-menu .dropdown-subpanel .dropdown-item::before {
  display: none;
}
.dropdown-item a {
  display: block;
  width: 100%;
  color: #1d2125;
}
.dropdown-item.active a, .dropdown-item:active a, .dropdown-item:hover a, .dropdown-item:focus a, .dropdown-item:focus-within a {
  color: #fff;
}
.dropdown-item[aria-current="true"], .dropdown-item[aria-selected="true"] {
  position: relative;
  display: flex;
  align-items: center;
}
.dropdown-item[aria-current="true"]:before, .dropdown-item[aria-selected="true"]:before {
  font: var(--fa-font-solid);
  content: "";
  position: absolute;
  left: 0.4rem;
  font-size: 0.7rem;
}
.dropdown-item-outline:focus, .dropdown-item-outline:focus-within {
  outline: solid #176B75;
}
.dropdown-item-outline a:focus, .dropdown-item-outline a:focus-visible {
  outline: 0;
}
.icon {
  max-width: 30px;
  max-height: 24px;
  margin: 0 0.5rem 0 0;
  padding: 0;
  box-sizing: content-box;
}
.icon.spacer {
  margin-right: 0;
}
.icon.iconsize-medium {
  font-size: 32px;
  width: 40px;
  height: 32px;
  max-width: 40px;
  max-height: 32px;
}
.icon.iconsize-big {
  width: 80px;
  height: 64px;
  max-width: 80px;
  max-height: 64px;
  font-size: 64px;
}
.icon.emoticon {
  width: 16px;
  height: 16px;
}
img.icon {
  width: 20px;
  height: 16px;
}
.navbar-dark a .icon {
  color: rgba(255, 255, 255, 0.55) !important;
  /* stylelint-disable-line declaration-no-important */
}
.action-menu-item a:first-of-type > .icon {
  margin-left: 0.5rem;
}
.ygtvcell .icon {
  margin-left: 0 !important;
  /* stylelint-disable-line declaration-no-important */
}
.block_navigation .tree_item .icon, .block_settings .tree_item .icon {
  margin-left: 0;
}
[data-action=toggle-drawer] .icon {
  margin: 0;
}
.icon-no-spacing a > .icon {
  margin: 0;
}
.icon-no-margin .icon {
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.icon-large > .icon {
  width: 40px;
  height: 32px;
}
.icon-size-0 .icon {
  height: 0 !important;
  /* stylelint-disable-line declaration-no-important */
  width: 0 !important;
  /* stylelint-disable-line declaration-no-important */
  max-height: 0 !important;
  /* stylelint-disable-line declaration-no-important */
  max-width: 0 !important;
  /* stylelint-disable-line declaration-no-important */
  font-size: 0 !important;
  /* stylelint-disable-line declaration-no-important */
}
.icon-size-1 .icon {
  height: 4px !important;
  /* stylelint-disable-line declaration-no-important */
  width: 5px !important;
  /* stylelint-disable-line declaration-no-important */
  max-height: 4px !important;
  /* stylelint-disable-line declaration-no-important */
  max-width: 5px !important;
  /* stylelint-disable-line declaration-no-important */
  font-size: 4px !important;
  /* stylelint-disable-line declaration-no-important */
}
.icon-size-2 .icon {
  height: 8px !important;
  /* stylelint-disable-line declaration-no-important */
  width: 10px !important;
  /* stylelint-disable-line declaration-no-important */
  max-height: 8px !important;
  /* stylelint-disable-line declaration-no-important */
  max-width: 10px !important;
  /* stylelint-disable-line declaration-no-important */
  font-size: 8px !important;
  /* stylelint-disable-line declaration-no-important */
}
.icon-size-3 .icon {
  height: 16px !important;
  /* stylelint-disable-line declaration-no-important */
  width: 20px !important;
  /* stylelint-disable-line declaration-no-important */
  max-height: 16px !important;
  /* stylelint-disable-line declaration-no-important */
  max-width: 20px !important;
  /* stylelint-disable-line declaration-no-important */
  font-size: 16px !important;
  /* stylelint-disable-line declaration-no-important */
}
.icon-size-4 .icon {
  height: 24px !important;
  /* stylelint-disable-line declaration-no-important */
  width: 30px !important;
  /* stylelint-disable-line declaration-no-important */
  max-height: 24px !important;
  /* stylelint-disable-line declaration-no-important */
  max-width: 30px !important;
  /* stylelint-disable-line declaration-no-important */
  font-size: 24px !important;
  /* stylelint-disable-line declaration-no-important */
}
.icon-size-5 .icon {
  height: 32px !important;
  /* stylelint-disable-line declaration-no-important */
  width: 40px !important;
  /* stylelint-disable-line declaration-no-important */
  max-height: 32px !important;
  /* stylelint-disable-line declaration-no-important */
  max-width: 40px !important;
  /* stylelint-disable-line declaration-no-important */
  font-size: 32px !important;
  /* stylelint-disable-line declaration-no-important */
}
.icon-size-6 .icon {
  height: 40px !important;
  /* stylelint-disable-line declaration-no-important */
  width: 50px !important;
  /* stylelint-disable-line declaration-no-important */
  max-height: 40px !important;
  /* stylelint-disable-line declaration-no-important */
  max-width: 50px !important;
  /* stylelint-disable-line declaration-no-important */
  font-size: 40px !important;
  /* stylelint-disable-line declaration-no-important */
}
.icon-size-7 .icon {
  height: 48px !important;
  /* stylelint-disable-line declaration-no-important */
  width: 60px !important;
  /* stylelint-disable-line declaration-no-important */
  max-height: 48px !important;
  /* stylelint-disable-line declaration-no-important */
  max-width: 60px !important;
  /* stylelint-disable-line declaration-no-important */
  font-size: 48px !important;
  /* stylelint-disable-line declaration-no-important */
}
.helplink .icon {
  margin-left: 0.5rem;
}
.icons-collapse-expand {
  display: flex;
  align-items: center;
}
.icons-collapse-expand .expanded-icon {
  display: flex;
  align-items: center;
}
.icons-collapse-expand .collapsed-icon {
  display: none;
}
.icons-collapse-expand.collapsed .expanded-icon {
  display: none;
}
.icons-collapse-expand.collapsed .collapsed-icon {
  display: flex;
  align-items: center;
}
.activityiconcontainer {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
}
.activityiconcontainer .activityicon, .activityiconcontainer .icon {
  margin: 0;
  font-size: 32px;
  height: 32px;
  width: 40px;
  max-height: 32px;
  max-width: 40px;
}
.activityiconcontainer.small, .pagelayout-frontpage .activityiconcontainer.theme_boost_union-coursecategoryinfo, .pagelayout-coursecategory .activityiconcontainer.theme_boost_union-coursecategoryinfo, #page-course-search .activityiconcontainer.theme_boost_union-coursecategoryinfo {
  width: 42px;
  height: 42px;
  max-width: 42px;
  max-height: 42px;
}
.activityiconcontainer.smaller {
  width: 32px;
  height: 32px;
  max-width: 32px;
  max-height: 32px;
}
.activityiconcontainer.smaller .activityicon {
  width: 40px;
  height: 32px;
  max-width: 40px;
  max-height: 32px;
}
.activityiconcontainer.administration:not(.isbranded) .activityicon:not(.nofilter), .activityiconcontainer.administration:not(.isbranded) .icon:not(.nofilter) {
  filter: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="recolor" color-interpolation-filters="sRGB"><feColorMatrix type="matrix" values="0 0 0 0 .8549019608 0 0 0 0 .3450980392 0 0 0 0 .937254902 0 0 0 1 0 "/></filter></svg>#recolor');
}
.activityiconcontainer.assessment:not(.isbranded) .activityicon:not(.nofilter), .activityiconcontainer.assessment:not(.isbranded) .icon:not(.nofilter) {
  filter: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="recolor" color-interpolation-filters="sRGB"><feColorMatrix type="matrix" values="0 0 0 0 .9764705882 0 0 0 0 0 0 0 0 0 .5254901961 0 0 0 1 0 "/></filter></svg>#recolor');
}
.activityiconcontainer.collaboration:not(.isbranded) .activityicon:not(.nofilter), .activityiconcontainer.collaboration:not(.isbranded) .icon:not(.nofilter) {
  filter: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="recolor" color-interpolation-filters="sRGB"><feColorMatrix type="matrix" values="0 0 0 0 .3568627451 0 0 0 0 .2509803922 0 0 0 0 1 0 0 0 1 0 "/></filter></svg>#recolor');
}
.activityiconcontainer.communication:not(.isbranded) .activityicon:not(.nofilter), .activityiconcontainer.communication:not(.isbranded) .icon:not(.nofilter) {
  filter: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="recolor" color-interpolation-filters="sRGB"><feColorMatrix type="matrix" values="0 0 0 0 .9215686275 0 0 0 0 .3843137255 0 0 0 0 0 0 0 0 1 0 "/></filter></svg>#recolor');
}
.activityiconcontainer.content:not(.isbranded) .activityicon:not(.nofilter), .activityiconcontainer.content:not(.isbranded) .icon:not(.nofilter) {
  filter: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="recolor" color-interpolation-filters="sRGB"><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 .6 0 0 0 0 .6784313725 0 0 0 1 0 "/></filter></svg>#recolor');
}
.activityiconcontainer.interactivecontent:not(.isbranded) .activityicon:not(.nofilter), .activityiconcontainer.interactivecontent:not(.isbranded) .icon:not(.nofilter) {
  filter: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="recolor" color-interpolation-filters="sRGB"><feColorMatrix type="matrix" values="0 0 0 0 .5529411765 0 0 0 0 .2392156863 0 0 0 0 .1058823529 0 0 0 1 0 "/></filter></svg>#recolor');
}
.icon-box {
  width: 60px;
  height: 48px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: #f8f9fa;
  border-radius: 12px;
  padding: 0.7rem;
}
.icon-box .icon {
  margin: 0;
  height: 40px;
  width: 32px;
}
.icon-circle {
  display: inline-block;
  background-color: #c2cad1;
  border-radius: 50%;
  padding: 1.3rem;
}
.icon-circle .icon {
  margin: 0;
  text-align: center;
  width: unset;
  height: unset;
  max-width: unset;
  max-height: unset;
  color: #000;
}
.icon-circle.reversed {
  background-color: #b7c0c8;
}
.icon-circle.reversed .icon {
  color: #fff;
}
:root {
  --activityadministration: #da58ef;
  --activityassessment: #f90086;
  --activitycollaboration: #5b40ff;
  --activitycommunication: #eb6200;
  --activitycontent: #0099ad;
  --activityinteractivecontent: #8d3d1b;
}
/* admin.less */
.formtable tbody th {
  font-weight: normal;
  text-align: right;
}
.path-admin #assignrole {
  width: 60%;
  margin-left: auto;
  margin-right: auto;
}
.path-admin .admintable .leftalign {
  text-align: left;
}
.path-admin .admintable.environmenttable .name, .path-admin .admintable.environmenttable .info, .path-admin #assignrole .admintable .role, .path-admin #assignrole .admintable .userrole, .path-admin #assignrole .admintable .roleholder {
  white-space: nowrap;
}
.path-admin .incompatibleblockstable td.c0 {
  font-weight: bold;
}
#page-admin-course-category .addcategory {
  padding: 10px;
}
#page-admin-course-index .editcourse {
  margin: 20px auto;
}
#page-admin-course-index .editcourse th, #page-admin-course-index .editcourse td {
  padding-left: 10px;
  padding-right: 10px;
}
.timewarninghidden {
  display: none;
}
#page-admin-qtypes #qtypes div, #page-admin-qtypes #qtypes form, #page-admin-qbehaviours #qbehaviours div, #page-admin-qbehaviours #qbehaviours form {
  display: inline;
}
#page-admin-qtypes #qtypes img.spacer, #page-admin-qbehaviours #qbehaviours img.spacer {
  width: 16px;
}
#page-admin-qbehaviours .cell.c3, #page-admin-qtypes .cell.c3 {
  font-size: 0.8203125rem;
}
#page-admin-lang .generalbox, #page-admin-course-index .singlebutton, #page-admin-course-index .addcategory, #page-course-index .buttons, #page-course-index-category .buttons, #page-admin-course-category .addcategory, #page-admin-stickyblocks .generalbox, #page-admin-maintenance .buttons, #page-admin-course-index .buttons, #page-admin-course-category .buttons, #page-admin-index .copyright, #page-admin-index .copyrightnotice, #page-admin-index .adminerror .singlebutton, #page-admin-index .adminwarning .singlebutton, #page-admin-index #layout-table .singlebutton {
  text-align: center;
  margin-bottom: 1em;
}
.path-admin-roles .capabilitysearchui {
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1rem;
}
#page-admin-roles-define .topfields {
  margin: 1em 0 2em;
}
#page-admin-roles-override .capcurrent, #page-admin-roles-define .capdefault {
  background-color: rgba(var(--bs-emphasis-color-rgb), 0.075);
}
#page-filter-manage .backlink, .path-admin-roles .backlink {
  margin-top: 1em;
}
#page-admin-roles-explain #chooseuser h3, #page-admin-roles-explain #chooseuser .h3, #page-admin-roles-usersroles .contextname {
  margin-top: 0;
}
#page-admin-roles-explain #chooseusersubmit {
  margin-top: 0;
  text-align: center;
}
#page-admin-roles-usersroles p {
  margin: 0;
}
#page-admin-roles-override .cell.c1, #page-admin-roles-assign .cell.c3, #page-admin-roles-assign .cell.c1 {
  padding-top: 0.75em;
}
#page-admin-roles-override .overridenotice, #page-admin-roles-define .definenotice {
  margin: 1em 10% 2em 10%;
  text-align: left;
}
#page-admin-index .upgradekeyreq {
  min-width: 220px;
}
#page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo span {
  display: block;
}
#page-admin-index .updateplugin div {
  margin-bottom: 0.5em;
}
#page-admin-user-user_bulk #users .fgroup {
  white-space: nowrap;
}
#page-admin-report-stats-index .graph {
  text-align: center;
  margin-bottom: 1em;
}
#page-admin-report-courseoverview-index .graph {
  text-align: center;
  margin-bottom: 1em;
}
#page-admin-lang .translator {
  border-width: 1px;
  border-style: solid;
}
.path-admin .roleassigntable {
  width: 100%;
}
.path-admin .roleassigntable td {
  vertical-align: top;
  padding: 0.2em 0.3em;
}
.path-admin .roleassigntable p {
  text-align: left;
  margin: 0.2em 0;
}
.path-admin .roleassigntable #existingcell, .path-admin .roleassigntable #potentialcell {
  width: 42%;
}
.path-admin .roleassigntable #existingcell p > label:first-child, .path-admin .roleassigntable #potentialcell p > label:first-child {
  font-weight: bold;
}
.path-admin .roleassigntable #buttonscell {
  width: 16%;
}
.path-admin .roleassigntable #buttonscell #assignoptions {
  font-size: 0.8203125rem;
}
.path-admin .roleassigntable #removeselect_wrapper, .path-admin .roleassigntable #addselect_wrapper {
  width: 100%;
}
.path-admin table.rolecap tr.rolecap th {
  text-align: left;
  font-weight: normal;
}
.path-admin .rolecap .hiddenrow {
  display: none;
}
.path-admin #defineroletable .rolecap .inherit, .path-admin #defineroletable .rolecap .allow, .path-admin #defineroletable .rolecap .prevent, .path-admin #defineroletable .rolecap .prohibit {
  text-align: center;
  padding: 0;
  min-width: 3.5em;
}
.path-admin .rolecap .cap-name, .path-admin .rolecap .note {
  display: block;
  font-size: 0.8203125rem;
  white-space: nowrap;
  font-weight: normal;
}
.path-admin .rolecap label {
  display: block;
  text-align: center;
  padding: 0.5em;
  margin: 0;
}
.path-admin .header-maxwidth, .path-admin .secondary-navigation .navigation .nav-tabs, .format-site .header-maxwidth, .format-site .secondary-navigation .navigation .nav-tabs {
  max-width: none;
}
.path-admin.path-admin-roles:not(.format-site) .header-maxwidth, .path-admin.path-admin-roles:not(.format-site) .secondary-navigation .navigation .nav-tabs, .path-admin.path-admin-tool-lp .header-maxwidth, .path-admin.path-admin-tool-lp .secondary-navigation .navigation .nav-tabs {
  max-width: 75%;
}
.plugincheckwrapper {
  width: 100%;
}
.environmentbox {
  margin-top: 1em;
}
#mnetconfig table {
  margin-left: auto;
  margin-right: auto;
}
.environmenttable .cell {
  padding: 0.15em 0.5em;
}
#trustedhosts .generaltable {
  margin-left: auto;
  margin-right: auto;
  width: 500px;
}
#trustedhosts .standard {
  width: auto;
}
#adminsettings legend {
  display: none;
}
#adminsettings fieldset.error {
  margin: 0.2em 0 0.5em 0;
}
#adminsettings fieldset.error legend {
  display: block;
}
#admin-spelllanguagelist textarea {
  /* rtl:ignore */
  text-align: left;
  /* rtl:ignore */
  direction: ltr;
}
/* Styles for flags on admin settings */
.adminsettingsflags {
  float: right;
}
.adminsettingsflags label {
  margin-right: 7px;
}
.form-description pre, .formsettingheading pre {
  /*rtl:ignore*/
  direction: ltr;
}
.form-item .form-setting .form-htmlarea {
  display: inline;
}
.form-item .form-setting .form-htmlarea .htmlarea {
  width: 640px;
  display: block;
}
.form-item .form-setting .form-multicheckbox ul {
  list-style: none;
  padding: 0;
  margin: 7px 0 0 0;
}
.form-item .form-setting .defaultsnext {
  display: inline-block;
}
.form-item .form-setting .locked-checkbox {
  margin-right: 0.2em;
  margin-left: 0.5em;
  display: inline;
}
.form-item .form-setting .form-password .unmask, .form-item .form-setting .form-defaultinfo {
  display: inline-block;
}
.form-item .form-setting .form-defaultinfo {
  max-width: 100%;
  word-wrap: break-word;
}
#admin-emoticons td input {
  width: 8em;
}
#admin-emoticons td.c0 input {
  width: 4em;
}
.admin_colourpicker, .admin_colourpicker_preview {
  display: none;
}
.jsenabled .admin_colourpicker_preview {
  display: inline;
}
@media (min-width: 768px) {
  .jsenabled .admin_colourpicker {
    display: block;
    height: 102px;
    width: 410px;
    margin-bottom: 10px;
    box-sizing: content-box;
  }
  .admin_colourpicker .colourdialogue {
    float: left;
    border: 1px solid var(--bs-gray-500);
  }
  .admin_colourpicker .previewcolour {
    border: 1px solid var(--bs-gray-500);
    margin-left: 301px;
  }
  .admin_colourpicker .currentcolour {
    border: 1px solid var(--bs-gray-500);
    margin-left: 301px;
    border-top-width: 0;
  }
}
@media (max-width: 767.98px) {
  .jsenabled .admin_colourpicker {
    height: 150px;
    margin-bottom: 10px;
    display: block;
    position: relative;
  }
  .admin_colourpicker .previewcolour {
    display: none;
  }
  .admin_colourpicker .currentcolour {
    position: absolute;
    border: 1px solid #dee2e6;
    top: 100px;
    left: 0;
  }
}
.admin_colourpicker .loadingicon {
  vertical-align: middle;
  margin-left: auto;
}
#page-admin-index #notice .checkforupdates {
  text-align: center;
}
#page-admin-index #page-content .alert a {
  font-weight: normal;
  text-decoration: underline;
}
#page-admin-plugins #plugins-overview-panel .info {
  display: inline-block;
  margin-right: 1em;
}
#page-admin-plugins #plugins-overview-panel .info [data-filterby].active {
  font-weight: bold;
}
#page-admin-plugins #plugins-overview-panel .updateavailableinstallall {
  margin-right: 1em;
}
#page-admin-plugins .checkforupdates {
  margin: 10px 0;
}
#page-admin-plugins .checkforupdates .singlebutton {
  margin: 5px 0;
  padding: 0;
}
#page-admin-plugins .checkforupdates .singlebutton div, #page-admin-plugins .checkforupdates .singlebutton input {
  margin: 0 3px 0 0;
}
#page-admin-plugins .updateavailableinstallall {
  margin: 5px 0;
  padding: 0;
}
#page-admin-plugins .updateavailableinstallall div, #page-admin-plugins .updateavailableinstallall input {
  margin: 0 3px 5px 0;
}
#page-admin-plugins #plugins-control-panel .status-missing td, #page-admin-plugins #plugins-control-panel .deprecatedtype td {
  background-color: #fce9cc;
}
#page-admin-plugins #plugins-control-panel .pluginname .componentname {
  font-size: 0.8203125rem;
  color: var(--bs-secondary-color);
  margin-left: 22px;
}
#page-admin-plugins #plugins-control-panel .version .versionnumber {
  font-size: 0.8203125rem;
  color: var(--bs-secondary-color);
}
#page-admin-plugins #plugins-control-panel .uninstall a {
  color: #AD1B00;
}
#page-admin-plugins #plugins-control-panel .notes .label {
  margin-right: 3px;
}
#page-admin-plugins #plugins-control-panel .notes .requiredby {
  font-size: 0.8203125rem;
  color: var(--bs-secondary-color);
}
#plugins-check-page #plugins-check .status-missing td, #plugins-check-page #plugins-check .deprecatedtype td, #plugins-check-page #plugins-check .status-downgrade td {
  background-color: #efd1cc;
}
#plugins-check-page .pluginupdateinfo, #plugins-control-panel .pluginupdateinfo {
  background-color: #cdd6f1;
  padding: 5px;
  margin: 10px 0;
  border-radius: 5px;
}
#plugins-check-page .pluginupdateinfo.maturity50, #plugins-control-panel .pluginupdateinfo.maturity50 {
  background-color: #efd1cc;
}
#plugins-check-page .pluginupdateinfo.maturity100, #plugins-check-page .pluginupdateinfo.maturity150, #plugins-control-panel .pluginupdateinfo.maturity100, #plugins-control-panel .pluginupdateinfo.maturity150 {
  background-color: #fce9cc;
}
#plugins-check-page .pluginupdateinfo .info, #plugins-control-panel .pluginupdateinfo .info {
  display: inline-block;
}
#plugins-check-page .pluginupdateinfo .separator:after, #plugins-control-panel .pluginupdateinfo .separator:after {
  content: " | ";
}
#plugins-check-page .pluginupdateinfo .singlebutton, #plugins-control-panel .pluginupdateinfo .singlebutton {
  margin: 5px 0;
  padding: 0;
}
#plugins-check-page .pluginupdateinfo .singlebutton div, #plugins-check-page .pluginupdateinfo .singlebutton input, #plugins-control-panel .pluginupdateinfo .singlebutton div, #plugins-control-panel .pluginupdateinfo .singlebutton input {
  margin: 0 3px 0 0;
}
.plugins-management-confirm-buttons > div {
  display: inline-block;
  margin: 1em 1em 1em 0;
}
.plugins-management-confirm-buttons .continue {
  padding: 0;
}
.plugins-management-confirm-buttons .continue div, .plugins-management-confirm-buttons .continue input {
  margin: 0;
}
#page-admin-index .upgradepluginsinfo {
  text-align: center;
}
#page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo .separator:after {
  content: " | ";
}
/** MNet networking */
#page-admin-mnet-peers .box.deletedhosts {
  margin-bottom: 1em;
  font-size: 0.8203125rem;
}
#core-cache-plugin-summaries table, #core-cache-store-summaries table {
  width: 100%;
}
#core-cache-lock-summary table, #core-cache-definition-summaries table, #core-cache-mode-mappings table {
  margin: 0 auto;
}
#core-cache-store-summaries .default-store td {
  font-style: italic;
}
#core-cache-rescan-definitions, #core-cache-mode-mappings .edit-link, #core-cache-lock-additional-actions .new-instance {
  margin-top: 0.5em;
  text-align: center;
}
.maintenancewarning {
  position: fixed;
  bottom: 0;
  right: 0;
  margin: 1rem;
  overflow: hidden;
  z-index: 1000;
}
.jsenabled .maintenancewarning {
  transition: 0.2s;
}
@media (prefers-reduced-motion: reduce) {
  .jsenabled .maintenancewarning {
    transition: none;
  }
}
.modal.modal-in-page {
  z-index: 0;
}
#page-admin-search .adminpagetitle {
  margin-bottom: 0;
  border-bottom: none;
}
#page-admin-search .adminpagepath {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0 0 1.5rem 0;
}
#page-admin-search .adminpagepath li + li:before {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  content: "/";
}
@media (min-width: 576px) {
  #page-admin-search .container {
    overflow-wrap: break-word;
  }
}
#page-admin-tasklogs .task-class {
  font-size: 0.8203125rem;
  color: #6a737b;
}
.path-admin-tool-uploaduser .uuwarning {
  background-color: #fce9cc;
}
.path-admin-tool-uploaduser .uuerror {
  background-color: #efd1cc;
}
.path-admin-tool-uploaduser .uuinfo {
  background-color: #d4e2cc;
}
/**
 Blocks
 */
.blockmovetarget .accesshide {
  position: relative;
  left: initial;
}
.block:target {
  padding-top: 0 !important;
  /* stylelint-disable declaration-no-important */
  margin-top: 0 !important;
}
.block_search_forums .searchform {
  /* Override plugin's default. */
  text-align: left;
}
.block.block_navigation .block_tree ul, .block_settings .block_tree ul {
  margin-left: 0;
}
.block .block-controls .dropdown-toggle {
  /* So that the icon takes the colour of the icon. */
  color: #1d2125;
}
.block .block-controls .dropdown-toggle::after {
  display: none;
}
.block .block-controls .dropdown-menu {
  max-width: 500px;
}
@media (max-width: 575.98px) {
  .block .block-controls .dropdown-menu {
    max-width: 85vw;
  }
}
.block .block-controls .dropdown-menu .dropdown-item {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
[data-region="blocks-column"] {
  width: 360px;
  float: right;
}
/* We put an absolutely positioned div in a relatively positioned div so it takes up no space */
@media (min-width: 576px) {
  #region-main-settings-menu {
    position: relative;
    float: left;
    width: 100%;
  }
  #region-main-settings-menu > div {
    position: absolute;
    right: 0;
    z-index: 100;
    margin: 1rem;
  }
  .region_main_settings_menu_proxy {
    width: 4rem;
    height: 2rem;
    background-color: #fff;
    margin-left: 0.5rem;
    margin-bottom: 0.5rem;
    border-bottom-left-radius: 0.5rem;
    float: right;
  }
}
@media (max-width: 767.98px) {
  #region-main-settings-menu .menubar {
    justify-content: flex-end;
  }
}
#region-main.has-blocks {
  display: inline-block;
  width: calc(100% - calc(360px + (1.5rem * 0.5)));
}
@media (max-width: 1199.98px) {
  #region-main.has-blocks {
    width: 100%;
    /* MDL-63102 - Remove extra space at bottom.
        If modifying make sure block-region is horizontally stacked when in full screen */
    display: block;
  }
}
.header-action #region-main-settings-menu {
  position: unset;
  float: none;
  width: auto;
}
.header-action #region-main-settings-menu > div {
  position: unset;
  right: auto;
  margin: 0;
}
@media (max-width: 1199.98px) {
  [data-region="blocks-column"] {
    width: 100%;
  }
}
.block .empty-placeholder-image-lg {
  height: 5rem;
}
.block .searchbar .icon {
  margin-right: 0;
}
.block .block-cards .course-info-container {
  padding: 0.8rem;
}
.block .block-cards .progress {
  height: 0.5rem;
}
.block .block-cards .course-summaryitem {
  border: 1px solid #dee2e6;
  background-color: #fff;
}
.block .block-cards .icon {
  margin-right: 0;
}
.block .block-cards .card .coursemenubtn {
  margin-top: -0.5rem;
}
.block .block-cards span.categoryname, .block .block-cards .btn-link {
  color: #1d2125;
}
.block .block-cards .progress-text {
  color: #6a737b;
}
.block .block-cards .multiline {
  white-space: normal;
}
.card-grid {
  display: flex;
}
.card-grid .card {
  flex: 1;
}
.drawercontent .card-grid .col, .blockcolumn .card-grid .col {
  flex: 0 0 auto;
  max-width: 100%;
}
.card-carousel {
  display: flex;
}
.card-carousel .card {
  flex: 1;
}
@media (min-width: 576px) {
  .card-carousel .card {
    flex: 0 1 auto;
    width: 240px;
    max-width: 100%;
  }
}
.course-card .card-img-top, .theme-card .card-img-top {
  height: 7rem;
  background-position: center;
  background-size: cover;
}
.block_recentlyaccessedcourses .paging-bar-container {
  margin-top: -2.4rem;
  padding-right: 0.5rem;
  justify-content: flex-end;
}
@media (max-width: 575.98px) {
  .block_recentlyaccessedcourses .paging-bar-container {
    margin-top: 0;
  }
}
#block-region-side-pre .block_recentlyaccessedcourses .paging-bar-container {
  margin-top: 0;
}
.block_recentlyaccesseditems .activityiconcontainer {
  width: 40px;
  height: 40px;
}
aside[id^="block-region-side-"] .block_recentlyaccesseditems .card:nth-of-type(n+4) {
  display: none;
}
#block-region-content .block_recentlyaccesseditems [data-region="more-items-button-container"] {
  display: none;
}
.block_recentlyaccesseditems a.card:hover, .block_recentlyaccesseditems a.card:focus {
  text-decoration: none;
}
.block_recentlyaccesseditems a.card:hover h6, .block_recentlyaccesseditems a.card:hover .h6, .block_recentlyaccesseditems a.card:focus h6, .block_recentlyaccesseditems a.card:focus .h6 {
  text-decoration: underline;
}
.block_recentlyaccesseditems a.card small, .block_recentlyaccesseditems a.card .small, .block_recentlyaccesseditems a.card .pagelayout-frontpage .theme_boost_union-coursecategoryinfo, .pagelayout-frontpage .block_recentlyaccesseditems a.card .theme_boost_union-coursecategoryinfo, .block_recentlyaccesseditems a.card .pagelayout-coursecategory .theme_boost_union-coursecategoryinfo, .pagelayout-coursecategory .block_recentlyaccesseditems a.card .theme_boost_union-coursecategoryinfo, .block_recentlyaccesseditems a.card #page-course-search .theme_boost_union-coursecategoryinfo, #page-course-search .block_recentlyaccesseditems a.card .theme_boost_union-coursecategoryinfo {
  color: #1d2125;
}
.block_myoverview .content {
  min-height: 19.35rem;
}
.block_myoverview .paged-content-page-container {
  min-height: 13rem;
}
.block_myoverview .summary-image {
  height: 5rem;
  width: 5rem;
  background-position: center;
  background-size: cover;
}
.block_myoverview .list-image {
  height: 5rem;
  width: 20rem;
  background-position: center;
  background-size: cover;
}
@media (max-width: 1199.98px) {
  .block_myoverview .list-image {
    width: 100%;
  }
}
.block_timeline .paged-content-page-container {
  background-color: var(--bs-body-bg);
}
.block_timeline .event-action {
  padding-left: 5.55em;
}
.block_settings .block_tree [aria-expanded="true"], .block_settings .block_tree [aria-expanded="true"].emptybranch, .block_settings .block_tree [aria-expanded="false"], .block_navigation .block_tree [aria-expanded="true"], .block_navigation .block_tree [aria-expanded="true"].emptybranch, .block_navigation .block_tree [aria-expanded="false"] {
  background-image: none;
}
.block_settings .block_tree [aria-expanded="true"] > p:before, .block_navigation .block_tree [aria-expanded="true"] > p:before {
  font: var(--fa-font-solid);
  content: "";
  margin-right: 0;
  font-size: 16px;
  width: 16px;
}
.block_settings .block_tree [aria-expanded="false"] > p:before, .block_navigation .block_tree [aria-expanded="false"] > p:before {
  font: var(--fa-font-solid);
  content: "";
  margin-right: 0;
  font-size: 16px;
  width: 16px;
}
.dir-rtl .block_settings .block_tree [aria-expanded="false"] > p:before, .dir-rtl .block_navigation .block_tree [aria-expanded="false"] > p:before {
  font: var(--fa-font-solid);
  content: "";
}
.block_navigation .block_tree p.hasicon, .block_settings .block_tree p.hasicon {
  text-indent: -3px;
}
.block_navigation .block_tree p.hasicon .icon, .block_settings .block_tree p.hasicon .icon {
  margin-right: 2px;
}
.block.invisibleblock .card-title {
  color: var(--bs-secondary-color);
}
.block_tree .tree_item.branch {
  margin-left: 8px;
}
.pagelayout-embedded .has-fake-blocks {
  padding: 1rem;
  display: flex;
}
.pagelayout-embedded .has-fake-blocks .embedded-main {
  order: 0;
  width: calc(100% - 360px);
  margin-right: 1rem;
}
.pagelayout-embedded .embedded-blocks {
  order: 1;
  width: 360px;
}
@media (max-width: 767.98px) {
  .pagelayout-embedded .has-fake-blocks {
    display: block;
  }
  .pagelayout-embedded .has-fake-blocks .embedded-main {
    width: 100%;
  }
  .pagelayout-embedded .embedded-blocks {
    width: 100%;
  }
}
.block-add {
  color: #176B75;
  border-color: #458991;
  background-color: #e8f0f1;
  border-radius: 0.5rem;
  width: 100%;
  border-width: 1px;
}
.block-add .pluscontainer {
  border: 1px solid #458991;
  border-radius: 50%;
  width: 40px;
  height: 32px;
}
.block-add:hover {
  cursor: pointer;
  background-color: #e8f0f1;
}
.block-add:hover .activity-add-text {
  text-decoration: underline;
}
/* calendar.less */
.calendar_event_category {
  background-color: #e0cbe0;
}
.calendar_event_category .commands a {
  color: #0d5ca1;
}
.calendar_event_course {
  background-color: #ffd3bd;
}
.calendar_event_course .commands a {
  color: #0d5ca1;
}
.calendar_event_site {
  background-color: #d6f8cd;
}
.calendar_event_site .commands a {
  color: #0d5ca1;
}
.calendar_event_group {
  background-color: #fee7ae;
}
.calendar_event_group .commands a {
  color: #0d5ca1;
}
.calendar_event_user {
  background-color: #dce7ec;
}
.calendar_event_user .commands a {
  color: #0d5ca1;
}
.calendar_event_other {
  background-color: #ced4da;
}
.calendar_event_other .commands a {
  color: #0d5ca1;
}
.calendartable {
  width: 100%;
  table-layout: fixed;
}
.calendartable th, .calendartable td {
  width: 14%;
  vertical-align: top;
  text-align: center;
  border: 0;
}
.calendar-controls .previous, .calendar-controls .next, .calendar-controls .current {
  display: block;
  float: left;
  width: 12%;
}
.calendar-controls .previous {
  text-align: left;
  border: 1px solid transparent;
  width: 25%;
}
.calendar-controls .current {
  text-align: center;
  width: 50%;
}
.calendar-controls .next {
  text-align: right;
  border: 1px solid transparent;
  width: 25%;
}
.calendar-controls .drop-target {
  box-sizing: border-box;
  border: 1px dashed #176B75;
}
.filters table {
  border-collapse: separate;
  border-spacing: 2px;
  width: 100%;
}
#region-main .maincalendar .calendarwrapper td > div {
  height: 11.5em;
  overflow: hidden;
}
.maincalendar {
  vertical-align: top;
  padding: 0;
}
.maincalendar .bottom {
  text-align: left;
  width: 98%;
  margin: 10px auto;
}
.maincalendar .bottom span.footer-link:after {
  content: "•";
  color: #176B75;
}
.maincalendar .bottom span.footer-link:last-child:after {
  content: none;
}
.maincalendar .heightcontainer {
  height: 100%;
  position: relative;
}
.maincalendar .calendarmonth {
  width: 98%;
  margin: 10px auto;
}
.maincalendar .calendarmonth ul {
  margin: 0;
  padding: 0;
}
.maincalendar .calendarmonth ul li[data-event-folded="true"] {
  display: none;
}
.maincalendar .calendarmonth ul li {
  list-style-type: none;
  line-height: 1.2em;
}
.maincalendar .calendarmonth ul li > a {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  display: inline-block;
}
.maincalendar .calendarmonth ul li > a:hover {
  text-decoration: none;
}
.maincalendar .calendarmonth ul li > a:hover .eventname {
  text-decoration: underline;
}
.maincalendar .calendarmonth ul li a[data-action="view-day-link"] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.maincalendar .calendarmonth ul li .icon {
  margin-left: 0.25em;
  margin-right: 0.25em;
  vertical-align: initial;
}
.maincalendar .calendarmonth ul li .calendar-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  vertical-align: middle;
  display: inline-block;
}
.maincalendar .calendarmonth ul li .calendar-circle.calendar_event_category {
  background-color: #e0cbe0;
  border: 2px solid #9e619f;
}
.maincalendar .calendarmonth ul li .calendar-circle.calendar_event_course {
  background-color: #ffd3bd;
  border: 2px solid #d34600;
}
.maincalendar .calendarmonth ul li .calendar-circle.calendar_event_site {
  background-color: #d6f8cd;
  border: 2px solid #2b8713;
}
.maincalendar .calendarmonth ul li .calendar-circle.calendar_event_group {
  background-color: #fee7ae;
  border: 2px solid #9a6e02;
}
.maincalendar .calendarmonth ul li .calendar-circle.calendar_event_user {
  background-color: #dce7ec;
  border: 2px solid #4e7c91;
}
.maincalendar .calendarmonth ul li .calendar-circle.calendar_event_other {
  background-color: #ced4da;
  border: 2px solid #687889;
}
.maincalendar .calendarmonth th {
  text-align: left;
  padding-left: 16px;
}
.maincalendar .calendarmonth td a.day:focus {
  display: inline-block;
  border-radius: 50%;
  box-shadow: 0 0 0 0.25rem rgba(23, 107, 117, 0.75);
}
.maincalendar .calendarmonth td .day-number-circle {
  display: inline-block;
  line-height: 0;
  width: 30px;
  height: 30px;
}
.maincalendar .calendarmonth td .day-number-circle .day-number {
  display: inline-block;
  padding: 50% 4px;
  width: 100%;
  text-align: center;
}
.maincalendar .calendarmonth td.today .day-number-circle {
  border-radius: 50%;
  color: #fff;
  background-color: #176B75;
}
.maincalendar .calendarmonth .clickable:hover {
  background-color: #ededed;
}
.maincalendar .controls {
  width: 98%;
  margin: 10px auto;
}
.maincalendar .calendar_event_category a:has(> .icon):hover, .maincalendar .calendar_event_course a:has(> .icon):hover, .maincalendar .calendar_event_site a:has(> .icon):hover, .maincalendar .calendar_event_group a:has(> .icon):hover, .maincalendar .calendar_event_user a:has(> .icon):hover {
  color: #07345a;
  text-decoration: none;
}
.maincalendar .calendar_event_category {
  border-color: #e0cbe0;
}
.maincalendar .calendar_event_course {
  border-color: #ffd3bd;
}
.maincalendar .calendar_event_site {
  border-color: #d6f8cd;
}
.maincalendar .calendar_event_group {
  border-color: #fee7ae;
}
.maincalendar .calendar_event_user {
  border-color: #dce7ec;
}
.maincalendar .calendar_event_other {
  border-color: #ced4da;
}
.maincalendar .calendartable td, .maincalendar .calendartable li {
  padding: 4px;
}
.maincalendar .calendartable li {
  text-align: left;
}
.maincalendar .header {
  overflow: hidden;
}
.maincalendar .header .buttons {
  float: right;
}
.maincalendar .event .card-header img {
  vertical-align: baseline;
}
.maincalendar .event .location {
  word-break: break-all;
  overflow-wrap: break-word;
}
.maincalendar table#subscription_details_table td {
  vertical-align: middle;
}
.maincalendar table#subscription_details_table td > .btn-group button {
  padding-left: 0;
}
#page-calendar-export .indent {
  padding-left: 20px;
}
.block .bottom {
  width: 98%;
  margin: 10px auto;
}
.block .bottom span.footer-link:after {
  content: "•";
  color: #176B75;
}
.block .bottom span.footer-link:last-child:after {
  content: none;
}
.block .minicalendar {
  max-width: 280px;
  margin: 0 auto;
  width: 100%;
}
.block .minicalendar th, .block .minicalendar td {
  padding: 2px;
  font-size: 0.8em;
  text-align: center;
}
.block .minicalendar td.weekend {
  color: var(--bs-secondary-color);
}
.block .minicalendar td a {
  width: 100%;
  height: 100%;
  display: block;
  color: #0d5ca1;
}
.block .minicalendar td.duration_global {
  border-top: 1px solid #d6f8cd;
  border-bottom: 1px solid #d6f8cd;
}
.block .minicalendar td.duration_global.duration_finish {
  background-color: #d6f8cd;
}
.block .minicalendar td.duration_category {
  border-top: 1px solid #e0cbe0;
  border-bottom: 1px solid #e0cbe0;
}
.block .minicalendar td.duration_category.duration_finish {
  background-color: #e0cbe0;
}
.block .minicalendar td.duration_course {
  border-top: 1px solid #ffd3bd;
  border-bottom: 1px solid #ffd3bd;
}
.block .minicalendar td.duration_course.duration_finish {
  background-color: #ffd3bd;
}
.block .minicalendar td.duration_group {
  border-top: 1px solid #fee7ae;
  border-bottom: 1px solid #fee7ae;
}
.block .minicalendar td.duration_group.duration_finish {
  background-color: #fee7ae;
}
.block .minicalendar td.duration_user {
  border-top: 1px solid #dce7ec;
  border-bottom: 1px solid #dce7ec;
}
.block .minicalendar td.duration_user.duration_finish {
  background-color: #dce7ec;
}
.block .minicalendar td.duration_other {
  border-top: 1px solid #ced4da;
  border-bottom: 1px solid #ced4da;
}
.block .minicalendar td.duration_other.duration_finish {
  background-color: #ced4da;
}
.block .minicalendar caption {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  text-align: center;
}
.block .calendar_filters ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.block .calendar_filters li {
  margin-bottom: 0.2em;
}
.block .calendar_filters li span.calendar_event_category i {
  color: #0d5ca1;
}
.block .calendar_filters li span.calendar_event_course i {
  color: #0d5ca1;
}
.block .calendar_filters li span.calendar_event_site i {
  color: #0d5ca1;
}
.block .calendar_filters li span.calendar_event_group i {
  color: #0d5ca1;
}
.block .calendar_filters li span.calendar_event_user i {
  color: #0d5ca1;
}
.block .calendar_filters li span.calendar_event_other i {
  color: #0d5ca1;
}
.block .calendar_filters li span img {
  padding: 0 0.2em;
  margin: 0;
}
.block .calendar_filters li .icon {
  vertical-align: initial;
  margin: 0 0.1rem 0 0.4rem;
}
.block .calendar_filters li > a:hover {
  text-decoration: none;
}
.block .calendar_filters li > a:hover .eventname {
  text-decoration: underline;
}
.block .content h3.eventskey, .block .content .eventskey.h3 {
  margin-top: 0.5em;
}
.path-course-view .block.block_calendar_month .maincalendar div.header {
  visibility: hidden;
  height: 0;
}
.path-course-view .block.block_calendar_month .maincalendar .calendarwrapper .arrow_text {
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.path-course-view .block.block_calendar_month .maincalendar .calendarwrapper .arrow_text:not(caption) {
  position: absolute !important;
}
.path-course-view .block.block_calendar_month .footer .bottom .footer-link {
  display: block;
}
.path-course-view .block.block_calendar_month .footer .bottom .footer-link:after {
  content: none;
}
/* Display month name above the calendar */
table.calendartable caption {
  caption-side: top;
}
@media (min-width: 768px) {
  #page-calender-view .container-fluid, #page-calender-view .container-sm, #page-calender-view .container-md, #page-calender-view .container-lg, #page-calender-view .container-xl, #page-calender-view .container-xxl {
    min-width: 1024px;
  }
}
@media (min-width: 768px) {
  [data-blockregion]:not([data-blockregion="content"]) .block.block_calendar_month .maincalendar div.header {
    visibility: hidden;
    height: 0;
  }
  [data-blockregion]:not([data-blockregion="content"]) .block.block_calendar_month .maincalendar .calendarwrapper .current {
    width: 40%;
    font-size: inherit;
    line-height: inherit;
  }
  [data-blockregion]:not([data-blockregion="content"]) .block.block_calendar_month .maincalendar .calendarwrapper .previous, [data-blockregion]:not([data-blockregion="content"]) .block.block_calendar_month .maincalendar .calendarwrapper .next {
    width: 30%;
  }
  [data-blockregion]:not([data-blockregion="content"]) .block.block_calendar_month .maincalendar .calendarwrapper .previous .arrow_text, [data-blockregion]:not([data-blockregion="content"]) .block.block_calendar_month .maincalendar .calendarwrapper .next .arrow_text {
    display: none;
  }
  [data-blockregion]:not([data-blockregion="content"]) .block.block_calendar_month .maincalendar .calendartable.calendarmonth th, [data-blockregion]:not([data-blockregion="content"]) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td {
    border: none;
    text-align: center !important;
    padding: 0;
  }
  [data-blockregion]:not([data-blockregion="content"]) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td {
    height: auto;
    font-size: 0.8em;
  }
  [data-blockregion]:not([data-blockregion="content"]) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.hasevent [data-region="day-content"] {
    display: none;
  }
  [data-blockregion]:not([data-blockregion="content"]) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.hasevent .day-number {
    display: inline-block;
    position: relative;
  }
  [data-blockregion]:not([data-blockregion="content"]) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.hasevent .day-number:before {
    content: ".";
    display: inline-block;
    position: absolute;
    bottom: 0.4em;
    left: 0;
    text-align: center;
    width: 100%;
    font-size: 3em;
    color: inherit;
  }
  [data-blockregion]:not([data-blockregion="content"]) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td:after {
    content: "";
    display: block;
    margin-top: calc(100% - 26px);
  }
  [data-blockregion]:not([data-blockregion="content"]) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.clickable:hover {
    background-color: inherit;
  }
  [data-blockregion]:not([data-blockregion="content"]) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.clickable:not(.today):hover .day-number-circle {
    border-radius: 50%;
    background-color: #ededed;
  }
  [data-blockregion]:not([data-blockregion="content"]) .block.block_calendar_month .bottom {
    border-top: 1px solid var(--bs-border-color-translucent);
    padding-top: 0.5rem;
  }
}
@media (max-width: 768px) {
  .maincalendar .calendartable.calendarmonth th, .maincalendar .calendartable.calendarmonth td {
    border: none;
    text-align: center !important;
    padding: 0;
  }
  .maincalendar .calendartable.calendarmonth td {
    height: auto;
    font-size: inherit;
    padding: 0;
  }
  .maincalendar .calendartable.calendarmonth td.hasevent [data-region="day-content"] {
    display: none;
  }
  .maincalendar .calendartable.calendarmonth td.hasevent .day-number {
    display: inline-block;
    position: relative;
  }
  .maincalendar .calendartable.calendarmonth td.hasevent .day-number:before {
    content: ".";
    display: inline-block;
    position: absolute;
    bottom: 0.4em;
    left: 0;
    text-align: center;
    width: 100%;
    font-size: 3em;
    color: inherit;
  }
  .maincalendar .calendartable.calendarmonth td:after {
    content: "";
    display: block;
    margin-top: calc(100% - 26px);
  }
  .maincalendar .calendartable.calendarmonth td > div {
    height: auto !important;
  }
}
.calendarwrapper {
  position: relative;
}
.day-popover-content:empty + .day-popover-alternate {
  display: block;
}
.location-content {
  overflow-wrap: break-word;
}
.description-content {
  overflow-wrap: break-word;
}
.description-content > p {
  margin: 0;
}
.cal_courses_flt {
  color: #6a737b;
  max-width: 75%;
}
.content-bank-container .cb-content-wrapper {
  padding: 0.5rem;
  min-height: 140px;
  max-height: 500px;
  overflow-x: auto;
  flex-wrap: wrap;
}
.content-bank-container .cb-thumbnail {
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.content-bank-container.view-grid {
  /* Display a centered eye slash on top of unlisted content icons. */
}
.content-bank-container.view-grid .cb-listitem {
  margin-bottom: 0.5rem;
}
.content-bank-container.view-grid .cb-listitem.cb-unlisted {
  position: relative;
}
@media (max-width: 767.98px) {
  .content-bank-container.view-grid .cb-listitem {
    flex-basis: 50%;
  }
}
@media (min-width: 576px) {
  .content-bank-container.view-grid .cb-listitem {
    max-width: 120px;
    min-width: 120px;
  }
}
.content-bank-container.view-grid .cb-name {
  text-align: center;
}
.content-bank-container.view-grid .cb-file {
  padding: 0.5rem;
}
.content-bank-container.view-grid .cb-thumbnail {
  width: 64px;
  height: 64px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0.5rem;
}
.content-bank-container.view-grid .cb-unlisted .cb-thumbnail {
  opacity: 0.15;
}
.content-bank-container.view-grid .cb-unlisted::after {
  font: var(--fa-font-solid);
  content: "";
  position: absolute;
  top: 20px;
  left: 0;
  width: 100%;
  font-size: 26px;
  text-align: center;
  opacity: 0.9;
  text-shadow: 0 0 10px #fff;
}
.content-bank-container.view-grid .cb-heading, .content-bank-container.view-grid .cb-uses, .content-bank-container.view-grid .cb-date, .content-bank-container.view-grid .cb-size, .content-bank-container.view-grid .cb-type, .content-bank-container.view-grid .cb-author {
  display: none;
}
.content-bank-container.view-list .cb-content-wrapper {
  padding: 0 0.5rem;
  flex-direction: column;
  flex-wrap: nowrap;
}
.content-bank-container.view-list .cb-thumbnail {
  margin-right: 0.5rem;
}
.content-bank-container.view-list .cb-listitem, .content-bank-container.view-list .cb-heading {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  border-bottom: 1px solid #dee2e6;
}
.content-bank-container.view-list .cb-column {
  display: flex;
  padding: 0.25rem;
}
.content-bank-container.view-list .cb-column {
  border-right: 1px solid #dee2e6;
}
.content-bank-container.view-list .cb-listitem.cb-unlisted .cb-thumbnail {
  opacity: 0.3;
}
.content-bank-container.view-list .cb-listitem.cb-unlisted .cb-column, .content-bank-container.view-list .cb-listitem.cb-unlisted .cb-column a {
  color: var(--bs-secondary-color);
}
@media (max-width: 767.98px) {
  .content-bank-container.view-list .cb-column {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (min-width: 576px) {
  .content-bank-container.view-list .cb-heading {
    position: sticky;
    top: 0;
    z-index: 1;
  }
  .content-bank-container.view-list .cb-file {
    flex: 0 0 40%;
    max-width: 40%;
  }
  .content-bank-container.view-list .cb-uses, .content-bank-container.view-list .cb-date, .content-bank-container.view-list .cb-size, .content-bank-container.view-list .cb-type, .content-bank-container.view-list .cb-author {
    flex: 0 0 12%;
    max-width: 12%;
  }
  .content-bank-container.view-list .cb-column.last {
    border-right: 0;
  }
}
.content-bank-container.view-list .cb-btnsort span {
  display: none;
}
.content-bank-container.view-list .cb-btnsort .title {
  display: inline;
}
.content-bank-container.view-list .cb-btnsort.dir-none .default, .content-bank-container.view-list .cb-btnsort.dir-asc .asc, .content-bank-container.view-list .cb-btnsort.dir-desc .desc {
  display: inline;
}
.cb-toolbar-container .dropdown-scrollable {
  max-height: 190px;
  overflow-y: auto;
}
.cb-navigation-container .singleselect, .cb-navigation-container .singleselect .form-select {
  width: 100%;
}
/*
 * Course page styles.
 */
/* Course content */
.course-content ul.section-list {
  padding: 0;
  margin: 0;
}
.course-content .section-item ul, .course-content .section-item .activity-item ul {
  list-style: disc;
}
.course-content .section-item ul ul, .course-content .section-item .activity-item ul ul {
  list-style: circle;
}
.course-content .section-item ul ul ul, .course-content .section-item .activity-item ul ul ul {
  list-style: square;
}
.section-collapsemenu .collapseall {
  display: block;
}
.section-collapsemenu .expandall {
  display: none;
}
.section-collapsemenu.collapsed .collapseall {
  display: none;
}
.section-collapsemenu.collapsed .expandall {
  display: block;
}
.btn.add-section, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.add-section.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.add-section.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.add-section.collapseexpand, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) a.add-section, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging a.add-section, .activity-navigation .add-section#prev-activity-link, .activity-navigation .add-section#next-activity-link, .section-navigation .prevsection a.add-section, .section-navigation .nextsection a.add-section {
  border-radius: 1rem;
  border: 2px dashed #dee2e6;
  color: #176B75;
  font-size: 0.8203125rem;
  font-weight: bold;
}
.btn.add-section:hover, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.add-section.collapseexpand:hover, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.add-section.collapseexpand:hover, #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.add-section.collapseexpand:hover, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) a.add-section:hover, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging a.add-section:hover, .activity-navigation .add-section#prev-activity-link:hover, .activity-navigation .add-section#next-activity-link:hover, .section-navigation .prevsection a.add-section:hover, .section-navigation .nextsection a.add-section:hover, .btn.add-section:focus, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.add-section.collapseexpand:focus, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.add-section.collapseexpand:focus, #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.add-section.collapseexpand:focus, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) a.add-section:focus, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging a.add-section:focus, .activity-navigation .add-section#prev-activity-link:focus, .activity-navigation .add-section#next-activity-link:focus, .section-navigation .prevsection a.add-section:focus, .section-navigation .nextsection a.add-section:focus {
  background-color: #e8f0f1;
  border: 2px solid #176B75;
  color: #176B75;
}
.max-section-alert {
  border-top: 2px dashed #dee2e6;
  font-size: 0.8203125rem;
  font-weight: normal;
  color: #6a737b;
}
/* Sections */
.course-section {
  list-style: none;
  margin-top: 1rem;
}
.editing .course-section {
  margin-top: 0.5rem;
}
.course-section .section-item {
  padding: 1rem;
  border: 1px solid #dee2e6;
  border-radius: 1rem;
}
.course-section.hidden .section-item, .course-section.orphaned .section-item {
  background-color: #f8f9fa;
}
.course-section.current > .section-item {
  position: relative;
}
.course-section.current > .section-item::before {
  border-left: #176B75 3px solid;
  bottom: 0;
  content: "";
  left: -8px;
  position: absolute;
  top: 0;
}
.course-section .sectionname > a {
  color: #1d2125;
}
.course-section .sectionname > a:hover {
  text-decoration: none;
}
.course-section .sectionbadges .badge {
  margin-left: 0.5rem;
  font-weight: normal;
}
.course-section .sectionbadges .badge .icon {
  font-size: 12px;
  width: 12px;
  height: 12px;
}
.course-section .course-section-header.draggable {
  cursor: move;
}
.course-section .section_action_menu .dropdown-toggle::after {
  display: none;
}
.course-section .summarytext img {
  border-radius: 1rem;
}
.course-section .availabilityinfo {
  margin-top: 0.5rem;
  padding: 0.25rem 1rem;
  background-color: #e9ecef;
  font-size: 0.875em;
  border-radius: 1rem;
}
.course-section .availabilityinfo .editavailability a {
  border-radius: 0.5rem;
  font-weight: bold;
}
.course-section .availabilityinfo .editavailability a:hover {
  background-color: #ced4da;
}
.course-section .availabilityinfo .editavailability a .icon {
  font-size: inherit;
  margin-right: 0.25rem;
}
.course-section .section_action_menu > .action-menu .btn-icon {
  font-size: 1.171875rem;
}
.course-section .section-summary-activities .icon {
  width: inherit;
  color: #176B75;
}
.course-section .section-summary-activities + .section {
  border-top: 1px solid #dee2e6;
  margin-top: 1rem !important;
  padding-top: 1rem !important;
}
.course-section .section_goto .icon {
  font-size: 1.171875rem;
  color: #176B75;
}
.course-section .overlay-preview {
  z-index: 5;
}
.section li.movehere a {
  display: block;
  width: 100%;
  height: 2rem;
  border: 2px dashed #343a40;
}
/* Activities */
.activity {
  list-style: none;
  padding-top: 0.25rem;
  margin-top: 0.25rem;
  border-top: 1px solid #dee2e6;
}
.activity.indented .activity-item {
  margin-left: 1rem;
}
.editing .activity, .section .activity:first-child {
  padding-top: 0;
  margin-top: 0;
  border-top: none;
}
.activity-item {
  padding: 0.75rem;
  border-radius: 1rem;
}
.activity-item.activityinline {
  padding: 0.75rem 0;
}
.activity-item.hiddenactivity {
  background-color: #f8f9fa;
}
.activity-item.hiddenactivity .activityiconcontainer, .activity-item.hiddenactivity .badge {
  mix-blend-mode: multiply;
}
.editing .activity-item {
  cursor: move;
}
.editing .activity-item .a {
  cursor: pointer;
}
.editing .activity-item:hover:not(:has(.activity:hover)), .editing .activity-item.selected {
  outline: 2px solid #176B75;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}
.editing .activity-item:hover:not(:has(.activity:hover)) .activityiconcontainer, .editing .activity-item:hover:not(:has(.activity:hover)) .badge, .editing .activity-item.selected .activityiconcontainer, .editing .activity-item.selected .badge {
  mix-blend-mode: multiply;
}
.activity.dragging .activity-item {
  border: 2px solid #176B75;
}
.editing .activity.dragging .activity-item:hover {
  outline: none;
}
.activity-item .activity-grid {
  display: grid;
  align-items: center;
  grid-template-columns: min-content 1fr min-content min-content min-content;
  grid-template-rows: 1fr repeat(5, min-content);
  grid-template-areas: "icon name groupmode completion actions" "icon visibility groupmode completion actions" "icon dates groupmode completion actions" "icon altcontent altcontent altcontent altcontent" "icon afterlink afterlink afterlink afterlink" "icon availability availability availability availability";
}
@media (max-width: 575.98px) {
  .activity-item .activity-grid {
    grid-template-columns: min-content 1fr min-content min-content min-content;
    grid-template-rows: 1fr repeat(4, min-content);
    grid-template-areas: "icon name actions" "icon visibility actions" "dates dates dates" "groupmode groupmode groupmode" "completion completion completion" "altcontent altcontent altcontent" "afterlink afterlink afterlink" "availability availability availability";
  }
}
.activity-item .activity-grid.noname-grid {
  grid-template-columns: min-content 1fr min-content min-content;
  grid-template-areas: "visibility groupmode completion actions" "altcontent altcontent altcontent altcontent" "afterlink afterlink afterlink afterlink" "availability availability availability availability";
}
@media (max-width: 575.98px) {
  .activity-item .activity-grid.noname-grid {
    grid-template-columns: 1fr min-content;
    grid-template-areas: "visibility actions" "altcontent altcontent" "groupmode groupmode" "afterlink afterlink" "completion completion" "availability availability";
  }
}
.activity-item .activity-actions {
  grid-area: actions;
}
.activity-item .activity-actions .actions {
  position: relative;
}
.activity-item .activity-icon {
  grid-area: icon;
}
.activity-item .activity-dates {
  grid-area: dates;
  font-size: 0.875em;
  color: #495057;
  display: flex;
  flex-wrap: wrap;
  column-gap: 0.75rem;
}
@media (max-width: 575.98px) {
  .activity-item .activity-dates {
    margin-top: 0.5rem;
  }
}
.activity-item .activity-name-area {
  grid-area: name;
}
.activity-item .activity-name-area .activityname .afterlink {
  margin-left: 0.5rem;
}
.activity-item .activity-name-area .activityname .inplaceeditable .quickeditlink {
  position: relative;
  z-index: 2;
  margin-left: 0.5rem;
}
.activity-item .activity-name-area .activitybadge.badge-none {
  font-weight: normal;
  --bs-badge-color: #1d2125;
  font-size: 0.875em;
  padding: 0;
}
.activity-item .activity-completion {
  grid-area: completion;
  justify-self: end;
}
.activity-item .activity-completion button, .activity-item .activity-completion a[role="button"] {
  min-height: 32px;
}
@media (max-width: 575.98px) {
  .activity-item .activity-completion {
    width: 100%;
    margin-top: 0.5rem;
  }
  .activity-item .activity-completion button {
    width: 100%;
  }
}
.activity-item .activity-completion .completion-dialog {
  color: #495057;
  font-size: 0.8203125rem;
  min-width: 12rem;
}
.activity-item .activity-completion .completion-dialog .icon {
  font-size: 0.8203125rem;
  width: 0.8203125rem;
  height: 0.8203125rem;
  margin-right: 0.25rem;
}
.activity-item .activity-completion .completion-dialog .editcompletion a {
  border-radius: 0.5rem;
  color: #495057;
  font-weight: bold;
  text-decoration: none;
}
.activity-item .activity-completion .completion-dialog .editcompletion a:hover {
  background-color: #e9ecef;
}
.activity-item .activity-groupmode-info {
  grid-area: groupmode;
  justify-self: end;
}
.activity-item .activity-groupmode-info .groupmode-information {
  height: 32px;
  width: 32px;
  border-radius: 0.5rem;
}
.activity-item .activity-groupmode-info .groupmode-information .icon {
  width: 16px;
  height: 16px;
}
.activity-item .activity-groupmode-info .groupmode-icon-info {
  display: none;
}
@media (max-width: 575.98px) {
  .activity-item .activity-groupmode-info {
    width: 100%;
    margin-top: 0.5rem;
    padding-top: 0.5rem;
    border-top: 1px solid #dee2e6;
  }
  .activity-item .activity-groupmode-info .groupmode-information {
    width: auto;
    font-size: inherit;
    padding: 0 0.5rem;
  }
  .activity-item .activity-groupmode-info .groupmode-icon-info {
    display: inline;
  }
  .activity-item .activity-groupmode-info .v-parent-focus {
    opacity: 1;
    visibility: visible;
  }
}
.activity-item .activity-badges {
  grid-area: visibility;
}
.activity-item .activity-badges .badge {
  font-weight: normal;
}
.activity-item .activity-badges .badge .icon {
  font-size: 12px;
  width: 12px;
  height: 12px;
}
.activity-item .activity-altcontent {
  grid-area: altcontent;
  margin-top: 0.25rem;
}
.activity-item .activity-altcontent.activity-description {
  margin-top: 0.5rem;
  padding-top: 0.5rem;
  border-top: 1px solid #dee2e6;
  font-size: 0.875em;
}
.activity-item .activity-altcontent.activity-description ul:not(.activity-description ul ul) {
  margin-bottom: 1rem;
}
.activity-item .activity-altcontent img {
  border-radius: 1rem;
}
.activity-item .activity-availability {
  grid-area: availability;
}
.activity-item .activity-afterlink {
  grid-area: afterlink;
  margin-top: 0.5rem;
  padding-top: 0.5rem;
  border-top: 1px solid #dee2e6;
}
.activity-item .no-overflow {
  width: 100%;
}
.section .draggable .activity-item .dragicon {
  display: none;
}
/* Dividers */
.course-content .divider {
  position: relative;
}
.course-content .divider hr {
  width: 100%;
  margin: 0.5rem 0.25rem;
  border-top: 2px dashed #dee2e6;
  opacity: 1;
}
.changenumsections.disabled .course-content .divider hr {
  border-top: 2px dashed #dee2e6;
}
.course-content .divider .divider-content {
  opacity: 0;
  visibility: hidden;
  transition: visibility 0.1s;
  position: absolute;
  background: linear-gradient(transparent 40%, #fff 40%, #fff 60%, transparent 60%);
}
.section.hidden .course-content .divider .divider-content {
  background: linear-gradient(transparent 40%, #f8f9fa 40%, #f8f9fa 60%, transparent 60%);
}
.course-content .divider.always-visible .divider-content {
  opacity: 1;
  visibility: visible;
}
.course-content .divider.always-hidden hr {
  opacity: 0;
  visibility: hidden;
}
.course-content .divider:hover .divider-content, .course-content .divider:focus .divider-content, .course-content .divider:focus-within .divider-content {
  opacity: 1;
  visibility: visible;
}
.course-content .divider:hover hr, .course-content .divider:focus hr, .course-content .divider:focus-within hr {
  opacity: 1;
  visibility: visible;
}
.course-content .divider:has(.btn.add-content:hover) hr, .course-content .divider:has(.pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.add-content.collapseexpand:hover, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.add-content.collapseexpand:hover, #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.add-content.collapseexpand:hover, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) a.add-content:hover, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging a.add-content:hover, .activity-navigation .add-content#prev-activity-link:hover, .activity-navigation .add-content#next-activity-link:hover, .section-navigation .prevsection a.add-content:hover, .section-navigation .nextsection a.add-content:hover) hr {
  border-color: #176B75;
}
.changenumsections.disabled .course-content .divider:has(.btn.add-content:hover) hr, .changenumsections.disabled .course-content .divider:has(.pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.add-content.collapseexpand:hover, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.add-content.collapseexpand:hover, #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.add-content.collapseexpand:hover, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) a.add-content:hover, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging a.add-content:hover, .activity-navigation .add-content#prev-activity-link:hover, .activity-navigation .add-content#next-activity-link:hover, .section-navigation .prevsection a.add-content:hover, .section-navigation .nextsection a.add-content:hover) hr {
  border-color: #e9ecef;
}
.activity:focus-within + .activity .divider .divider-content, .course-section-header:focus-within + .content .section .activity:first-child .divider .divider-content, .content .section .activity:focus-within .divider .divider-content, .course-content:focus-within .changenumsections .divider .divider-content {
  visibility: visible;
}
.course-content ul.topics > li:last-child .changenumsections {
  display: none;
}
.course-content .divider .btn.add-content, .course-content .divider .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.add-content.collapseexpand, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .course-content .divider a.add-content.collapseexpand, .course-content .divider .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.add-content.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .course-content .divider a.add-content.collapseexpand, .course-content .divider #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.add-content.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .course-content .divider a.add-content.collapseexpand, .course-content .divider #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) a.add-content, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) .course-content .divider a.add-content, .course-content .divider #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging a.add-content, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging .course-content .divider a.add-content, .course-content .divider .activity-navigation .add-content#prev-activity-link, .activity-navigation .course-content .divider .add-content#prev-activity-link, .course-content .divider .activity-navigation .add-content#next-activity-link, .activity-navigation .course-content .divider .add-content#next-activity-link, .course-content .divider .section-navigation .prevsection a.add-content, .section-navigation .prevsection .course-content .divider a.add-content, .course-content .divider .section-navigation .nextsection a.add-content, .section-navigation .nextsection .course-content .divider a.add-content {
  position: relative;
  z-index: 1;
  border-radius: 0.5rem;
  font-size: 0.8203125rem;
  font-weight: bold;
  color: #0e4046;
  background-color: #d1e1e3;
}
.course-content .divider .btn.add-content:hover, .course-content .divider .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.add-content.collapseexpand:hover, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .course-content .divider a.add-content.collapseexpand:hover, .course-content .divider .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.add-content.collapseexpand:hover, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .course-content .divider a.add-content.collapseexpand:hover, .course-content .divider #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.add-content.collapseexpand:hover, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .course-content .divider a.add-content.collapseexpand:hover, .course-content .divider #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) a.add-content:hover, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) .course-content .divider a.add-content:hover, .course-content .divider #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging a.add-content:hover, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging .course-content .divider a.add-content:hover, .course-content .divider .activity-navigation .add-content#prev-activity-link:hover, .activity-navigation .course-content .divider .add-content#prev-activity-link:hover, .course-content .divider .activity-navigation .add-content#next-activity-link:hover, .activity-navigation .course-content .divider .add-content#next-activity-link:hover, .course-content .divider .section-navigation .prevsection a.add-content:hover, .section-navigation .prevsection .course-content .divider a.add-content:hover, .course-content .divider .section-navigation .nextsection a.add-content:hover, .section-navigation .nextsection .course-content .divider a.add-content:hover, .course-content .divider .btn.add-content:focus, .course-content .divider .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.add-content.collapseexpand:focus, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .course-content .divider a.add-content.collapseexpand:focus, .course-content .divider .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.add-content.collapseexpand:focus, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .course-content .divider a.add-content.collapseexpand:focus, .course-content .divider #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.add-content.collapseexpand:focus, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .course-content .divider a.add-content.collapseexpand:focus, .course-content .divider #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) a.add-content:focus, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) .course-content .divider a.add-content:focus, .course-content .divider #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging a.add-content:focus, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging .course-content .divider a.add-content:focus, .course-content .divider .activity-navigation .add-content#prev-activity-link:focus, .activity-navigation .course-content .divider .add-content#prev-activity-link:focus, .course-content .divider .activity-navigation .add-content#next-activity-link:focus, .activity-navigation .course-content .divider .add-content#next-activity-link:focus, .course-content .divider .section-navigation .prevsection a.add-content:focus, .section-navigation .prevsection .course-content .divider a.add-content:focus, .course-content .divider .section-navigation .nextsection a.add-content:focus, .section-navigation .nextsection .course-content .divider a.add-content:focus {
  color: #fff;
  background-color: #176B75;
}
.course-content .divider .btn.add-content .icon, .course-content .divider .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.add-content.collapseexpand .icon, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .course-content .divider a.add-content.collapseexpand .icon, .course-content .divider .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.add-content.collapseexpand .icon, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .course-content .divider a.add-content.collapseexpand .icon, .course-content .divider #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.add-content.collapseexpand .icon, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .course-content .divider a.add-content.collapseexpand .icon, .course-content .divider #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) a.add-content .icon, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) .course-content .divider a.add-content .icon, .course-content .divider #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging a.add-content .icon, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging .course-content .divider a.add-content .icon, .course-content .divider .activity-navigation .add-content#prev-activity-link .icon, .activity-navigation .course-content .divider .add-content#prev-activity-link .icon, .course-content .divider .activity-navigation .add-content#next-activity-link .icon, .activity-navigation .course-content .divider .add-content#next-activity-link .icon, .course-content .divider .section-navigation .prevsection a.add-content .icon, .section-navigation .prevsection .course-content .divider a.add-content .icon, .course-content .divider .section-navigation .nextsection a.add-content .icon, .section-navigation .nextsection .course-content .divider a.add-content .icon {
  width: 14px;
  height: 14px;
  font-size: 14px;
}
.changenumsections.disabled .course-content .divider .btn.add-content, .changenumsections.disabled .course-content .divider .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.add-content.collapseexpand, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .changenumsections.disabled .course-content .divider a.add-content.collapseexpand, .changenumsections.disabled .course-content .divider .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.add-content.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .changenumsections.disabled .course-content .divider a.add-content.collapseexpand, .changenumsections.disabled .course-content .divider #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.add-content.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .changenumsections.disabled .course-content .divider a.add-content.collapseexpand, .changenumsections.disabled .course-content .divider #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) a.add-content, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) .changenumsections.disabled .course-content .divider a.add-content, .changenumsections.disabled .course-content .divider #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging a.add-content, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging .changenumsections.disabled .course-content .divider a.add-content, .changenumsections.disabled .course-content .divider .activity-navigation .add-content#prev-activity-link, .activity-navigation .changenumsections.disabled .course-content .divider .add-content#prev-activity-link, .changenumsections.disabled .course-content .divider .activity-navigation .add-content#next-activity-link, .activity-navigation .changenumsections.disabled .course-content .divider .add-content#next-activity-link, .changenumsections.disabled .course-content .divider .section-navigation .prevsection a.add-content, .section-navigation .prevsection .changenumsections.disabled .course-content .divider a.add-content, .changenumsections.disabled .course-content .divider .section-navigation .nextsection a.add-content, .section-navigation .nextsection .changenumsections.disabled .course-content .divider a.add-content {
  color: #8f959e;
  background-color: #e9ecef;
  outline: none;
  box-shadow: none;
  pointer-events: auto;
}
.changenumsections.disabled .course-content .divider .btn.add-content:hover, .changenumsections.disabled .course-content .divider .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.add-content.collapseexpand:hover, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .changenumsections.disabled .course-content .divider a.add-content.collapseexpand:hover, .changenumsections.disabled .course-content .divider .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.add-content.collapseexpand:hover, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .changenumsections.disabled .course-content .divider a.add-content.collapseexpand:hover, .changenumsections.disabled .course-content .divider #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.add-content.collapseexpand:hover, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .changenumsections.disabled .course-content .divider a.add-content.collapseexpand:hover, .changenumsections.disabled .course-content .divider #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) a.add-content:hover, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) .changenumsections.disabled .course-content .divider a.add-content:hover, .changenumsections.disabled .course-content .divider #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging a.add-content:hover, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging .changenumsections.disabled .course-content .divider a.add-content:hover, .changenumsections.disabled .course-content .divider .activity-navigation .add-content#prev-activity-link:hover, .activity-navigation .changenumsections.disabled .course-content .divider .add-content#prev-activity-link:hover, .changenumsections.disabled .course-content .divider .activity-navigation .add-content#next-activity-link:hover, .activity-navigation .changenumsections.disabled .course-content .divider .add-content#next-activity-link:hover, .changenumsections.disabled .course-content .divider .section-navigation .prevsection a.add-content:hover, .section-navigation .prevsection .changenumsections.disabled .course-content .divider a.add-content:hover, .changenumsections.disabled .course-content .divider .section-navigation .nextsection a.add-content:hover, .section-navigation .nextsection .changenumsections.disabled .course-content .divider a.add-content:hover, .changenumsections.disabled .course-content .divider .btn.add-content:focus, .changenumsections.disabled .course-content .divider .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.add-content.collapseexpand:focus, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .changenumsections.disabled .course-content .divider a.add-content.collapseexpand:focus, .changenumsections.disabled .course-content .divider .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.add-content.collapseexpand:focus, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .changenumsections.disabled .course-content .divider a.add-content.collapseexpand:focus, .changenumsections.disabled .course-content .divider #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.add-content.collapseexpand:focus, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .changenumsections.disabled .course-content .divider a.add-content.collapseexpand:focus, .changenumsections.disabled .course-content .divider #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) a.add-content:focus, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) .changenumsections.disabled .course-content .divider a.add-content:focus, .changenumsections.disabled .course-content .divider #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging a.add-content:focus, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging .changenumsections.disabled .course-content .divider a.add-content:focus, .changenumsections.disabled .course-content .divider .activity-navigation .add-content#prev-activity-link:focus, .activity-navigation .changenumsections.disabled .course-content .divider .add-content#prev-activity-link:focus, .changenumsections.disabled .course-content .divider .activity-navigation .add-content#next-activity-link:focus, .activity-navigation .changenumsections.disabled .course-content .divider .add-content#next-activity-link:focus, .changenumsections.disabled .course-content .divider .section-navigation .prevsection a.add-content:focus, .section-navigation .prevsection .changenumsections.disabled .course-content .divider a.add-content:focus, .changenumsections.disabled .course-content .divider .section-navigation .nextsection a.add-content:focus, .section-navigation .nextsection .changenumsections.disabled .course-content .divider a.add-content:focus {
  color: #8f959e;
  background-color: #e9ecef;
  outline: none;
  box-shadow: none;
}
/* Bulk editing */
.bulkenabled .bulk-hidden {
  display: none !important;
}
.bulkenabled .section {
  margin-left: 1rem;
}
.bulkenabled .section:not(:first-child) {
  margin-top: 1.5rem;
}
.bulkenabled .activity {
  margin-top: 0.5rem;
  margin-left: 2rem;
  padding-top: 0.5rem;
  border-top: 2px dashed #dee2e6;
}
.bulkenabled .activity:first-child {
  margin-top: 1.5rem;
}
.bulkenabled .activity-item .bulkselect {
  float: left;
  margin-left: -2rem;
}
.bulkenabled .activity-item:has(.delegated-section):hover {
  outline: none !important;
  box-shadow: none !important;
}
.bulkenabled .course-section-header .bulkselect {
  left: -2.75rem;
  position: relative;
  width: 0;
}
@media (max-width: 767.98px) {
  .bulkenabled .course-content {
    margin-left: 2rem;
  }
}
.bulkenabled .sticky-footer-content.bulkactions .btn, .bulkenabled .sticky-footer-content.bulkactions .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .bulkenabled .sticky-footer-content.bulkactions a.collapseexpand, .bulkenabled .sticky-footer-content.bulkactions .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .bulkenabled .sticky-footer-content.bulkactions a.collapseexpand, .bulkenabled .sticky-footer-content.bulkactions #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .bulkenabled .sticky-footer-content.bulkactions a.collapseexpand, .bulkenabled .sticky-footer-content.bulkactions #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) a, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) .bulkenabled .sticky-footer-content.bulkactions a, .bulkenabled .sticky-footer-content.bulkactions #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging a, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging .bulkenabled .sticky-footer-content.bulkactions a, .bulkenabled .sticky-footer-content.bulkactions .activity-navigation #prev-activity-link, .activity-navigation .bulkenabled .sticky-footer-content.bulkactions #prev-activity-link, .bulkenabled .sticky-footer-content.bulkactions .activity-navigation #next-activity-link, .activity-navigation .bulkenabled .sticky-footer-content.bulkactions #next-activity-link, .bulkenabled .sticky-footer-content.bulkactions .section-navigation .prevsection a, .section-navigation .prevsection .bulkenabled .sticky-footer-content.bulkactions a, .bulkenabled .sticky-footer-content.bulkactions .section-navigation .nextsection a, .section-navigation .nextsection .bulkenabled .sticky-footer-content.bulkactions a {
  --bs-btn-disabled-border-color: transparent;
}
.bulkenabled .sticky-footer-content.bulkactions .btn:focus, .bulkenabled .sticky-footer-content.bulkactions .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand:focus, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .bulkenabled .sticky-footer-content.bulkactions a.collapseexpand:focus, .bulkenabled .sticky-footer-content.bulkactions .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand:focus, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .bulkenabled .sticky-footer-content.bulkactions a.collapseexpand:focus, .bulkenabled .sticky-footer-content.bulkactions #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand:focus, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .bulkenabled .sticky-footer-content.bulkactions a.collapseexpand:focus, .bulkenabled .sticky-footer-content.bulkactions #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) a:focus, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) .bulkenabled .sticky-footer-content.bulkactions a:focus, .bulkenabled .sticky-footer-content.bulkactions #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging a:focus, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging .bulkenabled .sticky-footer-content.bulkactions a:focus, .bulkenabled .sticky-footer-content.bulkactions .activity-navigation #prev-activity-link:focus, .activity-navigation .bulkenabled .sticky-footer-content.bulkactions #prev-activity-link:focus, .bulkenabled .sticky-footer-content.bulkactions .activity-navigation #next-activity-link:focus, .activity-navigation .bulkenabled .sticky-footer-content.bulkactions #next-activity-link:focus, .bulkenabled .sticky-footer-content.bulkactions .section-navigation .prevsection a:focus, .section-navigation .prevsection .bulkenabled .sticky-footer-content.bulkactions a:focus, .bulkenabled .sticky-footer-content.bulkactions .section-navigation .nextsection a:focus, .section-navigation .nextsection .bulkenabled .sticky-footer-content.bulkactions a:focus {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(23, 107, 117, 0.75);
}
@media (max-width: 767.98px) {
  .sticky-footer-content.bulkactions {
    position: relative;
  }
  .sticky-footer-content.bulkactions .form-check, .sticky-footer-content.bulkactions .bulkaction-name, .sticky-footer-content.bulkactions .bulkcount {
    display: none;
  }
  .sticky-footer-content.bulkactions .actions button {
    padding: 0 0.5rem;
  }
  .sticky-footer-content.bulkactions .bulkcancel {
    position: absolute;
    top: 0;
    right: 0;
  }
}
/* Single section page */
.single-section > ul > .course-section.hidden .section-item {
  background-color: inherit;
}
.single-section > ul > .course-section .section-item {
  padding: 0;
  border: none;
}
.single-section-page .header-action {
  display: inline-block;
}
.single-section-page .page-context-header {
  overflow: visible;
}
/* Default activity completion page */
.defaultactivitycompletion-item a {
  color: #000;
  text-decoration: none;
}
.defaultactivitycompletion-item .activityicon {
  width: 32px;
  height: 32px;
}
/* Home page course */
.sitetopic .section-item {
  margin-bottom: 1.5rem;
  border-radius: 0.5rem;
}
/* Move activity and Move section modals */
.move-activity-tree .collapse-list-item {
  border-radius: 0.5rem;
}
.move-activity-tree .collapse-list-item:hover, .move-activity-tree .collapse-list-item:focus {
  background-color: #d1e1e3;
}
.move-activity-tree .collapse-list-item:hover a, .move-activity-tree .collapse-list-item:focus a {
  color: #0e4046;
}
.move-activity-tree .collapse-list-item a {
  color: var(--bs-body-color);
}
.move-activity-tree .collapse-list-item a:hover, .move-activity-tree .collapse-list-item a:focus {
  text-decoration: none;
}
.move-activity-tree .collapse-list-item a.disabled {
  color: var(--bs-secondary-color);
}
.move-activity-tree .collapse-list-item-content .collapse-list-item {
  padding: 0.5rem 1rem;
}
.move-activity-tree ul {
  margin-left: 1.5rem;
}
.move-activity-tree .collapse-list-link {
  font-weight: bold;
}
/* Subsections */
.activity.subsection {
  border-top: none;
}
.activity.subsection > .activity-item {
  border: 1px solid #dee2e6;
  padding: 0;
  margin: 0.5rem 0;
}
.activity.subsection > .activity-item > .activity-grid > .activity-altcontent {
  margin-top: 0;
}
.activity.subsection .section {
  margin-top: 0;
}
.activity.subsection .section .section-item {
  border: none;
  padding: 0.75rem;
}
.activity.subsection .section .icons-collapse-expand:has(+ h4), .activity.subsection .section .icons-collapse-expand:has(+ .h4) {
  height: 24px;
  width: 24px;
  font-size: 0.8203125rem;
}
.activity.subsection .section h4, .activity.subsection .section .h4 {
  font-size: 1.171875rem;
}
.activity.subsection .section .section_action_menu > .action-menu .btn-icon {
  font-size: inherit;
}
.activity.subsection + .activity {
  border-top: none;
}
.activity.subsection .focus-control:not(:has(.focus-control)):focus-within .v-parent-focus, .activity.subsection .focus-control:not(:has(.focus-control)):hover .v-parent-focus {
  opacity: 1 !important;
  visibility: visible !important;
}
.activity.subsection .focus-control:focus-within .focus-control .v-parent-focus, .activity.subsection .focus-control:hover .focus-control .v-parent-focus {
  opacity: 0;
  visibility: hidden;
}
/* Spinners */
@keyframes editinprogress-rotation {
  0% {
    opacity: 0;
    transform: rotate(0deg);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: rotate(359deg);
  }
}
.editing .editinprogress {
  position: relative;
}
.editing .editinprogress > * {
  opacity: 0.4;
}
.editing .editinprogress .corelightbox, .editing .editinprogress .lightbox {
  display: none;
}
.editing .editinprogress:after {
  font: var(--fa-font-solid);
  position: absolute;
  font-size: 20px;
  color: #6a737b;
  content: "";
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  left: calc(50% - 15px);
  top: calc(50% - 15px);
  animation: editinprogress-rotation 2s infinite linear;
}
.editing .editinprogress .editinprogress:after {
  display: none;
}
/* Drag and drop */
.course-content .section.dropready.main.drop-down {
  border-bottom: 1px solid #1d2125;
}
.course-content .section.dropready .course-section-header.dropready.drop-zone {
  margin-top: -2px;
}
.course-content .section.dropready li.activity.dropready.drop-down {
  border-bottom: 1px solid #1d2125;
  margin-bottom: -1px;
}
.course-content .section.dropready li.activity.dropready.drop-up {
  border-top: 1px solid #1d2125;
  margin-top: -1px;
}
.course-content .section.dropready [data-for="sectioninfo"] {
  min-height: 1px;
}
.course-content .section.dropready [data-for="sectioninfo"].drop-down {
  margin-top: -1px;
}
/* Old indentation styles */
.mod-indent-outer {
  display: table;
}
.mod-indent {
  display: table-cell;
}
.label .mod-indent {
  float: left;
  padding-top: 20px;
}
.activity.label.modtype_label .mod-indent {
  float: none;
}
@media (min-width: 576px) {
  .badge-primary {
    /* Creates a series of .mod-indent-# rule declarations based on indent size and number of indent levels. */
  }
  .mod-indent-1 {
    width: 30px;
  }
  .mod-indent-2 {
    width: 60px;
  }
  .mod-indent-3 {
    width: 90px;
  }
  .mod-indent-4 {
    width: 120px;
  }
  .mod-indent-5 {
    width: 150px;
  }
  .mod-indent-6 {
    width: 180px;
  }
  .mod-indent-7 {
    width: 210px;
  }
  .mod-indent-8 {
    width: 240px;
  }
  .mod-indent-9 {
    width: 270px;
  }
  .mod-indent-10 {
    width: 300px;
  }
  .mod-indent-11 {
    width: 330px;
  }
  .mod-indent-12 {
    width: 360px;
  }
  .mod-indent-13 {
    width: 390px;
  }
  .mod-indent-14 {
    width: 420px;
  }
  .mod-indent-15 {
    width: 450px;
  }
  .mod-indent-16 {
    width: 480px;
  }
  .mod-indent-huge {
    width: 480px;
  }
}
/*
 * Course management page styles.
 */
#course-category-listings {
  margin-bottom: 0;
  /** Two column layout */
  /** Three column layout */
}
#course-category-listings.columns-2 > #course-listing > div {
  position: relative;
  left: -1px;
}
#course-category-listings.columns-3 > #course-listing > div {
  height: 100%;
}
#course-category-listings > div > div {
  min-height: 300px;
}
#course-category-listings > div > div > ul.ml > li:first-child > div {
  border-top: 0;
}
#course-category-listings h3, #course-category-listings .h3 {
  margin: 0;
  padding: 0.4rem 0.6rem 0.3rem;
}
#course-category-listings h4, #course-category-listings .h4 {
  margin: 1rem 0 0;
  padding: 0.6rem 1rem 0.5rem;
}
#course-category-listings .moodle-actionmenu {
  white-space: nowrap;
}
#course-category-listings .listing-actions {
  text-align: center;
}
#course-category-listings .listing-actions > .moodle-actionmenu {
  display: inline-block;
}
#course-category-listings ul.ml {
  list-style: none;
  margin: 1rem 0;
}
#course-category-listings ul.ml ul.ml {
  margin: 0;
}
#course-category-listings .listitem[data-selected="1"] {
  border-left: calc(var(--bs-border-width) + 5px) solid #176B75;
  padding-left: calc(1rem - 5px);
}
#course-category-listings .listitem:hover {
  z-index: 2;
}
#course-category-listings .item-actions {
  margin-right: 1em;
  display: inline-block;
}
#course-category-listings .item-actions.show .menu img {
  width: 12px;
  max-width: none;
}
#course-category-listings .item-actions .menu-action-text {
  vertical-align: inherit;
}
#course-category-listings .listitem > div > .float-start {
  float: left;
}
#course-category-listings .listitem > div > .float-end {
  float: right;
  text-align: right;
}
#course-category-listings .listitem > div .item-actions .action-show {
  display: none;
}
#course-category-listings .listitem > div .item-actions .action-hide {
  display: inline;
}
#course-category-listings .listitem > div .without-actions {
  color: #333;
}
#course-category-listings .listitem > div .idnumber {
  margin-right: 2em;
}
#course-category-listings .listitem[data-visible="0"] {
  color: var(--bs-secondary-color);
}
#course-category-listings .listitem[data-visible="0"] > div > a {
  color: var(--bs-secondary-color);
}
#course-category-listings .listitem[data-visible="0"] > div .item-actions .action-show {
  display: inline;
}
#course-category-listings .listitem[data-visible="0"] > div .item-actions .action-hide {
  display: none;
}
#course-category-listings .listitem.highlight {
  background-color: #fff;
}
#course-category-listings .listitem.highlight > div, #course-category-listings .listitem.highlight > div:hover, #course-category-listings .listitem.highlight[data-selected="1"] > div {
  background-color: rgba(var(--bs-emphasis-color-rgb), 0.075);
}
#course-category-listings #course-listing .listitem .categoryname {
  display: inline-block;
  margin-left: 1em;
  color: #a1a1a8;
}
#course-category-listings #course-listing .listitem .coursename {
  display: inline-block;
  flex-basis: 10rem;
}
#course-category-listings #course-listing > .firstpage .listitem:first-child > div .item-actions .action-moveup, #course-category-listings #course-listing > .lastpage .listitem:last-child > div .item-actions .action-movedown {
  display: none;
}
#course-category-listings #category-listing .listitem.collapsed > ul.ml {
  display: none;
}
#course-category-listings #category-listing .listitem:first-child > div .item-actions .action-moveup, #course-category-listings #category-listing .listitem:last-child > div .item-actions .action-movedown {
  display: none;
}
#course-category-listings #category-listing .course-count {
  color: #a1a1a8;
  margin-right: 2rem;
  min-width: 3.5em;
  display: inline-block;
}
#course-category-listings #category-listing .category-listing > ul > .listitem:first-child {
  position: relative;
}
#course-category-listings #category-listing .category-bulk-actions {
  margin: 0 0.5em 0.5em;
  position: relative;
}
#course-category-listings .detail-pair > * {
  display: inline-block;
}
#course-category-listings .detail-pair .pair-key {
  font-weight: bold;
  vertical-align: top;
}
#course-category-listings .detail-pair .pair-key span {
  margin-right: 1rem;
  display: block;
}
#course-category-listings .detail-pair .pair-value select {
  max-width: 100%;
}
#course-category-listings .listing-pagination {
  text-align: center;
}
#course-category-listings .listing-pagination .yui3-button {
  --bs-btn-color: #fff;
  --bs-btn-bg: #0333B9;
  --bs-btn-border-color: #0333B9;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #032b9d;
  --bs-btn-hover-border-color: #022994;
  --bs-btn-focus-shadow-rgb: 41, 82, 196;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #022994;
  --bs-btn-active-border-color: #02268b;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0333B9;
  --bs-btn-disabled-border-color: #0333B9;
  border: 0;
  margin: 0.4rem 0.2rem 0.45rem;
  font-size: 10.4px;
}
#course-category-listings .listing-pagination .yui3-button.active-page {
  --bs-btn-color: #fff;
  --bs-btn-bg: #176B75;
  --bs-btn-border-color: #176B75;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #145b63;
  --bs-btn-hover-border-color: #12565e;
  --bs-btn-focus-shadow-rgb: 58, 129, 138;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #12565e;
  --bs-btn-active-border-color: #115058;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #176B75;
  --bs-btn-disabled-border-color: #176B75;
}
#course-category-listings .listing-pagination-totals {
  text-align: center;
}
#course-category-listings .listing-pagination-totals.dimmed {
  color: var(--bs-secondary-color);
  margin: 0.4rem 1rem 0.45rem;
}
#course-category-listings .select-a-category .notifymessage, #course-category-listings .select-a-category .alert {
  margin: 1em;
}
#course-category-listings #course-listing .listitem .drag-handle {
  display: none;
}
.jsenabled #course-category-listings #course-listing .listitem .drag-handle {
  display: inline-block;
  margin: 0 6px 0 0;
  cursor: pointer;
}
/** Management header styling **/
.course-being-dragged-proxy {
  border: 0;
  color: #176B75;
  vertical-align: middle;
  padding: 0 0 0 4em;
}
.course-being-dragged {
  opacity: 0.5;
}
/**
 * Display sizes:
 * Large displays                   1200        +
 * Default displays                  980     1199
 * Tablets                           768      979
 * Small tablets and large phones    481      767
 * Phones                              0      480
 */
@media (min-width: 1200px) and (max-width: 1600px) {
  #course-category-listings.columns-3 {
    background-color: #fff;
    border: 0;
  }
  #course-category-listings.columns-3 #category-listing, #course-category-listings.columns-3 #course-listing {
    width: 50%;
  }
  #course-category-listings.columns-3 #category-listing > div, #course-category-listings.columns-3 #course-listing > div, #course-category-listings.columns-3 #course-detail > div {
    background-color: #fff;
  }
  #course-category-listings.columns-3 #course-detail {
    width: 100%;
    margin-top: 1em;
  }
}
@media (max-width: 1199px) {
  #course-category-listings.columns-2, #course-category-listings.columns-3 {
    border: 0;
  }
  #course-category-listings.columns-2 #category-listing, #course-category-listings.columns-2 #course-listing, #course-category-listings.columns-2 #course-detail, #course-category-listings.columns-3 #category-listing, #course-category-listings.columns-3 #course-listing, #course-category-listings.columns-3 #course-detail {
    width: 100%;
    margin: 0 0 1em;
  }
}
/*
 * Course listings and course summary styles.
 */
#page-course-pending .singlebutton, #page-course-index .singlebutton, #page-course-index-category .singlebutton, #page-course-editsection .singlebutton {
  text-align: center;
}
#page-admin-course-manage #movecourses td img {
  margin: 0 0.22em;
  vertical-align: text-bottom;
}
#page-course-pending .pendingcourserequests {
  margin-bottom: 1em;
}
#page-course-pending .pendingcourserequests .singlebutton {
  display: inline;
}
#page-course-pending .pendingcourserequests .cell {
  padding: 0 5px;
}
#page-course-pending .pendingcourserequests .cell.c6 {
  white-space: nowrap;
}
.coursebox {
  display: flex;
  flex-direction: column;
}
.coursebox .info {
  display: flex;
  align-items: center;
}
#frontpage-available-course-list, #frontpage-course-list, .course-search-result {
  margin-top: 0.5rem;
}
#frontpage-available-course-list .coursebox, #frontpage-course-list .coursebox, .course-search-result .coursebox {
  padding: 0.5rem;
  border: 1px solid #dee2e6;
  margin-bottom: 0.5rem;
  border-radius: 0.5rem;
}
.coursebox > .info > .coursename {
  font-size: 0.9375rem;
  font-weight: normal;
  margin: 5px;
  padding: 0;
}
.coursebox .content .teachers li {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.coursebox .customfieldname, .coursebox .customfieldseparator {
  font-weight: 700;
}
.coursebox .content .coursefile {
  max-width: 100px;
}
.coursebox .content .courseimage img {
  max-width: 100px;
  max-height: 100px;
}
.coursebox .content .coursecat, .coursebox .content .summary, .coursebox .content .courseimage, .coursebox .content .coursefile, .coursebox .content .teachers, .coursebox.remotecoursebox .remotecourseinfo, .coursebox .content .customfields-container {
  margin: 15px 5px 5px;
  padding: 0;
}
.category-browse .coursebox .content .coursecat, .category-browse .coursebox .content .summary, .category-browse .coursebox .content .courseimage, .category-browse .coursebox .content .coursefile, .category-browse .coursebox .content .teachers, .category-browse .coursebox.remotecoursebox .remotecourseinfo, .category-browse .coursebox .content .customfields-container {
  margin-top: 0;
}
.coursebox.collapsed > .content {
  display: none;
}
.courses > .paging.paging-morelink {
  text-align: center;
  padding: 1rem;
}
.course_category_tree .category .numberofcourse {
  font-size: 0.8203125rem;
}
.course_category_tree .category > .info > .categoryname {
  margin: 5px;
  font-size: 0.9375rem;
  font-weight: normal;
  padding: 2px 18px;
}
.course_category_tree .category.with_children > .info > .categoryname {
  background-image: url(/theme/image.php/boost_union/core/1792421257/t/expanded);
  background-size: 20px 16px;
  background-repeat: no-repeat;
  background-position: center left;
}
.course_category_tree .category.with_children.collapsed > .info > .categoryname {
  background-image: url(/theme/image.php/boost_union/core/1792421257/t/collapsed);
}
/* rtl:raw:
.course_category_tree .category.with_children.collapsed > .info > .categoryname {
    background-image:url(/theme/image.php/boost_union/core/1792421257/t/collapsed_rtl);
}
*/
.course_category_tree .category.collapsed > .content {
  display: none;
}
.course_category_tree .category > .content {
  padding-left: 16px;
}
#page-course-index-category .categorypicker {
  margin: 10px 0 20px;
}
/* Anchor link offset fix. This makes hash links scroll 60px down to account for the fixed header. */
:target, :focus {
  scroll-margin-top: 70px;
}
.pagelayout-embedded :target {
  padding-top: initial;
  margin-top: initial;
}
#nav-drawer.closed {
  left: -305px;
}
#nav-drawer[aria-hidden=true] .list-group-item {
  display: none;
}
/* Use a variable for the drawer background colors. */
[data-region="drawer"] {
  position: fixed;
  width: 285px;
  top: 60px;
  height: calc(100% - 60px);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 999;
  background-color: #f2f2f2;
  transition: right 0.5s ease, left 0.5s ease;
}
@media (prefers-reduced-motion: reduce) {
  [data-region="drawer"] {
    transition: none;
  }
}
@media (min-width: 576px) {
  [data-region="drawer"] {
    padding: 20px 20px;
  }
  .jsenabled .popover-process-monitor, .jsenabled .btn-footer-popover, .jsenabled .btn-footer-communication {
    transition: 0.2s;
  }
}
@media (min-width: 576px) and (prefers-reduced-motion: reduce) {
  .jsenabled .popover-process-monitor, .jsenabled .btn-footer-popover, .jsenabled .btn-footer-communication {
    transition: none;
  }
}
#nav-drawer {
  right: auto;
  left: 0;
  /* Override the z-indexes defined in bootstrap/_list-group.scss that
       lead to side effects on the user tours positioning. */
}
#nav-drawer .list-group-item-action.active, #nav-drawer .list-group-item.active {
  z-index: inherit;
}
#nav-drawer .list-group-item-action.active + .list-group-item, #nav-drawer .list-group-item.active + .list-group-item {
  border-top: none;
}
#nav-drawer .list-group ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#nav-drawer .list-group li {
  margin-bottom: -1px;
}
#nav-drawer .list-group li:last-child {
  margin-bottom: 0;
}
body.drawer-ease {
  transition: margin-left 0.5s ease, margin-right 0.5s ease;
}
@media (prefers-reduced-motion: reduce) {
  body.drawer-ease {
    transition: none;
  }
}
@media (min-width: 768px) {
  body:not(.uses-drawers).drawer-open-left {
    margin-left: 285px;
  }
}
@media (min-width: 768px) {
  body.drawer-open-left #page.drawers {
    margin-left: 285px;
    padding-left: 1rem;
  }
}
@media (min-width: 768px) {
  body.drawer-open-right {
    margin-right: 315px;
  }
}
[data-region=right-hand-drawer] {
  display: flex;
  flex-direction: column;
  transition: right 0.2s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  [data-region=right-hand-drawer] {
    transition: none;
  }
}
[data-region=right-hand-drawer].drawer {
  z-index: 1021;
  position: fixed;
  top: 60px;
  right: 0;
  height: calc(100% - 60px);
  width: 320px;
  box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.25);
  padding: 0;
  visibility: visible;
  opacity: 1;
}
[data-region=right-hand-drawer].hidden {
  display: block;
  right: -320px;
  visibility: hidden;
  opacity: 0;
  transition: right 0.2s ease-in-out, visibility 0s ease-in-out 0.2s, opacity 0s ease-in-out 0.2s;
}
@media (prefers-reduced-motion: reduce) {
  [data-region=right-hand-drawer].hidden {
    transition: none;
  }
}
@media (max-width: 767.98px) {
  [data-region=right-hand-drawer].drawer {
    top: 0;
    height: 100%;
    z-index: 1031;
  }
  body.drawer-open-left, body.drawer-open-right {
    overflow: hidden;
  }
}
.dir-rtl [data-region=right-hand-drawer] {
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
}
.drawer {
  background-color: #f8f9fa;
  z-index: 1015;
  position: fixed;
  height: 100vh;
  top: 0;
}
@media (max-width: 991.98px) {
  .drawer {
    z-index: 1035;
  }
}
.drawer.not-initialized {
  display: none;
}
.drawer.drawer-right {
  transition: right 0.2s ease, top 0.2s ease, bottom 0.2s ease, visibility 0.2s ease, transform 0.5s ease;
  width: 315px;
  max-width: 315px;
  right: calc(-315px + -10px);
  visibility: hidden;
}
@media (prefers-reduced-motion: reduce) {
  .drawer.drawer-right {
    transition: none;
  }
}
.drawer.drawer-right.show {
  right: 0;
  visibility: visible;
}
.drawer.drawer-right .drawertoggle {
  margin-left: auto;
  margin-right: 5px;
}
.drawer.drawer-left {
  transition: left 0.2s ease, top 0.2s ease, bottom 0.2s ease, visibility 0.2s ease;
  width: 285px;
  max-width: 285px;
  left: calc(-285px + -10px);
  visibility: hidden;
}
@media (prefers-reduced-motion: reduce) {
  .drawer.drawer-left {
    transition: none;
  }
}
.drawer.drawer-left.show {
  left: 0;
  visibility: visible;
}
.drawer.drawer-left .drawertoggle {
  margin-right: auto;
  margin-left: 5px;
}
.drawer.drawer-bottom {
  bottom: -110%;
}
.drawer.drawer-bottom.show {
  bottom: 0;
}
.drawer.drawer-primary .drawertoggle {
  margin-right: 16px;
  margin-left: 5px;
}
@media (min-width: 992px) {
  .drawer#theme_boost-drawers-blocks:focus-within {
    z-index: 1031;
  }
  .drawer.not-initialized {
    display: block;
  }
}
.drawer-md, .drawer-sm {
  display: none;
}
.drawerheader {
  padding: 0;
  height: 60px;
  display: flex;
  align-items: center;
}
.drawerheader .sitename {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-right: 16px;
}
.drawer.scrolled .drawerheader {
  box-shadow: 0 8px 11px -7px rgba(0, 0, 0, 0.25);
}
@media (max-width: 991.98px) {
  .drawer-md {
    display: block;
    background-color: #f8f9fa;
    z-index: 1015;
    position: fixed;
    height: 100vh;
    top: 0;
  }
  .drawer-md.not-initialized {
    display: none;
  }
  .drawer-md.drawer-right {
    transition: right 0.2s ease, top 0.2s ease, bottom 0.2s ease, visibility 0.2s ease, transform 0.5s ease;
    width: 315px;
    max-width: 315px;
    right: calc(-315px + -10px);
    visibility: hidden;
  }
  .drawer-md.drawer-right.show {
    right: 0;
    visibility: visible;
  }
  .drawer-md.drawer-right .drawertoggle {
    margin-left: auto;
    margin-right: 5px;
  }
  .drawer-md.drawer-left {
    transition: left 0.2s ease, top 0.2s ease, bottom 0.2s ease, visibility 0.2s ease;
    width: 285px;
    max-width: 285px;
    left: calc(-285px + -10px);
    visibility: hidden;
  }
  .drawer-md.drawer-left.show {
    left: 0;
    visibility: visible;
  }
  .drawer-md.drawer-left .drawertoggle {
    margin-right: auto;
    margin-left: 5px;
  }
  .drawer-md.drawer-bottom {
    bottom: -110%;
  }
  .drawer-md.drawer-bottom.show {
    bottom: 0;
  }
  .drawer-md.drawer-primary .drawertoggle {
    margin-right: 16px;
    margin-left: 5px;
  }
}
@media (max-width: 991.98px) and (max-width: 991.98px) {
  .drawer-md {
    z-index: 1035;
  }
}
@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
  .drawer-md.drawer-right {
    transition: none;
  }
}
@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
  .drawer-md.drawer-left {
    transition: none;
  }
}
@media (max-width: 767.98px) {
  .drawer-sm {
    display: block;
    background-color: #f8f9fa;
    z-index: 1015;
    position: fixed;
    height: 100vh;
    top: 0;
  }
  .drawer-sm.not-initialized {
    display: none;
  }
  .drawer-sm.drawer-right {
    transition: right 0.2s ease, top 0.2s ease, bottom 0.2s ease, visibility 0.2s ease, transform 0.5s ease;
    width: 315px;
    max-width: 315px;
    right: calc(-315px + -10px);
    visibility: hidden;
  }
  .drawer-sm.drawer-right.show {
    right: 0;
    visibility: visible;
  }
  .drawer-sm.drawer-right .drawertoggle {
    margin-left: auto;
    margin-right: 5px;
  }
  .drawer-sm.drawer-left {
    transition: left 0.2s ease, top 0.2s ease, bottom 0.2s ease, visibility 0.2s ease;
    width: 285px;
    max-width: 285px;
    left: calc(-285px + -10px);
    visibility: hidden;
  }
  .drawer-sm.drawer-left.show {
    left: 0;
    visibility: visible;
  }
  .drawer-sm.drawer-left .drawertoggle {
    margin-right: auto;
    margin-left: 5px;
  }
  .drawer-sm.drawer-bottom {
    bottom: -110%;
  }
  .drawer-sm.drawer-bottom.show {
    bottom: 0;
  }
  .drawer-sm.drawer-primary .drawertoggle {
    margin-right: 16px;
    margin-left: 5px;
  }
}
@media (max-width: 767.98px) and (max-width: 991.98px) {
  .drawer-sm {
    z-index: 1035;
  }
}
@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
  .drawer-sm.drawer-right {
    transition: none;
  }
}
@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
  .drawer-sm.drawer-left {
    transition: none;
  }
}
.drawercontent {
  position: relative;
  z-index: -1;
  height: calc(100% - 60px);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  overflow-y: auto;
  padding: 0.4rem;
  scrollbar-width: thin;
  scrollbar-color: #6a737b #f8f9fa;
}
.drawercontent .dropdown-menu .dropdown-item {
  width: 220px;
  white-space: normal;
}
.drawercontent::-webkit-scrollbar {
  width: 12px;
}
.drawercontent::-webkit-scrollbar-track {
  background: #f8f9fa;
}
.drawercontent::-webkit-scrollbar-thumb {
  background-color: #6a737b;
  border-radius: 20px;
  border: 3px solid #f8f9fa;
}
.drawercontent::-webkit-scrollbar-thumb:hover {
  background-color: #495057;
}
.fp-content-center {
  height: 100%;
  width: 100%;
  display: table-cell;
  vertical-align: middle;
}
.fp-content-hidden {
  visibility: hidden;
}
.yui3-panel-focused {
  outline: none;
}
.fp-panel-button {
  background: #fff;
  padding: 3px 20px 2px 20px;
  text-align: center;
  margin: 10px;
  border-radius: 10px;
  display: inline-block;
}
.filepicker .yui3-widget-content-expanded {
  height: auto;
}
/* The javascript is adding a style="height:0;" to this element - we need to set the min-height so the height is ignored. */
.filepicker .moodle-dialogue-bd {
  min-height: 520px;
}
.fp-navbar {
  border-color: var(--bs-gray-500);
  border-bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.file-picker .fp-content {
  border-top: 0;
  background: #fff;
  clear: none;
  overflow: auto;
  height: 452px;
}
.filepicker.moodle-dialogue-fullscreen .file-picker .fp-content {
  width: 100%;
}
.file-picker .fp-content-loading {
  height: 100%;
  width: 100%;
  display: table;
  text-align: center;
}
.file-picker .fp-content .fp-object-container {
  width: 98%;
  height: 98%;
}
.file-picker .fp-def-search {
  margin-top: 0;
}
.file-picker .fp-list {
  list-style-type: none;
  padding: 0;
  float: left;
  width: 100%;
  margin: 0;
}
.file-picker .fp-list .fp-repo a {
  display: block;
  padding: 0.5em 0.7em;
}
.file-picker .fp-list .fp-repo.active {
  background: #f2f2f2;
}
.file-picker .fp-list .fp-repo-icon {
  padding: 0 7px 0 5px;
  width: 16px;
  height: 16px;
}
.fp-toolbar {
  float: left;
}
.fp-toolbar.empty {
  display: none;
}
.fp-toolbar .disabled {
  display: none;
}
.fp-toolbar div {
  display: block;
  float: left;
  margin-right: 4px;
}
.fp-toolbar img {
  vertical-align: -15%;
  margin-right: 5px;
}
.fp-viewbar:not(.disabled) a.checked {
  background-color: #b1bbc4;
  color: #000;
  border-color: #aab4bf;
}
.fp-viewbar.disabled a {
  pointer-events: none;
  opacity: 0.65;
}
.file-picker .fp-clear-left {
  clear: left;
}
.fp-pathbar.empty {
  display: none;
}
.fp-pathbar .fp-path-folder {
  background: url(/theme/image.php/boost_union/theme/1792421257/fp/path_folder) left 3px no-repeat;
  background-size: 12px 12px;
  height: 12px;
  margin-left: 12px;
}
/*rtl:raw:
.fp-pathbar .fp-path-folder {
    background-image: url(/theme/image.php/boost_union/theme/1792421257/fp/path_folder_rtl);
}
*/
.fp-pathbar .fp-path-folder-name {
  margin-left: 24px;
}
.fp-iconview .fp-file {
  float: left;
  text-align: center;
  position: relative;
  margin: 10px 10px 35px;
}
.fp-iconview .fp-thumbnail {
  min-width: 110px;
  min-height: 110px;
  line-height: 110px;
  text-align: center;
  border: 1px solid #fff;
  display: block;
}
.fp-iconview .fp-thumbnail img {
  border: 1px solid #ddd;
  padding: 3px;
  vertical-align: middle;
}
.fp-iconview .fp-thumbnail:hover {
  background: #fff;
  border: 1px solid #ddd;
}
.fp-iconview .fp-filename-field {
  height: 33px;
  margin-top: 3px;
  word-wrap: break-word;
  overflow: hidden;
  position: absolute;
}
.fp-iconview .fp-file:focus .fp-filename-field, .fp-iconview .fp-file:hover .fp-filename-field {
  overflow: visible;
  z-index: 1000;
}
.fp-iconview .fp-file:focus .fp-filename, .fp-iconview .fp-file:hover .fp-filename {
  overflow: inherit;
  white-space: normal;
  text-overflow: inherit;
}
.fp-iconview .fp-filename-field .fp-filename {
  background: #fff;
  padding-top: 5px;
  padding-bottom: 12px;
  min-width: 112px;
}
.file-picker .yui3-datatable table {
  border: 0 solid #bbb;
  width: 100%;
}
.file-picker .ygtvtn, .filemanager .ygtvtn {
  /*rtl:remove*/
  background: url(/theme/image.php/boost_union/core/1792421257/y/tn) 0 0 no-repeat;
  /*rtl:raw:
    background: url(/theme/image.php/boost_union/core/1792421257/y/tn_rtl) 0 0 no-repeat;
    */
  width: 19px;
  height: 32px;
}
.file-picker .ygtvtm, .filemanager .ygtvtm {
  background: url(/theme/image.php/boost_union/core/1792421257/y/tm) 0 10px no-repeat;
  /*rtl:raw:
        background-position: 2px 10px;
    */
  width: 13px;
  height: 12px;
  cursor: pointer;
}
.file-picker .ygtvtmh, .filemanager .ygtvtmh {
  background: url(/theme/image.php/boost_union/core/1792421257/y/tm) 0 10px no-repeat;
  /*rtl:raw:
        background-position: 2px 10px;
    */
  width: 13px;
  height: 12px;
  cursor: pointer;
}
.file-picker .ygtvtp, .filemanager .ygtvtp {
  /*rtl:remove*/
  background: url(/theme/image.php/boost_union/core/1792421257/y/tp) 0 10px no-repeat;
  /*rtl:raw:
    background: url(/theme/image.php/boost_union/core/1792421257/y/tp_rtl) 2px 10px no-repeat;
    */
  width: 13px;
  height: 12px;
  cursor: pointer;
}
.file-picker .ygtvtph, .filemanager .ygtvtph {
  /*rtl:remove*/
  background: url(/theme/image.php/boost_union/core/1792421257/y/tp) 0 10px no-repeat;
  /*rtl:raw:
    background: url(/theme/image.php/boost_union/core/1792421257/y/tp_rtl) 2px 10px no-repeat;
    */
  width: 13px;
  height: 22px;
  cursor: pointer;
}
.file-picker .ygtvln, .filemanager .ygtvln {
  /*rtl:remove*/
  background: url(/theme/image.php/boost_union/core/1792421257/y/ln) 0 0 no-repeat;
  /*rtl:raw:
    background: url(/theme/image.php/boost_union/core/1792421257/y/ln_rtl) 0 0 no-repeat;
    */
  width: 19px;
  height: 32px;
}
.file-picker .ygtvlm, .filemanager .ygtvlm {
  background: url(/theme/image.php/boost_union/core/1792421257/y/lm) 0 10px no-repeat;
  /*rtl:raw:
        background-position: 2px 10px;
    */
  width: 13px;
  height: 12px;
  cursor: pointer;
}
.file-picker .ygtvlmh, .filemanager .ygtvlmh {
  background: url(/theme/image.php/boost_union/core/1792421257/y/lm) 0 10px no-repeat;
  /*rtl:raw:
        background-position: 2px 10px;
    */
  width: 13px;
  height: 12px;
  cursor: pointer;
}
.file-picker .ygtvlp, .filemanager .ygtvlp {
  /*rtl:remove*/
  background: url(/theme/image.php/boost_union/core/1792421257/y/lp) 0 10px no-repeat;
  /*rtl:raw:
    background: url(/theme/image.php/boost_union/core/1792421257/y/lp_rtl) 2px 10px no-repeat;
    */
  width: 13px;
  height: 12px;
  cursor: pointer;
}
.file-picker .ygtvlph, .filemanager .ygtvlph {
  /*rtl:remove*/
  background: url(/theme/image.php/boost_union/core/1792421257/y/lp) 0 10px no-repeat;
  /*rtl:raw:
    background: url(/theme/image.php/boost_union/core/1792421257/y/lp_rtl) 2px 10px no-repeat;
    */
  width: 13px;
  height: 12px;
  cursor: pointer;
}
.file-picker .ygtvloading, .filemanager .ygtvloading {
  background: transparent url(/theme/image.php/boost_union/core/1792421257/y/loading) 0 0 no-repeat;
  width: 16px;
  height: 22px;
}
.file-picker .ygtvdepthcell, .filemanager .ygtvdepthcell {
  background: url(/theme/image.php/boost_union/core/1792421257/y/vline) 0 0 no-repeat;
  /*rtl:raw:
    background-position: 0 0;
    */
  width: 17px;
  height: 32px;
}
.file-picker .ygtvblankdepthcell, .filemanager .ygtvblankdepthcell {
  width: 17px;
  height: 22px;
}
a.ygtvspacer:hover {
  color: transparent;
  text-decoration: none;
}
.ygtvlabel, .ygtvlabel:link, .ygtvlabel:visited, .ygtvlabel:hover {
  background-color: transparent;
  cursor: pointer;
  margin-left: 2px;
  text-decoration: none;
}
.file-picker .ygtvfocus, .filemanager .ygtvfocus {
  background-color: #eee;
}
.fp-filename-icon {
  margin-top: 10px;
  display: block;
  position: relative;
}
.fp-icon {
  float: left;
  margin-top: -7px;
  width: 24px;
  height: 24px;
  margin-right: 10px;
  text-align: center;
  line-height: 24px;
}
.fp-icon img {
  max-height: 24px;
  max-width: 24px;
  vertical-align: middle;
}
.fp-filename {
  padding-right: 10px;
}
.file-picker .fp-login-form {
  height: 100%;
  width: 100%;
  display: table;
}
.file-picker .fp-upload-form {
  height: 100%;
  width: 100%;
  display: table;
}
.file-picker .fp-upload-form table {
  margin: 0 auto;
}
.file-picker.fp-dlg {
  text-align: center;
}
.file-picker.fp-dlg .fp-dlg-buttons {
  margin: 0 20px;
}
.file-picker.fp-msg {
  text-align: center;
}
.file-picker .fp-content-error {
  height: 100%;
  width: 100%;
  display: table;
  text-align: center;
}
.file-picker .fp-nextpage {
  clear: both;
}
.file-picker .fp-nextpage .fp-nextpage-loading {
  display: none;
}
.file-picker .fp-nextpage.loading .fp-nextpage-link {
  display: none;
}
.file-picker .fp-nextpage.loading .fp-nextpage-loading {
  display: block;
  text-align: center;
  height: 100px;
  padding-top: 50px;
}
.fp-select .fp-select-loading {
  text-align: center;
  margin-top: 20px;
}
.fp-select table {
  padding: 0 0 10px;
}
.fp-select table .mdl-right {
  min-width: 84px;
}
.fp-select .fp-reflist .mdl-right {
  vertical-align: top;
}
.fp-select .fp-select-buttons {
  float: right;
}
.fp-select .fp-info {
  font-size: 0.703125rem;
}
.fp-select .fp-thumbnail {
  float: left;
  min-width: 110px;
  min-height: 110px;
  line-height: 110px;
  text-align: center;
  margin: 10px 20px 0 0;
  background: #fff;
  border: 1px solid #ddd;
}
.fp-select .fp-thumbnail img {
  border: 1px solid #ddd;
  padding: 3px;
  vertical-align: middle;
  margin: 10px;
}
.fp-select .fp-fileinfo {
  display: inline-block;
  margin-top: 10px;
}
.file-picker.fp-select .fp-fileinfo {
  max-width: 240px;
}
.fp-select .fp-fileinfo div {
  padding-bottom: 5px;
}
.file-picker.fp-select .uneditable {
  display: none;
}
.file-picker.fp-select .fp-select-loading {
  display: none;
}
.file-picker.fp-select.loading .fp-select-loading {
  display: block;
}
.file-picker.fp-select.loading form {
  display: none;
}
.fp-select .fp-dimensions.fp-unknown {
  display: none;
}
.fp-select .fp-size.fp-unknown {
  display: none;
}
.filemanager-loading {
  display: none;
}
.jsenabled .filemanager-loading {
  display: block;
  margin-top: 100px;
}
.filemanager.fm-loading .filemanager-toolbar, .filemanager.fm-loading .fp-pathbar, .filemanager.fm-loading .filemanager-container, .filemanager.fm-loaded .filemanager-loading, .filemanager.fm-maxfiles .fp-btn-add, .filemanager.fm-maxfiles .dndupload-message, .filemanager.fm-noitems .fp-btn-download, .filemanager.fm-noitems .fp-btn-delete, .filemanager .fm-empty-container, .filemanager.fm-noitems .filemanager-container .fp-content {
  display: none;
}
.filemanager .fp-img-downloading {
  display: none;
  padding-top: 7px;
}
.filemanager .filemanager-updating {
  display: none;
  text-align: center;
}
.filemanager.fm-updating .filemanager-updating {
  display: block;
  margin-top: 37px;
}
.filemanager.fm-updating .fm-content-wrapper, .filemanager.fm-nomkdir .fp-btn-mkdir, .fitem.disabled .filemanager .filemanager-toolbar, .fitem.disabled .filemanager .fp-pathbar, .fitem.disabled .filemanager .fp-restrictions, .fitem.disabled .filemanager .fm-content-wrapper {
  display: none;
}
.filemanager .fp-restrictions {
  text-align: right;
}
.filemanager-toolbar {
  padding: 4px;
  overflow: hidden;
}
.filemanager .fp-pathbar.empty {
  display: none;
}
.filepicker-filelist, .filemanager-container {
  min-height: 140px;
  border: 1px solid var(--bs-gray-500);
  border-radius: 0.5rem;
}
.filemanager .fp-content {
  overflow: auto;
  max-height: 472px;
  min-height: 157px;
}
.filemanager-container, .filepicker-filelist {
  overflow: hidden;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.file-picker .yui3-datatable-header {
  /*rtl:raw:
    text-align: right;
    */
  background: initial;
}
.fitem.disabled .filepicker-filelist, .fitem.disabled .filemanager-container {
  background-color: #ebebe4;
}
.fitem.disabled .fp-btn-choose {
  color: var(--bs-secondary-color);
}
.fitem.disabled .filepicker-filelist .filepicker-filename {
  display: none;
}
.fp-iconview .fp-reficons1 {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.fp-iconview .fp-reficons2 {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.fp-iconview .fp-file.fp-hasreferences .fp-reficons1 {
  background: url(/theme/image.php/boost_union/theme/1792421257/fp/link) no-repeat;
  /*rtl:raw:
    transform: scaleX(-1);
    */
  /*rtl:ignore*/
  background-position: bottom right;
  background-size: 16px 16px;
}
.fp-iconview .fp-file.fp-isreference .fp-reficons2 {
  background: url(/theme/image.php/boost_union/theme/1792421257/fp/alias) no-repeat;
  /*rtl:raw:
    transform: scaleX(-1);
    */
  /*rtl:ignore*/
  background-position: bottom left;
  background-size: 16px 16px;
}
.filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail img {
  display: none;
}
.filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail {
  background: url(/theme/image.php/boost_union/core/1792421257/s/dead) no-repeat;
  background-position: center center;
}
.filemanager .yui3-datatable table {
  border: 0 solid #bbb;
  width: 100%;
}
/* Override YUI default styling */
/* stylelint-disable declaration-no-important */
.filemanager .yui3-datatable-header {
  /*rtl:raw:
        text-align: right;
        */
  background: #fff !important;
  border-bottom: 1px solid #ccc !important;
  border-left: 0 solid #fff !important;
  color: #555 !important;
}
.filemanager .yui3-datatable-odd .yui3-datatable-cell {
  background-color: #f6f6f6 !important;
  border-left: 0 solid #f6f6f6;
}
.filemanager .yui3-datatable-even .yui3-datatable-cell {
  background-color: #fff !important;
  border-left: 0 solid #fff;
}
/* stylelint-enable */
.filemanager .fp-filename-icon.fp-hasreferences .fp-reficons1 {
  background: url(/theme/image.php/boost_union/theme/1792421257/fp/link_sm) no-repeat 0 0;
  height: 100%;
  width: 100%;
  /*rtl:raw:
    transform: scaleX(-1);
    */
  position: absolute;
  top: 8px;
  left: 17px;
  background-size: 16px 16px;
}
.filemanager .fp-filename-icon.fp-isreference .fp-reficons2 {
  background: url(/theme/image.php/boost_union/theme/1792421257/fp/alias_sm) no-repeat 0 0;
  height: 100%;
  width: 100%;
  /*rtl:raw:
    transform: scaleX(-1);
    */
  position: absolute;
  top: 9px;
  left: -6px;
  background-size: 16px 16px;
}
.filemanager .fp-contextmenu {
  display: none;
}
.filemanager .fp-iconview .fp-folder.fp-hascontextmenu .fp-contextmenu {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.filemanager .fp-treeview .fp-folder.fp-hascontextmenu .fp-contextmenu, .filemanager .fp-tableview .fp-folder.fp-hascontextmenu .fp-contextmenu {
  display: inline;
  position: absolute;
  left: 14px;
  margin-right: -20px;
  top: 6px;
}
.filepicker-filelist .filepicker-container, .filemanager.fm-noitems .fm-empty-container {
  display: block;
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 10px;
  right: 10px;
  border: 2px dashed #bbb;
  padding-top: 85px;
  text-align: center;
}
.filepicker-filelist .dndupload-target, .filemanager-container .dndupload-target {
  background: #fff;
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 10px;
  right: 10px;
  border: 2px dashed #fb7979;
  padding-top: 85px;
  text-align: center;
}
.filepicker-filelist.dndupload-over .dndupload-target, .filemanager-container.dndupload-over .dndupload-target {
  background: #fff;
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 10px;
  right: 10px;
  border: 2px dashed #6c8cd3;
  padding-top: 85px;
  text-align: center;
}
.dndupload-message {
  display: none;
}
.dndsupported .dndupload-message {
  display: inline;
}
.dnduploadnotsupported-message {
  display: none;
}
.dndnotsupported .dnduploadnotsupported-message {
  display: inline;
}
.dndupload-target {
  display: none;
}
.dndsupported .dndupload-ready .dndupload-target {
  display: block;
}
.dndupload-uploadinprogress {
  display: none;
  text-align: center;
}
.dndupload-uploading .dndupload-uploadinprogress {
  display: block;
}
.dndupload-arrow {
  width: 100%;
  height: 80px;
  position: absolute;
  top: 5px;
  color: #8f959e;
}
.fitem.disabled .filepicker-container, .fitem.disabled .fm-empty-container {
  display: none;
}
.dndupload-progressbars {
  padding: 10px;
  display: none;
}
.dndupload-inprogress .dndupload-progressbars {
  display: block;
}
.dndupload-inprogress .fp-content {
  display: none;
}
.filemanager.fm-noitems .dndupload-inprogress .fm-empty-container {
  display: none;
}
.filepicker-filelist.dndupload-inprogress .filepicker-container {
  display: none;
}
.filepicker-filelist.dndupload-inprogress a {
  display: none;
}
.filemanager.fp-select .fp-select-loading {
  display: none;
}
.filemanager.fp-select.loading .fp-select-loading {
  display: block;
}
.filemanager.fp-select.loading form {
  display: none;
}
.filemanager.fp-select.fp-folder .fp-license, .filemanager.fp-select.fp-folder .fp-author, .filemanager.fp-select.fp-file .fp-file-unzip, .filemanager.fp-select.fp-folder .fp-file-unzip, .filemanager.fp-select.fp-file .fp-file-zip, .filemanager.fp-select.fp-zip .fp-file-zip {
  display: none;
}
.filemanager.fp-select .fp-file-setmain, .filemanager.fp-select .fp-file-setmain-help {
  display: none;
}
.filemanager.fp-select.fp-cansetmain .fp-file-setmain, .filemanager.fp-select.fp-cansetmain .fp-file-setmain-help {
  display: inline-block;
}
.filemanager .fp-mainfile .fp-filename {
  font-weight: bold;
}
.filemanager.fp-select.fp-folder .fp-file-download {
  display: none;
}
.fm-operation {
  font-weight: bold;
}
.filemanager.fp-select .fp-original.fp-unknown, .filemanager.fp-select .fp-original .fp-originloading {
  display: none;
}
.filemanager.fp-select .fp-original.fp-loading .fp-originloading {
  display: inline;
}
.filemanager.fp-select .fp-reflist.fp-unknown, .filemanager.fp-select .fp-reflist .fp-reflistloading {
  display: none;
}
.filemanager.fp-select .fp-reflist.fp-loading .fp-reflistloading {
  display: inline;
}
.filemanager.fp-select .fp-reflist .fp-value {
  background: #f9f9f9;
  border: 1px solid #bbb;
  padding: 8px 7px;
  margin: 0;
  max-height: 75px;
  overflow: auto;
}
.filemanager.fp-select .fp-reflist .fp-value li {
  padding-bottom: 7px;
}
.filemanager.fp-mkdir-dlg {
  text-align: center;
}
.filemanager.fp-mkdir-dlg .fp-mkdir-dlg-text {
  text-align: left;
  margin: 20px;
}
.filemanager.fp-dlg {
  text-align: center;
}
.file-picker div.bd {
  text-align: left;
}
.fp-formset {
  padding: 10px;
}
.fp-formset input[type="file"] {
  line-height: inherit;
}
.fp-forminset {
  padding: 0 10px;
}
.fp-fileinfo .fp-value {
  display: inline-block;
  padding-left: 5px;
}
/** The message area **/
.hidden {
  display: none;
}
.preferences-container .container-fluid, .preferences-container .container-sm, .preferences-container .container-md, .preferences-container .container-lg, .preferences-container .container-xl, .preferences-container .container-xxl {
  padding: 0;
}
.preferences-container .container-fluid .col-md-6, .preferences-container .container-sm .col-md-6, .preferences-container .container-md .col-md-6, .preferences-container .container-lg .col-md-6, .preferences-container .container-xl .col-md-6, .preferences-container .container-xxl .col-md-6 {
  min-height: 20px;
}
.preferences-container .align-bottom {
  vertical-align: bottom;
}
.preferences-container .preference-table {
  border: 1px solid #ddd;
}
.preferences-container .preference-table thead th {
  text-align: center;
}
.preferences-container .preference-table thead th .config-warning {
  display: none;
}
.preferences-container .preference-table thead th.unconfigured .config-warning {
  display: inline-block;
}
.preferences-container .preference-table tr th {
  border-left: 1px solid #dee2e6;
}
.preferences-container .preference-table tr td:not(:first-child) {
  width: 150px;
  text-align: center;
}
.preferences-container .preference-table tr td:nth-child(even) {
  border: 1px solid #dee2e6;
}
.preferences-container .preference-table .preference-row .hover-tooltip-container {
  display: inline-block;
}
.preferences-container .preference-table .preference-row .preference-name {
  vertical-align: middle;
}
.preferences-container .preference-table .preference-row .disabled-message {
  text-align: center;
  height: 30px;
  line-height: 30px;
}
.preferences-container .preference-table .preference-row.loading .preference-name .loading-icon {
  display: block;
}
.disabled-message {
  display: none;
}
.disabled .disabled-message {
  display: block;
}
.disabled .disabled-message + form {
  display: none;
}
.general-settings-container .loading-icon {
  display: none;
}
.general-settings-container .loading .loading-icon {
  display: inline-block;
}
.general-settings-container label {
  display: inline-block;
}
.processor-container {
  position: relative;
}
.processor-container .loading-container {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.5);
}
.processor-container .loading-container .vertical-align {
  height: 100%;
  width: 0%;
  display: inline-block;
  vertical-align: middle;
}
.processor-container.loading .loading-container {
  display: block;
}
.preferences-page-container .checkbox-container {
  margin: 30px 5px;
  line-height: 20px;
}
.preferences-page-container .checkbox-container input {
  line-height: 20px;
  margin: 0;
}
.preferences-page-container .checkbox-container .loading-icon {
  display: none;
}
.preferences-page-container .checkbox-container.loading .loading-icon {
  display: inline-block;
}
.notification-area {
  height: 600px;
  box-sizing: border-box;
  border-radius: 4px;
  margin-bottom: 30px;
  border: 1px solid #e3e3e3;
}
@media (max-height: 670px) {
  .notification-area {
    height: 500px;
  }
}
.notification-area .control-area {
  box-sizing: border-box;
  display: inline-block;
  width: 300px;
  height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  border-right: 1px solid #e3e3e3;
}
.notification-area .control-area .content {
  position: relative;
}
.notification-area .control-area .content .content-item-container {
  cursor: pointer;
}
.notification-area .control-area .content:empty + .empty-text {
  display: block;
}
.notification-area .control-area .loading-icon {
  display: none;
}
.notification-area .control-area .empty-text {
  display: none;
  text-align: center;
  padding-top: 20px;
}
.notification-area .control-area.loading .loading-icon {
  display: block;
  text-align: center;
  box-sizing: border-box;
  padding: 5px;
}
.notification-area .control-area.loading .content:empty + .empty-text {
  display: none;
}
.notification-area .content-area {
  box-sizing: border-box;
  display: inline-block;
  width: calc(100% - 300px);
  float: right;
}
.notification-area .content-area .toggle-mode {
  display: none;
}
.notification-area .content-area .header {
  height: 50px;
  box-sizing: border-box;
  border-bottom: 1px solid #e3e3e3;
  padding: 5px;
}
.notification-area .content-area .header .image-container {
  display: inline-block;
  height: 25px;
  width: 24px;
  float: left;
}
.notification-area .content-area .header .subject-container {
  display: inline-block;
  max-width: calc(100% - 24px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 25px;
  padding-left: 5px;
  box-sizing: border-box;
}
.notification-area .content-area .header .timestamp {
  font-size: 10px;
  line-height: 10px;
  margin: 0;
  color: #666;
  margin-left: 30px;
}
.notification-area .content-area .header:empty {
  display: none;
}
.notification-area .content-area > .content {
  height: 500px;
  box-sizing: border-box;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 15px;
}
@media (max-height: 670px) {
  .notification-area .content-area > .content {
    height: 400px;
  }
}
.notification-area .content-area > .content:empty {
  display: none;
}
.notification-area .content-area > .content:empty + .empty-text {
  display: block;
  text-align: center;
  padding-top: 100px;
}
.notification-area .content-area .empty-text {
  display: none;
}
.notification-area .content-area .footer {
  height: 50px;
  box-sizing: border-box;
  text-align: center;
}
.notification-area .content-area .footer a {
  line-height: 50px;
}
.notification-area .content-area .footer:empty {
  display: none;
}
@media (max-width: 979px) {
  .notification-area {
    position: relative;
    overflow: hidden;
  }
  .notification-area .control-area {
    border-right: none;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    visibility: visible;
    transition: left 0.25s;
  }
  .notification-area .content-area {
    width: 100%;
    position: absolute;
    top: 0;
    right: -100%;
    opacity: 0;
    visibility: hidden;
    transition: right 0.25s, opacity 0.25s, visibility 0.25s;
  }
  .notification-area .content-area .toggle-mode {
    display: inline-block;
    float: left;
    width: 70px;
    height: 50px;
    line-height: 50px;
    box-sizing: border-box;
    border-right: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
  }
  .notification-area .content-area .header {
    display: inline-block;
    width: calc(100% - 70px);
  }
  .notification-area.show-content-area .control-area {
    left: -100%;
    opacity: 0;
    visibility: hidden;
    transition: left 0.25s, opacity 0.25s, visibility 0.25s;
  }
  .notification-area.show-content-area .content-area {
    right: 0;
    opacity: 1;
    visibility: visible;
    transition: right 0.25s;
  }
}
.drawer .message-app {
  height: 100%;
}
.drawer .message-app .icon-back-in-app {
  display: none;
}
.drawer .message-app .icon-back-in-drawer {
  display: inherit;
}
.message-app {
  display: flex;
  flex-direction: column;
  background-color: #eff1f3;
}
.message-app .icon-back-in-drawer {
  display: none;
}
.message-app.main {
  min-height: 400px;
}
.message-app .header-container {
  flex-shrink: 0;
}
.message-app .overflow-y {
  overflow-y: auto;
}
@media (max-height: 320px) {
  .message-app .header-container [data-region="view-overview"]:not(.hidden) {
    display: flex;
    align-items: center;
  }
  .message-app .overflow-y {
    overflow-y: unset;
  }
}
.message-app .body-container {
  flex: 1;
  overflow: hidden;
}
.message-app .body-container > * {
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  overflow: auto;
}
.message-app .footer-container {
  flex-shrink: 0;
}
.message-app .footer-container textarea {
  direction: ltr;
}
.message-app .contact-status {
  position: absolute;
  left: 39px;
  top: 34px;
}
.message-app .contact-status.online .icon {
  color: #357a32;
}
.message-app .message p {
  margin: 0;
}
.message-app .clickable {
  cursor: pointer;
}
.message-app .clickable:hover {
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.3));
}
.message-app a, .message-app .btn-link {
  color: inherit;
}
.message-app .btn-link:hover, .message-app .btn-link:focus {
  background-color: rgba(0, 0, 0, 0.035);
  text-decoration: none;
}
.message-app .icon {
  margin-right: 0;
}
.message-app .overview-section-toggle .collapsed-icon-container {
  display: none;
}
.message-app .overview-section-toggle .expanded-icon-container {
  display: inline-block;
}
.message-app .overview-section-toggle.collapsed .collapsed-icon-container {
  display: inline-block;
}
.message-app .overview-section-toggle.collapsed .expanded-icon-container {
  display: none;
}
.message-app .view-overview-body .section {
  display: block;
}
.message-app .view-overview-body .section.expanded {
  display: flex;
}
.message-app .view-overview-body .section div[data-region="toggle"] {
  padding: 0.1rem;
}
.message-app .view-conversation .content-message-container img {
  max-width: 100%;
}
.message-app .list-group {
  border-radius: 0;
}
.message-app .list-group .list-group-item {
  border-left: 0;
  border-right: 0;
}
.message-app .list-group .list-group-item:hover {
  color: #fff;
  background-color: #176B75;
}
.message-app .list-group .list-group-item:first-child {
  border-top: 0;
}
.message-app .list-group .list-group-item:last-child {
  border-bottom: 0;
}
.message-app .list-group .list-group-item.list-group-item-action {
  margin: 0.1rem;
  width: auto;
  text-align: inherit;
}
.message-app .last-message {
  min-height: 1.5rem;
}
.message-app .section .collapsing {
  overflow: hidden;
}
.message-app .message.send {
  background-color: #dee2e6;
  color: #000;
}
.message-app .message.send .time {
  color: black;
}
.message-app .message.send .tail {
  right: 0;
  margin-right: -0.5rem;
  border-bottom-color: #dee2e6;
}
.message-app .message.received {
  background-color: #fff;
  color: #000;
}
.message-app .message.received .time {
  color: #4d4d4d;
}
.message-app .message.received .tail {
  left: 0;
  margin-left: -0.5rem;
  border-bottom-color: #fff;
}
.message-app .message .tail {
  content: "";
  bottom: 0;
  width: 0;
  height: 0;
  border: 0.5rem solid transparent;
  position: relative;
}
.message-app .day {
  color: #000;
}
.message-app .lazy-load-list {
  overflow-y: inherit;
}
#page-message-index #page-header {
  display: none;
}
#page-message-index #region-main {
  height: 100%;
  margin-top: 0;
}
#page-message-index #region-main .conversationcontainer .section {
  max-height: calc(100vh - 50px);
}
#page-message-index #region-main div[role="main"] {
  height: 100%;
}
#page-message-index #region-main div[role="main"] #maincontent {
  margin-top: -1px;
}
#page-message-index #region-main div[role="main"] .message-app.main {
  height: 100%;
}
.dir-rtl .message-drawer {
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.08);
}
.message-app .emoji-picker-container {
  position: absolute;
  top: -5px;
  right: 5px;
  transform: translateY(-100%);
}
.message-app .emoji-picker-container .emoji-picker .picker-row .emoji-button {
  height: 40px;
  width: 40px;
}
@media (max-width: 575.98px) {
  .message-app .emoji-picker-container {
    right: -0.5rem;
  }
}
@media (max-height: 495px) {
  .message-app .emoji-picker-container {
    position: fixed;
    top: 0;
    transform: none;
  }
}
.message-app .emoji-auto-complete-container {
  overflow: auto;
  max-height: 90px;
  transition: max-height 0.15s ease-in-out;
  visibility: visible;
}
.message-app .emoji-auto-complete-container.hidden {
  display: block;
  max-height: 0;
  visibility: hidden;
  overflow: hidden;
  transition: max-height 0.15s ease-in-out, visibility 0s linear 0.15s, overflow 0s linear 0.15s;
}
/* Question */
.questionbank h2, .questionbank .h2 {
  margin-top: 0;
}
.questioncategories h3, .questioncategories .h3 {
  margin-top: 0;
}
#chooseqtypebox {
  margin-top: 1em;
}
#chooseqtype h3, #chooseqtype .h3 {
  margin: 0 0 0.3em;
}
#chooseqtype .instruction {
  display: none;
}
#chooseqtype .fakeqtypes {
  border-top: 1px solid silver;
}
#chooseqtype .qtypeoption {
  margin-bottom: 0.5em;
}
#chooseqtype label {
  display: block;
}
#chooseqtype .qtypename img {
  padding: 0 0.3em;
}
#chooseqtype .qtypename {
  display: inline-table;
  width: 16em;
}
#chooseqtype .qtypesummary {
  display: block;
  margin: 0 2em;
}
#chooseqtype .submitbuttons {
  margin: 0.7em 0;
  text-align: center;
}
#qtypechoicecontainer {
  display: none;
}
#qtypechoicecontainer_c.yui-panel-container.shadow .underlay, .pagelayout-frontpage .theme_boost_union-catlisting > .content > .subcategories .category #qtypechoicecontainer_c.yui-panel-container.theme_boost_union-courselisting .underlay, .pagelayout-coursecategory .theme_boost_union-catlisting > .content > .subcategories .category #qtypechoicecontainer_c.yui-panel-container.theme_boost_union-courselisting .underlay, #page-course-search .theme_boost_union-catlisting > .content > .subcategories .category #qtypechoicecontainer_c.yui-panel-container.theme_boost_union-courselisting .underlay {
  background: none;
}
#qtypechoicecontainer.yui-panel .hd {
  color: #333;
  letter-spacing: 1px;
  text-shadow: 1px 1px 1px #fff;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border: 1px solid #ccc;
  border-bottom: 1px solid #bbb;
  background-image: linear-gradient(to bottom, #fff, #ccc);
}
#qtypechoicecontainer {
  font-size: 12px;
  color: #333;
  background: #f2f2f2;
  border-radius: 10px;
  border: 1px solid #ccc;
  border-top: 0 none;
}
#qtypechoicecontainer #chooseqtype {
  width: 40em;
}
#chooseqtypehead h3, #chooseqtypehead .h3 {
  margin: 0;
  font-weight: normal;
}
#chooseqtype .qtypes {
  position: relative;
  border-bottom: 1px solid #bbb;
  padding: 0.24em 0;
}
#chooseqtype .alloptions {
  overflow-x: hidden;
  overflow-y: auto;
  max-height: calc(100vh - 15em);
  width: 60%;
}
#chooseqtype .qtypeoption {
  margin-bottom: 0;
  padding: 0.3em 0.3em 0.3em 1.6em;
}
#chooseqtype .qtypeoption img {
  vertical-align: text-bottom;
  padding-left: 1em;
  padding-right: 0.5em;
}
#chooseqtype .selected {
  background-color: #fff;
}
#chooseqtype .instruction, #chooseqtype .qtypesummary {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 60%;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 1.5em 1.6em;
  background-color: #fff;
}
#chooseqtype .instruction, #chooseqtype .selected .qtypesummary {
  display: block;
}
.chooserdialogue-questionchooser .modicon img.icon, #categoryquestions .qtype img.icon, .choosercontainer .modicon img.icon {
  /* Override default icon width set for fontawesome icons */
  width: 16px;
}
table.question-bank-table {
  margin: 0;
  background-color: #fff;
  table-layout: fixed;
  overflow-x: scroll;
  width: min-content;
  max-width: 100%;
}
table.question-bank-table th {
  text-align: left;
}
table.question-bank-table > tbody > tr.r1 {
  background-color: rgba(var(--bs-emphasis-color-rgb), 0.03);
}
table.question-bank-table.generaltable > tbody > tr.highlight.firstrow td {
  border-top: 3px solid #0333B9;
}
table.question-bank-table > tbody > tr.highlight.firstrow {
  border-right: 2px solid #0333B9;
  border-left: 2px solid #0333B9;
}
table.question-bank-table.generaltable > tbody > tr.highlight.extrarow td, table.question-bank-table.generaltable > tbody > tr.highlight.firstrow.onlyhighlightrow td {
  border-bottom: 2px solid #0333B9;
}
table.question-bank-table > tbody > tr.highlight.extrarow {
  border-top: 0;
  border-right: 2px solid #0333B9;
  border-left: 2px solid #0333B9;
}
table.question-bank-table .checkbox input[type="checkbox"] {
  margin-left: 0;
  float: none;
}
table.question-bank-table .iconcol {
  padding: 3px;
  box-sizing: content-box;
}
table.question-bank-table .iconcol .icon {
  margin: 0;
  width: 12px;
  height: 12px;
}
table.question-bank-table label {
  margin: 0;
  display: block;
}
table.question-bank-table .header {
  text-align: left;
}
table.question-bank-table .header.sortable-list-current-position {
  background-color: #74d8e4;
}
table.question-bank-table .header.sortable-list-is-dragged {
  background-color: #fff;
  opacity: 0.85;
}
table.question-bank-table .header .header-text > div {
  display: inline-block;
}
table.question-bank-table .header .dropdown-toggle::after {
  margin-left: 0;
}
table.question-bank-table .header.checkbox .form-check {
  padding-left: 0;
}
#page-mod-quiz-edit div.questionbankwindow div.header {
  margin: 0;
}
#page-mod-quiz-edit div.questionbankwindow.block {
  padding: 0;
}
.questionbank .singleselect {
  margin: 0;
}
/* Question editing form */
#combinedfeedbackhdr div.fhtmleditor {
  padding: 0;
}
#combinedfeedbackhdr div.fcheckbox {
  margin-bottom: 1em;
}
#multitriesheader div.fitem_feditor {
  margin-top: 1em;
}
#multitriesheader div.fitem_fgroup {
  margin-bottom: 1em;
}
#multitriesheader div.fitem_fgroup fieldset.felement label {
  margin-left: 0.3em;
  margin-right: 0.3em;
}
body.path-question-type {
  /* Hacks to display the labels within a form group. */
}
body.path-question-type .fitem .col-form-label.visually-hidden:not(legend):not([for="id_category"], [for="id_filetypeslist"]) {
  /* stylelint-disable declaration-no-important */
  position: static !important;
  width: auto !important;
  overflow: visible !important;
  /* stylelint-enable declaration-no-important */
}
.que {
  text-align: left;
  margin: 0 auto 1.8em auto;
  display: flex;
  align-items: start;
  gap: 1rem;
}
@media (max-width: 767.98px) {
  .que {
    flex-direction: column;
  }
}
.que .info {
  flex-shrink: 0;
  width: 7em;
  padding: 0.5em;
  background-color: #f8f9fa;
  border: 1px solid #cad0d7;
  border-radius: 2px;
}
@media (max-width: 767.98px) {
  .que .info {
    width: 100%;
  }
}
.que h3.no, .que .no.h3 {
  margin: 0;
  font-size: 0.8em;
  line-height: 1;
}
.que span.qno {
  font-size: 1.5em;
  font-weight: bold;
  word-break: break-word;
}
.que .info > div {
  font-size: 0.8em;
  margin-top: 0.7em;
}
.que .info .questionflag.editable {
  cursor: pointer;
}
.que .info .editquestion img, .que .info .questionflag img, .que .info .questionflag input {
  vertical-align: bottom;
}
.que .content {
  flex-grow: 1;
}
@media (max-width: 767.98px) {
  .que .content {
    width: 100%;
  }
}
.que .formulation, .que .outcome, .que .comment {
  position: relative;
  padding: 1rem 1rem;
  margin-bottom: 1rem;
  border: var(--bs-border-width) solid transparent;
  border-radius: var(--bs-border-radius);
}
.que .outcome, .que .comment {
  color: #8f5700;
  border-color: #fadeb3;
  background-color: #fdefd9;
}
.que .outcome a, .que .comment a {
  color: black;
}
.que .formulation {
  color: #010a25;
  border-color: #b3c2ea;
  background-color: #e6ebf8;
}
.que.multichoice .answer div.r0 .icon.fa-check, .que.multichoice .answer div.r1 .icon.fa-check, .que.multichoice .answer div.r0 .icon.fa-remove, .que.multichoice .answer div.r1 .icon.fa-remove {
  text-indent: 0;
}
.formulation input[type="text"], .formulation select {
  width: auto;
  vertical-align: baseline;
}
.que.multianswer .formulation .yui3-widget-positioned {
  box-sizing: content-box;
}
.que.multianswer .formulation .yui3-widget-positioned .feedbackspan {
  width: inherit;
  max-width: inherit;
}
.que input[size], .que textarea[cols] {
  width: auto;
  max-width: 100%;
}
.que .comment {
  color: #174200;
  border-color: #bed4b3;
  background-color: #d4e2cc;
}
.que .ablock {
  margin: 0.7em 0 0.3em 0;
}
.que .im-controls {
  margin-top: 0.5em;
  text-align: left;
}
.que .specificfeedback, .que .generalfeedback, .que .numpartscorrect .que .rightanswer, .que .im-feedback, .que .feedback, .que p {
  margin: 0 0 0.5em;
}
.que .correctness.correct {
  color: #fff;
  background-color: #276E00;
}
.que .correctness.partiallycorrect {
  color: #000;
  background-color: #EF9100;
}
.que .correctness.notanswered, .que .correctness.incorrect {
  color: #fff;
  background-color: #AD1B00;
}
.que .qtext {
  margin-bottom: 1.5em;
}
.que .validationerror {
  color: #AD1B00;
}
.que .grading, .que .comment, .que .commentlink, .que .history {
  margin-top: 0.5em;
}
.que .history h3, .que .history .h3 {
  margin: 0 0 0.2em;
  font-size: 1em;
}
.que .history table {
  width: 100%;
  margin: 0;
}
.que .history .current {
  font-weight: bold;
}
.que .questioncorrectnessicon {
  vertical-align: text-bottom;
}
body.jsenabled .questionflag input[type=checkbox] {
  display: none;
}
.que .questionflagimage {
  padding-right: 3px;
  height: 16px;
  width: 16px;
}
.importerror {
  margin-top: 10px;
  border-bottom: 1px solid #555;
}
.mform .que.comment .fitemtitle {
  width: 20%;
}
#page-question-preview #techinfo {
  margin: 1em 0;
}
#page-question-preview .collapsibleregion .collapsibleregioncaption, #page-question-preview .collapsibleregion .collapsibleregionextracontent {
  display: inline-block;
}
#page-mod-quiz-edit ul.slots .activityinstance > a {
  display: flex;
  max-width: 100%;
  align-items: center;
  text-indent: 0;
  padding-left: 0;
}
#page-mod-quiz-edit ul.slots .activityinstance img.activityicon {
  margin-left: 0;
  width: 16px;
  height: 16px;
  padding-right: 4px;
}
#page-mod-quiz-edit .activity img.activityicon {
  vertical-align: text-top;
}
#page-mod-quiz-edit .box.generalbox.questionbank {
  padding: 0.5em;
}
#page-mod-quiz-edit .questionbank .categorypagingbarcontainer, #page-mod-quiz-edit .questionbank .categoryquestionscontainer, #page-mod-quiz-edit .questionbank .choosecategory {
  padding: 0;
}
#page-mod-quiz-edit .questionbank .choosecategory select {
  width: 100%;
}
#page-mod-quiz-edit div.questionbank .categoryquestionscontainer {
  background: transparent;
}
#page-mod-quiz-edit .questionbankwindow div.header {
  color: #444;
  text-shadow: none;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  margin: 0 -10px 0 -10px;
  padding: 2px 10px 2px 10px;
  background: transparent;
  /* Old browsers */
}
#page-mod-quiz-edit .questionbankwindow div.header a:link, #page-mod-quiz-edit .questionbankwindow div.header a:visited {
  color: #176B75;
}
#page-mod-quiz-edit .questionbankwindow div.header a:hover {
  color: #12565e;
}
#page-mod-quiz-edit .createnewquestion {
  padding: 0.3em 0;
}
#page-mod-quiz-edit .createnewquestion div, #page-mod-quiz-edit .createnewquestion input {
  margin: 0;
}
#page-mod-quiz-edit .questionbankwindow div.header .title {
  color: #1d2125;
}
#page-mod-quiz-edit div.container div.generalbox {
  background-color: transparent;
  padding: 1.5em;
}
#page-mod-quiz-edit .categoryinfo {
  background-color: transparent;
  border-bottom: none;
}
#page-mod-quiz-edit .createnewquestion .singlebutton input {
  margin-bottom: 0;
}
#page-mod-quiz-edit div.questionbank .categorysortopotionscontainer, #page-mod-quiz-edit div.questionbank .categoryselectallcontainer {
  padding: 0 0 1.5em 0;
}
#page-mod-quiz-edit div.questionbank .categorypagingbarcontainer {
  background-color: transparent;
  margin: 0;
  border-top: 0;
  border-bottom: 0;
}
#page-mod-quiz-edit div.questionbank .categorypagingbarcontainer .paging {
  padding: 0 0.3em;
}
#page-mod-quiz-edit div.question div.content div.questioncontrols {
  background-color: #fff;
}
#page-mod-quiz-edit div.question div.content div.points {
  margin-top: -0.5em;
  padding-bottom: 0;
  border: none;
  background-color: #fff;
  position: static;
  width: 12.1em;
  float: right;
  margin-right: 60px;
}
#page-mod-quiz-edit div.question div.content div.points br {
  display: none;
}
#page-mod-quiz-edit div.question div.content div.points label {
  display: inline-block;
}
#page-mod-quiz-edit div.quizpage .pagecontent .pagestatus {
  background-color: #fff;
}
#page-mod-quiz-edit .quizpagedelete, #page-mod-quiz-edit .quizpagedelete img {
  background-color: transparent;
}
#page-mod-quiz-edit div.quizpage .pagecontent {
  border: 1px solid #ddd;
  border-radius: 2px;
  overflow: hidden;
}
#page-mod-quiz-edit div.questionbank .categoryinfo {
  padding: 0.3em 0;
}
.questionbankwindow .module {
  width: auto;
}
.questionbankwindow .form-autocomplete-selection {
  margin-left: 0;
}
#page-mod-quiz-edit div.editq div.question div.content {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 2px;
  overflow: hidden;
}
#page-mod-quiz-edit ul.slots .activityinstance img.activityicon {
  margin-top: 0;
  padding-right: 4px;
}
.path-mod-quiz .statedetails {
  display: block;
  font-size: 0.9em;
}
a#hidebankcmd {
  color: #176B75;
}
.que.shortanswer .answer {
  padding: 0;
}
.que label {
  display: inline;
}
.que .content .answer div[data-region="answer-label"] .mediaplugin {
  width: 400px;
}
body.path-question-type .mform fieldset.hidden {
  padding: 0;
  margin: 0.7em 0 0;
}
.que.ddwtos, .que.ddwtos .drop {
  box-sizing: content-box;
}
.tag-condition-container {
  position: relative;
}
.qbank_managecategories-item.qbank_managecategories-droptarget-before, .qbank_managecategories-item .qbank_managecategories-item.qbank_managecategories-droptarget-before, .qbank_managecategories-categorylist.qbank_managecategories-droptarget-before > .qbank_managecategories-item:first-child {
  border-top-color: #176B75;
}
.qbank_managecategories-item.qbank_managecategories-droptarget, .qbank_managecategories-categorylist.qbank_managecategories-droptarget > .qbank_managecategories-item:last-child {
  border-bottom-color: #176B75;
}
.qbank_managecategories-newchild.qbank_managecategories-droptarget {
  border-color: #176B75;
  color: #176B75;
}
/* user.less */
.userprofile .fullprofilelink {
  text-align: center;
  margin: 10px;
}
.userprofile .page-context-header {
  margin-bottom: 10px;
  column-count: 1;
}
.userprofile .description {
  margin-top: 10px;
  margin-bottom: 30px;
}
.userprofile .profile_tree {
  column-count: 2;
}
#participantsform .no-overflow {
  overflow: visible;
}
.userprofile dl.list > dd + dt {
  clear: left;
}
.user-box {
  margin: 8px;
  width: 115px;
  height: 160px;
  text-align: center;
  float: left;
  clear: none;
}
#page-user-profile .node_category ul, .path-user .node_category ul {
  margin: 0;
  list-style: none;
  padding-left: 0;
}
#page-user-profile .node_category li, .path-user .node_category li {
  margin-top: 5px;
}
#page-user-profile .node_category .editprofile, #page-user-profile .node_category .viewmore, .path-user .node_category .editprofile, .path-user .node_category .viewmore {
  text-align: right;
}
.ajax-contact-button {
  box-sizing: border-box;
  position: relative;
}
.ajax-contact-button.loading .loading-icon {
  display: block;
}
.ajax-contact-button .loading-icon {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.7);
}
.ajax-contact-button .loading-icon .icon {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 480px) {
  .userprofile .profile_tree {
    /** Display the profile on one column on phones@mixin  */
    column-count: 1;
  }
}
.userlist #showall {
  margin: 10px 0;
}
.userlist .buttons {
  text-align: center;
}
.userlist .buttons label {
  padding: 0 3px;
}
.userlist table#participants {
  text-align: center;
}
.userlist table#participants td {
  text-align: left;
  padding: 4px;
  vertical-align: middle;
}
.userlist table#participants th {
  text-align: left;
  padding: 4px;
}
.userlist table.controls {
  width: 100%;
}
.userlist table.controls tr {
  vertical-align: top;
}
.userlist table.controls .right {
  text-align: right;
}
.userlist table.controls .groupselector {
  margin-bottom: 0;
  margin-top: 0;
}
.userlist table.controls .groupselector label {
  display: block;
}
.userinfobox {
  width: 100%;
  border: 1px solid;
  border-collapse: separate;
  padding: 10px;
}
.userinfobox .left, .userinfobox .side {
  width: 100px;
  vertical-align: top;
}
.userinfobox .userpicture {
  width: 100px;
  height: 100px;
}
.userinfobox .content {
  vertical-align: top;
}
.userinfobox .links {
  width: 100px;
  padding: 5px;
  vertical-align: bottom;
}
.userinfobox .links a {
  display: block;
}
.userinfobox .list td {
  padding: 3px;
}
.userinfobox .username {
  padding-bottom: 20px;
  font-weight: bold;
}
.userinfobox td.label {
  text-align: right;
  white-space: nowrap;
  vertical-align: top;
  font-weight: bold;
}
.group-edit {
  position: absolute;
  right: 0;
  margin-right: 0.6em;
}
.group-image {
  display: block;
  float: left;
  margin-right: 1em;
}
.group-image .grouppicture {
  border-radius: 50%;
}
.groupinfobox .left {
  padding: 10px;
  width: 100px;
  vertical-align: top;
}
.course-participation #showall {
  text-align: center;
  margin: 10px 0;
}
#user-policy .noticebox {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  width: 80%;
  height: 250px;
}
#user-policy #policyframe {
  width: 100%;
  height: 100%;
}
.iplookup #map {
  margin: auto;
}
.userselector select {
  width: 100%;
}
.userselector div {
  margin-top: 0.2em;
}
.userselector div label {
  margin-right: 0.3em;
}
/* Next style does not work in all browsers but looks nicer when it does */
.userselector .userselector-infobelow {
  font-size: 0.8em;
}
#userselector_options .collapsibleregioncaption {
  font-weight: bold;
}
#userselector_options .collapsibleregioncaption img {
  width: 16px;
  height: 16px;
}
#userselector_options p {
  margin: 0.2em 0;
  text-align: left;
}
/** user full profile */
#page-user-profile .messagebox {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
/** user course profile */
#page-course-view-weeks .messagebox {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.profileeditor > .singleselect {
  margin: 0 0.5em 0 0;
}
.profileeditor > .singlebutton {
  display: inline-block;
  margin: 0 0 0 0.5em;
}
.profileeditor > .singlebutton div, .profileeditor > .singlebutton input {
  margin: 0;
}
.userlist h3 .action-icon, .userlist .h3 .action-icon {
  display: none;
}
#page-enrol-users .popover {
  max-width: none;
}
.user-enroller-panel {
  width: 600px;
}
[data-filterverbfor], [data-filterregion="filter"]:last-child [data-filterregion="joinadverb"] {
  display: none;
}
[data-filterverb="0"] [data-filterverbfor="0"], [data-filterverb="1"] [data-filterverbfor="1"], [data-filterverb="2"] [data-filterverbfor="2"] {
  display: block;
}
#page-user-contactsitesupport .supporticon i {
  font-size: 35px;
}
.search-results .result {
  margin-left: 0;
  margin-right: 0;
}
.search-results .result .result-content {
  margin: 7px 0;
}
.search-results .result .filename {
  font-style: italic;
}
.simplesearchform .input-group input.form-control {
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
.simplesearchform .btn, .simplesearchform .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .simplesearchform a.collapseexpand, .simplesearchform .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .simplesearchform a.collapseexpand, .simplesearchform #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .simplesearchform a.collapseexpand, .simplesearchform #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) a, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) .simplesearchform a, .simplesearchform #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging a, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging .simplesearchform a, .simplesearchform .activity-navigation #prev-activity-link, .activity-navigation .simplesearchform #prev-activity-link, .simplesearchform .activity-navigation #next-activity-link, .activity-navigation .simplesearchform #next-activity-link, .simplesearchform .section-navigation .prevsection a, .section-navigation .prevsection .simplesearchform a, .simplesearchform .section-navigation .nextsection a, .section-navigation .nextsection .simplesearchform a {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.simplesearchform .btn .icon, .simplesearchform .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand .icon, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .simplesearchform a.collapseexpand .icon, .simplesearchform .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand .icon, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .simplesearchform a.collapseexpand .icon, .simplesearchform #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand .icon, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .simplesearchform a.collapseexpand .icon, .simplesearchform #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) a .icon, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) .simplesearchform a .icon, .simplesearchform #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging a .icon, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging .simplesearchform a .icon, .simplesearchform .activity-navigation #prev-activity-link .icon, .activity-navigation .simplesearchform #prev-activity-link .icon, .simplesearchform .activity-navigation #next-activity-link .icon, .activity-navigation .simplesearchform #next-activity-link .icon, .simplesearchform .section-navigation .prevsection a .icon, .section-navigation .prevsection .simplesearchform a .icon, .simplesearchform .section-navigation .nextsection a .icon, .section-navigation .nextsection .simplesearchform a .icon {
  margin: 0;
}
.simplesearchform .btn-submit {
  border-color: var(--bs-gray-500);
  color: #6a737b;
}
.simplesearchform .btn-close, .simplesearchform .btn-clear {
  position: absolute;
  top: 0;
  right: 0;
  color: #6a737b;
  z-index: 6;
}
.simplesearchform .btn-close {
  right: 2.5rem;
  top: 0.4rem;
  font-size: inherit;
  line-height: inherit;
}
.simplesearchform .btn-submit {
  background-color: #f8f9fa;
}
.simplesearchform .withclear {
  padding-right: 2rem;
}
.simplesearchform .searchinput {
  display: flex;
  flex: 1 1 auto;
}
.simplesearchform .collapsing {
  height: inherit;
  transition: none;
  width: inherit;
}
.simplesearchform .collapse.show, .simplesearchform .collapsing {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  display: flex;
  background-color: #fff;
  z-index: 1070;
  height: 60px;
}
.simplesearchform .collapse.show .searchform-navbar, .simplesearchform .collapsing .searchform-navbar {
  width: auto;
  margin-left: auto;
  margin-right: auto;
}
.search-areas-actions {
  margin-bottom: 1rem;
}
.search-areas-actions > div {
  margin-right: 1rem;
  display: inline-block;
}
#core-search-areas .lastcol li {
  margin-left: 24px;
  text-indent: -24px;
}
#core-search-areas .lastcol li > i {
  text-indent: 0;
}
/**
 * Moodle forms HTML isn't changeable via renderers (yet?) so this
 * .less file imports styles from the bootstrap $variables file and
 * adds them to the existing Moodle form CSS ids and classes.
 *
 */
.jsenabled .mform .containsadvancedelements .advanced {
  display: none;
}
.mform .containsadvancedelements .advanced.show {
  display: flex;
}
#adminsettings span.error {
  display: inline-block;
  border: 1px solid #e6bbb3;
  border-radius: 4px;
  background-color: #efd1cc;
  padding: 4px;
  margin-bottom: 4px;
}
.mform .d-flex .fitem {
  margin: 0.1rem 0.25rem 0.1rem 0 !important;
  /* stylelint-disable-line declaration-no-important */
}
.mform .d-flex br + label {
  justify-content: flex-start;
  width: 100%;
  margin-right: 0;
}
.d-flex > .form-control {
  width: auto;
  max-width: 100%;
}
.d-flex > textarea.form-control {
  width: 100%;
}
.form-select {
  width: auto;
  max-width: 100%;
}
#jump-to-activity.form-select {
  width: 100%;
}
.mform fieldset {
  margin-bottom: 0.5rem;
  border-bottom: 1px solid var(--bs-border-color);
}
#adminsettings .form-control[size] {
  width: auto;
}
#adminsettings .error {
  color: #AD1B00;
}
.mform ul.file-list {
  padding: 0;
  margin: 0;
  list-style: none;
}
.mform label .req, .mform label .adv {
  cursor: help;
}
/*rtl:ignore*/
input#id_externalurl {
  direction: ltr;
}
#portfolio-add-button {
  display: inline;
}
.form-defaultinfo, .form-label .form-shortname {
  color: var(--bs-secondary-color);
}
.form-label .form-shortname {
  font-size: 0.703125rem;
  display: block;
}
.formsettingheading .form-horizontal {
  color: var(--bs-secondary-color);
}
.no-felement.fstatic {
  color: var(--bs-secondary-color);
  padding-top: 5px;
}
.no-fitem .fstaticlabel {
  font-weight: bold;
}
.form-item .form-setting .defaultsnext > input {
  display: inline-block;
}
.form-item .form-setting .form-checkbox.defaultsnext {
  margin-top: 5px;
  display: inline-block;
}
#adminsettings h3, #adminsettings .h3 {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 1.5;
  font-size: 1.171875rem;
  line-height: 3;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}
/* rtl:ignore */
.mform .fitem .felement input[name="email"], .mform .fitem .felement input[name="email2"], .mform .fitem .felement input[name="url"], .mform .fitem .felement input[name="idnumber"], .mform .fitem .felement input[name="phone1"], .mform .fitem .felement input[name="phone2"] {
  text-align: left;
  direction: ltr;
}
.que.match .mediaplugin {
  width: 50vw;
}
/* rtl:ignore */
#page-admin-grade-edit-scale-edit .error input#id_name {
  margin-right: 170px;
}
#page-grade-edit-outcome-course .courseoutcomes {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
#page-grade-edit-outcome-course .courseoutcomes td {
  text-align: center;
}
/* Install Process' text fields Forms, should always be justified to the left */
/* rtl:ignore */
#installform #id_wwwroot, #installform #id_dirroot, #installform #id_dataroot, #installform #id_dbhost, #installform #id_dbname, #installform #id_dbuser, #installform #id_dbpass, #installform #id_prefix {
  direction: ltr;
}
.mdl-right > label {
  display: inline-block;
}
.singleselect {
  max-width: 100%;
}
.form-item .form-label label {
  margin-bottom: 0;
}
div#dateselector-calendar-panel {
  z-index: 3100;
  /* Set higher than the z-index of the filemanager - see MDL-39047. */
}
/**
 * Show the labels above text editors and file managers except on wide screens.
 */
/* Section and module editing forms contain special JS components for the
   availability system (if enabled). */
#id_availabilityconditionsjson[aria-hidden=true], .availability-field [aria-hidden=true] {
  display: none;
}
.availability-field img {
  width: 16px;
  height: 16px;
}
.availability-eye {
  clear: left;
  float: left;
}
.availability-inner, .availability-plugincontrols {
  float: left;
  border-radius: var(--bs-border-radius);
  border: var(--bs-border-width) solid var(--bs-border-color-translucent);
  padding: 1rem;
  margin-top: 0.5rem;
}
.availability-plugincontrols, .availability-childlist .availability-inner {
  margin-left: 0.625rem;
}
.availability-field .availability-plugincontrols .availability-group select {
  max-width: 12rem;
}
/* Custom styles for autocomplete form element */
/* These styles reserve a standard amount of space in the DOM to avoid flicker when the original select element is replaced */
[data-fieldtype=autocomplete] select, [data-fieldtype=tags] select, .form-autocomplete-original-select {
  visibility: hidden;
  overflow: hidden;
  width: 15rem;
  height: 44px;
  margin: 0;
  padding: 0;
  border: 0;
  margin-top: 1.65625rem;
  vertical-align: bottom;
}
.form-autocomplete-selection {
  margin: 0.25rem 0;
  min-height: 2.375rem;
}
.form-autocomplete-selection [role=option] {
  cursor: pointer;
  white-space: inherit;
  word-break: break-word;
  line-height: 1.4;
  text-align: left;
}
.form-autocomplete-suggestions {
  position: absolute;
  background-color: #fff;
  border: 1px solid var(--bs-gray-500);
  min-width: 206px;
  max-height: 20em;
  overflow: auto;
  margin: 0.125rem 0 0;
  padding: 0.5rem 0;
  z-index: 3;
}
.form-autocomplete-suggestions li {
  list-style-type: none;
  padding: 0.25rem 1rem;
  margin: 0;
  cursor: pointer;
  color: #1d2125;
  word-break: normal;
  overflow-wrap: anywhere;
  white-space: normal;
}
.form-autocomplete-suggestions li:hover, .form-autocomplete-suggestions li:focus, .form-autocomplete-suggestions li[aria-selected="true"] {
  background-color: #176B75;
  color: #fff;
}
.form-autocomplete-suggestions li[aria-disabled="true"] {
  pointer-events: none;
  color: #6a737b;
  background-color: var(--bs-secondary-bg);
}
.form-autocomplete-suggestions li.suggestions-heading {
  pointer-events: none;
  font-weight: bold;
  color: #1d2125;
  background-color: #fff;
  padding-left: calc(1rem / 2);
}
.form-autocomplete-suggestions li::before {
  content: "​";
}
.form-autocomplete-downarrow {
  color: #1d2125;
  top: 0.2rem;
  right: 0.5rem;
  cursor: pointer;
}
.form-autocomplete-downarrow .loading-icon {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fff;
}
/** Undo some bootstrap things */
.form-autocomplete-selection + input.form-control {
  width: auto;
  display: inline-block;
  vertical-align: middle;
}
.form-autocomplete-selection [data-active-selection=true] {
  box-shadow: 0 0 0 0.25rem rgba(23, 107, 117, 0.75);
}
select.form-control[size], select.form-control[multiple] {
  padding-right: 0;
}
select.form-control[size] option, select.form-control[multiple] option {
  width: fit-content;
}
/* Non-bootstrap selects with a size show their contents outside of the element.
 * Remove when we update to stable bootstrap 4. (MDL-56511) */
select[size], select[multiple] {
  overflow: auto;
}
select[size="1"] {
  overflow: visible;
}
textarea[data-auto-rows] {
  overflow-x: hidden;
  resize: none;
}
/** Display elements under labels in vertical forms regardless of the screen size. */
.mform.full-width-labels .fitem.row {
  margin-left: 0;
  margin-right: 0;
}
.mform.full-width-labels .fitem.row > .col-md-3, .mform.full-width-labels .fitem.row > .col-md-9 {
  flex: 0 0 100%;
  max-width: 100%;
  width: inherit;
  padding-right: 0;
  padding-left: 0;
}
.mform.full-width-labels .fitem.row.femptylabel > .col-md-3 {
  display: none;
}
.mform.full-width-labels .fitem.row .form-control {
  width: 100%;
}
.mform .col-form-label .form-label-addon {
  margin-left: 0.25rem;
}
@media (min-width: 576px) {
  .mform:not(.full-width-labels) .col-form-label .form-label-addon {
    margin-left: auto;
  }
}
[data-fieldtype="modgrade"] .fitem {
  padding-bottom: 0.375rem;
}
[data-fieldtype="modgrade"] .form-select {
  width: 100%;
}
[data-fieldtype="modgrade"] {
  background-color: var(--bs-body-bg);
  border-radius: var(--bs-border-radius);
  border: var(--bs-border-width) solid var(--bs-border-color-translucent);
  padding: 1rem;
  margin-left: 0.75rem;
  max-width: 30rem;
}
[data-filetypesbrowserbody] [aria-expanded="false"] > [role="group"], [data-filetypesbrowserbody] [aria-expanded="false"] [data-filetypesbrowserfeature="hideifcollapsed"], [data-filetypesbrowserbody] [aria-expanded="true"] [data-filetypesbrowserfeature="hideifexpanded"] {
  display: none;
}
.felement[data-fieldtype="autocomplete"], .felement[data-fieldtype="tags"] {
  display: block !important;
  /* stylelint-disable-line declaration-no-important */
  position: static;
}
[data-fieldtype="editor"] > div {
  flex-grow: 1;
}
@media (min-width: 768px) {
  .mform fieldset .fcontainer.collapseable .col-form-label {
    padding-left: 2.5rem;
  }
}
.collapsemenu .collapseall {
  display: block;
}
.collapsemenu .expandall {
  display: none;
}
.collapsemenu.collapsed .collapseall {
  display: none;
}
.collapsemenu.collapsed .expandall {
  display: block;
}
.input-group.form-inset .form-inset-item {
  position: absolute;
  padding-top: calc(0.375rem + var(--bs-border-width));
  z-index: 3;
}
.input-group.form-inset.form-inset-left .form-control {
  padding-left: 1.5rem;
}
.input-group.form-inset.form-inset-right .form-control {
  padding-right: 1.5rem;
}
.input-group.form-inset.form-inset-right .form-inset-item {
  right: 0;
}
.form-check.left-indented {
  padding-left: 0;
}
.toggle-sensitive-btn .icon {
  margin-right: 0;
}
@media (min-width: 576px) {
  .toggle-sensitive-wrapper.small-screens-only.input-group:not(.has-validation) > .form-control:not(:last-child) {
    border-radius: var(--bs-border-radius);
  }
  .toggle-sensitive-wrapper.small-screens-only.input-group:not(.has-validation) > .form-control-lg:not(:last-child) {
    border-radius: var(--bs-border-radius-lg);
  }
  .toggle-sensitive-wrapper.small-screens-only.input-group:not(.has-validation) > .toggle-sensitive-btn {
    display: none;
  }
}
.form-control[readonly] {
  background-color: var(--bs-secondary-bg);
  opacity: 1;
}
.pagelayout-login #region-main {
  border: 0;
  background-color: inherit;
}
.pagelayout-login #page {
  background: #f8f9fa;
  background-image: linear-gradient(to right, #f8f9fa 0%, #dee2e6 100%);
}
.pagelayout-login #page div[role="main"] {
  height: 100%;
}
.login-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.login-container {
  background-color: #fff;
  padding: 3rem;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  margin-bottom: 2rem;
  border-radius: 0.5rem;
}
.login-container .login-languagemenu {
  display: flex;
  justify-content: flex-start;
}
.login-container .login-languagemenu .dropdown-menu {
  max-height: 300px;
  overflow-y: auto;
}
.login-container .login-logo {
  display: flex;
  justify-content: center;
  margin-bottom: 1rem;
}
.login-container .login-divider {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  border-top: 1px solid #dee2e6;
}
.login-container h1.login-heading, .login-container .login-heading.h1 {
  font-size: 1.875rem;
}
.login-container h2.login-heading, .login-container .login-heading.h2 {
  font-size: 1.40625rem;
}
.login-container .login-identityproviders .login-identityprovider-btn {
  border: 1px solid #dee2e6;
}
.login-container .divider {
  width: 1px;
  background-color: #dee2e6;
  height: 1.875rem;
}
.login-container .action-menu-trigger a {
  margin: 0.5rem 0;
}
@media (min-width: 768px) {
  .login-container {
    width: 500px !important;
    /* stylelint-disable-line declaration-no-important */
  }
}
/* modules.less */
select {
  width: auto;
}
.path-mod .activity-header:not(:empty) {
  background-color: #f8f9fa;
  margin-bottom: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  border-radius: 0.5rem;
}
.path-mod .activity-header:not(:empty) > div:last-child > div:last-child {
  border-bottom: 0;
}
.path-mod .activity-information .activity-dates {
  padding-top: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #dee2e6;
}
.path-mod .activity-information .completion-info {
  padding-top: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #dee2e6;
}
.path-mod .activity-description {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.path-mod .activity-description > .box.py-3 {
  padding-top: 0 !important;
  /* stylelint-disable-line declaration-no-important */
  padding-bottom: 0 !important;
  /* stylelint-disable-line declaration-no-important */
}
.path-mod .activity-description > .box.py-3:empty {
  display: none;
}
.path-mod .automatic-completion-conditions .badge {
  font-size: 80%;
  padding: 0.5rem;
  margin-top: 0.25rem;
  mix-blend-mode: multiply;
}
.path-mod .automatic-completion-conditions .badge.badge-light {
  background-color: #e9ecef !important;
  /* stylelint-disable-line declaration-no-important */
}
.path-mod .automatic-completion-conditions .badge .icon {
  width: 0.7rem;
  height: 0.7rem;
  font-size: 0.7rem;
}
.path-mod .automatic-completion-conditions .badge:first-child {
  margin-top: 0;
}
.path-mod .activity-description .no-overflow p:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
}
.path-mod-choice .horizontal .choices .option {
  display: inline-block;
}
.path-mod-choice .choices .option label {
  vertical-align: top;
}
.path-mod-choice .responseaction select.singleselect {
  display: inline-block;
}
.path-mod-forum .forumsearch input, .path-mod-forum .forumsearch .helptooltip {
  margin: 0 3px;
}
.path-mod-forum .forumheaderlist, .path-mod-forum .forumheaderlist td {
  border: none;
}
.path-mod-forum .forumheaderlist thead .header, .path-mod-forum .forumheaderlist tbody .discussion td {
  white-space: normal;
  vertical-align: top;
  padding-left: 0.5em;
  padding-right: 0.5em;
}
.path-mod-forum .forumheaderlist thead .header {
  white-space: normal;
  vertical-align: top;
}
.path-mod-forum .forumheaderlist thead .header.replies {
  text-align: center;
}
.path-mod-forum .forumheaderlist thead .header.lastpost {
  text-align: right;
}
.path-mod-forum .forumheaderlist thead .header th.discussionsubscription, .path-mod-forum .forumheaderlist tbody .discussion td.discussionsubscription {
  width: 16px;
  padding-left: 0.5em;
  padding-right: 0.5em;
}
.path-mod-forum .forumheaderlist .discussion .replies, .path-mod-forum .forumheaderlist .discussion .lastpost {
  white-space: normal;
}
.path-mod-forum .forumheaderlist .discussion .discussionsubscription, .path-mod-forum .forumheaderlist .discussion .replies {
  text-align: center;
}
.path-mod-forum .forumheaderlist .discussion .topic, .path-mod-forum .forumheaderlist .discussion .discussionsubscription, .path-mod-forum .forumheaderlist .discussion .topic.starter, .path-mod-forum .forumheaderlist .discussion .replies, .path-mod-forum .forumheaderlist .discussion .lastpost {
  vertical-align: top;
}
.path-mod-forum .discussion-list .topic {
  font-weight: inherit;
}
.discussion-settings-container .form-select {
  width: 100%;
}
.discussion-settings-container input {
  max-width: 100%;
}
.forumpost {
  border: 1px solid #dee2e6;
  display: block;
  padding: 6px;
}
.forumpost .header {
  margin-bottom: 3px;
}
.forumpost .picture img {
  margin: 3px;
}
.forumpost .picture img.userpicture {
  margin-left: 3px;
  margin-right: 10px;
}
.forumpost .content .posting.fullpost {
  margin-top: 8px;
}
.forumpost .row {
  display: block;
}
.forumpost .row .topic, .forumpost .row .content-mask, .forumpost .row .options {
  margin-left: 48px;
}
.forumpost .row.side {
  clear: both;
}
.forumpost .row .left {
  width: 48px;
}
.forumpost .options .commands {
  margin-left: 0;
}
.forumpost .subject {
  font-weight: bold;
}
.forumsearch input[type=text] {
  margin-bottom: 0;
}
#page-mod-forum-view table .fit-content {
  width: 1px;
  white-space: nowrap;
}
#page-mod-forum-view table .limit-width {
  max-width: 200px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
#page-mod-forum-view table .limit-width .author-info {
  max-width: calc(100% - 35px - .5rem);
}
/** Gently highlight the selected post by changing it's background to blue and then fading it out. */
@keyframes background-highlight {
  from {
    background-color: rgba(0, 123, 255, 0.5);
  }
  to {
    background-color: inherit;
  }
}
.path-mod-forum .nested-v2-display-mode, .path-mod-forum.nested-v2-display-mode {
  /** Reset the badge styling back to pill style. */
  /** Style the ratings like a badge. */
  /** Don't show the discussion locked alert in this mode because it's already indicated with a badge. */
  /** Fix muted text contrast ratios for accessibility. */
  /** Make the tag list text screen reader visible only */
}
.path-mod-forum .nested-v2-display-mode .discussionsubscription, .path-mod-forum.nested-v2-display-mode .discussionsubscription {
  margin-top: 0;
  text-align: inherit;
  margin-bottom: 0;
}
.path-mod-forum .nested-v2-display-mode .preload-subscribe, .path-mod-forum .nested-v2-display-mode .preload-unsubscribe, .path-mod-forum.nested-v2-display-mode .preload-subscribe, .path-mod-forum.nested-v2-display-mode .preload-unsubscribe {
  display: none;
}
.path-mod-forum .nested-v2-display-mode .post-message, .path-mod-forum.nested-v2-display-mode .post-message {
  line-height: 1.6;
}
.path-mod-forum .nested-v2-display-mode .indent, .path-mod-forum.nested-v2-display-mode .indent {
  margin-left: 0;
}
.path-mod-forum .nested-v2-display-mode .badge, .path-mod-forum.nested-v2-display-mode .badge {
  font-size: inherit;
  font-weight: inherit;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  border-radius: 10rem;
}
.path-mod-forum .nested-v2-display-mode .badge-light, .path-mod-forum.nested-v2-display-mode .badge-light {
  background-color: #f6f6f6;
  color: #5b5b5b;
}
.path-mod-forum .nested-v2-display-mode .rating-aggregate-container, .path-mod-forum.nested-v2-display-mode .rating-aggregate-container {
  background-color: #f6f6f6;
  color: #5b5b5b;
  padding: 0.25em 0.5em;
  line-height: 1;
  margin-right: 0.5rem;
  vertical-align: middle;
  border-radius: 10rem;
  text-align: center;
}
.path-mod-forum .nested-v2-display-mode .ratinginput, .path-mod-forum.nested-v2-display-mode .ratinginput {
  padding: 0.25em 1.75rem 0.25em 0.75em;
  line-height: 1;
  height: auto;
  border-radius: 10rem;
}
@media (max-width: 767.98px) {
  .path-mod-forum .nested-v2-display-mode .ratinginput, .path-mod-forum.nested-v2-display-mode .ratinginput {
    margin-top: 0.5rem;
  }
}
.path-mod-forum .nested-v2-display-mode .group-image, .path-mod-forum.nested-v2-display-mode .group-image {
  width: 35px;
  height: 35px;
  margin-right: 0;
  float: none;
  display: inline-block;
}
.path-mod-forum .nested-v2-display-mode .alert.discussionlocked, .path-mod-forum.nested-v2-display-mode .alert.discussionlocked {
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.path-mod-forum .nested-v2-display-mode .alert.discussionlocked:not(caption), .path-mod-forum.nested-v2-display-mode .alert.discussionlocked:not(caption) {
  position: absolute !important;
}
.path-mod-forum .nested-v2-display-mode .text-muted, .path-mod-forum .nested-v2-display-mode .dimmed_text, .path-mod-forum.nested-v2-display-mode .text-muted, .path-mod-forum.nested-v2-display-mode .dimmed_text {
  color: #707070 !important;
  /* stylelint-disable-line declaration-no-important */
}
.path-mod-forum .nested-v2-display-mode .author-header, .path-mod-forum.nested-v2-display-mode .author-header {
  font-style: italic;
}
.path-mod-forum .nested-v2-display-mode .author-header .author-name, .path-mod-forum.nested-v2-display-mode .author-header .author-name {
  font-style: normal;
}
.path-mod-forum .nested-v2-display-mode .tag_list > b, .path-mod-forum.nested-v2-display-mode .tag_list > b {
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.path-mod-forum .nested-v2-display-mode .tag_list > b:not(caption), .path-mod-forum.nested-v2-display-mode .tag_list > b:not(caption) {
  position: absolute !important;
}
.path-mod-forum .nested-v2-display-mode :target > .focus-target, .path-mod-forum.nested-v2-display-mode :target > .focus-target {
  animation-name: background-highlight;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}
.path-mod-forum .nested-v2-display-mode .forum-post-container .replies-container .forum-post-container, .path-mod-forum.nested-v2-display-mode .forum-post-container .replies-container .forum-post-container {
  border-top: 1px solid #dee2e6;
  padding-top: 1.5rem;
}
.path-mod-forum .nested-v2-display-mode .forum-post-container .replies-container .forum-post-container .replies-container .forum-post-container, .path-mod-forum.nested-v2-display-mode .forum-post-container .replies-container .forum-post-container .replies-container .forum-post-container {
  border-top: none;
  padding-top: 0;
}
.path-mod-forum .nested-v2-display-mode .forum-post-container .replies-container .inline-reply-container .reply-author, .path-mod-forum.nested-v2-display-mode .forum-post-container .replies-container .inline-reply-container .reply-author {
  display: none;
}
.path-mod-forum .nested-v2-display-mode .forum-post-container .post-message p:last-of-type, .path-mod-forum.nested-v2-display-mode .forum-post-container .post-message p:last-of-type {
  margin-bottom: 0;
}
.path-mod-forum .nested-v2-display-mode .forum-post-container .author-image-container, .path-mod-forum.nested-v2-display-mode .forum-post-container .author-image-container {
  width: 70px;
  margin-right: 24px;
  flex-shrink: 0;
}
.path-mod-forum .nested-v2-display-mode .forum-post-container .inline-reply-container textarea, .path-mod-forum.nested-v2-display-mode .forum-post-container .inline-reply-container textarea {
  border: 0;
  resize: none;
}
.path-mod-forum .nested-v2-display-mode .forum-post-container .indent, .path-mod-forum.nested-v2-display-mode .forum-post-container .indent {
  /**
             * The first post and first set of replies have a larger author image so offset the 2nd
             * set of replies by the image width + margin to ensure they align.
             */
}
.path-mod-forum .nested-v2-display-mode .forum-post-container .indent .indent, .path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent {
  padding-left: 94px;
  /**
                 * Reduce the size of the the author image for all second level replies (and below).
                 */
  /**
                 * Adjust the indentation offset for all 3rd level replies and below for the smaller author image.
                 */
}
.path-mod-forum .nested-v2-display-mode .forum-post-container .indent .indent .author-image-container, .path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent .author-image-container {
  width: 30px;
  margin-right: 8px;
  padding-top: 3px;
}
.path-mod-forum .nested-v2-display-mode .forum-post-container .indent .indent .indent, .path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent .indent {
  padding-left: 38px;
  /**
                     * Stop indenting the replies after the 5th reply.
                     */
}
.path-mod-forum .nested-v2-display-mode .forum-post-container .indent .indent .indent .indent .indent .indent, .path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent .indent .indent .indent .indent {
  padding-left: 0;
}
/** Extra small devices (portrait phones, less than 576px). */
@media (max-width: 767.98px) {
  #page-mod-forum-discuss.nested-v2-display-mode .forum-post-container .author-image-container {
    width: 30px;
    margin-right: 8px;
  }
  #page-mod-forum-discuss.nested-v2-display-mode .forum-post-container .indent .indent {
    padding-left: 38px;
  }
  #page-mod-forum-discuss.nested-v2-display-mode .forum-post-container .indent .indent .indent .indent {
    padding-left: 0;
  }
  #page-mod-forum-discuss.nested-v2-display-mode .group-image {
    width: 30px;
    height: 30px;
  }
}
.filter-scrollable {
  overflow-y: auto;
  max-height: 25em;
  margin-bottom: 1em;
}
.filter-dates-popover {
  width: 100%;
  max-width: 41.5em;
}
/* stylelint-disable-line max-line-length */
@keyframes expandSearchButton {
  from {
    height: 36px;
    width: 36px;
    border-radius: 18px;
    background-color: #e9ecef;
  }
  to {
    width: 100%;
    height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
    border-radius: 0;
    background-color: var(--bs-body-bg);
    border-color: var(--bs-gray-500);
    padding-left: calc(0.5rem + 8px);
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-size: 1.171875rem;
    line-height: 1.5;
    right: 0;
  }
}
@keyframes collapseSearchButton {
  from {
    width: 100%;
    height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
    border-radius: 0;
    background-color: var(--bs-body-bg);
    border-color: var(--bs-gray-500);
    padding-left: calc(0.5rem + 8px);
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-size: 1.171875rem;
    line-height: 1.5;
    right: 0;
  }
  to {
    height: 36px;
    width: 36px;
    border-radius: 18px;
    background-color: #e9ecef;
  }
}
.path-mod-forum .unified-grader .navbar {
  max-height: none;
  z-index: 1;
}
.path-mod-forum .unified-grader .body-container {
  overflow: auto;
}
.path-mod-forum .unified-grader .body-container.hidden {
  display: none !important;
  /* stylelint-disable-line declaration-no-important */
}
.path-mod-forum .unified-grader .userpicture {
  height: 60px;
  width: 60px;
}
.path-mod-forum .unified-grader .grader-grading-panel {
  top: 0;
  position: absolute;
  height: 100%;
  z-index: 0;
  width: 430px;
}
.path-mod-forum .unified-grader .grader-grading-panel.hidden {
  right: -430px;
}
.path-mod-forum .unified-grader .grader-grading-panel .grading-icon {
  width: 36px;
}
.path-mod-forum .unified-grader .grader-grading-panel .user-picker-container .user-full-name {
  max-width: 240px;
}
.path-mod-forum .unified-grader .grader-grading-panel .user-picker-container .page-link {
  width: 36px;
  height: 36px;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
}
.path-mod-forum .unified-grader .grader-grading-panel .header-container {
  height: 65px;
  position: relative;
  overflow: hidden;
}
.path-mod-forum .unified-grader .grader-grading-panel .header-container .info-container {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 100%;
  height: 100%;
  padding: 0.5rem;
  padding-right: calc(36px + 0.5rem);
  opacity: 1;
  visibility: visible;
  transition: left 0.3s ease-in-out;
  z-index: 1;
}
.path-mod-forum .unified-grader .grader-grading-panel .header-container .toggle-search-button.expand {
  animation-name: expandSearchButton;
  animation-duration: 0.3s;
  animation-timing-function: ease-in-out;
}
.path-mod-forum .unified-grader .grader-grading-panel .header-container .toggle-search-button.collapse {
  display: block;
  animation-name: collapseSearchButton;
  animation-duration: 0.3s;
}
.path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container {
  overflow: hidden;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  z-index: 2;
  width: 100%;
  height: 100% !important;
  /* stylelint-disable-line declaration-no-important */
  padding: 0.5rem;
}
.path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container {
  position: relative;
  overflow: visible;
  flex-wrap: nowrap;
}
.path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container input {
  padding-left: calc(0.5rem + 0.5rem + 36px - calc(var(--bs-border-width) * 2));
  padding-right: calc(0.5rem + 36px);
  opacity: 1;
  visibility: visible;
  transition: opacity 0s linear 0.3s, visibility 0s linear;
}
.path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .search-icon {
  position: absolute;
  top: 50%;
  left: 0.5rem;
  transform: translateY(-50%);
  color: var(--bs-body-color);
  height: 36px;
  width: calc(36px - calc(var(--bs-border-width) * 2));
  background-color: var(--bs-body-bg);
  opacity: 1;
  visibility: visible;
  transition: opacity 0s linear 0.3s, visibility 0s linear 0.3s;
}
.path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .toggle-search-button {
  position: absolute;
  top: 50%;
  right: 0.5rem;
  transform: translateY(-50%);
  z-index: 1;
  color: inherit;
  text-align: left;
  padding-left: 9px;
  transition: right 0s linear 0.3s;
}
.path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .toggle-search-button .expanded-icon {
  opacity: 1;
  visibility: visible;
  max-width: 50px;
  max-height: 50px;
  transition: opacity 0s linear 0.3s, max-height 0s linear 0.3s, max-width 0s linear 0.3s, visibility 0s linear 0.3s;
}
.path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .toggle-search-button .collapsed-icon {
  opacity: 0;
  visibility: hidden;
  max-height: 0;
  max-width: 0;
  overflow: hidden;
  transition: opacity 0s linear 0.3s, max-height 0s linear 0.3s, max-width 0s linear 0.3s, visibility 0s linear 0.3s;
}
.path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed {
  width: calc(36px + 0.5rem + 0.5rem);
  transition: width 0.3s ease-in-out;
}
.path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container {
  flex-wrap: nowrap;
}
.path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container input, .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container .search-icon {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0s linear, visibility 0s linear;
}
.path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container input {
  padding-left: 0;
  padding-right: 0;
}
.path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container .toggle-search-button .expanded-icon {
  opacity: 0;
  visibility: hidden;
  max-height: 0;
  max-width: 0;
  overflow: hidden;
  transition: opacity 0s linear, max-height 0s linear, max-width 0s linear, visibility 0s linear;
}
.path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container .toggle-search-button .collapsed-icon {
  opacity: 1;
  visibility: visible;
  max-width: 50px;
  max-height: 50px;
  transition: opacity 0s linear, max-height 0s linear, max-width 0s linear, visibility 0s linear;
}
.path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container:not(.collapsed) + .info-container {
  opacity: 0;
  visibility: hidden;
  left: calc(100% * -1);
  transition: left 0.3s ease-in-out, opacity 0s linear 0.3s, visibility 0s linear 0.3s, padding 0s linear 0.3s;
}
.path-mod-forum .unified-grader .grader-module-content {
  overflow-y: auto;
  margin-right: 430px;
  transition: margin-right 0.2s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .path-mod-forum .unified-grader .grader-module-content {
    transition: none;
  }
}
.path-mod-forum .unified-grader .drawer-button {
  position: relative;
}
.path-mod-forum .unified-grader .drawer-button.active::after {
  content: "";
  position: absolute;
  bottom: calc(-0.5rem - 1px);
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #176B75;
}
.path-mod-forum .unified-grader .drawer-button .icon {
  font-size: 20px;
  height: 20px;
  width: 20px;
}
.path-mod-forum .unified-grader .grader-module-content-display .discussion-container:last-of-type > hr {
  display: none;
}
.path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container:last-of-type > hr {
  display: none;
}
.path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container {
  position: relative;
}
.path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  padding-left: calc(1rem + 45px);
  text-align: left;
  z-index: 1;
}
.path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button:not(.collapsed) {
  display: none;
}
.path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content {
  display: block;
  height: auto !important;
  /* stylelint-disable-line declaration-no-important */
}
.path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .header {
  transition: margin-bottom 0.3s ease-in-out;
}
.path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .header div + div {
  opacity: 1;
  visibility: visible;
  max-height: none;
  transition: opacity 0.3s linear, visibility 0s linear;
}
.path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .body-content-container {
  opacity: 1;
  visibility: visible;
  max-height: none;
  transition: opacity 0.3s linear, visibility 0s linear;
}
.path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .forum-post-core {
  opacity: 1;
  visibility: visible;
  max-height: none;
  transition: opacity 0.3s linear, visibility 0s linear;
}
.path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content {
  opacity: 0.3;
}
.path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .header {
  margin-bottom: 0 !important;
  /* stylelint-disable-line declaration-no-important */
}
.path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .header div + div {
  opacity: 0;
  visibility: hidden;
  max-height: 0;
}
.path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .body-content-container {
  opacity: 0;
  visibility: hidden;
  max-height: 0;
}
.path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .forum-post-core {
  opacity: 0;
  visibility: hidden;
  max-height: 0;
}
.path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed:hover + .content, .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed:focus + .content {
  opacity: 1;
}
.path-mod-forum .unified-grader .grader-module-content-display .no-post-container .icon {
  height: 250px;
  width: 250px;
  margin-right: 0;
}
.path-mod-forum .unified-grader .grader-module-content-display .nested-v2-display-mode .discussion-container .posts-container .parent-container .show-content-button {
  padding-left: 94px;
}
.path-mod-forum .unified-grader .no-search-results-container .icon {
  height: 250px;
  width: 250px;
  margin-right: 0;
}
.path-mod-forum .unified-grader .nested-v2-display-mode .view-context-button {
  margin-left: 94px;
  border-radius: 0.6rem;
}
.path-mod-forum .unified-grader .nested-v2-display-mode .parent-container .author-image-container {
  position: relative;
}
.path-mod-forum .unified-grader .nested-v2-display-mode .parent-container .author-image-container:after {
  position: absolute;
  top: calc(70px + 0.5rem);
  content: "";
  background-color: #e9ecef;
  width: 2px;
  height: calc(100% - 70px + 0.5rem);
}
.path-mod-forum .unified-grader .nested-v2-display-mode .parent-container + .post-container .author-image-container img {
  width: 30px !important;
  /* stylelint-disable-line declaration-no-important */
}
.path-mod-forum .unified-grader .nested-v2-display-mode .post-subject, .path-mod-forum .modal .nested-v2-display-mode .post-subject {
  display: none;
}
@media (max-width: 575.98px) {
  .path-mod-forum .unified-grader .grader-grading-panel {
    width: 100%;
    position: fixed;
    height: calc(100vh - 50px);
    overflow: scroll;
    top: 50px;
  }
  .path-mod-forum .unified-grader .body-container {
    overflow: visible;
  }
}
.maincalendar .calendarmonth td, .maincalendar .calendarmonth th {
  border: 1px dotted var(--bs-border-color);
}
.path-grade-report-grader h1, .path-grade-report-grader .h1 {
  text-align: inherit;
}
#page-mod-data-view #singleimage {
  width: auto;
}
.template_heading {
  margin-top: 10px;
}
.breadcrumb-button {
  margin-top: 4px;
}
.breadcrumb-button .singlebutton {
  float: left;
  margin-left: 4px;
}
.langmenu form {
  margin: 0;
}
canvas {
  -ms-touch-action: auto;
}
div#dock {
  display: none;
}
/** General styles (scope: all of lesson) **/
.path-mod-lesson .invisiblefieldset.fieldsetfix {
  display: block;
}
.path-mod-lesson .answeroption .checkbox label p {
  display: inline;
}
.path-mod-lesson .slideshow {
  overflow: auto;
  padding: 15px;
}
#page-mod-lesson-view .branchbuttoncontainer .singlebutton button[type="submit"] {
  white-space: normal;
}
#page-mod-lesson-view .vertical .singlebutton {
  display: block;
}
#page-mod-lesson-view .vertical .singlebutton + .singlebutton {
  margin-left: 0;
  margin-top: 1rem;
}
#page-mod-lesson-view .fitem .felement .form-select {
  align-self: flex-start;
}
.path-mod-lesson .generaltable td {
  vertical-align: middle;
}
.path-mod-lesson .generaltable td label {
  margin-bottom: 0;
}
.path-mod-lesson .generaltable td .highlight {
  display: inline-block;
  margin-left: 0.25rem;
}
.path-mod-lesson .generaltable td input[type="checkbox"] {
  display: block;
}
.path-mod-wiki .wiki_headingtitle, .path-mod-wiki .midpad, .path-mod-wiki .wiki_headingtime {
  text-align: inherit;
}
.path-mod-wiki .wiki_contentbox {
  width: 100%;
}
.nav .caret {
  margin-left: 4px;
}
.nav .divider {
  overflow: hidden;
  width: 0;
}
.userloggedinas .usermenu .usertext, .userswitchedrole .usermenu .usertext, .loginfailures .usermenu .usertext {
  float: left;
  text-align: right;
  margin-right: 0.5rem;
  height: 35px;
}
.userloggedinas .usermenu .usertext .meta, .userswitchedrole .usermenu .usertext .meta, .loginfailures .usermenu .usertext .meta {
  font-size: 0.8203125rem;
  align-items: center;
}
.userloggedinas .usermenu .avatar img, .userswitchedrole .usermenu .avatar img, .loginfailures .usermenu .avatar img {
  margin: 0;
}
.userloggedinas .usermenu .userbutton .avatars {
  position: relative;
  display: inline-block;
}
.userloggedinas .usermenu .userbutton .avatars .avatar.current {
  display: inline-block;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
}
.userloggedinas .usermenu .userbutton .avatars .avatar.current img {
  vertical-align: baseline;
}
.userloggedinas .usermenu .userbutton .avatars .avatar.current .userinitials.size-35 {
  width: 20px;
  height: 20px;
  border: 1px solid #dee2e6;
  background-color: #fff;
  font-size: 0.5625rem;
}
.userloggedinas .usermenu .userbutton .avatars .avatar img {
  width: inherit;
  height: inherit;
}
.userloggedinas .usermenu .userbutton .avatars .realuser {
  width: 35px;
  height: 35px;
  display: inline-block;
}
.userinitials {
  background-color: #e9ecef;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #343a40;
  font-weight: normal;
  margin-right: 0.25rem;
}
.userinitials.size-16, .userinitials.size-30 {
  font-size: 0.7rem;
  width: 30px;
  height: 30px;
}
.userinitials.size-35 {
  width: 35px;
  height: 35px;
}
.userinitials.size-50 {
  width: 50px;
  height: 50px;
}
.userinitials.size-64 {
  width: 64px;
  height: 64px;
}
.userinitials.size-100 {
  width: 100px;
  height: 100px;
  font-size: 1.875rem;
}
img.userpicture {
  margin-right: 0.25rem;
}
@media (max-width: 767.98px) {
  .usertext {
    display: none;
  }
}
#page-mod-quiz-mod #id_reviewoptionshdr .col-md-3, #page-mod-quiz-mod #id_reviewoptionshdr .col-md-9 {
  width: auto;
  max-width: none;
}
#page-mod-quiz-mod #id_reviewoptionshdr .fcontainer > .fitem {
  float: left;
  width: 20rem;
  display: inline-block;
  min-height: 12rem;
}
#page-mod-quiz-mod #id_reviewoptionshdr .btn-link {
  line-height: 1.5;
  vertical-align: bottom;
}
#page-mod-quiz-mod #id_reviewoptionshdr .form-check {
  width: auto;
  height: 22px;
  justify-content: flex-start;
}
#page-mod-quiz-mod #id_reviewoptionshdr .review_option_item {
  width: 90%;
  height: 22px;
}
.path-mod-quiz #mod_quiz_navblock .qnbutton {
  text-decoration: none;
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  background-color: var(--bs-body-bg);
  background-image: none;
  height: 40px;
  width: 30px;
  border-radius: 3px;
  border: 0;
  overflow: hidden;
  white-space: nowrap;
  margin: 0 6px 6px 0;
}
.path-mod-quiz #mod_quiz_navblock span.qnbutton {
  cursor: default;
  background-color: var(--bs-secondary-bg);
  color: #495057;
}
.path-mod-quiz #mod_quiz_navblock a.qnbutton:hover, .path-mod-quiz #mod_quiz_navblock a.qnbutton:active, .path-mod-quiz #mod_quiz_navblock a.qnbutton:focus {
  text-decoration: underline;
}
.path-mod-quiz #mod_quiz_navblock .qnbutton .thispageholder {
  border: 1px solid;
  border-radius: 3px;
  z-index: 1;
}
.path-mod-quiz #mod_quiz_navblock .qnbutton.thispage .thispageholder {
  border-width: 3px;
}
.path-mod-quiz #mod_quiz_navblock .allquestionsononepage .qnbutton.thispage .thispageholder {
  border-width: 1px;
}
.path-mod-quiz #mod_quiz_navblock .qnbutton .trafficlight {
  border: 0;
  background: var(--bs-body-bg) none center / 10px no-repeat scroll;
  height: 20px;
  margin-top: 20px;
  border-radius: 0 0 3px 3px;
}
.path-mod-quiz #mod_quiz_navblock .qnbutton.correct .thispageholder {
  border-color: #236300;
}
.path-mod-quiz #mod_quiz_navblock .qnbutton.incorrect .thispageholder {
  border-color: #9c1800;
}
.path-mod-quiz #mod_quiz_navblock .qnbutton.partiallycorrect .thispageholder {
  border-color: #8f5700;
}
.path-mod-quiz #mod_quiz_navblock .qnbutton.correct, .path-mod-quiz #mod_quiz_navblock .qnbutton.correct .trafficlight {
  background-color: #dff4d8;
  /* light green */
}
.path-mod-quiz #mod_quiz_navblock .qnbutton.incorrect, .path-mod-quiz #mod_quiz_navblock .qnbutton.incorrect .trafficlight {
  background-color: #fdd;
  /* light red */
}
.path-mod-quiz #mod_quiz_navblock .qnbutton.partiallycorrect, .path-mod-quiz #mod_quiz_navblock .qnbutton.partiallycorrect .trafficlight {
  background-color: #fcefdc;
  /* light yellow */
}
.path-mod-quiz #mod_quiz_navblock .qnbutton.blocked, .path-mod-quiz #mod_quiz_navblock .qnbutton.blocked .trafficlight, .path-mod-quiz #mod_quiz_navblock .qnbutton.complete, .path-mod-quiz #mod_quiz_navblock .qnbutton.complete .trafficlight, .path-mod-quiz #mod_quiz_navblock .qnbutton.answersaved, .path-mod-quiz #mod_quiz_navblock .qnbutton.answersaved .trafficlight, .path-mod-quiz #mod_quiz_navblock .qnbutton.requiresgrading, .path-mod-quiz #mod_quiz_navblock .qnbutton.requiresgrading .trafficlight {
  background-color: #dee2e6;
}
.path-mod-quiz #mod_quiz_navblock .qnbutton.notyetanswered .trafficlight, .path-mod-quiz #mod_quiz_navblock .qnbutton.invalidanswer .trafficlight {
  background-color: var(--bs-body-bg);
}
.path-mod-quiz #mod_quiz_navblock .qnbutton.correct .trafficlight {
  background-image: url(/theme/image.php/boost_union/core/1792421257/i/grade_correct);
  color: #276E00;
  background-size: 14px;
}
.path-mod-quiz #mod_quiz_navblock .qnbutton.blocked .trafficlight {
  background-image: url(/theme/image.php/boost_union/core/1792421257/t/locked);
}
.path-mod-quiz #mod_quiz_navblock .qnbutton.notanswered .trafficlight, .path-mod-quiz #mod_quiz_navblock .qnbutton.incorrect .trafficlight {
  background-image: url(/theme/image.php/boost_union/core/1792421257/i/grade_incorrect);
  color: #AD1B00;
  background-size: 14px;
}
.path-mod-quiz #mod_quiz_navblock .qnbutton.partiallycorrect .trafficlight {
  background-image: url(/theme/image.php/boost_union/core/1792421257/i/grade_partiallycorrect);
  color: #EF9100;
  background-size: 14px;
}
.path-mod-quiz #mod_quiz_navblock .qnbutton.complete .trafficlight, .path-mod-quiz #mod_quiz_navblock .qnbutton.answersaved .trafficlight, .path-mod-quiz #mod_quiz_navblock .qnbutton.requiresgrading .trafficlight {
  background-color: #dee2e6;
}
#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer form input {
  height: 1.4em;
  vertical-align: middle;
}
#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer {
  padding: 0.5em 0 0.5em 0.1em;
  margin: 2px;
}
/* Override the color of the quiz attempt icons for accessibility. */
#attemptsform .icon.text-success, .formulation .answer .icon.text-success {
  color: #236300 !important;
  /* stylelint-disable-line declaration-no-important */
}
#attemptsform .icon.text-danger, .formulation .answer .icon.text-danger {
  color: #9c1800 !important;
  /* stylelint-disable-line declaration-no-important */
}
#attemptsform .icon.text-warning, .formulation .answer .icon.text-warning {
  color: #8f5700 !important;
  /* stylelint-disable-line declaration-no-important */
}
/* Countdown timer. */
#page-mod-quiz-attempt #region-main {
  overflow-x: inherit;
}
#quiz-timer-wrapper {
  display: none;
  position: sticky;
  justify-content: end;
  top: 65px;
  z-index: 1020;
}
#quiz-timer-wrapper #quiz-timer {
  border: 1px solid #ca3120;
  background-color: #fff;
}
.pagelayout-embedded #quiz-timer-wrapper {
  top: 5px;
}
#quiz-timer-wrapper #quiz-timer.timeleft0 {
  background-color: #ca3120;
  color: #fff;
}
#quiz-timer-wrapper #quiz-timer.timeleft1 {
  background-color: #d73422;
  color: #fff;
}
#quiz-timer-wrapper #quiz-timer.timeleft2 {
  background-color: #dd3d2b;
  color: #000;
}
#quiz-timer-wrapper #quiz-timer.timeleft3 {
  background-color: #e04938;
  color: #000;
}
#quiz-timer-wrapper #quiz-timer.timeleft4 {
  background-color: #e25546;
  color: #000;
}
#quiz-timer-wrapper #quiz-timer.timeleft5 {
  background-color: #e46153;
  color: #000;
}
#quiz-timer-wrapper #quiz-timer.timeleft6 {
  background-color: #e66d60;
  color: #000;
}
#quiz-timer-wrapper #quiz-timer.timeleft7 {
  background-color: #e8796d;
  color: #000;
}
#quiz-timer-wrapper #quiz-timer.timeleft8 {
  background-color: #ea867a;
  color: #000;
}
#quiz-timer-wrapper #quiz-timer.timeleft9 {
  background-color: #ec9288;
  color: #000;
}
#quiz-timer-wrapper #quiz-timer.timeleft10 {
  background-color: #ee9e95;
  color: #000;
}
#quiz-timer-wrapper #quiz-timer.timeleft11 {
  background-color: #f0aaa2;
  color: #000;
}
#quiz-timer-wrapper #quiz-timer.timeleft12 {
  background-color: #f2b6af;
  color: #000;
}
#quiz-timer-wrapper #quiz-timer.timeleft13 {
  background-color: #f4c2bc;
  color: #000;
}
#quiz-timer-wrapper #quiz-timer.timeleft14 {
  background-color: #f7ceca;
  color: #000;
}
#quiz-timer-wrapper #quiz-timer.timeleft15 {
  background-color: #f9dad7;
  color: #000;
}
#quiz-timer-wrapper #quiz-timer.timeleft16 {
  background-color: #fbe6e4;
  color: #000;
}
.path-mod-assign [data-region="grade-actions-panel"] [data-region="grade-actions"] .collapse-buttons {
  top: auto;
}
.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fcontainer .fitem.popout .felement {
  height: calc(100% - 4rem);
}
.path-mod-assign [data-region="grade-panel"] {
  padding-top: 1rem;
}
.path-mod-assign [data-region="grade-panel"] .fitem > .col-md-3, .path-mod-assign [data-region="grade-panel"] .fitem > .col-md-9 {
  width: 100%;
  padding: 0;
  max-width: 100%;
  flex: none;
}
.path-mod-assign [data-region="grade-panel"] fieldset, .path-mod-assign [data-region="grade-panel"] .fitem.row {
  margin: 0;
}
.path-mod-assign [data-region="grade-panel"] .mform .fitem.has-popout .felement {
  width: 100%;
  overflow: auto;
  height: calc(100% - 4rem);
}
.path-mod-assign [data-region="grade-panel"] .mform .fitem .felement {
  width: auto;
}
.path-mod-assign [data-region="grade-panel"] .popout {
  background-color: var(--bs-body-bg);
}
.path-mod-assign [data-region="grade-panel"] .fitem.has-popout {
  background-color: var(--bs-body-bg);
  border-radius: var(--bs-border-radius);
  border: var(--bs-border-width) solid var(--bs-border-color-translucent);
  padding: 1rem;
  margin-bottom: 1rem;
}
.path-mod-assign [data-region="grade-panel"] .has-popout .col-md-3 {
  border-bottom: var(--bs-border-width) solid;
  margin-bottom: 1rem;
}
.path-mod-assign [data-region="grade-panel"] .popout > .col-md-3 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  font-size: 1.40625rem;
}
.path-mod-assign [data-region="grade-panel"] .popout [data-region="popout-button"] {
  margin-top: 0;
}
.path-mod-assign [data-region="assignment-info"] {
  overflow-y: hidden;
}
.path-mod-assign [data-region="grading-navigation"] {
  padding: 6px;
}
.path-mod-assign [data-region="grade-actions"] {
  padding: 10px;
}
.path-mod-assign [data-region="user-info"] .img-rounded {
  margin-top: 0;
}
.path-mod-assign [data-region="grading-navigation-panel"] {
  height: 85px;
}
@media (max-width: 767px) {
  .path-mod-assign [data-region="grading-navigation-panel"] {
    height: auto;
  }
  .path-mod-assign [data-region="user-info"] {
    margin-top: 1rem;
  }
}
.path-mod-assign [data-region="grading-navigation"] [data-region="input-field"] input {
  width: auto;
  display: inline-block;
}
/**
 * Assign feedback.
 */
.assignfeedback_editpdf_widget * {
  box-sizing: content-box;
}
.assignfeedback_editpdf_widget button {
  box-sizing: border-box;
}
.assignfeedback_editpdf_widget .commentcolourbutton img {
  border-width: 0;
}
.assignfeedback_editpdf_widget .label {
  position: relative;
  padding: 1rem 1rem;
  margin-bottom: 1rem;
  border: var(--bs-border-width) solid transparent;
  color: #021f6f;
  border-color: #b3c2ea;
  border-radius: var(--bs-border-radius);
  background-color: #cdd6f1;
}
.assignfeedback_editpdf_menu {
  padding: 0;
}
.path-mod-assign [data-region="grade-panel"] .gradingform_guide .remark .commentchooser {
  float: none;
}
.path-mod-assign [data-region="grade-panel"] .gradingform_guide .markingguideremark {
  width: 100%;
}
.path-mod-assign [data-region="grade-panel"] .mform .fitem .felement[data-fieldtype="grading"] {
  padding-left: 1rem;
  padding-right: 1rem;
}
.path-mod-assign [data-region="grade-panel"] .showmarkerdesc, .path-mod-assign [data-region="grade-panel"] .showstudentdesc {
  background-color: var(--bs-body-bg);
}
.path-mod-assign .gradingtable thead tr {
  position: sticky;
  top: 60px;
  z-index: 1;
}
/**
 * Mod LTI.
 */
.path-admin-mod-lti .btn .loader img, .path-admin-mod-lti .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand .loader img, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .path-admin-mod-lti a.collapseexpand .loader img, .path-admin-mod-lti .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand .loader img, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .path-admin-mod-lti a.collapseexpand .loader img, .path-admin-mod-lti #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand .loader img, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .path-admin-mod-lti a.collapseexpand .loader img, .path-admin-mod-lti #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) a .loader img, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) .path-admin-mod-lti a .loader img, .path-admin-mod-lti #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging a .loader img, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging .path-admin-mod-lti a .loader img, .path-admin-mod-lti .activity-navigation #prev-activity-link .loader img, .activity-navigation .path-admin-mod-lti #prev-activity-link .loader img, .path-admin-mod-lti .activity-navigation #next-activity-link .loader img, .activity-navigation .path-admin-mod-lti #next-activity-link .loader img, .path-admin-mod-lti .section-navigation .prevsection a .loader img, .section-navigation .prevsection .path-admin-mod-lti a .loader img, .path-admin-mod-lti .section-navigation .nextsection a .loader img, .section-navigation .nextsection .path-admin-mod-lti a .loader img, .path-admin-mod-lti #tool-list-loader-container .loader img {
  height: auto;
}
/**
 * Mod Feedback.
 */
.path-mod-feedback span.feedback_info {
  font-weight: bold;
}
.path-mod-feedback span.feedback_depend {
  color: #AD1B00;
}
.path-mod-feedback hr.feedback_pagebreak {
  height: 4px;
  color: #6a737b;
  background-color: #6a737b;
  border: 0;
  margin: 0;
}
.path-mod-feedback .feedback_bar_image {
  height: 10px;
}
.path-mod-feedback #analysis-form label {
  display: inline;
}
.path-mod-feedback .templateslist td.cell.action {
  width: 10%;
}
.path-mod-feedback .templateslist th.header.action {
  width: 10%;
}
.path-mod-feedback .feedback-item-label {
  width: 100%;
}
.path-mod-feedback #feedback_edit_form [id*=_feedback_item_].feedback_itemlist, .path-mod-feedback #feedback_edit_form .feedback_itemlist.sortable-list-is-dragged {
  padding: 1rem;
  border: 1px solid #dee2e6;
  background-color: #fff;
  position: relative;
  border-radius: 0.5rem;
}
.path-mod-feedback #feedback_edit_form [id*=_feedback_item_].feedback_itemlist .itemname, .path-mod-feedback #feedback_edit_form .feedback_itemlist.sortable-list-is-dragged .itemname {
  margin-right: 2rem;
}
.path-mod-feedback #feedback_edit_form [id*=_feedback_item_].feedback_itemlist .itemactions, .path-mod-feedback #feedback_edit_form .feedback_itemlist.sortable-list-is-dragged .itemactions {
  position: absolute;
  top: 1rem;
  right: 1rem;
}
.path-mod-feedback #feedback_edit_form [id*=_feedback_item_].feedback_itemlist.sortable-list-current-position, .path-mod-feedback #feedback_edit_form .feedback_itemlist.sortable-list-is-dragged.sortable-list-current-position {
  background-color: #f8f9fa;
}
.path-mod-feedback #feedback_edit_form .sortable-list-is-dragged {
  opacity: 0.75;
  max-width: 75%;
}
.path-mod-feedback #feedback_edit_form .loading-icon {
  position: absolute;
  left: 50%;
  top: calc(50% - .5rem);
}
.path-mod-feedback#page-mod-feedback-manage_templates .coursetemplates .no-overflow, .path-mod-feedback#page-mod-feedback-manage_templates .publictemplates .no-overflow {
  overflow: visible;
}
.path-mod-feedback#page-mod-feedback-manage_templates .coursetemplates .action-menu .menubar, .path-mod-feedback#page-mod-feedback-manage_templates .publictemplates .action-menu .menubar {
  justify-content: end;
}
.path-mod-feedback table.analysis {
  width: 100%;
  border-top: 1px solid #dee2e6;
  margin-top: 10px;
}
.path-mod-feedback table.analysis.itemtype_textarea td {
  padding: 4px 0;
}
.path-mod-feedback table.analysis tr:first-child th {
  padding-top: 10px;
}
.path-mod-feedback table.analysis tr:hover {
  background: #dee2e6;
}
.path-mod-feedback table.analysis td.singlevalue:before, .path-mod-feedback table.analysis td.optionname:before {
  content: "- ";
}
.path-mod-feedback table.analysis tr.isempty {
  display: none;
}
.path-mod-feedback #showentrytable td.cell.completed_timemodified, .path-mod-feedback #showentryanontable td.cell.random_response {
  font-weight: bold;
}
.path-mod-feedback #showentrytable td.cell.userpic, .path-mod-feedback #showentrytable td.cell.deleteentry, .path-mod-feedback #showentryanontable td.cell.deleteentry {
  width: 10px;
}
.path-mod-feedback .response_navigation {
  margin: 0.5rem 0;
}
.path-mod-feedback .response_navigation a {
  display: block;
}
.path-mod-feedback .response_navigation a.back_to_list {
  text-align: center;
}
.path-mod-feedback .response_navigation .prev_response {
  text-align: left;
}
.path-mod-feedback .response_navigation .prev_response:before {
  /*rtl:raw:
                content: ' ► ';
                */
  /*rtl:remove*/
  content: " ◄ ";
}
.path-mod-feedback .response_navigation .next_response {
  text-align: right;
}
.path-mod-feedback .response_navigation .next_response:after {
  /*rtl:raw:
                content: ' ◄ ';
                */
  /*rtl:remove*/
  content: " ► ";
}
/* reports.less */
#page-report-participation-index .participationselectform div label {
  display: inline-block;
  margin: 0 5px;
}
#page-report-participation-index .participationselectform div label[for=menuinstanceid] {
  margin-left: 0;
}
#page-report-outline-index .font-lg {
  font-size: 1.03125rem;
}
#page-report-outline-index .generaltable tbody tr {
  background-color: #fff;
}
#page-report-outline-index .generaltable tbody tr.section {
  padding-left: 2rem;
}
#page-report-outline-index .generaltable tbody tr.section h3, #page-report-outline-index .generaltable tbody tr.section .h3 {
  font-size: 1.171875rem;
}
#page-report-outline-index .generaltable tbody tr.section h4, #page-report-outline-index .generaltable tbody tr.section .h4 {
  font-size: 1.03125rem;
}
#page-report-outline-index .generaltable tbody td.delegated {
  padding-left: 3.5rem;
}
#page-report-outline-user .section {
  border: 1px solid #dee2e6;
  border-radius: 1rem;
}
#page-report-outline-user .font-lg {
  font-size: 1.03125rem;
}
#page-report-log-index #menumodid option:disabled {
  color: #1f2428;
  font-weight: bolder;
}
.path-backup .mform {
  /* These are long labels with checkboxes on the right. */
}
.path-backup .mform .grouped_settings {
  clear: both;
  overflow: hidden;
  /* Use card styles but avoid extend because that brings in too much. */
}
.path-backup .mform .grouped_settings.section_level {
  background-color: var(--bs-body-bg);
  border-radius: var(--bs-border-radius);
  border: var(--bs-border-width) solid var(--bs-border-color-translucent);
  padding: 1rem;
  margin-bottom: 1rem;
}
.path-backup .mform .grouped_settings.section_level::after {
  display: block;
  clear: both;
  content: "";
}
.path-backup .mform .grouped_settings.subsection_level {
  background-color: var(--bs-body-bg);
  border-radius: var(--bs-border-radius);
  border: var(--bs-border-width) solid var(--bs-border-color-translucent);
  padding: 1rem;
  margin: 0 1rem 1rem 1rem;
}
.path-backup .mform .grouped_settings.subsection_level::after {
  display: block;
  clear: both;
  content: "";
}
.path-backup .mform .include_setting {
  width: 50%;
  display: inline-block;
  float: left;
  padding: 0.3rem;
}
.path-backup .mform .normal_setting {
  width: 50%;
  display: inline-block;
  float: left;
  padding: 0.3rem;
}
.path-backup {
  /* Bold section labels */
}
.path-backup .section_level {
  font-weight: bold;
}
.path-backup .section_level .activity_level {
  font-weight: normal;
}
.path-backup .proceedbutton {
  margin-left: auto;
}
/* Override the columns width to leave more room for the labels. */
.path-backup .mform fieldset {
  padding: 1rem 0;
}
.path-backup .mform .grouped_settings.activity_level {
  /* Striped rows like a table */
}
.path-backup .mform .grouped_settings.activity_level:nth-of-type(odd) {
  background-color: rgba(var(--bs-emphasis-color-rgb), 0.03);
}
.path-backup .mform .grouped_settings.activity_level:nth-of-type(even) {
  background-color: transparent;
}
.path-backup .mform .fcontainer .grouped_settings .fitem, .path-backup .mform .fcontainer .root_setting .fitem {
  margin: 0.25rem 0 !important;
  /* stylelint-disable declaration-no-important */
  /* These checkboxes with no label on the left. */
}
.path-backup .mform .fcontainer .grouped_settings .fitem .col-form-label, .path-backup .mform .fcontainer .root_setting .fitem .col-form-label {
  padding-top: 0;
}
.path-backup .mform .fcontainer .grouped_settings .fitem .col-md-3.checkbox, .path-backup .mform .fcontainer .root_setting .fitem .col-md-3.checkbox {
  width: 0%;
}
.path-backup .mform .fcontainer .grouped_settings .fitem .col-md-9.checkbox, .path-backup .mform .fcontainer .root_setting .fitem .col-md-9.checkbox {
  width: 100%;
  left: 0;
}
/* Detail pair is (usually) some short label with a longer value */
.path-backup .detail-pair .detail-pair-label {
  width: 25%;
  float: left;
  clear: left;
}
.path-backup .detail-pair .detail-pair-value {
  width: 75%;
  float: left;
}
.path-backup .backup-restore .singlebutton {
  float: right;
}
/* Make these bits full width and work with the detail-pair */
.path-backup .backup-section {
  /* Fix for nested table headers */
  /* Add card styles to backup sections */
  background-color: var(--bs-body-bg);
  border-radius: var(--bs-border-radius);
  border: var(--bs-border-width) solid var(--bs-border-color-translucent);
  padding: 1rem;
  margin-bottom: 1rem;
}
.path-backup .backup-section .sub-header, .path-backup .backup-section .backup-sub-section, .path-backup .backup-section .singlebutton, .path-backup .backup-section .header {
  width: 100%;
  float: left;
  clear: both;
}
.path-backup .backup-section th.header {
  width: auto;
  float: none;
}
.path-backup .backup-section ::after {
  content: "";
  display: table;
  clear: both;
}
.path-backup .backup-section::after {
  display: block;
  clear: both;
  content: "";
}
.path-backup .notification.dependencies_enforced {
  color: #AD1B00;
  font-weight: bold;
}
.path-backup .backup_progress {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.path-backup .backup_progress .backup_stage {
  color: var(--bs-secondary-color);
}
.path-backup .backup_progress .backup_stage.backup_stage_current {
  font-weight: bold;
  color: inherit;
}
.path-backup .backup_progress span.backup_stage.backup_stage_complete {
  color: inherit;
}
#page-backup-restore .filealiasesfailures {
  background-color: #efd1cc;
}
#page-backup-restore .filealiasesfailures .aliaseslist {
  background-color: #fff;
}
.path-backup .wibbler {
  width: 500px;
  margin: 0 auto 10px;
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
  border-left: 1px solid #000;
  position: relative;
  min-height: 4px;
}
.path-backup .wibbler .wibble {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 4px;
}
.path-backup .wibbler .state0 {
  background: #eee;
}
.path-backup .wibbler .state1 {
  background: #ddd;
}
.path-backup .wibbler .state2 {
  background: #ccc;
}
.path-backup .wibbler .state3 {
  background: #bbb;
}
.path-backup .wibbler .state4 {
  background: #aaa;
}
.path-backup .wibbler .state5 {
  background: #999;
}
.path-backup .wibbler .state6 {
  background: #888;
}
.path-backup .wibbler .state7 {
  background: #777;
}
.path-backup .wibbler .state8 {
  background: #666;
}
.path-backup .wibbler .state9 {
  background: #555;
}
.path-backup .wibbler .state10 {
  background: #444;
}
.path-backup .wibbler .state11 {
  background: #333;
}
.path-backup .wibbler .state12 {
  background: #222;
}
.generaltable {
  width: 100%;
  margin-bottom: 1rem;
  color: var(--bs-emphasis-color);
  background-color: var(--bs-body-bg);
}
.generaltable th, .generaltable td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: var(--bs-border-width) solid var(--bs-border-color);
}
.generaltable thead th, .generaltable thead td {
  vertical-align: bottom;
  border-bottom: calc(2 * var(--bs-border-width)) solid var(--bs-border-color);
}
.generaltable tbody + tbody {
  border-top: calc(2 * var(--bs-border-width)) solid var(--bs-border-color);
}
.generaltable.table-sm th, .generaltable.table-sm td {
  padding: 0.3rem;
}
.generaltable tbody tr:hover.dimmed_text a:not(.menu-action) {
  color: var(--bs-emphasis-color);
}
.generaltable tbody tr:hover td.sticky-column {
  background-color: rgba(var(--bs-emphasis-color-rgb), 0.075);
}
.generaltable tbody td, .generaltable tbody th {
  color: inherit;
  background-color: inherit;
}
table caption {
  font-size: 24px;
  font-weight: bold;
  line-height: 42px;
  text-align: left;
  caption-side: top;
}
table .sticky-column {
  position: sticky;
  left: 0;
  background-color: inherit;
}
.table-dynamic > .loading-icon {
  position: absolute;
  left: calc(50% - 1.5rem);
  top: 200px;
}
.table-dynamic > .loading-icon .icon {
  max-height: 3rem;
  max-width: 3rem;
  font-size: 3rem;
}
.table-responsive .dropdown {
  position: static !important;
  /* stylelint-disable-line declaration-no-important */
}
.table-responsive .table {
  margin-bottom: 0;
}
.table-responsive .table .visually-hidden, .table-responsive .table .accesshide {
  position: relative !important;
  /* stylelint-disable-line declaration-no-important */
  display: block;
}
/**
 * File buttons.scss.
 * Contains styles for buttons.
 */
.singlebutton {
  display: inline-block;
}
.singlebutton + .singlebutton {
  margin-left: 0.5rem;
}
.continuebutton {
  text-align: center;
}
p.arrow_button {
  margin-top: 5em;
  text-align: center;
}
#addcontrols {
  margin-top: 11.25rem;
  text-align: center;
  margin-bottom: 3em;
}
#addcontrols label {
  display: inline;
}
#addcontrols input, #removecontrols input {
  width: 100%;
  margin: auto;
}
.btn-lineup {
  margin: 0 0 10px 5px;
}
/* Small buttons should have the same border-radius as the normal buttons. */
.btn-sm, .btn-group-sm > .btn, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .btn-group-sm > a.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .btn-group-sm > a.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .btn-group-sm > a.collapseexpand, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) .btn-group-sm > a, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging .btn-group-sm > a, .activity-navigation .btn-group-sm > #prev-activity-link, .activity-navigation .btn-group-sm > #next-activity-link, .section-navigation .prevsection .btn-group-sm > a, .section-navigation .nextsection .btn-group-sm > a, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) a, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging a, .activity-navigation #prev-activity-link, .activity-navigation #next-activity-link, .section-navigation .prevsection a, .section-navigation .nextsection a {
  --bs-btn-border-radius: var(--bs-border-radius);
}
/**
 * Focus styles to improve Bootstrap default contrast.
 */
.btn:focus-visible, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand:focus-visible, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand:focus-visible, #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand:focus-visible, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) a:focus-visible, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging a:focus-visible, .activity-navigation #prev-activity-link:focus-visible, .activity-navigation #next-activity-link:focus-visible, .section-navigation .prevsection a:focus-visible, .section-navigation .nextsection a:focus-visible, .btn.focus, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.focus.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.focus.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.focus.collapseexpand, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) a.focus, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging a.focus, .activity-navigation .focus#prev-activity-link, .activity-navigation .focus#next-activity-link, .section-navigation .prevsection a.focus, .section-navigation .nextsection a.focus {
  outline: 0.25rem solid #5f6e7d;
  box-shadow: inset 0 0 0 2px #fff;
}
.btn-primary:focus-visible, .btn-primary.focus {
  outline: 0.25rem solid black;
  box-shadow: inset 0 0 0 2px #fff;
}
.btn-secondary:focus-visible, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand:focus-visible, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand:focus-visible, #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand:focus-visible, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) a:focus-visible, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging a:focus-visible, .activity-navigation #prev-activity-link:focus-visible, .activity-navigation #next-activity-link:focus-visible, .section-navigation .prevsection a:focus-visible, .section-navigation .nextsection a:focus-visible, .btn-secondary.focus, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.focus.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.focus.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.focus.collapseexpand, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) a.focus, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging a.focus, .activity-navigation .focus#prev-activity-link, .activity-navigation .focus#next-activity-link, .section-navigation .prevsection a.focus, .section-navigation .nextsection a.focus {
  outline: 0.25rem solid #5f6e7d;
  box-shadow: inset 0 0 0 2px #fff;
}
.btn-success:focus-visible, .btn-success.focus {
  outline: 0.25rem solid black;
  box-shadow: inset 0 0 0 2px #fff;
}
.btn-info:focus-visible, .btn-info.focus {
  outline: 0.25rem solid black;
  box-shadow: inset 0 0 0 2px #fff;
}
.btn-warning:focus-visible, .btn-warning.focus {
  outline: 0.25rem solid #231500;
  box-shadow: inset 0 0 0 2px #fff;
}
.btn-danger:focus-visible, .btn-danger.focus {
  outline: 0.25rem solid black;
  box-shadow: inset 0 0 0 2px #fff;
}
.btn-light:focus-visible, .btn-light.focus {
  outline: 0.25rem solid #8193a5;
  box-shadow: inset 0 0 0 2px #fff;
}
.btn-dark:focus-visible, .btn-dark.focus {
  outline: 0.25rem solid black;
  box-shadow: inset 0 0 0 2px #fff;
}
.btn-outline-primary:focus-visible, .btn-outline-primary.focus {
  outline: 0.25rem solid black;
  box-shadow: inset 0 0 0 2px #343a40;
}
.btn-outline-secondary:focus-visible, .btn-outline-secondary.focus {
  outline: 0.25rem solid #5f6e7d;
  box-shadow: inset 0 0 0 2px #343a40;
}
.btn-outline-success:focus-visible, .btn-outline-success.focus {
  outline: 0.25rem solid black;
  box-shadow: inset 0 0 0 2px #343a40;
}
.btn-outline-info:focus-visible, .btn-outline-info.focus {
  outline: 0.25rem solid black;
  box-shadow: inset 0 0 0 2px #343a40;
}
.btn-outline-warning:focus-visible, .btn-outline-warning.focus {
  outline: 0.25rem solid #231500;
  box-shadow: inset 0 0 0 2px #343a40;
}
.btn-outline-danger:focus-visible, .btn-outline-danger.focus {
  outline: 0.25rem solid black;
  box-shadow: inset 0 0 0 2px #343a40;
}
.btn-outline-light:focus-visible, .btn-outline-light.focus {
  outline: 0.25rem solid #8193a5;
  box-shadow: inset 0 0 0 2px #343a40;
}
.btn-outline-dark:focus-visible, .btn-outline-dark.focus {
  outline: 0.25rem solid black;
  box-shadow: inset 0 0 0 2px #343a40;
}
/**
 * Icon buttons.
 */
.btn-icon {
  --bs-btn-hover-bg: var(--bs-secondary-bg);
  --bs-btn-border-radius: var(--bs-border-radius);
  --bs-btn-padding-x: 0;
  --bs-btn-padding-y: 0;
  --bs-btn-font-size: 16px;
  height: calc(16px + 1rem);
  width: calc(16px + 1rem);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.btn-icon:focus-visible, .btn-icon.focus {
  outline: 0.25rem solid #5f6e7d;
  box-shadow: inset 0 0 0 2px #fff;
}
.btn-icon .icon {
  margin: 0;
}
.btn-icon.icon-size-0 {
  height: calc(0 + 1rem);
  width: calc(0 + 1rem);
  --bs-btn-font-size: 0;
  --bs-btn-line-height: 0;
}
.btn-icon.icon-size-1 {
  height: calc(4px + 1rem);
  width: calc(4px + 1rem);
  --bs-btn-font-size: 4px;
  --bs-btn-line-height: 4px;
}
.btn-icon.icon-size-2 {
  height: calc(8px + 1rem);
  width: calc(8px + 1rem);
  --bs-btn-font-size: 8px;
  --bs-btn-line-height: 8px;
}
.btn-icon.icon-size-3 {
  height: calc(16px + 1rem);
  width: calc(16px + 1rem);
  --bs-btn-font-size: 16px;
  --bs-btn-line-height: 16px;
}
.btn-icon.icon-size-4 {
  height: calc(24px + 1rem);
  width: calc(24px + 1rem);
  --bs-btn-font-size: 24px;
  --bs-btn-line-height: 24px;
}
.btn-icon.icon-size-5 {
  height: calc(32px + 1rem);
  width: calc(32px + 1rem);
  --bs-btn-font-size: 32px;
  --bs-btn-line-height: 32px;
}
.btn-icon.icon-size-6 {
  height: calc(40px + 1rem);
  width: calc(40px + 1rem);
  --bs-btn-font-size: 40px;
  --bs-btn-line-height: 40px;
}
.btn-icon.icon-size-7 {
  height: calc(48px + 1rem);
  width: calc(48px + 1rem);
  --bs-btn-font-size: 48px;
  --bs-btn-line-height: 48px;
}
/* Specific styles for the collapse/expand buttons. */
.btn-icon.icons-collapse-expand {
  color: #176B75;
  background-color: #e8f0f1;
}
.btn-icon.icons-collapse-expand:hover {
  outline: 2px solid #176B75;
}
.btn-icon.icons-collapse-expand:focus-visible, .btn-icon.icons-collapse-expand.focus {
  outline: 0.25rem solid #588a90;
  box-shadow: inset 0 0 0 2px #fff;
}
/**
 * Subtle buttons.
 */
.btn-subtle-primary {
  --bs-btn-font-weight: 700;
  --bs-btn-color: var(--bs-primary-text-emphasis);
  --bs-btn-bg: var(--bs-primary-bg-subtle);
  --bs-btn-active-color: var(--bs-primary-text-emphasis);
  --bs-btn-active-bg: var(--bs-primary-bg-subtle);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--bs-primary);
  --bs-btn-focus-shadow-rgb: 23, 107, 117;
}
.btn-subtle-primary:focus-visible, .btn-subtle-primary.focus {
  outline: 0.25rem solid black;
  box-shadow: inset 0 0 0 2px #fff;
}
.btn-subtle-secondary {
  --bs-btn-font-weight: 700;
  --bs-btn-color: var(--bs-secondary-text-emphasis);
  --bs-btn-bg: var(--bs-secondary-bg-subtle);
  --bs-btn-active-color: var(--bs-secondary-text-emphasis);
  --bs-btn-active-bg: var(--bs-secondary-bg-subtle);
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: var(--bs-secondary);
  --bs-btn-focus-shadow-rgb: 206, 212, 218;
}
.btn-subtle-secondary:focus-visible, .btn-subtle-secondary.focus {
  outline: 0.25rem solid #5f6e7d;
  box-shadow: inset 0 0 0 2px #fff;
}
.btn-subtle-success {
  --bs-btn-font-weight: 700;
  --bs-btn-color: var(--bs-success-text-emphasis);
  --bs-btn-bg: var(--bs-success-bg-subtle);
  --bs-btn-active-color: var(--bs-success-text-emphasis);
  --bs-btn-active-bg: var(--bs-success-bg-subtle);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--bs-success);
  --bs-btn-focus-shadow-rgb: 39, 110, 0;
}
.btn-subtle-success:focus-visible, .btn-subtle-success.focus {
  outline: 0.25rem solid black;
  box-shadow: inset 0 0 0 2px #fff;
}
.btn-subtle-info {
  --bs-btn-font-weight: 700;
  --bs-btn-color: var(--bs-info-text-emphasis);
  --bs-btn-bg: var(--bs-info-bg-subtle);
  --bs-btn-active-color: var(--bs-info-text-emphasis);
  --bs-btn-active-bg: var(--bs-info-bg-subtle);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--bs-info);
  --bs-btn-focus-shadow-rgb: 3, 51, 185;
}
.btn-subtle-info:focus-visible, .btn-subtle-info.focus {
  outline: 0.25rem solid black;
  box-shadow: inset 0 0 0 2px #fff;
}
.btn-subtle-warning {
  --bs-btn-font-weight: 700;
  --bs-btn-color: var(--bs-warning-text-emphasis);
  --bs-btn-bg: var(--bs-warning-bg-subtle);
  --bs-btn-active-color: var(--bs-warning-text-emphasis);
  --bs-btn-active-bg: var(--bs-warning-bg-subtle);
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: var(--bs-warning);
  --bs-btn-focus-shadow-rgb: 239, 145, 0;
}
.btn-subtle-warning:focus-visible, .btn-subtle-warning.focus {
  outline: 0.25rem solid #231500;
  box-shadow: inset 0 0 0 2px #fff;
}
.btn-subtle-danger {
  --bs-btn-font-weight: 700;
  --bs-btn-color: var(--bs-danger-text-emphasis);
  --bs-btn-bg: var(--bs-danger-bg-subtle);
  --bs-btn-active-color: var(--bs-danger-text-emphasis);
  --bs-btn-active-bg: var(--bs-danger-bg-subtle);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--bs-danger);
  --bs-btn-focus-shadow-rgb: 173, 27, 0;
}
.btn-subtle-danger:focus-visible, .btn-subtle-danger.focus {
  outline: 0.25rem solid black;
  box-shadow: inset 0 0 0 2px #fff;
}
.btn-subtle-light {
  --bs-btn-font-weight: 700;
  --bs-btn-color: var(--bs-light-text-emphasis);
  --bs-btn-bg: var(--bs-light-bg-subtle);
  --bs-btn-active-color: var(--bs-light-text-emphasis);
  --bs-btn-active-bg: var(--bs-light-bg-subtle);
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: var(--bs-light);
  --bs-btn-focus-shadow-rgb: 248, 249, 250;
}
.btn-subtle-light:focus-visible, .btn-subtle-light.focus {
  outline: 0.25rem solid #8193a5;
  box-shadow: inset 0 0 0 2px #fff;
}
.btn-subtle-dark {
  --bs-btn-font-weight: 700;
  --bs-btn-color: var(--bs-dark-text-emphasis);
  --bs-btn-bg: var(--bs-dark-bg-subtle);
  --bs-btn-active-color: var(--bs-dark-text-emphasis);
  --bs-btn-active-bg: var(--bs-dark-bg-subtle);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--bs-dark);
  --bs-btn-focus-shadow-rgb: 29, 33, 37;
}
.btn-subtle-dark:focus-visible, .btn-subtle-dark.focus {
  outline: 0.25rem solid black;
  box-shadow: inset 0 0 0 2px #fff;
}
.btn-subtle-body {
  --bs-btn-font-weight: 700;
  --bs-btn-color: var(--bs-body-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-color: var(--bs-border-color);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--bs-gray-600);
  --bs-btn-focus-shadow-rgb: 106, 115, 123;
}
.btn-subtle-body:focus-visible, .btn-subtle-body.focus {
  outline: 0.25rem solid #0c0d0d;
  box-shadow: inset 0 0 0 2px #fff;
}
.gradetreebox {
  margin: 20px 0 30px 0;
}
.gradetreebox h4, .gradetreebox .h4 {
  font-size: 0.9375rem;
}
.gradetreebox th.cell, .gradetreebox input[type=text] {
  width: auto;
}
.gradetreebox input[type=text], .gradetreebox select {
  margin-bottom: 0;
}
.core_grades_notices .singlebutton {
  display: inline-block;
}
.path-grade-report #maincontent + .urlselect {
  position: absolute;
  left: 40vw;
}
.path-grade-report-grader #region-main {
  min-width: 100%;
  width: auto;
  display: flex;
  flex-direction: column;
}
.path-grade-report-grader #region-main > .card {
  width: auto;
  overflow-x: initial;
}
.path-grade-report-grader #region-main div[role="main"] {
  flex: 1 1 auto;
}
.path-grade-report-grader [data-region="blocks-column"] {
  width: 100%;
  clear: both;
}
.path-grade-report-grader .gradepass, .path-grade-report-user .gradepass {
  color: #276E00;
}
.path-grade-report-grader .gradefail, .path-grade-report-user .gradefail {
  color: #AD1B00;
}
.path-grade #region-main {
  overflow-x: visible;
}
.path-grade .user-heading .userinitials {
  width: 50px;
  height: 50px;
}
#page-grade-grading-manage #activemethodselector label {
  display: inline-block;
}
#page-grade-grading-manage #activemethodselector .helptooltip {
  margin-right: 0.5em;
}
#page-grade-grading-manage .actions {
  display: block;
  text-align: center;
  margin-bottom: 1em;
}
#page-grade-grading-manage .actions .action {
  display: inline-block;
  position: relative;
  vertical-align: top;
  width: 150px;
  text-align: center;
  overflow: hidden;
  margin: 0.5em;
  padding: 1em;
  border: 1px solid #aaa;
}
#page-grade-grading-manage .actions .action .action-text {
  position: relative;
  top: 0.4em;
  font-size: 14px;
  white-space: normal;
}
#page-grade-grading-form-rubric-edit .gradingform_rubric_editform .status {
  font-size: 70%;
}
.gradingform_rubric {
  margin-bottom: 1em;
}
.gradingform_rubric.evaluate .criterion .levels .level:hover, .gradingform_rubric.evaluate .criterion .levels .level.checked {
  background: #dff0d8;
}
.gradingform_rubric.evaluate .criterion .levels .level.checked {
  border: none;
  border-left: 1px solid #dee2e6;
}
.gradingform_rubric .criterion .description {
  vertical-align: top;
  padding: 6px;
}
.gradingform_rubric .criterion .description textarea {
  margin-bottom: 0;
  height: 115px;
}
.gradingform_rubric .criterion .definition textarea {
  width: 80%;
  margin-bottom: 0;
}
.gradingform_rubric .criterion .score {
  margin-top: 5px;
  margin-right: 28px;
  font-style: italic;
  font-weight: bold;
  color: #1f5800;
}
.gradingform_rubric .criterion .score input {
  margin-bottom: 0;
}
.gradingform_rubric .criterion .level {
  vertical-align: top;
  padding: 6px;
}
.gradingform_rubric .criterion .level.currentchecked {
  background: #fff0f0;
}
.gradingform_rubric .criterion .level.checked {
  background: #d0ffd0;
  border: 1px solid #555;
}
.gradingform_rubric .criterion .level .delete {
  position: relative;
  width: 32px;
  height: 32px;
  margin-top: -32px;
  clear: both;
  float: right;
}
.gradingform_rubric .criterion .level .delete input {
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  height: 24px;
  width: 24px;
  margin: 0;
}
.gradingform_rubric .criterion .level .delete input:hover {
  background-color: #ddd;
}
.gradingform_rubric .criterion .scorevalue input {
  float: none;
  width: 2em;
}
.gradingform_rubric .criterion .scorevalue input.hiddenelement, .gradingform_rubric .criterion .scorevalue input.pseudotablink {
  width: 0;
}
.gradingform_rubric .options {
  clear: both;
}
.gradingform_rubric .options .option label {
  margin: 0;
  padding: 0;
  font-size: inherit;
  font-weight: normal;
  line-height: 2em;
  color: inherit;
  text-shadow: none;
  background-color: transparent;
}
.gradingform_rubric .options .option input {
  margin-left: 5px;
  margin-right: 12px;
}
.grade-display .description {
  font-size: 1rem;
}
.criterion .description {
  font-size: 1rem;
}
.criterion .criterion-toggle .expanded-icon {
  display: block;
}
.criterion .criterion-toggle .collapsed-icon {
  display: none;
}
.criterion .criterion-toggle.collapsed .expanded-icon {
  display: none;
}
.criterion .criterion-toggle.collapsed .collapsed-icon {
  display: block;
}
.path-grade-edit-tree .collapse-list .unlist {
  padding-left: 2rem;
}
.path-grade-edit-tree .collapse-list .unlist [data-for="sectionnode"]:focus > .collapse-list-item:first-child {
  background-color: #e6ebf8;
  border-color: #b3c2ea;
}
.path-grade-edit-tree .collapse-list .unlist [data-for="sectionnode"][data-selected="true"] > .collapse-list-item:first-child {
  background-color: #e6ebf8;
  border-color: #b3c2ea;
  color: #0f6cbf;
}
.path-grade-edit-tree .collapse-list .unlist [data-for="sectionnode"] .collapse-list-item-content[aria-hidden="true"] {
  display: none;
}
.path-grade-edit-tree .collapse-list .unlist [data-for="sectionnode"][aria-expanded="true"] > .collapse-list-item .collapsed-icon {
  display: none;
}
.path-grade-edit-tree .collapse-list .unlist [data-for="sectionnode"][aria-expanded="false"] > .collapse-list-item .expanded-icon {
  display: none;
}
.path-grade-edit-tree .collapse-list .unlist .collapse-list-item {
  padding: 0.5rem 1rem;
  cursor: pointer;
}
.path-grade-edit-tree .collapse-list .unlist .collapse-list-item .collapse-list-item-name {
  font-weight: bold;
}
.path-grade-edit-tree .collapse-list .unlist .collapse-list-item .collapse-list-link {
  color: #1d2125;
  padding: 0 0.2rem;
  margin-right: 0.3rem;
}
.path-grade-edit-tree .collapse-list .unlist .collapse-list-item .collapse-list-link i {
  font-size: 12px;
  width: 12px;
  height: 12px;
  margin: 0;
}
.path-grade-edit-tree .gradetree-wrapper {
  padding: 10px 10px;
  background-color: #f8f9fa;
}
.path-grade-edit-tree .gradetree-wrapper .setup-grades h4, .path-grade-edit-tree .gradetree-wrapper .setup-grades .h4 {
  margin: 0;
}
.path-grade-edit-tree .gradetree-wrapper .setup-grades .column-rowspan {
  padding: 0;
  width: 24px;
  min-width: 24px;
  max-width: 24px;
}
.path-grade-edit-tree .gradetree-wrapper .setup-grades .emptyrow {
  display: none;
}
.path-grade-edit-tree .gradetree-wrapper .setup-grades .gradeitemdescription {
  font-weight: normal;
  padding-left: 24px;
}
.path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.spacer {
  height: 0.5rem;
}
.path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr[data-hidden="true"] {
  display: none;
}
.path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr th {
  vertical-align: bottom;
  border: none;
  text-align: left;
  background-color: #f8f9fa;
}
.path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr th.rowspan {
  padding: 0;
  width: 24px;
  min-width: 24px;
}
.path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td {
  min-width: 4.5em;
  background-color: #f8f9fa;
  border: none;
  vertical-align: middle;
}
.path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.column-name .small, .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.column-name .pagelayout-frontpage .theme_boost_union-coursecategoryinfo, .pagelayout-frontpage .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.column-name .theme_boost_union-coursecategoryinfo, .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.column-name .pagelayout-coursecategory .theme_boost_union-coursecategoryinfo, .pagelayout-coursecategory .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.column-name .theme_boost_union-coursecategoryinfo, .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.column-name #page-course-search .theme_boost_union-coursecategoryinfo, #page-course-search .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.column-name .theme_boost_union-coursecategoryinfo {
  font-size: 70%;
}
.path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.column-name .itemselect {
  margin-right: 15px;
}
.path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.column-weight {
  min-width: 15em;
}
.path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.column-weight .weightoverride {
  margin-right: 5px;
}
.path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.column-actions .dropdown-toggle::after {
  display: none;
}
.path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.movehere {
  padding: 0;
}
.path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.movehere a.movehere {
  display: block;
  width: 100%;
  margin: 5px 0 5px 0;
  padding: 3px 0 3px 0;
}
.path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.movehere a.movehere hr {
  border-top: 2px dashed #8f959e;
  margin: 0;
}
.path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.movehere a.movehere:hover hr {
  border-top: 2px dashed #0f6cbf;
}
.path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td {
  background-color: #fff;
  border-top: 1px solid #dee2e6;
  border-bottom: 1px solid #dee2e6;
}
.path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td:first-child {
  border-left: 1px solid #dee2e6;
}
.path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td:last-child {
  border-right: 1px solid #dee2e6;
}
.path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td.column-name {
  font-weight: bold;
}
.path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td.column-name div {
  display: flex;
  min-height: 30px;
  align-items: center;
}
.path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td.column-name div a.toggle-category {
  height: 24px;
  width: 24px;
  font-size: 12px;
  line-height: 24px;
  margin-right: 3px;
}
.path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td.column-name div a.toggle-category[aria-expanded="true"] .expanded, .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td.column-name div a.toggle-category[aria-expanded="false"] .collapsed {
  display: none;
}
.path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td.column-name div a.toggle-category i {
  font-size: 12px;
  width: 12px;
  height: 12px;
  color: #1d2125;
  margin: 0;
}
.path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.item td {
  background-color: #fff;
  border-top: 3px solid #f8f9fa;
}
.path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.item.categoryitem td, .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.item.courseitem td {
  min-width: 4.5em;
  background-color: #f8f9fa;
  border: none;
  vertical-align: middle;
}
.path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.item.categoryitem td.column-name, .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.item.courseitem td.column-name {
  padding-left: 0;
}
.path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.item.categoryitem td:not(.column-actions), .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.item.courseitem td:not(.column-actions) {
  font-weight: bold;
}
.path-grade-edit-tree .gradetree-wrapper .badge-light {
  color: #1d2125;
  background-color: #ced4da;
  margin-right: 0.5em;
  margin-bottom: 0.5em;
}
/**
 * Grader report.
 */
.path-grade-report-grader .gradeparent tr .cell, .path-grade-report-grader .gradeparent .floater .cell {
  background-color: var(--bs-body-bg);
}
.path-grade-report-grader .gradeparent tr .cell.gradecell .dropdown-menu.show, .path-grade-report-grader .gradeparent .floater .cell.gradecell .dropdown-menu.show {
  z-index: 1;
}
.path-grade-report-grader .gradeparent table, .path-grade-report-grader .gradeparent .cell {
  border-color: var(--bs-border-color);
}
.path-grade-report-grader .gradeparent .heading .cell, .path-grade-report-grader .gradeparent .cell.category, .path-grade-report-grader .gradeparent .avg .cell {
  background-color: #f8f9fa;
}
.path-grade-report-grader .gradeparent table .clickable {
  cursor: pointer;
}
.path-grade-report-grader .gradeparent tr.heading {
  position: sticky;
  top: 60px;
  z-index: 4;
}
.path-grade-report-grader .gradeparent tr.userrow th {
  z-index: 2;
}
.path-grade-report-grader .gradeparent tr.userrow th.actions-menu-active {
  z-index: 3;
}
.path-grade-report-grader .gradeparent tr.lastrow:not(.userrow) {
  position: sticky;
  bottom: -1px;
}
.path-grade-report-grader .gradeparent tr.lastrow:not(.userrow).pinned {
  z-index: 4;
}
.path-grade-report-grader .gradeparent tr.lastrow td, .path-grade-report-grader .gradeparent tr.lastrow th {
  border-top: 1px solid var(--bs-border-color);
}
.path-grade-report-grader .gradeparent th.header {
  left: 0;
  position: sticky;
}
.path-grade-report-grader .gradeparent th.header#studentheader {
  z-index: 1;
}
.path-grade-report-grader .gradeparent td.noborder {
  border-right: transparent;
}
.path-grade-report-grader.hasstickyfooter .gradeparent tr.lastrow {
  bottom: calc(calc(max(80px, calc(0.9375rem * 3))) - 1px);
}
/**
 * User report.
 */
.path-grade-report-user .user-grade {
  border: none;
}
.path-grade-report-user .user-grade.generaltable .levelodd {
  background-color: transparent;
}
.path-grade-report-user .user-grade.generaltable .leveleven {
  background-color: var(--bs-body-bg);
}
.path-grade-report-user .user-grade .column-contributiontocoursetotal, .path-grade-report-user .user-grade .column-range, .path-grade-report-user .user-grade .column-percentage, .path-grade-report-user .user-grade .column-weight {
  /*rtl:ignore*/
  direction: ltr;
}
/**
 * Single view.
 */
.path-grade-report-singleview .reporttable input[name^="finalgrade"] {
  width: 80px;
  display: inline-block;
}
.path-grade-report-singleview .reporttable .action-menu {
  display: inline-block;
  margin-left: 0.5rem;
  float: right;
}
.path-grade-report-singleview .reporttable .dropdown-toggle::after {
  display: none;
}
.gradereport-grader-table input[name^="grade"] {
  width: 80px;
  display: inline-block;
}
.gradereport-grader-table .dropdown-toggle::after {
  display: none;
}
.path-grade .groupsearchdropdown.dropdown-menu {
  width: 400px;
}
.search-widget .dropdown-menu {
  padding: 0.8rem 1.2rem;
}
.search-widget .dropdown-menu.wide {
  width: 350px;
}
.search-widget .dropdown-menu.narrow {
  width: 250px;
}
.search-widget .dropdown-menu .dropdown-item span.email {
  color: var(--bs-secondary-color);
}
.search-widget .dropdown-menu .dropdown-item:hover span, .search-widget .dropdown-menu .dropdown-item:active span {
  color: #fff;
}
.search-widget .dropdown-menu .searchresultscontainer {
  height: 178px;
  font-size: 90%;
}
.search-widget .dropdown-menu .searchresultscontainer .searchresultitemscontainer {
  height: 178px;
  max-height: 178px;
  overflow: auto;
}
.search-widget .dropdown-menu .unsearchablecontentcontainer {
  border-top: 1px solid #dee2e6;
  padding-top: 10px;
  font-size: 90%;
}
#fitem_id_submitbutton {
  padding-right: 2em;
}
.gradestatus {
  padding-top: 10px;
}
.gradestatus .icon {
  margin-right: 1rem;
}
.columns-autoflow-1to1to1 {
  column-count: 3;
}
@media (max-width: 767px) {
  .columns-autoflow-1to1to1 {
    column-count: 1;
  }
}
/* some very targetted corrections to roll back nameclashes between
 * Moodle and Bootstrap like .row, .label, .content, .controls
 *
 * Mostly relies on these styles being more specific than the Bootstrap
 * ones in order to overule them.
 */
li.activity.label, .file-picker td.label {
  background: inherit;
  color: inherit;
  text-shadow: none;
  white-space: normal;
  display: block;
  font-size: inherit;
  line-height: inherit;
  text-align: inherit;
}
.file-picker td.label {
  border: inherit;
  display: table-cell;
  text-align: right;
  padding: 8px;
}
.choosercontainer #chooseform .option {
  font-size: 12px;
}
/* block.invisible vs .invisible
 * block.hidden vs .invisible
 *
 * uses .invisible where the rest of Moodle uses @mixin dimmed
 * fixible in block renderer?
 *
 * There's seems to be even more naming confusion here since,
 * blocks can be actually 'visible' (or not) to students,
 * marked 'visible' but really just dimmed to indicate to editors
 * that students can't see them or  'visible' to the user who
 * collapses them, 'visible' if you have the right role and in
 * different circumstances different sections of a block can
 * be 'visible' or not.
 *
 * currently worked around in renderers.php function block{}
 * by rewriting the class name "invisible" to "dimmed",
 * though the blocks don't look particularly different apart
 * from their contents disappearing. Maybe try .muted? or
 * dimming all the edit icons apart from unhide, might be a
 * nice effect, though they'd still be active. Maybe reverse
 * it to white?
 */
.section.hidden, .block.hidden, .block.invisible {
  visibility: visible;
  display: block;
}
/* .row vs .row
 *
 * very tricky to track down this when it goes wrong,
 * since the styles are applied to generated content
 *
 * basically if you see things shifted left or right compared
 * with where they should be check for a .row
 */
.forumpost .row {
  margin-left: 0 !important;
  /* stylelint-disable-line declaration-no-important */
}
.forumpost .row:before, .forumpost .row:after {
  content: none;
}
/* fieldset.hidden vs .hidden
 *
 * Moodle uses fieldset.hidden for mforms, to signify a collection of
 * form elements that don't have a box drawn round them. Bootstrap
 * uses hidden for stuff that is hidden in various responsive modes.
 *
 * Relatedly, there is also fieldset.invisiblefieldset which hides the
 * border and sets the display to inline.
 *
 * Originally this just set block and visible, but it is used
 * in random question dialogue in Quiz,
 * that dialogue is hidden and shown, so when hidden the
 * above workaround leaves you with a button floating around
 */
fieldset.hidden {
  display: inherit;
  visibility: inherit;
}
/* .container vs .container
 *
 * bootstrap uses .container to set the width of the layout at 960px or so, Moodle uses it
 * in the Quiz to contain the questions to add. If you don't overule the Bootstrap code,
 * it becomes near unuseable.
 */
#questionbank + .container {
  width: auto;
}
body:not(.jsenabled) .dropdown:hover > .dropdown-menu {
  display: block;
  margin-top: -6px;
}
body:not(.jsenabled) .langmenu:hover > .dropdown-menu, .langmenu.open > .dropdown-menu {
  display: block;
  max-height: 150px;
  overflow-y: auto;
}
.navbar.fixed-top .dropdown .dropdown-menu {
  max-height: calc(100vh - 60px);
  overflow-y: auto;
}
.page-item.active .page-link, .page-item.active .page-link:hover, .page-item.active .page-link:focus {
  z-index: inherit;
}
.form-select {
  word-wrap: normal;
}
/**
 * Reset all of the forced style on the page.
 * - Remove borders on header and content.
 * - Remove most of the vertical padding.
 * - Make the content region flex grow so it pushes things like the
 *   next activity selector to the bottom of the page.
 */
body.reset-style #page-header .card {
  border: none;
}
body.reset-style #page-header .card .page-header-headings h1, body.reset-style #page-header .card .page-header-headings .h1 {
  margin-bottom: 0;
}
@media (max-width: 767.98px) {
  body.reset-style #page-header .card .card-body {
    padding-left: 0;
    padding-right: 0;
  }
}
body.reset-style #page-header > div {
  padding-top: 0 !important;
  /* stylelint-disable-line declaration-no-important */
  padding-bottom: 0 !important;
  /* stylelint-disable-line declaration-no-important */
}
body.reset-style #page-content {
  padding-bottom: 0 !important;
  /* stylelint-disable-line declaration-no-important */
}
body.reset-style #page-content #region-main-box #region-main {
  border: none;
  display: inline-flex;
  flex-direction: column;
  padding: 0;
  height: 100%;
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
  vertical-align: top;
}
body.reset-style #page-content #region-main-box #region-main div[role="main"] {
  flex: 1 0 auto;
}
body.reset-style #page-content #region-main-box #region-main .activity-navigation {
  overflow: hidden;
}
body.reset-style #page-content #region-main-box #region-main.has-blocks {
  width: calc(100% - calc(360px + (1.5rem * 0.5)));
}
@media (max-width: 1199.98px) {
  body.reset-style #page-content #region-main-box #region-main.has-blocks {
    width: 100%;
  }
}
@media (max-width: 767.98px) {
  body.reset-style #page-content #region-main-box #region-main {
    padding-left: 0;
    padding-right: 0;
  }
}
body.reset-style #page-content #region-main-box [data-region="blocks-column"] {
  margin-left: auto;
}
@media (max-width: 1199.98px) {
  body.reset-style #page-content #region-main-box {
    display: flex;
    flex-direction: column;
  }
}
body.reset-style select, body.reset-style input, body.reset-style textarea, body.reset-style .btn:not(.btn-icon), body.reset-style .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand:not(.btn-icon), .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions body.reset-style a.collapseexpand:not(.btn-icon), body.reset-style .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand:not(.btn-icon), .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions body.reset-style a.collapseexpand:not(.btn-icon), body.reset-style #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand:not(.btn-icon), #page-course-search .theme_boost_union-catlisting > .collapsible-actions body.reset-style a.collapseexpand:not(.btn-icon), body.reset-style #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) a:not(.btn-icon), #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) body.reset-style a:not(.btn-icon), body.reset-style #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging a:not(.btn-icon), #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging body.reset-style a:not(.btn-icon), body.reset-style .activity-navigation #prev-activity-link:not(.btn-icon), .activity-navigation body.reset-style #prev-activity-link:not(.btn-icon), body.reset-style .activity-navigation #next-activity-link:not(.btn-icon), .activity-navigation body.reset-style #next-activity-link:not(.btn-icon), body.reset-style .section-navigation .prevsection a:not(.btn-icon), .section-navigation .prevsection body.reset-style a:not(.btn-icon), body.reset-style .section-navigation .nextsection a:not(.btn-icon), .section-navigation .nextsection body.reset-style a:not(.btn-icon) {
  border-radius: 0.6rem;
}
/**
 * Reset the Bootstrap _reboot.scss styles for tables.
 * That reboot mainly affects tables added by the tiny editor.
 * If a table should continue using the original _reboot.scss styles, add the .table-reboot (styleless) class to opt out
 * of this reset.
 */
table:not(.table):not(.ygtvtable):not(.table-reboot):not(.yui3-datatable-table) thead, table:not(.table):not(.ygtvtable):not(.table-reboot):not(.yui3-datatable-table) tbody, table:not(.table):not(.ygtvtable):not(.table-reboot):not(.yui3-datatable-table) tfoot, table:not(.table):not(.ygtvtable):not(.table-reboot):not(.yui3-datatable-table) tr, table:not(.table):not(.ygtvtable):not(.table-reboot):not(.yui3-datatable-table) td, table:not(.table):not(.ygtvtable):not(.table-reboot):not(.yui3-datatable-table) th {
  border-color: var(--bs-border-color);
  border-style: solid;
  border-width: var(--bs-border-width);
}
body.behat-site .fixed-top {
  position: absolute;
}
body.behat-site.hasstickyfooter .stickyfooter, body.behat-site .stickyfooter {
  position: inherit;
  z-index: inherit;
}
body.behat-site.hasstickyfooter .stickyfooter .sticky-footer-content-wrapper, body.behat-site .stickyfooter .sticky-footer-content-wrapper {
  padding: 0;
  margin: 0;
}
body.behat-site .dropdown-item {
  margin-top: 4px !important;
  /* stylelint-disable declaration-no-important */
}
body.behat-site.drawer-ease {
  -webkit-transition: initial;
  -moz-transition: initial;
  transition: initial;
}
body.behat-site [data-region="drawer"] {
  -webkit-transition: initial;
  -moz-transition: initial;
  transition: initial;
  position: absolute;
}
body.behat-site [data-region="message-drawer"] {
  padding-right: 10px;
}
body.behat-site.jsenabled #page-footer .footer-content-popover {
  display: block;
}
body.behat-site.path-grade-report-grader .gradeparent tr.heading, body.behat-site.path-grade-report-grader .gradeparent tr.lastrow, body.behat-site.path-grade-report-grader .gradeparent th.header {
  position: relative;
  left: auto;
}
body.behat-site.path-grade-report-grader .gradeparent tr.heading {
  top: auto;
}
.phpinfo table, .phpinfo th, .phpinfo h2, .phpinfo .h2 {
  margin: auto;
}
.phpinfo .e, .phpinfo .v, .phpinfo .h {
  border: 1px solid #000;
  font-size: 0.8em;
  vertical-align: baseline;
  color: #000;
  background-color: #ccc;
}
.phpinfo .e {
  background-color: #ccf;
  font-weight: bold;
}
.phpinfo .h {
  background-color: #99c;
  font-weight: bold;
}
body > .debuggingmessage {
  margin-top: 60px;
}
body > .debuggingmessage ~ .debuggingmessage {
  margin-top: 0.5rem;
}
/**
 * This file contains the styles required to make the footer sticky.
 */
html, body {
  height: 100%;
}
.stickyfooter {
  position: fixed;
  right: 0;
  left: 0;
  height: calc(max(80px, calc(0.9375rem * 3)));
  bottom: calc(calc(max(80px, calc(0.9375rem * 3))) * -1);
  transition: bottom 0.5s;
  z-index: 3;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.15);
  font-size: calc(0.9375rem * 1.10);
}
.stickyfooter .sticky-footer-content {
  overflow: hidden;
}
@media (min-width: 768px) {
  .pagelayout-standard .stickyfooter .sticky-footer-content, body.limitedwidth.uses-drawers .stickyfooter .sticky-footer-content {
    max-width: 75%;
  }
}
.stickyfooter .sticky-footer-content-wrapper {
  transition: 0.2s;
}
@media (prefers-reduced-motion: reduce) {
  .stickyfooter .sticky-footer-content-wrapper {
    transition: none;
  }
}
@media (min-width: 992px) {
  .stickyfooter .sticky-footer-content-wrapper .drawers {
    padding: 0 3rem;
  }
  .show-drawer-left .stickyfooter .sticky-footer-content-wrapper {
    margin-left: 285px;
    padding: 0 3rem 0 1rem;
  }
  .show-drawer-right .stickyfooter .sticky-footer-content-wrapper {
    margin-right: 315px;
    padding: 0 1rem 0 3rem;
  }
  .show-drawer-right.show-drawer-left .stickyfooter .sticky-footer-content-wrapper {
    padding: 0 1rem;
  }
}
.hasstickyfooter .stickyfooter {
  bottom: 0;
}
/* Standard components fixes for sticky footer. */
.stickyfooter ul.pagination {
  margin-bottom: 0.25rem;
}
.stickyfooter .btn, .stickyfooter .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .stickyfooter a.collapseexpand, .stickyfooter .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .stickyfooter a.collapseexpand, .stickyfooter #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .stickyfooter a.collapseexpand, .stickyfooter #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) a, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) .stickyfooter a, .stickyfooter #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging a, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging .stickyfooter a, .stickyfooter .activity-navigation #prev-activity-link, .activity-navigation .stickyfooter #prev-activity-link, .stickyfooter .activity-navigation #next-activity-link, .activity-navigation .stickyfooter #next-activity-link, .stickyfooter .section-navigation .prevsection a, .section-navigation .prevsection .stickyfooter a, .stickyfooter .section-navigation .nextsection a, .section-navigation .nextsection .stickyfooter a {
  font-size: calc(0.9375rem * 1.10);
}
/* Breakpoints fixes. */
@media (min-width: 576px) {
  #page-wrapper {
    height: 100%;
    display: flex;
    flex-direction: column;
  }
  #page-wrapper #page {
    display: flex;
    flex-direction: column;
  }
  #page-wrapper #page:not(.drawers) {
    flex: 1 0 auto;
  }
  #page-wrapper #page #page-content {
    flex: 1 0 auto;
  }
  #page-wrapper #page-footer {
    flex-shrink: 0;
  }
}
@media (max-width: 767.98px) {
  #page-wrapper {
    height: 100%;
    display: flex;
    flex-direction: column;
  }
  #page-wrapper #page {
    display: flex;
    flex-direction: column;
  }
  #page-wrapper #page:not(.drawers) {
    flex: 1 0 auto;
  }
}
.popover-region {
  position: relative;
}
.popover-region.collapsed .popover-region-toggle:before, .popover-region.collapsed .popover-region-toggle:after {
  display: none;
}
.popover-region.collapsed .popover-region-container {
  opacity: 0;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  transition: height 0.25s, opacity 101ms 0.25s, visibility 101ms 0.25s;
}
.popover-region-toggle {
  cursor: pointer;
}
.popover-region-toggle::before {
  content: "";
  display: inline-block;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #ddd;
  position: absolute;
  bottom: 0;
  right: 7px;
}
.popover-region-toggle::after {
  content: "";
  display: inline-block;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-bottom: 9px solid #fff;
  position: absolute;
  bottom: -1px;
  right: 8px;
  z-index: 2;
}
.count-container {
  padding: 2px;
  border-radius: 2px;
  background-color: #AD1B00;
  color: #fff;
  font-size: 11px;
  line-height: 11px;
  position: absolute;
  top: 5px;
  right: 0;
}
.popover-region-container {
  opacity: 1;
  visibility: visible;
  position: absolute;
  right: 0;
  top: 0;
  height: 500px;
  max-height: 80vh;
  width: 380px;
  border: 1px solid #ddd;
  transition: height 0.25s;
  background-color: #fff;
  z-index: 1;
}
.popover-region-header-container {
  height: 25px;
  line-height: 25px;
  padding-left: 5px;
  padding-right: 5px;
  border-bottom: 1px solid #ddd;
  box-sizing: border-box;
}
.popover-region-footer-container {
  height: 30px;
  text-align: center;
  border-top: 1px solid #ddd;
  background-color: var(--bs-body-bg);
  padding-top: 3px;
}
.popover-region-header-text {
  float: left;
  margin: 0;
  font-size: 14px;
  line-height: 25px;
}
.popover-region-header-actions {
  float: right;
}
.popover-region-header-actions > * {
  margin-left: 10px;
  min-width: 20px;
  display: inline-block;
}
.popover-region-header-actions .loading-icon {
  display: none;
  height: 12px;
  width: 12px;
}
.popover-region-header-actions .newmessage-link {
  margin-right: 10px;
}
.popover-region-header-actions label {
  display: inline-block;
  text-align: center;
  margin-bottom: 0;
}
.popover-region-content-container {
  height: calc(100% - 55px);
  width: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.popover-region-content-container > .loading-icon {
  display: none;
  text-align: center;
  padding: 5px;
  box-sizing: border-box;
}
.popover-region-content-container .empty-message {
  display: none;
  text-align: center;
  padding: 10px;
}
.popover-region-content-container.loading > .loading-icon {
  display: block;
}
.popover-region-content-container.loading .empty-message {
  display: none;
}
.navbar-nav .popover-region .icon {
  font-weight: bolder;
}
.navbar .popover-region.collapsed .popover-region-container {
  opacity: 0;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  transition: height 0.25s, opacity 101ms 0.25s, visibility 101ms 0.25s;
}
.navbar .count-container {
  padding: 2px;
  border-radius: 2px;
  background-color: #AD1B00;
  color: #fff;
  font-size: 11px;
  line-height: 11px;
  position: absolute;
  top: 15px;
  right: 0;
}
.navbar .popover-region-container {
  top: 60px;
}
.content-item-container {
  width: 100%;
  border-bottom: 1px solid #ddd;
  box-sizing: border-box;
  padding: 5px;
  position: relative;
  margin: 0;
  display: block;
  color: inherit;
  text-decoration: none;
}
.content-item-container:hover {
  color: #fff;
  background-color: #176B75;
}
.content-item-container:hover .content-item-footer .timestamp {
  color: #fff;
}
.content-item-container:hover .view-more {
  color: inherit;
}
.content-item-container.unread {
  margin: 0;
  background-color: #f4f4f4;
}
.content-item-container.unread:hover {
  color: #fff;
  background-color: #176B75;
}
.content-item-container.unread .content-item-body .notification-message {
  font-weight: 600;
}
.content-item-container .context-link {
  color: inherit;
  text-decoration: none;
}
.content-item-container .content-item-body {
  box-sizing: border-box;
  margin-bottom: 5px;
}
.content-item-container .content-item-footer {
  text-align: left;
  box-sizing: border-box;
}
.content-item-container .content-item-footer .timestamp {
  font-size: 10px;
  line-height: 10px;
  margin: 0;
  color: inherit;
  margin-left: 24px;
}
.content-item-container .view-more {
  position: absolute;
  bottom: 5px;
  right: 5px;
  font-size: 12px;
  line-height: 12px;
}
.content-item-container .view-more:hover {
  color: inherit;
}
.content-item-container.notification .content-item-body .notification-image {
  display: inline-block;
  width: 24px;
  height: 24px;
  float: left;
}
.content-item-container.notification .content-item-body .notification-image img {
  height: 75%;
}
.content-item-container.notification .content-item-body .notification-message {
  display: inline-block;
  font-size: 12px;
  width: calc(100% - 24px);
}
.content-item-container.selected {
  background-color: #3279b3;
  color: #fff;
  border-color: #3279b3;
}
.content-item-container.selected .content-item-footer .timestamp {
  color: #fff;
}
.popover-region-notifications .popover-region-header-container .mark-all-read-button .normal-icon {
  display: inline-block;
}
.popover-region-notifications .popover-region-header-container .mark-all-read-button.loading .normal-icon {
  display: none;
}
.popover-region-notifications .popover-region-header-container .mark-all-read-button.loading .loading-icon {
  display: inline-block;
}
.popover-region-notifications .all-notifications {
  opacity: 1;
  visibility: visible;
  height: auto;
  overflow: hidden;
}
.popover-region-notifications .all-notifications:empty + .empty-message {
  display: block;
}
.popover-region-notifications .notification-image {
  display: inline-block;
  width: 8%;
  vertical-align: top;
}
.popover-region-notifications .notification-image img {
  height: 75%;
}
.popover-region-notifications .notification-message {
  display: inline-block;
  font-size: 12px;
}
.popover-region-notifications .popover-region-content-container.loading .all-notifications:empty + .empty-message {
  display: none;
}
.popover-region-messages .mark-all-read-button .normal-icon {
  display: inline-block;
}
.popover-region-messages .mark-all-read-button.loading .normal-icon {
  display: none;
}
.popover-region-messages .mark-all-read-button.loading .loading-icon {
  display: inline-block;
}
.popover-region-messages .popover-region-content-container.loading .popover-region-content .messages:empty + .empty-message {
  display: none;
}
.popover-region-messages .messages:empty + .empty-message {
  display: block;
}
.popover-region-messages .content-item-container.unread .content-item-body {
  font-weight: 600;
  width: calc(90% - 30px);
}
.popover-region-messages .content-item-container.unread .unread-count-container {
  display: inline-block;
  width: 10%;
  text-align: center;
  float: right;
}
.popover-region-messages .content-item {
  height: 100%;
  width: 100%;
  box-sizing: border-box;
}
.popover-region-messages .profile-image-container {
  width: 30px;
  display: inline-block;
  text-align: center;
  float: left;
}
.popover-region-messages .profile-image-container img {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  border-radius: 50%;
}
.popover-region-messages .content-item-body {
  display: inline-block;
  box-sizing: border-box;
  width: calc(100% - 30px);
  font-size: 12px;
  padding-left: 10px;
  overflow: hidden;
}
.popover-region-messages .content-item-body h3, .popover-region-messages .content-item-body .h3 {
  font-size: 12px;
  line-height: 12px;
  margin: 0;
  width: 100%;
}
.popover-region-messages .content-item-body p {
  margin: 0;
}
.popover-region-messages .unread-count-container {
  display: none;
}
@media (max-width: 767px) {
  .navbar .popover-region .popover-region-container {
    right: -70px;
  }
}
@media (max-width: 480px) {
  .navbar .popover-region .popover-region-container {
    position: fixed;
    top: 46px;
    right: 0;
    left: 0;
    bottom: 0;
    width: auto;
    height: auto;
  }
}
/**
 * Tour step must sit above all other UI components.
 * The backdrop is the lowest point in the tour.
 * ----- moodle
 *  ---- step backdrop
 *   --- step container
 */
div[data-flexitour="backdrop"] {
  background-color: #000;
  opacity: 0.5;
  z-index: 1040;
}
span[data-flexitour="container"] {
  z-index: 1041;
}
span[data-flexitour="container"] .modal {
  display: initial;
  position: initial;
}
span[data-flexitour="container"] .modal-dialog {
  /**
         * Remove all margins to:
         * 1) ensure that the arrow touches the target; and
         * 2) ensure that the focus border touches the modal.
         */
  margin: 0;
}
span[data-flexitour="container"] div[data-role="arrow"] {
  border-width: 1rem;
}
span[data-flexitour="container"] div[data-role="arrow"], span[data-flexitour="container"] div[data-role="arrow"]:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 1rem;
}
span[data-flexitour="container"][x-placement="top"], span[data-flexitour="container"][x-placement="top-start"] {
  margin-bottom: 1rem;
}
span[data-flexitour="container"][x-placement="top"] div[data-role="arrow"], span[data-flexitour="container"][x-placement="top-start"] div[data-role="arrow"] {
  bottom: -1rem;
  left: 50%;
  margin-left: -1rem;
  border-bottom-width: 0;
  border-top-color: var(--bs-border-color-translucent);
}
span[data-flexitour="container"][x-placement="top"] div[data-role="arrow"]:after, span[data-flexitour="container"][x-placement="top-start"] div[data-role="arrow"]:after {
  bottom: 1px;
  margin-left: -1rem;
  content: " ";
  border-bottom-width: 0;
  border-top-color: var(--bs-body-bg);
}
span[data-flexitour="container"][x-placement="bottom"], span[data-flexitour="container"][x-placement="bottom-start"] {
  margin-top: 1rem;
}
span[data-flexitour="container"][x-placement="bottom"] div[data-role="arrow"], span[data-flexitour="container"][x-placement="bottom-start"] div[data-role="arrow"] {
  top: -1rem;
  left: 50%;
  margin-left: -1rem;
  border-top-width: 0;
  border-bottom-color: var(--bs-border-color-translucent);
}
span[data-flexitour="container"][x-placement="bottom"] div[data-role="arrow"]:after, span[data-flexitour="container"][x-placement="bottom-start"] div[data-role="arrow"]:after {
  top: 1px;
  margin-left: -1rem;
  content: " ";
  border-top-width: 0;
  border-bottom-color: var(--bs-body-bg);
}
span[data-flexitour="container"][x-placement="left"], span[data-flexitour="container"][x-placement="left-start"] {
  margin-right: 1rem;
}
span[data-flexitour="container"][x-placement="left"] div[data-role="arrow"], span[data-flexitour="container"][x-placement="left-start"] div[data-role="arrow"] {
  right: -1rem;
  top: 50%;
  margin-top: -1rem;
  border-right-width: 0;
  border-left-color: var(--bs-border-color-translucent);
}
span[data-flexitour="container"][x-placement="left"] div[data-role="arrow"]:after, span[data-flexitour="container"][x-placement="left-start"] div[data-role="arrow"]:after {
  right: 1px;
  margin-top: -1rem;
  content: " ";
  border-right-width: 0;
  border-left-color: var(--bs-body-bg);
}
span[data-flexitour="container"][x-placement="right"], span[data-flexitour="container"][x-placement="right-start"] {
  margin-left: 1rem;
}
span[data-flexitour="container"][x-placement="right"] div[data-role="arrow"], span[data-flexitour="container"][x-placement="right-start"] div[data-role="arrow"] {
  left: -1rem;
  top: 50%;
  margin-top: -1rem;
  border-left-width: 0;
  border-right-color: var(--bs-border-color-translucent);
}
span[data-flexitour="container"][x-placement="right"] div[data-role="arrow"]:after, span[data-flexitour="container"][x-placement="right-start"] div[data-role="arrow"]:after {
  left: 1px;
  margin-top: -1rem;
  content: " ";
  border-left-width: 0;
  border-right-color: var(--bs-body-bg);
}
.dir-rtl span[data-flexitour="container"][x-placement^="right"] {
  margin-left: 1rem;
}
.dir-rtl span[data-flexitour="container"][x-placement^="right"] div[data-role="arrow"] {
  transform: rotate(180deg);
  left: -1rem;
  right: auto;
}
.dir-rtl span[data-flexitour="container"][x-placement^="left"] {
  margin-right: 1rem;
}
.dir-rtl span[data-flexitour="container"][x-placement^="left"] div[data-role="arrow"] {
  transform: rotate(180deg);
  left: auto;
  right: -1rem;
}
[data-region="drawer"] [data-flexitour="container"] {
  /*rtl:ignore*/
  margin-left: -15px;
  width: 275px;
}
@media print {
  body.drawer-open-left.jsenabled, body.drawer-open-right.jsenabled {
    margin: 0;
  }
  .container {
    width: auto;
  }
  .navbar {
    display: none;
  }
}
.modal .modal-body > .loading-icon {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}
.modal .modal-body > .loading-icon .icon {
  position: absolute;
  top: 50%;
  /*rtl:ignore*/
  left: 50%;
  transform: translate(-50%, -50%);
}
.modal .btn-close {
  margin: -0.4rem -0.4rem -0.4rem auto;
}
.modal .btn-close:not(:disabled):not(.disabled):hover, .modal .btn-close:not(:disabled):not(.disabled):focus {
  opacity: inherit;
}
/* Change the modal-dialog-scrollable class to position: static to fix the issue with popper.js and autocomplete. */
.modal-dialog-scrollable:has(.form-autocomplete-suggestions) {
  position: static;
}
.modal-dialog-scrollable:has(.form-autocomplete-suggestions) .modal-content {
  position: static;
}
.modal-dialog-scrollable:has(.form-autocomplete-suggestions) .modal-content .modal-body {
  position: static;
}
/* Bug fix for TinyMCE menu when in fullscreen mode. */
body.tox-fullscreen .modal-dialog {
  width: 100%;
  max-width: 100%;
  height: 100%;
}
body.tox-fullscreen .modal-dialog .modal-header {
  height: 0;
  padding: 0;
}
body.tox-fullscreen .modal-dialog .tox-tinymce-aux {
  position: relative;
}
/* Bug fix TinyMCE menu width dropdowns when in fullscreen mode. */
body.tox-fullscreen .tox.tox-tinymce-aux {
  position: relative !important;
}
.layout.fullscreen {
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  transition: 0.5s;
  width: 100vw;
  margin: 0;
  opacity: 1;
  background-color: var(--bs-body-bg);
}
@media (prefers-reduced-motion: reduce) {
  .layout.fullscreen {
    transition: none;
  }
}
.layout.fullscreen > div {
  height: 100%;
  width: 100%;
}
.layout.fullscreen .loading-icon {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  display: inline-block;
  width: 100%;
  top: 40%;
  position: fixed;
}
.layout.fullscreen .loading-icon .icon {
  max-width: 4em;
  max-height: 4em;
  font-size: 4em;
}
#page.drawers {
  margin-top: 60px;
  scrollbar-width: thin;
  scrollbar-color: #6a737b #f8f9fa;
}
#page.drawers::-webkit-scrollbar {
  width: 12px;
}
#page.drawers::-webkit-scrollbar-track {
  background: #f8f9fa;
}
#page.drawers::-webkit-scrollbar-thumb {
  background-color: #6a737b;
  border-radius: 20px;
  border: 3px solid #f8f9fa;
}
#page.drawers::-webkit-scrollbar-thumb:hover {
  background-color: #495057;
}
#page.drawers .main-inner, #page.drawers .theme-boost-union-header-main-inner {
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
  border-radius: 0.5rem;
  background-color: #fff;
  padding: 1.5rem 0.5rem;
  margin-top: 0.5rem;
  margin-bottom: 3rem;
  flex: 1 0 auto;
}
#page.drawers .activity-header {
  margin-left: 15px;
  margin-right: 15px;
}
@media (min-width: 768px) {
  .pagelayout-standard #page.drawers .main-inner, .pagelayout-standard #page.drawers .theme-boost-union-header-main-inner, body.limitedwidth #page.drawers .main-inner, body.limitedwidth #page.drawers .theme-boost-union-header-main-inner {
    max-width: 75%;
  }
  .pagelayout-standard #page.drawers .footer-popover, body.limitedwidth #page.drawers .footer-popover {
    max-width: 75%;
    width: 100%;
    margin: 0 auto;
    border-radius: 0.5rem;
  }
  .header-maxwidth {
    max-width: 75%;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
  }
  .header-maxwidth .header-inner {
    padding-left: 0;
    padding-right: 0;
  }
}
.drawer-toggles .drawer-toggler {
  position: fixed;
  top: calc(60px + 0.7rem);
  z-index: 2;
}
.drawer-toggles .drawer-toggler .btn, .drawer-toggles .drawer-toggler .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .drawer-toggles .drawer-toggler a.collapseexpand, .drawer-toggles .drawer-toggler .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .drawer-toggles .drawer-toggler a.collapseexpand, .drawer-toggles .drawer-toggler #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .drawer-toggles .drawer-toggler a.collapseexpand, .drawer-toggles .drawer-toggler #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) a, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) .drawer-toggles .drawer-toggler a, .drawer-toggles .drawer-toggler #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging a, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging .drawer-toggles .drawer-toggler a, .drawer-toggles .drawer-toggler .activity-navigation #prev-activity-link, .activity-navigation .drawer-toggles .drawer-toggler #prev-activity-link, .drawer-toggles .drawer-toggler .activity-navigation #next-activity-link, .activity-navigation .drawer-toggles .drawer-toggler #next-activity-link, .drawer-toggles .drawer-toggler .section-navigation .prevsection a, .section-navigation .prevsection .drawer-toggles .drawer-toggler a, .drawer-toggles .drawer-toggler .section-navigation .nextsection a, .section-navigation .nextsection .drawer-toggles .drawer-toggler a {
  border-radius: 200px;
  padding: 16px;
  background-color: #dee2e6;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  transition: padding 200ms;
}
.drawer-toggles .drawer-toggler .btn .icon, .drawer-toggles .drawer-toggler .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand .icon, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .drawer-toggles .drawer-toggler a.collapseexpand .icon, .drawer-toggles .drawer-toggler .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand .icon, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .drawer-toggles .drawer-toggler a.collapseexpand .icon, .drawer-toggles .drawer-toggler #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand .icon, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .drawer-toggles .drawer-toggler a.collapseexpand .icon, .drawer-toggles .drawer-toggler #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) a .icon, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) .drawer-toggles .drawer-toggler a .icon, .drawer-toggles .drawer-toggler #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging a .icon, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging .drawer-toggles .drawer-toggler a .icon, .drawer-toggles .drawer-toggler .activity-navigation #prev-activity-link .icon, .activity-navigation .drawer-toggles .drawer-toggler #prev-activity-link .icon, .drawer-toggles .drawer-toggler .activity-navigation #next-activity-link .icon, .activity-navigation .drawer-toggles .drawer-toggler #next-activity-link .icon, .drawer-toggles .drawer-toggler .section-navigation .prevsection a .icon, .section-navigation .prevsection .drawer-toggles .drawer-toggler a .icon, .drawer-toggles .drawer-toggler .section-navigation .nextsection a .icon, .section-navigation .nextsection .drawer-toggles .drawer-toggler a .icon {
  width: auto;
  height: auto;
}
.drawer-toggles .drawer-toggler .btn:focus, .drawer-toggles .drawer-toggler .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand:focus, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .drawer-toggles .drawer-toggler a.collapseexpand:focus, .drawer-toggles .drawer-toggler .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand:focus, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .drawer-toggles .drawer-toggler a.collapseexpand:focus, .drawer-toggles .drawer-toggler #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand:focus, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .drawer-toggles .drawer-toggler a.collapseexpand:focus, .drawer-toggles .drawer-toggler #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) a:focus, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) .drawer-toggles .drawer-toggler a:focus, .drawer-toggles .drawer-toggler #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging a:focus, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging .drawer-toggles .drawer-toggler a:focus, .drawer-toggles .drawer-toggler .activity-navigation #prev-activity-link:focus, .activity-navigation .drawer-toggles .drawer-toggler #prev-activity-link:focus, .drawer-toggles .drawer-toggler .activity-navigation #next-activity-link:focus, .activity-navigation .drawer-toggles .drawer-toggler #next-activity-link:focus, .drawer-toggles .drawer-toggler .section-navigation .prevsection a:focus, .section-navigation .prevsection .drawer-toggles .drawer-toggler a:focus, .drawer-toggles .drawer-toggler .section-navigation .nextsection a:focus, .section-navigation .nextsection .drawer-toggles .drawer-toggler a:focus {
  box-shadow: 0 0 0 0.25rem rgba(23, 107, 117, 0.75);
}
.drawer-toggles .drawer-left-toggle {
  left: 0;
}
.drawer-toggles .drawer-left-toggle .btn, .drawer-toggles .drawer-left-toggle .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .drawer-toggles .drawer-left-toggle a.collapseexpand, .drawer-toggles .drawer-left-toggle .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .drawer-toggles .drawer-left-toggle a.collapseexpand, .drawer-toggles .drawer-left-toggle #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .drawer-toggles .drawer-left-toggle a.collapseexpand, .drawer-toggles .drawer-left-toggle #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) a, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) .drawer-toggles .drawer-left-toggle a, .drawer-toggles .drawer-left-toggle #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging a, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging .drawer-toggles .drawer-left-toggle a, .drawer-toggles .drawer-left-toggle .activity-navigation #prev-activity-link, .activity-navigation .drawer-toggles .drawer-left-toggle #prev-activity-link, .drawer-toggles .drawer-left-toggle .activity-navigation #next-activity-link, .activity-navigation .drawer-toggles .drawer-left-toggle #next-activity-link, .drawer-toggles .drawer-left-toggle .section-navigation .prevsection a, .section-navigation .prevsection .drawer-toggles .drawer-left-toggle a, .drawer-toggles .drawer-left-toggle .section-navigation .nextsection a, .section-navigation .nextsection .drawer-toggles .drawer-left-toggle a {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  padding-right: 14px;
  padding-left: 10px;
}
.drawer-toggles .drawer-left-toggle .btn:hover, .drawer-toggles .drawer-left-toggle .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand:hover, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .drawer-toggles .drawer-left-toggle a.collapseexpand:hover, .drawer-toggles .drawer-left-toggle .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand:hover, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .drawer-toggles .drawer-left-toggle a.collapseexpand:hover, .drawer-toggles .drawer-left-toggle #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand:hover, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .drawer-toggles .drawer-left-toggle a.collapseexpand:hover, .drawer-toggles .drawer-left-toggle #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) a:hover, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) .drawer-toggles .drawer-left-toggle a:hover, .drawer-toggles .drawer-left-toggle #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging a:hover, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging .drawer-toggles .drawer-left-toggle a:hover, .drawer-toggles .drawer-left-toggle .activity-navigation #prev-activity-link:hover, .activity-navigation .drawer-toggles .drawer-left-toggle #prev-activity-link:hover, .drawer-toggles .drawer-left-toggle .activity-navigation #next-activity-link:hover, .activity-navigation .drawer-toggles .drawer-left-toggle #next-activity-link:hover, .drawer-toggles .drawer-left-toggle .section-navigation .prevsection a:hover, .section-navigation .prevsection .drawer-toggles .drawer-left-toggle a:hover, .drawer-toggles .drawer-left-toggle .section-navigation .nextsection a:hover, .section-navigation .nextsection .drawer-toggles .drawer-left-toggle a:hover {
  padding-left: 20px;
}
.drawer-toggles .drawer-right-toggle {
  right: 0;
}
.drawer-toggles .drawer-right-toggle .btn, .drawer-toggles .drawer-right-toggle .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .drawer-toggles .drawer-right-toggle a.collapseexpand, .drawer-toggles .drawer-right-toggle .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .drawer-toggles .drawer-right-toggle a.collapseexpand, .drawer-toggles .drawer-right-toggle #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .drawer-toggles .drawer-right-toggle a.collapseexpand, .drawer-toggles .drawer-right-toggle #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) a, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) .drawer-toggles .drawer-right-toggle a, .drawer-toggles .drawer-right-toggle #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging a, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging .drawer-toggles .drawer-right-toggle a, .drawer-toggles .drawer-right-toggle .activity-navigation #prev-activity-link, .activity-navigation .drawer-toggles .drawer-right-toggle #prev-activity-link, .drawer-toggles .drawer-right-toggle .activity-navigation #next-activity-link, .activity-navigation .drawer-toggles .drawer-right-toggle #next-activity-link, .drawer-toggles .drawer-right-toggle .section-navigation .prevsection a, .section-navigation .prevsection .drawer-toggles .drawer-right-toggle a, .drawer-toggles .drawer-right-toggle .section-navigation .nextsection a, .section-navigation .nextsection .drawer-toggles .drawer-right-toggle a {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  padding-right: 10px;
  padding-left: 14px;
}
.drawer-toggles .drawer-right-toggle .btn:hover, .drawer-toggles .drawer-right-toggle .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand:hover, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .drawer-toggles .drawer-right-toggle a.collapseexpand:hover, .drawer-toggles .drawer-right-toggle .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand:hover, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .drawer-toggles .drawer-right-toggle a.collapseexpand:hover, .drawer-toggles .drawer-right-toggle #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand:hover, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .drawer-toggles .drawer-right-toggle a.collapseexpand:hover, .drawer-toggles .drawer-right-toggle #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) a:hover, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) .drawer-toggles .drawer-right-toggle a:hover, .drawer-toggles .drawer-right-toggle #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging a:hover, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging .drawer-toggles .drawer-right-toggle a:hover, .drawer-toggles .drawer-right-toggle .activity-navigation #prev-activity-link:hover, .activity-navigation .drawer-toggles .drawer-right-toggle #prev-activity-link:hover, .drawer-toggles .drawer-right-toggle .activity-navigation #next-activity-link:hover, .activity-navigation .drawer-toggles .drawer-right-toggle #next-activity-link:hover, .drawer-toggles .drawer-right-toggle .section-navigation .prevsection a:hover, .section-navigation .prevsection .drawer-toggles .drawer-right-toggle a:hover, .drawer-toggles .drawer-right-toggle .section-navigation .nextsection a:hover, .section-navigation .nextsection .drawer-toggles .drawer-right-toggle a:hover {
  padding-right: 20px;
}
#page.drawers.show-drawer-left .drawer-left-toggle {
  display: none;
}
#page.drawers.show-drawer-right .drawer-right-toggle {
  display: none;
}
@media (max-width: 767.98px) {
  .drawer-toggles {
    z-index: 100;
  }
  .drawer-toggles .drawer-right-toggle, .drawer-toggles .drawer-left-toggle {
    top: calc(99vh - (60px * 2.5));
  }
  #page.drawers.scroll-down .drawer-right-toggle {
    transform: translateX(150%);
    pointer-events: auto;
    visibility: hidden;
  }
  #page.drawers.scroll-down .drawer-left-toggle {
    transform: translateX(-150%);
    pointer-events: auto;
    visibility: hidden;
  }
  .hasstickyfooter:has(.drawer-right-toggle) .maintenancewarning {
    right: 2rem;
  }
  .hasstickyfooter:has(.drawer-left-toggle) .maintenancewarning {
    margin-left: 3.5rem;
  }
}
@media (min-width: 576px) {
  #page.drawers .main-inner, #page.drawers .theme-boost-union-header-main-inner {
    margin-top: 1.5rem;
  }
}
@media (min-width: 768px) {
  #page.drawers {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  #page.drawers .main-inner, #page.drawers .theme-boost-union-header-main-inner {
    padding: 1.5rem 0.5rem;
  }
  #page.drawers div[role="main"] {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 992px) {
  .drawer-left, .drawer-right {
    top: 60px;
    height: calc(100vh - 60px);
  }
  .hasstickyfooter .drawer-left, .hasstickyfooter .drawer-right {
    top: 60px;
  }
  #page.drawers {
    position: relative;
    overflow-y: visible;
    transition: 0.2s;
    left: 0;
    right: 0;
  }
  #page.drawers.show-drawer-left {
    margin-left: 285px;
    margin-right: 0;
    padding-left: 1rem;
  }
  #page.drawers.show-drawer-right {
    margin-left: 0;
    margin-right: 315px;
    padding-right: 1rem;
  }
  .jsenabled #page.drawers.show-drawer-right .popover-process-monitor, .jsenabled #page.drawers.show-drawer-right .btn-footer-popover, .jsenabled #page.drawers.show-drawer-right .btn-footer-communication {
    right: calc(315px + 2rem);
  }
  .jsenabled:has(#page.drawers.show-drawer-right) .maintenancewarning {
    right: calc(315px + 5rem);
  }
  #page.drawers.show-drawer-left.show-drawer-right {
    margin-left: 285px;
    margin-right: 315px;
  }
  #page.drawers.hasstickyfooter {
    margin-bottom: calc(max(80px, calc(0.9375rem * 3)));
  }
}
@media (min-width: 992px) and (prefers-reduced-motion: reduce) {
  #page.drawers {
    transition: none;
  }
}
.drawercontrolbuttons {
  margin-top: 92px;
}
.drawercontrolbuttons .buttons {
  z-index: 1;
}
.form-control:-ms-input-placeholder {
  color: var(--bs-secondary-color);
}
.form-select {
  -webkit-appearance: none;
  -moz-appearance: none;
}
.form-range {
  -webkit-appearance: none;
  -moz-appearance: none;
}
.form-range::-webkit-slider-thumb, .form-range::-moz-range-thumb, .form-range::-ms-thumb {
  -webkit-appearance: none;
  -moz-appearance: none;
}
input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control {
  -webkit-appearance: none;
  -moz-appearance: none;
}
@media (min-width: 576px) {
  .card-columns {
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
  }
}
.carousel-item {
  -webkit-backface-visibility: hidden;
}
.card {
  -webkit-background-clip: border-box;
}
.carousel-indicators li, .dropdown-menu, .form-control, .modal-content, .popover, .toast {
  -webkit-background-clip: padding-box;
}
.btn, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) a, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging a, .activity-navigation #prev-activity-link, .activity-navigation #next-activity-link, .section-navigation .prevsection a, .section-navigation .nextsection a {
  -webkit-user-select: none;
  -ms-user-select: none;
}
.user-select-all {
  -webkit-user-select: all !important;
  /* stylelint-disable-line declaration-no-important */
  -ms-user-select: none;
}
.user-select-auto {
  -webkit-user-select: auto !important;
  /* stylelint-disable-line declaration-no-important */
  -ms-user-select: none;
}
.user-select-none {
  -webkit-user-select: none !important;
  /* stylelint-disable-line declaration-no-important */
  -ms-user-select: none;
}
.editor_atto_content_wrap {
  background-color: #fff;
  color: #333;
}
.editor_atto_content {
  padding: 4px;
  resize: vertical;
  overflow: auto;
}
.editor_atto_content_wrap, .editor_atto + textarea {
  width: 100%;
  padding: 0;
}
.editor_atto + textarea {
  border-radius: 0;
  resize: vertical;
  margin-top: -1px;
}
div.editor_atto_toolbar {
  display: block;
  background: #f2f2f2;
  min-height: 35px;
  border: 1px solid var(--bs-gray-500);
  width: 100%;
  padding: 0 0 9px 0;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
div.editor_atto_toolbar button {
  padding: 4px 9px;
  background: none;
  border: 0;
  margin: 0;
  border-radius: 0;
  cursor: pointer;
}
div.editor_atto_toolbar .menuplaceholder {
  display: inline-block;
}
div.editor_atto_toolbar button + button, div.editor_atto_toolbar .menuplaceholder + button {
  border-left: 1px solid #ccc;
}
div.editor_atto_toolbar button[disabled] {
  opacity: 0.45;
  background: none;
  cursor: default;
}
.editor_atto_toolbar button:hover {
  background-image: radial-gradient(ellipse at center, #fff 60%, #dfdfdf 100%);
  background-color: #ebebeb;
}
.editor_atto_toolbar button:active, .editor_atto_toolbar button.highlight {
  background-image: radial-gradient(ellipse at center, #fff 40%, #dfdfdf 100%);
  background-color: #dfdfdf;
}
/* Make firefox button sizes match other browsers */
div.editor_atto_toolbar button::-moz-focus-inner {
  border: 0;
  padding: 0;
}
div.editor_atto_toolbar button .icon {
  padding: 0;
  margin: 2px 0;
}
div.editor_atto_toolbar div.atto_group {
  display: inline-block;
  border: 1px solid #ccc;
  border-bottom: 1px solid #b3b3b3;
  border-radius: 4px;
  margin: 9px 0 0 9px;
  background: #fff;
}
div.editor_atto_toolbar .atto_toolbar_row {
  margin: 6px 0 -3px 5px;
  display: table;
}
div.editor_atto_toolbar .atto_toolbar_row div.atto_group {
  margin: 3px 5px 3px 4px;
}
.editor_atto_content img {
  resize: both;
  overflow: auto;
}
.atto_hasmenu {
  /* IE8 places the images on top of each other if that is not set. */
  white-space: nowrap;
}
.atto_menuentry .icon {
  width: 16px;
  height: 16px;
}
.atto_menuentry {
  clear: left;
}
.atto_menuentry h1, .atto_menuentry .h1, .atto_menuentry h2, .atto_menuentry .h2, .atto_menuentry p {
  margin: 4px;
}
/*.atto_form label.sameline {
    display: inline-block;
    min-width: 10em;
}*/
.atto_form textarea.fullwidth, .atto_form input.fullwidth {
  width: 100%;
}
.atto_form {
  padding: 0.5rem;
}
/*.atto_form label {
    display: block;
    margin: 0 0 5px 0;
}*/
.atto_control {
  position: absolute;
  right: -6px;
  bottom: -6px;
  display: none;
  cursor: pointer;
}
.atto_control .icon {
  background-color: #fff;
}
div.editor_atto_content:focus .atto_control, div.editor_atto_content:hover .atto_control {
  display: block;
}
.editor_atto_menu.yui3-menu-hidden {
  display: none;
}
/* Get broken images back in firefox */
.editor_atto_content img:-moz-broken {
  -moz-force-broken-image-icon: 1;
  min-width: 24px;
  min-height: 24px;
}
/* Atto menu styling */
.moodle-dialogue-base .editor_atto_menu .moodle-dialogue-content .moodle-dialogue-bd {
  padding: 0;
  z-index: 1000;
}
.editor_atto_menu .dropdown-menu > li > a {
  margin: 3px 14px;
}
.editor_atto_menu .open ul.dropdown-menu {
  padding-top: 5px;
  padding-bottom: 5px;
}
.editor_atto_wrap {
  position: relative;
}
/*rtl:ignore*/
.editor_atto_wrap textarea {
  direction: ltr;
}
.editor_atto_notification {
  display: inline-block;
  padding: 0.5em;
  padding-left: 1em;
  padding-right: 1em;
  border-bottom-left-radius: 1em;
  border-bottom-right-radius: 1em;
}
.editor_atto_notification .atto_info {
  background-color: #f2f2f2;
}
.editor_atto_notification .atto_warning {
  background-color: #ffd700;
}
.editor_atto_toolbar, .editor_atto_content_wrap, .editor_atto + textarea {
  box-sizing: border-box;
}
.editor_atto_content.form-control {
  width: 100%;
  border-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
/** Atto fields do not have form-control because that would break the layout of the editor.
    So they need these extra styles to highlight the editor when there is a validation error. */
.has-danger .editor_atto_content.form-control .invalid-feedback, .has-danger .editor_atto_content.form-control-danger .invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #AD1B00;
}
.has-danger .editor_atto_content.form-control .invalid-tooltip, .has-danger .editor_atto_content.form-control-danger .invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.8203125rem;
  color: #fff;
  background-color: rgba(173, 27, 0, 0.9);
  border-radius: var(--bs-border-radius);
}
.was-validated .has-danger .editor_atto_content.form-control:invalid ~ .invalid-feedback, .was-validated .has-danger .editor_atto_content.form-control:invalid ~ .invalid-tooltip, .has-danger .editor_atto_content.form-control.is-invalid ~ .invalid-feedback, .has-danger .editor_atto_content.form-control.is-invalid ~ .invalid-tooltip, .was-validated .has-danger .editor_atto_content.form-control-danger:invalid ~ .invalid-feedback, .was-validated .has-danger .editor_atto_content.form-control-danger:invalid ~ .invalid-tooltip, .has-danger .editor_atto_content.form-control-danger.is-invalid ~ .invalid-feedback, .has-danger .editor_atto_content.form-control-danger.is-invalid ~ .invalid-tooltip {
  display: block;
}
.was-validated .has-danger .editor_atto_content.form-control .form-control:invalid, .has-danger .editor_atto_content.form-control .form-control.is-invalid, .was-validated .has-danger .editor_atto_content.form-control-danger .form-control:invalid, .has-danger .editor_atto_content.form-control-danger .form-control.is-invalid {
  border-color: #AD1B00;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23AD1B00'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23AD1B00' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .has-danger .editor_atto_content.form-control .form-control:invalid:focus, .has-danger .editor_atto_content.form-control .form-control.is-invalid:focus, .was-validated .has-danger .editor_atto_content.form-control-danger .form-control:invalid:focus, .has-danger .editor_atto_content.form-control-danger .form-control.is-invalid:focus {
  border-color: #AD1B00;
  box-shadow: 0 0 0 0.25rem rgba(173, 27, 0, 0.75);
}
.was-validated .has-danger .editor_atto_content.form-control textarea.form-control:invalid, .has-danger .editor_atto_content.form-control textarea.form-control.is-invalid, .was-validated .has-danger .editor_atto_content.form-control-danger textarea.form-control:invalid, .has-danger .editor_atto_content.form-control-danger textarea.form-control.is-invalid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}
.was-validated .has-danger .editor_atto_content.form-control .form-select:invalid, .has-danger .editor_atto_content.form-control .form-select.is-invalid, .was-validated .has-danger .editor_atto_content.form-control-danger .form-select:invalid, .has-danger .editor_atto_content.form-control-danger .form-select.is-invalid {
  border-color: #AD1B00;
}
.was-validated .has-danger .editor_atto_content.form-control .form-select:invalid:not([multiple]):not([size]), .was-validated .has-danger .editor_atto_content.form-control .form-select:invalid:not([multiple])[size="1"], .has-danger .editor_atto_content.form-control .form-select.is-invalid:not([multiple]):not([size]), .has-danger .editor_atto_content.form-control .form-select.is-invalid:not([multiple])[size="1"], .was-validated .has-danger .editor_atto_content.form-control-danger .form-select:invalid:not([multiple]):not([size]), .was-validated .has-danger .editor_atto_content.form-control-danger .form-select:invalid:not([multiple])[size="1"], .has-danger .editor_atto_content.form-control-danger .form-select.is-invalid:not([multiple]):not([size]), .has-danger .editor_atto_content.form-control-danger .form-select.is-invalid:not([multiple])[size="1"] {
  --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23AD1B00'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23AD1B00' stroke='none'/%3e%3c/svg%3e");
  padding-right: 4.125rem;
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .has-danger .editor_atto_content.form-control .form-select:invalid:focus, .has-danger .editor_atto_content.form-control .form-select.is-invalid:focus, .was-validated .has-danger .editor_atto_content.form-control-danger .form-select:invalid:focus, .has-danger .editor_atto_content.form-control-danger .form-select.is-invalid:focus {
  border-color: #AD1B00;
  box-shadow: 0 0 0 0.25rem rgba(173, 27, 0, 0.75);
}
.was-validated .has-danger .editor_atto_content.form-control .form-control-color:invalid, .has-danger .editor_atto_content.form-control .form-control-color.is-invalid, .was-validated .has-danger .editor_atto_content.form-control-danger .form-control-color:invalid, .has-danger .editor_atto_content.form-control-danger .form-control-color.is-invalid {
  width: calc(3rem + calc(1.5em + 0.75rem));
}
.was-validated .has-danger .editor_atto_content.form-control .form-check-input:invalid, .has-danger .editor_atto_content.form-control .form-check-input.is-invalid, .was-validated .has-danger .editor_atto_content.form-control-danger .form-check-input:invalid, .has-danger .editor_atto_content.form-control-danger .form-check-input.is-invalid {
  border-color: #AD1B00;
}
.was-validated .has-danger .editor_atto_content.form-control .form-check-input:invalid:checked, .has-danger .editor_atto_content.form-control .form-check-input.is-invalid:checked, .was-validated .has-danger .editor_atto_content.form-control-danger .form-check-input:invalid:checked, .has-danger .editor_atto_content.form-control-danger .form-check-input.is-invalid:checked {
  background-color: #AD1B00;
}
.was-validated .has-danger .editor_atto_content.form-control .form-check-input:invalid:focus, .has-danger .editor_atto_content.form-control .form-check-input.is-invalid:focus, .was-validated .has-danger .editor_atto_content.form-control-danger .form-check-input:invalid:focus, .has-danger .editor_atto_content.form-control-danger .form-check-input.is-invalid:focus {
  box-shadow: 0 0 0 0.25rem rgba(173, 27, 0, 0.75);
}
.was-validated .has-danger .editor_atto_content.form-control .form-check-input:invalid ~ .form-check-label, .has-danger .editor_atto_content.form-control .form-check-input.is-invalid ~ .form-check-label, .was-validated .has-danger .editor_atto_content.form-control-danger .form-check-input:invalid ~ .form-check-label, .has-danger .editor_atto_content.form-control-danger .form-check-input.is-invalid ~ .form-check-label {
  color: #AD1B00;
}
.has-danger .editor_atto_content.form-control .form-check-inline .form-check-input ~ .invalid-feedback, .has-danger .editor_atto_content.form-control-danger .form-check-inline .form-check-input ~ .invalid-feedback {
  margin-left: 0.5em;
}
.was-validated .has-danger .editor_atto_content.form-control .input-group > .form-control:not(:focus):invalid, .has-danger .editor_atto_content.form-control .input-group > .form-control:not(:focus).is-invalid, .was-validated .has-danger .editor_atto_content.form-control .input-group > .form-select:not(:focus):invalid, .has-danger .editor_atto_content.form-control .input-group > .form-select:not(:focus).is-invalid, .was-validated .has-danger .editor_atto_content.form-control .input-group > .form-floating:not(:focus-within):invalid, .has-danger .editor_atto_content.form-control .input-group > .form-floating:not(:focus-within).is-invalid, .was-validated .has-danger .editor_atto_content.form-control-danger .input-group > .form-control:not(:focus):invalid, .has-danger .editor_atto_content.form-control-danger .input-group > .form-control:not(:focus).is-invalid, .was-validated .has-danger .editor_atto_content.form-control-danger .input-group > .form-select:not(:focus):invalid, .has-danger .editor_atto_content.form-control-danger .input-group > .form-select:not(:focus).is-invalid, .was-validated .has-danger .editor_atto_content.form-control-danger .input-group > .form-floating:not(:focus-within):invalid, .has-danger .editor_atto_content.form-control-danger .input-group > .form-floating:not(:focus-within).is-invalid {
  z-index: 4;
}
.open.atto_menu > .dropdown-menu {
  display: block;
}
div.editor_atto_toolbar button .icon {
  color: #495057;
}
.toast {
  border-radius: var(--bs-border-radius);
}
.toast.toast-success {
  background-color: rgba(212, 226, 204, 0.95);
  color: #174200;
}
.toast.toast-success .toast-header {
  color: #174200;
}
.toast.toast-success .toast-body:before {
  font: var(--fa-font-solid);
  margin: 2px 5px 0 0;
  content: "";
}
.toast.toast-danger {
  background-color: rgba(239, 209, 204, 0.95);
  color: #681000;
}
.toast.toast-danger .toast-header {
  color: #681000;
}
.toast.toast-danger .toast-body:before {
  font: var(--fa-font-solid);
  margin: 2px 5px 0 0;
  content: "";
}
.toast.toast-info {
  background-color: rgba(205, 214, 241, 0.95);
  color: #021f6f;
}
.toast.toast-info .toast-header {
  color: #021f6f;
}
.toast.toast-info .toast-body:before {
  font: var(--fa-font-solid);
  margin: 2px 5px 0 0;
  content: "";
}
.toast.toast-warning {
  background-color: rgba(252, 233, 204, 0.95);
  color: #8f5700;
}
.toast.toast-warning .toast-header {
  color: #8f5700;
}
.toast.toast-warning .toast-body:before {
  font: var(--fa-font-solid);
  margin: 2px 5px 0 0;
  content: "";
}
.toast .btn-close {
  color: inherit;
}
.navbar.fixed-top {
  padding-top: 0;
  padding-bottom: 0;
  box-shadow: none;
  border-bottom: #dee2e6 1px solid;
  align-items: stretch;
  height: 61px;
}
.navbar.fixed-top .navbar-brand .logo {
  max-height: calc(60px - (0.25rem * 2));
}
.navbar.fixed-top .nav-link {
  height: 100%;
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.navbar.fixed-top .divider {
  width: 1px;
  background-color: #dee2e6;
}
.navbar.fixed-top #usernavigation .nav-link {
  padding: 0 0.5rem;
}
.navbar.fixed-top .login {
  display: flex;
  align-items: center;
}
.navbar.fixed-top .usermenu {
  display: flex;
}
.navbar.fixed-top .usermenu .action-menu {
  display: flex;
  align-items: center;
}
.navbar.fixed-top .usermenu .dropdown {
  display: flex;
  align-items: center;
}
.navbar.fixed-top .usermenu .dropdown .dropdown-toggle {
  padding-top: 0;
  padding-bottom: 0;
  border-radius: 0;
  display: flex;
  align-items: center;
  height: 100%;
}
.navbar.fixed-top .usermenu .dropdown-menu {
  min-width: 235px;
}
.navbar.fixed-top .usermenu .dropdown-menu .carousel-navigation-link > * {
  pointer-events: none;
}
.navbar.fixed-top .usermenu .dropdown-menu .dropdown-item {
  padding: 0.25rem 1.75rem 0.25rem 0.75rem;
}
.navbar.fixed-top .usermenu .dropdown-menu .dropdown-item.carousel-navigation-link::after {
  font: var(--fa-font-solid);
  content: "";
  font-size: 1rem;
  padding-top: 0.2rem;
  right: 0.75rem;
  position: absolute;
}
.navbar.fixed-top .usermenu .dropdown-menu .submenu .header {
  padding: 0.25rem 0.75rem;
  font-size: 0.975rem;
}
.navbar.fixed-top .usermenu .dropdown-menu .submenu .header .icon {
  font-size: 20px;
  height: 20px;
  width: 20px;
  margin: 0;
}
.navbar.fixed-top .usermenu .dropdown-menu .submenu .items .dropdown-item[aria-current="true"]::before {
  font: var(--fa-font-solid);
  content: "";
  font-size: 0.75rem;
  padding-left: 0.25rem;
}
.navbar.fixed-top .usermenu .login {
  display: flex;
  align-items: center;
}
.navbar.fixed-top .usermenu .dropdown, .navbar.fixed-top .langmenu .dropdown {
  display: flex;
  align-items: center;
  height: 100%;
}
.navbar.fixed-top .usermenu .dropdown .dropdown-toggle, .navbar.fixed-top .langmenu .dropdown .dropdown-toggle {
  padding-top: 0;
  padding-bottom: 0;
  border-radius: 0;
  display: flex;
  align-items: center;
  height: 100%;
}
.navbar.fixed-top .langmenu .dropdown-menu .dropdown-item[aria-current="true"]::before {
  content: "";
  font-size: 0.75rem;
  padding-left: 0.25rem;
}
@media (max-width: 767.98px) {
  .navbar.fixed-top .langmenu .langbutton {
    display: none;
  }
}
.navbar.fixed-top .moodle-actionmenu .menubar, .navbar.fixed-top .action-menu-trigger .dropdown {
  height: 100%;
  display: flex;
}
.dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .dropdown-item.carousel-navigation-link::after {
  font: var(--fa-font-solid);
  content: "";
}
#page {
  margin-top: 60px;
}
.pagelayout-embedded #page {
  margin-top: 0;
}
.navbar-bootswatch .navbar-brand {
  overflow: hidden;
  text-overflow: ellipsis;
}
.navbar-bootswatch .navbar-brand .sitename {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
:root {
  --navbar-height: 60px;
}
/**
* Reportbuilder styles.
*/
.reportbuilder-wrapper .btn-outline-secondary[data-bs-toggle="collapse"]:not(.collapsed), .reportbuilder-wrapper .dropdown.show .btn-outline-secondary[data-bs-toggle="dropdown"] {
  color: #fff;
  background-color: #6a737b;
  border-color: #6a737b;
}
.reportbuilder-table .action-menu .menubar {
  justify-content: end;
}
.reportbuilder-wrapper .filters-dropdown {
  width: 27rem;
  padding: 0 0 4rem 0;
  z-index: 1055;
  overflow: hidden;
}
@media (max-width: 767.98px) {
  .reportbuilder-wrapper .filters-dropdown {
    width: 100%;
  }
}
.reportbuilder-filters-sidebar {
  max-height: 30rem;
  overflow-y: auto;
  border-bottom: 1px solid var(--bs-border-color-translucent);
  scrollbar-width: thin;
  scrollbar-color: #6a737b #fff;
  background: linear-gradient(#fff 30%, rgba(255, 255, 255, 0)) center top, linear-gradient(rgba(255, 255, 255, 0), #fff 70%) center bottom, radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) center top, radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) center bottom;
  background-repeat: no-repeat;
  background-size: 100% 1rem, 100% 1rem, 100% calc(1rem / 2), 100% calc(1rem / 2);
  background-attachment: local, local, scroll, scroll;
}
.reportbuilder-filters-sidebar::-webkit-scrollbar {
  width: 12px;
}
.reportbuilder-filters-sidebar::-webkit-scrollbar-track {
  background: #fff;
}
.reportbuilder-filters-sidebar::-webkit-scrollbar-thumb {
  background-color: #6a737b;
  border-radius: 20px;
  border: 3px solid #fff;
}
.reportbuilder-filters-sidebar::-webkit-scrollbar-thumb:hover {
  background-color: #495057;
}
.reportbuilder-filters-sidebar .filter:not(:nth-last-child(2)) {
  border-bottom: 1px solid var(--bs-border-color-translucent);
}
.reportbuilder-filters-sidebar .filter .filter-name:hover {
  white-space: normal;
  text-overflow: clip;
  word-break: break-all;
}
.reportbuilder-filters-sidebar .fitem[data-groupname="buttonar"] {
  position: absolute;
  bottom: 0;
  height: 4rem;
  align-items: center;
}
.reportbuilder-filters-sidebar .fitem[data-groupname="buttonar"] .col-form-label {
  display: none !important;
  /* stylelint-disable-line declaration-no-important */
}
.reportbuilder-filters-wrapper .mform.full-width-labels .fdate_selector, .reportbuilder-conditions-list .mform.full-width-labels .fdate_selector {
  flex-wrap: wrap;
}
.reportbuilder-filters-wrapper .mform.full-width-labels .fitem, .reportbuilder-conditions-list .mform.full-width-labels .fitem {
  margin-bottom: 0 !important;
  /* stylelint-disable-line declaration-no-important */
  max-width: 100%;
}
.reportbuilder-filters-wrapper .mform.full-width-labels .fitem:not(.row):last-child, .reportbuilder-conditions-list .mform.full-width-labels .fitem:not(.row):last-child {
  flex: 1;
  min-width: 0;
}
.reportbuilder-filters-wrapper .mform.full-width-labels .fitem:not(.row):last-child span, .reportbuilder-filters-wrapper .mform.full-width-labels .fitem:not(.row):last-child .form-select, .reportbuilder-conditions-list .mform.full-width-labels .fitem:not(.row):last-child span, .reportbuilder-conditions-list .mform.full-width-labels .fitem:not(.row):last-child .form-select {
  width: 100%;
}
@media (min-width: 992px) {
  .path-admin-reportbuilder.pagelayout-popup.behat-site .fixed-top {
    position: fixed;
  }
  .path-admin-reportbuilder.pagelayout-popup #region-main {
    border: none;
    padding: 0;
  }
  .path-admin-reportbuilder.pagelayout-popup #maincontent {
    visibility: hidden;
  }
  .path-admin-reportbuilder.pagelayout-popup .dynamictabs .nav-tabs {
    position: fixed;
    z-index: 1030;
    width: calc(100% - 35px);
    padding-top: 1.25rem;
    background-color: #fff;
    box-shadow: 0 1.25rem 0 #fff;
  }
  .path-admin-reportbuilder.pagelayout-popup .dynamictabs .tab-content {
    padding-top: 83px;
  }
  .path-admin-reportbuilder.pagelayout-popup .reportbuilder-sidebar-menu {
    position: fixed;
  }
  .path-admin-reportbuilder.pagelayout-popup .reportbuilder-sidebar-menu .reportbuilder-sidebar-menu-cards {
    max-height: calc(100vh - 163px - 52px);
  }
  .path-admin-reportbuilder.pagelayout-popup .reportbuilder-sidebar-settings {
    position: fixed;
    right: 30px;
    max-height: calc(100vh - 163px);
  }
  .path-admin-reportbuilder.pagelayout-popup .reportbuilder-report[data-editing] .reportbuilder-report-container {
    max-height: calc(100vh - 163px);
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #6a737b #f8f9fa;
    margin-left: calc(250px + 1rem);
    margin-right: calc(350px + 1rem);
  }
  .path-admin-reportbuilder.pagelayout-popup .reportbuilder-report[data-editing] .reportbuilder-report-container::-webkit-scrollbar {
    width: 12px;
  }
  .path-admin-reportbuilder.pagelayout-popup .reportbuilder-report[data-editing] .reportbuilder-report-container::-webkit-scrollbar-track {
    background: #f8f9fa;
  }
  .path-admin-reportbuilder.pagelayout-popup .reportbuilder-report[data-editing] .reportbuilder-report-container::-webkit-scrollbar-thumb {
    background-color: #6a737b;
    border-radius: 20px;
    border: 3px solid #f8f9fa;
  }
  .path-admin-reportbuilder.pagelayout-popup .reportbuilder-report[data-editing] .reportbuilder-report-container::-webkit-scrollbar-thumb:hover {
    background-color: #495057;
  }
  .path-admin-reportbuilder.pagelayout-popup .reportbuilder-audiences-container {
    margin-left: calc(250px + 1rem);
  }
}
#page-admin-reportbuilder-edit #page {
  overflow-y: auto;
}
.reportbuilder-report-container {
  min-width: 0;
}
.reportbuilder-report-container button[data-action="toggle-edit-preview"] .loading-icon {
  margin-left: 0.5rem;
}
.reportbuilder-editor-table-container {
  overflow-x: auto;
  padding: 1px;
}
.reportbuilder-table th button[data-action="report-remove-column"] .icon, .reportbuilder-table th span[data-drag-type="move"] .icon {
  width: 12px;
  height: 12px;
  font-size: 12px;
  vertical-align: text-top;
  color: #1d2125;
}
.reportbuilder-table th button[data-action="report-remove-column"] .icon {
  margin-right: 0;
}
@media (min-width: 992px) {
  .reportbuilder-sidebar-menu {
    width: 250px;
    flex-shrink: 0;
  }
}
.reportbuilder-sidebar-menu .card-body .list-group-item {
  padding: 0.75rem;
}
.reportbuilder-sidebar-menu .card-body .list-group-item .icon {
  width: 12px;
  height: 12px;
  font-size: 12px;
}
.reportbuilder-sidebar-menu-cards {
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #6a737b #f8f9fa;
}
.reportbuilder-sidebar-menu-cards::-webkit-scrollbar {
  width: 12px;
}
.reportbuilder-sidebar-menu-cards::-webkit-scrollbar-track {
  background: #f8f9fa;
}
.reportbuilder-sidebar-menu-cards::-webkit-scrollbar-thumb {
  background-color: #6a737b;
  border-radius: 20px;
  border: 3px solid #f8f9fa;
}
.reportbuilder-sidebar-menu-cards::-webkit-scrollbar-thumb:hover {
  background-color: #495057;
}
.reportbuilder-sidebar-settings {
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #6a737b #f8f9fa;
}
.reportbuilder-sidebar-settings::-webkit-scrollbar {
  width: 12px;
}
.reportbuilder-sidebar-settings::-webkit-scrollbar-track {
  background: #f8f9fa;
}
.reportbuilder-sidebar-settings::-webkit-scrollbar-thumb {
  background-color: #6a737b;
  border-radius: 20px;
  border: 3px solid #f8f9fa;
}
.reportbuilder-sidebar-settings::-webkit-scrollbar-thumb:hover {
  background-color: #495057;
}
@media (min-width: 992px) {
  .reportbuilder-sidebar-settings {
    width: 350px;
    flex-shrink: 0;
  }
}
.reportbuilder-sidebar-settings div[data-region="settings-conditions"] .reportbuilder-conditions-select .form-autocomplete-selection, .reportbuilder-sidebar-settings div[data-region="settings-filters"] .reportbuilder-filters-select .form-autocomplete-selection {
  display: none;
}
.reportbuilder-sidebar-settings div[data-region="settings-conditions"] .reportbuilder-conditions-select .form-autocomplete-input, .reportbuilder-sidebar-settings div[data-region="settings-filters"] .reportbuilder-filters-select .form-autocomplete-input {
  width: 100%;
}
.reportbuilder-sidebar-settings div[data-region="settings-conditions"] .reportbuilder-conditions-select .form-autocomplete-suggestions, .reportbuilder-sidebar-settings div[data-region="settings-filters"] .reportbuilder-filters-select .form-autocomplete-suggestions {
  width: calc(100% - 2 * 0.5rem);
}
.reportbuilder-sidebar-settings .list-group-item {
  padding: 0.75rem;
}
.reportbuilder-sidebar-settings .list-group-item .icon {
  width: 12px;
  height: 12px;
  font-size: 12px;
  color: #1d2125;
}
.reportbuilder-sidebar-settings .list-group-item button[data-action="report-remove-filter"] .icon, .reportbuilder-sidebar-settings .list-group-item button[data-action="report-remove-condition"] .icon {
  margin-right: 0;
  vertical-align: text-top;
}
.reportbuilder-sidebar-settings .list-group-item span[data-drag-type="move"] .icon {
  vertical-align: text-top;
}
.reportbuilder-sidebar-settings div[data-region="settings-sorting"] .list-group-item span[data-drag-type="move"] .icon {
  vertical-align: middle;
}
.reportbuilder-sidebar-settings div[data-region="settings-cardview"] form .col-md-3, .reportbuilder-sidebar-settings div[data-region="settings-cardview"] form .col-md-9 {
  flex: 1 1;
  max-width: initial;
}
.reportbuilder-sidebar-settings div[data-region="settings-cardview"] form div[data-fieldtype="submit"] {
  flex-basis: auto;
}
.reportbuilder-sidebar-settings .inplaceeditable.inplaceeditingon input {
  width: 100%;
}
@keyframes sortable-list-drag-color-reset {
  from {
    background-color: #74d8e4;
  }
  to {
    background-color: inherit;
  }
}
.reportbuilder-sortable-list li.sortable-list-current-position, .reportbuilder-table th.sortable-list-current-position, .reportbuilder-conditions-list .condition.sortable-list-current-position {
  background-color: #74d8e4;
}
.reportbuilder-sortable-list li.sortable-list-is-dragged, .reportbuilder-table th.sortable-list-is-dragged, .reportbuilder-conditions-list .condition.sortable-list-is-dragged {
  background-color: #fff;
  opacity: 0.85;
}
.reportbuilder-sortable-list li.sortable-list-is-dropped, .reportbuilder-table th.sortable-list-is-dropped, .reportbuilder-conditions-list .condition.sortable-list-is-dropped {
  animation: sortable-list-drag-color-reset 1s ease;
}
.reportbuilder-toggle-card .card-header {
  border-bottom: none;
}
.reportbuilder-toggle-card .card-body {
  border-top: var(--bs-border-width) solid var(--bs-border-color-translucent);
}
.reportbuilder-toggle-card .toggle-card-button i.toggle-card-icon {
  color: #6a737b;
  font-weight: 700;
}
.reportbuilder-toggle-card .toggle-card-button .collapsed-icon-container {
  display: none;
}
.reportbuilder-toggle-card .toggle-card-button .expanded-icon-container {
  display: inline-block;
}
.reportbuilder-toggle-card .toggle-card-button.collapsed .collapsed-icon-container {
  display: inline-block;
}
.reportbuilder-toggle-card .toggle-card-button.collapsed .expanded-icon-container {
  display: none;
}
.reportbuilder-audiences-container .audience-separator {
  text-transform: uppercase;
}
.reportbuilder-audiences-container .audience-separator::before, .reportbuilder-audiences-container .audience-separator::after {
  content: "";
  flex: 1;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.reportbuilder-audiences-container .audience-separator:not(:empty)::before {
  margin-right: 1rem;
}
.reportbuilder-audiences-container .audience-separator:not(:empty)::after {
  margin-left: 1rem;
}
.reportbuilder-audiences-container .instance-card .card-header i.icon {
  margin-right: 0;
}
.reportbuilder-report {
  container-type: inline-size;
  /* stylelint-disable-line */
}
@container (width < 576px) {
  /* stylelint-disable-line */
  .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table {
    --bs-table-striped-bg: var(--bs-body-bg);
    --bs-table-hover-bg: var(--bs-body-bg);
  }
  .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table thead {
    display: none;
  }
  .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr {
    display: flex;
    flex-direction: column;
    margin: 0.5rem 0;
    padding: 0.25rem 0.5rem 0 0.5rem;
    word-wrap: break-word;
    background-clip: border-box;
    border: var(--bs-border-width) solid var(--bs-border-color-translucent);
    border-radius: var(--bs-border-radius);
  }
  .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr.emptyrow {
    display: none;
  }
  .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr:not(.show) td[data-cardviewhidden] {
    display: none;
  }
  .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr td {
    display: block;
    min-height: 3.6rem;
    padding: 0.5rem 0.25rem;
    border: none;
  }
  .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr td::before {
    content: attr(data-cardtitle);
    display: block;
    text-transform: uppercase;
    font-size: 70%;
    color: #343a40;
  }
  .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr td:not([data-cardtitle]) {
    min-height: 3rem;
  }
  .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr td:not(:first-child):not(.card-toggle) {
    border-top: var(--bs-border-width) solid var(--bs-border-color-translucent);
  }
  .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr td:first-child {
    padding-right: 2rem;
  }
  .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr td.card-toggle {
    display: block !important;
    /* stylelint-disable-line declaration-no-important */
    position: absolute;
    right: 10px;
  }
  .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr td.card-toggle button {
    padding: 0 0.5rem;
    color: #6a737b;
  }
  .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr td.card-toggle button i {
    font-size: 1.5em;
    font-weight: bold;
  }
}
.reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table {
  --bs-table-striped-bg: var(--bs-body-bg);
  --bs-table-hover-bg: var(--bs-body-bg);
}
.reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table thead {
  display: none;
}
.reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr {
  display: flex;
  flex-direction: column;
  margin: 0.5rem 0;
  padding: 0.25rem 0.5rem 0 0.5rem;
  word-wrap: break-word;
  background-clip: border-box;
  border: var(--bs-border-width) solid var(--bs-border-color-translucent);
  border-radius: var(--bs-border-radius);
}
.reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr.emptyrow {
  display: none;
}
.reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr:not(.show) td[data-cardviewhidden] {
  display: none;
}
.reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr td {
  display: block;
  min-height: 3.6rem;
  padding: 0.5rem 0.25rem;
  border: none;
}
.reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr td::before {
  content: attr(data-cardtitle);
  display: block;
  text-transform: uppercase;
  font-size: 70%;
  color: #343a40;
}
.reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr td:not([data-cardtitle]) {
  min-height: 3rem;
}
.reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr td:not(:first-child):not(.card-toggle) {
  border-top: var(--bs-border-width) solid var(--bs-border-color-translucent);
}
.reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr td:first-child {
  padding-right: 2rem;
}
.reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr td.card-toggle {
  display: block !important;
  /* stylelint-disable-line declaration-no-important */
  position: absolute;
  right: 10px;
}
.reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr td.card-toggle button {
  padding: 0 0.5rem;
  color: #6a737b;
}
.reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr td.card-toggle button i {
  font-size: 1.5em;
  font-weight: bold;
}
.courseindex .courseindex-item {
  padding: 0.5rem 0.5rem;
  border: 1px solid transparent;
  border-radius: 0.5rem;
}
.courseindex .courseindex-item.courseindex-section-title a {
  font-weight: bold;
}
.courseindex .courseindex-item .icons-collapse-expand {
  padding-right: 4px;
}
.courseindex .courseindex-item .courseindex-link, .courseindex .courseindex-item .courseindex-chevron {
  color: var(--bs-secondary-color);
}
.courseindex .courseindex-item .courseindex-link:hover, .courseindex .courseindex-item .courseindex-link:focus, .courseindex .courseindex-item .courseindex-chevron:hover, .courseindex .courseindex-item .courseindex-chevron:focus {
  color: black;
  text-decoration: none;
}
.courseindex .courseindex-item:hover, .courseindex .courseindex-item:focus {
  color: black;
}
.courseindex .courseindex-item:hover .courseindex-link, .courseindex .courseindex-item:hover .courseindex-chevron, .courseindex .courseindex-item:focus .courseindex-link, .courseindex .courseindex-item:focus .courseindex-chevron {
  color: black;
  cursor: pointer;
}
.courseindex .courseindex-item:hover.dimmed, .courseindex .courseindex-item:focus.dimmed {
  color: black;
}
.courseindex .courseindex-item:hover.dimmed .courseindex-link, .courseindex .courseindex-item:hover.dimmed .courseindex-chevron, .courseindex .courseindex-item:focus.dimmed .courseindex-link, .courseindex .courseindex-item:focus.dimmed .courseindex-chevron {
  color: black;
}
.courseindex .courseindex-item:hover.draggable, .courseindex .courseindex-item:focus.draggable {
  cursor: move;
}
.courseindex .courseindex-item:hover.pageitem, .courseindex .courseindex-item:hover .pageitem, .courseindex .courseindex-item:focus.pageitem, .courseindex .courseindex-item:focus .pageitem {
  background-color: #114e55;
  color: #e6e6e6;
}
.courseindex .courseindex-item:hover.pageitem .courseindex-link, .courseindex .courseindex-item:hover.pageitem .courseindex-chevron, .courseindex .courseindex-item:hover .pageitem .courseindex-link, .courseindex .courseindex-item:hover .pageitem .courseindex-chevron, .courseindex .courseindex-item:focus.pageitem .courseindex-link, .courseindex .courseindex-item:focus.pageitem .courseindex-chevron, .courseindex .courseindex-item:focus .pageitem .courseindex-link, .courseindex .courseindex-item:focus .pageitem .courseindex-chevron {
  color: #e6e6e6;
}
.courseindex .courseindex-item:hover.pageitem .courseindex-link a, .courseindex .courseindex-item:hover.pageitem .courseindex-chevron a, .courseindex .courseindex-item:hover .pageitem .courseindex-link a, .courseindex .courseindex-item:hover .pageitem .courseindex-chevron a, .courseindex .courseindex-item:focus.pageitem .courseindex-link a, .courseindex .courseindex-item:focus.pageitem .courseindex-chevron a, .courseindex .courseindex-item:focus .pageitem .courseindex-link a, .courseindex .courseindex-item:focus .pageitem .courseindex-chevron a {
  color: #e6e6e6;
}
.courseindex .courseindex-item.dragging {
  border: 1px solid #b3c2ea;
  background-color: #e6ebf8;
}
.courseindex .courseindex-item.active {
  background-color: #f8f9fa;
  border-color: #dee2e6;
}
.courseindex .courseindex-item.dimmed {
  color: #6a737b;
}
.courseindex .courseindex-item.dimmed .courseindex-link, .courseindex .courseindex-item.dimmed .courseindex-chevron {
  color: #6a737b;
}
.courseindex .courseindex-item.dimmed .pageitem .courseindex-link, .courseindex .courseindex-item.dimmed .pageitem .courseindex-chevron {
  color: #fff;
}
.courseindex .courseindex-item .courseindex-locked {
  display: none;
}
.courseindex .courseindex-item.restrictions .courseindex-locked {
  display: block;
}
.courseindex .courseindex-item.restrictions.pageitem {
  color: #fff;
}
.courseindex .courseindex-item.restrictions.pageitem a {
  color: #fff;
}
.courseindex .courseindex-item.pageitem {
  background-color: #176B75;
  color: #fff;
  scroll-margin: 6rem;
}
.courseindex .courseindex-item.pageitem a {
  color: #fff;
}
.courseindex .courseindex-item .completioninfo {
  min-width: 24px;
}
.courseindex .courseindex-item .completioninfo.completion_complete {
  color: #276E00;
}
.courseindex .courseindex-item .completioninfo.completion_fail {
  color: #AD1B00;
}
.courseindex .courseindex-item.indented {
  margin-left: 1rem;
}
.courseindex .courseindex-section {
  border-left: solid 3px transparent;
}
.courseindex .courseindex-section.dragging {
  border: 1px solid #b3c2ea;
  background-color: #e6ebf8;
}
.courseindex .courseindex-section .current-badge {
  line-height: 1.5;
  display: none;
}
.courseindex .courseindex-section.current {
  border-left: solid 3px #176B75;
  /* Skip current badges in delegated sections. */
}
.courseindex .courseindex-section.current .current-badge {
  display: inline-block;
}
.courseindex .courseindex-section.current .delegated-section .current-badge {
  display: none;
}
.courseindex .courseindex-section.dropready .courseindex-item-content {
  /* Extra dropzone space */
  padding-bottom: 1em;
}
.courseindex .courseindex-section .courseindex-sectioncontent .courseindex-item {
  padding-left: 0.5rem;
}
.courseindex .courseindex-section.delegated-section {
  width: 100%;
}
.courseindex .icon {
  font-size: 10px;
}
.courseindex .d-flex-noedit {
  display: none;
}
.courseindex.editing .d-flex-noedit {
  display: flex;
}
.courseindex .placeholders .rounded-circle {
  height: 1rem;
  width: 1rem;
}
.courseindex .placeholders .w-100 {
  height: 1rem;
  margin: 0.5rem 0;
}
.moremenu {
  opacity: 0;
  height: 60px;
}
.moremenu.observed {
  opacity: 1;
}
.moremenu .nav-link {
  height: 60px;
  display: flex;
  align-items: center;
  border-right: none;
  border-bottom: solid 3px transparent;
  border-left: none;
  border-top: none;
}
.moremenu .nav-link:hover, .moremenu .nav-link:focus {
  border-color: transparent;
  background-color: #f8f9fa;
}
.moremenu .nav-link.active {
  background-color: #f8f9fa;
  border-color: transparent;
  border-bottom-color: #176B75;
}
.moremenu .nav-link.active:focus, .moremenu .nav-link.active:hover {
  background-color: #f8f9fa;
  border-bottom-color: #176B75;
}
.moremenu .nav-link.focus, .moremenu .nav-link:focus {
  position: relative;
}
.moremenu .nav-link[data-bs-toggle="tab"] {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.moremenu .nav-link[data-bs-toggle="tab"]::after {
  content: attr(data-text) / "";
  height: 0;
  visibility: hidden;
  overflow: hidden;
  user-select: none;
  pointer-events: none;
  font-weight: bold;
}
@media speech {
  .moremenu .nav-link[data-bs-toggle="tab"]::after {
    display: none;
  }
}
.moremenu .nav-tabs {
  margin-left: 0;
  background-color: #fff;
}
.moremenu .show > .nav-link, .moremenu .active > .nav-link, .moremenu .nav-link.show, .moremenu .nav-link.active {
  background: transparent;
}
.moremenu .dropdownmoremenu > .dropdown-menu > .dropdown-item {
  padding: 0;
}
.moremenu .dropdownmoremenu > .dropdown-menu .dropdown-menu {
  position: static;
  padding: 0;
  border: 0;
}
.moremenu .dropdownmoremenu > .dropdown-menu .dropdown-menu.show {
  display: block;
}
.moremenu .dropdownmoremenu > .dropdown-menu .dropdown-menu .dropdown-item {
  background-color: #f8f9fa;
}
.moremenu .dropdownmoremenu > .dropdown-menu .dropdown-menu .dropdown-item:hover, .moremenu .dropdownmoremenu > .dropdown-menu .dropdown-menu .dropdown-item:focus {
  color: #fff;
  background-color: #176B75;
}
.moremenu .dropdownmoremenu > .dropdown-menu .dropdown-menu .dropdown-divider {
  display: none;
}
.moremenu .dropdown-item[aria-current="true"], .moremenu .dropdown-item.active {
  background-color: transparent;
  color: var(--bs-body-color);
}
.moremenu .dropdown-item[aria-current="true"]:focus-within, .moremenu .dropdown-item[aria-current="true"]:hover, .moremenu .dropdown-item.active:focus-within, .moremenu .dropdown-item.active:hover {
  background-color: #176B75;
  color: #fff;
}
.moremenu .dropdown-item[aria-current="true"]:focus-within a, .moremenu .dropdown-item[aria-current="true"]:hover a, .moremenu .dropdown-item.active:focus-within a, .moremenu .dropdown-item.active:hover a {
  color: #fff;
}
.moremenu .dropdown-item[aria-current="true"]:before, .moremenu .dropdown-item.active:before {
  font: var(--fa-font-solid);
  content: "";
}
.primary-navigation .navigation {
  height: 60px;
}
.primary-navigation .navigation .nav-link {
  height: 60px;
  color: #1d2125;
  border-top: 3px solid transparent;
}
@media (max-width: 767.98px) {
  .primary-navigation {
    display: none;
  }
  .editmode-switch-form label {
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
  }
  .editmode-switch-form label:not(caption) {
    position: absolute !important;
  }
}
.drawer-primary .drawercontent {
  padding: 0;
}
.drawer-primary .drawercontent .list-group {
  border-radius: 0;
  margin-top: -1px;
}
.drawer-primary .drawercontent .list-group .list-group-item {
  border-left: 0;
  border-right: 0;
}
.secondary-navigation {
  padding-bottom: 15px;
}
.secondary-navigation .navigation {
  border-bottom: 1px solid var(--bs-border-color);
  background-color: #fff;
  margin: 0 -0.5rem;
  padding: 0 0.5rem;
}
.secondary-navigation .navigation .nav-tabs {
  border: none;
  max-width: 75%;
  margin: 0 auto;
}
.secondary-navigation .navigation .nav-tabs .nav-link {
  border-radius: initial;
}
@media (min-width: 768px) {
  .secondary-navigation .navigation {
    padding: 0 calc(0.5rem + 15px);
  }
}
.tertiary-navigation {
  padding-top: 10px;
}
.tertiary-navigation.full-width-bottom-border {
  width: calc(100% + 1rem + 30px);
  margin-left: calc(-0.5rem - 15px);
  margin-right: calc(-0.5rem - 15px);
  border-bottom: 1px solid #dee2e6;
  margin-bottom: 25px;
}
@media (max-width: 767.98px) {
  .tertiary-navigation.full-width-bottom-border {
    width: calc(100% + 1rem);
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
}
.tertiary-navigation.full-width-bottom-border .row {
  margin: 0;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.tertiary-navigation .navitem, .tertiary-navigation .navitem-divider {
  display: flex;
  margin-bottom: 25px;
}
.tertiary-navigation .navitem-divider {
  width: 1px;
  background-color: #dee2e6;
}
.tertiary-navigation > a.btn, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .tertiary-navigation > a.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .tertiary-navigation > a.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .tertiary-navigation > a.collapseexpand, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) .tertiary-navigation > a, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging .tertiary-navigation > a, .activity-navigation .tertiary-navigation > a#prev-activity-link, .activity-navigation .tertiary-navigation > a#next-activity-link, .section-navigation .prevsection .tertiary-navigation > a, .section-navigation .nextsection .tertiary-navigation > a, .tertiary-navigation > div.urlselect {
  margin-bottom: 25px;
}
.tertiary-navigation .row {
  column-gap: 10px;
}
.tertiary-navigation .tertiary-navigation-selector .dropdown-toggle {
  padding: 0;
  font-size: 1.4rem;
  font-weight: bold;
}
.tertiary-navigation h2, .tertiary-navigation .h2 {
  font-size: 1.4rem;
  font-weight: bold;
  margin: 0;
  align-self: center;
}
.tertiary-navigation .navitem:not(:last-child), .tertiary-navigation .navitem-divider:not(:last-child) {
  margin-right: 20px;
}
.tertiary-navigation .btn > div, .tertiary-navigation .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand > div, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .tertiary-navigation a.collapseexpand > div, .tertiary-navigation .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand > div, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .tertiary-navigation a.collapseexpand > div, .tertiary-navigation #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand > div, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .tertiary-navigation a.collapseexpand > div, .tertiary-navigation #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) a > div, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) .tertiary-navigation a > div, .tertiary-navigation #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging a > div, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging .tertiary-navigation a > div, .tertiary-navigation .activity-navigation #prev-activity-link > div, .activity-navigation .tertiary-navigation #prev-activity-link > div, .tertiary-navigation .activity-navigation #next-activity-link > div, .activity-navigation .tertiary-navigation #next-activity-link > div, .tertiary-navigation .section-navigation .prevsection a > div, .section-navigation .prevsection .tertiary-navigation a > div, .tertiary-navigation .section-navigation .nextsection a > div, .section-navigation .nextsection .tertiary-navigation a > div {
  max-width: 200px;
}
@media (max-width: 767.98px) {
  .tertiary-navigation .mform {
    padding-left: initial;
  }
}
@media (max-width: 575.98px) {
  .tertiary-navigation .page-toggler > p {
    font-size: 80%;
  }
}
@media print {
  .tertiary-navigation {
    display: none;
  }
}
.popover-process-monitor {
  position: fixed;
  right: 2rem;
  bottom: 5rem;
  left: initial;
  top: initial;
  width: 350px;
  height: auto;
}
.popover-process-monitor .process-list {
  max-height: 30vh;
  overflow: auto;
  scrollbar-width: thin;
  scrollbar-color: #6a737b #f8f9fa;
}
.popover-process-monitor .process-list::-webkit-scrollbar {
  width: 12px;
}
.popover-process-monitor .process-list::-webkit-scrollbar-track {
  background: #f8f9fa;
}
.popover-process-monitor .process-list::-webkit-scrollbar-thumb {
  background-color: #6a737b;
  border-radius: 20px;
  border: 3px solid #f8f9fa;
}
.popover-process-monitor .process-list::-webkit-scrollbar-thumb:hover {
  background-color: #495057;
}
.popover-process-monitor .queue-process {
  border-bottom: 1px solid #e9ecef;
}
.popover-process-monitor .queue-process:last-child {
  border-bottom: 0;
}
.moodlenet-share-dialog {
  min-height: 500px;
}
.moodlenet-share-dialog .modal-header .moodlenet-share-moodlenetinfo {
  align-items: baseline;
}
.moodlenet-share-dialog .modal-header .moodlenet-share-moodlenetinfo .moodlenet-logo {
  display: flex;
}
.moodlenet-share-dialog .modal-header .moodlenet-share-moodlenetinfo .moodlenet-logo .icon {
  max-width: initial;
  width: auto;
  height: 1.3rem;
}
.moodlenet-share-dialog .modal-header .moodlenet-share-moodlenetinfo .moodlenet-title {
  display: flex;
  padding-left: 0.5em;
}
.moodlenet-share-dialog .modal-header.no-border {
  border-bottom: none;
}
.moodlenet-share-dialog .modal-header.no-header-text .moodlenet-share-moodlenetinfo .moodlenet-title {
  display: none;
}
.moodlenet-share-dialog .modal-body .moodlenet-share-activity-info {
  color: #1d2125;
  border-color: #458991;
  background-color: #e8f0f1;
  border-radius: 0.5rem;
  border-width: 1px;
  border-style: solid;
  padding: 0.6em 1.5em;
  margin-bottom: 1rem;
}
.moodlenet-share-dialog .modal-body .moodlenet-share-activity-info .moodlenet-share-activity-info-hr {
  border-bottom: 1px solid #dee2e6;
}
.moodlenet-share-dialog .modal-body .moodlenet-share-activity-info .moodlenet-activity-type, .moodlenet-share-dialog .modal-body .moodlenet-share-activity-info .moodlenet-activity-name {
  display: block;
}
.moodlenet-share-dialog .modal-body .moodlenet-share-notice {
  background-color: #f8f9fa;
  padding: 1rem;
}
.moodlenet-share-dialog .modal-body .moodlenet-share-modal-content .loading-icon .icon {
  max-width: 4em;
  max-height: 4em;
  font-size: 4em;
}
.moodlenet-share-dialog .modal-body .moodlenet-share-modal-content .moodlenet-circle-status {
  height: 18rem;
  margin: auto;
}
.moodlenet-share-dialog .modal-body .moodlenet-share-modal-content .moodlenet-circle-status.success {
  background: radial-gradient(circle, rgba(25, 143, 81, 0.1) 9rem, transparent 9rem);
}
.moodlenet-share-dialog .modal-body .moodlenet-share-modal-content .moodlenet-circle-status.fail {
  background: radial-gradient(circle, rgba(202, 49, 32, 0.1) 9rem, transparent 9rem);
}
.moodlenet-share-dialog .modal-body .moodlenet-share-modal-content .moodlenet-circle-status span {
  display: block;
  margin: auto;
}
.moodlenet-share-dialog .modal-body .moodlenet-share-modal-content .moodlenet-circle-status span.status-icon .icon {
  font-size: 8rem;
  max-width: initial;
  margin: 0;
}
.moodlenet-share-dialog .modal-footer .moodlenet-share-to {
  margin-right: auto;
}
/**
 * Dropdown menu Moodle specific styles.
 */
.dropdown-item a {
  display: block;
  width: 100%;
  color: #1d2125;
}
.dropdown-item.active a, .dropdown-item:active a, .dropdown-item:hover a, .dropdown-item:focus a, .dropdown-item:focus-within a {
  color: #fff;
}
.dropdown-item[aria-current="true"], .dropdown-item[aria-selected="true"] {
  position: relative;
  display: flex;
  align-items: center;
}
.dropdown-item[aria-current="true"]:before, .dropdown-item[aria-selected="true"]:before {
  font: var(--fa-font-solid);
  content: "";
  position: absolute;
  left: 0.4rem;
  font-size: 0.7rem;
}
.dropdown-menu {
  width: fit-content;
}
.dropdown-menu:has(.dropdown-item-active) .dropdown-item {
  padding-left: 1.5rem;
}
.dropdown-item:hover.text-primary, .dropdown-item:hover a.text-primary, .dropdown-item:hover span.text-primary, .dropdown-item:focus.text-primary, .dropdown-item:focus a.text-primary, .dropdown-item:focus span.text-primary {
  color: #fff !important;
  /* stylelint-disable-line declaration-no-important */
}
.dropdown-item:hover.text-secondary, .dropdown-item:hover a.text-secondary, .dropdown-item:hover span.text-secondary, .dropdown-item:focus.text-secondary, .dropdown-item:focus a.text-secondary, .dropdown-item:focus span.text-secondary {
  color: #fff !important;
  /* stylelint-disable-line declaration-no-important */
}
.dropdown-item:hover.text-success, .dropdown-item:hover a.text-success, .dropdown-item:hover span.text-success, .dropdown-item:focus.text-success, .dropdown-item:focus a.text-success, .dropdown-item:focus span.text-success {
  color: #fff !important;
  /* stylelint-disable-line declaration-no-important */
}
.dropdown-item:hover.text-info, .dropdown-item:hover a.text-info, .dropdown-item:hover span.text-info, .dropdown-item:focus.text-info, .dropdown-item:focus a.text-info, .dropdown-item:focus span.text-info {
  color: #fff !important;
  /* stylelint-disable-line declaration-no-important */
}
.dropdown-item:hover.text-warning, .dropdown-item:hover a.text-warning, .dropdown-item:hover span.text-warning, .dropdown-item:focus.text-warning, .dropdown-item:focus a.text-warning, .dropdown-item:focus span.text-warning {
  color: #fff !important;
  /* stylelint-disable-line declaration-no-important */
}
.dropdown-item:hover.text-danger, .dropdown-item:hover a.text-danger, .dropdown-item:hover span.text-danger, .dropdown-item:focus.text-danger, .dropdown-item:focus a.text-danger, .dropdown-item:focus span.text-danger {
  color: #fff !important;
  /* stylelint-disable-line declaration-no-important */
}
.dropdown-item:hover.text-light, .dropdown-item:hover a.text-light, .dropdown-item:hover span.text-light, .dropdown-item:focus.text-light, .dropdown-item:focus a.text-light, .dropdown-item:focus span.text-light {
  color: #fff !important;
  /* stylelint-disable-line declaration-no-important */
}
.dropdown-item:hover.text-dark, .dropdown-item:hover a.text-dark, .dropdown-item:hover span.text-dark, .dropdown-item:focus.text-dark, .dropdown-item:focus a.text-dark, .dropdown-item:focus span.text-dark {
  color: #fff !important;
  /* stylelint-disable-line declaration-no-important */
}
.dropdown-item:hover.text-primary-emphasis, .dropdown-item:hover a.text-primary-emphasis, .dropdown-item:hover span.text-primary-emphasis, .dropdown-item:focus.text-primary-emphasis, .dropdown-item:focus a.text-primary-emphasis, .dropdown-item:focus span.text-primary-emphasis {
  color: #fff !important;
  /* stylelint-disable-line declaration-no-important */
}
.dropdown-item:hover.text-secondary-emphasis, .dropdown-item:hover a.text-secondary-emphasis, .dropdown-item:hover span.text-secondary-emphasis, .dropdown-item:focus.text-secondary-emphasis, .dropdown-item:focus a.text-secondary-emphasis, .dropdown-item:focus span.text-secondary-emphasis {
  color: #fff !important;
  /* stylelint-disable-line declaration-no-important */
}
.dropdown-item:hover.text-success-emphasis, .dropdown-item:hover a.text-success-emphasis, .dropdown-item:hover span.text-success-emphasis, .dropdown-item:focus.text-success-emphasis, .dropdown-item:focus a.text-success-emphasis, .dropdown-item:focus span.text-success-emphasis {
  color: #fff !important;
  /* stylelint-disable-line declaration-no-important */
}
.dropdown-item:hover.text-info-emphasis, .dropdown-item:hover a.text-info-emphasis, .dropdown-item:hover span.text-info-emphasis, .dropdown-item:focus.text-info-emphasis, .dropdown-item:focus a.text-info-emphasis, .dropdown-item:focus span.text-info-emphasis {
  color: #fff !important;
  /* stylelint-disable-line declaration-no-important */
}
.dropdown-item:hover.text-warning-emphasis, .dropdown-item:hover a.text-warning-emphasis, .dropdown-item:hover span.text-warning-emphasis, .dropdown-item:focus.text-warning-emphasis, .dropdown-item:focus a.text-warning-emphasis, .dropdown-item:focus span.text-warning-emphasis {
  color: #fff !important;
  /* stylelint-disable-line declaration-no-important */
}
.dropdown-item:hover.text-danger-emphasis, .dropdown-item:hover a.text-danger-emphasis, .dropdown-item:hover span.text-danger-emphasis, .dropdown-item:focus.text-danger-emphasis, .dropdown-item:focus a.text-danger-emphasis, .dropdown-item:focus span.text-danger-emphasis {
  color: #fff !important;
  /* stylelint-disable-line declaration-no-important */
}
.dropdown-item:hover.text-light-emphasis, .dropdown-item:hover a.text-light-emphasis, .dropdown-item:hover span.text-light-emphasis, .dropdown-item:focus.text-light-emphasis, .dropdown-item:focus a.text-light-emphasis, .dropdown-item:focus span.text-light-emphasis {
  color: #fff !important;
  /* stylelint-disable-line declaration-no-important */
}
.dropdown-item:hover.text-dark-emphasis, .dropdown-item:hover a.text-dark-emphasis, .dropdown-item:hover span.text-dark-emphasis, .dropdown-item:focus.text-dark-emphasis, .dropdown-item:focus a.text-dark-emphasis, .dropdown-item:focus span.text-dark-emphasis {
  color: #fff !important;
  /* stylelint-disable-line declaration-no-important */
}
/**
 Deprecations
 */
.course-content .stateready .section .spinner {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  display: none;
}
body.behat-site .course-content .stateready .section .spinner, body.behat-site.course-content .stateready .section .spinner, body.themedesignermode .course-content .stateready .section .spinner, body.themedesignermode.course-content .stateready .section .spinner {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .course-content .stateready .section .spinner::before, body.behat-site.course-content .stateready .section .spinner::before, body.themedesignermode .course-content .stateready .section .spinner::before, body.themedesignermode.course-content .stateready .section .spinner::before {
  content: "Deprecated style in use (.course-content .stateready .section .spinner)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}
/**
 * Some backwards compatibility for Bootstrap v4.
 */
.media {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  display: flex;
  align-items: flex-start;
}
body.behat-site .media, body.behat-site.media, body.themedesignermode .media, body.themedesignermode.media {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .media::before, body.behat-site.media::before, body.themedesignermode .media::before, body.themedesignermode.media::before {
  content: "Deprecated style in use (.media)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}
.media-body {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  flex: 1;
}
body.behat-site .media-body, body.behat-site.media-body, body.themedesignermode .media-body, body.themedesignermode.media-body {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .media-body::before, body.behat-site.media-body::before, body.themedesignermode .media-body::before, body.themedesignermode.media-body::before {
  content: "Deprecated style in use (.media-body)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}
.badge-primary {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  color: #fff;
  background-color: #176B75;
}
body.behat-site .badge-primary, body.behat-site.badge-primary, body.themedesignermode .badge-primary, body.themedesignermode.badge-primary {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .badge-primary::before, body.behat-site.badge-primary::before, body.themedesignermode .badge-primary::before, body.themedesignermode.badge-primary::before {
  content: "Deprecated style in use (.badge-primary)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}
a.badge-primary:hover, a.badge-primary:focus {
  color: #fff;
  background-color: #0f444a;
}
a.badge-primary:focus, a.badge-primary.focus {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(23, 107, 117, 0.5);
}
.badge-secondary {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  color: #1d2125;
  background-color: #ced4da;
}
body.behat-site .badge-secondary, body.behat-site.badge-secondary, body.themedesignermode .badge-secondary, body.themedesignermode.badge-secondary {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .badge-secondary::before, body.behat-site.badge-secondary::before, body.themedesignermode .badge-secondary::before, body.themedesignermode.badge-secondary::before {
  content: "Deprecated style in use (.badge-secondary)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}
a.badge-secondary:hover, a.badge-secondary:focus {
  color: #1d2125;
  background-color: #b1bbc4;
}
a.badge-secondary:focus, a.badge-secondary.focus {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(206, 212, 218, 0.5);
}
.badge-success {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  color: #fff;
  background-color: #276E00;
}
body.behat-site .badge-success, body.behat-site.badge-success, body.themedesignermode .badge-success, body.themedesignermode.badge-success {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .badge-success::before, body.behat-site.badge-success::before, body.themedesignermode .badge-success::before, body.themedesignermode.badge-success::before {
  content: "Deprecated style in use (.badge-success)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}
a.badge-success:hover, a.badge-success:focus {
  color: #fff;
  background-color: #153b00;
}
a.badge-success:focus, a.badge-success.focus {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(39, 110, 0, 0.5);
}
.badge-info {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  color: #fff;
  background-color: #0333B9;
}
body.behat-site .badge-info, body.behat-site.badge-info, body.themedesignermode .badge-info, body.themedesignermode.badge-info {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .badge-info::before, body.behat-site.badge-info::before, body.themedesignermode .badge-info::before, body.themedesignermode.badge-info::before {
  content: "Deprecated style in use (.badge-info)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}
a.badge-info:hover, a.badge-info:focus {
  color: #fff;
  background-color: #022587;
}
a.badge-info:focus, a.badge-info.focus {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(3, 51, 185, 0.5);
}
.badge-warning {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  color: #1d2125;
  background-color: #EF9100;
}
body.behat-site .badge-warning, body.behat-site.badge-warning, body.themedesignermode .badge-warning, body.themedesignermode.badge-warning {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .badge-warning::before, body.behat-site.badge-warning::before, body.themedesignermode .badge-warning::before, body.themedesignermode.badge-warning::before {
  content: "Deprecated style in use (.badge-warning)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}
a.badge-warning:hover, a.badge-warning:focus {
  color: #1d2125;
  background-color: #bc7200;
}
a.badge-warning:focus, a.badge-warning.focus {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(239, 145, 0, 0.5);
}
.badge-danger {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  color: #fff;
  background-color: #AD1B00;
}
body.behat-site .badge-danger, body.behat-site.badge-danger, body.themedesignermode .badge-danger, body.themedesignermode.badge-danger {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .badge-danger::before, body.behat-site.badge-danger::before, body.themedesignermode .badge-danger::before, body.themedesignermode.badge-danger::before {
  content: "Deprecated style in use (.badge-danger)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}
a.badge-danger:hover, a.badge-danger:focus {
  color: #fff;
  background-color: #7a1300;
}
a.badge-danger:focus, a.badge-danger.focus {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(173, 27, 0, 0.5);
}
.badge-light {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  color: #1d2125;
  background-color: #f8f9fa;
}
body.behat-site .badge-light, body.behat-site.badge-light, body.themedesignermode .badge-light, body.themedesignermode.badge-light {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .badge-light::before, body.behat-site.badge-light::before, body.themedesignermode .badge-light::before, body.themedesignermode.badge-light::before {
  content: "Deprecated style in use (.badge-light)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}
a.badge-light:hover, a.badge-light:focus {
  color: #1d2125;
  background-color: #dae0e5;
}
a.badge-light:focus, a.badge-light.focus {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5);
}
.badge-dark {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  color: #fff;
  background-color: #1d2125;
}
body.behat-site .badge-dark, body.behat-site.badge-dark, body.themedesignermode .badge-dark, body.themedesignermode.badge-dark {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .badge-dark::before, body.behat-site.badge-dark::before, body.themedesignermode .badge-dark::before, body.themedesignermode.badge-dark::before {
  content: "Deprecated style in use (.badge-dark)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}
a.badge-dark:hover, a.badge-dark:focus {
  color: #fff;
  background-color: #070808;
}
a.badge-dark:focus, a.badge-dark.focus {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(29, 33, 37, 0.5);
}
.badge-pill {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  padding-right: 0.6em;
  padding-left: 0.6em;
  border-radius: 10rem;
}
body.behat-site .badge-pill, body.behat-site.badge-pill, body.themedesignermode .badge-pill, body.themedesignermode.badge-pill {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .badge-pill::before, body.behat-site.badge-pill::before, body.themedesignermode .badge-pill::before, body.themedesignermode.badge-pill::before {
  content: "Deprecated style in use (.badge-pill)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}
.form-group {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  margin-bottom: 1rem;
}
body.behat-site .form-group, body.behat-site.form-group, body.themedesignermode .form-group, body.themedesignermode.form-group {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .form-group::before, body.behat-site.form-group::before, body.themedesignermode .form-group::before, body.themedesignermode.form-group::before {
  content: "Deprecated style in use (.form-group)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}
.form-inline {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
body.behat-site .form-inline, body.behat-site.form-inline, body.themedesignermode .form-inline, body.themedesignermode.form-inline {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .form-inline::before, body.behat-site.form-inline::before, body.themedesignermode .form-inline::before, body.themedesignermode.form-inline::before {
  content: "Deprecated style in use (.form-inline)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}
.form-inline .form-check {
  width: 100%;
}
@media (min-width: 576px) {
  .form-inline label {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
  }
  .form-inline .form-group {
    display: flex;
    flex: 0 0 auto;
    flex-flow: row wrap;
    align-items: center;
    margin-bottom: 0;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-plaintext {
    display: inline-block;
  }
  .form-inline .input-group, .form-inline .custom-select {
    width: auto;
  }
  .form-inline .form-check {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    padding-left: 0;
  }
  .form-inline .form-check-input {
    position: relative;
    flex-shrink: 0;
    margin-top: 0;
    margin-right: 0.25rem;
    margin-left: 0;
  }
  .form-inline .custom-control {
    align-items: center;
    justify-content: center;
  }
  .form-inline .custom-control-label {
    margin-bottom: 0;
  }
}
.card-deck {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
}
body.behat-site .card-deck, body.behat-site.card-deck, body.themedesignermode .card-deck, body.themedesignermode.card-deck {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .card-deck::before, body.behat-site.card-deck::before, body.themedesignermode .card-deck::before, body.themedesignermode.card-deck::before {
  content: "Deprecated style in use (.card-deck)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}
.card-deck .card {
  margin-bottom: 15px;
}
@media (min-width: 576px) {
  .card-deck {
    display: flex;
    flex-flow: row wrap;
    margin-right: -15px;
    margin-left: -15px;
  }
  .card-deck .card {
    flex: 1 0 0%;
    margin-right: 15px;
    margin-bottom: 0;
    margin-left: 15px;
  }
}
.no-gutters {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  margin-right: 0;
  margin-left: 0;
}
body.behat-site .no-gutters, body.behat-site.no-gutters, body.themedesignermode .no-gutters, body.themedesignermode.no-gutters {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .no-gutters::before, body.behat-site.no-gutters::before, body.themedesignermode .no-gutters::before, body.themedesignermode.no-gutters::before {
  content: "Deprecated style in use (.no-gutters)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}
.no-gutters > .col, .no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}
.mr-0 {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  margin-right: 0 !important;
}
body.behat-site .mr-0, body.behat-site.mr-0, body.themedesignermode .mr-0, body.themedesignermode.mr-0 {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .mr-0::before, body.behat-site.mr-0::before, body.themedesignermode .mr-0::before, body.themedesignermode.mr-0::before {
  content: "Deprecated style in use (.mr)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}
.ml-0 {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  margin-left: 0 !important;
}
body.behat-site .ml-0, body.behat-site.ml-0, body.themedesignermode .ml-0, body.themedesignermode.ml-0 {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .ml-0::before, body.behat-site.ml-0::before, body.themedesignermode .ml-0::before, body.themedesignermode.ml-0::before {
  content: "Deprecated style in use (.ml)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}
.mr-1 {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  margin-right: 0.25rem !important;
}
body.behat-site .mr-1, body.behat-site.mr-1, body.themedesignermode .mr-1, body.themedesignermode.mr-1 {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .mr-1::before, body.behat-site.mr-1::before, body.themedesignermode .mr-1::before, body.themedesignermode.mr-1::before {
  content: "Deprecated style in use (.mr)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}
.ml-1 {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  margin-left: 0.25rem !important;
}
body.behat-site .ml-1, body.behat-site.ml-1, body.themedesignermode .ml-1, body.themedesignermode.ml-1 {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .ml-1::before, body.behat-site.ml-1::before, body.themedesignermode .ml-1::before, body.themedesignermode.ml-1::before {
  content: "Deprecated style in use (.ml)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}
.mr-2 {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  margin-right: 0.5rem !important;
}
body.behat-site .mr-2, body.behat-site.mr-2, body.themedesignermode .mr-2, body.themedesignermode.mr-2 {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .mr-2::before, body.behat-site.mr-2::before, body.themedesignermode .mr-2::before, body.themedesignermode.mr-2::before {
  content: "Deprecated style in use (.mr)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}
.ml-2 {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  margin-left: 0.5rem !important;
}
body.behat-site .ml-2, body.behat-site.ml-2, body.themedesignermode .ml-2, body.themedesignermode.ml-2 {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .ml-2::before, body.behat-site.ml-2::before, body.themedesignermode .ml-2::before, body.themedesignermode.ml-2::before {
  content: "Deprecated style in use (.ml)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}
.mr-3 {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  margin-right: 1rem !important;
}
body.behat-site .mr-3, body.behat-site.mr-3, body.themedesignermode .mr-3, body.themedesignermode.mr-3 {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .mr-3::before, body.behat-site.mr-3::before, body.themedesignermode .mr-3::before, body.themedesignermode.mr-3::before {
  content: "Deprecated style in use (.mr)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}
.ml-3 {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  margin-left: 1rem !important;
}
body.behat-site .ml-3, body.behat-site.ml-3, body.themedesignermode .ml-3, body.themedesignermode.ml-3 {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .ml-3::before, body.behat-site.ml-3::before, body.themedesignermode .ml-3::before, body.themedesignermode.ml-3::before {
  content: "Deprecated style in use (.ml)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}
.mr-4 {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  margin-right: 1.5rem !important;
}
body.behat-site .mr-4, body.behat-site.mr-4, body.themedesignermode .mr-4, body.themedesignermode.mr-4 {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .mr-4::before, body.behat-site.mr-4::before, body.themedesignermode .mr-4::before, body.themedesignermode.mr-4::before {
  content: "Deprecated style in use (.mr)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}
.ml-4 {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  margin-left: 1.5rem !important;
}
body.behat-site .ml-4, body.behat-site.ml-4, body.themedesignermode .ml-4, body.themedesignermode.ml-4 {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .ml-4::before, body.behat-site.ml-4::before, body.themedesignermode .ml-4::before, body.themedesignermode.ml-4::before {
  content: "Deprecated style in use (.ml)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}
.mr-5 {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  margin-right: 2rem !important;
}
body.behat-site .mr-5, body.behat-site.mr-5, body.themedesignermode .mr-5, body.themedesignermode.mr-5 {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .mr-5::before, body.behat-site.mr-5::before, body.themedesignermode .mr-5::before, body.themedesignermode.mr-5::before {
  content: "Deprecated style in use (.mr)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}
.ml-5 {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  margin-left: 2rem !important;
}
body.behat-site .ml-5, body.behat-site.ml-5, body.themedesignermode .ml-5, body.themedesignermode.ml-5 {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .ml-5::before, body.behat-site.ml-5::before, body.themedesignermode .ml-5::before, body.themedesignermode.ml-5::before {
  content: "Deprecated style in use (.ml)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}
.mr-6 {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  margin-right: 3rem !important;
}
body.behat-site .mr-6, body.behat-site.mr-6, body.themedesignermode .mr-6, body.themedesignermode.mr-6 {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .mr-6::before, body.behat-site.mr-6::before, body.themedesignermode .mr-6::before, body.themedesignermode.mr-6::before {
  content: "Deprecated style in use (.mr)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}
.ml-6 {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  margin-left: 3rem !important;
}
body.behat-site .ml-6, body.behat-site.ml-6, body.themedesignermode .ml-6, body.themedesignermode.ml-6 {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .ml-6::before, body.behat-site.ml-6::before, body.themedesignermode .ml-6::before, body.themedesignermode.ml-6::before {
  content: "Deprecated style in use (.ml)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}
.pr-0 {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  padding-right: 0 !important;
}
body.behat-site .pr-0, body.behat-site.pr-0, body.themedesignermode .pr-0, body.themedesignermode.pr-0 {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .pr-0::before, body.behat-site.pr-0::before, body.themedesignermode .pr-0::before, body.themedesignermode.pr-0::before {
  content: "Deprecated style in use (.pr)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}
.pl-0 {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  padding-left: 0 !important;
}
body.behat-site .pl-0, body.behat-site.pl-0, body.themedesignermode .pl-0, body.themedesignermode.pl-0 {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .pl-0::before, body.behat-site.pl-0::before, body.themedesignermode .pl-0::before, body.themedesignermode.pl-0::before {
  content: "Deprecated style in use (.pl)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}
.pr-1 {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  padding-right: 0.25rem !important;
}
body.behat-site .pr-1, body.behat-site.pr-1, body.themedesignermode .pr-1, body.themedesignermode.pr-1 {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .pr-1::before, body.behat-site.pr-1::before, body.themedesignermode .pr-1::before, body.themedesignermode.pr-1::before {
  content: "Deprecated style in use (.pr)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}
.pl-1 {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  padding-left: 0.25rem !important;
}
body.behat-site .pl-1, body.behat-site.pl-1, body.themedesignermode .pl-1, body.themedesignermode.pl-1 {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .pl-1::before, body.behat-site.pl-1::before, body.themedesignermode .pl-1::before, body.themedesignermode.pl-1::before {
  content: "Deprecated style in use (.pl)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}
.pr-2 {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  padding-right: 0.5rem !important;
}
body.behat-site .pr-2, body.behat-site.pr-2, body.themedesignermode .pr-2, body.themedesignermode.pr-2 {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .pr-2::before, body.behat-site.pr-2::before, body.themedesignermode .pr-2::before, body.themedesignermode.pr-2::before {
  content: "Deprecated style in use (.pr)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}
.pl-2 {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  padding-left: 0.5rem !important;
}
body.behat-site .pl-2, body.behat-site.pl-2, body.themedesignermode .pl-2, body.themedesignermode.pl-2 {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .pl-2::before, body.behat-site.pl-2::before, body.themedesignermode .pl-2::before, body.themedesignermode.pl-2::before {
  content: "Deprecated style in use (.pl)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}
.pr-3 {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  padding-right: 1rem !important;
}
body.behat-site .pr-3, body.behat-site.pr-3, body.themedesignermode .pr-3, body.themedesignermode.pr-3 {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .pr-3::before, body.behat-site.pr-3::before, body.themedesignermode .pr-3::before, body.themedesignermode.pr-3::before {
  content: "Deprecated style in use (.pr)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}
.pl-3 {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  padding-left: 1rem !important;
}
body.behat-site .pl-3, body.behat-site.pl-3, body.themedesignermode .pl-3, body.themedesignermode.pl-3 {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .pl-3::before, body.behat-site.pl-3::before, body.themedesignermode .pl-3::before, body.themedesignermode.pl-3::before {
  content: "Deprecated style in use (.pl)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}
.pr-4 {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  padding-right: 1.5rem !important;
}
body.behat-site .pr-4, body.behat-site.pr-4, body.themedesignermode .pr-4, body.themedesignermode.pr-4 {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .pr-4::before, body.behat-site.pr-4::before, body.themedesignermode .pr-4::before, body.themedesignermode.pr-4::before {
  content: "Deprecated style in use (.pr)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}
.pl-4 {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  padding-left: 1.5rem !important;
}
body.behat-site .pl-4, body.behat-site.pl-4, body.themedesignermode .pl-4, body.themedesignermode.pl-4 {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .pl-4::before, body.behat-site.pl-4::before, body.themedesignermode .pl-4::before, body.themedesignermode.pl-4::before {
  content: "Deprecated style in use (.pl)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}
.pr-5 {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  padding-right: 2rem !important;
}
body.behat-site .pr-5, body.behat-site.pr-5, body.themedesignermode .pr-5, body.themedesignermode.pr-5 {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .pr-5::before, body.behat-site.pr-5::before, body.themedesignermode .pr-5::before, body.themedesignermode.pr-5::before {
  content: "Deprecated style in use (.pr)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}
.pl-5 {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  padding-left: 2rem !important;
}
body.behat-site .pl-5, body.behat-site.pl-5, body.themedesignermode .pl-5, body.themedesignermode.pl-5 {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .pl-5::before, body.behat-site.pl-5::before, body.themedesignermode .pl-5::before, body.themedesignermode.pl-5::before {
  content: "Deprecated style in use (.pl)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}
.pr-6 {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  padding-right: 3rem !important;
}
body.behat-site .pr-6, body.behat-site.pr-6, body.themedesignermode .pr-6, body.themedesignermode.pr-6 {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .pr-6::before, body.behat-site.pr-6::before, body.themedesignermode .pr-6::before, body.themedesignermode.pr-6::before {
  content: "Deprecated style in use (.pr)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}
.pl-6 {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  padding-left: 3rem !important;
}
body.behat-site .pl-6, body.behat-site.pl-6, body.themedesignermode .pl-6, body.themedesignermode.pl-6 {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .pl-6::before, body.behat-site.pl-6::before, body.themedesignermode .pl-6::before, body.themedesignermode.pl-6::before {
  content: "Deprecated style in use (.pl)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}
.mr-n1 {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  margin-right: -0.25rem !important;
}
body.behat-site .mr-n1, body.behat-site.mr-n1, body.themedesignermode .mr-n1, body.themedesignermode.mr-n1 {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .mr-n1::before, body.behat-site.mr-n1::before, body.themedesignermode .mr-n1::before, body.themedesignermode.mr-n1::before {
  content: "Deprecated style in use (.mr)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}
.ml-n1 {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  margin-left: -0.25rem !important;
}
body.behat-site .ml-n1, body.behat-site.ml-n1, body.themedesignermode .ml-n1, body.themedesignermode.ml-n1 {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .ml-n1::before, body.behat-site.ml-n1::before, body.themedesignermode .ml-n1::before, body.themedesignermode.ml-n1::before {
  content: "Deprecated style in use (.ml)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}
.mr-n2 {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  margin-right: -0.5rem !important;
}
body.behat-site .mr-n2, body.behat-site.mr-n2, body.themedesignermode .mr-n2, body.themedesignermode.mr-n2 {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .mr-n2::before, body.behat-site.mr-n2::before, body.themedesignermode .mr-n2::before, body.themedesignermode.mr-n2::before {
  content: "Deprecated style in use (.mr)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}
.ml-n2 {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  margin-left: -0.5rem !important;
}
body.behat-site .ml-n2, body.behat-site.ml-n2, body.themedesignermode .ml-n2, body.themedesignermode.ml-n2 {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .ml-n2::before, body.behat-site.ml-n2::before, body.themedesignermode .ml-n2::before, body.themedesignermode.ml-n2::before {
  content: "Deprecated style in use (.ml)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}
.mr-n3 {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  margin-right: -1rem !important;
}
body.behat-site .mr-n3, body.behat-site.mr-n3, body.themedesignermode .mr-n3, body.themedesignermode.mr-n3 {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .mr-n3::before, body.behat-site.mr-n3::before, body.themedesignermode .mr-n3::before, body.themedesignermode.mr-n3::before {
  content: "Deprecated style in use (.mr)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}
.ml-n3 {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  margin-left: -1rem !important;
}
body.behat-site .ml-n3, body.behat-site.ml-n3, body.themedesignermode .ml-n3, body.themedesignermode.ml-n3 {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .ml-n3::before, body.behat-site.ml-n3::before, body.themedesignermode .ml-n3::before, body.themedesignermode.ml-n3::before {
  content: "Deprecated style in use (.ml)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}
.mr-n4 {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  margin-right: -1.5rem !important;
}
body.behat-site .mr-n4, body.behat-site.mr-n4, body.themedesignermode .mr-n4, body.themedesignermode.mr-n4 {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .mr-n4::before, body.behat-site.mr-n4::before, body.themedesignermode .mr-n4::before, body.themedesignermode.mr-n4::before {
  content: "Deprecated style in use (.mr)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}
.ml-n4 {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  margin-left: -1.5rem !important;
}
body.behat-site .ml-n4, body.behat-site.ml-n4, body.themedesignermode .ml-n4, body.themedesignermode.ml-n4 {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .ml-n4::before, body.behat-site.ml-n4::before, body.themedesignermode .ml-n4::before, body.themedesignermode.ml-n4::before {
  content: "Deprecated style in use (.ml)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}
.mr-n5 {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  margin-right: -2rem !important;
}
body.behat-site .mr-n5, body.behat-site.mr-n5, body.themedesignermode .mr-n5, body.themedesignermode.mr-n5 {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .mr-n5::before, body.behat-site.mr-n5::before, body.themedesignermode .mr-n5::before, body.themedesignermode.mr-n5::before {
  content: "Deprecated style in use (.mr)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}
.ml-n5 {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  margin-left: -2rem !important;
}
body.behat-site .ml-n5, body.behat-site.ml-n5, body.themedesignermode .ml-n5, body.themedesignermode.ml-n5 {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .ml-n5::before, body.behat-site.ml-n5::before, body.themedesignermode .ml-n5::before, body.themedesignermode.ml-n5::before {
  content: "Deprecated style in use (.ml)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}
.mr-n6 {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  margin-right: -3rem !important;
}
body.behat-site .mr-n6, body.behat-site.mr-n6, body.themedesignermode .mr-n6, body.themedesignermode.mr-n6 {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .mr-n6::before, body.behat-site.mr-n6::before, body.themedesignermode .mr-n6::before, body.themedesignermode.mr-n6::before {
  content: "Deprecated style in use (.mr)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}
.ml-n6 {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  margin-left: -3rem !important;
}
body.behat-site .ml-n6, body.behat-site.ml-n6, body.themedesignermode .ml-n6, body.themedesignermode.ml-n6 {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .ml-n6::before, body.behat-site.ml-n6::before, body.themedesignermode .ml-n6::before, body.themedesignermode.ml-n6::before {
  content: "Deprecated style in use (.ml)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}
.mr-auto {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  margin-right: auto !important;
}
body.behat-site .mr-auto, body.behat-site.mr-auto, body.themedesignermode .mr-auto, body.themedesignermode.mr-auto {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .mr-auto::before, body.behat-site.mr-auto::before, body.themedesignermode .mr-auto::before, body.themedesignermode.mr-auto::before {
  content: "Deprecated style in use (.mr)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}
.ml-auto {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  margin-left: auto !important;
}
body.behat-site .ml-auto, body.behat-site.ml-auto, body.themedesignermode .ml-auto, body.themedesignermode.ml-auto {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .ml-auto::before, body.behat-site.ml-auto::before, body.themedesignermode .ml-auto::before, body.themedesignermode.ml-auto::before {
  content: "Deprecated style in use (.ml)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}
@media (min-width: 576px) {
  .mr-sm-0 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: 0 !important;
  }
  body.behat-site .mr-sm-0, body.behat-site.mr-sm-0, body.themedesignermode .mr-sm-0, body.themedesignermode.mr-sm-0 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-sm-0::before, body.behat-site.mr-sm-0::before, body.themedesignermode .mr-sm-0::before, body.themedesignermode.mr-sm-0::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-sm-0 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: 0 !important;
  }
  body.behat-site .ml-sm-0, body.behat-site.ml-sm-0, body.themedesignermode .ml-sm-0, body.themedesignermode.ml-sm-0 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-sm-0::before, body.behat-site.ml-sm-0::before, body.themedesignermode .ml-sm-0::before, body.themedesignermode.ml-sm-0::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-sm-1 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: 0.25rem !important;
  }
  body.behat-site .mr-sm-1, body.behat-site.mr-sm-1, body.themedesignermode .mr-sm-1, body.themedesignermode.mr-sm-1 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-sm-1::before, body.behat-site.mr-sm-1::before, body.themedesignermode .mr-sm-1::before, body.themedesignermode.mr-sm-1::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-sm-1 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: 0.25rem !important;
  }
  body.behat-site .ml-sm-1, body.behat-site.ml-sm-1, body.themedesignermode .ml-sm-1, body.themedesignermode.ml-sm-1 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-sm-1::before, body.behat-site.ml-sm-1::before, body.themedesignermode .ml-sm-1::before, body.themedesignermode.ml-sm-1::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-sm-2 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: 0.5rem !important;
  }
  body.behat-site .mr-sm-2, body.behat-site.mr-sm-2, body.themedesignermode .mr-sm-2, body.themedesignermode.mr-sm-2 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-sm-2::before, body.behat-site.mr-sm-2::before, body.themedesignermode .mr-sm-2::before, body.themedesignermode.mr-sm-2::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-sm-2 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: 0.5rem !important;
  }
  body.behat-site .ml-sm-2, body.behat-site.ml-sm-2, body.themedesignermode .ml-sm-2, body.themedesignermode.ml-sm-2 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-sm-2::before, body.behat-site.ml-sm-2::before, body.themedesignermode .ml-sm-2::before, body.themedesignermode.ml-sm-2::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-sm-3 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: 1rem !important;
  }
  body.behat-site .mr-sm-3, body.behat-site.mr-sm-3, body.themedesignermode .mr-sm-3, body.themedesignermode.mr-sm-3 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-sm-3::before, body.behat-site.mr-sm-3::before, body.themedesignermode .mr-sm-3::before, body.themedesignermode.mr-sm-3::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-sm-3 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: 1rem !important;
  }
  body.behat-site .ml-sm-3, body.behat-site.ml-sm-3, body.themedesignermode .ml-sm-3, body.themedesignermode.ml-sm-3 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-sm-3::before, body.behat-site.ml-sm-3::before, body.themedesignermode .ml-sm-3::before, body.themedesignermode.ml-sm-3::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-sm-4 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: 1.5rem !important;
  }
  body.behat-site .mr-sm-4, body.behat-site.mr-sm-4, body.themedesignermode .mr-sm-4, body.themedesignermode.mr-sm-4 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-sm-4::before, body.behat-site.mr-sm-4::before, body.themedesignermode .mr-sm-4::before, body.themedesignermode.mr-sm-4::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-sm-4 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: 1.5rem !important;
  }
  body.behat-site .ml-sm-4, body.behat-site.ml-sm-4, body.themedesignermode .ml-sm-4, body.themedesignermode.ml-sm-4 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-sm-4::before, body.behat-site.ml-sm-4::before, body.themedesignermode .ml-sm-4::before, body.themedesignermode.ml-sm-4::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-sm-5 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: 2rem !important;
  }
  body.behat-site .mr-sm-5, body.behat-site.mr-sm-5, body.themedesignermode .mr-sm-5, body.themedesignermode.mr-sm-5 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-sm-5::before, body.behat-site.mr-sm-5::before, body.themedesignermode .mr-sm-5::before, body.themedesignermode.mr-sm-5::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-sm-5 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: 2rem !important;
  }
  body.behat-site .ml-sm-5, body.behat-site.ml-sm-5, body.themedesignermode .ml-sm-5, body.themedesignermode.ml-sm-5 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-sm-5::before, body.behat-site.ml-sm-5::before, body.themedesignermode .ml-sm-5::before, body.themedesignermode.ml-sm-5::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-sm-6 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: 3rem !important;
  }
  body.behat-site .mr-sm-6, body.behat-site.mr-sm-6, body.themedesignermode .mr-sm-6, body.themedesignermode.mr-sm-6 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-sm-6::before, body.behat-site.mr-sm-6::before, body.themedesignermode .mr-sm-6::before, body.themedesignermode.mr-sm-6::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-sm-6 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: 3rem !important;
  }
  body.behat-site .ml-sm-6, body.behat-site.ml-sm-6, body.themedesignermode .ml-sm-6, body.themedesignermode.ml-sm-6 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-sm-6::before, body.behat-site.ml-sm-6::before, body.themedesignermode .ml-sm-6::before, body.themedesignermode.ml-sm-6::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pr-sm-0 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-right: 0 !important;
  }
  body.behat-site .pr-sm-0, body.behat-site.pr-sm-0, body.themedesignermode .pr-sm-0, body.themedesignermode.pr-sm-0 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pr-sm-0::before, body.behat-site.pr-sm-0::before, body.themedesignermode .pr-sm-0::before, body.themedesignermode.pr-sm-0::before {
    content: "Deprecated style in use (.pr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pl-sm-0 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-left: 0 !important;
  }
  body.behat-site .pl-sm-0, body.behat-site.pl-sm-0, body.themedesignermode .pl-sm-0, body.themedesignermode.pl-sm-0 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pl-sm-0::before, body.behat-site.pl-sm-0::before, body.themedesignermode .pl-sm-0::before, body.themedesignermode.pl-sm-0::before {
    content: "Deprecated style in use (.pl)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pr-sm-1 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-right: 0.25rem !important;
  }
  body.behat-site .pr-sm-1, body.behat-site.pr-sm-1, body.themedesignermode .pr-sm-1, body.themedesignermode.pr-sm-1 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pr-sm-1::before, body.behat-site.pr-sm-1::before, body.themedesignermode .pr-sm-1::before, body.themedesignermode.pr-sm-1::before {
    content: "Deprecated style in use (.pr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pl-sm-1 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-left: 0.25rem !important;
  }
  body.behat-site .pl-sm-1, body.behat-site.pl-sm-1, body.themedesignermode .pl-sm-1, body.themedesignermode.pl-sm-1 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pl-sm-1::before, body.behat-site.pl-sm-1::before, body.themedesignermode .pl-sm-1::before, body.themedesignermode.pl-sm-1::before {
    content: "Deprecated style in use (.pl)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pr-sm-2 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-right: 0.5rem !important;
  }
  body.behat-site .pr-sm-2, body.behat-site.pr-sm-2, body.themedesignermode .pr-sm-2, body.themedesignermode.pr-sm-2 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pr-sm-2::before, body.behat-site.pr-sm-2::before, body.themedesignermode .pr-sm-2::before, body.themedesignermode.pr-sm-2::before {
    content: "Deprecated style in use (.pr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pl-sm-2 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-left: 0.5rem !important;
  }
  body.behat-site .pl-sm-2, body.behat-site.pl-sm-2, body.themedesignermode .pl-sm-2, body.themedesignermode.pl-sm-2 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pl-sm-2::before, body.behat-site.pl-sm-2::before, body.themedesignermode .pl-sm-2::before, body.themedesignermode.pl-sm-2::before {
    content: "Deprecated style in use (.pl)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pr-sm-3 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-right: 1rem !important;
  }
  body.behat-site .pr-sm-3, body.behat-site.pr-sm-3, body.themedesignermode .pr-sm-3, body.themedesignermode.pr-sm-3 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pr-sm-3::before, body.behat-site.pr-sm-3::before, body.themedesignermode .pr-sm-3::before, body.themedesignermode.pr-sm-3::before {
    content: "Deprecated style in use (.pr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pl-sm-3 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-left: 1rem !important;
  }
  body.behat-site .pl-sm-3, body.behat-site.pl-sm-3, body.themedesignermode .pl-sm-3, body.themedesignermode.pl-sm-3 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pl-sm-3::before, body.behat-site.pl-sm-3::before, body.themedesignermode .pl-sm-3::before, body.themedesignermode.pl-sm-3::before {
    content: "Deprecated style in use (.pl)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pr-sm-4 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-right: 1.5rem !important;
  }
  body.behat-site .pr-sm-4, body.behat-site.pr-sm-4, body.themedesignermode .pr-sm-4, body.themedesignermode.pr-sm-4 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pr-sm-4::before, body.behat-site.pr-sm-4::before, body.themedesignermode .pr-sm-4::before, body.themedesignermode.pr-sm-4::before {
    content: "Deprecated style in use (.pr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pl-sm-4 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-left: 1.5rem !important;
  }
  body.behat-site .pl-sm-4, body.behat-site.pl-sm-4, body.themedesignermode .pl-sm-4, body.themedesignermode.pl-sm-4 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pl-sm-4::before, body.behat-site.pl-sm-4::before, body.themedesignermode .pl-sm-4::before, body.themedesignermode.pl-sm-4::before {
    content: "Deprecated style in use (.pl)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pr-sm-5 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-right: 2rem !important;
  }
  body.behat-site .pr-sm-5, body.behat-site.pr-sm-5, body.themedesignermode .pr-sm-5, body.themedesignermode.pr-sm-5 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pr-sm-5::before, body.behat-site.pr-sm-5::before, body.themedesignermode .pr-sm-5::before, body.themedesignermode.pr-sm-5::before {
    content: "Deprecated style in use (.pr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pl-sm-5 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-left: 2rem !important;
  }
  body.behat-site .pl-sm-5, body.behat-site.pl-sm-5, body.themedesignermode .pl-sm-5, body.themedesignermode.pl-sm-5 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pl-sm-5::before, body.behat-site.pl-sm-5::before, body.themedesignermode .pl-sm-5::before, body.themedesignermode.pl-sm-5::before {
    content: "Deprecated style in use (.pl)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pr-sm-6 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-right: 3rem !important;
  }
  body.behat-site .pr-sm-6, body.behat-site.pr-sm-6, body.themedesignermode .pr-sm-6, body.themedesignermode.pr-sm-6 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pr-sm-6::before, body.behat-site.pr-sm-6::before, body.themedesignermode .pr-sm-6::before, body.themedesignermode.pr-sm-6::before {
    content: "Deprecated style in use (.pr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pl-sm-6 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-left: 3rem !important;
  }
  body.behat-site .pl-sm-6, body.behat-site.pl-sm-6, body.themedesignermode .pl-sm-6, body.themedesignermode.pl-sm-6 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pl-sm-6::before, body.behat-site.pl-sm-6::before, body.themedesignermode .pl-sm-6::before, body.themedesignermode.pl-sm-6::before {
    content: "Deprecated style in use (.pl)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-sm-n1 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: -0.25rem !important;
  }
  body.behat-site .mr-sm-n1, body.behat-site.mr-sm-n1, body.themedesignermode .mr-sm-n1, body.themedesignermode.mr-sm-n1 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-sm-n1::before, body.behat-site.mr-sm-n1::before, body.themedesignermode .mr-sm-n1::before, body.themedesignermode.mr-sm-n1::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-sm-n1 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: -0.25rem !important;
  }
  body.behat-site .ml-sm-n1, body.behat-site.ml-sm-n1, body.themedesignermode .ml-sm-n1, body.themedesignermode.ml-sm-n1 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-sm-n1::before, body.behat-site.ml-sm-n1::before, body.themedesignermode .ml-sm-n1::before, body.themedesignermode.ml-sm-n1::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-sm-n2 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: -0.5rem !important;
  }
  body.behat-site .mr-sm-n2, body.behat-site.mr-sm-n2, body.themedesignermode .mr-sm-n2, body.themedesignermode.mr-sm-n2 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-sm-n2::before, body.behat-site.mr-sm-n2::before, body.themedesignermode .mr-sm-n2::before, body.themedesignermode.mr-sm-n2::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-sm-n2 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: -0.5rem !important;
  }
  body.behat-site .ml-sm-n2, body.behat-site.ml-sm-n2, body.themedesignermode .ml-sm-n2, body.themedesignermode.ml-sm-n2 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-sm-n2::before, body.behat-site.ml-sm-n2::before, body.themedesignermode .ml-sm-n2::before, body.themedesignermode.ml-sm-n2::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-sm-n3 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: -1rem !important;
  }
  body.behat-site .mr-sm-n3, body.behat-site.mr-sm-n3, body.themedesignermode .mr-sm-n3, body.themedesignermode.mr-sm-n3 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-sm-n3::before, body.behat-site.mr-sm-n3::before, body.themedesignermode .mr-sm-n3::before, body.themedesignermode.mr-sm-n3::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-sm-n3 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: -1rem !important;
  }
  body.behat-site .ml-sm-n3, body.behat-site.ml-sm-n3, body.themedesignermode .ml-sm-n3, body.themedesignermode.ml-sm-n3 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-sm-n3::before, body.behat-site.ml-sm-n3::before, body.themedesignermode .ml-sm-n3::before, body.themedesignermode.ml-sm-n3::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-sm-n4 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: -1.5rem !important;
  }
  body.behat-site .mr-sm-n4, body.behat-site.mr-sm-n4, body.themedesignermode .mr-sm-n4, body.themedesignermode.mr-sm-n4 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-sm-n4::before, body.behat-site.mr-sm-n4::before, body.themedesignermode .mr-sm-n4::before, body.themedesignermode.mr-sm-n4::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-sm-n4 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: -1.5rem !important;
  }
  body.behat-site .ml-sm-n4, body.behat-site.ml-sm-n4, body.themedesignermode .ml-sm-n4, body.themedesignermode.ml-sm-n4 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-sm-n4::before, body.behat-site.ml-sm-n4::before, body.themedesignermode .ml-sm-n4::before, body.themedesignermode.ml-sm-n4::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-sm-n5 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: -2rem !important;
  }
  body.behat-site .mr-sm-n5, body.behat-site.mr-sm-n5, body.themedesignermode .mr-sm-n5, body.themedesignermode.mr-sm-n5 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-sm-n5::before, body.behat-site.mr-sm-n5::before, body.themedesignermode .mr-sm-n5::before, body.themedesignermode.mr-sm-n5::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-sm-n5 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: -2rem !important;
  }
  body.behat-site .ml-sm-n5, body.behat-site.ml-sm-n5, body.themedesignermode .ml-sm-n5, body.themedesignermode.ml-sm-n5 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-sm-n5::before, body.behat-site.ml-sm-n5::before, body.themedesignermode .ml-sm-n5::before, body.themedesignermode.ml-sm-n5::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-sm-n6 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: -3rem !important;
  }
  body.behat-site .mr-sm-n6, body.behat-site.mr-sm-n6, body.themedesignermode .mr-sm-n6, body.themedesignermode.mr-sm-n6 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-sm-n6::before, body.behat-site.mr-sm-n6::before, body.themedesignermode .mr-sm-n6::before, body.themedesignermode.mr-sm-n6::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-sm-n6 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: -3rem !important;
  }
  body.behat-site .ml-sm-n6, body.behat-site.ml-sm-n6, body.themedesignermode .ml-sm-n6, body.themedesignermode.ml-sm-n6 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-sm-n6::before, body.behat-site.ml-sm-n6::before, body.themedesignermode .ml-sm-n6::before, body.themedesignermode.ml-sm-n6::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-sm-auto {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: auto !important;
  }
  body.behat-site .mr-sm-auto, body.behat-site.mr-sm-auto, body.themedesignermode .mr-sm-auto, body.themedesignermode.mr-sm-auto {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-sm-auto::before, body.behat-site.mr-sm-auto::before, body.themedesignermode .mr-sm-auto::before, body.themedesignermode.mr-sm-auto::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-sm-auto {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: auto !important;
  }
  body.behat-site .ml-sm-auto, body.behat-site.ml-sm-auto, body.themedesignermode .ml-sm-auto, body.themedesignermode.ml-sm-auto {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-sm-auto::before, body.behat-site.ml-sm-auto::before, body.themedesignermode .ml-sm-auto::before, body.themedesignermode.ml-sm-auto::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
}
@media (min-width: 768px) {
  .mr-md-0 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: 0 !important;
  }
  body.behat-site .mr-md-0, body.behat-site.mr-md-0, body.themedesignermode .mr-md-0, body.themedesignermode.mr-md-0 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-md-0::before, body.behat-site.mr-md-0::before, body.themedesignermode .mr-md-0::before, body.themedesignermode.mr-md-0::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-md-0 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: 0 !important;
  }
  body.behat-site .ml-md-0, body.behat-site.ml-md-0, body.themedesignermode .ml-md-0, body.themedesignermode.ml-md-0 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-md-0::before, body.behat-site.ml-md-0::before, body.themedesignermode .ml-md-0::before, body.themedesignermode.ml-md-0::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-md-1 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: 0.25rem !important;
  }
  body.behat-site .mr-md-1, body.behat-site.mr-md-1, body.themedesignermode .mr-md-1, body.themedesignermode.mr-md-1 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-md-1::before, body.behat-site.mr-md-1::before, body.themedesignermode .mr-md-1::before, body.themedesignermode.mr-md-1::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-md-1 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: 0.25rem !important;
  }
  body.behat-site .ml-md-1, body.behat-site.ml-md-1, body.themedesignermode .ml-md-1, body.themedesignermode.ml-md-1 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-md-1::before, body.behat-site.ml-md-1::before, body.themedesignermode .ml-md-1::before, body.themedesignermode.ml-md-1::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-md-2 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: 0.5rem !important;
  }
  body.behat-site .mr-md-2, body.behat-site.mr-md-2, body.themedesignermode .mr-md-2, body.themedesignermode.mr-md-2 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-md-2::before, body.behat-site.mr-md-2::before, body.themedesignermode .mr-md-2::before, body.themedesignermode.mr-md-2::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-md-2 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: 0.5rem !important;
  }
  body.behat-site .ml-md-2, body.behat-site.ml-md-2, body.themedesignermode .ml-md-2, body.themedesignermode.ml-md-2 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-md-2::before, body.behat-site.ml-md-2::before, body.themedesignermode .ml-md-2::before, body.themedesignermode.ml-md-2::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-md-3 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: 1rem !important;
  }
  body.behat-site .mr-md-3, body.behat-site.mr-md-3, body.themedesignermode .mr-md-3, body.themedesignermode.mr-md-3 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-md-3::before, body.behat-site.mr-md-3::before, body.themedesignermode .mr-md-3::before, body.themedesignermode.mr-md-3::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-md-3 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: 1rem !important;
  }
  body.behat-site .ml-md-3, body.behat-site.ml-md-3, body.themedesignermode .ml-md-3, body.themedesignermode.ml-md-3 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-md-3::before, body.behat-site.ml-md-3::before, body.themedesignermode .ml-md-3::before, body.themedesignermode.ml-md-3::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-md-4 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: 1.5rem !important;
  }
  body.behat-site .mr-md-4, body.behat-site.mr-md-4, body.themedesignermode .mr-md-4, body.themedesignermode.mr-md-4 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-md-4::before, body.behat-site.mr-md-4::before, body.themedesignermode .mr-md-4::before, body.themedesignermode.mr-md-4::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-md-4 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: 1.5rem !important;
  }
  body.behat-site .ml-md-4, body.behat-site.ml-md-4, body.themedesignermode .ml-md-4, body.themedesignermode.ml-md-4 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-md-4::before, body.behat-site.ml-md-4::before, body.themedesignermode .ml-md-4::before, body.themedesignermode.ml-md-4::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-md-5 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: 2rem !important;
  }
  body.behat-site .mr-md-5, body.behat-site.mr-md-5, body.themedesignermode .mr-md-5, body.themedesignermode.mr-md-5 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-md-5::before, body.behat-site.mr-md-5::before, body.themedesignermode .mr-md-5::before, body.themedesignermode.mr-md-5::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-md-5 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: 2rem !important;
  }
  body.behat-site .ml-md-5, body.behat-site.ml-md-5, body.themedesignermode .ml-md-5, body.themedesignermode.ml-md-5 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-md-5::before, body.behat-site.ml-md-5::before, body.themedesignermode .ml-md-5::before, body.themedesignermode.ml-md-5::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-md-6 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: 3rem !important;
  }
  body.behat-site .mr-md-6, body.behat-site.mr-md-6, body.themedesignermode .mr-md-6, body.themedesignermode.mr-md-6 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-md-6::before, body.behat-site.mr-md-6::before, body.themedesignermode .mr-md-6::before, body.themedesignermode.mr-md-6::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-md-6 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: 3rem !important;
  }
  body.behat-site .ml-md-6, body.behat-site.ml-md-6, body.themedesignermode .ml-md-6, body.themedesignermode.ml-md-6 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-md-6::before, body.behat-site.ml-md-6::before, body.themedesignermode .ml-md-6::before, body.themedesignermode.ml-md-6::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pr-md-0 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-right: 0 !important;
  }
  body.behat-site .pr-md-0, body.behat-site.pr-md-0, body.themedesignermode .pr-md-0, body.themedesignermode.pr-md-0 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pr-md-0::before, body.behat-site.pr-md-0::before, body.themedesignermode .pr-md-0::before, body.themedesignermode.pr-md-0::before {
    content: "Deprecated style in use (.pr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pl-md-0 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-left: 0 !important;
  }
  body.behat-site .pl-md-0, body.behat-site.pl-md-0, body.themedesignermode .pl-md-0, body.themedesignermode.pl-md-0 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pl-md-0::before, body.behat-site.pl-md-0::before, body.themedesignermode .pl-md-0::before, body.themedesignermode.pl-md-0::before {
    content: "Deprecated style in use (.pl)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pr-md-1 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-right: 0.25rem !important;
  }
  body.behat-site .pr-md-1, body.behat-site.pr-md-1, body.themedesignermode .pr-md-1, body.themedesignermode.pr-md-1 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pr-md-1::before, body.behat-site.pr-md-1::before, body.themedesignermode .pr-md-1::before, body.themedesignermode.pr-md-1::before {
    content: "Deprecated style in use (.pr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pl-md-1 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-left: 0.25rem !important;
  }
  body.behat-site .pl-md-1, body.behat-site.pl-md-1, body.themedesignermode .pl-md-1, body.themedesignermode.pl-md-1 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pl-md-1::before, body.behat-site.pl-md-1::before, body.themedesignermode .pl-md-1::before, body.themedesignermode.pl-md-1::before {
    content: "Deprecated style in use (.pl)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pr-md-2 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-right: 0.5rem !important;
  }
  body.behat-site .pr-md-2, body.behat-site.pr-md-2, body.themedesignermode .pr-md-2, body.themedesignermode.pr-md-2 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pr-md-2::before, body.behat-site.pr-md-2::before, body.themedesignermode .pr-md-2::before, body.themedesignermode.pr-md-2::before {
    content: "Deprecated style in use (.pr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pl-md-2 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-left: 0.5rem !important;
  }
  body.behat-site .pl-md-2, body.behat-site.pl-md-2, body.themedesignermode .pl-md-2, body.themedesignermode.pl-md-2 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pl-md-2::before, body.behat-site.pl-md-2::before, body.themedesignermode .pl-md-2::before, body.themedesignermode.pl-md-2::before {
    content: "Deprecated style in use (.pl)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pr-md-3 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-right: 1rem !important;
  }
  body.behat-site .pr-md-3, body.behat-site.pr-md-3, body.themedesignermode .pr-md-3, body.themedesignermode.pr-md-3 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pr-md-3::before, body.behat-site.pr-md-3::before, body.themedesignermode .pr-md-3::before, body.themedesignermode.pr-md-3::before {
    content: "Deprecated style in use (.pr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pl-md-3 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-left: 1rem !important;
  }
  body.behat-site .pl-md-3, body.behat-site.pl-md-3, body.themedesignermode .pl-md-3, body.themedesignermode.pl-md-3 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pl-md-3::before, body.behat-site.pl-md-3::before, body.themedesignermode .pl-md-3::before, body.themedesignermode.pl-md-3::before {
    content: "Deprecated style in use (.pl)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pr-md-4 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-right: 1.5rem !important;
  }
  body.behat-site .pr-md-4, body.behat-site.pr-md-4, body.themedesignermode .pr-md-4, body.themedesignermode.pr-md-4 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pr-md-4::before, body.behat-site.pr-md-4::before, body.themedesignermode .pr-md-4::before, body.themedesignermode.pr-md-4::before {
    content: "Deprecated style in use (.pr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pl-md-4 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-left: 1.5rem !important;
  }
  body.behat-site .pl-md-4, body.behat-site.pl-md-4, body.themedesignermode .pl-md-4, body.themedesignermode.pl-md-4 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pl-md-4::before, body.behat-site.pl-md-4::before, body.themedesignermode .pl-md-4::before, body.themedesignermode.pl-md-4::before {
    content: "Deprecated style in use (.pl)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pr-md-5 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-right: 2rem !important;
  }
  body.behat-site .pr-md-5, body.behat-site.pr-md-5, body.themedesignermode .pr-md-5, body.themedesignermode.pr-md-5 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pr-md-5::before, body.behat-site.pr-md-5::before, body.themedesignermode .pr-md-5::before, body.themedesignermode.pr-md-5::before {
    content: "Deprecated style in use (.pr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pl-md-5 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-left: 2rem !important;
  }
  body.behat-site .pl-md-5, body.behat-site.pl-md-5, body.themedesignermode .pl-md-5, body.themedesignermode.pl-md-5 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pl-md-5::before, body.behat-site.pl-md-5::before, body.themedesignermode .pl-md-5::before, body.themedesignermode.pl-md-5::before {
    content: "Deprecated style in use (.pl)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pr-md-6 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-right: 3rem !important;
  }
  body.behat-site .pr-md-6, body.behat-site.pr-md-6, body.themedesignermode .pr-md-6, body.themedesignermode.pr-md-6 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pr-md-6::before, body.behat-site.pr-md-6::before, body.themedesignermode .pr-md-6::before, body.themedesignermode.pr-md-6::before {
    content: "Deprecated style in use (.pr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pl-md-6 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-left: 3rem !important;
  }
  body.behat-site .pl-md-6, body.behat-site.pl-md-6, body.themedesignermode .pl-md-6, body.themedesignermode.pl-md-6 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pl-md-6::before, body.behat-site.pl-md-6::before, body.themedesignermode .pl-md-6::before, body.themedesignermode.pl-md-6::before {
    content: "Deprecated style in use (.pl)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-md-n1 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: -0.25rem !important;
  }
  body.behat-site .mr-md-n1, body.behat-site.mr-md-n1, body.themedesignermode .mr-md-n1, body.themedesignermode.mr-md-n1 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-md-n1::before, body.behat-site.mr-md-n1::before, body.themedesignermode .mr-md-n1::before, body.themedesignermode.mr-md-n1::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-md-n1 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: -0.25rem !important;
  }
  body.behat-site .ml-md-n1, body.behat-site.ml-md-n1, body.themedesignermode .ml-md-n1, body.themedesignermode.ml-md-n1 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-md-n1::before, body.behat-site.ml-md-n1::before, body.themedesignermode .ml-md-n1::before, body.themedesignermode.ml-md-n1::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-md-n2 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: -0.5rem !important;
  }
  body.behat-site .mr-md-n2, body.behat-site.mr-md-n2, body.themedesignermode .mr-md-n2, body.themedesignermode.mr-md-n2 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-md-n2::before, body.behat-site.mr-md-n2::before, body.themedesignermode .mr-md-n2::before, body.themedesignermode.mr-md-n2::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-md-n2 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: -0.5rem !important;
  }
  body.behat-site .ml-md-n2, body.behat-site.ml-md-n2, body.themedesignermode .ml-md-n2, body.themedesignermode.ml-md-n2 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-md-n2::before, body.behat-site.ml-md-n2::before, body.themedesignermode .ml-md-n2::before, body.themedesignermode.ml-md-n2::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-md-n3 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: -1rem !important;
  }
  body.behat-site .mr-md-n3, body.behat-site.mr-md-n3, body.themedesignermode .mr-md-n3, body.themedesignermode.mr-md-n3 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-md-n3::before, body.behat-site.mr-md-n3::before, body.themedesignermode .mr-md-n3::before, body.themedesignermode.mr-md-n3::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-md-n3 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: -1rem !important;
  }
  body.behat-site .ml-md-n3, body.behat-site.ml-md-n3, body.themedesignermode .ml-md-n3, body.themedesignermode.ml-md-n3 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-md-n3::before, body.behat-site.ml-md-n3::before, body.themedesignermode .ml-md-n3::before, body.themedesignermode.ml-md-n3::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-md-n4 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: -1.5rem !important;
  }
  body.behat-site .mr-md-n4, body.behat-site.mr-md-n4, body.themedesignermode .mr-md-n4, body.themedesignermode.mr-md-n4 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-md-n4::before, body.behat-site.mr-md-n4::before, body.themedesignermode .mr-md-n4::before, body.themedesignermode.mr-md-n4::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-md-n4 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: -1.5rem !important;
  }
  body.behat-site .ml-md-n4, body.behat-site.ml-md-n4, body.themedesignermode .ml-md-n4, body.themedesignermode.ml-md-n4 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-md-n4::before, body.behat-site.ml-md-n4::before, body.themedesignermode .ml-md-n4::before, body.themedesignermode.ml-md-n4::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-md-n5 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: -2rem !important;
  }
  body.behat-site .mr-md-n5, body.behat-site.mr-md-n5, body.themedesignermode .mr-md-n5, body.themedesignermode.mr-md-n5 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-md-n5::before, body.behat-site.mr-md-n5::before, body.themedesignermode .mr-md-n5::before, body.themedesignermode.mr-md-n5::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-md-n5 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: -2rem !important;
  }
  body.behat-site .ml-md-n5, body.behat-site.ml-md-n5, body.themedesignermode .ml-md-n5, body.themedesignermode.ml-md-n5 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-md-n5::before, body.behat-site.ml-md-n5::before, body.themedesignermode .ml-md-n5::before, body.themedesignermode.ml-md-n5::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-md-n6 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: -3rem !important;
  }
  body.behat-site .mr-md-n6, body.behat-site.mr-md-n6, body.themedesignermode .mr-md-n6, body.themedesignermode.mr-md-n6 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-md-n6::before, body.behat-site.mr-md-n6::before, body.themedesignermode .mr-md-n6::before, body.themedesignermode.mr-md-n6::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-md-n6 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: -3rem !important;
  }
  body.behat-site .ml-md-n6, body.behat-site.ml-md-n6, body.themedesignermode .ml-md-n6, body.themedesignermode.ml-md-n6 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-md-n6::before, body.behat-site.ml-md-n6::before, body.themedesignermode .ml-md-n6::before, body.themedesignermode.ml-md-n6::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-md-auto {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: auto !important;
  }
  body.behat-site .mr-md-auto, body.behat-site.mr-md-auto, body.themedesignermode .mr-md-auto, body.themedesignermode.mr-md-auto {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-md-auto::before, body.behat-site.mr-md-auto::before, body.themedesignermode .mr-md-auto::before, body.themedesignermode.mr-md-auto::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-md-auto {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: auto !important;
  }
  body.behat-site .ml-md-auto, body.behat-site.ml-md-auto, body.themedesignermode .ml-md-auto, body.themedesignermode.ml-md-auto {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-md-auto::before, body.behat-site.ml-md-auto::before, body.themedesignermode .ml-md-auto::before, body.themedesignermode.ml-md-auto::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
}
@media (min-width: 992px) {
  .mr-lg-0 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: 0 !important;
  }
  body.behat-site .mr-lg-0, body.behat-site.mr-lg-0, body.themedesignermode .mr-lg-0, body.themedesignermode.mr-lg-0 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-lg-0::before, body.behat-site.mr-lg-0::before, body.themedesignermode .mr-lg-0::before, body.themedesignermode.mr-lg-0::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-lg-0 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: 0 !important;
  }
  body.behat-site .ml-lg-0, body.behat-site.ml-lg-0, body.themedesignermode .ml-lg-0, body.themedesignermode.ml-lg-0 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-lg-0::before, body.behat-site.ml-lg-0::before, body.themedesignermode .ml-lg-0::before, body.themedesignermode.ml-lg-0::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-lg-1 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: 0.25rem !important;
  }
  body.behat-site .mr-lg-1, body.behat-site.mr-lg-1, body.themedesignermode .mr-lg-1, body.themedesignermode.mr-lg-1 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-lg-1::before, body.behat-site.mr-lg-1::before, body.themedesignermode .mr-lg-1::before, body.themedesignermode.mr-lg-1::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-lg-1 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: 0.25rem !important;
  }
  body.behat-site .ml-lg-1, body.behat-site.ml-lg-1, body.themedesignermode .ml-lg-1, body.themedesignermode.ml-lg-1 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-lg-1::before, body.behat-site.ml-lg-1::before, body.themedesignermode .ml-lg-1::before, body.themedesignermode.ml-lg-1::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-lg-2 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: 0.5rem !important;
  }
  body.behat-site .mr-lg-2, body.behat-site.mr-lg-2, body.themedesignermode .mr-lg-2, body.themedesignermode.mr-lg-2 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-lg-2::before, body.behat-site.mr-lg-2::before, body.themedesignermode .mr-lg-2::before, body.themedesignermode.mr-lg-2::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-lg-2 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: 0.5rem !important;
  }
  body.behat-site .ml-lg-2, body.behat-site.ml-lg-2, body.themedesignermode .ml-lg-2, body.themedesignermode.ml-lg-2 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-lg-2::before, body.behat-site.ml-lg-2::before, body.themedesignermode .ml-lg-2::before, body.themedesignermode.ml-lg-2::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-lg-3 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: 1rem !important;
  }
  body.behat-site .mr-lg-3, body.behat-site.mr-lg-3, body.themedesignermode .mr-lg-3, body.themedesignermode.mr-lg-3 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-lg-3::before, body.behat-site.mr-lg-3::before, body.themedesignermode .mr-lg-3::before, body.themedesignermode.mr-lg-3::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-lg-3 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: 1rem !important;
  }
  body.behat-site .ml-lg-3, body.behat-site.ml-lg-3, body.themedesignermode .ml-lg-3, body.themedesignermode.ml-lg-3 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-lg-3::before, body.behat-site.ml-lg-3::before, body.themedesignermode .ml-lg-3::before, body.themedesignermode.ml-lg-3::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-lg-4 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: 1.5rem !important;
  }
  body.behat-site .mr-lg-4, body.behat-site.mr-lg-4, body.themedesignermode .mr-lg-4, body.themedesignermode.mr-lg-4 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-lg-4::before, body.behat-site.mr-lg-4::before, body.themedesignermode .mr-lg-4::before, body.themedesignermode.mr-lg-4::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-lg-4 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: 1.5rem !important;
  }
  body.behat-site .ml-lg-4, body.behat-site.ml-lg-4, body.themedesignermode .ml-lg-4, body.themedesignermode.ml-lg-4 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-lg-4::before, body.behat-site.ml-lg-4::before, body.themedesignermode .ml-lg-4::before, body.themedesignermode.ml-lg-4::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-lg-5 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: 2rem !important;
  }
  body.behat-site .mr-lg-5, body.behat-site.mr-lg-5, body.themedesignermode .mr-lg-5, body.themedesignermode.mr-lg-5 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-lg-5::before, body.behat-site.mr-lg-5::before, body.themedesignermode .mr-lg-5::before, body.themedesignermode.mr-lg-5::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-lg-5 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: 2rem !important;
  }
  body.behat-site .ml-lg-5, body.behat-site.ml-lg-5, body.themedesignermode .ml-lg-5, body.themedesignermode.ml-lg-5 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-lg-5::before, body.behat-site.ml-lg-5::before, body.themedesignermode .ml-lg-5::before, body.themedesignermode.ml-lg-5::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-lg-6 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: 3rem !important;
  }
  body.behat-site .mr-lg-6, body.behat-site.mr-lg-6, body.themedesignermode .mr-lg-6, body.themedesignermode.mr-lg-6 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-lg-6::before, body.behat-site.mr-lg-6::before, body.themedesignermode .mr-lg-6::before, body.themedesignermode.mr-lg-6::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-lg-6 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: 3rem !important;
  }
  body.behat-site .ml-lg-6, body.behat-site.ml-lg-6, body.themedesignermode .ml-lg-6, body.themedesignermode.ml-lg-6 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-lg-6::before, body.behat-site.ml-lg-6::before, body.themedesignermode .ml-lg-6::before, body.themedesignermode.ml-lg-6::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pr-lg-0 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-right: 0 !important;
  }
  body.behat-site .pr-lg-0, body.behat-site.pr-lg-0, body.themedesignermode .pr-lg-0, body.themedesignermode.pr-lg-0 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pr-lg-0::before, body.behat-site.pr-lg-0::before, body.themedesignermode .pr-lg-0::before, body.themedesignermode.pr-lg-0::before {
    content: "Deprecated style in use (.pr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pl-lg-0 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-left: 0 !important;
  }
  body.behat-site .pl-lg-0, body.behat-site.pl-lg-0, body.themedesignermode .pl-lg-0, body.themedesignermode.pl-lg-0 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pl-lg-0::before, body.behat-site.pl-lg-0::before, body.themedesignermode .pl-lg-0::before, body.themedesignermode.pl-lg-0::before {
    content: "Deprecated style in use (.pl)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pr-lg-1 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-right: 0.25rem !important;
  }
  body.behat-site .pr-lg-1, body.behat-site.pr-lg-1, body.themedesignermode .pr-lg-1, body.themedesignermode.pr-lg-1 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pr-lg-1::before, body.behat-site.pr-lg-1::before, body.themedesignermode .pr-lg-1::before, body.themedesignermode.pr-lg-1::before {
    content: "Deprecated style in use (.pr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pl-lg-1 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-left: 0.25rem !important;
  }
  body.behat-site .pl-lg-1, body.behat-site.pl-lg-1, body.themedesignermode .pl-lg-1, body.themedesignermode.pl-lg-1 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pl-lg-1::before, body.behat-site.pl-lg-1::before, body.themedesignermode .pl-lg-1::before, body.themedesignermode.pl-lg-1::before {
    content: "Deprecated style in use (.pl)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pr-lg-2 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-right: 0.5rem !important;
  }
  body.behat-site .pr-lg-2, body.behat-site.pr-lg-2, body.themedesignermode .pr-lg-2, body.themedesignermode.pr-lg-2 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pr-lg-2::before, body.behat-site.pr-lg-2::before, body.themedesignermode .pr-lg-2::before, body.themedesignermode.pr-lg-2::before {
    content: "Deprecated style in use (.pr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pl-lg-2 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-left: 0.5rem !important;
  }
  body.behat-site .pl-lg-2, body.behat-site.pl-lg-2, body.themedesignermode .pl-lg-2, body.themedesignermode.pl-lg-2 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pl-lg-2::before, body.behat-site.pl-lg-2::before, body.themedesignermode .pl-lg-2::before, body.themedesignermode.pl-lg-2::before {
    content: "Deprecated style in use (.pl)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pr-lg-3 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-right: 1rem !important;
  }
  body.behat-site .pr-lg-3, body.behat-site.pr-lg-3, body.themedesignermode .pr-lg-3, body.themedesignermode.pr-lg-3 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pr-lg-3::before, body.behat-site.pr-lg-3::before, body.themedesignermode .pr-lg-3::before, body.themedesignermode.pr-lg-3::before {
    content: "Deprecated style in use (.pr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pl-lg-3 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-left: 1rem !important;
  }
  body.behat-site .pl-lg-3, body.behat-site.pl-lg-3, body.themedesignermode .pl-lg-3, body.themedesignermode.pl-lg-3 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pl-lg-3::before, body.behat-site.pl-lg-3::before, body.themedesignermode .pl-lg-3::before, body.themedesignermode.pl-lg-3::before {
    content: "Deprecated style in use (.pl)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pr-lg-4 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-right: 1.5rem !important;
  }
  body.behat-site .pr-lg-4, body.behat-site.pr-lg-4, body.themedesignermode .pr-lg-4, body.themedesignermode.pr-lg-4 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pr-lg-4::before, body.behat-site.pr-lg-4::before, body.themedesignermode .pr-lg-4::before, body.themedesignermode.pr-lg-4::before {
    content: "Deprecated style in use (.pr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pl-lg-4 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-left: 1.5rem !important;
  }
  body.behat-site .pl-lg-4, body.behat-site.pl-lg-4, body.themedesignermode .pl-lg-4, body.themedesignermode.pl-lg-4 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pl-lg-4::before, body.behat-site.pl-lg-4::before, body.themedesignermode .pl-lg-4::before, body.themedesignermode.pl-lg-4::before {
    content: "Deprecated style in use (.pl)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pr-lg-5 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-right: 2rem !important;
  }
  body.behat-site .pr-lg-5, body.behat-site.pr-lg-5, body.themedesignermode .pr-lg-5, body.themedesignermode.pr-lg-5 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pr-lg-5::before, body.behat-site.pr-lg-5::before, body.themedesignermode .pr-lg-5::before, body.themedesignermode.pr-lg-5::before {
    content: "Deprecated style in use (.pr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pl-lg-5 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-left: 2rem !important;
  }
  body.behat-site .pl-lg-5, body.behat-site.pl-lg-5, body.themedesignermode .pl-lg-5, body.themedesignermode.pl-lg-5 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pl-lg-5::before, body.behat-site.pl-lg-5::before, body.themedesignermode .pl-lg-5::before, body.themedesignermode.pl-lg-5::before {
    content: "Deprecated style in use (.pl)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pr-lg-6 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-right: 3rem !important;
  }
  body.behat-site .pr-lg-6, body.behat-site.pr-lg-6, body.themedesignermode .pr-lg-6, body.themedesignermode.pr-lg-6 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pr-lg-6::before, body.behat-site.pr-lg-6::before, body.themedesignermode .pr-lg-6::before, body.themedesignermode.pr-lg-6::before {
    content: "Deprecated style in use (.pr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pl-lg-6 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-left: 3rem !important;
  }
  body.behat-site .pl-lg-6, body.behat-site.pl-lg-6, body.themedesignermode .pl-lg-6, body.themedesignermode.pl-lg-6 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pl-lg-6::before, body.behat-site.pl-lg-6::before, body.themedesignermode .pl-lg-6::before, body.themedesignermode.pl-lg-6::before {
    content: "Deprecated style in use (.pl)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-lg-n1 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: -0.25rem !important;
  }
  body.behat-site .mr-lg-n1, body.behat-site.mr-lg-n1, body.themedesignermode .mr-lg-n1, body.themedesignermode.mr-lg-n1 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-lg-n1::before, body.behat-site.mr-lg-n1::before, body.themedesignermode .mr-lg-n1::before, body.themedesignermode.mr-lg-n1::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-lg-n1 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: -0.25rem !important;
  }
  body.behat-site .ml-lg-n1, body.behat-site.ml-lg-n1, body.themedesignermode .ml-lg-n1, body.themedesignermode.ml-lg-n1 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-lg-n1::before, body.behat-site.ml-lg-n1::before, body.themedesignermode .ml-lg-n1::before, body.themedesignermode.ml-lg-n1::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-lg-n2 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: -0.5rem !important;
  }
  body.behat-site .mr-lg-n2, body.behat-site.mr-lg-n2, body.themedesignermode .mr-lg-n2, body.themedesignermode.mr-lg-n2 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-lg-n2::before, body.behat-site.mr-lg-n2::before, body.themedesignermode .mr-lg-n2::before, body.themedesignermode.mr-lg-n2::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-lg-n2 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: -0.5rem !important;
  }
  body.behat-site .ml-lg-n2, body.behat-site.ml-lg-n2, body.themedesignermode .ml-lg-n2, body.themedesignermode.ml-lg-n2 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-lg-n2::before, body.behat-site.ml-lg-n2::before, body.themedesignermode .ml-lg-n2::before, body.themedesignermode.ml-lg-n2::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-lg-n3 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: -1rem !important;
  }
  body.behat-site .mr-lg-n3, body.behat-site.mr-lg-n3, body.themedesignermode .mr-lg-n3, body.themedesignermode.mr-lg-n3 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-lg-n3::before, body.behat-site.mr-lg-n3::before, body.themedesignermode .mr-lg-n3::before, body.themedesignermode.mr-lg-n3::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-lg-n3 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: -1rem !important;
  }
  body.behat-site .ml-lg-n3, body.behat-site.ml-lg-n3, body.themedesignermode .ml-lg-n3, body.themedesignermode.ml-lg-n3 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-lg-n3::before, body.behat-site.ml-lg-n3::before, body.themedesignermode .ml-lg-n3::before, body.themedesignermode.ml-lg-n3::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-lg-n4 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: -1.5rem !important;
  }
  body.behat-site .mr-lg-n4, body.behat-site.mr-lg-n4, body.themedesignermode .mr-lg-n4, body.themedesignermode.mr-lg-n4 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-lg-n4::before, body.behat-site.mr-lg-n4::before, body.themedesignermode .mr-lg-n4::before, body.themedesignermode.mr-lg-n4::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-lg-n4 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: -1.5rem !important;
  }
  body.behat-site .ml-lg-n4, body.behat-site.ml-lg-n4, body.themedesignermode .ml-lg-n4, body.themedesignermode.ml-lg-n4 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-lg-n4::before, body.behat-site.ml-lg-n4::before, body.themedesignermode .ml-lg-n4::before, body.themedesignermode.ml-lg-n4::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-lg-n5 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: -2rem !important;
  }
  body.behat-site .mr-lg-n5, body.behat-site.mr-lg-n5, body.themedesignermode .mr-lg-n5, body.themedesignermode.mr-lg-n5 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-lg-n5::before, body.behat-site.mr-lg-n5::before, body.themedesignermode .mr-lg-n5::before, body.themedesignermode.mr-lg-n5::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-lg-n5 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: -2rem !important;
  }
  body.behat-site .ml-lg-n5, body.behat-site.ml-lg-n5, body.themedesignermode .ml-lg-n5, body.themedesignermode.ml-lg-n5 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-lg-n5::before, body.behat-site.ml-lg-n5::before, body.themedesignermode .ml-lg-n5::before, body.themedesignermode.ml-lg-n5::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-lg-n6 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: -3rem !important;
  }
  body.behat-site .mr-lg-n6, body.behat-site.mr-lg-n6, body.themedesignermode .mr-lg-n6, body.themedesignermode.mr-lg-n6 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-lg-n6::before, body.behat-site.mr-lg-n6::before, body.themedesignermode .mr-lg-n6::before, body.themedesignermode.mr-lg-n6::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-lg-n6 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: -3rem !important;
  }
  body.behat-site .ml-lg-n6, body.behat-site.ml-lg-n6, body.themedesignermode .ml-lg-n6, body.themedesignermode.ml-lg-n6 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-lg-n6::before, body.behat-site.ml-lg-n6::before, body.themedesignermode .ml-lg-n6::before, body.themedesignermode.ml-lg-n6::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-lg-auto {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: auto !important;
  }
  body.behat-site .mr-lg-auto, body.behat-site.mr-lg-auto, body.themedesignermode .mr-lg-auto, body.themedesignermode.mr-lg-auto {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-lg-auto::before, body.behat-site.mr-lg-auto::before, body.themedesignermode .mr-lg-auto::before, body.themedesignermode.mr-lg-auto::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-lg-auto {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: auto !important;
  }
  body.behat-site .ml-lg-auto, body.behat-site.ml-lg-auto, body.themedesignermode .ml-lg-auto, body.themedesignermode.ml-lg-auto {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-lg-auto::before, body.behat-site.ml-lg-auto::before, body.themedesignermode .ml-lg-auto::before, body.themedesignermode.ml-lg-auto::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
}
@media (min-width: 1200px) {
  .mr-xl-0 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: 0 !important;
  }
  body.behat-site .mr-xl-0, body.behat-site.mr-xl-0, body.themedesignermode .mr-xl-0, body.themedesignermode.mr-xl-0 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-xl-0::before, body.behat-site.mr-xl-0::before, body.themedesignermode .mr-xl-0::before, body.themedesignermode.mr-xl-0::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-xl-0 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: 0 !important;
  }
  body.behat-site .ml-xl-0, body.behat-site.ml-xl-0, body.themedesignermode .ml-xl-0, body.themedesignermode.ml-xl-0 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-xl-0::before, body.behat-site.ml-xl-0::before, body.themedesignermode .ml-xl-0::before, body.themedesignermode.ml-xl-0::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-xl-1 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: 0.25rem !important;
  }
  body.behat-site .mr-xl-1, body.behat-site.mr-xl-1, body.themedesignermode .mr-xl-1, body.themedesignermode.mr-xl-1 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-xl-1::before, body.behat-site.mr-xl-1::before, body.themedesignermode .mr-xl-1::before, body.themedesignermode.mr-xl-1::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-xl-1 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: 0.25rem !important;
  }
  body.behat-site .ml-xl-1, body.behat-site.ml-xl-1, body.themedesignermode .ml-xl-1, body.themedesignermode.ml-xl-1 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-xl-1::before, body.behat-site.ml-xl-1::before, body.themedesignermode .ml-xl-1::before, body.themedesignermode.ml-xl-1::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-xl-2 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: 0.5rem !important;
  }
  body.behat-site .mr-xl-2, body.behat-site.mr-xl-2, body.themedesignermode .mr-xl-2, body.themedesignermode.mr-xl-2 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-xl-2::before, body.behat-site.mr-xl-2::before, body.themedesignermode .mr-xl-2::before, body.themedesignermode.mr-xl-2::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-xl-2 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: 0.5rem !important;
  }
  body.behat-site .ml-xl-2, body.behat-site.ml-xl-2, body.themedesignermode .ml-xl-2, body.themedesignermode.ml-xl-2 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-xl-2::before, body.behat-site.ml-xl-2::before, body.themedesignermode .ml-xl-2::before, body.themedesignermode.ml-xl-2::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-xl-3 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: 1rem !important;
  }
  body.behat-site .mr-xl-3, body.behat-site.mr-xl-3, body.themedesignermode .mr-xl-3, body.themedesignermode.mr-xl-3 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-xl-3::before, body.behat-site.mr-xl-3::before, body.themedesignermode .mr-xl-3::before, body.themedesignermode.mr-xl-3::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-xl-3 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: 1rem !important;
  }
  body.behat-site .ml-xl-3, body.behat-site.ml-xl-3, body.themedesignermode .ml-xl-3, body.themedesignermode.ml-xl-3 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-xl-3::before, body.behat-site.ml-xl-3::before, body.themedesignermode .ml-xl-3::before, body.themedesignermode.ml-xl-3::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-xl-4 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: 1.5rem !important;
  }
  body.behat-site .mr-xl-4, body.behat-site.mr-xl-4, body.themedesignermode .mr-xl-4, body.themedesignermode.mr-xl-4 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-xl-4::before, body.behat-site.mr-xl-4::before, body.themedesignermode .mr-xl-4::before, body.themedesignermode.mr-xl-4::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-xl-4 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: 1.5rem !important;
  }
  body.behat-site .ml-xl-4, body.behat-site.ml-xl-4, body.themedesignermode .ml-xl-4, body.themedesignermode.ml-xl-4 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-xl-4::before, body.behat-site.ml-xl-4::before, body.themedesignermode .ml-xl-4::before, body.themedesignermode.ml-xl-4::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-xl-5 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: 2rem !important;
  }
  body.behat-site .mr-xl-5, body.behat-site.mr-xl-5, body.themedesignermode .mr-xl-5, body.themedesignermode.mr-xl-5 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-xl-5::before, body.behat-site.mr-xl-5::before, body.themedesignermode .mr-xl-5::before, body.themedesignermode.mr-xl-5::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-xl-5 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: 2rem !important;
  }
  body.behat-site .ml-xl-5, body.behat-site.ml-xl-5, body.themedesignermode .ml-xl-5, body.themedesignermode.ml-xl-5 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-xl-5::before, body.behat-site.ml-xl-5::before, body.themedesignermode .ml-xl-5::before, body.themedesignermode.ml-xl-5::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-xl-6 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: 3rem !important;
  }
  body.behat-site .mr-xl-6, body.behat-site.mr-xl-6, body.themedesignermode .mr-xl-6, body.themedesignermode.mr-xl-6 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-xl-6::before, body.behat-site.mr-xl-6::before, body.themedesignermode .mr-xl-6::before, body.themedesignermode.mr-xl-6::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-xl-6 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: 3rem !important;
  }
  body.behat-site .ml-xl-6, body.behat-site.ml-xl-6, body.themedesignermode .ml-xl-6, body.themedesignermode.ml-xl-6 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-xl-6::before, body.behat-site.ml-xl-6::before, body.themedesignermode .ml-xl-6::before, body.themedesignermode.ml-xl-6::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pr-xl-0 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-right: 0 !important;
  }
  body.behat-site .pr-xl-0, body.behat-site.pr-xl-0, body.themedesignermode .pr-xl-0, body.themedesignermode.pr-xl-0 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pr-xl-0::before, body.behat-site.pr-xl-0::before, body.themedesignermode .pr-xl-0::before, body.themedesignermode.pr-xl-0::before {
    content: "Deprecated style in use (.pr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pl-xl-0 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-left: 0 !important;
  }
  body.behat-site .pl-xl-0, body.behat-site.pl-xl-0, body.themedesignermode .pl-xl-0, body.themedesignermode.pl-xl-0 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pl-xl-0::before, body.behat-site.pl-xl-0::before, body.themedesignermode .pl-xl-0::before, body.themedesignermode.pl-xl-0::before {
    content: "Deprecated style in use (.pl)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pr-xl-1 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-right: 0.25rem !important;
  }
  body.behat-site .pr-xl-1, body.behat-site.pr-xl-1, body.themedesignermode .pr-xl-1, body.themedesignermode.pr-xl-1 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pr-xl-1::before, body.behat-site.pr-xl-1::before, body.themedesignermode .pr-xl-1::before, body.themedesignermode.pr-xl-1::before {
    content: "Deprecated style in use (.pr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pl-xl-1 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-left: 0.25rem !important;
  }
  body.behat-site .pl-xl-1, body.behat-site.pl-xl-1, body.themedesignermode .pl-xl-1, body.themedesignermode.pl-xl-1 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pl-xl-1::before, body.behat-site.pl-xl-1::before, body.themedesignermode .pl-xl-1::before, body.themedesignermode.pl-xl-1::before {
    content: "Deprecated style in use (.pl)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pr-xl-2 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-right: 0.5rem !important;
  }
  body.behat-site .pr-xl-2, body.behat-site.pr-xl-2, body.themedesignermode .pr-xl-2, body.themedesignermode.pr-xl-2 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pr-xl-2::before, body.behat-site.pr-xl-2::before, body.themedesignermode .pr-xl-2::before, body.themedesignermode.pr-xl-2::before {
    content: "Deprecated style in use (.pr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pl-xl-2 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-left: 0.5rem !important;
  }
  body.behat-site .pl-xl-2, body.behat-site.pl-xl-2, body.themedesignermode .pl-xl-2, body.themedesignermode.pl-xl-2 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pl-xl-2::before, body.behat-site.pl-xl-2::before, body.themedesignermode .pl-xl-2::before, body.themedesignermode.pl-xl-2::before {
    content: "Deprecated style in use (.pl)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pr-xl-3 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-right: 1rem !important;
  }
  body.behat-site .pr-xl-3, body.behat-site.pr-xl-3, body.themedesignermode .pr-xl-3, body.themedesignermode.pr-xl-3 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pr-xl-3::before, body.behat-site.pr-xl-3::before, body.themedesignermode .pr-xl-3::before, body.themedesignermode.pr-xl-3::before {
    content: "Deprecated style in use (.pr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pl-xl-3 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-left: 1rem !important;
  }
  body.behat-site .pl-xl-3, body.behat-site.pl-xl-3, body.themedesignermode .pl-xl-3, body.themedesignermode.pl-xl-3 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pl-xl-3::before, body.behat-site.pl-xl-3::before, body.themedesignermode .pl-xl-3::before, body.themedesignermode.pl-xl-3::before {
    content: "Deprecated style in use (.pl)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pr-xl-4 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-right: 1.5rem !important;
  }
  body.behat-site .pr-xl-4, body.behat-site.pr-xl-4, body.themedesignermode .pr-xl-4, body.themedesignermode.pr-xl-4 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pr-xl-4::before, body.behat-site.pr-xl-4::before, body.themedesignermode .pr-xl-4::before, body.themedesignermode.pr-xl-4::before {
    content: "Deprecated style in use (.pr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pl-xl-4 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-left: 1.5rem !important;
  }
  body.behat-site .pl-xl-4, body.behat-site.pl-xl-4, body.themedesignermode .pl-xl-4, body.themedesignermode.pl-xl-4 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pl-xl-4::before, body.behat-site.pl-xl-4::before, body.themedesignermode .pl-xl-4::before, body.themedesignermode.pl-xl-4::before {
    content: "Deprecated style in use (.pl)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pr-xl-5 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-right: 2rem !important;
  }
  body.behat-site .pr-xl-5, body.behat-site.pr-xl-5, body.themedesignermode .pr-xl-5, body.themedesignermode.pr-xl-5 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pr-xl-5::before, body.behat-site.pr-xl-5::before, body.themedesignermode .pr-xl-5::before, body.themedesignermode.pr-xl-5::before {
    content: "Deprecated style in use (.pr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pl-xl-5 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-left: 2rem !important;
  }
  body.behat-site .pl-xl-5, body.behat-site.pl-xl-5, body.themedesignermode .pl-xl-5, body.themedesignermode.pl-xl-5 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pl-xl-5::before, body.behat-site.pl-xl-5::before, body.themedesignermode .pl-xl-5::before, body.themedesignermode.pl-xl-5::before {
    content: "Deprecated style in use (.pl)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pr-xl-6 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-right: 3rem !important;
  }
  body.behat-site .pr-xl-6, body.behat-site.pr-xl-6, body.themedesignermode .pr-xl-6, body.themedesignermode.pr-xl-6 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pr-xl-6::before, body.behat-site.pr-xl-6::before, body.themedesignermode .pr-xl-6::before, body.themedesignermode.pr-xl-6::before {
    content: "Deprecated style in use (.pr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pl-xl-6 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-left: 3rem !important;
  }
  body.behat-site .pl-xl-6, body.behat-site.pl-xl-6, body.themedesignermode .pl-xl-6, body.themedesignermode.pl-xl-6 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pl-xl-6::before, body.behat-site.pl-xl-6::before, body.themedesignermode .pl-xl-6::before, body.themedesignermode.pl-xl-6::before {
    content: "Deprecated style in use (.pl)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-xl-n1 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: -0.25rem !important;
  }
  body.behat-site .mr-xl-n1, body.behat-site.mr-xl-n1, body.themedesignermode .mr-xl-n1, body.themedesignermode.mr-xl-n1 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-xl-n1::before, body.behat-site.mr-xl-n1::before, body.themedesignermode .mr-xl-n1::before, body.themedesignermode.mr-xl-n1::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-xl-n1 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: -0.25rem !important;
  }
  body.behat-site .ml-xl-n1, body.behat-site.ml-xl-n1, body.themedesignermode .ml-xl-n1, body.themedesignermode.ml-xl-n1 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-xl-n1::before, body.behat-site.ml-xl-n1::before, body.themedesignermode .ml-xl-n1::before, body.themedesignermode.ml-xl-n1::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-xl-n2 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: -0.5rem !important;
  }
  body.behat-site .mr-xl-n2, body.behat-site.mr-xl-n2, body.themedesignermode .mr-xl-n2, body.themedesignermode.mr-xl-n2 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-xl-n2::before, body.behat-site.mr-xl-n2::before, body.themedesignermode .mr-xl-n2::before, body.themedesignermode.mr-xl-n2::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-xl-n2 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: -0.5rem !important;
  }
  body.behat-site .ml-xl-n2, body.behat-site.ml-xl-n2, body.themedesignermode .ml-xl-n2, body.themedesignermode.ml-xl-n2 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-xl-n2::before, body.behat-site.ml-xl-n2::before, body.themedesignermode .ml-xl-n2::before, body.themedesignermode.ml-xl-n2::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-xl-n3 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: -1rem !important;
  }
  body.behat-site .mr-xl-n3, body.behat-site.mr-xl-n3, body.themedesignermode .mr-xl-n3, body.themedesignermode.mr-xl-n3 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-xl-n3::before, body.behat-site.mr-xl-n3::before, body.themedesignermode .mr-xl-n3::before, body.themedesignermode.mr-xl-n3::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-xl-n3 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: -1rem !important;
  }
  body.behat-site .ml-xl-n3, body.behat-site.ml-xl-n3, body.themedesignermode .ml-xl-n3, body.themedesignermode.ml-xl-n3 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-xl-n3::before, body.behat-site.ml-xl-n3::before, body.themedesignermode .ml-xl-n3::before, body.themedesignermode.ml-xl-n3::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-xl-n4 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: -1.5rem !important;
  }
  body.behat-site .mr-xl-n4, body.behat-site.mr-xl-n4, body.themedesignermode .mr-xl-n4, body.themedesignermode.mr-xl-n4 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-xl-n4::before, body.behat-site.mr-xl-n4::before, body.themedesignermode .mr-xl-n4::before, body.themedesignermode.mr-xl-n4::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-xl-n4 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: -1.5rem !important;
  }
  body.behat-site .ml-xl-n4, body.behat-site.ml-xl-n4, body.themedesignermode .ml-xl-n4, body.themedesignermode.ml-xl-n4 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-xl-n4::before, body.behat-site.ml-xl-n4::before, body.themedesignermode .ml-xl-n4::before, body.themedesignermode.ml-xl-n4::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-xl-n5 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: -2rem !important;
  }
  body.behat-site .mr-xl-n5, body.behat-site.mr-xl-n5, body.themedesignermode .mr-xl-n5, body.themedesignermode.mr-xl-n5 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-xl-n5::before, body.behat-site.mr-xl-n5::before, body.themedesignermode .mr-xl-n5::before, body.themedesignermode.mr-xl-n5::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-xl-n5 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: -2rem !important;
  }
  body.behat-site .ml-xl-n5, body.behat-site.ml-xl-n5, body.themedesignermode .ml-xl-n5, body.themedesignermode.ml-xl-n5 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-xl-n5::before, body.behat-site.ml-xl-n5::before, body.themedesignermode .ml-xl-n5::before, body.themedesignermode.ml-xl-n5::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-xl-n6 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: -3rem !important;
  }
  body.behat-site .mr-xl-n6, body.behat-site.mr-xl-n6, body.themedesignermode .mr-xl-n6, body.themedesignermode.mr-xl-n6 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-xl-n6::before, body.behat-site.mr-xl-n6::before, body.themedesignermode .mr-xl-n6::before, body.themedesignermode.mr-xl-n6::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-xl-n6 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: -3rem !important;
  }
  body.behat-site .ml-xl-n6, body.behat-site.ml-xl-n6, body.themedesignermode .ml-xl-n6, body.themedesignermode.ml-xl-n6 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-xl-n6::before, body.behat-site.ml-xl-n6::before, body.themedesignermode .ml-xl-n6::before, body.themedesignermode.ml-xl-n6::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-xl-auto {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: auto !important;
  }
  body.behat-site .mr-xl-auto, body.behat-site.mr-xl-auto, body.themedesignermode .mr-xl-auto, body.themedesignermode.mr-xl-auto {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-xl-auto::before, body.behat-site.mr-xl-auto::before, body.themedesignermode .mr-xl-auto::before, body.themedesignermode.mr-xl-auto::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-xl-auto {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: auto !important;
  }
  body.behat-site .ml-xl-auto, body.behat-site.ml-xl-auto, body.themedesignermode .ml-xl-auto, body.themedesignermode.ml-xl-auto {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-xl-auto::before, body.behat-site.ml-xl-auto::before, body.themedesignermode .ml-xl-auto::before, body.themedesignermode.ml-xl-auto::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
}
@media (min-width: 1400px) {
  .mr-xxl-0 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: 0 !important;
  }
  body.behat-site .mr-xxl-0, body.behat-site.mr-xxl-0, body.themedesignermode .mr-xxl-0, body.themedesignermode.mr-xxl-0 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-xxl-0::before, body.behat-site.mr-xxl-0::before, body.themedesignermode .mr-xxl-0::before, body.themedesignermode.mr-xxl-0::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-xxl-0 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: 0 !important;
  }
  body.behat-site .ml-xxl-0, body.behat-site.ml-xxl-0, body.themedesignermode .ml-xxl-0, body.themedesignermode.ml-xxl-0 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-xxl-0::before, body.behat-site.ml-xxl-0::before, body.themedesignermode .ml-xxl-0::before, body.themedesignermode.ml-xxl-0::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-xxl-1 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: 0.25rem !important;
  }
  body.behat-site .mr-xxl-1, body.behat-site.mr-xxl-1, body.themedesignermode .mr-xxl-1, body.themedesignermode.mr-xxl-1 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-xxl-1::before, body.behat-site.mr-xxl-1::before, body.themedesignermode .mr-xxl-1::before, body.themedesignermode.mr-xxl-1::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-xxl-1 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: 0.25rem !important;
  }
  body.behat-site .ml-xxl-1, body.behat-site.ml-xxl-1, body.themedesignermode .ml-xxl-1, body.themedesignermode.ml-xxl-1 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-xxl-1::before, body.behat-site.ml-xxl-1::before, body.themedesignermode .ml-xxl-1::before, body.themedesignermode.ml-xxl-1::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-xxl-2 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: 0.5rem !important;
  }
  body.behat-site .mr-xxl-2, body.behat-site.mr-xxl-2, body.themedesignermode .mr-xxl-2, body.themedesignermode.mr-xxl-2 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-xxl-2::before, body.behat-site.mr-xxl-2::before, body.themedesignermode .mr-xxl-2::before, body.themedesignermode.mr-xxl-2::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-xxl-2 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: 0.5rem !important;
  }
  body.behat-site .ml-xxl-2, body.behat-site.ml-xxl-2, body.themedesignermode .ml-xxl-2, body.themedesignermode.ml-xxl-2 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-xxl-2::before, body.behat-site.ml-xxl-2::before, body.themedesignermode .ml-xxl-2::before, body.themedesignermode.ml-xxl-2::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-xxl-3 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: 1rem !important;
  }
  body.behat-site .mr-xxl-3, body.behat-site.mr-xxl-3, body.themedesignermode .mr-xxl-3, body.themedesignermode.mr-xxl-3 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-xxl-3::before, body.behat-site.mr-xxl-3::before, body.themedesignermode .mr-xxl-3::before, body.themedesignermode.mr-xxl-3::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-xxl-3 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: 1rem !important;
  }
  body.behat-site .ml-xxl-3, body.behat-site.ml-xxl-3, body.themedesignermode .ml-xxl-3, body.themedesignermode.ml-xxl-3 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-xxl-3::before, body.behat-site.ml-xxl-3::before, body.themedesignermode .ml-xxl-3::before, body.themedesignermode.ml-xxl-3::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-xxl-4 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: 1.5rem !important;
  }
  body.behat-site .mr-xxl-4, body.behat-site.mr-xxl-4, body.themedesignermode .mr-xxl-4, body.themedesignermode.mr-xxl-4 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-xxl-4::before, body.behat-site.mr-xxl-4::before, body.themedesignermode .mr-xxl-4::before, body.themedesignermode.mr-xxl-4::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-xxl-4 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: 1.5rem !important;
  }
  body.behat-site .ml-xxl-4, body.behat-site.ml-xxl-4, body.themedesignermode .ml-xxl-4, body.themedesignermode.ml-xxl-4 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-xxl-4::before, body.behat-site.ml-xxl-4::before, body.themedesignermode .ml-xxl-4::before, body.themedesignermode.ml-xxl-4::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-xxl-5 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: 2rem !important;
  }
  body.behat-site .mr-xxl-5, body.behat-site.mr-xxl-5, body.themedesignermode .mr-xxl-5, body.themedesignermode.mr-xxl-5 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-xxl-5::before, body.behat-site.mr-xxl-5::before, body.themedesignermode .mr-xxl-5::before, body.themedesignermode.mr-xxl-5::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-xxl-5 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: 2rem !important;
  }
  body.behat-site .ml-xxl-5, body.behat-site.ml-xxl-5, body.themedesignermode .ml-xxl-5, body.themedesignermode.ml-xxl-5 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-xxl-5::before, body.behat-site.ml-xxl-5::before, body.themedesignermode .ml-xxl-5::before, body.themedesignermode.ml-xxl-5::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-xxl-6 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: 3rem !important;
  }
  body.behat-site .mr-xxl-6, body.behat-site.mr-xxl-6, body.themedesignermode .mr-xxl-6, body.themedesignermode.mr-xxl-6 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-xxl-6::before, body.behat-site.mr-xxl-6::before, body.themedesignermode .mr-xxl-6::before, body.themedesignermode.mr-xxl-6::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-xxl-6 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: 3rem !important;
  }
  body.behat-site .ml-xxl-6, body.behat-site.ml-xxl-6, body.themedesignermode .ml-xxl-6, body.themedesignermode.ml-xxl-6 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-xxl-6::before, body.behat-site.ml-xxl-6::before, body.themedesignermode .ml-xxl-6::before, body.themedesignermode.ml-xxl-6::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pr-xxl-0 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-right: 0 !important;
  }
  body.behat-site .pr-xxl-0, body.behat-site.pr-xxl-0, body.themedesignermode .pr-xxl-0, body.themedesignermode.pr-xxl-0 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pr-xxl-0::before, body.behat-site.pr-xxl-0::before, body.themedesignermode .pr-xxl-0::before, body.themedesignermode.pr-xxl-0::before {
    content: "Deprecated style in use (.pr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pl-xxl-0 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-left: 0 !important;
  }
  body.behat-site .pl-xxl-0, body.behat-site.pl-xxl-0, body.themedesignermode .pl-xxl-0, body.themedesignermode.pl-xxl-0 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pl-xxl-0::before, body.behat-site.pl-xxl-0::before, body.themedesignermode .pl-xxl-0::before, body.themedesignermode.pl-xxl-0::before {
    content: "Deprecated style in use (.pl)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pr-xxl-1 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-right: 0.25rem !important;
  }
  body.behat-site .pr-xxl-1, body.behat-site.pr-xxl-1, body.themedesignermode .pr-xxl-1, body.themedesignermode.pr-xxl-1 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pr-xxl-1::before, body.behat-site.pr-xxl-1::before, body.themedesignermode .pr-xxl-1::before, body.themedesignermode.pr-xxl-1::before {
    content: "Deprecated style in use (.pr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pl-xxl-1 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-left: 0.25rem !important;
  }
  body.behat-site .pl-xxl-1, body.behat-site.pl-xxl-1, body.themedesignermode .pl-xxl-1, body.themedesignermode.pl-xxl-1 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pl-xxl-1::before, body.behat-site.pl-xxl-1::before, body.themedesignermode .pl-xxl-1::before, body.themedesignermode.pl-xxl-1::before {
    content: "Deprecated style in use (.pl)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pr-xxl-2 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-right: 0.5rem !important;
  }
  body.behat-site .pr-xxl-2, body.behat-site.pr-xxl-2, body.themedesignermode .pr-xxl-2, body.themedesignermode.pr-xxl-2 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pr-xxl-2::before, body.behat-site.pr-xxl-2::before, body.themedesignermode .pr-xxl-2::before, body.themedesignermode.pr-xxl-2::before {
    content: "Deprecated style in use (.pr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pl-xxl-2 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-left: 0.5rem !important;
  }
  body.behat-site .pl-xxl-2, body.behat-site.pl-xxl-2, body.themedesignermode .pl-xxl-2, body.themedesignermode.pl-xxl-2 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pl-xxl-2::before, body.behat-site.pl-xxl-2::before, body.themedesignermode .pl-xxl-2::before, body.themedesignermode.pl-xxl-2::before {
    content: "Deprecated style in use (.pl)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pr-xxl-3 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-right: 1rem !important;
  }
  body.behat-site .pr-xxl-3, body.behat-site.pr-xxl-3, body.themedesignermode .pr-xxl-3, body.themedesignermode.pr-xxl-3 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pr-xxl-3::before, body.behat-site.pr-xxl-3::before, body.themedesignermode .pr-xxl-3::before, body.themedesignermode.pr-xxl-3::before {
    content: "Deprecated style in use (.pr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pl-xxl-3 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-left: 1rem !important;
  }
  body.behat-site .pl-xxl-3, body.behat-site.pl-xxl-3, body.themedesignermode .pl-xxl-3, body.themedesignermode.pl-xxl-3 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pl-xxl-3::before, body.behat-site.pl-xxl-3::before, body.themedesignermode .pl-xxl-3::before, body.themedesignermode.pl-xxl-3::before {
    content: "Deprecated style in use (.pl)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pr-xxl-4 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-right: 1.5rem !important;
  }
  body.behat-site .pr-xxl-4, body.behat-site.pr-xxl-4, body.themedesignermode .pr-xxl-4, body.themedesignermode.pr-xxl-4 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pr-xxl-4::before, body.behat-site.pr-xxl-4::before, body.themedesignermode .pr-xxl-4::before, body.themedesignermode.pr-xxl-4::before {
    content: "Deprecated style in use (.pr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pl-xxl-4 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-left: 1.5rem !important;
  }
  body.behat-site .pl-xxl-4, body.behat-site.pl-xxl-4, body.themedesignermode .pl-xxl-4, body.themedesignermode.pl-xxl-4 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pl-xxl-4::before, body.behat-site.pl-xxl-4::before, body.themedesignermode .pl-xxl-4::before, body.themedesignermode.pl-xxl-4::before {
    content: "Deprecated style in use (.pl)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pr-xxl-5 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-right: 2rem !important;
  }
  body.behat-site .pr-xxl-5, body.behat-site.pr-xxl-5, body.themedesignermode .pr-xxl-5, body.themedesignermode.pr-xxl-5 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pr-xxl-5::before, body.behat-site.pr-xxl-5::before, body.themedesignermode .pr-xxl-5::before, body.themedesignermode.pr-xxl-5::before {
    content: "Deprecated style in use (.pr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pl-xxl-5 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-left: 2rem !important;
  }
  body.behat-site .pl-xxl-5, body.behat-site.pl-xxl-5, body.themedesignermode .pl-xxl-5, body.themedesignermode.pl-xxl-5 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pl-xxl-5::before, body.behat-site.pl-xxl-5::before, body.themedesignermode .pl-xxl-5::before, body.themedesignermode.pl-xxl-5::before {
    content: "Deprecated style in use (.pl)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pr-xxl-6 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-right: 3rem !important;
  }
  body.behat-site .pr-xxl-6, body.behat-site.pr-xxl-6, body.themedesignermode .pr-xxl-6, body.themedesignermode.pr-xxl-6 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pr-xxl-6::before, body.behat-site.pr-xxl-6::before, body.themedesignermode .pr-xxl-6::before, body.themedesignermode.pr-xxl-6::before {
    content: "Deprecated style in use (.pr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pl-xxl-6 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-left: 3rem !important;
  }
  body.behat-site .pl-xxl-6, body.behat-site.pl-xxl-6, body.themedesignermode .pl-xxl-6, body.themedesignermode.pl-xxl-6 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pl-xxl-6::before, body.behat-site.pl-xxl-6::before, body.themedesignermode .pl-xxl-6::before, body.themedesignermode.pl-xxl-6::before {
    content: "Deprecated style in use (.pl)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-xxl-n1 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: -0.25rem !important;
  }
  body.behat-site .mr-xxl-n1, body.behat-site.mr-xxl-n1, body.themedesignermode .mr-xxl-n1, body.themedesignermode.mr-xxl-n1 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-xxl-n1::before, body.behat-site.mr-xxl-n1::before, body.themedesignermode .mr-xxl-n1::before, body.themedesignermode.mr-xxl-n1::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-xxl-n1 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: -0.25rem !important;
  }
  body.behat-site .ml-xxl-n1, body.behat-site.ml-xxl-n1, body.themedesignermode .ml-xxl-n1, body.themedesignermode.ml-xxl-n1 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-xxl-n1::before, body.behat-site.ml-xxl-n1::before, body.themedesignermode .ml-xxl-n1::before, body.themedesignermode.ml-xxl-n1::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-xxl-n2 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: -0.5rem !important;
  }
  body.behat-site .mr-xxl-n2, body.behat-site.mr-xxl-n2, body.themedesignermode .mr-xxl-n2, body.themedesignermode.mr-xxl-n2 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-xxl-n2::before, body.behat-site.mr-xxl-n2::before, body.themedesignermode .mr-xxl-n2::before, body.themedesignermode.mr-xxl-n2::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-xxl-n2 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: -0.5rem !important;
  }
  body.behat-site .ml-xxl-n2, body.behat-site.ml-xxl-n2, body.themedesignermode .ml-xxl-n2, body.themedesignermode.ml-xxl-n2 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-xxl-n2::before, body.behat-site.ml-xxl-n2::before, body.themedesignermode .ml-xxl-n2::before, body.themedesignermode.ml-xxl-n2::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-xxl-n3 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: -1rem !important;
  }
  body.behat-site .mr-xxl-n3, body.behat-site.mr-xxl-n3, body.themedesignermode .mr-xxl-n3, body.themedesignermode.mr-xxl-n3 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-xxl-n3::before, body.behat-site.mr-xxl-n3::before, body.themedesignermode .mr-xxl-n3::before, body.themedesignermode.mr-xxl-n3::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-xxl-n3 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: -1rem !important;
  }
  body.behat-site .ml-xxl-n3, body.behat-site.ml-xxl-n3, body.themedesignermode .ml-xxl-n3, body.themedesignermode.ml-xxl-n3 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-xxl-n3::before, body.behat-site.ml-xxl-n3::before, body.themedesignermode .ml-xxl-n3::before, body.themedesignermode.ml-xxl-n3::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-xxl-n4 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: -1.5rem !important;
  }
  body.behat-site .mr-xxl-n4, body.behat-site.mr-xxl-n4, body.themedesignermode .mr-xxl-n4, body.themedesignermode.mr-xxl-n4 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-xxl-n4::before, body.behat-site.mr-xxl-n4::before, body.themedesignermode .mr-xxl-n4::before, body.themedesignermode.mr-xxl-n4::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-xxl-n4 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: -1.5rem !important;
  }
  body.behat-site .ml-xxl-n4, body.behat-site.ml-xxl-n4, body.themedesignermode .ml-xxl-n4, body.themedesignermode.ml-xxl-n4 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-xxl-n4::before, body.behat-site.ml-xxl-n4::before, body.themedesignermode .ml-xxl-n4::before, body.themedesignermode.ml-xxl-n4::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-xxl-n5 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: -2rem !important;
  }
  body.behat-site .mr-xxl-n5, body.behat-site.mr-xxl-n5, body.themedesignermode .mr-xxl-n5, body.themedesignermode.mr-xxl-n5 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-xxl-n5::before, body.behat-site.mr-xxl-n5::before, body.themedesignermode .mr-xxl-n5::before, body.themedesignermode.mr-xxl-n5::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-xxl-n5 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: -2rem !important;
  }
  body.behat-site .ml-xxl-n5, body.behat-site.ml-xxl-n5, body.themedesignermode .ml-xxl-n5, body.themedesignermode.ml-xxl-n5 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-xxl-n5::before, body.behat-site.ml-xxl-n5::before, body.themedesignermode .ml-xxl-n5::before, body.themedesignermode.ml-xxl-n5::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-xxl-n6 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: -3rem !important;
  }
  body.behat-site .mr-xxl-n6, body.behat-site.mr-xxl-n6, body.themedesignermode .mr-xxl-n6, body.themedesignermode.mr-xxl-n6 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-xxl-n6::before, body.behat-site.mr-xxl-n6::before, body.themedesignermode .mr-xxl-n6::before, body.themedesignermode.mr-xxl-n6::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-xxl-n6 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: -3rem !important;
  }
  body.behat-site .ml-xxl-n6, body.behat-site.ml-xxl-n6, body.themedesignermode .ml-xxl-n6, body.themedesignermode.ml-xxl-n6 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-xxl-n6::before, body.behat-site.ml-xxl-n6::before, body.themedesignermode .ml-xxl-n6::before, body.themedesignermode.ml-xxl-n6::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-xxl-auto {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: auto !important;
  }
  body.behat-site .mr-xxl-auto, body.behat-site.mr-xxl-auto, body.themedesignermode .mr-xxl-auto, body.themedesignermode.mr-xxl-auto {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-xxl-auto::before, body.behat-site.mr-xxl-auto::before, body.themedesignermode .mr-xxl-auto::before, body.themedesignermode.mr-xxl-auto::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-xxl-auto {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: auto !important;
  }
  body.behat-site .ml-xxl-auto, body.behat-site.ml-xxl-auto, body.themedesignermode .ml-xxl-auto, body.themedesignermode.ml-xxl-auto {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-xxl-auto::before, body.behat-site.ml-xxl-auto::before, body.themedesignermode .ml-xxl-auto::before, body.themedesignermode.ml-xxl-auto::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
}
.text-left {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  text-align: left !important;
}
body.behat-site .text-left, body.behat-site.text-left, body.themedesignermode .text-left, body.themedesignermode.text-left {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .text-left::before, body.behat-site.text-left::before, body.themedesignermode .text-left::before, body.themedesignermode.text-left::before {
  content: "Deprecated style in use (.text-left)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}
.text-right {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  text-align: right !important;
}
body.behat-site .text-right, body.behat-site.text-right, body.themedesignermode .text-right, body.themedesignermode.text-right {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .text-right::before, body.behat-site.text-right::before, body.themedesignermode .text-right::before, body.themedesignermode.text-right::before {
  content: "Deprecated style in use (.text-right)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}
@media (min-width: 576px) {
  .text-sm-left {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    text-align: left !important;
  }
  body.behat-site .text-sm-left, body.behat-site.text-sm-left, body.themedesignermode .text-sm-left, body.themedesignermode.text-sm-left {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .text-sm-left::before, body.behat-site.text-sm-left::before, body.themedesignermode .text-sm-left::before, body.themedesignermode.text-sm-left::before {
    content: "Deprecated style in use (.text-left)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .text-sm-right {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    text-align: right !important;
  }
  body.behat-site .text-sm-right, body.behat-site.text-sm-right, body.themedesignermode .text-sm-right, body.themedesignermode.text-sm-right {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .text-sm-right::before, body.behat-site.text-sm-right::before, body.themedesignermode .text-sm-right::before, body.themedesignermode.text-sm-right::before {
    content: "Deprecated style in use (.text-right)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
}
@media (min-width: 768px) {
  .text-md-left {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    text-align: left !important;
  }
  body.behat-site .text-md-left, body.behat-site.text-md-left, body.themedesignermode .text-md-left, body.themedesignermode.text-md-left {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .text-md-left::before, body.behat-site.text-md-left::before, body.themedesignermode .text-md-left::before, body.themedesignermode.text-md-left::before {
    content: "Deprecated style in use (.text-left)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .text-md-right {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    text-align: right !important;
  }
  body.behat-site .text-md-right, body.behat-site.text-md-right, body.themedesignermode .text-md-right, body.themedesignermode.text-md-right {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .text-md-right::before, body.behat-site.text-md-right::before, body.themedesignermode .text-md-right::before, body.themedesignermode.text-md-right::before {
    content: "Deprecated style in use (.text-right)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
}
@media (min-width: 992px) {
  .text-lg-left {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    text-align: left !important;
  }
  body.behat-site .text-lg-left, body.behat-site.text-lg-left, body.themedesignermode .text-lg-left, body.themedesignermode.text-lg-left {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .text-lg-left::before, body.behat-site.text-lg-left::before, body.themedesignermode .text-lg-left::before, body.themedesignermode.text-lg-left::before {
    content: "Deprecated style in use (.text-left)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .text-lg-right {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    text-align: right !important;
  }
  body.behat-site .text-lg-right, body.behat-site.text-lg-right, body.themedesignermode .text-lg-right, body.themedesignermode.text-lg-right {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .text-lg-right::before, body.behat-site.text-lg-right::before, body.themedesignermode .text-lg-right::before, body.themedesignermode.text-lg-right::before {
    content: "Deprecated style in use (.text-right)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
}
@media (min-width: 1200px) {
  .text-xl-left {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    text-align: left !important;
  }
  body.behat-site .text-xl-left, body.behat-site.text-xl-left, body.themedesignermode .text-xl-left, body.themedesignermode.text-xl-left {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .text-xl-left::before, body.behat-site.text-xl-left::before, body.themedesignermode .text-xl-left::before, body.themedesignermode.text-xl-left::before {
    content: "Deprecated style in use (.text-left)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .text-xl-right {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    text-align: right !important;
  }
  body.behat-site .text-xl-right, body.behat-site.text-xl-right, body.themedesignermode .text-xl-right, body.themedesignermode.text-xl-right {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .text-xl-right::before, body.behat-site.text-xl-right::before, body.themedesignermode .text-xl-right::before, body.themedesignermode.text-xl-right::before {
    content: "Deprecated style in use (.text-right)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
}
@media (min-width: 1400px) {
  .text-xxl-left {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    text-align: left !important;
  }
  body.behat-site .text-xxl-left, body.behat-site.text-xxl-left, body.themedesignermode .text-xxl-left, body.themedesignermode.text-xxl-left {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .text-xxl-left::before, body.behat-site.text-xxl-left::before, body.themedesignermode .text-xxl-left::before, body.themedesignermode.text-xxl-left::before {
    content: "Deprecated style in use (.text-left)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .text-xxl-right {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    text-align: right !important;
  }
  body.behat-site .text-xxl-right, body.behat-site.text-xxl-right, body.themedesignermode .text-xxl-right, body.themedesignermode.text-xxl-right {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .text-xxl-right::before, body.behat-site.text-xxl-right::before, body.themedesignermode .text-xxl-right::before, body.themedesignermode.text-xxl-right::before {
    content: "Deprecated style in use (.text-right)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
}
.border-right {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  border-right: 1px solid #dee2e6 !important;
}
body.behat-site .border-right, body.behat-site.border-right, body.themedesignermode .border-right, body.themedesignermode.border-right {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .border-right::before, body.behat-site.border-right::before, body.themedesignermode .border-right::before, body.themedesignermode.border-right::before {
  content: "Deprecated style in use (.border-right)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}
.border-left {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  border-left: 1px solid #dee2e6 !important;
}
body.behat-site .border-left, body.behat-site.border-left, body.themedesignermode .border-left, body.themedesignermode.border-left {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .border-left::before, body.behat-site.border-left::before, body.themedesignermode .border-left::before, body.themedesignermode.border-left::before {
  content: "Deprecated style in use (.border-left)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}
.border-right-0 {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  border-right: 0 !important;
}
body.behat-site .border-right-0, body.behat-site.border-right-0, body.themedesignermode .border-right-0, body.themedesignermode.border-right-0 {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .border-right-0::before, body.behat-site.border-right-0::before, body.themedesignermode .border-right-0::before, body.themedesignermode.border-right-0::before {
  content: "Deprecated style in use (.border-right)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}
.border-left-0 {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  border-left: 0 !important;
}
body.behat-site .border-left-0, body.behat-site.border-left-0, body.themedesignermode .border-left-0, body.themedesignermode.border-left-0 {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .border-left-0::before, body.behat-site.border-left-0::before, body.themedesignermode .border-left-0::before, body.themedesignermode.border-left-0::before {
  content: "Deprecated style in use (.border-left)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}
.rounded-right {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  border-top-right-radius: 0.5rem !important;
  border-bottom-right-radius: 0.5rem !important;
}
body.behat-site .rounded-right, body.behat-site.rounded-right, body.themedesignermode .rounded-right, body.themedesignermode.rounded-right {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .rounded-right::before, body.behat-site.rounded-right::before, body.themedesignermode .rounded-right::before, body.themedesignermode.rounded-right::before {
  content: "Deprecated style in use (.rounded-right)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}
.rounded-left {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  border-top-left-radius: 0.5rem !important;
  border-bottom-left-radius: 0.5rem !important;
}
body.behat-site .rounded-left, body.behat-site.rounded-left, body.themedesignermode .rounded-left, body.themedesignermode.rounded-left {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .rounded-left::before, body.behat-site.rounded-left::before, body.themedesignermode .rounded-left::before, body.themedesignermode.rounded-left::before {
  content: "Deprecated style in use (.rounded-left)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}
.float-left {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  float: left !important;
}
body.behat-site .float-left, body.behat-site.float-left, body.themedesignermode .float-left, body.themedesignermode.float-left {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .float-left::before, body.behat-site.float-left::before, body.themedesignermode .float-left::before, body.themedesignermode.float-left::before {
  content: "Deprecated style in use (.float-left)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}
.float-right {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  float: right !important;
}
body.behat-site .float-right, body.behat-site.float-right, body.themedesignermode .float-right, body.themedesignermode.float-right {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .float-right::before, body.behat-site.float-right::before, body.themedesignermode .float-right::before, body.themedesignermode.float-right::before {
  content: "Deprecated style in use (.float-right)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}
@media (min-width: 576px) {
  .float-sm-left {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    float: left !important;
  }
  body.behat-site .float-sm-left, body.behat-site.float-sm-left, body.themedesignermode .float-sm-left, body.themedesignermode.float-sm-left {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .float-sm-left::before, body.behat-site.float-sm-left::before, body.themedesignermode .float-sm-left::before, body.themedesignermode.float-sm-left::before {
    content: "Deprecated style in use (.float-left)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .float-sm-right {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    float: right !important;
  }
  body.behat-site .float-sm-right, body.behat-site.float-sm-right, body.themedesignermode .float-sm-right, body.themedesignermode.float-sm-right {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .float-sm-right::before, body.behat-site.float-sm-right::before, body.themedesignermode .float-sm-right::before, body.themedesignermode.float-sm-right::before {
    content: "Deprecated style in use (.float-right)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
}
@media (min-width: 768px) {
  .float-md-left {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    float: left !important;
  }
  body.behat-site .float-md-left, body.behat-site.float-md-left, body.themedesignermode .float-md-left, body.themedesignermode.float-md-left {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .float-md-left::before, body.behat-site.float-md-left::before, body.themedesignermode .float-md-left::before, body.themedesignermode.float-md-left::before {
    content: "Deprecated style in use (.float-left)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .float-md-right {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    float: right !important;
  }
  body.behat-site .float-md-right, body.behat-site.float-md-right, body.themedesignermode .float-md-right, body.themedesignermode.float-md-right {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .float-md-right::before, body.behat-site.float-md-right::before, body.themedesignermode .float-md-right::before, body.themedesignermode.float-md-right::before {
    content: "Deprecated style in use (.float-right)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
}
@media (min-width: 992px) {
  .float-lg-left {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    float: left !important;
  }
  body.behat-site .float-lg-left, body.behat-site.float-lg-left, body.themedesignermode .float-lg-left, body.themedesignermode.float-lg-left {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .float-lg-left::before, body.behat-site.float-lg-left::before, body.themedesignermode .float-lg-left::before, body.themedesignermode.float-lg-left::before {
    content: "Deprecated style in use (.float-left)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .float-lg-right {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    float: right !important;
  }
  body.behat-site .float-lg-right, body.behat-site.float-lg-right, body.themedesignermode .float-lg-right, body.themedesignermode.float-lg-right {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .float-lg-right::before, body.behat-site.float-lg-right::before, body.themedesignermode .float-lg-right::before, body.themedesignermode.float-lg-right::before {
    content: "Deprecated style in use (.float-right)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
}
@media (min-width: 1200px) {
  .float-xl-left {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    float: left !important;
  }
  body.behat-site .float-xl-left, body.behat-site.float-xl-left, body.themedesignermode .float-xl-left, body.themedesignermode.float-xl-left {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .float-xl-left::before, body.behat-site.float-xl-left::before, body.themedesignermode .float-xl-left::before, body.themedesignermode.float-xl-left::before {
    content: "Deprecated style in use (.float-left)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .float-xl-right {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    float: right !important;
  }
  body.behat-site .float-xl-right, body.behat-site.float-xl-right, body.themedesignermode .float-xl-right, body.themedesignermode.float-xl-right {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .float-xl-right::before, body.behat-site.float-xl-right::before, body.themedesignermode .float-xl-right::before, body.themedesignermode.float-xl-right::before {
    content: "Deprecated style in use (.float-right)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
}
@media (min-width: 1400px) {
  .float-xxl-left {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    float: left !important;
  }
  body.behat-site .float-xxl-left, body.behat-site.float-xxl-left, body.themedesignermode .float-xxl-left, body.themedesignermode.float-xxl-left {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .float-xxl-left::before, body.behat-site.float-xxl-left::before, body.themedesignermode .float-xxl-left::before, body.themedesignermode.float-xxl-left::before {
    content: "Deprecated style in use (.float-left)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .float-xxl-right {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    float: right !important;
  }
  body.behat-site .float-xxl-right, body.behat-site.float-xxl-right, body.themedesignermode .float-xxl-right, body.themedesignermode.float-xxl-right {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .float-xxl-right::before, body.behat-site.float-xxl-right::before, body.themedesignermode .float-xxl-right::before, body.themedesignermode.float-xxl-right::before {
    content: "Deprecated style in use (.float-right)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
}
.close {
  float: right;
  font-size: calc(1.265625rem + 0.1875vw);
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.5;
}
@media (min-width: 1200px) {
  .close {
    font-size: 1.40625rem;
  }
}
.close:hover {
  color: #000;
  text-decoration: none;
}
.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
  opacity: 0.75;
}
button.close {
  padding: 0;
  background-color: transparent;
  border: 0;
}
a.close.disabled {
  pointer-events: none;
}
.font-weight-light {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  font-weight: 300 !important;
}
body.behat-site .font-weight-light, body.behat-site.font-weight-light, body.themedesignermode .font-weight-light, body.themedesignermode.font-weight-light {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .font-weight-light::before, body.behat-site.font-weight-light::before, body.themedesignermode .font-weight-light::before, body.themedesignermode.font-weight-light::before {
  content: "Deprecated style in use (.font-weight)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}
.font-weight-lighter {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  font-weight: lighter !important;
}
body.behat-site .font-weight-lighter, body.behat-site.font-weight-lighter, body.themedesignermode .font-weight-lighter, body.themedesignermode.font-weight-lighter {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .font-weight-lighter::before, body.behat-site.font-weight-lighter::before, body.themedesignermode .font-weight-lighter::before, body.themedesignermode.font-weight-lighter::before {
  content: "Deprecated style in use (.font-weight)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}
.font-weight-normal {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  font-weight: 400 !important;
}
body.behat-site .font-weight-normal, body.behat-site.font-weight-normal, body.themedesignermode .font-weight-normal, body.themedesignermode.font-weight-normal {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .font-weight-normal::before, body.behat-site.font-weight-normal::before, body.themedesignermode .font-weight-normal::before, body.themedesignermode.font-weight-normal::before {
  content: "Deprecated style in use (.font-weight)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}
.font-weight-bold {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  font-weight: 700 !important;
}
body.behat-site .font-weight-bold, body.behat-site.font-weight-bold, body.themedesignermode .font-weight-bold, body.themedesignermode.font-weight-bold {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .font-weight-bold::before, body.behat-site.font-weight-bold::before, body.themedesignermode .font-weight-bold::before, body.themedesignermode.font-weight-bold::before {
  content: "Deprecated style in use (.font-weight)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}
.font-weight-bolder {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  font-weight: bolder !important;
}
body.behat-site .font-weight-bolder, body.behat-site.font-weight-bolder, body.themedesignermode .font-weight-bolder, body.themedesignermode.font-weight-bolder {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .font-weight-bolder::before, body.behat-site.font-weight-bolder::before, body.themedesignermode .font-weight-bolder::before, body.themedesignermode.font-weight-bolder::before {
  content: "Deprecated style in use (.font-weight)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}
.font-italic {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  font-style: italic !important;
}
body.behat-site .font-italic, body.behat-site.font-italic, body.themedesignermode .font-italic, body.themedesignermode.font-italic {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .font-italic::before, body.behat-site.font-italic::before, body.themedesignermode .font-italic::before, body.themedesignermode.font-italic::before {
  content: "Deprecated style in use (.font-weight)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}
.rounded-sm {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  border-radius: 0.25rem !important;
}
body.behat-site .rounded-sm, body.behat-site.rounded-sm, body.themedesignermode .rounded-sm, body.themedesignermode.rounded-sm {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .rounded-sm::before, body.behat-site.rounded-sm::before, body.themedesignermode .rounded-sm::before, body.themedesignermode.rounded-sm::before {
  content: "Deprecated style in use (.rounded-sm)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}
.rounded-lg {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  border-radius: 0.6rem !important;
}
body.behat-site .rounded-lg, body.behat-site.rounded-lg, body.themedesignermode .rounded-lg, body.themedesignermode.rounded-lg {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .rounded-lg::before, body.behat-site.rounded-lg::before, body.themedesignermode .rounded-lg::before, body.themedesignermode.rounded-lg::before {
  content: "Deprecated style in use (.rounded-lg)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}
.sr-only {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
body.behat-site .sr-only, body.behat-site.sr-only, body.themedesignermode .sr-only, body.themedesignermode.sr-only {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .sr-only::before, body.behat-site.sr-only::before, body.themedesignermode .sr-only::before, body.themedesignermode.sr-only::before {
  content: "Deprecated style in use (.sr-only)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}
.sr-only-focusable {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
}
body.behat-site .sr-only-focusable, body.behat-site.sr-only-focusable, body.themedesignermode .sr-only-focusable, body.themedesignermode.sr-only-focusable {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .sr-only-focusable::before, body.behat-site.sr-only-focusable::before, body.themedesignermode .sr-only-focusable::before, body.themedesignermode.sr-only-focusable::before {
  content: "Deprecated style in use (.sr-only-focusable)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}
.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
}
.custom-control {
  position: relative;
  z-index: 1;
  display: block;
  min-height: 1.40625rem;
  padding-left: 1.5rem;
  print-color-adjust: exact;
}
.custom-control-inline {
  display: inline-flex;
  margin-right: 1rem;
}
.custom-control-input {
  position: absolute;
  left: 0;
  z-index: -1;
  width: 1rem;
  height: 1.203125rem;
  opacity: 0;
}
.custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #176B75;
  background-color: #176B75;
}
.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.25rem rgba(23, 107, 117, 0.75);
}
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #8bb5ba;
}
.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  color: #fff;
  background-color: #5fd2e0;
  border-color: #5fd2e0;
}
.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label {
  color: #6a737b;
}
.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before {
  background-color: var(--bs-secondary-bg);
}
.custom-control-label {
  position: relative;
  margin-bottom: 0;
  vertical-align: top;
}
.custom-control-label::before {
  position: absolute;
  top: 0.203125rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
  content: "";
  background-color: var(--bs-body-bg);
  border: 1px solid #8f959e;
}
.custom-control-label::after {
  position: absolute;
  top: 0.203125rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  content: "";
  background: 50% / 50% 50% no-repeat;
}
.custom-checkbox {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
}
body.behat-site .custom-checkbox, body.behat-site.custom-checkbox, body.themedesignermode .custom-checkbox, body.themedesignermode.custom-checkbox {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .custom-checkbox::before, body.behat-site.custom-checkbox::before, body.themedesignermode .custom-checkbox::before, body.themedesignermode.custom-checkbox::before {
  content: "Deprecated style in use (.custom-checkbox)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}
.custom-checkbox .custom-control-label::before {
  border-radius: 0.5rem;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
  border-color: #176B75;
  background-color: #176B75;
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e");
}
.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(23, 107, 117, 0.5);
}
.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
  background-color: rgba(23, 107, 117, 0.5);
}
.custom-radio {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
}
body.behat-site .custom-radio, body.behat-site.custom-radio, body.themedesignermode .custom-radio, body.themedesignermode.custom-radio {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .custom-radio::before, body.behat-site.custom-radio::before, body.themedesignermode .custom-radio::before, body.themedesignermode.custom-radio::before {
  content: "Deprecated style in use (.custom-radio)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}
.custom-radio .custom-control-label::before {
  border-radius: 50%;
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(23, 107, 117, 0.5);
}
.custom-switch {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  padding-left: 2.25rem;
}
body.behat-site .custom-switch, body.behat-site.custom-switch, body.themedesignermode .custom-switch, body.themedesignermode.custom-switch {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .custom-switch::before, body.behat-site.custom-switch::before, body.themedesignermode .custom-switch::before, body.themedesignermode.custom-switch::before {
  content: "Deprecated style in use (.custom-switch)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}
.custom-switch .custom-control-label::before {
  left: -2.25rem;
  width: 1.75rem;
  pointer-events: all;
  border-radius: 0.5rem;
}
.custom-switch .custom-control-label::after {
  top: calc(0.203125rem + 2px);
  left: calc(-2.25rem + 2px);
  width: calc(1rem - 4px);
  height: calc(1rem - 4px);
  background-color: #8f959e;
  border-radius: 0.5rem;
  transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .custom-switch .custom-control-label::after {
    transition: none;
  }
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
  background-color: var(--bs-body-bg);
  transform: translateX(0.75rem);
}
.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(23, 107, 117, 0.5);
}
.custom-select {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  vertical-align: middle;
  background: var(--bs-body-bg) url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center / 8px 10px no-repeat;
  border: var(--bs-border-width) solid var(--bs-gray-500);
  border-radius: 0.5rem;
  appearance: none;
}
body.behat-site .custom-select, body.behat-site.custom-select, body.themedesignermode .custom-select, body.themedesignermode.custom-select {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .custom-select::before, body.behat-site.custom-select::before, body.themedesignermode .custom-select::before, body.themedesignermode.custom-select::before {
  content: "Deprecated style in use (.custom-select)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}
.custom-select:focus {
  border-color: #8bb5ba;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(23, 107, 117, 0.75);
}
.custom-select:focus::-ms-value {
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
}
.custom-select[multiple], .custom-select[size]:not([size="1"]) {
  height: auto;
  padding-right: 0.75rem;
  background-image: none;
}
.custom-select:disabled {
  color: #6a737b;
  background-color: #e9ecef;
}
.custom-select::-ms-expand {
  display: none;
}
.custom-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 var(--bs-body-color);
}
.custom-select-sm {
  height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.8203125rem;
}
.custom-select-lg {
  height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 1.171875rem;
}
.custom-file {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  position: relative;
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));
  margin-bottom: 0;
}
body.behat-site .custom-file, body.behat-site.custom-file, body.themedesignermode .custom-file, body.themedesignermode.custom-file {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .custom-file::before, body.behat-site.custom-file::before, body.themedesignermode .custom-file::before, body.themedesignermode.custom-file::before {
  content: "Deprecated style in use (.custom-file)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}
.custom-file-input {
  position: relative;
  z-index: 2;
  width: 100%;
  height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));
  margin: 0;
  overflow: hidden;
  opacity: 0;
}
.custom-file-input:focus ~ .custom-file-label {
  border-color: #8bb5ba;
  box-shadow: 0 0 0 0.25rem rgba(23, 107, 117, 0.75);
}
.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label {
  background-color: var(--bs-secondary-bg);
}
.custom-file-input:lang(en) ~ .custom-file-label::after {
  content: "Browse";
}
.custom-file-input ~ .custom-file-label[data-browse]::after {
  content: attr(data-browse);
}
.custom-file-label {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));
  padding: 0.375rem 0.75rem;
  overflow: hidden;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  border: var(--bs-border-width) solid var(--bs-gray-500);
  border-radius: var(--bs-border-radius);
}
.custom-file-label::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  display: block;
  height: calc(1.5em + 0.75rem);
  padding: 0.375rem 0.75rem;
  line-height: 1.5;
  color: var(--bs-body-color);
  content: "Browse";
  background-color: var(--bs-tertiary-bg);
  border-left: inherit;
  border-radius: 0 var(--bs-border-radius) var(--bs-border-radius) 0;
}
.custom-range {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  width: 100%;
  height: 1.5rem;
  padding: 0;
  background-color: transparent;
  appearance: none;
}
body.behat-site .custom-range, body.behat-site.custom-range, body.themedesignermode .custom-range, body.themedesignermode.custom-range {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .custom-range::before, body.behat-site.custom-range::before, body.themedesignermode .custom-range::before, body.themedesignermode.custom-range::before {
  content: "Deprecated style in use (.custom-range)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}
.custom-range:focus {
  outline: 0;
}
.custom-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(23, 107, 117, 0.75);
}
.custom-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(23, 107, 117, 0.75);
}
.custom-range:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(23, 107, 117, 0.75);
}
.custom-range::-moz-focus-outer {
  border: 0;
}
.custom-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  background-color: #176B75;
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .custom-range::-webkit-slider-thumb {
    transition: none;
  }
}
.custom-range::-webkit-slider-thumb:active {
  background-color: #5fd2e0;
}
.custom-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}
.custom-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  background-color: #176B75;
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .custom-range::-moz-range-thumb {
    transition: none;
  }
}
.custom-range::-moz-range-thumb:active {
  background-color: #5fd2e0;
}
.custom-range::-moz-range-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}
.custom-range::-ms-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: 0;
  margin-right: 0.25rem;
  margin-left: 0.25rem;
  background-color: #176B75;
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .custom-range::-ms-thumb {
    transition: none;
  }
}
.custom-range::-ms-thumb:active {
  background-color: #5fd2e0;
}
.custom-range::-ms-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: transparent;
  border-color: transparent;
  border-width: 0.5rem;
}
.custom-range::-ms-fill-lower {
  background-color: #dee2e6;
  border-radius: 1rem;
}
.custom-range::-ms-fill-upper {
  margin-right: 15px;
  background-color: #dee2e6;
  border-radius: 1rem;
}
.custom-range:disabled::-webkit-slider-thumb {
  background-color: #8f959e;
}
.custom-range:disabled::-webkit-slider-runnable-track {
  cursor: default;
}
.custom-range:disabled::-moz-range-thumb {
  background-color: #8f959e;
}
.custom-range:disabled::-moz-range-track {
  cursor: default;
}
.custom-range:disabled::-ms-thumb {
  background-color: #8f959e;
}
.custom-control-label::before, .custom-file-label, .custom-select {
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .custom-control-label::before, .custom-file-label, .custom-select {
    transition: none;
  }
}
.btn-block {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  display: block;
  width: 100%;
}
body.behat-site .btn-block, body.behat-site.btn-block, body.themedesignermode .btn-block, body.themedesignermode.btn-block {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .btn-block::before, body.behat-site.btn-block::before, body.themedesignermode .btn-block::before, body.themedesignermode.btn-block::before {
  content: "Deprecated style in use (.btn-block)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}
.btn-block + .btn-block {
  margin-top: 0.5rem;
}
input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block {
  width: 100%;
}
.task-indicator {
  padding-top: 2rem;
}
.task-indicator img.icon {
  width: 145px;
  height: 145px;
  max-height: 145px;
  max-width: 145px;
  font-size: 145px;
  padding-bottom: 2rem;
}
.task-indicator .progressbar_container {
  padding-top: 2rem;
}
.task-indicator .stored-progress-bar {
  opacity: 1;
  transition: opacity 0.5s;
}
.task-indicator .stored-progress-notstarted {
  opacity: 0;
}
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.navbar {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
}
.userpicture {
  border-radius: 50%;
}
.btn-outline-secondary {
  --bs-btn-color: #6a737b;
  --bs-btn-border-color: #6a737b;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #6a737b;
  --bs-btn-hover-border-color: #6a737b;
  --bs-btn-focus-shadow-rgb: 106, 115, 123;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #6a737b;
  --bs-btn-active-border-color: #6a737b;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #6a737b;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #6a737b;
  --bs-gradient: none;
  border-color: #6a737b;
}
.btn-outline-info {
  --bs-btn-color: #1f7e9a;
  --bs-btn-border-color: #1f7e9a;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #1f7e9a;
  --bs-btn-hover-border-color: #1f7e9a;
  --bs-btn-focus-shadow-rgb: 31, 126, 154;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #1f7e9a;
  --bs-btn-active-border-color: #1f7e9a;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #1f7e9a;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #1f7e9a;
  --bs-gradient: none;
}
.btn-outline-warning {
  --bs-btn-color: #a6670e;
  --bs-btn-border-color: #a6670e;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #a6670e;
  --bs-btn-hover-border-color: #a6670e;
  --bs-btn-focus-shadow-rgb: 166, 103, 14;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #a6670e;
  --bs-btn-active-border-color: #a6670e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #a6670e;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #a6670e;
  --bs-gradient: none;
}
/*=======================================
 * General styles
 ======================================*/
/* Light brand color gradient background class.
   This creates a subtle diagonal gradient from a light brand color to an even lighter version. */
.bg-primary-gradient-light {
  background: linear-gradient(135deg, #dce9ea 0%, #f3f8f8 100%);
}
/* Full brand color gradient background class.
   This creates a subtle diagonal gradient from the full brand color to a slightly lighter version. */
.bg-primary-gradient-full {
  background: linear-gradient(135deg, #176B75 0%, #3a818a 100%);
}
/* Replicate the Moodle Boost default login button style (from .login-identityprovider-btn)
   for the btn-outline-lightmoodle variant: white background with a light gray border.
   Replicating the styles is necessary as we cannot re-use the existing class without side-effects here. */
.btn-outline-lightmoodle {
  background-color: #fff;
  border-color: #ced4da;
  color: #6a737b;
}
.btn-outline-lightmoodle:hover, .btn-outline-lightmoodle:focus {
  background-color: #f8f9fa;
  border-color: #8f959e;
  color: #495057;
}
/* Utility class to let an mform element span the full width of the form by removing its (empty) label column.
   This is useful for elements which are not associated to a particular form field, e.g. a standalone notification.
   Add this class to the element in PHP with $element->updateAttributes(['parentclass' => 'theme-boost-union-fullwidth-formelement']). */
.fitem.theme-boost-union-fullwidth-formelement > .col-md-3 {
  display: none;
}
.fitem.theme-boost-union-fullwidth-formelement > .col-md-9 {
  flex: 0 0 100%;
  max-width: 100%;
}
/*=======================================
 * Settings: Look -> Site branding
 ======================================*/
/*---------------------------------------
 * Setting: Compact logo
 --------------------------------------*/
/* Add an explicit height to the logo in the navbar.
   This is necessary to render SVG logos properly as their size is calculated different than pixel-based images.
   Please note that these values might be overridden by the maxlogowidth setting. */
.navbar-brand, .navbar-brand .logo {
  height: 100%;
  width: auto;
}
/*---------------------------------------
 * Setting: Button brand color
 --------------------------------------*/
/* Apply a dedicated color for primary buttons, if the variable is set.
   Reuse Bootstrap's own variant mixin so hover/active/focus/disabled states
   are calculated exactly like core button variants, just with the configured color. */
.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #176B75;
  --bs-btn-border-color: #176B75;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #145b63;
  --bs-btn-hover-border-color: #12565e;
  --bs-btn-focus-shadow-rgb: 58, 129, 138;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #12565e;
  --bs-btn-active-border-color: #115058;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #176B75;
  --bs-btn-disabled-border-color: #176B75;
}
/*---------------------------------------
 * Setting: Navbar color
 --------------------------------------*/
/* Moodle core already presents the light navbar with dark font color (.bg-body) perfectly.
   There is nothing to change here. */
/* Tweak the dark navbar with light font color
   and the primary color navbar with light font color. */
.navbar.bg-dark[data-bs-theme="dark"], .navbar.bg-dark[data-bs-theme="dark"] .navbar#searchform-navbar[data-bs-theme="dark"], .navbar.bg-primary[data-bs-theme="dark"] {
  /* Remove the white border at the bottom of the navbar as it looks odd with a dark navbar. */
  border-bottom: none;
  /* Change the color of the navigation items in the navbar to white
       and to black on white when hovered (Bootstrap already makes the background white when hovered, but not when focused).
       This has to use !important as Moodle core already uses !important for some of its hover states. */
  /* Change the color of the icons in the navbar as well as the toggle icon in the usermenu
       to white.
       This has to use !important as Moodle core already uses !important for the icon colors. */
  /* Change the color of the edit switch label in the navbar to white.
       This has to use !important as Moodle core would change the color to text-primary as soon as editing is on. */
  /* Change the color of the offcanvas button to fit onto the dark background. */
  /* Change the color of the login link in the navbar to white. */
  /* Change the color of the language selector link (which appears for visitors in the navbar) to white.
       as this would be presented in the primary color otherwise. */
  /* Change the color of the notification action buttons to dark grey.
       This has to use !important as Moodle core already uses !important for the icon colors. */
  /* Change the color of the footer in the notification popover to normal.
       This cannot be done with data-bs-theme as we did not overwrite the corresponding mustache template. */
  /* Change the link colors in the notification popover to a more solid color. */
}
.navbar.bg-dark[data-bs-theme="dark"] .nav-link, .navbar.bg-dark[data-bs-theme="dark"] .navbar#searchform-navbar[data-bs-theme="dark"] .nav-link, .navbar.bg-primary[data-bs-theme="dark"] .nav-link {
  color: #fff;
}
.navbar.bg-dark[data-bs-theme="dark"] .nav-link.active, .navbar.bg-dark[data-bs-theme="dark"] .navbar#searchform-navbar[data-bs-theme="dark"] .nav-link.active, .navbar.bg-primary[data-bs-theme="dark"] .nav-link.active {
  border-bottom-color: #fff;
}
.navbar.bg-dark[data-bs-theme="dark"] .nav-link:hover, .navbar.bg-dark[data-bs-theme="dark"] .navbar#searchform-navbar[data-bs-theme="dark"] .nav-link:hover, .navbar.bg-dark[data-bs-theme="dark"] .nav-link:focus, .navbar.bg-dark[data-bs-theme="dark"] .navbar#searchform-navbar[data-bs-theme="dark"] .nav-link:focus, .navbar.bg-primary[data-bs-theme="dark"] .nav-link:hover, .navbar.bg-primary[data-bs-theme="dark"] .nav-link:focus {
  color: #000 !important;
  /* stylelint-disable-line declaration-no-important */
  background-color: #fff;
}
.navbar.bg-dark[data-bs-theme="dark"] .nav-link:hover .icon, .navbar.bg-dark[data-bs-theme="dark"] .navbar#searchform-navbar[data-bs-theme="dark"] .nav-link:hover .icon, .navbar.bg-dark[data-bs-theme="dark"] .nav-link:focus .icon, .navbar.bg-dark[data-bs-theme="dark"] .navbar#searchform-navbar[data-bs-theme="dark"] .nav-link:focus .icon, .navbar.bg-primary[data-bs-theme="dark"] .nav-link:hover .icon, .navbar.bg-primary[data-bs-theme="dark"] .nav-link:focus .icon {
  color: #000 !important;
  /* stylelint-disable-line declaration-no-important */
}
.navbar.bg-dark[data-bs-theme="dark"] .nav-link .icon, .navbar.bg-dark[data-bs-theme="dark"] .navbar#searchform-navbar[data-bs-theme="dark"] .nav-link .icon, .navbar.bg-dark[data-bs-theme="dark"] .nav-link a .icon, .navbar.bg-dark[data-bs-theme="dark"] .navbar#searchform-navbar[data-bs-theme="dark"] .nav-link a .icon, .navbar.bg-dark[data-bs-theme="dark"] .usermenu .dropdown-toggle, .navbar.bg-dark[data-bs-theme="dark"] .navbar#searchform-navbar[data-bs-theme="dark"] .usermenu .dropdown-toggle, .navbar.bg-primary[data-bs-theme="dark"] .nav-link .icon, .navbar.bg-primary[data-bs-theme="dark"] .nav-link a .icon, .navbar.bg-primary[data-bs-theme="dark"] .usermenu .dropdown-toggle {
  color: #fff !important;
  /* stylelint-disable-line declaration-no-important */
}
.navbar.bg-dark[data-bs-theme="dark"] .editmode-switch-form, .navbar.bg-dark[data-bs-theme="dark"] .navbar#searchform-navbar[data-bs-theme="dark"] .editmode-switch-form, .navbar.bg-dark[data-bs-theme="dark"] .editmode-switch-form label, .navbar.bg-dark[data-bs-theme="dark"] .navbar#searchform-navbar[data-bs-theme="dark"] .editmode-switch-form label, .navbar.bg-primary[data-bs-theme="dark"] .editmode-switch-form, .navbar.bg-primary[data-bs-theme="dark"] .editmode-switch-form label {
  color: #fff !important;
  /* stylelint-disable-line declaration-no-important */
}
.navbar.bg-dark[data-bs-theme="dark"] #theme_boost_union-offcanvas-btn, .navbar.bg-dark[data-bs-theme="dark"] .navbar#searchform-navbar[data-bs-theme="dark"] #theme_boost_union-offcanvas-btn, .navbar.bg-primary[data-bs-theme="dark"] #theme_boost_union-offcanvas-btn {
  color: #fff;
}
.navbar.bg-dark[data-bs-theme="dark"] .login, .navbar.bg-dark[data-bs-theme="dark"] .navbar#searchform-navbar[data-bs-theme="dark"] .login, .navbar.bg-dark[data-bs-theme="dark"] .login a, .navbar.bg-dark[data-bs-theme="dark"] .navbar#searchform-navbar[data-bs-theme="dark"] .login a, .navbar.bg-primary[data-bs-theme="dark"] .login, .navbar.bg-primary[data-bs-theme="dark"] .login a {
  color: #fff;
}
.navbar.bg-dark[data-bs-theme="dark"] #lang-menu-toggle, .navbar.bg-dark[data-bs-theme="dark"] .navbar#searchform-navbar[data-bs-theme="dark"] #lang-menu-toggle, .navbar.bg-primary[data-bs-theme="dark"] #lang-menu-toggle {
  color: #fff;
}
.navbar.bg-dark[data-bs-theme="dark"] .popover-region-container a .icon, .navbar.bg-dark[data-bs-theme="dark"] .navbar#searchform-navbar[data-bs-theme="dark"] .popover-region-container a .icon, .navbar.bg-primary[data-bs-theme="dark"] .popover-region-container a .icon {
  color: #343a40 !important;
  /* stylelint-disable-line declaration-no-important */
}
.navbar.bg-dark[data-bs-theme="dark"] .popover-region-footer-container, .navbar.bg-dark[data-bs-theme="dark"] .navbar#searchform-navbar[data-bs-theme="dark"] .popover-region-footer-container, .navbar.bg-primary[data-bs-theme="dark"] .popover-region-footer-container {
  background-color: #fff;
}
.navbar.bg-dark[data-bs-theme="dark"] .popover-region-container .see-all-link, .navbar.bg-dark[data-bs-theme="dark"] .navbar#searchform-navbar[data-bs-theme="dark"] .popover-region-container .see-all-link, .navbar.bg-dark[data-bs-theme="dark"] .popover-region-container .view-more, .navbar.bg-dark[data-bs-theme="dark"] .navbar#searchform-navbar[data-bs-theme="dark"] .popover-region-container .view-more, .navbar.bg-primary[data-bs-theme="dark"] .popover-region-container .see-all-link, .navbar.bg-primary[data-bs-theme="dark"] .popover-region-container .view-more {
  color: #176B75;
}
/* Tweak the dark navbar with light font color a little bit more. */
.navbar.bg-dark[data-bs-theme="dark"], .navbar.bg-dark[data-bs-theme="dark"] .navbar#searchform-navbar[data-bs-theme="dark"] {
  /* If we are showing the search form, we need to show the border again as dark border
       as otherwise the active node's bottom bar might peek through. */
  /* Change the background color of the custom child menu and user menu navigation items in the navbar
       to dark grey when hovered and focused (especially during keyboard navigation) */
  /* Adapt the color of the edit switch widget to fit onto the dark background. */
  /* Change the background color of the search panel in the navbar. */
  /* Make sure that the search form's submit button is black as well. */
}
.navbar.bg-dark[data-bs-theme="dark"]:has(#searchform-navbar.show), .navbar.bg-dark[data-bs-theme="dark"] .navbar#searchform-navbar[data-bs-theme="dark"]:has(#searchform-navbar.show) {
  border-bottom: 1px solid #343a40;
}
.navbar.bg-dark[data-bs-theme="dark"] .nav-item .dropdown-menu.show a.dropdown-item, .navbar.bg-dark[data-bs-theme="dark"] .navbar#searchform-navbar[data-bs-theme="dark"] .nav-item .dropdown-menu.show a.dropdown-item, .navbar.bg-dark[data-bs-theme="dark"] #user-action-menu.show a.dropdown-item, .navbar.bg-dark[data-bs-theme="dark"] .navbar#searchform-navbar[data-bs-theme="dark"] #user-action-menu.show a.dropdown-item {
  background-color: inherit;
}
.navbar.bg-dark[data-bs-theme="dark"] .nav-item .dropdown-menu.show a.dropdown-item:hover, .navbar.bg-dark[data-bs-theme="dark"] .navbar#searchform-navbar[data-bs-theme="dark"] .nav-item .dropdown-menu.show a.dropdown-item:hover, .navbar.bg-dark[data-bs-theme="dark"] .nav-item .dropdown-menu.show a.dropdown-item:focus, .navbar.bg-dark[data-bs-theme="dark"] .navbar#searchform-navbar[data-bs-theme="dark"] .nav-item .dropdown-menu.show a.dropdown-item:focus, .navbar.bg-dark[data-bs-theme="dark"] #user-action-menu.show a.dropdown-item:hover, .navbar.bg-dark[data-bs-theme="dark"] .navbar#searchform-navbar[data-bs-theme="dark"] #user-action-menu.show a.dropdown-item:hover, .navbar.bg-dark[data-bs-theme="dark"] #user-action-menu.show a.dropdown-item:focus, .navbar.bg-dark[data-bs-theme="dark"] .navbar#searchform-navbar[data-bs-theme="dark"] #user-action-menu.show a.dropdown-item:focus {
  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity));
  color: #fff;
}
.navbar.bg-dark[data-bs-theme="dark"] .editmode-switch-form input, .navbar.bg-dark[data-bs-theme="dark"] .navbar#searchform-navbar[data-bs-theme="dark"] .editmode-switch-form input {
  border-color: var(--bs-gray-500);
}
.navbar.bg-dark[data-bs-theme="dark"] .editmode-switch-form input:not(:checked), .navbar.bg-dark[data-bs-theme="dark"] .navbar#searchform-navbar[data-bs-theme="dark"] .editmode-switch-form input:not(:checked) {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
  background-color: white;
}
.navbar.bg-dark[data-bs-theme="dark"] .simplesearchform .btn-submit, .navbar.bg-dark[data-bs-theme="dark"] .navbar#searchform-navbar[data-bs-theme="dark"] .simplesearchform .btn-submit {
  background-color: var(--bs-body-bg);
  color: #6a737b;
}
/* Tweak the primary color navbar with light font color a little bit more. */
.navbar.bg-primary[data-bs-theme="dark"] {
  /* If we are showing the search form, we need to show the border again as dark border
       as otherwise the active node's bottom bar might peek through. */
  /* Change the background color of the custom child menu and user menu navigation items in the navbar
       to dark grey when hovered and focused (especially during keyboard navigation) */
  /* Adapt the color of the edit switch widget to fit onto the primary color background. */
  /* Change the background color of the search panel in the navbar.
       The --bu-navbar-bg custom property holds the navbar tint (see theme_boost_union_get_scss_navbar() in locallib.php),
       the primary color is used as fallback if no tint is set. */
  /* Change the color of the divider to white.
       This has to use !important as Moodle core already uses !important for the border-left color.*/
  /* Change the color of the active nav items's bottom border to white as this would be presented in the
        primary color otherwise. */
}
.navbar.bg-primary[data-bs-theme="dark"]:has(#searchform-navbar.show) {
  border-bottom: 1px solid #176B75;
}
.navbar.bg-primary[data-bs-theme="dark"] .nav-item .dropdown-menu.show a.dropdown-item, .navbar.bg-primary[data-bs-theme="dark"] #user-action-menu.show a.dropdown-item {
  background-color: inherit;
}
.navbar.bg-primary[data-bs-theme="dark"] .nav-item .dropdown-menu.show a.dropdown-item:hover, .navbar.bg-primary[data-bs-theme="dark"] .nav-item .dropdown-menu.show a.dropdown-item:focus, .navbar.bg-primary[data-bs-theme="dark"] #user-action-menu.show a.dropdown-item:hover, .navbar.bg-primary[data-bs-theme="dark"] #user-action-menu.show a.dropdown-item:focus {
  background-color: #176B75;
  color: #fff;
}
.navbar.bg-primary[data-bs-theme="dark"] .editmode-switch-form input {
  border-color: var(--bs-gray-500);
}
.navbar.bg-primary[data-bs-theme="dark"] .editmode-switch-form input:not(:checked) {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
  background-color: white;
}
.navbar.bg-primary[data-bs-theme="dark"] #searchform-navbar {
  background-color: var(--bu-navbar-bg, #176B75);
  /* Make sure that the search form input elements are colorized as well. */
}
.navbar.bg-primary[data-bs-theme="dark"] #searchform-navbar input, .navbar.bg-primary[data-bs-theme="dark"] #searchform-navbar button {
  background-color: var(--bu-navbar-bg, #176B75);
  border-color: #fff;
  color: #fff;
}
.navbar.bg-primary[data-bs-theme="dark"] .divider {
  background-color: #fff;
  border-left: none !important;
  /* stylelint-disable-line declaration-no-important */
}
.navbar.bg-primary[data-bs-theme="dark"] .nav-link.active {
  border-bottom-color: #fff;
}
/* Tweak the primary color navbar with dark font color. */
.navbar.bg-primary[data-bs-theme="light"] {
  /* Change the color of the active nav items's bottom border to dark grey as this would be presented in the
       primary color as well otherwise. */
  /* Change the color of the navigation items in the navbar
       to black on white when hovered (Bootstrap already makes the background white when hovered, but not when focused).
       This has to use !important as Moodle core already uses !important for some of its hover states. */
  /* Change the font color of the custom child menu and user menu navigation items in the navbar
       to black when hovered and focused (especially during keyboard navigation).
       This will then diverge from the way how Boost core shows these menu items in the unchanged navbar,
       but we do have to expect in this particular case here that the primary color is rather light. */
  /* Change the color of the edit switch label in the navbar to dark grey.
       This has to use !important as Moodle core wants to use the color text-primary as soon as editing is on. */
  /* Adapt the color of the edit switch widget to fit onto the primary color background. */
  /* Change the background color of the search panel in the navbar.
       The --bu-navbar-bg custom property holds the navbar tint (see theme_boost_union_get_scss_navbar() in locallib.php),
       the primary color is used as fallback if no tint is set. */
  /* Change the color of the login link in the navbar to dark grey and to darker grey when hovered. */
  /* Change the color of the divider to dark grey.
       This has to use !important as Moodle core already uses !important for the border-left color.*/
}
.navbar.bg-primary[data-bs-theme="light"] .nav-link.active {
  border-bottom-color: rgba(0, 0, 0, 0.6);
}
.navbar.bg-primary[data-bs-theme="light"] .nav-link:hover, .navbar.bg-primary[data-bs-theme="light"] .nav-link:focus {
  color: #000 !important;
  /* stylelint-disable-line declaration-no-important */
  background-color: #fff;
}
.navbar.bg-primary[data-bs-theme="light"] .nav-item .dropdown-menu.show a.dropdown-item:hover, .navbar.bg-primary[data-bs-theme="light"] .nav-item .dropdown-menu.show a.dropdown-item:focus, .navbar.bg-primary[data-bs-theme="light"] #user-action-menu.show a.dropdown-item:hover, .navbar.bg-primary[data-bs-theme="light"] #user-action-menu.show a.dropdown-item:focus {
  color: var(--bs-dropdown-link-color);
}
.navbar.bg-primary[data-bs-theme="light"] .editmode-switch-form, .navbar.bg-primary[data-bs-theme="light"] .editmode-switch-form label {
  color: var(--bs-nav-link-color) !important;
  /* stylelint-disable-line declaration-no-important */
}
.navbar.bg-primary[data-bs-theme="light"] .editmode-switch-form label:hover {
  color: var(--bs-nav-link-color) !important;
  /* stylelint-disable-line declaration-no-important */
}
.navbar.bg-primary[data-bs-theme="light"] .editmode-switch-form input {
  border-color: var(--bs-gray-500);
}
.navbar.bg-primary[data-bs-theme="light"] #searchform-navbar {
  background-color: var(--bu-navbar-bg, #176B75);
  /* Make sure that the search form input element have a real border, even if focused. */
}
.navbar.bg-primary[data-bs-theme="light"] #searchform-navbar input:focus {
  border-color: var(--bs-gray-500);
}
.navbar.bg-primary[data-bs-theme="light"] .login, .navbar.bg-primary[data-bs-theme="light"] .login a {
  color: rgba(0, 0, 0, 0.6);
}
.navbar.bg-primary[data-bs-theme="light"] .login:hover, .navbar.bg-primary[data-bs-theme="light"] .login a:hover {
  color: rgba(0, 0, 0, 0.9);
}
.navbar.bg-primary[data-bs-theme="light"] .divider {
  border-left: 1px solid rgba(0, 0, 0, 0.6) !important;
  /* stylelint-disable-line declaration-no-important */
}
/*=======================================
 * Settings: Look -> Activity branding
 ======================================*/
/*---------------------------------------
 * Setting: Activity icon colors
 --------------------------------------*/
/*=======================================
 * Settings: Look -> Login page
 ======================================*/
/*---------------------------------------
 * Setting: Login container position
 --------------------------------------*/
/* On larger screens, move the login window to the side based on the theme settings.
   While the classes login-wrapper-left, -right, -semileft, -semiright are set here,
   the class login-wrapper-center is not set here as the login form is already centered by Moodle core. */
@media (min-width: 768px) {
  .login-wrapper.login-wrapper-left {
    justify-content: left;
    padding-left: 1rem;
  }
  .login-wrapper.login-wrapper-right {
    justify-content: right;
    padding-right: 1rem;
  }
  .login-wrapper.login-wrapper-semileft {
    justify-content: left;
    padding-left: 10rem;
  }
  .login-wrapper.login-wrapper-semiright {
    justify-content: right;
    padding-right: 10rem;
  }
}
/*---------------------------------------
 * Setting: Login container transparency
 --------------------------------------*/
/* Make background of login panel slightly transparent. */
.login-container.login-container-80t {
  background-color: rgba(255, 255, 255, 0.8);
}
/*---------------------------------------
 * Setting: Login container width
 --------------------------------------*/
/* Override the fixed 500px width from Boost core with the custom width setting. */
@media (min-width: 768px) {
  /* Allow login-container to expand when tabs need more space. */
  .login-container {
    width: 550px !important;
    /* stylelint-disable-line declaration-no-important */
  }
  body.pagelayout-login .login-container:has(#login-layout-tabs) {
    width: auto !important;
    /* stylelint-disable-line declaration-no-important */
    min-width: 550px;
    max-width: 100%;
    /* Prevent instructions from expanding the container to full width.
           (The max-width will be adapted by JS (if enabled by the admin)
           if the tabs width is wider than the $bu-logincontainer-width. */
  }
  body.pagelayout-login .login-container:has(#login-layout-tabs) .login-heading, body.pagelayout-login .login-container:has(#login-layout-tabs) .login-instructions, body.pagelayout-login .login-container:has(#login-layout-tabs) .login-shibboleth-wayf-form .form-text, body.pagelayout-login .login-container:has(#login-layout-tabs) .login-shibboleth-wayf-form .form-label {
    width: auto;
    max-width: 550px;
    overflow-wrap: break-word;
  }
}
/*---------------------------------------
 * Setting: Login form layout: Accordion
 --------------------------------------*/
/* Change the white background color to support semi-transparent login containers as well. */
.login-container.login-container-80t .accordion-item {
  background-color: rgba(255, 255, 255, 0.6);
}
.login-container.login-container-80t .accordion-button {
  background-color: transparent;
}
/*---------------------------------------
 * Setting: Login form layout: Tabs
 --------------------------------------*/
/* Align the look to the Moodle navigation tabs.
   Overwrite more properties than necessary at first sight to cover the deviant presentation on small screens as well. */
.login-container #login-layout-tabs {
  background-color: transparent;
  border-bottom: 1px solid var(--bs-border-color);
  padding-bottom: 0;
}
.login-container #login-layout-tabs .nav-link {
  background-color: transparent;
  border: none;
  border-radius: 0;
  margin-bottom: 0;
}
.login-container #login-layout-tabs .nav-link.active {
  border-bottom: solid 3px #176B75;
  color: var(--bs-emphasis-color);
}
/*=======================================
 * Settings: Look -> Category index / site home
 ======================================*/
/*---------------------------------------
 * Setting: Course listing presentation
 --------------------------------------*/
/* Only on site home and the category index pages - and on the course search page. */
.pagelayout-frontpage, .pagelayout-coursecategory, #page-course-search {
  /* In the Boost Union course listing. */
  /* The Boost Union course category info. */
  /* The sticky category heading. */
  /* The goto button. */
  /* The Boost Union course category listing.
       We do not document each single rule here. It's just a fiddly attempt to improve the look of the tree. */
  /* The Boost Union course category listing with a course listing in it.
       Some of the rules above are already only applied to category listings with course listings in it.
       But some have to be checked explicitely. We do this here with .theme_boost_union-catlisting-cl as we do not want to use
       a :has(.theme_boost_union-courselisting) selector.
       We do not document each single rule here either. */
}
.pagelayout-frontpage .theme_boost_union-courselisting, .pagelayout-coursecategory .theme_boost_union-courselisting, #page-course-search .theme_boost_union-courselisting {
  /* For the card view only. */
  /* For the course list only. */
  /* The course contact section. */
  /* The enrolment icons section. */
  /* The progress section. */
}
.pagelayout-frontpage .theme_boost_union-courselisting.theme_boost_union-courselisting-card, .pagelayout-coursecategory .theme_boost_union-courselisting.theme_boost_union-courselisting-card, #page-course-search .theme_boost_union-courselisting.theme_boost_union-courselisting-card {
  /* Revert the gutter between the cards to align the card deck with the category summary. */
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}
.pagelayout-frontpage .theme_boost_union-courselisting.theme_boost_union-courselisting-list, .pagelayout-coursecategory .theme_boost_union-courselisting.theme_boost_union-courselisting-list, #page-course-search .theme_boost_union-courselisting.theme_boost_union-courselisting-list {
  /* The course image. */
}
.pagelayout-frontpage .theme_boost_union-courselisting.theme_boost_union-courselisting-list .list-image, .pagelayout-coursecategory .theme_boost_union-courselisting.theme_boost_union-courselisting-list .list-image, #page-course-search .theme_boost_union-courselisting.theme_boost_union-courselisting-list .list-image {
  height: 5rem;
  background-position: center;
  background-size: cover;
}
.pagelayout-frontpage .theme_boost_union-courselisting .coursecontacts, .pagelayout-coursecategory .theme_boost_union-courselisting .coursecontacts, #page-course-search .theme_boost_union-courselisting .coursecontacts {
  /* Push the contacts over the course image. */
  margin-top: -18px;
}
.pagelayout-frontpage .theme_boost_union-courselisting .enrolmenticons .enrolmenticon, .pagelayout-coursecategory .theme_boost_union-courselisting .enrolmenticons .enrolmenticon, #page-course-search .theme_boost_union-courselisting .enrolmenticons .enrolmenticon {
  /* Make the icon grey instead of black. */
  color: #6a737b;
  /* Add some padding to the container. */
  margin-right: 0.5rem;
  /* But not to the last one. */
  /* And not to the icon itself. */
}
.pagelayout-frontpage .theme_boost_union-courselisting .enrolmenticons .enrolmenticon:last-child, .pagelayout-coursecategory .theme_boost_union-courselisting .enrolmenticons .enrolmenticon:last-child, #page-course-search .theme_boost_union-courselisting .enrolmenticons .enrolmenticon:last-child {
  margin-right: 0;
}
.pagelayout-frontpage .theme_boost_union-courselisting .enrolmenticons .enrolmenticon .icon, .pagelayout-coursecategory .theme_boost_union-courselisting .enrolmenticons .enrolmenticon .icon, #page-course-search .theme_boost_union-courselisting .enrolmenticons .enrolmenticon .icon {
  margin-right: 0;
}
.pagelayout-frontpage .theme_boost_union-courselisting .progress, .pagelayout-coursecategory .theme_boost_union-courselisting .progress, #page-course-search .theme_boost_union-courselisting .progress {
  height: 0.5rem;
}
.pagelayout-frontpage .theme_boost_union-courselisting .progress-text, .pagelayout-coursecategory .theme_boost_union-courselisting .progress-text, #page-course-search .theme_boost_union-courselisting .progress-text {
  color: #6a737b;
}
.pagelayout-frontpage .theme_boost_union-coursecategoryinfo, .pagelayout-coursecategory .theme_boost_union-coursecategoryinfo, #page-course-search .theme_boost_union-coursecategoryinfo {
  /* Put the category info into a box. */
}
.pagelayout-frontpage .theme_boost_union-stickycategory, .pagelayout-coursecategory .theme_boost_union-stickycategory, #page-course-search .theme_boost_union-stickycategory {
  top: 60px;
  /* Make sure that the sticky category header does not cover the more menu. */
  z-index: 999;
}
.pagelayout-frontpage.theme_boost_union-courselisting-card .theme_boost_union-stickycategory, .pagelayout-coursecategory.theme_boost_union-courselisting-card .theme_boost_union-stickycategory, #page-course-search.theme_boost_union-courselisting-card .theme_boost_union-stickycategory {
  width: calc(100% - 0.5rem);
}
.pagelayout-frontpage .dimmed_category .gotobutton, .pagelayout-coursecategory .dimmed_category .gotobutton, #page-course-search .dimmed_category .gotobutton {
  /* Make sure that a dimmed category (and thus dimmed links in the course cards / course list) do not affect
            the button label color. */
  color: #fff;
}
.pagelayout-frontpage .theme_boost_union-catlisting > .content > .subcategories .category, .pagelayout-coursecategory .theme_boost_union-catlisting > .content > .subcategories .category, #page-course-search .theme_boost_union-catlisting > .content > .subcategories .category {
  /* Support up to 8 subcategory levels,
                   from level 9 on the course listing would not be indented correctly anymore. */
  /* On small screens, we must not let the category listing exceed the container's width to avoid horizontal
                   scroll bars. */
}
.pagelayout-frontpage .theme_boost_union-catlisting > .content > .subcategories .category .theme_boost_union-courselisting, .pagelayout-coursecategory .theme_boost_union-catlisting > .content > .subcategories .category .theme_boost_union-courselisting, #page-course-search .theme_boost_union-catlisting > .content > .subcategories .category .theme_boost_union-courselisting {
  width: calc(100% + 4rem);
  margin-left: calc(-2rem - 8px);
}
.pagelayout-frontpage .theme_boost_union-catlisting > .content > .subcategories .category [data-depth="2"] .theme_boost_union-courselisting, .pagelayout-coursecategory .theme_boost_union-catlisting > .content > .subcategories .category [data-depth="2"] .theme_boost_union-courselisting, #page-course-search .theme_boost_union-catlisting > .content > .subcategories .category [data-depth="2"] .theme_boost_union-courselisting {
  width: calc(100% + 4rem + 16px);
  margin-left: calc(-2rem - 8px - 16px);
}
.pagelayout-frontpage .theme_boost_union-catlisting > .content > .subcategories .category [data-depth="3"] .theme_boost_union-courselisting, .pagelayout-coursecategory .theme_boost_union-catlisting > .content > .subcategories .category [data-depth="3"] .theme_boost_union-courselisting, #page-course-search .theme_boost_union-catlisting > .content > .subcategories .category [data-depth="3"] .theme_boost_union-courselisting {
  width: calc(100% + 4rem + 32px);
  margin-left: calc(-2rem - 8px - 32px);
}
.pagelayout-frontpage .theme_boost_union-catlisting > .content > .subcategories .category [data-depth="4"] .theme_boost_union-courselisting, .pagelayout-coursecategory .theme_boost_union-catlisting > .content > .subcategories .category [data-depth="4"] .theme_boost_union-courselisting, #page-course-search .theme_boost_union-catlisting > .content > .subcategories .category [data-depth="4"] .theme_boost_union-courselisting {
  width: calc(100% + 4rem + 48px);
  margin-left: calc(-2rem - 8px - 48px);
}
.pagelayout-frontpage .theme_boost_union-catlisting > .content > .subcategories .category [data-depth="5"] .theme_boost_union-courselisting, .pagelayout-coursecategory .theme_boost_union-catlisting > .content > .subcategories .category [data-depth="5"] .theme_boost_union-courselisting, #page-course-search .theme_boost_union-catlisting > .content > .subcategories .category [data-depth="5"] .theme_boost_union-courselisting {
  width: calc(100% + 4rem + 64px);
  margin-left: calc(-2rem - 8px - 64px);
}
.pagelayout-frontpage .theme_boost_union-catlisting > .content > .subcategories .category [data-depth="6"] .theme_boost_union-courselisting, .pagelayout-coursecategory .theme_boost_union-catlisting > .content > .subcategories .category [data-depth="6"] .theme_boost_union-courselisting, #page-course-search .theme_boost_union-catlisting > .content > .subcategories .category [data-depth="6"] .theme_boost_union-courselisting {
  width: calc(100% + 4rem + 80px);
  margin-left: calc(-2rem - 8px - 80px);
}
.pagelayout-frontpage .theme_boost_union-catlisting > .content > .subcategories .category [data-depth="7"] .theme_boost_union-courselisting, .pagelayout-coursecategory .theme_boost_union-catlisting > .content > .subcategories .category [data-depth="7"] .theme_boost_union-courselisting, #page-course-search .theme_boost_union-catlisting > .content > .subcategories .category [data-depth="7"] .theme_boost_union-courselisting {
  width: calc(100% + 4rem + 96px);
  margin-left: calc(-2rem - 8px - 96px);
}
.pagelayout-frontpage .theme_boost_union-catlisting > .content > .subcategories .category [data-depth="8"] .theme_boost_union-courselisting, .pagelayout-coursecategory .theme_boost_union-catlisting > .content > .subcategories .category [data-depth="8"] .theme_boost_union-courselisting, #page-course-search .theme_boost_union-catlisting > .content > .subcategories .category [data-depth="8"] .theme_boost_union-courselisting {
  width: calc(100% + 4rem + 112px);
  margin-left: calc(-2rem - 8px - 112px);
}
@media (max-width: 575.98px) {
  .pagelayout-frontpage .theme_boost_union-catlisting > .content > .subcategories .category .theme_boost_union-courselisting-wrapper, .pagelayout-coursecategory .theme_boost_union-catlisting > .content > .subcategories .category .theme_boost_union-courselisting-wrapper, #page-course-search .theme_boost_union-catlisting > .content > .subcategories .category .theme_boost_union-courselisting-wrapper {
    width: calc(100% - 4rem);
    margin-left: 2rem;
  }
}
.pagelayout-frontpage .theme_boost_union-catlisting > .content > .subcategories .category .categoryname .spinner, .pagelayout-coursecategory .theme_boost_union-catlisting > .content > .subcategories .category .categoryname .spinner, #page-course-search .theme_boost_union-catlisting > .content > .subcategories .category .categoryname .spinner {
  margin-left: 0.5rem;
}
/* The search page 'show all' button, if the search page has modified course listings. */
/*=======================================
 * Settings: Look -> Course
 ======================================*/
/*---------------------------------------
 * Setting: Course header.
 --------------------------------------*/
/* For Boost Union course headers only. */
#bucourseheader {
  /* The course header image. */
  /* The course title. */
  /* The popup button and the course header edit button. */
  /* The headingabove layout and the stacked layout only. */
  /* The stacked layout only. */
}
#bucourseheader #courseheaderimage {
  background-size: cover;
}
#bucourseheader:has(.categoryname) .page-context-header {
  /* Remove bottom margin of the course title if a category name is shown below it.
           Using !important seemed to be less bad than overwriting just another mustache template for a tiny change. */
  margin-bottom: 0 !important;
  /* stylelint-disable-line declaration-no-important */
}
#bucourseheader .popupbutton, #bucourseheader .courseheaderediticon a {
  /* Make sure that the button size matches the avatars */
  width: 35px;
  height: 35px;
  /* Align the color with the grey background of the avatars.*/
  background-color: #e6e6e6 !important;
  /* stylelint-disable-line declaration-no-important */
}
#bucourseheader.headingabove, #bucourseheader.stacked {
  /* The course header icons bar. */
  /* Fit the header-actions better into the page. */
  /* Add border to the course metadata boxes if not image is shown below. */
}
#bucourseheader.headingabove .courseheadericonsbar, #bucourseheader.stacked .courseheadericonsbar {
  /* Push the iconsbar over the course image. */
  margin-bottom: -18px;
}
#bucourseheader.headingabove .header-action button, #bucourseheader.stacked .header-action button {
  margin-bottom: 1rem;
}
#bucourseheader.stacked {
  /* The BU course title (with shortname and category), but only if we have a background image. */
}
#bucourseheader.stacked #courseheaderimage.withimage .bucoursetitle {
  /* Set the text style for correct readability on the background image. */
}
#bucourseheader.stacked #courseheaderimage.withimage .bucoursetitle.textonimage-light {
  color: white;
}
#bucourseheader.stacked #courseheaderimage.withimage .bucoursetitle.textonimage-lightshadow {
  color: white;
  text-shadow: 0 0 3px black;
  /* Add a tiny padding to the texts to make sure that the shadow is not cropped by the parent container. */
  padding: 2px;
}
#bucourseheader.stacked #courseheaderimage.withimage .bucoursetitle.textonimage-lightbg .page-header-headings h1, #bucourseheader.stacked #courseheaderimage.withimage .bucoursetitle.textonimage-lightbg .page-header-headings .h1, #bucourseheader.stacked #courseheaderimage.withimage .bucoursetitle.textonimage-lightbg .shortname, #bucourseheader.stacked #courseheaderimage.withimage .bucoursetitle.textonimage-lightbg .categoryname {
  color: white;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 2px 5px;
  border-radius: 5px;
}
#bucourseheader.stacked #courseheaderimage.withimage .bucoursetitle.textonimage-dark {
  color: black;
}
#bucourseheader.stacked #courseheaderimage.withimage .bucoursetitle.textonimage-darkshadow {
  color: black;
  text-shadow: 0 0 3px white;
  /* Add a tiny padding to the texts to make sure that the shadow is not cropped by the parent container. */
  padding: 2px;
}
#bucourseheader.stacked #courseheaderimage.withimage .bucoursetitle.textonimage-darkbg .page-header-headings h1, #bucourseheader.stacked #courseheaderimage.withimage .bucoursetitle.textonimage-darkbg .page-header-headings .h1, #bucourseheader.stacked #courseheaderimage.withimage .bucoursetitle.textonimage-darkbg .shortname, #bucourseheader.stacked #courseheaderimage.withimage .bucoursetitle.textonimage-darkbg .categoryname {
  color: black;
  background-color: rgba(255, 255, 255, 0.5);
  padding: 2px 5px;
  border-radius: 5px;
}
/*---------------------------------------
 * Setting: Course module icons in course index.
 --------------------------------------*/
/* If the admin configured the course index not to show course activity type icons. */
body.nocourseindexcmicons {
  /* Hide the course activity type icons and the completion info at the right of the line
       (which are both always added to the DOM regardless of the setting). */
}
body.nocourseindexcmicons #courseindex span.courseindex-cmicon-container, body.nocourseindexcmicons #courseindex span.courseindex-cmicon-cpl-eol {
  display: none;
}
/* If the admin configured the course index to show course activity type icons. */
body.hascourseindexcmicons {
  /* If the admin configured the completion info to be shown as icon color. */
  /* If the admin configured the completion info to be shown at the end of the line. */
  /* If the admin configured the completion info to be shown at the start of the line. */
  /* If editing is enabled. */
  /* Style the course index activity type icons / completion widget */
}
body.hascourseindexcmicons #courseindex {
  /* Show the course activity type icons
           (which are always added to the DOM regardless of the setting). */
  /* Align the completion icons with each other.
           Moodle core shrinks the icons in the course index with a font-relative rule
           (.courseindex .icon {font-size: 10px}). This affects the 'complete' and 'fail' completion icons which are
           rendered as FontAwesome glyphs and which are sized in em (fa-fw is 1.25em, i.e. 12.5px), but it does not
           affect the 'incomplete' completion icon which is rendered as SVG image and which keeps the absolute size
           from img.icon (i.e. 20px).
           On top of that, the FontAwesome glyphs are centered within their box while the SVG image is aligned to the
           left edge of its box (as the SVG file carries preserveAspectRatio="xMinYMid").
           The completion icons therefore do not share the same center and the completion icon appears to jump
           horizontally as soon as an activity is completed. This is especially obvious if the completion info is shown
           at the end of the line where the icons are right-aligned and both differences add up.
           We therefore pin all completion icons to the same box and center their content within this box.
           We deliberately do not rely on the .courseindex-cmicon-cpl-* classes here as Moodle core replaces the whole
           completion element (and thus these classes) as soon as the completion state changes. */
}
body.hascourseindexcmicons #courseindex span.courseindex-cmicon-container {
  display: block;
}
body.hascourseindexcmicons #courseindex .completioninfo .icon {
  /* Resize the icons to a common size. */
  width: 20px;
  max-width: 20px;
  /* Center the FontAwesome glyphs within the box. */
  text-align: center;
  /* Center the SVG images within the box. */
  object-fit: contain;
}
body.hascourseindexcmicons.hascourseindexcplicon #courseindex {
  /* Hide the completion widget at the beginning of the line. */
  /* And hide the completion info within the activity type icon container.
               (This element just serves as data source for the observer JS and would be shown by Moodle core JS). */
  /* And move the section title in the course index slightly to the right to align it vertically with the
               activity title (which is now slightly more right as well) again. */
}
body.hascourseindexcmicons.hascourseindexcplicon #courseindex .courseindex-cmicon-cpl-sol {
  display: none;
}
body.hascourseindexcmicons.hascourseindexcplicon #courseindex .courseindex-cmicon-icon .completioninfo {
  display: none;
}
body.hascourseindexcmicons.hascourseindexcplicon #courseindex .courseindex-chevron {
  padding-right: 12px;
}
body.hascourseindexcmicons.hascourseindexcpleol #courseindex {
  /* Hide the completion widget at the beginning of the line. */
  /* And move the section title in the course index slightly to the right to align it vertically with the
               activity title (which is now slightly more right as well) again. */
}
body.hascourseindexcmicons.hascourseindexcpleol #courseindex .courseindex-cmicon-cpl-sol {
  display: none;
}
body.hascourseindexcmicons.hascourseindexcpleol #courseindex .courseindex-chevron {
  padding-right: 12px;
}
body.hascourseindexcmicons.hascourseindexcplsol #courseindex {
  /* Hide the completion widget at the end of the line. */
  /* And move the activity icon slightly closer to the completion icon. */
  /* And remove the right margin from the completion icons.
               Moodle core adds a right margin to all icons (.icon {margin: 0 .5rem 0 0}) which is not reset within the
               course index. This margin widens the box of the completion icons compared to the empty box of the
               activities without completion tracking and would therefore shift the activity type icons of the tracked
               activities to the right. */
}
body.hascourseindexcmicons.hascourseindexcplsol #courseindex .courseindex-cmicon-cpl-eol {
  display: none;
}
body.hascourseindexcmicons.hascourseindexcplsol #courseindex .courseindex-item .completioninfo {
  min-width: 20px;
}
body.hascourseindexcmicons.hascourseindexcplsol #courseindex .courseindex-item .completioninfo .icon {
  margin-right: 0;
}
body.hascourseindexcmicons.editing #courseindex {
  /* Hide all completion info elements. */
}
body.hascourseindexcmicons.editing #courseindex span.completioninfo {
  display: none;
}
body.hascourseindexcmicons #courseindex {
  /* Position of the course index activity type icon container. */
  /* General style of the course index activity type icon. */
  /* Gain back the vertical space which was given to the icon by reducing the vertical padding of each courseindex
           element by 0.1rem. */
  /* Overwrite activity type icon style for dimmed activities. */
  /* Overwrite activity type icon style for incomplete activities. */
  /* Overwrite activity type icon style for complete activities. */
  /* Overwrite activity type icon style for failed activities. */
}
body.hascourseindexcmicons #courseindex .courseindex-cmicon-container {
  border-radius: 4px;
  margin-right: 6px;
  line-height: normal;
}
body.hascourseindexcmicons #courseindex .courseindex-cmicon {
  margin: 0.1rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
body.hascourseindexcmicons #courseindex .courseindex-cmicon .icon {
  height: 20px;
  margin-right: unset;
  width: 20px;
}
body.hascourseindexcmicons #courseindex .courseindex-item {
  padding: 0.45rem 0 0.45rem 0.5rem;
}
body.hascourseindexcmicons #courseindex .courseindex-item.dimmed .courseindex-cmicon-icon {
  filter: invert(0.5);
}
body.hascourseindexcmicons #courseindex .courseindex-cmicon-cpl-incomplete {
  background-color: #6a737b;
}
body.hascourseindexcmicons #courseindex .courseindex-cmicon-cpl-incomplete .courseindex-cmicon-icon {
  filter: brightness(0) invert(1);
}
body.hascourseindexcmicons #courseindex .courseindex-cmicon-cpl-complete {
  background-color: #276E00;
}
body.hascourseindexcmicons #courseindex .courseindex-cmicon-cpl-complete .courseindex-cmicon-icon {
  filter: brightness(0) invert(1);
}
body.hascourseindexcmicons #courseindex .courseindex-cmicon-cpl-fail {
  background-color: #AD1B00;
}
body.hascourseindexcmicons #courseindex .courseindex-cmicon-cpl-fail .courseindex-cmicon-icon {
  filter: brightness(0) invert(1);
}
/*=======================================
 * Settings: Look -> Category index / site home + Course
 ======================================*/
/*---------------------------------------
 * Course details.
 --------------------------------------*/
.theme_boost_union-courselisting, #bucourseheader {
  /* The custom fields. */
  /* The course contact images. */
  /* Remove the blue background which is added to focussed links by Moodle core. */
}
.theme_boost_union-courselisting .customfields, #bucourseheader .customfields {
  /* Style the custom fields if shown as text.
            We can't use Bootstrap classes in Mustache here as these elements are output by a renderer which we do not influence. */
  /* Use a smaller font. */
  /* Highlight the field name. */
}
.theme_boost_union-courselisting .customfields .customfield, #bucourseheader .customfields .customfield {
  font-size: 80%;
}
.theme_boost_union-courselisting .contact img, #bucourseheader .contact img {
  /* Make sure that the contact images are small enough even though the avatar file is bigger. */
  width: 35px;
  height: 35px;
}
.theme_boost_union-courselisting a:focus:has(.contact), #bucourseheader a:focus:has(.contact) {
  background: none;
  outline: none;
  box-shadow: none;
}
/*---------------------------------------
 * Course popup/modal.
 --------------------------------------*/
.theme_boost_union-coursedetails-modal {
  /* The contact card */
}
.theme_boost_union-coursedetails-modal .contact {
  /* Control the width on multiple screen sizes. */
  width: 100%;
}
@media (min-width: 576px) {
  .theme_boost_union-coursedetails-modal .contact {
    width: 50%;
  }
}
@media (min-width: 992px) {
  .theme_boost_union-coursedetails-modal .contact {
    width: 25%;
  }
}
/*=======================================
 * Settings: Look -> Resources
 ======================================*/
/*---------------------------------------
 * Setting: Additional resources.
 --------------------------------------*/
/* Enlarge the icons in the settings file lists. */
.settings-additionalresources-filelist .icon, .settings-customfonts-filelist .icon {
  height: 64px;
  width: 64px;
}
/*=======================================
 * Settings: Feel -> Navigation.
 ======================================*/
/*---------------------------------------
 * Setting: Show full name in the user menu.
 --------------------------------------*/
#user-action-menu .loggedinas {
  padding: 0.25rem 1.75rem 0.25rem 0.75rem;
}
/*---------------------------------------
 * Setting: Show starred courses popover in the navbar.
 --------------------------------------*/
.navbar #nav-popover-favourites-container .popover-region-container {
  /* Make sure that the popover is only as high an necessary*/
  height: auto;
  /* Limit the width to some reasonable size to avoid that the popover menu is too wide. */
  min-width: 250px;
  max-width: 450px;
  width: auto;
}
.navbar #nav-popover-favourites-container .popover-region-header-container {
  /* Grant the popover header some more space.*/
  height: 35px;
  padding-left: 10px;
  padding-top: 5px;
}
.navbar #nav-popover-favourites-container .popover-region-content-container {
  /* Make sure that the popover is only as high an necessary.
           (Full browser height minus navbar height minus popover header height minus some space at the bottom. */
  height: auto;
  max-height: calc(100vh - 60px - 35px - 1em);
  /* Improve the course list items. */
}
.navbar #nav-popover-favourites-container .popover-region-content-container .dropdown-item {
  /* Fix the left padding of the dropdown item. */
  padding-left: 10px;
  /* Hide overflowing course names. */
  overflow-x: hidden;
  text-overflow: ellipsis;
  /* Keep dimmed courses white when hovered. */
}
.navbar #nav-popover-favourites-container .popover-region-content-container .dropdown-item.dimmed:hover {
  color: #fff;
}
/*---------------------------------------
 * Setting: Boost Union footer buttons (i.e. Back to top button and Accessibility button).
 --------------------------------------*/
/* Boost Union footer buttons container */
#boost-union-footer-buttons {
  /* Place the Boost Union footer buttons at a fixed place. */
  position: fixed;
  right: 2rem;
  /* As a start, the Boost Union footer buttons are shown in the bottom right corner. */
  bottom: 2rem;
  /* Make sure that the Boost Union footer buttons are not covered by anything else. */
  z-index: 1000;
  /* Animate position together with Moodle core footer button. */
  transition: 0.2s;
  /* Add margin between the individual buttons. */
  /* Style accessibility button. */
  /* Style back to top button. */
}
@media (prefers-reduced-motion: reduce) {
  #boost-union-footer-buttons {
    transition: none;
  }
}
#boost-union-footer-buttons .btn, #boost-union-footer-buttons .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions #boost-union-footer-buttons a.collapseexpand, #boost-union-footer-buttons .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions #boost-union-footer-buttons a.collapseexpand, #boost-union-footer-buttons #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions #boost-union-footer-buttons a.collapseexpand, #boost-union-footer-buttons #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) a, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) #boost-union-footer-buttons a, #boost-union-footer-buttons #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging a, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging #boost-union-footer-buttons a, #boost-union-footer-buttons .activity-navigation #prev-activity-link, .activity-navigation #boost-union-footer-buttons #prev-activity-link, #boost-union-footer-buttons .activity-navigation #next-activity-link, .activity-navigation #boost-union-footer-buttons #next-activity-link, #boost-union-footer-buttons .section-navigation .prevsection a, .section-navigation .prevsection #boost-union-footer-buttons a, #boost-union-footer-buttons .section-navigation .nextsection a, .section-navigation .nextsection #boost-union-footer-buttons a {
  display: block;
  margin-top: 1rem;
}
#boost-union-footer-buttons #btn-accessibility-support {
  /* Use some clever CSS tricks to present the fa-universal-access icon without its border. */
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.75rem;
  border: 6px solid #ced4da;
  transition: 0.2s;
}
#boost-union-footer-buttons #btn-accessibility-support .icon {
  width: 1.75rem;
  height: 1.75rem;
  max-width: none;
  max-height: none;
  font-size: 1.75rem;
  color: #ced4da;
  transition: 0.2s;
}
#boost-union-footer-buttons #btn-accessibility-support, #boost-union-footer-buttons #btn-accessibility-support:hover, #boost-union-footer-buttons #btn-accessibility-support:focus {
  background: #000 !important;
  /* stylelint-disable-line declaration-no-important */
}
#boost-union-footer-buttons #btn-accessibility-support:hover, #boost-union-footer-buttons #btn-accessibility-support:focus {
  border-color: #b1bbc4;
}
#boost-union-footer-buttons #btn-accessibility-support:hover .icon, #boost-union-footer-buttons #btn-accessibility-support:focus .icon {
  color: #b1bbc4;
}
#boost-union-footer-buttons #back-to-top {
  /* Hide the back to top icon initially. It will be unhidden by JS only. */
  display: none;
}
/* If the sticky footer is shown by Moodle core, the Boost Union footer buttons have to have a higher starting position. */
body.hasstickyfooter #boost-union-footer-buttons {
  bottom: 7rem;
}
/* If we are on a small screen and the footer button is shown in the bottom right corner,
   the Boost Union footer buttons have to be shown above of the footer button. */
body.theme_boost-union-footerbuttonall.jsenabled, body.theme_boost-union-footerbuttonmobile.jsenabled {
  /* And if the sticky footer is shown by Moodle core, move the Boost Union footer buttons more upwards. */
}
@media (max-width: 575.98px) {
  body.theme_boost-union-footerbuttonall.jsenabled #boost-union-footer-buttons, body.theme_boost-union-footerbuttonmobile.jsenabled #boost-union-footer-buttons {
    bottom: 5rem;
  }
}
@media (max-width: 575.98px) {
  body.theme_boost-union-footerbuttonall.jsenabled.hasstickyfooter #boost-union-footer-buttons, body.theme_boost-union-footerbuttonmobile.jsenabled.hasstickyfooter #boost-union-footer-buttons {
    bottom: calc(5rem + calc(max(80px, calc(0.9375rem * 3))) - 1rem);
  }
}
/* If we are on a larger screen and the footer button is shown in the bottom right corner,
   the Boost Union footer buttons have to be shown above of the footer button. */
body.theme_boost-union-footerbuttonall.jsenabled, body.theme_boost-union-footerbuttondesktop.jsenabled {
  /* And if the sticky footer is shown by Moodle core, move the Boost Union footer buttons more upwards. */
}
@media (min-width: 576px) {
  body.theme_boost-union-footerbuttonall.jsenabled #boost-union-footer-buttons, body.theme_boost-union-footerbuttondesktop.jsenabled #boost-union-footer-buttons {
    bottom: 5rem;
  }
}
@media (min-width: 576px) {
  body.theme_boost-union-footerbuttonall.jsenabled.hasstickyfooter #boost-union-footer-buttons, body.theme_boost-union-footerbuttondesktop.jsenabled.hasstickyfooter #boost-union-footer-buttons {
    bottom: calc(5rem + calc(max(80px, calc(0.9375rem * 3))) - 1rem);
  }
}
/* If the communications button is shown, the Boost Union footer buttons have to be moved more upwards.
   To realize this, our footerbuttons JS has added a class to the body tag. */
body.theme-boost-union-commincourse {
  /* If we are on a small screen,
       we do not need to do anything (yet) as the communication button is not shown on small screens (yet). */
  /* If we are on a larger screen and the footer button is not shown in the bottom right corner. */
  /* If we are on a larger screen and the footer button is shown in the bottom right corner. */
}
body.theme-boost-union-commincourse.theme_boost-union-footerbuttonnone.jsenabled, body.theme-boost-union-commincourse.theme_boost-union-footerbuttonmobile.jsenabled {
  /* We have to move the Boost Union footer buttons more upwards.*/
  /* And if the sticky footer is shown by Moodle core, move the Boost Union footer buttons more upwards. */
}
@media (min-width: 576px) {
  body.theme-boost-union-commincourse.theme_boost-union-footerbuttonnone.jsenabled #boost-union-footer-buttons, body.theme-boost-union-commincourse.theme_boost-union-footerbuttonmobile.jsenabled #boost-union-footer-buttons {
    bottom: 5rem;
  }
}
@media (min-width: 576px) {
  body.theme-boost-union-commincourse.theme_boost-union-footerbuttonnone.jsenabled.hasstickyfooter #boost-union-footer-buttons, body.theme-boost-union-commincourse.theme_boost-union-footerbuttonmobile.jsenabled.hasstickyfooter #boost-union-footer-buttons {
    bottom: calc(5rem + calc(max(80px, calc(0.9375rem * 3))) - 1rem);
  }
}
body.theme-boost-union-commincourse.theme_boost-union-footerbuttonall.jsenabled, body.theme-boost-union-commincourse.theme_boost-union-footerbuttondesktop.jsenabled {
  /* We have to move the Boost Union footer buttons even more upwards.*/
  /* And if the sticky footer is shown by Moodle core, move the Boost Union footer buttons more upwards. */
}
@media (min-width: 576px) {
  body.theme-boost-union-commincourse.theme_boost-union-footerbuttonall.jsenabled #boost-union-footer-buttons, body.theme-boost-union-commincourse.theme_boost-union-footerbuttondesktop.jsenabled #boost-union-footer-buttons {
    bottom: 8rem;
  }
}
@media (min-width: 576px) {
  body.theme-boost-union-commincourse.theme_boost-union-footerbuttonall.jsenabled.hasstickyfooter #boost-union-footer-buttons, body.theme-boost-union-commincourse.theme_boost-union-footerbuttondesktop.jsenabled.hasstickyfooter #boost-union-footer-buttons {
    bottom: calc(8rem + calc(max(80px, calc(0.9375rem * 3))) - 1rem);
  }
}
/* If the right-hand drawer is opened. */
#page.drawers.show-drawer-right #boost-union-footer-buttons {
  /* On larger screens, the drawer opens near the main content.
       The Boost Union footer buttons can be moved nicely to the left. */
}
@media (min-width: 992px) {
  #page.drawers.show-drawer-right #boost-union-footer-buttons {
    /* Move the Boost Union footer buttons when right drawer is shown. */
    right: calc(315px + 2rem);
  }
}
/*---------------------------------------
 * Setting: Activity & section navigation elements
 --------------------------------------*/
/* Give the core activity and section navigation a modern look by
   styling their links like Bootstrap small secondary buttons. Additionally,
   fix the position of the "next section" arrow which core renders in front of
   the section name instead of behind it. */
/* Activity navigation (previous / next activity links). */
.activity-navigation {
  /* Style the navigation links to look like Bootstrap small buttons. */
  /* Match the size of the jump-to-activity selector to the small buttons. */
  /* Add a top border to separate the navigation from the activity. */
}
/* Section navigation (previous / next section links). This covers both the
   navigation shown above the section (.navigationtitle) and the one shown below
   the section on /course/section.php which also carries a jump-to selector
   (.mdl-bottom). */
.section-navigation {
  /* Style the navigation links to look like Bootstrap small buttons. */
  /* Move the "next section" arrow behind the section name (core renders it in front of the text for unknown reasons). */
  /* Match the size of the jump-to-section selector to the small buttons. */
  /* Add a top padding to the lower section navigation to separate the navigation from the activities. */
}
.section-navigation .prevsection a, .section-navigation .nextsection a {
  display: inline-flex;
  gap: 0.25rem;
}
.section-navigation .nextsection .rarrow {
  order: 1;
}
/*=======================================
 * Settings: Feel -> Blocks.
 ======================================*/
/*---------------------------------------
 * Settings: Additional block regions - General.
 --------------------------------------*/
/* To support additional block regions around the main content area, Boost Union introduced
   the main-inner-wrapper HTML element. Unfortunately, this breaks the Flexbox flow of Moodle core.
   To make it work again, we have to set the Flexbox flex attribute in the main-inner-wrapper element as well.
   In addition to that, we set the Flexbox attribute for the #page element as well as it turned out to be necessary. */
.main-inner-wrapper, #page-wrapper #page {
  flex: 1 0 auto;
}
/*---------------------------------------
 * Settings: Additional block regions - The offcanvas region.
 --------------------------------------*/
/* The Offcanvas drawer (which is only used in non-editing mode). */
#theme_boost_union-drawers-offcanvas {
  /* Position and size (which takes effect as soon as the drawer is shown). */
  background-color: #f8f9fa;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
  height: calc(100vh - 3rem);
  min-height: 300px;
  top: -100vh;
  width: 100vw;
  z-index: 1055;
  /* And show it as soon as the drawer is set to be shown. */
  /* The close icon to close the Offcanvas drawer. */
  /* Do what we can to avoid horizontal scrollbars in the Offcanvas drawer's content. */
}
#theme_boost_union-drawers-offcanvas.show {
  top: 0;
  transition: 0.2s;
}
@media (prefers-reduced-motion: reduce) {
  #theme_boost_union-drawers-offcanvas.show {
    transition: none;
  }
}
#theme_boost_union-drawers-offcanvas .drawerheader {
  /* Position the icon. */
  /* Make the close icon more visible. */
}
#theme_boost_union-drawers-offcanvas .drawerheader .btn, #theme_boost_union-drawers-offcanvas .drawerheader .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions #theme_boost_union-drawers-offcanvas .drawerheader a.collapseexpand, #theme_boost_union-drawers-offcanvas .drawerheader .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions #theme_boost_union-drawers-offcanvas .drawerheader a.collapseexpand, #theme_boost_union-drawers-offcanvas .drawerheader #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions #theme_boost_union-drawers-offcanvas .drawerheader a.collapseexpand, #theme_boost_union-drawers-offcanvas .drawerheader #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) a, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) #theme_boost_union-drawers-offcanvas .drawerheader a, #theme_boost_union-drawers-offcanvas .drawerheader #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging a, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging #theme_boost_union-drawers-offcanvas .drawerheader a, #theme_boost_union-drawers-offcanvas .drawerheader .activity-navigation #prev-activity-link, .activity-navigation #theme_boost_union-drawers-offcanvas .drawerheader #prev-activity-link, #theme_boost_union-drawers-offcanvas .drawerheader .activity-navigation #next-activity-link, .activity-navigation #theme_boost_union-drawers-offcanvas .drawerheader #next-activity-link, #theme_boost_union-drawers-offcanvas .drawerheader .section-navigation .prevsection a, .section-navigation .prevsection #theme_boost_union-drawers-offcanvas .drawerheader a, #theme_boost_union-drawers-offcanvas .drawerheader .section-navigation .nextsection a, .section-navigation .nextsection #theme_boost_union-drawers-offcanvas .drawerheader a {
  margin-left: auto;
  margin-right: 17px;
}
#theme_boost_union-drawers-offcanvas .drawerheader .icon {
  background: #000;
  color: #fff;
  border-radius: 5px;
  padding: 4px;
}
#theme_boost_union-drawers-offcanvas .drawercontent {
  overflow-x: hidden;
}
#theme_boost_union-drawers-offcanvas .drawercontent > .row {
  margin-left: 0;
  margin-right: 0;
}
/* The Offcanvas block region (which is only used in editing mode as we do not have a drawer then).
   Please note: #theme-block-region-offcanvas-editing is the outer element which is shown and hidden by Bootstrap
   Collapse. #theme-block-region-offcanvas-editing-inner is the inner element which we style here. */
#theme-block-region-offcanvas-editing-inner {
  /* Position and size (which takes effect as soon as the region is shown). */
  background-color: #f8f9fa;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
  margin: 0 -15px 30px -15px;
  padding: 15px 15px 0 15px;
}
/* Disable the Bootstrap collapse transition as it is not properly working with all the block regions. */
#theme-block-region-offcanvas-editing.collapsing {
  transition: none;
}
/* Navbar icon for opening the offcanvas drawer. */
.navbar-nav .drawer-offcanvas-toggle {
  display: flex;
  align-items: center;
}
.navbar-nav .drawer-offcanvas-toggle .btn, .navbar-nav .drawer-offcanvas-toggle .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .navbar-nav .drawer-offcanvas-toggle a.collapseexpand, .navbar-nav .drawer-offcanvas-toggle .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .navbar-nav .drawer-offcanvas-toggle a.collapseexpand, .navbar-nav .drawer-offcanvas-toggle #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .navbar-nav .drawer-offcanvas-toggle a.collapseexpand, .navbar-nav .drawer-offcanvas-toggle #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) a, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) .navbar-nav .drawer-offcanvas-toggle a, .navbar-nav .drawer-offcanvas-toggle #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging a, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging .navbar-nav .drawer-offcanvas-toggle a, .navbar-nav .drawer-offcanvas-toggle .activity-navigation #prev-activity-link, .activity-navigation .navbar-nav .drawer-offcanvas-toggle #prev-activity-link, .navbar-nav .drawer-offcanvas-toggle .activity-navigation #next-activity-link, .activity-navigation .navbar-nav .drawer-offcanvas-toggle #next-activity-link, .navbar-nav .drawer-offcanvas-toggle .section-navigation .prevsection a, .section-navigation .prevsection .navbar-nav .drawer-offcanvas-toggle a, .navbar-nav .drawer-offcanvas-toggle .section-navigation .nextsection a, .section-navigation .nextsection .navbar-nav .drawer-offcanvas-toggle a {
  color: rgba(0, 0, 0, 0.6);
  height: 40px;
}
.navbar-nav .drawer-offcanvas-toggle .btn:hover, .navbar-nav .drawer-offcanvas-toggle .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand:hover, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .navbar-nav .drawer-offcanvas-toggle a.collapseexpand:hover, .navbar-nav .drawer-offcanvas-toggle .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand:hover, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .navbar-nav .drawer-offcanvas-toggle a.collapseexpand:hover, .navbar-nav .drawer-offcanvas-toggle #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand:hover, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .navbar-nav .drawer-offcanvas-toggle a.collapseexpand:hover, .navbar-nav .drawer-offcanvas-toggle #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) a:hover, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) .navbar-nav .drawer-offcanvas-toggle a:hover, .navbar-nav .drawer-offcanvas-toggle #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging a:hover, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging .navbar-nav .drawer-offcanvas-toggle a:hover, .navbar-nav .drawer-offcanvas-toggle .activity-navigation #prev-activity-link:hover, .activity-navigation .navbar-nav .drawer-offcanvas-toggle #prev-activity-link:hover, .navbar-nav .drawer-offcanvas-toggle .activity-navigation #next-activity-link:hover, .activity-navigation .navbar-nav .drawer-offcanvas-toggle #next-activity-link:hover, .navbar-nav .drawer-offcanvas-toggle .section-navigation .prevsection a:hover, .section-navigation .prevsection .navbar-nav .drawer-offcanvas-toggle a:hover, .navbar-nav .drawer-offcanvas-toggle .section-navigation .nextsection a:hover, .section-navigation .nextsection .navbar-nav .drawer-offcanvas-toggle a:hover {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-nav .drawer-offcanvas-toggle .btn i, .navbar-nav .drawer-offcanvas-toggle .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand i, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .navbar-nav .drawer-offcanvas-toggle a.collapseexpand i, .navbar-nav .drawer-offcanvas-toggle .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand i, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .navbar-nav .drawer-offcanvas-toggle a.collapseexpand i, .navbar-nav .drawer-offcanvas-toggle #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand i, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .navbar-nav .drawer-offcanvas-toggle a.collapseexpand i, .navbar-nav .drawer-offcanvas-toggle #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) a i, #page-course-search .paging:has(+ .theme_boost_union-courselisting-wrapper) .navbar-nav .drawer-offcanvas-toggle a i, .navbar-nav .drawer-offcanvas-toggle #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging a i, #page-course-search .theme_boost_union-courselisting-wrapper ~ .paging .navbar-nav .drawer-offcanvas-toggle a i, .navbar-nav .drawer-offcanvas-toggle .activity-navigation #prev-activity-link i, .activity-navigation .navbar-nav .drawer-offcanvas-toggle #prev-activity-link i, .navbar-nav .drawer-offcanvas-toggle .activity-navigation #next-activity-link i, .activity-navigation .navbar-nav .drawer-offcanvas-toggle #next-activity-link i, .navbar-nav .drawer-offcanvas-toggle .section-navigation .prevsection a i, .section-navigation .prevsection .navbar-nav .drawer-offcanvas-toggle a i, .navbar-nav .drawer-offcanvas-toggle .section-navigation .nextsection a i, .section-navigation .nextsection .navbar-nav .drawer-offcanvas-toggle a i {
  font-size: 20px;
  line-height: 25px;
}
/* Add a right padding to the login link in the navbar if the offcanvas region is enabled.
   Moodle core adds a left padding to the login link only (with .ps-2 in the core/user_menu template).
   As long as the login link is the last element in the navbar, this is fine. But as soon as the offcanvas
   region is enabled, the offcanvas divider and toggle icon follow directly after the login link and the
   login link would stick to the divider without this padding.
   A logged-in user's usermenu does not need this treatment as it is rendered as a .btn element which
   already brings its own horizontal padding. */
#usernavigation:has(.drawer-offcanvas-toggle) .login {
  padding-right: 0.5rem;
}
/*---------------------------------------
 * Settings: Additional block regions - The outside-left and outside-right regions.
 --------------------------------------*/
/* Note: In this section, some selectors are more specific than necessary at first sight.
   However, we had to be over-precise sometimes to make sure that the selectors are really applied and not
   overruled by Boost core selectors. */
/* We start by placing the outside regions left and right of the main content area.
   We do this in several steps for different screen sizes. */
/* On larger screens. */
@media (min-width: 768px) {
  /* On Moodle pages with limited width (currently: The course main pages, the frontpage and the dashboard).
       Remember: Only on these pages, we offer the outside-left and outside-right region.
       We do not need to handle the full-width pages here. */
  body.limitedwidth {
    /* If we have a outside-left and / or a outside-right block region. */
  }
  body.limitedwidth .main-inner-outside-left-right, body.limitedwidth .main-inner-outside-left, body.limitedwidth .main-inner-outside-right {
    /* If the admin configured outside blocks to be shown next to the window edges. */
    /* If the admin configured outside blocks to be shown next to the main content. */
    /* Set the width of the main inner region to auto.
               Using a 100% width in the main inner area (which is the default) would push the side regions outside the page. */
  }
  body.limitedwidth .main-inner-outside-left-right.main-inner-outside-nearwindowedges, body.limitedwidth .main-inner-outside-left.main-inner-outside-nearwindowedges, body.limitedwidth .main-inner-outside-right.main-inner-outside-nearwindowedges {
    /* Center the main region content to position the page content in the middle of the page,
                and place the left and right block regions near the window edges. */
    width: 100%;
  }
  body.limitedwidth .main-inner-outside-left-right.main-inner-outside-nextmaincontent, body.limitedwidth .main-inner-outside-left.main-inner-outside-nextmaincontent, body.limitedwidth .main-inner-outside-right.main-inner-outside-nextmaincontent {
    /* Center the main region content to keep the left and right block regions near the main region,
                positioning the page content in the middle of the page. */
    display: flex;
    align-self: center;
  }
  body.limitedwidth .main-inner-outside-left-right .main-inner, body.limitedwidth .main-inner-outside-left-right .theme-boost-union-header-main-inner, body.limitedwidth .main-inner-outside-left .main-inner, body.limitedwidth .main-inner-outside-left .theme-boost-union-header-main-inner, body.limitedwidth .main-inner-outside-right .main-inner, body.limitedwidth .main-inner-outside-right .theme-boost-union-header-main-inner {
    width: auto;
  }
}
/* On even larger screens. */
@media (min-width: 992px) {
  body.limitedwidth {
    /* If any block region is enabled, handle the block region placement
           (for the main content as well as for the header region wrapper). */
    /* And set the width and margin of the outside-left and right regions
           (as well as of their spacers next to the header region). */
    /* Additionally, if we have a outside-left and / or a outside-right block region,
           shrink the page's horizontal padding to make use of the available real estate. */
  }
  body.limitedwidth #page.drawers .main-inner-wrapper.main-inner-outside-left-right, body.limitedwidth #page.drawers .main-inner-wrapper.main-inner-outside-left, body.limitedwidth #page.drawers .main-inner-wrapper.main-inner-outside-right, body.limitedwidth #page.drawers .theme-block-region-header-wrapper.main-inner-outside-left-right, body.limitedwidth #page.drawers .theme-block-region-header-wrapper.main-inner-outside-left, body.limitedwidth #page.drawers .theme-block-region-header-wrapper.main-inner-outside-right {
    /* Compared to the Moodle default, prevent the main region to shrink if block regions are present. */
    /* If the admin configured outside blocks to be shown next to the window edges. */
    /* If the admin configured outside blocks to be shown near the main content block. */
  }
  body.limitedwidth #page.drawers .main-inner-wrapper.main-inner-outside-left-right .main-inner, body.limitedwidth #page.drawers .main-inner-wrapper.main-inner-outside-left-right .theme-boost-union-header-main-inner, body.limitedwidth #page.drawers .main-inner-wrapper.main-inner-outside-left .main-inner, body.limitedwidth #page.drawers .main-inner-wrapper.main-inner-outside-left .theme-boost-union-header-main-inner, body.limitedwidth #page.drawers .main-inner-wrapper.main-inner-outside-right .main-inner, body.limitedwidth #page.drawers .main-inner-wrapper.main-inner-outside-right .theme-boost-union-header-main-inner, body.limitedwidth #page.drawers .theme-block-region-header-wrapper.main-inner-outside-left-right .main-inner, body.limitedwidth #page.drawers .theme-block-region-header-wrapper.main-inner-outside-left-right .theme-boost-union-header-main-inner, body.limitedwidth #page.drawers .theme-block-region-header-wrapper.main-inner-outside-left .main-inner, body.limitedwidth #page.drawers .theme-block-region-header-wrapper.main-inner-outside-left .theme-boost-union-header-main-inner, body.limitedwidth #page.drawers .theme-block-region-header-wrapper.main-inner-outside-right .main-inner, body.limitedwidth #page.drawers .theme-block-region-header-wrapper.main-inner-outside-right .theme-boost-union-header-main-inner {
    flex: auto;
  }
  body.limitedwidth #page.drawers .main-inner-wrapper.main-inner-outside-left-right.main-inner-outside-nearwindowedges, body.limitedwidth #page.drawers .main-inner-wrapper.main-inner-outside-left.main-inner-outside-nearwindowedges, body.limitedwidth #page.drawers .main-inner-wrapper.main-inner-outside-right.main-inner-outside-nearwindowedges, body.limitedwidth #page.drawers .theme-block-region-header-wrapper.main-inner-outside-left-right.main-inner-outside-nearwindowedges, body.limitedwidth #page.drawers .theme-block-region-header-wrapper.main-inner-outside-left.main-inner-outside-nearwindowedges, body.limitedwidth #page.drawers .theme-block-region-header-wrapper.main-inner-outside-right.main-inner-outside-nearwindowedges {
    /* Center the main region content to position the page content in the middle of the page,
                    and place the left and right block regions near the window edges. */
    display: flex;
  }
  body.limitedwidth #page.drawers .main-inner-wrapper.main-inner-outside-left-right.main-inner-outside-nextmaincontent, body.limitedwidth #page.drawers .main-inner-wrapper.main-inner-outside-left.main-inner-outside-nextmaincontent, body.limitedwidth #page.drawers .main-inner-wrapper.main-inner-outside-right.main-inner-outside-nextmaincontent, body.limitedwidth #page.drawers .theme-block-region-header-wrapper.main-inner-outside-left-right.main-inner-outside-nextmaincontent, body.limitedwidth #page.drawers .theme-block-region-header-wrapper.main-inner-outside-left.main-inner-outside-nextmaincontent, body.limitedwidth #page.drawers .theme-block-region-header-wrapper.main-inner-outside-right.main-inner-outside-nextmaincontent {
    /* Center the main region content. */
    align-self: normal;
    justify-content: center;
    /* Remove the left and right margins from the main inner region to make it full-width. */
  }
  body.limitedwidth #page.drawers .main-inner-wrapper.main-inner-outside-left-right.main-inner-outside-nextmaincontent .main-inner, body.limitedwidth #page.drawers .main-inner-wrapper.main-inner-outside-left-right.main-inner-outside-nextmaincontent .theme-boost-union-header-main-inner, body.limitedwidth #page.drawers .main-inner-wrapper.main-inner-outside-left.main-inner-outside-nextmaincontent .main-inner, body.limitedwidth #page.drawers .main-inner-wrapper.main-inner-outside-left.main-inner-outside-nextmaincontent .theme-boost-union-header-main-inner, body.limitedwidth #page.drawers .main-inner-wrapper.main-inner-outside-right.main-inner-outside-nextmaincontent .main-inner, body.limitedwidth #page.drawers .main-inner-wrapper.main-inner-outside-right.main-inner-outside-nextmaincontent .theme-boost-union-header-main-inner, body.limitedwidth #page.drawers .theme-block-region-header-wrapper.main-inner-outside-left-right.main-inner-outside-nextmaincontent .main-inner, body.limitedwidth #page.drawers .theme-block-region-header-wrapper.main-inner-outside-left-right.main-inner-outside-nextmaincontent .theme-boost-union-header-main-inner, body.limitedwidth #page.drawers .theme-block-region-header-wrapper.main-inner-outside-left.main-inner-outside-nextmaincontent .main-inner, body.limitedwidth #page.drawers .theme-block-region-header-wrapper.main-inner-outside-left.main-inner-outside-nextmaincontent .theme-boost-union-header-main-inner, body.limitedwidth #page.drawers .theme-block-region-header-wrapper.main-inner-outside-right.main-inner-outside-nextmaincontent .main-inner, body.limitedwidth #page.drawers .theme-block-region-header-wrapper.main-inner-outside-right.main-inner-outside-nextmaincontent .theme-boost-union-header-main-inner {
    margin-left: 0;
    margin-right: 0;
  }
  body.limitedwidth #theme-block-region-outside-left, body.limitedwidth .theme-block-region-outside-left-spacer {
    margin-right: 1rem;
    margin-top: 1.5rem;
    width: 300px;
  }
  body.limitedwidth #theme-block-region-outside-right, body.limitedwidth .theme-block-region-outside-right-spacer {
    margin-left: 1rem;
    margin-top: 1.5rem;
    width: 300px;
  }
  body.limitedwidth #page.drawers:has(.main-inner-outside-left-right), body.limitedwidth #page.drawers:has(.main-inner-outside-left), body.limitedwidth #page.drawers:has(.main-inner-outside-right) {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
/* On even larger screens only. */
@media (min-width: 992px) and (max-width: 1199.98px) {
  body.limitedwidth {
    /* If both outside-left and outside-right block regions are present. */
    /* And use the possible width for the main content if at least one block region is present. */
  }
  body.limitedwidth #page .main-inner-outside-left-right {
    /* Limit the maximum width of the left and right region blocks, so that enough space remains for the main content. */
  }
  body.limitedwidth #page .main-inner-outside-left-right #theme-block-region-outside-left, body.limitedwidth #page .main-inner-outside-left-right #theme-block-region-outside-right, body.limitedwidth #page .main-inner-outside-left-right .theme-block-region-outside-left-spacer, body.limitedwidth #page .main-inner-outside-left-right .theme-block-region-outside-right-spacer {
    max-width: 200px;
  }
  body.limitedwidth #page .main-inner-outside-left-right .main-inner, body.limitedwidth #page .main-inner-outside-left-right .theme-boost-union-header-main-inner, body.limitedwidth #page .main-inner-outside-left .main-inner, body.limitedwidth #page .main-inner-outside-left .theme-boost-union-header-main-inner, body.limitedwidth #page .main-inner-outside-right .main-inner, body.limitedwidth #page .main-inner-outside-right .theme-boost-union-header-main-inner {
    width: 100%;
  }
}
/* From here on, the outside regions will collapse above and below the main content area.
   We do this again in multiple steps for different screen sizes. */
/* On larger screens only. */
@media (min-width: 768px) and (max-width: 991.98px) {
  body.limitedwidth #page.drawers {
    /* If we have a outside-left and / or a outside-right block region. */
    /* And change the outside-left and outside-right blocks to full width. */
  }
  body.limitedwidth #page.drawers .main-inner-outside-left-right, body.limitedwidth #page.drawers .main-inner-outside-left, body.limitedwidth #page.drawers .main-inner-outside-right {
    /* And if the admin configured outside blocks to be shown next to the main content. */
  }
  body.limitedwidth #page.drawers .main-inner-outside-left-right.main-inner-outside-nextmaincontent, body.limitedwidth #page.drawers .main-inner-outside-left.main-inner-outside-nextmaincontent, body.limitedwidth #page.drawers .main-inner-outside-right.main-inner-outside-nextmaincontent {
    /* Center the main region content while maintaining full width for the left and right block regions,
                   thereby positioning the page content in the middle of the page. */
    display: block;
    align-self: auto;
  }
  body.limitedwidth #page.drawers #theme-block-region-outside-left, body.limitedwidth #page.drawers #theme-block-region-outside-right {
    width: 100%;
  }
}
/* On larger screens downwards. */
@media (max-width: 991.98px) {
  body.limitedwidth #page.drawers {
    /* If configured, wrap the left and right outside regions below the main content. */
  }
  body.limitedwidth #page.drawers .main-inner-outside-both-below-maincontent.main-inner-outside-left-right, body.limitedwidth #page.drawers .main-inner-outside-both-below-maincontent.main-inner-outside-left {
    display: grid;
  }
  body.limitedwidth #page.drawers .main-inner-outside-both-below-maincontent.main-inner-outside-left-right #theme-block-region-outside-left, body.limitedwidth #page.drawers .main-inner-outside-both-below-maincontent.main-inner-outside-left #theme-block-region-outside-left {
    order: 1;
  }
  body.limitedwidth #page.drawers .main-inner-outside-both-below-maincontent.main-inner-outside-left-right #theme-block-region-outside-right, body.limitedwidth #page.drawers .main-inner-outside-both-below-maincontent.main-inner-outside-left #theme-block-region-outside-right {
    order: 2;
  }
}
/* And on smaller screens. */
@media (max-width: 767.98px) {
  body.limitedwidth {
    /* If we have a outside-left and / or a outside-right block region. */
    /* Add some margin to the outside blocks regions as they would stick to the viewport edge otherwise at this breakpoint. */
  }
  body.limitedwidth .main-inner-outside-left-right, body.limitedwidth .main-inner-outside-left, body.limitedwidth .main-inner-outside-right {
    /* And if the admin configured outside blocks to be shown next to the window edges. */
    /* Remove the left and right padding from the main content region and its header so that the main content and the blocks
               (which are now shown above and below the main content are nicer aligned. */
  }
  body.limitedwidth .main-inner-outside-left-right.main-inner-outside-nearwindowedges, body.limitedwidth .main-inner-outside-left.main-inner-outside-nearwindowedges, body.limitedwidth .main-inner-outside-right.main-inner-outside-nearwindowedges {
    /* Set the width of the main region content, the left and right block regions to have a full width */
    flex-direction: column;
    align-items: center;
  }
  body.limitedwidth .main-inner-outside-left-right .main-inner, body.limitedwidth .main-inner-outside-left-right .theme-boost-union-header-main-inner, body.limitedwidth .main-inner-outside-left .main-inner, body.limitedwidth .main-inner-outside-left .theme-boost-union-header-main-inner, body.limitedwidth .main-inner-outside-right .main-inner, body.limitedwidth .main-inner-outside-right .theme-boost-union-header-main-inner {
    padding-left: 0;
    padding-right: 0;
  }
  body.limitedwidth .main-inner-outside-left-right .main-inner .header-maxwidth, body.limitedwidth .main-inner-outside-left-right .theme-boost-union-header-main-inner .header-maxwidth, body.limitedwidth .main-inner-outside-left-right .main-inner div[role="main"], body.limitedwidth .main-inner-outside-left-right .theme-boost-union-header-main-inner div[role="main"], body.limitedwidth .main-inner-outside-left .main-inner .header-maxwidth, body.limitedwidth .main-inner-outside-left .theme-boost-union-header-main-inner .header-maxwidth, body.limitedwidth .main-inner-outside-left .main-inner div[role="main"], body.limitedwidth .main-inner-outside-left .theme-boost-union-header-main-inner div[role="main"], body.limitedwidth .main-inner-outside-right .main-inner .header-maxwidth, body.limitedwidth .main-inner-outside-right .theme-boost-union-header-main-inner .header-maxwidth, body.limitedwidth .main-inner-outside-right .main-inner div[role="main"], body.limitedwidth .main-inner-outside-right .theme-boost-union-header-main-inner div[role="main"] {
    padding-left: 0;
    padding-right: 0;
  }
  body.limitedwidth #theme-block-region-outside-left, body.limitedwidth #theme-block-region-outside-right {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
}
/* Last but not least, we control the y-axis. */
/* On smaller screens. */
@media (max-width: 991.98px) {
  body.limitedwidth #page.drawers {
    /* If we have a outside-left and / or a outside-right block region. */
    /* Add some margin above the outside-left block region to avoid that it glues directly to the navbar. */
  }
  body.limitedwidth #page.drawers .main-inner-outside-left-right, body.limitedwidth #page.drawers .main-inner-outside-left, body.limitedwidth #page.drawers .main-inner-outside-right {
    /* Shrink the bottom margin under the main content area. */
  }
  body.limitedwidth #page.drawers .main-inner-outside-left-right .main-inner, body.limitedwidth #page.drawers .main-inner-outside-left-right .theme-boost-union-header-main-inner, body.limitedwidth #page.drawers .main-inner-outside-left .main-inner, body.limitedwidth #page.drawers .main-inner-outside-left .theme-boost-union-header-main-inner, body.limitedwidth #page.drawers .main-inner-outside-right .main-inner, body.limitedwidth #page.drawers .main-inner-outside-right .theme-boost-union-header-main-inner {
    margin-bottom: 1rem;
  }
  body.limitedwidth #page.drawers #theme-block-region-outside-left {
    margin-top: 1.5rem;
  }
}
/*---------------------------------------
 * Settings: Additional block regions - The outside-top, header and outside-bottom regions.
 --------------------------------------*/
/* Block regions: Outside top and outside bottom. */
#theme-block-region-outside-top, #theme-block-region-outside-bottom, #theme-block-region-footer {
  /* On larger screens. */
  /* And on smaller screens. */
}
@media (min-width: 768px) {
  #theme-block-region-outside-top, #theme-block-region-outside-bottom, #theme-block-region-footer {
    /* Position and size. */
  }
  #theme-block-region-outside-top.theme-block-region-outside-fullwidth, #theme-block-region-outside-top.theme-block-region-outside-coursecontentwidth, #theme-block-region-outside-top.theme-block-region-footer-fullwidth, #theme-block-region-outside-top.theme-block-region-footer-coursecontentwidth, #theme-block-region-outside-bottom.theme-block-region-outside-fullwidth, #theme-block-region-outside-bottom.theme-block-region-outside-coursecontentwidth, #theme-block-region-outside-bottom.theme-block-region-footer-fullwidth, #theme-block-region-outside-bottom.theme-block-region-footer-coursecontentwidth, #theme-block-region-footer.theme-block-region-outside-fullwidth, #theme-block-region-footer.theme-block-region-outside-coursecontentwidth, #theme-block-region-footer.theme-block-region-footer-fullwidth, #theme-block-region-footer.theme-block-region-footer-coursecontentwidth {
    margin: 1rem auto;
    width: 100%;
  }
  #theme-block-region-outside-top.theme-block-region-outside-herowidth, #theme-block-region-outside-top.theme-block-region-footer-herowidth, #theme-block-region-outside-bottom.theme-block-region-outside-herowidth, #theme-block-region-outside-bottom.theme-block-region-footer-herowidth, #theme-block-region-footer.theme-block-region-outside-herowidth, #theme-block-region-footer.theme-block-region-footer-herowidth {
    margin: 0 -3rem 0 -3rem;
    /* We do not set any width at all.
               100% would be too small, 100vw would add horizontal scrollbars (for whatever reason). */
  }
}
@media (max-width: 767.98px) {
  #theme-block-region-outside-top.theme-block-region-outside-fullwidth, #theme-block-region-outside-top.theme-block-region-outside-coursecontentwidth, #theme-block-region-outside-top.theme-block-region-footer-fullwidth, #theme-block-region-outside-top.theme-block-region-footer-coursecontentwidth, #theme-block-region-outside-bottom.theme-block-region-outside-fullwidth, #theme-block-region-outside-bottom.theme-block-region-outside-coursecontentwidth, #theme-block-region-outside-bottom.theme-block-region-footer-fullwidth, #theme-block-region-outside-bottom.theme-block-region-footer-coursecontentwidth, #theme-block-region-footer.theme-block-region-outside-fullwidth, #theme-block-region-footer.theme-block-region-outside-coursecontentwidth, #theme-block-region-footer.theme-block-region-footer-fullwidth, #theme-block-region-footer.theme-block-region-footer-coursecontentwidth {
    /* Just show the block full width with some horizontal space. */
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
  }
  #theme-block-region-outside-top.theme-block-region-outside-herowidth, #theme-block-region-outside-top.theme-block-region-footer-herowidth, #theme-block-region-outside-bottom.theme-block-region-outside-herowidth, #theme-block-region-outside-bottom.theme-block-region-footer-herowidth, #theme-block-region-footer.theme-block-region-outside-herowidth, #theme-block-region-footer.theme-block-region-footer-herowidth {
    /* Remove the margin. */
    margin: 0;
  }
}
/* Additional styling for content width regions to limit the block region size on Moodle pages with limited width. */
body.limitedwidth .theme-block-region-outside-coursecontentwidth, body.limitedwidth .theme-block-region-footer-coursecontentwidth {
  max-width: 75%;
}
/* Additional styling for hero-width regions to remove some styling which is counterproductive. */
.theme-block-region-outside-herowidth .block, .theme-block-region-footer-herowidth .block {
  border-width: 0;
  border-radius: 0;
}
/* Block region: Header. */
/* The header region is wrapped into an element (next to spacers for the outside-left and outside-right regions)
   which inherits all styles of Boost core's main-inner element to be aligned with the main content.
   We deliberately do not re-use the main-inner class itself in the DOM to not confuse any code which selects this class. */
/* Remove the spacing which Boost core gives the main-inner element.
   The second selector is just needed to be more specific than the outside region rules for the main-inner element above. */
#page.drawers .theme-block-region-header-wrapper .theme-boost-union-header-main-inner, body.limitedwidth #page.drawers .theme-block-region-header-wrapper .theme-boost-union-header-main-inner {
  padding: 0;
  margin-top: 0;
  margin-bottom: 0;
  /* Boost core also gives the main-inner element a white background (and rounded corners) to let the main content
       stand out from a page background image or color. The header region, however, has always been placed directly
       on the page background (just like the outside regions). Thus, remove the background again to avoid that the
       header region is shown in a white box as soon as a page background is configured. */
  background-color: transparent;
}
#theme-block-region-header {
  /* On larger screens. */
  /* And on smaller screens. */
  /* Add margin-top to avoid that this block region is glued to the navbar if
       #theme-block-region-outside-top does not exist. */
  margin-top: 1rem;
}
@media (min-width: 768px) {
  #theme-block-region-header {
    /* Position and size. */
    margin: 0 auto;
    max-width: 75%;
    width: 100%;
  }
}
@media (max-width: 767.98px) {
  #theme-block-region-header {
    /* Just show the block full width with some horizontal space. */
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
  }
}
/* Remove margin-top again if this block region is already preceded by the outside-top region. */
#theme-block-region-outside-top + .theme-block-region-header-wrapper #theme-block-region-header {
  margin-top: 0;
}
/*---------------------------------------
 * Settings: Additional block regions - The footer regions.
 --------------------------------------*/
/* Block region: Footer. */
#theme-block-region-footer {
  /* Position and size. */
  margin: 0 auto;
  width: 100%;
}
/* And on smaller screens. */
@media (max-width: 767.98px) {
  /* Add some horizontal space on the small screen. */
  #theme-block-region-footer {
    padding-left: 15px;
    padding-right: 15px;
  }
}
/*---------------------------------------
 * Settings: Additional block regions - The content regions.
 --------------------------------------*/
/* Block region: Content-upper and Content-lower. */
#theme-block-region-content-upper, #theme-block-region-content-lower {
  /* Position and size. */
  margin-left: 15px;
  margin-right: 15px;
}
/*=======================================
 * Settings: Feel -> Course.
 ======================================*/
/*---------------------------------------
 * Settings: Appearance of section 0 and sections ≥ 1.
 --------------------------------------*/
/* If section 0 is configured to be hidden entirely on the course main page
   (and the corresponding body class was added by the theme's layout file),
   hide it in the course index as well. */
body.theme-boost-union-hidesectionzero #courseindex .courseindex-section[data-number="0"] {
  display: none;
}
/* If section 0 or sections ≥ 1 are configured to be shown without collapsing on the course main page
   (and the corresponding body class was added by the theme's layout file). */
body.theme-boost-union-sectionzeronotcollapsible li#section-0, body.theme-boost-union-sectiononeplusnotcollapsible li[id^="section-"]:not(#section-0) {
  /* Hide the collapse / expand toggle of the affected section.
       (It is kept in the DOM on purpose so that the course format JS does not break, but visually hidden.) */
  /* Keep the content of the affected section always expanded, even if the 'Collapse all' control is used
       (which would otherwise collapse it via the course format JS). */
}
body.theme-boost-union-sectionzeronotcollapsible li#section-0 [data-for="sectiontoggler"], body.theme-boost-union-sectiononeplusnotcollapsible li[id^="section-"]:not(#section-0) [data-for="sectiontoggler"] {
  display: none;
}
body.theme-boost-union-sectionzeronotcollapsible li#section-0 .course-content-item-content, body.theme-boost-union-sectiononeplusnotcollapsible li[id^="section-"]:not(#section-0) .course-content-item-content {
  display: block !important;
  /* stylelint-disable-line declaration-no-important */
  height: auto !important;
  /* stylelint-disable-line declaration-no-important */
}
/*=======================================
 * Settings: Content -> Footer.
 ======================================*/
/*---------------------------------------
 * Settings: Footnote.
 --------------------------------------*/
/* Static pages links dividers.
   The links live in a flex container (see footnote.mustache), so we draw the divider on the inner,
   inline <a> element rather than on the flex item itself. Otherwise the border would be stretched to
   the full height of the flex line (the line-height, i.e. 24px) instead of just the text height.
   The spacing around the divider is added here as well (instead of as pe-2 / me-2 utility classes in
   the template): the padding puts a gap between the link text and the divider, the margin puts a gap
   between the divider and the next link. */
#footnote .theme_boost_union_footnote_link a {
  padding-right: 0.5rem;
  border-right: 2px solid #dee2e6;
  margin-right: 0.5rem;
}
#footnote .theme_boost_union_footnote_link:last-of-type a {
  border-right: none;
}
/* The footnote styles are different on the login page and on all non-login pages.
   They are also different on larger and smaller screens.
   We will deal with the overall cases for all screen sizes first and will then overwrite the things which need
   to be different on the login page. */
/* On larger screens. */
@media (min-width: 768px) {
  /* If there is a background image or a loginbackground image configured. */
  /* If there isn't a background image nor a loginbackground image configured. */
  body.backgroundimage #footnote, body.loginbackgroundimage #footnote {
    /* Add horizontal padding to align the footnote with the main page content.
           The numbers are basically adopted from the main content areas of the Moodle page. */
    padding-left: calc(15px + .5rem);
    padding-right: calc(15px + .5rem);
    /* Add white background color, border radius and a small bottom margin
           to make the footnote work with background images. */
    border-radius: 0.5rem;
    background-color: #fff;
    margin-bottom: 1rem;
  }
  body:not(.backgroundimage):not(.loginbackgroundimage) #footnote {
    /* Add horizontal margin to align the footnote with the main page content.
           The numbers are basically adopted from the main content areas of the Moodle page. */
    margin-left: calc(15px + .5rem);
    margin-right: calc(15px + .5rem);
    /* Add top border. */
    border-top: 1px solid #dee2e6;
  }
}
/* And on smaller screens. */
@media (min-width: 576px) and (max-width: 767.98px) {
  #footnote {
    /* On smaller screens, there isn't any background image, so there's no need for a white background. */
    /* Add horizontal margin and padding to align the footnote with the main page content.
           The numbers are adopted from the main content areas of the Moodle page.
           Add another right padding as well to avoid that the content gets covered by the footer and Boost Union footer buttons. */
    margin-left: 0.5rem;
    padding-left: 15px;
    margin-right: 0.5rem;
    padding-right: 51px;
    /* The underlying calculation is 15px + 36px. */
    /* Add top border. */
    border-top: 1px solid #dee2e6;
  }
}
/* And on really small screens. */
@media (max-width: 575.98px) {
  #footnote {
    /* On really small screens, there isn't any background image, so there's no need for a white background. */
    /* Add horizontal margin and padding to align the footnote with the main page content.
           The numbers are adopted from the main content areas of the Moodle page.
           Add another right padding as well to avoid that the content gets covered by the Boost Union footer buttons. */
    margin-left: 15px;
    padding-left: 1rem;
    margin-right: 15px;
    padding-right: calc(1rem + 36px);
    /* Add top border. */
    border-top: 1px solid #dee2e6;
  }
}
/* As said, the login needs some more adjustments. */
/* On larger screens. */
@media (min-width: 576px) {
  /* If there is a loginbackground image configured. */
  body.pagelayout-login.loginbackgroundimage #footnote {
    /* Add a box shadow to the footnote to match the look of the login box. */
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    /* Add horizontal margin as the page does not have a margin itself. */
    margin-left: 15px;
    margin-right: 15px;
    /* Add another right padding as well to avoid that the content gets covered by the footer button. */
    padding-right: calc(.5rem + 51px);
    /* The underlying calculation is 15px + .5rem + 36px. */
  }
}
/* On smaller screens. */
@media (min-width: 576px) and (max-width: 767.98px) {
  /* If there is a loginbackground image configured. */
  body.pagelayout-login.loginbackgroundimage #footnote {
    /* Add white background color and a small bottom margin
           to make the footnote work with background images.
           This is necessary as this isn't covered by the normal background styles already
           (which are only applied to pages > 768px.
           Note that there isn't a border-radius added as the login box doesn't have a border radius as well
           on this screen size. */
    background-color: #fff;
    margin-bottom: 1rem;
  }
}
/* And on really small screens. */
@media (max-width: 575.98px) {
  body.pagelayout-login.loginbackgroundimage {
    /* If (and only if) the accessibility button is not shown on the login page,
           we do not need any additional right padding as there isn't a Boost Union footer button nor a footer button
           on the login page on this screen size. */
  }
  body.pagelayout-login.loginbackgroundimage #footnote {
    /* Add white background color and a small bottom margin
            to make the footnote work with background images.
            This is necessary as this isn't covered by the normal background styles already
            (which are only applied to pages > 768px. */
    background-color: #fff;
    /* Change horizontal margin and padding to
            make the footnote work with background images. */
    margin-left: 0;
    padding-left: calc(15px + 1rem);
    margin-right: 0;
  }
  body.pagelayout-login.loginbackgroundimage:not(.theme_boost-union-accessibilitybutton) #footnote {
    padding-right: calc(15px + 1rem);
  }
}
/* On all screen sizes. */
/* If there isn't a loginbackground image configured. */
body.pagelayout-login:not(.loginbackgroundimage) #footnote {
  /* Remove the top border as there is the gradient in #page. */
  border-top: none;
}
/*---------------------------------------
 * Settings: Footer.
 --------------------------------------*/
/* If the admin decided to show the footer button on all screen sizes. */
body.theme_boost-union-footerbuttonall.jsenabled {
  /* Show the footer button on all screen sizes.
       This uses !important to make really sure that the element is shown regardless of other CSS rules. */
  /* Do not do anything to the communications button as it is placed fine on larger screens anyway and
       not shown on mobile anyway. */
}
body.theme_boost-union-footerbuttonall.jsenabled .btn-footer-popover {
  display: block !important;
  /* stylelint-disable-line declaration-no-important */
}
/* If the admin decided to show the footer button on desktop + tablet only. */
body.theme_boost-union-footerbuttondesktop.jsenabled {
  /* Do not do anything with the footer button as Boost core is taking care of everything already . */
  /* And do not do anything to the communications button as Boost core is taking care of this as well. */
}
/* If the admin decided to show the footer button on mobile only. */
body.theme_boost-union-footerbuttonmobile.jsenabled {
  /* On larger screens. */
  /* On smaller screens. */
}
@media (min-width: 576px) {
  body.theme_boost-union-footerbuttonmobile.jsenabled {
    /* Hide the footer button.
           This uses !important to make really sure that the element is hidden regardless of other CSS rules. */
    /* Move the communication button more downwards as there would be a gap otherwise. */
    /* If the sticky footer is shown by Moodle core, move the communication button more upwards. */
  }
  body.theme_boost-union-footerbuttonmobile.jsenabled .btn-footer-popover, body.theme_boost-union-footerbuttonmobile.jsenabled #page-footer .footer-content-popover {
    display: none !important;
    /* stylelint-disable-line declaration-no-important */
  }
  body.theme_boost-union-footerbuttonmobile.jsenabled .btn-footer-communication {
    bottom: 2rem;
  }
  body.theme_boost-union-footerbuttonmobile.jsenabled.hasstickyfooter .btn-footer-communication {
    bottom: 7rem;
  }
}
@media (max-width: 575.98px) {
  body.theme_boost-union-footerbuttonmobile.jsenabled {
    /* Show the footer button.
           This uses !important to make really sure that the element is shown regardless of other CSS rules. */
    /* And do not do anything to the communications button as Boost core is not shown on mobile anyway. */
  }
  body.theme_boost-union-footerbuttonmobile.jsenabled .btn-footer-popover {
    display: block !important;
    /* stylelint-disable-line declaration-no-important */
  }
}
/* If the admin decided not to show the footer button at all. */
body.theme_boost-union-footerbuttonnone.jsenabled {
  /* Do not do anything with the footer button as we covered this case in footer.mustache already. */
  /* However, move the communication button more downwards as there would be a gap otherwise. */
  /* If the sticky footer is shown by Moodle core, move the communication button more upwards. */
}
body.theme_boost-union-footerbuttonnone.jsenabled .btn-footer-communication {
  bottom: 2rem;
}
body.theme_boost-union-footerbuttonnone.jsenabled.hasstickyfooter .btn-footer-communication {
  bottom: 7rem;
}
/* Make the reset-user-tours link a real footer section - as soon as the placeholder div is filled by JS.
   This is necessary due to restructurings of the footer popover content. */
/* Remove the bottom line from the last footer section. */
#page-footer .popover-body .footer-section:last-child, #page-footer .popover-body .tool_usertours-resettourcontainer .usertour:last-child, .tool_usertours-resettourcontainer #page-footer .popover-body .usertour:last-child {
  border-bottom: none !important;
  /* stylelint-disable-line declaration-no-important */
}
/* This rule is necessary to make sure that the user tourse section really has a bottom border as the previous rule removes
   it unfortunately due to the way how SASS @extend works. */
#page-footer .popover-body .tool_usertours-resettourcontainer .usertour:last-child {
  border-bottom: var(--bs-border-width) solid var(--bs-border-color) !important;
  /* stylelint-disable-line declaration-no-important,max-line-length */
}
/* Remove the bottom margin from the last element (typically a paragraph) in the additional footer popover content sections
   to keep the spacing to the section divider consistent with the other footer sections. */
.theme_boost_union_footer_popovercontentstart > :last-child, .theme_boost_union_footer_popovercontentend > :last-child {
  margin-bottom: 0;
}
/*=======================================
 * Settings: Content -> Info banner.
 ======================================*/
/* Adjust the margins of the info banners to align with the header and main content on larger screens. */
@media (min-width: 768px) {
  .themeboostunioninfobanner {
    margin-left: 15px;
    margin-right: 15px;
  }
}
/* Remove margin after last paragraph for a nicer look. */
.themeboostunioninfobanner p:last-child {
  margin-bottom: 0;
}
/*=======================================
 * Settings: Content -> Advertisement tiles.
 ======================================*/
/* Style the advertisement tile cards. */
#themeboostunionadvtiles [class*="col-"] .card {
  background-size: cover;
  /* d-flex align-items-stretch align-self-stretch classes in mustache template require to set width explicitely
       (Otherwise width is flexible dependent on content). */
  width: 100%;
}
/* Classes for the content style of advertisement tiles. */
#themeboostunionadvtiles .tile-dark {
  color: black;
}
#themeboostunionadvtiles .tile-light {
  color: white;
}
#themeboostunionadvtiles .tile-darkshadow {
  color: black;
  text-shadow: 0 0 5px white;
}
#themeboostunionadvtiles .tile-lightshadow {
  color: white;
  text-shadow: 0 0 5px black;
}
/* Improve the advertisement tile card if a background image is used. */
.themeboostunionadvtilebg {
  /* Remove the 1px border which is added around the card by default and which looks strange
       with a background image. */
  border: none;
  /* Do not repeat the background image in any case. */
  background-repeat: no-repeat;
  /* Add a more solid background color so that the title remains readable. */
  /* Remove the border-top from the footer. */
}
.themeboostunionadvtilebg .card-header {
  background-color: rgba(255, 255, 255, 0.8);
}
.themeboostunionadvtilebg .card-footer {
  border-top: none;
}
/*=======================================
 * Settings: Content -> Slider.
 ======================================*/
/* Style the slider. */
#themeboostunionslider {
  /* Remove the link color and styling for links in the slider as, otherwise, the linked caption and content
       would be colored and styled which does not make much sense here. */
  /* Remove the focus border which would appear around slider controls which have been clicked.
       These do not look nice within the slider. */
  /* Add an unobtrusive shadow to the carousel controls to make them visible on all kinds of backgrounds. */
  /* If the slide's background image is linked, let clicks on the caption box pass through to the linked image.
       Otherwise, the caption box (including its paddings) would cover a part of the linked image and would
       create an unclickable area there. Interactive elements within the caption remain clickable. */
}
#themeboostunionslider a {
  color: inherit;
}
#themeboostunionslider a:hover {
  text-decoration: inherit;
}
#themeboostunionslider a:focus {
  box-shadow: none;
}
#themeboostunionslider .carousel-control-prev, #themeboostunionslider .carousel-control-next {
  filter: drop-shadow(0 0 2px black);
}
#themeboostunionslider .carousel-indicators {
  filter: drop-shadow(0 0 1px black);
}
#themeboostunionslider .carousel-caption.slide-imagelinked {
  pointer-events: none;
}
#themeboostunionslider .carousel-caption.slide-imagelinked a, #themeboostunionslider .carousel-caption.slide-imagelinked button, #themeboostunionslider .carousel-caption.slide-imagelinked input, #themeboostunionslider .carousel-caption.slide-imagelinked select, #themeboostunionslider .carousel-caption.slide-imagelinked textarea {
  pointer-events: auto;
}
/* Classes for the content style of slides. */
#themeboostunionslider .slide-dark {
  color: black;
}
#themeboostunionslider .slide-light {
  color: white;
}
#themeboostunionslider .slide-darkshadow {
  color: black;
  text-shadow: 0 0 5px white;
}
#themeboostunionslider .slide-lightshadow {
  color: white;
  text-shadow: 0 0 5px black;
}
/*=======================================
 * Settings: Content -> Advertisement tiles & Slider (Common settings for both features).
 ======================================*/
/* Remove horizontal paddings on the tile / slider container on smaller screens to align it with the main frontpage content. */
@media (max-width: 767.98px) {
  #themeboostunionadvtiles, #themeboostunionslider-wrapper {
    padding-left: 0;
    padding-right: 0;
  }
}
/*=======================================
 * Settings: Functionality -> Courses.
 ======================================*/
/*---------------------------------------
 * Setting: Course related hints.
 --------------------------------------*/
.course-hint-hidden, .course-hint-guestaccess, .course-hint-guestenrol, .course-hint-selfenrol, .course-hint-switchedrole {
  margin-left: 15px;
  margin-right: 15px;
}
/*=======================================
 * Settings: Smart menus.
 ======================================*/
/*---------------------------------------
 * Header menu
 --------------------------------------*/
/* Boost union header menu style when the smart menu is enabled */
.theme-boost-union-smartmenu {
  /* Align the drawer content list group item in center*/
  /* Drop down more menu carousel item */
  /* Dropdown carousel more menu*/
  /* Hide the ul dropdown menu list */
  /* Changed the transition time to 0.3 seconds when smart menus are enabled */
}
.theme-boost-union-smartmenu .navbar {
  /* Removed the margin for the carousel back button arrow */
}
.theme-boost-union-smartmenu .navbar.fixed-top {
  /* Added height and background color for the top header,
            z-index is added to show the top header dropdown menu above the header block */
  /* The width is added to show the navigation drawer in full page and
                position of the navigation drawer has been adjusted to open the drawer from below. */
  /* The position of the main page has been adjusted slightly below to accommodate the top header. */
  /* The icon tag aligned top at the usermenu link */
  /* Dropdown more menu back button arrow margin */
}
.theme-boost-union-smartmenu .navbar.fixed-top.boost-union-menubar {
  /* boost-union-menubar class is added for the top header */
  height: calc(40px + 2px);
  border-bottom: 0;
  background-color: #f8f9fa;
  z-index: 1031;
  /* The position of the message drawer has been adjusted slightly top to accommodate the top header. */
  /* The position of the side drawer has been adjusted slightly below to accommodate the top header. */
}
.theme-boost-union-smartmenu .navbar.fixed-top.boost-union-menubar ~ [data-region=right-hand-drawer].drawer {
  top: calc(60px + 40px);
}
.theme-boost-union-smartmenu .navbar.fixed-top.boost-union-menubar ~ .drawer.drawer-left {
  top: calc(60px + 40px + 1px);
}
.theme-boost-union-smartmenu .navbar.fixed-top.boost-union-menubar ~ .drawer.drawer-right {
  top: calc(60px + 40px + 1px);
}
.theme-boost-union-smartmenu .navbar.fixed-top.boost-union-menubar .moremenu {
  height: 40px;
}
.theme-boost-union-smartmenu .navbar.fixed-top.boost-union-menubar .moremenu .more-nav li {
  /* The card dropdown menu link position is changed to static to show the card dropdown menu
                               in full width */
  /* The positions of the dropdown menu added */
  /* Removed the padding in the card dropdown overlay*/
}
.theme-boost-union-smartmenu .navbar.fixed-top.boost-union-menubar .moremenu .more-nav li.card-dropdown {
  position: static;
}
.theme-boost-union-smartmenu .navbar.fixed-top.boost-union-menubar .moremenu .more-nav li.nav-item:first-child, .theme-boost-union-smartmenu .navbar.fixed-top.boost-union-menubar .moremenu .more-nav li.nav-item:nth-child(2) {
  /* The position of the dropdown menu should not extend beyond the visible area of
                                       the screen */
}
.theme-boost-union-smartmenu .navbar.fixed-top.boost-union-menubar .moremenu .more-nav li.nav-item:first-child .dropdown-menu, .theme-boost-union-smartmenu .navbar.fixed-top.boost-union-menubar .moremenu .more-nav li.nav-item:nth-child(2) .dropdown-menu {
  left: 0;
  right: auto;
}
.theme-boost-union-smartmenu .navbar.fixed-top.boost-union-menubar .moremenu .more-nav li a {
  /* Background color added in the menubar menu link on hover */
}
.theme-boost-union-smartmenu .navbar.fixed-top.boost-union-menubar .moremenu .more-nav li a:not(.active) {
  border-bottom: 0;
}
.theme-boost-union-smartmenu .navbar.fixed-top.boost-union-menubar .moremenu .more-nav li a.nav-link:hover {
  background-color: #f4f4f4;
}
.theme-boost-union-smartmenu .navbar.fixed-top.boost-union-menubar .moremenu .more-nav li .dropdown-menu {
  float: none;
  left: auto;
  right: 0;
}
.theme-boost-union-smartmenu .navbar.fixed-top.boost-union-menubar .moremenu .more-nav li .dropdown-menu li {
  width: 100%;
}
.theme-boost-union-smartmenu .navbar.fixed-top.boost-union-menubar .moremenu .more-nav li.dropdown.card-dropdown .card-block-wrapper .card-block a {
  padding: 0;
}
.theme-boost-union-smartmenu .navbar.fixed-top.boost-union-menubar + .navbar {
  /* Margin top has been added to the Header block to ensure that it does not conflict with the top
                       header. */
  /* The position of the card dropdown block has been set to static,
                    so it will always appear under the card menu link. */
}
.theme-boost-union-smartmenu .navbar.fixed-top.boost-union-menubar + .navbar.fixed-top {
  margin-top: 40px;
}
.theme-boost-union-smartmenu .navbar.fixed-top.boost-union-menubar + .navbar .moremenu .dropdown.card-dropdown {
  position: static;
}
.theme-boost-union-smartmenu .navbar.fixed-top.boost-union-menubar + .navbar .moremenu .dropdown.card-dropdown .dropdown-menu {
  overflow-y: auto;
}
.theme-boost-union-smartmenu .navbar.fixed-top.boost-union-menubar + .navbar .moremenu .dropdown.card-dropdown:not(.card-overflow-no-wrap) .dropdown-menu {
  max-height: calc(100vh - 300px);
}
.theme-boost-union-smartmenu .navbar.fixed-top ~ .drawer-bottom.drawer {
  width: 100%;
  top: 0;
  padding-bottom: calc(60px + 1px);
  visibility: hidden;
  /* Visible on show when the drawer toggle "More" link is clicked */
}
.theme-boost-union-smartmenu .navbar.fixed-top ~ .drawer-bottom.drawer.show {
  visibility: visible;
}
.theme-boost-union-smartmenu .navbar.fixed-top ~ #page.drawers {
  margin-top: calc(60px + 40px);
}
.theme-boost-union-smartmenu .navbar.fixed-top .moremenu .more-nav li.card-dropdown {
  /* The position of the card dropdown block has been set to static,
                so it will always appear under the card menu link. */
  position: static;
  /* Card appearance - Card form style */
  /* Card form style - Square */
  /* Card form style - Portrait */
  /* Card form style - Landscape */
  /* Card form style - Fullwidth */
  /* Full Width is added when the Card size "Tiny,Small,Medium and Large" with card form "Full width" */
}
.theme-boost-union-smartmenu .navbar.fixed-top .moremenu .more-nav li.card-dropdown.card-form-square {
  /* Minimun and maximum width is added when the Card size "Tiny" with card form "Square" */
  /* Minimun and maximum width is added when the Card size "Small" with card form "Square" */
  /* Minimun and maximum width is added when the Card size "Medium" with card form "Square" */
  /* Minimun and maximum width is added when the Card size "Large" with card form "Square" */
}
.theme-boost-union-smartmenu .navbar.fixed-top .moremenu .more-nav li.card-dropdown.card-form-square.card-size-tiny .dropdown-menu .card-block {
  min-width: 90px;
  max-width: 90px;
}
.theme-boost-union-smartmenu .navbar.fixed-top .moremenu .more-nav li.card-dropdown.card-form-square.card-size-small .dropdown-menu .card-block {
  min-width: 140px;
  max-width: 140px;
}
.theme-boost-union-smartmenu .navbar.fixed-top .moremenu .more-nav li.card-dropdown.card-form-square.card-size-medium .dropdown-menu .card-block {
  min-width: 190px;
  max-width: 190px;
}
.theme-boost-union-smartmenu .navbar.fixed-top .moremenu .more-nav li.card-dropdown.card-form-square.card-size-large .dropdown-menu .card-block {
  min-width: 240px;
  max-width: 240px;
}
.theme-boost-union-smartmenu .navbar.fixed-top .moremenu .more-nav li.card-dropdown.card-form-portrait {
  /* Minimun and maximum width is added when the Card size "Tiny" with card form "portrait" */
  /* Minimun and maximum width is added when the Card size "Small" with card form "portrait" */
  /* Minimun and maximum width is added when the Card size "Medium" with card form "portrait" */
  /* Minimun and maximum width is added when the Card size "Large" with card form "portrait" */
}
.theme-boost-union-smartmenu .navbar.fixed-top .moremenu .more-nav li.card-dropdown.card-form-portrait.card-size-tiny .dropdown-menu .card-block {
  min-width: 60px;
  max-width: 60px;
}
.theme-boost-union-smartmenu .navbar.fixed-top .moremenu .more-nav li.card-dropdown.card-form-portrait.card-size-small .dropdown-menu .card-block {
  min-width: 94px;
  max-width: 94px;
}
.theme-boost-union-smartmenu .navbar.fixed-top .moremenu .more-nav li.card-dropdown.card-form-portrait.card-size-medium .dropdown-menu .card-block {
  min-width: 127px;
  max-width: 127px;
}
.theme-boost-union-smartmenu .navbar.fixed-top .moremenu .more-nav li.card-dropdown.card-form-portrait.card-size-large .dropdown-menu .card-block {
  min-width: 160px;
  max-width: 160px;
}
.theme-boost-union-smartmenu .navbar.fixed-top .moremenu .more-nav li.card-dropdown.card-form-landscape {
  /* Minimun and maximum width is added when the Card size "Tiny" with card form "Landscape" */
  /* Minimun and maximum width is added when the Card size "Small" with card form "Landscape" */
  /* Minimun and maximum width is added when the Card size "Medium" with card form "Landscape" */
  /* Minimun and maximum width is added when the Card size "Large" with card form "Landscape" */
}
.theme-boost-union-smartmenu .navbar.fixed-top .moremenu .more-nav li.card-dropdown.card-form-landscape.card-size-tiny .dropdown-menu .card-block {
  min-width: 135px;
  max-width: 135px;
}
.theme-boost-union-smartmenu .navbar.fixed-top .moremenu .more-nav li.card-dropdown.card-form-landscape.card-size-small .dropdown-menu .card-block {
  min-width: 210px;
  max-width: 210px;
}
.theme-boost-union-smartmenu .navbar.fixed-top .moremenu .more-nav li.card-dropdown.card-form-landscape.card-size-medium .dropdown-menu .card-block {
  min-width: 285px;
  max-width: 285px;
}
.theme-boost-union-smartmenu .navbar.fixed-top .moremenu .more-nav li.card-dropdown.card-form-landscape.card-size-large .dropdown-menu .card-block {
  min-width: 360px;
  max-width: 360px;
}
.theme-boost-union-smartmenu .navbar.fixed-top .moremenu .more-nav li.card-dropdown.card-form-fullwidth {
  /* Card size "large" has margin right none because the size of the card is full width of the
                       screen */
}
.theme-boost-union-smartmenu .navbar.fixed-top .moremenu .more-nav li.card-dropdown.card-form-fullwidth.card-size-tiny .dropdown-menu .card-block, .theme-boost-union-smartmenu .navbar.fixed-top .moremenu .more-nav li.card-dropdown.card-form-fullwidth.card-size-small .dropdown-menu .card-block, .theme-boost-union-smartmenu .navbar.fixed-top .moremenu .more-nav li.card-dropdown.card-form-fullwidth.card-size-medium .dropdown-menu .card-block, .theme-boost-union-smartmenu .navbar.fixed-top .moremenu .more-nav li.card-dropdown.card-form-fullwidth.card-size-large .dropdown-menu .card-block {
  min-width: 100%;
  width: 100%;
}
.theme-boost-union-smartmenu .navbar.fixed-top .moremenu .more-nav li.card-dropdown.card-form-fullwidth.card-overflow-wrap.card-size-large .dropdown-menu .card-block {
  margin-right: 0;
}
.theme-boost-union-smartmenu .navbar.fixed-top .usermenu .dropdown-menu {
  /* Usermenu dropdown item position relative for it's submenu */
}
.theme-boost-union-smartmenu .navbar.fixed-top .usermenu .dropdown-menu .submenu {
  /* Remove the padding on the User submenu header */
}
.theme-boost-union-smartmenu .navbar.fixed-top .usermenu .dropdown-menu .submenu .header {
  padding: 0;
  /* Centered align the User submenu header, added padding and removed the underline for the link */
}
.theme-boost-union-smartmenu .navbar.fixed-top .usermenu .dropdown-menu .submenu .header .carousel-navigation-link {
  text-decoration: none;
  padding: 0.1rem 0.75rem;
  display: flex;
  align-items: center;
}
.theme-boost-union-smartmenu .navbar.fixed-top .usermenu .dropdown-menu .submenu .items a.dropdown-item {
  align-items: baseline;
}
.theme-boost-union-smartmenu .navbar.fixed-top .usermenu .dropdown-menu .dropdown-item {
  position: relative;
  /* Usermenu dropdown submenu arrow alignment */
}
.theme-boost-union-smartmenu .navbar.fixed-top .usermenu .dropdown-menu .dropdown-item.carousel-navigation-link:after {
  top: 8px;
}
.theme-boost-union-smartmenu .navbar.fixed-top .boost-union-moremenu.dropdown-menu .carousel-navigation-link > * {
  pointer-events: none;
}
.theme-boost-union-smartmenu .navbar.fixed-top .boost-union-moremenu.dropdown-menu .carousel-navigation-link > * img {
  margin: 0;
}
.theme-boost-union-smartmenu .navbar .moremenu .more-nav li.nav-item {
  /* Menu link icon aligned center */
  /* The style below added when the menu link is under the "More" option in the responsive alignment */
  /* The full width style is added for the menu link inside the "More" menu */
}
.theme-boost-union-smartmenu .navbar .moremenu .more-nav li.nav-item a {
  display: flex;
  align-items: center;
}
.theme-boost-union-smartmenu .navbar .moremenu .more-nav li.nav-item a.dimmed {
  color: var(--bs-secondary-color);
}
.theme-boost-union-smartmenu .navbar .moremenu .more-nav li.nav-item a.dimmed.dropdown-item:hover {
  color: #fff;
  opacity: 0.7;
}
.theme-boost-union-smartmenu .navbar .moremenu .more-nav li.nav-item a label {
  margin-bottom: 0;
}
.theme-boost-union-smartmenu .navbar .moremenu .more-nav li.nav-item.dropdownmoremenu .dropdown-menu li.nav-item.dropdown {
  width: 100%;
  /* Header dropdown menu border added and position added not to conflict
                        with the screen in the responsive alignment */
}
.theme-boost-union-smartmenu .navbar .moremenu .more-nav li.nav-item.dropdownmoremenu .dropdown-menu li.nav-item.dropdown.card-dropdown .dropdown-toggle:after {
  content: "";
}
.theme-boost-union-smartmenu .navbar .moremenu .more-nav li.nav-item.dropdownmoremenu .dropdown-menu li.nav-item.dropdown .dropdown-toggle {
  /* Header dropdown toggle menu link color added */
}
.theme-boost-union-smartmenu .navbar .moremenu .more-nav li.nav-item.dropdownmoremenu .dropdown-menu li.nav-item.dropdown .dropdown-toggle:after {
  font-size: 10px;
  margin-top: 7px;
  position: absolute;
  right: 0.75rem;
}
.theme-boost-union-smartmenu .navbar .moremenu .more-nav li.nav-item.dropdownmoremenu .dropdown-menu li.nav-item.dropdown .dropdown-toggle:hover, .theme-boost-union-smartmenu .navbar .moremenu .more-nav li.nav-item.dropdownmoremenu .dropdown-menu li.nav-item.dropdown .dropdown-toggle:focus, .theme-boost-union-smartmenu .navbar .moremenu .more-nav li.nav-item.dropdownmoremenu .dropdown-menu li.nav-item.dropdown .dropdown-toggle:active {
  color: #fff;
}
.theme-boost-union-smartmenu .navbar .moremenu .more-nav li.nav-item.dropdownmoremenu .dropdown-menu li.nav-item.dropdown .dropdown-menu {
  max-height: none;
  border-radius: 0;
  overflow: visible;
}
.theme-boost-union-smartmenu .navbar .moremenu .more-nav li.nav-item.dropdownmoremenu .dropdown-menu li.nav-item.dropdown.card-dropdown {
  /* Minimum width, maximum width and height, aligned center, and position
                        fixed of card dropdown menu below the nav header */
}
.theme-boost-union-smartmenu .navbar .moremenu .more-nav li.nav-item.dropdownmoremenu .dropdown-menu li.nav-item.dropdown.card-dropdown .dropdown-menu {
  min-width: 220px;
  max-width: 90%;
  max-height: calc(100vh - 120px);
  text-align: center;
  padding: 5px;
  overflow: auto;
  position: fixed;
  right: 0;
  top: 100px;
  left: 0;
}
.theme-boost-union-smartmenu .navbar .moremenu .more-nav li.nav-item.dropdownmoremenu .dropdown-menu li.nav-item.dropdown.card-dropdown.card-form-fullwidth .dropdown-menu .card-block-wrapper {
  padding: 0 15px;
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown {
  /* Minimum width , max-height added to display the dropdown menu items, Top margin removed
                and overlay y axis is auto to show the dropdowm menu with the scrollbar */
  /* The top padding is removed in the dropdown menu when menu description is added in the top */
  /* The bottom padding is removed in the dropdown menu when menu description is added in the below */
  /* Card layout - The below styles are header dropdown Card style menus */
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown .dropdown-menu {
  min-width: 220px;
  max-width: 260px;
  max-height: calc(100vh - 200px);
  overflow: auto;
  margin-top: 0;
  /* The more menu item with inline to display in full width */
  /* Menu description font size, padding, border-radius and background color added */
  /* Text aligned center and margin bottom added for the "help icon" in menu help icon */
  /* The font size and opacity reduced when the Menu link is selected as "Heading" option in the
                       settings */
  /* The below styles are header dropdown submenu  */
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown .dropdown-menu .nav-item {
  min-width: 100%;
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown .dropdown-menu .menu-description {
  font-size: 12px;
  padding: 0.25rem 1.5rem;
  border-radius: 5px;
  background-color: #eee;
  /* Removed the margin bottom for the content to avoid unwanted space below the description */
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown .dropdown-menu .menu-description p {
  margin-bottom: 0;
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown .dropdown-menu .menu-helpicon {
  text-align: center;
  margin-bottom: 10px;
  /* Margin removed in the menu description help icon in the menu */
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown .dropdown-menu .menu-helpicon i {
  margin: 0;
  /* color white is added in the menu description help icon in the menu */
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown .dropdown-menu .menu-helpicon i:before {
  color: var(--info);
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown .dropdown-menu .dropdown-item {
  /* Dropdown menu link alignment at top, white-space is used to arrange the large text in the
                        next line*/
  align-items: baseline;
  white-space: normal;
  /* The icon width, height and font size is changed to normal size when the
                        large size icon (class="iconsize-big") is used in the "i" tag */
  /* The "Tick" icon removed when the menu link is clicked */
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown .dropdown-menu .dropdown-item i.icon {
  width: auto;
  height: auto;
  font-size: 16px;
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown .dropdown-menu .dropdown-item:before {
  display: none;
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown .dropdown-menu .dropdown-item.menu-item-heading {
  font-size: 14px;
  opacity: 0.6;
  /* Menu link icon font size when the menu link as "Heading" and "icon" option selected in
                               the settings */
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown .dropdown-menu .dropdown-item.menu-item-heading i.icon {
  font-size: 14px;
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown .dropdown-menu .dropdown-submenu {
  /* Position relative submenu link to control the arrow icon when it has submenus */
  /* The submenu dropdown is hidden before the menu is clicked */
  /* The position relative is added for the dropdown menu */
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown .dropdown-menu .dropdown-submenu > a.dropdown-item {
  position: relative;
  /* Header dropdown submenu */
  /* The arrow icon and its postion at the right side is added when the header menu which has
                               dropdown */
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown .dropdown-menu .dropdown-submenu > a.dropdown-item:before {
  content: "";
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown .dropdown-menu .dropdown-submenu > a.dropdown-item:after {
  content: "";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  line-height: 10px;
  position: absolute;
  top: 40%;
  right: 10px;
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown .dropdown-menu .dropdown-submenu ul {
  display: none;
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown .dropdown-menu .dropdown-submenu.show {
  position: relative;
  /* The dropdown submenu style is added for the header menu */
  /* Height added to control the menu with scrollbard, border, border radius,
                               background color, padding and its position styles are added and display block
                               is added to show the submenu when the dropdown menu is clicked */
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown .dropdown-menu .dropdown-submenu.show ul {
  max-height: 250px;
  list-style: none;
  border: 1px solid #dee2e6;
  border-radius: 0.5rem;
  background-color: #fff;
  padding: 0.5rem 0;
  margin-left: 1px;
  overflow-y: auto;
  display: block;
  position: absolute;
  top: 0;
  left: 100%;
  /* The full width of the dropdown submenu link */
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown .dropdown-menu .dropdown-submenu.show ul li {
  width: 100%;
  /* The height and padding is added for the header dropdown submenu links */
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown .dropdown-menu .dropdown-submenu.show ul li a.nav-link {
  width: 100%;
  height: auto;
  padding: 0.1rem 1.5rem;
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.dropdown-description-above .dropdown-menu {
  padding-top: 0;
  /* When menu description is added in the top the menu description bottom border radius is removed */
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.dropdown-description-above .dropdown-menu .menu-description {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.dropdown-description-below .dropdown-menu {
  padding-bottom: 0;
  /* When menu description is added in the bottom the menu description top border radius is removed */
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.dropdown-description-below .dropdown-menu .menu-description {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown {
  /* The header card dropdown menu width, padding, removed border radius and top margin, added
                    white background color and it's position styles, max-width as none to show the card dropdown to full width */
  /* Menu description aligned center and margin top & bottom added in the Card drowpdown menu */
  /* Card appearance - Card size */
  /* Height of the Card size - Tiny */
  /* Height of the Card size - Small */
  /* Height of the Card size - Medium */
  /* Height of the Card size - large */
  /* Card Overflow behaviour - No Wrap */
  /* Displayed the card menu as flex, nowrap and horizontal scroll bar to show the dropdown menu in a
                       single row */
  /* Card size - "Large" with the "Text positions" */
  /* Increased the height of the card block in the "Text Position" when the card size Large */
  /* Card size - "Medium" with the "Text positions" */
  /* Increased the height of the card block in the "Text Position" when the card size Medium */
  /* Card size - "Small" with the "Text positions" */
  /* Increased the height of the card block in the "Text Position" when the card size Small */
  /* Card size - "Tiny" with the "Text positions" */
  /* Increased the height of the card block in the "Text Position" when the card size Tiny */
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown .dropdown-menu {
  max-width: none;
  width: 100%;
  border-radius: 0;
  background-color: #f0efef;
  padding: 30px;
  margin-top: 0;
  position: absolute;
  top: 100%;
  left: 0;
  /* The header card dropdown menu items styles */
  /* Aligned the card dropdown to center */
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown .dropdown-menu .card-block-wrapper {
  text-align: center;
  /* Margin added to the card block right & bottom and vertical align added to
                            align the card block center to each other */
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown .dropdown-menu .card-block-wrapper .card-block {
  margin-right: 15px;
  margin-bottom: 15px;
  display: inline-block;
  vertical-align: top;
  flex-direction: column;
  /* The image parent div added for the card dropdown items */
  /* The card dropdown items content block width, text aligned left padding, background color
                                and aligned center styles added */
  /* The below style is added when the Menu link as "Heading" in "card layout" Menu
                                settings */
  /* The "Text position" of the menu link is selected as "Top overlay"
                                or "Below overlay" in the "Card Appearance" settings */
  /* The "Text position" of the menu link bottom
                                of the card block in the "Below overlay" option */
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown .dropdown-menu .card-block-wrapper .card-block .img-block {
  width: 100%;
  height: 200px;
  /* The image size added for the card dropdown items */
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown .dropdown-menu .card-block-wrapper .card-block .img-block img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown .dropdown-menu .card-block-wrapper .card-block .img-block > a {
  padding: 0;
  display: initial;
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown .dropdown-menu .card-block-wrapper .card-block .content-block {
  width: 100%;
  text-align: left;
  padding: 10px;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  /* The margin added to the heading in the content block for the card dropdown items */
  /* The line height added and "Go" button block aligned right side
                                    in the content block for the card dropdown items */
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown .dropdown-menu .card-block-wrapper .card-block .content-block h5, .theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown .dropdown-menu .card-block-wrapper .card-block .content-block .h5 {
  width: 100%;
  margin-bottom: 0;
  overflow: hidden;
  /* The font style, color, paddign added to the link of the heading
                                        in the content block for the card dropdown items. Background none is added when the
                                        background is not given in the settings for the menu items */
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown .dropdown-menu .card-block-wrapper .card-block .content-block h5 a, .theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown .dropdown-menu .card-block-wrapper .card-block .content-block .h5 a {
  font-size: 14px;
  color: #fff;
  font-weight: bold;
  padding: 0;
  background: none;
  /* Background removed for the link of the heading on hover
                                            in the content block for the card dropdown items */
  /* The icon color is intended to correspond with the text color specified in the menu
                                            item settings. However, the icon color in the card dropdown menu may be overridden by
                                            the color defined in the theme style for the navigation, particularly when using the
                                            "dark" and "bg primary" options in the header. To ensure the desired icon color is
                                            maintained, the icon color is set to "inherit" with the use of "!important".
                                            This ensures that the color specified in the text setting will be applied to the icon.
                                            */
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown .dropdown-menu .card-block-wrapper .card-block .content-block h5 a:hover, .theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown .dropdown-menu .card-block-wrapper .card-block .content-block .h5 a:hover, .theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown .dropdown-menu .card-block-wrapper .card-block .content-block h5 a:focus, .theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown .dropdown-menu .card-block-wrapper .card-block .content-block .h5 a:focus, .theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown .dropdown-menu .card-block-wrapper .card-block .content-block h5 a:active, .theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown .dropdown-menu .card-block-wrapper .card-block .content-block .h5 a:active {
  background: none;
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown .dropdown-menu .card-block-wrapper .card-block .content-block h5 a i, .theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown .dropdown-menu .card-block-wrapper .card-block .content-block .h5 a i {
  color: inherit !important;
  /* stylelint-disable-line declaration-no-important */
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown .dropdown-menu .card-block-wrapper .card-block .content-block .card-btn-block {
  width: auto;
  line-height: 10px;
  text-align: right;
  margin-left: 5px;
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown .dropdown-menu .card-block-wrapper .card-block .content-block .card-btn-block a {
  /* The color and padding added for the "Go" button in
                                            the content block of the card dropdown items. Background none is added when the
                                            background is not given in the settings for the menu items */
  color: #fff;
  padding: 0;
  background: none;
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown .dropdown-menu .card-block-wrapper .card-block .content-block .card-btn-block a:hover, .theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown .dropdown-menu .card-block-wrapper .card-block .content-block .card-btn-block a:focus, .theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown .dropdown-menu .card-block-wrapper .card-block .content-block .card-btn-block a:active {
  /* Background removed for the link of the button on
                                                hover in the content block for the card dropdown items */
  background: none;
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown .dropdown-menu .card-block-wrapper .card-block.menu-item-heading {
  /* The Card menu as "Heading" option content block style */
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown .dropdown-menu .card-block-wrapper .card-block.menu-item-heading .content-block {
  /* The Card menu content heading menu link font-size and opacity added */
  /* The Card Menu as "Heading" option content block "Go" button link is hidden */
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown .dropdown-menu .card-block-wrapper .card-block.menu-item-heading .content-block h5 a, .theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown .dropdown-menu .card-block-wrapper .card-block.menu-item-heading .content-block .h5 a {
  font-size: 16px;
  opacity: 0.6;
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown .dropdown-menu .card-block-wrapper .card-block.menu-item-heading .content-block .card-btn-block {
  display: none;
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown .dropdown-menu .card-block-wrapper .card-block.card-text-overlay-top, .theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown .dropdown-menu .card-block-wrapper .card-block.card-text-overlay-bottom {
  /* The position relative to the card dropdown  */
  position: relative;
  /* The border, background, box-shadow, outline are removed for the card overlay link and
                                    the width, height, position is added to redirect to course for the card top overlay &
                                    card bottom overlay */
  /* The width and position of the menu link at the top of the card block in the card
                                    dropdown menu */
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown .dropdown-menu .card-block-wrapper .card-block.card-text-overlay-top > a, .theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown .dropdown-menu .card-block-wrapper .card-block.card-text-overlay-bottom > a {
  width: 100%;
  height: 100%;
  border: 0;
  background: none;
  box-shadow: none;
  outline: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown .dropdown-menu .card-block-wrapper .card-block.card-text-overlay-top .content-block, .theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown .dropdown-menu .card-block-wrapper .card-block.card-text-overlay-bottom .content-block {
  width: 100%;
  height: 100%;
  align-items: flex-start;
  position: absolute;
  top: 0;
  left: 0;
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown .dropdown-menu .card-block-wrapper .card-block.card-text-overlay-bottom .content-block {
  align-items: flex-end;
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown.dropdown-description-above .dropdown-menu .menu-description, .theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown.dropdown-description-below .dropdown-menu .menu-description {
  text-align: center;
  margin: 10px 0;
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown.card-size-tiny .dropdown-menu .card-block .img-block {
  height: 50px;
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown.card-size-small .dropdown-menu .card-block .img-block {
  height: 100px;
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown.card-size-medium .dropdown-menu .card-block .img-block {
  height: 150px;
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown.card-size-large .dropdown-menu .card-block .img-block {
  height: 200px;
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown.card-overflow-no-wrap.show .dropdown-menu {
  overflow-x: auto;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  /* Scrollbar */
  /* Width and height of the scrollbar */
  /* Background color for the scrollbar on hover */
  /* Border, border radius and background color for the bar in the scrollbar */
  /* Background for the scrollbar */
  /* End of Scrollbar */
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown.card-overflow-no-wrap.show .dropdown-menu ::-webkit-scrollbar {
  width: 12px;
  height: 10px;
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown.card-overflow-no-wrap.show .dropdown-menu ::-webkit-scrollbar-thumb:hover {
  background-color: #495057;
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown.card-overflow-no-wrap.show .dropdown-menu ::-webkit-scrollbar-thumb {
  background-color: #6a737b;
  border-radius: 20px;
  border: 2px solid #f8f9fa;
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown.card-overflow-no-wrap.show .dropdown-menu ::-webkit-scrollbar-track {
  background: #f8f9fa;
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown.card-overflow-no-wrap.show .dropdown-menu .card-block-wrapper {
  display: flex;
  overflow-y: auto;
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown.card-size-large .dropdown-menu .card-block.card-text-overlay-top > a, .theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown.card-size-large .dropdown-menu .card-block.card-text-overlay-top .img-block, .theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown.card-size-large .dropdown-menu .card-block.card-text-overlay-top .content-block, .theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown.card-size-large .dropdown-menu .card-block.card-text-overlay-bottom > a, .theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown.card-size-large .dropdown-menu .card-block.card-text-overlay-bottom .img-block, .theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown.card-size-large .dropdown-menu .card-block.card-text-overlay-bottom .content-block {
  height: calc(200px + 39px);
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown.card-size-medium .dropdown-menu .card-block.card-text-overlay-top > a, .theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown.card-size-medium .dropdown-menu .card-block.card-text-overlay-top .img-block, .theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown.card-size-medium .dropdown-menu .card-block.card-text-overlay-top .content-block, .theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown.card-size-medium .dropdown-menu .card-block.card-text-overlay-bottom > a, .theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown.card-size-medium .dropdown-menu .card-block.card-text-overlay-bottom .img-block, .theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown.card-size-medium .dropdown-menu .card-block.card-text-overlay-bottom .content-block {
  height: calc(150px + 39px);
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown.card-size-small .dropdown-menu .card-block.card-text-overlay-top > a, .theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown.card-size-small .dropdown-menu .card-block.card-text-overlay-top .img-block, .theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown.card-size-small .dropdown-menu .card-block.card-text-overlay-top .content-block, .theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown.card-size-small .dropdown-menu .card-block.card-text-overlay-bottom > a, .theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown.card-size-small .dropdown-menu .card-block.card-text-overlay-bottom .img-block, .theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown.card-size-small .dropdown-menu .card-block.card-text-overlay-bottom .content-block {
  height: calc(100px + 39px);
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown.card-size-tiny .dropdown-menu .card-block.card-text-overlay-top > a, .theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown.card-size-tiny .dropdown-menu .card-block.card-text-overlay-top .img-block, .theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown.card-size-tiny .dropdown-menu .card-block.card-text-overlay-top .content-block, .theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown.card-size-tiny .dropdown-menu .card-block.card-text-overlay-bottom > a, .theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown.card-size-tiny .dropdown-menu .card-block.card-text-overlay-bottom .img-block, .theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown.card-size-tiny .dropdown-menu .card-block.card-text-overlay-bottom .content-block {
  height: calc(50px + 39px);
}
.theme-boost-union-smartmenu .navbar .boost-union-moremenu.dropdown-menu {
  /* Minimum width for the dropdown submenu */
  /* Added the arrow icon styles for the dropdown menus */
  /* Added the arrow icon styles for the dropdown sub menu header */
}
.theme-boost-union-smartmenu .navbar .boost-union-moremenu.dropdown-menu .carousel .carousel-inner .carousel-item.submenu {
  min-width: 235px;
}
.theme-boost-union-smartmenu .navbar .boost-union-moremenu.dropdown-menu .dropdown-item.carousel-navigation-link:after {
  content: "";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 1rem;
  position: absolute;
  right: 0.7rem;
}
.theme-boost-union-smartmenu .navbar .boost-union-moremenu.dropdown-menu .submenu .header {
  font-size: 0.975rem;
  display: flex;
  align-items: center;
}
.theme-boost-union-smartmenu .navbar.fixed-bottom .boost-union-moremenu.dropdown-menu .carousel-navigation-link > * {
  pointer-events: none;
}
.theme-boost-union-smartmenu .navbar.fixed-bottom .boost-union-moremenu.dropdown-menu .carousel-navigation-link > * img {
  margin: 0;
}
.theme-boost-union-smartmenu .drawer-primary .drawercontent .list-group .list-group-item {
  align-items: center;
  /* The icon width, height and font size is changed to normal size when
        the large size icon (class="iconsize-big") is used in the "i" tag in the bottom menu */
}
.theme-boost-union-smartmenu .drawer-primary .drawercontent .list-group .list-group-item i.icon {
  width: auto;
  height: auto;
  font-size: 16px;
}
.theme-boost-union-smartmenu .theme-boost-union-smartmenu-carousel {
  /* Drop down more menu carousel item header */
  /* Make the carousel navigation link to full width and cursor as pointor */
}
.theme-boost-union-smartmenu .theme-boost-union-smartmenu-carousel .moremenu-carousel-item-header {
  display: none;
}
.theme-boost-union-smartmenu .theme-boost-union-smartmenu-carousel .carousel-navigation-link > * {
  pointer-events: none;
  /* Drop down more menu carousel item header image */
}
.theme-boost-union-smartmenu .theme-boost-union-smartmenu-carousel .carousel-navigation-link > * img {
  margin: 0;
}
.theme-boost-union-smartmenu .theme-boost-union-smartmenu-carousel .carousel-navigation-link {
  width: 100%;
  cursor: pointer;
  /* Removed the underline on hovering the link */
}
.theme-boost-union-smartmenu .theme-boost-union-smartmenu-carousel .carousel-navigation-link:hover {
  text-decoration: none;
}
.theme-boost-union-smartmenu .dropdownmoremenu {
  /* Dropdown carousel more menu position */
}
.theme-boost-union-smartmenu .dropdownmoremenu .boost-union-moremenu-carousel {
  position: absolute;
  /* Dropdown carousel dropdown more menu position to static to
            work on the carousel menu */
}
.theme-boost-union-smartmenu .dropdownmoremenu .boost-union-moremenu-carousel .dropdown-menu {
  position: static;
}
.theme-boost-union-smartmenu .dropdownmoremenu .theme-boost-union-smartmenu-carousel {
  /* Display dropdown carousel more menu header item*/
  /* Added the arrow icon styles for the dropdown sub menu header */
}
.theme-boost-union-smartmenu .dropdownmoremenu .theme-boost-union-smartmenu-carousel .moremenu-carousel-item-header {
  display: block;
  /* Dropdown carousel more menu header title and arrow style*/
}
.theme-boost-union-smartmenu .dropdownmoremenu .theme-boost-union-smartmenu-carousel .moremenu-carousel-item-header .header {
  font-size: 0.975rem;
  padding: 0.25rem 0.75rem;
  display: flex;
  align-items: center;
}
.theme-boost-union-smartmenu .dropdownmoremenu .theme-boost-union-smartmenu-carousel .items {
  /* Added the arrow icon styles for the carousel dropdown menus */
}
.theme-boost-union-smartmenu .dropdownmoremenu .theme-boost-union-smartmenu-carousel .items .dropdown-item.carousel-navigation-link:after {
  content: "";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 1rem;
  position: absolute;
  right: 0.7rem;
}
.theme-boost-union-smartmenu .dropdownmoremenu .theme-boost-union-smartmenu-carousel .submenu {
  padding-top: 10px;
}
.theme-boost-union-smartmenu .dropdownmoremenu .theme-boost-union-smartmenu-carousel .submenu .header {
  font-size: 0.975rem;
  padding: 0 0.75rem;
  display: flex;
  align-items: center;
}
.theme-boost-union-smartmenu .theme-boost-union-moremenu-carousel .dropdown-menu.hide-on-show {
  display: none;
}
.theme-boost-union-smartmenu .theme-boost-union-smartmenu-carousel .carousel-inner .carousel-item, .theme-boost-union-smartmenu #usermenu-carousel .carousel-inner .carousel-item {
  transition: transform 0.3s ease-in-out;
}
@media (min-width: 992px) {
  .theme-boost-union-smartmenu .navbar.fixed-top.boost-union-menubar.d-lg-none {
    /* Margin top has been added to the Header block to ensure that it does not conflict with the top header. */
  }
  .theme-boost-union-smartmenu .navbar.fixed-top.boost-union-menubar.d-lg-none + .navbar.fixed-top {
    margin-top: 0;
  }
  .theme-boost-union-smartmenu .navbar.fixed-top.boost-union-menubar.d-lg-none ~ #page.drawers {
    /* The position has been adjusted to prevent the message drawer from being hidden behind the primary header. */
    margin-top: 40px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .theme-boost-union-smartmenu .navbar.fixed-top.boost-union-menubar.d-md-none {
    /* Margin top has been added to the Header block to ensure that it does not conflict with the top header. */
  }
  .theme-boost-union-smartmenu .navbar.fixed-top.boost-union-menubar.d-md-none + .navbar.fixed-top {
    margin-top: 0;
  }
  .theme-boost-union-smartmenu .navbar.fixed-top.boost-union-menubar.d-md-none ~ #page.drawers {
    /* The position has been adjusted to prevent the message drawer from being hidden behind the primary header. */
    margin-top: 40px;
  }
}
/* The nav drawer position to the top in the responsive alignment */
@media (max-width: 991.98px) {
  .navbar.fixed-top.boost-union-menubar ~ .drawer {
    /* The position has been adjusted to prevent the message drawer from being hidden behind the primary header. */
    top: calc(60px + 40px);
  }
  .navbar.fixed-top.boost-union-menubar ~ .drawer.drawer-right {
    top: 0;
  }
}
/* The nav drawer position to the top in the responsive alignment */
@media (min-width: 768px) {
  .navbar.fixed-top.boost-union-menubar ~ #page.drawers .drawer-toggles .drawer-toggler {
    top: calc(60px + 40px + 10px);
  }
}
@media (max-width: 767.98px) {
  /* The card menu of the drodown item margin right is removed when the card dropdown menu is inside the "More" menu */
  .navbar.fixed-top {
    /* The header z-index is increased to show at top when the footer bottom menu is added */
    /* The Header menubar z-index is increased to show at top in responsive */
    /* When the menu in the footer bottom is clicked, its navigation drawer
            position appears below the header when the header menubar is disabled. */
    /* When the menu in the left adn right drawer toggle button is clicked, its navigation drawer
            position appears below the header when the header menubar is disabled. */
  }
  .navbar.fixed-top.smartmenu-bottom-navigation {
    z-index: 1050;
  }
  .navbar.fixed-top.boost-union-menubar {
    /* When the menu in the footer bottom is clicked, its navigation drawer
            position appears below the header. */
  }
  .navbar.fixed-top.boost-union-menubar.smartmenu-bottom-navigation {
    z-index: 1051;
  }
  .navbar.fixed-top.boost-union-menubar ~ .drawer.drawer-right {
    z-index: 1052;
  }
  .navbar.fixed-top.boost-union-menubar ~ .drawer-bottom.drawer {
    top: calc(60px + 1px);
  }
  .navbar.fixed-top ~ .drawer-bottom.drawer {
    top: 61px;
    /* The nav drawer header(close button) is hidden is responsive */
    /* The nav drawer content font size, weight and padding is added*/
  }
  .navbar.fixed-top ~ .drawer-bottom.drawer .drawerheader {
    display: none;
  }
  .navbar.fixed-top ~ .drawer-bottom.drawer .drawercontent .menu-title {
    font-size: 18px;
    font-weight: bold;
    padding: 15px;
  }
  .navbar.fixed-top ~ #theme_boost-drawers-primary, .navbar.fixed-top ~ #theme_boost-drawers-courseindex, .navbar.fixed-top ~ .drawer.drawer-left, .navbar.fixed-top ~ .drawer.drawer-right {
    max-width: 315px;
    padding-bottom: 0;
    top: 0;
  }
  .theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown .dropdown-menu .card-block-wrapper .card-block {
    margin-right: 0;
  }
  .theme-boost-union-smartmenu .navbar.fixed-top.boost-union-menubar.d-none {
    /* Margin top has been added to the Header block to ensure that it does not conflict with the top header. */
  }
  .theme-boost-union-smartmenu .navbar.fixed-top.boost-union-menubar.d-none + .navbar.fixed-top {
    margin-top: 0;
  }
  .theme-boost-union-smartmenu .navbar.fixed-top.boost-union-menubar.d-none ~ #page.drawers {
    /* The position has been adjusted to prevent the message drawer from being hidden behind the primary header. */
    margin-top: 40px;
  }
}
/*---------------------------------------
 * Footer menu
 --------------------------------------*/
/* Boost union footer bottom menu style when the smart menu is enabled */
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar {
  /* Footer bottom menu */
  /* Padding space removed around the bottom menu block, box-shadow and z-index
            to view the bottom menu at the top added*/
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu {
  padding: 0;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.3);
  z-index: 1050;
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .moremenu {
  height: 60px;
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav {
  /* Spread the menu items over the whole screen. */
  justify-content: space-around;
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav > li {
  /* The footer bottom dropdown menu icon and text are displayed in separate rows. */
  /* The footer bottom menu item border bottom is removed when it's not active. */
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav > li.dropdown > a {
  flex-direction: column;
  /* The footer bottom dropdown menu icon margin is removed. */
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav > li.dropdown > a i {
  margin: 0 0 3px;
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav > li > a.dropdown-toggle {
  padding-right: 25px;
  /* The footer bottom icon changes to an upward-facing angle
                                    when the bottom dropdown menu is visible outside the More menu. */
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav > li > a.dropdown-toggle:not(.active):after {
  content: "";
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav > li > a:not(.active) {
  border-bottom: 0;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  position: relative;
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav > li > a:not(.active) i {
  margin: 0;
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav > li > a:not(.active):after {
  margin-left: 5px;
  position: absolute;
  right: 5px;
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li {
  /* Footer bottom menu card-dropdown */
  /* The card dropdown Position is changed to static, so the dropdown menu will be in
                            fullscreen */
  /* The position of the footer dropdown menu should not extend beyond the visible area of
                            the screen */
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li:first-child.dropdown .dropdown-menu .dropdown-submenu ul, .theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li:nth-child(2).dropdown .dropdown-menu .dropdown-submenu ul, .theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li:nth-child(3).dropdown .dropdown-menu .dropdown-submenu ul {
  left: 100%;
  right: auto;
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li.dropdown {
  /* Footer bottom dropdown menu width, height and removed margin, position to stay the
                                dropup menu */
  /* Footer bottom dropdown style when the menus are in the "More" option in the responsive
                                alignment */
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li.dropdown .dropdown-menu {
  width: auto;
  margin-top: 0;
  margin-bottom: 0;
  top: auto;
  bottom: 100%;
  left: auto;
  right: 0;
  /* The footer bottom dropdown submenu min-width, max-height, overflow and position
                                    to show the menus above the footer */
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li.dropdown .dropdown-menu .dropdown-submenu ul {
  min-width: 150px;
  max-height: calc(100vh - 300px);
  overflow: auto;
  left: auto;
  right: 100%;
  bottom: 0;
  top: auto;
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li.dropdown.dropdownmoremenu {
  display: flex;
  align-items: center;
  /* The footer bottom dropdown menu icon and text are displayed in separate rows. */
  /* Footer bottom dropdown toggle button height, font-size, color, align center,
                                    removed border radius, padding and added margin left & right style */
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li.dropdown.dropdownmoremenu > a.dropdown-toggle {
  flex-direction: column;
  /* Added ellipsis fontawesome icon, and diplay block to  for the dropdown more
                                        menu when the smart menus are not added in the Footer menu */
  /* The arrow icon after the More menu link text is hidden when the smart menus are
                                        not added */
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li.dropdown.dropdownmoremenu > a.dropdown-toggle:before {
  content: "";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li.dropdown.dropdownmoremenu > a.dropdown-toggle:after {
  display: none;
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li.dropdown.dropdownmoremenu button.navbar-toggler {
  height: 100%;
  font-size: calc(0.90375rem + 0.045vw);
  color: #176B75;
  text-align: center;
  border-radius: 0;
  padding-top: 0;
  padding-bottom: 0;
  margin: 0 10px;
  /* Footer bottom dropdown toggle button baclground added on hover  */
  /* More menu toggle button icon margin remove in the mobile view */
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li.dropdown.dropdownmoremenu button.navbar-toggler:hover {
  font-size: calc(0.90375rem + 0.045vw);
  background: #f8f9fa;
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li.dropdown.dropdownmoremenu button.navbar-toggler i {
  margin: -5px auto 5px;
  display: block;
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li.card-dropdown {
  position: static;
  /* Card appearance - Card form style */
  /* Card form style - Square */
  /* Card form style - Portrait */
  /* Card form style - Landscape */
  /* Card form style - Fullwidth */
  /* Full Width is added when the Card size "Tiny,Small,Medium and Large"
                                with card form "Full width" */
  /* The card dropdown menu width is 100%, so the dropdown menu will not overflow the
                                screen */
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li.card-dropdown.card-form-square {
  /* Minimun and maximum width is added when the Card size "Tiny" with card form
                                    "Square" */
  /* Minimun and maximum width is added when the Card size "Small" with card form
                                    "Square" */
  /* Minimun and maximum width is added when the Card size "Medium" with card form
                                    "Square" */
  /* Minimun and maximum width is added when the Card size "Large" with card form
                                    "Square" */
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li.card-dropdown.card-form-square.card-size-tiny .dropdown-menu .card-block {
  min-width: 90px;
  max-width: 90px;
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li.card-dropdown.card-form-square.card-size-small .dropdown-menu .card-block {
  min-width: 140px;
  max-width: 140px;
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li.card-dropdown.card-form-square.card-size-medium .dropdown-menu .card-block {
  min-width: 190px;
  max-width: 190px;
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li.card-dropdown.card-form-square.card-size-large .dropdown-menu .card-block {
  min-width: 240px;
  max-width: 240px;
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li.card-dropdown.card-form-portrait {
  /* Minimun and maximum width is added when the Card size "Tiny" with card form
                                    "portrait" */
  /* Minimun and maximum width is added when the Card size "Small" with card form
                                    "portrait" */
  /* Minimun and maximum width is added when the Card size "Medium" with card form
                                    "portrait" */
  /* Minimun and maximum width is added when the Card size "Large" with card form
                                    "portrait" */
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li.card-dropdown.card-form-portrait.card-size-tiny .dropdown-menu .card-block {
  min-width: 60px;
  max-width: 60px;
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li.card-dropdown.card-form-portrait.card-size-small .dropdown-menu .card-block {
  min-width: 94px;
  max-width: 94px;
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li.card-dropdown.card-form-portrait.card-size-medium .dropdown-menu .card-block {
  min-width: 127px;
  max-width: 127px;
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li.card-dropdown.card-form-portrait.card-size-large .dropdown-menu .card-block {
  min-width: 160px;
  max-width: 160px;
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li.card-dropdown.card-form-landscape {
  /* Minimun and maximum width is added when the Card size "Tiny" with card form
                                    "Landscape" */
  /* Minimun and maximum width is added when the Card size "Small" with card form
                                    "Landscape" */
  /* Minimun and maximum width is added when the Card size "Medium" with card form
                                    "Landscape" */
  /* Minimun and maximum width is added when the Card size "Large" with card form
                                    "Landscape" */
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li.card-dropdown.card-form-landscape.card-size-tiny .dropdown-menu .card-block {
  min-width: 135px;
  max-width: 135px;
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li.card-dropdown.card-form-landscape.card-size-small .dropdown-menu .card-block {
  min-width: 210px;
  max-width: 210px;
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li.card-dropdown.card-form-landscape.card-size-medium .dropdown-menu .card-block {
  min-width: 285px;
  max-width: 285px;
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li.card-dropdown.card-form-landscape.card-size-large .dropdown-menu .card-block {
  min-width: 360px;
  max-width: 360px;
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li.card-dropdown.card-form-fullwidth {
  /* Card size "large" has margin right none because the size of the card is full
                                    width of the screen */
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li.card-dropdown.card-form-fullwidth.card-size-tiny .dropdown-menu .card-block, .theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li.card-dropdown.card-form-fullwidth.card-size-small .dropdown-menu .card-block, .theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li.card-dropdown.card-form-fullwidth.card-size-medium .dropdown-menu .card-block, .theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li.card-dropdown.card-form-fullwidth.card-size-large .dropdown-menu .card-block {
  min-width: 100%;
  width: 100%;
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li.card-dropdown.card-form-fullwidth.card-overflow-wrap.card-size-large .dropdown-menu .card-block {
  margin-right: 0;
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li.card-dropdown .dropdown-menu {
  width: 100%;
  max-height: calc(100vh - 300px);
  overflow-y: auto;
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li:first-child.dropdown .dropdown-menu {
  left: 0;
  right: auto;
}
/* End of Footer Menu */
/* On small screens (where the bottom bar could be visible). */
@media (max-width: 575.98px) {
  /* If the bottom bar is shown. */
  body.theme-boost-union-bottombar {
    /* The Boost Union footer buttons have to be moved more upwards. */
    /* If the footer button is shown. */
  }
  body.theme-boost-union-bottombar #boost-union-footer-buttons {
    bottom: calc(60px + 1rem);
  }
  body.theme-boost-union-bottombar.theme_boost-union-footerbuttonall.jsenabled, body.theme-boost-union-bottombar.theme_boost-union-footerbuttonmobile.jsenabled {
    /* The footer button has to be moved more upwards. */
    /* And the Boost Union footer buttons have to be moved even more upwards. */
  }
  body.theme-boost-union-bottombar.theme_boost-union-footerbuttonall.jsenabled .btn-footer-popover, body.theme-boost-union-bottombar.theme_boost-union-footerbuttonmobile.jsenabled .btn-footer-popover {
    bottom: calc(60px + 1rem);
  }
  body.theme-boost-union-bottombar.theme_boost-union-footerbuttonall.jsenabled #boost-union-footer-buttons, body.theme-boost-union-bottombar.theme_boost-union-footerbuttonmobile.jsenabled #boost-union-footer-buttons {
    bottom: calc(60px + 4rem);
  }
}
/* On screens between xs and sm (where the bottom bar _and_ the communication button could be visible). */
@media (min-width: 576px) and (max-width: 767.98px) {
  /* If the bottom bar is shown. */
  /* If the bottom bar is shown and if the communications button is shown. */
  body.theme-boost-union-bottombar {
    /* The Boost Union footer buttons have to be moved more upwards. */
    /* If the footer button is shown. */
  }
  body.theme-boost-union-bottombar #boost-union-footer-buttons {
    bottom: calc(60px + 1rem);
  }
  body.theme-boost-union-bottombar.theme_boost-union-footerbuttonall.jsenabled, body.theme-boost-union-bottombar.theme_boost-union-footerbuttondesktop.jsenabled {
    /* The footer button has to be moved more upwards. */
    /* And the Boost Union footer buttons have to be moved even more upwards. */
  }
  body.theme-boost-union-bottombar.theme_boost-union-footerbuttonall.jsenabled .btn-footer-popover, body.theme-boost-union-bottombar.theme_boost-union-footerbuttondesktop.jsenabled .btn-footer-popover {
    bottom: calc(60px + 1rem);
  }
  body.theme-boost-union-bottombar.theme_boost-union-footerbuttonall.jsenabled #boost-union-footer-buttons, body.theme-boost-union-bottombar.theme_boost-union-footerbuttondesktop.jsenabled #boost-union-footer-buttons {
    bottom: calc(60px + 4rem);
  }
  body.theme-boost-union-bottombar.theme-boost-union-commincourse {
    /* The communication button has to be moved more upwards. */
    /* The Boost Union footer buttons have to be moved even more upwards.
           This has to use !important as the selector above would be more specific otherwise. */
    /* If the footer button is shown. */
  }
  body.theme-boost-union-bottombar.theme-boost-union-commincourse .btn-footer-communication {
    bottom: calc(60px + 1rem);
  }
  body.theme-boost-union-bottombar.theme-boost-union-commincourse #boost-union-footer-buttons {
    bottom: calc(60px + 4rem) !important;
    /* stylelint-disable-line declaration-no-important */
  }
  body.theme-boost-union-bottombar.theme-boost-union-commincourse.theme_boost-union-footerbuttonall.jsenabled, body.theme-boost-union-bottombar.theme-boost-union-commincourse.theme_boost-union-footerbuttondesktop.jsenabled {
    /* The footer button has to be moved more upwards. */
    /* The communication button has to be moved even more upwards. */
    /* And the Boost Union footer buttons have to be moved even more upwards.
               This has to use !important as the selector above would be more specific otherwise. */
  }
  body.theme-boost-union-bottombar.theme-boost-union-commincourse.theme_boost-union-footerbuttonall.jsenabled .btn-footer-popover, body.theme-boost-union-bottombar.theme-boost-union-commincourse.theme_boost-union-footerbuttondesktop.jsenabled .btn-footer-popover {
    bottom: calc(60px + 1rem);
  }
  body.theme-boost-union-bottombar.theme-boost-union-commincourse.theme_boost-union-footerbuttonall.jsenabled .btn-footer-communication, body.theme-boost-union-bottombar.theme-boost-union-commincourse.theme_boost-union-footerbuttondesktop.jsenabled .btn-footer-communication {
    bottom: calc(60px + 4rem);
  }
  body.theme-boost-union-bottombar.theme-boost-union-commincourse.theme_boost-union-footerbuttonall.jsenabled #boost-union-footer-buttons, body.theme-boost-union-bottombar.theme-boost-union-commincourse.theme_boost-union-footerbuttondesktop.jsenabled #boost-union-footer-buttons {
    bottom: calc(60px + 7rem) !important;
    /* stylelint-disable-line declaration-no-important,max-line-length */
  }
}
@media (max-width: 767.98px) {
  /* The padding for the footer to visible the footer bottom menu because it is in the position style */
  /* Boost union footer bottom menu style when the smart menu is enabled */
  /* The nav drawer width is extend to full screen in the mobile view when the boost union smart menu is enabled */
  /* Drawer content list group when the boost union smart menu is enabled */
  body.theme-boost-union-bottombar #page-wrapper #page {
    padding-bottom: 75px;
  }
  body.theme-boost-union-smartmenu .drawer.show {
    max-width: none;
    width: 100%;
  }
  body.theme-boost-union-smartmenu .drawer-primary .drawercontent .list-group .list-group-item {
    /* The padding left is added to the nav drawer menu dropdown menu in the mobile view */
    /* The margin left is added to the dropdown submenu icon for the nav drawer menu in the mobile view */
  }
  body.theme-boost-union-smartmenu .drawer-primary .drawercontent .list-group .list-group-item .list-group-item-action {
    padding-left: 32px;
    align-items: baseline;
  }
  body.theme-boost-union-smartmenu .drawer-primary .drawercontent .list-group .list-group-item .list-group-item .list-group-item-action i {
    margin-left: 25px;
  }
}
/*=======================================
 * General styling
 ======================================*/
/*---------------------------------------
 * Form element: Color picker
 --------------------------------------*/
/* Display the color picker box and the text field as column. */
.theme_boost_union-form-colour-picker .felement {
  flex-direction: column;
}
/*---------------------------------------
 * Form element: Icon autocomplete
 --------------------------------------*/
/* For now, this is only used on the smart menu items editing page. */
#page-theme-boost_union-smartmenus-edit_items #fitem_id_menuicon {
  /* Raise the min-width to make space for the badges. */
  /* Wrap the icon names to avoid that they clash with the icon source badge. */
}
#page-theme-boost_union-smartmenus-edit_items #fitem_id_menuicon .form-autocomplete-suggestions {
  min-width: 400px;
}
#page-theme-boost_union-smartmenus-edit_items #fitem_id_menuicon .wrapiconwidth {
  hyphens: auto;
  max-width: 200px;
}
/*---------------------------------------
 * Settings: Setting pages with item lists
 --------------------------------------*/
img.theme_boost_union-sortorderspacer {
  width: 1.25em;
}
/*---------------------------------------
 * Settings: Recommendation notifications.
 --------------------------------------*/
/* Make notifications in mform static form elements fully wide and set a smaller font size. */
.form-control-static[data-name$="_recommendation"] {
  font-size: 0.875em;
  width: 100%;
}
/*=======================================
 * Goodies for designers
 ======================================*/
/*---------------------------------------
 * Mark external and mailto links (manually)
 --------------------------------------*/
/* Prepare mixin for external links to allow these styles to be use here as goody and in the
   theme_boost_union_get_scss_to_mark_external_links() function as well. */
/* Prepare mixin for mailto links to allow these styles to be use here as goody and in the
   theme_boost_union_get_scss_to_mark_mailto_links() function as well. */
/* Provide the styles within a class which can be added to links. */
body.dir-ltr a.externallink::after {
  font-family: "Font Awesome 6 Free";
  content: "" !important;
  /* stylelint-disable-line declaration-no-important */
  font-weight: 900;
  padding-left: 0.25rem;
}
body.dir-ltr a.mailtolink::before {
  font-family: "Font Awesome 6 Free";
  content: "" !important;
  /* stylelint-disable-line declaration-no-important */
  font-weight: 400;
  padding-right: 0.25rem;
}
body.dir-rtl a.externallink::before {
  font-family: "Font Awesome 6 Free";
  content: "" !important;
  /* stylelint-disable-line declaration-no-important */
  font-weight: 900;
  padding-right: 0.25rem;
}
body.dir-rtl a.mailtolink::after {
  font-family: "Font Awesome 6 Free";
  content: "" !important;
  /* stylelint-disable-line declaration-no-important */
  font-weight: 400;
  padding-left: 0.25rem;
}
/*=======================================
 * Supporting third-party plugins
 ======================================*/
/*---------------------------------------
 * Learning Tools
 --------------------------------------*/
/* On smaller screens. */
@media (max-width: 767.98px) {
  /* Move the learning tools floating button up as soon as the bottom menu is shown. */
  body.theme-boost-union-bottombar .learningtools-action-info .floating-button {
    bottom: 4rem;
  }
}
/*---------------------------------------
 * Dash Pro
 --------------------------------------*/
/* Style Dash Pro dashboards. */
.path-local-dash-dashboard #page.drawers {
  /* Use flex if one of the block regions next to the main content is used. */
  /* Remove the margin of a Dash block when used in the outside top region in hero width mode. */
  /* The page header makes alignment nearly impossible,
       so let's hide it when block regions next to main content are used. */
  /* Remove the spacing which was there for the header which we have hidden in the previous rule. */
  /* 25-50-25 layout. */
  /* 33-67 or 67-33 layout. */
  /* On not-so-large screens. */
}
.path-local-dash-dashboard #page.drawers .main-inner-outside-nextmaincontent {
  display: flex;
}
.path-local-dash-dashboard #page.drawers #theme-block-region-outside-top.theme-block-region-outside-herowidth .block_dash, .path-local-dash-dashboard #page.drawers #theme-block-region-outside-bottom.theme-block-region-outside-herowidth .block_dash, .path-local-dash-dashboard #page.drawers #theme-block-region-footer.theme-block-region-footer-herowidth .block_dash {
  margin: 0;
}
.path-local-dash-dashboard #page.drawers .main-inner-outside-nextmaincontent #page-header {
  display: none;
}
.path-local-dash-dashboard #page.drawers .main-inner-outside-nextmaincontent .main-inner, .path-local-dash-dashboard #page.drawers .main-inner-outside-nextmaincontent .theme-boost-union-header-main-inner {
  margin: 0;
  padding: 0;
}
.path-local-dash-dashboard #page.drawers .main-inner-outside-left-right > .main-inner, .path-local-dash-dashboard #page.drawers .main-inner-outside-left-right > .theme-boost-union-header-main-inner {
  width: 50%;
  max-width: 50%;
}
.path-local-dash-dashboard #page.drawers .main-inner-outside-left-right > section {
  width: 25%;
  max-width: 25%;
  margin-top: calc(0.5rem + 1px);
}
.path-local-dash-dashboard #page.drawers .main-inner-outside-right > .main-inner, .path-local-dash-dashboard #page.drawers .main-inner-outside-right > .theme-boost-union-header-main-inner, .path-local-dash-dashboard #page.drawers .main-inner-outside-left > .main-inner, .path-local-dash-dashboard #page.drawers .main-inner-outside-left > .theme-boost-union-header-main-inner {
  width: 67%;
  max-width: 67%;
}
.path-local-dash-dashboard #page.drawers .main-inner-outside-left > section, .path-local-dash-dashboard #page.drawers .main-inner-outside-right > section {
  width: 33%;
  max-width: 33%;
  margin-top: calc(0.5rem + 1px);
}
@media (max-width: 1199.98px) {
  .path-local-dash-dashboard #page.drawers {
    /* This means less than 300px per outside block region. */
    /* Stack content vertically. */
    /* Main content first, outside block regions later. */
  }
  .path-local-dash-dashboard #page.drawers .main-inner-outside-nextmaincontent {
    display: flex;
    flex-direction: column;
  }
  .path-local-dash-dashboard #page.drawers .main-inner-outside-nextmaincontent > .main-inner, .path-local-dash-dashboard #page.drawers .main-inner-outside-nextmaincontent > .theme-boost-union-header-main-inner {
    order: -2;
  }
  .path-local-dash-dashboard #page.drawers .main-inner-outside-nextmaincontent > section, .path-local-dash-dashboard #page.drawers .main-inner-outside-nextmaincontent > .main-inner, .path-local-dash-dashboard #page.drawers .main-inner-outside-nextmaincontent > .theme-boost-union-header-main-inner {
    width: 100%;
    max-width: 100%;
  }
}
body.notloggedin .btn-footer-popover {
  /** Extra SCSS from theme_boost_get_extra_scss **/
  /* Fragezeichen nur für nicht angemeldete Nutzer ausblenden */
  display: none !important;
}
@media (min-width: 768px) {
  body {
    background-image: url(//t-nb.de/pluginfile.php/1/theme_boost_union/backgroundimage/1792421257/Design%20ohne%20Titel%20%283%29.jpg);
    background-size: cover;
  }
}
body.pagelayout-login #page {
  background-image: url(//t-nb.de/pluginfile.php/1/theme_boost_union/loginbackgroundimage/1792421257/pexels-shox-37528628.jpg);
  background-size: cover;
}
/** Extra SCSS from theme_boost_union_get_extra_scss **/
body.pagelayout-login #page {
  background-image: none !important;
  background-color: transparent !important;
}
body.pagelayout-login {
  background-size: cover;
}
body.pagelayout-login.loginbackgroundimage1 {
  background-image: url(https://t-nb.de/pluginfile.php/1/theme_boost_union/loginbackgroundimage/0/pexels-shox-37528628.jpg)}body.pagelayout-login{background-position:center center}body{background-position:center center;background-repeat:no-repeat;background-attachment:fixed}.navbar.bg-primary{--bu-navbar-bg:#D1D5DB;background-color:var(--bu-navbar-bg)!important}