.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}.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.recordrtc .qtype_recordrtc-audio-widget{width:26em}.que.recordrtc .qtype_recordrtc-ratio-16x9 .qtype_recordrtc-no-recording-placeholder{padding:calc(28.125% - 10.5px) 0}.que.recordrtc .qtype_recordrtc-ratio-4x3 .qtype_recordrtc-no-recording-placeholder{padding:calc(37.5% - 10.5px) 0}.que.recordrtc .qtype_recordrtc-no-recording-placeholder,.que.recordrtc .qtype_recordrtc-time-left{color:#676463}.que.recordrtc .qtype_recordrtc-no-recording-placeholder,.que.recordrtc .qtype_recordrtc-time-left{background-color:#f0f0f1}.que.recordrtc .qtype_recordrtc-download-icon img{height:28px;width:28px}.que.recordrtc .specificfeedback{margin:0 0 .5em;padding:.5em .5em 0;background:#fff3bf;border:1px solid #fff3bf}body#page-question-type-recordrtc.path-question-type .form-group[data-groupname=timelimitinseconds] .sr-only{display:none}.que.recordrtc .qtype_recordrtc-progressbar{left:0;right:0;top:0;bottom:0;border:1px solid #000}.que.recordrtc .qtype_recordrtc-progressbar.qtype_recordrtc-timer-back{background:#0b55a8;color:#fff}.que.recordrtc .qtype_recordrtc-progressbar.qtype_recordrtc-timer-front{background:#f0f0f1;color:#000;z-index:1}.que.recordrtc .qtype_recordrtc-progressbar.animate{animation:qtype_recordrtc-progressbar 0s linear 0s forwards}@keyframes qtype_recordrtc-progressbar{0%{clip-path:inset(0 0 0 0%)}100%{clip-path:inset(0 0 0 100%)}}.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/boost_union/core/1753274487/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/boost_union/core/1753274487/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}.path-mod-attendance .attbtn{border:1px solid #aaa;border-radius:5px;margin:2px;padding:5px;display:inline-block}.path-mod-attendance .attcurbtn{margin-left:2px;margin-right:2px;padding:5px}.path-mod-attendance .attfiltercontrols{margin-bottom:10px}.path-mod-attendance .attfiltercontrols #currentdate{display:inline}.path-mod-attendance .attwidth{margin:auto}.path-mod-attendance .userwithoutenrol,.path-mod-attendance .userwithoutenrol a{color:gray}.path-mod-attendance .userwithoutdata,.path-mod-attendance .userwithoutdata a{color:red}.path-mod-attendance .takelist td{vertical-align:middle}.path-mod-attendance .takelist .userpicture{margin:0 3px;vertical-align:middle}.path-mod-attendance .takegrid input{margin:0 3px 0 6px}.path-mod-attendance .takegrid .fullname{font-size:.8em}.path-mod-attendance div.allsessionssummary+form#attendancetakeform>div{width:100%}.path-mod-attendance table.controls{text-align:center;width:100%}.path-mod-attendance table.controls tr{vertical-align:top}.path-mod-attendance table.controls td.right,.path-mod-attendance table.controls td.left{padding:4px}.path-mod-attendance table.controls .right{text-align:right}.path-mod-attendance .filtercontrols td{padding:6px}.path-mod-attendance .takecontrols{margin:0 auto 20px auto;width:800px}.path-mod-attendance .takecontrols table{margin:0 auto}.path-mod-attendance .takecontrols .c0{text-align:left;width:500px}.path-mod-attendance .takecontrols .c1{text-align:right}.path-mod-attendance .inline,.path-mod-attendance .inline form,.path-mod-attendance .inline div{display:inline}.path-mod-attendance table.userinfobox{border:1px solid #eee;padding:0}.path-mod-attendance table.userinfobox td.left{background-color:#eee;padding:30px 10px}.path-mod-attendance table.userinfobox .userpicture{margin:0}.path-mod-attendance table.attlist td.c0{text-align:right}.path-mod-attendance table.allsessions tr.grouper td{background-color:#eee}.path-mod-attendance table.allsessions td.groupheading{font-weight:700}.path-mod-attendance .allsessionssummary .float-right{float:right}.path-mod-attendance .allsessionssummary .float-left{float:left}#page-mod-attendance-preferences .generalbox{text-align:center}.path-mod-attendance .attsessions_manage_table .action-icon img.smallicon{margin-left:5px}#page-mod-attendance-sessions input[type="checkbox"]{margin-right:2px}.path-mod-attendance .setallstatuses{text-align:right}.path-mod-attendance .remarkholder{position:relative}.path-mod-attendance .remarkholder .remarkcontent{background-color:#fff;border:1px solid #ccc;border-radius:3px;box-shadow:3px 3px 5px #ccc;display:none;left:20px;padding:5px;position:absolute;top:0;width:150px;z-index:5000}.path-mod-attendance .remarkholder:hover .remarkcontent{display:inline-block}.path-mod-attendance .attendancestatus-P{color:green}.path-mod-attendance .attendancestatus-E{color:#00aee3}.path-mod-attendance .attendancestatus-L{color:#f7931e}.path-mod-attendance .attendancestatus-A{color:red}.path-mod-attendance .attreport .contrast{background-color:#eaeaea}.path-mod-attendance .attreport .center{text-align:center}.path-mod-attendance .attreport .left{text-align:left}.path-mod-attendance .attreport .bottom{vertical-align:bottom}.path-mod-attendance .attreport .nowrap{white-space:nowrap}.path-mod-attendance .attreport .narrow{width:1px}.path-mod-attendance .attreport img.userpicture{max-width:inherit}.path-mod-attendance .student-password{font-size:x-large;text-align:center}.path-mod-attendance .ungraded{font-size:smaller;font-style:italic}#page-mod-attendance-sessions .statusgroup .statusdesc{margin-right:12px}#page-mod-attendance-view .averageattendance{font-weight:700}#page-mod-attendance-preferences .form-control{width:inherit;display:inherit}@media (max-width:767px){.path-mod-attendance .remarkscol{display:none}.path-mod-attendance .statusgroup .form-check-inline{display:block;padding-top:10px;padding-bottom:10px}#page-mod-attendance-view .colatt{display:none}.path-mod-attendance .attfiltercontrols,.path-mod-attendance .attwidth{width:100%}}@media (max-width:480px){.path-mod-attendance .desccol{display:none}.path-mod-attendance .pointscol{display:none}.path-mod-attendance .attfiltercontrols #currentdate{display:none}#page-mod-attendance-view .colsessionscompleted,#page-mod-attendance-view .colpointssessionscompleted{display:none}}#page-mod-attendance-report div[role=main]{position:relative}#page-mod-attendance-report .attendancereporttable{padding:0}#page-mod-attendance-report .attendancereporttable .headcol{position:sticky;width:200px;left:0;vertical-align:top;background:#fff;border-top-width:1px}#page-mod-attendance-report .attendancereporttable .headcol input[type='checkbox']{margin-right:4px}#page-mod-attendance-report .attendancereporttable tr:first-of-type th,#page-mod-attendance-manage .attsessions_manage_table tr:first-of-type th,#page-mod-attendance-preferences #preferencesform tr:first-of-type th,#page-mod-attendance-index tr:first-of-type th{position:sticky;top:0;background:#fff}#page-mod-attendance-report .attendancereporttable tr:nth-of-type(2) th{position:sticky;top:3rem;background:#fff}#page-mod-attendance-report .attendancereporttable tr:first-of-type .headcol,#page-mod-attendance-report .attendancereporttable tr:nth-of-type(2) .headcol{z-index:1}.attendancereporttable img.icon{padding-left:5px}#page-mod-attendance-password .qrcodevalid,#page-mod-attendance-password .qrcodeheader{font-size:larger}#page-mod-attendance-report .attendancereporttable .table-responsive,#page-mod-attendance-manage .attsessions_manage_table .table-responsive,#page-mod-attendance-preferences #preferencesform .table-responsive,#page-mod-attendance-index .table-responsive{overflow-x:initial}#page-mod-attendance-report .attendancereporttable tbody tr,#page-mod-attendance-manage .attsessions_manage_table tbody tr,#page-mod-attendance-preferences #preferencesform tbody tr,#page-mod-attendance-index tbody tr{background-color:#fff}#page-mod-attendance-report .attendancereporttable tbody tr:nth-of-type(odd),#page-mod-attendance-manage .attsessions_manage_table tbody tr:nth-of-type(odd),#page-mod-attendance-preferences #preferencesform tbody tr:nth-of-type(odd),#page-mod-attendance-index tbody tr:nth-of-type(odd){background-color:#f7f7f7}#page-mod-attendance-preferences .form-control.studentavailability,.form-control.studentavailability{display:none;margin:3% auto;width:50%;text-align:center}@charset "UTF-8";.recording-thumbnail{border:1px solid #ddd;border-radius:4px;padding:0 0 0 0;transition:transform .2s;width:113px;height:64px}.recording-thumbnail:hover{box-shadow:0 0 2px 1px 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}.bigbluebuttonbn_icon_btn i.icon{margin-right:auto}input.form-control[readonly][name="guestpassword"],input.form-control[readonly][name="guestjoinurl"]{background:initial}.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}ol.checklist{margin-top:10px;margin-bottom:0}ol.checklist ol.checklist{margin-top:0}ol.checklist li{list-style-type:none}ol.checklist .useritem{font-style:italic;color:#404090}ol.checklist .note{font-style:italic;color:#a0a0e0;padding:0 0 0 20px}ol.checklist .itemoptional{font-style:italic}ol.checklist .itemheading{font-weight:700}ol.checklist .itemblack{color:#000}ol.checklist .itemblack.itemoptional{color:#a0a0a0}ol.checklist .itemred{color:red}ol.checklist .itemred.itemoptional{color:#ffa0a0}ol.checklist .itemorange{color:#ffba00}ol.checklist .itemorange.itemoptional{color:#ffdaa0}ol.checklist .itemgreen{color:#0f0}ol.checklist .itemgreen.itemoptional{color:#a0ffa0}ol.checklist .itempurple{color:#d000ff}ol.checklist .itempurple.itemoptional{color:#d0a0ff}ol.checklist .teachercomment{color:#000;background-color:#ffffb0;border:solid #000 1px;margin:0 0 0 20px}ol.checklist .studentcomment{display:inline-block;color:#000;background-color:#dbffb0;border:solid #000 1px;margin:0 0 0 20px;padding:3px;border-radius:7px}ol.checklist .itemauto.itemdisabled{text-decoration:line-through;background-color:#bcc4c4}ol.checklist .itemauto{background-color:#d6e6e7}ol.checklist li .itemuserdate{background-color:#b0ffb0;position:absolute;width:10em;left:75%;z-index:100}ol.checklist li .itemteacherdate{background-color:#b0ffb0;position:absolute;width:10em;left:60%;z-index:100}ol.checklist li .itemteachername{background-color:#b0ffb0;position:absolute;width:10em;left:45%;z-index:100}.checklist-itemdue{font-style:italic;color:#095c09}.checklist-itemoverdue{font-style:italic;color:#c71212}.checklistreport .header{background-color:#e1e1df}.checklistreport .head0{font-weight:700}.checklistreport .head1{font-weight:400}.checklistreport .head2{font-weight:400;font-style:italic}.checklistreport .cell.reportheading{background-color:#000}.checklistreport .cell.level0{background-color:#e7e7e7}.checklistreport .cell.level1{background-color:#c7c7c7}.checklistreport .cell.level2{background-color:#afafaf}.checklistreport .cell.level0-checked{background-color:#0f0}.checklistreport .cell.level1-checked{background-color:#00df00}.checklistreport .cell.level2-checked{background-color:#00bf00}.checklistreport .cell.level0-unchecked{background-color:red}.checklistreport .cell.level1-unchecked{background-color:#df0000}.checklistreport .cell.level2-unchecked{background-color:#bf0000}.checklist_progress_heading{display:block;float:left;width:150px}.checklist_progress_outer{border-width:1px;border-style:solid;border-color:#000;width:300px;background-color:transparent;height:15px;float:left;overflow:hidden;position:relative;box-shadow:2px 2px 3px #ccc;border-radius:5px}.checklist_progress_inner{background-color:#229b15;background-image:url(/theme/image.php/boost_union/mod_checklist/1753274487/progress);height:100%;width:100%;background-repeat:repeat-x;background-position:top;z-index:10;display:block;position:absolute;top:0;left:0;box-shadow:0 0 4px #229b15;border-radius:2px}.checklist_progress_anim{background-color:#98c193;background-image:url(/theme/image.php/boost_union/mod_checklist/1753274487/progress-fade);height:15px;width:0;background-repeat:repeat-x;background-position:top;position:absolute;left:0;top:0;z-index:5;display:block;box-shadow:0 0 4px #98c193;border-radius:2px}.checklistimportexport{text-align:right;width:90%}p.checklistwarning{margin-top:1em;color:maroon;font-weight:700}.checklist_progress_percent{padding-left:.5em}.jsenabled #checklistsavechecks{display:none}#checklistspinner{display:none;position:absolute;top:5px;left:5px;width:16px;height:16px;background-image:url(/theme/image.php/boost_union/core/1753274487/i/loading_small)}.checklistspinnerstudent{display:none;top:5px;margin-left:5px;width:16px;height:16px;background-image:url(/theme/image.php/boost_union/core/1753274487/i/loading_small)}.checklistbox{position:relative;top:0;left:0}ol.checklist label{display:inline}.checklist-extendedit .checklist-edititem{border:1px solid #ddd;padding:10px 0 5px;margin:5px 0}.checklist-extendedit .checklist-edititem label,.checklist-extendedit .checklist-edititem input{margin:0 3px}.checklist-groupingname{color:#ccc}.path-mod-choicegroup .results{border-collapse:separate}.path-mod-choicegroup .results .data{vertical-align:top;white-space:nowrap}.path-mod-choicegroup .button{text-align:center}.path-mod-choicegroup .attemptcell{width:5px;white-space:nowrap}.path-mod-choicegroup .anonymous,.path-mod-choicegroup div.downloadreport ul{list-style:none;margin-left:1em}.path-mod-choicegroup .choicegroupresponse{width:100%}.path-mod-choicegroup .choicegroupresponse .picture{width:10px;white-space:nowrap}.path-mod-choicegroup .choicegroupresponse .fullname{width:100%;white-space:nowrap}.path-mod-choicegroup .responseheader{width:100%;text-align:center;margin-top:10px}.path-mod-choicegroup .choicegroups .option label{vertical-align:top}.path-mod-choicegroup .choicegroups .option input{vertical-align:middle}.path-mod-choicegroup .horizontal,.path-mod-choicegroup .horizontal .choicegroups .option{padding-right:20px;display:inline;white-space:normal}.path-mod-choicegroup .horizontal .choicegroups .button{margin-top:10px}.path-mod-choicegroup ul.choicegroups li{list-style:none}.path-mod-choicegroup .results{text-align:center}.path-mod-choicegroup .results.anonymous .graph.horizontal{vertical-align:middle;text-align:left;width:70%}.path-mod-choicegroup .results.anonymous .graph.vertical,.path-mod-choicegroup .cell{vertical-align:bottom;text-align:center}.path-mod-choicegroup .results.names .header{width:10%;white-space:normal}.path-mod-choicegroup .results.names .cell{vertical-align:top;text-align:left}.path-mod-choicegroup .results.names .user,.path-mod-choicegroup #yourselection{padding:5px}.path-mod-choicegroup .results.names .user .attemptaction,.path-mod-choicegroup .results.names .user .image,.path-mod-choicegroup .results.names .user .fullname{float:left}.path-mod-choicegroup .results.names .user .fullname{padding-left:5px}.path-mod-choicegroup .results .data.header{width:10%}.path-mod-choicegroup .responseaction{text-align:center}.path-mod-choicegroup .results .option{white-space:normal}.path-mod-choicegroup .results .option,.path-mod-choicegroup .results .numberofuser,.path-mod-choicegroup .results .percentage{font-weight:700;font-size:108%}#page-mod-choicegroup-report .downloadreport{text-align:center}#page-mod-choicegroup-report .downloadreport ul{overflow:auto;min-width:80%;max-width:100%;display:inline-block;margin-left:0;margin-right:auto;padding-left:0;text-align:left}#page-mod-choicegroup-report .downloadreport ul li{list-style:none}.path-mod-choicegroup .clearfloat{float:none;clear:both}.path-mod-choicegroup.dir-rtl .horizontal .choicegroups .option{padding-right:0;padding-left:20px;float:right}.path-mod-choicegroup.dir-rtl .results.anonymous .graph.horizontal{text-align:right}.path-mod-choicegroup.dir-rtl .results.anonymous{text-align:center}.path-mod-choicegroup.dir-rtl .results.names .cell{text-align:right}.path-mod-choicegroup.dir-rtl .results.names .user .attemptaction,.path-mod-choicegroup.dir-rtl .results.names .user .image,.path-mod-choicegroup.dir-rtl .results.names .user .fullname,.path-mod-choicegroup.dir-rtl .results.names .user .fullname{padding-left:0;padding-right:5px}.path-mod-choicegroup.dir-rtl .downloadreport{margin-left:0;text-align:center}#page-mod-choicegroup-view.dir-rtl .reportlink{text-align:left}.path-mod-choicegroup div.tablecontainer{min-width:80%;max-width:100%;display:inline-block;margin-left:auto;margin-right:auto;margin-bottom:1rem;text-align:left}.path-mod-choicegroup.dir-rtl div.tablecontainer{text-align:right}.path-mod-choicegroup div.border{border:1px #ccc solid}.path-mod-choicegroup div.tablecontainer table{width:100%}.path-mod-choicegroup td{border-top:1px #ccc solid}.path-mod-choicegroup th,.path-mod-choicegroup td{padding:10px 15px}.path-mod-choicegroup td.center{text-align:center}.path-mod-choicegroup div.choicegroup-memberdisplay{width:12px;height:12px;line-height:12px;cursor:pointer;text-align:center;display:block;border:1px #999 solid;margin:0 auto}.path-mod-choicegroup table.choicegroups{margin:20px 0}.path-mod-choicegroup a.choicegroup-memberdisplay,.path-mod-choicegroup a.choicegroup-descriptiondisplay{display:inline-block}.path-mod-choicegroup div.choicegroups-membersnames.hidden,.path-mod-choicegroup div.choicegroups-descriptions.hidden,.path-mod-choicegroup a.choicegroup-memberdisplay.hidden,.path-mod-choicegroup a.choicegroup-descriptiondisplay.hidden{display:none}.path-mod-choicegroup .results td{min-width:120px}.path-mod-choicegroup .choicegroups-descriptions{border-top:1px #ccc dotted;margin-top:5px;padding-top:5px}.path-mod-choicegroup .tableform{text-align:center}.path-mod-choicegroup .width10{width:10%}.path-mod-choicegroup .width40{width:40%}#page-mod-customcert-edit .deletebutton{text-align:right}#page-mod-customcert-edit .addpage{border-top:1px solid #f4f4f4;text-align:right}#page-mod-customcert-edit #id_replace{margin-left:10px}#page-mod-customcert-report .centre{margin-left:auto;margin-right:auto}#page-mod-customcert-rearrange .savepositionsbtn,#page-mod-customcert-rearrange .applypositionsbtn,#page-mod-customcert-rearrange .cancelbtn{float:left}#page-mod-customcert-rearrange .element{display:inline-block;position:absolute;word-wrap:break-word}#page-mod-customcert-rearrange .element:before{background-image:url(/theme/image.php/boost_union/mod_customcert/1753274487/target);background-repeat:no-repeat;content:"";display:block;float:left;height:9px;width:100%}#page-mod-customcert-rearrange .element:hover{cursor:move}#page-mod-customcert-rearrange .element.refpoint-left:before{background-position:left top;margin:-4px -5px -5px -4px}#page-mod-customcert-rearrange .element.refpoint-center:before{background-position:center top;margin:-4px 0 -5px 0}#page-mod-customcert-rearrange .element.refpoint-right:before{background-position:right top;margin:-4px -5px -5px 4px}#page-mod-customcert-rearrange .element.align-left{text-align:left}#page-mod-customcert-rearrange .element.align-center{text-align:center}#page-mod-customcert-rearrange .element.align-right{text-align:right}#page-mod-customcert-rearrange #pdf{border-style:solid;border-width:1px;clear:both;position:relative}#page-mod-customcert-rearrange div#leftmargin{border-left:1px dotted #000}#page-mod-customcert-rearrange div#rightmargin{border-right:1px dotted #000}.moodle-dialogue #editelementform fieldset.hidden{display:block}.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}#page-mod-data-view .notapproved{background-color:#fff3cd;color:#856404;border-radius:.5em;padding:.5em 1em;gap:1em}#page-mod-data-templates td.save_template,#page-mod-data-templates .template_heading{text-align:center}#page-mod-data-templates #availabletags_wrapper{max-width:250px}#page-mod-data-edit .req{cursor:help}#page-mod-data-edit .inline-req .req{position:absolute}#page-mod-data-edit .inline-req{text-align:left}#page-mod-data-edit .datatagcontrol{padding-left:10px}.preset_action_menu .dropdown-toggle::after,.entry-actionsmenu .dropdown-toggle::after,.fields-actions .dropdown-toggle::after{display:none}.defaulttemplate-single-body img.list_picture{max-width:100%}.defaulttemplate-list-body img.list_picture{max-width:100%}.data-timeinfo{color:var(–gray)}.dataicon,.portfolio-add-icon{color:var(--dark)}#page-mod-data-preset .nopreview{border:1px solid var(--secondary);padding:.2rem;border-radius:5px}.template-preview-content .preview-disabled,.template-preview-content .action-icon,.template-preview-content .dropdown-menu a,.template-preview-content .data-field-link,.template-preview-content .data-field-html a,.template-preview-content .data-field-html button{pointer-events:none}.presetsactions .dropdown-toggle,.presetsactions .dropdown-toggle:hover,.presetsactions .show>.btn-secondary.dropdown-toggle,.entriesactions .dropdown-toggle,.entriesactions .dropdown-toggle:hover,.entriesactions .show>.btn-secondary.dropdown-toggle,#page-mod-data-view .whitebutton .btn-secondary,#page-mod-data-preset .whitebutton .btn-secondary,#page-mod-data-field- .whitebutton .btn-secondary,#page-mod-data-templates .whitebutton .btn-secondary{background:#fff;border-color:var(--primary);color:var(--primary)}.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/boost_union/mod_forum/1753274487/t/subscribed) no-repeat -9999px -9999px}.path-mod-forum .preload-unsubscribe{background:url(/theme/image.php/boost_union/mod_forum/1753274487/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/boost_union/core/1753274487/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-naas .nugget-selected{margin-bottom:75px}.path-mod-naas .nugget-post-selection{margin-bottom:20px}.path-mod-naas .nugget-post-selected{background:#a6c3fe}.path-mod-naas .nugget-post{border-radius:5px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);padding:10px;margin:10px 10px 25px 10px}.path-mod-naas .nugget-post:hover{box-shadow:0 10px 20px 0 rgba(0,0,0,.2)}.path-mod-naas .nugget-buttons{position:absolute;right:30px;bottom:0}.path-mod-naas .nugget-button{margin-right:5px}.path-mod-naas .nugget-button-selection{padding:0 5px 0 5px}.path-mod-naas .nugget-button:focus{outline:none;box-shadow:none}.path-mod-naas .show-more-nugget{margin-left:25px;margin-bottom:20px}.path-mod-naas .modal-fade-enter,.path-mod-naas .modal-fade-leave-to{opacity:0}.path-mod-naas .modal-fade-enter-active,.path-mod-naas.modal-fade-leave-active{transition:opacity .3s ease}.path-mod-naas .nugget-modal-backdrop{position:fixed;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.3);display:flex;justify-content:center;align-items:center;z-index:2}.path-mod-naas .nugget-modal{font-family:Open Sans,proxima-nova,nunito,Arial,sans-serif;max-height:90%;width:70%;max-width:1140px;position:absolute;left:50%;top:50%;background:#fff;box-shadow:2px 2px 20px 1px;border-radius:5px;flex-direction:column;transform:translate(-50%,-50%)}.path-mod-naas .nugget-modal h2,.path-mod-naas .nugget-modal h3{font-family:Open Sans Condensed,Open Sans,proxima-nova,nunito,Arial,sans-serif}@media (max-width:1250px){.path-mod-naas .nugget-modal{max-height:75%;width:75%}}.path-mod-naas .nugget-modal-header h2{padding:20px 0 15px 30px}.path-mod-naas .nugget-modal-body{padding-bottom:15px}.path-mod-naas .nugget-modal-footer{padding:10px}.path-mod-naas .nugget-modal-description{overflow-y:auto;display:block;max-height:200px;margin-bottom:20px}.path-mod-naas .btn-close{position:relative;float:right;padding:15px;top:-10px;color:#999;font-size:24px;font-weight:700;border:none;background:transparent}.path-mod-naas .metadata-field{margin:0 15px}.path-mod-naas .metadata-list{list-style:none;padding-left:5px}.path-mod-naas .metadata-list-item{margin-left:30px}.path-mod-naas .metadata-list-item .badge{white-space:normal;max-width:90%}.path-mod-naas .nugget-view{margin:0;padding:0}.path-mod-naas #nugget-preview-modal{height:85%}.path-mod-naas #nugget-preview-modal .nugget-modal-body{height:85%}.path-mod-naas .preview-iframe{border:none}.path-mod-naas div.filters{float:left;width:200px}.path-mod-naas div.filters-inner{background-color:#fff;display:table-cell;padding:10px;margin-bottom:10px}.path-mod-naas div.separator{height:15px}.path-mod-naas .filters-title{margin-top:10px;margin-bottom:0;padding-top:0}.path-mod-naas a.aggregation-title{color:#000;font-weight:400}.path-mod-naas a.aggregation-title:hover{text-decoration:none}.path-mod-naas .hide-authors{display:none}.path-mod-naas .show-more{margin-left:10px}.path-mod-naas .clear-filters{font-size:13px;margin-top:15px}.path-mod-naas div.filters img{margin-left:40px}.path-mod-naas .badge-margin{margin:1px}.path-mod-naas .related-domains-list{margin:0;padding:0}.path-mod-naas .related-domains-list-element{list-style-type:none}.path-mod-naas .tree-view-caret{cursor:pointer;user-select:none}.path-mod-naas .tree-view-caret::after{content:"\25BC";color:#000;display:inline-block;margin-right:6px;transform:rotate(-90deg)}.path-mod-naas .tree-view-caret-down::after{transform:rotate(0deg)}.path-mod-naas #completion-modal-button button{padding:10px 30px;margin:30px}.path-mod-naas .rating{display:flex;flex-direction:row-reverse;justify-content:center;height:40px;margin-bottom:0}.path-mod-naas .star{color:lightgrey;padding:0 4px}.path-mod-naas .star i{font-size:32px}.path-mod-naas .star:hover,.path-mod-naas .star:hover~.star{color:orange}.path-mod-naas .star.checked,.path-mod-naas .star.checked~span{color:orange}.path-mod-naas .rating-description{color:#999;font-size:14px;margin:10px 0}.path-mod-naas .finish-learning-outcomes{margin:50px 0}.path-mod-naas .finish-learning-outcomes span{display:block}.path-mod-naas .course-button{margin:0 18px;height:40px}.path-mod-naas .course-button a{float:right}.path-mod-naas .language-select{margin-left:5px;padding:.3rem 1rem .5rem 1rem;cursor:pointer}.path-mod-naas .search-center{display:block;margin-top:auto;margin-bottom:auto;margin-left:10px;border:1px solid}.path-mod-naas .md-layout{margin:0}.path-mod-naas .btn-replace{margin-left:10px}.path-mod-naas .nugget-display{width:100%}.path-mod-naas .h-100{height:100%}.path-mod-naas .w-100{width:100%}:root{--activityother:#399be2}#nav-drawer{z-index:inherit!important}.path-mod-pdfannotator .pdf-annotator-hidden{display:none;visibility:hidden}.path-mod-pdfannotator .pdfannotator_index .toolbar{background-color:#eaeaea;border-bottom:1px solid #d0d0d0;top:0;left:0;right:0;padding:0 0 3px 5px;text-shadow:1px 1px 0 #fff;z-index:50;-webkit-box-shadow:inset 0 1px 1px 0 rgba(255,255,255,1);-moz-box-shadow:inset 0 1px 1px 0 rgba(255,255,255,1);box-shadow:inset 0 1px 1px 0 rgba(255,255,255,1)}.path-mod-pdfannotator .pdfannotator_index .toolbar .spacer{display:inline-block;border-left:1px solid #c1c1c1;height:34px;margin:0 5px -11px}.path-mod-pdfannotator .toolbar .toolbaritem{display:inline-block}.path-mod-pdfannotator .toolbar button{background-color:transparent;border:0 solid transparent;border-radius:0;font-size:15px;padding:3px;margin:0 0 0 0;text-align:center;text-shadow:0 0 0 #fff;position:relative;min-width:27px;min-height:27px;background-image:none}.path-mod-pdfannotator .toolbar.fullscreen{margin-left:15px}.path-mod-pdfannotator .toolbar button.active{background-image:radial-gradient(ellipse at center,#e6f2ff 40%,#8ebae5 100%);background-color:#8ebae5;border-color:#bababa;-webkit-box-shadow:inset 0 0 1px rgba(0,0,0,.25);-moz-box-shadow:inset 0 0 1px rgba(0,0,0,.25);box-shadow:inset 0 0 1px rgba(0,0,0,.25)}.path-mod-pdfannotator .toolbar select{margin-bottom:0}.path-mod-pdfannotator .toolbar button .icon{color:#999;margin-right:0}.path-mod-pdfannotator .color{display:inline-block;width:20px;height:20px;border:1px solid #000;vertical-align:middle;margin:0}.path-mod-pdfannotator .color-selected{border:3px solid #666;width:30px;height:30px;margin-top:-1px;margin-left:-2px;margin-right:-2px}.path-mod-pdfannotator .text-color,.path-mod-pdfannotator .pen-color{z-index:100;display:inline-block}.path-mod-pdfannotator .textLayer{position:absolute;text-align:initial;left:0;top:0;right:0;bottom:0;overflow:hidden;opacity:.2;line-height:1;text-size-adjust:none;z-index:20}.path-mod-pdfannotator .textLayer>span:not(.helperLayer){color:transparent;position:absolute;white-space:pre;cursor:text;-webkit-transform-origin:0% 0%;-moz-transform-origin:0% 0%;-o-transform-origin:0% 0%;-ms-transform-origin:0% 0%;transform-origin:0% 0%}.path-mod-pdfannotator .textLayer br{color:transparent;position:absolute;white-space:pre;cursor:text;transform-origin:0% 0%}.path-mod-pdfannotator .textLayer span.markedContent{top:0;height:0}.path-mod-pdfannotator .textLayer .highlight{margin:-1px;padding:1px;background-color:rgba(180,0,170,1);border-radius:4px}.path-mod-pdfannotator .textLayer .highlight.appended{position:initial}.path-mod-pdfannotator .textLayer .highlight.begin{border-radius:4px 0 0 4px}.path-mod-pdfannotator .textLayer .highlight.end{border-radius:0 4px 4px 0}.path-mod-pdfannotator .textLayer .highlight.middle{border-radius:0}.path-mod-pdfannotator .textLayer .highlight.selected{background-color:rgb(0,100,0)}.path-mod-pdfannotator .textLayer ::selection{background:rgba(0,0,255,1)}.path-mod-pdfannotator .textLayer br::selection{background:transparent}.path-mod-pdfannotator .textLayer .endOfContent{display:block;position:absolute;left:0;top:100%;right:0;bottom:0;z-index:-1;cursor:default;user-select:none;-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none}.path-mod-pdfannotator .textLayer .endOfContent.active{top:0}.path-mod-pdfannotator{--annotation-unfocused-field-background:url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>");
}

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

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

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

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

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

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

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

.path-mod-pdfannotator .annotationLayer .choiceWidgetAnnotation select option {
    padding: 0;
}
  
.path-mod-pdfannotator .annotationLayer .buttonWidgetAnnotation.radioButton input {
    border-radius: 50%;
}
  
.path-mod-pdfannotator .annotationLayer .textWidgetAnnotation textarea {
    font: message-box;
    font-size: 9px;
    resize: none;
}
  
.path-mod-pdfannotator .annotationLayer .textWidgetAnnotation input[disabled],
.path-mod-pdfannotator .annotationLayer .textWidgetAnnotation textarea[disabled],
.path-mod-pdfannotator .annotationLayer .choiceWidgetAnnotation select[disabled],
.path-mod-pdfannotator .annotationLayer .buttonWidgetAnnotation.checkBox input[disabled],
.path-mod-pdfannotator .annotationLayer .buttonWidgetAnnotation.radioButton input[disabled] {
    background: none;
    border: 1px solid transparent;
    cursor: not-allowed;
}
  
.path-mod-pdfannotator .annotationLayer .textWidgetAnnotation input:hover,
.path-mod-pdfannotator .annotationLayer .textWidgetAnnotation textarea:hover,
.path-mod-pdfannotator .annotationLayer .choiceWidgetAnnotation select:hover,
.path-mod-pdfannotator .annotationLayer .buttonWidgetAnnotation.checkBox input:hover,
.path-mod-pdfannotator .annotationLayer .buttonWidgetAnnotation.radioButton input:hover {
  border: 1px solid rgba(0, 0, 0, 1);
}

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

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

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

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

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

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

.path-mod-pdfannotator .annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before {
    border-radius: 50%;
    height: 50%;
    left: 30%;
    top: 20%;
    width: 50%;
}
  
.path-mod-pdfannotator .annotationLayer .textWidgetAnnotation input.comb {
    font-family: monospace;
    padding-left: 2px;
    padding-right: 0;
}
  
.path-mod-pdfannotator .annotationLayer .textWidgetAnnotation input.comb:focus {
    /*
     * Letter spacing is placed on the right side of each character. Hence, the
     * letter spacing of the last character may be placed outside the visible
     * area, causing horizontal scrolling. We avoid this by extending the width
     * when the element has focus and revert this when it loses focus.
     */
    width: 103%;
}

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

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

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

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

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

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

.path-mod-pdfannotator .annotationLayer .popupContent {
    border-top: 1px solid rgba(51, 51, 51, 1);
    margin-top: 2px;
    padding-top: 2px;
  }
  
.path-mod-pdfannotator .annotationLayer .richText > * {
  white-space: pre-wrap;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.path-mod-pdfannotator #comment-wrapper .pdfannotator-comment-list {
    font-size: 12px;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: visible;
}
.path-mod-pdfannotator #comment-wrapper .comment-list-item {
    padding: 10px;
}
.path-mod-pdfannotator #comment-wrapper .comment-list-item.questions {
    overflow: auto;
}
.path-mod-pdfannotator #comment-wrapper .comment-list-container {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 47px;
    overflow: visible;
}
.path-mod-pdfannotator #comment-wrapper .comment-list-form {
    position: relative;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 10px;
}
.path-mod-pdfannotator #comment-wrapper .editor_atto { /* Editor in fullscreen must be over the toolbar and annotations. */
    z-index: 60;
}
.path-mod-pdfannotator #comment-wrapper .editor_atto_content {
    border-width: 0px 1px 1px 1px;
    border-style: solid;
    border-color: #8f959e;
}
.path-mod-pdfannotator div.row {
    margin-left: 0;
}
.path-mod-pdfannotator #comment-wrapper .comment-list-form input {
    padding: 5px;
    width: 100%;
}
.path-mod-pdfannotator .pdfViewer .page {
    border-image: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

        table.flexible { margin-bottom: 0; }

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

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

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

}*/

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

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

}*/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

.path-mod-pdfannotator #id_pdfannotator_content {
    display: none !important;
}
/** Question editing **/

#page-mod-questionnaire-questions .qcontainer .fitemtitle,
#page-mod-questionnaire-questions #id_questionhdr .fitemtitle {
    display: none;
}

#page-mod-questionnaire-questions .qcontainer .qnums {
    font-weight: bold;
    float: left;
    color: gray;
}

#page-mod-questionnaire-questions .qcontainer .fstatic {
    width: 97%;
    margin-right: 1em;
    margin-left: 5px;
    /* Set a negative margin-bottom to save some vertical space! */
    margin-bottom: -10px;
}

#page-mod-questionnaire-questions .mform .fitem fieldset.felement {
    margin-left: 0;
    padding-left: 1%;
    margin-bottom: 0;
}

#page-mod-questionnaire-preview fieldset,
#page-mod-questionnaire-complete fieldset {
    margin-bottom: 0;
}

#page-mod-questionnaire-questions .mform .fitem .fitemtitle {
    text-align: left;
    margin-left: 10px;
    margin-bottom: 0;
}

#page-mod-questionnaire-questions .moving {
    border: medium dotted maroon;
}

div.qoptcontainer div.ftextarea {
    clear: both;
    float: none;
    width: 600px;
    margin: 0 auto 10px;
}

div.qoptcontainer div.ftextarea textarea.qopts {
    width: 600px;
    height: 10em;
    margin-left: 1px;
}

.response span.selected,
.generalboxcontent span.selected {
    font-weight: bold;
}

td.selected {
    background-color: #e4f1fa;
    border: 1px solid gray;
}

#page-mod-questionnaire-myreport div.respdate {
    font-size: 0.8em;
    font-weight: bold;
    margin-bottom: 6px;
    padding-top: 6px;
    border-bottom: 1px dashed gray;
}

#page-mod-questionnaire-complete .message,
#page-mod-questionnaire-complete .notifyproblem,
#page-mod-questionnaire-preview .message,
#page-mod-questionnaire-preview .notifyproblem,
#page-mod-questionnaire-complete .thankbody,
#page-mod-questionnaire-complete .thankhead {
    background-color: #fff;
    border-style: solid;
    border-width: 2px;
    margin-bottom: 10px;
    padding: 5px;
}

#page-mod-questionnaire-complete .notifyproblem,
#page-mod-questionnaire-preview .notifyproblem {
    border-color: red;
}

#page-mod-questionnaire-fbsections .notifyproblem {
    text-align: left;
    padding: 0;
}

#page-mod-questionnaire-complete .message,
#page-mod-questionnaire-preview .message,
#page-mod-questionnaire-complete .thankbody,
#page-mod-questionnaire-complete .thankhead {
    border-color: blue;
}

.surveyPage {
    background-color: #eee;
    border-bottom-color: #000;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    clear: right;
    padding: 3px;
    margin-bottom: 5px;
    margin-top: 0;
}

/* alternate columns formatting */

#page-mod-questionnaire-complete .c0,
#page-mod-questionnaire-preview .c0,
#page-mod-questionnaire-print .c0,
#page-mod-questionnaire-report .individual .c0,
#page-mod-questionnaire-myreport .individual .c0 {
    background-color: #fafafa;
    border: 1px solid silver;
    padding-left: 5px;
    padding-right: 5px;
}

#page-mod-questionnaire-complete .raterow:hover,
#page-mod-questionnaire-preview .raterow:hover {
    background-color: #e4f1fa;
}

#page-mod-questionnaire-complete td.raterow:hover,
#page-mod-questionnaire-preview td.raterow:hover {
    border: 1px solid navy;
}

#page-mod-questionnaire-complete td.notanswered,
#page-mod-questionnaire-preview td.notanswered {
    /* border: none; */
    background-color: #fafafa;
}

#page-mod-questionnaire-complete td.notcompleted,
#page-mod-questionnaire-preview td.notcompleted {
    border: 2px solid red;
    background-color: #fafafa;
}

#page-mod-questionnaire-complete .c1,
#page-mod-questionnaire-preview .c1,
#page-mod-questionnaire-print .c1,
#page-mod-questionnaire-report .individual .c1,
#page-mod-questionnaire-myreport .individual .c1 {
    background-color: #eee;
    border: 1px solid silver;
    padding-left: 5px;
    padding-right: 5px;
}

#page-mod-questionnaire-myreport .individualresp,
#page-mod-questionnaire-preview .individualresp,
#page-mod-questionnaire-print .individualresp {
    border: #c0c0c0 1px solid;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 0;
    margin-bottom: 10px;
    margin-top: 10px;
}

#page-mod-questionnaire-complete .notice .buttons div,
#page-mod-questionnaire-complete .notice .buttons form {
    display: inline;
}

#page-mod-questionnaire-complete .notice .buttons input {
    margin-bottom: 10px;
}

.floatprinticon {
    margin-top: -30px;
    float: right;
}

#page-mod-questionnaire-complete .mod_questionnaire_controlbuttons {
    text-align: center;
    width: 100%;
    position: relative;
}

#page-mod-questionnaire-complete .mod_questionnaire_controlbuttons .control-button-prev {
    float: left;
}

#page-mod-questionnaire-complete .mod_questionnaire_controlbuttons .control-button-save {
    margin-left: 20%;
}

#page-mod-questionnaire-complete .mod_questionnaire_controlbuttons .control-button-prev + .control-button-save {
    margin-left: 0;
}

#page-mod-questionnaire-complete .mod_questionnaire_controlbuttons .control-button-next,
#page-mod-questionnaire-complete .mod_questionnaire_controlbuttons .control-button-submit {
    float: right;
}

#page-mod-questionnaire-complete .mod_questionnaire_controlbuttons input {
    margin-right: 0;
}

#page-mod-questionnaire-complete .mod_questionnaire_completepage .generalbox .notice {
    padding: 0.5em 0 0.5em 0;
}

/* progress bar styling */

#page-mod-questionnaire-complete .questionnaire-progressbar {
    height: 14px;
    margin-top: 5px;
    border: 1px solid #dedede;
    border-radius: 5px;
    width: auto;
    overflow: hidden;
}

#page-mod-questionnaire-complete .questionnaire-progressbar-progress {
    background-color: #1177d1;
    height: 100%;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
}

#page-mod-questionnaire-complete .questionnaire-progressbar-info {
    float: right;
}

#page-mod-questionnaire-complete #questionnaire-progressbar-percent {
    margin-left: 5px;
    margin-right: 5px;
    min-width: 25px;
    text-align: center;
}

#page-mod-questionnaire-complete .questionnaire-progressbar-wrapper {
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 10px;
    height: auto;
    overflow: hidden;
}

#page-mod-questionnaire-complete .mod_questionnaire_completepage.generalbox .homelink ~ .homelink {
    padding-top: 10px;
}

.qn-legend {
    float: left;
    font-size: inherit;
    width: auto;
}

/* format paragraph top and bottom margins for better vertical positioning in questions text */
.qn-question p {
    margin-bottom: 0.6em;
    margin-top: 0.5em;
}

.qn-question {
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 0.1em;
    padding-top: 0.1em;
    /* make background same color as quiz question text */
    background-color: #e4f1fa;
}

#page-mod-questionnaire-questions .qn-question {
    margin-left: 40px;
}

.unselected {
    color: gray;
}

/*respondents list feature*/

.respondentscolumn {
    float: left;
    margin-left: 20px;
}
.respondentsnavbar {
    text-align: center;
    padding-bottom: 5px;
    padding-top: 5px;
    margin-bottom: 5px;
    background-color: #f2f2f2;
}

/* new quiz-like formatting for 2.5 */

#page-mod-questionnaire-questions .qn-container {
    border: 1px dotted gray;
    margin-bottom: 1em;
}

.dir-rtl .qn-container {
    text-align: right;
}
.qn-info {
    float: left;
    width: auto;
    padding: 7px;
    background: #eee;
    font-weight: bold;
}

.qn-info h2.qn-number {
    margin: 0;
    font-size: 1.5em;
    line-height: 1.2em;
}

.qn-question,
.qn-answer {
    margin: 0 0 0.5em;
    overflow: auto;
}

.qn-answer input[type=radio] {
    margin-left: 0.5em;
}

.qn-answer > label + input[type=radio] {
    margin-left: 0;
}

.qn-answer > textarea,
.qn-content .editor_atto_wrap .editor_atto_content {
    resize: vertical;
}

.qn-answer textarea,
.qn-answer input[type="text"] {
    box-sizing: border-box;
    height: auto;
}

#notice .qn-question {
    margin: 0;
}

.req {
    font-size: x-small;
}

.qdepend {
    color: red;
    padding-left: 5px;
    margin-bottom: 5px;
}

.qdepend-or {
    color: orange;
    padding-left: 5px;
    margin-bottom: 5px;
}
.qn-content {
    margin-bottom: 10px;
    margin-left: 55px;
}

/* move horizontal radio buttons closer to their labels */
.qn-answer input[type="radio"],
.qn-answer input[type="checkbox"] {
    margin-right: 3px;
}

#page-mod-questionnaire-show_nonrespondents input[type="radio"] {
    margin-right: 1px;
}

.qn-answer label,
#page-mod-questionnaire-show_nonrespondents label {
    margin-right: 0.6em;
}

.hidedependquestion {
    color: red;
    display: none;
}

#page-mod-questionnaire-fbsections .c0,
#page-mod-questionnaire-fbsections .c1 {
    border: 1px solid silver;
    padding-left: 4px;
    padding-right: 4px;
}

#page-mod-questionnaire-fbsections .c0 {
    background-color: #fafafa;
}

#page-mod-questionnaire-fbsections .c1 {
    background-color: #eee;
}

#page-mod-questionnaire-fbsections input[type="radio"] {
    margin-right: 0;
}

#page-mod-questionnaire-fbsections .qn-legend {
    padding-left: 8px;
}

#page-mod-questionnaire-fbsections .qcontainer.qcontent {
    margin-bottom: -5em;
}
#page-mod-questionnaire-report div.chart {
    overflow: auto;
    margin-left: -40px;
}

#page-mod-questionnaire-report .generaltable.questionnairereport td {
    border: 1px solid silver;
}

.qn-container .smalltext {
    font-size: 0.75em;
}

#page-mod-questionnaire-questions #region-main .mform .fitem .felement {
    margin-bottom: 0;
}

.qn-indent {
    margin-left: 20px;
}

.mod_questionnaire_flex-container {
    display: inline-flex;
}

#page-mod-questionnaire-view .mod_questionnaire_viewpage div.complete,
#page-mod-questionnaire-view .mod_questionnaire_viewpage div.yourresponse,
#page-mod-questionnaire-view .mod_questionnaire_viewpage div.allresponses {
    flex-grow: 1;
    margin-right: 10px;
}

#page-mod-questionnaire-questions #fitem_id_allchoices #id_allchoices,
#page-mod-questionnaire-questions #fitem_id_allnameddegrees #id_allnameddegrees {
    resize: both;
}

.path-mod-questionnaire .slidecontainer {
    width: 100%;
}

.path-mod-questionnaire .slider {
    -webkit-appearance: none;
    width: 100%;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
    float: left;
    margin-top: 40px;
}
.path-mod-questionnaire .slider input {
    width: 100%;
}

.path-mod-questionnaire .slider:hover {
    opacity: 1;
}

.path-mod-questionnaire .slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 25px;
    background: #04aa6d;
    cursor: pointer;
    border-radius: 50%;
}

.path-mod-questionnaire .slider::-moz-range-thumb {
    width: 25px;
    height: 25px;
    background: #04aa6d;
    cursor: pointer;
}

.path-mod-questionnaire .question-slider {
    display: flex;
    align-items: baseline;
}

.path-mod-questionnaire .left-side-label {
    text-align: right;
    padding-right: 20px;
    margin-top: 40px;
    flex-grow: 1;
}

.path-mod-questionnaire .right-side-label {
    text-align: left;
    padding-left: 20px;
    margin-top: 40px;
    flex-grow: 1;
}

.path-mod-questionnaire .middle-side-content {
    flex-grow: 8;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.path-mod-questionnaire .middle-side-label {
    text-align: center;
}

.path-mod-questionnaire .bubble {
    background: #000;
    color: white;
    padding: 3px;
    border-radius: 10px;
    left: 50%;
    transform: translate(-52%, -50px);
    position: relative;
    text-align: center;
    width: 40px;
}
.path-mod-questionnaire .bubble::after {
    content: "";
    position: absolute;
    width: 2px;
    height: 2px;
    left: 50%;
}

/** Bits that can appear on any page. */
.path-mod-quiz .statedetails {
    display: block;
    font-size: 0.7em;
}

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

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

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

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

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

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

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

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

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

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

#passwordform {
    margin: 1em 0;
}

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

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

.jsenabled #quiznojswarning {
    display: none;
}

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

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

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

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

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

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

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

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

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

.path-mod-quiz .qnbutton.flagged .trafficlight {
    background: url(/theme/image.php/boost_union/quiz/1753274487/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: white;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#page-mod-quiz-view #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: 0.7em;
}

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

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

.quizattempt #mod_quiz_preflight_form {
    display: none;
}

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

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

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

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

body.path-mod-quiz .gradedattempt,
body.path-mod-quiz table tbody tr.gradedattempt > td {
    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;
}

/** Mod quiz summary **/
#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;
    }
}

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

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

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

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

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

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

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

#page-mod-quiz-report 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: 0.8em;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 576px) {
    #page-mod-quiz-edit .maxgrade {
        margin-bottom: 0.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: 0.1em 0.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: #555;
}

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

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

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

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

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

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

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

#page-mod-quiz-edit ul.section {
    margin: 0;
    padding: 0 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: 0.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: normal;
    font-size: 1em;
}

#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer {
    background: white;
    padding: 0.2em;
    margin: 0.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;
    overflow-y: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    height: 20px;
}

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

#page-mod-quiz-edit #categoryquestions .questionname,
#page-mod-quiz-edit ul.slots li.activity div.activityinstance .questionname {
    font-weight: bold;
    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: 0.8em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-left: 0.25rem;
}

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

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

#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: normal;
    font-size: 0.8em;
}

#categoryquestions td.modifiername,
#categoryquestions td.creatorname,
#categoryquestions td.questionlastused {
    line-height: 1em;
}

#categoryquestions td.modifiername span.date,
#categoryquestions td.creatorname span.date {
    font-weight: normal;
    font-size: 0.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: 0.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: 0.5;
    padding-top: 50px;
}

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

.quizquestionlistcontrols {
    text-align: center;
}

.categoryinfo {
    padding: 0.3em;
}

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

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

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

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

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

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

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

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

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

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

/* Bulk edit actions */

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

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

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

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

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

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

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

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

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

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

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

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

@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%;
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#page-mod-scorm-player #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; /* stylelint-disable-line */
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
}

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

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

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

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

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

#scorm_layout {
    margin-bottom: 50px;
}

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

.path-mod-survey .smalltext {
    font-size: 0.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: white;
}

.path-mod-survey #surveyform th {
    font-weight: normal;
    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;
}

/*
 This file is part of Moodle - http://moodle.org/

 Moodle is free software: you can redistribute it and/or modify
 it under the terms of the GNU General Public License as published by
 the Free Software Foundation, either version 3 of the License, or
 (at your option) any later version.

 Moodle is distributed in the hope that it will be useful,
 but WITHOUT ANY WARRANTY; without even the implied warranty of
 MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
 GNU General Public License for more details.

 You should have received a copy of the GNU General Public License
 along with Moodle. If not, see <http://www.gnu.org/licenses/>.
*/ /**
 * Wiki module style sheet
 *
 * @package mod-wiki-2.0
 * @copyright 2009 Marc Alier, Jordi Piguillem marc.alier@upc.edu
 * @copyright 2009 Universitat Politecnica de Catalunya http://www.upc.edu
 *
 * @author Jordi Piguillem
 * @author Marc Alier
 * @author David Jimenez
 * @author Josep Arus
 * @author Kenneth Riba
 *
 * @license http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
 */
.wiki_contentbox {
    width: 80%;
    margin: auto;
    min-width: 200px;
    min-height: 100px;
}

.wiki_previewbox {
    width: 50%;
    margin: auto;
    border: thin solid blue;
}

.wiki_button {
    margin: 5px;
}

.wiki_warning {
    color: red;
}

.emptycomments {
    color: red;
    display: inline;
}

.wiki-toc {
    border: 1px solid #bbb;
    background: #eee;
    margin: 16px;
    padding: 8px;
}

.wiki-toc-title {
    color: #666;
    font-size: 1.1em;
    font-variant: small-caps;
    text-align: center;
}

.wiki-toc-section {
    padding: 0;
    margin: 2px 8px;
}

.wiki-toc-section-2 {
    padding-left: 12px;
}

.wiki-toc-section-3 {
    padding-left: 24px;
}

.wiki_form-button {
    margin-left: 0%;
}

.wiki-upload-table {
    margin: 8px auto;
    clear: both;
}

.wiki-upload-table table {
    margin: auto;
}

.wiki-upload-table h3 {
    margin: 4px 0;
    text-align: center;
}

.wiki-upload-section {
    border: 1px solid #eee;
    width: 400px;
    margin: 8px auto;
}

.wiki-upload-section legend {
    font-weight: bold;
    font-size: 0.9em;
    margin-left: 16px;
}

.wiki-tags {
    text-align: right;
}

.wiki_modifieduser p {
    line-height: 35px;
}

.wiki_modifieduser img {
    border: thin solid black;
}

.wiki_restoreform,
.wiki_deletecommentform {
    width: 10%;
    margin: auto;
}

.wiki_versionuser {
    float: left;
}

.wiki_diffuserleft,
.wiki_diffuserright {
    font-weight: normal;
    padding-top: 1%;
}

.wiki_diffuserleft {
    float: right;
}

.wiki_diffuserright {
    float: left;
}

.wiki_compareheading {
    font-weight: normal;
}

.wiki_restore,
.wiki_diffview,
.wiki_difftime,
.wiki_headingtime {
    font-size: 0.8em;
    font-weight: normal;
}

.wiki_difftime,
.wiki_headingtime {
    font-style: oblique;
    text-align: center;
}

.wiki_diff_oldpaging {
    float: left;
    width: 40%;
    min-width: 200px;
    margin-left: 5%;
}

.wiki_diff_newpaging {
    float: right;
    width: 40%;
    min-width: 200px;
    margin-right: 5%;
}

.wiki_diff_old,
.wiki_diff_new {
    float: left;
    min-width: 200px;
    width: 40%;
}

.wiki_difftable td {
    width: 50%;
    float: left;
}

.wiki_histdate {
    text-align: left;
}

.wiki_histnewdate {
    border-top: 1px dotted gray;
}

.ouw_deleted {
    background: #ffa;
    color: red;
    text-decoration: line-through;
}

.ouw_added {
    background: #cfc;
    color: red;
}

a.wiki_newentry:link,
a.wiki_newentry:visited {
    color: red;
    font-style: italic;
}

.wiki_newentry a {
    color: red;
    font-style: italic;
}

.wiki_navigation_container {
    margin: 0 auto;
}

.wiki_navigation_from {
    float: left;
    width: 40%;
    min-width: 200px;
    margin-left: 5%;
}

.wiki_navigation_to {
    float: left;
    width: 40%;
    min-width: 200px;
    margin-right: 5%;
}

.wiki_headingtitle {
    text-align: center;
}

.wiki_clear {
    clear: both;
}

.wiki_right {
    text-align: right;
}

.wiki_index {
    text-align: right;
}

.notunderlined {
    text-decoration: none;
}

a.wiki_edit_section {
    font-size: 0.6em;
    position: relative;
    float: right;
}

.midpad {
    text-align: center;
    margin-top: 0.4em;
    margin-bottom: 0.4em;
}

.block_wiki_search ul {
    margin-top: 0.5em;
    margin-bottom: 3px;
}

.wiki-attachment:before {
    content: url(/mod/wiki/pix/attachment.png);
    padding-right: 2px;
}

/** Print CSS */
#wiki_printable_content {
    text-align: left;
}

#wiki_printable_content a {
    color: black;
}

#wiki_printable_title {
    font-size: 2.2em;
    text-decoration: underline;
}

.wiki_diff_boxes {
    width: 100%;
    clear: both;
}

.wiki_diff_paging {
    width: 100%;
    clear: both;
}

.wiki_grayline {
    color: gray;
}

.wikisearchresults {
    padding-left: 50px;
    padding-top: 20px;
}

.wiki-diff-container {
    width: 95%;
    margin: 10px auto;
}

.wiki-diff-container .wiki-diff-leftside,
.wiki-diff-container .wiki-diff-rightside {
    width: 49.5%;
    margin: 0;
    padding: 0;
    float: left;
}

.wiki-diff-container .wiki-diff-rightside {
    margin-left: 1%;
}

.wiki-diff-container .wiki-diff-heading,
.wiki-diff-container .no-overflow {
    padding: 10px;
    border: 1px solid #ddd;
}

.wiki-diff-container .wiki-diff-rightside .wiki_diffversion {
    text-align: right;
}

.path-mod-wiki .printicon {
    background: url(/theme/image.php/boost_union/core/1753274487/t/print) no-repeat scroll 2px center transparent;
    padding-left: 20px;
}

#page-mod-wiki-prettyview .displayprinticon {
    text-align: right;
}

#page-mod-wiki-prettyview {
    background-image: none;
}

.path-mod-workshop .collapsibleregion {
    margin-bottom: 0.75em;
}

.path-mod-workshop .collapsibleregioncaption {
    font-weight: bold;
    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;
}

/**
 * Submission - one line summary display
 */
.path-mod-workshop .submission-summary {
    position: relative;
    margin-bottom: 10px;
}

.path-mod-workshop .submission-summary .title,
.path-mod-workshop .submission-summary .author,
.path-mod-workshop .submission-summary .author .fullname,
.path-mod-workshop .submission-summary .author .picture {
    display: inline;
}

.path-mod-workshop .submission-summary .title,
.path-mod-workshop .submission-summary .userdate,
.path-mod-workshop .submission-summary .grade-status {
    margin: 0 0 0 40px;
}

.path-mod-workshop .submission-summary .author {
    margin-left: 1ex;
}

.path-mod-workshop .submission-summary.anonymous .title,
.path-mod-workshop .submission-summary.anonymous .author,
.path-mod-workshop .submission-summary.anonymous .userdate,
.path-mod-workshop .submission-summary.anonymous .grade-status {
    margin: 0 0 0 5px;
}

.path-mod-workshop .submission-summary .userdate {
    font-size: x-small;
    color: #333;
}

.path-mod-workshop .submission-summary .userdate span {
    font-style: italic;
}

.path-mod-workshop .submission-summary .author .picture {
    position: absolute;
    top: 0;
    left: 0;
}

/**
 * Submission - full display
 */
.path-mod-workshop .submission-full {
    border: 1px solid #ddd;
    margin: 0 0 1em 0;
}

.path-mod-workshop .submission-full .header {
    position: relative;
    background-color: #ddd;
    padding: 3px;
    min-height: 67px;
}

.path-mod-workshop .submission-full .header .title,
.path-mod-workshop .submission-full .header .author,
.path-mod-workshop .submission-full .header .userdate {
    margin: 0 0 0 80px;
}

.path-mod-workshop .submission-full.anonymous .header .title,
.path-mod-workshop .submission-full.anonymous .header .author,
.path-mod-workshop .submission-full.anonymous .header .userdate {
    margin: 0 0 0 5px;
}

.path-mod-workshop .submission-full .header .userdate.created {
    padding-right: 10px;
}

.path-mod-workshop .submission-full .header .userdate.modified {
    padding-left: 10px;
    margin-left: 0;
    border-left: 1px solid #000;
}

.path-mod-workshop .submission-full .header .userdate {
    font-size: x-small;
    color: #333;
    display: inline;
}

.path-mod-workshop .submission-full .header .userdate span {
    font-style: italic;
}

.path-mod-workshop .submission-full .header .author .picture {
    position: absolute;
    top: 3px;
    left: 3px;
}

.path-mod-workshop .submission-full .content,
.path-mod-workshop .submission-full .attachments {
    padding: 5px 10px;
}

.path-mod-workshop .submission-full .attachments .files img.icon {
    margin-right: 5px;
}

.path-mod-workshop .submission-full .attachments .images div {
    display: inline-block;
    margin: 5px;
    padding: 5px;
    border: 1px solid #ddd;
}

/**
 * Example submission - summary display
 */
.path-mod-workshop .submission-summary.example .title,
.path-mod-workshop .submission-summary.example .userdate {
    margin: 0 0 0 0;
}

/**
 * Example submission - full display
 */
.path-mod-workshop .submission-full.example .header {
    min-height: 0;
}

.path-mod-workshop .submission-full.example .header .title {
    margin: 0 0 0 0;
}

/**
 * Elements generated by the workshop renderer
 */
.path-mod-workshop .message {
    padding: 5px 5em 5px 15px;
    margin: 0 auto 20px auto;
    width: 100%;
    font-size: 80%;
    position: relative;
}

.path-mod-workshop .message .singlebutton {
    text-align: left;
    margin: 0;
}

.path-mod-workshop .message.ok {
    color: #547c22;
    background-color: #e7f1c3;
}

.path-mod-workshop .message.error {
    color: #dd0221;
    background-color: #ffd3d9;
}

.path-mod-workshop .message.info {
    color: #1666a9;
    background-color: #d2ebff;
}

/**
 * Allocators
 */

.path-mod-workshop .allocation-init-results {
    margin: 10px auto;
    width: 100%;
    font-size: 80%;
}

.path-mod-workshop .allocation-init-results .indent {
    margin-left: 20px;
}

.path-mod-workshop .allocation-init-results .ok {
    color: #547c22;
    background-color: #e7f1c3;
}

.path-mod-workshop .allocation-init-results .error {
    color: #dd0221;
    background-color: #ffd3d9;
}

.path-mod-workshop .allocation-init-results .info {
    color: #1666a9;
    background-color: #d2ebff;
}

.path-mod-workshop .allocation-init-results .debug {
    color: black;
    background-color: #ddd;
}

/**
 * User plan
 */
.path-mod-workshop .userplan {
    width: 100%;
    margin: 1em auto 1em auto;
    font-size: 80%;
    border: 1px solid #ddd;
    position: relative;
    overflow: hidden;
}

.path-mod-workshop .userplan dt {
    vertical-align: bottom;
    white-space: normal;
    color: #495057;
    background-color: #f5f5f5;
    border-bottom: 1px solid #ced4da;
    padding: 3px;
}

.path-mod-workshop .userplan dt.active {
    vertical-align: top;
    color: #212529;
    border: 1px solid #ced4da;
    border-bottom: 0;
    border-top: 0;
    background: #e7f1c3;
}

.path-mod-workshop .userplan dt.active .phasetitle {
    font-size: 140%;
}

.path-mod-workshop .userplan dl {
    width: 20%;
    float: left;
    margin: 0;
}

@media only screen and (max-width: 768px) {
    .path-mod-workshop .userplan {
        border-right: none;
        border-top: none;
    }

    .path-mod-workshop .userplan dl {
        width: 102%;
        border-right: none;
    }

    .path-mod-workshop .userplan dt {
        float: left;
        width: 30%;
        border-bottom: none;
        border-top: 1px solid #ddd;
    }
    .path-mod-workshop .userplan dt.active {
        border: none;
    }

    .path-mod-workshop .userplan dd {
        float: left;
        width: 65%;
        border-left: 1px solid #ddd;
        border-top: 1px solid #ddd;
    }
}

@media only screen and (max-width: 420px) {
    .path-mod-workshop .userplan {
        border-bottom: none;
    }

    .path-mod-workshop .userplan dt {
        float: left;
        width: 70%;
        border-bottom: none;
        border-right: 1px solid #ddd;
        border-left: 1px solid #ddd;
        margin: 0;
        padding: 5px;
    }

    .path-mod-workshop .userplan dd {
        float: left;
        width: 70%;
        border-left: 1px solid #ddd;
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
    }
}

.path-mod-workshop .userplan dd {
    vertical-align: top;
    border-right: 1px solid #ced4da;
    background-color: #f5f5f5;
    margin: 0;
    min-height: 180px;
    padding: 5px;
}

.path-mod-workshop .userplan dd,
.path-mod-workshop .userplan dd a,
.path-mod-workshop .userplan dd a:link,
.path-mod-workshop .userplan dd a:hover,
.path-mod-workshop .userplan dd a:visited,
.path-mod-workshop .userplan dd a:active {
    color: #495057;
}

.path-mod-workshop .userplan dd.active,
.path-mod-workshop .userplan dd.active a,
.path-mod-workshop .userplan dd.active a:link,
.path-mod-workshop .userplan dd.active a:hover,
.path-mod-workshop .userplan dd.active a:visited,
.path-mod-workshop .userplan dd.active a:active {
    color: #212529;
}

.path-mod-workshop .userplan dd.lastcol {
    border-right: 0;
}

.path-mod-workshop .userplan dd.active {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    background-color: #e7f1c3;
}

.path-mod-workshop .userplan dt .actions {
    font-size: smaller;
}

.path-mod-workshop .userplan dd.phasetasks li {
    background-image: url(/theme/image.php/boost_union/mod_workshop/1753274487/userplan/task-todo);
    background-position: top left;
    background-repeat: no-repeat;
    list-style-type: none;
    min-height: 16px;
    margin: .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/boost_union/mod_workshop/1753274487/userplan/task-done);
}

.path-mod-workshop .userplan dd.phasetasks li.fail {
    background-image: url(/theme/image.php/boost_union/mod_workshop/1753274487/userplan/task-fail);
}

.path-mod-workshop .userplan dd.phasetasks li.info {
    background-image: url(/theme/image.php/boost_union/mod_workshop/1753274487/userplan/task-info);
}

.path-mod-workshop .userplan dd.phasetasks .tasks {
    list-style: none;
    margin: 0;
    padding: 0;
}

.path-mod-workshop .userplan dd.phasetasks .title {
    padding: 0 10px 0 20px;
}

.dir-rtl.path-mod-workshop .userplan dd.phasetasks .title {
    padding: 0 20px 0 10px;
}

.path-mod-workshop .userplan dd.phasetasks .details {
    padding: 0 10px 0 25px;
    font-size: 80%;
}

.dir-rtl.path-mod-workshop .userplan dd.phasetasks .details {
    padding: 0 25px 0 10px;
}

/**
 * Assessment - full display
 */
.path-mod-workshop .assessment-full {
    border: 1px solid #ddd;
    margin: 0 auto 1em auto;
}

.path-mod-workshop .assessment-full .header {
    position: relative;
    background-color: #ddd;
    padding: 3px;
    min-height: 35px;
}

.path-mod-workshop .assessment-full .header .title {
    font-weight: bold;
}

.path-mod-workshop .assessment-full .header .title,
.path-mod-workshop .assessment-full .header .reviewer,
.path-mod-workshop .assessment-full .header .grade,
.path-mod-workshop .assessment-full .header .weight {
    margin: 0 0 0 40px;
}

.path-mod-workshop .assessment-full.anonymous .header .title,
.path-mod-workshop .assessment-full.anonymous .header .reviewer,
.path-mod-workshop .assessment-full.anonymous .header .grade,
.path-mod-workshop .assessment-full.anonymous .header .weight {
    margin: 0 0 0 5px;
}

.path-mod-workshop .assessment-full .header .reviewer .picture {
    position: absolute;
    top: 3px;
    left: 3px;
}
.dir-rtl.path-mod-workshop .assessment-full .header .reviewer .picture {
    right: 3px;
    left: auto;
}

.path-mod-workshop .assessment-full .header .actions {
    position: absolute;
    top: 5px;
    right: 5px;
    text-align: right;
}

.path-mod-workshop .assessment-full .header .actions .singlebutton,
.path-mod-workshop .assessment-full .header .actions .singlebutton form,
.path-mod-workshop .assessment-full .header .actions .singlebutton form div {
    display: inline;
}

.path-mod-workshop .assessment-full .assessment-form-wrapper,
.path-mod-workshop .assessment-full .overall-feedback-wrapper {
    margin-top: 0.5em;
    padding: 0 1em;
}

.path-mod-workshop .assessment-summary.graded .singlebutton input[type="submit"],
.path-mod-workshop .example-summary.graded .singlebutton input[type="submit"] {
    background-color: #e7f1c3;
}

.path-mod-workshop .assessment-summary.notgraded .singlebutton input[type="submit"],
.path-mod-workshop .example-summary.notgraded .singlebutton input[type="submit"] {
    background-color: #ffd3d9;
}

/**
 * Overall feedback
 */
.path-mod-workshop .assessment-full .overallfeedback .content,
.path-mod-workshop .assessment-full .overallfeedback .attachments {
    padding: 5px 10px;
}

.path-mod-workshop .assessment-full .overallfeedback .attachments .files img.icon {
    margin-right: 5px;
}

.path-mod-workshop .assessment-full .overallfeedback .attachments .images div {
    display: inline-block;
    margin: 5px;
    padding: 5px;
    border: 1px solid #ddd;
}

/**
 * Assessment form
 */
.path-mod-workshop .assessmentform .description {
    margin: 0 1em;
}

/**
 * Grading report
 */
.path-mod-workshop .grading-report {
    width: 100%;
    margin: 1em auto 1em auto;
    font-size: 80%;
    border: 1px solid #ddd;
}

.path-mod-workshop .grading-report .userpicture {
    margin: 0 3px;
    vertical-align: middle;
}

.path-mod-workshop .grading-report del {
    color: red;
    font-size: 90%;
    text-decoration: line-through;
}

.path-mod-workshop .grading-report ins {
    color: green;
    font-weight: bold;
    text-decoration: underline;
}

.path-mod-workshop .grading-report th {
    white-space: normal;
}

.path-mod-workshop .grading-report td {
    vertical-align: top;
    border: 1px solid #ddd;
}

.path-mod-workshop .grading-report tr.published td.submission {
    background-color: #d2ebff;
}

.path-mod-workshop .grading-report tr.published td.submission a {
    font-weight: bold;
}

.path-mod-workshop .grading-report .assessmentdetails {
    white-space: nowrap;
}

.path-mod-workshop .grading-report .receivedgrade span.grade,
.path-mod-workshop .grading-report .givengrade span.gradinggrade {
    font-weight: bold;
}

.path-mod-workshop .grading-report .submissiongrade.cell,
.path-mod-workshop .grading-report .gradinggrade.cell {
    text-align: center;
    font-size: 200%;
    white-space: nowrap;
}

.path-mod-workshop .grading-report .givengrade.null .user,
.path-mod-workshop .grading-report .receivedgrade.null .user {
    color: #e00;
}

/**
 * Final grades
 */
.path-mod-workshop #workshop-viewlet-yourgrades .finalgrades {
    text-align: center;
}

.path-mod-workshop #workshop-viewlet-yourgrades .finalgrades .grade {
    border: 1px solid #ddd;
    margin: 1em;
    padding: 2em;
    display: inline-block;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

.path-mod-workshop #workshop-viewlet-yourgrades .finalgrades .grade.submissiongrade {
    background-color: #d2ebff;
}

.path-mod-workshop #workshop-viewlet-yourgrades .finalgrades .grade.assessmentgrade {
    background-color: #eee;
    /*background-color: #e7f1c3;*/
}

.path-mod-workshop #workshop-viewlet-yourgrades .finalgrades .grade .gradevalue {
    font-weight: bold;
    font-size: x-large;
    margin: 10px;
}

/**
 * Edit assessment form
 */
#mod-workshop-editform fieldset.fgroup * {
    vertical-align: top;
}

/**
 * Feedback
 */
.path-mod-workshop .feedback {
    border: 1px solid #ddd;
    margin: 0 auto 1em auto;
    width: 100%;
}

.path-mod-workshop .feedback .header {
    position: relative;
    background-color: #ddd;
    padding: 3px;
    min-height: 35px;
}

.path-mod-workshop .feedback .header .title {
    margin: 0 0 0 40px;
}

.path-mod-workshop .feedback .header .picture {
    position: absolute;
    top: 3px;
    left: 3px;
}

.path-mod-workshop .feedback .content {
    padding: 5px 10px;
}

/**
 * Misc
 */
.path-mod-workshop div.buttonsbar {
    text-align: center;
}

.path-mod-workshop div.buttonsbar .singlebutton {
    display: inline;
}

.path-mod-workshop .toolboxaction {
    margin-right: 1em;
}

.path-mod-workshop .toolboxaction,
.path-mod-workshop .toolboxaction .singlebutton,
.path-mod-workshop .toolboxaction .singlebutton form,
.path-mod-workshop .toolboxaction .singlebutton form div {
    display: inline;
}

.path-mod-workshop div.buttonwithhelp div {
    display: inline;
}

.path-mod-workshop #evaluationmethodchooser {
    margin: 2em auto;
    text-align: center;
}

.path-mod-workshop .lastmodified {
    line-height: 1.0em;
}

.path-mod-workshop .nothingfound {
    font-size: 150%;
    color: #ff4500;
}

.path-mod-workshop .workshop-risk-dataloss {
    vertical-align: text-bottom;
}

#page-auth-saml2-selectidp .mform .fitem div.fitemtitle {
    width: 0;
}

#page-auth-saml2-selectidp .mform .fitem .felement {
    margin-left: 0;
}

#page-auth-saml2-selectidp .idpbtn {
    margin-bottom: 10px;
}

#page-auth-saml2-availableidps .femptylabel .fitemtitle {
    display: none;
}

#page-auth-saml2-availableidps .femptylabel .felement {
    margin-left: 10px;
}

/* enrol_lti styles */

#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: #eff5ef;
    box-shadow: 0 0 2px 2px #619a61;
}

.block_accessreview_danger,
.block_accessreview.block_accessreview_danger.hasinfo {
    color: #6e211e;
    background: #fdf7f7;
    box-shadow: 0 0 2px 2px #da6960;
}

.block_accessreview_warning,
.block_accessreview.block_accessreview_warning.hasinfo {
    color: #694b21;
    background: #fdf2e3;
    box-shadow: 0 0 2px 2px #c97a0e;
}

.block_accessreview_table {
    border-bottom: 1px solid;
    border-color: #eee8e8;
}

.block_accessreview_links {
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    justify-content: center;
}

.block_accessreview_link {
    padding-left: 10px;
    padding-right: 10px;
}

.block_accessreview_analysisbutton {
    text-align: center;
}

.block_activity_results h1 {
    margin: 4px;
    font-size: 1.1em;
}

.block_activity_results table.grades {
    text-align: left;
    width: 100%;
}

.block_activity_results table.grades .number {
    text-align: left;
    width: 10%;
}

.block_activity_results table.grades .name {
    text-align: left;
    width: 77%;
}

.block_activity_results table.grades .grade {
    text-align: right;
}

.block_blog_tags .s20 {
    font-size: 1.5em;
    font-weight: bold;
}

.block_blog_tags .s19 {
    font-size: 1.5em;
}

.block_blog_tags .s18 {
    font-size: 1.4em;
    font-weight: bold;
}

.block_blog_tags .s17 {
    font-size: 1.4em;
}

.block_blog_tags .s16 {
    font-size: 1.3em;
    font-weight: bold;
}

.block_blog_tags .s15 {
    font-size: 1.3em;
}

.block_blog_tags .s14 {
    font-size: 1.2em;
    font-weight: bold;
}

.block_blog_tags .s13 {
    font-size: 1.2em;
}

.block_blog_tags .s12,
.block_blog_tags .s11 {
    font-size: 1.1em;
    font-weight: bold;
}

.block_blog_tags .s10,
.block_blog_tags .s9 {
    font-size: 1.1em;
}

.block_blog_tags .s8,
.block_blog_tags .s7 {
    font-size: 1em;
    font-weight: bold;
}

.block_blog_tags .s6,
.block_blog_tags .s5 {
    font-size: 1em;
}

.block_blog_tags .s4,
.block_blog_tags .s3 {
    font-size: 0.9em;
    font-weight: bold;
}

.block_blog_tags .s2,
.block_blog_tags .s1 {
    font-size: 0.9em;
}
.block_course_list .footer {
    margin-top: 5px;
}

.block_course_list .content li {
    margin-bottom: .3em;
}

.block_course_summary .content {
    padding: 10px;
}

.block_course_summary .editbutton {
    text-align: right;
}
.block_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-massaction {
    max-width: 400px;
}

.block-massaction-select-containing-div {
    display: flex;
    align-items: center;
}

/* The following adaptions of colors are needed because option elements of select cannot be styled due to
 * browser limitations.
 */
#block-massaction-control-section-list-select,
#block-massaction-control-section-list-moveto,
#block-massaction-control-section-list-duplicateto {
    background-color: transparent;
    width: 100%;
}

.block-massaction-section-select-help-icon {
    padding-left: 0.3em;
}

#block-massaction-control-section-list-select option {
    color: var(--dark);
}

#block-massaction-control-section-list-select option:disabled {
    color: var(--gray);
}

#block-massaction-control-section-list-moveto option,
#block-massaction-control-section-list-duplicateto option {
    color: var(--dark);
}

#block-massaction-control-section-list-moveto option:disabled,
#block-massaction-control-section-list-duplicateto option:disabled {
    color: var(--gray);
}

#block-massaction-control-deselectlist {
    position: relative;
    float: right;
}

.block-massaction .block-massaction-action {
    position: relative;
    margin-left: 0.5em;
}

.block-massaction-action > div:hover {
    cursor: pointer;
    background-color: var(--light);
}

.block-massaction-action > form {
    margin-top: 5px;
    margin-bottom: 5px;
}

#block-massaction-help-icon {
    text-align: center;
    padding: 0.2em;
}

#block-massaction-module-list {
    margin-top: 3em;
}

.block-massaction-checkbox {
    /* In case the checkbox is overlapping with another element, let's make sure the checkbox is still clickable */
    z-index: 1;
}

.block-massaction-checkbox-legacy {
    position: absolute;
    transform: translate(0.4rem, 1.4rem);
}

.block-massaction-courseselectbox,
.block-massaction-sectionselectbox {
    display: flex;
    justify-content: center;
    min-height: 60vh;
}

.block-massaction-courseselectbox form,
.block-massaction-sectionselectbox form {
    max-width: 600px;
}

/* Improved styling on tabbed view to add space between tab bar and content. */
.block_multiblock .multiblock-tabbed-list .tab-pane {
    padding-top: 1rem;
}

/* Reduce excessive spacing on accordion selectors. */
.block_multiblock .multiblock-accordion .card-header [data-toggle="collapse"] {
    padding: 0;
}

/* But make sure there is some spacing in the inner container. */
.block-region .block.card .multiblock-accordion [id^="multiblock-content"] .card-body {
    padding: 1.25rem;
}

/* Make dropdown full width */
.block_multiblock .multiblock-dropdown > .nav {
    margin: 0 0 1rem 0;
}
.block_multiblock .multiblock-dropdown .nav-item.dropdown {
    width: 100%;
    text-align: center;
}

/* Make 2-column layout not broken, generically. */
.multiblock-columns-2 .col-md-6:nth-of-type(odd) section {
    margin-left: 1rem;
    margin-right: 0.5rem;
}
.multiblock-columns-2 .col-md-6:nth-of-type(even) section {
    margin-left: 0.5rem;
    margin-right: 1rem;
}

.multiblock-columns-2-66-33 .col-md-8 section {
    margin-left: 1rem;
    margin-right: 0.5rem;
}
.multiblock-columns-2-66-33 .col-md-4 section {
    margin-left: 0.5rem;
    margin-right: 1rem;
}

.multiblock-columns-2-33-66 .col-md-4 section {
    margin-left: 1rem;
    margin-right: 0.5rem;
}
.multiblock-columns-2-33-66 .col-md-8 section {
    margin-left: 0.5rem;
    margin-right: 1rem;
}

/* Fix the multiblock 2/3 column layout to hide the parent container and remove its padding. */
/* Some of the rules are specified again in more selective versions for different themes. */
.multiblock-columns-2-parent[id^="inst"],
.multiblock-columns-3-parent[id^="inst"] {
    background: transparent;
    border: transparent;
}
.multiblock-columns-2-parent[id^="inst"] .multiblock > .container,
.multiblock-columns-3-parent[id^="inst"] .multiblock > .container {
    padding: 0;
    max-width: 100%;
}
.multiblock-columns-2-parent[id^="inst"] .multiblock > .container > .row > [class*="col-md-"],
.multiblock-columns-3-parent[id^="inst"] .multiblock > .container > .row > [class*="col-md-"] {
    padding: 0;
}
.multiblock-columns-2-parent[id^="inst"] > .card-body,
.multiblock-columns-3-parent[id^="inst"] > .card-body {
    padding: 0 !important; /* stylelint-disable-line declaration-no-important */
    border: transparent !important; /* stylelint-disable-line declaration-no-important */
}
.multiblock-columns-2-parent[id^="inst"] > .card-body > .card-text,
.multiblock-columns-3-parent[id^="inst"] > .card-body > .card-text {
    margin-top: 0 !important; /* stylelint-disable-line declaration-no-important */
    padding: 0 !important; /* stylelint-disable-line declaration-no-important */
}
.multiblock-columns-2-parent > .card-body > .card-title + .card-text,
.multiblock-columns-2-parent[id^="inst"] > .card-body > .block-controls + .card-text,
.multiblock-columns-3-parent > .card-body > .card-title + .card-text,
.multiblock-columns-3-parent[id^="inst"] > .card-body > .block-controls + .card-text {
    margin-top: 0.75rem !important; /* stylelint-disable-line declaration-no-important */
}

/* Additional tweaks for 3-column specifically. */
.multiblock-columns-3 .col-md-4:nth-of-type(3n+1) section {
    margin-left: 1rem;
    margin-right: 0.5rem;
}
.multiblock-columns-3 .col-md-4:nth-of-type(3n+2) section {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}
.multiblock-columns-3 .col-md-4:nth-of-type(3n+3) section {
    margin-left: 0.5rem;
    margin-right: 1rem;
}

/* Style fixes for multiblock. */
.multiblock-carousel {
    padding-bottom: 70px;
}

.multiblock-carousel a.carousel-control {
    top: auto;
    bottom: 5px;
    height: 40px;
    background: #fff;
    border: 1px solid #ddd;
    margin-bottom: -70px;
    opacity: 1;
}

.multiblock-carousel a.carousel-control span {
    color: #000;
}

.multiblock-carousel-bootstrap3 a.carousel-control > .carousel-control {
    position: relative;
}

.multiblock-carousel .flex-icon::before {
    font-size: 1.7em;
}

.multiblock-carousel-bootstrap3 .carousel-control-prev {
    left: 0;
    right: auto;
}

.multiblock-carousel-bootstrap3 .carousel-control-next {
    right: 0;
    left: auto;
}

/* Hide the first dropdown-divider if no filter option element is listed before it.
   This can happen for some subset configurations of the block_myoverview course filter. */
.block_myoverview button#groupingdropdown + .dropdown-menu li:first-of-type.dropdown-divider:first-of-type {
    display: none;
}

.block_myprofile img.profilepicture {
    height: 50px;
    width: 50px;
}

.block_myprofile .myprofileitem.fullname {
    font-size: 1.5em;
    font-weight: bold;
    margin-bottom: 0.5rem;
}

.block_myprofile .myprofileitem.edit {
    text-align: right;
}

.block_myprofile .content {
    display: flex;
}

.block_myprofile .myprofileitem.picture img {
    width: 50px;
    height: 50px;
    margin-right: 1rem;
}

.block_myprofile .myprofileitem span {
    font-weight: bold;
}

.block_navigation .block_tree .depth_1 > .tree_item.branch {
    padding-left: 0;
    background-image: none;
}

.block_navigation .block_tree .depth_1 > ul {
    margin: 0;
}

.block_navigation .block_tree ul {
    margin-left: 18px;
}

.block_navigation .block_tree p.hasicon {
    text-indent: -21px;
    padding-left: 21px;
}

.block_navigation .block_tree p.hasicon img {
    width: 16px;
    height: 16px;
    margin-top: 3px;
    margin-right: 5px;
    vertical-align: top;
}

.block_navigation .block_tree p.hasicon.visibleifjs {
    display: block;
}

.block_navigation .block_tree .tree_item {
    cursor: pointer;
    padding-left: 0;
    margin: 3px 0;
    background-position: 0 50%;
    background-repeat: no-repeat;
    word-wrap: break-word;
}

.block_navigation .block_tree .tree_item.branch {
    padding-left: 21px;
}

.block_navigation .block_tree .active_tree_node {
    font-weight: bold;
}

.block_navigation .block_tree [aria-expanded="true"] {
    background-image: url(/theme/image.php/boost_union/core/1753274487/t/expanded);
}

.block_navigation .block_tree [aria-expanded="false"] {
    background-image: url(/theme/image.php/boost_union/core/1753274487/t/collapsed);
}

.block_navigation .block_tree [aria-expanded="true"].emptybranch {
    background-image: url(/theme/image.php/boost_union/core/1753274487/t/collapsed_empty);
}

.block_navigation .block_tree [aria-expanded="false"] p.loading {
    background-image: url(/theme/image.php/boost_union/core/1753274487/i/loading_small);
}

/*rtl:raw:
.block_navigation .block_tree [aria-expanded="false"] {background-image: url(/theme/image.php/boost_union/core/1753274487/t/collapsed_rtl);}
.block_navigation .block_tree [aria-expanded="true"].emptybranch {background-image: url(/theme/image.php/boost_union/core/1753274487/t/collapsed_empty_rtl);}
.block_navigation .block_tree [aria-expanded="false"].loading {background-image: url(/theme/image.php/boost_union/core/1753274487/i/loading_small);}
*/

.block_navigation .block_tree [aria-hidden="false"] {
    display: block;
}

.block_navigation .block_tree [aria-hidden="true"]:not(.icon) {
    display: none;
}

.block_online_users .content .list li.listentry {
    clear: both;
}

.block_online_users .content .list li.listentry:not(:first-child) {
    padding-top: 3px;
}

.block_online_users .content .list li.listentry .user {
    float: left;
    position: relative;
}

.block_online_users .content .list li.listentry .otherusers {
    margin-left: 1.5rem;
}

.block_online_users .content .list li.listentry .user .userpicture {
    vertical-align: text-bottom;
}

.block_online_users .content .list li.listentry .message,
.block_online_users .content .list li.listentry .uservisibility {
    float: right;
    margin-top: 3px;
}

.block_online_users .content .info {
    text-align: center;
}

/* Rule so that the table tree view works with word-wrap: break-word. */
.block_private_files .content table {
    table-layout: fixed;
    width: 100%;
}

.block_private_files .content .footer {
    padding: 10px 0 0;
    margin-top: .5em;
}

.block_private_files ul[role="tree"] {
    margin: 0;
    padding: 0;
}
.block_private_files ul,
.block_private_files li {
    list-style: none;
}

.block_private_files [role="treeitem"] {
    padding-left: 22px;
    cursor: pointer;
}

.block_private_files [role="treeitem"] p {
    margin-bottom: 0;
}

.block_private_files [role="treeitem"][aria-expanded] {
    padding-left: 0;
}

.block_private_files [role="treeitem"][aria-expanded="false"] > p::before {
    /*rtl:remove*/
    content: url(/theme/image.php/boost_union/core/1753274487/t/collapsed);
    /*rtl:raw:
        content: url(/theme/image.php/boost_union/core/1753274487/t/collapsed_rtl);
    */
    vertical-align: sub;
    margin-right: 5px;
}

.block_private_files [role="treeitem"][aria-expanded="true"] > p::before {
    content: url(/theme/image.php/boost_union/core/1753274487/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, .5) 0,
            rgba(0, 0, 0, .5) 1px,
            rgba(255, 255, 255, 0) 1px,
            rgba(255, 255, 255, 0) 2px
        ),
        repeating-linear-gradient(
            to top,
            rgba(0, 0, 0, 0.5) 0,
            rgba(0, 0, 0, 0.5) 1px,
            rgba(255, 255, 255, 0) 1px,
            rgba(255, 255, 255, 0) 2px
        );
    background-repeat: no-repeat, no-repeat;
    /*rtl:remove*/
    background-position: left 10px top 50%, left 8px top 0;
    /*rtl:raw:
        background-position: right 10px top 50%, right 8px top 0;
    */
    background-size: 11px 1px, 1px 100%;
}

.block_private_files [role="treeitem"]:not([aria-expanded]):last-child {
    background-size: 11px 1px, 1px 50%;
}

.block_private_files [role="group"] {
    background-image:
        repeating-linear-gradient(
            to top,
            rgba(0, 0, 0, 0.5) 0,
            rgba(0, 0, 0, 0.5) 1px,
            rgba(255, 255, 255, 0) 1px,
            rgba(255, 255, 255, 0) 2px
        );
    background-repeat: no-repeat;
    background-position: left 8px top 100%;
    background-size: 1px 100%;
    margin-left: 0;
}

.block_private_files [aria-hidden="true"]:not(.icon) {
    display: none;
}

.block_recent_activity .unlist li {
    margin-bottom: 1em;
}

.block_recent_activity li .head .date {
    float: right;
}

/* RSS Feeds
-------------------------*/
.block_rss_client .list li:first-child {
    border-top-width: 0;
}

.block_rss_client .list li {
    border-top: 1px solid;
    padding: 5px;
}
.block_search_forums .searchform {
    text-align: center;
}

.block_search_forums .searchform img {
    vertical-align: middle;
}

.block_search_forums .searchform img.resize {
    width: 1em;
    height: 1.1em;
}

.block_search_forums .invisiblefieldset {
    display: block;
}
.block_settings .block_tree ul {
    margin-left: 18px;
}

.block_settings .block_tree p.hasicon {
    text-indent: -21px;
    padding-left: 21px;
}

.block_settings .block_tree p.hasicon img {
    width: 16px;
    height: 16px;
    margin-top: 3px;
    margin-right: 5px;
    vertical-align: top;
}

.block_settings .block_tree p.hasicon.visibleifjs {
    display: block;
}

.block_settings .block_tree .tree_item.branch {
    padding-left: 21px;
}

.block_settings .block_tree .tree_item {
    cursor: pointer;
    margin: 3px 0;
    background-position: 0 50%;
    background-repeat: no-repeat;
}

.block_settings .block_tree .active_tree_node {
    font-weight: bold;
}

.block_settings .block_tree [aria-expanded="true"] {
    background-image: url(/theme/image.php/boost_union/core/1753274487/t/expanded);
}

.block_settings .block_tree [aria-expanded="false"] {
    background-image: url(/theme/image.php/boost_union/core/1753274487/t/collapsed);
}

.block_settings .block_tree [aria-expanded="true"].emptybranch {
    background-image: url(/theme/image.php/boost_union/core/1753274487/t/collapsed_empty);
}

.block_settings .block_tree [aria-expanded="false"] p.loading {
    background-image: url(/theme/image.php/boost_union/core/1753274487/i/loading_small);
}
/*rtl:raw:
.block_settings .block_tree [aria-expanded="false"] {background-image: url(/theme/image.php/boost_union/core/1753274487/t/collapsed_rtl);}
.block_settings .block_tree [aria-expanded="true"].emptybranch {background-image: url(/theme/image.php/boost_union/core/1753274487/t/collapsed_empty_rtl);}
.block_settings .block_tree [aria-expanded="false"].loading {background-image: url(/theme/image.php/boost_union/core/1753274487/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 {
    /* Made specific to win over .block.list_block .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;
    }
}

/* stylelint-disable */
@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: normal;
  font-style: normal;
}
.vjs-icon-play, .video-js .vjs-play-control .vjs-icon-placeholder, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  content: "\f101";
}

.vjs-icon-play-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play-circle:before {
  content: "\f102";
}

.vjs-icon-pause, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
  content: "\f103";
}

.vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
  content: "\f104";
}

.vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
  content: "\f105";
}

.vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
  content: "\f106";
}

.vjs-icon-volume-high, .video-js .vjs-mute-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-high:before, .video-js .vjs-mute-control .vjs-icon-placeholder:before {
  content: "\f107";
}

.vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\f108";
}

.vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\f109";
}

.vjs-icon-square {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-square:before {
  content: "\f10a";
}

.vjs-icon-spinner {
  font-family: VideoJS;
  font-weight: normal;
  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: normal;
  font-style: normal;
}
.vjs-icon-subtitles:before, .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before {
  content: "\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: normal;
  font-style: normal;
}
.vjs-icon-captions:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-captions-button .vjs-icon-placeholder:before {
  content: "\f10d";
}

.vjs-icon-chapters, .video-js .vjs-chapters-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-chapters:before, .video-js .vjs-chapters-button .vjs-icon-placeholder:before {
  content: "\f10e";
}

.vjs-icon-share {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-share:before {
  content: "\f10f";
}

.vjs-icon-cog {
  font-family: VideoJS;
  font-weight: normal;
  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: normal;
  font-style: normal;
}
.vjs-icon-circle:before, .vjs-seek-to-live-control .vjs-icon-placeholder:before, .video-js .vjs-volume-level:before, .video-js .vjs-play-progress:before {
  content: "\f111";
}

.vjs-icon-circle-outline {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-circle-outline:before {
  content: "\f112";
}

.vjs-icon-circle-inner-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-circle-inner-circle:before {
  content: "\f113";
}

.vjs-icon-hd {
  font-family: VideoJS;
  font-weight: normal;
  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: normal;
  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: normal;
  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: normal;
  font-style: normal;
}
.vjs-icon-facebook:before {
  content: "\f117";
}

.vjs-icon-gplus {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-gplus:before {
  content: "\f118";
}

.vjs-icon-linkedin {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-linkedin:before {
  content: "\f119";
}

.vjs-icon-twitter {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-twitter:before {
  content: "\f11a";
}

.vjs-icon-tumblr {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-tumblr:before {
  content: "\f11b";
}

.vjs-icon-pinterest {
  font-family: VideoJS;
  font-weight: normal;
  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: normal;
  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: normal;
  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: normal;
  font-style: normal;
}
.vjs-icon-next-item:before {
  content: "\f11f";
}

.vjs-icon-previous-item {
  font-family: VideoJS;
  font-weight: normal;
  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: normal;
  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: normal;
  font-style: normal;
}
.vjs-icon-picture-in-picture-exit:before, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
  content: "\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: normal;
  font-style: normal;
  font-family: Arial, Helvetica, sans-serif;
  word-break: initial;
}
.video-js:-moz-full-screen {
  position: absolute;
}
.video-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important;
}

.video-js[tabindex="-1"] {
  outline: none;
}

.video-js *,
.video-js *:before,
.video-js *:after {
  box-sizing: inherit;
}

.video-js ul {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  list-style-position: outside;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
}

.video-js.vjs-fluid,
.video-js.vjs-16-9,
.video-js.vjs-4-3,
.video-js.vjs-9-16,
.video-js.vjs-1-1 {
  width: 100%;
  max-width: 100%;
}

.video-js.vjs-fluid:not(.vjs-audio-only-mode),
.video-js.vjs-16-9:not(.vjs-audio-only-mode),
.video-js.vjs-4-3:not(.vjs-audio-only-mode),
.video-js.vjs-9-16:not(.vjs-audio-only-mode),
.video-js.vjs-1-1:not(.vjs-audio-only-mode) {
  height: 0;
}

.video-js.vjs-16-9:not(.vjs-audio-only-mode) {
  padding-top: 56.25%;
}

.video-js.vjs-4-3:not(.vjs-audio-only-mode) {
  padding-top: 75%;
}

.video-js.vjs-9-16:not(.vjs-audio-only-mode) {
  padding-top: 177.7777777778%;
}

.video-js.vjs-1-1:not(.vjs-audio-only-mode) {
  padding-top: 100%;
}

.video-js.vjs-fill:not(.vjs-audio-only-mode) {
  width: 100%;
  height: 100%;
}

.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-js.vjs-audio-only-mode .vjs-tech {
  display: none;
}

body.vjs-full-window {
  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: 0px auto;
}

.vjs-no-js a,
.vjs-no-js a:visited {
  color: #66A8CC;
}

.video-js .vjs-big-play-button {
  font-size: 3em;
  line-height: 1.5em;
  height: 1.63332em;
  width: 3em;
  display: block;
  position: absolute;
  top: 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: bold;
  cursor: default;
}

.vjs-menu-button-popup .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  width: 10em;
  left: -3em;
  height: 0em;
  margin-bottom: 1.5em;
  border-top-color: rgba(43, 51, 63, 0.7);
}

.vjs-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,
.vjs-audio-only-mode .vjs-control-bar {
  display: flex;
  visibility: visible;
  opacity: 1;
  transition: visibility 0.1s, opacity 0.1s;
}

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  visibility: visible;
  opacity: 0;
  pointer-events: none;
  transition: visibility 1s, opacity 1s;
}

.vjs-controls-disabled .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar,
.vjs-error .vjs-control-bar {
  display: none !important;
}

.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar,
.vjs-audio-only-mode.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.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;
}

.video-js .vjs-control.vjs-visible-text {
  width: auto;
  padding-left: 1em;
  padding-right: 1em;
}

.vjs-button > .vjs-icon-placeholder:before {
  font-size: 1.8em;
  line-height: 1.67;
}

.vjs-button > .vjs-icon-placeholder {
  display: block;
}

.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before,
.video-js .vjs-control:focus {
  text-shadow: 0em 0em 1em white;
}

.video-js *:not(.vjs-visible-text) > .vjs-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.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;
  /* iOS Safari */
  -webkit-touch-callout: none;
  /* Safari */
  -webkit-user-select: none;
  /* Konqueror HTML */
  /* Firefox */
  -moz-user-select: none;
  /* Internet Explorer/Edge */
  -ms-user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
  user-select: none;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
}

.video-js .vjs-slider.disabled {
  cursor: default;
}

.video-js .vjs-slider:focus {
  text-shadow: 0em 0em 1em white;
  box-shadow: 0 0 1em #fff;
}

.video-js .vjs-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: #000000;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
}

.vjs-has-started .vjs-poster,
.vjs-using-native-controls .vjs-poster {
  display: none;
}

.vjs-audio.vjs-has-started .vjs-poster,
.vjs-has-started.vjs-audio-poster-mode .vjs-poster {
  display: block;
}

.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-controls-disabled .vjs-text-track-display,
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
  bottom: 1em;
}

.video-js .vjs-text-track {
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em;
}

.vjs-subtitles {
  color: #fff;
}

.vjs-captions {
  color: #fc6;
}

.vjs-tt-cue {
  display: block;
}

video::-webkit-media-text-track-display {
  transform: translateY(-3em);
}

.video-js.vjs-controls-disabled video::-webkit-media-text-track-display,
.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
  transform: translateY(-1.5em);
}

.video-js .vjs-picture-in-picture-control {
  cursor: pointer;
  flex: none;
}
.video-js.vjs-audio-only-mode .vjs-picture-in-picture-control {
  display: none;
}

.video-js .vjs-fullscreen-control {
  cursor: pointer;
  flex: none;
}
.video-js.vjs-audio-only-mode .vjs-fullscreen-control {
  display: none;
}

.vjs-playback-rate > .vjs-menu-button,
.vjs-playback-rate .vjs-playback-rate-value {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.vjs-playback-rate .vjs-playback-rate-value {
  pointer-events: none;
  font-size: 1.5em;
  line-height: 2;
  text-align: center;
}

.vjs-playback-rate .vjs-menu {
  width: 4em;
  left: 0em;
}

.vjs-error .vjs-error-display .vjs-modal-dialog-content {
  font-size: 1.4em;
  text-align: center;
}

.vjs-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: white;
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after {
  -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: white;
}

.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
  border-top-color: white;
  -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: white;
  }
  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: white;
  }
  60% {
    border-top-color: #73859f;
  }
  100% {
    border-top-color: #73859f;
  }
}
.video-js.vjs-audio-only-mode .vjs-captions-button {
  display: none;
}

.vjs-chapters-button .vjs-menu ul {
  width: 24em;
}

.video-js.vjs-audio-only-mode .vjs-descriptions-button {
  display: none;
}

.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-only-mode .vjs-subs-caps-button {
  display: none;
}

.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-volume-control, .video-js.vjs-layout-x-small .vjs-current-time,
.video-js.vjs-layout-x-small .vjs-time-divider,
.video-js.vjs-layout-x-small .vjs-duration,
.video-js.vjs-layout-x-small .vjs-remaining-time,
.video-js.vjs-layout-x-small .vjs-playback-rate,
.video-js.vjs-layout-x-small .vjs-volume-control, .video-js.vjs-layout-tiny .vjs-current-time,
.video-js.vjs-layout-tiny .vjs-time-divider,
.video-js.vjs-layout-tiny .vjs-duration,
.video-js.vjs-layout-tiny .vjs-remaining-time,
.video-js.vjs-layout-tiny .vjs-playback-rate,
.video-js.vjs-layout-tiny .vjs-volume-control {
  display: none;
}
.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover {
  width: auto;
  width: initial;
}
.video-js.vjs-layout-x-small .vjs-progress-control, .video-js.vjs-layout-tiny .vjs-progress-control {
  display: none;
}
.video-js.vjs-layout-x-small .vjs-custom-control-spacer {
  flex: auto;
  display: block;
}
.video-js.vjs-layout-x-small.vjs-no-flex .vjs-custom-control-spacer {
  width: auto;
}

.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 0px 24px;
  }

  .vjs-track-settings-controls .vjs-default-button {
    margin-bottom: 20px;
  }

  .vjs-text-track-settings .vjs-track-settings-controls {
    grid-column: 1/-1;
  }

  .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,
.vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content,
.vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content {
    grid-template-columns: 1fr;
  }
}
.vjs-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;
}

/* Modifications of player made by Moodle: */

/* Audio: https://github.com/videojs/video.js/issues/2777 */

/* Audio: Remove big play button (leave only the button in controls). */
.video-js.vjs-audio .vjs-big-play-button {
  display: none;
}
/* Audio: Make the controlbar visible by default */
.video-js.vjs-audio .vjs-control-bar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
/* Make player height minimum to the controls height so when we hide video/poster area the controls are displayed correctly. */
.video-js.vjs-audio {
  min-height: 3em;
}
/* In case of error reset height to the default (otherwise no aspect ratio is available and height becomes 0). */
.video-js.vjs-error {
  height: 150px;
}
/* Minimum height for videos should not be less than the size of play button. */
.mediaplugin_videojs video {
  min-height: 32px;
}

/* MDL-61020: VideoJS timeline progress bar should not be flipped in RTL mode. */

/* Prevent the progress bar from being flipped in RTL. */
/*rtl:ignore*/
.video-js .vjs-progress-holder .vjs-play-progress,
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div {
  left: 0;
  right: auto;
}
/* Keep the video scrubber button at the end of the progress bar in RTL. */
/*rtl:ignore*/
.video-js .vjs-play-progress:before {
  left: auto;
  right: -0.5em;
}
/* Prevent the volume slider from being flipped in RTL. */
/*rtl:ignore*/
.video-js .vjs-volume-level {
  left: 0;
  right: auto;
}
/* Keep the volume slider handle at the end of the volume slider in RTL. */
/*rtl:ignore*/
.vjs-slider-horizontal .vjs-volume-level:before {
  left: auto;
  right: -0.5em;
}

.dir-rtl .vjs-loading-spinner:before,
.dir-rtl .vjs-loading-spinner:after {
   right: 0;
 }

#glossaryfilteroverlayprogress {
    position: fixed;
    top: 50%;
    width: 100%;
    text-align: center;
}

.jsenabled #MathJax_ZoomFrame {
    position: absolute;
}

/**
 * Filters
 */
.mediaplugin {
    display: block;
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: center;
}

.mediaplugin,
.mediaplugin video {
    /* Make videos as wide as possible without being wider than their containers */
    width: 100%;
    max-width: 100%;
}

.mediaplugin > div {
    margin: auto;
}

/* This is needed to display videos in an adequate size and without too much space
   withing the specific mod assign table views. */
.path-mod-assign .gradingtable .mediaplugin,
.path-mod-assign .submissionsummarytable .mediaplugin {
    width: 400px;
    height: auto;
}

/* Make media plugin behave properly in mod summaries and labels */
.mod-indent-outer .mediaplugin {
    display: table-cell;
}

.jsenabled .tox-tinymce-aux {
    z-index: 1000;
}

.jsenabled .tox-shadowhost.tox-fullscreen,
.jsenabled .tox.tox-tinymce.tox-fullscreen {
    z-index: 1050;
}

/**
 * These styles are required to ensure that icons loaded from Moodle are displayed correctly in TinyMCE.
 * The first selector targets the menu.
 * The second selector targets the context menu.
 */
.tox .tox-tbtn svg[data-buttonsource="moodle"] image,
.tox-collection__item-icon svg[data-buttonsource="moodle"] image {
    width: inherit;
    height: inherit;
}

.tox.tox-tinymce .tox-toolbar__group {
    padding-right: 0;
}

/* Prevent navbar obscuring modal content (ignores fullscreen). */
.tox.tox-tinymce:not(.tox-fullscreen) + .tox .tox-dialog-wrap {
    padding-top: var(--navbar-height);
}

/* Modify Tiny's max-height calculation here to factor in navbar height on small viewports (ignores fullscreen). */
@media only screen and (max-width: 767px) {
    body:not(.tox-force-desktop) .tox.tox-tinymce:not(.tox-fullscreen) + .tox .tox-dialog-wrap .tox-dialog {
        max-height: calc((100vh - 8px * 2) - var(--navbar-height)) !important; /* stylelint-disable-line declaration-no-important */
    }
}

@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;
}

.format-tiles ul.tiles {
    transition: 0.3s ease-in-out;
    overflow: visible;
    width: 100%;
    /*was hidden but want to allow drop down edit menu for last item on page to be displayed in full*/
    margin: auto;
    padding: 0;
}
.format-tiles ul.tiles.expanded {
    max-height: unset;
    overflow: visible;
}
.format-tiles li.section {
    margin-top: 10px;
    list-style: none;
}
.format-tiles .course-content li.section ul {
    list-style: none;
}

.format-tiles ul.tiles#multi_section_tiles li.tile.section.main {
    /*tile contents when displayed in the multi tile screen via JS*/
    background-color: #fff;
    margin: 10px;
    padding: 30px 0 30px 0;
    width: 100%;
}
.format-tiles ul.tiles#multi_section_tiles li.section#section-0 {
    padding: 0;
}

.format-tiles .modal-backdrop.fade.in {
    opacity: 0.2;
}
.format-tiles ul.tiles li.section .format_tiles_section_content {
    margin: 0 10px 0 0;
}

.format-tiles li.section .format_tiles_section_content.dimmed {
    opacity: 0.6;
}
.format-tiles ul.tiles li.section .left {
    float: left;
}

.format-tiles ul.tiles li.section .right {
    float: right;
}

.format-tiles ul.tiles li.section .right img.icon {
    padding: 0 0 4px 0;
}

.format-tiles ul.tiles li.section .left .section-handle img.icon {
    padding: 0;
    vertical-align: baseline;
}

.format-tiles ul.tiles li.section .activity-count {
    margin-right: 3px;
}

.format-tiles li#section-0.section.main.clearfix {
    border-bottom: 0;
}

.format-tiles .tile a {
    text-decoration: none;
    padding: 7px 10px 5px 10px;
}
.format-tiles .progress-indic {
    display: inline-block;
    color: #999;
}

.format-tiles .progress-indic svg {
    width: 40px;
    height: 40px;
    display: inline-block;
}
.format-tiles .progress-indic i.fa {
    opacity: 0.5;
    height: 30px;
}

.format-tiles .progress-indic i.fa-check {
    color: darkgreen;
}
.format-tiles .progress-indic svg circle.partial {
    stroke: #888;
    fill: none;
}

.format-tiles .progress-indic svg circle.whole {
    stroke: rgba(0, 0, 0, 0.15);
    fill: none;
}

.format-tiles .progress-indic svg text {
    font-size: 18px;
    font-weight: normal;
    transition: all 0.2s ease-in-out;
    fill: #666;
}
.format-tiles .tiletopright i.icon.fa {
    font-size: 30px;
    width: 30px;
    height: 30px;
    vertical-align: top;
}

.format-tiles .progress-indic .progress-indic-label {
    display: inline-block;
    vertical-align: top;
    line-height: 40px;
    margin-right: 3px;
    color: #999;
    font-size: 0.9em;
}

.format-tiles .overall-progress {
    text-align: center;
    color: gray;
    transition: all 0.5s;
}

.format-tiles .overall-progress.hidden {
    display: none;
}

.format-tiles .navigation-arrows {
    min-width: 130px;
    display: inline-block;
    float: right;
    margin-right: 40px;
    z-index: 2;
    /*z-index needs to be on top of pagesechead*/
}

.format-tiles #page .course-content  ul li.section.main.current {
    background-color: inherit;
}

.format-tiles #warning_large_sec0 {
    margin: 10px;
}

.format-tiles .icon20 {
    max-width: 20px;
    max-height: 20px;
    opacity: 0.5;
}

.format-tiles .tiletopright img {
    opacity: 0.5;
}

.format-tiles .icon40 {
    max-width: 40px;
    max-height: 40px;
    opacity: 0.5;
}

.format-tiles .icon50 {
    max-width: 50px;
    max-height: 50px;
    opacity: 0.5;
}

.format-tiles ul.tiles#multi_section_tiles {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.format-tiles #single_section_tiles {
    display: block;
    padding-left: 0;
    margin-left: 0;
}
.format-tiles ul.tiles#multi_section_tiles li.section {
    display: block;
}
.format-tiles.editing ul.tiles#multi_section_tiles li.section {
    padding: 0;
}

.format-tiles .editing ul.tiles#multi_section_tiles li.section,
.format-tiles ul.tiles#multi_section_tiles li#section-0.section {
    display: block;
    width: 100%;
}
.format-tiles #section-0 .addresourcemodchooser {
    position: relative;
}
.format-tiles .course-content ul li.section.main {
    width: calc(100% - 15px);
    background-color: white;
    /* stop 'dot' background image in essential theme*/
    background-image: none;
    margin-top: 10px;
    padding-top: 12px;
}
.format-tiles .course-content ul li.section.main:target {
    padding-top: 0;
    margin-top: 30px;
}
.format-tiles .activity:target {
    /* stylelint-disable-next-line declaration-no-important */
    margin-top: 0 !important;
    /* stylelint-disable-next-line declaration-no-important */
    padding-top: 0 !important;
}
.format-tiles .subtile a.menu-action {
    /*essential for clean and other themes to ensure that the link is on top to avoid non responsive menu*/
    z-index: 1;
}
.format-tiles #page .course-content ul li.section.main {
    /*adaptable theme*/
    background-color: #fff;
    border: 0;
}
.format-tiles .course-content ul li.section.main.moveablesection {
    padding: 30px 10px 10px 10px;
    margin-left: 7px;
    /* For snap theme*/
    visibility: visible;
}
.format-tiles .course-content ul.tiles .tile {
    display: flex;
    flex-basis: 225px;
    max-width: 260px;
    flex-grow: 1;
    margin: 7px;
    max-height: 175px;
    vertical-align: top;
    background-color: #fff;
    border-top: 0.45em solid transparent;
    -webkit-transition: background-color 0.2s ease-in-out, all 0.5s ease-in-out;
    -moz-transition: background-color 0.2s ease-in-out, all 0.5s ease-in-out;
    -o-transition: background-color 0.2s ease-in-out, all 0.5s ease-in-out;
    transition: background-color 0.2s ease-in-out, all 0.5s ease-in-out;
    color: #777;
    box-shadow: 2px 4px 5px 0 #bdbdbd;
    position: relative;
}
.format-tiles .course-content ul.tiles .tile:focus-visible {
    border-top-color: red;
}
.format-tiles .course-content ul.tiles .tile:focus-visible h3 {
    text-decoration: underline;
}
.format-tiles .course-content ul.tiles .tile.spacer,
.format-tiles.pagelayout-course .course-content li.section ul li.activity.spacer /* Remui theme */ {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    max-height: 0;
}
.format-tiles .course-content li.section ul.section {
    list-style: none;
}
.format-tiles.jsenabled .course-content ul.tiles .tile.tile-collapsed {
    display: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.format-tiles.jsenabled .course-content ul.tiles .tile.tile-collapsing {
    opacity: 0;
    display: flex;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.format-tiles ul.tiles li:empty {
    height: 0;
    min-height: 0;
    border: none;
    box-shadow: none;
    visibility: hidden;
}

.format-tiles .tile a {
    color: #333;
    width: 100%;
}

.format-tiles .section li.activity.label h1,
.format-tiles .section li.activity.label h2,
.format-tiles .section li.activity.label h3,
.format-tiles .section li.activity.label h4 {
    color: #555;
}

.format-tiles .section li.activity.label .dimmed_text h1,
.format-tiles .section li.activity.label .dimmed_text h2,
.format-tiles .section li.activity.label .dimmed_text h3,
.format-tiles .section li.activity.label .dimmed_text h4 {
    color: #818a91;
}

.format-tiles .hidden .sectiontitle h2,
.format-tiles #page-content .hidden .sectiontitle h2 a.quickeditlink {
    color: #818a91;
}

.format-tiles .course-content ul.tiles .tile-clickable:hover {
    transform: translateY(-6px);
    transition: transform 0.2s ease-in-out;
    -moz-transition: transform 0.2s ease-in-out;
    -o-transition: transform 0.2s ease-in-out;
}

.format-tiles ul.tiles .tile-top {
    height: 55px;
    width: 100%;
}

.format-tiles ul.tiles .current .tile_bar,
.format-tiles ul.tiles .current .tile_bar.narrow,
.format-tiles .course-content ul.tiles .tile.current {
    border-top-color: red;
}

.format-tiles ul.tiles .tile:not(.tile-restricted) .tiletopright .fa-lock {
    display: none;
}

.format-tiles .expandcontrol {
    margin: 0 30px 0 30px;
}

.format-tiles ul.tiles li.section .warningtext {
    color: red;
}

.format-tiles ul.tiles li.section .warningbar {
    background-color: red;
    color: #fff;
    padding: 5px;
    margin-left: 40px;
    width: 90%;
}

.format-tiles ul.tiles li#spacersection {
    height: 130px;
}

.format-tiles li.activity.subtile.spacer {
    height: 0;
    min-height: 0;
    border: 0;
    opacity: 0;
    display: flex;
    flex-basis: 225px;
    max-width: 240px;
    flex-grow: 1;
    margin: 5px;
}
.format-tiles ul.tiles .tile .topic-number {
    display: inline-block;
    float: right;
    font-size: 1.5em;
    padding-right: 0.5em;
    vertical-align: top;
}
.format-tiles .moveablesection .tileiconcontainer {
    margin-left: 0.5rem;
}
.format-tiles .tileiconcontainer,
.format-tiles .tileiconcontainer img {
    display: inline-block;
    text-align: left;
    vertical-align: top;
    width: 55px;
    height: 55px;
    font-size: 1em;
}
.format-tiles .tileiconcontainer.hasphoto {
    width: 85px;
}
.format-tiles .tileiconcontainer .icon {
    width: 55px;
    height: 55px;
}
.format-tiles .tileiconcontainer .icon.fa {
    font-size: 55px;
}
.format-tiles:not(.editing) .course-content .icon,
.format-tiles .iconpickericons .icon,
.format-site .iconpickericons .icon {
    color: #979797;
    opacity: 1;
}
.format-tiles:not(.editing) .course-content .completioncheckbox.complete .icon {
    color: #fff;
}
.format-tiles:not(.editing) .course-content .completioncheckbox .icon {
    color: #ababab;
    margin-right: 0;
    width: 100%;
}
.format-tiles .completioncheckbox .icon {
    font-size: 19px;
    margin-top: 2px;
}
.format-tiles .tile .completioncheckbox .icon {
    margin-top: 3px;
}
.format-tiles li.section.current:not(#section-0) .course-section-header {
    border-top-color: red;
}
.format-tiles.theme_adaptable .subtile .completioncheckbox .icon {
    height: 19px;
    margin-top: 3px;
}
.format-tiles.path-course-view li.activity > div:not(.activity-item).completioncheckbox {
    padding: 0;
}
.format-tiles .sectionbutton .icon {
    font-size: 1.4em;
    margin: 10px 0 0 0;
}
.format-tiles .sectionbutton img.icon {
    width: 18px;
    height: 18px;
}
.format-tiles .pagesechead {
    min-height: 60px;
    z-index: 1;
    position: relative;
    display: inline-block;
    /*z-index needs to be behind navigation-arrows as they may overlap*/
}

.format-tiles .sectionbuttons {
    position: relative;
    right: 30px;
    top: 0;
    z-index: 2;
}
.format-tiles .sectionbutton {
    background-color: rgba(100, 100, 100, 0.05);
    margin-left: 5px;
    opacity: 1;
    width: 45px;
    height: 45px;
    text-align: center;
}
.format-tiles .expand-section,
.format-tiles .collapse-section {
    width: 30px;
    height: 30px;
    background-size: contain;
    margin-top: 10px;
}
.format-tiles .expand-section {
    background-image: url(/theme/image.php/boost_union/format_tiles/1753274487/expand);
}
.format-tiles .collapse-section {
    background-image: url(/theme/image.php/boost_union/format_tiles/1753274487/collapse);
}
.format-tiles ul.tiles .tile .tile-text {
    text-align: left;
    width: 100%;
    height: 105px;
    line-height: 100px;
    padding-top: 5px;
    position: relative;
}
.format-tiles ul.tiles .tile.phototile .tile-text {
    line-height: 1.5em;
}
/* centralise text vertically on tile */
.format-tiles ul.tiles .tile .tile-textinner {
    display: inline-block;
    line-height: normal;
    top: 45%;
    transform: translate(0, -40%);
    position: absolute;
    word-wrap: break-word;
    max-width: 220px;
}

.format-tiles ul.tiles .tile .tile-textinner.longtitle h3 {
    font-size: 1.2em;
}

.format-tiles ul.tiles .tile_bar .icon20 {
    width: 20px;
    margin-right: 10px;
}

.format-tiles a img {
    outline: none;
    -moz-outline-radius: 0;
}

.format-tiles .single-section  .navigation-arrow:not(.dimmed):hover {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    transform: scale(1.05, 1.05);
    -webkit-transform: scale(1.05, 1.05);
}

.format-tiles .single-section .navigation-arrow,
.format-tiles  .single-section .navigation-arrow img {
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    display: inline-block;
    text-align: center;
}
.format-tiles .single-section .navigation-arrow .icon {
    font-size: 35px;
    height: 35px;
    width: 35px;
    padding: 2px 3px 2px 3px;
}
.format-tiles .single-section .navigation-arrow.dimmed {
    opacity: 0.5;
}
.format-tiles .navigation-arrows .navigation-arrow.dimmed:hover {
    background-color: inherit;
}

/* the following items are to avoid lots of padding under section 0 in single section view */
.format-tiles .single-section {
    /* stylelint-disable-next-line declaration-no-important */
    margin-top: 0 !important;
}

.format-tiles #section-0 ul.section {
    margin: 1rem 1rem 0 1rem;
}

/*dealing with left border to current section in boost theme*/
.format-tiles .course-content .current::before {
    /* stylelint-disable-next-line declaration-no-important */
    border-left: none !important;
}

.format-tiles  #section-0 .format_tiles_section_content .summary .no-overflow,
.format-tiles #section-0 .format_tiles_section_content .summary .no-overflow p {
    margin-bottom: 0;
}

.format-tile .ul.tiles .single-section .section-navigation {
    margin-bottom: 0;
}

.format-tiles ul.tiles li.section .format_tiles_section_content .modtype_label .no-overflow,
.format-tiles #section-0 .format_tiles_section_content .summary .no-overflow {
    margin-bottom: 5px;
}
.format-tiles ul.tiles li.section .format_tiles_section_content:not(.collapse) {
    /*For snap theme*/
    display: block;
}

.format-tiles.theme-snap .course-content {
    max-width: inherit;
}
.format-tiles .label_content {
    overflow: hidden;
}
.format-tiles .label.dimmed {
    opacity: 0.7;
}
.format-tiles .label-collapse-btn {
    float: left;
}
.format-tiles .expand-collapse-all-btns {
    width: 100%;
    text-align: right;
}
.format-tiles .expand-collapse-all-btns .btn-secondary {
    /*Adatpable theme*/
    min-height: unset;
}

.format-tiles .buttonhidesec0 {
    display: none;
    background-image: url(/theme/image.php/boost_union/format_tiles/1753274487/remove);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px 20px;
}
.format-tiles .tiles-top-button {
    cursor: pointer;
    height: 40px;
    width: 40px;
    text-align: center;
    padding: 0;
    border: 0;
    background-color: #f8f8f8;
}
.format-tiles .tiles-top-button i {
    margin-right: 0;
}
.format-tiles .tiles#single_section_tiles .buttonhidesec0 {
    margin-top: 10px;
}

body.jsenabled.format-tiles .buttonhidesec0 {
    display: inline-block;
}

.format-tiles #collapsiblesec0 {
    display: block;
}
.format-tiles #section-0 {
    min-height: 50px;
}
body.jsenabled.format-tiles #collapsiblesec0 {
    display: none;
}

/*allows buttons to be displayed at top of this section without going under alert boxes e.g. 'All caches were purged.'*/
.format-tiles .course-content {
    position: relative;
}

.format-tiles #collapsiblesec0 {
    display: none;
}

.format-tiles .collapsiblesec0 ul.section {
    padding-bottom: 20px;
}

.format-tiles .collapsiblesec0 li#section-0 {
    display: block;
    width: 100%;
    transition: opacity 0.3s ease-in-out;
}

.format-tiles .collapsiblesec0.collapsed li#section-0 {
    /* stylelint-disable-next-line declaration-no-important */
    opacity: 0 !important;
}

.format-tiles .collapsiblesec0.expanded li#section-0 {
    opacity: 1;
}

.format-tiles #navicons {
    float: right;
    opacity: 0.3;
}

.format-tiles #navicons img {
    width: 40px;
    height: 40px;
}

.format-tiles #editactivities:hover {
    opacity: 1;
}

.format-tiles #hiddeneye {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-size: 20px 20px;
    opacity: 0.5;
}

.format-tiles .course-content #filterbuttons {
    margin-right: 6px;
    display: inline-block;
    margin-bottom: 3px;
    min-height: 45px;
}

.format-tiles .overall-prog-radial {
    font-size: 1.2em;
    height: 40px;
    margin-left: 10px;
    float: right;
}
.format-tiles .overall-prog-radial i {
    font-size: 30px;
    height: 30px;
    width: 30px;
    color: green;
}

.format-tiles .overall-prog-radial svg {
    width: 33px;
    height: 33px;
}

.format-tiles .completioncheckbox.background-course-base i {
    color: #fff;
}
.format-tiles .completioncheckbox.complete {
    background-color: #298a08;
    color: #fff;
    border-color: #298a08;
}
.format-tiles .completioncheckbox.fail {
    background-color: #a90202;
    color: #fff;
    border-color: #a90202ff;
}
.format-tiles .modal-header .completioncheckbox:not(.complete) {
    border: 2px solid #ffffffa8;
    color: #fff;
    background-color: #efefef;
}
.format-tiles .completioncheckbox.background-course-base.complete i {
    color: #fff;
}
.format-tiles .allcomplete .icon {
    font-size: 2em;
    width: 30px;
    height: 30px;
    color: #ffaa30;
}
.format-tiles .course-content #filterintro {
    display: inline-block;
    padding: 10px;
    margin-left: 3px;
    margin-right: 3px;
    color: #aaa;
    overflow: hidden;
}

.format-tiles #abovetiles {
    width: 100%;
    min-height: 42px;
    display: flex;
    justify-content: space-between;
}

body.format-tiles.jsenabled .course-content .headerabovetiles {
    display: block;
}
.format-tiles .headerabovetiles .progress-indic {
    height: 42px;
}
.format-tiles .phototile .progress-indic {
    color: rgba(255, 255, 255, 0.85);
    padding: 2px 7px 2px 7px;
    position: absolute;
    bottom: 10px;
    left: 0;
    font-size: 0.9em;
}
.format-tiles .phototile.altstyle .progress-indic {
    top: 5px;
    right: 0;
    bottom: unset;
    left: unset;
}
.format-tiles .phototile .progress-complete-alt img {
    margin-top: 4px;
}
.format-tiles .filterbutton {
    cursor: pointer;
    min-width: 50px;
    transition: all 0.2s ease-in-out;
    display: inline-block;
    padding: 8px;
    color: #555;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
}

.format-tiles .course-content li.activity.label h1,
.format-tiles .section li.activity.label h2,
.format-tiles .course-content li.activity.label h3,
.format-tiles .course-content li.activity.label h4,
.format-tiles .editor_atto_content_wrap h1,
.format-tiles .editor_atto_content_wrap h2,
.format-tiles .editor_atto_content_wrap h3,
.format-tiles .editor_atto_content_wrap h4 {
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 0.3em;
    padding-bottom: 0.3em;
    overflow: hidden;
}

.format-tiles ul.tiles .tile h3 {
    font-size: 1.4em;
    line-height: 1.2em;
    font-weight: normal;
    color: #333;
    word-wrap: break-word;
}
.format-tiles.theme-snap ul.tiles .tile h3,
.format-tiles.theme-snap ul.tiles .subtile h4,
.format-tiles.theme-snap ul.tiles .tile .tile-textinner.longtitle h3 {
    font-size: 1em;
}
.format-tiles .sectiontitlecontainer {
    margin: 0 0 0.5em 0.5em;
    display: inline-block;
}

.format-tiles .sectiontitle {
    display: inline-block;
    padding-left: 10px;
    font-size: 2em;
}

.format-tiles .sectiontitle::after,
.format-tiles .sectiontitle::after {
    content: "";
    display: block;
    height: 4px;
}

.format-tiles .sectiontitle h2 {
    font-weight: 600;
    color: #666;
    display: inline-block;
}

.format-tiles #section-0 .contentwithoutlink .no-overflow p {
    margin: 0;
}

.format-tiles #section-0 .contentwithoutlink .no-overflow {
    margin-bottom: 10px;
}

.format-tiles .tiles .section.main {
    /* stylelint-disable-next-line declaration-no-important */
    border: 0 !important;
    /* We use important here as core-course-dragdrop is not replacing this.originalstyle correctly. */
    /* stylelint-disable-next-line declaration-no-important */
    opacity: 1 !important;
}
.format-tiles .hidden #hiddeneye {
    background-image: url(/theme/image.php/boost_union/format_tiles/1753274487/eye-slash);
    margin-left: 10px;
}
.format-tiles .buttonhidesec0.closed {
    background-image: url(/theme/image.php/boost_union/format_tiles/1753274487/sort);
}

.format-tiles #editactivitiesimage {
    background-image: url(/theme/image.php/boost_union/core/1753274487/a/view_list_active);
    display: inline-block;
    float: right;
    margin-right: 10px;
    margin-top: 10px;
    width: 20px;
    height: 20px;
    background-size: 20px 20px;
    opacity: 0.6;
}
.format-tiles .tile-loading-icon {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 150px;
    padding-top: 55px;
    text-align: center;
}

.format-tiles .tile-loading-icon img {
    width: 24px;
    height: 30px;
}

.format-tiles .section .activity .activityinstance div.unclickable {
    display: block;
}
.format-tiles .section .activity .activityinstance div.contentafterlink {
    display: block;
}
.format-tiles .section .activity.subtile .contentafterlink {
    position: absolute;
    left: 0;
    bottom: 0;
    margin-left: 0;
    width: 100%;
}
.format-tiles .section .label .mod-indent-outer {
    padding-left: 0;
}
.format-tiles.editing .section .mod-indent-outer {
    max-width: calc(100% - 100px);
}
.format-tiles.editing .tile-icon i {
    margin-right: 0;
}
.format-tiles.path-course-view #region-main {
    overflow-x: visible;
}

@media screen and (max-width: 680px) {
    .format-tiles li.activity.subtile {
        /* stylelint-disable-next-line declaration-no-important */
        flex-basis: 160px !important;
        min-height: 210px;
        position: relative;
        /* stylelint-disable-next-line declaration-no-important */
        margin: 0 5px 3px 0 !important;
        /* stylelint-disable-next-line declaration-no-important */
        max-width: 44% !important;
    }
    .format-tiles .clickable-region {
        /* stylelint-disable-next-line declaration-no-important */
        width: 100% !important;
    }
    .format-tiles li.subtile.spacer {
        /* stylelint-disable-next-line declaration-no-important */
        flex-basis: 160px !important;
        /* stylelint-disable-next-line declaration-no-important */
        min-width: 160px !important;
        display: none;
    }
    .format-tiles .section .activity.subtile .activityinstance {
        display: block;
    }
}
/* get rid of wide margins when viewing course on narrow (mobile) device and
allow tiles to be taller and thinner so can fit two side by side in portrait on iphone 6/7 */
@media screen and (max-width: 600px) {
    .format-tiles ul.tiles,
    .format-tiles #section-0 ul.section,
    .format-tiles .course-content .card-block {
        /* stylelint-disable-next-line declaration-no-important */
        padding-left: 0 !important;
    }
    .format-tiles .card .card-body {
        /* Moove theme.*/
        padding: 0;
    }
    .format-tiles .course-content ul.section {
        padding: 1em;
    }
    .format-tiles .course-content ul.section.subtiles {
        /* stylelint-disable-next-line declaration-no-important */
        margin: auto !important;
    }
    .format-tiles .course-content ul.section {
        /* stylelint-disable-next-line declaration-no-important */
        margin: 1px !important;
        /* stylelint-disable-next-line declaration-no-important */
        padding: 1px !important;
    }
    .format-tiles.path-course-view #region-main {
        padding: 0;
    }
    .format-tiles.path-course-view .card-block {
        padding-left: 0.3em;
        padding-right: 0.3em;
    }
    .format-tiles .course-content .section {
        /* stylelint-disable-next-line declaration-no-important */
        margin-left: 0 !important;
        background-color: #fff;
    }
    .format-tiles ul.tiles li.section .format_tiles_section_content {
        /* stylelint-disable-next-line declaration-no-important */
        margin: 0 !important;
    }
    .format-tiles .subtiles .course-content ul.section {
        padding: 0.5em 0.5em 0.5em 1em;
    }
    .format-tiles .pagesechead {
        margin: 0 0 0 5px;
    }
    .format-tiles .sectiontitlecontainer {
        /* stylelint-disable-next-line declaration-no-important */
        margin: 0 !important;
    }
    .format-tiles .sectiontitle {
        width: 100%;
        margin-left: 5px;
        max-width: 98%;
    }
    .format-tiles .sectiontitle h2 {
        font-size: 1em;
    }
    .format-tiles #page.container-fluid,
    .path-course-view li.activity > div {
        /* stylelint-disable-next-line declaration-no-important */
        padding: 0 !important;
    }
    .format-tiles ul.tiles#multi_section_tiles {
        justify-content: center;
    }
    .format-tiles .course-content ul.tiles .tile {
        /* stylelint-disable-next-line declaration-no-important */
        flex-basis: 160px !important;
        position: relative;
        /* stylelint-disable-next-line declaration-no-important */
        max-width: 45% !important;
        margin: 5px;
    }
    .format-tiles .course-content ul.tiles .tile:not(.spacer) {
        min-height: 210px;
        /* stylelint-disable-next-line declaration-no-important */
        padding: 7px 2px 5px 7px !important;
    }
    .format-tiles .clickable-region {
        /* stylelint-disable-next-line declaration-no-important */
        width: 150px !important;
    }
    .format-tiles ul.tiles .tile .tile-text {
        height: 130px;
    }
    .format-tiles .collapsiblesec0.expanded .buttonhidesec0 {
        /* stylelint-disable-next-line declaration-no-important */
        background-color: rgba(255, 255, 255, 1) !important;
    }
    .format-tiles .progress-indic.percent {
        font-size: 0.7em;
    }
    .format-tiles .overall-prog-radial {
        display: none;
    }
    .format-tiles ul.tiles#multi_section_tiles li.section {
        margin: 0;
        padding: 5px;
    }
    .format-tiles ul.tiles#multi_section_tiles li.section.moveablesection {
        padding: 30px 0 30px 0;
    }
    .format-tiles li.activity.subtile .activityname {
        font-size: 1em;
        word-break: break-word;
        margin-top: 0;
    }
    .format-tiles .progress-indic {
        font-size: 0.8em;
    }
    .format-tiles ul.tiles .tile h3 {
        font-size: 1.1em;
        word-break: break-word;
    }
}

@media screen and (max-width: 330px) {
    .format-tiles li.activity.subtile .activityname {
        font-size: 0.9em;
    }
}
.format-tiles textarea#id_headertextabovetiles.form-control {
    width: 100%;
}

.format-tiles ul.tiles .tile_bar .iconeditcog {
    margin: 0;
    vertical-align: top;
    font-size: 12px;
    width: 12px;
    height: 12px;
    display: inline-block;
}

.format-tiles ul.tiles .tile_bar .iconeditcog img:hover {
    opacity: 1;
}

.format-tiles .cursorpointer {
    cursor: pointer;
}
#page-course-editsection .format-tiles .icon_picker_modal button.close {
    color: #333;
    opacity: 0.9;
}

.format-tiles .iconpickericons .pickericondiv,
.format-site .iconpickericons .pickericondiv {
    padding: 10px;
    cursor: pointer;
    display: inline-block;
}

#page-course-editsection .format-tiles .icon_picker_modal .modal-header,
#page-course-edit .format-tiles .icon_picker_modal .modal-header {
    color: #333;
}

.format-tiles .iconpickericons .pickericondiv:hover,
.format-site .iconpickericons .pickericondiv:hover {
    background-color: rgb(243, 243, 243);
}

.format-tiles .icon_picker_modal .modal-dialog {
    max-width: 90%;
}
.format-tiles .modal-dialog {
    margin: 5px auto;
}
.format-tiles .pickericon .icon,
#page-course-edit.format-site .pickericon .icon {
    width: 55px;
    height: 55px;
    font-size: 55px;
    vertical-align: top;
    margin: 3px;
}
.format-tiles .embed_cm_modal .modal {
    margin: 10px auto;
}
.format-tiles .embed_cm_modal iframe {
    border: 0;
}
.format-tiles .embed_cm_modal a {
    color: #979797;
}
.format-tiles .embed_cm_modal .modal-body {
    max-height: 95%;
    overflow-y: auto;
    min-height: 200px;
    padding: 0;
}

.format-tiles .embed_cm_modal.mod_page .modal-body {
    padding: 2em;
}
.format-tiles .modal-container.embed_cm_modal .modal-header {
    padding: 5px 10px 5px 10px;
    opacity: 0.8;
    border-bottom: 0;
    text-shadow: none;
    background-image: none;
    color: #fff;
    min-height: 23px;
}
.format-tiles .embed_cm_modal button[data-action="toggle-manual-completion"] {
    color: #fff;
    border-color: #fff;
    padding: 2px 5px 0 5px;
}
.format-tiles .modal-container .modal .modal-header.embed_cm_modal h3 {
    color: #fff;
}
/*Different themes have these classes slightly differently so repeat some of these*/
.format-tiles .embed_cm_modal .modal-header {
    padding: 5px 10px 5px 10px;
}
.format-tiles .modal-container.embed_cm_modal .modal .modal-header h3 {
    color: #fff;
}
.format-tiles .embed_cm_modal .modal-footer {
    display: none;
}
.format-tiles .embed_cm_modal a i {
    width: 20px;
    height: 20px;
    font-size: 0.9em;
}
.format-tiles .embed_cm_modal button {
    vertical-align: middle;
    margin: 0;
    padding: 0;
}
.format-tiles .embed_cm_modal .modal-header #modaltitle {
    font-size: 1.2em;
}
.format-tiles li.activity.subtile {
    display: flex;
    flex-basis: 225px;
    max-width: 240px;
    flex-grow: 1;
    height: 200px;
    vertical-align: top;
    padding: 0 5px 0 5px;
    margin: 5px;
    background-repeat: no-repeat;
    background-position: 50% 70%;
    -webkit-background-size: 38px auto;
    background-size: 48px auto;
    background-color: #f9f9f9;
    border: 1px solid #eceeef;
    border-top: #cfcfcf 0.3em solid;
    transition: background-size 0.5s ease-in-out;
    background-image: url(/theme/image.php/boost_union/format_tiles/1753274487/subtile/file-text-o);
    position: relative;
    /* We use important here as dragdrop is not removing its own inline opacity once dragdrop complete.*/
    /* See moodle-core-dragdrop this.originalstyle (not replaced correctly). */
    /* stylelint-disable-next-line declaration-no-important */
    opacity: 1 !important;
}
.format-tiles li.activity.subtile:hover {
    background-repeat: no-repeat;
    background-position: 50% 70%;
}
.format-tiles .course-content .section .activity:hover {
    background-color: #f9f9f9;
}
.format-tiles .subtile_inner,
.format-tiles .fullwidth {
    width: 100%;
}
.format-tiles .clickable-region {
    height: 110px;
    width: 230px;
    display: block;
}
.format-tiles #page-content li.activity.subtile.dimmed a.dropdown-toggle {
    color: #888;
}

.format-tiles li.activity.dimmed .inplaceeditable,
.format-tiles li.section .summary.dimmed,
.format-tiles li.activity.subtile.dimmed .activityinstance {
    opacity: 0.5;
}
/*For subtiles, use normal opacity to avoid deep edit menus going under the tile below*/
.format-tiles li.activity.subtile.dimmed {
    opacity: 1;
    /* stylelint-disable-next-line declaration-no-important */
    border-top-color: lightgray !important;
}
.format-tiles .dimmed .label_content {
    color: gray;
}
.format-tiles li.activity.subtile:hover {
    background-size: 60px auto;
    transition: background-size 0.5s ease-in-out;
}

.format-tiles li.activity.subtile.assign {
    border-top-color: orangered;
    background-image: url(/theme/image.php/boost_union/format_tiles/1753274487/subtile/assign);
}
.format-tiles li.activity.subtile.book {
    border-top-color: lime;
    background-image: url(/theme/image.php/boost_union/format_tiles/1753274487/subtile/book);
}
.format-tiles li.activity.subtile.choice {
    border-top-color: cyan;
    background-image: url(/theme/image.php/boost_union/format_tiles/1753274487/subtile/question-circle);
}
.format-tiles li.activity.subtile.data {
    border-top-color: #dfb28c;
    background-image: url(/theme/image.php/boost_union/format_tiles/1753274487/subtile/database);
}
.format-tiles li.activity.subtile.resource.doc {
    border-top-color: #2171d4;
    background-image: url(/theme/image.php/boost_union/format_tiles/1753274487/subtile/file-word-o);
}
.format-tiles li.activity.subtile.feedback {
    border-top-color: cyan;
    background-image: url(/theme/image.php/boost_union/format_tiles/1753274487/subtile/feedback);
}
.format-tiles li.activity.subtile.folder {
    border-top-color: gold;
    background-image: url(/theme/image.php/boost_union/format_tiles/1753274487/subtile/folder-o);
}
.format-tiles li.activity.subtile.forum,
.format-tiles li.activity.subtile.chat {
    border-top-color: #60e2b6;
    background-image: url(/theme/image.php/boost_union/format_tiles/1753274487/subtile/comments-o);
}
.format-tiles li.activity.subtile.glossary {
    border-top-color: mediumpurple;
    background-image: url(/theme/image.php/boost_union/format_tiles/1753274487/subtile/glossary);
}
.format-tiles li.activity.subtile.lesson {
    border-top-color: orange;
    background-image: url(/theme/image.php/boost_union/format_tiles/1753274487/subtile/lesson);
}
.format-tiles li.activity.subtile.lti {
    border-top-color: orange;
    background-image: url(/theme/image.php/boost_union/format_tiles/1753274487/subtile/lti);
}
.format-tiles li.activity.subtile.modsecurestreaming,
.format-tiles li.activity.subtile.resource.mp4,
.format-tiles li.activity.subtile.url.video {
    border-top-color: #6bc34a;
    background-image: url(/theme/image.php/boost_union/format_tiles/1753274487/subtile/film);
}
.format-tiles li.activity.subtile.resource.mp3 {
    border-top-color: mediumpurple;
    background-image: url(/theme/image.php/boost_union/format_tiles/1753274487/subtile/volume-up);
}
.format-tiles li.activity.subtile.page {
    border-top-color: #2171d4;
    background-image: url(/theme/image.php/boost_union/format_tiles/1753274487/subtile/file-text-o);
}
.format-tiles li.activity.subtile.resource.pdf {
    border-top-color: #e54e2b;
    background-image: url(/theme/image.php/boost_union/format_tiles/1753274487/subtile/file-pdf-o);
}
.format-tiles li.activity.subtile.ppt {
    border-top-color: #e54e2b;
    background-image: url(/theme/image.php/boost_union/format_tiles/1753274487/subtile/file-powerpoint-o);
}
.format-tiles li.activity.subtile.quiz {
    border-top-color: orange;
    background-image: url(/theme/image.php/boost_union/format_tiles/1753274487/subtile/star-o);
}
.format-tiles li.activity.subtile.resource {
    border-top-color: #2171d4;
    background-image: url(/theme/image.php/boost_union/format_tiles/1753274487/subtile/file-text-o);
}
.format-tiles li.activity.subtile.scorm {
    border-top-color: orange;
    background-image: url(/theme/image.php/boost_union/format_tiles/1753274487/subtile/scorm);
}
.format-tiles li.activity.subtile.survey {
    border-top-color: #60e2b6;
    background-image: url(/theme/image.php/boost_union/format_tiles/1753274487/subtile/survey);
}
.format-tiles li.activity.subtile.turnitintooltwo {
    border-top-color: #e54e2b;
    background-image: url(/theme/image.php/boost_union/format_tiles/1753274487/subtile/turnitin);
}
.format-tiles li.activity.subtile.url {
    border-top-color: #0cc;
    background-image: url(/theme/image.php/boost_union/format_tiles/1753274487/subtile/globe);
}
.format-tiles li.activity.subtile.wiki {
    background-image: url(/theme/image.php/boost_union/format_tiles/1753274487/subtile/wiki);
}
.format-tiles li.activity.subtile.workshop {
    border-top-color: #86aef0;
    background-image: url(/theme/image.php/boost_union/format_tiles/1753274487/subtile/workshop);
}
.format-tiles li.activity.subtile.resource.xls {
    border-top-color: #6bc34a;
    background-image: url(/theme/image.php/boost_union/format_tiles/1753274487/subtile/file-excel);
}
.format-tiles li.activity.subtile.resource.zip {
    background-image: url(/theme/image.php/boost_union/format_tiles/1753274487/subtile/file-zip-o);
}
.format-tiles .subtiles {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: calc(100% - 2em);
}
.format-tiles .subtiles li.activity.label {
    padding: 10px;
    width: 100%;
}
.format-tiles.editing .subtiles li.activity.label {
    border: 1px solid rgb(231, 231, 231);
    position: relative;
}

.format-tiles li.activity.subtile .activityname {
    font-weight: normal;
    box-decoration-break: clone;
}
.format-tiles li.activity.subtile .editable-title {
    background-color: #f9f9f9cc;
}
.format-tiles li.activity.subtile .activityname h4 {
    font-size: 1.3em;
    font-weight: 400;
    padding-left: 10px;
}
.format-tiles li.activity:focus {
    outline: 1px dotted;
}
.format-tiles li.activity.label:focus {
    outline: none;
}
.format-tiles li.activity.subtile .activitytype {
    padding: 0 5px 10px 5px;
    display: block;
    text-transform: uppercase;
    color: gray;
    font-size: 0.9em;
}
.format-tiles li.activity.subtile h4.activityname a {
    color: white;
    background-image: none;
    padding-bottom: 0;
}
.format-tiles li.activity.subtile a:not(.dropdown-item),
.format-tiles #page-content li.activity.subtile a:not(.dropdown-item) {
    color: #565656;
}

.format-tiles .subtiles .instancename {
    height: 98%;
    width: 100%;
    /*this is clickable so take up whole tile*/
}
.format-tiles .subtiles .hasphoto.instancename {
    padding-top: 2px;
}

.format-tiles li.activity.subtile a:hover,
.format-tiles #page-content li.activity.subtile a:hover {
    color: #000;
    text-decoration: none;
}
.format-tiles.editing .subtiles .completioncheckbox {
    position: absolute;
    right: 1px;
    top: 8px;
}
.format-tiles .completion-spacer {
    height: 22px;
}
.format-tiles .tile .completion-spacer {
    width: 26px;
}
.format-tiles .subtile .completion-spacer {
    width: 33px;
}
.format-tiles .nosubtiles .completioncheckbox .btn:hover,
.format-tiles .nosubtiles .completioncheckbox .btn:active {
    /* Adaptable */
    /* stylelint-disable-next-line declaration-no-important */
    background-color: inherit !important;
}
.format-tiles u.subtiles li.activity button[data-action="toggle-manual-completion"]:hover {
    border: 3px solid orange;
    border-radius: 50%;
    transition: border 300ms ease-in-out;
}
.format-tiles .completioncheckbox {
    border: 3px solid #ababab;
    border-radius: 50%;
    transition: border 300ms ease-in-out;
    height: 30px;
    width: 30px;
    position: relative;
    text-align: center;
}
.format-tiles li.tile:not(.is-complete) .tileallcomplete,
.format-tiles .tile:not(.is-complete) .completion-spacer {
    display: none;
}
.format-tiles li.tile:not(.phototile) .tileallcomplete {
    margin-top: 5px;
}
.format-tiles li.tile.is-complete .progress-indic {
    display: none;
}
.format-tiles li.tile .completioncheckbox {
    padding-left: 0;
    margin-right: 5px;
    margin-top: 5px;
    width: 30px;
    min-width: 30px;
    position: absolute;
    top: 0;
    right: 0;
}
.format-tiles .completioncheckbox img {
    padding-bottom: 5px;
    margin-right: 0;
}
.format-tiles li.tile .completioncheckbox img {
    margin-top: 4px;
}
.format-tiles button.completioncheckbox:not(.complete),
.format-tiles .completioncheckbox:not(.complete) {
    background-color: transparent;
}
.format-tiles .subtile .completioncheckbox {
    float: right;
    margin-top: 3px;
    margin-right: 5px;
}
.format-tiles.editing .subtile .completioncheckbox {
    margin-right: 1px;
}
.format-tiles .modal-header .completioncheckbox i {
    font-size: 1.1em;
    margin-right: 0;
}
.format-tiles .completioncheckbox:focus {
    outline: none;
}
.format-tiles .embed-module-buttons button.completioncheckbox {
    height: 25px;
    width: 25px;
    padding-left: 0;
    margin-top: 2px;
    border: 2px solid #fffa;
}
.format-tiles .completioncheckbox.completion-auto {
    opacity: 0.6;
    height: 30px;
    min-width: 30px;
    width: 30px;
}
/*Adaptable theme*/
.format-tiles .embed_cm_modal .modal-header .close {
    color: #fff;
}
.format-tiles .embed_cm_modal .embed_file_button,
.format-tiles .modal-container .modal .modal-header button.close {
    display: inline-block;
    width: 28px;
    height: 28px;
    font-size: 1.4em;
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    opacity: 0.9;
    text-align: center;
    box-shadow: none;
}
.format-tiles .modal-container .modal .modal-header button.close {
    font-size: 1.8em;
    background-repeat: no-repeat;
    background-image: url(/theme/image.php/boost_union/format_tiles/1753274487/close-white);
    background-size: 17px 17px;
}
.format-tiles .modal-container .modal .modal-header .embed-module-buttons .close {
    /*Clean theme.*/
    position: relative;
    top: unset;
    right: unset;
}
.format-tiles .embed-module-buttons {
    min-width: 125px;
    text-align: right;
    display: flex;
    justify-content: flex-end;
}
.format-tiles .embed-module-buttons button.close {
    width: 28px;
    height: 28px;
    float: none;
}
.format-tiles .embed-module-buttons a:focus,
.format-tiles .embed-module-buttons form:focus {
    outline: 1px dotted;
}
.format-tiles .embed-module-buttons .icon:hover,
.format-tiles .embed-module-buttons img.icon:hover {
    opacity: 0.7;
}
.format-tiles .embed-module-buttons .btn {
    box-shadow: none;
    margin-top: 2px;
}
.format-tiles .embed-module-buttons a .icon {
    color: #fff;
}
.format-tiles .embed_cm_modal .embed-module-buttons .completioncheckbox .icon {
    padding: 0;
}
.format-tiles .modal-header .completioncheckbox:not(.complete) .icon {
    width: 14px;
    height: 14px;
}
.format-tiles .embed_cm_modal .modal-title {
    max-width: calc(100% - 120px);
}
.format-tiles .sectionerror {
    margin-left: 30px;
}
.format-tiles .section.subtiles .activity .editing_move {
    position: relative;
}
.format-tiles .section.subtiles .activity .actions {
    position: absolute;
    top: 1px;
}
.format-tiles.editing .section.subtiles .activity .actions {
    left: 35px;
}
.format-tiles .section.subtiles .activity.label .actions {
    top: 0;
    right: 0;
    left: inherit;
    position: absolute;
}
.format-tiles .subtile .dropdown-menu .dropdown-item {
    padding-top: 3px;
    padding-bottom: 3px;
}
.format-tiles .section-cm-edit-actions .dropdown-menu {
    margin-top: 0;
    left: -30px;
    position: absolute;
}
.format-tiles.editing .section .activity.subtile .cm-inner {
    margin-top: 25px;
}
.format-tiles .section .activity.subtile .cm-inner {
    width: 100%;
}
.format-tiles.editing .section .activity.subtile .activityinstance {
    padding: 0;
    display: block;
    color: #565656;
    font-size: 19px;
    overflow: hidden;
    height: calc(100% - 20px);
    margin-top: 25px;
    margin-left: 0;
}
.format-tiles .section .activity.subtile .activityinstance {
    padding-right: 0;
}
.format-tiles .subtile .activityinstance > a:focus {
    background-color: inherit;
    box-shadow: none;
}
.format-tiles.editing .section .activity .activityinstance {
    margin-left: 30px;
}
.format-tiles.editing .section .activity.subtile .action-menu {
    background-color: #f9f9f9;
}
.format-tiles li.activity .subtile-activityinstance {
    position: absolute;
    top: 5px;
    height: 95%;
    overflow: hidden;
    width: 100%;
}
.format-tiles.editing li.activity .subtile-activityinstance {
    top: 0;
    left: 0;
}

.format-tiles li.subtile img.activityicon {
    display: none;
    /* when a teacher uses in place editing of mod name, the item is refreshed complete with icon which we do not want so hide it*/
}
.format-tiles #section-0 .activity .activityinstance .inplaceeditable img.activityicon {
    display: inherit;
}
.format-tiles li.subtile .availabilityinfo {
    margin: 0;
    position: absolute;
    bottom: 5px;
    left: 0;
}
.format-tiles li.subtile.hasactivityname .availabilityinfo {
    left: 0;
    bottom: 10px;
}
.format-tiles li.subtile.hasphoto.hasactivityname.altstyle .availabilityinfo {
    bottom: inherit;
    top: 25px;
    left: 0;
    right: inherit;
}
.format-tiles li.subtile.hasphoto:not(.hasactivityname).altstyle .availabilityinfo {
    top: 0;
}
.format-tiles li.tile .availabilityinfo {
    line-height: 15px;
}

.format-tiles .inplaceeditable input.form-control {
    width: 100%;
}
.format-tiles #single_section_tiles .inplaceeditable input.form-control {
    width: 100%;
}
.format-tiles .course-content ul.section {
    margin: 0;
    padding: 1.2em;
}
.format-tiles .course-content ul.section.moveablesection {
    padding: 0;
}
.format-tiles .course-content ul.section.nosubtiles,
.format-tiles .course-content ul.section.nosubtiles .activity {
    position: relative;
}
.format-tiles .course-content ul.section.nosubtiles li.activity {
    width: 100%;
}
.format-tiles .course-content ul.section.nosubtiles .actions {
    margin-top: 0.5em;
    min-width: 30px;
}
.format-tiles #selectedicon .icon,
#page-course-edit.format-site #selectedicon .icon {
    font-size: 1.9em;
    width: 25px;
    height: 25px;
    color: gray;
}
.format-tiles #selectedicon {
    margin-right: 10px;
}
.format-tiles .modal-header:focus,
.format-tiles .resourcecontent:focus,
.format-tiles .sectiontitle:focus,
.format-tiles :link:focus,
.format-tiles li.activity {
    outline: unset;
}

.format-tiles .resourceintro {
    margin: 60px;
}

.format-tiles .subtilecontrols {
    top: 0;
    left: 0;
    position: absolute;
}

.format-tiles .editingactivity {
    margin-left: 30px;
}

/*Lambda theme*/
.format-tiles .activity-information {
    float: none;
}
.format-tiles .margin-rt .section-cm-edit-actions {
    margin-right: 35px;
}

.format-tiles.editing .label_content {
    padding-left: 30px;
}

.format-tiles.editing ul.section {
    margin-left: 3em;
    padding-right: 3em;
}

.format-tiles .tooltip-inner {
    background-color: #fff;
    color: #181818;
    border: 2px solid #4a4a4a;
    opacity: 0.98;
}
.format-tiles.editing .section-summary-activities {
    width: 200px;
    text-align: right;
    max-height: 60px;
    margin-right: 3px;
}
.format-tiles .section-summary-activities .activity-count {
    display: block;
}
.format-tiles.editing .section-summary-activities .activity-count {
    display: inline;
}

.format-tiles .dimmed .completioncheckbox {
    opacity: 0.6;
}

.format-tiles fieldset#id_courseformathdr .colourpickercircle,
.format-site fieldset#id_courseformathdr .colourpickercircle {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    display: inline-block;
    margin: 0 5px 0 5px;
    border: 3px solid;
}

.format-tiles fieldset#id_courseformathdr .colourpickercircle:hover,
.format-site fieldset#id_courseformathdr .colourpickercircle:hover {
    border-color: orange;
}
.format-tiles fieldset#id_courseformathdr .colourpickercircle.selected,
.format-site fieldset#id_courseformathdr .colourpickercircle.selected {
    background-image: url(/theme/image.php/boost_union/format_tiles/1753274487/check-white);
    background-size: contain;
}
.format-tiles fieldset#id_courseformathdr #colourselectnotify,
.format-site fieldset#id_courseformathdr #colourselectnotify {
    color: #212529;
    background-color: #e9ecef;
    border-radius: 0.2rem;
    padding: 2px 8px;
    height: 26px;
    font-size: 0.9em;
    display: none;
    top: 0;
    position: relative;
}

.format-tiles li.dndupload-preview {
    width: 100%;
}
.format-tiles .loading-subtile {
    width: 200px;
    padding: 90px;
}

.format-tiles .course-content ul.tiles .tile.phototile {
    padding: 0;
    background-size: cover;
    background-position: center;
    background-repeat: repeat;
    height: 175px;
}
.format-tiles .course-content ul.tiles .tile.phototile  .photo-tile-text {
    top: 10px;
    bottom: inherit;
    width: calc(100% - 10px);
    text-align: left;
    position: absolute;
}

.format-tiles .course-content ul.tiles .tile.phototile .photo-tile-text h3,
.format-tiles .course-content .subtile.hasphoto .activityname h4 {
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    display: inline;
    line-height: 30px;
    padding: 4px 7px;
    color: #fff;
}
.format-tiles .course-content ul.tiles .tile.phototile .photo-tile-text h3 {
    font-size: 20px;
}
.format-tiles ul.tiles .tile.phototile .tile-text {
    margin-top: 35px;
}
.format-tiles li.tile.phototile .availabilityinfo {
    position: absolute;
    bottom: 10px;
    right: 0;
}

.section.main:not(.course-section) .activity.subtile .availabilityinfo,
.section.main:not(.course-section) .activity.subtile .contentafterlink {
    margin-left: 5px;
}
/*Alternate styles for previous phototile items ("altstyle")*/
.format-tiles .course-content ul.tiles .tile.phototile.altstyle .photo-tile-text,
.format-tiles li.activity.subtile.hasphoto.altstyle .photo-tile-text {
    bottom: 0;
    top: inherit;
    text-align: center;
    width: 100%;
}
.format-tiles li.activity.subtile.hasphoto.altstyle h4 {
    width: 100%;
    display: block;
    text-align: center;
    margin: 0;
}
.format-tiles li.activity.subtile.hasphoto.altstyle .activityname {
    max-width: 100%;
    position: absolute;
    bottom: 0;
    display: block;
    top: inherit;
    width: 100%;
}
.format-tiles li.activity.subtile .instancename.opaque-bg {
    background-color: rgba(249, 249, 249, 0.8);
    transition: background-color 200ms ease-in-out;
}
.format-tiles li.activity.subtile.hasphoto.altstyle .instancename {
    display: block;
    width: 100%;
    height: 100%;
}
.format-tiles li.activity.subtile.hasphoto.altstyle .activitytype {
    top: 0;
    bottom: inherit;
}
.format-tiles.editing li.activity.subtile.hasphoto.altstyle .activitytype {
    top: inherit;
    bottom: 10px;
}
.format-tiles .course-content ul.tiles .tile.phototile.altstyle .photo-tile-text h3 {
    font-size: 1.3em;
    margin-top: 0;
    margin-bottom: 0;
    padding: 5px;
    position: relative;
    display: block;
    line-height: 25px;
}
.format-tiles li.tile.phototile.altstyle .availabilityinfo {
    position: absolute;
    bottom: inherit;
    top: 20px;
}
.format-tiles .existingtilephoto {
    height: 160px;
    margin: 10px;
}
.format-tiles .tilebarphoto {
    width: 75px;
    height: 48px;
    background-size: contain;
    background-repeat: no-repeat;
    float: left;
}
.format-tiles .iconpickerheader {
    height: 40px;
}
.format-tiles .iconpickerheader #phototilebtn {
    color: #fff;
}
.format-tiles .iconpickerheader #phototilebtn:hover {
    color: darkslategrey;
}
.format-tiles .tile.phototile a {
    padding: 0;
}
.format-tiles .iconpickerphotos {
    margin: 30px;
    text-align: center;
}
.format-tiles .iconpickerphotos .photo {
    height: 100px;
    width: 150px;
    background-color: lightgrey;
    display: inline-block;
    margin: 0.5em;
}

.format-tiles .iconpickerphotos .photo:hover {
    opacity: 0.7;
}

.format-tiles #page-loading-icon img {
    padding: 100px;
    height: 50px;
    width: 50px;
    opacity: 0.8;
}
.format-tiles a#page-loading-icon {
    color: #0c0c0c;
    text-decoration: none;
}

#page-admin-setting-formatsettingtiles #docsbuttons {
    float: right;
    transform: translateY(-50px);
    height: 0;
}
.format-tiles .course-content li.section .summary ul {
    list-style: disc;
}
.format-tiles .tiles-editor-image {
    margin-right: 5px;
}
.format-tiles .tiles-editor-image i.icon {
    font-size: 36px;
    width: 36px;
    height: 36px;
}

@media (min-width: 768px) {
    body.format-tiles.limitedwidth:not(.path-mod) #page.drawers .main-inner,
    .format-tiles .header-maxwidth {
        max-width: unset;
    }
}

.format-tiles .secondary-navigation {
    max-width: unset;
}
.format-tiles .section .activity.subtile .activityinstance {
    display: block;
}

.format-tiles.format-tiles-tile-open .tile:not(.selected) {
    opacity: 0.5;
}
.format-tiles.format-tiles-tile-open .tile:not(.selected):hover {
    opacity: 1;
}

.format-tiles li.section:not(#section-0) .course-section-header {
    margin-right: 5px;
    background-color: #3584c917;
    border-top: 3px solid rgba(53, 132, 201, 0.37);
    width: 100%;
    padding: 10px;
}
.format-tiles li.section:not(#section-0) .course-section-header img.icon {
    width: 32px;
    height: 32px;
}

.format-tiles .tiles-editor-image {
    width: 77px;
    height: 45px;
}

.format-tiles .tiles-editor-image i {
    margin-top: 5px;
}
.format-tiles .course-section-header .section-status i {
    height: 30px;
    width: 30px;
    font-size: 30px;
}

.format-tiles .course-section-header .restriction-lock i {
    font-size: 32px;
    height: 32px;
    width: 32px;
}

.format-tiles li.tile .availabilityinfo {
    position: absolute;
    bottom: 10px;
    right: 0;
}
.format-tiles li.tile.phototile .availabilityinfo {
    right: 5px;
}

.format-tiles .course-content ul.tiles .tile.tile-hidden,
.format-tiles .course-content ul.tiles .tile.tile-restricted {
    border-top-color: gray;
}
.format-tiles .course-content ul.tiles .tile.tile-hidden.phototile .photo-tile-text h3,
.format-tiles .course-content ul.tiles .tile.tile-restricted.phototile .photo-tile-text h3,
.format-tiles .tile.tile-hidden .badge-info,
.format-tiles .tile.tile-restricted .badge-info {
    background-color: #565656;
}
.format-tiles .tile.tile-hidden.phototile a,
.format-tiles .tile.tile-restricted.phototile a {
    background-color: rgba(255, 255, 255, 0.7);
}
.format-tiles .tile.tile-restricted.phototile,
.format-tiles .tile.tile-hidden.phototile {
    filter: grayscale(1);
}
.format-tiles .tile,
.format-tiles .moveablesection {
    z-index: 2;
}
.format-tiles .tile:not(.phototile) {
    background-color: #fff;
}
.format-tiles .tile-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.format-tiles .moveablesection .availabilityinfo {
    margin: 15px;
}
.format-tiles .moveablesection .availabilityinfo i {
    font-size: 1.2em;
}

/**
 * Collapsed Topics Information
 *
 * A topic based format that solves the issue of the 'Scroll of Death' when a course has many topics. All topics
 * except zero have a toggle that displays that topic. One or more topics can be displayed at any given time.
 * Toggles are persistent on a per browser session per course basis but can be made to persist longer by a small
 * code change. Full installation instructions, code adaptions and credits are included in the 'Readme.txt' file.
 *
 * @package    format_topcoll
 * @version    See the value of '$plugin->version' in version.php.
 * @copyright  &copy; 2009-onwards G J Barnard in respect to modifications of standard topics format.
 * @author     G J Barnard - gjbarnard at gmail dot com and {@link http://moodle.org/user/profile.php?id=442195}
 * @link       http://docs.moodle.org/en/Collapsed_Topics_course_format
 * @license    http://www.gnu.org/copyleft/gpl.html GNU Public License
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.

 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.

 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <http://www.gnu.org/licenses/>.
*/

.course-content ul.ctopics {
    margin: 0;
    padding-left: 0;
    padding-right: 0;
}

.course-content ul.ctlayout {
    display: inline-block;
    vertical-align: top;
}

.course-content ul.ctopics li.section.main .left,
.course-content ul.ctopics li.section.main .right {
    /* Fix for Bootstrap V3 based themes in less/moodle/course.less . */
    display: block;
}

.format-topcoll #region-main {
    overflow-x: inherit;
}

.course-content ul.ctopics li.section.main,
.course-content ul.ctopics li.tcsection {
    border-bottom: 0;
    list-style: none;
    margin: 0;
    padding: 0;
}
.course-content ul.ctopics li.section.main,
.course-content ul.ctopics li.tcsection,
.format-topcoll .course-content .single-section .section-navigation {
    position: relative;
}

.format-topcoll.path-course-view .completionprogress {
    z-index: 1;
}

/* Fix for ordered and unordered list in course topic summary & course weekly summary - from theme/base/style/core.css
 * See: https://moodle.org/mod/forum/discuss.php?d=251944.
 */
.course-content ul.ctopics .content .summary ul,
.course-content ul.ctopics .content .summarytext ul {
    list-style: disc outside none;
}
.course-content ul.ctopics .content .summary ol,
.course-content ul.ctopics .content .summarytext ol {
    list-style: decimal outside none;
}

.course-content ul.ctopics li.section.main > .content,
.course-content ul.ctopics li.tcsection .content {
    /* Default for non tablets / mobiles.  If the language file has 'topcollsidewidth' for the current language, then will be set in format.php. */
    margin: 0 40px;
    padding: 0;
}

.course-content ul.ctopics.ctportable li.section.main .content,
.course-content ul.ctopics.ctportable li.tcsection .content {
    margin: 0 0; /* Override default for tablets / mobiles.  When have sides, set in format.php. */
}

.course-content ul.ctopics li .content .sectionhead h3 {
    margin: 0;
}

.course-content ul.ctopics li.current .content .toggledsection {
    padding: 0 0 5px 0;
}

.course-content ul.ctopics li.section.hidden .content > div {
    margin-left: 0;
    margin-right: 0;
}

/* Toggle icon size */
#toggle-all .content .sectionbody .toggle-all.tc-small,
.course-content ul.ctopics li.section .content .toggle span.tc-small {
    background-size: 16px 16px;
}

#toggle-all .content .sectionbody .toggle-all.tc-medium,
.course-content ul.ctopics li.section .content .toggle span.tc-medium {
    background-size: 24px 24px;
}
#toggle-all .content .sectionbody .toggle-all.tc-large,
.course-content ul.ctopics li.section .content .toggle span.tc-large {
    background-size: 32px 32px;
}

/* -- Set the clickable element of the Toggle -- */
.course-content ul.ctopics li.section .content .toggle span.the_toggle {
    display: block;
    padding-bottom: 6px;
    padding-top: 6px;
    width: auto;
}

.course-content ul.ctopics li.section .content .toggle span.the_toggle.tc-small {
    padding-left: 16px; /* The 16px allows the arrow to be with the text next to it. */
    padding-right: 16px;
}

.course-content ul.ctopics li.section .content .toggle span.the_toggle.tc-medium {
    padding-left: 24px; /* The 24px allows the arrow to be with the text next to it. */
    padding-right: 24px;
}

.course-content ul.ctopics li.section .content .toggle span.the_toggle.tc-large {
    padding-left: 32px; /* The 32px allows the arrow to be with the text next to it. */
    padding-right: 32px;
}

/* CONTRIB-4106 */
.course-content ul.ctopics li.section .content .toggle span.the_toggle h3,
.course-content ul.ctopics li.section .content.sectionhidden h3 {
    margin: 0;
    word-wrap: break-word;
}

.course-content ul.ctopics li.section .content .toggle span.the_toggle h3.sectionname,
.course-content ul.ctopics li.section .content .toggle span.the_toggle h3.sectionname a,
.course-content ul.ctopics li.section .content .toggle span.the_toggle h3.sectionname a:hover,
.course-content ul.ctopics li.section .content .toggle span.the_toggle h3.sectionname a:focus,
.course-content ul.ctopics li.section .content.sectionhidden h3.sectionname,
.course-content ul.ctopics li.section .content.sectionhidden h3.sectionname a,
.course-content ul.ctopics li.section .content.sectionhidden h3.sectionname a:hover,
.course-content ul.ctopics li.section .content.sectionhidden h3.sectionname a:focus {
    color: inherit;
}

.course-content ul.ctopics li.section .content .toggle span.the_toggle h3.sectionname,
.course-content ul.ctopics li.section .content.sectionhidden h3.sectionname {
    margin: 4px;
}

.course-content ul.ctopics .course-section .sectionbadges .badge {
    margin: 3px 0 0;
    vertical-align: top;
}

/* Icon set common. */
.course-content ul.ctopics li.section .content .toggle span.the_toggle,
#toggle-all .content .toggle-all {
    background-color: transparent;
    background-repeat: no-repeat;
    margin: 0 4px;
}

/* Icon sets.  Note: Background images for the settings - does not work in Chrome or Safari - known issue. */
/* Arrow icon set. */
.course-content ul.ctopics li.section .content .toggle-arrow span.toggle_closed,
.course-content ul.ctopics li.section .content .toggle-arrow span.toggle_open, /* JavaScript disabled */
body.jsenabled .course-content ul.ctopics li.section .content .toggle-arrow span.toggle_open, /* JavaScript enabled */
#toggle-all .content .toggle-arrow .toggle-all.off {
    background-image: url(/theme/image.php/boost_union/format_topcoll/1753274487/arrow_down);
}

body.jsenabled .course-content ul.ctopics li.section .content .toggle-arrow span.toggle_closed, /* JavaScript enabled */
#toggle-all .content .toggle-arrow .toggle-all.on,
body#page-admin-setting-formatsettingtopcoll select#id_s_format_topcoll_defaulttoggleiconset option[value="arrow"],
body#page-course-edit select#id_toggleiconset option[value="arrow"] {
    background-image: url(/theme/image.php/boost_union/format_topcoll/1753274487/arrow_right);
}

#toggle-all .content .toggle-arrow-hover .toggle-all.off:hover {
    background-image: url(/theme/image.php/boost_union/format_topcoll/1753274487/arrow_right_glow);
}

#toggle-all .content .toggle-arrow-hover .toggle-all.on:hover {
    background-image: url(/theme/image.php/boost_union/format_topcoll/1753274487/arrow_down_glow);
}

/* Bulb icon set. */
.course-content ul.ctopics li.section .content .toggle-bulb span.toggle_closed,
.course-content ul.ctopics li.section .content .toggle-bulb span.toggle_open, /* JavaScript disabled */
body.jsenabled .course-content ul.ctopics li.section .content .toggle-bulb span.toggle_open, /* JavaScript enabled */
#toggle-all .content .toggle-bulb .toggle-all.off {
    background-image: url(/theme/image.php/boost_union/format_topcoll/1753274487/bulb_on);
}

body.jsenabled .course-content ul.ctopics li.section .content .toggle-bulb span.toggle_closed, /* JavaScript enabled */
#toggle-all .content .toggle-bulb .toggle-all.on,
body#page-admin-setting-formatsettingtopcoll select#id_s_format_topcoll_defaulttoggleiconset option[value="bulb"],
body#page-course-edit select#id_toggleiconset option[value="bulb"] {
    background-image: url(/theme/image.php/boost_union/format_topcoll/1753274487/bulb_off);
}

#toggle-all .content .toggle-bulb-hover .toggle-all.off:hover {
    background-image: url(/theme/image.php/boost_union/format_topcoll/1753274487/bulb_off_glow);
}

#toggle-all .content .toggle-bulb-hover .toggle-all.on:hover {
    background-image: url(/theme/image.php/boost_union/format_topcoll/1753274487/bulb_on_glow);
}

/* Cloud icon set. */
.course-content ul.ctopics li.section .content .toggle-cloud span.toggle_closed,
.course-content ul.ctopics li.section .content .toggle-cloud span.toggle_open, /* JavaScript disabled */
body.jsenabled .course-content ul.ctopics li.section .content .toggle-cloud span.toggle_open, /* JavaScript enabled */
#toggle-all .content .toggle-cloud .toggle-all.off {
    background-image: url(/theme/image.php/boost_union/format_topcoll/1753274487/cloud_on);
}

body.jsenabled .course-content ul.ctopics li.section .content .toggle-cloud span.toggle_closed, /* JavaScript enabled */
#toggle-all .content .toggle-cloud .toggle-all.on,
body#page-admin-setting-formatsettingtopcoll select#id_s_format_topcoll_defaulttoggleiconset option[value="cloud"],
body#page-course-edit select#id_toggleiconset option[value="cloud"] {
    background-image: url(/theme/image.php/boost_union/format_topcoll/1753274487/cloud_off);
}

#toggle-all .content .toggle-cloud-hover .toggle-all.off:hover {
    background-image: url(/theme/image.php/boost_union/format_topcoll/1753274487/cloud_off_glow);
}

#toggle-all .content .toggle-cloud-hover .toggle-all.on:hover {
    background-image: url(/theme/image.php/boost_union/format_topcoll/1753274487/cloud_on_glow);
}

/* Eye icon set. */
.course-content ul.ctopics li.section .content .toggle-eye span.toggle_closed,
.course-content ul.ctopics li.section .content .toggle-eye span.toggle_open, /* JavaScript disabled */
body.jsenabled .course-content ul.ctopics li.section .content .toggle-eye span.toggle_open, /* JavaScript enabled */
#toggle-all .content .toggle-eye .toggle-all.off {
    background-image: url(/theme/image.php/boost_union/format_topcoll/1753274487/eye_show);
}

body.jsenabled .course-content ul.ctopics li.section .content .toggle-eye span.toggle_closed, /* JavaScript enabled */
#toggle-all .content .toggle-eye .toggle-all.on,
body#page-admin-setting-formatsettingtopcoll select#id_s_format_topcoll_defaulttoggleiconset option[value="eye"],
body#page-course-edit select#id_toggleiconset option[value="eye"] {
    background-image: url(/theme/image.php/boost_union/format_topcoll/1753274487/eye_hide);
}

#toggle-all .content .toggle-eye-hover .toggle-all.off:hover {
    background-image: url(/theme/image.php/boost_union/format_topcoll/1753274487/eye_hide_glow);
}

#toggle-all .content .toggle-eye-hover .toggle-all.on:hover {
    background-image: url(/theme/image.php/boost_union/format_topcoll/1753274487/eye_show_glow);
}

/* Folder icon set. */
.course-content ul.ctopics li.section .content .toggle-folder span.toggle_closed,
.course-content ul.ctopics li.section .content .toggle-folder span.toggle_open, /* JavaScript disabled */
body.jsenabled .course-content ul.ctopics li.section .content .toggle-folder span.toggle_open, /* JavaScript enabled */
#toggle-all .content .toggle-folder .toggle-all.off {
    background-image: url(/theme/image.php/boost_union/format_topcoll/1753274487/folder_open);
}

body.jsenabled .course-content ul.ctopics li.section .content .toggle-folder span.toggle_closed, /* JavaScript enabled */
#toggle-all .content .toggle-folder .toggle-all.on,
body#page-admin-setting-formatsettingtopcoll select#id_s_format_topcoll_defaulttoggleiconset option[value="folder"],
body#page-course-edit select#id_toggleiconset option[value="folder"] {
    background-image: url(/theme/image.php/boost_union/format_topcoll/1753274487/folder_closed);
}

#toggle-all .content .toggle-folder-hover .toggle-all.off:hover {
    background-image: url(/theme/image.php/boost_union/format_topcoll/1753274487/folder_closed_glow);
}

#toggle-all .content .toggle-folder-hover .toggle-all.on:hover {
    background-image: url(/theme/image.php/boost_union/format_topcoll/1753274487/folder_open_glow);
}

/* Ground signal set. */
.course-content ul.ctopics li.section .content .toggle-groundsignal span.toggle_closed,
.course-content ul.ctopics li.section .content .toggle-ground-signal span.toggle_open, /* JavaScript disabled */
body.jsenabled .course-content ul.ctopics li.section .content .toggle-groundsignal span.toggle_open, /* JavaScript enabled */
#toggle-all .content .toggle-groundsignal .toggle-all.off,
#toggle-all .content .toggle-groundsignal-hover .toggle-all.on:hover {
    background-image: url(/theme/image.php/boost_union/format_topcoll/1753274487/ground_signal_on);
}

body.jsenabled .course-content ul.ctopics li.section .content .toggle-groundsignal span.toggle_closed, /* JavaScript enabled */
#toggle-all .content .toggle-groundsignal-hover .toggle-all.off:hover,
#toggle-all .content .toggle-groundsignal .toggle-all.on,
body#page-admin-setting-formatsettingtopcoll select#id_s_format_topcoll_defaulttoggleiconset option[value="groundsignal"],
body#page-course-edit select#id_toggleiconset option[value="groundsignal"] {
    background-image: url(/theme/image.php/boost_union/format_topcoll/1753274487/ground_signal_off);
}

/* LED icon set. */
.course-content ul.ctopics li.section .content .toggle-led span.toggle_closed,
.course-content ul.ctopics li.section .content .toggle-led span.toggle_open, /* JavaScript disabled */
body.jsenabled .course-content ul.ctopics li.section .content .toggle-led span.toggle_open, /* JavaScript enabled */
#toggle-all .content .toggle-led .toggle-all.off {
    background-image: url(/theme/image.php/boost_union/format_topcoll/1753274487/led_on);
}

body.jsenabled .course-content ul.ctopics li.section .content .toggle-led span.toggle_closed, /* JavaScript enabled */
#toggle-all .content .toggle-led .toggle-all.on,
body#page-admin-setting-formatsettingtopcoll select#id_s_format_topcoll_defaulttoggleiconset option[value="led"],
body#page-course-edit select#id_toggleiconset option[value="led"] {
    background-image: url(/theme/image.php/boost_union/format_topcoll/1753274487/led_off);
}

#toggle-all .content .toggle-led-hover .toggle-all.off:hover {
    background-image: url(/theme/image.php/boost_union/format_topcoll/1753274487/led_off_glow);
}

#toggle-all .content .toggle-led-hover .toggle-all.on:hover {
    background-image: url(/theme/image.php/boost_union/format_topcoll/1753274487/led_on_glow);
}

/* Point icon set. */
.course-content ul.ctopics li.section .content .toggle-point span.toggle_closed,
.course-content ul.ctopics li.section .content .toggle-point span.toggle_open, /* JavaScript disabled */
body.jsenabled .course-content ul.ctopics li.section .content .toggle-point span.toggle_open, /* JavaScript enabled */
#toggle-all .content .toggle-point .toggle-all.off {
    background-image: url(/theme/image.php/boost_union/format_topcoll/1753274487/point_down);
}

body.jsenabled .course-content ul.ctopics li.section .content .toggle-point span.toggle_closed, /* JavaScript enabled */
#toggle-all .content .toggle-point .toggle-all.on,
body#page-admin-setting-formatsettingtopcoll select#id_s_format_topcoll_defaulttoggleiconset option[value="point"],
body#page-course-edit select#id_toggleiconset option[value="point"] {
    background-image: url(/theme/image.php/boost_union/format_topcoll/1753274487/point_right);
}

#toggle-all .content .toggle-point-hover .toggle-all.off:hover {
    background-image: url(/theme/image.php/boost_union/format_topcoll/1753274487/point_right_glow);
}

#toggle-all .content .toggle-point-hover .toggle-all.on:hover {
    background-image: url(/theme/image.php/boost_union/format_topcoll/1753274487/point_down_glow);
}

/* Power icon set. */
.course-content ul.ctopics li.section .content .toggle-power span.toggle_closed,
.course-content ul.ctopics li.section .content .toggle-power span.toggle_open, /* JavaScript disabled */
body.jsenabled .course-content ul.ctopics li.section .content .toggle-power span.toggle_open, /* JavaScript enabled */
#toggle-all .content .toggle-power .toggle-all.off {
    background-image: url(/theme/image.php/boost_union/format_topcoll/1753274487/toggle_plus);
}

body.jsenabled .course-content ul.ctopics li.section .content .toggle-power span.toggle_closed, /* JavaScript enabled */
#toggle-all .content .toggle-power .toggle-all.on,
body#page-admin-setting-formatsettingtopcoll select#id_s_format_topcoll_defaulttoggleiconset option[value="power"],
body#page-course-edit select#id_toggleiconset option[value="power"] {
    background-image: url(/theme/image.php/boost_union/format_topcoll/1753274487/toggle_minus);
}

#toggle-all .content .toggle-power-hover .toggle-all.off:hover {
    background-image: url(/theme/image.php/boost_union/format_topcoll/1753274487/toggle_minus_glow);
}

#toggle-all .content .toggle-power-hover .toggle-all.on:hover {
    background-image: url(/theme/image.php/boost_union/format_topcoll/1753274487/toggle_plus_glow);
}

/* Radio icon set. */
.course-content ul.ctopics li.section .content .toggle-radio span.toggle_closed,
.course-content ul.ctopics li.section .content .toggle-radio span.toggle_open, /* JavaScript disabled */
body.jsenabled .course-content ul.ctopics li.section .content .toggle-radio span.toggle_open, /* JavaScript enabled */
#toggle-all .content .toggle-radio .toggle-all.off {
    background-image: url(/theme/image.php/boost_union/format_topcoll/1753274487/radio_on);
}

body.jsenabled .course-content ul.ctopics li.section .content .toggle-radio span.toggle_closed, /* JavaScript enabled */
#toggle-all .content .toggle-radio .toggle-all.on,
body#page-admin-setting-formatsettingtopcoll select#id_s_format_topcoll_defaulttoggleiconset option[value="radio"],
body#page-course-edit select#id_toggleiconset option[value="radio"] {
    background-image: url(/theme/image.php/boost_union/format_topcoll/1753274487/radio_off);
}

#toggle-all .content .toggle-radio-hover .toggle-all.off:hover {
    background-image: url(/theme/image.php/boost_union/format_topcoll/1753274487/radio_off_glow);
}

#toggle-all .content .toggle-radio-hover .toggle-all.on:hover {
    background-image: url(/theme/image.php/boost_union/format_topcoll/1753274487/radio_on_glow);
}

/* Smiley icon set. */
.course-content ul.ctopics li.section .content .toggle-smiley span.toggle_closed,
.course-content ul.ctopics li.section .content .toggle-smiley span.toggle_open, /* JavaScript disabled */
body.jsenabled .course-content ul.ctopics li.section .content .toggle-smiley span.toggle_open, /* JavaScript enabled */
#toggle-all .content .toggle-smiley .toggle-all.off {
    background-image: url(/theme/image.php/boost_union/format_topcoll/1753274487/smiley_on);
}

body.jsenabled .course-content ul.ctopics li.section .content .toggle-smiley span.toggle_closed , /* JavaScript enabled */
#toggle-all .content .toggle-smiley .toggle-all.on,
body#page-admin-setting-formatsettingtopcoll select#id_s_format_topcoll_defaulttoggleiconset option[value="smiley"],
body#page-course-edit select#id_toggleiconset option[value="smiley"] {
    background-image: url(/theme/image.php/boost_union/format_topcoll/1753274487/smiley_off);
}

#toggle-all .content .toggle-smiley-hover .toggle-all.off:hover {
    background-image: url(/theme/image.php/boost_union/format_topcoll/1753274487/smiley_off_glow);
}

#toggle-all .content .toggle-smiley-hover .toggle-all.on:hover {
    background-image: url(/theme/image.php/boost_union/format_topcoll/1753274487/smiley_on_glow);
}

/* Square icon set. */
.course-content ul.ctopics li.section .content .toggle-square span.toggle_closed,
.course-content ul.ctopics li.section .content .toggle-square span.toggle_open, /* JavaScript disabled */
body.jsenabled .course-content ul.ctopics li.section .content .toggle-square span.toggle_open, /* JavaScript enabled */
#toggle-all .content .toggle-square .toggle-all.off {
    background-image: url(/theme/image.php/boost_union/format_topcoll/1753274487/square_on);
}

body.jsenabled .course-content ul.ctopics li.section .content .toggle-square span.toggle_closed, /* JavaScript enabled */
#toggle-all .content .toggle-square .toggle-all.on,
body#page-admin-setting-formatsettingtopcoll select#id_s_format_topcoll_defaulttoggleiconset option[value="square"],
body#page-course-edit select#id_toggleiconset option[value="square"] {
    background-image: url(/theme/image.php/boost_union/format_topcoll/1753274487/square_off);
}

#toggle-all .content .toggle-square-hover .toggle-all.off:hover {
    background-image: url(/theme/image.php/boost_union/format_topcoll/1753274487/square_off_glow);
}

#toggle-all .content .toggle-square-hover .toggle-all.on:hover {
    background-image: url(/theme/image.php/boost_union/format_topcoll/1753274487/square_on_glow);
}

/* Sun / Moon icon set. */
.course-content ul.ctopics li.section .content .toggle-sunmoon span.toggle_closed,
.course-content ul.ctopics li.section .content .toggle-sunmoon span.toggle_open, /* JavaScript disabled */
body.jsenabled .course-content ul.ctopics li.section .content .toggle-sunmoon span.toggle_open, /* JavaScript enabled */
#toggle-all .content .toggle-sunmoon .toggle-all.off {
    background-image: url(/theme/image.php/boost_union/format_topcoll/1753274487/sunmoon_on);
}

body.jsenabled .course-content ul.ctopics li.section .content .toggle-sunmoon span.toggle_closed, /* JavaScript enabled */
#toggle-all .content .toggle-sunmoon .toggle-all.on,
body#page-admin-setting-formatsettingtopcoll select#id_s_format_topcoll_defaulttoggleiconset option[value="sunmoon"],
body#page-course-edit select#id_toggleiconset option[value="sunmoon"] {
    background-image: url(/theme/image.php/boost_union/format_topcoll/1753274487/sunmoon_off);
}

#toggle-all .content .toggle-sunmoon-hover .toggle-all.off:hover {
    background-image: url(/theme/image.php/boost_union/format_topcoll/1753274487/sunmoon_off_glow);
}

#toggle-all .content .toggle-sunmoon-hover .toggle-all.on:hover {
    background-image: url(/theme/image.php/boost_union/format_topcoll/1753274487/sunmoon_on_glow);
}

/* Switch icon set. */
.course-content ul.ctopics li.section .content .toggle-switch span.toggle_closed,
.course-content ul.ctopics li.section .content .toggle-switch span.toggle_open, /* JavaScript disabled */
body.jsenabled .course-content ul.ctopics li.section .content .toggle-switch span.toggle_open, /* JavaScript enabled */
#toggle-all .content .toggle-switch .toggle-all.off {
    background-image: url(/theme/image.php/boost_union/format_topcoll/1753274487/switch_on);
}

body.jsenabled .course-content ul.ctopics li.section .content .toggle-switch span.toggle_closed, /* JavaScript enabled */
#toggle-all .content .toggle-switch .toggle-all.on,
body#page-admin-setting-formatsettingtopcoll select#id_s_format_topcoll_defaulttoggleiconset option[value="switch"],
body#page-course-edit select#id_toggleiconset option[value="switch"] {
    background-image: url(/theme/image.php/boost_union/format_topcoll/1753274487/switch_off);
}

#toggle-all .content .toggle-switch-hover .toggle-all.off:hover {
    background-image: url(/theme/image.php/boost_union/format_topcoll/1753274487/switch_off_glow);
}

#toggle-all .content .toggle-switch-hover .toggle-all.on:hover {
    background-image: url(/theme/image.php/boost_union/format_topcoll/1753274487/switch_on_glow);
}

body#page-admin-setting-formatsettingtopcoll select#id_s_format_topcoll_defaulttoggleiconset option,
body#page-course-edit select#id_toggleiconset option {
    background-color: transparent;
    background-position: right center; /* Position the icon to the right of the selection text. */
    background-repeat: no-repeat;
    padding: 3px 20px 3px 3px; /* The 20px allows the image to be on the right and the text next to it. */
}

body#page-admin-setting-formatsettingtopcoll.lang-en_ar select#id_s_format_topcoll_defaulttoggleiconset option,
body#page-course-edit.lang-en_ar select#id_toggleiconset option {
    background-position: 220px 45%; /* Pirate strings are longer. */
}

/* Toggle icon font */
.toggle.tif,
.toggle-all-content.tif .toggle-all {
    position: relative;
}

.toggle.tif .tif-container,
.toggle-all-content.tif .toggle-all .tif-container {
    bottom: 0;
    display: flex;
    position: absolute;
    top: 0;
}

.toggle.tif .tif-container.tif-left,
.toggle-all-content.tif .toggle-all .tif-container.tif-left {
    left: 4px;
}

.toggle.tif .tif-container.tif-right,
.toggle-all-content.tif .toggle-all .tif-container.tif-right {
    right: 4px;
}

.toggle.tif .tif-container .tife,
.toggle-all-content.tif .toggle-all .tif-container .tife {
    margin: auto;
}

.the_toggle.toggle_closed .tif-container .tifo,
.the_toggle.toggle_open .tif-container .tifc,
.toggle-all-content.tif #toggles-all-closed:not(:hover) .tif-container .tifc,
.toggle-all-content.tif #toggles-all-closed:hover .tif-container .tifo,
.toggle-all-content.tif #toggles-all-opened:not(:hover) .tif-container .tifo,
.toggle-all-content.tif #toggles-all-opened:hover .tif-container .tifc {
    display: none;
}

.tc-small .tife {
    font-size: 0.8em;
}

.tc-medium .tife {
    font-size: 1.2em;
}

.tc-large .tife {
    font-size: 1.8em;
}

/* Display instructions */
.topcoll-display-instructions {
    margin: 0;
}

/* Layout */
.course-content ul.ctopics li.section.main .side, .course-content ul.ctopics li.tcsection .side,
.editing .course-content ul.ctopics li.section.main .side, .editing .course-content ul.ctopics li.tcsection .side {
    padding: 0;
    text-align: center;
    width: 40px; /* Default used in editing mode or when not defined in the language file. */
}

.course-content ul.ctopics li.section .left, .course-content ul.ctopics li.tcsection .left {
    float:left;
}

.course-content ul.ctopics li.section.main .left {
    padding: 10px 0 0 0;
}

.course-content ul.ctopics li.current.main .right {
    padding: 0 0 0 0; /* Cancel out effect of above when having to use 'left' side selector for getting the correct text colour on the right for the current section.  This is because the selector '.course-content .current .left' defines the colour in the theme and therefore any CT specific 'right' implementation would not work for all themes. */
}

.course-content ul.ctopics li.section .right,
.course-content ul.ctopics li.tcsection .right {
    clear: none;
    float: none;
    position: absolute;
    right: 0;
    top: 0;
}

.format-topcoll .course-content .single-section .section-navigation .mdl-left,
.format-topcoll .course-content .single-section .section-navigation .mdl-right {
    float: none;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
}

.format-topcoll .course-content .single-section .section-navigation .mdl-left {
    left: 0;
}

.format-topcoll .course-content .single-section .section-navigation .mdl-right {
    right: 0;
}

.course-content ul.ctopics li.section .right {
    line-height: 1.3;
    margin-top: 1rem;
}

.course-content ul.ctopics li.section .right a {
    display: block;  /* So that section_right_content() does not implode with 'br's and get too many when the up arrow is removed by JS. */
}

.course-content ul.ctopics li.section .right a img.hide{
    display: inline;  /* CONTRIB-5817 - Align the eye icon. */
}

.course-content ul.ctopics li.section .left .section-handle img.icon {
    padding: 0;
    vertical-align: baseline;
}

/* Assist the layout. */
body.format-topcoll.dir-rtl .course-content ul.ctopics li.section .left {
    float: right;
}

body.format-topcoll.dir-rtl .course-content ul.ctopics li.section .right {
    float: left;
}

body.format-topcoll .ctopics .mod-indent-outer {
    width: 100% !important; /* Same as w-100 on MDL-68330. */
}

body.format-topcoll .ctopics .section .activity .mod-indent-outer,
body.format-topcoll.editing.dir-rtl .ctopics .section .activity .mod-indent-outer {
    padding-left: 0;
}

body.format-topcoll.editing .ctopics .section .activity .mod-indent-outer {
    padding-left: 32px;
}

body.format-topcoll.dir-rtl .ctopics .section .activity .mod-indent-outer {
    padding-right: 0;
}

body.format-topcoll.editing.dir-rtl .ctopics .section .activity .mod-indent-outer {
    padding-right: 32px;
}

body.format-topcoll .ctopics .section  {
    margin: 1em 0;
}

body.format-topcoll .course-content ul.ctopics li.section .summary {
    margin-left: 0;
}

body.format-topcoll.dir-rtl .course-content ul.ctopics li.section .summary {
    margin-right: 0;
}

body.format-topcoll .course-content ul.ctopics li.section .summary.summaryalwaysshown {
    padding-top: 10px;
}

body.format-topcoll.editing #region-main ul.ctopics .moodle-actionmenu ul.menubar {
    display: none;
}

body.format-topcoll.editing.jsenabled #region-main ul.ctopics .moodle-actionmenu[data-enhance] ul.menubar {
    display: inline-block;
}

/* -- The section name in a Toggle and hidden section -- */
.course-content ul.ctopics li.section .content .toggle,
.course-content ul.ctopics li.section .content.sectionhidden {
    display: block;
    padding: 0;
    text-align: left;
}

/* -- The Toggle -- */
.course-content ul.ctopics li.section .content .toggle {
    cursor: pointer;
    width: 100%;
}

/* -- The padding of a hidden section -- */
.course-content ul.ctopics li.section .content.sectionhidden {
    padding: 6px 0 6px 0;
}

/* -- The topic summary text -- */
.course-content ul.ctopics li.section .content .toggle span.the_toggle p {
    font-size: 1.2em;
    font-style: italic;
    text-align: left;
}


/* -- Toggle text -- */
.course-content ul.ctopics li.section .content .toggle span.the_toggle,
.course-content ul.ctopics li.section .content.sectionhidden {
    font-weight: bold;
    text-decoration: none;
}

.course-content ul.ctopics li.section .content .toggledsection {
    min-height: 30px;
}

/* -- For centring the 'Topic / Week / Day x' text -- */
.course-content ul.ctopics li.section .right .cps_centre,
.dir-rtl .course-content ul.ctopics li.section .left .cps_centre {
    font-size: 0.7em;
    min-height: 28px;
    text-align: center;
}

.dir-rtl .course-content ul.ctopics li.section .right .cps_centre {
    font-size: 14px;
}

.course-content ul.ctopics li.section .right .cps_centre img {
    margin: 6px auto;
}

/* -- One section icon font -- */
.course-content ul.ctopics li.section .right .cps_centre .tcosif,
.dir-rtl .course-content ul.ctopics li.section .left .cps_centre .tcosif{
    font-size: 22px;
    margin-top: 2px;
}

/* -- Hiding / Showing the sections -- */
body.jsenabled .toggledsection {
    display: none; /* If JavaScript is enabled then this css will apply and the section will be hidden. */
}

body.jsenabled .toggledsection.sectionopen {
    display: block;
}

/* -- Size of the spacer row -- */
.section .spacer {
    height:0.5em;
}

/* Toggle all */
#toggle-all,
#topcoll-display-instructions {
    display: none; /* Hide when JavaScript not enabled. */
}

body.jsenabled #toggle-all,
body.jsenabled #topcoll-display-instructions {
    display: block;
}

body.jsenabled #toggle-all {
    background: none repeat scroll 0 0 transparent;
}

#toggle-all h4 {
    margin-bottom: 0;
}

#toggle-all .content .sectionbody.toggle-all-content {
    display: block;
    margin-bottom: 0;
    padding: 6px 0;
}

#toggle-all .content .sectionbody .toggle-all {
    cursor: pointer;
    display: inline-block;
    padding-bottom: 7px;
    padding-top: 7px;
    text-align: left;
    text-decoration: none;
}

.dir-rtl #toggle-all .content .sectionbody .toggle-all {
    text-align: right;
}

#toggle-all .content .sectionbody .toggle-all.tc-small {
    padding-left: 18px; /* The 18px allows the arrow to be with the text next to it. */
    padding-right: 18px;
}

#toggle-all .content .sectionbody .toggle-all.tc-medium {
    padding-left: 26px; /* The 26px allows the arrow to be with the text next to it. */
    padding-right: 26px;
}

#toggle-all .content .sectionbody .toggle-all.tc-large {
    padding-left: 34px; /* The 34px allows the arrow to be with the text next to it. */
    padding-right: 34px;
}

.cttoggle {
    display: inline;
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
}

/* MDL-42634 */
.course-content ul.ctopics li.section.hidden .sectionname,
.course-content ul.ctopics li.section.hidden .content>div,
.course-content ul.ctopics li.section.hidden .activity .activityinstance {
    opacity: inherit;
}

.course-content ul.ctopics li.section.hidden h3.section-title,
.course-content ul.ctopics li.section.hidden .content .summary {
    opacity: 0.5;
}

/* Section name editing. */
.editing .course-content ul.ctopics li.section .content .toggle span.quickediticon img,
.editing .course-content ul.ctopics li.section .content.hidden span.quickediticon img {
    background-color: #fff;
    border: 2px solid #fff;
    border-radius: 4px;
}
.editing .course-content ul.ctopics li.section .content .toggle span.quickediticon img {
    opacity: .8;
}

.editing .course-content ul.ctopics li.section.hidden .content .toggle span.quickediticon img {
    opacity: 1;
}

/* M3.1 */
.course-content ul.ctopics li.section.hidden .sectionname > span {
    opacity: .7;
}

.course-content ul.ctopics li.section.hidden .sectionname {
    font-style: italic;
}

.format-topcoll .inplaceeditable.inplaceeditingon input {
    width: auto;
}

element.style {
}
.activity-item:not(.activityinline) {
    border: none;
}
.editing .activity-item {
    cursor: move;
}

/* Activity padding */
.format-topcoll .ctopics .activity-item:not(.activityinline) {
    padding: 1rem 0;
}

@media (min-width: 768px) {
    .format-topcoll .ctopics .activity-item:not(.activityinline) {
        padding: 0.5rem 0;
    }
}

/* Indentation */
@media (min-width: 576px) {
    .format-topcoll .indent-1 {
        margin-left: 30px;
    }
    .format-topcoll .indent-2 {
        margin-left: 60px;
    }
    .format-topcoll .indent-3 {
        margin-left: 90px;
    }
    .format-topcoll .indent-4 {
        margin-left: 120px;
    }
    .format-topcoll .indent-5 {
        margin-left: 150px;
    }
    .format-topcoll .indent-6 {
        margin-left: 180px;
    }
    .format-topcoll .indent-7 {
        margin-left: 210px;
    }
    .format-topcoll .indent-8 {
        margin-left: 240px;
    }
    .format-topcoll .indent-9 {
        margin-left: 270px;
    }
    .format-topcoll .indent-10 {
        margin-left: 300px;
    }
    .format-topcoll .indent-11 {
        margin-left: 330px;
    }
    .format-topcoll .indent-12 {
        margin-left: 360px;
    }
    .format-topcoll .indent-13 {
        margin-left: 390px;
    }
    .format-topcoll .indent-14 {
        margin-left: 420px;
    }
    .format-topcoll .indent-15 {
        margin-left: 450px;
    }
    .format-topcoll .indent-16 {
        margin-left: 480px;
    }
    .format-topcoll .indent-huge {
        margin-left: 480px;
    }
}

/* Activity further information styling */
.format-topcoll .ct-activity-meta-container {
    padding: 5px 0 0 0;
}

.format-topcoll .ct-activity-mod-feedback {
    padding: 5px 0;
}

.format-topcoll .ct-activity-action i {
    margin-right: 0.35rem;
}

.format-topcoll .ct-activity-mod-engagement .icon,
.format-topcoll .ct-activity-mod-feedback .icon {
    font-size: 1.1em;
}

/* Colour picker */
.tccolourpopupbox {
    border: 1px solid black;
    cursor: pointer;
    margin: 0 0 0 2px;
    padding: 0 8px;
}

.tccolourpopupsel {
    position: absolute;
    z-index: 500;
}

/* Print styles. */
@media print {
    body.jsenabled .toggledsection {
        display: block; /* If JavaScript is enabled and we are printing then this css will apply and the section will be shown. */
    }
    body.jsenabled #toggle-all, body.jsenabled #topcoll-display-instructions, .cttoggle {
        display: none;
    }
    .course-content ul.ctopics li.section.main {
        float: left;
    }
    body.format-topcoll .course-content ul.ctopics li.section.main {
        padding-bottom: 0;
    }
    ul.ctopics {
        page-break-after: avoid;
        page-break-before: avoid;
    }
}

/**
 * Collapsed Topics Information
 *
 * A topic based format that solves the issue of the 'Scroll of Death' when a course has many topics. All topics
 * except zero have a toggle that displays that topic. One or more topics can be displayed at any given time.
 * Toggles are persistent on a per browser session per course basis but can be made to persist longer by a small
 * code change. Full installation instructions, code adaptions and credits are included in the 'Readme.txt' file.
 *
 * @package    format_topcoll
 * @version    See the value of '$plugin->version' in version.php.
 * @copyright  &copy; 2017-onwards G J Barnard in respect to modifications of standard topics format.
 * @author     G J Barnard - gjbarnard at gmail dot com and {@link http://moodle.org/user/profile.php?id=442195}
 * @link       http://docs.moodle.org/en/Collapsed_Topics_course_format
 * @license    http://www.gnu.org/copyleft/gpl.html GNU Public License
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.

 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.

 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <http://www.gnu.org/licenses/>.
*/

ul.ctopics .content .summary ul,
ul.ctopics .content .section ul {
    margin: 0 0 10px 10px;
}

ul.ctopics :target::before {
    height: auto;
    margin-top: 0;
    pointer-events: none;
    width: 0;
}

.course-content ul.ctopics .current::before {
    height: auto;
    left: 0;
    margin-top: 0;
}

.format-topcoll.path-course-view.editing #region-main > .card-block {
    overflow-x: visible;
}

/* Activity padding */
.format-topcoll .ctopics .activity-item:not(.activityinline) {
    padding: 1rem 0.5rem;
}

@media (min-width: 768px) {
    .format-topcoll .ctopics .activity-item:not(.activityinline) {
        padding: 0.5rem 0.25rem;
    }
}

#page-report-completion-index table#completion-progress {
    margin-top: 20px;
    margin-bottom: 30px;
}

#page-report-completion-index .export-actions {
    text-align: center;
    list-style: none;
}

#page-report-completion-index .criterianame,
#page-report-completion-index .criteriaicon,
#page-report-completion-index .completion-progresscell {
    text-align: center;
}

/* Custom CSS for rotated header.. */
#page-report-completion-index .rotated-text-container {
    display: inline-block;
    width: 16px;
}

/*rtl:begin:ignore*/
#page-report-completion-index .rotated-text {
    display: inline-block;
    white-space: nowrap;

    transform: translate(0, 100%) rotate(-90deg);
    transform-origin: 0 0;
    vertical-align: middle;
}

#page-report-completion-index .rotated-text:after {
    content: "";
    float: left;
    margin-top: 100%;
}
/*rtl:end:ignore*/
.report-eventlist-name {
    color: #888;
    font-size: 0.75em;
}

.report-eventlist-datatable-table > div > table {
    width: 100%;
}

#page-admin-report-eventlist-index dt {
    float: left;
    text-align: right;
    width: 20em;
}

#page-admin-report-eventlist-index dd {
    display: block;
    text-align: left;
    margin-left: 21em;
}

#page-admin-report-eventlist-index dd + dd {
    clear: left;
}

@media (max-width: 767px) {
    #page-admin-report-eventlist-index dt {
        width: 100%;
        text-align: left;
    }

    #page-admin-report-eventlist-index dd {
        margin-left: 0;
    }

    #page-admin-report-eventlist-index dd + dd {
        margin-left: 0;
    }
}

#page-report-log-index .info {
    margin: 10px;
}

#page-report-log-index .logselectform {
    margin: 10px auto;
}

#page-report-log-user .info {
    margin: 10px;
    text-align: center;
}

#page-report-loglive-index .info {
    margin: 10px;
}

table.flexible > tbody > tr:nth-child(n).newrow > td {
    background: #d4d4d4;
}
#page-report-outline-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;
}

/* Die to css conflicts with form-inline, we have to create a specific class to fix submit button alignment on clean */
#page-report-participation-index .participationselectform input[type="submit"] {
    margin-bottom: 0;
}

#page-report-progress-index #completion-progress th,
#page-report-progress-index #completion-progress td {
    padding: 2px 2px;
    font-weight: normal;
    border-right: 1px solid #eee;
}

#page-report-progress-index .progress-actions {
    text-align: center;
    list-style: none;
}

#page-report-progress-index .completion_pagingbar {
    margin: 1em 0;
    text-align: center;
}

#page-report-progress-index .completion_prev {
    display: inline;
    margin-right: 2em;
}

#page-report-progress-index .completion_pagingbar p {
    display: inline;
}

#page-report-progress-index .completion_next {
    display: inline;
    margin-left: 2em;
}

#page-report-progress-index .completion-header,
#page-report-progress-index .completion-progresscell {
    text-align: center;
}

/* Custom CSS for rotated header.. */
#page-report-progress-index .rotated-text-container {
    display: inline-block;
    width: 16px;
}

#page-report-progress-index .rotated-text {
    display: inline-block;
    white-space: nowrap;
    /*rtl:remove*/
    transform: translate(0, 100%) rotate(-90deg);
    /*rtl:raw:
    transform: translate(0, 100%) rotate(90deg);
    */
    transform-origin: 0 0;
    vertical-align: middle;
}

#page-report-progress-index .rotated-text:after {
    content: "";
    float: left;
    margin-top: 100%;
}

#page-report-progress-index .modicon {
    padding-top: 5px;
}
#completion-progress .icon {
    margin-left: 0.5rem;
}

.report_rolessitemap-report {
    margin-top: 20px;
    border: 1px solid;
    padding: 10px;
    box-shadow: 0 0 20px #aaa;
}

.report_rolessitemap-categorieslistandrole {
    margin-bottom: 30px;
}

.report_rolessitemap-heading {
    border: solid 0 #aaa;
    padding: 5px;
    border-radius: 8px;
    background-color: #eee;
}

.report_rolessitemap-roleinformation {
    border: solid 0 #aaa;
    width: 340px;
    padding-left: 10px;
    border-radius: 5px;
    padding-top: 5px;
    background-color: #eee;
}

.report_rolessitemap-userinformation {
    border: solid 0;
    width: 200px;
    margin-left: 10px;
}

.report_rolessitemap-report .row {
    margin-left: 10px;
}

#page-report-stats-index .graph {
    margin-bottom: 1em;
}

/**
 * Container.
 */
.path-grade-report-grader .gradeparent {
    position: relative;
}

/**
 * Tooltip and overlay.
 */
.path-grade-report-grader .gradeparent .grader-information-tooltip {
    min-width: 200px;
}

.path-grade-report-grader .gradeparent .graderreportoverlay {
    background-color: white;
    width: auto;
    padding: 10px;
    font-size: 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

/**
 * The table.
 */
.path-grade-report-grader .gradeparent table {
    border: 1px solid #ccc;
    border-collapse: separate;
    border-spacing: 0;
    border-bottom-width: 0;
    border-right-width: 0;
    margin-bottom: 2em;
}

/**
 * All the cells.
 */
.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;
}

/**
 * All the floating divs.
 */
.path-grade-report-grader .gradeparent .floater {
    display: none;
}

.path-grade-report-grader .gradeparent .floating {
    display: block;
}

/**
 * All the headers + floating cells.
 */
.path-grade-report-grader .gradeparent .heading .cell,
.path-grade-report-grader .gradeparent .avg .cell,
.path-grade-report-grader .gradeparent .user.cell {
    font-size: 14px;
    font-weight: normal;
    text-align: left;
}

/**
 * The user cells.
 */
.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;
}

/**
 * The additional user fields.
 */
.path-grade-report-grader .gradeparent .userfield {
    font-weight: normal;
    text-align: left;
}

/**
 * The footer's header.
 */
.path-grade-report-grader .gradeparent .range .header,
.path-grade-report-grader .gradeparent .avg .header {
    font-weight: bold;
}

/**
 * The footer's floating cells.
 */
.path-grade-report-grader .gradeparent .avg.floating .cell {
    border-top-width: 1px;
}

/**
 * The footer's cells.
 */
.path-grade-report-grader .gradeparent .avg .cell {
    text-align: right;
    max-width: 200px;
    text-overflow: ellipsis;
    overflow: hidden;
}
/**
 * Content styling.
 */
.path-grade-report-grader .gradeparent .heading .cell .iconsmall {
    /* Fixes inconsistencies in cell height on IE. */
    padding-top: 0;
    padding-bottom: 0;
}

.path-grade-report-grader .gradeparent .sorticon {
    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) {
    /* Made very specific to override the default stripped style of the table. */
    background-color: #efd9a4;
}

.path-grade-report-grader .gradeparent tr:nth-child(n) td.ajaxoverridden:nth-child(n) {
    /* Made very specific to override the default stripped style of the table. */
    background-color: #ffe3a0;
}

.path-grade-report-grader .gradeparent .excludedfloater {
    font-weight: bold;
    color: red;
    font-size: 9px;
    float: left;
}

.path-grade-report-grader .gradeparent .category {
    text-align: left;
}

/**
 * Editing fields.
 */
.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: white;
    width: auto;
    padding: 10px;
    font-size: 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

@media only screen and (min-width: 768px) {
    .path-grade-report-grader .gradeparent table {
        padding-right: 6em;
    }
}

/* History */

.path-grade-report-history div.gradeparent {
    overflow-x: scroll;
}

.path-grade-report-history .singlebutton div,
.path-grade-report-history .singlebutton div input[type="button"] {
    margin: 0;
}

/* User Selector */
.yui3-gradereport_history_usp-hidden {
    display: none;
}

.gradereport_history_usp .usp-content {
    position: relative;
}

.gradereport_history_usp .usp-ajax-content {
    overflow: auto;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.gradereport_history_usp .usp-ajax-content,
.gradereport_history_usp .usp-loading-lightbox {
    height: 375px;
}

.gradereport_history_usp .usp-loading-lightbox {
    background-color: #fff;
    opacity: .5;
    position: absolute;
    text-align: center;
    width: 100%;
    top: 0;
    left: 0;
}

.gradereport_history_usp .usp-loading-lightbox img {
    margin-top: 100px;
    opacity: 1;
}

.gradereport_history_usp .usp-search {
    text-align: center;
}

.gradereport_history_usp .usp-user {
    width: 100%;
    text-align: left;
    border-top: 1px solid #eee;
}

.gradereport_history_usp .usp-user:nth-child(odd) {
    background-color: #f9f9f9;
}

.gradereport_history_usp .usp-first-added {
    border-top: 1px solid #bbb;
}

.gradereport_history_usp .usp-checkbox {
    text-align: center;
    float: left;
    padding: 11px 6px 0 6px;
}

.gradereport_history_usp .usp-checkbox input[type=checkbox] {
    margin: 0;
}

.gradereport_history_usp .usp-picture {
    margin: 6px 3px 0 3px;
    float: left;
}

.gradereport_history_usp .usp-userpicture {
    cursor: pointer;
}

.gradereport_history_usp .usp-user .details {
    margin-left: 67px;
    padding: 3px 6px 0 6px;
    word-wrap: break-word;
}

.gradereport_history_usp .usp-user .details label {
    margin: 0;
}

.gradereport_history_usp .usp-more-results {
    padding: 5px;
    border-top: 1px solid #bbb;
}

.gradereport_history_usp .usp-finish {
    padding-top: 1em;
    text-align: center;
}

.gradereport_history_usp .usp-finish input {
    margin: 0;
}

.path-grade-report-singleview div.reporttable {
    margin: 20px 0 30px 0;
    padding: 10px 10px;
    background-color: #f8f9fa;
    text-align: center;
}

.path-grade-report-singleview div.groupselector,
.path-grade-report-singleview div.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: left;
}

.path-grade-report-singleview .singleview_buttons {
    padding: 10px 0;
}

.path-grade-report-singleview div.reporttable h2 {
    text-align: left;
}

.path-grade-report-singleview .overrideexcludecheck {
    width: 14.75px;
    height: 12px;
    color: #2ca14f;
}

.path-grade-report-singleview .report-navigation .container {
    max-width: 1060px;
    margin-left: 0;
}

.path-grade-report-singleview .zero-state img {
    width: 185px;
}

.path-grade-report-singleview .reporttable thead th,
.path-grade-report-singleview .reporttable thead td {
    white-space: nowrap;
    border: none;
}

.path-grade-report-singleview .reporttable tbody tr,
.path-grade-report-singleview .reporttable tbody tr:nth-of-type(odd),
.path-grade-report-singleview .reporttable tbody tr:hover {
    color: inherit;
    background-color: white;
    border-top: none;
    border-bottom: 1px solid #dee2e6;
}

.path-grade-report-singleview .reporttable tbody th,
.path-grade-report-singleview .reporttable tbody td.range {
    white-space: nowrap;
    font-weight: normal;
}

.path-grade-report-singleview .reporttable tbody th > * {
    display: inline-block;
    vertical-align: middle;
    margin: 0 2px;
}

.path-grade-report-singleview .itemnav {
    font-size: small;
    display: inline;
    padding-bottom: 0.5em;
}

.path-grade-report-singleview .itemnav.previtem {
    float: left;
}

.path-grade-report-singleview div.nextitem {
    float: right;
}

.path-grade-report-singleview .reporttable {
    width: 100%;
}

.path-grade-report-singleview .reporttable .generaltable th,
.path-grade-report-singleview .reporttable .generaltable td {
    text-align: left;
    vertical-align: middle;
    border: none;
}

.path-grade-report-singleview div.reporttable form div.singleview_bulk {
    display: inline-block;
    text-align: left;
    margin-bottom: 1em;
}

.path-grade-report-singleview .singleview_bulk div > *,
.path-grade-report-singleview .singleview_bulk fieldset > * {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
}

.path-grade-report-singleview .singleselect select,
.path-grade-report-singleview div.reporttable form .singleview_bulk select,
.path-grade-report-singleview div.reporttable form .singleview_bulk input {
    margin-left: 10px;
    margin-right: 10px;
}

#bulkinsertmodal {
    width: 181px;
    height: 39px;
    top: 309px;
    border-radius: 4px;
}

.path-grade-report-singleview .singleview_bulk > fieldset {
    display: block;
}

.path-grade-report-singleview div.reporttable form .singleview_bulk > div.enable {
    margin-bottom: 0.5em;
    text-align: left;
}

.searchresultitemscontainer {
    max-height: 150px;
    height: 150px;
    overflow: auto;
}

.path-grade-report-singleview .search-widget[data-searchtype="user"] .userinitials {
    width: 40px;
    height: 40px;
}

.path-grade-report-singleview .reporttable .gradeitem span.small {
    font-size: 70%;
}

.path-grade-report-singleview .reporttable div.categoryitem .gradeitemheader,
.path-grade-report-singleview .reporttable div.courseitem .gradeitemheader {
    font-weight: bold;
}

.path-grade-report-user #graded_users_selector {
    float: right;
    margin-bottom: 5px;
}

.path-grade-report-user .view_users_selector {
    clear: both;
    float: right;
    margin-bottom: 5px;
}

.path-grade-report-user #graded_users_selector .singleselect label,
.path-grade-report-user .view_users_selector .singleselect label {
    display: inline-block;
}

.path-grade-report-user .user-grade,
.grade-report-user .user-grade {
    width: 100%;
}

.path-grade-report-user .user-grade thead th,
.grade-report-user .user-grade thead th {
    vertical-align: bottom;
    border: none;
    text-align: left;
    background-color: #f8f9fa;
}

.path-grade-report-user .user-grade td,
.grade-report-user .user-grade td {
    min-width: 4.5em;
    background-color: #f8f9fa;
    border: none;
    vertical-align: middle;
}

.path-grade-report-user .user-grade .b1l,
.grade-report-user .user-grade .b1l {
    padding: 0;
    width: 24px;
    min-width: 24px;
}

.path-grade-report-user .user-grade tbody .column-itemname,
.grade-report-user .user-grade tbody .column-itemname {
    padding-left: 24px;
    padding-right: 8px;
}

.path-grade-report-user .user-grade .column-itemname.baggt,
.path-grade-report-user .user-grade .column-itemname.baggb,
.grade-report-user .user-grade .column-itemname.baggt,
.grade-report-user .user-grade .column-itemname.baggb {
    padding-left: 0;
}

.path-grade-report-user .user-grade .column-itemname .itemicon,
.grade-report-user .user-grade .column-itemname .itemicon {
    font-size: 18px;
    width: 18px;
    height: 18px;
}

.path-grade-report-user .user-grade .baggt,
.path-grade-report-user .user-grade .baggb,
.grade-report-user .user-grade .baggt,
.grade-report-user .user-grade .baggb {
    font-weight: bold;
    background-color: #f8f9fa;
    border: none;
}

.path-grade-report-user .user-report-container,
.grade-report-user .user-report-container {
    margin: 20px 0 30px 0;
    padding: 10px 10px;
    background-color: #f8f9fa;
}

.path-grade-report-user .user-grade tbody tr,
.grade-report-user .user-grade tbody tr {
    background-color: #f8f9fa;
}

.path-grade-report-user .user-grade tbody tr:hover,
.grade-report-user .user-grade tbody tr:hover {
    color: inherit;
    background-color: #f8f9fa;
}

.path-grade-report-user .user-grade tbody tr.spacer,
.grade-report-user .user-grade tbody tr.spacer {
    height: 0.5rem;
}

.path-grade-report-user .user-grade td.item,
.grade-report-user .user-grade td.item {
    background-color: white;
    border-top: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
}

.path-grade-report-user .user-grade th.column-itemname:not(.header,.category,.baggt,.baggb),
.grade-report-user .user-grade th.column-itemname:not(.header,.category,.baggt,.baggb) {
    background-color: white;
    font-weight: normal;
    border-bottom: 1px solid #dee2e6;
}

.path-grade-report-user .user-grade th.category,
.grade-report-user .user-grade th.category {
    background-color: white;
    border: 1px solid #dee2e6;
    padding-left: 10px;
    font-weight: bold;
}

.path-grade-report-user .user-grade th.category a[aria-expanded="true"] .expanded,
.path-grade-report-user .user-grade th.category a[aria-expanded="false"] .collapsed,
.grade-report-user .user-grade th.category a[aria-expanded="true"] .expanded,
.grade-report-user .user-grade th.category a[aria-expanded="false"] .collapsed {
    display: none;
}

.path-grade-report-user .user-grade th.category a.toggle-category,
.grade-report-user .user-grade th.category a.toggle-category {
    height: 24px;
    width: 24px;
    font-size: 12px;
    line-height: 24px;
    margin-right: 3px;
}

.path-grade-report-user .user-grade th.category a.toggle-category i,
.grade-report-user .user-grade th.category a.toggle-category i {
    font-size: 12px;
    width: 12px;
    height: 12px;
    color: #1d2125;
    margin: 0;
}

.path-grade-report-user .user-grade .column-itemname .small,
.grade-report-user .user-grade .column-itemname .small {
    font-size: 70%;
}

.path-grade-report-user .user-grade tr[data-hidden="true"],
.grade-report-user .user-grade tr[data-hidden="true"] {
    display: none;
}

.path-grade-report-user .user-grade .category div,
.grade-report-user .user-grade .category div {
    min-height: 30px;
    align-items: center;
}

.path-grade-report-user .search-widget[data-searchtype="user"] .userinitials {
    width: 40px;
    height: 40px;
}

.path-grade-report-user .user-navigation .container {
    max-width: 767px;
}

.path-grade-report-user .view-user-selector label {
    display: block;
    font-size: 80%;
    margin: 0;
}

.path-grade-report-user .view-user-selector .dropdown-toggle {
    padding: 0;
    font-weight: bold;
}

.path-grade-report-user .zero-state img {
    width: 185px;
}

@media print {
    .path-grade-report-user .user-grade th.category,
    .grade-report-user .user-grade th.category {
        border-left: none;
        border-right: none;
    }

    .path-grade-report-user .user-grade th.category a.toggle-category,
    .grade-report-user .user-grade th.category a.toggle-category
    .path-grade-report-user #page-footer {
        display: none;
    }
}

.gradingform_guide-regrade {
    padding: 10px;
    background: #fdd;
    border: 1px solid #f00;
    margin-bottom: 10px;
}

.gradingform_guide-restored {
    padding: 10px;
    background: #ffd;
    border: 1px solid #ff0;
    margin-bottom: 10px;
}

.gradingform_guide-error {
    color: red;
    font-weight: bold;
}

.gradingform_guide_editform .status {
    font-weight: normal;
    text-transform: uppercase;
    font-size: 60%;
    padding: 0.25em;
    border: 1px solid #eee;
}

.gradingform_guide_editform .status.ready {
    background-color: #e7f1c3;
    border-color: #aea;
}

.gradingform_guide_editform .status.draft {
    background-color: #f3f2aa;
    border-color: #ee2;
}

.gradingform_guide.editor .criterion .controls,
.gradingform_guide .criterion .description,
.gradingform_guide .criterion .remark {
    vertical-align: top;
}

.gradingform_guide.editor .criterion .controls,
.gradingform_guide.editor .criterion .description,
.gradingform_guide.editor .criterion .remark {
    padding: 3px;
}

.gradingform_guide .criteria {
    height: 100%;
}

.gradingform_guide .criterion {
    border: 1px solid #ddd;
    overflow: hidden;
}

.gradingform_guide .criterion.even {
    background: #f0f0f0;
}

.gradingform_guide .criterion .description {
    width: 100%;
}

.gradingform_guide .criterion .description .criterionmaxscore input {
    width: 20px;
}

.gradingform_guide .criterion .description .criterionname {
    font-weight: bold;
}

.gradingform_guide .criterion label {
    font-weight: bold;
    padding-right: 5px;
}

.gradingform_guide .plainvalue.empty {
    font-style: italic;
    color: #aaa;
}

.gradingform_guide .plainvalue.editname {
    font-weight: bold;
}

/* Make invisible the buttons 'Move up' for the first criterion and 'Move down' for
   the last, because those buttons will make no change */
.gradingform_guide.editor .criterion.first.last .controls .delete input,
.gradingform_guide.editor .criterion.first .controls .moveup input,
.gradingform_guide.editor .criterion.last .controls .movedown input {
    display: none;
}

/* replace buttons with images */
.gradingform_guide.editor .delete input,
.gradingform_guide.editor .moveup input,
.gradingform_guide.editor .movedown input {
    text-indent: -1000em;
    cursor: pointer;
    border: none;
}

.gradingform_guide.editor .criterion .controls .delete input {
    width: 20px;
    height: 16px;
    background: transparent url(/theme/image.php/boost_union/core/1753274487/t/delete) no-repeat center top;
    margin-top: 4px;
}

.gradingform_guide.editor .moveup input {
    width: 20px;
    height: 15px;
    background: transparent url(/theme/image.php/boost_union/core/1753274487/t/up) no-repeat center top;
    margin-top: 4px;
}

.gradingform_guide.editor .movedown input {
    width: 20px;
    height: 15px;
    background: transparent url(/theme/image.php/boost_union/core/1753274487/t/down) no-repeat center top;
    margin-top: 4px;
}

.gradingform_guide.editor .addcriterion input,
.gradingform_guide.editor .addcomment input {
    background: transparent url(/theme/image.php/boost_union/core/1753274487/t/add) no-repeat;
    display: block;
    color: #555;
    font-weight: bold;
    text-decoration: none;
}

.gradingform_guide.editor .addcriterion input,
.gradingform_guide.editor .addcomment input {
    background-position: left 5px top 8px;
    height: 30px;
    line-height: 29px;
    margin-bottom: 14px;
    padding-left: 20px;
    padding-right: 10px;
}

.gradingform_guide .options .optionsheading {
    font-weight: bold;
    font-size: 1.1em;
    padding-bottom: 5px;
}

.gradingform_guide .options .option {
    padding-bottom: 2px;
}

.gradingform_guide .options .option label {
    margin-left: 5px;
}

.gradingform_guide .options .option .value {
    margin-left: 5px;
    font-weight: bold;
}

.gradingform_guide .criterion .description.error {
    background: #fdd;
}

/* special classes for elements created by guideeditor.js */
.gradingform_guide.editor .hiddenelement {
    display: none;
}

.gradingform_guide.editor .pseudotablink {
    background-color: transparent;
    border: 0 solid;
    height: 1px;
    width: 1px;
    color: transparent;
    padding: 0;
    margin: 0;
    position: relative;
    float: right;
}

.jsenabled .gradingform_guide .markingguidecomment {
    cursor: pointer;
}

.jsenabled .gradingform_guide .markingguidecomment:before {
    content: url(/theme/image.php/boost_union/core/1753274487/t/add);
    padding-right: 2px;
}

.gradingform_guide .commentheader {
    font-weight: bold;
    font-size: 1.1em;
    padding-bottom: 5px;
}

.jsenabled .gradingform_guide .criterionnamelabel {
    display: none;
}

.jsenabled .gradingform_guide .criterionshortname {
    font-weight: bold;
}

.gradingform_guide table {
    width: 100%;
}

.gradingform_guide .descriptionreadonly {
    vertical-align: top;
}

.gradingform_guide .criteriondescriptionmarkers {
    width: 300px;
}

.gradingform_guide .markingguideremark {
    margin: 0;
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.gradingform_guide .criteriondescriptionscore {
    display: inline;
}

.gradingform_guide .score label {
    display: block;
}

.gradingform_guide .score input {
    margin: 0;
    width: auto;
}
.gradingform_guide_comment_chooser {
    max-height: 80vh;
    overflow-y: auto;
}
.gradingform_guide-frequent-comments {
    position: absolute;
    top: 7px;
    right: 0;
}

/*
.gradingform_rubric.editor[.frozen|.editable]
  .criteria
    .criterion[.first][.last][.odd|.even]
        .controls
            .moveup
                [input type=submit]
            .delete
                [input type=submit]
            .movedown
                [input type=submit]
        .description
        .levels
            td.level[.first][.last][.odd|.even]
                div.level-wrapper
                    .definition
                        [textarea]
                    .score
                        span
                            [input type=text]
                    .delete
                        [input type=submit]
        .addlevel
            [input type=submit]
        .remark
            textarea
    .addcriterion
        [input type=submit]
  .options
    .optionsheading
    .option.OPTIONNAME

.gradingform_rubric[.review][.evaluate[.editable|.frozen]]
  .criteria
    .criterion[.first][.last][.odd|.even]
        .description
        .levels
            td.level[.first][.last][.odd|.even]
                div.level-wrapper
                    div.radio
                        input
                    .definition
                    .score
                        span

*/

.gradingform_rubric_editform .status {
    font-weight: normal;
    text-transform: uppercase;
    font-size: 60%;
    padding: 0.25em;
    border: 1px solid #eee;
}

.gradingform_rubric_editform .status.ready {
    background-color: #e7f1c3;
    border-color: #aea;
}

.gradingform_rubric_editform .status.draft {
    background-color: #f3f2aa;
    border-color: #ee2;
}

.gradingform_rubric {
    padding-bottom: 1.5em;
}

.gradingform_rubric.editor .criterion .controls,
.gradingform_rubric .criterion .description,
.gradingform_rubric .criterion .levels,
.gradingform_rubric.editor .criterion .addlevel,
.gradingform_rubric .criterion .remark,
.gradingform_rubric .criterion .levels .level {
    vertical-align: top;
}

.gradingform_rubric.editor .criterion .controls,
.gradingform_rubric .criterion .description,
.gradingform_rubric.editor .criterion .addlevel,
.gradingform_rubric .criterion .remark,
.gradingform_rubric .criterion .levels .level {
    padding: 3px;
}

.gradingform_rubric .criteria {
    height: 100%;
    display: flex;
    width: 100%;
    overflow: auto;
}

.gradingform_rubric .criterion {
    border: 1px solid #ddd;
    overflow: hidden;
}

.gradingform_rubric .criterion.even td {
    background: #f0f0f0;
}

.gradingform_rubric .criterion.odd td {
    background: white;
}

.gradingform_rubric .criterion .description {
    min-width: 150px;
    font-weight: bold;
}

.gradingform_rubric .criterion .levels table {
    width: 100%;
    height: 100%;
}

.gradingform_rubric .criterion .levels,
.gradingform_rubric .criterion .levels table,
.gradingform_rubric .criterion .levels table tbody {
    padding: 0;
    margin: 0;
}

.gradingform_rubric .criterion .levels .level {
    border-left: 1px solid #ddd;
    max-width: 150px;
}

.gradingform_rubric .criterion .levels .level .level-wrapper {
    position: relative;
}

.gradingform_rubric .criterion .levels .level.last {
    border-right: 1px solid #ddd;
}

.gradingform_rubric .plainvalue.empty {
    font-style: italic;
    color: #aaa;
}

/* Make invisible the buttons 'Move up' for the first criterion and
   'Move down' for the last, because those buttons will make no change */
.gradingform_rubric.editor .criterion.first .controls .moveup input,
.gradingform_rubric.editor .criterion.last .controls .movedown input {
    display: none;
}

/* replace buttons with images */
.gradingform_rubric.editor .delete input,
.gradingform_rubric.editor .duplicate input,
.gradingform_rubric.editor .moveup input,
.gradingform_rubric.editor .movedown input {
    text-indent: -1000em;
    cursor: pointer;
    border: none;
}

.gradingform_rubric.editor .criterion .controls .delete input {
    width: 24px;
    height: 24px;
    background: transparent url(/theme/image.php/boost_union/core/1753274487/t/delete) no-repeat center;
    margin: .3em .3em 0 .3em;
}

.gradingform_rubric.editor .criterion .controls .duplicate input {
    width: 24px;
    height: 24px;
    background: transparent url(/theme/image.php/boost_union/core/1753274487/t/copy) no-repeat center;
    margin: .3em .3em 0 .3em;
}

.gradingform_rubric.editor .levels .level .delete input {
    width: 24px;
    height: 24px;
    background: transparent url(/theme/image.php/boost_union/core/1753274487/t/delete) no-repeat center;
}

.gradingform_rubric.editor .moveup input {
    width: 24px;
    height: 24px;
    background: transparent url(/theme/image.php/boost_union/core/1753274487/t/up) no-repeat center;
    margin: .3em .3em 0 .3em;
}

.gradingform_rubric.editor .movedown input {
    width: 24px;
    height: 24px;
    background: transparent url(/theme/image.php/boost_union/core/1753274487/t/down) no-repeat center;
    margin: .3em .3em 0 .3em;
}

.gradingform_rubric.editor .addcriterion input,
.gradingform_rubric.editor .addlevel input {
    background: #fff url(/theme/image.php/boost_union/core/1753274487/t/add) no-repeat 7px 8px;
    display: block;
    color: #555;
    font-weight: bold;
    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: bold;
    font-size: 1.1em;
    padding-bottom: 5px;
}

.gradingform_rubric .options .option {
    padding-bottom: 2px;
}

.gradingform_rubric .options .option label {
    margin-left: 5px;
}

.gradingform_rubric .options .option .value {
    margin-left: 5px;
    font-weight: bold;
}

.gradingform_rubric .criterion .levels.error {
    border: 1px solid red;
}

.gradingform_rubric .criterion .description.error,
.gradingform_rubric .criterion .levels .level .definition.error,
.gradingform_rubric .criterion .levels .level .score.error {
    background: #fdd;
}

.gradingform_rubric-regrade {
    padding: 10px;
    background: #fdd;
    border: 1px solid #f00;
    margin-bottom: 10px;
}

.gradingform_rubric-restored {
    padding: 10px;
    background: #ffd;
    border: 1px solid #ff0;
    margin-bottom: 10px;
}

.gradingform_rubric-error {
    color: red;
    font-weight: bold;
}

/* special classes for elements created by rubriceditor.js */
.gradingform_rubric.editor .hiddenelement {
    display: none;
}

.gradingform_rubric.editor .pseudotablink {
    background-color: transparent;
    border: 0 solid;
    height: 1px;
    width: 1px;
    color: transparent;
    padding: 0;
    margin: 0;
    position: relative;
    float: right;
}

.gradingpanel-gradingform_rubric [aria-checked="true"] {
    border: 1px solid black;
}

.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: bold;
}
.path-admin-mnet-service-enrol table.remotecourses th.categoryname img {
    margin-right: 1em;
}
.path-admin-mnet-service-enrol .collapsibleregioncaption {
    font-size: 110%;
    font-weight: bold;
    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;
}

/* Comment text area size to maximum */
.question-comment-view .comment-ctrl .comment-area {
    max-width: none;
    width: 100%;
}

#categoryquestions td.questionlastused span.date {
    font-weight: 400;
    font-size: .8em;
}

.qbehaviour_deferredcbm_slightlyunderconfident,
.qbehaviour_deferredcbm_slightlyoverconfident {
    font-weight: bold;
    color: #600;
}

.qbehaviour_deferredcbm_underconfident,
.qbehaviour_deferredcbm_overconfident {
    font-weight: bold;
    color: #c00;
}

.qbehaviour_deferredcbm_judgementok {
    font-weight: bold;
    color: #080;
}

.qbehaviour_deferredcbm_actual_percentage {
    font-weight: bold;
}

.qbehaviour_deferredcbm_summary_heading {
    margin: 0;
}

.que.deferredcbm .certaintychoices input[type="radio"] {
    margin-left: 0.5em;
}

.que.deferredcbm .certaintychoices label {
    white-space: nowrap;
}

.que.selfassess .self-assess-comment {
    margin-top: 4px;
}
.que.selfassess .self-assess-comment label,
.que.selfassess .self-assess-comment textarea {
    /* For some reason, 100% comes out too wide. The 14px here matches the
       right-padding on the container. */
    max-width: calc(100% - 14px);

    /* We would like this to say baseline, and have the first line of text in the textarea
       line up with the lable. That works in Firefox, but not Chrome. Hence we do this. */
    vertical-align: top;
}
.que.selfassess .self-assess-comment label {
    /* Our normal line-height is 17px. A text area has 1px border + 4px padding, so
       we need an extra 5px padding top and bottom, giving 27.*/
    line-height: 27px;
}

.que.selfassess .clearrating {
    padding: 2px 8px;
    font-size: 0.85714em;
}

.que.selfassess .rated {
    width: 24px;
    height: 24px;
    margin-right: 0;
}

.que.selfassess .rating label {
    cursor: pointer;
}

.que.selfassess .rating label .filled,
.que.selfassess .rating [type="radio"]:checked ~ label .empty {
    display: inline;
}

.que.selfassess .rating label .empty,
.que.selfassess .rating [type="radio"]:checked ~ label .filled {
    display: none;
}

.admin_presets_error {
    color: red;
    text-align: center;
}

.admin_presets_success {
    color: green;
    text-align: center;
}

.adminpreset_appdescription {
    font-size: small;
    margin-top: 40px;
    margin-bottom: 20px;
}

#page-admin-tool-behat-index .steps-definitions {
    margin: 1rem auto;
}

#page-admin-tool-behat-index .steps-definitions .step {
    margin: 1rem 0 0 0;
    border: 1px solid #eee;
    padding: 1rem;
}

#page-admin-tool-behat-index .steps-definitions .stepdescription {
    font-style: italic;
}

#page-admin-tool-behat-index .steps-definitions .stepcontent {
    margin: 1rem 0;
}

#page-admin-tool-behat-index .steps-definitions .steptype {
    color: #1467a6;
    margin-right: 1ex;
}

#page-admin-tool-behat-index .steps-definitions .stepapipath {
    font-family: monospace;
    font-size: smaller;
}

#page-admin-tool-behat-index .steps-definitions .stepregex {
    color: #060;
}

#page-admin-tool-behat-index .steprequiredfields {
    font-weight: bold;
    font-size: 1em;
    margin-top: 1em;
}

.tool_brickfield_floatprinticon {
    margin-top: -30px;
    float: right;
}

.tool_brickfield_analysisbutton {
    width: 100%;
    text-align: center;
}

/* Advanced Page CSS */

#tool_brickifeld_advanced_page {
    margin: 20px 20px 20px 10px;
}

.tool_brickfield_banner_heading {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.tool_brickfield_banner_heading > img {
    height: 50px;
}

.tool_brickfield_banner > p {
    text-align: center;
}

.tool_brickfield_grid_heading {
    font-family: 'Varela Round', Sans-serif;
    font-size: 20px;
    font-weight: 400;
    color: #040d29;
    padding-bottom: 4px;
}

.tool_brickfield_grid_content {
    color: #040d29;
    font-size: 16px;
    line-height: 1.4em;
}

.tool_brickfield_grid_heading > img {
    height: 30px;
    padding-right: 16px;
}

.tool_brickfield_grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 20px 20px 30px;
}

.tool_brickfield_grid > div {
    margin: 10px;
    padding: 20px;
    flex-basis: 30%;
    border: 1px solid grey;
    max-width: 500px;
    min-width: 250px;
    flex-grow: 4;
    border-radius: 15px 15px 15px 50px;
}

.tool_brickfield_grid_heading {
    display: flex;
}

.tool_brickfield_footer > a {
    font-size: 18px;
    letter-spacing: 1px;
    color: #fff;
    background-color: #4054b2;
    border-radius: 5px;
    padding: 15px 50px;
    transition: 0.3s;
    margin-bottom: 20px;
}

.tool_brickfield_footer {
    text-align: center;
}

.tool_brickfield_footer > a:hover {
    color: #fff;
    background-color: #253687;
    text-decoration: none;
}

.tool_brickfield_footer > p {
    margin-bottom: 25px;
}

.path-admin-tool-capability .comparisontable {
    margin-top: 150px;
}

.path-admin-tool-capability .comparisontable th,
.path-admin-tool-capability .comparisontable td {
    vertical-align: middle;
    padding: 0.4em 0.5em 0.3em;
}

.path-admin-tool-capability .comparisontable thead th {
    vertical-align: bottom;
    background: none;
}

.path-admin-tool-capability .comparisontable thead th div {
    position: relative;
}

.path-admin-tool-capability .comparisontable thead th div > a {
    position: absolute;
    top: -1.75em;
    left: 1em;
    width: 150px;
    text-align: left;
    margin-bottom: 1em;
    text-indent: -1.45em;
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    -webkit-transform: rotate(315deg);
    -moz-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
    -o-transform: rotate(315deg);
}

.path-admin-tool-capability .comparisontable tbody th {
    background-color: #eee;
    text-align: right;
    border: 1px solid #dfdfdf;
}

.path-admin-tool-capability .comparisontable tbody th span {
    display: block;
    color: #666;
    font-size: 80%;
}

.path-admin-tool-capability .comparisontable tbody td {
    border: 1px solid #dfdfdf;
}

.path-admin-tool-capability .comparisontable .inherit {
    color: #666;
}

.path-admin-tool-capability .comparisontable .allow {
    background-color: #060;
    font-weight: bold;
    color: white;
}

.path-admin-tool-capability .comparisontable .prevent {
    background-color: #ad6704;
    font-weight: bold;
    color: white;
}

.path-admin-tool-capability .comparisontable .prohibit {
    background-color: #800;
    font-weight: bold;
    color: white;
}
.nav-pills .nav-pills {
    margin-left: 1rem;
}
.data-registry > .top-nav > * {
    margin-right: 0.5rem;
}
/*Extra attribute selection to have preference over bs2's .moodle-actionmenu[data-enhance] */
.data-registry > .top-nav > .singlebutton,
.data-registry > .top-nav > .moodle-actionmenu[data-owner='dataregistry-actions'] {
    display: inline-block;
}

.data-registry .context-tree {
    height: 70vh;
    overflow-y: scroll;
}

[data-region="data-requests-table"] .moodle-actionmenu {
    min-width: 150px;
}

.context-level-view {
    margin: 1em;
}
/**
 * Styles for admin tool page.
 */

/* Fix bad default table wrap (caused by the long mimetype field). */
.path-admin-tool-filetypes .generaltable .c0,
.path-admin-tool-filetypes .generaltable .c1,
.path-admin-tool-filetypes .generaltable .c2,
.path-admin-tool-filetypes .generaltable th {
    white-space: nowrap;
}

/* Formatting for deleted lines. */
.path-admin-tool-filetypes .generaltable .deleted .c0 img {
    opacity: 0.2;
}

.path-admin-tool-filetypes .generaltable .deleted .c0 span {
    text-decoration: line-through;
}

/* Custom types show bold */
.path-admin-tool-filetypes .generaltable .nonstandard {
    font-weight: bold;
}

#page-admin-tool-installaddon-index #installfromrepobox {
    text-align: center;
    padding-top: 2em;
    padding-bottom: 2em;
}

#page-admin-tool-installaddon-index #installfromrepobox .singlebutton {
    display: inline-block;
}

#page-admin-tool-installaddon-index #installfromrepobox .singlebutton input[type=submit] {
    padding: 1em;
}

#page-admin-tool-langimport-index .langimport {
    margin: auto;
    float: none;
    width: 100%;
}

#page-admin-tool-langimport-index #menuuninstalllang,
#page-admin-tool-langimport-index #menupack {
    height: 300px;
}

.path-admin-tool-lp [data-region="managecompetencies"] ul li,
.path-admin-tool-lp [data-region="plans"] ul li,
.path-admin-tool-lp [data-region="competencymovetree"] ul li,
.path-admin-tool-lp [data-region="competencylinktree"] ul li,
.path-badges [data-region="competencylinktree"] ul li {
    list-style-type: none;
}

.path-admin-tool-lp .progresstext {
    display: inline-block;
    vertical-align: top;
}

.path-admin-tool-lp .progress {
    width: 100%;
    display: inline-block;
}

.path-admin-tool-lp .progress .bar {
    min-width: 3em;
}

.path-admin-tool-lp [data-region="managecompetencies"] ul[data-enhance="tree"],
.path-admin-tool-lp [data-region="plans"] ul[data-enhance="tree"],
.path-admin-tool-lp [data-region="competencylinktree"] ul[data-enhance="linktree"],
.path-badges [data-region="competencylinktree"] ul[data-enhance="linktree"],
.path-admin-tool-lp [data-region="competencymovetree"] ul[data-enhance="movetree"] {
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    transition: border linear .2s, box-shadow linear .2s;
    border-radius: 4px;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: 10px;
    margin-right: 10px;
}

.path-admin-tool-lp [data-region="managecompetencies"] ul,
.path-admin-tool-lp [data-region="plans"] ul,
.path-admin-tool-lp [data-region="competencylinktree"] ul,
.path-badges [data-region="competencylinktree"] ul,
.path-admin-tool-lp [data-region="competencymovetree"] ul {
    cursor: pointer;
}

.path-admin-tool-lp [data-region="competencylinktree"] ul li > span,
.path-badges [data-region="competencylinktree"] ul li > span,
.path-admin-tool-lp [data-region="competencymovetree"] ul li > span,
.path-admin-tool-lp [data-region="plans"] ul li > span,
.path-admin-tool-lp [data-region="managecompetencies"] ul li > span {
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 4px;
    padding-right: 4px;
    border-radius: 4px;
}

.path-admin-tool-lp [data-region="competencylinktree"] ul [aria-selected="true"] > span,
.path-badges [data-region="competencylinktree"] ul [aria-selected="true"] > span,
.path-admin-tool-lp [data-region="competencymovetree"] ul [aria-selected="true"] > span,
.path-admin-tool-lp [data-region="plans"] ul [aria-selected="true"] > span,
.path-admin-tool-lp [data-region="managecompetencies"] ul [aria-selected="true"] > span {
    background-color: #dfdfdf;
}

.path-admin-tool-lp [data-region="competencylinktree"] ul [tabindex="0"] > span,
.path-badges [data-region="competencylinktree"] ul [tabindex="0"] > span,
.path-admin-tool-lp [data-region="competencymovetree"] ul [tabindex="0"] > span,
.path-admin-tool-lp [data-region="plans"] ul [tabindex="0"] > span,
.path-admin-tool-lp [data-region="managecompetencies"] ul [tabindex="0"] > span {
    border: 2px solid #0070a8;
}

.path-admin-tool-lp [data-region="filtercompetencies"] input {
    margin-left: 10px;
}

.path-admin-tool-lp [data-region="link-buttons"],
.path-admin-tool-lp [data-region="move-buttons"] {
    text-align: center;
}

.path-admin-tool-lp [data-region="competencylinktree"] > ul,
.path-badges [data-region="competencylinktree"] > ul {
    overflow-y: auto;
    height: 400px;
}

.path-admin-tool-lp span.currentdragtarget {
    border: 1px dashed;
}

.path-admin-tool-lp .competencyactionsmenu {
    display: inline-block;
    vertical-align: text-top;
}

.path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-base"] {
    display: table;
    width: 100%;
}

.path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-outcome"],
.path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-type"] {
    display: table-row;
}

.path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-outcome"] label,
.path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-type"] label {
    padding-right: 10px;
}

.path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-outcome"] label,
.path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-outcome"] select,
.path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-type"] label,
.path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-type"] select {
    display: table-cell;
}

.path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-outcome"] select,
.path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-type"] select,
.path-admin-tool-lp [data-region="competencylinktree"] select,
.path-badges [data-region="competencylinktree"] select {
    width: 100%;
}

.path-admin-tool-lp [data-region] .generaltable.fullwidth {
    clear: both;
}

.path-admin-tool-lp .competency-rule-points {
    margin-top: 10px;
    max-height: 300px;
    overflow-y: auto;
}

.path-admin-tool-lp .competency-rule-points table input {
    margin-bottom: 0;
}

.path-admin-tool-lp .competency-rule-points tr[data-competency] th {
    font-weight: normal;
}

.path-admin-tool-lp .competency-rule-points input[type="number"] {
    width: 50px;
}

.competency-heading {
    margin-bottom: 15px;
}

.competency-heading h4 {
    margin: 0;
}

/** Styles required for menubar js */

.tool-lp-menu {
    margin: 0;
}

.tool-lp-menu li {
    float: left;
    position: relative;
    list-style-type: none;
    white-space: nowrap;
}

.tool-lp-sub-menu {
    position: absolute;
    list-style: none;
    margin: 0;
    top: -10px;
}

.tool-lp-sub-menu li {
    float: none;
}

.tool-lp-menu .tool-lp-sub-menu[aria-hidden=false] {
    display: block;
}

.tool-lp-menu ul[aria-hidden=true] {
    display: none;
}

.tool-lp-menu .caret {
    margin: 8px;
}

.tool-lp-menu.tool-lp-menu-open-left .tool-lp-sub-menu {
    left: auto;
    right: 0;
}

/** This highlighting is copied from bootstrap - but can be overridden by a theme */
.tool-lp-menu .tool-lp-sub-menu .menu-focus a {
    color: #fff;
    text-decoration: none;
    background-color: #00699e;
    background-image: linear-gradient(to bottom, #0070a8, #005f8f);
    background-repeat: repeat-x;
}

/** check box and radio button on configure scale dialogue */
input[type="radio"].tool_lp_scale_default,
input[type="checkbox"].tool_lp_scale_proficient {
    margin-top: 0;
}

/** User evidence */
.user-evidence-documents {
    margin: 10px 20px;
    list-style: none;
}

.user-evidence-competencies,
.user-evidence-documents li {
    margin-bottom: 5px;
    word-break: break-all;
}

[data-region="user-evidence-list"] .user-evidence-competencies,
[data-region="user-evidence-list"] .user-evidence-documents {
    margin: 0;
    list-style: none;
}

.user-competency-course-navigation select {
    display: none;
}

.user-competency-course-navigation span {
    max-width: 100%;
    overflow: hidden;
}

/** Competency grader */
.competency-grader textarea {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.path-admin-tool-lp #region-main {
    overflow-x: visible;
}

#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;
}

/**
 * Styles for admin tool mobile.
 */

#page-admin-tool-mobile-subscription dl dt {
    clear: both;
    display: inline-block;
    width: 40%;
    min-width: 100px;
    vertical-align: top;
    padding-top: 1px;
}

#page-admin-tool-mobile-subscription dl dd {
    display: inline-block;
    width: 59%;
    margin-left: 1%;
    vertical-align: top;
    padding-top: 1px;
}

#page-admin-tool-mobile-subscription dl.list-narrow dt {
    width: 30%;
}

#page-admin-tool-mobile-subscription dl.list-narrow dd {
    width: 69%;
}

#page-admin-tool-mobile-subscription progress {
    width: 100%;
}
/* jquery-eu-cookie-law-popup styles */
.eupopup-container {
    background-color: rgba(25, 25, 25, 0.9);
    color: #efefef;
    padding: 5px 20px;
    font-size: 12px;
    line-height: 1.2em;
    text-align: center;
    display: none;
    z-index: 9999999;
}
.eupopup-container .eupopup-body a {
    color: #fff;
    text-decoration: underline;
}

.behat-site .eupopup-container-bottom {
    position: 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;
}

/* tool_policy styles */
.eupopup-body li {
    display: inline;
}

.eupopup-body li:before {
    content: ",";
}

.eupopup-body li:first-child:before {
    content: "";
}

.eupopup-body ul {
    padding: 0;
    margin: 0 0 3px;
}

.eupopup-closebutton:hover,
.eupopup-closebutton:active {
    text-decoration: none;
}

.eupopup-head {
    font-size: 1.2em;
    font-weight: bold;
    padding: 7px;
}

.eupopup-button_1 {
    font-weight: bold;
    font-size: 14px;
}

.eupopup-button_2 {
    display: none;
}

.eupopup-button {
    color: #f6a21d;
}

.policy-heading .policy-viewdoc-buttons {
    text-align: center;
    margin: 15px;
}

#page-admin-tool-policy-acceptances .colselect {
    width: 35px;
}

/* tool_profiling styles */

.path-admin-tool-profiling .profilingruntable .label {
    font-weight: bold;
}

.path-admin-tool-profiling .profiling_worse {
    color: red;
}

.path-admin-tool-profiling .profiling_better {
    color: green;
}

.path-admin-tool-profiling .profiling_same {
    color: dimgrey;
}

.path-admin-tool-profiling .profiling_important,
.path-admin-tool-profiling .flexible .referencerun {
    font-weight: bold;
}

.path-admin-tool-profiling .flexible {
    margin-left: auto;
    margin-right: auto;
}

#page-admin-tool-task-scheduledtasks .task-class,
#page-admin-tool-task-runningtasks .task-class {
    display: block;
    padding: 0 0.5em;
    color: #888;
    font-size: 0.75em;
}

#page-admin-tool-task-scheduledtasks input[type=text] {
    /*rtl:ignore*/
    direction: ltr;
}

#page-admin-tool-task-scheduledtasks .task-runnow,
#page-admin-tool-task-scheduledtasks .task-clearfaildelay {
    font-size: 0.75em;
}

[data-region="displaytemplateexample"] {
    border-radius: 4px;
    border: 1px inset #e3e3e3;
    padding: 1em;
}

/*
// This file is part of Moodle - http://moodle.org/
//
// Moodle is free software: you can redistribute it and/or modify
// it under the terms of the GNU General Public License as published by
// the Free Software Foundation, either version 3 of the License, or
// (at your option) any later version.
//
// Moodle is distributed in the hope that it will be useful,
// but WITHOUT ANY WARRANTY; without even the implied warranty of
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
// GNU General Public License for more details.
//
// You should have received a copy of the GNU General Public License
// along with Moodle.  If not, see <http://www.gnu.org/licenses/>.

 * general tool specific CSS rules
 *
 * @package     tool_usersuspension
 *
 * @copyright   Sebsoft.nl
 * @author      R.J. van Dongen <rogier@sebsoft.nl>
 * @license     http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
*/
div.tool-usersuspension-warning {
    font-size: 1.6em;
    color: black;
    background-color: #fa0;
    padding: 10px;
}
div.tool-usersuspension-logopromo a img {
    height: 37px;
}
div.tool-usersuspension-notification-error {
    font-size: 1em;
    padding: 10px;
    color: #600;
    background-color: #fbb;
}
div.tool-usersuspension-notification-success {
    font-size: 1em;
    padding: 10px;
    color: #060;
    background-color: #bfb;
}
div.tool-usersuspension-notification-warn {
    font-size: 1em;
    padding: 10px;
    color: #000;
    background-color: #bbf;
}
div[data-flexitour="backdrop"] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

span[data-flexitour="container"] .modal-dialog {
    max-width: 400px;
}

span[data-flexitour="container"] .modal-dialog .modal-content .modal-header {
    border-bottom: 0;
}

span[data-flexitour="container"] .modal-dialog .modal-content .modal-header.minimal,
span[data-flexitour="container"] .modal-dialog .modal-content .modal-footer.minimal {
    padding-top: 0;
    padding-bottom: 0;
}

span[data-flexitour="container"] .modal-dialog .modal-content .modal-footer {
    justify-content: flex-start;
    border-top: 0;
}

span[data-flexitour="container"].orphan {
    position: absolute;
}

span[data-flexitour="container"].orphan div[data-role="arrow"] {
    display: none;
}

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: .5em;
    text-align: center;
    width: 13em;
}

.tour-actions > ul > li > a {
    height: 100%;
    display: block;
    padding: 1em;
}

@media (max-width: 575.98px) {
    span[data-flexitour="container"] {
        margin-left: 10px;
    }
    span[data-flexitour="container"] .modal-content {
        overflow-y: initial;
    }
    span[data-flexitour="container"].orphan {
        margin-left: 5px;
        margin-right: 5px;
    }
}

.path-admin-tool-xmldb a[name="lastused"] {
    padding-top: 50px;
}

.bs-stepper .step-trigger.disabled,
.bs-stepper .step-trigger:disabled {
    opacity:1;
}
/* Style the rules and actions on the view/edit rules page. */
.localprofile-rule-actions {
    border-left: 1px solid #888;
    color: #888;
    margin-left: 15px;
    margin-top: 10px;
    padding-left: 15px;
}
.localprofile-flash {
    animation-duration: 1s;
    animation-name: localprofile-flash;
}

@keyframes localprofile-flash {
    from {
        background-color: inherit;
    }
    25% {
        background-color: #468847;
    }
    50% {
        background-color: #468847;
    }
    to {
        background-color: inherit;
    }
}
.localprofile-combined {
    background-color: #f9f9f9;
    border: 1px solid #ccc;
    margin: 5px;
    padding: 20px;
}
.localprofile-combined .localprofile-fieldwrapper + .localprofile-fieldwrapper .localprofile-value {
    display: none;
}
.localprofile-fieldwrapper {
    margin-top: 30px;
}
.localprofile-fieldwrapper.todelete,
.localprofile-fieldwrapper.todelete span,
.localprofile-fieldwrapper.todelete div,
.localprofile-fieldwrapper.todelete fieldset,
.localprofile-fieldwrapper.todelete label,
.localprofile-fieldwrapper.todelete select,
.localprofile-fieldwrapper.todelete input {
    color: #c38a8a;
    text-decoration: line-through solid currentColor;
}
.localprofile-fieldwrapper.todelete label.deleterule {
    color: #888;
    text-decoration: none;
}

/* Style the rules and actions on the view/edit rules page. */
form #id_hiddenheading legend {
    display: none;
}

/* Add some space to the admin page intro */
.path-admin-local-profilecohort #intro {
    margin-bottom: 1rem;
}

.core_payment_gateways_modal .paypal .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, .2), 0 1px 20px rgba(0, 0, 0, .2);
}

.assignfeedback_editpdf_widget .moodle-dialogue-bd .drawingregion {
    position: inherit;
}

.assignfeedback_editpdf_widget .drawingregion[data-currenttool=select] .commentdrawable textarea,
.assignfeedback_editpdf_widget .drawingregion[data-currenttool=select] .commentdrawable svg {
    cursor: move;
}

.assignfeedback_editpdf_widget .infoicon {
    display: none;
}

.assignfeedback_editpdf_widget .warningmessages {
    position: absolute;
    margin-left: 20px;
    margin-right: 20px;
    bottom: 20px;
}

.assignfeedback_editpdf_widget .drawingregion {
    border: 1px solid #ccc;
    left: 1em;
    right: 1em;
    top: 52px;
    bottom: 0;
    position: absolute;
    overflow: auto;
    background-color: #ccc;
    touch-action: none;
}

.assignfeedback_editpdf_widget {
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
}

.assignfeedback_editpdf_widget .pageheader {
    background-color: #ebebeb;
    border-bottom: 1px solid #ccc;
    padding: 0;
    padding-left: 20px;
    padding-right: 20px;
    min-height: 50px;
    height: 52px;
    overflow: auto;
}

.moodle-dialogue-base .moodle-dialogue.assignfeedback_editpdf_widget .moodle-dialogue-bd {
    padding: 0;
}

.yui3-colourpicker-hidden,
.yui3-commentsearch-hidden,
.yui3-commentmenu-hidden {
    display: none;
}

.assignfeedback_editpdf_widget .pageheader button img {
    padding-top: 3px;
    vertical-align: top;
}

.assignfeedback_editpdf_widget .pageheader button:active {
    background-color: #ccc;
}

.assignfeedback_editpdf_widget .pageheader select,
.assignfeedback_editpdf_widget .pageheader button {
    background: none;
    padding: 4px 7px;
    border: 0;
    border-radius: 0;
    margin: 0;
    height: 30px;
    line-height: 30px;
    vertical-align: top;
    cursor: pointer;
}

.assignfeedback_editpdf_widget .pageheader select {
    vertical-align: top;
    -webkit-appearance: none;
    -moz-appearance: menulist-text;
    background-color: #fff;
    padding: 0 10px;
}

.assignfeedback_editpdf_widget .pageheader select::-ms-expand {
    display: none;
}

.assignfeedback_editpdf_widget .pageheader .navigation button + button,
.assignfeedback_editpdf_widget .pageheader .toolbar button + button,
.assignfeedback_editpdf_widget .pageheader .navigation select + button,
.assignfeedback_editpdf_widget .pageheader .toolbar select + button {
    border-left: 1px solid #ccc;
    border-right: 0;
}

.assignfeedback_editpdf_widget .pageheader .navigation button {
    border-right: 1px solid #ccc;
}

.assignfeedback_editpdf_widget .pageheader .toolbar,
.assignfeedback_editpdf_widget .pageheader .navigation-search,
.assignfeedback_editpdf_widget .pageheader .navigation-expcol,
.assignfeedback_editpdf_widget .pageheader .navigation {
    border: 1px solid #ccc;
    border-bottom-color: #b3b3b3;
    border-radius: 4px;
    margin: 10px 4px;
    background-color: white;
    height: 30px;
    line-height: 30px;
    padding: 0;
}

.assignfeedback_editpdf_commentsearch ul {
    max-height: 400px;
    overflow-y: auto;
    padding: 1em;
}

.assignfeedback_editpdf_commentsearch ul li pre {
    background-color: #efefef;
    white-space: pre-wrap;
    word-break: break-word;
}

.assignfeedback_editpdf_commentsearch ul li pre:hover {
    background-color: #ddd;
}

.assignfeedback_editpdf_commentsearch ul li {
    margin: 2px;
}

.assignfeedback_editpdf_commentsearch a pre {
    font-family: helvetica;
    margin: 0;
    padding: 4px;
}

.assignfeedback_editpdf_widget .navigation-search,
.assignfeedback_editpdf_widget .navigation-expcol,
.assignfeedback_editpdf_widget .navigation {
    float: left;
}

.assignfeedback_editpdf_widget .toolbar_group {
    float: right;
}

.assignfeedback_editpdf_widget .toolbar button {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.assignfeedback_editpdf_widget .toolbar > button.rotateleftbutton {
    /*rtl:raw:
    border-right: 1px solid #ccc;
    border-left: 0;
    */
    /*rtl:ignore*/
    float: left;
}

.assignfeedback_editpdf_widget .toolbar > button.rotaterightbutton {
    /*rtl:ignore*/
    float: right;
}

.assignfeedback_editpdf_widget .toolbar {
    float: left;
}

.assignfeedback_editpdf_widget .navigation,
.assignfeedback_editpdf_widget .navigation-search,
.assignfeedback_editpdf_widget .navigation-expcol,
.assignfeedback_editpdf_widget .toolbar {
    display: inline-block;
}

.assignfeedback_editpdf_colourpicker ul {
    margin: 0;
}

.assignfeedback_editpdf_dropdown li.quicklist_comment {
    width: 200px;
}

.assignfeedback_editpdf_dropdown li.quicklist_comment a {
    white-space: nowrap;
    display: inline-block;
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.assignfeedback_editpdf_dropdown a.delete_quicklist_comment {
    float: right;
    width: 20px;
}

.assignfeedback_editpdf_dropdown button {
    border: 0;
    background: none;
    padding: 6px 7px;
    border-radius: 0;
    border-top: 1px solid #ccc;
}

.assignfeedback_editpdf_dropdown li:first-child button {
    border-top: 0;
}

.moodle-dialogue-base .moodle-dialogue.assignfeedback_editpdf_dropdown .moodle-dialogue-wrap {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    border-radius: 4px;
}

.moodle-dialogue-base .moodle-dialogue.assignfeedback_editpdf_dropdown .moodle-dialogue-bd {
    padding: 0;
}

.moodle-dialogue-base .assignfeedback_editpdf_dropdown .moodle-dialogue-wrap .moodle-dialogue-hd,
.moodle-dialogue-base .assignfeedback_editpdf_dropdown .moodle-dialogue-wrap .moodle-dialogue-ft {
    display: none;
}

.assignfeedback_editpdf_menu li hr {
    margin: 0;
}

.assignfeedback_editpdf_menu li a {
    text-decoration: none;
    color: #555;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 4px;
    margin-bottom: 4px;
}

ul.assignfeedback_editpdf_search {
    margin: 0;
}

.assignfeedback_editpdf_search li {
    list-style-type: none;
}

.assignfeedback_editpdf_search li a {
    text-decoration: none;
    color: #555;
}

.assignfeedback_editpdf_menu li:hover {
    background-color: #ebebeb;
}

ul.assignfeedback_editpdf_menu {
    margin: 0;
    max-height: 40vh;
    overflow-y: auto;
    overflow-x: hidden;
}

.assignfeedback_editpdf_menu li {
    list-style-type: none;
    margin: 0;
    border-radius: 4px;
}

.assignfeedback_editpdf_menu li 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: white;
    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: black;
    border: 2px solid #ccc;
    border-radius: 4px;
    font-size: 16px;
    font-family: helvetica;
    min-height: 1.2em;
}

.assignfeedback_editpdf_widget .commentdrawable textarea:focus {
    outline: thin dotted #333;
    outline-color: -webkit-focus-ring-color;
    outline-width: 5px;
    outline-style: auto;
    outline-offset: -2px;
}

.assignfeedback_editpdf_widget .commentdrawable {
    display: flex;
    z-index: 52;
    height: 0;
}
.assignfeedback_editpdf_widget .annotation {
    z-index: 51;
}

.assignfeedback_editpdf_widget .deleteannotationbutton {
    z-index: 51;
}

.assignfeedback_editpdf_widget .commentdrawable label {
    display: inline-block;
}

.assignfeedback_editpdf_widget .commentdrawable svg {
    display: none;
}

.assignfeedback_editpdf_widget .commentdrawable.commentcollapsed {
    z-index: auto;
    width: 24px;
}

.assignfeedback_editpdf_widget .commentdrawable.commentcollapsed textarea,
.assignfeedback_editpdf_widget .commentdrawable.commentcollapsed a {
    display: none;
}

.assignfeedback_editpdf_widget .commentdrawable.commentcollapsed svg {
    display: inline-block;
    width: 24px;
    height: 24px;
}

.assignfeedback_editpdf_widget .drawingcanvas .loading .progressbarlabel {
    text-align: center;
}

.hideoverflow {
    overflow: hidden;
    position: relative;
}

@media (max-width: 960px) {
    .assignfeedback_editpdf_widget .pageheader {
        height: 104px;
    }

    .assignfeedback_editpdf_widget .drawingregion {
        top: 104px;
    }
}

@media (max-width: 767px) {
    .assignfeedback_editpdf_widget .drawingregion {
        position: relative;
        margin-bottom: 1em;
        top: 0;
        max-height: 312px;
    }

    .assignfeedback_editpdf_widget .pageheader {
        height: auto;
    }
}

@media (max-width: 480px) {
    .assignfeedback_editpdf_widget .pageheader {
        padding-left: 5px;
        padding-right: 5px;
    }
}

#page-mod-quiz-report #manualgradingform {
    width: 100%;
}

#page-mod-quiz-report #manualgradingform.mform br {
    clear: none;
}

#page-mod-quiz-report #manualgradingform.mform .clearfix:after {
    clear: none;
}

#page-mod-quiz-report #manualgradingform .que {
    margin-bottom: 0.7em;
}

/* Rubric - grid layout */

.path-mod-workshop .mform.frozen #id_rubric-grid-wrapper,
.path-mod-workshop .assessmentform.rubric #id_rubric-grid-wrapper {
    border: none;
}

.path-mod-workshop .mform.frozen #id_rubric-grid-wrapper legend,
.path-mod-workshop .assessmentform.rubric #id_rubric-grid-wrapper legend {
    display: none;
}

.path-mod-workshop .mform.frozen #id_rubric-grid-wrapper th,
.path-mod-workshop .mform.frozen #id_rubric-grid-wrapper td,
.path-mod-workshop .assessmentform.rubric.grid #id_rubric-grid-wrapper th,
.path-mod-workshop .assessmentform.rubric.grid #id_rubric-grid-wrapper td {
    border: 1px solid #ddd;
    padding: 5px;
    vertical-align: top;
}

.path-mod-workshop .mform.frozen #id_rubric-grid-wrapper,
.path-mod-workshop .assessmentform.rubric.grid #id_rubric-grid-wrapper .criterion {
    text-align: center;
}

.path-mod-workshop .assessmentform.rubric.grid #id_rubric-grid-wrapper .fitem {
    text-align: center;
}

.path-mod-workshop .mform.frozen #id_rubric-grid-wrapper .fitem .fitemtitle,
.path-mod-workshop .assessmentform.rubric.grid #id_rubric-grid-wrapper .fitem .fitemtitle {
    display: none;
}

.path-mod-workshop .mform.frozen #id_rubric-grid-wrapper,
.path-mod-workshop #id_rubric-grid-wrapper {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

.path-mod-workshop .mform.frozen #id_rubric-grid-wrapper .checkbox,
.path-mod-workshop .assessmentform.rubric.grid #id_rubric-grid-wrapper .checkbox {
    max-width: 100%;
    flex: 0 0 100%;
    text-align: left;
}

.path-mod-workshop .mform.frozen #id_rubric-grid-wrapper .fitem .felement,
.path-mod-workshop .assessmentform.rubric.grid #id_rubric-grid-wrapper .fitem .felement {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.path-mod-workshop .mform.frozen #id_rubric-grid-wrapper .fitem .felement {
    border: none;
}

.path-mod-workshop .assessmentform.rubric.grid #id_rubric-grid-wrapper .fitem .felement span {
    display: block;
    text-align: center;
}

.path-mod-workshop .assessmentform.rubric.grid #id_rubric-grid-wrapper .fitem .felement span label {
    display: block;
    text-align: center;
}

/* Rubric - list layout */

.path-mod-workshop .mform.frozen .fitem.description.rubric + .fitem .fitemtitle,
.path-mod-workshop .assessmentform.rubric.list #id_rubric-grid-wrapper .fitem .fitemtitle {
    display: none;
}

.path-mod-workshop .mform.frozen .fitem.description.rubric + .fitem .fitemtitle + .felement,
.path-mod-workshop .assessmentform.rubric.list .fitem .felement {
    width: auto;
    border: none;
}

.path-mod-workshop .assessmentform.rubric.list .fitem .felement span input {
    display: block;
    float: left;
}

.path-mod-workshop .assessmentform.rubric.list .fitem .felement.fgroup span label {
    display: block;
    margin-left: 30px;
}

/**
 * Manual allocator
 */

.path-mod-workshop .manual-allocator .allocations {
    margin: 0 auto;
    width: 100%;
}

.path-mod-workshop .manual-allocator .allocations tbody tr:nth-of-type(odd) {
    background-color: #eee;
}

.path-mod-workshop .manual-allocator .allocations tbody tr:nth-of-type(odd).highlightreviewerof,
.path-mod-workshop .manual-allocator .allocations tbody tr:nth-of-type(odd).highlightreviewedby {
    background-color: inherit;
}

.path-mod-workshop .manual-allocator .allocations .peer .image {
    margin-right: 5px;
    vertical-align: middle;
}

.path-mod-workshop .manual-allocator .allocations .reviewedby .image,
.path-mod-workshop .manual-allocator .allocations .reviewerof .image {
    margin-right: 3px;
    vertical-align: middle;
}

.path-mod-workshop .manual-allocator .allocations .highlightreviewedby .reviewedby,
.path-mod-workshop .manual-allocator .allocations .highlightreviewerof .reviewerof {
    background-color: #fff3d2;
}

.path-mod-workshop .manual-allocator .allocations tr td {
    vertical-align: top;
    padding: 5px;
}

.path-mod-workshop .manual-allocator .allocations tr td ul {
    margin: 0;
}

.path-mod-workshop .manual-allocator .allocations tr td ul li {
    list-style: none;
}

.path-mod-workshop .manual-allocator .allocations tr td.peer {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

.path-mod-workshop .manual-allocator .allocations .reviewedby .info,
.path-mod-workshop .manual-allocator .allocations .peer .info,
.path-mod-workshop .manual-allocator .allocations .reviewerof .info {
    font-size: 80%;
    color: #888;
    font-style: italic;
}

.path-mod-workshop .manual-allocator .allocations .peer .submission {
    font-size: 90%;
    margin-top: 1em;
}

.path-mod-workshop .random-allocator .warning {
    width: 100%;
    margin: 0 auto 15px auto;
}

.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;
}

/* PLUGIN UI STYLES */

.atto_c4l_button_iconone img {
    width: 18px;
    height: 18px;
    position: relative;
    top: -1px;
}

.c4l-menu-title {
    margin-bottom: 8px;
    margin-left: 3px;
    color: #387af1;
    font-weight: bold;
    font-size: 10px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.c4l-dialog-button {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    flex: 0 1 31%;
    min-height: 32px;
    background-color: #fff;
    border-radius: 1px;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 10px;
    border-width: 0;
    font-weight: 600;
    color: #505d78;
    border: 0 solid transparent;
    font-size: 13px;
    box-shadow: 0 2.52644px 18.5272px rgba(0, 0, 0, .07);
    transition: .15s ease-in-out;
    -webkit-transition: .15s ease-in-out;
    -moz-transition: .15s ease-in-out;
    -ms-transition: .15s ease-in-out;
    -o-transition: .15s ease-in-out;
    position: relative;
    text-align: left;
}

.c4l-dialog-button:hover,
.c4l-dialog-button:active {
    transform: scale(1.04);
    -webkit-transform: scale(1.04);
    -moz-transform: scale(1.04);
    -ms-transform: scale(1.04);
    -o-transform: scale(1.04);
}

.c4l-dialog-button::before {
    margin-top: 4px;
    margin-right: 18px;
}

.c4l-dialog-button:after {
    content: " ";
    height: 24px;
    border-left: 1px solid #e0eaf6;
    position: absolute;
    left: 58px;
}

.c4l-plugin-container {
    padding: 1rem;
    background-color: #f6f7f8;
    border: 1px solid #dee2e6;
}

.c4l-buttons-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-bottom: 24px;
}


/* Contextual components buttons */

.c4l-keyconcept-icon:before {
    content: url(/theme/image.php/boost_union/atto_c4l/1753274487/noun_project_icons/c4l_keyconcept_icon);
}

.c4l-tip-icon:before {
    content: url(/theme/image.php/boost_union/atto_c4l/1753274487/noun_project_icons/c4l_tip_icon);
}

.c4l-reminder-icon:before {
    content: url(/theme/image.php/boost_union/atto_c4l/1753274487/noun_project_icons/c4l_reminder_icon);
}

.c4l-attention-icon:before {
    content: url(/theme/image.php/boost_union/atto_c4l/1753274487/c4l_attention_icon);
}

.c4l-quote-icon:before {
    content: url(/theme/image.php/boost_union/atto_c4l/1753274487/noun_project_icons/c4l_quote_icon);
}

.c4l-dodontcards-icon:before {
    content: url(/theme/image.php/boost_union/atto_c4l/1753274487/c4l_dodontcards_icon);
}

.c4l-readingcontext-icon:before {
    content: url(/theme/image.php/boost_union/atto_c4l/1753274487/noun_project_icons/c4l_readingcontext_icon);
}

.c4l-example-icon:before {
    content: url(/theme/image.php/boost_union/atto_c4l/1753274487/c4l_example_icon);
}

.c4l-figure-icon:before {
    content: url(/theme/image.php/boost_union/atto_c4l/1753274487/c4l_figure_icon);
}

.c4l-tag-icon:before {
    content: url(/theme/image.php/boost_union/atto_c4l/1753274487/noun_project_icons/c4l_tag_icon);
}


/* Procedural components buttons */

.c4l-estimatedtime-icon:before {
    content: url(/theme/image.php/boost_union/atto_c4l/1753274487/noun_project_icons/c4l_estimatedtime_icon);
}

.c4l-duedate-icon:before {
    content: url(/theme/image.php/boost_union/atto_c4l/1753274487/noun_project_icons/c4l_duedate_icon);
}

.c4l-proceduralcontext-icon:before {
    content: url(/theme/image.php/boost_union/atto_c4l/1753274487/c4l_proceduralcontext_icon);
}


/* Evaluative components buttons */

.c4l-gradingvalue-icon:before {
    content: url(/theme/image.php/boost_union/atto_c4l/1753274487/noun_project_icons/c4l_gradingvalue_icon);
}

.c4l-expectedfeedback-icon:before {
    content: url(/theme/image.php/boost_union/atto_c4l/1753274487/noun_project_icons/c4l_expectedfeedback_icon);
}


/* Helper components buttons */

.c4l-allpurposecard-icon:before {
    content: url(/theme/image.php/boost_union/atto_c4l/1753274487/c4l_allpurposecard_icon);
}

.c4l-inlinetag-icon:before {
    content: url(/theme/image.php/boost_union/atto_c4l/1753274487/c4l_inlinetag_icon);
}


/* COMPONENT STYLES */

/* Utilities */

.c4l-spacer {
    display: block;
    height: 12px;
}

.c4l-inline-group {
    display: flex;
    flex-direction: row;
    align-content: flex-end;
    justify-content: flex-end;
}

.c4l-display-left {
    display: flex;
    flex-direction: row;
    align-content: flex-start;
    justify-content: flex-start;
}

.c4l-spacer + .c4l-display-left {
    margin-top: 0;
}

/* Key concept */

.c4l-keyconcept {
    min-width: 200px;
    max-width: 99%;
    background-color: #f1f5fe;
    padding: 24px 36px 30px 36px;
    border: none;
    border-left: 6px solid #387af1;
    margin: 36px auto;
    position: relative;
    border-radius: 0;
}

.c4l-spacer + .c4l-keyconcept {
    margin: 0 auto;
}
    
.c4l-keyconcept p:last-of-type {
    margin-bottom: 0;
}


/* Tip */

.c4l-tip {
    min-width: 200px;
    max-width: 99%;
    background-color: #fbeffa;
    padding: 24px 48px 30px 36px;
    border: none;
    border-left: 6px solid #b00ca9;
    margin: 36px auto;
    position: relative;
    border-radius: 0;
}

.c4l-spacer + .c4l-tip {
    margin: 0 auto;
}

.c4l-tip p:last-of-type {
    margin-bottom: 0;
}

.c4l-tip:after {
    content: url(/theme/image.php/boost_union/atto_c4l/1753274487/noun_project_icons/c4l_tip);
    position: absolute;
    top: 6px;
    right: -3px;
}


/* Reminder */

.c4l-reminder {
    min-width: 200px;
    max-width: 99%;
    background-color: #eff8fd;
    padding: 24px 48px 30px 36px;
    border: none;
    border-left: 6px solid #16b9ff;
    margin: 36px auto;
    position: relative;
    border-radius: 0;
}

.c4l-spacer + .c4l-reminder {
    margin: 0 auto;
}

.c4l-reminder p:last-of-type {
    margin-bottom: 0;
}

.c4l-reminder:after {
    content: url(/theme/image.php/boost_union/atto_c4l/1753274487/noun_project_icons/c4l_reminder);
    position: absolute;
    top: 6px;
    right: -3px;
}


/* Attention */

.c4l-attention {
    min-width: 200px;
    max-width: 99%;
    background-color: #fef6ed;
    padding: 24px 48px 30px 36px;
    border: none;
    border-left: 6px solid #f88923;
    margin: 36px auto;
    position: relative;
    border-radius: 0;
}

.c4l-spacer + .c4l-attention {
    margin: 0 auto;
}

.c4l-attention p:last-of-type {
    margin-bottom: 0;
}

.c4l-attention:after {
    content: url(/theme/image.php/boost_union/atto_c4l/1753274487/c4l_attention);
    position: absolute;
    top: 6px;
    right: -3px;
}


/* Quote */

.c4l-quote {
    /*font-family: "Lora", serif; <== Reccomended font -not included: requires link to Google Fonts */
    font-family: Iowan Old Style, Apple Garamond, Baskerville, Times New Roman, Droid Serif, Times, Source Serif Pro, serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    font-size: 16px;
    line-height: 24px;
    margin: 24px auto;
    min-width: 200px;
    max-width: 100%;
}

.c4l-spacer + .c4l-quote {
    margin: 0 auto;
}

.c4l-quote-body {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: space-between;
    font-style: italic;
}

.c4l-quote-line {
    border-left: 4px solid #387af1;
    margin-right: 16px;
    margin-top: 4px;
    margin-bottom: 2px;
}

.c4l-quote-text:before {
    content: '';
    position: static;
    top: 0;
    margin-right: 0;
}

.c4l-quote-text:after {
    content: '';
    position: static;
    top: 0;
    margin-left: 0;
}

.c4l-quote-text p:first-of-type:before {
    content: url(/theme/image.php/boost_union/atto_c4l/1753274487/noun_project_icons/c4l_quote_open);
    position: relative;
    top: -4px;
    margin-right: 2px;
} 
.c4l-quote-text p:last-of-type::after {
    content: url(/theme/image.php/boost_union/atto_c4l/1753274487/noun_project_icons/c4l_quote_close);
    position: relative;
    top: -2px;
    margin-left: 2px;
}

.c4l-quote-text p:last-of-type {
    margin-bottom: 0;
}

.c4l-quote-caption {
    font-size: 13px;
    margin-top: 12px;
    text-align: right;
}

.c4l-quote-caption span {
    text-transform: uppercase;
    font-size: 14px;
}

.c4l-quote-caption span:after {
    content: ",";
}


/* Do - Don't cards */

.c4l-dodontcards .c4l-dodontcards-do {
    margin-top: 36px;
}

.c4l-dodontcards .c4l-dodontcards-dont {
    margin-bottom: 36px;
}

.c4l-dodontcards > .c4l-dodontcards-dont {
    margin-top: 12px;
}

.c4l-dodontcards-do {
    min-width: 200px;
    max-width: 100%;
    background: #f1fbf5;
    border-radius: 10px;
    padding: 24px 48px 30px 36px;
    margin: 12px auto;
    position: relative;
}

.c4l-dodontcards-do::before {
    content: url(/theme/image.php/boost_union/atto_c4l/1753274487/c4l_docard);
    position: absolute;
    top: 12px;
    right: 12px;
}

.c4l-dodontcards-dont {
    min-width: 200px;
    max-width: 100%;
    background: #ffefef;
    border-radius: 10px;
    padding: 24px 48px 30px 36px;
    margin: 12px auto;
    position: relative;
}

.c4l-dodontcards-dont::before {
    content: url(/theme/image.php/boost_union/atto_c4l/1753274487/c4l_dontcard);
    position: absolute;
    top: 12px;
    right: 12px;
}

.c4l-spacer + .c4l-dodontcards .c4l-dodontcards-do {
    margin-top: 0;
}

.c4l-spacer + .c4l-dodontcards .c4l-dodontcards-dont {
    margin-bottom: 0;
}

.c4l-dodontcards-do p,
.c4l-dodontcards-dont p {
    margin-bottom: 6px;
}

.c4l-dodontcards-do p:last-of-type,
.c4l-dodontcards-dont p:last-of-type {
    margin-bottom: 0;
}

/* Reading Context */

.c4l-readingcontext {
    min-width: 200px;
    max-width: 75%;
    padding: 30px 40px 19px 40px;
    background-color: #fff;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);
    box-sizing: border-box;
    margin: 36px auto;
    /*font-family: "Lora", serif; <== Reccomended font -not included: requires link to Google Fonts */
    font-family: Iowan Old Style, Apple Garamond, Baskerville, Times New Roman, Droid Serif, Times, Source Serif Pro, serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
}

.c4l-spacer + .c4l-readingcontext {
    margin-top: 16px;
    margin-bottom: 4px;
}

.c4l-readingcontext p {
    font-size: 16px;
    line-height: 23px;
}

.c4l-readingcontext .c4l-readingcontext-caption {
    font-size: 16px;
    margin-top: 24px;
    text-align: right;
    padding-bottom: 14px;
    font-style: italic;
}

.c4l-readingcontext .c4l-readingcontext-caption span {
    text-transform: uppercase;
    font-size: 16px;
    font-style: normal;
}

.c4l-readingcontext .c4l-readingcontext-caption span:after {
    content: ",";
}


/* Example */

.c4l-example {
    font-size: 15px;
    line-height: 22px;
    color: inherit;
    background: #fff;
    border-radius: 0;
    margin: 36px auto;
    min-width: 75%;
    max-width: 100%;
    padding: 18px 24px;
    position: relative;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.13);
}

.c4l-spacer + .c4l-example {
    margin: 0 auto;
}

.c4l-example h1 {
    font-weight: 700;
    font-size: 11px;
    line-height: 21px;
    letter-spacing: 0.5px;
    color: #3171e3;
    margin: 0 0 24px 0;
    text-transform: uppercase;
    font-family: inherit;
    display: inline-block;
    border-bottom: 2px solid #3171e3;
}


/* Figure */

.c4l-figure {
    min-width: 200px;
    max-width: 720px;
    margin: 48px auto;
}

.c4l-spacer + .c4l-figure {
    margin: 24px auto 14px auto;
}

.c4l-figure img {
    width: 100%;
}

.c4l-figure figcaption {
    font-size: 13px;
    line-height: 16px;
    color: #686d79;
    margin-top: 7px;
}

.c4l-figure .c4l-figure-footer:after {
    content: " | ";
    font-weight: normal;
    font-style: normal;
}

.c4l-figure .c4l-figure-caption {
    font-style: normal;
    font-size: 12px;
}

.c4l-figure figcaption span strong {
    font-weight: 700;
}

/* Tag */

.c4l-tag {
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    color: #2167cf;
    background-color: #f1f5fe;
    border-radius: 30px;
    padding: 4px 17px;
    line-height: 20px;
    margin-bottom: 24px;
    text-transform: uppercase;
    letter-spacing: .2px;
}


/* Estimated Time */

.c4l-estimatedtime {
    font-size: 12px;
    color: #2167cf;
    background-color: #f1f5fe;
    padding: 6px 14px;
    font-weight: 700;
    margin-left: 6px;
    margin-bottom: 24px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 36px;
    position: relative;
    border-radius: 5px;
}

.c4l-estimatedtime span {
    font-weight: 600;
    font-size: 10px;
}

.c4l-estimatedtime:before {
    content: url(/theme/image.php/boost_union/atto_c4l/1753274487/noun_project_icons/c4l_estimatedtime);
    position: absolute;
    left: 12px;
}


/* Due date */

.c4l-duedate {
    font-size: 12px;
    color: #2167cf;
    background-color: #f1f5fe;
    padding: 6px 14px;
    font-weight: 600;
    margin-left: 6px;
    margin-bottom: 24px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 36px;
    position: relative;
    border-radius: 5px;
}

.c4l-duedate:after {
    content: url(/theme/image.php/boost_union/atto_c4l/1753274487/noun_project_icons/c4l_duedate);
    position: absolute;
    left: 12px;
}


/* Procedural Context */

.c4l-proceduralcontext {
    font-style: italic;
    color: #3a56af;
    margin-bottom: 12px;
    padding-top: 24px;
    padding-bottom: 24px;
    font-weight: 400;
}

.c4l-spacer + .c4l-proceduralcontext {
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
}

/* Grading Value */

.c4l-gradingvalue {
    font-size: 12px;
    color: #2167cf;
    background-color: #f1f5fe;
    padding: 6px 14px;
    font-weight: 700;
    margin-left: 6px;
    margin-bottom: 24px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 36px;
    position: relative;
    border-radius: 5px;
}

.c4l-gradingvalue span {
    font-weight: 600;
    font-size: 10px;
}

.c4l-gradingvalue:after {
    content: url(/theme/image.php/boost_union/atto_c4l/1753274487/noun_project_icons/c4l_gradingvalue);
    position: absolute;
    left: 12px;
    top: 6px;
}

/* Expected Feedback */

.c4l-expectedfeedback {
    min-width: 200px;
    max-width: 90%;
    background-color: #fff;
    padding: 24px 36px 30px 36px;
    margin: 36px auto;
    font-style: italic;
    position: relative;
    border-radius: 8px;
    border: none;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.13);
}

.c4l-spacer + .c4l-expectedfeedback {
    margin: 0 auto;
}

.c4l-expectedfeedback p:last-of-type {
    margin-bottom: 0;
}

.c4l-expectedfeedback:before {
    content: '';
}

.c4l-expectedfeedback:after {
    content: url(/theme/image.php/boost_union/atto_c4l/1753274487/noun_project_icons/c4l_expectedfeedback);
    position: absolute;
    bottom: 6px;
    right: -3px;
}

/* All-purpose Card */

.c4l-allpurposecard {
    min-width: 200px;
    max-width: 100%;
    background: #f1f5fe;
    border-radius: 10px;
    padding: 24px 48px 30px 36px;
    margin: 24px auto;
    position: relative;
}

.c4l-spacer + .c4l-allpurposecard {
    margin: 0 auto;
}

.c4l-allpurposecard p {
    margin-bottom: 6px;
}

.c4l-allpurposecard p:last-of-type {
    margin-bottom: 0;
}


/* Inline Tag */

.c4l-inlinetag {
    font-weight: 900;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: .2px;
    display: inline-block;
    color: #fff;
    background: #3171e3;
    border-radius: 7px;
    padding: 2px 7px 1px 7px;
    position: relative;
    top: -2px;
    margin-left: 4px;
    margin-right: 4px;
}

/* Media queries */

@media only screen and (min-width: 576px) {

    .c4l-keyconcept,
    .c4l-tip,
    .c4l-reminder,
    .c4l-attention {
        max-width: 90%;
        margin: 48px auto;
    }

    .c4l-spacer + .c4l-keyconcept,
    .c4l-spacer + .c4l-tip,
    .c4l-spacer + .c4l-reminder,
    .c4l-spacer + .c4l-attention,
    .c4l-spacer + .c4l-expectedfeedback {
        margin: 24px auto 8px auto;
    }

    .c4l-quote {
        margin: 36px auto;
        max-width: 90%;
    }

    .c4l-spacer + .c4l-quote {
        margin: 12px auto 0 auto;
    }

    .c4l-quote-caption {
        margin-top: 24px;
    }

    .c4l-dodontcards-do,
    .c4l-dodontcards-dont {
        max-width: 90%;
        margin: 24px auto;
    }

    .c4l-spacer + .c4l-dodontcards .c4l-dodontcards-do {
        margin-top: 0;
    }

    .c4l-spacer + .c4l-dodontcards .c4l-dodontcards-dont {
        margin-bottom: 0;
    }

    .c4l-readingcontext {
        max-width: 88%;
    }

    .c4l-example {
        max-width: 88%;
        padding: 36px 48px;
    }

    .c4l-spacer + .c4l-example {
        margin: 12px auto 6px auto;
        padding: 36px 48px;
    }

    .c4l-expectedfeedback {
        max-width: 88%;
        margin: 48px auto;
    }

    .c4l-allpurposecard {
        margin: 36px auto;
        max-width: 90%;
    }
}

@media only screen and (min-width: 768px) {

    .c4l-keyconcept,
    .c4l-tip,
    .c4l-reminder,
    .c4l-attention,
    .c4l-dodontcards-do,
    .c4l-dodontcards-dont,
    .c4l-readingcontext,
    .c4l-expectedfeedback,
    .c4l-allpurposecard {
        max-width: 75%;
    }

    .c4l-quote {
        margin: 48px auto;
        max-width: 75%;
    }

    .c4l-spacer + .c4l-quote {
        margin: 24px auto 14px auto;
    }

    .c4l-example {
        margin: 48px auto;
        max-width: 75%;
    }

    .c4l-spacer + .c4l-example {
        margin: 24px auto 12px auto;
    }
}
.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; /* stylelint-disable-line declaration-no-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/boost_union/atto_h5p/1753274487/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 {
    /* If the image is display: block then linking the image to URLs won't work. */
    display: inline-block;
    max-width: calc(100% - 1em);
}

/*rtl:begin:ignore*/
.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);
}
/*rtl:end:ignore*/
#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: normal;
    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;
}

.warning-desc {
    word-wrap: break-word;
}

.warning-desc li {
    margin-bottom: 10px;
}
.tiny_equation_library button {
    margin: 0.25%;
    min-width: 10%;
}

#tiny_media_form {
    padding: 1rem;
}

#tiny_media_form #id_deletefileshdr {
    display: none;
}

#tiny_media_form.has-unused-files #id_deletefileshdr {
    display: block;
}

#tiny_media_form #id_missingfileshdr {
    display: none;
}

#tiny_media_form.has-missing-files #id_missingfileshdr {
    display: block;
}

iframe.mm_iframe {
    height: 650px;
    border: none;
    width: 100%;
}

.missing-files ol {
    padding-left: 15px;
}

.missing-files ol li {
    font-style: italic;
    font-weight: 600;
    color: red;
}

.tiny_recordrtc,
.tiny_recordrtc div {
    font-weight: normal;
    line-height: 40px;
    padding: 3px 0 3px 0;
}

.tiny_recordrtc .alert {
    line-height: 40px;
    text-align: center;
}

.tiny_recordrtc audio {
    display: block;
    width: 100%;
}

@media screen and (max-width: 670px) {
    .tiny_recordrtc video {
        display: block;
        height: auto;
        margin: 0 auto;
        width: 100%;
    }
}

@media screen and (min-width: 671px) {
    .tiny_recordrtc video {
        display: block;
        height: 480px;
        margin: 0 auto;
        width: 640px;
    }
}

.tiny_recordrtc #start-stop,
.tiny_recordrtc #upload {
    white-space: normal;
}

.tiny_recordrtc video {
    border-radius: 8px;
}

#tinymce_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";
/** Pre-SCSS from theme_boost_get_pre_scss **/
/** Pre-SCSS from theme_boost_union_get_pre_scss **/
/* This file is empty by purpose.
You can add your SCSS code here if you really need to. */
@font-face {
  font-family: "FontAwesome";
  src: url(/theme/font.php/boost_union/core/1753274487/fontawesome-webfont.eot?v=4.7.0);
  src: url("/theme/font.php/boost_union/core/1753274487/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url(/theme/font.php/boost_union/core/1753274487/fontawesome-webfont.woff2?v=4.7.0) format("woff2"), url(/theme/font.php/boost_union/core/1753274487/fontawesome-webfont.woff?v=4.7.0) format("woff"), url(/theme/font.php/boost_union/core/1753274487/fontawesome-webfont.ttf?v=4.7.0) format("truetype"), url("/theme/font.php/boost_union/core/1753274487/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33332em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.28574em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.1429em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.1429em;
  width: 2.1429em;
  top: 0.14286em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.85718em;
}
.fa-border {
  padding: 0.2em 0.25em 0.15em;
  border: solid 0.08em #eee;
  border-radius: 0.1em;
}
.fa-pull-left {
  float: left;
}
.fa-pull-right {
  float: right;
}
.fa.fa-pull-left {
  margin-right: 0.3em;
}
.fa.fa-pull-right {
  margin-left: 0.3em;
}
/* Deprecated as of 4.4.0 */
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left {
  margin-right: 0.3em;
}
.fa.pull-right {
  margin-left: 0.3em;
}
.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0,mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2,mirror=1)";
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
:root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical {
  filter: none;
}
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.fa-stack-1x, .fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #fff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "";
}
.fa-music:before {
  content: "";
}
.fa-search:before {
  content: "";
}
.fa-envelope-o:before {
  content: "";
}
.fa-heart:before {
  content: "";
}
.fa-star:before {
  content: "";
}
.fa-star-o:before {
  content: "";
}
.fa-user:before {
  content: "";
}
.fa-film:before {
  content: "";
}
.fa-th-large:before {
  content: "";
}
.fa-th:before {
  content: "";
}
.fa-th-list:before {
  content: "";
}
.fa-check:before {
  content: "";
}
.fa-remove:before, .fa-close:before, .fa-times:before {
  content: "";
}
.fa-search-plus:before {
  content: "";
}
.fa-search-minus:before {
  content: "";
}
.fa-power-off:before {
  content: "";
}
.fa-signal:before {
  content: "";
}
.fa-gear:before, .fa-cog:before {
  content: "";
}
.fa-trash-o:before {
  content: "";
}
.fa-home:before {
  content: "";
}
.fa-file-o:before {
  content: "";
}
.fa-clock-o:before {
  content: "";
}
.fa-road:before {
  content: "";
}
.fa-download:before {
  content: "";
}
.fa-arrow-circle-o-down:before {
  content: "";
}
.fa-arrow-circle-o-up:before {
  content: "";
}
.fa-inbox:before {
  content: "";
}
.fa-play-circle-o:before {
  content: "";
}
.fa-rotate-right:before, .fa-repeat:before {
  content: "";
}
.fa-refresh:before {
  content: "";
}
.fa-list-alt:before {
  content: "";
}
.fa-lock:before {
  content: "";
}
.fa-flag:before {
  content: "";
}
.fa-headphones:before {
  content: "";
}
.fa-volume-off:before {
  content: "";
}
.fa-volume-down:before {
  content: "";
}
.fa-volume-up:before {
  content: "";
}
.fa-qrcode:before {
  content: "";
}
.fa-barcode:before {
  content: "";
}
.fa-tag:before {
  content: "";
}
.fa-tags:before {
  content: "";
}
.fa-book:before {
  content: "";
}
.fa-bookmark:before {
  content: "";
}
.fa-print:before {
  content: "";
}
.fa-camera:before {
  content: "";
}
.fa-font:before {
  content: "";
}
.fa-bold:before {
  content: "";
}
.fa-italic:before {
  content: "";
}
.fa-text-height:before {
  content: "";
}
.fa-text-width:before {
  content: "";
}
.fa-align-left:before {
  content: "";
}
.fa-align-center:before {
  content: "";
}
.fa-align-right:before {
  content: "";
}
.fa-align-justify:before {
  content: "";
}
.fa-list:before {
  content: "";
}
.fa-dedent:before, .fa-outdent:before {
  content: "";
}
.fa-indent:before {
  content: "";
}
.fa-video-camera:before {
  content: "";
}
.fa-photo:before, .fa-image:before, .fa-picture-o:before {
  content: "";
}
.fa-pencil:before {
  content: "";
}
.fa-map-marker:before {
  content: "";
}
.fa-adjust:before {
  content: "";
}
.fa-tint:before {
  content: "";
}
.fa-edit:before, .fa-pencil-square-o:before {
  content: "";
}
.fa-share-square-o:before {
  content: "";
}
.fa-check-square-o:before {
  content: "";
}
.fa-arrows:before {
  content: "";
}
.fa-step-backward:before {
  content: "";
}
.fa-fast-backward:before {
  content: "";
}
.fa-backward:before {
  content: "";
}
.fa-play:before {
  content: "";
}
.fa-pause:before {
  content: "";
}
.fa-stop:before {
  content: "";
}
.fa-forward:before {
  content: "";
}
.fa-fast-forward:before {
  content: "";
}
.fa-step-forward:before {
  content: "";
}
.fa-eject:before {
  content: "";
}
.fa-chevron-left:before {
  content: "";
}
.fa-chevron-right:before {
  content: "";
}
.fa-plus-circle:before {
  content: "";
}
.fa-minus-circle:before {
  content: "";
}
.fa-times-circle:before {
  content: "";
}
.fa-check-circle:before {
  content: "";
}
.fa-question-circle:before {
  content: "";
}
.fa-info-circle:before {
  content: "";
}
.fa-crosshairs:before {
  content: "";
}
.fa-times-circle-o:before {
  content: "";
}
.fa-check-circle-o:before {
  content: "";
}
.fa-ban:before {
  content: "";
}
.fa-arrow-left:before {
  content: "";
}
.fa-arrow-right:before {
  content: "";
}
.fa-arrow-up:before {
  content: "";
}
.fa-arrow-down:before {
  content: "";
}
.fa-mail-forward:before, .fa-share:before {
  content: "";
}
.fa-expand:before {
  content: "";
}
.fa-compress:before {
  content: "";
}
.fa-plus:before {
  content: "";
}
.fa-minus:before {
  content: "";
}
.fa-asterisk:before {
  content: "";
}
.fa-exclamation-circle:before {
  content: "";
}
.fa-gift:before {
  content: "";
}
.fa-leaf:before {
  content: "";
}
.fa-fire:before {
  content: "";
}
.fa-eye:before {
  content: "";
}
.fa-eye-slash:before {
  content: "";
}
.fa-warning:before, .fa-exclamation-triangle:before {
  content: "";
}
.fa-plane:before {
  content: "";
}
.fa-calendar:before {
  content: "";
}
.fa-random:before {
  content: "";
}
.fa-comment:before {
  content: "";
}
.fa-magnet:before {
  content: "";
}
.fa-chevron-up:before {
  content: "";
}
.fa-chevron-down:before {
  content: "";
}
.fa-retweet:before {
  content: "";
}
.fa-shopping-cart:before {
  content: "";
}
.fa-folder:before {
  content: "";
}
.fa-folder-open:before {
  content: "";
}
.fa-arrows-v:before {
  content: "";
}
.fa-arrows-h:before {
  content: "";
}
.fa-bar-chart-o:before, .fa-bar-chart:before {
  content: "";
}
.fa-twitter-square:before {
  content: "";
}
.fa-facebook-square:before {
  content: "";
}
.fa-camera-retro:before {
  content: "";
}
.fa-key:before {
  content: "";
}
.fa-gears:before, .fa-cogs:before {
  content: "";
}
.fa-comments:before {
  content: "";
}
.fa-thumbs-o-up:before {
  content: "";
}
.fa-thumbs-o-down:before {
  content: "";
}
.fa-star-half:before {
  content: "";
}
.fa-heart-o:before {
  content: "";
}
.fa-sign-out:before {
  content: "";
}
.fa-linkedin-square:before {
  content: "";
}
.fa-thumb-tack:before {
  content: "";
}
.fa-external-link:before {
  content: "";
}
.fa-sign-in:before {
  content: "";
}
.fa-trophy:before {
  content: "";
}
.fa-github-square:before {
  content: "";
}
.fa-upload:before {
  content: "";
}
.fa-lemon-o:before {
  content: "";
}
.fa-phone:before {
  content: "";
}
.fa-square-o:before {
  content: "";
}
.fa-bookmark-o:before {
  content: "";
}
.fa-phone-square:before {
  content: "";
}
.fa-twitter:before {
  content: "";
}
.fa-facebook-f:before, .fa-facebook:before {
  content: "";
}
.fa-github:before {
  content: "";
}
.fa-unlock:before {
  content: "";
}
.fa-credit-card:before {
  content: "";
}
.fa-feed:before, .fa-rss:before {
  content: "";
}
.fa-hdd-o:before {
  content: "";
}
.fa-bullhorn:before {
  content: "";
}
.fa-bell:before {
  content: "";
}
.fa-certificate:before {
  content: "";
}
.fa-hand-o-right:before {
  content: "";
}
.fa-hand-o-left:before {
  content: "";
}
.fa-hand-o-up:before {
  content: "";
}
.fa-hand-o-down:before {
  content: "";
}
.fa-arrow-circle-left:before {
  content: "";
}
.fa-arrow-circle-right:before {
  content: "";
}
.fa-arrow-circle-up:before {
  content: "";
}
.fa-arrow-circle-down:before {
  content: "";
}
.fa-globe:before {
  content: "";
}
.fa-wrench:before {
  content: "";
}
.fa-tasks:before {
  content: "";
}
.fa-filter:before {
  content: "";
}
.fa-briefcase:before {
  content: "";
}
.fa-arrows-alt:before {
  content: "";
}
.fa-group:before, .fa-users:before {
  content: "";
}
.fa-chain:before, .fa-link:before {
  content: "";
}
.fa-cloud:before {
  content: "";
}
.fa-flask:before {
  content: "";
}
.fa-cut:before, .fa-scissors:before {
  content: "";
}
.fa-copy:before, .fa-files-o:before {
  content: "";
}
.fa-paperclip:before {
  content: "";
}
.fa-save:before, .fa-floppy-o:before {
  content: "";
}
.fa-square:before {
  content: "";
}
.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
  content: "";
}
.fa-list-ul:before {
  content: "";
}
.fa-list-ol:before {
  content: "";
}
.fa-strikethrough:before {
  content: "";
}
.fa-underline:before {
  content: "";
}
.fa-table:before {
  content: "";
}
.fa-magic:before {
  content: "";
}
.fa-truck:before {
  content: "";
}
.fa-pinterest:before {
  content: "";
}
.fa-pinterest-square:before {
  content: "";
}
.fa-google-plus-square:before {
  content: "";
}
.fa-google-plus:before {
  content: "";
}
.fa-money:before {
  content: "";
}
.fa-caret-down:before {
  content: "";
}
.fa-caret-up:before {
  content: "";
}
.fa-caret-left:before {
  content: "";
}
.fa-caret-right:before {
  content: "";
}
.fa-columns:before {
  content: "";
}
.fa-unsorted:before, .fa-sort:before {
  content: "";
}
.fa-sort-down:before, .fa-sort-desc:before {
  content: "";
}
.fa-sort-up:before, .fa-sort-asc:before {
  content: "";
}
.fa-envelope:before {
  content: "";
}
.fa-linkedin:before {
  content: "";
}
.fa-rotate-left:before, .fa-undo:before {
  content: "";
}
.fa-legal:before, .fa-gavel:before {
  content: "";
}
.fa-dashboard:before, .fa-tachometer:before {
  content: "";
}
.fa-comment-o:before {
  content: "";
}
.fa-comments-o:before {
  content: "";
}
.fa-flash:before, .fa-bolt:before {
  content: "";
}
.fa-sitemap:before {
  content: "";
}
.fa-umbrella:before {
  content: "";
}
.fa-paste:before, .fa-clipboard:before {
  content: "";
}
.fa-lightbulb-o:before {
  content: "";
}
.fa-exchange:before {
  content: "";
}
.fa-cloud-download:before {
  content: "";
}
.fa-cloud-upload:before {
  content: "";
}
.fa-user-md:before {
  content: "";
}
.fa-stethoscope:before {
  content: "";
}
.fa-suitcase:before {
  content: "";
}
.fa-bell-o:before {
  content: "";
}
.fa-coffee:before {
  content: "";
}
.fa-cutlery:before {
  content: "";
}
.fa-file-text-o:before {
  content: "";
}
.fa-building-o:before {
  content: "";
}
.fa-hospital-o:before {
  content: "";
}
.fa-ambulance:before {
  content: "";
}
.fa-medkit:before {
  content: "";
}
.fa-fighter-jet:before {
  content: "";
}
.fa-beer:before {
  content: "";
}
.fa-h-square:before {
  content: "";
}
.fa-plus-square:before {
  content: "";
}
.fa-angle-double-left:before {
  content: "";
}
.fa-angle-double-right:before {
  content: "";
}
.fa-angle-double-up:before {
  content: "";
}
.fa-angle-double-down:before {
  content: "";
}
.fa-angle-left:before {
  content: "";
}
.fa-angle-right:before {
  content: "";
}
.fa-angle-up:before {
  content: "";
}
.fa-angle-down:before {
  content: "";
}
.fa-desktop:before {
  content: "";
}
.fa-laptop:before {
  content: "";
}
.fa-tablet:before {
  content: "";
}
.fa-mobile-phone:before, .fa-mobile:before {
  content: "";
}
.fa-circle-o:before {
  content: "";
}
.fa-quote-left:before {
  content: "";
}
.fa-quote-right:before {
  content: "";
}
.fa-spinner:before {
  content: "";
}
.fa-circle:before {
  content: "";
}
.fa-mail-reply:before, .fa-reply:before {
  content: "";
}
.fa-github-alt:before {
  content: "";
}
.fa-folder-o:before {
  content: "";
}
.fa-folder-open-o:before {
  content: "";
}
.fa-smile-o:before {
  content: "";
}
.fa-frown-o:before {
  content: "";
}
.fa-meh-o:before {
  content: "";
}
.fa-gamepad:before {
  content: "";
}
.fa-keyboard-o:before {
  content: "";
}
.fa-flag-o:before {
  content: "";
}
.fa-flag-checkered:before {
  content: "";
}
.fa-terminal:before {
  content: "";
}
.fa-code:before {
  content: "";
}
.fa-mail-reply-all:before, .fa-reply-all:before {
  content: "";
}
.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {
  content: "";
}
.fa-location-arrow:before {
  content: "";
}
.fa-crop:before {
  content: "";
}
.fa-code-fork:before {
  content: "";
}
.fa-unlink:before, .fa-chain-broken:before {
  content: "";
}
.fa-question:before {
  content: "";
}
.fa-info:before {
  content: "";
}
.fa-exclamation:before {
  content: "";
}
.fa-superscript:before {
  content: "";
}
.fa-subscript:before {
  content: "";
}
.fa-eraser:before {
  content: "";
}
.fa-puzzle-piece:before {
  content: "";
}
.fa-microphone:before {
  content: "";
}
.fa-microphone-slash:before {
  content: "";
}
.fa-shield:before {
  content: "";
}
.fa-calendar-o:before {
  content: "";
}
.fa-fire-extinguisher:before {
  content: "";
}
.fa-rocket:before {
  content: "";
}
.fa-maxcdn:before {
  content: "";
}
.fa-chevron-circle-left:before {
  content: "";
}
.fa-chevron-circle-right:before {
  content: "";
}
.fa-chevron-circle-up:before {
  content: "";
}
.fa-chevron-circle-down:before {
  content: "";
}
.fa-html5:before {
  content: "";
}
.fa-css3:before {
  content: "";
}
.fa-anchor:before {
  content: "";
}
.fa-unlock-alt:before {
  content: "";
}
.fa-bullseye:before {
  content: "";
}
.fa-ellipsis-h:before {
  content: "";
}
.fa-ellipsis-v:before {
  content: "";
}
.fa-rss-square:before {
  content: "";
}
.fa-play-circle:before {
  content: "";
}
.fa-ticket:before {
  content: "";
}
.fa-minus-square:before {
  content: "";
}
.fa-minus-square-o:before {
  content: "";
}
.fa-level-up:before {
  content: "";
}
.fa-level-down:before {
  content: "";
}
.fa-check-square:before {
  content: "";
}
.fa-pencil-square:before {
  content: "";
}
.fa-external-link-square:before {
  content: "";
}
.fa-share-square:before {
  content: "";
}
.fa-compass:before {
  content: "";
}
.fa-toggle-down:before, .fa-caret-square-o-down:before {
  content: "";
}
.fa-toggle-up:before, .fa-caret-square-o-up:before {
  content: "";
}
.fa-toggle-right:before, .fa-caret-square-o-right:before {
  content: "";
}
.fa-euro:before, .fa-eur:before {
  content: "";
}
.fa-gbp:before {
  content: "";
}
.fa-dollar:before, .fa-usd:before {
  content: "";
}
.fa-rupee:before, .fa-inr:before {
  content: "";
}
.fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before {
  content: "";
}
.fa-ruble:before, .fa-rouble:before, .fa-rub:before {
  content: "";
}
.fa-won:before, .fa-krw:before {
  content: "";
}
.fa-bitcoin:before, .fa-btc:before {
  content: "";
}
.fa-file:before {
  content: "";
}
.fa-file-text:before {
  content: "";
}
.fa-sort-alpha-asc:before {
  content: "";
}
.fa-sort-alpha-desc:before {
  content: "";
}
.fa-sort-amount-asc:before {
  content: "";
}
.fa-sort-amount-desc:before {
  content: "";
}
.fa-sort-numeric-asc:before {
  content: "";
}
.fa-sort-numeric-desc:before {
  content: "";
}
.fa-thumbs-up:before {
  content: "";
}
.fa-thumbs-down:before {
  content: "";
}
.fa-youtube-square:before {
  content: "";
}
.fa-youtube:before {
  content: "";
}
.fa-xing:before {
  content: "";
}
.fa-xing-square:before {
  content: "";
}
.fa-youtube-play:before {
  content: "";
}
.fa-dropbox:before {
  content: "";
}
.fa-stack-overflow:before {
  content: "";
}
.fa-instagram:before {
  content: "";
}
.fa-flickr:before {
  content: "";
}
.fa-adn:before {
  content: "";
}
.fa-bitbucket:before {
  content: "";
}
.fa-bitbucket-square:before {
  content: "";
}
.fa-tumblr:before {
  content: "";
}
.fa-tumblr-square:before {
  content: "";
}
.fa-long-arrow-down:before {
  content: "";
}
.fa-long-arrow-up:before {
  content: "";
}
.fa-long-arrow-left:before {
  content: "";
}
.fa-long-arrow-right:before {
  content: "";
}
.fa-apple:before {
  content: "";
}
.fa-windows:before {
  content: "";
}
.fa-android:before {
  content: "";
}
.fa-linux:before {
  content: "";
}
.fa-dribbble:before {
  content: "";
}
.fa-skype:before {
  content: "";
}
.fa-foursquare:before {
  content: "";
}
.fa-trello:before {
  content: "";
}
.fa-female:before {
  content: "";
}
.fa-male:before {
  content: "";
}
.fa-gittip:before, .fa-gratipay:before {
  content: "";
}
.fa-sun-o:before {
  content: "";
}
.fa-moon-o:before {
  content: "";
}
.fa-archive:before {
  content: "";
}
.fa-bug:before {
  content: "";
}
.fa-vk:before {
  content: "";
}
.fa-weibo:before {
  content: "";
}
.fa-renren:before {
  content: "";
}
.fa-pagelines:before {
  content: "";
}
.fa-stack-exchange:before {
  content: "";
}
.fa-arrow-circle-o-right:before {
  content: "";
}
.fa-arrow-circle-o-left:before {
  content: "";
}
.fa-toggle-left:before, .fa-caret-square-o-left:before {
  content: "";
}
.fa-dot-circle-o:before {
  content: "";
}
.fa-wheelchair:before {
  content: "";
}
.fa-vimeo-square:before {
  content: "";
}
.fa-turkish-lira:before, .fa-try:before {
  content: "";
}
.fa-plus-square-o:before {
  content: "";
}
.fa-space-shuttle:before {
  content: "";
}
.fa-slack:before {
  content: "";
}
.fa-envelope-square:before {
  content: "";
}
.fa-wordpress:before {
  content: "";
}
.fa-openid:before {
  content: "";
}
.fa-institution:before, .fa-bank:before, .fa-university:before {
  content: "";
}
.fa-mortar-board:before, .fa-graduation-cap:before {
  content: "";
}
.fa-yahoo:before {
  content: "";
}
.fa-google:before {
  content: "";
}
.fa-reddit:before {
  content: "";
}
.fa-reddit-square:before {
  content: "";
}
.fa-stumbleupon-circle:before {
  content: "";
}
.fa-stumbleupon:before {
  content: "";
}
.fa-delicious:before {
  content: "";
}
.fa-digg:before {
  content: "";
}
.fa-pied-piper-pp:before {
  content: "";
}
.fa-pied-piper-alt:before {
  content: "";
}
.fa-drupal:before {
  content: "";
}
.fa-joomla:before {
  content: "";
}
.fa-language:before {
  content: "";
}
.fa-fax:before {
  content: "";
}
.fa-building:before {
  content: "";
}
.fa-child:before {
  content: "";
}
.fa-paw:before {
  content: "";
}
.fa-spoon:before {
  content: "";
}
.fa-cube:before {
  content: "";
}
.fa-cubes:before {
  content: "";
}
.fa-behance:before {
  content: "";
}
.fa-behance-square:before {
  content: "";
}
.fa-steam:before {
  content: "";
}
.fa-steam-square:before {
  content: "";
}
.fa-recycle:before {
  content: "";
}
.fa-automobile:before, .fa-car:before {
  content: "";
}
.fa-cab:before, .fa-taxi:before {
  content: "";
}
.fa-tree:before {
  content: "";
}
.fa-spotify:before {
  content: "";
}
.fa-deviantart:before {
  content: "";
}
.fa-soundcloud:before {
  content: "";
}
.fa-database:before {
  content: "";
}
.fa-file-pdf-o:before {
  content: "";
}
.fa-file-word-o:before {
  content: "";
}
.fa-file-excel-o:before {
  content: "";
}
.fa-file-powerpoint-o:before {
  content: "";
}
.fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before {
  content: "";
}
.fa-file-zip-o:before, .fa-file-archive-o:before {
  content: "";
}
.fa-file-sound-o:before, .fa-file-audio-o:before {
  content: "";
}
.fa-file-movie-o:before, .fa-file-video-o:before {
  content: "";
}
.fa-file-code-o:before {
  content: "";
}
.fa-vine:before {
  content: "";
}
.fa-codepen:before {
  content: "";
}
.fa-jsfiddle:before {
  content: "";
}
.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before {
  content: "";
}
.fa-circle-o-notch:before {
  content: "";
}
.fa-ra:before, .fa-resistance:before, .fa-rebel:before {
  content: "";
}
.fa-ge:before, .fa-empire:before {
  content: "";
}
.fa-git-square:before {
  content: "";
}
.fa-git:before {
  content: "";
}
.fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before {
  content: "";
}
.fa-tencent-weibo:before {
  content: "";
}
.fa-qq:before {
  content: "";
}
.fa-wechat:before, .fa-weixin:before {
  content: "";
}
.fa-send:before, .fa-paper-plane:before {
  content: "";
}
.fa-send-o:before, .fa-paper-plane-o:before {
  content: "";
}
.fa-history:before {
  content: "";
}
.fa-circle-thin:before {
  content: "";
}
.fa-header:before {
  content: "";
}
.fa-paragraph:before {
  content: "";
}
.fa-sliders:before {
  content: "";
}
.fa-share-alt:before {
  content: "";
}
.fa-share-alt-square:before {
  content: "";
}
.fa-bomb:before {
  content: "";
}
.fa-soccer-ball-o:before, .fa-futbol-o:before {
  content: "";
}
.fa-tty:before {
  content: "";
}
.fa-binoculars:before {
  content: "";
}
.fa-plug:before {
  content: "";
}
.fa-slideshare:before {
  content: "";
}
.fa-twitch:before {
  content: "";
}
.fa-yelp:before {
  content: "";
}
.fa-newspaper-o:before {
  content: "";
}
.fa-wifi:before {
  content: "";
}
.fa-calculator:before {
  content: "";
}
.fa-paypal:before {
  content: "";
}
.fa-google-wallet:before {
  content: "";
}
.fa-cc-visa:before {
  content: "";
}
.fa-cc-mastercard:before {
  content: "";
}
.fa-cc-discover:before {
  content: "";
}
.fa-cc-amex:before {
  content: "";
}
.fa-cc-paypal:before {
  content: "";
}
.fa-cc-stripe:before {
  content: "";
}
.fa-bell-slash:before {
  content: "";
}
.fa-bell-slash-o:before {
  content: "";
}
.fa-trash:before {
  content: "";
}
.fa-copyright:before {
  content: "";
}
.fa-at:before {
  content: "";
}
.fa-eyedropper:before {
  content: "";
}
.fa-paint-brush:before {
  content: "";
}
.fa-birthday-cake:before {
  content: "";
}
.fa-area-chart:before {
  content: "";
}
.fa-pie-chart:before {
  content: "";
}
.fa-line-chart:before {
  content: "";
}
.fa-lastfm:before {
  content: "";
}
.fa-lastfm-square:before {
  content: "";
}
.fa-toggle-off:before {
  content: "";
}
.fa-toggle-on:before {
  content: "";
}
.fa-bicycle:before {
  content: "";
}
.fa-bus:before {
  content: "";
}
.fa-ioxhost:before {
  content: "";
}
.fa-angellist:before {
  content: "";
}
.fa-cc:before {
  content: "";
}
.fa-shekel:before, .fa-sheqel:before, .fa-ils:before {
  content: "";
}
.fa-meanpath:before {
  content: "";
}
.fa-buysellads:before {
  content: "";
}
.fa-connectdevelop:before {
  content: "";
}
.fa-dashcube:before {
  content: "";
}
.fa-forumbee:before {
  content: "";
}
.fa-leanpub:before {
  content: "";
}
.fa-sellsy:before {
  content: "";
}
.fa-shirtsinbulk:before {
  content: "";
}
.fa-simplybuilt:before {
  content: "";
}
.fa-skyatlas:before {
  content: "";
}
.fa-cart-plus:before {
  content: "";
}
.fa-cart-arrow-down:before {
  content: "";
}
.fa-diamond:before {
  content: "";
}
.fa-ship:before {
  content: "";
}
.fa-user-secret:before {
  content: "";
}
.fa-motorcycle:before {
  content: "";
}
.fa-street-view:before {
  content: "";
}
.fa-heartbeat:before {
  content: "";
}
.fa-venus:before {
  content: "";
}
.fa-mars:before {
  content: "";
}
.fa-mercury:before {
  content: "";
}
.fa-intersex:before, .fa-transgender:before {
  content: "";
}
.fa-transgender-alt:before {
  content: "";
}
.fa-venus-double:before {
  content: "";
}
.fa-mars-double:before {
  content: "";
}
.fa-venus-mars:before {
  content: "";
}
.fa-mars-stroke:before {
  content: "";
}
.fa-mars-stroke-v:before {
  content: "";
}
.fa-mars-stroke-h:before {
  content: "";
}
.fa-neuter:before {
  content: "";
}
.fa-genderless:before {
  content: "";
}
.fa-facebook-official:before {
  content: "";
}
.fa-pinterest-p:before {
  content: "";
}
.fa-whatsapp:before {
  content: "";
}
.fa-server:before {
  content: "";
}
.fa-user-plus:before {
  content: "";
}
.fa-user-times:before {
  content: "";
}
.fa-hotel:before, .fa-bed:before {
  content: "";
}
.fa-viacoin:before {
  content: "";
}
.fa-train:before {
  content: "";
}
.fa-subway:before {
  content: "";
}
.fa-medium:before {
  content: "";
}
.fa-yc:before, .fa-y-combinator:before {
  content: "";
}
.fa-optin-monster:before {
  content: "";
}
.fa-opencart:before {
  content: "";
}
.fa-expeditedssl:before {
  content: "";
}
.fa-battery-4:before, .fa-battery:before, .fa-battery-full:before {
  content: "";
}
.fa-battery-3:before, .fa-battery-three-quarters:before {
  content: "";
}
.fa-battery-2:before, .fa-battery-half:before {
  content: "";
}
.fa-battery-1:before, .fa-battery-quarter:before {
  content: "";
}
.fa-battery-0:before, .fa-battery-empty:before {
  content: "";
}
.fa-mouse-pointer:before {
  content: "";
}
.fa-i-cursor:before {
  content: "";
}
.fa-object-group:before {
  content: "";
}
.fa-object-ungroup:before {
  content: "";
}
.fa-sticky-note:before {
  content: "";
}
.fa-sticky-note-o:before {
  content: "";
}
.fa-cc-jcb:before {
  content: "";
}
.fa-cc-diners-club:before {
  content: "";
}
.fa-clone:before {
  content: "";
}
.fa-balance-scale:before {
  content: "";
}
.fa-hourglass-o:before {
  content: "";
}
.fa-hourglass-1:before, .fa-hourglass-start:before {
  content: "";
}
.fa-hourglass-2:before, .fa-hourglass-half:before {
  content: "";
}
.fa-hourglass-3:before, .fa-hourglass-end:before {
  content: "";
}
.fa-hourglass:before {
  content: "";
}
.fa-hand-grab-o:before, .fa-hand-rock-o:before {
  content: "";
}
.fa-hand-stop-o:before, .fa-hand-paper-o:before {
  content: "";
}
.fa-hand-scissors-o:before {
  content: "";
}
.fa-hand-lizard-o:before {
  content: "";
}
.fa-hand-spock-o:before {
  content: "";
}
.fa-hand-pointer-o:before {
  content: "";
}
.fa-hand-peace-o:before {
  content: "";
}
.fa-trademark:before {
  content: "";
}
.fa-registered:before {
  content: "";
}
.fa-creative-commons:before {
  content: "";
}
.fa-gg:before {
  content: "";
}
.fa-gg-circle:before {
  content: "";
}
.fa-tripadvisor:before {
  content: "";
}
.fa-odnoklassniki:before {
  content: "";
}
.fa-odnoklassniki-square:before {
  content: "";
}
.fa-get-pocket:before {
  content: "";
}
.fa-wikipedia-w:before {
  content: "";
}
.fa-safari:before {
  content: "";
}
.fa-chrome:before {
  content: "";
}
.fa-firefox:before {
  content: "";
}
.fa-opera:before {
  content: "";
}
.fa-internet-explorer:before {
  content: "";
}
.fa-tv:before, .fa-television:before {
  content: "";
}
.fa-contao:before {
  content: "";
}
.fa-500px:before {
  content: "";
}
.fa-amazon:before {
  content: "";
}
.fa-calendar-plus-o:before {
  content: "";
}
.fa-calendar-minus-o:before {
  content: "";
}
.fa-calendar-times-o:before {
  content: "";
}
.fa-calendar-check-o:before {
  content: "";
}
.fa-industry:before {
  content: "";
}
.fa-map-pin:before {
  content: "";
}
.fa-map-signs:before {
  content: "";
}
.fa-map-o:before {
  content: "";
}
.fa-map:before {
  content: "";
}
.fa-commenting:before {
  content: "";
}
.fa-commenting-o:before {
  content: "";
}
.fa-houzz:before {
  content: "";
}
.fa-vimeo:before {
  content: "";
}
.fa-black-tie:before {
  content: "";
}
.fa-fonticons:before {
  content: "";
}
.fa-reddit-alien:before {
  content: "";
}
.fa-edge:before {
  content: "";
}
.fa-credit-card-alt:before {
  content: "";
}
.fa-codiepie:before {
  content: "";
}
.fa-modx:before {
  content: "";
}
.fa-fort-awesome:before {
  content: "";
}
.fa-usb:before {
  content: "";
}
.fa-product-hunt:before {
  content: "";
}
.fa-mixcloud:before {
  content: "";
}
.fa-scribd:before {
  content: "";
}
.fa-pause-circle:before {
  content: "";
}
.fa-pause-circle-o:before {
  content: "";
}
.fa-stop-circle:before {
  content: "";
}
.fa-stop-circle-o:before {
  content: "";
}
.fa-shopping-bag:before {
  content: "";
}
.fa-shopping-basket:before {
  content: "";
}
.fa-hashtag:before {
  content: "";
}
.fa-bluetooth:before {
  content: "";
}
.fa-bluetooth-b:before {
  content: "";
}
.fa-percent:before {
  content: "";
}
.fa-gitlab:before {
  content: "";
}
.fa-wpbeginner:before {
  content: "";
}
.fa-wpforms:before {
  content: "";
}
.fa-envira:before {
  content: "";
}
.fa-universal-access:before {
  content: "";
}
.fa-wheelchair-alt:before {
  content: "";
}
.fa-question-circle-o:before {
  content: "";
}
.fa-blind:before {
  content: "";
}
.fa-audio-description:before {
  content: "";
}
.fa-volume-control-phone:before {
  content: "";
}
.fa-braille:before {
  content: "";
}
.fa-assistive-listening-systems:before {
  content: "";
}
.fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before {
  content: "";
}
.fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before {
  content: "";
}
.fa-glide:before {
  content: "";
}
.fa-glide-g:before {
  content: "";
}
.fa-signing:before, .fa-sign-language:before {
  content: "";
}
.fa-low-vision:before {
  content: "";
}
.fa-viadeo:before {
  content: "";
}
.fa-viadeo-square:before {
  content: "";
}
.fa-snapchat:before {
  content: "";
}
.fa-snapchat-ghost:before {
  content: "";
}
.fa-snapchat-square:before {
  content: "";
}
.fa-pied-piper:before {
  content: "";
}
.fa-first-order:before {
  content: "";
}
.fa-yoast:before {
  content: "";
}
.fa-themeisle:before {
  content: "";
}
.fa-google-plus-circle:before, .fa-google-plus-official:before {
  content: "";
}
.fa-fa:before, .fa-font-awesome:before {
  content: "";
}
.fa-handshake-o:before {
  content: "";
}
.fa-envelope-open:before {
  content: "";
}
.fa-envelope-open-o:before {
  content: "";
}
.fa-linode:before {
  content: "";
}
.fa-address-book:before {
  content: "";
}
.fa-address-book-o:before {
  content: "";
}
.fa-vcard:before, .fa-address-card:before {
  content: "";
}
.fa-vcard-o:before, .fa-address-card-o:before {
  content: "";
}
.fa-user-circle:before {
  content: "";
}
.fa-user-circle-o:before {
  content: "";
}
.fa-user-o:before {
  content: "";
}
.fa-id-badge:before {
  content: "";
}
.fa-drivers-license:before, .fa-id-card:before {
  content: "";
}
.fa-drivers-license-o:before, .fa-id-card-o:before {
  content: "";
}
.fa-quora:before {
  content: "";
}
.fa-free-code-camp:before {
  content: "";
}
.fa-telegram:before {
  content: "";
}
.fa-thermometer-4:before, .fa-thermometer:before, .fa-thermometer-full:before {
  content: "";
}
.fa-thermometer-3:before, .fa-thermometer-three-quarters:before {
  content: "";
}
.fa-thermometer-2:before, .fa-thermometer-half:before {
  content: "";
}
.fa-thermometer-1:before, .fa-thermometer-quarter:before {
  content: "";
}
.fa-thermometer-0:before, .fa-thermometer-empty:before {
  content: "";
}
.fa-shower:before {
  content: "";
}
.fa-bathtub:before, .fa-s15:before, .fa-bath:before {
  content: "";
}
.fa-podcast:before {
  content: "";
}
.fa-window-maximize:before {
  content: "";
}
.fa-window-minimize:before {
  content: "";
}
.fa-window-restore:before {
  content: "";
}
.fa-times-rectangle:before, .fa-window-close:before {
  content: "";
}
.fa-times-rectangle-o:before, .fa-window-close-o:before {
  content: "";
}
.fa-bandcamp:before {
  content: "";
}
.fa-grav:before {
  content: "";
}
.fa-etsy:before {
  content: "";
}
.fa-imdb:before {
  content: "";
}
.fa-ravelry:before {
  content: "";
}
.fa-eercast:before {
  content: "";
}
.fa-microchip:before {
  content: "";
}
.fa-snowflake-o:before {
  content: "";
}
.fa-superpowers:before {
  content: "";
}
.fa-wpexplorer:before {
  content: "";
}
.fa-meetup:before {
  content: "";
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
/*!
 * Bootstrap v4.6.2 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root {
  --blue: #0f6cbf;
  --indigo: #6610f2;
  --purple: #613d7c;
  --pink: #e83e8c;
  --red: #ca3120;
  --orange: #f0ad4e;
  --yellow: #ff7518;
  --green: #357a32;
  --teal: #20c997;
  --cyan: #008196;
  --white: #fff;
  --gray: #6a737b;
  --gray-dark: #343a40;
  --primary: #0f6cbf;
  --secondary: #ced4da;
  --success: #357a32;
  --info: #008196;
  --warning: #f0ad4e;
  --danger: #ca3120;
  --light: #f8f9fa;
  --dark: #343a40;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "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: -apple-system, BlinkMacSystemFont, "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-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.5;
  color: #1d2125;
  text-align: left;
  background-color: #fff;
}
@media (max-width: 1200px) {
  body {
    font-size: calc(0.90375rem + 0.045vw) ;
  }
}
[tabindex="-1"]:focus:not(:focus-visible) {
  outline: 0 !important;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}
p {
  margin-top: 0;
  margin-bottom: 1rem;
}
abbr[title], abbr[data-original-title] {
  text-decoration: underline;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
  text-decoration-skip-ink: none;
}
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: #0f6cbf;
  text-decoration: none;
  background-color: transparent;
}
a:hover {
  color: #094478;
  text-decoration: underline;
}
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: 1em;
}
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: #6a737b;
  text-align: left;
  caption-side: bottom;
}
th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}
label {
  display: inline-block;
  margin-bottom: 0.5rem;
}
button {
  border-radius: 0;
}
button:focus:not(:focus-visible) {
  outline: 0;
}
input, button, select, optgroup, textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
button, 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;
}
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;
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}
@media (max-width: 1200px) {
  legend {
    font-size: calc(0.96rem + 0.72vw) ;
  }
}
progress {
  vertical-align: baseline;
}
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  outline-offset: -2px;
  -webkit-appearance: none;
}
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}
output {
  display: inline-block;
}
summary {
  display: list-item;
  cursor: pointer;
}
template {
  display: none;
}
[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.2;
}
h1, .h1 {
  font-size: 2.34375rem;
}
@media (max-width: 1200px) {
  h1, .h1 {
    font-size: calc(1.044375rem + 1.7325vw) ;
  }
}
h2, .h2 {
  font-size: 1.875rem;
}
@media (max-width: 1200px) {
  h2, .h2 {
    font-size: calc(0.9975rem + 1.17vw) ;
  }
}
h3, .h3 {
  font-size: 1.640625rem;
}
@media (max-width: 1200px) {
  h3, .h3 {
    font-size: calc(0.9740625rem + 0.88875vw) ;
  }
}
h4, .h4 {
  font-size: 1.40625rem;
}
@media (max-width: 1200px) {
  h4, .h4 {
    font-size: calc(0.950625rem + 0.6075vw) ;
  }
}
h5, .h5 {
  font-size: 1.171875rem;
}
@media (max-width: 1200px) {
  h5, .h5 {
    font-size: calc(0.9271875rem + 0.32625vw) ;
  }
}
h6, .h6 {
  font-size: 0.9375rem;
}
@media (max-width: 1200px) {
  h6, .h6 {
    font-size: calc(0.90375rem + 0.045vw) ;
  }
}
.lead {
  font-size: 1.171875rem;
  font-weight: 300;
}
@media (max-width: 1200px) {
  .lead {
    font-size: calc(0.9271875rem + 0.32625vw) ;
  }
}
.display-1 {
  font-size: 6rem;
  font-weight: 300;
  line-height: 1.2;
}
@media (max-width: 1200px) {
  .display-1 {
    font-size: calc(1.41rem + 6.12vw) ;
  }
}
.display-2 {
  font-size: 5.5rem;
  font-weight: 300;
  line-height: 1.2;
}
@media (max-width: 1200px) {
  .display-2 {
    font-size: calc(1.36rem + 5.52vw) ;
  }
}
.display-3 {
  font-size: 4.5rem;
  font-weight: 300;
  line-height: 1.2;
}
@media (max-width: 1200px) {
  .display-3 {
    font-size: calc(1.26rem + 4.32vw) ;
  }
}
.display-4 {
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 1.2;
}
@media (max-width: 1200px) {
  .display-4 {
    font-size: calc(1.16rem + 3.12vw) ;
  }
}
hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
small, .small {
  font-size: 0.875em;
  font-weight: 400;
}
mark, .mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  list-style: none;
}
.list-inline-item {
  display: inline-block;
}
.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}
.initialism {
  font-size: 90%;
  text-transform: uppercase;
}
.blockquote {
  margin-bottom: 1rem;
  font-size: 1.171875rem;
}
@media (max-width: 1200px) {
  .blockquote {
    font-size: calc(0.9271875rem + 0.32625vw) ;
  }
}
.blockquote-footer {
  display: block;
  font-size: 0.875em;
  color: #6a737b;
}
.blockquote-footer::before {
  content: "— ";
}
.img-fluid {
  max-width: 100%;
  height: auto;
}
.img-thumbnail {
  padding: 0.25rem;
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: 0.5rem;
  max-width: 100%;
  height: auto;
}
.figure {
  display: inline-block;
}
.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1;
}
.figure-caption {
  font-size: 90%;
  color: #6a737b;
}
code {
  font-size: 87.5%;
  color: #e83e8c;
  word-wrap: break-word;
}
a > code {
  color: inherit;
}
kbd {
  padding: 0.2rem 0.4rem;
  font-size: 87.5%;
  color: #fff;
  background-color: #1d2125;
  border-radius: 0.2rem;
}
kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: 700;
}
pre {
  display: block;
  font-size: 87.5%;
  color: #1d2125;
}
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: 576px) {
  .container, .container-sm {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container, .container-sm, .container-md {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container, .container-sm, .container-md, .container-lg {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container, .container-sm, .container-md, .container-lg, .container-xl {
    max-width: 1140px;
  }
}
.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 {
  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: 576px) {
  .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: 992px) {
  .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: 1200px) {
  .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%;
  }
}
.table {
  width: 100%;
  margin-bottom: 1rem;
  color: #1d2125;
}
.table th, .table td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
}
.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #dee2e6;
}
.table tbody + tbody {
  border-top: 2px solid #dee2e6;
}
.table-sm th, .table-sm td {
  padding: 0.3rem;
}
.table-bordered {
  border: 1px solid #dee2e6;
}
.table-bordered th, .table-bordered td {
  border: 1px solid #dee2e6;
}
.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.03);
}
.table-hover tbody tr:hover {
  color: #1d2125;
  background-color: rgba(0, 0, 0, 0.075);
}
.table-primary, .table-primary > th, .table-primary > td {
  background-color: #bcd6ed;
}
.table-primary th, .table-primary td, .table-primary thead th, .table-primary tbody + tbody {
  border-color: #82b3de;
}
.table-hover .table-primary:hover {
  background-color: #a8cae8;
}
.table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th {
  background-color: #a8cae8;
}
.table-secondary, .table-secondary > th, .table-secondary > td {
  background-color: #f1f3f5;
}
.table-secondary th, .table-secondary td, .table-secondary thead th, .table-secondary tbody + tbody {
  border-color: #e6e9ec;
}
.table-hover .table-secondary:hover {
  background-color: #e2e6ea;
}
.table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th {
  background-color: #e2e6ea;
}
.table-success, .table-success > th, .table-success > td {
  background-color: #c6dac6;
}
.table-success th, .table-success td, .table-success thead th, .table-success tbody + tbody {
  border-color: #96ba94;
}
.table-hover .table-success:hover {
  background-color: #b7d0b7;
}
.table-hover .table-success:hover > td, .table-hover .table-success:hover > th {
  background-color: #b7d0b7;
}
.table-info, .table-info > th, .table-info > td {
  background-color: #b8dce2;
}
.table-info th, .table-info td, .table-info thead th, .table-info tbody + tbody {
  border-color: #7abdc8;
}
.table-hover .table-info:hover {
  background-color: #a6d3db;
}
.table-hover .table-info:hover > td, .table-hover .table-info:hover > th {
  background-color: #a6d3db;
}
.table-warning, .table-warning > th, .table-warning > td {
  background-color: #fbe8cd;
}
.table-warning th, .table-warning td, .table-warning thead th, .table-warning tbody + tbody {
  border-color: #f7d4a3;
}
.table-hover .table-warning:hover {
  background-color: #f9ddb5;
}
.table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th {
  background-color: #f9ddb5;
}
.table-danger, .table-danger > th, .table-danger > td {
  background-color: #f0c5c1;
}
.table-danger th, .table-danger td, .table-danger thead th, .table-danger tbody + tbody {
  border-color: #e3948b;
}
.table-hover .table-danger:hover {
  background-color: #ebb2ac;
}
.table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th {
  background-color: #ebb2ac;
}
.table-light, .table-light > th, .table-light > td {
  background-color: #fdfdfe;
}
.table-light th, .table-light td, .table-light thead th, .table-light tbody + tbody {
  border-color: #fbfcfc;
}
.table-hover .table-light:hover {
  background-color: #ececf6;
}
.table-hover .table-light:hover > td, .table-hover .table-light:hover > th {
  background-color: #ececf6;
}
.table-dark, .table-dark > th, .table-dark > td {
  background-color: #c6c8ca;
}
.table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody {
  border-color: #95999c;
}
.table-hover .table-dark:hover {
  background-color: #b9bbbe;
}
.table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th {
  background-color: #b9bbbe;
}
.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: #343a40;
  border-color: #454d55;
}
.table .thead-light th {
  color: #495057;
  background-color: #e9ecef;
  border-color: #dee2e6;
}
.table-dark {
  color: #fff;
  background-color: #343a40;
}
.table-dark th, .table-dark td, .table-dark thead th {
  border-color: #454d55;
}
.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: 575.98px) {
  .table-responsive-sm {
    display: block;
    width: 100%;
    overflow-x: auto;
    -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;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-md > .table-bordered {
    border: 0;
  }
}
@media (max-width: 991.98px) {
  .table-responsive-lg {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-lg > .table-bordered {
    border: 0;
  }
}
@media (max-width: 1199.98px) {
  .table-responsive-xl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-xl > .table-bordered {
    border: 0;
  }
}
.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.table-responsive > .table-bordered {
  border: 0;
}
.form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #8f959e;
  border-radius: 0.5rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (max-width: 1200px) {
  .form-control {
    font-size: calc(0.90375rem + 0.045vw) ;
  }
}
@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}
.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}
.form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: #5babf2;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
}
.form-control::placeholder {
  color: #6a737b;
  opacity: 1;
}
.form-control:disabled, .form-control[readonly] {
  background-color: #e9ecef;
  opacity: 1;
}
input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control {
  appearance: none;
}
select.form-control:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #495057;
}
select.form-control:focus::-ms-value {
  color: #495057;
  background-color: #fff;
}
.form-control-file, .form-control-range {
  display: block;
  width: 100%;
}
.col-form-label {
  padding-top: calc(0.375rem + 1px);
  padding-bottom: calc(0.375rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}
.col-form-label-lg {
  padding-top: calc(0.5rem + 1px);
  padding-bottom: calc(0.5rem + 1px);
  font-size: 1.171875rem;
  line-height: 1.5;
}
@media (max-width: 1200px) {
  .col-form-label-lg {
    font-size: calc(0.9271875rem + 0.32625vw) ;
  }
}
.col-form-label-sm {
  padding-top: calc(0.25rem + 1px);
  padding-bottom: calc(0.25rem + 1px);
  font-size: 0.8203125rem;
  line-height: 1.5;
}
.form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.375rem 0;
  margin-bottom: 0;
  font-size: 0.9375rem;
  line-height: 1.5;
  color: #1d2125;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0;
}
@media (max-width: 1200px) {
  .form-control-plaintext {
    font-size: calc(0.90375rem + 0.045vw) ;
  }
}
.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
  padding-right: 0;
  padding-left: 0;
}
.form-control-sm {
  height: calc(1.5em + 0.5rem + 2px);
  padding: 0.25rem 0.5rem;
  font-size: 0.8203125rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}
.form-control-lg {
  height: calc(1.5em + 1rem + 2px);
  padding: 0.5rem 1rem;
  font-size: 1.171875rem;
  line-height: 1.5;
  border-radius: 0.6rem;
}
@media (max-width: 1200px) {
  .form-control-lg {
    font-size: calc(0.9271875rem + 0.32625vw) ;
  }
}
select.form-control[size], select.form-control[multiple] {
  height: auto;
}
textarea.form-control {
  height: auto;
}
.form-group {
  margin-bottom: 1rem;
}
.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: 1.25rem;
}
.form-check-input {
  position: absolute;
  margin-top: 0.3rem;
  margin-left: -1.25rem;
}
.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
  color: #6a737b;
}
.form-check-label {
  margin-bottom: 0;
}
.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;
}
.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #357a32;
}
.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.8203125rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(53, 122, 50, 0.9);
  border-radius: 0.5rem;
}
.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: #357a32;
  padding-right: calc(1.5em + 0.75rem) !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='%23357a32' 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.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
  border-color: #357a32;
  box-shadow: 0 0 0 0.2rem rgba(53, 122, 50, 0.25);
}
.was-validated select.form-control:valid, select.form-control.is-valid {
  padding-right: 3rem !important;
  background-position: right 1.5rem center;
}
.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}
.was-validated .custom-select:valid, .custom-select.is-valid {
  border-color: #357a32;
  padding-right: calc(0.75em + 2.3125rem) !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='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center / 8px 10px no-repeat, #fff 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='%23357a32' 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 1.75rem / calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat;
}
.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
  border-color: #357a32;
  box-shadow: 0 0 0 0.2rem rgba(53, 122, 50, 0.25);
}
.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: #357a32;
}
.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: #357a32;
}
.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
  border-color: #357a32;
}
.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
  border-color: #459e41;
  background-color: #459e41;
}
.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(53, 122, 50, 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: #357a32;
}
.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
  border-color: #357a32;
}
.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
  border-color: #357a32;
  box-shadow: 0 0 0 0.2rem rgba(53, 122, 50, 0.25);
}
.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #ca3120;
}
.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.8203125rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(202, 49, 32, 0.9);
  border-radius: 0.5rem;
}
.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: #ca3120;
  padding-right: calc(1.5em + 0.75rem) !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23ca3120' 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='%23ca3120' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
  border-color: #ca3120;
  box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.25);
}
.was-validated select.form-control:invalid, select.form-control.is-invalid {
  padding-right: 3rem !important;
  background-position: right 1.5rem center;
}
.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}
.was-validated .custom-select:invalid, .custom-select.is-invalid {
  border-color: #ca3120;
  padding-right: calc(0.75em + 2.3125rem) !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='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center / 8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23ca3120' 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='%23ca3120' stroke='none'/%3e%3c/svg%3e") center right 1.75rem / calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat;
}
.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
  border-color: #ca3120;
  box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.25);
}
.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: #ca3120;
}
.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: #ca3120;
}
.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
  border-color: #ca3120;
}
.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
  border-color: #e04d3d;
  background-color: #e04d3d;
}
.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(202, 49, 32, 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: #ca3120;
}
.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
  border-color: #ca3120;
}
.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
  border-color: #ca3120;
  box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.25);
}
.form-inline {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
.form-inline .form-check {
  width: 100%;
}
@media (min-width: 576px) {
  .form-inline label {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
  }
  .form-inline .form-group {
    display: flex;
    flex: 0 0 auto;
    flex-flow: row wrap;
    align-items: center;
    margin-bottom: 0;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-plaintext {
    display: inline-block;
  }
  .form-inline .input-group, .form-inline .custom-select {
    width: auto;
  }
  .form-inline .form-check {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    padding-left: 0;
  }
  .form-inline .form-check-input {
    position: relative;
    flex-shrink: 0;
    margin-top: 0;
    margin-right: 0.25rem;
    margin-left: 0;
  }
  .form-inline .custom-control {
    align-items: center;
    justify-content: center;
  }
  .form-inline .custom-control-label {
    margin-bottom: 0;
  }
}
.btn {
  display: inline-block;
  font-weight: 400;
  color: #1d2125;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 0.9375rem;
  line-height: 1.5;
  border-radius: 0.5rem;
  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 (max-width: 1200px) {
  .btn {
    font-size: calc(0.90375rem + 0.045vw) ;
  }
}
@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}
.btn:hover {
  color: #1d2125;
  text-decoration: none;
}
.btn:focus, .btn.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
}
.btn.disabled, .btn:disabled {
  opacity: 0.65;
}
.btn:not(:disabled):not(.disabled) {
  cursor: pointer;
}
a.btn.disabled, fieldset:disabled a.btn {
  pointer-events: none;
}
.btn-primary {
  color: #fff;
  background-color: #0f6cbf;
  border-color: #0f6cbf;
}
.btn-primary:hover {
  color: #fff;
  background-color: #0c589c;
  border-color: #0b5190;
}
.btn-primary:focus, .btn-primary.focus {
  color: #fff;
  background-color: #0c589c;
  border-color: #0b5190;
  box-shadow: 0 0 0 0.2rem rgba(51, 130, 201, 0.5);
}
.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: #0f6cbf;
  border-color: #0f6cbf;
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #0b5190;
  border-color: #0a4b84;
}
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(51, 130, 201, 0.5);
}
.btn-secondary {
  color: #1d2125;
  background-color: #ced4da;
  border-color: #ced4da;
}
.btn-secondary:hover {
  color: #1d2125;
  background-color: #b8c1ca;
  border-color: #b1bbc4;
}
.btn-secondary:focus, .btn-secondary.focus {
  color: #1d2125;
  background-color: #b8c1ca;
  border-color: #b1bbc4;
  box-shadow: 0 0 0 0.2rem rgba(179, 185, 191, 0.5);
}
.btn-secondary.disabled, .btn-secondary:disabled {
  color: #1d2125;
  background-color: #ced4da;
  border-color: #ced4da;
}
.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {
  color: #1d2125;
  background-color: #b1bbc4;
  border-color: #aab4bf;
}
.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(179, 185, 191, 0.5);
}
.btn-success {
  color: #fff;
  background-color: #357a32;
  border-color: #357a32;
}
.btn-success:hover {
  color: #fff;
  background-color: #295f27;
  border-color: #255623;
}
.btn-success:focus, .btn-success.focus {
  color: #fff;
  background-color: #295f27;
  border-color: #255623;
  box-shadow: 0 0 0 0.2rem rgba(83, 142, 81, 0.5);
}
.btn-success.disabled, .btn-success:disabled {
  color: #fff;
  background-color: #357a32;
  border-color: #357a32;
}
.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #255623;
  border-color: #214d1f;
}
.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(83, 142, 81, 0.5);
}
.btn-info {
  color: #fff;
  background-color: #008196;
  border-color: #008196;
}
.btn-info:hover {
  color: #fff;
  background-color: #006070;
  border-color: #005563;
}
.btn-info:focus, .btn-info.focus {
  color: #fff;
  background-color: #006070;
  border-color: #005563;
  box-shadow: 0 0 0 0.2rem rgba(38, 148, 166, 0.5);
}
.btn-info.disabled, .btn-info:disabled {
  color: #fff;
  background-color: #008196;
  border-color: #008196;
}
.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #005563;
  border-color: #004a56;
}
.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(38, 148, 166, 0.5);
}
.btn-warning {
  color: #1d2125;
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}
.btn-warning:hover {
  color: #1d2125;
  background-color: #ed9d2b;
  border-color: #ec971f;
}
.btn-warning:focus, .btn-warning.focus {
  color: #1d2125;
  background-color: #ed9d2b;
  border-color: #ec971f;
  box-shadow: 0 0 0 0.2rem rgba(208, 152, 72, 0.5);
}
.btn-warning.disabled, .btn-warning:disabled {
  color: #1d2125;
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}
.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle {
  color: #1d2125;
  background-color: #ec971f;
  border-color: #ea9214;
}
.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(208, 152, 72, 0.5);
}
.btn-danger {
  color: #fff;
  background-color: #ca3120;
  border-color: #ca3120;
}
.btn-danger:hover {
  color: #fff;
  background-color: #a9291b;
  border-color: #9e2619;
}
.btn-danger:focus, .btn-danger.focus {
  color: #fff;
  background-color: #a9291b;
  border-color: #9e2619;
  box-shadow: 0 0 0 0.2rem rgba(210, 80, 65, 0.5);
}
.btn-danger.disabled, .btn-danger:disabled {
  color: #fff;
  background-color: #ca3120;
  border-color: #ca3120;
}
.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #9e2619;
  border-color: #932417;
}
.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(210, 80, 65, 0.5);
}
.btn-light {
  color: #1d2125;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-light:hover {
  color: #1d2125;
  background-color: #e2e6ea;
  border-color: #dae0e5;
}
.btn-light:focus, .btn-light.focus {
  color: #1d2125;
  background-color: #e2e6ea;
  border-color: #dae0e5;
  box-shadow: 0 0 0 0.2rem rgba(215, 217, 218, 0.5);
}
.btn-light.disabled, .btn-light:disabled {
  color: #1d2125;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle {
  color: #1d2125;
  background-color: #dae0e5;
  border-color: #d3d9df;
}
.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(215, 217, 218, 0.5);
}
.btn-dark {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
.btn-dark:hover {
  color: #fff;
  background-color: #23272b;
  border-color: #1d2124;
}
.btn-dark:focus, .btn-dark.focus {
  color: #fff;
  background-color: #23272b;
  border-color: #1d2124;
  box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
}
.btn-dark.disabled, .btn-dark:disabled {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle {
  color: #fff;
  background-color: #1d2124;
  border-color: #171a1d;
}
.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
}
.btn-outline-primary {
  color: #0f6cbf;
  border-color: #0f6cbf;
}
.btn-outline-primary:hover {
  color: #fff;
  background-color: #0f6cbf;
  border-color: #0f6cbf;
}
.btn-outline-primary:focus, .btn-outline-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.5);
}
.btn-outline-primary.disabled, .btn-outline-primary:disabled {
  color: #0f6cbf;
  background-color: transparent;
}
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #0f6cbf;
  border-color: #0f6cbf;
}
.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.5);
}
.btn-outline-secondary {
  color: #ced4da;
  border-color: #ced4da;
}
.btn-outline-secondary:hover {
  color: #1d2125;
  background-color: #ced4da;
  border-color: #ced4da;
}
.btn-outline-secondary:focus, .btn-outline-secondary.focus {
  box-shadow: 0 0 0 0.2rem rgba(206, 212, 218, 0.5);
}
.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
  color: #ced4da;
  background-color: transparent;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle {
  color: #1d2125;
  background-color: #ced4da;
  border-color: #ced4da;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(206, 212, 218, 0.5);
}
.btn-outline-success {
  color: #357a32;
  border-color: #357a32;
}
.btn-outline-success:hover {
  color: #fff;
  background-color: #357a32;
  border-color: #357a32;
}
.btn-outline-success:focus, .btn-outline-success.focus {
  box-shadow: 0 0 0 0.2rem rgba(53, 122, 50, 0.5);
}
.btn-outline-success.disabled, .btn-outline-success:disabled {
  color: #357a32;
  background-color: transparent;
}
.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle {
  color: #fff;
  background-color: #357a32;
  border-color: #357a32;
}
.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(53, 122, 50, 0.5);
}
.btn-outline-info {
  color: #008196;
  border-color: #008196;
}
.btn-outline-info:hover {
  color: #fff;
  background-color: #008196;
  border-color: #008196;
}
.btn-outline-info:focus, .btn-outline-info.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 129, 150, 0.5);
}
.btn-outline-info.disabled, .btn-outline-info:disabled {
  color: #008196;
  background-color: transparent;
}
.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle {
  color: #fff;
  background-color: #008196;
  border-color: #008196;
}
.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 129, 150, 0.5);
}
.btn-outline-warning {
  color: #f0ad4e;
  border-color: #f0ad4e;
}
.btn-outline-warning:hover {
  color: #1d2125;
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}
.btn-outline-warning:focus, .btn-outline-warning.focus {
  box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.5);
}
.btn-outline-warning.disabled, .btn-outline-warning:disabled {
  color: #f0ad4e;
  background-color: transparent;
}
.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle {
  color: #1d2125;
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}
.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.5);
}
.btn-outline-danger {
  color: #ca3120;
  border-color: #ca3120;
}
.btn-outline-danger:hover {
  color: #fff;
  background-color: #ca3120;
  border-color: #ca3120;
}
.btn-outline-danger:focus, .btn-outline-danger.focus {
  box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.5);
}
.btn-outline-danger.disabled, .btn-outline-danger:disabled {
  color: #ca3120;
  background-color: transparent;
}
.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle {
  color: #fff;
  background-color: #ca3120;
  border-color: #ca3120;
}
.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.5);
}
.btn-outline-light {
  color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-outline-light:hover {
  color: #1d2125;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-outline-light:focus, .btn-outline-light.focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}
.btn-outline-light.disabled, .btn-outline-light:disabled {
  color: #f8f9fa;
  background-color: transparent;
}
.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle {
  color: #1d2125;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}
.btn-outline-dark {
  color: #343a40;
  border-color: #343a40;
}
.btn-outline-dark:hover {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
.btn-outline-dark:focus, .btn-outline-dark.focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
.btn-outline-dark.disabled, .btn-outline-dark:disabled {
  color: #343a40;
  background-color: transparent;
}
.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
.btn-link {
  font-weight: 400;
  color: #0f6cbf;
  text-decoration: none;
}
.btn-link:hover {
  color: #094478;
  text-decoration: underline;
}
.btn-link:focus, .btn-link.focus {
  text-decoration: underline;
}
.btn-link:disabled, .btn-link.disabled {
  color: #6a737b;
  pointer-events: none;
}
.btn-lg, .btn-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.171875rem;
  line-height: 1.5;
  border-radius: 0.6rem;
}
@media (max-width: 1200px) {
  .btn-lg, .btn-group-lg > .btn {
    font-size: calc(0.9271875rem + 0.32625vw) ;
  }
}
.btn-sm, .btn-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.8203125rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}
.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%;
}
.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;
  }
}
.collapsing.width {
  width: 0;
  height: auto;
  transition: width 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing.width {
    transition: none;
  }
}
.dropup, .dropright, .dropdown, .dropleft {
  position: relative;
}
.dropdown-toggle {
  white-space: nowrap;
}
.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}
.dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 0.9375rem;
  color: #1d2125;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.5rem;
}
@media (max-width: 1200px) {
  .dropdown-menu {
    font-size: calc(0.90375rem + 0.045vw) ;
  }
}
.dropdown-menu-left {
  right: auto;
  left: 0;
}
.dropdown-menu-right {
  right: 0;
  left: auto;
}
@media (min-width: 576px) {
  .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: 992px) {
  .dropdown-menu-lg-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-lg-right {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1200px) {
  .dropdown-menu-xl-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xl-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: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}
.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}
.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: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}
.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: 0.255em;
  vertical-align: 0.255em;
  content: "";
}
.dropleft .dropdown-toggle::after {
  display: none;
}
.dropleft .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}
.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.5rem 0;
  overflow: hidden;
  border-top: 1px solid #e9ecef;
}
.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #1d2125;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}
.dropdown-item:hover, .dropdown-item:focus {
  color: #fff;
  text-decoration: none;
  background-color: #0f6cbf;
}
.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #0f6cbf;
}
.dropdown-item.disabled, .dropdown-item:disabled {
  color: #8f959e;
  pointer-events: none;
  background-color: transparent;
}
.dropdown-menu.show {
  display: block;
}
.dropdown-header {
  display: block;
  padding: 0.5rem 1.5rem;
  margin-bottom: 0;
  font-size: 0.8203125rem;
  color: #6a737b;
  white-space: nowrap;
}
.dropdown-item-text {
  display: block;
  padding: 0.25rem 1.5rem;
  color: #1d2125;
}
.btn-group, .btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}
.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;
}
.dropdown-toggle-split {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem;
}
.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.375rem;
  padding-left: 0.375rem;
}
.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}
.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.btn-group-vertical > .btn, .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(: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, .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, .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.375rem 0.75rem;
  margin-bottom: 0;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #8f959e;
  border-radius: 0.5rem;
}
@media (max-width: 1200px) {
  .input-group-text {
    font-size: calc(0.90375rem + 0.045vw) ;
  }
}
.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 + 1rem + 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: 0.5rem 1rem;
  font-size: 1.171875rem;
  line-height: 1.5;
  border-radius: 0.6rem;
}
@media (max-width: 1200px) {
  .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 {
    font-size: calc(0.9271875rem + 0.32625vw) ;
  }
}
.input-group-sm > .form-control:not(textarea), .input-group-sm > .custom-select {
  height: calc(1.5em + 0.5rem + 2px);
}
.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.25rem 0.5rem;
  font-size: 0.8203125rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}
.input-group-lg > .custom-select, .input-group-sm > .custom-select {
  padding-right: 1.75rem;
}
.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) {
  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.40625rem;
  padding-left: 1.75rem;
  print-color-adjust: exact;
}
.custom-control-inline {
  display: inline-flex;
  margin-right: 1rem;
}
.custom-control-input {
  position: absolute;
  left: 0;
  z-index: -1;
  width: 1.25rem;
  height: 1.328125rem;
  opacity: 0;
}
.custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #0f6cbf;
  background-color: #0f6cbf;
}
.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
}
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #5babf2;
}
.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  color: #fff;
  background-color: #8bc3f6;
  border-color: #8bc3f6;
}
.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label {
  color: #6a737b;
}
.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before {
  background-color: #e9ecef;
}
.custom-control-label {
  position: relative;
  margin-bottom: 0;
  vertical-align: top;
}
.custom-control-label::before {
  position: absolute;
  top: 0.078125rem;
  left: -1.75rem;
  display: block;
  width: 1.25rem;
  height: 1.25rem;
  pointer-events: none;
  content: "";
  background-color: #fff;
  border: 1px solid #8f959e;
}
.custom-control-label::after {
  position: absolute;
  top: 0.078125rem;
  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: 0.5rem;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
  border-color: #0f6cbf;
  background-color: #0f6cbf;
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e");
}
.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(15, 108, 191, 0.5);
}
.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
  background-color: rgba(15, 108, 191, 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='%23fff'/%3e%3c/svg%3e");
}
.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(15, 108, 191, 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.078125rem + 2px);
  left: calc(-2.6875rem + 2px);
  width: calc(1.25rem - 4px);
  height: calc(1.25rem - 4px);
  background-color: #8f959e;
  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: #fff;
  transform: translateX(0.9375rem);
}
.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(15, 108, 191, 0.5);
}
.custom-select {
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  vertical-align: middle;
  background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center / 8px 10px no-repeat;
  border: 1px solid #8f959e;
  border-radius: 0.5rem;
  appearance: none;
}
@media (max-width: 1200px) {
  .custom-select {
    font-size: calc(0.90375rem + 0.045vw) ;
  }
}
.custom-select:focus {
  border-color: #5babf2;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
}
.custom-select:focus::-ms-value {
  color: #495057;
  background-color: #fff;
}
.custom-select[multiple], .custom-select[size]:not([size="1"]) {
  height: auto;
  padding-right: 0.75rem;
  background-image: none;
}
.custom-select:disabled {
  color: #6a737b;
  background-color: #e9ecef;
}
.custom-select::-ms-expand {
  display: none;
}
.custom-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #495057;
}
.custom-select-sm {
  height: calc(1.5em + 0.5rem + 2px);
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.8203125rem;
}
.custom-select-lg {
  height: calc(1.5em + 1rem + 2px);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 1.171875rem;
}
@media (max-width: 1200px) {
  .custom-select-lg {
    font-size: calc(0.9271875rem + 0.32625vw) ;
  }
}
.custom-file {
  position: relative;
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  margin-bottom: 0;
}
.custom-file-input {
  position: relative;
  z-index: 2;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  margin: 0;
  overflow: hidden;
  opacity: 0;
}
.custom-file-input:focus ~ .custom-file-label {
  border-color: #5babf2;
  box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
}
.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label {
  background-color: #e9ecef;
}
.custom-file-input:lang(en) ~ .custom-file-label::after {
  content: "Browse";
}
.custom-file-input ~ .custom-file-label[data-browse]::after {
  content: attr(data-browse);
}
.custom-file-label {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  overflow: hidden;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  border: 1px solid #8f959e;
  border-radius: 0.5rem;
}
.custom-file-label::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  display: block;
  height: calc(1.5em + 0.75rem);
  padding: 0.375rem 0.75rem;
  line-height: 1.5;
  color: #495057;
  content: "Browse";
  background-color: #e9ecef;
  border-left: inherit;
  border-radius: 0 0.5rem 0.5rem 0;
}
.custom-range {
  width: 100%;
  height: 1.4rem;
  padding: 0;
  background-color: transparent;
  appearance: none;
}
.custom-range:focus {
  outline: 0;
}
.custom-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
}
.custom-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
}
.custom-range:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
}
.custom-range::-moz-focus-outer {
  border: 0;
}
.custom-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  background-color: #0f6cbf;
  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: #8bc3f6;
}
.custom-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}
.custom-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  background-color: #0f6cbf;
  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: #8bc3f6;
}
.custom-range::-moz-range-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}
.custom-range::-ms-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: 0;
  margin-right: 0.2rem;
  margin-left: 0.2rem;
  background-color: #0f6cbf;
  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: #8bc3f6;
}
.custom-range::-ms-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: transparent;
  border-color: transparent;
  border-width: 0.5rem;
}
.custom-range::-ms-fill-lower {
  background-color: #dee2e6;
  border-radius: 1rem;
}
.custom-range::-ms-fill-upper {
  margin-right: 15px;
  background-color: #dee2e6;
  border-radius: 1rem;
}
.custom-range:disabled::-webkit-slider-thumb {
  background-color: #8f959e;
}
.custom-range:disabled::-webkit-slider-runnable-track {
  cursor: default;
}
.custom-range:disabled::-moz-range-thumb {
  background-color: #8f959e;
}
.custom-range:disabled::-moz-range-track {
  cursor: default;
}
.custom-range:disabled::-ms-thumb {
  background-color: #8f959e;
}
.custom-control-label::before, .custom-file-label, .custom-select {
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .custom-control-label::before, .custom-file-label, .custom-select {
    transition: none;
  }
}
.nav {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.nav-link {
  display: block;
  padding: 0.5rem 1rem;
}
.nav-link:hover, .nav-link:focus {
  text-decoration: none;
}
.nav-link.disabled {
  color: #6a737b;
  pointer-events: none;
  cursor: default;
}
.nav-tabs {
  border-bottom: 1px solid #dee2e6;
}
.nav-tabs .nav-link {
  margin-bottom: -1px;
  background-color: transparent;
  border: 1px solid transparent;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  isolation: isolate;
  border-color: #e9ecef #e9ecef #dee2e6;
}
.nav-tabs .nav-link.disabled {
  color: #6a737b;
  background-color: transparent;
  border-color: transparent;
}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
  color: #495057;
  background-color: #fff;
  border-color: #dee2e6 #dee2e6 #fff;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.nav-pills .nav-link {
  background: none;
  border: 0;
  border-radius: 0.5rem;
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: #fff;
  background-color: #0f6cbf;
}
.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 > .active {
  display: block;
}
.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.32421875rem;
  padding-bottom: 0.32421875rem;
  margin-right: 1rem;
  font-size: 1.171875rem;
  line-height: inherit;
  white-space: nowrap;
}
@media (max-width: 1200px) {
  .navbar-brand {
    font-size: calc(0.9271875rem + 0.32625vw) ;
  }
}
.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-nav .dropdown-menu {
  position: static;
  float: none;
}
.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.171875rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.5rem;
}
@media (max-width: 1200px) {
  .navbar-toggler {
    font-size: calc(0.9271875rem + 0.32625vw) ;
  }
}
.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: 50% / 100% 100% no-repeat;
}
.navbar-nav-scroll {
  max-height: 75vh;
  overflow-y: auto;
}
@media (max-width: 575.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: 576px) {
  .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: 991.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: 992px) {
  .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: 1199.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: 1200px) {
  .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;
  }
}
.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;
}
.navbar-light .navbar-brand {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 0.6);
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-nav .nav-link.disabled {
  color: rgba(0, 0, 0, 0.3);
}
.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-toggler {
  color: rgba(0, 0, 0, 0.6);
  border-color: rgba(0, 0, 0, 0.1);
}
.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.6%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-light .navbar-text {
  color: rgba(0, 0, 0, 0.6);
}
.navbar-light .navbar-text a {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-dark .navbar-brand {
  color: #fff;
}
.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
  color: #fff;
}
.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.5);
}
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
  color: white;
}
.navbar-dark .navbar-nav .nav-link.disabled {
  color: rgba(255, 255, 255, 0.25);
}
.navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active {
  color: #fff;
}
.navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0.1);
}
.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-dark .navbar-text {
  color: rgba(255, 255, 255, 0.5);
}
.navbar-dark .navbar-text a {
  color: #fff;
}
.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
  color: #fff;
}
.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.5rem;
}
.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: calc(0.5rem - 1px);
  border-top-right-radius: calc(0.5rem - 1px);
}
.card > .list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: calc(0.5rem - 1px);
  border-bottom-left-radius: calc(0.5rem - 1px);
}
.card > .card-header + .list-group, .card > .list-group + .card-footer {
  border-top: 0;
}
.card-body {
  flex: 1 1 auto;
  min-height: 1px;
  padding: 1.25rem;
}
.card-title {
  margin-bottom: 0.75rem;
}
.card-subtitle {
  margin-top: -0.375rem;
  margin-bottom: 0;
}
.card-text:last-child {
  margin-bottom: 0;
}
.card-link:hover {
  text-decoration: none;
}
.card-link + .card-link {
  margin-left: 1.25rem;
}
.card-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.card-header:first-child {
  border-radius: calc(0.5rem - 1px) calc(0.5rem - 1px) 0 0;
}
.card-footer {
  padding: 0.75rem 1.25rem;
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}
.card-footer:last-child {
  border-radius: 0 0 calc(0.5rem - 1px) calc(0.5rem - 1px);
}
.card-header-tabs {
  margin-right: -0.625rem;
  margin-bottom: -0.75rem;
  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: calc(0.5rem - 1px);
}
.card-img, .card-img-top, .card-img-bottom {
  flex-shrink: 0;
  width: 100%;
}
.card-img, .card-img-top {
  border-top-left-radius: calc(0.5rem - 1px);
  border-top-right-radius: calc(0.5rem - 1px);
}
.card-img, .card-img-bottom {
  border-bottom-right-radius: calc(0.5rem - 1px);
  border-bottom-left-radius: calc(0.5rem - 1px);
}
.card-deck .card {
  margin-bottom: 0.25rem;
}
@media (min-width: 576px) {
  .card-deck {
    display: flex;
    flex-flow: row wrap;
    margin-right: -0.25rem;
    margin-left: -0.25rem;
  }
  .card-deck .card {
    flex: 1 0 0%;
    margin-right: 0.25rem;
    margin-bottom: 0;
    margin-left: 0.25rem;
  }
}
.card-group > .card {
  margin-bottom: 0.25rem;
}
@media (min-width: 576px) {
  .card-group {
    display: flex;
    flex-flow: row wrap;
  }
  .card-group > .card {
    flex: 1 0 0%;
    margin-bottom: 0;
  }
  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group > .card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-top, .card-group > .card:not(:last-child) .card-header {
    border-top-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-bottom, .card-group > .card:not(:last-child) .card-footer {
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-top, .card-group > .card:not(:first-child) .card-header {
    border-top-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-bottom, .card-group > .card:not(:first-child) .card-footer {
    border-bottom-left-radius: 0;
  }
}
.card-columns .card {
  margin-bottom: 0.75rem;
}
@media (min-width: 576px) {
  .card-columns {
    column-count: 3;
    column-gap: 1.25rem;
    orphans: 1;
    widows: 1;
  }
  .card-columns .card {
    display: inline-block;
    width: 100%;
  }
}
.accordion {
  overflow-anchor: none;
}
.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;
}
.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  padding: 0.5rem 0;
  margin-bottom: 0;
  list-style: none;
  background-color: transparent;
  border-radius: 0.5rem;
}
.breadcrumb-item + .breadcrumb-item {
  padding-left: 0.5rem;
}
.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: 0.5rem;
  color: #6a737b;
  content: "/";
}
.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: underline;
}
.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: none;
}
.breadcrumb-item.active {
  color: #6a737b;
}
.pagination {
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 0.5rem;
}
.page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #0f6cbf;
  background-color: #fff;
  border: 1px solid #dee2e6;
}
.page-link:hover {
  z-index: 2;
  color: #094478;
  text-decoration: none;
  background-color: #e9ecef;
  border-color: #dee2e6;
}
.page-link:focus {
  z-index: 3;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
}
.page-item:first-child .page-link {
  margin-left: 0;
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
.page-item:last-child .page-link {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #0f6cbf;
  border-color: #0f6cbf;
}
.page-item.disabled .page-link {
  color: #6a737b;
  pointer-events: none;
  cursor: auto;
  background-color: #fff;
  border-color: #dee2e6;
}
.pagination-lg .page-link {
  padding: 0.75rem 1.5rem;
  font-size: 1.171875rem;
  line-height: 1.5;
}
@media (max-width: 1200px) {
  .pagination-lg .page-link {
    font-size: calc(0.9271875rem + 0.32625vw) ;
  }
}
.pagination-lg .page-item:first-child .page-link {
  border-top-left-radius: 0.6rem;
  border-bottom-left-radius: 0.6rem;
}
.pagination-lg .page-item:last-child .page-link {
  border-top-right-radius: 0.6rem;
  border-bottom-right-radius: 0.6rem;
}
.pagination-sm .page-link {
  padding: 0.25rem 0.5rem;
  font-size: 0.8203125rem;
  line-height: 1.5;
}
.pagination-sm .page-item:first-child .page-link {
  border-top-left-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
}
.pagination-sm .page-item:last-child .page-link {
  border-top-right-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}
.badge {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.5rem;
  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;
  }
}
a.badge:hover, a.badge:focus {
  text-decoration: none;
}
.badge:empty {
  display: none;
}
.btn .badge {
  position: relative;
  top: -1px;
}
.badge-pill {
  padding-right: 0.6em;
  padding-left: 0.6em;
  border-radius: 10rem;
}
.badge-primary {
  color: #fff;
  background-color: #0f6cbf;
}
a.badge-primary:hover, a.badge-primary:focus {
  color: #fff;
  background-color: #0b5190;
}
a.badge-primary:focus, a.badge-primary.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.5);
}
.badge-secondary {
  color: #1d2125;
  background-color: #ced4da;
}
a.badge-secondary:hover, a.badge-secondary:focus {
  color: #1d2125;
  background-color: #b1bbc4;
}
a.badge-secondary:focus, a.badge-secondary.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(206, 212, 218, 0.5);
}
.badge-success {
  color: #fff;
  background-color: #357a32;
}
a.badge-success:hover, a.badge-success:focus {
  color: #fff;
  background-color: #255623;
}
a.badge-success:focus, a.badge-success.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(53, 122, 50, 0.5);
}
.badge-info {
  color: #fff;
  background-color: #008196;
}
a.badge-info:hover, a.badge-info:focus {
  color: #fff;
  background-color: #005563;
}
a.badge-info:focus, a.badge-info.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 129, 150, 0.5);
}
.badge-warning {
  color: #1d2125;
  background-color: #f0ad4e;
}
a.badge-warning:hover, a.badge-warning:focus {
  color: #1d2125;
  background-color: #ec971f;
}
a.badge-warning:focus, a.badge-warning.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.5);
}
.badge-danger {
  color: #fff;
  background-color: #ca3120;
}
a.badge-danger:hover, a.badge-danger:focus {
  color: #fff;
  background-color: #9e2619;
}
a.badge-danger:focus, a.badge-danger.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.5);
}
.badge-light {
  color: #1d2125;
  background-color: #f8f9fa;
}
a.badge-light:hover, a.badge-light:focus {
  color: #1d2125;
  background-color: #dae0e5;
}
a.badge-light:focus, a.badge-light.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}
.badge-dark {
  color: #fff;
  background-color: #343a40;
}
a.badge-dark:hover, a.badge-dark:focus {
  color: #fff;
  background-color: #1d2124;
}
a.badge-dark:focus, a.badge-dark.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
.jumbotron {
  padding: 2rem 1rem;
  margin-bottom: 2rem;
  background-color: #e9ecef;
  border-radius: 0.6rem;
}
@media (min-width: 576px) {
  .jumbotron {
    padding: 4rem 2rem;
  }
}
.jumbotron-fluid {
  padding-right: 0;
  padding-left: 0;
  border-radius: 0;
}
.alert {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 0 solid transparent;
  border-radius: 0.5rem;
}
.alert-heading {
  color: inherit;
}
.alert-link {
  font-weight: 700;
}
.alert-dismissible {
  padding-right: 3.90625rem;
}
.alert-dismissible .close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 0.75rem 1.25rem;
  color: inherit;
}
.alert-primary {
  color: #083863;
  background-color: #cfe2f2;
  border-color: #bcd6ed;
}
.alert-primary hr {
  border-top-color: #a8cae8;
}
.alert-primary .alert-link {
  color: #041d34;
}
.alert-secondary {
  color: #6b6e71;
  background-color: #f5f6f8;
  border-color: #f1f3f5;
}
.alert-secondary hr {
  border-top-color: #e2e6ea;
}
.alert-secondary .alert-link {
  color: #525557;
}
.alert-success, .environmenttable .ok {
  color: #1c3f1a;
  background-color: #d7e4d6;
  border-color: #c6dac6;
}
.alert-success hr, .environmenttable .ok hr {
  border-top-color: #b7d0b7;
}
.alert-success .alert-link, .environmenttable .ok .alert-link {
  color: #0c1b0b;
}
.alert-info {
  color: #00434e;
  background-color: #cce6ea;
  border-color: #b8dce2;
}
.alert-info hr {
  border-top-color: #a6d3db;
}
.alert-info .alert-link {
  color: #00171b;
}
.alert-warning, .environmenttable .warn {
  color: #7d5a29;
  background-color: #fcefdc;
  border-color: #fbe8cd;
}
.alert-warning hr, .environmenttable .warn hr {
  border-top-color: #f9ddb5;
}
.alert-warning .alert-link, .environmenttable .warn .alert-link {
  color: #573e1c;
}
.alert-danger, .environmenttable .error {
  color: #691911;
  background-color: #f4d6d2;
  border-color: #f0c5c1;
}
.alert-danger hr, .environmenttable .error hr {
  border-top-color: #ebb2ac;
}
.alert-danger .alert-link, .environmenttable .error .alert-link {
  color: #3d0f0a;
}
.alert-light {
  color: #818182;
  background-color: #fefefe;
  border-color: #fdfdfe;
}
.alert-light hr {
  border-top-color: #ececf6;
}
.alert-light .alert-link {
  color: #686868;
}
.alert-dark {
  color: #1b1e21;
  background-color: #d6d8d9;
  border-color: #c6c8ca;
}
.alert-dark hr {
  border-top-color: #b9bbbe;
}
.alert-dark .alert-link {
  color: #040505;
}
@keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  display: flex;
  height: 1rem;
  overflow: hidden;
  line-height: 0;
  font-size: 0.703125rem;
  background-color: #e9ecef;
  border-radius: 0.5rem;
}
.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #0f6cbf;
  transition: width 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar {
    transition: none;
  }
}
.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem;
}
.progress-bar-animated {
  animation: 1s linear infinite progress-bar-stripes;
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar-animated {
    animation: none;
  }
}
.media {
  display: flex;
  align-items: flex-start;
}
.media-body {
  flex: 1;
}
.list-group {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: 0.5rem;
}
.list-group-item-action {
  width: 100%;
  color: #495057;
  text-align: inherit;
}
.list-group-item-action:hover, .list-group-item-action:focus {
  z-index: 1;
  color: #495057;
  text-decoration: none;
  background-color: #f8f9fa;
}
.list-group-item-action:active {
  color: #1d2125;
  background-color: #e9ecef;
}
.list-group-item {
  position: relative;
  display: block;
  padding: 0.75rem 1.25rem;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125);
}
.list-group-item:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.list-group-item:last-child {
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
}
.list-group-item.disabled, .list-group-item:disabled {
  color: #6a737b;
  pointer-events: none;
  background-color: #fff;
}
.list-group-item.active {
  z-index: 2;
  color: #fff;
  background-color: #0f6cbf;
  border-color: #0f6cbf;
}
.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: 0.5rem;
  border-top-right-radius: 0;
}
.list-group-horizontal > .list-group-item:last-child {
  border-top-right-radius: 0.5rem;
  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: 576px) {
  .list-group-horizontal-sm {
    flex-direction: row;
  }
  .list-group-horizontal-sm > .list-group-item:first-child {
    border-bottom-left-radius: 0.5rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item:last-child {
    border-top-right-radius: 0.5rem;
    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: 0.5rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item:last-child {
    border-top-right-radius: 0.5rem;
    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: 992px) {
  .list-group-horizontal-lg {
    flex-direction: row;
  }
  .list-group-horizontal-lg > .list-group-item:first-child {
    border-bottom-left-radius: 0.5rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item:last-child {
    border-top-right-radius: 0.5rem;
    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: 1200px) {
  .list-group-horizontal-xl {
    flex-direction: row;
  }
  .list-group-horizontal-xl > .list-group-item:first-child {
    border-bottom-left-radius: 0.5rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item:last-child {
    border-top-right-radius: 0.5rem;
    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;
  }
}
.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;
}
.list-group-item-primary {
  color: #083863;
  background-color: #bcd6ed;
}
.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
  color: #083863;
  background-color: #a8cae8;
}
.list-group-item-primary.list-group-item-action.active {
  color: #fff;
  background-color: #083863;
  border-color: #083863;
}
.list-group-item-secondary {
  color: #6b6e71;
  background-color: #f1f3f5;
}
.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
  color: #6b6e71;
  background-color: #e2e6ea;
}
.list-group-item-secondary.list-group-item-action.active {
  color: #fff;
  background-color: #6b6e71;
  border-color: #6b6e71;
}
.list-group-item-success {
  color: #1c3f1a;
  background-color: #c6dac6;
}
.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
  color: #1c3f1a;
  background-color: #b7d0b7;
}
.list-group-item-success.list-group-item-action.active {
  color: #fff;
  background-color: #1c3f1a;
  border-color: #1c3f1a;
}
.list-group-item-info {
  color: #00434e;
  background-color: #b8dce2;
}
.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
  color: #00434e;
  background-color: #a6d3db;
}
.list-group-item-info.list-group-item-action.active {
  color: #fff;
  background-color: #00434e;
  border-color: #00434e;
}
.list-group-item-warning {
  color: #7d5a29;
  background-color: #fbe8cd;
}
.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
  color: #7d5a29;
  background-color: #f9ddb5;
}
.list-group-item-warning.list-group-item-action.active {
  color: #fff;
  background-color: #7d5a29;
  border-color: #7d5a29;
}
.list-group-item-danger {
  color: #691911;
  background-color: #f0c5c1;
}
.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
  color: #691911;
  background-color: #ebb2ac;
}
.list-group-item-danger.list-group-item-action.active {
  color: #fff;
  background-color: #691911;
  border-color: #691911;
}
.list-group-item-light {
  color: #818182;
  background-color: #fdfdfe;
}
.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
  color: #818182;
  background-color: #ececf6;
}
.list-group-item-light.list-group-item-action.active {
  color: #fff;
  background-color: #818182;
  border-color: #818182;
}
.list-group-item-dark {
  color: #1b1e21;
  background-color: #c6c8ca;
}
.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
  color: #1b1e21;
  background-color: #b9bbbe;
}
.list-group-item-dark.list-group-item-action.active {
  color: #fff;
  background-color: #1b1e21;
  border-color: #1b1e21;
}
.close {
  float: right;
  font-size: 1.40625rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.5;
}
@media (max-width: 1200px) {
  .close {
    font-size: calc(0.950625rem + 0.6075vw) ;
  }
}
.close:hover {
  color: #000;
  text-decoration: none;
}
.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
  opacity: 0.75;
}
button.close {
  padding: 0;
  background-color: transparent;
  border: 0;
}
a.close.disabled {
  pointer-events: none;
}
.toast {
  flex-basis: 350px;
  max-width: 350px;
  font-size: 0.875rem;
  color: #fff;
  background-color: rgba(29, 33, 37, 0.95);
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
  opacity: 0;
  border-radius: 0.25rem;
}
.toast:not(:last-child) {
  margin-bottom: 0.75rem;
}
.toast.showing {
  opacity: 1;
}
.toast.show {
  display: block;
  opacity: 1;
}
.toast.hide {
  display: none;
}
.toast-header {
  display: flex;
  align-items: center;
  padding: 0.25rem 0.75rem;
  color: #f8f9fa;
  background-color: rgba(255, 255, 255, 0.1);
  background-clip: padding-box;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}
.toast-body {
  padding: 0.75rem;
}
.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-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;
}
.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 rgba(0, 0, 0, 0.2);
  border-radius: 0.6rem;
  outline: 0;
}
.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;
}
.modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: calc(0.6rem - 1px);
  border-top-right-radius: calc(0.6rem - 1px);
}
.modal-header .close {
  padding: 1rem 1rem;
  margin: -1rem -1rem -1rem auto;
}
.modal-title {
  margin-bottom: 0;
  line-height: 1.5;
}
.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 #dee2e6;
  border-bottom-right-radius: calc(0.6rem - 1px);
  border-bottom-left-radius: calc(0.6rem - 1px);
}
.modal-footer > * {
  margin: 0.25rem;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 576px) {
  .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: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg, .modal-xl {
    max-width: 800px;
  }
}
@media (min-width: 1200px) {
  .modal-xl {
    max-width: 1140px;
  }
}
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "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-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: 0.8203125rem;
  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;
}
.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;
}
.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;
}
.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;
}
.tooltip-inner {
  max-width: 200px;
  padding: 0.25rem 0.5rem;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 0.5rem;
}
.popover {
  position: absolute;
  top: 0;
  z-index: 1060;
  display: block;
  max-width: 300px;
  font-family: -apple-system, BlinkMacSystemFont, "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-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: 0.8203125rem;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.6rem;
}
.popover .arrow {
  position: absolute;
  display: block;
  width: 1rem;
  height: 0.5rem;
  margin: 0 0.6rem;
}
.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: rgba(0, 0, 0, 0.25);
}
.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;
}
.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: 0.6rem 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: rgba(0, 0, 0, 0.25);
}
.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;
}
.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: rgba(0, 0, 0, 0.25);
}
.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;
}
.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 #f7f7f7;
}
.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: 0.6rem 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: rgba(0, 0, 0, 0.25);
}
.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;
}
.popover-header {
  padding: 0.5rem 0.75rem;
  margin-bottom: 0;
  font-size: 0.9375rem;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-top-left-radius: calc(0.6rem - 1px);
  border-top-right-radius: calc(0.6rem - 1px);
}
@media (max-width: 1200px) {
  .popover-header {
    font-size: calc(0.90375rem + 0.045vw) ;
  }
}
.popover-header:empty {
  display: none;
}
.popover-body {
  padding: 0.5rem 0.75rem;
  color: #1d2125;
}
.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%;
  padding: 0;
  color: #fff;
  text-align: center;
  background: none;
  border: 0;
  opacity: 0.5;
  transition: opacity 0.15s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-control-prev, .carousel-control-next {
    transition: none;
  }
}
.carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}
.carousel-control-prev {
  left: 0;
}
.carousel-control-next {
  right: 0;
}
.carousel-control-prev-icon, .carousel-control-next-icon {
  display: inline-block;
  width: 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;
  }
}
.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;
}
@keyframes spinner-border {
  to {
    transform: rotate(360deg);
  }
}
.spinner-border {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: -0.125em;
  border: 0.25em solid currentcolor;
  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: -0.125em;
  background-color: currentcolor;
  border-radius: 50%;
  opacity: 0;
  animation: 0.75s linear infinite spinner-grow;
}
.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, [data-filterregion="value"] div:first-of-type {
  vertical-align: top !important;
}
.align-middle, .reportbuilder-table td {
  vertical-align: middle !important;
}
.align-bottom {
  vertical-align: bottom !important;
}
.align-text-bottom {
  vertical-align: text-bottom !important;
}
.align-text-top {
  vertical-align: text-top !important;
}
.bg-primary {
  background-color: #0f6cbf !important;
}
a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus {
  background-color: #0b5190 !important;
}
.bg-secondary {
  background-color: #ced4da !important;
}
a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus {
  background-color: #b1bbc4 !important;
}
.bg-success {
  background-color: #357a32 !important;
}
a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus {
  background-color: #255623 !important;
}
.bg-info {
  background-color: #008196 !important;
}
a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus {
  background-color: #005563 !important;
}
.bg-warning {
  background-color: #f0ad4e !important;
}
a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus {
  background-color: #ec971f !important;
}
.bg-danger {
  background-color: #ca3120 !important;
}
a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus {
  background-color: #9e2619 !important;
}
.bg-light {
  background-color: #f8f9fa !important;
}
a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus {
  background-color: #dae0e5 !important;
}
.bg-dark {
  background-color: #343a40 !important;
}
a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus {
  background-color: #1d2124 !important;
}
.bg-white {
  background-color: #fff !important;
}
.bg-transparent {
  background-color: transparent !important;
}
.border {
  border: 1px solid #dee2e6 !important;
}
.border-top {
  border-top: 1px solid #dee2e6 !important;
}
.border-right {
  border-right: 1px solid #dee2e6 !important;
}
.border-bottom, .tool_usertours-resettourcontainer .usertour {
  border-bottom: 1px solid #dee2e6 !important;
}
.border-left {
  border-left: 1px solid #dee2e6 !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 {
  border-color: #0f6cbf !important;
}
.border-secondary {
  border-color: #ced4da !important;
}
.border-success {
  border-color: #357a32 !important;
}
.border-info {
  border-color: #008196 !important;
}
.border-warning {
  border-color: #f0ad4e !important;
}
.border-danger {
  border-color: #ca3120 !important;
}
.border-light {
  border-color: #f8f9fa !important;
}
.border-dark {
  border-color: #343a40 !important;
}
.border-white {
  border-color: #fff !important;
}
.rounded-sm {
  border-radius: 0.2rem !important;
}
.rounded {
  border-radius: 0.5rem !important;
}
.rounded-top {
  border-top-left-radius: 0.5rem !important;
  border-top-right-radius: 0.5rem !important;
}
.rounded-right {
  border-top-right-radius: 0.5rem !important;
  border-bottom-right-radius: 0.5rem !important;
}
.rounded-bottom {
  border-bottom-right-radius: 0.5rem !important;
  border-bottom-left-radius: 0.5rem !important;
}
.rounded-left {
  border-top-left-radius: 0.5rem !important;
  border-bottom-left-radius: 0.5rem !important;
}
.rounded-lg {
  border-radius: 0.6rem !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: 576px) {
  .d-sm-none {
    display: none !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: 992px) {
  .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: 1200px) {
  .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 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, .reportbuilder-report-container {
  flex: 1 1 auto !important;
}
.flex-grow-0 {
  flex-grow: 0 !important;
}
.flex-grow-1 {
  flex-grow: 1 !important;
}
.flex-shrink-0 {
  flex-shrink: 0 !important;
}
.flex-shrink-1 {
  flex-shrink: 1 !important;
}
.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: 576px) {
  .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: 992px) {
  .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: 1200px) {
  .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;
  }
}
.float-left {
  float: left !important;
}
.float-right {
  float: right !important;
}
.float-none {
  float: none !important;
}
@media (min-width: 576px) {
  .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: 992px) {
  .float-lg-left {
    float: left !important;
  }
  .float-lg-right {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
}
@media (min-width: 1200px) {
  .float-xl-left {
    float: left !important;
  }
  .float-xl-right {
    float: right !important;
  }
  .float-xl-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: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}
.shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !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;
}
.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.5rem !important;
}
.mt-4, .my-4 {
  margin-top: 1.5rem !important;
}
.mr-4, .mx-4 {
  margin-right: 1.5rem !important;
}
.mb-4, .my-4 {
  margin-bottom: 1.5rem !important;
}
.ml-4, .mx-4 {
  margin-left: 1.5rem !important;
}
.m-5 {
  margin: 2rem !important;
}
.mt-5, .my-5 {
  margin-top: 2rem !important;
}
.mr-5, .mx-5 {
  margin-right: 2rem !important;
}
.mb-5, .my-5 {
  margin-bottom: 2rem !important;
}
.ml-5, .mx-5 {
  margin-left: 2rem !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, .tool_usertours-resettourcontainer .usertour {
  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.5rem !important;
}
.pt-4, .py-4 {
  padding-top: 1.5rem !important;
}
.pr-4, .px-4 {
  padding-right: 1.5rem !important;
}
.pb-4, .py-4 {
  padding-bottom: 1.5rem !important;
}
.pl-4, .px-4 {
  padding-left: 1.5rem !important;
}
.p-5 {
  padding: 2rem !important;
}
.pt-5, .py-5 {
  padding-top: 2rem !important;
}
.pr-5, .px-5 {
  padding-right: 2rem !important;
}
.pb-5, .py-5 {
  padding-bottom: 2rem !important;
}
.pl-5, .px-5 {
  padding-left: 2rem !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.5rem !important;
}
.mt-n4, .my-n4 {
  margin-top: -1.5rem !important;
}
.mr-n4, .mx-n4 {
  margin-right: -1.5rem !important;
}
.mb-n4, .my-n4 {
  margin-bottom: -1.5rem !important;
}
.ml-n4, .mx-n4 {
  margin-left: -1.5rem !important;
}
.m-n5 {
  margin: -2rem !important;
}
.mt-n5, .my-n5 {
  margin-top: -2rem !important;
}
.mr-n5, .mx-n5 {
  margin-right: -2rem !important;
}
.mb-n5, .my-n5 {
  margin-bottom: -2rem !important;
}
.ml-n5, .mx-n5 {
  margin-left: -2rem !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: auto !important;
}
@media (min-width: 576px) {
  .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.5rem !important;
  }
  .mt-sm-4, .my-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mr-sm-4, .mx-sm-4 {
    margin-right: 1.5rem !important;
  }
  .mb-sm-4, .my-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-sm-4, .mx-sm-4 {
    margin-left: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 2rem !important;
  }
  .mt-sm-5, .my-sm-5 {
    margin-top: 2rem !important;
  }
  .mr-sm-5, .mx-sm-5 {
    margin-right: 2rem !important;
  }
  .mb-sm-5, .my-sm-5 {
    margin-bottom: 2rem !important;
  }
  .ml-sm-5, .mx-sm-5 {
    margin-left: 2rem !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.5rem !important;
  }
  .pt-sm-4, .py-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pr-sm-4, .px-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pb-sm-4, .py-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-sm-4, .px-sm-4 {
    padding-left: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 2rem !important;
  }
  .pt-sm-5, .py-sm-5 {
    padding-top: 2rem !important;
  }
  .pr-sm-5, .px-sm-5 {
    padding-right: 2rem !important;
  }
  .pb-sm-5, .py-sm-5 {
    padding-bottom: 2rem !important;
  }
  .pl-sm-5, .px-sm-5 {
    padding-left: 2rem !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.5rem !important;
  }
  .mt-sm-n4, .my-sm-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-sm-n4, .mx-sm-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-sm-n4, .my-sm-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-sm-n4, .mx-sm-n4 {
    margin-left: -1.5rem !important;
  }
  .m-sm-n5 {
    margin: -2rem !important;
  }
  .mt-sm-n5, .my-sm-n5 {
    margin-top: -2rem !important;
  }
  .mr-sm-n5, .mx-sm-n5 {
    margin-right: -2rem !important;
  }
  .mb-sm-n5, .my-sm-n5 {
    margin-bottom: -2rem !important;
  }
  .ml-sm-n5, .mx-sm-n5 {
    margin-left: -2rem !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.5rem !important;
  }
  .mt-md-4, .my-md-4 {
    margin-top: 1.5rem !important;
  }
  .mr-md-4, .mx-md-4 {
    margin-right: 1.5rem !important;
  }
  .mb-md-4, .my-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-md-4, .mx-md-4 {
    margin-left: 1.5rem !important;
  }
  .m-md-5 {
    margin: 2rem !important;
  }
  .mt-md-5, .my-md-5 {
    margin-top: 2rem !important;
  }
  .mr-md-5, .mx-md-5 {
    margin-right: 2rem !important;
  }
  .mb-md-5, .my-md-5 {
    margin-bottom: 2rem !important;
  }
  .ml-md-5, .mx-md-5 {
    margin-left: 2rem !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.5rem !important;
  }
  .pt-md-4, .py-md-4 {
    padding-top: 1.5rem !important;
  }
  .pr-md-4, .px-md-4 {
    padding-right: 1.5rem !important;
  }
  .pb-md-4, .py-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-md-4, .px-md-4 {
    padding-left: 1.5rem !important;
  }
  .p-md-5 {
    padding: 2rem !important;
  }
  .pt-md-5, .py-md-5 {
    padding-top: 2rem !important;
  }
  .pr-md-5, .px-md-5 {
    padding-right: 2rem !important;
  }
  .pb-md-5, .py-md-5 {
    padding-bottom: 2rem !important;
  }
  .pl-md-5, .px-md-5 {
    padding-left: 2rem !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.5rem !important;
  }
  .mt-md-n4, .my-md-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-md-n4, .mx-md-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-md-n4, .my-md-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-md-n4, .mx-md-n4 {
    margin-left: -1.5rem !important;
  }
  .m-md-n5 {
    margin: -2rem !important;
  }
  .mt-md-n5, .my-md-n5 {
    margin-top: -2rem !important;
  }
  .mr-md-n5, .mx-md-n5 {
    margin-right: -2rem !important;
  }
  .mb-md-n5, .my-md-n5 {
    margin-bottom: -2rem !important;
  }
  .ml-md-n5, .mx-md-n5 {
    margin-left: -2rem !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: 992px) {
  .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.5rem !important;
  }
  .mt-lg-4, .my-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mr-lg-4, .mx-lg-4 {
    margin-right: 1.5rem !important;
  }
  .mb-lg-4, .my-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-lg-4, .mx-lg-4 {
    margin-left: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 2rem !important;
  }
  .mt-lg-5, .my-lg-5 {
    margin-top: 2rem !important;
  }
  .mr-lg-5, .mx-lg-5 {
    margin-right: 2rem !important;
  }
  .mb-lg-5, .my-lg-5 {
    margin-bottom: 2rem !important;
  }
  .ml-lg-5, .mx-lg-5 {
    margin-left: 2rem !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.5rem !important;
  }
  .pt-lg-4, .py-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pr-lg-4, .px-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pb-lg-4, .py-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-lg-4, .px-lg-4 {
    padding-left: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 2rem !important;
  }
  .pt-lg-5, .py-lg-5 {
    padding-top: 2rem !important;
  }
  .pr-lg-5, .px-lg-5 {
    padding-right: 2rem !important;
  }
  .pb-lg-5, .py-lg-5 {
    padding-bottom: 2rem !important;
  }
  .pl-lg-5, .px-lg-5 {
    padding-left: 2rem !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.5rem !important;
  }
  .mt-lg-n4, .my-lg-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-lg-n4, .mx-lg-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-lg-n4, .my-lg-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-lg-n4, .mx-lg-n4 {
    margin-left: -1.5rem !important;
  }
  .m-lg-n5 {
    margin: -2rem !important;
  }
  .mt-lg-n5, .my-lg-n5 {
    margin-top: -2rem !important;
  }
  .mr-lg-n5, .mx-lg-n5 {
    margin-right: -2rem !important;
  }
  .mb-lg-n5, .my-lg-n5 {
    margin-bottom: -2rem !important;
  }
  .ml-lg-n5, .mx-lg-n5 {
    margin-left: -2rem !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: 1200px) {
  .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.5rem !important;
  }
  .mt-xl-4, .my-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mr-xl-4, .mx-xl-4 {
    margin-right: 1.5rem !important;
  }
  .mb-xl-4, .my-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-xl-4, .mx-xl-4 {
    margin-left: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 2rem !important;
  }
  .mt-xl-5, .my-xl-5 {
    margin-top: 2rem !important;
  }
  .mr-xl-5, .mx-xl-5 {
    margin-right: 2rem !important;
  }
  .mb-xl-5, .my-xl-5 {
    margin-bottom: 2rem !important;
  }
  .ml-xl-5, .mx-xl-5 {
    margin-left: 2rem !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.5rem !important;
  }
  .pt-xl-4, .py-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pr-xl-4, .px-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pb-xl-4, .py-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-xl-4, .px-xl-4 {
    padding-left: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 2rem !important;
  }
  .pt-xl-5, .py-xl-5 {
    padding-top: 2rem !important;
  }
  .pr-xl-5, .px-xl-5 {
    padding-right: 2rem !important;
  }
  .pb-xl-5, .py-xl-5 {
    padding-bottom: 2rem !important;
  }
  .pl-xl-5, .px-xl-5 {
    padding-left: 2rem !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.5rem !important;
  }
  .mt-xl-n4, .my-xl-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-xl-n4, .mx-xl-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-xl-n4, .my-xl-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-xl-n4, .mx-xl-n4 {
    margin-left: -1.5rem !important;
  }
  .m-xl-n5 {
    margin: -2rem !important;
  }
  .mt-xl-n5, .my-xl-n5 {
    margin-top: -2rem !important;
  }
  .mr-xl-n5, .mx-xl-n5 {
    margin-right: -2rem !important;
  }
  .mb-xl-n5, .my-xl-n5 {
    margin-bottom: -2rem !important;
  }
  .ml-xl-n5, .mx-xl-n5 {
    margin-left: -2rem !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;
  }
}
.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 {
  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: 576px) {
  .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: 992px) {
  .text-lg-left {
    text-align: left !important;
  }
  .text-lg-right {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .text-xl-left {
    text-align: left !important;
  }
  .text-xl-right {
    text-align: right !important;
  }
  .text-xl-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: #0f6cbf !important;
}
a.text-primary:hover, a.text-primary:focus {
  color: #094478 !important;
}
.text-secondary {
  color: #ced4da !important;
}
a.text-secondary:hover, a.text-secondary:focus {
  color: #a2aeb9 !important;
}
.text-success {
  color: #357a32 !important;
}
a.text-success:hover, a.text-success:focus {
  color: #1d441c !important;
}
.text-info {
  color: #008196 !important;
}
a.text-info:hover, a.text-info:focus {
  color: #003f4a !important;
}
.text-warning {
  color: #f0ad4e !important;
}
a.text-warning:hover, a.text-warning:focus {
  color: #df8a13 !important;
}
.text-danger {
  color: #ca3120 !important;
}
a.text-danger:hover, a.text-danger:focus {
  color: #882116 !important;
}
.text-light {
  color: #f8f9fa !important;
}
a.text-light:hover, a.text-light:focus {
  color: #cbd3da !important;
}
.text-dark {
  color: #343a40 !important;
}
a.text-dark:hover, a.text-dark:focus {
  color: #121416 !important;
}
.text-body {
  color: #1d2125 !important;
}
.text-muted {
  color: #6a737b !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;
}
@media print {
  *, *::before, *::after {
    text-shadow: none !important;
    box-shadow: none !important;
  }
  a:not(.btn) {
    text-decoration: underline;
  }
  abbr[title]::after {
    content: " (" attr(title) ")";
  }
  pre {
    white-space: pre-wrap !important;
  }
  pre, blockquote {
    border: 1px solid #8f959e;
    page-break-inside: avoid;
  }
  tr, img {
    page-break-inside: avoid;
  }
  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }
  h2, h3 {
    page-break-after: avoid;
  }
  body {
    min-width: 992px !important;
  }
  .container {
    min-width: 992px !important;
  }
  .navbar {
    display: none;
  }
  .badge {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td, .table th {
    background-color: #fff !important;
  }
  .table-bordered th, .table-bordered td {
    border: 1px solid #dee2e6 !important;
  }
  .table-dark {
    color: inherit;
  }
  .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody {
    border-color: #dee2e6;
  }
  .table .thead-dark th {
    color: inherit;
    border-color: #dee2e6;
  }
}
/**
 * Bootstrap overrides for RTL
 *
 * This file is only for overriding sass from upstream bootstrap, all general rtl fixes for
 * moodle scss should be placed immediately after the definition of the ltr rule.
 */
.breadcrumb-item + .breadcrumb-item::before {
  content: "/";
  /*rtl:remove*/
  content: "/";
  /* stylelint-disable-line declaration-block-no-duplicate-properties */
}
.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);
}
.dir-rtl .tooltip.bs-tooltip-left .arrow, .dir-rtl .tooltip.bs-tooltip-auto[x-placement^="left"] .arrow, .dir-rtl .tooltip.bs-tooltip-right .arrow, .dir-rtl .tooltip.bs-tooltip-auto[x-placement^="right"] .arrow {
  transform: rotate(180deg);
}
.dir-rtl .tooltip.bs-tooltip-left .arrow, .dir-rtl .tooltip.bs-tooltip-auto[x-placement^="left"] .arrow {
  left: auto;
  right: 0;
}
.dir-rtl .tooltip.bs-tooltip-right .arrow, .dir-rtl .tooltip.bs-tooltip-auto[x-placement^="right"] .arrow {
  left: 0;
  right: auto;
}
.dir-rtl .popover.bs-popover-right, .dir-rtl .popover.bs-popover-auto[x-placement^="right"] {
  margin-right: 0;
  margin-left: 0.5rem;
}
.dir-rtl .popover.bs-popover-right .arrow, .dir-rtl .popover.bs-popover-auto[x-placement^="right"] .arrow {
  transform: rotate(180deg);
  left: calc(-0.5rem - 1px);
}
.dir-rtl .popover.bs-popover-left, .dir-rtl .popover.bs-popover-auto[x-placement^="left"] {
  margin-right: 0.5rem;
  margin-left: 0;
}
.dir-rtl .popover.bs-popover-left .arrow, .dir-rtl .popover.bs-popover-auto[x-placement^="left"] .arrow {
  transform: rotate(180deg);
  right: calc(-0.5rem - 1px);
}
/**
 * Moodle variables
 *
 * Variables written for Moodle specific components
 *
 * Please do not override any Bootstrap variables here, custom Bootstrap variable should go in
 * preset files instead.
 */
/* core.less */
#region-main {
  overflow-y: visible;
  background-color: #fff;
}
@media (min-width: 576px) {
  .context-header-settings-menu, .region-main-settings-menu {
    float: right;
    width: auto;
    max-width: 4em;
    height: 2em;
    display: block;
    margin-top: 4px;
  }
}
@media (max-width: 767.98px) {
  .context-header-settings-menu, .region-main-settings-menu {
    display: flex;
    justify-content: flex-end;
  }
}
.context-header-settings-menu .dropdown-toggle > .icon, #region-main-settings-menu .dropdown-toggle > .icon {
  height: 24px;
  font-size: 24px;
  width: auto;
}
/** Prevent user notifications overlapping with region main settings menu */
#user-notifications {
  display: block;
  overflow: hidden;
}
/** Page layout CSS starts **/
.layout-option-noheader #page-header, .layout-option-nonavbar #page-navbar, .layout-option-nofooter #page-footer, .layout-option-nocourseheader .course-content-header, .layout-option-nocoursefooter .course-content-footer {
  display: none;
}
/** Page layout CSS ends **/
.mdl-left {
  text-align: left;
}
.mdl-right {
  text-align: right;
}
/*rtl:ignore*/
.text-ltr {
  direction: ltr !important;
  /* stylelint-disable-line declaration-no-important */
}
#add, #remove, .centerpara, .mdl-align {
  text-align: center;
}
a.dimmed, a.dimmed:link, a.dimmed:visited, a.dimmed_text, a.dimmed_text:link, a.dimmed_text:visited, .dimmed_text, .dimmed_text a, .dimmed_text a:link, .dimmed_text a:visited, .usersuspended, .usersuspended a, .usersuspended a:link, .usersuspended a:visited, .dimmed_category, .dimmed_category a {
  color: #6a737b;
}
.aalink.focus, a.focus.autolink, .aalink:focus, a.autolink:focus, #page-footer a:not([class]).focus, #page-footer a:not([class]):focus, .arrow_link.focus, .arrow_link:focus, a:not([class]).focus, a:not([class]):focus, .activityinstance > a.focus, .activityinstance > a:focus {
  outline: 0.2rem solid transparent;
  color: #1d2125;
  background-color: #d2e8fb;
  box-shadow: 0 -0.2rem #d2e8fb, 0 0.2rem #343a40;
}
.aalink:focus:hover, a.autolink:focus:hover, #page-footer a:not([class]):focus:hover, .arrow_link:focus:hover, a:not([class]):focus:hover, .activityinstance > a:focus:hover {
  text-decoration: none;
}
.aabtn.focus, .aabtn:focus, .btn-link.focus, .btn-link:focus, .nav-link.focus, .nav-link:focus, .editor_atto_toolbar button.focus, .editor_atto_toolbar button:focus, .editor_atto_toolbar .atto_toolbar_row.focus, .editor_atto_toolbar .atto_toolbar_row:focus, [role="button"].focus, [role="button"]:focus, .list-group-item-action.focus, .list-group-item-action:focus, input[type="checkbox"].focus, input[type="checkbox"]:focus, input[type="radio"].focus, input[type="radio"]:focus, input[type="file"].focus, input[type="file"]:focus, input[type="image"].focus, input[type="image"]:focus, .sr-only-focusable.focus, .sr-only-focusable:focus, a.dropdown-toggle.focus, a.dropdown-toggle:focus, .modal-dialog[tabindex="0"].focus, .modal-dialog[tabindex="0"]:focus, .moodle-dialogue-base .closebutton.focus, .moodle-dialogue-base .closebutton:focus, button.close.focus, button.close:focus, .form-autocomplete-selection.focus, .form-autocomplete-selection:focus, [role="treeitem"]:not([aria-expanded="true"]).focus, [role="treeitem"]:not([aria-expanded="true"]):focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
}
.aabtn:focus:hover, .btn-link:focus:hover, .nav-link:focus:hover, .editor_atto_toolbar button:focus:hover, .editor_atto_toolbar .atto_toolbar_row:focus:hover, [role="button"]:focus:hover, .list-group-item-action:focus:hover, input[type="checkbox"]:focus:hover, input[type="radio"]:focus:hover, input[type="file"]:focus:hover, input[type="image"]:focus:hover, .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, .form-autocomplete-selection:focus:hover, [role="treeitem"]:not([aria-expanded="true"]):focus:hover {
  text-decoration: none;
}
.modal-dialog[tabindex="0"].focus, .modal-dialog[tabindex="0"]:focus {
  border-radius: 0.6rem;
}
[role="treeitem"][aria-expanded="true"] {
  outline: 0;
}
[role="treeitem"][aria-expanded="true"].focus > *:first-child, [role="treeitem"][aria-expanded="true"]:focus > *:first-child {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
}
[role="treeitem"][aria-expanded="true"]:focus:hover {
  text-decoration: none;
}
.form-autocomplete-suggestions li[aria-selected=true] {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
}
.safari input[type="checkbox"].focus, .safari input[type="checkbox"]:focus, .safari input[type="radio"].focus, .safari input[type="radio"]:focus {
  outline: auto;
}
.unlist, .unlist li, .inline-list, .inline-list li, .block .list, .block .list li, .section li.movehere, .tabtree li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.section li.movehere a {
  display: block;
  width: 100%;
  height: 2rem;
  border: 2px dashed #343a40;
}
.editing .course-content .hidden.sectionname {
  visibility: hidden;
  display: initial;
}
.inline, .inline-list li {
  display: inline;
}
.notifytiny {
  font-size: 0.703125rem;
}
.notifytiny li, .notifytiny td {
  font-size: 100%;
}
.red, .notifyproblem {
  color: #f0ad4e;
}
.green, .notifysuccess {
  color: #357a32;
}
.highlight {
  color: #008196;
}
.fitem.advanced .text-info {
  font-weight: bold;
}
.reportlink {
  text-align: right;
}
a.autolink.glossary:hover {
  cursor: help;
}
/* Block which is hidden if javascript enabled, prevents fickering visible when JS from footer used! */
.collapsibleregioncaption {
  white-space: nowrap;
  min-height: 1.40625rem;
}
.pagelayout-mydashboard.jsenabled .collapsibleregioncaption {
  cursor: pointer;
}
.pagelayout-mydashboard #region-main {
  border: 0;
  padding: 0;
  background-color: transparent;
  margin-top: -1px;
}
@media (max-width: 767.98px) {
  .pagelayout-mydashboard #region-main-box, .pagelayout-login #region-main-box {
    padding-left: 0;
    padding-right: 0;
  }
}
.collapsibleregioncaption img {
  vertical-align: middle;
}
.jsenabled .hiddenifjs {
  display: none;
}
.visibleifjs {
  display: none;
}
.jsenabled .visibleifjs {
  display: inline;
}
.jsenabled .collapsibleregion {
  overflow: hidden;
  box-sizing: content-box;
}
.jsenabled .collapsed .collapsibleregioninner {
  visibility: hidden;
}
.collapsible-actions {
  display: none;
  text-align: right;
}
.jsenabled .collapsible-actions {
  display: block;
}
.yui-overlay .yui-widget-bd {
  background-color: #ffee69;
  border: 1px solid #a6982b;
  border-top-color: #d4c237;
  color: #000;
  left: 0;
  padding: 2px 5px;
  position: relative;
  top: 0;
  z-index: 1;
}
.clearer {
  background: transparent;
  border-width: 0;
  clear: both;
  display: block;
  height: 1px;
  margin: 0;
  padding: 0;
}
.bold, .warning, .errorbox .title, .pagingbar .title, .pagingbar .thispage {
  font-weight: bold;
}
img.resize {
  height: 1em;
  width: 1em;
}
.action-menu .dropdown-toggle {
  text-decoration: none;
  display: inline-block;
}
.action-menu {
  white-space: nowrap;
  display: inline;
}
.block img.resize {
  height: 0.9em;
  width: 0.8em;
}
/* Icon styles */
img.activityicon {
  height: 24px;
  width: 24px;
  vertical-align: middle;
}
.headermain {
  font-weight: bold;
}
#maincontent {
  display: block;
  height: 1px;
  overflow: hidden;
}
img.uihint {
  cursor: help;
}
#addmembersform table {
  margin-left: auto;
  margin-right: auto;
}
table.flexible .emptyrow {
  display: none;
}
form.popupform, form.popupform div {
  display: inline;
}
.arrow_button input {
  overflow: hidden;
}
.no-overflow {
  overflow: auto;
}
.no-overflow > .generaltable {
  margin-bottom: 0;
}
.no-overflow .generaltable .sr-only, .no-overflow .generaltable .accesshide, .table-responsive .generaltable .sr-only, .table-responsive .generaltable .accesshide {
  position: relative;
  display: block;
}
.accesshide {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
span.hide, div.hide, .hidden {
  display: none;
}
a.skip-block, a.skip {
  position: absolute;
  top: -1000em;
  font-size: 0.85em;
  text-decoration: none;
}
a.skip-block:focus, a.skip-block:active, a.skip:focus, a.skip:active {
  position: static;
  display: block;
}
.skip-block-to {
  display: block;
  height: 1px;
  overflow: hidden;
}
.addbloglink {
  text-align: center;
}
.blog_entry .audience {
  text-align: right;
  padding-right: 4px;
}
.blog_entry .tags {
  margin-top: 15px;
}
.blog_entry .content {
  margin-left: 43px;
}
#doc-contents h1 {
  margin: 1em 0 0 0;
}
#doc-contents ul {
  margin: 0;
  padding: 0;
  width: 90%;
}
#doc-contents ul li {
  list-style-type: none;
}
.groupmanagementtable td {
  vertical-align: top;
}
.groupmanagementtable #existingcell, .groupmanagementtable #potentialcell {
  width: 42%;
}
.groupmanagementtable #buttonscell {
  width: 16%;
}
.groupmanagementtable #buttonscell p.arrow_button input {
  width: auto;
  min-width: 80%;
  margin: 0 auto;
  display: block;
}
.groupmanagementtable #removeselect_wrapper, .groupmanagementtable #addselect_wrapper {
  width: 100%;
}
.groupmanagementtable #removeselect_wrapper label, .groupmanagementtable #addselect_wrapper label {
  font-weight: normal;
}
#group-usersummary {
  width: 14em;
}
.groupselector {
  margin-top: 3px;
  margin-bottom: 3px;
  display: inline-block;
}
.groupselector label {
  display: inline-block;
}
.notepost {
  margin-bottom: 1em;
}
.notepost .userpicture {
  float: left;
  margin-right: 5px;
}
.notepost .content, .notepost .footer {
  clear: both;
}
.notesgroup {
  margin-left: 20px;
}
.path-my .coursebox {
  margin: 1rem 0;
  padding: 0;
}
.path-my .coursebox .overview {
  margin: 15px 30px 10px 30px;
}
.path-my .coursebox .info {
  float: none;
  margin: 0;
}
.mod_introbox {
  padding: 10px;
}
table.mod_index {
  width: 100%;
}
.comment-ctrl {
  font-size: 12px;
  display: none;
  margin: 0;
  padding: 0;
}
.comment-ctrl h5 {
  margin: 0;
  padding: 5px;
}
.comment-area {
  max-width: 400px;
  padding: 5px;
}
.comment-area textarea {
  width: 100%;
  overflow: auto;
}
.comment-area textarea.fullwidth {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.comment-area .fd {
  text-align: right;
}
.comment-meta span {
  color: gray;
}
.comment-link img {
  vertical-align: text-bottom;
}
.comment-list {
  font-size: 11px;
  overflow: auto;
  list-style: none;
  padding: 0;
  margin: 0;
}
.comment-list li {
  margin: 2px;
  list-style: none;
  margin-bottom: 5px;
  clear: both;
  padding: 0.3em;
  position: relative;
}
.comment-list li.first {
  display: none;
}
.comment-paging {
  text-align: center;
}
.comment-paging .pageno {
  padding: 2px;
}
.comment-paging .curpage {
  border: 1px solid #ccc;
}
.comment-message .picture {
  float: left;
  margin-right: 0.25rem;
}
.comment-message .text {
  margin: 0;
  padding: 0;
}
.comment-message .text p {
  padding: 0;
  margin: 0 18px 0 0;
}
.comment-delete {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0.3em;
}
.comment-report-selectall {
  display: none;
}
.comment-link {
  display: none;
}
.jsenabled .comment-link {
  display: block;
}
.jsenabled .showcommentsnonjs {
  display: none;
}
.jsenabled .comment-report-selectall {
  display: inline;
}
/**
* Completion progress report
*/
.completion-expired {
  color: #f0ad4e;
}
.completion-expected {
  font-size: 0.703125rem;
}
.completion-sortchoice, .completion-identifyfield {
  font-size: 0.703125rem;
  vertical-align: bottom;
}
.completion-progresscell {
  text-align: right;
}
.completion-expired .completion-expected {
  font-weight: bold;
}
/**
* Tags
*/
img.user-image {
  height: 100px;
  width: 100px;
}
#tag-search-box {
  text-align: center;
  margin: 10px auto;
}
.path-tag .tag-index-items .tagarea {
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  padding: 10px;
  margin-top: 10px;
}
.path-tag .tag-index-items .tagarea h3 {
  display: block;
  padding: 3px 0 10px 0;
  margin: 0;
  font-size: 1.1em;
  font-weight: bold;
  line-height: 20px;
  color: #999;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  text-transform: uppercase;
  word-wrap: break-word;
  border-bottom: solid 1px #e3e3e3;
  margin-bottom: 10px;
}
.path-tag .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: #f0ad4e;
}
.tag-management-table td, .tag-management-table th {
  vertical-align: middle;
  padding: 4px;
}
.tag-management-table .inplaceeditable.inplaceeditingon input {
  width: 150px;
}
.path-admin-tag .addstandardtags {
  float: right;
}
.path-admin-tag .addstandardtags img {
  margin: 0 5px;
}
.path-tag .tag-relatedtags {
  padding-top: 10px;
}
.path-tag .tag-management-box {
  text-align: right;
}
.path-tag .tag-index-toc {
  padding: 10px;
  text-align: center;
}
.path-tag .tag-index-toc li, .path-tag .tag-management-box li {
  margin-left: 5px;
  margin-right: 5px;
}
.path-tag .tag-management-box li a.edittag {
  background-image: url(/theme/image.php/boost_union/core/1753274487/i/settings);
}
.path-tag .tag-management-box li a.flagasinappropriate {
  background-image: url(/theme/image.php/boost_union/core/1753274487/i/flagged);
}
.path-tag .tag-management-box li a.removefrommyinterests {
  background-image: url(/theme/image.php/boost_union/core/1753274487/t/delete);
}
.path-tag .tag-management-box li a.addtomyinterests {
  background-image: url(/theme/image.php/boost_union/core/1753274487/t/add);
}
.path-tag .tag-management-box li a {
  background-repeat: no-repeat;
  background-position: left;
  padding-left: 17px;
}
.tag_feed.media-list .media .itemimage {
  float: left;
}
.tag_feed.media-list .media .itemimage img {
  height: 35px;
  width: 35px;
}
.tag_feed.media-list .media .media-body {
  padding-right: 10px;
  padding-left: 10px;
}
.tag_feed .media .muted a {
  color: #6a737b;
}
.tag_cloud {
  text-align: center;
}
.tag_cloud .inline-list li {
  padding: 0 0.2em;
}
.tag_cloud .tag_overflow {
  margin-top: 1em;
  font-style: italic;
}
.tag_cloud .s20 {
  font-size: 2.7em;
}
.tag_cloud .s19 {
  font-size: 2.6em;
}
.tag_cloud .s18 {
  font-size: 2.5em;
}
.tag_cloud .s17 {
  font-size: 2.4em;
}
.tag_cloud .s16 {
  font-size: 2.3em;
}
.tag_cloud .s15 {
  font-size: 2.2em;
}
.tag_cloud .s14 {
  font-size: 2.1em;
}
.tag_cloud .s13 {
  font-size: 2em;
}
.tag_cloud .s12 {
  font-size: 1.9em;
}
.tag_cloud .s11 {
  font-size: 1.8em;
}
.tag_cloud .s10 {
  font-size: 1.7em;
}
.tag_cloud .s9 {
  font-size: 1.6em;
}
.tag_cloud .s8 {
  font-size: 1.5em;
}
.tag_cloud .s7 {
  font-size: 1.4em;
}
.tag_cloud .s6 {
  font-size: 1.3em;
}
.tag_cloud .s5 {
  font-size: 1.2em;
}
.tag_cloud .s4 {
  font-size: 1.1em;
}
.tag_cloud .s3 {
  font-size: 1em;
}
.tag_cloud .s2 {
  font-size: 0.9em;
}
.tag_cloud .s1 {
  font-size: 0.8em;
}
.tag_cloud .s0 {
  font-size: 0.7em;
}
.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;
}
/**
* Web Service
*/
#webservice-doc-generator td {
  text-align: left;
  border: 0 solid black;
}
/**
* Enrol
*/
.userenrolment {
  width: 100%;
  border-collapse: collapse;
}
.userenrolment tr {
  vertical-align: top;
}
.userenrolment td {
  padding: 0;
  height: 41px;
}
.userenrolment .subfield {
  margin-right: 5px;
}
.userenrolment .col_userdetails .subfield {
  margin-left: 40px;
}
.userenrolment .col_userdetails .subfield_picture {
  float: left;
  margin-left: 0;
}
.userenrolment .col_lastseen {
  width: 150px;
}
.userenrolment .col_role {
  width: 262px;
}
.userenrolment .col_role .roles, .userenrolment .col_group .groups {
  margin-right: 30px;
}
.userenrolment .col_role .role {
  float: left;
  padding: 0 3px 3px;
  margin: 0 3px 3px;
  white-space: nowrap;
}
.userenrolment .col_group .group {
  float: left;
  padding: 3px;
  margin: 3px;
  white-space: nowrap;
}
.userenrolment .col_role .role a, .userenrolment .col_group .group a {
  margin-left: 3px;
  cursor: pointer;
}
.userenrolment .col_role .addrole, .userenrolment .col_group .addgroup {
  float: right;
  padding: 3px;
  margin: 3px;
}
.userenrolment .col_role .addrole > a:hover, .userenrolment .col_group .addgroup > a:hover {
  border-bottom: 1px solid #666;
}
.userenrolment .col_role .addrole img, .userenrolment .col_group .addgroup img {
  vertical-align: baseline;
}
.userenrolment .hasAllRoles .col_role .addrole {
  display: none;
}
.userenrolment .col_enrol .enrolment {
  float: left;
  padding: 0 3px 3px;
  margin: 0 3px 3px;
}
.userenrolment .col_enrol .enrolment a {
  float: right;
  margin-left: 3px;
}
#page-enrol-otherusers .userenrolment .col_role .role {
  float: none;
  margin: 3px 3px 3px 0;
  padding: 3px 3px 3px 0;
}
.corelightbox {
  background-color: #ccc;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
}
.corelightbox img {
  position: fixed;
  top: 50%;
  left: 50%;
}
.mod-indent-outer {
  display: table;
}
.mod-indent {
  display: table-cell;
}
.label .mod-indent {
  float: left;
  padding-top: 20px;
}
.activity.label.modtype_label .mod-indent {
  float: none;
}
@media (min-width: 576px) {
  .que .correctness.correct {
    /* Creates a series of .mod-indent-# rule declarations based on indent size and number of indent levels. */
  }
  .mod-indent-1 {
    width: 30px;
  }
  .mod-indent-2 {
    width: 60px;
  }
  .mod-indent-3 {
    width: 90px;
  }
  .mod-indent-4 {
    width: 120px;
  }
  .mod-indent-5 {
    width: 150px;
  }
  .mod-indent-6 {
    width: 180px;
  }
  .mod-indent-7 {
    width: 210px;
  }
  .mod-indent-8 {
    width: 240px;
  }
  .mod-indent-9 {
    width: 270px;
  }
  .mod-indent-10 {
    width: 300px;
  }
  .mod-indent-11 {
    width: 330px;
  }
  .mod-indent-12 {
    width: 360px;
  }
  .mod-indent-13 {
    width: 390px;
  }
  .mod-indent-14 {
    width: 420px;
  }
  .mod-indent-15 {
    width: 450px;
  }
  .mod-indent-16 {
    width: 480px;
  }
  .mod-indent-huge {
    width: 480px;
  }
}
/* Audio player size in 'block' mode (can only change width, height is hardcoded in JS) */
.resourcecontent .mediaplugin_mp3 object {
  height: 25px;
  width: 600px;
}
.resourcecontent audio.mediaplugin_html5audio {
  width: 600px;
}
/** Large resource images should avoid hidden overflow **/
.resourceimage {
  max-width: 100%;
}
/* Audio player size in 'inline' mode (can only change width, as above) */
.mediaplugin_mp3 object {
  height: 15px;
  width: 300px;
}
audio.mediaplugin_html5audio {
  width: 300px;
}
/* TinyMCE moodle media preview frame should not have padding */
.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 Settings (moodle-core-dialogue)  */
.moodle-dialogue-base .moodle-dialogue-lightbox {
  background-color: #495057;
}
.pagelayout-popup .moodle-dialogue-base .moodle-dialogue-lightbox {
  background-color: transparent;
}
.pagelayout-popup .moodle-dialogue-base .moodle-dialogue {
  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.2);
}
.moodle-dialogue-base .hidden, .moodle-dialogue-base .moodle-dialogue-hidden {
  display: none;
}
.no-scrolling {
  overflow: hidden;
}
.moodle-dialogue-base .moodle-dialogue-fullscreen {
  left: 0;
  top: 0;
  right: 0;
  bottom: -50px;
  position: fixed;
}
.moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
  overflow: auto;
}
.moodle-dialogue-base .moodle-dialogue-wrap {
  background-color: #fff;
  border: 1px solid #ccc;
}
.modal.show {
  display: block;
}
.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd {
  display: flex;
  padding: 1rem 1rem;
  border-bottom: 1px solid #dee2e6;
}
.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd.yui3-widget-hd {
  min-height: 3rem;
  color: initial;
  background: initial;
  font-size: 1.5rem;
  line-height: 1.5;
}
.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd h5 {
  font-size: 1.5rem;
  font-weight: 400;
  margin-bottom: 0;
  line-height: 1.5;
}
.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .yui3-widget-buttons {
  /*rtl:raw:
        left: 0;
        right: auto;
    */
  padding: 0;
  position: relative;
  margin-left: auto;
}
.moodle-dialogue-base .closebutton {
  padding: 1rem 1rem;
  margin: -1rem -1rem -1rem auto;
  position: relative;
  background-color: transparent;
  border: 0;
  background-image: none;
  box-shadow: none;
  opacity: 0.7;
}
.moodle-dialogue-base .closebutton:hover, .moodle-dialogue-base .closebutton:active {
  opacity: 1;
}
.moodle-dialogue-base .closebutton::after {
  content: "×";
}
.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd {
  padding: 0.5rem;
}
.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd body {
  background-color: #fff;
}
.moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
  overflow: auto;
  position: absolute;
  top: 0;
  bottom: 50px;
  left: 0;
  right: 0;
  margin: 0;
  border: 0;
}
.moodle-dialogue-exception .moodle-exception-param label {
  font-weight: bold;
}
.moodle-dialogue-exception .param-stacktrace label {
  background-color: #eee;
  border: 1px solid #ccc;
  border-bottom-width: 0;
}
.moodle-dialogue-exception .param-stacktrace pre {
  border: 1px solid #ccc;
  background-color: #fff;
}
.moodle-dialogue-exception .param-stacktrace .stacktrace-file {
  color: navy;
  font-size: 0.8203125rem;
}
.moodle-dialogue-exception .param-stacktrace .stacktrace-line {
  color: #f0ad4e;
  font-size: 0.8203125rem;
}
.moodle-dialogue-exception .param-stacktrace .stacktrace-call {
  color: #333;
  font-size: 90%;
  border-bottom: 1px solid #eee;
}
.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft:empty {
  display: none;
}
.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft.yui3-widget-ft {
  background: initial;
}
.moodle-dialogue-confirm .confirmation-message {
  margin: 0.5rem 0;
}
.moodle-dialogue-confirm .confirmation-dialogue input {
  min-width: 80px;
}
.moodle-dialogue-exception .moodle-exception-message {
  margin: 1em;
}
.moodle-dialogue-exception .moodle-exception-param {
  margin-bottom: 0.5em;
}
.moodle-dialogue-exception .moodle-exception-param label {
  width: 150px;
}
.moodle-dialogue-exception .param-stacktrace label {
  display: block;
  margin: 0;
  padding: 4px 1em;
}
.moodle-dialogue-exception .param-stacktrace pre {
  display: block;
  height: 200px;
  overflow: auto;
}
.moodle-dialogue-exception .param-stacktrace .stacktrace-file {
  display: inline-block;
  margin: 4px 0;
}
.moodle-dialogue-exception .param-stacktrace .stacktrace-line {
  display: inline-block;
  width: 50px;
  margin: 4px 1em;
}
.moodle-dialogue-exception .param-stacktrace .stacktrace-call {
  padding-left: 25px;
  margin-bottom: 4px;
  padding-bottom: 4px;
}
.moodle-dialogue .moodle-dialogue-bd .content-lightbox {
  opacity: 0.75;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: white;
  text-align: center;
  padding: 10% 0;
}
/* Apply a default max-height on tooltip text */
.moodle-dialogue .tooltiptext {
  max-height: 300px;
}
.moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip {
  z-index: 3001;
}
.moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip .moodle-dialogue-bd {
  overflow: auto;
}
/**
 * Chooser Dialogues (moodle-core-chooserdialogue)
 *
 * This CSS belong to the chooser dialogue which should work both with, and
 * without javascript enabled
 */
/* Hide the dialog and it's title */
.chooserdialoguebody, .choosertitle {
  display: none;
}
.moodle-dialogue.chooserdialogue .moodle-dialogue-content .moodle-dialogue-ft {
  margin: 0;
}
.chooserdialogue .moodle-dialogue-wrap .moodle-dialogue-bd {
  padding: 0;
  background: #f2f2f2;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}
/* Center the submit buttons within the area */
.choosercontainer #chooseform .submitbuttons {
  padding: 0.7em 0;
  text-align: right;
}
/* Fixed for safari browser on iPhone4S with ios7@mixin */
@media (max-height: 639px) {
  .ios .choosercontainer #chooseform .submitbuttons {
    padding: 45px 0;
  }
}
.choosercontainer #chooseform .submitbuttons input {
  min-width: 100px;
  margin: 0 0.5em;
}
/* Various settings for the options area */
.choosercontainer #chooseform .options {
  position: relative;
  border-bottom: 1px solid #bbb;
}
/* Only set these options if we're showing the js container */
.jschooser .choosercontainer #chooseform .alloptions {
  overflow-x: hidden;
  overflow-y: auto;
  max-width: 240px;
}
.jschooser .choosercontainer #chooseform .alloptions .option input[type=radio] {
  display: inline-block;
}
.jschooser .choosercontainer #chooseform .alloptions .option .typename {
  display: inline-block;
  width: 55%;
}
/* Settings for option rows and option subtypes */
.choosercontainer #chooseform .moduletypetitle, .choosercontainer #chooseform .option, .choosercontainer #chooseform .nonoption {
  margin-bottom: 0;
  padding: 0 1.6em 0 1.6em;
}
.choosercontainer #chooseform .moduletypetitle {
  text-transform: uppercase;
  padding-top: 1.2em;
  padding-bottom: 0.4em;
  margin-bottom: 0.5rem;
  font-size: 100%;
}
.choosercontainer #chooseform .option .typename, .choosercontainer #chooseform .nonoption .typename {
  padding: 0 0 0 0.5em;
}
.choosercontainer #chooseform .modicon + .typename {
  padding-left: 0;
}
.choosercontainer #chooseform .option input[type=radio], .choosercontainer #chooseform .option span.typename {
  vertical-align: middle;
}
.choosercontainer #chooseform .option label {
  display: block;
  margin: 0;
  padding: 0.5rem 0;
  border-bottom: 1px solid #fff;
}
.choosercontainer #chooseform .option .icon {
  margin: 0;
  padding: 0 1rem;
}
.choosercontainer #chooseform .nonoption {
  padding-left: 2.7em;
  padding-top: 0.3em;
  padding-bottom: 0.1em;
}
.choosercontainer #chooseform .subtype {
  margin-bottom: 0;
  padding: 0 1.6em 0 3.2em;
}
.choosercontainer #chooseform .subtype .typename {
  margin: 0 0 0 0.2em;
}
/* The instruction/help area */
.jschooser .choosercontainer #chooseform .instruction, .jschooser .choosercontainer #chooseform .typesummary {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 240px;
  margin: 0;
  padding: 1.6em;
  background-color: #fff;
  overflow-x: hidden;
  overflow-y: auto;
  line-height: 2em;
}
/* Selected option settings */
.jschooser .choosercontainer #chooseform .instruction, .choosercontainer #chooseform .selected .typesummary {
  display: block;
}
.choosercontainer #chooseform .selected {
  background-color: #fff;
  margin-top: -1px;
  padding-top: 1px;
}
@media (max-width: 575.98px) {
  .jsenabled .choosercontainer #chooseform .alloptions {
    max-width: 100%;
  }
  .jsenabled .choosercontainer #chooseform .instruction, .jsenabled .choosercontainer #chooseform .typesummary {
    position: static;
  }
}
/**
 * Module chooser dialogue (moodle-core-chooserdialogue)
 *
 * This CSS belong to the chooser dialogue which should work both with, and
 * without javascript enabled
 */
.modchooser .modal-body {
  padding: 0;
  overflow-y: auto;
  min-height: 640px;
  display: flex;
  flex-direction: column;
}
.modchooser .modal-body .searchresultitemscontainer-wrapper {
  min-height: 495px;
}
.modchooser .modal-body .carousel-item.active {
  display: flex;
}
.modchooser .modal-body .chooser-container {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}
.modchooser .modal-body .loading-icon {
  opacity: 1;
}
.modchooser .modal-body .loading-icon .icon {
  display: block;
  font-size: 3em;
  height: 1em;
  width: 1em;
}
.modchooser .modal-body .carousel-item .loading-icon .icon {
  margin: 1em auto;
}
.modchooser .modal-body .searchbar {
  width: 100%;
}
.modchooser .modal-footer {
  height: 70px;
  background: #fff;
}
.modchooser .modal-footer .moodlenet-logo .icon {
  height: 2.5rem;
  width: 6rem;
  margin-bottom: 0.6rem;
}
.modchoosercontainer.noscroll {
  overflow-y: hidden;
}
.modchoosercontainer .optionscontainer, .modchoosercontainer .searchresultitemscontainer {
  overflow-x: hidden;
}
.modchoosercontainer .optionscontainer .option, .modchoosercontainer .searchresultitemscontainer .option {
  flex-basis: calc(50% - 0.5rem);
}
.modchoosercontainer .optionscontainer .option .optionactions .optionaction, .modchoosercontainer .searchresultitemscontainer .option .optionactions .optionaction {
  cursor: pointer;
  color: #6a737b;
}
.modchoosercontainer .optionscontainer .option .optionactions .optionaction i, .modchoosercontainer .searchresultitemscontainer .option .optionactions .optionaction i {
  margin: 0;
}
.modchoosercontainer .optionscontainer .option .optioninfo a, .modchoosercontainer .searchresultitemscontainer .option .optioninfo a {
  color: #495057;
}
.modchoosercontainer .optionscontainer .option .optioninfo a:hover, .modchoosercontainer .searchresultitemscontainer .option .optioninfo a:hover {
  text-decoration: none;
}
.modchooser .modal-body .optionsummary {
  background-color: #fff;
  overflow-x: hidden;
  overflow-y: auto;
  height: 640px;
}
.modchooser .modal-body .optionsummary .content {
  overflow-y: auto;
}
.modchooser .modal-body .optionsummary .content .heading .icon {
  height: 32px;
  width: 32px;
  font-size: 32px;
  padding: 0;
}
.modchooser .modal-body .optionsummary .actions {
  border-top: 1px solid #dee2e6;
  background: #fff;
}
@media (max-width: 575.98px) {
  .path-course-view .modal-dialog.modal-lg, .path-course-view .modal-content, .modchooser .modal-body, .modchooser .modal-body .carousel, .modchooser .modal-body .carousel-inner, .modchooser .modal-body .carousel-item, .modchooser .modal-body .optionsummary, .modchoosercontainer, .optionscontainer, .searchresultitemscontainer {
    min-height: auto;
    height: 100%;
    overflow-y: auto;
  }
  .path-course-view .modal-dialog.modal-lg {
    margin: 0;
  }
  .modchooser .modal-body .searchresultitemscontainer-wrapper {
    min-height: auto;
  }
}
@media (min-width: 576px) {
  .modchoosercontainer .optionscontainer .option, .modchoosercontainer .searchresultitemscontainer .option {
    flex-basis: calc(33.33% - 0.5rem);
  }
}
@media (min-width: 992px) {
  .modchoosercontainer .optionscontainer .option, .modchoosercontainer .searchresultitemscontainer .option {
    flex-basis: calc(16.66% - 0.5rem);
  }
}
/* Form element: listing */
.formlistingradio {
  padding-bottom: 25px;
  padding-right: 10px;
}
.formlistinginputradio {
  float: left;
}
.formlistingmain {
  min-height: 225px;
}
.formlisting {
  position: relative;
  margin: 15px 0;
  padding: 1px 19px 14px;
  background-color: white;
  border: 1px solid #ddd;
  border-radius: 4px;
}
.formlistingmore {
  position: absolute;
  cursor: pointer;
  bottom: -1px;
  right: -1px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  background-color: whitesmoke;
  border: 1px solid #ddd;
  color: #9da0a4;
  border-radius: 4px 0 4px 0;
}
.formlistingall {
  margin: 15px 0;
  padding: 0;
  border-radius: 4px;
}
.formlistingrow {
  cursor: pointer;
  border-bottom: 1px solid;
  border-color: #e1e1e8;
  border-left: 1px solid #e1e1e8;
  border-right: 1px solid #e1e1e8;
  background-color: #f7f7f9;
  border-radius: 0 0 4px 4px;
  padding: 6px;
  top: 50%;
  left: 50%;
  min-height: 34px;
  float: left;
  width: 150px;
}
body.jsenabled .formlistingradio {
  display: none;
}
body.jsenabled .formlisting {
  display: block;
}
a.criteria-action {
  padding: 0 3px;
  float: right;
}
div.criteria-description {
  padding: 10px 15px;
  margin: 5px 0;
  background: none repeat scroll 0 0 #f9f9f9;
  border: 1px solid #eee;
}
ul.badges {
  margin: 0;
  list-style: none;
}
.badges li {
  position: relative;
  display: inline-block;
  padding-top: 1em;
  text-align: center;
  vertical-align: top;
  width: 150px;
}
.badges li .badge-name {
  display: block;
  padding: 5px;
}
.badges li > img {
  position: absolute;
}
.badges li .badge-image {
  width: 100px;
  height: 100px;
  left: 10px;
  top: 0;
  z-index: 1;
}
.badges li .badge-actions {
  position: relative;
}
.badges li .expireimage {
  background-image: url(/theme/image.php/boost_union/core/1753274487/i/expired);
  background-repeat: no-repeat;
  background-size: 100px 100px;
  width: 100px;
  height: 100px;
  left: 25px;
  top: 15px;
  position: absolute;
  z-index: 10;
  opacity: 0.85;
}
#badge-image {
  background-color: transparent;
  padding: 0;
  position: relative;
  min-width: 100px;
  width: 20%;
  display: inline-block;
  vertical-align: top;
  margin-top: 17px;
  margin-bottom: 20px;
}
#badge-image .expireimage {
  background-image: url(/theme/image.php/boost_union/core/1753274487/i/expired);
  background-repeat: no-repeat;
  background-size: 100px 100px;
  width: 100px;
  height: 100px;
  left: 0;
  top: 0;
  opacity: 0.85;
  position: absolute;
  z-index: 10;
}
#badge-image .singlebutton {
  padding-top: 5px;
  display: block;
}
#badge-image .singlebutton button {
  margin-left: 4px;
}
#badge-details {
  display: inline-block;
  width: 79%;
}
#badge-overview dl, #badge-details dl {
  margin: 0;
}
#badge-overview dl dt, #badge-overview dl dd, #badge-details dl dt, #badge-details dl dd {
  vertical-align: top;
  padding: 3px 0;
}
#badge-overview dl dt, #badge-details dl dt {
  clear: both;
  display: inline-block;
  width: 20%;
  min-width: 100px;
}
#badge-overview dl dd, #badge-details dl dd {
  display: inline-block;
  width: 79%;
  margin-left: 1%;
}
#badge-criteria li li {
  list-style-type: none;
}
#badge-image-col {
  flex: 0 0 400px;
}
.badge-profile {
  vertical-align: top;
}
.connected {
  color: #357a32;
}
.notconnected {
  color: #ca3120;
}
.connecting {
  color: #f0ad4e;
}
#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: #d7e4d6;
}
.statusbox.inactive {
  background-color: #fcefdc;
}
.statusbox {
  text-align: center;
  margin-bottom: 5px;
  padding: 5px;
}
.statusbox .activatebadge {
  display: inline-block;
}
.statusbox .activatebadge input[type=submit] {
  margin: 3px;
}
.activatebadge {
  margin: 0;
  text-align: left;
  vertical-align: middle;
}
img#persona_signin {
  cursor: pointer;
}
.addcourse {
  float: right;
}
.invisiblefieldset {
  display: inline;
  padding: 0;
  border-width: 0;
}
/** Page header */
#page-header h1.h2 {
  font-weight: bold;
}
#page-header .logo {
  margin: 1rem 0;
}
#page-header .logo img {
  max-height: 75px;
}
/** Navbar logo. */
nav.navbar .logo img {
  max-height: 35px;
}
.nav.usernav .nav-item {
  display: flex;
}
.nav.usernav .usermenu .dropdown-toggle {
  padding: 0 0.5rem;
}
/** Header-bar styles **/
.page-context-header {
  overflow: hidden;
  padding: 0.25rem 0;
  display: flex;
}
.page-context-header .page-header-image > a {
  display: inline-block;
}
.page-context-header .page-header-headings, .page-context-header .header-button-group {
  position: relative;
  line-height: 24px;
  vertical-align: middle;
}
.page-context-header .header-button-group {
  display: block;
  float: left;
}
ul.dragdrop-keyboard-drag li {
  list-style-type: none;
}
a.disabled:hover, a.disabled {
  text-decoration: none;
  cursor: default;
  font-style: italic;
  color: #6a737b;
}
body.lockscroll {
  height: 100%;
  overflow: hidden;
}
.progressbar_container {
  max-width: 500px;
  margin: 0 auto;
}
/* IE10 only fix for calendar titling */
.ie10 .yui3-calendar-header-label {
  display: inline-block;
}
dd:before, dd:after {
  display: block;
  content: " ";
}
dd:after {
  clear: both;
}
.nav-tabs > .active > a[href], .nav-tabs > .active > a[href]:hover, .nav-tabs > .active > a[href]:focus {
  cursor: pointer;
}
.inplaceeditable.inplaceeditingon {
  position: relative;
}
.inplaceeditable.inplaceeditingon .editinstructions {
  margin-top: -30px;
  font-weight: normal;
  margin-right: 0;
  margin-left: 0;
  left: 0;
  right: auto;
  white-space: nowrap;
}
@media (min-width: 576px) {
  .inplaceeditable.inplaceeditingon input {
    width: 330px;
    vertical-align: text-bottom;
    margin-bottom: 0;
  }
  .inplaceeditable.inplaceeditingon input[role="combobox"] {
    width: auto;
  }
}
.inplaceeditable.inplaceeditingon select {
  margin-bottom: 0;
}
.inplaceeditable .quickediticon img {
  opacity: 0.2;
}
.inplaceeditable .quickeditlink {
  color: inherit;
  text-decoration: inherit;
}
.inplaceeditable:hover .quickeditlink .quickediticon img, .inplaceeditable .quickeditlink:focus .quickediticon img {
  opacity: 1;
}
.inplaceeditable.inplaceeditable-toggle .quickediticon {
  display: none;
}
.inplaceeditable.inplaceeditable-autocomplete {
  display: block;
}
h3.sectionname .inplaceeditable.inplaceeditingon .editinstructions {
  margin-top: -20px;
}
/** Chart area. */
@media (min-width: 992px) {
  .chart-area .chart-image {
    position: relative;
    margin: auto;
    height: 48vh;
    width: 46vw;
  }
}
.chart-area .chart-table-data {
  display: none;
}
.chart-area .chart-table {
  /** When accessible, we display the table only. */
}
.chart-area .chart-table .chart-output-htmltable caption {
  white-space: nowrap;
}
.chart-area .chart-table.accesshide .chart-table-expand {
  display: none;
}
.chart-area .chart-table.accesshide .chart-table-data {
  display: block;
}
/* YUI 2 Tree View */
/*rtl:raw:
.ygtvtn,
.ygtvtm,
.ygtvtmh,
.ygtvtmhh,
.ygtvtp,
.ygtvtph,
.ygtvtphh,
.ygtvln,
.ygtvlm,
.ygtvlmh,
.ygtvlmhh,
.ygtvlp,
.ygtvlph,
.ygtvlphh,
.ygtvdepthcell,
.ygtvok,
.ygtvok:hover,
.ygtvcancel,
.ygtvcancel:hover {
    background-image: url(/theme/image.php/boost_union/theme/1753274487/yui2-treeview-sprite-rtl);
}
*/
.hover-tooltip-container {
  position: relative;
}
.hover-tooltip-container .hover-tooltip {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  /*rtl:ignore*/
  left: 50%;
  top: calc(-50% - 5px);
  transform: translate(-50%, -50%);
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  box-sizing: border-box;
  padding: 5px;
  white-space: nowrap;
  transition: opacity 0.15s, visibility 0.15s;
  z-index: 1000;
}
.hover-tooltip-container .hover-tooltip:before {
  content: "";
  display: inline-block;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid rgba(0, 0, 0, 0.2);
  position: absolute;
  bottom: -8px;
  left: calc(50% - 8px);
}
.hover-tooltip-container .hover-tooltip:after {
  content: "";
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #fff;
  position: absolute;
  bottom: -6px;
  left: calc(50% - 7px);
  z-index: 2;
}
.hover-tooltip-container:hover .hover-tooltip {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.15s 0.5s, visibility 0.15s 0.5s;
}
#region-flat-nav {
  padding-right: 0;
  padding-left: 0;
}
#region-flat-nav .nav {
  margin-right: 15px;
  background-color: #fff;
}
@media (max-width: 767.98px) {
  #region-flat-nav .nav {
    margin-top: 30px;
    margin-right: 0;
  }
}
.footer-dark a {
  color: #fff;
  text-decoration: underline;
}
.footer-dark a .icon {
  color: #fff;
}
.footer-dark a:focus .icon {
  color: #1d2125;
}
.btn-footer-popover {
  display: none;
  position: fixed;
  bottom: 2rem;
  right: 2rem;
}
.hasstickyfooter .btn-footer-popover {
  bottom: calc(2rem + 60px);
}
.popover.footer .popover-body {
  padding: 0;
}
.popover.footer .popover-body .footer-section a, .popover.footer .popover-body .tool_usertours-resettourcontainer .usertour a, .tool_usertours-resettourcontainer .popover.footer .popover-body .usertour a {
  color: #1d2125;
  text-decoration: underline;
}
.popover.footer .popover-body .footer-section a .icon, .popover.footer .popover-body .tool_usertours-resettourcontainer .usertour a .icon, .tool_usertours-resettourcontainer .popover.footer .popover-body .usertour a .icon {
  color: #1d2125;
}
.popover.footer .popover-body .footer-section a:focus, .popover.footer .popover-body .tool_usertours-resettourcontainer .usertour a:focus, .tool_usertours-resettourcontainer .popover.footer .popover-body .usertour a:focus {
  text-decoration: none;
}
.footer-support-link {
  padding-bottom: 5px;
}
@media (min-width: 576px) {
  .jsenabled #page-footer .footer-content-popover {
    display: none;
  }
  .jsenabled .btn-footer-popover {
    display: block;
    z-index: 1000;
  }
}
.bg-inverse a {
  color: #fff;
  text-decoration: underline;
}
.bg-inverse a .icon {
  color: #fff;
}
.sitelink img {
  width: 112px;
}
.dropdown-item a {
  display: block;
  width: 100%;
  color: #1d2125;
}
.dropdown-item.active, .dropdown-item:active, .dropdown-item:hover, .dropdown-item:focus, .dropdown-item:focus-within {
  outline: 0;
  background-color: #0f6cbf;
  color: #fff;
}
.dropdown-item.active a, .dropdown-item:active a, .dropdown-item:hover a, .dropdown-item:focus a, .dropdown-item:focus-within a {
  color: #fff;
}
.dropdown-item[aria-current="true"], .dropdown-item[aria-selected="true"] {
  position: relative;
  display: flex;
  align-items: center;
}
.dropdown-item[aria-current="true"]:before, .dropdown-item[aria-selected="true"]:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  position: absolute;
  left: 0.4rem;
  font-size: 0.7rem;
}
.dropdown-menu {
  width: fit-content;
}
.competency-tree ul {
  padding-left: 1.5rem;
}
.sr-only-focusable:active, .sr-only-focusable:focus {
  z-index: 1031;
  position: fixed;
  background: #fff;
  padding: 7px;
  left: 0;
  top: 0;
}
[data-drag-type="move"] {
  cursor: move;
  touch-action: none;
}
.clickable {
  cursor: pointer;
}
.overlay-icon-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.6);
}
.overlay-icon-container .loading-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.overlay-icon-container .loading-icon .icon {
  height: 30px;
  width: 30px;
  font-size: 30px;
}
.w-auto {
  width: auto;
}
.bg-pulse-grey {
  animation: bg-pulse-grey 2s infinite linear;
}
@keyframes bg-pulse-grey {
  0% {
    background-color: #f8f9fa;
  }
  50% {
    background-color: #e9ecef;
  }
  100% {
    background-color: #f8f9fa;
  }
}
.line-height-0 {
  line-height: 0 !important;
  /* stylelint-disable-line declaration-no-important */
}
.line-height-1 {
  line-height: 0.25rem !important;
  /* stylelint-disable-line declaration-no-important */
}
.line-height-2 {
  line-height: 0.5rem !important;
  /* stylelint-disable-line declaration-no-important */
}
.line-height-3 {
  line-height: 1rem !important;
  /* stylelint-disable-line declaration-no-important */
}
.line-height-4 {
  line-height: 1.5rem !important;
  /* stylelint-disable-line declaration-no-important */
}
.line-height-5 {
  line-height: 2rem !important;
  /* stylelint-disable-line declaration-no-important */
}
.line-height-6 {
  line-height: 3rem !important;
  /* stylelint-disable-line declaration-no-important */
}
.dir-rtl .dir-rtl-hide {
  display: none;
}
.dir-ltr .dir-ltr-hide {
  display: none;
}
.paged-content-page-container {
  min-height: 3.125rem;
}
body.h5p-embed #page-content {
  display: inherit;
}
body.h5p-embed #maincontent {
  display: none;
}
body.h5p-embed .h5pmessages {
  min-height: 230px;
}
#h5pcontenttypes td {
  vertical-align: middle;
}
#page.drawers form#h5peditor, #page.drawers form#coolh5peditor, #page.drawers .core_contentbank_viewcontent {
  max-width: 960px;
  margin: 0 auto;
}
.text-decoration-none {
  text-decoration: none !important;
  /* stylelint-disable-line declaration-no-important */
}
.colour-inherit {
  color: inherit !important;
  /* stylelint-disable-line declaration-no-important */
}
.position-right {
  right: 0 !important;
  /* stylelint-disable-line declaration-no-important */
}
.overflow-hidden {
  overflow: hidden !important;
  /* stylelint-disable-line declaration-no-important */
}
.text-break {
  overflow-wrap: break-word !important;
  /* stylelint-disable-line declaration-no-important */
}
.word-break {
  word-break: break-word !important;
  /* stylelint-disable-line declaration-no-important */
}
.z-index-0 {
  z-index: 0 !important;
  /* stylelint-disable-line declaration-no-important */
}
.z-index-1 {
  z-index: 1 !important;
  /* stylelint-disable-line declaration-no-important */
}
.float-left {
  float: left !important;
  /* stylelint-disable-line declaration-no-important */
}
.float-right {
  float: right !important;
  /* stylelint-disable-line declaration-no-important */
}
.img-responsive {
  max-width: 100%;
  height: auto;
}
input[disabled] {
  cursor: not-allowed;
}
.custom-select {
  width: auto;
  max-width: 100%;
}
.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: #a2cff8;
  color: #1d2125;
  height: 1.5rem;
}
.border-radius {
  border-radius: 0.5rem;
}
.emoji-picker {
  width: 350px;
  height: 400px;
}
.emoji-picker .category-button {
  padding: 0.375rem 0;
  height: 100%;
  width: 38.8888888889px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 2px solid transparent;
}
.emoji-picker .category-button.selected {
  border-bottom: 2px solid #0f6cbf;
}
.emoji-picker .emojis-container, .emoji-picker .search-results-container {
  min-width: 280px;
}
.emoji-picker .picker-row {
  height: 40px;
}
.emoji-picker .picker-row .category-name {
  line-height: 40px;
}
.emoji-picker .picker-row .emoji-button {
  height: 40px;
  width: 40px;
  line-height: 40px;
  font-size: 24px;
  overflow: hidden;
}
.emoji-picker .picker-row .emoji-button:hover, .emoji-picker .picker-row .emoji-button:focus {
  color: inherit;
  text-decoration: none;
}
.emoji-picker .emoji-preview {
  height: 40px;
  font-size: 40px;
  line-height: 40px;
}
.emoji-picker .emoji-short-name {
  line-height: 20px;
}
@media (max-width: 575.98px) {
  .emoji-picker {
    width: 320px;
  }
}
.emoji-auto-complete {
  height: 40px;
}
.emoji-auto-complete .btn.btn-link.btn-icon.emoji-button {
  height: 40px;
  width: 40px;
  line-height: 40px;
  font-size: 24px;
}
.emoji-auto-complete .btn.btn-link.btn-icon.emoji-button.active {
  background-color: #e9ecef;
}
.toast-wrapper {
  max-width: 350px;
  max-height: 0;
  z-index: 1051;
}
.toast-wrapper > :first-child {
  margin-top: 1rem;
}
.alert-primary a {
  color: #041d34;
}
.alert-primary .close {
  color: #000305;
  opacity: 0.6;
}
.alert-secondary a {
  color: #525557;
}
.alert-secondary .close {
  color: #393b3d;
  opacity: 0.6;
}
.alert-success a, .environmenttable .ok a {
  color: #0c1b0b;
}
.alert-success .close, .environmenttable .ok .close {
  color: black;
  opacity: 0.6;
}
.alert-info a {
  color: #00171b;
}
.alert-info .close {
  color: black;
  opacity: 0.6;
}
.alert-warning a, .environmenttable .warn a {
  color: #573e1c;
}
.alert-warning .close, .environmenttable .warn .close {
  color: #302310;
  opacity: 0.6;
}
.alert-danger a, .environmenttable .error a {
  color: #3d0f0a;
}
.alert-danger .close, .environmenttable .error .close {
  color: #110403;
  opacity: 0.6;
}
.alert-light a {
  color: #686868;
}
.alert-light .close {
  color: #4e4e4f;
  opacity: 0.6;
}
.alert-dark a {
  color: #040505;
}
.alert-dark .close {
  color: black;
  opacity: 0.6;
}
.alert a {
  font-weight: 700;
}
.breadcrumb:empty {
  padding: 0;
}
@media (max-width: 767.98px) {
  #page-navbar {
    width: 100%;
  }
  .breadcrumb:not(:empty) {
    width: 100%;
    flex-wrap: nowrap;
    margin-bottom: 0.5rem;
  }
  .breadcrumb:not(:empty) .breadcrumb-item {
    padding-top: 0.33333rem;
    padding-bottom: 0.33333rem;
    display: inline-flex;
    overflow: hidden;
  }
  .breadcrumb:not(:empty) .breadcrumb-item a, .breadcrumb:not(:empty) .breadcrumb-item span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .mform {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
  }
  .pagination {
    flex-wrap: wrap;
    justify-content: center;
  }
  .custom-select {
    max-width: 100%;
  }
  .card .card-body {
    padding: 0.625rem;
  }
  #page-header .card {
    border: 0;
  }
  #page-header .card .card-body {
    padding: 0;
  }
  .nav-tabs:not(.more-nav), .nav-pills {
    margin: 0;
    border: 0;
    padding: 0.125rem;
    background-color: #e9ecef;
  }
  .nav-tabs:not(.more-nav) .nav-item, .nav-pills .nav-item {
    flex: 1 1 auto;
    text-align: center;
  }
  .nav-tabs:not(.more-nav) .nav-link, .nav-pills .nav-link {
    background: #fff;
    border: 0;
    margin: 0.125rem;
  }
  .nav-tabs:not(.more-nav) .nav-link.active, .nav-pills .nav-link.active {
    color: #6a737b;
    border-color: #6a737b;
    border-color: #6a737b;
  }
  .nav-tabs:not(.more-nav) .nav-link.active:hover, .nav-pills .nav-link.active:hover {
    color: #fff;
    background-color: #6a737b;
    border-color: #6a737b;
  }
  .nav-tabs:not(.more-nav) .nav-link.active:focus, .nav-tabs:not(.more-nav) .nav-link.active.focus, .nav-pills .nav-link.active:focus, .nav-pills .nav-link.active.focus {
    box-shadow: 0 0 0 0.2rem rgba(106, 115, 123, 0.5);
  }
  .nav-tabs:not(.more-nav) .nav-link.active.disabled, .nav-tabs:not(.more-nav) .nav-link.active:disabled, .nav-pills .nav-link.active.disabled, .nav-pills .nav-link.active:disabled {
    color: #6a737b;
    background-color: transparent;
  }
  .nav-tabs:not(.more-nav) .nav-link.active:not(:disabled):not(.disabled):active, .nav-tabs:not(.more-nav) .nav-link.active:not(:disabled):not(.disabled).active, .show > .nav-tabs:not(.more-nav) .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: #fff;
    background-color: #6a737b;
    border-color: #6a737b;
  }
  .nav-tabs:not(.more-nav) .nav-link.active:not(:disabled):not(.disabled):active:focus, .nav-tabs:not(.more-nav) .nav-link.active:not(:disabled):not(.disabled).active:focus, .show > .nav-tabs:not(.more-nav) .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(106, 115, 123, 0.5);
  }
}
@media (max-width: 576px) and (max-height: 320px) {
  div#page {
    margin-top: 0;
  }
  .navbar.fixed-top {
    position: relative;
    z-index: inherit;
  }
}
.link-underline {
  text-decoration: underline;
}
.link-underline:focus {
  text-decoration: none;
}
.alert.cta .cta-icon .icon {
  padding: 0.3rem;
}
.alert.cta .cta-icon .icon.fa {
  border-radius: 50%;
  border-style: solid;
  border-width: 0.125rem;
}
.core_payment_gateways_modal .custom-control-label::before, .core_payment_gateways_modal .custom-control-label::after {
  top: 45%;
}
.visual-scroll-x {
  scrollbar-width: thin;
  scrollbar-color: #0f6cbf #a2cff8;
  -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: #0f6cbf;
  border-right: 1px solid #fff;
}
.visual-scroll-x::-webkit-scrollbar-track {
  background-color: #a2cff8;
  border-right: 1px solid #fff;
}
body.dragging .drop-zone {
  border: 1px dashed #1d2125;
}
body.dragging .drop-up {
  border-top: 1px solid #1d2125;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
body.dragging .drop-down {
  border-bottom: 1px solid #1d2125;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
body.dragging .dragging {
  opacity: 0.6;
}
.dragicon {
  visibility: hidden;
}
.draggable:hover .dragicon {
  visibility: visible;
  cursor: move;
}
.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: #e0f0f2;
  border-color: #b8dce2;
}
.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;
  /* stylelint-disable-line declaration-no-important */
  padding-left: 0 !important;
  /* stylelint-disable-line declaration-no-important */
  padding-right: 0 !important;
  /* stylelint-disable-line declaration-no-important */
}
.dropdown-toggle::after {
  content: "";
  margin-right: 0;
  margin-left: 4px;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 9px;
  width: 9px;
  border: 0;
}
.dropleft .dropdown-toggle::before {
  border: 0;
  content: "";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 9px;
  margin-left: 0;
  margin-right: 4px;
  width: 9px;
}
.dropright .dropdown-toggle::after {
  border: 0;
  content: "";
}
.dropup .dropdown-toggle::after {
  border: 0;
  content: "";
}
.select-menu li:first-child ul[role="group"] {
  padding: 0;
}
.select-menu ul[role="group"] {
  padding: 0.3rem 0 0 0;
  margin: 0;
}
.select-menu ul[role="group"] li:first-child {
  cursor: default;
  color: #6a737b;
  padding: 0.25rem 1.5rem;
  display: block;
}
.select-menu ul[role="group"] .dropdown-item {
  padding-left: 2.5rem;
}
.select-menu .dropdown-item {
  cursor: pointer;
}
.select-menu .dropdown-item[aria-selected="true"] {
  font-weight: bold;
}
.initialbargroups ul {
  -webkit-margin-start: 0;
  /* stylelint-disable-line */
  margin-right: -1px;
}
.initialbargroups .page-item:first-child .page-link {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.initialbargroups .pagination-lg:first-child .page-item:first-child .page-link {
  border-top-left-radius: 0.6rem;
  border-bottom-left-radius: 0.6rem;
}
.initialbargroups .pagination-sm:first-child .page-item:first-child .page-link {
  border-top-left-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
}
.initialbargroups .page-item:last-child .page-link {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.initialbargroups .pagination-lg:last-child .page-item:last-child .page-link {
  border-top-right-radius: 0.6rem;
  border-bottom-right-radius: 0.6rem;
}
.initialbargroups .pagination-sm:last-child .page-item:last-child .page-link {
  border-top-right-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}
blockquote {
  margin: 0 0.5rem 1rem;
  padding-left: 1rem;
  color: #495057;
  border-left: 5px solid #8f959e;
}
.pagelayout-maintenance .page-header-headings, .pagelayout-secure .page-header-headings {
  background-color: #fff;
}
/* Prevent long strings exceeding page width */
.page-header-headings:not(.text-truncate), .coursename:not(.text-truncate), .categoryname:not(.text-truncate), .breadcrumb-item:not(.text-truncate) {
  word-break: normal;
  overflow-wrap: anywhere;
  white-space: normal;
}
.icon {
  font-size: 16px;
  width: 16px;
  height: 16px;
  margin: 0;
  padding: 0;
  box-sizing: content-box;
  margin-right: 0.5rem;
}
.icon.spacer {
  margin-right: 0;
}
.icon.iconsize-big {
  width: 64px;
  height: 64px;
  font-size: 64px;
}
.navbar-dark a .icon {
  color: rgba(255, 255, 255, 0.5) !important;
  /* stylelint-disable-line declaration-no-important */
}
.action-menu-item a:first-of-type > .icon {
  margin-left: 0.5rem;
}
.ygtvcell .icon {
  margin-left: 0 !important;
  /* stylelint-disable-line declaration-no-important */
}
.block_navigation .tree_item .icon, .block_settings .tree_item .icon {
  margin-left: 0;
}
[data-action=toggle-drawer] .icon {
  margin: 0;
}
.icon-no-spacing a > .icon {
  margin: 0;
}
.icon-no-margin .icon {
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.icon-large > .icon {
  width: 32px;
  height: 32px;
}
.icon-size-0 .icon {
  height: 0 !important;
  /* stylelint-disable-line declaration-no-important */
  width: 0 !important;
  /* stylelint-disable-line declaration-no-important */
  font-size: 0 !important;
  /* stylelint-disable-line declaration-no-important */
}
.icon-size-1 .icon {
  height: 4px !important;
  /* stylelint-disable-line declaration-no-important */
  width: 4px !important;
  /* stylelint-disable-line declaration-no-important */
  font-size: 4px !important;
  /* stylelint-disable-line declaration-no-important */
}
.icon-size-2 .icon {
  height: 8px !important;
  /* stylelint-disable-line declaration-no-important */
  width: 8px !important;
  /* stylelint-disable-line declaration-no-important */
  font-size: 8px !important;
  /* stylelint-disable-line declaration-no-important */
}
.icon-size-3 .icon {
  height: 16px !important;
  /* stylelint-disable-line declaration-no-important */
  width: 16px !important;
  /* stylelint-disable-line declaration-no-important */
  font-size: 16px !important;
  /* stylelint-disable-line declaration-no-important */
}
.icon-size-4 .icon {
  height: 24px !important;
  /* stylelint-disable-line declaration-no-important */
  width: 24px !important;
  /* stylelint-disable-line declaration-no-important */
  font-size: 24px !important;
  /* stylelint-disable-line declaration-no-important */
}
.icon-size-5 .icon {
  height: 32px !important;
  /* stylelint-disable-line declaration-no-important */
  width: 32px !important;
  /* stylelint-disable-line declaration-no-important */
  font-size: 32px !important;
  /* stylelint-disable-line declaration-no-important */
}
.icon-size-6 .icon {
  height: 40px !important;
  /* stylelint-disable-line declaration-no-important */
  width: 40px !important;
  /* stylelint-disable-line declaration-no-important */
  font-size: 40px !important;
  /* stylelint-disable-line declaration-no-important */
}
.icon-size-7 .icon {
  height: 48px !important;
  /* stylelint-disable-line declaration-no-important */
  width: 48px !important;
  /* stylelint-disable-line declaration-no-important */
  font-size: 48px !important;
  /* stylelint-disable-line declaration-no-important */
}
.helplink .icon {
  margin-left: 0.5rem;
}
.icons-collapse-expand {
  display: flex;
  align-items: center;
}
.icons-collapse-expand .expanded-icon {
  display: flex;
  align-items: center;
}
.icons-collapse-expand .collapsed-icon {
  display: none;
}
.icons-collapse-expand.collapsed .expanded-icon {
  display: none;
}
.icons-collapse-expand.collapsed .collapsed-icon {
  display: flex;
  align-items: center;
}
.activityiconcontainer {
  width: 50px;
  height: 50px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: #f8f9fa;
  border-radius: 4px;
  padding: 0.7rem;
}
.activityiconcontainer .activityicon, .activityiconcontainer .icon {
  margin: 0;
  font-size: 24px;
  height: 24px;
  width: 24px;
}
.activityiconcontainer.small {
  width: 40px;
  height: 40px;
}
.activityiconcontainer.administration {
  background-color: #5d63f6;
}
.activityiconcontainer.administration .activityicon:not(.nofilter), .activityiconcontainer.administration .icon:not(.nofilter) {
  filter: brightness(0) invert(1);
}
.activityiconcontainer.assessment {
  background-color: #eb66a2;
}
.activityiconcontainer.assessment .activityicon:not(.nofilter), .activityiconcontainer.assessment .icon:not(.nofilter) {
  filter: brightness(0) invert(1);
}
.activityiconcontainer.collaboration {
  background-color: #f7634d;
}
.activityiconcontainer.collaboration .activityicon:not(.nofilter), .activityiconcontainer.collaboration .icon:not(.nofilter) {
  filter: brightness(0) invert(1);
}
.activityiconcontainer.communication {
  background-color: #11a676;
}
.activityiconcontainer.communication .activityicon:not(.nofilter), .activityiconcontainer.communication .icon:not(.nofilter) {
  filter: brightness(0) invert(1);
}
.activityiconcontainer.content {
  background-color: #399be2;
}
.activityiconcontainer.content .activityicon:not(.nofilter), .activityiconcontainer.content .icon:not(.nofilter) {
  filter: brightness(0) invert(1);
}
.activityiconcontainer.interface {
  background-color: #a378ff;
}
.activityiconcontainer.interface .activityicon:not(.nofilter), .activityiconcontainer.interface .icon:not(.nofilter) {
  filter: brightness(0) invert(1);
}
:root {
  --activityadministration: #5d63f6;
  --activityassessment: #eb66a2;
  --activitycollaboration: #f7634d;
  --activitycommunication: #11a676;
  --activitycontent: #399be2;
  --activityinterface: #a378ff;
}
/* admin.less */
.formtable tbody th {
  font-weight: normal;
  text-align: right;
}
.path-admin #assignrole {
  width: 60%;
  margin-left: auto;
  margin-right: auto;
}
.path-admin .admintable .leftalign {
  text-align: left;
}
.path-admin .admintable.environmenttable .name, .path-admin .admintable.environmenttable .info, .path-admin #assignrole .admintable .role, .path-admin #assignrole .admintable .userrole, .path-admin #assignrole .admintable .roleholder {
  white-space: nowrap;
}
.path-admin .incompatibleblockstable td.c0 {
  font-weight: bold;
}
#page-admin-course-category .addcategory {
  padding: 10px;
}
#page-admin-course-index .editcourse {
  margin: 20px auto;
}
#page-admin-course-index .editcourse th, #page-admin-course-index .editcourse td {
  padding-left: 10px;
  padding-right: 10px;
}
.timewarninghidden {
  display: none;
}
#page-admin-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.8203125rem;
}
#page-admin-lang .generalbox, #page-admin-course-index .singlebutton, #page-admin-course-index .addcategory, #page-course-index .buttons, #page-course-index-category .buttons, #page-admin-course-category .addcategory, #page-admin-stickyblocks .generalbox, #page-admin-maintenance .buttons, #page-admin-course-index .buttons, #page-admin-course-category .buttons, #page-admin-index .copyright, #page-admin-index .copyrightnotice, #page-admin-index .adminerror .singlebutton, #page-admin-index .adminwarning .singlebutton, #page-admin-index #layout-table .singlebutton {
  text-align: center;
  margin-bottom: 1em;
}
.path-admin-roles .capabilitysearchui {
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1rem;
}
#page-admin-roles-define .topfields {
  margin: 1em 0 2em;
}
#page-admin-roles-override .capcurrent, #page-admin-roles-define .capdefault {
  background-color: rgba(0, 0, 0, 0.075);
}
#page-filter-manage .backlink, .path-admin-roles .backlink {
  margin-top: 1em;
}
#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-admin .roleassigntable {
  width: 100%;
}
.path-admin .roleassigntable td {
  vertical-align: top;
  padding: 0.2em 0.3em;
}
.path-admin .roleassigntable p {
  text-align: left;
  margin: 0.2em 0;
}
.path-admin .roleassigntable #existingcell, .path-admin .roleassigntable #potentialcell {
  width: 42%;
}
.path-admin .roleassigntable #existingcell p > label:first-child, .path-admin .roleassigntable #potentialcell p > label:first-child {
  font-weight: bold;
}
.path-admin .roleassigntable #buttonscell {
  width: 16%;
}
.path-admin .roleassigntable #buttonscell #assignoptions {
  font-size: 0.8203125rem;
}
.path-admin .roleassigntable #removeselect_wrapper, .path-admin .roleassigntable #addselect_wrapper {
  width: 100%;
}
.path-admin table.rolecap tr.rolecap th {
  text-align: left;
  font-weight: normal;
}
.path-admin .rolecap .hiddenrow {
  display: none;
}
.path-admin #defineroletable .rolecap .inherit, .path-admin #defineroletable .rolecap .allow, .path-admin #defineroletable .rolecap .prevent, .path-admin #defineroletable .rolecap .prohibit {
  text-align: center;
  padding: 0;
  min-width: 3.5em;
}
.path-admin .rolecap .cap-name, .path-admin .rolecap .note {
  display: block;
  font-size: 0.8203125rem;
  white-space: nowrap;
  font-weight: normal;
}
.path-admin .rolecap label {
  display: block;
  text-align: center;
  padding: 0.5em;
  margin: 0;
}
.path-admin .header-maxwidth, .path-admin .secondary-navigation .navigation .nav-tabs, .format-site .header-maxwidth, .format-site .secondary-navigation .navigation .nav-tabs {
  max-width: none;
}
.path-admin.path-admin-roles:not(.format-site) .header-maxwidth, .path-admin.path-admin-roles:not(.format-site) .secondary-navigation .navigation .nav-tabs, .path-admin.path-admin-tool-lp .header-maxwidth, .path-admin.path-admin-tool-lp .secondary-navigation .navigation .nav-tabs {
  max-width: 100%;
}
.plugincheckwrapper {
  width: 100%;
}
.environmentbox {
  margin-top: 1em;
}
#mnetconfig table {
  margin-left: auto;
  margin-right: auto;
}
.environmenttable .cell {
  padding: 0.15em 0.5em;
}
#trustedhosts .generaltable {
  margin-left: auto;
  margin-right: auto;
  width: 500px;
}
#trustedhosts .standard {
  width: auto;
}
#adminsettings legend {
  display: none;
}
#adminsettings fieldset.error {
  margin: 0.2em 0 0.5em 0;
}
#adminsettings fieldset.error legend {
  display: block;
}
#admin-spelllanguagelist textarea, #page-admin-setting-editorsettingstinymce .form-textarea textarea {
  /* rtl:ignore */
  text-align: left;
  /* rtl:ignore */
  direction: ltr;
}
/* Styles for flags on admin settings */
.adminsettingsflags {
  float: right;
}
.adminsettingsflags label {
  margin-right: 7px;
}
.form-description pre, .formsettingheading pre {
  /*rtl:ignore*/
  direction: ltr;
}
.form-item .form-setting .form-htmlarea {
  display: inline;
}
.form-item .form-setting .form-htmlarea .htmlarea {
  width: 640px;
  display: block;
}
.form-item .form-setting .form-multicheckbox ul {
  list-style: none;
  padding: 0;
  margin: 7px 0 0 0;
}
.form-item .form-setting .defaultsnext {
  display: inline;
}
.form-item .form-setting .locked-checkbox {
  margin-right: 0.2em;
  margin-left: 0.5em;
  display: inline;
}
.form-item .form-setting .form-password .unmask, .form-item .form-setting .form-defaultinfo {
  display: inline-block;
}
.form-item .form-setting .form-defaultinfo {
  max-width: 100%;
  word-wrap: break-word;
}
#admin-emoticons td input {
  width: 8em;
}
#admin-emoticons td.c0 input {
  width: 4em;
}
#adminthemeselector .selectedtheme td.c0 {
  border: 1px solid #b8dce2;
  border-right-width: 0;
}
#adminthemeselector .selectedtheme td.c1 {
  border: 1px solid #b8dce2;
  border-left-width: 0;
}
.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 #8f959e;
  }
  .admin_colourpicker .previewcolour {
    border: 1px solid #8f959e;
    margin-left: 301px;
  }
  .admin_colourpicker .currentcolour {
    border: 1px solid #8f959e;
    margin-left: 301px;
    border-top-width: 0;
  }
}
@media (max-width: 767.98px) {
  .jsenabled .admin_colourpicker {
    height: 150px;
    margin-bottom: 10px;
    display: block;
    position: relative;
  }
  .admin_colourpicker .previewcolour {
    display: none;
  }
  .admin_colourpicker .currentcolour {
    position: absolute;
    border: 1px solid #dee2e6;
    top: 100px;
    left: 0;
  }
}
.admin_colourpicker .loadingicon {
  vertical-align: middle;
  margin-left: auto;
}
#page-admin-index #notice .checkforupdates {
  text-align: center;
}
#page-admin-plugins #plugins-overview-panel .info {
  display: inline-block;
  margin-right: 1em;
}
#page-admin-plugins .checkforupdates {
  margin: 10px 0;
}
#page-admin-plugins .checkforupdates .singlebutton {
  margin: 5px 0;
  padding: 0;
}
#page-admin-plugins .checkforupdates .singlebutton div, #page-admin-plugins .checkforupdates .singlebutton input {
  margin: 0 3px 0 0;
}
#page-admin-plugins .updateavailableinstallall {
  margin: 5px 0;
  padding: 0;
}
#page-admin-plugins .updateavailableinstallall div, #page-admin-plugins .updateavailableinstallall input {
  margin: 0 3px 5px 0;
}
#page-admin-plugins #plugins-control-panel .status-missing td {
  background-color: #fcefdc;
}
#page-admin-plugins #plugins-control-panel .pluginname .componentname {
  font-size: 0.8203125rem;
  color: #6a737b;
  margin-left: 22px;
}
#page-admin-plugins #plugins-control-panel .version .versionnumber {
  font-size: 0.8203125rem;
  color: #6a737b;
}
#page-admin-plugins #plugins-control-panel .uninstall a {
  color: #ca3120;
}
#page-admin-plugins #plugins-control-panel .notes .label {
  margin-right: 3px;
}
#page-admin-plugins #plugins-control-panel .notes .requiredby {
  font-size: 0.8203125rem;
  color: #6a737b;
}
#plugins-check-page #plugins-check .status-missing td, #plugins-check-page #plugins-check .status-downgrade td {
  background-color: #f4d6d2;
}
#plugins-check-page .pluginupdateinfo, #plugins-control-panel .pluginupdateinfo {
  background-color: #cce6ea;
  padding: 5px;
  margin: 10px 0;
  border-radius: 5px;
}
#plugins-check-page .pluginupdateinfo.maturity50, #plugins-control-panel .pluginupdateinfo.maturity50 {
  background-color: #f4d6d2;
}
#plugins-check-page .pluginupdateinfo.maturity100, #plugins-check-page .pluginupdateinfo.maturity150, #plugins-control-panel .pluginupdateinfo.maturity100, #plugins-control-panel .pluginupdateinfo.maturity150 {
  background-color: #fcefdc;
}
#plugins-check-page .pluginupdateinfo .info, #plugins-control-panel .pluginupdateinfo .info {
  display: inline-block;
}
#plugins-check-page .pluginupdateinfo .separator:after, #plugins-control-panel .pluginupdateinfo .separator:after {
  content: " | ";
}
#plugins-check-page .pluginupdateinfo .singlebutton, #plugins-control-panel .pluginupdateinfo .singlebutton {
  margin: 5px 0;
  padding: 0;
}
#plugins-check-page .pluginupdateinfo .singlebutton div, #plugins-check-page .pluginupdateinfo .singlebutton input, #plugins-control-panel .pluginupdateinfo .singlebutton div, #plugins-control-panel .pluginupdateinfo .singlebutton input {
  margin: 0 3px 0 0;
}
.plugins-management-confirm-buttons > div {
  display: inline-block;
  margin: 1em 1em 1em 0;
}
.plugins-management-confirm-buttons .continue {
  padding: 0;
}
.plugins-management-confirm-buttons .continue div, .plugins-management-confirm-buttons .continue input {
  margin: 0;
}
#page-admin-index .upgradepluginsinfo {
  text-align: center;
}
#page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo .separator:after {
  content: " | ";
}
/** MNet networking */
#page-admin-mnet-peers .box.deletedhosts {
  margin-bottom: 1em;
  font-size: 0.8203125rem;
}
#core-cache-plugin-summaries table, #core-cache-store-summaries table {
  width: 100%;
}
#core-cache-lock-summary table, #core-cache-definition-summaries table, #core-cache-mode-mappings table {
  margin: 0 auto;
}
#core-cache-store-summaries .default-store td {
  font-style: italic;
}
#core-cache-rescan-definitions, #core-cache-mode-mappings .edit-link, #core-cache-lock-additional-actions .new-instance {
  margin-top: 0.5em;
  text-align: center;
}
.maintenancewarning {
  position: fixed;
  bottom: 0;
  right: 0;
  overflow: hidden;
  z-index: 1000;
}
.modal.modal-in-page {
  z-index: 0;
}
#page-admin-search .adminpagetitle {
  margin-bottom: 0;
  border-bottom: none;
}
#page-admin-search .adminpagepath {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0 0 1.5rem 0;
}
#page-admin-search .adminpagepath li + li:before {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  content: "/";
}
@media (min-width: 576px) {
  #page-admin-search .container {
    overflow-wrap: break-word;
  }
}
#page-admin-tasklogs .task-class {
  font-size: 0.8203125rem;
  color: #6a737b;
}
.path-admin-tool-uploaduser .uuwarning {
  background-color: #fcefdc;
}
.path-admin-tool-uploaduser .uuerror {
  background-color: #f4d6d2;
}
.path-admin-tool-uploaduser .uuinfo {
  background-color: #d7e4d6;
}
.blockmovetarget .accesshide {
  position: relative;
  left: initial;
}
.block:target {
  padding-top: 0 !important;
  /* stylelint-disable declaration-no-important */
  margin-top: 0 !important;
}
.block_search_forums .searchform {
  /* Override plugin's default. */
  text-align: left;
}
.block.block_navigation .block_tree ul, .block_settings .block_tree ul {
  margin-left: 0;
}
.block .block-controls .dropdown-toggle {
  /* So that the caret takes the colour of the icon. */
  color: #1d2125;
}
[data-region="blocks-column"] {
  width: 360px;
  float: right;
}
/* We put an absolutely positioned div in a relatively positioned div so it takes up no space */
@media (min-width: 576px) {
  #region-main-settings-menu {
    position: relative;
    float: left;
    width: 100%;
  }
  #region-main-settings-menu > div {
    position: absolute;
    right: 0;
    z-index: 100;
    margin: 1rem;
  }
  .region_main_settings_menu_proxy {
    width: 4rem;
    height: 2rem;
    background-color: #fff;
    margin-left: 0.625rem;
    margin-bottom: 0.625rem;
    border-bottom-left-radius: 0.5rem;
    float: right;
  }
}
@media (max-width: 767.98px) {
  #region-main-settings-menu .menubar {
    justify-content: flex-end;
  }
}
#region-main.has-blocks {
  display: inline-block;
  width: calc(100% - 375px);
}
@media (max-width: 1199.98px) {
  #region-main.has-blocks {
    width: 100%;
    /* MDL-63102 - Remove extra space at bottom.
        If modifying make sure block-region is horizontally stacked when in full screen */
    display: block;
  }
}
.header-action #region-main-settings-menu {
  position: unset;
  float: none;
  width: auto;
}
.header-action #region-main-settings-menu > div {
  position: unset;
  right: auto;
  margin: 0;
}
@media (max-width: 1199.98px) {
  [data-region="blocks-column"] {
    width: 100%;
  }
}
.block .empty-placeholder-image-lg {
  height: 5rem;
}
.block .searchbar .icon {
  margin-right: 0;
}
.block .block-cards .course-info-container {
  padding: 0.8rem;
}
.block .block-cards .progress {
  height: 0.5rem;
}
.block .block-cards .course-summaryitem {
  border: 1px solid #dee2e6;
  background-color: #fff;
}
.block .block-cards .icon {
  margin-right: 0;
}
.block .block-cards .card .coursemenubtn {
  margin-top: -0.5rem;
}
.block .block-cards span.categoryname, .block .block-cards .btn-link {
  color: #1d2125;
}
.block .block-cards .progress-text {
  color: #6a737b;
}
.block .block-cards .multiline {
  white-space: normal;
}
.block .block-cards .btn.btn-link.btn-icon {
  height: 36px;
  width: 36px;
  padding: 0;
  border-radius: 50%;
}
.block .block-cards .btn.btn-link.btn-icon:hover, .block .block-cards .btn.btn-link.btn-icon:focus {
  background-color: #e9ecef;
}
.dashboard-card-deck.one-row {
  flex-flow: nowrap;
  overflow-x: scroll;
}
.summaryimage {
  height: 5rem;
  width: 5rem;
  background-position: center;
  background-size: cover;
}
.dashboard-list-img {
  height: 5rem;
  width: 20rem;
  background-position: center;
  background-size: cover;
}
@media (max-width: 1199.98px) {
  .dashboard-list-img {
    width: 100%;
  }
}
.dashboard-card-deck .dashboard-card {
  margin-bottom: 0.5rem;
  flex-basis: auto;
  width: 100%;
  flex-grow: 0;
  flex-shrink: 0;
}
.dashboard-card-deck .dashboard-card .dashboard-card-img {
  height: 7rem;
  background-position: center;
  background-size: cover;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.dashboard-card-deck .dashboard-card .dashboard-card-footer {
  padding: 0.8rem;
}
@media (min-width: 576px) {
  .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(50% - 0.5rem);
  }
}
@media (min-width: 840px) {
  .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
    width: calc(33.33% - 0.5rem);
  }
}
#block-region-side-pre .dashboard-card-deck:not(.fixed-width-cards) {
  margin-left: 0;
  margin-right: 0;
}
#block-region-side-pre .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
  width: calc(100% - 0.5rem) !important;
}
@media (max-width: 575.98px) {
  #block-region-side-pre .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
    width: 100% !important;
  }
}
.block_recentlyaccessedcourses .paging-bar-container {
  margin-top: -2.4rem;
  padding-right: 0.5rem;
  justify-content: flex-end;
}
@media (max-width: 575.98px) {
  .block_recentlyaccessedcourses .paging-bar-container {
    margin-top: 0;
  }
}
#block-region-side-pre .block_recentlyaccessedcourses .paging-bar-container {
  margin-top: 0;
}
.block_recentlyaccesseditems .activityiconcontainer {
  width: 40px;
  height: 40px;
}
aside[id^="block-region-side-"] .block_recentlyaccesseditems .dashboard-card-deck.one-row {
  flex-flow: wrap;
  overflow-x: hidden;
}
aside[id^="block-region-side-"] .block_recentlyaccesseditems .dashboard-card-deck .card:nth-of-type(n+4) {
  display: none;
}
#block-region-content .block_recentlyaccesseditems [data-region="more-items-button-container"] {
  display: none;
}
.block_recentlyaccesseditems a.dashboard-card:hover, .block_recentlyaccesseditems a.dashboard-card:focus {
  text-decoration: none;
}
.block_recentlyaccesseditems a.dashboard-card:hover h6, .block_recentlyaccesseditems a.dashboard-card:focus h6 {
  text-decoration: underline;
}
.block_recentlyaccesseditems a.dashboard-card small {
  color: #1d2125;
}
.block_myoverview .content {
  min-height: 19.35rem;
}
.block_myoverview .paged-content-page-container {
  min-height: 13rem;
}
.block_timeline .paged-content-page-container {
  background-color: #fff;
}
.block_timeline .event-action {
  padding-left: 5.55em;
}
.block_settings .block_tree [aria-expanded="true"], .block_settings .block_tree [aria-expanded="true"].emptybranch, .block_settings .block_tree [aria-expanded="false"], .block_navigation .block_tree [aria-expanded="true"], .block_navigation .block_tree [aria-expanded="true"].emptybranch, .block_navigation .block_tree [aria-expanded="false"] {
  background-image: none;
}
.block_settings .block_tree [aria-expanded="true"] > p:before, .block_navigation .block_tree [aria-expanded="true"] > p:before {
  content: "";
  margin-right: 0;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  width: 16px;
}
.block_settings .block_tree [aria-expanded="false"] > p:before, .block_navigation .block_tree [aria-expanded="false"] > p:before {
  content: "";
  margin-right: 0;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  width: 16px;
}
.dir-rtl .block_settings .block_tree [aria-expanded="false"] > p:before, .dir-rtl .block_navigation .block_tree [aria-expanded="false"] > p:before {
  content: "";
}
.block_navigation .block_tree p.hasicon, .block_settings .block_tree p.hasicon {
  text-indent: -3px;
}
.block_navigation .block_tree p.hasicon .icon, .block_settings .block_tree p.hasicon .icon {
  margin-right: 2px;
}
.block.invisibleblock .card-title {
  color: #6a737b;
}
.block_social_activities li a.movehere, .block_site_main_menu li a.movehere {
  display: block;
  width: 100%;
  height: 2rem;
  border: 2px dashed #343a40;
  margin: 4px 0;
}
.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%;
  }
}
/* calendar.less */
.calendar_event_category {
  background-color: #e0cbe0;
}
.calendar_event_category .commands a {
  color: #0d5ca1;
}
.calendar_event_course {
  background-color: #ffd3bd;
}
.calendar_event_course .commands a {
  color: #0d5ca1;
}
.calendar_event_site {
  background-color: #d6f8cd;
}
.calendar_event_site .commands a {
  color: #0d5ca1;
}
.calendar_event_group {
  background-color: #fee7ae;
}
.calendar_event_group .commands a {
  color: #0d5ca1;
}
.calendar_event_user {
  background-color: #dce7ec;
}
.calendar_event_user .commands a {
  color: #0d5ca1;
}
.calendar_event_other {
  background-color: #ced4da;
}
.calendar_event_other .commands a {
  color: #0d5ca1;
}
.calendartable {
  width: 100%;
  table-layout: fixed;
}
.calendartable th, .calendartable td {
  width: 14%;
  vertical-align: top;
  text-align: center;
  border: 0;
}
.calendar-controls .previous, .calendar-controls .next, .calendar-controls .current {
  display: block;
  float: left;
  width: 12%;
}
.calendar-controls .previous {
  text-align: left;
  border: 1px solid transparent;
  width: 25%;
}
.calendar-controls .current {
  text-align: center;
  width: 50%;
}
.calendar-controls .next {
  text-align: right;
  border: 1px solid transparent;
  width: 25%;
}
.calendar-controls .drop-target {
  box-sizing: border-box;
  border: 1px dashed #0f6cbf;
}
.filters table {
  border-collapse: separate;
  border-spacing: 2px;
  width: 100%;
}
#region-main .maincalendar .calendarwrapper td > div {
  height: 11.5em;
  overflow: hidden;
}
.maincalendar {
  vertical-align: top;
  padding: 0;
}
.maincalendar .bottom {
  text-align: left;
  width: 98%;
  margin: 10px auto;
}
.maincalendar .bottom span.footer-link:after {
  content: "•";
  color: #0f6cbf;
}
.maincalendar .bottom span.footer-link:last-child:after {
  content: none;
}
.maincalendar .heightcontainer {
  height: 100%;
  position: relative;
}
.maincalendar .calendarmonth {
  width: 98%;
  margin: 10px auto;
}
.maincalendar .calendarmonth ul {
  margin: 0;
  padding: 0;
}
.maincalendar .calendarmonth ul li[data-event-folded="true"] {
  display: none;
}
.maincalendar .calendarmonth ul li {
  list-style-type: none;
  line-height: 1.2em;
}
.maincalendar .calendarmonth ul li > a {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  display: inline-block;
}
.maincalendar .calendarmonth ul li > a:hover {
  text-decoration: none;
}
.maincalendar .calendarmonth ul li > a:hover .eventname {
  text-decoration: underline;
}
.maincalendar .calendarmonth ul li a[data-action="view-day-link"] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.maincalendar .calendarmonth ul li .icon {
  margin-left: 0.25em;
  margin-right: 0.25em;
  vertical-align: initial;
}
.maincalendar .calendarmonth ul li .calendar-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  vertical-align: middle;
  display: inline-block;
}
.maincalendar .calendarmonth ul li .calendar-circle.calendar_event_category {
  background-color: #e0cbe0;
  border: 2px solid #9e619f;
}
.maincalendar .calendarmonth ul li .calendar-circle.calendar_event_course {
  background-color: #ffd3bd;
  border: 2px solid #d34600;
}
.maincalendar .calendarmonth ul li .calendar-circle.calendar_event_site {
  background-color: #d6f8cd;
  border: 2px solid #2b8713;
}
.maincalendar .calendarmonth ul li .calendar-circle.calendar_event_group {
  background-color: #fee7ae;
  border: 2px solid #9a6e02;
}
.maincalendar .calendarmonth ul li .calendar-circle.calendar_event_user {
  background-color: #dce7ec;
  border: 2px solid #4e7c91;
}
.maincalendar .calendarmonth ul li .calendar-circle.calendar_event_other {
  background-color: #ced4da;
  border: 2px solid #687889;
}
.maincalendar .calendarmonth th {
  text-align: left;
  padding-left: 16px;
}
.maincalendar .calendarmonth td a.day:focus {
  display: inline-block;
  border-radius: 50%;
  box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
}
.maincalendar .calendarmonth td .day-number-circle {
  display: inline-block;
  line-height: 0;
  width: 30px;
  height: 30px;
}
.maincalendar .calendarmonth td .day-number-circle .day-number {
  display: inline-block;
  padding: 50% 4px;
  width: 100%;
  text-align: center;
}
.maincalendar .calendarmonth td.today .day-number-circle {
  border-radius: 50%;
  color: #fff;
  background-color: #0f6cbf;
}
.maincalendar .calendarmonth .clickable:hover {
  background-color: #ededed;
}
.maincalendar .controls {
  width: 98%;
  margin: 10px auto;
}
.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: #094478;
  text-decoration: underline;
}
.maincalendar .calendar_event_category {
  border-color: #e0cbe0;
}
.maincalendar .calendar_event_course {
  border-color: #ffd3bd;
}
.maincalendar .calendar_event_site {
  border-color: #d6f8cd;
}
.maincalendar .calendar_event_group {
  border-color: #fee7ae;
}
.maincalendar .calendar_event_user {
  border-color: #dce7ec;
}
.maincalendar .calendar_event_other {
  border-color: #ced4da;
}
.maincalendar .calendartable td, .maincalendar .calendartable li {
  padding: 4px;
}
.maincalendar .calendartable li {
  text-align: left;
}
.maincalendar .header {
  overflow: hidden;
}
.maincalendar .header .buttons {
  float: right;
}
.maincalendar .event .card-header img {
  vertical-align: baseline;
}
.maincalendar .event .location {
  word-break: break-all;
  overflow-wrap: break-word;
}
.maincalendar table#subscription_details_table td {
  vertical-align: middle;
}
.maincalendar table#subscription_details_table td > .btn-group button {
  padding-left: 0;
}
#page-calendar-export .indent {
  padding-left: 20px;
}
.block .bottom {
  width: 98%;
  margin: 10px auto;
}
.block .bottom span.footer-link:after {
  content: "•";
  color: #0f6cbf;
}
.block .bottom span.footer-link:last-child:after {
  content: none;
}
.block .minicalendar {
  max-width: 280px;
  margin: 0 auto;
  width: 100%;
}
.block .minicalendar th, .block .minicalendar td {
  padding: 2px;
  font-size: 0.8em;
  text-align: center;
}
.block .minicalendar td.weekend {
  color: #6a737b;
}
.block .minicalendar td a {
  width: 100%;
  height: 100%;
  display: block;
  color: #0d5ca1;
}
.block .minicalendar td.duration_global {
  border-top: 1px solid #d6f8cd;
  border-bottom: 1px solid #d6f8cd;
}
.block .minicalendar td.duration_global.duration_finish {
  background-color: #d6f8cd;
}
.block .minicalendar td.duration_category {
  border-top: 1px solid #e0cbe0;
  border-bottom: 1px solid #e0cbe0;
}
.block .minicalendar td.duration_category.duration_finish {
  background-color: #e0cbe0;
}
.block .minicalendar td.duration_course {
  border-top: 1px solid #ffd3bd;
  border-bottom: 1px solid #ffd3bd;
}
.block .minicalendar td.duration_course.duration_finish {
  background-color: #ffd3bd;
}
.block .minicalendar td.duration_group {
  border-top: 1px solid #fee7ae;
  border-bottom: 1px solid #fee7ae;
}
.block .minicalendar td.duration_group.duration_finish {
  background-color: #fee7ae;
}
.block .minicalendar td.duration_user {
  border-top: 1px solid #dce7ec;
  border-bottom: 1px solid #dce7ec;
}
.block .minicalendar td.duration_user.duration_finish {
  background-color: #dce7ec;
}
.block .minicalendar td.duration_other {
  border-top: 1px solid #ced4da;
  border-bottom: 1px solid #ced4da;
}
.block .minicalendar td.duration_other.duration_finish {
  background-color: #ced4da;
}
.block .minicalendar caption {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  text-align: center;
}
.block .calendar_filters ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.block .calendar_filters li {
  margin-bottom: 0.2em;
}
.block .calendar_filters li span.calendar_event_category i {
  color: #0d5ca1;
}
.block .calendar_filters li span.calendar_event_course i {
  color: #0d5ca1;
}
.block .calendar_filters li span.calendar_event_site i {
  color: #0d5ca1;
}
.block .calendar_filters li span.calendar_event_group i {
  color: #0d5ca1;
}
.block .calendar_filters li span.calendar_event_user i {
  color: #0d5ca1;
}
.block .calendar_filters li span.calendar_event_other i {
  color: #0d5ca1;
}
.block .calendar_filters li span img {
  padding: 0 0.2em;
  margin: 0;
}
.block .calendar_filters li .icon {
  vertical-align: initial;
  margin: 0 0.1rem 0 0.4rem;
}
.block .calendar_filters li > a:hover {
  text-decoration: none;
}
.block .calendar_filters li > a:hover .eventname {
  text-decoration: underline;
}
.block .content h3.eventskey {
  margin-top: 0.5em;
}
.path-course-view .block.block_calendar_month .maincalendar div.header {
  visibility: hidden;
  height: 0;
}
.path-course-view .block.block_calendar_month .maincalendar .calendarwrapper .arrow_text {
  display: none;
}
.path-course-view .block.block_calendar_month .footer .bottom .footer-link {
  display: block;
}
.path-course-view .block.block_calendar_month .footer .bottom .footer-link:after {
  content: none;
}
/* Display month name above the calendar */
table.calendartable caption {
  caption-side: top;
}
@media (min-width: 768px) {
  #page-calender-view .container-fluid, #page-calender-view .container-sm, #page-calender-view .container-md, #page-calender-view .container-lg, #page-calender-view .container-xl {
    min-width: 1024px;
  }
}
@media (min-width: 768px) {
  section:not(#region-main) .block.block_calendar_month .maincalendar div.header {
    visibility: hidden;
    height: 0;
  }
  section:not(#region-main) .block.block_calendar_month .maincalendar .calendarwrapper .current {
    width: 40%;
    font-size: inherit;
    line-height: inherit;
  }
  section:not(#region-main) .block.block_calendar_month .maincalendar .calendarwrapper .previous, section:not(#region-main) .block.block_calendar_month .maincalendar .calendarwrapper .next {
    width: 30%;
  }
  section:not(#region-main) .block.block_calendar_month .maincalendar .calendarwrapper .previous .arrow_text, section:not(#region-main) .block.block_calendar_month .maincalendar .calendarwrapper .next .arrow_text {
    display: none;
  }
  section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth th, section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td {
    border: none;
    text-align: center !important;
    padding: 0;
  }
  section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td {
    height: auto;
    font-size: 0.8em;
  }
  section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.hasevent [data-region="day-content"] {
    display: none;
  }
  section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.hasevent .day-number {
    display: inline-block;
    position: relative;
  }
  section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.hasevent .day-number:before {
    content: ".";
    display: inline-block;
    position: absolute;
    bottom: 0.4em;
    left: 0;
    text-align: center;
    width: 100%;
    font-size: 3em;
    color: inherit;
  }
  section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td:after {
    content: "";
    display: block;
    margin-top: calc(100% - 26px);
  }
  section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.clickable:hover {
    background-color: inherit;
  }
  section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.clickable:not(.today):hover .day-number-circle {
    border-radius: 50%;
    background-color: #ededed;
  }
  section:not(#region-main) .block.block_calendar_month .bottom {
    border-top: 1px solid rgba(0, 0, 0, 0.125);
    padding-top: 0.5rem;
  }
}
@media (max-width: 768px) {
  .maincalendar .calendartable.calendarmonth th, .maincalendar .calendartable.calendarmonth td {
    border: none;
    text-align: center !important;
    padding: 0;
  }
  .maincalendar .calendartable.calendarmonth td {
    height: auto;
    font-size: inherit;
    padding: 0;
  }
  .maincalendar .calendartable.calendarmonth td.hasevent [data-region="day-content"] {
    display: none;
  }
  .maincalendar .calendartable.calendarmonth td.hasevent .day-number {
    display: inline-block;
    position: relative;
  }
  .maincalendar .calendartable.calendarmonth td.hasevent .day-number:before {
    content: ".";
    display: inline-block;
    position: absolute;
    bottom: 0.4em;
    left: 0;
    text-align: center;
    width: 100%;
    font-size: 3em;
    color: inherit;
  }
  .maincalendar .calendartable.calendarmonth td:after {
    content: "";
    display: block;
    margin-top: calc(100% - 26px);
  }
  .maincalendar .calendartable.calendarmonth td > div {
    height: auto !important;
  }
}
.calendarwrapper {
  position: relative;
}
.day-popover-content:empty + .day-popover-alternate {
  display: block;
}
.location-content {
  overflow-wrap: break-word;
}
.description-content {
  overflow-wrap: break-word;
}
.description-content > p {
  margin: 0;
}
.cal_courses_flt {
  color: #6a737b;
  max-width: 75%;
}
.content-bank-container .cb-content-wrapper {
  padding: 0.5rem;
  min-height: 140px;
  max-height: 500px;
  overflow-x: auto;
  flex-wrap: wrap;
}
.content-bank-container .cb-thumbnail {
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.content-bank-container.view-grid {
  /* Display a centered eye slash on top of unlisted content icons. */
}
.content-bank-container.view-grid .cb-listitem {
  margin-bottom: 0.5rem;
}
.content-bank-container.view-grid .cb-listitem.cb-unlisted {
  position: relative;
}
@media (max-width: 767.98px) {
  .content-bank-container.view-grid .cb-listitem {
    flex-basis: 50%;
  }
}
@media (min-width: 576px) {
  .content-bank-container.view-grid .cb-listitem {
    max-width: 120px;
    min-width: 120px;
  }
}
.content-bank-container.view-grid .cb-name {
  text-align: center;
}
.content-bank-container.view-grid .cb-file {
  padding: 0.5rem;
}
.content-bank-container.view-grid .cb-thumbnail {
  width: 64px;
  height: 64px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0.5rem;
}
.content-bank-container.view-grid .cb-unlisted .cb-thumbnail {
  opacity: 0.15;
}
.content-bank-container.view-grid .cb-unlisted::after {
  position: absolute;
  top: 20px;
  left: 0;
  width: 100%;
  content: "";
  font-family: FontAwesome;
  font-size: 26px;
  text-align: center;
  opacity: 0.9;
  text-shadow: 0 0 10px #fff;
}
.content-bank-container.view-grid .cb-heading, .content-bank-container.view-grid .cb-uses, .content-bank-container.view-grid .cb-date, .content-bank-container.view-grid .cb-size, .content-bank-container.view-grid .cb-type, .content-bank-container.view-grid .cb-author {
  display: none;
}
.content-bank-container.view-list .cb-content-wrapper {
  padding: 0 0.5rem;
  flex-direction: column;
  flex-wrap: nowrap;
}
.content-bank-container.view-list .cb-thumbnail {
  margin-right: 0.5rem;
}
.content-bank-container.view-list .cb-listitem, .content-bank-container.view-list .cb-heading {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  border-bottom: 1px solid #dee2e6;
}
.content-bank-container.view-list .cb-column {
  display: flex;
  padding: 0.25rem;
}
.content-bank-container.view-list .cb-column {
  border-right: 1px solid #dee2e6;
}
.content-bank-container.view-list .cb-listitem.cb-unlisted .cb-thumbnail {
  opacity: 0.3;
}
.content-bank-container.view-list .cb-listitem.cb-unlisted .cb-column, .content-bank-container.view-list .cb-listitem.cb-unlisted .cb-column a {
  color: #6a737b;
}
@media (max-width: 767.98px) {
  .content-bank-container.view-list .cb-column {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (min-width: 576px) {
  .content-bank-container.view-list .cb-heading {
    position: sticky;
    top: 0;
    z-index: 1;
  }
  .content-bank-container.view-list .cb-file {
    flex: 0 0 40%;
    max-width: 40%;
  }
  .content-bank-container.view-list .cb-uses, .content-bank-container.view-list .cb-date, .content-bank-container.view-list .cb-size, .content-bank-container.view-list .cb-type, .content-bank-container.view-list .cb-author {
    flex: 0 0 12%;
    max-width: 12%;
  }
  .content-bank-container.view-list .cb-column.last {
    border-right: 0;
  }
}
.content-bank-container.view-list .cb-btnsort span {
  display: none;
}
.content-bank-container.view-list .cb-btnsort .title {
  display: inline;
}
.content-bank-container.view-list .cb-btnsort.dir-none .default, .content-bank-container.view-list .cb-btnsort.dir-asc .asc, .content-bank-container.view-list .cb-btnsort.dir-desc .desc {
  display: inline;
}
.cb-toolbar-container .dropdown-scrollable {
  max-height: 190px;
  overflow-y: auto;
}
.cb-navigation-container .singleselect, .cb-navigation-container .singleselect .custom-select {
  width: 100%;
}
/* course.less */
/* COURSE CONTENT */
.section_add_menus {
  text-align: right;
  clear: both;
}
.section-modchooser {
  clear: both;
  margin-top: 0.25rem;
}
.block_tree .tree_item.branch {
  margin-left: 8px;
}
.section_add_menus .horizontal div, .section_add_menus .horizontal form {
  display: inline;
}
.section_add_menus optgroup {
  font-weight: normal;
  font-style: italic;
}
/*rtl:ignore*/
.section_add_menus .urlselect {
  text-align: left;
  margin-left: 0.4em;
}
/*rtl:ignore*/
.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;
}
@media (min-width: 576px) {
  .course-content ul.section {
    margin: 1rem;
  }
}
.section .side {
  margin-top: 0.5rem;
}
.section .side.left {
  float: left;
}
.section .side.right {
  float: right;
  clear: right;
}
.section .spinner {
  height: 16px;
  width: 16px;
}
.section .activity {
  list-style: none;
  padding: 0.25rem 0;
  /* The command block for each activity */
}
.section .activity .spinner {
  left: 100%;
  position: absolute;
}
.section .activity .actions {
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
}
.section .activity .contentwithoutlink, .section .activity .activityinstance {
  min-width: 40%;
}
.section .activity .contentwithoutlink > a, .section .activity .activityinstance > a {
  display: inline-flex;
  align-items: center;
}
.section .activity .contentwithoutlink .dimmed .activityicon, .section .activity .activityinstance .dimmed .activityicon {
  opacity: 0.5;
}
.section .activity .stealth {
  color: #6a737b;
}
.section .activity a.stealth, .section .activity a.stealth:hover {
  color: #5babf2 !important;
  /* stylelint-disable-line declaration-no-important */
}
.section .activity.indented .activity-item {
  border: 0;
  margin-left: 1rem;
}
.section .activity.indented + .indented .activity-item {
  border-top: 1px solid #dee2e6;
  border-radius: unset;
}
.section .label .contentwithoutlink, .section .label .activityinstance {
  padding-right: 32px;
  display: block;
  height: inherit;
}
@media (min-width: 576px) {
  .section .label .mod-indent-outer {
    padding-left: 24px;
    display: block;
  }
}
.section .filler {
  width: 16px;
  height: 16px;
  padding: 0;
  margin: 0 0.5rem;
  display: inline-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;
}
.section .activity .activityinstance {
  display: inline-flex;
  align-items: center;
  margin-bottom: 1rem;
}
.editing .section .activity .contentwithoutlink, .editing .section .activity .activityinstance {
  padding-right: 200px;
}
.editing .section .activity .editing_move {
  position: absolute;
  display: flex;
  left: 5px;
  top: 5px;
}
.editing .section .activity .mod-indent-outer {
  /**
                 * Add appropriate padding such that nothing overlaps the
                 * absolute positioned move icon.
                 */
  padding-left: 2rem;
}
.editing .activity .editing_move_activity {
  position: absolute;
  display: flex;
  left: 5px;
  top: 5px;
}
.editing .course-content .stateready .section .spinner {
  display: none;
}
.editing .editinprogress {
  position: relative;
}
.editing .editinprogress > * {
  opacity: 0.4;
}
.editing .editinprogress .corelightbox, .editing .editinprogress .lightbox {
  display: none;
}
.editing .editinprogress:after {
  position: absolute;
  font-family: "FontAwesome";
  font-size: 20px;
  color: #6a737b;
  content: "";
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  left: calc(50% - 15px);
  top: calc(50% - 15px);
  animation: editinprogress-rotation 2s infinite linear;
}
.editing .editinprogress .editinprogress:after {
  display: none;
}
@keyframes editinprogress-rotation {
  0% {
    opacity: 0;
    transform: rotate(0deg);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: rotate(359deg);
  }
}
.editing_show + .editing_assign, .editing_hide + .editing_assign {
  margin-left: 20px;
}
.section .activity .commands {
  white-space: nowrap;
  display: inline-block;
}
.section .activity.modtype_label.label {
  font-weight: normal;
}
.section .activity.modtype_label.label .contentwithoutlink {
  min-height: 0;
}
.section .activity.modtype_label.label.hasinfo p:last-child, .section .activity.modtype_label.label.hasinfo i:last-child {
  margin-bottom: 0;
}
.section li.activity:not(.activity-wrapper) {
  padding: 0.2em;
  clear: both;
}
.section li.activity:not(.activity-wrapper).hasinfo {
  border-bottom: 1px solid #dee2e6;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.section li.activity:not(.activity-wrapper).hasinfo:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
.course-content .section.dropready.main.drop-down {
  border-bottom: 1px solid #1d2125;
}
.course-content .section.dropready .course-section-header.dropready.drop-zone {
  margin-top: -2px;
}
.course-content .section.dropready li.activity.dropready.drop-down {
  border-bottom: 1px solid #1d2125;
  margin-bottom: -1px;
}
.course-content .section.dropready li.activity.dropready.drop-up {
  border-top: 1px solid #1d2125;
  margin-top: -1px;
}
.section .activity .activityinstance .groupinglabel {
  padding-left: 30px;
}
.section.main:not(.course-section) .activity .availabilityinfo, .section.main:not(.course-section) .activity .contentafterlink {
  margin-top: 0.5em;
  margin-left: 30px;
}
.section .activity .contentafterlink p {
  margin: 0.5em 0;
}
.editing .section.main:not(.course-section) .activity:hover, .editing .section.main:not(.course-section) .activity.action-menu-shown, .editing .section.main:not(.course-section) .sectionname:hover {
  background-color: rgba(0, 0, 0, 0.03);
}
.course-content .current {
  position: relative;
}
.course-content .current::before {
  border-left: #0f6cbf 3px solid;
  bottom: 0;
  content: "";
  left: -8px;
  position: absolute;
  top: 0;
}
.course-content .section-summary {
  border: 1px solid #dee2e6;
  margin-top: 5px;
  list-style: none;
}
.course-content .section-summary .section-title {
  margin: 2px 5px 10px 5px;
}
.course-content .section-summary .summarytext {
  margin: 2px 5px 2px 5px;
}
.course-content .section-summary .section-summary-activities .activity-count {
  color: #6a737b;
  font-size: 0.8203125rem;
  margin: 3px;
  white-space: nowrap;
  display: inline-block;
}
.course-content .section-summary .summary {
  margin-top: 5px;
}
.course-content .single-section {
  margin-top: 1em;
}
.course-content .single-section .section-navigation {
  display: block;
  padding: 0.5em;
  margin-bottom: -0.5em;
}
.course-content .single-section .section-navigation .title {
  font-weight: bold;
  font-size: 108%;
  clear: both;
}
.course-content .single-section .section-navigation .mdl-left {
  font-weight: normal;
  float: left;
  margin-right: 1em;
}
.course-content .single-section .section-navigation .mdl-left .larrow {
  margin-right: 0.1em;
}
.course-content .single-section .section-navigation .mdl-right {
  font-weight: normal;
  float: right;
  margin-left: 1em;
}
.course-content .single-section .section-navigation .mdl-right .rarrow {
  margin-left: 0.1em;
}
.course-content .single-section .section-navigation .mdl-bottom {
  margin-top: 0;
}
.course-content ul li.section.main:not(.course-section) {
  border-bottom: 1px solid #dee2e6;
  margin-top: 0;
}
.course-content ul li.section.main:not(.course-section):last-child {
  border-bottom: 0;
}
.course-content ul li.section.hidden:not(.course-section) .sectionname > span, .course-content ul li.section.hidden:not(.course-section) .content > div.summary, .course-content ul li.section.hidden:not(.course-section) .activity .activityinstance {
  color: #6a737b;
}
.course-content ul.topics, .course-content ul.weeks {
  padding: 0;
  margin: 0;
  list-style: none;
}
.course-content ul.topics li.section, .course-content ul.weeks li.section {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.course-content ul.topics li.section .content, .course-content ul.weeks li.section .content {
  margin: 0;
  padding: 0;
}
@media (min-width: 576px) {
  .course-content ul.topics li.section .summary, .course-content ul.topics li.section .content > .availabilityinfo, .course-content ul.weeks li.section .summary, .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 6px 0;
  text-align: right;
  width: auto;
}
@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;
}
@media (max-width: 767.98px) {
  .course-content li.section:not(.course-section) ul {
    padding-left: 0;
  }
}
.course-content li.section:not(.course-section) ul {
  list-style: disc;
}
.course-content li.section:not(.course-section) ul ul {
  list-style: circle;
}
.course-content li.section:not(.course-section) ul ul ul {
  list-style: square;
}
.course-content li.section:not(.course-section) li.activity ul {
  list-style: disc;
}
.course-content li.section:not(.course-section) li.activity ul ul {
  list-style: circle;
}
.course-content li.section:not(.course-section) li.activity ul ul ul {
  list-style: square;
}
.course-content li.section:not(.course-section) .right > .icon:first-child {
  /* Remove the spacer icon. */
  display: none;
}
.path-course-view.editing #region-main > .card-block {
  padding-bottom: 13rem;
}
.jumpmenu .form-inline {
  display: block;
}
.path-course-view .completionprogress {
  margin-left: 25px;
}
.path-course-view .completionprogress {
  display: block;
  float: right;
  height: 20px;
  position: relative;
}
#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;
}
.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 {
  text-align: right;
}
.path-course-view .single-section .completionprogress {
  margin-right: 5px;
}
.path-site li.activity > div:not(.activity-item), .path-course-view li.activity > div:not(.activity-item) {
  position: relative;
  padding: 0 16px 0 0;
  /* to accommodate the floated completion icon with highlighting */
}
.path-course-view li.activity span.autocompletion img {
  vertical-align: text-bottom;
  margin-left: 0;
}
.path-course-view li.activity form.togglecompletion .btn {
  padding: 0;
}
.path-course-view li.activity form.togglecompletion img {
  max-width: none;
  /* The width is 0 so ensure we don't end up with a relative max-width */
}
.path-course-view.editing li.activity span.autocompletion img {
  /* Use the same spacing as the filler. */
  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/boost_union/core/1753274487/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;
}
input.titleeditor {
  width: 330px;
  vertical-align: text-bottom;
}
span.editinstructions {
  position: absolute;
  top: 0;
  margin-top: -22px;
  margin-left: 30px;
  font-size: 0.8203125rem;
  padding: 0.1em 0.4em;
  text-decoration: none;
  z-index: 9999;
  border: 0 solid transparent;
  color: #00434e;
  background-color: #cce6ea;
  border-color: #b8dce2;
}
span.editinstructions hr {
  border-top-color: #a6d3db;
}
span.editinstructions .alert-link {
  color: #00171b;
}
/* Course drag and drop upload styles */
#dndupload-status {
  position: fixed;
  left: 0;
  width: 40%;
  margin: 0 30%;
  padding: 6px;
  text-align: center;
  z-index: 1;
  border: 0 solid transparent;
  color: #00434e;
  background-color: #cce6ea;
  border-color: #b8dce2;
}
#dndupload-status hr {
  border-top-color: #a6d3db;
}
#dndupload-status .alert-link {
  color: #00171b;
}
.dndupload-preview {
  padding: 1rem;
  background-color: #0f6cbf;
  color: #fff;
  text-align: center;
  font-size: 1.171875rem;
  max-width: 600px;
  margin: 0 auto;
  border-radius: 0.5rem;
}
.dndupload-hidden {
  display: none;
}
/* COURSES LISTINGS AND COURSE SUMMARY */
#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 {
  display: flex;
  flex-direction: column;
}
.coursebox .info {
  display: flex;
  align-items: center;
}
#frontpage-available-course-list, #frontpage-course-list, .course-search-result {
  margin-top: 0.5rem;
}
#frontpage-available-course-list .coursebox, #frontpage-course-list .coursebox, .course-search-result .coursebox {
  padding: 0.5rem;
  border: 1px solid #dee2e6;
  margin-bottom: 0.5rem;
  border-radius: 0.5rem;
}
.subcategories .coursebox > .info > .coursename a, #frontpage-category-names .coursebox > .info > .coursename a, #frontpage-category-combo .coursebox > .info > .coursename a {
  display: block;
  background-image: url(/theme/image.php/boost_union/core/1753274487/i/course);
  background-repeat: no-repeat;
  padding-left: 21px;
  background-position: left 0.2em;
}
.coursebox > .info > .coursename {
  font-size: 0.9375rem;
  font-weight: normal;
  margin: 5px;
  padding: 0;
}
.coursebox .content .teachers li {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.coursebox .customfieldname, .coursebox .customfieldseparator {
  font-weight: 700;
}
.coursebox .content .coursefile {
  max-width: 100px;
}
.coursebox .content .courseimage img {
  max-width: 100px;
  max-height: 100px;
}
.coursebox .content .coursecat, .coursebox .content .summary, .coursebox .content .courseimage, .coursebox .content .coursefile, .coursebox .content .teachers, .coursebox.remotecoursebox .remotecourseinfo, .coursebox .content .customfields-container {
  margin: 15px 5px 5px;
  padding: 0;
}
.category-browse .coursebox .content .coursecat, .category-browse .coursebox .content .summary, .category-browse .coursebox .content .courseimage, .category-browse .coursebox .content .coursefile, .category-browse .coursebox .content .teachers, .category-browse .coursebox.remotecoursebox .remotecourseinfo, .category-browse .coursebox .content .customfields-container {
  margin-top: 0;
}
.coursebox.collapsed > .content {
  display: none;
}
.courses > .paging.paging-morelink {
  text-align: center;
  padding: 1rem;
}
.course_category_tree .category .numberofcourse {
  font-size: 0.8203125rem;
}
.course_category_tree .category > .info > .categoryname {
  margin: 5px;
  font-size: 0.9375rem;
  font-weight: normal;
  padding: 2px 18px;
}
.course_category_tree .category.with_children > .info > .categoryname {
  background-image: url(/theme/image.php/boost_union/core/1753274487/t/expanded);
  background-repeat: no-repeat;
  background-position: center left;
}
.course_category_tree .category.with_children.collapsed > .info > .categoryname {
  background-image: url(/theme/image.php/boost_union/core/1753274487/t/collapsed);
}
/* rtl:raw:
.course_category_tree .category.with_children.collapsed > .info > .categoryname {
    background-image:url(/theme/image.php/boost_union/core/1753274487/t/collapsed_rtl);
}
*/
.course_category_tree .category.collapsed > .content {
  display: none;
}
.course_category_tree .category > .content {
  padding-left: 16px;
}
#page-course-index-category .categorypicker {
  margin: 10px 0 20px;
}
/**
 * Course management page
 * Palette
 *
 * Background (reg)         #F5F5F5
 * Background (light        #fafafa
 * Background (highlight)   #ddffaa
 * Borders                  #e1e1e8
 */
#course-category-listings {
  margin-bottom: 0;
  /** Two column layout */
  /** Three column layout */
}
#course-category-listings.columns-2 > #course-listing > div {
  position: relative;
  left: -1px;
}
#course-category-listings.columns-3 > #course-listing > div {
  height: 100%;
}
#course-category-listings > div > div {
  min-height: 300px;
}
#course-category-listings > div > div > ul.ml > li:first-child > div {
  border-top: 0;
}
#course-category-listings h3 {
  margin: 0;
  padding: 0.4rem 0.6rem 0.3rem;
}
#course-category-listings h4 {
  margin: 1rem 0 0;
  padding: 0.6rem 1rem 0.5rem;
}
#course-category-listings .moodle-actionmenu {
  white-space: nowrap;
}
#course-category-listings .listing-actions {
  text-align: center;
}
#course-category-listings .listing-actions > .moodle-actionmenu {
  display: inline-block;
}
#course-category-listings ul.ml {
  list-style: none;
  margin: 1rem 0;
}
#course-category-listings ul.ml ul.ml {
  margin: 0;
}
#course-category-listings .listitem[data-selected="1"] {
  border-left: calc(1px + 5px) solid #0f6cbf;
  padding-left: calc(1.25rem - 5px);
}
#course-category-listings .listitem:hover {
  z-index: 2;
}
#course-category-listings .item-actions {
  margin-right: 1em;
  display: inline-block;
}
#course-category-listings .item-actions.show .menu img {
  width: 12px;
  max-width: none;
}
#course-category-listings .item-actions .menu-action-text {
  vertical-align: inherit;
}
#course-category-listings .listitem > div > .float-left {
  float: left;
}
#course-category-listings .listitem > div > .float-right {
  float: right;
  text-align: right;
}
#course-category-listings .listitem > div .item-actions .action-show {
  display: none;
}
#course-category-listings .listitem > div .item-actions .action-hide {
  display: inline;
}
#course-category-listings .listitem > div .without-actions {
  color: #333;
}
#course-category-listings .listitem > div .idnumber {
  margin-right: 2em;
}
#course-category-listings .listitem[data-visible="0"] {
  color: #6a737b;
}
#course-category-listings .listitem[data-visible="0"] > div > a {
  color: #6a737b;
}
#course-category-listings .listitem[data-visible="0"] > div .item-actions .action-show {
  display: inline;
}
#course-category-listings .listitem[data-visible="0"] > div .item-actions .action-hide {
  display: none;
}
#course-category-listings .listitem.highlight {
  background-color: #fff;
}
#course-category-listings .listitem.highlight > div, #course-category-listings .listitem.highlight > div:hover, #course-category-listings .listitem.highlight[data-selected="1"] > div {
  background-color: rgba(0, 0, 0, 0.075);
}
#course-category-listings #course-listing .listitem .categoryname {
  display: inline-block;
  margin-left: 1em;
  color: #a1a1a8;
}
#course-category-listings #course-listing .listitem .coursename {
  display: inline-block;
  flex-basis: 10rem;
}
#course-category-listings #course-listing > .firstpage .listitem:first-child > div .item-actions .action-moveup, #course-category-listings #course-listing > .lastpage .listitem:last-child > div .item-actions .action-movedown {
  display: none;
}
#course-category-listings #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 {
  color: #a1a1a8;
  margin-right: 2rem;
  min-width: 3.5em;
  display: inline-block;
}
#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: bold;
  vertical-align: top;
}
#course-category-listings .detail-pair .pair-key span {
  margin-right: 1rem;
  display: block;
}
#course-category-listings .detail-pair .pair-value select {
  max-width: 100%;
}
#course-category-listings .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: #008196;
  border-color: #008196;
  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: #006070;
  border-color: #005563;
}
#course-category-listings .listing-pagination .yui3-button:focus, #course-category-listings .listing-pagination .yui3-button.focus {
  color: #fff;
  background-color: #006070;
  border-color: #005563;
  box-shadow: 0 0 0 0.2rem rgba(38, 148, 166, 0.5);
}
#course-category-listings .listing-pagination .yui3-button.disabled, #course-category-listings .listing-pagination .yui3-button:disabled {
  color: #fff;
  background-color: #008196;
  border-color: #008196;
}
#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: #005563;
  border-color: #004a56;
}
#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(38, 148, 166, 0.5);
}
#course-category-listings .listing-pagination .yui3-button.active-page {
  color: #fff;
  background-color: #0f6cbf;
  border-color: #0f6cbf;
}
#course-category-listings .listing-pagination .yui3-button.active-page:hover {
  color: #fff;
  background-color: #0c589c;
  border-color: #0b5190;
}
#course-category-listings .listing-pagination .yui3-button.active-page:focus, #course-category-listings .listing-pagination .yui3-button.active-page.focus {
  color: #fff;
  background-color: #0c589c;
  border-color: #0b5190;
  box-shadow: 0 0 0 0.2rem rgba(51, 130, 201, 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: #0f6cbf;
  border-color: #0f6cbf;
}
#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: #0b5190;
  border-color: #0a4b84;
}
#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(51, 130, 201, 0.5);
}
#course-category-listings .listing-pagination-totals {
  text-align: center;
}
#course-category-listings .listing-pagination-totals.dimmed {
  color: #6a737b;
  margin: 0.4rem 1rem 0.45rem;
}
#course-category-listings .select-a-category .notifymessage, #course-category-listings .select-a-category .alert {
  margin: 1em;
}
#course-category-listings #course-listing .listitem .drag-handle {
  display: none;
}
.jsenabled #course-category-listings #course-listing .listitem .drag-handle {
  display: inline-block;
  margin: 0 6px 0 0;
  cursor: pointer;
}
/** Management header styling **/
.coursecat-management-header {
  vertical-align: middle;
}
.coursecat-management-header h2 {
  display: inline-block;
  text-align: left;
}
.coursecat-management-header > div {
  float: right;
}
.coursecat-management-header > div > div {
  margin: 10px 0 10px 1em;
  display: inline-block;
}
.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: #0f6cbf;
  vertical-align: middle;
  padding: 0 0 0 4em;
}
.course-being-dragged {
  opacity: 0.5;
}
/**
 * Display sizes:
 * Large displays                   1200        +
 * Default displays                  980     1199
 * Tablets                           768      979
 * Small tablets and large phones    481      767
 * Phones                              0      480
 */
@media (min-width: 1200px) and (max-width: 1600px) {
  #course-category-listings.columns-3 {
    background-color: #fff;
    border: 0;
  }
  #course-category-listings.columns-3 #category-listing, #course-category-listings.columns-3 #course-listing {
    width: 50%;
  }
  #course-category-listings.columns-3 #category-listing > div, #course-category-listings.columns-3 #course-listing > div, #course-category-listings.columns-3 #course-detail > div {
    background-color: #fff;
  }
  #course-category-listings.columns-3 #course-detail {
    width: 100%;
    margin-top: 1em;
  }
}
@media (max-width: 1199px) {
  #course-category-listings.columns-2, #course-category-listings.columns-3 {
    border: 0;
  }
  #course-category-listings.columns-2 #category-listing, #course-category-listings.columns-2 #course-listing, #course-category-listings.columns-2 #course-detail, #course-category-listings.columns-3 #category-listing, #course-category-listings.columns-3 #course-listing, #course-category-listings.columns-3 #course-detail {
    width: 100%;
    margin: 0 0 1em;
  }
}
.page-settings-menu .menubar > a > .icon {
  width: auto;
  height: 32px;
  font-size: 32px;
}
.activity-navigation .row {
  align-items: center;
}
.activity-navigation #prev-activity-link, .activity-navigation #next-activity-link {
  white-space: pre-wrap;
}
.automatic-completion-conditions .badge {
  font-size: 100%;
}
.activity-add, .block-add {
  border-radius: 0.5rem;
  color: #0f6cbf;
  background-color: #f5f9fc;
  border-color: #3584c9;
  border-width: 1px;
  width: 100%;
}
.activity-add hr, .block-add hr {
  border-top-color: #3077b5;
}
.activity-add .alert-link, .block-add .alert-link {
  color: #0b5190;
}
.activity-add .pluscontainer, .block-add .pluscontainer {
  border: 1px solid #3584c9;
}
.activity-add:hover, .block-add:hover {
  cursor: pointer;
  background-color: #cfe2f2;
}
.activity-add:hover .activity-add-text, .block-add:hover .activity-add-text {
  text-decoration: underline;
}
.changenumsections {
  border-top: 1px solid #3584c9;
}
.section-collapsemenu .collapseall {
  display: block;
}
.section-collapsemenu .expandall {
  display: none;
}
.section-collapsemenu.collapsed .collapseall {
  display: none;
}
.section-collapsemenu.collapsed .expandall {
  display: block;
}
.course-section {
  list-style: none;
  padding-left: 0;
  border-bottom: 1px solid #dee2e6;
}
.course-section:last-child:not(.section-summary) {
  border-bottom: 0;
}
.course-section .sectionbadges .badge {
  margin-left: 0.5rem;
}
.course-section .course-section-header.draggable {
  cursor: move;
}
.course-section .section_action_menu .dropdown-toggle::after {
  display: none;
}
.course-section .inplaceeditable {
  display: flex;
  align-items: center;
}
.course-section.section-summary {
  padding-left: 1rem;
  padding-right: 1rem;
  margin-bottom: 0.5rem;
  margin-top: 0.5rem;
  border-radius: 0.5rem;
}
.course-section .section-summary-activities .activity-count {
  color: #6a737b;
  font-size: 0.8203125rem;
  margin: 3px;
  white-space: nowrap;
  display: inline-block;
}
.course-section.dndupload-dropzone {
  border: 2px dashed #0f6cbf;
  padding-left: 2px;
  padding-right: 2px;
  position: relative;
}
.course-section.dndupload-dropzone .dndupload-preview-overlay {
  background-color: #fff;
  opacity: 0.8;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.course-section.dndupload-dropzone .dndupload-preview-wrapper {
  position: absolute;
  top: 0;
  padding: 2rem;
  width: 100%;
}
.description .course-description-item {
  font-size: 0.875em;
  background-color: #f8f9fa;
  padding-left: 1rem;
  padding-right: 1rem;
}
.description .course-description-item .description-inner {
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
  border-bottom: 1px solid #dee2e6;
}
.description .course-description-item .description-inner p:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
}
.description .course-description-item:first-child {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
.description .course-description-item:first-child .description-inner {
  padding-top: 0;
}
.description .course-description-item:last-child {
  padding-bottom: 1rem;
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.description .course-description-item:last-child .description-inner {
  padding-bottom: 0;
  border-bottom: 0;
}
.course-content .description-inner ul {
  list-style: disc;
}
.course-content .description-inner ul ul {
  list-style: circle;
}
.course-content .description-inner ul ul ul {
  list-style: square;
}
.activity-item {
  position: relative;
  border-radius: 0.5rem;
  /* Prevent bootstrap strech-link from covering the inplace editable button using z-index. */
}
.activity-item:not(.activityinline) {
  border: 1px solid #dee2e6;
  padding: 1rem;
}
.activity-item.activityinline {
  padding: 1rem 0;
}
.activity-item.hiddenactivity {
  background-color: #f8f9fa;
}
.activity-item.hiddenactivity .description .course-description-item, .activity-item.hiddenactivity .activityiconcontainer, .activity-item.hiddenactivity .badge {
  mix-blend-mode: multiply;
}
.activity-item .activity-actions .actions {
  position: relative;
}
.activity-item .activity-actions .dropdown-toggle::after {
  display: none;
}
.activity-item .inplaceeditable {
  display: flex;
  flex: 0 1 auto;
  max-width: 100%;
}
.activity-item .activityname .afterlink {
  margin-left: 0.5rem;
}
.activity-item .activityname .inplaceeditable .quickeditlink {
  z-index: 2;
  margin-left: 0.5rem;
}
.activity-item .action-menu-item {
  display: flex;
  align-items: center;
}
.activity-item .action-menu-item .filler {
  display: none;
}
.activity-item .no-overflow {
  width: 100%;
}
@media (max-width: 767.98px) {
  .activity-item .badge {
    white-space: normal;
    text-align: left;
  }
}
@media (min-width: 768px) {
  .activity-item .automatic-completion-conditions {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }
  .activity-item:not(.activityinline) {
    padding: 1.5rem;
  }
  .activity-item .activity-info, .activity-item .activity-actions {
    margin-left: auto;
    padding-left: 0.5rem;
    align-self: start;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
.editing .activity-item {
  cursor: move;
}
.editing .activity-item .a {
  cursor: pointer;
}
.editing .activity-item:hover {
  color: #1d2125;
  background-color: #f5f9fc;
  border-color: #3584c9;
}
.editing .activity-item:hover hr {
  border-top-color: #3077b5;
}
.editing .activity-item:hover .alert-link {
  color: #070808;
}
.editing .activity-item:hover .description .course-description-item, .editing .activity-item:hover .activityiconcontainer, .editing .activity-item:hover .badge {
  mix-blend-mode: multiply;
}
.section .draggable .activity-item .dragicon {
  display: none;
}
.automatic-completion-conditions .badge {
  font-size: 80%;
  padding: 0.5rem;
  margin-top: 0.25rem;
}
.automatic-completion-conditions .badge .icon {
  width: 0.7rem;
  height: 0.7rem;
  font-size: 0.7rem;
}
.automatic-completion-conditions .badge:first-child {
  margin-top: 0;
}
/* Anchor link offset fix. This makes hash links scroll 60px down to account for the fixed header. */
:target {
  scroll-margin-top: 70px;
}
.pagelayout-embedded :target {
  padding-top: initial;
  margin-top: initial;
}
#nav-drawer.closed {
  left: -305px;
}
#nav-drawer[aria-hidden=true] .list-group-item {
  display: none;
}
/* Use a variable for the drawer background colors. */
[data-region="drawer"] {
  position: fixed;
  width: 285px;
  top: 60px;
  height: calc(100% - 60px);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 999;
  background-color: #f2f2f2;
  transition: right 0.5s ease, left 0.5s ease;
}
@media (prefers-reduced-motion: reduce) {
  [data-region="drawer"] {
    transition: none;
  }
}
@media (min-width: 576px) {
  [data-region="drawer"] {
    padding: 20px 20px;
  }
  .jsenabled .btn-footer-popover {
    transition: 0.2s;
  }
}
@media (min-width: 576px) and (prefers-reduced-motion: reduce) {
  .jsenabled .btn-footer-popover {
    transition: none;
  }
}
#nav-drawer {
  right: auto;
  left: 0;
  /* Override the z-indexes defined in bootstrap/_list-group.scss that
       lead to side effects on the user tours positioning. */
}
#nav-drawer .list-group-item-action.active, #nav-drawer .list-group-item.active {
  z-index: inherit;
}
#nav-drawer .list-group-item-action.active + .list-group-item, #nav-drawer .list-group-item.active + .list-group-item {
  border-top: none;
}
#nav-drawer .list-group ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#nav-drawer .list-group li {
  margin-bottom: -1px;
}
#nav-drawer .list-group li:last-child {
  margin-bottom: 0;
}
body.drawer-ease {
  transition: margin-left 0.5s ease, margin-right 0.5s ease;
}
@media (prefers-reduced-motion: reduce) {
  body.drawer-ease {
    transition: none;
  }
}
@media (min-width: 768px) {
  body:not(.uses-drawers).drawer-open-left {
    margin-left: 285px;
  }
}
@media (min-width: 768px) {
  body.drawer-open-left #page.drawers {
    margin-left: 285px;
    padding-left: 1rem;
  }
}
@media (min-width: 768px) {
  body.drawer-open-right {
    margin-right: 315px;
  }
}
[data-region=right-hand-drawer] {
  display: flex;
  flex-direction: column;
  transition: right 0.2s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  [data-region=right-hand-drawer] {
    transition: none;
  }
}
[data-region=right-hand-drawer].drawer {
  z-index: 1021;
  position: fixed;
  top: 60px;
  right: 0;
  height: calc(100% - 60px);
  width: 320px;
  box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.25);
  padding: 0;
  visibility: visible;
  opacity: 1;
}
[data-region=right-hand-drawer].hidden {
  display: block;
  right: -320px;
  visibility: hidden;
  opacity: 0;
  transition: right 0.2s ease-in-out, visibility 0s ease-in-out 0.2s, opacity 0s ease-in-out 0.2s;
}
@media (prefers-reduced-motion: reduce) {
  [data-region=right-hand-drawer].hidden {
    transition: none;
  }
}
@media (max-width: 767.98px) {
  [data-region=right-hand-drawer].drawer {
    top: 0;
    height: 100%;
    z-index: 1031;
  }
  body.drawer-open-left, body.drawer-open-right {
    overflow: hidden;
  }
}
.dir-rtl [data-region=right-hand-drawer] {
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
}
.drawer {
  transition: left 0.2s ease, right 0.2s ease, top 0.2s ease, bottom 0.2s ease, visibility 0.2s ease;
  background-color: #f8f9fa;
  z-index: 1050;
  position: fixed;
  height: 100vh;
  top: 0;
}
@media (prefers-reduced-motion: reduce) {
  .drawer {
    transition: none;
  }
}
.drawer.not-initialized {
  display: none;
}
.drawer.drawer-right {
  width: 315px;
  max-width: 315px;
  right: calc(-315px + -10px);
  visibility: hidden;
}
.drawer.drawer-right.show {
  right: 0;
  visibility: visible;
}
.drawer.drawer-right .drawertoggle {
  margin-left: auto;
  margin-right: 5px;
}
.drawer.drawer-left {
  width: 285px;
  max-width: 285px;
  left: calc(-285px + -10px);
  visibility: hidden;
}
.drawer.drawer-left.show {
  left: 0;
  visibility: visible;
}
.drawer.drawer-left .drawertoggle {
  margin-right: auto;
  margin-left: 5px;
}
.drawer.drawer-bottom {
  bottom: -110%;
}
.drawer.drawer-bottom.show {
  bottom: 0;
}
@media (min-width: 992px) {
  .drawer {
    z-index: inherit;
  }
  .drawer#theme_boost-drawers-blocks:focus-within {
    position: absolute;
  }
  .drawer#theme_boost-drawers-blocks:focus-within .drawercontent {
    z-index: auto;
  }
  .drawer.not-initialized {
    display: block;
  }
}
.drawer-md, .drawer-sm {
  display: none;
}
.drawerheader {
  padding: 0;
  height: 60px;
  display: flex;
  align-items: center;
}
.drawer.scrolled .drawerheader {
  box-shadow: 0 8px 11px -7px rgba(0, 0, 0, 0.25);
}
@media (max-width: 991.98px) {
  .drawer-md {
    display: block;
    transition: left 0.2s ease, right 0.2s ease, top 0.2s ease, bottom 0.2s ease, visibility 0.2s ease;
    background-color: #f8f9fa;
    z-index: 1050;
    position: fixed;
    height: 100vh;
    top: 0;
  }
  .drawer-md.not-initialized {
    display: none;
  }
  .drawer-md.drawer-right {
    width: 315px;
    max-width: 315px;
    right: calc(-315px + -10px);
    visibility: hidden;
  }
  .drawer-md.drawer-right.show {
    right: 0;
    visibility: visible;
  }
  .drawer-md.drawer-right .drawertoggle {
    margin-left: auto;
    margin-right: 5px;
  }
  .drawer-md.drawer-left {
    width: 285px;
    max-width: 285px;
    left: calc(-285px + -10px);
    visibility: hidden;
  }
  .drawer-md.drawer-left.show {
    left: 0;
    visibility: visible;
  }
  .drawer-md.drawer-left .drawertoggle {
    margin-right: auto;
    margin-left: 5px;
  }
  .drawer-md.drawer-bottom {
    bottom: -110%;
  }
  .drawer-md.drawer-bottom.show {
    bottom: 0;
  }
}
@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
  .drawer-md {
    transition: none;
  }
}
@media (max-width: 767.98px) {
  .drawer-sm {
    display: block;
    transition: left 0.2s ease, right 0.2s ease, top 0.2s ease, bottom 0.2s ease, visibility 0.2s ease;
    background-color: #f8f9fa;
    z-index: 1050;
    position: fixed;
    height: 100vh;
    top: 0;
  }
  .drawer-sm.not-initialized {
    display: none;
  }
  .drawer-sm.drawer-right {
    width: 315px;
    max-width: 315px;
    right: calc(-315px + -10px);
    visibility: hidden;
  }
  .drawer-sm.drawer-right.show {
    right: 0;
    visibility: visible;
  }
  .drawer-sm.drawer-right .drawertoggle {
    margin-left: auto;
    margin-right: 5px;
  }
  .drawer-sm.drawer-left {
    width: 285px;
    max-width: 285px;
    left: calc(-285px + -10px);
    visibility: hidden;
  }
  .drawer-sm.drawer-left.show {
    left: 0;
    visibility: visible;
  }
  .drawer-sm.drawer-left .drawertoggle {
    margin-right: auto;
    margin-left: 5px;
  }
  .drawer-sm.drawer-bottom {
    bottom: -110%;
  }
  .drawer-sm.drawer-bottom.show {
    bottom: 0;
  }
}
@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
  .drawer-sm {
    transition: none;
  }
}
.drawercontent {
  position: relative;
  z-index: -1;
  height: calc(100% - 60px);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  overflow-y: auto;
  padding: 0.4rem;
  scrollbar-width: thin;
  scrollbar-color: #6a737b #f8f9fa;
}
.drawercontent .dropdown-menu .dropdown-item {
  width: 220px;
  white-space: normal;
}
.drawercontent::-webkit-scrollbar {
  width: 12px;
}
.drawercontent::-webkit-scrollbar-track {
  background: #f8f9fa;
}
.drawercontent::-webkit-scrollbar-thumb {
  background-color: #6a737b;
  border-radius: 20px;
  border: 3px solid #f8f9fa;
}
.drawercontent::-webkit-scrollbar-thumb:hover {
  background-color: #495057;
}
.fp-content-center {
  height: 100%;
  width: 100%;
  display: table-cell;
  vertical-align: middle;
}
.fp-content-hidden {
  visibility: hidden;
}
.yui3-panel-focused {
  outline: none;
}
.fp-panel-button {
  background: #fff;
  padding: 3px 20px 2px 20px;
  text-align: center;
  margin: 10px;
  border-radius: 10px;
  display: inline-block;
}
.filepicker .yui3-widget-content-expanded {
  height: auto;
}
/* The javascript is adding a style="height:0;" to this element - we need to set the min-height so the height is ignored. */
.filepicker .moodle-dialogue-bd {
  min-height: 520px;
}
.file-picker .fp-navbar {
  min-height: 40px;
  padding: 4px;
}
.fp-navbar {
  border-color: #8f959e;
  border-bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.file-picker .fp-content {
  border-top: 0;
  background: #fff;
  clear: none;
  overflow: auto;
  height: 452px;
}
.filepicker.moodle-dialogue-fullscreen .file-picker .fp-content {
  width: 100%;
}
.file-picker .fp-content-loading {
  height: 100%;
  width: 100%;
  display: table;
  text-align: center;
}
.file-picker .fp-content .fp-object-container {
  width: 98%;
  height: 98%;
}
.file-picker .fp-def-search {
  margin-top: 0;
}
.file-picker .fp-list {
  list-style-type: none;
  padding: 0;
  float: left;
  width: 100%;
  margin: 0;
}
.file-picker .fp-list .fp-repo a {
  display: block;
  padding: 0.5em 0.7em;
}
.file-picker .fp-list .fp-repo.active {
  background: #f2f2f2;
}
.file-picker .fp-list .fp-repo-icon {
  padding: 0 7px 0 5px;
  width: 16px;
  height: 16px;
}
.fp-toolbar {
  float: left;
}
.fp-toolbar.empty {
  display: none;
}
.fp-toolbar .disabled {
  display: none;
}
.fp-toolbar div {
  display: block;
  float: left;
  margin-right: 4px;
}
.fp-toolbar img {
  vertical-align: -15%;
  margin-right: 5px;
}
.fp-viewbar:not(.disabled) a.checked {
  background-color: #b1bbc4;
  color: #1d2125;
  border-color: #aab4bf;
}
.fp-viewbar.disabled a {
  pointer-events: none;
  opacity: 0.65;
}
.file-picker .fp-clear-left {
  clear: left;
}
.fp-pathbar.empty {
  display: none;
}
.fp-pathbar .fp-path-folder {
  background: url(/theme/image.php/boost_union/theme/1753274487/fp/path_folder) left 3px no-repeat;
  background-size: 12px 12px;
  height: 12px;
  margin-left: 12px;
}
/*rtl:raw:
.fp-pathbar .fp-path-folder {
    background-image: url(/theme/image.php/boost_union/theme/1753274487/fp/path_folder_rtl);
}
*/
.fp-pathbar .fp-path-folder-name {
  margin-left: 24px;
}
.fp-iconview .fp-file {
  float: left;
  text-align: center;
  position: relative;
  margin: 10px 10px 35px;
}
.fp-iconview .fp-thumbnail {
  min-width: 110px;
  min-height: 110px;
  line-height: 110px;
  text-align: center;
  border: 1px solid #fff;
  display: block;
}
.fp-iconview .fp-thumbnail img {
  border: 1px solid #ddd;
  padding: 3px;
  vertical-align: middle;
}
.fp-iconview .fp-thumbnail:hover {
  background: #fff;
  border: 1px solid #ddd;
}
.fp-iconview .fp-filename-field {
  height: 33px;
  margin-top: 3px;
  word-wrap: break-word;
  overflow: hidden;
  position: absolute;
}
.fp-iconview .fp-file:focus .fp-filename-field, .fp-iconview .fp-file:hover .fp-filename-field {
  overflow: visible;
  z-index: 1000;
}
.fp-iconview .fp-file:focus .fp-filename, .fp-iconview .fp-file:hover .fp-filename {
  overflow: inherit;
  white-space: normal;
  text-overflow: inherit;
}
.fp-iconview .fp-filename-field .fp-filename {
  background: #fff;
  padding-top: 5px;
  padding-bottom: 12px;
  min-width: 112px;
}
.file-picker .yui3-datatable table {
  border: 0 solid #bbb;
  width: 100%;
}
.file-picker .ygtvtn, .filemanager .ygtvtn {
  /*rtl:remove*/
  background: url(/theme/image.php/boost_union/core/1753274487/y/tn) 0 0 no-repeat;
  /*rtl:raw:
    background: url(/theme/image.php/boost_union/core/1753274487/y/tn_rtl) 0 0 no-repeat;
    */
  width: 19px;
  height: 32px;
}
.file-picker .ygtvtm, .filemanager .ygtvtm {
  background: url(/theme/image.php/boost_union/core/1753274487/y/tm) 0 10px no-repeat;
  /*rtl:raw:
        background-position: 2px 10px;
    */
  width: 13px;
  height: 12px;
  cursor: pointer;
}
.file-picker .ygtvtmh, .filemanager .ygtvtmh {
  background: url(/theme/image.php/boost_union/core/1753274487/y/tm) 0 10px no-repeat;
  /*rtl:raw:
        background-position: 2px 10px;
    */
  width: 13px;
  height: 12px;
  cursor: pointer;
}
.file-picker .ygtvtp, .filemanager .ygtvtp {
  /*rtl:remove*/
  background: url(/theme/image.php/boost_union/core/1753274487/y/tp) 0 10px no-repeat;
  /*rtl:raw:
    background: url(/theme/image.php/boost_union/core/1753274487/y/tp_rtl) 2px 10px no-repeat;
    */
  width: 13px;
  height: 12px;
  cursor: pointer;
}
.file-picker .ygtvtph, .filemanager .ygtvtph {
  /*rtl:remove*/
  background: url(/theme/image.php/boost_union/core/1753274487/y/tp) 0 10px no-repeat;
  /*rtl:raw:
    background: url(/theme/image.php/boost_union/core/1753274487/y/tp_rtl) 2px 10px no-repeat;
    */
  width: 13px;
  height: 22px;
  cursor: pointer;
}
.file-picker .ygtvln, .filemanager .ygtvln {
  /*rtl:remove*/
  background: url(/theme/image.php/boost_union/core/1753274487/y/ln) 0 0 no-repeat;
  /*rtl:raw:
    background: url(/theme/image.php/boost_union/core/1753274487/y/ln_rtl) 0 0 no-repeat;
    */
  width: 19px;
  height: 32px;
}
.file-picker .ygtvlm, .filemanager .ygtvlm {
  background: url(/theme/image.php/boost_union/core/1753274487/y/lm) 0 10px no-repeat;
  /*rtl:raw:
        background-position: 2px 10px;
    */
  width: 13px;
  height: 12px;
  cursor: pointer;
}
.file-picker .ygtvlmh, .filemanager .ygtvlmh {
  background: url(/theme/image.php/boost_union/core/1753274487/y/lm) 0 10px no-repeat;
  /*rtl:raw:
        background-position: 2px 10px;
    */
  width: 13px;
  height: 12px;
  cursor: pointer;
}
.file-picker .ygtvlp, .filemanager .ygtvlp {
  /*rtl:remove*/
  background: url(/theme/image.php/boost_union/core/1753274487/y/lp) 0 10px no-repeat;
  /*rtl:raw:
    background: url(/theme/image.php/boost_union/core/1753274487/y/lp_rtl) 2px 10px no-repeat;
    */
  width: 13px;
  height: 12px;
  cursor: pointer;
}
.file-picker .ygtvlph, .filemanager .ygtvlph {
  /*rtl:remove*/
  background: url(/theme/image.php/boost_union/core/1753274487/y/lp) 0 10px no-repeat;
  /*rtl:raw:
    background: url(/theme/image.php/boost_union/core/1753274487/y/lp_rtl) 2px 10px no-repeat;
    */
  width: 13px;
  height: 12px;
  cursor: pointer;
}
.file-picker .ygtvloading, .filemanager .ygtvloading {
  background: transparent url(/theme/image.php/boost_union/core/1753274487/y/loading) 0 0 no-repeat;
  width: 16px;
  height: 22px;
}
.file-picker .ygtvdepthcell, .filemanager .ygtvdepthcell {
  background: url(/theme/image.php/boost_union/core/1753274487/y/vline) 0 0 no-repeat;
  /*rtl:raw:
    background-position: 0 0;
    */
  width: 17px;
  height: 32px;
}
.file-picker .ygtvblankdepthcell, .filemanager .ygtvblankdepthcell {
  width: 17px;
  height: 22px;
}
a.ygtvspacer:hover {
  color: transparent;
  text-decoration: none;
}
.ygtvlabel, .ygtvlabel:link, .ygtvlabel:visited, .ygtvlabel:hover {
  background-color: transparent;
  cursor: pointer;
  margin-left: 2px;
  text-decoration: none;
}
.file-picker .ygtvfocus, .filemanager .ygtvfocus {
  background-color: #eee;
}
.fp-filename-icon {
  margin-top: 10px;
  display: block;
  position: relative;
}
.fp-icon {
  float: left;
  margin-top: -7px;
  width: 24px;
  height: 24px;
  margin-right: 10px;
  text-align: center;
  line-height: 24px;
}
.fp-icon img {
  max-height: 24px;
  max-width: 24px;
  vertical-align: middle;
}
.fp-filename {
  padding-right: 10px;
}
.file-picker .fp-login-form {
  height: 100%;
  width: 100%;
  display: table;
}
.file-picker .fp-upload-form {
  height: 100%;
  width: 100%;
  display: table;
}
.file-picker .fp-upload-form table {
  margin: 0 auto;
}
.file-picker.fp-dlg {
  text-align: center;
}
.file-picker.fp-dlg .fp-dlg-buttons {
  margin: 0 20px;
}
.file-picker.fp-msg {
  text-align: center;
}
.file-picker .fp-content-error {
  height: 100%;
  width: 100%;
  display: table;
  text-align: center;
}
.file-picker .fp-nextpage {
  clear: both;
}
.file-picker .fp-nextpage .fp-nextpage-loading {
  display: none;
}
.file-picker .fp-nextpage.loading .fp-nextpage-link {
  display: none;
}
.file-picker .fp-nextpage.loading .fp-nextpage-loading {
  display: block;
  text-align: center;
  height: 100px;
  padding-top: 50px;
}
.fp-select .fp-select-loading {
  text-align: center;
  margin-top: 20px;
}
.fp-select table {
  padding: 0 0 10px;
}
.fp-select table .mdl-right {
  min-width: 84px;
}
.fp-select .fp-reflist .mdl-right {
  vertical-align: top;
}
.fp-select .fp-select-buttons {
  float: right;
}
.fp-select .fp-info {
  font-size: 0.703125rem;
}
.fp-select .fp-thumbnail {
  float: left;
  min-width: 110px;
  min-height: 110px;
  line-height: 110px;
  text-align: center;
  margin: 10px 20px 0 0;
  background: #fff;
  border: 1px solid #ddd;
}
.fp-select .fp-thumbnail img {
  border: 1px solid #ddd;
  padding: 3px;
  vertical-align: middle;
  margin: 10px;
}
.fp-select .fp-fileinfo {
  display: inline-block;
  margin-top: 10px;
}
.file-picker.fp-select .fp-fileinfo {
  max-width: 240px;
}
.fp-select .fp-fileinfo div {
  padding-bottom: 5px;
}
.file-picker.fp-select .uneditable {
  display: none;
}
.file-picker.fp-select .fp-select-loading {
  display: none;
}
.file-picker.fp-select.loading .fp-select-loading {
  display: block;
}
.file-picker.fp-select.loading form {
  display: none;
}
.fp-select .fp-dimensions.fp-unknown {
  display: none;
}
.fp-select .fp-size.fp-unknown {
  display: none;
}
.filemanager-loading {
  display: none;
}
.jsenabled .filemanager-loading {
  display: block;
  margin-top: 100px;
}
.filemanager.fm-loading .filemanager-toolbar, .filemanager.fm-loading .fp-pathbar, .filemanager.fm-loading .filemanager-container, .filemanager.fm-loaded .filemanager-loading, .filemanager.fm-maxfiles .fp-btn-add, .filemanager.fm-maxfiles .dndupload-message, .filemanager.fm-noitems .fp-btn-download, .filemanager.fm-noitems .fp-btn-delete, .filemanager .fm-empty-container, .filemanager.fm-noitems .filemanager-container .fp-content {
  display: none;
}
.filemanager .fp-img-downloading {
  display: none;
  padding-top: 7px;
}
.filemanager .filemanager-updating {
  display: none;
  text-align: center;
}
.filemanager.fm-updating .filemanager-updating {
  display: block;
  margin-top: 37px;
}
.filemanager.fm-updating .fm-content-wrapper, .filemanager.fm-nomkdir .fp-btn-mkdir, .fitem.disabled .filemanager .filemanager-toolbar, .fitem.disabled .filemanager .fp-pathbar, .fitem.disabled .filemanager .fp-restrictions, .fitem.disabled .filemanager .fm-content-wrapper {
  display: none;
}
.filemanager .fp-restrictions {
  text-align: right;
}
.filemanager-toolbar {
  padding: 4px;
  overflow: hidden;
}
.filemanager .fp-pathbar.empty {
  display: none;
}
.filepicker-filelist, .filemanager-container {
  min-height: 140px;
  border: 1px solid #8f959e;
  border-radius: 0.5rem;
}
.filemanager .fp-content {
  overflow: auto;
  max-height: 472px;
  min-height: 157px;
}
.filemanager-container, .filepicker-filelist {
  overflow: hidden;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.file-picker .yui3-datatable-header {
  /*rtl:raw:
    text-align: right;
    */
  background: initial;
}
.fitem.disabled .filepicker-filelist, .fitem.disabled .filemanager-container {
  background-color: #ebebe4;
}
.fitem.disabled .fp-btn-choose {
  color: #6a737b;
}
.fitem.disabled .filepicker-filelist .filepicker-filename {
  display: none;
}
.fp-iconview .fp-reficons1 {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.fp-iconview .fp-reficons2 {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.fp-iconview .fp-file.fp-hasreferences .fp-reficons1 {
  background: url(/theme/image.php/boost_union/theme/1753274487/fp/link) no-repeat;
  /*rtl:raw:
    transform: scaleX(-1);
    */
  /*rtl:ignore*/
  background-position: bottom right;
  background-size: 16px 16px;
}
.fp-iconview .fp-file.fp-isreference .fp-reficons2 {
  background: url(/theme/image.php/boost_union/theme/1753274487/fp/alias) no-repeat;
  /*rtl:raw:
    transform: scaleX(-1);
    */
  /*rtl:ignore*/
  background-position: bottom left;
  background-size: 16px 16px;
}
.filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail img {
  display: none;
}
.filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail {
  background: url(/theme/image.php/boost_union/core/1753274487/s/dead) no-repeat;
  background-position: center center;
}
.filemanager .yui3-datatable table {
  border: 0 solid #bbb;
  width: 100%;
}
/* Override YUI default styling */
/* stylelint-disable declaration-no-important */
.filemanager .yui3-datatable-header {
  /*rtl:raw:
        text-align: right;
        */
  background: #fff !important;
  border-bottom: 1px solid #ccc !important;
  border-left: 0 solid #fff !important;
  color: #555 !important;
}
.filemanager .yui3-datatable-odd .yui3-datatable-cell {
  background-color: #f6f6f6 !important;
  border-left: 0 solid #f6f6f6;
}
.filemanager .yui3-datatable-even .yui3-datatable-cell {
  background-color: #fff !important;
  border-left: 0 solid #fff;
}
/* stylelint-enable */
.filemanager .fp-filename-icon.fp-hasreferences .fp-reficons1 {
  background: url(/theme/image.php/boost_union/theme/1753274487/fp/link_sm) no-repeat 0 0;
  height: 100%;
  width: 100%;
  /*rtl:raw:
    transform: scaleX(-1);
    */
  position: absolute;
  top: 8px;
  left: 17px;
  background-size: 16px 16px;
}
.filemanager .fp-filename-icon.fp-isreference .fp-reficons2 {
  background: url(/theme/image.php/boost_union/theme/1753274487/fp/alias_sm) no-repeat 0 0;
  height: 100%;
  width: 100%;
  /*rtl:raw:
    transform: scaleX(-1);
    */
  position: absolute;
  top: 9px;
  left: -6px;
  background-size: 16px 16px;
}
.filemanager .fp-contextmenu {
  display: none;
}
.filemanager .fp-iconview .fp-folder.fp-hascontextmenu .fp-contextmenu {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.filemanager .fp-treeview .fp-folder.fp-hascontextmenu .fp-contextmenu, .filemanager .fp-tableview .fp-folder.fp-hascontextmenu .fp-contextmenu {
  display: inline;
  position: absolute;
  left: 14px;
  margin-right: -20px;
  top: 6px;
}
.filepicker-filelist .filepicker-container, .filemanager.fm-noitems .fm-empty-container {
  display: block;
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 10px;
  right: 10px;
  border: 2px dashed #bbb;
  padding-top: 85px;
  text-align: center;
}
.filepicker-filelist .dndupload-target, .filemanager-container .dndupload-target {
  background: #fff;
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 10px;
  right: 10px;
  border: 2px dashed #fb7979;
  padding-top: 85px;
  text-align: center;
}
.filepicker-filelist.dndupload-over .dndupload-target, .filemanager-container.dndupload-over .dndupload-target {
  background: #fff;
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 10px;
  right: 10px;
  border: 2px dashed #6c8cd3;
  padding-top: 85px;
  text-align: center;
}
.dndupload-message {
  display: none;
}
.dndsupported .dndupload-message {
  display: inline;
}
.dnduploadnotsupported-message {
  display: none;
}
.dndnotsupported .dnduploadnotsupported-message {
  display: inline;
}
.dndupload-target {
  display: none;
}
.dndsupported .dndupload-ready .dndupload-target {
  display: block;
}
.dndupload-uploadinprogress {
  display: none;
  text-align: center;
}
.dndupload-uploading .dndupload-uploadinprogress {
  display: block;
}
.dndupload-arrow {
  width: 100%;
  height: 80px;
  position: absolute;
  top: 5px;
  color: #8f959e;
}
.fitem.disabled .filepicker-container, .fitem.disabled .fm-empty-container {
  display: none;
}
.dndupload-progressbars {
  padding: 10px;
  display: none;
}
.dndupload-inprogress .dndupload-progressbars {
  display: block;
}
.dndupload-inprogress .fp-content {
  display: none;
}
.filemanager.fm-noitems .dndupload-inprogress .fm-empty-container {
  display: none;
}
.filepicker-filelist.dndupload-inprogress .filepicker-container {
  display: none;
}
.filepicker-filelist.dndupload-inprogress a {
  display: none;
}
.filemanager.fp-select .fp-select-loading {
  display: none;
}
.filemanager.fp-select.loading .fp-select-loading {
  display: block;
}
.filemanager.fp-select.loading form {
  display: none;
}
.filemanager.fp-select.fp-folder .fp-license, .filemanager.fp-select.fp-folder .fp-author, .filemanager.fp-select.fp-file .fp-file-unzip, .filemanager.fp-select.fp-folder .fp-file-unzip, .filemanager.fp-select.fp-file .fp-file-zip, .filemanager.fp-select.fp-zip .fp-file-zip {
  display: none;
}
.filemanager.fp-select .fp-file-setmain, .filemanager.fp-select .fp-file-setmain-help {
  display: none;
}
.filemanager.fp-select.fp-cansetmain .fp-file-setmain, .filemanager.fp-select.fp-cansetmain .fp-file-setmain-help {
  display: inline-block;
}
.filemanager .fp-mainfile .fp-filename {
  font-weight: bold;
}
.filemanager.fp-select.fp-folder .fp-file-download {
  display: none;
}
.fm-operation {
  font-weight: bold;
}
.filemanager.fp-select .fp-original.fp-unknown, .filemanager.fp-select .fp-original .fp-originloading {
  display: none;
}
.filemanager.fp-select .fp-original.fp-loading .fp-originloading {
  display: inline;
}
.filemanager.fp-select .fp-reflist.fp-unknown, .filemanager.fp-select .fp-reflist .fp-reflistloading {
  display: none;
}
.filemanager.fp-select .fp-reflist.fp-loading .fp-reflistloading {
  display: inline;
}
.filemanager.fp-select .fp-reflist .fp-value {
  background: #f9f9f9;
  border: 1px solid #bbb;
  padding: 8px 7px;
  margin: 0;
  max-height: 75px;
  overflow: auto;
}
.filemanager.fp-select .fp-reflist .fp-value li {
  padding-bottom: 7px;
}
.filemanager.fp-mkdir-dlg {
  text-align: center;
}
.filemanager.fp-mkdir-dlg .fp-mkdir-dlg-text {
  text-align: left;
  margin: 20px;
}
.filemanager.fp-dlg {
  text-align: center;
}
.file-picker div.bd {
  text-align: left;
}
.fp-formset {
  padding: 10px;
}
.fp-formset input[type="file"] {
  line-height: inherit;
}
.fp-forminset {
  padding: 0 10px;
}
.fp-fileinfo .fp-value {
  display: inline-block;
  padding-left: 5px;
}
/** The message area **/
.hidden {
  display: none;
}
.preferences-container .container-fluid, .preferences-container .container-sm, .preferences-container .container-md, .preferences-container .container-lg, .preferences-container .container-xl {
  padding: 0;
}
.preferences-container .container-fluid .col-md-6, .preferences-container .container-sm .col-md-6, .preferences-container .container-md .col-md-6, .preferences-container .container-lg .col-md-6, .preferences-container .container-xl .col-md-6 {
  min-height: 20px;
}
.preferences-container .align-bottom {
  vertical-align: bottom;
}
.preferences-container .preference-table {
  border: 1px solid #ddd;
}
.preferences-container .preference-table thead th {
  text-align: center;
}
.preferences-container .preference-table thead th .config-warning {
  display: none;
}
.preferences-container .preference-table thead th.unconfigured .config-warning {
  display: inline-block;
}
.preferences-container .preference-table tr th {
  border-left: 1px solid #dee2e6;
}
.preferences-container .preference-table tr td:not(:first-child) {
  width: 150px;
  text-align: center;
}
.preferences-container .preference-table tr td:nth-child(even) {
  border: 1px solid #dee2e6;
}
.preferences-container .preference-table .preference-row .hover-tooltip-container {
  display: inline-block;
}
.preferences-container .preference-table .preference-row .preference-name {
  vertical-align: middle;
}
.preferences-container .preference-table .preference-row .disabled-message {
  text-align: center;
  height: 30px;
  line-height: 30px;
}
.preferences-container .preference-table .preference-row.loading .preference-name .loading-icon {
  display: block;
}
.disabled-message {
  display: none;
}
.disabled .disabled-message {
  display: block;
}
.disabled .disabled-message + form {
  display: none;
}
.general-settings-container .loading-icon {
  display: none;
}
.general-settings-container .loading .loading-icon {
  display: inline-block;
}
.general-settings-container label {
  display: inline-block;
}
.processor-container {
  position: relative;
}
.processor-container .loading-container {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.5);
}
.processor-container .loading-container .vertical-align {
  height: 100%;
  width: 0%;
  display: inline-block;
  vertical-align: middle;
}
.processor-container.loading .loading-container {
  display: block;
}
.preferences-page-container .checkbox-container {
  margin: 30px 5px;
  line-height: 20px;
}
.preferences-page-container .checkbox-container input {
  line-height: 20px;
  margin: 0;
}
.preferences-page-container .checkbox-container .loading-icon {
  display: none;
}
.preferences-page-container .checkbox-container.loading .loading-icon {
  display: inline-block;
}
.notification-area {
  height: 600px;
  box-sizing: border-box;
  border-radius: 4px;
  margin-bottom: 30px;
  border: 1px solid #e3e3e3;
}
@media (max-height: 670px) {
  .notification-area {
    height: 500px;
  }
}
.notification-area .control-area {
  box-sizing: border-box;
  display: inline-block;
  width: 300px;
  height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  border-right: 1px solid #e3e3e3;
}
.notification-area .control-area .content {
  position: relative;
}
.notification-area .control-area .content .content-item-container {
  cursor: pointer;
}
.notification-area .control-area .content:empty + .empty-text {
  display: block;
}
.notification-area .control-area .loading-icon {
  display: none;
}
.notification-area .control-area .empty-text {
  display: none;
  text-align: center;
  padding-top: 20px;
}
.notification-area .control-area.loading .loading-icon {
  display: block;
  text-align: center;
  box-sizing: border-box;
  padding: 5px;
}
.notification-area .control-area.loading .content:empty + .empty-text {
  display: none;
}
.notification-area .content-area {
  box-sizing: border-box;
  display: inline-block;
  width: calc(100% - 300px);
  float: right;
}
.notification-area .content-area .toggle-mode {
  display: none;
}
.notification-area .content-area .header {
  height: 50px;
  box-sizing: border-box;
  border-bottom: 1px solid #e3e3e3;
  padding: 5px;
}
.notification-area .content-area .header .image-container {
  display: inline-block;
  height: 25px;
  width: 24px;
  float: left;
}
.notification-area .content-area .header .subject-container {
  display: inline-block;
  max-width: calc(100% - 24px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 25px;
  padding-left: 5px;
  box-sizing: border-box;
}
.notification-area .content-area .header .timestamp {
  font-size: 10px;
  line-height: 10px;
  margin: 0;
  color: #666;
  margin-left: 30px;
}
.notification-area .content-area .header:empty {
  display: none;
}
.notification-area .content-area > .content {
  height: 500px;
  box-sizing: border-box;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 15px;
}
@media (max-height: 670px) {
  .notification-area .content-area > .content {
    height: 400px;
  }
}
.notification-area .content-area > .content:empty {
  display: none;
}
.notification-area .content-area > .content:empty + .empty-text {
  display: block;
  text-align: center;
  padding-top: 100px;
}
.notification-area .content-area .empty-text {
  display: none;
}
.notification-area .content-area .footer {
  height: 50px;
  box-sizing: border-box;
  text-align: center;
}
.notification-area .content-area .footer a {
  line-height: 50px;
}
.notification-area .content-area .footer:empty {
  display: none;
}
@media (max-width: 979px) {
  .notification-area {
    position: relative;
    overflow: hidden;
  }
  .notification-area .control-area {
    border-right: none;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    visibility: visible;
    transition: left 0.25s;
  }
  .notification-area .content-area {
    width: 100%;
    position: absolute;
    top: 0;
    right: -100%;
    opacity: 0;
    visibility: hidden;
    transition: right 0.25s, opacity 0.25s, visibility 0.25s;
  }
  .notification-area .content-area .toggle-mode {
    display: inline-block;
    float: left;
    width: 70px;
    height: 50px;
    line-height: 50px;
    box-sizing: border-box;
    border-right: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
  }
  .notification-area .content-area .header {
    display: inline-block;
    width: calc(100% - 70px);
  }
  .notification-area.show-content-area .control-area {
    left: -100%;
    opacity: 0;
    visibility: hidden;
    transition: left 0.25s, opacity 0.25s, visibility 0.25s;
  }
  .notification-area.show-content-area .content-area {
    right: 0;
    opacity: 1;
    visibility: visible;
    transition: right 0.25s;
  }
}
.drawer .message-app {
  height: 100%;
}
.drawer .message-app .icon-back-in-app {
  display: none;
}
.drawer .message-app .icon-back-in-drawer {
  display: inherit;
}
.message-app {
  display: flex;
  flex-direction: column;
  background-color: #eff1f3;
}
.message-app .icon-back-in-drawer {
  display: none;
}
.message-app.main {
  min-height: 400px;
}
.message-app .header-container {
  flex-shrink: 0;
}
.message-app .overflow-y {
  overflow-y: auto;
}
@media (max-height: 320px) {
  .message-app .header-container [data-region="view-overview"]:not(.hidden) {
    display: flex;
    align-items: center;
  }
  .message-app .footer-container [data-region="view-overview"] {
    display: none;
  }
  .message-app .overflow-y {
    overflow-y: unset;
  }
}
.message-app .body-container {
  flex: 1;
  overflow: hidden;
}
.message-app .body-container > * {
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  overflow: auto;
}
.message-app .footer-container {
  flex-shrink: 0;
}
.message-app .footer-container textarea {
  direction: ltr;
}
.message-app .contact-status {
  position: absolute;
  left: 39px;
  top: 39px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.message-app .contact-status.online {
  border: 1px solid #fff;
  background-color: #357a32;
}
.message-app .message p {
  margin: 0;
}
.message-app .clickable {
  cursor: pointer;
}
.message-app .clickable:hover {
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.3));
}
.message-app a, .message-app .btn-link {
  color: inherit;
}
.message-app .btn-link:hover, .message-app .btn-link:focus {
  background-color: rgba(0, 0, 0, 0.035);
  text-decoration: none;
}
.message-app .icon {
  margin-right: 0;
}
.message-app .overview-section-toggle .collapsed-icon-container {
  display: none;
}
.message-app .overview-section-toggle .expanded-icon-container {
  display: inline-block;
}
.message-app .overview-section-toggle.collapsed .collapsed-icon-container {
  display: inline-block;
}
.message-app .overview-section-toggle.collapsed .expanded-icon-container {
  display: none;
}
.message-app .btn.btn-link.btn-icon {
  height: 16px;
  width: 16px;
  padding: 0;
  border-radius: 50%;
  flex-shrink: 0;
}
.message-app .btn.btn-link.btn-icon:hover, .message-app .btn.btn-link.btn-icon:focus {
  background-color: #e9ecef;
}
.message-app .btn.btn-link.btn-icon.icon-size-0 {
  height: 20px !important;
  /* stylelint-disable-line declaration-no-important */
  width: 20px !important;
  /* stylelint-disable-line declaration-no-important */
}
.message-app .btn.btn-link.btn-icon.icon-size-1 {
  height: 24px !important;
  /* stylelint-disable-line declaration-no-important */
  width: 24px !important;
  /* stylelint-disable-line declaration-no-important */
}
.message-app .btn.btn-link.btn-icon.icon-size-2 {
  height: 28px !important;
  /* stylelint-disable-line declaration-no-important */
  width: 28px !important;
  /* stylelint-disable-line declaration-no-important */
}
.message-app .btn.btn-link.btn-icon.icon-size-3 {
  height: 36px !important;
  /* stylelint-disable-line declaration-no-important */
  width: 36px !important;
  /* stylelint-disable-line declaration-no-important */
}
.message-app .btn.btn-link.btn-icon.icon-size-4 {
  height: 44px !important;
  /* stylelint-disable-line declaration-no-important */
  width: 44px !important;
  /* stylelint-disable-line declaration-no-important */
}
.message-app .btn.btn-link.btn-icon.icon-size-5 {
  height: 52px !important;
  /* stylelint-disable-line declaration-no-important */
  width: 52px !important;
  /* stylelint-disable-line declaration-no-important */
}
.message-app .btn.btn-link.btn-icon.icon-size-6 {
  height: 60px !important;
  /* stylelint-disable-line declaration-no-important */
  width: 60px !important;
  /* stylelint-disable-line declaration-no-important */
}
.message-app .btn.btn-link.btn-icon.icon-size-7 {
  height: 68px !important;
  /* stylelint-disable-line declaration-no-important */
  width: 68px !important;
  /* stylelint-disable-line declaration-no-important */
}
.message-app .view-overview-body .section {
  display: block;
}
.message-app .view-overview-body .section.expanded {
  display: flex;
}
.message-app .view-overview-body .section div[data-region="toggle"] {
  padding: 0.1rem;
}
.message-app .view-conversation .content-message-container img {
  max-width: 100%;
}
.message-app .list-group {
  border-radius: 0;
}
.message-app .list-group .list-group-item {
  border-left: 0;
  border-right: 0;
}
.message-app .list-group .list-group-item:hover {
  color: #fff;
  background-color: #0f6cbf;
}
.message-app .list-group .list-group-item:hover .badge-primary {
  background-color: #fff;
  color: #0f6cbf;
}
.message-app .list-group .list-group-item:first-child {
  border-top: 0;
}
.message-app .list-group .list-group-item:last-child {
  border-bottom: 0;
}
.message-app .list-group .list-group-item.list-group-item-action {
  margin: 0.1rem;
  width: auto;
  text-align: inherit;
}
.message-app .last-message {
  min-height: 1.5rem;
}
.message-app .section .collapsing {
  overflow: hidden;
}
.message-app .message.send {
  background-color: #dee2e6;
  color: #1d2125;
}
.message-app .message.send .time {
  color: #1d2125;
}
.message-app .message.send .tail {
  right: 0;
  margin-right: -0.5rem;
  border-bottom-color: #dee2e6;
}
.message-app .message.received {
  background-color: #fff;
  color: #1d2125;
}
.message-app .message.received .time {
  color: #616466;
}
.message-app .message.received .tail {
  left: 0;
  margin-left: -0.5rem;
  border-bottom-color: #fff;
}
.message-app .message .tail {
  content: "";
  bottom: 0;
  width: 0;
  height: 0;
  border: 0.5rem solid transparent;
  position: relative;
}
.message-app .day {
  color: #1d2125;
}
.message-app .lazy-load-list {
  overflow-y: auto;
}
#page-message-index #page-header {
  display: none;
}
#page-message-index #region-main {
  height: 100%;
  margin-top: 0;
}
#page-message-index #region-main .conversationcontainer .section {
  max-height: calc(100vh - 50px);
}
#page-message-index #region-main div[role="main"] {
  height: 100%;
}
#page-message-index #region-main div[role="main"] #maincontent {
  margin-top: -1px;
}
#page-message-index #region-main div[role="main"] .message-app.main {
  height: 100%;
}
.dir-rtl .message-drawer {
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.08);
}
.message-app .emoji-picker-container {
  position: absolute;
  top: -5px;
  right: 5px;
  transform: translateY(-100%);
}
.message-app .emoji-picker-container .emoji-picker .picker-row .emoji-button {
  height: 40px;
  width: 40px;
}
@media (max-width: 575.98px) {
  .message-app .emoji-picker-container {
    right: -0.5rem;
  }
}
@media (max-height: 495px) {
  .message-app .emoji-picker-container {
    position: fixed;
    top: 0;
    transform: none;
  }
}
.message-app .emoji-auto-complete-container {
  overflow: auto;
  max-height: 90px;
  transition: max-height 0.15s ease-in-out;
  visibility: visible;
}
.message-app .emoji-auto-complete-container.hidden {
  display: block;
  max-height: 0;
  visibility: hidden;
  overflow: hidden;
  transition: max-height 0.15s ease-in-out, visibility 0s linear 0.15s, overflow 0s linear 0.15s;
}
/* Question */
.questionbank h2 {
  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: normal;
}
#chooseqtype .qtypes {
  position: relative;
  border-bottom: 1px solid #bbb;
  padding: 0.24em 0;
}
#chooseqtype .alloptions {
  overflow-x: hidden;
  overflow-y: auto;
  max-height: calc(100vh - 15em);
  width: 60%;
}
#chooseqtype .qtypeoption {
  margin-bottom: 0;
  padding: 0.3em 0.3em 0.3em 1.6em;
}
#chooseqtype .qtypeoption img {
  vertical-align: text-bottom;
  padding-left: 1em;
  padding-right: 0.5em;
}
#chooseqtype .selected {
  background-color: #fff;
}
#chooseqtype .instruction, #chooseqtype .qtypesummary {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 60%;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 1.5em 1.6em;
  background-color: #fff;
}
#chooseqtype .instruction, #chooseqtype .selected .qtypesummary {
  display: block;
}
#categoryquestions {
  margin: 0;
}
#categoryquestions td, #categoryquestions th {
  padding: 0 0.2em;
  max-width: 40vw;
}
#categoryquestions th {
  text-align: left;
  font-weight: normal;
}
#categoryquestions > tbody > tr.r1 {
  background-color: rgba(0, 0, 0, 0.03);
}
#categoryquestions > tbody > tr.highlight {
  border: 1px solid #008196;
}
#categoryquestions .checkbox {
  padding-left: 5px;
}
#categoryquestions .checkbox input[type="checkbox"] {
  margin-left: 0;
  float: none;
}
#categoryquestions .iconcol {
  padding: 3px;
  box-sizing: content-box;
}
#categoryquestions .iconcol .icon {
  margin: 0;
  width: 12px;
  height: 12px;
}
#categoryquestions label {
  margin: 0;
  display: block;
}
#categoryquestions .header {
  text-align: left;
}
#page-mod-quiz-edit div.questionbankwindow div.header {
  margin: 0;
}
#page-mod-quiz-edit div.questionbankwindow.block {
  padding: 0;
}
.questionbank .singleselect {
  margin: 0;
}
/* Question editing form */
#combinedfeedbackhdr div.fhtmleditor {
  padding: 0;
}
#combinedfeedbackhdr div.fcheckbox {
  margin-bottom: 1em;
}
#multitriesheader div.fitem_feditor {
  margin-top: 1em;
}
#multitriesheader div.fitem_fgroup {
  margin-bottom: 1em;
}
#multitriesheader div.fitem_fgroup fieldset.felement label {
  margin-left: 0.3em;
  margin-right: 0.3em;
}
body.path-question-type {
  /* Hacks to display the labels within a form group. */
}
body.path-question-type .form-group .col-form-label.sr-only:not(legend):not([for="id_category"]) {
  position: static;
  width: auto;
  height: auto;
  padding: 0;
  margin: 0 0.5rem 0 0;
  overflow: visible;
  clip: auto;
  clip-path: none;
  border: 0;
}
.que {
  clear: left;
  text-align: left;
  margin: 0 auto 1.8em auto;
}
.que .info {
  float: left;
  width: 7em;
  padding: 0.5em;
  margin-bottom: 1.8em;
  background-color: #f8f9fa;
  border: 1px solid #cad0d7;
  border-radius: 2px;
}
.que h3.no {
  margin: 0;
  font-size: 0.8em;
  line-height: 1;
}
.que span.qno {
  font-size: 1.5em;
  font-weight: bold;
}
.que .info > div {
  font-size: 0.8em;
  margin-top: 0.7em;
}
.que .info .questionflag.editable {
  cursor: pointer;
}
.que .info .editquestion img, .que .info .questionflag img, .que .info .questionflag input {
  vertical-align: bottom;
}
.que .content {
  margin: 0 0 0 8.5em;
}
.que .formulation, .que .outcome, .que .comment {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 0 solid transparent;
  border-radius: 0.5rem;
}
.que .outcome, .que .comment {
  color: #8e662e;
  background-color: #fcefdc;
  border-color: #fbe8cd;
  /* stylelint-disable-line max-line-length */
}
.que .outcome hr, .que .comment hr {
  border-top-color: #f9ddb5;
}
.que .outcome .alert-link, .que .comment .alert-link {
  color: #674a22;
}
.que .outcome a, .que .comment a {
  color: #041c31;
}
.que .formulation {
  color: #001a1e;
  background-color: #e7f3f5;
  border-color: #b8dce2;
  /* stylelint-disable-line max-line-length */
}
.que .formulation hr {
  border-top-color: #a6d3db;
}
.que .formulation .alert-link {
  color: black;
}
.que.multichoice .answer div.r0 .icon.fa-check, .que.multichoice .answer div.r1 .icon.fa-check, .que.multichoice .answer div.r0 .icon.fa-remove, .que.multichoice .answer div.r1 .icon.fa-remove {
  text-indent: 0;
}
.formulation input[type="text"], .formulation select {
  width: auto;
  vertical-align: baseline;
}
.que.multianswer .formulation .yui3-widget-positioned {
  box-sizing: content-box;
}
.que.multianswer .formulation .yui3-widget-positioned .feedbackspan {
  width: inherit;
  max-width: inherit;
}
.que input[size], .que textarea[cols] {
  width: auto;
  max-width: 100%;
}
.que .comment {
  color: #1c3f1a;
  background-color: #d7e4d6;
  border-color: #c6dac6;
  /* stylelint-disable-line max-line-length */
}
.que .comment hr {
  border-top-color: #b7d0b7;
}
.que .comment .alert-link {
  color: #0c1b0b;
}
.que .ablock {
  margin: 0.7em 0 0.3em 0;
}
.que .im-controls {
  margin-top: 0.5em;
  text-align: left;
}
.que .specificfeedback, .que .generalfeedback, .que .numpartscorrect .que .rightanswer, .que .im-feedback, .que .feedback, .que p {
  margin: 0 0 0.5em;
}
.que .correctness.correct {
  color: #fff;
  background-color: #357a32;
}
a.que .correctness.correct:hover, a.que .correctness.correct:focus {
  color: #fff;
  background-color: #255623;
}
a.que .correctness.correct:focus, a.que .correctness.correct.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(53, 122, 50, 0.5);
}
.que .correctness.partiallycorrect {
  color: #1d2125;
  background-color: #f0ad4e;
}
a.que .correctness.partiallycorrect:hover, a.que .correctness.partiallycorrect:focus {
  color: #1d2125;
  background-color: #ec971f;
}
a.que .correctness.partiallycorrect:focus, a.que .correctness.partiallycorrect.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.5);
}
.que .correctness.notanswered, .que .correctness.incorrect {
  color: #fff;
  background-color: #ca3120;
}
a.que .correctness.notanswered:hover, a.que .correctness.incorrect:hover, a.que .correctness.notanswered:focus, a.que .correctness.incorrect:focus {
  color: #fff;
  background-color: #9e2619;
}
a.que .correctness.notanswered:focus, a.que .correctness.incorrect:focus, a.que .correctness.notanswered.focus, a.que .correctness.incorrect.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.5);
}
.que .qtext {
  margin-bottom: 1.5em;
}
.que .validationerror {
  color: #ca3120;
}
.que .grading, .que .comment, .que .commentlink, .que .history {
  margin-top: 0.5em;
}
.que .history h3 {
  margin: 0 0 0.2em;
  font-size: 1em;
}
.que .history table {
  width: 100%;
  margin: 0;
}
.que .history .current {
  font-weight: bold;
}
.que .questioncorrectnessicon {
  vertical-align: text-bottom;
}
body.jsenabled .questionflag input[type=checkbox] {
  display: none;
}
.que .questionflagimage {
  padding-right: 3px;
  height: 16px;
  width: 16px;
}
.importerror {
  margin-top: 10px;
  border-bottom: 1px solid #555;
}
.mform .que.comment .fitemtitle {
  width: 20%;
}
#page-question-preview #techinfo {
  margin: 1em 0;
}
#page-question-preview .collapsibleregion .collapsibleregioncaption, #page-question-preview .collapsibleregion .collapsibleregionextracontent {
  display: inline-block;
}
#page-mod-quiz-edit ul.slots .activityinstance > a {
  display: flex;
  max-width: 100%;
  align-items: center;
  text-indent: 0;
  padding-left: 0;
}
#page-mod-quiz-edit ul.slots .activityinstance img.activityicon {
  margin-left: 0;
  width: 16px;
  height: 16px;
  padding-right: 4px;
}
#page-mod-quiz-edit .activity img.activityicon {
  vertical-align: text-top;
}
#page-mod-quiz-edit .box.generalbox.questionbank {
  padding: 0.5em;
}
#page-mod-quiz-edit .questionbank .categorypagingbarcontainer, #page-mod-quiz-edit .questionbank .categoryquestionscontainer, #page-mod-quiz-edit .questionbank .choosecategory {
  padding: 0;
}
#page-mod-quiz-edit .questionbank .choosecategory select {
  width: 100%;
}
#page-mod-quiz-edit div.questionbank .categoryquestionscontainer {
  background: transparent;
}
#page-mod-quiz-edit .questionbankwindow div.header {
  color: #444;
  text-shadow: none;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  margin: 0 -10px 0 -10px;
  padding: 2px 10px 2px 10px;
  background: transparent;
  /* Old browsers */
}
#page-mod-quiz-edit .questionbankwindow div.header a:link, #page-mod-quiz-edit .questionbankwindow div.header a:visited {
  color: #0f6cbf;
}
#page-mod-quiz-edit .questionbankwindow div.header a:hover {
  color: #094478;
}
#page-mod-quiz-edit .createnewquestion {
  padding: 0.3em 0;
}
#page-mod-quiz-edit .createnewquestion div, #page-mod-quiz-edit .createnewquestion input {
  margin: 0;
}
#page-mod-quiz-edit .questionbankwindow div.header .title {
  color: #1d2125;
}
#page-mod-quiz-edit div.container div.generalbox {
  background-color: transparent;
  padding: 1.5em;
}
#page-mod-quiz-edit .categoryinfo {
  background-color: transparent;
  border-bottom: none;
}
#page-mod-quiz-edit .createnewquestion .singlebutton input {
  margin-bottom: 0;
}
#page-mod-quiz-edit div.questionbank .categorysortopotionscontainer, #page-mod-quiz-edit div.questionbank .categoryselectallcontainer {
  padding: 0 0 1.5em 0;
}
#page-mod-quiz-edit div.questionbank .categorypagingbarcontainer {
  background-color: transparent;
  margin: 0;
  border-top: 0;
  border-bottom: 0;
}
#page-mod-quiz-edit div.questionbank .categorypagingbarcontainer .paging {
  padding: 0 0.3em;
}
#page-mod-quiz-edit div.question div.content div.questioncontrols {
  background-color: #fff;
}
#page-mod-quiz-edit div.question div.content div.points {
  margin-top: -0.5em;
  padding-bottom: 0;
  border: none;
  background-color: #fff;
  position: static;
  width: 12.1em;
  float: right;
  margin-right: 60px;
}
#page-mod-quiz-edit div.question div.content div.points br {
  display: none;
}
#page-mod-quiz-edit div.question div.content div.points label {
  display: inline-block;
}
#page-mod-quiz-edit div.quizpage .pagecontent .pagestatus {
  background-color: #fff;
}
#page-mod-quiz-edit .quizpagedelete, #page-mod-quiz-edit .quizpagedelete img {
  background-color: transparent;
}
#page-mod-quiz-edit div.quizpage .pagecontent {
  border: 1px solid #ddd;
  border-radius: 2px;
  overflow: hidden;
}
#page-mod-quiz-edit div.questionbank .categoryinfo {
  padding: 0.3em 0;
}
.questionbankwindow .module {
  width: auto;
}
.questionbankwindow .form-autocomplete-selection {
  margin-left: 0;
}
#page-mod-quiz-edit div.editq div.question div.content {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 2px;
  overflow: hidden;
}
#page-mod-quiz-edit ul.slots .activityinstance img.activityicon {
  margin-top: 0;
  padding-right: 4px;
}
.path-mod-quiz .statedetails {
  display: block;
  font-size: 0.9em;
}
a#hidebankcmd {
  color: #0f6cbf;
}
.que.shortanswer .answer {
  padding: 0;
}
.que label {
  display: inline;
}
.que .content .answer div[data-region="answer-label"] .mediaplugin {
  width: 400px;
}
body.path-question-type .mform fieldset.hidden {
  padding: 0;
  margin: 0.7em 0 0;
}
.que.ddwtos, .que.ddwtos .drop {
  box-sizing: content-box;
}
.tag-condition-container {
  position: relative;
}
@media (max-width: 767.98px) {
  .que .info {
    float: none;
    width: auto;
  }
  .que .content {
    margin: 0;
  }
}
@media (max-width: 991.98px) {
  #categoryquestions td, #categoryquestions th {
    max-width: 75vw;
  }
}
/* user.less */
.userprofile .fullprofilelink {
  text-align: center;
  margin: 10px;
}
.userprofile .page-context-header {
  margin-bottom: 10px;
  column-count: 1;
}
.userprofile .description {
  margin-top: 10px;
  margin-bottom: 30px;
}
.userprofile .profile_tree {
  column-count: 2;
}
#participantsform .no-overflow {
  overflow: visible;
}
.userprofile dl.list > dd + dt {
  clear: left;
}
.user-box {
  margin: 8px;
  width: 115px;
  height: 160px;
  text-align: center;
  float: left;
  clear: none;
}
#page-user-profile .node_category ul, .path-user .node_category ul {
  margin: 0;
  list-style: none;
  padding-left: 0;
}
#page-user-profile .node_category li, .path-user .node_category li {
  margin-top: 5px;
}
#page-user-profile .node_category .editprofile, #page-user-profile .node_category .viewmore, .path-user .node_category .editprofile, .path-user .node_category .viewmore {
  text-align: right;
}
.ajax-contact-button {
  box-sizing: border-box;
  position: relative;
}
.ajax-contact-button.loading .loading-icon {
  display: block;
}
.ajax-contact-button .loading-icon {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.7);
}
.ajax-contact-button .loading-icon .icon {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 480px) {
  .userprofile .profile_tree {
    /** Display the profile on one column on phones@mixin  */
    column-count: 1;
  }
}
.userlist #showall {
  margin: 10px 0;
}
.userlist .buttons {
  text-align: center;
}
.userlist .buttons label {
  padding: 0 3px;
}
.userlist table#participants {
  text-align: center;
}
.userlist table#participants td {
  text-align: left;
  padding: 4px;
  vertical-align: middle;
}
.userlist table#participants th {
  text-align: left;
  padding: 4px;
}
.userlist table.controls {
  width: 100%;
}
.userlist table.controls tr {
  vertical-align: top;
}
.userlist table.controls .right {
  text-align: right;
}
.userlist table.controls .groupselector {
  margin-bottom: 0;
  margin-top: 0;
}
.userlist table.controls .groupselector label {
  display: block;
}
.userinfobox {
  width: 100%;
  border: 1px solid;
  border-collapse: separate;
  padding: 10px;
}
.userinfobox .left, .userinfobox .side {
  width: 100px;
  vertical-align: top;
}
.userinfobox .userpicture {
  width: 100px;
  height: 100px;
}
.userinfobox .content {
  vertical-align: top;
}
.userinfobox .links {
  width: 100px;
  padding: 5px;
  vertical-align: bottom;
}
.userinfobox .links a {
  display: block;
}
.userinfobox .list td {
  padding: 3px;
}
.userinfobox .username {
  padding-bottom: 20px;
  font-weight: bold;
}
.userinfobox td.label {
  text-align: right;
  white-space: nowrap;
  vertical-align: top;
  font-weight: bold;
}
.group-edit {
  position: absolute;
  right: 0;
  margin-right: 0.6em;
}
.group-image {
  display: block;
  float: left;
  margin-right: 1em;
}
.group-image .grouppicture {
  border-radius: 50%;
}
.groupinfobox .left {
  padding: 10px;
  width: 100px;
  vertical-align: top;
}
.course-participation #showall {
  text-align: center;
  margin: 10px 0;
}
#user-policy .noticebox {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  width: 80%;
  height: 250px;
}
#user-policy #policyframe {
  width: 100%;
  height: 100%;
}
.iplookup #map {
  margin: auto;
}
.userselector select {
  width: 100%;
}
.userselector div {
  margin-top: 0.2em;
}
.userselector div label {
  margin-right: 0.3em;
}
/* Next style does not work in all browsers but looks nicer when it does */
.userselector .userselector-infobelow {
  font-size: 0.8em;
}
#userselector_options .collapsibleregioncaption {
  font-weight: bold;
}
#userselector_options p {
  margin: 0.2em 0;
  text-align: left;
}
/** user full profile */
#page-user-profile .messagebox {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
/** user course profile */
#page-course-view-weeks .messagebox {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.profileeditor > .singleselect {
  margin: 0 0.5em 0 0;
}
.profileeditor > .singlebutton {
  display: inline-block;
  margin: 0 0 0 0.5em;
}
.profileeditor > .singlebutton div, .profileeditor > .singlebutton input {
  margin: 0;
}
.userlist h3 .action-icon {
  display: none;
}
#page-enrol-users .popover {
  max-width: none;
}
.user-enroller-panel {
  width: 600px;
}
[data-filterverbfor], [data-filterregion="filter"]:last-child [data-filterregion="joinadverb"] {
  display: none;
}
[data-filterverb="0"] [data-filterverbfor="0"], [data-filterverb="1"] [data-filterverbfor="1"], [data-filterverb="2"] [data-filterverbfor="2"] {
  display: block;
}
#page-user-contactsitesupport .supporticon i {
  font-size: 35px;
}
.search-results .result {
  margin-left: 0;
  margin-right: 0;
}
.search-results .result .result-content {
  margin: 7px 0;
}
.search-results .result .filename {
  font-style: italic;
}
.simplesearchform .input-group input.form-control {
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
.simplesearchform .btn {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.simplesearchform .btn .icon {
  margin: 0;
}
.simplesearchform .btn-submit {
  border-color: #8f959e;
  color: #6a737b;
}
.simplesearchform .btn-close, .simplesearchform .btn-clear {
  position: absolute;
  top: 0;
  right: 0;
  color: #6a737b;
  z-index: 4;
}
.simplesearchform .btn-close {
  right: 2.2rem;
}
.simplesearchform .btn-submit {
  background-color: #f8f9fa;
}
.simplesearchform .withclear {
  padding-right: 2rem;
}
.simplesearchform .searchinput {
  display: flex;
  flex: 1 1 auto;
}
.simplesearchform .collapsing {
  height: inherit;
  transition: none;
  width: inherit;
}
.simplesearchform .collapse.show, .simplesearchform .collapsing {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  display: flex;
  background-color: #fff;
  z-index: 1060;
  height: 60px;
}
.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;
}
/**
 * Moodle forms HTML isn't changeable via renderers (yet?) so this
 * .less file imports styles from the bootstrap $variables file and
 * adds them to the existing Moodle form CSS ids and classes.
 *
 */
.jsenabled .mform .containsadvancedelements .advanced {
  display: none;
}
.mform .containsadvancedelements .advanced.show {
  display: flex;
}
#adminsettings span.error {
  display: inline-block;
  border: 1px solid #f0c5c1;
  border-radius: 4px;
  background-color: #f4d6d2;
  padding: 4px;
  margin-bottom: 4px;
}
.mform .form-inline .form-control, .mform .form-inline .custom-select {
  max-width: 100%;
}
.mform .form-inline textarea.form-control {
  width: 100%;
}
.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%;
}
.mform fieldset {
  margin-bottom: 0.5rem;
  border-bottom: 1px solid #dee2e6;
}
#adminsettings .form-control[size] {
  width: auto;
}
#adminsettings .error {
  color: #ca3120;
}
.mform ul.file-list {
  padding: 0;
  margin: 0;
  list-style: none;
}
.mform label .req, .mform label .adv {
  cursor: help;
}
/*rtl:ignore*/
input#id_externalurl {
  direction: ltr;
}
#portfolio-add-button {
  display: inline;
}
.form-defaultinfo, .form-label .form-shortname {
  color: #6a737b;
}
.form-label .form-shortname {
  font-size: 0.703125rem;
  display: block;
}
.form-item .form-inline {
  display: inline;
}
.form-inline label:not(.sr-only):not(.accesshide) + select {
  margin-left: 0.5rem;
}
.formsettingheading .form-horizontal {
  color: #6a737b;
}
.no-felement.fstatic {
  color: #6a737b;
  padding-top: 5px;
}
.no-fitem .fstaticlabel {
  font-weight: bold;
}
.form-item .form-setting .defaultsnext > input {
  display: inline-block;
}
.form-item .form-setting .form-checkbox.defaultsnext {
  margin-top: 5px;
  display: inline-block;
}
#adminsettings h3 {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 1.5;
  font-size: 1.171875rem;
  line-height: 3;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}
/* rtl:ignore */
.mform .fitem .felement input[name="email"], .mform .fitem .felement input[name="email2"], .mform .fitem .felement input[name="url"], .mform .fitem .felement input[name="idnumber"], .mform .fitem .felement input[name="phone1"], .mform .fitem .felement input[name="phone2"] {
  text-align: left;
  direction: ltr;
}
.que.match .mediaplugin {
  width: 50vw;
}
/* rtl:ignore */
#page-admin-grade-edit-scale-edit .error input#id_name {
  margin-right: 170px;
}
#page-grade-edit-outcome-course .courseoutcomes {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
#page-grade-edit-outcome-course .courseoutcomes td {
  text-align: center;
}
/* Install Process' text fields Forms, should always be justified to the left */
/* rtl:ignore */
#installform #id_wwwroot, #installform #id_dirroot, #installform #id_dataroot, #installform #id_dbhost, #installform #id_dbname, #installform #id_dbuser, #installform #id_dbpass, #installform #id_prefix {
  direction: ltr;
}
.mdl-right > label {
  display: inline-block;
}
.singleselect {
  max-width: 100%;
}
.form-item .form-label label {
  margin-bottom: 0;
}
div#dateselector-calendar-panel {
  z-index: 3100;
  /* Set higher than the z-index of the filemanager - see MDL-39047. */
}
fieldset.coursesearchbox label {
  display: inline;
}
/**
 * Show the labels above text editors and file managers except on wide screens.
 */
/* Section and module editing forms contain special JS components for the
   availability system (if enabled). */
#id_availabilityconditionsjson[aria-hidden=true], .availability-field [aria-hidden=true] {
  display: none;
}
.availability-field label {
  display: inline-flex;
}
.availability-field .availability-group label {
  vertical-align: top;
}
.availability-eye {
  clear: left;
  float: left;
}
.availability-inner, .availability-plugincontrols {
  float: left;
  border-radius: 0.5rem;
  border: 1px solid rgba(0, 0, 0, 0.125);
  padding: 1rem;
  margin-top: 0.5rem;
}
.availability-plugincontrols, .availability-childlist .availability-inner {
  margin-left: 0.625rem;
}
.availability-field .availability-plugincontrols .availability-group select {
  max-width: 12rem;
}
/* Custom styles for autocomplete form element */
/* These styles reserve a standard amount of space in the DOM to avoid flicker when the original select element is replaced */
[data-fieldtype=autocomplete] select, [data-fieldtype=tags] select, .form-autocomplete-original-select {
  visibility: hidden;
  overflow: hidden;
  width: 15rem;
  height: 44px;
  margin: 0;
  padding: 0;
  border: 0;
  margin-top: 1.65625rem;
  vertical-align: bottom;
}
.form-autocomplete-selection {
  margin: 0.25rem 0;
  min-height: 2.375rem;
}
.form-autocomplete-selection [role=option] {
  cursor: pointer;
  white-space: inherit;
  word-break: break-word;
  line-height: 1.4;
  text-align: left;
}
.form-autocomplete-suggestions {
  position: absolute;
  background-color: white;
  border: 1px solid #8f959e;
  min-width: 206px;
  max-height: 20em;
  overflow: auto;
  margin: 0.125rem 0 0;
  padding: 0.5rem 0;
  z-index: 2;
}
.form-autocomplete-suggestions li {
  list-style-type: none;
  padding: 0.25rem 1.5rem;
  margin: 0;
  cursor: pointer;
  color: #1d2125;
}
.form-autocomplete-suggestions li:hover, .form-autocomplete-suggestions li:focus, .form-autocomplete-suggestions li[aria-selected="true"] {
  background-color: #0f6cbf;
  color: #fff;
}
.form-autocomplete-suggestions li::before {
  content: "​";
}
.form-autocomplete-downarrow {
  color: #1d2125;
  top: 0.2rem;
  right: 0.5rem;
  cursor: pointer;
}
.form-autocomplete-downarrow .loading-icon {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fff;
}
/** Undo some bootstrap things */
.form-autocomplete-selection + input.form-control {
  width: auto;
  display: inline-block;
  vertical-align: middle;
}
.form-autocomplete-selection [data-active-selection=true] {
  box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
}
select.form-control[size], select.form-control[multiple] {
  padding-right: 0;
}
select.form-control[size] option, select.form-control[multiple] option {
  width: fit-content;
}
/* Non-bootstrap selects with a size show their contents outside of the element.
 * Remove when we update to stable bootstrap 4. (MDL-56511) */
select[size], select[multiple] {
  overflow: auto;
}
select[size="1"] {
  overflow: visible;
}
textarea[data-auto-rows] {
  overflow-x: hidden;
  resize: none;
}
/** Display elements under labels in vertical forms regardless of the screen size. */
.mform.full-width-labels .fitem.row {
  margin-left: 0;
  margin-right: 0;
}
.mform.full-width-labels .fitem.row > .col-md-3, .mform.full-width-labels .fitem.row > .col-md-9 {
  flex: 0 0 100%;
  max-width: 100%;
  width: inherit;
  padding-right: 0;
  padding-left: 0;
}
.mform.full-width-labels .fitem.row.femptylabel > .col-md-3 {
  display: none;
}
.mform.full-width-labels .fitem.row .form-control {
  width: 100%;
}
.mform .col-form-label .form-label-addon {
  margin-left: 0.25rem;
}
@media (min-width: 576px) {
  .mform:not(.full-width-labels) .col-form-label .form-label-addon {
    margin-left: auto;
  }
}
/** Allow wrapping an mform in a div with the form-inline class to have an inline, responsive form. */
@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"] .form-group {
  padding-bottom: 0.375rem;
}
[data-fieldtype="modgrade"] {
  background-color: #fff;
  border-radius: 0.5rem;
  border: 1px solid rgba(0, 0, 0, 0.125);
  padding: 1.25rem;
  margin-left: 15px;
  max-width: 30rem;
}
[data-filetypesbrowserbody] [aria-expanded="false"] > [role="group"], [data-filetypesbrowserbody] [aria-expanded="false"] [data-filetypesbrowserfeature="hideifcollapsed"], [data-filetypesbrowserbody] [aria-expanded="true"] [data-filetypesbrowserfeature="hideifexpanded"] {
  display: none;
}
.form-inline[data-fieldtype="autocomplete"], .form-inline[data-fieldtype="tags"] {
  display: block;
}
[data-fieldtype="editor"] > div {
  flex-grow: 1;
}
@media (min-width: 768px) {
  .mform fieldset .fcontainer.collapseable .col-form-label {
    padding-left: 2.5rem;
  }
}
@media (min-width: 576px) {
  .mform .form-inline .fdefaultcustom label {
    justify-content: initial;
  }
}
.collapsemenu .collapseall {
  display: block;
}
.collapsemenu .expandall {
  display: none;
}
.collapsemenu.collapsed .collapseall {
  display: none;
}
.collapsemenu.collapsed .expandall {
  display: block;
}
.input-group.form-inset .form-inset-item {
  position: absolute;
  padding-top: calc(0.375rem + 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;
}
.pagelayout-login #region-main {
  border: 0;
  background-color: inherit;
}
.pagelayout-login #page {
  background: #f8f9fa;
  background-image: linear-gradient(to right, #f8f9fa 0%, #dee2e6 100%);
  background-repeat: repeat-x;
}
.pagelayout-login #page div[role="main"] {
  height: 100%;
}
.login-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.login-container {
  background-color: #fff;
  padding: 3rem;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  margin-bottom: 2rem;
}
.login-container .login-languagemenu {
  display: flex;
  justify-content: flex-start;
}
.login-container .login-languagemenu .dropdown-menu {
  max-height: 300px;
  overflow-y: auto;
}
.login-container .login-logo {
  display: flex;
  justify-content: center;
  margin-bottom: 1rem;
}
.login-container .login-divider {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  border-top: 1px solid #dee2e6;
}
.login-container h1.login-heading {
  font-size: 1.875rem;
}
.login-container h2.login-heading {
  font-size: 1.40625rem;
}
.login-container .login-identityproviders .login-identityprovider-btn {
  border: 1px solid #dee2e6;
}
.login-container .divider {
  width: 1px;
  background-color: #dee2e6;
  height: 1.875rem;
}
.login-container .action-menu-trigger a {
  margin: 0.5rem 0;
}
@media (min-width: 768px) {
  .login-container {
    max-width: 600px;
    border-radius: 0.5rem;
  }
}
/* modules.less */
select {
  width: auto;
}
.path-mod .activity-header:not(:empty) {
  background-color: #f8f9fa;
  margin-bottom: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  border-radius: 0.5rem;
}
.path-mod .activity-header:not(:empty) > div:last-child > div:last-child {
  border-bottom: 0;
}
.path-mod .activity-information .activity-dates {
  padding-top: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #dee2e6;
}
.path-mod .activity-information .completion-info {
  padding-top: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #dee2e6;
}
.path-mod .activity-description {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.path-mod .activity-description > .box.py-3 {
  padding-top: 0 !important;
  /* stylelint-disable-line declaration-no-important */
  padding-bottom: 0 !important;
  /* stylelint-disable-line declaration-no-important */
}
.path-mod .activity-description > .box.py-3:empty {
  display: none;
}
.path-mod .automatic-completion-conditions .badge {
  font-size: 80%;
  padding: 0.5rem;
  margin-top: 0.25rem;
  mix-blend-mode: multiply;
}
.path-mod .automatic-completion-conditions .badge.badge-light {
  background-color: #e9ecef !important;
  /* stylelint-disable-line declaration-no-important */
}
.path-mod .automatic-completion-conditions .badge .icon {
  width: 0.7rem;
  height: 0.7rem;
  font-size: 0.7rem;
}
.path-mod .automatic-completion-conditions .badge:first-child {
  margin-top: 0;
}
.path-mod .activity-description .no-overflow p:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
}
.path-mod-choice .horizontal .choices .option {
  display: inline-block;
}
.path-mod-choice .choices .option label {
  vertical-align: top;
}
.path-mod-forum .forumsearch input, .path-mod-forum .forumsearch .helptooltip {
  margin: 0 3px;
}
.path-mod-forum .forumheaderlist, .path-mod-forum .forumheaderlist td {
  border: none;
}
.path-mod-forum .forumheaderlist thead .header, .path-mod-forum .forumheaderlist tbody .discussion td {
  white-space: normal;
  vertical-align: top;
  padding-left: 0.5em;
  padding-right: 0.5em;
}
.path-mod-forum .forumheaderlist thead .header {
  white-space: normal;
  vertical-align: top;
}
.path-mod-forum .forumheaderlist thead .header.replies {
  text-align: center;
}
.path-mod-forum .forumheaderlist thead .header.lastpost {
  text-align: right;
}
.path-mod-forum .forumheaderlist thead .header th.discussionsubscription, .path-mod-forum .forumheaderlist tbody .discussion td.discussionsubscription {
  width: 16px;
  padding-left: 0.5em;
  padding-right: 0.5em;
}
.path-mod-forum .forumheaderlist .discussion .replies, .path-mod-forum .forumheaderlist .discussion .lastpost {
  white-space: normal;
}
.path-mod-forum .forumheaderlist .discussion .discussionsubscription, .path-mod-forum .forumheaderlist .discussion .replies {
  text-align: center;
}
.path-mod-forum .forumheaderlist .discussion .topic, .path-mod-forum .forumheaderlist .discussion .discussionsubscription, .path-mod-forum .forumheaderlist .discussion .topic.starter, .path-mod-forum .forumheaderlist .discussion .replies, .path-mod-forum .forumheaderlist .discussion .lastpost {
  vertical-align: top;
}
.path-mod-forum .discussion-list .topic {
  font-weight: inherit;
}
.discussion-settings-container .custom-select {
  width: 100%;
}
.discussion-settings-container input {
  max-width: 100%;
}
.forumpost {
  border: 1px solid #dee2e6;
  display: block;
  padding: 6px;
}
.forumpost .header {
  margin-bottom: 3px;
}
.forumpost .picture img {
  margin: 3px;
}
.forumpost .picture img.userpicture {
  margin-left: 3px;
  margin-right: 10px;
}
.forumpost .content .posting.fullpost {
  margin-top: 8px;
}
.forumpost .row {
  display: block;
}
.forumpost .row .topic, .forumpost .row .content-mask, .forumpost .row .options {
  margin-left: 48px;
}
.forumpost .row.side {
  clear: both;
}
.forumpost .row .left {
  width: 48px;
}
.forumpost .options .commands {
  margin-left: 0;
}
.forumpost .subject {
  font-weight: bold;
}
.forumsearch input[type=text] {
  margin-bottom: 0;
}
#page-mod-forum-view table .fit-content {
  width: 1px;
  white-space: nowrap;
}
#page-mod-forum-view table .limit-width {
  max-width: 200px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
#page-mod-forum-view table .limit-width .author-info {
  max-width: calc(100% - 35px - .5rem);
}
#page-mod-forum-discuss .discussioncontrols {
  width: auto;
  margin: 0;
}
#page-mod-forum-discuss .discussioncontrols .form-inline input {
  margin-top: -1px;
}
/** Gently highlight the selected post by changing it's background to blue and then fading it out. */
@keyframes background-highlight {
  from {
    background-color: rgba(0, 123, 255, 0.5);
  }
  to {
    background-color: inherit;
  }
}
.path-mod-forum .nested-v2-display-mode, .path-mod-forum.nested-v2-display-mode {
  /** Reset the badge styling back to pill style. */
  /** Style the ratings like a badge. */
  /** Don't show the discussion locked alert in this mode because it's already indicated with a badge. */
  /** Fix muted text contrast ratios for accessibility. */
  /** Make the tag list text screen reader visible only */
}
.path-mod-forum .nested-v2-display-mode .discussionsubscription, .path-mod-forum.nested-v2-display-mode .discussionsubscription {
  margin-top: 0;
  text-align: inherit;
  margin-bottom: 0;
}
.path-mod-forum .nested-v2-display-mode .preload-subscribe, .path-mod-forum .nested-v2-display-mode .preload-unsubscribe, .path-mod-forum.nested-v2-display-mode .preload-subscribe, .path-mod-forum.nested-v2-display-mode .preload-unsubscribe {
  display: none;
}
.path-mod-forum .nested-v2-display-mode .post-message, .path-mod-forum.nested-v2-display-mode .post-message {
  line-height: 1.6;
}
.path-mod-forum .nested-v2-display-mode .indent, .path-mod-forum.nested-v2-display-mode .indent {
  margin-left: 0;
}
.path-mod-forum .nested-v2-display-mode .badge, .path-mod-forum.nested-v2-display-mode .badge {
  font-size: inherit;
  font-weight: inherit;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  border-radius: 10rem;
}
.path-mod-forum .nested-v2-display-mode .badge-light, .path-mod-forum.nested-v2-display-mode .badge-light {
  background-color: #f6f6f6;
  color: #5b5b5b;
}
.path-mod-forum .nested-v2-display-mode .rating-aggregate-container, .path-mod-forum.nested-v2-display-mode .rating-aggregate-container {
  background-color: #f6f6f6;
  color: #5b5b5b;
  padding: 0.25em 0.5em;
  line-height: 1;
  margin-right: 0.5rem;
  vertical-align: middle;
  border-radius: 10rem;
  text-align: center;
}
.path-mod-forum .nested-v2-display-mode .ratinginput, .path-mod-forum.nested-v2-display-mode .ratinginput {
  padding: 0.25em 1.75rem 0.25em 0.75em;
  line-height: 1;
  height: auto;
  border-radius: 10rem;
}
@media (max-width: 767.98px) {
  .path-mod-forum .nested-v2-display-mode .ratinginput, .path-mod-forum.nested-v2-display-mode .ratinginput {
    margin-top: 0.5rem;
  }
}
.path-mod-forum .nested-v2-display-mode .group-image, .path-mod-forum.nested-v2-display-mode .group-image {
  width: 35px;
  height: 35px;
  margin-right: 0;
  float: none;
  display: inline-block;
}
.path-mod-forum .nested-v2-display-mode .alert.discussionlocked, .path-mod-forum.nested-v2-display-mode .alert.discussionlocked {
  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 .dimmed_text, .path-mod-forum.nested-v2-display-mode .text-muted, .path-mod-forum.nested-v2-display-mode .dimmed_text {
  color: #707070 !important;
  /* stylelint-disable-line declaration-no-important */
}
.path-mod-forum .nested-v2-display-mode .author-header, .path-mod-forum.nested-v2-display-mode .author-header {
  font-style: italic;
}
.path-mod-forum .nested-v2-display-mode .author-header .author-name, .path-mod-forum.nested-v2-display-mode .author-header .author-name {
  font-style: normal;
}
.path-mod-forum .nested-v2-display-mode .tag_list > b, .path-mod-forum.nested-v2-display-mode .tag_list > b {
  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, .path-mod-forum.nested-v2-display-mode .forum-post-container .indent {
  /**
             * The first post and first set of replies have a larger author image so offset the 2nd
             * set of replies by the image width + margin to ensure they align.
             */
}
.path-mod-forum .nested-v2-display-mode .forum-post-container .indent .indent, .path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent {
  padding-left: 94px;
  /**
                 * Reduce the size of the the author image for all second level replies (and below).
                 */
  /**
                 * Adjust the indentation offset for all 3rd level replies and below for the smaller author image.
                 */
}
.path-mod-forum .nested-v2-display-mode .forum-post-container .indent .indent .author-image-container, .path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent .author-image-container {
  width: 30px;
  margin-right: 8px;
  padding-top: 3px;
}
.path-mod-forum .nested-v2-display-mode .forum-post-container .indent .indent .indent, .path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent .indent {
  padding-left: 38px;
  /**
                     * Stop indenting the replies after the 5th reply.
                     */
}
.path-mod-forum .nested-v2-display-mode .forum-post-container .indent .indent .indent .indent .indent .indent, .path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent .indent .indent .indent .indent {
  padding-left: 0;
}
/** Extra small devices (portrait phones, less than 576px). */
@media (max-width: 767.98px) {
  #page-mod-forum-discuss.nested-v2-display-mode .forum-post-container .author-image-container {
    width: 30px;
    margin-right: 8px;
  }
  #page-mod-forum-discuss.nested-v2-display-mode .forum-post-container .indent .indent {
    padding-left: 38px;
  }
  #page-mod-forum-discuss.nested-v2-display-mode .forum-post-container .indent .indent .indent .indent {
    padding-left: 0;
  }
  #page-mod-forum-discuss.nested-v2-display-mode .group-image {
    width: 30px;
    height: 30px;
  }
}
.filter-scrollable {
  overflow-y: auto;
  max-height: 25em;
  margin-bottom: 1em;
}
.filter-dates-popover {
  width: 100%;
  max-width: 41.5em;
}
/* stylelint-disable-line max-line-length */
@keyframes expandSearchButton {
  from {
    height: 36px;
    width: 36px;
    border-radius: 18px;
    background-color: #e9ecef;
  }
  to {
    width: 100%;
    height: calc(1.5em + 1rem + 2px);
    border-radius: 0;
    background-color: #fff;
    border-color: #8f959e;
    padding-left: calc(0.5rem + 8px);
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-size: 1.171875rem;
    line-height: 1.5;
    right: 0;
  }
  @media (max-width: 1200px) {
    to {
      font-size: calc(0.9271875rem + 0.32625vw) ;
    }
  }
}
@keyframes collapseSearchButton {
  from {
    width: 100%;
    height: calc(1.5em + 1rem + 2px);
    border-radius: 0;
    background-color: #fff;
    border-color: #8f959e;
    padding-left: calc(0.5rem + 8px);
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-size: 1.171875rem;
    line-height: 1.5;
    right: 0;
  }
  @media (max-width: 1200px) {
    from {
      font-size: calc(0.9271875rem + 0.32625vw) ;
    }
  }
  to {
    height: 36px;
    width: 36px;
    border-radius: 18px;
    background-color: #e9ecef;
  }
}
.path-mod-forum .unified-grader .navbar {
  max-height: none;
  z-index: 1;
}
.path-mod-forum .unified-grader .body-container {
  overflow: auto;
}
.path-mod-forum .unified-grader .body-container.hidden {
  display: none !important;
  /* stylelint-disable-line declaration-no-important */
}
.path-mod-forum .unified-grader .userpicture {
  height: 60px;
  width: 60px;
}
.path-mod-forum .unified-grader .grader-grading-panel {
  top: 0;
  position: absolute;
  height: 100%;
  z-index: 0;
  width: 430px;
}
.path-mod-forum .unified-grader .grader-grading-panel.hidden {
  right: -430px;
}
.path-mod-forum .unified-grader .grader-grading-panel .grading-icon {
  width: 36px;
}
.path-mod-forum .unified-grader .grader-grading-panel .user-picker-container .user-full-name {
  max-width: 240px;
}
.path-mod-forum .unified-grader .grader-grading-panel .user-picker-container .page-link {
  width: 36px;
  height: 36px;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
}
.path-mod-forum .unified-grader .grader-grading-panel .header-container {
  height: 65px;
  position: relative;
  overflow: hidden;
}
.path-mod-forum .unified-grader .grader-grading-panel .header-container .info-container {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 100%;
  height: 100%;
  padding: 0.5rem;
  padding-right: calc(36px + 0.5rem);
  opacity: 1;
  visibility: visible;
  transition: left 0.3s ease-in-out;
  z-index: 1;
}
.path-mod-forum .unified-grader .grader-grading-panel .header-container .toggle-search-button.expand {
  animation-name: expandSearchButton;
  animation-duration: 0.3s;
  animation-timing-function: ease-in-out;
}
.path-mod-forum .unified-grader .grader-grading-panel .header-container .toggle-search-button.collapse {
  display: block;
  animation-name: collapseSearchButton;
  animation-duration: 0.3s;
}
.path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container {
  overflow: hidden;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  z-index: 2;
  width: 100%;
  height: 100% !important;
  /* stylelint-disable-line declaration-no-important */
  padding: 0.5rem;
}
.path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container {
  position: relative;
  overflow: visible;
  flex-wrap: nowrap;
}
.path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container input {
  padding-left: calc(0.5rem + 0.5rem + 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: #495057;
  height: 36px;
  width: 34px;
  background-color: #fff;
  opacity: 1;
  visibility: visible;
  transition: opacity 0s linear 0.3s, visibility 0s linear 0.3s;
}
.path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .toggle-search-button {
  position: absolute;
  top: 50%;
  right: 0.5rem;
  transform: translateY(-50%);
  z-index: 1;
  color: inherit;
  text-align: left;
  padding-left: 9px;
  transition: right 0s linear 0.3s;
}
.path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .toggle-search-button .expanded-icon {
  opacity: 1;
  visibility: visible;
  max-width: 50px;
  max-height: 50px;
  transition: opacity 0s linear 0.3s, max-height 0s linear 0.3s, max-width 0s linear 0.3s, visibility 0s linear 0.3s;
}
.path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .toggle-search-button .collapsed-icon {
  opacity: 0;
  visibility: hidden;
  max-height: 0;
  max-width: 0;
  overflow: hidden;
  transition: opacity 0s linear 0.3s, max-height 0s linear 0.3s, max-width 0s linear 0.3s, visibility 0s linear 0.3s;
}
.path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed {
  width: calc(36px + 0.5rem + 0.5rem);
  transition: width 0.3s ease-in-out;
}
.path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container {
  flex-wrap: nowrap;
}
.path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container input, .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container .search-icon {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0s linear, visibility 0s linear;
}
.path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container input {
  padding-left: 0;
  padding-right: 0;
}
.path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container .toggle-search-button .expanded-icon {
  opacity: 0;
  visibility: hidden;
  max-height: 0;
  max-width: 0;
  overflow: hidden;
  transition: opacity 0s linear, max-height 0s linear, max-width 0s linear, visibility 0s linear;
}
.path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container .toggle-search-button .collapsed-icon {
  opacity: 1;
  visibility: visible;
  max-width: 50px;
  max-height: 50px;
  transition: opacity 0s linear, max-height 0s linear, max-width 0s linear, visibility 0s linear;
}
.path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container:not(.collapsed) + .info-container {
  opacity: 0;
  visibility: hidden;
  left: calc(100% * -1);
  transition: left 0.3s ease-in-out, opacity 0s linear 0.3s, visibility 0s linear 0.3s, padding 0s linear 0.3s;
}
.path-mod-forum .unified-grader .grader-module-content {
  overflow-y: auto;
  margin-right: 430px;
  transition: margin-right 0.2s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .path-mod-forum .unified-grader .grader-module-content {
    transition: none;
  }
}
.path-mod-forum .unified-grader .drawer-button {
  position: relative;
}
.path-mod-forum .unified-grader .drawer-button.active::after {
  content: "";
  position: absolute;
  bottom: calc(-0.5rem - 1px);
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #0f6cbf;
}
.path-mod-forum .unified-grader .drawer-button .icon {
  font-size: 20px;
  height: 20px;
  width: 20px;
}
.path-mod-forum .unified-grader .grader-module-content-display .discussion-container:last-of-type > hr {
  display: none;
}
.path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container:last-of-type > hr {
  display: none;
}
.path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container {
  position: relative;
}
.path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  padding-left: calc(1rem + 45px);
  text-align: left;
  z-index: 1;
}
.path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button:not(.collapsed) {
  display: none;
}
.path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content {
  display: block;
  height: auto !important;
  /* stylelint-disable-line declaration-no-important */
}
.path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .header {
  transition: margin-bottom 0.3s ease-in-out;
}
.path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .header div + div {
  opacity: 1;
  visibility: visible;
  max-height: none;
  transition: opacity 0.3s linear, visibility 0s linear;
}
.path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .body-content-container {
  opacity: 1;
  visibility: visible;
  max-height: none;
  transition: opacity 0.3s linear, visibility 0s linear;
}
.path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .forum-post-core {
  opacity: 1;
  visibility: visible;
  max-height: none;
  transition: opacity 0.3s linear, visibility 0s linear;
}
.path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content {
  opacity: 0.3;
}
.path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .header {
  margin-bottom: 0 !important;
  /* stylelint-disable-line declaration-no-important */
}
.path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .header div + div {
  opacity: 0;
  visibility: hidden;
  max-height: 0;
}
.path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .body-content-container {
  opacity: 0;
  visibility: hidden;
  max-height: 0;
}
.path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .forum-post-core {
  opacity: 0;
  visibility: hidden;
  max-height: 0;
}
.path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed:hover + .content, .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed:focus + .content {
  opacity: 1;
}
.path-mod-forum .unified-grader .grader-module-content-display .no-post-container .icon {
  height: 250px;
  width: 250px;
  margin-right: 0;
}
.path-mod-forum .unified-grader .grader-module-content-display .nested-v2-display-mode .discussion-container .posts-container .parent-container .show-content-button {
  padding-left: 94px;
}
.path-mod-forum .unified-grader .no-search-results-container .icon {
  height: 250px;
  width: 250px;
  margin-right: 0;
}
.path-mod-forum .unified-grader .nested-v2-display-mode .view-context-button {
  margin-left: 94px;
  border-radius: 0.6rem;
}
.path-mod-forum .unified-grader .nested-v2-display-mode .parent-container .author-image-container {
  position: relative;
}
.path-mod-forum .unified-grader .nested-v2-display-mode .parent-container .author-image-container:after {
  position: absolute;
  top: calc(70px + 0.5rem);
  content: "";
  background-color: #e9ecef;
  width: 2px;
  height: calc(100% - 70px + 0.5rem);
}
.path-mod-forum .unified-grader .nested-v2-display-mode .parent-container + .post-container .author-image-container img {
  width: 30px !important;
  /* stylelint-disable-line declaration-no-important */
}
.path-mod-forum .unified-grader .nested-v2-display-mode .post-subject, .path-mod-forum .modal .nested-v2-display-mode .post-subject {
  display: none;
}
@media (max-width: 575.98px) {
  .path-mod-forum .unified-grader .grader-grading-panel {
    width: 100%;
    position: fixed;
    height: calc(100vh - 50px);
    overflow: scroll;
    top: 50px;
  }
  .path-mod-forum .unified-grader .body-container {
    overflow: visible;
  }
}
.maincalendar .calendarmonth td, .maincalendar .calendarmonth th {
  border: 1px dotted #dee2e6;
}
.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;
}
.template_heading {
  margin-top: 10px;
}
.breadcrumb-button {
  margin-top: 4px;
}
.breadcrumb-button .singlebutton {
  float: left;
  margin-left: 4px;
}
.langmenu form {
  margin: 0;
}
canvas {
  -ms-touch-action: auto;
}
div#dock {
  display: none;
}
/** General styles (scope: all of lesson) **/
.path-mod-lesson .invisiblefieldset.fieldsetfix {
  display: block;
}
.path-mod-lesson .answeroption .checkbox label p {
  display: inline;
}
.path-mod-lesson .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 {
  vertical-align: middle;
}
.path-mod-lesson .generaltable td label {
  margin-bottom: 0;
}
.path-mod-lesson .generaltable td .highlight {
  display: inline-block;
  margin-left: 0.25rem;
}
.path-mod-lesson .generaltable td input[type="checkbox"] {
  display: block;
}
.path-mod-wiki .wiki_headingtitle, .path-mod-wiki .midpad, .path-mod-wiki .wiki_headingtime {
  text-align: inherit;
}
.path-mod-wiki .wiki_contentbox {
  width: 100%;
}
.path-mod-survey .surveytable > tbody > tr:nth-of-type(even) {
  background-color: rgba(0, 0, 0, 0.03);
}
.path-mod-survey .surveytable .rblock label {
  text-align: center;
}
.nav .caret {
  margin-left: 4px;
}
.nav .divider {
  overflow: hidden;
  width: 0;
}
.userloggedinas .usermenu .usertext, .userswitchedrole .usermenu .usertext, .loginfailures .usermenu .usertext {
  float: left;
  text-align: right;
  margin-right: 0.5rem;
  height: 35px;
}
.userloggedinas .usermenu .usertext .meta, .userswitchedrole .usermenu .usertext .meta, .loginfailures .usermenu .usertext .meta {
  font-size: 0.8203125rem;
  align-items: center;
}
.userloggedinas .usermenu .avatar img, .userswitchedrole .usermenu .avatar img, .loginfailures .usermenu .avatar img {
  margin: 0;
}
.userloggedinas .usermenu .userbutton .avatars {
  position: relative;
  display: inline-block;
}
.userloggedinas .usermenu .userbutton .avatars .avatar.current {
  display: inline-block;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
}
.userloggedinas .usermenu .userbutton .avatars .avatar.current img {
  vertical-align: baseline;
}
.userloggedinas .usermenu .userbutton .avatars .avatar.current .userinitials.size-35 {
  width: 20px;
  height: 20px;
  border: 1px solid #dee2e6;
  background-color: #fff;
  font-size: 0.5625rem;
}
.userloggedinas .usermenu .userbutton .avatars .avatar img {
  width: inherit;
  height: inherit;
}
.userloggedinas .usermenu .userbutton .avatars .realuser {
  width: 35px;
  height: 35px;
  display: inline-block;
}
.userinitials {
  background-color: #e9ecef;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #343a40;
  font-weight: normal;
  margin-right: 0.25rem;
}
.userinitials.size-16, .userinitials.size-30 {
  font-size: 0.7rem;
  width: 30px;
  height: 30px;
}
.userinitials.size-35 {
  width: 35px;
  height: 35px;
}
.userinitials.size-64 {
  width: 64px;
  height: 64px;
}
.userinitials.size-100 {
  width: 100px;
  height: 100px;
  font-size: 1.875rem;
}
img.userpicture {
  margin-right: 0.25rem;
}
@media (max-width: 767.98px) {
  .usertext {
    display: none;
  }
}
.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 {
  float: left;
  width: 20rem;
  display: inline-block;
  min-height: 12rem;
}
#page-mod-quiz-mod #id_reviewoptionshdr .btn-link {
  line-height: 1.5;
  vertical-align: bottom;
}
#page-mod-quiz-mod #id_reviewoptionshdr .form-inline {
  float: left;
  clear: left;
}
#page-mod-quiz-mod #id_reviewoptionshdr .form-check {
  width: auto;
  height: 22px;
  justify-content: flex-start;
}
#page-mod-quiz-mod #id_reviewoptionshdr .review_option_item {
  width: 90%;
  height: 22px;
}
.path-mod-quiz #mod_quiz_navblock .qnbutton {
  text-decoration: none;
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  background-color: #fff;
  background-image: none;
  height: 40px;
  width: 30px;
  border-radius: 3px;
  border: 0;
  overflow: visible;
  margin: 0 6px 6px 0;
}
.path-mod-quiz #mod_quiz_navblock span.qnbutton {
  cursor: default;
  background-color: #e9ecef;
  color: #495057;
}
.path-mod-quiz #mod_quiz_navblock a.qnbutton:hover, .path-mod-quiz #mod_quiz_navblock a.qnbutton:active, .path-mod-quiz #mod_quiz_navblock a.qnbutton:focus {
  text-decoration: underline;
}
.path-mod-quiz #mod_quiz_navblock .qnbutton .thispageholder {
  border: 1px solid;
  border-radius: 3px;
  z-index: 1;
}
.path-mod-quiz #mod_quiz_navblock .qnbutton.thispage .thispageholder {
  border-width: 3px;
}
.path-mod-quiz #mod_quiz_navblock .allquestionsononepage .qnbutton.thispage .thispageholder {
  border-width: 1px;
}
.path-mod-quiz #mod_quiz_navblock .qnbutton.flagged .thispageholder {
  background: transparent url(/theme/image.php/boost_union/theme/1753274487/mod/quiz/flag-on) 15px 0 no-repeat;
}
.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/boost_union/theme/1753274487/mod/quiz/warningtriangle);
}
.path-mod-quiz #mod_quiz_navblock .qnbutton.correct .trafficlight {
  background-image: url(/theme/image.php/boost_union/theme/1753274487/mod/quiz/checkmark);
  background-color: #357a32;
}
.path-mod-quiz #mod_quiz_navblock .qnbutton.blocked .trafficlight {
  background-image: url(/theme/image.php/boost_union/core/1753274487/t/locked);
  background-color: #e9ecef;
}
.path-mod-quiz #mod_quiz_navblock .qnbutton.notanswered .trafficlight, .path-mod-quiz #mod_quiz_navblock .qnbutton.incorrect .trafficlight {
  background-color: #ca3120;
}
.path-mod-quiz #mod_quiz_navblock .qnbutton.partiallycorrect .trafficlight {
  background-image: url(/theme/image.php/boost_union/theme/1753274487/mod/quiz/whitecircle);
  background-color: #f0ad4e;
}
.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: #6a737b;
}
#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;
}
/* Countdown timer. */
#page-mod-quiz-attempt #region-main {
  overflow-x: inherit;
}
#quiz-timer-wrapper {
  display: none;
  position: sticky;
  justify-content: end;
  top: 65px;
  z-index: 1020;
}
#quiz-timer-wrapper #quiz-timer {
  border: 1px solid #ca3120;
  background-color: #fff;
}
.pagelayout-embedded #quiz-timer-wrapper {
  top: 5px;
}
#quiz-timer-wrapper #quiz-timer.timeleft0 {
  background-color: #ca3120;
  color: #fff;
}
#quiz-timer-wrapper #quiz-timer.timeleft1 {
  background-color: #d73422;
  color: #fff;
}
#quiz-timer-wrapper #quiz-timer.timeleft2 {
  background-color: #dd3d2b;
  color: #fff;
}
#quiz-timer-wrapper #quiz-timer.timeleft3 {
  background-color: #e04938;
  color: #fff;
}
#quiz-timer-wrapper #quiz-timer.timeleft4 {
  background-color: #e25546;
  color: #fff;
}
#quiz-timer-wrapper #quiz-timer.timeleft5 {
  background-color: #e46153;
  color: #fff;
}
#quiz-timer-wrapper #quiz-timer.timeleft6 {
  background-color: #e66d60;
  color: #fff;
}
#quiz-timer-wrapper #quiz-timer.timeleft7 {
  background-color: #e8796d;
  color: #1d2125;
}
#quiz-timer-wrapper #quiz-timer.timeleft8 {
  background-color: #ea867a;
  color: #1d2125;
}
#quiz-timer-wrapper #quiz-timer.timeleft9 {
  background-color: #ec9288;
  color: #1d2125;
}
#quiz-timer-wrapper #quiz-timer.timeleft10 {
  background-color: #ee9e95;
  color: #1d2125;
}
#quiz-timer-wrapper #quiz-timer.timeleft11 {
  background-color: #f0aaa2;
  color: #1d2125;
}
#quiz-timer-wrapper #quiz-timer.timeleft12 {
  background-color: #f2b6af;
  color: #1d2125;
}
#quiz-timer-wrapper #quiz-timer.timeleft13 {
  background-color: #f4c2bc;
  color: #1d2125;
}
#quiz-timer-wrapper #quiz-timer.timeleft14 {
  background-color: #f7ceca;
  color: #1d2125;
}
#quiz-timer-wrapper #quiz-timer.timeleft15 {
  background-color: #f9dad7;
  color: #1d2125;
}
#quiz-timer-wrapper #quiz-timer.timeleft16 {
  background-color: #fbe6e4;
  color: #1d2125;
}
.path-mod-assign [data-region="grade-actions-panel"] [data-region="grade-actions"] .collapse-buttons {
  top: auto;
}
.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fcontainer .fitem.popout .felement {
  height: calc(100% - 4rem);
}
.path-mod-assign [data-region="grade-panel"] {
  padding-top: 1rem;
}
.path-mod-assign [data-region="grade-panel"] .fitem > .col-md-3, .path-mod-assign [data-region="grade-panel"] .fitem > .col-md-9 {
  width: 100%;
  padding: 0;
  max-width: 100%;
  flex: none;
}
.path-mod-assign [data-region="grade-panel"] fieldset, .path-mod-assign [data-region="grade-panel"] .fitem.row {
  margin: 0;
}
.path-mod-assign [data-region="grade-panel"] .mform .fitem.has-popout .felement {
  width: 100%;
  overflow: auto;
  height: calc(100% - 4rem);
}
.path-mod-assign [data-region="grade-panel"] .mform .fitem .felement {
  width: auto;
}
.path-mod-assign [data-region="grade-panel"] .popout {
  background-color: #fff;
}
.path-mod-assign [data-region="grade-panel"] .fitem.has-popout {
  background-color: #fff;
  border-radius: 0.5rem;
  border: 1px solid rgba(0, 0, 0, 0.125);
  padding: 1.25rem;
  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.40625rem;
}
.path-mod-assign [data-region="grade-panel"] .popout [data-region="popout-button"] {
  margin-top: 0;
}
.path-mod-assign [data-region="assignment-info"] {
  overflow-y: hidden;
}
.path-mod-assign [data-region="grading-navigation"] {
  padding: 6px;
}
.path-mod-assign [data-region="grade-actions"] {
  padding: 10px;
}
.path-mod-assign [data-region="user-info"] .img-rounded {
  margin-top: 0;
}
.path-mod-assign [data-region="grading-navigation-panel"] {
  height: 85px;
}
@media (max-width: 767px) {
  .path-mod-assign [data-region="grading-navigation-panel"] {
    height: auto;
  }
  .path-mod-assign [data-region="user-info"] {
    margin-top: 1rem;
  }
}
.path-mod-assign [data-region="grading-navigation"] [data-region="input-field"] input {
  width: auto;
  display: inline-block;
}
/**
 * Assign feedback.
 */
.assignfeedback_editpdf_widget * {
  box-sizing: content-box;
}
.assignfeedback_editpdf_widget button {
  box-sizing: border-box;
}
.assignfeedback_editpdf_widget .commentcolourbutton img {
  border-width: 0;
}
.assignfeedback_editpdf_widget .label {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 0 solid transparent;
  border-radius: 0.5rem;
  color: #00434e;
  background-color: #cce6ea;
  border-color: #b8dce2;
  /* stylelint-disable-line max-line-length */
}
.assignfeedback_editpdf_widget .label hr {
  border-top-color: #a6d3db;
}
.assignfeedback_editpdf_widget .label .alert-link {
  color: #00171b;
}
.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;
}
/**
 * Mod LTI.
 */
.path-admin-mod-lti .btn .loader img, .path-admin-mod-lti #tool-list-loader-container .loader img {
  height: auto;
}
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax {
  background-color: #fff;
}
.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: #f8f9fa;
}
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area.py-3 {
  padding: 0 !important;
  /* stylelint-disable-line declaration-no-important */
}
.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.generaltable 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: 10px 5px;
}
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list {
  border-top: 1px solid #dee2e6;
  border-bottom: 1px solid #fff;
}
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list li {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #dee2e6;
  padding: 5px 10px;
}
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list img {
  margin-right: 8px;
  border: 1px solid #ccc;
  border-radius: 4px;
  max-width: none;
}
.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.8203125rem;
  color: #495057;
}
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme {
  margin-bottom: 0.75rem;
  border-radius: 0.5rem;
  border: 1px solid rgba(0, 0, 0, 0.125);
  padding: 1.25rem;
}
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme .time {
  float: right;
  font-size: 11px;
  color: #495057;
}
.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: bold;
}
/* reports.less */
#page-report-participation-index .participationselectform div label {
  display: inline-block;
  margin: 0 5px;
}
#page-report-participation-index .participationselectform div label[for=menuinstanceid] {
  margin-left: 0;
}
.path-backup .mform {
  /* These are long labels with checkboxes on the right. */
}
.path-backup .mform .grouped_settings {
  clear: both;
  overflow: hidden;
  /* Use card styles but avoid extend because that brings in too much. */
}
.path-backup .mform .grouped_settings.section_level {
  background-color: #fff;
  border-radius: 0.5rem;
  border: 1px solid rgba(0, 0, 0, 0.125);
  padding: 1.25rem;
  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;
  float: left;
  padding: 0.3rem;
}
.path-backup .mform .normal_setting {
  width: 50%;
  display: inline-block;
  float: left;
  padding: 0.3rem;
}
.path-backup {
  /* Bold section labels */
}
.path-backup .section_level {
  font-weight: bold;
}
.path-backup .section_level .activity_level {
  font-weight: normal;
}
.path-backup .proceedbutton {
  margin-left: auto;
}
/* Override the columns width to leave more room for the labels. */
.path-backup .mform .root_setting, .path-backup .mform .grouped_settings {
  /* Striped rows like a table */
}
.path-backup .mform .root_setting:nth-of-type(odd), .path-backup .mform .grouped_settings:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.03);
}
.path-backup .mform .root_setting:nth-of-type(even), .path-backup .mform .grouped_settings:nth-of-type(even) {
  background-color: #fff;
}
.path-backup .mform .root_setting .form-group, .path-backup .mform .grouped_settings .form-group {
  /* These checkboxes with no label on the left. */
}
.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;
}
/* Detail pair is (usually) some short label with a longer value */
.path-backup .detail-pair .detail-pair-label {
  width: 25%;
  float: left;
  clear: left;
}
.path-backup .detail-pair .detail-pair-value {
  width: 75%;
  float: left;
}
.path-backup .backup-restore .singlebutton {
  float: right;
}
/* Make these bits full width and work with the detail-pair */
.path-backup .backup-section {
  /* Fix for nested table headers */
  /* Add card styles to backup sections */
  background-color: #fff;
  border-radius: 0.5rem;
  border: 1px solid rgba(0, 0, 0, 0.125);
  padding: 1.25rem;
  margin-bottom: 1.25rem;
}
.path-backup .backup-section .sub-header, .path-backup .backup-section .backup-sub-section, .path-backup .backup-section .singlebutton, .path-backup .backup-section .header {
  width: 100%;
  float: left;
  clear: both;
}
.path-backup .backup-section th.header {
  width: auto;
  float: none;
}
.path-backup .backup-section ::after {
  content: "";
  display: table;
  clear: both;
}
.path-backup .backup-section::after {
  display: block;
  clear: both;
  content: "";
}
.path-backup .notification.dependencies_enforced {
  color: #ca3120;
  font-weight: bold;
}
.path-backup .backup_progress {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.path-backup .backup_progress .backup_stage {
  color: #6a737b;
}
.path-backup .backup_progress .backup_stage.backup_stage_current {
  font-weight: bold;
  color: inherit;
}
.path-backup .backup_progress span.backup_stage.backup_stage_complete {
  color: inherit;
}
#page-backup-restore .filealiasesfailures {
  background-color: #f4d6d2;
}
#page-backup-restore .filealiasesfailures .aliaseslist {
  background-color: #fff;
}
.path-backup .wibbler {
  width: 500px;
  margin: 0 auto 10px;
  border-bottom: 1px solid black;
  border-right: 1px solid black;
  border-left: 1px solid black;
  position: relative;
  min-height: 4px;
}
.path-backup .wibbler .wibble {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 4px;
}
.path-backup .wibbler .state0 {
  background: #eee;
}
.path-backup .wibbler .state1 {
  background: #ddd;
}
.path-backup .wibbler .state2 {
  background: #ccc;
}
.path-backup .wibbler .state3 {
  background: #bbb;
}
.path-backup .wibbler .state4 {
  background: #aaa;
}
.path-backup .wibbler .state5 {
  background: #999;
}
.path-backup .wibbler .state6 {
  background: #888;
}
.path-backup .wibbler .state7 {
  background: #777;
}
.path-backup .wibbler .state8 {
  background: #666;
}
.path-backup .wibbler .state9 {
  background: #555;
}
.path-backup .wibbler .state10 {
  background: #444;
}
.path-backup .wibbler .state11 {
  background: #333;
}
.path-backup .wibbler .state12 {
  background: #222;
}
.generaltable {
  width: 100%;
  margin-bottom: 1rem;
  color: #1d2125;
}
.generaltable th, .generaltable td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
}
.generaltable thead th, .generaltable thead td {
  vertical-align: bottom;
  border-bottom: 2px solid #dee2e6;
}
.generaltable tbody + tbody {
  border-top: 2px solid #dee2e6;
}
.generaltable tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.03);
}
.generaltable.table-sm th, .generaltable.table-sm td {
  padding: 0.3rem;
}
.generaltable tbody tr:hover {
  color: #1d2125;
  background-color: rgba(0, 0, 0, 0.075);
}
.generaltable tbody tr:hover.dimmed_text a:not(.menu-action) {
  color: #1d2125;
}
table caption {
  font-size: 24px;
  font-weight: bold;
  line-height: 42px;
  text-align: left;
  caption-side: top;
}
.table-dynamic .loading-icon {
  position: absolute;
  left: calc(50% - 1.5rem);
  top: 200px;
}
.table-dynamic .loading-icon .icon {
  height: 3rem;
  width: 3rem;
  font-size: 3rem;
}
.singlebutton {
  display: inline-block;
}
.singlebutton + .singlebutton {
  margin-left: 0.5rem;
}
.continuebutton {
  text-align: center;
}
p.arrow_button {
  margin-top: 5em;
  text-align: center;
}
#addcontrols {
  margin-top: 11.25rem;
  text-align: center;
  margin-bottom: 3em;
}
#addcontrols label {
  display: inline;
}
#addcontrols input, #removecontrols input {
  width: 100%;
  margin: auto;
}
.btn-lineup {
  margin: 0 0 10px 5px;
}
.btn.btn-icon {
  height: 36px;
  width: 36px;
  font-size: 16px;
  line-height: 16px;
  padding: 0;
  border-radius: 50%;
  flex-shrink: 0;
}
.btn.btn-icon:hover, .btn.btn-icon:focus {
  background-color: #e9ecef;
}
.btn.btn-icon.icon-size-0 {
  height: 20px !important;
  /* stylelint-disable-line declaration-no-important */
  width: 20px !important;
  /* stylelint-disable-line declaration-no-important */
  font-size: 0 !important;
  /* stylelint-disable-line declaration-no-important */
  line-height: 0 !important;
  /* stylelint-disable-line declaration-no-important */
}
.btn.btn-icon.icon-size-1 {
  height: 24px !important;
  /* stylelint-disable-line declaration-no-important */
  width: 24px !important;
  /* stylelint-disable-line declaration-no-important */
  font-size: 4px !important;
  /* stylelint-disable-line declaration-no-important */
  line-height: 4px !important;
  /* stylelint-disable-line declaration-no-important */
}
.btn.btn-icon.icon-size-2 {
  height: 28px !important;
  /* stylelint-disable-line declaration-no-important */
  width: 28px !important;
  /* stylelint-disable-line declaration-no-important */
  font-size: 8px !important;
  /* stylelint-disable-line declaration-no-important */
  line-height: 8px !important;
  /* stylelint-disable-line declaration-no-important */
}
.btn.btn-icon.icon-size-3 {
  height: 36px !important;
  /* stylelint-disable-line declaration-no-important */
  width: 36px !important;
  /* stylelint-disable-line declaration-no-important */
  font-size: 16px !important;
  /* stylelint-disable-line declaration-no-important */
  line-height: 16px !important;
  /* stylelint-disable-line declaration-no-important */
}
.btn.btn-icon.icon-size-4 {
  height: 44px !important;
  /* stylelint-disable-line declaration-no-important */
  width: 44px !important;
  /* stylelint-disable-line declaration-no-important */
  font-size: 24px !important;
  /* stylelint-disable-line declaration-no-important */
  line-height: 24px !important;
  /* stylelint-disable-line declaration-no-important */
}
.btn.btn-icon.icon-size-5 {
  height: 52px !important;
  /* stylelint-disable-line declaration-no-important */
  width: 52px !important;
  /* stylelint-disable-line declaration-no-important */
  font-size: 32px !important;
  /* stylelint-disable-line declaration-no-important */
  line-height: 32px !important;
  /* stylelint-disable-line declaration-no-important */
}
.btn.btn-icon.icon-size-6 {
  height: 60px !important;
  /* stylelint-disable-line declaration-no-important */
  width: 60px !important;
  /* stylelint-disable-line declaration-no-important */
  font-size: 40px !important;
  /* stylelint-disable-line declaration-no-important */
  line-height: 40px !important;
  /* stylelint-disable-line declaration-no-important */
}
.btn.btn-icon.icon-size-7 {
  height: 68px !important;
  /* stylelint-disable-line declaration-no-important */
  width: 68px !important;
  /* stylelint-disable-line declaration-no-important */
  font-size: 48px !important;
  /* stylelint-disable-line declaration-no-important */
  line-height: 48px !important;
  /* stylelint-disable-line declaration-no-important */
}
.btn-primary:focus, .btn-primary.focus {
  outline: 0.2rem solid #000102;
  box-shadow: inset 0 0 0 2px #fff;
}
.btn-secondary:focus, .btn-secondary.focus {
  outline: 0.2rem solid #5f6e7d;
  box-shadow: inset 0 0 0 2px #fff;
}
.btn-success:focus, .btn-success.focus {
  outline: 0.2rem solid black;
  box-shadow: inset 0 0 0 2px #fff;
}
.btn-info:focus, .btn-info.focus {
  outline: 0.2rem solid black;
  box-shadow: inset 0 0 0 2px #fff;
}
.btn-warning:focus, .btn-warning.focus {
  outline: 0.2rem solid #694109;
  box-shadow: inset 0 0 0 2px #fff;
}
.btn-danger:focus, .btn-danger.focus {
  outline: 0.2rem solid #1a0604;
  box-shadow: inset 0 0 0 2px #fff;
}
.btn-light:focus, .btn-light.focus {
  outline: 0.2rem solid #8193a5;
  box-shadow: inset 0 0 0 2px #fff;
}
.btn-dark:focus, .btn-dark.focus {
  outline: 0.2rem solid black;
  box-shadow: inset 0 0 0 2px #fff;
}
.btn-outline-primary:focus, .btn-outline-primary.focus {
  outline: 0.2rem solid #000102;
  box-shadow: inset 0 0 0 2px #343a40;
}
.btn-outline-secondary:focus, .btn-outline-secondary.focus {
  outline: 0.2rem solid #5f6e7d;
  box-shadow: inset 0 0 0 2px #343a40;
}
.btn-outline-success:focus, .btn-outline-success.focus {
  outline: 0.2rem solid black;
  box-shadow: inset 0 0 0 2px #343a40;
}
.btn-outline-info:focus, .btn-outline-info.focus {
  outline: 0.2rem solid black;
  box-shadow: inset 0 0 0 2px #343a40;
}
.btn-outline-warning:focus, .btn-outline-warning.focus {
  outline: 0.2rem solid #694109;
  box-shadow: inset 0 0 0 2px #343a40;
}
.btn-outline-danger:focus, .btn-outline-danger.focus {
  outline: 0.2rem solid #1a0604;
  box-shadow: inset 0 0 0 2px #343a40;
}
.btn-outline-light:focus, .btn-outline-light.focus {
  outline: 0.2rem solid #8193a5;
  box-shadow: inset 0 0 0 2px #343a40;
}
.btn-outline-dark:focus, .btn-outline-dark.focus {
  outline: 0.2rem solid black;
  box-shadow: inset 0 0 0 2px #343a40;
}
.gradetreebox h4 {
  font-size: 0.9375rem;
}
.gradetreebox th.cell, .gradetreebox input[type=text] {
  width: auto;
}
.gradetreebox input[type=text], .gradetreebox select {
  margin-bottom: 0;
}
.core_grades_notices .singlebutton {
  display: inline-block;
}
.path-grade-report #maincontent + .urlselect {
  position: absolute;
  left: 40vw;
}
.path-grade-report-grader #region-main {
  min-width: 100%;
  width: auto;
  display: flex;
  flex-direction: column;
}
.path-grade-report-grader #region-main > .card {
  width: auto;
  overflow-x: initial;
}
.path-grade-report-grader #region-main div[role="main"] {
  flex: 1 1 auto;
}
.path-grade-report-grader [data-region="blocks-column"] {
  width: 100%;
  clear: both;
}
.path-grade-report-grader .gradepass, .path-grade-report-user .gradepass {
  color: #357a32;
}
.path-grade-report-grader .gradefail, .path-grade-report-user .gradefail {
  color: #ca3120;
}
.path-grade #region-main {
  overflow-x: visible;
}
.path-grade .user-heading .userinitials {
  width: 50px;
  height: 50px;
}
#page-grade-grading-manage #activemethodselector label {
  display: inline-block;
}
#page-grade-grading-manage #activemethodselector .helptooltip {
  margin-right: 0.5em;
}
#page-grade-grading-manage .actions {
  display: block;
  text-align: center;
  margin-bottom: 1em;
}
#page-grade-grading-manage .actions .action {
  display: inline-block;
  position: relative;
  vertical-align: top;
  width: 150px;
  text-align: center;
  overflow: hidden;
  margin: 0.5em;
  padding: 1em;
  border: 1px solid #aaa;
}
#page-grade-grading-manage .actions .action .action-text {
  position: relative;
  top: 0.4em;
  font-size: 14px;
  white-space: normal;
}
#page-grade-grading-form-rubric-edit .gradingform_rubric_editform .status {
  font-size: 70%;
}
.gradingform_rubric {
  margin-bottom: 1em;
}
.gradingform_rubric.evaluate .criterion .levels .level:hover, .gradingform_rubric.evaluate .criterion .levels .level.checked {
  background: #dff0d8;
}
.gradingform_rubric.evaluate .criterion .levels .level.checked {
  border: none;
  border-left: 1px solid #dee2e6;
}
.gradingform_rubric .criterion .description {
  vertical-align: top;
  padding: 6px;
}
.gradingform_rubric .criterion .description textarea {
  margin-bottom: 0;
  height: 115px;
}
.gradingform_rubric .criterion .definition textarea {
  width: 80%;
  margin-bottom: 0;
}
.gradingform_rubric .criterion .score {
  margin-top: 5px;
  margin-right: 28px;
  font-style: italic;
  font-weight: bold;
  color: #2d662a;
}
.gradingform_rubric .criterion .score input {
  margin-bottom: 0;
}
.gradingform_rubric .criterion .level {
  vertical-align: top;
  padding: 6px;
}
.gradingform_rubric .criterion .level.currentchecked {
  background: #fff0f0;
}
.gradingform_rubric .criterion .level.checked {
  background: #d0ffd0;
  border: 1px solid #555;
}
.gradingform_rubric .criterion .level .delete {
  position: relative;
  width: 32px;
  height: 32px;
  margin-top: -32px;
  clear: both;
  float: right;
}
.gradingform_rubric .criterion .level .delete input {
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  height: 24px;
  width: 24px;
  margin: 0;
}
.gradingform_rubric .criterion .level .delete input:hover {
  background-color: #ddd;
}
.gradingform_rubric .criterion .scorevalue input {
  float: none;
  width: 2em;
}
.gradingform_rubric .criterion .scorevalue input.hiddenelement, .gradingform_rubric .criterion .scorevalue input.pseudotablink {
  width: 0;
}
.gradingform_rubric .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/boost_union/core/1753274487/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: normal;
  line-height: 2em;
  color: inherit;
  text-shadow: none;
  background-color: transparent;
}
.gradingform_rubric .options .option input {
  margin-left: 5px;
  margin-right: 12px;
}
.grade-display .description {
  font-size: 1rem;
}
.criterion .description {
  font-size: 1rem;
}
.criterion .criterion-toggle .expanded-icon {
  display: block;
}
.criterion .criterion-toggle .collapsed-icon {
  display: none;
}
.criterion .criterion-toggle.collapsed .expanded-icon {
  display: none;
}
.criterion .criterion-toggle.collapsed .collapsed-icon {
  display: block;
}
.path-grade-edit-tree .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 #343a40;
}
.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: bold;
}
.path-grade-edit-tree .setup-grades .emptyrow {
  display: none;
}
.path-grade-edit-tree .setup-grades .gradeitemdescription {
  font-weight: normal;
  padding-left: 24px;
}
.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 {
  background-color: rgba(0, 0, 0, 0.03);
}
/**
 * Grader report.
 */
.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: #dee2e6;
}
.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: #f8f9fa;
}
.path-grade-report-grader .gradeparent table .clickable {
  cursor: pointer;
}
.path-grade-report-grader .gradeparent tr.heading {
  position: sticky;
  top: 0;
  z-index: 1;
}
.path-grade-report-grader .gradeparent tr.lastrow {
  position: sticky;
  bottom: 0;
  z-index: 1;
}
.path-grade-report-grader .gradeparent tr.lastrow td, .path-grade-report-grader .gradeparent tr.lastrow th {
  border-top: 1px solid #dee2e6;
}
.path-grade-report-grader .gradeparent th.header {
  position: sticky;
  left: -3rem;
}
.path-grade-report-grader .gradeparent td.noborder {
  border-right: transparent;
}
.path-grade-report-grader .show-drawer-left .gradeparent th.header {
  left: -1rem;
}
/**
 * User report.
 */
.path-grade-report-user .user-grade {
  border: none;
}
.path-grade-report-user .user-grade.generaltable .levelodd {
  background-color: rgba(0, 0, 0, 0.03);
}
.path-grade-report-user .user-grade .column-contributiontocoursetotal, .path-grade-report-user .user-grade .column-range, .path-grade-report-user .user-grade .column-percentage, .path-grade-report-user .user-grade .column-weight {
  /*rtl:ignore*/
  direction: ltr;
}
/**
 * Single view.
 */
.path-grade-report-singleview .reporttable input[name^="finalgrade"] {
  width: 80px;
  display: inline-block;
}
.path-grade-report-singleview .reporttable .action-menu {
  display: inline-block;
  margin-left: 0.5rem;
  float: right;
}
.path-grade-report-singleview .reporttable .dropdown-toggle::after {
  display: none;
}
.search-widget .dropdown-menu {
  padding: 0.8rem 1.2rem;
}
.search-widget .dropdown-menu.wide {
  width: 350px;
}
.search-widget .dropdown-menu.narrow {
  width: 250px;
}
.search-widget .dropdown-menu .dropdown-item span.email {
  color: #6a737b;
}
.search-widget .dropdown-menu .dropdown-item:hover span, .search-widget .dropdown-menu .dropdown-item:active span {
  color: #fff;
}
.search-widget .dropdown-menu .searchresultscontainer {
  height: 178px;
  font-size: 90%;
}
.search-widget .dropdown-menu .searchresultscontainer .searchresultitemscontainer {
  height: 178px;
  max-height: 178px;
  overflow: auto;
}
.search-widget .dropdown-menu .unsearchablecontentcontainer {
  border-top: 1px solid #dee2e6;
  padding-top: 10px;
  font-size: 90%;
}
.columns-autoflow-1to1to1 {
  column-count: 3;
}
@media (max-width: 767px) {
  .columns-autoflow-1to1to1 {
    column-count: 1;
  }
}
/* some very targetted corrections to roll back nameclashes between
 * Moodle and Bootstrap like .row, .label, .content, .controls
 *
 * Mostly relies on these styles being more specific than the Bootstrap
 * ones in order to overule them.
 */
li.activity.label, .file-picker td.label {
  background: inherit;
  color: inherit;
  border: inherit;
  text-shadow: none;
  white-space: normal;
  display: block;
  font-size: inherit;
  line-height: inherit;
  text-align: inherit;
}
.file-picker td.label {
  display: table-cell;
  text-align: right;
  padding: 8px;
}
.choosercontainer #chooseform .option {
  font-size: 12px;
}
/* block.invisible vs .invisible
 * block.hidden vs .invisible
 *
 * uses .invisible where the rest of Moodle uses @mixin dimmed
 * fixible in block renderer?
 *
 * There's seems to be even more naming confusion here since,
 * blocks can be actually 'visible' (or not) to students,
 * marked 'visible' but really just dimmed to indicate to editors
 * that students can't see them or  'visible' to the user who
 * collapses them, 'visible' if you have the right role and in
 * different circumstances different sections of a block can
 * be 'visible' or not.
 *
 * currently worked around in renderers.php function block{}
 * by rewriting the class name "invisible" to "dimmed",
 * though the blocks don't look particularly different apart
 * from their contents disappearing. Maybe try .muted? or
 * dimming all the edit icons apart from unhide, might be a
 * nice effect, though they'd still be active. Maybe reverse
 * it to white?
 */
li.section.hidden, .block.hidden, .block.invisible {
  visibility: visible;
  display: block;
}
/* .row vs .row
 *
 * very tricky to track down this when it goes wrong,
 * since the styles are applied to generated content
 *
 * basically if you see things shifted left or right compared
 * with where they should be check for a .row
 */
.forumpost .row {
  margin-left: 0 !important;
  /* stylelint-disable-line declaration-no-important */
}
.forumpost .row:before, .forumpost .row:after {
  content: none;
}
/* fieldset.hidden vs .hidden
 *
 * Moodle uses fieldset.hidden for mforms, to signify a collection of
 * form elements that don't have a box drawn round them. Bootstrap
 * uses hidden for stuff that is hidden in various responsive modes.
 *
 * Relatedly, there is also fieldset.invisiblefieldset which hides the
 * border and sets the display to inline.
 *
 * Originally this just set block and visible, but it is used
 * in random question dialogue in Quiz,
 * that dialogue is hidden and shown, so when hidden the
 * above workaround leaves you with a button floating around
 */
fieldset.hidden {
  display: inherit;
  visibility: inherit;
}
/* .container vs .container
 *
 * bootstrap uses .container to set the width of the layout at 960px or so, Moodle uses it
 * in the Quiz to contain the questions to add. If you don't overule the Bootstrap code,
 * it becomes near unuseable.
 */
#questionbank + .container {
  width: auto;
}
body:not(.jsenabled) .dropdown:hover > .dropdown-menu {
  display: block;
  margin-top: -6px;
}
body:not(.jsenabled) .langmenu:hover > .dropdown-menu, .langmenu.open > .dropdown-menu {
  display: block;
  max-height: 150px;
  overflow-y: auto;
}
.navbar.fixed-top .dropdown .dropdown-menu {
  max-height: calc(100vh - 60px);
  overflow-y: auto;
}
.page-item.active .page-link, .page-item.active .page-link:hover, .page-item.active .page-link:focus {
  z-index: inherit;
}
.custom-select {
  word-wrap: normal;
}
/* Add commented out carousel transistions back in.
 *
 * The Css prefixer used in Moodle breaks on @supports syntax, See MDL-61515.
 */
.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%);
}
/**
 * Reset all of the forced style on the page.
 * - Remove borders on header and content.
 * - Remove most of the vertical padding.
 * - Make the content region flex grow so it pushes things like the
 *   next activity selector to the bottom of the page.
 */
body.reset-style #page-header .card {
  border: none;
}
body.reset-style #page-header .card .page-header-headings h1 {
  margin-bottom: 0;
}
@media (max-width: 767.98px) {
  body.reset-style #page-header .card .card-body {
    padding-left: 0;
    padding-right: 0;
  }
}
body.reset-style #page-header > div {
  padding-top: 0 !important;
  /* stylelint-disable-line declaration-no-important */
  padding-bottom: 0 !important;
  /* stylelint-disable-line declaration-no-important */
}
body.reset-style #page-content {
  padding-bottom: 0 !important;
  /* stylelint-disable-line declaration-no-important */
}
body.reset-style #page-content #region-main-box #region-main {
  border: none;
  display: inline-flex;
  flex-direction: column;
  padding: 0;
  height: 100%;
  width: 100%;
  padding-left: 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% - 375px);
}
@media (max-width: 1199.98px) {
  body.reset-style #page-content #region-main-box #region-main.has-blocks {
    width: 100%;
  }
}
@media (max-width: 767.98px) {
  body.reset-style #page-content #region-main-box #region-main {
    padding-left: 0;
    padding-right: 0;
  }
}
body.reset-style #page-content #region-main-box [data-region="blocks-column"] {
  margin-left: auto;
}
@media (max-width: 1199.98px) {
  body.reset-style #page-content #region-main-box {
    display: flex;
    flex-direction: column;
  }
}
body.reset-style select, body.reset-style input, body.reset-style textarea, body.reset-style .btn:not(.btn-icon) {
  border-radius: 0.6rem;
}
body.behat-site .fixed-top {
  position: absolute;
}
body.behat-site.hasstickyfooter .stickyfooter, body.behat-site .stickyfooter {
  position: inherit;
  z-index: inherit;
}
body.behat-site .dropdown-item {
  margin-top: 4px !important;
  /* stylelint-disable declaration-no-important */
}
body.behat-site.drawer-ease {
  -webkit-transition: initial;
  -moz-transition: initial;
  transition: initial;
}
body.behat-site [data-region="drawer"] {
  -webkit-transition: initial;
  -moz-transition: initial;
  transition: initial;
  position: absolute;
}
body.behat-site .custom-control, body.behat-site .custom-switch {
  padding-left: 0;
}
body.behat-site .custom-control-input {
  position: static;
  z-index: 0;
  opacity: 1;
  width: auto;
}
body.behat-site .custom-control-label::before, body.behat-site .custom-control-label::after {
  content: none;
}
body.behat-site [data-region="message-drawer"] {
  padding-right: 10px;
}
body.behat-site.jsenabled #page-footer .footer-content-popover {
  display: block;
}
body.behat-site.path-grade-report-grader .gradeparent tr.heading, body.behat-site.path-grade-report-grader .gradeparent tr.lastrow, body.behat-site.path-grade-report-grader .gradeparent th.header {
  position: relative;
  left: auto;
}
body.behat-site.path-grade-report-grader .gradeparent tr.heading {
  top: auto;
}
.phpinfo table, .phpinfo th, .phpinfo h2 {
  margin: auto;
}
.phpinfo .e, .phpinfo .v, .phpinfo .h {
  border: 1px solid #000;
  font-size: 0.8em;
  vertical-align: baseline;
  color: #000;
  background-color: #ccc;
}
.phpinfo .e {
  background-color: #ccf;
  font-weight: bold;
}
.phpinfo .h {
  background-color: #99c;
  font-weight: bold;
}
body > .debuggingmessage {
  margin-top: 60px;
}
body > .debuggingmessage ~ .debuggingmessage {
  margin-top: 0.5rem;
}
/**
 * This file contains the styles required to make the footer sticky.
 */
html, body {
  height: 100%;
}
.stickyfooter {
  position: fixed;
  right: 0;
  left: 0;
  height: 61px;
  bottom: -60px;
  transition: bottom 0.5s;
  z-index: 1000;
  overflow: hidden;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.15);
}
.hasstickyfooter .stickyfooter {
  bottom: 0;
}
/* Standard components fixes for sticky footer. */
.stickyfooter ul.pagination {
  margin-bottom: 0.25rem;
}
/* Breakpoints fixes. */
@media (min-width: 576px) {
  #page-wrapper {
    height: 100%;
    display: flex;
    flex-direction: column;
  }
  #page-wrapper #page {
    display: flex;
    flex-direction: column;
  }
  #page-wrapper #page:not(.drawers) {
    flex: 1 0 auto;
  }
  #page-wrapper #page #page-content {
    flex: 1 0 auto;
  }
  #page-wrapper #page-footer {
    flex-shrink: 0;
  }
}
@media (max-width: 767.98px) {
  #page-wrapper {
    height: 100%;
    display: flex;
    flex-direction: column;
  }
  #page-wrapper #page {
    display: flex;
    flex-direction: column;
  }
  #page-wrapper #page:not(.drawers) {
    flex: 1 0 auto;
  }
}
.popover-region {
  position: relative;
}
.popover-region.collapsed .popover-region-toggle:before, .popover-region.collapsed .popover-region-toggle:after {
  display: none;
}
.popover-region.collapsed .popover-region-container {
  opacity: 0;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  transition: height 0.25s, opacity 101ms 0.25s, visibility 101ms 0.25s;
}
.popover-region-toggle {
  cursor: pointer;
}
.popover-region-toggle::before {
  content: "";
  display: inline-block;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #ddd;
  position: absolute;
  bottom: 0;
  right: 7px;
}
.popover-region-toggle::after {
  content: "";
  display: inline-block;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-bottom: 9px solid #fff;
  position: absolute;
  bottom: -1px;
  right: 8px;
  z-index: 2;
}
.count-container {
  padding: 2px;
  border-radius: 2px;
  background-color: #ca3120;
  color: white;
  font-size: 11px;
  line-height: 11px;
  position: absolute;
  top: 5px;
  right: 0;
}
.popover-region-container {
  opacity: 1;
  visibility: visible;
  position: absolute;
  right: 0;
  top: 0;
  height: 500px;
  width: 380px;
  border: 1px solid #ddd;
  transition: height 0.25s;
  background-color: #fff;
  z-index: 1;
}
.popover-region-header-container {
  height: 25px;
  line-height: 25px;
  padding-left: 5px;
  padding-right: 5px;
  border-bottom: 1px solid #ddd;
  box-sizing: border-box;
}
.popover-region-footer-container {
  height: 30px;
  text-align: center;
  border-top: 1px solid #ddd;
  background-color: #fff;
  padding-top: 3px;
}
.popover-region-header-text {
  float: left;
  margin: 0;
  font-size: 14px;
  line-height: 25px;
}
.popover-region-header-actions {
  float: right;
}
.popover-region-header-actions > * {
  margin-left: 10px;
  min-width: 20px;
  display: inline-block;
}
.popover-region-header-actions .loading-icon {
  display: none;
  height: 12px;
  width: 12px;
}
.popover-region-header-actions .newmessage-link {
  margin-right: 10px;
}
.popover-region-header-actions label {
  display: inline-block;
  text-align: center;
  margin-bottom: 0;
}
.popover-region-content-container {
  height: calc(100% - 55px);
  width: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.popover-region-content-container > .loading-icon {
  display: none;
  text-align: center;
  padding: 5px;
  box-sizing: border-box;
}
.popover-region-content-container .empty-message {
  display: none;
  text-align: center;
  padding: 10px;
}
.popover-region-content-container.loading > .loading-icon {
  display: block;
}
.popover-region-content-container.loading .empty-message {
  display: none;
}
.navbar-nav .popover-region .icon {
  font-weight: bolder;
}
.navbar .popover-region.collapsed .popover-region-container {
  opacity: 0;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  transition: height 0.25s, opacity 101ms 0.25s, visibility 101ms 0.25s;
}
.navbar .count-container {
  padding: 2px;
  border-radius: 2px;
  background-color: #ca3120;
  color: white;
  font-size: 11px;
  line-height: 11px;
  position: absolute;
  top: 15px;
  right: 0;
}
.navbar .popover-region-container {
  top: 60px;
}
.content-item-container {
  width: 100%;
  border-bottom: 1px solid #ddd;
  box-sizing: border-box;
  padding: 5px;
  position: relative;
  margin: 0;
  display: block;
  color: inherit;
  text-decoration: none;
}
.content-item-container:hover {
  color: #fff;
  background-color: #0f6cbf;
}
.content-item-container:hover .content-item-footer .timestamp {
  color: #fff;
}
.content-item-container:hover .view-more {
  color: inherit;
}
.content-item-container.unread {
  margin: 0;
  background-color: #f4f4f4;
}
.content-item-container.unread:hover {
  color: #fff;
  background-color: #0f6cbf;
}
.content-item-container.unread .content-item-body .notification-message {
  font-weight: 600;
}
.content-item-container .context-link {
  color: inherit;
  text-decoration: none;
}
.content-item-container .content-item-body {
  box-sizing: border-box;
  margin-bottom: 5px;
}
.content-item-container .content-item-footer {
  text-align: left;
  box-sizing: border-box;
}
.content-item-container .content-item-footer .timestamp {
  font-size: 10px;
  line-height: 10px;
  margin: 0;
  color: inherit;
  margin-left: 24px;
}
.content-item-container .view-more {
  position: absolute;
  bottom: 5px;
  right: 5px;
  font-size: 12px;
  line-height: 12px;
}
.content-item-container .view-more:hover {
  color: inherit;
}
.content-item-container.notification .content-item-body .notification-image {
  display: inline-block;
  width: 24px;
  height: 24px;
  float: left;
}
.content-item-container.notification .content-item-body .notification-image img {
  height: 75%;
}
.content-item-container.notification .content-item-body .notification-message {
  display: inline-block;
  font-size: 12px;
  width: calc(100% - 24px);
}
.content-item-container.selected {
  background-color: #4f94cd;
  color: #fff;
  border-color: #4f94cd;
}
.content-item-container.selected .content-item-footer .timestamp {
  color: #fff;
}
.popover-region-notifications .popover-region-header-container .mark-all-read-button .normal-icon {
  display: inline-block;
}
.popover-region-notifications .popover-region-header-container .mark-all-read-button.loading .normal-icon {
  display: none;
}
.popover-region-notifications .popover-region-header-container .mark-all-read-button.loading .loading-icon {
  display: inline-block;
}
.popover-region-notifications .all-notifications {
  opacity: 1;
  visibility: visible;
  height: auto;
  overflow: hidden;
}
.popover-region-notifications .all-notifications:empty + .empty-message {
  display: block;
}
.popover-region-notifications .notification-image {
  display: inline-block;
  width: 8%;
  vertical-align: top;
}
.popover-region-notifications .notification-image img {
  height: 75%;
}
.popover-region-notifications .notification-message {
  display: inline-block;
  font-size: 12px;
}
.popover-region-notifications .popover-region-content-container.loading .all-notifications:empty + .empty-message {
  display: none;
}
.popover-region-messages .mark-all-read-button .normal-icon {
  display: inline-block;
}
.popover-region-messages .mark-all-read-button.loading .normal-icon {
  display: none;
}
.popover-region-messages .mark-all-read-button.loading .loading-icon {
  display: inline-block;
}
.popover-region-messages .popover-region-content-container.loading .popover-region-content .messages:empty + .empty-message {
  display: none;
}
.popover-region-messages .messages:empty + .empty-message {
  display: block;
}
.popover-region-messages .content-item-container.unread .content-item-body {
  font-weight: 600;
  width: calc(90% - 30px);
}
.popover-region-messages .content-item-container.unread .unread-count-container {
  display: inline-block;
  width: 10%;
  text-align: center;
  float: right;
}
.popover-region-messages .content-item {
  height: 100%;
  width: 100%;
  box-sizing: border-box;
}
.popover-region-messages .profile-image-container {
  width: 30px;
  display: inline-block;
  text-align: center;
  float: left;
}
.popover-region-messages .profile-image-container img {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  border-radius: 50%;
}
.popover-region-messages .content-item-body {
  display: inline-block;
  box-sizing: border-box;
  width: calc(100% - 30px);
  font-size: 12px;
  padding-left: 10px;
  overflow: hidden;
}
.popover-region-messages .content-item-body h3 {
  font-size: 12px;
  line-height: 12px;
  margin: 0;
  width: 100%;
}
.popover-region-messages .content-item-body p {
  margin: 0;
}
.popover-region-messages .unread-count-container {
  display: none;
}
@media (max-width: 767px) {
  .navbar .popover-region .popover-region-container {
    right: -70px;
  }
}
@media (max-width: 480px) {
  .navbar .popover-region .popover-region-container {
    position: fixed;
    top: 46px;
    right: 0;
    left: 0;
    bottom: 0;
    width: auto;
    height: auto;
  }
}
/**
 * Tour step must sit above all other UI components.
 * The backdrop is the lowest point in the tour.
 * Everything else is in the container, and the target background should be at the same z-index.
 * ----- moodle
 *  ---- step backdrop
 *   --- step container
 *   --- step target background
 */
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: 0.6rem;
  padding: 10px;
  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 {
  /**
         * Remove all margins to:
         * 1) ensure that the arrow touches the target; and
         * 2) ensure that the focus border touches the modal.
         */
  margin: 0;
}
span[data-flexitour="container"] div[data-role="arrow"] {
  border-width: 1rem;
}
span[data-flexitour="container"] div[data-role="arrow"], span[data-flexitour="container"] div[data-role="arrow"]:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 1rem;
}
span[data-flexitour="container"][x-placement="top"], span[data-flexitour="container"][x-placement="top-start"] {
  margin-bottom: 1rem;
}
span[data-flexitour="container"][x-placement="top"] div[data-role="arrow"], span[data-flexitour="container"][x-placement="top-start"] div[data-role="arrow"] {
  bottom: -1rem;
  left: 50%;
  margin-left: -1rem;
  border-bottom-width: 0;
  border-top-color: rgba(0, 0, 0, 0.25);
}
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: rgba(0, 0, 0, 0.25);
}
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: rgba(0, 0, 0, 0.25);
}
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: rgba(0, 0, 0, 0.25);
}
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;
}
.dir-rtl span[data-flexitour="container"][x-placement^="right"] {
  margin-left: 1rem;
}
.dir-rtl span[data-flexitour="container"][x-placement^="right"] div[data-role="arrow"] {
  transform: rotate(180deg);
  left: -1rem;
  right: auto;
}
.dir-rtl span[data-flexitour="container"][x-placement^="left"] {
  margin-right: 1rem;
}
.dir-rtl span[data-flexitour="container"][x-placement^="left"] div[data-role="arrow"] {
  transform: rotate(180deg);
  left: auto;
  right: -1rem;
}
[data-region="drawer"] [data-flexitour="container"] {
  /*rtl:ignore*/
  margin-left: -15px;
  width: 275px;
}
@media print {
  body.drawer-open-left.jsenabled, body.drawer-open-right.jsenabled {
    margin: 0;
  }
  .container {
    width: auto;
  }
}
.modal .modal-body > .loading-icon {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}
.modal .modal-body > .loading-icon .icon {
  position: absolute;
  top: 50%;
  /*rtl:ignore*/
  left: 50%;
  transform: translate(-50%, -50%);
}
.modal .close {
  margin: -0.8rem -0.8rem -0.8rem auto;
}
.modal .close:not(:disabled):not(.disabled):hover, .modal .close:not(:disabled):not(.disabled):focus {
  opacity: inherit;
}
.layout.fullscreen {
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  transition: 0.5s;
  width: 100vw;
  margin: 0;
  opacity: 1;
  background-color: #fff;
}
@media (prefers-reduced-motion: reduce) {
  .layout.fullscreen {
    transition: none;
  }
}
.layout.fullscreen > div {
  height: 100%;
  width: 100%;
}
.layout.fullscreen .loading-icon {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  display: inline-block;
  width: 100%;
  top: 40%;
  position: fixed;
}
.layout.fullscreen .loading-icon .icon {
  width: 1em;
  height: 1em;
  font-size: 4em;
}
#page.drawers {
  margin-top: 60px;
  scrollbar-width: thin;
  scrollbar-color: #6a737b #f8f9fa;
}
#page.drawers::-webkit-scrollbar {
  width: 12px;
}
#page.drawers::-webkit-scrollbar-track {
  background: #f8f9fa;
}
#page.drawers::-webkit-scrollbar-thumb {
  background-color: #6a737b;
  border-radius: 20px;
  border: 3px solid #f8f9fa;
}
#page.drawers::-webkit-scrollbar-thumb:hover {
  background-color: #495057;
}
#page.drawers .main-inner {
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
  border-radius: 0.5rem;
  background-color: #fff;
  padding: 1.5rem 0.5rem;
  margin-top: 0.5rem;
  margin-bottom: 3rem;
  flex: 1 0 auto;
}
#page.drawers .activity-header {
  margin-left: 15px;
  margin-right: 15px;
}
@media (min-width: 768px) {
  .pagelayout-standard #page.drawers .main-inner, body.limitedwidth #page.drawers .main-inner {
    max-width: 100%;
  }
  .pagelayout-standard #page.drawers .footer-popover, body.limitedwidth #page.drawers .footer-popover {
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
    border-radius: 0.5rem;
  }
  body.mediumwidth #page.drawers .main-inner {
    max-width: 1120px;
  }
  body.mediumwidth #page.drawers .footer-popover {
    max-width: 1120px;
    width: 100%;
    margin: 0 auto;
    border-radius: 0.5rem;
  }
  .header-maxwidth {
    max-width: 100%;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
  }
  .header-maxwidth .header-inner {
    padding-left: 0;
    padding-right: 0;
  }
}
.drawer-toggles .drawer-toggler {
  position: fixed;
  top: calc(60px + 0.7rem);
  z-index: 2;
}
.drawer-toggles .drawer-toggler .btn {
  border-radius: 200px;
  padding: 16px;
  background-color: #dee2e6;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  transition: padding 200ms;
}
.drawer-toggles .drawer-toggler .btn .icon {
  width: auto;
  height: auto;
}
.drawer-toggles .drawer-toggler .btn:focus {
  box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
}
.drawer-toggles .drawer-left-toggle {
  left: 0;
}
.drawer-toggles .drawer-left-toggle .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  padding-right: 14px;
  padding-left: 10px;
}
.drawer-toggles .drawer-left-toggle .btn:hover {
  padding-left: 20px;
}
.drawer-toggles .drawer-right-toggle {
  right: 0;
}
.drawer-toggles .drawer-right-toggle .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  padding-right: 10px;
  padding-left: 14px;
}
.drawer-toggles .drawer-right-toggle .btn:hover {
  padding-right: 20px;
}
#page.drawers.show-drawer-left .drawer-left-toggle {
  display: none;
}
#page.drawers.show-drawer-right .drawer-right-toggle {
  display: none;
}
@media (max-width: 767.98px) {
  .drawer-toggles {
    z-index: 100;
  }
  .drawer-toggles .drawer-right-toggle, .drawer-toggles .drawer-left-toggle {
    top: calc(99vh - (60px * 2.5));
  }
  #page.drawers.scroll-down .drawer-right-toggle {
    transform: translateX(150%);
    pointer-events: auto;
    visibility: hidden;
  }
  #page.drawers.scroll-down .drawer-left-toggle {
    transform: translateX(-150%);
    pointer-events: auto;
    visibility: hidden;
  }
}
@media (min-width: 576px) {
  #page.drawers .main-inner {
    margin-top: 1.5rem;
  }
  #page.drawers .drawer-right-toggle {
    margin-right: 0.7rem;
  }
}
@media (min-width: 768px) {
  #page.drawers {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  #page.drawers .main-inner {
    padding: 1.5rem 0.5rem;
  }
  #page.drawers div[role="main"] {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 992px) {
  .drawer-left, .drawer-right {
    top: 60px;
    height: calc(100vh - 60px);
  }
  .hasstickyfooter .drawer-left, .hasstickyfooter .drawer-right {
    top: 60px;
    height: calc(100vh - 60px - 60px);
  }
  #page.drawers {
    position: relative;
    overflow-y: auto;
    transition: 0.2s;
    height: calc(100vh - 60px);
    left: 0;
    right: 0;
  }
  #page.drawers.show-drawer-left {
    margin-left: 285px;
    margin-right: 0;
    padding-left: 1rem;
  }
  #page.drawers.show-drawer-right {
    margin-left: 0;
    margin-right: 315px;
    padding-right: 1rem;
  }
  .jsenabled #page.drawers.show-drawer-right .btn-footer-popover {
    right: calc(315px + 2rem);
  }
  #page.drawers.show-drawer-left.show-drawer-right {
    margin-left: 285px;
    margin-right: 315px;
  }
  #page.drawers.hasstickyfooter {
    height: calc(100vh - 60px - 60px);
  }
}
@media (min-width: 992px) and (prefers-reduced-motion: reduce) {
  #page.drawers {
    transition: none;
  }
}
.drawercontrolbuttons {
  margin-top: 92px;
}
.drawercontrolbuttons .buttons {
  z-index: 1;
}
.form-control:-ms-input-placeholder {
  color: #6a737b;
}
.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: 576px) {
  .card-columns {
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
  }
}
.carousel-item {
  -webkit-backface-visibility: hidden;
}
.card {
  -webkit-background-clip: border-box;
}
.carousel-indicators li, .dropdown-menu, .form-control, .modal-content, .popover, .toast {
  -webkit-background-clip: padding-box;
}
.btn {
  -webkit-user-select: none;
  -ms-user-select: none;
}
.user-select-all {
  -webkit-user-select: all !important;
  /* stylelint-disable-line declaration-no-important */
  -ms-user-select: none;
}
.user-select-auto {
  -webkit-user-select: auto !important;
  /* stylelint-disable-line declaration-no-important */
  -ms-user-select: none;
}
.user-select-none {
  -webkit-user-select: none !important;
  /* stylelint-disable-line declaration-no-important */
  -ms-user-select: none;
}
.editor_atto_content_wrap {
  background-color: white;
  color: #333;
}
.editor_atto_content {
  padding: 4px;
  resize: vertical;
  overflow: auto;
}
.editor_atto_content_wrap, .editor_atto + textarea {
  width: 100%;
  padding: 0;
}
.editor_atto + textarea {
  border-radius: 0;
  resize: vertical;
  margin-top: -1px;
}
div.editor_atto_toolbar {
  display: block;
  background: #f2f2f2;
  min-height: 35px;
  border: 1px solid #8f959e;
  width: 100%;
  padding: 0 0 9px 0;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
div.editor_atto_toolbar button {
  padding: 4px 9px;
  background: none;
  border: 0;
  margin: 0;
  border-radius: 0;
  cursor: pointer;
}
div.editor_atto_toolbar .menuplaceholder {
  display: inline-block;
}
div.editor_atto_toolbar button + button, div.editor_atto_toolbar .menuplaceholder + button {
  border-left: 1px solid #ccc;
}
div.editor_atto_toolbar button[disabled] {
  opacity: 0.45;
  background: none;
  cursor: default;
}
.editor_atto_toolbar button:hover {
  background-image: radial-gradient(ellipse at center, #fff 60%, #dfdfdf 100%);
  background-color: #ebebeb;
}
.editor_atto_toolbar button:active, .editor_atto_toolbar button.highlight {
  background-image: radial-gradient(ellipse at center, #fff 40%, #dfdfdf 100%);
  background-color: #dfdfdf;
}
/* Make firefox button sizes match other browsers */
div.editor_atto_toolbar button::-moz-focus-inner {
  border: 0;
  padding: 0;
}
div.editor_atto_toolbar button .icon {
  padding: 0;
  margin: 2px 0;
}
div.editor_atto_toolbar div.atto_group {
  display: inline-block;
  border: 1px solid #ccc;
  border-bottom: 1px solid #b3b3b3;
  border-radius: 4px;
  margin: 9px 0 0 9px;
  background: #fff;
}
div.editor_atto_toolbar .atto_toolbar_row {
  margin: 6px 0 -3px 5px;
  display: table;
}
div.editor_atto_toolbar .atto_toolbar_row div.atto_group {
  margin: 3px 5px 3px 4px;
}
.editor_atto_content img {
  resize: both;
  overflow: auto;
}
.atto_hasmenu {
  /* IE8 places the images on top of each other if that is not set. */
  white-space: nowrap;
}
.atto_menuentry .icon {
  width: 16px;
  height: 16px;
}
.atto_menuentry {
  clear: left;
}
.atto_menuentry h1, .atto_menuentry h2, .atto_menuentry p {
  margin: 4px;
}
/*.atto_form label.sameline {
    display: inline-block;
    min-width: 10em;
}*/
.atto_form textarea.fullwidth, .atto_form input.fullwidth {
  width: 100%;
}
.atto_form {
  padding: 0.5rem;
}
/*.atto_form label {
    display: block;
    margin: 0 0 5px 0;
}*/
.atto_control {
  position: absolute;
  right: -6px;
  bottom: -6px;
  display: none;
  cursor: pointer;
}
.atto_control .icon {
  background-color: white;
}
div.editor_atto_content:focus .atto_control, div.editor_atto_content:hover .atto_control {
  display: block;
}
.editor_atto_menu.yui3-menu-hidden {
  display: none;
}
/* Get broken images back in firefox */
.editor_atto_content img:-moz-broken {
  -moz-force-broken-image-icon: 1;
  min-width: 24px;
  min-height: 24px;
}
/* Atto menu styling */
.moodle-dialogue-base .editor_atto_menu .moodle-dialogue-content .moodle-dialogue-bd {
  padding: 0;
  z-index: 1000;
}
.editor_atto_menu .dropdown-menu > li > a {
  margin: 3px 14px;
}
.editor_atto_menu .open ul.dropdown-menu {
  padding-top: 5px;
  padding-bottom: 5px;
}
.editor_atto_wrap {
  position: relative;
}
/*rtl:ignore*/
.editor_atto_wrap textarea {
  direction: ltr;
}
.editor_atto_notification .atto_info, .editor_atto_notification .atto_warning {
  display: inline-block;
  background-color: #f2f2f2;
  padding: 0.5em;
  padding-left: 1em;
  padding-right: 1em;
  border-bottom-left-radius: 1em;
  border-bottom-right-radius: 1em;
}
.editor_atto_notification .atto_info {
  background-color: #f2f2f2;
}
.editor_atto_notification .atto_warning {
  background-color: #ffd700;
}
.editor_atto_toolbar, .editor_atto_content_wrap, .editor_atto + textarea {
  box-sizing: border-box;
}
.editor_atto_content.form-control {
  width: 100%;
  border-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
/** Atto fields do not have form-control because that would break the layout of the editor.
    So they need these extra styles to highlight the editor when there is a validation error. */
.has-danger .editor_atto_content.form-control .invalid-feedback, .has-danger .editor_atto_content.form-control-danger .invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #ca3120;
}
.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.8203125rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(202, 49, 32, 0.9);
  border-radius: 0.5rem;
}
.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: #ca3120;
  padding-right: calc(1.5em + 0.75rem) !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23ca3120' 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='%23ca3120' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .has-danger .editor_atto_content.form-control .form-control:invalid:focus, .has-danger .editor_atto_content.form-control .form-control.is-invalid:focus, .was-validated .has-danger .editor_atto_content.form-control-danger .form-control:invalid:focus, .has-danger .editor_atto_content.form-control-danger .form-control.is-invalid:focus {
  border-color: #ca3120;
  box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 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: 3rem !important;
  background-position: right 1.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 + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}
.was-validated .has-danger .editor_atto_content.form-control .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: #ca3120;
  padding-right: calc(0.75em + 2.3125rem) !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='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center / 8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23ca3120' 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='%23ca3120' stroke='none'/%3e%3c/svg%3e") center right 1.75rem / calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) 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: #ca3120;
  box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 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: #ca3120;
}
.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: #ca3120;
}
.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: #ca3120;
}
.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: #e04d3d;
  background-color: #e04d3d;
}
.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(202, 49, 32, 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: #ca3120;
}
.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: #ca3120;
}
.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: #ca3120;
  box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.25);
}
.open.atto_menu > .dropdown-menu {
  display: block;
}
div.editor_atto_toolbar button .icon {
  color: #495057;
}
.toast {
  border-radius: 0.25rem;
}
.toast.toast-success {
  background-color: rgba(215, 228, 214, 0.95);
  color: #1c3f1a;
}
.toast.toast-success .toast-header {
  color: #1c3f1a;
}
.toast.toast-success .toast-body:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 2px 5px 0 0;
  content: "";
}
.toast.toast-danger {
  background-color: rgba(244, 214, 210, 0.95);
  color: #691911;
}
.toast.toast-danger .toast-header {
  color: #691911;
}
.toast.toast-danger .toast-body:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 2px 5px 0 0;
  content: "";
}
.toast.toast-info {
  background-color: rgba(204, 230, 234, 0.95);
  color: #00434e;
}
.toast.toast-info .toast-header {
  color: #00434e;
}
.toast.toast-info .toast-body:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 2px 5px 0 0;
  content: "";
}
.toast.toast-warning {
  background-color: rgba(252, 239, 220, 0.95);
  color: #7d5a29;
}
.toast.toast-warning .toast-header {
  color: #7d5a29;
}
.toast.toast-warning .toast-body:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 2px 5px 0 0;
  content: "";
}
.toast .close {
  color: inherit;
}
.navbar.fixed-top {
  padding-top: 0;
  padding-bottom: 0;
  box-shadow: none;
  border-bottom: #dee2e6 1px solid;
  align-items: stretch;
  height: 61px;
}
.navbar.fixed-top .navbar-brand .logo {
  max-height: calc(60px - (0.25rem * 2));
}
.navbar.fixed-top .nav-link {
  height: 100%;
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.navbar.fixed-top .divider {
  width: 1px;
  background-color: #dee2e6;
}
.navbar.fixed-top #usernavigation .nav-link {
  padding: 0 0.5rem;
}
.navbar.fixed-top .login {
  display: flex;
  align-items: center;
}
.navbar.fixed-top .usermenu {
  display: flex;
}
.navbar.fixed-top .usermenu .action-menu {
  display: flex;
  align-items: center;
}
.navbar.fixed-top .usermenu .dropdown {
  display: flex;
  align-items: center;
}
.navbar.fixed-top .usermenu .dropdown .dropdown-toggle {
  padding-top: 0;
  padding-bottom: 0;
  border-radius: 0;
  display: flex;
  align-items: center;
  height: 100%;
}
.navbar.fixed-top .usermenu .dropdown-menu {
  min-width: 235px;
}
.navbar.fixed-top .usermenu .dropdown-menu .carousel-navigation-link > * {
  pointer-events: none;
}
.navbar.fixed-top .usermenu .dropdown-menu .dropdown-item {
  padding: 0.25rem 1.75rem 0.25rem 0.75rem;
}
.navbar.fixed-top .usermenu .dropdown-menu .dropdown-item.carousel-navigation-link::after {
  font-family: FontAwesome;
  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 {
  font-family: FontAwesome;
  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%);
}
#page {
  margin-top: 60px;
}
.pagelayout-embedded #page {
  margin-top: 0;
}
:root {
  --navbar-height: 60px;
}
/**
* Reportbuilder.
*/
/* Table */
.reportbuilder-table .action-menu .menubar {
  justify-content: end;
}
/* Filters */
.reportbuilder-wrapper .filters-dropdown {
  width: 27rem;
  padding: 0;
  z-index: 1050;
  overflow: hidden;
}
@media (max-width: 767.98px) {
  .reportbuilder-wrapper .filters-dropdown {
    width: 100%;
  }
}
.reportbuilder-wrapper .filters-dropdown .reportbuilder-filters-sidebar {
  max-height: calc(100vh - 60px - 1rem);
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #6a737b #fff;
}
.reportbuilder-wrapper .filters-dropdown .reportbuilder-filters-sidebar::-webkit-scrollbar {
  width: 12px;
}
.reportbuilder-wrapper .filters-dropdown .reportbuilder-filters-sidebar::-webkit-scrollbar-track {
  background: #fff;
}
.reportbuilder-wrapper .filters-dropdown .reportbuilder-filters-sidebar::-webkit-scrollbar-thumb {
  background-color: #6a737b;
  border-radius: 20px;
  border: 3px solid #fff;
}
.reportbuilder-wrapper .filters-dropdown .reportbuilder-filters-sidebar::-webkit-scrollbar-thumb:hover {
  background-color: #495057;
}
.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: 1.171875rem;
}
.reportbuilder-wrapper .reportbuilder-filters-wrapper .filter .filter-header .filter-name, .reportbuilder-wrapper .reportbuilder-conditions-list .filter .filter-header .filter-name {
  font-size: 1rem;
  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;
}
/**
* Custom Reports.
*/
.reportbuilder-report-container {
  min-width: 0;
}
.reportbuilder-report-container button[data-action="toggle-edit-preview"] .loading-icon {
  margin-left: 0.5rem;
}
.reportbuilder-editor-table-container {
  overflow-x: auto;
}
/* Custom table headers */
.reportbuilder-table th button[data-action="report-remove-column"] .icon, .reportbuilder-table th span[data-drag-type="move"] .icon {
  width: 12px;
  height: 12px;
  font-size: 12px;
  vertical-align: text-top;
  color: #1d2125;
}
.reportbuilder-table th button[data-action="report-remove-column"] .icon {
  margin-right: 0;
}
/* Sidebar menu */
@media (min-width: 992px) {
  .reportbuilder-sidebar-menu {
    width: 250px;
    flex-shrink: 0;
  }
}
.reportbuilder-sidebar-menu .card-body .list-group-item {
  padding: 0.75rem;
}
.reportbuilder-sidebar-menu .card-body .list-group-item .icon {
  width: 12px;
  height: 12px;
  font-size: 12px;
}
.reportbuilder-sidebar-menu-cards {
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #6a737b #f8f9fa;
}
.reportbuilder-sidebar-menu-cards::-webkit-scrollbar {
  width: 12px;
}
.reportbuilder-sidebar-menu-cards::-webkit-scrollbar-track {
  background: #f8f9fa;
}
.reportbuilder-sidebar-menu-cards::-webkit-scrollbar-thumb {
  background-color: #6a737b;
  border-radius: 20px;
  border: 3px solid #f8f9fa;
}
.reportbuilder-sidebar-menu-cards::-webkit-scrollbar-thumb:hover {
  background-color: #495057;
}
/* Settings sidebar */
.reportbuilder-sidebar-settings {
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #6a737b #f8f9fa;
}
.reportbuilder-sidebar-settings::-webkit-scrollbar {
  width: 12px;
}
.reportbuilder-sidebar-settings::-webkit-scrollbar-track {
  background: #f8f9fa;
}
.reportbuilder-sidebar-settings::-webkit-scrollbar-thumb {
  background-color: #6a737b;
  border-radius: 20px;
  border: 3px solid #f8f9fa;
}
.reportbuilder-sidebar-settings::-webkit-scrollbar-thumb:hover {
  background-color: #495057;
}
@media (min-width: 992px) {
  .reportbuilder-sidebar-settings {
    width: 350px;
    flex-shrink: 0;
  }
}
.reportbuilder-sidebar-settings .list-group-item {
  padding: 0.75rem;
}
.reportbuilder-sidebar-settings .list-group-item .icon {
  width: 12px;
  height: 12px;
  font-size: 12px;
  color: #1d2125;
}
.reportbuilder-sidebar-settings .list-group-item button[data-action="report-remove-filter"] .icon, .reportbuilder-sidebar-settings .list-group-item button[data-action="report-remove-condition"] .icon {
  margin-right: 0;
  vertical-align: text-top;
}
.reportbuilder-sidebar-settings .list-group-item span[data-drag-type="move"] .icon {
  vertical-align: text-top;
}
.reportbuilder-sidebar-settings div[data-region="settings-sorting"] .list-group-item span[data-drag-type="move"] .icon {
  vertical-align: middle;
}
.reportbuilder-sidebar-settings div[data-region="settings-cardview"] form .col-md-3, .reportbuilder-sidebar-settings div[data-region="settings-cardview"] form .col-md-9 {
  flex: 1 1;
  max-width: initial;
}
.reportbuilder-sidebar-settings div[data-region="settings-cardview"] form div[data-fieldtype="submit"] {
  flex-basis: auto;
}
.reportbuilder-sidebar-settings .inplaceeditable.inplaceeditingon input {
  width: 100%;
}
/* Add button styles when a toggle button is active. */
.reportbuilder-wrapper button.btn-outline-secondary[data-toggle="collapse"]:not(.collapsed), .reportbuilder-wrapper .dropdown.show button.btn-outline-secondary[data-toggle="dropdown"] {
  color: #fff;
  background-color: #6a737b;
  border-color: #6a737b;
}
/* Drag&drop styles. */
.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: #a2cff8;
}
.reportbuilder-sortable-list li.sortable-list-is-dragged, .reportbuilder-table th.sortable-list-is-dragged, .reportbuilder-conditions-list .condition.sortable-list-is-dragged {
  background-color: #fff;
  opacity: 0.85;
}
/* Reportbuilder full page styles. */
@media (min-width: 992px) {
  .path-admin-reportbuilder.pagelayout-popup.behat-site .fixed-top {
    position: fixed;
  }
  .path-admin-reportbuilder.pagelayout-popup #region-main {
    border: none;
    padding: 0;
  }
  .path-admin-reportbuilder.pagelayout-popup #maincontent {
    visibility: hidden;
  }
  .path-admin-reportbuilder.pagelayout-popup .dynamictabs .nav-tabs {
    position: fixed;
    z-index: 1030;
    width: calc(100% - 35px);
    padding-top: 1.25rem;
    background-color: #fff;
    box-shadow: 0 1.25rem 0 #fff;
  }
  .path-admin-reportbuilder.pagelayout-popup .dynamictabs .tab-content {
    padding-top: 83px;
  }
  .path-admin-reportbuilder.pagelayout-popup .reportbuilder-sidebar-menu {
    position: fixed;
  }
  .path-admin-reportbuilder.pagelayout-popup .reportbuilder-sidebar-menu .reportbuilder-sidebar-menu-cards {
    max-height: calc(100vh - 163px - 52px);
  }
  .path-admin-reportbuilder.pagelayout-popup .reportbuilder-sidebar-settings {
    position: fixed;
    right: 30px;
    max-height: calc(100vh - 163px);
  }
  .path-admin-reportbuilder.pagelayout-popup .reportbuilder-report[data-editing] .reportbuilder-report-container {
    max-height: calc(100vh - 163px);
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #6a737b #f8f9fa;
    margin-left: calc(250px + 1rem);
    margin-right: calc(350px + 1rem);
  }
  .path-admin-reportbuilder.pagelayout-popup .reportbuilder-report[data-editing] .reportbuilder-report-container::-webkit-scrollbar {
    width: 12px;
  }
  .path-admin-reportbuilder.pagelayout-popup .reportbuilder-report[data-editing] .reportbuilder-report-container::-webkit-scrollbar-track {
    background: #f8f9fa;
  }
  .path-admin-reportbuilder.pagelayout-popup .reportbuilder-report[data-editing] .reportbuilder-report-container::-webkit-scrollbar-thumb {
    background-color: #6a737b;
    border-radius: 20px;
    border: 3px solid #f8f9fa;
  }
  .path-admin-reportbuilder.pagelayout-popup .reportbuilder-report[data-editing] .reportbuilder-report-container::-webkit-scrollbar-thumb:hover {
    background-color: #495057;
  }
  .path-admin-reportbuilder.pagelayout-popup .reportbuilder-audiences-container {
    margin-left: calc(250px + 1rem);
  }
}
#page-admin-reportbuilder-edit #page {
  overflow-y: auto;
}
/* Toggle cards. */
.reportbuilder-toggle-card .card-header {
  border-bottom: none;
}
.reportbuilder-toggle-card .card-body {
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}
.reportbuilder-toggle-card .toggle-card-button i.toggle-card-icon {
  color: #6a737b;
  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;
}
/**
* Audiences.
*/
.reportbuilder-audiences-container {
  /* 'OR' separator. */
  /* Card action icons. */
}
.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;
}
/* Report table card view styles */
/* Report table card view for small screens */
@media (max-width: 575.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;
    /* stylelint-disable-line declaration-no-important */
    word-wrap: break-word;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.5rem;
  }
  .reportbuilder-report[data-report-type="0"]:not([data-editing]) table.reportbuilder-table tr:hover {
    background-color: #fff !important;
    /* stylelint-disable-line declaration-no-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: #343a40;
  }
  .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 rgba(0, 0, 0, 0.125);
  }
  .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;
    /* stylelint-disable-line declaration-no-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: #6a737b;
  }
  .reportbuilder-report[data-report-type="0"]:not([data-editing]) table.reportbuilder-table tr td.card-toggle button i {
    font-size: 1.5em;
    font-weight: bold;
  }
}
.courseindex .courseindex-item {
  padding: 0.5rem 0.5rem;
  border: 1px solid transparent;
  border-radius: 0.5rem;
}
.courseindex .courseindex-item.courseindex-section-title a {
  font-weight: bold;
}
.courseindex .courseindex-item .icons-collapse-expand {
  padding-right: 4px;
}
.courseindex .courseindex-item .courseindex-link, .courseindex .courseindex-item .courseindex-chevron {
  color: #495057;
}
.courseindex .courseindex-item .courseindex-link:hover, .courseindex .courseindex-item .courseindex-link:focus, .courseindex .courseindex-item .courseindex-chevron:hover, .courseindex .courseindex-item .courseindex-chevron:focus {
  color: black;
  text-decoration: none;
}
.courseindex .courseindex-item:hover, .courseindex .courseindex-item:focus {
  color: black;
}
.courseindex .courseindex-item:hover .courseindex-link, .courseindex .courseindex-item:hover .courseindex-chevron, .courseindex .courseindex-item:focus .courseindex-link, .courseindex .courseindex-item:focus .courseindex-chevron {
  color: black;
  cursor: pointer;
}
.courseindex .courseindex-item:hover.dimmed, .courseindex .courseindex-item:focus.dimmed {
  color: black;
}
.courseindex .courseindex-item:hover.dimmed .courseindex-link, .courseindex .courseindex-item:hover.dimmed .courseindex-chevron, .courseindex .courseindex-item:focus.dimmed .courseindex-link, .courseindex .courseindex-item:focus.dimmed .courseindex-chevron {
  color: black;
}
.courseindex .courseindex-item:hover.draggable, .courseindex .courseindex-item:focus.draggable {
  cursor: pointer;
}
.courseindex .courseindex-item.dragging {
  border: 1px solid #b8dce2;
  background-color: #e0f0f2;
}
.courseindex .courseindex-item.active {
  background-color: #f8f9fa;
  border-color: #dee2e6;
}
.courseindex .courseindex-item.dimmed {
  color: #6a737b;
}
.courseindex .courseindex-item.dimmed .courseindex-link, .courseindex .courseindex-item.dimmed .courseindex-chevron {
  color: #6a737b;
}
.courseindex .courseindex-item.dimmed.pageitem {
  color: #fff;
}
.courseindex .courseindex-item.dimmed.pageitem a {
  color: #fff;
}
.courseindex .courseindex-item .courseindex-locked {
  display: none;
}
.courseindex .courseindex-item.restrictions .courseindex-locked {
  display: block;
}
.courseindex .courseindex-item.pageitem {
  background-color: #0f6cbf;
  color: #fff;
  scroll-margin: 6rem;
}
.courseindex .courseindex-item.pageitem a {
  color: #fff;
}
.courseindex .courseindex-item.pageitem:hover, .courseindex .courseindex-item.pageitem:focus {
  background-color: #0c589c;
  color: #e6e6e6;
}
.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: #e6e6e6;
}
.courseindex .courseindex-item .completioninfo {
  min-width: 24px;
}
.courseindex .courseindex-item .completioninfo.completion_complete {
  color: #357a32;
}
.courseindex .courseindex-item .completioninfo.completion_fail {
  color: #ca3120;
}
.courseindex .courseindex-item.indented {
  margin-left: 1rem;
}
.courseindex .courseindex-section {
  border-left: solid 3px transparent;
}
.courseindex .courseindex-section.dragging {
  border: 1px solid #b8dce2;
  background-color: #e0f0f2;
}
.courseindex .courseindex-section .current-badge {
  line-height: 1.5;
  display: none;
}
.courseindex .courseindex-section.current {
  border-left: solid 3px #0f6cbf;
}
.courseindex .courseindex-section.current .current-badge {
  display: inline-block;
}
.courseindex .courseindex-section.dropready .courseindex-item-content {
  /* Extra dropzone space */
  padding-bottom: 1em;
}
.courseindex .courseindex-section .courseindex-sectioncontent .courseindex-item {
  padding-left: 0.5rem;
}
.courseindex .icon {
  font-size: 12px;
}
.courseindex .d-flex-noedit {
  display: none;
}
.courseindex.editing .d-flex-noedit {
  display: flex;
}
.courseindex .media-list .rounded-circle {
  height: 1rem;
  width: 1rem;
}
.courseindex .media-list .w-100 {
  height: 1rem;
  margin: 0.5rem 0;
}
.moremenu {
  opacity: 0;
  height: 60px;
}
.moremenu.observed {
  opacity: 1;
}
.moremenu .nav-link {
  height: 60px;
  display: flex;
  align-items: center;
  border-right: none;
  border-bottom: solid 3px transparent;
  border-left: none;
  border-top: none;
}
.moremenu .nav-link:hover, .moremenu .nav-link:focus {
  border-color: transparent;
  background-color: #f8f9fa;
}
.moremenu .nav-link.active {
  background-color: #f8f9fa;
  border-color: transparent;
  border-bottom-color: #0f6cbf;
}
.moremenu .nav-link.active:focus, .moremenu .nav-link.active:hover {
  background-color: #f8f9fa;
  border-bottom-color: #0f6cbf;
}
.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: bold;
}
@media speech {
  .moremenu .nav-link[data-toggle="tab"]::after {
    display: none;
  }
}
.moremenu .nav-tabs {
  margin-left: 0;
  background-color: #fff;
}
.moremenu .show > .nav-link, .moremenu .active > .nav-link, .moremenu .nav-link.show, .moremenu .nav-link.active {
  background: transparent;
}
.moremenu .dropdownmoremenu > .dropdown-menu > .dropdown-item {
  padding: 0;
}
.moremenu .dropdownmoremenu > .dropdown-menu .dropdown-menu {
  position: static;
  padding: 0;
  border: 0;
}
.moremenu .dropdownmoremenu > .dropdown-menu .dropdown-menu.show {
  display: block;
}
.moremenu .dropdownmoremenu > .dropdown-menu .dropdown-menu .dropdown-item {
  background-color: #f8f9fa;
}
.moremenu .dropdownmoremenu > .dropdown-menu .dropdown-menu .dropdown-item:hover, .moremenu .dropdownmoremenu > .dropdown-menu .dropdown-menu .dropdown-item:focus {
  color: #fff;
  background-color: #0f6cbf;
}
.moremenu .dropdownmoremenu > .dropdown-menu .dropdown-menu .dropdown-divider {
  display: none;
}
.moremenu .dropdown-item[aria-current="true"], .moremenu .dropdown-item.active {
  background-color: transparent;
  color: #1d2125;
}
.moremenu .dropdown-item[aria-current="true"]:focus-within, .moremenu .dropdown-item[aria-current="true"]:hover, .moremenu .dropdown-item.active:focus-within, .moremenu .dropdown-item.active:hover {
  background-color: #0f6cbf;
  color: #fff;
}
.moremenu .dropdown-item[aria-current="true"]:focus-within a, .moremenu .dropdown-item[aria-current="true"]:hover a, .moremenu .dropdown-item.active:focus-within a, .moremenu .dropdown-item.active:hover a {
  color: #fff;
}
.moremenu .dropdown-item[aria-current="true"]:before, .moremenu .dropdown-item.active:before {
  content: "";
}
.primary-navigation .navigation {
  height: 60px;
}
.primary-navigation .navigation .nav-link {
  height: 60px;
  color: #1d2125;
  border-top: 3px solid transparent;
}
@media (max-width: 767.98px) {
  .primary-navigation {
    display: none;
  }
  .editmode-switch-form label {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }
}
.editmode-switch-form .custom-control-input {
  width: 100%;
  z-index: 1;
}
.drawer-primary .drawercontent {
  padding: 0;
}
.drawer-primary .drawercontent .list-group {
  border-radius: 0;
  margin-top: -1px;
}
.drawer-primary .drawercontent .list-group .list-group-item {
  border-left: 0;
  border-right: 0;
}
.secondary-navigation {
  padding-bottom: 15px;
}
.secondary-navigation .navigation {
  border-bottom: 1px solid #dee2e6;
  background-color: #fff;
  margin: 0 -0.5rem;
  padding: 0 0.5rem;
}
.secondary-navigation .navigation .nav-tabs {
  border: none;
  max-width: 100%;
  margin: 0 auto;
}
.secondary-navigation .navigation .nav-tabs .nav-link {
  border-radius: initial;
}
@media (min-width: 768px) {
  .secondary-navigation .navigation {
    padding: 0 calc(0.5rem + 15px);
  }
}
.tertiary-navigation {
  padding-top: 10px;
}
.tertiary-navigation.full-width-bottom-border {
  width: calc(100% + 1rem + 30px);
  margin-left: calc(-0.5rem - 15px);
  margin-right: calc(-0.5rem - 15px);
  border-bottom: 1px solid #dee2e6;
  margin-bottom: 25px;
}
@media (max-width: 767.98px) {
  .tertiary-navigation.full-width-bottom-border {
    width: calc(100% + 1rem);
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
}
.tertiary-navigation.full-width-bottom-border .row {
  margin: 0;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.tertiary-navigation .navitem, .tertiary-navigation .navitem-divider {
  display: flex;
  margin-bottom: 25px;
}
.tertiary-navigation .navitem-divider {
  width: 1px;
  background-color: #dee2e6;
}
.tertiary-navigation > a.btn, .tertiary-navigation > div.urlselect {
  margin-bottom: 25px;
}
.tertiary-navigation .row {
  column-gap: 10px;
}
.tertiary-navigation .tertiary-navigation-selector .dropdown-toggle {
  padding: 0;
  font-size: 1.4rem;
  font-weight: bold;
}
.tertiary-navigation .navitem:not(:last-child), .tertiary-navigation .navitem-divider:not(:last-child) {
  margin-right: 20px;
}
.tertiary-navigation .btn > div {
  max-width: 200px;
}
@media (max-width: 767.98px) {
  .tertiary-navigation .mform {
    padding-left: initial;
  }
}
@media (max-width: 575.98px) {
  .tertiary-navigation .page-toggler > p {
    font-size: 80%;
  }
}
@media print {
  .tertiary-navigation {
    display: none;
  }
}
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.navbar {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
}
.userpicture {
  border-radius: 50%;
}
.btn-outline-secondary {
  color: #6a737b;
  border-color: #6a737b;
  border-color: #6a737b;
}
.btn-outline-secondary:hover {
  color: #fff;
  background-color: #6a737b;
  border-color: #6a737b;
}
.btn-outline-secondary:focus, .btn-outline-secondary.focus {
  box-shadow: 0 0 0 0.2rem rgba(106, 115, 123, 0.5);
}
.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
  color: #6a737b;
  background-color: transparent;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle {
  color: #fff;
  background-color: #6a737b;
  border-color: #6a737b;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(106, 115, 123, 0.5);
}
.btn-outline-info {
  color: #1f7e9a;
  border-color: #1f7e9a;
}
.btn-outline-info:hover {
  color: #fff;
  background-color: #1f7e9a;
  border-color: #1f7e9a;
}
.btn-outline-info:focus, .btn-outline-info.focus {
  box-shadow: 0 0 0 0.2rem rgba(31, 126, 154, 0.5);
}
.btn-outline-info.disabled, .btn-outline-info:disabled {
  color: #1f7e9a;
  background-color: transparent;
}
.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle {
  color: #fff;
  background-color: #1f7e9a;
  border-color: #1f7e9a;
}
.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(31, 126, 154, 0.5);
}
.btn-outline-warning {
  color: #a6670e;
  border-color: #a6670e;
}
.btn-outline-warning:hover {
  color: #fff;
  background-color: #a6670e;
  border-color: #a6670e;
}
.btn-outline-warning:focus, .btn-outline-warning.focus {
  box-shadow: 0 0 0 0.2rem rgba(166, 103, 14, 0.5);
}
.btn-outline-warning.disabled, .btn-outline-warning:disabled {
  color: #a6670e;
  background-color: transparent;
}
.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle {
  color: #fff;
  background-color: #a6670e;
  border-color: #a6670e;
}
.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(166, 103, 14, 0.5);
}
.bg-gray {
  background-color: #e9ecef !important;
}
a.bg-gray:hover, a.bg-gray:focus, button.bg-gray:hover, button.bg-gray:focus {
  background-color: #cbd3da !important;
}
/*=======================================
 * Settings: Look -> Site branding
 ======================================*/
/*---------------------------------------
 * Setting: Compact logo
 --------------------------------------*/
/* Add an explicit height to the logo in the navbar.
   This is necessary to render SVG logos properly as their size is calculated different than pixel-based images. */
.navbar-brand, .navbar-brand .logo {
  height: 100%;
  width: auto;
}
/*---------------------------------------
 * Setting: Navbar color
 --------------------------------------*/
/* Moodle core already presents the light navbar with dark font color (.navbar-light.bg-white) perfectly.
   There is nothing to change here. */
/* Tweak the dark navbar with light font color
   and the primary color navbar with light font color. */
.navbar.navbar-dark.bg-dark, .navbar.navbar-dark.bg-primary {
  /* Remove the white border at the bottom of the navbar as it looks odd with a dark navbar. */
  border-bottom: none;
  /* Change the color of the site name in the navbar to white. */
  /* Change the color of the navigation items in the navbar to white
       and to black when hovered (as Moodle core will then show a white background).
       This has to use !important as Moodle core already uses !important for some of its hover states. */
  /* Change the background color and colors of open custom menu parent navigation items in the navbar
       as they are built differently from single navigation items. */
  /* Change the color of the icons in the navbar as well as the toggle icon in the usermenu
       to white.
       This has to use !important as Moodle core already uses !important for the icon colors. */
  /* Change the color of the icons in the dropdown menu to a dark grey and to white when hovered.
       This has to use !important as Moodle core already uses !important for the icon colors. */
  /* Revert color of the close icon in the search panel in the navbar as this icon is still dark on white
       within the input form. */
  /* Change the color of the edit switch label in the navbar to white.
       This has to use !important as Moodle core would change the color to text-primary as soon as editing is on. */
  /* Adapt the color of the edit switch widget to fit onto the dark background. */
  /* Change the color of the offcanvas button to fit onto the dark background. */
  /* Change the color of the login link in the navbar to white. */
  /* Change the color of the notification action buttons to dark grey.
       This has to use !important as Moodle core already uses !important for the icon colors. */
  /* Change the color of the language selector link in the navbar to white. */
}
.navbar.navbar-dark.bg-dark .navbar-brand, .navbar.navbar-dark.bg-primary .navbar-brand {
  color: #fff;
}
.navbar.navbar-dark.bg-dark .nav-link, .navbar.navbar-dark.bg-primary .nav-link {
  color: #fff;
}
.navbar.navbar-dark.bg-dark .nav-link.active, .navbar.navbar-dark.bg-primary .nav-link.active {
  border-bottom-color: #fff;
}
.navbar.navbar-dark.bg-dark .nav-link:hover, .navbar.navbar-dark.bg-dark .nav-link:focus, .navbar.navbar-dark.bg-primary .nav-link:hover, .navbar.navbar-dark.bg-primary .nav-link:focus {
  color: #000 !important;
  /* stylelint-disable-line declaration-no-important */
}
.navbar.navbar-dark.bg-dark .nav-link:hover .icon, .navbar.navbar-dark.bg-dark .nav-link:focus .icon, .navbar.navbar-dark.bg-primary .nav-link:hover .icon, .navbar.navbar-dark.bg-primary .nav-link:focus .icon {
  color: #000 !important;
  /* stylelint-disable-line declaration-no-important */
}
.navbar.navbar-dark.bg-dark .nav-item.dropdown.show .nav-link.dropdown-toggle, .navbar.navbar-dark.bg-primary .nav-item.dropdown.show .nav-link.dropdown-toggle {
  background-color: #f8f9fa;
  color: #000;
}
.navbar.navbar-dark.bg-dark .nav-link .icon, .navbar.navbar-dark.bg-dark .nav-link a .icon, .navbar.navbar-dark.bg-dark .usermenu .dropdown-toggle, .navbar.navbar-dark.bg-primary .nav-link .icon, .navbar.navbar-dark.bg-primary .nav-link a .icon, .navbar.navbar-dark.bg-primary .usermenu .dropdown-toggle {
  color: #fff !important;
  /* stylelint-disable-line declaration-no-important */
}
.navbar.navbar-dark.bg-dark .dropdown-menu .dropdown-item .icon, .navbar.navbar-dark.bg-primary .dropdown-menu .dropdown-item .icon {
  color: #1d2125 !important;
  /* stylelint-disable-line declaration-no-important */
}
.navbar.navbar-dark.bg-dark .dropdown-menu .dropdown-item:hover .icon, .navbar.navbar-dark.bg-primary .dropdown-menu .dropdown-item:hover .icon {
  color: #fff !important;
  /* stylelint-disable-line declaration-no-important */
}
.navbar.navbar-dark.bg-dark #searchform-navbar .btn-close .icon, .navbar.navbar-dark.bg-primary #searchform-navbar .btn-close .icon {
  color: #6a737b !important;
  /* stylelint-disable-line declaration-no-important */
}
.navbar.navbar-dark.bg-dark .editmode-switch-form, .navbar.navbar-dark.bg-dark .editmode-switch-form label, .navbar.navbar-dark.bg-primary .editmode-switch-form, .navbar.navbar-dark.bg-primary .editmode-switch-form label {
  color: #fff !important;
  /* stylelint-disable-line declaration-no-important */
}
.navbar.navbar-dark.bg-dark .custom-control-input:checked ~ .custom-control-label::before, .navbar.navbar-dark.bg-primary .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #fff;
  border-color: #c8c8c8;
}
.navbar.navbar-dark.bg-dark .custom-switch .custom-control-input:checked ~ .custom-control-label::after, .navbar.navbar-dark.bg-primary .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
  background-color: #8f959e;
}
.navbar.navbar-dark.bg-dark #theme_boost_union-offcanvas-btn, .navbar.navbar-dark.bg-primary #theme_boost_union-offcanvas-btn {
  color: #c8c8c8;
}
.navbar.navbar-dark.bg-dark #theme_boost_union-offcanvas-btn:hover, .navbar.navbar-dark.bg-primary #theme_boost_union-offcanvas-btn:hover {
  color: #fff;
}
.navbar.navbar-dark.bg-dark .login, .navbar.navbar-dark.bg-dark .login a, .navbar.navbar-dark.bg-primary .login, .navbar.navbar-dark.bg-primary .login a {
  color: #fff;
}
.navbar.navbar-dark.bg-dark .popover-region-container a .icon, .navbar.navbar-dark.bg-primary .popover-region-container a .icon {
  color: #343a40 !important;
  /* stylelint-disable-line declaration-no-important */
}
.navbar.navbar-dark.bg-dark .langmenu .dropdown .dropdown-toggle, .navbar.navbar-dark.bg-primary .langmenu .dropdown .dropdown-toggle {
  color: #fff;
}
/* Tweak the dark navbar with light font color a little bit more. */
.navbar.navbar-dark.bg-dark {
  /* Change the background color of the custom child menu and user menu navigation items in the navbar
       to dark grey when hovered and focused (especially during keyboard navigation) */
  /* Change the background color of the search panel in the navbar. */
  /* Change the color of the language selector drop down items when hovered, focused and active to dark grey
       as this would be presented in the primary color otherwise. */
}
.navbar.navbar-dark.bg-dark .nav-item.dropdown.show a.dropdown-item, .navbar.navbar-dark.bg-dark #user-action-menu.show a.dropdown-item {
  background-color: inherit;
}
.navbar.navbar-dark.bg-dark .nav-item.dropdown.show a.dropdown-item:hover, .navbar.navbar-dark.bg-dark .nav-item.dropdown.show a.dropdown-item:focus, .navbar.navbar-dark.bg-dark #user-action-menu.show a.dropdown-item:hover, .navbar.navbar-dark.bg-dark #user-action-menu.show a.dropdown-item:focus {
  background-color: #343a40;
}
.navbar.navbar-dark.bg-dark #searchform-navbar {
  background-color: #343a40;
}
.navbar.navbar-dark.bg-dark .langmenu .dropdown-item:active, .navbar.navbar-dark.bg-dark .langmenu .dropdown-item:hover, .navbar.navbar-dark.bg-dark .langmenu .dropdown-item:focus, .navbar.navbar-dark.bg-dark .langmenu .dropdown-item:focus-within {
  background-color: #343a40;
}
/* Tweak the primary color navbar with light font color a little bit more. */
.navbar.navbar-dark.bg-primary {
  /* Change the background color of the custom child menu and user menu navigation items in the navbar
       to dark grey when hovered and focused (especially during keyboard navigation) */
  /* Change the background color of the search panel in the navbar. */
  /* Change the color of the active nav items's bottom border to white as this would be presented in the
   primary color otherwise. */
  /* Change the color of the language selector icon to a light grey as well.
        This has to use !important as Moodle core already uses !important for the icon colors. */
}
.navbar.navbar-dark.bg-primary .nav-item.dropdown.show a.dropdown-item, .navbar.navbar-dark.bg-primary #user-action-menu.show a.dropdown-item {
  background-color: inherit;
}
.navbar.navbar-dark.bg-primary .nav-item.dropdown.show a.dropdown-item:hover, .navbar.navbar-dark.bg-primary .nav-item.dropdown.show a.dropdown-item:focus, .navbar.navbar-dark.bg-primary #user-action-menu.show a.dropdown-item:hover, .navbar.navbar-dark.bg-primary #user-action-menu.show a.dropdown-item:focus {
  background-color: #0f6cbf;
}
.navbar.navbar-dark.bg-primary #searchform-navbar {
  background-color: #0f6cbf;
}
.navbar.navbar-dark.bg-primary .nav-link.active {
  border-bottom-color: #fff;
}
.navbar.navbar-dark.bg-primary .langmenu .icon {
  color: #c8c8c8 !important;
  /* stylelint-disable-line declaration-no-important */
}
/* Tweak the primary color navbar with dark font color. */
.navbar.navbar-light.bg-primary {
  /* Change the color of the active nav items's bottom border to dark grey as this would be presented in the
       primary color as well otherwise. */
  /* Change the background color and colors of open custom menu parent navigation items in the navbar
   as they are built differently from single navigation items. */
  /* Change the color of the edit switch label in the navbar to dark grey.
       This has to use !important as Moodle core wants to use the color text-primary as soon as editing is on. */
  /* Adapt the color of the edit switch widget to fit onto the dark background. */
  /* Change the background color of the search panel in the navbar. */
  /* Change the color of the login link in the navbar to dark grey and to darker grey when hovered. */
  /* Change the color of the divider to dark grey.
       This has to use !important as Moodle core already uses !important for the border-left color.*/
}
.navbar.navbar-light.bg-primary .nav-link.active {
  border-bottom-color: rgba(0, 0, 0, 0.6);
}
.navbar.navbar-light.bg-primary .nav-item.dropdown.show .nav-link.dropdown-toggle {
  background-color: #f8f9fa;
  color: #000;
}
.navbar.navbar-light.bg-primary .editmode-switch-form, .navbar.navbar-light.bg-primary .editmode-switch-form label {
  color: rgba(0, 0, 0, 0.6) !important;
  /* stylelint-disable-line declaration-no-important */
}
.navbar.navbar-light.bg-primary .editmode-switch-form label:hover {
  color: rgba(0, 0, 0, 0.9) !important;
  /* stylelint-disable-line declaration-no-important */
}
.navbar.navbar-light.bg-primary .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #fff;
  border-color: #c8c8c8;
}
.navbar.navbar-light.bg-primary .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
  background-color: #8f959e;
}
.navbar.navbar-light.bg-primary #searchform-navbar {
  background-color: #0f6cbf;
}
.navbar.navbar-light.bg-primary .login, .navbar.navbar-light.bg-primary .login a {
  color: rgba(0, 0, 0, 0.6);
}
.navbar.navbar-light.bg-primary .login:hover, .navbar.navbar-light.bg-primary .login a:hover {
  color: rgba(0, 0, 0, 0.9);
}
.navbar.navbar-light.bg-primary .divider {
  border-left: 1px solid rgba(0, 0, 0, 0.6) !important;
  /* stylelint-disable-line declaration-no-important */
}
/*=======================================
 * Settings: Look -> Login page
 ======================================*/
/*---------------------------------------
 * Setting: Login form position
 --------------------------------------*/
/* Move the login window to the side based on the theme settings.
   While the classes login-wrapper-left and login-wrapper-right are set here,
   the class login-wrapper-center is not set here as the login form is already centered by Moodle core. */
.login-wrapper.login-wrapper-left {
  justify-content: left;
}
.login-wrapper.login-wrapper-right {
  justify-content: right;
}
/*---------------------------------------
 * Setting: Login form transparency
 --------------------------------------*/
/* Make background of login panel slightly transparent. */
.login-container.login-container-80t {
  background-color: rgba(255, 255, 255, 0.8);
}
/*=======================================
 * Settings: Look -> Course
 ======================================*/
/*---------------------------------------
 * Setting: Course header image.
 --------------------------------------*/
#courseheaderimage {
  background-size: cover;
  border-radius: 0.5rem;
}
.courseheaderimage-dark {
  color: white;
  text-shadow: 0 0 5px black;
}
.courseheaderimage-light {
  color: black;
  text-shadow: 0 0 5px white;
}
/* If the header actions are placed _within_ the course header image element, i.e. the title is stacked on the image.*/
#courseheaderimage .header-action {
  /* Add a background color of white to the header actions to make sure that they can be read properly. */
  background-color: white;
  border-radius: 0.5rem;
}
/*---------------------------------------
 * Setting: Course module icons in course index.
 --------------------------------------*/
/* If the admin configured the course index not to show course activity type icons. */
body.nocourseindexcmicons {
  /* Hide the course activity type icons and the completion info at the right of the line
       (which are both always added to the DOM regardless of the setting). */
}
body.nocourseindexcmicons #courseindex span.courseindex-cmicon-container, body.nocourseindexcmicons #courseindex span.courseindex-cmicon-cpl-eol {
  display: none;
}
/* If the admin configured the course index to show course activity type icons. */
body.hascourseindexcmicons {
  /* If the admin configured the completion info to be shown as icon color. */
  /* If the admin configured the completion info to be shown at the end of the line. */
  /* If the admin configured the completion info to be shown at the start of the line. */
  /* If editing is enabled. */
  /* Style the course index activity type icons / completion widget */
}
body.hascourseindexcmicons #courseindex {
  /* Show the course activity type icons
           (which are always added to the DOM regardless of the setting). */
}
body.hascourseindexcmicons #courseindex span.courseindex-cmicon-container {
  display: block;
}
body.hascourseindexcmicons.hascourseindexcplicon #courseindex {
  /* Hide the completion widget at the beginning of the line. */
  /* And hide the completion info within the activity type icon container.
               (This element just serves as data source for the observer JS and would be shown by Moodle core JS). */
}
body.hascourseindexcmicons.hascourseindexcplicon #courseindex .courseindex-cmicon-cpl-sol {
  display: none;
}
body.hascourseindexcmicons.hascourseindexcplicon #courseindex .courseindex-cmicon-icon .completioninfo {
  display: none;
}
body.hascourseindexcmicons.hascourseindexcpleol #courseindex {
  /* Hide the completion widget at the beginning of the line. */
  /* And hide the drag icon at the end of the line completely as Moodle core just disables its visibility,
               but we need the space now for the completion icon. */
}
body.hascourseindexcmicons.hascourseindexcpleol #courseindex .courseindex-cmicon-cpl-sol {
  display: none;
}
body.hascourseindexcmicons.hascourseindexcpleol #courseindex .courseindex-item .dragicon {
  display: none;
}
body.hascourseindexcmicons.hascourseindexcplsol #courseindex {
  /* Hide the completion widget at the end of the line. */
}
body.hascourseindexcmicons.hascourseindexcplsol #courseindex .courseindex-cmicon-cpl-eol {
  display: none;
}
body.hascourseindexcmicons.editing #courseindex {
  /* Hide all completion info elements. */
  /* Re-show the dragicon in editing mode. The visibility will still be controlled by Moodle core. */
}
body.hascourseindexcmicons.editing #courseindex span.completioninfo {
  display: none;
}
body.hascourseindexcmicons.editing #courseindex .courseindex-item .dragicon {
  display: block;
}
body.hascourseindexcmicons #courseindex {
  /* Position of the course index activity type icon container. */
  /* General style of the course index activity type icon. */
  /* Overwrite activity type icon style for dimmed activities. */
  /* Overwrite activity type icon style for incomplete activities. */
  /* Overwrite activity type icon style for complete activities. */
  /* Overwrite activity type icon style for failed activities. */
}
body.hascourseindexcmicons #courseindex .courseindex-cmicon-container {
  border-radius: 4px;
  margin-right: 6px;
  line-height: normal;
}
body.hascourseindexcmicons #courseindex .courseindex-cmicon {
  margin: 0.2rem;
  margin-top: 0;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
body.hascourseindexcmicons #courseindex .courseindex-cmicon .icon {
  margin-right: unset;
}
body.hascourseindexcmicons #courseindex .courseindex-item.dimmed .courseindex-cmicon-icon {
  filter: invert(0.5);
}
body.hascourseindexcmicons #courseindex .courseindex-cmicon-cpl-incomplete {
  background-color: #6a737b;
}
body.hascourseindexcmicons #courseindex .courseindex-cmicon-cpl-incomplete .courseindex-cmicon-icon {
  filter: brightness(0) invert(1);
}
body.hascourseindexcmicons #courseindex .courseindex-cmicon-cpl-complete {
  background-color: #357a32;
}
body.hascourseindexcmicons #courseindex .courseindex-cmicon-cpl-complete .courseindex-cmicon-icon {
  filter: brightness(0) invert(1);
}
body.hascourseindexcmicons #courseindex .courseindex-cmicon-cpl-fail {
  background-color: #ca3120;
}
body.hascourseindexcmicons #courseindex .courseindex-cmicon-cpl-fail .courseindex-cmicon-icon {
  filter: brightness(0) invert(1);
}
/* For some situations, add some more right padding to the collapse icon to align the texts in the course index again. */
body.hascourseindexcplicon .courseindex-section-title .icons-collapse-expand, body.hascourseindexcpleol .courseindex-section-title .icons-collapse-expand, body.hascourseindexcplsol.editing .courseindex-section-title .icons-collapse-expand {
  padding-right: 8px;
}
/*=======================================
 * Settings: Look -> Resources
 ======================================*/
/*---------------------------------------
 * Setting: Additional resources.
 --------------------------------------*/
/* Enlarge the icons in the settings file lists. */
.settings-additionalresources-filelist .icon, .settings-customfonts-filelist .icon {
  height: 64px;
  width: 64px;
}
/*=======================================
 * Settings: Feel -> Navigation.
 ======================================*/
/*---------------------------------------
 * Setting: Show full name in the user menu.
 --------------------------------------*/
#user-action-menu .loggedinas {
  padding: 0.25rem 1.75rem 0.25rem 0.75rem;
}
/*---------------------------------------
 * Setting: Show starred courses popover in the navbar.
 --------------------------------------*/
.navbar #nav-popover-favourites-container .popover-region-container {
  /* Make sure that the popover is only as high an necessary*/
  height: auto;
  /* Limit the width to some reasonable size to avoid that the popover menu is too wide. */
  min-width: 250px;
  max-width: 450px;
  width: auto;
}
.navbar #nav-popover-favourites-container .popover-region-header-container {
  /* Grant the popover header some more space.*/
  height: 35px;
  padding-left: 10px;
  padding-top: 5px;
}
.navbar #nav-popover-favourites-container .popover-region-content-container {
  /* Make sure that the popover is only as high an necessary.
           (Full browser height minus navbar height minus popover header height minus some space at the bottom. */
  height: auto;
  max-height: calc(100vh - 60px - 35px - 1em);
  /* Improve the course list items. */
}
.navbar #nav-popover-favourites-container .popover-region-content-container .dropdown-item {
  /* Fix the left padding of the dropdown item. */
  padding-left: 10px;
  /* Hide overflowing course names. */
  overflow-x: hidden;
  text-overflow: ellipsis;
  /* Keep dimmed courses white when hovered. */
}
.navbar #nav-popover-favourites-container .popover-region-content-container .dropdown-item.dimmed:hover {
  color: #fff;
}
/*---------------------------------------
 * Setting: Boost Union footer buttons (i.e. Back to top button and Accessibility button).
 --------------------------------------*/
/* Boost Union footer buttons container */
#boost-union-footer-buttons {
  /* Place the Boost Union footer buttons at a fixed place. */
  position: fixed;
  right: 2rem;
  /* As a start, the Boost Union footer buttons are shown in the bottom right corner. */
  bottom: 2rem;
  /* Make sure that the Boost Union footer buttons are not covered by anything else. */
  z-index: 1000;
  /* Animate position together with Moodle core footer button. */
  transition: 0.2s;
  /* Add margin between the individual buttons. */
  /* Style accessibility button. */
  /* Style back to top button. */
}
@media (prefers-reduced-motion: reduce) {
  #boost-union-footer-buttons {
    transition: none;
  }
}
#boost-union-footer-buttons .btn {
  display: block;
  margin-top: 0.75rem;
}
#boost-union-footer-buttons #btn-accessibility-support {
  /* Use some clever CSS tricks to present the fa-universal-access icon without its border. */
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.75rem;
  border: 6px solid #ced4da;
  transition: 0.2s;
}
#boost-union-footer-buttons #btn-accessibility-support .icon {
  width: 1.75rem;
  height: 1.75rem;
  max-width: none;
  max-height: none;
  font-size: 1.75rem;
  color: #ced4da;
  transition: 0.2s;
}
#boost-union-footer-buttons #btn-accessibility-support, #boost-union-footer-buttons #btn-accessibility-support:hover, #boost-union-footer-buttons #btn-accessibility-support:focus {
  background: #000 !important;
  /* stylelint-disable-line declaration-no-important */
}
#boost-union-footer-buttons #btn-accessibility-support:hover, #boost-union-footer-buttons #btn-accessibility-support:focus {
  border-color: #b1bbc4;
}
#boost-union-footer-buttons #btn-accessibility-support:hover .icon, #boost-union-footer-buttons #btn-accessibility-support:focus .icon {
  color: #b1bbc4;
}
#boost-union-footer-buttons #back-to-top {
  /* Hide the back to top icon initially. It will be unhidden by JS only. */
  display: none;
}
#boost-union-footer-buttons #back-to-top i::before {
  /* Move the caret icon slightly up for a nicer look. */
  vertical-align: 0.3rem;
}
/* If the sticky footer is shown by Moodle core, the Boost Union footer buttons have to have a higher starting position. */
body.hasstickyfooter #boost-union-footer-buttons {
  bottom: calc(1rem + 60px);
}
/* If we are on a small screen and the footer button is shown in the bottom right corner,
   the Boost Union footer buttons have to be shown above of the footer button. */
body.theme_boost-union-footerbuttonall.jsenabled, body.theme_boost-union-footerbuttonmobile.jsenabled {
  /* And if the sticky footer is shown by Moodle core, move the Boost Union footer buttons more upwards. */
}
@media (max-width: 575.98px) {
  body.theme_boost-union-footerbuttonall.jsenabled #boost-union-footer-buttons, body.theme_boost-union-footerbuttonmobile.jsenabled #boost-union-footer-buttons {
    bottom: 5rem;
  }
}
@media (max-width: 575.98px) {
  body.theme_boost-union-footerbuttonall.jsenabled.hasstickyfooter #boost-union-footer-buttons, body.theme_boost-union-footerbuttonmobile.jsenabled.hasstickyfooter #boost-union-footer-buttons {
    bottom: calc(4rem + 60px);
  }
}
/* If we are on a larger screen and the footer button is shown in the bottom right corner,
   the Boost Union footer buttons have to be shown above of the footer button. */
body.theme_boost-union-footerbuttonall.jsenabled, body.theme_boost-union-footerbuttondesktop.jsenabled {
  /* And if the sticky footer is shown by Moodle core, move the Boost Union footer buttons more upwards. */
}
@media (min-width: 576px) {
  body.theme_boost-union-footerbuttonall.jsenabled #boost-union-footer-buttons, body.theme_boost-union-footerbuttondesktop.jsenabled #boost-union-footer-buttons {
    bottom: 5rem;
  }
}
@media (min-width: 576px) {
  body.theme_boost-union-footerbuttonall.jsenabled.hasstickyfooter #boost-union-footer-buttons, body.theme_boost-union-footerbuttondesktop.jsenabled.hasstickyfooter #boost-union-footer-buttons {
    bottom: calc(4rem + 60px);
  }
}
/* If the right-hand drawer is opened. */
#page.drawers.show-drawer-right #boost-union-footer-buttons {
  /* On larger screens, the drawer opens near the main content.
       The Boost Union footer buttons can be moved nicely to the left. */
}
@media (min-width: 992px) {
  #page.drawers.show-drawer-right #boost-union-footer-buttons {
    /* Move the Boost Union footer buttons when right drawer is shown. */
    right: calc(315px + 2rem);
  }
}
/* If the right-hand drawer is opened. */
#page.drawers.show-drawer-right #back-to-top {
  /* On smaller screens, the drawer opens as an overlay over the main content.
       The back to top button looks misplaced then. */
}
@media (max-width: 1199.98px) {
  #page.drawers.show-drawer-right #back-to-top {
    /* Hide the back to top button when right drawer is shown. */
    display: none;
  }
}
/*=======================================
 * Settings: Feel -> Blocks.
 ======================================*/
/*---------------------------------------
 * Settings: Additional block regions - General.
 --------------------------------------*/
/* To support additional block regions around the main content area, Boost Union introduced
   the main-inner-wrapper HTML element. Unfortunately, this breaks the Flexbox flow of Moodle core.
   To make it work again, we have to set the Flexbox flex attribute in the main-inner-wrapper element as well.
   In addition to that, we set the Flexbox attribute for the #page element as well as it turned out to be necessary. */
.main-inner-wrapper, #page-wrapper #page {
  flex: 1 0 auto;
}
/*---------------------------------------
 * Settings: Additional block regions - The offcanvas region.
 --------------------------------------*/
/* The Offcanvas drawer (which is only used in non-editing mode). */
#theme_boost_union-drawers-offcanvas {
  /* Position and size (which takes effect as soon as the drawer is shown). */
  background-color: #f8f9fa;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
  height: calc(100vh - 3rem);
  min-height: 300px;
  top: -100vh;
  width: 100vw;
  z-index: 1050;
  /* This z-index is equal to $zindex-modal and puts the drawer on top of
                      the whole page regardless what Moodle does for the .drawer class. */
  /* And show it as soon as the drawer is set to be shown. */
  /* The close icon to close the Offcanvas drawer. */
  /* Do what we can to avoid horizontal scrollbars in the Offcanvas drawer's content. */
}
#theme_boost_union-drawers-offcanvas.show {
  top: 0;
  transition: 0.2s;
}
@media (prefers-reduced-motion: reduce) {
  #theme_boost_union-drawers-offcanvas.show {
    transition: none;
  }
}
#theme_boost_union-drawers-offcanvas .drawerheader {
  /* Position the icon. */
  /* Make the close icon more visible. */
}
#theme_boost_union-drawers-offcanvas .drawerheader .btn {
  margin-left: auto;
  margin-right: 10px;
}
#theme_boost_union-drawers-offcanvas .drawerheader .icon {
  background: #000;
  color: #fff;
  border-radius: 5px;
  padding: 4px;
}
#theme_boost_union-drawers-offcanvas .drawercontent {
  overflow-x: hidden;
}
#theme_boost_union-drawers-offcanvas .drawercontent > .row {
  margin-left: 0;
  margin-right: 0;
}
/* The Offcanvas block region (which is only used in editing mode as we do not have a drawer then).
   Please note: #theme-block-region-offcanvas-editing is the outer element which is shown and hidden by Bootstrap
   Collapse. #theme-block-region-offcanvas-editing-inner is the inner element which we style here. */
#theme-block-region-offcanvas-editing-inner {
  /* Position and size (which takes effect as soon as the region is shown). */
  background-color: #f8f9fa;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
  margin: 0 -15px 30px -15px;
  padding: 15px 15px 0 15px;
}
/* Disable the Bootstrap collapse transition as it is not properly working with all the block regions. */
#theme-block-region-offcanvas-editing.collapsing {
  transition: none;
}
/* Navbar icon for opening the offcanvas drawer. */
.navbar-nav .drawer-offcanvas-toggle {
  display: flex;
  align-items: center;
}
.navbar-nav .drawer-offcanvas-toggle .btn {
  color: rgba(0, 0, 0, 0.6);
  height: 40px;
}
.navbar-nav .drawer-offcanvas-toggle .btn:hover {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-nav .drawer-offcanvas-toggle .btn i {
  font-size: 20px;
  line-height: 30px;
}
/*---------------------------------------
 * Settings: Additional block regions - The outside-left and outside-right regions.
 --------------------------------------*/
/* On larger screens. */
@media (min-width: 768px) {
  /* On Moodle pages with limited width (currently: The course main pages, the frontpage and the dashboard).
       Remember: Only on these pages, we offer the outside-left and outside-right region.
       We do not need to handle the full-width pages here. */
  body.limitedwidth {
    /* If we have a outside-left and / or a outside-right block region. */
    /* On pages where only the outside-left region is enabled:
           Reduce the size of the main column to make space for the outside-left column. */
    /* On pages where only the outside-right region is enabled:
           Reduce the size of the main column to make space for the outside-right column. */
    /* On pages where the outside-left and the outside-right region are enabled:
           Reduce the size of the main column to make space for the outside-left and outside-right columns. */
    /* Set the width and margin of the outside-left region. */
    /* Set the width of the outside-right region. */
    /* If the admin configured outside blocks to be shown next to the main content. */
    /* If the admin configured outside blocks to be shown next to the main content. */
  }
  body.limitedwidth .main-inner-outside-left-right, body.limitedwidth .main-inner-outside-left, body.limitedwidth .main-inner-outside-right {
    /* Center the main region content to keep the page content in the middle of the page. */
    text-align: center;
    /* Change the block regions to show them properly as block columns. */
  }
  body.limitedwidth .main-inner-outside-left-right #theme-block-region-outside-left, body.limitedwidth .main-inner-outside-left-right #theme-block-region-outside-right, body.limitedwidth .main-inner-outside-left-right .main-inner, body.limitedwidth .main-inner-outside-left #theme-block-region-outside-left, body.limitedwidth .main-inner-outside-left #theme-block-region-outside-right, body.limitedwidth .main-inner-outside-left .main-inner, body.limitedwidth .main-inner-outside-right #theme-block-region-outside-left, body.limitedwidth .main-inner-outside-right #theme-block-region-outside-right, body.limitedwidth .main-inner-outside-right .main-inner {
    /* Undo the text-align for the regions in each column to still show the content correctly. */
    text-align: initial;
    /* Display them as inline-block. */
    display: inline-block;
    /* And make sure that the columns are at the top of the page at all. */
    vertical-align: top;
  }
  body.limitedwidth .main-inner-outside-left .main-inner {
    width: calc(98% - 300px);
  }
  body.limitedwidth .main-inner-outside-right .main-inner {
    width: calc(98% - 300px);
  }
  body.limitedwidth .main-inner-outside-left-right .main-inner {
    width: calc(98% - 300px - 300px);
  }
  body.limitedwidth #theme-block-region-outside-left {
    margin-right: 1rem;
    margin-top: 1.5rem;
    width: 300px;
  }
  body.limitedwidth #theme-block-region-outside-right {
    margin-left: 1rem;
    margin-top: 1.5rem;
    width: 300px;
  }
  body.limitedwidth .main-inner-outside-nextmaincontent #theme-block-region-outside-left, body.limitedwidth .main-inner-outside-nextmaincontent #theme-block-region-outside-right {
    /* Disable float (just to be sure). */
    float: none;
  }
  body.limitedwidth .main-inner-outside-nearwindowedges {
    /* Float the outside-left block region to the left. */
    /* Float the outside-right block region to the right. */
    /* Clear the outside-bottom + footer regions so that they are shown correctly after the floated regions. */
  }
  body.limitedwidth .main-inner-outside-nearwindowedges #theme-block-region-outside-left {
    float: left;
  }
  body.limitedwidth .main-inner-outside-nearwindowedges #theme-block-region-outside-right {
    float: right;
  }
  body.limitedwidth .main-inner-outside-nearwindowedges #theme-block-region-outside-bottom, body.limitedwidth .main-inner-outside-nearwindowedges #theme-block-region-footer {
    clear: both;
  }
}
/* And on smaller screens. */
@media (max-width: 767.98px) {
  /* Change the outside-left and outside-right blocks to full width (with some horizontal space). */
  /* And remove their floating. */
  #theme-block-region-outside-left, #theme-block-region-outside-right {
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
  }
  .main-inner-outside-nearwindowedges #theme-block-region-outside-left, .main-inner-outside-nearwindowedges #theme-block-region-outside-right {
    float: none;
  }
}
/*---------------------------------------
 * Settings: Additional block regions - The outside-top, header and outside-bottom regions.
 --------------------------------------*/
/* Block regions: Outside top and outside bottom. */
#theme-block-region-outside-top, #theme-block-region-outside-bottom, #theme-block-region-footer {
  /* On larger screens. */
  /* And on smaller screens. */
}
@media (min-width: 768px) {
  #theme-block-region-outside-top, #theme-block-region-outside-bottom, #theme-block-region-footer {
    /* Position and size. */
  }
  #theme-block-region-outside-top.theme-block-region-outside-fullwidth, #theme-block-region-outside-top.theme-block-region-outside-coursecontentwidth, #theme-block-region-outside-top.theme-block-region-footer-fullwidth, #theme-block-region-outside-top.theme-block-region-footer-coursecontentwidth, #theme-block-region-outside-bottom.theme-block-region-outside-fullwidth, #theme-block-region-outside-bottom.theme-block-region-outside-coursecontentwidth, #theme-block-region-outside-bottom.theme-block-region-footer-fullwidth, #theme-block-region-outside-bottom.theme-block-region-footer-coursecontentwidth, #theme-block-region-footer.theme-block-region-outside-fullwidth, #theme-block-region-footer.theme-block-region-outside-coursecontentwidth, #theme-block-region-footer.theme-block-region-footer-fullwidth, #theme-block-region-footer.theme-block-region-footer-coursecontentwidth {
    margin: 1rem auto;
    width: 100%;
  }
  #theme-block-region-outside-top.theme-block-region-outside-herowidth, #theme-block-region-outside-top.theme-block-region-footer-herowidth, #theme-block-region-outside-bottom.theme-block-region-outside-herowidth, #theme-block-region-outside-bottom.theme-block-region-footer-herowidth, #theme-block-region-footer.theme-block-region-outside-herowidth, #theme-block-region-footer.theme-block-region-footer-herowidth {
    margin: 0 -3rem 0 -3rem;
    /* We do not set any width at all.
               100% would be too small, 100vw would add horizontal scrollbars (for whatever reason). */
  }
}
@media (max-width: 767.98px) {
  #theme-block-region-outside-top.theme-block-region-outside-fullwidth, #theme-block-region-outside-top.theme-block-region-outside-coursecontentwidth, #theme-block-region-outside-top.theme-block-region-footer-fullwidth, #theme-block-region-outside-top.theme-block-region-footer-coursecontentwidth, #theme-block-region-outside-bottom.theme-block-region-outside-fullwidth, #theme-block-region-outside-bottom.theme-block-region-outside-coursecontentwidth, #theme-block-region-outside-bottom.theme-block-region-footer-fullwidth, #theme-block-region-outside-bottom.theme-block-region-footer-coursecontentwidth, #theme-block-region-footer.theme-block-region-outside-fullwidth, #theme-block-region-footer.theme-block-region-outside-coursecontentwidth, #theme-block-region-footer.theme-block-region-footer-fullwidth, #theme-block-region-footer.theme-block-region-footer-coursecontentwidth {
    /* Just show the block full width with some horizontal space. */
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
  }
  #theme-block-region-outside-top.theme-block-region-outside-herowidth, #theme-block-region-outside-top.theme-block-region-footer-herowidth, #theme-block-region-outside-bottom.theme-block-region-outside-herowidth, #theme-block-region-outside-bottom.theme-block-region-footer-herowidth, #theme-block-region-footer.theme-block-region-outside-herowidth, #theme-block-region-footer.theme-block-region-footer-herowidth {
    /* Remove the margin. */
    margin: 0;
  }
}
/* Additional styling for content width regions to limit the block region size on Moodle pages with limited width. */
body.limitedwidth .theme-block-region-outside-coursecontentwidth, body.limitedwidth .theme-block-region-footer-coursecontentwidth {
  max-width: 100%;
}
/* Additional styling for hero-width regions to remove some styling which is counterproductive. */
.theme-block-region-outside-herowidth .block, .theme-block-region-footer-herowidth .block {
  border-width: 0;
  border-radius: 0;
}
/* Block region: Header. */
#theme-block-region-header {
  /* On larger screens. */
  /* And on smaller screens. */
  /* Add margin-top to avoid that this block region is glued to the navbar if
       #theme-block-region-outside-top does not exist. */
  margin-top: 1rem;
}
@media (min-width: 768px) {
  #theme-block-region-header {
    /* Position and size. */
    margin: 0 auto;
    max-width: 100%;
    width: 100%;
  }
}
@media (max-width: 767.98px) {
  #theme-block-region-header {
    /* Just show the block full width with some horizontal space. */
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
  }
}
/* Remove margin-top again if this block region is already preceded by the outside-top region. */
#theme-block-region-outside-top + #theme-block-region-header {
  margin-top: 0;
}
/*---------------------------------------
 * Settings: Additional block regions - The footer regions.
 --------------------------------------*/
/* Block region: Footer. */
#theme-block-region-footer {
  /* Position and size. */
  margin: 0 auto;
  width: 100%;
}
/* And on smaller screens. */
@media (max-width: 767.98px) {
  /* Add some horizontal space on the small screen. */
  #theme-block-region-footer {
    padding-left: 15px;
    padding-right: 15px;
  }
}
/*---------------------------------------
 * Settings: Additional block regions - The content regions.
 --------------------------------------*/
/* Block region: Content-upper and Content-lower. */
#theme-block-region-content-upper, #theme-block-region-content-lower {
  /* Position and size. */
  margin-left: 15px;
  margin-right: 15px;
}
/*=======================================
 * Settings: Content -> Footer.
 ======================================*/
/*---------------------------------------
 * Settings: Footnote.
 --------------------------------------*/
/* Static pages links dividers. */
#footnote .theme_boost_union_footnote_link {
  border-right: 2px solid #e9ecef;
}
#footnote .theme_boost_union_footnote_link:last-of-type {
  border-right: none;
}
/* The footnote styles are different on the login page and on all non-login pages.
   They are also different on larger and smaller screens.
   We will deal with the overall cases for all screen sizes first and will then overwrite the things which need
   to be different on the login page. */
/* On larger screens. */
@media (min-width: 768px) {
  /* If there is a background image or a loginbackground image configured. */
  /* If there isn't a background image nor a loginbackground image configured. */
  body.backgroundimage #footnote, body.loginbackgroundimage #footnote {
    /* Add horizontal padding to align the footnote with the main page content.
           The numbers are basically adopted from the main content areas of the Moodle page. */
    padding-left: calc(15px + .5rem);
    padding-right: calc(15px + .5rem);
    /* Add white background color, border radius and a small bottom margin
           to make the footnote work with background images. */
    border-radius: 0.5rem;
    background-color: #fff;
    margin-bottom: 1rem;
  }
  body:not(.backgroundimage):not(.loginbackgroundimage) #footnote {
    /* Add horizontal margin to align the footnote with the main page content.
           The numbers are basically adopted from the main content areas of the Moodle page. */
    margin-left: calc(15px + .5rem);
    margin-right: calc(15px + .5rem);
    /* Add top border. */
    border-top: 1px solid #dee2e6;
  }
}
/* And on smaller screens. */
@media (min-width: 576px) and (max-width: 767.98px) {
  #footnote {
    /* On smaller screens, there isn't any background image, so there's no need for a white background. */
    /* Add horizontal margin and padding to align the footnote with the main page content.
           The numbers are adopted from the main content areas of the Moodle page.
           Add another right padding as well to avoid that the content gets covered by the footer and Boost Union footer buttons. */
    margin-left: 0.5rem;
    padding-left: 15px;
    margin-right: 0.5rem;
    padding-right: 51px;
    /* The underlying calculation is 15px + 36px. */
    /* Add top border. */
    border-top: 1px solid #dee2e6;
  }
}
/* And on really small screens. */
@media (max-width: 575.98px) {
  #footnote {
    /* On really small screens, there isn't any background image, so there's no need for a white background. */
    /* Add horizontal margin and padding to align the footnote with the main page content.
           The numbers are adopted from the main content areas of the Moodle page.
           Add another right padding as well to avoid that the content gets covered by the Boost Union footer buttons. */
    margin-left: 15px;
    padding-left: 1rem;
    margin-right: 15px;
    padding-right: calc(1rem + 36px);
    /* Add top border. */
    border-top: 1px solid #dee2e6;
  }
}
/* As said, the login needs some more adjustments. */
/* On larger screens. */
@media (min-width: 576px) {
  /* If there is a loginbackground image configured. */
  body.pagelayout-login.loginbackgroundimage #footnote {
    /* Add a box shadow to the footnote to match the look of the login box. */
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    /* Add horizontal margin as the page does not have a margin itself. */
    margin-left: 15px;
    margin-right: 15px;
    /* Add another right padding as well to avoid that the content gets covered by the footer button. */
    padding-right: calc(.5rem + 51px);
    /* The underlying calculation is 15px + .5rem + 36px. */
  }
}
/* On smaller screens. */
@media (min-width: 576px) and (max-width: 767.98px) {
  /* If there is a loginbackground image configured. */
  body.pagelayout-login.loginbackgroundimage #footnote {
    /* Add white background color and a small bottom margin
           to make the footnote work with background images.
           This is necessary as this isn't covered by the normal background styles already
           (which are only applied to pages > 768px.
           Note that there isn't a border-radius added as the login box doesn't have a border radius as well
           on this screen size. */
    background-color: #fff;
    margin-bottom: 1rem;
  }
}
/* And on really small screens. */
@media (max-width: 575.98px) {
  body.pagelayout-login.loginbackgroundimage {
    /* If (and only if) the accessibility button is not shown on the login page,
           we do not need any additional right padding as there isn't a Boost Union footer button nor a footer button
           on the login page on this screen size. */
  }
  body.pagelayout-login.loginbackgroundimage #footnote {
    /* Add white background color and a small bottom margin
            to make the footnote work with background images.
            This is necessary as this isn't covered by the normal background styles already
            (which are only applied to pages > 768px. */
    background-color: #fff;
    /* Change horizontal margin and padding to
            make the footnote work with background images. */
    margin-left: 0;
    padding-left: calc(15px + 1rem);
    margin-right: 0;
  }
  body.pagelayout-login.loginbackgroundimage:not(.theme_boost-union-accessibilitybutton) #footnote {
    padding-right: calc(15px + 1rem);
  }
}
/* On all screen sizes. */
/* If there isn't a loginbackground image configured. */
body.pagelayout-login:not(.loginbackgroundimage) #footnote {
  /* Remove the top border as there is the gradient in #page. */
  border-top: none;
}
/*---------------------------------------
 * Settings: Footer.
 --------------------------------------*/
/* If the admin decided to show the footer button on all screen sizes. */
body.theme_boost-union-footerbuttonall.jsenabled {
  /* Show the footer button on all screen sizes.
       This uses !important to make really sure that the element is shown regardless of other CSS rules. */
}
body.theme_boost-union-footerbuttonall.jsenabled .btn-footer-popover {
  display: block !important;
  /* stylelint-disable-line declaration-no-important */
}
/* If the admin decided to show the footer button on desktop + tablet only. */
body.theme_boost-union-footerbuttondesktop.jsenabled {
  /* Do not do anything with the footer button as Boost core is taking care of everything already . */
}
/* If the admin decided to show the footer button on mobile only. */
body.theme_boost-union-footerbuttonmobile.jsenabled {
  /* On larger screens. */
  /* On smaller screens. */
}
@media (min-width: 576px) {
  body.theme_boost-union-footerbuttonmobile.jsenabled {
    /* Hide the footer button.
           This uses !important to make really sure that the element is hidden regardless of other CSS rules. */
  }
  body.theme_boost-union-footerbuttonmobile.jsenabled .btn-footer-popover, body.theme_boost-union-footerbuttonmobile.jsenabled #page-footer .footer-content-popover {
    display: none !important;
    /* stylelint-disable-line declaration-no-important */
  }
}
@media (max-width: 575.98px) {
  body.theme_boost-union-footerbuttonmobile.jsenabled {
    /* Show the footer button.
           This uses !important to make really sure that the element is shown regardless of other CSS rules. */
  }
  body.theme_boost-union-footerbuttonmobile.jsenabled .btn-footer-popover {
    display: block !important;
    /* stylelint-disable-line declaration-no-important */
  }
}
/* Make the reset-user-tours link a real footer section - as soon as the placeholder div is filled by JS.
   This is necessary due to restructurings of the footer popover content. */
/* Remove the bottom line from the last footer section. */
#page-footer .popover-body .footer-section:last-child, #page-footer .popover-body .tool_usertours-resettourcontainer .usertour:last-child, .tool_usertours-resettourcontainer #page-footer .popover-body .usertour:last-child {
  border-bottom: none !important;
  /* stylelint-disable-line declaration-no-important */
}
/*=======================================
 * Settings: Content -> Info banner.
 ======================================*/
/* Adjust the margins of the info banners to align with the header and main content on larger screens. */
@media (min-width: 768px) {
  .themeboostunioninfobanner {
    margin-left: 15px;
    margin-right: 15px;
  }
}
/* Remove margin after last paragraph for a nicer look. */
.themeboostunioninfobanner p:last-child {
  margin-bottom: 0;
}
/*=======================================
 * Settings: Content -> Advertisement tiles.
 ======================================*/
/* Style the advertisement tile cards. */
#themeboostunionadvtiles [class*="col-"] .card {
  background-size: cover;
  /* d-flex align-items-stretch align-self-stretch classes in mustache template require to set width to inherit
       (Otherwise width is flexible dependent on content). */
  width: inherit;
}
/* Classes for the content style of advertisement tiles. */
#themeboostunionadvtiles .tile-dark {
  color: black;
}
#themeboostunionadvtiles .tile-light {
  color: white;
}
#themeboostunionadvtiles .tile-darkshadow {
  color: black;
  text-shadow: 0 0 5px white;
}
#themeboostunionadvtiles .tile-lightshadow {
  color: white;
  text-shadow: 0 0 5px black;
}
/* Improve the advertisement tile card if a background image is used. */
.themeboostunionadvtilebg {
  /* Remove the 1px border which is added around the card by default and which looks strange
       with a background image. */
  border: none;
  /* Add a more solid background color so that the title remains readable. */
  /* Remove the border-top from the footer. */
}
.themeboostunionadvtilebg .card-header {
  background-color: rgba(255, 255, 255, 0.8);
}
.themeboostunionadvtilebg .card-footer {
  border-top: none;
}
/*=======================================
 * Settings: Content -> Slider.
 ======================================*/
/* Style the slider. */
#themeboostunionslider {
  /* Remove the link color and styling for links in the slider as, otherwise, the linked caption and content
       would be colored and styled which does not make much sense here. */
  /* Remove the focus border which would appear around slider controls which have been clicked.
       These do not look nice within the slider. */
  /* Remove the font color from the caption to allow styling based on the slider settings. */
  /* Add an unobtrusive shadow to the carousel controls to make them visible on all kinds of backgrounds. */
}
#themeboostunionslider a {
  color: inherit;
}
#themeboostunionslider a:hover {
  text-decoration: inherit;
}
#themeboostunionslider a:focus {
  box-shadow: none;
}
#themeboostunionslider .carousel-caption {
  color: inherit;
}
#themeboostunionslider .carousel-control-prev, #themeboostunionslider .carousel-control-next {
  filter: drop-shadow(0 0 2px black);
}
#themeboostunionslider .carousel-indicators {
  filter: drop-shadow(0 0 1px black);
}
/* Classes for the content style of slides. */
#themeboostunionslider .slide-dark {
  color: black;
}
#themeboostunionslider .slide-light {
  color: white;
}
#themeboostunionslider .slide-darkshadow {
  color: black;
  text-shadow: 0 0 5px white;
}
#themeboostunionslider .slide-lightshadow {
  color: white;
  text-shadow: 0 0 5px black;
}
/*=======================================
 * Settings: Content -> Advertisement tiles & Slider (Common settings for both features).
 ======================================*/
/* Remove horizontal paddings on the tile / slider container on smaller screens to align it with the main frontpage content. */
@media (max-width: 767.98px) {
  #themeboostunionadvtiles, #themeboostunionslider-wrapper {
    padding-left: 0;
    padding-right: 0;
  }
}
/*=======================================
 * Settings: Functionality -> Courses.
 ======================================*/
/*---------------------------------------
 * Setting: Course related hints.
 --------------------------------------*/
.course-hint-hidden, .course-hint-guestaccess, .course-hint-selfenrol, .course-hint-switchedrole {
  margin-left: 15px;
  margin-right: 15px;
}
/*=======================================
 * Settings: Smart menus.
 ======================================*/
/*---------------------------------------
 * Header menu
 --------------------------------------*/
/* Boost union header menu style when the smart menu is enabled */
.theme-boost-union-smartmenu .navbar.fixed-top {
  /* Added height and background color for the top header,
            z-index is added to show the top header dropdown menu above the header block */
  /* The width is added to show the navigation drawer in full page and
                position of the navigation drawer has been adjusted to open the drawer from below. */
  /* The position of the main page has been adjusted slightly below to accommodate the top header. */
  /* Minimum width is adde for the dropdown, overlay y axis is visible to show the sub dropdown menus*/
  /* The icon tag aligned top at the usermenu link */
}
.theme-boost-union-smartmenu .navbar.fixed-top.boost-union-menubar {
  /* boost-union-menubar class is added for the top header */
  height: 42px;
  border-bottom: 0;
  background-color: #f8f9fa;
  z-index: 1031;
  /* The position of the side drawer has been adjusted slightly below to accommodate the top header. */
  /* The position of the main page has been adjusted slightly below to accommodate the top header. */
}
.theme-boost-union-smartmenu .navbar.fixed-top.boost-union-menubar ~ .drawer.drawer-left {
  top: 101px;
}
.theme-boost-union-smartmenu .navbar.fixed-top.boost-union-menubar ~ .drawer.drawer-right {
  top: 101px;
}
.theme-boost-union-smartmenu .navbar.fixed-top.boost-union-menubar ~ #page.drawers {
  margin-top: 100px;
  /* The position of the drawer button to toggle has been adjusted slightly
                    below to accommodate the top header.
                    .drawer-toggles .drawer-toggler {
                        top: 110px;
                    }*/
}
.theme-boost-union-smartmenu .navbar.fixed-top.boost-union-menubar .moremenu .more-nav li {
  /* The card dropdown menu link position is changed to static to show the card dropdown menu
                               in full width */
  /* The positions of the dropdown menu added */
  /* Removed the padding in the card dropdown overlay*/
  /* Added max-height and overflow auto for scollbar when the card item reach the dropdown
                               height */
}
.theme-boost-union-smartmenu .navbar.fixed-top.boost-union-menubar .moremenu .more-nav li.card-dropdown {
  position: static;
}
.theme-boost-union-smartmenu .navbar.fixed-top.boost-union-menubar .moremenu .more-nav li.nav-item:first-child {
  /* The position of the dropdown menu should not extend beyond the visible area of
                                       the screen */
}
.theme-boost-union-smartmenu .navbar.fixed-top.boost-union-menubar .moremenu .more-nav li.nav-item:first-child .dropdown-menu {
  left: 0;
  right: auto;
}
.theme-boost-union-smartmenu .navbar.fixed-top.boost-union-menubar .moremenu .more-nav li a {
  /* Background color added in the menubar menu link on hover */
}
.theme-boost-union-smartmenu .navbar.fixed-top.boost-union-menubar .moremenu .more-nav li a:not(.active) {
  border-bottom: 0;
  padding: 10px;
}
.theme-boost-union-smartmenu .navbar.fixed-top.boost-union-menubar .moremenu .more-nav li a > * {
  cursor: pointer;
}
.theme-boost-union-smartmenu .navbar.fixed-top.boost-union-menubar .moremenu .more-nav li a.nav-link:hover {
  background-color: #f4f4f4;
}
.theme-boost-union-smartmenu .navbar.fixed-top.boost-union-menubar .moremenu .more-nav li .dropdown-menu {
  left: auto;
  right: 0;
}
.theme-boost-union-smartmenu .navbar.fixed-top.boost-union-menubar .moremenu .more-nav li .dropdown-menu li {
  width: 100%;
}
.theme-boost-union-smartmenu .navbar.fixed-top.boost-union-menubar .moremenu .more-nav li.dropdown.card-dropdown .card-block-wrapper .card-block a {
  padding: 0;
}
.theme-boost-union-smartmenu .navbar.fixed-top.boost-union-menubar .moremenu .more-nav li.dropdownmoremenu .dropdown-menu .dropdown-menu {
  max-height: 300px;
  overflow-y: auto;
}
.theme-boost-union-smartmenu .navbar.fixed-top.boost-union-menubar + .navbar {
  /* Margin top has been added to the Header block to ensure that it does not conflict with the top
                       header. */
}
.theme-boost-union-smartmenu .navbar.fixed-top.boost-union-menubar + .navbar.fixed-top {
  margin-top: 40px;
  /* The position of the card dropdown block has been set to static,
                        so it will always appear under the card menu link. */
}
.theme-boost-union-smartmenu .navbar.fixed-top.boost-union-menubar + .navbar.fixed-top .moremenu .dropdown.card-dropdown {
  position: static;
}
.theme-boost-union-smartmenu .navbar.fixed-top.boost-union-menubar + .navbar.fixed-top .moremenu .dropdown.card-dropdown .dropdown-menu {
  overflow-y: auto;
}
.theme-boost-union-smartmenu .navbar.fixed-top.boost-union-menubar + .navbar.fixed-top .moremenu .dropdown.card-dropdown:not(.card-overflow-no-wrap) .dropdown-menu {
  max-height: calc(100vh - 300px);
}
.theme-boost-union-smartmenu .navbar.fixed-top ~ .drawer-bottom.drawer {
  width: 100%;
  top: 0;
  padding-bottom: 101px;
  visibility: hidden;
  /* Visible on show when the drawer toggle "More" link is clicked */
}
.theme-boost-union-smartmenu .navbar.fixed-top ~ .drawer-bottom.drawer.show {
  visibility: visible;
}
.theme-boost-union-smartmenu .navbar.fixed-top ~ #page.drawers {
  margin-top: 60px;
}
.theme-boost-union-smartmenu .navbar.fixed-top .moremenu .more-nav li.card-dropdown {
  /* The position of the card dropdown block has been set to static,
                so it will always appear under the card menu link. */
  position: static;
  /* Card appearance - Card form style */
  /* Card form style - Square */
  /* Card form style - Portrait */
  /* Card form style - Landscape */
  /* Card form style - Fullwidth */
  /* Full Width is added when the Card size "Tiny,Small,Medium and Large" with card form "Full width" */
}
.theme-boost-union-smartmenu .navbar.fixed-top .moremenu .more-nav li.card-dropdown.card-form-square {
  /* Minimun and maximum width is added when the Card size "Tiny" with card form "Square" */
  /* Minimun and maximum width is added when the Card size "Small" with card form "Square" */
  /* Minimun and maximum width is added when the Card size "Medium" with card form "Square" */
  /* Minimun and maximum width is added when the Card size "Large" with card form "Square" */
}
.theme-boost-union-smartmenu .navbar.fixed-top .moremenu .more-nav li.card-dropdown.card-form-square.card-size-tiny .dropdown-menu .card-block {
  min-width: 90px;
  max-width: 90px;
}
.theme-boost-union-smartmenu .navbar.fixed-top .moremenu .more-nav li.card-dropdown.card-form-square.card-size-small .dropdown-menu .card-block {
  min-width: 140px;
  max-width: 140px;
}
.theme-boost-union-smartmenu .navbar.fixed-top .moremenu .more-nav li.card-dropdown.card-form-square.card-size-medium .dropdown-menu .card-block {
  min-width: 190px;
  max-width: 190px;
}
.theme-boost-union-smartmenu .navbar.fixed-top .moremenu .more-nav li.card-dropdown.card-form-square.card-size-large .dropdown-menu .card-block {
  min-width: 240px;
  max-width: 240px;
}
.theme-boost-union-smartmenu .navbar.fixed-top .moremenu .more-nav li.card-dropdown.card-form-portrait {
  /* Minimun and maximum width is added when the Card size "Tiny" with card form "portrait" */
  /* Minimun and maximum width is added when the Card size "Small" with card form "portrait" */
  /* Minimun and maximum width is added when the Card size "Medium" with card form "portrait" */
  /* Minimun and maximum width is added when the Card size "Large" with card form "portrait" */
}
.theme-boost-union-smartmenu .navbar.fixed-top .moremenu .more-nav li.card-dropdown.card-form-portrait.card-size-tiny .dropdown-menu .card-block {
  min-width: 60px;
  max-width: 60px;
}
.theme-boost-union-smartmenu .navbar.fixed-top .moremenu .more-nav li.card-dropdown.card-form-portrait.card-size-small .dropdown-menu .card-block {
  min-width: 94px;
  max-width: 94px;
}
.theme-boost-union-smartmenu .navbar.fixed-top .moremenu .more-nav li.card-dropdown.card-form-portrait.card-size-medium .dropdown-menu .card-block {
  min-width: 127px;
  max-width: 127px;
}
.theme-boost-union-smartmenu .navbar.fixed-top .moremenu .more-nav li.card-dropdown.card-form-portrait.card-size-large .dropdown-menu .card-block {
  min-width: 160px;
  max-width: 160px;
}
.theme-boost-union-smartmenu .navbar.fixed-top .moremenu .more-nav li.card-dropdown.card-form-landscape {
  /* Minimun and maximum width is added when the Card size "Tiny" with card form "Landscape" */
  /* Minimun and maximum width is added when the Card size "Small" with card form "Landscape" */
  /* Minimun and maximum width is added when the Card size "Medium" with card form "Landscape" */
  /* Minimun and maximum width is added when the Card size "Large" with card form "Landscape" */
}
.theme-boost-union-smartmenu .navbar.fixed-top .moremenu .more-nav li.card-dropdown.card-form-landscape.card-size-tiny .dropdown-menu .card-block {
  min-width: 135px;
  max-width: 135px;
}
.theme-boost-union-smartmenu .navbar.fixed-top .moremenu .more-nav li.card-dropdown.card-form-landscape.card-size-small .dropdown-menu .card-block {
  min-width: 210px;
  max-width: 210px;
}
.theme-boost-union-smartmenu .navbar.fixed-top .moremenu .more-nav li.card-dropdown.card-form-landscape.card-size-medium .dropdown-menu .card-block {
  min-width: 285px;
  max-width: 285px;
}
.theme-boost-union-smartmenu .navbar.fixed-top .moremenu .more-nav li.card-dropdown.card-form-landscape.card-size-large .dropdown-menu .card-block {
  min-width: 360px;
  max-width: 360px;
}
.theme-boost-union-smartmenu .navbar.fixed-top .moremenu .more-nav li.card-dropdown.card-form-fullwidth {
  /* Card size "large" has margin right none because the size of the card is full width of the
                       screen */
}
.theme-boost-union-smartmenu .navbar.fixed-top .moremenu .more-nav li.card-dropdown.card-form-fullwidth.card-size-tiny .dropdown-menu .card-block, .theme-boost-union-smartmenu .navbar.fixed-top .moremenu .more-nav li.card-dropdown.card-form-fullwidth.card-size-small .dropdown-menu .card-block, .theme-boost-union-smartmenu .navbar.fixed-top .moremenu .more-nav li.card-dropdown.card-form-fullwidth.card-size-medium .dropdown-menu .card-block, .theme-boost-union-smartmenu .navbar.fixed-top .moremenu .more-nav li.card-dropdown.card-form-fullwidth.card-size-large .dropdown-menu .card-block {
  min-width: 100%;
  width: 100%;
}
.theme-boost-union-smartmenu .navbar.fixed-top .moremenu .more-nav li.card-dropdown.card-form-fullwidth.card-overflow-wrap.card-size-large .dropdown-menu .card-block {
  margin-right: 0;
}
.theme-boost-union-smartmenu .navbar.fixed-top > div:not(.navbar-nav) .dropdown:not(.card-dropdown) .dropdown-menu {
  min-width: 200px;
  overflow-y: visible;
}
.theme-boost-union-smartmenu .navbar.fixed-top .usermenu .dropdown-menu {
  /* Usermenu dropdown item position relative for it's submenu */
}
.theme-boost-union-smartmenu .navbar.fixed-top .usermenu .dropdown-menu .submenu .items a.dropdown-item {
  align-items: baseline;
}
.theme-boost-union-smartmenu .navbar.fixed-top .usermenu .dropdown-menu .dropdown-item {
  position: relative;
  /* Usermenu dropdown submenu arrow alignment */
}
.theme-boost-union-smartmenu .navbar.fixed-top .usermenu .dropdown-menu .dropdown-item.carousel-navigation-link:after {
  top: 8px;
}
.theme-boost-union-smartmenu .navbar .moremenu .more-nav li.nav-item {
  /* Menu link icon aligned center */
  /* The style below added when the menu link is under the "More" option in the responsive alignment */
  /* The full width style is added for the menu link inside the "More" menu */
}
.theme-boost-union-smartmenu .navbar .moremenu .more-nav li.nav-item a {
  align-items: center;
}
.theme-boost-union-smartmenu .navbar .moremenu .more-nav li.nav-item a label {
  margin-bottom: 0;
}
.theme-boost-union-smartmenu .navbar .moremenu .more-nav li.nav-item.dropdownmoremenu .dropdown-menu li.nav-item.dropdown {
  width: 100%;
  /* Header dropdown menu border added and position added not to conflict
                        with the screen in the responsive alignment */
}
.theme-boost-union-smartmenu .navbar .moremenu .more-nav li.nav-item.dropdownmoremenu .dropdown-menu li.nav-item.dropdown .dropdown-toggle {
  /* Header dropdown toggle menu link color added */
}
.theme-boost-union-smartmenu .navbar .moremenu .more-nav li.nav-item.dropdownmoremenu .dropdown-menu li.nav-item.dropdown .dropdown-toggle:hover, .theme-boost-union-smartmenu .navbar .moremenu .more-nav li.nav-item.dropdownmoremenu .dropdown-menu li.nav-item.dropdown .dropdown-toggle:focus, .theme-boost-union-smartmenu .navbar .moremenu .more-nav li.nav-item.dropdownmoremenu .dropdown-menu li.nav-item.dropdown .dropdown-toggle:active {
  color: #fff;
}
.theme-boost-union-smartmenu .navbar .moremenu .more-nav li.nav-item.dropdownmoremenu .dropdown-menu li.nav-item.dropdown .dropdown-menu {
  border: 1px solid rgba(0, 0, 0, 0.15);
  padding: 0.5rem 0;
  position: absolute;
  top: 0;
  left: auto;
  right: 100%;
  /* Removed the background color for the menu link of the submenu link*/
}
.theme-boost-union-smartmenu .navbar .moremenu .more-nav li.nav-item.dropdownmoremenu .dropdown-menu li.nav-item.dropdown .dropdown-menu .dropdown-item:not(:hover):not(:focus):not(:active) {
  background: none;
}
.theme-boost-union-smartmenu .navbar .moremenu .more-nav li.nav-item.dropdownmoremenu .dropdown-menu li.nav-item.dropdown.card-dropdown .dropdown-menu {
  min-width: 420px;
  max-height: calc(100vh - 120px);
  text-align: center;
}
.theme-boost-union-smartmenu .navbar .moremenu .more-nav li.nav-item.dropdownmoremenu .dropdown-menu li.nav-item.dropdown.card-dropdown.card-form-fullwidth .dropdown-menu .card-block-wrapper {
  padding: 0 15px;
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown {
  /* Top margin removed and overlay y axis is visible to show the dropdowm menu without the scrollbar */
  /* The top padding is removed in the dropdown menu when menu description is added in the top */
  /* The bottom padding is removed in the dropdown menu when menu description is added in the below */
  /* Card layout - The below styles are header dropdown Card style menus */
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown .dropdown-menu {
  overflow-y: visible;
  margin-top: 0;
  /* Menu description font size, padding, border-radius and background color added */
  /* Padding and Position added for the "help icon" in menu */
  /* The font size and opacity reduced when the Menu link is selected as "Heading" option in the
                       settings */
  /* The below styles are header dropdown submenu  */
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown .dropdown-menu .menu-description {
  font-size: 12px;
  padding: 0.25rem 1.5rem;
  border-radius: 5px;
  background-color: #eee;
  /* Removed the margin bottom for the content to avoid unwanted space below the description */
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown .dropdown-menu .menu-description p {
  margin-bottom: 0;
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown .dropdown-menu .menu-helpicon {
  text-align: center;
  padding-right: 10px;
  margin-bottom: 10px;
  /* Margin removed in the menu description help icon in the menu */
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown .dropdown-menu .menu-helpicon i {
  margin: 0;
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown .dropdown-menu .dropdown-item {
  /* Dropdown menu link alignment at top */
  align-items: baseline;
  /* The "Tick" icon removed when the menu link is clicked */
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown .dropdown-menu .dropdown-item:before {
  display: none;
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown .dropdown-menu .dropdown-item.menu-item-heading {
  font-size: 14px;
  opacity: 0.6;
  /* Menu link icon font size when the menu link as "Heading" and "icon" option selected in
                               the settings */
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown .dropdown-menu .dropdown-item.menu-item-heading i.icon {
  font-size: 14px;
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown .dropdown-menu .dropdown-submenu {
  /* Position relative submenu link to control the arrow icon when it has submenus */
  /* The submenu dropdown is hidden before the menu is clicked */
  /* The position relative is added for the dropdown menu */
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown .dropdown-menu .dropdown-submenu > a.dropdown-item {
  position: relative;
  /* Header dropdown submenu */
  /* The arrow icon and its postion at the right side is added when the header menu which has
                               dropdown */
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown .dropdown-menu .dropdown-submenu > a.dropdown-item:before {
  content: "";
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown .dropdown-menu .dropdown-submenu > a.dropdown-item:after {
  content: "";
  font-family: fontawesome;
  line-height: 10px;
  position: absolute;
  top: 40%;
  right: 10px;
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown .dropdown-menu .dropdown-submenu ul {
  display: none;
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown .dropdown-menu .dropdown-submenu.show {
  position: relative;
  /* The dropdown submenu style is added for the header menu */
  /* Height added to control the menu with scrollbard, border, border radius,
                               background color, padding and its position styles are added and display block
                               is added to show the submenu when the dropdown menu is clicked */
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown .dropdown-menu .dropdown-submenu.show ul {
  max-height: 250px;
  list-style: none;
  border: 1px solid #dee2e6;
  border-radius: 0.5rem;
  background-color: #fff;
  padding: 0.5rem 0;
  margin-left: 1px;
  overflow-y: auto;
  display: block;
  position: absolute;
  top: 0;
  left: 100%;
  /* The full width of the dropdown submenu link */
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown .dropdown-menu .dropdown-submenu.show ul li {
  width: 100%;
  /* The height and padding is added for the header dropdown submenu links */
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown .dropdown-menu .dropdown-submenu.show ul li a.nav-link {
  width: 100%;
  height: auto;
  padding: 0.1rem 1.5rem;
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.dropdown-description-above .dropdown-menu {
  padding-top: 0;
  /* When menu description is added in the top the menu description bottom border radius is removed */
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.dropdown-description-above .dropdown-menu .menu-description {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.dropdown-description-below .dropdown-menu {
  padding-bottom: 0;
  /* When menu description is added in the bottom the menu description top border radius is removed */
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.dropdown-description-below .dropdown-menu .menu-description {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown {
  /* The header card dropdown menu width, padding, removed border radius and top margin, added
                    white background color and it's position styles */
  /* Menu description aligned center and margin top & bottom added in the Card drowpdown menu */
  /* Card appearance - Card size */
  /* Height of the Card size - Tiny */
  /* Height of the Card size - Small */
  /* Height of the Card size - Medium */
  /* Height of the Card size - large */
  /* Card Overflow behaviour - No Wrap */
  /* Displayed the card menu as flex, nowrap and horizontal scroll bar to show the dropdown menu in a
                       single row */
  /* Card size - "Large" with the "Text positions" */
  /* Increased the height of the card block in the "Text Position" when the card size Large */
  /* Card size - "Medium" with the "Text positions" */
  /* Increased the height of the card block in the "Text Position" when the card size Medium */
  /* Card size - "Small" with the "Text positions" */
  /* Increased the height of the card block in the "Text Position" when the card size Small */
  /* Card size - "Tiny" with the "Text positions" */
  /* Increased the height of the card block in the "Text Position" when the card size Tiny */
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown .dropdown-menu {
  width: 100%;
  border-radius: 0;
  background-color: #f0efef;
  padding: 30px;
  margin-top: 0;
  position: absolute;
  top: 100%;
  left: 0;
  /* The header card dropdown menu items styles */
  /* Margin added to the card block right & bottom and vertical align added to
                        align the card block center to each other */
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown .dropdown-menu .card-block {
  margin-right: 15px;
  margin-bottom: 15px;
  display: inline-block;
  vertical-align: top;
  flex-direction: column;
  /* The image parent div added for the card dropdown items */
  /* The card dropdown items content block width, padding, background color
                            and aligned center styles added */
  /* The below style is added when the Menu link as "Heading" in "card layout" Menu
                               settings */
  /* The "Text position" of the menu link is selected as "Top overlay"
                            or "Below overlay" in the "Card Appearance" settings */
  /* The "Text position" of the menu link bottom
                            of the card block in the "Below overlay" option */
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown .dropdown-menu .card-block .img-block {
  width: 100%;
  height: 200px;
  /* The image size added for the card dropdown items */
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown .dropdown-menu .card-block .img-block img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown .dropdown-menu .card-block .img-block > a {
  padding: 0;
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown .dropdown-menu .card-block .content-block {
  width: 100%;
  padding: 10px;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  /* The margin added to the heading in the content block for the card dropdown items */
  /* The line height added and "Go" button block aligned right side
                                in the content block for the card dropdown items */
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown .dropdown-menu .card-block .content-block h5 {
  width: 100%;
  margin-bottom: 0;
  overflow: hidden;
  /* The font style, color, paddign added to the link of the heading
                                    in the content block for the card dropdown items */
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown .dropdown-menu .card-block .content-block h5 a {
  font-size: 14px;
  color: #fff;
  font-weight: bold;
  padding: 0;
  /* Background removed for the link of the heading on hover
                                        in the content block for the card dropdown items */
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown .dropdown-menu .card-block .content-block h5 a:hover, .theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown .dropdown-menu .card-block .content-block h5 a:focus, .theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown .dropdown-menu .card-block .content-block h5 a:active {
  background: none;
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown .dropdown-menu .card-block .content-block .btn-block {
  width: auto;
  line-height: 10px;
  text-align: right;
  margin-left: 5px;
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown .dropdown-menu .card-block .content-block .btn-block a {
  /* The color and padding added for the "Go" button in
                                        the content block of the card dropdown items */
  color: #fff;
  padding: 0;
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown .dropdown-menu .card-block .content-block .btn-block a:hover, .theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown .dropdown-menu .card-block .content-block .btn-block a:focus, .theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown .dropdown-menu .card-block .content-block .btn-block a:active {
  /* Background removed for the link of the button on
                                            hover in the content block for the card dropdown items */
  background: none;
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown .dropdown-menu .card-block.menu-item-heading {
  /* The Card menu as "Heading" option content block style */
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown .dropdown-menu .card-block.menu-item-heading .content-block {
  /* The Card menu content heading menu link font-size and opacity added */
  /* The Card Menu as "Heading" option content block "Go" button link is hidden */
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown .dropdown-menu .card-block.menu-item-heading .content-block h5 a {
  font-size: 16px;
  opacity: 0.6;
  /* The Card menu content heading menu link icon font-size added */
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown .dropdown-menu .card-block.menu-item-heading .content-block h5 a i {
  font-size: 16px;
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown .dropdown-menu .card-block.menu-item-heading .content-block .btn-block {
  display: none;
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown .dropdown-menu .card-block.card-text-overlay-top, .theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown .dropdown-menu .card-block.card-text-overlay-bottom {
  /* The position relative to the card dropdown  */
  position: relative;
  /* The border, background, box-shadow, outline are removed for the card overlay link and
                                   the width, height, position is added to redirect to course for the card top overlay &
                                   card bottom overlay */
  /* The width and position of the menu link at the top of the card block in the card
                                   dropdown menu */
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown .dropdown-menu .card-block.card-text-overlay-top > a, .theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown .dropdown-menu .card-block.card-text-overlay-bottom > a {
  width: 100%;
  height: 100%;
  border: 0;
  background: none;
  box-shadow: none;
  outline: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown .dropdown-menu .card-block.card-text-overlay-top .content-block, .theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown .dropdown-menu .card-block.card-text-overlay-bottom .content-block {
  width: 100%;
  height: 100%;
  align-items: flex-start;
  position: absolute;
  top: 0;
  left: 0;
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown .dropdown-menu .card-block.card-text-overlay-bottom .content-block {
  align-items: flex-end;
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown.dropdown-description-above .dropdown-menu .menu-description, .theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown.dropdown-description-below .dropdown-menu .menu-description {
  text-align: center;
  margin: 10px 0;
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown.card-size-tiny .dropdown-menu .card-block .img-block {
  height: 50px;
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown.card-size-small .dropdown-menu .card-block .img-block {
  height: 100px;
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown.card-size-medium .dropdown-menu .card-block .img-block {
  height: 150px;
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown.card-size-large .dropdown-menu .card-block .img-block {
  height: 200px;
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown.card-overflow-no-wrap.show .dropdown-menu {
  overflow-x: auto;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  /* Scrollbar */
  /* Width and height of the scrollbar */
  /* Background color for the scrollbar on hover */
  /* Border, border radius and background color for the bar in the scrollbar */
  /* Background for the scrollbar */
  /* End of Scrollbar */
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown.card-overflow-no-wrap.show .dropdown-menu ::-webkit-scrollbar {
  width: 12px;
  height: 10px;
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown.card-overflow-no-wrap.show .dropdown-menu ::-webkit-scrollbar-thumb:hover {
  background-color: #495057;
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown.card-overflow-no-wrap.show .dropdown-menu ::-webkit-scrollbar-thumb {
  background-color: #6a737b;
  border-radius: 20px;
  border: 2px solid #f8f9fa;
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown.card-overflow-no-wrap.show .dropdown-menu ::-webkit-scrollbar-track {
  background: #f8f9fa;
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown.card-overflow-no-wrap.show .dropdown-menu .card-block-wrapper {
  display: flex;
  overflow-y: auto;
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown.card-size-large .dropdown-menu .card-block.card-text-overlay-top > a, .theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown.card-size-large .dropdown-menu .card-block.card-text-overlay-top .img-block, .theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown.card-size-large .dropdown-menu .card-block.card-text-overlay-top .content-block, .theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown.card-size-large .dropdown-menu .card-block.card-text-overlay-bottom > a, .theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown.card-size-large .dropdown-menu .card-block.card-text-overlay-bottom .img-block, .theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown.card-size-large .dropdown-menu .card-block.card-text-overlay-bottom .content-block {
  height: calc(200px + 39px);
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown.card-size-medium .dropdown-menu .card-block.card-text-overlay-top > a, .theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown.card-size-medium .dropdown-menu .card-block.card-text-overlay-top .img-block, .theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown.card-size-medium .dropdown-menu .card-block.card-text-overlay-top .content-block, .theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown.card-size-medium .dropdown-menu .card-block.card-text-overlay-bottom > a, .theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown.card-size-medium .dropdown-menu .card-block.card-text-overlay-bottom .img-block, .theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown.card-size-medium .dropdown-menu .card-block.card-text-overlay-bottom .content-block {
  height: calc(150px + 39px);
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown.card-size-small .dropdown-menu .card-block.card-text-overlay-top > a, .theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown.card-size-small .dropdown-menu .card-block.card-text-overlay-top .img-block, .theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown.card-size-small .dropdown-menu .card-block.card-text-overlay-top .content-block, .theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown.card-size-small .dropdown-menu .card-block.card-text-overlay-bottom > a, .theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown.card-size-small .dropdown-menu .card-block.card-text-overlay-bottom .img-block, .theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown.card-size-small .dropdown-menu .card-block.card-text-overlay-bottom .content-block {
  height: calc(100px + 39px);
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown.card-size-tiny .dropdown-menu .card-block.card-text-overlay-top > a, .theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown.card-size-tiny .dropdown-menu .card-block.card-text-overlay-top .img-block, .theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown.card-size-tiny .dropdown-menu .card-block.card-text-overlay-top .content-block, .theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown.card-size-tiny .dropdown-menu .card-block.card-text-overlay-bottom > a, .theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown.card-size-tiny .dropdown-menu .card-block.card-text-overlay-bottom .img-block, .theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown.card-size-tiny .dropdown-menu .card-block.card-text-overlay-bottom .content-block {
  height: calc(50px + 39px);
}
.theme-boost-union-smartmenu .drawer-primary .drawercontent .list-group .list-group-item {
  align-items: center;
}
/* The nav drawer position to the top in the responsive alignment */
@media (max-width: 991.98px) {
  .navbar.fixed-top.boost-union-menubar ~ .drawer {
    top: 40px;
  }
  .navbar.fixed-top.boost-union-menubar ~ .drawer.drawer-right {
    top: 0;
  }
}
/* The nav drawer position to the top in the responsive alignment */
@media (min-width: 768px) {
  .navbar.fixed-top.boost-union-menubar ~ #page.drawers .drawer-toggles .drawer-toggler {
    top: 110px;
  }
}
@media (max-width: 767.98px) {
  .navbar.fixed-top {
    /* The header z-index is increased to show at top when the footer bottom menu is added */
    /* The Header menubar z-index is increased to show at top in responsive */
    /* When the menu in the footer bottom is clicked, its navigation drawer
            position appears below the header when the header menubar is disabled. */
    /* When the menu in the left adn right drawer toggle button is clicked, its navigation drawer
            position appears below the header when the header menubar is disabled. */
    /*~ #page.drawers {
            The position of the drawer button to toggle has been adjusted slightly
            below on the course view page to accommodate the top header.
            .drawer-toggles .drawer-left-toggle,
            .drawer-toggles .drawer-right-toggle {
                top: calc(60px + 0.7rem);
            }
        }*/
  }
  .navbar.fixed-top.smartmenu-bottom-navigation {
    z-index: 1050;
  }
  .navbar.fixed-top.boost-union-menubar {
    /* When the menu in the footer bottom is clicked, its navigation drawer
            position appears below the header. */
  }
  .navbar.fixed-top.boost-union-menubar.smartmenu-bottom-navigation {
    z-index: 1051;
  }
  .navbar.fixed-top.boost-union-menubar ~ .drawer.drawer-right {
    z-index: 1052;
  }
  .navbar.fixed-top.boost-union-menubar ~ .drawer-bottom.drawer {
    top: 101px;
  }
  .navbar.fixed-top ~ .drawer-bottom.drawer {
    top: 61px;
    /* The nav drawer header(close button) is hidden is responsive */
    /* The nav drawer content font size, weight and padding is added*/
  }
  .navbar.fixed-top ~ .drawer-bottom.drawer .drawerheader {
    display: none;
  }
  .navbar.fixed-top ~ .drawer-bottom.drawer .drawercontent .menu-title {
    font-size: 18px;
    font-weight: bold;
    padding: 15px;
  }
  .navbar.fixed-top ~ #theme_boost-drawers-primary, .navbar.fixed-top ~ #theme_boost-drawers-courseindex, .navbar.fixed-top ~ .drawer.drawer-left, .navbar.fixed-top ~ .drawer.drawer-right {
    max-width: 315px;
    padding-bottom: 0;
    top: 0;
  }
}
/*---------------------------------------
 * Footer menu
 --------------------------------------*/
/* Boost union footer bottom menu style when the smart menu is enabled */
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar {
  /* Footer bottom menu */
  /* Padding space removed around the bottom menu block, box-shadow and z-index
            to view the bottom menu at the top added*/
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu {
  padding: 0;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.3);
  z-index: 1050;
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav {
  /* Spread the menu items over the whole screen. */
  justify-content: space-around;
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav > li {
  /* The footer bottom dropdown menu icon and text are displayed in separate rows. */
  /* The footer bottom menu item border bottom is removed when it's not active. */
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav > li.dropdown > a {
  flex-direction: column;
  /* The footer bottom dropdown menu icon margin is removed. */
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav > li.dropdown > a i {
  margin: 0 0 3px;
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav > li > a.dropdown-toggle {
  padding-right: 25px;
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav > li > a:not(.active) {
  border-bottom: 0;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  position: relative;
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav > li > a:not(.active) i {
  margin: 0;
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav > li > a:not(.active):after {
  margin-left: 5px;
  position: absolute;
  right: 0;
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li {
  /* Footer bottom menu card-dropdown */
  /* The card dropdown Position is changed to static, so the dropdown menu will be in
                           fullscreen */
  /* The position of the footer dropdown menu should not extend beyond the visible area of
                           the screen */
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li:first-child.dropdown .dropdown-menu .dropdown-submenu ul, .theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li:nth-child(2).dropdown .dropdown-menu .dropdown-submenu ul, .theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li:nth-child(3).dropdown .dropdown-menu .dropdown-submenu ul {
  left: 100%;
  right: auto;
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li.dropdown {
  /* Footer bottom dropdown menu width, height and removed margin, position to stay the
                            dropup menu */
  /* Footer bottom dropdown style when the menus are in the "More" option in the responsive
                               alignment */
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li.dropdown .dropdown-menu {
  width: auto;
  margin-top: 0;
  margin-bottom: 0;
  top: auto;
  bottom: 100%;
  left: auto;
  right: 0;
  /* The footer bottom dropdown submenu min-width, max-height, overflow and position
                                   to show the menus above the footer */
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li.dropdown .dropdown-menu .dropdown-submenu ul {
  min-width: 150px;
  max-height: calc(100vh - 300px);
  overflow: auto;
  left: auto;
  right: 100%;
  bottom: 0;
  top: auto;
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li.dropdown.dropdownmoremenu {
  display: flex;
  align-items: center;
  /* The footer bottom dropdown menu icon and text are displayed in separate rows. */
  /* Footer bottom dropdown toggle button height, font-size, color, align center,
                                removed border radius, padding and added margin left & right style */
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li.dropdown.dropdownmoremenu > a.dropdown-toggle {
  flex-direction: column;
  /* Added ellipsis fontawesome icon, and diplay block to  for the dropdown more
                                       menu when the smart menus are not added in the Footer menu */
  /* The arrow icon after the More menu link text is hidden when the smart menus are
                                       not added */
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li.dropdown.dropdownmoremenu > a.dropdown-toggle:before {
  content: "";
  font-family: fontawesome;
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li.dropdown.dropdownmoremenu > a.dropdown-toggle:after {
  display: none;
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li.dropdown.dropdownmoremenu button.navbar-toggler {
  height: 100%;
  font-size: calc(0.90375rem + 0.045vw);
  color: #0f6cbf;
  text-align: center;
  border-radius: 0;
  padding-top: 0;
  padding-bottom: 0;
  margin: 0 10px;
  /* Footer bottom dropdown toggle button baclground added on hover  */
  /* More menu toggle button icon margin remove in the mobile view */
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li.dropdown.dropdownmoremenu button.navbar-toggler:hover {
  font-size: calc(0.90375rem + 0.045vw);
  background: #f8f9fa;
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li.dropdown.dropdownmoremenu button.navbar-toggler i {
  margin: -5px auto 5px;
  display: block;
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li.card-dropdown {
  position: static;
  /* Card appearance - Card form style */
  /* Card form style - Square */
  /* Card form style - Portrait */
  /* Card form style - Landscape */
  /* Card form style - Fullwidth */
  /* Full Width is added when the Card size "Tiny,Small,Medium and Large"
                            with card form "Full width" */
  /* The card dropdown menu width is 100%, so the dropdown menu will not overflow the
                               screen */
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li.card-dropdown.card-form-square {
  /* Minimun and maximum width is added when the Card size "Tiny" with card form
                                   "Square" */
  /* Minimun and maximum width is added when the Card size "Small" with card form
                                   "Square" */
  /* Minimun and maximum width is added when the Card size "Medium" with card form
                                   "Square" */
  /* Minimun and maximum width is added when the Card size "Large" with card form
                                   "Square" */
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li.card-dropdown.card-form-square.card-size-tiny .dropdown-menu .card-block {
  min-width: 90px;
  max-width: 90px;
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li.card-dropdown.card-form-square.card-size-small .dropdown-menu .card-block {
  min-width: 140px;
  max-width: 140px;
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li.card-dropdown.card-form-square.card-size-medium .dropdown-menu .card-block {
  min-width: 190px;
  max-width: 190px;
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li.card-dropdown.card-form-square.card-size-large .dropdown-menu .card-block {
  min-width: 240px;
  max-width: 240px;
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li.card-dropdown.card-form-portrait {
  /* Minimun and maximum width is added when the Card size "Tiny" with card form
                                   "portrait" */
  /* Minimun and maximum width is added when the Card size "Small" with card form
                                   "portrait" */
  /* Minimun and maximum width is added when the Card size "Medium" with card form
                                   "portrait" */
  /* Minimun and maximum width is added when the Card size "Large" with card form
                                   "portrait" */
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li.card-dropdown.card-form-portrait.card-size-tiny .dropdown-menu .card-block {
  min-width: 60px;
  max-width: 60px;
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li.card-dropdown.card-form-portrait.card-size-small .dropdown-menu .card-block {
  min-width: 94px;
  max-width: 94px;
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li.card-dropdown.card-form-portrait.card-size-medium .dropdown-menu .card-block {
  min-width: 127px;
  max-width: 127px;
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li.card-dropdown.card-form-portrait.card-size-large .dropdown-menu .card-block {
  min-width: 160px;
  max-width: 160px;
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li.card-dropdown.card-form-landscape {
  /* Minimun and maximum width is added when the Card size "Tiny" with card form
                                   "Landscape" */
  /* Minimun and maximum width is added when the Card size "Small" with card form
                                   "Landscape" */
  /* Minimun and maximum width is added when the Card size "Medium" with card form
                                   "Landscape" */
  /* Minimun and maximum width is added when the Card size "Large" with card form
                                   "Landscape" */
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li.card-dropdown.card-form-landscape.card-size-tiny .dropdown-menu .card-block {
  min-width: 135px;
  max-width: 135px;
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li.card-dropdown.card-form-landscape.card-size-small .dropdown-menu .card-block {
  min-width: 210px;
  max-width: 210px;
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li.card-dropdown.card-form-landscape.card-size-medium .dropdown-menu .card-block {
  min-width: 285px;
  max-width: 285px;
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li.card-dropdown.card-form-landscape.card-size-large .dropdown-menu .card-block {
  min-width: 360px;
  max-width: 360px;
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li.card-dropdown.card-form-fullwidth {
  /* Card size "large" has margin right none because the size of the card is full
                                width of the screen */
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li.card-dropdown.card-form-fullwidth.card-size-tiny .dropdown-menu .card-block, .theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li.card-dropdown.card-form-fullwidth.card-size-small .dropdown-menu .card-block, .theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li.card-dropdown.card-form-fullwidth.card-size-medium .dropdown-menu .card-block, .theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li.card-dropdown.card-form-fullwidth.card-size-large .dropdown-menu .card-block {
  min-width: 100%;
  width: 100%;
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li.card-dropdown.card-form-fullwidth.card-overflow-wrap.card-size-large .dropdown-menu .card-block {
  margin-right: 0;
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li.card-dropdown .dropdown-menu {
  width: 100%;
  max-height: calc(100vh - 300px);
  overflow-y: auto;
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li:first-child.dropdown .dropdown-menu {
  left: 0;
  right: auto;
}
/* End of Footer Menu */
/* On small screens (where the bottom bar could be visible). */
@media (max-width: 575.98px) {
  /* If the bottom bar is shown. */
  body.theme-boost-union-bottombar {
    /* The Boost Union footer buttons have to be moved more upwards. */
    /* If the footer button is shown. */
  }
  body.theme-boost-union-bottombar #boost-union-footer-buttons {
    bottom: calc(60px + 1rem);
  }
  body.theme-boost-union-bottombar.theme_boost-union-footerbuttonall.jsenabled, body.theme-boost-union-bottombar.theme_boost-union-footerbuttonmobile.jsenabled {
    /* The footer button has to be moved more upwards. */
    /* And the Boost Union footer buttons have to be moved even more upwards. */
  }
  body.theme-boost-union-bottombar.theme_boost-union-footerbuttonall.jsenabled .btn-footer-popover, body.theme-boost-union-bottombar.theme_boost-union-footerbuttonmobile.jsenabled .btn-footer-popover {
    bottom: calc(60px + 1rem);
  }
  body.theme-boost-union-bottombar.theme_boost-union-footerbuttonall.jsenabled #boost-union-footer-buttons, body.theme-boost-union-bottombar.theme_boost-union-footerbuttonmobile.jsenabled #boost-union-footer-buttons {
    bottom: calc(60px + 4rem);
  }
}
/* On screens between xs and sm (where the bottom bar could be visible). */
@media (min-width: 576px) and (max-width: 767.98px) {
  /* If the bottom bar is shown. */
  body.theme-boost-union-bottombar {
    /* The Boost Union footer buttons have to be moved more upwards. */
    /* If the footer button is shown. */
  }
  body.theme-boost-union-bottombar #boost-union-footer-buttons {
    bottom: calc(60px + 1rem);
  }
  body.theme-boost-union-bottombar.theme_boost-union-footerbuttonall.jsenabled, body.theme-boost-union-bottombar.theme_boost-union-footerbuttondesktop.jsenabled {
    /* The footer button has to be moved more upwards. */
    /* And the Boost Union footer buttons have to be moved even more upwards. */
  }
  body.theme-boost-union-bottombar.theme_boost-union-footerbuttonall.jsenabled .btn-footer-popover, body.theme-boost-union-bottombar.theme_boost-union-footerbuttondesktop.jsenabled .btn-footer-popover {
    bottom: calc(60px + 1rem);
  }
  body.theme-boost-union-bottombar.theme_boost-union-footerbuttonall.jsenabled #boost-union-footer-buttons, body.theme-boost-union-bottombar.theme_boost-union-footerbuttondesktop.jsenabled #boost-union-footer-buttons {
    bottom: calc(60px + 4rem);
  }
}
@media (max-width: 767.98px) {
  /* The padding for the footer to visible the footer bottom menu because it is in the position style */
  /* Boost union footer bottom menu style when the smart menu is enabled */
  /* The nav drawer width is extend to full screen in the mobile view when the boost union smart menu is enabled */
  /* Drawer content list group when the boost union smart menu is enabled */
  body.theme-boost-union-bottombar #page-wrapper #page {
    padding-bottom: 75px;
  }
  body.theme-boost-union-smartmenu .drawer.show {
    max-width: none;
    width: 100%;
  }
  body.theme-boost-union-smartmenu .drawer-primary .drawercontent .list-group .list-group-item {
    /* The padding left is added to the nav drawer menu dropdown menu in the mobile view */
    /* The margin left is added to the dropdown submenu icon for the nav drawer menu in the mobile view */
  }
  body.theme-boost-union-smartmenu .drawer-primary .drawercontent .list-group .list-group-item .list-group-item-action {
    padding-left: 32px;
    align-items: baseline;
  }
  body.theme-boost-union-smartmenu .drawer-primary .drawercontent .list-group .list-group-item .list-group-item .list-group-item-action i {
    margin-left: 25px;
  }
}
/*=======================================
 * General styling
 ======================================*/
/*---------------------------------------
 * Form element: Fontawesome picker
 --------------------------------------*/
.fontawesome-picker {
  /* Padding removed in the fontawesome picker popover. */
}
.fontawesome-picker .popover-body {
  padding: 0;
  /* Width, height, padding added, margin
           removed and text aligned centered in the popover fontawesome icon picker. */
}
.fontawesome-picker .popover-body .fontawesome-icon-suggestions {
  width: 250px;
  height: 350px;
  list-style: none;
  text-align: center;
  overflow: auto;
  padding: 10px 2px 2px 10px;
  margin: 0;
  /* Width, height, line height, border, border radius and margin
               added for the icon item in the popover fontawesome icon picker */
}
.fontawesome-picker .popover-body .fontawesome-icon-suggestions li {
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 5px;
  border: 1px solid #eee;
  margin: 0 10px 10px 0;
  display: inline-block;
  cursor: pointer;
  /* Background color added on hover and selected for the font icon item. */
  /* Width, height, font size added and margin removed for the Font icon. */
}
.fontawesome-picker .popover-body .fontawesome-icon-suggestions li:hover, .fontawesome-picker .popover-body .fontawesome-icon-suggestions li.selected {
  background-color: #f4f4f4;
}
.fontawesome-picker .popover-body .fontawesome-icon-suggestions li .icon {
  width: 14px;
  height: 14px;
  font-size: 16px;
  margin: 0;
}
/*---------------------------------------
 * Form element: Color picker
 --------------------------------------*/
/* Display the color picker box and the text field as column. */
.theme_boost_union-form-colour-picker .felement {
  flex-direction: column;
}
/*=======================================
 * Goodies for designers
 ======================================*/
/*---------------------------------------
 * Mark external and mailto links (manually)
 --------------------------------------*/
/* Prepare mixin for external links to allow these styles to be use here as goody and in the
   theme_boost_union_get_scss_to_mark_external_links() function as well. */
/* Prepare mixin for mailto links to allow these styles to be use here as goody and in the
   theme_boost_union_get_scss_to_mark_mailto_links() function as well. */
/* Provide the styles within a class which can be added to links. */
body.dir-ltr a.externallink::after {
  font-family: "FontAwesome";
  content: "" !important;
  /* stylelint-disable-line declaration-no-important */
  padding-left: 0.25rem;
}
body.dir-ltr a.mailtolink::before {
  font-family: "FontAwesome";
  content: "" !important;
  /* stylelint-disable-line declaration-no-important */
  padding-right: 0.25rem;
}
body.dir-rtl a.externallink::before {
  font-family: "FontAwesome";
  content: "" !important;
  /* stylelint-disable-line declaration-no-important */
  padding-right: 0.25rem;
}
body.dir-rtl a.mailtolink::after {
  font-family: "FontAwesome";
  content: "" !important;
  /* stylelint-disable-line declaration-no-important */
  padding-left: 0.25rem;
}
/*=======================================
 * Supporting third-party plugins
 ======================================*/
/*---------------------------------------
 * Learning Tools
 --------------------------------------*/
/* On smaller screens. */
@media (max-width: 767.98px) {
  /* Move the learning tools floating button up as soon as the bottom menu is shown. */
  body.theme-boost-union-bottombar .learningtools-action-info .floating-button {
    bottom: 4rem;
  }
}
/*---------------------------------------
 * Dash Pro
 --------------------------------------*/
/* Style Dash Pro dashboards. */
.path-local-dash-dashboard #page.drawers {
  /* Use flex if one of the block regions next to the main content is used. */
  /* Remove the margin of a Dash block when used in the outside top region in hero width mode. */
  /* The page header makes alignment nearly impossible,
       so let's hide it when block regions next to main content are used. */
  /* Remove the spacing which was there for the header which we have hidden in the previous rule. */
  /* 25-50-25 layout. */
  /* 33-67 or 67-33 layout. */
  /* On not-so-large screens. */
}
.path-local-dash-dashboard #page.drawers .main-inner-outside-nextmaincontent {
  display: flex;
}
.path-local-dash-dashboard #page.drawers #theme-block-region-outside-top.theme-block-region-outside-herowidth .block_dash, .path-local-dash-dashboard #page.drawers #theme-block-region-outside-bottom.theme-block-region-outside-herowidth .block_dash, .path-local-dash-dashboard #page.drawers #theme-block-region-footer.theme-block-region-footer-herowidth .block_dash {
  margin: 0;
}
.path-local-dash-dashboard #page.drawers .main-inner-outside-nextmaincontent #page-header {
  display: none;
}
.path-local-dash-dashboard #page.drawers .main-inner-outside-nextmaincontent .main-inner {
  margin: 0;
  padding: 0;
}
.path-local-dash-dashboard #page.drawers .main-inner-outside-left-right > .main-inner {
  width: 50%;
  max-width: 50%;
}
.path-local-dash-dashboard #page.drawers .main-inner-outside-left-right > section {
  width: 25%;
  max-width: 25%;
  margin-top: calc(0.5rem + 1px);
}
.path-local-dash-dashboard #page.drawers .main-inner-outside-right > .main-inner, .path-local-dash-dashboard #page.drawers .main-inner-outside-left > .main-inner {
  width: 67%;
  max-width: 67%;
}
.path-local-dash-dashboard #page.drawers .main-inner-outside-left > section, .path-local-dash-dashboard #page.drawers .main-inner-outside-right > section {
  width: 33%;
  max-width: 33%;
  margin-top: calc(0.5rem + 1px);
}
@media (max-width: 1199.98px) {
  .path-local-dash-dashboard #page.drawers {
    /* This means less than 300px per outside block region. */
    /* Stack content vertically. */
    /* Main content first, outside block regions later. */
  }
  .path-local-dash-dashboard #page.drawers .main-inner-outside-nextmaincontent {
    display: flex;
    flex-direction: column;
  }
  .path-local-dash-dashboard #page.drawers .main-inner-outside-nextmaincontent > .main-inner {
    order: -2;
  }
  .path-local-dash-dashboard #page.drawers .main-inner-outside-nextmaincontent > section, .path-local-dash-dashboard #page.drawers .main-inner-outside-nextmaincontent > .main-inner {
    width: 100%;
    max-width: 100%;
  }
}
#footnote {
  /** Extra SCSS from theme_boost_get_extra_scss **/
  background-color: #203675;
}
/* Moves the category section above other elements on the homepage */
div[role="main"] {
  display: flex;
  flex-direction: column;
}
div.course-content {
  order: 2;
}
div#frontpage-available-course-list {
  order: 3;
}
/* Styles top-level categories with spacing, padding, shadow, and rounded corners.
   Increases margin on screens wider than 400px. */
.category.loaded:not([data-depth="2"]) {
  margin-bottom: 10px;
  padding: 10px;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  border-radius: 25px;
}
@media (min-width: 400px) {
  .category.loaded:not([data-depth="2"]){margin:20px}}div#frontpage-category-names h2{border-bottom:solid 2px #203675;padding:10px;font-weight:700!important}h1,h2,h3,h4,h5,h6{color:#203675}.themeboostunionadvtilebg{text-align:center}.login-container{text-align:center}.loginform .d-flex{justify-content:center;align-items:center}body.pagelayout-login{background-image:none!important}body{background-position:left top;background-repeat:no-repeat;background-attachment:fixed}#theme_boost_union-loginorder .theme_boost_union-loginmethod:first-of-type .login-divider{display:none}