.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^=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-calculated div[id^=fgroup_id_][id*=answeroptions_] .fgrouplabel label,body#page-question-type-calculatedmulti div[id^=fgroup_id_][id*=answeroptions_] .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*=answeroptions_] label[for^='id_answer_'],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^=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}.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}.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 rgba(255,255,150,1);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 .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 .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:#d8bfd8;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}.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:yellow;border:2px solid khaki;position:absolute;white-space:nowrap}.que.ddmarker span.wrongpart{background-color:yellow;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:#d8bfd8}.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}body#page-question-type-ddmarker .ddarea.que.ddmarker{overflow-y:scroll}.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:transparent;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 rgba(255,255,150,1)}.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:#d8bfd8;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.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}.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}.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.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}.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 .gradingoptionsform [type=submit]{display:none}.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 .gradingtable .c0{display:none}.path-mod-assign.jsenabled .gradingtable .c0{display:table-cell}.path-mod-assign .gradingbatchoperationsform{display:none}.path-mod-assign.jsenabled .gradingbatchoperationsform{display:block}.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{display:block;cursor:pointer;margin-bottom:7px}.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{padding:0 5px 0 20px;background:url(/theme/image.php/alpha/core/1668532694/t/expanded) 2px center no-repeat}.path-mod-assign.jsenabled .mod-assign-history-link-closed{padding:0 5px 0 20px;background:url(/theme/image.php/alpha/core/1668532694/t/collapsed) 2px center no-repeat}.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 .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 rgba(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:transparent;border-top:none}.path-mod-assign [data-region="configure-filters"]::before{top:-7px;right:12px;border-width:7px;border-bottom-color:rgba(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:transparent}.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:transparent}.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:transparent}.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 rgba(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:transparent}.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:transparent;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 rgba(0,0,0,.3);border-radius:6px;box-shadow:0 3px 7px rgba(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}}.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}@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 rgba(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}.path-mod-book .navtop img.icon,.path-mod-book .navbottom img.icon{margin-right:4px;margin-left:4px;border:0;padding:0}.path-mod-book .navbottom,.path-mod-book .navtop{text-align:right}.path-mod-book .navtop{margin-bottom:.5em}.path-mod-book .navbottom{margin-top:.5em}.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}.navtop.navtext .chaptername,.navbottom.navtext .chaptername{font-weight:bolder}.navtop.navtext a,.navbottom.navtext a{display:inline-block;max-width:45%}.navtop.navtext a.bookprev,.navbottom.navtext a.bookprev{float:left;text-align:left}@media (max-width:480px){.path-mod-book .navbottom,.path-mod-book .navtop{text-align:center}.navtop.navtext a,.navbottom.navtext a{display:block;max-width:100%;margin:auto}.navtop.navtext a.bookprev,.navbottom.navtext a.bookprev{float:none}}.path-mod-chat .chat-event .picture,.path-mod-chat .chat-message .picture{width:40px}.path-mod-chat .chat-event .text{text-align:left}.path-mod-chat #messages-list,.path-mod-chat #users-list{list-style-type:none;padding:0;margin:0}.path-mod-chat #chat-header{overflow:hidden}.path-mod-chat #chat-input-area table.generaltable td.cell{padding:1px}@media all and (max-device-width:320px){.path-mod-chat #input-message{width:150px}}@media all and (min-device-width:321px) and (max-device-width:640px){.path-mod-chat #input-message{width:175px}}#page-mod-chat-view .chatcurrentusers .chatuserdetails{vertical-align:middle}#page-mod-chat-gui_basic #participants ul{margin:0;padding:0;list-style-type:none}#page-mod-chat-gui_basic #participants ul li{list-style-type:none;display:inline;margin-right:10px}#page-mod-chat-gui_basic #participants ul li .userinfo{display:inline}#page-mod-chat-gui_basic #messages{padding:0;margin:0}#page-mod-chat-gui_basic #messages dl{padding:0;margin:6px 0}#page-mod-chat-gui_basic #messages dt{margin-left:0;margin-right:5px;padding:0;display:inline}#page-mod-chat-gui_basic #messages dd{padding:0;margin:0}#page-mod-chat-gui_header_js-jsupdate .chat-event,#page-mod-chat-gui_header_js-jsupdate .chat-message{width:100%}.path-mod-chat .yui-layout-unit-top{background:#ffe39d}.path-mod-chat .yui-layout-unit-right{background:#fff}.path-mod-chat .yui-layout-unit-bottom{background:#fff}.path-mod-chat .yui-layout .yui-layout-hd{border:0}.path-mod-chat .yui-layout .yui-layout-unit div.yui-layout-bd{border:0;background:transparent}.path-mod-chat .yui-layout .yui-layout-unit div.yui-layout-unit-right{background:#fff}.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 .sortdefault select{margin-left:1em}.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}.mod-data-default-template.notapproved{background-color:#fcc}#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 .mod-data-input{margin-left:10px}#page-mod-data-edit .datatagcontrol{padding-left:10px}.path-mod-feedback span.feedback_info{font-weight:700}.path-mod-feedback div.feedback_is_dependent{background:#ddd}.path-mod-feedback span.feedback_depend{color:red}.path-mod-feedback hr.feedback_pagebreak{height:4px;color:#aaa;background-color:#aaa;border:0;margin:0}.path-mod-feedback .drag_target_active{opacity:.25}.path-mod-feedback .drag_item_active{opacity:.5}.path-mod-feedback .feedback_bar_image{height:10px}.path-mod-feedback #analysis-form label{display:inline}.path-mod-feedback .templateslist td.cell.action,.path-mod-feedback .templateslist th.header.action{width:10%}.path-mod-feedback .feedback_form .itemactions{display:inline-block;margin:0 .5em}.path-mod-feedback table.analysis{width:100%;border-top:1px solid #aaa;margin-top:10px}.path-mod-feedback table.analysis tr:first-child th{padding-top:10px}.path-mod-feedback table.analysis tr:hover{background:#f5f5f5}.path-mod-feedback table.analysis td.singlevalue:before,.path-mod-feedback table.analysis td.optionname:before{content:'- '}.path-mod-feedback table.analysis.itemtype_textarea td{padding:4px 0}.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:700}.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:.5em 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:before{content:''}.path-mod-feedback .response_navigation .next_response:after{content:''}.path-mod-feedback .response_navigation .next_response{text-align:right}.path-mod-feedback .response_navigation .prev_response{text-align:left}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,#page-mod-forum-subscribers .subscribertable{width:100%;vertical-align:top}#page-mod-forum-subscribers .subscribertable tr td{vertical-align:top}#page-mod-forum-subscribers .subscribertable tr td.actions{width:16%;padding-top:3em}#page-mod-forum-subscribers .subscribertable tr td.actions .actionbutton{margin:.3em 0;padding:.5em 0;width:100%}#page-mod-forum-subscribers .subscribertable tr td.existing,#page-mod-forum-subscribers .subscribertable tr td.potential{width:42%}#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 .row.header,.path-course-view .unread,span.unread{background-color:#ffd}.forumpost.unread .row.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/alpha/mod_forum/1668532694/t/subscribed) no-repeat -9999px -9999px}.path-mod-forum .preload-unsubscribe{background:url(/theme/image.php/alpha/mod_forum/1668532694/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:rgba(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-view table.glossarycategoryheader,#page-mod-glossary-import table.glossaryimportexport{margin-left:auto;margin-right:auto}#page-mod-glossary-view table.glossarycategoryheader{margin-bottom:0}#page-mod-glossary-view table.glossarycategoryheader th{padding:0}#page-mod-glossary-view td.glossarysearchbox label{display:inline-block}#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/alpha/core/1668532694/t/print) no-repeat scroll 2px center transparent;padding-left:20px}#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}.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}#page-mod-lti-instructor_edit_tool_type .mform .fitem .fitemtitle{min-width:18em;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 rgba(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:rgba(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:rgb(255,255,255)}.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 transparent;padding:.25em;position:relative;z-index:1;overflow:auto}.tool-card [contenteditable=true]:hover{border-radius:4px;box-shadow:inset 0 1px 1px rgba(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 rgba(0,0,0,.075),0 0 8px rgba(82,168,236,.6);background-color:#fff;border:1px solid rgba(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}#contentframe{border:1px solid #ddd;border-radius:4px}.path-mod-quiz .statedetails{display:block;font-size:.7em}#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 .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%}.generalbox#passwordbox{width:70%;margin-left:auto;margin-right:auto}#passwordform{margin:1em 0}#quiznojswarning{color:red}#quiznojswarning{font-size:.7em;line-height:1.1}.jsenabled #quiznojswarning{display:none}.path-mod-quiz #user-picture{margin:.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:.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:.3em .3em .3em 0;padding:0;border:1px solid #bbb;background:#ddd;text-align:center;line-height:1.5em;font-weight:700;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/alpha/quiz/1668532694/navflagged) no-repeat top right}.path-mod-quiz .qnbutton.blocked,.path-mod-quiz .qnbutton.notyetanswered,.path-mod-quiz .qnbutton.requiresgrading,.path-mod-quiz .qnbutton.invalidanswer{background-color:#fff}.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:.5em 0}.path-mod-quiz .othernav a,.path-mod-quiz .othernav input{display:block;margin:.5em 0}#mod_quiz_navblock.nav-disabled>*{opacity:.65;pointer-events:none;cursor:not-allowed}#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:700;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:.4em}#page-mod-quiz-view .quizinfo,#page-mod-quiz-view #page .quizgradefeedback{text-align:center}#page-mod-quiz-view #page .quizattemptsummary td p{margin-top:0}#page-mod-quiz-view table.quizattemptsummary tr.bestrow td{border-color:#bce8f1;background-color:#d9edf7}table.quizattemptsummary .noreviewmessage{color:gray}#page-mod-quiz-view .generaltable.quizattemptsummary{margin-left:auto;margin-right:auto}#page-mod-quiz-view .generalbox#feedback{width:70%;margin-left:auto;margin-right:auto;padding-bottom:15px}#page-mod-quiz-view .generalbox#feedback h2{margin:0}#page-mod-quiz-view .generalbox#feedback h3{text-align:left}#page-mod-quiz-view .generalbox#feedback .overriddennotice{text-align:center;font-size:.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}.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{border-color:#bce8f1;background-color:#d9edf7}.quizattemptcounts{clear:left;text-align:center;display:inline;margin-left:20%}#page-mod-quiz-view .quizattemptcounts{display:block;margin-left:0;margin-right:0}#page-mod-quiz-summary #content{text-align:center}#page-mod-quiz-summary .questionflag{vertical-align:text-bottom}#page-mod-quiz-summary #quiz-timer{text-align:center;margin-top:1em}#page-mod-quiz-summary .submitbtns{margin-top:1.5em}#page-mod-quiz-edit .section .activity .actions .version-selection{width:8em;padding:0}@media print{.quiz-secure-window *{display:none}}table.quizreviewsummary{width:100%}table.quizreviewsummary th.cell{padding:1px .5em 1px 1em;font-weight:700;text-align:right;width:10em;background:#f0f0f0}table.quizreviewsummary td.cell{padding:1px 1em 1px .5em;text-align:left;background:#fafafa}#page-mod-quiz-comment .mform{width:100%}#page-mod-quiz-comment .mform fieldset{margin:0}#page-mod-quiz-comment .que{margin:0}#page-mod-quiz-report h2.main{clear:both}#page-mod-quiz-report div#commands,#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 .toggleincludeauto{text-align:center}#page-mod-quiz-report .gradetheselink{font-size:.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:700}#page-mod-quiz-report table .numcol{text-align:center;vertical-align:middle}#page-mod-quiz-report table#attempts{clear:both;width:80%;margin:.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:.2em}#page-mod-quiz-report #cachingnotice .singlebutton{margin:.5em 0 0}#page-mod-quiz-report .bold .reviewlink{font-weight:400}#page-mod-quiz-report tr.lastrowforattempt{border-bottom:lightgrey solid .2em}#page-mod-quiz-report tr.quiz_statistics-summaryrow td.cell{padding-top:1px;padding-bottom:1px;border-top:none}#page-mod-quiz-edit .statusdisplay{background-color:#ffc;clear:both;margin:.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}@media (max-width:576px){#page-mod-quiz-edit .maxgrade{margin-bottom:.6em}#page-mod-quiz-edit .maxgrade .form-control{display:inline-block;vertical-align:middle}}#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{background-color:#d3d3d3;text-align:center;margin:.1em .5em;min-width:2em;display:inline-block}#page-mod-quiz-edit .section-heading{margin-left:20px;margin-bottom:0;height:40px}#page-mod-quiz-edit .section-heading .instancesectioncontainer{font-size:24px;display:inline}#page-mod-quiz-edit .section-heading .instancesectioncontainer h3{display:inline;color:#999}#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:700;width:50%}#page-mod-quiz-edit .section-heading .instanceshufflequestions{float:right;margin:.3em 20px 0 0}.instanceshufflequestions [type="checkbox"]{vertical-align:middle;margin-right:.5rem}#page-mod-quiz-edit ul.section{margin:0;padding:0 20px}#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:.2em;position:relative}#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:400;font-size:1em}#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer{background:#fff;padding:.2em;margin:.4em}#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:-20px;bottom:-11px}#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:0;right:0}#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 .question_dependency_wrapper .currentlink,#page-mod-quiz-edit ul.slots li.section li.activity .question_dependency_wrapper .cm-edit-action{position:relative;left:20px;top:-1em}#page-mod-quiz-edit ul.slots li.section li.activity .activityinstance{display:flex;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;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:inline-block;height:20px}#page-mod-quiz-edit ul.slots .activityinstance span.instancename img{margin:0 .2em}#page-mod-quiz-edit #categoryquestions .questionname,#page-mod-quiz-edit ul.slots li.activity div.activityinstance .questionname{font-weight:700;color:#555;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#page-mod-quiz-edit ul.slots li.activity div.activityinstance .questiontext{color:#555}#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:.8em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-left:.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:.1em 0}#page-mod-quiz-edit .mod_quiz_edit_forms{display:none}#categoryquestions .header{text-align:center;padding:0 2px;border:0 none;vertical-align:top}#categoryquestions .header.checkbox{vertical-align:bottom}#categoryquestions .header.qtype{white-space:nowrap}#categoryquestions th .sorters{font-weight:400;font-size:.8em}#categoryquestions td.modifiername,#categoryquestions td.creatorname{line-height:1em}#categoryquestions td.modifiername span.date,#categoryquestions td.creatorname span.date{font-weight:400;font-size:.8em}table#categoryquestions{width:100%;table-layout:fixed;overflow-x:visible}#categoryquestions .iconcol{width:15px;text-align:center;padding:0}#categoryquestions .checkbox{width:19px;text-align:center;padding:0}#categoryquestions .editmenu{width:5em}#categoryquestions .qtype{text-align:center}#categoryquestions .qtype{width:28px;padding:0}#categoryquestions .questiontext{position:relative;zoom:1;padding-left:.3em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#categoryquestions .questionname{white-space:nowrap;overflow:hidden;zoom:1;position:relative}#categoryquestions .questiontext p{margin:0}#page-mod-quiz-edit table#categoryquestions td,#page-mod-quiz-edit table#categoryquestions th{overflow:hidden;white-space:nowrap}.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:.5;padding-top:50px}.mod_quiz_qbank_dialogue #advancedsearch label{font-size:100%}.quizquestionlistcontrols{text-align:center}.categoryinfo{padding:.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:.1em .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:700}#page-mod-quiz-edit .questionsortoptions{background-color:#ddd}#page-mod-quiz-edit div.questionbank .categorysortopotionscontainer{padding-top:.5em;margin-top:.3em}#page-mod-quiz-edit div.questionbank .categoryquestionscontainer,.questionbank .categorysortopotionscontainer,.questionbank .categorypagingbarcontainer,.questionbank .categoryselectallcontainer{background-color:#fff}#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}#page-mod-quiz-edit ul.slots li.section ul.section{list-style:none}@media (max-width:576px){#page-mod-quiz-edit ul.slots li.section li.activity{padding-top:30px}#page-mod-quiz-edit ul.slots li.section li.activity .activityinstance{top:-30px;left:0;padding-right:0;overflow:hidden;align-items:center;position:absolute;width:100%}}@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}}.path-mod-resource .resourcecontent{text-align:center}.path-mod-resource .resourcedetails{font-size:.8em;color:#555}.resourcelinkdetails{font-size:.8em;color:#555}.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:.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:700}#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:.5em;margin-left:.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 #scormmode{float:left;border: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;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:-.43em}#scorm_layout{margin-bottom:50px}#page-mod-scorm-player .opera-only :-o-prefocus,#page-mod-scorm-player #scormpage div.yui3-g-r img{max-width:100%}.path-mod-survey .smalltext{font-size:.75em}.path-mod-survey .surveytable .rblock label{display:block}.path-mod-survey .surveytable .foundthat,.path-mod-survey .surveytable .preferthat{white-space:nowrap}.path-mod-survey .surveytable .buttoncell{width:5%}.path-mod-survey .surveytable .optioncell,.path-mod-survey .surveytable .questioncell{width:50%;vertical-align:top}.path-mod-survey .surveytable .whitecell{background-color:#fff}.path-mod-survey #surveyform th{font-weight:400;text-align:left}.path-mod-survey #surveyform th.hresponse{text-align:center;width:9%}#page-mod-survey-report .fullnamecell{width:10%;vertical-align:top;white-space:nowrap}.path-mod-url .resourcecontent{text-align:center}/**
 * 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;
}
.tradingview-widget-container{
    position: absolute;
}
.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: 700;
    font-size: 0.9em;
    margin-left: 16px;
}
.wiki-tags {
    text-align: right;
}
.wiki_modifieduser p {
    line-height: 35px;
}
.wiki_modifieduser img {
    border: thin solid #000;
}
.wiki_restoreform,
.wiki_deletecommentform {
    width: 10%;
    margin: auto;
}
.wiki_versionuser {
    float: left;
}
.wiki_diffuserleft,
.wiki_diffuserright {
    font-weight: 400;
    padding-top: 1%;
}
.wiki_diffuserleft {
    float: right;
}
.wiki_diffuserright {
    float: left;
}
.wiki_compareheading {
    font-weight: 400;
}
.wiki_restore,
.wiki_diffview,
.wiki_difftime,
.wiki_headingtime {
    font-size: 0.8em;
    font-weight: 400;
}
.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;
}
#wiki_printable_content {
    text-align: left;
}
#wiki_printable_content a {
    color: #000;
}
#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/alpha/core/1668532694/t/print) no-repeat scroll 2px center transparent;
    padding-left: 20px;
}
#page-mod-wiki-prettyview .displayprinticon {
    text-align: right;
}
.path-mod-workshop .collapsibleregion {
    margin-bottom: 0.75em;
}
.path-mod-workshop .collapsibleregioncaption {
    font-weight: 700;
    font-size: 120%;
}
.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;
}
.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;
}
.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;
}
.path-mod-workshop .submission-summary.example .title,
.path-mod-workshop .submission-summary.example .userdate {
    margin: 0 0 0 0;
}
.path-mod-workshop .submission-full.example .header {
    min-height: 0;
}
.path-mod-workshop .submission-full.example .header .title {
    margin: 0 0 0 0;
}
.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;
}
.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: #000;
    background-color: #ddd;
}
.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: #999;
    border-bottom: 1px solid #ddd;
    padding: 3px;
}
.path-mod-workshop .userplan dt.active {
    vertical-align: top;
    color: #000;
    border: 1px solid #ddd;
    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 #ddd;
    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: #999;
}
.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: #000;
}
.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/alpha/mod_workshop/1668532694/userplan/task-todo);
    background-position: top left;
    background-repeat: no-repeat;
    list-style-type: none;
    min-height: 16px;
    margin: 0.3em 0;
}
.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/alpha/mod_workshop/1668532694/userplan/task-done);
}
.path-mod-workshop .userplan dd.phasetasks li.fail {
    background-image: url(/theme/image.php/alpha/mod_workshop/1668532694/userplan/task-fail);
}
.path-mod-workshop .userplan dd.phasetasks li.info {
    background-image: url(/theme/image.php/alpha/mod_workshop/1668532694/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;
}
.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: 700;
}
.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;
}
.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;
}
.path-mod-workshop .assessmentform .description {
    margin: 0 1em;
}
.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: 700;
    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: 700;
}
.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: 700;
}
.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;
}
.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;
}
.path-mod-workshop #workshop-viewlet-yourgrades .finalgrades .grade .gradevalue {
    font-weight: 700;
    font-size: x-large;
    margin: 10px;
}
#mod-workshop-editform fieldset.fgroup * {
    vertical-align: top;
}
.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;
}
.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: 1em;
}
.path-mod-workshop .nothingfound {
    font-size: 150%;
    color: #ff4500;
}
.path-mod-workshop .workshop-risk-dataloss {
    vertical-align: text-bottom;
}
#registration-tab-content .input-group-append button.btn {
    border: solid 1px #8f959e;
}
form#auto_submit {
    display: none;
}
#registration-tab-content .input-group-append button.btn span.pix {
    padding-left: 0.5rem;
}
.block_accessreview_success,
.block_accessreview.block_accessreview_success.hasinfo {
    color: #1e451e;
    background: #d7e6d7;
    border-color: #c8ddc8;
}
.block_accessreview_danger,
.block_accessreview.block_accessreview_danger.hasinfo {
    color: #6e211e;
    background: #f6d9d8;
    border-color: #f3c9c8;
}
.block_accessreview_warning,
.block_accessreview.block_accessreview_warning.hasinfo {
    color: #7d5a29;
    background: #fcefdc;
    border-color: #fbe8cd;
}
.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;
}
.block_blog_tags .s20 {
    font-size: 1.5em;
    font-weight: 700;
}
.block_blog_tags .s19 {
    font-size: 1.5em;
}
.block_blog_tags .s18 {
    font-size: 1.4em;
    font-weight: 700;
}
.block_blog_tags .s17 {
    font-size: 1.4em;
}
.block_blog_tags .s16 {
    font-size: 1.3em;
    font-weight: 700;
}
.block_blog_tags .s15 {
    font-size: 1.3em;
}
.block_blog_tags .s14 {
    font-size: 1.2em;
    font-weight: 700;
}
.block_blog_tags .s13 {
    font-size: 1.2em;
}
.block_blog_tags .s12,
.block_blog_tags .s11 {
    font-size: 1.1em;
    font-weight: 700;
}
.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: 700;
}
.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: 700;
}
.block_blog_tags .s2,
.block_blog_tags .s1 {
    font-size: 0.9em;
}
.block_course_list .footer {
    margin-top: 5px;
}
.block_course_list .content li {
    margin-bottom: 0.3em;
}
.block_course_summary .content {
    padding: 10px;
}
.block_course_summary .editbutton {
    text-align: right;
}
.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_myoverview button#groupingdropdown + .dropdown-menu li:first-of-type.dropdown-divider:first-of-type {
    display: none;
}
.block_myprofile img.profilepicture {
    height: 50px;
    width: 50px;
}
.block_myprofile .myprofileitem.fullname {
    font-size: 1.5em;
    font-weight: 700;
    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: 700;
}
.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: 700;
}
.block_navigation .block_tree [aria-expanded="true"] {
    background-image: url(/theme/image.php/alpha/core/1668532694/t/expanded);
}
.block_navigation .block_tree [aria-expanded="false"] {
    background-image: url(/theme/image.php/alpha/core/1668532694/t/collapsed);
}
.block_navigation .block_tree [aria-expanded="true"].emptybranch {
    background-image: url(/theme/image.php/alpha/core/1668532694/t/collapsed_empty);
}
.block_navigation .block_tree [aria-expanded="false"] p.loading {
    background-image: url(/theme/image.php/alpha/core/1668532694/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;
}
.block_private_files .content table {
    table-layout: fixed;
    width: 100%;
}
.block_private_files .content .footer {
    padding: 10px 0 0;
    margin-top: 0.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::before {
    content: url(/theme/image.php/alpha/core/1668532694/t/collapsed);
    vertical-align: sub;
    margin-right: 5px;
}
.block_private_files [role="treeitem"][aria-expanded="true"] > p::before {
    content: url(/theme/image.php/alpha/core/1668532694/t/expanded);
    vertical-align: sub;
    margin-right: 5px;
}
.block_private_files [role="treeitem"]:not([aria-expanded]) {
    background-image: repeating-linear-gradient(to right, 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),
        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;
    background-position: left 10px top 50%, left 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%;
    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;
}
.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: 700;
}
.block_settings .block_tree [aria-expanded="true"] {
    background-image: url(/theme/image.php/alpha/core/1668532694/t/expanded);
}
.block_settings .block_tree [aria-expanded="false"] {
    background-image: url(/theme/image.php/alpha/core/1668532694/t/collapsed);
}
.block_settings .block_tree [aria-expanded="true"].emptybranch {
    background-image: url(/theme/image.php/alpha/core/1668532694/t/collapsed_empty);
}
.block_settings .block_tree [aria-expanded="false"] p.loading {
    background-image: url(/theme/image.php/alpha/core/1668532694/i/loading_small);
}
.block_settings .block_tree [aria-hidden="false"] {
    display: block;
}
.block_settings .block_tree [aria-hidden="true"]:not(.icon) {
    display: none;
}
.block_site_main_menu li {
    clear: both;
}
.block_site_main_menu.block .content > .unlist > li > .column {
    width: 100%;
    display: table;
    margin-bottom: 0.5rem;
}
.block_site_main_menu li .buttons a img {
    vertical-align: text-bottom;
}
.block_site_main_menu .footer {
    margin-top: 1em;
}
.block_site_main_menu .section_add_menus noscript div {
    display: inline;
}
.block_site_main_menu .instancename {
    word-break: break-all;
}
.block_social_activities li {
    clear: both;
}
.block_social_activities li .column {
    width: 100%;
}
.block_social_activities li .buttons a img {
    vertical-align: text-bottom;
}
.block_social_activities .instancename {
    word-break: break-all;
}
.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;
    }
}
@charset "UTF-8";
.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,d09GRgABAAAAABDkAAsAAAAAG6gAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3hY21hcAAAAYQAAADaAAADPv749/pnbHlmAAACYAAAC3AAABHQZg6OcWhlYWQAAA3QAAAAKwAAADYZw251aGhlYQAADfwAAAAdAAAAJA+RCLFobXR4AAAOHAAAABMAAACM744AAGxvY2EAAA4wAAAASAAAAEhF6kqubWF4cAAADngAAAAfAAAAIAE0AIFuYW1lAAAOmAAAASUAAAIK1cf1oHBvc3QAAA/AAAABJAAAAdPExYuNeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGS7wTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGJHcRdyA4RZgQRADK3CxEAAHic7dFZbsMgAEXRS0ycyZnnOeG7y+qC8pU1dHusIOXxuoxaOlwZYWQB0Aea4quIEN4E9LzKbKjzDeM6H/mua6Lmc/p8yhg0lvdYx15ZG8uOLQOGjMp3EzqmzJizYMmKNRu27Nhz4MiJMxeu3Ljz4Ekqm7T8P52G8PP3lnTOVk++Z6iN6QZzNN1F7ptuN7eGOjDUoaGODHVsuvU8MdTO9Hd5aqgzQ50b6sJQl4a6MtS1oW4MdWuoO0PdG+rBUI+GejLUs6FeDPVqqDdDvRvqw1CfhpqM9At0iFLaAAB4nJ1YDXBTVRZ+5/22TUlJ8we0pHlJm7RJf5O8F2j6EymlSPkpxaL8U2xpa3DKj0CBhc2IW4eWKSokIoLsuMqssM64f+jA4HSdWXXXscBq67IOs3FXZ1ZYWVyRFdo899yXtIBQZ90k7717zz3v3HPPOfd854YCCj9cL9dL0RQFOqCbGJnrHb5EayiKIWN8iA/hWBblo6hUWm8TtCDwE80WMJus/irwyxOdxeB0MDb14VNJHnXYoLLSl6FfCUYO9nYPTA8Epg9090LprfbBbZ2hY0UlJUXHQp3/vtWkS6EBv8+rPMq5u9692f/dNxJNiqwC1xPE9TCUgCsSdQWgE3XQD25lkG4CN2xmTcOXWBOyser6RN6KnGbKSbmQ3+d0OI1m2W8QzLLkI2sykrWAgJJEtA8vGGW/2Q+CmT3n8zS9wZwu2DCvtuZKZN3xkrLh36yCZuUomQSqGpY8t/25VfHVhw8z4ebGBtfLb0ya9PCaDc+8dGTvk2dsh6z7WzvowlXKUSWo9MJ15a3KrEP2loOr2Ojhw6iW6hf2BDdEccQvZGpaAy7YovSwq8kr7HGllxpd71rkS6G0Sf11sl9OvMK1+jwPPODxjUwkOim9CU3ix1wNjXDfmJSEn618Bs6lpWwUpU+8PCqLMY650zjq8VhCIP17NEKTx3eaLL+s5Pi6yJWaWjTHLR1jYzPSV9VF/6Ojdb/1kO3Mk3uhHC0x6gc1BjlKQ+nQFxTYdaJkZ7ySVxLBbhR1dsboNXp1tCYKW2LRaEzpYcIx2BKNxaL0ZaUnSqfFoiNhHKR/GkX6PWUSAaJelQaqZL1EpoHNsajSEyPSoJ9IjhIxTdjHLmwZvhRDOiFTY/YeQnvrVZmiTQtGncECXtFTBZLOVwwMRgoXHAkXzMzPn1nAJJ8jYSbMDaqN2waGLzNhih/bZynUBMpIWSg7VYi7DRx2m8ALkIdRCJwI6ArJx2EI8kaDWeTQKeAFk9fjl/1AvwktjQ1P7NjyMGQyfd4vjipX6M/i52D7Cq80kqlcxEcGXRr/FEcgs0u5uGgB4VWuMFfpdn2Re6Hi3PqzmxWKsz6+ae2Pn9hXXw/fqM859UiGC0oKYYILJBqJrsn1Z1E5qOs9rQCiUQRREjm8yJcbHF5cUJufX1vAHlefw0XgUoboS3ETfQlTxBC4SOtuE8VPRJTBSCQSjZCpk7Gqzu+masaZ2y7Zjehho4F3g82BNDkAHpORG4+OCS+f6JTPmtRn/PH1kch6d04sp7AQb25aQ/pqUyXeQ8vrebG8OYQdXOQ+585u0sdW9rqalzRURiJ+9F4MweRFrKUjl1GUYhH1A27WOHw5cTFSFPMo9EeUIGnQTZHIaJ7AHLaOKsOODaNF9jkBjYG2QEsQ2xjMUAx2bBEbeTBWMHwskBjngq56S/yfgkBnWBa4K9sqKtq2t1UI8S9He5XuBRbawAdatrQEAi30Aks2+LM8WeCbalVZkWNylvJ+dqJnzVb+OHlSoKW8nPCP7Rd+CcZ2DdWAGqJ2CBFOphgywFFCFBNtfAbGtNPBCwxvygHeYMZMY9ZboBqwq/pVrsbgN5tkv152ODlbMfiqwGMBgxa4Exz3QhovRIUp6acqZmQzRq0ypDXS2TPLT02YIkQETnOE445oOGxOmXAqUJNNG7XgupMjPq2ua9asrj5yY/yuKteO1Kx0YNJTufrirLe1mZnat7OL6rnUdCWenpW6I8mAnbsY8KWs1PuSovCW9A/Z25PQ24a7cNOqgmTkLmBMgh4THgc4b9k2IVv1/g/F5nGljwPLfOgHAzJzh45V/4+WenTzmMtR5Z7us2Tys909UHqrPY7KbckoxRvRHhmVc3cJGE97uml0R1S0jdULVl7EvZtDFVBF35N9cEdjpgmAiOlFZ+Dtoh93+D3zzHr8RRNZQhnCNMNbcegOvpEwZoL+06cJQ07h+th3fZ/7PVbVC6ngTAV/KoLFuO6+2KFcU651gEb5ugPSIb1D+Xp8V4+k3sEIGnw5mYe4If4k1lFYr6SCzmM2EQ8iWtmwjnBI9kTwe1TlfAmXh7H02by9fW2gsjKwtv0aaURKil4OdV7rDL1MXIFNrhdxohcZXYTnq47WisrKitaObbf5+yvkLi5J6lCNZZ+B6GC38VNBZBDidSS/+mSvh6s+srgC8pyKMvDtt+de3c9fU76ZPfuM8ud4Kv0fyP/LqfepMT/3oZxSqpZaTa1DaQYLY8TFsHYbWYsPoRhRWfL5eSSQbhUGgGC3YLbVMk6PitTFNGpAsNrC6D1VNBKgBHMejaiuRWEWGgsSDBTJjqWIl8kJLlsaLJ2tXDr6xGfT85bM2Q06a46x2HTgvdnV8z5YDy/27J4zt6x2VtkzjoYpkq36kaBr4eQSg7tyiVweWubXZugtadl58ydapfbORfKsDTuZ0OBgx4cfdjCf5tbWNITnL120fdOi1RV1C3uKGzNdwYLcMvZ3BxoPyTOCD1XvXTp7U10gWCVmTV9b3r2z0SkGWovb2hp9I89O8a2smlyaO8muMU+dRmtzp60IzAoFpjLr1n388boLyf0dRvxhsHZ0qbWqDkwqvvpkj4l0fY6EIXRi5sQSrAvsVYwXRy4qJ2EVtD1AN7a0HWth9ymvL1xc3WTUKK/TAHA/bXDVtVWfOMfuGxGZv4Ln/jVr9jc3j1yMv0tndmyt9Vq88Y9gH1wtLX3KWjot5++jWHgAoZZkQ14wGQ20Fli71UmKJAy4xKMSTGbVdybW7FDDAut9XpD5AzWrYO7zQ8qffqF8+Ynd/clrHcdyxGy3a/3+mfNnzC/cBsveTjnTvXf1o6vzOlZw7WtqtdmPK/Errz/6NNtD72zmNOZfbmYdTGHfoofqI79Oc+R2n1lrnL6pOm0Up7kwxhTW12Amm7WYkXR2qYrF2AmgmbAsxZjwy1xpg/m1Je2vrp8v/nz2xpmlBg4E9hrMU341wVpTOh/OfmGvAnra8q6uctr60ZQHV3Q+WMQJykMj8ZsWn2QBOmmHMB+m5pDIpTFonYigiaKAhGEiAHF7EliVnQkjoLVIMPtJpBKHYd3A8GYH9jJzrWwmHx5Qjp7vDAX0suGRym1vtm/9W1/HyR8vczfMs6Sk8DSv855/5dlX9oQq52hT8syyp2rx5Id17IAyAM3wIjQPMOHzytEB64q6D5zT91yNbnx3V/nqnd017S9Y0605k3izoXLpsxde2n38yoOV9s1LcjwzNjbdX6asnBVaBj/6/DwKwPkpcqbDG7BnsXoSqWnUAmottYF6jMSdVyYZh3zVXCjwTiwwHH6sGuRiEHQGzuRX6whZkp123oy1BWE2mEfJ/tvIRtM4ZM5bDXiMsPMaAKOTyc5uL57rqyyc5y5JE5pm1i2S2iUX0CcaQ6lC6Zog7JqSqZmYlosl2K6pwNA84zRnQW6SaALYZQGW5lhCtU/W34N6o+bKfZ8cf3/Cl/+iTX3wBzpOY4mRkeNf3rptycGSshQWgGbYt5jFc2e0+DglIrwl6DVWQ7BuwaJ3Xk1J4VL5urnLl/Wf+gHU/hZoZdKNym6lG+I34FaNeZKcSpJIo2IeCVvpdsDGfKvzJnAwmeD37Ow65ZWwSowpgwX5T69s/rB55dP5BcpgDKFV8p7q2sn/1uc93bVzT/w6UrCqDTWvfCq/oCD/qZXNoUj8BL5Kp6GU017frfNXkAtiiyf/SOCEeLqnd8R/Ql9GlCRfctS6k5chvIBuQ1zCCjoCHL2DHNHIXxMJ3kQeO8lbsUXONeSfA5EjcG6/E+KdhN4bP04vBhdi883+BFBzQbxFbvZzQeY9LNBZc0FNfn5NwfDn6rCTnTw6R8o+gfpf5hCom33cRuiTlss3KHmZjD+BPN+5gXuA2ziS/Q73mLxUkpbKN/eqwz5uK0X9F3h2d1V4nGNgZGBgAOJd776+iue3+crAzc4AAje5Bfcg0xz9YHEOBiYQBQA8FQlFAHicY2BkYGBnAAGOPgaG//85+hkYGVCBMgBGGwNYAAAAeJxjYGBgYB8EmKOPgQEAQ04BfgAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhAi2COh4nGNgZGBgUGYoZWBnAAEmIOYCQgaG/2A+AwAYCQG2AHicXZBNaoNAGIZfE5PQCKFQ2lUps2oXBfOzzAESyDKBQJdGR2NQR3QSSE/QE/QEPUUPUHqsvsrXjTMw83zPvPMNCuAWP3DQDAejdm1GjzwS7pMmwi75XngAD4/CQ/oX4TFe4Qt7uMMbOzjuDc0EmXCP/C7cJ38Iu+RP4QEe8CU8pP8WHmOPX2EPz87TPo202ey2OjlnQSXV/6arOjWFmvszMWtd6CqwOlKHq6ovycLaWMWVydXKFFZnmVFlZU46tP7R2nI5ncbi/dDkfDtFBA2DDXbYkhKc+V0Bqs5Zt9JM1HQGBRTm/EezTmZNKtpcAMs9Yu6AK9caF76zoLWIWcfMGOSkVduvSWechqZsz040Ib2PY3urxBJTzriT95lipz+TN1fmAAAAeJxtkMl2wjAMRfOAhABlKm2h80C3+ajgCKKDY6cegP59TYBzukAL+z1Zsq8ctaJTTKPrsUQLbXQQI0EXKXroY4AbDDHCGBNMcYsZ7nCPB8yxwCOe8IwXvOIN7/jAJ76wxHfUqWX+OzgumWAjJMV17i0Ndlr6irLKO+qftdT7i6y4uFSUvCknay+lFYZIZaQcmfH/xIFdYn98bqhra1aKTM/6lWMnyaYirx1rFUQZFBkb2zJUtoXeJCeg0WnLtHeSFc3OtrnozNwqi0TkSpBMDB1nSde5oJXW23hTS2/T0LilglXX7dmFVxLnq5U0vYATHFk3zX3BOisoQHNDFDeZnqKDy9hRNawN7Vh727hFzcJ5c8TILrKZfH7tIPxAFP0BpLeJPA==)
        format("woff");
    font-weight: 400;
    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: 400;
    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: 400;
    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: 400;
    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: 400;
    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: 400;
    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: 400;
    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: 400;
    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: 400;
    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: 400;
    font-style: normal;
}
.vjs-icon-fullscreen-exit:before,
.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
    content: "\f109";
}
.vjs-icon-square {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal;
}
.vjs-icon-square:before {
    content: "\f10a";
}
.vjs-icon-spinner {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal;
}
.vjs-icon-spinner:before {
    content: "\f10b";
}
.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: 400;
    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: "\f10c";
}
.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: 400;
    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: "\f10d";
}
.vjs-icon-chapters,
.video-js .vjs-chapters-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal;
}
.vjs-icon-chapters:before,
.video-js .vjs-chapters-button .vjs-icon-placeholder:before {
    content: "\f10e";
}
.vjs-icon-share {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal;
}
.vjs-icon-share:before {
    content: "\f10f";
}
.vjs-icon-cog {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal;
}
.vjs-icon-cog:before {
    content: "\f110";
}
.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: 400;
    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: "\f111";
}
.vjs-icon-circle-outline {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal;
}
.vjs-icon-circle-outline:before {
    content: "\f112";
}
.vjs-icon-circle-inner-circle {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal;
}
.vjs-icon-circle-inner-circle:before {
    content: "\f113";
}
.vjs-icon-hd {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal;
}
.vjs-icon-hd:before {
    content: "\f114";
}
.vjs-icon-cancel,
.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal;
}
.vjs-icon-cancel:before,
.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
    content: "\f115";
}
.vjs-icon-replay,
.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal;
}
.vjs-icon-replay:before,
.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
    content: "\f116";
}
.vjs-icon-facebook {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal;
}
.vjs-icon-facebook:before {
    content: "\f117";
}
.vjs-icon-gplus {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal;
}
.vjs-icon-gplus:before {
    content: "\f118";
}
.vjs-icon-linkedin {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal;
}
.vjs-icon-linkedin:before {
    content: "\f119";
}
.vjs-icon-twitter {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal;
}
.vjs-icon-twitter:before {
    content: "\f11a";
}
.vjs-icon-tumblr {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal;
}
.vjs-icon-tumblr:before {
    content: "\f11b";
}
.vjs-icon-pinterest {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal;
}
.vjs-icon-pinterest:before {
    content: "\f11c";
}
.vjs-icon-audio-description,
.video-js .vjs-descriptions-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal;
}
.vjs-icon-audio-description:before,
.video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
    content: "\f11d";
}
.vjs-icon-audio,
.video-js .vjs-audio-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal;
}
.vjs-icon-audio:before,
.video-js .vjs-audio-button .vjs-icon-placeholder:before {
    content: "\f11e";
}
.vjs-icon-next-item {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal;
}
.vjs-icon-next-item:before {
    content: "\f11f";
}
.vjs-icon-previous-item {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal;
}
.vjs-icon-previous-item:before {
    content: "\f120";
}
.vjs-icon-picture-in-picture-enter,
.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal;
}
.vjs-icon-picture-in-picture-enter:before,
.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
    content: "\f121";
}
.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: 400;
    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: "\f122";
}
.video-js {
    display: 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: 400;
    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%;
    height: 0;
}
.video-js.vjs-16-9 {
    padding-top: 56.25%;
}
.video-js.vjs-4-3 {
    padding-top: 75%;
}
.video-js.vjs-9-16 {
    padding-top: 177.7777777778%;
}
.video-js.vjs-1-1 {
    padding-top: 100%;
}
.video-js.vjs-fill {
    width: 100%;
    height: 100%;
}
.video-js .vjs-tech {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
body.vjs-full-window {
    padding: 0;
    margin: 0;
    height: 100%;
}
.vjs-full-window .video-js.vjs-fullscreen {
    position: fixed;
    overflow: hidden;
    z-index: 1000;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
}
.video-js.vjs-fullscreen:not(.vjs-ios-native-fs) {
    width: 100% !important;
    height: 100% !important;
    padding-top: 0 !important;
}
.video-js.vjs-fullscreen.vjs-user-inactive {
    cursor: none;
}
.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: 0 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: 10px;
    left: 10px;
    padding: 0;
    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-centered .vjs-big-play-button {
    top: 50%;
    left: 50%;
    margin-top: -0.81666em;
    margin-left: -1.5em;
}
.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 .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;
}
.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 {
    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;
}
.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: 700;
    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-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,
.video-js.vjs-no-flex .vjs-menu-button-inline {
    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-no-flex .vjs-menu-button-inline .vjs-menu {
    display: block;
    opacity: 1;
    position: relative;
    width: auto;
}
.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
    width: auto;
}
.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);
}
.vjs-has-started .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 {
    opacity: 1;
    visibility: visible;
}
.vjs-has-started.vjs-no-flex .vjs-control-bar {
    display: table;
}
.video-js .vjs-control {
    position: relative;
    text-align: center;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 4em;
    flex: none;
}
.vjs-button > .vjs-icon-placeholder:before {
    font-size: 1.8em;
    line-height: 1.67;
}
.vjs-button > .vjs-icon-placeholder {
    display: block;
}
.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before,
.video-js .vjs-control:focus {
    text-shadow: 0em 0em 1em #fff;
}
.video-js .vjs-control-text {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.vjs-no-flex .vjs-control {
    display: table-cell;
    vertical-align: middle;
}
.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;
}
.vjs-no-flex .vjs-progress-control {
    width: auto;
}
.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 {
    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;
    top: -0.3333333333em;
    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 {
    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;
}
.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
    z-index: 0;
}
.video-js .vjs-progress-control:hover .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;
}
.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
    display: none;
}
.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;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-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 #fff;
    box-shadow: 0 0 1em #fff;
}
.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-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
    width: 5em;
    height: 3em;
    visibility: visible;
    opacity: 1;
    position: relative;
    transition: none;
}
.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,
.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
    position: absolute;
    bottom: 3em;
    left: 0.5em;
}
.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-slider-horizontal .vjs-volume-level {
    height: 0.3em;
}
.vjs-slider-horizontal .vjs-volume-level:before {
    top: -0.3em;
    right: -0.5em;
}
.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%;
}
.vjs-no-flex .vjs-volume-control .vjs-mouse-display {
    z-index: 0;
}
.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;
}
.video-js.vjs-user-inactive.vjs-no-flex .vjs-volume-control .vjs-mouse-display {
    display: none;
}
.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;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    background-color: #000;
    cursor: pointer;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
}
.vjs-has-started .vjs-poster {
    display: none;
}
.vjs-audio.vjs-has-started .vjs-poster {
    display: block;
}
.vjs-using-native-controls .vjs-poster {
    display: none;
}
.video-js .vjs-live-control {
    display: flex;
    align-items: flex-start;
    flex: auto;
    font-size: 1em;
    line-height: 3em;
}
.vjs-no-flex .vjs-live-control {
    display: table-cell;
    width: auto;
    text-align: left;
}
.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;
}
.vjs-no-flex .vjs-seek-to-live-control {
    display: table-cell;
    width: auto;
    text-align: left;
}
.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-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
    color: 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 {
    display: none;
}
.video-js .vjs-current-time,
.vjs-no-flex .vjs-current-time {
    display: none;
}
.video-js .vjs-duration,
.vjs-no-flex .vjs-duration {
    display: none;
}
.vjs-time-divider {
    display: none;
    line-height: 3em;
}
.vjs-live .vjs-time-divider {
    display: none;
}
.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;
}
.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-user-inactive.vjs-playing video::-webkit-media-text-track-display {
    transform: translateY(-1.5em);
}
.video-js .vjs-picture-in-picture-control {
    cursor: pointer;
    flex: none;
}
.video-js .vjs-fullscreen-control {
    cursor: pointer;
    flex: 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-error .vjs-error-display:before {
    color: #fff;
    content: "X";
    font-family: Arial, Helvetica, sans-serif;
    font-size: 4em;
    left: 0;
    line-height: 1;
    margin-top: -0.5em;
    position: absolute;
    text-shadow: 0.05em 0.05em 0.1em #000;
    text-align: center;
    top: 50%;
    vertical-align: middle;
    width: 100%;
}
.vjs-loading-spinner {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: 0.85;
    text-align: left;
    border: 6px solid rgba(43, 51, 63, 0.7);
    box-sizing: border-box;
    background-clip: padding-box;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    visibility: hidden;
}
.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
    display: block;
    -webkit-animation: vjs-spinner-show 0s linear 0.3s forwards;
    animation: vjs-spinner-show 0s linear 0.3s forwards;
}
.vjs-loading-spinner:before,
.vjs-loading-spinner:after {
    content: "";
    position: absolute;
    margin: -6px;
    box-sizing: inherit;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    opacity: 1;
    border: inherit;
    border-color: transparent;
    border-top-color: #fff;
}
.vjs-seeking .vjs-loading-spinner:before,
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after {
    -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
    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: #fff;
}
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
    border-top-color: #fff;
    -webkit-animation-delay: 0.44s;
    animation-delay: 0.44s;
}
@keyframes vjs-spinner-show {
    to {
        visibility: visible;
    }
}
@-webkit-keyframes vjs-spinner-show {
    to {
        visibility: visible;
    }
}
@keyframes vjs-spinner-spin {
    100% {
        transform: rotate(360deg);
    }
}
@-webkit-keyframes vjs-spinner-spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes vjs-spinner-fade {
    0% {
        border-top-color: #73859f;
    }
    20% {
        border-top-color: #73859f;
    }
    35% {
        border-top-color: #fff;
    }
    60% {
        border-top-color: #73859f;
    }
    100% {
        border-top-color: #73859f;
    }
}
@-webkit-keyframes vjs-spinner-fade {
    0% {
        border-top-color: #73859f;
    }
    20% {
        border-top-color: #73859f;
    }
    35% {
        border-top-color: #fff;
    }
    60% {
        border-top-color: #73859f;
    }
    100% {
        border-top-color: #73859f;
    }
}
.vjs-chapters-button .vjs-menu ul {
    width: 24em;
}
.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: "";
    font-size: 1.5em;
    line-height: inherit;
}
.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-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
    font-family: VideoJS;
    content: "";
    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-chapters-button,
.video-js.vjs-layout-small .vjs-descriptions-button,
.video-js.vjs-layout-small .vjs-captions-button,
.video-js.vjs-layout-small .vjs-subtitles-button,
.video-js.vjs-layout-small .vjs-audio-button,
.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-chapters-button,
.video-js.vjs-layout-x-small .vjs-descriptions-button,
.video-js.vjs-layout-x-small .vjs-captions-button,
.video-js.vjs-layout-x-small .vjs-subtitles-button,
.video-js.vjs-layout-x-small .vjs-audio-button,
.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-chapters-button,
.video-js.vjs-layout-tiny .vjs-descriptions-button,
.video-js.vjs-layout-tiny .vjs-captions-button,
.video-js.vjs-layout-tiny .vjs-subtitles-button,
.video-js.vjs-layout-tiny .vjs-audio-button,
.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:not(.vjs-liveui) .vjs-subs-caps-button,
.video-js.vjs-layout-x-small:not(.vjs-live) .vjs-subs-caps-button,
.video-js.vjs-layout-tiny .vjs-subs-caps-button {
    display: none;
}
.video-js.vjs-layout-x-small.vjs-liveui .vjs-custom-control-spacer,
.video-js.vjs-layout-tiny .vjs-custom-control-spacer {
    flex: auto;
    display: block;
}
.video-js.vjs-layout-x-small.vjs-liveui.vjs-no-flex .vjs-custom-control-spacer,
.video-js.vjs-layout-tiny.vjs-no-flex .vjs-custom-control-spacer {
    width: auto;
}
.video-js.vjs-layout-x-small.vjs-liveui .vjs-progress-control,
.video-js.vjs-layout-tiny .vjs-progress-control {
    display: none;
}
.vjs-modal-dialog.vjs-text-track-settings {
    background-color: #2b333f;
    background-color: rgba(43, 51, 63, 0.75);
    color: #fff;
    height: 70%;
}
.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 0 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-track-setting > select {
    margin-right: 1em;
    margin-bottom: 0.5em;
}
.vjs-text-track-settings fieldset {
    margin: 5px;
    padding: 3px;
    border: none;
}
.vjs-text-track-settings fieldset span {
    display: inline-block;
}
.vjs-text-track-settings fieldset span > select {
    max-width: 7.3em;
}
.vjs-text-track-settings legend {
    color: #fff;
    margin: 0 0 5px 0;
}
.vjs-text-track-settings .vjs-label {
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    display: block;
    margin: 0 0 5px 0;
    padding: 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden;
}
.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;
}
@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;
}
.video-js.vjs-audio .vjs-big-play-button {
    display: none;
}
.video-js.vjs-audio .vjs-control-bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.video-js.vjs-audio {
    min-height: 3em;
}
.video-js.vjs-error {
    height: 150px;
}
.mediaplugin_videojs video {
    min-height: 32px;
}
.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;
}
.video-js .vjs-play-progress:before {
    left: auto;
    right: -0.5em;
}
.video-js .vjs-volume-level {
    left: 0;
    right: auto;
}
.vjs-slider-horizontal .vjs-volume-level:before {
    left: auto;
    right: -0.5em;
}
#glossaryfilteroverlayprogress {
    position: fixed;
    top: 50%;
    width: 100%;
    text-align: center;
}
.jsenabled #MathJax_ZoomFrame {
    position: absolute;
}
.mediaplugin {
    display: block;
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: center;
}
.mediaplugin,
.mediaplugin video {
    width: 100%;
    max-width: 100%;
}
.mediaplugin > div {
    margin: auto;
}
.path-mod-assign .gradingtable .mediaplugin,
.path-mod-assign .submissionsummarytable .mediaplugin {
    width: 400px;
    height: auto;
}
.mod-indent-outer .mediaplugin {
    display: table-cell;
}
@media (max-width: 480px) {
    .mceToolbar td {
        float: left;
        display: inline-block;
    }
    .moodleSkin .mceLayout .mceToolbar .mceWrap {
        clear: left;
        width: 100%;
        height: 4px;
    }
    .moodleSkin .mceLayout .mceToolbar .mceNoWrap {
        clear: none;
        width: 0;
    }
    .o2k7Skin tr.mceLast .mceToolbar tr td.mceWrap,
    .o2k7Skin tr.mceFirst .mceToolbar tr td.mceWrap {
        margin-left: -3px;
    }
}
.mceToolbar td {
    box-sizing: content-box;
}
.format-singleactivity .tree_item.orphaned a {
    color: red;
}
#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;
}
#page-report-completion-index .rotated-text-container {
    display: inline-block;
    width: 16px;
}
#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%;
}
.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-index td.numviews {
    text-align: right;
}
#page-report-outline-index tr.section {
    text-align: center;
}
#page-report-outline-index td.lastaccess {
    font-size: 0.8em;
}
#page-report-outline-user .section .content {
    margin-left: 30px;
    margin-right: 30px;
}
#page-report-outline-user .section h2 {
    margin-top: 0;
}
#page-report-outline-user .section {
    margin-left: 30px;
    margin-right: 30px;
    margin-bottom: 20px;
}
#page-report-outline-user .section {
    border-width: 1px;
    border-style: solid;
    padding: 10px;
}
#page-report-participation-index .participationselectform {
    margin: 10px auto;
}
#page-report-participation-index .participationselectform label {
    margin-left: 15px;
    margin-right: 5px;
}
#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: 400;
    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;
}
#page-report-progress-index .rotated-text-container {
    display: inline-block;
    width: 16px;
}
#page-report-progress-index .rotated-text {
    display: inline-block;
    white-space: nowrap;
    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;
}
.path-grade-report-grader .gradeparent {
    position: relative;
}
.path-grade-report-grader .gradeparent .grader-information-tooltip {
    min-width: 200px;
}
.path-grade-report-grader .gradeparent .graderreportoverlay {
    background-color: #fff;
    width: auto;
    padding: 10px;
    font-size: 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
}
.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;
}
.path-grade-report-grader .gradeparent .cell {
    border: 1px solid #ccc;
    border-top-width: 0;
    border-left-width: 0;
    padding: 4px 5px;
    vertical-align: middle;
    text-align: right;
    white-space: nowrap;
}
.path-grade-report-grader .gradeparent .floater {
    display: none;
}
.path-grade-report-grader .gradeparent .floating {
    display: block;
}
.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: 400;
    text-align: left;
}
.path-grade-report-grader .gradeparent .user.cell {
    min-width: 200px;
    width: 200px;
    white-space: normal;
    vertical-align: top;
}
.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: bottom;
}
.path-grade-report-grader .gradeparent .userfield {
    font-weight: 400;
    text-align: left;
}
.path-grade-report-grader .gradeparent .range .header,
.path-grade-report-grader .gradeparent .avg .header {
    font-weight: 700;
}
.path-grade-report-grader .gradeparent .avg.floating .cell {
    border-top-width: 1px;
}
.path-grade-report-grader .gradeparent .avg .cell {
    text-align: right;
    max-width: 200px;
    text-overflow: ellipsis;
    overflow: hidden;
}
.path-grade-report-grader .gradeparent .heading .cell .iconsmall {
    padding-top: 0;
    padding-bottom: 0;
}
.path-grade-report-grader .gradeparent .sorticon {
    margin-left: 3px;
}
.path-grade-report-grader .gradeparent .gradevalue {
    display: inline-block;
}
.path-grade-report-grader .gradeparent tr:nth-child(n) td.overridden:nth-child(n) {
    background-color: #efd9a4;
}
.path-grade-report-grader .gradeparent tr:nth-child(n) td.ajaxoverridden:nth-child(n) {
    background-color: #ffe3a0;
}
.path-grade-report-grader .gradeparent .excludedfloater {
    font-weight: 700;
    color: red;
    font-size: 9px;
    float: left;
}
.path-grade-report-grader .gradeparent .category {
    text-align: left;
}
.path-grade-report-grader .gradeparent select {
    text-overflow: ellipsis;
    min-width: 8rem;
    width: 100%;
}
.path-grade-report-grader .gradeparent .text {
    border: 1px solid #666;
    width: auto;
    margin: 0;
    padding: 0;
    text-align: center;
}
.path-grade-report-grader .gradeparent .quickfeedback {
    border: 1px dashed #000;
    width: auto;
    margin: 0;
    padding: 0;
    margin-left: 10px;
}
.path-grade-report-grader .yui3-overlay {
    border: 0;
    background: none;
    background-color: inherit;
    min-width: 200px;
}
.path-grade-report-grader .yui3-overlay {
    background-color: #fff;
    width: auto;
    padding: 10px;
    font-size: 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
}
.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;
}
.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: 0.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 {
    text-align: center;
}
.path-grade-report-singleview div.groupselector,
.path-grade-report-singleview div.reporttable form div.singleview_buttons,
.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: center;
}
.path-grade-report-singleview .singleview_buttons {
    padding: 10px 0;
}
.path-grade-report-singleview div.reporttable h2 {
    text-align: center;
}
.path-grade-report-singleview input[name^="finalgrade"] {
    width: 50px;
}
.path-grade-report-singleview .reporttable tbody th,
.path-grade-report-singleview .reporttable tbody td.range {
    white-space: nowrap;
}
.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 th {
    text-align: left;
}
.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;
}
.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;
}
.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 {
    width: 100%;
    border: 1px solid;
}
.path-grade-report-user .user-grade thead th {
    vertical-align: bottom;
}
.path-grade-report-user .user-grade th {
    text-align: left;
}
.path-grade-report-user .user-grade td {
    min-width: 4.5em;
    vertical-align: top;
}
.path-grade-report-user .user-grade .b1l {
    padding: 0;
    width: 24px;
    min-width: 24px;
}
.path-grade-report-user .user-grade tbody .column-itemname {
    padding-left: 0;
    padding-right: 8px;
}
.path-grade-report-user .user-grade .column-itemname.item,
.path-grade-report-user .user-grade .gradeitemdescription {
    font-weight: 400;
    padding-left: 24px;
}
.path-grade-report-user .user-grade .column-itemname.baggt,
.path-grade-report-user .user-grade .column-itemname.baggb {
    padding-left: 24px;
}
.path-grade-report-user .user-grade .baggt,
.path-grade-report-user .user-grade .baggb {
    font-weight: 700;
}
.gradingform_guide-regrade {
    padding: 10px;
    background: #fdd;
    border: 1px solid red;
    margin-bottom: 10px;
}
.gradingform_guide-restored {
    padding: 10px;
    background: #ffd;
    border: 1px solid #ff0;
    margin-bottom: 10px;
}
.gradingform_guide-error {
    color: red;
    font-weight: 700;
}
.gradingform_guide_editform .status {
    font-weight: 400;
    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: 700;
}
.gradingform_guide .criterion label {
    font-weight: 700;
    padding-right: 5px;
}
.gradingform_guide .plainvalue.empty {
    font-style: italic;
    color: #aaa;
}
.gradingform_guide .plainvalue.editname {
    font-weight: 700;
}
.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;
}
.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/alpha/core/1668532694/t/delete) no-repeat center top;
    margin-top: 4px;
}
.gradingform_guide.editor .moveup input {
    width: 20px;
    height: 15px;
    background: transparent url(/theme/image.php/alpha/core/1668532694/t/up) no-repeat center top;
    margin-top: 4px;
}
.gradingform_guide.editor .movedown input {
    width: 20px;
    height: 15px;
    background: transparent url(/theme/image.php/alpha/core/1668532694/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/alpha/core/1668532694/t/add) no-repeat;
    display: block;
    color: #555;
    font-weight: 700;
    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: 700;
    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: 700;
}
.gradingform_guide .criterion .description.error {
    background: #fdd;
}
.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/alpha/core/1668532694/t/add);
    padding-right: 2px;
}
.gradingform_guide .commentheader {
    font-weight: 700;
    font-size: 1.1em;
    padding-bottom: 5px;
}
.jsenabled .gradingform_guide .criterionnamelabel {
    display: none;
}
.jsenabled .gradingform_guide .criterionshortname {
    font-weight: 700;
}
.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_editform .status {
    font-weight: 400;
    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 {
    background: #f0f0f0;
}
.gradingform_rubric .criterion .description {
    min-width: 150px;
    font-weight: 700;
}
.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: #aaa;
}
.gradingform_rubric.editor .criterion.first .controls .moveup input,
.gradingform_rubric.editor .criterion.last .controls .movedown input {
    display: none;
}
.gradingform_rubric.editor .delete input,
.gradingform_rubric.editor .duplicate input,
.gradingform_rubric.editor .moveup input,
.gradingform_rubric.editor .movedown input {
    text-indent: -1000em;
    cursor: pointer;
    border: none;
}
.gradingform_rubric.editor .criterion .controls .delete input {
    width: 12px;
    height: 12px;
    background: transparent url(/theme/image.php/alpha/core/1668532694/t/delete) no-repeat center top;
    margin: 0.3em 0.3em 0 0.3em;
}
.gradingform_rubric.editor .criterion .controls .duplicate input {
    width: 12px;
    height: 12px;
    background: transparent url(/theme/image.php/alpha/core/1668532694/t/copy) no-repeat center top;
    margin: 0.3em 0.3em 0 0.3em;
}
.gradingform_rubric.editor .levels .level .delete input {
    width: 12px;
    height: 16px;
    background: transparent url(/theme/image.php/alpha/core/1668532694/t/delete) no-repeat center center;
}
.gradingform_rubric.editor .moveup input {
    width: 12px;
    height: 12px;
    background: transparent url(/theme/image.php/alpha/core/1668532694/t/up) no-repeat center top;
    margin: 0.3em 0.3em 0 0.3em;
}
.gradingform_rubric.editor .movedown input {
    width: 12px;
    height: 12px;
    background: transparent url(/theme/image.php/alpha/core/1668532694/t/down) no-repeat center top;
    margin: 0.3em 0.3em 0 0.3em;
}
.gradingform_rubric.editor .addcriterion input,
.gradingform_rubric.editor .addlevel input {
    background: #fff url(/theme/image.php/alpha/core/1668532694/t/add) no-repeat 7px 8px;
    display: block;
    color: #555;
    font-weight: 700;
    text-decoration: none;
}
.gradingform_rubric.editor .addcriterion input {
    height: 30px;
    line-height: 29px;
    margin-bottom: 14px;
    padding-left: 20px;
    padding-right: 10px;
}
.gradingform_rubric.editor .addlevel input {
    padding-left: 24px;
    padding-right: 8px;
}
.gradingform_rubric .options .optionsheading {
    font-weight: 700;
    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: 700;
}
.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 red;
    margin-bottom: 10px;
}
.gradingform_rubric-restored {
    padding: 10px;
    background: #ffd;
    border: 1px solid #ff0;
    margin-bottom: 10px;
}
.gradingform_rubric-error {
    color: red;
    font-weight: 700;
}
.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 #000;
}
.path-admin-mnet-service-enrol .singlebutton {
    text-align: center;
}
.path-admin-mnet-service-enrol table.remotehosts,
.path-admin-mnet-service-enrol table.otherenrolledusers,
.path-admin-mnet-service-enrol table.remotecourses {
    margin: 0 auto 1em auto;
}
.path-admin-mnet-service-enrol table.remotecourses th.categoryname {
    text-align: left;
    background-color: #f6f6f6;
}
.path-admin-mnet-service-enrol table.remotecourses td.c1 {
    font-weight: 700;
}
.path-admin-mnet-service-enrol table.remotecourses th.categoryname img {
    margin-right: 1em;
}
.path-admin-mnet-service-enrol .collapsibleregioncaption {
    font-size: 110%;
    font-weight: 700;
    text-align: center;
}
.path-admin-mnet-service-enrol .collapsibleregioninner {
    border: 1px solid #ddd;
    padding: 1em;
}
.path-admin-mnet-service-enrol .collapsibleregion.remotecourse.summary {
    margin: 0 10em;
}
.path-admin-mnet-service-enrol .roleassigntable {
    margin: 1em auto;
}
.question-comment-view .comment-ctrl .comment-area {
    max-width: none;
    width: 100%;
}
.qbehaviour_deferredcbm_slightlyunderconfident,
.qbehaviour_deferredcbm_slightlyoverconfident {
    font-weight: 700;
    color: #600;
}
.qbehaviour_deferredcbm_underconfident,
.qbehaviour_deferredcbm_overconfident {
    font-weight: 700;
    color: #c00;
}
.qbehaviour_deferredcbm_judgementok {
    font-weight: 700;
    color: #080;
}
.qbehaviour_deferredcbm_actual_percentage {
    font-weight: 700;
}
.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;
}
.tool_brickfield_floatprinticon {
    margin-top: -30px;
    float: right;
}
.tool_brickfield_analysisbutton {
    width: 100%;
    text-align: center;
}
@media only screen and (min-width: 768px) {
    .tool_brickfield_grid_item {
        width: 33.333333333333336%;
    }
}
@media only screen and (max-width: 767px) {
    .tool_brickfield_grid_item {
        width: 100%;
    }
}
.tool_brickfield_grid {
    max-width: 1140px;
    margin-right: auto;
    margin-left: auto;
}
.tool_brickfield_grid_inner {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.tool_brickfield_grid_item_shape {
    height: 96%;
    background-color: #fff;
    padding: 10% 10% 10% 10%;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.05);
    margin: 1% 1% 1% 1%;
    border-radius: 15px 15px 15px 70px;
}
.tool_brickfield_grid_display {
    display: grid;
    grid-template-columns: 0.6fr 1.4fr 1fr;
    grid-template-rows: 1fr 1fr;
}
.tool_brickfield_grid_spacing {
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: 1em;
}
.tool_brickfield_grid_heading {
    font-family: "Varela Round", Sans-serif;
    font-size: 20px;
    font-weight: 400;
    color: #040d29;
}
.tool_brickfield_grid_content {
    color: #040d29;
    font-size: 16px;
    line-height: 1.4em;
    margin: 0;
    padding: 0;
}
.tool_brickfield_logo_height {
    height: 3em;
}
.tool_brickfield_logo_position {
    padding-bottom: 2em;
}
.tool_brickfield_icon_position {
    line-height: 1;
    font-size: 50px;
}
.tool_brickfield_icon_height {
    height: 30px;
}
.tool_brickfield_center_button {
    text-align: center;
}
.tool_brickfield_advanced_button {
    font-size: 18px;
    letter-spacing: 1px;
    color: #fff;
    background-color: #4054b2;
    border-style: solid;
    border-color: #fff;
    border-radius: 5px 5px 5px 5px;
    padding: 15px 50px 15px 50px;
    transition: 0.3s;
}
.tool_brickfield_advanced_button:hover {
    background-color: #253687;
}
.tool_brickfield_banner_heading {
    margin-bottom: 1.5em;
}
.tool_brickfield_banner {
    height: 10em;
    padding: 2.5em;
    margin-bottom: 2em;
}
.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: 700;
    color: #fff;
}
.path-admin-tool-capability .comparisontable .prevent {
    background-color: #ad6704;
    font-weight: 700;
    color: #fff;
}
.path-admin-tool-capability .comparisontable .prohibit {
    background-color: #800;
    font-weight: 700;
    color: #fff;
}
.nav-pills .nav-pills {
    margin-left: 1rem;
}
.data-registry > .top-nav > * {
    margin-right: 0.5rem;
}
.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;
}
.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;
}
.path-admin-tool-filetypes .generaltable .deleted .c0 img {
    opacity: 0.2;
}
.path-admin-tool-filetypes .generaltable .deleted .c0 span {
    text-decoration: line-through;
}
.path-admin-tool-filetypes .generaltable .nonstandard {
    font-weight: 700;
}
#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 0.2s, box-shadow linear 0.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: 400;
}
.path-admin-tool-lp .competency-rule-points input[type="number"] {
    width: 50px;
}
.competency-heading {
    margin-bottom: 15px;
}
.competency-heading h4 {
    margin: 0;
}
.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;
}
.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;
}
input[type="radio"].tool_lp_scale_default,
input[type="checkbox"].tool_lp_scale_proficient {
    margin-top: 0;
}
.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 textarea {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}
.path-admin-tool-lp #region-main {
    overflow-x: visible;
}
#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;
}
#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%;
}
.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: relative;
}
.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;
}
.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: 700;
    padding: 7px;
}
.eupopup-button_1 {
    font-weight: 700;
    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;
}
.path-admin-tool-profiling .profilingruntable .label {
    font-weight: 700;
}
.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: 700;
}
.path-admin-tool-profiling .flexible {
    margin-left: auto;
    margin-right: auto;
}
#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"] {
    direction: ltr;
}
#page-admin-tool-task-scheduledtasks .task-runnow,
#page-admin-tool-task-scheduledtasks .task-clearfaildelay {
    font-size: 0.75em;
}
[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-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;
}
body div[data-flexitour="step-background-fader"],
body div[data-flexitour="step-background"] {
    position: absolute;
    background: inherit;
    background-image: none;
}
div[data-flexitour="step-background-fader"],
[data-flexitour="step-backdrop"] > td,
[data-flexitour="step-backdrop"] {
    position: relative;
}
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;
    height: 9em;
    margin: 0.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;
    }
}
.core_payment_gateways_modal .paypal .icon {
    height: 40px;
    width: auto;
}
.core_payment_gateways_modal .stripe .icon {
    height: 40px;
    width: auto;
}
.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, 0.2), 0 1px 20px rgba(0, 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: #fff;
    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 {
    float: left;
}
.assignfeedback_editpdf_widget .toolbar > button.rotaterightbutton {
    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 img {
    height: auto;
}
.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 {
    padding: 1px;
}
.assignfeedback_editpdf_widget .commentdrawable a {
    float: right;
    position: relative;
    left: -17px;
    top: 2px;
    height: 14px;
    background-color: #fff;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    line-height: 14px;
}
.assignfeedback_editpdf_widget .commentdrawable textarea {
    padding: 4px;
    padding-right: 20px;
    resize: none;
    overflow: hidden;
    color: #000;
    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;
}
.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;
}
.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;
}
.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;
}
.accessibilitywarnings img {
    max-width: 32px;
    max-height: 32px;
}
.atto_backcolor_button .dropdown-menu {
    min-width: inherit;
}
.atto_backcolor_button .dropdown-menu .atto_menuentry {
    padding-top: 5px;
    padding-bottom: 5px;
}
.atto_backcolor_button .dropdown-menu .atto_menuentry a[role="menuitem"] {
    display: flex;
}
.atto_backcolor_button .dropdown-menu .atto_menuentry a[role="menuitem"]:hover,
.atto_backcolor_button .dropdown-menu .atto_menuentry a[role="menuitem"]:focus {
    box-shadow: #0f6fc5 0 0 3px 1px;
}
.atto_backcolor_button .dropdown-menu .coloroption {
    display: flex;
    align-items: center;
    float: left;
    height: 20px;
    width: 20px;
    border: 1px solid #ccc;
}
.atto_charmap_selector button {
    width: 2.18rem;
    margin: 0.1rem;
}
@media (max-width: 768px) {
    .toolbarbreak {
        display: none;
    }
}
.emoji-picker-dialogue.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd {
    padding: 0;
}
.emoji-picker-dialogue .emoji-picker {
    box-shadow: none !important;
    border: 0;
}
.atto_emoticon_map ul {
    padding: 0;
    margin: 0;
    display: table;
    width: 100%;
}
.atto_emoticon_map li {
    display: table-row;
    white-space: nowrap;
}
.atto_emoticon_map li div {
    display: table-cell;
    padding: 0 1em;
}
.atto_emoticon_emote img {
    width: 16px;
}
.atto_equation_library button {
    margin: 0.25%;
    min-width: 12%;
}
#page-admin-setting-atto_equation_settings .form-defaultinfo {
    max-height: 10em;
    overflow: auto;
    padding: 5px;
    min-width: 206px;
}
.atto_fontcolor_button .dropdown-menu {
    min-width: inherit;
}
.atto_fontcolor_button .dropdown-menu .atto_menuentry {
    padding-top: 5px;
    padding-bottom: 5px;
}
.atto_fontcolor_button .dropdown-menu .atto_menuentry a[role="menuitem"] {
    display: flex;
}
.atto_fontcolor_button .dropdown-menu .atto_menuentry a[role="menuitem"]:hover,
.atto_fontcolor_button .dropdown-menu .atto_menuentry a[role="menuitem"]:focus {
    box-shadow: #0f6fc5 0 0 3px 1px;
}
.atto_fontcolor_button .dropdown-menu .coloroption {
    display: flex;
    align-items: center;
    float: left;
    height: 20px;
    width: 20px;
    border: 1px solid #ccc;
}
.attoh5poverlay {
    display: none;
}
.attoh5pinstructions {
    max-width: 500px;
}
.editor_atto_content_wrap .h5p-placeholder + br {
    display: none;
}
.editor_atto_content_wrap .h5p-placeholder {
    color: #6c757d;
    width: 100%;
    word-break: break-all;
    height: 260px;
    cursor: pointer;
    background: url(/theme/image.php/alpha/atto_h5p/1668532694/icon-white) center center / 100px auto no-repeat #6c757d;
}
.atto_h5p_button .icon {
    width: 24px;
}
.dir-rtl .CodeMirror {
    text-align: left;
    direction: ltr;
}
.atto_image_preview {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}
.atto_image_preview_box {
    max-height: 150px;
    margin-bottom: 1em;
    overflow: auto;
}
.editor_atto_content img {
    cursor: pointer;
}
.atto_image_button_text-top {
    vertical-align: text-top;
    margin: 0 0.5em;
}
.atto_image_button_middle {
    vertical-align: middle;
    margin: 0 0.5em;
}
.atto_image_button_text-bottom {
    vertical-align: text-bottom;
    margin: 0 0.5em;
}
.atto_image_button_text-top.img-fluid,
.atto_image_button_middle.img-fluid,
.atto_image_button_text-bottom.img-fluid {
    display: inline-block;
    max-width: calc(100% - 1em);
}
.atto_image_button_left {
    float: left;
    margin: 0 0.5em 0 0;
    max-width: calc(100% - 1em);
}
.atto_image_button_right {
    float: right;
    margin: 0 0 0 0.5em;
    max-width: calc(100% - 1em);
}
#atto_managefiles_manageform {
    padding: 1rem;
}
#atto_managefiles_manageform #id_deletefileshdr {
    display: none;
}
#atto_managefiles_manageform.has-unused-files #id_deletefileshdr {
    display: block;
}
#atto_managefiles_manageform #id_missingfileshdr {
    display: none;
}
#atto_managefiles_manageform.has-missing-files #id_missingfileshdr {
    display: block;
}
.atto_form.atto_media > .tab-content {
    max-height: 45vh;
    overflow-x: hidden;
}
.atto_recordrtc,
.atto_recordrtc div {
    font-weight: 400;
    line-height: 40px;
    padding: 3px 0 3px 0;
}
.atto_recordrtc .alert {
    line-height: 40px;
    text-align: center;
}
.atto_recordrtc audio {
    display: block;
    width: 100%;
}
@media screen and (max-width: 670px) {
    .atto_recordrtc video {
        display: block;
        height: auto;
        margin: 0 auto;
        width: 100%;
    }
}
@media screen and (min-width: 671px) {
    .atto_recordrtc video {
        display: block;
        height: 480px;
        margin: 0 auto;
        width: 640px;
    }
}
.atto_recordrtc #start-stop,
.atto_recordrtc #upload {
    white-space: normal;
}
div.editor_atto_content td,
div.editor_atto_content th,
div.editor_atto_content caption {
    border: 1px dashed #bbb;
    position: relative;
    min-width: 2rem;
    height: 2rem;
}
div.editor_atto_content caption {
    height: auto;
}
div.availablecolors {
    background-color: #eee;
    padding: 0.5rem;
}
div.availablecolors .tablebordercolor,
div.availablecolors .tablebackgroundcolor {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 2rem;
    height: 2rem;
    text-align: center;
    vertical-align: sub;
    border-radius: 25%;
    margin-right: 0.2rem;
}
#tinymce_managefiles_manageform.hasunusedfiles .managefilesstatus {
    display: none;
}
#tinymce_managefiles_manageform.hasmissingfiles .managefilesstatus {
    display: inline;
}
#tinymce_managefiles_manageform #id_deletefiles {
    display: none;
}
#tinymce_managefiles_manageform.hasunusedfiles #id_deletefiles {
    display: block;
}
#tinymce_managefiles_manageform #id_deletefiles .felement.fcheckbox {
    display: none;
}
#tinymce_managefiles_manageform #id_deletefiles .felement.fcheckbox.isunused {
    display: block;
}
@charset "UTF-8";
:root {
    --blue: #406cd2;
    --purple: #d0c6f0;
    --red: #ef1010;
    --orange: #4c2101;
    --yellow: #f7b742;
    --green: #027654;
    --white: #fff;
    --gray: #b4b2bc;
    --gray-dark: #413c55;
    --primary-color-100: #ece6ed;
    --primary-color-200: #d9ccda;
    --primary-color-300: #c6b3c8;
    --primary-color-400: #a180a3;
    --primary-color-500: #68336c;
    --primary-color-600: #420047;
    --primary-color-700: #28002b;
    --primary-color-800: #210024;
    --primary-color-900: #140015;
    --gray-100: #f9f9fa;
    --gray-200: #eeedef;
    --gray-300: #e1e0e4;
    --gray-400: #d3d2d8;
    --gray-500: #c4c3cb;
    --gray-600: #b4b2bc;
    --gray-700: #a19eab;
    --gray-800: #413c55;
    --gray-900: #090223;
    --primary: #420047;
    --secondary: #b4b2bc;
    --success: #420047;
    --info: #406cd2;
    --warning: #f7b742;
    --danger: #ef1010;
    --light: #b4b2bc;
    --dark: #090223;
    --breakpoint-xs: 0;
    --breakpoint-sm: 320px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 1089px;
    --breakpoint-xl: 1360px;
    --breakpoint-xxl: 1900px;
    --font-family-sans-serif: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
*,
*::before,
*::after {
    box-sizing: border-box;
}
html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
    display: block;
}
body {
    margin: 0;
    font-family: "Be Vietnam Pro", sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #090223;
    text-align: left;
    background-color: #f9f9fa;
}
body.theme-dark {
    color: #e8eaed;
    background-color: #0e1013;
}
[tabindex="-1"]:focus:not(:focus-visible) {
    outline-offset: 2px;
}
hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}
.hr-xsmall {
    width: 30px;
    margin-left: auto;
    margin-right: auto;
}
.hr-small {
    width: 30px;
    margin: 30px auto;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: 0.5rem;
}
p {
    margin-top: 0;
    margin-bottom: 0.5rem;
}
p:only-child {
    margin-bottom: 0;
}
abbr[title],
abbr[data-original-title] {
    cursor: help;
    border-bottom: 0;
}
address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit;
}
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 {
    font-weight: bolder;
}
small {
    font-size: 80%;
}
sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}
sub {
    bottom: -0.25em;
}
sup {
    top: -0.5em;
}
a {
    color: #420047;
    text-decoration: none;
    background-color: transparent;
    transition: all 0.2s ease-in-out;
    word-break: break-word;
}
a:hover {
    color: #a180a3;
}
.theme-dark a:hover {
    color: #a180a3;
}
.theme-dark a {
    color: #c6b3c8;
}
a:not([href]):not([class]) {
    color: inherit;
    text-decoration: none;
}
a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none;
}
pre,
code,
kbd,
samp {
    font-family: "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 1rem;
}
pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    -ms-overflow-style: scrollbar;
}
figure {
    margin: 0 0 1rem;
}
img {
    vertical-align: middle;
    border-style: none;
}
svg {
    overflow: hidden;
    vertical-align: middle;
}
table {
    border-collapse: collapse;
}
caption {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    color: #a19eab;
    text-align: left;
    caption-side: bottom;
}
.theme-dark caption {
    color: #9aa0a6;
}
th {
    text-align: inherit;
    text-align: -webkit-match-parent;
}
label {
    display: inline-block;
    margin-bottom: 0.5rem;
    font-weight: 500;
}
button {
    border-radius: 0;
}
button:focus:not(:focus-visible) {
    outline-offset: 2px;
}
:focus-visible {
    outline: 2px solid rgba(64, 108, 210, 0.9);
    outline-offset: 2px;
}
input,
button,
select,
optgroup,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
button,
input {
    overflow: visible;
}
button,
select {
    text-transform: none;
}
[role="button"] {
    cursor: pointer;
}
select {
    word-wrap: normal;
}
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;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    padding: 0;
    border-style: none;
}
input[type="radio"],
input[type="checkbox"] {
    box-sizing: border-box;
    padding: 0;
}
input[type="radio"] {
    margin: 10px;
}
textarea {
    overflow: auto;
    resize: vertical;
}
fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
}
legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: inherit;
    color: inherit;
    white-space: normal;
}
progress {
    vertical-align: baseline;
}
::-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"] {
    outline-offset: -2px;
    -webkit-appearance: textfield;
}
::-webkit-search-decoration {
    -webkit-appearance: none;
}
::-webkit-color-swatch-wrapper {
    padding: 0;
}
::file-selector-button {
    font: inherit;
}
::-webkit-file-upload-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;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    margin-bottom: 0.5rem;
    font-weight: 700;
    line-height: 1.5;
    color: #090223;
}
.theme-dark h1,
.theme-dark h2,
.theme-dark h3,
.theme-dark h4,
.theme-dark h5,
.theme-dark h6,
.theme-dark .h1,
.theme-dark .h2,
.theme-dark .h3,
.theme-dark .h4,
.theme-dark .h5,
.theme-dark .h6 {
    color: #f9f9fa;
}
h5,
h6,
.h5,
.h6 {
    color: #a19eab;
}
.theme-dark h5,
.theme-dark h6,
.theme-dark .h5,
.theme-dark .h6 {
    color: #9aa0a6;
}
h1,
.h1 {
    font-size: 2.75rem;
    margin-bottom: 1.5rem;
}
.page-content--maintenance h1,
.page-content--maintenance .h1 {
    font-size: 1rem;
    font-family: "Be Vietnam Pro", sans-serif;
    color: #413c55;
}
h2,
.h2 {
    font-size: 1.5rem;
}
h3,
.h3 {
    font-size: 1.125rem;
}
h4,
.h4 {
    font-size: 1rem;
}
h5,
.h5 {
    font-size: 0.875rem;
}
h6,
.h6 {
    font-size: 0.75rem;
    margin-bottom: 0;
}
h2 .btn {
    margin-left: 0.35rem;
}
h2 .btn:hover {
    text-decoration: none;
}
h2 + h3 {
    margin-top: 1.5rem;
}
#page-admin-tool-lp-editplan h2 + h3 {
    margin-top: 1rem;
    margin-bottom: 1rem;
}
h2 + .nav-tabs {
    margin-top: 2rem !important;
}
h3 + fieldset {
    margin-top: 30px;
}
.lead-1,
.mod_introbox,
.lead-2,
.lead-3,
.lead-4 {
    font-weight: 500;
    color: #090223;
    line-height: 1.3;
}
.theme-dark .lead-1,
.theme-dark .mod_introbox,
.theme-dark .lead-2,
.theme-dark .lead-3,
.theme-dark .lead-4 {
    color: #e8eaed;
}
.lead-1,
.mod_introbox {
    font-size: 3rem;
}
.lead-2 {
    font-size: 2.5rem;
}
.lead-3 {
    font-size: 2rem;
}
.lead-4 {
    font-size: 1.5rem;
}
.display-1,
.display-2,
.display-3,
.display-4 {
    color: #090223;
}
.theme-dark .display-1,
.theme-dark .display-2,
.theme-dark .display-3,
.theme-dark .display-4 {
    color: #e8eaed;
}
.display-1 {
    font-size: 4rem;
    font-weight: 700;
    line-height: 1.2;
}
@media (max-width: 767.98px) {
    .display-1 {
        font-size: 3.5rem;
    }
}
.display-2 {
    font-size: 3.5rem;
    font-weight: 700;
    line-height: 1.2;
}
@media (max-width: 767.98px) {
    .display-2 {
        font-size: 2.5rem;
    }
}
.display-3 {
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.5;
}
@media (max-width: 767.98px) {
    .display-3 {
        font-size: 1.5rem;
    }
}
.display-4 {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5;
}
@media (max-width: 767.98px) {
    .display-4 {
        font-size: 1rem;
    }
}
hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.theme-dark hr {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}
small,
.small,
.text-small {
    font-size: 0.75rem;
    font-weight: 400;
}
.modified {
    margin: 30px auto 0;
    padding: 10px 20px 10px 40px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.1265 6.87348C14.2952 4.04217 9.70478 4.04217 6.87348 6.87348C4.04217 9.70478 4.04217 14.2952 6.87348 17.1265C9.70478 19.9578 14.2952 19.9578 17.1265 17.1265C17.7603 16.4927 18.2522 15.7708 18.6023 15.0001' stroke='%236B6B6B' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M19.25 19.25V15.75C19.25 15.1977 18.8023 14.75 18.25 14.75H14.75' stroke='%236B6B6B' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E%0A");
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: 13px;
    background-color: #f9f9fa;
    font-size: 0.75rem;
    color: #413c55;
}
mark,
.mark {
    padding: 0.2em;
    background-color: #fcf8e3;
}
.theme-dark mark,
.theme-dark .mark {
    background-color: #fcf8e3;
}
.list-unstyled {
    padding-left: 0;
    list-style: none;
}
.list-inline {
    padding-left: 0;
    list-style: none;
    display: -webkit-inline-box;
    margin: 0 auto;
    left: 0; /* right: 0; */
    width: fit-content;
}
.list-inline-item {
    display: inline-block;
}
.list-inline-item:not(:last-child) {
    margin-right: 0.5rem;
}
.list-styled {
    margin: 1rem;
    padding-left: 0;
}
.list-styled li {
    list-style: none;
    padding-top: 0.25rem;
    padding-left: 1.5rem;
    padding-bottom: 0.25rem;
    margin-bottom: 0.25rem;
    position: relative;
    color: #413c55;
}
.theme-dark .list-styled li {
    color: #bdc1c6;
}
.list-styled li:before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23090223' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M5.75 12.8665L8.33995 16.4138C9.15171 17.5256 10.8179 17.504 11.6006 16.3715L18.25 6.75'%3E%3C/path%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: 14px;
    position: absolute;
    top: calc(50% - 6px);
    left: 0;
    width: 20px;
    height: 20px;
}
.theme-dark .list-styled li:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23E8EAED' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M5.75 12.8665L8.33995 16.4138C9.15171 17.5256 10.8179 17.504 11.6006 16.3715L18.25 6.75'%3E%3C/path%3E%3C/svg%3E%0A");
}
.user-evidence-documents {
    margin: 1rem 1.25rem;
    padding-left: 0;
}
.user-evidence-documents li {
    list-style: none;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    margin-bottom: 0.25rem;
}
.user-evidence-documents li .rui-icon-container {
    margin-right: 0.35rem;
}
.user-evidence-documents li a {
    font-size: 0.875rem;
    font-weight: 500;
    color: #413c55;
}
.theme-dark .user-evidence-documents li a {
    color: #bdc1c6;
}
.initialism {
    font-size: 90%;
    text-transform: uppercase;
}
.blockquote {
    margin-bottom: 1rem;
    font-size: 1.25rem;
}
.blockquote-footer {
    display: block;
    font-size: 0.75rem;
    color: #b4b2bc;
}
.theme-dark .blockquote-footer {
    color: #3c4043;
}
.blockquote-footer::before {
    content: "";
}
.rui-typo-quote {
    margin-bottom: 10px;
    font-size: 1.875rem;
    line-height: 1.3;
    font-weight: 400;
    color: #090223;
}
.theme-dark .rui-typo-quote {
    color: #e8eaed;
}
.rui-typo-quote-author,
.rui-typo-quote-author-light {
    display: block;
    font-size: 1rem;
}
.rui-typo-quote-author {
    font-weight: 700;
    color: #090223;
}
.theme-dark .rui-typo-quote-author {
    color: #e8eaed;
}
.rui-typo-quote-author-light {
    color: #a19eab;
}
.theme-dark .rui-typo-quote-author-light {
    color: #9aa0a6;
}
.rui-pre {
    max-width: 100%;
    width: 100%;
    white-space: pre-wrap;
    overflow: auto;
    position: relative;
}
.rui-pre button {
    position: absolute;
    top: 5px;
    right: 5px;
}
.font-weight-medium {
    font-weight: 500;
}
.list-unstyled--special {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 0.875rem;
}
.list-unstyled--special li {
    margin-left: 12px;
    padding: 2px 20px;
    background-image: url("data:image/svg+xml,%3Csvg height='40' viewBox='0 0 16 40' width='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m16 0v40h-15c-.27614237 0-.52614237-.2487307-.70710678-.6508738-.18096441-.4021432-.29289322-.9576987-.29289322-1.5713484v-37.7777778z' fill='none' stroke='%23a19eab' stroke-opacity='.4' stroke-width='2' transform='translate(1 -1)'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position-x: 0;
    background-position-y: -18px;
    background-size: 14px;
}
.list-unstyled--special li a:hover {
    color: #a180a3;
}
.list-unstyled--special .list-unstyled--special-blank {
    background-image: none;
}
.rui-gradient-text {
    background-image: linear-gradient(140deg, #d9ccda 13%, #420047 84%);
    color: #420047;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.img-fluid {
    max-width: 100%;
    height: auto;
}
.img-thumbnail {
    padding: 0.25rem;
    background-color: #f9f9fa;
    border: 1px solid #e1e0e4;
    border-radius: 7px;
    max-width: 100%;
    height: auto;
}
.figure {
    display: inline-block;
}
.figure-img {
    margin-bottom: 0.5rem;
    line-height: 1;
}
.figure-caption {
    font-size: 90%;
    color: #b4b2bc;
}
code {
    padding: 0.35rem 0.45rem;
    font-size: 0.75rem;
    font-weight: 500;
    color: #c3850c;
    line-height: 2;
    word-wrap: break-word;
}
.theme-dark code {
    color: #c3850c;
}
a > code {
    color: inherit;
}
kbd {
    padding: 0.2rem 0.4rem;
    font-size: 0.75rem;
    color: #fff;
    background-color: #090223;
    border-radius: 3px;
}
.theme-dark kbd {
    color: #080909;
}
kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: 700;
}
pre {
    display: block;
    font-size: 0.75rem;
    color: #090223;
}
.theme-dark pre {
    color: #e8eaed;
}
pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal;
}
.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll;
}
.container,
.container-fluid,
.container-sm,
.container-md,
.container-lg,
.container-xl {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
@media (min-width: 320px) {
    .container,
    .container-sm {
        max-width: 90%;
    }
}
@media (min-width: 768px) {
    .container,
    .container-sm,
    .container-md {
        max-width: 90%;
    }
}
@media (min-width: 1089px) {
    .container,
    .container-sm,
    .container-md,
    .container-lg {
        max-width: 960px;
    }
}
@media (min-width: 1360px) {
    .container,
    .container-sm,
    .container-md,
    .container-lg,
    .container-xl {
        max-width: 1140px;
    }
}
.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.no-gutters {
    margin-right: 0;
    margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto,
.col-xxl-1,
.col-xxl-2,
.col-xxl-3,
.col-xxl-4,
.col-xxl-5,
.col-xxl-6,
.col-xxl-7,
.col-xxl-8,
.col-xxl-9,
.col-xxl-10,
.col-xxl-11,
.col-xxl-12,
.col-xxl,
.col-xxl-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}
.col {
    flex-basis: 0%;
    flex-grow: 1;
    max-width: 100%;
}
.row-cols-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
}
.row-cols-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
}
.row-cols-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
}
.row-cols-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
}
.row-cols-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
}
.row-cols-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
}
.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
}
.col-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
}
.col-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
}
.col-3 {
    flex: 0 0 25%;
    max-width: 25%;
}
.col-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
}
.col-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
}
.col-6 {
    flex: 0 0 50%;
    max-width: 50%;
}
.col-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
}
.col-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
}
.col-9 {
    flex: 0 0 75%;
    max-width: 75%;
}
.col-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
}
.col-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
}
.col-12 {
    flex: 0 0 100%;
    max-width: 100%;
}
.order-first {
    order: -1;
}
.order-last {
    order: 13;
}
.order-0 {
    order: 0;
}
.order-1 {
    order: 1;
}
.order-2 {
    order: 2;
}
.order-3 {
    order: 3;
}
.order-4 {
    order: 4;
}
.order-5 {
    order: 5;
}
.order-6 {
    order: 6;
}
.order-7 {
    order: 7;
}
.order-8 {
    order: 8;
}
.order-9 {
    order: 9;
}
.order-10 {
    order: 10;
}
.order-11 {
    order: 11;
}
.order-12 {
    order: 12;
}
.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%;
}
@media (min-width: 320px) {
    .col-sm {
        flex-basis: 0%;
        flex-grow: 1;
        max-width: 100%;
    }
    .row-cols-sm-1 > * {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .row-cols-sm-2 > * {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .row-cols-sm-3 > * {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }
    .row-cols-sm-4 > * {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .row-cols-sm-5 > * {
        flex: 0 0 20%;
        max-width: 20%;
    }
    .row-cols-sm-6 > * {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%;
    }
    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }
    .col-sm-1 {
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%;
    }
    .col-sm-2 {
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%;
    }
    .col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-sm-4 {
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%;
    }
    .col-sm-5 {
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%;
    }
    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-sm-7 {
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%;
    }
    .col-sm-8 {
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%;
    }
    .col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-sm-10 {
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%;
    }
    .col-sm-11 {
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%;
    }
    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .order-sm-first {
        order: -1;
    }
    .order-sm-last {
        order: 13;
    }
    .order-sm-0 {
        order: 0;
    }
    .order-sm-1 {
        order: 1;
    }
    .order-sm-2 {
        order: 2;
    }
    .order-sm-3 {
        order: 3;
    }
    .order-sm-4 {
        order: 4;
    }
    .order-sm-5 {
        order: 5;
    }
    .order-sm-6 {
        order: 6;
    }
    .order-sm-7 {
        order: 7;
    }
    .order-sm-8 {
        order: 8;
    }
    .order-sm-9 {
        order: 9;
    }
    .order-sm-10 {
        order: 10;
    }
    .order-sm-11 {
        order: 11;
    }
    .order-sm-12 {
        order: 12;
    }
    .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%;
    }
}
@media (min-width: 768px) {
    .col-md {
        flex-basis: 0%;
        flex-grow: 1;
        max-width: 100%;
    }
    .row-cols-md-1 > * {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .row-cols-md-2 > * {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .row-cols-md-3 > * {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }
    .row-cols-md-4 > * {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .row-cols-md-5 > * {
        flex: 0 0 20%;
        max-width: 20%;
    }
    .row-cols-md-6 > * {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%;
    }
    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }
    .col-md-1 {
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%;
    }
    .col-md-2 {
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%;
    }
    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-md-4 {
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%;
    }
    .col-md-5 {
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%;
    }
    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-md-7 {
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%;
    }
    .col-md-8 {
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%;
    }
    .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-md-10 {
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%;
    }
    .col-md-11 {
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%;
    }
    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .order-md-first {
        order: -1;
    }
    .order-md-last {
        order: 13;
    }
    .order-md-0 {
        order: 0;
    }
    .order-md-1 {
        order: 1;
    }
    .order-md-2 {
        order: 2;
    }
    .order-md-3 {
        order: 3;
    }
    .order-md-4 {
        order: 4;
    }
    .order-md-5 {
        order: 5;
    }
    .order-md-6 {
        order: 6;
    }
    .order-md-7 {
        order: 7;
    }
    .order-md-8 {
        order: 8;
    }
    .order-md-9 {
        order: 9;
    }
    .order-md-10 {
        order: 10;
    }
    .order-md-11 {
        order: 11;
    }
    .order-md-12 {
        order: 12;
    }
    .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%;
    }
}
@media (min-width: 1089px) {
    .col-lg {
        flex-basis: 0%;
        flex-grow: 1;
        max-width: 100%;
    }
    .row-cols-lg-1 > * {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .row-cols-lg-2 > * {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .row-cols-lg-3 > * {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }
    .row-cols-lg-4 > * {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .row-cols-lg-5 > * {
        flex: 0 0 20%;
        max-width: 20%;
    }
    .row-cols-lg-6 > * {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%;
    }
    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }
    .col-lg-1 {
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%;
    }
    .col-lg-2 {
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%;
    }
    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-lg-4 {
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%;
    }
    .col-lg-5 {
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%;
    }
    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-lg-7 {
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%;
    }
    .col-lg-8 {
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%;
    }
    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-lg-10 {
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%;
    }
    .col-lg-11 {
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%;
    }
    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .order-lg-first {
        order: -1;
    }
    .order-lg-last {
        order: 13;
    }
    .order-lg-0 {
        order: 0;
    }
    .order-lg-1 {
        order: 1;
    }
    .order-lg-2 {
        order: 2;
    }
    .order-lg-3 {
        order: 3;
    }
    .order-lg-4 {
        order: 4;
    }
    .order-lg-5 {
        order: 5;
    }
    .order-lg-6 {
        order: 6;
    }
    .order-lg-7 {
        order: 7;
    }
    .order-lg-8 {
        order: 8;
    }
    .order-lg-9 {
        order: 9;
    }
    .order-lg-10 {
        order: 10;
    }
    .order-lg-11 {
        order: 11;
    }
    .order-lg-12 {
        order: 12;
    }
    .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%;
    }
}
@media (min-width: 1360px) {
    .col-xl {
        flex-basis: 0%;
        flex-grow: 1;
        max-width: 100%;
    }
    .row-cols-xl-1 > * {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .row-cols-xl-2 > * {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .row-cols-xl-3 > * {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }
    .row-cols-xl-4 > * {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .row-cols-xl-5 > * {
        flex: 0 0 20%;
        max-width: 20%;
    }
    .row-cols-xl-6 > * {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%;
    }
    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }
    .col-xl-1 {
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%;
    }
    .col-xl-2 {
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%;
    }
    .col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-xl-4 {
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%;
    }
    .col-xl-5 {
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%;
    }
    .col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-xl-7 {
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%;
    }
    .col-xl-8 {
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%;
    }
    .col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-xl-10 {
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%;
    }
    .col-xl-11 {
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%;
    }
    .col-xl-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .order-xl-first {
        order: -1;
    }
    .order-xl-last {
        order: 13;
    }
    .order-xl-0 {
        order: 0;
    }
    .order-xl-1 {
        order: 1;
    }
    .order-xl-2 {
        order: 2;
    }
    .order-xl-3 {
        order: 3;
    }
    .order-xl-4 {
        order: 4;
    }
    .order-xl-5 {
        order: 5;
    }
    .order-xl-6 {
        order: 6;
    }
    .order-xl-7 {
        order: 7;
    }
    .order-xl-8 {
        order: 8;
    }
    .order-xl-9 {
        order: 9;
    }
    .order-xl-10 {
        order: 10;
    }
    .order-xl-11 {
        order: 11;
    }
    .order-xl-12 {
        order: 12;
    }
    .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%;
    }
}
@media (min-width: 1900px) {
    .col-xxl {
        flex-basis: 0%;
        flex-grow: 1;
        max-width: 100%;
    }
    .row-cols-xxl-1 > * {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .row-cols-xxl-2 > * {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .row-cols-xxl-3 > * {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }
    .row-cols-xxl-4 > * {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .row-cols-xxl-5 > * {
        flex: 0 0 20%;
        max-width: 20%;
    }
    .row-cols-xxl-6 > * {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%;
    }
    .col-xxl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }
    .col-xxl-1 {
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%;
    }
    .col-xxl-2 {
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%;
    }
    .col-xxl-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-xxl-4 {
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%;
    }
    .col-xxl-5 {
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%;
    }
    .col-xxl-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-xxl-7 {
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%;
    }
    .col-xxl-8 {
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%;
    }
    .col-xxl-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-xxl-10 {
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%;
    }
    .col-xxl-11 {
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%;
    }
    .col-xxl-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .order-xxl-first {
        order: -1;
    }
    .order-xxl-last {
        order: 13;
    }
    .order-xxl-0 {
        order: 0;
    }
    .order-xxl-1 {
        order: 1;
    }
    .order-xxl-2 {
        order: 2;
    }
    .order-xxl-3 {
        order: 3;
    }
    .order-xxl-4 {
        order: 4;
    }
    .order-xxl-5 {
        order: 5;
    }
    .order-xxl-6 {
        order: 6;
    }
    .order-xxl-7 {
        order: 7;
    }
    .order-xxl-8 {
        order: 8;
    }
    .order-xxl-9 {
        order: 9;
    }
    .order-xxl-10 {
        order: 10;
    }
    .order-xxl-11 {
        order: 11;
    }
    .order-xxl-12 {
        order: 12;
    }
    .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%;
    }
}
.table-sm th,
.table-sm td {
    padding: 0.3rem;
}
.table-sm td {
    font-size: 0.875rem;
}
.table-bordered {
    border: 1px solid #e1e0e4;
}
.theme-dark .table-bordered {
    border-color: #2e3134;
}
.table-bordered th,
.table-bordered td {
    border: 1px solid #e1e0e4;
}
.theme-dark .table-bordered th,
.theme-dark .table-bordered td {
    border-color: #2e3134;
}
.table-bordered thead th,
.table-bordered thead td {
    border-bottom-width: 2px;
}
.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody + tbody {
    border: 0;
}
.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, 0.025);
}
.table-hover tbody tr:hover {
    color: #090223;
    background-color: rgba(0, 0, 0, 0.075);
}
.theme-dark .table-hover tbody tr:hover {
    color: #e8eaed;
    background-color: rgba(255, 255, 255, 0.075);
}
.table-primary-color-100,
.table-primary-color-100 > th,
.table-primary-color-100 > td {
    background-color: #faf8fa;
}
.table-primary-color-100 th,
.table-primary-color-100 td,
.table-primary-color-100 thead th,
.table-primary-color-100 tbody + tbody {
    border-color: #f5f2f6;
}
.table-hover .table-primary-color-100:hover {
    background-color: #efe9ef;
}
.table-hover .table-primary-color-100:hover > td,
.table-hover .table-primary-color-100:hover > th {
    background-color: #efe9ef;
}
.table-primary-color-200,
.table-primary-color-200 > th,
.table-primary-color-200 > td {
    background-color: #f4f1f5;
}
.table-primary-color-200 th,
.table-primary-color-200 td,
.table-primary-color-200 thead th,
.table-primary-color-200 tbody + tbody {
    border-color: #ebe4ec;
}
.table-hover .table-primary-color-200:hover {
    background-color: #e8e2ea;
}
.table-hover .table-primary-color-200:hover > td,
.table-hover .table-primary-color-200:hover > th {
    background-color: #e8e2ea;
}
.table-primary-color-300,
.table-primary-color-300 > th,
.table-primary-color-300 > td {
    background-color: #efeaf0;
}
.table-primary-color-300 th,
.table-primary-color-300 td,
.table-primary-color-300 thead th,
.table-primary-color-300 tbody + tbody {
    border-color: #e1d7e2;
}
.table-hover .table-primary-color-300:hover {
    background-color: #e4dbe5;
}
.table-hover .table-primary-color-300:hover > td,
.table-hover .table-primary-color-300:hover > th {
    background-color: #e4dbe5;
}
.table-primary-color-400,
.table-primary-color-400 > th,
.table-primary-color-400 > td {
    background-color: #e5dbe5;
}
.table-primary-color-400 th,
.table-primary-color-400 td,
.table-primary-color-400 thead th,
.table-primary-color-400 tbody + tbody {
    border-color: #cebdcf;
}
.table-hover .table-primary-color-400:hover {
    background-color: #daccda;
}
.table-hover .table-primary-color-400:hover > td,
.table-hover .table-primary-color-400:hover > th {
    background-color: #daccda;
}
.table-primary-color-500,
.table-primary-color-500 > th,
.table-primary-color-500 > td {
    background-color: #d5c6d6;
}
.table-primary-color-500 th,
.table-primary-color-500 td,
.table-primary-color-500 thead th,
.table-primary-color-500 tbody + tbody {
    border-color: #b095b3;
}
.table-hover .table-primary-color-500:hover {
    background-color: #cab7cb;
}
.table-hover .table-primary-color-500:hover > td,
.table-hover .table-primary-color-500:hover > th {
    background-color: #cab7cb;
}
.table-primary-color-600,
.table-primary-color-600 > th,
.table-primary-color-600 > td {
    background-color: #cab8cb;
}
.table-primary-color-600 th,
.table-primary-color-600 td,
.table-primary-color-600 thead th,
.table-primary-color-600 tbody + tbody {
    border-color: #9d7a9f;
}
.table-hover .table-primary-color-600:hover {
    background-color: #bfa9c0;
}
.table-hover .table-primary-color-600:hover > td,
.table-hover .table-primary-color-600:hover > th {
    background-color: #bfa9c0;
}
.table-primary-color-700,
.table-primary-color-700 > th,
.table-primary-color-700 > td {
    background-color: #c3b8c4;
}
.table-primary-color-700 th,
.table-primary-color-700 td,
.table-primary-color-700 thead th,
.table-primary-color-700 tbody + tbody {
    border-color: #8f7a91;
}
.table-hover .table-primary-color-700:hover {
    background-color: #b7aab8;
}
.table-hover .table-primary-color-700:hover > td,
.table-hover .table-primary-color-700:hover > th {
    background-color: #b7aab8;
}
.table-primary-color-800,
.table-primary-color-800 > th,
.table-primary-color-800 > td {
    background-color: #c1b8c2;
}
.table-primary-color-800 th,
.table-primary-color-800 td,
.table-primary-color-800 thead th,
.table-primary-color-800 tbody + tbody {
    border-color: #8c7a8d;
}
.table-hover .table-primary-color-800:hover {
    background-color: #b5aab6;
}
.table-hover .table-primary-color-800:hover > td,
.table-hover .table-primary-color-800:hover > th {
    background-color: #b5aab6;
}
.table-primary-color-900,
.table-primary-color-900 > th,
.table-primary-color-900 > td {
    background-color: #bdb8bd;
}
.table-primary-color-900 th,
.table-primary-color-900 td,
.table-primary-color-900 thead th,
.table-primary-color-900 tbody + tbody {
    border-color: #857a85;
}
.table-hover .table-primary-color-900:hover {
    background-color: #b1abb1;
}
.table-hover .table-primary-color-900:hover > td,
.table-hover .table-primary-color-900:hover > th {
    background-color: #b1abb1;
}
.table-gray-100,
.table-gray-100 > th,
.table-gray-100 > td {
    background-color: #fdfdfe;
}
.table-gray-100 th,
.table-gray-100 td,
.table-gray-100 thead th,
.table-gray-100 tbody + tbody {
    border-color: #fcfcfc;
}
.table-hover .table-gray-100:hover {
    background-color: #ececf6;
}
.table-hover .table-gray-100:hover > td,
.table-hover .table-gray-100:hover > th {
    background-color: #ececf6;
}
.table-gray-200,
.table-gray-200 > th,
.table-gray-200 > td {
    background-color: #fafafb;
}
.table-gray-200 th,
.table-gray-200 td,
.table-gray-200 thead th,
.table-gray-200 tbody + tbody {
    border-color: #f6f6f7;
}
.table-hover .table-gray-200:hover {
    background-color: #ececf0;
}
.table-hover .table-gray-200:hover > td,
.table-hover .table-gray-200:hover > th {
    background-color: #ececf0;
}
.table-gray-300,
.table-gray-300 > th,
.table-gray-300 > td {
    background-color: #f7f6f7;
}
.table-gray-300 th,
.table-gray-300 td,
.table-gray-300 thead th,
.table-gray-300 tbody + tbody {
    border-color: #efeff1;
}
.table-hover .table-gray-300:hover {
    background-color: #ebe9eb;
}
.table-hover .table-gray-300:hover > td,
.table-hover .table-gray-300:hover > th {
    background-color: #ebe9eb;
}
.table-gray-400,
.table-gray-400 > th,
.table-gray-400 > td {
    background-color: #f3f2f4;
}
.table-gray-400 th,
.table-gray-400 td,
.table-gray-400 thead th,
.table-gray-400 tbody + tbody {
    border-color: #e8e8eb;
}
.table-hover .table-gray-400:hover {
    background-color: #e6e4e8;
}
.table-hover .table-gray-400:hover > td,
.table-hover .table-gray-400:hover > th {
    background-color: #e6e4e8;
}
.table-gray-500,
.table-gray-500 > th,
.table-gray-500 > td {
    background-color: #eeeef0;
}
.table-gray-500 th,
.table-gray-500 td,
.table-gray-500 thead th,
.table-gray-500 tbody + tbody {
    border-color: #e0e0e4;
}
.table-hover .table-gray-500:hover {
    background-color: #e0e0e4;
}
.table-hover .table-gray-500:hover > td,
.table-hover .table-gray-500:hover > th {
    background-color: #e0e0e4;
}
.table-gray-600,
.table-gray-600 > th,
.table-gray-600 > td {
    background-color: #eae9ec;
}
.table-gray-600 th,
.table-gray-600 td,
.table-gray-600 thead th,
.table-gray-600 tbody + tbody {
    border-color: #d8d7dc;
}
.table-hover .table-gray-600:hover {
    background-color: #dddbe0;
}
.table-hover .table-gray-600:hover > td,
.table-hover .table-gray-600:hover > th {
    background-color: #dddbe0;
}
.table-gray-700,
.table-gray-700 > th,
.table-gray-700 > td {
    background-color: #e5e4e7;
}
.table-gray-700 th,
.table-gray-700 td,
.table-gray-700 thead th,
.table-gray-700 tbody + tbody {
    border-color: #cecdd3;
}
.table-hover .table-gray-700:hover {
    background-color: #d8d7db;
}
.table-hover .table-gray-700:hover > td,
.table-hover .table-gray-700:hover > th {
    background-color: #d8d7db;
}
.table-gray-800,
.table-gray-800 > th,
.table-gray-800 > td {
    background-color: #cac8cf;
}
.table-gray-800 th,
.table-gray-800 td,
.table-gray-800 thead th,
.table-gray-800 tbody + tbody {
    border-color: #9c9aa7;
}
.table-hover .table-gray-800:hover {
    background-color: #bdbac3;
}
.table-hover .table-gray-800:hover > td,
.table-hover .table-gray-800:hover > th {
    background-color: #bdbac3;
}
.table-gray-900,
.table-gray-900 > th,
.table-gray-900 > td {
    background-color: #bab8c1;
}
.table-gray-900 th,
.table-gray-900 td,
.table-gray-900 thead th,
.table-gray-900 tbody + tbody {
    border-color: #7f7b8d;
}
.table-hover .table-gray-900:hover {
    background-color: #adaab5;
}
.table-hover .table-gray-900:hover > td,
.table-hover .table-gray-900:hover > th {
    background-color: #adaab5;
}
.table-primary,
.table-primary > th,
.table-primary > td {
    background-color: #cab8cb;
}
.table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody + tbody {
    border-color: #9d7a9f;
}
.table-hover .table-primary:hover {
    background-color: #bfa9c0;
}
.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
    background-color: #bfa9c0;
}
.table-secondary,
.table-secondary > th,
.table-secondary > td {
    background-color: #eae9ec;
}
.table-secondary th,
.table-secondary td,
.table-secondary thead th,
.table-secondary tbody + tbody {
    border-color: #d8d7dc;
}
.table-hover .table-secondary:hover {
    background-color: #dddbe0;
}
.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
    background-color: #dddbe0;
}
.table-success,
.table-success > th,
.table-success > td {
    background-color: #cab8cb;
}
.table-success th,
.table-success td,
.table-success thead th,
.table-success tbody + tbody {
    border-color: #9d7a9f;
}
.table-hover .table-success:hover {
    background-color: #bfa9c0;
}
.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
    background-color: #bfa9c0;
}
.table-info,
.table-info > th,
.table-info > td {
    background-color: #cad6f2;
}
.table-info th,
.table-info td,
.table-info thead th,
.table-info tbody + tbody {
    border-color: #9cb3e8;
}
.table-hover .table-info:hover {
    background-color: #b6c6ed;
}
.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
    background-color: #b6c6ed;
}
.table-warning,
.table-warning > th,
.table-warning > td {
    background-color: #fdebca;
}
.table-warning th,
.table-warning td,
.table-warning thead th,
.table-warning tbody + tbody {
    border-color: #fbda9d;
}
.table-hover .table-warning:hover {
    background-color: #fce2b1;
}
.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
    background-color: #fce2b1;
}
.table-danger,
.table-danger > th,
.table-danger > td {
    background-color: #fbbcbc;
}
.table-danger th,
.table-danger td,
.table-danger thead th,
.table-danger tbody + tbody {
    border-color: #f78383;
}
.table-hover .table-danger:hover {
    background-color: #faa4a4;
}
.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
    background-color: #faa4a4;
}
.table-light,
.table-light > th,
.table-light > td {
    background-color: #eae9ec;
}
.table-light th,
.table-light td,
.table-light thead th,
.table-light tbody + tbody {
    border-color: #d8d7dc;
}
.table-hover .table-light:hover {
    background-color: #dddbe0;
}
.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
    background-color: #dddbe0;
}
.table-dark,
.table-dark > th,
.table-dark > td {
    background-color: #bab8c1;
}
.table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody + tbody {
    border-color: #7f7b8d;
}
.table-hover .table-dark:hover {
    background-color: #adaab5;
}
.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
    background-color: #adaab5;
}
.table-active,
.table-active > th,
.table-active > td {
    background-color: rgba(0, 0, 0, 0.075);
}
.table-hover .table-active:hover {
    background-color: rgba(0, 0, 0, 0.075);
}
.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
    background-color: rgba(0, 0, 0, 0.075);
}
.table .thead-dark th {
    color: #fff;
    background-color: #413c55;
    border-color: #524c6b;
}
.table .thead-light th {
    color: #a19eab;
    background-color: #eeedef;
    border-color: #e1e0e4;
}
.table-dark {
    color: #fff;
    background-color: #413c55;
}
.table-dark th,
.table-dark td,
.table-dark thead th {
    border-color: #524c6b;
}
.table-dark.table-bordered {
    border: 0;
}
.table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, 0.05);
}
.table-dark.table-hover tbody tr:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.075);
}
@media (max-width: 319.98px) {
    .table-responsive-sm {
        display: block;
        width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
    }
    .table-responsive-sm > .table-bordered {
        border: 0;
    }
}
@media (max-width: 767.98px) {
    .table-responsive-md {
        display: block;
        width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
    }
    .table-responsive-md > .table-bordered {
        border: 0;
    }
}
@media (max-width: 1088.98px) {
    .table-responsive-lg {
        display: block;
        width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
    }
    .table-responsive-lg > .table-bordered {
        border: 0;
    }
}
@media (max-width: 1359.98px) {
    .table-responsive-xl {
        display: block;
        width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
    }
    .table-responsive-xl > .table-bordered {
        border: 0;
    }
}
@media (max-width: 1899.98px) {
    .table-responsive-xxl {
        display: block;
        width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
    }
    .table-responsive-xxl > .table-bordered {
        border: 0;
    }
}
.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}
.table-responsive > .table-bordered {
    border: 0;
}
.form-control,
select[size],
select[multiple],
.comment-area textarea,
textarea.quickgrade,
[name="subject"],
.idnumber,
.usp-search-field {
    display: block;
    width: 100%;
    height: calc(1.5em + 1.5rem + 2px);
    padding: 0.75rem 1.25rem;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    color: #413c55;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #e1e0e4;
    box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, 0.11);
    border-radius: 7px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
    .form-control,
    select[size],
    select[multiple],
    .comment-area textarea,
    textarea.quickgrade,
    [name="subject"],
    .idnumber,
    .usp-search-field {
        transition: none;
    }
}
.theme-dark .form-control,
.theme-dark select[size],
.theme-dark select[multiple],
.theme-dark .comment-area textarea,
.theme-dark textarea.quickgrade,
.theme-dark [name="subject"],
.theme-dark .idnumber,
.theme-dark .usp-search-field {
    color: #bdc1c6;
    background-color: #080808;
    border: 1px solid #282a2d;
}
.form-control::-ms-expand,
select[size]::-ms-expand,
select[multiple]::-ms-expand,
.comment-area textarea::-ms-expand,
textarea.quickgrade::-ms-expand,
[name="subject"]::-ms-expand,
.idnumber::-ms-expand,
.usp-search-field::-ms-expand {
    background-color: transparent;
    border: 0;
}
.form-control:-moz-focusring,
select[size]:-moz-focusring,
select[multiple]:-moz-focusring,
.comment-area textarea:-moz-focusring,
textarea.quickgrade:-moz-focusring,
[name="subject"]:-moz-focusring,
.idnumber:-moz-focusring,
.usp-search-field:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #413c55;
}
.theme-dark .form-control:-moz-focusring,
.theme-dark select[size]:-moz-focusring,
.theme-dark select[multiple]:-moz-focusring,
.theme-dark .comment-area textarea:-moz-focusring,
.theme-dark textarea.quickgrade:-moz-focusring,
.theme-dark [name="subject"]:-moz-focusring,
.theme-dark .idnumber:-moz-focusring,
.theme-dark .usp-search-field:-moz-focusring {
    text-shadow: 0 0 0 #bdc1c6;
}
.form-control:focus,
select[size]:focus,
select[multiple]:focus,
.comment-area textarea:focus,
textarea.quickgrade:focus,
[name="subject"]:focus,
.idnumber:focus,
.usp-search-field:focus {
    color: #413c55;
    background-color: #f9f9fa;
    border-color: #d9ccda;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(236, 230, 237, 0.25);
}
.form-control::placeholder,
select[size]::placeholder,
select[multiple]::placeholder,
.comment-area textarea::placeholder,
textarea.quickgrade::placeholder,
[name="subject"]::placeholder,
.idnumber::placeholder,
.usp-search-field::placeholder {
    color: #b4b2bc;
    opacity: 1;
}
.theme-dark .form-control::placeholder,
.theme-dark select[size]::placeholder,
.theme-dark select[multiple]::placeholder,
.theme-dark .comment-area textarea::placeholder,
.theme-dark textarea.quickgrade::placeholder,
.theme-dark [name="subject"]::placeholder,
.theme-dark .idnumber::placeholder,
.theme-dark .usp-search-field::placeholder {
    color: #3c4043;
}
.form-control:disabled,
.form-control[readonly],
select[size]:disabled,
select[size][readonly],
select[multiple]:disabled,
select[multiple][readonly],
.comment-area textarea:disabled,
.comment-area textarea[readonly],
textarea.quickgrade:disabled,
textarea.quickgrade[readonly],
[name="subject"]:disabled,
[name="subject"][readonly],
.idnumber:disabled,
.idnumber[readonly],
.usp-search-field:disabled,
.usp-search-field[readonly] {
    background-color: #eeedef;
    opacity: 1;
}
.theme-dark .form-control:disabled,
.theme-dark .form-control[readonly],
.theme-dark select[size]:disabled,
.theme-dark select[size][readonly],
.theme-dark select[multiple]:disabled,
.theme-dark select[multiple][readonly],
.theme-dark .comment-area textarea:disabled,
.theme-dark .comment-area textarea[readonly],
.theme-dark textarea.quickgrade:disabled,
.theme-dark textarea.quickgrade[readonly],
.theme-dark [name="subject"]:disabled,
.theme-dark [name="subject"][readonly],
.theme-dark .idnumber:disabled,
.theme-dark .idnumber[readonly],
.theme-dark .usp-search-field:disabled,
.theme-dark .usp-search-field[readonly] {
    background-color: #17181b;
}
input[type="date"].form-control,
input[type="time"].form-control,
input[type="datetime-local"].form-control,
input[type="month"].form-control {
    appearance: none;
}
select[size] option,
select[multiple] option,
select.form-control option {
    padding: 0.5rem;
    margin-bottom: 0.25rem;
    border-radius: 7px;
}
select[size] option[disabled="disabled"],
select[multiple] option[disabled="disabled"],
select.form-control option[disabled="disabled"] {
    display: none;
}
select[size] option:last-child,
select[multiple] option:last-child,
select.form-control option:last-child {
    margin-bottom: 0;
}
select[size]:focus::-ms-value,
select[multiple]:focus::-ms-value,
select.form-control:focus::-ms-value {
    color: #413c55;
    background-color: #f9f9fa;
}
.theme-dark select[size]:focus::-ms-value,
.theme-dark select[multiple]:focus::-ms-value,
.theme-dark select.form-control:focus::-ms-value {
    color: #bdc1c6;
    background-color: #080808;
}
.form-control-file,
.form-control-range {
    display: block;
    width: 100%;
}
.col-form-label {
    margin-bottom: 0;
    font-size: inherit;
    font-weight: 500;
    line-height: 1.5;
}
.col-form-label-lg {
    padding-top: calc(1rem + 1px);
    padding-bottom: calc(1rem + 1px);
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5;
}
.col-form-label-sm {
    padding-top: calc(0.6rem + 1px);
    padding-bottom: calc(0.6rem + 1px);
    font-size: 0.8125rem;
    font-weight: 500;
    line-height: 1.5;
}
.form-control-plaintext {
    display: block;
    width: 100%;
    padding: 0.75rem 0;
    margin-bottom: 0;
    font-size: 0.875rem;
    line-height: 1.5;
    color: #090223;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0;
}
.theme-dark .form-control-plaintext {
    color: #e8eaed;
}
.form-control-plaintext.form-control-sm,
.form-control-plaintext.form-control-lg {
    padding-right: 0;
    padding-left: 0;
}
.form-control-lg {
    height: calc(1.5em + 2rem + 2px);
    padding: 1rem 1.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 40px;
}
select.form-control[size],
select.form-control[multiple] {
    height: auto;
}
textarea.form-control {
    width: 100%;
    height: auto;
}
.form-inline textarea.form-control {
    width: 100%;
}
.form-group {
    margin: 0.35rem 0;
    align-items: center;
    position: relative;
}
.form-group label {
    font-size: 0.875rem;
    font-weight: 500;
}
.form-text {
    display: block;
    margin-top: 0.25rem;
}
.form-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
}
.form-row > .col,
.form-row > [class*="col-"] {
    padding-right: 5px;
    padding-left: 5px;
}
.form-check {
    position: relative;
    display: block;
    padding-left: 0.5rem;
}
.form-check-input {
    position: relative;
    margin-top: 0.3rem;
    margin-left: -0.5rem;
}
.form-check-input[disabled] ~ .form-check-label,
.form-check-input:disabled ~ .form-check-label {
    color: #a19eab;
}
.theme-dark .form-check-input[disabled] ~ .form-check-label,
.theme-dark .form-check-input:disabled ~ .form-check-label {
    color: #9aa0a6;
}
.form-check-label {
    margin-bottom: 0;
    font-weight: 500;
    font-size: 0.875rem;
}
.form-check-inline {
    display: inline-flex;
    align-items: center;
    padding-left: 0;
    margin-right: 0.75rem;
}
.form-check-inline .form-check-input {
    position: static;
    margin-top: 0;
    margin-right: 0.3125rem;
    margin-left: 0;
    margin-bottom: 0;
}
.valid-feedback {
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 0.75rem;
    color: #420047;
}
.valid-tooltip {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: 0.25rem 0.5rem;
    margin-top: 0.1rem;
    font-size: 0.875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(66, 0, 71, 0.9);
    border-radius: 7px;
}
.form-row > .col > .valid-tooltip,
.form-row > [class*="col-"] > .valid-tooltip {
    left: 5px;
}
.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: #420047;
    padding-right: calc(1.5em + 1.5rem) !important;
    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='%23420047' d='M2.3 6.73L.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.375rem) center;
    background-size: calc(0.75em + 0.75rem);
}
.was-validated .form-control:valid:focus,
.form-control.is-valid:focus {
    border-color: #420047;
    box-shadow: 0 0 0 0.2rem rgba(66, 0, 71, 0.25);
}
.was-validated select.form-control:valid,
select.form-control.is-valid {
    padding-right: 5rem !important;
    background-position: right 2.5rem center;
}
.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
    padding-right: calc(1.5em + 1.5rem);
    background-position: top calc(0.375em + 0.375rem) right;
}
.was-validated .custom-select:valid,
.custom-select.is-valid {
    border-color: #420047;
    padding-right: calc(0.75em + 3.375rem) !important;
    background: 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='%23413c55' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 10px center / 8px 10px no-repeat,
        #f9f9fa
            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='%23420047' d='M2.3 6.73L.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")
            center right 2.25rem / calc(0.75em + 0.75rem) no-repeat;
}
.was-validated .custom-select:valid:focus,
.custom-select.is-valid:focus {
    border-color: #420047;
    box-shadow: 0 0 0 0.2rem rgba(66, 0, 71, 0.25);
}
.was-validated .form-check-input:valid ~ .form-check-label,
.form-check-input.is-valid ~ .form-check-label {
    color: #420047;
}
.was-validated .form-check-input:valid ~ .valid-feedback,
.was-validated .form-check-input:valid ~ .valid-tooltip,
.form-check-input.is-valid ~ .valid-feedback,
.form-check-input.is-valid ~ .valid-tooltip {
    display: block;
}
.was-validated .custom-control-input:valid ~ .custom-control-label,
.custom-control-input.is-valid ~ .custom-control-label {
    color: #420047;
}
.was-validated .custom-control-input:valid ~ .custom-control-label::before,
.custom-control-input.is-valid ~ .custom-control-label::before {
    border-color: #420047;
}
.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before,
.custom-control-input.is-valid:checked ~ .custom-control-label::before {
    border-color: #71007a;
    background-color: #71007a;
}
.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before,
.custom-control-input.is-valid:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 0.2rem rgba(66, 0, 71, 0.25);
}
.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before,
.custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #420047;
}
.was-validated .custom-file-input:valid ~ .custom-file-label,
.custom-file-input.is-valid ~ .custom-file-label {
    border-color: #420047;
}
.was-validated .custom-file-input:valid:focus ~ .custom-file-label,
.custom-file-input.is-valid:focus ~ .custom-file-label {
    border-color: #420047;
    box-shadow: 0 0 0 0.2rem rgba(66, 0, 71, 0.25);
}
.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 0.75rem;
    color: #ef1010;
}
.invalid-tooltip {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: 0.25rem 0.5rem;
    margin-top: 0.1rem;
    font-size: 0.875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(239, 16, 16, 0.9);
    border-radius: 7px;
}
.form-row > .col > .invalid-tooltip,
.form-row > [class*="col-"] > .invalid-tooltip {
    left: 5px;
}
.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: #ef1010;
    padding-right: calc(1.5em + 1.5rem) !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23ef1010' viewBox='0 0 12 12'%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='%23ef1010' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.375rem) center;
    background-size: calc(0.75em + 0.75rem);
}
.was-validated .form-control:invalid:focus,
.form-control.is-invalid:focus {
    border-color: #ef1010;
    box-shadow: 0 0 0 0.2rem rgba(239, 16, 16, 0.25);
}
.was-validated select.form-control:invalid,
select.form-control.is-invalid {
    padding-right: 5rem !important;
    background-position: right 2.5rem center;
}
.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
    padding-right: calc(1.5em + 1.5rem);
    background-position: top calc(0.375em + 0.375rem) right;
}
.was-validated .custom-select:invalid,
.custom-select.is-invalid {
    border-color: #ef1010;
    padding-right: calc(0.75em + 3.375rem) !important;
    background: 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='%23413c55' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 10px center / 8px 10px no-repeat,
        #f9f9fa
            url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23ef1010' viewBox='0 0 12 12'%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='%23ef1010' stroke='none'/%3e%3c/svg%3e")
            center right 2.25rem / calc(0.75em + 0.75rem) no-repeat;
}
.was-validated .custom-select:invalid:focus,
.custom-select.is-invalid:focus {
    border-color: #ef1010;
    box-shadow: 0 0 0 0.2rem rgba(239, 16, 16, 0.25);
}
.was-validated .form-check-input:invalid ~ .form-check-label,
.form-check-input.is-invalid ~ .form-check-label {
    color: #ef1010;
}
.was-validated .form-check-input:invalid ~ .invalid-feedback,
.was-validated .form-check-input:invalid ~ .invalid-tooltip,
.form-check-input.is-invalid ~ .invalid-feedback,
.form-check-input.is-invalid ~ .invalid-tooltip {
    display: block;
}
.was-validated .custom-control-input:invalid ~ .custom-control-label,
.custom-control-input.is-invalid ~ .custom-control-label {
    color: #ef1010;
}
.was-validated .custom-control-input:invalid ~ .custom-control-label::before,
.custom-control-input.is-invalid ~ .custom-control-label::before {
    border-color: #ef1010;
}
.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before,
.custom-control-input.is-invalid:checked ~ .custom-control-label::before {
    border-color: #f24040;
    background-color: #f24040;
}
.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before,
.custom-control-input.is-invalid:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 0.2rem rgba(239, 16, 16, 0.25);
}
.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before,
.custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #ef1010;
}
.was-validated .custom-file-input:invalid ~ .custom-file-label,
.custom-file-input.is-invalid ~ .custom-file-label {
    border-color: #ef1010;
}
.was-validated .custom-file-input:invalid:focus ~ .custom-file-label,
.custom-file-input.is-invalid:focus ~ .custom-file-label {
    border-color: #ef1010;
    box-shadow: 0 0 0 0.2rem rgba(239, 16, 16, 0.25);
}
.form-inline {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}
.form-inline .form-check {
    width: 100%;
}
.form-inline select,
.form-inline input {
    margin-right: 0.25rem;
}
.form-inline + h2 {
    margin-top: 2rem;
}
@media (min-width: 320px) {
    .form-inline label {
        display: flex;
        align-items: center;
        margin-bottom: 0;
        font-weight: 500;
    }
    .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 .custom-select {
        width: auto;
        max-width: 260px;
    }
    .form-inline .form-check {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        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 {
        line-height: 1.8;
        margin-bottom: 0;
    }
}
.checkbox .form-check {
    padding: 0.5rem 1rem;
    margin: 0;
    align-items: center;
    display: inline-flex;
    background-color: #f9f9fa;
    border-radius: 7px;
    font-size: 0.875rem;
}
.theme-dark .checkbox .form-check {
    background-color: #0b0d0f;
}
.checkbox .form-check .btn-link,
.checkbox .form-check [data-fieldtype="submit"] a,
[data-fieldtype="submit"] .checkbox .form-check a,
.checkbox .form-check .cancel a,
.cancel .checkbox .form-check a,
.checkbox .form-check #page-mod-quiz-report .gradetheselink,
#page-mod-quiz-report .checkbox .form-check .gradetheselink {
    margin-left: 0.5rem;
}
.checkbox .form-check label {
    display: inline-flex;
    align-items: center;
    margin: 0;
}
.checkbox .form-check label a {
    margin: 0 10px;
    color: #420047;
}
.theme-dark .checkbox .form-check label a {
    color: #c6b3c8;
}
#page-user-contactsitesupport .mform .form-control {
    width: 100%;
}
.btn.disabled,
.btn:disabled {
    opacity: 0.35;
}
.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
}
.btn + .btn {
    margin-left: 0.35rem;
}
.btn .icon {
    margin: 0 0.35rem;
    width: auto;
    height: auto;
    font-size: 0.875rem;
}
.theme-dark .btn .icon {
    filter: invert(1);
}
.btn,
.collapseexpand,
.actions p a,
.backlink a,
.addtagcoll a,
.resettable a,
#page-admin-grade-edit-letter-index .main-content .mdl-align a,
.moreless-toggler,
#message-user-button,
.search-results .result-context-info a,
.tool_dataprivacy-expand-all,
[data-fieldtype="submit"] a,
.path-admin-tag .addstandardtags a,
.edit-link a,
#core-cache-rescan-definitions a,
.continuebutton a,
.tour-actions > ul > li > a,
.gradereport_history_usp .usp-finish input,
.gradereport_history_usp .usp-search input[type="submit"],
#siteconfiglink a,
.cancel a,
.forum-post-footer a,
.comment-area .fd a,
#enterlink a,
.allcoursegrades a,
.reportlink a,
.gradingform_guide.editor .addcriterion input,
.gradingform_guide.editor .addcomment input,
.gradingform_rubric.editor .addlevel input,
.path-tag .tagarea .controls .exclusivemode,
.addbloglink a,
.notesgroup p a,
#page-report-progress-index .progress-actions a,
.path-mod-glossary .printicon,
.path-mod-glossary .glossarypost .commands a,
.rui-form-element-group a,
#page-mod-quiz-report .toggleincludeauto a,
#page-mod-quiz-report .gradetheselink,
.que .info .questionflag a,
.mod_quiz-next-nav,
.rui-quizattemptcounts a,
.rui-quizattemptsummary .c3 a,
.mod_quiz-prev-nav,
#page-mod-quiz-report .bold .reviewlink,
.categorypagingbarcontainer .paging a,
.page_split_join,
.midpad a,
.wiki_right a,
#enabletemplateeditor,
.path-auth-oauth2 .main-content h2 + a,
#addcontrols input,
#removecontrols input,
#page-mod-forum-index .subscription .helplink:nth-of-type(1) a,
#page-mod-forum-index .subscription .helplink:nth-of-type(2) a,
#page-mod-forum-view .subscription .helplink a,
.createstep,
.endtestlink,
.webservicestokenui + a,
.chart-table-expand a,
.export-actions a,
.que .comment a,
.path-mod-quiz .othernav a:not(.mod_quiz-next-nav),
.modal-footer a:not(.btn-primary),
#page-grade-edit-letter-index .mdl-align a,
#page-mod-feedback-complete [align="center"] a,
.commentlink a,
.quizsummaryofattempt .c0 a,
#changenumsections a,
.itemnav a,
#page-enrol-index .main-content [type="submit"],
.rui-pre button,
.yui3-button,
.addcomponent {
    padding: 0.75rem 1.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.5;
    border-radius: 7px;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    word-break: break-word;
    max-width: 100%;
    white-space: normal;
    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,
    .collapseexpand,
    .actions p a,
    .backlink a,
    .addtagcoll a,
    .resettable a,
    #page-admin-grade-edit-letter-index .main-content .mdl-align a,
    .moreless-toggler,
    #message-user-button,
    .search-results .result-context-info a,
    .tool_dataprivacy-expand-all,
    [data-fieldtype="submit"] a,
    .path-admin-tag .addstandardtags a,
    .edit-link a,
    #core-cache-rescan-definitions a,
    .continuebutton a,
    .tour-actions > ul > li > a,
    .gradereport_history_usp .usp-finish input,
    .gradereport_history_usp .usp-search input[type="submit"],
    #siteconfiglink a,
    .cancel a,
    .forum-post-footer a,
    .comment-area .fd a,
    #enterlink a,
    .allcoursegrades a,
    .reportlink a,
    .gradingform_guide.editor .addcriterion input,
    .gradingform_guide.editor .addcomment input,
    .gradingform_rubric.editor .addlevel input,
    .path-tag .tagarea .controls .exclusivemode,
    .addbloglink a,
    .notesgroup p a,
    #page-report-progress-index .progress-actions a,
    .path-mod-glossary .printicon,
    .path-mod-glossary .glossarypost .commands a,
    .rui-form-element-group a,
    #page-mod-quiz-report .toggleincludeauto a,
    #page-mod-quiz-report .gradetheselink,
    .que .info .questionflag a,
    .mod_quiz-next-nav,
    .rui-quizattemptcounts a,
    .rui-quizattemptsummary .c3 a,
    .mod_quiz-prev-nav,
    #page-mod-quiz-report .bold .reviewlink,
    .categorypagingbarcontainer .paging a,
    .page_split_join,
    .midpad a,
    .wiki_right a,
    #enabletemplateeditor,
    .path-auth-oauth2 .main-content h2 + a,
    #addcontrols input,
    #removecontrols input,
    #page-mod-forum-index .subscription .helplink:nth-of-type(1) a,
    #page-mod-forum-index .subscription .helplink:nth-of-type(2) a,
    #page-mod-forum-view .subscription .helplink a,
    .createstep,
    .endtestlink,
    .webservicestokenui + a,
    .chart-table-expand a,
    .export-actions a,
    .que .comment a,
    .path-mod-quiz .othernav a:not(.mod_quiz-next-nav),
    .modal-footer a:not(.btn-primary),
    #page-grade-edit-letter-index .mdl-align a,
    #page-mod-feedback-complete [align="center"] a,
    .commentlink a,
    .quizsummaryofattempt .c0 a,
    #changenumsections a,
    .itemnav a,
    #page-enrol-index .main-content [type="submit"],
    .rui-pre button,
    .yui3-button,
    .addcomponent {
        transition: none;
    }
}
.btn:hover,
.collapseexpand:hover,
.actions p a:hover,
.backlink a:hover,
.addtagcoll a:hover,
.resettable a:hover,
#page-admin-grade-edit-letter-index .main-content .mdl-align a:hover,
.moreless-toggler:hover,
#message-user-button:hover,
.search-results .result-context-info a:hover,
.tool_dataprivacy-expand-all:hover,
[data-fieldtype="submit"] a:hover,
.path-admin-tag .addstandardtags a:hover,
.edit-link a:hover,
#core-cache-rescan-definitions a:hover,
.continuebutton a:hover,
.tour-actions > ul > li > a:hover,
.gradereport_history_usp .usp-finish input:hover,
.gradereport_history_usp .usp-search input[type="submit"]:hover,
#siteconfiglink a:hover,
.cancel a:hover,
.forum-post-footer a:hover,
.comment-area .fd a:hover,
#enterlink a:hover,
.allcoursegrades a:hover,
.reportlink a:hover,
.gradingform_guide.editor .addcriterion input:hover,
.gradingform_guide.editor .addcomment input:hover,
.gradingform_rubric.editor .addlevel input:hover,
.path-tag .tagarea .controls .exclusivemode:hover,
.addbloglink a:hover,
.notesgroup p a:hover,
#page-report-progress-index .progress-actions a:hover,
.path-mod-glossary .printicon:hover,
.path-mod-glossary .glossarypost .commands a:hover,
.rui-form-element-group a:hover,
#page-mod-quiz-report .toggleincludeauto a:hover,
#page-mod-quiz-report .gradetheselink:hover,
.que .info .questionflag a:hover,
.mod_quiz-next-nav:hover,
.rui-quizattemptcounts a:hover,
.rui-quizattemptsummary .c3 a:hover,
.mod_quiz-prev-nav:hover,
#page-mod-quiz-report .bold .reviewlink:hover,
.categorypagingbarcontainer .paging a:hover,
.page_split_join:hover,
.midpad a:hover,
.wiki_right a:hover,
#enabletemplateeditor:hover,
.path-auth-oauth2 .main-content h2 + a:hover,
#addcontrols input:hover,
#removecontrols input:hover,
#page-mod-forum-index .subscription .helplink:nth-of-type(1) a:hover,
#page-mod-forum-index .subscription .helplink:nth-of-type(2) a:hover,
#page-mod-forum-view .subscription .helplink a:hover,
.createstep:hover,
.endtestlink:hover,
.webservicestokenui + a:hover,
.chart-table-expand a:hover,
.export-actions a:hover,
.que .comment a:hover,
.path-mod-quiz .othernav a:not(.mod_quiz-next-nav):hover,
.modal-footer a:not(.btn-primary):hover,
#page-grade-edit-letter-index .mdl-align a:hover,
#page-mod-feedback-complete [align="center"] a:hover,
.commentlink a:hover,
.quizsummaryofattempt .c0 a:hover,
#changenumsections a:hover,
.itemnav a:hover,
#page-enrol-index .main-content [type="submit"]:hover,
.rui-pre button:hover,
.yui3-button:hover,
.addcomponent:hover {
    color: #090223;
    text-decoration: none;
}
.btn .icon,
.collapseexpand .icon,
.actions p a .icon,
.backlink a .icon,
.addtagcoll a .icon,
.resettable a .icon,
#page-admin-grade-edit-letter-index .main-content .mdl-align a .icon,
.moreless-toggler .icon,
#message-user-button .icon,
.search-results .result-context-info a .icon,
.tool_dataprivacy-expand-all .icon,
[data-fieldtype="submit"] a .icon,
.path-admin-tag .addstandardtags a .icon,
.edit-link a .icon,
#core-cache-rescan-definitions a .icon,
.continuebutton a .icon,
.tour-actions > ul > li > a .icon,
.gradereport_history_usp .usp-finish input .icon,
.gradereport_history_usp .usp-search input[type="submit"] .icon,
#siteconfiglink a .icon,
.cancel a .icon,
.forum-post-footer a .icon,
.comment-area .fd a .icon,
#enterlink a .icon,
.allcoursegrades a .icon,
.reportlink a .icon,
.gradingform_guide.editor .addcriterion input .icon,
.gradingform_guide.editor .addcomment input .icon,
.gradingform_rubric.editor .addlevel input .icon,
.path-tag .tagarea .controls .exclusivemode .icon,
.addbloglink a .icon,
.notesgroup p a .icon,
#page-report-progress-index .progress-actions a .icon,
.path-mod-glossary .printicon .icon,
.path-mod-glossary .glossarypost .commands a .icon,
.rui-form-element-group a .icon,
#page-mod-quiz-report .toggleincludeauto a .icon,
#page-mod-quiz-report .gradetheselink .icon,
.que .info .questionflag a .icon,
.mod_quiz-next-nav .icon,
.rui-quizattemptcounts a .icon,
.rui-quizattemptsummary .c3 a .icon,
.mod_quiz-prev-nav .icon,
#page-mod-quiz-report .bold .reviewlink .icon,
.categorypagingbarcontainer .paging a .icon,
.page_split_join .icon,
.midpad a .icon,
.wiki_right a .icon,
#enabletemplateeditor .icon,
.path-auth-oauth2 .main-content h2 + a .icon,
#addcontrols input .icon,
#removecontrols input .icon,
#page-mod-forum-index .subscription .helplink:nth-of-type(1) a .icon,
#page-mod-forum-index .subscription .helplink:nth-of-type(2) a .icon,
#page-mod-forum-view .subscription .helplink a .icon,
.createstep .icon,
.endtestlink .icon,
.webservicestokenui + a .icon,
.chart-table-expand a .icon,
.export-actions a .icon,
.que .comment a .icon,
.path-mod-quiz .othernav a:not(.mod_quiz-next-nav) .icon,
.modal-footer a:not(.btn-primary) .icon,
#page-grade-edit-letter-index .mdl-align a .icon,
#page-mod-feedback-complete [align="center"] a .icon,
.commentlink a .icon,
.quizsummaryofattempt .c0 a .icon,
#changenumsections a .icon,
.itemnav a .icon,
#page-enrol-index .main-content [type="submit"] .icon,
.rui-pre button .icon,
.yui3-button .icon,
.addcomponent .icon {
    margin: 0 0.25rem;
    width: 18px;
    height: 18px;
}
.btn-icon {
    padding: 0;
    min-width: 40px;
    height: 40px;
    max-height: 40px;
    border-radius: 7px;
}
.btn-icon .icon {
    margin: 1px;
}
.btn-icon--sm {
    padding: 0;
    min-width: 30px;
    height: 30px;
    max-height: 30px;
    border-radius: 7px;
    line-height: 1;
}
a.btn.disabled,
fieldset:disabled a.btn {
    pointer-events: none;
}
.btn-primary,
.addtagcoll a,
.path-admin-tag .addstandardtags a,
.gradereport_history_usp .usp-finish input,
#siteconfiglink a,
.forum-post-footer a,
.rui-submissionaction .singlebutton .btn,
#enterlink p:nth-of-type(1) a,
.mod_quiz-next-nav,
.addbloglink a,
#addcontrols input,
#page-mod-forum-index .subscription .helplink:nth-of-type(1) a,
#page-mod-forum-view .subscription .helplink a,
.midpad a,
.createstep,
#enterlink p:nth-of-type(2) a,
.webservicestokenui + a,
.rui-pre button {
    background-color: #420047;
    background: linear-gradient(90deg, #420047 0%, #28002b 95%);
    border: 0;
    color: #fff;
}
.btn-primary img,
.addtagcoll a img,
.path-admin-tag .addstandardtags a img,
.gradereport_history_usp .usp-finish input img,
#siteconfiglink a img,
.forum-post-footer a img,
.rui-submissionaction .singlebutton .btn img,
#enterlink p:nth-of-type(1) a img,
.mod_quiz-next-nav img,
.addbloglink a img,
#addcontrols input img,
#page-mod-forum-index .subscription .helplink:nth-of-type(1) a img,
#page-mod-forum-view .subscription .helplink a img,
.midpad a img,
.createstep img,
#enterlink p:nth-of-type(2) a img,
.webservicestokenui + a img,
.rui-pre button img {
    filter: invert(100%);
}
.btn-primary:hover,
.addtagcoll a:hover,
.path-admin-tag .addstandardtags a:hover,
.gradereport_history_usp .usp-finish input:hover,
#siteconfiglink a:hover,
.forum-post-footer a:hover,
.rui-submissionaction .singlebutton .btn:hover,
#enterlink p:nth-of-type(1) a:hover,
.mod_quiz-next-nav:hover,
.addbloglink a:hover,
#addcontrols input:hover,
#page-mod-forum-index .subscription .helplink:nth-of-type(1) a:hover,
#page-mod-forum-view .subscription .helplink a:hover,
.midpad a:hover,
.createstep:hover,
#enterlink p:nth-of-type(2) a:hover,
.webservicestokenui + a:hover,
.rui-pre button:hover {
    background: linear-gradient(90deg, #420047 10%, #28002b 125%);
    border: 0;
    color: #fff;
}
.btn-secondary,
.collapseexpand,
.actions p a,
.backlink a,
#page-admin-grade-edit-letter-index .main-content .mdl-align a,
.moreless-toggler,
.search-results .result-context-info a,
.tool_dataprivacy-expand-all,
.edit-link a,
#core-cache-rescan-definitions a,
.continuebutton a,
.tour-actions > ul > li > a,
.gradereport_history_usp .usp-search input[type="submit"],
.comment-area .fd a[id*="post"],
.allcoursegrades a,
.addlinks a,
#page-grade-grading-manage .actions .action,
.gradingform_rubric.editor .addlevel input,
.path-tag .tagarea .controls .exclusivemode,
.notesgroup p a,
#page-report-progress-index .progress-actions a,
.path-mod-glossary .printicon,
.path-mod-glossary .glossarypost .commands a,
.rui-form-element-group a,
.mod_quiz-prev-nav,
.categorypagingbarcontainer .paging a,
.page_split_join,
.path-mod-wiki .printicon,
.path-auth-oauth2 .main-content h2 + a,
#page-mod-forum-index .subscription .helplink:nth-of-type(2) a,
.ajax-contact-button[data-is-contact="0"],
.rui-contentbank-view-btns .btn,
.chart-table-expand a,
.export-actions a,
.path-mod-quiz .othernav a:not(.mod_quiz-next-nav),
.modal-footer a:not(.btn-primary),
.commentlink a,
.itemnav a,
.que .comment a,
.btn-inverse,
.yui3-button,
#message-user-button,
.addcomponent {
    background-color: #eeedef;
    border: 0;
    color: #090223;
}
.theme-dark .btn-secondary,
.theme-dark .collapseexpand,
.theme-dark .actions p a,
.actions p .theme-dark a,
.theme-dark .backlink a,
.backlink .theme-dark a,
.theme-dark #page-admin-grade-edit-letter-index .main-content .mdl-align a,
#page-admin-grade-edit-letter-index .main-content .mdl-align .theme-dark a,
.theme-dark .moreless-toggler,
.theme-dark .search-results .result-context-info a,
.search-results .result-context-info .theme-dark a,
.theme-dark .tool_dataprivacy-expand-all,
.theme-dark .edit-link a,
.edit-link .theme-dark a,
.theme-dark #core-cache-rescan-definitions a,
#core-cache-rescan-definitions .theme-dark a,
.theme-dark .continuebutton a,
.continuebutton .theme-dark a,
.theme-dark .tour-actions > ul > li > a,
.theme-dark .gradereport_history_usp .usp-search input[type="submit"],
.gradereport_history_usp .usp-search .theme-dark input[type="submit"],
.theme-dark .comment-area .fd a[id*="post"],
.comment-area .fd .theme-dark a[id*="post"],
.theme-dark .allcoursegrades a,
.allcoursegrades .theme-dark a,
.theme-dark .addlinks a,
.addlinks .theme-dark a,
.theme-dark #page-grade-grading-manage .actions .action,
#page-grade-grading-manage .actions .theme-dark .action,
.theme-dark .gradingform_rubric.editor .addlevel input,
.gradingform_rubric.editor .addlevel .theme-dark input,
.theme-dark .path-tag .tagarea .controls .exclusivemode,
.path-tag .tagarea .controls .theme-dark .exclusivemode,
.theme-dark .notesgroup p a,
.notesgroup p .theme-dark a,
.theme-dark #page-report-progress-index .progress-actions a,
#page-report-progress-index .progress-actions .theme-dark a,
.theme-dark .path-mod-glossary .printicon,
.path-mod-glossary .theme-dark .printicon,
.theme-dark .path-mod-glossary .glossarypost .commands a,
.path-mod-glossary .glossarypost .commands .theme-dark a,
.theme-dark .rui-form-element-group a,
.rui-form-element-group .theme-dark a,
.theme-dark .mod_quiz-prev-nav,
.theme-dark .categorypagingbarcontainer .paging a,
.categorypagingbarcontainer .paging .theme-dark a,
.theme-dark .page_split_join,
.theme-dark .path-mod-wiki .printicon,
.path-mod-wiki .theme-dark .printicon,
.theme-dark .path-auth-oauth2 .main-content h2 + a,
.path-auth-oauth2 .main-content .theme-dark h2 + a,
.theme-dark #page-mod-forum-index .subscription .helplink:nth-of-type(2) a,
#page-mod-forum-index .subscription .helplink:nth-of-type(2) .theme-dark a,
.theme-dark .ajax-contact-button[data-is-contact="0"],
.theme-dark .rui-contentbank-view-btns .btn,
.rui-contentbank-view-btns .theme-dark .btn,
.theme-dark .chart-table-expand a,
.chart-table-expand .theme-dark a,
.theme-dark .export-actions a,
.export-actions .theme-dark a,
.theme-dark .path-mod-quiz .othernav a:not(.mod_quiz-next-nav),
.path-mod-quiz .othernav .theme-dark a:not(.mod_quiz-next-nav),
.theme-dark .modal-footer a:not(.btn-primary),
.modal-footer .theme-dark a:not(.btn-primary),
.theme-dark .commentlink a,
.commentlink .theme-dark a,
.theme-dark .itemnav a,
.itemnav .theme-dark a,
.theme-dark .que .comment a,
.que .comment .theme-dark a,
.theme-dark .btn-inverse,
.theme-dark .yui3-button,
.theme-dark #message-user-button,
.theme-dark .addcomponent {
    background-color: #17181b;
    color: #e8eaed;
}
.btn-secondary:hover,
.collapseexpand:hover,
.actions p a:hover,
.backlink a:hover,
#page-admin-grade-edit-letter-index .main-content .mdl-align a:hover,
.moreless-toggler:hover,
.search-results .result-context-info a:hover,
.tool_dataprivacy-expand-all:hover,
.edit-link a:hover,
#core-cache-rescan-definitions a:hover,
.continuebutton a:hover,
.tour-actions > ul > li > a:hover,
.gradereport_history_usp .usp-search input[type="submit"]:hover,
.comment-area .fd a[id*="post"]:hover,
.allcoursegrades a:hover,
.addlinks a:hover,
#page-grade-grading-manage .actions .action:hover,
.gradingform_rubric.editor .addlevel input:hover,
.path-tag .tagarea .controls .exclusivemode:hover,
.notesgroup p a:hover,
#page-report-progress-index .progress-actions a:hover,
.path-mod-glossary .printicon:hover,
.path-mod-glossary .glossarypost .commands a:hover,
.rui-form-element-group a:hover,
.mod_quiz-prev-nav:hover,
.categorypagingbarcontainer .paging a:hover,
.page_split_join:hover,
.path-mod-wiki .printicon:hover,
.path-auth-oauth2 .main-content h2 + a:hover,
#page-mod-forum-index .subscription .helplink:nth-of-type(2) a:hover,
.ajax-contact-button[data-is-contact="0"]:hover,
.rui-contentbank-view-btns .btn:hover,
.chart-table-expand a:hover,
.export-actions a:hover,
.path-mod-quiz .othernav a:not(.mod_quiz-next-nav):hover,
.modal-footer a:not(.btn-primary):hover,
.commentlink a:hover,
.itemnav a:hover,
.que .comment a:hover,
.btn-inverse:hover,
.yui3-button:hover,
#message-user-button:hover,
.addcomponent:hover {
    background-color: #e1e0e4;
    border: 0;
    color: #090223;
}
.theme-dark .btn-secondary:hover,
.theme-dark .collapseexpand:hover,
.theme-dark .actions p a:hover,
.actions p .theme-dark a:hover,
.theme-dark .backlink a:hover,
.backlink .theme-dark a:hover,
.theme-dark #page-admin-grade-edit-letter-index .main-content .mdl-align a:hover,
#page-admin-grade-edit-letter-index .main-content .mdl-align .theme-dark a:hover,
.theme-dark .moreless-toggler:hover,
.theme-dark .search-results .result-context-info a:hover,
.search-results .result-context-info .theme-dark a:hover,
.theme-dark .tool_dataprivacy-expand-all:hover,
.theme-dark .edit-link a:hover,
.edit-link .theme-dark a:hover,
.theme-dark #core-cache-rescan-definitions a:hover,
#core-cache-rescan-definitions .theme-dark a:hover,
.theme-dark .continuebutton a:hover,
.continuebutton .theme-dark a:hover,
.theme-dark .tour-actions > ul > li > a:hover,
.theme-dark .gradereport_history_usp .usp-search input[type="submit"]:hover,
.gradereport_history_usp .usp-search .theme-dark input[type="submit"]:hover,
.theme-dark .comment-area .fd a[id*="post"]:hover,
.comment-area .fd .theme-dark a[id*="post"]:hover,
.theme-dark .allcoursegrades a:hover,
.allcoursegrades .theme-dark a:hover,
.theme-dark .addlinks a:hover,
.addlinks .theme-dark a:hover,
.theme-dark #page-grade-grading-manage .actions .action:hover,
#page-grade-grading-manage .actions .theme-dark .action:hover,
.theme-dark .gradingform_rubric.editor .addlevel input:hover,
.gradingform_rubric.editor .addlevel .theme-dark input:hover,
.theme-dark .path-tag .tagarea .controls .exclusivemode:hover,
.path-tag .tagarea .controls .theme-dark .exclusivemode:hover,
.theme-dark .notesgroup p a:hover,
.notesgroup p .theme-dark a:hover,
.theme-dark #page-report-progress-index .progress-actions a:hover,
#page-report-progress-index .progress-actions .theme-dark a:hover,
.theme-dark .path-mod-glossary .printicon:hover,
.path-mod-glossary .theme-dark .printicon:hover,
.theme-dark .path-mod-glossary .glossarypost .commands a:hover,
.path-mod-glossary .glossarypost .commands .theme-dark a:hover,
.theme-dark .rui-form-element-group a:hover,
.rui-form-element-group .theme-dark a:hover,
.theme-dark .mod_quiz-prev-nav:hover,
.theme-dark .categorypagingbarcontainer .paging a:hover,
.categorypagingbarcontainer .paging .theme-dark a:hover,
.theme-dark .page_split_join:hover,
.theme-dark .path-mod-wiki .printicon:hover,
.path-mod-wiki .theme-dark .printicon:hover,
.theme-dark .path-auth-oauth2 .main-content h2 + a:hover,
.path-auth-oauth2 .main-content .theme-dark h2 + a:hover,
.theme-dark #page-mod-forum-index .subscription .helplink:nth-of-type(2) a:hover,
#page-mod-forum-index .subscription .helplink:nth-of-type(2) .theme-dark a:hover,
.theme-dark .ajax-contact-button[data-is-contact="0"]:hover,
.theme-dark .rui-contentbank-view-btns .btn:hover,
.rui-contentbank-view-btns .theme-dark .btn:hover,
.theme-dark .chart-table-expand a:hover,
.chart-table-expand .theme-dark a:hover,
.theme-dark .export-actions a:hover,
.export-actions .theme-dark a:hover,
.theme-dark .path-mod-quiz .othernav a:not(.mod_quiz-next-nav):hover,
.path-mod-quiz .othernav .theme-dark a:not(.mod_quiz-next-nav):hover,
.theme-dark .modal-footer a:not(.btn-primary):hover,
.modal-footer .theme-dark a:not(.btn-primary):hover,
.theme-dark .commentlink a:hover,
.commentlink .theme-dark a:hover,
.theme-dark .itemnav a:hover,
.itemnav .theme-dark a:hover,
.theme-dark .que .comment a:hover,
.que .comment .theme-dark a:hover,
.theme-dark .btn-inverse:hover,
.theme-dark .yui3-button:hover,
.theme-dark #message-user-button:hover,
.theme-dark .addcomponent:hover {
    background-color: #202124;
    color: #e8eaed;
}
.btn-success,
#id_savevalues,
#changenumsections a,
.rui-quizattemptsummary .c3 a,
.quizsummaryofattempt .c0 a,
#page-enrol-index .main-content [type="submit"] {
    background-color: #eaf4dd;
    border: 0;
    color: #027654;
}
.btn-success:hover,
#id_savevalues:hover,
#changenumsections a:hover,
.rui-quizattemptsummary .c3 a:hover,
.quizsummaryofattempt .c0 a:hover,
#page-enrol-index .main-content [type="submit"]:hover {
    background-color: #d1ecc0;
    border: 0;
    color: #00665f;
}
.theme-dark .btn-success:hover,
.theme-dark #id_savevalues:hover,
.theme-dark #changenumsections a:hover,
#changenumsections .theme-dark a:hover,
.theme-dark .rui-quizattemptsummary .c3 a:hover,
.rui-quizattemptsummary .c3 .theme-dark a:hover,
.theme-dark .quizsummaryofattempt .c0 a:hover,
.quizsummaryofattempt .c0 .theme-dark a:hover,
.theme-dark #page-enrol-index .main-content [type="submit"]:hover,
#page-enrol-index .main-content .theme-dark [type="submit"]:hover {
    background-color: #00665f;
    color: #eaf4dd;
}
.theme-dark .btn-success,
.theme-dark #id_savevalues,
.theme-dark #changenumsections a,
#changenumsections .theme-dark a,
.theme-dark .rui-quizattemptsummary .c3 a,
.rui-quizattemptsummary .c3 .theme-dark a,
.theme-dark .quizsummaryofattempt .c0 a,
.quizsummaryofattempt .c0 .theme-dark a,
.theme-dark #page-enrol-index .main-content [type="submit"],
#page-enrol-index .main-content .theme-dark [type="submit"] {
    background-color: #004b57;
    color: #eaf4dd;
}
.btn-danger,
.resettable a {
    background-color: #feeded;
    border: 0;
    color: #ef1010;
}
.btn-danger:hover,
.resettable a:hover {
    background-color: #fbc8c8;
    color: #ca0d0d;
}
.theme-dark .btn-danger:hover,
.theme-dark .resettable a:hover,
.resettable .theme-dark a:hover {
    background-color: #ef1010;
    color: #fbc8c8;
}
.theme-dark .btn-danger,
.theme-dark .resettable a,
.resettable .theme-dark a {
    background-color: #a50b0b;
    color: #fbc8c8;
}
.btn-warning {
    background-color: #fdf6ea;
    border: 0;
    color: #090223;
}
.btn-warning:hover {
    background-color: #fff1d5;
    color: #090223;
}
.btn-info,
#page-mod-quiz-report .toggleincludeauto a,
.reportlink a,
#page-mod-quiz-report .bold .reviewlink,
#enabletemplateeditor,
.endtestlink,
.rui-contentbank-view-btns .btn.active,
.rui-quizattemptcounts a,
#page-mod-feedback-complete [align="center"] a {
    background-color: #ece6ed;
    border: 0;
    color: #420047;
}
.theme-dark .btn-info,
.theme-dark #page-mod-quiz-report .toggleincludeauto a,
#page-mod-quiz-report .toggleincludeauto .theme-dark a,
.theme-dark .reportlink a,
.reportlink .theme-dark a,
.theme-dark #page-mod-quiz-report .bold .reviewlink,
#page-mod-quiz-report .bold .theme-dark .reviewlink,
.theme-dark #enabletemplateeditor,
.theme-dark .endtestlink,
.theme-dark .rui-contentbank-view-btns .btn.active,
.rui-contentbank-view-btns .theme-dark .btn.active,
.theme-dark .rui-quizattemptcounts a,
.rui-quizattemptcounts .theme-dark a,
.theme-dark #page-mod-feedback-complete [align="center"] a,
#page-mod-feedback-complete [align="center"] .theme-dark a {
    background-color: #210024;
    color: #d9ccda;
}
.btn-info:hover,
#page-mod-quiz-report .toggleincludeauto a:hover,
.reportlink a:hover,
#page-mod-quiz-report .bold .reviewlink:hover,
#enabletemplateeditor:hover,
.endtestlink:hover,
.rui-contentbank-view-btns .btn.active:hover,
.rui-quizattemptcounts a:hover,
#page-mod-feedback-complete [align="center"] a:hover {
    background-color: #d9ccda;
    color: #210024;
}
.theme-dark .btn-info:hover,
.theme-dark #page-mod-quiz-report .toggleincludeauto a:hover,
#page-mod-quiz-report .toggleincludeauto .theme-dark a:hover,
.theme-dark .reportlink a:hover,
.reportlink .theme-dark a:hover,
.theme-dark #page-mod-quiz-report .bold .reviewlink:hover,
#page-mod-quiz-report .bold .theme-dark .reviewlink:hover,
.theme-dark #enabletemplateeditor:hover,
.theme-dark .endtestlink:hover,
.theme-dark .rui-contentbank-view-btns .btn.active:hover,
.rui-contentbank-view-btns .theme-dark .btn.active:hover,
.theme-dark .rui-quizattemptcounts a:hover,
.rui-quizattemptcounts .theme-dark a:hover,
.theme-dark #page-mod-feedback-complete [align="center"] a:hover,
#page-mod-feedback-complete [align="center"] .theme-dark a:hover {
    background-color: #28002b;
    color: #d9ccda;
}
.btn-light {
    background-color: #fff;
    border: 0;
    color: #000;
}
.theme-dark .btn-light {
    background-color: #e8eaed;
    color: #fff;
}
.btn-light:hover {
    background-color: #ece6ed;
    color: #28002b;
}
.theme-dark .btn-light:hover {
    background-color: #28002b;
    color: #ece6ed;
}
.btn-dark {
    background-color: #140015;
    border: 0;
    color: #ece6ed;
}
.theme-dark .btn-dark {
    background-color: #000;
    color: #fff;
    border-color: #000;
}
.btn-dark:hover {
    background-color: #28002b;
    color: #ece6ed;
}
.theme-dark .btn-dark:hover {
    background-color: #140015;
    color: #ece6ed;
}
.btn-outline-primary,
#page-grade-edit-letter-index .mdl-align a,
#enterlink p:nth-of-type(3) a,
#id_submitbutton2,
.que .info .questionflag a {
    color: #420047;
    background: transparent;
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    border: 1px solid #c6b3c8;
}
.btn-outline-primary:hover,
#page-grade-edit-letter-index .mdl-align a:hover,
#enterlink p:nth-of-type(3) a:hover,
#id_submitbutton2:hover,
.que .info .questionflag a:hover {
    color: #ece6ed;
    background-color: #420047;
    border-color: #28002b;
}
.theme-dark .btn-outline-primary,
.theme-dark #page-grade-edit-letter-index .mdl-align a,
.theme-dark #enterlink p:nth-of-type(3) a,
.theme-dark #id_submitbutton2,
.theme-dark .que .info .questionflag a {
    color: #a180a3;
    border: 1px solid #a180a3;
}
.btn-outline-secondary,
.comment-area .fd a[id*="cancel"],
.visibleifjs .btn,
.gradingform_guide.editor .addcriterion input,
.gradingform_guide.editor .addcomment input {
    color: #413c55;
    background-color: transparent;
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    border: 1px solid #e1e0e4;
}
.theme-dark .btn-outline-secondary,
.theme-dark .comment-area .fd a[id*="cancel"],
.comment-area .fd .theme-dark a[id*="cancel"],
.theme-dark .visibleifjs .btn,
.visibleifjs .theme-dark .btn,
.theme-dark .gradingform_guide.editor .addcriterion input,
.gradingform_guide.editor .addcriterion .theme-dark input,
.theme-dark .gradingform_guide.editor .addcomment input,
.gradingform_guide.editor .addcomment .theme-dark input {
    color: #bdc1c6;
    border: 1px solid #202124;
}
.btn-outline-secondary:hover,
.comment-area .fd a[id*="cancel"]:hover,
.visibleifjs .btn:hover,
.gradingform_guide.editor .addcriterion input:hover,
.gradingform_guide.editor .addcomment input:hover {
    color: #413c55;
    background-color: #f9f9fa;
    border-color: #eeedef;
}
.theme-dark .btn-outline-secondary:hover,
.theme-dark .comment-area .fd a[id*="cancel"]:hover,
.comment-area .fd .theme-dark a[id*="cancel"]:hover,
.theme-dark .visibleifjs .btn:hover,
.visibleifjs .theme-dark .btn:hover,
.theme-dark .gradingform_guide.editor .addcriterion input:hover,
.gradingform_guide.editor .addcriterion .theme-dark input:hover,
.theme-dark .gradingform_guide.editor .addcomment input:hover,
.gradingform_guide.editor .addcomment .theme-dark input:hover {
    color: #bdc1c6;
    background-color: #0b0d0f;
}
.btn-outline-danger,
#removecontrols input,
.rui-assign-btns .singlebutton:nth-child(2) .btn,
.ajax-contact-button[data-is-contact="1"],
#page-badges-mybadges #fgroup_id_searchgroup #id_clearsearch {
    color: #ef1010;
    background-color: transparent;
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    border: 1px solid #fbc8c8;
}
.theme-dark .btn-outline-danger,
.theme-dark #removecontrols input,
#removecontrols .theme-dark input,
.theme-dark .rui-assign-btns .singlebutton:nth-child(2) .btn,
.rui-assign-btns .singlebutton:nth-child(2) .theme-dark .btn,
.theme-dark .ajax-contact-button[data-is-contact="1"],
.theme-dark #page-badges-mybadges #fgroup_id_searchgroup #id_clearsearch {
    color: #f9a3a3;
    border: 1px solid #f67e7e;
}
.btn-outline-danger:hover,
#removecontrols input:hover,
.rui-assign-btns .singlebutton:nth-child(2) .btn:hover,
.ajax-contact-button[data-is-contact="1"]:hover,
#page-badges-mybadges #fgroup_id_searchgroup #id_clearsearch:hover {
    color: #ef1010;
    background-color: #feeded;
    border-color: #fbc8c8;
}
.theme-dark .btn-outline-danger:hover,
.theme-dark #removecontrols input:hover,
#removecontrols .theme-dark input:hover,
.theme-dark .rui-assign-btns .singlebutton:nth-child(2) .btn:hover,
.rui-assign-btns .singlebutton:nth-child(2) .theme-dark .btn:hover,
.theme-dark .ajax-contact-button[data-is-contact="1"]:hover,
.theme-dark #page-badges-mybadges #fgroup_id_searchgroup #id_clearsearch:hover {
    color: #fbc8c8;
    background-color: #a50b0b;
    border-color: #810909;
}
.btn-outline-success {
    color: #027654;
    background-color: transparent;
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    border: 0;
}
.btn-outline-success:hover {
    color: #027654;
    background-color: #eaf4dd;
    border-color: #d1ecc0;
}
.btn-outline-warning {
    color: #090223;
    background-color: transparent;
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    border: 1px solid #ffebc7;
}
.btn-outline-warning:hover {
    color: #090223;
    background-color: #fdf6ea;
    border-color: #fff1d5;
}
.btn-outline-light {
    color: #fff;
    background-color: transparent;
    border: 1px solid #fff;
}
.btn-outline-light:hover {
    color: #000;
    background-color: #fff;
    border-color: rgba(255, 255, 255, 0.9);
}
.btn-outline-dark {
    color: #000;
    background-color: transparent;
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    border: 1px solid #000;
}
.btn-outline-dark:hover {
    color: #fff;
    background-color: #000;
    border-color: rgba(0, 0, 0, 0.9);
}
.btn-link,
[data-fieldtype="submit"] a,
.cancel a,
#page-mod-quiz-report .gradetheselink {
    display: inline-flex;
    align-items: center;
    background-color: transparent;
    border: none;
    font-size: 0.8125rem;
    font-weight: 500;
    color: #420047;
    text-decoration: none;
}
.theme-dark .btn-link,
.theme-dark [data-fieldtype="submit"] a,
[data-fieldtype="submit"] .theme-dark a,
.theme-dark .cancel a,
.cancel .theme-dark a,
.theme-dark #page-mod-quiz-report .gradetheselink,
#page-mod-quiz-report .theme-dark .gradetheselink {
    color: #c6b3c8;
}
.btn-link:hover,
[data-fieldtype="submit"] a:hover,
.cancel a:hover,
#page-mod-quiz-report .gradetheselink:hover {
    color: #a180a3;
    text-decoration: none;
}
.theme-dark .btn-link:hover,
.theme-dark [data-fieldtype="submit"] a:hover,
[data-fieldtype="submit"] .theme-dark a:hover,
.theme-dark .cancel a:hover,
.cancel .theme-dark a:hover,
.theme-dark #page-mod-quiz-report .gradetheselink:hover,
#page-mod-quiz-report .theme-dark .gradetheselink:hover {
    color: #a180a3;
}
.btn-link:focus,
[data-fieldtype="submit"] a:focus,
.cancel a:focus,
#page-mod-quiz-report .gradetheselink:focus,
.btn-link.focus,
[data-fieldtype="submit"] a.focus,
.cancel a.focus,
#page-mod-quiz-report .focus.gradetheselink {
    text-decoration: none;
}
.btn-link:disabled,
[data-fieldtype="submit"] a:disabled,
.cancel a:disabled,
#page-mod-quiz-report .gradetheselink:disabled,
.btn-link.disabled,
[data-fieldtype="submit"] a.disabled,
.cancel a.disabled,
#page-mod-quiz-report .disabled.gradetheselink {
    color: #b4b2bc;
    pointer-events: none;
}
.btn-link .rui-icon-container,
[data-fieldtype="submit"] a .rui-icon-container,
.cancel a .rui-icon-container,
#page-mod-quiz-report .gradetheselink .rui-icon-container {
    display: inline-flex;
    align-items: center;
}
.btn-link--clean {
    background-color: transparent;
    border: 0;
    padding: 0;
    font-weight: 500;
    color: #420047;
}
.theme-dark .btn-link--clean {
    color: #c6b3c8;
}
.btn-link--clean:hover {
    color: #a180a3;
}
.theme-dark .btn-link--clean:hover {
    color: #a180a3;
}
.btn-lg,
.btn-group-lg > .btn {
    padding: 1rem 1.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 7px;
}
.btn-xs {
    padding: 0.25rem 0.85rem;
    font-size: 0.8rem;
}
.btn-sm,
.btn-group-sm > .btn,
.search-results .result-context-info a,
.forum-post-footer a,
.comment-area .fd a,
.rui-assign-btns .singlebutton .btn,
.visibleifjs .btn,
#enterlink p:nth-of-type(3) a,
.reportoption .btn,
.allcoursegrades a,
.availability-list .btn,
.addlinks a,
.reportlink a,
.notesgroup .footer a,
#page-report-progress-index .progress-actions a,
.path-mod-glossary .glossarypost .commands a,
#page-mod-quiz-report .gradetheselink,
.que .info .questionflag a,
.rui-quizattemptsummary .c3 a,
.rui-submitbtns--back .btn,
#page-mod-quiz-report .bold .reviewlink,
#page-mod-quiz-edit .add-menu-outer .btn,
.categorypagingbarcontainer .paging a,
.page_split_join,
.path-mod-wiki .printicon,
#enabletemplateeditor,
.path-auth-oauth2 .main-content h2 + a,
#page-mod-forum-index .subscription .helplink:nth-of-type(1) a,
#page-mod-forum-index .subscription .helplink:nth-of-type(2) a,
#page-mod-forum-view .subscription .helplink a,
.endtestlink,
.export-actions a,
.path-mod-quiz .othernav a:not(.mod_quiz-next-nav),
.resettable a,
#page-grade-edit-letter-index .mdl-align a,
#page-mod-feedback-complete [align="center"] a,
.commentlink a,
.quizsummaryofattempt .c0 a,
.itemnav a,
.que .comment a,
.course-content .collapsible-actions a,
#settingsMenu .btn-secondary,
#settingsMenu .collapseexpand,
#settingsMenu .actions p a,
.actions p #settingsMenu a,
#settingsMenu .backlink a,
.backlink #settingsMenu a,
#settingsMenu #page-admin-grade-edit-letter-index .main-content .mdl-align a,
#page-admin-grade-edit-letter-index .main-content .mdl-align #settingsMenu a,
#settingsMenu .moreless-toggler,
#settingsMenu .search-results .result-context-info a,
.search-results .result-context-info #settingsMenu a,
#settingsMenu .tool_dataprivacy-expand-all,
#settingsMenu .edit-link a,
.edit-link #settingsMenu a,
#settingsMenu #core-cache-rescan-definitions a,
#core-cache-rescan-definitions #settingsMenu a,
#settingsMenu .continuebutton a,
.continuebutton #settingsMenu a,
#settingsMenu .tour-actions > ul > li > a,
#settingsMenu .gradereport_history_usp .usp-search input[type="submit"],
.gradereport_history_usp .usp-search #settingsMenu input[type="submit"],
#settingsMenu .comment-area .fd a[id*="post"],
.comment-area .fd #settingsMenu a[id*="post"],
#settingsMenu .allcoursegrades a,
.allcoursegrades #settingsMenu a,
#settingsMenu .addlinks a,
.addlinks #settingsMenu a,
#settingsMenu #page-grade-grading-manage .actions .action,
#page-grade-grading-manage .actions #settingsMenu .action,
#settingsMenu .gradingform_rubric.editor .addlevel input,
.gradingform_rubric.editor .addlevel #settingsMenu input,
#settingsMenu .path-tag .tagarea .controls .exclusivemode,
.path-tag .tagarea .controls #settingsMenu .exclusivemode,
#settingsMenu .notesgroup p a,
.notesgroup p #settingsMenu a,
#settingsMenu #page-report-progress-index .progress-actions a,
#page-report-progress-index .progress-actions #settingsMenu a,
#settingsMenu .path-mod-glossary .printicon,
.path-mod-glossary #settingsMenu .printicon,
#settingsMenu .path-mod-glossary .glossarypost .commands a,
.path-mod-glossary .glossarypost .commands #settingsMenu a,
#settingsMenu .rui-form-element-group a,
.rui-form-element-group #settingsMenu a,
#settingsMenu .mod_quiz-prev-nav,
#settingsMenu .categorypagingbarcontainer .paging a,
.categorypagingbarcontainer .paging #settingsMenu a,
#settingsMenu .page_split_join,
#settingsMenu .path-mod-wiki .printicon,
.path-mod-wiki #settingsMenu .printicon,
#settingsMenu .path-auth-oauth2 .main-content h2 + a,
.path-auth-oauth2 .main-content #settingsMenu h2 + a,
#settingsMenu #page-mod-forum-index .subscription .helplink:nth-of-type(2) a,
#page-mod-forum-index .subscription .helplink:nth-of-type(2) #settingsMenu a,
#settingsMenu .ajax-contact-button[data-is-contact="0"],
#settingsMenu .rui-contentbank-view-btns .btn,
.rui-contentbank-view-btns #settingsMenu .btn,
#settingsMenu .chart-table-expand a,
.chart-table-expand #settingsMenu a,
#settingsMenu .export-actions a,
.export-actions #settingsMenu a,
#settingsMenu .path-mod-quiz .othernav a:not(.mod_quiz-next-nav),
.path-mod-quiz .othernav #settingsMenu a:not(.mod_quiz-next-nav),
#settingsMenu .modal-footer a:not(.btn-primary),
.modal-footer #settingsMenu a:not(.btn-primary),
#settingsMenu .commentlink a,
.commentlink #settingsMenu a,
#settingsMenu .itemnav a,
.itemnav #settingsMenu a,
#settingsMenu .que .comment a,
.que .comment #settingsMenu a,
#settingsMenu .btn-inverse,
#settingsMenu .yui3-button,
#settingsMenu #message-user-button,
#settingsMenu .addcomponent,
.rui-pre button,
.addcomponent {
    padding: 0.6rem 1rem;
    font-size: 0.8125rem;
}
.btn-submit {
    border: none;
}
.btn-block {
    display: block;
    width: 100%;
}
.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%;
}
.ajax-contact-button .icon,
#message-user-button .icon {
    margin: 0;
    width: 20px;
}
.ajax-contact-button {
    margin-left: 0.35rem;
}
.ajax-contact-button .icon {
    margin-right: 0.25rem;
}
.moreless-toggler,
.card-body .footer a {
    width: 100%;
}
.card-body .footer a {
    display: block;
    width: 100%;
    padding: 0.85rem 1.25rem;
    margin: 15px 0 2px;
    border-radius: 7px;
    font-size: 0.75rem;
    font-weight: 500;
    background-color: #fff;
    color: #413c55;
    text-align: center;
}
.theme-dark .card-body .footer a {
    background-color: #0b0d0f;
    color: #9aa0a6;
}
.card-body .footer a:hover {
    background-color: #d9ccda;
    color: #420047;
    text-decoration: none;
}
.path-mod-quiz .othernav a:not(.mod_quiz-next-nav) {
    display: block;
    width: 100%;
}
.rui-quiz-continuebutton .btn,
.backlink a {
    padding-left: 50px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23090223' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M10.25 6.75L4.75 12L10.25 17.25'%3E%3C/path%3E%3Cpath stroke='%23090223' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M19.25 12H5'%3E%3C/path%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: 12px;
}
.theme-dark .rui-quiz-continuebutton .btn,
.theme-dark .backlink a {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23E8EAED' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M10.25 6.75L4.75 12L10.25 17.25'%3E%3C/path%3E%3Cpath stroke='%23E8EAED' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M19.25 12H5'%3E%3C/path%3E%3C/svg%3E%0A");
}
.path-mod-wiki .printicon {
    padding-left: 40px;
    background-position: 15px;
}
.rui-form-element-group a .icon {
    opacity: 0.7;
}
.rui-form-element-group a[data-toggle="popover"] {
    margin-right: 0.5rem;
}
[data-role="deletecategory"] {
    margin: 1px;
    padding: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 40px;
    background-color: #feeded;
    color: #ef1010;
    font-size: 0.75rem;
    transition: all 0.2s ease-in-out;
}
[data-role="deletecategory"]:hover {
    background-color: #fbc8c8;
    color: #ef1010;
}
[data-role="deletecategory"] .icon {
    width: auto;
    height: auto;
    font-size: 0.75rem;
}
#page-admin-user-profile-index .main-content h2 {
    width: 100%;
    display: inline-flex;
    align-items: center;
}
#page-admin-user-profile-index .main-content h2 a:hover {
    text-decoration: none;
}
#page-admin-user-profile-index .main-content h2 .icon:not(.spacer) {
    margin: 1px;
    padding: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 40px;
    background-color: #eeedef;
    font-size: 0.75rem;
    color: #413c55;
    transition: all 0.2s ease-in-out;
}
#page-admin-user-profile-index .main-content h2 .icon:not(.spacer).fa-trash {
    background-color: #feeded;
    color: #ef1010;
}
#page-admin-user-profile-index .main-content h2 .icon:not(.spacer):hover {
    background-color: #d4def8;
    color: #0642cd;
}
#page-admin-user-profile-index .main-content h2 .icon:not(.spacer):hover.fa-trash {
    background-color: #ef1010;
    color: #feeded !important;
}
[data-groupname="buttonar"],
.rui-sticky-btns,
.form-buttons {
    position: sticky;
    bottom: 20px;
    z-index: 1020;
}
@media (max-width: 767.98px) {
    [data-groupname="buttonar"],
    .rui-sticky-btns,
    .form-buttons {
        bottom: 70px;
    }
}
#page-report-progress-index .progress-actions {
    margin: 30px auto 0;
    padding: 0;
    text-align: left;
}
#page-report-progress-index .progress-actions li {
    display: inline-flex;
    margin-right: 0.35rem;
    margin-bottom: 0.5rem;
}
#page-report-progress-index .progress-actions li:last-child {
    margin-bottom: 0;
}
.path-mod-glossary .printicon {
    padding-left: 40px;
    background-position: 15px !important;
}
.path-mod-glossary .glossarypost .commands a .icon {
    margin: 0;
}
.rui-show-sidebar {
    position: absolute;
    top: 0;
    right: 60px;
}
.btn-special-icon,
h2 .btn .icon,
#page-mod-quiz-edit .section .activity .actions .icon,
.questioncategories a .icon,
.path-mod-assign #page-content [data-region="grade-panel"] [data-region="popout-button"] .icon {
    padding: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 40px;
    background-color: #eeedef;
    font-size: 0.75rem;
    color: #413c55;
    transition: all 0.2s ease-in-out;
}
.btn-special-icon--hover,
h2 .btn:hover .icon,
.questioncategories a:hover .icon,
.path-mod-assign #page-content [data-region="grade-panel"] [data-region="popout-button"] a:hover .icon {
    background-color: #d4def8;
    color: #0642cd;
}
.btn--disabled {
    opacity: 0.3;
    cursor: not-allowed;
}
.editing_groupsnone,
.editing_groupsseparate,
.editing_groupsvisible {
    display: inline-flex;
    margin-left: 10px;
    padding: 10px 15px;
    border-radius: 40px;
    font-size: 13px;
    font-weight: 500;
}
@media (max-width: 767.98px) {
    .editing_groupsnone,
    .editing_groupsseparate,
    .editing_groupsvisible {
        margin-top: 10px;
        margin-left: 0;
        white-space: break-spaces;
    }
}
.editing_groupsnone .rui-icon-container,
.editing_groupsseparate .rui-icon-container,
.editing_groupsvisible .rui-icon-container {
    padding: 0 !important;
    margin: 0 !important;
    background-color: transparent !important;
}
.editing_groupsnone .icon,
.editing_groupsseparate .icon,
.editing_groupsvisible .icon {
    width: 17px;
    height: 17px;
    margin-right: 0.5rem !important;
}
.editing_groupsnone .dropdown-item--text,
.editing_groupsseparate .dropdown-item--text,
.editing_groupsvisible .dropdown-item--text {
    display: inline-flex !important;
}
.editing_groupsnone {
    background-color: #feeded;
    color: #ca0d0d;
}
.editing_groupsnone:hover {
    background-color: #fbc8c8;
    color: #ef1010;
}
.editing_groupsnone .icon {
    color: #ef1010 !important;
}
.editing_groupsseparate {
    background-color: #fff;
    color: #090223;
}
.editing_groupsseparate:hover {
    background-color: #eeedef;
    color: #413c55;
}
.editing_groupsseparate .icon {
    color: #413c55 !important;
}
.editing_groupsvisible {
    background-color: #eaf4dd;
    color: #00665f;
}
.editing_groupsvisible:hover {
    background-color: #d1ecc0;
    color: #027654;
}
.editing_groupsvisible .icon {
    color: #027654 !important;
}
.helplink a .icon {
    height: 18px;
}
.rui-footer-btns {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
}
@media (max-width: 767.98px) {
    .rui-footer-btns {
        display: block;
    }
}
.rui-footer-btns a {
    margin-right: 0.5rem;
    font-size: 0.75rem;
    font-weight: 500;
    color: #090223;
}
.theme-dark .rui-footer-btns a {
    color: #9aa0a6;
}
.rui-footer-btns a:hover {
    color: #a180a3;
}
.theme-dark .rui-footer-btns a:hover {
    color: #e8eaed;
}
@media (max-width: 767.98px) {
    .rui-footer-btns a {
        width: 100%;
        margin-right: 0;
        margin-bottom: 0.35rem;
    }
}
.rui-footer-btns a img {
    display: none;
}
.course-content .collapsible-actions a.collapseall,
.course-content .collapsible-actions a.expandall {
    padding-left: 26px;
    background-position: 5px !important;
    background-size: 18px;
}
.btn--darkmode {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: none;
    border-radius: 7px;
    background-color: #fdf6ea;
    color: #f4a614;
}
.theme-dark .btn--darkmode {
    background-color: #4a350d;
    color: #f4a614;
}
.btn--darkmode:hover {
    background-color: #090223;
    color: #f9f9fa;
}
.theme-dark .btn--darkmode:hover {
    background-color: #17181b;
}
@media (max-width: 767.98px) {
    .btn--text {
        display: none;
    }
}
.btn svg {
    pointer-events: none;
}
#id_parentcompetencybutton {
    display: inline-flex;
}
.rui-debug div {
    position: relative;
}
.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 {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
    .collapsing {
        transition: none;
    }
}
.dropup,
.dropright,
.dropdown,
.dropleft {
    position: relative;
}
.dropdown-toggle {
    white-space: nowrap;
}
.dropdown-toggle::after {
    display: inline-block;
    margin-left: 5px;
    vertical-align: 2.55px;
    content: "";
    border-top: 3px solid;
    border-right: 3px solid transparent;
    border-bottom: 0;
    border-left: 3px solid transparent;
}
.dropdown-toggle:empty::after {
    margin-left: 0;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    max-width: 260px;
    overflow-y: auto;
    z-index: 1130;
    display: none;
    float: left;
    min-width: 10rem;
    padding: 0.35rem 0.35rem;
    margin: 0.125rem 0 0;
    font-size: 0.875rem;
    color: #090223;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border-radius: 7px;
    box-shadow: rgba(0, 0, 0, 0.07) 0 1px 2px, rgba(0, 0, 0, 0.07) 0 2px 4px, rgba(0, 0, 0, 0.07) 0 4px 8px, rgba(0, 0, 0, 0.07) 0 8px 16px, rgba(0, 0, 0, 0.07) 0 16px 32px, rgba(0, 0, 0, 0.07) 0 32px 64px;
}
.sticky-header-settings-menu .dropdown-menu {
    max-height: 269px;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #b4b2bc #fff;
}
.sticky-header-settings-menu .dropdown-menu::-webkit-scrollbar {
    width: 12px;
}
.sticky-header-settings-menu .dropdown-menu::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 20px;
}
.sticky-header-settings-menu .dropdown-menu::-webkit-scrollbar-thumb {
    background-color: #b4b2bc;
    border-radius: 20px;
    border: 3px solid #fff;
}
.sticky-header-settings-menu .dropdown-menu::-webkit-scrollbar-thumb:hover {
    background-color: #a19eab;
}
.theme-dark .sticky-header-settings-menu .dropdown-menu {
    scrollbar-width: thin;
    scrollbar-color: #b4b2bc #0b0d0f;
}
.theme-dark .sticky-header-settings-menu .dropdown-menu::-webkit-scrollbar {
    width: 12px;
}
.theme-dark .sticky-header-settings-menu .dropdown-menu::-webkit-scrollbar-track {
    background: #0b0d0f;
    border-radius: 20px;
}
.theme-dark .sticky-header-settings-menu .dropdown-menu::-webkit-scrollbar-thumb {
    background-color: #b4b2bc;
    border-radius: 20px;
    border: 3px solid #0b0d0f;
}
.theme-dark .sticky-header-settings-menu .dropdown-menu::-webkit-scrollbar-thumb:hover {
    background-color: #a19eab;
}
.theme-dark .dropdown-menu {
    color: #e8eaed;
    background-color: #080808;
}
.dropdown-menu li {
    margin-bottom: 0.35rem;
}
.dropdown-menu li:last-of-type {
    margin-bottom: 0;
}
.dropdown-menu-left {
    right: auto;
    left: 0;
}
.dropdown-menu-right {
    right: 0;
    left: auto;
}
@media (min-width: 320px) {
    .dropdown-menu-sm-left {
        right: auto;
        left: 0;
    }
    .dropdown-menu-sm-right {
        right: 0;
        left: auto;
    }
}
@media (min-width: 768px) {
    .dropdown-menu-md-left {
        right: auto;
        left: 0;
    }
    .dropdown-menu-md-right {
        right: 0;
        left: auto;
    }
}
@media (min-width: 1089px) {
    .dropdown-menu-lg-left {
        right: auto;
        left: 0;
    }
    .dropdown-menu-lg-right {
        right: 0;
        left: auto;
    }
}
@media (min-width: 1360px) {
    .dropdown-menu-xl-left {
        right: auto;
        left: 0;
    }
    .dropdown-menu-xl-right {
        right: 0;
        left: auto;
    }
}
@media (min-width: 1900px) {
    .dropdown-menu-xxl-left {
        right: auto;
        left: 0;
    }
    .dropdown-menu-xxl-right {
        right: 0;
        left: auto;
    }
}
.dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: 0.125rem;
}
.dropup .dropdown-toggle::after {
    display: inline-block;
    margin-left: 5px;
    vertical-align: 2.55px;
    content: "";
    border-top: 0;
    border-right: 3px solid transparent;
    border-bottom: 3px solid;
    border-left: 3px solid transparent;
}
.dropup .dropdown-toggle:empty::after {
    margin-left: 0;
}
.dropright .dropdown-menu {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: 0.125rem;
}
.dropright .dropdown-toggle::after {
    display: inline-block;
    margin-left: 5px;
    vertical-align: 2.55px;
    content: "";
    border-top: 3px solid transparent;
    border-right: 0;
    border-bottom: 3px solid transparent;
    border-left: 3px solid;
}
.dropright .dropdown-toggle:empty::after {
    margin-left: 0;
}
.dropright .dropdown-toggle::after {
    vertical-align: 0;
}
.dropleft .dropdown-menu {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: 0.125rem;
}
.dropleft .dropdown-toggle::after {
    display: inline-block;
    margin-left: 5px;
    vertical-align: 2.55px;
    content: "";
}
.dropleft .dropdown-toggle::after {
    display: none;
}
.dropleft .dropdown-toggle::before {
    display: inline-block;
    margin-right: 5px;
    vertical-align: 2.55px;
    content: "";
    border-top: 3px solid transparent;
    border-right: 3px solid;
    border-bottom: 3px solid transparent;
}
.dropleft .dropdown-toggle:empty::after {
    margin-left: 0;
}
.dropleft .dropdown-toggle::before {
    vertical-align: 0;
}
.dropdown-menu[x-placement^="top"],
.dropdown-menu[x-placement^="right"],
.dropdown-menu[x-placement^="bottom"],
.dropdown-menu[x-placement^="left"] {
    right: auto;
    bottom: auto;
}
.dropdown-divider {
    height: 0;
    margin: 0.35rem -0.35rem;
    overflow: hidden;
    border-top: 1px solid #eeedef;
}
.theme-dark .dropdown-divider {
    height: 0;
    margin: 0.35rem -0.35rem;
    overflow: hidden;
    border-top: 1px solid #17181b;
}
.dropdown-menu .dropdown-item {
    display: flex;
    align-items: center;
    width: 100%;
    min-width: 200px;
    padding: 0.4rem 0.75rem;
    clear: both;
    font-size: 0.75rem;
    font-weight: 500;
    color: #090223;
    text-align: inherit;
    white-space: normal;
    border: 0;
    border-radius: 7px;
}
.theme-dark .dropdown-menu .dropdown-item {
    color: #e8eaed;
}
.dropdown-menu .dropdown-item.ml-4 {
    width: calc(100% - 1.875rem);
}
.dropdown-menu .dropdown-item:not(.hidden) {
    display: flex;
}
.dropdown-menu .dropdown-item svg,
.dropdown-menu .dropdown-item .icon {
    margin-right: 7px;
    width: 16px;
    height: 16px;
    color: inherit;
    opacity: 0.6;
}
.dropdown-menu .dropdown-item .rui-icon-container {
    line-height: 1;
}
.dropdown-menu .dropdown-item.hidden {
    display: none;
}
.dropdown-menu .dropdown-item:hover {
    color: #090223;
    text-decoration: none;
    background-color: #f9f9fa;
}
.theme-dark .dropdown-menu .dropdown-item:hover {
    color: #e8eaed;
    background-color: #17181b;
}
.dropdown-menu .dropdown-item.active a,
.dropdown-menu .dropdown-item:active a {
    color: #090223;
    text-decoration: none;
    background-color: #eeedef;
}
.dropdown-menu .dropdown-item[aria-current="true"] {
    position: relative;
    display: flex;
    align-items: center;
    color: #090223;
    text-decoration: none;
    background-color: #eeedef;
    margin-bottom: 0.15rem;
}
.theme-dark .dropdown-menu .dropdown-item[aria-current="true"] {
    color: #e8eaed;
    background-color: #17181b;
}
.dropdown-menu .dropdown-item.disabled a,
.dropdown-menu .dropdown-item:disabled a {
    color: #b4b2bc;
    pointer-events: none;
    background-color: transparent;
}
.theme-dark .dropdown-menu .dropdown-item.disabled a,
.theme-dark .dropdown-menu .dropdown-item:disabled a {
    color: #282a2d;
}
.dropdown-menu .atto_menuentry a {
    display: block;
    width: 100%;
    margin-bottom: 0.25rem;
    padding: 0.4rem 0.75rem;
    clear: both;
    font-size: 0.875rem;
    font-weight: 500;
    color: #090223;
    text-align: inherit;
    white-space: nowrap;
    border: 0;
    border-radius: 7px;
}
.theme-dark .dropdown-menu .atto_menuentry a {
    color: #e8eaed;
}
.dropdown-menu .atto_menuentry a:hover {
    color: #090223;
    text-decoration: none;
    background-color: #f9f9fa;
}
.theme-dark .dropdown-menu .atto_menuentry a:hover {
    color: #e8eaed;
    background-color: #17181b;
}
.dropdown-menu.show {
    display: block;
}
.dropdown-header {
    display: block;
    padding: 0.35rem 0.75rem;
    margin-bottom: 0;
    font-size: 0.75rem;
    font-weight: 500;
    color: #b4b2bc;
    white-space: nowrap;
}
.theme-dark .dropdown-header {
    color: #3c4043;
}
.dropdown .dropdown-item-text {
    max-width: calc(100% - 30px);
}
.dropdown-btn {
    background-color: #eeedef;
    padding: 0.75rem 1.25rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 7px;
    font-weight: 500;
    color: #413c55;
    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) {
    .dropdown-btn {
        transition: none;
    }
}
#category-listing .dropdown-btn {
    padding: 6px;
}
.theme-dark .dropdown-btn {
    background-color: #202124;
    color: #e8eaed;
}
.main-nav-container .dropdown-btn {
    background-color: transparent;
    color: #413c55;
}
.theme-dark .main-nav-container .dropdown-btn {
    background-color: transparent;
    color: #bdc1c6;
}
.dropdown-btn:hover {
    background-color: #f9f9fa;
    color: #090223;
    text-decoration: none;
}
.theme-dark .dropdown-btn:hover {
    background-color: #0b0d0f;
    color: #e8eaed;
}
.dropdown-btn .icon {
    margin: 0;
    width: 24px;
    height: 24px;
}
#course-category-listings .dropdown-btn .icon {
    display: inline-flex;
    align-items: center;
    width: 16px;
    height: 16px;
}
.dropdown-user {
    width: 300px;
    max-width: 300px;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    font-size: 1rem;
    font-weight: 500;
    color: #090223;
}
.theme-dark .dropdown-user {
    color: #e8eaed;
}
.dropdown-user .meta.viewingas,
.dropdown-user .meta.role {
    position: relative;
    display: block;
    background-color: #d1ecc0;
    padding: 9px 14px;
    margin: 5px 0 0;
    border-radius: 7px;
    font-size: 0.75rem;
    line-height: 1.3;
    color: #004b57;
    text-align: center;
}
.meta.loginfailures {
    padding: 3px 8px;
    background-color: #fdf6ea;
    border-radius: 7px;
    font-size: 0.75rem;
    white-space: normal;
    line-height: 1.3;
    color: #c3850c;
}
.dropdown-user-nick,
.dropdown-user-meta:not(:empty) {
    margin: 5px 0;
    white-space: normal;
}
.dropdown-user-mail {
    display: block;
    width: 100%;
    font-size: 0.75rem;
    font-weight: 400;
    color: rgba(9, 2, 35, 0.8);
}
.theme-dark .dropdown-user-mail {
    color: rgba(232, 234, 237, 0.8);
}
.dropdown-user-wrapper {
    padding: 6px 16px;
    display: flex;
    flex-wrap: wrap;
}
.rui-fullname {
    width: 100%;
    font-size: 0.875rem;
    white-space: normal;
    word-break: break-all;
}
.usermenu .dropdown-item {
    padding: 7px 20px 7px 36px;
    background-repeat: no-repeat;
    background-position: 11px;
    background-size: 18px;
}
.usermenu .dropdown-item:hover {
    background-color: #f9f9fa;
    color: #413c55;
}
.theme-dark .usermenu .dropdown-item:hover {
    background-color: #000;
}
.usermenu .dropdown-item[data-identifier*="mymoodle"] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23a19eab' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M4.75 6.75C4.75 5.64543 5.64543 4.75 6.75 4.75H17.25C18.3546 4.75 19.25 5.64543 19.25 6.75V17.25C19.25 18.3546 18.3546 19.25 17.25 19.25H6.75C5.64543 19.25 4.75 18.3546 4.75 17.25V6.75Z'%3E%3C/path%3E%3Cpath stroke='%23a19eab' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M9.75 8.75V19'%3E%3C/path%3E%3Cpath stroke='%23a19eab' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M5 8.25H19'%3E%3C/path%3E%3C/svg%3E%0A");
}
.usermenu .dropdown-item[data-identifier*="dashboard"] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23a19eab' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M4.75 6.75C4.75 5.64543 5.64543 4.75 6.75 4.75H17.25C18.3546 4.75 19.25 5.64543 19.25 6.75V17.25C19.25 18.3546 18.3546 19.25 17.25 19.25H6.75C5.64543 19.25 4.75 18.3546 4.75 17.25V6.75Z'%3E%3C/path%3E%3Cpath stroke='%23a19eab' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M9.75 8.75V19'%3E%3C/path%3E%3Cpath stroke='%23a19eab' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M5 8.25H19'%3E%3C/path%3E%3C/svg%3E%0A");
}
.usermenu .dropdown-item[data-identifier*="profile"] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='8' r='3.25' stroke='%23a19eab' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3C/circle%3E%3Cpath stroke='%23a19eab' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6.8475 19.25H17.1525C18.2944 19.25 19.174 18.2681 18.6408 17.2584C17.8563 15.7731 16.068 14 12 14C7.93201 14 6.14367 15.7731 5.35924 17.2584C4.82597 18.2681 5.70558 19.25 6.8475 19.25Z'%3E%3C/path%3E%3C/svg%3E%0A");
}
.usermenu .dropdown-item[data-identifier*="grades"] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23a19eab' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M5.75 19.2502H18.25C18.8023 19.2502 19.25 18.8025 19.25 18.2502V5.75C19.25 5.19772 18.8023 4.75 18.25 4.75H5.75C5.19772 4.75 4.75 5.19772 4.75 5.75V18.2502C4.75 18.8025 5.19772 19.2502 5.75 19.2502Z'%3E%3C/path%3E%3Cpath stroke='%23a19eab' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M19.25 9.25L5.25 9.25'%3E%3C/path%3E%3Cpath stroke='%23a19eab' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M19.25 14.75L5.25 14.75'%3E%3C/path%3E%3C/svg%3E%0A");
}
.usermenu .dropdown-item[data-identifier*="messages"] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23a19eab' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M12 18.25C15.5 18.25 19.25 16.5 19.25 12C19.25 7.5 15.5 5.75 12 5.75C8.5 5.75 4.75 7.5 4.75 12C4.75 13.0298 4.94639 13.9156 5.29123 14.6693C5.50618 15.1392 5.62675 15.6573 5.53154 16.1651L5.26934 17.5635C5.13974 18.2547 5.74527 18.8603 6.43651 18.7307L9.64388 18.1293C9.896 18.082 10.1545 18.0861 10.4078 18.1263C10.935 18.2099 11.4704 18.25 12 18.25Z'%3E%3C/path%3E%3Cpath stroke='%23a19eab' stroke-linecap='round' stroke-linejoin='round' d='M9.5 12C9.5 12.2761 9.27614 12.5 9 12.5C8.72386 12.5 8.5 12.2761 8.5 12C8.5 11.7239 8.72386 11.5 9 11.5C9.27614 11.5 9.5 11.7239 9.5 12Z'%3E%3C/path%3E%3Cpath stroke='%23a19eab' stroke-linecap='round' stroke-linejoin='round' d='M12.5 12C12.5 12.2761 12.2761 12.5 12 12.5C11.7239 12.5 11.5 12.2761 11.5 12C11.5 11.7239 11.7239 11.5 12 11.5C12.2761 11.5 12.5 11.7239 12.5 12Z'%3E%3C/path%3E%3Cpath stroke='%23a19eab' stroke-linecap='round' stroke-linejoin='round' d='M15.5 12C15.5 12.2761 15.2761 12.5 15 12.5C14.7239 12.5 14.5 12.2761 14.5 12C14.5 11.7239 14.7239 11.5 15 11.5C15.2761 11.5 15.5 11.7239 15.5 12Z'%3E%3C/path%3E%3C/svg%3E%0A");
}
.usermenu .dropdown-item[data-identifier*="preferences"] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23a19eab' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M13.1191 5.61336C13.0508 5.11856 12.6279 4.75 12.1285 4.75H11.8715C11.3721 4.75 10.9492 5.11856 10.8809 5.61336L10.7938 6.24511C10.7382 6.64815 10.4403 6.96897 10.0622 7.11922C10.006 7.14156 9.95021 7.16484 9.89497 7.18905C9.52217 7.3524 9.08438 7.3384 8.75876 7.09419L8.45119 6.86351C8.05307 6.56492 7.49597 6.60451 7.14408 6.9564L6.95641 7.14408C6.60452 7.49597 6.56492 8.05306 6.86351 8.45118L7.09419 8.75876C7.33841 9.08437 7.3524 9.52216 7.18905 9.89497C7.16484 9.95021 7.14156 10.006 7.11922 10.0622C6.96897 10.4403 6.64815 10.7382 6.24511 10.7938L5.61336 10.8809C5.11856 10.9492 4.75 11.372 4.75 11.8715V12.1285C4.75 12.6279 5.11856 13.0508 5.61336 13.1191L6.24511 13.2062C6.64815 13.2618 6.96897 13.5597 7.11922 13.9378C7.14156 13.994 7.16484 14.0498 7.18905 14.105C7.3524 14.4778 7.3384 14.9156 7.09419 15.2412L6.86351 15.5488C6.56492 15.9469 6.60451 16.504 6.9564 16.8559L7.14408 17.0436C7.49597 17.3955 8.05306 17.4351 8.45118 17.1365L8.75876 16.9058C9.08437 16.6616 9.52216 16.6476 9.89496 16.811C9.95021 16.8352 10.006 16.8584 10.0622 16.8808C10.4403 17.031 10.7382 17.3519 10.7938 17.7549L10.8809 18.3866C10.9492 18.8814 11.3721 19.25 11.8715 19.25H12.1285C12.6279 19.25 13.0508 18.8814 13.1191 18.3866L13.2062 17.7549C13.2618 17.3519 13.5597 17.031 13.9378 16.8808C13.994 16.8584 14.0498 16.8352 14.105 16.8109C14.4778 16.6476 14.9156 16.6616 15.2412 16.9058L15.5488 17.1365C15.9469 17.4351 16.504 17.3955 16.8559 17.0436L17.0436 16.8559C17.3955 16.504 17.4351 15.9469 17.1365 15.5488L16.9058 15.2412C16.6616 14.9156 16.6476 14.4778 16.811 14.105C16.8352 14.0498 16.8584 13.994 16.8808 13.9378C17.031 13.5597 17.3519 13.2618 17.7549 13.2062L18.3866 13.1191C18.8814 13.0508 19.25 12.6279 19.25 12.1285V11.8715C19.25 11.3721 18.8814 10.9492 18.3866 10.8809L17.7549 10.7938C17.3519 10.7382 17.031 10.4403 16.8808 10.0622C16.8584 10.006 16.8352 9.95021 16.8109 9.89496C16.6476 9.52216 16.6616 9.08437 16.9058 8.75875L17.1365 8.4512C17.4351 8.05308 17.3955 7.49599 17.0436 7.1441L16.8559 6.95642C16.504 6.60453 15.9469 6.56494 15.5488 6.86353L15.2412 7.09419C14.9156 7.33841 14.4778 7.3524 14.105 7.18905C14.0498 7.16484 13.994 7.14156 13.9378 7.11922C13.5597 6.96897 13.2618 6.64815 13.2062 6.24511L13.1191 5.61336Z'%3E%3C/path%3E%3Cpath stroke='%23a19eab' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M13.25 12C13.25 12.6904 12.6904 13.25 12 13.25C11.3096 13.25 10.75 12.6904 10.75 12C10.75 11.3096 11.3096 10.75 12 10.75C12.6904 10.75 13.25 11.3096 13.25 12Z'%3E%3C/path%3E%3C/svg%3E%0A");
}
.usermenu .dropdown-item[data-identifier*="logout"] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23ef1010' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M15.75 8.75L19.25 12L15.75 15.25'%3E%3C/path%3E%3Cpath stroke='%23ef1010' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M19 12H10.75'%3E%3C/path%3E%3Cpath stroke='%23ef1010' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M15.25 4.75H6.75C5.64543 4.75 4.75 5.64543 4.75 6.75V17.25C4.75 18.3546 5.64543 19.25 6.75 19.25H15.25'%3E%3C/path%3E%3C/svg%3E%0A");
    background-color: #feeded;
    color: #ca0d0d;
}
.usermenu .dropdown-item[data-identifier*="logout"]:hover {
    background-color: #fbc8c8 !important;
    color: #ca0d0d;
}
.usermenu .dropdown-item[data-identifier*="switchroleto"] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23027654' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M11.25 4.75L8.75 7L11.25 9.25'%3E%3C/path%3E%3Cpath stroke='%23027654' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M12.75 19.25L15.25 17L12.75 14.75'%3E%3C/path%3E%3Cpath stroke='%23027654' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M9.75 7H13.25C16.5637 7 19.25 9.68629 19.25 13V13.25'%3E%3C/path%3E%3Cpath stroke='%23027654' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M14.25 17H10.75C7.43629 17 4.75 14.3137 4.75 11V10.75'%3E%3C/path%3E%3C/svg%3E%0A");
    background-color: #eaf4dd;
    color: #00665f;
}
.usermenu .dropdown-item[data-identifier*="switchroleto"]:hover {
    background-color: #d1ecc0;
    color: #00665f !important;
}
.usermenu .dropdown-item[data-identifier*="calendar"] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23a19eab' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M4.75 8.75C4.75 7.64543 5.64543 6.75 6.75 6.75H17.25C18.3546 6.75 19.25 7.64543 19.25 8.75V17.25C19.25 18.3546 18.3546 19.25 17.25 19.25H6.75C5.64543 19.25 4.75 18.3546 4.75 17.25V8.75Z'%3E%3C/path%3E%3Cpath stroke='%23a19eab' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M8 4.75V8.25'%3E%3C/path%3E%3Cpath stroke='%23a19eab' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M16 4.75V8.25'%3E%3C/path%3E%3Cpath stroke='%23a19eab' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M7.75 10.75H16.25'%3E%3C/path%3E%3C/svg%3E%0A");
}
.usermenu .dropdown-item[data-identifier*="privatefiles"] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23a19eab' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M19.25 11.75L17.6644 6.20056C17.4191 5.34195 16.6344 4.75 15.7414 4.75H8.2586C7.36564 4.75 6.58087 5.34196 6.33555 6.20056L4.75 11.75'%3E%3C/path%3E%3Cpath stroke='%23a19eab' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M10.2142 12.3689C9.95611 12.0327 9.59467 11.75 9.17085 11.75H4.75V17.25C4.75 18.3546 5.64543 19.25 6.75 19.25H17.25C18.3546 19.25 19.25 18.3546 19.25 17.25V11.75H14.8291C14.4053 11.75 14.0439 12.0327 13.7858 12.3689C13.3745 12.9046 12.7276 13.25 12 13.25C11.2724 13.25 10.6255 12.9046 10.2142 12.3689Z'%3E%3C/path%3E%3C/svg%3E");
}
.usermenu .dropdown-item[data-identifier*="reports"] {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.75 15.75L8.25 19.25' stroke='%23a19eab' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M8.25 15.75L4.75 19.25' stroke='%23a19eab' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M11.75 19.25H15.25' stroke='%23a19eab' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M8.75 8.75H15.25' stroke='%23a19eab' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M9.75 11.75H14.25' stroke='%23a19eab' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M19.25 19.25V6.75C19.25 5.64543 18.3546 4.75 17.25 4.75H6.75C5.64543 4.75 4.75 5.64543 4.75 6.75V12.25' stroke='%23a19eab' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E%0A");
}
.usermenu .dropdown-item:last-of-type a {
    margin: 0;
}
.dropdown-item.aabtn.menu-action .dropdown-item--text {
    display: none;
}
.dropdown .tool-lp-menu-item a {
    font-weight: 500;
    color: #090223;
}
.dropdown .tool-lp-menu-item a:hover {
    text-decoration: none;
}
.dropdown .tool-lp-menu-item a .icon {
    padding: 0;
}
.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-flex;
    align-items: center;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
    position: relative;
    flex: 1 1 auto;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover {
    z-index: 1;
}
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
    z-index: 1;
}
.btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.btn-toolbar .input-group {
    width: auto;
}
.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) {
    margin-left: -1px;
}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn-group:not(:last-child) > .btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) > .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.btn-group > .btn:first-child {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.btn-group > .btn:last-child {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.dropdown-toggle-split {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
}
.dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after,
.dropright .dropdown-toggle-split::after {
    margin-left: 0;
}
.dropleft .dropdown-toggle-split::before {
    margin-right: 0;
}
.btn-sm + .dropdown-toggle-split,
.btn-group-sm > .btn + .dropdown-toggle-split {
    padding-right: 0.75rem;
    padding-left: 0.75rem;
}
.btn-lg + .dropdown-toggle-split,
.btn-group-lg > .btn + .dropdown-toggle-split {
    padding-right: 1.3125rem;
    padding-left: 1.3125rem;
}
.btn-group-vertical {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
    width: 100%;
}
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) {
    margin-top: -1px;
}
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) > .btn {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.btn-group-toggle > .btn,
.btn-group-toggle > .btn-group > .btn {
    margin-bottom: 0;
}
.btn-group-toggle > .btn input[type="radio"],
.btn-group-toggle > .btn input[type="checkbox"],
.btn-group-toggle > .btn-group > .btn input[type="radio"],
.btn-group-toggle > .btn-group > .btn input[type="checkbox"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}
.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
}
.input-group > .form-control,
.input-group > .form-control-plaintext,
.input-group > .custom-select,
.input-group > .custom-file {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
    margin-bottom: 0;
}
.input-group > .form-control + .form-control,
.input-group > .form-control + .custom-select,
.input-group > .form-control + .custom-file,
.input-group > .form-control-plaintext + .form-control,
.input-group > .form-control-plaintext + .custom-select,
.input-group > .form-control-plaintext + .custom-file,
.input-group > .custom-select + .form-control,
.input-group > .custom-select + .custom-select,
.input-group > .custom-select + .custom-file,
.input-group > .custom-file + .form-control,
.input-group > .custom-file + .custom-select,
.input-group > .custom-file + .custom-file {
    margin-left: -1px;
}
.input-group > .form-control:focus,
.input-group > .custom-select:focus,
.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
    z-index: 3;
}
.input-group > .custom-file .custom-file-input:focus {
    z-index: 4;
}
.input-group > .form-control:not(:last-child),
.input-group > .custom-select:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.input-group > .form-control:not(:first-child),
.input-group > .custom-select:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.input-group > .custom-file {
    display: flex;
    align-items: center;
}
.input-group > .custom-file:not(:last-child) .custom-file-label,
.input-group > .custom-file:not(:last-child) .custom-file-label::after {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.input-group > .custom-file:not(:first-child) .custom-file-label {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.input-group:not(.has-validation) > .form-control:not(:last-child),
.input-group:not(.has-validation) > .custom-select:not(:last-child),
.input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label::after {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.input-group.has-validation > .form-control:nth-last-child(n + 3),
.input-group.has-validation > .custom-select:nth-last-child(n + 3),
.input-group.has-validation > .custom-file:nth-last-child(n + 3) .custom-file-label::after {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.input-group-prepend,
.input-group-append {
    display: flex;
}
.input-group-prepend .btn,
.input-group-append .btn {
    position: relative;
    z-index: 2;
}
.input-group-prepend .btn:focus,
.input-group-append .btn:focus {
    z-index: 3;
}
.input-group-prepend .btn + .btn,
.input-group-prepend .btn + .input-group-text,
.input-group-prepend .input-group-text + .input-group-text,
.input-group-prepend .input-group-text + .btn,
.input-group-append .btn + .btn,
.input-group-append .btn + .input-group-text,
.input-group-append .input-group-text + .input-group-text,
.input-group-append .input-group-text + .btn {
    margin-left: -1px;
}
.input-group-prepend {
    margin-right: -1px;
}
.input-group-append {
    margin-left: -1px;
}
.input-group-text {
    display: flex;
    align-items: center;
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    color: #413c55;
    text-align: center;
    white-space: nowrap;
    background-color: #eeedef;
    border: 1px solid #e1e0e4;
    border-radius: 7px;
}
.input-group-text input[type="radio"],
.input-group-text input[type="checkbox"] {
    margin-top: 0;
}
.input-group-lg > .form-control:not(textarea),
.input-group-lg > .custom-select {
    height: calc(1.5em + 2rem + 2px);
}
.input-group-lg > .form-control,
.input-group-lg > .custom-select,
.input-group-lg > .input-group-prepend > .input-group-text,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-append > .btn {
    padding: 1rem 1.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 40px;
}
.input-group-sm > .form-control:not(textarea),
.input-group-sm > .custom-select {
    height: 36px;
}
.input-group-sm > .form-control,
.input-group-sm > .custom-select,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-append > .btn {
    padding: 0.6rem 1rem;
    font-size: 0.8125rem;
    line-height: 1.5;
    border-radius: 3px;
}
.input-group-lg > .custom-select,
.input-group-sm > .custom-select {
    padding-right: 2.25rem;
}
.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text,
.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .btn,
.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .input-group-text,
.input-group.has-validation > .input-group-append:nth-last-child(n + 3) > .btn,
.input-group.has-validation > .input-group-append:nth-last-child(n + 3) > .input-group-text,
.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-append:last-child > .input-group-text:not(:last-child),
.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.custom-control {
    position: relative;
    z-index: 1;
    display: block;
    min-height: 1.5rem;
    padding: 0.25rem 0.5rem;
    color-adjust: exact;
}
.simplesearchform .custom-control {
    margin-left: 2rem;
}
.custom-control-inline {
    display: inline-flex;
    margin-right: 1rem;
}
.custom-control-inline input[type="radio"] {
    margin: 0;
}
.custom-control-input {
    position: absolute;
    left: 0;
    z-index: 1;
    width: 1.25rem;
    height: 1.375rem;
    opacity: 0;
}
.custom-control-input:checked ~ .custom-control-label::before {
    color: #c6b3c8;
    border-color: #68336c;
    background-color: #68336c;
}
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #d9ccda;
}
.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
    color: #420047;
    background-color: #fff;
    border-color: #fff;
}
.custom-control-input[disabled] ~ .custom-control-label,
.custom-control-input:disabled ~ .custom-control-label {
    color: #b4b2bc;
}
.custom-control-input[disabled] ~ .custom-control-label::before,
.custom-control-input:disabled ~ .custom-control-label::before {
    background-color: #eeedef;
}
.custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top;
}
.custom-control-label::before {
    position: absolute;
    top: 0.125rem;
    left: -1.75rem;
    display: block;
    width: 1.25rem;
    height: 1.25rem;
    pointer-events: none;
    content: "";
    background-color: transparent;
    border: #c4c3cb solid 2px;
}
.theme-dark .custom-control-label::before {
    border-color: #2e3134;
}
.custom-control-label::after {
    position: absolute;
    top: 0.125rem;
    left: -1.75rem;
    display: block;
    width: 1.25rem;
    height: 1.25rem;
    content: "";
    background: 50% / 50% 50% no-repeat;
}
.custom-checkbox .custom-control-label::before {
    border-radius: 7px;
}
.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='%23c6b3c8' 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: #ece6ed;
    background-color: #ece6ed;
}
.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='%23c6b3c8' d='M0 2h4'/%3e%3c/svg%3e");
}
.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(66, 0, 71, 0.5);
}
.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
    background-color: rgba(66, 0, 71, 0.5);
}
.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='%23c6b3c8'/%3e%3c/svg%3e");
}
.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(66, 0, 71, 0.5);
}
.custom-switch {
    padding-left: 2.6875rem;
}
.custom-switch .custom-control-label::before {
    left: -2.6875rem;
    width: 2.1875rem;
    pointer-events: all;
    border-radius: 0.625rem;
}
.custom-switch .custom-control-label::after {
    top: calc(0.125rem + 4px);
    left: calc(-2.6875rem + 4px);
    width: calc(1.25rem - 8px);
    height: calc(1.25rem - 8px);
    background-color: #c4c3cb;
    border-radius: 0.625rem;
    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: #f9f9fa;
    transform: translateX(0.9375rem);
}
.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(66, 0, 71, 0.5);
}
.custom-select,
select.quickgrade {
    display: inline-block;
    width: 100%;
    max-width: 280px !important;
    height: calc(1.5em + 1.5rem + 2px);
    padding: 0.75rem 2.25rem 0.75rem 1.25rem;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    color: #413c55;
    vertical-align: middle;
    background: #f9f9fa 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='%23413c55' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 10px center / 8px 10px no-repeat;
    border: 1px solid #e1e0e4;
    border-radius: 7px;
    appearance: none;
}
.theme-dark .custom-select,
.theme-dark select.quickgrade {
    color: #bdc1c6;
    background: #080808 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='%23BDC1C6' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 10px center / 8px 10px no-repeat;
    border-color: #282a2d;
}
.custom-select:focus,
select.quickgrade:focus {
    border-color: #d9ccda;
}
.custom-select:focus::-ms-value,
select.quickgrade:focus::-ms-value {
    color: #413c55;
    background-color: #f9f9fa;
}
.theme-dark .custom-select:focus::-ms-value,
.theme-dark select.quickgrade:focus::-ms-value {
    color: #bdc1c6;
    background-color: #080808;
}
.custom-select[multiple],
.custom-select[size]:not([size="1"]),
select.quickgrade[multiple],
select.quickgrade[size]:not([size="1"]) {
    height: auto;
    padding-right: 1.25rem;
    background-image: none;
}
.custom-select:disabled,
select.quickgrade:disabled {
    color: #b4b2bc;
    background-color: #eeedef;
}
.theme-dark .custom-select:disabled,
.theme-dark select.quickgrade:disabled {
    color: #3c4043;
    background-color: #17181b;
}
.custom-select::-ms-expand,
select.quickgrade::-ms-expand {
    display: none;
}
.custom-select:-moz-focusring,
select.quickgrade:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #413c55;
}
.custom-select-sm {
    height: 40px;
    padding-top: 9px;
    padding-bottom: 9px;
    padding-left: 1rem;
    font-size: 0.8125rem;
    line-height: 1.4;
    font-size: 0.8125rem;
}
.custom-select-lg {
    height: calc(1.5em + 2rem + 2px);
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 1.75rem;
    font-size: 1rem;
}
.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: calc(1.5em + 1.5rem + 2px);
    margin-bottom: 0;
}
.custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: calc(1.5em + 1.5rem + 2px);
    margin: 0;
    overflow: hidden;
    opacity: 0;
}
.custom-file-input:focus ~ .custom-file-label {
    border-color: #d9ccda;
}
.theme-dark .custom-file-input:focus ~ .custom-file-label {
    border-color: #9600a4;
}
.custom-file-input[disabled] ~ .custom-file-label,
.custom-file-input:disabled ~ .custom-file-label {
    background-color: #eeedef;
}
.theme-dark .custom-file-input[disabled] ~ .custom-file-label,
.theme-dark .custom-file-input:disabled ~ .custom-file-label {
    background-color: #17181b;
}
.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 + 1.5rem + 2px);
    padding: 0.75rem 1.25rem;
    overflow: hidden;
    font-weight: 400;
    line-height: 1.5;
    color: #413c55;
    background-color: #f9f9fa;
    border: 1px solid #e1e0e4;
    border-radius: 7px;
}
.theme-dark .custom-file-label {
    color: #bdc1c6;
    background-color: #080808;
}
.custom-file-label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: calc(1.5em + 1.5rem);
    padding: 0.75rem 1.25rem;
    line-height: 1.5;
    color: #413c55;
    content: "Browse";
    background-color: #eeedef;
    border-left: inherit;
    border-radius: 0 7px 7px 0;
}
.theme-dark .custom-file-label::after {
    color: #bdc1c6;
}
.custom-range {
    width: 100%;
    height: 1.4rem;
    padding: 0;
    background-color: transparent;
    appearance: none;
}
.custom-range::-moz-focus-outer {
    border: 0;
}
.custom-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -0.25rem;
    background-color: #ece6ed;
    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: #fff;
}
.custom-range::-webkit-slider-runnable-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: #e1e0e4;
    border-color: transparent;
    border-radius: 1rem;
}
.theme-dark .custom-range::-webkit-slider-runnable-track {
    background-color: #202124;
}
.custom-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #ece6ed;
    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: #fff;
}
.custom-range::-moz-range-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: #e1e0e4;
    border-color: transparent;
    border-radius: 1rem;
}
.theme-dark .custom-range::-moz-range-track {
    background-color: #202124;
}
.custom-range::-ms-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: 0;
    margin-right: 0.2rem;
    margin-left: 0.2rem;
    background-color: #ece6ed;
    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: #fff;
}
.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: #e1e0e4;
    border-radius: 1rem;
}
.theme-dark .custom-range::-ms-fill-lower {
    background-color: #202124;
}
.custom-range::-ms-fill-upper {
    margin-right: 15px;
    background-color: #e1e0e4;
    border-radius: 1rem;
}
.theme-dark .custom-range::-ms-fill-upper {
    background-color: #202124;
}
.custom-range:disabled::-webkit-slider-thumb {
    background-color: #c4c3cb;
}
.theme-dark .custom-range:disabled::-webkit-slider-thumb {
    background-color: #2e3134;
}
.custom-range:disabled::-webkit-slider-runnable-track {
    cursor: default;
}
.custom-range:disabled::-moz-range-thumb {
    background-color: #c4c3cb;
}
.theme-dark .custom-range:disabled::-moz-range-thumb {
    background-color: #2e3134;
}
.custom-range:disabled::-moz-range-track {
    cursor: default;
}
.custom-range:disabled::-ms-thumb {
    background-color: #c4c3cb;
}
.theme-dark .custom-range:disabled::-ms-thumb {
    background-color: #2e3134;
}
.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;
    }
}
.nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.nav-link:hover,
.nav-link:focus {
    text-decoration: none;
}
.nav-link.disabled {
    color: #c4c3cb;
    pointer-events: none;
    cursor: default;
}
.theme-dark .nav-link.disabled {
    color: #2e3134;
}
.nav-tabs {
    padding: 5px;
    margin: 0;
    background-color: #f9f9fa;
    border-radius: 7px;
    font-size: 0.813rem;
}
.theme-dark .nav-tabs {
    background-color: #0b0d0f;
}
.nav-tabs + .nav-tabs {
    margin-top: 0.25rem;
}
.nav-tabs .nav-item {
    margin: 2px;
    display: inline-flex;
}
.nav-tabs .nav-item:focus {
    outline: none;
    box-shadow: none;
}
.nav-tabs .nav-link {
    padding: 10px 12px;
    margin-right: 0.25rem;
    display: inline-flex;
    position: relative;
    font-weight: 700;
    color: #a19eab;
    border-radius: 7px;
}
.theme-dark .nav-tabs .nav-link {
    color: #9aa0a6;
}
.nav-tabs .nav-link:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border: 2px solid #a180a3;
    border-radius: 7px;
    transition: all 0.2s ease-in-out;
    opacity: 0;
}
.nav-tabs .nav-link:hover {
    background-color: #f9f9fa;
    color: #420047;
    text-decoration: none;
}
.theme-dark .nav-tabs .nav-link:hover {
    background-color: #0b0d0f;
    color: #a180a3;
}
.nav-tabs .nav-link:hover:before {
    opacity: 1;
}
.nav-tabs .nav-link.active {
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.1) 0 4px 6px -1px, rgba(0, 0, 0, 0.06) 0 2px 4px -1px;
}
.theme-dark .nav-tabs .nav-link.active {
    background-color: #080909;
}
.nav-tabs .nav-link.active::before {
    opacity: 0;
}
.nav-tabs .nav-link.disabled {
    color: #c4c3cb;
    background-color: transparent;
    opacity: 0.6;
}
.theme-dark .nav-tabs .nav-link.disabled {
    color: #2e3134;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    color: #a19eab;
    background-color: #fff;
}
.theme-dark .nav-tabs .nav-link.active,
.theme-dark .nav-tabs .nav-item.show .nav-link {
    color: #9aa0a6;
    background-color: #080909;
}
.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.rui-tag-tabs a {
    margin-right: 0.25rem;
    padding: 0.5rem 1rem;
    display: inline-flex;
    position: relative;
    font-weight: 700;
    color: #a19eab;
    border-radius: 7px;
}
.theme-dark .rui-tag-tabs a {
    color: #9aa0a6;
}
.rui-tag-tabs a:hover,
.rui-tag-tabs a:focus {
    text-decoration: none;
}
.rui-tag-tabs a:hover {
    background-color: #e1e0e4;
    text-decoration: none;
}
.theme-dark .rui-tag-tabs a:hover {
    background-color: #202124;
}
.nav-pills .nav-link {
    border-radius: 7px;
    color: #420047;
    font-weight: 500;
}
.theme-dark .nav-pills .nav-link {
    color: #d9ccda;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    color: #090223;
    background-color: #ece6ed;
}
.theme-dark .nav-pills .nav-link.active,
.theme-dark .nav-pills .show > .nav-link {
    color: #e8eaed;
    background-color: #210024;
}
.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;
}
.tab-content > .tab-pane {
    display: none;
}
.tab-content > .tab-pane .list-unstyled {
    line-height: 2;
}
.tab-content > .active {
    display: block;
}
.rui-courseheadermenu-container {
    margin-top: 20px;
    font-weight: 500;
    font-size: 0.875rem;
}
.rui-courseheadermenu-container + .page-content {
    margin-top: 30px;
}
@media (max-width: 767.98px) {
    .rui-courseheadermenu-container.rui-topbar--custom-menu {
        position: relative;
        top: 0;
    }
}
@media (max-width: 1088.98px) {
    .rui-courseheadermenu-container {
        overflow-x: auto;
    }
    .rui-courseheadermenu-container .header-links {
        width: max-content;
    }
}
.rui-courseheadermenu-container .header-link-item {
    display: inline-flex;
    align-items: center;
    position: relative;
    margin: 5px 16px 5px 0;
    color: #090223;
}
.rui-courseheadermenu-container .header-link-item:last-of-type {
    margin-right: 0;
}
.theme-dark .rui-courseheadermenu-container .header-link-item {
    color: #e8eaed;
}
.rui-courseheadermenu-container .header-link-item .header-link-item-icon {
    opacity: 0.7;
    margin-right: 0.35rem;
}
.rui-courseheadermenu-container .header-link-item:after {
    content: "";
    background-color: #68336c;
    width: 0%;
    height: 1px;
    position: absolute;
    left: 1px;
    bottom: -6px;
    opacity: 0;
    transition: all 350ms ease;
}
.theme-dark .rui-courseheadermenu-container .header-link-item:after {
    background-color: #c6b3c8;
}
.rui-courseheadermenu-container .header-link-item:hover {
    color: #420047;
    text-decoration: none;
}
.theme-dark .rui-courseheadermenu-container .header-link-item:hover {
    color: #a180a3;
}
.rui-courseheadermenu-container .header-link-item:hover:after {
    width: 100%;
    opacity: 1;
}
.rui-courseheadermenu-container .header-link-item.active {
    color: #a180a3;
}
.rui-courseheadermenu-container .header-link-item.active:after {
    color: #a180a3;
    background-color: #a180a3;
    width: 100%;
    opacity: 1;
}
@media (max-width: 1088.98px) {
    .main-nav-container-overflow {
        overflow-x: auto;
        overflow-y: hidden;
    }
}
.main-nav-container .header-link-item {
    padding: 0.65rem 0;
    margin-right: 1rem;
}
.nav-column {
    margin: 0;
    padding: 0 20px 0 0;
    border-right: 1px solid #e1e0e4;
}
.theme-dark .nav-column {
    border-right: 1px solid #2e3134;
}
@media (max-width: 767.98px) {
    .nav-column {
        padding: 0;
        border-right: none;
    }
}
.nav-column li a {
    padding: 16px 0;
    display: block;
    border-bottom: 1px solid #e1e0e4;
    color: #090223;
    font-weight: 500;
    position: relative;
}
.theme-dark .nav-column li a {
    border-bottom: 1px solid #2e3134;
    color: #e8eaed;
}
@media (max-width: 767.98px) {
    .nav-column li a {
        padding: 16px;
    }
}
.nav-column li a.active,
.nav-column li a:hover {
    color: #420047;
    border-color: #420047;
}
.theme-dark .nav-column li a.active,
.theme-dark .nav-column li a:hover {
    color: #c6b3c8;
    border-color: #c6b3c8;
}
.nav-column li a.active:before,
.nav-column li a:hover:before {
    content: "";
    background-color: rgba(66, 0, 71, 0.05);
    position: absolute;
    z-index: -1;
    width: calc(100% + 12px);
    top: 4px;
    bottom: 4px;
    left: -6px;
    border-radius: 7px;
}
.theme-dark .nav-column li a.active:before,
.theme-dark .nav-column li a:hover:before {
    background-color: rgba(66, 0, 71, 0.1);
}
.navbar {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem 1rem;
}
.navbar .container,
.navbar .container-fluid,
.navbar .container-sm,
.navbar .container-md,
.navbar .container-lg,
.navbar .container-xl,
.navbar > .container-sm,
.navbar > .container-md,
.navbar > .container-lg,
.navbar > .container-xl {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.navbar-brand {
    display: inline-block;
    padding-top: 0.40625rem;
    padding-bottom: 0.40625rem;
    margin-right: 25px;
    font-size: 1.125rem;
    line-height: inherit;
    white-space: nowrap;
}
.navbar-brand:hover,
.navbar-brand:focus {
    text-decoration: none;
}
.navbar-nav {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0;
}
.navbar-text {
    display: inline-block;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center;
}
.navbar-toggler {
    padding: 0.25rem 0.75rem;
    font-size: 1.125rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 7px;
}
.navbar-toggler:hover,
.navbar-toggler:focus {
    text-decoration: none;
}
.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: no-repeat center center;
    background-size: 100% 100%;
}
@media (max-width: 319.98px) {
    .navbar-expand-sm > .container,
    .navbar-expand-sm > .container-fluid,
    .navbar-expand-sm > .container-sm,
    .navbar-expand-sm > .container-md,
    .navbar-expand-sm > .container-lg,
    .navbar-expand-sm > .container-xl {
        padding-right: 0;
        padding-left: 0;
    }
}
@media (min-width: 320px) {
    .navbar-expand-sm {
        flex-flow: row 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: 0.5rem;
        padding-left: 0.5rem;
    }
    .navbar-expand-sm > .container,
    .navbar-expand-sm > .container-fluid,
    .navbar-expand-sm > .container-sm,
    .navbar-expand-sm > .container-md,
    .navbar-expand-sm > .container-lg,
    .navbar-expand-sm > .container-xl {
        flex-wrap: nowrap;
    }
    .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;
    }
}
@media (max-width: 767.98px) {
    .navbar-expand-md > .container,
    .navbar-expand-md > .container-fluid,
    .navbar-expand-md > .container-sm,
    .navbar-expand-md > .container-md,
    .navbar-expand-md > .container-lg,
    .navbar-expand-md > .container-xl {
        padding-right: 0;
        padding-left: 0;
    }
}
@media (min-width: 768px) {
    .navbar-expand-md {
        flex-flow: row 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: 0.5rem;
        padding-left: 0.5rem;
    }
    .navbar-expand-md > .container,
    .navbar-expand-md > .container-fluid,
    .navbar-expand-md > .container-sm,
    .navbar-expand-md > .container-md,
    .navbar-expand-md > .container-lg,
    .navbar-expand-md > .container-xl {
        flex-wrap: nowrap;
    }
    .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;
    }
}
@media (max-width: 1088.98px) {
    .navbar-expand-lg > .container,
    .navbar-expand-lg > .container-fluid,
    .navbar-expand-lg > .container-sm,
    .navbar-expand-lg > .container-md,
    .navbar-expand-lg > .container-lg,
    .navbar-expand-lg > .container-xl {
        padding-right: 0;
        padding-left: 0;
    }
}
@media (min-width: 1089px) {
    .navbar-expand-lg {
        flex-flow: row 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: 0.5rem;
        padding-left: 0.5rem;
    }
    .navbar-expand-lg > .container,
    .navbar-expand-lg > .container-fluid,
    .navbar-expand-lg > .container-sm,
    .navbar-expand-lg > .container-md,
    .navbar-expand-lg > .container-lg,
    .navbar-expand-lg > .container-xl {
        flex-wrap: nowrap;
    }
    .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;
    }
}
@media (max-width: 1359.98px) {
    .navbar-expand-xl > .container,
    .navbar-expand-xl > .container-fluid,
    .navbar-expand-xl > .container-sm,
    .navbar-expand-xl > .container-md,
    .navbar-expand-xl > .container-lg,
    .navbar-expand-xl > .container-xl {
        padding-right: 0;
        padding-left: 0;
    }
}
@media (min-width: 1360px) {
    .navbar-expand-xl {
        flex-flow: row 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: 0.5rem;
        padding-left: 0.5rem;
    }
    .navbar-expand-xl > .container,
    .navbar-expand-xl > .container-fluid,
    .navbar-expand-xl > .container-sm,
    .navbar-expand-xl > .container-md,
    .navbar-expand-xl > .container-lg,
    .navbar-expand-xl > .container-xl {
        flex-wrap: nowrap;
    }
    .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;
    }
}
@media (max-width: 1899.98px) {
    .navbar-expand-xxl > .container,
    .navbar-expand-xxl > .container-fluid,
    .navbar-expand-xxl > .container-sm,
    .navbar-expand-xxl > .container-md,
    .navbar-expand-xxl > .container-lg,
    .navbar-expand-xxl > .container-xl {
        padding-right: 0;
        padding-left: 0;
    }
}
@media (min-width: 1900px) {
    .navbar-expand-xxl {
        flex-flow: row 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: 0.5rem;
        padding-left: 0.5rem;
    }
    .navbar-expand-xxl > .container,
    .navbar-expand-xxl > .container-fluid,
    .navbar-expand-xxl > .container-sm,
    .navbar-expand-xxl > .container-md,
    .navbar-expand-xxl > .container-lg,
    .navbar-expand-xxl > .container-xl {
        flex-wrap: nowrap;
    }
    .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 {
    flex-flow: row nowrap;
    justify-content: flex-start;
}
.navbar-expand > .container,
.navbar-expand > .container-fluid,
.navbar-expand > .container-sm,
.navbar-expand > .container-md,
.navbar-expand > .container-lg,
.navbar-expand > .container-xl {
    padding-right: 0;
    padding-left: 0;
}
.navbar-expand .navbar-nav {
    flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
    position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}
.navbar-expand > .container,
.navbar-expand > .container-fluid,
.navbar-expand > .container-sm,
.navbar-expand > .container-md,
.navbar-expand > .container-lg,
.navbar-expand > .container-xl {
    flex-wrap: nowrap;
}
.navbar-expand .navbar-nav-scroll {
    overflow: visible;
}
.navbar-expand .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
}
.navbar-expand .navbar-toggler {
    display: none;
}
.editing .block_with_controls {
    min-height: 320px;
}
.card {
    margin-bottom: 40px;
    padding: 0;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
}
.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: 6px;
    border-top-right-radius: 6px;
}
.card > .list-group:last-child {
    border-bottom-width: 0;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}
.card:last-of-type {
    margin-bottom: 0;
}
.card > .card-header + .list-group,
.card > .list-group + .card-footer {
    border-top: 0;
}
.card-body {
    flex: 1 1 auto;
    min-height: 1px;
}
.card-title {
    margin-bottom: 0.75rem;
    font-size: 0.75rem;
    font-weight: 500;
    color: #4b0046;
    text-transform: uppercase;
}
.theme-dark .card-title {
    color: #9aa0a6;
}
.card-subtitle {
    margin-top: -0.625rem;
    margin-bottom: 0;
}
.card-text {
    font-size: 0.75rem;
    color: #413c55;
}
.theme-dark .card-text {
    color: #bdc1c6;
}
.card-text:last-child {
    margin-bottom: 0;
}
.card-link:hover {
    text-decoration: none;
}
.card-link + .card-link {
    margin-left: 1.25rem;
}
.card-header {
    padding: 1.25rem 1.25rem;
    margin-bottom: 0;
}
.card-header:first-child {
    border-radius: 6px 6px 0 0;
}
.card-footer {
    padding: 1.25rem 1.25rem;
    border-top: 1px solid #e1e0e4;
}
.theme-dark .card-footer {
    border-top: 1px solid #2e3134;
}
.card-footer:last-child {
    border-radius: 0 0 6px 6px;
}
.card-header-tabs {
    margin-right: -0.625rem;
    margin-bottom: -1.25rem;
    margin-left: -0.625rem;
    border-bottom: 0;
}
.card-header-pills {
    margin-right: -0.625rem;
    margin-left: -0.625rem;
}
.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem;
    border-radius: 6px;
}
.card-img,
.card-img-top,
.card-img-bottom {
    flex-shrink: 0;
    width: 100%;
}
.card-img,
.card-img-top {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
.card-img,
.card-img-bottom {
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}
.card-deck .card {
    margin-bottom: 15px;
}
@media (min-width: 320px) {
    .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;
    }
}
.card-group > .card {
    margin-bottom: 15px;
}
@media (min-width: 320px) {
    .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;
    }
}
.card-columns .card {
    margin-bottom: 1.25rem;
}
@media (min-width: 320px) {
    .card-columns {
        column-count: 3;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1;
    }
    .card-columns .card {
        display: inline-block;
        width: 100%;
    }
}
.accordion > .card {
    overflow: hidden;
}
.accordion > .card:not(:last-of-type) {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.accordion > .card:not(:first-of-type) {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.accordion > .card > .card-header {
    border-radius: 0;
    margin-bottom: -1px;
}
.block_html {
    padding: 0;
    border: none;
    border-radius: 0;
}
.block_html .card-body {
    padding: 0;
}
.rui-breadcrumbs {
    margin-top: 16px;
    margin-left: 4px;
    display: none;
}
@media (min-width: 1089px) {
    .pagelayout-incourse .rui-breadcrumbs,
    .pagelayout-course .rui-breadcrumbs {
        margin-left: 60px;
    }
    .pagelayout-incourse.drawer-courseindex--open .rui-breadcrumbs,
    .pagelayout-course.drawer-courseindex--open .rui-breadcrumbs {
        margin-left: 0;
    }
}
.breadcrumb,
.coursefilesbreadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: 0 2px;
    margin: 0;
    z-index: 0;
    font-size: 0.75rem;
    list-style: none;
}
@media (max-width: 1088.98px) {
    .breadcrumb,
    .coursefilesbreadcrumb {
        width: max-content;
        justify-content: center;
        margin: 0 auto;
    }
}
@media (min-width: 1089px) {
    .breadcrumbs-container {
        width: 100%;
    }
}
@media (max-width: 1088.98px) {
    .breadcrumbs-container {
        margin-left: auto;
        margin-right: auto;
        padding: 0 0 5px;
        overflow-x: auto;
    }
    .pagelayout-incourse .breadcrumbs-container,
    .pagelayout-course .breadcrumbs-container {
        width: calc(100% - 100px);
    }
}
.breadcrumb--in-content {
    margin: 0;
}
.breadcrumb-item {
    display: flex;
    color: #b4b2bc;
}
.theme-dark .breadcrumb-item {
    color: #9aa0a6;
}
.breadcrumb-item:first-child a {
    padding-left: 22px;
}
.breadcrumb-item:first-child a:before {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23b4b2bc' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6.75024 19.2502H17.2502C18.3548 19.2502 19.2502 18.3548 19.2502 17.2502V9.75025L12.0002 4.75024L4.75024 9.75025V17.2502C4.75024 18.3548 5.64568 19.2502 6.75024 19.2502Z'%3E%3C/path%3E%3Cpath stroke='%23b4b2bc' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9.74963 15.7493C9.74963 14.6447 10.6451 13.7493 11.7496 13.7493H12.2496C13.3542 13.7493 14.2496 14.6447 14.2496 15.7493V19.2493H9.74963V15.7493Z'%3E%3C/path%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: 0;
    width: 24px;
    height: 100%;
}
.theme-dark .breadcrumb-item:first-child a:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23b4b2bc' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6.75024 19.2502H17.2502C18.3548 19.2502 19.2502 18.3548 19.2502 17.2502V9.75025L12.0002 4.75024L4.75024 9.75025V17.2502C4.75024 18.3548 5.64568 19.2502 6.75024 19.2502Z'%3E%3C/path%3E%3Cpath stroke='%239AA0A6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9.74963 15.7493C9.74963 14.6447 10.6451 13.7493 11.7496 13.7493H12.2496C13.3542 13.7493 14.2496 14.6447 14.2496 15.7493V19.2493H9.74963V15.7493Z'%3E%3C/path%3E%3C/svg%3E%0A");
}
.breadcrumb-item .text-truncate,
.breadcrumb-item .dropdown .dropdown-item-text,
.dropdown .breadcrumb-item .dropdown-item-text,
.breadcrumb-item .block_private_files .ygtvcontent div,
.block_private_files .ygtvcontent .breadcrumb-item div,
.breadcrumb-item .block_private_files [id^="private_files_tree"] a,
.block_private_files [id^="private_files_tree"] .breadcrumb-item a {
    max-width: 300px;
}
.breadcrumb-item + .breadcrumb-item {
    padding-left: 0.5rem;
}
.breadcrumb-item + .breadcrumb-item::before {
    display: inline-flex;
    align-items: center;
    padding-right: 0.5rem;
    color: #b4b2bc;
    content: "-";
}
.theme-dark .breadcrumb-item + .breadcrumb-item::before {
    color: #3c4043;
}
.breadcrumb--in-content .breadcrumb-item {
    max-width: 300px;
}
.breadcrumb--in-content .breadcrumb-item a:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23b4b2bc' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6.75 15.25V6.75H15.25'%3E%3C/path%3E%3Cpath stroke='%23b4b2bc' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M7 7L17.25 17.25'%3E%3C/path%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: 0;
    background-size: 18px;
    width: 17px;
    height: 17px;
}
.theme-dark .breadcrumb--in-content .breadcrumb-item a:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%239AA0A6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6.75 15.25V6.75H15.25'%3E%3C/path%3E%3Cpath stroke='%239AA0A6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M7 7L17.25 17.25'%3E%3C/path%3E%3C/svg%3E%0A");
}
.breadcrumb-item + .breadcrumb-item:hover::before {
    text-decoration: underline;
}
.breadcrumb-item + .breadcrumb-item:hover::before {
    text-decoration: none;
}
.breadcrumb-item.active {
    color: #a19eab;
}
.theme-dark .breadcrumb-item.active {
    color: #9aa0a6;
}
.breadcrumb-item .breadcrumbs-textonly {
    margin: 0.25rem 0;
    display: grid;
}
.breadcrumb-item a {
    position: relative;
    display: inline-flex;
    z-index: 1;
    margin: 0.25rem 0;
    color: #b4b2bc;
    font-weight: 500;
}
.theme-dark .breadcrumb-item a {
    color: #9aa0a6;
}
.breadcrumb-item a .text-truncate,
.breadcrumb-item a .dropdown .dropdown-item-text,
.dropdown .breadcrumb-item a .dropdown-item-text,
.breadcrumb-item a .block_private_files .ygtvcontent div,
.block_private_files .ygtvcontent .breadcrumb-item a div,
.breadcrumb-item a .block_private_files [id^="private_files_tree"] a,
.block_private_files [id^="private_files_tree"] .breadcrumb-item a a {
    display: inline-block;
    max-width: 200px;
}
.breadcrumb-item a:hover {
    text-decoration: none;
}
.breadcrumb-item a:hover:after {
    content: "";
    background-color: #fff;
    border-radius: 7px;
    position: absolute;
    left: -6px;
    top: -5px;
    width: calc(100% + 12px);
    height: calc(100% + 9px);
    z-index: -1;
}
.theme-dark .breadcrumb-item a:hover:after {
    background-color: #e8eaed;
}
.pagination,
.comment-paging {
    margin: 1rem 0;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: 7px;
}
.page-link,
.comment-paging a {
    position: relative;
    display: flex;
    padding: 0.5rem 0.75rem;
    margin-left: 1px;
    line-height: 1.5;
    font-weight: 500;
    color: #413c55;
    border-radius: 7px;
}
.theme-dark .page-link,
.theme-dark .comment-paging a {
    color: #bdc1c6;
}
.page-link:hover,
.comment-paging a:hover {
    z-index: 2;
    color: #0642cd;
    text-decoration: none;
    background-color: #eef8ff;
}
.theme-dark .page-link:hover,
.theme-dark .comment-paging a:hover {
    color: #d4def8;
    background-color: #00309f;
}
.page-link:focus,
.comment-paging a:focus {
    z-index: 3;
}
.page-item.active .page-link {
    z-index: 3;
    color: #c4c3cb;
    background-color: #eeedef;
}
.theme-dark .page-item.active .page-link {
    color: #2e3134;
    background-color: #17181b;
}
.page-item.disabled .page-link {
    color: #d3d2d8;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #e1e0e4;
    opacity: 0.3;
}
.theme-dark .page-item.disabled .page-link {
    color: #282a2d;
    background-color: #e8eaed;
    border-color: #202124;
}
.comment-pagination {
    margin-bottom: 1rem;
}
.curpage {
    color: #c4c3cb;
    background-color: #eeedef;
}
.theme-dark .curpage {
    color: #2e3134;
    background-color: #17181b;
}
.pagination-lg .page-link {
    padding: 0.75rem 1.5rem;
    font-size: 1.125rem;
    line-height: 1.5;
}
.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: 40px;
    border-bottom-left-radius: 40px;
}
.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px;
}
.pagination-sm .page-link {
    padding: 10px 10px;
    font-size: 0.875rem;
    line-height: 1.5;
}
.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
.badge {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 0.35rem 0.85rem;
    font-size: 0.75rem;
    font-weight: 500;
    vertical-align: baseline;
    border-radius: 40px;
    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) {
    .badge {
        transition: none;
    }
}
.dir-rtl .badge {
    border: none !important;
}
a.badge:hover,
a.badge:focus {
    text-decoration: none;
}
.badge a {
    color: inherit;
}
.badge + .badge {
    margin-left: 0.35rem;
}
.badge:empty {
    display: none;
}
.badge .bage--remove-icon {
    font-size: 0.6875rem;
}
.badge .icon {
    width: auto;
    height: auto;
    font-size: 0.75rem;
}
.badge-sq {
    display: inline-flex;
    align-items: center;
    padding: 0.35rem 0.85rem;
    font-size: 0.75rem;
    font-weight: 500;
    vertical-align: baseline;
    border-radius: 7px;
}
.badge-sq a {
    font-weight: 700;
    color: inherit;
    opacity: 0.7;
    margin-left: 0.35rem;
}
.badge-sm {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 0.3rem 0.85rem;
    font-size: 0.75rem;
    font-weight: 500;
    vertical-align: baseline;
    border-radius: 40px;
    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) {
    .badge-sm {
        transition: none;
    }
}
a.badge-sm:hover,
a.badge-sm:focus {
    text-decoration: none;
}
.badge-sm a {
    color: inherit;
}
.badge-sm:empty {
    display: none;
}
.badge-sm .bage--remove-icon {
    font-size: 0.6875rem;
}
.badge-sm .icon {
    width: auto;
    height: auto;
    font-size: 0.75rem;
}
.badge-xs {
    padding: 3px 8px;
    font-size: 11px;
    font-weight: 500;
}
.btn .badge {
    position: relative;
    top: -1px;
}
.badge-pill {
    padding-right: 0.6em;
    padding-left: 0.6em;
    border-radius: 10rem;
}
.badge-primary,
.rui-backup-progress .backup_stage.backup_stage_current {
    background-color: #ece6ed;
    color: #28002b;
}
.theme-dark .badge-primary,
.theme-dark .rui-backup-progress .backup_stage.backup_stage_current,
.rui-backup-progress .theme-dark .backup_stage.backup_stage_current {
    background-color: #420047;
    color: #ece6ed;
}
.badge-secondary {
    background-color: #f9f9fa;
    color: #413c55;
}
.theme-dark .badge-secondary {
    background-color: #413c55;
    color: #f9f9fa;
}
.badge-success,
#page-mod-quiz-edit .numberofquestions {
    background-color: #eaf4dd;
    color: #027654;
}
.theme-dark .badge-success,
.theme-dark #page-mod-quiz-edit .numberofquestions,
#page-mod-quiz-edit .theme-dark .numberofquestions {
    background-color: #00665f;
    color: #eaf4dd;
}
.badge-danger {
    background-color: #feeded;
    color: #ef1010;
}
.theme-dark .badge-danger {
    background-color: #a50b0b;
    color: #feeded;
}
.badge-warning {
    background-color: #fff1d5;
    color: #93640a;
}
.theme-dark .badge-warning {
    background-color: #93640a;
    color: #fdf6ea;
}
.badge-info,
.loginfo,
#page-mod-quiz-edit .quizopeningstatus {
    background-color: #eef8ff;
    color: #406cd2;
}
.theme-dark .badge-info,
.theme-dark .loginfo,
.theme-dark #page-mod-quiz-edit .quizopeningstatus,
#page-mod-quiz-edit .theme-dark .quizopeningstatus {
    background-color: #406cd2;
    color: #eef8ff;
}
.badge-light,
.form-defaultinfo,
.rui-backup-progress .backup_stage {
    background-color: #f9f9fa;
    color: #413c55;
}
.theme-dark .badge-light,
.theme-dark .form-defaultinfo,
.theme-dark .rui-backup-progress .backup_stage,
.rui-backup-progress .theme-dark .backup_stage {
    background-color: #202124;
    color: #bdc1c6;
}
.badge-dark {
    background-color: #000;
    color: #fff;
}
.theme-dark .badge-dark {
    background-color: #000;
    color: #fff;
}
.badge-link,
.rui-backup-progress .backup_stage {
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}
.badge-link:hover,
.rui-backup-progress .backup_stage:hover {
    text-decoration: none;
}
.badge-link:before,
.rui-backup-progress .backup_stage:before {
    display: none;
}
.badge-link a:hover,
.rui-backup-progress .backup_stage a:hover {
    text-decoration: none;
    opacity: 0.8;
}
.badge h5 {
    color: inherit;
}
.loginfo {
    margin-top: 1rem;
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 0.35rem 0.85rem;
    font-size: 0.75rem;
    font-weight: 500;
    vertical-align: baseline;
    border-radius: 40px;
}
#page-badges-mybadges #fgroup_id_searchgroup .col-md-3 {
    display: none;
}
.rui-badge-box {
    padding: 20px;
    margin-bottom: 30px;
    border-radius: 7px;
    border: 1px solid #e1e0e4;
    position: relative;
}
.theme-dark .rui-badge-box {
    border: 1px solid #2e3134;
}
.rui-badge-box:last-child,
.rui-badge-box:only-child {
    margin-bottom: 0;
}
.rui-badge-not-available {
    border: 1px solid #f9a3a3;
}
.rui-badge-overview-actions {
    margin: 0 -20px 20px;
    padding: 0 20px 20px;
    border-bottom: 1px solid #e1e0e4;
}
.theme-dark .rui-badge-overview-actions {
    border-bottom: 1px solid #2e3134;
}
.accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 1rem 1.25rem;
    font-size: 1rem;
    font-weight: 700;
    color: #090223;
    text-align: left;
    background-color: #fff;
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: all 350ms ease;
}
@media (prefers-reduced-motion: reduce) {
    .accordion-button {
        transition: none;
    }
}
.theme-dark .accordion-button {
    background-color: #e8eaed;
    color: #e8eaed;
}
.accordion-button:not(.collapsed) {
    color: #420047;
    background-color: #ece6ed;
}
.theme-dark .accordion-button:not(.collapsed) {
    color: #ece6ed;
    background-color: #28002b;
}
.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23420047'%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");
    transform: rotate(-180deg);
}
.theme-dark .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23E8EAED'%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");
}
.accordion-button::after {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "";
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23090223'%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");
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform 0.2s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
    .accordion-button::after {
        transition: none;
    }
}
.theme-dark .accordion-button::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23E8EAED'%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");
}
.accordion-button:hover {
    z-index: 2;
}
.accordion-button:focus {
    z-index: 3;
    border-color: #d9ccda;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(236, 230, 237, 0.25);
}
.theme-dark .accordion-button:focus {
    border-color: #9600a4;
}
.accordion-header {
    margin-bottom: 0;
    line-height: 1.5;
}
.accordion-item {
    background-color: #fff;
    border: 1px solid #e1e0e4;
}
.theme-dark .accordion-item {
    background-color: #e8eaed;
    border: 1px solid #2e3134;
}
.accordion-item:first-of-type {
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}
.accordion-item:first-of-type .accordion-button {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
.accordion-item:not(:first-of-type) {
    border-top: 0;
}
.accordion-item:last-of-type {
    border-bottom-right-radius: 7px;
    border-bottom-left-radius: 7px;
}
.accordion-item:last-of-type .accordion-button.collapsed {
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}
.accordion-item:last-of-type .accordion-collapse {
    border-bottom-right-radius: 7px;
    border-bottom-left-radius: 7px;
}
.accordion-body {
    padding: 1rem 1.25rem;
}
.accordion-flush .accordion-collapse {
    border-width: 0;
}
.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-button {
    border-radius: 0;
}
.alert,
.que .validationerror,
#page-mod-choice-view #notice p {
    position: relative;
    margin: 1rem 0;
    padding: 0.55rem 1.25rem;
    border: 1px solid transparent;
    border-radius: 7px;
    font-size: 0.875rem;
    font-weight: 500;
}
.alert p,
.que .validationerror p,
#page-mod-choice-view #notice p p {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
}
.alert p:last-child,
.que .validationerror p:last-child,
#page-mod-choice-view #notice p p:last-child {
    margin-top: 0;
    margin-bottom: 0;
}
.alert label,
.que .validationerror label,
#page-mod-choice-view #notice p label {
    margin-bottom: 0;
    color: inherit;
}
.alert h1,
.que .validationerror h1,
#page-mod-choice-view #notice p h1,
.alert h2,
.que .validationerror h2,
#page-mod-choice-view #notice p h2,
.alert h3,
.que .validationerror h3,
#page-mod-choice-view #notice p h3,
.alert h4,
.que .validationerror h4,
#page-mod-choice-view #notice p h4,
.alert h5,
.que .validationerror h5,
#page-mod-choice-view #notice p h5 {
    color: inherit;
}
.alert + .alert,
.que .validationerror + .alert,
.que .validationerror + .validationerror,
.que #page-mod-choice-view #notice .validationerror + p,
#page-mod-choice-view #notice .que .validationerror + p,
#page-mod-choice-view #notice p + .alert,
#page-mod-choice-view #notice .que p + .validationerror,
.que #page-mod-choice-view #notice p + .validationerror,
#page-mod-choice-view #notice p + p,
.que .alert + .validationerror,
#page-mod-choice-view #notice .alert + p {
    margin-top: 5px;
}
.alert .close,
.que .validationerror .close,
.que .validationerror .yui3-skin-sam .yui3-button.closebutton,
.yui3-skin-sam .que .validationerror .yui3-button.closebutton,
#page-mod-choice-view #notice p .close,
#page-mod-choice-view #notice p .yui3-skin-sam .yui3-button.closebutton,
.yui3-skin-sam #page-mod-choice-view #notice p .yui3-button.closebutton,
.alert .yui3-skin-sam .yui3-button.closebutton,
.yui3-skin-sam .alert .yui3-button.closebutton {
    background-color: #fff;
}
.alert:first-of-type,
.que .validationerror:first-of-type,
#page-mod-choice-view #notice p:first-of-type {
    margin-top: 0;
}
h2 + .alert,
.que h2 + .validationerror,
#page-mod-choice-view #notice h2 + p {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}
.alert--close {
    padding-right: 40px;
}
.alert--close .close,
.alert--close .yui3-skin-sam .yui3-button.closebutton,
.yui3-skin-sam .alert--close .yui3-button.closebutton {
    margin: 0;
}
.alert-heading {
    color: inherit;
}
.alert-link {
    font-weight: 700;
}
.alert-dismissible {
    padding-right: 3.3125rem;
}
.alert-dismissible .close,
.alert-dismissible .yui3-skin-sam .yui3-button.closebutton,
.yui3-skin-sam .alert-dismissible .yui3-button.closebutton {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: 0.55rem 1.25rem;
    color: inherit;
}
.alert-primary {
    background-color: #eef8ff;
    color: #032574;
}
.theme-dark .alert-primary {
    background-color: #00309f;
    color: #eef8ff;
}
.alert-secondary {
    background-color: #f9f9fa;
    color: #090223;
}
.theme-dark .alert-secondary {
    background-color: #0b0d0f;
    color: #e8eaed;
}
.alert-success {
    background-color: #eaf4dd;
    color: #002d47;
}
.theme-dark .alert-success {
    background-color: #002d47;
    color: #eaf4dd;
}
.alert-danger,
.que .validationerror {
    background-color: #feeded;
    color: #810909;
}
.theme-dark .alert-danger,
.theme-dark .que .validationerror,
.que .theme-dark .validationerror {
    background-color: #810909;
    color: #feeded;
}
.alert-warning,
#page-mod-choice-view #notice p {
    background-color: #fdf6ea;
    color: #93640a;
}
.theme-dark .alert-warning,
.theme-dark #page-mod-choice-view #notice p,
#page-mod-choice-view #notice .theme-dark p {
    background-color: #93640a;
    color: #fdf6ea;
}
.alert-info {
    background-color: #eef8ff;
    color: #032574;
}
.theme-dark .alert-info {
    background-color: #032574;
    color: #eef8ff;
}
.theme-dark .alert-info a {
    color: #eef8ff;
}
.alert-light {
    background-color: #f9f9fa;
    color: #090223;
}
.theme-dark .alert-light {
    background-color: #212121;
    color: #e8eaed;
}
.theme-dark .alert-light .icon {
    filter: invert(1);
}
.alert-dark {
    background-color: #090223;
    color: #f9f9fa;
}
.theme-dark .alert-dark {
    background-color: #e8eaed;
    color: #0b0d0f;
}
@keyframes progress-bar-stripes {
    from {
        background-position: 16px 0;
    }
    to {
        background-position: 0 0;
    }
}
.progress,
.rui-progress {
    display: flex;
    height: 16px;
    overflow: hidden;
    line-height: 0;
    font-size: 0.75rem;
    background-color: #d4def8;
    border-radius: 10px;
}
.theme-dark .progress,
.theme-dark .rui-progress {
    background-color: #202124;
}
.rui-progress-bar,
.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background: #406cd2;
    background: linear-gradient(90deg, #406cd2 0%, #5fb86b 100%);
    transition: width 0.6s ease;
    border-radius: 7px;
}
@media (prefers-reduced-motion: reduce) {
    .rui-progress-bar,
    .progress-bar {
        transition: none;
    }
}
.progress-bar .sr-only {
    display: block !important;
    width: max-content;
    overflow: initial;
    margin: 0;
    font-size: 11px;
    font-weight: 500;
    clip: auto;
    padding: 6px;
}
.rui-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: 16px 16px;
}
.rui-progress-bar-animated {
    animation: 1s linear infinite progress-bar-stripes;
}
@media (prefers-reduced-motion: reduce) {
    .rui-progress-bar-animated {
        animation: none;
    }
}
.rui-progress--value--100 {
    left: auto !important;
    right: 5px;
}
.rui-course-progressbar:hover {
    text-decoration: none;
}
.rui-progress-count {
    margin: 0 0 0 10px;
    display: inline-flex;
    align-items: center;
    font-size: 0.75rem;
    font-weight: 700;
    color: #406cd2;
}
.rui-progress-count .rui-progress-count-total {
    margin-left: 0.25rem;
    opacity: 0.6;
}
.media {
    display: flex;
    align-items: flex-start;
}
.media-body {
    flex: 1;
}
.media-details {
    font-size: 0.75rem;
    color: #413c55;
}
.theme-dark .media-details {
    color: #bdc1c6;
}
.media-details a {
    font-weight: 500;
    color: #413c55;
}
.theme-dark .media-details a {
    color: #bdc1c6;
}
.list-group {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: 7px;
}
.list-group-item-action {
    width: 100%;
    color: #090223;
    text-align: inherit;
    border-bottom: 1px solid #e1e0e4;
}
.theme-dark .list-group-item-action {
    color: #9aa0a6;
}
.list-group-item-action:hover,
.list-group-item-action:focus {
    z-index: 1;
    color: #090223;
    text-decoration: none;
    border-bottom: 1px solid #c6b3c8;
}
.theme-dark .list-group-item-action:hover,
.theme-dark .list-group-item-action:focus {
    color: #9aa0a6;
    border-bottom: 1px solid #c6b3c8;
}
.list-group-item-action:active {
    color: #090223;
    background-color: #eeedef;
}
.theme-dark .list-group-item-action:active {
    color: #e8eaed;
    background-color: #17181b;
}
.list-group-item {
    position: relative;
    display: block;
    padding: 0.75rem 1.25rem;
    word-break: keep-all;
}
.list-group-item:last-child {
    border-bottom: none;
}
.list-group-item.disabled,
.list-group-item:disabled {
    color: #b4b2bc;
    pointer-events: none;
    background-color: #fff;
}
.theme-dark .list-group-item.disabled,
.theme-dark .list-group-item:disabled {
    color: #3c4043;
    background-color: #e8eaed;
}
.list-group-item.active {
    z-index: 2;
    color: #420047;
    background-color: #ece6ed;
}
.theme-dark .list-group-item.active {
    color: #d9ccda;
    background-color: #210024;
}
.list-group-item + .list-group-item {
    border-top-width: 0;
}
.list-group-item + .list-group-item.active {
    margin-top: -1px;
    border-top-width: 1px;
}
.list-group-horizontal {
    flex-direction: row;
}
.list-group-horizontal > .list-group-item:first-child {
    border-bottom-left-radius: 7px;
    border-top-right-radius: 0;
}
.list-group-horizontal > .list-group-item:last-child {
    border-top-right-radius: 7px;
    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: 1px;
    border-left-width: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
}
@media (min-width: 320px) {
    .list-group-horizontal-sm {
        flex-direction: row;
    }
    .list-group-horizontal-sm > .list-group-item:first-child {
        border-bottom-left-radius: 7px;
        border-top-right-radius: 0;
    }
    .list-group-horizontal-sm > .list-group-item:last-child {
        border-top-right-radius: 7px;
        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: 1px;
        border-left-width: 0;
    }
    .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px;
    }
}
@media (min-width: 768px) {
    .list-group-horizontal-md {
        flex-direction: row;
    }
    .list-group-horizontal-md > .list-group-item:first-child {
        border-bottom-left-radius: 7px;
        border-top-right-radius: 0;
    }
    .list-group-horizontal-md > .list-group-item:last-child {
        border-top-right-radius: 7px;
        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: 1px;
        border-left-width: 0;
    }
    .list-group-horizontal-md > .list-group-item + .list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px;
    }
}
@media (min-width: 1089px) {
    .list-group-horizontal-lg {
        flex-direction: row;
    }
    .list-group-horizontal-lg > .list-group-item:first-child {
        border-bottom-left-radius: 7px;
        border-top-right-radius: 0;
    }
    .list-group-horizontal-lg > .list-group-item:last-child {
        border-top-right-radius: 7px;
        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: 1px;
        border-left-width: 0;
    }
    .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px;
    }
}
@media (min-width: 1360px) {
    .list-group-horizontal-xl {
        flex-direction: row;
    }
    .list-group-horizontal-xl > .list-group-item:first-child {
        border-bottom-left-radius: 7px;
        border-top-right-radius: 0;
    }
    .list-group-horizontal-xl > .list-group-item:last-child {
        border-top-right-radius: 7px;
        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: 1px;
        border-left-width: 0;
    }
    .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px;
    }
}
@media (min-width: 1900px) {
    .list-group-horizontal-xxl {
        flex-direction: row;
    }
    .list-group-horizontal-xxl > .list-group-item:first-child {
        border-bottom-left-radius: 7px;
        border-top-right-radius: 0;
    }
    .list-group-horizontal-xxl > .list-group-item:last-child {
        border-top-right-radius: 7px;
        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: 1px;
        border-left-width: 0;
    }
    .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px;
    }
}
.list-group-flush {
    border-radius: 0;
}
.list-group-flush > .list-group-item {
    border-width: 0 0 1px;
}
.list-group-flush > .list-group-item:last-child {
    border-bottom-width: 0;
}
.close,
.yui3-skin-sam .yui3-button.closebutton,
.yui3-button.closebutton {
    position: absolute;
    top: 4px;
    right: 6px;
    margin: 5px;
}
.yui3-button.closebutton {
    margin: 11px;
    background-image: none;
    box-shadow: none;
}
.yui3-button.closebutton [aria-hidden="true"] {
    display: none;
}
.close,
.yui3-skin-sam .yui3-button.closebutton,
.yui3-button.closebutton {
    padding: 0;
    width: 30px;
    height: 30px;
    background-color: #f9f9fa;
    color: #413c55;
    border-radius: 60px;
    line-height: 1;
    transition: all 0.2s ease-in-out;
}
.theme-dark .close,
.theme-dark .yui3-skin-sam .yui3-button.closebutton,
.yui3-skin-sam .theme-dark .yui3-button.closebutton,
.theme-dark .yui3-button.closebutton {
    background-color: #0b0d0f;
    color: #bdc1c6;
}
.close:hover,
.yui3-skin-sam .yui3-button.closebutton:hover,
.yui3-button.closebutton:hover {
    background-color: #ef1010;
}
.close:hover:before,
.yui3-skin-sam .yui3-button.closebutton:hover:before,
.yui3-button.closebutton:hover:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23feeded' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='M17.25 6.75L6.75 17.25'/%3E%3Cpath stroke='%23feeded' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='M6.75 6.75L17.25 17.25'/%3E%3C/svg%3E%0A");
}
.close:before,
.yui3-skin-sam .yui3-button.closebutton:before,
.yui3-button.closebutton:before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23413c55' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='M17.25 6.75L6.75 17.25'/%3E%3Cpath stroke='%23413c55' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='M6.75 6.75L17.25 17.25'/%3E%3C/svg%3E%0A");
    background-size: 20px;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
}
.theme-dark .close:before,
.theme-dark .yui3-skin-sam .yui3-button.closebutton:before,
.yui3-skin-sam .theme-dark .yui3-button.closebutton:before,
.theme-dark .yui3-button.closebutton:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23BDC1C6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='M17.25 6.75L6.75 17.25'/%3E%3Cpath stroke='%23BDC1C6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='M6.75 6.75L17.25 17.25'/%3E%3C/svg%3E%0A");
}
.close:hover,
.yui3-skin-sam .yui3-button.closebutton:hover,
.yui3-button.closebutton:hover {
    color: #413c55;
    text-decoration: none;
}
.theme-dark .close:hover,
.theme-dark .yui3-skin-sam .yui3-button.closebutton:hover,
.yui3-skin-sam .theme-dark .yui3-button.closebutton:hover,
.theme-dark .yui3-button.closebutton:hover {
    color: #bdc1c6;
}
.close:not(:disabled):not(.disabled):hover,
.yui3-skin-sam .yui3-button.closebutton:not(:disabled):not(.disabled):hover,
.close:not(:disabled):not(.disabled):focus,
.yui3-skin-sam .yui3-button.closebutton:not(:disabled):not(.disabled):focus,
.yui3-button.closebutton:not(:disabled):not(.disabled):hover,
.yui3-button.closebutton:not(:disabled):not(.disabled):focus {
    opacity: 0.75;
}
button.close,
.yui3-skin-sam button.yui3-button.closebutton {
    border: 0;
}
a.close.disabled,
.yui3-skin-sam a.disabled.yui3-button.closebutton {
    pointer-events: none;
}
.toast {
    flex-basis: 340px;
    max-width: 340px;
    font-size: 0.875rem;
    color: #090223;
    background-color: #fff1d5;
    background-clip: padding-box;
    box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
    opacity: 0;
    border-radius: 7px;
    position: relative;
}
.theme-dark .toast {
    color: #e8eaed;
    background-color: #c3850c;
}
.toast:not(:last-child) {
    margin-bottom: 16px;
}
.toast.showing {
    opacity: 1;
}
.toast.show {
    display: block;
    opacity: 1;
}
.toast.hide {
    display: none;
}
.toast .close,
.toast .yui3-skin-sam .yui3-button.closebutton,
.yui3-skin-sam .toast .yui3-button.closebutton {
    color: #090223;
}
.theme-dark .toast .close,
.theme-dark .toast .yui3-skin-sam .yui3-button.closebutton,
.yui3-skin-sam .theme-dark .toast .yui3-button.closebutton {
    color: #e8eaed;
}
.toast-header {
    display: flex;
    align-items: center;
    padding: 16px 16px;
    color: #090223;
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px);
}
.theme-dark .toast-header {
    color: #e8eaed;
}
.toast-body {
    padding: 16px;
}
.modal-open {
    overflow: hidden;
}
.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}
.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;
}
.modal-dialog {
    position: relative;
    width: auto;
    margin: 0.5rem;
    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:focus {
    outline: none;
}
.modal-dialog-scrollable {
    display: flex;
    max-height: calc(100% - 1rem);
}
.modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 1rem);
    overflow: hidden;
}
.modal-dialog-scrollable .modal-header,
.modal-dialog-scrollable .modal-footer {
    flex-shrink: 0;
}
.modal-dialog-scrollable .modal-body {
    overflow-y: auto;
    overflow-y: scroll;
    scrollbar-width: thin;
    scrollbar-color: #b4b2bc #fff;
}
.modal-dialog-scrollable .modal-body::-webkit-scrollbar {
    width: 12px;
}
.modal-dialog-scrollable .modal-body::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 20px;
}
.modal-dialog-scrollable .modal-body::-webkit-scrollbar-thumb {
    background-color: #b4b2bc;
    border-radius: 20px;
    border: 3px solid #fff;
}
.modal-dialog-scrollable .modal-body::-webkit-scrollbar-thumb:hover {
    background-color: #a19eab;
}
.theme-dark .modal-dialog-scrollable .modal-body {
    scrollbar-width: thin;
    scrollbar-color: #b4b2bc #0b0d0f;
}
.theme-dark .modal-dialog-scrollable .modal-body::-webkit-scrollbar {
    width: 12px;
}
.theme-dark .modal-dialog-scrollable .modal-body::-webkit-scrollbar-track {
    background: #0b0d0f;
    border-radius: 20px;
}
.theme-dark .modal-dialog-scrollable .modal-body::-webkit-scrollbar-thumb {
    background-color: #b4b2bc;
    border-radius: 20px;
    border: 3px solid #0b0d0f;
}
.theme-dark .modal-dialog-scrollable .modal-body::-webkit-scrollbar-thumb:hover {
    background-color: #a19eab;
}
.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 1rem);
}
.modal-dialog-centered::before {
    display: block;
    height: calc(100vh - 1rem);
    height: min-content;
    content: "";
}
.modal-dialog-centered.modal-dialog-scrollable {
    flex-direction: column;
    justify-content: center;
    height: 100%;
}
.modal-dialog-centered.modal-dialog-scrollable .modal-content {
    max-height: none;
}
.modal-dialog-centered.modal-dialog-scrollable::before {
    content: none;
}
.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #e1e0e4;
    border-radius: 7px;
    outline: 0;
}
.theme-dark .modal-content {
    background-color: #e8eaed;
    border-color: #2e3134;
}
.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000;
}
.modal-backdrop.fade {
    opacity: 0;
}
.modal-backdrop.show {
    opacity: 0.5;
}
.theme-dark .modal-backdrop {
    border-color: #fff;
}
.modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 15px 16px;
    border-bottom: 1px solid #e1e0e4;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    position: relative;
}
.theme-dark .modal-header {
    border-color: #2e3134;
}
.modal-title {
    max-width: 85%;
    margin-bottom: 0;
    font-family: "Be Vietnam Pro", sans-serif;
    font-size: 0.875rem;
    font-weight: 700;
    color: #090223;
    line-height: 1.5;
}
.theme-dark .modal-title {
    color: #e8eaed;
}
.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem;
}
.modal-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    padding: 0.75rem;
    border-top: 1px solid #e1e0e4;
    border-bottom-right-radius: 7px;
    border-bottom-left-radius: 7px;
}
.modal-footer > * {
    margin: 0.25rem;
}
.theme-dark .modal-footer {
    border-color: #2e3134;
}
.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}
@media (min-width: 320px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto;
    }
    .modal-dialog-scrollable {
        max-height: calc(100% - 3.5rem);
    }
    .modal-dialog-scrollable .modal-content {
        max-height: calc(100vh - 3.5rem);
    }
    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem);
    }
    .modal-dialog-centered::before {
        height: calc(100vh - 3.5rem);
        height: min-content;
    }
    .modal-sm {
        max-width: 420px;
    }
}
@media (min-width: 320px) and (max-width: 767.98px) {
    .modal-sm {
        max-width: 300px;
    }
}
@media (min-width: 1089px) {
    .modal-lg,
    .modal-xl {
        max-width: 800px;
    }
}
@media (min-width: 1360px) {
    .modal-xl {
        max-width: 1140px;
    }
}
.tooltip {
    position: absolute;
    z-index: 10001;
    display: block;
    margin: 0;
    font-family: "Be Vietnam Pro", 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;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: 0.875rem;
    word-wrap: break-word;
    opacity: 0;
}
.tooltip.show {
    opacity: 0.9;
}
.tooltip .arrow {
    position: absolute;
    display: block;
    width: 0.8rem;
    height: 0.4rem;
}
.tooltip .arrow::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid;
}
.bs-tooltip-top,
.bs-tooltip-auto[x-placement^="top"] {
    padding: 0.4rem 0;
}
.bs-tooltip-top .arrow,
.bs-tooltip-auto[x-placement^="top"] .arrow {
    bottom: 0;
}
.bs-tooltip-top .arrow::before,
.bs-tooltip-auto[x-placement^="top"] .arrow::before {
    top: 0;
    border-width: 0.4rem 0.4rem 0;
    border-top-color: #000;
}
.theme-dark .bs-tooltip-top .arrow::before,
.theme-dark .bs-tooltip-auto[x-placement^="top"] .arrow::before {
    border-top-color: #fff;
}
.bs-tooltip-right,
.bs-tooltip-auto[x-placement^="right"] {
    padding: 0 0.4rem;
}
.bs-tooltip-right .arrow,
.bs-tooltip-auto[x-placement^="right"] .arrow {
    left: 0;
    width: 0.4rem;
    height: 0.8rem;
}
.bs-tooltip-right .arrow::before,
.bs-tooltip-auto[x-placement^="right"] .arrow::before {
    right: 0;
    border-width: 0.4rem 0.4rem 0.4rem 0;
    border-right-color: #000;
}
.theme-dark .bs-tooltip-right .arrow::before,
.theme-dark .bs-tooltip-auto[x-placement^="right"] .arrow::before {
    border-right-color: #fff;
}
.bs-tooltip-bottom,
.bs-tooltip-auto[x-placement^="bottom"] {
    padding: 0.4rem 0;
}
.bs-tooltip-bottom .arrow,
.bs-tooltip-auto[x-placement^="bottom"] .arrow {
    top: 0;
}
.bs-tooltip-bottom .arrow::before,
.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
    bottom: 0;
    border-width: 0 0.4rem 0.4rem;
    border-bottom-color: #000;
}
.theme-dark .bs-tooltip-bottom .arrow::before,
.theme-dark .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
    border-bottom-color: #fff;
}
.bs-tooltip-left,
.bs-tooltip-auto[x-placement^="left"] {
    padding: 0 0.4rem;
}
.bs-tooltip-left .arrow,
.bs-tooltip-auto[x-placement^="left"] .arrow {
    right: 0;
    width: 0.4rem;
    height: 0.8rem;
}
.bs-tooltip-left .arrow::before,
.bs-tooltip-auto[x-placement^="left"] .arrow::before {
    left: 0;
    border-width: 0.4rem 0 0.4rem 0.4rem;
    border-left-color: #000;
}
.theme-dark .bs-tooltip-left .arrow::before,
.theme-dark .bs-tooltip-auto[x-placement^="left"] .arrow::before {
    border-left-color: #fff;
}
.tooltip-inner {
    max-width: 200px;
    padding: 0.25rem 0.5rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 7px;
}
.theme-dark .tooltip-inner {
    color: #080909;
    background-color: #fff;
}
.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10000;
    display: block;
    max-width: 276px;
    font-family: "Be Vietnam Pro", 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;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: 0.875rem;
    word-wrap: break-word;
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.07) 0 1px 2px, rgba(0, 0, 0, 0.07) 0 2px 4px, rgba(0, 0, 0, 0.07) 0 4px 8px, rgba(0, 0, 0, 0.07) 0 8px 16px, rgba(0, 0, 0, 0.07) 0 16px 32px, rgba(0, 0, 0, 0.07) 0 32px 64px;
    border-radius: 7px;
}
.theme-dark .popover {
    background-color: #e8eaed;
}
.popover .arrow {
    position: absolute;
    display: block;
    width: 1rem;
    height: 0.5rem;
    margin: 0 7px;
}
.popover .arrow::before,
.popover .arrow::after {
    position: absolute;
    display: block;
    content: "";
    border-color: transparent;
    border-style: solid;
}
.bs-popover-top,
.bs-popover-auto[x-placement^="top"] {
    margin-bottom: 0.5rem;
}
.bs-popover-top > .arrow,
.bs-popover-auto[x-placement^="top"] > .arrow {
    bottom: calc(-0.5rem - 1px);
}
.bs-popover-top > .arrow::before,
.bs-popover-auto[x-placement^="top"] > .arrow::before {
    bottom: 0;
    border-width: 0.5rem 0.5rem 0;
    border-top-color: #413c55;
}
.theme-dark .bs-popover-top > .arrow::before,
.theme-dark .bs-popover-auto[x-placement^="top"] > .arrow::before {
    border-top-color: #bdc1c6;
}
.bs-popover-top > .arrow::after,
.bs-popover-auto[x-placement^="top"] > .arrow::after {
    bottom: 1px;
    border-width: 0.5rem 0.5rem 0;
    border-top-color: #fff;
}
.theme-dark .bs-popover-top > .arrow::after,
.theme-dark .bs-popover-auto[x-placement^="top"] > .arrow::after {
    border-top-color: #e8eaed;
}
.bs-popover-right,
.bs-popover-auto[x-placement^="right"] {
    margin-left: 0.5rem;
}
.bs-popover-right > .arrow,
.bs-popover-auto[x-placement^="right"] > .arrow {
    left: calc(-0.5rem - 1px);
    width: 0.5rem;
    height: 1rem;
    margin: 7px 0;
}
.bs-popover-right > .arrow::before,
.bs-popover-auto[x-placement^="right"] > .arrow::before {
    left: 0;
    border-width: 0.5rem 0.5rem 0.5rem 0;
    border-right-color: #413c55;
}
.theme-dark .bs-popover-right > .arrow::before,
.theme-dark .bs-popover-auto[x-placement^="right"] > .arrow::before {
    border-right-color: #bdc1c6;
}
.bs-popover-right > .arrow::after,
.bs-popover-auto[x-placement^="right"] > .arrow::after {
    left: 1px;
    border-width: 0.5rem 0.5rem 0.5rem 0;
    border-right-color: #fff;
}
.theme-dark .bs-popover-right > .arrow::after,
.theme-dark .bs-popover-auto[x-placement^="right"] > .arrow::after {
    border-right-color: #e8eaed;
}
.bs-popover-bottom,
.bs-popover-auto[x-placement^="bottom"] {
    margin-top: 0.5rem;
}
.bs-popover-bottom > .arrow,
.bs-popover-auto[x-placement^="bottom"] > .arrow {
    top: calc(-0.5rem - 1px);
}
.bs-popover-bottom > .arrow::before,
.bs-popover-auto[x-placement^="bottom"] > .arrow::before {
    top: 0;
    border-width: 0 0.5rem 0.5rem 0.5rem;
    border-bottom-color: #413c55;
}
.theme-dark .bs-popover-bottom > .arrow::before,
.theme-dark .bs-popover-auto[x-placement^="bottom"] > .arrow::before {
    border-bottom-color: #bdc1c6;
}
.bs-popover-bottom > .arrow::after,
.bs-popover-auto[x-placement^="bottom"] > .arrow::after {
    top: 1px;
    border-width: 0 0.5rem 0.5rem 0.5rem;
    border-bottom-color: #fff;
}
.theme-dark .bs-popover-bottom > .arrow::after,
.theme-dark .bs-popover-auto[x-placement^="bottom"] > .arrow::after {
    border-bottom-color: #e8eaed;
}
.bs-popover-bottom .popover-header::before,
.bs-popover-auto[x-placement^="bottom"] .popover-header::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1rem;
    margin-left: -0.5rem;
    content: "";
    border-bottom: 1px solid #fff;
}
.theme-dark .bs-popover-bottom .popover-header::before,
.theme-dark .bs-popover-auto[x-placement^="bottom"] .popover-header::before {
    border-bottom: 1px solid #e8eaed;
}
.bs-popover-left,
.bs-popover-auto[x-placement^="left"] {
    margin-right: 0.5rem;
}
.bs-popover-left > .arrow,
.bs-popover-auto[x-placement^="left"] > .arrow {
    right: calc(-0.5rem - 1px);
    width: 0.5rem;
    height: 1rem;
    margin: 7px 0;
}
.bs-popover-left > .arrow::before,
.bs-popover-auto[x-placement^="left"] > .arrow::before {
    right: 0;
    border-width: 0.5rem 0 0.5rem 0.5rem;
    border-left-color: #413c55;
}
.theme-dark .bs-popover-left > .arrow::before,
.theme-dark .bs-popover-auto[x-placement^="left"] > .arrow::before {
    border-left-color: #bdc1c6;
}
.bs-popover-left > .arrow::after,
.bs-popover-auto[x-placement^="left"] > .arrow::after {
    right: 1px;
    border-width: 0.5rem 0 0.5rem 0.5rem;
    border-left-color: #fff;
}
.theme-dark .bs-popover-left > .arrow::after,
.theme-dark .bs-popover-auto[x-placement^="left"] > .arrow::after {
    border-left-color: #e8eaed;
}
.popover-header {
    padding: 0.95rem 0.95rem 0;
    margin-bottom: 0;
    font-family: "Be Vietnam Pro", sans-serif;
    font-size: 0.875rem;
    color: #090223;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
.theme-dark .popover-header {
    color: #e8eaed;
}
.popover-header:empty {
    display: none;
}
.popover-body {
    padding: 0.95rem 0.95rem;
    font-size: 0.75rem;
    overflow: hidden;
    color: #090223;
}
.theme-dark .popover-body {
    color: #e8eaed;
}
.popover-body .event-icon {
    margin-bottom: 0.5rem;
    display: block;
}
.popover-body .event-icon .icon {
    width: 40px;
    height: 40px;
}
.popover-body p {
    margin: 0;
}
.popover-body a {
    padding: 3px 6px;
    background-color: transparent;
    display: inline-flex;
    align-items: center;
    font-size: 0.75rem;
    font-weight: 500;
    color: #090223;
    border-radius: 7px;
}
.theme-dark .popover-body a {
    color: #e8eaed;
}
.popover-body a:hover {
    text-decoration: none;
}
.popover-body a .icon {
    margin-right: 0.25rem;
}
.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-left),
.active.carousel-item-right {
    transform: translateX(100%);
}
.carousel-item-prev:not(.carousel-item-right),
.active.carousel-item-left {
    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-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
    z-index: 1;
    opacity: 1;
}
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
    z-index: 0;
    opacity: 0;
    transition: opacity 0s 0.6s;
}
@media (prefers-reduced-motion: reduce) {
    .carousel-fade .active.carousel-item-left,
    .carousel-fade .active.carousel-item-right {
        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%;
    color: #fff;
    text-align: center;
    opacity: 0.5;
    transition: opacity 0.15s ease;
}
@media (prefers-reduced-motion: reduce) {
    .carousel-control-prev,
    .carousel-control-next {
        transition: none;
    }
}
.theme-dark .carousel-control-prev,
.theme-dark .carousel-control-next {
    color: #080909;
}
.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;
}
.theme-dark .carousel-control-prev:hover,
.theme-dark .carousel-control-prev:focus,
.theme-dark .carousel-control-next:hover,
.theme-dark .carousel-control-next:focus {
    color: #080909;
}
.carousel-control-prev {
    left: 0;
}
.carousel-control-next {
    right: 0;
}
.carousel-control-prev-icon,
.carousel-control-next-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: 50% / 100% 100% no-repeat;
}
.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
}
.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
}
.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    display: flex;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none;
}
.carousel-indicators li {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    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 li {
        transition: none;
    }
}
.theme-dark .carousel-indicators li {
    background-color: #080909;
}
.carousel-indicators .active {
    opacity: 1;
}
.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
}
.theme-dark .carousel-caption {
    color: #080909;
}
@keyframes spinner-border {
    to {
        transform: rotate(360deg);
    }
}
.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    border: 0.25em solid #090223;
    border-right-color: transparent;
    border-radius: 50%;
    animation: 0.75s linear infinite spinner-border;
}
.spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: 0.2em;
}
@keyframes spinner-grow {
    0% {
        transform: scale(0);
    }
    50% {
        opacity: 1;
        transform: none;
    }
}
.spinner-grow {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    background-color: #090223;
    border-radius: 50%;
    opacity: 0;
    animation: 0.75s linear infinite spinner-grow;
}
.theme-dark .spinner-grow {
    background-color: #e8eaed;
}
.spinner-grow-sm {
    width: 1rem;
    height: 1rem;
}
@media (prefers-reduced-motion: reduce) {
    .spinner-border,
    .spinner-grow {
        animation-duration: 1.5s;
    }
}
.align-baseline {
    vertical-align: baseline !important;
}
.align-top {
    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;
}
.bg-primary-color-100 {
    background-color: #ece6ed !important;
}
a.bg-primary-color-100:hover,
a.bg-primary-color-100:focus,
button.bg-primary-color-100:hover,
button.bg-primary-color-100:focus {
    background-color: #d5c8d8 !important;
}
.bg-primary-color-200 {
    background-color: #d9ccda !important;
}
a.bg-primary-color-200:hover,
a.bg-primary-color-200:focus,
button.bg-primary-color-200:hover,
button.bg-primary-color-200:focus {
    background-color: #c3aec5 !important;
}
.bg-primary-color-300 {
    background-color: #c6b3c8 !important;
}
a.bg-primary-color-300:hover,
a.bg-primary-color-300:focus,
button.bg-primary-color-300:hover,
button.bg-primary-color-300:focus {
    background-color: #b095b3 !important;
}
.bg-primary-color-400 {
    background-color: #a180a3 !important;
}
a.bg-primary-color-400:hover,
a.bg-primary-color-400:focus,
button.bg-primary-color-400:hover,
button.bg-primary-color-400:focus {
    background-color: #89658b !important;
}
.bg-primary-color-500 {
    background-color: #68336c !important;
}
a.bg-primary-color-500:hover,
a.bg-primary-color-500:focus,
button.bg-primary-color-500:hover,
button.bg-primary-color-500:focus {
    background-color: #472349 !important;
}
.bg-primary-color-600 {
    background-color: #420047 !important;
}
a.bg-primary-color-600:hover,
a.bg-primary-color-600:focus,
button.bg-primary-color-600:hover,
button.bg-primary-color-600:focus {
    background-color: #130014 !important;
}
.bg-primary-color-700 {
    background-color: #28002b !important;
}
a.bg-primary-color-700:hover,
a.bg-primary-color-700:focus,
button.bg-primary-color-700:hover,
button.bg-primary-color-700:focus {
    background-color: black !important;
}
.bg-primary-color-800 {
    background-color: #210024 !important;
}
a.bg-primary-color-800:hover,
a.bg-primary-color-800:focus,
button.bg-primary-color-800:hover,
button.bg-primary-color-800:focus {
    background-color: black !important;
}
.bg-primary-color-900 {
    background-color: #140015 !important;
}
a.bg-primary-color-900:hover,
a.bg-primary-color-900:focus,
button.bg-primary-color-900:hover,
button.bg-primary-color-900:focus {
    background-color: black !important;
}
.bg-gray-100 {
    background-color: #f9f9fa !important;
}
a.bg-gray-100:hover,
a.bg-gray-100:focus,
button.bg-gray-100:hover,
button.bg-gray-100:focus {
    background-color: #dddde3 !important;
}
.bg-gray-200 {
    background-color: #eeedef !important;
}
a.bg-gray-200:hover,
a.bg-gray-200:focus,
button.bg-gray-200:hover,
button.bg-gray-200:focus {
    background-color: #d5d2d7 !important;
}
.bg-gray-300 {
    background-color: #e1e0e4 !important;
}
a.bg-gray-300:hover,
a.bg-gray-300:focus,
button.bg-gray-300:hover,
button.bg-gray-300:focus {
    background-color: #c7c5cc !important;
}
.bg-gray-400 {
    background-color: #d3d2d8 !important;
}
a.bg-gray-400:hover,
a.bg-gray-400:focus,
button.bg-gray-400:hover,
button.bg-gray-400:focus {
    background-color: #b8b7c0 !important;
}
.bg-gray-500 {
    background-color: #c4c3cb !important;
}
a.bg-gray-500:hover,
a.bg-gray-500:focus,
button.bg-gray-500:hover,
button.bg-gray-500:focus {
    background-color: #a9a8b3 !important;
}
.bg-gray-600 {
    background-color: #b4b2bc !important;
}
a.bg-gray-600:hover,
a.bg-gray-600:focus,
button.bg-gray-600:hover,
button.bg-gray-600:focus {
    background-color: #9997a4 !important;
}
.bg-gray-700 {
    background-color: #a19eab !important;
}
a.bg-gray-700:hover,
a.bg-gray-700:focus,
button.bg-gray-700:hover,
button.bg-gray-700:focus {
    background-color: #878393 !important;
}
.bg-gray-800 {
    background-color: #413c55 !important;
}
a.bg-gray-800:hover,
a.bg-gray-800:focus,
button.bg-gray-800:hover,
button.bg-gray-800:focus {
    background-color: #2a2737 !important;
}
.bg-gray-900 {
    background-color: #090223 !important;
}
a.bg-gray-900:hover,
a.bg-gray-900:focus,
button.bg-gray-900:hover,
button.bg-gray-900:focus {
    background-color: black !important;
}
.bg-primary {
    background-color: #420047 !important;
}
a.bg-primary:hover,
a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
    background-color: #130014 !important;
}
.bg-secondary {
    background-color: #b4b2bc !important;
}
a.bg-secondary:hover,
a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
    background-color: #9997a4 !important;
}
.bg-success {
    background-color: #420047 !important;
}
a.bg-success:hover,
a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
    background-color: #130014 !important;
}
.bg-info {
    background-color: #406cd2 !important;
}
a.bg-info:hover,
a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
    background-color: #2b54b4 !important;
}
.bg-warning {
    background-color: #f7b742 !important;
}
a.bg-warning:hover,
a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
    background-color: #f5a411 !important;
}
.bg-danger {
    background-color: #ef1010 !important;
}
a.bg-danger:hover,
a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
    background-color: #bf0d0d !important;
}
.bg-light {
    background-color: #b4b2bc !important;
}
a.bg-light:hover,
a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
    background-color: #9997a4 !important;
}
.bg-dark {
    background-color: #090223 !important;
}
a.bg-dark:hover,
a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
    background-color: black !important;
}
.bg-white {
    background-color: #fff !important;
}
.theme-dark .bg-white {
    background-color: #e8eaed !important;
}
.bg-transparent {
    background-color: transparent !important;
}
.border {
    border: 1px solid #e1e0e4 !important;
}
.border-top {
    border-top: 1px solid #e1e0e4 !important;
}
.border-right {
    border-right: 1px solid #e1e0e4 !important;
}
.border-bottom {
    border-bottom: 1px solid #e1e0e4 !important;
}
.border-left {
    border-left: 1px solid #e1e0e4 !important;
}
.theme-dark .border {
    border: 1px solid #2e3134 !important;
}
.theme-dark .border-top {
    border-top: 1px solid #2e3134 !important;
}
.theme-dark .border-right {
    border-right: 1px solid #2e3134 !important;
}
.theme-dark .border-bottom {
    border-bottom: 1px solid #2e3134 !important;
}
.theme-dark .border-left {
    border-left: 1px solid #2e3134 !important;
}
.border-0 {
    border: 0 !important;
}
.border-top-0 {
    border-top: 0 !important;
}
.border-right-0 {
    border-right: 0 !important;
}
.border-bottom-0 {
    border-bottom: 0 !important;
}
.border-left-0 {
    border-left: 0 !important;
}
.border-primary-color-100 {
    border-color: #ece6ed !important;
}
.border-primary-color-200 {
    border-color: #d9ccda !important;
}
.border-primary-color-300 {
    border-color: #c6b3c8 !important;
}
.border-primary-color-400 {
    border-color: #a180a3 !important;
}
.border-primary-color-500 {
    border-color: #68336c !important;
}
.border-primary-color-600 {
    border-color: #420047 !important;
}
.border-primary-color-700 {
    border-color: #28002b !important;
}
.border-primary-color-800 {
    border-color: #210024 !important;
}
.border-primary-color-900 {
    border-color: #140015 !important;
}
.border-gray-100 {
    border-color: #f9f9fa !important;
}
.border-gray-200 {
    border-color: #eeedef !important;
}
.border-gray-300 {
    border-color: #e1e0e4 !important;
}
.border-gray-400 {
    border-color: #d3d2d8 !important;
}
.border-gray-500 {
    border-color: #c4c3cb !important;
}
.border-gray-600 {
    border-color: #b4b2bc !important;
}
.border-gray-700 {
    border-color: #a19eab !important;
}
.border-gray-800 {
    border-color: #413c55 !important;
}
.border-gray-900 {
    border-color: #090223 !important;
}
.border-primary {
    border-color: #420047 !important;
}
.border-secondary {
    border-color: #b4b2bc !important;
}
.border-success {
    border-color: #420047 !important;
}
.border-info {
    border-color: #406cd2 !important;
}
.border-warning {
    border-color: #f7b742 !important;
}
.border-danger {
    border-color: #ef1010 !important;
}
.border-light {
    border-color: #b4b2bc !important;
}
.border-dark {
    border-color: #090223 !important;
}
.border-white {
    border-color: #fff !important;
}
.rounded-sm {
    border-radius: 3px !important;
}
.rounded {
    border-radius: 7px !important;
}
.rounded-top {
    border-top-left-radius: 7px !important;
    border-top-right-radius: 7px !important;
}
.rounded-right {
    border-top-right-radius: 7px !important;
    border-bottom-right-radius: 7px !important;
}
.rounded-bottom {
    border-bottom-right-radius: 7px !important;
    border-bottom-left-radius: 7px !important;
}
.rounded-left {
    border-top-left-radius: 7px !important;
    border-bottom-left-radius: 7px !important;
}
.rounded-lg {
    border-radius: 40px !important;
}
.rounded-circle {
    border-radius: 50% !important;
}
.rounded-pill {
    border-radius: 50rem !important;
}
.rounded-0 {
    border-radius: 0 !important;
}
.clearfix::after {
    display: block;
    clear: both;
    content: "";
}
.d-none {
    display: none !important;
}
.d-inline {
    display: inline !important;
}
.d-inline-block {
    display: inline-block !important;
}
.d-block {
    display: block !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;
}
@media (min-width: 320px) {
    .d-sm-none {
        display: flex !important;
    }
    .d-sm-inline {
        display: inline !important;
    }
    .d-sm-inline-block {
        display: inline-block !important;
    }
    .d-sm-block {
        display: block !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;
    }
}
@media (min-width: 768px) {
    .d-md-none {
        display: none !important;
    }
    .d-md-inline {
        display: inline !important;
    }
    .d-md-inline-block {
        display: inline-block !important;
    }
    .d-md-block {
        display: block !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;
    }
}
@media (min-width: 1089px) {
    .d-lg-none {
        display: none !important;
    }
    .d-lg-inline {
        display: inline !important;
    }
    .d-lg-inline-block {
        display: inline-block !important;
    }
    .d-lg-block {
        display: block !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;
    }
}
@media (min-width: 1360px) {
    .d-xl-none {
        display: none !important;
    }
    .d-xl-inline {
        display: inline !important;
    }
    .d-xl-inline-block {
        display: inline-block !important;
    }
    .d-xl-block {
        display: block !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;
    }
}
@media (min-width: 1900px) {
    .d-xxl-none {
        display: none !important;
    }
    .d-xxl-inline {
        display: inline !important;
    }
    .d-xxl-inline-block {
        display: inline-block !important;
    }
    .d-xxl-block {
        display: block !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;
    }
}
@media print {
    .d-print-none {
        display: none !important;
    }
    .d-print-inline {
        display: inline !important;
    }
    .d-print-inline-block {
        display: inline-block !important;
    }
    .d-print-block {
        display: block !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;
    }
}
.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;
}
.embed-responsive::before {
    display: block;
    content: "";
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
.embed-responsive-21by9::before {
    padding-top: 42.85714286%;
}
.embed-responsive-16by9::before {
    padding-top: 56.25%;
}
.embed-responsive-4by3::before {
    padding-top: 75%;
}
.embed-responsive-1by1::before {
    padding-top: 100%;
}
.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-wrap {
    flex-wrap: wrap !important;
}
.flex-nowrap {
    flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
}
.flex-fill {
    flex: 1 1 auto !important;
}
.flex-fill .btn{
    display: none;
}
.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;
}
.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;
}
.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;
}
@media (min-width: 320px) {
    .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-wrap {
        flex-wrap: wrap !important;
    }
    .flex-sm-nowrap {
        flex-wrap: nowrap !important;
    }
    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }
    .flex-sm-fill {
        flex: 1 1 auto !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;
    }
    .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;
    }
    .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;
    }
}
@media (min-width: 768px) {
    .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-wrap {
        flex-wrap: wrap !important;
    }
    .flex-md-nowrap {
        flex-wrap: nowrap !important;
    }
    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }
    .flex-md-fill {
        flex: 1 1 auto !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;
    }
    .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;
    }
    .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;
    }
}
@media (min-width: 1089px) {
    .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-wrap {
        flex-wrap: wrap !important;
    }
    .flex-lg-nowrap {
        flex-wrap: nowrap !important;
    }
    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }
    .flex-lg-fill {
        flex: 1 1 auto !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;
    }
    .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;
    }
    .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;
    }
}
@media (min-width: 1360px) {
    .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-wrap {
        flex-wrap: wrap !important;
    }
    .flex-xl-nowrap {
        flex-wrap: nowrap !important;
    }
    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }
    .flex-xl-fill {
        flex: 1 1 auto !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;
    }
    .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;
    }
    .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;
    }
}
@media (min-width: 1900px) {
    .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-wrap {
        flex-wrap: wrap !important;
    }
    .flex-xxl-nowrap {
        flex-wrap: nowrap !important;
    }
    .flex-xxl-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }
    .flex-xxl-fill {
        flex: 1 1 auto !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;
    }
    .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;
    }
    .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;
    }
}
.float-left {
    float: left !important;
}
.float-right {
    float: right !important;
}
.float-none {
    float: none !important;
}
@media (min-width: 320px) {
    .float-sm-left {
        float: left !important;
    }
    .float-sm-right {
        float: right !important;
    }
    .float-sm-none {
        float: none !important;
    }
}
@media (min-width: 768px) {
    .float-md-left {
        float: left !important;
    }
    .float-md-right {
        float: right !important;
    }
    .float-md-none {
        float: none !important;
    }
}
@media (min-width: 1089px) {
    .float-lg-left {
        float: left !important;
    }
    .float-lg-right {
        float: right !important;
    }
    .float-lg-none {
        float: none !important;
    }
}
@media (min-width: 1360px) {
    .float-xl-left {
        float: left !important;
    }
    .float-xl-right {
        float: right !important;
    }
    .float-xl-none {
        float: none !important;
    }
}
@media (min-width: 1900px) {
    .float-xxl-left {
        float: left !important;
    }
    .float-xxl-right {
        float: right !important;
    }
    .float-xxl-none {
        float: none !important;
    }
}
.user-select-all {
    user-select: all !important;
}
.user-select-auto {
    user-select: auto !important;
}
.user-select-none {
    user-select: none !important;
}
.overflow-auto {
    overflow: auto !important;
}
.overflow-hidden {
    overflow: hidden !important;
}
.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;
}
.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;
}
@supports (position: sticky) {
    .sticky-top {
        position: sticky;
        top: 0;
        z-index: 1020;
    }
}
.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;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal;
}
.shadow-sm {
    box-shadow: rgba(0, 0, 0, 0.12) 0 1px 3px, rgba(0, 0, 0, 0.24) 0 1px 2px !important;
}
.shadow {
    box-shadow: rgba(50, 50, 93, 0.25) 0 2px 5px -1px, rgba(0, 0, 0, 0.3) 0 1px 3px -1px !important;
}
.shadow-lg {
    box-shadow: rgba(0, 0, 0, 0.15) 0 15px 25px, rgba(0, 0, 0, 0.05) 0 5px 10px !important;
}
.shadow-none {
    box-shadow: none !important;
}
.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;
}
.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;
}
.mw-100 {
    max-width: 100% !important;
}
.mh-100 {
    max-height: 100% !important;
}
.min-vw-100 {
    min-width: 100vw !important;
}
.min-vh-100 {
    min-height: 100vh !important;
}
.vw-100 {
    width: 100vw !important;
}
.vh-100 {
    height: 100vh !important;
}
.m-0 {
    margin: 0 !important;
}
.mt-0,
.my-0 {
    margin-top: 0 !important;
}
.mr-0,
.mx-0 {
    margin-right: 0 !important;
}
.mb-0,
.my-0 {
    margin-bottom: 0 !important;
}
.ml-0,
.mx-0 {
    margin-left: 0 !important;
}
.m-1 {
    margin: 0.25rem !important;
}
.mt-1,
.my-1 {
    margin-top: 0.25rem !important;
}
.mr-1,
.mx-1 {
    margin-right: 0.25rem !important;
    display: none;
}
.mb-1,
.my-1 {
    margin-bottom: 0.25rem !important;
}
.ml-1,
.mx-1 {
    margin-left: 0.25rem !important;
}
.m-2 {
    margin: 0.5rem !important;
}
.mt-2,
.my-2 {
    margin-top: 0.5rem !important;
}
.mr-2,
.mx-2 {
    margin-right: 0.5rem !important;
}
.mb-2,
.my-2 {
    margin-bottom: 0.5rem !important;
}
.ml-2,
.mx-2 {
    margin-left: 0.5rem !important;
}
.m-3 {
    margin: 1rem !important;
}
.mt-3,
.my-3 {
    margin-top: 1rem !important;
}
.mr-3,
.mx-3 {
    margin-right: 1rem !important;
}
.mb-3,
.my-3 {
    margin-bottom: 1rem !important;
}
.ml-3,
.mx-3 {
    margin-left: 1rem !important;
}
.m-4 {
    margin: 1.875rem !important;
}
.mt-4,
.my-4 {
    margin-top: 1.875rem !important;
}
.mr-4,
.mx-4 {
    margin-right: 1.875rem !important;
}
.mb-4,
.my-4 {
    margin-bottom: 1.875rem !important;
}
.ml-4,
.mx-4 {
    margin-left: 1.875rem !important;
}
.m-5 {
    margin: 2.5rem !important;
}
.mt-5,
.my-5 {
    margin-top: 2.5rem !important;
}
.mr-5,
.mx-5 {
    margin-right: 2.5rem !important;
}
.mb-5,
.my-5 {
    margin-bottom: 2.5rem !important;
}
.ml-5,
.mx-5 {
    margin-left: 2.5rem !important;
}
.m-6 {
    margin: 3rem !important;
}
.mt-6,
.my-6 {
    margin-top: 3rem !important;
}
.mr-6,
.mx-6 {
    margin-right: 3rem !important;
}
.mb-6,
.my-6 {
    margin-bottom: 3rem !important;
}
.ml-6,
.mx-6 {
    margin-left: 3rem !important;
}
.p-0 {
    padding: 0 !important;
}
.pt-0,
.py-0 {
    padding-top: 0 !important;
}
.pr-0,
.px-0 {
    padding-right: 0 !important;
}
.pb-0,
.py-0 {
    padding-bottom: 0 !important;
}
.pl-0,
.px-0 {
    padding-left: 0 !important;
}
.p-1 {
    padding: 0.25rem !important;
}
.pt-1,
.py-1 {
    padding-top: 0.25rem !important;
}
.pr-1,
.px-1 {
    padding-right: 0.25rem !important;
}
.pb-1,
.py-1 {
    padding-bottom: 0.25rem !important;
}
.pl-1,
.px-1 {
    padding-left: 0.25rem !important;
}
.p-2 {
    padding: 0.5rem !important;
}
.pt-2,
.py-2 {
    padding-top: 0.5rem !important;
}
.pr-2,
.px-2 {
    padding-right: 0.5rem !important;
}
.pb-2,
.py-2 {
    padding-bottom: 0.5rem !important;
}
.pl-2,
.px-2 {
    padding-left: 0.5rem !important;
}
.p-3 {
    padding: 1rem !important;
}
.pt-3,
.py-3 {
    padding-top: 1rem !important;
}
.pr-3,
.px-3 {
    padding-right: 1rem !important;
}
.pb-3,
.py-3 {
    padding-bottom: 1rem !important;
}
.pl-3,
.px-3 {
    padding-left: 1rem !important;
}
.p-4 {
    padding: 1.875rem !important;
}
.pt-4,
.py-4 {
    padding-top: 1.875rem !important;
}
.pr-4,
.px-4 {
    padding-right: 1.875rem !important;
}
.pb-4,
.py-4 {
    padding-bottom: 1.875rem !important;
}
.pl-4,
.px-4 {
    padding-left: 1.875rem !important;
}
.p-5 {
    padding: 2.5rem !important;
}
.pt-5,
.py-5 {
    padding-top: 2.5rem !important;
}
.pr-5,
.px-5 {
    padding-right: 2.5rem !important;
}
.pb-5,
.py-5 {
    padding-bottom: 2.5rem !important;
}
.pl-5,
.px-5 {
    padding-left: 2.5rem !important;
}
.p-6 {
    padding: 3rem !important;
}
.pt-6,
.py-6 {
    padding-top: 3rem !important;
}
.pr-6,
.px-6 {
    padding-right: 3rem !important;
}
.pb-6,
.py-6 {
    padding-bottom: 3rem !important;
}
.pl-6,
.px-6 {
    padding-left: 3rem !important;
}
.m-n1 {
    margin: -0.25rem !important;
}
.mt-n1,
.my-n1 {
    margin-top: -0.25rem !important;
}
.mr-n1,
.mx-n1 {
    margin-right: -0.25rem !important;
}
.mb-n1,
.my-n1 {
    margin-bottom: -0.25rem !important;
}
.ml-n1,
.mx-n1 {
    margin-left: -0.25rem !important;
}
.m-n2 {
    margin: -0.5rem !important;
}
.mt-n2,
.my-n2 {
    margin-top: -0.5rem !important;
}
.mr-n2,
.mx-n2 {
    margin-right: -0.5rem !important;
}
.mb-n2,
.my-n2 {
    margin-bottom: -0.5rem !important;
}
.ml-n2,
.mx-n2 {
    margin-left: -0.5rem !important;
}
.m-n3 {
    margin: -1rem !important;
}
.mt-n3,
.my-n3 {
    margin-top: -1rem !important;
}
.mr-n3,
.mx-n3 {
    margin-right: -1rem !important;
}
.mb-n3,
.my-n3 {
    margin-bottom: -1rem !important;
}
.ml-n3,
.mx-n3 {
    margin-left: -1rem !important;
}
.m-n4 {
    margin: -1.875rem !important;
}
.mt-n4,
.my-n4 {
    margin-top: -1.875rem !important;
}
.mr-n4,
.mx-n4 {
    margin-right: -1.875rem !important;
}
.mb-n4,
.my-n4 {
    margin-bottom: -1.875rem !important;
}
.ml-n4,
.mx-n4 {
    margin-left: -1.875rem !important;
}
.m-n5 {
    margin: -2.5rem !important;
}
.mt-n5,
.my-n5 {
    margin-top: -2.5rem !important;
}
.mr-n5,
.mx-n5 {
    margin-right: -2.5rem !important;
}
.mb-n5,
.my-n5 {
    margin-bottom: -2.5rem !important;
}
.ml-n5,
.mx-n5 {
    margin-left: -2.5rem !important;
}
.m-n6 {
    margin: -3rem !important;
}
.mt-n6,
.my-n6 {
    margin-top: -3rem !important;
}
.mr-n6,
.mx-n6 {
    margin-right: -3rem !important;
}
.mb-n6,
.my-n6 {
    margin-bottom: -3rem !important;
}
.ml-n6,
.mx-n6 {
    margin-left: -3rem !important;
}
.m-auto {
    margin: auto !important;
}
.mt-auto,
.my-auto {
    margin-top: auto !important;
}
.mr-auto,
.mx-auto {
    margin-right: auto !important;
}
.mb-auto,
.my-auto {
    margin-bottom: auto !important;
}
.ml-auto,
.mx-auto {
    margin-left: 0 !important;
}
@media (min-width: 320px) {
    .m-sm-0 {
        margin: 0 !important;
    }
    .mt-sm-0,
    .my-sm-0 {
        margin-top: 0 !important;
    }
    .mr-sm-0,
    .mx-sm-0 {
        margin-right: 0 !important;
    }
    .mb-sm-0,
    .my-sm-0 {
        margin-bottom: 0 !important;
    }
    .ml-sm-0,
    .mx-sm-0 {
        margin-left: 0 !important;
    }
    .m-sm-1 {
        margin: 0.25rem !important;
    }
    .mt-sm-1,
    .my-sm-1 {
        margin-top: 0.25rem !important;
    }
    .mr-sm-1,
    .mx-sm-1 {
        margin-right: 0.25rem !important;
    }
    .mb-sm-1,
    .my-sm-1 {
        margin-bottom: 0.25rem !important;
    }
    .ml-sm-1,
    .mx-sm-1 {
        margin-left: 0.25rem !important;
    }
    .m-sm-2 {
        margin: 0.5rem !important;
    }
    .mt-sm-2,
    .my-sm-2 {
        margin-top: 0.5rem !important;
    }
    .mr-sm-2,
    .mx-sm-2 {
        margin-right: 0.5rem !important;
    }
    .mb-sm-2,
    .my-sm-2 {
        margin-bottom: 0.5rem !important;
    }
    .ml-sm-2,
    .mx-sm-2 {
        margin-left: 0.5rem !important;
    }
    .m-sm-3 {
        margin: 1rem !important;
    }
    .mt-sm-3,
    .my-sm-3 {
        margin-top: 1rem !important;
    }
    .mr-sm-3,
    .mx-sm-3 {
        margin-right: 1rem !important;
    }
    .mb-sm-3,
    .my-sm-3 {
        margin-bottom: 1rem !important;
    }
    .ml-sm-3,
    .mx-sm-3 {
        margin-left: 1rem !important;
    }
    .m-sm-4 {
        margin: 1.875rem !important;
    }
    .mt-sm-4,
    .my-sm-4 {
        margin-top: 1.875rem !important;
    }
    .mr-sm-4,
    .mx-sm-4 {
        margin-right: 1.875rem !important;
    }
    .mb-sm-4,
    .my-sm-4 {
        margin-bottom: 1.875rem !important;
    }
    .ml-sm-4,
    .mx-sm-4 {
        margin-left: 1.875rem !important;
    }
    .m-sm-5 {
        margin: 2.5rem !important;
    }
    .mt-sm-5,
    .my-sm-5 {
        margin-top: 2.5rem !important;
    }
    .mr-sm-5,
    .mx-sm-5 {
        margin-right: 2.5rem !important;
    }
    .mb-sm-5,
    .my-sm-5 {
        margin-bottom: 2.5rem !important;
    }
    .ml-sm-5,
    .mx-sm-5 {
        margin-left: 2.5rem !important;
    }
    .m-sm-6 {
        margin: 3rem !important;
    }
    .mt-sm-6,
    .my-sm-6 {
        margin-top: 3rem !important;
    }
    .mr-sm-6,
    .mx-sm-6 {
        margin-right: 3rem !important;
    }
    .mb-sm-6,
    .my-sm-6 {
        margin-bottom: 3rem !important;
    }
    .ml-sm-6,
    .mx-sm-6 {
        margin-left: 3rem !important;
    }
    .p-sm-0 {
        padding: 0 !important;
    }
    .pt-sm-0,
    .py-sm-0 {
        padding-top: 0 !important;
    }
    .pr-sm-0,
    .px-sm-0 {
        padding-right: 0 !important;
    }
    .pb-sm-0,
    .py-sm-0 {
        padding-bottom: 0 !important;
    }
    .pl-sm-0,
    .px-sm-0 {
        padding-left: 0 !important;
    }
    .p-sm-1 {
        padding: 0.25rem !important;
    }
    .pt-sm-1,
    .py-sm-1 {
        padding-top: 0.25rem !important;
    }
    .pr-sm-1,
    .px-sm-1 {
        padding-right: 0.25rem !important;
    }
    .pb-sm-1,
    .py-sm-1 {
        padding-bottom: 0.25rem !important;
    }
    .pl-sm-1,
    .px-sm-1 {
        padding-left: 0.25rem !important;
    }
    .p-sm-2 {
        padding: 0.5rem !important;
    }
    .pt-sm-2,
    .py-sm-2 {
        padding-top: 0.5rem !important;
    }
    .pr-sm-2,
    .px-sm-2 {
        padding-right: 0.5rem !important;
    }
    .pb-sm-2,
    .py-sm-2 {
        padding-bottom: 0.5rem !important;
    }
    .pl-sm-2,
    .px-sm-2 {
        padding-left: 0.5rem !important;
    }
    .p-sm-3 {
        padding: 1rem !important;
    }
    .pt-sm-3,
    .py-sm-3 {
        padding-top: 1rem !important;
    }
    .pr-sm-3,
    .px-sm-3 {
        padding-right: 1rem !important;
    }
    .pb-sm-3,
    .py-sm-3 {
        padding-bottom: 1rem !important;
    }
    .pl-sm-3,
    .px-sm-3 {
        padding-left: 1rem !important;
    }
    .p-sm-4 {
        padding: 1.875rem !important;
    }
    .pt-sm-4,
    .py-sm-4 {
        padding-top: 1.875rem !important;
    }
    .pr-sm-4,
    .px-sm-4 {
        padding-right: 1.875rem !important;
    }
    .pb-sm-4,
    .py-sm-4 {
        padding-bottom: 1.875rem !important;
    }
    .pl-sm-4,
    .px-sm-4 {
        padding-left: 1.875rem !important;
    }
    .p-sm-5 {
        padding: 2.5rem !important;
    }
    .pt-sm-5,
    .py-sm-5 {
        padding-top: 2.5rem !important;
    }
    .pr-sm-5,
    .px-sm-5 {
        padding-right: 2.5rem !important;
    }
    .pb-sm-5,
    .py-sm-5 {
        padding-bottom: 2.5rem !important;
    }
    .pl-sm-5,
    .px-sm-5 {
        padding-left: 2.5rem !important;
    }
    .p-sm-6 {
        padding: 3rem !important;
    }
    .pt-sm-6,
    .py-sm-6 {
        padding-top: 3rem !important;
    }
    .pr-sm-6,
    .px-sm-6 {
        padding-right: 3rem !important;
    }
    .pb-sm-6,
    .py-sm-6 {
        padding-bottom: 3rem !important;
    }
    .pl-sm-6,
    .px-sm-6 {
        padding-left: 3rem !important;
    }
    .m-sm-n1 {
        margin: -0.25rem !important;
    }
    .mt-sm-n1,
    .my-sm-n1 {
        margin-top: -0.25rem !important;
    }
    .mr-sm-n1,
    .mx-sm-n1 {
        margin-right: -0.25rem !important;
    }
    .mb-sm-n1,
    .my-sm-n1 {
        margin-bottom: -0.25rem !important;
    }
    .ml-sm-n1,
    .mx-sm-n1 {
        margin-left: -0.25rem !important;
    }
    .m-sm-n2 {
        margin: -0.5rem !important;
    }
    .mt-sm-n2,
    .my-sm-n2 {
        margin-top: -0.5rem !important;
    }
    .mr-sm-n2,
    .mx-sm-n2 {
        margin-right: -0.5rem !important;
    }
    .mb-sm-n2,
    .my-sm-n2 {
        margin-bottom: -0.5rem !important;
    }
    .ml-sm-n2,
    .mx-sm-n2 {
        margin-left: -0.5rem !important;
    }
    .m-sm-n3 {
        margin: -1rem !important;
    }
    .mt-sm-n3,
    .my-sm-n3 {
        margin-top: -1rem !important;
    }
    .mr-sm-n3,
    .mx-sm-n3 {
        margin-right: -1rem !important;
    }
    .mb-sm-n3,
    .my-sm-n3 {
        margin-bottom: -1rem !important;
    }
    .ml-sm-n3,
    .mx-sm-n3 {
        margin-left: -1rem !important;
    }
    .m-sm-n4 {
        margin: -1.875rem !important;
    }
    .mt-sm-n4,
    .my-sm-n4 {
        margin-top: -1.875rem !important;
    }
    .mr-sm-n4,
    .mx-sm-n4 {
        margin-right: -1.875rem !important;
    }
    .mb-sm-n4,
    .my-sm-n4 {
        margin-bottom: -1.875rem !important;
    }
    .ml-sm-n4,
    .mx-sm-n4 {
        margin-left: -1.875rem !important;
    }
    .m-sm-n5 {
        margin: -2.5rem !important;
    }
    .mt-sm-n5,
    .my-sm-n5 {
        margin-top: -2.5rem !important;
    }
    .mr-sm-n5,
    .mx-sm-n5 {
        margin-right: -2.5rem !important;
    }
    .mb-sm-n5,
    .my-sm-n5 {
        margin-bottom: -2.5rem !important;
    }
    .ml-sm-n5,
    .mx-sm-n5 {
        margin-left: -2.5rem !important;
    }
    .m-sm-n6 {
        margin: -3rem !important;
    }
    .mt-sm-n6,
    .my-sm-n6 {
        margin-top: -3rem !important;
    }
    .mr-sm-n6,
    .mx-sm-n6 {
        margin-right: -3rem !important;
    }
    .mb-sm-n6,
    .my-sm-n6 {
        margin-bottom: -3rem !important;
    }
    .ml-sm-n6,
    .mx-sm-n6 {
        margin-left: -3rem !important;
    }
    .m-sm-auto {
        margin: auto !important;
    }
    .mt-sm-auto,
    .my-sm-auto {
        margin-top: auto !important;
    }
    .mr-sm-auto,
    .mx-sm-auto {
        margin-right: auto !important;
    }
    .mb-sm-auto,
    .my-sm-auto {
        margin-bottom: auto !important;
    }
    .ml-sm-auto,
    .mx-sm-auto {
        margin-left: auto !important;
    }
}
@media (min-width: 768px) {
    .m-md-0 {
        margin: 0 !important;
    }
    .mt-md-0,
    .my-md-0 {
        margin-top: 0 !important;
    }
    .mr-md-0,
    .mx-md-0 {
        margin-right: 0 !important;
    }
    .mb-md-0,
    .my-md-0 {
        margin-bottom: 0 !important;
    }
    .ml-md-0,
    .mx-md-0 {
        margin-left: 0 !important;
    }
    .m-md-1 {
        margin: 0.25rem !important;
    }
    .mt-md-1,
    .my-md-1 {
        margin-top: 0.25rem !important;
    }
    .mr-md-1,
    .mx-md-1 {
        margin-right: 0.25rem !important;
    }
    .mb-md-1,
    .my-md-1 {
        margin-bottom: 0.25rem !important;
    }
    .ml-md-1,
    .mx-md-1 {
        margin-left: 0.25rem !important;
    }
    .m-md-2 {
        margin: 0.5rem !important;
    }
    .mt-md-2,
    .my-md-2 {
        margin-top: 0.5rem !important;
    }
    .mr-md-2,
    .mx-md-2 {
        margin-right: 0.5rem !important;
    }
    .mb-md-2,
    .my-md-2 {
        margin-bottom: 0.5rem !important;
    }
    .ml-md-2,
    .mx-md-2 {
        margin-left: 0.5rem !important;
    }
    .m-md-3 {
        margin: 1rem !important;
    }
    .mt-md-3,
    .my-md-3 {
        margin-top: 1rem !important;
    }
    .mr-md-3,
    .mx-md-3 {
        margin-right: 1rem !important;
    }
    .mb-md-3,
    .my-md-3 {
        margin-bottom: 1rem !important;
    }
    .ml-md-3,
    .mx-md-3 {
        margin-left: 1rem !important;
    }
    .m-md-4 {
        margin: 1.875rem !important;
    }
    .mt-md-4,
    .my-md-4 {
        margin-top: 1.875rem !important;
    }
    .mr-md-4,
    .mx-md-4 {
        margin-right: 1.875rem !important;
    }
    .mb-md-4,
    .my-md-4 {
        margin-bottom: 1.875rem !important;
    }
    .ml-md-4,
    .mx-md-4 {
        margin-left: 1.875rem !important;
    }
    .m-md-5 {
        margin: 2.5rem !important;
    }
    .mt-md-5,
    .my-md-5 {
        margin-top: 2.5rem !important;
    }
    .mr-md-5,
    .mx-md-5 {
        margin-right: 2.5rem !important;
    }
    .mb-md-5,
    .my-md-5 {
        margin-bottom: 2.5rem !important;
    }
    .ml-md-5,
    .mx-md-5 {
        margin-left: 2.5rem !important;
    }
    .m-md-6 {
        margin: 3rem !important;
    }
    .mt-md-6,
    .my-md-6 {
        margin-top: 3rem !important;
    }
    .mr-md-6,
    .mx-md-6 {
        margin-right: 3rem !important;
    }
    .mb-md-6,
    .my-md-6 {
        margin-bottom: 3rem !important;
    }
    .ml-md-6,
    .mx-md-6 {
        margin-left: 3rem !important;
    }
    .p-md-0 {
        padding: 0 !important;
    }
    .pt-md-0,
    .py-md-0 {
        padding-top: 0 !important;
    }
    .pr-md-0,
    .px-md-0 {
        padding-right: 0 !important;
    }
    .pb-md-0,
    .py-md-0 {
        padding-bottom: 0 !important;
    }
    .pl-md-0,
    .px-md-0 {
        padding-left: 0 !important;
    }
    .p-md-1 {
        padding: 0.25rem !important;
    }
    .pt-md-1,
    .py-md-1 {
        padding-top: 0.25rem !important;
    }
    .pr-md-1,
    .px-md-1 {
        padding-right: 0.25rem !important;
    }
    .pb-md-1,
    .py-md-1 {
        padding-bottom: 0.25rem !important;
    }
    .pl-md-1,
    .px-md-1 {
        padding-left: 0.25rem !important;
    }
    .p-md-2 {
        padding: 0.5rem !important;
    }
    .pt-md-2,
    .py-md-2 {
        padding-top: 0.5rem !important;
    }
    .pr-md-2,
    .px-md-2 {
        padding-right: 0.5rem !important;
    }
    .pb-md-2,
    .py-md-2 {
        padding-bottom: 0.5rem !important;
    }
    .pl-md-2,
    .px-md-2 {
        padding-left: 0.5rem !important;
    }
    .p-md-3 {
        padding: 1rem !important;
    }
    .pt-md-3,
    .py-md-3 {
        padding-top: 1rem !important;
    }
    .pr-md-3,
    .px-md-3 {
        padding-right: 1rem !important;
    }
    .pb-md-3,
    .py-md-3 {
        padding-bottom: 1rem !important;
    }
    .pl-md-3,
    .px-md-3 {
        padding-left: 1rem !important;
    }
    .p-md-4 {
        padding: 1.875rem !important;
    }
    .pt-md-4,
    .py-md-4 {
        padding-top: 1.875rem !important;
    }
    .pr-md-4,
    .px-md-4 {
        padding-right: 1.875rem !important;
    }
    .pb-md-4,
    .py-md-4 {
        padding-bottom: 1.875rem !important;
    }
    .pl-md-4,
    .px-md-4 {
        padding-left: 1.875rem !important;
    }
    .p-md-5 {
        padding: 2.5rem !important;
    }
    .pt-md-5,
    .py-md-5 {
        padding-top: 2.5rem !important;
    }
    .pr-md-5,
    .px-md-5 {
        padding-right: 2.5rem !important;
    }
    .pb-md-5,
    .py-md-5 {
        padding-bottom: 2.5rem !important;
    }
    .pl-md-5,
    .px-md-5 {
        padding-left: 2.5rem !important;
    }
    .p-md-6 {
        padding: 3rem !important;
    }
    .pt-md-6,
    .py-md-6 {
        padding-top: 3rem !important;
    }
    .pr-md-6,
    .px-md-6 {
        padding-right: 3rem !important;
    }
    .pb-md-6,
    .py-md-6 {
        padding-bottom: 3rem !important;
    }
    .pl-md-6,
    .px-md-6 {
        padding-left: 3rem !important;
    }
    .m-md-n1 {
        margin: -0.25rem !important;
    }
    .mt-md-n1,
    .my-md-n1 {
        margin-top: -0.25rem !important;
    }
    .mr-md-n1,
    .mx-md-n1 {
        margin-right: -0.25rem !important;
    }
    .mb-md-n1,
    .my-md-n1 {
        margin-bottom: -0.25rem !important;
    }
    .ml-md-n1,
    .mx-md-n1 {
        margin-left: -0.25rem !important;
    }
    .m-md-n2 {
        margin: -0.5rem !important;
    }
    .mt-md-n2,
    .my-md-n2 {
        margin-top: -0.5rem !important;
    }
    .mr-md-n2,
    .mx-md-n2 {
        margin-right: -0.5rem !important;
    }
    .mb-md-n2,
    .my-md-n2 {
        margin-bottom: -0.5rem !important;
    }
    .ml-md-n2,
    .mx-md-n2 {
        margin-left: -0.5rem !important;
    }
    .m-md-n3 {
        margin: -1rem !important;
    }
    .mt-md-n3,
    .my-md-n3 {
        margin-top: -1rem !important;
    }
    .mr-md-n3,
    .mx-md-n3 {
        margin-right: -1rem !important;
    }
    .mb-md-n3,
    .my-md-n3 {
        margin-bottom: -1rem !important;
    }
    .ml-md-n3,
    .mx-md-n3 {
        margin-left: -1rem !important;
    }
    .m-md-n4 {
        margin: -1.875rem !important;
    }
    .mt-md-n4,
    .my-md-n4 {
        margin-top: -1.875rem !important;
    }
    .mr-md-n4,
    .mx-md-n4 {
        margin-right: -1.875rem !important;
    }
    .mb-md-n4,
    .my-md-n4 {
        margin-bottom: -1.875rem !important;
    }
    .ml-md-n4,
    .mx-md-n4 {
        margin-left: -1.875rem !important;
    }
    .m-md-n5 {
        margin: -2.5rem !important;
    }
    .mt-md-n5,
    .my-md-n5 {
        margin-top: -2.5rem !important;
    }
    .mr-md-n5,
    .mx-md-n5 {
        margin-right: -2.5rem !important;
    }
    .mb-md-n5,
    .my-md-n5 {
        margin-bottom: -2.5rem !important;
    }
    .ml-md-n5,
    .mx-md-n5 {
        margin-left: -2.5rem !important;
    }
    .m-md-n6 {
        margin: -3rem !important;
    }
    .mt-md-n6,
    .my-md-n6 {
        margin-top: -3rem !important;
    }
    .mr-md-n6,
    .mx-md-n6 {
        margin-right: -3rem !important;
    }
    .mb-md-n6,
    .my-md-n6 {
        margin-bottom: -3rem !important;
    }
    .ml-md-n6,
    .mx-md-n6 {
        margin-left: -3rem !important;
    }
    .m-md-auto {
        margin: auto !important;
    }
    .mt-md-auto,
    .my-md-auto {
        margin-top: auto !important;
    }
    .mr-md-auto,
    .mx-md-auto {
        margin-right: auto !important;
    }
    .mb-md-auto,
    .my-md-auto {
        margin-bottom: auto !important;
    }
    .ml-md-auto,
    .mx-md-auto {
        margin-left: auto !important;
    }
}
@media (min-width: 1089px) {
    .m-lg-0 {
        margin: 0 !important;
    }
    .mt-lg-0,
    .my-lg-0 {
        margin-top: 0 !important;
    }
    .mr-lg-0,
    .mx-lg-0 {
        margin-right: 0 !important;
    }
    .mb-lg-0,
    .my-lg-0 {
        margin-bottom: 0 !important;
    }
    .ml-lg-0,
    .mx-lg-0 {
        margin-left: 0 !important;
    }
    .m-lg-1 {
        margin: 0.25rem !important;
    }
    .mt-lg-1,
    .my-lg-1 {
        margin-top: 0.25rem !important;
    }
    .mr-lg-1,
    .mx-lg-1 {
        margin-right: 0.25rem !important;
    }
    .mb-lg-1,
    .my-lg-1 {
        margin-bottom: 0.25rem !important;
    }
    .ml-lg-1,
    .mx-lg-1 {
        margin-left: 0.25rem !important;
    }
    .m-lg-2 {
        margin: 0.5rem !important;
    }
    .mt-lg-2,
    .my-lg-2 {
        margin-top: 0.5rem !important;
    }
    .mr-lg-2,
    .mx-lg-2 {
        margin-right: 0.5rem !important;
    }
    .mb-lg-2,
    .my-lg-2 {
        margin-bottom: 0.5rem !important;
    }
    .ml-lg-2,
    .mx-lg-2 {
        margin-left: 0.5rem !important;
    }
    .m-lg-3 {
        margin: 1rem !important;
    }
    .mt-lg-3,
    .my-lg-3 {
        margin-top: 1rem !important;
    }
    .mr-lg-3,
    .mx-lg-3 {
        margin-right: 1rem !important;
    }
    .mb-lg-3,
    .my-lg-3 {
        margin-bottom: 1rem !important;
    }
    .ml-lg-3,
    .mx-lg-3 {
        margin-left: 1rem !important;
    }
    .m-lg-4 {
        margin: 1.875rem !important;
    }
    .mt-lg-4,
    .my-lg-4 {
        margin-top: 1.875rem !important;
    }
    .mr-lg-4,
    .mx-lg-4 {
        margin-right: 1.875rem !important;
    }
    .mb-lg-4,
    .my-lg-4 {
        margin-bottom: 1.875rem !important;
    }
    .ml-lg-4,
    .mx-lg-4 {
        margin-left: 1.875rem !important;
    }
    .m-lg-5 {
        margin: 2.5rem !important;
    }
    .mt-lg-5,
    .my-lg-5 {
        margin-top: 2.5rem !important;
    }
    .mr-lg-5,
    .mx-lg-5 {
        margin-right: 2.5rem !important;
    }
    .mb-lg-5,
    .my-lg-5 {
        margin-bottom: 2.5rem !important;
    }
    .ml-lg-5,
    .mx-lg-5 {
        margin-left: 2.5rem !important;
    }
    .m-lg-6 {
        margin: 3rem !important;
    }
    .mt-lg-6,
    .my-lg-6 {
        margin-top: 3rem !important;
    }
    .mr-lg-6,
    .mx-lg-6 {
        margin-right: 3rem !important;
    }
    .mb-lg-6,
    .my-lg-6 {
        margin-bottom: 3rem !important;
    }
    .ml-lg-6,
    .mx-lg-6 {
        margin-left: 3rem !important;
    }
    .p-lg-0 {
        padding: 0 !important;
    }
    .pt-lg-0,
    .py-lg-0 {
        padding-top: 0 !important;
    }
    .pr-lg-0,
    .px-lg-0 {
        padding-right: 0 !important;
    }
    .pb-lg-0,
    .py-lg-0 {
        padding-bottom: 0 !important;
    }
    .pl-lg-0,
    .px-lg-0 {
        padding-left: 0 !important;
    }
    .p-lg-1 {
        padding: 0.25rem !important;
    }
    .pt-lg-1,
    .py-lg-1 {
        padding-top: 0.25rem !important;
    }
    .pr-lg-1,
    .px-lg-1 {
        padding-right: 0.25rem !important;
    }
    .pb-lg-1,
    .py-lg-1 {
        padding-bottom: 0.25rem !important;
    }
    .pl-lg-1,
    .px-lg-1 {
        padding-left: 0.25rem !important;
    }
    .p-lg-2 {
        padding: 0.5rem !important;
    }
    .pt-lg-2,
    .py-lg-2 {
        padding-top: 0.5rem !important;
    }
    .pr-lg-2,
    .px-lg-2 {
        padding-right: 0.5rem !important;
    }
    .pb-lg-2,
    .py-lg-2 {
        padding-bottom: 0.5rem !important;
    }
    .pl-lg-2,
    .px-lg-2 {
        padding-left: 0.5rem !important;
    }
    .p-lg-3 {
        padding: 1rem !important;
    }
    .pt-lg-3,
    .py-lg-3 {
        padding-top: 1rem !important;
    }
    .pr-lg-3,
    .px-lg-3 {
        padding-right: 1rem !important;
    }
    .pb-lg-3,
    .py-lg-3 {
        padding-bottom: 1rem !important;
    }
    .pl-lg-3,
    .px-lg-3 {
        padding-left: 1rem !important;
    }
    .p-lg-4 {
        padding: 1.875rem !important;
    }
    .pt-lg-4,
    .py-lg-4 {
        padding-top: 1.875rem !important;
    }
    .pr-lg-4,
    .px-lg-4 {
        padding-right: 1.875rem !important;
    }
    .pb-lg-4,
    .py-lg-4 {
        padding-bottom: 1.875rem !important;
    }
    .pl-lg-4,
    .px-lg-4 {
        padding-left: 1.875rem !important;
    }
    .p-lg-5 {
        padding: 2.5rem !important;
    }
    .pt-lg-5,
    .py-lg-5 {
        padding-top: 2.5rem !important;
    }
    .pr-lg-5,
    .px-lg-5 {
        padding-right: 2.5rem !important;
    }
    .pb-lg-5,
    .py-lg-5 {
        padding-bottom: 2.5rem !important;
    }
    .pl-lg-5,
    .px-lg-5 {
        padding-left: 2.5rem !important;
    }
    .p-lg-6 {
        padding: 3rem !important;
    }
    .pt-lg-6,
    .py-lg-6 {
        padding-top: 3rem !important;
    }
    .pr-lg-6,
    .px-lg-6 {
        padding-right: 3rem !important;
    }
    .pb-lg-6,
    .py-lg-6 {
        padding-bottom: 3rem !important;
    }
    .pl-lg-6,
    .px-lg-6 {
        padding-left: 3rem !important;
    }
    .m-lg-n1 {
        margin: -0.25rem !important;
    }
    .mt-lg-n1,
    .my-lg-n1 {
        margin-top: -0.25rem !important;
    }
    .mr-lg-n1,
    .mx-lg-n1 {
        margin-right: -0.25rem !important;
    }
    .mb-lg-n1,
    .my-lg-n1 {
        margin-bottom: -0.25rem !important;
    }
    .ml-lg-n1,
    .mx-lg-n1 {
        margin-left: -0.25rem !important;
    }
    .m-lg-n2 {
        margin: -0.5rem !important;
    }
    .mt-lg-n2,
    .my-lg-n2 {
        margin-top: -0.5rem !important;
    }
    .mr-lg-n2,
    .mx-lg-n2 {
        margin-right: -0.5rem !important;
    }
    .mb-lg-n2,
    .my-lg-n2 {
        margin-bottom: -0.5rem !important;
    }
    .ml-lg-n2,
    .mx-lg-n2 {
        margin-left: -0.5rem !important;
    }
    .m-lg-n3 {
        margin: -1rem !important;
    }
    .mt-lg-n3,
    .my-lg-n3 {
        margin-top: -1rem !important;
    }
    .mr-lg-n3,
    .mx-lg-n3 {
        margin-right: -1rem !important;
    }
    .mb-lg-n3,
    .my-lg-n3 {
        margin-bottom: -1rem !important;
    }
    .ml-lg-n3,
    .mx-lg-n3 {
        margin-left: -1rem !important;
    }
    .m-lg-n4 {
        margin: -1.875rem !important;
    }
    .mt-lg-n4,
    .my-lg-n4 {
        margin-top: -1.875rem !important;
    }
    .mr-lg-n4,
    .mx-lg-n4 {
        margin-right: -1.875rem !important;
    }
    .mb-lg-n4,
    .my-lg-n4 {
        margin-bottom: -1.875rem !important;
    }
    .ml-lg-n4,
    .mx-lg-n4 {
        margin-left: -1.875rem !important;
    }
    .m-lg-n5 {
        margin: -2.5rem !important;
    }
    .mt-lg-n5,
    .my-lg-n5 {
        margin-top: -2.5rem !important;
    }
    .mr-lg-n5,
    .mx-lg-n5 {
        margin-right: -2.5rem !important;
    }
    .mb-lg-n5,
    .my-lg-n5 {
        margin-bottom: -2.5rem !important;
    }
    .ml-lg-n5,
    .mx-lg-n5 {
        margin-left: -2.5rem !important;
    }
    .m-lg-n6 {
        margin: -3rem !important;
    }
    .mt-lg-n6,
    .my-lg-n6 {
        margin-top: -3rem !important;
    }
    .mr-lg-n6,
    .mx-lg-n6 {
        margin-right: -3rem !important;
    }
    .mb-lg-n6,
    .my-lg-n6 {
        margin-bottom: -3rem !important;
    }
    .ml-lg-n6,
    .mx-lg-n6 {
        margin-left: -3rem !important;
    }
    .m-lg-auto {
        margin: auto !important;
    }
    .mt-lg-auto,
    .my-lg-auto {
        margin-top: auto !important;
    }
    .mr-lg-auto,
    .mx-lg-auto {
        margin-right: auto !important;
    }
    .mb-lg-auto,
    .my-lg-auto {
        margin-bottom: auto !important;
    }
    .ml-lg-auto,
    .mx-lg-auto {
        margin-left: auto !important;
    }
}
@media (min-width: 1360px) {
    .m-xl-0 {
        margin: 0 !important;
    }
    .mt-xl-0,
    .my-xl-0 {
        margin-top: 0 !important;
    }
    .mr-xl-0,
    .mx-xl-0 {
        margin-right: 0 !important;
    }
    .mb-xl-0,
    .my-xl-0 {
        margin-bottom: 0 !important;
    }
    .ml-xl-0,
    .mx-xl-0 {
        margin-left: 0 !important;
    }
    .m-xl-1 {
        margin: 0.25rem !important;
    }
    .mt-xl-1,
    .my-xl-1 {
        margin-top: 0.25rem !important;
    }
    .mr-xl-1,
    .mx-xl-1 {
        margin-right: 0.25rem !important;
    }
    .mb-xl-1,
    .my-xl-1 {
        margin-bottom: 0.25rem !important;
    }
    .ml-xl-1,
    .mx-xl-1 {
        margin-left: 0.25rem !important;
    }
    .m-xl-2 {
        margin: 0.5rem !important;
    }
    .mt-xl-2,
    .my-xl-2 {
        margin-top: 0.5rem !important;
    }
    .mr-xl-2,
    .mx-xl-2 {
        margin-right: 0.5rem !important;
    }
    .mb-xl-2,
    .my-xl-2 {
        margin-bottom: 0.5rem !important;
    }
    .ml-xl-2,
    .mx-xl-2 {
        margin-left: 0.5rem !important;
    }
    .m-xl-3 {
        margin: 1rem !important;
    }
    .mt-xl-3,
    .my-xl-3 {
        margin-top: 1rem !important;
    }
    .mr-xl-3,
    .mx-xl-3 {
        margin-right: 1rem !important;
    }
    .mb-xl-3,
    .my-xl-3 {
        margin-bottom: 1rem !important;
    }
    .ml-xl-3,
    .mx-xl-3 {
        margin-left: 1rem !important;
    }
    .m-xl-4 {
        margin: 1.875rem !important;
    }
    .mt-xl-4,
    .my-xl-4 {
        margin-top: 1.875rem !important;
    }
    .mr-xl-4,
    .mx-xl-4 {
        margin-right: 1.875rem !important;
    }
    .mb-xl-4,
    .my-xl-4 {
        margin-bottom: 1.875rem !important;
    }
    .ml-xl-4,
    .mx-xl-4 {
        margin-left: 1.875rem !important;
    }
    .m-xl-5 {
        margin: 2.5rem !important;
    }
    .mt-xl-5,
    .my-xl-5 {
        margin-top: 2.5rem !important;
    }
    .mr-xl-5,
    .mx-xl-5 {
        margin-right: 2.5rem !important;
    }
    .mb-xl-5,
    .my-xl-5 {
        margin-bottom: 2.5rem !important;
    }
    .ml-xl-5,
    .mx-xl-5 {
        margin-left: 2.5rem !important;
    }
    .m-xl-6 {
        margin: 3rem !important;
    }
    .mt-xl-6,
    .my-xl-6 {
        margin-top: 3rem !important;
    }
    .mr-xl-6,
    .mx-xl-6 {
        margin-right: 3rem !important;
    }
    .mb-xl-6,
    .my-xl-6 {
        margin-bottom: 3rem !important;
    }
    .ml-xl-6,
    .mx-xl-6 {
        margin-left: 3rem !important;
    }
    .p-xl-0 {
        padding: 0 !important;
    }
    .pt-xl-0,
    .py-xl-0 {
        padding-top: 0 !important;
    }
    .pr-xl-0,
    .px-xl-0 {
        padding-right: 0 !important;
    }
    .pb-xl-0,
    .py-xl-0 {
        padding-bottom: 0 !important;
    }
    .pl-xl-0,
    .px-xl-0 {
        padding-left: 0 !important;
    }
    .p-xl-1 {
        padding: 0.25rem !important;
    }
    .pt-xl-1,
    .py-xl-1 {
        padding-top: 0.25rem !important;
    }
    .pr-xl-1,
    .px-xl-1 {
        padding-right: 0.25rem !important;
    }
    .pb-xl-1,
    .py-xl-1 {
        padding-bottom: 0.25rem !important;
    }
    .pl-xl-1,
    .px-xl-1 {
        padding-left: 0.25rem !important;
    }
    .p-xl-2 {
        padding: 0.5rem !important;
    }
    .pt-xl-2,
    .py-xl-2 {
        padding-top: 0.5rem !important;
    }
    .pr-xl-2,
    .px-xl-2 {
        padding-right: 0.5rem !important;
    }
    .pb-xl-2,
    .py-xl-2 {
        padding-bottom: 0.5rem !important;
    }
    .pl-xl-2,
    .px-xl-2 {
        padding-left: 0.5rem !important;
    }
    .p-xl-3 {
        padding: 1rem !important;
    }
    .pt-xl-3,
    .py-xl-3 {
        padding-top: 1rem !important;
    }
    .pr-xl-3,
    .px-xl-3 {
        padding-right: 1rem !important;
    }
    .pb-xl-3,
    .py-xl-3 {
        padding-bottom: 1rem !important;
    }
    .pl-xl-3,
    .px-xl-3 {
        padding-left: 1rem !important;
    }
    .p-xl-4 {
        padding: 1.875rem !important;
    }
    .pt-xl-4,
    .py-xl-4 {
        padding-top: 1.875rem !important;
    }
    .pr-xl-4,
    .px-xl-4 {
        padding-right: 1.875rem !important;
    }
    .pb-xl-4,
    .py-xl-4 {
        padding-bottom: 1.875rem !important;
    }
    .pl-xl-4,
    .px-xl-4 {
        padding-left: 1.875rem !important;
    }
    .p-xl-5 {
        padding: 2.5rem !important;
    }
    .pt-xl-5,
    .py-xl-5 {
        padding-top: 2.5rem !important;
    }
    .pr-xl-5,
    .px-xl-5 {
        padding-right: 2.5rem !important;
    }
    .pb-xl-5,
    .py-xl-5 {
        padding-bottom: 2.5rem !important;
    }
    .pl-xl-5,
    .px-xl-5 {
        padding-left: 2.5rem !important;
    }
    .p-xl-6 {
        padding: 3rem !important;
    }
    .pt-xl-6,
    .py-xl-6 {
        padding-top: 3rem !important;
    }
    .pr-xl-6,
    .px-xl-6 {
        padding-right: 3rem !important;
    }
    .pb-xl-6,
    .py-xl-6 {
        padding-bottom: 3rem !important;
    }
    .pl-xl-6,
    .px-xl-6 {
        padding-left: 3rem !important;
    }
    .m-xl-n1 {
        margin: -0.25rem !important;
    }
    .mt-xl-n1,
    .my-xl-n1 {
        margin-top: -0.25rem !important;
    }
    .mr-xl-n1,
    .mx-xl-n1 {
        margin-right: -0.25rem !important;
    }
    .mb-xl-n1,
    .my-xl-n1 {
        margin-bottom: -0.25rem !important;
    }
    .ml-xl-n1,
    .mx-xl-n1 {
        margin-left: -0.25rem !important;
    }
    .m-xl-n2 {
        margin: -0.5rem !important;
    }
    .mt-xl-n2,
    .my-xl-n2 {
        margin-top: -0.5rem !important;
    }
    .mr-xl-n2,
    .mx-xl-n2 {
        margin-right: -0.5rem !important;
    }
    .mb-xl-n2,
    .my-xl-n2 {
        margin-bottom: -0.5rem !important;
    }
    .ml-xl-n2,
    .mx-xl-n2 {
        margin-left: -0.5rem !important;
    }
    .m-xl-n3 {
        margin: -1rem !important;
    }
    .mt-xl-n3,
    .my-xl-n3 {
        margin-top: -1rem !important;
    }
    .mr-xl-n3,
    .mx-xl-n3 {
        margin-right: -1rem !important;
    }
    .mb-xl-n3,
    .my-xl-n3 {
        margin-bottom: -1rem !important;
    }
    .ml-xl-n3,
    .mx-xl-n3 {
        margin-left: -1rem !important;
    }
    .m-xl-n4 {
        margin: -1.875rem !important;
    }
    .mt-xl-n4,
    .my-xl-n4 {
        margin-top: -1.875rem !important;
    }
    .mr-xl-n4,
    .mx-xl-n4 {
        margin-right: -1.875rem !important;
    }
    .mb-xl-n4,
    .my-xl-n4 {
        margin-bottom: -1.875rem !important;
    }
    .ml-xl-n4,
    .mx-xl-n4 {
        margin-left: -1.875rem !important;
    }
    .m-xl-n5 {
        margin: -2.5rem !important;
    }
    .mt-xl-n5,
    .my-xl-n5 {
        margin-top: -2.5rem !important;
    }
    .mr-xl-n5,
    .mx-xl-n5 {
        margin-right: -2.5rem !important;
    }
    .mb-xl-n5,
    .my-xl-n5 {
        margin-bottom: -2.5rem !important;
    }
    .ml-xl-n5,
    .mx-xl-n5 {
        margin-left: -2.5rem !important;
    }
    .m-xl-n6 {
        margin: -3rem !important;
    }
    .mt-xl-n6,
    .my-xl-n6 {
        margin-top: -3rem !important;
    }
    .mr-xl-n6,
    .mx-xl-n6 {
        margin-right: -3rem !important;
    }
    .mb-xl-n6,
    .my-xl-n6 {
        margin-bottom: -3rem !important;
    }
    .ml-xl-n6,
    .mx-xl-n6 {
        margin-left: -3rem !important;
    }
    .m-xl-auto {
        margin: auto !important;
    }
    .mt-xl-auto,
    .my-xl-auto {
        margin-top: auto !important;
    }
    .mr-xl-auto,
    .mx-xl-auto {
        margin-right: auto !important;
    }
    .mb-xl-auto,
    .my-xl-auto {
        margin-bottom: auto !important;
    }
    .ml-xl-auto,
    .mx-xl-auto {
        margin-left: auto !important;
    }
}
@media (min-width: 1900px) {
    .m-xxl-0 {
        margin: 0 !important;
    }
    .mt-xxl-0,
    .my-xxl-0 {
        margin-top: 0 !important;
    }
    .mr-xxl-0,
    .mx-xxl-0 {
        margin-right: 0 !important;
    }
    .mb-xxl-0,
    .my-xxl-0 {
        margin-bottom: 0 !important;
    }
    .ml-xxl-0,
    .mx-xxl-0 {
        margin-left: 0 !important;
    }
    .m-xxl-1 {
        margin: 0.25rem !important;
    }
    .mt-xxl-1,
    .my-xxl-1 {
        margin-top: 0.25rem !important;
    }
    .mr-xxl-1,
    .mx-xxl-1 {
        margin-right: 0.25rem !important;
    }
    .mb-xxl-1,
    .my-xxl-1 {
        margin-bottom: 0.25rem !important;
    }
    .ml-xxl-1,
    .mx-xxl-1 {
        margin-left: 0.25rem !important;
    }
    .m-xxl-2 {
        margin: 0.5rem !important;
    }
    .mt-xxl-2,
    .my-xxl-2 {
        margin-top: 0.5rem !important;
    }
    .mr-xxl-2,
    .mx-xxl-2 {
        margin-right: 0.5rem !important;
    }
    .mb-xxl-2,
    .my-xxl-2 {
        margin-bottom: 0.5rem !important;
    }
    .ml-xxl-2,
    .mx-xxl-2 {
        margin-left: 0.5rem !important;
    }
    .m-xxl-3 {
        margin: 1rem !important;
    }
    .mt-xxl-3,
    .my-xxl-3 {
        margin-top: 1rem !important;
    }
    .mr-xxl-3,
    .mx-xxl-3 {
        margin-right: 1rem !important;
    }
    .mb-xxl-3,
    .my-xxl-3 {
        margin-bottom: 1rem !important;
    }
    .ml-xxl-3,
    .mx-xxl-3 {
        margin-left: 1rem !important;
    }
    .m-xxl-4 {
        margin: 1.875rem !important;
    }
    .mt-xxl-4,
    .my-xxl-4 {
        margin-top: 1.875rem !important;
    }
    .mr-xxl-4,
    .mx-xxl-4 {
        margin-right: 1.875rem !important;
    }
    .mb-xxl-4,
    .my-xxl-4 {
        margin-bottom: 1.875rem !important;
    }
    .ml-xxl-4,
    .mx-xxl-4 {
        margin-left: 1.875rem !important;
    }
    .m-xxl-5 {
        margin: 2.5rem !important;
    }
    .mt-xxl-5,
    .my-xxl-5 {
        margin-top: 2.5rem !important;
    }
    .mr-xxl-5,
    .mx-xxl-5 {
        margin-right: 2.5rem !important;
    }
    .mb-xxl-5,
    .my-xxl-5 {
        margin-bottom: 2.5rem !important;
    }
    .ml-xxl-5,
    .mx-xxl-5 {
        margin-left: 2.5rem !important;
    }
    .m-xxl-6 {
        margin: 3rem !important;
    }
    .mt-xxl-6,
    .my-xxl-6 {
        margin-top: 3rem !important;
    }
    .mr-xxl-6,
    .mx-xxl-6 {
        margin-right: 3rem !important;
    }
    .mb-xxl-6,
    .my-xxl-6 {
        margin-bottom: 3rem !important;
    }
    .ml-xxl-6,
    .mx-xxl-6 {
        margin-left: 3rem !important;
    }
    .p-xxl-0 {
        padding: 0 !important;
    }
    .pt-xxl-0,
    .py-xxl-0 {
        padding-top: 0 !important;
    }
    .pr-xxl-0,
    .px-xxl-0 {
        padding-right: 0 !important;
    }
    .pb-xxl-0,
    .py-xxl-0 {
        padding-bottom: 0 !important;
    }
    .pl-xxl-0,
    .px-xxl-0 {
        padding-left: 0 !important;
    }
    .p-xxl-1 {
        padding: 0.25rem !important;
    }
    .pt-xxl-1,
    .py-xxl-1 {
        padding-top: 0.25rem !important;
    }
    .pr-xxl-1,
    .px-xxl-1 {
        padding-right: 0.25rem !important;
    }
    .pb-xxl-1,
    .py-xxl-1 {
        padding-bottom: 0.25rem !important;
    }
    .pl-xxl-1,
    .px-xxl-1 {
        padding-left: 0.25rem !important;
    }
    .p-xxl-2 {
        padding: 0.5rem !important;
    }
    .pt-xxl-2,
    .py-xxl-2 {
        padding-top: 0.5rem !important;
    }
    .pr-xxl-2,
    .px-xxl-2 {
        padding-right: 0.5rem !important;
    }
    .pb-xxl-2,
    .py-xxl-2 {
        padding-bottom: 0.5rem !important;
    }
    .pl-xxl-2,
    .px-xxl-2 {
        padding-left: 0.5rem !important;
    }
    .p-xxl-3 {
        padding: 1rem !important;
    }
    .pt-xxl-3,
    .py-xxl-3 {
        padding-top: 1rem !important;
    }
    .pr-xxl-3,
    .px-xxl-3 {
        padding-right: 1rem !important;
    }
    .pb-xxl-3,
    .py-xxl-3 {
        padding-bottom: 1rem !important;
    }
    .pl-xxl-3,
    .px-xxl-3 {
        padding-left: 1rem !important;
    }
    .p-xxl-4 {
        padding: 1.875rem !important;
    }
    .pt-xxl-4,
    .py-xxl-4 {
        padding-top: 1.875rem !important;
    }
    .pr-xxl-4,
    .px-xxl-4 {
        padding-right: 1.875rem !important;
    }
    .pb-xxl-4,
    .py-xxl-4 {
        padding-bottom: 1.875rem !important;
    }
    .pl-xxl-4,
    .px-xxl-4 {
        padding-left: 1.875rem !important;
    }
    .p-xxl-5 {
        padding: 2.5rem !important;
    }
    .pt-xxl-5,
    .py-xxl-5 {
        padding-top: 2.5rem !important;
    }
    .pr-xxl-5,
    .px-xxl-5 {
        padding-right: 2.5rem !important;
    }
    .pb-xxl-5,
    .py-xxl-5 {
        padding-bottom: 2.5rem !important;
    }
    .pl-xxl-5,
    .px-xxl-5 {
        padding-left: 2.5rem !important;
    }
    .p-xxl-6 {
        padding: 3rem !important;
    }
    .pt-xxl-6,
    .py-xxl-6 {
        padding-top: 3rem !important;
    }
    .pr-xxl-6,
    .px-xxl-6 {
        padding-right: 3rem !important;
    }
    .pb-xxl-6,
    .py-xxl-6 {
        padding-bottom: 3rem !important;
    }
    .pl-xxl-6,
    .px-xxl-6 {
        padding-left: 3rem !important;
    }
    .m-xxl-n1 {
        margin: -0.25rem !important;
    }
    .mt-xxl-n1,
    .my-xxl-n1 {
        margin-top: -0.25rem !important;
    }
    .mr-xxl-n1,
    .mx-xxl-n1 {
        margin-right: -0.25rem !important;
    }
    .mb-xxl-n1,
    .my-xxl-n1 {
        margin-bottom: -0.25rem !important;
    }
    .ml-xxl-n1,
    .mx-xxl-n1 {
        margin-left: -0.25rem !important;
    }
    .m-xxl-n2 {
        margin: -0.5rem !important;
    }
    .mt-xxl-n2,
    .my-xxl-n2 {
        margin-top: -0.5rem !important;
    }
    .mr-xxl-n2,
    .mx-xxl-n2 {
        margin-right: -0.5rem !important;
    }
    .mb-xxl-n2,
    .my-xxl-n2 {
        margin-bottom: -0.5rem !important;
    }
    .ml-xxl-n2,
    .mx-xxl-n2 {
        margin-left: -0.5rem !important;
    }
    .m-xxl-n3 {
        margin: -1rem !important;
    }
    .mt-xxl-n3,
    .my-xxl-n3 {
        margin-top: -1rem !important;
    }
    .mr-xxl-n3,
    .mx-xxl-n3 {
        margin-right: -1rem !important;
    }
    .mb-xxl-n3,
    .my-xxl-n3 {
        margin-bottom: -1rem !important;
    }
    .ml-xxl-n3,
    .mx-xxl-n3 {
        margin-left: -1rem !important;
    }
    .m-xxl-n4 {
        margin: -1.875rem !important;
    }
    .mt-xxl-n4,
    .my-xxl-n4 {
        margin-top: -1.875rem !important;
    }
    .mr-xxl-n4,
    .mx-xxl-n4 {
        margin-right: -1.875rem !important;
    }
    .mb-xxl-n4,
    .my-xxl-n4 {
        margin-bottom: -1.875rem !important;
    }
    .ml-xxl-n4,
    .mx-xxl-n4 {
        margin-left: -1.875rem !important;
    }
    .m-xxl-n5 {
        margin: -2.5rem !important;
    }
    .mt-xxl-n5,
    .my-xxl-n5 {
        margin-top: -2.5rem !important;
    }
    .mr-xxl-n5,
    .mx-xxl-n5 {
        margin-right: -2.5rem !important;
    }
    .mb-xxl-n5,
    .my-xxl-n5 {
        margin-bottom: -2.5rem !important;
    }
    .ml-xxl-n5,
    .mx-xxl-n5 {
        margin-left: -2.5rem !important;
    }
    .m-xxl-n6 {
        margin: -3rem !important;
    }
    .mt-xxl-n6,
    .my-xxl-n6 {
        margin-top: -3rem !important;
    }
    .mr-xxl-n6,
    .mx-xxl-n6 {
        margin-right: -3rem !important;
    }
    .mb-xxl-n6,
    .my-xxl-n6 {
        margin-bottom: -3rem !important;
    }
    .ml-xxl-n6,
    .mx-xxl-n6 {
        margin-left: -3rem !important;
    }
    .m-xxl-auto {
        margin: auto !important;
    }
    .mt-xxl-auto,
    .my-xxl-auto {
        margin-top: auto !important;
    }
    .mr-xxl-auto,
    .mx-xxl-auto {
        margin-right: auto !important;
    }
    .mb-xxl-auto,
    .my-xxl-auto {
        margin-bottom: auto !important;
    }
    .ml-xxl-auto,
    .mx-xxl-auto {
        margin-left: auto !important;
    }
}
.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: rgba(0, 0, 0, 0);
}
.text-monospace {
    font-family: "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}
.text-justify {
    text-align: justify !important;
}
.text-wrap {
    white-space: normal !important;
}
.text-nowrap {
    white-space: nowrap !important;
}
.text-truncate,
.dropdown .dropdown-item-text,
.block_private_files .ygtvcontent div,
.block_private_files [id^="private_files_tree"] a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.text-left {
    text-align: left !important;
}
.text-right {
    text-align: right !important;
}
.text-center {
    text-align: center !important;
}
@media (min-width: 320px) {
    .text-sm-left {
        text-align: left !important;
    }
    .text-sm-right {
        text-align: right !important;
    }
    .text-sm-center {
        text-align: center !important;
    }
}
@media (min-width: 768px) {
    .text-md-left {
        text-align: left !important;
    }
    .text-md-right {
        text-align: right !important;
    }
    .text-md-center {
        text-align: center !important;
    }
}
@media (min-width: 1089px) {
    .text-lg-left {
        text-align: left !important;
    }
    .text-lg-right {
        text-align: right !important;
    }
    .text-lg-center {
        text-align: center !important;
    }
}
@media (min-width: 1360px) {
    .text-xl-left {
        text-align: left !important;
    }
    .text-xl-right {
        text-align: right !important;
    }
    .text-xl-center {
        text-align: center !important;
    }
}
@media (min-width: 1900px) {
    .text-xxl-left {
        text-align: left !important;
    }
    .text-xxl-right {
        text-align: right !important;
    }
    .text-xxl-center {
        text-align: center !important;
    }
}
.text-lowercase {
    text-transform: lowercase !important;
}
.text-uppercase {
    text-transform: uppercase !important;
}
.text-capitalize {
    text-transform: capitalize !important;
}
.font-weight-light {
    font-weight: 300 !important;
}
.font-weight-lighter {
    font-weight: lighter !important;
}
.font-weight-normal {
    font-weight: 400 !important;
}
.font-weight-bold {
    font-weight: 700 !important;
}
.font-weight-bolder {
    font-weight: bolder !important;
}
.font-italic {
    font-style: italic !important;
}
.text-white {
    color: #fff !important;
}
.text-primary-color-100 {
    color: #ece6ed !important;
}
a.text-primary-color-100:hover,
a.text-primary-color-100:focus {
    color: #cabacd !important;
}
.text-primary-color-200 {
    color: #d9ccda !important;
}
a.text-primary-color-200:hover,
a.text-primary-color-200:focus {
    color: #b8a0ba !important;
}
.text-primary-color-300 {
    color: #c6b3c8 !important;
}
a.text-primary-color-300:hover,
a.text-primary-color-300:focus {
    color: #a587a8 !important;
}
.text-primary-color-400 {
    color: #a180a3 !important;
}
a.text-primary-color-400:hover,
a.text-primary-color-400:focus {
    color: #7a5a7c !important;
}
.text-primary-color-500 {
    color: #68336c !important;
}
a.text-primary-color-500:hover,
a.text-primary-color-500:focus {
    color: #361a38 !important;
}
.text-primary-color-600 {
    color: #420047 !important;
}
a.text-primary-color-600:hover,
a.text-primary-color-600:focus {
    color: black !important;
}
.text-primary-color-700 {
    color: #28002b !important;
}
a.text-primary-color-700:hover,
a.text-primary-color-700:focus {
    color: black !important;
}
.text-primary-color-800 {
    color: #210024 !important;
}
a.text-primary-color-800:hover,
a.text-primary-color-800:focus {
    color: black !important;
}
.text-primary-color-900 {
    color: #140015 !important;
}
a.text-primary-color-900:hover,
a.text-primary-color-900:focus {
    color: black !important;
}
.text-gray-100 {
    color: #f9f9fa !important;
}
a.text-gray-100:hover,
a.text-gray-100:focus {
    color: #cfcfd7 !important;
}
.text-gray-200 {
    color: #eeedef !important;
}
a.text-gray-200:hover,
a.text-gray-200:focus {
    color: #c8c5cb !important;
}
.text-gray-300 {
    color: #e1e0e4 !important;
}
a.text-gray-300:hover,
a.text-gray-300:focus {
    color: #b9b7c0 !important;
}
.text-gray-400 {
    color: #d3d2d8 !important;
}
a.text-gray-400:hover,
a.text-gray-400:focus {
    color: #aba9b4 !important;
}
.text-gray-500 {
    color: #c4c3cb !important;
}
a.text-gray-500:hover,
a.text-gray-500:focus {
    color: #9c9aa7 !important;
}
.text-gray-600 {
    color: #b4b2bc !important;
}
a.text-gray-600:hover,
a.text-gray-600:focus {
    color: #8c8998 !important;
}
.text-gray-700 {
    color: #a19eab !important;
}
a.text-gray-700:hover,
a.text-gray-700:focus {
    color: #797587 !important;
}
.text-gray-800 {
    color: #413c55 !important;
}
a.text-gray-800:hover,
a.text-gray-800:focus {
    color: #1f1c28 !important;
}
.text-gray-900 {
    color: #090223 !important;
}
a.text-gray-900:hover,
a.text-gray-900:focus {
    color: black !important;
}
.text-primary {
    color: #420047 !important;
}
a.text-primary:hover,
a.text-primary:focus {
    color: black !important;
}
.text-secondary {
    color: #b4b2bc !important;
}
a.text-secondary:hover,
a.text-secondary:focus {
    color: #8c8998 !important;
}
.text-success {
    color: #420047 !important;
}
a.text-success:hover,
a.text-success:focus {
    color: black !important;
}
.text-info {
    color: #406cd2 !important;
}
a.text-info:hover,
a.text-info:focus {
    color: #264aa0 !important;
}
.text-warning {
    color: #f7b742 !important;
}
a.text-warning:hover,
a.text-warning:focus {
    color: #e3960a !important;
}
.text-danger {
    color: #ef1010 !important;
}
a.text-danger:hover,
a.text-danger:focus {
    color: #a70b0b !important;
}
.text-light {
    color: #b4b2bc !important;
}
a.text-light:hover,
a.text-light:focus {
    color: #8c8998 !important;
}
.text-dark {
    color: #090223 !important;
}
a.text-dark:hover,
a.text-dark:focus {
    color: black !important;
}
.text-body {
    color: #090223 !important;
}
.text-muted,
.block .minicalendar td.weekend {
    color: #a19eab !important;
}
.text-black-50 {
    color: rgba(0, 0, 0, 0.5) !important;
}
.text-white-50 {
    color: rgba(255, 255, 255, 0.5) !important;
}
.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}
.text-decoration-none {
    text-decoration: none !important;
}
.text-break {
    word-break: break-word !important;
    word-wrap: break-word !important;
}
.text-reset {
    color: inherit !important;
}
.visible {
    visibility: visible !important;
}
.invisible {
    visibility: hidden !important;
}
.dir-rtl .custom-select {
    background-position: 0.75rem center;
}
.dir-rtl .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
    transform: translateX(-0.9375rem);
}
.sticky-header-settings-menu {
    position: fixed;
    top: 77px;
    right: 45px;
    z-index: 1030;
}
@media (max-width: 1088.98px) {
    .sticky-header-settings-menu {
        top: 72px;
        right: 16px;
    }
}
.sticky-header-settings-menu .dropdown-btn {
    padding: 0 !important;
    border: 0;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.3);
    color: #fff;
    cursor: pointer;
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
    transition: all 0.2s ease-in-out;
}
.sticky-header-settings-menu .dropdown-btn:hover {
    background-color: rgba(0, 0, 0, 0.5);
}
.notloggedin .header-settings-menu {
    display: none !important;
}
@media (min-width: 320px) and (max-width: 1088.98px) {
    .header-settings-menu {
        padding: 4px;
        position: fixed;
        bottom: 5px;
        right: 5px;
        z-index: 1019;
        flex-wrap: wrap;
        background-color: rgba(0, 0, 0, 0.1);
        backdrop-filter: blur(5px);
        -webkit-backdrop-filter: blur(5px);
        border-radius: 7px;
    }
}
@media (min-width: 768px) and (max-width: 1088.98px) {
    .scrolled .header-settings-menu {
        right: 65px;
        left: auto;
    }
}
@media (max-width: 767.98px) {
    .scrolled .header-settings-menu {
        right: 65px;
        left: 5px;
    }
}
@media (min-width: 320px) {
    .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;
    }
}
#user-notifications {
    display: block;
    overflow: hidden;
    margin: 10px 0;
}
#user-notifications:empty {
    margin: 0;
}
#user-notifications .alert,
#user-notifications .que .validationerror,
.que #user-notifications .validationerror,
#user-notifications #page-mod-choice-view #notice p,
#page-mod-choice-view #notice #user-notifications p {
    margin-bottom: 0;
}
#user-notifications .alert + .alert,
#user-notifications .que .validationerror + .alert,
#user-notifications .que .que .validationerror + .validationerror,
.que #user-notifications .que .validationerror + .validationerror,
#user-notifications .que #page-mod-choice-view #notice .validationerror + p,
#page-mod-choice-view #notice #user-notifications .que .validationerror + p,
.que #user-notifications .validationerror + .alert,
#user-notifications #page-mod-choice-view #notice p + .alert,
#user-notifications #page-mod-choice-view #notice .que p + .validationerror,
.que #user-notifications #page-mod-choice-view #notice p + .validationerror,
#user-notifications #page-mod-choice-view #notice #page-mod-choice-view #notice p + p,
#page-mod-choice-view #notice #user-notifications #page-mod-choice-view #notice p + p,
#page-mod-choice-view #notice #user-notifications p + .alert,
#user-notifications .que .alert + .validationerror,
.que #user-notifications .alert + .validationerror,
#user-notifications #page-mod-choice-view #notice .alert + p,
#user-notifications #page-mod-choice-view #notice .que .validationerror + p,
.que #user-notifications #page-mod-choice-view #notice .validationerror + p,
#page-mod-choice-view #notice #user-notifications .alert + p {
    margin-top: 0.35rem;
}
.layout-option-noheader .page-header-content,
.layout-option-nonavbar #page-navbar,
.layout-option-nofooter #s-page-footer,
.layout-option-nocourseheader .course-content-header,
.layout-option-nocoursefooter .course-content-footer {
    display: none;
}
.mdl-left {
    text-align: left;
}
.mdl-right {
    text-align: right;
}
.text-ltr {
    direction: ltr !important;
}
#add,
#remove,
.centerpara,
.mdl-align {
    text-align: center;
}
#page-admin-report-questioninstances-index .centerpara {
    text-align: left;
}
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: #a19eab;
}
.theme-dark a.dimmed,
.theme-dark a.dimmed:link,
.theme-dark a.dimmed:visited,
.theme-dark a.dimmed_text,
.theme-dark a.dimmed_text:link,
.theme-dark a.dimmed_text:visited,
.theme-dark .dimmed_text,
.theme-dark .dimmed_text a,
.theme-dark .dimmed_text a:link,
.theme-dark .dimmed_text a:visited,
.theme-dark .usersuspended,
.theme-dark .usersuspended a,
.theme-dark .usersuspended a:link,
.theme-dark .usersuspended a:visited,
.theme-dark .dimmed_category,
.theme-dark .dimmed_category a {
    color: #9aa0a6;
}
.aalink:focus:hover,
#s-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:hover,
.btn-link:focus:hover,
[data-fieldtype="submit"] a:focus:hover,
.cancel a:focus:hover,
#page-mod-quiz-report .gradetheselink:focus:hover,
.nav-link:focus:hover,
.atto_link_button: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,
.sr-only-focusable:focus:hover,
a.dropdown-toggle:focus:hover,
.modal-dialog[tabindex="0"]:focus:hover,
.moodle-dialogue-base .closebutton:focus:hover,
button.close:focus:hover,
.yui3-skin-sam button.yui3-button.closebutton:focus:hover,
.form-autocomplete-selection:focus:hover {
    text-decoration: none;
}
.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.activity,
.section li.movehere,
.tabtree li {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
}
.section li.movehere a {
    display: block;
    width: 100%;
    height: 2rem;
    border: 2px dashed #413c55;
}
.editing .course-content .hidden.sectionname {
    visibility: hidden;
    display: none;
}
.inline,
.inline-list li {
    display: inline-flex;
}
.notifytiny {
    font-size: 0.75rem;
}
.notifytiny li,
.notifytiny td {
    font-size: 100%;
}
.red,
.notifyproblem {
    color: #ef1010;
}
.green,
.notifysuccess {
    color: #420047;
}
.highlight {
    padding: 0 4px;
    font-weight: 700;
    color: #68336c;
    position: relative;
}
.highlight:before {
    content: "";
    background-color: #c6b3c8;
    width: 100%;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: -2px;
}
.theme-dark .highlight {
    color: #a180a3;
}
.theme-dark .highlight:before {
    background-color: #a180a3;
}
.fitem.advanced .text-info {
    font-weight: 700;
}
.text-info {
    color: #406cd2;
}
.reportlink {
    text-align: right;
}
a.autolink.glossary:hover {
    cursor: help;
}
.collapsibleregioncaption {
    white-space: nowrap;
    min-height: 1.5rem;
}
.collapsibleregioncaption a {
    width: 100%;
    display: block;
    padding: 0.85rem 30px;
    margin: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 15.25L16.25 9.75H7.75L12 15.25Z' stroke='%23090223' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
    background-size: 16px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: calc(100% - 20px);
    border-bottom: 1px solid #e1e0e4;
    font-size: 0.875rem;
    font-weight: 500;
    color: #090223;
    text-align: left;
}
.theme-dark .collapsibleregioncaption a {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 15.25L16.25 9.75H7.75L12 15.25Z' stroke='%23E8EAED' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
    border-color: #2e3134;
    color: #f9f9fa;
}
.collapsibleregioncaption a:hover {
    text-decoration: none;
    background-color: #ece6ed;
    border-color: #68336c;
    color: #68336c;
}
.theme-dark .collapsibleregioncaption a:hover {
    background-color: #0b0d0f;
    border-color: #2e3134;
    color: #e8eaed;
}
.collapsed .collapsibleregioncaption a {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.25 12L8.75 7.75V16.25L14.25 12Z' stroke='%23090223' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
}
.theme-dark .collapsed .collapsibleregioncaption a {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.25 12L8.75 7.75V16.25L14.25 12Z' stroke='%23E8EAED' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
}
.collapsibleregioncaption a img {
    display: none;
}
.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;
}
.visibleifjs {
    display: none;
}
.jsenabled .visibleifjs {
    display: inline;
}
.collapsibleregion {
    margin: 0.5rem 0;
    width: 100%;
    border: 1px solid #e1e0e4;
    border-radius: 7px;
    overflow: hidden;
    box-sizing: content-box;
}
.theme-dark .collapsibleregion {
    border-color: #2e3134;
}
.collapsibleregioninner {
    padding: 20px 30px;
}
.collapsibleregioninner .form-check {
    padding: 5px 0;
}
.collapsibleregioninner .form-check .form-check-input {
    margin-right: 10px;
}
.jsenabled .collapsed .collapsibleregioninner {
    visibility: hidden;
}
.collapsible-actions {
    display: none;
    text-align: right;
}
.jsenabled .collapsible-actions {
    display: block;
    margin-bottom: 10px;
}
.collapsible-actions .collapseexpand {
    padding-right: 35px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.25 12L8.75 7.75V16.25L14.25 12Z' stroke='%23090223' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: calc(100% - 10px);
}
.theme-dark .collapsible-actions .collapseexpand {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.25 12L8.75 7.75V16.25L14.25 12Z' stroke='%23E8EAED' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
}
.collapsible-actions .collapse-all {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 9.75L16.25 15.25H7.75L12 9.75Z' stroke='%23090223' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
}
.theme-dark .collapsible-actions .collapse-all {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 9.75L16.25 15.25H7.75L12 9.75Z' stroke='%23E8EAED' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
}
.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;
}
.adminsettings .clearer {
    background: transparent;
    border-width: 0;
    clear: both;
    display: block;
    height: 1px;
    margin: 10px 0 !important;
    padding: 0 !important;
}
.block .clearer {
    display: none;
}
.bold,
.warning,
.errorbox .title,
.pagingbar .title,
.pagingbar .thispage {
    font-weight: 700;
}
img.resize {
    height: 1em;
    width: 1em;
}
.action-menu .dropdown-toggle {
    text-decoration: none;
}
.action-menu {
    white-space: nowrap;
}
.block img.resize {
    height: 0.9em;
    width: 0.8em;
}
img.activityicon {
    height: 40px;
    width: 40px;
}
@media (max-width: 767.98px) {
    img.activityicon {
        height: 30px;
        width: 30px;
    }
}
.headermain {
    font-weight: 700;
}
#maincontent {
    display: block;
    overflow: hidden;
}
img.uihint {
    cursor: help;
}
#addmembersform table {
    margin-left: auto;
    margin-right: auto;
}
#addmembersform table tr,
#addmembersform table td {
    border: none;
}
#addmembersform table td {
    padding: 10px !important;
    vertical-align: top;
}
table.flexible .emptyrow {
    display: none;
}
form.popupform,
form.popupform div {
    display: inline;
}
.arrow_button input {
    overflow: hidden;
}
.no-overflow {
    overflow: auto;
    scrollbar-width: thin;
    scrollbar-color: #b4b2bc #fff;
}
.no-overflow::-webkit-scrollbar {
    width: 12px;
}
.no-overflow::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 20px;
}
.no-overflow::-webkit-scrollbar-thumb {
    background-color: #b4b2bc;
    border-radius: 20px;
    border: 3px solid #fff;
}
.no-overflow::-webkit-scrollbar-thumb:hover {
    background-color: #a19eab;
}
.theme-dark .no-overflow {
    scrollbar-width: thin;
    scrollbar-color: #b4b2bc #0b0d0f;
}
.theme-dark .no-overflow::-webkit-scrollbar {
    width: 12px;
}
.theme-dark .no-overflow::-webkit-scrollbar-track {
    background: #0b0d0f;
    border-radius: 20px;
}
.theme-dark .no-overflow::-webkit-scrollbar-thumb {
    background-color: #b4b2bc;
    border-radius: 20px;
    border: 3px solid #0b0d0f;
}
.theme-dark .no-overflow::-webkit-scrollbar-thumb:hover {
    background-color: #a19eab;
}
.no-overflow > .generaltable,
.no-overflow > .rolecap {
    position: relative;
    min-width: 100%;
    width: max-content;
}
.accesshide {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
    display: none !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 {
    margin: 1rem 0 2rem;
}
.blog_entry .audience {
    text-align: right;
    padding-right: 4px;
}
.blog_entry .tags {
    margin-top: 15px;
}
.blog_entry .content {
    margin-left: 43px;
}
#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%;
    vertical-align: top;
}
.groupmanagementtable #existingcell p,
.groupmanagementtable #potentialcell p {
    margin: 0;
}
.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: 400;
}
#group-usersummary {
    width: 14em;
}
.groupselector {
    margin-top: 3px;
    margin-bottom: 3px;
    display: inline-block;
}
.rui-forum-buttons .groupselector {
    margin: 10px 0;
    display: block;
    font-weight: 700;
}
.groupselector label {
    display: inline-block;
}
.login-page [name="username"] {
    margin-bottom: -1px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.login-page [type="password"] {
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
#page-notes-edit.path-notes .main-content {
    width: 100%;
}
.notepost .userpicture {
    float: left;
    margin-right: 1rem;
}
.notepost .content,
.notepost .footer {
    clear: both;
}
.notesgroup {
    padding: 1rem;
    margin: 1rem 0 2rem;
    border: 1px solid #e1e0e4;
    border-radius: 7px;
}
.theme-dark .notesgroup {
    border-color: #2e3134;
}
.notesgroup:empty {
    padding: 0;
    border: none;
}
.notesgroup p {
    margin: 0 0 1rem;
}
.notesgroup p:only-child {
    margin-bottom: 0;
}
.notestitle {
    font-size: 0.875rem;
    font-weight: 500;
    color: #413c55;
    text-decoration: none;
}
.theme-dark .notestitle {
    color: #bdc1c6;
}
.notelist .header {
    display: block;
}
.notelist .header .user {
    font-size: 0.875rem;
    font-weight: 700;
}
.notelist .header .user a {
    display: block !important;
}
.notelist .header .user img {
    border-radius: 7px;
}
.notelist .header .info {
    font-size: 0.75rem;
    color: #413c55;
}
.theme-dark .notelist .header .info {
    color: #bdc1c6;
}
.notepost .content {
    margin: 0.5rem 1rem 1rem 52px;
}
.notepost .footer {
    margin: 0 1rem 1rem 52px;
    padding-bottom: 1rem;
    border-bottom: 1px solid #e1e0e4;
}
.notepost .footer a {
    margin: 0;
}
.notepost {
    margin-bottom: 2rem;
}
.notepost:last-child {
    border-bottom: none;
    margin-bottom: 0;
}
.notepost:last-child .footer {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}
.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;
}
table.mod_index {
    width: 100%;
}
table.mod_index .c0 {
    font-size: 1rem;
    text-align: left !important;
}
table.mod_index .c1 a {
    display: inline-flex;
    align-items: center;
    line-height: 1.2;
}
table.mod_index .c1 a:hover {
    color: #a180a3;
    text-decoration: none;
}
table.mod_index .c1 a .activityicon {
    margin-right: 0.5rem;
    width: 40px;
    height: 40px;
}
@media (max-width: 767.98px) {
    table.mod_index .c1 a .activityicon {
        width: 30px;
        height: 30px;
    }
}
table.mod_index .c2 {
    font-size: 0.875rem;
}
.comment-ctrl {
    font-size: 12px;
    display: none;
    margin: 0;
    padding: 0;
}
.comment-ctrl h5 {
    margin: 0;
    padding: 5px;
}
.comment-pagination,
.comment-area {
    padding-left: 140px;
}
.rui-blocks-area .comment-pagination,
#page-mod-assign-grader .comment-pagination,
.rui-blocks-area .comment-area,
#page-mod-assign-grader .comment-area {
    padding-left: 0;
}
.comment-area textarea {
    margin-bottom: 0.35rem;
    width: 100%;
    min-height: 100px;
    overflow: auto;
    background-size: 18px;
}
.comment-area textarea.fullwidth {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.comment-area .fd {
    text-align: right;
}
.rui-blocks-area .comment-area .fd {
    width: 100%;
}
.comment-area .fd a {
    margin-left: 0.35rem;
}
.rui-blocks-area .comment-area .fd a {
    margin-left: 0;
    width: 100%;
}
.comment-area .fd span {
    display: none;
}
.comment-meta span {
    color: #413c55;
}
.theme-dark .comment-meta span {
    color: #bdc1c6;
}
.comment-link img {
    vertical-align: text-bottom;
}
.comment-list {
    padding: 0;
    margin: 0;
    overflow: auto;
    list-style: none;
}
.comment-list li {
    padding: 0.25rem;
    margin: 0 0 1rem 0;
    border-radius: 7px;
    list-style: none;
    clear: both;
    position: relative;
}
.comment-list li:hover {
    background-color: #f9f9fa;
}
.theme-dark .comment-list li:hover {
    background-color: #0b0d0f;
}
.comment-list li.first {
    display: none;
}
.comment-message {
    padding-left: 140px;
}
.rui-blocks-area .comment-message {
    padding-left: 0;
}
table .comment-message {
    max-width: 400px;
}
.glossarypost .comment-message {
    max-width: 100%;
}
.comment-message .picture {
    margin-right: 0.5rem;
}
.comment-message .picture img {
    width: 30px;
    height: 30px;
    border-radius: 7px;
}
.comment-message .user {
    font-size: 0.875rem;
    font-weight: 500;
}
.comment-message .time {
    max-width: 110px;
    font-size: 0.75rem;
    font-weight: 500;
    color: #413c55;
    position: absolute;
    top: 0.25rem;
    left: 0.25rem;
}
.theme-dark .comment-message .time {
    color: #bdc1c6;
}
.rui-blocks-area .comment-message .time {
    max-width: 100%;
    margin-left: 38px;
    position: relative;
    top: auto;
    left: auto;
}
.comment-message-meta {
    display: inline-flex;
    align-items: center;
    margin-bottom: 10px;
    color: #413c55;
}
.theme-dark .comment-message-meta {
    color: #413c55;
}
.rui-blocks-area .comment-message-meta {
    display: flex;
    flex-wrap: wrap;
    margin-right: 0 !important;
}
.comment-message-meta a {
    color: #090223;
}
.theme-dark .comment-message-meta a {
    color: #e8eaed;
}
.comment-message .text {
    margin: 0;
    padding: 0;
    font-size: 0.875rem;
    color: #413c55;
}
.theme-dark .comment-message .text {
    color: #bdc1c6;
}
.comment-message .text p {
    padding: 0;
    margin: 0 18px 0 0;
}
.comment-delete {
    opacity: 0;
    position: absolute;
    top: 4px;
    right: 4px;
    margin: 0;
}
.comment-list li:hover .comment-delete {
    opacity: 1;
}
.comment-delete a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 60px;
}
.comment-delete a .rui-icon-container {
    margin: 0;
}
.comment-delete a .rui-icon-container .icon {
    width: 20px;
    height: 20px;
}
.comment-delete a:hover {
    text-decoration: none;
    background-color: #e1e0e4;
}
.comment-report-selectall {
    display: none;
}
.comment-link {
    display: none;
}
.jsenabled .comment-link {
    display: inline-flex;
    align-items: center;
    font-weight: 500;
    color: #090223;
    margin-bottom: 1rem;
}
.jsenabled .comment-link:hover {
    text-decoration: none;
    cursor: pointer;
    color: #a180a3;
}
.theme-dark.jsenabled .comment-link {
    color: #e8eaed;
}
.jsenabled .showcommentsnonjs {
    display: none;
}
.jsenabled .comment-report-selectall {
    display: inline;
}
.completion-expired {
    color: #f7b742;
}
.completion-expected {
    margin-top: 5px;
    margin-left: 10px;
    color: #406cd2;
    font-weight: 700;
    font-size: 0.75rem;
    text-align: left;
}
.completion-sortchoice,
.completion-identifyfield {
    font-size: 0.75rem;
    vertical-align: bottom;
}
.completion-progresscell {
    text-align: right;
}
.completion-expired .completion-expected {
    font-weight: 700;
}
img.user-image {
    height: 100px;
    width: 100px;
}
#tag-search-box {
    margin: 1rem auto 2rem;
}
.path-tag .tagarea .controls::after,
.path-tag .tagarea .taggeditems::after {
    display: block;
    clear: both;
    content: "";
}
.path-tag .tagarea .controls,
.path-tag .tag-backtoallitems {
    text-align: center;
}
.path-tag .tagarea .controls .gotopage.nextpage {
    float: right;
}
.path-tag .tagarea .controls .gotopage.prevpage {
    float: left;
}
.path-tag .tagarea .controls .exclusivemode {
    display: inline-block;
}
.path-tag .tagarea .controls.controls-bottom {
    margin-top: 5px;
}
.path-tag .tagarea .controls .gotopage.nextpage::after {
    padding-right: 5px;
    padding-left: 5px;
    content: "";
}
.path-tag .tagarea .controls .gotopage.prevpage::before {
    padding-right: 5px;
    padding-left: 5px;
    content: "";
}
span.flagged-tag,
tr.flagged-tag,
span.flagged-tag a,
tr.flagged-tag a {
    color: #ef1010;
}
.tag-management-table .inplaceeditable.inplaceeditingon input {
    width: 150px;
}
.path-tag .tag-relatedtags {
    margin: 1rem 0;
}
.path-tag .tag-relatedtags li a {
    position: relative;
    padding-left: 30px;
}
.path-tag .tag-relatedtags li a:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Ccircle cx='15' cy='9' r='1' fill='%23090223'%3E%3C/circle%3E%3Cpath stroke='%23090223' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M12 4.75H19.25V12L12.5535 18.6708C11.7544 19.4668 10.4556 19.445 9.68369 18.6226L5.28993 13.941C4.54041 13.1424 4.57265 11.8895 5.36226 11.1305L12 4.75Z'%3E%3C/path%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: 16px;
    position: absolute;
    top: calc(50% - 6px);
    left: 10px;
}
.theme-dark .path-tag .tag-relatedtags li a:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Ccircle cx='15' cy='9' r='1' fill='%23E8EAED'%3E%3C/circle%3E%3Cpath stroke='%23E8EAED' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M12 4.75H19.25V12L12.5535 18.6708C11.7544 19.4668 10.4556 19.445 9.68369 18.6226L5.28993 13.941C4.54041 13.1424 4.57265 11.8895 5.36226 11.1305L12 4.75Z'%3E%3C/path%3E%3C/svg%3E%0A");
}
.tag-management-form p {
    margin-top: 1rem;
    margin-bottom: 0;
}
.tag_feed {
    margin: 0;
    padding: 0;
}
.tag_feed.media-list .media {
    padding: 0.25rem;
    margin: 0.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 7px;
}
.tag_feed.media-list .media:hover {
    background-color: #f9f9fa;
    text-decoration: none;
}
.theme-dark .tag_feed.media-list .media:hover {
    background-color: #0b0d0f;
}
.tag_feed.media-list .media .itemimage {
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.tag_feed.media-list .media .itemimage .icon {
    font-size: 30px;
    width: 30px;
    height: 30px;
}
.tag_feed.media-list .media .itemimage img {
    height: 40px;
    width: 40px;
    border-radius: 60px;
}
.tag_feed.media-list .media .media-body {
    padding-right: 10px;
    padding-left: 10px;
}
.tag_feed .media .muted a {
    color: #a19eab;
}
.theme-dark .tag_feed .media .muted a {
    color: #9aa0a6;
}
.tag_cloud {
    margin-top: 1rem;
    font-size: 0.875rem;
    font-weight: 500;
}
.tag_cloud li {
    margin: 0.35rem;
}
.tag_cloud li a {
    padding: 0.35rem 0.45rem;
    position: relative;
    background-color: #f9f9fa;
    border-radius: 7px;
    color: #090223;
}
.theme-dark .tag_cloud li a {
    background-color: #0b0d0f;
    color: #e8eaed;
}
.tag_cloud li a:hover {
    text-decoration: none;
    background-color: #eeedef;
}
.theme-dark .tag_cloud li a:hover {
    background-color: #17181b;
}
.tag_cloud li a:before {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    background: #94ade7;
    background: linear-gradient(90deg, #94ade7 0%, #5fb86b 100%);
    border-radius: 10px;
    max-width: calc(100% - 6px);
    height: 3px;
}
.tag_cloud .tag_overflow {
    margin-top: 1em;
    font-style: italic;
}
.tag_cloud .s20:before {
    width: calc(100% - 6px);
}
.tag_cloud .s19:before {
    width: calc(90% - 6px);
}
.tag_cloud .s18:before {
    width: calc(85% - 6px);
}
.tag_cloud .s17:before {
    width: calc(80% - 6px);
}
.tag_cloud .s16:before {
    width: 80px;
}
.tag_cloud .s15:before {
    width: 75px;
}
.tag_cloud .s14:before {
    width: 70px;
}
.tag_cloud .s13:before {
    width: 65px;
}
.tag_cloud .s12:before {
    width: 60px;
}
.tag_cloud .s11:before {
    width: 55px;
}
.tag_cloud .s10:before {
    width: 50px;
}
.tag_cloud .s9:before {
    width: 45px;
}
.tag_cloud .s8:before {
    width: 40px;
}
.tag_cloud .s7:before {
    width: 35px;
}
.tag_cloud .s6:before {
    width: 30px;
}
.tag_cloud .s5:before {
    width: 25px;
}
.tag_cloud .s4:before {
    width: 20px;
}
.tag_cloud .s3:before {
    width: 15px;
}
.tag_cloud .s2:before {
    width: 10px;
}
.tag_cloud .s1:before {
    width: 5px;
}
.tag_cloud .s0:before {
    width: 2px;
}
.tag_list ul {
    display: inline;
}
.tag_list.hideoverlimit .overlimit {
    display: none;
}
.tag_list .tagmorelink {
    display: none;
}
.tag_list.hideoverlimit .tagmorelink {
    display: inline;
}
.tag_list.hideoverlimit .taglesslink {
    display: none;
}
#webservice-doc-generator td {
    text-align: left;
    border: 0 solid #000;
}
.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 #e1e0e4;
}
.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;
}
.corelightbox {
    background-color: #e1e0e4;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
}
.corelightbox img {
    position: fixed;
    top: 50%;
    left: 50%;
}
.mod-indent-outer {
    display: inline-block;
}
.mod-indent {
    display: table-cell;
}
.label .mod-indent {
    float: left;
    padding-top: 20px;
}
@media (min-width: 768px) {
    .rui-backup-progress .backup_stage {
    }
    .rui-mod-indent--1 {
        margin-left: 60px;
    }
    .rui-mod-indent--2 {
        margin-left: 120px;
    }
    .rui-mod-indent--3 {
        margin-left: 180px;
    }
    .rui-mod-indent--4 {
        margin-left: 240px;
    }
    .rui-mod-indent--5 {
        margin-left: 300px;
    }
    .rui-mod-indent--6 {
        margin-left: 360px;
    }
    .rui-mod-indent--7 {
        margin-left: 420px;
    }
    .rui-mod-indent--8 {
        margin-left: 480px;
    }
    .rui-mod-indent--9 {
        margin-left: 540px;
    }
    .rui-mod-indent--10 {
        margin-left: 600px;
    }
    .rui-mod-indent--11 {
        margin-left: 660px;
    }
    .rui-mod-indent--12 {
        margin-left: 720px;
    }
    .rui-mod-indent--13 {
        margin-left: 780px;
    }
    .rui-mod-indent--14 {
        margin-left: 840px;
    }
    .rui-mod-indent--15 {
        margin-left: 900px;
    }
    .rui-mod-indent--16 {
        margin-left: 960px;
    }
    .rui-mod-indent--huge {
        margin-left: 960px;
    }
}
.resourcecontent .mediaplugin_mp3 object {
    height: 25px;
    width: 600px;
}
.resourcecontent audio.mediaplugin_html5audio {
    width: 600px;
}
.resourceimage {
    max-width: 100%;
}
.mediaplugin_mp3 object {
    height: 15px;
    width: 300px;
}
audio.mediaplugin_html5audio {
    width: 300px;
}
.mediaplugin div {
    max-width: 100% !important;
}
.core_media_preview.pagelayout-embedded #content {
    padding: 0;
}
.core_media_preview.pagelayout-embedded #maincontent {
    height: 0;
}
body#page-lib-editor-tinymce-plugins-moodlemedia-preview {
    padding: 0;
    margin: 0;
    min-width: 0;
    background: none;
}
.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-base .moodle-dialogue-lightbox {
    background-color: #000;
}
.pagelayout-popup .moodle-dialogue-base .moodle-dialogue-lightbox {
    background-color: transparent;
}
.pagelayout-popup .moodle-dialogue-base .moodle-dialogue {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07), 0 2px 4px rgba(0, 0, 0, 0.07), 0 4px 8px rgba(0, 0, 0, 0.07), 0 8px 16px rgba(0, 0, 0, 0.07), 0 16px 32px rgba(0, 0, 0, 0.07), 0 32px 64px rgba(0, 0, 0, 0.07);
}
.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 {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #e1e0e4;
    border-radius: 7px;
    outline: 0;
}
.theme-dark .moodle-dialogue-base .moodle-dialogue-wrap {
    background-color: #e8eaed;
    border-color: #2e3134;
}
.moodle-dialogue-base .moodle-dialogue-wrap:focus {
    outline: 0;
}
.modal.show {
    display: block;
}
.moodle-dialogue-hd h5 {
    margin-bottom: 0;
}
.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd {
    display: flex;
    padding: 15px 16px;
    border-bottom: 1px solid #e1e0e4;
}
.theme-dark .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd {
    border-color: #2e3134;
}
.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .yui3-widget-buttons {
    padding: 0;
}
.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd.yui3-widget-hd {
    background: initial;
    font-family: "Be Vietnam Pro", sans-serif;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.5;
    color: initial;
}
.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd h1,
.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd h2,
.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd h3 {
    margin: 0;
    font-family: "Be Vietnam Pro", sans-serif;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.5;
    color: initial;
}
.theme-dark .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd h1,
.theme-dark .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd h2,
.theme-dark .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd h3 {
    color: #e8eaed;
}
.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd {
    padding: 1rem !important;
}
.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd label {
    font-size: 0.875rem;
    font-weight: 500;
}
.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd ul li {
    margin-bottom: 0.25rem;
}
.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd ul li:last-child {
    margin-bottom: 0;
}
.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd body {
    background-color: #f9f9fa;
}
.theme-dark .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd body {
    background-color: #0e1013;
}
.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: 700;
}
.moodle-dialogue-exception .param-stacktrace label {
    background-color: #f9f9fa;
    border: 1px solid #e1e0e4;
    border-bottom-width: 0;
}
.theme-dark .moodle-dialogue-exception .param-stacktrace label {
    background-color: #0b0d0f;
    border-color: #2e3134;
}
.moodle-dialogue-exception .param-stacktrace pre {
    border: 1px solid #e1e0e4;
    background-color: #fff;
}
.theme-dark .moodle-dialogue-exception .param-stacktrace pre {
    background-color: #e8eaed;
    border-color: #2e3134;
}
.moodle-dialogue-exception .param-stacktrace .stacktrace-file {
    color: navy;
    font-size: 0.875rem;
}
.moodle-dialogue-exception .param-stacktrace .stacktrace-line {
    color: #f7b742;
    font-size: 0.875rem;
}
.moodle-dialogue-exception .param-stacktrace .stacktrace-call {
    color: #333;
    font-size: 90%;
    border-bottom: 1px solid #e1e0e4;
}
.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 0 1rem 0;
}
.moodle-dialogue-confirm .confirmation-dialogue input {
    min-width: 80px;
}
.moodle-dialogue-exception .moodle-exception-message {
    padding: 1rem;
    max-height: 300px;
    overflow: auto;
    background-color: #f9f9fa;
    font-family: "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 0.75rem;
    color: #413c55;
    word-break: break-word;
}
.theme-dark .moodle-dialogue-exception .moodle-exception-message {
    background-color: #0b0d0f;
    color: #bdc1c6;
}
.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;
}
.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;
}
.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-color: #f9f9fa;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}
.theme-dark .chooserdialogue .moodle-dialogue-wrap .moodle-dialogue-bd {
    background-color: #0b0d0f;
}
.choosercontainer #chooseform .submitbuttons {
    padding: 0.7em 0;
    text-align: right;
}
@media (max-height: 639px) {
    .ios .choosercontainer #chooseform .submitbuttons {
        padding: 45px 0;
    }
}
.choosercontainer #chooseform .submitbuttons input {
    min-width: 100px;
    margin: 0 0.5em;
}
.choosercontainer #chooseform .options {
    position: relative;
    border-bottom: 1px solid #e1e0e4;
}
.theme-dark .choosercontainer #chooseform .options {
    border-color: #2e3134;
}
.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%;
}
.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 #e1e0e4;
}
.theme-dark .choosercontainer #chooseform .option label {
    border-color: #2e3134;
}
.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;
}
.jschooser .choosercontainer #chooseform .instruction,
.jschooser .choosercontainer #chooseform .typesummary {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 240px;
    margin: 0;
    padding: 20px;
    background-color: #fff;
    overflow-x: hidden;
    overflow-y: auto;
    font-size: 0.875rem;
}
.theme-dark .jschooser .choosercontainer #chooseform .instruction,
.theme-dark .jschooser .choosercontainer #chooseform .typesummary {
    background-color: #e8eaed;
}
.jschooser .choosercontainer #chooseform .instruction,
.choosercontainer #chooseform .selected .typesummary {
    display: block;
}
.choosercontainer #chooseform .selected {
    background-color: #fff;
    margin-top: -1px;
    padding-top: 1px;
}
.theme-dark .choosercontainer #chooseform .selected {
    background-color: #e8eaed;
}
@media (max-width: 319.98px) {
    .jsenabled .choosercontainer #chooseform .alloptions {
        max-width: 100%;
    }
    .jsenabled .choosercontainer #chooseform .instruction,
    .jsenabled .choosercontainer #chooseform .typesummary {
        position: static;
    }
}
.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;
    height: 1em;
    width: 1em;
}
.modchooser .modal-body .carousel-item .loading-icon .icon {
    margin: 1em auto;
}
.modchooser .modal-footer {
    background: #fff;
}
.theme-dark .modchooser .modal-footer {
    background: #e8eaed;
}
.modchooser .modal-footer .moodlenet-logo .icon {
    padding: 0;
    margin: 0;
    height: 2.5rem;
    width: 6rem;
}
.modchoosercontainer.noscroll {
    overflow-y: hidden;
}
.optionaction.text-primary {
    background-color: #d1ecc0;
    color: #a19eab;
}
.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: #b4b2bc;
}
.theme-dark .modchoosercontainer .optionscontainer .option .optionactions .optionaction,
.theme-dark .modchoosercontainer .searchresultitemscontainer .option .optionactions .optionaction {
    color: #3c4043;
}
.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: #a19eab;
}
.theme-dark .modchoosercontainer .optionscontainer .option .optioninfo a,
.theme-dark .modchoosercontainer .searchresultitemscontainer .option .optioninfo a {
    color: #9aa0a6;
}
.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;
}
.theme-dark .modchooser .modal-body .optionsummary {
    background-color: #e8eaed;
}
.modchooser .modal-body .optionsummary .content {
    overflow-y: auto;
}
.modchooser .modal-body .optionsummary .content .heading .rui-summary-activity-title {
    width: 100%;
    font-size: 1rem;
    color: #090223;
}
.theme-dark .modchooser .modal-body .optionsummary .content .heading .rui-summary-activity-title {
    color: #e8eaed;
}
.modchooser .modal-body .optionsummary .content .heading .icon {
    height: 50px;
    width: 50px;
    font-size: 50px;
    padding: 0;
    margin-right: 0.35rem;
}
.modchooser .modal-body .optionsummary .actions {
    border-top: 1px solid #e1e0e4;
    background-color: #fff;
}
.theme-dark .modchooser .modal-body .optionsummary .actions {
    border-color: #e1e0e4;
    background-color: #fff;
}
@media (max-width: 319.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: 1089px) {
    .modchoosercontainer .optionscontainer .option,
    .modchoosercontainer .searchresultitemscontainer .option {
        flex-basis: calc(100% / 3 - 0.5rem);
    }
}
@media (min-width: 768px) and (max-width: 1088.98px) {
    .modchoosercontainer .optionscontainer .option,
    .modchoosercontainer .searchresultitemscontainer .option {
        flex-basis: calc(50% - 0.5rem);
    }
}
@media (max-width: 767.98px) {
    .modchoosercontainer .optionscontainer .option,
    .modchoosercontainer .searchresultitemscontainer .option {
        flex-basis: calc(100% - 0.5rem);
    }
}
.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: 700;
    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: 0 0 0 20px;
    margin: 10px 0 5px;
    border-left: 1px solid #e1e0e4;
    font-size: 0.875rem;
    color: #413c55;
}
.theme-dark div.criteria-description {
    color: #bdc1c6;
    border-color: #2e3134;
}
ul.badges {
    margin: 0;
    padding: 0;
    list-style: none;
}
.badges li {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    margin-bottom: 0.35rem;
}
.badges li:last-child {
    margin-bottom: 0;
}
.badges li a {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
}
.badges li .badge-name {
    display: block;
    font-size: 0.75rem;
    font-weight: 500;
    color: #090223;
    text-align: left;
    line-height: 1.4;
}
.theme-dark .badges li .badge-name {
    color: #e8eaed;
}
.badges li .badge-name:hover {
    color: #a180a3;
}
.badges li .badge-image {
    padding: 7px;
    background-color: transparent;
    border: 1px solid #e1e0e4;
    border-radius: 7px;
    width: 40px;
    height: 40px;
    margin-right: 0.75rem;
}
.theme-dark .badges li .badge-image {
    border-color: #2e3134;
    background-color: #000;
}
.badges li .badge-actions {
    position: relative;
}
.badges li .expireimage {
    width: 100px;
    height: 100px;
    left: 25px;
    top: 0;
    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 {
    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-profile {
    vertical-align: top;
}
.connected {
    color: #420047;
}
.notconnected {
    color: #ef1010;
}
.connecting {
    color: #f7b742;
}
#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: #eaf4dd;
    color: #004b57;
}
.statusbox.inactive {
    background-color: #fdf6ea;
    color: #c3850c;
}
.statusbox {
    width: 100%;
    display: inline-flex;
    align-items: center;
    font-size: 0.875rem;
    font-weight: 500;
    text-align: left;
    margin-bottom: 0.5rem;
    padding: 0.55rem 1.25rem;
    border-radius: 7px;
}
.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-content .logo {
    margin: 1rem 0;
}
.page-header-content .logo img {
    max-height: 75px;
}
ul.dragdrop-keyboard-drag {
    margin: 0;
    padding: 0;
}
ul.dragdrop-keyboard-drag li {
    width: 100%;
    list-style-type: none;
}
ul.dragdrop-keyboard-drag li a {
    display: block;
    padding: 10px 16px;
    margin: 0;
    font-size: 0.75rem;
    font-weight: 500;
    border-radius: 7px;
    border-width: 2px;
    border-color: #e1e0e4;
    border-style: dashed;
    word-break: break-word;
}
ul.dragdrop-keyboard-drag li a:hover {
    border-color: #a180a3;
    border-style: solid dashed solid solid;
    color: #a180a3;
    cursor: pointer;
}
a.disabled:hover,
a.disabled {
    text-decoration: none;
    cursor: default;
    font-style: italic;
    color: gray;
}
body.lockscroll {
    height: 100%;
    overflow: hidden;
}
.rui-progressbar_container {
    margin: 1rem auto;
    padding: 10px;
    background-color: #ece6ed;
    border-radius: 7px;
}
.theme-dark .rui-progressbar_container {
    background-color: #0b0d0f;
}
.rui-progressbar_container .rui-progressbar-estimate {
    font-size: 0.875rem;
    font-weight: 500;
    color: #420047;
}
.theme-dark .rui-progressbar_container .rui-progressbar-estimate {
    color: #e8eaed;
}
.rui-progressbar_container .rui-progressbar-estimate:empty {
    display: none;
}
.rui-progressbar_container .rui-progressbar-status {
    font-size: 0.875rem;
    font-weight: 500;
    color: #420047;
    margin-bottom: 0.5rem;
}
.theme-dark .rui-progressbar_container .rui-progressbar-status {
    color: #e8eaed;
}
.rui-progressbar_container .rui-progressbar-status:empty {
    display: none;
}
.rui-progressbar_container .rui-progress {
    width: 100%;
}
.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 {
    font-size: 0.75rem;
    font-weight: 500;
    position: absolute;
    top: -18px;
    white-space: nowrap;
}
@media (min-width: 320px) {
    .inplaceeditable.inplaceeditingon input {
        width: 330px;
        vertical-align: text-bottom;
        margin-bottom: 0;
    }
}
.inplaceeditable.inplaceeditingon select {
    margin-bottom: 0;
}
.inplaceeditable .ignoredirty.form-control {
    width: auto;
    display: inline-block;
}
.inplaceeditable .quickeditlink {
    color: inherit;
    text-decoration: inherit;
}
.theme-dark .inplaceeditable .quickeditlink .icon {
    filter: invert(1);
}
.inplaceeditable.inplaceeditable-toggle .quickediticon {
    display: none;
}
.inplaceeditable.inplaceeditable-autocomplete {
    display: block;
}
h3.sectionname .inplaceeditable.inplaceeditingon .editinstructions {
    top: -35px;
}
.chart-area .chart-table-data {
    display: none;
}
.chart-area .chart-table .chart-output-htmltable caption {
    white-space: nowrap;
    font-size: 0.875rem;
}
.chart-area .chart-table.accesshide .chart-table-expand {
    display: none;
}
.chart-area .chart-table.accesshide .chart-table-data {
    display: block;
}
ul {
    padding-left: 1rem;
}
.ygtvtn {
    background: url(/theme/image.php/alpha/theme/1668532694/y/tn) 0 0 no-repeat;
}
.ygtvln {
    background: url(/theme/image.php/alpha/theme/1668532694/y/lnl) no-repeat;
    background-position-x: 7px;
    background-position-y: -22px;
}
.ygtvtp,
.ygtvtph {
    background: url(/theme/image.php/alpha/theme/1668532694/y/tn_c) 7px 0 no-repeat;
}
.ygtvtmh,
.ygtvtm {
    background: url(/theme/image.php/alpha/theme/1668532694/y/tn_e) 7px 0 no-repeat;
}
.ygtvdepthcell {
    background: url(/theme/image.php/alpha/theme/1668532694/y/vline) no-repeat;
}
.hover-tooltip-container {
    position: relative;
}
.hover-tooltip-container .hover-tooltip {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    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: 15px;
    background-color: #fff;
}
@media (max-width: 767.98px) {
    #region-flat-nav .nav {
        margin-top: 30px;
        margin-right: 0;
    }
}
.sitelink img {
    width: 112px;
}
.competency-tree ul {
    padding-left: 1.5rem;
}
.rui-competencies-box {
    margin-bottom: 0.5rem;
    padding: 1rem;
    border: 2px dashed #e1e0e4;
    border-radius: 7px;
}
.rui-user-course-nav {
    border: 2px dashed #e1e0e4;
    border-radius: 7px;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
    z-index: 1031;
    position: fixed;
    background: #fff;
    padding: 7px;
    left: 0;
    top: 0;
}
.jsenabled #course-category-listings #course-listing .listitem .drag-handle,
.moodle-core-dragdrop-draghandle {
    margin: 0 40px 0 10px;
    cursor: move;
    touch-action: none;
    background-color: #fff;
    width: 36px;
    height: 36px;
    border-radius: 7px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.26), 0 14px 44px 0 rgba(0, 0, 0, 0.2);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.jsenabled #course-category-listings #course-listing .listitem .drag-handle .icon,
.moodle-core-dragdrop-draghandle .icon {
    width: auto;
    height: auto;
    font-size: 0.875rem;
    color: #090223;
}
.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 {
    height: 30px;
    width: 30px;
    font-size: 30px;
}
.w-auto {
    width: auto;
}
.bg-pulse-grey {
    animation: bg-pulse-grey 2s infinite linear;
}
.theme-dark .bg-pulse-grey {
    animation: bg-pulse-grey-dark 2s infinite linear;
}
@keyframes bg-pulse-grey {
    0% {
        background-color: #f9f9fa;
    }
    50% {
        background-color: #ebebee;
    }
    100% {
        background-color: #f9f9fa;
    }
}
@keyframes bg-pulse-grey-dark {
    0% {
        background-color: #202124;
    }
    50% {
        background-color: #141517;
    }
    100% {
        background-color: #202124;
    }
}
.line-height-0 {
    line-height: 0 !important;
}
.line-height-1 {
    line-height: 0.25rem !important;
}
.line-height-2 {
    line-height: 0.5rem !important;
}
.line-height-3 {
    line-height: 1rem !important;
}
.line-height-4 {
    line-height: 1.875rem !important;
}
.line-height-5 {
    line-height: 2.5rem !important;
}
.line-height-6 {
    line-height: 3rem !important;
}
.dir-rtl .dir-rtl-hide {
    display: none;
}
.dir-ltr .dir-ltr-hide {
    display: none;
}
.paged-content-page-container {
    min-height: 8.125rem;
}
body.h5p-embed #page-content {
    display: inherit;
}
body.h5p-embed #maincontent {
    display: none;
}
body.h5p-embed .h5pmessages {
    min-height: 230px;
}
#coolh5peditor .rui-main-content-title--h2 {
    width: 860px;
    margin-left: auto;
    margin-right: auto;
}
@media (max-width: 1088.98px) {
    #coolh5peditor .rui-main-content-title--h2 {
        width: calc(100% - 60px);
        margin-left: 30px;
        margin-right: 30px;
    }
}
.text-decoration-none {
    text-decoration: none !important;
}
.colour-inherit {
    color: inherit !important;
}
.position-right {
    right: 0 !important;
}
.overflow-hidden {
    overflow: hidden !important;
}
.text-break {
    overflow-wrap: break-word !important;
}
.z-index-0 {
    z-index: 0 !important;
}
.z-index-1 {
    z-index: 1 !important;
}
.float-left {
    float: left !important;
}
.float-right {
    float: right !important;
}
.img-responsive {
    max-width: 100%;
    height: auto;
}
input[disabled] {
    cursor: not-allowed;
}
.custom-select {
    width: auto;
}
.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: #d4def8;
    color: #0642cd;
    height: 1.5rem;
}
.border-radius {
    border-radius: 7px;
}
.emoji-picker {
    background-color: #fff;
    width: calc(100% - 30px);
    margin: 0 15px;
    height: 400px;
}
.emoji-picker .category-name {
    margin-top: 10px;
    margin-bottom: 5px;
    font-size: 16px;
    line-height: 40px;
}
.emoji-picker .category-button {
    padding: 0.375rem 0;
    height: 100%;
    width: 11.1%;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 2px solid transparent;
}
.emoji-picker .category-button.selected {
    border-bottom: 2px solid #420047;
}
.emoji-picker .emojis-container,
.emoji-picker .search-results-container {
    min-width: 280px;
}
.emoji-picker .picker-row {
    height: 60px;
}
.emoji-picker .picker-row .emoji-button {
    margin: 0;
    height: calc(40px - 5px);
    width: calc(40px - 5px);
    border-radius: 50%;
    font-size: 20px;
    overflow: hidden;
    display: inline-flex;
    align-content: center;
    justify-content: center;
}
.emoji-picker .picker-row .emoji-button:hover,
.emoji-picker .picker-row .emoji-button:focus {
    color: inherit;
    text-decoration: none;
}
.emoji-picker .emoji-preview {
    height: 60px;
    font-size: 60px;
    line-height: 60px;
    display: inline-flex;
    align-content: center;
}
.emoji-picker .emoji-short-name {
    line-height: 30px;
}
@media (max-width: 319.98px) {
    .emoji-picker {
        width: 320px;
    }
}
.emoji-auto-complete {
    height: 60px;
}
.emoji-auto-complete .emoji-button {
    margin-right: 0.5rem;
    height: 40px;
    width: 40px;
    line-height: 40px;
    font-size: 20px;
    background-color: transparent;
    border: none;
    border-radius: 50%;
}
.emoji-auto-complete .emoji-button.active {
    background-color: #eeedef;
}
.toast-wrapper {
    max-width: 340px;
    max-height: 0;
    z-index: 1051;
}
.toast-wrapper > :first-child {
    margin-top: 1rem;
}
.alert-primary-color-100 a {
    color: #615f61;
}
.alert-primary-color-200 a {
    color: #575157;
}
.alert-primary-color-300 a {
    color: #4c454d;
}
.alert-primary-color-400 a {
    color: #382d38;
}
.alert-primary-color-500 a {
    color: #150a16;
}
.alert-primary-color-600 a {
    color: #000;
}
.alert-primary-color-700 a {
    color: #000;
}
.alert-primary-color-800 a {
    color: #000;
}
.alert-primary-color-900 a {
    color: #000;
}
.alert-gray-100 a {
    color: #686868;
}
.alert-gray-200 a {
    color: #626262;
}
.alert-gray-300 a {
    color: #5c5b5d;
}
.alert-gray-400 a {
    color: #555456;
}
.alert-gray-500 a {
    color: #4d4c50;
}
.alert-gray-600 a {
    color: #454448;
}
.alert-gray-700 a {
    color: #3b3a3e;
}
.alert-gray-800 a {
    color: #0b0a0e;
}
.alert-gray-900 a {
    color: #000;
}
.alert-primary a {
    color: #000;
}
.alert-secondary a {
    color: #454448;
}
.alert-success a {
    color: #000;
}
.alert-info a {
    color: #152446;
}
.alert-warning a,
#page-mod-choice-view #notice p a {
    color: #584117;
}
.alert-danger a,
.que .validationerror a {
    color: #4c0505;
}
.alert-light a {
    color: #454448;
}
.alert-dark a {
    color: #000;
}
.alert a,
.que .validationerror a,
#page-mod-choice-view #notice p a {
    font-weight: 700;
}
@media (max-width: 767.98px) {
    .mform {
        width: 100%;
    }
    .pagination {
        flex-wrap: wrap;
        justify-content: center;
    }
    .custom-select {
        max-width: 100%;
    }
    .page-header-content .card {
        border: 0;
    }
    .page-header-content .card .card-body {
        padding: 0;
    }
    .nav-tabs,
    .nav-pills {
        margin: 0;
        border: 0;
        padding: 0.125rem;
        background-color: #eeedef;
    }
    .nav-tabs .nav-item,
    .nav-pills .nav-item {
        flex: 1 1 auto;
        text-align: center;
    }
    .nav-tabs .nav-link,
    .nav-pills .nav-link {
        background-color: #fff;
        border: 0;
        margin: 0.125rem;
    }
    .nav-tabs .nav-link.active,
    .nav-pills .nav-link.active {
        color: #b4b2bc;
        border-color: #b4b2bc;
        border-color: #b4b2bc;
    }
    .nav-tabs .nav-link.active:hover,
    .nav-pills .nav-link.active:hover {
        color: #090223;
        background-color: #b4b2bc;
        border-color: #b4b2bc;
    }
    .nav-tabs .nav-link.active:focus,
    .nav-tabs .nav-link.active.focus,
    .nav-pills .nav-link.active:focus,
    .nav-pills .nav-link.active.focus {
        box-shadow: 0 0 0 0.2rem rgba(180, 178, 188, 0.5);
    }
    .nav-tabs .nav-link.active.disabled,
    .nav-tabs .nav-link.active:disabled,
    .nav-pills .nav-link.active.disabled,
    .nav-pills .nav-link.active:disabled {
        color: #b4b2bc;
        background-color: transparent;
    }
    .nav-tabs .nav-link.active:not(:disabled):not(.disabled):active,
    .nav-tabs .nav-link.active:not(:disabled):not(.disabled).active,
    .show > .nav-tabs .nav-link.active.dropdown-toggle,
    .nav-pills .nav-link.active:not(:disabled):not(.disabled):active,
    .nav-pills .nav-link.active:not(:disabled):not(.disabled).active,
    .show > .nav-pills .nav-link.active.dropdown-toggle {
        color: #090223;
        background-color: #b4b2bc;
        border-color: #b4b2bc;
    }
    .nav-tabs .nav-link.active:not(:disabled):not(.disabled):active:focus,
    .nav-tabs .nav-link.active:not(:disabled):not(.disabled).active:focus,
    .show > .nav-tabs .nav-link.active.dropdown-toggle:focus,
    .nav-pills .nav-link.active:not(:disabled):not(.disabled):active:focus,
    .nav-pills .nav-link.active:not(:disabled):not(.disabled).active:focus,
    .show > .nav-pills .nav-link.active.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgba(180, 178, 188, 0.5);
    }
}
@media (max-width: 320px) and (max-height: 320px) {
    div#page {
        margin-top: 0;
    }
    .rui-topbar.fixed-top {
        position: relative;
        z-index: inherit;
    }
}
.link-underline {
    text-decoration: underline;
}
.link-underline:focus {
    text-decoration: none;
}
.alert.cta .icon,
.que .cta.validationerror .icon,
#page-mod-choice-view #notice p.cta .icon {
    padding: 0.3rem;
}
.alert.cta .icon.fa,
.que .cta.validationerror .icon.fa,
#page-mod-choice-view #notice p.cta .icon.fa {
    border-radius: 50%;
    border-style: solid;
    border-width: 0.125rem;
}
.core_payment_gateways_modal .custom-control-label::before,
.core_payment_gateways_modal .custom-control-label::after {
    top: 45%;
}
[data-region="managecompetencies"] div,
[data-region="managetemplates"] div {
    margin-bottom: 1rem;
}
[data-region="managecompetencies"] h2,
[data-region="managetemplates"] h2 {
    display: inline-flex;
    align-items: center;
}
#page-admin-grade-edit-letter-index .main-content .mdl-align {
    text-align: left;
}
#page-admin-grade-edit-letter-index .main-content .mdl-align .btn {
    width: 100%;
}
#page-backup-restorefile .main-content div + .rui-title-container {
    margin-top: 30px;
    margin-bottom: 10px;
}
#page-backup-restorefile .main-content div + .rui-title-container .rui-main-content-title {
    font-size: 1rem;
}
#page-admin-grade-edit-letter-index .main-content .form-control {
    margin: 0 0.25rem;
}
#page-admin-grade-edit-letter-index .main-content .mform .form-inline .form-group {
    margin: 0;
}
.otherusersdesc {
    margin: 1rem 0;
}
#page-admin-tool-task-scheduledtasks .task-class {
    margin-bottom: 2rem;
}
#page-admin-tool-task-scheduledtasks .task-class + div {
    margin-bottom: 1rem;
    font-size: 1rem;
    font-weight: 700;
}
.data-registry .context-tree {
    height: auto;
    overflow-y: auto;
    border-right: 1px solid #e1e0e4;
}
.theme-dark .data-registry .context-tree {
    border-color: #2e3134;
}
.data-registry > .top-nav > * {
    margin-right: 0;
}
.contextname {
    margin-bottom: 1rem !important;
}
.contextname a {
    color: #090223;
}
.contextname a:hover {
    color: #a180a3;
}
.theme-dark .contextname a {
    color: #e8eaed;
}
#page-admin-roles-usersroles .main-content .generalbox ul {
    margin-bottom: 0;
}
#page-admin-roles-usersroles .main-content .generalbox ul li {
    margin: 1rem 0;
    padding: 1rem 0;
    list-style: none;
    border-bottom: 1px solid #e1e0e4;
}
.theme-dark #page-admin-roles-usersroles .main-content .generalbox ul li {
    border-color: #2e3134;
}
#page-admin-roles-usersroles .main-content .generalbox ul li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}
#page-admin-roles-usersroles .main-content .generalbox ul li p {
    margin-bottom: 0.35rem;
}
#page-admin-roles-usersroles .main-content .generalbox ul li a .icon {
    padding: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    background-color: #eeedef;
    font-size: 0.75rem;
    color: #413c55;
    transition: all 0.2s ease-in-out;
}
.theme-dark #page-admin-roles-usersroles .main-content .generalbox ul li a .icon {
    background-color: #17181b;
    color: #bdc1c6;
}
#page-admin-roles-usersroles .main-content .generalbox ul li a:hover {
    text-decoration: none;
}
#page-admin-roles-usersroles .main-content .generalbox ul li a:hover .icon {
    background-color: #d4def8;
    color: #0642cd;
}
#core-cache-definition-summaries {
    margin-top: 2rem;
    overflow: auto;
}
#core-cache-definition-summaries .generaltable,
#core-cache-definition-summaries .rolecap {
    min-width: max-content;
    width: 100%;
}
#core-cache-definition-summaries .definition {
    max-width: 400px;
}
#core-cache-plugin-summaries,
#core-cache-store-summaries,
#core-cache-mode-mappings {
    margin-top: 2rem;
}
#core-cache-lock-summary {
    margin: 2rem 0;
}
#core-cache-store-summaries .generaltable .lastcol,
#core-cache-store-summaries .rolecap .lastcol {
    width: 120px;
}
#core-cache-store-summaries .generaltable .lastcol i,
#core-cache-store-summaries .rolecap .lastcol i,
#core-cache-store-summaries .generaltable .lastcol a,
#core-cache-store-summaries .rolecap .lastcol a {
    display: inline-flex;
    align-items: center;
}
.tour-actions {
    margin-top: 1rem;
}
.tour-actions > ul {
    margin: 0;
    padding: 0;
    text-align: left;
}
.tour-actions > ul > li {
    display: inline-flex;
    margin: 0.35rem;
    width: auto;
    height: auto;
    border: 0;
}
.tour-actions > ul > li a .icon {
    width: 30px;
    height: auto;
    margin-right: 0.35rem;
}
.downloadreport ul {
    display: block;
    margin: 1rem 0 0;
}
#page-cohort-assign #existingcell,
#page-cohort-assign #potentialcell {
    width: 40%;
    vertical-align: top;
}
#page-cohort-assign #existingcell p,
#page-cohort-assign #potentialcell p {
    margin: 0;
}
#page-cohort-assign #existingcell p label,
#page-cohort-assign #potentialcell p label {
    font-weight: 700;
}
body#page-user-preferences .main-content .card-text a {
    display: block;
    margin: 0 -20px;
    padding: 0.75rem 1.25rem;
    border-bottom: 1px solid #e1e0e4;
    color: #413c55;
    font-weight: 500;
    transition: all 0.2s ease-in-out;
}
body#page-user-preferences .main-content .card-text a:hover {
    text-decoration: none;
    color: #a180a3;
    border-color: #a180a3;
}
body#page-user-preferences .main-content .card-text div:last-of-type a {
    padding-bottom: 0;
    border-bottom: none;
}
body#page-user-preferences.theme-dark .main-content .card-text a {
    border-color: #2e3134;
    color: #bdc1c6;
}
body#page-user-preferences.theme-dark .main-content .card-text a:hover {
    color: #a180a3;
    border-color: #a180a3;
}
.eupopup-container-bottom {
    left: 30px;
    right: 30px;
    bottom: 30px;
    width: calc(100% - 60px);
    max-width: 600px;
    text-align: left;
}
.eupopup-container {
    padding: 1rem 4rem 1rem 1.25rem;
    margin: 0;
    position: fixed;
    left: 30px;
    bottom: 20px;
    z-index: 10001;
    background-color: #090223;
    max-width: 500px !important;
    border-radius: 7px;
    border: none;
    box-shadow: none;
    font-size: 0.875rem;
    color: #f9f9fa;
    line-height: 1.5;
}
@media (min-width: 320px) and (max-width: 1088.98px) {
    .eupopup-container {
        width: calc(100% - 40px);
        max-width: calc(100% - 40px);
        left: 20px;
    }
}
.eupopup-container a {
    color: #e1e0e4;
    font-weight: 500;
}
.eupopup-container a:before {
    background-color: #d3d2d8;
}
.eupopup-container a:hover {
    color: #d3d2d8;
}
.eupopup-container .eupopup-closebutton {
    opacity: 1;
    padding: 9px;
    margin-left: 20px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: #413c55;
    width: 30px;
    height: 30px;
    border: none;
    border-radius: 7px;
    font-size: 0.875rem;
    color: #f9f9fa;
    text-align: center;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}
.eupopup-container .eupopup-closebutton:hover {
    background-color: #c6b3c8;
    color: #140015;
}
.eupopup-container .eupopup-closebutton i {
    padding: 4px;
    margin: 0;
}
.eupopup-container .eupopup-button {
    margin: 0 10px 0 0;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    border-radius: 7px;
    padding: 0.65rem 1.15rem;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 180%;
    background-color: #413c55;
}
.eupopup-container .eupopup-button:hover {
    background-color: #c6b3c8;
    color: #140015;
    text-decoration: none;
}
.eupopup-container .eupopup-button:empty {
    display: none;
}
.eupopup-container .eupopup-body ul {
    margin: 10px 0;
}
.eupopup-container .eupopup-head:empty {
    display: none;
}
#page-mod-scorm-report .scormattemptcounts {
    margin: 1rem 0 1rem 0;
    display: inline-flex;
    align-items: center;
    padding: 0.35rem 0.85rem;
    font-size: 0.75rem;
    font-weight: 500;
    vertical-align: baseline;
    border-radius: 7px;
    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;
    background-color: #ece6ed;
    color: #420047;
    text-align: left;
}
@media (prefers-reduced-motion: reduce) {
    #page-mod-scorm-report .scormattemptcounts {
        transition: none;
    }
}
.mediaplugin.mediaplugin_videojs {
    background-color: #000;
    padding: 10px;
    border-radius: 7px;
    width: 50vw;
    min-width: 350px;
    margin: 0 auto;
}
.mediaplugin.mediaplugin_videojs div[style*="max-width"] {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 100% !important;
}
@media (min-width: 320px) and (max-width: 767.98px) {
    .page-content--maintenance {
        overflow: auto;
    }
}
.uninstallresultmessage {
    font-size: 0.875rem;
    color: #413c55;
}
.theme-dark .uninstallresultmessage {
    color: #bdc1c6;
}
.uninstallresultmessage h2 {
    padding-top: 0.5rem;
    padding-left: 40px;
    padding-bottom: 0.5rem;
    padding-right: 1rem;
    margin-bottom: 1rem;
    background-color: #feeded;
    background-image: url(/theme/image.php/alpha/theme/1668532694/alpha/icon-alert-circle);
    background-size: 16px;
    background-position: 13px;
    background-repeat: no-repeat;
    border-radius: 7px;
    position: relative;
    font-family: "Be Vietnam Pro", sans-serif;
    font-weight: 500;
    font-size: 0.875rem;
    color: #090223;
}
.uninstalldelete em {
    padding: 0.15rem 0.45rem;
    background-color: #feeded;
    border-radius: 7px;
    font-style: normal;
    font-weight: 700;
    color: #ef1010;
}
.theme-dark .uninstalldelete em {
    background-color: #a50b0b;
    color: #fbc8c8;
}
.uninstalldelete em:empty {
    display: none;
}
.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
    background-color: rgba(0, 0, 0, 0.7);
}
.video-js .vjs-big-play-button {
    width: 90px;
    height: 90px;
    border-radius: 90px;
    top: calc(50% - 45px);
    left: calc(50% - 45px);
    border: none;
    background-color: rgba(0, 0, 0, 0.7);
}
.video-js .vjs-big-play-button:hover {
    background-color: rgba(198, 179, 200, 0.7);
}
.vjs-icon-play:before,
.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
    position: absolute;
    top: calc(50% - 22px);
    border: 0 !important;
}
.page-content-header--img {
    display: flex;
    align-items: center;
}
.page-content-header--img .page-header-image {
    margin-right: 0.35rem;
}
.page-content-header--img .page-header-image img {
    border-radius: 7px;
    width: 47px;
    height: 47px;
}
.page-content-header--img .rui-page-title {
    margin-bottom: 0;
    border-radius: 7px;
    font-family: "Be Vietnam Pro", sans-serif;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.5;
    color: #090223;
}
@media (min-width: 768px) {
    .page-content-header--img .rui-page-title {
        padding: 10px;
    }
}
@media (max-width: 767.98px) {
    .page-content-header--img .rui-page-title {
        padding: 10px 0 0;
    }
}
.theme-dark .page-content-header--img .rui-page-title {
    color: #e8eaed;
}
.page-content-header--img .rui-page-title:empty {
    display: none;
}
.page-content-header--img .rui-page-title a {
    color: #b4b2bc;
}
.theme-dark .page-content-header--img .rui-page-title a {
    color: #3c4043;
}
.pagelayout-mypublic .page-header-content,
.path-user.pagelayout-incourse .page-header-content,
#page-blog-index .page-header-content,
#page-mod-forum-user .page-header-content,
#page-course-search .page-header-content,
#page-search-index .page-header-content,
#page-contentbank .page-header-content,
#page-contentbank-edit .page-header-content,
#page-group-overview .page-header-content {
    margin-bottom: 0;
}
.rui-main-content-title {
    width: 100%;
    margin: 0;
    display: inline-flex;
    align-items: center;
    word-break: break-word;
}
.rui-main-content-title + #adminsettings,
.rui-main-content-title + p,
.rui-main-content-title + div,
.rui-main-content-title + .singlebutton {
    margin-top: 1rem;
}
.rui-main-content-title .activatebadge {
    margin-right: 0.5rem;
}
.rui-main-content-title + .mform,
.rui-main-content-title + form {
    margin-top: 30px;
}
.rui-main-content-title--h1 {
    font-size: 2.5rem;
}
@media (max-width: 767.98px) {
    .rui-main-content-title--h1 {
        font-size: 2rem;
    }
}
.rui-main-content-title--h2 {
    font-size: 2rem;
    color: #006570;
}
@media (max-width: 767.98px) {
    .rui-main-content-title--h2 {
        font-size: 1.5rem;
    }
}
.rui-main-content-title--h3 {
    font-size: 1.5rem;
    font-weight: 500;
}
@media (max-width: 767.98px) {
    .rui-main-content-title--h3 {
        font-size: 1.25rem;
    }
}
.rui-main-content-title--h4 {
    font-size: 1.25rem;
}
@media (max-width: 767.98px) {
    .rui-main-content-title--h4 {
        font-size: 1rem;
    }
}
#page-mod-forum-user .page-header-content,
#page-grade-report-overview-index .page-header-content {
    display: block;
}
.wiki_right {
    margin-top: 30px;
}
#frontpage-category-names,
#frontpage-category-combo {
    margin: 30px auto 0;
    max-width: 860px !important;
}
@media (max-width: 1088.98px) {
    #frontpage-category-names,
    #frontpage-category-combo {
        width: 100%;
    }
}
@media (max-width: 767.98px) {
    #frontpage-category-names .collapsible-actions .aabtn,
    #frontpage-category-combo .collapsible-actions .aabtn {
        width: 100%;
    }
}
@media (min-width: 768px) {
    #frontpage-category-names .collapsible-actions .aabtn,
    #frontpage-category-combo .collapsible-actions .aabtn {
        position: absolute;
        top: -50px;
        right: 0;
        display: none;
    }
}
.visual-scroll-x {
    scrollbar-width: thin;
    scrollbar-color: #420047 #ee14ff;
    -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: #420047;
    border-right: 1px solid #fff;
}
.visual-scroll-x::-webkit-scrollbar-track {
    background-color: #ee14ff;
    border-right: 1px solid #fff;
}
body.dragging .drop-zone {
    border: 1px dashed #090223;
}
body.dragging .drop-up {
    border-top: 1px solid #090223;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
body.dragging .drop-down {
    border-bottom: 1px solid #090223;
    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;
}
.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: #e8edfa;
    border-color: #cad6f2;
}
.collapse-list .collapse-list-item-content .collapse-list-item {
    padding-left: calc(1rem * 3);
}
.drawers .block_myoverview {
    border: 0;
}
.drawers .block_myoverview > .card-body {
    padding-top: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.icon {
    width: 20px;
    height: 20px;
    margin: 0;
    padding: 0;
    box-sizing: content-box;
}
.sup .icon {
    width: 16px;
    height: 16px;
}
.icon.itemicon {
    margin-right: 0.25rem;
}
.icon.spacer {
    display: none;
}
.icon.iconsize-big {
    width: 60px;
    height: 60px;
    font-size: 60px;
}
.iconlarge {
    font-size: 40px;
    width: 40px;
    height: 40px;
}
h2 .icon.iconlarge {
    margin-right: 0.5rem;
}
.action-menu-item a:first-of-type > .icon {
    margin-left: 0.5rem;
}
.action-menu-item a:hover {
    text-decoration: none;
}
.ygtvcell .icon {
    margin-left: 0 !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: 40px;
}
.icon-size-0 .icon {
    height: 0 !important;
    width: 0 !important;
    font-size: 0 !important;
}
.icon-size-1 .icon {
    height: 5px !important;
    width: 5px !important;
    font-size: 5px !important;
}
.icon-size-2 .icon {
    height: 10px !important;
    width: 10px !important;
    font-size: 10px !important;
}
.icon-size-3 .icon {
    height: 20px !important;
    width: 20px !important;
    font-size: 20px !important;
}
.icon-size-4 .icon {
    height: 30px !important;
    width: 30px !important;
    font-size: 30px !important;
}
.icon-size-5 .icon {
    height: 40px !important;
    width: 40px !important;
    font-size: 40px !important;
}
.icon-size-6 .icon {
    height: 50px !important;
    width: 50px !important;
    font-size: 50px !important;
}
.icon-size-7 .icon {
    height: 60px !important;
    width: 60px !important;
    font-size: 60px !important;
}
.helplink .icon {
    margin-right: 0.5rem;
}
.action-icon + a {
    margin-left: 0.5rem;
}
.icon-req {
    padding: 4px;
    position: relative;
    top: 0;
    width: auto;
    height: auto;
    background: #feeded;
    border-radius: 7px;
    font-size: 8px;
    color: #ef1010 !important;
}
.fdescription .icon-req {
    background-color: transparent;
    color: #f4a614;
}
.icon-info {
    padding: 7px;
}
.rui-icon-container {
    display: initial;
}
.icons-collapse-expand {
    display: flex;
    align-items: center;
}
.theme-dark .icons-collapse-expand img {
    filter: invert(1);
}
.icons-collapse-expand .expanded-icon {
    display: flex;
    align-items: center;
    padding: 0 !important;
}
.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;
}
.rui-list-admin-links {
    margin-top: 3px;
    font-size: 1rem;
}
.rui-list-admin-links a {
    color: #090223;
}
.theme-dark .rui-list-admin-links a {
    color: #e8eaed;
}
.rui-list-admin-links ul li a {
    color: #a19eab;
}
.theme-dark .rui-list-admin-links ul li a {
    color: #9aa0a6;
}
@media (max-width: 1088.98px) {
    .rui-nav--admin-container {
        overflow-x: auto;
    }
}
.rui-nav--admin {
    padding: 0 10px;
    width: max-content;
    font-size: 0.875rem;
}
@media (min-width: 1089px) {
    .rui-nav--admin {
        height: calc(100vh - 260px);
        overflow-y: auto;
        position: sticky;
        top: 30px;
        display: block;
        min-width: 180px;
        max-width: 300px;
        height: 90vh;
        overflow-y: auto;
    }
}
@media (max-width: 1088.98px) {
    .rui-nav--admin {
        display: inline-flex;
    }
    .rui-nav--admin .nav-link {
        padding: 16px;
    }
}
.rui-settings-container {
    margin-top: 12px;
}
@media (max-width: 1088.98px) {
    .rui-settings-container {
        padding: 0;
    }
}
.formtable tbody th {
    font-weight: 400;
    text-align: right;
}
.path-admin .admintable .leftalign {
    text-align: left;
}
.environmenttable .warn,
.environmenttable .error,
.environmenttable .ok {
    padding: 0.5rem 1.25rem;
}
.environmenttable .warn {
    background-color: #fff1d5;
    font-size: 0.875rem;
    color: #090223;
}
.environmenttable .error {
    background-color: #feeded;
    font-size: 0.875rem;
    color: #090223;
}
.environmenttable .ok {
    background-color: #eaf4dd;
    font-size: 0.875rem;
    color: #090223;
}
.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: 700;
}
#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-report-capability-index #capabilitysearch {
    width: 30em;
}
#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.875rem;
}
#page-admin-lang .generalbox,
#page-admin-course-index .singlebutton,
#page-admin-course-index .addcategory,
#page-course-index .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 {
    margin: 30px 0 0;
}
#page-course-index-category .buttons {
    margin-top: 30px;
}
@media (max-width: 767.98px) {
    #page-course-index-category .buttons {
        display: block;
    }
    #page-course-index-category .buttons .singlebutton {
        margin: 0.35rem 0;
        width: 100%;
    }
    #page-course-index-category .buttons .singlebutton .btn {
        width: 100%;
    }
}
.path-admin-roles .capabilitysearchui {
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1rem;
    margin-bottom: 1rem;
}
#page-admin-roles-define .topfields {
    margin: 1em 0 2em;
}
#page-admin-roles-define .capdefault {
    background-color: rgba(0, 0, 0, 0.075);
}
#page-filter-manage .backlink,
.path-admin-roles .backlink {
    margin-top: 1em;
}
#page-filter-manage .backlink p,
.path-admin-roles .backlink p {
    margin-top: 1rem;
    margin-bottom: 0;
}
#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 .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-enrol .enroloptions,
.path-admin .enroloptions {
    padding: 10px;
    margin: 10px 0;
    border-radius: 7px;
    background-color: #eeedef;
}
.theme-dark .path-enrol .enroloptions,
.theme-dark .path-admin .enroloptions {
    background-color: #17181b;
}
.path-enrol .enroloptions select,
.path-admin .enroloptions select {
    width: 100%;
}
.path-enrol .enroloptions p,
.path-admin .enroloptions p {
    margin: 0 0 0.75rem !important;
}
.path-enrol .enroloptions p:last-of-type,
.path-admin .enroloptions p:last-of-type {
    margin: 0 !important;
}
.path-enrol .enroloptions label,
.path-admin .enroloptions label {
    font-size: 0.75rem;
    font-weight: 500;
}
.path-enrol .roleassigntable,
.path-admin .roleassigntable {
    width: 100%;
}
.path-enrol .roleassigntable tr,
.path-admin .roleassigntable tr {
    background-color: transparent !important;
}
.path-enrol .roleassigntable tr:hover,
.path-admin .roleassigntable tr:hover {
    box-shadow: none;
}
.path-enrol .roleassigntable td,
.path-admin .roleassigntable td {
    vertical-align: top;
    padding: 10px 0;
}
.path-enrol .roleassigntable p,
.path-admin .roleassigntable p {
    text-align: left;
    margin: 0.2em 0;
}
.path-enrol .roleassigntable #existingcell,
.path-enrol .roleassigntable #potentialcell,
.path-admin .roleassigntable #existingcell,
.path-admin .roleassigntable #potentialcell {
    width: 42%;
}
.path-enrol .roleassigntable #existingcell p > label:first-child,
.path-enrol .roleassigntable #potentialcell p > label:first-child,
.path-admin .roleassigntable #existingcell p > label:first-child,
.path-admin .roleassigntable #potentialcell p > label:first-child {
    font-weight: 700;
}
.path-enrol .roleassigntable #buttonscell,
.path-admin .roleassigntable #buttonscell {
    width: 16%;
    padding: 10px;
}
.path-enrol .roleassigntable #buttonscell #assignoptions,
.path-admin .roleassigntable #buttonscell #assignoptions {
    font-size: 0.875rem;
}
.path-enrol .roleassigntable #removeselect_wrapper,
.path-enrol .roleassigntable #addselect_wrapper,
.path-admin .roleassigntable #removeselect_wrapper,
.path-admin .roleassigntable #addselect_wrapper {
    width: 100%;
}
.path-enrol table.rolecap tr.rolecap th,
.path-admin table.rolecap tr.rolecap th {
    text-align: left;
    font-weight: 400;
}
.path-enrol .rolecap .hiddenrow,
.path-admin .rolecap .hiddenrow {
    display: none;
}
.path-enrol #defineroletable .rolecap .inherit,
.path-enrol #defineroletable .rolecap .allow,
.path-enrol #defineroletable .rolecap .prevent,
.path-enrol #defineroletable .rolecap .prohibit,
.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-enrol .rolecap .cap-name,
.path-enrol .rolecap .note,
.path-admin .rolecap .cap-name,
.path-admin .rolecap .note {
    display: block;
    font-size: 0.875rem;
    white-space: nowrap;
    font-weight: 400;
}
.path-enrol .rolecap label,
.path-admin .rolecap label {
    display: block;
    text-align: center;
    padding: 0.5em;
    margin: 0;
}
.plugincheckwrapper {
    width: 100%;
}
.environmentbox {
    margin-top: 1em;
}
#mnetconfig table {
    margin-left: auto;
    margin-right: auto;
}
.environmenttable .cell {
    padding: 0.15em 0.5em;
}
#trustedhosts .generaltable,
#trustedhosts .rolecap {
    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;
}
#adminsettings fieldset .rui-title-container {
    margin: 0;
}
#adminsettings fieldset h3 {
    margin: 0.25rem 0;
}
#adminsettings fieldset h3 a {
    width: 100%;
    display: block;
    padding: 1rem 1.5rem;
    color: inherit;
    background-color: #f9f9fa;
    background-size: 14px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.25 12L8.75 7.75V16.25L14.25 12Z' stroke='%23090223' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: calc(100% - 20px);
    border-radius: 7px;
    font-family: "Be Vietnam Pro", sans-serif;
    font-weight: 500;
    font-size: 0.9rem;
}
.theme-dark #adminsettings fieldset h3 a {
    background-color: #0b0d0f;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.25 12L8.75 7.75V16.25L14.25 12Z' stroke='%23E8EAED' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
}
#adminsettings fieldset h3 a:hover {
    background-color: #ece6ed;
    text-decoration: none;
}
.theme-dark #adminsettings fieldset h3 a:hover {
    background-color: #210024;
}
.rui-setting-heading {
    display: flex;
    position: relative;
    z-index: 1;
    font-size: 1.875rem;
}
.rui-setting-heading .rui-admin-no {
    background-color: #090223;
    color: #f9f9fa;
    border-radius: 60px;
    justify-content: center;
}
.theme-dark .rui-setting-heading .rui-admin-no {
    background-color: #e8eaed;
    color: #0b0d0f;
}
.rui-setting-desc {
    position: relative;
    z-index: 1;
    font-size: 0.875rem;
    color: #413c55;
}
.rui-setting-desc p {
    margin-bottom: 2px;
}
.theme-dark .rui-setting-desc {
    color: #bdc1c6;
}
.rui-main-content-title + .adminsettings {
    margin-bottom: 20px;
}
#admin-spelllanguagelist textarea,
#page-admin-setting-editorsettingstinymce .form-textarea textarea {
    text-align: left;
    direction: ltr;
}
.adminsettingsflags {
    float: right;
}
.adminsettingsflags label {
    margin-right: 7px;
}
.form-description pre,
.formsettingheading pre {
    direction: ltr;
    padding: 10px;
    background-color: #f9f9fa;
    border-radius: 7px;
    white-space: pre-wrap;
}
.theme-dark .form-description pre,
.theme-dark .formsettingheading pre {
    background-color: #0b0d0f;
}
.formsettingheading {
    font-size: 1rem;
    margin-bottom: 1rem;
}
.formsettingheading .form-horizontal {
    color: #a19eab;
}
.theme-dark .formsettingheading .form-horizontal {
    color: #9aa0a6;
}
.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;
}
.form-item .form-setting .locked-checkbox {
    margin-right: 0.2em;
    margin-left: 0.5em;
    display: inline;
}
.form-item .form-setting .form-password .unmask {
    display: inline-block;
}
.form-item .form-setting .form-defaultinfo {
    max-width: 100%;
    max-height: 120px;
    text-align: left;
    overflow-y: auto;
}
#admin-emoticons td input {
    width: 8em;
}
#admin-emoticons td.c0 input {
    width: 4em;
}
#adminthemeselector .selectedtheme td.c0 {
    border: 2px solid #406cd2;
    border-right-width: 0;
}
#adminthemeselector .selectedtheme td.c1 {
    border: 2px solid #406cd2;
    border-left-width: 0;
}
#adminthemeselector img {
    max-width: 300px;
    border-radius: 7px;
}
.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 #e1e0e4;
    }
    .admin_colourpicker .previewcolour {
        border: 1px solid #e1e0e4;
        margin-left: 301px;
    }
    .admin_colourpicker .currentcolour {
        border: 1px solid #e1e0e4;
        margin-left: 301px;
        border-top-width: 0;
    }
}
@media (max-width: 767.98px) {
    .admin_colourpicker .colourdialogue {
        max-width: 100%;
    }
    .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 #e1e0e4;
        top: 100px;
        left: 0;
    }
    .theme-dark .admin_colourpicker .currentcolour {
        border: 1px solid #2e3134;
    }
}
.admin_colourpicker .loadingicon {
    vertical-align: middle;
    margin-left: auto;
}
#page-admin-index #notice .checkforupdates {
    text-align: center;
}
#page-admin-plugins #plugins-overview-panel .info {
    display: inline-block;
    margin: 1rem 1.5rem 1rem 0;
}
#page-admin-plugins #plugins-overview-panel .info a {
    font-weight: 700;
    color: inherit;
}
#page-admin-plugins #plugins-overview-panel .info a:hover {
    text-decoration: none;
}
#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: 0.5rem 1rem 0.5rem 0;
    padding: 0;
}
#page-admin-plugins .updateavailableinstallall div,
#page-admin-plugins .updateavailableinstallall input {
    margin: 0 3px 5px 0;
}
#page-admin-plugins #plugins-control-panel .action-icon {
    margin: 0 0.35rem;
}
#page-admin-plugins #plugins-control-panel .status-missing {
    background-color: #feeded;
    border: 2px solid #ef1010;
}
#page-admin-plugins #plugins-control-panel .displayname {
    display: inline-flex;
    align-items: center;
}
#page-admin-plugins #plugins-control-panel .displayname .icon.spacer {
    display: inline-flex;
    width: 38px;
    margin-right: 13px;
}
#page-admin-plugins #plugins-control-panel .pluginname .componentname {
    margin-left: 52px;
    font-size: 0.875rem;
    color: #a19eab;
}
#page-admin-plugins #plugins-control-panel .version .versionnumber {
    font-size: 0.875rem;
    color: #a19eab;
}
#page-admin-plugins #plugins-control-panel .uninstall a {
    width: max-content;
    color: #ef1010;
}
#page-admin-plugins #plugins-control-panel .settings a {
    width: max-content;
    display: block;
}
#page-admin-plugins #plugins-control-panel .notes .label {
    margin-right: 3px;
}
#page-admin-plugins #plugins-control-panel .notes .requiredby {
    margin-top: 0.25rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: #b4b2bc;
}
.theme-dark #page-admin-plugins #plugins-control-panel .notes .requiredby {
    background-color: #3c4043;
}
#plugins-check-page #plugins-check .status-missing td,
#plugins-check-page #plugins-check .status-downgrade td {
    font-weight: 700;
}
#plugins-check-page #plugins-check .status-missing tr,
#plugins-check-page #plugins-check .status-downgrade tr {
    background-color: #feeded;
    border: 2px solid #ef1010;
}
#plugins-check-page .pluginupdateinfo,
#plugins-control-panel .pluginupdateinfo {
    margin: 0.5rem 0;
    padding: 1rem;
    border: 2px dashed #406cd2;
    font-size: 0.875rem;
    border-radius: 5px;
}
#plugins-check-page .pluginupdateinfo .version,
#plugins-control-panel .pluginupdateinfo .version {
    font-weight: 500;
}
#plugins-check-page .pluginupdateinfo .infos,
#plugins-control-panel .pluginupdateinfo .infos {
    margin-top: 0.5rem;
}
#plugins-check-page .pluginupdateinfo.maturity50,
#plugins-control-panel .pluginupdateinfo.maturity50 {
    background-color: #feeded;
}
#plugins-check-page .pluginupdateinfo.maturity100,
#plugins-check-page .pluginupdateinfo.maturity150,
#plugins-control-panel .pluginupdateinfo.maturity100,
#plugins-control-panel .pluginupdateinfo.maturity150 {
    background-color: #fff1d5;
}
#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 {
    width: 100%;
    margin: 1rem 0 0;
    padding: 0;
}
#plugins-check-page .pluginupdateinfo .singlebutton .btn,
#plugins-control-panel .pluginupdateinfo .singlebutton .btn {
    width: 100%;
}
#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: 0 0.5rem 0 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: " | ";
}
#page-admin-mnet-peers .box.deletedhosts {
    margin-bottom: 1em;
    font-size: 0.875rem;
}
#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: left;
}
.maintenancewarning {
    position: fixed;
    bottom: 0;
    right: 0;
    overflow: hidden;
    z-index: 1100;
}
.modal.modal-in-page {
    padding: 0 !important;
    z-index: 0;
}
.modal.modal-in-page div {
    padding: 0 !important;
    border: none;
}
.modal.modal-in-page .modal-footer {
    margin-top: 1rem;
}
.modal.modal-in-page .singlebutton:first-of-type {
    float: right;
    margin-left: 0.5rem;
}
.modal.modal-in-page .modal-content {
    padding: 20px !important;
}
.adminpagetitle {
    margin-bottom: 0;
    border-bottom: none;
}
.adminpagepath {
    display: flex;
    flex-wrap: wrap;
    margin: 0.5rem 0 1.25rem;
    padding: 0.5rem 1.5rem;
    border: 1px solid #e1e0e4;
    color: #413c55;
    border-radius: 7px;
    font-size: 0.75rem;
    list-style: none;
}
.theme-dark .adminpagepath {
    border: 1px solid #2e3134;
    color: #bdc1c6;
}
.adminpagepath li + li:before {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    content: "-";
}
@media (min-width: 576px) {
    .container {
        overflow-wrap: break-word;
        width: auto;
    }
}
#page-admin-tasklogs .task-class {
    font-size: 0.875rem;
    color: #b4b2bc;
}
.theme-dark #page-admin-tasklogs .task-class {
    background-color: #3c4043;
}
.path-admin-tool-uploaduser .uuwarning {
    background-color: #fff1d5;
}
.path-admin-tool-uploaduser .uuerror {
    background-color: #feeded;
}
.path-admin-tool-uploaduser .uuinfo {
    background-color: #eaf4dd;
}
[data-region="plans"] {
    margin-top: 30px;
}
#page-admin-tool-task-scheduledtasks .task-class,
#page-admin-tool-task-runningtasks .task-class {
    padding: 0;
}
.helplinkpopup {
    font-size: 0.75rem;
    font-weight: 500;
    color: #090223;
}
.helplinkpopup .iconhelp {
    margin-right: 0.35rem;
}
.theme-dark .helplinkpopup .iconhelp {
    filter: invert(1);
}
.theme-dark .helplinkpopup {
    color: #e8eaed;
}
.plugin-install-console {
    padding: 1rem;
    background-color: #000;
    color: #fff;
    border-radius: 7px;
}
#adminsettings .form-group {
    margin: 0;
}
#adminsettings .form-group .custom-select {
    margin: 0.15rem;
}
#page-admin-tool-installaddon-index #installfromrepobox {
    text-align: left;
}
.pagelayout-maintenance h2 + .alert,
.pagelayout-maintenance .que h2 + .validationerror,
.que .pagelayout-maintenance h2 + .validationerror,
.pagelayout-maintenance #page-mod-choice-view #notice h2 + p,
#page-mod-choice-view #notice .pagelayout-maintenance h2 + p {
    margin-top: 30px;
}
.actions a {
    font-weight: 500;
}
.actions a .badge {
    margin-left: 0.5rem;
}
#page-admin-report-log-index .main-content .rui-main-content-title--h2,
#page-admin-tool-monitor-managerules .main-content .rui-main-content-title--h2 {
    margin-top: 10px;
    margin-bottom: 10px;
}
#page-admin-report-log-index .main-content .rui-main-content-title--h4,
#page-admin-tool-monitor-managerules .main-content .rui-main-content-title--h4 {
    margin-top: 30px;
    margin-bottom: 10px;
}
#page-admin-report-log-index .main-content .rui-main-content-title + a,
#page-admin-report-log-index .main-content .rui-main-content-title + form,
#page-admin-tool-monitor-managerules .main-content .rui-main-content-title + a,
#page-admin-tool-monitor-managerules .main-content .rui-main-content-title + form {
    margin: 1rem 0;
}
#page-admin-report-log-index .main-content div,
#page-admin-tool-monitor-managerules .main-content div {
    margin-top: 10px;
}
#livelogs-pause-button {
    margin-bottom: 30px;
}
#intro:empty {
    display: none;
}
#plugins-check-info .actions {
    margin-top: 30px;
}
#plugins-check-info .actions a {
    font-weight: 500;
}
#plugins-check-info .actions .badge {
    margin-left: 10px;
}
#page-admin-tool-langimport-index .langimport {
    margin: 30px 0 0;
    padding: 0;
}
.rui-admin-desc--small {
    font-size: 0.875rem;
    font-weight: 500;
}
@media (min-width: 1089px) {
    .rui-setting-heading-wrapper--special {
        margin-left: 60px;
        position: relative;
    }
}
.rui-settings-item + .rui-setting-heading-wrapper {
    margin-top: 30px;
}
.rui-setting-heading-wrapper {
    position: relative;
}
#page-admin-setting-themesettingalpha .rui-setting-heading-wrapper {
    margin-left: 60px;
    margin-top: -1px;
    margin-bottom: 0;
    padding: 20px 0;
    border-top: 1px solid #e1e0e4;
}
#page-admin-setting-themesettingalpha .rui-setting-heading-wrapper .rui-setting-heading {
    font-size: 1.25rem;
}
#page-admin-setting-themesettingalpha .rui-setting-heading-wrapper:hover {
    cursor: pointer;
}
#page-admin-setting-themesettingalpha .rui-setting-heading-wrapper:hover:after {
    content: "";
    opacity: 1;
    width: calc(100% + 30px);
    height: calc(100% - 4px);
    position: absolute;
    top: 2px;
    left: -15px;
    z-index: 0;
    background-color: #f9f9fa;
    border-radius: 7px;
}
#page-admin-setting-themesettingalpha .rui-setting-heading-wrapper::before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.25 12L8.75 7.75V16.25L14.25 12Z' stroke='%23090223' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: center;
    width: 24px;
    height: 24px;
    position: absolute;
    right: 0;
    top: 22px;
    z-index: 1;
}
#page-admin-setting-themesettingalpha .rui-setting-heading-wrapper.active::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 9.75L16.25 15.25H7.75L12 9.75Z' stroke='%23090223' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E%0A");
}
#page-admin-setting-themesettingalpha.theme-dark .rui-setting-heading-wrapper {
    border-color: #2e3134;
}
#page-admin-setting-themesettingalpha.theme-dark .rui-setting-heading-wrapper::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.25 12L8.75 7.75V16.25L14.25 12Z' stroke='%23E8EAED' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
}
#page-admin-setting-themesettingalpha.theme-dark .rui-setting-heading-wrapper.active::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 9.75L16.25 15.25H7.75L12 9.75Z' stroke='%23E8EAED' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E%0A");
}
#page-admin-setting-themesettingalpha.theme-dark .rui-setting-heading-wrapper:hover:after,
#page-admin-setting-themesettingalpha.theme-dark .rui-setting-heading-wrapper.active:after {
    background-color: #0b0d0f;
}
.rui-settings-item {
    padding: 20px 0 20px 0;
    border-bottom: 1px solid #e1e0e4;
}
@media (min-width: 1089px) {
    #page-admin-setting-themesettingalpha .rui-settings-item {
        padding-left: 60px;
    }
}
.rui-settings-item:last-of-type {
    border-bottom: none;
}
.theme-dark .rui-settings-item {
    border-bottom: 1px solid #2e3134;
}
.rui-settings-label {
    margin-bottom: 15px;
    position: relative;
}
.rui-settings-label label {
    position: relative;
    font-size: 1.125rem;
    flex-wrap: wrap;
}
#theme_alpha_scb .rui-settings-label label {
    width: 180px;
}
.rui-settings-shortname {
    background-color: #f9f9fa;
    padding: 5px 10px;
    border-radius: 10px;
    font-size: 0.75rem;
    color: #b4b2bc;
}
.theme-dark .rui-settings-shortname {
    background-color: #0b0d0f;
    color: #3c4043;
}
#page-admin-setting-themesettingalpha .rui-sticky-btns {
    margin-left: 220px;
}
@media (max-width: 767.98px) {
    #page-admin-setting-themesettingalpha .rui-sticky-btns {
        margin-left: 0;
    }
}
#theme_alpha_scb .rui-settings-item {
    width: calc(100% - 60px);
    margin: 0 0 0 60px;
    padding: 10px 0;
    display: inline-flex;
    align-items: center;
}
@media (max-width: 767.98px) {
    #theme_alpha_scb .rui-settings-item {
        width: 100%;
        margin: 30px;
    }
}
#theme_alpha_scb .rui-settings-item .rui-settings-label {
    margin: 0 1rem 0 0;
    min-width: 350px;
    display: flex;
    align-items: center;
}
#theme_alpha_scb .rui-settings-item .form-item .form-label label {
    margin: 0 1rem 0 0;
}
#theme_alpha_scb .rui-settings-item .form-description {
    margin: 0 !important;
}
@media (min-width: 1089px) {
    [data-settings-name="theme_alpha_scb"] {
        margin-top: 35px;
        position: relative;
    }
    [data-settings-name="theme_alpha_scb"]:before {
        content: "";
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 7H9V9H7V7Z' fill='%23a19eab' /%3E%3Cpath d='M11 7H13V9H11V7Z' fill='%23a19eab' /%3E%3Cpath d='M17 7H15V9H17V7Z' fill='%23a19eab' /%3E%3Cpath d='M7 11H9V13H7V11Z' fill='%23a19eab' /%3E%3Cpath d='M13 11H11V13H13V11Z' fill='%23a19eab' /%3E%3Cpath d='M15 11H17V13H15V11Z' fill='%23a19eab' /%3E%3Cpath d='M9 15H7V17H9V15Z' fill='%23a19eab' /%3E%3Cpath d='M11 15H13V17H11V15Z' fill='%23a19eab' /%3E%3Cpath d='M17 15H15V17H17V15Z' fill='%23a19eab' /%3E%3C/svg%3E");
        width: 24px;
        height: 24px;
        position: absolute;
        top: -22px;
        left: -6px;
    }
    .theme-dark [data-settings-name="theme_alpha_scb"]:before {
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 7H9V9H7V7Z' fill='%239AA0A6' /%3E%3Cpath d='M11 7H13V9H11V7Z' fill='%239AA0A6' /%3E%3Cpath d='M17 7H15V9H17V7Z' fill='%239AA0A6' /%3E%3Cpath d='M7 11H9V13H7V11Z' fill='%239AA0A6' /%3E%3Cpath d='M13 11H11V13H13V11Z' fill='%239AA0A6' /%3E%3Cpath d='M15 11H17V13H15V11Z' fill='%239AA0A6' /%3E%3Cpath d='M9 15H7V17H9V15Z' fill='%239AA0A6' /%3E%3Cpath d='M11 15H13V17H11V15Z' fill='%239AA0A6' /%3E%3Cpath d='M17 15H15V17H17V15Z' fill='%239AA0A6' /%3E%3C/svg%3E");
    }
}
.rui-admin-no {
    margin-right: 20px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: start;
    font-size: 0.875rem;
    font-weight: 700;
    color: #090223;
    border-right: 1px solid #e1e0e4;
}
.theme-dark .rui-admin-no {
    border-color: #e1e0e4;
    color: #e8eaed;
}
textarea[id$="introtitle"],
textarea[id$="introcontent"],
textarea[id$="footercontent"] {
    height: 85px;
}
.editor_atto_content.form-control[id$="htmlcontenteditable"] {
    min-height: max-content !important;
}
.rui-settings-item[id^="admin-block4q"],
#admin-fontheadings,
#admin-fontbody,
#admin-fontweightregular,
#admin-fontweightmedium,
#admin-fontweightbold {
    padding-bottom: 0 !important;
    border-bottom: 0 !important;
}
#admin-fontweightheadings,
#admin-fontweightregular,
#admin-fontweightmedium,
#admin-fontweightbold,
#admin-loginlogooutside,
#admin-customdmlogo,
#admin-customsidebardmlogo {
    padding-left: 110px !important;
    position: relative;
}
#admin-fontweightheadings:before,
#admin-fontweightregular:before,
#admin-fontweightmedium:before,
#admin-fontweightbold:before,
#admin-loginlogooutside:before,
#admin-customdmlogo:before,
#admin-customsidebardmlogo:before {
    content: "";
    position: absolute;
    top: 8px;
    left: 60px;
    width: 40px;
    height: 40px;
    background-image: url("data:image/svg+xml,%3Csvg height='34' viewBox='0 0 16 34' width='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m.5 30v-30m0 31h13' fill='none' stroke='%23a19eab' stroke-linecap='round' stroke-width='2' transform='translate(1 1.5)'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 10px -17px;
    background-size: 20px;
}
.theme-dark #admin-fontweightheadings:before,
.theme-dark #admin-fontweightregular:before,
.theme-dark #admin-fontweightmedium:before,
.theme-dark #admin-fontweightbold:before,
.theme-dark #admin-loginlogooutside:before,
.theme-dark #admin-customdmlogo:before,
.theme-dark #admin-customsidebardmlogo:before {
    background-image: url("data:image/svg+xml,%3Csvg height='34' viewBox='0 0 16 34' width='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m.5 30v-30m0 31h13' fill='none' stroke='%239AA0A6' stroke-linecap='round' stroke-width='2' transform='translate(1 1.5)'/%3E%3C/svg%3E");
}
[id^="admin-displayblock"] {
    display: inline-flex;
    width: 100%;
}
[id^="admin-displayblock"] .rui-settings-shortname {
    display: none !important;
}
[id^="admin-displayblock"] .rui-settings-label {
    margin-top: 7px;
    margin-bottom: 0;
    margin-right: 30px;
}
[id^="theme_alpha_block1"] a {
    padding-top: 10px;
    padding-bottom: 10px;
}
.rui--turnedon {
    position: relative;
}
.rui--turnedon:after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23027654' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M5.75 12.8665L8.33995 16.4138C9.15171 17.5256 10.8179 17.504 11.6006 16.3715L18.25 6.75'%3E%3C/path%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 0;
    top: calc(50% - 10px);
}
.rui--turnedon .small {
    max-width: 120px;
}
.type-expand:hover,
.component-expand:hover {
    color: #a180a3;
    text-decoration: none;
}
#page-admin-index .checkforupdates {
    margin: 1rem 0 0 !important;
}
#page-admin-index .checkforupdates .singlebutton {
    margin-bottom: 1rem;
}
#page-admin-index .copyright {
    font-size: 0.875rem;
}
.sqcolor {
    width: 60px;
    height: 60px;
    border-radius: 7px;
    position: relative;
}
.sqcolor:before {
    content: "";
    position: absolute;
    padding: 2px 5px;
    font-size: 0.75rem;
    font-weight: 700;
    color: #fff;
    background-color: #000;
    border-radius: 7px;
}
.bg-primary-100 {
    background-color: #ece6ed;
}
.bg-primary-100:before {
    content: "100";
}
.bg-primary-200 {
    background-color: #d9ccda;
}
.bg-primary-200:before {
    content: "200";
}
.bg-primary-300 {
    background-color: #c6b3c8;
}
.bg-primary-300:before {
    content: "300";
}
.bg-primary-400 {
    background-color: #a180a3;
}
.bg-primary-400:before {
    content: "400";
}
.bg-primary-500 {
    background-color: #68336c;
}
.bg-primary-500:before {
    content: "500";
}
.bg-primary-600 {
    background-color: #420047;
}
.bg-primary-600::after {
    content: "";
    border: 4px solid rgba(66, 0, 71, 0.2);
    position: absolute;
    top: -4px;
    left: -4px;
    right: -4px;
    bottom: -4px;
    border-radius: 8px;
}
.bg-primary-600:before {
    content: "* 600";
    box-shadow: rgba(0, 0, 0, 0.15) 0 15px 25px, rgba(0, 0, 0, 0.05) 0 5px 10px;
}
.bg-primary-700 {
    background-color: #28002b;
}
.bg-primary-700:before {
    content: "700";
}
.bg-primary-800 {
    background-color: #210024;
}
.bg-primary-800:before {
    content: "800";
}
.bg-primary-900 {
    background-color: #140015;
}
.bg-primary-900:before {
    content: "900";
}
.bg-gray-100 {
    background-color: #f9f9fa;
}
.bg-gray-100:before {
    content: "100";
}
.bg-gray-200 {
    background-color: #eeedef;
}
.bg-gray-200:before {
    content: "200";
}
.bg-gray-300 {
    background-color: #e1e0e4;
}
.bg-gray-300:before {
    content: "300";
}
.bg-gray-400 {
    background-color: #d3d2d8;
}
.bg-gray-400:before {
    content: "400";
}
.bg-gray-500 {
    background-color: #c4c3cb;
}
.bg-gray-500:before {
    content: "500";
}
.bg-gray-600 {
    background-color: #b4b2bc;
}
.bg-gray-600::after {
    content: "";
    border: 4px solid rgba(180, 178, 188, 0.3);
    position: absolute;
    top: -4px;
    left: -4px;
    right: -4px;
    bottom: -4px;
    border-radius: 8px;
}
.bg-gray-600:before {
    content: "* 600";
    box-shadow: rgba(0, 0, 0, 0.15) 0 15px 25px, rgba(0, 0, 0, 0.05) 0 5px 10px;
}
.bg-gray-700 {
    background-color: #a19eab;
}
.bg-gray-700:before {
    content: "700";
}
.bg-gray-800 {
    background-color: #413c55;
}
.bg-gray-800:before {
    content: "800";
}
.bg-gray-900 {
    background-color: #090223;
}
.bg-gray-900:before {
    content: "900";
}
[id^="admin-string"] textarea {
    height: 90px;
}
#badge-overview h3 {
    margin: 0.5rem 0;
    font-size: 1.25rem;
}
#badge-overview dl {
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid #e1e0e4;
}
.theme-dark #badge-overview dl {
    border-bottom: 1px solid #2e3134;
}
#badge-overview ul {
    margin: 0.5rem 0.25rem;
}
#badge-overview .activatebadge {
    margin: 1rem 0;
}
.badge.number {
    background-color: #eef8ff;
    color: #406cd2;
}
.theme-dark .badge.number {
    background-color: #406cd2;
    color: #eef8ff;
}
.criteria-header a .icon {
    padding: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    background-color: #eeedef;
    font-size: 0.75rem;
    color: #413c55;
    transition: all 0.2s ease-in-out;
}
.theme-dark .criteria-header a .icon {
    background-color: #17181b;
    color: #bdc1c6;
}
.criteria-header a .icon.fa-trash,
.criteria-header a .icon.fa-eye-slash {
    background-color: #feeded;
    color: #ef1010;
}
.criteria-header a .icon.fa-eye {
    background-color: #eaf4dd;
    color: #027654;
}
.criteria-header a:hover {
    text-decoration: none;
}
.criteria-header a:hover:before {
    display: none;
}
.criteria-header a:hover .icon {
    background-color: #d4def8;
    color: #0642cd !important;
}
.criteria-header a:hover .icon.fa-trash {
    background-color: #ef1010;
    color: #feeded !important;
}
.rui-badge-name {
    margin: 2rem 0 1rem;
    font-weight: 700;
    font-size: 1.125rem;
    color: #090223;
}
.theme-dark .rui-badge-name {
    color: #e8eaed;
}
.rui-badge-expires-info {
    width: 100%;
    display: inline-flex;
    align-items: center;
    font-size: 0.75rem;
    color: #413c55;
}
.theme-dark .rui-badge-expires-info {
    color: #bdc1c6;
}
.rui-badge-alert {
    margin: 30px 0;
    padding: 2px 2px 2px 20px;
    border: 2px dashed #e1e0e4;
    border-radius: 7px;
    font-size: 0.875rem;
}
.theme-dark .rui-badge-alert {
    border-bottom: 2px dashed #2e3134;
}
.rui-badge-alert .btn {
    margin: 5px;
    padding: 8px 16px;
    font-size: 0.875rem;
}
.rui-badge-alert .activatebadge {
    margin: 0 0 0 auto;
}
.rui-badge-alert.inactive .activatebadge .btn {
    color: #027654;
    background-color: #eaf4dd;
}
.rui-badge-alert.inactive .activatebadge .btn:hover {
    background: #d1ecc0;
}
.rui-badge-alert.active .activatebadge .btn {
    color: #ef1010;
    background-color: #feeded;
}
.rui-badge-alert.active .activatebadge .btn:hover {
    background: #fbc8c8;
}
.rui-badge-comment {
    background-color: #fdf6ea;
}
.rui-main-content-title .activatebadge {
    margin: 0 1rem 0 0;
    padding: 10px;
    border: 1px solid #e1e0e4;
    border-radius: 7px;
}
.theme-dark .rui-main-content-title .activatebadge {
    border: 1px solid #2e3134;
}
.rui-list-group li {
    position: relative;
    width: 100%;
    margin: 0;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 1.25rem;
    border-width: 1px 1px 0 1px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.125);
}
.rui-list-group li:first-child {
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}
.rui-list-group li:last-child {
    border-bottom-right-radius: 7px;
    border-bottom-left-radius: 7px;
    border-width: 1px;
}
.rui-list-group li:only-child {
    border-radius: 7px;
    border-width: 1px;
}
.rui-list-group li .badge-name {
    margin: 0 0.35rem;
    font-size: 0.875rem;
}
#page-badges-backpacks .text-danger {
    margin: 30px auto 0;
    padding: 2rem;
    background-color: #feeded;
    border-radius: 7px;
    font-size: 0.75rem;
    color: #ca0d0d;
}
#page-badges-backpacks .text-danger .icon {
    margin-right: 7px;
    filter: invert(13%) sepia(89%) saturate(4751%) hue-rotate(356deg) brightness(86%) contrast(96%);
    width: 15px;
    height: 15px;
}
span.status {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 0 0.5rem;
    padding: 0.35rem 0.85rem;
    font-size: 0.75rem;
    font-weight: 500;
    vertical-align: baseline;
    border-radius: 40px;
    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) {
    span.status {
        transition: none;
    }
}
span.status.ready {
    background-color: #eaf4dd;
    color: #027654;
}
span.status.draft {
    background-color: #fdf6ea;
    color: #c3850c;
}
#sidepreopen-control .dropdown-menu,
[data-region="blocks-column"] .dropdown-menu {
    min-width: 245px;
}
#sidepreopen-control .dropdown-menu .dropdown-item,
[data-region="blocks-column"] .dropdown-menu .dropdown-item {
    white-space: initial;
}
#sidepreopen-control .card-block .content h3,
[data-region="blocks-column"] .card-block .content h3 {
    font-size: 1.143rem;
    font-weight: 600;
    text-transform: uppercase;
    border-top: 1px dashed #090223;
    padding-top: 4px;
    margin-top: 10px;
}
#sidepreopen-control {
    background-color: #fff;
    position: fixed;
    right: 0;
    top: calc(50% - 20px);
    width: 40px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #413c55;
    cursor: pointer;
    z-index: 1041;
    box-shadow: rgba(50, 50, 93, 0.12) -7px 2px 15px -9px, rgba(0, 0, 0, 0.03) -12px 2px 13px -1px;
}
#sidepreopen-control:hover {
    box-shadow: rgba(50, 50, 93, 0.25) -7px 2px 15px -9px, rgba(0, 0, 0, 0.06) -12px 2px 13px -1px;
}
.theme-dark #sidepreopen-control {
    background-color: #000;
    color: #bdc1c6;
}
#sidepreopen-control[aria-expanded="true"] {
    background-color: #f9f9fa;
    border-radius: 7px;
}
#sidepreopen-control[aria-expanded="true"]:hover {
    width: 40px;
}
#sidepreopen-control[aria-expanded="false"] {
    border-radius: 7px 0 0 7px;
}
#sidepreopen-control[aria-expanded="false"]:hover {
    width: 40px;
    box-shadow: rgba(50, 50, 93, 0.25) -7px 2px 15px -9px, rgba(0, 0, 0, 0.06) -12px 2px 13px -1px;
}
.dir-rtl #sidepreopen-control svg {
    transform: rotate(180deg);
}
#sidepre-blocks {
    width: 280px;
    height: 100%;
    display: none;
    opacity: 0;
    z-index: -1;
    transition: all 0.2s ease-in-out;
    scrollbar-width: thin;
    scrollbar-color: #b4b2bc #fff;
}
#sidepre-blocks::-webkit-scrollbar {
    width: 12px;
}
#sidepre-blocks::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 20px;
}
#sidepre-blocks::-webkit-scrollbar-thumb {
    background-color: #b4b2bc;
    border-radius: 20px;
    border: 3px solid #fff;
}
#sidepre-blocks::-webkit-scrollbar-thumb:hover {
    background-color: #a19eab;
}
.theme-dark #sidepre-blocks {
    scrollbar-width: thin;
    scrollbar-color: #b4b2bc #0b0d0f;
}
.theme-dark #sidepre-blocks::-webkit-scrollbar {
    width: 12px;
}
.theme-dark #sidepre-blocks::-webkit-scrollbar-track {
    background: #0b0d0f;
    border-radius: 20px;
}
.theme-dark #sidepre-blocks::-webkit-scrollbar-thumb {
    background-color: #b4b2bc;
    border-radius: 20px;
    border: 3px solid #0b0d0f;
}
.theme-dark #sidepre-blocks::-webkit-scrollbar-thumb:hover {
    background-color: #a19eab;
}
@media (min-width: 320px) and (max-width: 1359.98px) {
    #sidepre-blocks {
        width: 300px;
        height: calc(100vh - 74px);
        overflow-y: auto;
        position: fixed;
        padding: 16px;
        background-color: #f9f9fa;
        border: 10px solid #fff;
        border-radius: 7px;
        box-shadow: rgba(0, 0, 0, 0.15) 0 15px 25px, rgba(0, 0, 0, 0.05) 0 5px 10px;
    }
}
@media (min-width: 1089px) and (max-width: 1359.98px) {
    #sidepre-blocks {
        height: calc(100vh - 145px);
        top: 125px;
        right: 35px;
    }
    #page-my-index #sidepre-blocks {
        top: 80px;
        height: calc(100vh - 105px);
    }
}
@media (max-width: 1088.98px) {
    #sidepre-blocks {
        height: calc(100vh - 127px);
        top: 120px;
        right: 7px;
    }
}
#sidepre-blocks .card:only-of-type {
    margin-bottom: 0;
}
body.drawer-open-right #sidepreopen-control {
    position: sticky;
    border-radius: 7px;
}
@media (min-width: 1089px) {
    body.drawer-open-right #sidepreopen-control {
        right: 315px;
    }
}
@media (max-width: 1088.98px) {
    body.drawer-open-right #sidepreopen-control {
        right: 285px;
    }
}
@media (min-width: 320px) and (max-width: 1359.98px) {
    body.drawer-open-right #sidepreopen-control {
        position: fixed;
        z-index: 1060;
    }
}
body.drawer-open-right #sidepreopen-control svg {
    transform: rotate(180deg);
}
body.drawer-open-right #sidepre-blocks {
    display: flex;
    z-index: 1040;
    opacity: 1;
}
body.drawer-open-right #sidepre-blocks aside.block {
    border: none;
    border-radius: 0;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}
@media (min-width: 1360px) {
    body.drawer-open-right #sidepre-blocks {
        margin-top: 50px;
    }
}
body.drawer-open-right #sidepre-blocks aside.block {
    border: none;
    border-radius: 0;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}
body.drawer-open-right.dir-rtl #sidepreopen-control svg {
    transform: rotate(0deg);
}
.blockmovetarget {
    display: block;
    padding: 5px 10px;
    background-color: #420047;
    border-radius: 7px;
    font-size: 0.75rem;
    color: #ece6ed;
}
.blockmovetarget .accesshide {
    position: relative;
    left: initial;
    word-break: break-all;
}
.block_calendar_upcoming .calendarwrapper {
    margin-top: 2rem;
}
.block:target {
    padding-top: 0 !important;
    margin-top: 0 !important;
}
.block_search_forums .searchform {
    text-align: left;
}
.block .block-controls {
    padding: 3px;
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 1;
    border-radius: 7px;
    background-color: rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}
.block .block-controls .moodle-core-dragdrop-draghandle {
    margin: 2px 4px 2px 2px;
}
.block .block-controls .dropdown-toggle {
    color: #090223;
}
@media (min-width: 768px) {
    #region-main-settings-menu {
        position: relative;
        float: left;
        width: 100%;
    }
    #region-main-settings-menu > div {
        position: fixed;
        top: 70px;
        right: 10px;
        z-index: 1120;
    }
}
@media (max-width: 767.98px) {
    #region-main-settings-menu .menubar {
        justify-content: flex-end;
    }
}
.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;
}
.block .empty-placeholder-image-lg {
    height: 5rem;
}
.block .block-cards .course-info-container {
    padding: 0.8rem;
}
.block .block-cards .rui-progress {
    height: 0.5rem;
}
.block .block-cards .course-summaryitem {
    border: 1px solid #e1e0e4;
    background-color: #f9f9fa;
}
.theme-dark .block .block-cards .course-summaryitem {
    border: 1px solid #2e3134;
    background-color: #0e1013;
}
.block .block-cards .icon {
    margin-right: 0;
}
.block .block-cards .card .coursemenubtn {
    margin-top: -0.5rem;
}
.block .block-cards a.coursename,
.block .block-cards span.categoryname,
.block .block-cards .btn-link,
.block .block-cards [data-fieldtype="submit"] a,
[data-fieldtype="submit"] .block .block-cards a,
.block .block-cards .cancel a,
.cancel .block .block-cards a,
.block .block-cards #page-mod-quiz-report .gradetheselink,
#page-mod-quiz-report .block .block-cards .gradetheselink {
    color: inherit;
}
.block .block-cards .multiline {
    white-space: normal;
}
.block .block-cards .btn.btn-link.btn-icon,
.block .block-cards [data-fieldtype="submit"] a.btn.btn-icon,
[data-fieldtype="submit"] .block .block-cards a.btn.btn-icon,
.block .block-cards .cancel a.btn.btn-icon,
.cancel .block .block-cards a.btn.btn-icon,
.block .block-cards #page-mod-quiz-report .btn.btn-icon.gradetheselink,
#page-mod-quiz-report .block .block-cards .btn.btn-icon.gradetheselink {
    height: 36px;
    width: 36px;
    padding: 0;
    border-radius: 50%;
}
.block .block-cards .btn.btn-link.btn-icon:hover,
.block .block-cards [data-fieldtype="submit"] a.btn.btn-icon:hover,
[data-fieldtype="submit"] .block .block-cards a.btn.btn-icon:hover,
.block .block-cards .cancel a.btn.btn-icon:hover,
.cancel .block .block-cards a.btn.btn-icon:hover,
.block .block-cards #page-mod-quiz-report .btn.btn-icon.gradetheselink:hover,
#page-mod-quiz-report .block .block-cards .btn.btn-icon.gradetheselink:hover,
.block .block-cards .btn.btn-link.btn-icon:focus,
.block .block-cards [data-fieldtype="submit"] a.btn.btn-icon:focus,
[data-fieldtype="submit"] .block .block-cards a.btn.btn-icon:focus,
.block .block-cards .cancel a.btn.btn-icon:focus,
.cancel .block .block-cards a.btn.btn-icon:focus,
.block .block-cards #page-mod-quiz-report .btn.btn-icon.gradetheselink:focus,
#page-mod-quiz-report .block .block-cards .btn.btn-icon.gradetheselink:focus {
    background-color: #eeedef;
}
.theme-dark .block .block-cards .btn.btn-link.btn-icon:hover,
.theme-dark .block .block-cards [data-fieldtype="submit"] a.btn.btn-icon:hover,
[data-fieldtype="submit"] .theme-dark .block .block-cards a.btn.btn-icon:hover,
.theme-dark .block .block-cards .cancel a.btn.btn-icon:hover,
.cancel .theme-dark .block .block-cards a.btn.btn-icon:hover,
.theme-dark .block .block-cards #page-mod-quiz-report .btn.btn-icon.gradetheselink:hover,
#page-mod-quiz-report .theme-dark .block .block-cards .btn.btn-icon.gradetheselink:hover,
.theme-dark .block .block-cards .btn.btn-link.btn-icon:focus,
.theme-dark .block .block-cards [data-fieldtype="submit"] a.btn.btn-icon:focus,
[data-fieldtype="submit"] .theme-dark .block .block-cards a.btn.btn-icon:focus,
.theme-dark .block .block-cards .cancel a.btn.btn-icon:focus,
.cancel .theme-dark .block .block-cards a.btn.btn-icon:focus,
.theme-dark .block .block-cards #page-mod-quiz-report .btn.btn-icon.gradetheselink:focus,
#page-mod-quiz-report .theme-dark .block .block-cards .btn.btn-icon.gradetheselink:focus {
    background-color: #17181b;
}
.dashboard-card-deck.one-row {
    padding-bottom: 1rem;
    flex-flow: nowrap;
    overflow-x: scroll;
}
.summaryimage {
    height: 5rem;
    width: 5rem;
    background-position: center;
    background-size: cover;
}
.dashboard-card-deck .dashboard-card {
    margin-bottom: 30px;
    flex-basis: auto;
    width: 100%;
    flex-grow: 0;
    flex-shrink: 0;
}
.dashboard-card-deck .dashboard-card .dashboard-card-img {
    height: 150px;
    background-position: center;
    background-size: cover;
}
.dashboard-card-deck .dashboard-card .dashboard-card-footer {
    padding: 0.8rem;
}
@media (min-width: 320px) {
    .dashboard-card-deck.fixed-width-cards .dashboard-card {
        width: 300px;
        max-width: 100%;
    }
}
@media (min-width: 576px) {
    .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
        width: calc(33.333% - 30px);
        margin-bottom: 0;
    }
}
.rui-dashboard-card {
    background-color: #fff;
    border-radius: 7px;
    transition: all 0.2s ease-in-out;
}
.rui-dashboard-card:hover {
    box-shadow: rgba(50, 50, 93, 0.25) 0 2px 5px -1px, rgba(0, 0, 0, 0.3) 0 1px 3px -1px;
    text-decoration: none;
}
@media (min-width: 576px) {
    .block-region-dtopblocks .block-recentlyaccesseditems .rui-dashboard-card {
        margin-right: 2rem;
        width: calc(20% - 30px);
    }
    .block-region-dtopblocks .block-recentlyaccesseditems .rui-dashboard-card:last-child {
        margin-right: 0;
    }
}
@media (max-width: 767.98px) {
    .block_recentlyaccessedcourses {
        padding-bottom: 60px;
    }
}
.block_recentlyaccessedcourses .paging-bar-container {
    position: absolute;
    z-index: 3;
    left: calc(50% - 40px);
    bottom: -35px;
}
.block_recentlyaccessedcourses .paging-bar-container .pagination {
    padding: 3px;
    background-color: rgba(0, 0, 0, 0.8);
    border-radius: 30px;
    box-shadow: 2px 3px 30px 0 rgba(0, 0, 0, 0.6);
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
}
.block_recentlyaccessedcourses .paging-bar-container .pagination .page-item.disabled .page-link {
    background-color: rgba(255, 255, 255, 0.1);
}
.block_recentlyaccessedcourses .paging-bar-container .pagination .page-link {
    padding: 0.5rem;
    border-radius: 30px;
}
.block_recentlyaccessedcourses .paging-bar-container .pagination .page-link:hover {
    background-color: #420047;
}
.block_recentlyaccessedcourses .paging-bar-container .pagination .icon {
    filter: invert(1);
}
#block-region-side-pre {
    width: 100%;
}
#block-region-side-pre .block_recentlyaccessedcourses .paging-bar-container {
    margin-top: 0;
}
.block_recentlyaccesseditems .activityiconcontainer .icon {
    height: 40px;
    width: 40px;
    margin-right: 6px;
}
.block_settings .block_tree [aria-expanded="true"],
.block_settings .block_tree [aria-expanded="true"].emptybranch,
.block_settings .block_tree [aria-expanded="false"],
.block_settings .block_tree li[aria-selected="false"] p,
.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"]:before,
.block_navigation .block_tree [aria-expanded="true"] a:before,
.block_navigation .block_tree [aria-expanded="true"] p:before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 9.75L16.25 15.25H7.75L12 9.75Z' stroke='%23090223' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
    background-size: 14px;
    background-repeat: no-repeat;
    background-position: left;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 4px;
    top: 6px;
    color: #a19eab;
}
.theme-dark .block_settings .block_tree [aria-expanded="true"]:before,
.theme-dark .block_navigation .block_tree [aria-expanded="true"] a:before,
.theme-dark .block_navigation .block_tree [aria-expanded="true"] p:before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 9.75L16.25 15.25H7.75L12 9.75Z' stroke='%23E8EAED' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
    color: #9aa0a6;
}
.block_settings .block_tree [aria-expanded="false"] a:before,
.block_navigation .block_tree [aria-expanded="false"] a:before,
.block_settings .block_tree [aria-expanded="false"] p:before,
.block_navigation .block_tree [aria-expanded="false"] p:before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.25 12L8.75 7.75V16.25L14.25 12Z' stroke='%23090223' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
    background-size: 14px;
    background-repeat: no-repeat;
    background-position: left;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 4px;
    top: calc(50% - 10px);
    color: #a19eab;
}
.theme-dark .block_settings .block_tree [aria-expanded="false"] a:before,
.theme-dark .block_navigation .block_tree [aria-expanded="false"] a:before,
.theme-dark .block_settings .block_tree [aria-expanded="false"] p:before,
.theme-dark .block_navigation .block_tree [aria-expanded="false"] p:before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.25 12L8.75 7.75V16.25L14.25 12Z' stroke='%23E8EAED' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
    color: #9aa0a6;
}
.dir-rtl .block_settings .block_tree [aria-expanded="false"]:before,
.dir-rtl .block_navigation .block_tree [aria-expanded="false"]:before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.25 12L8.75 7.75V16.25L14.25 12Z' stroke='%23090223' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
}
.theme-dark .dir-rtl .block_settings .block_tree [aria-expanded="false"]:before,
.theme-dark .dir-rtl .block_navigation .block_tree [aria-expanded="false"]:before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.25 12L8.75 7.75V16.25L14.25 12Z' stroke='%23E8EAED' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
}
.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 {
    display: inline-flex;
    margin-right: 10px;
    font-size: 12px;
    line-height: 16px;
    opacity: 0.7;
}
.block_navigation .block_tree p.hasicon .item-content-wrap,
.block_settings .block_tree p.hasicon .item-content-wrap {
    display: inline-flex;
}
.block.invisibleblock .card-title {
    color: #a19eab;
}
.theme-dark .block.invisibleblock .card-title {
    color: #9aa0a6;
}
.block_social_activities li a.movehere,
.block_site_main_menu li a.movehere {
    display: block;
    width: 100%;
    height: 2rem;
    border: 2px dashed #413c55;
    margin: 4px 0;
}
.theme-dark .block_social_activities li a.movehere,
.theme-dark .block_site_main_menu li a.movehere {
    border: 2px dashed #bdc1c6;
}
.block_admin_bookmarks .list li a {
    display: block;
    font-weight: 500;
    line-height: 2.5;
}
.block_admin_bookmarks .footer:not(:empty) {
    margin-top: 1rem;
}
.block-region.yui3-dd-drop {
    padding: 5px;
    min-height: 120px;
    background-color: #ece6ed;
    border: 2px dashed #c6b3c8;
    border-radius: 7px;
}
.block-region.yui3-dd-drop .pagelayout-maintenance {
    display: none;
}
.block-region.yui3-dd-drop .card {
    border-color: #c6b3c8;
}
.theme-dark .block-region.yui3-dd-drop .card {
    border-color: #28002b;
}
.editing #block-region-dtopblocks,
.editing #block-region-dbottomblocks,
.editing #block-region-content,
.editing #block-region-ctopbl,
.editing #block-region-cbottombl,
.editing #block-region-cstopbl,
.editing #block-region-csbottombl,
.editing #block-region-side-pre,
.editing #block-region-sidebartopblocks,
.editing #block-region-sidebarbottomblocks {
    position: relative;
}
.editing #block-region-dtopblocks:before,
.editing #block-region-dbottomblocks:before,
.editing #block-region-content:before,
.editing #block-region-ctopbl:before,
.editing #block-region-cbottombl:before,
.editing #block-region-cstopbl:before,
.editing #block-region-csbottombl:before,
.editing #block-region-side-pre:before,
.editing #block-region-sidebartopblocks:before,
.editing #block-region-sidebarbottomblocks:before {
    padding: 5px 10px;
    background-color: #ece6ed;
    border-radius: 7px;
    font-size: 0.75rem;
    font-weight: 500;
    color: #c6b3c8;
    top: -3px;
    left: 3px;
}
.theme-dark .editing #block-region-dtopblocks:before,
.theme-dark .editing #block-region-dbottomblocks:before,
.theme-dark .editing #block-region-content:before,
.theme-dark .editing #block-region-ctopbl:before,
.theme-dark .editing #block-region-cbottombl:before,
.theme-dark .editing #block-region-cstopbl:before,
.theme-dark .editing #block-region-csbottombl:before,
.theme-dark .editing #block-region-side-pre:before,
.theme-dark .editing #block-region-sidebartopblocks:before,
.theme-dark .editing #block-region-sidebarbottomblocks:before {
    background-color: #210024;
    color: #d9ccda;
}
.editing #block-region-content:before {
    content: "Blocks: Main Moodle Area";
}
.editing #block-region-dtopblocks:before {
    content: "Blocks: Dashboard (Top)";
}
.editing #block-region-dbottomblocks:before {
    content: "Blocks: Dashboard (Bottom)";
}
.editing #block-region-ctopbl:before {
    content: "Blocks: Course Page (Top)";
}
.editing #block-region-cbottombl:before {
    content: "Blocks: Course Page (Bottom)";
}
.editing #block-region-cstopbl:before {
    content: "Blocks: Course Page - Sections (Top)";
}
.editing #block-region-csbottombl:before {
    content: "Blocks: Course Page - Sections (Bottom)";
}
.editing #block-region-side-pre:before {
    content: "Blocks: Hidden Sidebar";
}
.editing #block-region-sidebartopblocks:before {
    content: "Blocks: Sidebar Top Blocks";
}
.editing #block-region-sidebarbottomblocks:before {
    content: "Blocks: Sidebar Bottom Blocks";
}
.block_course_list li a,
.block_community li a,
.block_admin_bookmarks li a,
.block_activity_modules li a {
    display: flex;
    align-items: center;
    padding: 0.75rem 0;
    position: relative;
    font-weight: 500;
    color: #413c55;
}
.theme-dark .block_course_list li a,
.theme-dark .block_community li a,
.theme-dark .block_admin_bookmarks li a,
.theme-dark .block_activity_modules li a {
    color: #bdc1c6;
}
.block_course_list li a:hover,
.block_community li a:hover,
.block_admin_bookmarks li a:hover,
.block_activity_modules li a:hover {
    color: #a180a3;
    text-decoration: none;
}
.block_course_list li a:hover:before,
.block_community li a:hover:before,
.block_admin_bookmarks li a:hover:before,
.block_activity_modules li a:hover:before {
    background-color: #a180a3;
}
.block_course_list li a:before,
.block_community li a:before,
.block_admin_bookmarks li a:before,
.block_activity_modules li a:before {
    content: "";
    background-color: #e1e0e4;
    height: 1px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
}
.theme-dark .block_course_list li a:before,
.theme-dark .block_community li a:before,
.theme-dark .block_admin_bookmarks li a:before,
.theme-dark .block_activity_modules li a:before {
    background-color: #2e3134;
}
.block_course_list li a .icon,
.block_community li a .icon,
.block_admin_bookmarks li a .icon,
.block_activity_modules li a .icon {
    margin-right: 0.5rem;
    width: 30px;
    height: 30px;
}
.theme-dark .block_course_list li a .icon,
.theme-dark .block_community li a .icon,
.theme-dark .block_admin_bookmarks li a .icon,
.theme-dark .block_activity_modules li a .icon {
    filter: invert(1);
}
.block_course_list li:last-child a,
.block_community li:last-child a,
.block_admin_bookmarks li:last-child a,
.block_activity_modules li:last-child a {
    padding-bottom: 0;
}
.block_course_list li:last-child a:before,
.block_community li:last-child a:before,
.block_admin_bookmarks li:last-child a:before,
.block_activity_modules li:last-child a:before {
    display: none;
}
.block_rss_client .list li {
    padding: 6px!important;
    border-color: #e1e0e4;
}
.theme-dark .block_rss_client .list li {
    border-color: #2e3134;
}
.block_rss_client .list li .link a {
    display: inline-flex;
    padding-left: 30px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23090223" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-external-link"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" y1="14" x2="21" y2="3"></line></svg>');
    background-repeat: no-repeat;
    background-position: left;
    background-size: 16px;
    font-size: 0.875rem;
    font-weight: 500;
    color: #413c55;
}
.theme-dark .block_rss_client .list li .link a {
    color: #bdc1c6;
}
.block_online_users .info {
    margin-bottom: 1rem;
}
.block_online_users .list .listentry {
    width: 100%;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
}
.block_online_users .list .listentry .userinitials,
.block_online_users .list .listentry img.userpicture {
    margin-right: 0.5rem;
    width: 30px;
    height: 30px;
    border-radius: 7px;
}
.block_online_users .list .listentry .user a {
    width: 170px;
    display: inline-flex;
    align-items: center;
    font-weight: 500;
    color: #090223;
}
.theme-dark .block_online_users .list .listentry .user a {
    color: #e8eaed;
}
.block_online_users .list .listentry .uservisibility a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    position: absolute;
    top: calc(50% - 15px);
    right: 0;
    border-radius: 50%;
}
.block_online_users .list .listentry .uservisibility a:hover {
    text-decoration: none;
}
.block_online_users .list .listentry .uservisibility a[data-action="hide"] {
    background-color: #eaf4dd;
}
.block_online_users .list .listentry .uservisibility a[data-action="hide"] .icon {
    color: #027654;
}
.block_online_users .list .listentry .uservisibility a[data-action="hide"]:hover {
    background-color: #d1ecc0;
}
.block_online_users .list .listentry .uservisibility a[data-action="show"] {
    background-color: #feeded;
}
.block_online_users .list .listentry .uservisibility a[data-action="show"] .icon {
    color: #ef1010;
}
.block_online_users .list .listentry .uservisibility a[data-action="show"]:hover {
    background-color: #fbc8c8;
}
.block_online_users .list .listentry .uservisibility a .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    margin: 0;
}
.block_online_users .list .listentry .message a {
    background-color: #ece6ed;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    position: absolute;
    top: calc(50% - 15px);
    right: 0;
    border-radius: 50%;
}
.block_online_users .list .listentry .message a:hover {
    background-color: #d9ccda;
    text-decoration: none;
}
.block_online_users .list .listentry .message a:before {
    display: none;
}
.block_online_users .list .listentry .message a .icon {
    color: #fff;
    font-size: 12px;
    margin: 0;
}
.block_news_items .newlink a {
    font-weight: 500;
}
.block_news_items .post {
    margin: 1rem -15px 0;
    padding: 1rem 15px;
    border-top: 2px dashed #e1e0e4;
}
.theme-dark .block_news_items .post {
    border-top: 2px dashed #2e3134;
}
.block_news_items .post .head .date {
    font-size: 0.875rem;
}
.block_news_items .post .head .date,
.block_news_items .post .head .name {
    font-weight: 500;
    color: #a19eab;
}
.theme-dark .block_news_items .post .head .date,
.theme-dark .block_news_items .post .head .name {
    color: #9aa0a6;
}
.block_news_items .post .head .name {
    font-size: 0.8rem;
}
.block_news_items .post .info {
    margin-top: 0.5rem;
    font-size: 1rem;
    font-weight: 500;
}
.block_news_items .post .info a {
    display: block;
    color: #090223;
    line-height: 1.4;
}
.theme-dark .block_news_items .post .info a {
    color: #e8eaed;
}
.block_private_files [id*="private_files_tree"] {
    padding: 1rem;
    border-radius: 7px;
    background-color: #f9f9fa;
    max-height: 200px;
    overflow-y: auto;
}
.theme-dark .block_private_files [id*="private_files_tree"] {
    background-color: #0b0d0f;
}
.theme-dark .block_private_files [id*="private_files_tree"] img {
    filter: invert(0.9);
}
.block_private_files [id*="private_files_tree"] .ygtvitem {
    max-height: 300px;
    overflow-y: auto;
}
.block_private_files td.ygtvcell .icon {
    margin: 0 4px;
    padding: 0.25rem !important;
    display: inline-flex;
    align-content: center;
    justify-content: center;
    border-radius: 7px;
}
.block_private_files .ygtvcontent div {
    max-width: 170px;
}
.block_private_files [id^="private_files_tree"] a {
    display: inline-block;
    font-size: 0.75rem;
    color: #413c55;
    max-width: 190px;
}
.theme-dark .block_private_files [id^="private_files_tree"] a {
    color: #bdc1c6;
}
.block_private_files [id^="private_files_tree"] a .icon {
    margin: 4px;
    padding: 0.25rem !important;
    display: inline-flex;
    align-content: center;
    justify-content: center;
    border-radius: 7px;
}
.block-timeline .rui-event-name-link:hover .rui-event-name {
    color: #a180a3;
}
.block-timeline .rui-timeline-list-group {
    padding-top: 20px;
}
.block-timeline .rui-timeline-list-group-item {
    margin-bottom: 20px;
}
.block-timeline .rui-timeline-list-group-item:last-of-type {
    margin-bottom: 10px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e1e0e4;
}
.theme-dark .block-timeline .rui-timeline-list-group-item:last-of-type {
    border-bottom: 1px solid #2e3134;
}
.block-timeline .rui-timeline-date {
    padding-left: 3px;
    display: inline-flex;
    align-content: center;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1.6;
}
.block-timeline .rui-event-date {
    padding-top: 10px;
    padding-left: 30px;
    display: inline-flex;
    align-content: center;
    background-image: url("data:image/svg+xml,%3Csvg height='34' viewBox='0 0 16 34' width='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m.5 30v-30m0 31h13' fill='none' stroke='%23a19eab' stroke-linecap='round' stroke-width='2' transform='translate(1 1.5)'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position-x: 10px;
    background-position-y: -13px;
    font-weight: 500;
    color: #090223;
}
.theme-dark .block-timeline .rui-event-date {
    background-image: url("data:image/svg+xml,%3Csvg height='34' viewBox='0 0 16 34' width='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m.5 30v-30m0 31h13' fill='none' stroke='%239AA0A6' stroke-linecap='round' stroke-width='2' transform='translate(1 1.5)'/%3E%3C/svg%3E");
    color: #e8eaed;
}
.block-timeline .rui-event-date .rui-event-user-date {
    margin: 2px 0 0 4px;
}
.block-timeline .rui-timeline-date-txt {
    align-self: center;
}
.block-timeline .rui-event-name {
    font-size: 0.9rem;
    font-weight: 700;
    color: #090223;
}
.theme-dark .block-timeline .rui-event-name {
    color: #e8eaed;
}
.block-timeline .rui-event-icon {
    margin: 0 1rem;
}
.block-timeline .rui-event-icon .icon {
    width: 40px;
    height: 40px;
}
.block-timeline .pagination {
    margin: 0;
}
#settingsnav {
    padding: 0 !important;
}
.block_settings .block_tree .depth_1 > .tree_item.branch a,
.block_navigation .block_tree .depth_1 > .tree_item.branch a {
    padding: 0.35rem 0 0.35rem 30px;
    font-weight: 500;
    color: #090223;
}
.theme-dark .block_settings .block_tree .depth_1 > .tree_item.branch a,
.theme-dark .block_navigation .block_tree .depth_1 > .tree_item.branch a {
    color: #e8eaed;
}
.block_settings .block_tree .depth_1 > .tree_item.branch a:hover,
.block_navigation .block_tree .depth_1 > .tree_item.branch a:hover {
    text-decoration: none;
}
.block_settings .block_tree ul,
.block_navigation .block_tree ul {
    margin-left: 0;
}
.block_settings .block_tree ul a,
.block_navigation .block_tree ul a {
    width: 100%;
    display: flex;
    align-items: center;
    font-weight: 500;
    color: #090223;
}
.theme-dark .block_settings .block_tree ul a,
.theme-dark .block_navigation .block_tree ul a {
    color: #e8eaed;
}
.block_settings .block_tree ul a:hover,
.block_navigation .block_tree ul a:hover {
    color: #420047;
    text-decoration: none;
}
.block_settings .block_tree ul .item_with_icon,
.block_navigation .block_tree ul .item_with_icon {
    color: #413c55;
    border-radius: 7px;
}
.theme-dark .block_settings .block_tree ul .item_with_icon,
.theme-dark .block_navigation .block_tree ul .item_with_icon {
    color: #bdc1c6;
}
.block_settings .block_tree ul .item_with_icon:hover,
.block_navigation .block_tree ul .item_with_icon:hover {
    background-color: #ece6ed;
}
.block_settings .block_tree [role="group"],
.block_navigation .block_tree [role="group"] {
    position: relative;
}
.block_settings .block_tree [role="group"] a,
.block_navigation .block_tree [role="group"] a {
    padding: 0.35rem 0;
}
.block_settings .block_tree [role="group"]:before,
.block_navigation .block_tree [role="group"]:before {
    content: "";
    background-color: #e1e0e4;
    position: absolute;
    width: 2px;
    height: 100%;
    border-radius: 2px;
    top: 2px;
    left: 7px;
}
.theme-dark .block_settings .block_tree [role="group"]:before,
.theme-dark .block_navigation .block_tree [role="group"]:before {
    background-color: #2e3134;
}
.block_settings .block_tree ul {
    margin-left: 0;
}
.block_settings .block_tree ul a {
    width: 100%;
    display: flex;
    align-items: center;
    font-weight: 500;
    color: #090223;
}
.theme-dark .block_settings .block_tree ul a {
    color: #e8eaed;
}
.block_settings .block_tree ul a:hover {
    color: #420047;
    text-decoration: none;
}
.block_settings .block_tree ul .item_with_icon {
    padding: 0;
    color: #413c55;
    border-radius: 7px;
}
.theme-dark .block_settings .block_tree ul .item_with_icon {
    color: #bdc1c6;
}
.block_settings .block_tree ul .item_with_icon:hover {
    background-color: #ece6ed;
}
.block_navigation .block_tree .tree_item.branch,
.block_settings .block_tree .tree_item.branch {
    width: 100%;
    display: inline-flex;
    position: relative;
    font-weight: 500;
    color: #090223;
    border-radius: 7px;
}
.theme-dark .block_navigation .block_tree .tree_item.branch,
.theme-dark .block_settings .block_tree .tree_item.branch {
    color: #e8eaed;
}
.block_navigation .block_tree .tree_item.branch span,
.block_settings .block_tree .tree_item.branch span {
    padding: 0.45rem 0;
}
.block_navigation .block_tree .tree_item.branch:hover,
.block_settings .block_tree .tree_item.branch:hover {
    background-color: #ece6ed;
}
.theme-dark .block_navigation .block_tree .tree_item.branch:hover,
.theme-dark .block_settings .block_tree .tree_item.branch:hover {
    color: #210024;
}
.block_navigation .block_tree .tree_item,
.block_settings .block_tree .tree_item {
    margin: 0;
}
.block_navigation .block_tree .active_tree_node,
.block_settings .block_tree .active_tree_node {
    font-weight: 500;
}
.block_navigation .block_tree [aria-expanded="false"].loading,
.block_settings .block_tree [aria-expanded="false"].loading {
    background-image: url(/theme/image.php/alpha/core/1668532694/i/loading_small);
    background-position: right;
    background-size: 18px;
}
.block_settings .block_tree p.loading {
    background-size: 18px;
    background-position: right;
}
.block_settings .simplesearchform {
    margin-top: 20px;
}
.block_settings .block_tree li {
    position: relative;
}
.block_myoverview .content {
    min-height: 19.35rem;
}
#block-region-dleftblocks .block_myoverview .rui-bmo-nav-sort-selector,
#blocks-dashboardrightblock .block_myoverview .rui-bmo-nav-sort-selector {
    width: 100%;
    margin-right: 0 !important;
}
#sidepre-blocks .block_myoverview .btn--title {
    display: none !important;
}
.block_myprofile .myprofileitem.picture img {
    margin-bottom: 0.5rem;
    width: auto;
    height: auto;
}
.block_myprofile .myprofileitem.fullname {
    font-size: 0.875rem;
    color: #090223;
}
.theme-dark .block_myprofile .myprofileitem.fullname {
    color: #e8eaed;
}
.rui-myprofile-card-title {
    font-size: 0.75rem;
    font-weight: 500;
    color: #a19eab;
}
.theme-dark .rui-myprofile-card-title {
    color: #9aa0a6;
}
.rui-mo-progress-icon--done {
    display: none;
    color: #027654;
}
.rui-mo-progress-100 .rui-mo-progress-icon--done {
    display: inline-flex;
}
.rui-mo-progress-100 .small {
    color: #048444;
}
.rui-course-card-shortname {
    margin-bottom: 0.25rem;
    font-size: 0.75rem;
    font-weight: 400;
}
.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_adminblock {
    background-color: #fff;
    border: 1px solid #e1e0e4;
    border-radius: 7px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05), 0 14px 44px 0 rgba(0, 0, 0, 0.15);
    position: fixed;
    right: 20px;
    bottom: 7px;
    z-index: 10001;
}
@media (max-width: 1088.98px) {
    .drawer-open-right .block_adminblock {
        right: 7px;
    }
}
@media (max-width: 767.98px) {
    .drawer-open-right .block_adminblock {
        right: 7px;
    }
}
.block_adminblock .card-body {
    padding: 6px;
    display: inline-flex;
    align-items: center;
}
.block_adminblock .card-title {
    margin-bottom: 0;
    font-size: 12px;
    font-weight: 500;
    margin-right: 16px;
    margin-left: 12px;
}
.block_adminblock .custom-select {
    margin-right: 0 !important;
    padding: 7px 14px;
    width: 140px;
    height: auto;
    font-size: 12px;
}
.theme-dark .block_adminblock {
    background-color: #e8eaed;
}
.wrapper-dashboard #region-main-wrapper .alert,
.wrapper-dashboard #region-main-wrapper .que .validationerror,
.que .wrapper-dashboard #region-main-wrapper .validationerror,
.wrapper-dashboard #region-main-wrapper #page-mod-choice-view #notice p,
#page-mod-choice-view #notice .wrapper-dashboard #region-main-wrapper p {
    margin: 30px 0 0;
}
.block_course_contents .list-group-item {
    padding: 3px 0;
}
.block_recent_activity .activityhead {
    font-size: 0.75rem;
    color: #413c55;
}
.block_recent_activity .activityhead.mb-3 {
    font-size: 1rem;
    color: #090223;
    font-weight: 700;
}
.block_section_links .unlist li {
    margin-bottom: 0.35rem;
}
.block_section_links .unlist li:last-child {
    margin-bottom: 0;
}
.block_section_links .unlist li a {
    padding: 0.25rem;
    font-weight: 500;
}
.rui-block-title--sm {
    margin-bottom: 0.35rem;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.4;
    word-break: break-word;
}
.block_completionstatus td {
    padding: 4px 2px !important;
    font-size: 0.75rem !important;
}
.block-recentlyaccesseditems .card-deck {
    padding: 7px;
    max-height: 220px;
    overflow-y: auto;
    background-color: #eeedef;
    border-radius: 9px;
}
.block-recentlyaccesseditems .card-deck .rui-dashboard-card:last-of-type {
    margin-bottom: 0 !important;
}
.blog_entry .comment-link {
    margin-top: 1rem;
    margin-bottom: 1rem;
    text-align: left;
}
.blog_entry .comment-link .icon {
    display: none;
}
.blog_entry .audience {
    text-align: left;
    font-size: 0.75rem;
    color: #a19eab;
}
.theme-dark .blog_entry .audience {
    color: #9aa0a6;
}
.blog_entry .tags {
    margin-top: 15px;
}
.blog_entry .content {
    margin-left: 43px;
}
.blog {
    width: 100%;
    margin: 1.5rem auto;
    padding: 1.5rem;
    border: 1px solid #e1e0e4;
    border-radius: 7px;
    position: relative;
}
.theme-dark .blog {
    border: 1px solid #2e3134;
}
.blog .blog-entry-author {
    font-size: 0.75rem;
    color: #413c55;
}
.theme-dark .blog .blog-entry-author {
    color: #bdc1c6;
}
.blog .blog-entry-author .userpicture {
    margin: 0 0 0 10px;
}
.blog .tag_list {
    margin-top: 0.5rem;
}
.blog .blog-entry-cover {
    overflow: hidden;
    width: 100%;
    margin: 1rem 0;
}
.blog .blog-entry-cover img {
    width: 100%;
}
.blog .blog-entry-topic a {
    display: block;
    margin: 1rem 0;
    font-size: 1.5rem;
    font-weight: 500;
    color: #090223;
}
.theme-dark .blog .blog-entry-topic a {
    color: #e8eaed;
}
.blog .blog-entry-date {
    color: #413c55;
}
.theme-dark .blog .blog-entry-date {
    color: #bdc1c6;
}
.blog .blog-entry {
    font-size: 1rem;
}
.blog .blog-entry-footer {
    padding-top: 1rem;
    padding-bottom: 1rem;
    margin-top: 1rem;
    margin-bottom: 0;
    border-top: 1px solid #e1e0e4;
}
.theme-dark .blog .blog-entry-footer {
    border-top: 1px solid #2e3134;
}
.blog .comment-link {
    margin-top: 1rem;
}
.blog .attachments {
    margin-top: 1rem;
    width: 100%;
    display: inline-flex;
    align-items: center;
    font-size: 0.875rem;
}
.blog .attachments a {
    margin: 0;
    font-size: inherit;
}
.navbar {
    max-height: 60px;
}
.calendar_event_category {
    background-color: #d8d0f2;
}
.calendar_event_category .commands a {
    color: #0d5ca1;
}
.calendar_event_course {
    background-color: #f9a3a3;
}
.calendar_event_course .commands a {
    color: #0d5ca1;
}
.calendar_event_site {
    background-color: #d1ecc0;
}
.calendar_event_site .commands a {
    color: #0d5ca1;
}
.calendar_event_group {
    background-color: #f7daa2;
}
.calendar_event_group .commands a {
    color: #0d5ca1;
}
.calendar_event_user {
    background-color: #bacdf7;
}
.calendar_event_user .commands a {
    color: #0d5ca1;
}
.calendar_event_other {
    background-color: #e1e0e4;
}
.calendar_event_other .commands a {
    color: #0d5ca1;
}
[data-action="filter-event-type"] {
    display: flex;
    align-items: center;
}
[data-action="filter-event-type"]:focus {
    border-radius: 7px;
}
[data-eventtype-hidden="true"] {
    opacity: 0.4;
}
.popover .event-icon {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    padding: 3px;
    margin-right: 0.5rem;
    border-radius: 7px;
    background-color: #fff;
    font-weight: 500;
}
.popover .event-icon .icon {
    width: 20px;
    height: 20px;
}
.calendarmonth .day .calendar_event_,
.calendarmonth .day .calendar_event_category,
.calendarmonth .day .calendar_event_course,
.calendarmonth .day .calendar_event_site,
.calendarmonth .day .calendar_event_group,
.calendarmonth .day .calendar_event_user,
.calendarmonth .day .calendar_event_close,
.calendarmonth .day .calendar_event_due {
    border-width: 2px;
    border-style: solid;
    background-color: transparent !important;
}
.calendarmonth .day .calendar_event_due,
.calendarmonth .day .calendar_event_other {
    border-color: #c4c3cb;
}
.theme-dark .calendarmonth .day .calendar_event_due,
.theme-dark .calendarmonth .day .calendar_event_other {
    border-color: #2e3134;
}
.calendarmonth .day .calendar_event_close {
    border-color: #ca0d0d;
}
.calendarmonth .day .calendar_event_category {
    border-color: #d8d0f2;
}
.calendarmonth .day .calendar_event_course {
    border-color: #f9a3a3;
}
.calendarmonth .day .calendar_event_site {
    border-color: #d1ecc0;
}
.calendarmonth .day .calendar_event_group {
    border-color: #f7daa2;
}
.calendarmonth .day .calendar_event_user,
.calendarmonth .day .calendar_event_ {
    border-color: #bacdf7;
}
.calendarmonth .day .description-content {
    margin-top: 5px;
    font-weight: 400;
}
.calendarmonth .day .description-content img {
    width: 100%;
    max-width: 100%;
}
.description-content {
    padding-right: 30px;
    width: 100%;
    max-height: 204px;
    overflow-y: auto;
}
.modal-sm .calendar_event_ {
    background-color: transparent;
    padding-left: 50px !important;
    border-radius: 0;
    position: relative;
}
.modal-sm .calendar_event_:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    background-color: #28002b;
}
.calendar_event_ .badge-special {
    background-color: #28002b;
    color: #c6b3c8;
}
.modal-sm .calendar_event_other {
    background-color: transparent;
    padding-left: 50px !important;
    border-radius: 0;
    position: relative;
}
.modal-sm .calendar_event_other:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    background-color: #c4c3cb;
}
.theme-dark .modal-sm .calendar_event_other:before {
    background-color: #2e3134;
}
.calendar_event_other .badge-special {
    background-color: #c4c3cb;
    color: #090223;
}
.theme-dark .calendar_event_other .badge-special {
    background-color: #2e3134;
    color: #e8eaed;
}
.modal-sm .calendar_event_category {
    background-color: transparent;
    padding-left: 50px !important;
    border-radius: 0;
    position: relative;
}
.modal-sm .calendar_event_category:before {
    content: "";
    position: absolute;
    top: calc(50% - 9px);
    left: 20px;
    width: 18px;
    height: 18px;
    border-radius: 18px;
    background-color: #d8d0f2;
}
.calendar_event_category .badge-special {
    background-color: #d8d0f2;
    color: white !important;
}
.calendar_event_category a,
.calendar_event_category .modal-title,
.calendar_event_category span {
    color: #0f0921 !important;
}
.modal-sm .calendar_event_course {
    background-color: transparent;
    padding-left: 50px !important;
    border-radius: 0;
    position: relative;
}
.modal-sm .calendar_event_course:before {
    content: "";
    position: absolute;
    top: calc(50% - 9px);
    left: 20px;
    width: 18px;
    height: 18px;
    border-radius: 18px;
    background-color: #f9a3a3;
}
.calendar_event_course .badge-special {
    background-color: #f9a3a3;
    color: white !important;
}
.calendar_event_course a,
.calendar_event_course .modal-title,
.calendar_event_course span {
    color: #040000 !important;
}
.theme-dark .calendar_event_course a,
.theme-dark .calendar_event_course .modal-title,
.theme-dark .calendar_event_course span {
    color: white !important;
}
.modal-sm .calendar_event_site {
    background-color: transparent;
    padding-left: 50px !important;
    border-radius: 0;
    position: relative;
}
.modal-sm .calendar_event_site:before {
    content: "";
    position: absolute;
    top: calc(50% - 9px);
    left: 20px;
    width: 18px;
    height: 18px;
    border-radius: 18px;
    background-color: #d1ecc0;
}
.calendar_event_site .badge-special {
    background-color: #d1ecc0;
    color: white !important;
}
.calendar_event_site a,
.calendar_event_site .modal-title,
.calendar_event_site span {
    color: #090f05 !important;
}
.modal-sm .calendar_event_group {
    background-color: transparent;
    padding-left: 50px !important;
    border-radius: 0;
    position: relative;
}
.modal-sm .calendar_event_group:before {
    content: "";
    position: absolute;
    top: calc(50% - 9px);
    left: 20px;
    width: 18px;
    height: 18px;
    border-radius: 18px;
    background-color: #f7daa2;
}
.calendar_event_group .badge-special {
    background-color: #f7daa2;
    color: white !important;
}
.calendar_event_group a,
.calendar_event_group .modal-title,
.calendar_event_group span {
    color: #010100 !important;
}
.modal-sm .calendar_event_user,
.modal-sm .calendar_event_ {
    background-color: transparent;
    padding-left: 50px !important;
    border-radius: 0;
    position: relative;
}
.modal-sm .calendar_event_user:before,
.modal-sm .calendar_event_:before {
    content: "";
    position: absolute;
    top: calc(50% - 9px);
    left: 20px;
    width: 18px;
    height: 18px;
    border-radius: 18px;
    background-color: #bacdf7;
}
.calendar_event_user .badge-special,
.calendar_event_ .badge-special {
    background-color: #bacdf7;
    color: white !important;
}
.calendar_event_user a,
.calendar_event_user .modal-title,
.calendar_event_user span,
.calendar_event_ a,
.calendar_event_ .modal-title,
.calendar_event_ span {
    color: #030916 !important;
}
.theme-dark .calendar_event_user a,
.theme-dark .calendar_event_user .modal-title,
.theme-dark .calendar_event_user span,
.theme-dark .calendar_event_ a,
.theme-dark .calendar_event_ .modal-title,
.theme-dark .calendar_event_ span {
    color: white !important;
}
.minicalendar.calendartable .calendar_event_category,
.minicalendar.calendartable .calendar_event_course,
.minicalendar.calendartable .calendar_event_site,
.minicalendar.calendartable .calendar_event_group,
.minicalendar.calendartable .calendar_event_other,
.minicalendar.calendartable .calendar_event_user,
.minicalendar.calendartable .calendar_event_ {
    position: relative;
    background-color: transparent !important;
}
.minicalendar.calendartable .calendar_event_category:before,
.minicalendar.calendartable .calendar_event_course:before,
.minicalendar.calendartable .calendar_event_site:before,
.minicalendar.calendartable .calendar_event_group:before,
.minicalendar.calendartable .calendar_event_other:before,
.minicalendar.calendartable .calendar_event_user:before,
.minicalendar.calendartable .calendar_event_:before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 6px;
    position: absolute;
    top: 1px;
    left: calc(50% - 3px);
}
.minicalendar.calendartable .calendar_event_category:before {
    background-color: #d8d0f2;
}
.minicalendar.calendartable .calendar_event_course:before {
    background-color: #f9a3a3;
}
.minicalendar.calendartable .calendar_event_site:before {
    background-color: #d1ecc0;
}
.minicalendar.calendartable .calendar_event_group:before {
    background-color: #f7daa2;
}
.minicalendar.calendartable .calendar_event_other:before {
    background-color: #d3d2d8;
}
.theme-dark .minicalendar.calendartable .calendar_event_other:before {
    background-color: #282a2d;
}
.minicalendar.calendartable .calendar_event_user:before,
.minicalendar.calendartable .calendar_event_:before {
    background-color: #bacdf7;
}
.calendarmonth .calendar-event-box {
    position: relative;
}
.eventlist .calendarmonth .calendar-event-box {
    background-color: #fff;
}
.calendarmonth .calendar-event-box.calendar_event_category {
    border: 2px solid #d8d0f2;
}
.calendarmonth .calendar-event-box.calendar_event_category .badge-special {
    background-color: #d8d0f2;
    color: #0f0921 !important;
}
.calendarmonth .calendar-event-box.calendar_event_due,
.calendarmonth .calendar-event-box.calendar_event_other {
    border: 2px solid #d3d2d8;
}
.theme-dark .calendarmonth .calendar-event-box.calendar_event_due,
.theme-dark .calendarmonth .calendar-event-box.calendar_event_other {
    border: 2px solid #282a2d;
}
.calendarmonth .calendar-event-box.calendar_event_close {
    border: 2px solid #ef1010;
}
.calendarmonth .calendar-event-box.calendar_event_course {
    border: 2px solid #f9a3a3;
}
.calendarmonth .calendar-event-box.calendar_event_site {
    border: 2px solid #d1ecc0;
}
.calendarmonth .calendar-event-box.calendar_event_group {
    border: 2px solid #f7daa2;
}
.calendarmonth .calendar-event-box.calendar_event_user {
    border: 2px solid #bacdf7;
}
.calendarmonth .calendar-event-box.calendar_event_user .badge-special {
    background-color: #bacdf7;
    color: #030916 !important;
}
a.day {
    color: #090223;
    text-decoration: none;
}
.theme-dark a.day {
    color: #e8eaed;
}
a.day:hover {
    color: #e1e0e4;
    text-decoration: none;
}
.theme-dark a.day:hover {
    color: #202124;
}
td.day.bg-primary {
    background-color: #eeedef !important;
    color: #090223 !important;
}
.theme-dark td.day.bg-primary {
    background-color: #17181b !important;
    color: #e8eaed !important;
}
.dayblank {
    background-image: url(/theme/image.php/alpha/theme/1668532694/diagonal-lines);
    background-repeat: repeat;
    background-color: transparent;
    background-size: 10px;
}
.theme-dark .dayblank {
    filter: invert(0.9);
}
.minicalendar .dayblank {
    background-size: 5px;
}
td.day [data-toggle="popover"] {
    font-weight: 700;
    color: #090223;
}
.calendartable {
    width: auto;
}
.calendartable th,
.calendartable td {
    width: 14%;
    vertical-align: top;
    text-align: center;
    border: 0;
}
.calendar-controls {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
@media (max-width: 767.98px) {
    .calendar-controls .arrow_link {
        width: 40px;
        height: 40px;
        padding: 0;
        background-position: center !important;
    }
    .calendar-controls .arrow_text {
        display: none;
    }
}
.calendar-controls .previous {
    position: relative;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.75 12L14.25 7.75V16.25L8.75 12Z' stroke='%23090223' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px;
}
.calendar-controls .current {
    padding: 0 20px;
    line-height: 1.5;
    text-align: center;
    font-size: 0.875rem;
}
.calendar-controls .next {
    position: relative;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.25 12L8.75 7.75V16.25L14.25 12Z' stroke='%23090223' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px;
}
.calendar-controls .drop-target {
    box-sizing: border-box;
    border: 1px dashed #c6b3c8;
}
.filters table {
    border-collapse: separate;
    border-spacing: 2px;
    width: 100%;
}
.maincalendar {
    vertical-align: top;
    padding: 0;
}
.maincalendar .bottom {
    margin-top: 2rem;
    text-align: center;
}
@media (min-width: 320px) and (max-width: 767.98px) {
    .maincalendar .bottom {
        width: 100%;
    }
    .maincalendar .bottom .btn {
        width: 100%;
    }
}
.maincalendar .heightcontainer {
    height: 100%;
    position: relative;
}
.maincalendar .calendarmonth {
    width: 100%;
    margin: 1rem auto;
}
.maincalendar .calendarmonth ul {
    margin: 0.5rem 0 0 0;
    padding: 0;
}
.maincalendar .calendarmonth ul li {
    padding: 5px;
    margin-bottom: 5px;
    list-style-type: none;
    border-radius: 7px;
}
#block-region-side-pre .maincalendar .calendarmonth ul li {
    padding: 1px;
    width: 4px;
    height: 4px;
}
.maincalendar .calendarmonth ul li > a {
    padding: 5px 10px 8px;
    border-radius: 7px;
    max-width: 100%;
    display: block;
}
#block-region-side-pre .maincalendar .calendarmonth ul li > a {
    width: 10px;
    height: 10px;
    padding: 0;
}
.maincalendar .calendarmonth ul li > a:hover {
    text-decoration: none;
}
#block-region-side-pre .maincalendar .calendarmonth ul li > a > div,
#block-region-side-pre .maincalendar .calendarmonth ul li > a span {
    display: none !important;
}
.maincalendar .calendarmonth ul li:last-child {
    margin-bottom: 0;
}
.maincalendar .calendarmonth ul li img {
    max-width: 100%;
    width: 100%;
    margin: 0.25rem 0 0;
    border-radius: 7px;
}
.maincalendar .calendarmonth ul li .icon {
    margin: 0 0.25rem 0 0;
    padding: 5px;
    display: inline-flex;
    width: 20px;
    height: 20px;
    background-color: #f9f9fa;
    border-radius: 7px;
    color: #413c55;
}
.theme-dark .maincalendar .calendarmonth ul li .icon {
    background-color: #0b0d0f;
    color: #bdc1c6;
}
.maincalendar .calendarmonth ul li span {
    display: block;
    font-size: 0.875rem;
    font-weight: 500;
    color: #090223;
}
.theme-dark .maincalendar .calendarmonth ul li span {
    color: #e8eaed;
}
.maincalendar .calendarmonth td {
    padding: 5px;
    height: 40px;
    border: 1px solid #e1e0e4;
    font-size: 0.875rem;
    transition: all 0.2s ease-in-out;
}
.theme-dark .maincalendar .calendarmonth td {
    border: 1px solid #2e3134;
}
.maincalendar .calendarmonth .clickable:hover {
    position: relative;
    box-shadow: 0 20px 42px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    border-radius: 7px;
}
.maincalendar .calendarmonth th.header {
    padding: 1rem 5px;
    font-size: 0.875rem;
    font-weight: 500;
    text-align: center;
    border-bottom: 2px solid #b4b2bc;
    color: #090223;
}
.theme-dark .maincalendar .calendarmonth th.header {
    color: #e8eaed;
}
#block-region-dleftblocks .maincalendar .calendarmonth th.header,
#block-region-drightblocks .maincalendar .calendarmonth th.header,
#block-region-side-pre .maincalendar .calendarmonth th.header {
    padding: 5px 2px;
    font-size: 0.75rem;
}
@media (min-width: 320px) and (max-width: 1088.98px) {
    .maincalendar .calendarmonth th.header {
        padding: 5px 0;
        font-size: 0.875rem;
    }
}
.maincalendar .calendarmonth td,
.maincalendar .calendarmonth th {
    border-style: solid;
}
.maincalendar .calendar-controls .current {
    margin-bottom: 0;
}
.maincalendar .controls {
    width: 100%;
    margin: 10px auto;
}
.maincalendar .calendar_event_category,
.maincalendar .calendar_event_course,
.maincalendar .calendar_event_site,
.maincalendar .calendar_event_group,
.maincalendar .calendar_event_user {
    background-color: transparent;
}
.maincalendar .calendar_event_category:hover a,
.maincalendar .calendar_event_course:hover a,
.maincalendar .calendar_event_site:hover a,
.maincalendar .calendar_event_group:hover a,
.maincalendar .calendar_event_user:hover a {
    color: #a180a3;
    text-decoration: none;
}
.maincalendar .calendar_event_category {
    border-color: #d8d0f2;
    color: #321f71;
}
.maincalendar .calendar_event_course {
    border-color: #f9a3a3;
    color: #640606;
}
.maincalendar .calendar_event_site {
    border-color: #d1ecc0;
    color: #365e1c;
}
.maincalendar .calendar_event_group {
    border-color: #f7daa2;
    color: #5f4108;
}
.maincalendar .calendar_event_user {
    border-color: #bacdf7;
    color: #0d2d72;
}
.maincalendar .calendartable li {
    text-align: left;
}
.maincalendar .header .buttons {
    float: right;
}
.maincalendar .event .card-header img {
    vertical-align: baseline;
}
#page-calendar-view .maincalendar .calendarmonth td {
    height: 5rem;
}
.theme-dark .maincalendar .calendarmonth th.header {
    border-color: #2e3134;
    color: #e8eaed;
}
.dir-rtl.theme-dark .calendar-controls .next,
.theme-dark .calendar-controls .previous {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.75 12L14.25 7.75V16.25L8.75 12Z' stroke='%23E8EAED' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E%0A");
}
.dir-rtl.theme-dark .calendar-controls .previous,
.theme-dark .calendar-controls .next {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.25 12L8.75 7.75V16.25L14.25 12Z' stroke='%23E8EAED' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E%0A");
}
.eventlist {
    position: relative;
}
.eventlist .calendar-event-box {
    padding: 20px 20px 70px 70px;
}
.eventlist .calendar_event_category:before,
.eventlist .calendar_event_course:before,
.eventlist .calendar_event_site:before,
.eventlist .calendar_event_group:before,
.eventlist .calendar_event_user:before {
    content: "";
    position: absolute;
    top: 26px;
    left: 25px;
    width: 20px;
    height: 20px;
    border-radius: 30px;
}
.eventlist .calendar_event_category:before {
    background-color: #d8d0f2;
}
.eventlist .calendar_event_course:before {
    background-color: #f9a3a3;
}
.eventlist .calendar_event_site:before {
    background-color: #d1ecc0;
}
.eventlist .calendar_event_group:before {
    background-color: #f7daa2;
}
.eventlist .calendar_event_user:before {
    background-color: #bacdf7;
}
.eventlist .calendar_event_other:before {
    background-color: #e1e0e4;
}
.maincalendar .calendarmonth td {
    position: relative;
}
.maincalendar .calendarmonth td [data-action="view-day-link"] {
    font-weight: 700;
    text-align: center;
    line-height: 190%;
    position: relative;
}
.maincalendar .calendarmonth td.today .calendar-day-label {
    padding: 0;
    display: block;
    background: #ef1010;
    border-radius: 7px;
    color: #fbc8c8;
    width: 30px;
    height: 30px;
    font-weight: 700;
    text-align: center;
    line-height: 190%;
    position: relative;
    top: -2px;
}
.calendar-day-label {
    padding: 20px 20px 20px 0;
    font-size: 1rem;
    font-weight: 400;
    color: #a19eab;
}
.theme-dark .calendar-day-label {
    color: #9aa0a6;
}
.calendar-event-description {
    color: #413c55;
}
.theme-dark .calendar-event-description {
    color: #bdc1c6;
}
#page-calendar-export .indent {
    padding-left: 20px;
}
.block .calendarwrapper {
    margin: 1rem 0;
}
.block .calendarwrapper:last-child {
    margin-bottom: 0;
}
.block .minicalendar {
    width: 100%;
}
.block .minicalendar h3,
.block .minicalendar .current {
    margin: 0;
    font-family: "Be Vietnam Pro", sans-serif;
    font-size: 0.875rem;
    color: #413c55;
    text-align: left;
}
.theme-dark .block .minicalendar h3,
.theme-dark .block .minicalendar .current {
    color: #bdc1c6;
}
.block .minicalendar h3 a,
.block .minicalendar .current a {
    display: block;
    text-decoration: none;
    color: inherit;
}
.block .minicalendar h3 a:hover,
.block .minicalendar .current a:hover {
    text-decoration: none;
}
.block .minicalendar .arrow_link {
    color: #413c55;
    text-decoration: none;
}
.theme-dark .block .minicalendar .arrow_link {
    color: #bdc1c6;
}
.block .minicalendar .arrow_link:hover {
    text-decoration: none;
}
.block .minicalendar td {
    padding: 0 !important;
    height: 27px;
    width: 28px;
    border-radius: 7px;
    font-weight: 500;
    line-height: 2.5;
}
.block .minicalendar td a {
    padding: 8px;
    text-decoration: none;
}
.block .minicalendar td a:hover {
    text-decoration: none;
}
.block .minicalendar .today {
    background: #ef1010;
    color: #fbc8c8;
}
.block .minicalendar .today a {
    color: #fbc8c8 !important;
}
.block .minicalendar th {
    color: #090223;
    font-size: 0.75rem;
    font-weight: 500;
}
.theme-dark .block .minicalendar th {
    color: #e8eaed;
}
.block .minicalendar th abbr[title],
.block .minicalendar th abbr[data-original-title] {
    white-space: nowrap;
    text-decoration: none;
}
.block .minicalendar th,
.block .minicalendar td {
    font-size: 0.75rem;
    text-align: center;
}
.block .minicalendar td.duration_global {
    border-top: 1px solid #d1ecc0;
    border-bottom: 1px solid #d1ecc0;
}
.block .minicalendar td.duration_global.duration_finish {
    background-color: #d1ecc0;
}
.block .minicalendar td.duration_category {
    border-top: 1px solid #d8d0f2;
    border-bottom: 1px solid #d8d0f2;
}
.block .minicalendar td.duration_category.duration_finish {
    background-color: #d8d0f2;
}
.block .minicalendar td.duration_course {
    border-top: 1px solid #f9a3a3;
    border-bottom: 1px solid #f9a3a3;
}
.block .minicalendar td.duration_course.duration_finish {
    background-color: #f9a3a3;
}
.block .minicalendar td.duration_group {
    border-top: 1px solid #f7daa2;
    border-bottom: 1px solid #f7daa2;
}
.block .minicalendar td.duration_group.duration_finish {
    background-color: #f7daa2;
}
.block .minicalendar td.duration_user {
    border-top: 1px solid #bacdf7;
    border-bottom: 1px solid #bacdf7;
}
.block .minicalendar td.duration_user.duration_finish {
    background-color: #bacdf7;
}
.block .minicalendar caption {
    padding: 10px 0;
    margin-bottom: 10px;
    display: table-caption;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    font-family: "Be Vietnam Pro", sans-serif;
    color: #413c55;
    text-align: left;
    position: relative;
}
.theme-dark .block .minicalendar caption {
    color: #bdc1c6;
}
.block .calendar-controls .previous,
.block .calendar-controls .next {
    position: absolute;
    top: calc(50% - 19px);
}
.block .calendar-controls .previous .arrow,
.block .calendar-controls .next .arrow {
    color: transparent;
}
.block .calendar-controls .previous {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.75 12L14.25 7.75V16.25L8.75 12Z' stroke='%23090223' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    left: 0;
}
.theme-dark .block .calendar-controls .previous {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.75 12L14.25 7.75V16.25L8.75 12Z' stroke='%23E8EAED' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E%0A");
}
.block .calendar-controls .current {
    display: block;
    text-align: center;
    width: 76%;
    margin: 5px auto;
}
.block .calendar-controls .next {
    right: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.25 12L8.75 7.75V16.25L14.25 12Z' stroke='%23090223' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
}
.theme-dark .block .calendar-controls .next {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.25 12L8.75 7.75V16.25L14.25 12Z' stroke='%23E8EAED' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E%0A");
}
.block .calendar_filters ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.block .calendar_filters li {
    margin-bottom: 0.5rem;
}
.block .calendar_filters li > a:hover {
    text-decoration: none;
}
.block .content h3.eventskey {
    margin-top: 0.5em;
}
.dir-rtl .block .calendar-controls .previous .block .calendar-controls .next {
    transform: rotate(180deg);
}
.calendar_filters [data-action="filter-event-type"] .calendar_event_other,
.calendar_filters [data-action="filter-event-type"] .calendar_event_category,
.calendar_filters [data-action="filter-event-type"] .calendar_event_course,
.calendar_filters [data-action="filter-event-type"] .calendar_event_site,
.calendar_filters [data-action="filter-event-type"] .calendar_event_group,
.calendar_filters [data-action="filter-event-type"] .calendar_event_user {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2px;
    width: 36px;
    height: 36px;
    border-radius: 36px;
    margin-right: 10px;
}
.calendar_filters [data-action="filter-event-type"] .calendar_event_other .icon,
.calendar_filters [data-action="filter-event-type"] .calendar_event_category .icon,
.calendar_filters [data-action="filter-event-type"] .calendar_event_course .icon,
.calendar_filters [data-action="filter-event-type"] .calendar_event_site .icon,
.calendar_filters [data-action="filter-event-type"] .calendar_event_group .icon,
.calendar_filters [data-action="filter-event-type"] .calendar_event_user .icon {
    opacity: 0.6;
}
.calendar_filters [data-action="filter-event-type"] .event-icon .rui-icon-container {
    display: inline-flex;
    align-items: center;
    margin-right: 0.5rem;
}
.theme-dark .calendar_filters [data-action="filter-event-type"] .event-icon .rui-icon-container .icon {
    filter: invert(1);
}
.calendar_filters [data-action="filter-event-type"] .eventname,
.calendar_filters [data-action="filter-event-type"] .event-icon {
    display: inline-flex;
}
#nav-drawer .calendar_filters [data-action="filter-event-type"] .eventname,
#nav-drawer .calendar_filters [data-action="filter-event-type"] .event-icon {
    margin: 0 6px;
}
.calendar_filters [data-action="filter-event-type"] .eventname {
    width: calc(100% - 80px);
    color: #090223;
    font-size: 0.75rem;
    font-weight: 500;
}
.theme-dark .calendar_filters [data-action="filter-event-type"] .eventname {
    color: #e8eaed;
}
.event-time {
    font-weight: 400;
    opacity: 0.7;
}
.event-title {
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 5px;
}
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 {
        min-width: 1024px;
    }
}
.calendarwrapper {
    position: relative;
}
.calendarwrapper label {
    margin: 0 !important;
}
.day-popover-content:empty + .day-popover-alternate {
    display: block;
}
.summary-modal-container .description-content > p {
    margin: 0;
}
.yui3-skin-sam .yui3-calendar-header {
    display: block;
    width: 300px;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    border-bottom: 1px solid #e1e0e4;
}
.theme-dark .yui3-skin-sam .yui3-calendar-header {
    border-bottom: 1px solid #2e3134;
}
.yui3-skin-sam .dateselector-calendar-panel {
    top: 30px;
}
.yui3-skin-sam .yui3-calendar-day,
.yui3-skin-sam .yui3-calendar-prevmonth-day,
.yui3-skin-sam .yui3-calendar-nextmonth-day {
    background: transparent;
    border: none;
    font-size: 0.875rem;
}
.yui3-skin-sam .yui3-calendar-day {
    width: 35px;
    height: 35px;
    font-weight: 500;
    font-size: 0.875rem;
}
.yui3-skin-sam .yui3-calendar-day:hover {
    border-radius: 7px;
    color: #420047;
    background: #ece6ed;
}
.yui3-skin-sam .yui3-calendar-day-selected {
    color: #feeded;
    background: #ef1010;
    font-weight: 700;
    border-radius: 7px;
}
.yui3-skin-sam .yui3-calendar-header-label {
    font-size: 0.875rem;
}
.yui3-skin-sam .yui3-calendar-content {
    padding: 1.5rem;
    background: #fff;
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.09), 0 4px 2px rgba(0, 0, 0, 0.09), 0 8px 4px rgba(0, 0, 0, 0.09), 0 16px 8px rgba(0, 0, 0, 0.09), 0 32px 16px rgba(0, 0, 0, 0.09);
    border: 0;
    color: #090223;
}
.yui3-skin-sam .yui3-calendarnav-prevmonth {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.75 12L14.25 7.75V16.25L8.75 12Z' stroke='%23090223' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    border: none;
    width: 40px;
    height: 40px;
    top: -10px;
    margin-left: 10px;
}
.yui3-skin-sam .yui3-calendarnav-nextmonth {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.25 12L8.75 7.75V16.25L14.25 12Z' stroke='%23090223' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    border: none;
    width: 40px;
    height: 40px;
    top: -10px;
    margin-right: 10px;
}
.yui3-skin-sam .yui3-button.closebutton {
    background-image: none;
    box-shadow: none;
}
.yui3-skin-sam .yui3-button.closebutton [aria-hidden="true"] {
    display: none;
}
.block_calendar_upcoming .event .activityiconcontainer {
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.block_calendar_upcoming .event .rui-icon-container {
    background-color: #fff;
    border-radius: 7px;
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.block_calendar_upcoming .event .rui-icon-container .icon {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0;
}
.block_calendar_upcoming [data-type="event"] {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.4;
    color: #090223;
    display: inline-flex;
    width: calc(80% - 5px);
    margin-top: 0;
}
.theme-dark .block_calendar_upcoming [data-type="event"] {
    color: #e8eaed;
}
.block_calendar_upcoming [data-type="event"]:hover {
    color: #420047;
}
.theme-dark .block_calendar_upcoming [data-type="event"]:hover {
    color: #c6b3c8;
}
.block_calendar_upcoming .date {
    color: #a19eab;
    font-size: 0.75rem;
    padding: 0;
}
.theme-dark .block_calendar_upcoming .date {
    color: #9aa0a6;
}
.block_calendar_upcoming .date span {
    width: 100%;
    background-color: transparent;
}
.block_calendar_upcoming .date a {
    color: #a19eab;
}
.theme-dark .block_calendar_upcoming .date a {
    color: #9aa0a6;
}
.maincalendar .event {
    background-color: #f9f9fa;
    padding: 2rem;
    margin-bottom: 2rem;
    border-radius: 7px;
}
.theme-dark .maincalendar .event {
    background-color: #0b0d0f;
}
.calendar-event-box {
    padding: 20px;
    margin-bottom: 0.5rem;
    position: relative;
    border: 1px solid #e1e0e4;
    border-radius: 7px;
}
.theme-dark .calendar-event-box {
    border: 1px solid #2e3134;
}
.calendar-event-box .calendar-event-settings {
    padding: 5px;
    margin-bottom: 20px;
    border: 2px dashed #e1e0e4;
    border-radius: 7px;
}
.theme-dark .calendar-event-box .calendar-event-settings {
    border: 2px dashed #2e3134;
}
.calendar-event-box:last-child {
    margin-bottom: 0;
}
.calendar-event-box .calendar-event-date {
    margin-bottom: 1rem;
    font-weight: 700;
    font-size: 0.75rem;
    color: #413c55;
    position: relative;
}
.theme-dark .calendar-event-box .calendar-event-date {
    color: #bdc1c6;
}
.calendar-event-box .calendar-event-date a {
    display: inline-block;
    padding: 0.5rem 1rem;
    margin: 0 0.5rem 0 0;
    line-height: 1;
    color: #090223;
    text-align: center;
    vertical-align: baseline;
    border-radius: 7px;
    background-color: #f9f9fa;
    transition: all 0.2s ease-in-out;
}
.theme-dark .calendar-event-box .calendar-event-date a {
    color: #e8eaed;
    background-color: #0b0d0f;
}
.calendar-event-box .calendar-event-date a:hover {
    color: #413c55;
    background-color: #eeedef;
}
.theme-dark .calendar-event-box .calendar-event-date a:hover {
    background-color: #17181b;
    color: #bdc1c6;
}
.calendar-event-box .calendar-event-date a,
.calendar-event-box .calendar-event-date strong {
    font-weight: 500;
    color: #090223 !important;
}
.theme-dark .calendar-event-box .calendar-event-date a,
.theme-dark .calendar-event-box .calendar-event-date strong {
    color: #e8eaed !important;
}
.calendar-event-box .calendar-event-date .dimmed_text {
    color: #090223 !important;
}
.theme-dark .calendar-event-box .calendar-event-date .dimmed_text {
    color: #e8eaed !important;
}
.calendar-event-box .calendar-event-date .dimmed_text strong {
    font-weight: 500;
}
.calendar-event-box .calendar-event-date .dimmed_text a.dimmed {
    font-weight: 500;
    color: #090223 !important;
}
.theme-dark .calendar-event-box .calendar-event-date .dimmed_text a.dimmed {
    color: #e8eaed !important;
}
.calendar-event-box .calendar-event-icon {
    margin-top: 1rem;
    display: flex;
    justify-content: center;
    align-content: center;
    border-radius: 50%;
}
.calendar-event-box .calendar-event-heading {
    font-family: "Be Vietnam Pro", sans-serif;
    font-size: 1.5rem;
    font-weight: 500;
    vertical-align: middle;
    margin: 1rem 0 0.5rem;
}
.calendar-event-row .calendar-event-icon {
    width: 50px;
    height: 50px;
    background-color: #ece6ed;
    color: #210024;
    border-radius: 7px;
    align-items: center;
    justify-content: center;
}
.calendar-event-content {
    padding-right: 70px;
}
.calendar-event-content .calendar-event-icon .icon {
    font-size: 1rem;
}
.rui-calendar-footer {
    padding: 0;
    border-radius: 7px;
    border: 1px solid #e1e0e4;
}
.theme-dark .rui-calendar-footer {
    border: 1px solid #2e3134;
}
.rui-calendar-list {
    margin: 0;
    overflow: hidden;
}
.rui-calendar-list li {
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    list-style: none;
    font-size: 0.875rem;
    color: #413c55;
    border-bottom: 1px solid #d3d2d8;
}
.theme-dark .rui-calendar-list li {
    color: #bdc1c6;
    border-bottom: 1px solid #282a2d;
}
.rui-calendar-list li .rui-calendar-list-content {
    padding: 12px 20px;
}
.rui-calendar-list li .rui-calendar-list-content:last-of-type {
    border-bottom: none;
}
.rui-calendar-list li a {
    width: 100%;
    font-weight: 500;
}
.rui-calendar-list li a:hover {
    background-color: #ece6ed;
    color: #420047;
    text-decoration: none;
}
.theme-dark .rui-calendar-list li a:hover {
    background-color: #210024;
    color: #d9ccda;
}
.rui-calendar-list li .icon {
    color: #a19eab;
}
.theme-dark .rui-calendar-list li .icon {
    color: #9aa0a6;
}
.rui-calendar-list--inline li {
    display: inline-flex;
    align-items: center;
}
.modal-cal-desc {
    width: 100%;
}
.modal-cal-time {
    font-size: 0.75rem;
}
.modal-cal-time a {
    position: relative;
    display: inline-block;
    padding: 10px 15px 10px 40px;
    margin: 0 0.5rem 0.25rem 0;
    line-height: 1;
    color: #090223 !important;
    text-align: center;
    vertical-align: baseline;
    border-radius: 7px;
    background-color: #f9f9fa;
    transition: all 0.2s ease-in-out;
}
.theme-dark .modal-cal-time a {
    color: #e8eaed !important;
    background-color: #0b0d0f;
}
.modal-cal-time a:after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23090223' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M4.75 8.75C4.75 7.64543 5.64543 6.75 6.75 6.75H17.25C18.3546 6.75 19.25 7.64543 19.25 8.75V17.25C19.25 18.3546 18.3546 19.25 17.25 19.25H6.75C5.64543 19.25 4.75 18.3546 4.75 17.25V8.75Z'%3E%3C/path%3E%3Cpath stroke='%23090223' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M8 4.75V8.25'%3E%3C/path%3E%3Cpath stroke='%23090223' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M16 4.75V8.25'%3E%3C/path%3E%3Cpath stroke='%23090223' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M7.75 10.75H16.25'%3E%3C/path%3E%3C/svg%3E%0A");
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: left;
    position: absolute;
    top: calc(50% - 12px);
    left: 6px;
    width: 24px;
    height: 24px;
}
.theme-dark .modal-cal-time a:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23E8EAED' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M4.75 8.75C4.75 7.64543 5.64543 6.75 6.75 6.75H17.25C18.3546 6.75 19.25 7.64543 19.25 8.75V17.25C19.25 18.3546 18.3546 19.25 17.25 19.25H6.75C5.64543 19.25 4.75 18.3546 4.75 17.25V8.75Z'%3E%3C/path%3E%3Cpath stroke='%23E8EAED' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M8 4.75V8.25'%3E%3C/path%3E%3Cpath stroke='%23E8EAED' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M16 4.75V8.25'%3E%3C/path%3E%3Cpath stroke='%23E8EAED' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M7.75 10.75H16.25'%3E%3C/path%3E%3C/svg%3E%0A");
}
.eventlist .modal-cal-time a:after {
    top: 8px;
}
.modal-cal-time a:hover {
    background-color: #eeedef;
    text-decoration: none;
}
.theme-dark .modal-cal-time a:hover {
    background-color: #17181b;
}
@media (min-width: 320px) and (max-width: 767.98px) {
    .calendarwrapper .btn {
        width: 100%;
        margin: 1rem 0;
    }
    .calendarwrapper .custom-select {
        width: 100%;
        margin: 0;
    }
}
[data-groupname="timedurationuntil"] {
    margin-bottom: 0.25rem !important;
}
#page-calendar-view .calendar-event-box .calendar-event-icon img {
    width: auto;
    height: auto;
}
.yui3-skin-sam .yui3-calendar-weekday {
    font-size: 0.75rem;
    font-weight: 400;
    color: #a19eab;
    text-align: center;
}
.theme-dark .yui3-skin-sam .yui3-calendar-weekday {
    color: #9aa0a6;
}
@media (max-width: 767.98px) {
    .rui-cal-header div,
    .rui-cal-header .btn,
    .rui-cal-header select,
    .bottom div,
    .bottom .btn,
    .bottom select {
        width: 100%;
        margin: 0 !important;
    }
    .rui-cal-header .btn,
    .rui-cal-header select,
    .bottom .btn,
    .bottom select {
        margin: 0 0 0.5rem 0 !important;
    }
    .rui-cal-header .btn:last-of-type,
    .rui-cal-header select:last-of-type,
    .bottom .btn:last-of-type,
    .bottom select:last-of-type {
        margin-bottom: 0;
    }
}
.tmpl-course-blocks .rui-cal-header .custom-select,
.tmpl-course-blocks .rui-cal-header .btn,
#block-region-dleftblocks .rui-cal-header .custom-select,
#block-region-dleftblocks .rui-cal-header .btn,
#block-region-drightblocks .rui-cal-header .custom-select,
#block-region-drightblocks .rui-cal-header .btn,
#block-region-side-pre .rui-cal-header .custom-select,
#block-region-side-pre .rui-cal-header .btn {
    width: 100%;
    margin: 0 0 10px 0 !important;
}
.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 .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: 320px) {
    .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 {
    position: absolute;
    top: 20px;
    left: 0;
    width: 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23090223' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M18.6247 10C19.0646 10.8986 19.25 11.6745 19.25 12C19.25 13 17.5 18.25 12 18.25C11.2686 18.25 10.6035 18.1572 10 17.9938M7 16.2686C5.36209 14.6693 4.75 12.5914 4.75 12C4.75 11 6.5 5.75 12 5.75C13.7947 5.75 15.1901 6.30902 16.2558 7.09698'%3E%3C/path%3E%3Cpath stroke='%23090223' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M19.25 4.75L4.75 19.25'%3E%3C/path%3E%3Cpath stroke='%23090223' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M10.409 13.591C9.53033 12.7123 9.53033 11.2877 10.409 10.409C11.2877 9.5303 12.7123 9.5303 13.591 10.409'%3E%3C/path%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: 24px;
}
.theme-dark .content-bank-container.view-grid .cb-unlisted::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23E8EAED' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M18.6247 10C19.0646 10.8986 19.25 11.6745 19.25 12C19.25 13 17.5 18.25 12 18.25C11.2686 18.25 10.6035 18.1572 10 17.9938M7 16.2686C5.36209 14.6693 4.75 12.5914 4.75 12C4.75 11 6.5 5.75 12 5.75C13.7947 5.75 15.1901 6.30902 16.2558 7.09698'%3E%3C/path%3E%3Cpath stroke='%23E8EAED' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M19.25 4.75L4.75 19.25'%3E%3C/path%3E%3Cpath stroke='%23E8EAED' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M10.409 13.591C9.53033 12.7123 9.53033 11.2877 10.409 10.409C11.2877 9.5303 12.7123 9.5303 13.591 10.409'%3E%3C/path%3E%3C/svg%3E%0A");
}
.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 #e1e0e4;
}
.theme-dark .content-bank-container.view-list .cb-listitem,
.theme-dark .content-bank-container.view-list .cb-heading {
    border-color: #2e3134;
}
.content-bank-container.view-list .cb-column {
    display: flex;
    align-items: center;
    padding: 0.25rem;
    border-right: 1px solid #e1e0e4;
}
.theme-dark .content-bank-container.view-list .cb-column {
    border-color: #2e3134;
}
.content-bank-container.view-list .cb-column .title {
    font-size: 12px;
    font-weight: 700;
}
.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: #a19eab;
}
.theme-dark .content-bank-container.view-list .cb-listitem.cb-unlisted .cb-column,
.theme-dark .content-bank-container.view-list .cb-listitem.cb-unlisted .cb-column a {
    color: #9aa0a6;
}
@media (max-width: 767.98px) {
    .content-bank-container.view-list .cb-column {
        flex: 0 0 50%;
        max-width: 50%;
    }
}
@media (min-width: 320px) {
    .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;
}
.content-bank-container.view-list .cb-btnsort .icon {
    width: 14px;
    height: 14px;
}
.cb-toolbar-container .dropdown-scrollable {
    max-height: 390px;
    overflow-y: auto;
    overflow-x: hidden;
}
.cb-toolbar-container .dropdown-scrollable .icon-size-4 .icon {
    width: 24px !important;
    height: 24px !important;
}
.rui-course-card-img-top {
    margin: 0;
    width: 100%;
    height: 400px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.rui-course-card-deck {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.rui-course-card-deck .rui-course-card {
    width: 100%;
    height: 400px;
    background-image: url(https://i.imgur.com/YxVYT4z.png);
}
#sidepre-blocks .rui-course-card-deck .rui-course-card {
    margin-bottom: 10px;
}
.rui-course-card-deck:empty {
    display: none;
}
.rui-course-desc {
    font-size: 1.125rem;
}
@media (max-width: 767.98px) {
    .rui-course-desc {
        font-size: 0.875rem;
    }
}
.page-mycourses .block-myoverview .rui-course-card-deck,
.page-mycourses .block-recentlyaccessedcourses .rui-course-card-deck,
.page-mycourses .block_starredcourses .rui-course-card-deck,
.rui-dashboard-main .block-myoverview .rui-course-card-deck,
.rui-dashboard-main .block-recentlyaccessedcourses .rui-course-card-deck,
.rui-dashboard-main .block_starredcourses .rui-course-card-deck,
.rui-dashboard-bottom .block-myoverview .rui-course-card-deck,
.rui-dashboard-bottom .block-recentlyaccessedcourses .rui-course-card-deck,
.rui-dashboard-bottom .block_starredcourses .rui-course-card-deck,
.rui-dashboard-top .block-myoverview .rui-course-card-deck,
.rui-dashboard-top .block-recentlyaccessedcourses .rui-course-card-deck,
.rui-dashboard-top .block_starredcourses .rui-course-card-deck {
    display: block;
    flex-direction: column;
    align-items: stretch;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 20px;
    margin: 0 auto;
    max-width: 1500px;
    align-items: center;
}
.courses,
.rui-category-browse {
    margin-bottom: 80px;
    position: relative;
}
@media (min-width: 768px) and (max-width: 1088.98px) {
    .courses,
    .rui-category-browse {
        overflow-x: auto;
        display: inline-flex;
        width: calc(100% + 120px);
        padding-left: 20px;
        padding-right: 20px;
        margin-left: -60px;
        margin-right: -60px;
    }
}
@media (max-width: 767.98px) {
    .courses,
    .rui-category-browse {
        overflow-x: auto;
        display: inline-flex;
        width: calc(100% + 60px);
        padding-left: 20px;
        padding-right: 20px;
        margin-left: -30px;
        margin-right: -30px;
    }
}
@media (max-width: 767.98px) {
    .courses,
    .rui-category-browse {
        margin-bottom: 0;
    }
}
@media (min-width: 1089px) {
    .courses:after,
    .rui-category-browse:after {
        content: "";
        position: absolute;
        bottom: -40px;
        left: calc(50% - 40px);
        width: 80px;
        height: 1px;
        background-color: #e1e0e4;
    }
    .theme-dark .courses:after,
    .theme-dark .rui-category-browse:after {
        background-color: #2e3134;
    }
}
.courses .rui-course-card-deck,
.rui-category-browse .rui-course-card-deck {
    display: block;
    flex-direction: column;
    align-items: stretch;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 20px;
    max-width: 30%;
    margin: 0 auto;
    max-width: 250px;
    height: 400px;
}
@media (max-width: 1088.98px) {
    .courses .rui-course-card-deck,
    .rui-category-browse .rui-course-card-deck {
        flex-direction: row;
        display: flex;
        margin: 0 10px;
    }
}
#block-region-dmiddleblocks .block-recentlyaccessedcourses .rui-course-card-deck,
#block-region-dmiddleblocks .block_starredcourses .rui-course-card-deck,
#block-region-dmiddleblocks .block-myoverview .rui-course-card-deck {
    display: grid;
    flex-direction: column;
    align-items: stretch;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 20px;
}
.rui-course-card {
    padding: 0;
    height: 400px;
    background-color: #000;
    border-radius: 7px;
    position: relative;
    overflow: hidden;
}
@media (max-width: 1088.98px) {
    .rui-course-card-deck .rui-course-card {
        width: 250px;
        margin: 0 auto;
	background-image: url(https://i.imgur.com/SZSTMfr.png);
    }
}
#block-region-side-pre .rui-course-card {
    height: 200px;
}
.rui-course-card:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    background: rgba(0, 0, 0, 0.3);
    background-image: -webkit-linear-gradient(-18deg, rgba(0, 0, 0, 0) 63%, #000 97%);
    background-image: -o-linear-gradient(-18deg, rgba(0, 0, 0, 0) 63%, #000 97%);
    background-image: linear-gradient(-18deg, rgba(0, 0, 0, 0) 63%, #0000006b 97%);
    transition: all 350ms ease-in-out;
    display: none;
}
.rui-course-card:after {
    content: "";
    background-color: rgb(0 0 0 / 0%);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    display: none;
    transition: all 350ms ease-in-out;
}
.rui-course-card:hover:after {
    /* background-color:rgba(0,0,0,.7); */
}
.rui-course-card:hover::before {
    background: rgba(0, 0, 0, 0.3);
    background-image: -webkit-linear-gradient(-28deg, rgba(0, 0, 0, 0) 83%, #000 97%);
    background-image: -o-linear-gradient(-28deg, rgba(0, 0, 0, 0) 83%, #000 97%);
    background-image: linear-gradient(-28deg, rgba(0, 0, 0, 0) 83%, #000 97%);
}
.rui-course-card .customfield {
    padding: 10px 0 0;
    font-size: 0.75rem;
    color: #a19eab;
}
.theme-dark .rui-course-card .customfield {
    color: #a19eab;
}
.rui-course-card .customfield .customfieldname {
    font-weight: 500;
}
#blocks-dashboardleftblock .rui-course-card,
#blocks-dashboardrightblock .rui-course-card {
    margin-bottom: 20px;
}
#blocks-dashboardleftblock .rui-course-card:last-of-type,
#blocks-dashboardrightblock .rui-course-card:last-of-type {
    margin-bottom: 0;
}
.rui-course-card--sq {
    height: 300px;
}
.rui-course-card--sm {
    height: 200px;
    border-radius: 7px 7px 0 0;
}
.rui-course-content-absolute {
    position: absolute;
    top: 50px;
    left: 20px;
    right: 20px;
    z-index: 3;
}
.rui-course-card-body {
    position: relative;
}
.rui-course-card--cat .rui-course-card-body,
.rui-course-card--noimg .rui-course-card-body {
    margin-top: 0;
}
.rui-course-card-body .summary p {
    margin-bottom: 0;
}
.rui-course-card--dimmed {
    opacity: 0.5;
    display: none;
    transition: opacity 350ms ease;
}
.rui-course-card--dimmed:hover {
    opacity: 1;
    display: none;
}
.rui-course-card--dimmed:hover img {
    filter: grayscale(0%);
}
.rui-course-card--dimmed img {
    filter: grayscale(100%);
}
.rui-course-cat-badge {
    margin-bottom: 10px;
    font-size: 0.75rem;
    font-weight: 500;
    color: #fff;
    opacity: 0.7;
    display: none;
}
.rui-course-hidden-badge {
    padding: 0.3rem 0.75rem;
    border-radius: 7px;
    background-color: #feeded;
    font-size: 0.75rem;
    font-weight: 500;
    color: #ca0d0d;
}
.rui-customfields-container,
.rui-card-course-contacts,
.rui-course-card-progress-bar,
.rui-course-card-footer-progress {
    width: 100%;
}
.rui-progress-100 .rui-customfields-container,
.rui-progress-100 .rui-card-course-contacts,
.rui-progress-100 .rui-course-card-progress-bar,
.rui-progress-100 .rui-course-card-footer-progress {
    border-color: #d1ecc0;
}
.rui-course-card .rui-course-card-progress-bar {
    position: absolute;
    bottom: 10px;
    left: 20px;
    width: calc(100% - 40px);
    z-index: 3;
    color: #fff;
}
.rui-course-card .rui-progress {
    background-color: rgba(0, 0, 0, 0.5);
}
.rui-course-card-footer {
    width: calc(100% - 40px);
    position: absolute;
    left: 20px;
    bottom: 20px;
    z-index: 3;
}
#page-enrol-index .rui-course-card-footer {
    display: none;
}
.rui-customfields-container {
    font-size: 0.75rem;
    color: #413c55;
}
.rui-customfields-container .customfieldname {
    font-weight: 700;
}
.rui-course-card-icons {
    position: absolute;
    bottom: 3px;
    margin: 0 auto;
    z-index: 3;
    display: inline-flex;
    width: fit-content;
    left: 60px;
    top: unset;
    display: none;
}
.rui-course-card-icons .icon {
    margin-right: 7px;
    padding: 6px;
    width: 18px;
    height: 18px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.4);
    border-radius: 50%;
}
.theme-dark .rui-course-card-icons .icon {
    filter: invert(0);
}
.rui-course-card-icons .text-primary:not(.hidden) {
    margin-right: 0.35rem;
    padding: 6px;
    width: 18px;
    height: 18px;
    color: #fff !important;
    display: flex;
    align-content: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.2);
    backdrop-filter: blur(7px);
    border-radius: 50%;
    box-sizing: content-box;
}
.theme-dark .rui-course-card-icons .text-primary:not(.hidden) {
    filter: invert(0);
}
.rui-course-card-icons .icon:not(.hidden) {
    display: inline-grid;
}
.rui-course-card--noimg .rui-course-card-icons {
    margin: 10px 20px 0;
    position: relative;
    top: 0;
    left: 0;
}
.rui-course-card--noimg .rui-course-card-icons:empty {
    display: none;
}
.rui-coursemenu-wrapper {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 4;
}
.rui-coursemenu-btn {
    width: 30px;
    height: 30px;
    display: inline-grid;
    align-content: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.2);
    backdrop-filter: blur(7px);
    border: none;
    color: #fff;
    border-radius: 7px;
}
.rui-course-listitem .rui-coursemenu-btn {
    top: 5px;
    right: 0;
}
.rui-course-list-body .rui-coursemenu-btn {
    top: -10px;
    right: 0;
}
.rui-course-listitem {
    margin: 0 0 5px;
    border: 1px solid #e1e0e4 !important;
    border-radius: 7px;
}
.theme-dark .rui-course-listitem {
    border-color: #2e3134;
}
.rui-course-listitem .rui-course-card-title .icon {
    margin-right: 0.35rem;
}
.rui-card-course-contacts {
    margin-bottom: 10px;
    width: 100%;
    display: none;
    overflow-x: auto;
    scrollbar-width: thin;
    scrollbar-color: #b4b2bc #a19eab;
}
.rui-card-course-contacts::-webkit-scrollbar {
    width: 12px;
}
.rui-card-course-contacts::-webkit-scrollbar-track {
    background: #a19eab;
    border-radius: 20px;
}
.rui-card-course-contacts::-webkit-scrollbar-thumb {
    background-color: #b4b2bc;
    border-radius: 20px;
    border: 3px solid #a19eab;
}
.rui-card-course-contacts::-webkit-scrollbar-thumb:hover {
    background-color: #a19eab;
}
.rui-card-course-contacts .rui-card-contact {
    margin-right: 0.35rem;
}
.rui-card-course-contacts .rui-card-avatar {
    width: 32px;
    height: 32px;
    border-radius: 7px;
}
.rui-course-card-link {
    padding: 10px 20px;
    width: 100%;
    justify-content: space-between;
}
.rui-course-card-link:hover {
    text-decoration: none;
}
.rui-course-card-link .rui-course-card-link-text {
    margin-right: 0.35rem;
    display: inline-flex;
    align-items: center;
    font-weight: 500;
    font-size: 0.75rem;
}
.rui-course-card-title {
    font-size: 1.5rem;
    line-height: 1.3;
}
#block-region-side-pre .rui-course-card-title {
    font-size: 1rem;
}
.rui-course-card-title a {
    display: block;
    color: #fff;
    display: none;
}
.rui-course-card-img-top .rui-course-card-title a {
    height: 170px;
}
.rui-course-card-smpl .rui-course-card-title a {
    height: 268px;
}
.rui-course-card-title a:hover {
    opacity: 0.7;
}
.rui-course-card-title--sm {
    font-size: 1rem;
}
.rui-course-card-text {
    margin-top: 0.35rem;
    max-height: 140px;
    overflow-y: auto;
    font-size: 0.875rem;
    color: #fff;
    opacity: 0.7;
}
.rui-course-card-text--box {
    padding: 20px;
    border: 1px solid #e1e0e4;
    border-radius: 0 0 7px 7px;
    font-size: 0.875rem;
    color: #090223;
}
.rui-course-card .rui-course-card-footer {
    opacity: 0;
    transition: all 0.2s ease-in-out;
}
.rui-course-card .rui-course-card-footer {
    transform: translateY(40px);
}
.rui-course-card:hover .rui-course-card-text--a,
.rui-course-card:hover .rui-course-card-footer,
.rui-course-card:hover .rui-card-course-contacts {
    transform: translateY(0);
    opacity: 1;
}
.rui-course-list-body {
    padding: 20px;
}
.rui-course-list-body [data-region="favourite-icon"] {
    line-height: 1;
}
.rui-course-list-body .rui-course-card-title .icon:not(.hidden) {
    display: inline;
}
.rui-progress-100 {
    border-color: #d1ecc0;
    background: #eaf4dd;
    background: linear-gradient(165deg, rgba(255, 255, 255, 0) 29%, #eaf4dd 100%);
}
.theme-dark .rui-progress-100 {
    border-color: #004b57;
    background: #002d47;
    background: linear-gradient(165deg, rgba(232, 234, 237, 0) 29%, #002d47 100%);
}
.theme-dark .rui-category-label .icon {
    filter: invert(1);
}
.section_add_menus {
    text-align: right;
    clear: both;
}
.section-modchooser {
    clear: both;
}
.section_add_menus .horizontal div,
.section_add_menus .horizontal form {
    display: inline;
}
.section_add_menus optgroup {
    font-weight: 400;
    font-style: italic;
}
.section_add_menus .urlselect {
    text-align: left;
    margin-left: 0.4em;
}
.section_add_menus .urlselect select {
    margin-left: 0.2em;
}
.sitetopic ul.section {
    margin: 0;
}
body:not(.editing) .sitetopic ul.section {
    padding-left: 0;
}
body:not(.editing) .sitetopic ul.section .label .mod-indent-outer {
    padding-left: 0;
}
.section .side.left {
    float: left;
}
.section .side.right {
    float: right;
    clear: right;
}
.section .spinner {
    height: 30px;
    width: 30px;
}
.section .activity .contentwithoutlink,
.section .activity .activityinstance {
    min-width: 40%;
    display: table-cell;
    padding-right: 4px;
    min-height: 2em;
}
.section .activity .contentwithoutlink > a,
.section .activity .activityinstance > a {
    display: inline-block;
    text-indent: 0;
    padding-left: 0;
    font-weight: 700;
    color: #090223;
}
.section .activity .contentwithoutlink .dimmed .activityicon,
.section .activity .activityinstance .dimmed .activityicon {
    opacity: 0.7;
}
.section .activity .stealth {
    color: #a19eab;
}
.section .activity a.stealth,
.section .activity a.stealth:hover {
    color: #420047 !important;
}
.section .label .contentwithoutlink,
.section .label .activityinstance {
    display: block;
    height: inherit;
}
@media (min-width: 320px) {
    .section .label .mod-indent-outer {
        display: block;
    }
}
.section .activity.editor_displayed a.editing_title,
.section .activity.editor_displayed .moodle-actionmenu {
    display: none;
}
.section .activity.editor_displayed div.activityinstance {
    padding-right: initial;
}
.section .activity.editor_displayed div.activityinstance input {
    margin-bottom: initial;
    padding-top: initial;
    padding-bottom: initial;
    vertical-align: text-bottom;
}
@media (min-width: 768px) {
    .activity img.activityicon {
        margin: 0 20px 0 0;
    }
}
@media (max-width: 767.98px) {
    .activity img.activityicon {
        margin: 0 10px 0 0;
    }
}
.section .activity .activityinstance,
.section .activity .activityinstance div {
    display: inline-block;
}
.activityinstance {
    font-size: 1rem;
}
.editing_show + .editing_assign,
.editing_hide + .editing_assign {
    margin-left: 20px;
}
.section .activity .commands {
    white-space: nowrap;
    display: inline-block;
}
.section .activity .commands .menubar {
    flex-wrap: wrap;
}
.section .activity.modtype_label.label {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #e1e0e4;
}
@media (min-width: 768px) {
    .section .activity.modtype_label.label {
        padding: 16px;
    }
}
@media (max-width: 767.98px) {
    .section .activity.modtype_label.label {
        padding: 10px;
    }
}
.theme-dark .section .activity.modtype_label.label {
    border-color: #2e3134;
}
.topics + .single-section {
    margin-top: 30px;
}
.section li.activity {
    padding: 16px;
    margin: 0;
    clear: both;
    border-bottom: 1px solid #e1e0e4;
}
@media (max-width: 767.98px) {
    .section li.activity {
        padding: 10px;
    }
}
.theme-dark .section li.activity {
    border-color: #2e3134;
}
.section li.activity:last-child {
    border-bottom: none;
}
.section .activity .activityinstance .groupinglabel {
    padding-left: 30px;
}
.section .activity .contentafterlink {
    font-size: 0.875rem;
}
.section .activity .availabilityinfo {
    font-size: 0.75rem;
}
.section .activity .contentafterlink p {
    margin: 0 0 0.25rem 0;
    color: #413c55;
    font-size: 0.875rem;
}
.editing .section .activity:hover,
.editing .section .activity.action-menu-shown {
    background-color: rgba(0, 0, 0, 0.025);
}
.course-content .current {
    position: relative;
    z-index: 1;
    background-color: #fff;
}
.theme-dark .course-content .current {
    background-color: #e8eaed;
}
.course-content .current::before {
    content: "";
    border: 3px solid #420047;
    border-radius: 9px;
    width: calc(100% + 3px);
    height: calc(100% - 2px);
    position: absolute;
    z-index: -1;
    top: 1px;
    left: -3px;
}
.course-content .section-summary {
    list-style: none;
}
.course-content .section-summary .summary {
    margin-top: 5px;
}
.course-content .single-section {
    position: relative;
}
.course-content .single-section .section-navigation {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.course-content .single-section .section-navigation .mdl-left,
.course-content .single-section .section-navigation .mdl-right {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 500;
    max-width: 200px;
}
.course-content .single-section .section-navigation .mdl-left a,
.course-content .single-section .section-navigation .mdl-right a {
    color: #090223;
}
.theme-dark .course-content .single-section .section-navigation .mdl-left a,
.theme-dark .course-content .single-section .section-navigation .mdl-right a {
    color: #e8eaed;
}
.course-content .single-section .section-navigation .mdl-left a:hover,
.course-content .single-section .section-navigation .mdl-right a:hover {
    text-decoration: none;
}
.mdl-right .rarrow {
    margin-left: 0.5rem;
}
.mdl-left .larrow {
    margin-right: 0.5rem;
}
.course-content .single-section .section-navigation .title {
    font-weight: 700;
}
.course-content ul li.section.hidden .sectionname > span,
.course-content ul li.section.hidden .content > div.summary,
.course-content ul li.section.hidden .activity .activityinstance {
    color: #a19eab;
}
.course-content ul.topics,
.course-content ul.weeks {
    padding: 0;
    margin: 0;
    list-style: none;
}
.course-content ul.topics li.section .content,
.course-content ul.weeks li.section .content {
    margin: 0;
    padding: 0;
}
.course-content ul.topics li.section .content .rui-section,
.course-content ul.weeks li.section .content .rui-section {
    margin: 10px 0 30px;
}
@media (min-width: 320px) {
    .course-content ul.topics li.section .content > .availabilityinfo,
    .course-content ul.weeks li.section .content > .availabilityinfo {
        margin-left: 25px;
    }
}
.course-content ul.topics li.section .left,
.course-content ul.topics li.section .right,
.course-content ul.weeks li.section .left,
.course-content ul.weeks li.section .right {
    padding: 0;
    text-align: right;
    width: auto;
}
ul.weeks .section {
    margin: 10px 0;
}
@media (max-width: 767.98px) {
    body:not(.editing) .course-content ul.topics li.section .left,
    body:not(.editing) .course-content ul.topics li.section .right,
    body:not(.editing) .course-content ul.weeks li.section .left,
    body:not(.editing) .course-content ul.weeks li.section .right {
        display: none;
    }
}
.course-content {
    margin-top: 0;
}
.course-content .hidden {
    display: none;
}
.course-content li.section ul {
    list-style: disc;
}
.course-content li.section ul ul {
    list-style: circle;
}
.course-content li.section ul ul ul {
    list-style: square;
}
.course-content li.section li.activity ul {
    list-style: disc;
}
.course-content li.section li.activity ul ul {
    list-style: circle;
}
.course-content li.section li.activity ul ul ul {
    list-style: square;
}
.course-content li.section .right > .icon:first-child {
    display: none;
}
.path-course-view.editing #region-main > .card-block {
    padding-bottom: 13rem;
}
.jumpmenu .form-inline {
    display: block;
}
.jumpmenu {
    float: none;
}
.completionprogress {
    display: inline-flex;
    align-items: center;
    padding: 0.35rem 0.85rem;
    margin-bottom: 1rem;
    font-size: 0.75rem;
    font-weight: 500;
    border-radius: 40px;
    background-color: #f9f9fa;
    color: #b4b2bc;
}
.theme-dark .completionprogress {
    background-color: #0b0d0f;
    color: #17181b;
}
.completionprogress .icon {
    margin: 0;
}
#page-site-index .subscribelink {
    text-align: right;
}
#site-news-forum h2,
#frontpage-course-list h2,
#frontpage-category-names h2,
#frontpage-category-combo h2 {
    margin-bottom: 9px;
}
@media (max-width: 767.98px) {
    #site-news-forum h2,
    #frontpage-course-list h2,
    #frontpage-category-names h2,
    #frontpage-category-combo h2 {
        display: block;
        text-align: center;
    }
}
.path-course-view a.reduce-sections {
    padding-left: 0.2em;
}
.path-course-view .subscribelink {
    text-align: right;
}
.path-course-view .unread {
    margin-left: 30px;
}
.path-course-view .block.drag .header {
    cursor: move;
}
.path-course-view .completionprogress {
    font-size: 0.875rem;
    color: #413c55;
    text-align: right;
}
.path-course-view .completionprogress .btn-link,
.path-course-view .completionprogress [data-fieldtype="submit"] a,
[data-fieldtype="submit"] .path-course-view .completionprogress a,
.path-course-view .completionprogress .cancel a,
.cancel .path-course-view .completionprogress a,
.path-course-view .completionprogress #page-mod-quiz-report .gradetheselink,
#page-mod-quiz-report .path-course-view .completionprogress .gradetheselink {
    margin-left: 0.35rem;
}
.path-site li.activity > div,
.path-course-view li.activity > div {
    position: relative;
}
.path-course-view li.activity span.autocompletion img {
    vertical-align: text-bottom;
    margin-left: 0;
    width: auto;
    height: auto;
}
.path-course-view li.activity form.togglecompletion .btn {
    padding: 0;
    background-color: transparent;
}
.path-course-view li.activity form.togglecompletion .btn .icon {
    margin: 0;
}
.path-course-view li.activity form.togglecompletion img {
    max-width: none;
}
.path-course-view.editing li.activity span.autocompletion img {
    margin-right: 0.5rem;
    margin-left: 0.5rem;
}
.path-course-view li.activity form.togglecompletion .ajaxworking {
    width: 16px;
    height: 16px;
    position: absolute;
    right: 22px;
    top: 3px;
    background: url(/theme/image.php/alpha/core/1668532694/i/ajaxloader) no-repeat;
}
li.section.hidden span.commands a.editing_hide,
li.section.hidden span.commands a.editing_show {
    cursor: default;
}
.single-section h3.sectionname {
    text-align: center;
    clear: both;
}
.sectionname {
    margin: 0;
}
.sectionname a {
    color: #090223;
}
.theme-dark .sectionname a {
    color: #f9f9fa;
}
.li.section:first-of-type .sectionname {
    margin-top: 0;
}
input.titleeditor {
    width: 330px;
    vertical-align: text-bottom;
}
span.editinstructions {
    position: absolute;
    top: -15px;
    font-size: 0.875rem;
    padding: 0.25rem 0.5rem;
    text-decoration: none;
    z-index: 10001;
    border-radius: 7px;
    border: none;
    color: #21386d;
    background-color: #d9e2f6;
    border-color: #cad6f2;
}
span.editinstructions hr {
    border-top-color: #b6c6ed;
}
span.editinstructions .alert-link {
    color: #152446;
}
.createstep {
    margin-top: 1rem;
}
#dndupload-status {
    position: fixed;
    left: 0;
    width: 60%;
    margin: 0 20%;
    padding: 0.5rem;
    font-size: 0.875rem;
    text-align: center;
    z-index: 1;
    border: none;
    border-radius: 7px;
    color: #21386d;
    background-color: #d9e2f6;
    border-color: #cad6f2;
}
#dndupload-status hr {
    border-top-color: #b6c6ed;
}
#dndupload-status .alert-link {
    color: #152446;
}
.dndupload-preview {
    list-style: none;
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding: 0.85rem 1.5rem;
    display: inline-flex;
    align-items: center;
    width: 100%;
    background-color: #f9f9fa;
    border: 2px dashed #e1e0e4;
    border-radius: 7px;
    color: #413c55;
    font-size: 0.875rem;
    font-weight: 500;
}
.theme-dark .dndupload-preview {
    background-color: #0b0d0f;
    border: 2px dashed #202124;
    color: #bdc1c6;
}
.dndupload-preview img,
.dndupload-preview .icon {
    width: 20px;
    height: 20px;
    margin-right: 10px;
}
.dndupload-preview .mod-indent {
    display: inline-flex;
    align-items: center;
}
.dndupload-hidden {
    display: none;
}
#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;
}
#coursesearch {
    margin-top: 1em;
    text-align: left;
}
#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 {
    padding: 0.5rem;
}
.coursebox > .info > .coursename a {
    display: block;
    background-image: url(/theme/image.php/alpha/core/1668532694/i/course);
    background-repeat: no-repeat;
    padding-left: 21px;
    background-position: left 0.2em;
}
.coursebox > .info > .coursename,
.coursebox .content .teachers,
.coursebox .content .courseimage,
.coursebox .content .coursefile,
.coursebox .content .customfields-container {
    float: left;
    clear: left;
}
.coursebox .content .teachers,
.coursebox .content .courseimage,
.coursebox .content .coursefile,
.coursebox .content .customfields-container {
    width: 40%;
}
.coursebox > .info > h3.coursename {
    margin: 5px;
}
.coursebox > .info > .coursename {
    margin: 5px;
    padding: 0;
}
.coursebox .content .teachers li {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.coursebox .moreinfo,
.coursebox .enrolmenticons {
    padding: 3px 0;
    float: right;
}
.coursebox .moreinfo img {
    margin: 0 0.2em;
}
.coursebox .content {
    clear: both;
}
.coursebox .content .summary,
.coursebox .content .coursecat {
    float: right;
    width: 55%;
}
.coursebox .content .coursecat {
    text-align: right;
    clear: right;
}
.coursebox.remotecoursebox .remotecourseinfo {
    float: left;
    width: 40%;
}
.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;
}
.coursebox.remotehost > .info > .categoryname a {
    background-image: url(/theme/image.php/alpha/core/1668532694/i/mnethost);
}
.coursebox.collapsed {
    margin-bottom: 0;
}
.coursebox.collapsed > .content {
    display: none;
}
.courses .coursebox.collapsed {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
.courses .coursebox.even {
    background-color: rgba(0, 0, 0, 0.025);
}
.courses > .paging.paging-morelink {
    text-align: right;
    padding: 0 0 1rem 0;
}
.course_category_tree .category .numberofcourse {
    font-size: 0.875rem;
}
.course_category_tree .controls {
    visibility: hidden;
}
.course_category_tree .controls div {
    display: inline;
    cursor: pointer;
}
.jsenabled .course_category_tree .controls {
    visibility: visible;
}
.course_category_tree .controls {
    margin-bottom: 5px;
    text-align: right;
    float: right;
}
.course_category_tree .controls div {
    padding-right: 2em;
    font-size: 75%;
}
.course_category_tree .category.with_children.collapsed > .info > .categoryname {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.25 12L8.75 7.75V16.25L14.25 12Z' stroke='%23090223' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E%0A");
}
.theme-dark .course_category_tree .category.with_children.collapsed > .info > .categoryname {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.25 12L8.75 7.75V16.25L14.25 12Z' stroke='%23E8EAED' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E%0A");
}
.course_category_tree .category.with_children > .info > .categoryname {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 9.75L16.25 15.25H7.75L12 9.75Z' stroke='%23090223' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E%0A");
}
.theme-dark .course_category_tree .category.with_children > .info > .categoryname {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 9.75L16.25 15.25H7.75L12 9.75Z' stroke='%23E8EAED' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E%0A");
}
.course_category_tree .category > .info > .categoryname {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23090223' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M19.25 17.25V9.75C19.25 8.64543 18.3546 7.75 17.25 7.75H4.75V17.25C4.75 18.3546 5.64543 19.25 6.75 19.25H17.25C18.3546 19.25 19.25 18.3546 19.25 17.25Z'%3E%3C/path%3E%3Cpath stroke='%23090223' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M13.5 7.5L12.5685 5.7923C12.2181 5.14977 11.5446 4.75 10.8127 4.75H6.75C5.64543 4.75 4.75 5.64543 4.75 6.75V11'%3E%3C/path%3E%3C/svg%3E%0A");
}
.theme-dark .course_category_tree .category > .info > .categoryname {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23E8EAED' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M19.25 17.25V9.75C19.25 8.64543 18.3546 7.75 17.25 7.75H4.75V17.25C4.75 18.3546 5.64543 19.25 6.75 19.25H17.25C18.3546 19.25 19.25 18.3546 19.25 17.25Z'%3E%3C/path%3E%3Cpath stroke='%23E8EAED' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M13.5 7.5L12.5685 5.7923C12.2181 5.14977 11.5446 4.75 10.8127 4.75H6.75C5.64543 4.75 4.75 5.64543 4.75 6.75V11'%3E%3C/path%3E%3C/svg%3E%0A");
}
.course_category_tree .category.with_children.collapsed > .info > .categoryname,
.course_category_tree .category.with_children > .info > .categoryname,
.course_category_tree .category > .info > .categoryname {
    background-color: #fff;
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: 17px;
    border: 1px solid #e1e0e4;
    position: relative;
    width: 100%;
    margin: 0.25rem auto;
    padding-top: 7px;
    padding-left: 46px;
    padding-bottom: 7px;
    padding-right: 7px;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    border-radius: 7px;
    font-family: "Be Vietnam Pro", sans-serif;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.5;
    color: #090223;
}
.theme-dark .course_category_tree .category.with_children.collapsed > .info > .categoryname,
.theme-dark .course_category_tree .category.with_children > .info > .categoryname,
.theme-dark .course_category_tree .category > .info > .categoryname {
    background-color: #e8eaed;
    border-color: #2e3134;
    color: #e8eaed;
}
.course_category_tree .category.with_children.collapsed > .info > .categoryname .spinner,
.course_category_tree .category.with_children > .info > .categoryname .spinner,
.course_category_tree .category > .info > .categoryname .spinner {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 12px;
    height: 12px;
    margin: 0;
}
.course_category_tree .category.collapsed > .content {
    display: none;
}
.course_category_tree .category > .info {
    clear: both;
    display: none;
}
.course_category_tree .category > .content .wrapper-md {
    width: 840px;
}
@media (max-width: 1088.98px) {
    .course_category_tree .category > .content .wrapper-md {
        width: 100%;
    }
}
.rui-category-link {
    border-radius: 7px;
    position: relative;
    padding: 4px 7px;
    border-radius: 7px;
    color: #090223;
}
.theme-dark .rui-category-link {
    color: #e8eaed;
}
.rui-category-link:hover {
    color: #420047;
    background-color: #ece6ed;
}
.rui-number-of-courses {
    font-size: 0.75rem;
    font-weight: 700;
    opacity: 0.7;
}
.rui-course-cat-desc img {
    margin: 30px 0 0;
    padding: 0;
    width: 100%;
    height: auto;
    border-radius: 7px;
}
#course-category-listings {
    margin-bottom: 0;
}
#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 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: right;
}
#course-category-listings .listing-actions > .moodle-actionmenu {
    margin-bottom: 0.5rem;
    margin-left: 0;
    display: inline-flex !important;
}
#course-category-listings .listitem[data-selected="1"] {
    border: 1px solid #420047;
}
#course-category-listings .item-actions .dropdown {
    margin: 1px 0.5rem;
}
#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 .item-actions .action-menu-item {
    display: inline-flex;
    align-self: center;
}
#course-category-listings .listitem .categoryname,
#course-category-listings .listitem .coursename {
    margin-right: 1rem;
    font-weight: 500;
    color: #090223;
}
.theme-dark #course-category-listings .listitem .categoryname,
.theme-dark #course-category-listings .listitem .coursename {
    color: #e8eaed;
}
#course-category-listings .listitem > div > .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: 0 0.35rem;
}
#course-category-listings .listitem[data-visible="0"] {
    color: #a19eab;
}
#course-category-listings .listitem[data-visible="0"] > div > a {
    color: #a19eab;
}
#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: #f9f9fa;
}
#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(0, 0, 0, 0.075);
}
#course-category-listings #course-listing .listitem .categoryname {
    margin-right: 1rem;
    font-weight: 500;
    color: #090223;
}
.theme-dark #course-category-listings #course-listing .listitem .categoryname {
    color: #e8eaed;
}
#course-category-listings #course-listing .listitem .categoryname,
#course-category-listings #course-listing .listitem .coursename {
    display: inline-block;
    width: calc(100% - 130px);
}
#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 #course-listing .bulk-action-checkbox {
    margin: -2px 6px 0 0;
}
#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 {
    margin-left: 0.5rem;
}
#course-category-listings #category-listing .course-count .icon {
    margin-left: 0.35rem;
}
#course-category-listings #category-listing .bulk-action-checkbox {
    margin-right: -3px;
}
#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: 700;
    vertical-align: top;
}
#course-category-listings .detail-pair .pair-key span {
    margin-bottom: 0.25rem;
    margin-right: 1rem;
    display: block;
    font-size: 0.875rem;
}
#course-category-listings .detail-pair .pair-value select {
    max-width: 100%;
}
#course-category-listings .bulk-actions .detail-pair > * {
    display: block;
    width: 100%;
}
#course-category-listings .listing-pagination {
    text-align: center;
}
#course-category-listings .listing-pagination .yui3-button {
    color: #fff;
    background-color: #406cd2;
    border-color: #406cd2;
    border: 0;
    margin: 0.4rem 0.2rem 0.45rem;
    font-size: 10.4px;
}
#course-category-listings .listing-pagination .yui3-button:hover {
    color: #fff;
    background-color: #2d59bf;
    border-color: #2b54b4;
}
#course-category-listings .listing-pagination .yui3-button:focus,
#course-category-listings .listing-pagination .yui3-button.focus {
    color: #fff;
    background-color: #2d59bf;
    border-color: #2b54b4;
    box-shadow: 0 0 0 0.2rem rgba(93, 130, 217, 0.5);
}
#course-category-listings .listing-pagination .yui3-button.disabled,
#course-category-listings .listing-pagination .yui3-button:disabled {
    color: #fff;
    background-color: #406cd2;
    border-color: #406cd2;
}
#course-category-listings .listing-pagination .yui3-button:not(:disabled):not(.disabled):active,
#course-category-listings .listing-pagination .yui3-button:not(:disabled):not(.disabled).active,
.show > #course-category-listings .listing-pagination .yui3-button.dropdown-toggle {
    color: #fff;
    background-color: #2b54b4;
    border-color: #284faa;
}
#course-category-listings .listing-pagination .yui3-button:not(:disabled):not(.disabled):active:focus,
#course-category-listings .listing-pagination .yui3-button:not(:disabled):not(.disabled).active:focus,
.show > #course-category-listings .listing-pagination .yui3-button.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(93, 130, 217, 0.5);
}
#course-category-listings .listing-pagination .yui3-button.active-page {
    color: #fff;
    background-color: #420047;
    border-color: #420047;
}
#course-category-listings .listing-pagination .yui3-button.active-page:hover {
    color: #fff;
    background-color: #1e0021;
    border-color: #130014;
}
#course-category-listings .listing-pagination .yui3-button.active-page:focus,
#course-category-listings .listing-pagination .yui3-button.active-page.focus {
    color: #fff;
    background-color: #1e0021;
    border-color: #130014;
    box-shadow: 0 0 0 0.2rem rgba(94, 38, 99, 0.5);
}
#course-category-listings .listing-pagination .yui3-button.active-page.disabled,
#course-category-listings .listing-pagination .yui3-button.active-page:disabled {
    color: #fff;
    background-color: #420047;
    border-color: #420047;
}
#course-category-listings .listing-pagination .yui3-button.active-page:not(:disabled):not(.disabled):active,
#course-category-listings .listing-pagination .yui3-button.active-page:not(:disabled):not(.disabled).active,
.show > #course-category-listings .listing-pagination .yui3-button.active-page.dropdown-toggle {
    color: #fff;
    background-color: #130014;
    border-color: #070007;
}
#course-category-listings .listing-pagination .yui3-button.active-page:not(:disabled):not(.disabled):active:focus,
#course-category-listings .listing-pagination .yui3-button.active-page:not(:disabled):not(.disabled).active:focus,
.show > #course-category-listings .listing-pagination .yui3-button.active-page.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(94, 38, 99, 0.5);
}
#course-category-listings .listing-pagination-totals {
    text-align: center;
}
#course-category-listings .listing-pagination-totals.dimmed {
    color: #a19eab;
    margin: 0.4rem 1rem 0.45rem;
}
#course-category-listings .select-a-category .notifymessage,
#course-category-listings .select-a-category .alert,
#course-category-listings .select-a-category .que .validationerror,
.que #course-category-listings .select-a-category .validationerror,
#course-category-listings .select-a-category #page-mod-choice-view #notice p,
#page-mod-choice-view #notice #course-category-listings .select-a-category p {
    margin: 1em;
}
ul[aria-labelledby="category-listing-title"] {
    padding: 1px;
    background-color: #f9f9fa;
    border-radius: 7px;
}
.theme-dark ul[aria-labelledby="category-listing-title"] {
    background-color: #0b0d0f;
}
ul[aria-labelledby="category-listing-title"] li {
    border-bottom: 1px solid #e1e0e4;
}
.theme-dark ul[aria-labelledby="category-listing-title"] li {
    border-color: #2e3134;
}
.action-menu-item .action-hide,
.action-menu-item .action-show,
.course-item-actions .action-hide,
.course-item-actions .action-show {
    margin: 0 0.5rem;
}
.action-menu-item .action-delete,
.course-item-actions .action-delete {
    float: right;
    margin-left: 0.5rem;
}
.action-menu-item a .rui-icon-container,
.course-item-actions a .rui-icon-container {
    margin: 1px;
    padding: 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    background-color: #eeedef;
    font-size: 0.75rem;
    color: #413c55;
    transition: all 0.2s ease-in-out;
}
.theme-dark .action-menu-item a .rui-icon-container,
.theme-dark .course-item-actions a .rui-icon-container {
    background-color: #17181b;
    color: #bdc1c6;
}
.theme-dark .action-menu-item a .rui-icon-container .icon,
.theme-dark .course-item-actions a .rui-icon-container .icon {
    filter: invert(1);
}
.action-menu-item a .rui-icon-container:empty,
.course-item-actions a .rui-icon-container:empty {
    display: none;
}
.action-menu-item a .rui-icon-container:hover,
.course-item-actions a .rui-icon-container:hover {
    background-color: #e1e0e4;
}
.theme-dark .action-menu-item a .rui-icon-container:hover,
.theme-dark .course-item-actions a .rui-icon-container:hover {
    background-color: #202124;
}
.action-menu-item a.action-delete .rui-icon-container,
.course-item-actions a.action-delete .rui-icon-container {
    background-color: #f45959;
}
.action-menu-item a.action-delete .rui-icon-container .icon,
.course-item-actions a.action-delete .rui-icon-container .icon {
    filter: invert(1);
}
.action-menu-item a.action-delete .rui-icon-container:hover,
.course-item-actions a.action-delete .rui-icon-container:hover {
    background-color: #ef1010;
}
.action-menu-item a:hover,
.course-item-actions a:hover {
    text-decoration: none;
}
.menumovecoursesto {
    margin-right: 0.25rem;
}
#course-category-listings #course-listing .listitem .drag-handle {
    display: none;
}
.listitem-course {
    padding: 0.75rem 1rem 0.75rem 0.25rem;
    border-bottom: 1px solid #e1e0e4;
}
.theme-dark .listitem-course {
    border-color: #2e3134;
}
.course-list,
.listitem-category {
    margin: 4px;
    border-radius: 5px;
    width: calc(100% - 8px);
    padding: 0.75rem 1rem 0.75rem 2rem;
    border: 1px solid #e1e0e4 !important;
}
.theme-dark .course-list,
.theme-dark .listitem-category {
    border-color: #2e3134 !important;
}
.coursecat-management-header {
    display: inline-flex;
    justify-content: space-between;
    width: 100%;
}
.coursecat-management-header > div {
    text-align: right;
}
.coursecat-management-header select {
    max-width: 300px;
    cursor: pointer;
    padding: 0.4em 0.5em 0.45em 1em;
    vertical-align: baseline;
    white-space: nowrap;
}
.coursecat-management-header .view-mode-selector .moodle-actionmenu {
    white-space: nowrap;
    display: inline-block;
}
.coursecat-management-header .view-mode-selector .moodle-actionmenu[data-enhanced].show .menu a {
    padding-left: 1em;
}
.course-being-dragged-proxy {
    border: 0;
    color: #420047;
    vertical-align: middle;
    padding: 0 0 0 4em;
}
.theme-dark .course-being-dragged-proxy {
    color: #c6b3c8;
}
.course-being-dragged {
    opacity: 0.5;
}
@media (min-width: 1200px) and (max-width: 1600px) {
    #course-category-listings.columns-3 {
        border: 0;
    }
    #course-category-listings.columns-3 #category-listing,
    #course-category-listings.columns-3 #course-listing {
        width: 50%;
    }
    #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;
    }
}
.page-settings-menu .menubar > a > .icon {
    width: auto;
    height: 32px;
    font-size: 32px;
}
.activity-navigation {
    padding-top: 20px;
    padding-left: 30px;
    padding-right: 30px;
}
.theme-dark .activity-navigation {
    border-color: #2e3134;
}
.activity-navigation .row {
    align-items: center;
}
.activity-navigation #jump-to-activity.custom-select {
    margin: 0 auto;
}
.activity-navigation .text-truncate,
.activity-navigation .dropdown .dropdown-item-text,
.dropdown .activity-navigation .dropdown-item-text,
.activity-navigation .block_private_files .ygtvcontent div,
.block_private_files .ygtvcontent .activity-navigation div,
.activity-navigation .block_private_files [id^="private_files_tree"] a,
.block_private_files [id^="private_files_tree"] .activity-navigation a {
    max-width: 200px;
}
@media (max-width: 767.98px) {
    .activity-navigation .text-truncate,
    .activity-navigation .dropdown .dropdown-item-text,
    .dropdown .activity-navigation .dropdown-item-text,
    .activity-navigation .block_private_files .ygtvcontent div,
    .block_private_files .ygtvcontent .activity-navigation div,
    .activity-navigation .block_private_files [id^="private_files_tree"] a,
    .block_private_files [id^="private_files_tree"] .activity-navigation a {
        display: none;
    }
}
@media (max-width: 767.98px) {
    .activity-navigation .urlselect {
        margin: 10px 0;
    }
    .activity-navigation .btn {
        width: 100%;
    }
}
.rui-forum-nav-btns,
#prev-activity-link,
#next-activity-link {
    white-space: pre-wrap;
    position: relative;
    background-repeat: no-repeat;
    background-size: 20px;
    height: 40px;
}
.prev-discussion .rui-forum-nav-btns,
#prev-activity-link {
    padding-left: 40px;
    background-position: 12px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23090223' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M10.25 6.75L4.75 12L10.25 17.25'%3E%3C/path%3E%3Cpath stroke='%23090223' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19.25 12H5'%3E%3C/path%3E%3C/svg%3E%0A");
}
@media (max-width: 767.98px) {
    .prev-discussion .rui-forum-nav-btns,
    #prev-activity-link {
        padding-left: 30px;
    }
}
.theme-dark .prev-discussion .rui-forum-nav-btns,
.theme-dark #prev-activity-link {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23E8EAED' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M10.25 6.75L4.75 12L10.25 17.25'%3E%3C/path%3E%3Cpath stroke='%23E8EAED' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19.25 12H5'%3E%3C/path%3E%3C/svg%3E%0A");
}
.next-discussion .rui-forum-nav-btns,
#next-activity-link {
    padding-right: 40px;
    background-position: calc(100% - 12px);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23090223' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M13.75 6.75L19.25 12L13.75 17.25'%3E%3C/path%3E%3Cpath stroke='%23090223' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 12H4.75'%3E%3C/path%3E%3C/svg%3E%0A");
}
@media (max-width: 767.98px) {
    .next-discussion .rui-forum-nav-btns,
    #next-activity-link {
        padding-right: 30px;
    }
}
.theme-dark .next-discussion .rui-forum-nav-btns,
.theme-dark #next-activity-link {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23E8EAED' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M13.75 6.75L19.25 12L13.75 17.25'%3E%3C/path%3E%3Cpath stroke='%23E8EAED' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 12H4.75'%3E%3C/path%3E%3C/svg%3E%0A");
}
.activityinstance-title {
    font-weight: 500;
    color: #090223;
}
.theme-dark .activityinstance-title {
    color: #e8eaed;
}
.activityinstance-title:hover {
    text-decoration: none;
    color: #a180a3;
}
.rui-section {
    margin: 0 0 30px;
    padding: 0;
    background-color: #fff;
    border: 1px solid #e1e0e4;
    border-radius: 7px;
    list-style: none;
}
.rui-section:last-of-type {
    margin-bottom: 0;
}
.theme-dark .rui-section {
    background-color: #e8eaed;
    border: 1px solid #2e3134;
}
.summary + .rui-section {
    margin-top: 30px;
}
.rui-single-section--with-nav {
    padding: 30px 30px 20px;
    border: 1px solid #e1e0e4;
    border-radius: 7px;
}
@media (max-width: 1088.98px) {
    .rui-single-section--with-nav {
        padding: 10px;
    }
}
.theme-dark .rui-single-section--with-nav {
    border: 1px solid #2e3134;
}
.rui-single-section--with-nav .sectionname {
    margin-top: 0;
    margin-bottom: 1rem;
}
.rui-course-nav-wrapper {
    margin: -30px -30px 20px;
    padding: 10px;
    background-color: #f9f9fa;
}
@media (max-width: 1088.98px) {
    .rui-course-nav-wrapper {
        margin: -10px -10px 20px;
    }
}
.theme-dark .rui-course-nav-wrapper {
    background-color: #0b0d0f;
}
.rui-course-nav-wrapper a {
    color: #413c55;
}
.theme-dark .rui-course-nav-wrapper a {
    color: #bdc1c6;
}
.rui-course-nav-wrapper a:hover {
    color: #420047;
    text-decoration: none;
}
.theme-dark .rui-course-nav-wrapper a:hover {
    color: #c6b3c8;
}
.rui-course-nav-btn {
    display: inline-flex;
    align-items: center;
}
.rui-course-nav-btn-icon {
    width: 40px;
    height: 40px;
    background-color: #fff;
    border-radius: 7px;
    color: #090223;
    display: flex;
    justify-content: center;
    align-items: center;
}
.theme-dark .rui-course-nav-btn-icon {
    background-color: #e8eaed;
    color: #e8eaed;
}
.rui-course-nav-btn-label {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 500;
    color: inherit;
    max-width: 200px;
}
@media (max-width: 1088.98px) {
    .rui-course-nav-btn-label {
        display: none;
    }
}
.rui-availabilityinfo {
    padding: 10px;
    display: inline-flex;
    align-items: center;
    background-color: #eef8ff;
    border-radius: 7px;
    font-size: 0.875rem;
    font-weight: 500;
    color: #090223;
}
.rui-availabilityinfo.ishidden {
    background-color: #fdf6ea;
    display: flex;
}
.theme-dark .rui-availabilityinfo.ishidden {
    color: #c3850c;
    background-color: #17181b;
}
.rui-availabilityinfo a {
    color: #406cd2;
}
.rui-availabilityinfo a:hover {
    color: #0642cd;
}
.rui-availabilityinfo.isrestricted {
    background-color: #fdf6ea;
    margin-top: 10px;
    margin-bottom: 10px;
}
.rui-availabilityinfo.isrestricted a {
    color: #c3850c;
}
.rui-availabilityinfo.isrestricted a:hover {
    color: #93640a;
}
.rui-availabilityinfo .rui-availabilityinfo-text {
    margin-top: 1px;
}
.rui-availabilityinfo ul {
    margin: 10px 10px 10px 20px;
    line-height: 1.8;
}
.rui-availabilityinfo div {
    display: inline-flex;
    align-items: center;
}
.rui-activity-information {
    font-size: 0.75rem;
}
@media (max-width: 767.98px) {
    .rui-activity-information {
        overflow-x: auto;
    }
    .rui--activity-is-manual .rui-activity-information {
        margin-left: 55px;
    }
}
@media (max-width: 767.98px) {
    .rui-activity--hascompletion {
        width: 100% !important;
    }
}
@media (max-width: 767.98px) {
    .rui--activity-is-manual .rui-activityinstance {
        margin-left: 55px;
    }
}
.rui-activityinstance a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: #090223;
}
.theme-dark .rui-activityinstance a {
    color: #e8eaed;
}
.rui-activityinstance a:hover {
    text-decoration: none;
    color: #a180a3;
}
.rui-activityicon {
    width: 40px;
    height: 40px;
    margin-right: 20px;
}
.theme-dark .rui-activityicon {
    filter: invert(0.9);
}
.rui-instancename {
    font-size: 1rem;
    font-weight: 500;
    color: #090223;
}
.theme-dark .rui-instancename {
    color: #e8eaed;
}
@media (max-width: 767.98px) {
    .rui-instancename {
        display: block;
        font-size: 0.875rem;
    }
}
.rui-completion-info,
.rui-contentafterlink,
.rui-activity-dates {
    margin-left: 60px;
}
@media (max-width: 767.98px) {
    .rui-completion-info,
    .rui-contentafterlink,
    .rui-activity-dates {
        margin-left: 0;
    }
}
.rui-pluginname {
    font-size: 0.75rem;
    font-weight: 500;
    display: none;
    color: #a19eab;
}
.theme-dark .rui-pluginname {
    color: #9aa0a6;
}
.resourcelinkdetails {
    display: block;
    margin-top: 10px;
    font-size: 0.75rem;
    color: #a19eab;
}
.rui-contentafterlink {
    font-size: 0.875rem;
    color: #413c55;
}
.theme-dark .rui-contentafterlink {
    color: #bdc1c6;
}
.rui-contentafterlink img {
    max-width: 100%;
    height: auto;
    border-radius: 7px;
}
.rui-contentwithoutlink {
    font-size: 1.125rem;
}
.rui-activity-dates {
    margin-left: 4px;
    margin-top: 0;
    margin-bottom: 0;
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    font-size: 0.75rem;
    color: #a19eab;
}
.rui-section .rui-activity-dates {
    margin: 0 60px;
}
.theme-dark .rui-activity-dates {
    color: #9aa0a6;
}
@media (max-width: 1088.98px) {
    .rui-activity-dates {
        margin-left: 0;
    }
}
.rui-activity--hasnotcompletion .rui-activity-dates,
.rui--activity-is-automatic .rui-activity-dates {
    left: 30px;
}
@media (max-width: 1088.98px) {
    .rui-activity--hasnotcompletion .rui-activity-dates,
    .rui--activity-is-automatic .rui-activity-dates {
        left: 0;
    }
}
@media (max-width: 767.98px) {
    .rui-activity--hasnotcompletion .rui-activity-dates,
    .rui--activity-is-automatic .rui-activity-dates {
        position: relative;
    }
}
.rui-activity-dates div {
    color: #413c55;
}
.theme-dark .rui-activity-dates div {
    color: #bdc1c6;
}
.rui-activity-dates div strong {
    color: #090223;
}
.theme-dark .rui-activity-dates div strong {
    color: #e8eaed;
}
.rui-activity-dates div:last-of-type {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23090223' d='M13 12C13 12.5523 12.5523 13 12 13C11.4477 13 11 12.5523 11 12C11 11.4477 11.4477 11 12 11C12.5523 11 13 11.4477 13 12Z'%3E%3C/path%3E%3Cpath fill='%23090223' d='M9 12C9 12.5523 8.55228 13 8 13C7.44772 13 7 12.5523 7 12C7 11.4477 7.44772 11 8 11C8.55228 11 9 11.4477 9 12Z'%3E%3C/path%3E%3Cpath fill='%23090223' d='M17 12C17 12.5523 16.5523 13 16 13C15.4477 13 15 12.5523 15 12C15 11.4477 15.4477 11 16 11C16.5523 11 17 11.4477 17 12Z'%3E%3C/path%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: 10px;
    padding-left: 45px;
}
.theme-dark .rui-activity-dates div:last-of-type {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23E8EAED' d='M13 12C13 12.5523 12.5523 13 12 13C11.4477 13 11 12.5523 11 12C11 11.4477 11.4477 11 12 11C12.5523 11 13 11.4477 13 12Z'%3E%3C/path%3E%3Cpath fill='%23E8EAED' d='M9 12C9 12.5523 8.55228 13 8 13C7.44772 13 7 12.5523 7 12C7 11.4477 7.44772 11 8 11C8.55228 11 9 11.4477 9 12Z'%3E%3C/path%3E%3Cpath fill='%23E8EAED' d='M17 12C17 12.5523 16.5523 13 16 13C15.4477 13 15 12.5523 15 12C15 11.4477 15.4477 11 16 11C16.5523 11 17 11.4477 17 12Z'%3E%3C/path%3E%3C/svg%3E%0A");
}
@media (max-width: 767.98px) {
    .rui-activity-dates div:last-of-type {
        background: none;
        margin-top: 10px;
        padding-left: 0;
    }
}
.rui-conditionalhidden {
    position: relative;
    background-color: #f9f9fa;
    opacity: 0.5;
    transition: all 0.2s ease-in-out;
}
.theme-dark .rui-conditionalhidden {
    background-color: #0b0d0f;
}
.rui-conditionalhidden:hover {
    background-color: transparent;
    opacity: 1;
}
.rui-conditionalhidden:before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23090223' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M18.6247 10C19.0646 10.8986 19.25 11.6745 19.25 12C19.25 13 17.5 18.25 12 18.25C11.2686 18.25 10.6035 18.1572 10 17.9938M7 16.2686C5.36209 14.6693 4.75 12.5914 4.75 12C4.75 11 6.5 5.75 12 5.75C13.7947 5.75 15.1901 6.30902 16.2558 7.09698'%3E%3C/path%3E%3Cpath stroke='%23090223' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M19.25 4.75L4.75 19.25'%3E%3C/path%3E%3Cpath stroke='%23090223' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M10.409 13.591C9.53033 12.7123 9.53033 11.2877 10.409 10.409C11.2877 9.5303 12.7123 9.5303 13.591 10.409'%3E%3C/path%3E%3C/svg%3E%0A");
    background-size: 16px;
    background-color: #e1e0e4;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 1px;
    left: 1px;
    border-radius: 7px;
    width: 20px;
    height: 20px;
}
.theme-dark .rui-conditionalhidden:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23E8EAED' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M18.6247 10C19.0646 10.8986 19.25 11.6745 19.25 12C19.25 13 17.5 18.25 12 18.25C11.2686 18.25 10.6035 18.1572 10 17.9938M7 16.2686C5.36209 14.6693 4.75 12.5914 4.75 12C4.75 11 6.5 5.75 12 5.75C13.7947 5.75 15.1901 6.30902 16.2558 7.09698'%3E%3C/path%3E%3Cpath stroke='%23E8EAED' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M19.25 4.75L4.75 19.25'%3E%3C/path%3E%3Cpath stroke='%23E8EAED' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M10.409 13.591C9.53033 12.7123 9.53033 11.2877 10.409 10.409C11.2877 9.5303 12.7123 9.5303 13.591 10.409'%3E%3C/path%3E%3C/svg%3E%0A");
}
.rui-course-summary:not(:empty) {
    margin: 4px 0 16px;
    font-size: 1rem;
}
@media (max-width: 767.98px) {
    .rui-course-summary:not(:empty) {
        font-size: 0.875rem;
    }
}
.rui--activity-is-manual {
    padding-left: 60px;
}
@media (max-width: 1088.98px) {
    .rui--activity-is-manual {
        padding-left: 40px;
    }
}
.rui--activity-is-manual .activity-information {
    position: absolute;
    top: 5px;
    left: 5px;
}
@media (max-width: 767.98px) {
    .rui--activity-is-manual .activity-information {
        top: 0;
        left: 0;
    }
}
.rui--activity-hasdates {
    padding-top: 40px;
}
@media (max-width: 767.98px) {
    .rui--activity-hasdates {
        padding-top: 0;
    }
}
.rui-completion-info--manual {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.rui--activity-hasdates .rui-completion-info--manual {
    top: 40px;
}
@media (max-width: 767.98px) {
    .rui--activity-hasdates .rui-completion-info--manual {
        top: 0;
        position: absolute;
    }
}
.path-mod .rui-completion-info--manual {
    width: 30px;
    height: 30px;
}
.path-mod .rui-completion-info--manual svg {
    width: 30px;
    height: 30px;
}
.btn--activity-manual {
    padding: 0;
    background-color: transparent;
    border: none;
    color: #a19eab;
}
.theme-dark .btn--activity-manual {
    color: #9aa0a6;
}
.btn--activity-manual .loading-icon {
    position: relative;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-items: center;
}
.path-grade .rui-activity-wrapper,
.path-mod .rui-activity-wrapper {
    margin-top: 0;
    margin-bottom: 30px;
    padding: 10px 15px;
    border: 1px solid #e1e0e4;
    border-radius: 7px;
    overflow: hidden;
}
.path-grade .rui-activity-wrapper.rui-activity--hasnotcompletion,
.path-mod .rui-activity-wrapper.rui-activity--hasnotcompletion {
    padding-bottom: 0;
    border: none;
}
.path-grade .rui-activity-wrapper .automatic-completion-conditions,
.path-mod .rui-activity-wrapper .automatic-completion-conditions {
    width: 100%;
    display: inline-flex;
    justify-content: flex-start;
    flex-flow: wrap;
}
.path-grade .rui-activity-wrapper .rui-activity-information,
.path-mod .rui-activity-wrapper .rui-activity-information {
    display: flex;
    padding: 10px 15px;
    margin: -10px -15px 10px;
    width: calc(100% + 30px);
    background-color: #f9f9fa;
    border-bottom: 1px solid #e1e0e4;
}
@media (max-width: 1088.98px) {
    .path-grade .rui-activity-wrapper .rui-activity-information,
    .path-mod .rui-activity-wrapper .rui-activity-information {
        overflow-x: auto;
    }
}
.path-grade .rui-activity-wrapper.rui-activity--hasnotcompletion .rui-activity-information,
.path-mod .rui-activity-wrapper.rui-activity--hasnotcompletion .rui-activity-information {
    margin-bottom: 0;
    border-bottom: none;
}
.path-grade .rui-activity-wrapper .rui-activity-dates,
.path-grade .rui-activity-wrapper .rui-completion-info--manual,
.path-mod .rui-activity-wrapper .rui-activity-dates,
.path-mod .rui-activity-wrapper .rui-completion-info--manual {
    position: relative;
}
.path-grade .rui-activity-wrapper .rui-activity-dates,
.path-mod .rui-activity-wrapper .rui-activity-dates {
    left: auto;
}
.path-grade .rui-activity-wrapper .rui-completion-info,
.path-mod .rui-activity-wrapper .rui-completion-info {
    margin-left: 0;
    margin-right: auto;
}
@media (max-width: 767.98px) {
    .rui-completion-info [data-region="completion-info"] {
        overflow-x: auto;
        margin-bottom: 10px;
    }
    .rui-completion-info [data-region="completion-info"] .rui-completion-badges {
        width: max-content;
    }
}
.theme-dark.path-mod .rui-activity-wrapper {
    border-color: #2e3134;
}
.theme-dark.path-mod .rui-activity-information {
    background-color: #0b0d0f;
    border-color: #2e3134;
}
.rui-activity-content {
    position: relative;
    display: inherit;
}
.rui-activity-content .inplaceeditable-text {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.rui-activity-content .inplaceeditable-text .quickeditlink {
    margin-left: 0.35rem;
}
.rui-course-sectionname {
    font-size: 1.125rem;
    color: #090223;
}
.rui-course-sectionname a {
    color: #090223;
}
.theme-dark .rui-course-sectionname a {
    color: #f9f9fa;
}
.rui-course-sectionname a:hover {
    color: #420047;
}
.theme-dark .rui-course-sectionname a:hover {
    color: #c6b3c8;
}
.rui-activity-edit-wrapper {
    padding: 10px;
    margin-bottom: 15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background-color: #f9f9fa;
    border-radius: 7px;
}
.theme-dark .rui-activity-edit-wrapper {
    background-color: #0b0d0f;
}
.activity:hover .rui-activity-edit-wrapper {
    background-color: #e1e0e4;
}
.theme-dark .activity:hover .rui-activity-edit-wrapper {
    background-color: #202124;
}
.rui-activity-edit-wrapper .dropdown-btn {
    align-items: center;
    padding: 10px 18px;
    background-color: #fff;
    border-radius: 7px;
    font-size: 13px;
    color: #090223;
}
.theme-dark .rui-activity-edit-wrapper .dropdown-btn {
    background-color: #080909;
    color: #e8eaed;
}
.rui-activity-edit-wrapper .aabtn.menu-action .icon {
    padding: 0;
    background-color: transparent;
}
.rui-activity-edit-wrapper .moodle-core-dragdrop-draghandle {
    margin-left: 0;
}
@media (max-width: 1088.98px) {
    .rui-activity-edit-wrapper .moodle-core-dragdrop-draghandle {
        margin-bottom: 10px;
    }
}
.rui-activitychooser-bg {
    background-color: #f9f9fa;
    border-radius: 7px;
}
.theme-dark .rui-activitychooser-bg {
    background-color: #0b0d0f;
}
.rui-optionicon {
    display: inline-flex;
    align-content: center;
}
.rui-optionicon img {
    width: 40px;
    height: 40px;
    margin-right: 10px;
    margin-left: 3px;
}
.rui-optionname {
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.2;
    color: #090223;
}
.theme-dark .rui-optionname {
    color: #e8eaed;
}
.course-card-link:hover {
    text-decoration: none;
}
.course-card-link:hover .rui-course-format-card {
    width: 100%;
    background-color: #ece6ed;
    border-color: #d9ccda;
}
.theme-dark .course-card-link:hover .rui-course-format-card {
    background-color: #28002b;
    border-color: #d9ccda;
}
.course-card-link:hover .course-progressbar-wrapper {
    background-color: #fff;
}
.theme-dark .course-card-link:hover .course-progressbar-wrapper {
    background-color: #0b0d0f;
}
.rui-section-summary-activities {
    margin: 15px -20px 0;
    padding: 15px 20px 0;
    border-top: 2px dashed #e1e0e4;
    font-size: 0.75rem;
    color: #a19eab;
}
.theme-dark .rui-section-summary-activities {
    color: #9aa0a6;
    border-color: #2e3134;
}
.rui-section-summary-activities .activity-count {
    margin-right: 0.5rem;
    padding-right: 0.5rem;
    border-right: 1px solid #e1e0e4;
}
.theme-dark .rui-section-summary-activities .activity-count {
    border-color: #2e3134;
}
.rui-section-summary-activities .activity-count:last-of-type {
    margin-right: 0;
    padding-right: 0;
    border-right: none;
}
.rui-progress--complete {
    padding: 3px;
    font-weight: 700;
}
.rui-progress--total {
    padding: 3px;
    font-weight: 700;
    opacity: 0.7;
}
ul.sections {
    padding: 0;
}
.format-multitopic .completionprogress {
    margin: 10px 0;
}
.format-multitopic .sections .section_subtitle {
    display: block;
    margin-top: 10px;
    font-family: "Be Vietnam Pro", sans-serif;
    font-weight: 400;
    font-size: 0.75rem;
    color: #a19eab;
}
.format-multitopic .section-topic-timed {
    margin: 10px 0;
    padding: 10px;
    border: 1px solid #e1e0e4;
    border-radius: 7px;
}
.theme-dark .format-multitopic .section-topic-timed {
    border-color: #2e3134;
}
.format-multitopic .section-topic-timed .summary,
.format-multitopic .section-topic-timed .comntent .rui-section {
    padding: 10px 25px;
}
.format-multitopic .section-topic-timed.section-expanded {
    border: 2px solid #c6b3c8;
}
.format-multitopic .section-topic-timed .rui-main-content-title {
    margin: 10px 40px 10px 25px;
}
.format-multitopic .section-topic-timed .rui-section {
    margin-bottom: 0;
}
.format-multitopic .section-topic-timed .rui-title-container {
    position: relative;
    margin-bottom: 0;
}
.format-multitopic .section-topic-timed .rui-title-container .icon {
    position: absolute;
    top: 5px;
    right: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    background-color: #f9f9fa;
    border-radius: 30px;
}
.theme-dark .format-multitopic .section-topic-timed .rui-title-container .icon {
    background-color: #0b0d0f;
}
.format-multitopic .section-topic-timed .rui-activity-dates {
    left: 60px;
}
.editing .weeks .rui-title-container {
    margin: 30px 0 10px;
    padding: 10px;
}
.rui-course-content-intro {
    padding: 0;
    margin-bottom: 30px;
}
.rui-course-content-intro .rui-section {
    margin-top: 15px;
}
.rui-course-content-intro .rui-title-container {
    margin-bottom: 10px;
}
.rui-course-content-intro .rui-section-summary-activities {
    margin: 15px 0 0;
    padding: 5px 8px;
    width: 100%;
    background-color: #f9f9fa;
    border: none;
    border-radius: 7px;
}
.theme-dark .rui-course-content-intro .rui-section-summary-activities {
    background-color: #0b0d0f;
}
.rui-course-content-intro .rui-main-content-title--h4 {
    font-size: 1.125rem;
}
.rui-course-content-intro .summarytext {
    font-size: 1rem;
}
.rui-main-content-title--h4 {
    font-weight: 500;
}
.format-collapsibleweeks .collapsibleweeks .rui-activity-dates {
    left: 77px;
}
.course-content ul.collapsibleweeks .content .summarytext {
    margin: 10px 0;
}
body.editing ul.collapsibleweeks .content .summarytext {
    margin-left: 0;
}
.course-content ul.collapsibleweeks li.section .content {
    margin: 0 0 10px;
    padding: 15px 20px;
}
body:not(.editing) .course-content ul.collapsibleweeks li.section .content:hover {
    transform: translateY(-3px);
}
.course-content ul.collapsibleweeks li.section .right {
    padding: 0;
}
.course-content ul.collapsibleweeks a.sectiontoggle {
    margin: 0;
}
body.editing .course-content ul.collapsibleweeks li.section .left.side {
    margin-left: 10px;
}
body.editing .course-content ul.collapsibleweeks li.section .left.side .moodle-core-dragdrop-draghandle {
    margin-right: 20px;
}
.course-content ul.collapsibleweeks li.section .sectionname:empty {
    display: none;
}
.collapsibleweeks .progress {
    display: none;
}
.rui-sectiontoggle {
    display: block;
    padding: 0 !important;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 9.75L16.25 15.25H7.75L12 9.75Z' stroke='%23090223' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E") !important;
    background-position: right !important;
    background-repeat: no-repeat;
    background-size: 16px !important;
    background-color: transparent;
}
.rui-sectiontoggle.collapsed {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.25 12L8.75 7.75V16.25L14.25 12Z' stroke='%23090223' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E") !important;
}
.rui-sectiontoggle:hover {
    text-decoration: none;
}
.rui-sectiontoggle,
.course-content .collapsible-actions a.collapseall {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 9.75L16.25 15.25H7.75L12 9.75Z' stroke='%23090223' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E") !important;
}
.course-content .collapsible-actions a.collapseall {
    background-position: 0 !important;
    background-size: 18px !important;
}
.idnumber {
    margin-left: 0.35rem;
    display: inline-block;
    max-width: 300px;
}
.catlevel1 li {
    padding: 0.35rem 0;
    margin: 0.35rem;
}
.catlevel1 li .itemicon {
    margin-right: 0.35rem;
    width: 30px;
    height: 30px;
}
.rui-category-actions {
    margin-top: 10px;
    margin-left: 115px;
    width: 100%;
}
.rui-category-actions .course-item-actions {
    width: 100%;
}
.rui-category-actions .course-item-actions .action-delete {
    position: absolute;
    right: 0;
}
.course-item-actions {
    display: inline-flex;
}
.errorbox {
    padding: 0.55rem 1.25rem;
    margin-top: 30px;
    background-color: #feeded;
    position: relative;
    border: 1px solid transparent;
    border-radius: 7px;
    font-size: 0.875rem;
    font-weight: 500;
    color: #810909;
}
.theme-dark .errorbox {
    background-color: #810909;
    color: #feeded;
}
#page-course-recent .list-unstyled li {
    padding: 0.5rem 0;
    font-size: 0.875rem;
    font-weight: 500;
}
#page-course-recent .list-unstyled li .rui-icon-container {
    margin-right: 0.25rem;
}
.block-add {
    margin: 0.35rem 0;
    border-radius: 7px;
    background-color: #d9ccda;
    border-width: 1px;
    width: 100%;
}
.block-add .pluscontainer {
    border: 1px solid #c6b3c8;
}
.block-add:hover {
    cursor: pointer;
    background-color: #ece6ed;
}
.block-add:hover .activity-add-text {
    text-decoration: underline;
}
.section-collapsemenu .collapseall {
    display: block;
}
.section-collapsemenu .expandall {
    display: none;
}
.section-collapsemenu.collapsed .collapseall {
    display: none;
}
.section-collapsemenu.collapsed .expandall {
    display: block;
}
.rui-course-header-btn {
    margin: 0.35rem 0;
    padding: 12px 22px;
    width: 100%;
    flex-direction: row-reverse;
    justify-content: space-between;
    background-color: #4b0046;
    border-radius: 7px;
    color: #090223;
}
.theme-dark .rui-course-header-btn {
    background-color: #0b0d0f;
    color: #e8eaed;
}
.rui-course-header-btn .sectionname {
    font-family: "Be Vietnam Pro", sans-serif;
    font-weight: 500;
    font-size: 0.9rem;
    color: white;
}
.rui-course-header-btn:hover {
    background-color: #ece6ed;
    text-decoration: none;
}
.theme-dark .rui-course-header-btn:hover {
    color: #210024;
}
.rui-course-header-btn .rui-course-header-btn-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #a19eab;
}
.theme-dark .rui-course-header-btn .rui-course-header-btn-icon {
    color: #9aa0a6;
}
.editing .a {
    cursor: pointer;
}
.editing:hover .description .course-description-item,
.editing:hover .activityiconcontainer,
.editing:hover .badge {
    mix-blend-mode: multiply;
}
.section .draggable .activity-item .dragicon {
    display: none;
}
.section-modchooser {
    font-weight: 500;
    color: #413c55;
}
.theme-dark .section-modchooser {
    color: #bdc1c6;
}
.section-modchooser:hover {
    color: #420047;
}
.theme-dark .section-modchooser:hover {
    color: #c6b3c8;
}
.section-modchooser:hover .pluscontainer {
    background-color: #ece6ed;
}
.section-modchooser .pluscontainer {
    background-color: #f9f9fa;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.theme-dark .section-modchooser .pluscontainer {
    background-color: #000;
}
.rui-hidden-badge {
    position: absolute;
    top: -16px;
    right: -12px;
}
.picturesingle img {
    max-width: 100%;
    border-radius: 7px;
}
.recordauthor {
    margin-bottom: 1rem;
    padding: 0.35rem;
    border-radius: 7px;
    border: 1px solid #e1e0e4;
}
.recordauthor a {
    display: inline-flex;
}
#page-mod-data-view .jsenabled .comment-link {
    margin-top: 2rem;
}
:target::before {
    content: " ";
    display: block;
    height: 80px;
    margin-top: -80px;
    width: 1px;
    pointer-events: none;
}
.pagelayout-embedded :target {
    padding-top: initial;
    margin-top: initial;
}
#nav-drawer.closed {
    left: -400px;
}
@media (max-width: 767.98px) {
    #nav-drawer.closed {
        left: -100%;
    }
}
#nav-drawer[aria-hidden="true"] .list-group-item {
    display: none;
}
.drawer-toggle-icon-open,
.drawer-toggle-icon-close {
    opacity: 0;
    display: none;
    transition: all 0.2s ease-in-out;
}
.sidebar-btn[aria-expanded="true"] .drawer-toggle-icon-open {
    opacity: 1;
    display: inline-flex;
}
.sidebar-btn[aria-expanded="false"] .drawer-toggle-icon-close {
    opacity: 1;
    display: inline-flex;
}
#nav-drawer {
    position: fixed;
    z-index: 1040;
    width: 350px;
    top: 107px;
    right: auto;
    left: 20px;
    height: calc(100% - 117px);
    background: linear-gradient(to bottom, rgba(75, 0, 70, 1), rgba(75, 0, 70, 1), rgba(4, 6, 10, 1), rgba(4, 6, 10, 1));
    border-radius: 9px;
    transition: right 250ms ease, left 250ms ease;
    color: rgb(4 6 10);
}
@media (max-width: 1088.98px) {
    #nav-drawer {
        top: 110px;
        height: calc(100% - 74px);
    }
}
@media (max-width: 767.98px) {
    #nav-drawer {
        width: calc(100% - 14px);
        max-width: 90vw;
    }
}
.theme-dark #nav-drawer {
    background-color: #0b0d0f;
}
#nav-drawer .nav-drawer-container {
    max-height: calc(100vh - 133px);
    overflow-y: hidden;
    overflow-x: hidden;
    padding-right: 5px;
    padding-right: 5px;
    margin: 7px 3px 4px 7px;
    scrollbar-width: thin;
    scrollbar-color: #b4b2bc #04060a;
}
#nav-drawer .nav-drawer-container::-webkit-scrollbar {
    width: 12px;
}
#nav-drawer .nav-drawer-container::-webkit-scrollbar-track {
    background: #04060a;
    border-radius: 20px;
}
#nav-drawer .nav-drawer-container::-webkit-scrollbar-thumb {
    background-color: #b4b2bc;
    border-radius: 20px;
    border: 3px solid #04060a;
}
#nav-drawer .nav-drawer-container::-webkit-scrollbar-thumb:hover {
    background-color: #a19eab;
}
.theme-dark #nav-drawer .nav-drawer-container {
    scrollbar-width: thin;
    scrollbar-color: #b4b2bc #0b0d0f;
}
.theme-dark #nav-drawer .nav-drawer-container::-webkit-scrollbar {
    width: 12px;
}
.theme-dark #nav-drawer .nav-drawer-container::-webkit-scrollbar-track {
    background: #0b0d0f;
    border-radius: 20px;
}
.theme-dark #nav-drawer .nav-drawer-container::-webkit-scrollbar-thumb {
    background-color: #b4b2bc;
    border-radius: 20px;
    border: 3px solid #0b0d0f;
}
.theme-dark #nav-drawer .nav-drawer-container::-webkit-scrollbar-thumb:hover {
    background-color: #a19eab;
}
#nav-drawer .rui-drawer-footer {
    background-color: #04060a;
    width: 100%;
    padding: 7px 10px 10px;
    position: absolute;
    bottom: 0;
    border-radius: 0 0 9px 9px;
}
#nav-drawer .rui-custom-sidebar-content a {
    color: #a180a3;
}
#nav-drawer .rui-custom-sidebar-content a:hover {
    color: #c6b3c8;
}
#nav-drawer h1,
#nav-drawer h2,
#nav-drawer h3,
#nav-drawer h4,
#nav-drawer h5 {
    color: #fff;
}
.rui-drawer-logo {
    padding: 10px 16px;
    margin: 10px 0 20px;
}
.nav-drawer-wrapper {
    margin: 40px 0;
}
body.drawer-ease {
    transition: margin-left 250ms ease, margin-right 250ms ease;
}
[data-region="right-hand-drawer"] {
    display: flex;
    flex-direction: column;
    transition: all 350ms ease-in-out;
}
[data-region="right-hand-drawer"].drawer {
    position: fixed;
    top: 0;
    right: 0;
    height: 100%;
    width: 320px;
    border-left: 1px solid #e1e0e4;
    padding: 0;
    visibility: visible;
    opacity: 1;
    overflow: hidden;
    z-index: 11000;
}
.theme-dark [data-region="right-hand-drawer"].drawer {
    border-color: #2e3134;
}
[data-region="right-hand-drawer"].hidden {
    display: block;
    right: -320px;
    visibility: hidden;
    opacity: 0;
    transition: right 250ms ease-in-out, visibility 0s ease-in-out 250ms, opacity 0s ease-in-out 250ms;
}
@media (prefers-reduced-motion: reduce) {
    [data-region="right-hand-drawer"].hidden {
        transition: none;
    }
}
@media (max-width: 767.98px) {
    [data-region="right-hand-drawer"] .closewidget {
        display: block;
        padding: 0 0.2rem;
    }
}
.message-drawer-backdrop {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1050;
    background-color: rgba(0, 0, 0, 0.6);
    cursor: e-resize;
}
.layout.fullscreen .message-drawer-backdrop {
    display: none;
    z-index: -1;
}
.rui-flatnavigation {
    list-style: none;
    padding: 3px 0;
    margin: 0;
}
.rui-flatnavigation-box {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.13);
}
.rui-sidebar-nav-item {
    margin-bottom: 2px;
}
.rui-sidebar-nav-item:last-child {
    margin-bottom: 0;
}
.rui-sidebar-nav-item-link {
    padding: 0.35rem 0.65rem;
    display: inline-flex;
    width: 100%;
    align-items: center;
    font-size: 0.875rem;
    font-weight: 500;
    color: #fff;
    word-break: break-word;
    background-color: transparent;
    border: none;
    border-radius: 7px;
}
.rui-sidebar-nav-item-link .rui-sidebar-nav-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    margin-right: 5px;
    color: #fff;
    opacity: 0.6;
}
.theme-dark .rui-sidebar-nav-item-link .rui-sidebar-nav-icon {
    color: #fff;
}
.rui-sidebar-nav-item-link.active,
.rui-sidebar-nav-item-link:hover {
    border: none;
    background-color: #28002b;
    color: #fff;
    text-decoration: none;
}
.theme-dark .rui-sidebar-nav-item-link.active,
.theme-dark .rui-sidebar-nav-item-link:hover {
    background-color: #210024;
    color: #ece6ed;
}
.rui-sidebar-nav-item-link.active .rui-sidebar-nav-icon,
.rui-sidebar-nav-item-link:hover .rui-sidebar-nav-icon {
    color: #fff;
    opacity: 0.6;
}
.theme-dark .rui-sidebar-nav-item-link.active .rui-sidebar-nav-icon,
.theme-dark .rui-sidebar-nav-item-link:hover .rui-sidebar-nav-icon {
    color: #fff;
}
.rui-drawer-course-nav {
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.13);
}
.rui-drawer-course-nav .rui-sidebar-nav-item-link {
    margin-bottom: 2px;
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: 0.75rem;
}
.rui-sidebar-nav-item-link--sm {
    font-size: 0.75rem;
}
.rui-sidebar-nav-text,
.rui-course-menu-list-text {
    width: calc(100% - 35px);
}
.rui-sidebar-nav-text {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
}
.rui-sidebar-mycourses {
    margin: 0;
    padding: 3px;
    background-color: #04060a;
    border-radius: 7px;
    overflow: hidden;
}
.rui-sidebar-hr {
    margin: 0;
    padding: 0;
    display: block;
    margin: 3px -3px;
    width: calc(100% + 6px);
    height: 1px;
}
.theme-dark .rui-sidebar-hr {
    background-color: #2e3134;
}
.rui-sidebar-abtn {
    width: 100%;
    padding: 0.35rem 0.45rem;
    background-color: transparent;
    border-width: 0;
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.875rem;
    font-weight: 500;
    color: #fff;
}
.theme-dark .rui-sidebar-abtn {
    color: #e8eaed;
    border-color: #2e3134;
}
.rui-sidebar-abtn .rui-drawer-badge {
    min-width: 20px;
    height: 20px;
    border-radius: 20px;
    background-color: #0e1420;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 500;
    color: #fff;
    margin-left: 10px !important;
}
.rui-sidebar-abtn:hover,
.rui-sidebar-abtn[aria-expanded="true"] {
    background-color: #28002b;
    color: #fff;
}
.theme-dark .rui-sidebar-abtn:hover,
.theme-dark .rui-sidebar-abtn[aria-expanded="true"] {
    background-color: #420047;
    color: #fff;
}
.rui-sidebar-abtn:hover .rui-drawer-badge,
.rui-sidebar-abtn[aria-expanded="true"] .rui-drawer-badge {
    background-color: #04060a;
    color: #fff;
    margin-left: 20px !important;
}
.rui-sidebar-abtn:hover .rui-sidebar-nav-icon,
.rui-sidebar-abtn[aria-expanded="true"] .rui-sidebar-nav-icon {
    color: #fff;
}
.rui-course-wrapper {
    max-height: 200px;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #b4b2bc #04060a;
}
.rui-course-wrapper::-webkit-scrollbar {
    width: 12px;
}
.rui-course-wrapper::-webkit-scrollbar-track {
    background: #04060a;
    border-radius: 20px;
}
.rui-course-wrapper::-webkit-scrollbar-thumb {
    background-color: #b4b2bc;
    border-radius: 20px;
    border: 3px solid #04060a;
}
.rui-course-wrapper::-webkit-scrollbar-thumb:hover {
    background-color: #a19eab;
}
.theme-dark .rui-course-wrapper {
    scrollbar-width: thin;
    scrollbar-color: #b4b2bc #0b0d0f;
}
.theme-dark .rui-course-wrapper::-webkit-scrollbar {
    width: 12px;
}
.theme-dark .rui-course-wrapper::-webkit-scrollbar-track {
    background: #0b0d0f;
    border-radius: 20px;
}
.theme-dark .rui-course-wrapper::-webkit-scrollbar-thumb {
    background-color: #b4b2bc;
    border-radius: 20px;
    border: 3px solid #0b0d0f;
}
.theme-dark .rui-course-wrapper::-webkit-scrollbar-thumb:hover {
    background-color: #a19eab;
}
.rui-course-menu-list--more {
    width: 100%;
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    margin: 0;
    padding: 0.35rem 1rem;
    border-radius: 7px;
    font-size: 0.75rem;
    color: #fff;
    text-align: right;
}
.theme-dark .rui-course-menu-list--more {
    color: #e8eaed;
}
.rui-course-menu-list--more:hover {
    background-color: #28002b;
    color: #fff;
    text-decoration: none;
}
.theme-dark .rui-course-menu-list--more:hover {
    background-color: #420047;
    color: #ece6ed;
}
.rui-flatnavigation-sm {
    padding: 3px 1px;
}
.rui-flatnavigation-sm .rui-sidebar-nav-icon svg {
    width: 18px;
    height: 18px;
}
.rui-flatnavigation-sm .rui-list-group-item {
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 0.75rem;
    color: #fff;
}
.theme-dark .rui-flatnavigation-sm .rui-list-group-item {
    color: #9aa0a6;
}
.rui-drawer-nav-title {
    padding: 0 12px;
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase;
    opacity: 0.6;
}
.rui-nav-item-container {
    display: flex;
    align-items: start;
}
.rui-nav-list-group {
    font-size: 0.875rem;
    font-weight: 500;
    color: #fff;
}
.theme-dark .rui-nav-list-group {
    color: #bdc1c6;
}
.nav-drawer-header {
    position: sticky;
    top: 0;
    margin: -15px -15px 30px;
    padding: 20px 20px 0 20px;
    z-index: 1020;
}
body.drawer-ease {
    transition: margin-left 250ms ease, margin-right 250ms ease;
}
@media (min-width: 1089px) {
    body.drawer-courseindex--open,
    body.drawer-open-index--open,
    body.drawer-open-left {
        margin-left: 0;
    }
}
@media (min-width: 1089px) {
    body.dir-rtl.drawer-courseindex--open,
    body.dir-rtl.drawer-open-index--open,
    body.dir-rtl.drawer-open-right {
        margin-right: 290px;
    }
}
@media (max-width: 767.98px) {
    body.drawer-open-left,
    body.drawer-open-right {
        overflow: hidden;
    }
}
.rui-custom-sidebar-content {
    font-size: 0.875rem;
    color: #fff;
}
.theme-dark .rui-custom-sidebar-content {
    color: #9aa0a6;
}
.drawer-course-index {
    overflow: hidden;
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.15) 0 15px 25px, rgba(0, 0, 0, 0.05) 0 5px 10px;
    position: fixed;
    z-index: 1121;
    transition: left 350ms ease-in-out, left 350ms ease-in-out;
}
@media (min-width: 768px) {
    .drawer-course-index {
        width: 280px;
        height: 100%;
        left: -280px;
        max-height: calc(100vh - 12px);
        border-radius: 7px;
    }
}
@media (max-width: 767.98px) {
    .drawer-course-index {
        width: 100%;
        left: -100%;
        height: 100vh;
        border-radius: 0;
    }
}
.scrolled .drawer-course-index {
    top: 73px;
}
.drawer-course-index.show {
    top: 5px;
    left: 7px;
}
@media (max-width: 767.98px) {
    .drawer-course-index.show {
        top: 0;
        left: 0;
    }
}
.btn-drawer {
    position: fixed;
    z-index: 1030;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background-color: #f9f9fa;
    border: 1px solid #f9f9fa;
    box-shadow: rgba(0, 0, 0, 0.05) 0 1px 0, rgba(0, 0, 0, 0.05) 0 4px 16px, rgba(0, 0, 0, 0.08) 0 10px 20px;
    color: #413c55;
    border-radius: 40px;
    transition: all ease 250ms;
}
.btn-drawer:hover {
    background-color: #ece6ed;
    border-color: #ece6ed;
    color: #420047;
}
.theme-dark .btn-drawer:hover {
    background-color: #420047;
    border-color: #420047;
    color: #ece6ed;
}
@media (min-width: 1089px) {
    .btn-drawer {
        top: 108px;
        left: 20px;
    }
    .pagelayout-course .btn-drawer,
    .pagelayout-incourse .btn-drawer {
        top: 115px;
        left: 40px;
    }
    .drawer-open-left .btn-drawer {
        left: 310px;
    }
}
.drawer-courseindex--open .btn-drawer,
.drawer-open-index--open .btn-drawer {
    display: none;
}
@media (max-width: 1088.98px) {
    .btn-drawer {
        top: 120px;
        left: 16px;
        right: auto;
    }
}
.theme-dark .btn-drawer {
    background-color: #000;
    border-color: #000;
    color: #e8eaed;
}
.page-has-blocks .show-drawer-right .page-content {
    padding-right: 0;
}
.rui-lang-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    width: max-content;
    min-height: 40px;
    border: none;
    border-radius: 7px;
    font-size: 0.75rem;
    font-weight: 500;
    background-color: #420047;
    color: #fff;
}
.rui-lang-btn:hover {
    background-color: #28002b;
    color: #fff;
}
#page-user-files #fgroup_id_buttonar .col-md-3,
#page-user-files #userfilesform .col-md-3,
#page-mod-assign-editsubmission #fgroup_id_buttonar .col-md-3,
#page-mod-assign-editsubmission #userfilesform .col-md-3 {
    display: none;
}
#page-user-files #fgroup_id_buttonar .col-md-9,
#page-user-files #userfilesform .col-md-9,
#page-mod-assign-editsubmission #fgroup_id_buttonar .col-md-9,
#page-mod-assign-editsubmission #userfilesform .col-md-9 {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
}
#page-user-files #fgroup_id_buttonar,
#page-mod-assign-editsubmission #fgroup_id_buttonar {
    margin-bottom: 0 !important;
}
#page-user-files .generalbox,
#page-mod-assign-editsubmission .generalbox {
    padding: 0 !important;
}
#page-user-files .main-content .rui-main-content-title--h2 {
    margin: 0 0 16px;
}
.fp-content-center {
    height: 100%;
    width: 100%;
    display: table-cell;
}
.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;
}
@media (max-width: 1088.98px) {
    .filepicker.moodle-dialogue {
        max-width: 100%;
        height: 100% !important;
    }
    .filepicker.moodle-dialogue .container {
        margin: 0;
    }
    .filepicker.moodle-dialogue .rui-nav--admin {
        padding: 0;
        display: contents;
        height: max-content;
    }
    .filepicker.moodle-dialogue .rui-nav-col {
        margin-bottom: 30px;
    }
    .filepicker.moodle-dialogue ul li {
        display: inline-flex;
    }
}
.yui3-widget {
    outline: none;
}
.filepicker .moodle-dialogue-bd {
    min-height: 520px;
}
.file-picker .fp-navbar {
    min-height: 40px;
    padding: 4px;
}
.fp-navbar {
    border-color: #e1e0e4;
}
.file-picker .fp-content {
    border-top: 0;
    background: #fff;
    clear: none;
    overflow: auto;
    height: 375px;
}
.theme-dark .file-picker .fp-content {
    background: #e8eaed;
}
.file-picker .fp-content .form-group {
    margin-top: 0;
}
.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 .fp-tb-search input.form-control {
    padding: 0.35rem 0.5rem;
    height: auto;
}
@media (max-width: 767.98px) {
    .fp-toolbar {
        margin-bottom: 0.35rem;
    }
}
.fp-toolbar.empty {
    display: none;
}
.fp-toolbar .disabled {
    display: none;
}
.fp-toolbar div {
    display: inline-flex;
    margin-right: 0.35rem;
}
.fp-toolbar img {
    vertical-align: -15%;
    margin-right: 5px;
}
.fp-viewbar:not(.disabled) a.checked {
    background-color: #420047;
    color: #ece6ed;
    border-color: #420047;
}
.fp-viewbar.disabled a {
    pointer-events: none;
    opacity: 0.35;
}
.file-picker .fp-clear-left {
    clear: left;
}
.fp-pathbar.empty {
    display: none;
}
.fp-pathbar .fp-path-folder {
    background: url(/theme/image.php/alpha/theme/1668532694/fp/path_folder) left 5px no-repeat;
    background-size: 12px 12px;
    height: 12px;
    margin-left: 12px;
}
.fp-pathbar .fp-path-folder-name {
    font-weight: 500;
}
.fp-pathbar .fp-path-folder {
    background-image: none;
    height: auto;
    margin-left: 0;
}
.fp-iconview .fp-file {
    float: left;
    text-align: center;
    position: relative;
    margin: 10px 3px 25px;
    color: #090223;
}
.fp-iconview .fp-file a {
    color: inherit;
}
.fp-iconview .fp-thumbnail {
    min-width: 110px;
    min-height: 110px;
    line-height: 110px;
    text-align: center;
    background-color: #fff;
    border: 1px solid #e1e0e4;
    border-radius: 7px;
    display: block;
}
.theme-dark .fp-iconview .fp-thumbnail {
    background-color: #e8eaed;
    border-color: #2e3134;
}
.theme-dark .fp-iconview .fp-thumbnail img:not(.realpreview) {
    filter: invert(0.9);
}
.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 {
    padding: 0.25rem;
    background-color: #fff;
    border-radius: 7px;
    min-width: 112px;
    font-size: 0.75rem;
}
.theme-dark .fp-iconview .fp-filename-field .fp-filename {
    background-color: #e8eaed;
    color: #e8eaed;
}
.file-picker .yui3-datatable table {
    border: 0 solid #e1e0e4;
    width: 100%;
}
.theme-dark .file-picker .yui3-datatable table {
    border-color: #202124;
}
.file-picker .ygtvtn,
.filemanager .ygtvtn {
    background: url(/theme/image.php/alpha/theme/1668532694/y/tn) 14px 0 no-repeat;
    width: 40px;
    height: 33px;
}
.file-picker .ygtvtm,
.filemanager .ygtvtm {
    background: url(/theme/image.php/alpha/theme/1668532694/y/tm) 14px 10px no-repeat;
    width: 40px;
    height: 30px;
    cursor: pointer;
}
.file-picker .ygtvtmh,
.filemanager .ygtvtmh {
    background: url(/theme/image.php/alpha/theme/1668532694/y/tm) 14px 10px no-repeat;
    width: 30px;
    height: 30px;
    cursor: pointer;
}
.file-picker .ygtvtp,
.filemanager .ygtvtp {
    background: url(/theme/image.php/alpha/theme/1668532694/y/tp) 14px 10px no-repeat;
    width: 40px;
    height: 30px;
    cursor: pointer;
}
.file-picker .ygtvtph,
.filemanager .ygtvtph {
    background: url(/theme/image.php/alpha/theme/1668532694/y/tp) 0 10px no-repeat;
    width: 13px;
    height: 22px;
    cursor: pointer;
}
.file-picker .ygtvln,
.filemanager .ygtvln {
    background: url(/theme/image.php/alpha/theme/1668532694/y/lnl) 21px -23px no-repeat;
    width: 40px;
    height: 32px;
}
.file-picker .ygtvlm,
.filemanager .ygtvlm {
    background: url(/theme/image.php/alpha/theme/1668532694/y/lm) 10px 10px no-repeat;
    width: 30px;
    height: 30px;
    cursor: pointer;
}
.file-picker .ygtvlmh,
.filemanager .ygtvlmh {
    background: url(/theme/image.php/alpha/theme/1668532694/y/lm) 10px 10px no-repeat;
    width: 30px;
    height: 30px;
    cursor: pointer;
}
.file-picker .ygtvlp,
.filemanager .ygtvlp {
    background: url(/theme/image.php/alpha/theme/1668532694/y/lp) 10px 10px no-repeat;
    width: 30px;
    height: 30px;
    cursor: pointer;
}
.file-picker .ygtvlph,
.filemanager .ygtvlph {
    background: url(/theme/image.php/alpha/theme/1668532694/y/lp) 10px 10px no-repeat;
    width: 30px;
    height: 30px;
    cursor: pointer;
}
.file-picker .ygtvloading,
.filemanager .ygtvloading {
    background: transparent url(/theme/image.php/alpha/theme/1668532694/y/loading) 0 0 no-repeat;
    width: 16px;
    height: 22px;
}
.file-picker .ygtvdepthcell,
.filemanager .ygtvdepthcell {
    background: url(/theme/image.php/alpha/theme/1668532694/y/vline) 14px 0 no-repeat;
    width: 30px;
    height: 32px;
}
.file-picker .ygtvblankdepthcell,
.filemanager .ygtvblankdepthcell {
    width: 17px;
    height: 22px;
}
table.ygtvtable {
    width: 100%;
}
a.ygtvspacer {
    width: 30px;
    height: 30px;
}
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: #ece6ed;
}
.theme-dark .file-picker .ygtvfocus,
.theme-dark .filemanager .ygtvfocus {
    background-color: #28002b;
}
.fp-filename-icon {
    margin: 5px 0;
    display: inline-flex;
    align-items: center;
    position: relative;
}
.fp-filename-icon a {
    display: inline-flex;
    align-items: center;
    color: #090223;
}
.theme-dark .fp-filename-icon a {
    color: #e8eaed;
}
.fp-filename-icon a:hover {
    color: #a180a3;
    text-decoration: none;
}
.fp-icon {
    margin-right: 0.35rem;
    line-height: 0;
}
.fp-icon img {
    width: 24px;
    height: 24px;
    max-height: 24px;
    max-width: 24px;
    vertical-align: middle;
}
.theme-dark .fp-icon img {
    filter: invert(1);
}
.fp-filename {
    font-size: 0.875rem;
    font-weight: 500;
    word-break: break-all;
}
.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.75rem;
}
.fp-select .fp-thumbnail {
    float: left;
    min-width: 110px;
    min-height: 110px;
    line-height: 110px;
    text-align: center;
    margin: 0 1rem 0 0;
    background: #fff;
    border: 1px solid #e1e0e4;
    border-radius: 7px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.theme-dark .fp-select .fp-thumbnail {
    background-color: #e8eaed;
    border-color: #2e3134;
}
.fp-select .fp-thumbnail img {
    vertical-align: middle;
    margin: 10px;
}
.fp-select .fp-fileinfo {
    display: inline-block;
}
.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-toolbar {
    flex-wrap: wrap;
}
.filemanager .fp-restrictions {
    text-align: right;
    font-size: 0.75rem;
}
.filemanager .fp-pathbar.empty {
    display: none;
}
.filepicker-filelist,
.filemanager-container {
    min-height: 120px;
    border-top: 0;
    background-color: #f9f9fa;
    border-radius: 7px;
}
.theme-dark .filepicker-filelist,
.theme-dark .filemanager-container {
    background-color: #0b0d0f;
}
@media (min-width: 320px) and (max-width: 767.98px) {
    .filepicker-filelist,
    .filemanager-container {
        min-height: 140px;
    }
}
.filemanager .fp-content {
    padding: 0 5px;
    overflow: auto;
    min-height: 120px;
}
@media (min-width: 320px) and (max-width: 767.98px) {
    .filemanager .fp-content {
        height: 160px;
        width: max-content;
        overflow: auto;
    }
}
.filemanager-container,
.filepicker-filelist {
    overflow: hidden;
}
.file-picker .yui3-datatable-header {
    background: initial;
}
.fitem.disabled .filepicker-filelist,
.fitem.disabled .filemanager-container {
    background-color: #ebebe4;
}
.fitem.disabled .fp-btn-choose {
    color: #a19eab;
}
.fitem.disabled .filepicker-filelist .filepicker-filename {
    display: none;
}
.attachments a,
.filepicker-filename a {
    padding: 0.75rem 1.25rem;
    background-color: #fff;
    border: 1px solid #e1e0e4;
    border-radius: 7px;
    font-size: 0.75rem;
    font-weight: 500;
    color: #090223;
    transition: all 0.2s ease-in-out;
}
.theme-dark .attachments a,
.theme-dark .filepicker-filename a {
    background-color: #0b0d0f;
    border-color: #2e3134;
    color: #e8eaed;
}
.attachments a:hover,
.filepicker-filename a:hover {
    text-decoration: none;
    box-shadow: rgba(0, 0, 0, 0.26) 0 9px 16px, rgba(0, 0, 0, 0.2) 0 2px 3px;
    color: inherit;
}
.filepicker-filename a {
    display: block;
    margin: 5px;
}
.attachments {
    margin: 30px 0;
}
.attachments a {
    display: inline-flex;
    align-items: center;
    margin: 0;
}
.attachments a .icon {
    width: 40px;
    height: 40px;
    margin: -12px 15px -12px -18px;
    border-right: 1px solid #e1e0e4;
    padding: 10px;
}
.theme-dark .attachments a .icon {
    border-color: #2e3134;
}
.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/alpha/theme/1668532694/fp/link) no-repeat;
    background-position: bottom right;
    background-size: 16px 16px;
}
.fp-iconview .fp-file.fp-isreference .fp-reficons2 {
    background: url(/theme/image.php/alpha/theme/1668532694/fp/alias) no-repeat;
    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/alpha/core/1668532694/s/dead) no-repeat;
    background-position: center center;
}
.filemanager .yui3-datatable table {
    width: 100%;
    margin-top: 5px;
    overflow: hidden;
    border-radius: 5px;
}
@media (min-width: 320px) and (max-width: 1088.98px) {
    .filemanager .yui3-datatable table {
        width: max-content;
    }
}
.yui3-skin-sam .yui3-datatable-table {
    font-family: "Be Vietnam Pro", sans-serif;
    border: 0;
}
.yui3-skin-sam .yui3-datatable-header {
    background: none;
    border-bottom: 2px solid #e1e0e4;
    font-size: 0.75rem;
    font-weight: 700;
    color: #a19eab;
    text-shadow: none;
    vertical-align: middle;
}
.theme-dark.yui3-skin-sam .yui3-datatable-header {
    border-color: #2e3134;
    color: #9aa0a6;
}
.yui3-skin-sam .yui3-datatable-sort-indicator {
    bottom: 6px;
    right: 10px;
}
.yui3-skin-sam .yui3-datatable-cell,
.yui3-skin-sam .yui3-datatable-header {
    padding: 0.35rem;
}
.theme-dark.yui3-skin-sam .yui3-datatable-even .yui3-datatable-cell {
    background-color: #e8eaed;
}
.theme-dark.yui3-skin-sam .yui3-datatable-odd .yui3-datatable-cell {
    background-color: #0b0d0f;
}
.theme-dark.yui3-skin-sam .yui3-datatable-cell,
.theme-dark.yui3-skin-sam .yui3-datatable-header {
    border-color: #2e3134;
}
.theme-dark.yui3-skin-sam .yui3-datatable-columns .yui3-datatable-sorted,
.theme-dark.yui3-skin-sam .yui3-datatable-sortable-column:hover {
    filter: invert(1);
}
.filemanager .yui3-datatable-header {
    background: #fff !important;
    border-bottom: 1px solid #e1e0e4 !important;
    border-left: 0 solid #fff !important;
    color: #090223 !important;
}
.theme-dark .filemanager .yui3-datatable-header {
    background: #e8eaed !important;
    border-bottom: 1px solid #2e3134 !important;
    border-left: 0 solid #e8eaed !important;
    color: #e8eaed !important;
}
.filemanager .yui3-datatable-odd .yui3-datatable-cell {
    background-color: #f9f9fa !important;
    border-left: 0 solid #f9f9fa;
}
.theme-dark .filemanager .yui3-datatable-odd .yui3-datatable-cell {
    background-color: #0b0d0f !important;
    border-left: 0 solid #0b0d0f;
}
.filemanager .yui3-datatable-even .yui3-datatable-cell {
    background-color: #fff !important;
    border-left: 0 solid #fff;
}
.theme-dark .filemanager .yui3-datatable-even .yui3-datatable-cell {
    background-color: #e8eaed !important;
    border-left: 0 solid #e8eaed;
}
.filemanager .fp-filename-icon.fp-hasreferences .fp-reficons1 {
    background: url(/theme/image.php/alpha/theme/1668532694/fp/link_sm) no-repeat 0 0;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 8px;
    left: 17px;
    background-size: 16px 16px;
}
.filemanager .fp-filename-icon.fp-isreference .fp-reficons2 {
    background: url(/theme/image.php/alpha/theme/1668532694/fp/alias_sm) no-repeat 0 0;
    height: 100%;
    width: 100%;
    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: 2px;
    bottom: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    background-color: #f9f9fa;
    color: #090223;
}
.theme-dark .filemanager .fp-iconview .fp-folder.fp-hascontextmenu .fp-contextmenu {
    background-color: #0b0d0f;
    color: #e8eaed;
}
.filemanager .fp-treeview .fp-folder.fp-hascontextmenu .fp-contextmenu,
.filemanager .fp-tableview .fp-folder.fp-hascontextmenu .fp-contextmenu {
    display: inline;
    margin-right: -20px;
    position: absolute;
    top: 2px;
    right: 0;
}
.fp-treeview {
    padding-top: 5px;
    padding-bottom: 5px;
}
.fm-content-wrapper {
    position: relative;
}
@media (max-width: 767.98px) {
    .fm-content-wrapper {
        overflow-x: auto;
    }
}
.dndupload-arrow {
    background-size: 40px;
    width: 100%;
    height: 50px;
    position: absolute;
}
.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 #b4b2bc;
    padding-top: 60px;
    border-radius: 7px;
    text-align: center;
}
.filepicker-filelist .filepicker-container .dndupload-arrow,
.filemanager.fm-noitems .fm-empty-container .dndupload-arrow {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23413c55' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M4.75 14.75V16.25C4.75 17.9069 6.09315 19.25 7.75 19.25H16.25C17.9069 19.25 19.25 17.9069 19.25 16.25V14.75'%3E%3C/path%3E%3Cpath stroke='%23413c55' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M12 14.25L12 5'%3E%3C/path%3E%3Cpath stroke='%23413c55' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M8.75 8.25L12 4.75L15.25 8.25'%3E%3C/path%3E%3C/svg%3E%0A");
    background-size: 32px;
    background-repeat: no-repeat;
    background-position: center;
    top: 5px;
}
.theme-dark .filepicker-filelist .filepicker-container .dndupload-arrow,
.theme-dark .filemanager.fm-noitems .fm-empty-container .dndupload-arrow {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23BDC1C6' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M4.75 14.75V16.25C4.75 17.9069 6.09315 19.25 7.75 19.25H16.25C17.9069 19.25 19.25 17.9069 19.25 16.25V14.75'%3E%3C/path%3E%3Cpath stroke='%23BDC1C6' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M12 14.25L12 5'%3E%3C/path%3E%3Cpath stroke='%23BDC1C6' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M8.75 8.25L12 4.75L15.25 8.25'%3E%3C/path%3E%3C/svg%3E%0A");
}
.theme-dark .filepicker-filelist .filepicker-container,
.theme-dark .filemanager.fm-noitems .fm-empty-container {
    border-color: #282a2d;
}
.filepicker-filelist .dndupload-target,
.filemanager-container .dndupload-target {
    background: #feeded;
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 10px;
    right: 10px;
    border: 2px dashed #ef1010;
    border-radius: 7px;
    padding: 60px 0 35px;
    text-align: center;
    font-size: 0.75rem;
    font-weight: 500;
    color: #ef1010;
}
.filepicker-filelist .dndupload-target .dndupload-arrow,
.filemanager-container .dndupload-target .dndupload-arrow {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23ca0d0d' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M4.75 14.75V16.25C4.75 17.9069 6.09315 19.25 7.75 19.25H16.25C17.9069 19.25 19.25 17.9069 19.25 16.25V14.75'%3E%3C/path%3E%3Cpath stroke='%23ca0d0d' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M12 14.25L12 5'%3E%3C/path%3E%3Cpath stroke='%23ca0d0d' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M8.75 8.25L12 4.75L15.25 8.25'%3E%3C/path%3E%3C/svg%3E%0A");
    background-size: 32px;
    background-repeat: no-repeat;
    background-position: center;
    top: 5px;
}
.filepicker-filelist.dndupload-over .dndupload-target,
.filemanager-container.dndupload-over .dndupload-target {
    background: #eef8ff;
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 10px;
    right: 10px;
    border: 2px dashed #406cd2;
    border-radius: 7px;
    padding: 60px 0 35px;
    text-align: center;
    font-size: 0.75rem;
    font-weight: 500;
    color: #406cd2;
}
.filepicker-filelist.dndupload-over .dndupload-target .dndupload-arrow,
.filemanager-container.dndupload-over .dndupload-target .dndupload-arrow {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23406CD2' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M4.75 14.75V16.25C4.75 17.9069 6.09315 19.25 7.75 19.25H16.25C17.9069 19.25 19.25 17.9069 19.25 16.25V14.75'%3E%3C/path%3E%3Cpath stroke='%23406CD2' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M12 14.25L12 5'%3E%3C/path%3E%3Cpath stroke='%23406CD2' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M8.75 8.25L12 4.75L15.25 8.25'%3E%3C/path%3E%3C/svg%3E%0A");
    background-size: 32px;
    background-repeat: no-repeat;
    background-position: center;
    top: 5px;
}
.dndupload-message {
    display: none;
}
.dndsupported .dndupload-message {
    margin-top: 15px;
    display: block;
    font-size: 0.875rem;
    color: #a19eab;
}
.dnduploadnotsupported-message {
    display: none;
}
.dndnotsupported .dnduploadnotsupported-message {
    display: block;
    margin: 0;
}
.dndupload-target {
    display: none;
}
.dndsupported .dndupload-ready .dndupload-target {
    display: block;
    margin: 0;
}
.dndupload-uploadinprogress {
    display: none;
    text-align: center;
}
.dndupload-uploading .dndupload-uploadinprogress {
    display: block;
}
.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: 700;
}
.filemanager.fp-select.fp-folder .fp-file-download {
    display: none;
}
.fm-operation {
    font-weight: 700;
}
.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 {
    padding-bottom: 10px;
}
.filemanager.fp-mkdir-dlg .fp-mkdir-dlg-text {
    margin: 0 0 20px;
    text-align: left;
}
.filemanager.fp-dlg {
    margin: 0 0 5px;
    text-align: left;
}
.filemanager.fp-dlg .btn {
    width: 48%;
}
.file-picker.fp-msg.fp-msg-error .btn {
    width: 100%;
}
.file-picker div.bd {
    text-align: left;
}
.fp-formset {
    padding: 10px 0;
}
.fp-formset input[type="file"] {
    line-height: inherit;
}
.fp-forminset {
    padding: 0 10px;
}
.fp-fileinfo .fp-value {
    display: inline-block;
}
[data-fieldtype="filepicker"] p {
    margin: 1rem 0 0.5rem;
    font-size: 0.75rem;
}
#fitem_id_overviewfiles_filemanager {
    margin-top: 30px;
}
.theme-dark .file-picker .ygtvtn,
.theme-dark .filemanager .ygtvtn,
.theme-dark .file-picker .ygtvtm,
.theme-dark .filemanager .ygtvtm,
.theme-dark .file-picker .ygtvtmh,
.theme-dark .filemanager .ygtvtmh,
.theme-dark .file-picker .ygtvtp,
.theme-dark .filemanager .ygtvtp,
.theme-dark .file-picker .ygtvtph,
.theme-dark .filemanager .ygtvtph,
.theme-dark .file-picker .ygtvln,
.theme-dark .filemanager .ygtvln,
.theme-dark .file-picker .ygtvlm,
.theme-dark .filemanager .ygtvlm,
.theme-dark .file-picker .ygtvlmh,
.theme-dark .filemanager .ygtvlmh,
.theme-dark .file-picker .ygtvlp,
.theme-dark .filemanager .ygtvlp,
.theme-dark .file-picker .ygtvlph,
.theme-dark .filemanager .ygtvlph,
.theme-dark .file-picker .ygtvloading,
.theme-dark .filemanager .ygtvloading,
.theme-dark .file-picker .ygtvdepthcell,
.theme-dark .filemanager .ygtvdepthcell,
.theme-dark .fp-iconview .fp-file.fp-hasreferences .fp-reficons1,
.theme-dark .fp-iconview .fp-file.fp-isreference .fp-reficons2,
.theme-dark .filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail,
.theme-dark .filemanager .fp-filename-icon.fp-hasreferences .fp-reficons1,
.theme-dark .filemanager .fp-filename-icon.fp-isreference .fp-reficons2,
.theme-dark .ygtvtn,
.theme-dark .ygtvln,
.theme-dark .ygtvtp,
.theme-dark .ygtvtph,
.theme-dark .ygtvtmh,
.theme-dark .ygtvtm,
.theme-dark .ygtvdepthcell {
    filter: invert(1);
}
.message-app {
    display: flex;
    flex-direction: column;
}
#page-message-index #region-main div[role="main"] {
    height: 100%;
}
#page-message-index #region-main div[role="main"] .message-app.main {
    height: 700px;
}
#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%;
}
.hidden {
    display: none;
}
.conversationcontainer {
    width: 340px;
}
.messaging-area-container .status .online-text {
    display: none;
    color: #ece6ed;
}
.messaging-area-container .status .offline-text {
    color: #ef1010;
}
.messaging-area-container .status.online .online-text {
    display: inherit;
}
.messaging-area-container .status.online .offline-text {
    display: none;
}
.messaging-area-container .messaging-area {
    width: calc(100% + 80px);
    margin: 0 -40px -40px;
    clear: both;
    border-top: 1px solid #e1e0e4;
}
.messaging-area-container .messaging-area img {
    max-width: 100%;
}
.messaging-area-container .messaging-area .contacts-area {
    border-right: 1px solid #e1e0e4;
    height: 630px;
    width: 280px;
    display: inline-block;
}
.messaging-area-container .messaging-area .contacts-area .searchtextarea {
    padding: 0.5rem;
    text-align: center;
    background-color: #fff;
    transition: background-color linear 0.2s;
}
.messaging-area-container .messaging-area .contacts-area .searchtextarea.searching {
    background-color: #f9f9fa;
    transition: background-color linear 0.2s;
}
.messaging-area-container .messaging-area .contacts-area .searchtextarea.searching input {
    background-color: #fff;
    transition: background-color linear 0.2s;
}
.messaging-area-container .messaging-area .contacts-area .searchtextarea .searchfilterarea {
    line-height: 20px;
    cursor: pointer;
}
.messaging-area-container .messaging-area .contacts-area .searchtextarea .searchfilterarea .searchfilter {
    float: left;
}
.messaging-area-container .messaging-area .contacts-area .searchtextarea .searchfilterarea .searchfilterdelete {
    float: left;
    margin-left: 5px;
}
.messaging-area-container .messaging-area .contacts-area .searcharea .heading {
    text-align: center;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    font-size: 14px;
    font-weight: 700;
}
.messaging-area-container .messaging-area .contacts-area .searcharea .course {
    text-align: center;
}
.messaging-area-container .messaging-area .contacts-area .searcharea .course:hover {
    background-color: #4f94cd;
    color: #fff;
    border: 0;
    cursor: pointer;
}
.messaging-area-container .messaging-area .contacts-area .searcharea .noresults {
    padding-top: 20px;
    text-align: center;
}
.messaging-area-container .messaging-area .contacts-area .contacts {
    height: 420px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
.messaging-area-container .messaging-area .contacts-area .contacts .nocontacts {
    padding-top: 20px;
    text-align: center;
}
.messaging-area-container .messaging-area .contacts-area .contacts .contact {
    height: 66px;
    cursor: pointer;
    border-radius: 7px;
    margin: 0.5rem;
}
.messaging-area-container .messaging-area .contacts-area .contacts .contact.unread {
    background-color: #f1f1f1;
}
.messaging-area-container .messaging-area .contacts-area .contacts .contact.unread .picture {
    border-color: #f1f1f1;
}
.messaging-area-container .messaging-area .contacts-area .contacts .contact.unread .information {
    width: 60%;
}
.messaging-area-container .messaging-area .contacts-area .contacts .contact.unread .unread-count-container {
    display: inline-block;
    width: 15%;
}
.messaging-area-container .messaging-area .contacts-area .contacts .contact:hover {
    background-color: #ece6ed !important;
    color: #fff !important;
    border: 0 !important;
}
.messaging-area-container .messaging-area .contacts-area .contacts .contact:hover .information .lastmessage {
    color: #fff;
}
.messaging-area-container .messaging-area .contacts-area .contacts .contact:hover .picture {
    border: 0;
}
.messaging-area-container .messaging-area .contacts-area .contacts .contact.selected {
    background-color: #ece6ed !important;
    color: #fff !important;
    border: 0 !important;
}
.messaging-area-container .messaging-area .contacts-area .contacts .contact.selected .information .lastmessage {
    color: #fff;
}
.messaging-area-container .messaging-area .contacts-area .contacts .contact.selected .picture {
    border: 0;
}
.messaging-area-container .messaging-area .contacts-area .contacts .contact .picture {
    line-height: 66px;
    text-align: center;
    height: 66px;
    border-bottom: 1px solid #fff;
    width: 25%;
    display: inline-block;
}
.messaging-area-container .messaging-area .contacts-area .contacts .contact .picture img {
    border-radius: 50%;
    height: 34px;
}
.messaging-area-container .messaging-area .contacts-area .contacts .contact .information {
    padding: 6px 0;
    height: 66px;
    width: 75%;
    display: inline-block;
}
.messaging-area-container .messaging-area .contacts-area .contacts .contact .information .name {
    font-weight: 700;
}
.messaging-area-container .messaging-area .contacts-area .contacts .contact .information .name img {
    vertical-align: baseline;
}
.messaging-area-container .messaging-area .contacts-area .contacts .contact .information .lastmessage {
    word-wrap: break-word;
    margin: 0;
    height: 40px;
    line-height: 17px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #a1a1a1;
    padding-right: 10px;
}
.messaging-area-container .messaging-area .contacts-area .contacts .contact .unread-count-container {
    display: none;
    line-height: 66px;
    text-align: center;
}
.messaging-area-container .messaging-area .contacts-area .tabs {
    border-top: 1px solid #e1e0e4;
}
.messaging-area-container .messaging-area .contacts-area .tabs .tab {
    cursor: pointer;
    height: 100%;
    background-color: #f9f9fa;
    margin: 0;
    width: 50%;
    text-align: center;
    float: left;
}
.messaging-area-container .messaging-area .contacts-area .tabs .tab:hover {
    color: #4f94cd;
}
.messaging-area-container .messaging-area .contacts-area .tabs .tab .tabimage {
    height: 30px;
    line-height: 30px;
}
.messaging-area-container .messaging-area .contacts-area .tabs .tab .tabimage img {
    height: 20px;
}
.messaging-area-container .messaging-area .contacts-area .tabs .tab.selected {
    color: #4f94cd;
}
.messaging-area-container .messaging-area .messages-area {
    width: calc(100% - 280px);
    height: 600px;
    margin: 0;
    position: relative;
    float: right;
}
.messaging-area-container .messaging-area .messages-area .btn-container {
    position: absolute;
    top: 0;
    left: 0;
    padding-left: 15px;
    font-weight: 400;
}
.messaging-area-container .messaging-area .messages-area .btn-container.view-toggle {
    display: none;
}
.messaging-area-container .messaging-area .messages-area .btn-container.delete-all {
    display: none;
}
.messaging-area-container .messaging-area .messages-area .profile-header {
    height: 50px;
    line-height: 50px;
    display: none;
}
.messaging-area-container .messaging-area .messages-area .profile-header .btn-container {
    display: block;
}
.messaging-area-container .messaging-area .messages-area .profile-header .btn-container .btn-link,
.messaging-area-container .messaging-area .messages-area .profile-header .btn-container [data-fieldtype="submit"] a,
[data-fieldtype="submit"] .messaging-area-container .messaging-area .messages-area .profile-header .btn-container a,
.messaging-area-container .messaging-area .messages-area .profile-header .btn-container .cancel a,
.cancel .messaging-area-container .messaging-area .messages-area .profile-header .btn-container a,
.messaging-area-container .messaging-area .messages-area .profile-header .btn-container #page-mod-quiz-report .gradetheselink,
#page-mod-quiz-report .messaging-area-container .messaging-area .messages-area .profile-header .btn-container .gradetheselink {
    padding: 0;
    line-height: inherit;
}
.messaging-area-container .messaging-area .messages-area .profile {
    padding: 30px;
    font-size: 16px;
    height: 600px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
.messaging-area-container .messaging-area .messages-area .profile .user-container {
    height: 100px;
}
.messaging-area-container .messaging-area .messages-area .profile .user-container .profile-picture {
    border-radius: 50%;
    max-height: 100px;
    display: inline-block;
}
.messaging-area-container .messaging-area .messages-area .profile .user-container .name-container {
    display: inline-block;
    vertical-align: top;
    margin-top: 20px;
    margin-left: 10px;
}
.messaging-area-container .messaging-area .messages-area .profile .user-container .name-container .name {
    font-weight: 700;
    display: block;
}
.messaging-area-container .messaging-area .messages-area .profile .user-container .name-container .status {
    display: block;
    font-size: 14px;
}
.messaging-area-container .messaging-area .messages-area .profile .information {
    margin: 0;
    display: inline-block;
    margin-top: 20px;
    font-size: 14px;
    list-style: none;
}
.messaging-area-container .messaging-area .messages-area .profile .information .name {
    display: inline-block;
    font-weight: 700;
    text-align: right;
    margin-right: 10px;
}
.messaging-area-container .messaging-area .messages-area .profile .information .value {
    display: inline-block;
}
.messaging-area-container .messaging-area .messages-area .profile .actions {
    padding-top: 80px;
}
.messaging-area-container .messaging-area .messages-area .profile .actions .separator {
    border-bottom: 1px solid #e1e0e4;
    margin-bottom: 20px;
    padding-bottom: 5px;
}
.messaging-area-container .messaging-area .messages-area .profile .actions .separator a.danger {
    color: #ff6961;
}
.messaging-area-container .messaging-area .messages-area .messages-header {
    font-weight: 700;
    border-bottom: 1px solid #e1e0e4;
    position: relative;
}
.messaging-area-container .messaging-area .messages-area .messages-header .btn-link,
.messaging-area-container .messaging-area .messages-area .messages-header [data-fieldtype="submit"] a,
[data-fieldtype="submit"] .messaging-area-container .messaging-area .messages-area .messages-header a,
.messaging-area-container .messaging-area .messages-area .messages-header .cancel a,
.cancel .messaging-area-container .messaging-area .messages-area .messages-header a,
.messaging-area-container .messaging-area .messages-area .messages-header #page-mod-quiz-report .gradetheselink,
#page-mod-quiz-report .messaging-area-container .messaging-area .messages-area .messages-header .gradetheselink {
    padding: 0;
    line-height: inherit;
}
.messaging-area-container .messaging-area .messages-area .messages-header .delete-instructions {
    display: none;
}
.messaging-area-container .messaging-area .messages-area .messages-header .name-container {
    padding: 2rem;
    display: inline-block;
}
.messaging-area-container .messaging-area .messages-area .messages-header .name-container .name {
    line-height: 20px;
}
.messaging-area-container .messaging-area .messages-area .messages-header .name-container .status {
    position: absolute;
    top: -10px;
    font-weight: 700;
    font-size: 0.75rem;
    font-weight: 400;
}
.messaging-area-container .messaging-area .messages-area .messages-header .actions {
    position: absolute;
    top: 2rem;
    right: 2rem;
    font-weight: 400;
}
.messaging-area-container .messaging-area .messages-area .messages-header .actions .cancel-messages-delete {
    display: none;
}
.messaging-area-container .messaging-area .messages-area .messages {
    height: 360px;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    padding: 2.5rem;
}
.messaging-area-container .messaging-area .messages-area .messages.hidden {
    right: -360px;
}
.messaging-area-container .messaging-area .messages-area .messages .blocktime {
    clear: both;
    text-align: center;
    color: #c4c3cb;
    font-size: 0.75rem;
    font-weight: 700;
    margin: 1rem 0;
}
.messaging-area-container .messaging-area .messages-area .messages .message .deletemessagecheckbox {
    display: none;
    text-align: center;
    padding-top: 5px;
}
.messaging-area-container .messaging-area .messages-area .messages .message .content {
    padding: 1.5rem;
    border-radius: 7px;
    margin-bottom: 0.5rem;
    font-size: 0.875rem;
    word-wrap: break-word;
    max-width: 55%;
    position: relative;
}
.messaging-area-container .messaging-area .messages-area .messages .message .content.right {
    background-color: #f9f9fa;
}
.messaging-area-container .messaging-area .messages-area .messages .message .content.left {
    background-color: #420047;
}
.messaging-area-container .messaging-area .messages-area .messages .message .content .text {
    display: block;
}
.messaging-area-container .messaging-area .messages-area .messages .message .content .text p {
    margin: 0;
}
.messaging-area-container .messaging-area .messages-area .messages .message .content .timesent {
    font-size: 10px;
    color: #a1a1a1;
    float: right;
}
.messaging-area-container .messaging-area .messages-area .messages .message .content.left {
    margin-left: auto;
}
.messaging-area-container .messaging-area .messages-area .messages .message .content.right {
    margin-right: auto;
}
.messaging-area-container .messaging-area .messages-area .response {
    display: table;
    padding: 1.5rem;
    position: absolute;
    bottom: -31px;
    left: 0;
    width: 100%;
    line-height: 28px;
    text-align: center;
    border-top: 1px solid #e1e0e4;
    background-color: #fff;
    transition: background-color linear 0.2s;
}
.messaging-area-container .messaging-area .messages-area .response .delete-confirmation {
    display: none;
}
.messaging-area-container .messaging-area .messages-area .response .delete-confirmation .btn.btn-link.confirm,
.messaging-area-container .messaging-area .messages-area .response .delete-confirmation [data-fieldtype="submit"] a.btn.confirm,
[data-fieldtype="submit"] .messaging-area-container .messaging-area .messages-area .response .delete-confirmation a.btn.confirm,
.messaging-area-container .messaging-area .messages-area .response .delete-confirmation .cancel a.btn.confirm,
.cancel .messaging-area-container .messaging-area .messages-area .response .delete-confirmation a.btn.confirm,
.messaging-area-container .messaging-area .messages-area .response .delete-confirmation #page-mod-quiz-report .btn.confirm.gradetheselink,
#page-mod-quiz-report .messaging-area-container .messaging-area .messages-area .response .delete-confirmation .btn.confirm.gradetheselink {
    border: 1px solid #4f94cd;
    height: 30px;
}
.messaging-area-container .messaging-area .messages-area .response .delete-confirmation .btn.btn-link.confirm:hover,
.messaging-area-container .messaging-area .messages-area .response .delete-confirmation [data-fieldtype="submit"] a.btn.confirm:hover,
[data-fieldtype="submit"] .messaging-area-container .messaging-area .messages-area .response .delete-confirmation a.btn.confirm:hover,
.messaging-area-container .messaging-area .messages-area .response .delete-confirmation .cancel a.btn.confirm:hover,
.cancel .messaging-area-container .messaging-area .messages-area .response .delete-confirmation a.btn.confirm:hover,
.messaging-area-container .messaging-area .messages-area .response .delete-confirmation #page-mod-quiz-report .btn.confirm.gradetheselink:hover,
#page-mod-quiz-report .messaging-area-container .messaging-area .messages-area .response .delete-confirmation .btn.confirm.gradetheselink:hover {
    background-color: #4f94cd;
    color: #fff;
    text-shadow: none;
}
.messaging-area-container .messaging-area .messages-area .response .message-box {
    display: table-row;
}
.messaging-area-container .messaging-area .messages-area .response .message-box .message-text-container textarea {
    padding: 1.5rem;
    vertical-align: middle;
    width: 100%;
    height: 120px;
    margin: 0;
    resize: none;
    border: 0;
    box-shadow: none;
    background-color: #f9f9fa;
    border-radius: 7px;
    font-size: 0.875rem;
    transition: background-color linear 0.2s;
}
.messaging-area-container .messaging-area .messages-area .response .message-box .message-text-container textarea:focus {
    box-shadow: none;
}
.messaging-area-container .messaging-area .messages-area .response.messaging {
    background-color: #f9f9fa;
    transition: background-color linear 0.2s;
}
.messaging-area-container .messaging-area .messages-area .response.messaging .message-box .message-text-container textarea {
    background-color: #fff;
    transition: background-color linear 0.2s;
}
.messaging-area-container .messaging-area .messages-area.editing .messages-header .btn-container.view-all {
    display: none;
}
.messaging-area-container .messaging-area .messages-area.editing .messages-header .btn-container.delete-all {
    display: block;
}
.messaging-area-container .messaging-area .messages-area.editing .messages-header .delete-instructions {
    display: block;
}
.messaging-area-container .messaging-area .messages-area.editing .messages-header .name-container {
    display: none;
}
.messaging-area-container .messaging-area .messages-area.editing .messages-header .actions .messages-delete {
    display: none;
}
.messaging-area-container .messaging-area .messages-area.editing .messages-header .actions .cancel-messages-delete {
    display: block;
}
.messaging-area-container .messaging-area .messages-area.editing .messages .message {
    cursor: pointer;
}
.messaging-area-container .messaging-area .messages-area.editing .messages .message[aria-checked="true"] .content {
    background-color: #ef1010;
    border-color: #ef1010;
    color: #fff;
}
.messaging-area-container .messaging-area .messages-area.editing .messages .message[aria-checked="true"] .content .timesent {
    color: #fff;
}
.messaging-area-container .messaging-area .messages-area.editing .messages .message[aria-checked="false"] .content:hover {
    background-color: #ef1010;
    color: #fff;
}
.messaging-area-container .messaging-area .messages-area.editing .messages .message[aria-checked="false"] .content:hover .timesent {
    color: #fff;
}
.messaging-area-container .messaging-area .messages-area.editing .response .delete-confirmation {
    display: block;
}
.messaging-area-container .messaging-area .messages-area.editing .response .message-box {
    display: none;
}
@media (max-width: 1088.98px) {
    .preferences-container {
        overflow-x: auto;
        width: 100%;
    }
}
.preferences-container .table {
    width: 100%;
}
@media (max-width: 1088.98px) {
    .preferences-container .table {
        width: max-content;
    }
}
.preferences-container .container-fluid,
.preferences-container .container-sm,
.preferences-container .container-md,
.preferences-container .container-lg,
.preferences-container .container-xl {
    padding: 0;
}
.preferences-container .container-fluid .span6,
.preferences-container .container-sm .span6,
.preferences-container .container-md .span6,
.preferences-container .container-lg .span6,
.preferences-container .container-xl .span6 {
    min-height: 20px;
}
.preferences-container .align-bottom {
    vertical-align: bottom;
}
.preferences-container .preference-table thead th {
    text-align: center;
}
.preferences-container .preference-table thead th h4 {
    margin: 0;
}
.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 td:not(:first-child) {
    text-align: center;
}
.preferences-container .preference-table tr td:nth-child(even) {
    background-color: #f9f9fa;
}
.theme-dark .preferences-container .preference-table tr td:nth-child(even) {
    background-color: #0b0d0f;
}
.preferences-container .preference-table tr th:nth-child(even) {
    background-color: #f9f9fa;
}
.theme-dark .preferences-container .preference-table tr th:nth-child(even) {
    background-color: #0b0d0f;
}
.preferences-container .preference-table h4 {
    margin: 0;
    font-weight: 700;
    font-size: 0.875rem;
    color: #a19eab;
}
.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 .preference-state {
    margin: 0;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
}
.preferences-container .preference-table .preference-row .preference-state input[type="checkbox"]:checked + .preference-state-status-container {
    background-color: #027654;
}
.preferences-container .preference-table .preference-row .preference-state input[type="checkbox"]:checked + .preference-state-status-container .on-text {
    display: inline-block;
}
.preferences-container .preference-table .preference-row .preference-state input[type="checkbox"]:checked + .preference-state-status-container .off-text {
    display: none;
}
.preferences-container .preference-table .preference-row .preference-state .preference-state-status-container {
    width: auto;
    height: 30px;
    line-height: 30px;
    text-align: center;
    padding: 0 20px;
    border-radius: 60px;
    background-color: #d9534f;
    font-weight: 700;
    font-size: 0.75rem;
    color: #fff;
    cursor: pointer;
}
.preferences-container .preference-table .preference-row .preference-state .preference-state-status-container .loading-icon {
    display: none;
}
.preferences-container .preference-table .preference-row .preference-state .preference-state-status-container .on-text {
    display: none;
}
.preferences-container .preference-table .preference-row .preference-state .preference-state-status-container .off-text {
    display: inline-block;
}
.preferences-container .preference-table .preference-row .preference-state.loading input[type="checkbox"]:checked + .preference-state-status-container .on-text,
.preferences-container .preference-table .preference-row .preference-state.loading input[type="checkbox"]:checked + .preference-state-status-container .off-text {
    display: none;
}
.preferences-container .preference-table .preference-row .preference-state.loading .preference-state-status-container .on-text,
.preferences-container .preference-table .preference-row .preference-state.loading .preference-state-status-container .off-text {
    display: none;
}
.preferences-container .preference-table .preference-row .preference-state.loading .preference-state-status-container .loading-icon {
    display: block;
}
.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 .loading-icon {
    display: none;
}
.preferences-page-container .checkbox-container.loading .loading-icon {
    display: inline-block;
}
#page-message-output-popup-notifications #region-main {
    background-color: transparent !important;
}
.notification-area {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    height: auto;
    color: #090223;
}
.notification-area .content-item-body {
    display: inline-flex;
    align-content: flex-start;
}
.notification-area .control-area {
    padding: 0;
    margin-right: 30px;
    display: inline-flex;
    width: 300px;
    max-height: 600px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    border-right: 1px solid #e1e0e4;
}
@media (max-width: 1088.98px) {
    .notification-area .control-area {
        height: auto;
        width: 100%;
        display: block;
        margin: 0 auto;
        padding: 0;
        border-right: 0;
    }
}
.notification-area .control-area .content {
    padding: 0 20px 0 0;
    position: relative;
}
.notification-area .control-area .content:empty {
    display: none;
}
.notification-area .control-area .content .content-item-container {
    cursor: pointer;
}
.notification-area .control-area .content:empty + .empty-text {
    display: block;
    padding-top: 10px;
}
.notification-area .control-area .loading-icon {
    display: none;
}
.notification-area .control-area .empty-text {
    display: none;
    text-align: center;
}
.notification-area .control-area.loading .loading-icon {
    display: block;
    text-align: center;
    padding: 5px;
}
.notification-area .control-area.loading .content:empty + .empty-text {
    display: none;
}
.notification-area .content-area {
    width: calc(100% - 340px);
    display: block;
}
.notification-area .content-area .toggle-mode {
    display: none;
}
.notification-area .content-area .header {
    padding: 0 0 0 30px;
}
.notification-area .content-area .header .image-container {
    display: inline-block;
    width: 60px;
}
.notification-area .content-area .header .image-container img {
    width: 65%;
}
.notification-area .content-area .header .subject-container {
    margin-bottom: 10px;
    display: inline-flex;
    width: calc(100% - 70px);
    font-size: 1.125rem;
    font-weight: 500;
}
.notification-area .content-area .header .timestamp {
    margin: 0 0 0 65px;
    font-size: 0.875rem;
    color: #a19eab;
}
.notification-area .content-area .header:empty {
    display: none;
}
.notification-area .content-area > .content {
    margin: 30px 0 0 95px;
    height: auto;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}
.notification-area .content-area > .content:empty {
    display: none;
}
.notification-area .content-area > .content:empty + .empty-text {
    display: block;
    text-align: left;
    padding: 10px 30px;
}
.notification-area .content-area .empty-text {
    display: none;
}
.notification-area .content-area .footer {
    margin: 30px 0 0 95px;
    padding: 10px 30px;
    background-color: #f9f9fa;
    border-radius: 7px;
    font-size: 0.875rem;
    font-weight: 500;
    color: #413c55;
}
.notification-area .content-area .footer:empty {
    display: none;
}
.notification-area .content-area .footer a {
    color: #413c55;
}
div.disabled {
    opacity: 0.5;
}
.message-drawer {
    background-color: #fff;
}
.theme-dark .message-drawer {
    background-color: #e8eaed;
}
@media (min-width: 768px) {
    .message-drawer {
        width: 360px;
    }
}
@media (min-width: 320px) and (max-width: 767.98px) {
    .message-drawer {
        width: 100%;
        height: 100%;
        top: 0;
        right: 0;
    }
}
.message-drawer.hidden {
    display: block;
    right: -100%;
}
.message-drawer .nav .nav-item {
    font-size: 0.875rem;
    font-weight: 500;
}
.message-drawer .nav .nav-item a:hover {
    color: #c6b3c8;
}
.message-drawer .nav .nav-item .active:before {
    width: 100%;
}
[data-region="message-drawer"] {
    display: contents;
}
[data-region="send-message-txt"] {
    height: 120px;
}
.message-drawer [data-region="no-results-container"],
.message-app [data-region="no-results-container"] {
    font-size: 0.75rem;
    color: #413c55;
}
.theme-dark .message-drawer [data-region="no-results-container"],
.theme-dark .message-app [data-region="no-results-container"] {
    color: #bdc1c6;
}
.message-drawer .message-title,
.message-app .message-title {
    max-width: 120px;
    font-size: 0.875rem;
    font-weight: 700;
    color: #090223;
}
.theme-dark .message-drawer .message-title,
.theme-dark .message-app .message-title {
    color: #e8eaed;
}
.message-drawer .rui-message-subname,
.message-app .rui-message-subname {
    max-width: 120px;
    font-size: 0.75rem;
    font-weight: 500;
    color: #413c55;
}
.theme-dark .message-drawer .rui-message-subname,
.theme-dark .message-app .rui-message-subname {
    color: #bdc1c6;
}
.message-drawer .close,
.message-drawer .yui3-skin-sam .yui3-button.closebutton,
.yui3-skin-sam .message-drawer .yui3-button.closebutton,
.message-app .close,
.message-app .yui3-skin-sam .yui3-button.closebutton,
.yui3-skin-sam .message-app .yui3-button.closebutton {
    position: absolute;
    top: 7px;
    right: 6px;
    z-index: 10001;
}
.message-drawer .section.expanded,
.message-app .section.expanded {
    overflow: hidden;
    border-radius: 7px;
    box-shadow: rgba(50, 50, 93, 0.25) 0 2px 5px -1px, rgba(0, 0, 0, 0.3) 0 1px 3px -1px;
    border: 2px solid #420047;
}
.message-drawer .header-container,
.message-app .header-container {
    flex-shrink: 0;
}
.message-drawer .body-container,
.message-app .body-container {
    flex: 1;
    overflow: hidden;
}
.message-drawer .body-container > *,
.message-app .body-container > * {
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
}
.message-drawer .footer-container,
.message-app .footer-container {
    flex-shrink: 0;
}
.message-drawer .contact-status,
.message-app .contact-status {
    position: absolute;
    left: 5px;
    top: 5px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
}
.message-drawer .contact-status.online,
.message-app .contact-status.online {
    border: 3px solid #fff;
    background-color: #048444;
}
.theme-dark .message-drawer .contact-status.online,
.theme-dark .message-app .contact-status.online {
    border-color: #e8eaed;
}
.message-drawer .message-txt,
.message-app .message-txt {
    padding: 0 60px 0 0;
    display: inline-flex;
    align-items: start;
    font-size: 0.875rem;
    color: #413c55;
    word-break: break-all;
}
.theme-dark .message-drawer .message-txt,
.theme-dark .message-app .message-txt {
    color: #bdc1c6;
}
.message-drawer .message img,
.message-app .message img {
    width: auto;
    height: auto;
}
.message-drawer .clickable,
.message-app .clickable {
    padding: 0.35rem 0;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    border-radius: 7px;
}
.message-drawer .clickable.border-danger,
.message-app .clickable.border-danger {
    padding: 0.35rem;
    border: 2px dashed #ef1010 !important;
}
.message-drawer .clickable.border-danger .rui-last-message-date-icon,
.message-app .clickable.border-danger .rui-last-message-date-icon {
    display: none;
}
.message-drawer .clickable:hover:before,
.message-app .clickable:hover:before {
    content: "";
    background-color: #e1e0e4;
    width: 5px;
    height: 5px;
    border-radius: 7px;
    position: absolute;
    top: 0;
    left: -3px;
    animation: pulse 2s infinite;
}
.theme-dark .message-drawer .clickable:hover:before,
.theme-dark .message-app .clickable:hover:before {
    border-color: #2e3134;
}
.message-drawer .icon,
.message-app .icon {
    margin: 0;
}
.message-drawer [data-region="content-container"],
.message-app [data-region="content-container"] {
    font-size: 0.875rem;
    color: #413c55;
}
.theme-dark .message-drawer [data-region="content-container"],
.theme-dark .message-app [data-region="content-container"] {
    color: #bdc1c6;
}
.message-drawer .overview-section-toggle .collapsed-icon-container,
.message-app .overview-section-toggle .collapsed-icon-container {
    display: none;
}
.message-drawer .overview-section-toggle .expanded-icon-container,
.message-app .overview-section-toggle .expanded-icon-container {
    display: inline-block;
}
.message-drawer .overview-section-toggle.collapsed .collapsed-icon-container,
.message-app .overview-section-toggle.collapsed .collapsed-icon-container {
    display: inline-block;
}
.message-drawer .overview-section-toggle.collapsed .expanded-icon-container,
.message-app .overview-section-toggle.collapsed .expanded-icon-container {
    display: none;
}
.message-drawer .rui-view-overview-body .section,
.message-app .rui-view-overview-body .section {
    display: block;
    margin: 0 0 0.5rem !important;
}
.message-drawer .rui-view-overview-body .section.expanded,
.message-app .rui-view-overview-body .section.expanded {
    display: flex;
}
.message-drawer .section .collapsing,
.message-app .section .collapsing {
    overflow: hidden;
}
.message-drawer .lazy-load-list,
.message-app .lazy-load-list {
    overflow-y: auto;
}
.message-app .body-container > * {
    position: relative;
}
.dir-rtl .message-drawer {
    box-shadow: rgba(50, 50, 93, 0.25) 0 2px 5px -1px, rgba(0, 0, 0, 0.3) 0 1px 3px -1px;
}
.message-search-results-content {
    border-bottom: 1px solid #e1e0e4;
    padding-bottom: 1.5rem;
}
.theme-dark .message-search-results-content {
    border-color: #2e3134;
}
.rui-message-header-info {
    color: #090223;
}
.theme-dark .rui-message-header-info {
    color: #e8eaed;
}
.rui-message-name {
    display: block;
    font-size: 0.85rem;
}
.rui-message-user-status,
[data-action="view-group-info"] small {
    display: block;
    width: 100%;
    font-size: 0.65rem;
    font-weight: 500;
    color: #a19eab;
}
.theme-dark .rui-message-user-status,
.theme-dark [data-action="view-group-info"] small {
    color: #9aa0a6;
}
.rui-message-user-status {
    margin-top: 0.35rem;
}
.rui-message-name-favorite {
    position: absolute;
    top: -8px;
    left: -10px;
    width: 20px;
    height: 20px;
    background-color: #fff;
    border-radius: 7px;
    color: #f4a614;
    display: flex;
    align-content: center;
    justify-content: center;
}
.theme-dark .rui-message-name-favorite {
    background-color: #e8eaed;
}
.rui-additional-info {
    background-color: #fff;
    padding-left: 72px;
    padding-bottom: 5px;
}
.theme-dark .rui-additional-info {
    color: #e8eaed;
}
[data-action="view-contact"] div,
[data-action="view-group-info"] {
    position: relative;
}
[data-region="last-message-date"] {
    right: 0;
}
.rui-message-app-bg {
    width: 80%;
    margin: 10px 0 20px;
}
.rui-message-app-bg .rui-message-txt {
    background-color: #eeedef;
    padding: 10px 20px 30px 10px;
    border-radius: 7px;
    font-size: 0.875rem;
    color: #090223;
}
.theme-dark .rui-message-app-bg .rui-message-txt {
    background-color: #17181b;
    color: #e8eaed;
}
.rui-message-app-bg-secondary {
    width: 80%;
    margin: 10px 0 20px;
}
.rui-message-app-bg-secondary .rui-message-txt {
    background-color: #ece6ed;
    padding: 10px 20px;
    margin-top: 0.25rem;
    margin-left: 7px;
    border-radius: 7px;
    font-size: 0.875rem;
    color: #090223;
}
.theme-dark .rui-message-app-bg-secondary .rui-message-txt {
    color: #e8eaed;
}
.rui-message-author-avatar {
    position: absolute;
    bottom: -15px;
    left: 15px;
    border: 4px solid #fff;
}
.theme-dark .rui-message-author-avatar {
    border-color: #e8eaed;
}
.rui-message-author-name {
    font-size: 0.75rem;
}
.rui-message-author-date {
    font-size: 0.75rem;
    color: #a19eab;
}
.theme-dark .rui-message-author-date {
    color: #9aa0a6;
}
#page-message-output-popup-notifications [role="main"] h2 {
    margin-bottom: 2rem;
}
#page-message-output-popup-notifications [role="main"] hr {
    margin: 20px 0;
}
#page-message-output-popup-notifications #region-main {
    background-color: #0e1420;
    color: #413c55;
}
.theme-dark #page-message-output-popup-notifications #region-main {
    background-color: #0b0d0f;
    color: #bdc1c6;
}
.btn-msg,
.btn-msg-special,
.btn-msg-danger {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    min-width: 40px;
    height: 40px;
    border-radius: 40px;
    border: none;
    transition: all 0.2s ease-in-out;
}
.btn-msg {
    background-color: transparent;
    color: #090223;
}
.theme-dark .btn-msg {
    color: #e8eaed;
}
.btn-msg:hover {
    background-color: #eeedef;
    color: #090223;
    text-decoration: none;
}
.theme-dark .btn-msg:hover {
    background-color: #17181b;
    color: #e8eaed;
}
.btn-msg-special {
    background-color: #eef8ff;
    color: #0642cd;
}
.theme-dark .btn-msg-special {
    background-color: #000;
    color: #94ade7;
}
.btn-msg-special:hover {
    background-color: #d4def8;
    color: #0642cd;
    text-decoration: none;
}
.theme-dark .btn-msg-special:hover {
    background-color: #0b0d0f;
    color: #94ade7;
}
.btn-msg-special .btn-msg--text:not(:empty) {
    margin-left: 0.35rem;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
}
.btn-msg-danger {
    background-color: transparent;
    color: #090223;
}
.theme-dark .btn-msg-danger {
    color: #e8eaed;
}
.btn-msg-danger:hover {
    background-color: #feeded;
    color: #ca0d0d;
}
[data-region="unread-count"] {
    position: absolute;
    top: 28px;
    right: 10px;
    padding: 2px 6px;
    font-size: 0.75rem;
    font-weight: 700;
    background-color: #eaf4dd;
    border-radius: 7px;
    color: #027654;
}
[data-region="empty-message-container"] .text-muted,
[data-region="empty-message-container"] .block .minicalendar td.weekend,
.block .minicalendar [data-region="empty-message-container"] td.weekend {
    margin-bottom: 1rem;
}
.alert .text-muted,
.que .validationerror .text-muted,
.que .validationerror .block .minicalendar td.weekend,
.block .minicalendar .que .validationerror td.weekend,
#page-mod-choice-view #notice p .text-muted,
#page-mod-choice-view #notice p .block .minicalendar td.weekend,
.block .minicalendar #page-mod-choice-view #notice p td.weekend,
.alert .block .minicalendar td.weekend,
.block .minicalendar .alert td.weekend {
    color: inherit !important;
    margin-bottom: 0.5rem;
}
.emoji-picker-container {
    position: absolute;
    top: -5px;
    right: 0;
    transform: translateY(-100%);
    z-index: 10001;
}
@media (max-width: 319.98px) {
    .emoji-picker-container {
        right: -0.5rem;
    }
}
.emoji-auto-complete-container {
    overflow: auto;
    max-height: 110px;
    transition: max-height 0.15s ease-in-out;
    visibility: visible;
    padding-bottom: 10px;
}
.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;
}
.emoji-picker .emojis-container,
.emoji-picker .search-results-container {
    max-height: 300px !important;
    overflow-y: scroll;
}
.rui-message-app-title {
    font-size: 14px;
    font-weight: 500;
    color: #090223;
}
.theme-dark .rui-message-app-title {
    color: #e8eaed;
}
.rui-message-container-md {
    margin-left: 72px;
    margin-right: 15px;
}
.rui-message-header-container {
    padding: 10px 15px;
}
.rui-message-hr {
    margin: 0;
}
.rui-message-header-margin {
    margin: 1rem 0.5rem 1rem 0;
}
.rui-message-search-wrapper {
    position: relative;
}
.rui-message-search-input {
    display: block;
    padding: 10px 50px 10px 60px;
    height: 56px;
    background-color: #eeedef;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23090223' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M19.25 19.25L15.5 15.5M4.75 11C4.75 7.54822 7.54822 4.75 11 4.75C14.4518 4.75 17.25 7.54822 17.25 11C17.25 14.4518 14.4518 17.25 11 17.25C7.54822 17.25 4.75 14.4518 4.75 11Z'%3E%3C/path%3E%3C/svg%3E%0A");
    background-position: 19px;
    background-repeat: no-repeat;
    background-size: 24px;
    border-radius: 7px;
    border: none;
    box-shadow: none;
    font-size: 1rem;
    font-weight: 500;
    color: #413c55;
}
.theme-dark .rui-message-search-input {
    background-color: #17181b;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23E8EAED' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M19.25 19.25L15.5 15.5M4.75 11C4.75 7.54822 7.54822 4.75 11 4.75C14.4518 4.75 17.25 7.54822 17.25 11C17.25 14.4518 14.4518 17.25 11 17.25C7.54822 17.25 4.75 14.4518 4.75 11Z'%3E%3C/path%3E%3C/svg%3E%0A");
    color: #bdc1c6;
}
.rui-message-search-input-btn {
    display: flex;
    position: absolute;
    top: calc(50% - 15px);
    right: 25px;
    width: 30px;
    height: 30px;
    background-color: #fff;
    border-radius: 7px;
    border: none;
    color: #413c55;
    transition: all 0.2s ease-in-out;
}
.theme-dark .rui-message-search-input-btn {
    background-color: #000;
    color: #bdc1c6;
}
.rui-message-search-input-btn:hover {
    background-color: #420047;
    color: #ece6ed;
}
.rui-message-accordion-wrapper {
    position: relative;
    transition: all 0.2s ease-in-out;
}
.rui-message-accordion-wrapper:after {
    position: absolute;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    top: 2px;
    left: 2px;
    border-radius: 7px;
    z-index: -1;
}
.rui-message-accordion-wrapper.expanded:after {
    content: "";
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04), 0 2px 2px rgba(0, 0, 0, 0.04), 0 4px 4px rgba(0, 0, 0, 0.04), 0 8px 8px rgba(0, 0, 0, 0.04), 0 16px 16px rgba(0, 0, 0, 0.04);
}
.rui-message-accordion {
    padding: 10px 15px 10px 20px;
    height: 56px;
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.875rem;
    font-weight: 500;
    color: #090223;
    text-align: left;
    background-color: transparent;
    border-width: 0 0 2px 0;
    border-style: solid;
    border-color: #e1e0e4;
}
.theme-dark .rui-message-accordion {
    color: #e8eaed;
    border-color: #2e3134;
}
.rui-message-accordion[aria-expanded="true"] {
    border-color: transparent;
}
.rui-message-accordion .rui-message-accordion-title {
    margin-left: 40px;
}
.rui-message-accordion .rui-message-accordion-toggle-icon {
    color: #a19eab;
    transition: all 0.2s ease-in-out;
}
.theme-dark .rui-message-accordion .rui-message-accordion-toggle-icon {
    color: #9aa0a6;
}
.expanded .rui-message-accordion .rui-message-accordion-toggle-icon {
    transform: rotate(180deg);
}
.rui-message-section-starred .rui-message-accordion-toggle .rui-message-accordion,
.rui-message-section-group .rui-message-accordion-toggle .rui-message-accordion,
.rui-message-section-private .rui-message-accordion-toggle .rui-message-accordion {
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: 45px;
}
.rui-message-section-starred .rui-message-accordion-toggle .rui-message-accordion {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23090223' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M12 4.75L13.75 10.25H19.25L14.75 13.75L16.25 19.25L12 15.75L7.75 19.25L9.25 13.75L4.75 10.25H10.25L12 4.75Z'%3E%3C/path%3E%3C/svg%3E%0A");
}
.theme-dark .rui-message-section-starred .rui-message-accordion-toggle .rui-message-accordion {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23E8EAED' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M12 4.75L13.75 10.25H19.25L14.75 13.75L16.25 19.25L12 15.75L7.75 19.25L9.25 13.75L4.75 10.25H10.25L12 4.75Z'%3E%3C/path%3E%3C/svg%3E%0A");
}
.rui-message-section-group .rui-message-accordion-toggle .rui-message-accordion {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23090223' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M5.78168 19.25H13.2183C13.7828 19.25 14.227 18.7817 14.1145 18.2285C13.804 16.7012 12.7897 14 9.5 14C6.21031 14 5.19605 16.7012 4.88549 18.2285C4.773 18.7817 5.21718 19.25 5.78168 19.25Z'%3E%3C/path%3E%3Cpath stroke='%23090223' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M15.75 14C17.8288 14 18.6802 16.1479 19.0239 17.696C19.2095 18.532 18.5333 19.25 17.6769 19.25H16.75'%3E%3C/path%3E%3Ccircle cx='9.5' cy='7.5' r='2.75' stroke='%23090223' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3C/circle%3E%3Cpath stroke='%23090223' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M14.75 10.25C16.2688 10.25 17.25 9.01878 17.25 7.5C17.25 5.98122 16.2688 4.75 14.75 4.75'%3E%3C/path%3E%3C/svg%3E%0A");
}
.theme-dark .rui-message-section-group .rui-message-accordion-toggle .rui-message-accordion {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23E8EAED' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M5.78168 19.25H13.2183C13.7828 19.25 14.227 18.7817 14.1145 18.2285C13.804 16.7012 12.7897 14 9.5 14C6.21031 14 5.19605 16.7012 4.88549 18.2285C4.773 18.7817 5.21718 19.25 5.78168 19.25Z'%3E%3C/path%3E%3Cpath stroke='%23E8EAED' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M15.75 14C17.8288 14 18.6802 16.1479 19.0239 17.696C19.2095 18.532 18.5333 19.25 17.6769 19.25H16.75'%3E%3C/path%3E%3Ccircle cx='9.5' cy='7.5' r='2.75' stroke='%23E8EAED' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3C/circle%3E%3Cpath stroke='%23E8EAED' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M14.75 10.25C16.2688 10.25 17.25 9.01878 17.25 7.5C17.25 5.98122 16.2688 4.75 14.75 4.75'%3E%3C/path%3E%3C/svg%3E%0A");
}
.rui-message-section-private .rui-message-accordion-toggle .rui-message-accordion {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23090223' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M5.75 11.75C5.75 11.1977 6.19772 10.75 6.75 10.75H17.25C17.8023 10.75 18.25 11.1977 18.25 11.75V17.25C18.25 18.3546 17.3546 19.25 16.25 19.25H7.75C6.64543 19.25 5.75 18.3546 5.75 17.25V11.75Z'%3E%3C/path%3E%3Cpath stroke='%23090223' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M7.75 10.5V10.3427C7.75 8.78147 7.65607 7.04125 8.74646 5.9239C9.36829 5.2867 10.3745 4.75 12 4.75C13.6255 4.75 14.6317 5.2867 15.2535 5.9239C16.3439 7.04125 16.25 8.78147 16.25 10.3427V10.5'%3E%3C/path%3E%3C/svg%3E%0A");
}
.theme-dark .rui-message-section-private .rui-message-accordion-toggle .rui-message-accordion {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23E8EAED' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M5.75 11.75C5.75 11.1977 6.19772 10.75 6.75 10.75H17.25C17.8023 10.75 18.25 11.1977 18.25 11.75V17.25C18.25 18.3546 17.3546 19.25 16.25 19.25H7.75C6.64543 19.25 5.75 18.3546 5.75 17.25V11.75Z'%3E%3C/path%3E%3Cpath stroke='%23E8EAED' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M7.75 10.5V10.3427C7.75 8.78147 7.65607 7.04125 8.74646 5.9239C9.36829 5.2867 10.3745 4.75 12 4.75C13.6255 4.75 14.6317 5.2867 15.2535 5.9239C16.3439 7.04125 16.25 8.78147 16.25 10.3427V10.5'%3E%3C/path%3E%3C/svg%3E%0A");
}
.rui-message-badge {
    background-color: #f9f9fa;
    border-radius: 7px;
    display: inline-flex;
    align-items: center;
    color: #a19eab;
    overflow: hidden;
}
.theme-dark .rui-message-badge {
    background-color: #0b0d0f;
    color: #9aa0a6;
}
.rui-message-badge .rui-message-badge-icon {
    padding: 4px 6px;
    background-color: #eeedef;
    color: #a19eab;
}
.theme-dark .rui-message-badge .rui-message-badge-icon {
    background-color: #17181b;
    color: #9aa0a6;
}
.rui-message-badge .rui-message-total-unread,
.rui-message-badge .rui-message-total-count {
    padding: 5px 12px;
    font-weight: 500;
}
.rui-message-badge .rui-message-total-unread {
    background-color: #eaf4dd;
    color: #027654;
}
.rui-message-list-item {
    margin: 10px 0;
    position: relative;
    border-radius: 7px;
}
.rui-message-list-item:first-of-type {
    margin-top: 0;
}
.rui-message-list-item:after {
    content: "";
    background-color: #e1e0e4;
    height: 1px;
    width: calc(100% + 12px);
    position: absolute;
    left: -6px;
    bottom: -10px;
}
.theme-dark .rui-message-list-item:after {
    background-color: #2e3134;
}
.rui-message-list-item:last-child:after {
    display: none;
}
.rui-message-list-item:hover {
    background-color: #f9f9fa;
    text-decoration: none;
}
.theme-dark .rui-message-list-item:hover {
    background-color: #0b0d0f;
}
.rui-last-message-date {
    margin-right: 10px;
    display: inline-flex;
    align-items: start;
    font-size: 0.75rem;
    font-weight: 700;
    color: #a19eab;
    line-height: 1;
}
.theme-dark .rui-last-message-date {
    color: #9aa0a6;
}
.rui-last-message-date .rui-last-message-date-icon {
    line-height: 1;
    margin-right: 0.25rem;
}
.rui-last-message-user-you,
.rui-last-message-user-sender {
    margin-right: 0.35rem;
    padding: 3px;
    display: inline-flex;
    border-radius: 7px;
}
.rui-last-message-user-you {
    background-color: #ece6ed;
    color: #420047;
}
.rui-last-message-user-sender {
    background-color: #f9f9fa;
    color: #b4b2bc;
}
.theme-dark .rui-last-message-user-sender {
    background-color: #0b0d0f;
    color: #3c4043;
}
.rui-message-heading {
    margin: 0;
    font-size: 1.125rem;
    color: #090223;
}
.theme-dark .rui-message-heading {
    color: #e8eaed;
}
.badge-msg {
    margin-left: 5px;
    padding: 3px 0 3px 5px;
    font-size: 12px;
    font-weight: 700;
    color: #027654;
}
.rui-contact-blocked {
    position: absolute;
    right: 5px;
    top: 5px;
}
.rui-contact-icon-blocked {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 7px;
    background-color: #feeded;
    color: #ef1010;
}
.rui-contact-icon-blocked .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
}
.rui-contact-request-count {
    position: absolute;
    right: 2px;
    top: 2px;
    background-color: #ef1010;
    width: 6px;
    height: 6px;
    border-radius: 6px;
    animation-name: alertDot;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}
.list-group-item-blocked {
    background-color: #feeded;
    border-color: #fbc8c8;
}
.list-group-item-blocked:hover {
    border-color: #f9a3a3;
}
.rui-message-date {
    display: block;
    position: relative;
    padding: 20px 0;
    font-weight: 700;
    font-size: 0.875rem;
    color: #413c55;
    text-align: right;
}
.theme-dark .rui-message-date {
    color: #bdc1c6;
}
.rui-message-date:before {
    content: "";
    background-color: #e1e0e4;
    width: 40px;
    height: 1px;
    position: absolute;
    top: 0;
    right: 0;
}
.theme-dark .rui-message-date:before {
    background-color: #2e3134;
}
.rui-day-container {
    padding: 15px;
}
.rui-message-text {
    margin-left: 38px;
}
.rui-message-text p {
    word-break: break-all;
}
.send .rui-message-text {
    margin-top: 0.35rem;
    padding: 0.5rem 0.75rem;
    background-color: #ece6ed;
    border-radius: 7px;
    color: #140015;
}
.theme-dark .send .rui-message-text {
    background-color: #212121;
    color: #e8eaed;
}
.rui-message-footer-container {
    padding: 15px;
}
.rui-messageselected {
    padding: 0.25rem;
    border: 2px dashed #e1e0e4;
    border-radius: 7px;
}
.theme-dark .rui-messageselected {
    border-color: #2e3134;
}
@keyframes alertDot {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.4;
    }
    100% {
        opacity: 1;
    }
}
.questionbank h2 {
    margin-top: 0;
}
.questioncategories h3 {
    margin-top: 0;
}
#chooseqtypebox {
    margin-top: 1em;
}
#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 {
    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 0%, #ccc 100%);
    background-repeat: repeat-x;
}
#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 {
    margin: 0;
    font-weight: 400;
}
#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;
}
#categoryquestions {
    margin: 0;
}
#categoryquestions td,
#categoryquestions th {
    padding: 0 0.2em;
}
#categoryquestions th {
    text-align: left;
    font-weight: 400;
}
#categoryquestions .checkbox {
    padding-left: 5px;
}
#categoryquestions .checkbox input[type="checkbox"] {
    margin-left: 0;
    float: none;
}
#categoryquestions .iconcol {
    width: 60px;
    padding: 3px;
    box-sizing: content-box;
}
#categoryquestions .iconcol .icon {
    padding: 0;
    margin: 0;
    width: 24px;
    height: 24px;
}
#categoryquestions label {
    margin: 0;
    display: block;
}
#categoryquestions .header {
    text-align: left;
}
.questionbank .singleselect {
    margin: 0;
}
#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 .form-group .sr-only:not(legend) {
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0 0.5rem 0 0;
    overflow: visible;
    clip: auto;
    clip-path: none;
    border: 0;
}
.que .info .questionflag.editable {
    cursor: pointer;
}
.que .info .editquestion img,
.que .info .questionflag img,
.que .info .questionflag input {
    display: none;
}
.que .r0,
.que .r1 {
    display: flex;
    align-items: center;
}
.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;
}
.que.multichoice .answer div.r0,
.que.multichoice .answer div.r1 {
    padding: 10px;
    border-radius: 7px;
    align-items: center;
}
.que.multichoice .answer div.r0 .icon,
.que.multichoice .answer div.r1 .icon {
    margin-right: 10px;
}
.que.multichoice .answer div.r0 input,
.que.multichoice .answer div.r1 input {
    margin: 6px 20px 6px 10px;
}
.que.multichoice .answer .answernumber {
    min-width: 1.5em;
    display: inline-flex;
    align-items: center;
    font-size: 0.8rem;
}
.formulation input[type="text"] + .icon,
.formulation select + .icon {
    margin-left: 0.35rem;
}
.que.multianswer .formulation .yui3-widget-positioned {
    box-sizing: content-box;
}
.que.multianswer .formulation .yui3-widget-positioned .feedbackspan {
    width: inherit;
    max-width: inherit;
}
.path-mod-quiz input[size] {
    margin: 0;
    min-width: 70px;
    width: auto;
    max-width: 100%;
}
.que .ablock {
    margin: 0 0 30px 0;
    overflow: inherit;
}
.que .im-controls {
    margin-top: 0.5em;
    text-align: left;
}
.que .generalfeedback,
.que .numpartscorrect .que .rightanswer,
.que .im-feedback,
.que p {
    margin: 0.25em 0;
    color: #090223;
}
.theme-dark .que .generalfeedback,
.theme-dark .que .numpartscorrect .que .rightanswer,
.theme-dark .que .im-feedback,
.theme-dark .que p {
    color: #e8eaed;
}
.rightanswer {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
}
.rightanswer p {
    font-weight: 700;
}
.que .correctness.correct {
    background-color: #420047;
}
.que .correctness.partiallycorrect {
    background-color: #f7b742;
}
.que .correctness.notanswered,
.que .correctness.incorrect {
    background-color: #ef1010;
}
.que .validationerror {
    color: #ef1010;
}
.que .grading,
.que .comment,
.que .commentlink {
    margin-top: 0.5rem;
}
.que .history {
    border: none !important;
    margin: 30px 0;
    padding: 0 !important;
}
.que .history h3 {
    font-size: 1rem;
}
.que .history table {
    width: 100%;
    margin: 0;
}
.que .history .current {
    font-weight: 700;
}
.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-mod-quiz-edit div.questionbankwindow div.header {
    margin: 0;
}
#page-mod-quiz-edit div.questionbankwindow.block {
    padding: 0;
}
#page-mod-quiz-edit .add-menu-outer {
    position: relative;
    top: 0;
    right: 0;
}
#page-mod-quiz-edit .section-heading {
    margin: 1rem 0;
    height: auto;
}
#page-mod-quiz-edit .section-heading .instancesectioncontainer {
    position: relative;
}
#page-mod-quiz-edit .section-heading .editing_section {
    position: absolute;
    top: 3px;
    left: 40px;
}
#page-mod-quiz-edit .section-heading .instancesectioncontainer h3 {
    color: inherit;
}
#page-mod-quiz-edit .last-add-menu {
    margin: 20px 10px 0;
    height: auto;
    display: flex;
    justify-content: flex-end;
}
#page-mod-quiz-edit ul.slots li.section .content {
    background-color: transparent;
}
#page-mod-quiz-edit li.activity > div,
#page-mod-quiz-edit li.pagenumber {
    margin-bottom: 0;
}
#page-mod-quiz-edit ul.slots li.section li.activity {
    background-color: transparent;
    padding: 1rem;
    min-width: 40px;
    border-radius: 7px;
    border: 1px solid #e1e0e4;
}
#page-mod-quiz-edit ul.slots li.section li.activity.page h4 {
    margin: 0;
    font-family: "Be Vietnam Pro", sans-serif;
    font-weight: 700;
}
#page-mod-quiz-edit ul.slots li.section li.activity.page .add-menu-outer {
    position: absolute;
    top: 3px;
    right: 3px;
    padding: 9px;
    background-color: #fff;
    border-radius: 7px;
}
#page-mod-quiz-edit ul.slots li.section li.activity.page .add-menu-outer:empty {
    display: none;
}
#page-mod-quiz-edit .section .activity .editing_move {
    top: calc(50% - 26px);
    left: 0;
}
#page-mod-quiz-edit ul.slots li.section li.activity .mod-indent-outer {
    padding-left: 130px;
}
#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark {
    font-weight: 500;
}
#page-mod-quiz-edit #categoryquestions .questionname,
#page-mod-quiz-edit ul.slots li.activity div.activityinstance .questionname {
    font-size: 1rem;
    font-weight: 700;
    color: #420047;
}
#page-mod-quiz-edit ul.slots li.activity div.activityinstance .questiontext {
    display: block;
    padding-left: 35px;
    margin-top: 5px;
    margin-bottom: 20px;
    max-width: 600px;
    font-size: 0.875rem;
    font-weight: 400;
    color: #413c55;
}
#page-mod-quiz-edit ul.section {
    padding: 0;
}
#page-mod-quiz-edit ul.slots li.section li.activity.page {
    padding: 22px;
}
.page_split_join {
    width: 50%;
}
#page-mod-quiz-edit ul.slots li.section li.activity .page_split_join_wrapper {
    display: block;
    position: relative;
    left: auto;
    bottom: auto;
    text-align: center;
}
#page-mod-quiz-edit ul.slots li.section li.activity .page_split_join_wrapper .btn {
    width: 300px;
}
#page-mod-quiz-edit ul.slots li.section li.activity .page_split_join_wrapper .btn .img {
    margin: 0;
}
#page-mod-quiz-edit .numberofquestions,
#page-mod-quiz-edit .quizopeningstatus {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 0.35rem 0.85rem;
    font-size: 0.75rem;
    font-weight: 500;
    vertical-align: baseline;
    border-radius: 40px;
}
#page-mod-quiz-edit .numberofquestions {
    margin-right: 0.35rem;
}
.instanceshufflequestions [type="checkbox"] {
    margin: 10px;
}
#page-mod-quiz-edit .section-heading .instanceshufflequestions {
    margin: 0;
    display: inline-flex;
    align-items: center;
}
#page-mod-quiz-edit .section-heading .instanceshufflequestions label {
    margin: 0;
}
.path-mod-quiz .mod-quiz-edit-content {
    margin-bottom: 0 !important;
}
#page-mod-quiz-edit .slotnumber {
    width: 30px;
    height: 30px;
    margin: 0 20px 0 10px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: #f9f9fa;
    color: #413c55;
    border-radius: 7px 0 7px 0;
    font-weight: 700;
    font-size: 0.75rem;
    position: absolute;
    left: -26px;
    top: -16px;
}
#page-mod-quiz-edit div.editq div.question div.content {
    background-color: #f9f9fa;
    border: 1px solid #ddd;
    border-radius: 2px;
    overflow: hidden;
}
#page-mod-quiz-edit ul.slots .activityinstance img.activityicon {
    margin: 0 0 20px 0;
    padding: 0;
    position: absolute;
    top: calc(50% - 20px);
    left: 70px;
    width: 30px !important;
    height: 30px !important;
}
#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 #categoryquestions > thead {
    background: #fff;
}
#page-mod-quiz-edit #categoryquestions > tbody > tr:nth-of-type(even) {
    background: #e4e4e4;
}
#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;
}
#page-mod-quiz-edit .questionbankwindow div.header a:link,
#page-mod-quiz-edit .questionbankwindow div.header a:visited {
    color: #420047;
}
.theme-dark#page-mod-quiz-edit .questionbankwindow div.header a:link,
.theme-dark#page-mod-quiz-edit .questionbankwindow div.header a:visited {
    color: #c6b3c8;
}
#page-mod-quiz-edit .questionbankwindow div.header a:hover {
    color: #a180a3;
}
#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: #090223;
}
#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: #f9f9fa;
}
#page-mod-quiz-edit div.question div.content div.points {
    margin-top: -0.5em;
    padding-bottom: 0;
    border: none;
    background-color: #f9f9fa;
    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: #f9f9fa;
}
#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;
}
#page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer {
    padding: 0;
}
#page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer strong {
    display: block;
}
#page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer hr,
#page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer br {
    display: none;
}
#page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer strong {
    margin-left: -0.3em;
}
#page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer strong label {
    margin-left: 0.3em;
}
#page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer input {
    margin-left: 0;
}
#page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer input + input {
    margin-left: 5px;
}
#page-mod-quiz-edit ul.slots .activityinstance > a {
    display: block;
}
#page-mod-quiz-edit ul.slots .activityinstance > a:hover {
    text-decoration: none;
}
#page-mod-quiz-edit ul.slots .activityinstance span.instancename {
    overflow: auto;
    text-overflow: initial;
    white-space: break-spaces;
    margin-top: 40px;
    display: block;
    height: auto;
}
#page-mod-quiz-edit ul.slots .activityinstance span.instancename .icon {
    margin-right: 0.5rem;
    color: #420047;
    opacity: 0.7;
}
.theme-dark #page-mod-quiz-edit ul.slots .activityinstance span.instancename .icon {
    color: #c6b3c8;
}
#page-mod-quiz-edit .section .activity .actions {
    background-color: transparent;
    padding: 0;
    width: max-content;
    display: inline-flex;
    justify-content: flex-end;
    align-items: center;
}
#page-mod-quiz-edit .section .activity .actions .icon.fa-trash {
    background-color: #feeded;
    color: #ef1010;
}
#page-mod-quiz-edit .section .activity .actions:hover {
    text-decoration: none;
}
#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer {
    margin-right: 0 !important;
}
#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_2 {
    margin-right: 0.35rem;
}
.questionbankwindow .module {
    width: auto;
}
.questionbankwindow .form-autocomplete-selection {
    margin-left: 0;
}
.path-mod-quiz .statedetails {
    display: block;
    font-size: 0.875rem;
    opacity: 0.7;
}
a#hidebankcmd {
    color: #420047;
}
.theme-dark a#hidebankcmd {
    color: #c6b3c8;
}
.que.numerical .answer,
.que.shortanswer .answer {
    width: 100%;
    padding: 0;
    margin-top: 0.35rem;
    display: inline-flex;
    align-items: center;
}
@media (min-width: 768px) {
    .que label {
        display: inline-flex;
        flex-wrap: wrap;
    }
}
@media (max-width: 767.98px) {
    .que label {
        display: block;
    }
}
body.path-question-type .mform fieldset.hidden {
    padding: 0;
    margin: 0.7em 0 0;
}
.tag-condition-container {
    position: relative;
}
.questioncategories {
    padding: 1rem 1.5rem;
    margin: 2rem 0 0;
    border: 1px solid #e1e0e4;
    border-radius: 7px;
    position: relative;
}
.questioncategories .rui-title-container {
    margin-bottom: 0;
    width: auto;
}
.questioncategories a:hover {
    text-decoration: none;
}
.questioncategories .rui-main-content-title {
    width: 100% !important;
    padding: 0 0 1rem 0;
    margin: 0 0 1rem !important;
    font-family: "Be Vietnam Pro", sans-serif;
    font-size: 0.875rem;
    color: #413c55;
    border-bottom: 1px solid #e1e0e4;
}
.questioncategories ul {
    margin: 0 0 0 40px;
    padding: 0;
    list-style: none;
}
.questioncategories ul li {
    padding: 0.35rem 0;
    position: relative;
}
.questioncategories ul li:last-child {
    padding-bottom: 0;
}
.questioncategories ul li b,
.questioncategories ul li .text_to_html {
    margin-left: 4px;
}
.questioncategories ul li .text_to_html {
    margin-top: 0.35rem;
    margin-bottom: 0.5rem;
    color: #413c55;
}
.questionbankwindow .createnewquestion {
    margin: 1rem 0 2rem;
}
.questionbankwindow .choosecategory {
    margin-bottom: 1rem;
}
.questionbankwindow #displayoptions {
    padding: 1rem 2rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-size: 0.875rem !important;
    border-radius: 7px;
    border: 2px solid #c6b3c8;
}
.questionbankwindow #displayoptions .tag-condition-container {
    margin: 1rem 0;
    padding: 1rem 0;
    border-top: 1px solid #e1e0e4;
    border-bottom: 1px solid #e1e0e4;
}
.questionbankwindow #displayoptions .tag-condition-container .form-group {
    margin: 0;
}
#categoryquestions td.modifiername .date,
#categoryquestions td.creatorname .date {
    display: block;
    margin-top: 0.35rem;
    color: #413c55;
}
#categoryquestions th [class*="sort"] {
    margin: 0 !important;
    padding-left: 0 !important;
}
#categoryquestions th,
#categoryquestions td {
    padding: 0.75rem !important;
}
#categoryquestions .editmenu {
    width: 100px;
}
#categoryquestions .iconcol .icon {
    width: 18px;
    height: 18px;
    padding: 6px;
    border-radius: 7px;
}
#categoryquestions .addtoquizaction .icon {
    background-color: #e1e0e4;
}
#categoryquestions .checkbox {
    width: 40px;
}
#categoryquestions .qtype {
    width: 60px;
}
.jschooser .choosercontainer #chooseform .alloptions .option .typename {
    width: auto;
    max-width: 150px;
}
.choosercontainer #chooseform .submitbuttons {
    padding-bottom: 0;
}
.choosercontainer #chooseform .moduletypetitle,
.choosercontainer #chooseform .option,
.choosercontainer #chooseform .nonoption {
    padding: 0;
}
.choosercontainer #chooseform .option .icon {
    padding: 0.25rem;
}
.choosercontainer #chooseform .moduletypetitle {
    padding-top: 0.85rem;
    font-size: 0.875rem;
}
#page-mod-quiz-report .toggleincludeauto {
    margin: 2rem 0;
    text-align: left;
}
#techinfo_inner {
    background-color: #f9f9fa;
    padding: 1rem;
    border-radius: 7px;
}
#techinfo_inner p {
    margin: 0.15rem 0;
}
#previewcontrols {
    text-align: right;
}
.rui-quizreviewsummary {
    margin: 0 auto 2rem;
}
.rui-quizreviewsummary.rui-info-container {
    display: inline-flex;
    grid-template-columns: 1fr;
}
.rui-quizreviewsummary .rui-infobox {
    padding: 16px 30px 16px 65px;
    background-position: 20px 12px;
}
.rui-quizreviewsummary .rui-infobox.rui-infobox--feedback {
    width: 100%;
}
.rui-quizinfo {
    display: block;
    width: auto;
    padding-left: 30px;
    padding-right: 30px;
    border-radius: 7px;
    background-color: #fdf6ea;
    font-size: 0.875rem;
    font-weight: 500;
}
@media (min-width: 768px) {
    .rui-quizinfo {
        margin-bottom: 40px;
    }
}
.theme-dark .rui-quizinfo {
    background-color: #93640a;
}
.rui-quizinfo .singlebutton {
    margin: 10px 0;
}
.rui-quizinfo p {
    margin: 0.25rem 0;
}
#mod_quiz_preflight_form .col-md-3,
.mod_quiz_preflight_popup .col-md-3 {
    display: none;
}
#mod_quiz_preflight_form .col-md-9,
.mod_quiz_preflight_popup .col-md-9 {
    padding: 0 !important;
    flex: 0 0 90% !important;
    max-width: 90% !important;
}
#mod_quiz_preflight_form #fitem_id_honestycheckmessage,
.mod_quiz_preflight_popup #fitem_id_honestycheckmessage {
    margin-top: 0;
    margin-bottom: 0;
}
.mod_quiz_preflight_popup {
    width: 400px !important;
    max-width: 95%;
}
#page-mod-quiz-review .rui-info-container {
    margin-bottom: 5rem;
}
.que {
    margin-top: 6rem;
    position: relative;
}
.que:before {
    content: "";
    background-color: #e1e0e4;
    width: 60px;
    height: 1px;
    position: absolute;
    top: -3rem;
    left: calc(50% - 30px);
}
.theme-dark .que:before {
    background-color: #2e3134;
}
.que:first-of-type {
    margin-top: 0;
}
.que:first-of-type:before {
    display: none;
}
.que .info {
    width: 100%;
    padding: 0 0 10px;
    margin-bottom: 1rem;
    border-bottom: 1px solid #e1e0e4;
    font-size: 0.875rem;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.theme-dark .que .info {
    border-color: #2e3134;
}
.que .grade,
.que .state {
    margin: 0;
    padding: 0.35rem 1rem;
    border-radius: 7px;
    font-size: 0.75rem;
}
.rui-question-no {
    color: #090223;
    font-family: "Be Vietnam Pro", sans-serif;
    font-size: 1rem;
}
@media (max-width: 767.98px) {
    .rui-question-no {
        width: 100%;
        display: block;
        margin-bottom: 0.5rem;
    }
}
.theme-dark .rui-question-no {
    color: #e8eaed;
}
.que .grade {
    background-color: #ece6ed;
    color: #420047;
}
.que .info > div {
    margin: 0;
    font-weight: 500;
}
.que .qtext {
    margin-bottom: 0.5rem;
    font-size: 1.5rem;
}
@media (max-width: 767.98px) {
    .que .qtext {
        font-size: 1rem;
    }
}
.que .content {
    margin: 0;
}
.que.ddwtos,
.que.ddwtos .drop {
    box-sizing: content-box;
}
.que.ddwtos .qtext {
    font-size: 1rem;
}
.que.ddwtos .draghome {
    background-color: #ece6ed;
    font-size: 0.875rem;
    font-weight: 500;
    color: #420047;
    border-radius: 7px;
    border: none;
}
.que.ddwtos .draghome.beingdragged {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.12), 0 4px 4px rgba(0, 0, 0, 0.12), 0 8px 8px rgba(0, 0, 0, 0.12), 0 16px 16px rgba(0, 0, 0, 0.12);
}
.que.ddwtos .drop.active {
    border-radius: 7px;
    background-color: #fdf6ea;
    border: 2px dashed #f7b742;
}
.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: 2px solid #94ade7;
    background-color: #eef8ff;
    box-shadow: none;
}
.que .content .feedback {
    margin-top: 2rem;
    padding: 0.75rem 0.5rem 0.75rem 4rem;
    background-size: 27px;
    background-color: #f9f9fa;
    background-repeat: no-repeat;
    background-position: 22px 10px;
    border-radius: 7px;
}
.que .content .feedback .numpartscorrect,
.que .content .feedback .rightanswer {
    margin-left: 10px;
    font-size: 0.875rem;
}
.que .content .feedback .numpartscorrect p,
.que .content .feedback .rightanswer p {
    font-size: 1rem;
}
.notyetanswered .que .content .feedback,
.notanswered .que .content .feedback,
.partiallycorrect .que .content .feedback,
.notyetanswered .state,
.notanswered .state,
.partiallycorrect .state {
    color: #c3850c;
}
.invalidanswer .que .content .feedback,
.incorrect .que .content .feedback,
.invalidanswer .state,
.incorrect .state {
    color: #ca0d0d;
}
.correct .que .content .feedback,
.correct .state {
    color: #027654;
}
.answersaved .que .content .feedback,
.answersaved .state {
    color: #406cd2;
}
.partiallycorrect .content .feedback,
.notanswered .content .feedback {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.75 4.75H15.25C17.4591 4.75 19.25 6.54086 19.25 8.75V15.25C19.25 17.4591 17.4591 19.25 15.25 19.25H8.75C6.54086 19.25 4.75 17.4591 4.75 15.25V8.75C4.75 6.54086 6.54086 4.75 8.75 4.75Z' stroke='%23F7B742' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.5 10C14.5 10.2761 14.2761 10.5 14 10.5C13.7239 10.5 13.5 10.2761 13.5 10C13.5 9.72386 13.7239 9.5 14 9.5C14.2761 9.5 14.5 9.72386 14.5 10Z' stroke='%23F7B742' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.5 10C10.5 10.2761 10.2761 10.5 10 10.5C9.72386 10.5 9.5 10.2761 9.5 10C9.5 9.72386 9.72386 9.5 10 9.5C10.2761 9.5 10.5 9.72386 10.5 10Z' stroke='%23F7B742' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.75 14.25H15.25' stroke='%23F7B742' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    border-left: 2px dashed #f7daa2;
    border-bottom: 2px solid #f7daa2;
}
.incorrect .content .feedback {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23f67e7e' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M8.75 4.75H15.25C17.4591 4.75 19.25 6.54086 19.25 8.75V15.25C19.25 17.4591 17.4591 19.25 15.25 19.25H8.75C6.54086 19.25 4.75 17.4591 4.75 15.25V8.75C4.75 6.54086 6.54086 4.75 8.75 4.75Z'/%3E%3Cpath stroke='%23f67e7e' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M7.75 15.25C7.75 15.25 9 12.75 12 12.75C15 12.75 16.25 15.25 16.25 15.25'/%3E%3Ccircle cx='14' cy='10' r='1' fill='%23f67e7e'/%3E%3Ccircle cx='10' cy='10' r='1' fill='%23f67e7e'/%3E%3C/svg%3E");
    border-left: 2px dashed #f67e7e;
    border-bottom: 2px solid #f67e7e;
}
.correct .content .feedback {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23027654' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M8.75 4.75H15.25C17.4591 4.75 19.25 6.54086 19.25 8.75V15.25C19.25 17.4591 17.4591 19.25 15.25 19.25H8.75C6.54086 19.25 4.75 17.4591 4.75 15.25V8.75C4.75 6.54086 6.54086 4.75 8.75 4.75Z'/%3E%3Cpath stroke='%23027654' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M7.75 12.75C7.75 12.75 9 15.25 12 15.25C15 15.25 16.25 12.75 16.25 12.75'/%3E%3Ccircle cx='14' cy='10' r='1' fill='%23027654'/%3E%3Ccircle cx='10' cy='10' r='1' fill='%23027654'/%3E%3C/svg%3E");
    border-left: 2px dashed #5fb86b;
    border-bottom: 2px solid #5fb86b;
}
.partiallycorrect .state,
.notyetanswered .state,
.notanswered .state {
    background-color: #fdf6ea;
}
.invalidanswer .state,
.incorrect .state {
    background-color: #feeded;
}
.correct .state {
    background-color: #eaf4dd;
}
.answersaved .state {
    background-color: #eef8ff;
}
.que .answer .notanswered {
    background-color: #fdf6ea;
    color: #c3850c;
}
.que .answer .incorrect {
    background-color: #feeded;
    color: #ca0d0d;
}
.que .answer .partiallycorrect {
    background-color: #fdf6ea;
    color: #f7b742;
}
.que .answer .correct {
    background-color: #eaf4dd;
    color: #027654;
}
.que .specificfeedback {
    margin: 0;
    padding: 0 10px;
    border-radius: 7px;
    background-color: transparent;
    font-size: 0.875rem;
    font-weight: 500;
}
.que .specificfeedback p {
    margin: 0;
}
@media (max-width: 767.98px) {
    .que .feedback iframe {
        max-width: 100%;
        height: auto;
    }
}
.que.multichoice .answer .specificfeedback {
    margin: 3px 0;
    padding: 0;
    background-color: transparent;
}
.incorrect:after,
.notanswered:after {
    background-color: #f9f9fa;
    background-image: url(/theme/image.php/alpha/theme/1668532694/alpha/icon-message-square);
    background-size: 20px;
    border-radius: 7px;
    font-size: 30px;
    color: #ef1010;
    width: 60px;
    height: 60px;
    position: absolute;
    top: 60px;
    left: -60px;
}
.rui-submitbtns {
    margin-top: 1rem !important;
    margin-bottom: 1rem;
    width: 100%;
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: space-between;
    font-size: 0.875rem;
}
@media (max-width: 767.98px) {
    .rui-submitbtns .btn {
        display: block;
        width: 100%;
        margin-top: 0.25rem;
    }
}
.rui-submitbtns .rui-controls {
    width: 100%;
}
@media (max-width: 767.98px) {
    .rui-submitbtns .rui-controls .singlebutton {
        width: 100%;
    }
}
#page-mod-quiz-attempt .submitbtns .mod_quiz-next-nav,
#page-mod-quiz-review .submitbtns .mod_quiz-next-nav,
.rui-submitbtns .mod_quiz-next-nav {
    float: none;
}
@media (max-width: 767.98px) {
    #page-mod-quiz-attempt .submitbtns .mod_quiz-next-nav,
    #page-mod-quiz-review .submitbtns .mod_quiz-next-nav,
    .rui-submitbtns .mod_quiz-next-nav {
        flex-wrap: wrap;
    }
    #page-mod-quiz-attempt .submitbtns .mod_quiz-next-nav .btn,
    #page-mod-quiz-review .submitbtns .mod_quiz-next-nav .btn,
    .rui-submitbtns .mod_quiz-next-nav .btn {
        width: 100%;
        margin-top: 0.25rem;
    }
}
#page-mod-quiz-attempt .submitbtns,
#page-mod-quiz-review .submitbtns {
    padding-top: 0;
    display: inline-flex;
    width: 100%;
    justify-content: space-between;
}
.mod_quiz-prev-nav .arrow,
.mod_quiz-next-nav .arrow {
    display: none;
}
#page-mod-quiz-attempt #page .controls,
#page-mod-quiz-summary #page .controls,
#page-mod-quiz-review #page .controls {
    margin: 0;
    text-align: left;
}
.rui-quizattemptsummary {
    min-width: max-content;
}
.rui-quizattemptsummary p:only-child {
    margin: 0;
    font-size: 0.875rem;
}
.rui-quizattemptsummary .c3 a {
    position: relative;
    padding-left: 40px;
    width: max-content;
}
.rui-quizattemptsummary .c3 a:after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%0A%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21.2635 2.29289C20.873 1.90237 20.2398 1.90237 19.8493 2.29289L18.9769 3.16525C17.8618 2.63254 16.4857 2.82801 15.5621 3.75165L4.95549 14.3582L10.6123 20.0151L21.2189 9.4085C22.1426 8.48486 22.338 7.1088 21.8053 5.99367L22.6777 5.12132C23.0682 4.7308 23.0682 4.09763 22.6777 3.70711L21.2635 2.29289ZM16.9955 10.8035L10.6123 17.1867L7.78392 14.3582L14.1671 7.9751L16.9955 10.8035ZM18.8138 8.98525L19.8047 7.99429C20.1953 7.60376 20.1953 6.9706 19.8047 6.58007L18.3905 5.16586C18 4.77534 17.3668 4.77534 16.9763 5.16586L15.9853 6.15683L18.8138 8.98525Z' fill='%23c6b3c8' /%3E%3Cpath d='M2 22.9502L4.12171 15.1717L9.77817 20.8289L2 22.9502Z' fill='%23c6b3c8' /%3E%3C/svg%3E");
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: left;
    width: 24px;
    height: 24px;
    position: absolute;
    top: calc(50% - 12px);
    left: 14px;
}
.rui-quizattempt .continuebutton {
    margin-top: 1rem;
    text-align: left;
}
@media (max-width: 767.98px) {
    .rui-quizattempt {
        width: 100%;
    }
    .rui-quizattempt .singlebutton,
    .rui-quizattempt .btn {
        width: 100%;
    }
}
.rui-infobox--avatar {
    padding: 1rem 1.25rem 1rem 1.25rem !important;
    background-color: #f9f9fa;
    position: relative;
}
.rui-infobox--avatar img {
    margin-right: 10px;
    border-radius: 7px;
}
.rui-infobox--avatar .rui-infobox-content--small a {
    color: inherit;
}
.rui-infobox--quiz,
.rui-infobox--question {
    background-color: #f5f3fb;
}
.rui-infobox--startedon {
    background-image: url(/theme/image.php/alpha/theme/1668532694/alpha/icon-calendar);
    background-color: #f5f3fb;
}
.rui-infobox--attemptlist,
.rui-infobox--attempts {
    background-image: url(/theme/image.php/alpha/theme/1668532694/alpha/icon-rewind);
    background-color: #f9f9fa;
}
.rui-infobox--state {
    background-image: url(/theme/image.php/alpha/theme/1668532694/alpha/icon-git-commit);
    background-color: #fbefe9;
}
.rui-infobox--completedon {
    background-image: url(/theme/image.php/alpha/theme/1668532694/alpha/icon-award);
    background-color: #eaf4dd;
}
.rui-infobox--timetaken {
    background-image: url(/theme/image.php/alpha/theme/1668532694/alpha/icon-clock);
    background-color: #fdf6ea;
}
.rui-infobox--grade {
    background-image: url(/theme/image.php/alpha/theme/1668532694/alpha/icon-edit);
    background-color: #ece6ed;
}
.rui-infobox--feedback {
    background-image: url(/theme/image.php/alpha/theme/1668532694/alpha/icon-message-square);
    background-color: #f9f9fa;
}
.rui-infobox--overdue {
    background-image: url(/theme/image.php/alpha/theme/1668532694/alpha/icon-alert-triangle);
    background-color: #fbc8c8;
}
.rui-infobox--marks {
    background-image: url(/theme/image.php/alpha/theme/1668532694/alpha/icon-check-square);
    background-color: #f9f9fa;
}
.moodle-dialogue-base .moodle-dialogue.mod_quiz_preflight_popup .moodle-dialogue-bd #mod_quiz_preflight_form legend {
    padding: 0;
}
.moodle-dialogue-base .moodle-dialogue.mod_quiz_preflight_popup .moodle-dialogue-bd #mod_quiz_preflight_form .fitem {
    margin-left: 0;
}
.mod_quiz_preflight_popup .fcontainer {
    padding: 0;
}
.mod_quiz_preflight_popup #fitem_id_passwordmessage {
    margin-top: 0.25rem;
}
#page-mod-quiz-report .resettable {
    width: max-content;
    margin: 1rem 0 1rem auto;
    padding: 5px;
    border: 2px dashed #e1e0e4;
    border-radius: 7px;
}
#page-mod-quiz-report h2 + .quizattemptcounts {
    margin: 0 1rem;
}
#page-mod-quiz-report .main-content .mdl-align {
    padding: 10px;
    margin: 30px 0;
    border: 2px dashed #e1e0e4;
    border-radius: 7px;
    text-align: left;
}
#page-mod-quiz-report .main-content #tablecontainer {
    margin: 30px 0;
}
.quizattemptcounts {
    display: inline-flex;
    align-items: center;
    margin: 10px 0;
    padding: 0.65rem 1.5rem;
    font-size: 0.75rem;
    font-weight: 500;
    vertical-align: baseline;
    border-radius: 7px;
    background-color: #ece6ed;
    color: #420047;
}
.quizattemptcounts p {
    margin: 0;
}
#page-mod-quiz-report table#attempts {
    width: max-content;
}
#page-mod-quiz-report table#attempts .header,
#page-mod-quiz-report table#attempts .cell {
    padding: 0.75rem;
}
#page-mod-quiz-report table#attempts td {
    border-left: 0;
    border-right: 0;
}
#page-mod-quiz-report table#attempts td.c2 a:first-of-type {
    display: inline-flex;
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
}
#page-mod-quiz-report table#attempts td.c5,
#page-mod-quiz-report table#attempts td.c6,
#page-mod-quiz-report table#attempts td.c7 {
    font-size: 0.75rem;
    color: #a19eab;
}
#page-mod-quiz-report table#attempts .correct {
    color: #027654;
}
#page-mod-quiz-report table#attempts .partiallycorrect {
    color: #f4a614;
}
#page-mod-quiz-report table#attempts .incorrect {
    color: #f45959;
}
#page-mod-quiz-report table#attempts a:hover {
    text-decoration: none;
    opacity: 0.8;
}
#page-mod-quiz-report table#attempts .questionflag {
    padding: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    background-color: #eaf4dd;
}
#page-mod-quiz-report table#attempts.grades span.que span,
#page-mod-quiz-report table#attempts span.avgcell span {
    padding: 0.25rem 0.25rem 0.25rem 0.45rem;
}
#page-mod-quiz-report table#attempts.grades span.que,
#page-mod-quiz-report table#attempts span.avgcell {
    display: flex;
    align-items: center;
}
.path-question div[id^="fgroup_id_"][id*="answeroptions_"],
.path-question div[id^="fitem_id_"][id*="feedback_"],
.path-question div[id^="fitem_id_"][id*="subquestions_"],
.path-question div[id^="fitem_id_"][id*="subanswers_"],
.path-question div[id^="fitem_id_"][id*="answer_"],
.path-question div[id^="fitem_id_"][id*="fraction_"] {
    padding: 11px 0 13px !important;
    background-color: transparent !important;
    border: 1px solid #e1e0e4 !important;
}
.path-question div[id^="fgroup_id_"][id*="answeroptions_"],
.path-question div[id^="fitem_id_"][id*="subquestions_"],
.path-question div[id^="fitem_id_"][id*="answer_"] {
    border-radius: 7px 7px 0 0 !important;
}
.path-question div[id^="fitem_id_"][id*="feedback_"],
.path-question div[id^="fitem_id_"][id*="subanswers_"] {
    border-radius: 0 0 7px 7px !important;
}
.content .attachments {
    margin-top: 2rem;
    position: relative;
}
div[class*="draggrouphomes"] {
    margin-top: 2rem;
    padding: 1rem;
    border: 2px dashed #a180a3;
    border-radius: 7px;
}
.que .validationerror {
    margin-top: 1rem;
}
.que.multianswer .feedbackspan {
    padding: 1rem;
    background-color: #fdf6ea;
    border-radius: 7px;
    font-size: 0.875rem;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07), 0 2px 4px rgba(0, 0, 0, 0.07), 0 4px 8px rgba(0, 0, 0, 0.07), 0 8px 16px rgba(0, 0, 0, 0.07), 0 16px 32px rgba(0, 0, 0, 0.07), 0 32px 64px rgba(0, 0, 0, 0.07);
}
.categorypagingbarcontainer .pagination {
    margin-bottom: 0.5rem;
}
.categorypagingbarcontainer .paging {
    text-align: center;
}
.path-mod-quiz .othernav .singlebutton,
.path-mod-quiz .othernav .btn {
    width: 100%;
}
#page-mod-quiz-edit .statusdisplay {
    padding: 0.75rem 1rem 0.75rem 3.5rem !important;
    margin-top: 30px;
    margin-bottom: 30px;
    background-color: #fdf6ea;
    background-image: url(/theme/image.php/alpha/theme/1668532694/alpha/icon-alert-circle);
    background-size: 18px;
    background-position: 20px;
    background-repeat: no-repeat;
    border-radius: 7px;
    font-size: 0.8125rem;
    font-weight: 500;
}
#page-mod-quiz-edit .statusdisplay p {
    margin: 0;
}
.questionflagsavebutton {
    margin: 10px 0;
}
.qtype_multichoice_clearchoice {
    margin-top: 10px;
}
.rui-infobox--attemptlist .rui-infobox-content--small,
.rui-infobox--attempts .rui-infobox-content--small {
    max-height: 70px;
    overflow-y: auto;
}
.rui-infobox--attemptlist a,
.rui-infobox--attemptlist strong,
.rui-infobox--attempts a,
.rui-infobox--attempts strong {
    margin: 2px;
    width: 40px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #f9f9fa;
    border-radius: 7px;
    color: #413c55;
}
.rui-infobox--attemptlist a:hover,
.rui-infobox--attemptlist strong:hover,
.rui-infobox--attempts a:hover,
.rui-infobox--attempts strong:hover {
    background-color: #ece6ed;
    color: #420047;
}
.rui-infobox--attemptlist strong,
.rui-infobox--attempts strong {
    opacity: 0.4;
}
#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer .editicon {
    width: auto;
}
#page-mod-quiz-edit ul.slots li.section li.activity .question_dependency_wrapper .cm-edit-action {
    padding: 0.75rem 1.25rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 7px;
}
.que.multichoice .answer div.r0 [type="radio"],
.que.multichoice .answer div.r0 [type="checkbox"],
.que.multichoice .answer div.r1 [type="radio"],
.que.multichoice .answer div.r1 [type="checkbox"],
.que .answer [type="radio"],
.que .answer [type="checkbox"] {
    border: 0;
    width: 20px;
    height: 20px;
}
.path-mod-quiz #user-picture {
    margin: 0 0 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-weight: 500;
}
.path-mod-quiz #user-picture .userpicture {
    margin-right: 10px;
}
@media (max-width: 767.98px) {
    .quizstartbuttondiv,
    .quizstartbuttondiv .btn {
        width: 100%;
    }
}
.quizsummaryheading th:empty {
    padding: 0;
}
.userprofile {
    margin-top: 30px;
}
.userprofile .fullprofilelink {
    text-align: center;
    margin: 10px;
}
.userprofile .description {
    margin-top: 10px;
    margin-bottom: 30px;
}
.page-context-header + .profile_tree {
    margin-top: 20px;
}
.userprofile .profile_tree {
    column-count: 2;
    grid-gap: 60px;
}
@media (min-width: 1360px) {
    .userprofile .profile_tree {
        column-count: 3;
    }
}
@media (max-width: 767.98px) {
    .userprofile .profile_tree {
        column-count: 1;
    }
}
.userprofile dl.list > dd + dt {
    clear: left;
}
.user-box {
    margin: 8px;
    width: 115px;
    height: 160px;
    text-align: center;
    float: left;
    clear: none;
}
.profile_tree .node_category ul {
    margin: 0;
    list-style: none;
    padding-left: 0;
}
.profile_tree .node_category dl {
    margin: 0.25rem 0;
}
.profile_tree .node_category dd {
    font-size: 0.875rem;
    color: #413c55;
}
.theme-dark .profile_tree .node_category dd {
    color: #bdc1c6;
}
.profile_tree .node_category li {
    padding: 0.5rem 0;
    border-bottom: 1px solid #e1e0e4;
}
.theme-dark .profile_tree .node_category li {
    border-color: #2e3134;
}
.profile_tree .node_category li:last-child {
    border-bottom: none;
    padding-bottom: 0;
}
.profile_tree .node_category li a {
    color: #420047;
    font-weight: 500;
}
.profile_tree .node_category li a:hover {
    color: #a180a3;
    text-decoration: none;
}
.theme-dark .profile_tree .node_category li a:hover {
    color: #a180a3;
}
.theme-dark .profile_tree .node_category li a {
    color: #c6b3c8;
}
.profile_tree .node_category .editprofile,
.profile_tree .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 {
        column-count: 1;
    }
}
.userlist #showall {
    margin: 10px 0;
}
.userlist .buttons {
    text-align: center;
}
.userlist .buttons label {
    padding: 0 3px;
}
.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;
}
.userpicture {
    width: 40px;
    height: 40px;
    border-radius: 7px;
}
.userinfobox .userpicture {
    width: 100px;
    height: 100px;
    border-radius: 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: 700;
}
.userinfobox td.label {
    text-align: right;
    white-space: nowrap;
    vertical-align: top;
    font-weight: 700;
}
.rui-group-edit {
    position: relative;
}
.rui-group-image {
    display: block;
    float: left;
    margin-right: 1em;
}
.rui-group-image .rui-grouppicture {
    border-radius: 50%;
}
#page-group-overview .main-content .singleselect label:first-of-type {
    margin-left: 2rem;
}
#page-group-overview .main-content .generaltable,
#page-group-overview .main-content .rolecap {
    margin: 1rem 0;
}
#page-group-overview .main-content .groupdisplay + h3,
#page-group-overview .main-content .singleselect + h3,
#page-group-overview .main-content .generaltable + h3,
#page-group-overview .main-content .rolecap + h3 {
    margin: 2rem 0;
}
#page-group-overview .yui3-overlay-content.yui3-widget-stdmod {
    max-width: 600px;
    padding: 1rem;
    border-radius: 7px;
    background-color: #ece6ed;
    font-size: 0.875rem;
}
.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 label {
    margin-right: 0.3em;
}
.userselector .userselector-infobelow {
    font-size: 0.8em;
}
#userselector_options p {
    margin: 0.2em 0;
    text-align: left;
}
#page-user-profile .messagebox {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
#page-course-view-weeks .messagebox {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
#page-user-profile #settingsMenu .singlebutton {
    display: none;
}
.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 {
    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: inline-block;
}
[data-region="participant-count"] {
    margin: 1rem auto;
    padding: 0.35rem 0.85rem;
    background-color: #f9f9fa;
    font-size: 0.75rem;
    font-weight: 500;
    color: #090223;
    text-align: left;
    border-radius: 7px;
}
.filter-group {
    padding: 1rem;
    border: 1px solid #e1e0e4;
    border-radius: 7px;
}
.theme-dark .filter-group {
    border-color: #2e3134;
}
.filter-group [data-filterregion="filters"] {
    padding: 0.35rem;
    background-color: transparent;
    border: 1px solid #e1e0e4;
    border-radius: 7px;
}
.theme-dark .filter-group [data-filterregion="filters"] {
    border-color: #2e3134;
}
@media (min-width: 320px) and (max-width: 767.98px) {
    .filter-group .btn {
        width: 100%;
    }
    .filter-group [data-filteraction="remove"] {
        margin: 10px auto 7px;
        width: 100%;
        align-items: center;
        justify-content: center;
    }
}
.search-results .result {
    margin-left: 0;
    margin-right: 0;
}
.search-results .result .filename {
    font-style: italic;
}
.simplesearchform {
    position: relative;
    border: 0;
    max-width: 320px;
}
.block-myoverview .simplesearchform {
    max-width: 100%;
}
@media (max-width: 767.98px) {
    .simplesearchform {
        max-width: 100%;
    }
}
.rui-icon-menu .simplesearchform {
    transition: all 0.2s ease-in-out;
}
.show .rui-icon-menu .simplesearchform {
    width: 300px;
}
.simplesearchform input:focus {
    outline: none;
    font-weight: 500;
    color: #420047;
}
.simplesearchform .form-control {
    border-radius: 7px 0 0 7px !important;
    border: none;
}
.simplesearchform .btn {
    padding-left: 1rem;
    padding-right: 1rem;
}
.simplesearchform .btn .icon {
    margin: 0;
}
.rui-topbar .simplesearchform .btn .icon {
    color: #fff;
}
.simplesearchform .show .btn .icon {
    color: inherit;
}
.simplesearchform .btn-close,
.simplesearchform .btn-clear {
    position: absolute;
    top: calc(50% - 23px);
    right: 6px;
    z-index: 4;
}
.simplesearchform .btn-close {
    padding: 0;
    background-color: #f9f9fa;
    color: #b4b2bc;
    width: 30px;
    height: 30px;
    border-radius: 60px;
    top: calc(50% - 15px);
    right: 40px;
}
.theme-dark .simplesearchform .btn-close {
    background-color: #0b0d0f;
    color: #3c4043;
}
.simplesearchform .btn-close:hover {
    background-color: #feeded;
    color: #ef1010;
}
.simplesearchform .btn-submit {
    background-color: #f9f9fa;
}
.theme-dark .simplesearchform .btn-submit {
    background-color: #0b0d0f;
}
.simplesearchform .withclear {
    margin: 0;
    width: 220px;
    height: 44px;
    padding-right: 50px;
}
.simplesearchform .searchinput {
    display: flex;
    flex: 1 1 auto;
}
.simplesearchform .collapsing {
    height: inherit;
    transition: none;
    width: inherit;
}
.searchform-navbar {
    margin-bottom: 10px;
    position: absolute;
    right: 0;
}
#nav-drawer .searchform-navbar {
    position: relative;
}
@media (max-width: 1088.98px) {
    .searchform-navbar {
        right: -40px;
    }
    #nav-drawer .searchform-navbar {
        right: 0;
    }
}
@media (max-width: 1088.98px) {
    .simplesearchform .collapse.show,
    .simplesearchform .collapsing {
        width: 100%;
        display: flex;
        background-color: #fff;
        z-index: 10000;
        height: 60px;
    }
    .theme-dark .simplesearchform .collapse.show,
    .theme-dark .simplesearchform .collapsing {
        background-color: #000;
    }
    .simplesearchform .collapse.show .form-inline,
    .simplesearchform .collapsing .form-inline {
        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;
}
.search-results {
    margin-top: 30px;
}
.search-results hr {
    margin: 2rem 0;
}
.search-results .result-title {
    display: inline-flex;
    align-items: center;
    font-size: 1.15rem;
    font-weight: 700;
    color: #090223;
}
.theme-dark .search-results .result-title {
    color: #e8eaed;
}
.search-results .result-title a {
    color: inherit;
}
.search-results .result-title a:hover {
    text-decoration: none;
    color: #420047;
}
.theme-dark .search-results .result-title a:hover {
    color: #c6b3c8;
}
.search-results .result-title .icon {
    margin-right: 15px;
    width: 18px;
}
.search-results .result-content {
    margin: 10px 0 10px 34px !important;
    font-size: 0.875rem;
    color: #413c55;
}
.theme-dark .search-results .result-content {
    color: #bdc1c6;
}
.search-results .result-context-info {
    margin: 10px 0 10px 34px;
    font-size: 0.875rem;
    font-weight: 700;
    color: #090223;
}
.theme-dark .search-results .result-context-info {
    color: #e8eaed;
}
.search-results .result-context-info a {
    color: inherit;
}
.search-results .result-context-info a:hover {
    text-decoration: none;
}
#page-search-index .search-results + nav .pagination {
    margin-top: 2rem !important;
    margin-bottom: 0 !important;
}
#page-search-index .pagination {
    margin-left: 34px;
}
.jsenabled .mform .containsadvancedelements .advanced {
    display: none;
}
.mform .containsadvancedelements .advanced.show {
    display: flex;
}
#adminsettings span.error {
    display: inline-block;
    border: 1px solid #ef1010;
    border-radius: 4px;
    background-color: #feeded;
    padding: 4px;
    margin-bottom: 4px;
}
.mform .form-inline .form-control,
.mform .form-inline .custom-select {
    max-width: 100%;
    margin: 0;
}
.mform .form-inline .form-group {
    margin: 0.1rem 0.25rem 0.1rem 0;
}
.mform .form-inline br + label {
    justify-content: flex-start;
    width: 100%;
    margin-right: 0;
}
.unresponsive.mform .form-inline,
.unresponsive.mform .form-inline label {
    display: inline-flex;
}
#jump-to-activity.custom-select {
    width: 100%;
}
@media (max-width: 767.98px) {
    #jump-to-activity.custom-select {
        min-width: 130px;
    }
}
.mform fieldset {
    margin-bottom: 0;
}
#adminsettings .form-control[size] {
    width: auto;
}
#adminsettings .error {
    color: #ef1010;
}
.mform ul.file-list {
    padding: 0;
    margin: 0;
    list-style: none;
}
.mform label .req,
.mform label .adv {
    cursor: help;
}
input#id_externalurl {
    direction: ltr;
}
#portfolio-add-button {
    display: inline;
}
.form-defaultinfo {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 0.35rem 0.85rem;
    font-size: 0.75rem;
    font-weight: 500;
    vertical-align: baseline;
    border-radius: 7px;
}
.form-label .form-shortname {
    font-size: 11px;
    color: #a19eab;
    word-break: break-word;
}
.form-item .form-inline {
    display: inline;
}
.form-inline label:not(.sr-only):not(.accesshide) + select {
    margin-left: 0.5rem;
}
.no-felement.fstatic {
    color: #a19eab;
    padding-top: 5px;
}
.no-fitem .fstaticlabel {
    font-weight: 700;
}
.form-item .form-setting .defaultsnext > input {
    display: inline-block;
}
.form-item .form-setting .form-checkbox.defaultsnext {
    display: inline-block;
}
.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;
}
#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;
}
#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;
    font-weight: 500;
    line-height: 1.2;
    align-items: center;
}
div#dateselector-calendar-panel {
    z-index: 3100;
}
fieldset.coursesearchbox label {
    display: inline;
}
#id_availabilityconditionsjson[aria-hidden="true"],
.availability-field [aria-hidden="true"] {
    display: none;
}
.availability-field label {
    display: inline-flex;
    align-items: center;
    margin-right: 0.5rem;
    font-size: 0.75rem;
}
.availability-field .availability-group label {
    vertical-align: top;
    align-self: center;
}
.availability-field .col-form-label {
    font-size: 0.75rem;
    font-weight: 500;
}
.availability-eye {
    clear: left;
    float: left;
}
.availability-header {
    width: 100%;
    display: inline-flex;
    align-items: center;
    font-weight: 500;
    background-color: #f9f9fa;
    border-radius: 7px;
    padding: 5px 20px;
}
.availability-header .availability-eye {
    margin-right: 0.35rem;
}
.availability-header input,
.availability-header select {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
    padding-left: 0.65rem;
    margin: 0.25rem;
    font-size: 0.75rem !important;
}
.availability-header input {
    padding-right: 0.65rem;
}
.availability-header select {
    padding-right: 30px;
}
.availability-inner,
.availability-plugincontrols {
    float: left;
    border-radius: 7px;
    border: 1px solid #e1e0e4;
    padding: 0.35rem;
    margin-top: 0;
    margin-right: 0;
}
.availability-inner .availability-none,
.availability-plugincontrols .availability-none {
    background-color: #fff1d5;
    padding: 0.25rem;
    border-radius: 7px;
    font-size: 0.75rem;
    font-weight: 500;
}
.availability-inner .availability-none .badge,
.availability-plugincontrols .availability-none .badge {
    margin: 0 !important;
}
.availability-inner .label,
.availability-plugincontrols .label {
    display: inline-block;
    margin: 0.25rem 0;
    padding: 0.25rem 0.5rem;
    background-color: #fff1d5;
    border-radius: 7px;
    font-size: 0.75rem;
    font-weight: 500;
}
.availability-plugincontrols,
.availability-childlist .availability-inner {
    margin-left: 0.625rem;
}
.availability-field .availability-plugincontrols .availability-group select {
    max-width: 12rem;
}
.availability-item {
    border: 2px solid #027654;
    border-radius: 7px;
    padding: 10px;
    font-size: 0.875rem;
}
.availability-item .availability-group {
    display: inline-flex;
    align-items: center;
}
.availability-item .availability-plugincontrols {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
}
.availability-item .availability-plugincontrols input,
.availability-item .availability-plugincontrols select {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
    padding-left: 0.65rem;
    margin: 0.25rem;
    font-size: 0.75rem !important;
}
.availability-item .availability-plugincontrols input {
    padding-right: 0.65rem;
}
.availability-item .availability-plugincontrols select {
    padding-right: 30px;
}
.availability-delete {
    margin-right: 10px;
    margin-left: 10px;
    padding: 0 !important;
    text-align: center;
    line-height: 28px;
    background-color: #f9f9fa;
    width: 30px;
    height: 30px;
    border-radius: 60px;
    transition: all 0.2s ease-in-out;
}
.availability-delete:hover {
    background-color: #eeedef;
}
.availability-delete img {
    width: 9px;
}
.availability-list .btn {
    width: 100%;
}
.availability-buttons {
    padding: 0 1rem;
}
.availability-buttons .btn {
    width: 100%;
}
[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: 2.1rem;
    vertical-align: bottom;
}
.form-autocomplete-selection [role="option"] {
    cursor: pointer;
    white-space: inherit;
    word-break: break-word;
    text-align: left;
}
.form-autocomplete-suggestions {
    padding: 0.35rem 0.35rem;
    min-width: 206px;
    max-height: 20em;
    overflow: auto;
    position: absolute;
    z-index: 10001;
    background-color: #fff;
    border: 1px solid #e1e0e4;
    border-radius: 7px;
    font-size: 0.875rem;
    font-weight: 500;
    box-shadow: rgba(0, 0, 0, 0.07) 0 1px 2px, rgba(0, 0, 0, 0.07) 0 2px 4px, rgba(0, 0, 0, 0.07) 0 4px 8px, rgba(0, 0, 0, 0.07) 0 8px 16px, rgba(0, 0, 0, 0.07) 0 16px 32px, rgba(0, 0, 0, 0.07) 0 32px 64px;
}
.theme-dark .form-autocomplete-suggestions {
    filter: invert(1);
    box-shadow: rgba(255, 255, 255, 0.07) 0 1px 2px, rgba(255, 255, 255, 0.07) 0 2px 4px, rgba(255, 255, 255, 0.07) 0 4px 8px, rgba(255, 255, 255, 0.07) 0 8px 16px, rgba(255, 255, 255, 0.07) 0 16px 32px,
        rgba(255, 255, 255, 0.07) 0 32px 64px;
}
.form-autocomplete-suggestions li {
    list-style-type: none;
    padding: 0.4rem 0.75rem;
    border-radius: 7px;
    margin: 0 0 0.25rem;
    cursor: pointer;
    font-size: 0.875rem;
    font-weight: 500;
    color: #090223;
}
.form-autocomplete-suggestions li:empty {
    display: none !important;
}
.form-autocomplete-suggestions li:last-child {
    margin-bottom: 0;
}
.form-autocomplete-suggestions li:hover,
.form-autocomplete-suggestions li:focus {
    background-color: #f9f9fa;
    color: #090223;
}
.form-autocomplete-suggestions li::before {
    content: "";
}
.form-autocomplete-suggestions li span + span {
    margin-left: 0;
    display: block;
}
.form-autocomplete-suggestions li span + span small {
    color: #413c55;
}
.form-autocomplete-suggestions li span img {
    margin-right: 0.35rem;
    width: 20px;
    height: 20px;
    border-radius: 7px;
}
.form-autocomplete-suggestions li small {
    display: block;
    width: 100%;
}
.form-autocomplete-downarrow {
    position: absolute;
    top: calc(50% - 15px) !important;
    right: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 30px;
    height: 30px;
    border-radius: 7px;
    background-color: #eeedef;
    color: #413c55;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
}
.form-autocomplete-downarrow .icon {
    font-size: 0.75rem;
    line-height: 16px;
}
.form-autocomplete-downarrow:hover {
    background-color: #e1e0e4;
}
.theme-dark .form-autocomplete-downarrow {
    filter: invert(1);
}
.form-autocomplete-selection + input.form-control {
    width: auto;
    display: inline-block;
    vertical-align: middle;
}
.form-autocomplete-selection [data-active-selection="true"] span + span {
    margin-left: 30px;
    display: block;
}
.form-autocomplete-selection [data-active-selection="true"] span + span small {
    color: #413c55;
}
.form-autocomplete-selection [data-active-selection="true"] span img {
    margin-right: 0.35rem;
    width: 20px;
    height: 20px;
    border-radius: 7px;
}
select[size],
select[multiple] {
    overflow: auto;
}
select[size="1"] {
    overflow: visible;
}
textarea[data-auto-rows] {
    overflow-x: hidden;
    resize: none;
}
.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%;
}
@media (min-width: 768px) {
    .form-inline .col-md-9,
    .form-inline .col-md-3 {
        margin-bottom: 1rem;
        width: auto;
    }
    .form-inline .col-md-9 label,
    .form-inline .col-md-3 label {
        margin-left: 1rem;
    }
}
[data-fieldtype="modgrade"] fieldset br + label {
    width: auto !important;
}
[data-fieldtype="modgrade"] fieldset br {
    display: none;
}
[data-fieldtype="modgrade"] fieldset input,
[data-fieldtype="modgrade"] fieldset select {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
    padding-left: 0.65rem;
    padding-right: 30px;
    margin: 0.25rem;
    height: auto;
    font-size: 0.75rem;
}
[data-fieldtype="modgrade"] fieldset .form-group {
    margin: 0 !important;
    padding: 0 !important;
}
[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;
}
.form-inline[data-fieldtype="autocomplete"],
.form-inline[data-fieldtype="tags"] {
    display: block;
}
[data-fieldtype="editor"] > div {
    flex-grow: 1;
}
@media (min-width: 320px) {
    .modal .mform fieldset.collapsible legend a.fheader,
    .mform fieldset.collapsible legend a.fheader {
        width: 100%;
        display: block;
        padding: 0.85rem 1.5rem;
        margin: 0 0 0.5rem;
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 9.75L16.25 15.25H7.75L12 9.75Z' stroke='%23090223' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
        background-size: 16px;
        background-repeat: no-repeat;
        background-position: calc(100% - 20px);
        border-radius: 7px;
    }
    .modal .mform fieldset.collapsible legend a.fheader h3,
    .mform fieldset.collapsible legend a.fheader h3 {
        font-size: 0.875rem;
        font-weight: 500;
        color: #090223;
    }
    .theme-dark .modal .mform fieldset.collapsible legend a.fheader,
    .theme-dark .mform fieldset.collapsible legend a.fheader {
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 9.75L16.25 15.25H7.75L12 9.75Z' stroke='%23E8EAED' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
        color: #f9f9fa;
    }
    .modal .mform fieldset.collapsible legend a.fheader[aria-expanded="true"],
    .modal .mform fieldset.collapsible legend a.fheader:hover,
    .mform fieldset.collapsible legend a.fheader[aria-expanded="true"],
    .mform fieldset.collapsible legend a.fheader:hover {
        text-decoration: none;
        background-color: #f9f9fa;
        color: #a19eab;
    }
    .theme-dark .modal .mform fieldset.collapsible legend a.fheader[aria-expanded="true"],
    .theme-dark .modal .mform fieldset.collapsible legend a.fheader:hover,
    .theme-dark .mform fieldset.collapsible legend a.fheader[aria-expanded="true"],
    .theme-dark .mform fieldset.collapsible legend a.fheader:hover {
        background-color: #0b0d0f;
        border-color: #2e3134;
        color: #9aa0a6;
    }
    .mform fieldset.collapsible:last-of-type legend a.fheader {
        margin-bottom: 0;
    }
    .mform fieldset.collapsed legend a.fheader {
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.25 12L8.75 7.75V16.25L14.25 12Z' stroke='%23090223' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
        background-size: 16px;
        background-color: transparent;
        border: 1px solid #e1e0e4;
    }
    .mform .form-inline .fdefaultcustom label {
        justify-content: initial;
    }
}
.fcontainer {
    padding: 0.75rem 0;
}
.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.75rem + 1px);
    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-description,
.form-control-static {
    font-size: 0.875rem;
    line-height: 1.4;
    color: #a19eab;
}
.form-description ul,
.form-control-static ul {
    margin-left: 1rem;
}
.form-description p:last-of-type,
.form-control-static p:last-of-type {
    margin-bottom: 0;
}
.custom-control.material-checkbox {
    color: #00665f;
}
.custom-control.material-checkbox .material-control-input {
    display: none;
}
.custom-control.material-checkbox .material-control-input:checked ~ .material-control-indicator {
    border-color: #00665f;
    transform: rotateZ(45deg) translate(1px, -5px);
    width: 10px;
    border-top: 0 solid #fff;
    border-left: 0 solid #fff;
}
.custom-control.material-checkbox .material-control-indicator {
    display: inline-block;
    position: absolute;
    top: 4px;
    left: 0;
    width: 16px;
    height: 16px;
    border: 2px solid #e1e0e4;
    transition: 0.3s;
}
.custom-control.fill-checkbox {
    color: #00665f;
}
.custom-control.fill-checkbox .fill-control-input {
    display: none;
}
.custom-control.fill-checkbox .fill-control-input:checked ~ .fill-control-indicator {
    background-color: #00665f;
    border-color: #00665f;
    background-size: 80%;
}
.custom-control.fill-checkbox .fill-control-indicator {
    border-radius: 3px;
    display: inline-block;
    position: absolute;
    top: 4px;
    left: 0;
    width: 16px;
    height: 16px;
    border: 2px solid #e1e0e4;
    transition: 0.3s;
    background-color: transparent;
    background-size: 0%;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}
.custom-control.overflow-checkbox .overflow-control-input {
    display: none;
}
.custom-control.overflow-checkbox .overflow-control-input:checked ~ .overflow-control-indicator::after {
    transform: rotateZ(45deg) scale(1);
    top: -6px;
    left: 5px;
}
.custom-control.overflow-checkbox .overflow-control-input:checked ~ .overflow-control-indicator::before {
    opacity: 1;
}
.custom-control.overflow-checkbox .overflow-control-indicator {
    border-radius: 3px;
    display: inline-block;
    position: absolute;
    top: 4px;
    left: 0;
    width: 16px;
    height: 16px;
    border: 2px solid #e1e0e4;
}
.custom-control.overflow-checkbox .overflow-control-indicator::after {
    content: "";
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    transition: 0.3s;
    transform: rotateZ(90deg) scale(0);
    width: 10px;
    border-bottom: 4px solid #e1e0e4;
    border-right: 4px solid #e1e0e4;
    border-radius: 3px;
    top: -2px;
    left: 2px;
}
.custom-control.overflow-checkbox .overflow-control-indicator::before {
    content: "";
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    transition: 0.3s;
    width: 10px;
    border-right: 7px solid #fff;
    border-radius: 3px;
    transform: rotateZ(45deg) scale(1);
    top: -4px;
    left: 5px;
    opacity: 0;
}
.custom-control.material-switch {
    color: #00665f;
    padding-left: 0;
}
.custom-control.material-switch .material-switch-control-input {
    display: none;
}
.custom-control.material-switch .material-switch-control-input:checked ~ .material-switch-control-indicator::after {
    background-color: #fff;
    left: 17px;
}
.custom-control.material-switch .material-switch-control-indicator {
    display: inline-block;
    position: relative;
    margin: 0 10px;
    top: 4px;
    min-width: 32px;
    width: 32px;
    height: 16px;
    background: transparent;
    border-radius: 3px;
    transition: 0.3s;
}
.custom-control.material-switch .material-switch-control-indicator::after {
    content: "";
    display: block;
    position: absolute;
    width: 18px;
    height: 18px;
    border-radius: 3px;
    transition: 0.3s;
    top: -1px;
    left: -1px;
    background: #fdfdfd;
}
.custom-control.ios-switch {
    display: inline-flex;
    align-items: center;
    padding-left: 0;
    color: #090223;
}
.theme-dark .custom-control.ios-switch {
    color: #e8eaed;
}
.custom-control.ios-switch .ios-switch-control-indicator {
    display: inline-block;
    position: relative;
    margin: 0 10px 0 0;
    top: 0;
    min-width: 32px;
    width: 32px;
    height: 20px;
    background: #e1e0e4;
    border-radius: 20px;
    transition: 0.3s;
    border: 2px solid #e1e0e4;
    cursor: pointer;
}
.rui-drawer-footer .custom-control.ios-switch .ios-switch-control-indicator {
    background: #f9f9fa;
    border-color: #f9f9fa;
}
.theme-dark .custom-control.ios-switch .ios-switch-control-indicator {
    border-color: #2e3134;
    background-color: #2e3134;
}
.custom-control.ios-switch .ios-switch-control-indicator::after {
    content: "";
    display: block;
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 20px;
    transition: 0.3s;
    top: 2px;
    left: 2px;
    background: #fff;
}
.rui-drawer-footer .custom-control.ios-switch .ios-switch-control-indicator::after {
    background: #b4b2bc;
}
.custom-control .ios-switch-control-input {
    display: none;
}
.custom-control .ios-switch-control-input:active ~ .ios-switch-control-indicator::after {
    width: 20px;
}
.custom-control .ios-switch-control-input:checked ~ .ios-switch-control-indicator {
    border: 2px solid #68336c;
    background-color: #68336c;
}
#nav-drawer .custom-control .ios-switch-control-input:checked ~ .ios-switch-control-indicator {
    border: 2px solid #68336c;
    background-color: #68336c;
}
.custom-control .ios-switch-control-input:checked ~ .ios-switch-control-indicator::after {
    background-color: #fff;
    top: 2px;
    left: 14px;
}
.custom-control .ios-switch-control-input:checked:active ~ .ios-switch-control-indicator::after {
    left: 0;
}
.custom-control.border-switch {
    color: #00665f;
    padding-left: 0;
}
.custom-control.border-switch .border-switch-control-input {
    display: none;
}
.custom-control.border-switch .border-switch-control-input:checked ~ .border-switch-control-indicator {
    border-color: #00665f;
}
.custom-control.border-switch .border-switch-control-input:checked ~ .border-switch-control-indicator::after {
    left: 14px;
    background-color: #00665f;
}
.custom-control.border-switch .border-switch-control-indicator {
    display: inline-block;
    position: relative;
    margin: 0 10px;
    top: 4px;
    width: 32px;
    height: 20px;
    background: transparent;
    border-radius: 3px;
    transition: 0.3s;
    border: 2px solid #e1e0e4;
}
.custom-control.border-switch .border-switch-control-indicator::after {
    content: "";
    display: block;
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 1px;
    transition: 0.3s;
    top: 1px;
    left: 2px;
    background: #e1e0e4;
}
.custom-control.teleport-switch {
    color: #00665f;
    padding-left: 0;
}
.custom-control.teleport-switch .teleport-switch-control-input {
    display: none;
}
.custom-control.teleport-switch .teleport-switch-control-input:checked ~ .teleport-switch-control-indicator {
    border-color: #00665f;
}
.custom-control.teleport-switch .teleport-switch-control-input:checked ~ .teleport-switch-control-indicator::after {
    left: -14px;
}
.custom-control.teleport-switch .teleport-switch-control-input:checked ~ .teleport-switch-control-indicator::before {
    right: 2px;
    background-color: #00665f;
}
.custom-control.teleport-switch .teleport-switch-control-indicator {
    display: inline-block;
    position: relative;
    margin: 0 10px;
    top: 4px;
    width: 32px;
    height: 20px;
    background: transparent;
    border-radius: 3px;
    transition: 0.3s;
    border: 2px solid #e1e0e4;
    overflow: hidden;
}
.custom-control.teleport-switch .teleport-switch-control-indicator::after {
    content: "";
    display: block;
    position: absolute;
    width: 14px;
    height: 12px;
    border-radius: 50%;
    transition: 0.3s;
    top: 1px;
    left: 2px;
    background: #e1e0e4;
}
.custom-control.teleport-switch .teleport-switch-control-indicator::before {
    content: "";
    display: block;
    position: absolute;
    width: 14px;
    height: 12px;
    border-radius: 50%;
    transition: 0.3s;
    top: 1px;
    right: -14px;
    background: #e1e0e4;
}
:disabled + span,
:disabled + span + span {
    opacity: 0.2;
    cursor: not-allowed !important;
}
.fdescription {
    position: relative;
    padding: 0.55rem 1.25rem;
    margin: 0.25rem 0;
    display: inline-flex;
    align-items: center;
    width: 100%;
    border: 1px solid transparent;
    border-radius: 7px;
    font-size: 0.875rem;
    font-weight: 500;
}
.fdescription ul {
    margin: 0;
}
.fdescription.required {
    background-color: #fdf6ea;
}
.theme-dark .fdescription.required {
    background-color: #333030;
}
.fdescription.required .icon {
    display: inline-flex;
}
.fdescription.form-filetypes-descriptions {
    background-color: #f9f9fa;
}
.theme-dark .fdescription.form-filetypes-descriptions {
    background-color: #0b0d0f;
}
.logselecform input,
.logselecform select {
    margin-right: 0.25rem;
    margin-bottom: 0.25rem;
}
.ftoggler {
    position: relative;
}
.ftoggler [data-toggle="popover"] {
    position: absolute;
    top: calc(50% - 12px);
    right: 30px;
}
.password--wrapper .password--edit,
.password--wrapper .text-muted,
.password--wrapper .block .minicalendar td.weekend,
.block .minicalendar .password--wrapper td.weekend,
.form-password .password--edit,
.form-password .text-muted,
.form-password .block .minicalendar td.weekend,
.block .minicalendar .form-password td.weekend {
    display: inline-flex;
    align-items: center;
    font-size: 0.875rem;
    color: #406cd2;
}
.password--wrapper .password--edit .icon,
.password--wrapper .text-muted .icon,
.password--wrapper .block .minicalendar td.weekend .icon,
.block .minicalendar .password--wrapper td.weekend .icon,
.form-password .password--edit .icon,
.form-password .text-muted .icon,
.form-password .block .minicalendar td.weekend .icon,
.block .minicalendar .form-password td.weekend .icon {
    margin-left: 0.35rem;
}
.password--wrapper .password--edit:hover,
.password--wrapper .text-muted:hover,
.password--wrapper .block .minicalendar td.weekend:hover,
.block .minicalendar .password--wrapper td.weekend:hover,
.form-password .password--edit:hover,
.form-password .text-muted:hover,
.form-password .block .minicalendar td.weekend:hover,
.block .minicalendar .form-password td.weekend:hover {
    text-decoration: none;
}
.password--wrapper .password--edit span,
.password--wrapper .text-muted span,
.password--wrapper .block .minicalendar td.weekend span,
.block .minicalendar .password--wrapper td.weekend span,
.form-password .password--edit span,
.form-password .text-muted span,
.form-password .block .minicalendar td.weekend span,
.block .minicalendar .form-password td.weekend span {
    padding-left: 6px;
}
.password--wrapper em,
.form-password em {
    font-style: normal !important;
    font-weight: 500;
}
.password--wrapper {
    display: inline-flex;
    align-items: center;
    padding: 4px;
    background-color: transparent;
    border: 2px dashed #bacdf7;
    border-radius: 7px;
}
.password--unmask {
    width: 40px;
    height: 40px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    margin-left: 0.35rem;
    background-color: #d4def8;
    border-radius: 7px;
    color: #fff;
}
.password--unmask .icon {
    width: auto;
    height: auto;
}
.password--unmask:hover {
    background-color: #6e8eda;
    color: #fff;
    text-decoration: none;
}
.adminsettingsflags {
    float: right;
    display: inline-flex;
    align-items: center;
    margin: 0 10px;
    padding: 10px;
    background-color: #feeded;
    border-radius: 7px;
}
.adminsettingsflags input {
    margin-right: 0.35rem;
}
.adminsettingsflags label {
    margin: 0 1rem 0 0;
    color: #ca0d0d;
    font-size: 0.75rem;
}
.fieldset-styled,
[data-fieldtype="modgrade"] fieldset,
.wiki-upload-section,
#page-grade-grading-form-guide-edit fieldset.hidden,
#id_changepassword,
#page-mod-feedback-show_nonrespondents fieldset {
    padding: 1.25rem;
    margin-bottom: 1.25rem;
    font-size: 0.875rem !important;
    border-radius: 7px;
    border: 2px solid #c6b3c8;
}
.theme-dark .fieldset-styled,
.theme-dark [data-fieldtype="modgrade"] fieldset,
.theme-dark .wiki-upload-section,
.theme-dark #page-grade-grading-form-guide-edit fieldset.hidden,
.theme-dark #id_changepassword,
.theme-dark #page-mod-feedback-show_nonrespondents fieldset {
    border-color: #0b0d0f;
}
.fieldset-styled .fcontainer,
[data-fieldtype="modgrade"] fieldset .fcontainer,
.wiki-upload-section .fcontainer,
#page-grade-grading-form-guide-edit fieldset.hidden .fcontainer,
#id_changepassword .fcontainer,
#page-mod-feedback-show_nonrespondents fieldset .fcontainer {
    padding: 0;
}
.fieldset-styled legend,
[data-fieldtype="modgrade"] fieldset legend,
.wiki-upload-section legend,
#page-grade-grading-form-guide-edit fieldset.hidden legend,
#id_changepassword legend,
#page-mod-feedback-show_nonrespondents fieldset legend {
    width: auto;
    padding: 5px 20px;
    border-radius: 7px;
    background-color: #420047;
    color: #fff;
    font-size: 0.875rem;
    font-weight: 500;
}
.theme-dark .fieldset-styled legend,
.theme-dark [data-fieldtype="modgrade"] fieldset legend,
.theme-dark .wiki-upload-section legend,
.theme-dark #page-grade-grading-form-guide-edit fieldset.hidden legend,
.theme-dark #id_changepassword legend,
.theme-dark #page-mod-feedback-show_nonrespondents fieldset legend {
    background-color: #0b0d0f;
    color: #e8eaed;
}
.fieldset-styled legend:empty,
[data-fieldtype="modgrade"] fieldset legend:empty,
.wiki-upload-section legend:empty,
#page-grade-grading-form-guide-edit fieldset.hidden legend:empty,
#id_changepassword legend:empty,
#page-mod-feedback-show_nonrespondents fieldset legend:empty {
    display: none;
}
.fieldset-styled ul,
[data-fieldtype="modgrade"] fieldset ul,
.wiki-upload-section ul,
#page-grade-grading-form-guide-edit fieldset.hidden ul,
#id_changepassword ul,
#page-mod-feedback-show_nonrespondents fieldset ul {
    margin: 0;
    font-size: 1rem;
    font-weight: 500;
}
.fieldset-styled ul li,
[data-fieldtype="modgrade"] fieldset ul li,
.wiki-upload-section ul li,
#page-grade-grading-form-guide-edit fieldset.hidden ul li,
#id_changepassword ul li,
#page-mod-feedback-show_nonrespondents fieldset ul li {
    padding: 0.5rem 0;
    list-style: none;
}
.fieldset-styled ul li li,
[data-fieldtype="modgrade"] fieldset ul li li,
.wiki-upload-section ul li li,
#page-grade-grading-form-guide-edit fieldset.hidden ul li li,
#id_changepassword ul li li,
#page-mod-feedback-show_nonrespondents fieldset ul li li {
    font-size: 0.875rem;
    font-weight: 500;
}
.fieldset-styled ul li input,
[data-fieldtype="modgrade"] fieldset ul li input,
.wiki-upload-section ul li input,
#page-grade-grading-form-guide-edit fieldset.hidden ul li input,
#id_changepassword ul li input,
#page-mod-feedback-show_nonrespondents fieldset ul li input {
    margin-top: 0.25rem;
    width: auto;
}
.fieldset-styled .alert,
.fieldset-styled .que .validationerror,
.que .fieldset-styled .validationerror,
.fieldset-styled #page-mod-choice-view #notice p,
#page-mod-choice-view #notice .fieldset-styled p,
[data-fieldtype="modgrade"] fieldset .alert,
[data-fieldtype="modgrade"] fieldset .que .validationerror,
.que [data-fieldtype="modgrade"] fieldset .validationerror,
[data-fieldtype="modgrade"] fieldset #page-mod-choice-view #notice p,
#page-mod-choice-view #notice [data-fieldtype="modgrade"] fieldset p,
.wiki-upload-section .alert,
.wiki-upload-section .que .validationerror,
.que .wiki-upload-section .validationerror,
.wiki-upload-section #page-mod-choice-view #notice p,
#page-mod-choice-view #notice .wiki-upload-section p,
#page-grade-grading-form-guide-edit fieldset.hidden .alert,
#page-grade-grading-form-guide-edit fieldset.hidden .que .validationerror,
.que #page-grade-grading-form-guide-edit fieldset.hidden .validationerror,
#page-grade-grading-form-guide-edit fieldset.hidden #page-mod-choice-view #notice p,
#page-mod-choice-view #notice #page-grade-grading-form-guide-edit fieldset.hidden p,
#id_changepassword .alert,
#id_changepassword .que .validationerror,
.que #id_changepassword .validationerror,
#id_changepassword #page-mod-choice-view #notice p,
#page-mod-choice-view #notice #id_changepassword p,
#page-mod-feedback-show_nonrespondents fieldset .alert,
#page-mod-feedback-show_nonrespondents fieldset .que .validationerror,
.que #page-mod-feedback-show_nonrespondents fieldset .validationerror,
#page-mod-feedback-show_nonrespondents fieldset #page-mod-choice-view #notice p,
#page-mod-choice-view #notice #page-mod-feedback-show_nonrespondents fieldset p {
    width: 100%;
}
.wiki-upload-section {
    width: auto;
}
a[id*="_calendar"] {
    margin: 0 5px;
    padding: 5px;
    background-color: #f9f9fa;
    border-radius: 7px;
    line-height: 1;
}
a[id*="_calendar"]:hover {
    color: #420047;
    background-color: #ece6ed;
}
.theme-dark a[id*="_calendar"] {
    filter: invert(1);
}
a[id*="_calendar"] .icon {
    width: 24px;
    height: 24px;
    margin: 0;
}
.form-filemanager {
    width: inherit;
}
.search-input-group {
    position: relative;
    color: #413c55;
}
@media (max-width: 767.98px) {
    .search-input-group {
        margin-top: 10px;
    }
}
.rui-icon-menu .search-input-group {
    width: 200px !important;
}
.theme-dark .search-input-group {
    color: #bdc1c6;
}
.search-input-group .search-input {
    padding: 0.75rem 1.25rem 0.75rem 45px;
    margin: 0;
    height: 47px;
    font-size: 0.875rem;
    font-weight: 500;
    border-radius: 7px;
    background-color: #f9f9fa;
    border: 1px solid #e1e0e4;
}
#nav-drawer .search-input-group .search-input {
    margin: 0;
    background-color: transparent;
    border-radius: 0;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: rgba(255, 255, 255, 0.13);
    color: #fff;
    transition: all 0.2s ease-in-out;
}
#nav-drawer .search-input-group .search-input:hover {
    border-color: #fff;
}
.theme-dark .search-input-group .search-input {
    background-color: #e8eaed;
    color: #bdc1c6;
}
.search-input-group .search-input-icon {
    display: flex;
    position: absolute;
    left: 15px;
    top: calc(50% - 11px);
}
#nav-drawer .search-input-group .search-input-icon {
    color: #fff;
}
.search-input-group .search-input-btn {
    position: absolute;
    top: calc(50% - 15px);
    right: 10px;
    height: 30px;
    width: 30px;
    display: flex;
    align-items: center;
    background-color: transparent;
    border-radius: 60px;
    border: none;
    color: #413c55;
    transition: all 0.2s ease-in-out;
}
.theme-dark .search-input-group .search-input-btn {
    color: #bdc1c6;
}
#nav-drawer .search-input-group .search-input-btn {
    color: #fff;
}
.search-input-group .search-input-btn:hover {
    background-color: #420047;
    color: #ece6ed;
}
.rui-show-password-btn {
    position: absolute;
    top: calc(50% - 15px);
    right: 5px;
    background-color: #ece6ed;
    color: #420047;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    cursor: pointer;
}
.rui-show-password-btn:hover {
    background-color: #ece6ed;
    color: #420047;
}
.rui-show-password-btn.rui-show-password-btn--hidden {
    background-color: #f9f9fa;
    color: #b4b2bc;
}
#page-login-index,
#page-login-signup,
#page-login-forgot_password {
    background-color: #f9f9fa;
}
#page-login-signup {
    background-image: none !important;
}
.rui-login-footer {
    padding: 0 20px;
    margin-bottom: 30px;
}
@media (max-width: 1088.98px) {
    .rui-login-footer {
        margin: 0 auto 20px;
        width: 90%;
    }
}
.rui-login-footer-content {
    font-size: 0.875rem;
}
.rui-login-top-btn {
    background-color: rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    padding: 5px 14px;
    border-radius: 7px;
    font-size: 0.875rem;
    color: #fff;
}
.rui-login-top-btn a,
.rui-login-top-btn .btn-link--clean {
    font-size: 0.875rem;
    color: #fff;
}
.rui-login-top-btn a:hover,
.rui-login-top-btn .btn-link--clean:hover {
    color: #fff;
    opacity: 0.6;
}
.rui-login-top-btn h1 {
    font-size: 14px;
}
@media (min-width: 768px) {
    .rui-login-top-btn {
        position: fixed;
        top: 5px;
        right: 5px;
        text-align: right;
    }
    .rui-login-layout-5 .rui-login-top-btn {
        left: 5px;
        right: auto;
    }
}
@media (max-width: 767.98px) {
    .rui-login-top-btn {
        position: relative;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        text-align: center;
        width: 100%;
        max-width: 300px;
        margin: 0 auto;
    }
}
.rui-loginpage-intro-logo {
    margin-bottom: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.rui-loginpage-intro-logo a:hover {
    text-decoration: none;
}
.rui-login-large-container {
    width: 700px;
    margin: 30px auto;
}
.rui-login-large-container input[type="text"],
.rui-login-large-container input[type="password"] {
    width: 100%;
}
@media (min-width: 320px) and (max-width: 1088.98px) {
    .rui-login-large-container {
        max-width: 90%;
    }
}
.rui-login-box {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 7px;
}
@media (max-width: 767.98px) {
    .rui-login-box {
        padding: 10px;
    }
}
.rui-login-layout--1 .rui-login-box {
    padding: 30px;
}
@media (max-width: 767.98px) {
    .rui-login-layout--1 .rui-login-box {
        padding: 20px;
    }
}
.rui-login-layout--2 .rui-login-box,
.rui-login-layout--3 .rui-login-box {
    padding: 60px;
}
@media (max-width: 767.98px) {
    .rui-login-layout--2 .rui-login-box,
    .rui-login-layout--3 .rui-login-box {
        padding: 20px;
    }
}
.rui-login-layout--4 .rui-login-box,
.rui-login-layout--5 .rui-login-box {
    padding: 40px;
}
@media (max-width: 1088.98px) {
    .rui-login-layout--4 .rui-login-box,
    .rui-login-layout--5 .rui-login-box {
        padding: 20px;
        width: 100%;
    }
}
#page-login-forgot_password .login-container {
    max-width: 500px;
    padding: 60px;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 7px;
}
@media (max-width: 767.98px) {
    #page-login-forgot_password .login-container {
        padding: 20px;
    }
}
#page-login-forgot_password .login-container .mform .col-md-3,
#page-login-forgot_password .login-container .mform .col-md-9 {
    padding: 0 !important;
    margin-bottom: 0.35rem !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
    text-align: left !important;
}
.rui-hasinstructions-desc {
    font-size: 0.75rem;
    font-weight: 400;
}
.rui-rememberusername-text,
.rui-login-forgot-btn {
    font-size: 0.875rem;
    font-weight: 500;
    color: #a19eab;
}
.rui-login-container {
    margin: 30px auto;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    background-color: #fff;
    border-radius: 7px;
}
.rui-login-layout-img .rui-login-container {
    max-width: 960px;
}
@media (min-width: 1089px) {
    .rui-login-layout-img .rui-login-container {
        width: 100%;
    }
}
.rui-login-layout--2 .rui-login-container {
    flex-direction: row;
}
@media (min-width: 768px) {
    .rui-login-layout--2 .rui-login-container {
        border-radius: 30px;
    }
}
@media (max-width: 767.98px) {
    .rui-login-layout--2 .rui-login-container {
        border-radius: 7px;
    }
}
.rui-login-layout--3 .rui-login-container {
    flex-direction: row-reverse;
}
@media (min-width: 768px) {
    .rui-login-layout--3 .rui-login-container {
        border-radius: 30px;
    }
}
@media (max-width: 767.98px) {
    .rui-login-layout--3 .rui-login-container {
        border-radius: 7px;
    }
}
.rui-login-bg-container {
    width: 50%;
    background-color: #eeedef;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    color: #090223;
}
.rui-login-bg-container h1,
.rui-login-bg-container h2,
.rui-login-bg-container h3,
.rui-login-bg-container h4,
.rui-login-bg-container h5,
.rui-login-bg-container h6,
.rui-login-bg-container p,
.rui-login-bg-container small,
.rui-login-bg-container span,
.rui-login-bg-container div {
    color: inherit;
}
@media (min-width: 768px) {
    .rui-login-bg-container {
        border-radius: 30px;
    }
}
@media (min-width: 320px) and (max-width: 1088.98px) {
    .rui-login-bg-container {
        width: 100%;
    }
}
@media (max-width: 767.98px) {
    .rui-login-bg-container {
        border-radius: 7px;
    }
}
@media (min-width: 768px) {
    .rui-login-box .rui-login-content {
        width: 340px;
        height: 100%;
    }
}
@media (max-width: 767.98px) {
    .rui-login-box .rui-login-content {
        max-width: 280px;
        height: 100%;
    }
}
.rui-login-layout-img .rui-login-box {
    width: 50%;
}
@media (min-width: 768px) and (max-width: 1088.98px) {
    .rui-login-layout-img .rui-login-box {
        width: 100%;
        max-width: 600px;
        margin: 0 auto;
    }
}
@media (min-width: 320px) and (max-width: 767.98px) {
    .rui-login-layout-img .rui-login-box {
        width: 100%;
        margin: 0 auto;
    }
}
.rui-login-layout--1 .rui-login-box {
    margin: 30px auto;
    width: 100%;
    max-width: 400px;
    scrollbar-width: thin;
    scrollbar-color: #b4b2bc #fff;
}
.rui-login-layout--1 .rui-login-box::-webkit-scrollbar {
    width: 12px;
}
.rui-login-layout--1 .rui-login-box::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 20px;
}
.rui-login-layout--1 .rui-login-box::-webkit-scrollbar-thumb {
    background-color: #b4b2bc;
    border-radius: 20px;
    border: 3px solid #fff;
}
.rui-login-layout--1 .rui-login-box::-webkit-scrollbar-thumb:hover {
    background-color: #a19eab;
}
@media (min-width: 1089px) {
    .rui-login-layout--4 .rui-login-box,
    .rui-login-layout--5 .rui-login-box {
        position: absolute;
        top: 60px;
        border-radius: 7px;
    }
}
@media (max-width: 1088.98px) {
    .rui-login-layout--4 .rui-login-box,
    .rui-login-layout--5 .rui-login-box {
        position: relative;
        top: 0;
        border-radius: 0;
    }
}
@media (min-width: 1089px) {
    .rui-login-layout--4 .rui-login-box {
        left: 60px;
    }
}
@media (max-width: 1088.98px) {
    .rui-login-layout--4 .rui-login-box {
        left: 0;
    }
}
@media (min-width: 1089px) {
    .rui-login-layout--5 .rui-login-box {
        right: 60px;
    }
}
@media (max-width: 1088.98px) {
    .rui-login-layout--5 .rui-login-box {
        right: 0;
    }
}
.rui-login-additional-content {
    position: absolute;
    top: 90px;
    left: 90px;
    font-size: 2rem;
    font-weight: 700;
}
.rui-login-wrapper {
    width: 100%;
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
}
.rui-login-logo--sep {
    margin-bottom: 0;
    margin-left: 40px;
    padding-left: 20px;
    position: relative;
}
.rui-login-logo--sep:before {
    content: "";
    position: absolute;
    left: -10px;
    top: calc(50% - 10px);
    background-color: #e1e0e4;
    width: 1px;
    height: 20px;
}
.rui-signup-layout {
    padding: 40px 40px 40px 100px;
    height: 100vh;
    display: flex;
    justify-content: center;
}
@media (min-width: 768px) and (max-width: 1088.98px) {
    .rui-signup-layout {
        padding: 0 30px 30px 30px;
    }
}
@media (max-width: 767.98px) {
    .rui-signup-layout {
        padding: 0;
    }
}
.rui-login-box .form-control {
    width: 100%;
}
.rui-login-box .col-md-3,
.rui-login-box .col-md-9 {
    flex: 0 0 100%;
    max-width: 100%;
    text-align: left !important;
}
.rui-login-box .col-md-3 {
    padding: 0 !important;
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}
.rui-login-box .rui-additional-content {
    position: sticky;
    top: 60px;
}
.rui-login-box .mform fieldset.collapsible legend a.fheader:last-of-type {
    margin-bottom: 0;
}
.rui-signup-additional-content {
    height: max-content;
}
@media (min-width: 1089px) {
    .rui-signup-additional-content {
        position: sticky;
        top: 11%;
        margin: 90px 0;
        padding-left: 80px;
    }
}
@media (max-width: 1088.98px) {
    .rui-signup-additional-content {
        width: 90%;
        padding-left: 0;
        margin: 30px auto;
        position: relative;
    }
}
.rui-backtologin {
    position: fixed;
    top: 26px;
    left: 30px;
}
@media (max-width: 767.98px) {
    .rui-backtologin {
        position: absolute;
        top: -34px;
        left: 10px;
    }
}
.btn--back {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    width: 40px;
    height: 40px;
    border: 1px solid #e1e0e4;
    border-radius: 60px;
    color: #090223;
}
.btn--back:hover {
    background-color: #090223;
    border-color: #090223;
    color: #f9f9fa;
}
.rui-badge-guest {
    position: fixed;
    bottom: 3px;
    right: 3px;
    padding: 6px 12px;
    display: inline-flex;
    align-items: center;
    border-radius: 7px;
    background-color: #fff1d5;
    font-size: 0.875rem;
    font-weight: 500;
    color: #c3850c;
}
.rui-login-lang-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    border: none;
    background-color: #090223;
    border-radius: 40px;
    font-size: 0.75rem;
    color: #f9f9fa;
}
@media (max-width: 767.98px) {
    .rui-login-lang-btn {
        padding: 8px;
    }
}
.rui-login-lang-btn[aria-expanded="true"],
.rui-login-lang-btn:hover {
    color: #f9f9fa;
    background-color: #413c55;
    text-decoration: none;
}
.form-control--username,
.form-control--password {
    background-size: 22px;
    background-position: 16px;
    background-repeat: no-repeat;
    background-color: transparent;
    padding-left: 50px;
}
.form-control--username {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='8' r='3.25' stroke='%23a19eab' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3C/circle%3E%3Cpath stroke='%23a19eab' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6.8475 19.25H17.1525C18.2944 19.25 19.174 18.2681 18.6408 17.2584C17.8563 15.7731 16.068 14 12 14C7.93201 14 6.14367 15.7731 5.35924 17.2584C4.82597 18.2681 5.70558 19.25 6.8475 19.25Z'%3E%3C/path%3E%3C/svg%3E%0A");
}
.form-control--password {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23a19eab' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M15 13.25C17.3472 13.25 19.25 11.3472 19.25 9C19.25 6.65279 17.3472 4.75 15 4.75C12.6528 4.75 10.75 6.65279 10.75 9C10.75 9.31012 10.7832 9.61248 10.8463 9.90372L4.75 16V19.25H8L8.75 18.5V16.75H10.5L11.75 15.5V13.75H13.5L14.0963 13.1537C14.3875 13.2168 14.6899 13.25 15 13.25Z'%3E%3C/path%3E%3Cpath stroke='%23a19eab' d='M16.5 8C16.5 8.27614 16.2761 8.5 16 8.5C15.7239 8.5 15.5 8.27614 15.5 8C15.5 7.72386 15.7239 7.5 16 7.5C16.2761 7.5 16.5 7.72386 16.5 8Z'%3E%3C/path%3E%3C/svg%3E%0A");
}
.rui-login-lang-wrapper {
    position: fixed;
    bottom: 50px;
    right: 16px;
    z-index: 1030;
}
.rui-login-layout-5 .rui-login-lang-wrapper {
    left: 16px;
}
@media (max-width: 767.98px) {
    .rui-lang-btn .rui-lang-btn-text {
        display: none;
    }
}
.rui-login-wrapper--margin {
    margin-top: 25px;
}
.rui-login-logo-container .rui-login-logo {
    max-width: 260px;
    height: auto;
}
.rui-login-layout--1 .rui-login-logo-container,
.rui-login-layout--2 .rui-login-logo-container,
.rui-login-layout--3 .rui-login-logo-container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    text-align: center;
    max-width: 100%;
    max-height: 200px;
}
@media (min-width: 1089px) {
    .rui-login-layout--4 .rui-login-logo-container,
    .rui-login-layout--5 .rui-login-logo-container {
        width: 200px;
        position: fixed;
        top: 40px;
    }
}
@media (max-width: 1088.98px) {
    .rui-login-layout--4 .rui-login-logo-container,
    .rui-login-layout--5 .rui-login-logo-container {
        width: 100%;
        position: relative;
        text-align: center;
    }
}
@media (min-width: 1089px) {
    .rui-login-layout--4 .rui-login-logo-container {
        right: 60px;
        text-align: right;
    }
}
@media (min-width: 1089px) {
    .rui-login-layout--5 .rui-login-logo-container {
        left: 60px;
        text-align: left;
    }
}
.rui-login-layout--1 .rui-topbar,
.rui-login-layout--2 .rui-topbar,
.rui-login-layout--3 .rui-topbar {
    width: 100%;
    margin-top: 30px;
    margin-bottom: 30px;
}
.rui-login-layout--4 .rui-login-html-1,
.rui-login-layout--5 .rui-login-html-1 {
    position: fixed;
    top: 40%;
    font-weight: 700;
    color: #fff;
}
@media (min-width: 1089px) {
    .rui-login-layout--4 .rui-login-html-1,
    .rui-login-layout--5 .rui-login-html-1 {
        font-size: 40px;
    }
}
@media (max-width: 1088.98px) {
    .rui-login-layout--4 .rui-login-html-1,
    .rui-login-layout--5 .rui-login-html-1 {
        display: none;
    }
}
.rui-login-layout--4 .rui-login-html-1 {
    right: 60px;
}
.rui-login-layout--5 .rui-login-html-1 {
    left: 60px;
}
@media (min-width: 320px) and (max-width: 1088.98px) {
    #page-login-index .greedy {
        justify-content: center;
    }
}
.rui-login-logo-name {
    margin-bottom: 0;
    font-size: 1.125rem;
    font-weight: 700;
    color: #090223;
}
.btn--cookie {
    position: fixed;
    bottom: 10px;
    right: 16px;
}
.rui-login-layout--5 .btn--cookie {
    left: 16px;
    right: auto;
}
select {
    width: auto;
}
.path-mod-choice .horizontal .choices .option {
    display: inline-flex;
    align-items: center;
}
.path-mod-choice .choices .option label {
    margin: 10px;
}
.maincalendar .calendarmonth td,
.maincalendar .calendarmonth th {
    border: 1px dotted #e1e0e4;
}
.theme-dark .maincalendar .calendarmonth td,
.theme-dark .maincalendar .calendarmonth th {
    border-color: #2e3134;
}
.path-grade-report-grader h1 {
    text-align: inherit;
}
#page-mod-chat-gui_basic input#message {
    max-width: 100%;
}
#page-mod-data-view #singleimage {
    width: auto;
}
.path-mod-data form {
    margin-top: 0;
}
.path-mod-data .rui-page-title {
    margin-bottom: 0;
}
#page-mod-data-templates td.save_template,
#page-mod-data-templates .template_heading {
    text-align: left;
}
#tempform table {
    width: 100%;
}
#availabletags_wrapper {
    max-width: 300px;
}
.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;
}
.path-mod-lesson .invisiblefieldset.fieldsetfix {
    display: block;
}
.path-mod-lesson .answeroption .checkbox label p {
    display: inline;
}
.path-mod-lesson .form-inline label.form-check-label {
    display: inline-block;
}
.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 .custom-select {
    align-self: flex-start;
}
.path-mod-lesson .generaltable td,
.path-mod-lesson .rolecap td {
    vertical-align: middle;
}
.path-mod-lesson .generaltable td label,
.path-mod-lesson .rolecap td label {
    margin-bottom: 0;
}
.path-mod-lesson .generaltable td .highlight,
.path-mod-lesson .rolecap td .highlight {
    display: inline-block;
    margin-left: 0.25rem;
}
.path-mod-lesson .generaltable td input[type="checkbox"],
.path-mod-lesson .rolecap td input[type="checkbox"] {
    display: block;
}
.wiki_headingtitle,
.midpad {
    text-align: left;
}
.wiki_headingtitle {
    margin-top: 30px;
}
.path-mod-wiki .wiki_headingtitle .icon {
    margin-left: 0.35rem;
}
.wiki_difftime,
.wiki_headingtime {
    margin-bottom: 0.35rem;
    font-style: normal;
    color: #413c55;
}
.theme-dark .wiki_difftime,
.theme-dark .wiki_headingtime {
    color: #bdc1c6;
}
.path-mod-wiki .wiki_contentbox {
    width: 100%;
}
.path-mod-survey .surveytable > tbody > tr:nth-of-type(even) {
    background-color: rgba(0, 0, 0, 0.025);
}
.path-mod-survey .surveytable tr:hover {
    background-color: #ece6ed !important;
}
.path-mod-survey .surveytable .rblock label {
    text-align: center;
    margin: 0;
}
.path-mod-survey .surveytable .qnumtopcell {
    display: inline-flex;
    font-size: 16px;
}
.path-mod-survey .surveytable .optioncell,
.path-mod-survey .surveytable .questioncell {
    padding: 10px;
}
.theme-dark.path-mod-survey .surveytable .whitecell {
    background-color: #e8eaed;
}
.theme-dark.path-mod-survey .surveytable tr:hover {
    background-color: #28002b !important;
}
#intro {
    margin-top: 0;
    margin-bottom: 30px;
    padding: 0 !important;
}
.nav .caret {
    margin-left: 4px;
}
.nav .divider {
    overflow: hidden;
    width: 0;
}
.usermenu .login {
    line-height: 2.25rem;
}
.usermenu .dropdown-btn {
    padding: 0;
    background-color: transparent;
    color: #fff;
}
.usermenu .btn.btn-icon {
    padding: 0 !important;
}
.usermenu img.userpicture {
    margin: 0;
    border-radius: 7px;
    width: 40px;
    height: 40px;
}
.userinitials {
    min-width: 40px;
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e1e0e4;
    border-radius: 7px;
    background-color: transparent;
    font-size: 0.85rem;
    font-weight: 700;
    color: #090223;
}
table .userinitials,
.aabtn .userinitials {
    margin-right: 0.35rem;
}
.userinitials.size-56 {
    width: 40px;
    height: 40px;
}
.userinitials.size-100 {
    width: 47px;
    height: 47px;
}
.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 {
    display: block;
    font-size: 0.875rem;
}
.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 img {
    width: inherit;
    height: inherit;
}
.userloggedinas .usermenu .userbutton .avatars .realuser {
    width: 44px;
    height: 44px;
    display: inline-block;
}
@media (max-width: 767.98px) {
    .usertext {
        display: none;
    }
}
.path-mod-quiz .mod-quiz-edit-content {
    margin-bottom: 10rem;
}
#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 .form-group {
    width: 20rem;
    display: inline-block;
    min-height: 12rem;
}
#page-mod-quiz-mod #id_reviewoptionshdr .btn-link,
#page-mod-quiz-mod #id_reviewoptionshdr [data-fieldtype="submit"] a,
[data-fieldtype="submit"] #page-mod-quiz-mod #id_reviewoptionshdr a,
#page-mod-quiz-mod #id_reviewoptionshdr .cancel a,
.cancel #page-mod-quiz-mod #id_reviewoptionshdr a,
#page-mod-quiz-mod #id_reviewoptionshdr #page-mod-quiz-report .gradetheselink,
#page-mod-quiz-report #page-mod-quiz-mod #id_reviewoptionshdr .gradetheselink {
    line-height: 1.5;
    vertical-align: bottom;
}
#page-mod-quiz-mod #id_reviewoptionshdr .form-inline {
    float: left;
    clear: left;
}
#page-mod-quiz-mod #id_reviewoptionshdr .form-check {
    width: 90%;
    height: 22px;
    justify-content: flex-start;
}
.review_option_item {
    width: 98%;
    display: flex;
    margin: 5px 0;
}
.qn_buttons {
    grid-gap: 9px;
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.path-mod-quiz #mod_quiz_navblock .qnbutton {
    text-decoration: none;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    background-color: #fff;
    background-image: none;
    height: 40px;
    width: 40px;
    border-radius: 3px;
    border: 0;
    overflow: visible;
    margin: 0 6px 6px 0;
}
.path-mod-quiz #mod_quiz_navblock span.qnbutton {
    cursor: default;
    background-color: #eeedef;
    color: #a19eab;
}
.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-radius: 3px;
    z-index: 1;
}
.path-mod-quiz #mod_quiz_navblock .qnbutton.flagged .thispageholder {
    background: transparent url(/theme/image.php/alpha/theme/1668532694/mod/quiz/flag-on) 25px 1px no-repeat;
    background-size: 9px;
}
.path-mod-quiz #mod_quiz_navblock .qnbutton .trafficlight {
    border: 0;
    background: #fff none center / 10px no-repeat scroll;
    height: 20px;
    margin-top: 20px;
    border-radius: 0 0 3px 3px;
}
.path-mod-quiz #mod_quiz_navblock .qnbutton.notyetanswered .trafficlight,
.path-mod-quiz #mod_quiz_navblock .qnbutton.invalidanswer .trafficlight {
    background-color: #fff;
}
.path-mod-quiz #mod_quiz_navblock .qnbutton.invalidanswer .trafficlight {
    background-image: url(/theme/image.php/alpha/theme/1668532694/mod/quiz/warningtriangle);
}
.path-mod-quiz #mod_quiz_navblock .qnbutton.correct .trafficlight {
    background-image: url(/theme/image.php/alpha/theme/1668532694/mod/quiz/checkmark);
    background-color: #420047;
}
.path-mod-quiz #mod_quiz_navblock .qnbutton.blocked .trafficlight {
    background-image: url(/theme/image.php/alpha/core/1668532694/t/locked);
    background-color: #eeedef;
}
.path-mod-quiz #mod_quiz_navblock .qnbutton.notanswered .trafficlight,
.path-mod-quiz #mod_quiz_navblock .qnbutton.incorrect .trafficlight {
    background-color: #ef1010;
}
.path-mod-quiz #mod_quiz_navblock .qnbutton.partiallycorrect .trafficlight {
    background-image: url(/theme/image.php/alpha/theme/1668532694/mod/quiz/whitecircle);
    background-color: #f7b742;
}
.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: #b4b2bc;
}
.path-mod-quiz .qnbutton.thispage .thispageholder {
    border-color: #e1e0e4;
    border-width: 2px;
}
#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;
    margin: 0 0.4em;
}
#page-mod-quiz-attempt #region-main {
    overflow-x: inherit;
}
#quiz-timer-wrapper {
    display: none;
    position: sticky;
    top: 75px;
    z-index: 1020;
}
#quiz-timer-wrapper #quiz-timer {
    margin: 0;
    padding: 8px 15px 8px 10px;
    border-radius: 7px;
    background-color: #eaf4dd;
    display: flex;
    align-items: center;
    font-size: 0.875rem;
    font-weight: 500;
    color: #027654;
}
.pagelayout-embedded #quiz-timer-wrapper {
    top: 5px;
}
#quiz-timer-wrapper #quiz-timer.timeleft0 {
    background-color: #ef1010;
    color: #fff;
}
#quiz-timer-wrapper #quiz-timer.timeleft1 {
    background-color: #f01e1e;
    color: #fff;
}
#quiz-timer-wrapper #quiz-timer.timeleft2 {
    background-color: #f12d2d;
    color: #fff;
}
#quiz-timer-wrapper #quiz-timer.timeleft3 {
    background-color: #f23b3b;
    color: #fff;
}
#quiz-timer-wrapper #quiz-timer.timeleft4 {
    background-color: #f34949;
    color: #fff;
}
#quiz-timer-wrapper #quiz-timer.timeleft5 {
    background-color: #f45858;
    color: #fff;
}
#quiz-timer-wrapper #quiz-timer.timeleft6 {
    background-color: #f56666;
    color: #fff;
}
#quiz-timer-wrapper #quiz-timer.timeleft7 {
    background-color: #f67474;
    color: #090223;
}
#quiz-timer-wrapper #quiz-timer.timeleft8 {
    background-color: #f78383;
    color: #090223;
}
#quiz-timer-wrapper #quiz-timer.timeleft9 {
    background-color: #f89191;
    color: #090223;
}
#quiz-timer-wrapper #quiz-timer.timeleft10 {
    background-color: #f99f9f;
    color: #090223;
}
#quiz-timer-wrapper #quiz-timer.timeleft11 {
    background-color: #faaeae;
    color: #090223;
}
#quiz-timer-wrapper #quiz-timer.timeleft12 {
    background-color: #fbbcbc;
    color: #090223;
}
#quiz-timer-wrapper #quiz-timer.timeleft13 {
    background-color: #fbcaca;
    color: #090223;
}
#quiz-timer-wrapper #quiz-timer.timeleft14 {
    background-color: #fcd9d9;
    color: #090223;
}
#quiz-timer-wrapper #quiz-timer.timeleft15 {
    background-color: #fde7e7;
    color: #090223;
}
#quiz-timer-wrapper #quiz-timer.timeleft16 {
    background-color: #fef5f5;
    color: #090223;
}
.path-admin-mod-lti .btn .loader img,
.path-admin-mod-lti #tool-list-loader-container .loader img {
    height: auto;
}
.path-mod-resource .resourcecontent {
    margin-top: 30px;
    text-align: left;
}
.path-mod-resource .resourcecontent #resourceobject {
    width: 100% !important;
    border-radius: 7px;
}
.path-mod-survey .main-content .reportlink {
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: left;
}
.path-mod-survey .main-content .rui-main-content-title--h3 {
    margin-top: 1rem;
}
.path-mod-survey .main-content .centerpara {
    text-align: left;
}
.path-mod-survey .main-content .generaltable .c0,
.path-mod-survey .main-content .rolecap .c0 {
    width: 35px !important;
}
#page-contentbank-edit .h5p-editor-iframe {
    margin-top: 1rem;
    margin-bottom: 1rem;
}
#page-contentbank-edit #fgroup_id_buttonar .col-md-3 {
    display: none;
}
#page-contentbank-edit #fgroup_id_buttonar .col-md-9 {
    padding: 0;
}
.bigbluebutton-container {
    overflow-x: auto;
}
.bigbluebutton-container .yui3-datatable-paginator {
    background-color: transparent;
    background-image: none;
    padding: 10px 0;
    font-size: 0.875rem;
}
.bigbluebutton-container .yui3-datatable-paginator-group button {
    padding: 0.6rem 1rem;
    font-size: 0.8125rem;
    background-color: #eeedef;
    border: 0;
    border-radius: 7px;
    color: #090223;
}
.theme-dark .bigbluebutton-container .yui3-datatable-paginator-group button {
    background-color: #17181b;
    color: #e8eaed;
}
.bigbluebutton-container .yui3-datatable-paginator-group button:hover {
    background-color: #e1e0e4;
    border: 0;
    color: #090223;
    box-shadow: none;
}
.theme-dark .bigbluebutton-container .yui3-datatable-paginator-group button:hover {
    background-color: #202124;
    color: #e8eaed;
}
.bigbluebutton-container .yui3-datatable-paginator-group input,
.bigbluebutton-container .yui3-datatable-paginator-group select {
    margin: 0 0.5rem;
    min-width: 3rem;
    padding: 0.6rem 1rem;
    font-size: 0.8125rem;
    background: transparent;
    border: 1px solid #e1e0e4;
    border-radius: 7px;
    color: #090223;
}
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax {
    background-color: #f9f9fa;
}
.theme-dark .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax {
    background-color: #0e1013;
}
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd-nohd,
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd-noft,
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd,
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-right,
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-bottom {
    border: 0;
}
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-right,
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-bottom {
    border-radius: 0;
}
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd {
    background-color: transparent;
}
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit.yui-layout-unit-center div.yui-layout-bd {
    background-color: #f9f9fa;
}
.theme-dark .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit.yui-layout-unit-center div.yui-layout-bd {
    background-color: #0b0d0f;
}
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area.py-3 {
    padding: 0 !important;
}
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area .form-group {
    margin: 0;
}
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area .form-group #input-message {
    height: auto;
    padding: 10px;
}
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.generaltable,
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.rolecap,
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.generaltable td.cell,
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.rolecap td.cell {
    border: 0;
    padding: 3px 15px;
    white-space: nowrap;
    margin-bottom: 0;
}
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist {
    padding: 5px;
}
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list li {
    border-top: 1px solid #f9f9fa;
    border-bottom: 1px solid #e1e0e4;
    padding: 5px 0;
}
.theme-dark .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list li {
    border-top: 1px solid #0e1013;
    border-bottom: 1px solid #202124;
}
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list img {
    margin-right: 8px;
    border-radius: 7px;
    max-width: none;
}
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list strong {
    font-size: 0.875rem;
    font-weight: 500;
}
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages {
    margin: 20px 25px;
}
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-event.course-theme {
    text-align: center;
    margin: 10px 0;
    font-size: 0.875rem;
    color: #a19eab;
}
.theme-dark .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-event.course-theme {
    color: #9aa0a6;
}
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme {
    margin-bottom: 1.25rem;
    border-radius: 7px;
    border: 1px solid #e1e0e4;
    padding: 1.25rem;
}
.theme-dark .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme {
    border: 1px solid #2e3134;
}
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme .time {
    float: right;
    font-size: 11px;
    color: #a19eab;
}
.theme-dark .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme .time {
    color: #9aa0a6;
}
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme {
    background-color: #fff;
}
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme .user {
    font-weight: 700;
}
#page-mod-chat-report .main-content #intro p,
#page-mod-chat-view .main-content #intro p {
    margin: 0;
}
#page-mod-chat-report .main-content #enterlink:empty,
#page-mod-chat-view .main-content #enterlink:empty {
    display: none;
}
#page-mod-chat-report .main-content #enterlink p,
#page-mod-chat-view .main-content #enterlink p {
    margin-bottom: 0.5rem;
}
#page-mod-chat-report .main-content .list-group {
    margin-top: 2rem;
}
#page-mod-chat-report .main-content .list-group p {
    margin: 0 5px 0;
    font-size: 0.875rem;
    color: #413c55;
}
.theme-dark #page-mod-chat-report .main-content .list-group p {
    color: #bdc1c6;
}
#page-mod-chat-report .main-content .list-group .generalbox {
    padding: 0 !important;
}
#page-mod-chat-report .main-content .list-group [align="right"] {
    margin: 1rem 5px 0;
    width: 100%;
    display: inline-flex;
    justify-content: space-between;
}
#page-mod-chat-report .main-content .list-group [align="right"] a:nth-of-type(2) {
    color: #ef1010;
}
.chat-message .userpicture {
    border-radius: 7px;
}
.chat-message .title {
    font-size: 0.875rem;
    color: #413c55;
}
.theme-dark .chat-message .title {
    color: #bdc1c6;
}
.chat-message p {
    font-size: 1rem;
    color: #090223;
}
.theme-dark .chat-message p {
    color: #e8eaed;
}
.chat-event {
    margin-bottom: 0.25rem;
    background-color: #f9f9fa;
    border-radius: 7px;
}
.theme-dark .chat-event {
    background-color: #0b0d0f;
}
.chat-event td {
    padding: 0.25rem 0.35rem;
}
.chat-event .text {
    padding-right: 1rem;
    font-size: 0.75rem;
}
.chat-event .event {
    color: #a19eab;
}
.theme-dark .chat-event .event {
    color: #9aa0a6;
}
.chat-event .userpicture {
    margin: 0;
    width: 26px;
    height: 26px;
}
#chatcurrentusers {
    padding: 1rem;
    background-color: #f9f9fa;
    border-radius: 7px;
}
.theme-dark #chatcurrentusers {
    background-color: #0b0d0f;
}
#chatcurrentusers .chatuserimage {
    margin-right: 0.5rem;
}
#chatcurrentusers .chatuserimage img {
    border-radius: 7px;
}
#chatcurrentusers p {
    margin: 0;
    font-weight: 500;
}
#chatcurrentusers .idletime {
    font-size: 0.75rem;
    color: #413c55;
}
.theme-dark #chatcurrentusers .idletime {
    color: #bdc1c6;
}
#page-mod-chat-gui_basic-index {
    margin: 10px 0;
}
#page-mod-chat-gui_basic-index #page {
    padding: 2rem !important;
}
#page-mod-chat-gui_basic-index #messages {
    margin: 2rem 0 0;
}
#page-mod-chat-gui_basic-index .generaltable,
#page-mod-chat-gui_basic-index .rolecap {
    margin: 20px;
    width: calc(100% - 40px);
}
#page-mod-chat-gui_basic-index #participants {
    margin: 10px 60px;
}
#page-mod-chat-gui_basic-index #participants .userpicture {
    border-radius: 7px;
}
#page-mod-chat-gui_basic-index #participants .userinfo {
    font-size: 0.75rem;
    color: #413c55;
}
.theme-dark #page-mod-chat-gui_basic-index #participants .userinfo {
    color: #bdc1c6;
}
#enterlink {
    padding: 20px 30px;
    background-color: #ece6ed;
    border-radius: 7px;
    text-align: center;
}
.theme-dark #enterlink {
    background-color: transparent;
    border: 1px solid #2e3134;
}
#enterlink p:nth-of-type(1) {
    margin-top: 10px;
    margin-bottom: 20px !important;
    color: #28002b;
}
.path-mod-assign [data-region="grade-actions-panel"] [data-region="grade-actions"] .collapse-buttons {
    top: auto;
    height: auto;
}
.path-mod-assign [data-region="grade-actions-panel"] {
    background-color: #fff;
    border-radius: 7px;
    border: none;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05), 0 2px 2px rgba(0, 0, 0, 0.05), 0 4px 4px rgba(0, 0, 0, 0.05), 0 8px 8px rgba(0, 0, 0, 0.05);
    bottom: 30px;
    left: 30px;
    right: 30px;
    width: 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;
    top: 145px;
    right: 30px;
    bottom: 100px;
    left: auto;
    width: calc(30% - 60px);
    border-radius: 7px;
    background-color: #fff;
}
.path-mod-assign [data-region="review-panel"].collapsed + [data-region="grade-panel"] {
    width: calc(100% - 60px);
}
.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 0 0.5rem 0;
}
.path-mod-assign [data-region="grade-panel"] .mform .fitem.has-popout .felement {
    width: 100%;
}
.path-mod-assign [data-region="grade-panel"] .mform .fitem .felement {
    width: auto;
}
.path-mod-assign [data-region="grade-panel"] .popout {
    background-color: #fff;
}
.path-mod-assign [data-region="grade-panel"] .fitem.has-popout {
    background-color: #fff;
    padding: 1rem !important;
    border-radius: 7px;
    margin-bottom: 1rem;
}
.path-mod-assign [data-region="grade-panel"] .has-popout .col-md-3 {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    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.5rem;
}
.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;
    position: absolute;
    top: -50px;
    justify-content: space-between;
}
.path-mod-assign [data-region="grading-navigation"] {
    padding: 0;
}
.path-mod-assign [data-region="grade-actions"] {
    padding: 10px;
}
.path-mod-assign [data-region="user-info"] {
    margin: 1rem;
    padding: 0;
    height: 40px;
    line-height: 1.2;
    color: #090223;
}
.path-mod-assign [data-region="user-info"] a {
    color: inherit;
}
.path-mod-assign [data-region="user-info"] .img-rounded {
    margin-top: 0;
    border-radius: 7px;
}
.path-mod-assign [data-region="grading-navigation-panel"] {
    background-color: #fff;
    border-radius: 7px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05), 0 2px 2px rgba(0, 0, 0, 0.05), 0 4px 4px rgba(0, 0, 0, 0.05), 0 8px 8px rgba(0, 0, 0, 0.05);
    top: 60px;
    left: 30px;
    right: 30px;
    z-index: 999;
    width: auto;
    height: auto;
}
@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="review-panel"] {
    top: 145px;
    left: 30px;
    bottom: 100px;
}
.path-mod-assign [data-region="grading-navigation"] [data-region="input-field"] input {
    width: auto;
    display: inline-block;
}
#id_gradeheader,
#id_attemptsettings {
    font-size: 0.875rem !important;
    border-radius: 7px;
    border: 2px solid #c6b3c8;
    padding: 1.25rem;
    margin-bottom: 1.25rem;
}
#id_gradeheader .fcontainer,
#id_attemptsettings .fcontainer {
    padding: 0;
}
#id_gradeheader legend,
#id_gradeheader > legend,
#id_attemptsettings legend,
#id_attemptsettings > legend {
    width: auto;
    padding: 5px 20px;
    border-radius: 7px;
    background-color: #420047;
    color: #fff;
    font-size: 0.875rem !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;
}
#id_gradeheader .col-form-label,
#id_attemptsettings .col-form-label {
    font-size: 1rem;
    font-weight: 700;
}
#id_gradeheader .form-control-static,
#id_gradeheader .form-group,
#id_attemptsettings .form-control-static,
#id_attemptsettings .form-group {
    margin-bottom: 0.5rem;
}
.path-mod-assign [data-region="grade-panel"] .has-popout .col-md-3 {
    border-bottom: none;
}
.path-mod-assign [data-region="grade-panel"] #id_gradeheader > legend {
    visibility: visible;
    height: auto;
}
.path-mod-assign [data-region="grade-panel"] .fitem > .col-md-3,
.path-mod-assign [data-region="grade-panel"] .fitem > .col-md-9 {
    text-align: left !important;
}
.path-mod-assign #page-content [data-region="grade-panel"] [data-region="popout-button"] {
    float: none;
}
.path-mod-assign #page-content [data-region="grade-panel"] [data-region="popout-button"] .icon {
    margin: 1px;
}
.path-mod-assign #page-content [data-region="grade-panel"] [data-region="popout-button"] a:hover {
    text-decoration: none;
}
.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: 0.55rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 7px;
    color: #21386d;
    background-color: #d9e2f6;
    border-color: #cad6f2;
}
.assignfeedback_editpdf_widget .label hr {
    border-top-color: #b6c6ed;
}
.assignfeedback_editpdf_widget .label .alert-link {
    color: #152446;
}
.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: #fff;
}
.path-mod-assign [data-region="grade-panel"] h3 {
    font-family: "Be Vietnam Pro", sans-serif;
}
.rui-gradingsummary {
    margin: 60px 0;
}
.rui-submissionstatustable {
    padding-top: 60px;
    margin-bottom: 60px;
    border-top: 1px solid #e1e0e4;
}
.theme-dark .rui-submissionstatustable {
    border-top: 1px solid #2e3134;
}
.section .rui-submissionstatustable {
    padding-top: 10px;
    margin-bottom: 10px;
}
.rui-plugincontentsummary,
.rui-submissionsummarytable {
    margin-bottom: 60px;
}
.section .rui-plugincontentsummary,
.section .rui-submissionsummarytable {
    margin-bottom: 10px;
}
.rui-plugincontentsummary:last-of-type {
    margin-bottom: 0;
}
.rui-plugincontentsummary .visibleifjs .btn {
    display: inline-block;
    margin-top: 0.35rem;
    margin-left: 44px;
}
.rui-info-container {
    column-gap: 10px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    flex-wrap: wrap;
    margin: 30px 0;
    padding: 0;
}
.theme-dark .rui-info-container {
    color: #090223;
}
@media (min-width: 768px) and (max-width: 1088.98px) {
    .rui-info-container {
        grid-template-columns: 1fr 1fr;
    }
}
@media (max-width: 767.98px) {
    .rui-info-container {
        grid-template-columns: 1fr;
    }
}
.rui-infobox-title {
    font-size: 0.75rem;
    font-weight: 500;
    word-break: break-word;
}
.theme-dark .rui-infobox-title {
    color: #090223;
}
.rui-infobox {
    display: inline-grid;
    padding: 3.75rem 1.25rem 1rem 1.25rem;
    margin-bottom: 10px;
    background-repeat: no-repeat;
    background-position: 16px 20px;
    background-size: 25px;
    word-break: break-all;
    border-radius: 7px;
}
#page-mod-assign-grader .rui-infobox {
    width: auto;
    height: auto;
}
.rui-infobox .rui-infobox-content {
    font-size: 1.25rem;
    font-weight: 700;
    word-break: break-word;
}
.rui-infobox .rui-infobox-content--small {
    font-size: 0.875rem;
    font-weight: 700;
}
.rui-infobox--hiddenfromstudents {
    background-image: url(/theme/image.php/alpha/theme/1668532694/alpha/icon-eye-off);
    background-color: #f9f9fa;
}
.rui-infobox--participant {
    background-image: url(/theme/image.php/alpha/theme/1668532694/alpha/icon-users);
    background-color: #eef8ff;
}
.rui-infobox--draft,
.rui-infobox--drafts {
    background-image: url(/theme/image.php/alpha/theme/1668532694/alpha/icon-edit);
    background-color: #fbefe9;
}
.submissionstatussubmitted,
.rui-badge-assign--submitted,
.rui-infobox--submitted {
    background-image: url(/theme/image.php/alpha/theme/1668532694/alpha/icon-checked);
    background-color: #eaf4dd;
}
.latesubmission,
.submissionstatus,
.rui-badge-assign--noattempt,
.rui-badge-assign--overdue,
.rui-badge-assign--needgrading,
.rui-infobox--needgrading {
    background-image: url(/theme/image.php/alpha/theme/1668532694/alpha/icon-alert-circle);
    background-color: #feeded;
}
.lockedsubmission,
.rui-badge-assign--submissionlocked,
.rui-infobox--submissionlocked {
    background-image: url(/theme/image.php/alpha/theme/1668532694/alpha/icon-lock);
    background-color: #feeded;
}
.rui-badge-assign--timeremaining,
.rui-infobox--duedate {
    background-image: url(/theme/image.php/alpha/theme/1668532694/alpha/icon-calendar);
    background-color: #ece6ed;
}
.rui-badge-assign--noonlinesubmissions,
.rui-infobox--noonlinesubmissions,
.rui-infobox--timeremaining {
    background-image: url(/theme/image.php/alpha/theme/1668532694/alpha/icon-alert-triangle);
    background-color: #fff1d5;
}
.overduesubmission,
.rui-infobox--cutofdate {
    background-image: url(/theme/image.php/alpha/theme/1668532694/alpha/icon-alert-circle);
    background-color: #eeeaf8;
}
.rui-infobox--status {
    background-image: url(/theme/image.php/alpha/theme/1668532694/alpha/icon-state);
    background-color: #fdf6ea;
}
.rui-badge-assign-submissionstatus,
.rui-infobox--progress {
    background-image: url(/theme/image.php/alpha/theme/1668532694/alpha/icon-progress);
    background-color: #f9f9fa;
}
.rui-submissionsummarytable,
.rui-feedbacktable {
    background-color: #f9f9fa;
    padding: 1.25rem;
    border-radius: 7px;
    font-size: 0.875rem;
}
.theme-dark .rui-submissionsummarytable,
.theme-dark .rui-feedbacktable {
    background-color: #0b0d0f;
}
.rui-feedback {
    margin-top: 60px;
    margin-bottom: 60px;
}
.rui-feedback .userpicture {
    border-radius: 60px;
}
.jsenabled .comment-link .icon,
.path-mod-assign.jsenabled .expandsummaryicon {
    padding: 10px;
    margin-right: 0.5rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 18px;
    height: 18px;
    background: #f9f9fa;
    color: #090223;
    border-radius: 7px;
}
.jsenabled .comment-link .icon:hover,
.path-mod-assign.jsenabled .expandsummaryicon:hover {
    text-decoration: none;
}
.theme-dark.jsenabled .comment-link .icon,
.theme-dark.path-mod-assign.jsenabled .expandsummaryicon {
    filter: invert(1);
}
.rui-submissionaction .singlebutton,
.rui-submissionaction .btn {
    width: 100%;
}
.rui-assign-btns {
    margin-top: 10px;
    padding-top: 60px;
    border-top: 1px solid #e1e0e4;
}
.theme-dark .rui-assign-btns {
    border-top: 1px solid #2e3134;
}
.rui-assignsubmissio {
    margin: 60px 0;
    padding: 1rem;
    background-color: #fff;
    border-radius: 7px;
}
.theme-dark .rui-assignsubmissio {
    background-color: #e8eaed;
}
.path-mod-assign .feedbacktable {
    margin-top: 0;
}
.path-mod-assign .fileuploadsubmission a {
    color: #090223;
}
.theme-dark .path-mod-assign .fileuploadsubmission a {
    color: #e8eaed;
}
.path-mod-assign .fileuploadsubmissiontime {
    margin-top: 0.25rem;
    margin-left: 27px;
    float: none !important;
    font-size: 0.75rem;
    color: #a19eab;
}
.theme-dark .path-mod-assign .fileuploadsubmissiontime {
    color: #9aa0a6;
}
.path-mod-assign .gradingtable tr.unselectedrow td {
    vertical-align: top;
    background-color: transparent;
}
.path-mod-assign.jsenabled .gradingtable .c0 .commands {
    display: none;
}
.path-mod-assign.jsenabled .gradingtable .c0 .selectall {
    display: inline-flex;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}
.path-mod-assign .gradingtable tr.selectedrow td {
    background-color: #ece6ed;
    vertical-align: top;
}
.path-mod-assign.jsenabled .gradingtable tr {
    border-bottom: 1px solid #e1e0e4;
}
.theme-dark .path-mod-assign.jsenabled .gradingtable tr {
    border-bottom: 1px solid #2e3134;
}
.path-mod-assign [data-region="user-selector"] .alignment {
    margin: 0 10px 0 0;
    width: auto;
}
.path-mod-assign [data-region="user-selector"] select {
    max-width: 100%;
}
.path-mod-assign [data-region="grading-navigation"] [data-region="input-field"] input {
    margin: 0;
}
.path-mod-assign [data-region="configure-filters"] {
    margin-top: 48px;
    margin-left: -143px;
    width: 180px;
}
.path-mod-assign [data-region="grade-panel"] .fitem.popout {
    bottom: auto;
}
.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fcontainer .fitem.popout .felement {
    padding: 0;
}
.moodle-dialogue-base .moodle-dialogue.assignfeedback_editpdf_dropdown .moodle-dialogue-bd {
    padding: 0 !important;
}
.assignfeedback_editpdf_widget .warningmessages .icon {
    margin-right: 0.35rem;
    width: 12px;
    height: 12px;
}
.assignfeedback_editpdf_widget .warningmessages .warningmessages {
    display: inline-flex;
    align-items: center;
}
.path-mod-assign #page-content .mform:not(.unresponsive) #fitem_id_grade.fitem .felement input {
    width: auto;
}
#fitem_id_assignfeedbackcomments_editor .col-md-3.text-right {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
}
.badge-assign {
    padding-top: 10px;
    padding-left: 50px;
    padding-bottom: 9px;
    padding-right: 1.5rem;
    margin-bottom: 0.25rem;
    background-size: 18px;
    background-position: 17px;
    background-repeat: no-repeat;
    border-radius: 7px;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.5;
    color: #090223;
}
.theme-dark .badge-assign {
    color: #e8eaed;
}
.overduesubmission,
.submissionstatus,
.lockedsubmission,
.submissionstatussubmitted,
.latesubmission {
    padding-top: 10px;
    padding-left: 50px;
    padding-bottom: 9px;
    padding-right: 1.5rem;
    margin-bottom: 0.25rem;
    background-size: 18px;
    background-position: 17px;
    background-repeat: no-repeat;
    border-radius: 7px;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.5;
    color: #090223;
}
.theme-dark .overduesubmission,
.theme-dark .submissionstatus,
.theme-dark .lockedsubmission,
.theme-dark .submissionstatussubmitted,
.theme-dark .latesubmission {
    color: #e8eaed;
}
.editsubmissionform .col-md-3,
.editsubmissionform .col-md-9 {
    padding: 0;
    flex: 0 0 100%;
    max-width: 100%;
    text-align: left !important;
}
.editsubmissionform .col-md-3 .col-form-label,
.editsubmissionform .col-md-9 .col-form-label {
    margin-bottom: 10px;
    display: block !important;
}
.editsubmissionform .row {
    margin-bottom: 30px;
}
.editsubmissionform .row:last-of-type {
    margin-bottom: 0;
}
.assignfeedback_editpdf_widget .pageheader button img {
    padding: 0;
    line-height: 0;
    width: 16px;
}
.path-mod-book .navtop,
.path-mod-book .navbottom {
    border: 0 !important;
}
@media (max-width: 1088.98px) {
    .path-mod-book .navtop,
    .path-mod-book .navbottom {
        width: 100%;
    }
}
.path-mod-book .navtop a,
.path-mod-book .navbottom a {
    width: auto;
    padding: 0.75rem 1.25rem;
    background-color: #f9f9fa;
    border-radius: 7px;
    color: #a19eab;
    line-height: 1.2;
}
.path-mod-book .navtop a:only-of-type,
.path-mod-book .navbottom a:only-of-type {
    margin-left: 0 !important;
}
.path-mod-book .navtop a:hover,
.path-mod-book .navbottom a:hover {
    text-decoration: none;
    background-color: #ece6ed;
    color: #420047;
}
.path-mod-book .navtop a .icon,
.path-mod-book .navbottom a .icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: auto;
    font-size: 0.75rem;
    line-height: 1.5;
}
.path-mod-book .navtop a.bookexit,
.path-mod-book .navbottom a.bookexit {
    background-color: #feeded;
    color: #ef1010;
}
.path-mod-book .navtop a.bookexit:hover,
.path-mod-book .navbottom a.bookexit:hover {
    background-color: #fbc8c8;
}
.path-mod-book .navtop:after,
.path-mod-book .navbottom:after {
    display: none;
}
.path-mod-book .navtop {
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    position: sticky;
    top: 60px;
}
.path-mod-book .navbottom {
    display: none;
}
.theme-dark.path-mod-book .navtop a,
.theme-dark.path-mod-book .navbottom a {
    filter: invert(1);
}
.bookprev {
    margin-right: 0.5rem;
    width: 50%;
    text-align: left;
}
.booknext {
    margin-left: 0.5rem;
}
.booknext,
.bookexit {
    width: 50%;
    text-align: right;
}
.block_book_toc h5 {
    display: block !important;
    margin-bottom: 0.5rem;
}
.path-mod-book .book_toc ul {
    margin: 0;
}
.path-mod-book .book_toc li {
    margin-bottom: 0.25rem;
}
.path-mod-book .book_toc li a,
.path-mod-book .book_toc li strong {
    padding: 5px;
    margin: 0.1rem 0;
    display: block;
    border-radius: 7px;
}
.path-mod-book .book_toc li a {
    color: #090223;
}
.theme-dark .path-mod-book .book_toc li a {
    color: #e8eaed;
}
.path-mod-book .book_toc li strong {
    background-color: #eeedef;
    color: #b4b2bc;
}
.theme-dark .path-mod-book .book_toc li strong {
    background-color: #17181b;
    color: #3c4043;
}
.path-mod-book .book_toc li a:hover {
    background-color: #eef8ff;
    text-decoration: none;
    color: #406cd2;
}
#page-enrol-index .main-content,
#page-grade-report-overview-index .main-content,
.rui-book-wrapper,
.modal-in-page,
.book_content {
    background-color: #fff;
    padding: 30px !important;
    position: relative;
    border-width: 1px 2px 1px 2px;
    border-style: solid solid solid dashed;
    border-color: #e1e0e4 #eeedef #e1e0e4 #e1e0e4;
    border-radius: 7px;
}
#page-enrol-index .main-content:before,
#page-enrol-index .main-content:after,
#page-grade-report-overview-index .main-content:before,
#page-grade-report-overview-index .main-content:after,
.rui-book-wrapper:before,
.rui-book-wrapper:after,
.modal-in-page:before,
.modal-in-page:after,
.book_content:before,
.book_content:after {
    content: "";
    width: 10px;
    height: 100%;
    position: absolute;
    top: 0;
    border-radius: 7px;
    border-style: solid;
}
#page-enrol-index .main-content:before,
#page-grade-report-overview-index .main-content:before,
.rui-book-wrapper:before,
.modal-in-page:before,
.book_content:before {
    right: 4px;
    border-color: #eeedef;
    border-width: 0 2px 0 0;
}
#page-enrol-index .main-content:after,
#page-grade-report-overview-index .main-content:after,
.rui-book-wrapper:after,
.modal-in-page:after,
.book_content:after {
    right: 1px;
    border-color: #f9f9fa;
    border-width: 0 2px 0 0;
}
.theme-dark#page-enrol-index .main-content,
.theme-dark#page-grade-report-overview-index .main-content,
.theme-dark .rui-book-wrapper,
.theme-dark .modal-in-page,
.theme-dark .book_content {
    background-color: #e8eaed;
    border-color: #202124 #202124 #202124 #202124;
}
.theme-dark#page-enrol-index .main-content:before,
.theme-dark#page-grade-report-overview-index .main-content:before,
.theme-dark .rui-book-wrapper:before,
.theme-dark .modal-in-page:before,
.theme-dark .book_content:before {
    border-color: #202124;
}
.theme-dark#page-enrol-index .main-content:after,
.theme-dark#page-grade-report-overview-index .main-content:after,
.theme-dark .rui-book-wrapper:after,
.theme-dark .modal-in-page:after,
.theme-dark .book_content:after {
    border-color: #202124;
}
#page-grade-report-overview-index .main-content .grade-navigation {
    width: auto;
}
.book_content .rui-title-container {
    margin-top: 0;
}
.book_content .rui-main-content-title--h3,
.book_content .rui-main-content-title--h4 {
    width: auto !important;
    padding-top: 0.5rem;
    padding-left: 40px;
    padding-bottom: 0.5rem;
    padding-right: 1rem;
    margin: 0 0 1rem 0 !important;
    background: #ece6ed url(/theme/image.php/alpha/theme/1668532694/alpha/icon-file-text) 13px no-repeat;
    background-size: 18px;
    border-radius: 7px;
    font-family: "Be Vietnam Pro", sans-serif;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.3;
    color: #090223;
}
.book_content .rui-main-content-title--h4 {
    display: inline-flex;
    margin-left: 0.35rem !important;
}
.book-tags {
    margin-top: 30px;
    margin-bottom: 30px;
}
.book-tags b {
    display: none;
}
.block_book_toc .action-list .icon {
    font-size: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.path-mod-book .book_toc_numbered li div {
    align-items: center;
}
.path-mod-book .book_toc_numbered li ul li a,
.path-mod-book .book_toc_numbered li ul li strong {
    font-size: 0.75rem;
    color: #413c55;
}
.theme-dark .path-mod-book .book_toc_numbered li ul li a,
.theme-dark .path-mod-book .book_toc_numbered li ul li strong {
    color: #bdc1c6;
}
.path-mod-book .book_toc li strong {
    background-color: #ece6ed;
    font-weight: 500;
    color: #420047;
}
.path-mod-book .main-content .rui-main-content-title {
    margin-bottom: 0;
    display: inline-flex;
    align-content: center;
    justify-content: space-between;
}
.path-mod-feedback .nav + .singleselect {
    display: block !important;
}
#page-mod-feedback-use_templ .mform:not(.feedback_form) .col-md-3 {
    display: none;
}
#feedback_dragarea {
    border: 2px dashed #e1e0e4;
}
#feedback_complete_form {
    border: 1px solid #e1e0e4;
}
#feedback_print_form,
#feedback_complete_form,
#feedback_dragarea {
    margin-top: 30px;
    padding: 0 40px;
    border-radius: 7px;
}
#feedback_print_form .dropdown-btn,
#feedback_complete_form .dropdown-btn,
#feedback_dragarea .dropdown-btn {
    padding: 10px 20px;
    font-size: 0.875rem;
}
#feedback_print_form .feedback_itemlist,
#feedback_complete_form .feedback_itemlist,
#feedback_dragarea .feedback_itemlist {
    padding: 10px 20px;
    margin: 0 -40px;
    width: calc(100% + 80px);
    max-width: calc(100% + 80px);
    border-bottom: 1px solid #e1e0e4;
}
#feedback_print_form .feedback_itemlist:last-child,
#feedback_complete_form .feedback_itemlist:last-child,
#feedback_dragarea .feedback_itemlist:last-child {
    border-bottom: none;
}
#feedback_print_form .feedback_itemlist.feedback_is_dependent,
#feedback_complete_form .feedback_itemlist.feedback_is_dependent,
#feedback_dragarea .feedback_itemlist.feedback_is_dependent {
    padding-left: 40px !important;
}
#feedback_print_form .custom-control-inline,
#feedback_complete_form .custom-control-inline,
#feedback_dragarea .custom-control-inline {
    margin-left: 5px;
}
#feedback_print_form .col-md-3,
#feedback_print_form .col-md-9,
#feedback_complete_form .col-md-3,
#feedback_complete_form .col-md-9,
#feedback_dragarea .col-md-3,
#feedback_dragarea .col-md-9 {
    padding: 12px 40px !important;
    flex: 0 0 100%;
    max-width: 100%;
    text-align: left !important;
}
#feedback_print_form .col-form-label,
#feedback_print_form .col-md-3 .itemname,
#feedback_complete_form .col-form-label,
#feedback_complete_form .col-md-3 .itemname,
#feedback_dragarea .col-form-label,
#feedback_dragarea .col-md-3 .itemname {
    font-size: 1.125rem;
    font-weight: 400;
}
#feedback_print_form #fgroup_id_buttonar .col-md-9,
#feedback_complete_form #fgroup_id_buttonar .col-md-9,
#feedback_dragarea #fgroup_id_buttonar .col-md-9 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
#feedback_print_form #fgroup_id_buttonar fieldset,
#feedback_complete_form #fgroup_id_buttonar fieldset,
#feedback_dragarea #fgroup_id_buttonar fieldset {
    width: 100%;
}
#feedback_print_form #fgroup_id_buttonar fieldset .rui-form-element-group,
#feedback_complete_form #fgroup_id_buttonar fieldset .rui-form-element-group,
#feedback_dragarea #fgroup_id_buttonar fieldset .rui-form-element-group {
    justify-content: space-between;
}
#feedback_print_form #fgroup_id_buttonar fieldset .rui-form-element-group .btn,
#feedback_complete_form #fgroup_id_buttonar fieldset .rui-form-element-group .btn,
#feedback_dragarea #fgroup_id_buttonar fieldset .rui-form-element-group .btn {
    margin: 0;
}
#feedback_print_form .mform .form-inline .form-group,
#feedback_complete_form .mform .form-inline .form-group,
#feedback_dragarea .mform .form-inline .form-group {
    margin: 0;
}
.col-form-label .rui-icon-container {
    display: inline-grid;
}
.feedback_form .custom-control {
    padding-left: 0;
}
.path-mod-feedback div.feedback_is_dependent {
    background-color: transparent;
    position: relative;
}
.path-mod-feedback div.feedback_is_dependent:before {
    content: "";
    position: absolute;
    top: 20px;
    left: 20px;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.25 7C9.25 8.24264 8.24264 9.25 7 9.25C5.75736 9.25 4.75 8.24264 4.75 7C4.75 5.75736 5.75736 4.75 7 4.75C8.24264 4.75 9.25 5.75736 9.25 7Z' stroke='%23090223' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.75 9.5V14.5' stroke='%23090223' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.75 12.25H15.25C16.3546 12.25 17.25 11.3546 17.25 10.25V9.5' stroke='%23090223' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.25 7C19.25 8.24264 18.2426 9.25 17 9.25C15.7574 9.25 14.75 8.24264 14.75 7C14.75 5.75736 15.7574 4.75 17 4.75C18.2426 4.75 19.25 5.75736 19.25 7Z' stroke='%23090223' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.25 17C9.25 18.2426 8.24264 19.25 7 19.25C5.75736 19.25 4.75 18.2426 4.75 17C4.75 15.7574 5.75736 14.75 7 14.75C8.24264 14.75 9.25 15.7574 9.25 17Z' stroke='%23090223' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
#page-mod-quiz-edit ul.slots li.section li.activity.page,
.feedback-item-pagebreak {
    background-image: url(/theme/image.php/alpha/theme/1668532694/diagonal-lines);
    background-repeat: repeat;
    background-size: 9px;
    background-color: #f9f9fa;
}
#page-mod-feedback-print .continuebutton {
    margin-bottom: 1rem;
}
.path-mod-feedback .itemactions {
    position: absolute;
    top: 5px;
    right: 60px;
}
.path-mod-feedback .itemhandle {
    margin: 0;
    position: absolute;
    top: 13px;
    right: 10px;
}
.path-mod-feedback span.feedback_depend {
    display: inline-grid;
    margin-left: 0.35rem;
    padding: 0.35rem 0.5rem;
    border-radius: 7px;
    background-color: #eaf4dd;
    font-size: 0.75rem;
    color: #027654;
}
#page-mod-feedback-complete [align="center"] {
    text-align: left;
}
#feedback_subject {
    width: auto;
    margin-bottom: 0.35rem;
}
#showentrytable .c10 {
    max-width: 300px;
    font-size: 0.875rem;
}
.path-mod-feedback table.analysis {
    border: none;
}
.path-mod-feedback table.analysis th {
    font-size: 1.125rem;
}
.chart-table-data {
    border: 1px solid #e1e0e4;
    border-radius: 7px;
    font-size: 0.875rem;
}
.chart-table-data table {
    margin: 0;
}
.chart-table-data table tr {
    border-bottom: 1px solid #e1e0e4;
}
.chart-table-data table tr th {
    background-color: #f9f9fa;
}
.chart-table-data table tr:last-of-type {
    border-bottom: none;
}
#fitem_id_anonymousmode .felement {
    padding: 0 !important;
    margin-top: 10px;
    font-weight: 700;
}
.path-mod-forum .forumsearch input,
.path-mod-forum .forumsearch .helptooltip {
    margin: 0 3px;
}
.discussionname {
    margin-bottom: 1rem;
}
.path-mod-forum .forumheaderlist,
.path-mod-forum .forumheaderlist td {
    border: none;
}
.forumheaderlist thead .header,
.forumheaderlist tbody .discussion td {
    white-space: normal;
    vertical-align: top;
    padding-left: 0.5em;
    padding-right: 0.5em;
}
.forumheaderlist thead .header {
    white-space: normal;
    vertical-align: top;
}
.forumheaderlist thead .header.replies {
    text-align: center;
}
.forumheaderlist thead .header.lastpost {
    text-align: right;
}
.forumheaderlist thead .header th.discussionsubscription,
.forumheaderlist tbody .discussion td.discussionsubscription {
    width: 16px;
    padding-left: 0.5em;
    padding-right: 0.5em;
}
.forumheaderlist .discussion .replies,
.forumheaderlist .discussion .lastpost {
    white-space: normal;
}
.forumheaderlist .discussion .discussionsubscription,
.forumheaderlist .discussion .replies {
    text-align: center;
}
.forumheaderlist .discussion .topic,
.forumheaderlist .discussion .discussionsubscription,
.forumheaderlist .discussion .topic.starter,
.forumheaderlist .discussion .replies,
.forumheaderlist .discussion .lastpost {
    vertical-align: top;
}
.discussion-list .topic {
    font-weight: inherit;
    padding-left: 12px !important;
    min-width: 200px;
}
.discussion-list .userpicture {
    width: 45px;
    height: 45px;
}
.forum-post-details {
    font-size: 0.75rem;
    color: #413c55;
}
.theme-dark .forum-post-details {
    color: #bdc1c6;
}
.forum-post-details a {
    font-weight: 500;
}
.subscriptionmode {
    background-color: #ece6ed;
    color: #420047;
}
.theme-dark .subscriptionmode {
    background-color: #420047;
    color: #ece6ed;
}
.activesetting {
    background-color: #eef8ff;
    color: #406cd2;
}
.theme-dark .activesetting {
    background-color: #406cd2;
    color: #eef8ff;
}
.subscriptionmode,
.activesetting {
    display: block;
    padding: 0.5rem 0.95rem;
    border-radius: 7px;
    font-weight: 700;
}
.discussion-settings-container .custom-select {
    width: 100%;
}
.discussion-settings-container input {
    max-width: 100%;
}
.forum-post {
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color: #e1e0e4;
    display: block;
    width: 100%;
    padding: 1.25rem 0 1rem;
}
.theme-dark .forum-post {
    border-color: #2e3134;
}
.modal-body .forum-post {
    width: 100%;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
}
.forum-post:last-of-type {
    border-bottom: none;
}
.forum-post .forum-post-rating {
    background-color: #f9f9fa;
    border-radius: 7px;
    padding: 6px 20px;
    font-size: 0.75rem;
}
.forum-post .forum-post-rating select,
.forum-post .forum-post-rating .custom-select {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    font-size: 0.75rem;
}
.forum-post .forum-post-rating .icon {
    margin: 0 0 0 15px;
}
.forum-post.unread {
    border: 3px solid #68336c;
}
.forum-post.unread .forum-post-header {
    background-color: transparent !important;
    border-bottom: 0 !important;
    color: #c6b3c8;
}
.forum-post .edited {
    display: inline-flex;
    align-items: center;
    margin-top: 1rem;
    padding: 0.35rem 0.85rem;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1.3;
    text-align: center;
    vertical-align: baseline;
    border-radius: 40px;
    background-color: #fdf6ea;
}
.forum-post .picture a:before {
    display: none;
}
.forum-post .picture img.userpicture {
    margin-top: 10px;
}
@media (min-width: 320px) and (max-width: 767.98px) {
    .forum-post .picture img.userpicture {
        margin: 0;
    }
}
.forum-post .subject {
    font-weight: 500;
    font-size: 1.5rem;
    color: #090223;
    padding: 10px 0 0;
}
.theme-dark .forum-post .subject {
    color: #e8eaed;
}
.forum-post .subject a {
    font-weight: 500;
    color: #090223;
}
.theme-dark .forum-post .subject a {
    color: #e8eaed;
}
@media (min-width: 320px) and (max-width: 767.98px) {
    .forum-post .subject {
        font-size: 0.8rem;
    }
}
.forum-post .forum-post-header {
    margin-bottom: 3px;
}
.forum-post .author {
    font-size: 0.875rem;
    padding: 0 0 0.5rem;
    margin-bottom: 0;
    color: #a19eab;
}
@media (min-width: 320px) and (max-width: 767.98px) {
    .forum-post .author {
        font-size: 0.75rem;
    }
}
.forum-post .author a {
    color: #413c55;
}
.theme-dark .forum-post .author a {
    color: #bdc1c6;
}
.forum-post .post-word-count {
    display: inline-block;
    padding: 0.5rem 1rem;
    margin: 1rem 0 0;
    font-size: 0.75rem;
    font-weight: 700;
    font-style: normal;
    background: #d3d2d8;
    color: #413c55;
    border-radius: 7px;
}
.theme-dark .forum-post .post-word-count {
    background: #282a2d;
    color: #bdc1c6;
}
.forum-post .options {
    margin: 1rem -1rem 0 !important;
    padding: 0.5rem 1.25rem;
    border-top: 1px solid #e1e0e4;
}
.theme-dark .forum-post .options {
    border-color: #2e3134;
}
.forum-post .options .attachments {
    margin: 1rem 0 0;
    padding-left: 95px;
    padding-bottom: 1rem;
    border-bottom: 1px solid #e1e0e4;
}
.theme-dark .forum-post .options .attachments {
    border-color: #2e3134;
}
.forum-post .options .commands {
    margin: 0 1rem;
    float: right;
    color: #d3d2d8;
}
.theme-dark .forum-post .options .commands {
    color: #282a2d;
}
@media (min-width: 320px) and (max-width: 767.98px) {
    .forum-post .options .commands {
        margin: 0.5rem 0;
        display: block;
        float: none;
        width: auto;
        text-align: center;
    }
}
.forum-post .options .commands a {
    padding: 0 1.5rem;
    margin: 1.5rem 0 0.5rem 0;
    font-size: 0.875rem;
    font-weight: 500;
    color: #413c55;
    border-left: none !important;
}
@media (min-width: 320px) and (max-width: 767.98px) {
    .forum-post .options .commands a {
        display: block;
        padding: 0;
        margin: 1rem 0.5rem;
    }
}
.theme-dark .forum-post .options .commands a {
    color: #bdc1c6;
}
.forum-post .options .commands a:before {
    display: none;
}
.forum-post .tag_list {
    margin: 1rem 0;
    font-size: 0.75rem;
}
.forum-post .footer a {
    margin: 0.5rem 1rem;
    width: calc(100% - 2rem);
}
.forum-post .content,
.forum-post .topic {
    padding: 0 2rem;
}
@media (min-width: 320px) and (max-width: 767.98px) {
    .forum-post .content,
    .forum-post .topic {
        padding: 0;
    }
}
@media (min-width: 768px) and (max-width: 1088.98px) {
    .forum-post .content {
        padding: 0;
    }
}
.forum-post .content .posting.fullpost {
    margin-top: 0;
    padding-left: 3rem;
}
@media (min-width: 320px) and (max-width: 1088.98px) {
    .forum-post .content .posting.fullpost {
        padding-left: 0;
    }
}
.forum-post .row .topic,
.forum-post .row .content-mask,
.forum-post .row .options {
    margin-left: 43px;
}
@media (min-width: 320px) and (max-width: 767.98px) {
    .forum-post .row .topic,
    .forum-post .row .content-mask,
    .forum-post .row .options {
        margin-left: 0;
    }
}
.forum-post .row.side {
    clear: both;
}
.forum-post .commands {
    margin: 2rem 0;
    font-size: 0.75rem;
}
.forum-post .commands a {
    margin: 0 1rem;
}
.forum-post .commands a:first-of-type {
    margin-left: 0;
}
.author-info-details {
    font-size: 0.75rem;
    font-weight: 500;
    color: #413c55;
}
.theme-dark .author-info-details {
    color: #bdc1c6;
}
.forumpost-locked {
    border: 2px dotted #fbc8c8;
    padding: 0.25rem;
    margin: 0.25rem;
}
.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 - 0.5rem);
}
#page-mod-forum-view .main-content .rui-main-content-title--h2,
#page-mod-forum-post .main-content .rui-main-content-title--h2,
#page-mod-forum-discuss .main-content .rui-main-content-title--h2,
#user-content .main-content .rui-main-content-title--h2 {
    font-size: 0.875rem;
    color: #413c55;
}
#page-mod-forum-view .main-content .discussionname,
#page-mod-forum-post .main-content .discussionname,
#page-mod-forum-discuss .main-content .discussionname,
#user-content .main-content .discussionname {
    display: inline-flex;
    width: auto;
    padding-top: 0.75rem;
    padding-left: 50px;
    padding-bottom: 0.75rem;
    padding-right: 1rem;
    background-color: #f9f9fa;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23090223' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-message-square'%3E%3Cpath d='M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z'%3E%3C/path%3E%3C/svg%3E");
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: 15px;
    border-radius: 7px;
    font-family: "Be Vietnam Pro", sans-serif;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.3;
    color: #090223;
}
@media (max-width: 767.98px) {
    #page-mod-forum-view .main-content .discussionname,
    #page-mod-forum-post .main-content .discussionname,
    #page-mod-forum-discuss .main-content .discussionname,
    #user-content .main-content .discussionname {
        width: 100%;
    }
}
.theme-dark#page-mod-forum-view .rui-main-content-title--h2,
.theme-dark#page-mod-forum-post .rui-main-content-title--h2,
.theme-dark#page-mod-forum-discuss .rui-main-content-title--h2,
.theme-dark#user-conten .rui-main-content-title--h2 {
    color: #bdc1c6;
}
.theme-dark#page-mod-forum-view .main-content .discussionname,
.theme-dark#page-mod-forum-post .main-content .discussionname,
.theme-dark#page-mod-forum-discuss .main-content .discussionname,
.theme-dark#user-conten .main-content .discussionname {
    background-color: #0b0d0f;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23E8EAED' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-message-square'%3E%3Cpath d='M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z'%3E%3C/path%3E%3C/svg%3E");
    color: #e8eaed;
}
#page-mod-forum-subscribers .main-content h3:first-of-type {
    margin-bottom: 2rem;
}
.forum-post-reply {
    margin-left: 77px;
    max-width: 70%;
}
.forum-icon-col a {
    display: flex;
    margin: 2px;
    padding: 4px;
}
.forum-icon-col a .icon {
    padding: 2px;
    margin: 0;
}
#page-mod-forum-discuss .course-settings-menu .search-input-group .search-input {
    width: 70px !important;
}
#page-mod-forum-discuss .course-settings-menu:hover .search-input-group .search-input {
    width: auto !important;
}
#page-mod-forum-discuss .discussioncontrols {
    width: auto;
    margin: 0;
}
#page-mod-forum-discuss .discussioncontrols .form-inline input {
    margin-top: -1px;
}
@keyframes background-highlight {
    from {
        background-color: rgba(0, 123, 255, 0.5);
    }
    to {
        background-color: inherit;
    }
}
.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 .form-defaultinfo,
.path-mod-forum .nested-v2-display-mode .rui-backup-progress .backup_stage,
.rui-backup-progress .path-mod-forum .nested-v2-display-mode .backup_stage,
.path-mod-forum.nested-v2-display-mode .badge-light,
.path-mod-forum.nested-v2-display-mode .form-defaultinfo,
.path-mod-forum.nested-v2-display-mode .rui-backup-progress .backup_stage,
.rui-backup-progress .path-mod-forum.nested-v2-display-mode .backup_stage {
    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 .que .discussionlocked.validationerror,
.que .path-mod-forum .nested-v2-display-mode .discussionlocked.validationerror,
.path-mod-forum .nested-v2-display-mode #page-mod-choice-view #notice p.discussionlocked,
#page-mod-choice-view #notice .path-mod-forum .nested-v2-display-mode p.discussionlocked,
.path-mod-forum.nested-v2-display-mode .alert.discussionlocked,
.path-mod-forum.nested-v2-display-mode .que .discussionlocked.validationerror,
.que .path-mod-forum.nested-v2-display-mode .discussionlocked.validationerror,
.path-mod-forum.nested-v2-display-mode #page-mod-choice-view #notice p.discussionlocked,
#page-mod-choice-view #notice .path-mod-forum.nested-v2-display-mode p.discussionlocked {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
.path-mod-forum .nested-v2-display-mode .text-muted,
.path-mod-forum .nested-v2-display-mode .block .minicalendar td.weekend,
.block .minicalendar .path-mod-forum .nested-v2-display-mode td.weekend,
.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 .block .minicalendar td.weekend,
.block .minicalendar .path-mod-forum.nested-v2-display-mode td.weekend,
.path-mod-forum.nested-v2-display-mode .dimmed_text {
    color: #a19eab !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 {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
.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 .indent,
.path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent {
    padding-left: 94px;
}
.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;
}
.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;
}
@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;
}
.filter-dates-popover .mform {
    margin-left: -3em;
}
@keyframes expandSearchButton {
    from {
        height: 36px;
        width: 36px;
        border-radius: 18px;
        background-color: #eeedef;
    }
    to {
        width: 100%;
        height: calc(1.5em + 2rem + 2px);
        border-radius: 0;
        background-color: #f9f9fa;
        border-color: #e1e0e4;
        padding-left: calc(0.5rem + 8px);
        padding-top: 1rem;
        padding-bottom: 1rem;
        font-size: 1rem;
        line-height: 1.5;
        right: 0;
    }
}
@keyframes collapseSearchButton {
    from {
        width: 100%;
        height: calc(1.5em + 2rem + 2px);
        border-radius: 0;
        background-color: #f9f9fa;
        border-color: #e1e0e4;
        padding-left: calc(0.5rem + 8px);
        padding-top: 1rem;
        padding-bottom: 1rem;
        font-size: 1rem;
        line-height: 1.5;
        right: 0;
    }
    to {
        height: 36px;
        width: 36px;
        border-radius: 18px;
        background-color: #eeedef;
    }
}
.path-mod-forum .unified-grader .rui-topbar {
    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;
}
.path-mod-forum .unified-grader .userpicture {
    height: 60px;
    width: 60px;
}
.path-mod-forum .unified-grader .grader-grading-panel {
    right: 0;
}
.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;
    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 + 34px);
    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: #413c55;
    height: 36px;
    width: 34px;
    background-color: #f9f9fa;
    opacity: 1;
    visibility: visible;
    transition: opacity 0s linear 0.3s, visibility 0s linear 0.3s;
}
.theme-dark .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .search-icon {
    color: #bdc1c6;
    background-color: #080808;
}
.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: #420047;
}
.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 {
    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;
}
.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;
}
.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: 40px;
}
.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: #eeedef;
    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;
}
.path-mod-forum .unified-grader .nested-v2-display-mode .post-subject,
.path-mod-forum .modal .nested-v2-display-mode .post-subject {
    display: none;
}
.path-mod-forum .unified-grader .grader-grading-panel {
    width: 100%;
    position: fixed;
    overflow: auto;
    top: 0;
    z-index: 1120;
}
.path-mod-forum .unified-grader .body-container {
    overflow: visible;
}
.path-mod-forum .discussionsubscription,
.path-mod-forum .discussion-settings-menu {
    margin-top: 0;
    margin-bottom: 0;
}
.attachedimages img {
    border-radius: 7px;
}
@keyframes collapseSearchButton {
    from {
        width: 100%;
        height: calc(1.5em + 2rem + 2px);
        border-radius: 0;
        background-color: #f9f9fa;
        border-color: #e1e0e4;
        padding-left: calc(0.5rem + 8px);
        padding-top: 1rem;
        padding-bottom: 1rem;
        line-height: 1.5;
        right: 0;
    }
    to {
        height: 36px;
        width: 36px;
        border-radius: 18px;
        background-color: #eeedef;
    }
}
.path-mod-forum .unified-grader .rui-topbar {
    max-height: none;
    z-index: 1;
}
.path-mod-forum .unified-grader .body-container.hidden {
    display: none !important;
}
.path-mod-forum .unified-grader .userpicture {
    height: 50px;
    width: 50px;
}
.path-mod-forum .unified-grader .grader-grading-panel {
    position: absolute;
    padding: 20px;
    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 {
    margin-left: 1rem;
    max-width: 240px;
    font-size: 0.875rem;
}
.path-mod-forum .unified-grader .grader-grading-panel .user-picker-container .page-link {
    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 {
    background-color: #f9f9fa;
    border: none;
    padding-left: calc(0.5rem + 8px);
    padding-top: 1rem;
    padding-bottom: 1rem;
    line-height: 1.5;
    right: 0;
}
.theme-dark .path-mod-forum .unified-grader .grader-grading-panel .header-container .toggle-search-button.expand {
    background-color: #080808;
}
.path-mod-forum .unified-grader .grader-grading-panel .header-container .toggle-search-button.collapse {
    display: block;
}
.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;
    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 + 34px);
    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: #413c55;
    height: 36px;
    width: 34px;
    background-color: transparent;
    opacity: 1;
    visibility: visible;
    transition: opacity 0s linear 0.3s, visibility 0s linear 0.3s;
}
.theme-dark .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .search-icon {
    color: #bdc1c6;
}
.path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .search-icon .icon {
    font-size: 0.875rem;
}
.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: 10px;
    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: #420047;
}
.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 {
    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;
}
.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 {
    display: none;
}
.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;
}
.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: 40px;
}
.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: #eeedef;
    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;
}
.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: 319.98px) {
    .path-mod-forum .unified-grader .grader-grading-panel {
        width: 100%;
    }
}
.grade-notifications-box,
.grade-grade-box {
    padding: 20px;
    border: 1px solid #e1e0e4;
    border-radius: 7px;
}
.theme-dark .grade-notifications-box,
.theme-dark .grade-grade-box {
    border-color: #2e3134;
}
.grade-notifications-box label,
.grade-grade-box label {
    margin: 0.5rem 0;
}
.grade-form input {
    width: 100%;
}
#page-mod-forum-search .rui-main-content-title--h4 {
    margin-top: 1rem;
}
#page-mod-forum-search .rui-main-content-title--h3 {
    margin-bottom: 30px;
}
#page-mod-forum-search .reportlink {
    position: absolute;
    top: -5px;
    right: 200px;
}
@media (max-width: 1088.98px) {
    #page-mod-forum-search .reportlink {
        top: 0;
        right: 0;
    }
}
.path-mod-forum .forumthread.post-replies {
    margin-left: 76px;
}
.rui-forum-border-left {
    position: relative;
}
.rui-forum-border-left:before {
    content: "";
    background-color: #e1e0e4;
    height: 16px;
    width: 1px;
    position: absolute;
    top: calc(50% - 8px);
    left: 0;
}
.theme-dark .rui-forum-border-left:before {
    background-color: #2e3134;
}
#page-mod-forum-index .subscription,
#page-mod-forum-view .subscription {
    margin: 0 !important;
    padding: 0 !important;
    display: inline-flex;
}
#page-mod-forum-index .subscription .helplink + .helplink,
#page-mod-forum-view .subscription .helplink + .helplink {
    margin-left: 0.25rem;
}
.path-mod-forum-report .pb-5.rui-main-content-title--h2 {
    margin: 1rem 0;
    padding-bottom: 0 !important;
}
.rui-collapseaddform .row {
    display: block !important;
}
.rui-collapseaddform .col-md-3 {
    margin-bottom: 0.35rem;
    text-align: left !important;
}
.rui-collapseaddform .col-md-3,
.rui-collapseaddform .col-md-9 {
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
}
.user-content .page-content-header-avatar {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    width: 860px !important;
}
@media (max-width: 1088.98px) {
    .user-content .page-content-header-avatar {
        width: 100%;
    }
}
.discussion.favourited {
    border-color: #68336c;
}
#page-mod-glossary-view table.glossarycategoryheader h3 {
    font-size: 2.5rem;
}
.continuous .entryheader,
.faq .entryheader,
.dictionary .entryheader {
    border-bottom: 1px solid #e1e0e4;
}
.continuous .entryheader .concept,
.faq .entryheader .concept,
.dictionary .entryheader .concept {
    color: #413c55;
}
.continuous .entryheader .concept h4,
.faq .entryheader .concept h4,
.dictionary .entryheader .concept h4 {
    margin: 1rem 0;
    font-size: 1.5rem;
    color: #090223;
    line-height: 1.5;
}
.continuous .entry,
.faq .entry,
.dictionary .entry {
    padding-top: 1rem;
}
.continuous .entry b,
.faq .entry b,
.dictionary .entry b {
    margin: 1rem 0;
    font-size: 1rem;
}
.continuous .time,
.faq .time,
.fullwithauthor .time,
.fullwithoutauthor .time,
.dictionary .time {
    display: block;
    margin: 0.5rem 0;
    font-size: 0.75rem;
    color: #a19eab;
}
.continuous .attachments,
.faq .attachments,
.fullwithauthor .attachments,
.fullwithoutauthor .attachments,
.dictionary .attachments {
    margin: 1rem 0;
    padding: 0.5rem 1rem 0.5rem 0.5rem;
    display: inline-flex;
    align-items: center;
    background-color: #f9f9fa;
    border-radius: 7px;
    color: #090223;
}
.continuous .attachments .icon,
.faq .attachments .icon,
.fullwithauthor .attachments .icon,
.fullwithoutauthor .attachments .icon,
.dictionary .attachments .icon {
    margin-right: 0.35rem;
    width: 40px;
    height: 40px;
}
.continuous .attachments a,
.faq .attachments a,
.fullwithauthor .attachments a,
.fullwithoutauthor .attachments a,
.dictionary .attachments a {
    padding: 0.25rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: inherit;
}
.continuous .attachments a:hover,
.faq .attachments a:hover,
.fullwithauthor .attachments a:hover,
.fullwithoutauthor .attachments a:hover,
.dictionary .attachments a:hover {
    text-decoration: none;
}
.fullwithoutauthor .userpicture,
.fullwithauthor .userpicture,
.encyclopedia .userpicture {
    border-radius: 7px;
}
.fullwithoutauthor .concept h4,
.fullwithauthor .concept h4,
.encyclopedia .concept h4 {
    margin: 0 0 0.5rem;
}
.fullwithoutauthor .author,
.fullwithauthor .author,
.encyclopedia .author {
    display: inline-flex;
    margin: 0.5rem 0;
    font-size: 0.75rem;
    color: #a19eab;
}
.fullwithoutauthor .author a,
.fullwithauthor .author a,
.encyclopedia .author a {
    margin: 0 0.25rem;
}
.fullwithoutauthor .entrylowersection,
.fullwithauthor .entrylowersection,
.encyclopedia .entrylowersection {
    padding-top: 1rem;
}
.glossarypost .aliases,
.glossarypost .entrylowersection {
    display: block;
    margin-top: 0.35rem;
    text-align: left;
}
.glossarypost .aliases label,
.glossarypost .entrylowersection label {
    margin-right: 0.35rem;
}
.glossarypost .attachments {
    margin: 1rem 0;
}
.glossarypost .attachments img {
    border-radius: 7px;
}
.glossaryexplain {
    margin: 2rem 0 1rem;
}
.path-mod-glossary .entrybox {
    text-align: center;
}
#page-mod-glossary-view .main-content .glossaryexplain {
    margin: 2rem auto;
}
#page-mod-glossary-view .main-content .glossarycontrol,
#page-mod-glossary-view .main-content .simplesearchform,
#page-mod-glossary-view .main-content .glossaryaddentry {
    margin: 0 auto;
    float: none;
}
#page-mod-glossary-view .main-content .glossarycontrol {
    text-align: left !important;
}
#page-mod-glossary-view .main-content .glossaryaddentry {
    display: block;
    margin-bottom: 2.5rem;
}
#page-mod-glossary-view .main-content .glossaryaddentry div {
    width: 100%;
}
#page-mod-glossary-view .main-content .glossaryaddentry div .btn {
    margin: 0;
    width: 100%;
}
#page-mod-glossary-view .main-content hr {
    margin-top: 2rem;
    margin-bottom: 2rem;
    width: 60px;
}
#page-mod-glossary-view #intro {
    display: block;
    margin: 0 auto 2rem auto;
    padding: 0 !important;
}
.addlinks {
    margin-top: 2rem;
    border-top: 1px solid #e1e0e4;
    text-align: center;
}
.addlinks:nth-of-type(1) {
    margin-top: 0;
    border-top: none;
}
.path-mod-workshop .perpagewidget {
    text-align: left;
}
.path-mod-workshop div.singlebutton {
    margin: 0 0.25rem;
}
.path-mod-workshop .userplan {
    margin: 1rem auto;
    border: 1px solid #e1e0e4;
    border-radius: 7px;
    font-size: 0.875rem;
}
@media (max-width: 1088.98px) {
    .path-mod-workshop .userplan {
        overflow-x: auto;
    }
}
@media (max-width: 1088.98px) {
    .rui-userplan-container {
        width: max-content;
    }
}
.theme-dark.path-mod-workshop .userplan {
    border-color: #2e3134;
}
.path-mod-workshop .userplan dt {
    height: auto;
    color: #090223;
    border-bottom: 2px solid #c4c3cb;
    padding: 0.5rem;
}
.theme-dark.path-mod-workshop .userplan dt {
    color: #e8eaed;
    border-color: #2e3134;
}
.path-mod-workshop .userplan dt.active {
    border-left: 2px solid #027654;
    border-right: 2px solid #027654;
    border-top: 2px solid #027654;
    border-radius: 7px 7px 0 0;
    background-color: #eaf4dd;
}
.theme-dark.path-mod-workshop .userplan dd.active,
.theme-dark.path-mod-workshop .userplan dt.active {
    background-color: #002d47;
    color: #e8eaed;
    border-color: #004b57;
}
.path-mod-workshop .userplan dt.active .phasetitle {
    font-size: 1rem;
    color: #027654;
}
.path-mod-workshop .userplan dl {
    width: 20%;
    float: inherit;
    display: inline-grid;
}
@media only screen and (max-width: 768px) {
    .path-mod-workshop .userplan {
        border-right: none;
        border-top: none;
    }
    .path-mod-workshop .userplan dl {
        width: 20%;
        border-right: none;
    }
    .path-mod-workshop .userplan dt {
        float: left;
        width: 100%;
        border-bottom: none;
        border-top: 1px solid #e1e0e4;
    }
    .theme-dark.path-mod-workshop .userplan dt {
        border-color: #2e3134;
    }
    .path-mod-workshop .userplan dt.active {
        border: none;
    }
    .path-mod-workshop .userplan dd {
        float: left;
        width: 100%;
        border-left: 1px solid #e1e0e4;
        border-top: 1px solid #e1e0e4;
    }
    .theme-dark.path-mod-workshop .userplan dd {
        border-color: #2e3134;
    }
}
@media only screen and (max-width: 420px) {
    .path-mod-workshop .userplan {
        border-bottom: none;
    }
    .path-mod-workshop .userplan dt {
        float: left;
        width: 100%;
        border-bottom: none;
        border-right: 1px solid #e1e0e4;
        border-left: 1px solid #e1e0e4;
        margin: 0;
        padding: 5px;
    }
    .path-mod-workshop .userplan dd {
        float: left;
        width: 100%;
        border-left: 1px solid #e1e0e4;
        border-top: 1px solid #e1e0e4;
        border-bottom: 1px solid #e1e0e4;
    }
    .theme-dark.path-mod-workshop .userplan dt,
    .theme-dark.path-mod-workshop .userplan dd {
        border-color: #2e3134;
    }
}
.path-mod-workshop .userplan dd {
    border-right: 1px solid #e1e0e4;
    background-color: #f9f9fa;
    padding: 0.5rem;
}
.path-mod-workshop .userplan dd:last-child {
    border-right: 0;
}
.theme-dark.path-mod-workshop .userplan dd {
    border-color: #2e3134;
    background-color: #0b0d0f;
}
.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: #413c55;
}
.theme-dark.path-mod-workshop .userplan dd,
.theme-dark.path-mod-workshop .userplan dd a,
.theme-dark.path-mod-workshop .userplan dd a:link,
.theme-dark.path-mod-workshop .userplan dd a:hover,
.theme-dark.path-mod-workshop .userplan dd a:visited,
.theme-dark.path-mod-workshop .userplan dd a:active {
    color: #bdc1c6;
}
.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: #090223;
}
.theme-dark.path-mod-workshop .userplan dd.active,
.theme-dark.path-mod-workshop .userplan dd.active a,
.theme-dark.path-mod-workshop .userplan dd.active a:link,
.theme-dark.path-mod-workshop .userplan dd.active a:hover,
.theme-dark.path-mod-workshop .userplan dd.active a:visited,
.theme-dark.path-mod-workshop .userplan dd.active a:active {
    color: #e8eaed;
}
.path-mod-workshop .grading-report {
    border-color: #e1e0e4;
}
.theme-dark.path-mod-workshop .grading-report {
    border-color: #2e3134;
}
.path-mod-workshop .userplan dd.lastcol {
    border-right: 0;
}
.path-mod-workshop .userplan dd.active {
    border-left: 2px solid #027654;
    border-right: 2px solid #027654;
    border-bottom: 2px solid #027654;
    border-radius: 0 0 7px 7px;
    background-color: #eaf4dd;
}
.path-mod-workshop .userplan dt .actions {
    width: 100%;
    display: inline-flex;
    align-items: center;
}
.path-mod-workshop .userplan dt .actions .icon {
    margin-left: 0.35rem;
    width: auto;
    height: auto;
    font-size: 12px;
}
.path-mod-workshop .userplan dd.phasetasks li {
    background-image: url(/theme/image.php/alpha/theme/1668532694/mod/workshop/userplan/task-todo);
    background-size: 14px;
    background-position: 0 2px;
    background-repeat: no-repeat;
    list-style-type: none;
    min-height: 16px;
    margin: 0.5rem 0;
}
.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/alpha/theme/1668532694/mod/workshop/userplan/task-done);
    background-size: 14px;
    background-position: 0 2px;
    color: #048444;
}
.path-mod-workshop .userplan dd.phasetasks li.completed a {
    color: #048444;
}
.path-mod-workshop .userplan dd.phasetasks li.fail {
    background-image: url(/theme/image.php/alpha/theme/1668532694/mod/workshop/userplan/task-fail);
    background-size: 10px;
    background-position: 7px;
    padding: 0.25rem;
    margin: 0.25rem 0;
    background-color: #fbc8c8;
    border: 2px solid #f67e7e;
    border-radius: 7px;
    color: #ef1010;
    line-height: 1.3;
}
.path-mod-workshop .userplan dd.phasetasks li.fail a {
    color: #ef1010;
}
.path-mod-workshop .userplan dd.phasetasks li.info {
    background-image: url(/theme/image.php/alpha/mod_workshop/1668532694/userplan/task-info);
    background-position: 4px;
    padding: 0.25rem;
    margin: 0.25rem 0;
    background-color: #fff1d5;
    border-radius: 7px;
    line-height: 1.3;
    font-size: 0.75rem;
}
.theme-dark.path-mod-workshop .userplan dd.phasetasks li.info {
    color: #090223;
}
.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;
    font-weight: 500;
}
.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 21px;
    font-size: 0.75rem;
    opacity: 0.8;
}
.dir-rtl.path-mod-workshop .userplan dd.phasetasks .details {
    padding: 0 21px 0 10px;
    font-size: 0.75rem;
    opacity: 0.8;
}
#mod_workshop-userplanheading {
    margin-top: 2rem;
}
[id^="workshop-viewlet-"] .box {
    padding: 0 !important;
}
[id^="workshop-viewlet-"] .alert,
[id^="workshop-viewlet-"] .que .validationerror,
.que [id^="workshop-viewlet-"] .validationerror,
[id^="workshop-viewlet-"] #page-mod-choice-view #notice p,
#page-mod-choice-view #notice [id^="workshop-viewlet-"] p {
    margin: 0 !important;
}
.path-mod-workshop .perpagewidget {
    margin: 0 !important;
}
.groupwidget:empty {
    display: none;
}
#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-user .main-content .section {
    margin: 1rem auto;
    padding: 1rem;
    border: 1px solid #e1e0e4;
    border-radius: 7px;
}
.theme-dark #page-report-outline-user .main-content .section {
    border-color: #2e3134;
}
#page-report-outline-user .main-content .section .content {
    margin: 1rem 0;
}
#page-report-outline-user .main-content .section .content table {
    width: 100%;
}
#page-report-outline-user .main-content .section .content table td {
    vertical-align: middle !important;
}
#page-report-outline-user .main-content .section .content table td:nth-child(1) {
    width: 40px;
}
#page-report-outline-user .main-content .section .content table td:nth-child(2) {
    max-width: 300px !important;
    font-size: 0.875rem;
    font-weight: 500;
}
#page-report-outline-user .main-content .section .content table td:nth-child(6) {
    width: 300px !important;
    font-size: 0.75rem;
    color: #a19eab;
}
.theme-dark #page-report-outline-user .main-content .section .content table td:nth-child(6) {
    color: #9aa0a6;
}
#page-report-outline-user .main-content .section h2 {
    margin: 0;
    padding: 0.35rem 0.45rem;
    display: inline-block;
    background-color: #f9f9fa;
    border-radius: 7px;
    font-size: 0.875rem;
    font-weight: 700;
}
.theme-dark #page-report-outline-user .main-content .section h2 {
    background-color: #0b0d0f;
}
#page-report-outline-user .main-content .section h4 {
    width: calc(100% + 2rem);
    margin-left: -1rem;
    margin-top: 1rem;
    padding-top: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    border-top: 2px solid #e1e0e4;
}
.theme-dark #page-report-outline-user .main-content .section h4 {
    border-color: #2e3134;
}
#page-report-outline-user .main-content .section .rui-icon-container {
    margin-right: 8px;
}
#page-report-outline-user .main-content .section ul {
    margin-left: 20px;
}
.export-actions a {
    margin-top: 0.5rem;
}
#page-report-log-index .logselecform {
    margin-bottom: 30px;
}
#page-report-completion-index .rui-main-content-title--h3 {
    margin-bottom: 30px;
}
#page-report-completion-index .urlselect .urlselect {
    margin-bottom: 0 !important;
}
.reportloglive .c0 {
    font-size: 0.75rem;
    color: #a19eab;
}
#page-report-progress-index .main-content div.urlselect {
    display: inline-flex;
    margin-right: 2rem !important;
    width: auto;
}
#scormviewform,
#page-mod-scorm-view #intro {
    padding: 0 !important;
}
#scormtablecontainer #attempts .c5,
#scormtablecontainer #attempts .c6 {
    font-size: 0.75rem;
    color: #413c55;
}
.theme-dark #scormtablecontainer #attempts .c5,
.theme-dark #scormtablecontainer #attempts .c6 {
    color: #bdc1c6;
}
#scormpage {
    margin-top: 30px;
}
#page-mod-scorm-player #scormpage div.yui3-u-3-4 {
    width: calc(75% - 30px);
    margin-left: 30px;
}
#scorm_toc_toggle_btn {
    margin: 0 10px 30px;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.75 5.75H14.25' stroke='%23090223' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M4.75 18.25H14.25' stroke='%23090223' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M4.75 12H19.25' stroke='%23090223' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    width: 40px;
    height: 40px;
    border-radius: 7px;
    border: none;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.26), 0 14px 44px 0 rgba(0, 0, 0, 0.2);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    text-indent: -99px;
}
.theme-dark #scorm_toc_toggle_btn {
    background-color: #000;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.75 5.75H14.25' stroke='%23E8EAED' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M4.75 18.25H14.25' stroke='%23E8EAED' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M4.75 12H19.25' stroke='%23E8EAED' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E%0A");
}
#scorm_toc {
    padding: 20px;
    background-color: #f9f9fa;
    border-radius: 7px;
}
.theme-dark #scorm_toc {
    background-color: #0b0d0f;
}
#scorm_tree .yui3-treeview-row {
    padding: 10px;
    border-radius: 7px;
}
#scorm_tree .yui3-treeview-row .icon {
    font-size: 11px;
}
#scorm_nav .yui3-button-disabled {
    display: none;
}
#page-mod-scorm-player #scormpage #scorm_toc_title {
    margin-bottom: 10px;
    font-size: 0.875rem;
}
#page-mod-scorm-player #scormpage div.yui3-g-r {
    letter-spacing: normal;
    word-spacing: normal;
}
#scorm_layout {
    margin-bottom: 30px;
}
.theme-dark.path-backup .mform .icon {
    filter: invert(0.9);
}
.path-backup .mform .checkbox .form-check {
    background-color: transparent;
    padding: 3px 0;
}
.path-backup .mform .form-control-static {
    line-height: 2;
    padding: 0;
    margin: 0;
    background-color: transparent;
    box-shadow: none;
}
.path-backup .mform .form-control-static .icon {
    font-size: 12px;
    height: auto !important;
}
.path-backup .mform .fcontainer {
    margin: 0 0 1rem;
}
.path-backup .mform .grouped_settings {
    clear: both;
    overflow: hidden;
}
.path-backup .mform .grouped_settings .icon {
    margin: 0 0.25rem;
    width: 30px;
    height: 30px;
}
.path-backup .mform .grouped_settings.section_level {
    border-radius: 7px;
    margin-bottom: 1.25rem;
}
.path-backup .mform .grouped_settings.section_level::after {
    display: block;
    clear: both;
    content: "";
}
.path-backup .mform .include_setting {
    width: 50%;
    display: inline-block;
}
.path-backup .mform .include_setting.section_level {
    padding: 0;
}
.path-backup .mform .normal_setting {
    width: 50%;
    display: inline-block;
}
.path-backup .mform .backup_selector {
    padding: 10px 15px;
    background-color: #f9f9fa;
}
.theme-dark .path-backup .mform .backup_selector {
    background-color: #0b0d0f;
}
.path-backup .section_level {
    font-weight: 500;
}
.path-backup .section_level .activity_level {
    padding-left: 20px;
}
.path-backup .proceedbutton {
    margin-left: auto;
}
.path-backup .detail-pair {
    border-bottom: 1px solid #e1e0e4;
    padding: 10px 0;
}
.theme-dark .path-backup .detail-pair {
    border-bottom: 1px solid #2e3134;
}
.path-backup .detail-pair:last-of-type {
    border-bottom: 0;
}
.backup-restore .path-backup .detail-pair {
    display: inline-flex;
}
.path-backup .detail-pair .detail-pair-label {
    margin: 0;
    padding-right: 10px;
    font-weight: 700;
}
.path-backup .detail-pair .detail-pair-label:empty {
    display: none;
}
.path-backup h2.header {
    font-size: 1.25rem;
}
.path-backup .subheader {
    margin: 1rem 0;
    font-size: 1rem;
}
.path-backup .mform .felement {
    padding: 0.25rem 0;
    font-size: 0.75rem;
    font-weight: 500;
}
.path-backup .mform .custom-select {
    padding: 10px 20px 10px 10px;
}
.path-backup .mform .root_setting:nth-of-type(odd),
.path-backup .mform .grouped_settings:nth-of-type(odd) {
    border-bottom: 1px solid #e1e0e4;
}
.path-backup .mform .root_setting .form-group,
.path-backup .mform .grouped_settings .form-group {
    margin: 0;
}
.path-backup .mform .root_setting .form-group .col-md-3.checkbox,
.path-backup .mform .grouped_settings .form-group .col-md-3.checkbox {
    width: 0%;
}
.path-backup .mform .root_setting .form-group .col-md-9.checkbox,
.path-backup .mform .grouped_settings .form-group .col-md-9.checkbox {
    width: 100%;
    left: 0;
}
.theme-dark.path-backup .mform .root_setting:nth-of-type(odd),
.theme-dark.path-backup .mform .grouped_settings:nth-of-type(odd) {
    border-color: #2e3134;
}
.theme-dark.path-backup .mform .mform .grouped_settings .icon {
    filter: invert(0.9);
}
.path-backup .detail-pair {
    width: 100%;
}
.path-backup .detail-pair .detail-pair-label,
.path-backup .detail-pair .detail-pair-value {
    display: block !important;
}
.detail-pair .rcs-search {
    margin-top: 10px;
}
.detail-pair .pl-2 {
    padding: 0 !important;
}
.ics-results {
    margin-bottom: 1rem;
}
#id_rootsettings,
#id_coursesettings {
    font-size: 0.875rem !important;
    border-radius: 7px;
    border: 2px solid #c6b3c8;
    padding: 1.25rem;
    margin-bottom: 1.25rem;
}
.theme-dark #id_rootsettings,
.theme-dark #id_coursesettings {
    border-color: #2e3134;
}
#id_rootsettings legend,
#id_coursesettings legend {
    width: auto;
    padding: 5px 20px;
    border-radius: 7px;
    background-color: #420047;
    color: #fff;
    font-size: 0.875rem;
    font-weight: 500;
}
#id_rootsettings .col-form-label,
#id_coursesettings .col-form-label {
    padding: 5px 0;
    line-height: 1.3;
}
.path-backup .backup-section {
    font-size: 0.875rem;
    border-radius: 7px;
    padding: 1.25rem;
    margin-bottom: 1.25rem;
}
.path-backup .backup-section::after {
    display: block;
    clear: both;
    content: "";
}
.path-backup .backup-section .generaltable,
.path-backup .backup-section .rolecap {
    margin-bottom: 0;
}
.path-backup .backup-section .sub-header,
.path-backup .backup-section .backup-sub-section,
.path-backup .backup-section .singlebutton {
    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 .ics-totalresults {
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-size: 1rem;
    font-weight: 500;
}
.path-backup .backup-section.ics-existing-course .detail-pair {
    display: block !important;
}
.backup-restore .backup-section {
    border: 1px solid #e1e0e4;
    border-radius: 7px;
}
.theme-dark .backup-restore .backup-section {
    border: 1px solid #2e3134;
}
.backup-restore .backup-section .detail-pair label {
    margin-bottom: 0 !important;
}
.backup-restore .backup-section .detail-pair .detail-pair-label,
.backup-restore .backup-section .detail-pair .detail-pair-value {
    display: inline-flex;
    width: auto;
    margin-bottom: 0 !important;
}
.backup-restore .backup-section .w-25,
.backup-restore .backup-section .w-75 {
    width: 100% !important;
}
.backup-restore .backup-section .subheader {
    margin: 2rem 0 0.5rem;
}
.path-backup .notification.dependencies_enforced {
    color: #ef1010;
    font-weight: 700;
}
.rui-backup-progress {
    margin-top: 0;
    margin-bottom: 1.25rem;
    font-size: 0.75rem;
    font-weight: 500;
    color: #413c55;
}
.theme-dark .rui-backup-progress {
    color: #bdc1c6;
}
.rui-backup-progress .sep {
    display: none;
}
.rui-backup-progress .backup_stage {
    margin: 3px;
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 0.35rem 0.85rem;
    font-size: 0.75rem;
    font-weight: 500;
    vertical-align: baseline;
    border-radius: 40px;
    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) {
    .rui-backup-progress .backup_stage {
        transition: none;
    }
}
a.backup_stage:hover,
a.backup_stage:focus {
    text-decoration: none;
}
.rui-backup-progress .backup_stage.backup_stage_next {
    opacity: 0.5;
    cursor: not-allowed;
}
.rui-backup-progress .backup_stage.backup_stage_next + .accesshide + .arrow + .backup_stage,
.rui-backup-progress .backup_stage.backup_stage_next + .accesshide + .arrow + .backup_stage + .accesshide + .arrow + .backup_stage,
.rui-backup-progress .backup_stage.backup_stage_next + .accesshide + .arrow + .backup_stage + .accesshide + .arrow + .backup_stage + .accesshide + .arrow + .backup_stage,
.rui-backup-progress .backup_stage.backup_stage_next + .accesshide + .arrow + .backup_stage + .accesshide + .arrow + .backup_stage + .accesshide + .arrow + .backup_stage + .accesshide + .arrow + .backup_stage {
    opacity: 0.5;
    cursor: not-allowed;
}
.path-backup .rui-backup-progress span.backup_stage.backup_stage_complete {
    color: inherit;
}
#page-backup-restore .filealiasesfailures {
    background-color: #feeded;
}
#page-backup-restore .filealiasesfailures .aliaseslist {
    background-color: #f9f9fa;
}
.wibbler {
    margin: 5px auto 10px;
    padding: 10px;
    position: relative;
    min-height: 10px;
    border-radius: 7px;
    background-color: #f9f9fa;
}
.theme-dark .wibbler {
    background-color: #0b0d0f;
}
.wibbler .wibble {
    position: absolute;
    left: 10px;
    right: 10px;
    top: 8px;
    height: 5px;
    border-radius: 7px;
}
.wibbler .state0 {
    background: #fff1d5;
}
.wibbler .state1 {
    background: #ffebc7;
}
.wibbler .state2 {
    background: #f7b742;
}
.wibbler .state3 {
    background: #048444;
}
.wibbler .state4 {
    background: #027654;
}
.wibbler .state5 {
    background: #00665f;
}
.wibbler .state6 {
    background: #004b57;
}
.wibbler .state7 {
    background: #002d47;
}
.wibbler .state8 {
    background: #d4def8;
}
.wibbler .state9 {
    background: #bacdf7;
}
.wibbler .state10 {
    background: #94ade7;
}
.wibbler .state11 {
    background: #6e8eda;
}
.wibbler .state12 {
    background: #406cd2;
}
#page-backup-backup [role="main"] .form-group {
    margin: 0;
    padding: 0 0.25rem;
}
#page-backup-backup [role="main"] .form-group label {
    margin: 0;
}
.path-backup .mform .grouped_settings.section_level {
    padding: 10px;
    border: 1px solid #e1e0e4;
}
.theme-dark .path-backup .mform .grouped_settings.section_level {
    border: 1px solid #2e3134;
}
.path-backup .mform .grouped_settings.section_level:last-child {
    margin-bottom: 0;
}
.backup-restore span.error {
    margin: 15px 0 0;
    padding: 10px;
    display: inline-flex;
    font-size: 0.75rem;
    font-weight: 500;
    color: #fff;
    background-color: #ef1010;
    border-radius: 7px 7px 0 0;
}
.backup-restore fieldset.error {
    padding: 1rem;
    background-color: #fff;
    border-radius: 0 7px 7px 7px;
    border: 2px solid #ef1010;
}
.backup-restore td,
.backup-restore th {
    padding: 3px;
    font-size: 0.75rem;
}
.backup-restore .error .detail-pair {
    align-items: flex-start;
}
.activitytable .modulename .icon {
    margin-right: 0.35rem;
}
.table-overflow {
    overflow-x: auto;
}
.table-btn-uninstall,
#mediaplayerplugins .c6 a #page-admin-setting-managepaymentgateways .generaltable td:nth-of-type(6) a,
#mediaplayerplugins .c6 a #page-admin-setting-managepaymentgateways .rolecap td:nth-of-type(6) a,
#reportplugins .c3 a,
#toolplugins .c2 a,
.manageformattable .c3 a,
#localplugins .c2 a,
.managecustomfieldtable .c2 a,
#commentstable .c3 a,
#page-admin-setting-editorsettingsatto .admintable .c4 a,
#plugins-control-panel .c4 a,
#assignfeedbackplugins .c5 a,
#assignsubmissionplugins .c5 a,
#modules .c5 a,
#filterssetting .c5 a,
#repositoriessetting .c4 a,
.tinymcesubplugins .lastcol a,
#editormanagement .lastcol a,
#courseenrolmentplugins .lastcol a,
#logstoreplugins .lastcol a,
#manageauthtable .lastcol a,
#compatibleblockstable .c6 a,
.attosubplugins .admintable .lastcol a,
#qtypes .c6 a,
#qbehaviours .c5 a,
#mediaplayerplugins .c6 a,
.managecontentbanktable .lastcol a {
    display: inline-block;
    padding: 0.5rem 1rem 0.5rem 2.5rem;
    margin: 1px 4px 1px 1px;
    background-color: #feeded;
    color: #ef1010;
    font-size: 0.875rem;
    font-weight: 500;
    text-align: center;
    border-radius: 40px;
    position: relative;
    transition: all 0.2s ease-in-out;
}
.table-btn-uninstall:after,
#mediaplayerplugins .c6 a #page-admin-setting-managepaymentgateways .generaltable td:nth-of-type(6) a:after,
#mediaplayerplugins .c6 a #page-admin-setting-managepaymentgateways .rolecap td:nth-of-type(6) a:after,
#reportplugins .c3 a:after,
#toolplugins .c2 a:after,
.manageformattable .c3 a:after,
#localplugins .c2 a:after,
.managecustomfieldtable .c2 a:after,
#commentstable .c3 a:after,
#page-admin-setting-editorsettingsatto .admintable .c4 a:after,
#plugins-control-panel .c4 a:after,
#assignfeedbackplugins .c5 a:after,
#assignsubmissionplugins .c5 a:after,
#modules .c5 a:after,
#filterssetting .c5 a:after,
#repositoriessetting .c4 a:after,
.tinymcesubplugins .lastcol a:after,
#editormanagement .lastcol a:after,
#courseenrolmentplugins .lastcol a:after,
#logstoreplugins .lastcol a:after,
#manageauthtable .lastcol a:after,
#compatibleblockstable .c6 a:after,
.attosubplugins .admintable .lastcol a:after,
#qtypes .c6 a:after,
#qbehaviours .c5 a:after,
#mediaplayerplugins .c6 a:after,
.managecontentbanktable .lastcol a:after {
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23ef1010' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6.75 7.75L7.59115 17.4233C7.68102 18.4568 8.54622 19.25 9.58363 19.25H14.4164C15.4538 19.25 16.319 18.4568 16.4088 17.4233L17.25 7.75'%3E%3C/path%3E%3Cpath stroke='%23ef1010' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9.75 7.5V6.75C9.75 5.64543 10.6454 4.75 11.75 4.75H12.25C13.3546 4.75 14.25 5.64543 14.25 6.75V7.5'%3E%3C/path%3E%3Cpath stroke='%23ef1010' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 7.75H19'%3E%3C/path%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: 18px;
    background-position-x: 10px;
    position: absolute;
    left: 1px;
    top: calc(50% - 9px);
}
.table-btn-uninstall:hover,
#mediaplayerplugins .c6 a #page-admin-setting-managepaymentgateways .generaltable td:nth-of-type(6) a:hover,
#mediaplayerplugins .c6 a #page-admin-setting-managepaymentgateways .rolecap td:nth-of-type(6) a:hover,
#reportplugins .c3 a:hover,
#toolplugins .c2 a:hover,
.manageformattable .c3 a:hover,
#localplugins .c2 a:hover,
.managecustomfieldtable .c2 a:hover,
#commentstable .c3 a:hover,
#page-admin-setting-editorsettingsatto .admintable .c4 a:hover,
#plugins-control-panel .c4 a:hover,
#assignfeedbackplugins .c5 a:hover,
#assignsubmissionplugins .c5 a:hover,
#modules .c5 a:hover,
#filterssetting .c5 a:hover,
#repositoriessetting .c4 a:hover,
.tinymcesubplugins .lastcol a:hover,
#editormanagement .lastcol a:hover,
#courseenrolmentplugins .lastcol a:hover,
#logstoreplugins .lastcol a:hover,
#manageauthtable .lastcol a:hover,
#compatibleblockstable .c6 a:hover,
.attosubplugins .admintable .lastcol a:hover,
#qtypes .c6 a:hover,
#qbehaviours .c5 a:hover,
#mediaplayerplugins .c6 a:hover,
.managecontentbanktable .lastcol a:hover {
    background-color: #fbc8c8;
    text-decoration: none;
}
.table,
.generaltable,
.rolecap,
.userenrolment,
#categoryquestions,
.grading-report,
.gradereport-grader-table,
#completion-progress {
    width: 100%;
    margin-bottom: 1rem;
    color: #090223;
}
.theme-dark .table,
.theme-dark .generaltable,
.theme-dark .rolecap,
.theme-dark .userenrolment,
.theme-dark #categoryquestions,
.theme-dark .grading-report,
.theme-dark .gradereport-grader-table,
.theme-dark #completion-progress {
    color: #e8eaed;
}
.table td,
.generaltable td,
.rolecap td,
.userenrolment td,
#categoryquestions td,
.grading-report td,
.gradereport-grader-table td,
#completion-progress td {
    border-color: #e1e0e4;
    font-size: 0.875rem;
}
.table th,
.table td,
.generaltable th,
.rolecap th,
.generaltable td,
.rolecap td,
.userenrolment th,
.userenrolment td,
#categoryquestions th,
#categoryquestions td,
.grading-report th,
.grading-report td,
.gradereport-grader-table th,
.gradereport-grader-table td,
#completion-progress th,
#completion-progress td {
    padding: 0.75rem;
    vertical-align: middle;
}
.theme-dark .table th,
.theme-dark .table td,
.theme-dark .generaltable th,
.theme-dark .rolecap th,
.theme-dark .generaltable td,
.theme-dark .rolecap td,
.theme-dark .userenrolment th,
.theme-dark .userenrolment td,
.theme-dark #categoryquestions th,
.theme-dark #categoryquestions td,
.theme-dark .grading-report th,
.theme-dark .grading-report td,
.theme-dark .gradereport-grader-table th,
.theme-dark .gradereport-grader-table td,
.theme-dark #completion-progress th,
.theme-dark #completion-progress td {
    border-color: #2e3134 !important;
}
.table th.column-leader,
.table td.column-leader,
.generaltable th.column-leader,
.rolecap th.column-leader,
.generaltable td.column-leader,
.rolecap td.column-leader,
.userenrolment th.column-leader,
.userenrolment td.column-leader,
#categoryquestions th.column-leader,
#categoryquestions td.column-leader,
.grading-report th.column-leader,
.grading-report td.column-leader,
.gradereport-grader-table th.column-leader,
.gradereport-grader-table td.column-leader,
#completion-progress th.column-leader,
#completion-progress td.column-leader {
    padding: 0;
}
.table th a,
.table td a,
.generaltable th a,
.rolecap th a,
.generaltable td a,
.rolecap td a,
.userenrolment th a,
.userenrolment td a,
#categoryquestions th a,
#categoryquestions td a,
.grading-report th a,
.grading-report td a,
.gradereport-grader-table th a,
.gradereport-grader-table td a,
#completion-progress th a,
#completion-progress td a {
    font-weight: 500;
}
.table th .commands,
.generaltable th .commands,
.rolecap th .commands,
.userenrolment th .commands,
#categoryquestions th .commands,
.grading-report th .commands,
.gradereport-grader-table th .commands,
#completion-progress th .commands {
    display: inline-flex;
    line-height: 1.3;
}
.table th .commands a .icon,
.generaltable th .commands a .icon,
.rolecap th .commands a .icon,
.userenrolment th .commands a .icon,
#categoryquestions th .commands a .icon,
.grading-report th .commands a .icon,
.gradereport-grader-table th .commands a .icon,
#completion-progress th .commands a .icon {
    margin-left: 0.25rem;
}
.table th .commands a:before,
.table th .commands a:after,
.generaltable th .commands a:before,
.rolecap th .commands a:before,
.generaltable th .commands a:after,
.rolecap th .commands a:after,
.userenrolment th .commands a:before,
.userenrolment th .commands a:after,
#categoryquestions th .commands a:before,
#categoryquestions th .commands a:after,
.grading-report th .commands a:before,
.grading-report th .commands a:after,
.gradereport-grader-table th .commands a:before,
.gradereport-grader-table th .commands a:after,
#completion-progress th .commands a:before,
#completion-progress th .commands a:after {
    display: none;
}
.table thead th,
.generaltable thead th,
.rolecap thead th,
.userenrolment thead th,
#categoryquestions thead th,
.grading-report thead th,
.gradereport-grader-table thead th,
#completion-progress thead th {
    border-bottom: 2px solid #e1e0e4;
    color: #a19eab;
}
.theme-dark .table thead th,
.theme-dark .generaltable thead th,
.theme-dark .rolecap thead th,
.theme-dark .userenrolment thead th,
.theme-dark #categoryquestions thead th,
.theme-dark .grading-report thead th,
.theme-dark .gradereport-grader-table thead th,
.theme-dark #completion-progress thead th {
    border-color: #2e3134;
    color: #9aa0a6;
}
.table tbody th,
.table thead th,
.generaltable tbody th,
.rolecap tbody th,
.generaltable thead th,
.rolecap thead th,
.userenrolment tbody th,
.userenrolment thead th,
#categoryquestions tbody th,
#categoryquestions thead th,
.grading-report tbody th,
.grading-report thead th,
.gradereport-grader-table tbody th,
.gradereport-grader-table thead th,
#completion-progress tbody th,
#completion-progress thead th {
    font-size: 0.75rem;
    font-weight: 500;
}
.table tbody th a:not(.btn),
.table thead th a:not(.btn),
.generaltable tbody th a:not(.btn),
.rolecap tbody th a:not(.btn),
.generaltable thead th a:not(.btn),
.rolecap thead th a:not(.btn),
.userenrolment tbody th a:not(.btn),
.userenrolment thead th a:not(.btn),
#categoryquestions tbody th a:not(.btn),
#categoryquestions thead th a:not(.btn),
.grading-report tbody th a:not(.btn),
.grading-report thead th a:not(.btn),
.gradereport-grader-table tbody th a:not(.btn),
.gradereport-grader-table thead th a:not(.btn),
#completion-progress tbody th a:not(.btn),
#completion-progress thead th a:not(.btn) {
    color: inherit;
    position: relative;
}
.table tbody th a:not(.btn):hover,
.table thead th a:not(.btn):hover,
.generaltable tbody th a:not(.btn):hover,
.rolecap tbody th a:not(.btn):hover,
.generaltable thead th a:not(.btn):hover,
.rolecap thead th a:not(.btn):hover,
.userenrolment tbody th a:not(.btn):hover,
.userenrolment thead th a:not(.btn):hover,
#categoryquestions tbody th a:not(.btn):hover,
#categoryquestions thead th a:not(.btn):hover,
.grading-report tbody th a:not(.btn):hover,
.grading-report thead th a:not(.btn):hover,
.gradereport-grader-table tbody th a:not(.btn):hover,
.gradereport-grader-table thead th a:not(.btn):hover,
#completion-progress tbody th a:not(.btn):hover,
#completion-progress thead th a:not(.btn):hover {
    text-decoration: none;
    color: #a180a3;
}
.table tbody + tbody,
.generaltable tbody + tbody,
.rolecap tbody + tbody,
.userenrolment tbody + tbody,
#categoryquestions tbody + tbody,
.grading-report tbody + tbody,
.gradereport-grader-table tbody + tbody,
#completion-progress tbody + tbody {
    border-top: 2px solid #e1e0e4;
}
.table tbody tr:nth-of-type(odd),
.generaltable tbody tr:nth-of-type(odd),
.rolecap tbody tr:nth-of-type(odd),
.userenrolment tbody tr:nth-of-type(odd),
#categoryquestions tbody tr:nth-of-type(odd),
.grading-report tbody tr:nth-of-type(odd),
.gradereport-grader-table tbody tr:nth-of-type(odd),
#completion-progress tbody tr:nth-of-type(odd) {
    background-color: transparent;
}
.table.table-sm th,
.table.table-sm td,
.generaltable.table-sm th,
.table-sm.rolecap th,
.generaltable.table-sm td,
.table-sm.rolecap td,
.userenrolment.table-sm th,
.userenrolment.table-sm td,
#categoryquestions.table-sm th,
#categoryquestions.table-sm td,
.grading-report.table-sm th,
.grading-report.table-sm td,
.gradereport-grader-table.table-sm th,
.gradereport-grader-table.table-sm td,
#completion-progress.table-sm th,
#completion-progress.table-sm td {
    padding: 0.3rem;
}
.table tbody tr,
.generaltable tbody tr,
.rolecap tbody tr,
.userenrolment tbody tr,
#categoryquestions tbody tr,
.grading-report tbody tr,
.gradereport-grader-table tbody tr,
#completion-progress tbody tr {
    background-color: transparent;
    border-bottom: 1px solid #e1e0e4;
}
.theme-dark .table tbody tr,
.theme-dark .generaltable tbody tr,
.theme-dark .rolecap tbody tr,
.theme-dark .userenrolment tbody tr,
.theme-dark #categoryquestions tbody tr,
.theme-dark .grading-report tbody tr,
.theme-dark .gradereport-grader-table tbody tr,
.theme-dark #completion-progress tbody tr {
    border-color: #2e3134;
}
.table tbody tr:hover,
.generaltable tbody tr:hover,
.rolecap tbody tr:hover,
.userenrolment tbody tr:hover,
#categoryquestions tbody tr:hover,
.grading-report tbody tr:hover,
.gradereport-grader-table tbody tr:hover,
#completion-progress tbody tr:hover {
    background-color: #f9f9fa;
}
.theme-dark .table tbody tr:hover,
.theme-dark .generaltable tbody tr:hover,
.theme-dark .rolecap tbody tr:hover,
.theme-dark .userenrolment tbody tr:hover,
.theme-dark #categoryquestions tbody tr:hover,
.theme-dark .grading-report tbody tr:hover,
.theme-dark .gradereport-grader-table tbody tr:hover,
.theme-dark #completion-progress tbody tr:hover {
    background-color: #0b0d0f;
}
.table .license-status a:hover,
.generaltable .license-status a:hover,
.rolecap .license-status a:hover,
.userenrolment .license-status a:hover,
#categoryquestions .license-status a:hover,
.grading-report .license-status a:hover,
.gradereport-grader-table .license-status a:hover,
#completion-progress .license-status a:hover {
    text-decoration: none;
}
.table .move-down,
.table .move-up,
.table .action-icon,
.table .license-status,
.generaltable .move-down,
.rolecap .move-down,
.generaltable .move-up,
.rolecap .move-up,
.generaltable .action-icon,
.rolecap .action-icon,
.generaltable .license-status,
.rolecap .license-status,
.userenrolment .move-down,
.userenrolment .move-up,
.userenrolment .action-icon,
.userenrolment .license-status,
#categoryquestions .move-down,
#categoryquestions .move-up,
#categoryquestions .action-icon,
#categoryquestions .license-status,
.grading-report .move-down,
.grading-report .move-up,
.grading-report .action-icon,
.grading-report .license-status,
.gradereport-grader-table .move-down,
.gradereport-grader-table .move-up,
.gradereport-grader-table .action-icon,
.gradereport-grader-table .license-status,
#completion-progress .move-down,
#completion-progress .move-up,
#completion-progress .action-icon,
#completion-progress .license-status {
    display: inline-flex;
    margin: 2px;
}
.table .move-down .icon:not(.spacer),
.table .move-up .icon:not(.spacer),
.table .action-icon .icon:not(.spacer),
.table .license-status .icon:not(.spacer),
.generaltable .move-down .icon:not(.spacer),
.rolecap .move-down .icon:not(.spacer),
.generaltable .move-up .icon:not(.spacer),
.rolecap .move-up .icon:not(.spacer),
.generaltable .action-icon .icon:not(.spacer),
.rolecap .action-icon .icon:not(.spacer),
.generaltable .license-status .icon:not(.spacer),
.rolecap .license-status .icon:not(.spacer),
.userenrolment .move-down .icon:not(.spacer),
.userenrolment .move-up .icon:not(.spacer),
.userenrolment .action-icon .icon:not(.spacer),
.userenrolment .license-status .icon:not(.spacer),
#categoryquestions .move-down .icon:not(.spacer),
#categoryquestions .move-up .icon:not(.spacer),
#categoryquestions .action-icon .icon:not(.spacer),
#categoryquestions .license-status .icon:not(.spacer),
.grading-report .move-down .icon:not(.spacer),
.grading-report .move-up .icon:not(.spacer),
.grading-report .action-icon .icon:not(.spacer),
.grading-report .license-status .icon:not(.spacer),
.gradereport-grader-table .move-down .icon:not(.spacer),
.gradereport-grader-table .move-up .icon:not(.spacer),
.gradereport-grader-table .action-icon .icon:not(.spacer),
.gradereport-grader-table .license-status .icon:not(.spacer),
#completion-progress .move-down .icon:not(.spacer),
#completion-progress .move-up .icon:not(.spacer),
#completion-progress .action-icon .icon:not(.spacer),
#completion-progress .license-status .icon:not(.spacer) {
    padding: 6px;
    width: 18px;
    height: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 40px;
    background-color: #eeedef;
    font-size: 0.75rem;
    color: #413c55;
    transition: all 0.2s ease-in-out;
}
.table .move-down:hover,
.table .move-up:hover,
.table .action-icon:hover,
.table .license-status:hover,
.generaltable .move-down:hover,
.rolecap .move-down:hover,
.generaltable .move-up:hover,
.rolecap .move-up:hover,
.generaltable .action-icon:hover,
.rolecap .action-icon:hover,
.generaltable .license-status:hover,
.rolecap .license-status:hover,
.userenrolment .move-down:hover,
.userenrolment .move-up:hover,
.userenrolment .action-icon:hover,
.userenrolment .license-status:hover,
#categoryquestions .move-down:hover,
#categoryquestions .move-up:hover,
#categoryquestions .action-icon:hover,
#categoryquestions .license-status:hover,
.grading-report .move-down:hover,
.grading-report .move-up:hover,
.grading-report .action-icon:hover,
.grading-report .license-status:hover,
.gradereport-grader-table .move-down:hover,
.gradereport-grader-table .move-up:hover,
.gradereport-grader-table .action-icon:hover,
.gradereport-grader-table .license-status:hover,
#completion-progress .move-down:hover,
#completion-progress .move-up:hover,
#completion-progress .action-icon:hover,
#completion-progress .license-status:hover {
    text-decoration: none;
}
.table .move-down:hover:before,
.table .move-up:hover:before,
.table .action-icon:hover:before,
.table .license-status:hover:before,
.generaltable .move-down:hover:before,
.rolecap .move-down:hover:before,
.generaltable .move-up:hover:before,
.rolecap .move-up:hover:before,
.generaltable .action-icon:hover:before,
.rolecap .action-icon:hover:before,
.generaltable .license-status:hover:before,
.rolecap .license-status:hover:before,
.userenrolment .move-down:hover:before,
.userenrolment .move-up:hover:before,
.userenrolment .action-icon:hover:before,
.userenrolment .license-status:hover:before,
#categoryquestions .move-down:hover:before,
#categoryquestions .move-up:hover:before,
#categoryquestions .action-icon:hover:before,
#categoryquestions .license-status:hover:before,
.grading-report .move-down:hover:before,
.grading-report .move-up:hover:before,
.grading-report .action-icon:hover:before,
.grading-report .license-status:hover:before,
.gradereport-grader-table .move-down:hover:before,
.gradereport-grader-table .move-up:hover:before,
.gradereport-grader-table .action-icon:hover:before,
.gradereport-grader-table .license-status:hover:before,
#completion-progress .move-down:hover:before,
#completion-progress .move-up:hover:before,
#completion-progress .action-icon:hover:before,
#completion-progress .license-status:hover:before {
    display: none;
}
.table .move-down:hover .icon:not(.spacer),
.table .move-up:hover .icon:not(.spacer),
.table .action-icon:hover .icon:not(.spacer),
.table .license-status:hover .icon:not(.spacer),
.generaltable .move-down:hover .icon:not(.spacer),
.rolecap .move-down:hover .icon:not(.spacer),
.generaltable .move-up:hover .icon:not(.spacer),
.rolecap .move-up:hover .icon:not(.spacer),
.generaltable .action-icon:hover .icon:not(.spacer),
.rolecap .action-icon:hover .icon:not(.spacer),
.generaltable .license-status:hover .icon:not(.spacer),
.rolecap .license-status:hover .icon:not(.spacer),
.userenrolment .move-down:hover .icon:not(.spacer),
.userenrolment .move-up:hover .icon:not(.spacer),
.userenrolment .action-icon:hover .icon:not(.spacer),
.userenrolment .license-status:hover .icon:not(.spacer),
#categoryquestions .move-down:hover .icon:not(.spacer),
#categoryquestions .move-up:hover .icon:not(.spacer),
#categoryquestions .action-icon:hover .icon:not(.spacer),
#categoryquestions .license-status:hover .icon:not(.spacer),
.grading-report .move-down:hover .icon:not(.spacer),
.grading-report .move-up:hover .icon:not(.spacer),
.grading-report .action-icon:hover .icon:not(.spacer),
.grading-report .license-status:hover .icon:not(.spacer),
.gradereport-grader-table .move-down:hover .icon:not(.spacer),
.gradereport-grader-table .move-up:hover .icon:not(.spacer),
.gradereport-grader-table .action-icon:hover .icon:not(.spacer),
.gradereport-grader-table .license-status:hover .icon:not(.spacer),
#completion-progress .move-down:hover .icon:not(.spacer),
#completion-progress .move-up:hover .icon:not(.spacer),
#completion-progress .action-icon:hover .icon:not(.spacer),
#completion-progress .license-status:hover .icon:not(.spacer) {
    background-color: #d4def8;
    color: #0642cd !important;
}
.theme-dark .table .move-down:hover .icon:not(.spacer),
.theme-dark .table .move-up:hover .icon:not(.spacer),
.theme-dark .table .action-icon:hover .icon:not(.spacer),
.theme-dark .table .license-status:hover .icon:not(.spacer),
.theme-dark .generaltable .move-down:hover .icon:not(.spacer),
.theme-dark .rolecap .move-down:hover .icon:not(.spacer),
.theme-dark .generaltable .move-up:hover .icon:not(.spacer),
.theme-dark .rolecap .move-up:hover .icon:not(.spacer),
.theme-dark .generaltable .action-icon:hover .icon:not(.spacer),
.theme-dark .rolecap .action-icon:hover .icon:not(.spacer),
.theme-dark .generaltable .license-status:hover .icon:not(.spacer),
.theme-dark .rolecap .license-status:hover .icon:not(.spacer),
.theme-dark .userenrolment .move-down:hover .icon:not(.spacer),
.theme-dark .userenrolment .move-up:hover .icon:not(.spacer),
.theme-dark .userenrolment .action-icon:hover .icon:not(.spacer),
.theme-dark .userenrolment .license-status:hover .icon:not(.spacer),
.theme-dark #categoryquestions .move-down:hover .icon:not(.spacer),
.theme-dark #categoryquestions .move-up:hover .icon:not(.spacer),
.theme-dark #categoryquestions .action-icon:hover .icon:not(.spacer),
.theme-dark #categoryquestions .license-status:hover .icon:not(.spacer),
.theme-dark .grading-report .move-down:hover .icon:not(.spacer),
.theme-dark .grading-report .move-up:hover .icon:not(.spacer),
.theme-dark .grading-report .action-icon:hover .icon:not(.spacer),
.theme-dark .grading-report .license-status:hover .icon:not(.spacer),
.theme-dark .gradereport-grader-table .move-down:hover .icon:not(.spacer),
.theme-dark .gradereport-grader-table .move-up:hover .icon:not(.spacer),
.theme-dark .gradereport-grader-table .action-icon:hover .icon:not(.spacer),
.theme-dark .gradereport-grader-table .license-status:hover .icon:not(.spacer),
.theme-dark #completion-progress .move-down:hover .icon:not(.spacer),
.theme-dark #completion-progress .move-up:hover .icon:not(.spacer),
.theme-dark #completion-progress .action-icon:hover .icon:not(.spacer),
.theme-dark #completion-progress .license-status:hover .icon:not(.spacer) {
    background-color: #a19eab;
    color: #eeedef !important;
}
.table .move-down .fa-spacer,
.table .move-up .fa-spacer,
.table .action-icon .fa-spacer,
.table .license-status .fa-spacer,
.generaltable .move-down .fa-spacer,
.rolecap .move-down .fa-spacer,
.generaltable .move-up .fa-spacer,
.rolecap .move-up .fa-spacer,
.generaltable .action-icon .fa-spacer,
.rolecap .action-icon .fa-spacer,
.generaltable .license-status .fa-spacer,
.rolecap .license-status .fa-spacer,
.userenrolment .move-down .fa-spacer,
.userenrolment .move-up .fa-spacer,
.userenrolment .action-icon .fa-spacer,
.userenrolment .license-status .fa-spacer,
#categoryquestions .move-down .fa-spacer,
#categoryquestions .move-up .fa-spacer,
#categoryquestions .action-icon .fa-spacer,
#categoryquestions .license-status .fa-spacer,
.grading-report .move-down .fa-spacer,
.grading-report .move-up .fa-spacer,
.grading-report .action-icon .fa-spacer,
.grading-report .license-status .fa-spacer,
.gradereport-grader-table .move-down .fa-spacer,
.gradereport-grader-table .move-up .fa-spacer,
.gradereport-grader-table .action-icon .fa-spacer,
.gradereport-grader-table .license-status .fa-spacer,
#completion-progress .move-down .fa-spacer,
#completion-progress .move-up .fa-spacer,
#completion-progress .action-icon .fa-spacer,
#completion-progress .license-status .fa-spacer {
    display: none !important;
}
.table span.action-icon,
.generaltable span.action-icon,
.rolecap span.action-icon,
.userenrolment span.action-icon,
#categoryquestions span.action-icon,
.grading-report span.action-icon,
.gradereport-grader-table span.action-icon,
#completion-progress span.action-icon {
    display: none;
}
.table .userpicture,
.generaltable .userpicture,
.rolecap .userpicture,
.userenrolment .userpicture,
#categoryquestions .userpicture,
.grading-report .userpicture,
.gradereport-grader-table .userpicture,
#completion-progress .userpicture {
    margin-right: 0.5rem;
}
#completion-progress .criteriaicon .icon {
    width: 40px;
    height: 40px;
}
table caption {
    font-size: 1.15rem;
    font-weight: 700;
    padding: 0;
    text-align: left;
    caption-side: top;
}
.table-dynamic div:first-of-type {
    overflow-x: auto;
}
.table-dynamic table {
    width: max-content;
}
.table-dynamic .loading-icon {
    position: absolute;
    left: calc(50% - 1.5rem);
    top: 200px;
}
.table-dynamic .loading-icon .icon:not(.spacer) {
    height: 3rem;
    width: 3rem;
    font-size: 3rem;
}
h2 + table {
    margin-top: 1.25rem;
}
#page-admin-tool-task-scheduledtasks .main-content {
    overflow-x: auto;
    position: relative;
}
#page-admin-tool-task-scheduledtasks .generaltable,
#page-admin-tool-task-scheduledtasks .rolecap {
    width: max-content;
}
.main-content .form-inline + .no-overflow {
    margin-top: 1.25rem;
}
#report-eventlist-table {
    overflow-x: auto;
}
#thirdpartylibs .c1,
#thirdpartylibs .c3 {
    font-size: 0.75rem;
    color: #413c55;
}
.theme-dark #thirdpartylibs .c1,
.theme-dark #thirdpartylibs .c3 {
    color: #bdc1c6;
}
#thirdpartylibs .c2 {
    font-family: "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 0.75rem;
    color: #413c55;
}
.theme-dark #thirdpartylibs .c2 {
    color: #bdc1c6;
}
.tag-areas-table .c2 a .icon:not(.spacer),
.fieldslist .table-buttons a .icon:not(.spacer),
#page-admin-tool-filetypes-index .c1 a .icon:not(.spacer),
#page-mod-lesson-edit .generaltable .c0 a .icon:not(.spacer),
#page-mod-lesson-edit .rolecap .c0 a .icon:not(.spacer),
#page-mod-lesson-edit .generaltable .c3 a .icon:not(.spacer),
#page-mod-lesson-edit .rolecap .c3 a .icon:not(.spacer),
#mediaplayerplugins .c4 a .icon:not(.spacer),
#mediaplayerplugins .c5 a .icon:not(.spacer),
#repositoriessetting a .icon:not(.spacer),
#page-admin-tool-oauth2-issuers .generaltable .c4 a .icon:not(.spacer),
#page-admin-tool-oauth2-issuers .rolecap .c4 a .icon:not(.spacer),
#page-admin-tool-oauth2-issuers .generaltable .c5 a .icon:not(.spacer),
#page-admin-tool-oauth2-issuers .rolecap .c5 a .icon:not(.spacer),
.recordauthor a .icon:not(.fa-spacer),
.recordauthor a .icon:not(.spacer),
#compatibleblockstable a .icon:not(.spacer),
#backpacklist a .icon,
#roles a .icon,
#manage-licenses a .icon {
    margin: 1px;
    padding: 7px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 40px;
    background-color: #eeedef;
    font-size: 0.75rem;
    color: #413c55;
    transition: all 0.2s ease-in-out;
}
.theme-dark .tag-areas-table .c2 a .icon:not(.spacer),
.theme-dark .fieldslist .table-buttons a .icon:not(.spacer),
.theme-dark #page-admin-tool-filetypes-index .c1 a .icon:not(.spacer),
.theme-dark #page-mod-lesson-edit .generaltable .c0 a .icon:not(.spacer),
.theme-dark #page-mod-lesson-edit .rolecap .c0 a .icon:not(.spacer),
.theme-dark #page-mod-lesson-edit .generaltable .c3 a .icon:not(.spacer),
.theme-dark #page-mod-lesson-edit .rolecap .c3 a .icon:not(.spacer),
.theme-dark #mediaplayerplugins .c4 a .icon:not(.spacer),
.theme-dark #mediaplayerplugins .c5 a .icon:not(.spacer),
.theme-dark #repositoriessetting a .icon:not(.spacer),
.theme-dark #page-admin-tool-oauth2-issuers .generaltable .c4 a .icon:not(.spacer),
.theme-dark #page-admin-tool-oauth2-issuers .rolecap .c4 a .icon:not(.spacer),
.theme-dark #page-admin-tool-oauth2-issuers .generaltable .c5 a .icon:not(.spacer),
.theme-dark #page-admin-tool-oauth2-issuers .rolecap .c5 a .icon:not(.spacer),
.theme-dark .recordauthor a .icon:not(.fa-spacer),
.theme-dark .recordauthor a .icon:not(.spacer),
.theme-dark #compatibleblockstable a .icon:not(.spacer),
.theme-dark #backpacklist a .icon,
.theme-dark #roles a .icon,
.theme-dark #manage-licenses a .icon {
    filter: invert(1);
}
.tag-areas-table .c2 a:hover,
.fieldslist .table-buttons a:hover,
#page-admin-tool-filetypes-index .c1 a:hover,
#page-mod-lesson-edit .generaltable .c0 a:hover,
#page-mod-lesson-edit .rolecap .c0 a:hover,
#page-mod-lesson-edit .generaltable .c3 a:hover,
#page-mod-lesson-edit .rolecap .c3 a:hover,
#mediaplayerplugins .c4 a:hover,
#mediaplayerplugins .c5 a:hover,
#repositoriessetting a:hover,
#page-admin-tool-oauth2-issuers .generaltable .c4 a:hover,
#page-admin-tool-oauth2-issuers .rolecap .c4 a:hover,
#page-admin-tool-oauth2-issuers .generaltable .c5 a:hover,
#page-admin-tool-oauth2-issuers .rolecap .c5 a:hover,
.recordauthor a:hover,
#compatibleblockstable a:hover,
#backpacklist a:hover,
#roles a:hover,
#manage-licenses a:hover {
    text-decoration: none;
}
.tag-areas-table .c2 a:hover .icon:not(.spacer),
.fieldslist .table-buttons a:hover .icon:not(.spacer),
#page-admin-tool-filetypes-index .c1 a:hover .icon:not(.spacer),
#page-mod-lesson-edit .generaltable .c0 a:hover .icon:not(.spacer),
#page-mod-lesson-edit .rolecap .c0 a:hover .icon:not(.spacer),
#page-mod-lesson-edit .generaltable .c3 a:hover .icon:not(.spacer),
#page-mod-lesson-edit .rolecap .c3 a:hover .icon:not(.spacer),
#mediaplayerplugins .c4 a:hover .icon:not(.spacer),
#mediaplayerplugins .c5 a:hover .icon:not(.spacer),
#repositoriessetting a:hover .icon:not(.spacer),
#page-admin-tool-oauth2-issuers .generaltable .c4 a:hover .icon:not(.spacer),
#page-admin-tool-oauth2-issuers .rolecap .c4 a:hover .icon:not(.spacer),
#page-admin-tool-oauth2-issuers .generaltable .c5 a:hover .icon:not(.spacer),
#page-admin-tool-oauth2-issuers .rolecap .c5 a:hover .icon:not(.spacer),
.recordauthor a:hover .icon:not(.fa-spacer),
.recordauthor a:hover .icon:not(.spacer),
#compatibleblockstable a:hover .icon,
#backpacklist a:hover .icon,
#roles a:hover .icon,
#manage-licenses a:hover .icon {
    background-color: #d4def8;
    color: #0642cd;
}
.theme-dark .tag-areas-table .c2 a:hover .icon:not(.spacer),
.theme-dark .fieldslist .table-buttons a:hover .icon:not(.spacer),
.theme-dark #page-admin-tool-filetypes-index .c1 a:hover .icon:not(.spacer),
.theme-dark #page-mod-lesson-edit .generaltable .c0 a:hover .icon:not(.spacer),
.theme-dark #page-mod-lesson-edit .rolecap .c0 a:hover .icon:not(.spacer),
.theme-dark #page-mod-lesson-edit .generaltable .c3 a:hover .icon:not(.spacer),
.theme-dark #page-mod-lesson-edit .rolecap .c3 a:hover .icon:not(.spacer),
.theme-dark #mediaplayerplugins .c4 a:hover .icon:not(.spacer),
.theme-dark #mediaplayerplugins .c5 a:hover .icon:not(.spacer),
.theme-dark #repositoriessetting a:hover .icon:not(.spacer),
.theme-dark #page-admin-tool-oauth2-issuers .generaltable .c4 a:hover .icon:not(.spacer),
.theme-dark #page-admin-tool-oauth2-issuers .rolecap .c4 a:hover .icon:not(.spacer),
.theme-dark #page-admin-tool-oauth2-issuers .generaltable .c5 a:hover .icon:not(.spacer),
.theme-dark #page-admin-tool-oauth2-issuers .rolecap .c5 a:hover .icon:not(.spacer),
.theme-dark .recordauthor a:hover .icon:not(.fa-spacer),
.theme-dark .recordauthor a:hover .icon:not(.spacer),
.theme-dark #compatibleblockstable a:hover .icon,
.theme-dark #backpacklist a:hover .icon,
.theme-dark #roles a:hover .icon,
.theme-dark #manage-licenses a:hover .icon {
    background-color: #a19eab;
    color: #eeedef;
}
.fieldslist .table-buttons a:hover,
#page-mod-lesson-edit .generaltable .c0 a:hover,
#page-mod-lesson-edit .rolecap .c0 a:hover,
#page-mod-lesson-edit .generaltable .c3 a:hover,
#page-mod-lesson-edit .rolecap .c3 a:hover,
#mediaplayerplugins .c4 a:hover,
#mediaplayerplugins .c5 a:hover,
#page-admin-tool-oauth2-issuers .generaltable .c4 a:hover,
#page-admin-tool-oauth2-issuers .rolecap .c4 a:hover,
#page-admin-tool-oauth2-issuers .generaltable .c5 a:hover,
#page-admin-tool-oauth2-issuers .rolecap .c5 a:hover {
    text-decoration: none;
}
table img.pluginicon {
    padding: 6px;
    margin-right: 0.35rem;
    background-color: #fff;
    border-radius: 7px;
    border: 1px solid #e1e0e4;
}
table img.pluginicon.noicon {
    opacity: 0;
}
.table img.icon:not(.spacer) {
    margin: 0 5px;
}
#mediaplayerplugins .c0 .pluginicon {
    padding: 10px;
    margin-right: 0.35rem;
    background-color: #fff;
    border-radius: 40px;
    border: 1px solid #e1e0e4;
}
.theme-dark #mediaplayerplugins .c0 .pluginicon {
    background-color: #000;
    border-color: #2e3134;
}
#mediaplayerplugins .c2 {
    font-size: 0.75rem;
    color: #413c55;
}
.theme-dark #mediaplayerplugins .c2 {
    color: #bdc1c6;
}
#page-admin-setting-managepaymentgateways .generaltable td a .icon:not(.spacer),
#page-admin-setting-managepaymentgateways .rolecap td a .icon:not(.spacer),
#page-admin-setting-managepaymentgateways .generaltable td a .icon:not(.noicon),
#page-admin-setting-managepaymentgateways .rolecap td a .icon:not(.noicon) {
    margin: 1px;
    padding: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 40px;
    background-color: #eeedef;
    font-size: 0.75rem;
    color: #413c55;
    transition: all 0.2s ease-in-out;
}
.theme-dark #page-admin-setting-managepaymentgateways .generaltable td a .icon:not(.spacer),
.theme-dark #page-admin-setting-managepaymentgateways .rolecap td a .icon:not(.spacer),
.theme-dark #page-admin-setting-managepaymentgateways .generaltable td a .icon:not(.noicon),
.theme-dark #page-admin-setting-managepaymentgateways .rolecap td a .icon:not(.noicon) {
    filter: invert(1);
}
#participants td a .icon:not(.spacer),
#participants td a .icon:not(.noicon),
#modules td a .icon:not(.spacer),
#modules td a .icon:not(.noicon),
.tinymcesubplugins td a .icon:not(.spacer),
.tinymcesubplugins td a .icon:not(.noicon),
#editormanagement td a .icon:not(.spacer),
#editormanagement td a .icon:not(.noicon),
#webserviceprotocols td a .icon:not(.spacer),
#webserviceprotocols td a .icon:not(.noicon),
#courseenrolmentplugins td a .icon:not(.spacer),
#courseenrolmentplugins td a .icon:not(.noicon),
#logstoreplugins td a .icon:not(.spacer),
#logstoreplugins td a .icon:not(.noicon),
#page-admin-setting-managefileconverterplugins .admintable.generaltable td a .icon:not(.spacer),
#page-admin-setting-managefileconverterplugins .admintable.rolecap td a .icon:not(.spacer),
#page-admin-setting-managefileconverterplugins .admintable.generaltable td a .icon:not(.noicon),
#page-admin-setting-managefileconverterplugins .admintable.rolecap td a .icon:not(.noicon),
.managecustomfieldtable td a .icon:not(.spacer),
.managecustomfieldtable td a .icon:not(.noicon),
.manageformattable td a .icon:not(.spacer),
.manageformattable td a .icon:not(.noicon),
#availabilityconditions td a .icon:not(.spacer),
#availabilityconditions td a .icon:not(.noicon),
#manageauthtable td a .icon:not(.spacer),
#manageauthtable td a .icon:not(.noicon),
#antivirusmanagement td a .icon:not(.spacer),
#antivirusmanagement td a .icon:not(.noicon),
#mediaplayerplugins td a .icon:not(.spacer),
#mediaplayerplugins td a .icon:not(.noicon),
.managecontentbanktable td a .icon:not(.spacer),
.managecontentbanktable td a .icon:not(.noicon) {
    margin: 1px;
    padding: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 40px;
    background-color: #eeedef;
    font-size: 0.75rem;
    color: #413c55;
    transition: all 0.2s ease-in-out;
}
.theme-dark #participants td a .icon:not(.spacer),
.theme-dark #participants td a .icon:not(.noicon),
.theme-dark #modules td a .icon:not(.spacer),
.theme-dark #modules td a .icon:not(.noicon),
.theme-dark .tinymcesubplugins td a .icon:not(.spacer),
.theme-dark .tinymcesubplugins td a .icon:not(.noicon),
.theme-dark #editormanagement td a .icon:not(.spacer),
.theme-dark #editormanagement td a .icon:not(.noicon),
.theme-dark #webserviceprotocols td a .icon:not(.spacer),
.theme-dark #webserviceprotocols td a .icon:not(.noicon),
.theme-dark #courseenrolmentplugins td a .icon:not(.spacer),
.theme-dark #courseenrolmentplugins td a .icon:not(.noicon),
.theme-dark #logstoreplugins td a .icon:not(.spacer),
.theme-dark #logstoreplugins td a .icon:not(.noicon),
.theme-dark #page-admin-setting-managefileconverterplugins .admintable.generaltable td a .icon:not(.spacer),
.theme-dark #page-admin-setting-managefileconverterplugins .admintable.rolecap td a .icon:not(.spacer),
.theme-dark #page-admin-setting-managefileconverterplugins .admintable.generaltable td a .icon:not(.noicon),
.theme-dark #page-admin-setting-managefileconverterplugins .admintable.rolecap td a .icon:not(.noicon),
.theme-dark .managecustomfieldtable td a .icon:not(.spacer),
.theme-dark .managecustomfieldtable td a .icon:not(.noicon),
.theme-dark .manageformattable td a .icon:not(.spacer),
.theme-dark .manageformattable td a .icon:not(.noicon),
.theme-dark #availabilityconditions td a .icon:not(.spacer),
.theme-dark #availabilityconditions td a .icon:not(.noicon),
.theme-dark #manageauthtable td a .icon:not(.spacer),
.theme-dark #manageauthtable td a .icon:not(.noicon),
.theme-dark #antivirusmanagement td a .icon:not(.spacer),
.theme-dark #antivirusmanagement td a .icon:not(.noicon),
.theme-dark #mediaplayerplugins td a .icon:not(.spacer),
.theme-dark #mediaplayerplugins td a .icon:not(.noicon),
.theme-dark .managecontentbanktable td a .icon:not(.spacer),
.theme-dark .managecontentbanktable td a .icon:not(.noicon) {
    filter: invert(1);
}
#participants td a:hover,
#modules td a:hover,
.tinymcesubplugins td a:hover,
#editormanagement td a:hover,
#webserviceprotocols td a:hover,
#courseenrolmentplugins td a:hover,
#logstoreplugins td a:hover,
#page-admin-setting-managefileconverterplugins .admintable.generaltable td a:hover,
#page-admin-setting-managefileconverterplugins .admintable.rolecap td a:hover,
.managecustomfieldtable td a:hover,
.manageformattable td a:hover,
#availabilityconditions td a:hover,
#manageauthtable td a:hover,
#antivirusmanagement td a:hover,
#mediaplayerplugins td a:hover,
.managecontentbanktable td a:hover {
    text-decoration: none;
}
.discussion-list td a .icon:not(.spacer),
.discussion-list td a .icon:not(.noicon),
.discussion-list td span .icon:not(.spacer),
.discussion-list td span .icon:not(.noicon) {
    margin: 1px;
    padding: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 40px;
    background-color: #eeedef;
    font-size: 0.75rem;
    color: #413c55;
    transition: all 0.2s ease-in-out;
}
.theme-dark .discussion-list td a .icon:not(.spacer),
.theme-dark .discussion-list td a .icon:not(.noicon),
.theme-dark .discussion-list td span .icon:not(.spacer),
.theme-dark .discussion-list td span .icon:not(.noicon) {
    background-color: #17181b;
    color: #bdc1c6;
}
.discussion-list td a:hover,
.discussion-list td span:hover {
    text-decoration: none;
}
.discussion-list td a:hover .icon:not(.spacer),
.discussion-list td a:hover .icon:not(.noicon),
.discussion-list td span:hover .icon:not(.spacer),
.discussion-list td span:hover .icon:not(.noicon) {
    background-color: #e1e0e4;
}
.theme-dark .discussion-list td a:hover .icon:not(.spacer),
.theme-dark .discussion-list td a:hover .icon:not(.noicon),
.theme-dark .discussion-list td span:hover .icon:not(.spacer),
.theme-dark .discussion-list td span:hover .icon:not(.noicon) {
    background-color: #202124;
}
.discussion-list th span .icon:not(.spacer),
.discussion-list th span .icon:not(.noicon) {
    margin: 1px 1px 1px 5px;
    padding: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #fff1d5;
    border-radius: 40px;
    font-size: 0.75rem;
    color: #413c55;
    width: 18px;
    height: 18px;
}
.theme-dark .discussion-list th span .icon:not(.spacer),
.theme-dark .discussion-list th span .icon:not(.noicon) {
    background-color: #f4a614;
    color: #bdc1c6;
}
#repositoriessetting .c3 .mdl-left br {
    display: none;
}
#page-admin-tool-oauth2-issuers .generaltable .c0 img,
#page-admin-tool-oauth2-issuers .rolecap .c0 img {
    padding: 0.25rem;
    background-color: #fff;
    border-radius: 40px;
    border: 1px solid #e1e0e4;
}
.theme-dark #page-admin-tool-oauth2-issuers .generaltable .c0 img,
.theme-dark #page-admin-tool-oauth2-issuers .rolecap .c0 img {
    background-color: #000;
    border-color: #2e3134;
}
.rolecap .allowmore {
    display: inline-flex;
    margin-left: 4px;
}
.rolecap .allowedroles .allowed {
    background-color: #fff;
    width: inherit;
    margin: 0.25rem 0;
    padding: 1px 1px 1px 10px;
    font-size: 0.875rem;
    border: 1px solid #e1e0e4;
    border-radius: 40px;
}
.theme-dark .rolecap .allowedroles .allowed {
    background-color: #000;
    border-color: #2e3134;
}
.rolecap .forbidden {
    display: inline-flex;
    background-color: #fff;
    width: inherit;
    margin: 0.25rem 0;
    padding: 1px 1px 1px 10px;
    font-size: 0.75rem;
    border: 1px solid #e1e0e4;
    border-radius: 40px;
}
.theme-dark .rolecap .forbidden {
    background-color: #000;
    border-color: #2e3134;
}
.rolecap .allowlink .icon:not(.spacer),
.rolecap .prohibitlink .icon:not(.spacer),
.rolecap .preventlink .icon:not(.spacer),
.rolecap .forbiddenroles .icon:not(.spacer) {
    margin: 1px;
    padding: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 40px;
    background-color: #eeedef;
    font-size: 0.75rem;
    transition: all 0.2s ease-in-out;
}
.rolecap .allowlink:hover,
.rolecap .prohibitlink:hover,
.rolecap .preventlink:hover,
.rolecap .forbiddenroles:hover {
    text-decoration: none;
}
.rolecap .allowlink:hover .icon:not(.spacer),
.rolecap .prohibitlink:hover .icon:not(.spacer),
.rolecap .preventlink:hover .icon:not(.spacer),
.rolecap .forbiddenroles:hover .icon:not(.spacer) {
    background-color: #d4def8;
}
.theme-dark .rolecap .allowlink:hover .icon:not(.spacer),
.theme-dark .rolecap .prohibitlink:hover .icon:not(.spacer),
.theme-dark .rolecap .preventlink:hover .icon:not(.spacer),
.theme-dark .rolecap .forbiddenroles:hover .icon:not(.spacer) {
    background-color: #c3850c;
}
#page-grade-report-overview-index .main-content #overview-grade {
    margin-bottom: 2rem;
}
#page-admin-tool-usertours-configure .admintable .c3 a:hover {
    text-decoration: none;
}
#page-admin-tool-usertours-configure .admintable .c3 a .icon:not(.spacer) {
    margin: 1px;
    padding: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 40px;
    background-color: #eeedef;
    font-size: 0.75rem;
    color: #413c55;
    transition: all 0.2s ease-in-out;
}
.theme-dark #page-admin-tool-usertours-configure .admintable .c3 a .icon:not(.spacer) {
    filter: invert(1);
}
#cohorts p {
    margin-bottom: 0;
}
#cohorts .c5 a:hover,
#cohorts .c6 a:hover {
    text-decoration: none;
}
#cohorts .c5 a .icon:not(.spacer),
#cohorts .c6 a .icon:not(.spacer) {
    margin: 1px;
    padding: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 40px;
    background-color: #eeedef;
    font-size: 0.75rem;
    color: #413c55;
    transition: all 0.2s ease-in-out;
}
.theme-dark #cohorts .c5 a .icon:not(.spacer),
.theme-dark #cohorts .c6 a .icon:not(.spacer) {
    filter: invert(1);
}
#cohorts .c5 a:hover .icon:not(.spacer),
#cohorts .c6 a:hover .icon:not(.spacer) {
    background-color: #d4def8;
    color: #0642cd;
}
.theme-dark #cohorts .c5 a:hover .icon:not(.spacer),
.theme-dark #cohorts .c6 a:hover .icon:not(.spacer) {
    background-color: #0642cd;
    color: #d4def8;
}
#users .c5 a:hover {
    text-decoration: none;
}
#users .c5 a .icon:not(.spacer) {
    margin: 1px;
    padding: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 40px;
    background-color: #eeedef;
    font-size: 0.75rem;
    color: #413c55;
    transition: all 0.2s ease-in-out;
}
.theme-dark #users .c5 a .icon:not(.spacer) {
    filter: invert(1);
}
#users .c5 a:hover .icon:not(.spacer) {
    background-color: #d4def8;
    color: #0642cd;
}
.theme-dark #users .c5 a:hover .icon:not(.spacer) {
    background-color: #0642cd;
    color: #d4def8;
}
#toolmonitorrules_table {
    margin: 1rem 0;
}
#page-admin-tool-monitor-managerules .main-content .no-overflow + a {
    display: inline-flex;
    margin-bottom: 2rem;
}
#page-admin-tool-monitor-managerules .urlselect {
    margin-bottom: 0 !important;
}
#page-admin-tool-monitor-managerules .c1 {
    max-width: 400px;
}
#plugins-control-panel img.pluginicon {
    margin-right: 13px;
}
#page-admin-tool-policy-user .generaltable td,
#page-admin-tool-policy-user .rolecap td {
    font-size: 0.875rem;
}
#tool-policy-managedocs-wrapper {
    margin-top: 30px;
    margin-bottom: 0;
}
#tool-policy-managedocs-wrapper small {
    color: #413c55;
}
#tool-policy-managedocs-wrapper .icon:not(.spacer) {
    margin: 1px;
    padding: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 40px;
    background-color: #eeedef;
    font-size: 0.75rem;
    color: #413c55;
    transition: all 0.2s ease-in-out;
}
.theme-dark #tool-policy-managedocs-wrapper .icon:not(.spacer) {
    background-color: #17181b;
    color: #bdc1c6;
}
#tool-policy-managedocs-wrapper .icon:not(.spacer):hover {
    background-color: #d4def8;
    color: #0642cd;
}
.theme-dark #tool-policy-managedocs-wrapper .icon:not(.spacer):hover {
    background-color: #0642cd;
    color: #d4def8;
}
.groupmanagementtable tr {
    background-color: transparent !important;
}
.groupmanagementtable tr:hover {
    box-shadow: none !important;
}
.groupmanagementtable td {
    padding: 0 !important;
}
.groupmanagementtable td#backcell {
    padding-top: 10px;
}
.groupmanagementtable select {
    min-height: 165px;
}
#page-mod-data-field- table .lastcol,
#page-mod-data-field- .table .lastcol,
#page-mod-data-field- .generaltable .lastcol,
#page-mod-data-field- .rolecap .lastcol,
#page-admin-tool-dataprivacy-defaults table .lastcol,
#page-admin-tool-dataprivacy-defaults .table .lastcol,
#page-admin-tool-dataprivacy-defaults .generaltable .lastcol,
#page-admin-tool-dataprivacy-defaults .rolecap .lastcol,
#page-group-groupings table .lastcol,
#page-group-groupings .table .lastcol,
#page-group-groupings .generaltable .lastcol,
#page-group-groupings .rolecap .lastcol {
    text-align: left !important;
}
#page-mod-data-field- table .lastcol a,
#page-mod-data-field- .table .lastcol a,
#page-mod-data-field- .generaltable .lastcol a,
#page-mod-data-field- .rolecap .lastcol a,
#page-admin-tool-dataprivacy-defaults table .lastcol a,
#page-admin-tool-dataprivacy-defaults .table .lastcol a,
#page-admin-tool-dataprivacy-defaults .generaltable .lastcol a,
#page-admin-tool-dataprivacy-defaults .rolecap .lastcol a,
#page-group-groupings table .lastcol a,
#page-group-groupings .table .lastcol a,
#page-group-groupings .generaltable .lastcol a,
#page-group-groupings .rolecap .lastcol a {
    display: inline-flex;
}
#page-mod-data-field- table .lastcol a .icon:not(.fa-spacer),
#page-mod-data-field- table .lastcol a .icon:not(.spacer),
#page-mod-data-field- .table .lastcol a .icon:not(.fa-spacer),
#page-mod-data-field- .table .lastcol a .icon:not(.spacer),
#page-mod-data-field- .generaltable .lastcol a .icon:not(.fa-spacer),
#page-mod-data-field- .rolecap .lastcol a .icon:not(.fa-spacer),
#page-mod-data-field- .generaltable .lastcol a .icon:not(.spacer),
#page-mod-data-field- .rolecap .lastcol a .icon:not(.spacer),
#page-admin-tool-dataprivacy-defaults table .lastcol a .icon:not(.fa-spacer),
#page-admin-tool-dataprivacy-defaults table .lastcol a .icon:not(.spacer),
#page-admin-tool-dataprivacy-defaults .table .lastcol a .icon:not(.fa-spacer),
#page-admin-tool-dataprivacy-defaults .table .lastcol a .icon:not(.spacer),
#page-admin-tool-dataprivacy-defaults .generaltable .lastcol a .icon:not(.fa-spacer),
#page-admin-tool-dataprivacy-defaults .rolecap .lastcol a .icon:not(.fa-spacer),
#page-admin-tool-dataprivacy-defaults .generaltable .lastcol a .icon:not(.spacer),
#page-admin-tool-dataprivacy-defaults .rolecap .lastcol a .icon:not(.spacer),
#page-group-groupings table .lastcol a .icon:not(.fa-spacer),
#page-group-groupings table .lastcol a .icon:not(.spacer),
#page-group-groupings .table .lastcol a .icon:not(.fa-spacer),
#page-group-groupings .table .lastcol a .icon:not(.spacer),
#page-group-groupings .generaltable .lastcol a .icon:not(.fa-spacer),
#page-group-groupings .rolecap .lastcol a .icon:not(.fa-spacer),
#page-group-groupings .generaltable .lastcol a .icon:not(.spacer),
#page-group-groupings .rolecap .lastcol a .icon:not(.spacer) {
    margin: 1px;
    padding: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 40px;
    background-color: #eeedef;
    font-size: 0.75rem;
    color: #413c55;
    transition: all 0.2s ease-in-out;
}
.theme-dark #page-mod-data-field- table .lastcol a .icon:not(.fa-spacer),
.theme-dark #page-mod-data-field- table .lastcol a .icon:not(.spacer),
.theme-dark #page-mod-data-field- .table .lastcol a .icon:not(.fa-spacer),
.theme-dark #page-mod-data-field- .table .lastcol a .icon:not(.spacer),
.theme-dark #page-mod-data-field- .generaltable .lastcol a .icon:not(.fa-spacer),
.theme-dark #page-mod-data-field- .rolecap .lastcol a .icon:not(.fa-spacer),
.theme-dark #page-mod-data-field- .generaltable .lastcol a .icon:not(.spacer),
.theme-dark #page-mod-data-field- .rolecap .lastcol a .icon:not(.spacer),
.theme-dark #page-admin-tool-dataprivacy-defaults table .lastcol a .icon:not(.fa-spacer),
.theme-dark #page-admin-tool-dataprivacy-defaults table .lastcol a .icon:not(.spacer),
.theme-dark #page-admin-tool-dataprivacy-defaults .table .lastcol a .icon:not(.fa-spacer),
.theme-dark #page-admin-tool-dataprivacy-defaults .table .lastcol a .icon:not(.spacer),
.theme-dark #page-admin-tool-dataprivacy-defaults .generaltable .lastcol a .icon:not(.fa-spacer),
.theme-dark #page-admin-tool-dataprivacy-defaults .rolecap .lastcol a .icon:not(.fa-spacer),
.theme-dark #page-admin-tool-dataprivacy-defaults .generaltable .lastcol a .icon:not(.spacer),
.theme-dark #page-admin-tool-dataprivacy-defaults .rolecap .lastcol a .icon:not(.spacer),
.theme-dark #page-group-groupings table .lastcol a .icon:not(.fa-spacer),
.theme-dark #page-group-groupings table .lastcol a .icon:not(.spacer),
.theme-dark #page-group-groupings .table .lastcol a .icon:not(.fa-spacer),
.theme-dark #page-group-groupings .table .lastcol a .icon:not(.spacer),
.theme-dark #page-group-groupings .generaltable .lastcol a .icon:not(.fa-spacer),
.theme-dark #page-group-groupings .rolecap .lastcol a .icon:not(.fa-spacer),
.theme-dark #page-group-groupings .generaltable .lastcol a .icon:not(.spacer),
.theme-dark #page-group-groupings .rolecap .lastcol a .icon:not(.spacer) {
    background-color: #17181b;
    color: #bdc1c6;
}
#page-mod-data-field- table .lastcol a:hover,
#page-mod-data-field- .table .lastcol a:hover,
#page-mod-data-field- .generaltable .lastcol a:hover,
#page-mod-data-field- .rolecap .lastcol a:hover,
#page-admin-tool-dataprivacy-defaults table .lastcol a:hover,
#page-admin-tool-dataprivacy-defaults .table .lastcol a:hover,
#page-admin-tool-dataprivacy-defaults .generaltable .lastcol a:hover,
#page-admin-tool-dataprivacy-defaults .rolecap .lastcol a:hover,
#page-group-groupings table .lastcol a:hover,
#page-group-groupings .table .lastcol a:hover,
#page-group-groupings .generaltable .lastcol a:hover,
#page-group-groupings .rolecap .lastcol a:hover {
    text-decoration: none;
}
#page-mod-data-field- table .lastcol a:hover .icon:not(.fa-spacer),
#page-mod-data-field- table .lastcol a:hover .icon:not(.spacer),
#page-mod-data-field- .table .lastcol a:hover .icon:not(.fa-spacer),
#page-mod-data-field- .table .lastcol a:hover .icon:not(.spacer),
#page-mod-data-field- .generaltable .lastcol a:hover .icon:not(.fa-spacer),
#page-mod-data-field- .rolecap .lastcol a:hover .icon:not(.fa-spacer),
#page-mod-data-field- .generaltable .lastcol a:hover .icon:not(.spacer),
#page-mod-data-field- .rolecap .lastcol a:hover .icon:not(.spacer),
#page-admin-tool-dataprivacy-defaults table .lastcol a:hover .icon:not(.fa-spacer),
#page-admin-tool-dataprivacy-defaults table .lastcol a:hover .icon:not(.spacer),
#page-admin-tool-dataprivacy-defaults .table .lastcol a:hover .icon:not(.fa-spacer),
#page-admin-tool-dataprivacy-defaults .table .lastcol a:hover .icon:not(.spacer),
#page-admin-tool-dataprivacy-defaults .generaltable .lastcol a:hover .icon:not(.fa-spacer),
#page-admin-tool-dataprivacy-defaults .rolecap .lastcol a:hover .icon:not(.fa-spacer),
#page-admin-tool-dataprivacy-defaults .generaltable .lastcol a:hover .icon:not(.spacer),
#page-admin-tool-dataprivacy-defaults .rolecap .lastcol a:hover .icon:not(.spacer),
#page-group-groupings table .lastcol a:hover .icon:not(.fa-spacer),
#page-group-groupings table .lastcol a:hover .icon:not(.spacer),
#page-group-groupings .table .lastcol a:hover .icon:not(.fa-spacer),
#page-group-groupings .table .lastcol a:hover .icon:not(.spacer),
#page-group-groupings .generaltable .lastcol a:hover .icon:not(.fa-spacer),
#page-group-groupings .rolecap .lastcol a:hover .icon:not(.fa-spacer),
#page-group-groupings .generaltable .lastcol a:hover .icon:not(.spacer),
#page-group-groupings .rolecap .lastcol a:hover .icon:not(.spacer) {
    background-color: #d4def8;
    color: #0642cd;
}
.theme-dark #page-mod-data-field- table .lastcol a:hover .icon:not(.fa-spacer),
.theme-dark #page-mod-data-field- table .lastcol a:hover .icon:not(.spacer),
.theme-dark #page-mod-data-field- .table .lastcol a:hover .icon:not(.fa-spacer),
.theme-dark #page-mod-data-field- .table .lastcol a:hover .icon:not(.spacer),
.theme-dark #page-mod-data-field- .generaltable .lastcol a:hover .icon:not(.fa-spacer),
.theme-dark #page-mod-data-field- .rolecap .lastcol a:hover .icon:not(.fa-spacer),
.theme-dark #page-mod-data-field- .generaltable .lastcol a:hover .icon:not(.spacer),
.theme-dark #page-mod-data-field- .rolecap .lastcol a:hover .icon:not(.spacer),
.theme-dark #page-admin-tool-dataprivacy-defaults table .lastcol a:hover .icon:not(.fa-spacer),
.theme-dark #page-admin-tool-dataprivacy-defaults table .lastcol a:hover .icon:not(.spacer),
.theme-dark #page-admin-tool-dataprivacy-defaults .table .lastcol a:hover .icon:not(.fa-spacer),
.theme-dark #page-admin-tool-dataprivacy-defaults .table .lastcol a:hover .icon:not(.spacer),
.theme-dark #page-admin-tool-dataprivacy-defaults .generaltable .lastcol a:hover .icon:not(.fa-spacer),
.theme-dark #page-admin-tool-dataprivacy-defaults .rolecap .lastcol a:hover .icon:not(.fa-spacer),
.theme-dark #page-admin-tool-dataprivacy-defaults .generaltable .lastcol a:hover .icon:not(.spacer),
.theme-dark #page-admin-tool-dataprivacy-defaults .rolecap .lastcol a:hover .icon:not(.spacer),
.theme-dark #page-group-groupings table .lastcol a:hover .icon:not(.fa-spacer),
.theme-dark #page-group-groupings table .lastcol a:hover .icon:not(.spacer),
.theme-dark #page-group-groupings .table .lastcol a:hover .icon:not(.fa-spacer),
.theme-dark #page-group-groupings .table .lastcol a:hover .icon:not(.spacer),
.theme-dark #page-group-groupings .generaltable .lastcol a:hover .icon:not(.fa-spacer),
.theme-dark #page-group-groupings .rolecap .lastcol a:hover .icon:not(.fa-spacer),
.theme-dark #page-group-groupings .generaltable .lastcol a:hover .icon:not(.spacer),
.theme-dark #page-group-groupings .rolecap .lastcol a:hover .icon:not(.spacer) {
    background-color: #0642cd;
    color: #d4def8;
}
.admintable .lastcol a:hover,
.profilefield .lastcol a:hover {
    text-decoration: none;
}
.admintable .lastcol a .icon,
.profilefield .lastcol a .icon {
    margin: 1px;
    padding: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 40px;
    background-color: #eeedef;
    font-size: 0.75rem;
    color: #413c55;
    transition: all 0.2s ease-in-out;
}
.theme-dark .admintable .lastcol a .icon,
.theme-dark .profilefield .lastcol a .icon {
    filter: invert(1);
}
.admintable .lastcol a:hover .icon,
.profilefield .lastcol a:hover .icon {
    background-color: #d4def8;
    color: #0642cd;
}
.theme-dark .admintable .lastcol a:hover .icon,
.theme-dark .profilefield .lastcol a:hover .icon {
    background-color: #0642cd;
    color: #d4def8;
}
.tool_policy-user_agreement-actions {
    margin-left: 0.35rem;
}
.tool_policy-user_agreement-actions a {
    padding: 0.25rem 0.35rem;
}
.tool_policy-user_agreement-actions a small {
    font-size: 0.875rem;
    font-weight: 500;
}
.tool_policy-user_agreement-status {
    margin-left: 0.25rem;
    font-size: 0.875rem;
    font-weight: 500;
}
#page-report-outline-index .section td {
    text-align: left;
}
#page-report-outline-index td.numviews {
    text-align: left;
}
#assigningrole tr {
    background-color: transparent;
}
#assigningrole tr:hover {
    box-shadow: none;
}
.toolmonitor .c1 {
    max-width: 400px;
}
#page-admin-tool-monitor-index .singleselect + h3 {
    margin: 1rem 0;
}
#page-admin-tool-monitor-index .no-overflow + div {
    margin-top: 1rem;
}
#page-admin-tool-policy-acceptances .colselect {
    width: auto;
}
#showentrytable .userpic {
    min-width: 150px;
}
[data-region="plans"] .float-left {
    float: none !important;
}
.path-admin-tool-lp [data-region] .generaltable.fullwidth,
.path-admin-tool-lp [data-region] .fullwidth.rolecap {
    margin: 2rem 0;
}
.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 {
    width: calc(100% - 40px);
    display: inline-flex;
    padding: 0;
}
.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: #ece6ed;
}
.theme-dark .path-admin-tool-lp [data-region="competencylinktree"] ul [aria-selected="true"] > span,
.theme-dark .path-badges [data-region="competencylinktree"] ul [aria-selected="true"] > span,
.theme-dark .path-admin-tool-lp [data-region="competencymovetree"] ul [aria-selected="true"] > span,
.theme-dark .path-admin-tool-lp [data-region="plans"] ul [aria-selected="true"] > span,
.theme-dark .path-admin-tool-lp [data-region="managecompetencies"] ul [aria-selected="true"] > span {
    background-color: #28002b;
}
.path-admin-tool-lp [data-region="managecompetencies"] ul li:focus {
    outline: none;
}
.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd .competency-tree li img,
.path-admin-tool-lp [data-region="managecompetencies"] ul li img {
    padding: 8px;
    width: 26px;
}
.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd .competency-tree li ul li,
.path-admin-tool-lp [data-region="managecompetencies"] ul li ul li {
    font-size: 0.875rem;
}
.path-admin-tool-lp [data-region="filtercompetencies"] input {
    margin: 0;
}
#id_parentcompetencybutton {
    padding: 10px;
    background-color: #f9f9fa;
    border-radius: 40px;
    color: #090223;
    font-size: 0.875rem;
}
.theme-dark #id_parentcompetencybutton {
    background-color: #17181b;
    color: #bdc1c6;
}
#id_parentcompetencybutton .icon {
    margin: 0;
}
#id_parentcompetencybutton:hover {
    background-color: #ece6ed;
    color: #420047;
}
.theme-dark #id_parentcompetencybutton:hover {
    background-color: #28002b;
    color: #d9ccda;
}
.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd ul li:focus {
    outline: none;
}
#page-report-progress-index .modicon .icon {
    width: 30px;
    height: 30px;
    font-size: 30px;
}
#page-report-progress-index .rotated-text-container {
    width: auto;
}
#page-report-progress-index .rotated-text {
    display: inline-flex;
    transform: none;
}
#page-report-progress-index .rotated-text:after {
    margin-top: 0;
}
#page-report-progress-index .completion-header {
    padding: 0;
}
#page-report-progress-index .urlselect {
    margin: 0 !important;
}
#page-report-progress-index .include-activity-selector {
    margin: 0 !important;
}
#page-report-progress-index .activity-order-selector {
    margin: 0 0 0 2rem !important;
}
#page-report-progress-index #page .initialbar {
    margin: 10px 0 !important;
}
table.surveytable {
    width: 100%;
    margin-bottom: 2rem;
}
#explaincaps .rolecapheading {
    background-color: #eeedef;
    font-size: 1rem;
}
.theme-dark #explaincaps .rolecapheading {
    background-color: #17181b;
}
#explaincaps .cap-name {
    color: #a19eab;
}
.theme-dark #explaincaps .cap-name {
    color: #9aa0a6;
}
.webservicestokenui {
    padding-top: 0 !important;
}
.webservicestokenui div {
    margin-bottom: 1rem;
}
#webservicetokens .missingcaps {
    max-width: 300px;
    font-size: 0.75rem;
    color: #413c55;
}
.theme-dark #webservicetokens .missingcaps {
    color: #bdc1c6;
}
#builtinservices {
    margin-bottom: 2rem;
}
#onesystemcontrol .description,
#userasclients .description {
    max-width: 600px;
}
#page-admin-tool-messageinbound-index .handler-function {
    padding: 0;
    font-size: 0.75rem;
}
.messageinboundhandlers td {
    vertical-align: top;
}
#backpacklist caption {
    font-size: 1rem;
    margin-top: 2rem;
    margin-bottom: 0.5rem;
}
#predictionmodelslist {
    margin-top: 30px;
}
#rssfeeds {
    width: 100%;
    margin-bottom: 1rem;
}
#rssfeeds .title {
    font-size: 1.15rem;
}
#rssfeeds .url {
    font-size: 0.875rem;
    font-weight: 500;
}
#rssfeeds .description {
    margin-top: 0.5rem;
    font-size: 1rem;
}
#completion-progress .icon {
    width: 30px;
    height: 30px;
}
#completion-progress th[scope="row"],
#completion-progress .completion-sortchoice {
    position: sticky;
    top: 0;
    left: 0;
    z-index: 3;
    background-color: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(7px);
}
#page-report-progress-index #completion-progress th,
#page-report-progress-index #completion-progress td {
    min-width: 140px;
    width: 140px;
}
#page-report-progress-index #completion-progress th a,
#page-report-progress-index #completion-progress td a {
    display: block;
    text-align: left;
}
#page-report-progress-index #completion-progress td {
    padding: 10px;
}
#page-report-progress-index #completion-progress tbody th,
#page-report-progress-index #completion-progress tbody td {
    vertical-align: middle;
}
#page-report-progress-index .rotated-text {
    margin: 0 0 0 10px;
    display: block;
    font-size: 0.75rem;
    line-height: 1.3;
    transform: none;
    white-space: normal;
    word-break: break-word;
}
#page-report-progress-index .rotated-text-container {
    display: block;
}
#page-report-progress-index .modicon {
    padding-top: 0;
}
#page-report-progress-index .modicon .icon {
    margin: 0 0 0 10px;
    width: 30px;
    height: 30px;
}
.theme-dark #page-report-progress-index .modicon .icon {
    filter: invert(0.9);
}
#page-report-progress-index.theme-dark .modicon .icon {
    filter: invert(0.9);
}
.completion-expired .completion-expected {
    display: inline-flex;
    align-items: center;
    padding: 0.3rem 0.65rem;
    margin-top: 1rem;
    font-size: 0.75rem;
    font-weight: 500;
    text-align: left;
    border-radius: 40px;
    background-color: #eef8ff;
    color: #406cd2;
}
.theme-dark .completion-expired .completion-expected {
    background-color: #406cd2;
    color: #eef8ff;
}
.completion-header {
    min-width: 100px;
    max-width: 100px;
}
.completion-header a {
    display: flow-root;
}
#completion-progress .completion-progresscell a {
    display: flex !important;
    align-content: center;
    justify-content: center;
}
#page-report-progress-index #completion-progress thead th a,
#page-report-progress-index #completion-progress thead td a {
    display: inline-flex;
    width: 100%;
    flex-direction: row-reverse;
    justify-content: start;
    align-items: center;
}
#outlinetable .activity .icon {
    display: block;
    margin-right: 10px;
    margin-bottom: 0.35rem;
    width: 40px;
    height: 40px;
}
#outlinetable td {
    min-width: 200px;
}
#roles .c1 {
    max-width: 260px;
    font-size: 0.75rem;
    color: #413c55;
}
.theme-dark #roles .c1 {
    color: #bdc1c6;
}
.iconsort {
    margin: 2px;
    width: 30px;
    height: 30px;
    background-color: #f9f9fa;
    border-radius: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.theme-dark .iconsort {
    background-color: #17181b;
}
.iconsort:hover {
    background-color: #ece6ed;
}
.theme-dark .iconsort:hover {
    background-color: #28002b;
}
.toolmonitor {
    margin-top: 1rem;
}
#page-admin-tool-monitor-index .main-content .singleselect {
    margin-bottom: 1rem;
}
.theme-dark table th,
.theme-dark table td {
    border-color: #2e3134;
}
.theme-dark table th img.icon,
.theme-dark table td img.icon {
    filter: invert(1);
}
.singlebutton {
    display: inline-block;
}
.singlebutton + .singlebutton {
    margin-left: 0.5rem;
}
.singlebutton + .btn-link,
[data-fieldtype="submit"] .singlebutton + a,
.cancel .singlebutton + a,
#page-mod-quiz-report .singlebutton + .gradetheselink {
    margin-left: 0.35rem;
}
.continuebutton {
    text-align: right;
}
p.arrow_button {
    margin-top: 5em;
    text-align: center;
}
#addcontrols {
    margin-top: 38px;
    text-align: center;
}
#addcontrols label {
    display: inline;
}
#removecontrols {
    margin-top: 10px;
}
#addcontrols input,
#removecontrols input {
    width: 100%;
    margin: auto;
}
.btn-lineup {
    margin: 0 0 10px 5px;
}
.btn.btn-icon {
    height: 40px;
    width: 40px;
    font-size: 20px;
    line-height: 20px;
    padding: 0;
    border-radius: 40px;
    flex-shrink: 0;
}
.action-menu .btn.btn-icon {
    width: auto;
    padding: 0.75rem 1.25rem;
    font-size: 0.875rem;
}
.sticky-header-settings-menu .btn.btn-icon,
#headerBtn .btn.btn-icon {
    padding: 0;
    height: 40px;
    width: 40px;
}
.rui-activity-actions .btn.btn-icon {
    width: auto;
    height: 40px;
    padding: 0 1rem;
    font-size: 0.875rem;
}
.rui-activity-actions .btn.btn-icon:hover,
.rui-activity-actions .btn.btn-icon:focus {
    background-color: #eeedef;
}
.theme-dark .rui-activity-actions .btn.btn-icon:hover,
.theme-dark .rui-activity-actions .btn.btn-icon:focus {
    background-color: #17181b;
}
.btn.btn-icon.icon-size-0 {
    height: 20px !important;
    width: 20px !important;
    font-size: 0 !important;
    line-height: 0 !important;
}
.btn.btn-icon.icon-size-1 {
    height: 25px !important;
    width: 25px !important;
    font-size: 5px !important;
    line-height: 5px !important;
}
.btn.btn-icon.icon-size-2 {
    height: 30px !important;
    width: 30px !important;
    font-size: 10px !important;
    line-height: 10px !important;
}
.btn.btn-icon.icon-size-3 {
    height: 40px !important;
    width: 40px !important;
    font-size: 20px !important;
    line-height: 20px !important;
}
.btn.btn-icon.icon-size-4 {
    height: 50px !important;
    width: 50px !important;
    font-size: 30px !important;
    line-height: 30px !important;
}
.btn.btn-icon.icon-size-5 {
    height: 60px !important;
    width: 60px !important;
    font-size: 40px !important;
    line-height: 40px !important;
}
.btn.btn-icon.icon-size-6 {
    height: 70px !important;
    width: 70px !important;
    font-size: 50px !important;
    line-height: 50px !important;
}
.btn.btn-icon.icon-size-7 {
    height: 80px !important;
    width: 80px !important;
    font-size: 60px !important;
    line-height: 60px !important;
}
.btn-icon--xs {
    width: 30px;
    height: 30px;
    font-size: 20px;
    line-height: 20px;
    padding: 0;
    border-radius: 50%;
    flex-shrink: 0;
}
.btn-icon--xs:hover,
.btn-icon--xs:focus {
    background-color: #eeedef;
}
.theme-dark .btn-icon--xs:hover,
.theme-dark .btn-icon--xs:focus {
    background-color: #17181b;
}
.btn--topbar {
    color: #413c55;
}
.theme-dark .btn--topbar {
    color: #bdc1c6;
}
.btn--topbar:hover {
    background-color: #f9f9fa;
    color: #090223;
}
.theme-dark .btn--topbar:hover {
    background-color: #0b0d0f;
    color: #e8eaed;
}
.settings-menu form {
    margin: 0;
}
.btn .loading-icon img {
    width: 14px;
    height: 14px;
}
.gradetreebox h4 {
    font-size: 1rem;
}
.gradetreebox th.cell,
.gradetreebox input[type="text"] {
    min-width: 120px;
}
.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 {
    overflow-x: visible;
    min-width: 100%;
    width: auto;
    display: inline-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 .gradeparent .user.cell .username {
    display: inline-flex;
    align-items: center;
}
.path-grade-report-grader .gradeparent .user.cell .username .userinitials {
    margin-right: 0.35rem;
}
.path-grade-report-grader .gradeparent .user.cell .userpicture {
    display: flex;
}
.path-grade-report-grader .gradepass,
.path-grade-report-user .gradepass {
    color: #420047;
}
.path-grade-report-grader .gradefail,
.path-grade-report-user .gradefail {
    color: #ef1010;
}
#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: flex;
    gap: 10px;
    border: 1px solid #e1e0e4;
    border-radius: 7px;
    padding: 20px;
    margin: 1rem 0 30px;
}
#page-grade-grading-manage .actions .action {
    padding: 0.6rem 1rem;
    font-size: 0.75rem;
}
#page-grade-grading-manage .actions .action .action-text {
    position: relative;
    font-size: 0.875rem;
    white-space: normal;
}
#page-grade-grading-manage .actions .action .icon {
    display: none;
}
#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: #c6b3c8;
}
.gradingform_rubric.evaluate .criterion .levels .level.checked {
    border: none;
    border-left: 1px solid #e1e0e4;
}
.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 {
    position: relative;
    margin-top: 10px;
    margin-right: 10px;
    color: #420047;
}
.gradingform_rubric .criterion .score input {
    margin-bottom: 0;
}
.gradingform_rubric .criterion .level {
    vertical-align: top;
    padding: 6px;
}
.gradingform_rubric .criterion .level.currentchecked {
    background: #ece6ed;
}
.gradingform_rubric .criterion .level.checked {
    background: #c6b3c8;
    border: 1px solid #e1e0e4;
}
.gradingform_rubric .criterion .level .delete {
    position: relative;
    width: 40px;
    height: 40px;
    margin-top: 5px;
}
.gradingform_rubric .criterion .level .delete input {
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    height: 40px;
    width: 40px;
    border-radius: 7px;
    margin: 0;
}
.gradingform_rubric .criterion .level .delete input:hover {
    background-color: #fbc8c8;
}
.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 .criterion .addlevel {
    vertical-align: top;
    padding-top: 6px;
}
.gradingform_rubric .criterion .addlevel input {
    height: 30px;
    line-height: 1rem;
}
.gradingform_rubric .addcriterion {
    margin-left: 5px;
    padding: 0;
    margin-bottom: 1em;
}
.gradingform_rubric .addcriterion input {
    margin: 0;
    color: inherit;
    text-shadow: inherit;
    border: 0 none;
    line-height: inherit;
    background: transparent url(/theme/image.php/alpha/core/1668532694/t/add) no-repeat 7px 8px;
    padding-left: 26px;
}
.gradingform_rubric .options {
    clear: both;
}
.gradingform_rubric .options .option label {
    margin: 0;
    padding: 0;
    font-size: inherit;
    font-weight: 400;
    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 .setup-grades h4 {
    margin: 0;
}
.path-grade-edit-tree .setup-grades .column-rowspan {
    padding: 0;
    width: 24px;
    min-width: 24px;
    max-width: 24px;
}
.path-grade-edit-tree .setup-grades .category td.column-name {
    padding-left: 0;
}
.path-grade-edit-tree .setup-grades td.column-name {
    padding-left: 24px;
}
.path-grade-edit-tree .setup-grades td.movehere {
    padding: 0;
}
.path-grade-edit-tree .setup-grades td.movehere a.movehere {
    display: block;
    width: 100%;
    height: 2rem;
    border: 2px dashed #413c55;
}
.path-grade-edit-tree .setup-grades .category input[type="text"],
.path-grade-edit-tree .setup-grades .category .column-range,
.path-grade-edit-tree .setup-grades .categoryitem,
.path-grade-edit-tree .setup-grades .courseitem {
    font-weight: 700;
}
.path-grade-edit-tree .setup-grades .emptyrow {
    display: none;
}
.path-grade-edit-tree .setup-grades .gradeitemdescription {
    padding-left: 14px;
}
.path-grade-edit-tree .setup-grades .column-weight {
    white-space: nowrap;
}
.path-grade-edit-tree .setup-grades .column-weight.level3 {
    padding-left: 37px;
}
.path-grade-edit-tree .setup-grades .column-weight.level4 {
    padding-left: 66px;
}
.path-grade-edit-tree .setup-grades .column-weight.level5 {
    padding-left: 95px;
}
.path-grade-edit-tree .setup-grades .column-weight.level6 {
    padding-left: 124px;
}
.path-grade-edit-tree .setup-grades .column-weight.level7 {
    padding-left: 153px;
}
.path-grade-edit-tree .setup-grades .column-weight.level8 {
    padding-left: 182px;
}
.path-grade-edit-tree .setup-grades .column-weight.level9 {
    padding-left: 211px;
}
.path-grade-edit-tree .setup-grades .column-weight.level10 {
    padding-left: 240px;
}
.path-grade-edit-tree .setup-grades .column-range.level2 {
    padding-left: 37px;
}
.path-grade-edit-tree .setup-grades .column-range.level3 {
    padding-left: 66px;
}
.path-grade-edit-tree .setup-grades .column-range.level4 {
    padding-left: 95px;
}
.path-grade-edit-tree .setup-grades .column-range.level5 {
    padding-left: 124px;
}
.path-grade-edit-tree .setup-grades .column-range.level6 {
    padding-left: 153px;
}
.path-grade-edit-tree .setup-grades .column-range.level7 {
    padding-left: 182px;
}
.path-grade-edit-tree .setup-grades .column-range.level8 {
    padding-left: 211px;
}
.path-grade-edit-tree .setup-grades .column-range.level9 {
    padding-left: 240px;
}
.path-grade-edit-tree .setup-grades .column-range.level10 {
    padding-left: 269px;
}
.path-grade-edit-tree .setup-grades.generaltable .levelodd,
.path-grade-edit-tree .setup-grades.rolecap .levelodd {
    background-color: rgba(0, 0, 0, 0.025);
}
.column-name .gradeitemheader,
.column-itemname .gradeitemheader {
    display: flex;
    align-items: center;
}
.column-name .gradeitemheader .icon.itemicon,
.column-itemname .gradeitemheader .icon.itemicon {
    margin-right: 0.5rem;
    width: 30px;
    height: 30px;
}
.column-name .gradeitemheader {
    margin-left: 3px;
}
.path-grade-report-grader .gradeparent {
    max-width: 1260px;
    width: 90vw;
    overflow-x: auto;
}
.path-grade-report-grader .gradeparent .cell.category a,
.path-grade-report-grader .gradeparent .heading .cell a {
    display: contents;
}
.path-grade-report-grader .gradeparent table {
    border-radius: 7px;
}
.path-grade-report-grader .gradeparent tr .cell,
.path-grade-report-grader .gradeparent .floater .cell {
    background-color: #fff;
}
.path-grade-report-grader .gradeparent table,
.path-grade-report-grader .gradeparent .cell {
    border-color: #e1e0e4;
}
.path-grade-report-grader .gradeparent .userrow.odd .cell,
.path-grade-report-grader .gradeparent .floater .cell.odd,
.path-grade-report-grader .gradeparent .heading .cell,
.path-grade-report-grader .gradeparent .cell.category,
.path-grade-report-grader .gradeparent .avg .cell {
    background-color: #f9f9fa;
}
.path-grade-report-grader .gradeparent table .clickable {
    cursor: pointer;
}
.theme-dark.path-grade-report-grader .gradeparent tr .cell,
.theme-dark.path-grade-report-grader .gradeparent .floater .cell {
    background-color: #e8eaed;
}
.theme-dark.path-grade-report-grader .gradeparent table,
.theme-dark.path-grade-report-grader .gradeparent .cell {
    border-color: #2e3134;
}
.theme-dark.path-grade-report-grader .gradeparent tr.heading {
    position: sticky;
    top: 0vh;
    z-index: 1;
}
.theme-dark.path-grade-report-grader .gradeparent tr.lastrow {
    position: sticky;
    bottom: 0;
    z-index: 1;
}
.theme-dark.path-grade-report-grader .gradeparent tr.lastrow td,
.theme-dark.path-grade-report-grader .gradeparent tr.lastrow th {
    border-top: 1px solid #e1e0e4;
}
.theme-dark.path-grade-report-grader .gradeparent th.header {
    position: sticky;
    left: -3rem;
}
.theme-dark.path-grade-report-grader .gradeparent td.noborder {
    border-right: transparent;
}
.theme-dark.path-grade-report-grader .show-drawer-left .gradeparent th.header {
    left: -1rem;
}
.path-grade-report-user .user-grade {
    border: none;
}
.path-grade-report-user .user-grade.generaltable .levelodd,
.path-grade-report-user .user-grade.rolecap .levelodd {
    background-color: rgba(0, 0, 0, 0.025);
}
.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 {
    direction: ltr;
}
.path-grade-report-singleview input[name^="finalgrade"] {
    width: 80px;
}
.scale_options {
    font-size: 0.8rem;
    color: #413c55;
}
.path-grade-report-grader .gradeitemheader {
    margin-right: 0.5rem;
    line-height: 2.2;
}
.usp-results-count {
    padding: 0.5rem 0;
    font-size: 0.875rem;
    font-weight: 700;
    text-align: left;
}
.gradereport_history_usp .usp-finish {
    padding: 7px 0 0;
}
.gradereport_history_usp .usp-finish input {
    width: 100%;
}
.gradereport_history_usp .usp-search-field {
    text-align: left;
}
.gradereport_history_usp .usp-search {
    text-align: left;
}
.gradereport_history_usp .usp-search input {
    width: auto;
    display: inline-flex;
}
.gradereport_history_usp .usp-search input[type="submit"] {
    margin-left: 0.35rem;
}
.gradereport_history_usp .usp-user .details {
    font-size: 0.875rem;
}
.gradereport_history_usp .usp-user .details .userpicture {
    border-radius: 7px;
}
.gradereport_history_usp .usp-user .details .fullname label {
    font-weight: 700;
}
#page-grade-grading-pick .templatesearchform {
    margin-bottom: 2rem;
}
#page-grade-grading-pick h2 + .singlebutton {
    margin-top: 1rem;
}
#page-grade-grading-form-rubric-edit .options,
.gradingform_guide .options {
    margin-top: 2rem;
    padding: 1rem 1.25rem;
    background-color: #f9f9fa;
    border-radius: 7px;
}
.gradingform_guide .options .optionsheading {
    padding-bottom: 1rem;
    font-size: 0.875rem;
}
.gradingform_guide .options .option label {
    margin-bottom: 0;
}
.gradingform_guide .commentheader {
    margin-top: 2rem;
}
.gradingform_guide .criterion label {
    font-size: 0.875rem;
    margin: 1rem 0 0.5rem 0;
}
.gradingform_rubric {
    width: 100%;
    overflow-x: auto;
}
#rubric-rubric.gradingform_rubric #rubric-criteria .criterion .scorevalue input,
.gradingform_guide .criterion .description .criterionmaxscore input {
    width: 100% !important;
}
.gradingform_rubric .criterion .levels .level .score {
    font-size: 0.875rem;
    font-style: normal;
    white-space: normal;
    color: #027654;
}
.gradingform_guide.editor .criterion .controls .delete input,
.gradingform_guide.editor .moveup input,
.gradingform_guide.editor .movedown input,
.gradingform_rubric.editor .criterion .controls .delete input,
.gradingform_rubric.editor .criterion .controls .duplicate input,
.gradingform_rubric.editor .movedown input,
.gradingform_rubric.editor .moveup input {
    background-color: #f9f9fa;
    border-radius: 7px;
    margin: 0.25rem;
}
.gradingform_rubric.editor .levels .level .delete input,
.gradingform_rubric.editor .criterion .controls .delete input,
.gradingform_guide.editor .criterion .controls .delete input {
    width: 40px;
    height: 40px;
    background: #feeded url(/theme/image.php/alpha/theme/1668532694/mod/workshop/userplan/task-fail) no-repeat center center;
}
.gradingform_rubric.editor .levels .level .delete input:hover,
.gradingform_rubric.editor .criterion .controls .delete input:hover,
.gradingform_guide.editor .criterion .controls .delete input:hover {
    background: #fbc8c8 url(/theme/image.php/alpha/theme/1668532694/mod/workshop/userplan/task-fail) no-repeat center center;
}
.gradingform_rubric.editor .moveup input,
.gradingform_guide.editor .moveup input {
    width: 40px;
    height: 40px;
    background: #f9f9fa url(/theme/image.php/alpha/theme/1668532694/alpha/icon-arrow-up) no-repeat center center;
}
.gradingform_rubric.editor .movedown input,
.gradingform_guide.editor .movedown input {
    width: 40px;
    height: 40px;
    background: #f9f9fa url(/theme/image.php/alpha/theme/1668532694/alpha/icon-arrow-down) no-repeat center center;
}
.gradingform_rubric.editor .criterion .controls .duplicate input {
    width: 40px;
    height: 40px;
    background: #f9f9fa url(/theme/image.php/alpha/theme/1668532694/alpha/icon-copy) no-repeat center center;
}
#rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input,
#rubric-rubric.gradingform_rubric .addcriterion,
#rubric-rubric.gradingform_rubric .addcriterion input,
.gradingform_rubric.editor .addlevel input,
.gradingform_guide.editor .addcriterion input,
.gradingform_guide.editor .addcomment input {
    background-image: none;
    margin: 0.5rem 0;
    height: auto;
    line-height: inherit;
}
#rubric-rubric.gradingform_rubric .addcriterion input {
    padding-left: 15px;
    padding-right: 15px;
}
.gradingform_rubric .plainvalue.empty,
.gradingform_guide .plainvalue.editname,
.gradingform_guide .plainvalue.empty {
    background: #fdf6ea url(/theme/image.php/alpha/theme/1668532694/alpha/icon-edit) no-repeat 20px;
    background-size: 14px;
    padding: 10px 10px 10px 50px;
    font-size: 0.875rem;
    font-style: normal;
    color: #413c55;
}
.gradingform_guide .plainvalue.editname {
    font-size: 1rem;
}
#rubric-rubric.gradingform_rubric #rubric-criteria .criterion .scorevalue input.hiddenelement,
#rubric-rubric.gradingform_rubric #rubric-criteria .criterion .scorevalue input.pseudotablink,
.gradingform_guide.editor .pseudotablink {
    height: 0;
}
.gradingform_rubric .criterion.even,
.gradingform_guide .criterion.even {
    background: transparent;
}
.gradingform_rubric .criterion {
    border-width: 0 0 2px 0;
    border-color: #e1e0e4;
    border-style: solid;
}
.gradingform_guide.editor .criterion .description {
    padding: 1rem;
}
.gradingform_guide.editor .criterion .controls {
    padding: 0;
}
#guide-comments textarea,
#guide-criteria textarea {
    min-height: 100px;
}
.path-mod-assign .quickgrade {
    display: inline-flex;
    width: auto;
}
.path-mod-assign tr.unselectedrow td.c7 {
    font-size: 0.75rem;
}
.path-mod-assign tr.unselectedrow td.c8 {
    max-width: 320px;
    font-size: 0.75rem;
}
.grade-navigation {
    margin-top: 30px;
    margin-bottom: 30px;
}
.rui-grader-toolbar .active {
    background-color: #ece6ed;
}
#guide-criteria label {
    padding-top: 1rem;
    display: block;
    border-top: 1px solid #e1e0e4;
    color: #413c55;
}
#guide-criteria .criteriondescriptionmarkers {
    width: auto;
}
.gradingform_rubric_editform .status,
.gradingform_guide_editform .status {
    display: inline-flex;
    align-items: center;
    padding: 0.35rem 0.85rem;
    font-size: 0.75rem;
    font-weight: 500;
    border-radius: 40px;
    text-transform: none;
    border: none;
}
#page-grade-edit-letter-index .mdl-align {
    text-align: left;
}
.gradereport-grader-table .user.cell {
    position: sticky;
    left: 0;
}
#page-grade-report-overview-index .main-content .generaltable,
#page-grade-report-overview-index .main-content .rolecap {
    margin-bottom: 0;
}
#page-grade-report-overview-index .main-content .generaltable td,
#page-grade-report-overview-index .main-content .rolecap td,
#page-grade-report-overview-index .main-content .generaltable th,
#page-grade-report-overview-index .main-content .rolecap th {
    padding: 0.75rem 0;
}
#page-grade-report-overview-index .main-content .generaltable tr:hover,
#page-grade-report-overview-index .main-content .rolecap tr:hover {
    background-color: transparent;
    border-color: #d9ccda;
}
#page-grade-report-overview-index .main-content .rui-page-title--page,
#page-grade-report-overview-index .main-content .rui-page-title--avatar {
    display: none;
}
.path-grade-report-singleview div.reporttable {
    text-align: left;
}
.path-grade-report-singleview .reporttable tbody th .itemicon {
    margin-right: 0.35rem;
    width: 36px;
    height: 36px;
}
.path-grade-report-singleview .reporttable .category {
    font-size: 0.75rem;
    color: #a19eab;
}
.pagelayout-redirect #page {
    max-width: 400px;
    margin: 30px auto;
    padding: 20px;
}
.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: calc(100% - 60px);
    margin-left: auto;
    margin-right: auto;
}
.path-mod-assign [data-region="grade-panel"] .gradingform_rubric .criterion .description {
    width: 20%;
}
.path-mod-assign [data-region="grade-panel"].fullwidth {
    left: 30px;
    width: calc(100% - 60px);
    overflow: auto;
}
#graded_users_selector {
    margin-top: 30px;
}
.path-grade-report .main-content .itemnav {
    max-width: 260px;
}
.path-grade-report .main-content .previtem {
    text-align: left;
}
.path-grade-report .main-content .nextitem {
    text-align: right;
}
.columns-autoflow-1to1to1 {
    column-count: 3;
}
@media (max-width: 767px) {
    .columns-autoflow-1to1to1 {
        column-count: 1;
    }
}
li.activity.label,
.file-picker td.label {
    background: transparent;
    color: inherit;
    border: inherit;
    text-shadow: none;
    padding: 8px;
    white-space: normal;
    display: block;
    font-size: inherit;
    line-height: inherit;
    text-align: inherit;
}
.file-picker td.label {
    display: table-cell;
    text-align: right;
}
.choosercontainer #chooseform .option label {
    font-size: 12px;
}
li.section.hidden,
.block.hidden,
.block.invisible {
    visibility: visible;
    display: block;
}
.forum-post .row {
    margin-left: 0 !important;
}
.forum-post .row:before,
.forum-post .row:after {
    content: none;
}
fieldset.hidden {
    display: inherit;
    visibility: inherit;
}
#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;
}
.rui-topbar.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;
}
.bs-popover-right .arrow,
.bs-popover-auto[x-placement^="right"] .arrow {
    left: -9px;
}
.bs-popover-left .arrow,
.bs-popover-auto[x-placement^="left"] .arrow {
    right: -9px;
}
.bs-popover-top .arrow,
.bs-popover-auto[x-placement^="top"] .arrow {
    bottom: -9px;
}
.bs-popover-bottom .arrow,
.bs-popover-auto[x-placement^="bottom"] .arrow {
    top: -9px;
}
.custom-select {
    word-wrap: normal;
}
.carousel-item-next.carousel-item-left,
.carousel-item-prev.carousel-item-right {
    transform: translateX(0);
}
.carousel-item-next,
.active.carousel-item-right {
    transform: translateX(100%);
}
.carousel-item-prev,
.active.carousel-item-left {
    transform: translateX(-100%);
}
body.reset-style .page-header-content .card {
    border: none;
}
body.reset-style .page-header-content .card .page-header-headings h1 {
    margin-bottom: 0;
}
@media (max-width: 767.98px) {
    body.reset-style .page-header-content .card .card-body {
        padding-left: 0;
        padding-right: 0;
    }
}
body.reset-style .page-header-content > div {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
body.reset-style #page-content {
    padding-bottom: 0 !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: 1.25rem;
    padding-right: 1.25rem;
    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% - 435px);
}
@media (max-width: 1359.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: 1359.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) {
    border-radius: 40px;
}
body.behat-site .fixed-top {
    position: absolute;
}
body.behat-site .dropdown-item {
    margin-top: 4px !important;
}
body.behat-site.drawer-ease {
    transition: initial;
}
body.behat-site [data-region="drawer"] {
    transition: initial;
    position: absolute;
}
body.behat-site .custom-control,
body.behat-site .custom-switch {
    padding-left: 0;
}
body.behat-site .custom-control-input {
    position: static;
    z-index: 0;
    opacity: 1;
}
body.behat-site .custom-control-label::before,
body.behat-site .custom-control-label::after {
    content: none;
}
.phpinfo table,
.phpinfo th,
.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: 700;
}
.phpinfo .h {
    background-color: #99c;
    font-weight: 700;
}
.popover-region {
    position: relative;
}
.popover-region-toggle {
    cursor: pointer;
}
.popover-region-container {
    opacity: 1;
    visibility: visible;
    position: absolute;
    right: 0;
    top: 40px;
    height: 320px;
    width: 290px;
    z-index: 10000;
    min-width: 10rem;
    padding: 0 20px;
    margin: 0.125rem 0 0;
    font-size: 0.875rem;
    color: #090223;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border-radius: 7px;
    box-shadow: rgba(0, 0, 0, 0.07) 0 1px 2px, rgba(0, 0, 0, 0.07) 0 2px 4px, rgba(0, 0, 0, 0.07) 0 4px 8px, rgba(0, 0, 0, 0.07) 0 8px 16px, rgba(0, 0, 0, 0.07) 0 16px 32px, rgba(0, 0, 0, 0.07) 0 32px 64px;
}
.theme-dark .popover-region-container {
    color: #e8eaed;
    background-color: #080808;
}
.popover-region-header-container {
    display: inline-flex;
    padding: 5px 5px 5px 20px;
    margin: 0 -20px;
    width: calc(100% + 40px);
    border-bottom: 1px solid #e1e0e4;
    box-sizing: border-box;
}
.theme-dark .popover-region-header-container {
    border-color: #2e3134;
}
.popover-region-header-text {
    float: left;
    margin: 0;
    font-size: 14px;
    line-height: 40px;
}
.popover-region-header-actions {
    display: inline-flex;
    align-items: center;
    margin-left: auto;
}
.popover-region-header-actions .loading-icon {
    margin-left: 10px;
    display: none;
}
.popover-region-header-actions .loading-icon .icon {
    font-size: 12px;
    height: 12px;
    width: 12px;
    align-self: center;
    line-height: 1.2;
}
.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: 200px;
    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;
}
.popover-region.collapsed .popover-region-container {
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    transition: all 0.2s ease-in-out;
}
.content-item-container {
    box-sizing: border-box;
    padding: 10px;
    margin-top: 4px;
    margin-bottom: 4px;
    border-radius: 7px;
    position: relative;
    display: block;
    color: inherit;
    text-decoration: none;
    position: relative;
}
.content-item-container:after {
    content: "";
    background-color: #e1e0e4;
    width: calc(100% - 20px);
    height: 1px;
    position: absolute;
    left: 10px;
    bottom: -2px;
}
.content-item-container:last-child {
    margin-bottom: 0;
}
.content-item-container:hover {
    color: #090223;
    background-color: #f9f9fa;
}
.content-item-container:hover .content-item-footer .timestamp {
    color: #090223;
}
.content-item-container.unread {
    background-color: #eaf4dd;
    color: #090223;
}
.content-item-container.unread:hover {
    background-color: #ece6ed;
}
.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-footer {
    text-align: left;
    box-sizing: border-box;
}
.content-item-container .content-item-footer .timestamp {
    font-size: 0.75rem;
    font-weight: 400;
    color: #413c55;
    margin-top: 5px;
    margin-left: 53px;
}
.content-item-container .view-more {
    margin-top: 7px;
    margin-left: 55px;
}
.content-item-container.notification .content-item-body .notification-image {
    display: inline-flex;
    width: 40px;
    height: 40px;
}
.content-item-container.notification .content-item-body .notification-message {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.4;
    margin-left: 10px;
    width: calc(100% - 60px);
}
.content-item-container.selected {
    background-color: #ece6ed;
    color: #090223;
}
.content-item-container.selected .content-item-footer .timestamp {
    color: #090223;
}
.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;
}
.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-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 {
    width: calc(90% - 30px);
}
.popover-region-messages .content-item-container.unread .unread-count-container {
    display: inline-block;
    width: 10%;
    text-align: center;
}
.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;
}
.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 {
    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;
}
.rui-notification-pref,
.rui-markallread {
    width: 40px;
    height: 40px;
    padding: 3px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 7px;
}
.rui-notification-pref:hover,
.rui-markallread:hover {
    text-decoration: none;
}
.rui-markallread {
    background-color: #eaf4dd;
    color: #027654;
}
.rui-markallread:hover {
    color: #004b57;
    background-color: #d1ecc0;
}
.mark-all-read-button .normal-icon {
    display: inline-block;
}
.mark-all-read-button .loading-icon {
    display: none;
    height: 12px;
    width: 12px;
}
.mark-all-read-button.loading .normal-icon {
    display: none;
}
.mark-all-read-button.loading .loading-icon {
    display: inline-block;
}
.rui-notification-pref {
    background-color: #f9f9fa;
    color: #b4b2bc;
}
.rui-notification-pref:hover {
    color: #413c55;
    background-color: #eeedef;
}
.rui-unreadcount:not(.hidden) {
    position: absolute;
    padding: 4px;
    top: 0;
    right: 0;
    min-width: 16px;
    height: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #420047;
    color: #ece6ed;
    border-radius: 16px;
    font-size: 10px;
    font-weight: 500;
}
.see-all-link {
    margin: 10px 0;
    padding: 5px 0;
    border-radius: 7px;
    font-size: 0.875rem;
    color: #413c55;
}
.see-all-link:hover {
    text-decoration: none;
    color: #090223;
}
div[data-flexitour="backdrop"] {
    background-color: #000;
    opacity: 0.5;
    z-index: 1040;
}
div[data-flexitour="step-background-fader"],
div[data-flexitour="step-background"] {
    border-radius: 40px;
    z-index: 1041;
}
span[data-flexitour="container"],
div[data-flexitour="step-background-fader"],
[data-flexitour="step-backdrop"] > td,
[data-flexitour="step-backdrop"] {
    z-index: 1042;
}
span[data-flexitour="container"] .modal-dialog {
    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: #fff;
}
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: #fff;
}
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: #fff;
}
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: #fff;
}
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: #fff;
}
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: #fff;
}
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: #fff;
}
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: #fff;
}
[data-region="drawer"] [data-flexitour="container"] {
    margin-left: -15px;
    width: 270px;
}
.modal .modal-body > .loading-icon {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
}
.modal .modal-body > .loading-icon .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.moodle-dialogue .role_buttons .btn {
    width: 100%;
    margin: 0.25rem 0;
}
.confirmation-buttons {
    justify-content: flex-end !important;
}
.path-mod-quiz .confirmation-buttons {
    margin-bottom: 0;
}
.confirmation-buttons .btn {
    margin-right: 0;
}
.path-mod-quiz .confirmation-buttons .btn {
    width: 100%;
    margin-top: 0.35rem;
    margin-left: 0;
    margin-right: 0;
}
.layout.fullscreen {
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    transition: 0.5s;
    width: 100vw;
    margin: 0;
    opacity: 1;
    background-color: #fff;
}
.theme-dark .layout.fullscreen {
    background-color: #e8eaed;
}
.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 {
    width: 1em;
    height: 1em;
    font-size: 4em;
}
#page-report {
    margin: 30px 60px;
    width: calc(100% - 120px);
    border-radius: 7px;
}
#page {
    padding: 7px 20px;
    width: 100%;
    position: relative;
}
#page-popup {
    padding: 20px;
    background-color: #fff;
    border-radius: 7px;
}
.theme-dark #page-popup {
    background-color: #e8eaed;
}
#page-popup .closewindow {
    margin: 1rem 0;
}
#page-popup .closewindow .btn {
    width: 100%;
}
.wrapper-xl,
.wrapper-lg,
.wrapper-md {
    margin-left: auto;
    margin-right: auto;
}
.wrapper-lg {
    width: 960px;
}
@media (max-width: 1088.98px) {
    .wrapper-lg {
        width: 85%;
    }
}
.wrapper-md {
    width: 860px;
}
@media (max-width: 1088.98px) {
    .wrapper-md {
        width: 100%;
    }
}
.wrapper-md .wrapper-md {
    width: 100%;
}
.wrapper-blocks {
    width: 100%;
    margin: 0 auto;
}
.wrapper-page {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.rui-btn-show-hide {
    position: fixed;
    top: 100px;
    right: 10px;
    z-index: 1030;
}
.wrapper--margin {
    margin-top: 60px;
    margin-bottom: 60px;
}
.wrapper-xl {
    max-width: 1300px;
    width: 100%;
}
@media (max-width: 1088.98px) {
    .wrapper-xl {
        width: 90%;
    }
}
.wrapper-xxl {
    width: 100%;
}
.rui-blocks-wrapper {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 20px;
    padding: 0 10px;
}
.wrapper-fw {
    width: 100%;
}
.region-main-content {
    position: relative;
}
.rui-title-container {
    margin-top: 20px;
}
.rui-title-container + .singlebutton,
.rui-title-container + .rui-nav-tabs {
    margin-top: 20px;
}
.rui-title-container:first-of-type,
#page .rui-course-card-content .rui-title-container {
    margin-top: 0;
    margin: 0 auto;
    left: 0;
    right: 0;
    padding: 0;
    width: fit-content;
}
#page-mod-quiz-summary .rui-title-container {
    margin-top: 0;
}
.rui-title-container + form,
.mform + div {
    margin-top: 30px;
}
.sep--left {
    position: relative;
}
.sep--left:before {
    content: "";
    background-color: #e1e0e4;
    width: 1px;
    height: 30px;
    position: absolute;
    top: calc(50% - 15px);
    left: -5px;
}
.theme-dark .sep--left:before {
    background-color: #2e3134;
}
#page-wrapper {
    height: 100%;
    display: flex;
    flex-direction: column;
}
#page-wrapper #page {
    flex: 1 0 auto;
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
    bottom: 0;
    margin-bottom: 0;
    padding: 0;
}
@media (max-width: 1088.98px) {
    #page-wrapper #page {
        margin-top: 55px;
    }
}
@media (max-width: 767.98px) {
    #page-wrapper #page {
        padding: 7px 10px;
    }
}
#page-wrapper #page #page-content {
    flex: 1 0 auto;
}
#s-page-footer {
    margin: 20px 0;
    padding: 30px 80px;
    width: 100%;
    flex-shrink: 0;
    background-color: #f9f9fa;
    border-radius: 7px;
    color: #090223;
}
#page-site-index #s-page-footer {
    text-align: center;
}
@media (max-width: 767.98px) {
    #s-page-footer {
        padding: 30px;
        width: 100%;
    }
}
#s-page-footer hr {
    border-color: #e1e0e4;
}
.theme-dark #s-page-footer hr {
    border-color: #2e3134;
}
.theme-dark #s-page-footer {
    background-color: #0e1013;
    color: #bdc1c6;
}
.rui-footer--contact,
.rui-footer--social {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    list-style: none;
    padding: 0;
    font-size: 0.75rem;
    color: #090223;
}
.rui-footer--contact li,
.rui-footer--social li {
    display: inline-flex;
    align-items: center;
    margin-top: 0.35rem;
    margin-right: 1rem;
    margin-bottom: 0.35rem;
}
.rui-footer--contact li:last-of-type,
.rui-footer--social li:last-of-type {
    margin-right: 0;
}
.theme-dark .rui-footer--contact,
.theme-dark .rui-footer--social {
    color: #9aa0a6;
}
.rui-footer--contact a,
.rui-footer--social a {
    color: #090223;
}
.theme-dark .rui-footer--contact a,
.theme-dark .rui-footer--social a {
    color: #9aa0a6;
}
.rui-footer--contact a:hover,
.rui-footer--social a:hover {
    opacity: 0.6;
}
.rui-social-list {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    list-style: none;
    padding: 0;
    font-size: 0.75rem;
    color: #090223;
}
.rui-social-list li {
    display: inline-flex;
    align-items: center;
    margin-top: 0.35rem;
    margin-right: 1rem;
    margin-bottom: 0.35rem;
}
.rui-social-list li:last-of-type {
    margin-right: 0;
}
.theme-dark .rui-social-list {
    color: #9aa0a6;
}
.rui-social-list a {
    color: #090223;
}
.theme-dark .rui-social-list a {
    color: #9aa0a6;
}
.rui-social-list a:hover {
    opacity: 0.6;
}
.rui-topbar-wrapper {
    padding: 10px 20px;
    margin: 0 20px;
    width: calc(100% - 40px);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    background-color: #420047e0;
    border-bottom: 1px solid #e1e0e4;
    border-radius: 7px;
    box-shadow: rgba(0, 0, 0, 0.05) 0 1px 0, rgba(0, 0, 0, 0.05) 0 4px 16px, rgba(0, 0, 0, 0.08) 0 10px 20px;
    font-size: 0.875rem;
    color: #090223;
    max-height: 60px;
    margin-top: 40px;
}
@media (max-width: 767.98px) {
    .rui-topbar-wrapper {
        padding-left: 8px;
        padding-right: 8px;
    }
}
@media (max-width: 1088.98px) {
    .rui-topbar-wrapper {
        position: fixed;
        top: 3px;
        left: -12px;
        width: calc(100% - 14px);
    }
}
.theme-dark .rui-topbar-wrapper {
    background-color: #e8eaed;
    color: #e8eaed;
    border-color: #2e3134;
}
.rui-topbar {
    position: relative;
    display: flex;
    align-items: center;
    max-height: 40px;
}
.rui-topbar .navbar-nav {
    font-size: 0.875rem;
    font-weight: 500;
    justify-content: space-between;
}
.rui-topbar .navbar-nav .nav-link {
    color: #090223;
    border-radius: 7px;
}
.rui-topbar .navbar-nav .nav-link:hover {
    color: #420047;
    background-color: #ece6ed;
}
.rui-topbar .site-name {
    width: max-content;
    max-width: 260px;
    font-size: 0.875rem;
    font-weight: 700;
    color: #090223;
}
.theme-dark .rui-topbar .site-name {
    color: #e8eaed;
}
.sidebar-btn {
    padding: 0;
    margin-right: 10px;
    margin-left: -1rem;
    width: 60px;
    height: 60px;
    line-height: 1;
    border: 0;
    color: #090223;
    background-color: transparent;
    border-right: 1px solid rgba(9, 2, 35, 0.15);
    border-radius: 7px 0 0 0;
}
.sidebar-btn:hover {
    background-color: #ece6ed;
}
.addtagcoll {
    margin-bottom: 40px;
}
.course-hero {
    width: 95%;
    margin-top: 60px;
    margin-bottom: 30px;
}
.course-hero img {
    border-radius: 5px;
}
.course-teachers-box {
    max-width: 600px;
    margin-bottom: 30px;
    display: inline-flex;
    align-items: center;
}
.course-teachers-box .course-contact-title-item {
    margin-right: 0.25rem;
}
.course-teachers-box .course-contact-title {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    margin-bottom: 0;
    font-size: 0.875rem;
    font-weight: 500;
    color: #413c55;
}
.theme-dark .course-teachers-box .course-contact-title {
    color: #bdc1c6;
}
.course-teachers-box .course-contact {
    display: flex;
    align-items: center;
}
.course-teachers-box .course-contact:hover {
    text-decoration: none;
}
.course-teachers-box .course-contact .course-teacher-avatar {
    width: 40px;
    height: 40px;
    border-radius: 7px;
    position: relative;
}
.course-hero-img {
    border-radius: 7px;
}
.course-progressbar-wrapper {
    padding: 5px 14px;
    margin: 5px 7px;
    border-radius: 7px;
    background-color: #eef8ff;
    position: relative;
}
.theme-dark .course-progressbar-wrapper {
    background-color: #0b0d0f;
}
.course-progressbar-wrapper .rui-progress {
    width: 100%;
    height: 7px;
    border-radius: 7px;
}
@media (max-width: 767.98px) {
    .header-button-group {
        width: 100%;
    }
    .header-button-group .btn {
        width: 100%;
    }
}
.page-header-content:empty,
.header-content:empty {
    display: none;
}
.page-header-content .rui-page-title,
.header-content .rui-page-title {
    margin-bottom: 20px;
}
.rui-page-title {
    font-size: 2.5rem;
    line-height: 1.3;
}
@media (max-width: 767.98px) {
    .rui-page-title {
        width: 100%;
        margin-bottom: 1rem;
        font-size: 1.5rem;
        text-align: center;
    }
}
.page-header-content {
    margin-bottom: 30px;
    width: 100%;
    position: relative;
    display: inline-flex;
    align-items: flex-start;
    justify-content: space-between;
}
.rui-course-header .page-header-content,
.page-header-content .rui-title-container,
.page-header-content .rui-page-title {
    color: #4b0046;
    margin: 0;
    margin: 0 auto;
}
.rui-logo img {
    height: 100%;
    max-height: 150px;
}
.rui-logo-ml {
    margin-left: 10px;
}
.rui-logo-box {
    padding: 4px;
    border-radius: 7px;
    background-color: #fff;
}
.theme-dark .rui-logo-box {
    background-color: #000;
}
.rui-navbar-nav .nav-item {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
}
.rui-navbar-nav .nav-item .nav-link {
    position: relative;
    width: max-content;
    margin-right: 0.5rem;
    padding: 0 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    border-radius: 7px;
    color: #090223;
    line-height: 1.8;
}
.theme-dark .rui-navbar-nav .nav-item .nav-link {
    color: #e8eaed;
}
@media (max-width: 767.98px) {
    .rui-navbar-nav .nav-item .nav-link {
        margin-right: 0;
        width: 100%;
    }
}
.rui-navbar-nav .nav-item .nav-link[aria-expanded="true"],
.rui-navbar-nav .nav-item .nav-link:hover {
    background-color: #ece6ed;
}
.theme-dark .rui-navbar-nav .nav-item .nav-link[aria-expanded="true"],
.theme-dark .rui-navbar-nav .nav-item .nav-link:hover {
    color: #210024;
}
@media (min-width: 768px) {
    .rui-navbar-nav--sep {
        position: relative;
    }
    .rui-navbar-nav--sep:before {
        content: "";
        background-color: rgba(0, 0, 0, 0.15);
        width: 1px;
        height: 16px;
        position: absolute;
        top: calc(50% - 8px);
        left: -6px;
    }
}
.popover-region-notifications:not(.collapsed) .nav-link {
    background-color: #a19eab;
}
.rui-topbar-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    width: max-content;
    min-height: 40px;
    border: none;
    border-radius: 7px;
    font-size: 0.75rem;
    font-weight: 500;
    color: #090223;
}
.rui-topbar-btn[aria-expanded="true"],
.rui-topbar-btn:hover {
    color: #420047;
    background-color: #ece6ed;
    text-decoration: none;
}
.nav-drawer-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    width: max-content;
    min-height: 40px;
    border: none;
    border-radius: 7px;
    background-color: #eeedef;
    color: #090223;
}
.nav-drawer-btn[aria-expanded="true"],
.nav-drawer-btn:hover {
    color: #420047;
    background-color: #ece6ed;
}
.theme-dark .nav-drawer-btn[aria-expanded="true"],
.theme-dark .nav-drawer-btn:hover {
    background-color: #420047;
    color: #ece6ed;
}
.nav-drawer-btn[aria-expanded="true"] .nav-drawer-btn--opened {
    display: flex;
}
.nav-drawer-btn[aria-expanded="true"] .nav-drawer-btn--closed {
    display: none;
}
.nav-drawer-btn[aria-expanded="false"] .nav-drawer-btn--closed {
    display: flex;
}
.nav-drawer-btn[aria-expanded="false"] .nav-drawer-btn--opened {
    display: none;
}
.rui-login-btn {
    padding: 0 1rem;
    background-color: #420047;
    color: #ece6ed;
}
.rui-topbar-special-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 7px;
    font-size: 0.75rem;
    color: #090223;
}
@media (max-width: 767.98px) {
    .rui-topbar-special-btn {
        padding: 8px;
    }
}
.rui-topbar-special-btn.active {
    background-color: #ece6ed;
    color: #420047;
}
.theme-dark .rui-topbar-special-btn.active {
    background-color: #210024;
    color: #e8eaed;
}
.theme-dark .rui-topbar-special-btn {
    background-color: #e8eaed;
    color: #e8eaed;
}
.rui-icon-menu {
    padding: 0;
    margin: 0;
    display: inline-flex;
    position: relative;
    list-style: none;
}
@media (max-width: 767.98px) {
    .rui-icon-menu {
        margin: 0 0 0 auto;
    }
}
.rui-icon-menu li {
    margin: 0 2px;
}
.rui-icon-menu li,
.rui-icon-menu .popover-region {
    display: inline-flex;
}
.rui-icon-menu .popover-region {
    margin-right: 2px;
}
.rui-icon-menu--sep:before {
    content: "";
    background-color: #e1e0e4;
    position: absolute;
    top: -14px;
    left: calc(50% - 10px);
    width: 20px;
    height: 1px;
}
.theme-dark .rui-icon-menu--sep:before {
    background-color: #2e3134;
}
.nav-editswitch {
    width: max-content;
}
@media (max-width: 767.98px) {
    .mobile-nav--open #topBar:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        background-color: rgba(255, 255, 255, 0.8);
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
        width: 100%;
        height: 100vh;
    }
}
.rui-icon-menu--horizontal {
    display: inline-flex;
    align-items: center;
}
.rui-icon-menu--horizontal li {
    display: inline-flex;
    margin-bottom: 0;
    margin-left: 0.4rem;
}
.rui-drawer-toggle {
    margin-right: 8px;
}
.rui-topbar-special-btn {
    background: transparent;
    color: #ffffff;
}
.rui-topbar-special-btn:hover {
    background: #ece6ed;
    color: #420047;
}
.rui-nav-tabs + * {
    margin-top: 30px;
}
.rui-navbar-brand,
body:not(#rui-lang-btn).rui-navbar-lang {
    position: relative;
}
@media (max-width: 767.98px) {
    .rui-navbar-brand,
    body:not(#rui-lang-btn).rui-navbar-lang {
        margin-left: 0;
        margin-right: 0;
    }
}
.rui-navbar-brand {
    margin-right: 15px;
    margin-left: 15px;
}
.rui-navbar-brand--img {
    margin-left: 0;
}
.rui-navbar-brand:hover {
    text-decoration: none;
    opacity: 0.6;
}
@media (max-width: 1088.98px) {
    .rui-navbar-collapse {
        padding: 20px;
        position: absolute;
        top: 60px;
        left: 0;
        width: 100%;
        background-color: #28002b;
        border-radius: 0 0 7px 7px;
        display: inline-flex;
        flex-wrap: wrap;
    }
}
@media (max-width: 1088.98px) and (max-width: 767.98px) {
    .rui-navbar-collapse {
        top: 95px;
    }
}
.rui-custom-logo {
    display: inline-flex;
}
.theme-dark .rui-custom-logo {
    display: none;
}
.rui-custom-dmlogo {
    display: none;
}
.theme-dark .rui-custom-dmlogo {
    display: inline-flex;
}
.rui-topbar-customfield {
    position: relative;
    margin-right: 12px;
    padding: 0 20px;
    width: inherit;
    max-width: 280px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    font-size: 0.75rem;
}
@media (max-width: 1088.98px) {
    .rui-topbar-customfield {
        max-width: 210px;
        margin: 0 50px 0 0;
    }
}
.rui-topbar-customfield:before {
    content: "";
    background-color: rgba(0, 0, 0, 0.15);
    width: 1px;
    height: 16px;
    position: absolute;
    top: calc(50% - 8px);
    right: -6px;
}
.rui-topbar-customfield p {
    margin-bottom: 0;
}
.rui-topbar-customfield a {
    color: #420047;
}
.rui-topbar-customfield a:hover {
    color: #a180a3;
}
.rui-footer-content {
    font-size: 0.75rem;
    width: fit-content;
    margin: 0 auto;
}
.rui-footer-copy p {
    margin-bottom: 0.25rem;
}
.rui-footer-copy p:last-of-type {
    margin-bottom: 0;
}
.rui-footer-nav-title {
    font-size: 0.875rem;
    color: #090223;
}
.theme-dark .rui-footer-nav-title {
    color: #e8eaed;
}
.rui-footer-nav-items {
    font-size: 0.875rem;
    color: rgba(9, 2, 35, 0.6);
}
.theme-dark .rui-footer-nav-items {
    color: #bdc1c6;
}
.rui-footer-nav-items li {
    margin: 0.65rem 0;
}
.rui-footer-nav-items li a {
    color: #090223;
}
.theme-dark .rui-footer-nav-items li a {
    color: #bdc1c6;
}
.rui-footer-nav-items li a:hover {
    color: #a180a3;
}
.theme-dark#page-enrol-index .main-content .info {
    background-color: #0b0d0f;
}
.theme-dark#page-enrol-index .main-content .box:not(.info) {
    border: 1px solid #2e3134;
}
#page-enrol-index .main-content {
    margin: 0 auto;
    padding: 40px 60px !important;
    width: 860px;
}
@media (max-width: 1088.98px) {
    #page-enrol-index .main-content {
        width: 100%;
    }
}
#page-enrol-index .main-content .col-md-3,
#page-enrol-index .main-content .col-md-9 {
    padding: 0;
    text-align: left !important;
    flex: 0 0 100%;
    max-width: 100%;
}
#page-enrol-index .main-content .col-md-3 {
    margin-top: 0.5rem;
}
#page-enrol-index .main-content .info {
    margin-top: 30px;
    background-color: #f9f9fa;
    border-radius: 7px;
}
#page-enrol-index .main-content .info .rui-course-card {
    max-width: 250px;
    margin: 30px auto;
    box-shadow: rgba(0, 0, 0, 0.15) 0 15px 25px, rgba(0, 0, 0, 0.05) 0 5px 10px;
}
#page-enrol-index .main-content .info .rui-course-card-body {
    margin-top: 0;
}
#page-enrol-index .main-content .info .rui-title-container {
    width: auto;
    margin-bottom: 30px;
}
#page-enrol-index .main-content .mform .form-inline .form-control {
    width: 100%;
}
#page-enrol-index .main-content a.fheader {
    margin-bottom: 0;
}
#page-enrol-index .main-content .fcontainer,
#page-enrol-index .main-content .btn,
#page-enrol-index .main-content [type="submit"] {
    width: 300px;
    margin: 0 auto;
}
#page-enrol-index .main-content .box:not(.info) {
    margin-top: 20px;
    padding: 20px !important;
    border: 1px solid #e1e0e4;
    border-radius: 5px;
}
body#page-enrol-index #region-main .generalbox:last-of-type {
    width: 100% !important;
    float: none !important;
    margin-top: 20px !important;
    box-shadow: none !important;
}
.theme-dark .rui-dark-mode-status--on {
    display: block;
}
body:not(.theme-dark) .rui-dark-mode-status--on,
.theme-dark .rui-dark-mode-status--off {
    display: none;
}
.notloggedin .hidefornotloggedin {
    display: none !important;
}
body:not(.notloggedin):not(#page-admin-setting-themesettingalpha) .hideforloggedin {
    display: none !important;
}
.theme-dark .hide-on-darkmode {
    display: none;
}
body:not(.theme-dark) .hide-on-lightmode {
    display: none;
}
.rui-custom-alert {
    padding: 14px 60px 14px 24px;
    max-width: 600px;
    display: inline-flex;
    justify-content: flex-start;
    align-content: flex-start;
    position: fixed;
    z-index: 1025;
    bottom: 0;
    left: 15px;
    background-color: #fff;
    color: #413c55;
    box-shadow: rgba(0, 0, 0, 0.15) 0 15px 25px, rgba(0, 0, 0, 0.05) 0 5px 10px;
}
@media (max-width: 767.98px) {
    .rui-custom-alert {
        width: calc(100% - 20px);
        max-width: calc(100% - 20px);
        left: 10px;
    }
}
.rui-custom-alert.fade:not(.show) {
    z-index: -1;
}
.theme-dark .rui-custom-alert {
    background-color: #000;
    color: #bdc1c6;
}
.rui-custom-alert .rui-custom-alert-close {
    position: absolute;
    top: 5px;
    right: 5px;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-content: center;
    background-color: transparent;
    border: none;
    border-radius: 60px;
    background-color: #f9f9fa;
    color: #b4b2bc;
    width: 40px;
    height: 40px;
    transition: all 0.2s ease-in-out;
}
.theme-dark .rui-custom-alert .rui-custom-alert-close {
    background-color: #0b0d0f;
    color: #3c4043;
}
.rui-custom-alert .rui-custom-alert-close:hover {
    background-color: #feeded;
    color: #ef1010;
}
.rui-main-nav .nav-item {
    font-size: 1rem;
}
.rui-main-nav {
    padding: 0;
    margin: 0;
}
.rui-main-nav .nav-item {
    position: relative;
    font-weight: 500;
    list-style: none;
}
.rui-main-nav .nav-item .nav-link {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 0.35rem 1.25rem;
    margin: 9px 0;
    border-radius: 7px;
    color: #090223;
    z-index: 1;
}
.rui-main-nav .nav-item .nav-link:hover:before {
    background-color: #fff;
}
.rui-main-nav .nav-item .nav-link.active:before {
    background-color: #fff;
    color: #a19eab;
}
.rui-main-nav .nav-item .nav-link:before {
    content: "";
    position: absolute;
    width: 100%;
    top: -3px;
    bottom: -3px;
    left: 0;
    border-radius: 7px;
    z-index: -1;
}
.rui-main-nav .nav-item .nav-link .nav-link-icon {
    opacity: 0.6;
}
.wrapper-course {
    width: 100%;
    margin-top: 16px;
    padding: 40px;
    background-color: #fff;
    border-radius: 7px;
    transition: all 0.2s ease-in-out;
}
@media (max-width: 767.98px) {
    .wrapper-course {
        padding: 0;
    }
}
@media (min-width: 1360px) {
    .drawer-open-right .wrapper-course {
        width: calc(100% - 340px);
    }
}
.theme-dark .wrapper-course {
    background-color: #e8eaed;
}
#blocks-dashboardonecol .block-region {
    margin-bottom: 1.25rem;
}
#blocks-dashboardonecol .block-region:last-of-type {
    margin-bottom: 0;
}
.editmode-switch-form {
    padding: 5px 5px 5px 10px;
    border: none;
    border-radius: 7px;
}
.editmode-switch-form .custom-control.ios-switch {
    color: #fff;
}
.hidden-sidebar .editmode-switch-form .custom-control.ios-switch {
    color: #090223;
}
.hidden-sidebar .editmode-switch-form {
    padding: 5px 5px 5px 10px;
    background-color: #fff;
    border: none;
    border-radius: 7px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.26), 0 14px 44px 0 rgba(0, 0, 0, 0.2);
    position: fixed;
    right: 10px;
    bottom: 10px;
    z-index: 10001;
}
#page.drawers .main-inner {
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    flex: 1 0 auto;
    margin-top: 150px;
}
#page.drawers .activity-header {
    margin: 0;
}
@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;
    }
}
@media (min-width: 1089px) {
    .drawer-left,
    .drawer-right {
        height: 100%;
    }
    #page.drawers {
        position: relative;
        overflow-y: auto;
        transition: 0.2s;
        height: 100vh;
        left: 0;
        right: 0;
    }
}
@media (min-width: 1089px) and (prefers-reduced-motion: reduce) {
    #page.drawers {
        transition: none;
    }
}
.drawercontent {
    position: relative;
    z-index: -1;
    height: calc(100% - 56px);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    overflow-y: auto;
    padding: 0;
}
.drawercontent .dropdown-menu .dropdown-item {
    width: 220px;
    white-space: normal;
}
@media (min-width: 1089px) {
    .rui-blocks-area--sm {
        flex: 0 0 320px;
        max-width: 320px;
    }
}
.drawercontent,
.filemanager .fp-content,
.rui-card-course-contacts,
.cb-toolbar-container .dropdown-scrollable,
.rui-column-mh,
.rui-nav--admin,
.rui-content-message-container,
.rui-course-card-text,
#sidepre-blocks .rui-sidebar-blocks-wrapper,
.table-dynamic div:first-of-type {
    scrollbar-width: thin;
    scrollbar-color: #b4b2bc #fff;
}
.drawercontent::-webkit-scrollbar,
.filemanager .fp-content::-webkit-scrollbar,
.rui-card-course-contacts::-webkit-scrollbar,
.cb-toolbar-container .dropdown-scrollable::-webkit-scrollbar,
.rui-column-mh::-webkit-scrollbar,
.rui-nav--admin::-webkit-scrollbar,
.rui-content-message-container::-webkit-scrollbar,
.rui-course-card-text::-webkit-scrollbar,
#sidepre-blocks .rui-sidebar-blocks-wrapper::-webkit-scrollbar,
.table-dynamic div:first-of-type::-webkit-scrollbar {
    width: 12px;
}
.drawercontent::-webkit-scrollbar-track,
.filemanager .fp-content::-webkit-scrollbar-track,
.rui-card-course-contacts::-webkit-scrollbar-track,
.cb-toolbar-container .dropdown-scrollable::-webkit-scrollbar-track,
.rui-column-mh::-webkit-scrollbar-track,
.rui-nav--admin::-webkit-scrollbar-track,
.rui-content-message-container::-webkit-scrollbar-track,
.rui-course-card-text::-webkit-scrollbar-track,
#sidepre-blocks .rui-sidebar-blocks-wrapper::-webkit-scrollbar-track,
.table-dynamic div:first-of-type::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 20px;
}
.drawercontent::-webkit-scrollbar-thumb,
.filemanager .fp-content::-webkit-scrollbar-thumb,
.rui-card-course-contacts::-webkit-scrollbar-thumb,
.cb-toolbar-container .dropdown-scrollable::-webkit-scrollbar-thumb,
.rui-column-mh::-webkit-scrollbar-thumb,
.rui-nav--admin::-webkit-scrollbar-thumb,
.rui-content-message-container::-webkit-scrollbar-thumb,
.rui-course-card-text::-webkit-scrollbar-thumb,
#sidepre-blocks .rui-sidebar-blocks-wrapper::-webkit-scrollbar-thumb,
.table-dynamic div:first-of-type::-webkit-scrollbar-thumb {
    background-color: #b4b2bc;
    border-radius: 20px;
    border: 3px solid #fff;
}
.drawercontent::-webkit-scrollbar-thumb:hover,
.filemanager .fp-content::-webkit-scrollbar-thumb:hover,
.rui-card-course-contacts::-webkit-scrollbar-thumb:hover,
.cb-toolbar-container .dropdown-scrollable::-webkit-scrollbar-thumb:hover,
.rui-column-mh::-webkit-scrollbar-thumb:hover,
.rui-nav--admin::-webkit-scrollbar-thumb:hover,
.rui-content-message-container::-webkit-scrollbar-thumb:hover,
.rui-course-card-text::-webkit-scrollbar-thumb:hover,
#sidepre-blocks .rui-sidebar-blocks-wrapper::-webkit-scrollbar-thumb:hover,
.table-dynamic div:first-of-type::-webkit-scrollbar-thumb:hover {
    background-color: #a19eab;
}
.theme-dark .drawercontent,
.theme-dark .filemanager .fp-content,
.theme-dark .rui-card-course-contacts,
.theme-dark .cb-toolbar-container .dropdown-scrollable,
.theme-dark .rui-column-mh,
.theme-dark .rui-nav--admin,
.theme-dark .rui-content-message-container,
.theme-dark .rui-course-card-text,
.theme-dark #sidepre-blocks .rui-sidebar-blocks-wrapper,
.theme-dark .table-dynamic div:first-of-type {
    scrollbar-width: thin;
    scrollbar-color: #b4b2bc #0b0d0f;
}
.theme-dark .drawercontent::-webkit-scrollbar,
.theme-dark .filemanager .fp-content::-webkit-scrollbar,
.theme-dark .rui-card-course-contacts::-webkit-scrollbar,
.theme-dark .cb-toolbar-container .dropdown-scrollable::-webkit-scrollbar,
.theme-dark .rui-column-mh::-webkit-scrollbar,
.theme-dark .rui-nav--admin::-webkit-scrollbar,
.theme-dark .rui-content-message-container::-webkit-scrollbar,
.theme-dark .rui-course-card-text::-webkit-scrollbar,
.theme-dark #sidepre-blocks .rui-sidebar-blocks-wrapper::-webkit-scrollbar,
.theme-dark .table-dynamic div:first-of-type::-webkit-scrollbar {
    width: 12px;
}
.theme-dark .drawercontent::-webkit-scrollbar-track,
.theme-dark .filemanager .fp-content::-webkit-scrollbar-track,
.theme-dark .rui-card-course-contacts::-webkit-scrollbar-track,
.theme-dark .cb-toolbar-container .dropdown-scrollable::-webkit-scrollbar-track,
.theme-dark .rui-column-mh::-webkit-scrollbar-track,
.theme-dark .rui-nav--admin::-webkit-scrollbar-track,
.theme-dark .rui-content-message-container::-webkit-scrollbar-track,
.theme-dark .rui-course-card-text::-webkit-scrollbar-track,
.theme-dark #sidepre-blocks .rui-sidebar-blocks-wrapper::-webkit-scrollbar-track,
.theme-dark .table-dynamic div:first-of-type::-webkit-scrollbar-track {
    background: #0b0d0f;
    border-radius: 20px;
}
.theme-dark .drawercontent::-webkit-scrollbar-thumb,
.theme-dark .filemanager .fp-content::-webkit-scrollbar-thumb,
.theme-dark .rui-card-course-contacts::-webkit-scrollbar-thumb,
.theme-dark .cb-toolbar-container .dropdown-scrollable::-webkit-scrollbar-thumb,
.theme-dark .rui-column-mh::-webkit-scrollbar-thumb,
.theme-dark .rui-nav--admin::-webkit-scrollbar-thumb,
.theme-dark .rui-content-message-container::-webkit-scrollbar-thumb,
.theme-dark .rui-course-card-text::-webkit-scrollbar-thumb,
.theme-dark #sidepre-blocks .rui-sidebar-blocks-wrapper::-webkit-scrollbar-thumb,
.theme-dark .table-dynamic div:first-of-type::-webkit-scrollbar-thumb {
    background-color: #b4b2bc;
    border-radius: 20px;
    border: 3px solid #0b0d0f;
}
.theme-dark .drawercontent::-webkit-scrollbar-thumb:hover,
.theme-dark .filemanager .fp-content::-webkit-scrollbar-thumb:hover,
.theme-dark .rui-card-course-contacts::-webkit-scrollbar-thumb:hover,
.theme-dark .cb-toolbar-container .dropdown-scrollable::-webkit-scrollbar-thumb:hover,
.theme-dark .rui-column-mh::-webkit-scrollbar-thumb:hover,
.theme-dark .rui-nav--admin::-webkit-scrollbar-thumb:hover,
.theme-dark .rui-content-message-container::-webkit-scrollbar-thumb:hover,
.theme-dark .rui-course-card-text::-webkit-scrollbar-thumb:hover,
.theme-dark #sidepre-blocks .rui-sidebar-blocks-wrapper::-webkit-scrollbar-thumb:hover,
.theme-dark .table-dynamic div:first-of-type::-webkit-scrollbar-thumb:hover {
    background-color: #a19eab;
}
.rui-grid-layout {
    display: grid;
    flex-direction: column;
    align-items: stretch;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 20px;
}
.rui-fp-margin-top {
    margin-top: 80px;
}
.rui-fp-margin-bottom {
    margin-bottom: 80px;
}
.rui-block-hr {
    margin: 80px auto;
    max-width: 260px;
}
@media (min-width: 768px) and (max-width: 1088.98px) {
    .rui-block-hr {
        margin: 40px auto;
    }
}
.rui-block-title {
    margin-bottom: 10px;
    font-size: 3rem;
    text-align: center;
    color: #090223;
}
.theme-dark .rui-block-title {
    color: #e8eaed;
}
@media (min-width: 768px) and (max-width: 1088.98px) {
    .rui-block-title {
        font-size: 2.5rem;
    }
}
@media (max-width: 767.98px) {
    .rui-block-title {
        font-size: 1.5rem;
    }
}
.rui-block-desc {
    margin-bottom: 30px;
    font-size: 1.25rem;
    color: #090223;
    text-align: center;
}
.theme-dark .rui-block-desc {
    color: #e8eaed;
}
@media (max-width: 767.98px) {
    .rui-block-desc {
        font-size: 1rem;
    }
}
.rui-block-desc--lg {
    font-size: 2rem;
}
@media (max-width: 767.98px) {
    .rui-block-desc--lg {
        font-size: 1.5rem;
    }
}
.rui-block-desc--sm {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}
.rui-block-footer {
    margin-top: 60px;
    font-size: 0.875rem;
    color: #a19eab;
}
.theme-dark .rui-block-footer {
    color: #9aa0a6;
}
.rui-card-team-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    grid-column-gap: 40px;
    grid-row-gap: 40px;
}
.rui-block-team-item img {
    width: 100% !important;
    max-width: 100% !important;
    border-radius: 7px;
}
.rui-block-team-title {
    font-size: 1rem;
    color: #090223;
}
.theme-dark .rui-block-team-title {
    color: #e8eaed;
}
.rui-block-team-desc {
    font-size: 0.938rem;
    color: #413c55;
}
.theme-dark .rui-block-team-desc {
    color: #bdc1c6;
}
.rui-block-team-desc--sm {
    font-size: 0.75rem;
    color: #a19eab;
}
.theme-dark .rui-block-team-desc--sm {
    color: #9aa0a6;
}
.rui-block-team-list li {
    margin-right: 10px;
    display: inline-block;
}
.rui-block-team-list li a {
    font-size: 0.875rem;
    font-weight: 700;
    color: #413c55;
}
.theme-dark .rui-block-team-list li a {
    color: #bdc1c6;
}
.rui-card-testimonials-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    column-gap: 80px;
    row-gap: 80px;
}
@media (min-width: 768px) and (max-width: 1088.98px) {
    .rui-card-testimonials-grid {
        grid-template-columns: repeat(auto-fill, minmax(calc(50% - 20px), 1fr));
        column-gap: 40px;
        row-gap: 40px;
    }
}
@media (max-width: 767.98px) {
    .rui-card-testimonials-grid {
        grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
        column-gap: 0;
        row-gap: 80px;
    }
}
.rui-block-testimonials-item {
    display: flex;
    flex-wrap: wrap;
    text-align: left;
}
.rui-block-testimonials-img {
    width: 100%;
    margin-bottom: 30px;
}
.rui-block-testimonials-rating {
    margin-bottom: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    color: #68336c;
}
.rui-block-testimonials-rating svg {
    width: 16px;
    margin-right: 4px;
}
.rui-block-testimonials-rating svg:last-child {
    margin-right: 0;
}
.rui-block-testimonials--quote {
    margin: 0 0 10px;
    font-size: 1.5rem;
    color: #090223;
}
.theme-dark .rui-block-testimonials--quote {
    color: #e8eaed;
}
.rui-block-testimonials--author {
    width: 100%;
    margin-bottom: 0;
    font-size: 0.875rem;
    font-weight: 500;
    color: #090223;
}
.theme-dark .rui-block-testimonials--author {
    color: #e8eaed;
}
.rui-block-testimonials--additional {
    width: 100%;
    font-size: 0.75rem;
    color: #a19eab;
}
.theme-dark .rui-block-testimonials--additional {
    color: #9aa0a6;
}
.rui-card-cat-grid {
    width: 100%;
    display: grid;
    flex-wrap: wrap;
    gap: 10px;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}
.rui-block-category-item {
    padding: 15px;
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background-color: #fff;
    border: 2px solid #fff;
    border-radius: 7px;
    text-align: left;
}
.theme-dark .rui-block-category-item {
    background-color: #e8eaed;
    border-color: #e8eaed;
}
.theme-dark .rui-block-category-item img {
    filter: invert(1);
}
.rui-block-category-item:hover {
    border: 2px solid #a180a3;
    text-decoration: none;
}
.rui-block-category-item .badge-wrapper {
    margin: 10px 0;
}
.rui-block-category-item--icon {
    display: block;
}
.badge-sale {
    border: 1px solid #ef1010;
    color: #a50b0b;
}
.theme-dark .badge-sale {
    border-color: #f9a3a3;
    color: #fbc8c8;
}
.badge-new {
    border: 1px solid #027654;
    color: #004b57;
}
.theme-dark .badge-new {
    border-color: #96ca88;
    color: #d1ecc0;
}
.badge-soon {
    border: 1px solid #0642cd;
    color: #00309f;
}
.theme-dark .badge-soon {
    border-color: #bacdf7;
    color: #d4def8;
}
.rui-block-category-item-title {
    width: 100%;
    margin: 0;
    font-size: 0.875rem;
    font-weight: 700;
    text-align: left;
    color: #090223;
}
.theme-dark .rui-block-category-item-title {
    color: #e8eaed;
}
.rui-block-category-item-subtitle {
    font-size: 0.75rem;
    font-weight: 500;
    color: #a19eab;
}
.theme-dark .rui-block-category-item-subtitle {
    color: #9aa0a6;
}
.rui-cta-wrapper {
    padding: 80px 0;
    color: #fff;
}
@media (max-width: 1088.98px) {
    .rui-cta-wrapper {
        text-align: center !important;
    }
}
@media (max-width: 767.98px) {
    .rui-cta-wrapper {
        padding: 30px;
    }
}
.rui-cta-content {
    margin-bottom: 2rem;
    font-size: 1.125rem;
}
@media (max-width: 767.98px) {
    .rui-cta-content {
        font-size: 1rem;
    }
}
.rui-cta-title {
    margin-bottom: 10px;
    font-family: "Be Vietnam Pro", sans-serif;
    font-size: 3rem;
    line-height: 1.3;
    color: #fff;
}
@media (max-width: 767.98px) {
    .rui-cta-title {
        font-size: 1.5rem;
    }
}
.rui-cta-small {
    margin-top: 30px;
    font-size: 0.75rem;
    opacity: 0.7;
}
.rui-card {
    padding: 30px;
    border: 1px solid #e1e0e4;
    border-radius: 7px;
    background-color: #fff;
}
.theme-dark .rui-card {
    border-color: #2e3134;
    background-color: #e8eaed;
}
.rui-color-card,
.rui-card--smpl {
    padding: 30px;
}
.rui-color-card {
    color: #090223;
}
.rui-card-title {
    font-size: 1.125rem;
    color: #090223;
}
.theme-dark .rui-card-title {
    color: #e8eaed;
}
.rui-color-card .rui-card-title {
    color: inherit;
}
.rui-card-text {
    font-size: 1rem;
    color: #413c55;
}
.theme-dark .rui-card-text {
    color: #bdc1c6;
}
.rui-color-card .rui-card-text {
    color: inherit;
}
.rui-card--with-img {
    display: inline-flex;
    align-items: center;
    width: 100%;
}
@media (max-width: 767.98px) {
    .rui-card--with-img {
        display: block;
        text-align: center;
    }
}
.rui-card-btn-link {
    font-size: 0.875rem;
    font-weight: 500;
}
.rui-pricing-table-title {
    font-size: 1.5rem;
    font-weight: 700;
    text-align: center;
}
.rui-pricing-table-price {
    margin: 20px 0;
    font-size: 2rem;
    font-weight: 700;
    text-align: center;
    color: #090223;
}
.theme-dark .rui-pricing-table-price {
    color: #e8eaed;
}
.rui-pricing-table-price .rui-pricing-table-price--smaller {
    font-size: 1.5rem;
    color: #a19eab;
}
.theme-dark .rui-pricing-table-price .rui-pricing-table-price--smaller {
    color: #9aa0a6;
}
.rui-pricing-table-text {
    margin-top: 10px;
    font-size: 0.875rem;
    text-align: center;
    color: #413c55;
}
.theme-dark .rui-pricing-table-text {
    color: #bdc1c6;
}
.rui-special-list {
    padding: 0;
    list-style: none !important;
    color: #413c55;
}
.theme-dark .rui-special-list {
    color: #bdc1c6;
}
.rui-special-list li {
    padding-left: 26px;
    margin-bottom: 10px;
    position: relative;
}
.rui-special-list li:before {
    content: "";
    background-repeat: no-repeat;
    background-size: 13px;
    background-position: center;
    position: absolute;
    left: 0;
    width: 18px;
    height: 18px;
    border-radius: 18px;
}
.rui-special-list li.list-icon-x {
    opacity: 0.8;
}
.rui-special-list li.list-icon-x:before {
    background-color: #f9f9fa;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23a19eab' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M17.25 6.75L6.75 17.25'%3E%3C/path%3E%3Cpath stroke='%23a19eab' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6.75 6.75L17.25 17.25'%3E%3C/path%3E%3C/svg%3E%0A");
}
.theme-dark .rui-special-list li.list-icon-x:before {
    background-color: #0b0d0f;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%239AA0A6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M17.25 6.75L6.75 17.25'%3E%3C/path%3E%3Cpath stroke='%239AA0A6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6.75 6.75L17.25 17.25'%3E%3C/path%3E%3C/svg%3E%0A");
}
.rui-special-list--light li:before {
    background-color: #f9f9fa;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23a19eab' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M5.75 12.8665L8.33995 16.4138C9.15171 17.5256 10.8179 17.504 11.6006 16.3715L18.25 6.75'%3E%3C/path%3E%3C/svg%3E%0A");
}
.theme-dark .rui-special-list--light li:before {
    background-color: #0b0d0f;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%239AA0A6' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M5.75 12.8665L8.33995 16.4138C9.15171 17.5256 10.8179 17.504 11.6006 16.3715L18.25 6.75'%3E%3C/path%3E%3C/svg%3E%0A");
}
.rui-special-list--primary li:before {
    background-color: #d9ccda;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23420047' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M5.75 12.8665L8.33995 16.4138C9.15171 17.5256 10.8179 17.504 11.6006 16.3715L18.25 6.75'%3E%3C/path%3E%3C/svg%3E%0A");
}
.theme-dark .rui-special-list--primary li:before {
    background-color: #210024;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%2368336c' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M5.75 12.8665L8.33995 16.4138C9.15171 17.5256 10.8179 17.504 11.6006 16.3715L18.25 6.75'%3E%3C/path%3E%3C/svg%3E%0A");
}
.rui-pricing-table {
    padding: 30px 40px;
    border-style: solid;
    border-color: #e1e0e4;
    border-width: 1px 0;
}
@media (min-width: 1089px) {
    .rui-pricing-table:first-of-type {
        border-radius: 7px 0 0 7px;
        border-width: 1px;
    }
    .rui-pricing-table:last-of-type {
        border-radius: 0 7px 7px 0;
        border-width: 1px;
    }
}
@media (max-width: 1088.98px) {
    .rui-pricing-table {
        margin: 10px 0;
        border-radius: 7px;
        border-width: 1px;
    }
}
.rui-pricing-table--special {
    background-color: #ece6ed;
    border-color: #c6b3c8;
    border-left: 2px dashed #c6b3c8 !important;
}
.theme-dark .rui-pricing-table--special {
    background-color: #210024;
    border-color: #420047;
}
@media (max-width: 1088.98px) {
    .rui-pricing-table--special {
        border-left: 1px solid #c6b3c8;
    }
    .theme-dark .rui-pricing-table--special {
        border-color: #420047 !important;
    }
}
.rui-fp-block--11 .swiper-button-prev,
.rui-fp-block--11 .swiper-button-next,
.rui-fp-block--12 .swiper-button-prev,
.rui-fp-block--12 .swiper-button-next {
    top: 160px;
}
.rui-fp-block .swiper-button-next {
    top: calc(50% - 45px);
}
.rui-fp-block--cta {
    padding: 60px 80px;
    background-color: #ece6ed;
    border-radius: 7px;
}
.theme-dark .rui-fp-block--cta {
    background-color: #210024;
}
@media (min-width: 768px) and (max-width: 1088.98px) {
    .rui-fp-block--cta {
        padding: 40px;
    }
}
@media (max-width: 767.98px) {
    .rui-fp-block--cta {
        padding: 25px;
    }
}
.rui-fp-block--cta .swiper {
    padding: 0 0 45px 0;
}
.rui-fp-block--1 .swiper-wrapper {
    border-radius: 7px;
    overflow: hidden;
}
.rui-fp-block-mt {
    margin-top: 80px;
}
@media (max-width: 767.98px) {
    .rui-fp-block-mt {
        margin-top: 40px;
    }
}
.rui-fp-block-mb {
    margin-bottom: 80px;
}
@media (max-width: 767.98px) {
    .rui-fp-block-mb {
        margin-bottom: 40px;
    }
}
.theme-dark .rui-fp-block--8 .rui-card-title,
.theme-dark .rui-fp-block--8 .rui-card-text {
    color: #090223;
}
.rui-card-item {
    transition: all 0.2s ease-in-out;
}
.rui-card-item:hover {
    transform: translateY(-3px);
}
.rui-card-item.swiper-slide:hover {
    transform: none;
}
.rui-card-item .rui-card-item-img {
    max-width: 200px;
}
@media (max-width: 767.98px) {
    .rui-card-item .rui-card-item-img {
        max-width: 100%;
    }
}
.rui-card-item .rui-card-item-img img {
    width: 100%;
    border: 4px solid #fff;
}
.rui-hero-content {
    width: 500px;
    color: #fff;
}
@media (max-width: 767.98px) {
    .rui-hero-bg {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }
}
.rui-hero-content-backdrop {
    padding: 45px 60px;
    background-color: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(7px);
    border-radius: 7px;
}
@media (max-width: 767.98px) {
    .rui-hero-content-backdrop {
        background-color: #fff;
        padding: 30px 10px;
        border-radius: 0;
    }
    .theme-dark .rui-hero-content-backdrop {
        background-color: #e8eaed;
    }
}
.rui-hero-content-position {
    position: absolute;
    z-index: 3;
}
@media (max-width: 767.98px) {
    .rui-hero-content-position {
        position: relative;
        top: 0 !important;
        text-align: center;
    }
}
.rui-hero-content-centered {
    width: 700px;
    text-align: center;
    left: calc(50% - 350px);
}
@media (min-width: 768px) and (max-width: 1088.98px) {
    .rui-hero-content-centered {
        width: 500px;
        left: calc(50% - 250px);
    }
}
@media (max-width: 767.98px) {
    .rui-hero-content-centered {
        width: 100%;
        left: 0;
    }
}
.rui-hero-content-left {
    left: 140px;
}
@media (min-width: 768px) and (max-width: 1088.98px) {
    .rui-hero-content-left {
        text-align: center;
        width: 520px;
        left: calc(50% - 250px);
    }
}
@media (max-width: 767.98px) {
    .rui-hero-content-left {
        width: 100%;
        left: 0;
    }
}
.rui-hero-content-right {
    right: 140px;
}
@media (max-width: 767.98px) {
    .rui-hero-content-right {
        text-align: center;
        width: 300px;
        left: calc(50% - 150px);
    }
}
.rui-hero-title {
    font-size: 2.5rem;
    line-height: 1.2;
    color: inherit;
}
@media (max-width: 1088.98px) {
    .rui-hero-title {
        font-size: 1.5rem;
    }
}
@media (max-width: 767.98px) {
    .rui-hero-title {
        color: #090223;
    }
    .theme-dark .rui-hero-title {
        color: #e8eaed;
    }
}
.rui-hero-title + .rui-hero-desc {
    margin: 20px 0 0;
}
.rui-hero-desc {
    font-size: 1.125rem;
    color: inherit;
}
@media (min-width: 768px) and (max-width: 1088.98px) {
    .rui-hero-desc {
        font-size: 0.85rem;
    }
}
@media (max-width: 767.98px) {
    .rui-hero-desc {
        font-size: 0.875rem;
        color: #090223;
    }
    .theme-dark .rui-hero-desc {
        color: #e8eaed;
    }
}
.rui-hero-btns {
    margin-top: 30px;
}
.rui--swiper-arrows {
    padding-right: 80px !important;
    padding-left: 80px !important;
}
.rui-img--rounded-fluid img {
    max-width: 100%;
    height: auto;
    border-radius: 7px;
}
.rui-text-content--absolute {
    padding: 80px;
    color: #fff;
}
.rui-text-content--absolute .rui-text-content-heading {
    font-size: 2rem;
    font-weight: 700;
    color: #fff;
}
.rui-hero-img {
    width: 100%;
    overflow: hidden;
    border-radius: 7px;
    position: relative;
}
.rui-hero-video {
    width: 100%;
    height: 600px;
    overflow: hidden;
    border-radius: 7px;
    position: relative;
}
.rui-hero-video .vidbg-container {
    width: 100%;
}
#site-news-forum .rui-title-container .rui-main-content-title,
#frontpage-category-combo .rui-title-container .rui-main-content-title,
#frontpage-course-list .rui-title-container .rui-main-content-title,
#frontpage-available-course-list .rui-title-container .rui-main-content-title {
    margin: 30px 0;
    display: block;
    font-size: 3rem;
    font-weight: 700;
    text-align: center;
    color: #090223;
}
.theme-dark #site-news-forum .rui-title-container .rui-main-content-title,
.theme-dark #frontpage-category-combo .rui-title-container .rui-main-content-title,
.theme-dark #frontpage-course-list .rui-title-container .rui-main-content-title,
.theme-dark #frontpage-available-course-list .rui-title-container .rui-main-content-title {
    color: #e8eaed;
}
@media (min-width: 768px) and (max-width: 1088.98px) {
    #site-news-forum .rui-title-container .rui-main-content-title,
    #frontpage-category-combo .rui-title-container .rui-main-content-title,
    #frontpage-course-list .rui-title-container .rui-main-content-title,
    #frontpage-available-course-list .rui-title-container .rui-main-content-title {
        font-size: 2.5rem;
    }
}
@media (max-width: 767.98px) {
    #site-news-forum .rui-title-container .rui-main-content-title,
    #frontpage-category-combo .rui-title-container .rui-main-content-title,
    #frontpage-course-list .rui-title-container .rui-main-content-title,
    #frontpage-available-course-list .rui-title-container .rui-main-content-title {
        font-size: 1.5rem;
    }
}
.sitetopic {
    width: 860px;
    margin: 0 auto;
}
@media (max-width: 1088.98px) {
    .sitetopic {
        width: 100%;
    }
}
.rui-icon-box {
    width: 60px;
    height: 60px;
    border-radius: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.rui-icon-box--primary {
    background-color: #ece6ed;
    color: #420047;
}
.theme-dark .rui-icon-box--primary {
    background-color: #420047;
    color: #ece6ed;
}
.rui-icon-box--gray {
    background-color: #f9f9fa;
    color: #b4b2bc;
}
.theme-dark .rui-icon-box--gray {
    background-color: #0b0d0f;
    color: #3c4043;
}
.rui-block-text--secondary {
    color: #413c55;
}
.rui-block-text--light {
    color: #a19eab;
}
.rui-block-text--1 {
    font-size: 1.125rem;
}
.rui-block-text--2 {
    font-size: 0.875rem;
}
.rui-block-text--3 {
    font-size: 0.75rem;
}
.c-hero-content {
    position: absolute;
    left: 20%;
    width: 60%;
    text-align: center;
}
@media (min-width: 320px) and (max-width: 767.98px) {
    .c-hero-content .btn {
        padding: 10px 15px;
        font-size: 12px;
    }
    .c-hero-content .mt-5 {
        margin-top: 20px !important;
    }
}
.c-hero-container {
    background-size: cover;
    border-radius: 7px;
    overflow: hidden;
}
@media (min-width: 320px) and (max-width: 1088.98px) {
    .c-hero-container {
        border-radius: 0;
    }
}
.c-hero-container .c-hero-slider-item {
    padding: 0;
    position: relative;
}
@media (min-width: 768px) {
    .c-hero-container .c-hero-slider-item--h {
        background-image: none;
        height: auto !important;
    }
}
@media (min-width: 320px) and (max-width: 767.98px) {
    .c-hero-container .c-hero-slider-item--h {
        background-size: cover;
        background-position: center;
        width: 100%;
        height: 400px;
    }
}
.c-hero-container .tns-outer {
    max-width: 100% !important;
    padding: 0;
    margin: 0;
}
.c-hero-container .tns-nav {
    bottom: 20px;
}
@media (min-width: 320px) and (max-width: 1088.98px) {
    .c-hero-container .tns-nav {
        bottom: 5px;
    }
}
.c-hero-container--video {
    position: relative;
    z-index: 0 !important;
}
.c-hero-container {
    position: relative;
    margin: 0 0 60px;
}
.c-hero-slider .c-hero-container {
    margin: 0;
}
@media (min-width: 320px) and (max-width: 1088.98px) {
    .c-hero-container {
        margin-bottom: 0;
    }
}
@media (min-width: 320px) and (max-width: 767.98px) {
    .c-hero-container {
        margin-top: 0;
    }
}
.c-hero-container.c-hero-box-shadow {
    overflow: inherit;
}
.c-hero-shadow-img:before {
    display: none;
}
.c-hero-shadow-img-box {
    position: absolute;
    top: -110px;
    left: 0;
    width: 100%;
    height: 500px;
    z-index: -2;
}
@media (min-width: 320px) and (max-width: 1088.98px) {
    .c-hero-shadow-img-box {
        display: none;
    }
}
@media (min-width: 320px) and (max-width: 1088.98px) {
    .c-hero-container-shadow:before {
        display: none;
    }
}
.c-hero-container-shadow:before {
    content: "";
    background: #d3d2d8;
    background: -webkit-linear-gradient(165deg, #fff, #d3d2d8);
    background: linear-gradient(165deg, #fff, #d3d2d8);
    top: -110px;
    left: 0;
    width: 100%;
    height: 500px;
    position: absolute;
    z-index: -1;
}
.c-heroimg {
    background-size: cover;
    width: 100%;
    border-radius: 7px;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
}
.c-hero-box-shadow .c-heroimg {
    box-shadow: 0 30px 90px 0 rgba(0, 0, 0, 0.32);
}
.c-heroimg a:hover {
    text-decoration: none;
}
.c-heroimg .h1 {
    margin: 0.5rem 0;
    font-size: 3.5rem;
    color: #fff;
}
@media (min-width: 320px) and (max-width: 1088.98px) {
    .c-heroimg .h1 {
        font-size: 18px;
    }
}
.c-heroimg .h3 {
    font-size: 1.5rem;
    color: #fff;
}
@media (min-width: 320px) and (max-width: 1088.98px) {
    .c-heroimg .h3 {
        font-size: 14px;
    }
}
.c-heroimg .h5 {
    margin-bottom: 0;
    font-size: 1rem;
    color: #fff;
}
@media (min-width: 320px) and (max-width: 1088.98px) {
    .c-heroimg .h5 {
        font-size: 12px;
    }
}
.c-heroimg .h1 a:not(.btn),
.c-heroimg .h2 a:not(.btn),
.c-heroimg .h3 a:not(.btn),
.c-heroimg .h4 a:not(.btn),
.c-heroimg .h5 a:not(.btn),
.c-heroimg p a:not(.btn) {
    color: #fff;
}
.tns-outer {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    direction: ltr;
}
.tns-inner {
    margin: 0 !important;
}
.tns-item {
    padding: 0;
}
.tns-controls {
    position: absolute;
    width: 100%;
    top: calc(50% - 50px);
}
@media (min-width: 320px) and (max-width: 1088.98px) {
    .tns-controls {
        display: none;
    }
}
.tns-controls [data-controls="next"],
.tns-controls [data-controls="prev"] {
    background-color: rgba(0, 0, 0, 0.9);
    border: 0;
    font-size: 18px;
    color: #fff;
    position: absolute;
    padding: 0;
    width: 40px;
    height: 80px;
    border-radius: 7px;
    z-index: 2;
}
.tns-controls [data-controls="next"][disabled],
.tns-controls [data-controls="prev"][disabled] {
    opacity: 0.2;
}
@media (min-width: 320px) and (max-width: 1088.98px) {
    .tns-controls [data-controls="next"],
    .tns-controls [data-controls="prev"] {
        display: none;
    }
}
.tns-controls [data-controls="next"] {
    right: -60px;
    left: auto;
}
.c-hero-container .tns-controls [data-controls="next"] {
    right: 30px;
}
@media (min-width: 1089px) {
    .tns-controls [data-controls="next"] {
        left: auto;
        right: -40px;
    }
}
@media (min-width: 320px) and (max-width: 1088.98px) {
    .tns-controls [data-controls="next"] {
        right: -15px;
    }
}
.tns-controls [data-controls="prev"] {
    left: -60px;
    right: auto;
}
.c-hero-container .tns-controls [data-controls="prev"] {
    left: 30px;
}
@media (min-width: 1089px) {
    .tns-controls [data-controls="prev"] {
        left: -40px;
        right: auto;
    }
}
.tns-nav {
    position: absolute;
    width: 100%;
    bottom: 0;
    text-align: center;
    z-index: 9;
}
.tns-nav button {
    margin: 5px 10px;
    padding: 0;
    border-radius: 10px;
    width: 10px;
    height: 10px;
    border: 0;
    background-color: #e1e0e4;
}
.tns-nav button.tns-nav-active {
    background-color: #c6b3c8;
}
.s-courses-list .c-courses-list-title {
    margin-bottom: 2rem;
}
.s-courses-list .c-courses-list {
    margin: 0;
    padding: 0;
    font-size: 0.875rem;
    color: #a19eab;
}
.s-courses-list .c-courses-list li {
    list-style: none;
    margin-bottom: 0.5rem;
}
.s-courses-list .c-courses-list li a {
    font-weight: 500;
    color: inherit;
}
.s-courses-list .c-courses-list li a:hover {
    color: #a180a3;
}
.form-control:-ms-input-placeholder {
    color: #b4b2bc;
}
.custom-select {
    -webkit-appearance: none;
    -moz-appearance: none;
}
.custom-range {
    -webkit-appearance: none;
    -moz-appearance: none;
}
.custom-range::-webkit-slider-thumb,
.custom-range::-moz-range-thumb,
.custom-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: 320px) {
    .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 {
    -webkit-user-select: none;
    -ms-user-select: none;
}
.user-select-all {
    -webkit-user-select: all !important;
    -ms-user-select: none;
}
.user-select-auto {
    -webkit-user-select: auto !important;
    -ms-user-select: none;
}
.user-select-none {
    -webkit-user-select: none !important;
    -ms-user-select: none;
}
.atto-fullscreen .editor_atto_wrap {
    z-index: 9999;
}
.editor_atto_content {
    padding: 1rem;
    resize: vertical;
    overflow: auto;
    border: 0;
}
.editor_atto_content_wrap,
.editor_atto + textarea {
    width: 100%;
    padding: 0;
}
#page-admin-setting-themesettingalpha .editor_atto_content_wrap .swiper,
#page-admin-setting-themesettingalpha .editor_atto_content_wrap .swiper-wrapper,
#page-admin-setting-themesettingalpha .editor_atto + textarea .swiper,
#page-admin-setting-themesettingalpha .editor_atto + textarea .swiper-wrapper {
    max-width: 900px;
    overflow-x: auto;
}
.editor_atto + textarea {
    border-radius: 0;
    resize: vertical;
    margin-top: -1px;
}
div.editor_atto_toolbar {
    display: block;
    background: #fff;
    min-height: 35px;
    border: 1px solid #e1e0e4;
    width: 100%;
    padding: 0;
    border-radius: 7px 7px 0 0;
}
.theme-dark div.editor_atto_toolbar {
    background: #e8eaed;
}
div.editor_atto_toolbar button {
    padding: 6px;
    margin: 1px;
    background: none;
    border: 0;
    margin: 0;
    border-radius: 7px;
    line-height: 1;
    cursor: pointer;
}
div.editor_atto_toolbar button:hover {
    outline: 2px solid rgba(6, 66, 205, 0.7);
}
div.editor_atto_toolbar button + button {
    border-left: 0;
}
div.editor_atto_toolbar button[disabled] {
    opacity: 0.45;
    background: none;
    cursor: default;
}
.editor_atto_toolbar button:hover {
    background-image: none;
    background-color: #f9f9fa;
}
.theme-dark .editor_atto_toolbar button:hover {
    background-color: #0b0d0f;
}
.editor_atto_toolbar button:active,
.editor_atto_toolbar button.highlight {
    background-color: #ece6ed;
    background-image: none;
}
.theme-dark .editor_atto_toolbar button:active,
.theme-dark .editor_atto_toolbar button.highlight {
    background-color: #68336c;
}
.editor_atto_toolbar button:active .icon,
.editor_atto_toolbar button.highlight .icon {
    color: #420047;
}
.editor_atto_toolbar button.highlight::before {
    display: none;
}
div.editor_atto_toolbar button::-moz-focus-inner {
    border: 0;
    padding: 0;
}
div.editor_atto_toolbar button .icon {
    padding: 0;
    margin: 2px 0;
}
.theme-dark div.editor_atto_toolbar button .icon {
    filter: invert(1);
}
div.editor_atto_toolbar div.atto_group {
    display: inline-flex;
    border-left: 0;
    border-right: 1px solid #e1e0e4;
    border-top: 1px solid #e1e0e4;
    border-bottom: 1px solid #e1e0e4;
    padding: 4px;
    margin-top: 0;
    margin-bottom: -1px;
    margin-left: 0;
    margin-right: 0;
    border-radius: 0;
    background: transparent;
}
.theme-dark div.editor_atto_toolbar div.atto_group {
    border-right: 1px solid #2e3134;
    border-top: 1px solid #2e3134;
    border-bottom: 1px solid #2e3134;
}
div.editor_atto_toolbar div.atto_group:last-of-type {
    border-right: 0;
}
.editor_atto_content_wrap {
    background-color: #fff;
    color: #090223;
}
.theme-dark .editor_atto_content_wrap {
    background-color: #e8eaed;
    color: #e8eaed;
}
.editor_atto_content_wrap .form-control {
    box-shadow: none;
}
div.editor_atto_toolbar div.atto_group:nth-child(0),
div.editor_atto_toolbar div.atto_group:nth-child(1),
div.editor_atto_toolbar div.atto_group:nth-child(2),
div.editor_atto_toolbar div.atto_group:nth-child(3),
div.editor_atto_toolbar div.atto_group:nth-child(4),
div.editor_atto_toolbar div.atto_group:nth-child(5) {
    border-top: 0;
}
.editor_atto_content img {
    resize: both;
    overflow: auto;
}
.atto_hasmenu {
    white-space: nowrap;
}
.atto_menuentry .icon {
    width: 16px;
    height: 16px;
}
.atto_menuentry {
    clear: left;
}
.atto_menuentry h1,
.atto_menuentry h2,
.atto_menuentry p {
    margin: 4px;
}
.atto_form textarea.fullwidth,
.atto_form input.fullwidth {
    width: 100%;
}
.atto_form {
    padding: 0;
}
.atto_form .form-check {
    display: inline-flex;
    align-items: center;
}
.atto_form .form-check input {
    position: relative;
    margin: 10px;
}
.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;
}
.editor_atto_content img:-moz-broken {
    -moz-force-broken-image-icon: 1;
    min-width: 24px;
    min-height: 24px;
}
.moodle-dialogue-base .editor_atto_menu .moodle-dialogue-content .moodle-dialogue-bd {
    padding: 3px 0 0 !important;
    z-index: 1000;
}
.atto_form .mdl-align .btn {
    width: 100%;
}
.editor_atto_menu .dropdown-menu > li > a {
    margin: 3px 0;
}
.editor_atto_menu .open ul.dropdown-menu {
    padding-top: 5px;
    padding-bottom: 5px;
}
.editor_atto_wrap {
    position: relative;
    width: 100%;
}
.editor_atto_wrap textarea {
    direction: ltr;
}
.editor_atto_notification .atto_info,
.editor_atto_notification .atto_warning {
    margin-top: 0.25rem;
    display: inline-flex;
    align-items: center;
    background-color: #f9f9fa;
    padding: 0.5rem;
    font-size: 0.75rem;
    border-radius: 7px;
}
.theme-dark .editor_atto_notification .atto_info,
.theme-dark .editor_atto_notification .atto_warning {
    background-color: #0b0d0f;
}
.editor_atto_notification .atto_info img,
.editor_atto_notification .atto_warning img {
    margin-right: 0.25rem;
}
.theme-dark .editor_atto_notification .atto_info img,
.theme-dark .editor_atto_notification .atto_warning img {
    filter: invert(1);
}
.editor_atto_notification .atto_info {
    background-color: #f9f9fa;
}
.theme-dark .editor_atto_notification .atto_info {
    background-color: #0b0d0f;
}
.editor_atto_notification .atto_warning {
    background-color: #fff1d5;
}
.editor_atto_toolbar,
.editor_atto_content_wrap,
.editor_atto + textarea {
    border-radius: 0 0 7px 7px;
    box-sizing: border-box;
    border: 1px solid #e1e0e4;
}
.theme-dark .editor_atto_toolbar,
.theme-dark .editor_atto_content_wrap,
.theme-dark .editor_atto + textarea {
    border: 1px solid #2e3134;
}
.editor_atto_content.form-control {
    width: 100%;
    min-height: 200px !important;
    border-top: 0;
}
.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.75rem;
    color: #ef1010;
}
.has-danger .editor_atto_content.form-control .invalid-tooltip,
.has-danger .editor_atto_content.form-control-danger .invalid-tooltip {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: 0.25rem 0.5rem;
    margin-top: 0.1rem;
    font-size: 0.875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(239, 16, 16, 0.9);
    border-radius: 7px;
}
.form-row > .col > .has-danger .editor_atto_content.form-control .invalid-tooltip,
.form-row > [class*="col-"] > .has-danger .editor_atto_content.form-control .invalid-tooltip,
.form-row > .col > .has-danger .editor_atto_content.form-control-danger .invalid-tooltip,
.form-row > [class*="col-"] > .has-danger .editor_atto_content.form-control-danger .invalid-tooltip {
    left: 5px;
}
.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: #ef1010;
    padding-right: calc(1.5em + 1.5rem) !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23ef1010' viewBox='0 0 12 12'%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='%23ef1010' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.375rem) center;
    background-size: calc(0.75em + 0.75rem);
}
.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: #ef1010;
    box-shadow: 0 0 0 0.2rem rgba(239, 16, 16, 0.25);
}
.was-validated .has-danger .editor_atto_content.form-control select.form-control:invalid,
.has-danger .editor_atto_content.form-control select.form-control.is-invalid,
.was-validated .has-danger .editor_atto_content.form-control-danger select.form-control:invalid,
.has-danger .editor_atto_content.form-control-danger select.form-control.is-invalid {
    padding-right: 5rem !important;
    background-position: right 2.5rem center;
}
.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 + 1.5rem);
    background-position: top calc(0.375em + 0.375rem) right;
}
.was-validated .has-danger .editor_atto_content.form-control .custom-select:invalid,
.has-danger .editor_atto_content.form-control .custom-select.is-invalid,
.was-validated .has-danger .editor_atto_content.form-control-danger .custom-select:invalid,
.has-danger .editor_atto_content.form-control-danger .custom-select.is-invalid {
    border-color: #ef1010;
    padding-right: calc(0.75em + 3.375rem) !important;
    background: 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='%23413c55' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 10px center / 8px 10px no-repeat,
        #f9f9fa
            url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23ef1010' viewBox='0 0 12 12'%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='%23ef1010' stroke='none'/%3e%3c/svg%3e")
            center right 2.25rem / calc(0.75em + 0.75rem) no-repeat;
}
.was-validated .has-danger .editor_atto_content.form-control .custom-select:invalid:focus,
.has-danger .editor_atto_content.form-control .custom-select.is-invalid:focus,
.was-validated .has-danger .editor_atto_content.form-control-danger .custom-select:invalid:focus,
.has-danger .editor_atto_content.form-control-danger .custom-select.is-invalid:focus {
    border-color: #ef1010;
    box-shadow: 0 0 0 0.2rem rgba(239, 16, 16, 0.25);
}
.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: #ef1010;
}
.was-validated .has-danger .editor_atto_content.form-control .form-check-input:invalid ~ .invalid-feedback,
.was-validated .has-danger .editor_atto_content.form-control .form-check-input:invalid ~ .invalid-tooltip,
.has-danger .editor_atto_content.form-control .form-check-input.is-invalid ~ .invalid-feedback,
.has-danger .editor_atto_content.form-control .form-check-input.is-invalid ~ .invalid-tooltip,
.was-validated .has-danger .editor_atto_content.form-control-danger .form-check-input:invalid ~ .invalid-feedback,
.was-validated .has-danger .editor_atto_content.form-control-danger .form-check-input:invalid ~ .invalid-tooltip,
.has-danger .editor_atto_content.form-control-danger .form-check-input.is-invalid ~ .invalid-feedback,
.has-danger .editor_atto_content.form-control-danger .form-check-input.is-invalid ~ .invalid-tooltip {
    display: block;
}
.was-validated .has-danger .editor_atto_content.form-control .custom-control-input:invalid ~ .custom-control-label,
.has-danger .editor_atto_content.form-control .custom-control-input.is-invalid ~ .custom-control-label,
.was-validated .has-danger .editor_atto_content.form-control-danger .custom-control-input:invalid ~ .custom-control-label,
.has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid ~ .custom-control-label {
    color: #ef1010;
}
.was-validated .has-danger .editor_atto_content.form-control .custom-control-input:invalid ~ .custom-control-label::before,
.has-danger .editor_atto_content.form-control .custom-control-input.is-invalid ~ .custom-control-label::before,
.was-validated .has-danger .editor_atto_content.form-control-danger .custom-control-input:invalid ~ .custom-control-label::before,
.has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid ~ .custom-control-label::before {
    border-color: #ef1010;
}
.was-validated .has-danger .editor_atto_content.form-control .custom-control-input:invalid:checked ~ .custom-control-label::before,
.has-danger .editor_atto_content.form-control .custom-control-input.is-invalid:checked ~ .custom-control-label::before,
.was-validated .has-danger .editor_atto_content.form-control-danger .custom-control-input:invalid:checked ~ .custom-control-label::before,
.has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
    border-color: #f24040;
    background-color: #f24040;
}
.was-validated .has-danger .editor_atto_content.form-control .custom-control-input:invalid:focus ~ .custom-control-label::before,
.has-danger .editor_atto_content.form-control .custom-control-input.is-invalid:focus ~ .custom-control-label::before,
.was-validated .has-danger .editor_atto_content.form-control-danger .custom-control-input:invalid:focus ~ .custom-control-label::before,
.has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 0.2rem rgba(239, 16, 16, 0.25);
}
.was-validated .has-danger .editor_atto_content.form-control .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before,
.has-danger .editor_atto_content.form-control .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before,
.was-validated .has-danger .editor_atto_content.form-control-danger .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before,
.has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #ef1010;
}
.was-validated .has-danger .editor_atto_content.form-control .custom-file-input:invalid ~ .custom-file-label,
.has-danger .editor_atto_content.form-control .custom-file-input.is-invalid ~ .custom-file-label,
.was-validated .has-danger .editor_atto_content.form-control-danger .custom-file-input:invalid ~ .custom-file-label,
.has-danger .editor_atto_content.form-control-danger .custom-file-input.is-invalid ~ .custom-file-label {
    border-color: #ef1010;
}
.was-validated .has-danger .editor_atto_content.form-control .custom-file-input:invalid:focus ~ .custom-file-label,
.has-danger .editor_atto_content.form-control .custom-file-input.is-invalid:focus ~ .custom-file-label,
.was-validated .has-danger .editor_atto_content.form-control-danger .custom-file-input:invalid:focus ~ .custom-file-label,
.has-danger .editor_atto_content.form-control-danger .custom-file-input.is-invalid:focus ~ .custom-file-label {
    border-color: #ef1010;
    box-shadow: 0 0 0 0.2rem rgba(239, 16, 16, 0.25);
}
.open.atto_menu > .dropdown-menu {
    display: block;
}
.atto_equation_library button {
    margin: 3px;
    min-width: 40px;
    width: auto;
    height: 40px;
}
.atto_image_preview {
    width: auto !important;
    max-height: 200px;
}
.atto_h5p_urlentrysubmit {
    width: 100%;
}
.atto_image_button_text-top.img-fluid,
.atto_image_button_middle.img-fluid,
.atto_image_button_text-bottom.img-fluid {
    display: block !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.yui3-widget-modal .ftoggler h3,
.modal .ftoggler h3 {
    font-size: 0.875rem;
}
.atto_form.atto_media > .tab-content {
    padding: 10px;
}
.block_course_contents .badge {
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    background-color: #ece6ed;
    font-size: 0.75rem;
    color: #420047;
}
.block_course_contents .section-number {
    margin-right: 0.35rem;
}
.block_course_contents .section-item {
    margin: 3px 0;
    display: inline-flex;
    align-items: center;
}
.block_course_contents .section-item:hover {
    background-color: #ece6ed;
}
.block_course_contents .section-item.active {
    background-color: #f9f9fa;
    color: #a19eab;
}
.block_course_contents .section-item.active .badge {
    background-color: #fff;
}
.block_course_contents a {
    width: 100%;
    display: flex;
    align-items: center;
    border-radius: 7px;
    line-height: 1.4;
    color: inherit;
}
.block_course_contents a:hover {
    text-decoration: none;
}
.block_course_contents .list-group-item {
    padding: 0.25rem;
    border-radius: 7px;
    border-bottom: 0;
}
.spinner {
    animation: rotate 2s linear infinite;
    z-index: 2;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -15px 0 0 -15px;
    width: 30px;
    height: 30px;
}
.spinner .path {
    stroke: #e1e0e4;
    stroke-linecap: round;
    animation: dash 1.5s ease-in-out infinite;
}
@keyframes rotate {
    100% {
        transform: rotate(360deg);
    }
}
@keyframes dash {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35;
    }
    100% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124;
    }
}
.block.block_course_modulenavigation .section-group {
    margin-bottom: 0;
}
.block.block_course_modulenavigation .section {
    border: none;
}
.block.block_course_modulenavigation .module-navigation-section-heading {
    padding: 10px 1.25rem 0 1.25rem;
    margin: 0 -1.25rem 10px;
    width: calc(100% + 2.5rem);
    border-top: 1px solid #e1e0e4;
    background-color: transparent;
    font-size: 0.875rem;
    font-weight: 700;
}
.block.block_course_modulenavigation .module-navigation-section-heading:last-of-type {
    border-bottom: none;
    margin-bottom: 0;
}
.block.block_course_modulenavigation .module-navigation-section-heading a {
    color: #090223;
}
.block.block_course_modulenavigation .section-default > .module-navigation-section-heading {
    background-color: transparent;
}
.block.block_course_modulenavigation .section-group .section:last-of-type .module-navigation-section-heading {
    margin-bottom: 0;
}
.block.block_course_modulenavigation ul.activities li > a {
    border-bottom: none;
    border-radius: 7px;
    font-weight: 500;
    font-size: 0.75rem;
    color: #413c55;
}
.block.block_course_modulenavigation .pagination > li a,
.block.block_course_modulenavigation .allpagination > li a {
    font-size: 0.875rem;
    font-weight: 500;
}
.block.block_course_modulenavigation .pagination > li a:hover,
.block.block_course_modulenavigation .allpagination > li a:hover {
    color: #a180a3;
    text-decoration: none;
}
.block.block_course_modulenavigation .section-group .module-navigation-section-heading + .section-collapse > .section-body,
.block.block_course_modulenavigation .section-group .module-navigation-section-heading + .section-collapse > .list-group {
    border-top: none;
}
.block.block_course_modulenavigation .section-group .section {
    border-radius: 7px;
}
body#page-course-view-remuiformat .container-fluid #region-main,
body#page-course-view-remuiformat .container-sm #region-main,
body#page-course-view-remuiformat .container-md #region-main,
body#page-course-view-remuiformat .container-lg #region-main,
body#page-course-view-remuiformat .container-xl #region-main {
    background-color: transparent !important;
}
body#page-course-view-remuiformat .course-content .sections {
    padding: 0 !important;
}
body#page-course-view-remuiformat .remui-format-card.single-section-format .general-single-card,
body#page-course-view-remuiformat .remui-format-list.one-section-format .activities-list {
    background-color: transparent;
    box-shadow: none;
    padding: 0 !important;
}
body#page-course-view-remuiformat .remui-format-list.one-section-format .activities-list {
    margin-top: 30px;
}
body#page-course-view-remuiformat .remui-format-list #section-0 .general-section-activities .activity {
    margin: 2px !important;
    padding: 1rem !important;
    border-radius: 7px;
    border: 1px solid #e1e0e4 !important;
}
body#page-course-view-remuiformat .remui-format-card.all-section-format .section .sectionname {
    font-size: 1rem;
}
body#page-course-view-remuiformat .remui-format-card.all-section-format .section .section-activities-summary .item {
    padding: 3px 10px 3px 0;
}
body#page-course-view-remuiformat .remui-format-list .sections .section .sectionname a {
    color: inherit;
}
body#page-course-view-remuiformat .remui-format-list .sections .section .sectionname a:before {
    background-color: #090223;
}
body#page-course-view-remuiformat .remui-format-list #section-0 #teachers-carousel {
    width: 200px;
}
body#page-course-view-remuiformat .remui-format-list #section-0 .carousel-control.left,
body#page-course-view-remuiformat .remui-format-list #section-0 .carousel-control.right,
body#page-course-view-remuiformat .remui-format-list #section-0 .carousel-control-prev,
body#page-course-view-remuiformat .remui-format-list #section-0 .carousel-control-next {
    width: 25px !important;
}
body#page-course-view-remuiformat .remui-format-list #section-0 .carousel-inner {
    margin: 0 auto;
}
body#page-course-view-remuiformat:not(.editing) .remui-format-list .sections .section .sectionname .panel-title .float-right {
    padding-right: 20px;
}
body#page-course-view-remuiformat .remui-format-card.all-section-format .section .wdm-section-summary {
    font-size: 0.875rem;
    color: #413c55;
}
body#page-course-view-remuiformat .remui-format-card.all-section-format .section .section-activities-summary {
    font-size: 0.75rem;
    color: #b4b2bc;
}
body#page-course-view-remuiformat .general-section-activities .activity .actions,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity {
    margin: 0 !important;
}
body#page-course-view-remuiformat .general-section-activities .activity .actions .rui-completion-info,
body#page-course-view-remuiformat .general-section-activities .activity .actions .rui-contentafterlink,
body#page-course-view-remuiformat .general-section-activities .activity .actions .resourcelinkdetails,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity .rui-completion-info,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity .rui-contentafterlink,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity .resourcelinkdetails {
    margin-left: 0 !important;
    text-align: center;
}
body#page-course-view-remuiformat .general-section-activities .activity .actions {
    margin-top: 10px;
    display: flex;
    position: relative;
    justify-content: flex-start;
}
body#page-course-view-remuiformat .remui-format-card.all-section-format #section-0 .activitieshead,
body#page-course-view-remuiformat .remui-format-card.all-section-format #section-0 .general-section-activities {
    padding: 0;
}
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity > div,
body#page-course-view-remuiformat .remui-format-card.all-section-format #section-0 .general-section-activities .activity {
    padding: 5px;
    margin: 0;
}
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity > div,
body#page-course-view-remuiformat .remui-format-card.all-section-format #section-0 .general-section-activities .activity > div,
body#page-course-view-remuiformat .remui-format-card.all-section-format .section .single-card {
    padding: 1rem !important;
    border-radius: 7px;
    border: 1px solid #e1e0e4 !important;
    box-shadow: none;
}
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity > div span.autocompletion img,
body#page-course-view-remuiformat .remui-format-card.all-section-format #section-0 .general-section-activities .activity > div span.autocompletion img,
body#page-course-view-remuiformat .remui-format-card.all-section-format .section .single-card span.autocompletion img {
    margin-top: 5px;
}
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity .completion-container {
    top: 40px;
    padding: 0 !important;
    right: 20px;
}
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity .wdm-mod-name {
    font-size: 0.75rem;
    font-weight: 500;
    margin-bottom: 1rem;
}
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity {
    border-bottom: 0;
}
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity .title a:hover::before,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity .title.nosummary a:hover::before {
    display: none;
}
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity .title.nosummary img {
    margin: 0 0 0.5rem 0;
    width: 40px;
    height: 40px;
}
body#page-course-view-remuiformat .remui-format-card.all-section-format #section-0 .general-section-activities .activity > div,
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity .title.nosummary a {
    text-align: left;
}
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 {
    justify-content: flex-start;
    align-items: flex-start;
}
body#page-course-view-remuiformat .container-fluid #region-main .card,
body#page-course-view-remuiformat .container-sm #region-main .card,
body#page-course-view-remuiformat .container-md #region-main .card,
body#page-course-view-remuiformat .container-lg #region-main .card,
body#page-course-view-remuiformat .container-xl #region-main .card,
body#page-course-view-remuiformat .remui-format-card.all-section-format .section .general-section {
    background-color: #f9f9fa;
    border: 1px solid #e1e0e4;
    border-radius: 7px;
}
body#page-course-view-remuiformat .course-content .card {
    padding: 1rem 1.25rem;
    margin-bottom: 10px !important;
}
body#page-course-view-remuiformat .container-fluid #region-main .card.block_html,
body#page-course-view-remuiformat .container-sm #region-main .card.block_html,
body#page-course-view-remuiformat .container-md #region-main .card.block_html,
body#page-course-view-remuiformat .container-lg #region-main .card.block_html,
body#page-course-view-remuiformat .container-xl #region-main .card.block_html {
    border: none;
}
body#page-course-view-remuiformat .container-fluid #region-main .card > .card-body:first-of-type,
body#page-course-view-remuiformat .container-sm #region-main .card > .card-body:first-of-type,
body#page-course-view-remuiformat .container-md #region-main .card > .card-body:first-of-type,
body#page-course-view-remuiformat .container-lg #region-main .card > .card-body:first-of-type,
body#page-course-view-remuiformat .container-xl #region-main .card > .card-body:first-of-type {
    background-color: transparent;
}
body#page-course-view-remuiformat #section-0 .progress {
    margin-top: 2rem;
    border-radius: 7px;
    overflow: hidden;
}
.wdm-generalsectiontitle {
    font-size: 1.25rem;
    font-weight: 500;
}
body#page-course-view-remuiformat .remui-format-list.all-section-format ul.sections li.section:not(#section-0) > div,
body#page-course-view-remuiformat .remui-format-list.one-section-format.all-section .sections .section:not(#section-0) > div {
    box-shadow: none;
    padding: 0 !important;
}
body#page-course-view-remuiformat .remui-format-list.all-section-format ul.sections li.section .toggle-icon {
    position: absolute;
    right: 0;
}
body#page-course-view-remuiformat .remui-format-list.all-section-format ul.sections li.section .toggle-icon::before {
    font-size: 18px;
    color: #413c55;
}
body#page-course-view-remuiformat .remui-format-list #section-0 .course-cover-image {
    padding: 2rem !important;
    border-radius: 7px;
}
body#page-course-view-remuiformat .remui-format-list .sections .section .card-footer {
    padding: 0 !important;
}
body#page-course-view-remuiformat .remui-format-list.one-section-format .activities-list ul.section .activity {
    padding: 15px 20px !important;
}
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity .title a,
body#page-course-view-remuiformat .general-section-activities .activityinstance .instancename,
body#page-course-view-remuiformat .remui-format-list #section-0 .general-section-activities .instancename {
    width: 100%;
    margin-top: 0.5rem;
    display: flex;
    flex-wrap: wrap;
    font-size: 0.875rem;
    line-height: 1.3;
    text-align: left;
}
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity .title a .instancename,
body#page-course-view-remuiformat .general-section-activities .activityinstance .instancename .instancename,
body#page-course-view-remuiformat .remui-format-list #section-0 .general-section-activities .instancename .instancename {
    display: block;
    margin-top: 0.5rem;
}
body#page-course-view-remuiformat .remui-format-list #section-0 .general-section-activities .activity {
    width: calc(25% - 4px);
}
body#page-course-view-remuiformat .remui-format-list #section-0 .general-section-activities .activity .activityinstance {
    display: block !important;
    text-align: left;
}
body#page-course-view-remuiformat .remui-format-list #section-0 .general-section-activities .activity .activityinstance > a {
    display: flex;
    flex-wrap: wrap;
}
body#page-course-view-remuiformat .remui-format-list #section-0 .general-section-activities .activity .activityinstance > a .rui-instancename {
    margin-top: 0.35rem;
}
body#page-course-view-remuiformat .remui-format-list #section-0 .summary {
    min-height: auto;
}
body#page-course-view-remuiformat .general-section-activities .activity .activityinstance {
    text-align: left;
}
body#page-course-view-remuiformat .general-section-activities .activity .activityinstance .aalink {
    display: flex;
    align-items: center;
}
body#page-course-view-remuiformat .general-section-activities .activityinstance img,
body#page-course-view-remuiformat .remui-format-list #section-0 .general-section-activities .activity .activityinstance .iconlarge.activityicon {
    width: 40px !important;
    height: 40px !important;
}
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity .activity-content,
body#page-course-view-remuiformat .general-section-activities .activity .contentafterlink,
body#page-course-view-remuiformat .section-summary-activities {
    margin: 0.5rem 0 0 0;
    padding: 0;
    text-align: left !important;
    font-size: 0.75rem;
    color: #b4b2bc;
}
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity .activity-content:empty,
body#page-course-view-remuiformat .general-section-activities .activity .contentafterlink:empty,
body#page-course-view-remuiformat .section-summary-activities:empty {
    display: none;
}
body#page-course-view-remuiformat li.activity form.togglecompletion .btn {
    position: absolute;
    right: 0;
    top: 0;
}
body#page-course-view-remuiformat .remui-format-list #section-0 .general-section-activities .activity .actions {
    position: relative;
    right: auto;
    top: 5px;
    justify-content: flex-start;
}
body#page-course-view-remuiformat .general-section-activities .activity {
    border-bottom: 0;
    text-align: left;
}
body#page-course-view-remuiformat .general-section-activities .activity:first-of-type {
    margin-left: 0;
}
body#page-course-view-remuiformat .remui-format-card.all-section-format #section-0 .activitieshead {
    padding: 0 1.3rem;
}
body#page-course-view-remuiformat .remui-format-list #section-0 .carousel-inner {
    width: 105px;
}
body#page-course-view-remuiformat .remui-format-list #section-0 .carousel-inner a {
    margin: 3px;
}
body#page-course-view-remuiformat .remui-format-list #section-0 .carousel-inner a:before {
    display: none;
}
body#page-course-view-remuiformat .section-modchooser .section-modchooser-link {
    box-shadow: none !important;
    border: 0 !important;
    color: #090223 !important;
}
body#page-course-view-remuiformat .section-modchooser .section-modchooser-link *,
body#page-course-view-remuiformat .section-modchooser .section-modchooser-link a:hover {
    color: inherit !important;
}
body#page-course-view-remuiformat .course-content .sections .wdm-add-new-section {
    width: 100%;
    padding: 0.35rem 1.7rem 0.35rem 0.75rem !important;
    font-size: 0.75rem;
}
.course-content ul.buttons {
    padding: 0;
}
.course-content ul.buttons li.section .content {
    margin: 0;
}
.course-content ul.buttons li.section .left,
.course-content ul.buttons li.section .right {
    padding: 0;
}
.tool_gdpr_plus.policies-consent .policy-container {
    left: 10px;
    right: 10px;
    bottom: 10px;
    width: calc(100% - 20px);
    border-radius: 7px;
}
div#trailmiddle-column > ul {
    padding: 0;
}
div#trailmiddle-column > ul li.section ul {
    padding: 0;
}
.format-tiles .subtile.hasphoto .btn.completion-btn,
.format-tiles .subtile.hasphoto .subtilecontrols,
.format-tiles.editing .section .activity.subtile.hasphoto .action-menu,
.format-tiles.jsenabled ul.tiles {
    max-width: 100% !important;
}
.format-tiles #section-0 ul.section {
    margin: 30px 0 !important;
    padding: 0 !important;
    border: 1px solid #e1e0e4;
    border-radius: 7px !important;
}
.format-tiles .course-content #filterbuttons {
    margin-right: 0;
    margin-bottom: 0;
    min-height: auto;
    display: inline-flex;
    align-items: center;
}
.format-tiles .tiles-top-button,
.format-tiles .filterbutton {
    margin-left: 0.25rem;
    border-radius: 7px;
    font-size: 0.875rem;
    font-weight: 500;
    color: #090223 !important;
}
.format-tiles .tiles-top-button {
    background-color: transparent;
}
.format-tiles .tiles-top-button:hover,
.format-tiles .filterbutton:hover,
.sectionbutton:hover,
.format-tiles .filterbutton.selected {
    background-color: #ece6ed !important;
    color: #420047 !important;
}
.format-tiles .overall-progress {
    display: inline-flex;
    align-items: center;
    font-size: 0.75rem;
}
.format-tiles .course-content ul.tiles .tile {
    border-radius: 7px !important;
    box-shadow: none !important;
}
.format-tiles ul.tiles .tile h3 {
    font-size: 1rem !important;
    font-weight: 700;
    color: #090223 !important;
}
format-tiles .tileiconcontainer .icon {
    width: 35px !important;
    height: 35px !important;
}
.tiletopright {
    position: absolute;
    top: 10px;
    right: 10px;
}
@font-face {
    font-family: "swiper-icons";
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA")
        format("woff");
    font-weight: 400;
    font-style: normal;
}
.swiper {
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0 0 44px 0;
    z-index: 1;
}
.swiper-vertical > .swiper-wrapper {
    flex-direction: column;
}
.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-wrapper {
    transform: translate3d(0, 0, 0);
}
.swiper-pointer-events {
    touch-action: pan-y;
}
.swiper-pointer-events.swiper-vertical {
    touch-action: pan-x;
}
.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
}
.swiper-slide-bottom-gap {
    margin-bottom: 40px;
}
.swiper-slide-invisible-blank {
    visibility: hidden;
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto;
}
.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height;
}
.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px;
}
.swiper-3d .swiper-wrapper,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-cube-shadow {
    transform-style: preserve-3d;
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
}
.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
    scroll-snap-type: x mandatory;
}
.swiper-vertical.swiper-css-mode > .swiper-wrapper {
    scroll-snap-type: y mandatory;
}
.swiper-centered > .swiper-wrapper::before {
    content: "";
    flex-shrink: 0;
    order: 9999;
}
.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
    height: 100%;
    width: var(--swiper-centered-offset-after);
}
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-vertical > .swiper-wrapper::before {
    width: 100%;
    height: var(--swiper-centered-offset-after);
}
.swiper-centered > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: center center;
}
.swiper .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
}
.swiper-creative .swiper-slide {
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform, opacity, height;
}
.swiper-grid > .swiper-wrapper {
    flex-wrap: wrap;
}
.swiper-grid-column > .swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column;
}
.swiper-button-prev,
.swiper-button-next {
    position: absolute;
    top: calc(50% - 25px);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
    display: none !important;
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: 10px;
    right: auto;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: "";
    background-color: rgba(249, 249, 250, 0.5);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23090223' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M10.25 6.75L4.75 12L10.25 17.25'%3E%3C/path%3E%3Cpath stroke='%23090223' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19.25 12H5'%3E%3C/path%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    transition: all 0.2s ease-in-out;
}
.swiper-button-prev:hover:after,
.swiper-rtl .swiper-button-next:hover:after {
    background-color: rgba(9, 2, 35, 0.8);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23f9f9fa' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M10.25 6.75L4.75 12L10.25 17.25'%3E%3C/path%3E%3Cpath stroke='%23f9f9fa' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19.25 12H5'%3E%3C/path%3E%3C/svg%3E%0A");
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: 10px;
    left: auto;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: "";
    background-color: rgba(249, 249, 250, 0.8);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23090223' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M13.75 6.75L19.25 12L13.75 17.25'%3E%3C/path%3E%3Cpath stroke='%23090223' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 12H4.75'%3E%3C/path%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    transition: all 0.2s ease-in-out;
}
.swiper-button-next:hover:after,
.swiper-rtl .swiper-button-prev:hover:after {
    background-color: rgba(9, 2, 35, 0.8);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23f9f9fa' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M13.75 6.75L19.25 12L13.75 17.25'%3E%3C/path%3E%3Cpath stroke='%23f9f9fa' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 12H4.75'%3E%3C/path%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
}
.swiper-button-lock {
    display: none;
}
.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: 300ms opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
}
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 10px;
    left: 50px;
    width: calc(100% - 100px);
}
.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(0.33);
    position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(0.33);
}
.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 8px;
    background: #000;
    opacity: 0.2;
}
.theme-dark .swiper-pagination-bullet {
    background: #fff;
}
button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}
.swiper-pagination-bullet:only-child {
    display: none !important;
}
.swiper-pagination-bullet-active {
    opacity: 1;
    width: 16px;
    background: #68336c;
}
.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0, -50%, 0);
}
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: 200ms transform, 200ms top;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 200ms transform, 200ms left;
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 200ms transform, 200ms right;
}
.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, 0.25);
    position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #c6b3c8;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
    width: calc(100% - 20px);
    height: 5px;
    left: 10px;
    top: 10px;
    border-radius: 7px;
    overflow: hidden;
}
.swiper-vertical > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
    width: 5px;
    height: calc(100% - 10px);
    left: 5px;
    top: 5px;
    overflow: hidden;
    border-radius: 5px;
}
.swiper-pagination-lock {
    display: none;
}
.swiper-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
}
.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
    scroll-snap-type: x mandatory;
}
.swiper-vertical.swiper-css-mode > .swiper-wrapper {
    scroll-snap-type: y mandatory;
}
.swiper-centered > .swiper-wrapper::before {
    content: "";
    flex-shrink: 0;
    order: 9999;
}
.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
    height: 100%;
    width: var(--swiper-centered-offset-after);
}
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-vertical > .swiper-wrapper::before {
    width: 100%;
    height: var(--swiper-centered-offset-after);
}
.swiper-centered > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: center center;
}
.navbar.fixed-top {
    padding-top: 0;
    padding-bottom: 0;
    box-shadow: none;
    border-bottom: #e1e0e4 1px solid;
    align-items: stretch;
    height: 61px;
    z-index: 1030;
}
.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: #e1e0e4;
}
.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 {
    content: "";
    font-size: 1rem;
    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 {
    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 {
    content: "";
}
.dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .carousel .carousel-inner .carousel-item-prev.carousel-item-right,
.dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .carousel .carousel-inner .carousel-item-next.carousel-item-left {
    transform: translateX(0);
}
.dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .carousel .carousel-inner .carousel-item-next,
.dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .carousel .carousel-inner .carousel-item-right.active {
    transform: translateX(-100%);
}
.dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .carousel .carousel-inner .carousel-item-prev,
.dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .carousel .carousel-inner .carousel-item-left.active {
    transform: translateX(100%);
}
.pagelayout-embedded #page {
    margin-top: 0;
}
@media (max-width: 1088.98px) {
    .rui-courseheadermenu-container {
        overflow-x: auto;
    }
    .rui-courseheadermenu-container .header-links {
        width: max-content;
    }
}
.rui-course-nav-container {
    width: max-content;
    padding: 0;
    margin-top: 20px;
    margin-bottom: 0;
    border-bottom: 1px solid #e1e0e4;
    font-weight: 500;
    font-size: 0.813rem;
}
.theme-dark .rui-course-nav-container {
    color: #e8eaed;
    border-color: #2e3134;
}
@media (max-width: 767.98px) {
    .rui-course-nav-container {
        margin-top: 0;
    }
}
.rui-course-nav-container .header-link-item {
    display: inline-flex;
    align-items: center;
    position: relative;
    margin: 5px 1.5rem 5px 0;
    padding: 0.55rem 0;
    border-radius: 7px;
    color: #a19eab;
}
.rui-course-nav-container .header-link-item:last-child {
    margin-right: 0;
}
.theme-dark .rui-course-nav-container .header-link-item {
    color: #9aa0a6;
}
.rui-course-nav-container .header-link-item .header-link-item-icon {
    margin-right: 0.35rem;
    opacity: 0.7;
}
.rui-course-nav-container .header-link-item:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: -6px;
    left: 0;
    right: 0;
    border-bottom: 1px solid #420047;
    transition: all 0.2s ease-in-out;
    opacity: 0;
}
.theme-dark .rui-course-nav-container .header-link-item:before {
    border-color: #a180a3;
}
.rui-course-nav-container .header-link-item:hover {
    text-decoration: none;
    color: #420047;
}
.theme-dark .rui-course-nav-container .header-link-item:hover {
    color: #a180a3;
}
.rui-course-nav-container .header-link-item:hover:before {
    opacity: 1;
}
.rui-course-nav-container .header-link-item.active {
    color: #420047;
}
.theme-dark .rui-course-nav-container .header-link-item.active {
    color: #a180a3;
}
.rui-course-nav-container .header-link-item.active:before {
    opacity: 1;
}
#page-admin-reportbuilder-edit {
    background-color: #fff;
}
#page-admin-reportbuilder-edit #page-popup {
    margin-top: 65px;
    padding: 0;
}
.reportbuilder-wrapper .filters-dropdown {
    width: 27rem;
    padding: 0;
}
@media (max-width: 767.98px) {
    .reportbuilder-wrapper .filters-dropdown {
        width: 100%;
    }
}
.reportbuilder-wrapper .reportbuilder-filters-wrapper .mform.full-width-labels .fitem.row > .col-md-3,
.reportbuilder-wrapper .reportbuilder-filters-wrapper .mform.full-width-labels .fitem.row > .col-md-9,
.reportbuilder-wrapper .reportbuilder-conditions-list .mform.full-width-labels .fitem.row > .col-md-3,
.reportbuilder-wrapper .reportbuilder-conditions-list .mform.full-width-labels .fitem.row > .col-md-9 {
    flex: 0 0 100%;
    max-width: 100%;
}
.reportbuilder-wrapper .reportbuilder-filters-wrapper .mform.full-width-labels .fitem.row .fdate_selector,
.reportbuilder-wrapper .reportbuilder-conditions-list .mform.full-width-labels .fitem.row .fdate_selector {
    flex-wrap: wrap;
}
.reportbuilder-wrapper .reportbuilder-filters-wrapper .mform .form-group,
.reportbuilder-wrapper .reportbuilder-conditions-list .mform .form-group {
    margin-bottom: 0;
    max-width: 100%;
}
.reportbuilder-wrapper .reportbuilder-filters-wrapper .mform .form-group > span,
.reportbuilder-wrapper .reportbuilder-conditions-list .mform .form-group > span {
    max-width: 100%;
}
.reportbuilder-wrapper .reportbuilder-filters-wrapper .filter .filter-header,
.reportbuilder-wrapper .reportbuilder-conditions-list .filter .filter-header {
    font-size: 0.875rem;
}
.reportbuilder-wrapper .reportbuilder-filters-wrapper .filter .filter-header .filter-name,
.reportbuilder-wrapper .reportbuilder-conditions-list .filter .filter-header .filter-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 1rem;
}
.reportbuilder-wrapper .reportbuilder-filters-wrapper .filter .filter-header .filter-name:hover,
.reportbuilder-wrapper .reportbuilder-conditions-list .filter .filter-header .filter-name:hover {
    white-space: normal;
    text-overflow: clip;
    word-break: break-all;
}
.reportbuilder-report-container {
    min-width: 0;
}
.reportbuilder-editor-table-container {
    overflow-x: auto;
}
.reportbuilder-table th button[data-action="report-remove-column"] .icon,
.reportbuilder-table th span[data-drag-type="move"] .icon {
    width: 18px;
    height: 18px;
    vertical-align: text-top;
    color: #090223;
}
.reportbuilder-table th button[data-action="report-remove-column"] .icon {
    margin-right: 0;
}
@media (min-width: 1089px) {
    .reportbuilder-sidebar-menu {
        width: 250px;
        flex-shrink: 0;
    }
}
.reportbuilder-sidebar-menu .card-body .list-group-item {
    padding: 0.3rem 0.75rem;
}
.reportbuilder-sidebar-menu .card-body .list-group-item .icon {
    width: 18px;
    height: 18px;
}
.reportbuilder-sidebar-menu-cards {
    overflow-y: auto;
}
.reportbuilder-sidebar-menu-cards::-webkit-scrollbar {
    -webkit-appearance: none;
    appearance: none;
}
.reportbuilder-sidebar-menu-cards::-webkit-scrollbar-thumb {
    background-color: #b4b2bc;
    border-left: 5px solid #fff;
}
.reportbuilder-sidebar-menu-cards::-webkit-scrollbar-track {
    background-color: #fff;
    border-left: 5px solid #fff;
}
.reportbuilder-sidebar-settings {
    overflow-y: auto;
}
.reportbuilder-sidebar-settings::-webkit-scrollbar {
    -webkit-appearance: none;
    appearance: none;
}
.reportbuilder-sidebar-settings::-webkit-scrollbar-thumb {
    background-color: #b4b2bc;
    border-left: 5px solid #fff;
}
.reportbuilder-sidebar-settings::-webkit-scrollbar-track {
    background-color: #fff;
    border-left: 5px solid #fff;
}
@media (min-width: 1089px) {
    .reportbuilder-sidebar-settings {
        width: 350px;
        flex-shrink: 0;
    }
}
.reportbuilder-sidebar-settings .list-group-item {
    padding: 0.3rem 0.75rem;
}
.reportbuilder-sidebar-settings .list-group-item .icon {
    width: 18px;
    height: 18px;
    color: #090223;
}
.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%;
}
.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: #ee14ff;
}
.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;
}
@media (min-width: 1089px) {
    .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% - 40px);
        border-radius: 0;
        padding-top: 0;
        margin-bottom: 0 !important;
    }
    .path-admin-reportbuilder.pagelayout-popup .dynamictabs .tab-content {
        padding-top: 60px;
    }
    .path-admin-reportbuilder.pagelayout-popup .reportbuilder-sidebar-menu {
        position: absolute;
    }
    .path-admin-reportbuilder.pagelayout-popup .reportbuilder-sidebar-menu .reportbuilder-sidebar-menu-cards {
        max-height: calc(100vh - 140px - 52px);
    }
    .path-admin-reportbuilder.pagelayout-popup .reportbuilder-sidebar-settings {
        position: absolute;
        right: 30px;
        max-height: calc(100vh - 140px);
    }
    .path-admin-reportbuilder.pagelayout-popup .reportbuilder-report[data-editing] .reportbuilder-report-container {
        max-height: calc(100vh - 140px);
        overflow-y: auto;
        margin-left: calc(250px + 1rem);
        margin-right: calc(350px + 1rem);
    }
    .path-admin-reportbuilder.pagelayout-popup .reportbuilder-report[data-editing] .reportbuilder-report-container::-webkit-scrollbar {
        -webkit-appearance: none;
        appearance: none;
    }
    .path-admin-reportbuilder.pagelayout-popup .reportbuilder-report[data-editing] .reportbuilder-report-container::-webkit-scrollbar-thumb {
        background-color: #b4b2bc;
        border-left: 5px solid #fff;
    }
    .path-admin-reportbuilder.pagelayout-popup .reportbuilder-report[data-editing] .reportbuilder-report-container::-webkit-scrollbar-track {
        background-color: #fff;
        border-left: 5px solid #fff;
    }
    .path-admin-reportbuilder.pagelayout-popup .reportbuilder-audiences-container {
        margin-left: calc(250px + 1rem);
    }
}
.reportbuilder-toggle-card .card-header {
    border-bottom: none;
}
.reportbuilder-toggle-card .card-body {
    border-top: 1px solid #e1e0e4;
}
.reportbuilder-toggle-card .toggle-card-button i.toggle-card-icon {
    color: #b4b2bc;
    font-size: 1.5em;
    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;
}
@media (max-width: 319.98px) {
    .reportbuilder-report[data-report-type="0"]:not([data-editing]) table.reportbuilder-table thead {
        display: none;
    }
    .reportbuilder-report[data-report-type="0"]:not([data-editing]) table.reportbuilder-table tr {
        display: flex;
        flex-direction: column;
        margin: 0.5rem 0;
        padding: 0.25rem 0.5rem 0 0.5rem;
        background-color: #fff !important;
        word-wrap: break-word;
        background-clip: border-box;
        border: 1px solid #e1e0e4;
        border-radius: 7px;
    }
    .reportbuilder-report[data-report-type="0"]:not([data-editing]) table.reportbuilder-table tr:hover {
        background-color: #fff !important;
    }
    .reportbuilder-report[data-report-type="0"]:not([data-editing]) table.reportbuilder-table tr.emptyrow {
        display: none;
    }
    .reportbuilder-report[data-report-type="0"]:not([data-editing]) table.reportbuilder-table tr:not(.show) td[data-cardviewhidden] {
        display: none;
    }
    .reportbuilder-report[data-report-type="0"]:not([data-editing]) 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]) table.reportbuilder-table tr td::before {
        content: attr(data-cardtitle);
        display: block;
        text-transform: uppercase;
        font-size: 70%;
        color: #413c55;
    }
    .reportbuilder-report[data-report-type="0"]:not([data-editing]) table.reportbuilder-table tr td:not([data-cardtitle]) {
        min-height: 3rem;
    }
    .reportbuilder-report[data-report-type="0"]:not([data-editing]) table.reportbuilder-table tr td:not(:first-child):not(.card-toggle) {
        border-top: 1px solid #e1e0e4;
    }
    .reportbuilder-report[data-report-type="0"]:not([data-editing]) table.reportbuilder-table tr td:first-child {
        padding-right: 2rem;
    }
    .reportbuilder-report[data-report-type="0"]:not([data-editing]) table.reportbuilder-table tr td.card-toggle {
        display: block !important;
        position: absolute;
        right: 10px;
    }
    .reportbuilder-report[data-report-type="0"]:not([data-editing]) table.reportbuilder-table tr td.card-toggle button {
        padding: 0 0.5rem;
        color: #b4b2bc;
    }
    .reportbuilder-report[data-report-type="0"]:not([data-editing]) table.reportbuilder-table tr td.card-toggle button i {
        font-size: 1.5em;
        font-weight: 700;
    }
}
.courseindex {
    margin: 1px;
}
.courseindex .courseindex-item {
    padding: 0.5rem 0.75rem;
    border: 1px solid transparent;
    border-radius: 7px;
    position: relative;
}
.courseindex .courseindex-item.courseindex-section-title a {
    font-weight: 500;
    font-size: 0.875rem;
    color: #090223;
}
.theme-dark .courseindex .courseindex-item.courseindex-section-title a {
    color: #f9f9fa;
}
.courseindex .courseindex-item .icons-collapse-expand {
    line-height: 1;
}
.courseindex .courseindex-item .courseindex-name,
.courseindex .courseindex-item .courseindex-link {
    color: #413c55;
    font-size: 0.75rem;
}
.theme-dark .courseindex .courseindex-item .courseindex-name,
.theme-dark .courseindex .courseindex-item .courseindex-link {
    color: #bdc1c6;
}
.courseindex .courseindex-item:hover,
.courseindex .courseindex-item:focus {
    color: #000;
}
.theme-dark .courseindex .courseindex-item:hover,
.theme-dark .courseindex .courseindex-item:focus {
    color: #fff;
}
.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: #000;
    cursor: pointer;
}
.theme-dark .courseindex .courseindex-item:hover .courseindex-link,
.theme-dark .courseindex .courseindex-item:hover .courseindex-chevron,
.theme-dark .courseindex .courseindex-item:focus .courseindex-link,
.theme-dark .courseindex .courseindex-item:focus .courseindex-chevron {
    color: #fff;
}
.courseindex .courseindex-item:hover.dimmed,
.courseindex .courseindex-item:focus.dimmed {
    color: #000;
}
.theme-dark .courseindex .courseindex-item:hover.dimmed,
.theme-dark .courseindex .courseindex-item:focus.dimmed {
    color: #fff;
}
.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: #000;
}
.theme-dark .courseindex .courseindex-item:hover.dimmed .courseindex-link,
.theme-dark .courseindex .courseindex-item:hover.dimmed .courseindex-chevron,
.theme-dark .courseindex .courseindex-item:focus.dimmed .courseindex-link,
.theme-dark .courseindex .courseindex-item:focus.dimmed .courseindex-chevron {
    color: #fff;
}
.courseindex .courseindex-item:hover.draggable,
.courseindex .courseindex-item:focus.draggable {
    cursor: pointer;
}
.courseindex .courseindex-item.dragging {
    border: 1px solid #cad6f2;
    background-color: #e8edfa;
}
.theme-dark .courseindex .courseindex-item.dragging {
    border: 1px solid #cad6f2;
    background-color: #e8edfa;
}
.courseindex .courseindex-item.active {
    background-color: #ece6ed;
    border-color: #e1e0e4;
}
.courseindex .courseindex-item.dimmed {
    color: #b4b2bc;
}
.courseindex .courseindex-item.dimmed .courseindex-link,
.courseindex .courseindex-item.dimmed .courseindex-chevron {
    color: #b4b2bc;
}
.courseindex .courseindex-item.dimmed.pageitem {
    color: #420047;
}
.theme-dark .courseindex .courseindex-item.dimmed.pageitem {
    color: #420047;
}
.courseindex .courseindex-item.dimmed.pageitem a {
    color: #420047;
}
.theme-dark .courseindex .courseindex-item.dimmed.pageitem a {
    color: #420047;
}
.courseindex .courseindex-item .courseindex-locked {
    display: none;
}
.courseindex .courseindex-item.restrictions .courseindex-locked {
    display: block;
}
.courseindex .courseindex-item.restrictions .courseindex-locked .rui-icon-container {
    background-color: #fff1d5;
    width: 24px;
    height: 24px;
    border-radius: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.courseindex .courseindex-item.restrictions .courseindex-locked .icon {
    padding: 4px;
    width: 16px;
    height: 16px;
}
.courseindex .courseindex-item.pageitem {
    scroll-margin: 80px;
}
.courseindex .courseindex-item.pageitem:before {
    content: "";
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    z-index: -1;
    background-color: #ece6ed;
    color: #420047;
}
.theme-dark .courseindex .courseindex-item.pageitem {
    background-color: #17181b;
    color: #420047;
}
.courseindex .courseindex-item.pageitem a {
    color: #420047;
}
.theme-dark .courseindex .courseindex-item.pageitem a {
    color: #420047;
}
.courseindex .courseindex-item.pageitem:hover,
.courseindex .courseindex-item.pageitem:focus {
    background-color: #dbd0dd;
    color: #130014;
}
.courseindex .courseindex-item.pageitem:hover .courseindex-link,
.courseindex .courseindex-item.pageitem:hover .courseindex-chevron,
.courseindex .courseindex-item.pageitem:focus .courseindex-link,
.courseindex .courseindex-item.pageitem:focus .courseindex-chevron {
    color: #130014;
}
.courseindex .courseindex-item .completioninfo {
    line-height: 1;
    margin-right: 5px;
    min-width: 24px;
}
.courseindex .courseindex-item .completioninfo.completion_complete {
    color: #420047;
}
.courseindex .courseindex-item .completioninfo.completion_fail {
    color: #ef1010;
}
.courseindex .courseindex-section {
    border-bottom: 1px solid #e1e0e4;
}
.courseindex .courseindex-section.dragging {
    border: 1px solid #cad6f2;
    background-color: #e8edfa;
}
.theme-dark .courseindex .courseindex-section.dragging {
    border: 1px solid #cad6f2;
    background-color: #e8edfa;
}
.courseindex .courseindex-section:last-of-type {
    border-bottom: 0;
}
.theme-dark .courseindex .courseindex-section {
    border-color: #2e3134;
}
.courseindex .courseindex-section .current-badge {
    line-height: 1.5;
    display: none;
}
.courseindex .courseindex-section.current {
    background-color: rgba(236, 230, 237, 0.5);
}
.courseindex .courseindex-section.current .current-badge {
    display: inline-block;
}
.courseindex .courseindex-section.dropready .courseindex-item-content {
    padding-bottom: 1em;
}
.courseindex .courseindex-section .courseindex-sectioncontent .courseindex-item {
    padding-left: 0.75rem;
}
.courseindex .courseindex-sectioncontent {
    margin-left: 0;
}
.courseindex .d-flex-noedit {
    display: none;
}
.courseindex.editing .d-flex-noedit {
    display: flex;
}
.courseindex .media-list .placeholder-circle {
    height: 20px;
    width: 20px;
    border-radius: 7px;
}
.courseindex .media-list .placeholder-rec {
    width: 50%;
    height: 20px;
    border-radius: 7px;
    margin: 0.5rem 0;
}
.moremenu {
    opacity: 0;
    width: 100%;
    height: 40px;
    display: inline-flex;
    align-items: center;
}
@media (max-width: 767.98px) {
    .moremenu {
        width: auto;
    }
}
@media screen and (min-width: 1680px) {
    .moremenu {
        max-width: 500px;
    }
}
@media screen and (min-width: 1920px) {
    .moremenu {
        max-width: 700px;
    }
}
.moremenu.observed {
    opacity: 1;
}
.moremenu .nav-link {
    border-radius: 7px;
    padding: 10px 14px;
    margin: 0 2px;
    height: 40px;
    display: flex;
    align-items: center;
    font-size: 0.875rem;
    font-weight: 500;
    color: #090223;
}
.theme-dark .moremenu .nav-link {
    color: #e8eaed;
}
.moremenu .nav-link:hover {
    background-color: #ece6ed;
    color: #420047;
}
.theme-dark .moremenu .nav-link:hover {
    background-color: #080808;
    color: #e8eaed;
}
.moremenu .nav-link.active {
    background-color: #ece6ed;
    color: #420047;
}
.theme-dark .moremenu .nav-link.active {
    background-color: #080808;
    color: #e8eaed;
}
.moremenu .nav-link.active:focus,
.moremenu .nav-link.active:hover {
    background-color: #ece6ed;
    color: #420047;
}
.theme-dark .moremenu .nav-link.active:focus,
.theme-dark .moremenu .nav-link.active:hover {
    background-color: #080808;
    color: #e8eaed;
}
.moremenu .nav-link.focus,
.moremenu .nav-link:focus {
    position: relative;
}
.moremenu .nav-link[data-toggle="tab"] {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.moremenu .nav-link[data-toggle="tab"]::after {
    content: attr(data-text) / "";
    height: 0;
    visibility: hidden;
    overflow: hidden;
    user-select: none;
    pointer-events: none;
    font-weight: 700;
}
@media speech {
    .moremenu .nav-link[data-toggle="tab"]::after {
        display: none;
    }
}
.moremenu .nav-tabs {
    margin-left: 0;
    background-color: #f9f9fa;
}
.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;
    border: 0;
}
.moremenu .dropdownmoremenu > .dropdown-menu .dropdown-menu.show {
    display: block;
}
.moremenu .dropdownmoremenu > .dropdown-menu .dropdown-menu .dropdown-item:hover {
    background-color: #ece6ed;
    color: #420047;
}
.moremenu .dropdownmoremenu > .dropdown-menu .dropdown-menu .dropdown-divider {
    display: none;
}
.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 {
    background-color: #ece6ed;
    color: #420047;
}
.morebutton a {
    color: #090223;
}
.theme-dark .morebutton a {
    color: #ece6ed;
}
.morebutton a:hover {
    color: #420047;
    background-color: #ece6ed;
}
.theme-dark .morebutton a:hover {
    background-color: #420047;
    color: #ece6ed;
}
@media (max-width: 767.98px) {
    .more-nav {
        width: 40px;
    }
}
.more-nav .show .nav-link,
.more-nav .show .btn--more {
    color: #420047;
    background-color: #ece6ed;
}
.theme-dark .more-nav .show .nav-link,
.theme-dark .more-nav .show .btn--more {
    background-color: #420047;
    color: #ece6ed;
}
.more-nav .show .nav-link:hover,
.more-nav .show .btn--more:hover {
    color: #420047;
    background-color: #ece6ed;
}
.theme-dark .more-nav .show .nav-link:hover,
.theme-dark .more-nav .show .btn--more:hover {
    background-color: #420047;
    color: #ece6ed;
}
.secondary-navigation {
    max-width: 860px;
    margin: 30px auto;
    padding-bottom: 15px;
}
.secondary-navigation .navigation {
    border-top: 1px solid #e1e0e4;
    border-bottom: 1px solid #e1e0e4;
    height: calc(60px + 2px);
    background-color: #f9f9fa;
}
.secondary-navigation .navigation .nav-tabs {
    border: none;
}
.secondary-navigation .navigation .nav-tabs .nav-link {
    border-radius: initial;
}
.path-group .tertiary-navigation {
    margin-top: 30px;
}
.tertiary-navigation .navitem {
    display: flex;
    margin-bottom: 25px;
}
@media (max-width: 767.98px) {
    .tertiary-navigation .navitem {
        width: 100%;
    }
    .tertiary-navigation .navitem .btn {
        width: 100%;
    }
}
.tertiary-navigation > a.btn,
.tertiary-navigation > div.urlselect {
    margin-bottom: 25px;
}
.tertiary-navigation .navitem:not(:last-child) {
    margin-right: 20px;
}
@media print {
    .tertiary-navigation {
        display: none;
    }
}
.path-report .tertiary-navigation {
    margin-bottom: 30px;
}

/*-----------------------------------------------------------------------------------

[Table of contents]

1. Font
2. Css Variable for colors
3. Common CSS
4. Preloader CSS
5. Header - Main Navigation ( section )
6. Hero Slider ( section )
7. Trusted Logo Slider ( section )
8. Features ( section )
9. About us ( section )
10. Modern UI ( section )
11. How it works ( section )
12. Testimonials ( section )
13. Pricing ( section )
14. Faq ( section )
15. Interface ( section )
16. Download app ( section )
17. Latest story ( section )
18. Newsletter ( section )
19. Footer ( section )
20. Animation CSS ( section )


-----------------------------------------------------------------------------------*/

/* --------Font--------------- */

/* -----------Css-variable------ */

:root {
    --light-purple: #F6F4FE;
    --purple: #6A49F2;
    --bg-purple: #6A49F2;
    --dark-purple: #32236F;
    --body-text-purple: #3E3F66;
    --text-white: #ffffff;
    --bg-white: #ffffff;
    --slider-dots-color: #D4D2DD;
    --light-bg: #DFDAF3;
}



/* ------Common-Css------------- */

html{scroll-behavior:smooth}

body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 1.7;
    font-family: 'Poppins', sans-serif;
    color: var(--body-text-purple);
    background-color: var(--bg-white);
}

.page_wrapper {
    width: 100%;
    overflow-x: hidden;
}

a {
    text-decoration: none;
    color: var(--body-text-purple);
}

a:hover {
    text-decoration: none;
    color: var(--body-text-purple);
}

ul,
li {
    padding: 0;
    list-style-type: none;
    margin: 0;
}

button:focus,
.btn.focus,
.btn:focus {
    outline: none;
    box-shadow: none;
}

@media screen and (min-width:1200px) {
    .container {
        max-width: 1170px;
    }
}

.section_title {
    text-align: center;
}

/* section heading h2 */
.section_title h2 {
    font-size: 40px;
    font-weight: 700;
    color: var(--dark-purple);
}

.section_title h2 span {
    color: var(--purple);
}

.row_am {
    padding: 100px 0;
}

/* purple button */
.puprple_btn {
    background-color: var(--purple);
    color: var(--text-white);
    border-radius: 50px;
    padding: 10px 40px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    font-weight: 500;
}

.puprple_btn::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0%;
    height: 100%;
    background-color: var(--bg-white);
    border-radius: 50px;
    transition: .6s all;
    z-index: -1;
}

.puprple_btn:hover::before {
    width: 100%;
}

.puprple_btn:hover {
    color: var(--purple);
}

/* white button */
.white_btn {
    padding: 10px 45px;
    border: 1px solid var(--purple);
    color: var(--purple);
    border-radius: 50px;
    background-color: var(--bg-white);
    font-weight: 700;
    position: relative;
    z-index: 1;
    overflow: hidden;
    font-weight: 500;
}

.white_btn::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0%;
    height: 100%;
    background-color: var(--bg-purple);
    border-radius: 50px;
    transition: .6s all;
    z-index: -1;
}

.white_btn:hover::before {
    width: 110%;
}

.white_btn:hover {
    color: var(--text-white);
}

.highlited_block .white_btn:hover {
    border-color: var(--bg-white);
}

/* slider controls */
.owl-carousel .owl-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-top: 20px;
}

.owl-carousel .owl-dots button {
    display: block;
    width: 15px;
    height: 15px;
    background-color: var(--slider-dots-color);
    border-radius: 15px;
    margin: 0 5px;
}

.owl-carousel .owl-dots button.active {
    background-color: var(--purple);
}

/* -------------Preloader-Css-Start-------------- */

/* Preloader */
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.9);
    z-index: 999999;
}

#loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: var(--bg-purple);
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

#loader:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: var(--body-text-purple);
    -webkit-animation: spin 3s linear infinite;
    animation: spin 3s linear infinite;
}

#loader:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: var(--dark-purple);
    -webkit-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
}

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

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




/* -----------Header-Css-Start------------------- */
/* header wraper */
header {
    position: absolute;
    width: 100%;
    z-index: 2;
    transition: .4s all;
}

header.fix_style {
    position: fixed;
    top: 0;
    backdrop-filter: blur(5px);
    background-color: #006570e0;
    padding: 15px 0;
    transition: none;
    opacity: 0;
    pointer-events: none;
}

header.fixed {
   pointer-events: all;
   opacity: 1;
   transition: .4s all;
}

header.fixed .navbar {
    padding: 0;
}

/* navigation bar */
.navbar {
    padding-left: 0;
    padding-right: 0;
    padding-top: 35px;
}

.navbar-expand-lg .navbar-nav {
    align-items: center;
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding: 5px 17px;
    font-weight: 500;
    color: #000000;
}

.navbar-expand-lg .navbar-nav .nav-link:hover {
    color: var(--white);
}

.navbar-expand-lg .navbar-nav .nav-link.dark_btn {
    color: var(--purple);
    background-color: var(--bg-white);
    font-size: 16px;
    padding: 9px 40px;
    border-radius: 25px;
    margin-left: 20px;
    position: relative;
    border: 1px solid var(--bg-purple);
}


.navbar-expand-lg .navbar-nav .nav-link.dark_btn::before, 
.navbar-expand-lg .navbar-nav .nav-link.dark_btn::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 42px;
    z-index: -1;
}

.navbar-expand-lg .navbar-nav .nav-link.dark_btn::before {
	animation: pulse-blue-medium-sm 3.5s infinite
}

.navbar-expand-lg .navbar-nav .nav-link.dark_btn::after  {
	animation: pulse-blue-small-sm 3.5s infinite
}

.navbar-brand img {
    width: 150px;
}

/* navigation bar dropdown */
.navbar-expand-lg .navbar-nav .has_dropdown {
    display: flex;
    align-items: center;
    position: relative;
    border-radius: 10px 10px 0 0;
    transition: .4s all;
}

.navbar-expand-lg .navbar-nav .has_dropdown:hover {
    background-color: var(--bg-white);
    box-shadow: 0px 4px 10px #c5c5c580;
}

.navbar-expand-lg .navbar-nav .has_dropdown .drp_btn {
    position: relative;
    right: 15px;
    color: var(--text-white);
}

.navbar-expand-lg .navbar-nav .has_dropdown .sub_menu {
    position: absolute;
    top: 100%;
    background-color: var(--bg-white);
    border-radius: 0 10px 10px 10px;
    min-width: 210px;
    max-width: 230px;
    margin-top: -10px;
    transition: .4s all;
    opacity: 0;
    pointer-events: none;
    box-shadow: 0px 4px 10px #c5c5c580;
}

.navbar-expand-lg .navbar-nav .has_dropdown .sub_menu ul {
    margin-left: 0;
    padding: 10px 20px;
}

.navbar-expand-lg .navbar-nav .has_dropdown .sub_menu ul li a {
    font-size: 15px;
    position: relative;
    transition: .4s all;
    line-height: 35px;
    font-weight: 500;
}

.navbar-expand-lg .navbar-nav .has_dropdown .sub_menu ul li a::before {
    content: "";
    width: 10px;
    height: 10px;
    display: inline-block;
    border: 2px solid var(--purple);
    border-radius: 10px;
    margin-right: 5px;
    position: absolute;
    left: -10px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    transition: .4s all;
}

.navbar-expand-lg .navbar-nav .has_dropdown .sub_menu ul li a:hover {
    padding-left: 15px;
    color: var(--purple);
}

.navbar-expand-lg .navbar-nav .has_dropdown .sub_menu ul li a:hover::before {
    opacity: 1;
    left: 0;
}

.navbar-expand-lg .navbar-nav .has_dropdown:hover>a,
.navbar-expand-lg .navbar-nav .has_dropdown:hover>.drp_btn {
    color: var(--purple);
}

.navbar-expand-lg .navbar-nav .has_dropdown:hover .sub_menu {
    opacity: 1;
    pointer-events: all;
    margin-top: -1px;
}

/* navigation toggle menu */
.toggle-wrap {
    padding: 10px;
    position: relative;
    cursor: pointer;
    
    /*disable selection*/
    -webkit-touch-callout: none;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
  }

  .toggle-bar,
  .toggle-bar::before,
  .toggle-bar::after,
  .toggle-wrap.active .toggle-bar,
  .toggle-wrap.active .toggle-bar::before,
  .toggle-wrap.active .toggle-bar::after {
      -webkit-transition: all .2s ease-in-out;
      -moz-transition: all .2s ease-in-out;
      -o-transition: all .2s ease-in-out;
      transition: all .2s ease-in-out;
  }

  .toggle-bar {
      width: 25px;
      margin: 10px 0;
      position: relative;
      border-top: 4px solid var(--bg-white);
      display: block;
  }

  .toggle-bar::before,
  .toggle-bar::after {
      content: "";
      display: block;
      background: var(--bg-white);
      height: 4px;
      width: 30px;
      position: absolute;
      top: -12px;
      right: 0px;
      -ms-transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
      -ms-transform-origin: 13%;
      -webkit-transform-origin: 13%;
      transform-origin: 13%;
  }

  .toggle-bar::after {
    top: 4px;
  }

  .toggle-wrap.active .toggle-bar {
    border-top: 6px solid transparent;
  }

  .toggle-wrap.active .toggle-bar::before {
      -ms-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
  }

  .toggle-wrap.active .toggle-bar::after {
      -ms-transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg);
  }


/* ---------Hero-banner-Css-Start------------------ */
/* hero banner wraper */
.banner_section {
    margin-top:0px;
    padding-top:200px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.8), rgba(75, 0, 70, 0.8), rgba(0, 101, 112, 0.8)), url(../images/hero-image.png);
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    background-position: center;
}

@keyframes AnimateBG { 
  0%{background-position:0% 50%}
  50%{background-position:100% 50%}
  100%{background-position:0% 50%}
}

.banner_section .container {
    position: relative;
}

/* wave backgound after banner */
.banner_section::after {
    content: "";
    display: block;
    background-image: url(../images/banner-shape.svg);
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 385px;
    background-position: center;
    margin-top: -50px;
}

.banner_section .row {
    align-items: center;
    max-height: 380px;
    overflow: overlay;
    max-width: 100vw;
    width: 100vw;
}

/* hero banner text */
.banner_section .banner_text {
    padding-top:50px;
}

/* hero banner heading h1 */
.banner_section .banner_text h1 {
    font-size: 55px;
    color: var(--text-white);
    letter-spacing: -1px;
    font-weight: 700;
}

.banner_section .banner_text h1 span {
    color: var(--purple);
}

.banner_section .banner_text h2 {
    font-size: 30px;
    color: var(--text-white);
    letter-spacing: -1px;
    font-weight: 700;
    padding: 15px 0 10px 0;
}

.banner_section .banner_text h2 span {
    color: var(--purple);
}

.banner_section .banner_text p {
    padding: 0px 0 15px 0;
    color: var(--text-white);
}

/* hero banner button */
.banner_section .app_btn {
    display: flex;
    align-items: center;
}

/* hero banner list */
.banner_section .app_btn li a {
    display: block;
    padding: 12px 30px;
    background-color: var(--bg-white);
    border: 2px solid var(--purple);
    position: relative;
    border-radius: 12px;
    transition: .4s all;
}

.banner_section .app_btn li:last-child {
    margin-left: 25px;
}

.banner_section .app_btn li a img {
    transition: .4s all;
}

.banner_section .app_btn li a .white_img {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
}

.banner_section .app_btn li a:hover {
    background-color: var(--purple);
    border: 2px solid var(--bg-white);
}

.banner_section .app_btn li a:hover .blue_img {
    opacity: 0;
}

.banner_section .app_btn li a:hover .white_img {
    opacity: 1;
}

/* hero banner users */
.banner_section .used_app {
    display: flex;
    align-items: center;
    margin-top: 35px;
}

.banner_section .used_app ul {
    display: flex;
    align-items: center;
    margin-right: 10px;
}

.banner_section .used_app ul li:not(:first-child) {
    margin-left: -15px;
}

.banner_section .used_app p {
    font-size: 15px;
    line-height: 19px;
    margin-bottom: 0;
    color: var(--text-white);
}

/* hero banner images */
.banner_section .banner_image {
    position: relative;
}

.banner_section .banner_image img {
    max-width: 100%;
}

/* how it works video  */
.yt_video {
    max-width: 1170px;
    margin: 0 auto;
    position: absolute;
    /*overflow: hidden;*/
    left: 53%;
    top: 57%;
    transform: translate(-50%, -50%);

}

/* how it works video animation line  */
.yt_video .anim_line {
    z-index: 999;
}

.yt_video .thumbnil {
    /*width: 150px;*/
    height: 150px;
}

.yt_video .thumbnil img {
    max-width: 100%;
}

.yt_video .thumbnil a {
    /*position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);*/
    text-align: center;
    color: var(--text-white);
    font-weight: 600;
    z-index: 999;
    cursor: pointer;
}

.yt_video .thumbnil a span {
    display: block;
    font-weight: 700;
    font-size: 30px;
}

.yt_video .thumbnil a .play_btn {
    background-color: rgba(255, 255, 255, 0.1);
    width: 96px;
    height: 96px;
    border-radius: 100px;
    text-align: center;
    margin: 0 auto;
    line-height: 96px;
    position: relative;
    display: block;
}

.yt_video .thumbnil a .play_btn img {
    width: 50px;
    position: relative;
    z-index: 999;
}

/* how it works video model   */
.modal {
    z-index: 999999;
}

.modal-backdrop.show {
    /* z-index: 99999; */
    opacity: .7;
}

.youtube-video .modal-dialog {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    padding: 0 15px;
    height: 100%;
    max-width: 1240px !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#video-container {
    position: relative;
    padding-bottom: 50%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

iframe#youtubevideo {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.youtube-video .modal-footer {
    border: none;
    text-align: center;
    display: block;
    padding: 0;
}

.youtube-video .modal-content {
    background: none !important;
    border: none;
}

#close-video {
    color: #fff;
    font-size: 30px;
}


/* hero banner control dots */
.banner_section .owl-dots {
    margin-top: 40px;
}

.owl-carousel .owl-item img {
    max-width: 100%;
    width: auto;
}




/* ------------Trusted-Section-Css-Start----------- */

/* trusted logos wraper */
.trusted_section {
    margin-top: -50px;
}

.trusted_section .company_logos {
    padding-top: 20px;
}

.trusted_section .company_logos img {
    filter: grayscale(1);
    margin: 0 auto;
    transition: .4s all;
}

.trusted_section .company_logos img:hover {
    filter: grayscale(0);
}



/* ----------Feature-Detail-Section-start------ */

/* features section wraper */
.features_section .feature_detail {
    position: relative;
    display: flex;
    justify-content: space-between;
    margin-top: 80px;
    padding-top: 30px;
    padding-bottom: 20px;
}

/* features section image */
.features_section .feature_detail .feature_img {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0px;
}

.features_section .feature_detail .feature_img img {
    max-width: 100%;
}

/* features section box */

.features_section .feature_detail .feature_box {
    max-width: 440px;
}

.features_section .feature_detail .feature_box .data_block {
    margin-bottom: 50px;
    padding: 30px;
    border-radius: 20px;
    border: solid 1px #eae8f5;
}

.features_section .feature_detail .feature_box .data_block.block1{
    background: #f6f5ff;
}

.features_section .feature_detail .feature_box .data_block.block2{
    background: #f2faff;
}

.features_section .feature_detail .feature_box .data_block.block3{
    background: #fff2fc;
}

.features_section .feature_detail .feature_box .data_block.block4{
    background: #e9fffe;
}

.features_section .feature_detail .feature_box .data_block h4 {
    font-size: 20px;
    color: var(--dark-purple);
    font-weight: 600;
    margin-top: 20px;
}

.features_section .feature_detail .left_data {
    text-align: right;
    padding-left: 100px;
}

.features_section .feature_detail .right_data {
    padding-right: 100px;
}

.features_section .feature_detail .left_data .data_block .icon {
    margin-right: 0px;
}

.features_section .feature_detail .right_data .data_block .icon {
    margin-left: 0px;
}

.features_section .container {
    max-width: 1370px;
}



/* -----------------About-App-Section-Css-Start------------------ */

/* about us section wraper */
.about_app_section {
    background-color:  var(--light-purple);
    padding: 100px 0 50px 0;
}

.about_app_section .about_img {
    display: flex;
    align-items: center;
    position: relative;
}

/* about us section images*/
.about_app_section .about_img img {
    max-width: 100%;
}

.about_app_section .about_img::before {
    content: "";
    position: absolute;
    left: 38%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 500px;
    height: 500px;
    background-color: var(--bg-white);
    border-radius: 100%;
    z-index: -1;
}

.about_app_section .about_img .screen_img {
    margin-left: -135px;
    margin-top: 110px;
}

.about_app_section .about_text .section_title {
    text-align: left;
}

.about_app_section .about_text .section_title h2 {
    margin-bottom: 15px;
}

/* about us section  statastics nomber */
.about_app_section .about_text .app_statstic {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 10px;
    margin-top: 40px;
}

.about_app_section .about_text .app_statstic li {
    width: 248px;
    background-color: var(--bg-white);
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    border-radius: 12px;
    padding: 15px 10px;
    padding-left: 35px;
    box-shadow: 0px 4px 10px #EDE9FE;
}

.about_app_section .about_text .app_statstic li .icon {
    margin-right: 9px;
}

.about_app_section .about_text .app_statstic li p {
    margin-bottom: 0;
    line-height: 1;
    color: var(--dark-purple);
}

.about_app_section .about_text .app_statstic li p:first-child {
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 3px;
}


/* -------------Modern-Ui-Section-Css-Start---------------- */
/* modern ui section wraper */
.modern_ui_section .row {
    align-items: center;
}

.modern_ui_section {
    background-color:  var(--light-purple);
    padding: 100px 0 50px 0;
}

.modern_ui_section .design_block {
    margin-top: 45px;
}

/* modern ui text */
.modern_ui_section .section_title {
    text-align: left;
}

.modern_ui_section .ui_text {
    padding-right: 75px;
}

/* modern ui list */
.modern_ui_section .design_block li {
    padding-left: 40px;
    position: relative;
    margin-bottom: 25px;
}

.modern_ui_section .design_block li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    background-image: url(../images/right_icon.png);
    width: 22px;
    height: 22px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.modern_ui_section .design_block li h4 {
    font-size: 20px;
    color: var(--dark-purple);
    font-weight: 600;
    margin-bottom: 8px;
}

.modern_ui_section .design_block li p {
    margin-bottom: 0;
}

/* modern ui images */
.modern_ui_section .ui_images {
    display: flex;
    position: relative;
}

.modern_ui_section .ui_images::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 570px;
    height: 570px;
    border-radius: 100%;
    background-color: var(--bg-white);
    z-index: -1;
}

.modern_ui_section .ui_images .right_img img:nth-child(3) {
    margin-left: -140px;
    margin-top: -20px;
}

.modern_ui_section .ui_images .right_img img:nth-child(2) {
    margin-left: -90px;
    margin-top: -20px;
}

.modern_ui_section .ui_images .right_img img:nth-child(1) {
    position: relative;
    top: 15px;
    z-index: 99;
    margin-left: -15px;
}


/* -------------How_It_Works-Section-Css-Start------------------ */

/* how it works wraper */
.how_it_works {
    background-color:  var(--light-purple);
    padding: 100px 0 100px 0;
}
.how_it_works .container {
    max-width: 1370px;
}

.how_it_works .how_it_inner {
    background-color: var(--purple);
    padding: 70px 0;
    border-radius: 30px;
    box-shadow: 0px 4px 30px #EDE9FE;
}

/* section heading h2 */
.how_it_works .section_title h2 {
    color: var(--text-white);
}

.how_it_works .section_title p {
    color: var(--text-white);
}

/* how it works list */

.how_it_works .step_block {
    max-width: 1170px;
    margin: 0 auto;
    padding: 10px;
    /*display: flex;*/
    position: relative;
}

.how_it_works .step_block .step_box {
    text-align: center;
    align-items: center;
    justify-content: space-between;
    position: relative;
}


/* how it works image */
.how_it_works .step_block .step_box .step_img {
    display: inline-block;
    /*max-width: 100%;*/
    text-align: center;
    border-radius: 200px;
    background-color: var(--bg-white);
    padding: 50px;
    width: 200px;
    height: 200px;
    position: relative;
    box-shadow: 0px 4px 10px #492cc0;
}

.how_it_works .step_block .step_box .step_img img {
    max-width: 100%;
    text-align: center;
}

/* how it works heading h4 */
.how_it_works .step_block .step_box .step_text h4 {
    font-size: 20px;
    font-weight: 600;
    color: var(--text-white);
}

.how_it_works .step_block .step_box .step_text p {
    color: var(--text-white);
}

.how_it_works .step_block .step_box .step_text.step2 p {
    padding:20px 0 0 0;
    
}

.how_it_works .step_block .step_box .step_text.step3 p {
    padding:20px 0 0 0;
}

.how_it_works .step_block .step_box .step_text .app_icon {
    margin-bottom: 10px;
}

.how_it_works .step_block .step_box .step_text .app_icon a {
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background-color: var(--bg-white);
    color: var(--purple);
    font-size: 20px;
    text-align: center;
    line-height: 40px;
    transition: .4s all;
    text-decoration: none;
}

.how_it_works .step_block .step_box .step_text .app_icon a:hover {
    background-color: var(--purple);
    border: var(--bg-white) solid 1px;
    color: var(--text-white);
}

.how_it_works .step_block .step_box .step_text  {
    text-align: center;
    padding: 30px 30px 0 30px;
}

.how_it_works .step_block .step_box .step_text span {
    font-weight: 600;
    color: var(--text-white);
}

.how_it_works .step_block .step_box .step_text a {
    color: var(--purple);
    text-decoration: underline;
}


/* how it works numbers */
.how_it_works .step_block .step_box .step_number {
    position: absolute;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: solid 2px var(--purple);
    border-radius: 100px;
    padding: 9px 0 0 0;
    top: 15px;
    right: 0;
    background-color: var(--bg-white);
}

/* how it works numbers heading h3 */
.how_it_works .step_block .step_box .step_number h3 {
    font-size: 16px;
    font-weight: normal;
}



/* ------------Testimonial-Slider-Css-Start------------- */
/* testimonials wraper  */
#testimonial_slider {
    max-width: 550px;
    margin: 0 auto;
}

.testimonial_section .testimonial_block {
    background-image: url(../images/testimonial_bg.png);
    background-size: cover;
    background-position: center;
    position: relative;
    margin-top: 65px;
}

.testimonial_section .testimonial_block .testimonial_slide_box {
    text-align: center;
    width: 430px;
    padding: 10px;
    margin: 0 auto;
}

/* testimonials rating  */
.testimonial_section .testimonial_block .rating span {
    color: #FC9400;
    font-size: 18px;
}

.testimonial_section .testimonial_block .testimonial_slide_box .review {
    margin-top: 10px;
    margin-bottom: 30px;
}

/* testimonials image  */
.testimonial_section .testimonial_block .testimonial_slide_box .testimonial_img img {
    margin: 0 auto;
}

/* testimonials heading h3 */
.testimonial_section .testimonial_block .testimonial_slide_box h3 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 0;
    margin-top: 10px;
}

.testimonial_section .testimonial_block .testimonial_slide_box .designation {
    font-size: 15px;
}

/* testimonials total review */
.testimonial_section .total_review {
    text-align: center;
    margin-top: 60px;
}

.testimonial_section .total_review .rating {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* testimonials paragraph */
.testimonial_section .total_review .rating p {
    margin-bottom: 0;
    font-weight: 600;
    margin-left: 5px;
    color: var(--dark-purple);
}

/* testimonials heading */
.testimonial_section .total_review h3 {
    font-size: 50px;
    font-weight: 600;
    margin-bottom: 0;
    color: var(--dark-purple);
}

.testimonial_section .total_review a {
    color: var(--purple);
    font-weight: 700;
}

.testimonial_section .testimonial_block .avtar_faces {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
    width: 100%;
}

.testimonial_section .testimonial_block .avtar_faces img {
    max-width: 100%;
}


/* -------------------Pricing-Section---------------------- */

/* pricing wraper  */
.pricing_section {
    background-color:  var(--light-purple);
    padding: 100px 0 100px 0;
}

.pricing_section .toggle_block {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* pricing toggle button */
.pricing_section .toggle_block span {
    color: var(--dark-purple);
    font-weight: 600;
    display: block;
    margin: 0 5px;
}

.tog_btn.month_active {
    left: 35px !important;
}

.pricing_section .toggle_block span.deactive {
    color: var(--body-text-purple);
}

.pricing_section .toggle_block .offer {
    background-color: var(--bg-white);
    border-radius: 5px;
    padding: 2px 10px;
    font-weight: 400;
    font-size: 13px;
    color: var(--purple);
}

.pricing_section .toggle_block .tog_block {
    width: 70px;
    height: 35px;
    background-color: var(--bg-white);
    border-radius: 18px;
    margin: 0 10px;
    position: relative;
    cursor: pointer;
}

.pricing_section .toggle_block .tog_block .tog_btn {
    height: 23px;
    width: 23px;
    border-radius: 25px;
    display: block;
    background-color: var(--purple);
    position: absolute;
    left: 3px;
    top: 50%;
    transform: translateY(-50%);
    transition: .4s all;
}

.pricing_section .toggle_block .month.active,
.pricing_section .toggle_block .years.active {
    color: var(--purple);
}

/* pricing pannel */
.pricing_section .pricing_pannel {
    margin-top: 50px;
    display: none;
}

.pricing_section .pricing_pannel.active {
    display: block;
}

.pricing_section .pricing_pannel .pricing_block {
    text-align: center;
    background-color: var(--bg-white);
    min-height: 700px;
    border-radius: 12px;
    padding-top: 60px;
    margin-bottom: 40px;
    box-shadow: 0px 4px 30px #EDE9FE;
}

.pricing_section .pricing_pannel .pricing_block.highlited_block {
    background-color: var(--purple);
}

.pricing_section .pricing_pannel .pricing_block.highlited_block p,
.pricing_section .pricing_pannel .pricing_block.highlited_block h3,
.pricing_section .pricing_pannel .pricing_block.highlited_block span,
.pricing_section .pricing_pannel .pricing_block.highlited_block .pkg_name span {
    color: var(--text-white);
}

.pricing_section .pricing_pannel .pricing_block .icon {
    margin-bottom: 35px;
}

/* pricing box image */
.pricing_section .pricing_pannel .pricing_block .icon img {
    max-width:100%;
}

/* pricing box heading h3 */
.pricing_section .pricing_pannel .pricing_block .pkg_name h3 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 0;
}

.pricing_section .pricing_pannel .pricing_block .pkg_name span {
    color: var(--body-text-purple);
    font-size: 15px;
}

.pricing_section .pricing_pannel .pricing_block .price {
    font-size: 48px;
    color: var(--purple);
    margin: 25px 0;
    display: block;
    font-weight: 600;
}

/* pricing box list */
.pricing_section .pricing_pannel .pricing_block .benifits {
    margin-bottom: 40px;
}

.pricing_section .pricing_pannel .pricing_block .benifits li p {
    margin-bottom: 5px;
}

.pricing_section .contact_text {
    text-align: center;
    margin-bottom: 0;
}

.pricing_section .contact_text a {
    color: var(--purple);
    text-decoration: underline;
}


/* -------------FAQ-Section-Css-Start----------------- */

/* faq wraper */
.faq_section {
    background-color:  var(--light-purple);
    padding: 0 0 100px 0;
}

.faq_section .faq_panel {
    margin-top: 40px;
}

/* faq box */
.faq_section .faq_panel .card {
    border: none;
    margin-bottom: 20px;
    border-radius: 12px;
    box-shadow: 0 4px 10px #EDE9FE;
    padding: 16px 0;
}

.faq_section .faq_panel .card:last-child {
    margin-bottom: 0;
}

.faq_section .faq_panel .card-header {
    background-color: transparent;
    border: none;
    padding-bottom: 0;
    padding-top: 0;
}

.faq_section .faq_panel .card-header .btn {
    padding: 0;
    color: var(--dark-purple);
    font-weight: 600;
    font-size: 20px;
}

.faq_section .faq_panel .card-header .btn.active {
    color: var(--purple);
}

.faq_panel .accordion button,
.faq_panel .accordion button:hover,
.faq_panel .accordion button:focus {
    text-decoration: none;
}

.faq_section .faq_panel .card-header .icon_faq {
    position: absolute;
    right: 20px;
    color: #839BC0;
}

/* faq heading h2 */
.faq_section .faq_panel .card-header h2 {
    line-height: 1;
}

/* faq paragraph */
.faq_section .faq_panel .card-body {
    padding-bottom: 0;
}


/* -----------Interface_Section-Css-Start----------------- */

/* interface wraper */
.interface_section .screen_slider {
    margin-top: 35px;
    min-height: 720px;
}

/* interface images */
.interface_section .owl-item .screen_frame_img img {
    transform: scale(.9);
    border: 2px solid #000;
    border-radius: 20px;
    transition: 1s all;
    margin: 0 auto;
}

.interface_section .owl-item.center .screen_frame_img img {
    transform: scale(1);
    border: 3px solid #000;

}


/* -----------Download_App_Section-Start------------------ */

/* download app wraper */
.free_app_section {
    padding-top: 70px;
    position: relative;
}

.free_app_section .container {
    max-width: 1370px;
}

.free_app_section .container .free_app_inner {
    background-color: var(--bg-purple);
    border-radius: 30px;
    padding: 20px 100px;
    padding-bottom: 50px;
    position: relative;
    z-index: 999999;
}

/* download app dark background */
.free_app_section .container .free_app_inner .dark_bg {
    overflow: hidden;
}

.free_app_section .container .free_app_inner .dark_bg span {
    z-index: 9999;
}

.free_app_section .container .free_app_inner .row {
    align-items: center;
}

.free_app_section .container .free_app_inner .free_text .section_title {
    text-align: left;
}

/* download app heading h2 */
.free_app_section .container .free_app_inner .free_text .section_title h2 {
    margin-bottom: 20px;
}

.free_app_section .container .free_app_inner .free_text .section_title h2,
.free_app_section .container .free_app_inner .free_text .section_title p {
    color: var(--text-white);
}

.free_app_section .container .free_app_inner .free_text .app_btn {
    display: flex;
    align-items: center;
}

.free_app_section .container .free_app_inner .free_text .app_btn li a {
    display: block;
    padding: 12px 30px;
    background-color: var(--bg-white);
    border: 2px solid var(--purple);
    position: relative;
    border-radius: 12px;
    transition: .4s all;
}

.free_app_section .container .free_app_inner .free_text .app_btn li a:hover {
    -webkit-box-shadow: 1px 4px 8px -2px rgba(0,0,0,0.5);
-moz-box-shadow: 1px 4px 8px -2px rgba(0,0,0,0.5);
box-shadow: 1px 4px 8px -2px rgba(0,0,0,0.5);
}

.free_app_section .container .free_app_inner .free_text .app_btn li:last-child {
    margin-left: 25px;
}

.free_app_section .container .free_app_inner .free_img {
    display: flex;
    align-items: center;
    margin-top: -120px;
}

.free_app_section .container .free_app_inner .free_img img:last-child {
    margin-left: -65px;
}

.purple_backdrop {
    content: "";
    position: fixed;
    left: 0;
    top: 0;
    background-color: rgba(50, 35, 111, 0.95);
    width: 100%;
    height: 100%;
    z-index: 99999;
    opacity: 0;
    transition: .4s all;
    pointer-events: none;
}

/* ---------------Latest_Story-Css-Start------------- */

/* latest story wraper */
.latest_story {
    background-color:  var(--light-purple);
    padding: 100px 0 130px 0;
}

/* latest story box */
.latest_story .story_box {
    background-color: var(--bg-white);
    text-align: center;
    border-radius: 10px;
    box-shadow: 0px 4px 30px #EDE9FE; 
}

/* latest story image */
.latest_story .story_box .story_img {
    position: relative;
}

.latest_story .story_box .story_img img {
    width: 100%;
    border-radius: 12px;
}

.latest_story .story_box .story_img span {
    position: absolute;
    left: 15px;
    top: 15px;
    font-size: 14px;
    color: var(--text-white);
}

/* latest story pargraph */
.latest_story .story_box .story_text {
    padding: 20px 30px;
}

/* latest story heading h3 */
.latest_story .story_box .story_text h3 {
    color: var(--dark-purple);
    font-size: 20px;
    margin-bottom: 15px;
    font-weight: 600;
}

/* latest story link text */
.latest_story .story_box .story_text a {
    color: var(--purple);
    margin-top: 25px;
    display: block;
    font-size: 14px;
    margin-bottom: 10px;
    font-weight: 600;
}

.latest_story .story_box .story_text a:hover {
    text-decoration:underline;
}



/* -------------Newsletter-Section-Css-Start------------- */

/* newsletter  wraper */
.newsletter_section{
    background-color:  var(--light-purple);

}

.newsletter_box {
    background-color: var(--bg-purple);
    padding: 50px;
    border-radius: 12px;
    box-shadow: 0 4px 10px #0c0c0c21;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: -95px;
    position: relative;
    z-index: 99;
}

.newsletter_box .section_title {
    width: 45%;
}

.newsletter_box form {
    width: 60%;
}

/* newsletter heading h2 */
.newsletter_box .section_title h2 {
    margin-bottom: 5px;
    letter-spacing: -1px;
}

.newsletter_box .section_title h2,
.newsletter_box .section_title p {
    color: var(--text-white);
    text-align: left;
}

/* newsletter paragraph */
.newsletter_box .section_title p {
    margin-bottom: 0;
}

/* newsletter input  */
.newsletter_box form {
    display: flex;
}

.newsletter_box form .form-group {
    margin-bottom: 0;
}

.newsletter_box form .form-group .form-control {
    width: 430px;
    height: 55px;
    border-radius: 6px;
    color: var(--dark-purple);
}

.newsletter_box form .form-group .form-control::placeholder {
    color: var(--dark-purple);
}

/* newsletter button */
.newsletter_box form .form-group .btn {
    height: 55px;
    width: 170px;
    text-transform: uppercase;
    color: var(--purple);
    background-color: var(--bg-white);
    border-radius: 6px;
    margin-left: 10px;
    font-weight: 600;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.newsletter_box form .form-group .btn::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0%;
    height: 100%;
    background-color: var(--bg-purple);
    border-radius: 0;
    transition: .6s all;
    z-index: -1;
}

.newsletter_box form .form-group .btn:hover::before {
    width: 100%;
}

.newsletter_box form .form-group .btn:hover {
    color: var(--text-white);
}

/* ------Footer-Css-Start-------------- */
/* footer wraper */
footer {
    position: sticky;
    width: calc(100vw + 20px);
    margin-left: -20px;
}

footer .top_footer {
     background-image: url(../images/footer_bg.png);
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
     background-color: #006570d9;
     padding: 180px 0 60px 0;
     position: relative;
     overflow: hidden;
}

/* footer logo */
footer .top_footer .logo {
    margin-bottom: 40px;
}

footer .top_footer .logo img {
    width: 150px;
}

footer .top_footer .abt_side li {
    padding: 0 0 10px 0;
}

/* footer social media icon */
footer .top_footer .social_media {
    display: flex;
    margin-top: 20px;
}

/* footer link list */
footer .top_footer .social_media li a {
    display: block;
    width: 37px;
    height: 37px;
    text-align: center;
    line-height: 37px;
    font-size: 15px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 50px;
    margin-right: 10px;
    transition: .4s all;
}

footer .top_footer .social_media li a:hover {
    background-color: var(--bg-white);
    color: var(--purple);
}

footer .top_footer .try_out {
    margin-left: -20px;
}

footer .app_btn li a {
    display: block;
    padding: 12px 10px;
    background-color: var(--bg-white);
    border: 2px solid var(--purple);
    position: relative;
    border-radius: 12px;
    transition: .4s all;
    width: 175px;
    text-align: center;
}

footer .app_btn li a:hover {
    -webkit-box-shadow: 1px 4px 8px -2px rgba(0,0,0,0.5);
    -moz-box-shadow: 1px 4px 8px -2px rgba(0,0,0,0.5);
    box-shadow: 1px 4px 8px -2px rgba(0,0,0,0.5);
}

footer .app_btn li:last-child {
    margin-top: 20px;
}

footer .bottom_footer {
    background-color: #420047;
}

/* footer heading and text colors variable */
footer h2,
footer h3,
footer p,
footer a {
    color: var(--text-white);
}

footer a:hover {
    color: var(--text-white);
}

/* footer heading h3 */
footer h3 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 50px;
    padding-top: 10px;
}

footer .links ul li a {
    display: block;
    margin-bottom: 10px;
}

/* footer last */
footer .bottom_footer {
    padding: 20px 0;
    border-top: #5539cc solid 1px;
}

footer .bottom_footer p {
    margin-bottom: 0;
    font-size: 15px;
}

footer .bottom_footer .developer_text {
    text-align: right;
}

footer .bottom_footer .developer_text a {
    text-decoration: underline;
}

/* footer go top button */
.go_top {
    position: fixed;
    right: 30px;
    bottom: 75px;
    cursor: pointer;
    transition: .4s all;
    opacity: 0;
}

.go_top:hover {
    bottom: 80px;
}

/* -----------Animation-Css-Start-------------- */

/* animation line wraper */
.anim_line {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.anim_line span {
    position: absolute;
    z-index: 99999;
    top: -275px;
    animation: star_down_one 6s infinite linear;
    opacity: 0;
}

.anim_line.dark_bg {
    max-width: 1170px;
}

.anim_line.dark_bg span {
    transform: rotate(180deg);
}

.anim_line span:first-child {
    left: -17%;
    animation-delay: 3s;
}

.anim_line span:nth-child(2) {
    left: 0%;
    animation-delay: 5s;
}

.anim_line span:nth-child(3) {
    left: 17%;
    animation-delay: 1s;
}

.anim_line span:nth-child(4) {
    left: 34%;
    animation-delay: 4s;
}

.anim_line span:nth-child(5) {
    left: 51%;
    animation-delay: 7s;
}

.anim_line span:nth-child(6) {
    left: 68%;
}

.anim_line span:nth-child(7) {
    left: 85%;
    animation-delay: 3s;
}

.anim_line span:nth-child(8) {
    left: 99%;
    animation-delay: 2s;
}

.anim_line span:nth-child(9) {
    left: 117%;
    animation-delay: 5s;
}

/* footer .top_footer .anim_line span:first-child {
    left: 5%;
}

footer .top_footer .anim_line span:nth-child(2) {
    left: 13%;
} */

@keyframes star_down_one {
    0% {
        opacity: 0;
        top: -250px;
    }

    10% {
        opacity: 1;
    }

    90% {
        opacity: 1;
    }

    100% {
        top: 100%;
        opacity: 0;
    }
}




/* --------Object-Moving-Animation-Css-Start----- */
.moving_animation {
    animation: moving_object 6s infinite linear;
}

.moving_position_animatin {
    position: relative;
    animation: moving_position_animatin 6s infinite linear;
    z-index: -1;
}

.about_app_section .about_img .screen_img img {
    animation-delay: 3s;
}

.modern_ui_section .ui_images .right_img img:nth-child(3) {
    animation-delay: 3s;
}

.modern_ui_section .ui_images .right_img img:nth-child(2) {
    animation-delay: 3s;
}

.modern_ui_section .ui_images .right_img img:nth-child(1) {
    animation-delay: 3s;
}

@keyframes moving_object {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-30px);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes moving_position_animatin {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-30px);
    }

    100% {
        transform: translateY(0);
    }
}


/* ------------Waves-Animation---------------- */
.waves-block {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50% , -50%);
    width: 150px;
    height: 150px;
}

.waves {
    width: 150px;
    height: 150px;
    background: rgba(255, 255, 255, 0.3);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    border-radius: 100%;
    z-index: -1;
    -webkit-animation: waves 3s ease-in-out infinite;
    animation: waves 3s ease-in-out infinite;
}

.wave-1 {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

.wave-2 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    position: absolute;
    top: 0;
}

.wave-3 {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    position: absolute;
    top: 0;
}

@keyframes waves {
    0% {
        -webkit-transform: scale(0.2, 0.2);
        transform: scale(0.2, 0.2);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }

    50% {
        opacity: 0.9;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    }

    100% {
        -webkit-transform: scale(0.9, 0.9);
        transform: scale(0.9, 0.9);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
}



/*------Header Btn Animation------*/
@keyframes pulse-blue-small-sm {
	0% {
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
	}

	100%,
	30% {
		box-shadow: 0 0 0 12px transparent
	}
}

@keyframes pulse-blue-medium-sm {
	0% {
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
	}

	100%,
	30% {
		box-shadow: 0 0 0 20px transparent
	}
}


/* Inner Page banner shape animation */
.bred_crumb .banner_shape1, .banner_shape2, .banner_shape3 { 
    position: absolute; }

.bred_crumb .banner_shape1 {
    top: 200px;
    left: 15%;
    animation: mymove 10s infinite;
}

.bred_crumb .banner_shape2 {
    top: 100px;
    right: 10%;
    animation: mymove 5s infinite;
}

.bred_crumb .banner_shape3 {
    top: 350px;
    right: 20%;
    animation: mymove 3s infinite;
}

.body_color{
  background-color: var(--light-purple);
}


/* CTA section Shape animation */

.query_section .banner_shape1, .banner_shape2, .banner_shape3 { 
    position: absolute; }

.query_section .banner_shape1 {
    top: 200px;
    left: 15%;
    animation: mymove 10s infinite;
}

.query_section .banner_shape2 {
    top: 100px;
    right: 10%;
    animation: mymove 5s infinite;
}

.query_section .banner_shape3 {
    top: 350px;
    right: 20%;
    animation: mymove 3s infinite;
}


@keyframes mymove {
  50% {transform: rotate(180deg);}
}




/* ----------Other-Page-Css-Start---------- */

/* White Header Css Satart */



/* About Us Page Css Start */

/* Bredcrumb Css Start */
.bred_crumb {
    background-image: url(../images/bread_crumb_bg.png);
    /*background: var(--purple);*/
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 500px;
    width: 100%;
    display: flex;
    align-items: center;
    position: relative;
    margin-top: 1px;
}

.bred_crumb::after {
    content: "";
    background-image: url(../images/inner_page_ovelay_cross.svg);
    position: absolute;
    bottom: -1px;
    left: 0;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 225px;
    background-position: center;
}

.bred_crumb .bred_text {
    text-align: center;
    z-index: 1000;
    position: relative;
}

.bred_crumb .bred_text h1 {
    color: var(--text-white);
    font-size: 55px;
    font-weight: 700;
}

.bred_crumb .bred_text h1 + p {
    color: var(--text-white);
    margin-top: -5px;
}

.bred_crumb .bred_text ul {
    display: flex;
    justify-content: center;
    align-items: center;
}

.bred_crumb .bred_text ul li {
    margin: 0 5px;
}

.bred_crumb .bred_text ul li a, .bred_crumb .bred_text ul li span {
    color: var(--text-white);
    font-size: 14px;
    transition: .4s all;
}

.bred_crumb .bred_text ul li a:hover {
    text-decoration: underline;
}

.bred_crumb .bred_text .search_bar {
    margin-top: 25px;
    position: relative;
    z-index: 1000;
}

.bred_crumb .bred_text .search_bar form .form-group {
    position: relative;
    max-width: 600px;
    height: 60px;
    margin: 0 auto;
}

.bred_crumb .bred_text .search_bar form .form-group .form-control {
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid var(--bg-purple);
    font-size: 16px;
    padding-left: 30px;
    color: var(--body-text-purple);
}

.bred_crumb .bred_text .search_bar form .form-group .form-control::placeholder {
    color: var(--body-text-purple);
}

.bred_crumb .bred_text .search_bar form .form-group .form-control:focus {
    outline: none;
    box-shadow: none;
    border-color: var(--dark-purple);
}

.bred_crumb .bred_text .search_bar form .form-group .btn {
    position: absolute;
    right: 2px;
    top: 2px;
    background-color: var(--bg-purple);
    width: 56px;
    height: 56px;
    padding: 0;
    border-radius: 100px;
    text-align: center;
    line-height: 56px;
    font-size: 23px;
    color: var(--text-white);
}

.bred_crumb .bred_text .search_bar form .form-group .btn:hover {
    background-color: var(--dark-purple);
}

/* ----About App Soluction Section--- */


.app_solution_section .row {
    align-items: center;
}

.app_solution_section .app_text .section_title {
    text-align: left;
    margin-bottom: 20px;
} 

.app_solution_section .app_text .section_title h2 {
    letter-spacing: -1px;
}

.app_solution_section .app_text p {
    padding-right: 40px;
}

.app_solution_section .app_images {
    position: relative;
}

.app_solution_section .app_images ul {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
}

.app_solution_section .app_images ul li {
    position: relative;
}

.app_solution_section .app_images ul li a {
    position: relative;
}

.app_solution_section .app_images ul li a .play_icon {
    background-color: rgba(255, 255, 255, 0.1);
    width: 96px;
    height: 96px;
    border-radius: 100px;
    text-align: center;
    margin: 0 auto;
    line-height: 96px;
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    transform: translate(-50% , -50%);

}

.app_solution_section .app_images ul li img {
    max-width: 100%;
}

.app_solution_section .app_images li:first-child {
    margin-bottom: 30px;
    text-align: center;
    width: 100%;
}

.app_solution_section .app_images ul li:nth-child(2) {
    left: -5px;
    cursor: pointer;
}

.app_solution_section .app_images ul li:nth-child(3) {
    right: -5px;
}

.app_solution_section .app_images::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 570px;
    height: 570px;
    border-radius: 100%;
    background-color: var(--bg-white);
    z-index: -1;
}


/* ------Why Section CSS Start------ */

.why_we_section {
    display: flex;
    justify-content: center;
}

.why_we_section .why_inner {
    background-color: var(--bg-white);
    border-radius: 30px;
    width: 1370px;
    margin: 0 15px;
    box-shadow: 0 4px 30px #EDE9FE;
    padding: 85px 0;
}

.why_we_section .why_inner .section_title {
    margin-bottom: 50px;
}

.why_we_section .why_inner .why_box .icon {
    margin-bottom: 45px;
}

.why_we_section .why_inner .why_box .icon img {
    max-width: 100%;
}

.why_we_section .why_inner .why_box .text h3 {
    font-size: 20px;
    font-weight: 600;
    color: var(--dark-purple);
    margin-bottom: 10px;
}

.why_we_section .why_inner .why_box .text p {
    margin-bottom: 0;
}


/* About-Page-Sectino */

.about_page_sectino img {max-width: 100%;}

/* -----------experts_team_sectio---------- */

.experts_team_section .experts_box {
    position: relative;
    text-align: center;
    padding: 35px 30px;
    border-radius: 12px;
    background-color: transparent;
    transition: .4s all;
}

.experts_team_section .experts_box img {
    margin-bottom: 30px;
    max-width: 100%;
}

.experts_team_section .experts_box .text h3 {
    font-size: 20px;
    font-weight: 600;
    color: var(--dark-purple);
    transition: .4s all;
}

.experts_team_section .experts_box .text span {
    color: var(--body-text-purple);
}

.experts_team_section .experts_box .social_media {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 5px;
}

.experts_team_section .experts_box .social_media a {
    display: block;
    width: 33px;
    height: 33px;
    border: 1px solid #CCCCE2;
    border-radius: 50px;
    text-align: center;
    line-height: 31px;
    color: #898AAE;
    margin: 0 5px;
    transition: .4s all;
    font-size: 15px;
}

.experts_team_section .experts_box .social_media a:hover {
    border-color: var(--purple);
    background-color: var(--bg-purple);
    color: var(--text-white);
}

.experts_team_section .experts_box:hover {
    background-color: var(--bg-white);
    box-shadow: 0 4px 10px #EDE9FE;
}

.experts_team_section .experts_box:hover h3 {
    color: var(--purple);
}


/* ---------Query-Section-Css-Start-------- */
.query_section {
    display: flex;
    justify-content: center;
}

.query_inner {
    width: 1370px;
    margin: 0 15px;
    /*background-image: url(../images/query_bg.png);*/
    background: var(--purple);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 30px;
    min-height: 420px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.query_inner .section_title h2 , 
.query_inner .section_title p {
    color: #fff;
}

.query_inner .section_title {
    margin-bottom: 40px;
}

.query_inner .white_btn {
    font-size: 25px;
    font-weight: 700;
}

.query_inner .white_btn:hover {
    border-color: #fff;
}

.about_trust_section {
    margin-bottom: 40px;
}


/* Blog List Css Start */
.blog_list_story {
    margin-bottom: 50px;
}

.blog_list_main {
    position: relative;
}

.blog_list_main > .container > .row {
    align-items: center;
}

.blog_list_main .blog_img {
    position: relative;
}

.blog_list_main .blog_img img {
    max-width: 100%;
    border-radius: 12px;
}

.blog_list_main .blog_img span {
    position: absolute;
    left: 15px;
    top: 15px;
    font-size: 14px;
    color: var(--text-white);
}

.blog_list_main .blog_text .section_title {
    text-align: left;
}

.blog_list_main .blog_text .choice_badge {
    font-size: 12px;
    background-color: #F8D979;
    display: inline-block;
    padding: 1px 10px;
    border-radius: 4px;
    color: var(--dark-purple);
    font-weight: 700;
    margin-bottom: 10px;
}

.blog_list_main .blog_text a {
    color: var(--purple);
    margin-top: 25px;
    display: block;
    font-size: 14px;
    margin-bottom: 10px;
    font-weight: 600;
}

.blog_list_main .blog_text a:hover {
    text-decoration: underline;
}

.blog_list_story.row_am {
    padding-top: 30px;
}

.blog_list_story .story_box {
    margin-bottom: 40px;
    text-align: left;
}

/* Pagination Css Start */
.pagination_block ul {display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
}

.pagination_block ul li:not(:first-child , :last-child) a {margin: 0 5px;
    transition: .4s all;
    display: block;
    width: 35px;
    height: 35px;
    background-color: transparent;
    border-radius: 50px;
    text-align: center;
    line-height: 35px;
}

.pagination_block ul li:first-child {
    margin-right: 20px;
}

.pagination_block ul li:last-child {
    margin-left: 20px;
}

.pagination_block ul li:not(:first-child , :last-child) a:hover , .pagination_block ul li:not(:first-child , :last-child) a.active {
    background-color: var(--bg-purple);
    color: var(--text-white);
}

.pagination_block ul li:first-child a:hover {
    color: var(--purple);
}

.pagination_block ul li:last-child  a:hover {
    color: var(--purple);
}

/* Blog Detail Css Start */
.blog_detail_section {
    margin-bottom: 40px;
}

.blog_detail_bredcrumb.bred_crumb .bred_text {
    margin-top: -30px;
}

.blog_detail_section .blog_inner_pannel {
    background-color: #FFFFFF;
    border-radius: 30px;
    padding: 45px 60px;
    margin-top: -120px;
    position: relative;
    box-shadow: 0 8px 30px #c0bad76b;
}

.blog_detail_section .blog_inner_pannel .review {
    display: flex; 
    justify-content: center;
    margin-bottom: 15px;
}

.blog_detail_section .blog_inner_pannel .review span {
    line-height: 1;
}

.blog_detail_section .blog_inner_pannel .review span:first-child {
    color: var(--purple);
    display: inline-block;
    font-weight: 700;
}

.blog_detail_section .blog_inner_pannel .review span:last-child {
    color: var(--dark-purple);
    display: inline-block;
    margin-left: 15px;
    padding-left: 15px;
    border-left: 1px solid var(--dark-purple);
}

.blog_detail_section .blog_inner_pannel .section_title {
    margin-bottom: 40px;
}

.blog_detail_section .blog_inner_pannel .section_title h2 {
    margin-bottom: 0;
}

.blog_detail_section .blog_inner_pannel img {
    max-width: 100%;
}

.blog_detail_section .blog_inner_pannel .main_img {
    margin-bottom: 30px;
}

.blog_detail_section .blog_inner_pannel .info h3 {
    font-weight: 700;
    color: var(--dark-purple);
    margin-top: 30px;
    font-size: 25px;
    margin-bottom: 15px;
}

.blog_detail_section .blog_inner_pannel .info ul {
    padding-left: 50px;
    padding-top: 10px;
    margin-bottom: 30px;
}

#block-region-content{
    max-width: 1500px;
    margin: 0 auto;
}

.blog_detail_section .blog_inner_pannel .info ul li p {
    position: relative;
    padding-left: 25px;
    margin-bottom: 0;
}

.blog_detail_section .blog_inner_pannel .info ul li p .icon {
    position: absolute;
    left: 0;
    color: var(--purple);
}

.blog_detail_section .blog_inner_pannel .two_img {
    margin-bottom: 70px;
}

.blog_detail_section .blog_inner_pannel .quote_block {
    background-color: #F6F4FE;
    border-radius: 12px;
    padding: 55px 35px 35px 60px;
    position: relative;
    margin-top: 50px;
    margin-bottom: 35px;
}

.blog_detail_section .blog_inner_pannel .quote_block h2 {
    font-size: 25px;
    line-height: 37px;
}

.blog_detail_section .blog_inner_pannel .quote_block p {
    margin-bottom: 0;
    margin-top: 15px;
}

.blog_detail_section .blog_inner_pannel .quote_block .name {
    color: var(--purple);
    font-weight: 700;
}

.blog_detail_section .blog_inner_pannel .quote_block .q_icon {
    position: absolute;
    top: -20px;
    width: 63px;
    height: 63px;
    background-color: var(--bg-white);
    border-radius: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.blog_detail_section .blog_inner_pannel .quote_block .q_icon img {
    width: 35px;
}

.blog_detail_section .blog_inner_pannel .blog_authore {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 40px 0;
    border-top: 1px solid #D6D3E3;
    border-bottom: 1px solid #D6D3E3;
    margin: 35px 0;
}

.blog_detail_section .blog_inner_pannel .blog_authore .authore_info {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.blog_detail_section .blog_inner_pannel .blog_authore .authore_info .text {
    margin-left: 20px;
}

.blog_detail_section .blog_inner_pannel .blog_authore .authore_info .text h3 {
    font-size: 20px;
    font-weight: 600;
    color: var(--dark-purple);
    margin-bottom: 5px;
}

.blog_detail_section .blog_inner_pannel .blog_authore .authore_info .text span {
    font-size: 14px;
}

.blog_detail_section .blog_inner_pannel .blog_authore .social_media ul {
    display: flex;
}

/* Social Media link list */
.blog_detail_section .blog_inner_pannel .blog_authore .social_media ul li a {
    display: block;
    width: 37px;
    height: 37px;
    text-align: center;
    line-height: 37px;
    font-size: 15px;
    border: 1px solid #CCC9D7;
    border-radius: 50px;
    margin-right: 10px;
    transition: .4s all;
}

.blog_detail_section .blog_inner_pannel .blog_authore .social_media ul li:last-child a {
    margin-right: 0;
}

.blog_detail_section .blog_inner_pannel .blog_authore .social_media ul li a:hover {
    background-color: var(--bg-purple);
    color: var(--text-white);
}

.blog_detail_section .blog_inner_pannel .blog_tags ul {
    display: flex;
    justify-content: center;
    align-items: center;
}

.blog_detail_section .blog_inner_pannel .blog_tags ul .tags p {
    margin-bottom: 0;
    color: var(--dark-purple);
    font-weight: 500;
    margin-right: 5px;
}

.blog_detail_section .blog_inner_pannel .blog_tags ul li span {
    color: var(--purple);
    font-weight: 500;
}


/* comment section Css Start */
.comment_section ul {
    margin-top: 30px;
}

.comment_section ul li {
    display: flex;
    align-items: center;
    padding: 30px 0;
    border-top: 1px solid #D6D3E3;
}

.comment_section ul li:last-child {
    padding-bottom: 0;
}

.comment_section ul li.replay_comment {
    margin-left: 110px;
}

.comment_section ul li .authore_info {
    display: flex;
    align-items: center;
    width: 260px;
}

.comment_section ul li .authore_info .avtar {
    width: 88px;
    margin-right: 20px;
}

.comment_section ul li .authore_info .text {
    width: calc(100% - 108px);
}

.comment_section ul li .authore_info .text h4 {
    font-size: 20px;
    font-weight: 600;
    color: var(--dark-purple);
}

.comment_section ul li .authore_info .text span {
    font-size: 14px;
}

.comment_section ul li .comment {
    width: calc(100% - 310px);
    margin-left: 50px;
}

.comment_section ul li .comment p {
    margin-bottom: 0;
}



/* comment-form-section */

.comment_form_section form {
    margin-top: 30px;
}

.comment_form_section form .form-group .form-control {
    border-radius: 12px;
    height: 60px;
    box-shadow: 0 3px 6px #EDE9FE;
    border: transparent;
    margin-bottom: 30px;
    color: var(--body-text-purple);
    padding: 15px;
}

.comment_form_section form .form-group .form-control::placeholder {
    color: var(--body-text-purple);
}

.comment_form_section form .form-group textarea.form-control {
    height: 140px;
    padding-top: 15px;
    resize: none;
}


/* Sign Up Css Start */
.full_bg {
    background-image: url(../images/form-bg.png);
    background-size: cover;
    /*background: var(--purple);*/
    width: 100%;
    height: 100vh;
    overflow-y: auto;
    padding-bottom: 50px;
}

.signup_section {
    position: relative;
}

.signup_section .back_btn {
    position: absolute;
    left: 0;
    top: 92px;
    color: #fff;
    font-weight: 500;
}

.signup_section .top_part {
    text-align: center;
    padding-top: 80px;
    padding-bottom: 50px;
}

.signup_form {
    width: 570px;
    margin: 0 auto;
    padding: 40px 0;
    border-radius: 12px;
    box-shadow: 0 4px 10px #00000054;
    background-color: var(--bg-white);
}

.signup_form form {
    padding: 0 60px;
}

.signup_form .section_title {
    padding: 0 15px;
}

.signup_form .section_title h2 {
    font-weight: 600;
}

.signup_form form .form-group {
    margin-bottom: 20px;
}

.signup_form form .form-group .form-control {
    height: 60px;
    padding: 5px 20px;
    color: var(--body-text-purple);
    border: 2px solid #E1DBF4;
    border-radius: 12px;
    font-weight: 500;
}

.signup_form form .form-group .form-control:focus {
    box-shadow: none;
    border-color: var(--purple);
    color: var(--purple);
}

.signup_form form .form-group .puprple_btn {
    min-width: 240px;
    display: block;
    margin: 40px auto;
    margin-bottom: 30px;
    font-weight: 600;
}

.signup_form .or_block {
    display: block;
    text-align: center;
    border-bottom: 1px solid #E3E1ED;
}

.signup_form .or_block span {
    position: relative;
    top: 14px;
    padding: 0 5px;
    background-color: var(--bg-white);
    color: #8081AD;
}

.signup_form .or_option {
    text-align: center;
}

.signup_form .or_option > p {
    color: #8081AD;
    margin-top: 30px;
}

.signup_form .or_option .google_btn {
    min-width: 330px;
    border: 2px solid #E1DBF4;
    text-align: center;
    color: var(--body-text-purple);
    padding: 16px;
    border-radius: 100px;
    transition: .4s all;
}

.signup_form .or_option .google_btn:hover {
    border-color: var(--light-purple);
}

.signup_form .or_option .google_btn img {
    margin-right: 20px;
}

.signup_form .or_option p a {
    color: var(--purple);
    text-decoration: underline;
    transition: .4s all;
}

.signup_form .or_option p a:hover {
    color: var(--dark-purple);
}


/* Review List Section Css Start */

.review_list_section .review_box {
    padding: 40px 30px;
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 10px #EDE9FE;
    margin: 20px 0;
}

.review_list_section .review_box .rating ul {
    display: flex;
}

.review_list_section .review_box .rating ul li span {
    color: #FC9400;
    font-size: 18px;
}

.review_list_section .review_box h3 {
    font-size: 20px;
    color: var(--purple);
    margin: 10px 0;
}

.review_list_section .review_box .reviewer {
    display: flex;
    align-items: center;
    margin-top: 35px;
}

.review_list_section .review_box .reviewer .avtar {
    width: 80px;
}

.review_list_section .review_box .reviewer .text {
    margin-left: 20px;
    width: calc(100% - 100px);
}

.review_list_section .review_box .reviewer .text h3 {
    font-weight: 600;
    color: var(--dark-purple);
    margin-bottom: 0;
}

/* review-freeapp */

.review_freeapp {
    margin: 60px 0;
}

.review_freeapp .free_app_inner {
    background: url(../images/free_review_bg.png);
    background-size: cover;
    background-position: 90%;
}

/* Contact Page Css Start */

.contact_page_section .contact_inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    margin-top: -150px;
}

.contact_page_section .contact_inner .section_title h2 {
    font-weight: 600;
}

.contact_page_section .contact_inner .contact_form {
    width: 570px;
    padding: 50px 60px;
    border-radius: 22px;
    background-color: #fff;
    box-shadow: 0 4px 10px #EDE9FE;
}

.contact_page_section .contact_inner .contact_form h2 {
    margin-bottom: 0;
}

.contact_page_section .contact_inner .contact_form form {
    margin-top: 30px;
}

.contact_page_section .contact_inner .contact_form form .form-group {
    margin-bottom: 20px;
}

.contact_page_section .contact_inner .contact_form form .form-group .form-control {
    height: 60px;
    padding: 5px 20px;
    color: var(--body-text-purple);
    border: 2px solid #E1DBF4;
    border-radius: 12px;
    font-weight: 500;
}

.contact_page_section .contact_inner .contact_form form .form-group .form-control:focus {
    box-shadow: none;
    border-color: var(--purple);
    color: var(--purple);
}

.contact_page_section .contact_inner .contact_form form .form-group textarea.form-control {
    height: 140px;
    padding-top: 15px;
}

.contact_page_section .contact_inner .contact_form form .term_check {
    display: flex;
    align-items: center;
}

.contact_page_section .contact_inner .contact_form form .term_check input {
    width: 17px;
    height: 17px;
    accent-color: var(--purple);
}

.contact_page_section .contact_inner .contact_form form .term_check label {
    font-size: 13px;
    margin-bottom: 0;
    margin-left: 7px;
}

.contact_page_section .contact_inner .contact_form form .form-group button {
    width: 240px;
    margin: 0 auto;
    display: block;
    margin-top: 10px;
    margin-bottom: 0;
}

.contact_page_section .contact_inner .contact_info {
    width: 480px;
}

.contact_page_section .contact_inner .contact_info .section_title {
    text-align: left;
    margin-top: 15px;
}

.contact_page_section .contact_inner .contact_info .section_title p a {
    color: var(--purple);
    text-decoration: underline;
}

.contact_page_section .contact_inner .contact_info .btn {
    width: 180px;
    margin: 10px 0 50px 0;
}

.contact_page_section .contact_inner .contact_info .contact_info_list li {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

.contact_page_section .contact_inner .contact_info .contact_info_list li:last-child {
    margin-bottom: 0;
}

.contact_page_section .contact_inner .contact_info .contact_info_list li .img {
    width: 65px;
    margin-right: 20px;
}

.contact_page_section .contact_inner .contact_info .contact_info_list li .text {
    width: calc(100% - 85px);
}

.contact_page_section .contact_inner .contact_info .contact_info_list li .text span {
    display: block;
    font-size: 20px;
    font-weight: 600;
    color: var(--dark-purple);
}

.contact_page_section .contact_inner .contact_info .contact_info_list li .text p , 
.contact_page_section .contact_inner .contact_info .contact_info_list li .text a {margin: 0;}

.contact_page_section .contact_inner .contact_info .contact_info_list li .text a:hover {
    color: var(--dark-purple);
}

.map_section {
    margin: 50px 0;
}

.timeline{
    padding: 0 30px;
    width: fit-content;
    margin: 0 auto;
    margin-top: 60px;
}

.timeline ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
  }
  
  .timeline li {
    float: left;
    margin: 0 80px;
  }
  
  .timeline li a {
    display: block;
    color: white;
    text-align: center;
    padding: 16px;
    text-decoration: none;
  }
  
  .timeline li a:hover {
    background-color: #111111;
  }
  

  /* > Process Styles */
.process-wrap {
    width: 50%;
    margin: 100px auto;
  }
  .process-main {
      width: 100%;
      min-width: 320px;
      display: flex;
  }
  .col-3 {
    width: 25%;
    position: relative;
  }
  .col-3:first-child .process-step:before {
      content: '1';
  }
  .col-3:nth-child(2) .process-step:before{
      content: '2';
  }
  .col-3:nth-child(3) .process-step:before {
      content: '3';
  }
  .col-3:last-child .process-step:before{
      content: '4';
  }
  .process-main .col-3:not(:first-child):before{
      content: "";
      display: block;
      position: absolute;
      width: 100%;
      height: 4px;
      top: 17.5px;
      left: calc(-50% + 20px);
      right: 0;
      background: #ebebeb;
      border: 2px #ebebeb solid;
     -o-transition: .4s;
      -ms-transition: .4s;
      -moz-transition: .4s;
      -webkit-transition: .4s;
       transition: .4s;
  }
  .process-step-cont {
      font-family: sans-serif;
      font-size: 16px;
      text-transform: uppercase;
      text-decoration: none;
      white-space: nowrap;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      align-content: space-between;
  }
  .process-step {
      border: 5px #ebebeb solid;
      border-radius: 100%;
      line-height: 0;
      background: #959595;
      text-align: center;
      align-items: center;
      justify-content: center;
      align-self: center;
      display: flex;
      color: #fff;
      width: 35px;
      height: 35px;
      font-weight: 700;
      margin-bottom: 7px;
      z-index: 4;
      cursor: pointer;
  }
  .process-label {
      color: #959595;
      font-weight: 600;
       width: 100%;
       text-align: center;
  }
  .process-dots {
      width: 10px; 
      height: 10px;
      border-radius: 50%;
      background-color: #ebebeb;
      cursor: pointer;
  }
  .process-dot-cont {
      display: flex;
      justify-content: space-around;
      align-items: stretch;
      width: 60%; 
      padding-top: 5px;
  }
  .active-step1 .col-3:first-child .process-step,
  .active-step1 .col-3:first-child .process-dots:first-child,
  .active-step1-mini2 .col-3:first-child .process-step,
  .active-step1-mini2 .col-3:first-child .process-dots:nth-child(-n+2),
  .active-step1-mini3 .col-3:first-child .process-step,
  .active-step1-mini3 .col-3:first-child .process-dots:nth-child(-n+3),
  .active-step1-mini4 .col-3:first-child .process-step,
  .active-step1-mini4 .col-3:first-child .process-dots:nth-child(-n+4)
  {
      background-color: #006570;
  }
  .active-step1-mini2 .col-3:first-child .process-dots:first-child,
  .active-step1-mini3 .col-3:first-child .process-dots:nth-child(-n+2),
  .active-step1-mini4 .col-3:first-child .process-dots:nth-child(-n+3)
   {
      background-color: #fbcb93;
  }
  .active-step1 .col-3:first-child .process-label,
  .active-step1-mini3 .col-3:first-child .process-label,
  .active-step1-mini2 .col-3:first-child .process-label,
  .active-step1-mini4 .col-3:first-child .process-label{
      color: #4B0046;
  }
  .active-step2 .col-3:first-child,
  .active-step3 .col-3:nth-child(-n+2),
  .active-step4 .col-3:nth-child(-n+3){
      opacity: 0.5;
     /*pointer-events: none;*/
  }
  .active-step2 .col-3:first-child .process-step:before,
  .active-step3 .col-3:nth-child(-n+2) .process-step:before,
  .active-step4 .col-3:nth-child(-n+3) .process-step:before{
      content: '\2713';
      padding: 7px;
  }
  .active-step2 .col-3:nth-child(-n+2) .process-step,
  .active-step2 .col-3:nth-child(-n+2) .process-dots,
  .active-step3 .col-3:nth-child(-n+3) .process-step,
  .active-step3 .col-3:nth-child(-n+3) .process-dots,
  .active-step4 .col-3:nth-child(-n+4) .process-step,
  .active-step4 .col-3:nth-child(-n+4) .process-dots {
      background-color: #f89828;
  }
  .active-step2 .col-3:nth-child(-n+2) .process-label,
  .active-step3 .col-3:nth-child(-n+3) .process-label,
  .active-step4 .col-3:nth-child(-n+4) .process-label{
      color: #f89828;
  }
  .active-step2 .col-3:nth-child(-n+2):before,
  .active-step3 .col-3:nth-child(-n+3):before,
  .active-step4 .col-3:nth-child(-n+4):before{
      background: #f89828 !important;
  }
  @media screen and (max-width: 640px) {
    .process-main {
      flex-wrap: wrap;
    }
    .col-3 {
      width: 50%;
    }
    .process-main .col-3:nth-of-type(3):not(:first-child):before {
      top: -19.5px;
      left: calc(-50% + 145px);
      transform: rotate(150deg);
    }
  }

:root {
    --light-purple: #F6F4FE;
    --purple: #4B0046;
    --bg-purple: #4B0046;
    --dark-purple: #006570;
    --body-text-purple: #006570;
    --text-white: #ffffff;
    --bg-white: #ffffff;
    --slider-dots-color: #D4D2DD;
    --light-bg: #DFDAF3;
}

/* ------Media-Query-Start--------- */
@media screen and (max-width:1300px) {
    
    /* features section */
    .features_section .feature_detail .feature_box {width: 350px;}
    .features_section .feature_detail .left_data {padding-left: 75px;}
    .features_section .feature_detail .right_data {padding-right: 75px;}
}


@media screen and (max-width:1200px) {

    .row_am {padding: 50px 0;}

    /* navigation bar section */
    .navbar-expand-lg .navbar-nav .nav-link {padding: 5px 10px; color: var(--text-white);}
    .navbar-expand-lg .navbar-nav .nav-link.dark_btn {padding: 9px 30px;}
    .navbar-expand-lg .navbar-nav .has_dropdown .drp_btn {right: 5px;}
    .banner_section .banner_slider .right_icon {right: -30px;}

    .banner_section .banner_text h1 {font-size: 45px;}

    /* features section */
    .features_section .feature_detail .feature_box {width: 300px;}
    .features_section .feature_detail .left_data {padding-left: 15px;}
    .features_section .feature_detail .right_data {padding-right: 15px;}

    /* about app section */
    .about_app_section .about_text .app_statstic li {width: 210px; padding-left: 20px;}
    .about_app_section .about_text .app_statstic li p:first-child {font-size: 30px;}

    /* modern ui section */
    .modern_ui_section .ui_images::before {width: 475px; height: 475px;}
    .modern_ui_section .ui_images .right_img img:nth-child(1) {margin-left: -60px;}
    .modern_ui_section .ui_images .right_img img:nth-child(2) {margin-left: -140px;}

    /* download app section */
    .free_app_section .container .free_app_inner .free_img img {transform: scale(.8);}
    .free_app_section .container .free_app_inner .free_img img:last-child {margin-left: -120px;}
    .free_app_section .container .free_app_inner .free_img {margin-top: -180px;}

    /* newsletter section */
    .newsletter_box .section_title {width: 60%;}
    .newsletter_box .section_title h2 {font-size: 24px; letter-spacing: 1px;}
    .newsletter_box form .form-group .form-control {width: 250px;}

    .youtube-video .modal-dialog  {max-width: 940px !important;}

    .app_solution_section .app_images ul li:nth-child(2) {width: 45%; left: 0;}
    .app_solution_section .app_images ul li:nth-child(3) {width: 50%; right: 0;}

    .experts_team_section .experts_box .text span {min-height: 50px; display: block; margin-bottom: 10px;}

    .review_list_section .review_box h3 {font-size: 16px;}
    .review_list_section .review_box p {font-size: 14px;}
    .review_list_section .review_box .reviewer .text span {font-size: 14px;}

    .contact_page_section .contact_inner {margin-top: -120px;}
    .contact_page_section .contact_inner .contact_form {width: 520px; padding: 50px 30px;}
    .contact_page_section .contact_inner .contact_info {width: 350px;}
    .contact_page_section .contact_inner .section_title h2 {font-size: 34px;}

    .bred_crumb {min-height: 400px;}
    .bred_crumb::after {background-size: 100%; height: 110px;} 

    .blog_detail_section .blog_inner_pannel {margin-top: -100px; padding: 30px;}


}

@media screen and (max-width:992px) {

    /* navigation section */
    .navbar-toggler-icon {display: flex; align-items: center; color: var(--body-text-purple); justify-content: flex-end;}
    .free_app_section .container .free_app_inner .free_text .section_title h2 , .section_title h2 {font-size: 30px;}
    header.fix_style {padding: 5px 0;}

    .banner_section {text-align: center; padding-top: 100px;}
    .banner_section .banner_text p { padding: 15px 25px; }
    .banner_section .app_btn , .banner_section .used_app {justify-content: center;}

     /* navigation section */
    .navbar-expand-lg .navbar-nav {align-items: flex-start;}
    .navbar-toggler {padding-right: 0; line-height: 1.7;}
    .navbar-expand-lg .navbar-nav {padding: 20px 15px; background-color: var(--bg-white); border-radius: 15px; }
    .navbar-expand-lg .navbar-nav .nav-link { color: var(--body-text-purple);}
    .navbar-expand-lg .navbar-nav .nav-link.dark_btn {margin-left: 0; margin-top: 15px;}
    .navbar-expand-lg .navbar-nav .has_dropdown {flex-direction: column; align-items: flex-start; width: 100%; box-shadow: none;}
    .navbar-expand-lg .navbar-nav .has_dropdown:hover {box-shadow: none;}
    .navbar-expand-lg .navbar-nav .has_dropdown .drp_btn {position: absolute; right: 0; padding: 0 10px; color: var(--body-text-purple);}
    .navbar-expand-lg .navbar-nav .has_dropdown .sub_menu {position: relative; opacity: 1; pointer-events: all; top: auto; background-color: transparent; width: 100%; border-bottom: 1px solid #6b49f268; border-radius: 0; width: 100%; min-width: 100%; max-width: 100%; margin-left: 10px; display: none; box-shadow: none; margin-top: 0;}
    .navbar-expand-lg .navbar-nav .has_dropdown .sub_menu ul {padding: 0; margin-top: 0;}
    .navbar-expand-lg .navbar-nav .has_dropdown .sub_menu ul li a {padding: 5px 10px; display: block; padding-left: 0;}
    .navbar-expand-lg .navbar-nav .has_dropdown:hover .sub_menu {margin-top: 0;}

    /* banner section */
    .banner_section .banner_text h1 {font-size: 40px;}
    .banner_section .banner_slider {margin-top: 50px;}
    .banner_section .banner_slider .left_icon {left: 0;}
    .banner_section .banner_slider .right_icon {right: 0;}

    .banner_section .banner_image { margin-top: 150px; }
    .banner_section::after { height: 205px; }

    /* features section */
    .features_section .feature_detail .feature_img {width: 275px;}
    .features_section .feature_detail .feature_box .data_block {margin-bottom: 30px;}
    .features_section .feature_detail .feature_box {width: 220px;}

    /* about app section */
    .about_app_section .row {flex-direction: column-reverse;}
    .about_app_section .about_img {justify-content: flex-start; margin-top: 75px; margin-left: 0;}
    .about_app_section .about_img::before {left: 50%;}
    .about_app_section .about_img .screen_img {margin-left: -170px;}
    .about_app_section .about_text .app_statstic {justify-content: flex-start;}
    .about_app_section .about_text .app_statstic li {width: 35%; margin-right: 30px;}
    .about_app_section .about_img::before {left: 35%;}
    
    /* modern ui section */
    .modern_ui_section .ui_images {margin-top: 30px;}
    .modern_ui_section .ui_text {padding-right: 0;}
    .modern_ui_section .ui_images .right_img {display: flex; flex-direction: column; align-items: center;}

    /* how it work section */
    .how_it_works .step_block ul li .step_text, .how_it_works .step_block ul li .step_img {width: 280px;}
    .how_it_works .yt_video .thumbnil a {top: 57%;}
    .how_it_works .yt_video .thumbnil a span {font-size: 20px;}
    
    /* testimonial section */
    #testimonial_slider {max-width: 500px;}

    /* pricing section */
    .pricing_section .pricing_pannel .pricing_block {padding-left: 15px; padding-right: 15px; min-height: 600px; padding-top: 30px;}
    .pricing_section .pricing_pannel .pricing_block .price {font-size: 36px;}
    .pricing_section .pricing_pannel .pricing_block .benifits li p {font-size: 14px;}

    /* interface section */
    .interface_section .screen_slider {min-height: 550px;}

    /* download app section */
    .free_app_section .container .free_app_inner {padding: 20px 15px;}
    .free_app_section .container .free_app_inner .free_img img {transform: scale(.7);}
    .free_app_section .container .free_app_inner .free_img img:last-child {margin-left: -180px;}
    .free_app_section .container .free_app_inner .free_text .app_btn li a {padding: 10px 20px;}

    /* latest story section */
    .latest_story {margin-bottom: 40px;}
    .latest_story .story_box .story_text {padding: 15px;}

    /* newsletter section */
    .newsletter_box {flex-direction: column; padding: 30px 20px;}
    .newsletter_box .section_title , .newsletter_box form {width: 100%; margin: 10px 0; justify-content: center;}
    .newsletter_box form .form-group .form-control {width: 350px;}
    .newsletter_box .section_title h2, .newsletter_box .section_title p {text-align: center;}

    /* footer section */
    footer .top_footer .logo , footer h3 {margin-bottom: 20px;}
    footer .abt_side {margin-bottom: 50px;}
    footer .top_footer .try_out {margin-left: 0;}
    footer .top_footer .col-md-6 {margin-bottom: 15px;}


    /* Bred Crumb */
    .bred_crumb {min-height: 350px;}
    .bred_crumb .bred_text h1 {font-size: 30px;}
    .bred_crumb::after {background-size: 100%; height: 90px; bottom: -5px;}
    .bred_crumb .bred_text .search_bar form .form-group {height: 50px;}
    .bred_crumb .bred_text .search_bar form .form-group .btn {width: 46px; height: 46px; line-height: 46px;}

    .bred_crumb .banner_shape3 { top: 240px;   animation: mymove 3s infinite; }
    

    .app_solution_section .app_images {margin-top: 30px;}
    .app_solution_section .app_images ul li:nth-child(2) {text-align: right;}
    .app_solution_section .app_text p {padding-right: 0;}
    .app_solution_section .app_text .section_title {text-align: center;}
    .app_solution_section .app_images {margin-top: 70px;}
    .app_solution_section .app_images::before {width: 350px; height: 350px;}

    .why_we_section .why_inner {padding: 35px 0; padding-bottom: 0px;}
    .why_we_section .why_inner .why_box {margin-bottom: 50px; text-align: center;} 
    .why_we_section .why_inner .why_box .icon {margin-bottom: 30px;}
    

    .experts_team_section .experts_box .text span {min-height: auto;}
    .query_inner .white_btn {font-size: 14px;}

    
    .blog_list_main .blog_text {margin-top: 30px;}
    .blog_detail_section .blog_inner_pannel {margin-top: -100px; padding: 30px;}
    .blog_detail_section .blog_inner_pannel .info ul {padding-left: 30px;}
    .comment_section ul li .comment { width: calc(100% - 280px); margin-left: 20px;}
    .blog_detail_section .blog_inner_pannel .quote_block {padding: 55px 30px 35px 30px;}

    .contact_page_section .contact_inner {flex-direction: column; margin-top: 60px;}
    .contact_page_section .contact_inner .contact_form {width: 100%;}
    .contact_page_section .contact_inner .contact_info {width: 100%; margin-top: 50px;}

    

}

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

    body {font-size: 14px; text-align: center;}
    .row_am {padding: 30px 0;}
    .section_title p br {display: none;}
    .free_app_section .container .free_app_inner .free_text .section_title h2, .section_title h2 {font-size: 24px;}

    /* navbar section */
    .navbar {padding-top: 15px;}
    .navbar-expand-lg .navbar-nav .has_dropdown .sub_menu ul li a {text-align: left; line-height: 1.5; font-size: 14px;}

    /* banner section */
    .banner_section {margin-top:0px; padding-top: 80px;}
    .banner_section .banner_text h1 {font-size: 30px;}
    .banner_section .banner_text p {padding: 0px 15px;}
    .banner_section .app_btn , .banner_section .used_app {justify-content: center;}
    .banner_section .app_btn li:last-child {margin-left: 0;}
    .banner_section .app_btn li {margin: 0 15px;}
    .banner_section .app_btn li a {padding: 10px 20px;}
    .banner_section .app_btn li a img {height: 25px;}
    .banner_section .banner_slider .left_icon {left: -40px;}
    .banner_section .banner_slider .right_icon {right: -40px; z-index: 1000;}
    .banner_section .banner_slider::before {width: 350px; height: 350px;}
    .banner_section .banner_image {margin-top: 130px;}



    /* trusted logo section */
    .trusted_section .company_logos {padding-top: 0;}
    .trusted_section .company_logos img {max-width: 70%;}

    /* features section */
    .features_section .feature_detail {flex-direction: column-reverse; padding-top: 30px; margin-top: 0;}
    .features_section .feature_detail .feature_img {position: relative; top: auto; left: auto; transform: none; width: 75%; margin: 0 auto;}
    .features_section .feature_detail .feature_box {width: 100%; padding: 0 15px; text-align: center;}
    .features_section .feature_detail .left_data .data_block .icon {margin-right: 0;}
    .features_section .feature_detail .right_data .data_block .icon {margin-left: 0;}
    .features_section .feature_detail .feature_box .data_block {margin-bottom: 0; margin-top: 30px;}

    /* about app section */
    .about_app_section .about_text , .about_app_section .about_text .section_title {text-align: center;}
    .about_app_section .about_text .app_statstic {margin-top: 0; justify-content: space-between;}
    .about_app_section .about_text .app_statstic li {width: 48%; margin-right: 0;}
    .about_app_section .about_text .app_statstic li p:first-child {font-size: 18px;}
    .about_app_section .about_img {margin: 0; margin-top: 50px; justify-content: center;}
    .about_app_section .about_img::before {width: 350px; height: 350px;}

    /* modern ui section */
    .modern_ui_section .ui_images {margin-top: 10px;}
    .modern_ui_section .section_title {text-align: center;}
    .modern_ui_section .design_block li {padding-left: 0; margin-bottom: 30px;}
    .modern_ui_section .design_block li::before {position: relative; left: auto; top: auto; display: inline-block;}

    .modern_ui_section .ui_images img {max-width: 100%;}
    .modern_ui_section .ui_images::before {width: 350px; height: 350px;}
    .modern_ui_section .ui_images .left_img {width: 70%;}
    .modern_ui_section .ui_images .right_img {justify-content: center;}
    .modern_ui_section .ui_images .right_img img:nth-child(1) {top: 0; width: 100px;}
    .modern_ui_section .ui_images .right_img img:nth-child(3) {margin-top: 0;}

    /* how it work section */
    .how_it_works .how_it_inner {padding: 50px 15px;}
    .how_it_works .step_block .step_box { padding-bottom: 30px;}
    .how_it_works .yt_video {margin-top: -50px;}
    .how_it_works .yt_video .thumbnil {height: 300px; border-radius: 15px;}
    .how_it_works .yt_video .thumbnil img {height: 100%; object-fit: cover; object-position: center; border-radius: 15px;}
    .how_it_works .yt_video .thumbnil a {width: 100%;}
    .how_it_works .yt_video .thumbnil a .play_btn::after {width: 140px; height: 140px;}
    .how_it_works .yt_video .thumbnil a .play_btn::before {width: 120px; height: 120px;}
    .how_it_works .yt_video .thumbnil a .play_btn img {height: auto;}

    /* testimonial section */
    .testimonial_section .testimonial_block {margin: 0;}
    .testimonial_section .testimonial_block .avtar_faces {display: none;}
    .testimonial_section .testimonial_block .testimonial_slide_box {width: 100%;}

    /* pricing section */
    .pricing_section .pricing_pannel .pricing_block {min-height: auto; padding: 30px 15px;}
    .pricing_section .pricing_pannel .pricing_block .icon {margin-bottom: 15px;}
    .pricing_section .contact_text {margin-top: -20px;}

    /* faq section */
    .faq_section .faq_panel .card-header h2 {text-align: left;}
    .faq_section .faq_panel .card-header .btn {font-size: 16px; padding-right: 30px;}
    .faq_section .faq_panel .card-body p {text-align: left;}

    /* interface section */
    .interface_section .screen_slider {/*min-height: 720px;*/}
    .interface_section .owl-item .screen_frame_img img {transform: scale(1);}

    /* download section */
    .free_app_section .container .free_app_inner {padding: 50px 15px; padding-bottom: 0; z-index: 99;}
    .free_app_section .container .free_app_inner .free_img {margin-top: 0; justify-content: center;}
    .free_app_section .container .free_app_inner .free_img img {max-width: 100%;}
    .free_app_section .container .free_app_inner .free_text .section_title {text-align: center;}
    .free_app_section .container .free_app_inner .free_text .app_btn {flex-direction: column;}
    .free_app_section .container .free_app_inner .free_text .app_btn li a {width: 200px; text-align: center;}
    .free_app_section .container .free_app_inner .free_text .app_btn li:last-child {margin-left: 0; margin-top: 15px;}

    /* latest story section */
    .latest_story .story_box {margin-bottom: 30px;}

    /* newsletter section */
    .newsletter_box form {flex-direction: column; align-items: center;}
    .newsletter_box form .form-group {width: 100%;}
    .newsletter_box form .form-group .form-control {width: 100%; margin-bottom: 15px;}
    .newsletter_box .section_title p {font-size: 13px;}

    /* footer section */
    footer .links , footer .abt_side {margin-bottom: 30px;}
    footer .top_footer .social_media {justify-content: center;}
    footer .top_footer .social_media li a {margin: 0 5px;}
    footer .top_footer .try_out {margin-left: 0;}
    footer .app_btn li a {margin: 0 auto;}
    footer .bottom_footer .developer_text {text-align: center; margin-top: 10px;}
    footer .go_top {right: 10px;}
    footer .top_footer .col-md-6 {margin-bottom: 0px;}

    /* animation line section */
    .anim_line , .anim_line.dark_bg {width: 140%;}

    /* latest story section */
    .latest_story .story_box .story_img img {width: 100%;}    

    /* go top button section */
    .go_top {bottom: 30px; z-index: 999;}

    .purple_backdrop {display: none;}


    /* Bread-Crumb */
    .bred_crumb {min-height: 330px;}
    .bred_crumb .bred_text h1 {font-size: 24px;}
    .bred_crumb .bred_text .search_bar form .form-group {height: 50px;}
    .bred_crumb .bred_text .search_bar form .form-group .btn {width: 46px; height: 46px; line-height: 46px;}
    .bred_crumb .bred_text {padding: 0 15px; margin-top: 15px;}
    .bred_crumb::after {background-size: cover; height: 100px;} 



    .blog_list_main .blog_text .section_title , .blog_list_story .story_box {text-align: center;}

    .why_we_section .why_inner {padding-bottom: 10px;}

    .experts_team_section .experts_box {padding: 20px; margin-bottom: 15px;}
    .pagination_block ul li:not(:first-child , :last-child) a {width: 24px; height: 24px; line-height: 24px; margin: 0 3px; font-size: 12px;}

    .blog_detail_bredcrumb.bred_crumb .bred_text {margin-top: -10px;}
    .blog_detail_section .blog_inner_pannel {margin-top: -70px; padding: 25px 20px;}
    .blog_detail_section .blog_inner_pannel .section_title {margin-bottom: 20px;}
    .blog_detail_section .blog_inner_pannel .section_title h2 {font-size: 22px;}
    .blog_detail_section .blog_inner_pannel .info h3 {font-size: 18px;}
    .blog_detail_section .blog_inner_pannel .info ul {text-align: left; padding-left: 0;}
    .blog_detail_section .blog_inner_pannel .two_img {margin-bottom: 0;}
    .blog_detail_section .blog_inner_pannel .two_img img {margin: 10px 0;}
    .blog_detail_section .blog_inner_pannel .quote_block .q_icon {left: 50%; transform: translateX(-50%);}
    .blog_detail_section .blog_inner_pannel .quote_block {padding: 55px 20px 35px 20px;}
    .blog_detail_section .blog_inner_pannel .quote_block h2 {font-size: 18px; line-height: 1.4;}
    .blog_detail_section .blog_inner_pannel .blog_authore {flex-direction: column;}
    .blog_detail_section .blog_inner_pannel .blog_authore .authore_info {margin-bottom: 30px;}
    .blog_detail_section .blog_inner_pannel .blog_authore .authore_info .text h3 {font-size: 18px;}

    .comment_section ul li {flex-direction: column; padding: 20px 0; text-align: left;}
    .comment_section ul li .comment {width: 100%; margin-left: 0;}
    .comment_section ul li .authore_info {width: 100%; margin-bottom: 15px;}
    .comment_section ul li.replay_comment {margin-left: 30px;}
    .comment_section ul li .authore_info .text {width: auto;}

    .comment_form_section form .form-group .form-control {height: 45px; font-size: 14px; margin-bottom: 15px;}


    .signup_form {width: calc(100% - 30px); margin: 0 15px;} 
    .signup_form form {padding: 0 20px;}
    .signup_form form .form-group .form-control {font-size: 14px; height: 50px;}
    .signup_form .or_option .google_btn {min-width: 275px; padding: 12px 10px;}
    .signup_section .back_btn {top: 15px;}
    .signup_section .top_part {padding-top: 35px; padding-bottom: 35px;}

    .review_freeapp {margin: 0 0 40px 0;}
    .review_list_section .review_box .rating ul , 
    .review_list_section .review_box .reviewer {justify-content: flex-start; text-align: center;}
    .review_list_section .review_box .reviewer .text {width: auto; text-align: left;}
    .review_list_section .review_box {text-align: left;}

    .contact_page_section .contact_inner {margin-top: 40px;}
    .contact_page_section .contact_inner .contact_form {padding: 30px 20px;}
    .contact_page_section .contact_inner .section_title h2 {font-size: 24px;}
    .contact_page_section .contact_inner .contact_form form .form-group .form-control {height: 50px; font-size: 14px;}
    .contact_page_section .contact_inner .contact_form form .term_check label {text-align: left; line-height: 1.3;}
    .contact_page_section .contact_inner .contact_form form .term_check {align-items: flex-start;}
    .contact_page_section .contact_inner .contact_info .section_title {text-align: center;}
    .contact_page_section .contact_inner .contact_info .btn {margin-bottom: 30px;}
    .contact_page_section .contact_inner .contact_info .contact_info_list li {flex-direction: column;}
    .contact_page_section .contact_inner .contact_info .contact_info_list li .img {width: 100%; margin: 0;}
    .contact_page_section .contact_inner .contact_info .contact_info_list li .text {width: 100%; margin-top: 10px;}
    
    .map_section {margin: 15px 0;}

}


@media screen and (max-width:640px) {
    .features_section .feature_detail .feature_box { justify-content: center; margin: 0 auto; }
    .bred_crumb .banner_shape1, .banner_shape2, .banner_shape3 {  display: none;}
    .query_section .banner_shape1, .banner_shape2, .banner_shape3 {  display: none;}

}

@media screen and (max-width:479px) {

    /* about app section */
    .about_app_section .about_img::before {left: 49%;}
}

/* -------------------------------- 

Modal window 

-------------------------------- */
.cd-modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 3;
  height: 100%;
  width: 100%;
  overflow: hidden;
  background: #402f44 url(../img/modal-bg.jpg) no-repeat center center;
  background-size: cover;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  transition: opacity 0.3s 0s, visibility 0s 0.3s;
}
.cd-modal .modal-content {
  height: 100%;
  overflow-y: auto;
  padding: 3em 5%;
  color: #e4dcca;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.cd-modal h1 {
  text-align: center;
}
.cd-modal h1::after {
  /* ink/brush separation */
  content: '';
  display: block;
  width: 130px;
  height: 18px;
  background: url(../img/ink-separation.svg) no-repeat center center;
  margin: .2em auto 0;
}
.cd-modal p {
  line-height: 1.6;
  margin: 2em auto;
  max-width: 800px;
}
.cd-modal .modal-close {
  /* 'X' icon */
  position: absolute;
  z-index: 1;
  top: 20px;
  right: 5%;
  height: 45px;
  width: 45px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.3) url(../img/cd-icon-close.svg) no-repeat center center;
  /* image replacement */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: -webkit-transform 0.3s 0s, visibility 0s 0.3s, opacity 0.3s 0s;
  -moz-transition: -moz-transform 0.3s 0s, visibility 0s 0.3s, opacity 0.3s 0s;
  transition: transform 0.3s 0s, visibility 0s 0.3s, opacity 0.3s 0s;
}
.no-touch .cd-modal .modal-close:hover {
  background-color: rgba(0, 0, 0, 0.5);
}
.cd-modal.visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.7s, visibility 0s;
  -moz-transition: opacity 0.7s, visibility 0s;
  transition: opacity 0.7s, visibility 0s;
}
.cd-modal.visible .modal-content {
  /* this fixes the buggy scrolling on webkit browsers - mobile devices only - when overflow property is applied */
  -webkit-overflow-scrolling: touch;
}
.cd-modal.visible .modal-close {
  visibility: visible;
  opacity: 1;
  -webkit-transition: -webkit-transform 0.3s 0s, visibility 0s 0s, opacity 0.3s 0s;
  -moz-transition: -moz-transform 0.3s 0s, visibility 0s 0s, opacity 0.3s 0s;
  transition: transform 0.3s 0s, visibility 0s 0s, opacity 0.3s 0s;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
@media only screen and (min-width: 1100px) {
  .cd-modal .modal-content {
    padding: 6em 5%;
  }
  .cd-modal .modal-close {
    height: 60px;
    width: 60px;
  }
  .cd-modal p {
    font-size: 2rem;
  }
}

/* -------------------------------- 

Transition Layer 

-------------------------------- */
.cd-transition-layer {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
  height: 100%;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
}
.cd-transition-layer .bg-layer {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateY(-50%) translateX(-2%);
  -moz-transform: translateY(-50%) translateX(-2%);
  -ms-transform: translateY(-50%) translateX(-2%);
  -o-transform: translateY(-50%) translateX(-2%);
  transform: translateY(-50%) translateX(-2%);
  /* its dimentions will be overwritten using jQuery to proportionally fit the viewport */
  height: 100%;
  /* our sprite is composed of 25 frames */
  width: 2500%;
  background: url(../img/ink.png) no-repeat 0 0;
  background-size: 100% 100%;
}
.cd-transition-layer.visible {
  opacity: 1;
  visibility: visible;
}
.cd-transition-layer.opening .bg-layer {
  -webkit-animation: cd-sequence 0.8s steps(24);
  -moz-animation: cd-sequence 0.8s steps(24);
  animation: cd-sequence 0.8s steps(24);
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.cd-transition-layer.closing .bg-layer {
  -webkit-animation: cd-sequence-reverse 0.8s steps(24);
  -moz-animation: cd-sequence-reverse 0.8s steps(24);
  animation: cd-sequence-reverse 0.8s steps(24);
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.no-cssanimations .cd-transition-layer {
  display: none;
}

.widget-gumroad{
    position: absolute;
    right: 10;
    top: 150;
    z-index: 9;
}

.widget-reto500{
    position: absolute;
    left: 10;
    top: 350;
    z-index: 9;
    width: 350;
    height: 605;
    background: white;
    padding: 10px 20px;
    text-align: justify;
}

.button-gumroad{
    display: none;
}

.button-reto500{
    display: none;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    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;
    background-color: var(--purple);
    color: var(--text-white);
    border-radius: 50px;
    padding: 10px 40px;
    position: fixed;
    overflow: hidden;
    z-index: 1;
    font-weight: 500;
    bottom: 5px;
    left: 0;
    right: 0;
    margin: 0 10px;}

@media only screen and (max-width: 768px) {
    .widget-gumroad {
        display: none;
    }
    .widget-reto500{
        display: none;
    }
    .button-gumroad{
        display: inline-block;
        position: absolute;

    }
    .button-reto500{
        display: inline-block;
    }
    #fitem_enrolpassword_50 .form-control{
        max-width: 205px!important;
    }
}

.form-inline .widget-gumroad, .form-inline .widget-reto500, .form-inline .button-gumroad, .form-inline .button-reto500{
    display: none;
}

@-webkit-keyframes cd-sequence {
  0% {
    /* translateX(-2%) is used to horizontally center the first frame inside the viewport */
    -webkit-transform: translateY(-50%) translateX(-2%);
  }
  100% {
    /* translateX(-98%) (2% + 96) is used to horizontally center the last frame inside the viewport  */
    -webkit-transform: translateY(-50%) translateX(-98%);
  }
}
@-moz-keyframes cd-sequence {
  0% {
    /* translateX(-2%) is used to horizontally center the first frame inside the viewport */
    -moz-transform: translateY(-50%) translateX(-2%);
  }
  100% {
    /* translateX(-98%) (2% + 96) is used to horizontally center the last frame inside the viewport  */
    -moz-transform: translateY(-50%) translateX(-98%);
  }
}
@keyframes cd-sequence {
  0% {
    /* translateX(-2%) is used to horizontally center the first frame inside the viewport */
    -webkit-transform: translateY(-50%) translateX(-2%);
    -moz-transform: translateY(-50%) translateX(-2%);
    -ms-transform: translateY(-50%) translateX(-2%);
    -o-transform: translateY(-50%) translateX(-2%);
    transform: translateY(-50%) translateX(-2%);
  }
  100% {
    /* translateX(-98%) (2% + 96) is used to horizontally center the last frame inside the viewport  */
    -webkit-transform: translateY(-50%) translateX(-98%);
    -moz-transform: translateY(-50%) translateX(-98%);
    -ms-transform: translateY(-50%) translateX(-98%);
    -o-transform: translateY(-50%) translateX(-98%);
    transform: translateY(-50%) translateX(-98%);
  }
}
@-webkit-keyframes cd-sequence-reverse {
  0% {
    -webkit-transform: translateY(-50%) translateX(-98%);
  }
  100% {
    -webkit-transform: translateY(-50%) translateX(-2%);
  }
}
@-moz-keyframes cd-sequence-reverse {
  0% {
    -moz-transform: translateY(-50%) translateX(-98%);
  }
  100% {
    -moz-transform: translateY(-50%) translateX(-2%);
  }
}
@keyframes cd-sequence-reverse {
  0% {
    -webkit-transform: translateY(-50%) translateX(-98%);
    -moz-transform: translateY(-50%) translateX(-98%);
    -ms-transform: translateY(-50%) translateX(-98%);
    -o-transform: translateY(-50%) translateX(-98%);
    transform: translateY(-50%) translateX(-98%);
  }
  100% {
    -webkit-transform: translateY(-50%) translateX(-2%);
    -moz-transform: translateY(-50%) translateX(-2%);
  }
}